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

.left-col .wp-block-cover__inner-container {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
    height: 100% !important;
}

.hero-donate-btn-ctn {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
}

.hero-donate-btn a:hover {
    background-color: var(--wp--preset--color--white) !important;
    border-color: var(--wp--preset--color--secondary) !important;
    color: var(--wp--preset--color--secondary) !important;

}

.nav-donate {
    margin: 0 20px 0 0 !important;
}

nav.wp-block-navigation {
    margin: 0 !important;
}

.donate-block h2 {
    text-align: center !important;
}

.donate-block .wp-block-button {
    width: 31%;
}

.wp-block-quote {
    border-color: var(--wp--preset--color--secondary) !important;
}

.tricia-will {
    max-width: fit-content;
    margin: 0 auto;
}


#gform_wrapper_10 #field_10_1,
#gform_wrapper_10 #field_10_3{
    width: 100%;
}

#gform_wrapper_9 .gform-footer {
    justify-content: flex-start !important;
}

#gform_wrapper_9 input:not([type="submit"]) {
    background-color: transparent !important;
    border: 1px solid white !important;
    color: var(--wp--preset--color--primary) !important;
}

#gform_submit_button_9 {
    background-color: var(--wp--preset--color--primary) !important;
    border-color: var(--wp--preset--color--primary) !important;
}

#gform_submit_button_9:hover {
    background-color: var(--wp--preset--color--white) !important;
    border-color: var(--wp--preset--color--primary) !important;
    color: var(--wp--preset--color--primary) !important;
}

.text-disclaimer-opt-in span {
    font-size: 12px;
}

@media screen and (min-width: 782px) {
#gform_wrapper_10 #field_10_1,
#gform_wrapper_10 #field_10_3{
        max-width: 160px;
    grid-column: span 3;
    }

}