/* custom_nav_main_partial.html - global */

.primary-nav a,
.secondary-nav a {
	display: block;
	padding: 8px 16px 8px 22px;
	width: 100%;
	line-height: 1.12;
	color: inherit;
	text-decoration: none;
	font-family: "termina", sans-serif;
}

.primary-nav a:focus,
.secondary-nav a:focus {
	text-decoration: none;
	outline: none;
}

.primary-nav .nav-item .nav-item-control,
.secondary-nav .nav-item .nav-item-control,
.main-submenu {
	display: flex;
	color: #111;
	transition: background-color 100ms cubic-bezier(0,0,0.3,1);
}

.primary-nav .nav-item .dropdown-toggle,
.secondary-nav .nav-item .dropdown-toggle {
	margin: 0;
	padding: 12px 16px;
	color: inherit;
	background-color: transparent;
	transition: background-color 100ms cubic-bezier(0,0,0.3,1);
}

.primary-nav .nav-item .dropdown-toggle:focus,
.secondary-nav .nav-item .dropdown-toggle:focus,
.footer-nav .nav-item .dropdown-toggle:focus {
	outline: none;
}

/* custom_nav_main_partial.html - mobile */
.primary-nav.mobile a.nav-link,
.secondary-nav.mobile a.nav-link,
.footer-nav.mobile a{
	font-family: "montserrat", sans-serif;
}

.primary-nav.mobile > .nav-item,
.secondary-nav.mobile > .nav-item{
	border-bottom: 2px solid #f0df02;
	background-color: #000;
}
.primary-nav.mobile > .nav-item .nav-item,
.secondary-nav.mobile > .nav-item .nav-item{
	background-color: #eaeaea;
}
.primary-nav.mobile > .nav-item .nav-item .nav-item,
.secondary-nav.mobile > .nav-item .nav-item .nav-item{
	background-color: #e1e1e1;
}
.primary-nav.mobile > .nav-item > .nav-item-control > .dropdown-toggle,
.secondary-nav.mobile > .nav-item > .nav-item-control > .dropdown-toggle{
	color: #f0df02;
}
.primary-nav.mobile > .nav-item > .nav-item-control > a.nav-link,
.secondary-nav.mobile > .nav-item > .nav-item-control > a.nav-link{
	font-size: calc(15px + (18 - 15) * ((100vw - 320px) / (1024 - 320)));
	color: #fff;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 1.8px;
	padding: 18.5px 15px 17.5px 22px;
	line-height: 1;
}

/*.primary-nav.mobile .nav-item:hover > .nav-item-control,
.secondary-nav.mobile .nav-item:hover > .nav-item-control{
	background-color: rgba(0,0,0,0.08);
}

.primary-nav.mobile .nav-item .dropdown-toggle:hover,
.secondary-nav.mobile .nav-item .dropdown-toggle:hover {
	background-color: rgba(0,0,0,0.08);
}*/

.primary-nav.mobile .nav-item .dropdown-toggle:focus,
.secondary-nav.mobile .nav-item .dropdown-toggle:focus {
	background: none;
}

.primary-nav.mobile .nav-item .dropdown-toggle .icon-toggle,
.secondary-nav.mobile .nav-item .dropdown-toggle .icon-toggle {
	transform-origin: center;
	transition: transform 300ms cubic-bezier(0,0,0.3,1);
}

.primary-nav.mobile .nav-item .dropdown-toggle,
.secondary-nav.mobile .nav-item .dropdown-toggle{
	font-size: calc(24px + (28 - 24) * ((100vw - 320px) / (1024 - 320)));
	padding: 0;
	width: 40px;
	font-family: "montserrat", sans-serif;
}

.primary-nav.mobile .nav-item > .nav-item-control > .dropdown-toggle > .close,
.secondary-nav.mobile .nav-item > .nav-item-control > .dropdown-toggle > .close,
.primary-nav.mobile .nav-item.open > .nav-item-control > .dropdown-toggle > .open,
.secondary-nav.mobile .nav-item.open > .nav-item-control > .dropdown-toggle > .open{
	display: none;
}

.primary-nav.mobile .nav-item.open > .nav-item-control > .dropdown-toggle > .close,
.secondary-nav.mobile .nav-item.open > .nav-item-control > .dropdown-toggle > .close{
	display: inline-block
}


