/*Site Banner**/
.site-banner{padding:1rem 0;background:url('/wp-content/uploads/Full-block_gradient_1.png');color:#ffffff;text-align:center;background-size:cover;background-position:center;font-size:1.75rem;font-weight:500;position: relative;}
.site-banner .button{padding:.75rem 1.5rem;margin-left:1rem;vertical-align:middle;}
.site-banner .close-banner{position:absolute;top:50%;right:2rem;transform:translateY(-50%);background-image:url('/wp-content/themes/toast/assets/images/close-white.svg');width:20px;height:20px;background-size:cover;background-position:center;cursor: pointer;}

/**Header**/
.site-header{padding:0;z-index:999999;width:100%;top:0;left:0;border-bottom:2px solid #f4f3f7;}
.header-stuck .site-header{position:fixed;}
.site-header .site-header-wrapper:before{content:'';width:100%;height:100%;background:#ffffff;position:absolute;top:0;left:0;}
.site-header .site-header-wrapper{position:relative;z-index:99999;}
.site-header .header-grid{grid-template-columns:180px 1fr;align-items:center;grid-gap:15px;}
.site-header .main-nav{grid-template-columns:1fr 356px;grid-gap:10px;align-items:center;}

.site-header ul{list-style-type:none;display:inline-block;padding:0;margin:0;}
.site-header ul li{display:inline-block;vertical-align:middle;line-height:0;font-size:1.78rem;}
.site-header ul li > a{display:inline-block;padding:4.5rem 1.17rem;color:inherit;position: relative;overflow:hidden;}
.site-header ul li.has-submenu > a{padding-right:2.5rem;}
.site-header ul li.has-submenu > a:after{content:'';position:absolute;right:.65rem;top:50%;transform:translateY(-50%);width:12px;height:12px;background-image:url('/wp-content/themes/toast/assets/images/chevron-down.svg');background-size:cover;background-position:center;transition:all .5s;}
.site-header ul li.has-submenu:hover > a:after{transform:translateY(-50%) rotate(180deg);}

.site-header .top-nav > li > a:before{content:'';background:linear-gradient(90deg, #26EADD, #6F7DFF);height:4px;width:100%;position:absolute;bottom:0;left:0;transform:translateX(-100%);transition:all .5s;}
.site-header .top-nav > li:hover > a:before{transform:translateX(0);}

.site-header ul li.has-submenu .submenu-container{position:absolute;bottom:0;transform:translate(50px, calc(100% - 1px));background:#ffffff;width:450px;padding:4rem;opacity:0;pointer-events:none;border-bottom-right-radius:20px;border-bottom-left-radius:20px;box-shadow:0 5px 100px rgba(0,0,0,0.25);z-index:-1;transition:all .5s;overflow:hidden;grid-row-gap:20px;text-align:left;}
.site-header ul li.has-submenu:hover .submenu-container{opacity:1;pointer-events:all;transform:translatey(calc(100% - 1px));}
.site-header ul li.has-submenu .submenu-container .submenu-column{transform:translatex(100px);transition:all .5s;opacity:0;transition-delay:0.1s;}
.site-header ul li.has-submenu:hover .submenu-container .submenu-column{transform:translateX(0px);opacity:1;}
.site-header ul li.has-submenu:hover .submenu-container .submenu-column:nth-of-type(2){transition-delay:0.2s;}
.site-header ul li.has-submenu .submenu-container .submenu-title{margin:0;font-size:2.6rem;}
.site-header ul li.has-submenu .submenu-container ul{display:block;}
.site-header ul li.has-submenu .submenu-container li{display:block;line-height:1.3;}
.site-header ul li.has-submenu .submenu-container li > a{padding:1.5rem 6rem 1.5rem 0;display:block;transition:all .25s;border-bottom:2px solid #F4F3F7;}
.site-header ul li.has-submenu .submenu-container li > a:after{content:'';width:20px;height:20px;position:absolute;top:50%;right:2rem;transform:translateY(-50%);display:block;background-image:url('/wp-content/themes/toast/assets/images/button-arrow-dark.svg');background-size:cover;background-position:center;}
.site-header ul li.has-submenu .submenu-container li:last-child > a{border-bottom:none;}
.site-header ul li.has-submenu .submenu-container li.highlight > a{position: relative;border: 3px solid #8c4ffb;overflow:hidden;padding:1.5rem;}
.site-header ul li.has-submenu .submenu-container li.highlight a:before{content:'';width:calc(100% + 2px);height:calc(100% + 2px);background:linear-gradient(90deg, #6F7DFF, #26EADD);top:-1px;left:-1px;position:absolute;z-index:-1;opacity:0;transition:all .25s;}
.site-header ul li.has-submenu .submenu-container li.highlight:hover > a:before{opacity:1;}

.site-header ul li.has-submenu .submenu-container.extra-wide{width:900px;grid-template-columns:1fr 1fr;align-items:center;}
.site-header ul li.has-submenu .submenu-container.extra-wide .submenu-title{grid-column:span 2}
.site-header ul li.has-submenu .submenu-container.extra-wide .column-content{text-align:center;line-height:1.3}
.site-header ul li.has-submenu .submenu-container.extra-wide .column-content p{margin:0;}
.site-header ul li.has-submenu .submenu-container.extra-wide .column-content img{max-width:270px;margin-bottom:1.5rem;}
.site-header ul li.has-submenu .submenu-container.extra-wide .button-alt{margin-top:2rem;}

.site-header .header-items{text-align:right;}
.site-header .header-items .button{padding:1.5rem 1.5rem;color:#ffffff;line-height:1.3;font-size:1.78rem}

.site-header .header-items .searchform{display:inline-block;width:115px;margin-right:10px;cursor: pointer;background:#ffffff;position: relative;border:3px solid #f4f3f7;border-radius:10px;transition:all .5s;}
.site-header .header-items .searchform .search-area{position:relative;}
.site-header .header-items .searchform input[type="text"]{border:none;background:transparent;width:100%;color:#ffffff;font-weight:inherit;font-size:1.78rem;color:inherit;padding:1.5rem 1.5rem 1.5rem 1.5rem;outline:none !important;}
.site-header .header-items .searchform input[type="text"]::placeholder{color:inherit;font-weight:1.78rem;color:inherit;}

.site-header .header-items .searchform .search-area .search-trigger{position:absolute;top:50%;right:1rem;width:17px;height:17px;transform:translateY(-50%);}
.site-header .header-items .searchform .search-area .search-trigger path{fill:#f4f3f7;transition:all .5s;}
.site-header .header-items .searchform.searchform-active .search-area .search-trigger path{fill:#8C4FFB;}

.site-header .header-items .searchform.searchform-active{border:3px solid #8C4FFB;width:250px;margin-left:-135px;}

.site-header .mobile-navigation-area{display:none;text-align:right;padding:2.75rem 0;}
.site-header .mobile-navigation-area .mobile-navigation-trigger{width:23px;height:20px;cursor:pointer;display:inline-block;position: relative;}
.site-header .mobile-navigation-area .mobile-navigation-trigger:before, .site-header .mobile-navigation-area .mobile-navigation-trigger .mobile-navigation-trigger-middle, .site-header .mobile-navigation-area .mobile-navigation-trigger:after{content:'';width:100%;height:3px;background:#1A0E47;position:absolute;left:0;display:block;border-radius:100px;}
.site-header .mobile-navigation-area .mobile-navigation-trigger .mobile-navigation-trigger-middle{top:calc(50% - 1.5px);}
.site-header .mobile-navigation-area .mobile-navigation-trigger:after{bottom:0;}

/**Footer**/
.site-footer{padding:7.5rem 0 3rem;border-top:2px solid #6F7DFF;background:#1a0e47;color:#ffffff;}
.site-footer .footer-logo{max-width:210px;display:block;}
.site-footer .footer-logo .logo-text{fill:#ffffff;}
.site-footer .grid{grid-template-columns:1.5fr 1fr 1fr 1fr 1fr;grid-gap:20px;}
.site-footer .social-icons{margin-top:2rem;}
.site-footer h4{color:#6F7DFF;margin-bottom:2rem;}
.site-footer ul{list-style-type:none;padding:0;}
.site-footer ul li{line-height:1.5;}

.site-footer .sub-footer{display:grid;grid-template-columns:1fr 1fr;padding-top:3rem;border-top:1px solid #463F69;margin-top:3rem;align-items:center;}
.site-footer .sub-footer .legal{text-align:right;}
.site-footer .sub-footer ul{margin:0}
.site-footer .sub-footer ul li{display:inline-block;}
.site-footer .sub-footer ul li a{padding:0 1rem;}

.social-icons a{width:40px;display:inline-block;padding:0 1rem;}
.social-icons a:first-child{margin-left:-1rem;}
.social-icons a img{width:100%;height:auto;}

@media(max-width:1350px){
    #page{overflow:hidden;}
    .site-header .main-nav{grid-template-columns:1fr 270px;grid-gap:1px;}
    .site-header .main-nav .searchform{display:none;}
}

@media(max-width:1200px){
    .header-stuck #page{padding-top:83px;}
    .site-header .mobile-navigation-area{display:block;}

    .site-header{overflow:visible;}
    .site-header .main-nav{grid-template-columns:1fr;position:absolute;top:83px;right:0;transform:translateX(100%);background:#ffffff;transition:all .5s;width:100%;max-width:400px;overflow:hidden;max-height:calc(100vh - 81px);overflow:scroll;z-index:-1;}
    .mobile-navigation-active .site-header .main-nav{transform:translateX(0);}
    .site-header .main-nav .header-items{text-align:left;}

    .site-header .header-grid li{display:block;border-bottom:2px solid #f4f3f7;}
    .site-header .header-grid li a:not(.button-alt){padding:4.5rem 2rem;display:block;}
    .site-header .header-grid .header-items li{border:none;}
    .site-header .header-grid >li>a:before{display:none;}
    .site-header .header-grid .searchform{display:block;margin:2.5rem 2rem 2.5rem !important;width:auto !important;display:block;}
    .site-header .header-items .button{margin:2.5rem 1.5rem;display:block;text-align:center;padding:2rem !important;}

    /**Submenu**/
    .site-header ul li.has-submenu .submenu-container{grid-template-columns:1fr !important;width:100% !important;box-shadow:none;background:#f4f3f7;padding:2rem;display:none;border-radius:0px;}
    .site-header ul li.has-submenu .submenu-container, .site-header ul li.has-submenu .submenu-container .submenu-column{position:static;opacity:1 !important;transform:none !important;}
    .site-header ul li.has-submenu .submenu-container.extra-wide .column-content{text-align:left;}
    .site-header ul li.has-submenu .submenu-container h3{font-size:2.15rem;font-weight:500;}
    .site-header ul li.has-submenu .submenu-container.extra-wide .submenu-title{grid-column:span 1;}
    .site-header ul li.has-submenu .submenu-container.extra-wide .column-content img{display:none;}
    .site-header ul li.has-submenu .submenu-container.extra-wide .menu-items{padding:0;border:none;}
    .site-header ul li.has-submenu .submenu-container li>a{font-weight:500;}
    .site-header ul li.has-submenu .submenu-container li.highlight a{font-weight:bold;margin-top:1rem;}
    .site-header ul li.has-submenu a:after{transform: translateY(-50%) !important;}
    .site-header ul li.has-submenu.submenu-active>a:after{transform: translateY(-50%) rotate(180deg) !important;}

    .site-header ul li.has-submenu .submenu-container.extra-wide .column-content .button{padding: 1.5rem 3rem 1.5rem 2rem;font-weight: 700;display: block;border: 3px solid transparent;background:transparent;border-radius: 10px;color:inherit;font-weight:500;transition: all .25s;line-height:1.3;}
    .site-header ul li.has-submenu .submenu-container.extra-wide .column-content .button:after{background-image:url('/wp-content/themes/toast/assets/images/button-arrow-dark.svg')}
    .site-header ul li.has-submenu .submenu-container.extra-wide .column-content .button:hover{background: rgba(0, 0, 0, .05);border-color: #8c4ffb;}

    .site-header ul li.has-submenu.submenu-active .submenu-container{display:grid;}

}

@media(max-width:1024px){

    /**Footer**/
    .site-footer .grid{grid-template-columns:1fr 1fr;}
    .site-footer .footer-details{grid-column:span 2;grid-template-columns:1fr 1fr;display:grid;align-items:center;margin-bottom:3rem;}
    .site-footer .footer-details .social-icons{margin:0;}

    .site-footer .sub-footer{display:flex;flex-direction:column-reverse;}
    .site-footer .sub-footer .legal{text-align:left;margin-bottom:2rem;width:100%;}
    .site-footer .sub-footer .copyright{width:100%;}
    .site-footer .sub-footer .legal li a{padding:0 1rem 0 0;}
}

@media(max-width:768px){

    /**Site Banner**/
    .site-banner{padding:1.5rem 0;}
    .site-banner .button{display:block;width:max-content;margin:.5rem auto 0;}

}

@media(max-width:550px){

    .site-footer .footer-details{grid-template-columns:1fr;}
    .site-footer .footer-details .social-icons{margin-top:2rem;}

    .site-footer .sub-footer .legal li{display:block;}

 
}

@media(max-width:440px){
    .site-footer .grid{grid-template-columns:1fr;}
    .site-footer .footer-details{grid-column:span 1;}
}