@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/login.css');
@import url('/css/revive-flyer.css');
@import url('/css/prayer.css');
@import url('/css/sharing.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: 1.25rem;
    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: 1.25rem;
    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: 1.2rem;
}

.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 */
.desktop {
    display: block;
}

.mobile {
    display: none !important;
}

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;
}

.hover-zoom:hover {
    -webkit-transform: translateY(-2%) scale(1.02);
    transition: transform 200ms ease-out, -webkit-transform 200ms ease-out;
}

.zeale-row {
    display: flex;
    gap: 1rem;
}

    .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%;*/
        width:338px;
    }

    .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;
            -webkit-transform: translateY(-2%) scale(1.02);*/
    /*transform: translateY(-2%) scale(1.02);*/
    /*transition: transform 200ms ease-out, -webkit-transform 200ms ease-out;
            
        }*/
    .zeale-row.news-container div a img:hover {
        /*box-shadow: 0px 1px 8px 4px #677278;*/
        -webkit-transform: translateY(-2%) scale(1.02);
        /*transform: translateY(-2%) scale(1.02);*/
        transition: transform 200ms ease-out, -webkit-transform 200ms ease-out;
        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 {
    width: 100%;
    max-width: 338px;
    }

    .zeale-row.recommended.show {
    display: flex;
    gap:1rem;
    }

        /*.zeale-row.recommended.show div {
            max-width: 332.5px;
            flex: none;*/
           /* margin-right: 1rem;*/
            /*padding-bottom: 3px;
        }

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

    .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;
            -webkit-transform: translateY(-2%) scale(1.02);*/
           /* transform: translateY(-2%) scale(1.02);*/
            /*transition: transform 200ms ease-out, -webkit-transform 200ms ease-out;
        }*/

    .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: start;
        flex-wrap: wrap;
        gap: 1.5rem;
    }

.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;
    }

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

.d-flex {
    display: flex;
}

.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;
    }

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

.dot {
    background-color: var(--zeale-orange-500);
    margin-left: 10px;
    margin-right: 10px;
    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 .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;
}

.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;
}

/*.media-row-container {
    padding-top: 2rem;
    padding-bottom: 2rem;
}*/

.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;
        -webkit-transform: translateY(-2%) scale(1.02);
        /*transform: translateY(-2%) scale(1.02);*/
        transition: transform 200ms ease-out, -webkit-transform 200ms ease-out;
    }

    .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;
    width:100%;
    min-height: 332px;
}

    .prayer-card-square:hover {
        /*box-shadow: 0px 1px 8px 4px #677278;*/
        cursor: pointer;
        border-radius: 16px;
        -webkit-transform: translateY(-2%) scale(1.02);
        /*transform: translateY(-2%) scale(1.02);*/
        transition: transform 200ms ease-out, -webkit-transform 200ms ease-out;
    }

#loop_row {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

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

.shows-row {
    /*justify-content: space-between !important;*/
    justify-content: start;
    gap: 14px;
}

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

.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 0rem;
    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: 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: fit-content;
    width: -moz-fit-content;
    width: -webkit-fit-content;
}

#banner_gradient {
    width: 100%;
    background: linear-gradient(180deg, rgba(0,0,0,0), rgba(0,0,0,0), rgba(2, 20, 30, 1));
    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-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 {
}

.show-card-container {
    display: flex;
    justify-content: end;
    border-radius: 1rem;
    /*width: 338px;*/
    aspect-ratio: 169 / 95;
    background-repeat: no-repeat;
    background-size: cover;
    /*height: 190px;*/
    /*padding: 15px;*/
    height: 100%;
    padding-right: 2.37rem;
    padding-bottom: .63rem;
}

.show-card-container-square {
    display: flex;
    justify-content: end;
    border-radius: 1rem;
    aspect-ratio: 1 / 1;
    background-repeat: no-repeat;
    background-size: cover;
    /*padding: 15px;*/
    height: 100%;
    padding-right: 2.37rem;
    padding-bottom: .63rem;
}

.premium-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: end;
}

/* 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;
}

/* 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;
    }

    .prayer-card {
        aspect-ratio: auto 9 / 16;
        width: 100%;
        min-height: inherit;
        min-width: inherit;
    }
}

.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. */

/* addtoany end */

/* 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.podcasts > *:last-child, .zeale-row.shows-row > *:last-child,
    .zeale-row.podcasts-row > *:nth-child(4), .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.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;
    }

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

    .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 */


    .hero-column {
        padding: 0 2rem;
    }
}

