@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 a { */
.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: #f60000;
    color: #fff;

    text-transform: uppercase;
}

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

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

/** 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: 600px;
}

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

@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: 0;
    
    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;
}