/*@import url('/scss/StyleSheet.min.css');*/
@import url('/css/Zeale-properties.css');
@import url('/css/typography.css');
@import url('/css/website_header.css');
@import url('/css/hero_article.css');
@import url('/css/the_loop.css');
@import url('/css/news.css');
@import url('/css/revive-flyer.css');

:root {
    font-size: 16px;
}

/* BUTTONS */
.zeale-btn-primary {
    color: #FFF;
    background-color: var(--zeale-orange-500);
    border-style: none;
    border-radius: .25rem;
    padding: .75rem .75rem;
    text-decoration:none;
}

    .zeale-btn-primary:hover {
        background-color: var(--zeale-orange-600);
        color: #FFF;
    }

    .prevent-select {
        -webkit-user-select: none; /* Safari */
        -ms-user-select: none; /* IE 10 and IE 11 */
        user-select: none; /* Standard syntax */
    }
.zeale-btn-secondary {
    color: #FFF;
    background-color: #127CB5;
    border-style: none;
    border-radius: .25rem;
    padding: .75rem .75rem;
    text-decoration:none;
}

.theme-btn-watch-now {
    border-style: none;
    padding: .25rem 1rem;
    color: #FFFFFF;
    background-color: #4D5A61;
    border-radius: 5px;
}

.signin-btn {
    border: none;
    border-radius: 5px;
    background-color: var(--zeale-orange-500);
    width: 100%;
    padding: .75rem;
    color: white;
    font-size: 20px;
    letter-spacing: 1px;
    text-decoration: none;
}

.signup-btn {
    border: solid 2px;
    border-color: var(--zeale-orange-500);
    border-radius: 5px;
    background-color: white;
    width: 100%;
    padding: .75rem;
    color: var(--zeale-orange-500);
    font-size: 20px;
    letter-spacing: 1px;
    text-decoration: none;
}

.zeale-btn-primary-prayer {
    border-radius: 6px;
    padding: 21px 49px;
    font-weight: 600;
    line-height: 130%;
}

.buy-button {
    background-color: var(--zeale-orange-500);
    color: #FFFFFF;
    border-style: none;
    padding: 1rem 6rem;
    border-radius: 25px;
    font-size: 18px;
}

.admin-btn-primary {
    color: #FFF;
    background-color: var(--zeale-blue-500);
    border-style: none;
    border-radius: .25rem;
    padding: .75rem .75rem;
    text-decoration: none;
}

.admin-btn-primary:hover {
    background-color: var(--zeale-blue-600);
    color: #FFF;
}

.admin-btn-secondary {
    color: var(--zeale-blue-500);
    background-color: #FFF;
    border-style: solid var(--zeale-blue-500);
    border-width: 1px;
    border-radius: .25rem;
    padding: .75rem .75rem;
    text-decoration: none;
}

/* END BUTTONS */
body {
    margin-left: 0;
    margin-right: 0;
    color: var(--zeale-black-100);
}

main {
    margin-top: 72px;
}
/* || GLOBAL properties used site wide */
td {
    vertical-align: middle !important;
}
.section-container {
    margin: 0rem 2.5rem 0 2.5rem;
}

.section-title-container {
    display: flex;
    justify-content: space-between;
    padding: 1.75rem 0rem;
    padding-top: 3.2rem;
}

.section-header-text {
    font-size: 36pt;
    font-weight: 400;
    margin-top: 0rem;
}

.zeale-row {
    display: flex;
   /* flex-wrap: wrap;*/
}

.zeale-row.latest-news {
    flex-wrap: wrap;
}

.zeale-row.prayer-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
    .zeale-row.prayer-row:last-child > a > .prayer-card {
        margin-right: 0px;
    }

    .zeale-row.recommended div, .zeale-row.shows div, .zeale-row.podcasts div {
        flex: 0 0 25%;
    }

.zeale-row.show {

}

.zeale-row div div img {
    border-radius: 5%;
}

.zeale-row div a img {
    border-radius: 17px;
}

.zeale-row div div img:hover, .zeale-row div a img:hover {
    box-shadow: 0px 1px 8px 4px #677278;
    border-radius: 15px;
    cursor: pointer;
}

.zeale-row.news-container div a img:hover {
    box-shadow: 0px 1px 8px 4px #677278;
    border-radius: 0px;
    cursor: pointer;
}

.zeale-row.shows div a img {
    margin-right: 16px;
    width: 95.3%;
    max-width: 333.55px;
    border-radius: 15px;
}


.zeale-row.recommended div div img, .zeale-row.podcasts div a img {
    margin-right: 16px;
    width: 95%;
    max-width: 332.5px;
}

.zeale-row.recommended.show {
    display: flex;
    /*justify-content: space-between;*/
}

.zeale-row.recommended.show div {
    width: 332.5px;
    flex: none;
    margin-right: 24px;
    padding-bottom: 3px;
}

.zeale-row.recommended.show div div img {
    /*margin-right: 24px;*/
    /*width: 95%;*/
    margin-right: 0px;
    max-width: 332.5px;
    width: 332.5px;
}

/*.zeale-row.podcasts div a img {
    margin-right: 16px;
    width: 95%;
    max-width: 333.55px;
}*/

