/********************************************************************************
--- Template - Header ---
*********************************************************************************/
.header {z-index:9999;}
/*-----------Drawer Scrollbars-----------*/
.drawer::-webkit-scrollbar {width: 0 !important;}
.drawer::-webkit-scrollbar-track {background:none;}
.drawer::-webkit-scrollbar-thumb {background:none;}
.drawer::-webkit-scrollbar-thumb:window-inactive {background:none;}
.no-touchevents .drawer::-webkit-scrollbar {width:8px!important;}
.no-touchevents .drawer::-webkit-scrollbar-track {background:var(--light-gray);}
.no-touchevents .drawer::-webkit-scrollbar-thumb {background: var(--primary);}
.no-touchevents .drawer::-webkit-scrollbar-thumb:window-inactive {background:none;}
/*-----------Header - Search-----------*/
.search input[type="text"] {margin:0; height:40px; padding-right:2.25em;}
.search button {font-size:1.000rem; position:absolute; top:0; right:0; width:2.5em; height:40px; line-height:40px; color:var(--light-gray); color: var(--light-gray); }
.search-row {position:relative;}
/*-----------Header - Utility Links-----------*/
.utility-links ul {list-style:none; margin:0; padding:0;}
.utility-links li, .utility-links a {display:block;}

@media only screen and (min-width: 1001px) {
	/*-----------Hidden Mobile Elements-----------*/
	.content-overlay, .drawer-toggle {display:none;}
	/*-----------Header-----------*/
	.menu__container { display: flex; justify-content: space-between; margin: 0 auto; max-width: 1600px; padding: 0 60px; width: 100%; }
	.header { top: 0; position: absolute; width: 100%; background: transparent; transition:var(--global-transition); height: 120px; display: flex; align-items: center; }
	.admin-bar .header { top: 32px; }
	.admin-bar.stuck .header { top: 32px;}
	.logo { display: flex; z-index: 1; align-items: center; padding-right: 1rem; transition:var(--global-transition);}
	.logo img {display:inline-block; vertical-align:middle;max-height: 100%; height: 67px; width: auto; }

	.drawer { display: flex; align-items: center; }
	.utility-links ul { display: flex; gap: 27px; margin: 0; margin-left: 130px; padding: 0; align-items: baseline; }
	.utility-links ul li a:not(.button) { color: var(--black); border-bottom: 1px solid var(--near-black) }
	.utility-links ul li a:not(.button):hover { color: var(--black); border-color: var(--black) }
	.utility-links ul li a.button:before { background-color: transparent; }
	.utility-links ul li a.button:hover { background-color: var(--secondary); }
	/*-----------Header - Menu-----------*/
	.menu ul {list-style: none; margin: 0; padding: 0; display: flex; gap: 78px; }
	.menu li {position:relative;}
	.menu li, .menu a {display: block;}

	/*-----------Menu - First Level-----------*/
	.menu > ul {float:right;}
	.menu > ul > li {float: left;}
	.menu > ul > li > a {padding: 0; margin: 0; z-index: 1; color: var(--black); position: relative; transition:background-color 250ms ease;}
	.menu > ul > li > a:before { width: 0; height: 5px; background: var(--near-black); position: absolute; left: 0; bottom: -10px; content: '';transition: ease width 500ms ; }
	.menu > ul > li.selected > a:before,
	.menu > ul > li > a:hover:before { width: 100%; }
	.menu > ul > li > a .menu-arrow:after {content:"\e91d"; font-family: var(--icon-family); margin-left:0.333em; font-size:90%; color:var(--light-gray); color: var(--light-gray);}
	.menu > ul > li > a:hover, .menu > ul > li:hover > a, .menu > ul > li.selected > a  { color: var(--black);}
	/*-----------Menu - Dropdown-----------*/
	.menu ul ul {line-height:normal; position: absolute; left: -9999px; top:calc(100% + 5px); width: 225px; transition: opacity .25s ease;  background: var(--near-black);opacity: 0; display: flex; flex-direction: column; gap: 0; box-shadow: 0 0 20px rgba(0,0,0,.1); clip-path: polygon(90% -5px, 100% 10px, 100% 100%, 0 100%, 0 0); padding: 10px 0;}
	.menu ul ul a {padding:10px 20px; color: var(--white); font-size: .925rem; font-weight: var(--medium)}
	.menu ul ul a:hover, .menu ul ul li.drop-open > a, .menu ul ul li.selected > a {color: var(--primary); }
	.menu ul ul .menu-arrow:after {content:"\ea21"; font-family: var(--icon-family); margin-left:0.333em; font-size:90%; color:var(--light-gray); color: var(--light-gray);}
	.no-touchevents .menu > ul > li.drop-open > ul, .touchevents .menu > ul > li:hover > ul { left: auto; opacity: 1; z-index: 999}
	.no-touchevents .menu > ul > li.drop-right.drop-open ul, .touchevents .menu > ul > li.drop-right:hover ul {right:0;}
	/*-----------Menu - Second Level Dropdown-----------*/
	.no-touchevents .menu > ul > li ul li.drop-open ul, .touchevents .menu > ul > li ul li:hover ul {opacity: 1; left: 225px; top:0;}
	.no-touchevents .menu > ul > li.drop-right ul li.drop-open ul , .touchevents .menu > ul > li.drop-right ul li:hover ul {left:inherit; right:225px;}
}