@media (max-width: 1114px) {
    .zeale-row.shows > *:last-child, .zeale-row.shows > *: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-child(3),
    .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  {
        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;
    }

    .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-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-card {
        padding: 1rem 0rem;
        display: flex;
        justify-content: center;
        text-align: center;
        height: 100%;
        width: 100%;
    }

    #loop_row {
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 100%;
    }

    .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_row > div:nth-child(10) {
        display: block;
    }

    .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 */
    .top-stories {
        width: 100%;
        margin-top: 2rem;
    }
}

@media (max-width: 1082px) {
    .zeale-row.shows-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;
    }
}

@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-text-container {
        display: flex;
        justify-content: center;
    }

    .hero-column {
        padding: 0;
    }
}

@media (max-width:870px) {
    .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-card {
        /* flex: 0 0 90%; */
        padding: 1rem 0rem;
        display: flex;
        justify-content: center;
        text-align: center;
        height: 100%;
        width:100%;
    }

    #loop_row {
        /*flex-wrap: wrap;*/
        /* width: 50%; */
        display: flex;
        flex-direction: column;
        justify-content: center;
        width:100%;
    }
    .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_row > div:nth-child(10) {
        display: block;
    }
}

@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: 100%;
        display: flex;
        justify-content: center;
    }

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

    .loop-card {
        flex: 0 0 90%;
        padding: 1rem 0rem;
        display: flex;
        justify-content: center;
        text-align: center;
        height: 100%;
    }

    .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;
    }

    .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, .zeale-row.prayer-page {
        display: none;
    }

        .zeale-row.recommended.show {
            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;
    }

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

    .ts-thumbnail {
        width: 100%;
    }

    .ln-article-container {
        margin-bottom: 2rem;
    }

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


@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;
    }

    .desktop {
        display: none !important;
    }

    .mobile {
        display: block !important;
    }

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



    /* Global CSS rules Mobile */
    #loop_row {
        width: 100%;
        padding-top: .75rem;
    }

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

    .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: #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;
    }

    .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;
    }*/

    .prayer-card {
        aspect-ratio: auto 9 / 16;
        width: 100%;
        min-width: auto;
        min-height: auto;
    }

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

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

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

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


    /* 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;
    }

    /* 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: 2rem;
        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-size: contain;
        background-repeat: no-repeat;
    }

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

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

    .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;
    }

    .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, .news-hero-container > .top-stories, .zeale-news-category-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;
    }

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

    .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: 1.5rem;
        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: 1rem;
    }

    .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: .75rem;
    }

    .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 {
        align-content: center;
        flex-wrap: nowrap;
    }
}
/* END Mobile Media Query 450px */


/* || END Media Queries */



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

/* custom icon */
i.custom-nav-arrow-right {
    /*background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='33'> <rect x='1.42857' y='2.32115' width='29.1429' height='29.1429' rx='14.5714' stroke='#FF5A33' stroke-width='2.85714'/> <path d='M12.2393 8.3818C12.7628 7.8583 13.5908 7.82519 14.1524 8.28316L14.2608 8.3818L21.7608 15.8818L21.8595 15.9902C22.2869 16.5144 22.2869 17.2707 21.8595 17.7949L21.7608 17.9033L14.2608 25.4033C13.7024 25.9617 12.7978 25.9617 12.2393 25.4033C11.6809 24.8448 11.6809 23.9402 12.2393 23.3818L18.7286 16.8925L12.2393 10.4033L12.1407 10.2949C11.6827 9.73322 11.7158 8.9053 12.2393 8.3818Z' fill='#FF5A33'/> </svg>");*/
    background-image: url('/assets/orange_circle_arrow-monoline.svg');
    height: 33px;
    width: 32px;
    display: block;
}


/* tag areas */

.tags-container {
    display: flex;
    flex-wrap: wrap;
    gap: 6px; /* space between tags */
}

.tag {
    display: inline-flex;
    align-items: center;
    padding: 4px 8px;
    background-color: #f1f1f1;
    border: 1px solid #ccc;
    border-radius: 16px;
    font-size: 14px;
    cursor: default;
}

.remove-tag {
    margin-left: 6px;
    font-weight: bold;
    color: #666;
    cursor: pointer;
    transition: color 0.2s ease;
}

    .remove-tag:hover {
        color: red;
    }