/*
// HCA AV IGX STYLESHEET
// CSS
// Replicates IGX styles to support Site Header
// Ver 1.0.0
// Rev 10/1/2020
// Created by Jared Van Kirk, Thaloopa LLC
*/

/* Override Some global AV Styles */

	.header-content {
		min-height: 0;
	}

	.menu-toggle.menu-button, .menu-toggle.sidebar-button {
		display: none;
	}

	.menu-info span {
		font-size: 1.5em;
	}

	.span-blocks > span {
		display: inline-block
	}


/* IGX Colors */

	.black {
		background: #000 !important;
	}

	.black-text {
		color: #000 !important;
	}

	.gray-1 {
		background: #374049 !important;
	}

	.gray-1-text {
		color: #374049 !important;
	}

	.gray-2 {
		background: #73777d !important;
	}

	.gray-2-text {
		color: #73777d !important;
	}

	.gray-3 {
		background: #a3a6ab !important;
	}

	.gray-3-text {
		color: #a3a6ab !important;
	}

	.gray-4 {
		background: #c8cbce !important;
	}

	.gray-4-text {
		color: #c8cbce !important;
	}

	.gray-5 {
		background: #f7f7f9 !important;
	}

	.gray-5-text {
		color: #f7f7f9 !important;
	}

	.white {
		background: #fff !important;
	}

	.white-text {
		color: #fff !important;
	}

	.primary {
		background: #00427a !important;
	}

	.primary-text {
		color: #00427a !important;
	}

	.secondary {
		background: #606060 !important;
	}

	.secondary-text {
		color: #606060 !important;
	}

	.tertiary {
		background: #415d7d !important;
	}

	.tertiary-text {
		color: #415d7d !important;
	}

	.accent-1 {
		background: #a93517 !important;
	}

	.accent-1-text {
		color: #a93517 !important;
	}

	.accent-2 {
		background: #533930 !important;
	}

	.accent-2-text {
		color: #533930 !important;
	}

	.accent-3 {
		background: #b27a52 !important;
	}

	.accent-3-text {
		color: #b27a52 !important;
	}

	.accent-4 {
		background: #f2ce88 !important;
	}

	.accent-4-text {
		color: #f2ce88 !important;
	}

	.accent-5 {
		background: #faeacf !important;
	}

	.accent-5-text {
		color: #faeacf !important;
	}

	.accent-6 {
		background: #929aaf !important;
	}

	.accent-6-text {
		color: #929aaf !important;
	}


