:root {
    --checkbox-empty-border: #D0D5DD;
    --checkbox-error-border: #F94444;
    --checkbox-checked-background: #1696F9;
    --checkbox-disabled-background: #EAEDED;
    --p-colorBackgroundContrastAlpha08: rgba(0, 0, 0, 0.08);
    --p-colorPrimaryAlpha20: hsla(210, 96%, 45%, 25%);
    --p-colorPrimaryAlpha50: hsla(210, 96%, 45%, 50%);
    --focusBoxShadow: 0 0 0 3px var(--p-colorPrimaryAlpha20), 0 1px 1px 0 var(--p-colorBackgroundContrastAlpha08);


    --selected: #00b0ff;
    --hover: #CCEFFF;
    --link: #3B82F6;
    --border: #a8a8a8;
    --border-light: #E9E9E9;
    --text-normal: #0B0B0B;
    --subtitle: #474747;
    --graph_color: #99e0ff;
    --gradient_top_color: #99e0ff;
    --red: #dc3545;
    --orange: #db6c39;
    --background: #FEFEFE;

    --input-border: #D0D5DD;

    --button-primay: #3DA9FC;
    --button-primay-hover: #3498E5;
    --button-primay-pressed: #0F79CB;

    --button-secondary-text: #2E90FA;
    --button-secondary-background: #EEF4FC;
    --button-secondary-hover: #DEEBFF;
    --button-secondary-pressed: #CADFFF;


    --button-tertiary-background: #FEFEFE;
    --button-tertiary-background-hover: #FCFCFD;
    --button-tertiary-text: #667085;
    --button-tertiary-text-hover: #475467;
    --button-tertiary-text-pressed: #0BA5EC;

    --button-tertiary-border: #D0D5DD;
    --button-tertiary-border-hover: #98A2B3;
    --button-tertiary-border-pressed: #B9E6FE;


    --button-destructive-background: #FEFEFE;
    --button-destructive-background-hover: #D92D20;
    --button-destructive-background-pressed: #B42318;
    --button-destructive-text: #D92D20;
    --button-destructive-text-hover: #FCFCFD;
    --button-destructive-text-pressed: #FCFCFD;
    --button-destructive-border: #D92D20;


    --button-link-text: #2E90FA;
    --button-link-text-hover: #1849A9;
    --button-link-text-pressed: #194185;

    --checkbox-empty-border: #D0D5DD;
    --checkbox-error-border: #F94444;
    --checkbox-checked-background: #1696F9;
    --checkbox-disabled-background: #EAEDED;

    --toggle-background-off: #EFEFEF;
    --toggle-background-on: #76EE59;

    --menu-border: #EAECF0;

    --popup-border: #E9E9E9;

    --table-border: #D0D5DD;
    --table-wrapper-header: #FCFCFD;
}

a:not(.ui-corner-all){
    color: var(--Blue-500, #2E90FA);
    text-align: center;
    /* Text xs/Semibold */
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    /* 150% */
    text-decoration: none;
}

* imgd {
    box-shadow: 0 0 1px red;
}

html {
    visibility: hidden;
}

body {
    background-color: #F6F6F6;
    padding-top: 32px;
    width: 100%;
}

#main-container {
    max-width: 1000px;
    padding-right: 16px;
}

.banner-container {
    margin-left: -12px;
    margin: -12px -12px 0px;
}


.banner-container img {
    width: 100%;
    border-radius: 8px;
}

