/* Styling for birthday email subscribe modal */

#confetti { position: fixed; z-index: 9999; }

#birthdayModal .modal-title {
    text-align: center;
    font-weight: bold;
}

#birthdayModal .modal-title sup {
    font-size: 50%;
    top: -1em;
}

#birthdayModal .modal-content {
    background-image: url(https://www.seethroughny.net/themes/stny-v2/images/birthday-modal-bg.png);
    background-repeat: no-repeat;
    background-position: right top;
    background-size: contain;
    background-color: #fff;
    overflow: hidden;
}

#birthdayModal .modal-header, #birthdayModal .modal-body, #birthdayModal .modal-footer {
    background: rgba(1000,1000,1000,0.7);
}

#birthdayModal h5.modal-title {
    color: #000;
}

#birthdayModal .modal-body p {
    width: 50%;
    margin: auto;
    text-align: center;
}

#birthdayModal .modal-body p img {
    width: 60%;
}

#birthdayModal #permanentChecked {
    vertical-align: middle;
    margin-top: -3px;
}

/*** MAIL CHIMP OVERRIDES ***/
#mc_embed_signup .indicates-required {
    text-align: left;
}

#mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error, #mc_embed_signup .helper_text {
    background: transparent;
}

#mc_embed_signup .mc-field-group.input-group input {
    vertical-align: text-top;
}

#mc_embed_signup .mc-field-group.input-group label {
    margin-left: 10px;
}

#mc_embed_signup .button {
    background-color: #337ab7;
    border-color: #204d74;
}

#mc_embed_signup .button:hover {
    background-color: #286090;
    border-color: #204d74;
}

#mc_embed_signup .close {
    float: none;
    opacity: 1;
    background: #aaa;
    text-shadow: none;
}

#mc_embed_signup .close:hover {
    background: #777;
}

/** RESPONSIVENESS **/
@media (min-width: 768px) {
    #birthdayModal .modal-content { width: 600px; margin: -15px auto; }

    #birthdayModal .modal-dialog-centered { min-height: 90%; display: flex; align-items: center; }
}

@media (max-width: 450px) {
    #birthdayModal .modal-body p {
        width: 80%;
        float: none !important;
    }
}