.primary-nav.mobile .nav-item.open > .nav-item-control .dropdown-toggle .icon-toggle,
.secondary-nav.mobile .nav-item.open > .nav-item-control .dropdown-toggle .icon-toggle {
	transform: rotate(-180deg);
}

.primary-nav.mobile .nav-item .dropdown-menu .nav-item:not(:last-child),
.secondary-nav.mobile .nav-item .dropdown-menu .nav-item:not(:last-child){
	border-bottom: 2px solid #b7b7b7;
}
.primary-nav.mobile .nav-item .dropdown-menu a.nav-link,
.secondary-nav.mobile .nav-item .dropdown-menu a.nav-link,
.footer-nav.mobile .nav-item .dropdown-menu a.nav-link {
	font-size: calc(14px + (17 - 14) * ((100vw - 320px) / (1024 - 320)));
	letter-spacing: 0.85px;
	color: #000;
	text-transform: none;
}

.primary-nav.mobile > .nav-item > .dropdown-menu > .nav-item > .nav-item-control > a.nav-link,
.secondary-nav.mobile > .nav-item > .dropdown-menu > .nav-item > .nav-item-control > a.nav-link{
	font-weight: 700;
}

/*Footer Mobile Nav*/
.mobile-footer-nav .footer-nav.mobile{
	margin: 0;
	padding: 15px 15px 15px 22px;
	background-color: #000
}
.mobile-footer-nav .footer-nav.mobile,
.mobile-footer-nav .footer-nav.mobile ul{
	list-style: none;
}

.mobile-footer-nav .footer-nav.mobile .submenu{
	display: none;
}

.mobile-footer-nav .footer-nav.mobile .item.active > .submenu{
	display: block;
}
.mobile-footer-nav .footer-nav.mobile .item .item-inner a{
	color: #b7b7b7;
	font-weight: 400;
	display: inline-block;
	font-size: 14px;
	letter-spacing: 0.8px;
}

.mobile-footer-nav .footer-nav.mobile .item .item-inner .item-inner-toggle{
	display: inline-block;
	color: #f0df02;
	font-size: 16px;
	line-height: 25px;
	padding: 0 12px;
	cursor: pointer;
}
.mobile-footer-nav .footer-nav.mobile .item.active > .item-inner > .item-inner-toggle > .open,
.mobile-footer-nav .footer-nav.mobile .item > .item-inner > .item-inner-toggle > .close{
	display: none;
}

.mobile-footer-nav .footer-nav.mobile .item.active > .item-inner > .item-inner-toggle > .close{
	display: inline-block;
}

.mobile-footer-nav .footer-nav.mobile > .item > .item-inner > a{
	text-transform: uppercase;
	font-weight: 600;
}

/* * * * * * * * * * * * * */



/* custom_nav_main_partial.html - desktop */
.primary-nav.desktop {
	/*position: relative;*/
	display: flex;
	flex-direction: column;
}

.primary-nav.desktop .dropdown-menu {
	display: block !important;
	opacity: 0;
	pointer-events: none;
	transition: opacity 100ms cubic-bezier(0,0,0.3,1);
}

.primary-nav.desktop .dropdown-menu.open {
	opacity: 1;
	pointer-events: all;
	transition: opacity 100ms cubic-bezier(0,0,0.3,1);
}
.primary-nav.desktop .nav-item > .nav-item-control:hover > a.nav-link{
	color: #f0df02;
	transition: color ease 300ms;
}
.primary-nav.desktop > .nav-item > .nav-item-control > a.nav-link,
.secondary-nav.desktop > .nav-item > .nav-item-control > a.nav-link{
	text-transform: uppercase;
	font-size: calc(36px + (50 - 36) * ((100vw - 1025px) / (1500 - 1025)));;
	letter-spacing: calc(2.4px + (5 - 2.4) * ((100vw - 1025px) / (1500 - 1025)));
	color: #fff;
	width: auto;
}

@media screen and (min-width: 1500px) {
	.primary-nav.desktop > .nav-item > .nav-item-control > a.nav-link,
	.secondary-nav.desktop > .nav-item > .nav-item-control > a.nav-link{
		font-size: 50px;
		letter-spacing: 5px;
	}
}

.primary-nav.desktop > .nav-item > .nav-item-control > a.nav-link i,
.primary-nav.desktop > .nav-item.open > .nav-item-control > a.nav-link,
.secondary-nav.desktop > .nav-item > .nav-item-control > a.nav-link i,
.secondary-nav.desktop > .nav-item.open > .nav-item-control > a.nav-link{
	color: #f0df02;
}