/* Header */

	body {
		padding-top: 74px;
	}

	.anchor-target:before {
		/* Support fixed #header anchor scroll */
		display: block;
		content: '';
		height: 74px;
		margin-top: -74px;
	}

	#header {
		background: #00427a;
		font-size: 62.5%;
		line-height: 16px;
		padding: 4px;
		max-height: 74px;
		height: 74px;
		border-bottom: 8px solid #606060;
		position: fixed;
		left: 0;
		right: 0;
		top: 0;
		z-index: 99;
	}

		#header > .container {
			display: -webkit-flex;
			display: -moz-flex;
			display: -ms-flex;
			display: -o-flex;
			display: flex;
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			margin: 0 auto;
			padding: 8px 15px;
			align-items: center;
		}

			#header > .container > * {
				max-width: 100%;
			}

		#header a {
			text-decoration: none;
		}

		#header .logo {
			flex: 0 0 auto;
			float: left; /* Non-flex fallback */
		}

		#header img {
			max-height: 50px;
			max-width: none;	/* AV Fix */
		}
		/*
		#header a:hover,
		#header a:focus {
			text-decoration: underline;
		}
		*/
		#header .skip-to-content {
			background: #fff;
			box-shadow: 0 0 5px rgba(0,0,0,0.4);
			font-weight: 600;
			left: 15px;
			padding: 10px 20px;
			position: absolute;
			top: -100px;
		}

			#header .skip-to-content:focus {
				text-decoration: none;
				top: 15px;
			}

		#header ul {
			padding: 0; /* AV Override */
		}

	#headerInfo {
		display: none;
		font-size: 1.6em;
		text-transform: uppercase;
		color: #fff;
		margin: auto 12px;
		flex: 1 1 0%;
		float: left; /* Non-flex fallback */
		text-align: right;
	}

		#headerInfo a,
		#headerInfo a:hover,
		#headerInfo a:active,
		#headerInfo a:visited {
			color: #fff;
		}

	#headerAccountLink i:before {
		/* AV Fix: */
		font-family: 'Font Awesome 5 Free';
		font-weight: 900;
		font-style: normal;
		content: "\f007";
	}

	#headerAccountLink.active i:before {
		content: "\f4fc";
	}

	.quick-nav {
		justify-content: flex-end;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		flex-wrap: wrap;
		flex: 1 1 100%;
	}

	.quick-links, .social-links {
		margin: 0;
		font-size: 3em;
	}

	.quick-links {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		flex: 1 1 auto;
		float: left; /* Non-flex fallback */
		/* margin-left: 16px; */
		justify-content: space-around;
		align-items: center;
	}

	.quick-nav .social-links {
		display: none;
		flex: 0 1 auto;
		float: right; /* Non-flex fallback */
	}

		#header .quick-links li, .quick-nav .social-links li,
		nav.main .social-links li {
			display: inline-block;
			list-style-type: none;
			padding: 0px 8px;
			margin: 0;
		}

		.quick-nav .quick-links li, .quick-nav .social-links li {
			float: left;
		}

	/* AV Fix */
	.social-links a, .social-links a:visited, .social-links a:active, .social-links a:focus, .social-links a:hover {
		color: #c8cbce !important;
	}

	footer ul.social-links {
		text-align: center;
	}

		footer ul.social-links li a {
			margin: 0 32px 10px;
		}

	.quick-links a, .quick-links a:visited, a.menu-toggle, a.menu-toggle:visited, menu-toggle:active, a.menu-toggle:hover, a.menu-toggle:focus {
		/* AV Fix: */
		color: #fff !important;
	}

	/*
	AV:Fix
		.quick-links a .fa, .social-links a .fa, a.close, .menu-toggle {
	*/
		.quick-links a svg, .social-links a svg, .quick-links a i:before, .social-links a i:before, a.close, .menu-toggle {
			-webkit-transform: all .2s ease-in-out;
			-ms-transform: all .2s ease-in-out;
			transition: all .2s ease-in-out;
		}
	/*
	AV:Fix
			.quick-links a:hover .fa, .social-links a:hover .fa, .quick-links a:focus .fa, .social-links a:focus .fa, a.close:hover, a.close:focus, .menu-toggle:hover, .menu-toggle:focus {
	*/
			.quick-links a:hover svg, .social-links a:hover svg, .quick-links a:focus svg, .social-links a:focus svg, a.close:hover, a.close:focus, .menu-toggle:hover, .menu-toggle:focus {
				-webkit-transform: scale(1.2);
				-ms-transform: scale(1.2);
				transform: scale(1.2);
			}
			.quick-links a:hover i:before, .social-links a:hover i:before, .quick-links a:focus i:before, .social-links a:focus i:before {
				font-size: 1.2em;
			}

	#header .menu-toggle {
		margin: auto;
		cursor: pointer;
		padding: 8px;
		float: right;
	}

		#header .menu-toggle:hover, #header .menu-toggle:focus {
			text-decoration: none;
		}

	#header .menu-toggle {
		font-size: 2.5em;
	}
	/* AV Fix:
	#header .menu-toggle.opened {
		font-size: 2.75em;
	}
	*/
	/*  AV Fix:  
		#header .menu-toggle .fa-close {
		*/
		#header .menu-toggle .fa-times {
			display: none;
			/*font-size: 2.75em;*/
		}
		
	/*  AV Fix:  
		#header .menu-toggle.opened .fa-close {
		*/
		#header .menu-toggle.opened .fa-times {
			display: block;
		}

		#header .menu-toggle.opened .fa-bars {
			display: none;
		}


	nav.main {
		display: none;
		position: fixed;
		top: 74px;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 5;
		background-color: rgba(255,255,255,0.7);
		overflow: auto;
	}

		nav.main ul {
			padding: 0;
		}

		nav.main.opened {
			display: block;
		}


		nav.main .nav-wrapper {
			background-color: #415d7d;
			position: relative;
		}


		nav.main div.menu-info {
			color: #fff;
			position: relative;
			padding: 16px;
			background-color: #415d7d;
		}

			nav.main div.menu-info a,
			nav.main div.menu-info a:hover,
			nav.main div.menu-info a:active,
			nav.main div.menu-info a:visited {
				color: #fff;
			}

			nav.main div.menu-info p {
				margin: 0 3em 0 0;
			}

			nav.main div.menu-info .social-links {
				position: absolute;
				margin: auto 0;
				right: 12px;
				top: 0;
				bottom: 0;
				/* AV Fix:
				height: 3em;
				*/
			}

		nav.main .social-links {
			text-align: center;
		}

			nav.main .social-links li {
				margin: 16px 32px;
			}

		nav.main ul.menu-top {
			display: -webkit-flex;
			display: -moz-flex;
			display: -ms-flex;
			display: -o-flex;
			display: flex;
			flex-wrap: nowrap;
			flex-direction: column;
			font-size: 1.6em;
			line-height: 20px;
			background-color: #fff;
			list-style-type: none;
			margin: 0;
			padding: 0;
		}

			nav.main ul.menu-top > li {
				/*flex: 0 0 100%;*/
				margin: 0;
				border-bottom: 1px solid #c8cbce;
			}

		nav.main div.menu-top-head {
			font-weight: 700;
			position: relative;
		}

		nav.main div.menu-top-head,
		nav.main ul.menu-items li {
			display: block;
			margin: 0;
		}


		nav.main ul.menu-top ul {
			display: none;
			list-style: none;
			margin: 0;
			background-color: #f7f7f9;
			/*border-bottom: 1px solid #c8cbce;*/
		}

		nav.main ul.menu-top a {
			padding: 12px 18px;
			margin: 0;
			display: block;
			color: #606060;
			outline: none;
			text-decoration: underline;
		}

			nav.main ul.menu-top a:hover,
			nav.main ul.menu-top a:focus {
				color: #606060;
				background-color: #c8cbce;
				text-decoration: none;
			}
			
			nav.main ul.menu-top a:visited {
				color: #73777d;
			}

		nav.main ul.menu-top ul.menu-items a {
			padding-left: 32px;
		}

		nav.main ul.menu-top a.menu-top-item {
			margin-right: 48px;
		}

		nav.main ul.menu-top a.menu-top-toggle {
			position: absolute;
			top: 0;
			right: 0;
			bottom: 0;
			width: 48px;
			border-left: 1px solid #c8cbce;
			font-size: 2.5em;
		}

		nav.main ul.menu-top li.opened div.menu-top-head {
			border-bottom: 1px solid #c8cbce;
		}

		nav.main ul.menu-top li a.menu-top-toggle::after {
			content: '+';
			/* AV Override 
			position: relative;
			top: -100%;
			*/
			position: absolute;
			left: 0.35em;
		}

		nav.main ul.menu-top li.opened a.menu-top-toggle::after {
			content: '\2013';
		}

		nav.main ul.menu-top li.opened ul.menu-items {
			display: block;
		}

		.cart-timeout {
			font-size: 0.75em;
		}
		
			.cart-timeout.active {
				margin-left: 8px;			
			}

	#menuTopItem-help {
		display: none;
	}

	#menuTopItem-logout {
		display: none;
	}

	#customer-utilities {
		display: none;
	}

			nav.main div.menu-info .social-links a {
				display: inline-block;
				margin-top: 0.25em;
			}


	/* SM Classes */
	@media (min-width:768px) {

		/* Header */

		body {
			padding-top: 102px;
		}

		.anchor-target:before {
			/* Support fixed header anchor scroll */
			height: 102px;
			margin-top: -102px;
		}

		#header {
			height: 102px;
			max-height: 102px;
		}

			#header img {
				max-height: 80px;
			}

		#headerLogo {
			display: block;
		}

		#headerLogoMobile {
			display: none;
		}

		nav.main {
			top: 102px;
		}

			nav.main ul.menu-top {
				flex-wrap: wrap;
				flex-direction: row;
			}

				nav.main ul.menu-top > li {
					flex: 1 1 33.3%;
					float: left;
					clear: left;
					border: 1px solid #c8cbce;
					max-width: 33.3%;
					background: #fff;
				}

				nav.main ul.menu-top ul {
					display: block;
				}

			nav.main .menu-info {
				float: right;
				width: 25%;
				height: 50%;
				padding: 8px;
				text-align: center;
			}

			nav.main div.menu-info p {
				margin-right: 0;
			}

			nav.main div.menu-info .social-links {
				position: relative;
				margin: 12px;
				right: auto;
				top: auto;
				bottom: auto;
				background-color: #415d7d;
			}

			nav.main ul.social-links {
				position: absolute;
				right: 0;
				bottom: 0;
				max-height: 50%;
				width: 25%;
				padding: 8px;
			}

			nav.main ul.social-links {
				text-align: center;
			}

				nav.main ul.social-links li {
					display: inline-block;
					padding: 12px;
					margin: 0;
				}

			nav.main ul.menu-top a.menu-top-item {
				margin-right: 0;
			}

			nav.main ul.menu-top a.menu-top-toggle {
				display: none;
			}

			nav.main ul.menu-top a.menu-top-toggle {
				display: none;
			}

			nav.main ul.menu-top ul {
				background-color: transparent;
				/*border-bottom: none;*/
			}

			nav.main ul.menu-top li:hover {
				background-color: #f7f7f9;
			}

			nav.main ul.menu.opened div.menu-top-head {
				border-bottom: none;
			}
	}

	/* MD Classes */
	@media (min-width:992px) {

		/* Fixed header layout support */
		body {
			padding-top: 156px;
		}

			body.scrolled {
				padding-top: 108px;
			}

		.anchor-target:before {
			height: 108px;
			margin-top: -108px;
		}

		#header {
			top: 0;
			border-bottom: none;
		}

			#header .menu-toggle {
				display: none;
			}

		body.scrolled #header {
			height: 54px;
		}

		#headerInfo {
			display: block;
		}

		body.scrolled #header #headerInfo {
			font-size: 1.4em;
		}

		.quick-links {
			flex-basis: 100%;
			justify-content: flex-end;
		}

		.quick-nav .social-links {
			display: block;
			display: -webkit-flex;
			display: -moz-flex;
			display: -ms-flex;
			display: -o-flex;
			display: flex;
		}

		#header .quick-links, .quick-nav .social-links {
			margin: 6px 0px;
			font-size: 2.5em;
		}

			#header .quick-links li, .quick-nav .social-links li {
				margin: auto 0px;
				padding: 0px 16px;
			}

		body.scrolled #header .quick-links {
			flex: 0 0 auto;
			margin-top: 6px;
		}

		body.scrolled #header img {
			max-height: 50px;
		}

		body.scrolled #header #headerLogo {
			padding: 6px 0px;
		}

		.search-main .search-wrap {
			top: 20%;
		}

		nav.main {
			display: block;
			position: fixed;
			top: 102px;
			left: 0;
			right: 0;
			bottom: auto;
			background-color: #606060;
			overflow: visible;
			height: 54px;
		}

		body.scrolled nav.main {
			top: 54px;
		}

		nav.main .nav-wrapper {
			position: absolute;
			left: 0;
			right: 0;
			background-color: #606060;
			border-bottom: 1px solid #a3a6ab;
			box-shadow: 0 2px 5px rgba(0,0,0,0.4);
		}

		nav.main ul.menu-top {
			flex-wrap: nowrap;
			flex-direction: row;
			background-color: #fff;
			font-size: 1.8em;
			margin: 0 auto;
			width: 970px; /* Mirrors Bootstrap .container */
		}


			nav.main ul.menu-top div.menu-top-head {
				background-color: #606060;
				font-weight: normal;
			}

			nav.main ul.menu-top > li {
				flex: 1 1 100%;
				float: left; /* Non-flex fallback */
				clear: none; /* Non-flex fallback */
				border: none;
				position: relative;
				min-width: 16.6%;
				max-width: 100%;
			}

			nav.main ul.menu-top li:hover div.menu-top-head a,
			nav.main ul.menu-top li:focus div.menu-top-head a,
			nav.main ul.menu-top li.js-focus div.menu-top-head a {
				background-color: #929aaf;
			}

			nav.main ul.menu-top ul.menu-items {
				/* display: none */
				height: 0;
				overflow: hidden;
				position: relative;
				background-color: #fff;
			}

			nav.main ul.menu-top:before {
				position: absolute;
				top: 54px;
				left: 0;
				bottom: 0;
				right: 0;
				background-color: #fff;
				content: '';
				display: block;
			}


		nav.main .menu-info,
		nav.main .social-links {
			display: none;
		}


		nav.main ul.menu-top:hover ul.menu-items,
		nav.main ul.menu-top:focus ul.menu-items,
		nav.main ul.menu-top.js-focus ul.menu-items {
			/*display: block;*/
			overflow: visible;
			height: auto;
		}

		nav.main ul.menu-top li a {
			color: #fff;
			text-decoration: none;
			padding: 15px;
			line-height: 24px;
		}

			nav.main ul.menu-top li a:hover,
			nav.main ul.menu-top li a:focus,
			nav.main ul.menu-top li a:visited {
				color: #fff;
				background-color: #929aaf;
			}

		nav.main ul.menu-top li ul.menu-items li a {
			color: #374049;
			line-height: 20px;
			/* font-size: 1.6em; */ /* AV Fix */
			font-size: 0.9em;
			padding: 10px 15px;
		}

		nav.main ul.menu-top li:hover ul.menu-items,
		nav.main ul.menu-top li:focus ul.menu-items,
		nav.main ul.menu-top li.js-focus ul.menu-items {
			background-color: #f7f7f9;
		}

		nav.main ul.menu-top ul.menu-items li a:hover,
		nav.main ul.menu-top ul.menu-items li a:focus {
			background-color: #c8cbce;
		}
		/*
		.d-block-md {
			display: block !important;
		}

		.d-none-md {
			display: none !important;
		}
		*/
	}

	/* LG Classes */
	@media (min-width:1200px) {

		nav.main ul.menu-top {
			width: 1170px; /* Mirrors Bootstrap .container */
		}
		/*
		.d-block-lg {
			display: block !important;
		}
		*/
		.quick-nav p {
			font-size: 1.6em;
		}
	}