/*
 Theme Name:   G5Plus April Child Theme
 Theme URI:    http://themes.g5plus.net/april/
 Description:  G5Plus April Child Theme
 Author:       G5plus
 Author URI:   http://g5plus.net
 Template:     g5plus-april
 Version:      1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Tags: 				two-columns, three-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
Text Domain: 		g5plus-april
*/

/* Contact Form */
#wpcf7-f327-p184-o1 input {border: solid 1px;}
#wpcf7-f327-p184-o1 {margin: 0 auto;max-width: 419px;}

/* Footer */
.footer-info-shop .footer-info-p-t {margin:0;color: #fff;font-weight:700;}
.footer-box {display: grid;grid-template-columns: 180px 2fr 1fr 1fr;align-items: flex-start;padding: 20px 15px 2rem;max-width: 1200px;margin: 0 auto;color: #252525;font-weight: 400;}
.footer-info:not(:first-child) {padding-left: 20px;}
.footer-wrap {color: #ababab;position: relative;z-index: 0;margin-top:5rem;}
.footer-info p, .footer-info h4, .footer-info a {margin: 0;}
.footer-info h2 {flex-basis: 100%;}
.footer-info h2 {font-size:2.6rem;color: #fff;font-weight: 800;padding-bottom: 8px;margin-bottom: 4px;}
.footer-info img {max-width: 150px;filter: brightness(3);}
.footer-info a {display: block;color: #fffc;}
.footer-info a:hover {color: #fff;text-decoration: none;}
.footer-info-shop {display: grid;grid-template-columns: 1fr 1fr;}
.copyright-text {max-width: 100%;background: #fff;color: #252525;padding: 0 15px 20px;text-align: center;}
.copyright-text a {color: #252525;font-weight: 600;}
.copyright-text a:hover {color: #5db5af;}
.main-footer-wrapper {background: #5db5af;margin-bottom: -20px;}
.footer-info-shop p {color: #fffc;}

@media only screen and (max-width: 991px){
    .footer-box {grid-template-columns: 1fr 1fr;padding: 20px 4rem 2rem;}
	.footer-info-shop {grid-template-columns: auto;}
    .footer-info:not(:first-child) {padding-left: 0;}
    .footer-info:nth-child(3), .footer-info:nth-child(4) {margin-top: 2rem;}
}

@media only screen and (max-width: 550px){
    .footer-box {grid-template-columns: 1fr;text-align:center;}
    .footer-info:not(:first-child) {padding-left: 0;margin-top:2rem;}
}

/* Menu Descriptions DNone */
.header-inner .primary-menu .primary-menu-inner p.x-description {display: none;}

/* Home Banner Titles */
.cat-wrapper {display: grid;grid-template-columns: 2fr 1fr;margin-top: 32px;grid-gap: 32px;}
.cat-box {display: grid;grid-gap: 32px;}
.cat-row:first-child {grid-template-columns: 2fr 1fr;display: grid;grid-gap: 32px;}
.cat-row:nth-child(2) {display: grid;grid-template-columns: 1fr 2fr;grid-gap: 32px;}
.cat-box:nth-child(2) .cat-banner:last-child a {height:100%;}

.cat-paplomatothikes a {background: url('/wp-content/uploads/2021/09/leyka_eidh_paplomatothikes.jpg');}
.cat-moketes a {background: url('/wp-content/uploads/2021/10/carpets.jpg');}
.cat-petsetes a {background: url('/wp-content/uploads/2021/10/towels.jpg');}
.cat-sentonia a {background: url('/wp-content/uploads/2021/10/bed-sheet.jpg');}
.cat-xalia a {background: url('/wp-content/uploads/2021/10/carpets2.jpg');}

.cat-banner {position:relative;display:grid;}
.cat-banner a {display:grid;align-items:end;height:200px;text-decoration:none;transition: all 0.2s linear;background-size: 100%;background-position:center;z-index:2;box-shadow: 0 0 0 5px white inset;}
.cat-banner a:hover {background-size: 110%;}
.cat-banner:hover::before, .cat-banner:hover::after {opacity:1;}
.cat-banner:hover::before {transition: .3s linear;}

.cat-banner a h2, .cat-banner a h3 {font-size:16px;color:#fff;font-weight:700;text-transform:uppercase;background: #5db5af;position:absolute;padding: 2px 8px;transition: all .2s linear;}
.cat-banner:hover a h2, .cat-banner:hover a h3 {transform: translate(5px, -5px);transition: .2s linear;background:#fff;color: #252525;}

@media only screen and (max-width: 991px){
    .cat-wrapper, .cat-box {grid-gap: 10px;}
    .cat-wrapper {grid-template-columns: auto;grid-template-rows: 1fr 200px;}
}

@media only screen and (max-width: 680px){
    .cat-xalia {max-height: 200px;}
    .cat-wrapper .cat-row {grid-template-columns: auto;grid-gap: 10px;}
}

.on-sale { background-color: #5db5af; position: absolute; top: 10px; left: -5px; z-index: 2; color: #fff; font-weight: 700; padding: 0 8px; }