.bg-grey {
    background-color: #F9F9F9;
}

/* header */
#header {
    background-color: #FFF;
}

#header-top {
    background-color: #71319C;
    font-size: 1.2rem;
}

#header-top,
#header-top a {
    color: #FFF !important;
}

/* header-nav */
#header-nav a {
    color: inherit;
}

@media (min-width: 1400px) {
    #header-nav {
        font-size: 1.1rem;
    }
}

/* nav-custom */
#nav-custom {}

#nav-custom ul,
#nav-custom li {
    margin: 0;
    list-style: none;
}

#nav-custom ul>li:lfirst-child {
    padding-left: 0;
}

#nav-custom ul>li:last-child {
    padding-right: 0;
}

#nav-custom a:not(.btn) {
    color: var(--bs-body-color) !important;
    text-decoration: none;
}

#nav-custom a:hover:not(.btn) {
    color: #7AC140 !important;
}

#nav-custom ul>li .nav-children {
    display: none;
    position: absolute;
    z-index: 20;
    background-color: #FFF;
    left: 0;
    right: 0;
    margin-top: 42px;
    border-top: 1px solid #CCC;
    box-shadow: 0 7px 6px rgba(0, 0, 0, 0.6);
}

#nav-custom ul>li .nav-children a {
    color: #444 !important;
}


/* footer */
#footer {
    background-color: #2B2E31;
}

#footer,
#footer a {
    color: #FFF;
    text-decoration: none;
}

#footer a:hover:not(.btn) {
    text-decoration: underline;
}

#footer-copyright a {
    color: #ADABC3;
    text-decoration: underline;
    margin-left: 2px;
    margin-right: 2px;
}

#footer-copyright a:hover {
    color: #c8c5e3;
}

#footer-copyright-divider {
    background: #FFF;
    height: 1px;
}

#layout a {
    text-decoration: none;
}

#layout a:hover:not(.btn) {
    text-decoration: underline;
}

/* slideshow-overlay */
.slideshow-overlay {
    font-size: 1rem;
}

.slideshow-overlay h1 {
    font-size: 2em;
    font-weight: 400;
}

.slideshow-overlay p {
    font-size: 1em;
}

.bg-blackened,
.slideshow-overlay .slideshow-darkener {
    background-color: rgba(0, 0, 0, 0.35);
}

@media (min-width: 768px) {
    .slideshow-overlay {
        font-size: 1.3rem;
    }
}

@media (min-width: 992px) {
    .slideshow-overlay {
        font-size: 1.4rem;
    }
}

@media (min-width: 1200px) {
    .slideshow-overlay {
        font-size: 1.6rem;
    }
}

/* mobile-nav */
#mobile-nav {
    background-color: #71319C;
}

#mobile-nav,
#mobile-nav a {
    color: #FFF;
}

/* list-style-purple-cut */
.list-style-purple-cut .purple-cut-item,
.list-style-green-cut .green-cut-item {
    position: relative;
    padding-bottom: 120%;
    display: block;
}

.list-style-purple-cut a.purple-cut-item:hover,
.list-style-green-cut a.green-cut-item:hover {
    opacity: 0.8;
}

.list-style-purple-cut .purple-cut-item-content,
.list-style-green-cut .green-cut-item-content {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-size: 100% auto;
    background-position: top center;
}

.list-style-purple-cut .purple-cut-item-col,
.list-style-green-cut .green-cut-item-col {
    height: 50% !important;
}

.list-style-purple-cut .purple-cut-main,
.list-style-green-cut .green-cut-main {
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    padding-top: 40px !important;
    height: 100%;
}

.list-style-purple-cut .purple-cut-main {
    background-image: url('../app/purple-cut.png');
}

.list-style-green-cut .green-cut-main {
    background-image: url('../app/green-cut.png');
}

.list-style-purple-cut .list-item-title,
.list-style-purple-cut .list-item-sub-title,
.list-style-green-cut .list-item-title,
.list-style-green-cut .list-item-sub-title {
    max-width: 70%;
}

.list-style-purple-cut .list-item-title,
.list-style-green-cut .list-item-title {
    font-size: 1.3em;
    line-height: 1.2em;
}

.list-style-purple-cut,
.list-style-green-cut {
    font-size: 1.45rem;
}

@media (min-width: 576px) {

    .list-style-purple-cut,
    .list-style-green-cut {
        font-size: 0.9rem;
    }
}

