/*--- new redeign styles ---*/

@font-face {
  font-family: 'AktivGrotesk_Std_Bd';
  src: url('fonts/AktivGrotesk_Std_Bd.ttf');
  font-display: swap;
}

@font-face {
  font-family: 'AktivGrotesk_Std_Rg';
  src: url('fonts/AktivGrotesk_Std_Rg.ttf');
  font-display: swap;
}


@font-face {
  font-family: 'Placard-WideLight';
  src: url('fonts/Placard-WideLight.otf');
  font-display: swap;
}


html {
	margin-top: 0 !important;
}

.mt_3per {
	margin-top: 0 !important;
}

div#header {
	position: absolute;
	z-index: 10000;
	top: 0;
}

a.home-logo img {
	margin-top: 10px;
}

.top-bar {
	min-height: 740px;
}

.top-bar-mobile {
	background: #9d1c30;
	padding: 6px 10px;
}

.top-bar-mobile a.menu-btn {
	color: #333;
}

a.search-btn span.fas, a.menu-btn span.fa {
	color: #fff;
}

/*--- mobile menu ---*/

.mobile-menu {
	top: 0;
	left: 0;
	position: absolute;
}

.mobile-menu a.search-btn span.fas, .mobile-menu a.menu-btn span.fa,
.mobile-menu a {
	color: #333;
}

.mobile-menu ul.menu li {
	width: auto;
	display: inline-block;
	padding: 5px 20px
}

.mobile-menu ul.menu li a {
	font-size: 16px;
	padding-bottom: 5px;
	text-transform: uppercase;
}

.vertical.menu .menu-item a {
	color: #333 !important; 
}

.top-bar ul li:hover {
	border: none;
}

.mobile-menu ul.menu li a:hover,
.mobile-menu ul.menu li:hover a {
	font-weight: bold;
	border: none;
}

.mobile-menu ul.menu li a:hover {
	border-bottom: solid 1px #333;
}

.mobile-menu ul.menu li a::before {
    display: block;
    content: attr(title);
    font-weight: bold;
    height: 0;
    overflow: hidden;
    visibility: hidden;
}

.mobile-menu ul.sub-menu li a::before {
	display: none;
}

.dropdown.menu > li.is-dropdown-submenu-parent > a::after {
	display: none;
}

.dropdown.menu > li.is-dropdown-submenu-parent > a {
	padding-right: 0;
}

.mobile-menu ul.sub-menu li,
.mobile-menu ul.menu.is-dropdown-submenu li {
	display: block;
	padding-left: 0 !important;
	text-align: left;
    width: 250px;
}

.mobile-menu li ul.sub-menu li a,
.mobile-menu li:hover ul.sub-menu li a,
.mobile-menu li ul.menu.is-dropdown-submenu li a,
.mobile-menu li:hover ul.menu.is-dropdown-submenu li a {
	text-transform: none;
	font-weight: normal;
	text-decoration: none;
	border-bottom: none;

}

.mobile-menu li:hover ul.sub-menu li a:hover,
.mobile-menu li:hover ul.menu.is-dropdown-submenu li a:hover {
	text-transform: none;
	font-weight: normal;
	text-decoration: underline;
	border-bottom: none;
}

.mobile-menu ul.menu.is-dropdown-submenu {
	border: none; 
	min-width: fit-content; 	
}

.top-bar-center { width: 100%; }

#mega-menu-wrap-primary #mega-menu-primary {
	text-align: left;
}

.menu-default-container {
	width: 100%;
}

.dropdown.menu > li.opens-right > .is-dropdown-submenu {
	left: auto !important;
	padding-top: 30px;
}


.is-dropdown-submenu {
	max-width: 200px !important; 
	border: none !important;
}

.mobile-menu .mobile-dropdown ul.menu li {
	width: 100%;
	text-align: left;
	padding-left: 0;

}

.mobile-dropdown .is-accordion-submenu-parent[aria-expanded='true'] > a {
	border-bottom: solid 1px #333;
	font-weight: bold;

}

.mobile-dropdown .is-accordion-submenu-parent[aria-expanded='true'] a:hover {
	border-bottom: none;
}


.mobile-dropdown .is-accordion-submenu-parent > a::after {
	display: none;
}




/*--- new menu ----*/

.menu-container, #submenu-container {
	margin-top: 60px;
	padding-left: 60px; 
	padding-right: 60px;
}

.menu-container {
	border-right: solid 2px #333333;
}

.menu-container ul.menu li {
	width: 100%;
	margin-bottom: 30px; 
	text-align: left;
}

.menu-container ul.menu li a {
	font-size: 32px; 
	color: #747474;
	width: 100%;
	text-align: left !important;
	text-transform: uppercase;
	font-family: 'AktivGrotesk_Std_Rg', 'arial', sans-serif;
	letter-spacing: 5px;
	font-weight: 700;
}

.menu-container ul.menu li a:hover {
	color: #333333;
	border-bottom: solid 1px #333333;

}

#submenu-container ul.menu {
	width: 100%;
}

#submenu-container ul.menu li {
	width: 100%;
	margin-bottom: 5px; 
	text-align: left;
}

#submenu-container ul.menu li a {
	font-size: 22px;
	line-height: 1.5;
	text-transform: none; 
	width: 100%;
	text-align: left;
	font-family: 'AktivGrotesk_Std_Rg', 'arial', sans-serif;
	font-family: 500;
}

.dropdown.menu > li.opens-right > .is-dropdown-submenu {
	display: none;
}

.menu .active > a {
	background: none !important;
}

@media screen and (max-width: 40.2em){

	.mobile-menu ul.menu {
		text-align: center;
		overflow-y: scroll;
	}

	.mobile-menu ul.sub-menu {
		margin-top: 10px;
	}
}