/*
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%; }
body:not(.wp-admin){font-size: 1.6rem;line-height:1.65;font-family:'Poppins', Helvetica, Arial, sans-serif;;font-weight: 400;margin: 0;padding: 0 !important;color:#16211f;-webkit-font-smoothing: antialiased;background:#eeeeec;}
#page{overflow:hidden;clear:both;}
img{max-width:100%;height:auto;vertical-align:middle;display:block;}
*{box-sizing:border-box;}
*:last-child{margin-bottom:0 !important;}

.responsive-iframe{padding-top:56.25%;position:relative;border-radius:20px;overflow:hidden;background:#000000;}
.responsive-iframe iframe{position:absolute;top:0;left:0;width:100%;height:100%;}

/*Site Banner**/
.site-banner{padding:1rem 0;background:#16211f;color:#ffffff;text-align:center;font-size:1.25rem;font-weight:500;}

/**Site Header**/
.site-header{width:100%;z-index: 9999999;background:#ffffff;transition:all .5s;height:80px;display:flex;align-items:center;border-bottom:1px solid #e6e8e7;position:relative}
body.header-fixed #page{padding-top:80px !important;}
.header-fixed .site-header{position:fixed;top:0;left:0;width:100%;}
.site-header .container{max-width:none;padding:0 4.8rem;}
.site-header .main-header-flex{display: flex;align-items: center;justify-content: space-between;}
.site-header .logo{width:100px}
.site-header .logo img{width:100%;}

.site-header .top-nav{text-align:left;font-size:1.45rem;}
.site-header .top-nav ul{list-style-type:none;padding:0;margin:0;}
.site-header .top-nav ul li{display:inline-block;position: relative;margin-left:0;}
.site-header .top-nav ul li a{text-decoration:none;padding:01.6rem;display:flex;font-weight:500;position: relative;height:80px;align-items: center;}
.site-header .top-nav ul li.has-sub-menu > a:after{content:'▾';display:inline-block;margin-left:.5rem;vertical-align:middle;font-size:.8rem;opacity:.5;}

.site-header .top-nav ul li .sub-menu{position:absolute;bottom:0;left:-100px;width:400px;background:#ffffff;transform:translateY(calc(100% + 20px));border:1px solid #dfe3e2;box-shadow:0 18px 44px rgba(22,33,31,0.18);border-radius:14px;padding:1.8rem;opacity:0;pointer-events:none;transition:all .25s;}
.site-header .top-nav ul li:hover .sub-menu{opacity:1;transform:translateY(100%);pointer-events:all;}
.site-header .top-nav ul li .sub-menu:before{content:'';width:12px;height:12px;background:#ffffff;position:absolute;top:0;left:145px;transform:translateY(-50%) rotate(-45deg);border:1px solid #dfe3e2;border-bottom:0;border-left:0;}
.site-header .top-nav ul li .sub-menu .sub-menu-item{display:block;}
.site-header .top-nav ul li .sub-menu .sub-menu-item a{padding:1rem 1.2rem;height:auto;font-size:1.3rem;color:#5c655f;font-weight:300;display:block;border-radius:8px;}
.site-header .top-nav ul li .sub-menu .sub-menu-item a:hover{background:#e6faf6}
.site-header .top-nav ul li .sub-menu li h4{font-size:1.35rem;font-weight:600;color:#16211f}

.site-header .top-nav ul li .sub-menu.with-cta{display:grid;grid-template-columns:1fr 220px;width:600px;grid-gap:20px;align-items:flex-start;}
.site-header .top-nav ul li .sub-menu .sub-menu-cta{padding:1.6rem;background:#e6faf6;border-radius:10px;font-size:1.5rem;font-weight:600;line-height:1.45;position:relative;padding-bottom:5rem;}
.site-header .top-nav ul li .sub-menu .sub-menu-cta h4{font-size:1.2rem;font-weight:600;letter-spacing:0.6px;margin-bottom:1rem;color:#0399ab}
.site-header .top-nav ul li .sub-menu .sub-menu-cta .sub-menu-cta-link{position:absolute;top:0;left:0;width:100%;height:100%;z-index:99;}
.site-header .top-nav ul li .sub-menu .sub-menu-cta .styled-link{position:absolute;bottom:1.6rem;left:1.6rem;font-size:1.3rem;}

.site-header .header-right{text-align:right;}
.site-header .header-links{list-style-type:none;padding:0;margin:0;font-weight:400;font-size:1.4rem;}
.site-header .header-links li{display:inline-block;margin-right:22px;}
.site-header .header-links li:last-of-type{margin-right:0;}
.site-header .header-links li a{text-decoration:none;color:#5c655f;}
.site-header .header-links li a:hover{color:#16211f}

/**Footer**/
.site-footer{background:#16211f;color:#ffffff;font-size:1.4rem;line-height:1.3;}
.site-footer .site-footer-grid{grid-template-columns:1fr 1fr 1fr;grid-gap:60px;padding:5rem 0;}
.site-footer .site-footer-logo{max-width:110px;margin-bottom:.75rem;margin-top:-1.5rem;}
.site-footer .site-footer-text{line-height:1.3;}
.site-footer .footer-widget-area h5{color:#03dac5;font-size:1.75rem;margin-bottom:1.75rem;}
.site-footer .footer-widget-area h5:before{display:none;}

.site-footer .sub-footer{display:grid;grid-template-columns:1fr 1fr;padding-bottom:5rem;}
.site-footer .sub-footer .sub-footer-right{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:1rem;}
.site-footer .sub-footer ul li a{text-decoration:none;}

/**Lists**/
ul{margin-bottom:2.5rem;padding:0;}
ul li{margin-left:1.5rem;}
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;}

/**Links**/
a{color:inherit;}
p a, small a{color:#0399ab;text-decoration:none;font-weight:600;}

/**Buttons**/
body:not(.wp-admin) .button{display:inline-block;text-decoration:none;background:#0399ab;color:#fff !important;padding:1.3rem 2.6rem;font-size:1.45rem;font-weight:600;position: relative;cursor: pointer;border-radius:100px;transition:all .25s;}
body:not(.wp-admin) .button:hover{background:#028394;}
body:not(.wp-admin) .button.mint{background:#03dac5;color:#16211f !important}
body:not(.wp-admin) .button.mint:hover{background:#04c2ad;}
.button + .button, .button + .styled-link, .styled-link + .button, .styled-link + .styled-link{margin-left:2rem;}
body:not(.wp-admin) .button.anchor{border:1px solid #e6e8e7 !important;background:#ffffff !important;color:#0399ab !important;font-size:1.3rem;padding:.8rem 1.6rem;margin:.5rem !important}
body:not(.wp-admin) .button.anchor:hover{border:1px solid #0399ab !important;background:#e4f5f7 !important;}

.styled-link{font-weight:600;color:#0399ab;font-size:1.45rem;text-decoration:none;}
.styled-link:after{content:'→';margin-left:.5rem;vertical-align:middle;}

/**Typograpohy**/
body:not(.wp-admin) h1, body:not(.wp-admin) h2, body:not(.wp-admin) h3, body:not(.wp-admin) h4, body:not(.wp-admin) h5, body:not(.wp-admin) h6{margin-bottom:2rem;margin-top:0;font-weight: 1000;line-height:1.2;}
body:not(.wp-admin) h1, body:not(.wp-admin) .h1{font-size:6.75rem;line-height:1.05;}
body:not(.wp-admin) h2, body:not(.wp-admin) .h2{font-size:5rem;}
body:not(.wp-admin) h3, body:not(.wp-admin) .h3{font-size:3.5rem;}
body:not(.wp-admin) h4, body:not(.wp-admin) .h4{font-size:2rem;}
body:not(.wp-admin) h5, body:not(.wp-admin) .h5{font-size:1.2rem;text-transform:uppercase;color:#5c655f;letter-spacing:1px;margin-bottom:1.5rem;}
body:not(.wp-admin) h5:before, body:not(.wp-admin) .h5:before{content:'';margin-right:.7rem;width: 7px;height: 7px;border-radius: 50%;background:#03dac5;display:inline-block;vertical-align:middle;}
body:not(.wp-admin) h6, body:not(.wp-admin) .h6{font-size:1.2rem;text-transform:uppercase;letter-spacing:1px;margin-bottom:1.5rem;}

.grey-text{color:#5c655f;}
.large-text{font-size:2rem;font-weight:400;}

strong{font-weight:bold;}

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

.mail-link{color: #0399ab;font-weight: 600;text-decoration: none;border-bottom: 2px solid #03dac5;padding-bottom: 2px;}

/* Customer Story Single */
.single-customer-story .lb-boxes{margin: 2rem 0;}
.single-customer-story .lb-boxes .col{background: #e6faf6; padding: 2rem; border-radius: 2rem; display: flex; flex-direction: column; justify-content: space-between;}
.single-customer-story .lb-boxes .col p{font-size: 1.25rem}

/**Forms**/
.gfield{position:relative;}
.gfield label{font-size:1.25rem !important;font-weight:500 !important;margin-bottom:0 !important;position:absolute;top:1.5rem;left:1.5rem;line-height:0 !important;}
.gfield input[type="text"], .gfield input[type="email"]{border-radius:10px;border:1px solid #b5b4b4;height:50px;padding:2.25rem 1.5rem .75rem !important;font-weight:600;font-size:1.5rem !important;}
.gfield textarea{height:150px !important;padding:2.25rem 1.5rem .75rem !important;border-radius:10px;border:1px solid #b5b4b4;font-family:inherit !important;font-size:1.5rem !important;font-weight:600;}

.gfield .gfield_description{padding-top:0 !important}

.gform_footer{margin-top:0 !important;padding-bottom:0 !important;}
.gform_footer input[type="submit"], .gform_footer button{border:none !important}

.gform_required_legend, .gform_validation_errors{display:none;}

.gform_wrapper .validation_message{padding:0 !important;background:transparent !important;border:none !important;font-size:1.25rem !important;margin-top:0 !important;}

/**Mobile**/
.mobile-nav-toggle{width:20px;height:14px;vertical-align:middle;position:relative;display:none;margin-left:1.5rem;}
.mobile-nav-toggle:before, .mobile-nav-toggle:after{content:'';width:100%;height:2px;background:#16211f;position:absolute;left:0;transition:all .25s;}
.mobile-nav-toggle:before{top:0;}
.mobile-nav-toggle:after{bottom:0;}

.mobile-navigation-active .mobile-nav-toggle:before{transform:rotate(45deg);top:calc(50% - 1px);}
.mobile-navigation-active .mobile-nav-toggle:after{transform:rotate(-45deg);bottom:calc(50% - 1px);}

@media(max-width:1200px){
    .site-header .container{padding:0 2rem;}
    .site-header .top-nav ul li a{padding:0 1rem;}
    .site-header .header-links li{margin-right:1rem;}
}

@media(max-width:1024px){
    /**Header**/
    .site-header .top-nav{position:absolute;top:80px;left:0;background:#ffffff;height:calc(100dvh - 80px);width:100%;padding:2rem;overflow:scroll;background:#fbfbfa;transform:translateX(-100%);transition:all .25s;}
    .site-header .top-nav > ul > li{display:block;margin-bottom:1rem;border-radius:20px;border:1px solid #dfe3e2;background:#ffffff;}
    .site-header .top-nav ul li a:not(.sub-menu-cta-link){height:auto;padding:2rem 2.3rem;display:block;font-size:2rem;border-radius:0;font-weight:500;}
    .site-header .top-nav ul li .sub-menu{position:relative;opacity:1;transform:none !important;box-shadow:none;width:100% !important;max-width:none;bottom:auto;left:auto;pointer-events:all;border:none;border-radius:0;background:transparent;padding:1rem;padding-top:0;}
    .site-header .top-nav ul li .sub-menu .sub-menu-item{display:block !important;margin-bottom:.8rem;}
    .site-header .top-nav ul li .sub-menu .sub-menu-item a{padding:1.5rem;}
    .site-header .top-nav ul li .sub-menu .sub-menu-item:last-of-type{margin-bottom:0;}
    .site-header .top-nav ul li .sub-menu:before{display:none;}

    .site-header .top-nav > ul > li > a:after{content:'→' !important;margin-left:2rem !important;font-size:2rem !important;opacity:1 !important;color:#0399ab !important;margin-top:-.25rem !important;}
    .site-header .top-nav > ul > li.no-link > a:after{display:none;}

    .mobile-nav-toggle{display:inline-block;}
    .mobile-navigation-active .site-header .top-nav{transform:translateX(0);}

    /**Typography**/
    body:not(.wp-admin) h1, body:not(.wp-admin) .h1{font-size:4.5rem;line-height:1.05;}
    body:not(.wp-admin) h2, body:not(.wp-admin) .h2{font-size:3rem;}
    body:not(.wp-admin) h3, body:not(.wp-admin) .h3{font-size:2.5rem;}
    body:not(.wp-admin) h4, body:not(.wp-admin) .h4{font-size:2rem;}
    body:not(.wp-admin) h5, body:not(.wp-admin) .h5{font-size:1.2rem;text-transform:uppercase;color:#5c655f;letter-spacing:1px;margin-bottom:1.5rem;}
    body:not(.wp-admin) h5:before, body:not(.wp-admin) .h5:before{content:'';margin-right:.7rem;width: 7px;height: 7px;border-radius: 50%;background:#03dac5;display:inline-block;vertical-align:middle;}
    body:not(.wp-admin) h6, body:not(.wp-admin) .h6{font-size:2rem;}

    br{display:none;}

    /**Buttons**/
    .button + .button, .button + .styled-link, .styled-link + .button, .styled-link + .styled-link{margin-left:1rem;}


}

@media(max-width:768px){
    .site-header .top-nav ul li .sub-menu{grid-template-columns:1fr !important}
    .site-header .top-nav ul li .sub-menu .sub-menu-cta p{margin-bottom:0;}
    
}

@media(max-width:550px){

    .button + .button, .button + .styled-link, .styled-link + .button, .styled-link + .styled-link{display:block;margin-top:2rem;margin-left:0;}

}

@media(max-width:460px){
    .site-header .logo{width:70px;}
    .site-header .header-links li a{font-size:1.25rem;}
    .site-header .header-links li a.button{padding:1rem 1.25rem;}
    .site-header .header-links li{margin-right:.75rem;}
    .mobile-nav-toggle{margin-left:.75rem;width:17px;}
}