.primary-nav.desktop > .nav-item > .nav-item-control > button.dropdown-toggle .open,
.primary-nav.desktop > .nav-item.open > .nav-item-control > button.dropdown-toggle .close{
	display: inline-block;
}

.primary-nav.desktop > .nav-item > .nav-item-control > button.dropdown-toggle .close,
.primary-nav.desktop > .nav-item.open > .nav-item-control > button.dropdown-toggle .open{
	display: none;
}

.primary-nav.desktop > .nav-item > .nav-item-control > button.dropdown-toggle .close{
	position: relative;
	top: -10px;
}
.primary-nav.desktop > .nav-item > .nav-item-control > button.dropdown-toggle .open{
	position: relative;
	top: -5px;
}
.primary-nav.desktop > .nav-item > .nav-item-control > button.dropdown-toggle{
	color: #f0df02;
	font-family: "montserrat", sans-serif;
	font-size: 65px;
	margin: 0;
	padding: 0;
}

.primary-nav.desktop .dropdown-menu .nav-item .dropdown-toggle .icon-toggle {
	transform-origin: center;
	transform: rotate(-90deg);
}

/*2nd Level Navigation*/
.main-submenu > .second-level-navigation .nav-item{
	margin-bottom: 10px;
}

.main-submenu > .second-level-navigation .nav-item .nav-item{
	margin-bottom: 5px;
}

.main-submenu > .second-level-navigation .nav-item a.nav-link{
	font-family: "montserrat", sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: white;
}

.main-submenu > .second-level-navigation > .nav-item > .nav-item-control > a.nav-link{
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.8px;
}

.main-submenu > .second-level-navigation .nav-item a.nav-link:hover,
.main-submenu > .second-level-navigation .nav-item.open > .nav-item-control > a.nav-link{
    color: #f0df02;
    z-index: 10;
}

.main-submenu > .second-level-navigation > .nav-item button.dropdown-toggle{
	font-size: 20px;
	padding: 0 12px;
    color: #f0df02;
    margin-bottom: 0;
	background: none;
}
.main-submenu .second-level-navigation .nav-item.open > .nav-item-control > button.dropdown-toggle > .open,
.main-submenu .second-level-navigation .nav-item > .nav-item-control > button.dropdown-toggle > .close{
	display: none;
}
.main-submenu .second-level-navigation .nav-item.open > .nav-item-control > button.dropdown-toggle > .close{
	display: inline-block;
}

.primary-nav.desktop > .nav-item > .dropdown-menu > .nav-item > .nav-item-control > button.dropdown-toggle:focus,
.main-submenu > .second-level-navigation > .nav-item  .nav-item-control > button.dropdown-toggle:focus{
	outline: none;	
}

.primary-nav.desktop > .nav-item > .dropdown-menu > .nav-item > .dropdown-menu,
.main-submenu > .second-level-navigation > .nav-item .dropdown-menu{
	position: relative;
	height: 0;
	-webkit-transition: height .2s ease-in;
	-moz-transition: height .2s ease-in;
	-o-transition: height .2s ease-in;
	transition: height .2s ease-in;
}

.primary-nav.desktop > .nav-item > .dropdown-menu > .nav-item  .dropdown-menu.open,
.main-submenu > .second-level-navigation > .nav-item .dropdown-menu.open{
	display: block !important;
	height: 100%; 
	padding-left: 25px;
	padding-top: 7px;
	-webkit-transition: opacity 200ms cubic-bezier(0,0,0.3,1), height .2s ease-in;
	-moz-transition: height .2s ease-in;
	-o-transition: height .2s ease-in;
	transition: height .2s ease-in;
}

.primary-nav.desktop .dropdown-menu .dropdown-menu .nav-item {
	position: relative;
	max-width: 50%;
}

.primary-nav.desktop .nav-item .dropdown-helper {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	transform: scaleX(0);
	transition: transform 200ms ease 200ms;
}

.left .primary-nav.desktop .nav-item .dropdown-helper {
	transform-origin: center right;
}

.right .primary-nav.desktop .nav-item .dropdown-helper {
	transform-origin: center left;
}

.primary-nav.desktop > .nav-item > .dropdown-helper {
	height: 100% !important;
}

