.has-page-branding .btn.filled,
.has-page-branding .wp-block-button:not(.is-style-outline):not(.is-style-outline--1) .wp-block-button__link,
.has-page-branding .wp-block-button.is-style-fill .wp-block-button__link {
    background: var(--page-brand-primary);
    border-color: var(--page-brand-primary);
    color: var(--page-brand-on-brand);
}

.has-page-branding .btn.filled:hover,
.has-page-branding .btn.filled:focus,
.has-page-branding .wp-block-button:not(.is-style-outline):not(.is-style-outline--1) .wp-block-button__link:hover,
.has-page-branding .wp-block-button:not(.is-style-outline):not(.is-style-outline--1) .wp-block-button__link:focus,
.has-page-branding .wp-block-button.is-style-fill .wp-block-button__link:hover,
.has-page-branding .wp-block-button.is-style-fill .wp-block-button__link:focus {
    background: var(--page-brand-secondary);
    color: var(--page-brand-on-brand);
    border-color: var(--page-brand-secondary);

}

.has-page-branding .btn.outlined,
.has-page-branding .wp-block-button.is-style-outline .wp-block-button__link,
.has-page-branding .wp-block-button.is-style-outline--1 .wp-block-button__link {
    color: var(--page-brand-primary);
    border-color: var(--page-brand-outline);
}

.has-page-branding .btn.outlined:hover,
.has-page-branding .btn.outlined:focus,
.has-page-branding .wp-block-button.is-style-outline .wp-block-button__link:hover,
.has-page-branding .wp-block-button.is-style-outline .wp-block-button__link:focus,
.has-page-branding .wp-block-button.is-style-outline--1 .wp-block-button__link:hover,
.has-page-branding .wp-block-button.is-style-outline--1 .wp-block-button__link:focus {
    background: var(--page-brand-secondary);
    border-color: var(--page-brand-secondary);
    color: var(--page-brand-on-brand);
}

.has-page-branding .load-more,
.has-page-branding .hero__tagline,
.has-page-branding h2,
.has-page-branding .h2,
.has-page-branding h4,
.has-page-branding .h4,
.has-page-branding .tab-btn,
.has-page-branding .tab-btn.is-active,
.has-page-branding .tabbed-grid h2 {
    color: var(--page-brand-neutral);
}

.has-page-branding .tab-list {
    border-bottom-color: var(--page-brand-secondary);
}

.has-page-branding .load-more.btn.filled {
    background: var(--page-brand-primary);
    border-color: var(--page-brand-primary);
    color: var(--page-brand-on-brand);
}

.has-page-branding .load-more.btn.filled:hover,
.has-page-branding .load-more.btn.filled:focus,
.has-page-branding .load-more.is-loading {
    background: var(--page-brand-secondary);
    border-color: var(--page-brand-secondary);
    color: var(--page-brand-on-brand);
}

.has-page-branding .tab-btn.is-active {
    border-color: transparent;
}

.has-page-branding .tab-indicator {
    background: var(--page-brand-secondary);
}

.has-page-branding .swiper-button-prev,
.has-page-branding .swiper-button-next {
    border-color: var(--page-brand-secondary);
    /* color: var(--page-brand-secondary); */
    background-color: var(--page-brand-secondary);
}

.has-page-branding .swiper-button-prev svg path,
.has-page-branding .swiper-button-next svg path {
    color: var(--page-brand-primary);
    fill: var(--page-brand-primary);
}

.has-page-branding .swiper-button-prev:hover,
.has-page-branding .swiper-button-next:hover {
    background: var(--page-brand-primary);
    border-color: var(--page-brand-primary);
}

.has-page-branding .swiper-button-prev:hover svg path,
.has-page-branding .swiper-button-next:hover svg path {
    
    fill: var(--page-brand-on-brand);
}

.has-page-branding {
    --icon-play-path1-color: var(--page-brand-secondary);
    --icon-play-path2-color: var(--page-brand-primary);
}

.has-page-branding .card:hover {
    --icon-play-path1-color: var(--page-brand-primary);
    --icon-play-path2-color: var(--page-brand-on-brand);
}

.has-page-branding .card:hover .card-title {
    color: var(--page-brand-primary);
    box-shadow: 0 1px 0 var(--page-brand-primary);
}

.has-page-branding .card .icon-play:hover .path1:before {
    color: var(--page-brand-primary);
}

.has-page-branding .card .icon-play:hover .path2:before {
    color: var(--page-brand-on-brand);
}

.has-page-branding .callout .eyebrow,
.has-page-branding .callout .heading {
    color: var(--page-brand-neutral);
}

.has-page-branding .callout.bg-accent {
    background: linear-gradient(97deg, var(--page-brand-primary) 0.5%, var(--page-brand-secondary) 100%) !important;
}

.has-page-branding .bg-accent h1,
.has-page-branding .bg-accent .h1,
.has-page-branding .bg-accent h2,
.has-page-branding .bg-accent .h2,
.has-page-branding .bg-accent h3,
.has-page-branding .bg-accent .h3,
.has-page-branding .bg-accent h4,
.has-page-branding .bg-accent .h4,
.has-page-branding .bg-accent p,
.has-page-branding .callout.bg-accent .eyebrow {
    color: var(--page-brand-callout-accent);
}

.has-page-branding .bg-accent .btn.filled,
.has-page-branding .bg-accent .wp-block-button:not(.is-style-outline):not(.is-style-outline--1) .wp-block-button__link,
.has-page-branding .bg-accent .wp-block-button.is-style-fill .wp-block-button__link {
    background: var(--page-brand-callout-accent);
    border-color: var(--page-brand-callout-accent);
    color: var(--clr-text);
}

.has-page-branding .bg-accent .btn.filled:hover,
.has-page-branding .bg-accent .btn.filled:focus,
.has-page-branding .bg-accent .wp-block-button:not(.is-style-outline):not(.is-style-outline--1) .wp-block-button__link:hover,
.has-page-branding .bg-accent .wp-block-button:not(.is-style-outline):not(.is-style-outline--1) .wp-block-button__link:focus,
.has-page-branding .bg-accent .wp-block-button.is-style-fill .wp-block-button__link:hover,
.has-page-branding .bg-accent .wp-block-button.is-style-fill .wp-block-button__link:focus {
    background: rgb(221 161 94);
    border-color: rgb(221 161 94);
    color: var(--clr-text);
}

.has-page-branding .bg-accent .btn.outlined,
.has-page-branding .bg-accent .wp-block-button.is-style-outline .wp-block-button__link,
.has-page-branding .bg-accent .wp-block-button.is-style-outline--1 .wp-block-button__link {
    background: transparent;
    color: var(--page-brand-callout-accent);
    border-color: var(--page-brand-callout-accent);
}

.has-page-branding .bg-accent .btn.outlined:hover,
.has-page-branding .bg-accent .btn.outlined:focus,
.has-page-branding .bg-accent .wp-block-button.is-style-outline .wp-block-button__link:hover,
.has-page-branding .bg-accent .wp-block-button.is-style-outline .wp-block-button__link:focus,
.has-page-branding .bg-accent .wp-block-button.is-style-outline--1 .wp-block-button__link:hover,
.has-page-branding .bg-accent .wp-block-button.is-style-outline--1 .wp-block-button__link:focus {
    background: var(--page-brand-callout-accent);
    border-color: var(--page-brand-callout-accent);
    color: var(--clr-text);
}

.has-solid-callout-branding .callout.bg-accent {
    background: var(--page-brand-primary) !important;
}