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

/* Base Styles */
html { font-size: 62.5%; }
body{font-size: 1.75rem;line-height: 1.7;font-family: Montserrat;font-weight: 400;color:#005B86;margin: 0;padding: 0; }
#page{overflow:hidden;clear:both;}
.clipping-paths{overflow:hidden;height:0;}
.clipping-paths svg{width:500px;}

/* Header */
.site-header{padding:3rem 0;}
.site-header .grid{grid-template-columns:220px 1fr;align-items:center;grid-gap:30px;}

.site-header .mobile-nav-toggle-area, .site-header .mobile-phone-number{display:none;}

/* Navbar & Menus */
.top-nav {text-align: right;font-size:1.65rem;}
.top-nav ul { margin: 0 auto; padding: 0rem;}
.top-nav li { display: inline-block; margin: 0;padding:0; position: relative;}
.top-nav li a { display: inline-block; padding: 1.25rem 1.5rem .5rem;line-height: 1; color:inherit;transition:all .25s;border-top-left-radius:50px;border-top-right-radius: 50px;font-weight:400;}
.top-nav li.menu-item-has-children:hover > a{background:#0EB3D9;color:#ffffff;}
.top-nav li#menu-item-853 a{background:#005B86;border-radius:10px;color:#ffffff;padding:1.25rem 2.5rem;font-weight:bold;}
.top-nav li#menu-item-864 a{color:#005B86;font-size:2rem;}

/* Submenus Dropdowns*/
.top-nav .sub-menu{ position: absolute;padding: .5rem 0;bottom:1px;left:-10px; width: 225px;background:#0EB3D9;text-align: left;z-index:5;opacity:0;pointer-events:none;transition:all .25s;transform:translatey(100%);border-radius:4px;}
.top-nav .sub-menu li{ display: block; margin: 0;  }
.top-nav .sub-menu li a{ padding: 1rem 2rem; display: block; margin: 0;color:#ffffff;}
.top-nav li:hover > .sub-menu{opacity: 1;pointer-events:all;}

/* Typography */
h1, h2, h3, h4, h5, h6 { margin:0;line-height: 1.15; margin:0;}
h1 { font-size: 5.2rem; margin-bottom: 4rem;font-weight:bold;}
h2 { font-size: 2.75rem; margin-bottom: 3.5rem;font-weight:400;}
h3 { font-size: 3rem; margin-bottom: 2rem;line-height:1.1;}
h4 { font-size: 2.25rem; margin-bottom: 2rem;font-weight:400;line-height:1.1;}
h5 { font-size: 2.25rem; margin-bottom: 2rem; }
h6 { font-size: 2rem; margin-bottom:3rem;font-weight:400;color:#0EB3D9;}

.section-title{font-size:3.5rem;margin-bottom:3rem;}

/* Elements following paragraphs - this is subtle typography that adjusts margins based on sizes */
p + h1, ul + h1 { margin-top: 5rem; }
p + h2, ul + h2 { margin-top: 5rem; }
p + h3, ul + h3 { margin-top: 5rem; }
p + h4, ul + h4  { margin-top: 5rem; }
p + h5, ul + h5  { margin-top: 5rem; }
p + h6, ul + h6 { margin-top: 5rem; }
p + ul, ul + ul { margin-top: 4rem;}
ul + p { margin-top: 3rem;}

h6 + h6{margin-top:-1.5rem;}

ul{margin:0; padding-left: 2rem; list-style: disc outside; }
p{margin:0;margin-bottom:3rem;}
p:last-child, h1:last-child{margin-bottom:0;}

/**Checklists**/
ul.checklist{list-style-type:none;padding:0;}
.checklist li{position:relative;padding-left:2ch;margin-bottom:1rem;}
.checklist li:before{content:'✔';display:inline-block;color:#6a6a6a;padding-right:.65rem;position:absolute;left:0;}
.checklist.white li:before{color:#ffffff;}
.checklist ul{list-style-type:disc;}
.checklist ul li{padding-left:0;}
.checklist ul li:before{display:none;}

/*Footer*/
.footer-main{background:#ffffff;color:#005B86}
.site-footer .logo{margin-bottom:4rem;display:block;max-width:225px;margin-left:auto;margin-right:0;}
.footer-main .address { margin-bottom: 2rem; }

.footer-widget-title { font-size: 2.25rem; margin-bottom: 1.5rem;font-weight:bold;}
.site-footer ul { padding: 0; margin: 0; list-style: none; }
.site-footer ul li { margin-bottom:1.5rem; padding: 0;line-height:1.3;}
.site-footer ul li a { display: block;font-weight:400;}

.site-footer .footer-logos{grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr;align-items:center;margin-top:5rem;}
.site-footer .footer-logos img{max-width:90px;display:block;margin:0 auto;}
.site-footer .footer-legal-text{margin-top:5rem;font-size:14px;}
/* Sub footer */
.footer-sub-wrapper {padding:1.25rem 0; background:#005B86;color: #fff;font-size: 90%;}
.footer-sub-wrapper .grid{grid-template-columns:1fr 100px 1fr;}
.footer-sub-wrapper a{color:inherit;}
.footer-sub-wrapper .bottom-menu ul li { display: inline-block;margin:0;}
.footer-sub-wrapper .bottom-menu ul li a { display: inline-block; padding: 0 1rem;}

.social-icons{text-align:center;}
.social-icons a{width:25px;display:inline-block;position:relative;margin:0 1rem;vertical-align:middle;}

/*Links*/
a{text-decoration:none;color:#0eb3d9;font-weight:bold;}

/*Forms*/
input, textarea, select{width:100%;height:45px;padding:0 2rem;outline:none;font-family:inherit;border:1px solid #005B86;margin-bottom:2rem;border-radius:10px;color:#005B86;font-size:inherit;}
input::placeholder, textarea::placeholder, select::placeholder{color:#005B86}
input[type="submit"], button{border:none;height:auto;font-size:inherit;margin:0;cursor:pointer;}
input[type="file"]{border:none;padding:1rem 0 0;border-radius:0px;}
input[type="checkbox"]{display:inline-block;width:auto;margin:0;vertical-align:middle;width:20px;}
input[type="checkbox"] + .wpcf7-list-item-label{vertical-align:middle;padding-left:1rem;width:calc(100% - 29px);display:inline-block;line-height:1;}

textarea{min-height:150px;padding:2rem !important;}

label{font-weight:600;}

.form-halfs{display:grid;grid-template-columns:1fr 1fr;grid-gap:1.5rem;}
.form-halfs p{margin:0;}

.form-cta input, .form-cta textarea{margin-bottom:1.5rem;}
.form-cta textarea{padding:2rem;height:auto;max-height:150px;max-width:100%;}
.form-cta input[type="submit"]{background:#0EB3D9}
.form-cta a{color:inherit;font-weight:bold;}

.wpcf7-list-item{display:block;margin:0;}

/*Buttons*/
.button, input[type="submit"], button{background:#005B86;padding:1.1rem 3rem;color:#ffffff;display:inline-block;border-radius:10px;font-weight:bold;width:auto;line-height:1.3}

.button.dark{background:#005B86 !important}

/**Back to top**/
.toast-back-to-top{position:fixed;bottom:2rem;right:2rem;background:#0EB3D9;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;z-index:999;}
.toast-back-to-top.show{opacity:1;transform:translatey(0px);pointer-events:all;}

@media(max-width:1100px){
	.site-header .grid{grid-template-columns:180px 1fr;}
}

@media (max-width: 1024px) {

    #page{padding-top:94px;}
    /**Header***/
    .site-header{position:fixed;top:0;width:100%;background:#ffffff;z-index:99999;padding:2rem 0 0;}
	.site-header .grid{grid-template-columns:150px 1fr;}
    .site-header .mobile-nav-toggle-area{display:block;text-align:right;}
    .site-header .mobile-nav-toggle{width:25px;display:inline-block;}
    .site-header .top-nav{position:fixed;top:90px;left:0;width:100%;height:100%;background:#ffffff;z-index:99999;transform:translatex(-100%);transition:all .5s;padding:2rem 20px;height:calc(100% - 90px);overflow-y:scroll;overflow-x:hidden;}
    .site-header .top-nav li{display:block;text-align:left;font-size:3rem;font-weight:bold;opacity:0;transform:translateY(20px);transition:all .5s;}
	.site-header .top-nav li a{padding:15px 0 !important;display:block;background:transparent !important;color:#005B86 !important;font-weight:bold;}
    .site-header.mobile-nav-active .top-nav li{opacity:1;transform:translate(0);}
    .site-header.mobile-nav-active .top-nav li:nth-of-type(1){transition-delay:.6s;}
    .site-header.mobile-nav-active .top-nav li:nth-of-type(2){transition-delay:.7s;}
    .site-header.mobile-nav-active .top-nav li:nth-of-type(3){transition-delay:.8s;}
    .site-header.mobile-nav-active .top-nav li:nth-of-type(4){transition-delay:.9s;}
    .site-header.mobile-nav-active .top-nav li:nth-of-type(5){transition-delay:1s;}
    .site-header.mobile-nav-active .top-nav li:nth-of-type(6){transition-delay:1.1s;}
    .site-header.mobile-nav-active .top-nav li:nth-of-type(7){transition-delay:1.2s;}
    .site-header.mobile-nav-active .top-nav li:nth-of-type(8){transition-delay:1.3s;}
    .site-header.mobile-nav-active .top-nav li:nth-of-type(9){transition-delay:1.4s;}
	
	.top-nav li#menu-item-853 a{background:#0EB3D9 !important;padding:1.5rem !important;color:#ffffff !important;font-size:2rem !important;}
	
	.top-nav .sub-menu{opacity:1;pointer-events:all;transform:none;width:100vw;margin-left:calc(50% - 50vw);border-radius:0px;display:none;position:relative;padding:1rem 0;}
	.top-nav .sub-menu:before{content:'';width:10px;height:10px;background:#0EB3D9;position:absolute;top:0;left:5rem;transform:translatey(-50%) rotate(45deg);}
	.top-nav .open-submenu .sub-menu{display:block;}
	.top-nav .sub-menu li{font-size:2rem;}
	.top-nav .sub-menu li a{padding:15px 30px !important;color:#ffffff !important;font-weight:normal !important;}

	.site-header .grid{grid-template-columns:172px 1fr;}
	.site-header .apply-now-button{margin-right:1.5rem;padding:.95rem 1.5rem;background:#0EB3D9;font-size:1.5rem;}

    .site-header .top-nav li a{display:inline-block;padding:2rem;}
    .top-nav li#menu-item-853 a{padding:2rem 5rem;margin:2rem 0;}
    .site-header.mobile-nav-active .top-nav{transform:translateX(0);}

	.site-header .mobile-phone-number{display:block;padding:.5rem 1rem;font-weight:bold;color:#0EB3D9;font-size:2rem;}
	
    /**Typography**/
	h1{font-size:3rem;margin-bottom:2rem;}
	h2{font-size:2rem;}
	.section-title, h3{font-size:2.5rem;margin-bottom:1.5rem;}
	
    /**Spacing**/

    /**Branding Elements**/
    .branding-elements{display:none;}

    /**Footer**/
    .site-footer .logo{margin:0 auto 4rem;}
    .site-footer .grid{grid-template-columns:1fr !important;text-align:center;}
    .site-footer .align-right{text-align:center;}
    .site-footer .footer-logos{grid-template-columns:1fr 1fr !important;}

}

@media(max-width:768px){
	.hide-on-mobile{display:none;}
}

@media(max-width:550px){
	.form-halfs{grid-template-columns:1fr;grid-gap:0px;}
}

@media(max-width:400px){
	.site-header .grid{grid-template-columns:150px 1fr;grid-gap:10px;}
	.site-header .apply-now-button{font-size:1.5rem;padding:1rem 1.5rem;}
	
	.site-header .mobile-phone-number{font-size:1.5rem;}
}

@media(max-width:360px){
	.site-header .grid{grid-template-columns:120px 1fr;grid-gap:10px;}
	.site-header .apply-now-button{font-size:1.5rem;padding:1rem;}
}