.primary-nav.desktop .dropdown-menu .nav-item .dropdown-helper {
	transform: scaleX(0);
}
.left .primary-nav.desktop .dropdown-menu .nav-item .dropdown-helper {
	transform-origin: left right;
}
.right .primary-nav.desktop .dropdown-menu .nav-item .dropdown-helper {
	transform-origin: right left;
}

.primary-nav.desktop .nav-item .dropdown-helper {
	opacity: 0.3;
}

.primary-nav.desktop .nav-item .nav-item-control:hover + .dropdown-helper {
	transform: scaleX(1);
	transition: none;
}

.primary-nav.desktop .dropdown-menu .nav-item .nav-item-control:hover + .dropdown-helper {
	transform: scaleX(0);
}

.primary-nav.desktop .nav-item .nav-item-control:hover {
	position: relative;
	z-index: 2;
}

.primary-nav.desktop .nav-item .nav-item-control:hover a{
	z-index: 10;
	position: relative;
}

@media screen and (min-width: 1025px) {
	.panel-header .contentRender_name_plugins_nav_secondary,
	.panel-header .contentRender_name_plugins_nav_main,
	.panel-header .contentRender_name_plugins_nav_microsite,
	.panel-header .desktop-footer{
		width: 100%;
	    height: 100%;
	    padding-top: 150px;
	    padding-left: 50px;
	}
	.panel-header .desktop-footer{
		padding-top: 0;
	}
	
	/* kris edit */
	.main-submenu .second-level-navigation{
		width: 100%;
		height: 100%;
		padding-top: 25px;
		padding-left: 25%;
	}

	.panel-header .contentRender_name_plugins_nav_secondary,
	.panel-header .contentRender_name_plugins_nav_main,
	.panel-header .contentRender_name_plugins_nav_microsite,
	.panel-header .nav-container .inner-container
	{
	    z-index: 5;
	}

	.panel-header .contentRender_name_plugins_nav_main,
	.panel-header .contentRender_name_plugins_nav_microsite {
		background-color: #111;
	}
	.panel-header .contentRender_name_plugins_nav_secondary{
		background-color: #000;
		height: auto;
	}

	/*Footer Nav on Header*/
	.panel-header .desktop-footer .footer-nav{
		list-style: none;
		margin: 0 0 0 27px;
	}
	.panel-header .desktop-footer .footer-nav .item{
		margin-bottom: 5px;
	}

	.panel-header .desktop-footer .footer-nav .item .item-inner,
	.panel-header .desktop-footer .footer-nav .item .item-inner .item-inner-toggle{
		display: inline-block;
		cursor: pointer;
	}
	.panel-header .desktop-footer .footer-nav .item .submenu{
		height: 0;
		display: none;
	}
	.panel-header .desktop-footer .footer-nav .item.active > .submenu{
		display: block;
	    height: 100%;
	    padding-left: 25px;
	    padding-top: 7px;
	    padding-bottom: 7px;
	    -webkit-transition: opacity 200ms cubic-bezier(0,0,0.3,1), height .2s ease-in;
	    -moz-transition: height .2s ease-in;
	    -o-transition: height .2s ease-in;
	    transition: height .2s ease-in;
	    text-transform: capitalize;

	}
	.panel-header .desktop-footer .footer-nav .item.active .submenu{
		list-style: none;
   		margin-left: 15px;
	}

	.panel-header .desktop-footer .footer-nav .item .item-inner .item-inner-toggle{
		color: #f0df02;
		font-size: 20px;
		padding: 0 12px;
		line-height: 25px;
	}
	.panel-header .desktop-footer .footer-nav .item.active > .item-inner > .item-inner-toggle > .open,
	.panel-header .desktop-footer .footer-nav .item > .item-inner > .item-inner-toggle > .close{
		display: none;
	}

	.panel-header .desktop-footer .footer-nav .item.active > .item-inner > .item-inner-toggle > .close{
		display: inline-block;
	}


	.panel-header .desktop-footer .footer-nav .item .item-inner a{
		font-family: "montserrat", sans-serif;
		color: #FFF;
		font-weight: 400;
		letter-spacing: 1.8px;
	}
	.panel-header .desktop-footer .footer-nav > .item > .item-inner > a{
		text-transform: uppercase;
		font-weight: 600;
	}

	.panel-header .desktop-footer .footer-nav > .item > .item-inner:hover > a{
		color: #f0df02;
		transition: color ease 300ms;
	}
}