/*
Customizations for Misty Theme
Date: September 2026
Developer: Javier Encalada - https://estudiopatagon.com
*/
:root{
    --small-border-radius: 4px;
    --medium-border-radius: 8px;
}

.refugee-title{
    /* margin-top: 40px; */
}
.ct-refugee-banner-wrapper{
    margin-top: 40px;
    margin-bottom: 40px;
    border-top: 0;
}
.ct-quote small{
    display: block;
    font-family: var(--body-family);
    font-size: var(--global-font-size-4);
    font-weight: normal;
    line-height: 1.5;
}
.back-issues .ct-item.ct-wide-item .ct-post-item-image .ct-global-image{
    aspect-ratio: 4 / 5;
}
.page-issues .ct-tag-grid .ct-item .ct-tag-item-image{
    width: 100%;
    padding-top: 125%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}

.ct-footer-cta-inner h4 small{
    display: block;
    /* font-family: var(--body-family); */
    font-size: 50%;
    font-weight: normal;
    line-height: 1.5;
    margin-bottom: 30px;
}

[class*="tag-issue-"] .ct-archive-hero .archive-hero-image{
    background-size: contain !important;
    background-position: right center !important;
    background-repeat: no-repeat !important;
    border: 0;
    margin: 30px 0;
}

/* Custom Jost Font */


.ct-item.ct-grid-item .ct-post-item-tag-and-meta,
.ct-item .ct-post-item-excerpt,
.ct-item.ct-grid-item .ct-read-more,
.ct-item.ct-grid-item .ct-datetime{
    font-family: var(--heading-family);
}

/* .ct-nav li a{
    font-weight: 400;
} */

/* Single post */

.post-template .ct-post-header-partial .ct-post-tags .ct-tag-pill,
.ct-global-meta .ct-datetime-meta-wrapper .ct-datetime-meta,
.ct-global-meta{
    font-family: var(--heading-family);
}
/* .ct-post-content .kg-button-card .kg-btn, .ct-post-content .kg-product-card .kg-product-card-button */

.ct-special-section .ct-global-title{
    font-weight: 500;
}

/* Remove image borders */

.ct-refugee-banner,
.ct-item .ct-post-item-image,
.ct-tag-grid .ct-item .ct-tag-item-image,
.ct-author-grid .ct-item-content .ct-item-profile-image-wrapper{
    border: 0 !important;
}

.ct-author-grid .ct-item-content .ct-item-profile-image-wrapper{
    /* box-shadow: 0 2px 7px rgba(0, 0, 0, 0.2); */
}
.ct-global-image,
.ct-tag-grid .ct-item .ct-tag-item-image,
.ct-refugee-banner{
    border-radius: var(--small-border-radius);
    /* box-shadow: 0 2px 7px rgba(0, 0, 0, 0.2); */
}
.ct-post-content img{
    border-radius: var(--small-border-radius);
    /* box-shadow: 0 2px 7px rgba(0, 0, 0, 0.1); */
}
.ct-global-image img{
    background: none;
}
.ct-sub-header-image.ct-border-top{
    border: 0;
}
.ct-sub-header-image .ct-global-image{
    border-radius: 0;
}

/* Bookmarks */

.ct-post-content .kg-bookmark-card .kg-bookmark-container{
    /* border: 1px solid rgba(0, 0, 0, 0.2); */
    background: transparent !important;
    /* box-shadow: 0 2px 7px rgba(0, 0, 0, 0.2); */
    transition: background-color 300ms ease;
}

/* Rounded Buttons */

.ct-btn,
.ct-custom-form-template form button,
.ct-custom-form-template form input, .ct-custom-form-template form textarea,
form.ct-compact-form,
.ct-sign-up-container .ct-form,
.ct-sign-up-container .ct-form .ct-form-submit,
.ct-archive-hero .items-center .ct-container-inner .cover-content .ct-archive-pagination .ct-tag-pill,
.ct-post-content .kg-button-card .kg-btn, .ct-post-content .kg-product-card .kg-product-card-button{
    border-radius: var(--small-border-radius);
}
.gh-portal-triggerbtn-container{
    border-radius: var(--small-border-radius) !important;
}

/* Header Card */