.zeale-row.latest-news-container div div a img {
    border-radius: 0px;
}

.zeale-row.latest-news-container div div a img:hover {
    box-shadow: 0px 0px 0px 0px;
}

.zeale-row div a img {
    border-radius: 0px;
}

.zeale-row.prayer-page {
    justify-content: space-between;
    flex-wrap: nowrap;
}

.zeale-row.prayer-category-page {
    justify-content: space-between;
    flex-wrap: wrap;
}

.horizontal-line {
    width: 100%;
    border-bottom-style: solid;
    border-bottom-width: thin;
    border-bottom-color: #e8e8e8;
}

.horizontal-line-mobile {
    display: none;
}

.shows-horizontal-line {
    width: 100%;
    border-bottom-style: solid;
    border-bottom-width: thin;
    border-bottom-color: #4D5A61;
}

.shows-horizontal-line-mobile {
    display: none;
}

.loop-horizontal-line {
    display: none;
}

.vertical-line {
    border-right-style: solid;
    border-right-width: thin;
    border-right-color: #101010;
    margin-top: 10px;
    margin-left: 1.5rem;
    margin-right: 1.5rem;
    margin-bottom: 10px;
    opacity: 20%;
}

.nav-arrow-btn {
    background-color: var(--zeale-black-90);
    color: var(--zeale-orange-500);
    border-style: none;
    border-radius: 50%;
    padding: 0px;
    line-height: 0;
    border-style: solid;
    border-width: medium;
    border-color: var(--zeale-orange-500);
    height: 32px;
    width: 32px;
}

.nav-arrow-btn i {
    font-size: xx-large;
    top: -3px;
    left: -1px;
    position: relative;
}



.article-title {
    font-size: 13pt;
    max-width: 21rem;
    font-weight: 500;
}

.no-style-link {
    text-decoration: none;
    color: black;
}

.d-flex {
    display: flex;
}

.time-ago-text {
    margin-left: .5rem;
    font-size: 14pt;
    color: var(--zeale-black-60);
}

.article-row {
    display: flex;
    flex-wrap: wrap;
}

.article-container {
    display: flex;
    height: 100%;
}

.article-text-container {
    margin-right: 1rem;
    width: 100%;
}

.article-subtext-container {
    color: var(--zeale-black-60);
    font-family: "FigTree", serif !important;
    margin-top: .75rem;
}

.article-subtext-container-news {
    color: var(--zeale-black-60);
    font-family: "FigTree", serif !important;
    margin-top: 4px;
}

.article-media-container {
    margin-bottom: .5rem;
    aspect-ratio: 3/2;
}

.article-media-container img {
    width: 100%;
    aspect-ratio: 3/2;
}

.article-subtext {
    font-size: 14px;
}

.flex-center {
    display: flex;
    align-items: center;
}

.dot {
    background-color: var(--zeale-orange-500);
    margin-left: 20px;
    margin-right: 20px;
    border-radius: 50%;
    height: 4px;
    width: 4px;
    margin-top: auto;
    margin-bottom: auto;
}

.title-section-container {
    display: flex;
    justify-content: space-between;
}




.d-none {
    display: none;
}

.center-text {
    text-align: center;
}

.right-text {
    text-align: right;
}

#UserImageDropdown:hover {
    cursor: pointer;
}

.dark-bg {
    background-color: var(--zeale-black-100);
    height: 100%;
}

.dark-bg div .section-header-text {
    color: #FFFFFF;
}

.dark-bg div .article-title {
    font-family: "FigTree", serif !important;
    font-weight: 600;
    color: #FFFFFF;
}

.bg-white-60 {
    background-color: #f0ebe2;
}


.d-flex-center {
    display: flex;
    justify-content: center;
}

.justify-center {
    justify-content: center;
}

.justify-between {
    justify-content: space-between;
}

.padding-2 {
    padding: 2rem;
}

.mobile-row-view {
    display: none;
}
/* END Global classes and properties */


/* Top Stories CSS */
.ts-container {
    margin: 3.5rem 2.5rem 0 2.5rem;
}

.ts-thumbnail {
    width: 21.3rem;
    aspect-ratio: auto 3 / 2;
}

.ts-thumbnail img {
    width: 99%;
    height: 100%;
}

.ts-subtext-container {
    display: flex;
    align-items: center;
    font-family: "FigTree", serif !important;
    font-weight: 600;
    margin-top: .5rem;
}

.ts-subtext {
    color: var(--zeale-black-60);
    font-family: "FigTree", serif !important;
    font-weight: 600;
    margin-right: .5rem;
}

.ts-article-title {
    font-size: 22px;
    width: fit-content;
    max-width: 25rem;
    font-weight: 600;
}

.top-stories {
    width: 445px;
}


/* END Top Stories CSS */


.ts-article-container {
    flex: 0 0 15.75%;
}

.ln-article-container {
    flex: 0 0 15.75%;
}

.latest-news-articlecard-container {
    margin-top: 1rem;
}

.clamp {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
}

.page-padding, .hero-padding, .homepage-padding {
    width: 1400px;
    margin: 0 auto;
    padding-bottom: 0;
}

.loop-padding {
    width: 1480px;
    margin: 0 auto;
}

.shows-page-padding, .prayers-page-padding {
    width: 1400px;
    margin: 0 auto;
}

