/* This file is used as dependency in:
   ../../modules/sec-map.module/module.html */

.pwr-sec-map {
    overflow: hidden;
    position: relative;
    z-index: 0;
}

.pwr-sec-map__title-intro {
    z-index: 1;
}

.pwr-sec-map__desc {
    line-height: 2.25em;
}

.pwr-sec-map__title + .pwr-sec-map__desc {
    margin-top: 20px;
}

.pwr-sec-map__contact {
    color: var(--clr-text-lt);
    display: inline-block;
    float: left;
    font-size: 18px;
    padding-bottom: 15px;
    padding-left: 20px;
    line-height: 1.88em;
    width: calc( 100% - 20px );
}

.pwr-sec-map__title + .pwr-sec-map__contact-container {
    margin-top: 20px;
}

.pwr-sec-map__desc + .pwr-sec-map__contact-container {
    margin-top: 20px;
}

.pwr--dark .pwr-sec-map__contact {
    color: var(--clr-text-dk);
}

.pwr-sec-map__contact-icon {
    display: inline-block;
    fill: currentColor;
    font-size: 18px;
    float: left;
    padding-top: 6px;
}

.pwr-sec-map__cta [class*="cta_button"] {
    margin-top: 20px;
}

.pwr-sec-map__contact-container + .pwr-sec-map__cta [class*="cta_button"] {
    margin-top: 40px;
}

.pwr-sec-map__title + .pwr-form {
    margin-top: 40px;
}

.pwr-sec-map__desc + .pwr-form {
    margin-top: 40px;
}

.pwr-sec-map__cta + .pwr-form {
    margin-top: 80px;
}

.pwr-sec-map__contact-container + .pwr-form {
    margin-top: 80px;
}

.pwr-sec-map .page-center :not(.pwr-sec-split__left):not(.pwr-sec-split__right) > .pwr-sec-map__map {
    border-radius: var(--br-box);
    overflow: hidden;
    position: relative;
}

.pwr-sec-map__map {
    width: 100%;
}

.pwr-sec-map__map > iframe {
    width: 100%;
}

.pwr-sec-map__map > iframe {
    height: 100%;
    float: left;
}

.pwr-sec-map__box {
    z-index: 1;
}

:not(.pwr-sec-map__box) > .pwr-sec-map__content {
    display: table-cell;
    height: auto;
    padding: 90px;
    width: 100%;
    vertical-align: middle;
    z-index: 0;
}


@media (max-width: 1199px ) {
    .pwr-sec-map__box {
        height: auto !important;
    }
}

@media (min-width: 992px ) {
    .pwr-sec-map__box {
        border-radius: var(--br-box);
        max-width: 400px;
        padding: 40px 50px 50px;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .pwr-sec-map__box:not(.pwr--dark) {
        background-color: var(--clr-background-accent-lt);
    }

    .pwr-sec-map__box--left {
        left: 80px;
    }

    .pwr-sec-map__box--right {
        right: 80px;
    }
}

@media (max-width: 991px ) {
    .pwr-sec-map__box {
        display: block;
        padding: 50px 40px;
    }

    .pwr-sec-map__map {
        height: 400px !important;
    }

    :not(.pwr-sec-map__box) > .pwr-sec-map__content {
        display: block;
        padding: 50px 40px;
    }

    :not(.pwr-sec-map__box) > .pwr-sec-map__content {
        height: auto !important;
    }
}

@media (max-width: 767px ) {
    .pwr-sec-map__contact {
        font-size: 18px;
        font-size: max(var(--fs-min), calc(18px * var(--fs-reduction-factor)));
        padding-bottom: calc(15px * var(--sp-reduction-factor));
        padding-left: calc(20px * var(--sp-reduction-factor));
    }

    .pwr-sec-map__title + .pwr-sec-map__desc {
        margin-top: calc(20px * var(--sp-reduction-factor));
    }

    .pwr-sec-map__title + .pwr-sec-map__contact-container {
        margin-top: calc(20px * var(--sp-reduction-factor));
    }

    .pwr-sec-map__desc + .pwr-sec-map__contact-container {
        margin-top: calc(20px * var(--sp-reduction-factor));
    }

    .pwr-sec-map__contact-icon {
        font-size: 18px;
        font-size: max(var(--fs-min), calc(18px * var(--fs-reduction-factor)));
        padding-top: calc(6px * var(--sp-reduction-factor));
    }

    .pwr-sec-map__cta [class*="cta_button"] {
        margin-top: calc(20px * var(--sp-reduction-factor));
    }

    .pwr-sec-map__contact-container + .pwr-sec-map__cta [class*="cta_button"] {
        margin-top: calc(40px * var(--sp-reduction-factor));
    }

    .pwr-sec-map__title + .pwr-form {
        margin-top: calc(40px * var(--sp-reduction-factor));
    }

    .pwr-sec-map__desc + .pwr-form {
        margin-top: calc(40px * var(--sp-reduction-factor));
    }

    .pwr-sec-map__cta + .pwr-form {
        margin-top: calc(80px * var(--sp-reduction-factor));
    }

    .pwr-sec-map__contact-container + .pwr-form {
        margin-top: calc(80px * var(--sp-reduction-factor));
    }
}