/*
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
*/

@font-face {
	font-family: 'Comfortaa';
	font-style: normal;
	font-weight: 300 700;
	font-display: swap;
	src: url(/wp-content/themes/toast/assets/fonts/comfortaa.woff2) format('woff2');
}

/**Saved Styles**/
img, svg{max-width:100%;height:auto;}
svg * { transform-box: fill-box;}
*:last-child{margin-bottom:0;}
#page{overflow:hidden;}

.page-404-search .search-area{background:#065D7D}

/* Base Styles */
html { font-size: 62.5%; }
body{font-size: 1.75rem;line-height: 1.3;font-family: "Comfortaa", sans-serif;font-weight: 400; color:#1B3246;margin: 0;padding: 0;transition:all .5s;padding-top:138px;}

/* Header */
.site-header{padding:3rem 0;background:#ffffff;position:fixed;top:0;left:0;width:100%;z-index:999999;transition:all .5s;}
.site-header .grid{grid-template-columns:225px 1fr;align-items:center;}
.site-header .site-logo{width:100%;transition:all .5s;}
.site-header .mobile-navigation-area{display:none;text-align:right;}
.mobile-navigation-overlay{position:fixed;top:0;left:0;width:100%;background:rgb(35 62 85/20%);height:100%;z-index:99999;display:none;backdrop-filter:blur(5px);pointer-events:none;}

/* Fixed Header */
body.fixed-header{padding-top:73px;}
.fixed-header .site-header{padding:1rem 0;}
.fixed-header .site-header .site-logo{width:65%;}
.fixed-header .site-header .site-logo #marketingconsultancy{opacity:0;}


/* Navbar & Menus */
.top-nav {text-align: right;font-weight:bold;color:#707070}
.top-nav .menu-main-menu-container{display:inline-block;}
.top-nav .phone{display:inline-block;margin:0;line-height:1;padding-left:1rem;border-left:1px solid #1B3246;vertical-align:middle;padding-right:1rem;}
.top-nav .phone a{color:#D768E3}
.top-nav .menu-main-menu-container ul { margin: 0 auto; padding: 0rem;}
.top-nav .menu-main-menu-container li { display: inline-block; margin: 0;padding:0; position: relative;}
.top-nav .menu-main-menu-container li a { display: inline-block; padding:1rem;line-height: 1;}
.top-nav .menu-main-menu-container li:hover > a{ color:#1B3246 }

/**Social Icons**/
.site-header .social-icons{margin-top:-3px;}
.social-icons{display:inline-block;vertical-align:middle;line-height:1}
.social-icons a{display:inline-block;height:20px;width:auto;}
.social-icons a img{height:100%;width:auto;}

/* Typography & Lists */
h1, h2, h3, h4, h5, h6 { margin-top: 0; line-height: 1.2;margin-bottom:1.5rem;}
h1 { font-size: 6rem; }
h2 { font-size: 4rem; }
h3 { font-size: 3.5rem; margin-bottom: 3rem; }
h4 { font-size: 3.25rem; margin-bottom: 2.5rem; }
h5 { font-size: 3rem; margin-bottom: 2rem; }
h6 { font-size: 2.5rem; margin-bottom: 1.75rem; }

p { margin:0;margin-bottom:1.5rem; }

ul { margin:0; padding-left: 2rem; list-style: disc outside; }
li { margin:0;margin-bottom:1rem; }

/**Footer**/
.site-footer{position: relative;padding:10rem 0;text-align:right;color:#ffffff;background:linear-gradient(transparent 90%, #065D7D 90%);z-index:99999;overflow:hidden;}
.site-footer .petal-reverse{position:absolute;top:0;right:-13%;width:150%;max-width:none;}
.site-footer .petal-reverse path{fill:#065D7D !important}
.site-footer .footer-logo{width:300px;display:inline-block;}
.site-footer .footer-contact-info{margin-top:2rem;}
.site-footer .footer-contact-info .email, .site-footer .footer-contact-info .phone{font-size:2.5rem;font-weight:bold;display:block;}
.site-footer .footer-contact-info .address{margin-top:3rem;}

.site-footer .footer-contact-info .copywrite{font-size:1.5rem;margin-top:3rem;}
.site-footer .footer-contact-info .menu-legal-container{display:inline-block;}
.site-footer .footer-contact-info .menu-legal-container ul{list-style-type:none;padding:0;margin-left:1rem;}
.site-footer .footer-contact-info .menu-legal-container ul li{display:inline-block;border-left:2px solid #ffffff;line-height:1;padding:0 1rem;}


.site-footer .footer-contact-info .address {display: none;}
.page-id-1812 .site-footer .footer-contact-info .address {display: block;}

/*Buttons */
.button { background:#3e5987;padding:1.25rem 2.5rem 1.15rem;color:#ffffff;display:inline-block; border-radius:5px;font-weight:bold;box-shadow:0 5px 5px rgba(0,0,0,0.1);line-height:1;}
.button:hover {color: #fff; }

/**Forms**/
form .gfield{margin-bottom:2rem;}
form input[type="text"], form input[type="email"]{width:100%;border:none;padding:1rem;height:40px;font-size:2rem;color:#1B3246;font-weight:bold;font-family:inherit;}
form input::placeholder, form textarea::placeholder{color:#1B3246;font-weight:bold;}
form label{display:none;}
form textarea{border:none;font-size:2rem;color:#1B3246;font-weight:bold;padding:1rem;font-family:inherit;font-weight:bold;width:100%;}
form input[type="submit"]{border:none;font-size:2rem;}

.grey-fields form input[type="text"], .grey-fields form input[type="email"], .grey-fields form textarea{background:#efefef;}

.gfield.gfield--type-honeypot{display:none !important}

/**404**/
.page-404{padding:5rem 0;text-align:center;}
.page-404 h3{margin-bottom:1.5rem;}
.page-404 .button{margin-top:1rem;}
.page-404-search{position: relative;z-index:999999999;padding-bottom:5rem;} 

/*Links*/
a { text-decoration: none; color:inherit; }

@media(max-width:1500px){
	.site-footer{background:linear-gradient(transparent 70%, #065D7D 70%);}
}


@media(max-width:1024px){
	body{padding-top:73px;}
	.site-header{padding:1rem 0;}
	.site-header .site-logo{width:65%;}
	.site-header .site-logo #marketingconsultancy{opacity:0;}

	.site-header .mobile-navigation-area{display:block;}
	.site-header .mobile-navigation-area .mobile-navigation-toggle{display:inline-block;width:30px;height:24px;position: relative;}
	.site-header .mobile-navigation-area .mobile-navigation-toggle:before, .site-header .mobile-navigation-area .mobile-navigation-toggle:after, .site-header .mobile-navigation-area .mobile-navigation-toggle .middle{content:'';width:100%;height:3px;top:0;left:0;background:#1B3246;position: absolute;transition:all .25s;}
	.site-header .mobile-navigation-area .mobile-navigation-toggle .middle{top:50%;transform:translateY(-50%);}
	.site-header .mobile-navigation-area .mobile-navigation-toggle:after{bottom:0;top:auto;}
	.site-header .top-nav{position:fixed;top:73px;right:0;background:#ffffff;width:100%;max-height:100%;padding:1rem 2rem 5rem;text-align:left;font-size:2.5rem;color:#1B3246;transform:translateX(100%);transition:all .5s;z-index:999;}
	.site-header .top-nav li{display:block;}
	.site-header .top-nav .phone{padding:1rem;border-left:none;}
	.site-header .top-nav .social-icons{padding:0;border-left:none;text-align:center;display:block;margin-top:5rem;}
	.site-header .top-nav .social-icons a{height:30px}

	.mobile-navigation-active .mobile-navigation-area .mobile-navigation-toggle:before{transform:rotate(45deg);top:10px;}
	.mobile-navigation-active .mobile-navigation-area .mobile-navigation-toggle .middle{opacity:0;}
	.mobile-navigation-active .mobile-navigation-area .mobile-navigation-toggle:after{transform:rotate(-45deg);bottom:10px;}

	.mobile-navigation-active .site-header .top-nav{transform:translateX(0);}
	.mobile-navigation-overlay{display:block;opacity:0;transition:all .5s;}
	.mobile-navigation-active .mobile-navigation-overlay{opacity:1;pointer-events:all;}

	.site-footer{background:linear-gradient(transparent 40%, #065D7D 40%);}

	/**Typography**/
	h1 { font-size: 4rem; }
	h2 { font-size: 3rem; }
	h3 { font-size: 2.75rem; }
	h4 { font-size: 2.5rem;}
	h5 { font-size: 2.25rem;}
	h6 { font-size: 2rem}

}

@media(max-width:550px){
	.site-footer{background:linear-gradient(transparent 20%, #065D7D 20%);}
}