/*
Theme Name: Toast - Custom theme for ...
Description: A Toast built custom theme for ...
Author: David Foreman / Aaron Jones / The Toast Team
Date: July 2025
Version: 17.0.0
Author URI: https://www.toastdesign.co.uk/
Text Domain: toat
*/


/* Base Styles */
html { font-size: 62.5%; }
img{max-width:100%;height:auto;vertical-align:middle;display:block;}
*{box-sizing:border-box;}
*:last-child{margin-bottom:0 !important;}

/**Site Banner**/
.site-banner{padding:1rem 3rem;background:#e51c28;color:#ffffff;font-size:1.25rem;text-align:center;font-weight:bold;}
.site-banner-init .swiper-slide {height:auto;display:flex;justify-content:center;align-items:center;}

/**Site Header**/
.site-header{width:100%;z-index: 9999999;background:#ffffff;transition:all .5s;height:113px;display:flex;align-items:center;flex-direction:column;position:relative;}
.site-header .container{max-width:1340px;}
body.header-fixed{padding-top:128px;}
.header-fixed .site-header{position:fixed;top:0;left:0;width:100%;}
.site-header .main-header-grid{grid-template-columns:300px 1fr 384px;align-items:center;grid-gap:20px;padding:1.5rem 0;}
.site-header .logo img{width:100%;}

.site-header .search-form{border:1px solid #CECECE;position: relative;font-size:1.55rem;border-radius:4px;z-index:999;}
.site-header .search-form .search-input{width:100%;border:none;padding:.9rem 1.5rem;font-size:inherit;background:transparent;outline:none;z-index:9999;position: relative;}
.site-header .search-form .search-input::placeholder{color:#CECECE;}
.site-header .search-form .search-button{position:absolute;top:0;right:0;height:100%;font-size:inherit;padding:0 1.5rem;font-family:inherit;border:none;background-image:url('/wp-content/themes/toast/assets/images/search.svg');background-size:50%;background-position:center;background-repeat:no-repeat;width:40px;border-top-right-radius:3px;border-bottom-right-radius:3px;background-color:transparent;cursor: pointer;z-index:9999;}
.site-header .header-links{text-align:right;line-height:1;}
.site-header .header-links a{text-decoration:none;display:inline-block;}
.site-header .header-links .phone{padding-right:1rem;margin-right:1rem;border-right:2px solid #000000;}
.site-header .header-links .phone:before{content:'';width:16px;height:16px;background:url('/wp-content/themes/toast/assets/images/phone.svg');display:inline-block;vertical-align:middle;margin-right:.75rem;margin-top:-3px;}

.site-header .top-nav{width:100%;background:#F1F1F1;text-align:center;}
.site-header .top-nav .container{position:relative;max-width:1356px;}
.site-header .top-nav ul{margin:0;padding:0;display:flex;justify-content:space-between;}
.site-header .top-nav ul li{display:inline-block;}
.site-header .top-nav ul .menu-parent > a{position:relative;}
.site-header .top-nav ul .menu-parent > a:after{content:'';width:10px;height:10px;background:#e51c28;position:absolute;bottom:0;left:50%;transform:translate(-50%, 50%) rotate(45deg);opacity:0;transition:all .25s;z-index:9999;}
.site-header .top-nav ul .menu-parent:hover > a:after{opacity:1;}
.site-header .top-nav ul li a{padding:1.05rem .8rem;display:inline-block;text-decoration:none;transition:all .25s;}
.site-header .top-nav ul li a:hover{background:#ffffff;color:#E51C28;}


.site-header .top-nav .sub-menu{position:absolute;bottom:1px;left:50%;width:100%;z-index:999;padding:5rem 2rem;text-align:left;display:grid;grid-template-columns:300px 1fr;grid-gap:40px;opacity:0;transform:translate(-50%, calc(100% + 50px));pointer-events:none;transition:all .25s;box-shadow:0 20px 20px rgba(0,0,0,0.1);}
.site-header .top-nav li:hover .sub-menu{opacity:1;transform:translate(-50%, 100%);pointer-events:all;}
.site-header .top-nav .sub-menu:before{content:'';width:calc(100vw - 15px);height:100%;background:#ffffff;position:absolute;top:0;left:0;z-index:-1;display:block;margin-left:50%;transform:translateX(-50%);}
.site-header .top-nav .sub-menu .sub-menu-cta{background:#000000;color:#ffffff;padding:2rem;border-radius:4px;}
.site-header .top-nav .sub-menu .sub-menu-cta h5{margin-bottom:1rem;}
.site-header .top-nav .sub-menu .sub-menu-cta h3{margin-top:0 !important;}
.site-header .top-nav .sub-menu .sub-menu-cta .button{width:100%;}

.site-header .top-nav .sub-menu .sub-menu-area{columns:3;gap:30px;}
.site-header .top-nav .sub-menu .sub-menu-col{break-inside:avoid;margin-bottom:30px;font-size:1.5rem;}
.site-header .top-nav .sub-menu .sub-menu-col-title{margin-bottom:1rem;font-size:1.75rem;border-bottom:1px solid #F1F1F1;padding-bottom:1rem;}
.site-header .top-nav .sub-menu ul{display:block;}
.site-header .top-nav .sub-menu ul li{display:block;margin-bottom:.75rem;}
.site-header .top-nav .sub-menu ul li a{padding:0;}
.site-header .top-nav .sub-menu ul li a:hover{background:transparent;color:#E51C28;}
.site-header .top-nav .sub-menu ul li a .sub-text{opacity:0.5;display:block;color:#000000 !important;}

.site-header .nav-icons{width:90px;background:#F1F1F1;height:32px;vertical-align:middle;margin-left:1.5rem;border-radius:100px;border:1px solid #000000;display:inline-grid;grid-template-columns:1fr 1fr;align-items:center;position: relative;}
.site-header .nav-icons:before{content:'';width:1px;height:44px;background:#000000;top:50%;left:50%;position:absolute;transform:translateY(-50%);}
.site-header .nav-icons a{width:100%;text-align:center;display:flex;height:100%;align-items:center;justify-content:center;position: relative;}
.site-header .nav-icons a img{display:inline-block;height:14px;width:auto;}
.site-header .nav-icons .basket-count{font-size:1.25rem;font-weight:bold;margin-left:3px;}

.breadcrumbs-wrapper{padding:1.5rem 0;font-size:1.5rem;line-height:1.3;border-bottom:1px solid #F1F1F1;border-top:1px solid #F1F1F1;}
.breadcrumbs-wrapper .container{max-width:1340px;}
.breadcrumbs-wrapper a{text-decoration:none;font-weight:bold;}

/**Ajax Search Results**/
.ajax-search-results{position:absolute;bottom:2px;left:-1px;transform:translateY(100%);background:#ffffff;z-index:99;width:calc(100% + 2px);border:1px solid #CECECE;border-top:none;border-bottom-left-radius:4px;border-bottom-right-radius:4px;display:none;padding-top:3px;}
.show-ajax-results .ajax-search-results{display:block !important;}
.loading-ajax-results .ajax-search-results{display:block !important;padding:1.5rem;grid-template-columns:1fr;}
.loading-ajax-results .ajax-search-results-list{grid-gap:10px !important;}
.loading-ajax-results .ajax-search-results .ajax-search-results-list:before, .loading-ajax-results .ajax-search-results .ajax-search-results-list:after{content:'';width:100%;height:100px;display:block;background: linear-gradient(90deg, #f2f2f2 25%,#e7e7e7 37%, #f2f2f2 63%);background-size: 400% 100%;animation: shimmer 2.4s linear infinite;background-position: -200% 0;border-radius:10px;}
.loading-ajax-results .ajax-search-results .ajax-search-results-list:after {animation-delay: 0.2s;}
.ajax-search-results .ajax-search-results-close{position:fixed;top:-100vh;left:-100vw;width:200vw;height:200vh;z-index:-9;}
.ajax-search-results .ajax-search-results-list{overflow:scroll;max-height:360px;z-index:2;position: relative;display:grid;grid-template-columns:1fr 1fr;}
.ajax-search-results .ajax-search-results-list::-webkit-scrollbar{display:none;}
.ajax-search-results .ajax-search-results-item{display:grid;grid-template-columns:60px 1fr;grid-gap:10px;position: relative;position: relative;padding:1.5rem;border-bottom:1px solid #F1F1F1;}
.ajax-search-results .ajax-search-results-item:nth-of-type(2n - 1){border-right:1px solid #F1F1F1;}
.ajax-search-results .ajax-search-results-item .ajax-search-results-item-link{position:absolute;top:0;left:0;width:100%;height:100%;z-index:999;}
.ajax-search-results .ajax-search-results-item .ajax-search-results-item-brand{margin-bottom:.5rem;line-height:0;height:20px;}
.ajax-search-results .ajax-search-results-item .ajax-search-results-item-brand img{max-width: 60px;max-height: 20px;object-fit: contain;width: auto;display: inline-block;}
.ajax-search-results .ajax-search-results-item .ajax-search-results-item-title{margin-bottom:.5rem;font-size:1.2rem;font-weight:500;}
.ajax-search-results .ajax-search-results-item .ajax-search-results-item-price{font-size:1.25rem;font-weight:bold;}
.ajax-search-results .ajax-search-results-none{font-weight:600;}

@keyframes shimmer {
  0% {
    background-position: -200% 0;
  }
  100% {
    background-position: 200% 0;
  }
}

/**Ticker Tape**/
.ticker-tape{overflow:hidden;}
.ticker-tape .container{max-width:none;}
.ticker-tape .container .ticker-tape-track{display:flex;padding:1.5rem 0;grid-gap:30px;width:max-content;margin:0 auto;}
.ticker-tape .container .ticker-tape-track .ticker-tape-item{width:max-content;display:grid;grid-template-columns:15px 1fr;align-items:center;grid-gap:10px;font-size:1.4rem;padding-right:35px;position: relative;}
.ticker-tape .container .ticker-tape-track .ticker-tape-item img{width:100%}
.ticker-tape .container .ticker-tape-track .ticker-tape-item:after{content:'';position: absolute;top:50%;right:0;transform:translateY(-50%);width:15px;height:15px;background-image:url('/wp-content/themes/toast/assets/images/arrow-right.svg');background-size:contain;background-position:center;background-repeat:no-repeat;}
.ticker-tape .container .ticker-tape-track .ticker-tape-item h4{margin:0;font-size:1.4rem;color:#E51C28;}
.ticker-tape .container .ticker-tape-track.animate{animation: ticker-tape 20000s linear infinite;}
@keyframes ticker-tape {
    0% { transform: translateX(0); }
    100% { transform: translateX(-1300000px); }
}

/**Lists**/
ol{padding-left:0;list-style-position:inside;}

/**Page 404**/
.page-404{text-align:center;padding:10rem 0;}
.page-404 h1{margin-bottom:1rem;}
.page-404 h4{font-weight:400;margin-bottom:5rem;}

/**Newsletter signup**/
.newsletter-signup{padding:5rem 0;background:#000000;color:#ffffff;text-align:center;font-size:2.1rem;}
.archive .newsletter-signup{background:var(--brand-color);}
.newsletter-signup h3{font-size:3.75rem;}
.newsletter-signup #gform_1{display:grid;grid-template-columns:1fr 350px;grid-gap:15px;margin-top:3rem;align-items:flex-start;}
.newsletter-signup #gform_1 .gform-footer{padding:0;margin:0;}
.newsletter-signup #gform_1 .button{margin:0;position: relative;text-align:left;padding:1rem 2rem;padding-right:5rem;width:100%;height:53px;background:var(--sub-button-color);border-color:var(--sub-button-color);}
.newsletter-signup #gform_1 .button:after{content:'';width:20px;height:20px;position:absolute;top:50%;right:2rem;transform:translateY(-50%);background-image:url('/wp-content/themes/toast/assets/images/white-arrow.svg');background-position:center;background-size:contain;background-repeat:no-repeat;}

/**Instagram feed**/
#sb_instagram #sbi_load .sbi_load_btn{cursor: pointer !important;}
#sb_instagram .sbi_follow_btn a:hover{box-shadow:none !important;}

/**Footer**/
.pre-footer{padding:5rem 0;background:#f1f1f1;}

.site-footer .footer-main{padding:7.5rem 0}
.site-footer .container{max-width:1340px;}
.site-footer .site-footer-logo{max-width:280px;display:block;margin-bottom:5rem;}
.site-footer .site-footer-logo img{width:100%;}

.site-footer .site-footer-grid{grid-template-columns:360px 1fr 1fr 1fr;}
.site-footer .site-footer-grid h5{margin-bottom:1.25rem;}
.site-footer .site-footer-grid ul{list-style-type:none;padding:0;margin:0;}
.site-footer .site-footer-grid ul li{margin:0 0 .75rem;}
.site-footer .site-footer-grid ul li a{text-decoration:none;}

.site-footer .contact-details{margin-top:2rem;}
.site-footer .contact-details .contact-row{margin-bottom:.5rem;display:grid;grid-template-columns:20px 1fr;grid-gap:10px;align-items:center;}

.site-footer .footer-brands{display:grid;grid-gap:40px;align-items:center;margin-top:7.5rem;}
.site-footer .footer-brands .footer-brand{text-align:center;opacity:0.5;transition:all .25s;}
.site-footer .footer-brands .footer-brand:hover{opacity:1;}
.site-footer .footer-brands img{max-width:300px;max-height:60px;width:100%;display:inline-block;height:auto;object-fit:contain;}

.site-footer .sub-footer{background:#F1F1F1;padding:1.5rem 0;font-size:1.5rem;}
.site-footer .sub-footer .grid{grid-template-columns:1fr 300px;}
.site-footer .sub-footer .legal-menu{text-align:right;}
.site-footer .sub-footer ul{list-style-type:none;padding:0;margin:0;}
.site-footer .sub-footer ul li{display:inline-block;margin-left:1.5rem;}

/**Social Links**/
.social-links .social-link{display:inline-block;margin-right:1rem}
.social-links .social-link img, .social-links .social-link svg{height:28px;width:auto;}
.social-links .social-link svg path{transition:all .25s;}
.social-links .social-link:hover svg path{fill:#E51C28;}

/**Lists**/
ul{padding-left:2rem;margin-top:0;}

.checklist ul{padding-left:0;}
.checklist ul li{position:relative;list-style-type:none;padding-left:28px;margin-bottom:1rem;}
.checklist ul li:before{content:'';width:18px;height:18px;position:absolute;left:0;top:0;background-image:url('/wp-content/themes/toast/assets/images/check-circle.svg');background-position:center;background-size:cover;margin-top:.19rem;}

.menu ul{list-style-type:none;padding:0;}
.menu ul li{margin-bottom:1rem;}

/**Links**/
a{color:inherit;font-weight:500;}
li a{text-decoration:none;}

/**Buttons**/
.button{display:inline-block;text-decoration:none;background:#E51C28;color:#fff;padding:1.25rem 2rem;font-size:1.6rem;font-weight:bold;position: relative;cursor: pointer;border:1px solid #E51C28;transition:all .25s;text-align:center;border-radius:4px;}
.button.white{background:#ffffff;color:#000000;border:1px solid #ffffff;}
.button.white:hover{background:transparent !important;color:#ffffff !important;border:1px solid #ffffff !important;}
.button.white.outline, .button.white:hover{background:transparent;color:#ffffff;border:1px solid #ffffff;}
.button.black{background:#000000;color:#ffffff;border:1px solid #000000;}
.button + .button{margin-left:2rem;}

.tax-product_brand section .button{background:var(--brand-color);border-color:var(--brand-color);}

.black-buttons .button{background:#000000;border:1px solid #000000;}

/**Typograpohy**/
h1, h2, h3, h4, h5, h6{line-height:1.05;margin-bottom:2rem;margin-top:0;}
h1, .h1{font-size:6.25rem;}
h2, .h2{font-size:4rem;}
h3, .h3{font-size:3.25rem;}
h4, .h4{font-size:2rem;}
h5, .h5{font-size:2rem;}
h6, .h6{font-size:2rem;}

p{margin-top:0;margin-bottom:2rem;}

p + *:is(h1, h2, h3, h4, h5, h6), ul + *:is(h1, h2, h3, h4, h5, h6), ol + *:is(h1, h2, h3, h4, h5, h6), *:is(h1, h2, h3, h4, h5, h6) + *:is(h1, h2, h3, h4, h5, h6){margin-top:2rem;}

/**Tables**/
table{text-align:left;width:max-content;background:transparent;width:100%;padding:.5rem;border-radius:10px;font-size:1.5rem;border:1px solid #d1d1d1;border-spacing:0;margin-bottom:2rem;}
table tr td, table tr th{border-bottom:1px solid #d1d1d1;padding:1.25rem 1.5rem;}
table *:last-child tr:last-of-type td, table *:last-child tr:last-of-type th{border-bottom:none;}

/**Responsive**/
.toastmm-menu .toastmm-search-bar{background:transparent !important;border:1px solid #CECECE;border-radius:4px;margin:-1px 0 !important}
.toastmm-menu .toastmm-search-bar .toastmm-search-bar-input{outline:none !important;font-size:1.6rem !important;}
.toastmm-menu .toastmm-search-bar .toastmm-search-bar-input::placeholder{font-size:1.6rem !important;}

/**Blog**/
.blog-hero{padding:7rem 0 calc(7rem + 2.5vw);background:#000000;color:#ffffff;}
.blog-hero .blog-hero-swish{position:absolute;bottom:-1px;left:0;width:100%;vertical-align:bottom;}
.blog-hero .blog-hero-swish svg{width:100%;height:auto;vertical-align:bottom;}
.blog-hero .article-types{margin-bottom:2rem;}
.blog-hero .article-types .article-type{background:#ffffff;color:#000000;}

.blog-wrapper{padding:3rem 0;}

.blog-grid{grid-template-columns:1fr 330px;}
.blog-wrapper{margin-top:-9.5rem;padding-bottom:5rem;}
.blog-wrapper .blog-featured-image{margin-bottom:2rem;border-radius:10px;overflow:hidden;}
.blog-wrapper .blog-featured-image img{width:100%;}
.blog-sidebar .blog-sidebar-inner{position:sticky;top:150px;}
.blog-sidebar .blog-sidebar-inner .blog-sidebar-widget{margin-bottom:3rem;}
.blog-sidebar .blog-sidebar-inner .blog-sidebar-widget h5{margin-bottom:1rem;}
.blog-sidebar .blog-sidebar-inner .blog-sidebar-widget ul{list-style-type:none;padding:0;margin:0;}
.blog-sidebar .blog-sidebar-inner .blog-sidebar-widget ul li{margin-bottom:1rem;}
.newsletter-signup-widget{padding:2rem;background:#e51c28;color:#ffffff;border-radius:10px;}
.newsletter-signup-widget .button{background:#000000;margin-bottom:0 !important;}
.newsletter-signup-widget .gform_footer{padding-bottom:0 !important;}

.post-content-section{margin-bottom:4rem;}

.post-content-section .col.with-bg{padding:2rem;border-radius:10px;}

.post-content-accordion{border-bottom:1px solid #d6d6d6;}
.post-content-accordion .post-content-accordion-title{font-size:2rem;padding:1.5rem 0;position:relative;cursor:pointer;margin:0;}
.post-content-accordion .post-content-accordion-title:after{content:'';width:18px;height:18px;position:absolute;top:50%;right:0;transform:translateY(-50%);background-image:url('/wp-content/themes/toast/assets/images/accordion-arrow-dark.svg');background-position:center;background-size:contain;background-repeat:no-repeat;}
.post-content-accordion-content{display:none;}
.post-content-accordion .post-content-accordion-content-inner{padding:0rem 0 2rem;}
.post-content-accordion-content h4{font-size:1.75rem;}
.post-content-accordion.active .post-content-accordion-content{display:block;}
.post-content-accordion.active .post-content-accordion-title:after{transform:translateY(-50%) rotate(90deg);}

@media(max-width:1340px){
    .site-header .top-nav{font-size:1.15vw;}

    /**Search**/
    .ajax-search-results .ajax-search-results-list{grid-template-columns:1fr !important;}
    .ajax-search-results .ajax-search-results-item:nth-of-type(2n - 1){border-right:none;}
}

@media(max-width:1024px){
    .site-banner{position:absolute;top:0;left:0;width:100%;z-index:999999;height:var(--toastmm-banner-height) !important;overflow:hidden;display: grid;width: 100%;align-items: center;padding:0;}
    .site-banner .site-banner-init{vertical-align:middle;width:100vw;padding:0 2rem;}
    .toastmm-menu .toastmm-menu-bar-wrapper{z-index:99999 !important;}
    .toastmm-menu .toastmm-menu-menu-area .toastmm-menu-menu ul li a{font-weight:bold;}
    .toastmm-menu-item-grid.toastmm-has-image .toastmm-menu-item-image{position:relative;height:60px !important;border-radius:0px !important;}
    .toastmm-menu-item-grid.toastmm-has-image .toastmm-menu-item-image:after{content:'';width:100%;height:100%;background:#000000;opacity:0.1;position:absolute;top:0;left:0;}
    .toastmm-menu-item-grid{padding:7px 20px !important}
    .toastmm-menu-item-grid.toastmm-has-image{grid-template-columns:60px 1fr !important;}

    .site-header{display:none;}
    .ticker-tape .container .ticker-tape-track{padding-top:0;}

    .button{font-size:1.6rem;}

    /**Search**/
    .ajax-search-results .ajax-search-results-list{grid-template-columns:1fr 1fr !important;}
    .ajax-search-results .ajax-search-results-item:nth-of-type(2n - 1){border-right:1px solid #F1F1F1;}

    /**Newsletter Signup**/
    .newsletter-signup h3{font-size:3rem;}
    .newsletter-signup #gform_1{grid-template-columns:1fr;grid-gap:15px;}
    .newsletter-signup #gform_1 .button{text-align:center;width:100%;}

    /**Footer**/
    .pre-footer .grid{grid-template-columns:1fr !important;}
    .site-footer .site-footer-grid{grid-template-columns:1fr 1fr;}
    .site-footer .footer-brands{display:flex;flex-wrap:wrap;justify-content:center;}
    .site-footer .footer-brands .footer-brand{width:120px}

    /**Typography**/
    h1, .h1{font-size:5rem;}
    h2, .h2{font-size:3.5rem;}
    h3, .h3{font-size:2.65rem;}

    /**Blog**/
    .blog-grid{grid-template-columns:1fr;}
}

@media(max-width:768px){

    /**Typography**/
    h1, .h1{font-size:4rem;}

    /**Blog**/
    .post-content-section .standard-content .grid{grid-template-columns:1fr !important;}
    
}

@media(max-width:550px){

    /**Search**/
    .ajax-search-results .ajax-search-results-list{grid-template-columns:1fr !important;}
    .ajax-search-results .ajax-search-results-item:nth-of-type(2n - 1){border-right:none;}

    /**Footer**/
    .site-footer{text-align:center;}
    .site-footer .footer-main{padding:5rem 0}
    .site-footer .site-footer-logo{margin:0 auto 5rem;}
    .site-footer .site-footer-grid{grid-template-columns:1fr;}
    .site-footer .contact-details .contact-row{display:flex;justify-content:center;}
    .site-footer .contact-details .contact-row .contact-icon{width:20px;}

    .site-footer .footer-brands{margin-top:5rem}
    .site-footer .footer-brands .footer-brand{width:90px}

    .site-footer .sub-footer .grid{grid-template-columns:1fr;grid-gap:10px;}
    .site-footer .sub-footer .legal-menu{text-align:center;}
}

@media(max-width:420px){
    :root{--toastmm-bar-column-width:calc((100% - 180px) / 2) !important;}
    .toastmm-menu .toastmm-menu-bar{padding-left:10px !important;padding-right:10px !important;}
    .toastmm-menu .toastmm-menu-bar .toastmm-menu-bar-grid{grid-gap:10px !important;}
    .toastmm-menu .toastmm-menu-bar .toastmm-logo{width:180px !important;height:auto !important;}
}

@media(max-width:350px){
    :root{--toastmm-bar-column-width:calc((100% - 160px) / 2) !important;}
    .toastmm-menu .toastmm-menu-bar .toastmm-logo{width:160px !important;}
}