@media (min-width: 768px) {

    .list-style-purple-cut,
    .list-style-green-cut {
        font-size: 1.35rem;
    }
}

@media (min-width: 992px) {

    .list-style-purple-cut,
    .list-style-green-cut {
        font-size: 1.6rem;
    }
}

@media (min-width: 1200px) {

    .list-style-purple-cut,
    .list-style-green-cut {
        font-size: 0.95rem;
    }
}

@media (min-width: 1400px) {

    .list-style-purple-cut,
    .list-style-green-cut {
        font-size: 1.2rem;
    }
}

/* purple-side-element */
.purple-side-element__content .purple-side-wrapper {
    background-image: url('../app/purple-side.png');
    background-repeat: no-repeat;
    background-size: calc(100%) auto;
    background-position: center 10px;
}

@media (min-width: 576px) {

    .purple-side-row,
    .purple-side-row>.container-fluid,
    .purple-side-list {
        padding: 0 !important;
    }

    .purple-side-list>.list-element__container>section>.container {
        max-width: 100% !important;
    }

    .purple-side-element__content .purple-side-wrapper {
        background-size: 600px auto;
    }
}

@media (min-width: 768px) {
    .purple-side-element__content .purple-side-wrapper {
        background-size: 420px auto;
        background-position: calc(50% - 180px) 10px;
    }
}

@media (min-width: 992px) {
    .purple-side-element__content .purple-side-wrapper {
        background-size: 580px auto;
        background-position: calc(50% - 240px) 10px;
    }
}

@media (min-width: 1200px) {
    .purple-side-element__content .purple-side-wrapper {
        background-size: 650px auto;
        background-position: calc(50% - 285px) 10px;
    }
}

@media (min-width: 1400px) {
    .purple-side-element__content .purple-side-wrapper {
        background-size: auto auto;
        background-position: calc(50% - 330px) 10px;
    }
}

/* content-with-block-links */
.content-with-block-links-element__content {}

.content-with-block-links-element__content .block-link {
    display: block;
    padding-bottom: 100%;
    position: relative;
}

