/*Primary Action*/
a {
    color: #4FC0A6;
}

.btn-primary,
.primary-action,
.primary-action a {
    color: #4FC0A6;
    border-color: #4FC0A6;
}

.primary-action-bg {
    background-color: #4FC0A6;
    color: #fff;
}

.primary-action-bg :is(h1, h2, h3, h4, h5, h6) {
    color: #fff;
}

.primary-action-fill {
    fill: #4FC0A6;
}

/*Secondary Action*/
.btn-secondary,
.secondary-action,
.secondary-action a {
    color: #D63D24;
    border-color: #D63D24;
}

.secondary-action-bg {
    background-color: #D63D24;
    color: #fff;
}

.secondary-action-bg :is(h1, h2, h3, h4, h5, h6) {
    color: #fff;
}

.secondary-action-fill {
    fill: #D63D24;
}

/*Tertiary Action*/
.btn-tertiary,
.tertiary-action,
.tertiary-action a {
    color: #F4A450;
    border-color: #F4A450;
}

.tertiary-action-bg {
    background-color: #F4A450;
}

/*Primary Brand*/
.primary-1-bg {
    background-color: #C02B2D;
    color: #fff;
}

.primary-1-bg :is(h1, h2, h3, h4, h5, h6) {
    color: #fff;
}

.primary-brand-fill {
    fill: #C02B2D;
}

/*Secondary Brand*/
.primary-2-bg {
    background-color: #35393C;
    color: #fff;
}

.primary-2-bg :is(h1, h2, h3, h4, h5, h6) {
    color: #fff;
}

/*Custom Styles*/
.myctr-site.home .cookie {
    display: none;
}

.login-form {
    padding: 2rem 2rem 1rem;
    border-radius: 5px;
}

.line-seperator {
    height: 2px;
    width: 10%;
    background: #e5e5e5;
    margin: 1rem 0;
}

.myctr-news-bg {
    background-size: cover !important;
    background-position: center !important;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
}

.myctr-site .home-news {
    background: rgba(53, 57, 60, .9);
    position: relative;
    padding-top: 40px;
    padding-bottom: 40px;
}

.myctr-site .home-news h2 {
    color: #fff;
}

.myctr-site .home-sidebar .content-box-link,
.myctr-site .home-sidebar .content-box {
    height: auto;
}

.home .main-content {
    padding-top: 2rem;
}

@media (max-width: 62em) {
    #calendar {
        display: flex;
    }
}

/* Home Quicklinks Carousel */
.quicklinks-wrapper {
    position: relative;
}

.quicklinks-wrapper .intro-content {
    padding: 2rem 0;
}

.quicklinks-swiper {
    width: 85%;
    position: absolute;
    left: 0;
    right: 0;
}

.quicklinks-swiper .swiper-wrapper {
    height: auto;
}

.quicklink-slide {
    flex-grow: 1;
}

.quicklink {
    font-weight: 700;
    color: white;
    display: flex;
    width: 100%;
    background: #2F3234;
    justify-content: space-between;
    padding: 1.75rem 1.25rem;
}

.swiper-button-next::after,
.swiper-button-prev::after {
    color: white;
    font-size: 1rem;
}

.swiper-button-next {
    right: 5px;
    top: 35%;
}

.swiper-button-prev {
    left: 5px;
    top: 35%;
}

@media (min-width: 48em) {
    .quicklinks-swiper {
        width: 90%;
    }

    .swiper-button-next::after,
    .swiper-button-prev::after {
        font-size: 1.2rem;
    }

    .swiper-button-prev {
        left: var(--swiper-navigation-sides-offset, 10px)
    }

    .swiper-button-next {
        right: var(--swiper-navigation-sides-offset, 10px)
    }

    .quicklink {
        font-size: 1.1rem;
    }
}

@media (min-width: 75em) {
    .swiper-button-prev {
        left: 1.5rem;
    }

    .swiper-button-next {
        right: 1.5rem;
    }
}