{# Note: This file is subject to change. Please overwrite styles with custom-styles.css using a child-theme #}
/* Sec CTA */

.pwr-sec-cta {
    padding: 48px 0;
    overflow: hidden;
    position: relative;
    z-index: 0;
}
.pwr-sec-cta--vertical {
    padding: 80px 0;
}
.pwr-sec-cta--cta-only {
    padding: 65px 0;
}
.pwr-sec-cta--dark {
    background-color: var(--clr-background-dk);
    color: var(--clr-text-dk);
}
.pwr-sec-cta--primary {
    background-color: var(--clr-primary);
    color: var(--clr-text-dk);
}
.pwr-sec-cta__hor-text-wrapper--narrow {
    max-width: 800px;
}
.pwr-sec-cta__title {
    line-height: 1.14em;
    margin: 0;
}
.pwr-sec-cta__desc {
    display: block;
    font-size: var(--fs-desc-sec);
    line-height: 1.6em;
}
.pwr-sec-cta__title + .pwr-sec-cta__desc {
    margin-top: 15px;
}
.pwr-sec-cta__title--vertical + .pwr-sec-cta__desc--vertical {
    margin-top: 25px;
}

.pwr-sec-cta__cta--center {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) !important;
            transform: translate(-50%, -50%) !important;
    width: 100%;
}
.pwr-sec-cta__cta--vertical { 
    margin-top: 40px;
}

@media (max-width: 991px) {
    .pwr-sec-cta__cta--right {
        margin-top: 40px;
    }
    .pwr-sec-cta__cta--center .cta_button,
    .pwr-sec-cta__cta--vertical .cta_button {
        max-width: 340px;
    }
}
@media (min-width: 992px) {
    .pwr-sec-cta__title:not(.pwr-sec-cta__title--vertical),
    .pwr-sec-cta__desc:not(.pwr-sec-cta__desc--vertical) {
        text-align: left;
    }
    .pwr-sec-cta__cta--right {
        position: absolute;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%) !important;
                transform: translateY(-50%) !important;
    }
}
@media (max-width: 767px) {
    .pwr-sec-cta--vertical {
        padding: calc(95px * var(--sp-reduction-factor)) 0;
    }
    .pwr-sec-cta--cta-only {
        padding: calc(65px * var(--sp-reduction-factor)) 0;
    }
    .pwr-sec-cta__desc {
        font-size: var(--fs-min); /* fallback */
        font-size: max(var(--fs-min),calc(var(--fs-desc-sec) * var(--fs-reduction-factor)));
    }
    .pwr-sec-cta__title--vertical + .pwr-sec-cta__desc--vertical {
        margin-top: calc(25px * var(--sp-reduction-factor));
    }
    .pwr-sec-cta__cta--right,
    .pwr-sec-cta__cta--vertical { 
        margin-top: calc(40px * var(--sp-reduction-factor));
    }
}