/* Most of the CSS in this file is aimed at the header.
 * Due to the header being shared between the V6 and news sites,
 * you should make any changes to the header in header-v6.2.css instead.
 * The header CSS should be removed from this file once all files
 * referencing this CSS also include header-v6.2.css
 */
@import url("https://fonts.googleapis.com/css2?family=Barlow+Semi+Condensed:ital,wght@0,400;1,400;1,700&display=swap");

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

/* Navigation search input */

.header-v62-search .navsearchbox {
    max-width: 71px;
    height: 38px;
    color: #ffffff;
    background-color: #003c28;
    border: 0;
    border-right: 0;
    border-radius: 0.25rem 0 0 0.25rem;
    box-shadow: none;
    font-style: italic;
    padding-top:5px;
}

.header-v62-search .navsearchbox:focus {
    color: #ffffff;
    background-color: #003c28;
    border-color: #ffc107;
    box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.35);
    outline: 0;
}    

/* Placeholder text */
.header-v62-search .navsearchbox::placeholder {
    color: #ffffff;
    opacity: 1;
}

/* Older browser placeholder support */
.header-v62-search .navsearchbox::-webkit-input-placeholder {
    color: #ffffff;
    opacity: 1;
}

.header-v62-search .navsearchbox::-moz-placeholder {
    color: #ffffff;
    opacity: 1;
}

.header-v62-search .navsearchbox:-ms-input-placeholder {
    color: #ffffff;
}

.header-v62-search .navsearchbox::-ms-input-placeholder {
    color: #ffffff;
}

/* Keyboard and mouse focus */
.header-v62-search .navsearchbox:focus {
    color: #ffffff;
    background-color: #343a40;
    border-color: #ffc107;
    box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.35);
    outline: 0;
}

/* Search button */
.header-v62-search .btn-dark {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 38px;
    padding: 0;
    border: 1px solid #ffffff;
    border-left: 0;
    border-radius: 0 0.25rem 0.25rem 0;
}

/* Button hover and focus */
.header-v62-search .btn-dark:hover,
.header-v62-search .btn-dark:focus {
    background-color: #000000;
    border-color: #ffc107;
    box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.35);
}




  .nav-myyc {
          background-color: #fc3 !important;
          color: #212121 !important;
          font-weight: 600 !important;
          white-space: nowrap !important;
          
        }
        
    .nav-myyc:hover,
    .nav-myyc:focus {
          background-color: #fc3 !important;
          color: #000 !important;
          box-shadow: 0 0 0 .2rem rgba(0, 76, 151, .25) !important;
        }
        
    .nav-myyc i {
          color: #212121 !important;
        }







.btn-ask-yc {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.55rem;

    min-height: 52px;
    padding: 0.8rem 1.65rem;

    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 1.18rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.01em;

    color: #ffffff !important;
    background: linear-gradient(180deg, #18b9ac 0%, #079488 100%);
    border: 2px solid #20c4b6;
    border-radius: 0.5rem;

    text-decoration: none;
    text-transform: none;
    white-space: nowrap;

    box-shadow:
        0 5px 12px rgba(0, 0, 0, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.22);

    transition:
        background 0.18s ease,
        border-color 0.18s ease,
        box-shadow 0.18s ease,
        transform 0.18s ease;
}

.btn-ask-yc:hover {
    color: #ffffff !important;
    background: linear-gradient(180deg, #20c9ba 0%, #0a9f93 100%);
    border-color: #62e0d5;
    text-decoration: none;

    transform: translateY(-2px);

    box-shadow:
        0 8px 18px rgba(0, 0, 0, 0.32),
        inset 0 1px 0 rgba(255, 255, 255, 0.25);
}

.btn-ask-yc:focus {
    color: #ffffff !important;
    background: linear-gradient(180deg, #20c9ba 0%, #0a9f93 100%);
    border-color: #ffffff;
    text-decoration: none;
    outline: 0;

    box-shadow:
        0 0 0 0.22rem rgba(255, 255, 255, 0.38),
        0 6px 14px rgba(0, 0, 0, 0.3);
}

.btn-ask-yc:focus-visible {
    outline: 3px solid #ffc107;
    outline-offset: 3px;
}

.btn-ask-yc:active {
    transform: translateY(0);

    box-shadow:
        0 2px 5px rgba(0, 0, 0, 0.28),
        inset 0 2px 3px rgba(0, 0, 0, 0.18);
}

.btn-ask-yc-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 1.05rem;
    line-height: 1;
}

@media (max-width: 991.98px) {
    .btn-ask-yc {
        min-height: 48px;
        padding: 0.72rem 1.35rem;
        font-size: 1.05rem;
    }
}












.carousel-toggle-btn {
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 500;
}





/* BEGIN HEADER */

/*  * 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; */
	min-height: unset;
}

@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: #ab0000 !important;
	color: #fff;
	text-transform: uppercase;
}

.important-alerts-v62-alert-item.alert-danger .btn.btn-myyc {
	background-color: #fff;
	color: #ab0000 !important;
	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: #005a3c;
}



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

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

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

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

.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;
}

.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;
}

.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);
}

/* END HEADER */

/** index-v6.2 **/
.carousel-v62 {
	height: 70vh;
	min-height: 425px;
	max-height: 700px;
	overflow: hidden;
}

.carousel-v62 .carousel-control-prev,
.carousel-v62 .carousel-control-next {
	opacity: 1;
}

.carousel-v62 .carousel-inner {
	height: 100%;
}

.carousel-v62 .carousel-item {
	background-size: cover;
	background-repeat: no-repeat;
	height: 100%;
}

.carousel-v62 .carousel-indicators li {
	width: 15px;
	height: 15px;
	margin-right: 5px;
	margin-left: 5px;

	outline: 1px solid #16513755;
	background-color: #fffc;
}

.carousel-v62 .carousel-indicators li.active {
	background-color: #fff;
}

.carousel-v62-overlay {
	background-color: #165137a8;
	padding: 2rem;
	max-width: 100% !important;
	width: 500px;
	border-radius: 1.75rem;
}

.carousel-v62-overlay-heading {
	font-size: 1.5rem !important;
}


.carousel-v62 .carousel-image-frame {
    width: 100%;
    max-width: 1100px;
    height: 100%;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 1rem;
    overflow: hidden;
    box-shadow: 0 0.75rem 2rem rgba(0, 0, 0, 0.18);
}




@media (min-height: 700px) {
	.carousel-v62-overlay-heading {
		font-size: 2.5rem !important;
	}
}

.carousel-v62-overlay .btn {
	white-space: unset;
	max-width: 100%;

	font-size: 1.25rem;
	padding: .75rem;
}

.modal,
body.modal-open {
	/* Remove padding-right on shown.bs.modal (https://stackoverflow.com/a/38909520) */
	padding-right: 0 !important;
}

.modal-title {
	position: static;
}

.btn-myyc {
	background-color: #ffc107;
	color: #000;
	border-radius: 18px;

	font-weight: bold;
}

.btn-myyc:hover {
	color: #000c;
}

/*
  * Breadcrumbs
  */
.body-v62 nav.breadcrumbs .breadcrumb a {
	color: #111;
	font-weight: bold;
}

.body-v62 nav.breadcrumbs .breadcrumb {
	background-color: #ccc6;
	padding: 0.5rem;
}

.body-v62 nav.breadcrumbs .breadcrumb-item+.breadcrumb-item::before {
	content: "→";
	color: #1116;
}