/**
* Theme Name: Spaciaz Child
* Description: This is a child theme of Spaciaz, generated by Merlin WP.
* Author: <a href="https://wpopal.com/">Opalthemes</a>
* Template: spaciaz
* Version: 1.0.1
*/

/* ---------------------------------------------------------------------------------------------------------- */
/* NAVIGATION */
/* ---------------------------------------------------------------------------------------------------------- */
.navigation-post-filter a.active {
    color: #FFF;
}

/* ---------------------------------------------------------------------------------------------------------- */
/* CATEGORIES */
/* ---------------------------------------------------------------------------------------------------------- */
.categories-link a {
    color: #FFF;
}

/* ---------------------------------------------------------------------------------------------------------- */
/* ACCORDEONS */
/* ---------------------------------------------------------------------------------------------------------- */
.elementor-widget-n-accordion .e-n-accordion .e-n-accordion-item .e-n-accordion-item-title:before {
    content: '';
}

/* ---------------------------------------------------------------------------------------------------------- */
/* BOX */
/* ---------------------------------------------------------------------------------------------------------- */
.box-hover:before {
    background-color: var(--background_light);
}

/* ---------------------------------------------------------------------------------------------------------- */
/* PROJECTS */
/* ---------------------------------------------------------------------------------------------------------- */
.project-item .project-status a {
    color: #FFF;
}

.project-form-filter .filter-wrap-button button {
    color: #FFF;
}

.project-item.project-style-6 .project-post-thumbnail {
    flex: 0 0 33%;
}

/* Style 3 */
/* ---------------------------------------------------------------------------------------------------------- */
.project-item.project-style-3 {
    --accent: #FFF;
}
.project-item.project-style-3:hover .project-status a {
    color: var(--primary);
}
.project-item.project-style-3 .project-content .project-status a {
    color: #FFF;
}

/* Style 4 */
/* ---------------------------------------------------------------------------------------------------------- */
.project-item.project-style-4 .project-content .project-status a {
    color: #FFF !important;
}

@media screen and (min-width: 576px) {
    .project-item.project-style-6 .project-post-thumbnail {
        flex: 0 0 66%;
        max-width: 66%;
    }
}

@media screen and (min-width: 1025px) {

    .content-area {
        width: auto;
        float: none;
    }

    .content-area:before {
        display: none;
    }
}