.shows-page-padding > .show-section, .prayers-page-padding > .show-section {
    padding-bottom: 4rem;
}

.prayer-card {
    aspect-ratio: auto 9 / 16;
    width: 338px;
    min-height: 601px;
    min-width: 338px;
}

.prayer-card:hover {
    box-shadow: 0px 1px 8px 4px #677278;
    cursor: pointer;
    border-radius: 15px;
}

.prayer-card > img {
    max-width: 338px;
    max-height: 601px;
    aspect-ratio: 9 / 16;
    height: 100%;
    border-radius: 16px;
}

.prayer-card-square {
    max-width: 332px;
    max-height: 332px;
    aspect-ratio: 1 / 1;
    height: 332px;
    border-radius: 16px !important;
}

    .prayer-card-square:hover {
        box-shadow: 0px 1px 8px 4px #677278;
        cursor: pointer;
        border-radius: 16px;
    }

#loop_row > *:nth-last-child(-n+2) {
    display: none;
}

.shows-row {
    justify-content: space-between !important;
}

.hero-container {
    display: flex;
    justify-content: space-evenly;
}

.podcasts-row {
    justify-content: space-evenly;
}

.podcast-section-container {
    padding-bottom: 48px;
}

.podcast-section-container > :first-child {
    display: flex;
    justify-content: space-between;
    padding-bottom: 1.55rem;
    padding-top: 1.9rem;
}

.podcasts-thumbnail > a > img {
    max-width: 338px;
    border-radius: 16px !important;
    width: 338px;
}

.loop-section-container {
    padding-top: 1.5rem;
    width: 1480px;
    margin-left: auto;
    margin-right: auto;
}

.loop-container {
    display: flex;
    justify-content: space-between;
    padding: 3rem 2.5rem;
    align-items: center;
    border-top: 1px solid var(--Black-50, #80898E);
    border-bottom: 1px solid var(--Black-50, #80898E);
}

.loop-card {
    width: 12rem;
    height: 9.75rem;
}

.loop-margin-right {
    margin-right: 2.75rem;
}

#shows_carousel, #podcasts_carousel, #prayers_carousel {
    display: none;
}

.footer-padding {
    width: 91rem;
    margin: 0 auto;
    padding: 0 2rem;
}

.zeale-videocard-title:hover {
    text-decoration: underline;
}

.shows-section, .show-section {
    /*padding-top: 4rem;*/
    padding-top: 78px;
}

.shows-section .zeale-section-title, .show-section .zeale-section-title {
    margin-bottom: 1.75rem;
    color: #FFFFFF;
}

.video-card-text-container {
    color: #FFFFFF;
    margin-top: 1.5rem;
}

.video-card-text-container .zeale-videocard-title {
    margin-bottom: .75rem;
}

.footer-info-container div .zeale-footer-categories {
    display: flex;
    justify-content: space-between;
    color: #ffffff;
    margin-bottom: 1.25rem;
}

.banner-info {
    width: 68.25rem;
    color: #FFFFFF;
    margin-top: -31rem;
}


.zeale-show-related-category-container {
    width: 505px;
}

#banner_gradient {
    width: 100%;
    background: linear-gradient(180deg, rgba(0,0,0,0), rgba(0,0,0,0), rgba(2, 20, 30, 1));
    /* background: linear-gradient(90deg, rgba(2, 20, 30, 0) 0%, #02141E 100%); */
    aspect-ratio: 1.9;
}

.zeale-show-related-category div a {
    text-decoration: underline;
}

.mobile-view {
    display: none;
}

.desktop-prayer {
    display: block;
}

.banner-image {
    aspect-ratio: 1.9;
    background-image: url('/assets/zeale/prayer_background.png');
    background-size: cover;
    background-repeat: no-repeat;
}

/* MOBILE CAROUSELS*/
.zeale-row.shows.owl-carousel, .zeale-row.recommended.owl-carousel, .zeale-row.recommended.watch-again.owl-carousel,
.zeale-row.podcasts.owl-carousel, .zeale-row.recommended.happening.owl-carousel, .zeale-row.recommended.new-places.owl-carousel,
.zeale-row.recommended.bonus.owl-carousel, .zeale-row.recommended.related.owl-carousel, .zeale-row.prayer-page.square-image.owl-carousel, .zeale-row.prayer-page.owl-carousel, .zeale-row.prayer-category-page.owl-carousel {
    display: none;
}
/* END MOBILE CAROUSELS */

.ad-space-leaderboard-container {
    height: 90px;
    width: 728px;
    background-color: #CCD0D2;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 16px;
}

.ad-space-medium-rectangle-container {
    width: 300px;
    height: 250px;
    background-color: #CCD0D2;
}

.shows-section.square-image {

}

/* site.css rules */
@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

html {
    position: relative;
    min-height: 100%;
    font-family: "FigTree", sans-serif;
}

.red-txt {
    color: #f00000;
}

.blue-txt {
    color: #3d3db7;
}

body {
    /*margin-bottom: 60px;*/
    font-family: "FigTree", sans-serif;
}

