/*!
 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.7
 Requires PHP: 8.0
 Version: 6.7.1
 Text Domain: rubrum
*/


/** Add your custom styles here **/

/* override bootsrap reboot.scss */
body {
    font-size: var(--wp--preset--font-size--medium);
    font-family: var(--wp--preset--font-family--default);
    line-height: 1.32;
}

/* GLOBAL STYLES */
header {
    width: 100%;
}

header .wp-block-safe-svg-svg-icon { /*logo */
    max-width: 100%;
    margin-top: 0 !important;
}

header.scrolled {
    background-color: #F9F7F3;
    border-bottom: 1px solid var(--wp--preset--color--primary);
    transition: background-color 0.3s ease;
}

header.scrolled svg path {
    fill: var(--wp--preset--color--primary);
}

header.scrolled .volunteer-btn .wp-block-button__link.wp-element-button {
    background-color: var(--wp--preset--color--white) !important;
    color: var(--wp--preset--color--primary) !important;
    border-color: var(--wp--preset--color--primary) !important;
    transition: .3s ease;
} 

header.scrolled .volunteer-btn .wp-block-button__link.wp-element-button:hover {
    background-color: var(--wp--preset--color--primary) !important;
    color: var(--wp--preset--color--white) !important;
} 

header.scrolled .donate-btn .wp-block-button__link.wp-element-button {
    background-color: var(--wp--preset--color--primary) !important;
    color: var(--wp--preset--color--tertiary) !important;
    border-color: var(--wp--preset--color--primary) !important;
    transition: .3s ease;
} 

header.scrolled .donate-btn .wp-block-button__link.wp-element-button:hover {
    background-color: var(--wp--preset--color--white) !important;
    color: var(--wp--preset--color--primary) !important;
    transition: .3s ease;
} 

.wp-block-button__link.wp-element-button:not(header .wp-block-button__link.wp-element-button) {
  width: 165px;
  font-size: var(--wp--preset--font-size--button-font-size) !important;
}

.eyebrow {
    font-size: var(--wp--preset--font-size--button-font-size);
    display: block;
    margin-bottom: var(--wp--preset--spacing--30);
    font-family: var(--wp--preset--font-family--optician-sans);
}

.footer-socials .wp-social-link {
    background-color: transparent !important;
}


/* HOME
   PAGE */
.home {
    background-color: #F9F7F3;
}

/* testing */
.home .carousel-background {
    height: 135%;
}
/* testing */

.home .carousel-background img {
    display: block !important;
    position: relative;
    top: -15%;
}

#home-hero .carousel-content--container {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%);
}

/* #home-hero .video-embed-object-fit-cover  {
    height: 135%;
} */

#home-hero .video-embed-object-fit-cover iframe {
    top: 35% !important;
}

#home-hero p {
    max-width: 690px;
}

#home-hero .wp-block-button__link.wp-element-button {
    width: 200px;
}

/* PLATFORM SECTION on HOMEPAGE */
.platform-section-cols figure img {
    width: 100%;
}

/* JOIN TEAM - Form */
#gform_10 {
    max-width: 580px;
    margin: 0 auto;
}

#gform_10 label {
    color: var(--wp--preset--color--primary);
    font-size: var(--wp--preset--font-size--normal);
    margin-bottom: 4px;
}

    /*  checkbox  */
#gform_10 #field_10_12 label a { 
    color: var(--wp--preset--color--primary);
}

/* #gform_10 #field_10_12 label::before {
    border-color: var(--wp--preset--color--primary) !important;
}

#gform_10 #field_10_12 label::before:hover {
    transition: none;
} */

#gform_10 .gfield_required {
    font-family: var(--wp--preset--font-family--instrument-sans);
    font-size: var(--wp--preset--font-size--normal);
}

#gform_10 .gfield_required_asterisk {
    position: relative;
    top: 5px;
    left: -3px;
    font-family: var(--wp--preset--font-family--instrument-sans);
}

/* ABOUT 
   PAGE */
.about-page header .donate-btn .wp-block-button__link.wp-element-button {
    background-color: var(--wp--preset--color--primary) !important;
    color: var(--wp--preset--color--tertiary) !important;
    border-color: var(--wp--preset--color--primary) !important;
    transition: .3s ease;
} 

.about-page header .volunteer-btn .wp-block-button__link.wp-element-button {
    background-color: transparent !important;
    color: var(--wp--preset--color--primary) !important;
    border-color: var(--wp--preset--color--primary) !important;
    transition: .3s ease;
} 

.about-page header .donate-btn .wp-block-button__link.wp-element-button:hover {
    background-color: transparent !important;
    color: var(--wp--preset--color--primary) !important;
    border-color: var(--wp--preset--color--primary) !important;
    transition: .3s ease;
} 

.about-page header .volunteer-btn .wp-block-button__link.wp-element-button:hover {
    background-color: var(--wp--preset--color--primary) !important;
    color: var(--wp--preset--color--tertiary) !important;
    border-color: var(--wp--preset--color--tertiary) !important;
    transition: .3s ease;
} 

.about-page {
    background: var(--wp--preset--color--secondary);
}

.about-page header svg path {
    fill: var(--wp--preset--color--primary);
}


@media screen and (max-width: 600px) {
    header {
        position: static;
    }

    #home-hero .carousel-content--container {
        min-height: 600px !important;
    }

}

@media screen and (min-width: 781.98px) {
    header .wp-block-safe-svg-svg-icon { /*logo */
       margin-left: 0 !important; 
    }

    .platform-section-cols .wp-block-column {
        min-height: 490px;
    }
}