h1 {
    color: var(--Gray-900, #101828);
    /* Display md/Semibold */
    font-family: Inter;
    font-size: 36px;
    font-style: normal;
    font-weight: 600;
    line-height: 44px;
    /* 122.222% */
    letter-spacing: -0.72px;

    margin: 8px 0px 4px;
}

.block-unit {
    background-color: #FFFFFF;
    border-radius: 8px;
    border: 0px;
    padding: 16px;

    margin-bottom: 16px;
}

.block-unit .title {
    display: flex;
    justify-content: space-between;

    padding: 0px 16px 4px;
    margin: -10px -16px 12px;
    border-bottom: 1px solid #EAECF0;
}

.block-unit .title h2 {
    border: none;
    margin: 0;
    padding: 0;
    line-height: 38px;
}

h2 {
    color: var(--Gray-900, #101828);
    /* Text xl/Semibold */
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
    /* 150% */
}

.block-unit h3 {
    color: var(--Form-Input---Title, #121212);
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 12px;
    margin-top: 0px;
    /* 100% */
}


.block-unit h2 {
    padding: 0px 16px 4px;
    margin: -10px -16px 12px;
    border-bottom: 1px solid #EAECF0;
}

.block-unit p {
    color: var(--Gray-600, #475467);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 150% */
}

.block-unit.small p {
    font-size: 14px;
    line-height: 18px;
}

.subtitle {
    color: var(--Gray-600, #475467);
    /* Text lg/Regular */
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    /* 155.556% */
}

.title-bar {
    display: flex;
    justify-content: space-between;
}

.title-bar .right {
    align-self: flex-end;
    display: flex;
    gap: 16px;
}


/* Checkboxes */
input[type="checkbox"] {
    /* Add if not using autoprefixer */
    -webkit-appearance: none;
    appearance: none;
    /* For iOS < 15 to remove gradient background */
    background-color: #fff;

    width: 16px;
    height: 16px;
    border-radius: 4px;
    vertical-align: text-bottom;
    border: 1px solid var(--checkbox-empty-border);
    cursor: pointer;
}

input[type="checkbox"]:checked {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M12.1546 5.1972C12.0926 5.13471 12.0189 5.08512 11.9377 5.05127C11.8564 5.01743 11.7693 5 11.6813 5C11.5933 5 11.5061 5.01743 11.4249 5.05127C11.3437 5.08512 11.2699 5.13471 11.2079 5.1972L6.24128 10.1705L4.15462 8.0772C4.09027 8.01504 4.01431 7.96616 3.93107 7.93336C3.84783 7.90056 3.75895 7.88447 3.6695 7.88602C3.58004 7.88757 3.49177 7.90672 3.40972 7.94238C3.32767 7.97804 3.25344 8.02952 3.19128 8.09387C3.12912 8.15821 3.08025 8.23417 3.04744 8.31741C3.01464 8.40065 2.99855 8.48953 3.0001 8.57898C3.00165 8.66844 3.02080 8.75671 3.05646 8.83876C3.09213 8.92082 3.14360 8.99504 3.20795 9.05720L5.76795 11.61720C5.82992 11.67970 5.90366 11.72930 5.98490 11.76310C6.06614 11.79700 6.15327 11.81440 6.24128 11.81440C6.32929 11.81440 6.41643 11.79700 6.49767 11.76310C6.57891 11.72930 6.65264 11.67970 6.71462 11.61720L12.1546 6.17720C12.2223 6.11477 12.2763 6.03900 12.3132 5.95467C12.3502 5.87034 12.3692 5.77927 12.3692 5.68720C12.3692 5.59513 12.3502 5.50406 12.3132 5.41973C12.2763 5.33539 12.2223 5.25963 12.1546 5.19720Z' fill='%23FCFCFD'/%3E%3C/svg%3E") no-repeat;
    no-repeat;
    width: 16px;
    height: 16px;
    border: none;
    background-color: var(--checkbox-checked-background);
}

input[type="checkbox"].large:checked {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M18.7099 7.20986C18.617 7.11613 18.5064 7.04174 18.3845 6.99097C18.2627 6.9402 18.132 6.91406 17.9999 6.91406C17.8679 6.91406 17.7372 6.9402 17.6154 6.99097C17.4935 7.04174 17.3829 7.11613 17.29 7.20986L9.83995 14.6699L6.70995 11.5299C6.61343 11.4366 6.49949 11.3633 6.37463 11.3141C6.24978 11.2649 6.11645 11.2408 5.98227 11.2431C5.84809 11.2454 5.71568 11.2741 5.5926 11.3276C5.46953 11.3811 5.35819 11.4583 5.26495 11.5549C5.17171 11.6514 5.0984 11.7653 5.04919 11.8902C4.99999 12.015 4.97586 12.1484 4.97818 12.2825C4.9805 12.4167 5.00923 12.5491 5.06272 12.6722C5.11622 12.7953 5.19343 12.9066 5.28995 12.9999L9.12995 16.8399C9.22291 16.9336 9.33351 17.008 9.45537 17.0588C9.57723 17.1095 9.70794 17.1357 9.83995 17.1357C9.97196 17.1357 10.1027 17.1095 10.2245 17.0588C10.3464 17.008 10.457 16.9336 10.55 16.8399L18.7099 8.67986C18.8115 8.58622 18.8925 8.47257 18.9479 8.34607C19.0033 8.21957 19.0319 8.08296 19.0319 7.94486C19.0319 7.80676 19.0033 7.67015 18.9479 7.54365C18.8925 7.41715 18.8115 7.3035 18.7099 7.20986Z' fill='%23FCFCFD'/%3E%3C/svg%3E") no-repeat;
    background-color: var(--checkbox-checked-background);
    border: none;
}


input[type="checkbox"].large {
    width: 24px;
    height: 24px;
}

input[type="checkbox"]:disabled,
input[type="checkbox"].large:disabled {
    background-color: var(--checkbox-disabled-background);
    cursor: not-allowed;
}

input[type="checkbox"].error {
    border-color: var(--checkbox-error-border);
}

.toggle-input {
    display: none;
}

/* Style for the toggle switch's label */
.toggle-label {
    display: inline-block;
    width: 40px;
    height: 18px;
    background-color: var(--toggle-background-off);
    border-radius: 20px;
    position: relative;
    cursor: pointer;
}

/* Style for the slider (the moving part of the switch) */
.toggle-label::after {
    content: '';
    width: 16px;
    height: 16px;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    top: 1px;
    left: 1px;
    transition: 0.3s;
    box-shadow: 2px 1px 6px rgba(0, 0, 0, 0.25);
}

/* Style for the checked state of the switch */
.toggle-input:checked+.toggle-label {
    background-color: var(--toggle-background-on);
}

.toggle-input:checked+.toggle-label::after {
    transform: translateX(22px);
}


label {
    display: block;

    color: var(--Form-Input---Title, #121212);
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 12px;
    margin-top: 8px;
    margin-bottom: 8px;
    /* 100% */
}

input {
    width: 100%;
    height: 36px;
    border-radius: 5px;
    border: 1px solid var(--Theme-Light-Forum-Input-Form-Input---Stroke, #D0D5DD);
    background-color: #FDFDFD;
    padding: 12px 16px;
    box-shadow: unset;
    box-sizing: border-box;

    color: var(--Theme-Light-Forum-Input-Form-Input---Suggestion-Text, #475467);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.margin-t {
    margin-top: 15px !important;
}

.margin-r-5 {
    margin-right: 5px;
}

.pure-g>div {
    padding: 0 8px;
}

.pure-g>div {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


textarea {
    width: 100%;
    height: 64px;
    border-radius: 4px;
    border: 1px solid var(--Theme-Light-Forum-Input-Form-Input---Stroke, #C5C9CF);
    background: #FFF;
    padding: 12px 16px;
    box-sizing: border-box;

    color: var(--Theme-Light-Forum-Input-Form-Input---Suggestion-Text, #475467);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;

    resize: vertical;
    margin-bottom: 16px;
}

.location {
    color: var(--Gray-600, #475467);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
}

.location span {
    display: block;
    margin-top: 12px;
}

.banner-or-logo .logo{
    display: none
}

#side-bar-close{
    display: none;
}
.openBtn{
    display: none;
}

.side-bar {
    width: 189px;
    float: right;
    margin-top: 128px;
}

.side-bar h3 {
    margin: 0;
    color: var(--Gray-900, #101828);
    /* Text md/Bold */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    /* 150% */
}

.side-bar ul {
    list-style: none;
    padding: 0
}


.side-bar li:before {
    line-height: 30px;
    font-size: 14px;
    font-family: "Font Awesome 5 Free";
    content: var(--icon);
    margin-right: 6px;
    font-weight: 900;
}

.nav-bar-logo-container{
    display:flex;
}

.side-bar img {
    width: 100%;
    margin-bottom: 16px;
}

.side-bar ul li {
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    margin: 4px;
    line-height: 30px;
    text-decoration: none;
}

.side-bar ul li a {
    text-decoration: none;
    color: var(--Gray-900, #101828);
    /* Text sm/Regular */
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    /* 142.857% */
}



.info-list {
    padding-left: 8px;
    list-style: none;
    color: var(--Gray-600, #475467);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 112.5% */
}

.info-list span {
    font-weight: 600;

}

.zmanim-item {
    color: var(--Gray-600, #475467);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    /* 128.571% */
    margin-bottom: 16px;
}

.zmanim-item:last-child {
    margin-bottom: 0px;
}

.zmanim-item .title {
    font-weight: 600;
}

.zmanim-item .time {}

.zmanim-item .time .bull {
    margin: auto 6px;
}

/* Donations */

.main_block_public_wrapper{
    transform: translateY(-150px)
}

.main_block_public {
    width: 40%;
    margin: auto;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px;
    padding: 32px;
}

.button_amount_public {
    background: #F9FAFB;
    color: #344054;
    border: 2px solid white;
    padding: 0 0.2em;
    font-size: 1em;
    line-height: 1em;
}

.button_amount_public.active {
    border: 2px solid #3DA9FC;
}

.button_amount_public:not(.active):hover{
    background: #F9FAFB;
    color: #344054;
    border: 1px solid #3DA9FC;
}

.button_amount_public.active:hover{
    background: #F9FAFB;
    color: #344054;
    border: 2px solid #3DA9FC;
}

input#amount:disabled {
    color: #344054 !important;
}

#payment-form #payment-elements {
    width: 100%;
}

#payment-form-wrapper .success {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 10px;
    text-align: center;
    pointer-events: none;
    overflow: hidden;
}

#payment-form-wrapper #payment-form {
    transition-property: opacity, transform;
    transition-duration: 0.35s;
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

#payment-form-wrapper.submitted #payment-form,
#payment-form-wrapper.submitting #payment-form,
#payment-form-wrapper.error #payment-form {
    opacity: 0;
    transform: scale(0.9);
    pointer-events: none;
}

#payment-form-wrapper.submitted .success,
#payment-form-wrapper.submitting .success,
#payment-form-wrapper.error .success {
    pointer-events: all;
}

#payment-form-wrapper.submitting .success .icon,
#payment-form-wrapper.submitted .success .icon,
#payment-form-wrapper.error .success .icon {
    opacity: 1;
}

#payment-form-wrapper.submitted .success .payment-success-error,
#payment-form-wrapper.submitted .success>.payment-success-error>*,
#payment-form-wrapper.error .success .payment-success-error,
#payment-form-wrapper.error .success>.payment-success-error>* {
    opacity: 1;
    transform: none !important;
}

#payment-form-wrapper.submitted .success>.payment-success-error> :nth-child(1),
#payment-form-wrapper.error .success>.payment-success-error> :nth-child(1) {
    transition-delay: 0.3s;
}

#payment-form-wrapper.submitted .success>.payment-success-error> :nth-child(2),
#payment-form-wrapper.error .success>.payment-success-error> :nth-child(2) {
    transition-delay: 0.6s;
}

#payment-form-wrapper.submitted .success .icon .border,
#payment-form-wrapper.submitted .success .icon .checkmark,
#payment-form-wrapper.error .success .icon .border,
#payment-form-wrapper.error .success .icon .cross {
    opacity: 1;
    stroke-dashoffset: 0 !important;
}

#payment-form-wrapper .success>*,
#payment-form-wrapper .success>.payment-success-error>* {
    transition-property: opacity, transform;
    transition-duration: 1s;
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    opacity: 0;
}

#payment-form-wrapper .success .icon {
    transform: scale(0.75);
}

#payment-form-wrapper .success .icon svg {
    will-change: transform;
}

#payment-form-wrapper .success .icon .border {
    stroke-dasharray: 251;
    stroke-dashoffset: 62.75;
    transform-origin: 50% 50%;
    transition: stroke-dashoffset 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);
    animation: spin 1s linear infinite;
}

