.form-row textarea {
    border: 1px solid #777 !important;
    box-shadow: none;
    border-radius: 0.5rem;
    padding: 0.4em 0.5em !important;
    font-size: 18px !important;
}

input.form-control {
    border: 1px solid #777;
    border-radius: 0.5rem;
    padding: 0.4em 0.5em !important;
    font-size: 18px !important;
}

.white-container {
    box-shadow: none;
}

.dropdown-menu.show {
    min-width: 100% !important;
    max-height: 150px !important;
    min-height: 150px !important;
}

.font_gotham {
    font-family: "Gotham A", "Gotham B", Helvetica, Arial, sans-serif !important;
}

/*.banner {background-repeat: no-repeat !important;background-position: center center !important;background-size: cover !important;height: 450px;object-fit: cover;}*/

.navi .breadcrumb-link {
    font-size: 15px;
    color: #425563;
    font-weight: 400;
    font-family: "Gotham A", "Gotham B", Helvetica, Arial, sans-serif !important;
}

.bg-half {
    background: linear-gradient(to bottom, #eef7f9 330px, #fff 0%);
}

.center_div {
    position: absolute !important;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.bg-lightsky {
    background: #eef7f9;
}

.icon-error {
    display: none;
}

.icon-error+#prayer-subscribe-error {
    /*position: absolute;*/
    bottom: -26px;
    left: 0;
    background: #dadada;
    max-width: 380px;
    width: 100%;
    padding: 5px 10px;
    border-bottom-left-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
    z-index: -9;
    font-weight: 700;
    font-size: 12px;
    color: #ea5239;
    text-align: left;
    font-style: normal;
}

.text-teal-blue {
    color: #005eb8 !important;
}

.text-steel {
    color: #768692 !important;
}

h2.yellow_underline:after {
    background: #ffd000 !important;
}

.need-help {
    position: absolute;
    left: 50%;
    transform: translate(-50%, -85%);
    z-index: 7;
}

.main_content h2 {
    font-size: 28px;
    font-weight: Bold;
    margin-bottom: 1.5rem;
    text-align: left;
    color: #425563;
    font-family: "Gotham A", "Gotham B", Helvetica, Arial, sans-serif !important;
}

.main_content p {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 3rem !important;
    text-align: left;
    color: #425563;
    font-family: "Gotham A", "Gotham B", Helvetica, Arial, sans-serif !important;
}

.main_content p:last-child {
    margin-bottom: 0 !important;
}

.main_content img.size-full {
    width: 100%;
    height: auto !important;
}

.main_content img {
    margin: 1rem 0rem;
    border-radius: 7px;
}

.main_content .btn.btn-theme-primary {
    color: #fff !important;
    padding: 0.8em 2em;
    font-family: "Gotham A", "Gotham B", Helvetica, Arial, sans-serif !important;
}

.main_content iframe {
    border-radius: 7px;
    height: 390px;
    font-family: "Gotham A", "Gotham B", Helvetica, Arial, sans-serif !important;
}

.main_content ul,
.main_content ol {
    margin: 0 0 3rem 2rem;
    color: #425563;
    font-weight: 400;
    font-family: "Gotham A", "Gotham B", Helvetica, Arial, sans-serif !important;
}

.main_content ul li::marker {
    color: #005fbc;
    font-size: 25px;
}

.main_content ol li::marker {
    color: #005fbc;
    font-size: 20px;
}

.main_content ul li,
.main_content ol li {
    margin-bottom: 1rem;
    font-family: "Gotham A", "Gotham B", Helvetica, Arial, sans-serif !important;
}

.main_content hr,
hr {
    border-top: 2px solid #d9e1e2;
    margin-bottom: 3em;
}

.main_content a:not(.ale-button),
.main_content a:not(.btn),
.pray-and-quotes a,
.prayer-subscribe-fluid a {
    color: #0054a6;
    font-weight: 400;
    font-family: "Gotham A", "Gotham B", Helvetica, Arial, sans-serif !important;
}

.main_content .quotes {
    background: #eef7f9;
    border-radius: 7px;
    padding: 20px 30px;
    margin-bottom: 3rem;
    font-family: "Gotham A", "Gotham B", Helvetica, Arial, sans-serif !important;
}

.main_content .quotes .quotes-text {
    font-size: 21px;
    font-weight: 100;
    color: #00407a;
    font-style: italic;
    font-family: "Gotham A", "Gotham B", Helvetica, Arial, sans-serif !important;
}

.main_content .quotes .quotes-author {
    font-size: 15px;
    font-weight: 600;
    margin: 10px 0 0 0;
    color: #00407a;
    font-family: "Gotham A", "Gotham B", Helvetica, Arial, sans-serif !important;
}

.text-theme-newblue {
    color: #0c5eb8 !important;
}

.seo_banner_popup #prayersubscribe-error {
    position: absolute;
    white-space: nowrap !important;
    padding: 0;
    margin: 0;
}

