/*
Theme Name: ISV Child Theme
Theme URI: https://wpastra.com/
Template: astra
Author: Brainstorm Force
Author URI: https://wpastra.com/about/?utm_source=theme_preview&utm_medium=author_link&utm_campaign=astra_theme
Description: The Astra WordPress theme is lightning-fast and highly customizable. It has over 1 million downloads and the only theme in the world with 5,700+ five-star reviews! It’s ideal for professional web designers, solopreneurs, small businesses, eCommerce, membership sites and any type of website. It offers special features and templates so it works perfectly with all page builders like Spectra, Elementor, Beaver Builder, etc. Fast performance, clean code, mobile-first design and schema markup are all built-in, making the theme exceptionally SEO-friendly. It’s fully compatible with WooCommerce, SureCart and other eCommerce plugins and comes with lots of store-friendly features and templates. Astra also provides expert support for free users. A dedicated team of fully trained WordPress experts are on hand to help with every aspect of the theme. Try the live demo of Astra: https://zipwp.org/themes/astra/
Tags: custom-menu,custom-logo,entertainment,one-column,two-columns,left-sidebar,e-commerce,right-sidebar,custom-colors,editor-style,featured-images,full-width-template,microformats,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready,blog
Version: 4.11.5.1788701480
Updated: 2026-09-06 17:01:20

*/
/* ==========================
   ISV PROJECT TEMPLATE
========================== */

/* =========================================
   ISV MASTER PROJECT TEMPLATE
========================================= */

.isv-project-page {
    direction: rtl;
    background: #fff;
    color: #191919;
}

.isv-project-page *,
.isv-project-page *::before,
.isv-project-page *::after {
    box-sizing: border-box;
}

.isv-project-cover {
    width: 94%;
    max-width: 1180px;
    margin: 25px auto 0;
    overflow: hidden;
}

.isv-project-cover img {
    display: block;
    width: 100%;
    height: auto;
    max-height: 520px;
    object-fit: cover;
}

.isv-project-intro,
.isv-project-overview,
.isv-project-details,
.isv-project-meta,
.isv-project-video-section,
.isv-related-projects {
    width: 94%;
    max-width: 1180px;
    margin: 0 auto;
}

.isv-project-intro {
    padding: 35px 0 20px;
}

.isv-project-two-columns {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 30px;
}

.isv-project-heading {
    display: flex;
    align-items: center;
    gap: 11px;
    margin-bottom: 20px;
}

.isv-project-heading > span {
    display: block;
    width: 5px;
    min-width: 5px;
    height: 31px;
    background: #f6bd16;
}

.isv-project-heading h2 {
    margin: 0;
    padding: 0;
    color: #161616;
    font-size: 25px;
    line-height: 1.5;
}

.isv-project-content-card {
    min-width: 0;
}

.isv-project-content {
    color: #4a4a4a;
    line-height: 2.1;
    font-size: 15.5px;
}

.isv-project-content p {
    margin: 0 0 14px;
}

.isv-project-client-link a {
    color: #161616;
    font-weight: 800;
    text-decoration: none;
}

.isv-project-client-logo {
    margin-top: 20px;
    text-align: center;
}

.isv-project-client-logo img {
    display: inline-block;
    width: auto;
    max-width: 190px;
    max-height: 135px;
    object-fit: contain;
}

.isv-project-execution {
    margin-top: 25px;
}

.isv-project-execution h3 {
    font-size: 18px;
    margin-bottom: 12px;
}

.isv-project-overview {
    padding: 15px 0 35px;
}

.isv-project-overview-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 14px;
}

.isv-project-overview-item {
    border: 1px solid #ededed;
    background: #fff;
    overflow: hidden;
}

.isv-project-overview-image {
    width: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    background: #f5f5f5;
}

.isv-project-overview-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .3s ease;
}

.isv-project-overview-item:hover img {
    transform: scale(1.035);
}

