/*!
 Theme Name: Rubrum
 Theme URI:
 Author: Dev Team
 Author URI:
 Description: Rubrum is a blank canvas for your ideas and it makes the block editor your best brush.
 Requires at least: 6.6
 Tested up to: 6.8.3
 Requires PHP: 8.0
 Version: 6.8
 Text Domain: rubrum
*/


/** Add your custom styles here **/

#gf_9 .gform-footer.gform_footer.top_label {
    padding: 50px 0px 0px 0px !important;
    margin: 0px !important;
}

.absolute-img {
	position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    opacity:0.7;
}
.wp-block-cover.cover-img-z-index {
    background-color: #000;
}
.z-index-group {
    position:relative;
    z-index:10;
}
.z-index-group div {
    opacity: 0.9;
}
.hero-cover .wp-block-cover {
    padding-top: clamp(40px, calc(40px + (100vw - 1280px) * 0.278125), 100px);
}


.wp-block-cover.parallax {
    background-image: url(/wp-content/uploads/ad-display-background-scaled.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
.wp-block-cover.parallax .wp-block-cover__image-background {
    display: none;
}

.hero-cover h3, .hero-cover h2 {
    text-shadow: 0 4px 10px #000000;
}

.hero-cover h1 {
    font-size: clamp(42px, calc(42px + (100vw - 1280px) * 0.16875), 96px) !important;
}

.hero-cover h2 {
    font-size: clamp(28px, calc(28px + (100vw - 1280px) * 0.1125), 64px) !important;
}

.hero-cover h3 {
    font-size: clamp(16px, calc(16px + (100vw - 1280px) * 0.05625), 34px) !important;
}


@media (width <= 782px) {
    .citation {
        padding-top: 0px !important;
    }
    #gform_submit_button_9 {
        width:100%;
        padding-left:var(--wp--preset--spacing--30) !important;
        padding-right:var(--wp--preset--spacing--30) !important;
    }
    .hero-cover {
        min-height: 68dvh !important;
    }
    .hero-cover h1 {
        font-size: clamp(28px, 7vw, 40px) !important;
    }
    .hero-cover h2 {
        font-size: clamp(22px, 5.5vw, 34px) !important;
    }
    .hero-cover h3 {
        font-size: clamp(18px, 4.5vw, 28px) !important;
        box-shadow:;
    }
    .z-index-group  {
        padding-bottom: 20px !important;
    }
    .absolute-img {
        position: relative !important;
    }
    .img-left {
        margin-right:-15vw !important;
    }
    .img-right {
        margin-left: -15vw !important;
    }
    .cover-row .wp-block-group {
        width: 100%;
    }
}
@media (width <= 1480px) {

    .z-index-group {
        padding-bottom: 0px !important;
    }
    .hero-cover h3 {
        text-shadow: 2px 1px 2px #000000; !important
    }
}

@media (width <= 1480px) {
    .absolute-img {
        /* Base fluid scale for screens above 1375px */
        --img-offset: clamp(34px, calc(34px + (100vw - 783px) * 0.5333), 406px);
        
        position: relative;
        left: 0;
        width: 100%;
        
        bottom: var(--img-offset);
        margin-bottom: calc(var(--img-offset) * -1) !important;
    }

    /* Your exact perfect values applied with the correct polarity */
    @media (max-width: 1375px) {
        .absolute-img { margin-bottom: -350px !important; bottom: 350px; }
    }
    @media (max-width: 1350px) {
        .absolute-img { margin-bottom: -325px !important; bottom: 325px; }
    }
    @media (max-width: 1325px) {
        .absolute-img { margin-bottom: -375px !important; bottom: 275px; }
    }
    
    @media (max-width: 1275px) {
        .absolute-img { margin-bottom: -375px !important; bottom: 275px; }
    }
    @media (max-width: 1250px) {
        .absolute-img { margin-bottom: -350px !important; bottom: 250px; }
    }

    @media (max-width: 1150px) {
        .absolute-img { margin-bottom: -350px !important; bottom: 225px; }
    }

    @media (max-width: 1050px) {
        .absolute-img { margin-bottom: -325px !important; bottom: 200px; }
    }
    @media (max-width: 1025px) {
        .absolute-img { margin-bottom: -325px !important; bottom: 175px; }
    }
    @media (max-width: 1000px) {
        .absolute-img { margin-bottom: -300px !important; bottom: 175px; }
    }

    /* --- NEW: Continued stepping down to 783px --- */
    
    @media (max-width: 975px) {
        .absolute-img { margin-bottom: -275px !important; bottom: 150px; }
    }
    @media (max-width: 950px) {
        .absolute-img { margin-bottom: -250px !important; bottom: 150px; }
    }
    @media (max-width: 925px) {
        .absolute-img { margin-bottom: -250px !important; bottom: 125px; }
    }
    @media (max-width: 900px) {
        .absolute-img { margin-bottom: -225px !important; bottom: 125px; }
    }
    @media (max-width: 875px) {
        .absolute-img { margin-bottom: -225px !important; bottom: 100px; }
    }
    @media (max-width: 850px) {
        .absolute-img { margin-bottom: -200px !important; bottom: 100px; }
    }
    @media (max-width: 825px) {
        .absolute-img { margin-bottom: -200px !important; bottom: 75px; }
    }
    @media (max-width: 800px) {
        .absolute-img { margin-bottom: -175px !important; bottom: 75px; }
    }
    @media (max-width: 783px) {
        .absolute-img { margin-bottom: -150px !important; bottom: 50px; }
    }
}