@font-face {
    font-family: BatmanBold;
    src: url("../css/font/Gotham-Bold.otf") format("opentype");
}
@font-face {
    font-family: BatmanBook;
    src: url("../css/font/Gotham-Book.otf") format("opentype");
}
body {
    font-family: 'BatmanBook', serif;
}

#headerwrapper .hdrlogo {
    max-height: 200px;
}
#bodywrapper {
    background:#fff url('../img/heb-testlist2.jpg') center 100px repeat-y !important;
    background-size: 100% auto !important;/*contain;*/
    box-shadow: inset 0 0 0 1000px rgba(255,255,255,.75) !important;
}
#footerwrapper {
    background: #ed1c24;
}
#footerlinks a,
#copyright {
    color: #fff;
}
#footerwrapper .row {
    max-width: inherit;
}
.footerNavigation {
    text-align: right;
}
@media only screen and (min-width: 40.063em) {
    .footerNavigation {
        padding-inline: 0.9375em;
    }
}
#copyright,
.footerNavigation a {
    line-height: 40px;
}
@media (max-width: 480px) {
    #copyright,
    .footerNavigation a {
        line-height: 20px;
    }
}

.heb {
    white-space: nowrap;
}

/* login page stuff: */
#loginPageElement {
    background: #fff;
}

/* #NQC_Login1_lWelcome */
#loginPageElement form.login-form-panelist-signin h3 {
    display:none;
}
#loginPageElement > .hebcarousel,
#loginPageElement > .hebcarousel .carousel-inner,
#loginPageElement > .hebcarousel .carousel-item,
#loginPageElement > .hebcarousel .carousel-item img {
    width: 100%;
    height: 500px;
}

#loginPageElement > .hebcarousel .carousel-item img {
    object-fit: cover;
}

#loginPageElement > .hebcarousel .carousel-inner {
    position: relative;
}

#loginPageElement > .hebcarousel .carousel-item {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity 0.6s ease;
}

#loginPageElement > .hebcarousel .carousel-item.active {
    position: relative;
    opacity: 1;
}

#loginPageElement > .hebcarousel::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.6);
    z-index: 1;
    pointer-events: none;
}

#container_12 #loginPageElement > .hebcarousel .carousel-indicators button {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 0;
    margin: 0 4px;
    background-color: #fff;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
    opacity: 0.5;
    transition: background-color 1s;
    padding: 0;
}

#container_12 #loginPageElement > .hebcarousel .carousel-indicators button.active {
    opacity: 1;
    background-color: red;
}

#loginPageElement > .hebcarousel > .logo-container {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    pointer-events: none;
}

#loginPageElement > .hebcarousel > .logo-container .hdrlogo {
    max-width: 60%;
    max-height: 200px;
    object-fit: contain;
}

@media (max-width: 767.98px) {
    #loginPageElement > .hebcarousel,
    #loginPageElement > .hebcarousel .carousel-inner,
    #loginPageElement > .hebcarousel .carousel-item,
    #loginPageElement > .hebcarousel .carousel-item img {
        height: 250px;
    }
}

#loginPageElement .login-first-block .heblogos {
    margin-top: var(--gap);
}

#loginPageElement .login-first-block .heblogos .heblogos-img {
    max-width: 100%;
    height: auto;
}

#loginPageElement #loginPageLayoutContainer {
    grid-template-areas:
        "login gap-1"
        "login first-box"
        "login image"
        "login contact"
        "login gap-2" !important;
    background: #fff !important;
    background-image: none !important;
}

#loginPageElement .welcome-text {
    color: #E0162B;
}

#loginPageElement .login-first-block,
#loginPageElement .contact-info-container {
    color: #231F20;
}

#container_12 #loginPageElement .login-first-block {
    max-width: 40rem;
    align-items: flex-start;
}

#loginPageElement .welcome-text {
    text-align: left;
}

#loginPageElement .sub-text {
    font-size: 1.05rem;
    line-height: 1.6;
    text-align: left;
}

#container_12 #loginPageElement .loginBox {
    margin: var(--gap);
    padding: var(--gap);
}

#container_12 #loginPageElement .loginBox .login-form {
    gap: 0.5rem;
}