.seo_banner_popup .icon-error {
    display: none;
}

@media (max-width: 767px) {
    .main_content .btn.btn-theme-primary {
        width: 100%;
    }

    .bg-half {
        background: linear-gradient(to bottom, #eef7f9 150px, #fff 0%);
    }

    .content-bg-img {
        background-position: top center !important;
        min-height: 200px !important;
    }

    .youtube-div {
        height: 200px !important;
    }

    .main_content iframe {
        border-radius: 7px;
        height: 190px;
    }

    .btn#subscribe-btn {
        width: 100%;
    }

    .prayer-subscribe-fluid:after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        transform: translate(0%, 0%);
        width: 100%;
        background: url(<?phpecho$template_path;?>/img/blog/email_signup_encourager.png);
        background-position: center bottom;
        background-size: cover;
        background-repeat: no-repeat;
        height: 83px;
    }

    .main_content img {
        height: auto !important;
    }

    body.modal-open .modal {
        overflow: hidden !important;
    }

    body.modal-open {
        touch-action: none;
        -ms-touch-action: none;
        position: relative;
    }

    .seo_banner_popup #prayersubscribe-error {
        position: relative;
    }
}

/* @media (min-width: 1440px) {
    .content-bg-img {
        background-size: 125%;
        min-height: 31vw;
    }
} */


.play-video-icon+div {
    display: none !important;
}

#postcode-lookup-search {
    background-color: #0054a6;
}

.form-container .square-btn {
    width: 43px !important;
    right: 0;
    height: 44px !important;
    background: #0054a6;
    border: none;
    border-radius: 0 5px 5px 0;
    outline: none;
}

#postcode-lookup-search:before {
    content: "\f0da";
    font-family: "Font Awesome 5 Free";
    position: absolute;
    display: flex;
    font-weight: 900;
    font-size: 43px;
    line-height: 50px;
    left: 0;
    top: 0;
    color: #fff;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

#postcode-lookup-select-row {
    display: none;
}

.btn.selectpicker-select {
    font-weight: 400;
}

.youtube-player {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}

.youtube-player iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    border-radius: 7px !important;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
    border: 0;
    background-color: transparent !important;
}

.youtube-player img {
    object-fit: cover;
    display: block;
    left: 0;
    bottom: 0;
    margin: auto;
    max-width: 100%;
    width: 100%;
    position: absolute;
    right: 0;
    top: 0;
    border: none;
    height: auto;
    cursor: pointer;
    -webkit-transition: 0.4s all;
    -moz-transition: 0.4s all;
    transition: 0.4s all;
    border-radius: 7px !important;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
    border: 0;
    background-color: transparent !important;
}

.youtube-player img:hover {
    -webkit-filter: brightness(75%);
}

.youtube-player .play {
    background: url(/../wp-content/themes/donation/img/blog/icon_video_play_75x75.svg) no-repeat;
    cursor: pointer;
    position: absolute !important;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-size: auto;
    background-position: center;
    height: 100%;
    width: 100%;
}


@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
    .content-bg-img {
        min-height: 330px !important
    }
}

@media all and (device-width: 1024px) and (device-height: 768px) and (orientation:landscape) {
    .content-bg-img {
        min-height: 530px !important
    }
}

.form-container label{
    text-transform: none !important;
}

.grid_col{
    grid-area: main;
    display: grid;
    grid-gap: 0;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
}

p:empty{
    height:0;
    margin: 0;
    padding:0;
}