.content-with-block-links-element__content .block-link-internal {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.content-with-block-links-element__content .block-link-content-wrapper {
    max-width: 500px;
}

.content-with-block-links-element__content .block-link-title {
    font-size: 1.6rem;
}

@media (min-width: 576px) {
    .content-with-block-links-element__content .block-link-title {
        font-size: 2rem;
    }
}

@media (min-width: 768px) {
    .content-with-block-links-element__content .block-link-title {
        font-size: 2.8rem;
    }
}

@media (min-width: 992px) {
    .content-with-block-links-element__content .block-link-title {
        font-size: 2rem;
    }
}

@media (min-width: 1200px) {
    .content-with-block-links-element__content .block-link-title {
        font-size: 2.2rem;
    }
}

@media (min-width: 1400px) {
    .content-with-block-links-element__content .block-link-title {
        font-size: 2.8rem;
    }
}


/* paged-content-element__content */
.paged-content-element__content {}

.paged-content-element__content .paged-content-element-wrapper {
    background-color: rgba(0, 0, 0, 0.65);
}

.paged-content-element__content .paged-content-element-titles,
.paged-content-element__content .paged-content-element-titles .paged-content-element-title {
    margin: 0;
    padding: 0;
    list-style: none;
    cursor: pointer;
    position: relative;
    transition-duration: 0.25s;
}

.paged-content-element__content .paged-content-element-titles .paged-content-element-title.selected {
    color: #7AC140;
}

.paged-content-element__content .paged-content-element-contents {
    position: relative;
}

.paged-content-element__content .paged-content-element-contents .paged-content-element-content:not(:first-child) {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.paged-content-element__content .paged-content-element-contents .paged-content-element-content *:last-child {
    margin-bottom: 0;
}

@media (max-width: 991px) {
    .paged-content-element__content .paged-content-element-titles {
        margin-bottom: 1.75rem;
        border-bottom: 1px solid #FFF;
    }

    .paged-content-element__content .paged-content-element-titles .paged-content-element-title {
        display: inline-block;
        padding: 0 0 0.5rem;
    }

    .paged-content-element__content .paged-content-element-titles .paged-content-element-title:not(:last-child) {
        display: inline-block;
        margin-right: 0.75rem;
    }

    .paged-content-element__content .paged-content-element-titles .paged-content-element-title.selected:after {
        content: '';
        display: block;
        height: 5px;
        width: 100%;
        background-color: #7AC140;
        position: absolute;
        margin: 6px 0 0 0;
    }
}

@media (min-width: 992px) {
    .paged-content-element__content .paged-content-element-titles {
        padding-left: 30px;
        border-left: 1px solid #FFF;
    }

    .paged-content-element__content .paged-content-element-titles .paged-content-element-title {
        font-size: 1.25em;
        padding: 1.25rem 0;
        line-height: 1.1em;
    }

    .paged-content-element__content .paged-content-element-titles .paged-content-element-title.selected:before {
        content: '';
        display: block;
        height: 100%;
        width: 5px;
        background-color: #7AC140;
        position: absolute;
        margin: -1.25rem 0 0 -33px;
    }
}

@media (min-width: 1200px) {
    .paged-content-element__content .paged-content-element-titles .paged-content-element-title {
        font-size: 1.75em;
    }
}

/* bootstrap tweaks */
.btn {
    border-radius: 0 !important;
}

.btn-lg {
    min-width: 160px;
}

@media (min-width: 992px) {
    .btn-lg {
        min-width: 200px;
        padding: 0.75rem 1.5rem;
    }
}

.btn-primary,
.bg-primary,
.btn-outline-primary:hover {
    color: #FFF !important;
    background-color: #7AC140 !important;
}

.btn-primary,
.btn-outline-primary {
    border-color: #7AC140 !important;
}

.btn-primary:hover {
    background-color: #5a942b !important;
}

.btn-primary:hover {
    border-color: #5a942b !important;
}

.btn-outline-primary,
.text-primary {
    color: #7AC140 !important;
}

.btn-secondary,
.bg-secondary {
    color: #FFF !important;
    background-color: #7C40A4 !important;
}

.btn-secondary,
.btn-outline-secondary {
    border-color: #7C40A4 !important;
}

.btn-secondary:hover {
    background-color: #71319C !important;
}

.btn-secondary:hover,
.btn-outline-secondary:hover {
    border-color: #71319C !important;
}

.btn-outline-secondary,
.text-secondary {
    color: #7C40A4 !important;
}

.btn-dark {
    color: #FFF !important;
}

/* accordion-faq */
.accordion.accordion-faq .accordion-item {
    border-bottom-color: #7AC140;
}

.accordion.accordion-faq .accordion-item .accordion-header .accordion-button {
    background-color: #FFF;
    padding: 1.6rem 0;
    font-size: 1.2rem;
}

.accordion.accordion-faq .accordion-item .accordion-header .accordion-button::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%237AC140'%3e%3cpath fill-rule='evenodd' d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0M5.354 4.646a.5.5 0 1 0-.708.708L7.293 8l-2.647 2.646a.5.5 0 0 0 .708.708L8 8.707l2.646 2.647a.5.5 0 0 0 .708-.708L8.707 8l2.647-2.646a.5.5 0 0 0-.708-.708L8 7.293z'/%3e%3c/svg%3e");
}

.accordion.accordion-faq .accordion-item .accordion-header .accordion-button.collapsed {
    background-color: #FFF;
    color: inherit;
}

.accordion.accordion-faq .accordion-item .accordion-header .accordion-button.collapsed::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%237AC140'%3e%3cpath fill-rule='evenodd' d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0M8.5 4.5a.5.5 0 0 0-1 0v3h-3a.5.5 0 0 0 0 1h3v3a.5.5 0 0 0 1 0v-3h3a.5.5 0 0 0 0-1h-3z'/%3e%3c/svg%3e");
}

.accordion.accordion-faq .accordion-item .accordion-header .accordion-button:focus {
    border: none;
    box-shadow: none;
    color: #7C40A4;
}

/* video play button */
.video-play-button-overlay:after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%237AC140'%3e%3cpath fill-rule='evenodd' d='M0 12V4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2m6.79-6.907A.5.5 0 0 0 6 5.5v5a.5.5 0 0 0 .79.407l3.5-2.5a.5.5 0 0 0 0-.814z'/%3e%3c/svg%3e");
}

