/*
 Theme Name:   Storefront Child
 Theme URI:    http://questor.com.au/storefront/
 Description:  Storefront Child Theme
 Author:       MattR
 Author URI:   http://questor.com.au
 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*/

#masthead  {
    display: grid;
    grid-template-columns: auto auto auto auto auto;
    grid-template-rows: auto auto;
    gap: 4px;
	position: fixed;
	background-color: #A9c5bd;
	width: 100%;
	top: 0;
}

.storefront-woocommerce-brands {
  display: none;
}

@media screen  {

	/*positioning the main-navigation */
	#masthead .storefront-primary-navigation {
      grid-column: 2/ span 4;
      grid-row-start: 2;
	  width: auto;
	}
	#masthead .main-navigation {
        width: auto;
    }

    #masthead .main-navigation ul.menu>li>a, .main-navigation ul.nav-menu>li>a {
        padding: 1em 1em;
    }
	#masthead .main-navigation ul.menu>li>a:hover, .main-navigation ul.nav-menu>li>a:hover {
    color: #f3E1C0; background-color: #9bb3ac;  }
	
	#masthead .main-navigation ul.menu>li>focus, .main-navigation ul.nav-menu>li>focus {
    background-color: #9bb3ac;  }

	#masthead .sub-menu {background-color: #9bb3ac;}
	#masthead .sub-menu>li>a:hover {color: #f3E1C0;}
	
	#masthead .current_page_item a {
    color: white!important;
}
    #masthead .site-branding{
      grid-row: 1 / span 2;
	  grid-column-start: 1;
	  width: auto;
	  padding-left: 10px;
    }
	
	/*positioning the cart-menu */
	#masthead .site-header-cart {
      grid-column-start: 3;
      grid-row-start: 1;
		width: 125px;
		margin:auto;
	}
	#masthead .site-header-cart .widget_shopping_cart {
    background-color: #f0f0f0;
    width: 175px;
	}
    #masthead .site-search{
      grid-column-start: 4;
      grid-row-start: 1;
		width: 250px;
		margin-top:auto;
		margin-bottom:auto;
		margin-right:10px;
		
    }
	#content{
		padding-top:50px;
	}
	
	#main .site-main {
		margin-top: 4em;
	}
	

	
	.site-footer {
    padding: 0.1em 0 0.1em;
}
.site-info {
    padding: 0.1em;
}
	.site-info a {
display: none;
}
	
	/* Responsive video container */
.custom-product-video-container {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 aspect ratio */
    height: 0;
    overflow: hidden;
    margin: 20px 0;
    background: #000;
}

.custom-product-video-container video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/* Mobile optimization */
@media (max-width: 768px) {
    .custom-product-video-container {
        margin: 15px 0;
    }
}