/*
Theme Name: Divi Child
Theme URI: https://diviextended.com/
Version: 1.0
Description: Child Theme of Divi
Author: Divi Extended
Template: Divi
*/
@import url("../Divi/style.css");



/* SITE SPECIFIC STYLING - ZEBRASITE STUDIOS */

/* CSS Color Presets */

:root {
    --dark-blue: #0067b0;
    --med-blue: #007db7;
    --light-blue: #00aedf;
    --yellow: #fcb828;
    --give-donor-dashboard-accent-color: #0067b0;
}








/* Back to Top Button */

/*--------- Divi Back-to-top Button---------*/





.et_pb_scroll_top.et-visible {
    content: url('https://prisms2.wpenginepowered.com/wp-content/uploads/2026/02/up-arrow-2.png');
    opacity: 1;
    -webkit-animation: fadeinRight 0.4s 1 cubic-bezier(0.77, 0, 0.175, 1);
    animation: fadeInRight 1s 1 cubic-bezier(0.77, 0, 0.175, 1);
    padding-top: 5px;
    padding-bottom: 0px;
    margin-bottom: -41px;
    width: 3%;
    background: transparent;
    margin-right: 5px;
}


.et_pb_scroll_top.et-hidden {
     content: url('https://prisms2.wpenginepowered.com/wp-content/uploads/2026/02/up-arrow-2.png');
    opacity: 0;
    -webkit-animation: fadeOutRight 1s 1 cubic-bezier(0.77, 0, 0.175, 1);
    animation: fadeOutRight 1s 1 cubic-bezier(0.77, 0, 0.175, 1);
    padding-top: 5px;
    padding-bottom: 0px;
    margin-bottom: -41px;
    width: 3%;
    background: transparent;
    margin-right: 5px;
}



/* Accessibility Improvements */

*:focus-visible {

    outline: 0.4rem solid #fcb828;

    z-index: 99999999999 !important;

}

.skip-link {
    position: absolute !important;
    top: -6rem !important;
    left: 0;
    background-color: #fafafa;
    color: #fcb828 !important;
    padding: 1rem;
    text-align: center;
    z-index: 1000;
    transition: top 0.3s ease-in-out;
}

.skip-link:focus-visible {
    top: 5rem !important;
    transition: top 300ms ease-in-out;
}



/* Top level nav */

ul#menu-main-menu li a:hover {
    opacity: 1;
}


/* Hero Section Image & Title Styling */

.hero-title-container {
    display: flex;
    margin-top: 300px;
    position: absolute;
    bottom: 0;
    left: 10%;
}

.hero-title {
    min-width: fit-content !important;
    max-width: fit-content !important;
    padding-right: 100px !important;
}










/* Top header phrasing */

.et_pb_column.et_pb_column_1_2.et_pb_column_0_tb_header.et_pb_css_mix_blend_mode_passthrough p {
    font-size: 1.3em;
}


/* Increase header logo from 250px to 350px */
.et_pb_menu_0_tb_header .et_pb_menu_inner_container>.et_pb_menu__logo-wrap, .et_pb_menu_0_tb_header .et_pb_menu__logo-slot {
    max-width: 350px !important;
}


/* Regional Reps Page */

/* info popup on map graphic */
.mapsvg-controller-container.mapsvg-details-container.mapsvg-absolute.mapsvg-fullscreen-sm.mapsvg-fullscreen-md {
    background-color: #fafafa;
    border: 2px solid #7ec8ff;
    border-radius: 20px;
}


/* Upcoming Events Page */

.callout-box-grid {
    left: 10%;
    right: 10%;
}

.decm-events-details {
    padding: 1rem 3rem;
}

/* Teacher/Support Person Grant Application Page */

.nf-form-content input {
    border-radius: 5px;
    max-width: 50%;
}

select#nf-field-596 {
    max-width: 50%;
}

.ninja-forms-req-symbol {
    color: #fcb928 !important;
}

input#nf-field-612, input#nf-field-645 {
    min-width: 50px;
}

input#nf-field-609 {
    padding: 10px 20px;
    font-size: 16px;
    border: 2px solid #fcb928;
    background-color: #fcb928;
    font-weight: 700;
    text-transform: uppercase;
    color: #0066b1;
}

#nf-form-33-cont select {
    max-width: 50%;
}

input#nf-field-644 {
    padding: 10px 20px;
    font-size: 16px;
    border: 2px solid #fcb928;
    background-color: #fcb928;
    font-weight: 700;
    text-transform: uppercase;
    color: #0066b1;
}


/* DONOR DASHBOARD STYLING */

.give-donor-dashboard-donor-info__avatar .give-donor-dashboard-donor-info__avatar-container {
    background: #0067b0 !important;
}

.give-donor-dashboard-desktop-layout__tab-menu .give-donor-dashboard-tab-link.give-donor-dashboard-tab-link--is-active {
    border-left: 4px solid var(--yellow) !important;
}


/* SMS SYMPOSIUM PAGE */

/* popup styling */

.popup {
    border-radius: 20px;
}

#et-boc .area-outer-wrap[data-da-color=light] .da-close {
    border-radius: 20px;
}