/*
Theme Name: Facade Child
Theme URI: https://themeforest.net/user/themerain/portfolio
Author: ThemeRain
Template: facade
Author URI: https://themeforest.net/user/themerain
Description: A minimally beautiful portfolio WordPress theme for agencies & freelancers.
Version: 2.0.5
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: themerain-child
*/


@media only screen and (min-width: 768px) {
    .portfolio-area.minimal {
        grid-template-columns: repeat(12, 1fr);
               grid-row-gap: var(--spacing-md);
        grid-template-rows: auto;
     
    }

    .site-logo { text-transform: lowercase; }

.cover {
    object-fit: contain;
}

.caption-minimal .entry-caption {
    pointer-events: all;
    z-index: 3;
    position: absolute;
    top: unset !important;
    bottom: 10px;
    text-align: left;
    transform: none;
      width: 220px; 
}

.caption-minimal .project:nth-of-type(odd) .entry-caption {
    right: -230px !important;
    left: unset !important;
}

.caption-minimal .project:nth-of-type(even) .entry-caption {
    left: -230px !important;
    right: unset !important;
}


.caption-minimal h3 {
    opacity: 1;
    visibility: visible;
    color: #000;
}

.project .entry-caption hr {
    width: 100% !important;
    max-width: 100% !important;
    font-size: 5px;
}

.portfolio-area .entry-caption h3 {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
}

.portfolio-area .hentry:hover .entry-media::after {
    opacity: 0;
}

.home .site-hero.mb-md.hero-has-parallax {
    visibility: hidden;
    margin-bottom: 0px;
}

.portfolio-area.minimal .entry-media::before {
    padding-top: 100%;
}

.project:nth-of-type(odd) .cover {
    object-fit: contain;
    object-position: bottom right;
}
.project:nth-of-type(even) .cover {
    object-fit: contain;
    object-position: bottom left;
}

}