/* Heading Cut Off */
@media (max-width: 510px) {
    .cac_hero--banner-title p {
        font-size: 15vw;
        line-height: 3.5rem;
        /* background-color: red; */
    }
}

/* Quote Arrow fix */
@media (max-width: 575px) {
    .cac_testimonials--slider .cac_slider--arrow.cac_prev {
        display: none;
    }
    .cac_testimonials--slider .cac_slider--arrow.cac_next {
        display: none;
    }
}

/* Job Description Modal Fix */

@media (max-width: 991px) {

    .cac_job--right-element > .container {
        padding: 0px;
    }

    .cac_detail--single-card-wrap {
        margin-top: 50px;
        height: auto;
    }

}
/* Modal Bug Fix */
/* Modal Background / Edge issues */
.modal-backdrop.show {
    opacity: 1 !important;
}
@media (min-width: 576px) {
    .modal-dialog {
        max-width: 100%;
        margin: 1.75rem auto;
    }
}

/* Modal Close button inconsistency */
.close { /* Overring Bootstrap basic button config */
    opacity: 1;
}
#tabsDesktop .modal .modal-header button {
    background-color: transparent;
    border: none;
}
#tabsDesktop .modal .modal-header button svg {
    color: black;
    width: 20px;
}
#tabsDesktop .modal .modal-header button:hover svg { fill:#0F43F0 !important; }


/* Header Image Tall */
/* .cac_hero--banner-title p {
    margin-left: 10vw;
    margin-top:-60px;
    width: 55vw;
} */
/* @media(max-width: 991px){
    .cac_hero--banner-title {
        height: 80vw; 
        
        border: 2px red solid;
    }
} */

/* CAC-Page Nav Desc */
@media(max-width: 1200px){
    .cac_page--nav-desc { font-size: 14px; line-height: 21px;}
}

 /* LOGIN FORM / REGISTERATION FORM ERROR */
ul.errors {
    color: red;
    list-style-type: none;
    /* font-weight: bold; */
    font-style: italic;

    padding-left: 15px;
    /* background-color: red; */
}
.login-errors {
    color: red;
    font-style: italic;

    padding-left: 15px;
}

/* ANNOUNCEMENT / WARNING BAR for IE 11 Browser user */

.browser_warning_container {
    background-color: rgb(15,67,240);
    color: white;

    display: flex;
    justify-content: center;
    align-items: center;

    height: 50px;
}

/* Donation Label minimum amount */
#donateAmountLabel {
    text-transform: uppercase; font-size: 10px; line-height: 25px; font-weight: bold; color: #F4213B; letter-spacing: 0.1em; text-align: left; margin-bottom: 0; margin-left: 15px;
}

/* Hide reCaptcha V3 */
.grecaptcha-badge {
    display: none;
}

/* Popup */
.popup {
    position: fixed;
    inset: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    backdrop-filter: blur(5px);
    z-index: 999;
    display: flex;
    justify-content: center;
    align-items: center;

    /* display: none; */
    transition-property: all; 
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    transition-duration: 150ms;

    
    
}
.popup_modal {
    background-color: white;
    display: flex;
    flex-direction: column;
    max-width: 600px;
}
.popup_modal--image-container {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;

    min-height: 200px;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    padding: 10px;
}
button.popup_modal--close-button {
    border: none;
    background-color: transparent;
    padding: 0px;
    cursor: pointer;
}
.popup_modal--content {
    display: flex;
    flex-direction: column;
    text-align: center;
    padding: 40px 40px;
}
/* .popup_modal--content h4,
.popup_modal--content p,
.popup_modal--content a { max-width: 300px; margin-left: auto; margin-right: auto; } */
a.popup_modal--link {
    color: black;
    font-weight: bold;
    font-size: 13px;
    text-decoration: underline;
    text-underline-offset: 4px;
    text-transform: uppercase;
}

.popup--opacity-0 {opacity: 0; }
.popup--pointer-events-none { pointer-events: none; }