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

    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;

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

#overlay_content {
    position: relative;
    left: 0; 
    right: 0; 
    margin-left: auto; 
    margin-right: auto;
    margin-top: 15vh;

    width: 800px;
    height: auto;

    padding: 50px;

    color: rgba(255, 255, 255, 1.0); /* White */
    background-color: rgba(26, 35, 40, 1.0); /* Læger Black */
}

#overlay_content img {
    display: block;

    width: 75px;
    height: auto;

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

#overlay_content h6 {
    font-family: "Roboto Mono", monospace;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-size: 1.77em; /* 32px */

    letter-spacing: -0.015em;
    text-align: center;

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

#overlay_content a, #overlay_content a:link, #overlay_content a:active, #overlay_content a:visited {
    color: rgba(255, 255, 255, 1.0); /* White */

    font-weight: 500;
}

a:hover { 
	color: rgba(250, 228, 234, 1.0); /* Lægeforeningen Hover */
}

/* Overlay introduction
   ========================================================================== */
#overlay_introduction {
    color: rgba(255, 255, 255, 1.0); /* White */
    text-align: center;
}

#overlay_introduction p {
    width: 575px;
    height: auto;

    margin: 0 auto;
    margin-bottom: 50px;

    text-align: left;
}

#overlay_introduction button {
    float: inherit;
    margin: 0px;
}

#overlay_introduction #overlay_btn_cookie {
    color: rgba(26, 35, 40, 1.0); /* Læger Black */
    background-color: rgba(255, 255, 255, 1.0); /* White */

    padding: 0px 25px 0px 25px;

    margin-right: 25px;
}

#overlay_introduction #overlay_btn_form {
    color: rgba(26, 35, 40, 1.0); /* Læger Black */
    background-color: rgba(255, 255, 255, 1.0); /* White */

    padding: 0px 25px 0px 25px;
}

/* Overlay form
   ========================================================================== */
#overlay_form {
    width: 575px;
    height: auto;

    margin: 0 auto;
    
    color: rgba(255, 255, 255, 1.0); /* White */

    display: none;
}

.overlay_input,  .overlay_check, .overlay_disclaimer {
    position: relative;
    float: left;

    margin-bottom: 25px;
}

.overlay_input {
    width: 50%;
    height: auto;

    padding: 0px 12.5px;
}

.overlay_check {
    width: 35px;
    height: auto;
}

.overlay_disclaimer {
    width: calc(100% - 35px);
    height: auto;

    font-size: 0.9em;
    line-height: 1.2;
}

#overlay_form #overlay_btn_submit {
    float: inherit;
    display: block;

    margin: 0 auto;

    color: rgba(26, 35, 40, 1.0); /* Læger Black */
    background-color: rgba(255, 255, 255, 1.0); /* White */

    padding: 0px 25px 0px 25px;
}

/* Overlay form - Inputs
   ========================================================================== */
.overlay_input input {
    width: 100%;
    height: 40px;

	outline: none;
    border: 0;
    padding: 3px 10px 0px 10px;

    font-size: 16px;
    color: rgba(26, 35, 40, 1.0); /* Læger Black */
    background-color: rgba(255, 255, 255, 1.0); /* White */
}

.overlay_input input[type="radio"], .overlay_input input[type="checkbox"] {
    position: relative;
    left: 1px;

    width: auto;
    height: auto;

    -webkit-transform: scale(1.25); /* Chrome, Safari, Opera */
    -moz-transform: scale(1.25); /* Mozilla, Firefox */
    -ms-transform: scale(1.25); /* IE 9 */
    -o-transform: scale(1.25); /* Opera */
    transform: scale(1.25);
}

.overlay_input select {
    width: 100%;
    height: 40px;

	outline: none;
    border: 0;
    padding: 3px 10px 0px 10px;

    font-size: 16px;
    color: rgba(26, 35, 40, 1.0); /* Læger Black */
    background-color: rgba(255, 255, 255, 1.0); /* White */
}

#overlay_form button {
    width: auto;

    padding: 3px 15px 0px;
}

#overlay_form ::placeholder {
    color: rgba(0, 25, 101, 1.0); /* FF darkblue */
}

/* Overlay - Responsive
   ========================================================================== */
@media only screen and (max-width : 800px) {

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

        padding: 8vw 6vw;
    }

}

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

    #overlay_introduction p, #overlay_form {
        width: 100%;
        height: auto;
    }

}

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

    .overlay_input {
        width: 100%;
    }

    .overlay_check {
        width: 35px;
    }

    .overlay_disclaimer {
        width: calc(100% - 35px);
    }

    #overlay_introduction #overlay_btn_cookie, #overlay_introduction #overlay_btn_form {
        display: block;
        margin-right: 0px;
        margin: 0 auto;
    }

    #overlay_introduction #overlay_btn_cookie {

        margin-bottom: 25px;

    }

}