.ct-post-content .kg-header-card{
    background-color: transparent !important;
}
.kg-content-wide .kg-header-card-content .kg-header-card-image{
    padding: 0;
    /* max-height: 540px; */
    object-fit: cover;
}
.kg-layout-split.kg-content-wide .kg-header-card-text{
    /* padding: 0; */
    padding-top: 0;
    padding-bottom: 0;
}
.kg-layout-split.kg-swapped .kg-header-card-text{
    text-align: right;
}
.kg-layout-split.kg-swapped .kg-header-card-text p{
    text-align: left;
}
.kg-layout-split.kg-swapped .kg-header-card-button {
    margin-left: auto !important;
}
.kg-header-card h2.kg-header-card-heading{
    font-weight: 500;
}
.kg-header-card.kg-width-full.kg-layout-split .kg-header-card-subheading{
    font-size: var(--global-font-size-3);
    line-height: 1.6;
    margin-top: 24px;
    font-weight: 400;
}
.kg-header-card.kg-v2.kg-width-full p+.kg-header-card-button{
    margin-top: 24px;
}
.ct-post-content .kg-header-card a.kg-header-card-button{
    border-radius: var(--small-border-radius);
    font-size: var(--global-font-size-3) !important;
    padding: .9em 1.5em .85em;
}

/* Home Carousel */

.carousel-container{
    transition: none;
}
.epcl-carousel{
    margin-left: -40px;
    margin-right: -40px;
    padding: 0 0 20px;
    margin-top: 40px;
    opacity: 0;
    visibility: hidden;
}
.epcl-carousel.slick-initialized{
    opacity: 1;
    visibility: visible;
}
.epcl-carousel .slick-slide{
    padding: 20px 20px 0;
}
.epcl-carousel .slick-slide img{
    width: 100%;
    height: auto;
    border-radius: var(--small-border-radius);
    transition: all 0.3s ease;
}
.epcl-carousel .slick-slide figcaption{
    text-align: center;
    margin-top: 5px;
}
.epcl-carousel .item{
    position: relative;
    transition: all 300ms ease;
}
.epcl-carousel .slick-slide .caption{
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
    color: #fff;
    padding: 15px;
    border-radius: var(--small-border-radius);
    text-align: center;
    font-size: 13px;
    letter-spacing: 0.25px;
}
.epcl-carousel .slick-slide .caption h3{
    color: #fff;
    margin-top: 0;
    margin-bottom: 5px;
}
.epcl-carousel .slick-slide .caption p{
    margin-top: 0;
    margin-bottom: 0;
}
.epcl-carousel .item:hover{
    transform: translateY(-3px);
    transition: transform 0.3s ease;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

/* Slider */

.epcl-carousel .ct-btn{
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 2rem;
}
.epcl-carousel[data-limit="1"] .caption{
    /* text-transform: uppercase; */
    /* font-size: 120%; */
    padding-bottom: 10px;
}
.epcl-carousel[data-limit="1"] .caption h3{
    font-size: 5rem;
}
.epcl-carousel[data-fullscreen="true"]{
    width: 80vw;
    overflow: hidden;
    margin-left: calc(50% - 40vw);
    margin-right: calc(50% - 40vw);
    text-decoration: none;
    position: relative;
}

/* Tags Ajax Module */

.tags-module{
    width: 99.5vw;
    overflow: hidden;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    text-decoration: none;
    position: relative;
}
.tags-module .loader{
    visibility: hidden;
}
.tags-module.loading{
    position: relative;
    min-height: 480px;
    /* pointer-events: none; */
}
.tags-module.loading::before,
.tags-module.loading::after{
    content: '';
    position: absolute;
    left: 20px;
    right: 20px;
    border-radius: var(--small-border-radius);
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.06) 25%, rgba(0, 0, 0, 0.12) 37%, rgba(0, 0, 0, 0.06) 63%);
    background-size: 400% 100%;
    animation: tags-module-wave 1.4s ease-in-out infinite;
}
.tags-module.loading::before{
    top: 0;
    height: 320px;
}
.tags-module.loading::after{
    top: 356px;
    height: 124px;
}
@keyframes tags-module-wave{
    0%{
        background-position: 100% 50%;
    }
    100%{
        background-position: 0% 50%;
    }
}
.tags-module a{
    text-decoration: none;
}
.tags-module .ct-archive-hero{
    font-size: 1.5rem;
}
.tags-module .ct-archive-hero .ct-post-title{
    margin-top: 0;
    margin-bottom: 0;
}
.tags-module .ct-item .ct-post-item-title{
    margin-top: 0;
    margin-bottom: 0;
}
.ct-pagination .ct-pagination-link-holder-center{
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.ct-pagination .ct-pagination-link-holder a{
    transition: all 300ms ease;
}
.ct-pagination .ct-pagination-link-holder a:hover{
    color: #fff;
    transform: translateY(-2px);
}

@media (min-width: 1025px) {
    .related-articles .ct-border-top{
        border: 0;
    }
    .kg-layout-split.kg-content-wide.kg-swapped .kg-header-card-text{
        padding: min(10vmax,220px) min(4vmax,80px) min(10vmax,220px);
    }
}
@media (min-width: 1024px) {
    .ct-home-about{
        max-width: none;
        padding: 0;
        max-height: 650px;
    }
    .ct-home-about .ct-home-about-left .ct-global-image{
        border-radius: 0 !important;
    }
    .ct-home-about .ct-home-about-left{
        /* padding-right: 0; */
        padding: 0;
        border: 0 !important;
        /* max-height: 650px; */
    }
    .ct-home-about .ct-home-about-left img{
        max-height: 650px;
    }
    .ct-home-about .ct-home-about-right{
        
    }
}

@media (max-width: 1024px) {
    .ct-mobile-nav-main .nav-issues .ct-submenu{
        display: none !important;
    }
    .ct-post-content .kg-header-card.kg-layout-split{
        padding-left: 25px;
        padding-right: 25px;
    }

    /* .carousel-container{
        padding: 0;
        max-width: none;
    } */
    /* .epcl-carousel[data-limit="1"]{
        margin-left: -60px;
        margin-right: -60px;
    } */
    .epcl-carousel{
        margin-left: 0px;
        margin-right: 0px;
    }
    .epcl-carousel[data-limit="1"] .slick-slide{
        padding-left: 0;
        padding-right: 0;
    }
    .epcl-carousel[data-limit="1"] .slick-prev{
        left: 0px;
    }
    .epcl-carousel[data-limit="1"] .slick-next{
        right: 0px;
    }

    .epcl-carousel[data-fullscreen="true"]{
        width: auto;
        margin-left: auto;
        margin-right: auto;
    }

    #ct-header .ct-header-inner-right > .ct-search-button{
        display: block;
        margin: 0;
    }
}