#payment-form-wrapper .success .icon .checkmark {
    stroke-dasharray: 60;
    stroke-dashoffset: 60;
    transition: stroke-dashoffset 0.35s cubic-bezier(0.165, 0.84, 0.44, 1) 0.35s;
}

#payment-form-wrapper .success .icon .cross {
    stroke-dasharray: 60;
    stroke-dashoffset: 60;
    transition: stroke-dashoffset 0.35s cubic-bezier(0.165, 0.84, 0.44, 1) 0.35s;
}

#payment-form-wrapper .success .title {
    font-size: 17px;
    font-weight: 500;
    margin-bottom: 8px;
}

#payment-form-wrapper .success .message {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 25px;
    line-height: 1.6em;
}

#payment-form-wrapper .success .message span {
    font-size: inherit;
}

#payment-form-wrapper .success .reset:active {
    transition-duration: 0.15s;
    transition-delay: 0s;
    opacity: 0.65;
}

#payment-form-wrapper .success .reset svg {
    will-change: transform;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(1turn);
    }
}

#payment-form-wrapper .success-error-timer {
    opacity: 0;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px;
}

#payment-form-wrapper.submitted .success-error-timer,
#payment-form-wrapper.error .success-error-timer {
    opacity: 1;
}

.circle {
    opacity: 0;
    stroke-dashoffset: 0;
    stroke-dasharray: 175;
    transform-origin: 50% 50%;
    transition: stroke-dashoffset 1s linear;
}

