/*!
 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 **/

:root, body {
    /* Helps prevent scroll shake when header shrinks */
    overscroll-behavior-y: none;
    overflow-anchor: none;
}

h3, h4, h5, h6 {
    font-family: var(--wp--preset--font-family--default) !important;
}

.home .header-inner {
    background-color: transparent !important;
}
.home header {
    margin-bottom: -150px !important;
}

#header-inner {
    transition: all 0.5s;
}
.header-inner-scrolled {
    background-color: var(--wp--preset--color--secondary) !important;
    padding-top: 16px !important;
    padding-bottom: 13px !important;
}

.wp-block-navigation:not(.has-text-color) .wp-block-navigation__responsive-container.is-menu-open:not(.disable-default-overlay) {
    background-color: var(--wp--preset--color--secondary) !important;
    color: #FFF;
}
.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open:not(.disable-default-overlay) {

}

.section-about .background-image-container {
    background-size: 39% auto !important;
    z-index: 999 !important;
}
@media (max-width: 1599.98px) {
    .section-about .background-image-container {
        margin: 0 0 0 auto !important;
        width: 39%;
        background-size: auto 100% !important;
        background-position: 50% 50% !important;
    }
}
@media (max-width: 1399.98px) {
    .section-about .background-image-container {
        width: 37%;
    }
}
@media (max-width: 991.98px) {
    .section-about .background-image-container {
        height: 260px;
        width: 100%;
        background-size: 100% auto !important;
        background-position: 50% 40% !important;
    }
}

.wp-block-post-excerpt__more-link {
    font-size: 16px;
    letter-spacing: 4.8px;
}

@media (min-width: 640px) {
    .section-contact,
    .section-about {
        overflow-x: hidden !important;
        position: relative;
    }

    .line-white {
        line-height: 0.95;
        display: grid;
        grid-template-columns: auto 1fr;
        align-items: end;
        gap: clamp(16px,2vw,32px);
        width: 100%;
        position: relative;
    }
    .line-white::after {
        content: "";
        height: 2px;
        background-color: #FFF;
        width: calc(100vw - 100%);
        margin-right: calc((100vw - 100%) * -1);
    }

    .line-dark {
        line-height: 0.95;
        display: grid;
        grid-template-columns: auto 1fr;
        align-items: end;
        gap: clamp(16px,2vw,32px);
        width: 100%;
        position: relative;
    }
    .line-dark::after {
        content: "";
        height: 2px;
        background-color: #0B3347;
        width: calc(100vw - 100%);
        margin-right: calc((100vw - 100%) * -1);
    }
}