@media only screen and (min-width: 1001px) {
	.menu ul { gap: 30px; }
	.utility-links ul { gap: 15px; margin-left: 15px; }
	.menu__container { padding: 0 15px; }
}

@media only screen and (min-width: 1500px) {
	.menu ul { gap: 78px; }
	.utility-links ul { gap: 27px; margin-left: 130px; }
	.menu__container { padding: 0 60px; }
}

@media only screen and (max-width: 1000px) {
	/*-----------Header-----------*/
	.header {position:relative;width:100%; background: var(--primary);border-bottom: 2px solid var(--primary);}
	.menu_open .header { background: var(--secondary); border-bottom: 2px solid var(--secondary); position:fixed; }
	/*-----------Header - Logo-----------*/
	.logo { display:block; width:100%; height:60px; max-width:170px; position: relative; line-height:60px; padding:0 15px 0 15px;}
	.logo img {width:100%; display:inline-block; vertical-align:middle;}
	.menu_open .logo {background-color: var(--secondary);z-index: 2000;position: relative;transition: background-color 150ms ease-in-out;}
	/*-----------Main Menu-----------*/
	.menu {font-size:16px; background: var(--secondary);}
	.menu_open .menu {padding-top:60px;}
	.menu ul { padding: 0; margin: 0; list-style: none;}
	.menu li {line-height:1.2;}
	.menu li, .menu a {display: block;}
	.menu a {border-bottom:1px solid rgba(0,0,0,0.25); transition: all 150ms ease;}
	.menu ul li a {padding:0.833em 0.667em; color: var(--white); font-size:1.125em; position: relative;}
	.menu > ul > li.active > a, .menu > ul > li.selected > a {background:rgba(0,0,0,0.45); color:#fff; }
	.menu .menu-arrow {position: absolute; top: 0; right: 0; display: block; width: 2.778em; text-align: center; height: 100%; z-index: 1; }
	.menu .menu-arrow:after { content: "\e910"; font-family: var(--icon-family); color: var(--primary); font-size:1.444em; line-height:1; position: absolute; top: 50%; left: 50%; margin: -0.500em 0 0 -0.500em; font-style: normal; transition: all 150ms ease;}
	.menu li.active > a .menu-arrow:after { -webkit-transform: rotate(-180deg); transform: rotate(-180deg);  color:#fff; }
	.menu li.active > ul { display: block;}
	.menu ul ul { background:rgba(0,0,0,0.15); display:none;}
	.menu > ul > li > ul > li.active > a {background:rgba(0,0,0,0.25); color:#fff;}
	.menu ul ul li a { font-size: 1.063em; padding-left: 1.765em;}
	.menu ul ul ul li a { font-size: 0.938em; padding-left: 3.000em;}
	/*-----------Pull Out Menu Content Overlay-----------*/
	.content-overlay {visibility: hidden; height: 0; width: 0; background: rgba(0,0,0,0); position: absolute; top: 0; transition: background-color 150ms ease-in-out; z-index:1000;}
	/*-----------Pull Out Menu Open-----------*/
	.root {position: relative; height: 100%;}
	.root.menu_open {overflow: hidden;height: 100vh;}
	.root.menu_open .drawer {-webkit-transform: translate3d(300px, 0, 0); transform: translate3d(300px, 0, 0);}
	.root.menu_open .content-overlay { visibility: visible; height: 100%; width: 100%; position:fixed; top:0; left:0; right:0; background: rgba(0,0,0,0.9); overflow:hidden;}
	.root.menu_open.slide-left .drawer {-webkit-transform: translate3d(300px, 0, 0); transform: translate3d(300px, 0, 0);}
	.root.menu_open.slide-right .drawer {-webkit-transform: translate3d(-300px, 0, 0); transform: translate3d(-300px, 0, 0);}
	.root.menu_open .content-overlay { visibility: visible; height: 100%; width: 100%; position:fixed; top:0; left:0; right:0; background: rgba(0,0,0,0.7); overflow:hidden;}
	.root.menu_open.slide-left.fullwidth .drawer {-webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);}
	.root.menu_open.slide-right.fullwidth .drawer {-webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);}
	.root.fullwidth.menu_open .content-overlay,
	.root.fullwidth .content-overlay { visibility: hidden; }
	.root.fullwidth.menu_open .announcement__container { display: none; }

	.admin-bar .root.menu_open .content-overlay { top: 32px; }


	/*-----------Drawer Toggle-----------*/
	.drawer-toggle { position: absolute; bottom: 0; right: 0; width:50px; height:60px; text-align:center; display:block; margin:0; padding:0; color:#fff;}
	.drawer-toggle span {position:absolute; display:block; width:28px; height:3px; background:var(--black); top:50%; margin-top:-2px; left:50%; margin-left:-14px;}
	.drawer-toggle span::before, .drawer-toggle span::after { content: ''; position: absolute; left: 0; background: inherit; width: 100%; height: 100%; }
	.drawer-toggle span::before {top: -8px;}
	.drawer-toggle span::after {bottom: -8px;}
	.root:not(.fullwidth) .drawer-toggle { z-index: 9999; }
	.root.menu_open.slide-right:not(.fullwidth) .drawer-toggle { left:0; right: auto; z-index: 9999; }
	.root.menu_open:not(.fullwidth) .drawer-toggle { top:0; }
	.root.menu_open .drawer-toggle span { transition-delay: .12s; transition-timing-function: cubic-bezier(.215,.61,.355,1); transform: rotate(45deg);}
	.root.menu_open .drawer-toggle span::before {top: 0; transition: top 75ms ease,opacity 75ms ease 0.12s; opacity: 0;}
	.root.menu_open .drawer-toggle span::after {bottom: 0; transition: bottom 75ms ease,transform 75ms cubic-bezier(0.215,0.61,0.355,1) 0.12s; transform: rotate(-90deg);}
	.menu_open .drawer-toggle {z-index: 3000;}
	/*-----------Drawer-----------*/
	.drawer { position: fixed; z-index:1001; top: 0; height: 100%; width: 300px; background: var(--secondary); overflow-x: hidden; overflow-y: auto; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);transition:transform 150ms ease-in-out; opacity: 0; }
	.root.menu_open .drawer { opacity: 1;}
	.root:not(.fullwidth) .drawer { top: 0; }
	.slide-left .drawer {left: -300px; width: 300px; }
	.slide-right .drawer { right: -300px; width: 300px;}
	.fullwidth .drawer { width: 100%; }
	.fullwidth.slide-left .drawer { left: -100%; }
	.fullwidth.slide-right .drawer { right: -100%; }
	.admin-bar .drawer { top: 32px; }

	/*-----------Header - Search-----------*/
	.search:not(.page_not_found_search) {padding:0.667em; }
	.search button { font-size: 2rem; top: 9px; right: -6px;}
	/*-----------Header - Utility LInks-----------*/
	.utility-links li {line-height:1.2;}
	.utility-links a {font-size:1.125rem; padding:1.5rem 2rem; border-bottom:1px solid rgba(0,0,0,0.25);}
	.menu_open .utility-links { padding: 20px; }
}

/* Admin Styles */
@media only screen and (max-width: 782px) {
	.admin-bar .root:not(.fullwidth) .drawer { top: 46px; }
	.admin-bar .root.fullwidth .drawer { top: calc(46px + 60px); }
}

@media only screen and (max-width: 782px) {
	.admin-bar .root.menu_open .content-overlay { top: 46px; }
}

@media only screen and (max-width: 375px) {
	/* Menu */
	.menu {font-size: 15px;}
	.root:not(.fullwidth) .drawer {width:280px; }
	.root.slide-left:not(.fullwidth) .drawer { left:-280px;}
	.root.slide-right:not(.fullwidth) .drawer { right:-280px;}
	.root.menu_open.slide-left:not(.fullwidth) .drawer {-webkit-transform: translate3d(280px, 0, 0); transform: translate3d(280px, 0, 0);}
	.root.menu_open.slide-right:not(.fullwidth) .drawer {-webkit-transform: translate3d(-280px, 0, 0); transform: translate3d(-280px, 0, 0);}
}

@media only screen and (max-width: 320px) {
	.menu {font-size: 14px;}
	.root:not(.fullwidth) .drawer {width:220px; }
	.root.slide-left:not(.fullwidth) .drawer { left:-220px;}
	.root.slide-right:not(.fullwidth) .drawer { right:-220px;}
	.root.menu_open.slide-left:not(.fullwidth) .drawer {-webkit-transform: translate3d(220px, 0, 0); transform: translate3d(220px, 0, 0);}
	.root.menu_open.slide-right:not(.fullwidth) .drawer {-webkit-transform: translate3d(-220px, 0, 0); transform: translate3d(-220px, 0, 0);}
}