/*button.vjs-mute-control span {
    color: red !important;
}

.video-js.vjs-show-big-play-button-on-pause.vjs-paused .vjs-big-play-button {
    display: block;
    opacity: initial;
}

.vjs-has-started.vjs-paused .vjs-poster {
    opacity: 1 !important;*/ /* fix issue on iOS */
/*}*/

/* addtoany start */


/* Addtoany Additional Styles */
#gab-share-btn:hover {
    opacity: 0.8;
}

#gab-share-btn img {
    border-radius: 3px;
}

.a2a-social-icons .a2a_kit {
    width: 18em;
    margin: 0 auto;
}

.slider {
    display: flex;
    overflow: auto;
    width: auto;
    flex-wrap: nowrap;
    justify-content: center;
    flex-direction: row;
}

.slides {
    position: relative;
    display: block;
}

    .slides > span {
        margin: 0 10px;
    }

@media (max-width: 768px) {
    .a2a-social-icons .a2a_kit {
        width: 21em;
    }

    .slider {
        justify-content: flex-start;
    }

    .live-stream--addtoany-wrapper .addtoany_list > a,
    .block--addtoany .addtoany_list > a {
        padding: 0 0.2em 0 0;
        text-align: center;
        overflow: visible;
    }
}

.page-node-type-profile .block--addtoany .addtoany_list > a {
    padding: 0 0.15em 0 0;
}

/* Mark for removal  */

#block-addtoanybuttons > div.block__content {
    display: flex;
    justify-content: center;
    padding-top: 1.5em;
}


/* Center livestream share buttons. */

/*.live-stream--addtoany-wrapper {
    display: flex;
    justify-content: center;
    overflow-x: auto;
}*/

/* addtoany end */

/* patch for Safari not revealing pause button when paused.. */
.video-js.vjs-show-big-play-button-on-pause.vjs-paused .vjs-big-play-button {
    display: block !important;
    opacity: initial !important;
}

/* start vast */
.vast-skip-button {
    top: unset !important;
    height: fit-content;
}

    .vast-skip-button.enabled {
        color: #000;
    }

div.vast-skip-button:hover {
    background-color: #f00;
    border: 1px solid #f00;
    color: #fff;
}

/* fix play button on iOS not showing */
.video-js .vjs-b-p-b {
    opacity: 1;
    color: #fff;
    background-color: rgba(127,127,127,0.8);
}
/* hide buttons on iOS */
.vjs-big-button .vjs-b-r-b, .vjs-big-button .vjs-b-f-b {
    display: none !important; /* override videojs css */
}
/* refix button on large screens */
.vjs-1600 div.vast-skip-button {
    bottom: 70px !important;
}
/* end vast */



/* END site.css rules */


/* || Media Queries */
/* Large devices (laptops/desktops, 1279px and up) */
@media (max-width: 1700px) {
    .article-container {
        display: flex;
        margin-bottom: 1.5rem;
    }
}

@media (max-width: 1500px) {
    .article-container {
        display: flex;
    }
}


@media (max-width: 1432px) {
    .zeale-row.shows > *:last-child, .zeale-row.recommended > *:last-child, .zeale-row.podcasts > *:last-child, .zeale-row.shows-row > *:last-child,
    .zeale-row.podcasts-row > *:last-child, .zeale-row.prayer-row > *:last-child, .zeale-row.latest-news-container > *:last-child, .zeale-row.prayer-page > *:last-child, .zeale-row.prayer-page.square-image > *:last-child {
        display: none;
    }

    .zeale-row.shows div, .zeale-row.recommended div, .zeale-row.podcasts div {
        flex: 0 0 33.333%;
    }

    .zeale-row.shows, .zeale-row.recommended, .zeale-row.podcasts {
        justify-content: center;
    }

    .shows-page-padding, .prayers-page-padding {
        width: 1050px;
        margin: 0 auto;
    }

    .loop-section-container {
        padding-top: 3rem;
        width: 1130px;
        margin-left: auto;
        margin-right: auto;
    }

    .page-padding, .hero-padding, .homepage-padding {
        width: 1048px;
        margin: 0 auto;
        padding-bottom: 2.5%;
    }

    .loop-padding {
        width: 1128px;
        margin: 0 auto;
    }

    .footer-padding {
        width: 1048px;
        margin: 0 auto;
    }

    .banner-info {
        width: 100%;
        color: #FFFFFF;
        margin-top: -23rem;
    }

    .zeale-show-related-category-container {
        width: 500px;
    }

    /* NEWS SECTION CSS */
    .zeale-row.latest-news > :nth-last-child(-n+2), .zeale-row.latest-news > :last-child {
        display: none;
    }

    .zeale-news-hero-title {
        font-size: 32px;
    }

    .dont-wrap-mobile {
        flex-wrap: nowrap;
    }

    .zeale-news-fullwidth-section-title {
        font-size: 36px;
    }

    .zeale-row.news-container > *:last-child, #loop-row > *:nth-child(10), #loop_row > div:nth-child(8), #loop_row > div:nth-child(7) {
        display: none;
    }

 

    .loop-card {
        flex: 0 0 29%;
    }
    /* END NEWS SECTION CSS */

}

