/* Modal Gate */
/* Requires variables_1.0.css */

.modal-logo {
    max-width: 35rem;
    margin: 2rem;
}

.modals-overlay {
    background-color: rgb(223 223 223 / 80%);
}

.gate h1 {
    font-size: var(--text-h3-size);
    border-top: 1px solid;
    border-color: var(--color-branding-primary);
    padding-top: 2rem;
    margin-top: 0;
}

.gate .form-elements {
    display: flex;
    gap: 1rem;
    margin: .5rem 0;
}

.gate input.submit {
    background: var(--color-button-background);
    border: var(--color-button-border);
    color: var(--color-button-text);
    border-radius: 2rem;
    padding: 1rem 2rem;
}

.gate input.submit:hover {
    background: var(--color-button-background-hover);
    border: var(--color-button-border-hover);
    color: var(--color-button-text-hover);
    transition: all 0.25s ease;
}

.gate input#zip {
    height: 4rem;
    border-radius: .5rem;
}

.hidden {
  display: none;
}

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

    .custom-popup-modal.modal-slide .modal-content {
        padding-top: 3rem;
        border-top: 5px solid var(--color-branding-primary);
    }

    .gate h1 {
        font-size: var(--text-h2-size);
        border-top: unset;
        padding-top: 0;
        margin-top: 0;
    }

    .custom-popup-modal._inner-scroll .modal-inner-wrap {
        max-width: 60rem;
    }

}