/*
Theme Name: Reel Child
Theme URI: https://www.wpzoom.com/themes/reel
Template: wpzoom-reel
Description: This is a simple Child Theme.
Author: WPZOOM
Author URI: https://www.wpzoom.com
Version: 1.0
*/

.header-logo-subline {
    letter-spacing: 0.6px;
    text-transform: uppercase;
}

#work {
    scroll-margin-block-start: 100px;

    @media (max-width: 768px) {
        scroll-margin-block-start: 0px;
    }
    @media (max-width: 400px) {
        scroll-margin-block-start: 15px;
    }
}

.jp-carousel-overlay {
    --jp-carousel-bg-color: rgba(0, 0, 0, 0.9);
    .jp-carousel-info-footer,
    .jp-carousel-info{
        --jp-carousel-bg-color: rgba(0, 0, 0, 0);
    }

    @media (max-width: 768px) {
        --jp-carousel-bg-color: rgba(0, 0, 0, 0.75);
        .jp-carousel-info-footer {
            --jp-carousel-bg-color: rgba(0, 0, 0, 0.775);
        }
    }

    .swiper-button-next svg,
    .swiper-button-next svg:hover {
        --jp-carousel-primary-subtle-color: #000;
    }
}

.jp-carousel-info-footer {
    --jp-carousel-bg-color: rgba(0, 0, 0, 0.1);
}

.portfolio_item-title_btm {
    margin-bottom: 10px !important;
}

.portfolio-taxonomies {
    display: flex;
    flex-wrap: wrap;
    gap: 0rem 2rem;

    li.cat-item {
        margin-inline: 0;

        a {
            font-size: 20px;
        }
    }
}

.entry-meta span + span:before {
    content: " | ";
}

.wp-block-jetpack-tiled-gallery {

    margin: 0 20px 20px 20px !important;
}

.slider-wrap {
    max-height: 67dvh;

    @media (max-width: 768px) {
        max-height: 65dvh;
    }
}

#slider .slides {
    cursor: pointer;

    > li {
        cursor: pointer;
        max-height: 67dvh;

        @media (max-width: 768px) {
            max-height: 65dvh;
        }

        .li-wrap {
            top: 50%;
            transform: translate(0, -100%);
        }

        h3 {
            display: none;
        }

        .slide-background-overlay, iframe {
            cursor: pointer;
        }

        .popup-video,
        .excerpt {
            margin-top: 0 !important;
        }

        .li-wrap {
            margin-top: 25px !important;
        }
    }
}

@media (max-width: 1133px) {
    html body {
        .navbar-brand-wpz{
            flex: 1 0 50px;
        }
    }
}


@media screen and (max-width: 992px) {


    body .about-image {
        height: 500px;

        * {
            height: 100%;
            width: 100%;

        }

        .wpzabb-imgicon-wrap .wpzabb-image-content {
            img {
                height: 100% !important;
                object-fit: cover;
                object-position: 45% 50%;
                width: 100%;
            }
        }
    }
}

@media screen and (max-width: 768px) {

    body .site-header {
        position: fixed !important;
        top: calc(0px + var(--wp-admin--admin-bar--height, 0px)) !important;
    }

    body .site-main {
        margin-top: 75px !important;
    }

    .home .portfolio-archive-taxonomies {
        padding: 40px 0 40px;
    }

    body #slider {
        z-index: 100;

        .slides {
            height: 75dvh;
            max-height: 75dvh;
        }
    }

    body #slider .slides > li {
        height: 75dvh;
    }

    body #slider .slides > li, #slider .flex-viewport, #slider .slides {
        min-height: 75dvh;
    }

    body .portfolio-showcase .portfolio_item, .portfolio-archive .portfolio_item {
        margin-bottom: 20px !important;
    }

}

@media screen and (max-width: 400px) {
    body .site-header {
        min-height: 100px !important;
        height: 100px !important;

        .inner-wrap {
            height: 100% !important;
            display: flex;
        }
    }
}

.designed-by {
    display: none !important;
}

@media (min-width: 1024px) {
    .zoom-social-icons-widget {
        top: -36px !important;
    }
}