@media (max-width: 1114px) {
    .zeale-row.shows > *:last-child, .zeale-row.shows > *:nth-last-child(-n+2), .zeale-row.recommended > *:last-child, .zeale-row.recommended > *:nth-last-child(-n+2),
    .zeale-row.podcasts > *:last-child, .zeale-row.podcasts > *:nth-last-child(-n+2), .zeale-row.shows-row > *:nth-last-child(-n+2), .zeale-row.podcasts-row > *:nth-last-child(-n+2),
    .zeale-row.prayer-row > *:nth-last-child(-n+2), .latest-news-container > *:nth-last-child(-n+2), .zeale-row.latest-news-container > *:nth-last-child(-n+2), .zeale-row.prayer-page > *:nth-last-child(-n+2), .zeale-row.prayer-page.square-image > *:nth-last-child(-n+2) {
        display: none;
    }

    .zeale-row.shows div, .zeale-row.recommended div, .zeale-row.podcasts div, .zeale-row.podcasts {
        flex: 0 0 50%;
    }

    .zeale-row.shows, .zeale-row.recommended {
        justify-content: center;
    }

    .shows-page-padding, .page-padding, .hero-padding, .homepage-padding, .prayers-page-padding {
        width: 694px;
        margin: 0 auto;
    }

    .loop-padding {
        width: 774px;
        margin: 0 auto;
    }

    .loop-section-container {
        padding-top: 3rem;
        width: 774px;
        margin-left: auto;
        margin-right: auto;
    }

    .loop-container {
        padding-left: 2.5rem;
        padding-right: 2.5rem;
        margin: 0rem;
    }

    .footer-padding {
        width: 694px;
        margin: 0 auto;
    }

    .article-container {
        display: flex;
        margin-bottom: 1.5rem;
        justify-content: space-between;
    }

    #loop_row > div:nth-child(10), #loop_row > div:nth-child(8), #loop_row > div:nth-child(7),
    #loop_row > div:nth-child(6), #loop_row > div:nth-child(5) {
        display: none;
    }

    .loop-card {
        flex: 0 0 44%;
    }

    .loop-container {
        padding-left: 0rem;
        padding-right: 0rem;
        margin: 0rem;
    }

    .banner-info {
        width: 100%;
        color: #FFFFFF;
        margin-top: -17rem;
    }

    /* NEWS SECTION CSS */
    .zeale-row.mobile-padding-bottom.dont-wrap-mobile > :last-child, .zeale-row.mobile-padding-bottom > :nth-last-child(-n+2),
    .zeale-row.mobile-padding-bottom > :nth-last-child(-n+3) {
        display: none;
    }

    .zeale-row.category-article-row.dont-wrap-mobile > :last-child, .zeale-row.category-article-row.dont-wrap-mobile > :nth-last-child(-n+2) {
        display: none;
    }

    .zeale-row.news-container > *:last-child, .zeale-row.news-container > *:nth-last-child(-n+2) {
        display: none;
    }

/*    .hero-container {
        display: block;
    }*/

    .hero-container > .col-8 {
        width: 100%;
    }

    .hero-container > .col-4 {
        width: 100%;
        margin-top: 2rem;
    }

    /* END NEWS SECTION CSS */

}

@media (max-width: 1082px) {
    .zeale-row.shows-row > *:nth-last-child(-n+2), .zeale-row.podcasts-row > *:nth-last-child(-n+2) {
        display: none;
    }

    #loop_row > div:nth-child(7) {
        display: none;
    }
}

@media only screen and (max-width: 1279px) {
    .article-container {
        display: flex;
        margin-bottom: 1.5rem;
    }

    .footer-logo-container div img {
        width: 100%;
    }

    .zeale-row.prayer-row > *:last-child {
        display: none;
    }

    .zeale-row.justify-between > *:last-child {
        display: none;
    }

    .d-flex.justify-between > *:last-child {
        display: none;
    }

    .shorts-background {
        height: 30rem;
        width: 16.5rem;
    }

    .article-row.mobile-row-view > *:nth-last-child(-n+3) {
        display: none;
    }

    .article-row.mobile-row-view > *:last-child {
        display: none;
    }

    #loop_row > *:last-child {
        display: none;
    }

    .hero-article-text-container {
        padding: 3rem 4rem 4rem 4rem;
    }

    .hero-article-title {
        font-size: 36px;
        font-weight: 500;
        max-width: 39rem;
        text-align: center;
    }
}

@media only screen and (max-width: 1250px) {
    .mobile-row-view {
        display: flex;
    }

    .desktop-view {
        display: none;
    }

    .hero-section {
        display: block;
    }

    .hero-article-img {
        width: 100%;
        height: auto;
        aspect-ratio: 16 / 9;
    }

    /*    .hero-article-container {
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
        height: fit-content;
        position: relative;
        left: 0%;
        box-shadow: 0 30px 30px -25px rgba(0, 0, 0, 0.25);
        background-color: #ffffff;
        background-image: url('/assets/zeale/z-pattern-white.svg'), linear-gradient(#ffffff, #f9fbfd);
        background-size: cover;
        background-clip: border-box;
        background-repeat: no-repeat;
        background-position: center;
        border-radius: 5px;
        width: 75%;
        margin-left: auto;
        margin-right: auto;
        margin-top: -5rem;
        padding: 3rem 3rem 3rem 3rem;
    }*/

    .hero-article-text-container {
        display: flex;
        justify-content: center;
    }
}