.video-play-button-overlay:before {
    content: '';
    color: #FFF;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFFFFF'%3e%3cpath fill-rule='evenodd' d='m11.596 8.697-6.363 3.692c-.54.313-1.233-.066-1.233-.697V4.308c0-.63.692-1.01 1.233-.696l6.363 3.692a.802.802 0 0 1 0 1.393'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 17% auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

/* forms */
form label {
    font-weight: 400 !important;
}

form .field.checkbox label {
    line-height: 1.4em;
}

form .field.text-white label {
    color: #FFF !important;
}

@media (min-width: 1200px) {
    form .field.field-pair {
        width: 48%;
        display: inline-block;
    }

    form .field.field-pair.field-pair-right {
        float: right;
    }
}

/* contact-page-map-wrapper */
@media (max-width: 991px) {
    #contact-page-map-wrapper {
        --bs-aspect-ratio: 62.8571428571%;
    }
}

/* list-item-number */
.list-item-number span {
    line-height: 4rem;
    width: 4rem;
    text-align: center;
    font-weight: 500;
}

.loopslider .loopslider-nav-button {
    color: #FFF;
    visibility: visible;
}

.loopslider .loopslider-nav-button:before {
    content: '';
    position: absolute;
    width: 80%;
    height: 80%;
    left: 10%;
    top: 10%;
    background-size: 60%;
    background-repeat: no-repeat;
    background-color: #7AC140;
    border-radius: 100%;
    transition: 0.2s;
}

@media (min-width: 1200px) {
    .loopslider .loopslider-nav-button:before {
        opacity: 0;
    }

    .loopslider:hover .loopslider-nav-button:before {
        opacity: 1;
    }
}

.loopslider .loopslider-nav-button svg {
    display: none;
}

.loopslider .loopslider-nav-button.loopslider-prev-button {
    margin-left: 5px;
}

.loopslider .loopslider-nav-button.loopslider-prev-button:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFFFFF'%3e%3cpath fill-rule='evenodd' d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0'/%3e%3c/svg%3e");
    background-position: calc(50% - 3px) center;
}

.loopslider .loopslider-nav-button.loopslider-next-button {
    margin-right: 5px;
}

.loopslider .loopslider-nav-button.loopslider-next-button:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFFFFF'%3e%3cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e");
    background-position: calc(50% + 3px) center;
}


a.muted-image:hover,
a.muted-image:hover * {
    color: #7AC140 !important;
}

.shells-element .label {
    z-index: 1;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0) 100%);
    user-select: none;
}

.shell-checkbox {
    font-size: 1.4rem;
    color: #FFF;
    width: 28px;
    height: 28px;
    line-height: 22px;
    border: 3px solid #7AC140;
}

.shell-checkbox,
.shell-available-option,
.shell-option-sets-option {
    user-select: none;
    cursor: pointer;
}

.shell-available-option .shell-checkbox-small,
.shell-option-sets-option .shell-checkbox-small {
    color: #FFF;
    width: 20px;
    height: 20px;
    line-height: 16px;
    border: 2px solid #7AC140;
}

.shell-checkbox,
.shell-available-option .shell-checkbox-small,
.shell-option-sets-option .shell-checkbox-small {
    border-radius: 4px;
    text-align: center;
    display: inline-block;
}

.shell-checkbox.checked,
.shell-available-option[data-checked="true"] .shell-checkbox-small,
.shell-option-sets-option[data-checked="true"] .shell-checkbox-small {
    background: #7AC140;
}

.shell-option-sets .shell-option-set:not(:first-child),
.shell-option-sets .shell-option-sets-item {
    border-top: 1px solid #CCC;
}

.shell-floating-label {
    line-height: 20px;
    margin-top: -10px;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
}

.shell-floating-label span {
    display: inline-block;
    background: #FFF;
    padding: 0 10px;
}

#styled-list-brand-logos-header-285 .list-item-title {
    display: none;
}


h6.mb-4:has(a[href="/resources-v2?stage=Stage"]) {
    display: none;
}

legend {
    font-size: 1rem !important;
    display: inline-block;
    font-weight: 400 !important;
}

/* slideshow controls above overlay */
.slideshow .carousel-control-prev,
.slideshow .carousel-control-next,
.slideshow .carousel-indicators {
    z-index: 20;
}

#two-column-content-element-buttons-292 a {
    margin-bottom: 10px;
}

#styled-list-sips-icons-270 .list-item-image {}

.sector_bg_cover .list-item-background {
    background-size: cover !important;
}