﻿/* @import url(main.css); */

.page-content-item {
    margin-top: 40px;
    margin-bottom: 30px;
}

.item--hidden {
    opacity: .7;
}
.item--hidden::before{
    content: "Hidden";
    color: red;
    display: block;
    text-align: center;
    font-size: 2rem;
    font-weight: 900;
}
.back--office--preview {
    border: 1px dashed;
    padding: 1rem;
    margin-bottom: 2rem;
    max-width: 800px;
    max-height: 500px;
    overflow: scroll;
}
.mceNonEditable.embeditem iframe {
    width: 100%
}

.back--office--preview .poster-block-content {
    color: #fff;
    z-index: 20;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    left: 0;
    padding-top: 124px;
    visibility: visible;
    text-align: center;
}

.back--office--preview.poster-block {
    min-height: 300px !important;
    background-size: cover;
}

.back--office--preview.poster-block h1 {
    font-size: 2rem;
}

.back--office--preview.poster-block h3 {
    font-size: 1rem !important;
}

.ace-bgoverlay, .googlemap-wrapper, .image-carousel-wrapper, .image-overlay-caption, .single-image, .text-img-vertical-item {
    box-shadow: 0 1px 2px 0 #ebebeb
}

.text-img-vertical-container {
    display: -ms-flexbox;
    display: flex
}

    .text-img-vertical-container > div {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        margin-left: 0;
        margin-right: 0
    }

        .text-img-vertical-container > div:first-child {
            margin-left: 0
        }

        .text-img-vertical-container > div:last-child {
            margin-right: 0
        }

@media (max-width: 767px) {
    .text-img-vertical-container {
        -ms-flex-direction: column;
        flex-direction: column
    }

        .text-img-vertical-container > div {
            -ms-flex-preferred-size: auto;
            flex-basis: auto;
            margin-left: 0;
            margin-right: 0
        }

            .text-img-vertical-container > div + div {
                margin-top: 0
            }
}

.text-img-vertical-item {
    background-color: #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: start;
    justify-content: flex-start
}

    .text-img-vertical-item + .text-img-vertical-item {
        border-left: 1px solid #ebebeb
    }

.text-img-vertical-item-text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 30px 10px 40px
}

.text-img-vertical-item-text-inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center
}

.text-img-vertical-title + .text-img-vertical-action {
    margin-top: 40px
}

.text-img-vertical-subtitle {
    margin: 20px 80px 40px;
    text-transform: none
}

.text-img-vertical-image {
    display: block;
    width: 100%;
    height: 0;
    background-size: cover;
    background-position: top center;
    padding-bottom: 41.666667%
}

