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

.img-gallery {
    margin-top:-141px;
}
.img-gallery .wp-block-image {
    z-index:1;
}

.our-mission-mob-px .wp-block-group {
    padding-right: clamp(20px, 6vw, 85px) !important;
    padding-left: clamp(20px, 6vw, 85px) !important;
}
#our-priorities .hover-green {
    padding: clamp(20px, 6vw, 50px) !important;
}
h3.accordion-title {
    font-size: var(--wp--preset--font-size--x-large) !important;
}
.page-id-2 .navbar{
	background-color: transparent !important;
	transition: background-color 0.5 ease-in-out;
}

.page-id-2 .navbar.scrolled {
	background: var(--wp--preset--color--primary) !important;
	transition:background 0.5s ease-in-out;
}
.text-disclaimer-opt-in label.gfield_consent_label{
	font-size: 12px;
	line-height: 1.38;
	letter-spacing: 0;
	font-weight: 500;
}
#hero-section {
    margin-top: -164px;
}
.btn-rt-chevron a::after {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-left: 8px;
    vertical-align: middle;
    background-color: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M5 2l6 6-6 6' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
            mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M5 2l6 6-6 6' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
}
.hover-green:hover {
    background: #00423596;
}
.is-style-btn-accent a.wp-block-button__link.wp-element-button:hover {
    background: var(--wp--preset--color--primary) !important;
    color: #fff !important;
    border: 1px solid var(--wp--preset--color--tertiary) !important;
}

/* Navigation Animation */
header li.wp-block-navigation-item.wp-block-navigation-link:hover {
    transform: translateY(-5px);
}
header li.wp-block-navigation-item.wp-block-navigation-link a:hover {
    color:#fff !important;
}
header li.wp-block-navigation-item.wp-block-navigation-link {
    position: relative;
    transition: transform 0.3s ease;
}
header li.wp-block-navigation-item.wp-block-navigation-link::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 1px;
    background: var(--wp--preset--color--secondary);
    opacity: 0;
    transform: translateY(-7px);
    transition: opacity 300ms ease, transform 300ms ease;
}
header li.wp-block-navigation-item.wp-block-navigation-link:hover::after {
    opacity: 1;
    transform: translateY(5px);
}

.gform_confirmation_message {
    color: #dc3545 !important;
    font-size: 20px !important;
}

@media (width <= 900px) {
    .img-gallery {
        margin-top: -141px;
        flex-wrap: wrap;
        justify-content: space-evenly;
    }
}

@media (width >= 782px) {
.nav-yellow-btn {
    position: absolute;
    top:133px;
    right: 0px;
    box-shadow: 0 4px 4px #00000047;
    border-radius: 9px 0 0 9px ;
}
.navbar .nav-row {
    width:1240px !important;
}
.nav-yellow-btn .wp-block-button__link:hover {
    background: var(--wp--preset--color--primary) !important;
    color: #FFFA66 !important;
}
}

@media (max-width: 781.5px) {
.nav-yellow-btn {
    display: none !important;
}
}