div#pr_age_gate .agegate_dialog {
    border-radius: 15px;
    box-shadow: 0 4px 50px 8px rgba(0, 0, 0, 0.50);
}
input.agegate_submit {
    display: none !important;
}

/* Scope: base font family for the age gate */
#pr_age_gate, #pr_age_gate * {
    font-family: 'TradeGothic-Menu', sans-serif!important;
}

/* Layout */
div#pr_age_gate .agegate_logo {
    margin: 0 auto;
    max-width: 180px;
}

/* Typography */
#pr_age_gate .agegate_subtitle,
#pr_age_gate .agegate_subtitle p,
#pr_age_gate .agegate_subtitle p a,
#pr_age_gate .agegate_rememberMe span {
    text-transform: uppercase;
}

/* Controls */
#pr_age_gate input[type="checkbox"] {
	width: 20px;
	height: 20px;
	cursor: pointer;
}

/* Age gate text/number inputs */
#pr_age_gate input[type="text"],
#pr_age_gate input[type="number"],
#pr_age_gate input[type="tel"],
#pr_age_gate input[type="email"] {
    border-radius: 15px;
    background: #FDE6B1;
    box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.25) inset;
    color: var(--teal-deep, #0f766e);
    font-size: 140px;
    width: 384px;
    height: 160px;
    text-align: center;
    font-family: "Roboto Condensed", sans-serif!important;
}

#pr_age_gate .agegate_over18 {
    font-size: 70px!important;
    text-transform: uppercase!important;
    font-family: 'VTCBayard-Rustin', sans-serif!important;
    line-height: 1.2;
}

/* Remember me row */
#pr_age_gate .agegate_rememberMe {
    display: flex !important;
    align-items: center;
    gap: 10px;
    place-content: center;
}

/* Rounded checkbox */
#pr_age_gate .agegate_rememberMe input[type="checkbox"] {
    /* Use custom checkbox so border-radius applies across browsers */
    -webkit-appearance: none;
    appearance: none;
    width: 20px;
    height: 20px;
    border: 2px solid var(--teal-deep, #0f766e);
    border-radius: 6px;
    background: #fff;
    display: inline-grid;
    place-content: center;
    cursor: pointer;
    margin-top: 3px;
}

/* Filled square when checked */
#pr_age_gate .agegate_rememberMe input[type="checkbox"]::before {
    content: "";
    width: 12px;
    height: 12px;
    transform: scale(0);
    transition: transform 120ms ease-in-out;
    box-shadow: inset 1em 1em var(--teal-deep, #0f766e);
    border-radius: 3px;
}

#pr_age_gate .agegate_rememberMe input[type="checkbox"]:checked::before {
    transform: scale(1);
}

#pr_age_gate .agegate_generalConditions {
    max-width: 640px;
    margin-left: auto;
    margin-right: auto;
}

/* Mobile adjustments */
@media (max-width: 768px) {
    /* Hide subtitle on mobile */
    #pr_age_gate .agegate_subtitle {
        display: none !important;
    }

    /* Force font size to 50px on mobile */
    #pr_age_gate .agegate_over18 {
        font-size: 50px !important;
    }

    /* Constrain input width inside inputs container */
    #pr_age_gate .agegate_inputs_container input {
        max-width: 100%;
        width: 100%;
    }
    #pr_age_gate .agegate_dialog .agegate_content {
        max-width: 265px;
        margin: 20px auto 10px auto;
    }
    #pr_age_gate input[type="text"],
    #pr_age_gate input[type="number"],
    #pr_age_gate input[type="tel"],
    #pr_age_gate input[type="email"] {
        font-size: 100px!important;
        height: 150px!important;
    }
    #pr_age_gate .agegate_rememberMe, #pr_age_gate .agegate_rememberMe p, #pr_age_gate .agegate_rememberMe p a {
        margin: 20px 0!important;
    }
    #pr_age_gate .agegate_rememberMe span {
        font-size: 20px !important;
    }
}