/*
Theme Name: Astra Child
Theme URI: https://wpastra.com/
Description: Child theme for Astra
Author: Your Name
Author URI: https://jeremyking.me/
Template: astra
Version: 1.0.0
Text Domain: astra-child
*/

/* Add your custom styles below */
div#page::after{
    display:block;
    content:"";
    width: 300px;
    position:fixed;
    top:0;
    left: calc(50% - 150px);
    height: 100%;
    background-color: rgba(0, 0, 0, 1);
    z-index: -9999;
}

.portfolio-entry{
    padding: 1em;
    border: 1px solid #000;
    border-radius: 1em;
    margin: 5em 0;
    width: 100%;
    background-color: rgba(0, 0, 0, .8);
}

/* Horizontal 3D rotate-in when the element's top scrolls into view */
.portfolio-entry{
    transform-style: preserve-3d;
    will-change: transform, opacity;
    transition: transform .8s cubic-bezier(.2,.8,.2,1), opacity .6s;
}

/* Only apply hidden state when JS is enabled to avoid hiding content for non-JS users */
.js .portfolio-entry.is-hidden{
    opacity: 0;
    transform: perspective(1000px) rotateY(-45deg) scale(.95);
}

.portfolio-entry.in-view{
    opacity: 1;
    transform: perspective(1000px) rotateY(0deg) scale(1);
}

@media (prefers-reduced-motion: reduce) {
    .portfolio-entry,
    .portfolio-entry.in-view,
    .js .portfolio-entry.is-hidden {
        transition: none !important;
        transform: none !important;
        opacity: 1 !important;
    }
}

#logos .wp-block-gallery>figure.wp-block-image{
    width: 100%;
    margin: auto;
    border-radius: 1em;
    padding: 1em;
    background-color:  rgba(255, 255, 255, .8);
}

#logos .wp-block-gallery.has-nested-images figure.wp-block-image img{
    width: initial;
    margin: auto;
}