@media (max-width: 850px) {
    .banner-info {
        width: 100%;
        color: #FFFFFF;
        margin-top: -13rem;
    }
}
/* Mobile Media Query 750px */
@media (max-width: 750px) {
    .hero-container {
        display: flex;
        justify-content: space-evenly;
        flex-wrap: wrap;
    }

    .shows-row, .podcasts-row {
        justify-content: center;
    }

    .loop-horizontal-line {
        width: 100%;
        border-bottom-style: solid;
        border-bottom-width: thin;
        border-bottom-color: #e8e8e8;
        display: block;
        margin-bottom: 1rem;
        margin-top:1rem;
    }

    .loop-container {
        display: flex;
        justify-content: space-between;
        padding-top: 1rem;
        padding-bottom: 1rem;
        align-items: center;
        padding-left: 1rem;
        padding-right: 1rem;
        flex-wrap: wrap;
        flex-direction: column;
    }

    .loop-section-container {
        padding-top: 3rem;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    #loop_row {
        flex-wrap: wrap;
        width: 50%;
        display: flex;
        justify-content: center;
    }

    #loop_row > div:nth-child(2) {
        display: none;
    }

    .loop-card {
        flex: 0 0 90%;
        padding: 1rem 0rem;
    }

    .mobile-width {
        width: fit-content;
    }

    .zeale-row.shows-row {
        display: none;
    }

    .zeale-row.podcasts-row {
        display: none;
    }

    .zeale-row.prayer-row {
        display: none;
    }

    #shows_carousel {
        display: block;
    }

    #podcasts_carousel {
        display: block;
    }

    #prayers_carousel {
        display: block;
    }

    .hero-column {
        width: 95%;
    }

    .horizontal-line {
        display: none;
    }

    .horizontal-line-mobile {
        width: 100%;
        border-bottom-style: solid;
        border-bottom-width: thin;
        border-bottom-color: #4d5a61;
        display: block;
        margin-top: 1rem;
        margin-bottom: 1rem;
    }

    .shows-horizontal-line {
        display: none;
    }

    .shows-horizontal-line-mobile {
        width: 100%;
        border-bottom-style: solid;
        border-bottom-width: thin;
        border-bottom-color: #4D5A61;
        display: block;
/*        margin-top: 1rem;
        margin-bottom: 1rem;*/
    }

    .hero-line {
        width: 84.5%;
        margin-left: auto;
        margin-right: auto;
    }

    .footer-info-container div .zeale-footer-categories {
        display: flex;
        justify-content: space-between;
        color: #ffffff;
        margin-bottom: 2rem;
        flex-direction: column;
    }


    /* MOBILE CAROUSELS*/
    .zeale-row.shows.owl-carousel, .zeale-row.recommended.owl-carousel, .zeale-row.recommended.watch-again.owl-carousel,
    .zeale-row.podcasts.owl-carousel, .zeale-row.recommended.happening.owl-carousel, .zeale-row.recommended.new-places.owl-carousel,
    .zeale-row.recommended.bonus.owl-carousel, .zeale-row.recommended.related.owl-carousel, .zeale-row.prayer-page.square-image.owl-carousel, .zeale-row.prayer-page.owl-carousel, .zeale-row.prayer-category-page.owl-carousel {
        display: block;
    }
    /* END MOBILE CAROUSELS */

    .zeale-row.shows, .zeale-row.recommended, .zeale-row.recommended.watch-again,
    .zeale-row.podcasts, .zeale-row.recommended.happening, .zeale-row.recommended.new-places {
        display: none;
    }

    .zeale-row {
        flex-direction: column;
    }

    .zeale-row.shows div, .zeale-row.recommended div, .zeale-row.podcasts div, .zeale-row.podcasts {
        padding-bottom: 1rem;
    }

    .shows-page-padding, .page-padding, .hero-padding, .homepage-padding, .loop-padding {
        width: 450px;
        margin: 0 auto;
    }

    .prayers-page-padding {
        width: 694px;
    }

    .footer-padding {
        width: 334px;
        margin: 0 auto;
    }

    .footer-padding {
        width: 88%;
        margin: 0 auto;
    }
}


