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









/* Additional Styles */
.success-stories h4 {color:  var(--brand-7);}
.success-stories strong {color:  var(--brand-6);}

.color-white , .color-white h1, .color-white h2, .color-white h3, .color-white h4, .color-white h5, .color-white h6 {color: #fff;}

/**Saved Styles**/
*:last-child{margin-bottom:0;}
.site-logo img{width:100%;}

/* Base Styles */
html { font-size: 62.5%; }
body{font-size: 1.75rem;line-height: 1.6;font-family: Helvetica, Arial, sans-serif;font-weight: 400;color: var(--text-color);margin: 0;padding: 0 !important; }
#page{overflow:hidden;clear:both;}
#page.sticky-header{padding-top: 95px;}

/* Site Banner - from Theme options */
.site-banner { background-color: var(--brand-2); color: #fff; text-align: center; padding: 1rem 0; min-height: 3rem; z-index: 999; }

/* Header */
header { position: relative; z-index: 99999;}
.site-header .grid{grid-template-columns:16rem 1fr;align-items:center;grid-gap:1rem;}
@media (max-width:1290px){.site-header > .grid {grid-template-columns:14rem 1fr !important;}}

/* Sticky Header */
.main-nav{position: relative;}
.main-nav.sticky-header{position: fixed; top: 0; left: 0; width: 100%; box-sizing: border-box; background-color: white; }

/* Banner Menu */
.banner-menu{background-color: var(--brand-1);}
.banner-menu .menu{text-align: right;}
.banner-menu ul li{position: relative;}
.banner-menu ul li:hover a{text-decoration: underline; color: #fff;}
.banner-menu ul li a{color: #fff; font-weight: bold; text-align: right; padding: 2rem 1rem;}
.banner-menu ul li a:hover{text-decoration: underline; color: #fff;}

.banner-menu ul li > a{display: flex; align-items: center; gap: .75rem;}
.banner-menu ul li.has-submenu .menu-chevron-wrapper .menu-chevron{display: flex; width: 15px; align-items: center; justify-content: center;}
.banner-menu ul li.has-submenu .menu-chevron-wrapper .menu-chevron svg{fill: #fff; transform: rotate(180deg); transition: all .2s;}

.banner-menu ul ul{position: absolute; bottom: 0; left: 50%; opacity: 0; pointer-events: none; white-space: nowrap; background-color: var(--brand-1); padding: 2rem 4rem 2.5rem; transform: translate(-50%, 100%); z-index: 10; text-align: left;}
.banner-menu ul li.has-submenu:hover > .submenu{opacity: 1;pointer-events:all;}
.banner-menu ul li.has-submenu:hover .menu-chevron-wrapper .menu-chevron svg{fill: #fff; transform: rotate(0deg); transition: all .2s;}

.banner-menu ul ul li{display: block;}
.banner-menu ul ul li a{padding: 1rem 1rem .5rem; text-align: left;}
.banner-menu ul li:hover ul li a{text-decoration: none;}
.banner-menu ul li:hover ul li:hover a {text-decoration: underline;}

ul li.login a::after{content: ''; background-image: url('/wp-content/themes/toast/assets/images/login.svg'); background-position: center; background-size: contain; background-repeat: no-repeat; width: 15px; height: 15px; display: block;}

/* Navbar & Menus */
.top-nav, .banner-menu {text-align: left;}
.top-nav ul, .banner-menu ul { margin: 0 auto; padding: 0;}
.top-nav li, .banner-menu li { display: inline-block; margin: 0;padding:0; }
.top-nav li a, .banner-menu li a { display: inline-block; padding: calc( var(--base-type-spacing) / 1.5 ) 1rem;line-height: 1; color:var(--brand-1); font-size: 1.5rem; font-weight: bold;}
@media (max-width:1290px){
	.top-nav li a, .banner-menu li a {padding: 1rem !important;}
	.submenu-menu li a {padding: 1rem !important;}
}
.top-nav li:hover > a, .top-nav li.current-menu-item a, .banner-menu li:hover > a, .banner-menu li.current-menu-item a { color:var(--brand-4); }

.header-buttons .outline-button{width: max-content; font-size: 1.5rem;}
.header-buttons .outline-button .icon-wrapper{display: flex; align-items: center;}

.header-buttons .button{width: max-content; font-size: 1.5rem; font-weight: bold; padding: .75rem 1rem .75rem 2rem;}
@media (max-width:1290px){.header-buttons .button{padding:.5rem 0.5rem .5rem 1rem;}}
.header-buttons .button .icon-wrapper{display: flex; align-items: center;}

/* Header Search Form */
.nav-wrapper{display: flex; gap: 1rem; justify-content: end; align-items: center;}
.nav-wrapper .top-nav{ display: flex; gap: 1rem;}

.search-toggle{align-self: center; cursor: pointer;}
.search-icon{display: flex; width: 20px; height: 20px;}
.close-icon{display: none; width: 20px; height: 20px;}

.search-toggle.active .search-icon{display: none;}
.search-toggle.active .close-icon{display: flex;}

.search-form-popup{position: absolute; bottom:0; left:50%; width: 100%; z-index: 9999; display: flex; align-items: center; padding: 1rem 1rem 1rem 1.5rem; gap: 2rem; opacity: 0; transform: translate(-50%, -200%); background-color: #fff; transition: all .5s; pointer-events: none; max-width:768px;}
.search-form-popup.active{opacity: 1; transform: translate(-50%, 100%); pointer-events: all; transition: all .5s;}

.search-form-popup .search-label{font-weight: bold; color: var(--brand-1)}
.search-form-popup .search-form{display: grid; grid-template-columns: 1fr 45px; align-items: center; border: 1px solid var(--brand-1); padding: 0 0 0 1rem; border-radius: .5rem; width: 100%; overflow: hidden;}
.search-form-popup .search-form input.search-field{height: 100%; border: 0px; padding: 1rem 0; padding-left: 0; padding-right: 0;}
.search-form-popup .search-form input::placeholder{color: var(--brand-1); font-size: 2rem;}

.search-form-popup .search-form .search-button-wrapper{border:0;cursor: pointer; height: 100%; display: flex; align-items: center; justify-content: center; border-left: 1px solid var(--brand-1);}


/* Submenus Dropdowns*/
.top-nav .submenu{position: absolute;padding: 0;bottom:0;left: 0;text-align: left; width:100%;max-width:1170px;z-index:5;opacity:0;pointer-events:none;transition: transform .5s;transform:translateY(100%); font-size: 1.75rem;left:0;}
.top-nav .submenu .grid{background-color: none;}
.top-nav .submenu .submenu{position: absolute;top:0;right:0;transform:translatex(100%);white-space:nowrap;background: var(--brand-2); text-align: left; z-index:10; }
.top-nav .submenu li{ display: block; margin: 0; }
.top-nav .submenu li a, .top-nav .submenu a{ padding: 1rem; display: block; margin: 0;color:#ffffff;}
.top-nav li:hover > .submenu{opacity: 1;pointer-events:all;}
.top-nav li .submenu a.button{background-color: #fff; color: var(--brand-1); border: 2px solid #fff; display: flex; justify-content: center; align-items: center; text-transform: capitalize;}
.top-nav li .submenu a.button::after{background-image: url(/wp-content/uploads/blue-arrow.png);}
.top-nav li .submenu a.button:hover{background-color: var(--brand-1); color: #fff;}
.top-nav li .submenu a.button:hover::after{background-image: url(/wp-content/uploads/white-arrow.png);}

.top-nav .submenu .grid{align-items: unset; grid-gap: 0; grid-template-columns: 45rem 1fr;}
.top-nav .submenu .submenus-wrapper .submenu-menu{display: flex; flex-direction: row; flex-wrap: wrap;}
.top-nav .submenu .submenus-wrapper .submenu-menu li{flex-basis: 33.3%;}
.top-nav .submenu .submenus-wrapper .submenu-col li a{padding-left: 0;}

.top-nav .submenu .featured-column{display: block; padding: 5rem 12rem 5rem 5rem; background-color: var(--brand-1); color: #fff;}
.top-nav .submenu .featured-column h1, .top-nav .submenu .featured-column h2, .top-nav .submenu .featured-column h3, .top-nav .submenu .featured-column h4, .top-nav .submenu .featured-column h5, .top-nav .submenu .featured-column h6,.top-nav .submenu .featured-column a{color: #fff;}
.top-nav .submenu .featured-column h1, .top-nav .submenu .featured-column h2, .top-nav .submenu .featured-column h3, .top-nav .submenu .featured-column h4, .top-nav .submenu .featured-column h5, .top-nav .submenu .featured-column h6{font-size: 1.8rem;}

.top-nav .submenu .submenus-wrapper{display: grid; grid-template-columns: 1fr; padding: 2rem 4rem 4rem 4rem; background-color: #fff; grid-gap: 1rem;}

.top-nav .submenu .submenu-col{background-color: #fff; color: #000;}
.top-nav .submenu .submenu-col a{color: #000;}
.top-nav .submenu .submenu-col .submenu-title a{font-size: 1.8rem; color: var(--brand-1); padding-left: 0;}

.top-nav .submenu .submenu-col:first-of-type{border-top: 0 !important;}
.top-nav .submenu .submenu-col:nth-of-type(2){border-top: 1px solid #7C7C7B; padding-top: 2rem;}

@media(min-width: 1025px){
/* Sort the hovers on the dropdowns 16/06/23 DF */
.top-nav li.has-submenu > a{display: flex; gap: .75rem; align-items: center;}
.top-nav li.has-submenu .menu-chevron-wrapper .menu-chevron{display: flex; width: 15px; align-items: center; justify-content: center;}
.top-nav li.has-submenu .menu-chevron-wrapper .menu-chevron svg{fill: var(--brand-1); transform: rotate(180deg); transition: all .2s;}

.top-nav li.has-submenu:hover > a{color: var(--brand-7);}
.top-nav li.has-submenu:hover .menu-chevron-wrapper .menu-chevron svg{fill: var(--brand-7); transform: rotate(0deg); transition: all .2s;}
.top-nav li.has-submenu:hover > .submenu{opacity: 1;pointer-events:all;}
}

/* Mobile Menu */
.mobile-menu, .about-menu, .nav-menu .submenu .submenu-title a .menu-chevron-wrapper{display: none;}

@media (max-width: 1200px) and (min-width: 1024px) {
	.nav-wrapper{gap: 1rem;}
	.main-nav .grid{grid-gap: 2rem}
	.nav-wrapper .top-nav { gap: 1rem; }
	.top-nav li a { font-size: 1.2rem; }
	.nav-wrapper .header-buttons a.button { font-size: 1.2rem; }
}

@media(max-width: 1024px){
    #page{margin-top: 80px;}
    .banner-menu, .header-buttons, .search-toggle.active .close-icon, .site-header{display: none;}
    .search-toggle.active .search-icon{display: flex;}

    .toast-mm-overflow{max-height: calc(100vh - 80px);}

    .toast-mm-banner{display: grid !important; grid-template-columns: 25px 1fr 20px; align-items: center; cursor: auto; gap: 2rem;}
    .toast-mm-banner__title{display: none;}
    .toast-mm-logo{text-align: center;}
    .toast-mm-logo img{height: 60px !important;}
    
    .menu-main-menu-container{margin-top: 80px;}

    .toast-mm .toast-mm-banner__hamburger{width: 25px; height: 22px; position: relative; display: flex; cursor: pointer;}
    .toast-mm .toast-mm-banner__hamburger div{width: 100%; height: 4px; background-color: var(--brand-1); border-radius: 5px; position: absolute; left: 0; transition: all .2s; margin-bottom: 0;}
    .toast-mm .toast-mm-banner__hamburger div:nth-of-type(1){top: 0;}
    .toast-mm .toast-mm-banner__hamburger div:nth-of-type(2){top: 50%; transform: translateY(-50%);}
    .toast-mm .toast-mm-banner__hamburger div:nth-of-type(3){bottom: 0;}

    .toast-mm.active .toast-mm-banner__hamburger div:nth-of-type(1){top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(45deg); transition: all .2s;}
    .toast-mm.active .toast-mm-banner__hamburger div:nth-of-type(2){opacity: 0; transition: all .2s;}
    .toast-mm.active .toast-mm-banner__hamburger div:nth-of-type(3){top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(-45deg); transition: all .2s;}
}

@media(max-width: 768px) {
    #page{margin-top: 60px;}
    .toast-mm-logo img{height: 40px !important;}
    .toast-mm-overflow{max-height: calc(100vh - 60px);}
    .menu-main-menu-container{margin-top: 60px;}
    .toast-mm-banner{grid-template-columns: 25px 1fr 20px;}
}

@media(max-width: 768px) { 
/*
    .site-header .grid{grid-template-columns: 1fr 14rem 1fr !important;}
    .nav-menu .submenu .grid{grid-template-columns: 1fr !important;}
    .nav-menu{width:100%}
*/

    .search-form-popup{left: 0; right: 0; transform: translateY(-200%);}
    .search-form-popup.active{transform: translateY(100%);}
}

/* Typography*/

:root {
	--base-type-spacing: 6rem;  /* You only need to change this value to change ALL of the type margings */
	--base-heading-size: 7rem;
}


h1, h2, h3, h4, h5, h6 { margin-top: 0; line-height: 1.2; margin:0; color: inherit; color: var(--brand-2);}
h1, .h1{ font-size: calc( var(--base-heading-size) / 1.75 ); }
h2, .h2{ font-size: calc( var(--base-heading-size) / 3 ); }
h3, .h3{ font-size: calc( var(--base-heading-size) / 3 ); color: var(--brand-1);}
h4, .h4{ font-size: calc( var(--base-heading-size) / 3.5 ); }
h5, .h5{ font-size: calc( var(--base-heading-size) / 3.75 ); }
h6, .h6{ font-size: calc( var(--base-heading-size) / 4 ); }
p { margin:0;margin-bottom: calc( var(--base-type-spacing) / 3 ); }

/* Fine-tune typography */
h1 + p, h1 + div { margin-top: calc( var(--base-type-spacing) / 2 ); }
h2 + p, h2 + div { margin-top: calc( var(--base-type-spacing) / 2 ); }
h3 + p, h3 + div { margin-top: calc( var(--base-type-spacing) / 4.5 ); }
h4 + p, h4 + div { margin-top: calc( var(--base-type-spacing) / 5 ); }
h5 + p, h5 + div { margin-top: calc( var(--base-type-spacing) / 3.5 ); }
h6 + p, h6 + div { margin-top: calc( var(--base-type-spacing) / 4 ); }
p + ul, p + ol { margin-top: calc( var(--base-type-spacing) / 2 ); }
ul + p, ol + p { margin-top: calc( var(--base-type-spacing) / 1.75 ); }
h1 + table, h2 + table, h3 + table, h4 + table, h5 + table, h6 + table { margin-top: calc( var(--base-type-spacing) / 2 ); }
table + p { margin-top: calc( var(--base-type-spacing) / 1.75 ); }
h1 + ul, h2 + ul, h3 + ul, h4 + ul, h5 + ul, h6 + ul { margin-top: calc( var(--base-type-spacing) / 2 ); }
h1 + ol, h2 + ol, h3 + ol, h4 + ol, h5 + ol, h6 + ol { margin-top: calc( var(--base-type-spacing) / 2 ); }
ul + h1, ul + h2, ul + h3, ul + h4, ul + h5, ul + h6 { margin-top: calc( var(--base-type-spacing) / 1.75 ); }
ol + h1, ol + h2, ol + h3, ol + h4, ol + h5, ol + h6 { margin-top: calc( var(--base-type-spacing) / 1.75 ); }
a.button + h1, button + h1,
a.button + h2, button + h2,
a.button + h3, button + h3,
a.button + h4, button + h4,
a.button + h5, button + h5,
a.button + h6, button + h6 {
    margin-top: calc( var(--base-type-spacing) / 1.75 );
}
p a {color: var(--brand-7); text-decoration: underline;}

/* Tables */
table { width: 100%; border-collapse: collapse; margin-bottom: calc(var(--base-type-spacing) / 2); text-align: left;  }
thead th { background-color: var(--brand-1); font-weight: bold; text-align: left; padding: 1rem; color: #fff; font-size: 120%; }
tbody tr:nth-child(even) { background-color: #fff; }
tbody tr:nth-child(odd) { background-color: var(--brand-8); }
tbody tr:hover { background: var(--brand-2); color: #fff; }
tbody td, tbody th { padding: 1rem; }
table { border: none; }
td { border: .15rem solid var(--brand-1);  }
th { border-width: .15rem .15rem .3rem .15rem; border-style: solid; border-color: var(--brand-1); }

@media screen and (max-width: 768px) {
  table {
    display: block;
    overflow-x: auto;
    width: 100%;
  }
}


/**Lists**/
ul { margin:0; padding-left: 2rem; list-style: disc outside; }
li { margin:0;margin-bottom: calc( var(--base-type-spacing) / 6 ); }

/* General Button Styles */
.button, 
a.button, 
.outline-button, 
a.outline-button,
.white-outline-button, 
.button-white-bg-purple-text, 
.purple-outline-button,
.grey-outline-button,
.white-button, 
a.white-button,
.button1,
.pink-outline-button {
    padding: .75rem 2.5rem;
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    border-radius: 25px;
    text-decoration: none;
    transition: 0.2s all;
    font-weight: bold;
    text-transform: capitalize;
}

.button img, 
a.button img, 
.outline-button img, 
a.outline-button img,
.white-outline-button img, 
.button-white-bg-purple-text img, 
.purple-outline-button img,
.grey-outline-button img,
.white-button img, 
a.white-button img {
    margin-left: 1rem;
    height: 2rem;
    line-height: 0;
}

/* Primary Button */
.button, 
a.button {
    background: var(--brand-1); 
    border: 2px solid var(--brand-1);
    color: #fff; 
    font-size: 1.65rem;
    font-weight: bold;
}
.button:hover, 
a.button:hover {
    background: #fff; 
    color: var(--brand-1);
}

.button.alt, 
a.button.alt {
    background: #fff;
    border: 2px solid var(--brand-1);
    color: var(--brand-1) !important;
}
.button.alt:hover, 
a.button.alt:hover {
    background: var(--brand-1);
    color: #fff !important;
}

/* Button Icon Styles */
a.button::after,
a.button.alt::after,
.outline-button::after,
.white-outline-button::after,
.purple-outline-button::after,
.grey-outline-button::after,
.white-outline-button::after,
.button1::after,
.pink-outline-button::after {
    content: '';
    display: inline-block;
    width: 15px;
    height: 15px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin-left: 1rem;
    transition: background-color 0.2s;
}

/* Primary Button Icons */
a.button::after {
    background-image: url(/wp-content/uploads/white-arrow.png);
}
a.button:hover::after {
    background-image: url(/wp-content/uploads/blue-arrow.png);
}
a.button.alt::after {
    background-image: url(/wp-content/uploads/blue-arrow.png);
}
a.button.alt:hover::after {
    background-image: url(/wp-content/uploads/white-arrow.png);
}


/* Outline Button */
.outline-button, 
a.outline-button {
    border: 2px solid var(--brand-1);
    color: var(--brand-1);
}
.outline-button:hover, 
a.outline-button:hover {
    background: var(--brand-1);
    color: #fff;
}

/* White Outline Button */
.white-outline-button {
    background: transparent;
    border: 2px solid #fff;
}
.white-outline-button:hover {
    background: var(--brand-1);
    color: #fff;
    border: 2px solid var(--brand-1);
}

/* White Button with Purple Text */
.button-white-bg-purple-text, 
a.button-white-bg-purple-text {
    background: #fff;
    color: #721BAA !important;
    font-size: 1.65rem;
}

/* Purple Outline Button */
.purple-outline-button {
    color: var(--brand-4);
    border: 2px solid var(--brand-4);
}
.purple-outline-button:hover {
    background: var(--brand-4);
    color: #fff;
}
.white-outline-button:after {
    background-image: url('/wp-content/uploads/white-arrow.png');
}
.purple-outline-button::after {
    background-image: url('/wp-content/uploads/purple-arrow.png');
}
.purple-outline-button:hover::after {
    background-image: url('/wp-content/uploads/white-arrow.png');
}

/* Grey Outline Button */
.grey-outline-button {
    color: var(--brand-3);
    padding: .5rem 1.5rem;
    border: 2px solid var(--brand-3);
}
.grey-outline-button:hover {
    background: var(--brand-3);
    color: #fff;
}
.grey-outline-button::after {
    background-image: url('/wp-content/uploads/grey-arrow.png');
}
.grey-outline-button:hover::after {
    background-image: url('/wp-content/uploads/white-arrow.png');
}

.pink-outline-button {
    color: #B93E6A;
    padding: .5rem 1.5rem;
    border: 2px solid #B93E6A;
}

a.pink-outline-button::after {
    background-image: url(/wp-content/themes/toast/assets/images/arrows/arrow-pink-bg.svg);
}

.pink-outline-button:hover {
    color: #fff;
    padding: .5rem 1.5rem;
    border: 2px solid #B93E6A;
    background-color: #B93E6A;
}

.pink-outline-button:hover::after {
    background-image: url(/wp-content/themes/toast/assets/images/arrows/arrow-pink-arrow.svg);
}

/* White Button */
.white-button, 
a.white-button {
    background: #fff;
    border: 2px solid white;
    color: var(--brand-7);
    padding: .5rem 1.5rem;
}
.white-button:hover, 
a.white-button:hover {
    background: #efefef;
}

/* Specific Style for CTA White Outline Button */
.cta-content a.white-outline-button {
    color: #fff;
}

/*Iframes*/
iframe { max-width: 100%; width: 100%; aspect-ratio: 16 / 9;}

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

/** Images **/
.full-width-image img { width: 100%;}
img.alignleft {padding-right:1rem;padding-top:5px;}
img.alignright {padding-left:1rem;padding-top:5px;}
img.aligncenter {display:block;margin-left:auto !important;margin-right:auto !important; }
.alignright {float: right !important;margin-left:1rem;}
.alignleft {float: left !important;margin-right:1rem;}

/* Videos */
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } 
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/*Alignment*/
.align-right{text-align:right}
.align-center, .centered, .aligncenter {text-align:center;}
.align-left {text-align: left;}

/**Generic Hero**/
.generic-hero{padding: calc( var(--base-type-spacing) / 2 ) 0;background:var(--brand-1);color:#ffffff;}

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

/** Single **/
.single .generic-hero{padding: 8rem 0;}
.single .generic-hero h1{font-weight: 400;}

/* Resources */
.resource h1, .resource h2, .resource h3, .resource h4, .resource h5, .resource h6, .resource a{color: var(--brand-1);}
.resource a.button{color: #fff; padding: .75rem 4rem;}
.resource a.button:hover{color: var(--brand-1);}

.resource a.button1{padding: .75rem 4rem;}
.resource a.button1:hover{background-color: var(--brand-1);}
.resource a.white-outline-button{color: #fff;}

.resource .resource-listings-wrapper .resource-listings .resource-listing .resource-listing-date{display: none;}

.what-is-beacon, .what-is-solution{padding: 5rem 0;}
.what-is-beacon h3{font-size: 3.5rem; margin-bottom: 3rem;}

.what-is-solution{display: grid;}
.what-is-solution h3{text-align: center;}
.what-is-solution .what-is-title {background-color: var(--brand-1); padding: 1rem 3rem; display: flex; font-weight: bold; color: #fff; width: fit-content;}
.what-is-solution .what-is-content{border: 1px solid var(--brand-1); padding: 5rem;}
.what-is-solution .what-is-content a.button{margin-top: 2rem;}

.resource .hero .hero-area::before{background-color: var(--brand-1);}
.resource .hero .col{color: #fff; text-wrap-style: balance;}
.resource .hero .hero-area .col-content h1{font-weight: bold; color: #fff}
.resource .hero .hero-buttons a.button{background-color: #fff; color: var(--brand-1);}
.resource .hero .hero-buttons a.button:hover{background-color: #fff; border: 2px solid #fff; color: #fff;}
.resource .hero.bg-fullwidth .col-image {width:100%;left:0;}

/* Solution Single */
.single-solution .resource .hero .container{padding: 10rem 0 8rem}
.single-solution .resource .hero .hero-area::before{display: none;}
.single-solution .resource .hero .hero-area .col-content h1{font-weight: normal;}
.single-solution .hero .solution-banner{background-color: #fff; padding: 1rem 5rem; border-bottom-left-radius: 2.5rem; border-bottom-right-radius: 2.5rem; position: absolute; top: 0; left: 50%; transform: translateX(-50%); color: var(--brand-1); text-transform: capitalize; font-weight: bold;}
.single-solution .hero .hero-area::before{background-color: var(--brand-1);}

@media(max-width: 1024px){
    .single-solution .hero .solution-banner{left: 5vw; right: 5vw; transform: translate(0); text-align: center;}
}

@media(max-width: 550px){
    .single-solution .hero .solution-banner{padding: 1rem 1rem;}
}

/* Single Demo Request */
.single-demo-request .block-hero .hero-area::before{background: var(--brand-1)}
.single-demo-request .block-hero .hero-area .container{padding:6rem 0 4rem 0;}

/* Conference Report Single */
.single-conference-reports .hero .col.col-content{max-width: 75%;}

/* Market Report Single */
.single-market-reports .hero .hero-area::before{background-color: var(--brand-1);}
.single-market-reports .hero .col{max-width: 100% !important; color: #fff;}
.single-market-reports .hero .hero-area .col-content h1{font-weight: bold; color: #fff}
.single-market-reports .hero .hero-buttons a.button{background-color: #fff; color: var(--brand-1);}
.single-market-reports .hero .hero-buttons a.button:hover{background-color: #fff; border: 2px solid #fff; color: #fff;}

/* Thought Leadership Single */
.single-thought-leadership .hero .hero-area::before{background: none !important;}
.single-thought-leadership .hero .col{max-width: 100% !important; color: #fff;}
.single-thought-leadership .hero .hero-area:after {display: none !important;}
.single-thought-leadership .hero .hero-area .col-content h1{font-weight: bold; color: #fff}
.single-thought-leadership .hero .hero-buttons a.button{background-color: #fff; color: var(--brand-1);}
.single-thought-leadership .hero .hero-buttons a.button:hover{background-color: #fff; border: 2px solid #fff; color: #fff;}

/* Landscape Review Single */
.single-landscape-reviews .hero .hero-area::before{display: none;}

.single-landscape-reviews .hero .col{max-width: 75% !important; color: #fff;}
.single-landscape-reviews .hero .hero-area .col-content h1{font-weight: bold; color: #fff}
.single-landscape-reviews .hero .hero-buttons a.button{background-color: #fff; color: var(--brand-1);}
.single-landscape-reviews .hero .hero-buttons a.button:hover{background-color: #fff; border: 2px solid #fff; color: #fff;}


/* Blog Single */
.single-blog .hero .col-content{max-width: 85% !important;}

/* Event Single */
.single-events .generic-hero{color: #fff; background-color: var(--brand-1);}
.single-events .generic-hero h1{font-weight: 500; color: #fff; margin-bottom: 2rem; font-size: 3.5rem;} 
.single-events .generic-hero h2{font-weight: 500; color: #fff; margin-bottom: 0rem; font-size: 2.8rem;}
.single-events .generic-hero .hero-buttons{margin-top: 4rem;}

.single-events .event-subtitle{font-weight: bold;}

.single-events .event-description-grid.grid{grid-template-columns: 4fr 2fr;}

.custom-icon-button::after{display: none;}
.custom-icon-button svg{width: 15px; height: 15px; margin-left: 1rem; display: flex;}


/* Videos Single */
.single-videos .hero .col-content {width:100% !important;max-width:100% !important;}
.single-videos .hero .hero-area::before {/*background:#033294 !important;*/opacity:1;}
.single-videos .hero .container {padding:6rem 0 4rem 0 !important;}
.block-video .video-subtitle {margin-top:5rem;}
.block-video .video-content { /*background: #033294; color: #fff; padding: 4rem; border-radius: 1rem; */ margin: 5rem 0; }
.block-video .video-transcript-accordion { margin-bottom: 10px; }
.block-video .video-transcript-accordion-title { font-size: 2rem; font-weight: bold; color: var(--brand-1); padding: 2rem 3.5rem; cursor: pointer; transition: background-color .25s, border-radius .25s; position: relative; }
.block-video .video-transcript-accordion.active .video-transcript-accordion-title { border-radius: 1rem 1rem 0 0; }
.block-video .video-transcript-accordion-title:after, .block-video .video-transcript-accordion-title:before { content: ''; width: 12px; height: 3px; background: var(--brand-1); position: absolute; right: 3.5rem; top: 50%;}
.block-video .video-transcript-accordion-title:before {transform: translateY(-50%) rotate(90deg); transition: all .25s; }
.block-video .video-transcript-accordion-title:after {transform: translateY(-50%); }
.block-video .video-transcript-accordion.active .video-transcript-accordion-title:before { transform: translateY(-50%) rotate(0); }
.block-video .video-transcript-accordion-content { height: 0; overflow: hidden; transition: height .5s ease; border-radius: 0 0 1rem 1rem; }
.block-video .video-transcript-accordion-content-padding { padding: 2rem 3.5rem 3rem; }
@media (max-width:768px){
	.block-video .video-content {padding: 2rem 1rem !important;}
	.block-video .video-transcript-accordion-content-padding {padding:2rem !important;}
}

/* Citations Single */
.single-citations .beacon-citation-summary {padding:1rem 2rem 5rem;}
.single-citations .beacon-citation-links {padding:3rem 0;display:flex;justify-content:space-between;align-items:center;}
.single-citations .beacon-citation-summary-link {text-align:right;}
.single-citations .beacon-citation-summary-link::after {display:none !important;}
.single-citations .beacon-citation-summary-link::before {
    background-image: url(/wp-content/uploads/blue-arrow.png);
    transform: rotate(180deg);
    content: '';
    display: inline-block;
    width: 15px;
    height: 15px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin-right: 1rem;
    transition: background-color 0.2s;
}
.single-citations .beacon-citation-summary-link:hover::before {background-image: url(/wp-content/uploads/white-arrow.png);}

.beacon-citation-card {margin-bottom:3rem;}
.beacon-citation-card .beacon-citation-meta, .beacon-citation-card .beacon-citation-title, .beacon-citation-card .beacon-citation-details, .beacon-citation-card .beacon-citation-links {display:inline;}
.beacon-citation-card .citation-link {color:var(--brand-1);}
.beacon-citation-card .beacon-citation-authors, .beacon-citation-card .beacon-citation-volume, .beacon-citation-card .beacon-citation-summary-link {font-weight:bold;}
.beacon-citation-card .beacon-citation-links {float:right;padding-top:5px;}


/* Hero Banner */
.single .hero .hero-banner, .block-hero .hero-banner{background-color: #fff; padding: 1rem 5rem; border-bottom-left-radius: 2.5rem; border-bottom-right-radius: 2.5rem; position: absolute; top: 0; left: 50%; transform: translateX(-50%); color: var(--brand-1); text-transform: capitalize; font-weight: bold; z-index: 1;}

@media(max-width: 1024px){
    .single .hero .hero-banner, .block-hero .hero-banner{left: 12vw; right: 12vw; transform: translate(0); text-align: center;}
}

@media(max-width: 768px){
    .single .hero .hero-banner, .block-hero .hero-banner{left: 7vw; right: 7vw; transform: translate(0); text-align: center; padding: 1rem 2rem;}
}

/* API & Data Single Hero */
.single-apis .hero .hero-area::before, .single-data .hero .hero-area::before{display: none;}
.single-apis .hero .col.col-content, .single-data .hero .col.col-content{max-width: 75%; padding-right: 2rem;}
.single-apis .hero .col.col-content .col > p, .single-data .hero .col.col-content .col > p{padding-right: 15%;}

/* Market Research */
.single-market-research .hero .hero-area::before{background: var(--brand-1);}
.single-market-research .hero .hero-area h1{font-weight: bold;}

.single-market-research .hero a.button{background-color: #fff; color: var(--brand-1); border-color: #fff;}
.single-market-research .hero a.button::after{background-image: url(/wp-content/uploads/blue-arrow.png);}

.single-market-research .hero a.button:hover{background-color: var(--brand-1); color: #fff; border-color: var(--brand-1)}
.single-market-research .hero a.button:hover::after{background-image: url(/wp-content/uploads/white-arrow.png);}

@media(max-width: 1024px){
    .single-market-research .hero .hero-area::before{z-index: 2; opacity: .8;}
}

.border-tiles .col{border: 1px solid #7C7C7B; border-radius: 1rem; padding: 2rem;}
.border-tiles .col h4{color: var(--brand-1);}

/* Webinars Single */
.single-webinars .hero .hero-area::before{background-color: var(--brand-1); z-index: -1;}

.single-webinars .hero .col.col-content{max-width: 75%; color: #fff;}
.single-webinars .hero .col.col-content h1{font-weight: bold; color: #fff}
.single-webinars .hero .hero-buttons a.button{background-color: #fff; color: var(--brand-1);}
.single-webinars .hero .hero-buttons a.button:hover{background-color: #fff; border: 2px solid #fff; color: #fff;}

.single-webinars h1, .single-webinars h2, .single-webinars h3, .single-webinars h4, .single-webinars h5, .single-webinars h6{color: var(--brand-1);}

/* Infographic Single */
.single-infographics .hero{background-color: var(--brand-1);}
.single-infographics .hero .col.col-content{max-width: 75%; color: #fff;}
.single-infographics .hero .col.col-content h1{font-weight: bold; color: #fff}
.single-infographics .hero .hero-buttons a.button{background-color: #fff; color: var(--brand-1);}
.single-infographics .hero .hero-buttons a.button:hover{background-color: #fff; border: 2px solid #fff; color: #fff;}

.single-infographics .hero .hero-area::before{display: none;}
.single-infographics .hero .header-overlay{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--brand-1); opacity: .8;}

.single-infographics h1, .single-infographics h2, .single-infographics h3, .single-infographics h4, .single-infographics h5, .single-infographics h6{color: var(--brand-1);}

@media(max-width: 768px) {
    .single-infographics .hero .col.col-content, .single-webinars .hero .col.col-content{max-width: 100%;}
}

/*404*/
.search-404{padding: calc( var(--base-type-spacing) / 1.2 );background:var(--brand-2);color:#ffffff;max-width:768px;margin:0 auto;text-align:center;}

/*Footer*/
.site-footer{color:#ffffff;}
.site-footer .footer-main{background: rgb(0,223,251); background: linear-gradient(180deg, rgba(0,223,251,1) 0%, rgba(0,137,255,1) 100%); padding: 5rem 0;}
.site-footer .footer-main .grid{grid-template-columns:2fr 1fr 1fr; grid-gap: 3rem;}

.site-footer .footer-logos{display: flex; justify-content: space-between; margin-bottom: 4rem;}
.site-footer .footer-logo{position: relative;}
/*.site-footer .footer-logo:first-of-type::before{content: ''; display: block; position: absolute; pointer-events: none; top: 0; right: -3.25rem; height: 100%; width: 1px; background-color: #fff;}*/
.site-footer .footer-logo img{display:inline-block; height: 6.75rem; width: auto;}
.site-footer .footer-main .logos-col{padding-right: 2rem;}

.site-footer .footer-toppper h3{color: #fff !important;}

.site-footer .footer-main .grid .col{font-weight: bold; font-size: 2rem;}
.site-footer .footer-main .address-wrapper{display: flex; margin-top: 6rem; gap: 1rem;}
.site-footer .footer-main .address-wrapper .icon{display: flex; height: 15px; width: 15px; background-image: url('/wp-content/themes/toast/assets/images/beacon-location.svg'); background-size: contain; background-position: center; background-repeat: no-repeat; margin-top: 0.75rem;}
.site-footer .footer-main .address .location-wrapper{display: inline-flex;}
.site-footer .footer-main .address .location-wrapper .post-code{margin-left: .5rem;}
.site-footer .footer-main .phone-wrapper{margin-top: 2rem; display: flex; gap: 1rem;}
.site-footer .footer-main .phone-wrapper .icon{display: flex; height: 15px; width: 15px; background-image: url('/wp-content/themes/toast/assets/images/beacon-phone.svg'); background-size: contain; background-position: center; background-repeat: no-repeat; margin-top: 0.75rem;}


.site-footer .footer-main .tagline{color: #fff;}

.site-footer .footer-main .footer-widget-title { font-size: 1.6rem; margin-bottom: calc( var(--base-type-spacing) / 3 ); font-weight: 600;}
.site-footer .footer-main ul { padding: 0; margin: 0; list-style: none; }
.site-footer .footer-main ul li { margin: 0; padding: 0; line-height: 1; padding-bottom: 0.5rem;}
.site-footer .footer-main ul li a{font-weight: normal; font-size: 1.5rem;}

.site-footer .footer-main .col{padding-top: 4rem; border-top: 1px solid #FFF;}

/* Sub footer */
.site-footer .footer-sub-wrapper {padding: 2rem 0 1rem; background: var(--brand-1);color: #fff;font-size:1.5rem;}
.site-footer .footer-sub-wrapper .grid{display: flex; justify-content: space-between;}
.site-footer .footer-sub-wrapper ul{display: inline-flex; align-items: center;}
.site-footer .footer-sub-wrapper ul li { display: inline-block;margin:0;padding:0; line-height: 1;}
.site-footer .footer-sub-wrapper ul li a { display: inline-block; padding: 0 1rem; border-right: 1px solid #fff}
.site-footer .footer-sub-wrapper ul li:last-of-type a { border-right: none; }
.site-footer .footer-sub-wrapper ul li:first-of-type a {padding-left: 0rem;}

.site-footer .footer-sub-wrapper .legal{display: inline-flex; gap: 1rem; align-items: center;}

.site-footer .footer-sub-wrapper .social-icons{display: flex; gap: 1rem;}

.menu-legal-container ul {padding-left: 0rem;}

/**Social Icons**/
.site-footer .footer-sub-wrapper .align-right{display: inline-flex; justify-content: end; align-items: center; }
.site-footer .align-right.social{margin-top:calc( var(--base-type-spacing) / 3 ); gap: 2rem;}

.social-icons a{width:3rem;height:3rem;background:#fff;display:inline-block;position:relative;border-radius:100rem;}
.social-icons a:hover { background:var(--brand-5); }
.social-icons a img{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%); width: 50%; max-width: 50%;}

/*Forms*/
input, textarea, select { width:100%;outline:none;font-family:inherit;border:1px solid var(--brand-2); padding: 1rem; }
input[type="submit"] {border:none;outline:none;cursor:pointer;background:var(--brand-1);width:auto;height:auto; font-size: inherit; color: #fff; }
input[type="submit"]:hover { background: var(--brand-2); }
input[type='checkbox'], input[type='radio'] { width: auto; height: auto; }

/* Search */
.search-form input.search-field { padding: 1rem; height: auto; font-family: inherit; font-size: 2rem; color: var(--brand-1); font-weight: 600; }
input.search-submit { padding: 1rem; display: block; width: 100%; margin-top: calc( var(--base-type-spacing) / 6 ); color: #fff; }
input.search-submit:hover { background-color: var(--brand-2); color: #fff !important; }
footer input.search-submit:hover { background-color: var(--brand-3); color: var(--brand-2); }
span.screen-reader-text { display: none; }

/* Search Page */
.search-result{border-radius: 1.5rem; overflow: hidden; background-color: #7c7c7b15; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);}
.search-result .search-result-content{padding: 5rem 4rem; text-align: center; text-wrap-style: balance; position: relative;}
.search-result .search-result-content h3{color: var(--brand-1);}
.search-result .search-result-content h3:hover{color: var(--brand-7);}
.search-result .search-result-content .taxonomy{padding: .75rem 2.5rem; margin-bottom: 2rem; background-color: var(--brand-1); border: 2px solid var(--brand-1); display: inline-flex; border-radius: 25px; text-decoration: none; transition: 0.2s all; font-weight: bold; text-transform: capitalize; color: #fff; line-height: 1;}

.search-result .search-result-image img{width: 100%;}
.search-result .search-result-content::after{content: ''; position: absolute; bottom: 0; display: block;}

.search-results .pagination{display: flex; gap: 1rem; justify-content: center; align-items: center;}
.search-results .page-numbers{border: 1px solid #3c3c3b; color: #3c3c3b; border-radius: 100%; display: flex; justify-content: center; align-items: center; width: 30px; height: 30px; aspect-ratio: 1; font-size: 1.5rem;}
.search-results .page-numbers:hover{border-color: var(--brand-1); color: #fff; background-color: var(--brand-1);}
.search-results .page-numbers.current{border-color: var(--brand-1); color: #fff; background-color: var(--brand-1);}

.search-results .solutions-search-results h3{color: var(--brand-7);}
.search-results .solutions-search-results .search-result h3:hover{color: var(--brand-1);}
.search-results .solutions-search-results .search-result .taxonomy{background: var(--brand-7); border: 2px solid var(--brand-7);}
.search-results .solutions-search-results .search-result .taxonomy:hover{background: transparent; color: var(--brand-7);}

.search-results .solutions-search-results .load-more-area{display: flex; justify-content: center; margin-top: 4rem; grid-column: span 3;}

.search-results .solutions-search-results .grid.loaded{margin-top: 4rem;}

.search-results .all-search-results h3{color: var(--brand-1);}

@media(max-width: 1024px){
    .search-result .search-result-content{padding: 5rem 2rem;}
    .search-result .search-result-content .taxonomy{font-size: 1.4rem;}
}

@media(max-width: 768px){
    .search-results .solutions-search-results .load-more-area{grid-column: span 1;}
}

/* Author Box */
.author-box{background-color: #fff;box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);border-radius: var(--border-radius);margin-top: calc( var(--base-type-spacing) / 3 );}
.author-box.grid{grid-template-columns: 20rem 1fr; grid-gap:0;}
.author-box .author-image img{object-fit:cover;height:100%;}
.author-box .author-text p{font-size:14px}
.author-box .author-text{padding: calc( var(--base-type-spacing) / 2 ) ;}
.author-box .author-socials-area .author-socials a{width:28px;height:28px;background:var(--brand-1);display:inline-block;padding: calc( var(--base-type-spacing) / 6 );position: relative;border-radius:100px;}
.author-box .author-socials-area .author-socials a img{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:17px;height:auto;}

/**Fix appearance of buttons iphone**/
input[type=text], input[type=button] { -webkit-appearance: none; -webkit-border-radius: 0; }

/* Popups */ 
.popup{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99999;justify-content:center;align-items:center;display:none; transition: all 1s ease;}
.popup.active{display:flex;}
.popup .popup-bg{position:fixed;top:0;left:0;width:100%;height:100%;background: rgba(0, 0, 0, 0.8);z-index:-1;backdrop-filter:blur(20px); transition: all 1s ease;}
.popup .popup-content{background:#ffffff;max-width:1024px;padding: calc( var(--base-type-spacing) / 1.7 );position:relative;width:100%; border-radius: 1rem; }
.popup .popup-content .popup-close{height: calc( var(--base-type-spacing) / 1.7 );width: calc( var(--base-type-spacing) / 1.7 );position: absolute;top:0;right:0;background:var(--brand-1);cursor: pointer; border-radius: 0 1rem 0 0;}
.popup.active { transition: all 1s ease; }
.popup-close{position: absolute; top: 2rem; right: 2rem; cursor: pointer; scale: 1; transition: all .2s;}
.popup-close:hover{scale: 1.2; transition: all .2s;}
.popup-close-inner{position: relative; width: 20px; height: 20px;}
.popup-close-inner:before, .popup-close-inner:after{content:'';width: 100%;height:.3rem;background-color:#000; position: absolute;}
.popup-close-inner:before{top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(45deg);}
.popup-close-inner:after{top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(-45deg);}

/* Exit Intent */
.exit-intent-popup .popup-content .popup-close{background: transparent; height: unset; width: unset; top: 2rem; right: 2rem;}
.exit-intent-popup .popup-content{text-align: center; max-width: 768px; max-height: 95vh; overflow-y: auto;}
.exit-intent-popup .popup-content h3 + h4{margin-top: 2rem;}
.exit-intent-popup .popup-content ul{display: inline-block; margin-top: 0; text-align: left;}

.exit-intent-popup .popup-content .button{margin-top: 2rem;}
.exit-intent-popup .popup-content .popup-close-text{display: block; margin-top: 2rem;}
.exit-intent-popup .popup-content .popup-close-text:hover{text-decoration: underline;}

@media(max-width: 800px){
	.exit-intent-popup .popup-content{max-width: 92%;}
}

/* Marketo Popups */
.marketo-form-popup .popup-area{background-color: #fff; border-radius: 1rem; padding: 5rem; width:100%; max-width: 950px; display: flex; justify-content: center; position: relative; max-height: 90vh; overflow-y: auto; overflow-x: hidden;}
.mktoForm, .mktoForm .mktoFormCol, .mktoForm .mktoFieldWrap{width: 100%;}
@media(max-width: 1024px){.marketo-form-popup .popup-area{max-width: 768px;} }
@media(max-width: 768px){.marketo-form-popup .popup-area{max-width: 95vw; padding: 3rem 2rem;} }

/* Marketo Form Styling */
.mktoForm .mktoFieldWrap {margin-bottom: 1.5rem !important;}
.mktoForm .mktoFieldWrap input, .block-why-beacon .mktoForm .mktoFieldWrap select {padding: 0.5rem 1rem !important;}
.mktoForm .mktoButtonWrap.mktoInset .mktoButton {
    background: #fff !important;
    border: 2px solid var(--brand-1) !important;
    color: var(--brand-1) !important;
    border-radius: 25px;
}
.mktoForm .mktoButtonWrap.mktoInset .mktoButton:hover {
    background: var(--brand-1) !important;
    color: #fff !important;
}

/* Generic Hero */
.generic-hero{position: relative; padding: 15rem 0; color: #fff !important; text-align: center;}
.generic-hero::before{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: var(--hero-overlay); }

.generic-hero h1, .generic-hero h2, .generic-hero h3, .generic-hero h4, .generic-hero h5, .generic-hero h6{color: #fff !important;}
.generic-hero a { color: #fff; font-weight: bold;}
.generic-hero h1{font-weight: 300;}

@media(max-width: 1500px) {
    .site-footer .footer-logos{display: grid; gap: 2rem;}
    .site-footer .footer-logo:first-of-type::before{display: none;}
}

@media(max-width: 1024px) {
  /** Mobile Menu **/
  .toast-mm ul li a{border-color: rgba(255, 255, 255, 0.2);}
  .toast-mm .sub-menu li a{background-color: #0089ffb0 !important;}
  .toast-mm .sub-menu .sub-menu li a{background-color: #0089ff !important;}
  ul li.login a{display: flex; gap: .5rem; align-items: center;}

  .site-footer .footer-main .grid{grid-template-columns: 1fr 1fr;}
  .site-footer .footer-main .address-wrapper{margin-top: 2rem;}
}

@media(max-width: 768px) {
    #page.sticky-header{padding-top: 0;}
    .grid{grid-template-columns:1fr !important;}
    .site-footer .footer-sub-wrapper .legal{display: grid;}
}