@import url("https://fonts.googleapis.com/css2?family=Barlow+Semi+Condensed:ital,wght@0,400;1,400;1,700&display=swap");

/*
  * Header v6.2
  */

.body-v62 *:focus {
	/* outline: unset; */
}

/* Important Alerts v6.2 */
.important-alerts-v62 .carousel {
	height: unset;
	background-color: #fff;

	/* Sized for 4 lines of text with no action, or 2 lines of text with action */
	min-height: 140px;
}

@media (min-width: 992px) {
	.important-alerts-v62 .carousel {
		min-height: unset;
	}
}

.important-alerts-v62-alert-heading {
	color: unset;

	font-family: 'Barlow Semi Condensed', sans-serif !important;
	font-weight: bold;
	font-size: 18px;

	text-decoration: none;
	min-height: 40px;
}

.important-alerts-v62-alert-heading a:after {
	/*
		display: inline-block;
		width: 0px;
		height: 0px;
		margin-left: 0.255em;
		vertical-align: 0.255em;
		content: "";
		border-width: 0.3em 0.3em 0px;
		border-top-style: solid;
		border-top-color: initial;
		border-right-style: solid;
		border-right-color: transparent;
		border-bottom-style: initial;
		border-bottom-color: initial;
		border-left-style: solid;
		border-left-color: transparent;
		*/
}

.important-alerts-v62-alert-item {
	border-color: transparent;
}

.important-alerts-v62-alert-item .container {
	max-width: 1275px;
	padding: 0;
}

.important-alerts-v62-alert-item.alert {
	border-radius: 0;
}

.important-alerts-v62-alert-item.alert-info {
	background-color: #fff;
	color: #165137;
}

.important-alerts-v62-alert-item.alert-danger {
	background-color: #af0202;
	color: #fff;
	text-transform: uppercase;
}

.btn.btn-myyc {
    background-color: #ffc107;
    color: #000;
    border-radius: 0;
    font-weight: bold;
}

.important-alerts-v62-alert-item.alert-danger .btn.btn-myyc {
	background-color: #fff;
	color: #af0202;
	font-weight: bold;
}

/* Overrides for legacy important alerts */
#important-alerts .alert {
	border-radius: 0;
	background-color: #fff;
	color: #000;
	padding: 1rem 2rem .15rem 2rem !important;
	border: 0;
}

#important-alerts .alert * {
	text-align: left !important;
	line-height: 1.25;
}

#important-alerts .alert .important-alerts-v62-alert-heading {
	line-height: 1;
	margin-bottom: 1rem;
}

#important-alerts .alert .important-alerts-v62-alert-heading a.alert-link {
	text-decoration: none;
	color: #165137;
	font-family: 'Barlow Semi Condensed', sans-serif !important;
	font-size: 1.25rem !important;
}

#important-alerts .alert .important-alerts-v62-alert-heading a:after {
	/*
	content: 'â–¶';
	color:; #165137;
	font-size: .75rem;
	rotate: 90deg;
	display: inline-block;
	margin-left: 0.25rem;
	position: relative;
	top: -2px;
	*/
	display: inline-block;
	width: 0px;
	height: 0px;
	margin-left: 0.255em;
	vertical-align: 0.255em;
	content: "";
	border-width: 0.3em 0.3em 0px;
	border-top-style: solid;
	border-top-color: initial;
	border-right-style: solid;
	border-right-color: transparent;
	border-bottom-style: initial;
	border-bottom-color: initial;
	border-left-style: solid;
	border-left-color: transparent;
}

#important-alerts .alert .important-alerts-v62-alert-heading+div div {
	margin-bottom: 1rem;
}

.header-v62 {
	background-color: #006747;
}

.header-v62 * {
	font-family: 'Barlow Semi Condensed' !important;
}

.header-v62-search .btn {
	min-width: 42px;
}

.header-v62-search .btn-dark {
	background-color: #0004;
	border-color: #0004;
}

.header-v62-search .btn-dark:hover {
	background-color: #0008;
	border-color: #0008;
}

@media (max-width: 991px) {
	.header-v62-search {
		width: 100% !important;
		margin-top: 1rem;
	}
}

/* Make the form-control class inside .header-v62-search smaller
   to ensure it ends up to the left of the search icon */
@media (min-width: 768px) {
	.form-inline > .header-v62-search > .form-control {
		width: 1%;
	}
}

