:root {

    /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
    /*                                                                           */
    /*                           B A S E   S T Y L E S                           */
    /*                                                                           */
    /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

    --color-blue-cyan: #1C88ED;
    --color-blue-cyan-light: #C6E1FB;
    --color-blue-navy: #27277C;

    --color-blue-hover: #0056b3;

    --color-gray: #D3D3D3;
    --color-gray-dark: #808080;

    --color-green-regular: #4BB293;
    --color-green-dark: #3D9077;
    --color-green-light: #A4D8C9;
    --color-green-lighter: #D2ECE4;

    --color-red-deep: #c00;

    /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
    /*                                                                           */
    /*             S T R U C T U R E S   A N D   A S S E M B L I E S             */
    /*                                                                           */
    /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

    --sheet-background: #fff;

    --sheet-width-desktop: 800px;
    --sheet-width-phone: 100%;
    --sheet-width-tablet: 800px;

    /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
    /*                                                                           */
    /*          D E R I V A T I V E S   A N D   R E F E R E N T I A L S          */
    /*                                                                           */
    /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

    --button-color-path-discouraged: 0;
    --button-color-path-preferred: 0;

}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

body,
footer.footer > .footer-bottom,
header.header {
    background: none !important;
    background-color: var(--sheet-background) !important;
}

header.header {
    flex-direction: column;
    padding: 1rem 1rem 0.25rem 1rem;
}

header.header > div {
    text-align: center;
    width: 100%;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#countdown {
    display: flex;
    justify-content: start;
    font-size: 24px;
    color: var(--color-blue-cyan); /* #FF5722; */ /* Gilad 17 */
    font-weight: bold;
    margin-top: 15px;
}

.countdown-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 10px;
}

.countdown-item div {
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #007BFF;
    color: #ffffff;
    border-radius: 50%;
    font-size: 18px;
    font-weight: bold;
}

.countdown-item span {
    margin-top: 5px;
    font-size: 14px;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#txtsearch, #btnSearch {
    height:45px !important;
}

#course-catalog > div.catalog-cards.col-lg-12.columnBlockLayout.nopadding > div.col-lg-12 > div.row.filters > div:nth-child(2) > div > label > select {
    height:45px;
    text-align:left;
}
    
    
#course-catalog > div.catalog-cards.col-lg-12.columnBlockLayout.nopadding > div.col-lg-12 > div.row.filters > div:nth-child(2) > div > label > span {
    text-align:left;
    margin-left:5px;
}

#course-catalog .row.filters {
    flex-direction: row-reverse;
}

#course-catalog .row.filters > div {
    width: 50%;
}

#course-catalog .row.filters .input-group.search-input {
    max-width: 100%;
    width: 100%;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/*
input:focus-visible,
textarea:focus-visible,
select:focus-visible,
button:focus-visible {
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
}
*/
input:focus-visible,
textarea:focus-visible,
select:focus-visible,
button:focus-visible {
    outline: none !important;
    box-shadow: none !important;
    border: 1px solid var(--color-gray); /* Replace #ccc with your preferred border color */
}





.costs-breakdown-jfed {
    color: var(--color-blue-cyan);
}

.sheet-jfed,
details,
details fieldset,
details summary,
input,
label,
select {
    color: var(--color-blue-navy);
}

details,
input,
select {
    border: solid 1px var(--color-gray);
}




/*
input:focus-visible,
input:focus-within,
input[type="text"]:focus-visible,
input[type="text"]:focus-within {
    border: solid 1px transparent !important;
}
*/




form details:hover,
form input:hover,
form select:hover {
    border: solid 1px var(--color-blue-cyan) !important;
}

form details[open],
form details:active,
form details:focus,

form input:focus,
form input[type="text"]:focus,

form select:focus {
    border: solid 1px var(--color-blue-cyan) !important;
    box-shadow: 0 0 8px rgba(0, 123, 255, 0.3) !important;
}





fieldset > ul > li > label {
    font-size: 14px !important;
}

