/*
Theme Name: Toast
Description: Lightweight, tasty and totally awesome.
Author: The Toast Development Team
Date: Octover 2022
Version: 13.7
Theme URI: http://www.toastwebsites.co.uk
Author URI: http://www.toastdesign.co.uk
Text Domain: toast
*/

/* Author Archive */

.archive-hero.author-archive-hero .grid {
    grid-template-columns: 1fr !important;
    grid-gap: 0 !important;
}

.archive-hero.author-archive-hero .col {
    grid-column: 1 / -1;
    max-width: 100%;
    width: 100%;
}

/* Author Bio */

.author-box-wrapper > .container {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.author-box-wrapper {
    margin-bottom: 5rem;
}

.author-box {
    display: flex;
    padding: 2.5rem 3rem;
    background: #fff;
    box-shadow: 0 1px 12px rgba(0, 0, 0, .1);
    align-items: center;
}

.author-box__image {
    flex: 0 0 25%;
}

.author-box__content {
    flex: 0 0 75%;
}

.author-box__image img {
    display: block;
    width: 100%;
    max-width: 180px;
    height: auto;
    aspect-ratio: 1 / 1;
    object-fit: cover;
}

.author-box__label {
    margin: 0 0 .5rem;
    font-weight: 600;
    text-transform: uppercase;
	color:#01a1d4;
}

.author-box__name {
    margin-bottom: 1rem;
}

h3.author-box__name a:hover {
    color: #d97923;
}

.author-box__title {
    margin: .25rem 0 .75rem;
    font-weight: 600;
}

.author-box__bio {
    margin: 0;
}

@media (max-width: 767px) {
    .author-box {
        flex-direction: column;
        align-items: flex-start;
        gap: 1.5rem;
        padding: 2rem;
    }

    .author-box__image,
    .author-box__content {
        flex: 0 0 100%;
        width: 100%;
    }
}

/* Base Styles */
html { font-size: 62.5%; }
body{font-size: 1.4rem;line-height: 1.7;font-family: Poppins,sans-serif;font-weight: 400;color:#392b2b;margin: 0;padding: 0; }
section{overflow:hidden;}
img{max-width:100%;height:auto;}
.allow-sticky{overflow:visible;}
.align-center .grid.gallery {
    align-items: center;
}

/* Header */
.site-header{background:#f0f0f0;transition:all .5s;position: relative;z-index:99999;}
.site-header.submenu-open, .site-header.search-panel-open{background:#ffffff;}
.site-header .container{max-width:1340px;}
.site-header .grid{grid-template-columns:200px 1fr;align-items:center;}
#site-logo img { width: 100%; }
.site-header .mobile-logo{display:none;}

.site-header .search-toggle{display:inline-block;width:20px;vertical-align:middle;cursor:pointer;line-height:1;}
.site-header .search-toggle svg{width:100%;height:auto;}
.site-header .header-button{margin-left:1rem;background:transparent;border:1px solid;font-weight:400;color:#392b2b;font-size:inherit;}
.site-header .sample-count-button .sample-count{font-weight:bold;}
.site-header .sample-count-button:after{content:'';width:20px;height:20px;display:inline-block;vertical-align:middle;margin-left:1rem;background-image:url('/wp-content/themes/toast/assets/images/cart.svg');background-size:cover;background-position:center;}

.site-header .search-panel{position:absolute;bottom:0;left:0;width:100%;background:#ffffff;transform:translateY(100%);padding:5rem 0;opacity:0;pointer-events:none;transition:all .5s;}
.site-header.search-panel-open .search-panel{opacity:1;pointer-events:all;}
.site-header .search-panel form{display:grid;grid-template-columns:1fr 180px;grid-gap:30px;}
.site-header .search-panel form input{height:50px;padding:1rem;font-size:1.75rem;}
.site-header .search-panel form input[type="text"]{border:1px solid #01a1d4}
.site-header .search-panel form input[type="submit"]{background:#01a1d4;color:#ffffff;}

.toast-menu-overlay{width:100%;height:100%;background:rgba(0,0,0,.5);position:fixed;top:0;left:0;backdrop-filter: blur(5px);z-index:999999;opacity:0;pointer-events:none;transition:all .5s;}
.site-header.submenu-open + .toast-menu-overlay, .site-header.search-panel-open + .toast-menu-overlay, .menu-open .toast-menu-overlay{opacity:1;pointer-events:all;transition-delay:0.25s;}

/* Navbar & Menus */
.toast-mega-menu{display:inline-block;}
.top-nav {font-size: 1.4rem;text-align: right;}
.top-nav ul { margin: 0 auto; padding: 0rem;}
.top-nav li { display: inline-block; margin: 0;padding:0;}
.top-nav li a { display: inline-block; padding:4rem 1.5rem;line-height: 1; color:inherit; text-transform: uppercase;font-weight: normal;}

/* Submenus Dropdowns*/
.top-nav .sub-menu{grid-template-columns:1fr 1fr 1fr 1fr 1fr;position:absolute;bottom:0;left:0;transform:translateY(calc(100% - 2px));background:#ffffff;text-align:center;z-index:999999;width:100%;padding:50px 20px;opacity:0;pointer-events:none;transition:all .5s;}
.top-nav .sub-menu:before{content:'';width:100vw;height:100%;background:#ffffff;position:absolute;margin-left: calc(50% - 50vw);z-index:-1;}
.top-nav .this-submenu-open > a{background:#01a1d4;color:#ffffff;}
.top-nav .this-submenu-open .sub-menu{opacity:1;pointer-events:all;}
.top-nav .sub-menu li{position: relative;padding-top:100%;background-size:cover;background-position:center;opacity:0;transition:all .75s;transform:translateY(20px);}
.top-nav .sub-menu li a{width:100%;height:100%;left:0;top:0;position:absolute;padding:0 40px;display:flex;justify-content:center;align-items:center;color:#ffffff;font-weight:600;font-size:1.8rem;line-height:1.2;z-index:9999;}
.top-nav .sub-menu li a:before{content:'';width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(57,43,43,.3);z-index:-1;transition:all .25s;}
.top-nav .sub-menu li:hover a:before{background:rgba(217,121,35,.95)}

.top-nav .this-submenu-open .sub-menu li{opacity:1;transform:translateY(0px);}
.top-nav .this-submenu-open .sub-menu li:nth-of-type(1){transition-delay:0.2s;}
.top-nav .this-submenu-open .sub-menu li:nth-of-type(2){transition-delay:0.3s;}
.top-nav .this-submenu-open .sub-menu li:nth-of-type(3){transition-delay:0.4s;}
.top-nav .this-submenu-open .sub-menu li:nth-of-type(4){transition-delay:0.5s;}
.top-nav .this-submenu-open .sub-menu li:nth-of-type(5){transition-delay:0.6s;}
.top-nav .this-submenu-open .sub-menu li:nth-of-type(6){transition-delay:0.7s;}
.top-nav .this-submenu-open .sub-menu li:nth-of-type(7){transition-delay:0.8s;}
.top-nav .this-submenu-open .sub-menu li:nth-of-type(8){transition-delay:0.9s;}
.top-nav .this-submenu-open .sub-menu li:nth-of-type(9){transition-delay:1s;}
.top-nav .this-submenu-open .sub-menu li:nth-of-type(10){transition-delay:1.1s;}

.top-nav .sub-menu .close-menu{grid-column:span 5;text-align:left;text-transform:uppercase;opacity:.37;cursor:pointer;}

/* Typography */
h1, h2, h3, h4, h5, h6 { margin-top: 0;font-weight: 600; line-height: 1.2;margin-bottom:2.5rem;}
h1 { font-size: 6rem;line-height:1;}
h2 { font-size: 4rem;}
h3 { font-size: 3rem;}
h4 { font-size: 2rem;}
h5 { font-size: 2.75rem;}
h6 { font-size: 2.5rem;}

h2:has(+ h3) {
    margin-bottom: 3rem;
}

p:has(+ h3) {
    margin-bottom: 2.5rem;
}

p:has(+ h2) {
    margin-bottom: 4rem;
}

p:has(+ h4) {
    margin-bottom: 3rem;
}

p:has(+ a.button) {
    margin-bottom: 3rem;
}

ul{margin:0; padding-left: 2rem; list-style: disc outside; }
p, li{margin:0;margin-bottom:1rem;}
p a{color:#d97923}
p:last-child, li:last-child{margin-bottom:0;}
ul + p {
  margin-top: 2rem;
}

blockquote {
    border-left: 5px solid #4b9fcf;
    padding: 3rem;
    margin: 0;
    font-size: 1.8rem;
    line-height: 1.2;
    margin-bottom: 2rem;
    background: #eef9ff;
}

blockquote em {
    font-size: 80%;
}

/**Contact Area**/
.contact-area{display:grid;grid-template-columns:1fr 1fr;background:#f0f0f0;position: relative;overflow:hidden;}
.contact-area .contact-area-image{background-position:center;background-size:cover;}
.contact-area .contact-area-content{padding:5vh 5vw 5vh 5vw;position: relative;z-index:999;}
.contact-area .contact-area-content .contact-area-intro{max-width:500px;margin-bottom:2rem;}
.contact-meta{font-size:1.6rem;display:grid;grid-template-columns:125px 1fr;margin-bottom:1.5rem;align-items:center;}
.contact-meta svg{width:16px;margin-right:10px;height:auto;vertical-align:middle;}
.contact-meta .contact-meta-value{font-weight:600;font-size:2rem;}
.contact-area .contact-area-content .gform_wrapper, .form-area .gform_wrapper{margin-top:5rem;}
.contact-area .contact-area-content .gform_wrapper input, .form-area .gform_wrapper input{background:transparent;border-bottom:1px solid #000;padding:0 !important;height:38px !important;}
.contact-area .contact-area-content .gform_wrapper textarea, .form-area .gform_wrapper textarea{background:transparent;border-bottom:1px solid #000;padding:0 !important;min-height:70px !important;height:auto !important;height:0 !important;}
.contact-area .contact-area-content .gform_wrapper input[type="submit"], .form-area .gform_wrapper input[type="submit"]{background:#d97923;border:none;padding:1rem 5rem !important;height:auto !important;color:#ffffff;}

.contact-area .info-text{font-size:27vw;font-weight:bold;position:absolute;bottom:5rem;right:0;z-index:99;color:#ffffff;line-height:0.7}

/*Footer*/
.footer-menus{padding:5rem 0;}
.footer-menus .container{max-width:1440px;width:90%;}
.footer-menus .grid{grid-template-columns:1fr 1fr 1fr 1fr;}
.footer-menus .footer-widget-title{font-size:2rem;}
.footer-menus ul{list-style-type:none;padding:0;}
.footer-menus ul li{margin:0;}
.footer-menus ul li a{font-weight:400;}

.site-footer{background:#ffffff;padding:2rem 0;color:rgba(51,51,51,.4)}
.site-footer .container{max-width:1440px;width:90vw;}
.site-footer .grid{grid-template-columns:1fr 1fr 1fr;align-items:center;}
.site-footer .logo img{width:200px;}
.site-footer .middle{text-align:center;}
.site-footer .right{text-align:right;}
.site-footer .right .menu-legal-container, .site-footer .right .social-icons{display:inline-block;vertical-align:middle;line-height:1;}
.site-footer .right ul{list-style-type:none;padding:0 1rem 0;}
.site-footer .right ul li{margin:0;display:inline-block;padding: 0 1rem;}
.site-footer .right ul li a{font-weight:400;}

/**Archives**/
.archive-hero{padding:5rem 0 5rem;background:#f0f0f0;overflow:visible;}
.archive-hero .container{max-width:1340px}
.archive-hero .grid{grid-template-columns:3fr 5fr;align-items:center;grid-gap:50px;}
.archive-hero img{width:100%;box-shadow:0 5px 10px rgba(0,0,0,.2);}

.archive-filter{padding:3rem 0 3rem;}
.archive-filter h3, .archive-filter h5{font-family:Poppins,sans-serif !important;font-weight:600 !important;}
.archive-filter .container{max-width:1340px;}
.archive-filter .archive-filter-box .product-categories{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;grid-gap:10px;}
.archive-filter .archive-filter-box .product-category{display:inline-block;margin:.5rem;background:#ffffff;border-radius:10px;overflow:hidden;outline:3px solid transparent;color:#392b2b;box-shadow:0 4px 8px rgba(0,0,0,.22);}
.archive-filter .archive-filter-box .product-category h5{padding:1.5rem 1.5rem;font-size:1.5rem;margin:0;}
.archive-filter .archive-filter-box .product-category.active{outline-color:#d97923;}

.archive-listings-wrapper{padding:5rem 0;}
.archive-listings-wrapper .container{max-width:1340px}

.archive-additional-content{padding-top:5rem;}
.archive-additional-content .container{max-width:1340px}

.archive-footer{padding:9rem 0 5rem;}
.archive-footer .container{max-width:1440px}
.archive-footer .grid{grid-template-columns:3fr 5fr;grid-gap:80px;}
.archive-footer .archive-footer-content{padding:5rem 0;}
.archive-footer .archive-footer-image{background-size:cover;background-position:center;position: relative;box-shadow:0 5px 10px rgba(0,0,0,.25);}
.archive-footer .archive-footer-quote{position:absolute;top:-4rem;right:2rem;background:#ffffff;width:30vw;padding:2rem;line-height:1.8;box-shadow:0 3px 6px rgba(0,0,0,.16), 4px 4px 15px rgba(0,0,0,.29);font-size:1.4rem;}
.archive-footer .archive-footer-quote .archive-footer-quote-author{color:#d97923;text-align:right;font-weight:bold;margin-top:1rem;font-size:1.8rem;}

/**Porcelain**/
.porcelain h1, .porcelain h2, .porcelain h3, .porcelain h4, .porcelain h5, .porcelain h6{font-family:Alice,sans-serif;font-weight:400;}
.porcelain .archive-hero .grid{grid-template-columns:1fr 1fr;}

/**Porcelain Footer**/
.porcelain-footer .porcelain-logo{grid-template-columns:42px 1fr;display:grid;grid-gap:1.5%;}
.porcelain-footer .porcelain-logo .porcelain-icon{margin-top:1rem;}
.porcelain-footer .grid{grid-template-columns:3fr 550px;grid-gap:80px;grid-gap:100px;}
.porcelain-footer .grid .content{padding:5rem 0;}
.porcelain-footer .contact-details{padding:5rem 5rem 0;}

.porcelain-footer .grid .newsletter{background:#f0f0f0;padding:5rem;position: relative;}
.porcelain-footer .grid .newsletter .gform_wrapper{position: relative;}
.porcelain-footer .grid .newsletter .gform_footer{position:absolute;bottom:7.5px;right:7.5px;padding:0;margin:0;}
.porcelain-footer .grid .newsletter .gform_footer input[type="image"]{border-radius:50px;margin:0 !important;height:40px;width:40px;background:#4e645d;background-image:url('/wp-content/themes/toast/assets/images/porcelain-newsletter-arrow.svg');background-position:center;background-repeat:no-repeat;}
.porcelain-footer .grid .newsletter .porcelain-follow{display:grid;grid-template-columns:120px 1fr;align-items:center;margin-top:3rem;}
.porcelain-footer .grid .newsletter .porcelain-follow h6{margin:0;}
.porcelain-footer .grid .newsletter .porcelain-follow .social-icons a{background:#4e645d}

/*Social Icons*/
.social-icons a{width:3rem;height:3rem;background:#d97923;display:inline-block;position:relative;border-radius:100rem;}
.social-icons a img{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}

/*Links*/
a{text-decoration:none;color:inherit; font-weight: bold;}
.button{padding:1rem 2rem;background:#d97923;display:inline-block;cursor: pointer;color:#ffffff;font-size:1.75rem;}
.button.blue{background:#01a1d4;}
a.green{color:#4e645d}
*[data-sample-trigger].updating{font-size:0 !important;}
*[data-sample-trigger].updating:after{content:'Adding to cart...';font-size:1.75rem}

/**Popups**/
.popup, .lightbox-panel{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99999999999;justify-content:center;align-items:center;display:none;}
.popup.active{display:flex;}
.popup .popup-bg, .lightbox-panel .lightbox-bg{width:100%;height:100%;background:rgba(0,0,0,0.5);position:absolute;backdrop-filter: blur(5px);}
.popup .popup-area{width:100%;background:#ffffff;z-index:999;padding:2rem;max-width:768px;}

.popup.free-sample-popup .popup-area{max-width:500px;padding:0;}
.popup.free-sample-popup .popup-area h4{padding:1.5rem 2rem;border-bottom:1px solid #e6e6e6;position: relative;margin:0;}
.popup.free-sample-popup .popup-area h4 .close{position:absolute;right:2rem;top:50%;transform:translatey(-50%);cursor:pointer;}
.popup.free-sample-popup .checkout-button{padding:2rem;}
.popup.free-sample-popup .checkout-button .button{background:#01a1d4;color:#ffffff;width:100%;text-align:center;font-weight:400;}

/**Lightbox**/
*[data-lightbox-id]{cursor:pointer;}
.lightbox-panel.active{display:block;}
.lightbox-panel .lightbox-preview{position:absolute;top:50%;left:50%;z-index:9999;text-align:center;padding:2rem;width:auto;transform:translate(-50%, -50%);}
.lightbox-panel .lightbox-preview img{max-height:calc(84vh - 4rem);max-width:82.3vw;display:inline-block;}


.lightbox-panel .lightbox-navigation{position:absolute;bottom:0;left:0;width:100%;padding:1rem;z-index:9999;white-space:nowrap;}
.lightbox-panel .lightbox-navigation .lightbox-navigation-option{display:inline-block;width:auto;padding:0 .5rem;}
.lightbox-panel .lightbox-navigation .lightbox-navigation-option img{height:100px;width:auto;max-width:none;}

@media(max-width:768px){
    .lightbox-panel .lightbox-preview{padding:0;width:100%;}
    .lightbox-panel .lightbox-preview img{max-width:100%;}
}

/*Forms*/
input, textarea, select {width:100%;outline:none;font-family:inherit;border:none;height:55px;padding:0 20px !important;}
input[type="submit"], button{border:none;outline:none;cursor:pointer;background:#d97923;width:auto;height:auto; font-size: inherit;}
input[type='checkbox'], input[type='radio'] { width: auto; height: auto; }
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

body.page-template-default.page.page-id-2035 input[type=submit], button {padding: 1rem 2rem !important;}

/* Search */
.search-form input.search-field { padding: 1rem; height: auto; font-family: inherit; font-size: 2rem; }
input.search-submit { padding: 1rem; display: block; width: 99.5%; margin-top: 1rem; color: #fff; }
input.search-submit:hover { background-color: var(--brand-2); }
footer input.search-submit:hover { background-color: var(--brand-3); color: var(--brand-2); }

/**Back to top**/
.toast-back-to-top{position:fixed;bottom:2rem;right:2rem;background:var(--brand-1);width:50px;height:50px;border-radius:100px;background-image:url('/wp-content/themes/toast/assets/images/chevron-up-white.svg');background-size:20px;background-position:center;background-repeat:no-repeat;pointer-events:none;cursor: pointer;opacity:0;transform:translatey(-30px);transition:all 1s;}
.toast-back-to-top.show{opacity:1;transform:translatey(0px);pointer-events:all;}

/**Vinyl Layer**/
/* .vinyl-layers .container{max-width:none !important;} */
.vinyl-layers{position:relative;overflow:visible;padding:15rem 0;}
.vinyl-layers .container{position:static;}
.vinyl-layers .vinyl-layer-image img{position:absolute;top:50%;left:0;width:50%;transform:translatey(-50%);}

/**404**/
.page-404{padding:10rem 0;text-align:center;background:#f0f0f0}

/* Review Form */

.gfield{border-bottom:1px solid #aaa}

@media(max-width:1300px){
    /**Site header**/
    .site-header .grid{grid-template-columns:60px 1fr;}
    .site-header .mobile-logo{display:block;}
    .site-header .main-logo{display:none;}

    /**Archive Footer**/
    .archive-footer .grid{grid-template-columns:1fr;}
    .archive-footer .archive-footer-image{padding-top:40.5%;}
    .archive-footer .archive-footer-quote{width:80%;max-width:500px;}
}

@media(max-width:1150px){
    .top-nav{font-size:1.3rem;}
    .top-nav li a{padding:4rem 1rem}

    /**Porcelain Footer**/
    .porcelain-footer .grid{grid-template-columns:1fr;grid-gap:30px;}
    .porcelain-footer .grid .newsletter{margin-left:-20px;margin-right:-20px;}
    .porcelain-footer .grid .contact-meta{grid-template-columns:1fr;}
    .porcelain-footer .grid .contact-meta-title{display:none;}
}

@media(max-width:1024px){
    body{padding-top:70px}
    body.menu-open{overflow:hidden;}
    .site-header{background:#ffffff;padding:1rem 0;height:70px;position:fixed;top:0;left:0;width:100%;}
    .site-header .grid{grid-template-columns:40px 1fr;}
    .site-header .menu-toggle{width:25px;height:20px;display:inline-block;vertical-align:middle;margin-left:1rem;cursor: pointer;position: relative;}
    .site-header .menu-toggle:before, .site-header .menu-toggle:after, .site-header .menu-toggle .menu-toggle-middle{content:'';width:100%;height:2px;background:#392b2b;display:block;position:absolute;left:0;}
    .site-header .menu-toggle:after{bottom:0;}
    .site-header .menu-toggle .menu-toggle-middle{top:calc(50% - 1px)}

    .toast-mega-menu{position:fixed;top:70px;right:0;background:#ffffff;width:100%;text-align:left;padding:5rem 2rem !important;transition:all .5s;transform:translateX(100%);overflow:scroll;max-height:calc(100vh - 70px)}
    .menu-open .toast-mega-menu{transform:translateX(0);}
    .toast-mega-menu li{display:block;}
    .toast-mega-menu li a{padding:1.5rem 0;display:block;font-size:1.5rem;border-bottom:1px solid #efefef;}
    .toast-mega-menu li.this-submenu-open a{background:transparent;color:inherit;}
    .top-nav .sub-menu li a{color:#ffffff !important;}
    .top-nav .sub-menu{position:static;transform:none;display:none;}
    .top-nav .this-submenu-open .sub-menu{display:grid;grid-template-columns:1fr 1fr 1fr;padding:2rem 0;}
    .top-nav .sub-menu li a{padding:0 20px;}
    .top-nav .sub-menu .close-menu{display:none;}

    /**Typography**/
    h1{font-size:4.5rem;}

	/**Vinyl Layers**/
	.vinyl-layers{padding:5rem 0;}
	.vinyl-layers .vinyl-layer-image{display:none;}
	
    /**Footer**/
    .contact-area{grid-template-columns:1fr;}
    .contact-area .info-text{display:none;}
    .site-footer .container{width:100%;}
    .site-footer .grid{grid-template-columns:1fr;text-align:center;grid-gap:0px;}
    .site-footer .logo img{margin-bottom:2rem;}
    .site-footer .right{text-align:center;}
    .site-footer .social-icons{display:block !important;margin-top:2rem;}

}

@media(max-width:768px){
    /**Typography**/
    h1{font-size:3.5rem;}
    h2{font-size:3rem;}

    /**Archives**/
    .archive-hero .grid{grid-template-columns:1fr !important;}
    .archive-footer .grid{grid-gap:0px;}
    .archive-footer .archive-footer-image{background-image:unset !important;box-shadow:unset !important;padding:0;}
    .archive-footer .archive-footer-quote{width:100%;position:static;}

    /**Footer**/
    .footer-menus .grid{grid-template-columns:1fr 1fr;text-align:center;}
    .contact-meta{grid-template-columns:30px 1fr;}
    .contact-meta .contact-meta-value{font-size:1.7rem;word-break:break-all;}
    .contact-meta-title{font-size:0;}
}

@media(max-width:550px){
    .top-nav .this-submenu-open .sub-menu{grid-template-columns:1fr 1fr;}
    .top-nav .sub-menu li a{padding:0 20px;}

    /**Footer**/
    .footer-menus .grid{grid-template-columns:1fr;}

    /**Horinzontal Product**/
    .horizontal-products .horizontal-product{grid-template-columns:1fr !important;}
    .horizontal-products .horizontal-product .featured-image{padding-top:100%;}
}

@media(max-width:350px){
    .site-header .header-button{padding:1rem;}
}