.header-v62 .megamenu {
	position: static;
}

.header-v62 .border-left-light {
	border-left: 1px solid #eee;
}

.header-v62 .megamenu .dropdown-menu {
	background: none;
	border: none;
	width: 100%;
}

.header-v62 .megamenu .megamenu-backdrop {
	padding: 0.5rem;
	box-shadow: 1px 3px 10px #0005;
	min-height: 325px;
}

.header-v62 .megamenu .megamenu-feature-image {
	background-repeat: no-repeat;
	background-position: right;
}

@media (min-width: 992px) {
	.header-v62 .megamenu .megamenu-backdrop {
		position: relative;
		top: -10px;
	}
}

.header-v62 .megamenu ul {
	border-left: 1px solid #16513736;
	margin-top: 0.5rem;
	padding-left: 0.5rem;
}

.header-v62 .nav-container {
	width: 100%;
	max-width: 1300px;
	/* margin-left: auto;
	margin-right: auto;
	margin-bottom: 0; */
	margin: 0 auto;
}

.header-v62 .navbar {
	padding: 1rem 1rem;
}

.header-v62 .nav-ribbon .btn-font-resize {
	background-color: #0005;
	font-size: unset;
	/* reset 25px applied to .btn-aa */
	border-left: 3px solid #0008;
	width: 100%;
}

@media (min-width: 992px) {
	.header-v62 .navbar {
		padding: 0 1rem;
	}
}

.header-v62 .navbar-brand img {
	max-height: 40px;
}

.navbar-brand {
    padding-left: 0;
	padding-right: 0;
	margin-right: auto;
}

.header-v62 .navbar-collapse .navbar-nav {
	margin-top: 1rem;
	/* Add margin to separate self from .navbar-brand */
}

.header-v62 .navbar .navbar-nav .nav-item .nav-link {
	display: inline-block;
	padding: 0.5rem 0;
	color: #fff;
	font-weight: bold;

	text-decoration: none;
	text-transform: uppercase;
}

.header-v62 .nav-ribbon ul li a.nav-myyc {
	color: #ffc107;
}

@media (min-width: 992px) {
	.header-v62 .navbar-collapse .navbar-nav {
		margin-top: unset;
	}

	.header-v62 .navbar .navbar-nav .nav-item .nav-link {
		padding: 2rem 1.65rem;
	}

	.header-v62 .nav-ribbon ul li a.nav-myyc {
		background-color: #ffc107;
		color: #000;
		font-weight: bold;

		padding: 0.5rem 1.25rem;
	}

	.header-v62 .nav-ribbon ul li a.nav-myyc:hover {
		background-color: #ffbb00;
		text-decoration: none;
	}

	.header-v62 .navbar .dropdown:hover .dropdown-menu {
		/* Disable rendering on :hover (https://markdotto.com/2012/02/27/bootstrap-explained-dropdowns/) */
		/* display: block; */
	}

	.header-v62 .navbar .navbar-nav .nav-item .nav-link:hover {
		background-color: #00452f;
		/* #13442d; */
	}

	.header-v62 .navbar .navbar-nav .megamenu-backdrop .nav-item .nav-link:hover {
		background-color: unset;
	}
}

.header-v62 .navbar .dropdown .nav-item .nav-link {
	padding: 0.5rem;

	color: #0008;
}

.header-v62 .navbar .dropdown .nav-item .nav-link:hover {
	color: #13442d;
}

.header-v62 .navbar .navbar-nav .nav-item .nav-link.disabled {
	color: rgba(255, 255, 255, .25);
}

.header-v62 .navbar .dropdown-toggle::after {}

.header-v62 .nav-ribbon {
	background-color: #0005;
}

.header-v62 .nav-ribbon ul li a {
	color: #fff;
	font-style: italic;
	text-decoration: none;

	display: inline-block;
	padding: .5rem .8rem;
}

.header-v62 .nav-ribbon ul li a:hover {
	text-decoration: underline;
}

/* Carousel vertical scroll (https://qawithexperts.com/article/bootstrap/vertical-carousel-bootstrap-4-and-bootstrap-3-with-jquery/327) */
.vert .carousel-item-next.carousel-item-left,
.vert .carousel-item-prev.carousel-item-right {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.vert .carousel-item-next,
.vert .active.carousel-item-right {
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100% 0);
}

.vert .carousel-item-prev,
.vert .active.carousel-item-left {
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0);
}