/*
Theme Name: Reel Child
Theme URI: https://dxp.pro
Description: Child theme for WPZOOM Reel
Author: Timothy Durant
Author URI: https://dxp.pro
Template: wpzoom-reel
Version: 1.0
Text Domain: reel-child
*/

/* ==========================================================
   DXP PROJECT TEMPLATE
   ========================================================== */

/* Featured image */

.single article .project-hero {
    width: 600px !important;
    max-width: 90vw !important;
    margin: 50px auto 70px !important;
}

.single article .project-hero img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* Header */

.project-header {
    margin-bottom: 60px;
}

.project-header .entry-category {
    margin-bottom: 18px;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.project-header .entry-title {
    font-size: 16px;
    line-height: 1.1;
    font-weight: 700;
    margin: 0;
}
.project-title {
    font-size: 24px;
    text-transform: uppercase;
    color: white;
    line-height: 1.1;
    margin-bottom: 30px;
}

/* Two-column layout */

.project-layout {

    display: grid;

    grid-template-columns: 280px 1fr;

    gap: 70px;

    align-items: start;

    margin-bottom: 80px;

}

/* Metadata */

.project-meta {

    position: sticky;

    top: 40px;

}

.project-meta-item {

    margin-bottom: 32px;

}

.project-meta-label {

    font-size: 14px;

    font-weight: 700;

    text-transform: uppercase;

    letter-spacing: .12em;

    color: white;

    margin-bottom: 8px;

}

.project-meta-value {

    font-size: 14px;

    font-weight: 700;

    text-transform: uppercase;
    line-height: 1.5;

    color: #dce245;

}
.project-meta-item {
    margin-bottom: 10px;
}

.project-meta-label,
.project-meta-value {
    display: inline;
}

.project-meta-label {
    font-weight: 600;
}

/* Description */

.project-content {

    font-size: 12px;

    line-height: 0.5;

}

.project-content p:first-child {

    margin-top: 0;

}

.project-content p {

    margin-bottom: 1.6em;

}

.project-content h2,
.project-content h3 {

    margin-top: 2em;

}

/* Video */

.project-video {

    margin: 100px 0;

}

.project-video iframe,
.project-video video,
.project-video embed,
.project-video object {

    width: 100%;

    aspect-ratio: 16 / 9;

    height: auto;

    display: block;

}

/* Mobile */

@media (max-width: 900px) {

    .project-layout {

        grid-template-columns: 1fr;

        gap: 50px;

    }

    .project-meta {

        position: static;

    }

    .project-header .entry-title {

        font-size: 38px;

    }

    .entry-cover {

        height: 40vh;

        min-height: 260px;

    }

}

@media (max-width: 720px) {

    .project-header .entry-title {

        font-size: 30px;

    }

    .project-content {

        font-size: 18px;

    }

}
/* ===== Project Layout ===== */

.single article .project-layout {
    display: grid;
    grid-template-columns: 33% 67%;
    gap: 60px;
    width: 100%;
    max-width: var(--content-width);
    margin: 60px auto;
}

.single article .project-meta {
    position: sticky;
    top: 40px;
}

.single article .project-content {
    max-width: none !important;
}

.single article .project-content p {
    font-size: 22px;
    line-height: 1.6;
}