/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/



/*
* {outline:1px dotted red}
*/

/*
#page{display:none}

.home #page, .woocommerce #page{display:block}

.site-footer{display:none}
*/


/* Remove border-radius from all buttons */
.wp-block-button .wp-block-button__link, button, input[type="button"], input[type="submit"], input[type="reset"], button.wp-element-button{border-radius:0 !important}
/* Link transition */
a{transition:all .3s}

/* ************************************************** */
/* header + site-navigation */

.site-header{border-bottom:1px solid var(--base);left:0;position:fixed;right:0;top:0;z-index:999}
.site-header .site-logo{display:none}
.site-header .main-title a{transition:color .2s}
.site-header .main-title a:hover{color:var(--global-blue-dark)}

.site-header .main-navigation ul ul{box-shadow:none}

.site-header .main-navigation .pll-parent-menu-item .sub-menu{width:73px}
.site-header .main-navigation .account{position:relative}
.site-header .main-navigation .account a:hover{fill:var(--global-blue)}
.site-header .main-navigation .account:after{background:var(--contrast-3);bottom:25px;content:"";display:block;left:0;position:absolute;top:25px;width:1px}
.site-header .main-navigation .menu-bar-item{position:relative}
.site-header .main-navigation .menu-bar-item:after{background:var(--contrast-3);bottom:25px;content:"";display:block;left:0;position:absolute;top:25px;width:1px}
.site-header .main-navigation .menu-bar-item a{font-size:17px !important}
.site-header .main-navigation .menu-bar-item.slideout-toggle.hide-on-mobile{display:block !important}
.site-header .main-navigation .menu-toggle{display:none;visibility:hidden}

.site-header .secondary-navigation{margin:0 20px;padding:0 20px 0 10px;position:relative}
.site-header .secondary-navigation:after{background:var(--contrast-3);bottom:25px;content:"";display:block;left:0;position:absolute;top:25px;width:1px}

@media (width < 768px) {
    .site-header .main-navigation .menu-bar-item.wc-menu-item:after{display:none}
    .site-header .main-navigation .menu-bar-item a{font-size:13px !important}
}

@media (width < 1080px) {
    .site-header .secondary-navigation{display:none;visibility:hidden}
}


.slideout-navigation .logo-offcanvas{margin:20px}
.slideout-navigation .logo-offcanvas svg{height:auto;width:100%}

/* ************************************************** */
/* nav breadcrumbs */
.nav-breadcrumb{border-bottom:1px solid var(--base);margin-top:81px;padding:30px 0}
.nav-breadcrumb .woocommerce-breadcrumb{margin:0}
.nav-breadcrumb .yoast-breadcrumb,.nav-breadcrumb .woocommerce-breadcrumb{color:var(--global-blue-dark);font:bold 13px/normal var(--gp-font--asap);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}
.nav-breadcrumb .yoast-breadcrumb a,.nav-breadcrumb .woocommerce-breadcrumb a{color:var(--global-blue-dark);text-decoration:none;transition:color .25s}
.nav-breadcrumb .yoast-breadcrumb a:hover,.nav-breadcrumb .woocommerce-breadcrumb a:hover{color:var(--global-blue)}

.nav-breadcrumb .grid-container{padding:0 30px}
@media (width <= 768px) {.nav-breadcrumb .grid-container{padding:0 15px} }


/* ************************************************** */
/* hero */

