/** Mobile Menu **/
@media screen and (max-width: 925px) {
	.hide-on-mobile-breakpoint {
		display: none;
	}
	
	
	body:has(.main-navigation.toggled) {
		overflow: hidden;
		height: 100vh;
	}
	
	    .inside-header {
        padding: 20px 0px !important;
    }
	
	.inside-header .site-logo {
		padding-left: 40px !important;
	}
	
	.main-navigation .menu-toggle {
		padding-right: 40px;
	}
	
	.main-navigation .main-nav > ul{
		padding-left: 40px;
		padding-right: 40px;
		
	}
	
	.main-navigation .main-nav > ul > li:first-child {
		margin-top: 24px;
	}

	.main-navigation .inside-navigation {
		position: unset;
	}
	
	.has-inline-mobile-toggle #site-navigation {
    margin-top: 0 !important;
}
	
	.main-navigation.toggled .main-nav > ul > li {
		position: static !important;
	}
	
	.main-navigation .main-nav {
		width: 100%;
	}
	
	

			
	body.dark-hero-video .main-navigation .menu-toggle {
		transition: color .5s ease-in;
	}
	
	.main-navigation .main-nav>ul {
/* 		background-color: var(--white); */
	}
	
	.main-navigation .main-nav ul li:not(.results-btn) > a {
		padding-left: 0 !important;
		
	}
	
	.main-navigation .main-nav > ul > li > a {
		border-bottom: 1px solid var(--light-gray);
	}
	
	.menu-item-has-children .dropdown-menu-toggle {
		padding-right: 0 !important;
		position: absolute;
        left: 0;
        right: 0;
        text-align: end;
		cursor: pointer;
	}
	
	.main-navigation ul ul {
		background-color: var(--white) !important;
	}
	
	.main-navigation .main-nav ul ul li:not(.results-btn) a, .mega-menu-icon a:after, body.dark-hero-video .main-navigation li > a {
		color: var(--eerie-black) !important;
	}

	
	.main-navigation .main-nav ul ul li .dropdown-menu-toggle {
		display: none;
	}
	
	.main-navigation .main-nav ul ul {
	
		box-shadow: none;
		width: 100%;
	}
	
	.main-navigation .main-nav ul.toggled-on ul {
    position: relative;
    top: 0;
    left: auto !important;
    right: auto !important;
    width: 100%;
    pointer-events: auto;
    height: auto;
    opacity: 1;
    display: block;
    visibility: visible !important;
    float: none;
}
	
	.main-navigation.toggled .main-nav>ul {
/* 		padding-bottom: 120px; */
	}
	
	
		/** 	Mobile menu animation **/
	
.main-navigation .main-nav>ul {
		height: 0;
		transition: height .5s ease-in;
		display: block !important;
		overflow-y: hidden;
	overflow-x: hidden;
	}
	.main-navigation.toggled .main-nav>ul {
		height: 100vh;
		transition: height .5s ease-in;
	}
	

	.main-navigation.toggled .main-nav>ul > li:last-child {
		margin-bottom: 200px;
	}

/* Sub menu animation */
/* 
.main-navigation.toggled .main-nav > ul > li > ul {
    transform: translateX(1000px);
		opacity: 0;
	height: 0 !important;
visibility: visible !important;
	overflow: hidden;
		transition: transform .5s ease-in, opacity 1s ease-in, height .3s ease-in .3s !important;
	}
	
	.main-navigation .main-nav > ul > li > ul.toggled-on {
    transform: translateX(0);
		opacity: 1;
		transition: transform .5s ease-in .1s, opacity 1s ease-in .1s, height .3s ease-in !important;
	} */
	
	
	.main-navigation.toggled .main-nav > ul > li > ul {

	
	max-height: 0 !important;
visibility: hidden !important;
	overflow: hidden;
		height: auto;
transition: all .5s ease-in !important;	}
	
   
	.main-navigation .main-nav > ul > li > ul.toggled-on {

		max-height: 1300px !important;
	visibility: visible !important;
		transition: all .5s ease-in !important;
	}
	
	.main-navigation .main-nav > ul > li:has(:focus-visible) > ul:not(.toggled-on) {
		display:none;
	}
	
	
	.main-navigation.toggled .main-nav ul ul {
		    position: relative;
    top: 0;
    left: auto !important;
    right: auto !important;
    width: 100%;
    pointer-events: auto;
    height: auto;
    opacity: 1;
    display: block;
    visibility: visible;
    float: none;
	}
	
	
}

@media screen and (max-width: 768px) {
		.inside-header .site-logo {
		padding-left: 20px !important;
	}
	
	.main-navigation .menu-toggle {
		padding-right: 20px !important;
	}
	
	.main-navigation .main-nav > ul{
		padding-left: 20px !important;
		padding-right: 20px !important;
		
	}
}

#mobile-back-btn {
		position: absolute;
	    background-color: var(--white);
		top: 85px;
		left: 40px;
		right: 40px;
		z-index: 999999;
		display: none;
	padding-top: 24px;
	padding-bottom: 16px;
	cursor: pointer;
	} 


/**  **/