#payment-form-wrapper.submitted .timer.started .circle,
#payment-form-wrapper.error .timer.started .circle {
    opacity: 1;
}


/* END Donations */

[data-type='MultiPageForm'] {
    display: flex;
    flex-direction: column;
    position: relative;
}

.multi_page_form__footer {
    margin-top: auto;
    padding: 0 8px;
}

.form-footer {
    position: absolute;
    bottom: 0
}

.centerX_absolute {
    left: 50%;
    transform: translateX(-50%);
}

.centerX_relative {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

:is(input:not([type="radio"]), textarea):focus {
    outline: none !important;
    border-color: var(--p-colorPrimaryAlpha50);
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.03), 0px 3px 6px rgba(0, 0, 0, 0.02), var(--focusBoxShadow) !important;
}

/* Checkboxes */
input[type="checkbox"] {
    /* Add if not using autoprefixer */
    -webkit-appearance: none;
    appearance: none;
    /* For iOS < 15 to remove gradient background */
    background-color: #fff;

    width: 16px;
    height: 16px;
    border-radius: 4px;
    vertical-align: text-bottom;
    border: 1px solid var(--checkbox-empty-border) !important;
    cursor: pointer;
}

input[type="checkbox"]:checked {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M12.1546 5.1972C12.0926 5.13471 12.0189 5.08512 11.9377 5.05127C11.8564 5.01743 11.7693 5 11.6813 5C11.5933 5 11.5061 5.01743 11.4249 5.05127C11.3437 5.08512 11.2699 5.13471 11.2079 5.1972L6.24128 10.1705L4.15462 8.0772C4.09027 8.01504 4.01431 7.96616 3.93107 7.93336C3.84783 7.90056 3.75895 7.88447 3.6695 7.88602C3.58004 7.88757 3.49177 7.90672 3.40972 7.94238C3.32767 7.97804 3.25344 8.02952 3.19128 8.09387C3.12912 8.15821 3.08025 8.23417 3.04744 8.31741C3.01464 8.40065 2.99855 8.48953 3.0001 8.57898C3.00165 8.66844 3.02080 8.75671 3.05646 8.83876C3.09213 8.92082 3.14360 8.99504 3.20795 9.05720L5.76795 11.61720C5.82992 11.67970 5.90366 11.72930 5.98490 11.76310C6.06614 11.79700 6.15327 11.81440 6.24128 11.81440C6.32929 11.81440 6.41643 11.79700 6.49767 11.76310C6.57891 11.72930 6.65264 11.67970 6.71462 11.61720L12.1546 6.17720C12.2223 6.11477 12.2763 6.03900 12.3132 5.95467C12.3502 5.87034 12.3692 5.77927 12.3692 5.68720C12.3692 5.59513 12.3502 5.50406 12.3132 5.41973C12.2763 5.33539 12.2223 5.25963 12.1546 5.19720Z' fill='%23FCFCFD'/%3E%3C/svg%3E") no-repeat;
    no-repeat;
    width: 16px;
    height: 16px;
    border: none !important;
    background-color: var(--checkbox-checked-background);
}

