/* Overlay
   ========================================================================== */
#overlay {
    z-index: 100 !important;

    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    background-color: rgba(255, 255, 255, 0.75); /* White Opacity */
}

#overlay_content {
    margin: 0 auto;
    margin-top: 15vh;

    width: 650px;
    height: auto;

    padding: 50px;

    color: rgba(255, 255, 255, 1.0); /* White */
    background-color: rgba(29, 120, 114, 1.0); /* PD Green dark */

    -webkit-border-top-left-radius: 12px;
    -webkit-border-bottom-right-radius: 12px;
    -moz-border-radius-topleft: 12px;
    -moz-border-radius-bottomright: 12px;
    -o-border-radius-topleft: 12px;
    -o-border-radius-bottomright: 12px;
    border-top-left-radius: 12px;
    border-bottom-right-radius: 12px;
}

#overlay_content img {
    display: block; 

    width: 65px;
    height: auto;

    margin: 0 auto;
    margin-bottom: 25px;
}

#overlay_content h4 {
    display: block; 

    font-size: 2em;
    color: rgba(255, 255, 255, 1.0); /* White */
}

#overlay_content p {
    width: 100%;
    height: auto;

    margin-bottom: 25px;

    font-size: 1.25em;
}

#overlay_content #overlay_input_container {
    width: 100%;
    height: auto;
}

#overlay_content #overlay_input_container .overlay_input {
    float: left;

    width: 100%;
    height: auto;

    margin-bottom: 25px;
}

#overlay_content #overlay_input_container .overlay_input_1x3 {
    width: 33.33%;
    height: auto;

    margin-right: 25px;
}

#overlay_content #overlay_input_container .overlay_input_2x3 {
    width: calc(66.66% - 25px);
    height: auto;
}

#overlay_content #overlay_input_container .overlay_input input {
    width: 100%;

    color: rgba(0, 0, 0, 1.0); /* Black */
}

#overlay_content #overlay_disclaimer_container {
    width: 100%;
    height: auto;

    font-size: 0.8em;
}

#overlay_content #overlay_disclaimer_container .disclaimer_icon {
    float: left;

    width: 25px;
    height: auto;
}

#overlay_content #overlay_disclaimer_container .disclaimer_text {
    float: left;

    width: calc(100% - 25px);
    height: auto;
}

#skip_overlay_form, #overlay_submit {
    padding: 0px 25px;
    
    background-color: rgba(246, 147, 131, 1.0); /* PD Secondary Apricot */
}

#show_overlay_form {
    padding: 0px 25px;
    margin-left: 25px;

    border-style: solid;
    border-width: 1px;
    border-color: rgba(255, 255, 255, 1.0); /* White */
}

#overlay_form {
    display: none;
}

/* Responsive
   ========================================================================== */

@media only screen and (max-width: 650px) {

    #overlay_content {
        width: calc(100% - 50px);
    }

}

@media only screen and (max-width : 510px) {

    #overlay_content button {
        margin-left: 0px;
        margin-bottom: 25px;
    }

    #overlay_content button:last-of-type {
        margin-left: 0px;
        margin-bottom: 0px;
    }

}

@media only screen and (max-width : 450px) {

    #overlay_content {
        width: calc(100% - 25px);

        padding: 25px;
    }


    #overlay_content #overlay_input_container .overlay_input {
        width: 100%;
        margin-right: 0px;
    }

}