@media (max-width: 450px) {

    body {
        width: 100%;
    }

    main {
        margin-top: 48px;
    }

    .footer-padding {
        width: 95.25%;
        margin: 0 auto;
        padding-top: 0rem;
    }

    .section-container {
        margin: .5rem .5rem 0rem .5rem;
    }

    .section-title-container {
        display: flex;
        justify-content: space-between;
        padding: 1.75rem 0rem;
        padding-top: 2rem;
    }

    #loadedContent {
        padding-left: 0rem !important;
        padding-right: 0rem !important;
    }



    /* Global CSS rules Mobile */
    #loop_row {
       /* flex-wrap: wrap;*/
        width: 100%;
        /*display: flex;
        justify-content: center;*/
        padding-top:.75rem;
    }

    .loop-margin-right {
        margin-right: 0rem;
    }

    .article-title {
        font-size: 13pt;
        font-weight: 500;
    }

    .article-subtext {
        font-size: 12px;
        font-weight: 500;
    }

    .vertical-line {
        display: none !important;
    }

    .horizontal-line {
        display: none;
    }

    .horizontal-line-mobile {
        width: 100%;
        border-bottom-style: solid;
        border-bottom-width: thin;
        border-bottom-color: #E6E7E8;
        display: block;
        margin-top: 1rem;
        margin-bottom: 1rem;
    }

    .shows-horizontal-line {
        display: none;
    }

    .shows-horizontal-line-mobile {
        width: 100%;
        border-bottom-style: solid;
        border-bottom-width: thin;
        border-bottom-color: #4D5A61;
        display: block;
       /* margin-top: 1rem;
        margin-bottom: 1rem;*/
    }

    .hero.horizontal-line-mobile {
        width: 308px;
        border-bottom-style: solid;
        border-bottom-width: thin;
        border-bottom-color: #E6E7E8;
        display: block;
        margin: 1.8rem auto 1.8rem auto;
    }

    .article-container {
        display: flex;
        padding: 1.25rem 0rem 1.25rem 0rem;
        width: 100%;
    }

    #shows_carousel > .owl-stage-outer > .owl-stage > .owl-item > .article-container {
        padding: 0rem;
        margin: 0rem;
        height: 190px;
        width: 338px;
    }

    #podcasts_carousel > .owl-stage-outer > .owl-stage > .owl-item > .article-container {
        padding: 0rem;
        margin: 0rem;
        height: 338px;
        width: 338px;
    }

    #prayers_carousel > .owl-stage-outer > .owl-stage > .owl-item > .prayer-card {
        padding: 0rem;
        margin: 0rem;
        height: 601px;
        width: 338px;
    }

    .podcast-section-container > :first-child {
        padding-top: 1.25rem;
    }

    .article-row {
        display: block;
        width: 100%;
    }

    .section-header-text {
        font-family: "FigTree", serif;
        font-size: 26pt;
        font-weight: 400;
        margin-top: 0rem;
    }

    .time-ago-text {
        margin-left: .5rem;
        font-size: 12pt;
        font-weight: 600;
    }

    /* END Global CSS rules Mobile */


    .hero-article-img {
        width: 100vw;
        height: auto;
        aspect-ratio: 16 / 9;
        object-fit: cover;
    }


    .hero-article-container {
        border-radius: 15px;
        height: fit-content;
        position: relative;
        box-shadow: 0 30px 30px -25px rgba(0, 0, 0, 0.25);
        box-shadow: 0 1px 8px 4px #d3d3d4;
        background: linear-gradient(to right, #ffffff, #f9fbfd);
        width: 85vw;
        margin-left: auto;
        margin-right: auto;
    }

    .hero-article-text-container {
        padding: 1rem 1rem 1rem 1rem;
    }

    .hero-article-title {
        font-size: 18pt;
        font-weight: 600;
        max-width: 39rem;
        text-align: center;
    }

    .hero-article-category-text {
        font-size: 12pt;
        font-weight: 600;
    }

    /* END Hero Article Mobile CSS */


    /* TOP STORIES Mobile CSS */
    .ts-container {
        margin: 3.5rem .5rem 0 .5rem;
    }

    .ts-article-container {
        margin-bottom: 1rem;
        margin-left: auto;
        margin-right: auto;
    }

    .ts-thumbnail {
        width: 100%;
        aspect-ratio: 3 / 2;
    }

    .ts-thumbnail img {
        width: 100%;
    }

    /* END TOP STORIES CSS */

    /* Latest News */
    .ln-article-container {
        margin-bottom: 1rem;
        margin-left: auto;
        margin-right: auto;
        width: 100%
    }

    .latest-news-articlecard-container {
        margin-top: 1rem;
    }

    /* END Latest News */


    .loop-container {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .loop-margin-right {
        margin-right: 0;
    }

    #loop_row > div:nth-child(7) {
        display: block;
    }

    #loop_row > div:nth-child(6) {
        display: block;
    }

    #loop_row > div:nth-child(9) {
        display: none;
    }

    .hero-section {
        display: block;
    }

    .shows-row {
        justify-content: center;
    }

    .banner-info {
        width: 100%;
        color: #FFFFFF;
        margin-top: -7.75rem;
        margin-bottom: .5rem;
    }

    .banner-image {
        aspect-ratio: 1.9;
        background-image: url('/assets/zeale/prayer_background.png');
        background-size: contain;
        background-repeat: no-repeat;
    }

    .prayer-banner-info {
        width: 100%;
        color: #FFFFFF;
        margin-top: -16rem;
        margin-bottom: .5rem;
    }

    .shows-page-padding, .page-padding, .homepage-padding, .prayers-page-padding {
        width: 92.25%;
        margin: 0 auto;
    }

    .loop-card {
        flex: none;
        height: auto;
        width: 100%;
        padding: 1rem 0rem;
    }

    .loop-padding {
        width: 100%;
    }

    .hero-padding {
        margin: 0;
        width: 100%;
        padding-bottom: 2rem;
    }

    .hero-padding.pt-5 {
        padding-top: 0px !important;
    }

    .hero-column {
        width: 100%;
        margin-bottom: 2rem;
    }

    .shows-page-padding > .shows-section, .shows-page-padding > .show-section, .prayers-page-padding > .show-section, .prayers-page-padding > .shows-section {
        padding-bottom: 0rem;
        padding-top: 2.25rem;
    }

    .zeale-row.shows div, .zeale-row.recommended div, .zeale-row.podcasts div, .zeale-row.podcasts {
        padding-bottom: .25rem;
    }

    .zeale-row.recommended.show {
        display: none;
    }

    .zeale-show-related-category-container {
        width: 330px;
    }

    #banner_gradient {
        width: 100%;
        background: linear-gradient(180deg, rgba(2, 20, 30, 0.00) 0%, #02141E 100%);
    }

    /* BUTTONS */
    .theme-btn-watch-now {
        border-style: none;
        padding: .46rem 1rem;
        color: #FFFFFF;
        background-color: #4D5A61;
        border-radius: 5px;
        width: 100%;
        font-family: "FigTree", serif !important;
        font-weight: 600;
        font-size: 24px;
    }
    /* END BUTTONS */

    .theme-btn-watch-now > div > .iconoir-play-solid {
        font-size: 34pt;
        padding-left: 1.79rem;
    }

    .theme-btn-watch-now > div > span {
        padding-left: 1.79rem;
    }

    .zeale-show-epcard-season {
        font-family: "FigTree", serif !important;
        font-weight: 400;
        font-size: 12px;
        line-height: 100%;
        color: var(--zeale-black-30);
        margin-bottom: .75rem;
    }

    .mobile-view {
        display: flex;
        text-align: center;
    }

    .desktop-prayer {
        display: none;
    }

    /* NEWS PAGE CSS */


    .hero-container {
        display: block;
    }

    .hero-container > .col-8 {
        width: 100%;
    }

    .hero-container > .top-stories {
        width: 100%;
    }

    .zeale-row.latest-news > *:nth-last-child(-n+2), .zeale-row.latest-news > *:nth-last-child(-n+3), .zeale-row.latest-news > *:last-child {
        display: none;
    }

    .zeale-news-hero-title {
        font-family: Lora;
        font-weight: 600;
        font-size: 16px;
        line-height: 130%;
        letter-spacing: 0%;
        vertical-align: middle;
        text-align: inherit;
    }

    .ts-thumbnail {
        width: 100%;
        aspect-ratio: auto 3 / 2;
    }

    .mobile-page-padding {
        padding: 0 20px;
    }

    .mobile-padding-bottom {
        padding-bottom: 2rem;
    }

    .page-padding {
        width: 100%;
    }

    .homepage-padding {
        width: 100%;
         padding: 0 20px;
    }



    .col-4.top-stories > *:last-child > *:nth-last-child(-n+3) {
        display: none;
    }

    .zeale-news-fullwidth-section-title {
        font-family: "Lora", serif;
        font-weight: 600;
        font-size: 20px;
        line-height: 100%;
        letter-spacing: 0;
    }

    .zeale-home-largehero-title {
        font-family: "Lora", serif;
        font-weight: 600;
        font-size: 20px;
        line-height: 130%;
    }

    .zeale-row.mobile-padding-bottom > *:last-child, .zeale-row.mobile-padding-bottom > *:nth-last-child(-n+2) {
        display: none;
    }

    .zeale-section-title {
        font-size: 16px;
    }

    .zeale-news-fullwidth-section-title-only {
        font-size: 20px;
    }

    .zeale-row.category-article-row > *:last-child {
        display: none;
    }

    .zeale-row.news-container > *:last-child {
        display: none;
    }

    .page-padding.pt-5 {
        padding-top: 0rem !important;
    }

    .top-stories > div > .zeale-section-title {
        font-size: 24px;
        margin-bottom: .5rem;
    }

    .zeale-news-articlecard-info-position {
        display: flex;
        justify-content: center;
        margin-top: 1.25rem;
    }

    .top-story-container > .zeale-articlecard-title {
        font-size: 16px;
    }

    .zeale-row.latest-news-container {
        justify-content: center;
        flex-direction: column;
    }

    .zeale-row.latest-news-container > *:nth-last-child(-n+2) {
        display: block;
    }

    .zeale-row.latest-news-container > *:last-child {
        display: none;
    }

    .time-ago-article-text {
        font-size: 12px;
    }

    .ad-space-leaderboard-container {
        height: 50px;
        width: 320px;
        background-color: #CCD0D2;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 40px;
        margin-top: 40px;
        margin-left: auto;
        margin-right: auto;
    }


    /* END News Category Page CSS */


    /* Prayer landing page mobile */
    .zeale-row.prayer-page.square-image, .zeale-row.prayer-page {
        display: none;
    }

    .desktop-prayerwall {
        display: none;
    }

    .zeale-row.prayer-category-page {
        justify-content: center;
        flex-wrap: wrap;
    }

}
/* END Mobile Media Query 450px */


/* || END Media Queries */



/* Admin fonts */
.breadcrumb-text {
    font-weight: 400;
    font-size: 16px;
    color: #6c757d;
    display: flex;
    justify-content: end;
    margin-right: .5rem;
    align-items: center;
}

/*.admin-active > li.nav-item > a.nav-link:hover {
    background-color: #007bff !important;
    border-radius: 5px;
}*/

/*.admin_active > li.nav-item > a.nav-link:hover {
    background-color: #007bff !important;
    border-radius: 5px;
}*/