.course-detail__banner {
    background: linear-gradient(270deg, var(--secondary-red) 0%, var(--primary-red) 100%) !important;
}

/* "Club website" - button */
.theme-dark .theme-area .button--primary {
    border-color: var(--primary-white);
    background-color: var(--primary-red);
    color: var(--secondary-white) !important;
}

    .theme-dark .theme-area .button--primary:hover,
    .theme-dark .theme-area .button--primary:focus,
    .theme-dark .theme-area .button--primary:active {
        border-color: var(--secondary-white);
        background-color: var(--secondary-red);
        color: var(--secondary-white) !important;
    }
/* eob: "Club website" - button */

/* "Book a tee" - button */
.course-detail__banner .template__banner__cta div + div .button:hover .button__text,
.course-detail__banner .template__banner__cta div + div .button:focus .button__text,
.course-detail__banner .template__banner__cta div + div .button:active .button__text,
.course-detail__banner .template__banner__cta div + div .button:hover .button__icon,
.course-detail__banner .template__banner__cta div + div .button:focus .button__icon,
.course-detail__banner .template__banner__cta div + div .button:active .button__icon {
    outline: none;
    color: var(--secondary-white) !important;
}

.course-detail__banner .template__banner__cta div + div .button:before {
    background-color: var(--secondary-red);
}

.course-detail__banner .template__banner__cta div + div .button__icon {
    color: var(--secondary-white);
}

@media (max-width: 767.98px) {
    .course-detail__banner .template__banner__cta .button .button__text,
    .course-detail__banner .template__banner__cta .button .button__icon {
        color: var(--secondary-white) !important;
        padding-right: 0 !important;
    }

    .course-detail__banner .template__banner__cta .button:hover,
    .course-detail__banner .template__banner__cta .button:focus,
    .course-detail__banner .template__banner__cta .button:active {
        background-color: var(--secondary-red);
    }

        .course-detail__banner .template__banner__cta .button:hover .button__text,
        .course-detail__banner .template__banner__cta .button:focus .button__text,
        .course-detail__banner .template__banner__cta .button:active .button__text,
        .course-detail__banner .template__banner__cta .button:hover .button__icon,
        .course-detail__banner .template__banner__cta .button:focus .button__icon,
        .course-detail__banner .template__banner__cta .button:active .button__icon {
            color: var(--secondary-white) !important;
        }
}

/* hide this 'Book a Tee' button */
.course-detail__banner .template__banner__cta div:nth-child(2) {
    display: none;
    visibility: hidden;
}
/* --- */
/* eob: "Book a tee" - button */

#centerFullWidthPanel .club-details.club-facilitytypes,
#centerFullWidthPanel .club-details.club-facilitytypes .container {
    flex: 0 0 83.33333% !important;
    max-width: 83.33333% !important;
    margin-left: 8.33333% !important;
}

.course-detail__hero:before {
    background: linear-gradient(270deg, var(--secondary-red) 0%, var(--primary-red) 100%) !important;
}

.course-detail__hero .container .row {
    margin-left: -25px !important;
}

/* hero */
svg.pagination-circle circle {
    stroke: var(--primary-red);
}

.hero .swiper-pagination-bullet-active {
    background: var(--secondary-red);
}

.course-detail__hero .hero .swiper-pagination {
    left: unset !important;
    right: 0;
    top: 50%;
    margin-right: 5%;
    background: none !important;
    background-color: none !important;
    z-index: 889988;
    opacity: 1;
}

.course-detail__hero .hero .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: none !important;
    background-color: none !important;
    transform-origin: right top;
}
/** hero */

.tile.tile--video .tile__body:before {
    background: var(--primary-red) !important;
}

.course-stats .l_row-stats:first-child {
    background-color: var(--secondary-red);
}

    .course-stats .l_row-stats:first-child .table-text {
        color: var(--secondary-white);
    }

.tiles-block .tile,
.tiles-block .tile__body {
    background-color: var(--primary-white);
}

div.table.table--tournaments .table__row {
    background-color: var(--secondary-red);
}

.template__filter .filter {
    background-color: var(--primary-white);
}

    .template__filter .filter:before {
        background-color: var(--primary-white);
    }

.page-clubdetail #centerFullWidthPanel .pc-root-container:last-child {
    padding-bottom: 0;
}

.gm-style .gm-style-iw-tc::after {
    content: unset;
}

.gm-style-iw-t button {
    top: -2px !important;
    right: -3px !important;
}

.template__banner.course-detail__banner .breadcrumb a:hover {
    text-decoration: underline;
}

.template__banner.course-detail__banner .breadcrumb:nth-child(2) {
    color: var(--primary-white);
}

.course-detail__hero .hero .slide-inner {
    border-top-right-radius: var(--border-radius-xxxl);
}

    .course-detail__hero .hero .slide-inner:before {
        background: radial-gradient(circle at center left, rgba(173, 32, 47, .25) 0%, rgba(173, 32, 47, 0) 65%);
        border-top-right-radius: var(--border-radius-xxxl);
    }

.course-detail__hero .hero .slide-inner__image,
.course-detail__hero .hero .slide-inner__image img {
    border-top-right-radius: var(--border-radius-xxxl);
}

.course-detail__info .detail {
    color: var(--primary-red);
    font-weight: 600;
}

.club-details.club-facilitytypes .section-name {
    color: var(--primary-red);
    font-weight: 600;
}

.club-details.club-facilitytypes .facility-type {
    box-shadow: var(--six-layer-shadows);
    border-radius: var(--border-radius-xxxl);
}

.club-details.club-facilitytypes .amenities-description {
    color: var(--primary-red);
    font-weight: 400;
}