/*
 Theme Name:   Storefront Child
 Theme URI:    http://sitename.com/storefront/
 Description:  Storefront Child Theme
 Author:       Nick J
 Author URI:   http://sitename.com
 Template:     storefront
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, full-width, responsive-layout, accessibility-ready
 Text Domain:  storefront-child
*/
/*Theme customisations start here*/

body { font-family: 'Sofia Sans', Arial; font-weight: 300; }
h1, h2, h3, h4, h5, h6 { font-family: 'Jomhuria', sans-serif; font-weight: 100; }
h1.entry-title,
h2.entry-title,
h3.entry-title { margin-bottom: 1.5em; }
h1.entry-title span,
h2.entry-title span,
h3.entry-title span { display: inline-block; position: relative; }
h1.entry-title span:after,
h2.entry-title span:after,
h3.entry-title span:after { content: ''; position: absolute; bottom: -0.5em; left: 0; width: 100%; height: 2px; background: #bb935a; }

a { transition: color 0.4s ease-out; }
a:focus { outline: 0; }

img { border-radius: 0; }

.site-info.copyright { color: #a7a9ac; font-size: 18px; font-family: 'Jomhuria', sans-serif; text-align: center; }
footer .productionLogo { padding: 2em; justify-content: center; align-items: center; text-align: center; }
.productionLogo svg { width: auto; height: 2em; margin: 0 0.5em; display: inline-block; transition: 0.6s; }
.productionLogo a:hover svg { opacity: 0.8; transform: scale(1.1); }

.socialLinks { display: flex; align-items: center; justify-content: center; list-style: none; margin: 0 1em; }
.socialLinks li { margin: 0 1em; }
.socialLinks li a span { display: none; }
.socialLinks svg { width: auto; height: 1.4em; fill: #bb935a; transition: 0.4s ease-out; }
.socialLinks a:hover svg { fill: #c5beb0; }


.main-navigation a { font-family: 'Jomhuria', sans-serif; font-size: 1.4em; text-transform: uppercase; }
.home.blog .site-header, .home.page:not(.page-template-template-homepage) .site-header, .home.post-type-archive-product .site-header { margin-bottom: 0; }

.hentry .entry-content .wc-block-grid__products .wc-block-grid__product>a { display: block; }
.imgWrapper,
.wc-block-grid__product-image { position: relative; width: 100%; margin: 0; padding: 0; padding-top: 100%; background: #ffffff; margin-bottom: 1em; border-radius: 3px; }
.woocommerce ul.products li.product .imgWrapper img,
.wc-block-grid .wc-block-grid__products .wc-block-grid__product-image img { position: absolute; top: 5%; left: 5%; width: 90%; height: 90%; object-fit: contain; margin: 0;  }
.woocommerce-loop-category__title mark { color: #c5beb0; font-weight: normal; }
.woocommerce-product-gallery__wrapper { padding: 2em; background: #ffffff; }
.site-search .widget_product_search form::before { color: #666666; }

.header-widget-region { background: #0a0a0a; }
.widget_parent_product_categories_widget a { color: #c5beb0; font-size: 18px; font-family: 'Jomhuria', sans-serif; }
.widget_parent_product_categories_widget a:hover { color: #ffffff; }

.hentry .entry-content .wp-block-latest-posts { display: flex; justify-content: space-between; flex-wrap: wrap; }
.hentry .entry-content .wp-block-latest-posts li { width: 48%; margin: 0; }
.hentry .entry-content a { text-decoration: none; display: block; }

.bottomContact { padding: 1em 1em 2em; text-align: center; }
.site-footer .bottomContact a:not(.button):not(.components-button),
.bottomContact a { display: inline-flex; text-decoration: none; color: #ffffff; }
.site-footer .bottomContact a:not(.button):not(.components-button):hover, .bottomContact a:hover { color: #c5beb0; }
.bottomContact svg { fill: #ffffff; width: 1em; height: auto; margin-right: 0.3em; transition: 0.4s ease-out; }
.bottomContact a:hover svg { fill: #c5beb0; }

.moduleItem .imgBg { width: 100%; height: 50vh; }
.moduleItem .content { width: 100%; padding: 2em; }
.moduleItem .content p { line-height: 1.8em; }
.moduleItem .title { font-size: 2.4em; text-align: center; margin-bottom: 2em; }
.moduleItem .title span { display: inline-block; position: relative; }
.moduleItem .title span:after { content: ''; position: absolute; bottom: -0.5em; left: 0; width: 100%; height: 2px; background: #bb935a; }
.moduleItem.pianoIntro .imgBg img { object-fit: contain; }

.imgBg { position: relative; }
.imgBg img,
.imgBg video { position: absolute; object-fit: cover; top: 0; left: 0; width: 100%; height: 100%; }

.buttonWrapper { text-align: center; padding: 2em 1em; }
.BT1,
.hentry .entry-content a.BT1 { font-family: 'Jomhuria', sans-serif; display: inline-block; border: 1px solid #000000; font-size: 1.4em; padding: 0.5em 1em; color: #000000; line-height: 1; transition: 0.6s ease-in-out; text-decoration: none; }
.BT1:hover,
.hentry .entry-content a.BT1:hover { background: #000000; color: #ffffff; } 

.home .site-content > .col-full { padding: 0; margin: 0; max-width: none; }
.home .wp-container-core-columns-is-layout-1 { padding: 2em; }
.hentry .wp-post-image { width: 100%; }
.wp-block-latest-posts__featured-image { display: block; position: relative; height: 0; padding: 0 0 75%; width: 100%; margin: 0 0 1em; overflow: hidden; }
.wp-block-latest-posts__featured-image img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.hentry .entry-content .wp-block-latest-posts__post-date, .editor-styles-wrapper .wp-block-latest-posts__post-date { color: #c5beb0; }

.homeBanner { overflow: hidden; position: relative; }
.homeBanner * { color: #ffffff; }
.homeBanner .imgBg { position: relative; height: 100vh; overflow: hidden; }
.homeBanner .imgBg img { position: absolute; width: 100%; height: 100%; object-fit: cover; }
.homeBanner .content {position: absolute;top: 25%; right: 0;text-align: center;  padding: 2em; }
.homeBanner .content:after { content: ''; width: 200%; height: 200%; background: red; position: absolute; top: -50%; left: -50%; z-index: 1; 
    background: -moz-radial-gradient(center, ellipse cover,  rgba(0,0,0,.81) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 100%);
    background: -webkit-radial-gradient(center, ellipse cover,  rgba(0,0,0,.81) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0) 100%);
    background: radial-gradient(ellipse at center,  rgba(0,0,0,.81) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 );
}
.homeBanner h1 { font-size: 3em; position: relative; z-index: 2; }
.homeBanner h2 { font-size: 3em; position: relative; z-index: 2; }
.homeBanner .order0 h2,
.homeBanner h3 { font-size: 1.4em; font-weight: normal; margin-bottom: 2em; position: relative; z-index: 2; }
.hentry .entry-content .homeBanner .BT1 { border-color: #ffffff; color: #ffffff; position: relative; z-index: 2; }
.hentry .entry-content .homeBanner .BT1:hover { background-color: #ffffff; color: #000000; }
.homeBanner .text,
.homeBanner .buttonWrapper { position: relative; z-index: 2; }
.homeBanner .logo { width: 100%; display: block; margin: 0 auto 1em; z-index: 2; position: relative; }
    
.home .wp-block-heading { border-bottom: solid 3px #bb935a; display: inline-block; padding-bottom: 0.8em; margin-bottom: 1em; }

.servicesList { background: #bb935a; padding: 2em; }
.servicesList ul { display: block; list-style: none; margin: 0; padding: 0; }
.servicesList li { margin: 2em 0; text-align: center; width: 100%; }
.servicesList li .imgBg { padding-top: 42%; }
.servicesList .title { font-size: 2.4em; text-align: center; margin-bottom: 2em; color: #ffffff; }
.servicesList .title span { display: inline-block; position: relative; }
.servicesList .title span:after { content: ''; position: absolute; bottom: -0.5em; left: 0; width: 100%; height: 2px; background: #e3d5c0; }
.servicesList h4 { font-size: 1.4em; margin-top: 1em; color: #ffffff; }
.servicesList svg { width: 100%; height: auto; max-width: 150px; fill: #ffffff; transition: 0.4s ease-in-out; }

.hentry .entry-content .wc-block-grid__products .wc-block-grid__product>a { font-family: 'Jomhuria', sans-serif; color: #000000; }

@media(min-width: 768px) {
    body .content-area { width: 100%; }
    body.activeSidebar .content-area { width: 73.9130434783%; }
    
    .site-header > .col-full { display: flex; align-items: center; }
    .woocommerce-active .site-header .site-search,
    .woocommerce-active .site-header .site-branding { width: 25%; margin: 0; }

    .storefront-breadcrumb { margin-bottom: 0; }
    
    .home.blog .site-header, .home.page:not(.page-template-template-homepage) .site-header, .home.post-type-archive-product .site-header { margin-bottom: 0; }
    .parent-product-categories { display: flex; justify-content: space-between; }
    
    .col-full { max-width: 1400px; }
    .main-navigation ul.menu>li>a, .main-navigation ul.nav-menu>li>a { padding-top: 1em; padding-bottom: 1em; }
    .site-header .site-branding img { width: 100%; max-width: 100%; }
    .woocommerce-active .site-header .main-navigation { width: 100%; margin: 0; text-align: center; }
    /* .storefront-primary-navigation { border-top: 2px solid #bb935a; } */
    .header-widget-region { border-top: 2px solid #bb935a; }
    .homeBanner .logo { width: 50%; }
    
    .moduleItem { display: flex; }
    .moduleItem .imgBg { width: 50%; height: auto; }
    .moduleItem .content { width: 50%; padding: 60px; }
    
    .servicesList ul { display: flex; justify-content: space-between; }
    .servicesList li { width: 16%; padding: 1em; }

    .hentry .entry-content .wp-block-latest-posts li { width: 15%; margin: 0; }
}

@media(max-width: 767px) {
    
    .site-header .custom-logo-link { height: 2.746em; display: flex; align-items: center; }
    .site-header .custom-logo-link img {  width: 100%; height: auto; }

    .hentry .entry-content .wp-block-latest-posts li { width: 100%; }
    
    #parent_product_categories_widget-2 { position: relative; }
    #parent_product_categories_widget-2::before { content: 'Show Rental Catalog'; display: block; margin-bottom: 3px;
        padding: 1em;
        background: #000;
        font-family: 'Jomhuria', sans-serif;
        font-size: 18px;
        color: #bbbbbb;
        border: 1px solid #333;
        margin-top: 10px;
        position: relative;
        cursor: pointer;
    }
        
    #parent_product_categories_widget-2:after {
        content: '';
        position: absolute;
        top: 4em;
        right: 1em;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 8px 5px 0 5px;
        border-color: #999999 transparent transparent transparent;
        -webkit-transition: -webkit-transform 0.3s;
        transition: transform 0.3s;
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }        
    #parent_product_categories_widget-2 ul { height: auto; max-height: 0; transition: 0.6s ease-out; overflow: hidden; padding: 0.5em; }
    #parent_product_categories_widget-2:hover ul { max-height: 100vh; }
    
}