.hero{background:#000;height:0;margin:0 auto;overflow:hidden;padding-top:24%;position:relative;width:100%}
.hero video{bottom:0;height:100%;left:0;object-fit:cover;position:absolute;right:0;top:0;width:100%}
.hero .hero-overlay{align-items:center;bottom:20px;display:flex;flex-flow:column wrap;justify-content:center;left:20px;position:absolute;right:20px;top:20px;z-index:2}
.hero .hero-title{color:var(--global-blue-light);font-size:2.5vw;font-weight:bold;text-align:center}
.hero .hero-title a{color:var(--global-blue);text-decoration:none}
.hero .hero-title a:hover{color:var(--base-3)}
.hero .hero-buttons{display:flex;gap:15px;justify-content:center;margin:30px 0 0 0}
.hero .hero-buttons .btn{font-size: 1.2rem;font-weight:bold;padding:12px 0;text-align:center;text-decoration:none;transition:all 0.3s;width:125px}
.hero .btn.primary{background:var(--global-blue);color:var(--base-3)}
.hero .btn.primary:hover{background:var(--global-blue-dark)}
.hero .btn.secondary{background:var(--base-3);color:var(--global-blue-dark)}
.hero .btn.secondary:hover{background:var(--global-blue-light)}

.hero video{animation:hero-image-fade-in 2s 1 normal ease-out forwards 0s}
@keyframes hero-image-fade-in{
    0%{opacity:0;visibility:hidden}
    100%{opacity:1;visibility:visible}
}

@media (width < 768px) {
    .hero{padding-top:80%}
    .hero .hero-title{font-size:32px}
    .hero .hero-buttons .btn{font-size: 1rem}
}

@media (width >= 768px) and (width < 1024px) {
    .hero{padding-top:42%}
    .hero .hero-title{font-size:4vw}
}

/* ************************************************** */
/* plp */

.archive.woocommerce .products .product a{background:var(--base-2);height:100%;padding:30px 30px 82px 30px!important;position:relative;transition:background-color .3s}
.archive.woocommerce .products .product a:hover{background:var(--base)}
.archive.woocommerce .products .product a .woocommerce-loop-product__title{color:var(--global-blue-dark)}
.archive.woocommerce .products .product .wc-product-image{margin:0 0 30px 0 !important}
.archive.woocommerce .products .wc-has-gallery .secondary-image{transition:opacity .5s ease-in-out !important}
.archive.woocommerce .products .product .woocommerce-loop-product__title{font-weight:bold;line-height:150%;text-align:left}
.archive.woocommerce .products .product .price{bottom:30px;position:absolute;text-align:left}
.archive.woocommerce .products .product .price bdi{color:var(--global-blue);font-size:22px;font-weight:bold}
.archive.woocommerce .products .product .price .custom-price-text{color:var(--contrast-3);font-size:12px;margin-left:4px}

.archive.woocommerce .term-description{background:var(--base-2);margin:90px 0 0 0;padding:90px 0;position:relative}
.archive.woocommerce .term-description::before{background:var(--base-2);content:'';height:100%;left:0;position:absolute;top:0;transform:translateX(-50%);width:200vw;z-index:-1}

/* ************************************************** */
/* pdp */



.single-product.woocommerce .woocommerce-product-gallery .woocommerce-product-gallery__image{background:var(--base-2)}
.single-product.woocommerce .woocommerce-product-gallery .flex-control-nav img{background:var(--base-2)}
.single-product.woocommerce .woocommerce-product-gallery .flex-control-nav img:hover{background:var(--base)}
.single-product.woocommerce .product .images .flex-control-thumbs li img{opacity:1;padding:10px}

.single-product.woocommerce .product_title{margin:0 0 30px 0}

.single-product.woocommerce .price{border-top:1px solid var(--base);margin:0;padding:15px 0}
.single-product.woocommerce .price .woocommerce-Price-amount{color:var(--global-blue)}
.single-product.woocommerce .price .woocommerce-price-suffix{color:var(--contrast-3);font-size:12px;margin-left:4px}
.single-product.woocommerce .price del{display:none !important}

.single-product.woocommerce .woocommerce-product-details__short-description{display:none}
.single-product.woocommerce .woocommerce-product-details__short-description p:last-of-type{margin:0}

.single-product.woocommerce .tpt__tiered-pricing{border:1px solid var(--base);border-width:1px 0;padding:15px 0}
.single-product.woocommerce .tiered-pricing-blocks .tiered-pricing-block{border-radius:0;border-color:var(--base) !important}
.single-product.woocommerce .tiered-pricing-blocks .tiered-pricing-block.tiered-pricing--active{background:var(--base-2);transform:scale(1)}
.single-product.woocommerce .tiered-pricing-blocks .tiered-pricing-block:first-of-type{display:none}

.single-product.woocommerce form.cart .variations{margin:30px 0 !important}
.single-product.woocommerce form.cart .variations th.label{text-align:left;vertical-align:middle}
.single-product.woocommerce form.cart .variations td.value{padding:0}

.single-product.woocommerce form.cart .woocommerce-variation-add-to-cart{border-top:1px solid var(--base);margin:0;padding:30px 0 0 0}
.single-product.woocommerce form.cart .quantity{margin:0 0 15px 0 !important;width:100%}





.single-product.woocommerce form.cart .add-request-quote-button{background:var(--global-blue) !important;font-size:17px !important}

.single-product.woocommerce .woocommerce-tabs{background:var(--base-2);margin:90px 0 0 0;padding:90px 0;position:relative}
.single-product.woocommerce .woocommerce-tabs::before{background:var(--base-2);content:'';height:100%;left:0;position:absolute;top:0;transform:translateX(-50%);width:200vw;z-index:-1}
.single-product.woocommerce .woocommerce-tabs .wc-tabs{display:none !important}

.single-product.woocommerce .related.products{background:var(--global-blue-light);padding:90px 0;position:relative}
.single-product.woocommerce .related.products::before{background:var(--global-blue-light);content:'';height:100%;left:0;position:absolute;top:0;transform:translateX(-50%);width:200vw;z-index:-1}
.single-product.woocommerce .related.products .product a{background:var(--base-2);height:100%;padding:30px 30px 82px 30px!important;position:relative;transition:background-color .3s}
.single-product.woocommerce .related.products .product a:hover{background:var(--base)}
.single-product.woocommerce .related.products .product a .woocommerce-loop-product__title{color:var(--global-blue-dark)}
.single-product.woocommerce .related.products .product .wc-product-image{margin:0 0 30px 0 !important}
.single-product.woocommerce .related.products .wc-has-gallery .secondary-image{transition:opacity .5s ease-in-out !important}
.single-product.woocommerce .related.products .product .woocommerce-loop-product__title{font-weight:bold;line-height:150%;text-align:left}
.single-product.woocommerce .related.products .product .price{border:0;bottom:30px;padding:0;position:absolute;text-align:left}
.single-product.woocommerce .related.products .product .price bdi{color:var(--global-blue);font-size:22px;font-weight:bold}
.single-product.woocommerce .related.products .product .price .custom-price-text{color:var(--contrast-3);font-size:12px;margin-left:4px}
.single-product.woocommerce .related.products .related-products-title a{color:var(--global-blue-dark);text-decoration:none}
.single-product.woocommerce .related.products .related-products-title a:hover{color:var(--global-blue)}
.single-product.woocommerce .related.products a.wp-block-button__link{background:var(--global-blue-dark)}
.single-product.woocommerce .related.products a.wp-block-button__link:hover{background:var(--global-blue)}

/* ************************************************** */
/* nav-categories-footer */

.woocommerce .navbar-product-categories{background:var(--global-blue-light);padding:90px 0;position:relative}
.woocommerce .navbar-product-categories::before{background:var(--global-blue-light);content:'';height:100%;left:0;position:absolute;top:0;transform:translateX(-50%);width:200vw;z-index:-1}
.woocommerce .navbar-product-categories .products{gap:30px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0}
.woocommerce .navbar-product-categories .products::before{display:none !important}
.woocommerce .navbar-product-categories .products .product{margin:0;width:100%}
.woocommerce .navbar-product-categories .products .product a{background:var(--base-2);display:block;height:100%;padding:30px !important;transition:background-color .3s}
.woocommerce .navbar-product-categories .products .product a:hover{background:var(--base)}
.woocommerce .navbar-product-categories .products .product a .woocommerce-loop-category__title{color:var(--global-blue-dark);font-weight:bold;text-align:center}
.woocommerce .navbar-product-categories .products .product .count{display:none}

@media (width <= 820px) {
    .woocommerce .navbar-product-categories .products{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (width <= 640px) {
    .woocommerce .navbar-product-categories .products{grid-template-columns:repeat(1,minmax(0,1fr))}
}

.single-product.woocommerce .navbar-product-categories{background:var(--global-blue-dark)}
.single-product.woocommerce .navbar-product-categories::before{background:var(--global-blue-dark)}

.single-product.woocommerce .navbar-product-categories .navbar-product-categories-heading a{color:var(--global-blue-light);text-decoration:none}
.single-product.woocommerce .navbar-product-categories .navbar-product-categories-heading a:hover{color:var(--global-blue)}

.single-product.woocommerce .navbar-product-categories a.wp-block-button__link{background:var(--global-blue-light)}
.single-product.woocommerce .navbar-product-categories a.wp-block-button__link:hover{background:var(--global-blue)}