input[type="checkbox"].large:checked {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M18.7099 7.20986C18.617 7.11613 18.5064 7.04174 18.3845 6.99097C18.2627 6.9402 18.132 6.91406 17.9999 6.91406C17.8679 6.91406 17.7372 6.9402 17.6154 6.99097C17.4935 7.04174 17.3829 7.11613 17.29 7.20986L9.83995 14.6699L6.70995 11.5299C6.61343 11.4366 6.49949 11.3633 6.37463 11.3141C6.24978 11.2649 6.11645 11.2408 5.98227 11.2431C5.84809 11.2454 5.71568 11.2741 5.5926 11.3276C5.46953 11.3811 5.35819 11.4583 5.26495 11.5549C5.17171 11.6514 5.0984 11.7653 5.04919 11.8902C4.99999 12.015 4.97586 12.1484 4.97818 12.2825C4.9805 12.4167 5.00923 12.5491 5.06272 12.6722C5.11622 12.7953 5.19343 12.9066 5.28995 12.9999L9.12995 16.8399C9.22291 16.9336 9.33351 17.008 9.45537 17.0588C9.57723 17.1095 9.70794 17.1357 9.83995 17.1357C9.97196 17.1357 10.1027 17.1095 10.2245 17.0588C10.3464 17.008 10.457 16.9336 10.55 16.8399L18.7099 8.67986C18.8115 8.58622 18.8925 8.47257 18.9479 8.34607C19.0033 8.21957 19.0319 8.08296 19.0319 7.94486C19.0319 7.80676 19.0033 7.67015 18.9479 7.54365C18.8925 7.41715 18.8115 7.3035 18.7099 7.20986Z' fill='%23FCFCFD'/%3E%3C/svg%3E") no-repeat;
    background-color: var(--checkbox-checked-background);
    border: none !important;
}


