/*
Theme Name:     Steinhauser Steinhauser Kadence Child
Theme URI:      n/a
Template:       kadence
Author:         Roberto De Simone
Author URI:     n/a
Description:    Child Theme Description
Version:        1.0.0
License:        GNU General Public License v3.0 (or later)
License URI:    https://www.gnu.org/licenses/gpl-3.0.html
*/

.wide-width-content {
    max-width: 1290px !important;
    margin: 0 auto !important;
    display: block !important;
}

.collaborators-grid .sts-objects-card {
    display: none;
}

.home-objects-carousel .collaborator-card {
    display: none;
}


/* Container takes the image’s height because we use <img> */
.media-card {
    position: relative;
    margin: 0 auto !important;
    width: 100% !important;
    text-align: center !important;
}

/* Image defines layout; keeps aspect ratio naturally */
.media-card img {
    display: block;
    width: 80% !important;
    margin: 0 10% !important;
    height: auto;
}

/* Overlay text */
.media-card .overlay {
    position: absolute;
    inset: auto 0 0 0;         /* stick to the bottom; use inset:0; for full cover */
    padding: 1rem;
    color: #fff;
    z-index: 1;
}

@media (max-width: 1024px) {
    .media-card {
        overflow: hidden !important;
    }
    .media-card img {
        height: 900px !important;
        width: unset !important;
        max-width: unset !important;
        margin: 0 !important;
    }
}

@media (max-width: 1024px) {
    .footer-columns {
        flex-direction: column !important;
    }
}

@media (min-width: 1400px) {
    .footer-columns > div:nth-child(1) {

    }

    .footer-columns > div:nth-child(2) {

    }

    .footer-columns > div:nth-child(3) {

    }
}

/* Base state */
.scroll-hide {
    --hide-distance: 200; /* px; increase to make fade more gradual */
    transition: opacity 0.2s linear, transform 0.2s ease-out; /* snappy response */
    will-change: opacity, transform;
    /* optional: your debug border */
    /* border: 5px solid red; */
}

/* When fully hidden (progress >= 1), you can use this to disable pointer events etc. */
.scroll-hide.hidden {
    pointer-events: none;
}

/* Respect motion preferences */
@media (prefers-reduced-motion: reduce) {
    .scroll-hide {
        transition: none !important;
        transform: none !important;
    }
}

@media (max-width: 1024px) {
    .intro-container {
        height: 700px !important;
        width: 100% !important;
        padding-top: 100px !important;
    }
    .sts-symbol {
        width: 100px;
        padding: 0 15px !important;
        margin: 0 !important;
    }
    .scroll-hide h1 {

    }
    .second-container {
        width: 100% !important;
        height: 700px !important;
        background-size: cover !important;
    }
}

.wp-block-file:not(.wp-element-button) {
    font-size: unset;
}

.center-file-block {
    text-align: center;
}