.isv-project-overview-title {
    min-height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 12px 8px;
    font-size: 14px;
    font-weight: 700;
}

.isv-project-details {
    padding: 10px 0 40px;
}

.isv-project-media-columns {
    align-items: start;
}

.isv-project-map {
    width: 100%;
    overflow: hidden;
    background: #f7f7f7;
    padding: 15px;
}

.isv-project-map img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
}

.isv-project-location {
    margin-top: 10px;
    text-align: center;
    font-weight: 700;
}

.isv-project-gallery {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.isv-project-gallery-item {
    margin: 0;
    padding: 0;
    overflow: hidden;
    border: 1px solid #ededed;
}

.isv-project-gallery-image {
    width: 100%;
    aspect-ratio: 2 / 1;
    overflow: hidden;
    background: #f6f6f6;
}

.isv-project-gallery-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.isv-project-gallery-item figcaption {
    min-height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    text-align: center;
    font-size: 13px;
    font-weight: 700;
}

.isv-project-meta {
    padding: 10px 0 45px;
}

.isv-project-meta-grid {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 10px;
}

.isv-project-meta-grid > div {
    min-height: 112px;
    background: #f6bd16;
    padding: 18px 12px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.isv-project-meta-grid span {
    display: block;
    font-size: 12px;
    margin-bottom: 8px;
    opacity: .72;
}

.isv-project-meta-grid strong {
    font-size: 14px;
    line-height: 1.8;
}

.isv-project-video-section {
    padding: 0 0 40px;
}

.isv-project-video-button {
    display: inline-flex;
    min-height: 46px;
    align-items: center;
    justify-content: center;
    padding: 8px 22px;
    background: #161616;
    color: #fff !important;
    text-decoration: none !important;
}

.isv-project-cta {
    width: 94%;
    max-width: 1180px;
    margin: 5px auto 40px;
}

.isv-project-cta > div {
    background: #161616;
    color: #fff;
    padding: 28px 32px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 25px;
}

.isv-project-cta h2 {
    margin: 0 0 6px;
    color: #fff;
    font-size: 24px;
}

.isv-project-cta p {
    margin: 0;
    color: rgba(255,255,255,.78);
}

.isv-project-cta a {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: #f6bd16;
    color: #111 !important;
    padding: 13px 20px;
    text-decoration: none !important;
    font-weight: 800;
}

.isv-related-projects {
    padding: 0 0 45px;
}

.isv-related-projects-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 15px;
}

.isv-related-project {
    display: block;
    min-height: 165px;
    padding: 24px;
    border: 1px solid #e8e8e8;
    background: #fff;
    color: #171717 !important;
    text-decoration: none !important;
    transition: transform .25s ease, box-shadow .25s ease;
}

.isv-related-project:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 25px rgba(0,0,0,.08);
}

.isv-related-project h3 {
    margin: 0 0 12px;
    font-size: 18px;
}

.isv-related-project div {
    color: #707070;
    margin-bottom: 15px;
}

.isv-related-project span {
    color: #111;
    font-weight: 700;
}


/* Tablet */

@media (max-width: 1024px) {

    .isv-project-overview-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .isv-project-meta-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

}


/* Mobile */

@media (max-width: 767px) {

    .isv-project-cover {
        width: 100%;
        margin-top: 0;
    }

    .isv-project-two-columns {
        grid-template-columns: 1fr;
        gap: 35px;
    }

    .isv-project-overview-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .isv-project-gallery {
        grid-template-columns: 1fr;
    }

    .isv-project-meta-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .isv-related-projects-grid {
        grid-template-columns: 1fr;
    }

    .isv-project-cta > div {
        flex-direction: column;
        align-items: flex-start;
        padding: 24px 20px;
    }

    .isv-project-heading h2 {
        font-size: 21px;
    }

    .isv-project-content {
        font-size: 14.5px;
    }

}