input[type="checkbox"].large {
    width: 24px;
    height: 24px;
}

input[type="checkbox"]:disabled,
input[type="checkbox"].large:disabled {
    background-color: var(--checkbox-disabled-background);
    cursor: not-allowed;
}

input[type="checkbox"].error {
    border-color: var(--checkbox-error-border);
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}



.wrapper_input_with_icon {
    position: relative;
    width: fit-content;
    max-width: 100%;
    border: 1px solid var(--input-border);
    border-radius: 8px;
    border: 1px solid var(--Theme-Light-Forum-Input-Form-Input---Stroke, #D0D5DD) !important;
}

.wrapper_input_with_icon:focus-within {
    outline: none;
    border: 1px solid var(--button-tertiary-border-hover);
}

.wrapper_input_with_icon:has(.form_element):focus-within {
    outline: none !important;
    border-color: var(--p-colorPrimaryAlpha50) !important;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.03), 0px 3px 6px rgba(0, 0, 0, 0.02), var(--focusBoxShadow) !important;
}

.input_with_icon.form_element {
    height: 100%;
    vertical-align: top !important;
    margin: 0 !important;
}

.input_with_icon {
    display: inline-block !important;
    padding: 0 10px !important;
    /*max-width: 80% !important;*/
    box-sizing: border-box !important;
    border: none !important;
    margin: 0 !important;
    border-radius: inherit !important;
}

.input_with_icon:focus {
    border: none !important;
    box-shadow: unset !important;
    outline: unset !important;
}

.input_icon {
    /*transform: translateY(-50%);*/
    color: var(--gray-500, #667085);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 36px;
    z-index: 2;
}

.input-error {
    /*animation: shake 0.15s ease-in-out 0s 2;*/
    box-shadow: 0 0 0.25em #e9322d !important;
    border: 1px solid #e9322d !important;
    /*position: relative !important;*/
}

@keyframes shake {
    0% {
        left: 0rem;
    }

    25% {
        left: 0.5rem;
    }

    75% {
        left: -0.5rem;
    }

    100% {
        left: 0rem;
    }
}

[data-title] {
    padding: 0 8px;
}

[data-type="PhoneNumber"] {
    width: 100%;
}

#powered-by-cardova {
    width: 40%;
    margin: auto;
    padding: 10px 16px;
    color: #2E90FA;
    font-family: Inter;
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
}

#powered-by-cardova>a {
    text-decoration: none;
    color: inherit;
}

.light {
    background-color: #EEF4FC;
    color: #2E90FA;
}

.circle-border {
    border-radius: 50%
}

.headline-block {
    margin: 16px 0px;
}