/* For free text field */
fieldset > ul > li > input[type=text]:nth-child(3) {
    width: 90% !important;
    margin: 5px 5px 5px 17px !important;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/*
.event-registration,
.header-banner-jfed {
    border: dashed 2px #c00;
}
*/

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.sheet-jfed {
    background: none !important;
    background-color: var(--sheet-background) !important;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    height: auto;
    margin: 24px auto auto auto;
    max-width: 800px;
    padding: 30px;
    width: 100%;
}

.container-donate.sheet-jfed {
    max-width: 600px;
}

.full-width-band-jfed {
    display: flex;
}

.full-width-band-jfed .sheet-jfed {
    background-color: transparent !important;
    margin-top: 0;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.button-rectangle-jfed,
.button-round-jfed {

}

.button-rectangle-jfed {

}

.button-round-jfed {
    font-size: 18px !important;
    font-weight: normal !important;
    padding: 12px 0 !important;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.button-choice-discouraged-jfed,
.button-choice-encouraged-jfed,
.button-choice-pareve-jfed {

}

/*
.button-choice-discouraged-jfed {
    background-color: var(--sheet-background) !important;
    border-color: var(--color-gray) !important;
    color: var(--color-gray-dark) !important;
}
*/

/*
.button-choice-encouraged-jfed {
    background-color: var(--color-blue-cyan) !important;
    border-color: var(--color-blue-cyan) !important;
    color: var(--sheet-background) !important;
}
*/

.slider-option {
    background-color: var(--sheet-background) !important;
    border-color: var(--color-gray) !important;
    color: var(--color-gray-dark) !important;
}

.button-choice-pareve-jfed,
.container-donate.sheet-jfed .amount-button {
    background-color: var(--sheet-background) !important;
    border-color: var(--color-gray) !important;
    color: var(--color-gray-dark) !important;
    font-size: 18px !important;
    font-weight: normal !important;
}

.container-donate.sheet-jfed .amount-button.selected-amount {
    /* background-color: var(--color-blue-cyan-light) !important; */
    /* border-color: var(--color-blue-cyan) !important; */
    border: solid 2px var(--color-blue-cyan) !important;
    /* color: var(--sheet-background) !important; */
    color: var(--color-blue-cyan) !important;
    font-weight: bold !important; /* Gilad 17 */
}
.container-donate.sheet-jfed input[type="radio"]:checked + label {
    background-color: var(--color-blue-cyan-light) !important;
    border-color: var(--color-blue-cyan) !important;
    color: var(--color-blue-cyan) !important;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

body {
    color: var(--color-blue-navy);
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

form {
    display: flex !important;
    flex-direction: column !important;
    width: 100%;
}

input,
select {

    padding: 10px;
    border-radius: 5px;
    margin-bottom: 15px;
    vertical-align: middle;

    height: auto;
    margin: 0 !important;
    opacity: inherit;
    __idth: auto !important;
}

input[type="checkbox"] {
    margin-right: 6px !important;
}

#detailAttendees > fieldset > ul > li > input[type="checkbox"] {
    margin-bottom: 9px !important;
}

select {
    font-weight: bold;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.nav-link.btn-donate:hover {
    background-color: var(--color-blue-navy) !important;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.costs-breakdown-jfed tr:last-of-type th {
    padding-top: 20px;
}

.event-image-jfed {
    border-radius: 6px;
}

.event-image-jfed + h1 {
    text-align: left;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.form-row-full-jfed,
.form-row-half-jfed,
.form-row-split-jfed {
    display: flex;
flex-direction: column;
}

.form-row-full-jfed,
.form-row-half-jfed {
    margin-bottom: 24px;
}

.form-row-split-jfed > div {
    margin-bottom: 24px;
}

.form-row-full-jfed input,
.form-row-half-jfed input,
.form-row-split-jfed input:not([type="checkbox"]) {
    width: 100%;
}
form label,
.form-row-full-jfed label,
.form-row-half-jfed label,
.form-row-split-jfed label {
    font-size: 16px;
    font-weight: normal;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.form-row-full-jfed {
    flex-direction: column;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.form-row-half-jfed {
    flex-direction: column;
    /*  width: calc(50% - 10px);  */
}
.form-row-half-jfed details,
.form-row-half-jfed input,
.form-row-half-jfed select {
    /*  width: calc(100% - 10px);  */
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.form-row-split-jfed label {
    width: auto !important;
}

.form-row-split-jfed > div {
    display: flex;
    flex-direction: column;
    /*  width: 50%;  */
}

/*
.form-row-split-jfed > div:first-of-type {
    padding-right: 10px;
}
.form-row-split-jfed > div:last-of-type {
    padding-left: 10px;
}
*/

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.modal-content .modal-header {
    background-color: transparent;
}

.modal-content .donation-type-model,
.modal-content .modal-header h2,
.modal-content .modal-header .close {
    color: var(--color-blue-cyan);
}

.modal-content #donation-form .toggle-label {
    flex-direction: row-reverse;
    font-weight: normal;
}

.modal-content #donation-form .total-amount-paid {
    color: var(--color-blue-cyan);
    text-align: center;
}

.modal-content #donation-form input:not(input[type="checkbox"]) {
    margin-bottom: 24px !important;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.header-banner-jfed {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.header-banner-jfed > div:first-of-type {
    align-items: end;
    display: flex;
}
.header-banner-jfed > div:first-of-type > div:first-of-type {
    /*  background: url('{{ image_url }}') ~ Set in markup  */
    height: 100px;
    width: 100px;
}
.header-banner-jfed h1 {
    font-size: 16px;
    margin-left: 12px;
}
.header-banner-jfed > div:last-of-type {
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.message-error-jfed {
    color: var(--color-red-deep);
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.outline-button-jfed {
    border: solid 2px var(--color-blue-cyan);
    background-color: var(--sheet-background);
    color: var(--color-blue-cyan);
}

.outline-button-jfed:hover {
    border: solid 2px var(--color-blue-hover);
    background-color: var(--color-blue-hover);
    color: var(--sheet-background);
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* JFED-Mihal 1-24-2025 styles for calendar content from AddEvent.com */
.registration-summary > div > p { text-align: left !important; font-size:14px !important; line-height:1.2em !important; margin-bottom:5px !important;}
.registration-summary > div > p > a > img { height: 25px !important;}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.shadow-this-jfed {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.top-line-this {
    border-top: solid 1px var(--color-gray);
    padding-top: 42px;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

input::placeholder {
    color: var(--color-gray-dark) !important;
    font-weight: normal;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */




body > div.navbar-expand-xl.navbar.navbar-dark.static-top {
    display: none !important;
}




.nav.navbar-nav.weblinks > li:first-of-type,
.nav.navbar-nav.weblinks > li:nth-of-type(2) {
    display: none !important;
}









/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */


.card-body .button1:hover {
    color: #fff !important;
    text-decoration: none !important;
}

.static-top.navbar .menu-bar > .navbar-nav > li > a {
    border: none !important;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */





#tributeFields > div > div {
    display: flex;
    flex-direction: column;
}
#tributeFields > div > div > div:first-of-type {
    __margin-bottom: 8px;
    __width: 40%;
}
#tributeFields > div > div > div:last-of-type {
    __margin-top: 8px;
    __width: 60%;
}




/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/*

    MEDIA QUERIES
    - Widths based upon styles already defined in the system as of January 20, 2025 (no new widths added)
    - Media Queries that were commented out on January 20, 2025 are not included below

*/

@media (max-width: 300px) {
}

@media (min-width: 375px) {
}

@media (min-width: 400px) {
}

    @media (min-width: 480px) {

        .form-row-half-jfed {
            width: calc(50% - 10px);
        }

        /*
        .form-row-half-jfed details,
        .form-row-half-jfed input,
        .form-row-half-jfed select {
            width: calc(100% - 10px);
        }
        */

        .form-row-split-jfed {
flex-direction: row;
        }

        .form-row-split-jfed > div {
            width: 50%;
        }

        .form-row-split-jfed > div:first-of-type {
            padding-right: 10px;
        }
        .form-row-split-jfed > div:last-of-type {
            padding-left: 10px;
        }
        
    }

@media (max-width: 480px) {
}

@media (max-width: 500px) {
}

@media (max-width: 576px) {
}

@media (max-width: 600px) {
}

@media (max-width: 700px) {
}

@media (max-width: 767px) {
}

@media (max-width: 768px) {
    
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
}

@media (max-width: 900px) {
    .static-top.navbar-dark {
        width: 105%;
    }

    button.navbar-toggler {
        margin-right: 20px;
    }

    #header > h2 {
        font-size: 32px;
        text-align: center;
    }

    #course-catalog .row.filters {
        flex-direction: column-reverse;
    }

    #course-catalog .row.filters > div {
        margin: 10px auto !important;
        flex-direction: column;
        width: 70% !important;
    }

    .header-banner-jfed {
        flex-direction: column-reverse !important;
    }

    .header-banner-jfed > div:first-of-type {
        align-items: flex-start;
    }

    .see-you-in {
        display: none !important;
    }
}

@media (min-width: 991px) {
}

@media (min-width: 992px) {
}

@media (min-width: 993px) {
}

@media (max-width: 1025px) {
}

@media (max-width: 1199px) {
}

@media (min-width: 1200px) {
}

@media (min-width: 1220px) {
}

@media (min-width: 1320px) {
}

@media (min-width: 1400px) {
}

@media (min-width: 1600px) {
}

@media only screen and (max-width: 1700px) and (min-width: 1320px) {
}

@media screen and (-ms-high-contrast: active) {
}