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


/** HEADER **/
.wp-block-navigation__responsive-container.is-menu-open {
    background-color: var(--wp--preset--color--primary) !important;
    color: #FFF !important;
}

@media (max-width: 1199.98px) {
    header .wp-block-social-links {
        column-gap: 10px;
    }
}
.wp-block-social-link:hover {
    transform: scale(1);
    border-color: var(--wp--preset--color--accent);
}
.wp-block-social-link:hover a {
    color: var(--wp--preset--color--accent) !important;
}

@media (min-width: 992px) and (max-width: 1099.98px) {
    header .wp-block-social-links {
        display: none;
    }
}

/** Header - Donate Buttons **/
@media (min-width: 1300px) {
    .is-style-btn-secondary .wp-block-button__link {
        min-width: 170px;
    }
}
@media (max-width: 929.98px) {
    .header-donate .donate-buttons .btn-50 {
        display: none;
    }
}
@media (max-width: 781.98px) {
    .header-donate .donate-buttons .btn-250 {
        display: none;
    }
}
@media (max-width: 639.98px) {
    .header-donate .donate-text {
        display: none;
    }
}
@media (max-width: 499.98px) {
    .header-donate {
        row-gap: 10px;
    }
}


/** HOME PAGE **/

.home-cover {
    height: 48vw;
    max-height: 768px;
}

@media (max-width: 991.98px) {
    .img-stars {
        width: 48vw;
    }
}
.section-meet {
    position: relative;
    z-index: 1;
}
.section-meet::after {
    content: '';
    position: absolute;
    top: calc(50% - 63.5px);
    right: 0;
    z-index: -1;
    width: max(33%, 50vw - 218px);
    height: 127px;
    background-color: var(--wp--preset--color--accent-tan);
}
@media (max-width: 991.98px) {
    .section-meet::after {
        top: 200px;
        width: 100%;
    }
}


/** PAGE - MEET **/

.section-about {
    position: relative;
    z-index: 1;
}
.section-about::after {
    content: '';
    position: absolute;
    top: calc(50% - 63.5px);
    right: 0;
    z-index: -1;
    width: 100%;
    height: 127px;
    background-color: var(--wp--preset--color--accent-tan);
}


/** NEWS **/

.loop-news .wp-block-post-featured-image {
    aspect-ratio: 2 / 1 !important;
}

.btn-learn-more {
    font-size: 16px;
    font-style: normal;
    font-weight: 800;
    letter-spacing: 3.2px;
    text-transform: uppercase;
    padding-right: 25px;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="9" height="14" viewBox="0 0 9 14" fill="none"><path d="M1.10986 1.00903L6.10986 6.50903L1.10986 12.009" stroke="black" stroke-width="3"/></svg>') no-repeat 100% 50%;
}
.btn-learn-more:hover {
    text-decoration: none;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="9" height="14" viewBox="0 0 9 14" fill="none"><path d="M1.10986 1.00903L6.10986 6.50903L1.10986 12.009" stroke="%23BE2626" stroke-width="3"/></svg>') no-repeat 100% 50%;
}


/** ENDORSEMENTS **/

.img-endorsement img {
    margin: 0 auto;
    max-height: 133px;
    width: auto !important;
}