#container_12 #loginPageElement .login-box-container .login-and-appform-layout-container {
    margin-left: auto;
    margin-right: 0;
    box-shadow: none;
    flex-direction: column;
}

#container_12 #loginPageElement .appform-button-container {
    color: #231F20;
    min-width: 0;
    padding: var(--gap);
    border-radius: 0;
}

#container_12 #loginPageElement #loginPageLayoutContainer .appform-button-container a.apply.btn-basic {
    background: transparent;
    color: #333333;
    border-color: transparent;
}

#container_12 #loginPageElement #loginPageLayoutContainer #loginBtn,
#container_12 #loginPageElement #loginPageLayoutContainer .sendLostPW.btn.btn-basic:not(:disabled) {
    background: #ed1c24;
    color: #fff;
    border-color: #ed1c24;
    outline-color: #ed1c24;
}

#container_12 #loginPageElement #loginPageLayoutContainer #loginBtn:hover,
#container_12 #loginPageElement #loginPageLayoutContainer #loginBtn:active,
#container_12 #loginPageElement #loginPageLayoutContainer .sendLostPW.btn.btn-basic:not(:disabled):hover,
#container_12 #loginPageElement #loginPageLayoutContainer .sendLostPW.btn.btn-basic:not(:disabled):active {
    background: #fff;
    color: #ed1c24;
    border-color: #ed1c24;
    outline-color: #ed1c24;
}

#container_12 #loginPageElement #loginPageLayoutContainer .lostPW.btn.btn-secondary:not(:disabled),
#container_12 #loginPageElement #loginPageLayoutContainer .back-to-login.btn.btn-secondary:not(:disabled) {
    background: #fff;
    color: #ed1c24;
    border-color: #ed1c24;
    outline-color: #ed1c24;
}

#container_12 #loginPageElement #loginPageLayoutContainer .lostPW.btn.btn-secondary:not(:disabled):hover,
#container_12 #loginPageElement #loginPageLayoutContainer .lostPW.btn.btn-secondary:not(:disabled):active,
#container_12 #loginPageElement #loginPageLayoutContainer .back-to-login.btn.btn-secondary:not(:disabled):hover,
#container_12 #loginPageElement #loginPageLayoutContainer .back-to-login.btn.btn-secondary:not(:disabled):active {
    background: #ed1c24;
    color: #fff;
    border-color: #ed1c24;
    outline-color: #ed1c24;
}

#container_12 #loginPageElement #loginPageLayoutContainer .appform-button-container a.apply.btn-basic:hover,
#container_12 #loginPageElement #loginPageLayoutContainer .appform-button-container a.apply.btn-basic:focus {
    background: transparent;
    color: #333333;
    border-color: transparent;
    text-decoration: underline;
}

#container_12 #loginPageElement .appform-button-container .applyQuestion {
    background: transparent;
    display: none;
}

#container_12 #loginPageElement .login-first-block,
#container_12 #loginPageElement .contact-info-container {
    margin-left: 0;
    margin-right: auto;
}

#loginPageElement .sub-text .heb {
    white-space: nowrap;
}

/* hide the editor's default full-bleed background image; legacy design is plain white */
#container_12 #loginPageElement .image-container {
    display: none;
}

/* FAQ accordion (moved from customized.css, which doesn't load on footer pages in the PWA) */
.faqContainer h2 {
    font-weight: bold;
}

.faqContainer h2:before {
    content: "+ ";
    transition: color 0.2s;
}

.faqContainer h2:hover:before,
.faqContainer h2:focus-visible:before {
    color: red;
}

.faqContainer p {
    display: none;
}

@media (max-width: 576px) {
    #container_12 #loginPageElement #loginPageLayoutContainer {
        grid-template-areas:
            "login"
            "first-box" !important;
    }

    #container_12 #loginPageElement .login-first-block {
        margin-left: auto;
        margin-right: auto;
        align-items: center;
    }

    #container_12 #loginPageElement .welcome-text,
    #container_12 #loginPageElement .sub-text {
        text-align: center;
    }

    #container_12 #loginPageElement .login-box-container .login-and-appform-layout-container {
        margin-left: auto;
        margin-right: auto;
    }
}