.headline-block h5 {
    color: var(--Form-Input---Title, #121212);
    font-weight: 500;
    margin: 0;
    font-size: 16px;
    font-weight: 600;
}

.headline-block ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.headline-block li {}


table.block-table {
    width: calc(100% + 32px);
    margin: -16px;
    margin-top: 0px;
    border-collapse: collapse;

    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    line-height: 18px;
    /* 150% */
    text-align: left;
}

table.block-table thead tr {
    background-color: #FCFCFD;
    height: 38px;
}

table.block-table thead th {
    padding: 0px 12px;
    color: #101828;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
}

table.block-table tbody tr {
    padding-left: 12px;
    height: 50px;
}

table.block-table td,
table.block-table th {
    padding: 0px 12px;
}

table.block-table tr {
    border-top: 1px solid #D0D5DD;
}


table.info-table{
    width: 300px;
    margin-bottom: 40px;
}

table.info-table td:last-child{
    text-align: right;
}

.badge-unit {
    display: inline-block;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    border-radius: 16px;
    font-size: 12px;
    line-height: 18px;
    padding: 2px 8px;
}

.badge-unit.sm {
    font-size: 12px;
    line-height: 18px;
    padding: 2px 8px;
}

.badge-unit.md {
    font-size: 14px;
    line-height: 20px;
    padding: 2px 10px;
}

.badge-unit.lg {
    font-size: 14px;
    padding: 4px 12px;
}

.gray,
.grey {
    background-color: #F2F4F7;
    color: #344054 !important;
}

.purple {
    background-color: #F9F5FF;
    color: #6941C6 !important;
}

.green {
    background-color: #ECFDF3;
    color: #027A48 !important;
}

.blue {
    background-color: #F2F4F7;
    color: #344054 !important;
}

.red {
    background-color: #FEF3F2;
    color: #B42318 !important;
}

.yellow {
    background-color: #FFFAEB;
    color: #B54708 !important;
}

.membership-item-container {
    margin-top: 20px;
    background-color: red;
    max-width: 300px;
    height: fit-content;
    border: 1px solid var(--Gray-50, #F9FAFB);
    background: var(--Gray-50, #F9FAFB);
    /* Shadow/sm */
    border-radius: 8px;
    box-shadow: 0px 1px 3px 0px rgba(16, 24, 40, 0.10), 0px 1px 2px 0px rgba(16, 24, 40, 0.06);
    padding: 16px;
    position: relative;
}

.membership-item-container .title {
    display: flex;
    justify-content: space-between;
    color: var(--Gray-900, #101828);
    /* Text md/Medium */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    /* 150% */
}

.membership-item-container .title .right{
    word-break: break-word;
    padding-left: 5px
}

.membership-item-container .content {
    margin-top: 8px;

    color: var(--Gray-700, var(--Gray-700, #344054));
    /* Text xs/Regular */
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    overflow-y: scroll;
    /* 150% */
}

.membership-item-container .content::-webkit-scrollbar {
    display: none;
}

.membership-item-container .content p {
    margin-top: 0px;
}

.membership-item-container .select {
    visibility: hidden;
    position: absolute;
    bottom: 0px;
    right: 0px;
}

.membership-item-container .select:hover {
    visibility: hidden;
}

.membership-item-container:hover,
.membership-item-container:has(.select.active) {
    border-radius: 8px;

    border: 1px solid var(--Primary-600, #0086C9);

    opacity: 0.8;
    background: var(--Gray-25, #FCFCFD);
    /* Shadow/sm */
    box-shadow: 0px 1px 3px 0px rgba(16, 24, 40, 0.10), 0px 1px 2px 0px rgba(16, 24, 40, 0.06);
}

.membership-item-container:hover .select {
    visibility: visible;
}


.form-line{
    width: 100%
}

.form-line > *{
    width: 30%
}

.membership-checkout-form{
    width: 100%;
}


.membership-info {
    display: flex;
    justify-content: space-between;
}

.membership-info .description {
    color: var(--Gray-600, #475467);

    /* Text md/Medium */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    /* 150% */
}

.membership-info .membership-info-banner {
    border-radius: 8px;
    background: var(--Gray-500, #667085);
    padding: 16px;
    color: var(--Gray-100, var(--Gray-100, #F2F4F7));
}


.membership-info .membership-info-banner table{
    border-collapse: separate;
}

.membership-info .membership-info-banner th:first-child {
    color: var(--White, #FFF);
    /* Text lg/Semibold */
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    /* 155.556% */
}

.membership-info .membership-info-banner td {
    color: var(--Gray-100, var(--Gray-100, #F2F4F7));
    /* Text sm/Regular */
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    /* 142.857% */
}

.membership-info .membership-info-banner tr {
    margin-bottom: 8px;
}

.membership-info .membership-info-banner th:last-child, .membership-info .membership-info-banner td:last-child {
    text-align: right;
}

[data-child-click]{
    cursor: pointer;
}
.width-50pc{
  width: 50%;
}
.width-50pc > *{
  width: 100% !important;
}

.width-100pc{
  width: 100%;
}

.pure-form input[type=color], .pure-form input[type=date], .pure-form input[type=datetime-local], .pure-form input[type=datetime], .pure-form input[type=email], .pure-form input[type=month], .pure-form input[type=number], .pure-form input[type=password], .pure-form input[type=search], .pure-form input[type=tel], .pure-form input[type=text], .pure-form input[type=time], .pure-form input[type=url], .pure-form input[type=week], .pure-form select, .pure-form textarea{
  box-shadow: unset;
}

.jumbo {
    text-align: center;
    font-size: 16px;
    color: #344054 !important;
}

tr .jumbo {
    height: 64px;
}

.mas-container{
  column-count: 3;
  column-gap: 0px
}
.mas-item{
  margin: 0;
  display: grid;
  grid-template-rows: 1fr auto;
  break-inside: avoid;
}
.mas-sub-item{
  grid-row: 1 / -1;
  grid-column: 1;
  margin-left: 8px;
  margin-right: 8px;
}

.form-line .width-100pc{
    width: 100%
}

.ticket-template{
    margin-top: 15px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 5px 16px;
    align-items: center;
    gap: 5px;
    align-self: stretch;
    border-radius: 8px;
    border: 1px solid #E9E9E9;
    background: #FEFEFE;
}
.ticket-template .ticket-price,
.ticket-template .ticket-name{
    color: #101828;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    width: 100%
}

.ticket-template .ticket-price{
    min-width: 8ch;
    width: fit-content;
    order: 2;
}
.ticket-template .ticket-name{
    order: 1;
/*    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;*/
}

.ticket-template .ticket-quantity-input{
    display: flex;
    align-items: center;
    order: 3;
    gap: 12px;
}
.ticket-template .ticket-quantity-input [name="ticket-quantity"]{
    border: none !important;
    box-shadow: none !important;
    width: calc(2ch + 28px);
    min-width: calc(2ch + 28px);
    text-align: center;
    color: var(--Gray-700, #344054);
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
}
.ticket-template .ticket-quantity-input .ticket-quantity-change{
    display: flex;
    padding: 8px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    border: 1px solid #D0D5DD;
    width: 20px;
    height: 20px;
    cursor: pointer;
}
.ticket-template .ticket-quantity-input .ticket-quantity-change i{
    line-height: 20px;
    font-size: 16px;
}
.event-card{
    border: 1px solid transparent;
}
.event-card:hover,
.ticket-template:hover,
    .ticket-template .ticket-quantity-input .ticket-quantity-change:hover{
    border: 1px solid black;
}

.events-timeline-item{
    display: flex;
    margin-bottom: 16px;
}
.events-timeline-item .timeline-item{
    width: 100%;
}
.events-timeline-item .timeline-title{
    margin-top: 0
}
.events-timeline-item .timeline-item-border{
    margin-top: 15px;
    padding: 0 16px 0 0;
    border-left: 1px dashed #D0D5DD;
    width: 0;
}
.events-timeline-item .timeline-circle{
    width: 12px;
    height: 12px;
    background: white;
    border: 1px solid #D0D5DD;
    border-radius: 50%;
    transform: translate(-50%, -50%);
}

.side-a-side-loc-flyer {
    display: flex;
    gap: 16px;
    justify-content: space-between;
    margin-bottom: 16px;
}

.hide{
  display: none !important;
}

.pledge-table {
  width: 100%;
  border-collapse: collapse;
  color: #333;
  background-color: #fff;
  border-radius: 8px;
  overflow: hidden;
}

.pledge-table thead {
  background-color: #f5f5f5;
  font-weight: bold;
}

.pledge-table th,
.pledge-table td {
  padding: 12px 16px;
  text-align: left;
  border-bottom: 1px solid #e0e0e0;
}

.pledge-table tr:last-child td {
  border-bottom: none;
}

.pledge-table tr:nth-child(even) {
  background-color: #fafafa;
}


a.link {
    font-weight: 400;
    color: #2E90FA;
    font-size: 14px;
    cursor: pointer;
}