@media (max-width: 767px) {

    .slick-prev, .slick-next{
        width: 35px;
        height: 35px;
        line-height: 35px;
    }
    .carousel-container{
        padding: 0;
    }
    .epcl-carousel{
        /* margin-left: -45px;
        margin-right: -45px; */
        margin: 0;
        margin-top: 0px;
    }
    .epcl-carousel .slick-slide{
        padding: 20px 0 0;
    }
    .epcl-carousel .slick-slide img{
        border-radius: 0;
    }
    .epcl-carousel .slick-prev{
        left: 0px;
    }
    .epcl-carousel .slick-next{
        right: 0px;
    }

    .epcl-carousel .ct-btn{
        display: none;
    }
    .epcl-carousel[data-limit="1"]{
        /* margin-left: -25px;
        margin-right: -25px; */
    }
    .epcl-carousel[data-limit="1"] .slick-slide{
        padding-left: 0;
        padding-right: 0;
    }
    .epcl-carousel[data-limit="1"] .caption h3{
        font-size: 1.5rem;
    }
    .epcl-carousel[data-limit="1"] .slick-slide img{
        border-radius: 0;
    }

    .ct-pagination .ct-pagination-link-holder{
        width: auto;
    }
    .ct-pagination .ct-pagination-link-holder .ct-btn{
        margin-top: 0;
    }
    .ct-pagination .ct-pagination-link-holder span{
        display: inline-block;
    }

    .ct-sub-header .ct-sub-header-content .ct-post-title {
        font-size: var(--global-font-size-7);
    }
    .kg-layout-split .kg-header-card-text{
        padding: 0;
    }
    .kg-layout-split.kg-content-wide .kg-header-card-text{
        padding-top: 36px;
    }
    .kg-content-wide .kg-header-card-content .kg-header-card-image{
        /* max-height: 250px; */
    }
    .kg-swapped picture{
        grid-row: 1;
    }
    .kg-content-wide.kg-swapped .kg-header-card-content .kg-header-card-image{
        padding-bottom: 0;
    }
    .kg-swapped .kg-header-card-text{
        grid-row: 2;
        padding-bottom: 0 !important;
    }
    .kg-layout-split.kg-swapped .kg-header-card-text{
        padding-top: 36px !important;
        text-align: left;
    }
    .kg-layout-split.kg-swapped .kg-header-card-button{
        margin-left: 0 !important;
    }
}