/**
 * All of the CSS for the public-facing functionality
 */

.sms__overlay {
    display: none;
}

.sms__overlay.open {
    display: block;
    visibility: hidden;
    position: fixed;
    top: 0 !important;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.6);
}

.sms__overlay.open .sms__popup {
    display: none;
}

.sms__overlay.open .sms__popup {
    display: block;
    overflow: auto;
    width: 80%;
    margin: 30px auto 0;
    max-width: 500px;
    padding: 10px;
    background-color: #EA1875;
    border: 5px solid #1A165B;
    border-radius: 8px;
}

/* Breakpoints per Bootstrap variables */
@media screen and (min-width: 768px) {
    .sms__popup {

    }
}

@media screen and (min-width: 992px) {
    .sms__popup {

    }
}

@media screen and (min-width: 1200px) {
    .sms__popup {

    }
}


.sms__popup p {
    color: #FFF;
    font-size: 16px;
}