.text-img-vertical-action {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

@media (min-width: 640px) {
    .text-img-vertical-container.three-blocks .text-img-vertical-item, .text-img-vertical-container.two-blocks .text-img-vertical-item {
        max-width: none
    }
}

@media (max-width: 1280px) {
    .text-img-vertical-subtitle {
        margin-right: 0;
        margin-left: 0
    }
}

.text-img-horizontal-container {
    background-color: #fff;
    border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9
}

.text-img-horizontal-item {
    display: -ms-flexbox;
    display: flex;
    min-height: 50vh
}

    .text-img-horizontal-item:nth-child(even) {
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

        .text-img-horizontal-item:nth-child(even) .text-img-horizontal-content {
            border-right: none;
            border-left: 1px solid #e9e9e9
        }

    .text-img-horizontal-item + .text-img-horizontal-item {
        border-top: 1px solid #e9e9e9
    }

.text-img-horizontal-content {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    border-right: 1px solid #e9e9e9
}

.text-img-horizontal-inner {
    padding: 60px;
    max-width: 860px
}

.text-img-horizontal-title {
    color: #423e4c
}

.text-img-horizontal-subtitle {
    color: #423e4c;
    margin-top: 14px
}

.text-img-horizontal-copy {
    margin-top: 42px
}

.text-img-horizontal-btn {
    margin-top: 40px
}

.text-img-horizontal-img {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    background-size: cover;
    background-position: 50% 50%
}

@media (min-width: 767px) {
    .quickdonate, .text-img-horizontal-item {
        min-height: 50vh
    }
}

@media (max-width: 1025px) {
    .text-img-horizontal-inner {
        padding: 25px
    }
}

@media (max-width: 900px) {
    .text-img-horizontal-item {
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .text-img-horizontal-content, .text-img-horizontal-img {
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .text-img-horizontal-inner {
        padding-left: 10px;
        padding-right: 10px
    }

    .text-img-horizontal-img {
        padding-bottom: 100%;
        height: 0;
        background-position: top center
    }

    .text-img-horizontal-action {
        text-align: center
    }
}


.imagelist-container {
    background-color: #fff
}

.imagelist-rowcol {
    display: -ms-flexbox;
    display: flex
}

    .imagelist-rowcol + .imagelist-rowcol {
        border-top: 1px solid #ebebeb
    }

.imagelist-thumb {
    -ms-flex-preferred-size: 33.3%;
    flex-basis: 33.3%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    background-size: cover;
    background-position: center center
}

.imagelist-content {
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    padding: 45px
}

.imagelist-content-title {
    margin-bottom: 20px
}

.imagelist-content-description {
    margin-left: 0
}


/* imageOverlayRow */
.image-overlay-item, .poster-block {
    background-position: center center;
    position: relative;
    min-height: 100vh;
    background-size: cover
}

.image-overlay-caption-action, .image-overlay-caption-title, .pdp-calendar-top-heading, .poster-block-content, .rating-item-author, .rating-item-star, .sponsor-logos-item, .sponsor-logos-title-text, .text-img-vertical-button, .text-img-vertical-subtitle, .text-img-vertical-title, .video-embed-caption, .video-embed-heading {
    text-align: center
}

.image-overlay-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: end;
    align-items: flex-end
}

.image-overlay-caption {
    max-width: 675px;
    background-color: #fff;
    padding: 70px;
    margin-top: 70px
}

.image-overlay-caption-title {
    margin-bottom: 30px;
    color: #423e4c
}

.image-overlay-caption-action {
    margin-top: 40px
}

@media (max-width: 767px) {
    .image-overlay-item {
        height: auto
    }

    .image-overlay-item-image {
        height: 0;
        padding-bottom: 100%;
        position: relative
    }

    .image-overlay-caption {
        position: relative;
        bottom: 0;
        padding: 30px 20px
    }
}


/* Quote Row */
.quote-row {
    padding: 60px 40px 40px
}

.quote-inner {
    color: #9a95a5
}

.quote-author, .quote-source {
    text-align: center
}

.quote-text {
    position: relative;
    margin-bottom: 40px
}

.quote-text-symbol {
    position: absolute;
    height: 43px;
    width: 53px;
    display: block
}

.quote-text-symbol-before {
    top: -23px;
    left: -58px
}

.quote-text-symbol-after {
    right: -58px;
    bottom: -23px
}

.quote-text-symbol-icon {
    position: absolute;
    top: 0;
    left: 0;
    fill: #9a95a5;
    height: 100%;
    width: 100%
}


/* Text List Row */
.quote-row, .textlist-container, .tip {
    background-color: #f8f8f8
}

.textlist-container-inner {
    margin: 0 auto;
    max-width: 740px
}

@media (max-width: 767px) {
    .textlist-container-inner {
        padding-left: 10px;
        padding-right: 10px
    }

    .textlist-item {
        margin-left: 0
    }

    .textlist-item-title {
        -ms-flex-preferred-size: 125px;
        flex-basis: 125px;
        margin-right: 20px
    }
}


/* Video Embed Content */
.video-embed-block > * + * {
    margin-bottom: 25px
}

.video-embed-heading {
    margin-bottom: 60px
}

.video-embed-wrapper {
    max-width: 50rem;
    margin-left: auto;
    margin-right: auto;
    padding-left: 25px;
    padding-right: 25px
}

@media (min-width: 1026px) {
    .video-embed-wrapper {
        max-width: 72rem
    }
}

@media (min-width: 1281px) {
    .video-embed-wrapper {
        max-width: 74rem
    }
}

@media (min-width: 1901px) {
    .video-embed-wrapper {
        max-width: 88rem
    }
}

.video-embed-iframe {
    position: relative;
    padding-bottom: 56.25%;
    width: 100%;
    max-width: 100%;
    background: #272727
}
    .video-embed-iframe > iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

@media (max-width: 1025px) {
    .video-embed-heading {
        margin-bottom: 25px
    }
}