/*
    Author: Christopher Michael Pastore
    Author URI: https://ChrisPastore.com
*/

/* start global styles */
@media all {
    body {
        background-color: #ffffff;
        font-size: 18px;
        font-weight: 400;
        line-height: 1.5em;
        color: #000000;
    }
    h1,
    h2,
    h3,
    h4,
    p,
    ul {
        color: #000000;
    }
    h1,
    h2,
    h3,
    h4 {
        margin-top: 0px;
        font-weight: 700;
        line-height: 1.3em;
    }
    a {
        color: blue;
        text-decoration: underline;
    }
    a:hover,
    a:focus {
        text-decoration: none;
    }
    strong {
        font-weight: 700;
    }
    a.phone_link {
        white-space: nowrap;
        font-weight: 400;
        text-decoration: none;
    }
    .cta_container .cta_content_1 h1 {
        font-size: 23px;
    }
    .content_content_1 h2,
    .content_content_2 h2,
    .content_content_3 h2 {
        font-size: 25px;
    }
    header {
        padding-top: 16px;
        padding-bottom: 48px;
        background-color: #000000;
        background-image: url(/images/page_bg.jpg);
        background-repeat: no-repeat;
        background-position-y: top;
        background-position-x: left;
        background-size: cover;
    }
    header.header_container .logo {
        margin-bottom: 16px;
    }
    header.header_container .sponsor {
        margin-bottom: 16px;
    }
    header.header_container .sponsor a {
        font-size: 16px;
        font-weight: 700;
        text-decoration: none;
        color: #ffc519;
    }
    header .cta_container .cta_content_1 {
        padding-top: 16px;
        padding-bottom: 16px;
    }
    header .cta_container .cta_content_1 h1 {
        color: #ffffff;
    }
    header .cta_container .cta_content_1 p,
    header .cta_container .cta_content_1 ul {
        color: #ffffff;
    }
    .form_content {
        padding: 24px 16px;
        background-color: rgba(255, 255, 255, 0.2);
        border-radius: 6px;
    }
    .form_content h2 {
        margin: 0px;
        font-size: 24px;
        font-weight: 700;
        color: #ffffff;
    }
    .form_question {
        padding-top: 16px;
        padding-bottom: 0px;
    }
    .for_button {
        padding-top: 24px;
        padding-bottom: 16px;
    }
    form {
        padding: 0 !important;
    }
    fieldset {
        padding-left: 24px;
        padding-right: 24px;
        padding-bottom: 24px;
        border-color: rgba(255, 255, 255, 0.5) !important;
        border-radius: 5px;
    }
    legend {
        padding: 16px;
        font-weight: 700;
        color: #ffffff;
        text-transform: uppercase;
    }
    label {
        font-size: 16px;
        font-weight: 400;
        color: #ffffff;
    }
    small {
        color: #ffffff;
    }
    .w3_half > label {
        white-space: nowrap;
        font-size: 13px;
    }
    #submit_0,
    #submit_1,
    #submit_2 {
        padding-top: 16px;
        padding-bottom: 16px;
        font-size: 22px !important;
        font-weight: 700;
        background-color: #ffc519;
        color: #000000;
        text-decoration: none;
    }
    #submit_0:hover,
    #submit_0:focus,
    #submit_1:hover,
    #submit_1:focus,
    #submit_2:hover,
    #submit_2:focus {
        background-color: #ffd454 !important;
        color: #000000;
        text-decoration: none;
    }
    .content_container_0,
    .content_container_1,
    .content_container_2,
    .content_container_3 {
        padding-top: 32px;
        padding-bottom: 32px;
    }
    .content_container_0, .content_container_2 {
        background-color: #ffffff;
    }
    .content_container_1, .content_container_3 {
        background-color: #eeeeee;
    }
    .content_content_1a {
        margin-bottom: 20px;
        background-color: #eeeeee;
        border-radius: 16px;
    }
    .content_content_1a h2 {
        margin: 0px;
        padding: 16px;
        font-size: 26px;
    }
    .content_content_2b {
        padding-bottom: 24px;
    }
    .photo_0, .photo_1, .photo_2, .photo_3 {
        margin-bottom: 24px;
    }
    footer.footer_container_1 {
        padding-top: 24px;
        padding-bottom: 64px;
        background-color: #ffffff;
        color: #000000;
    }
    footer.footer_container_1 p {
        font-size: 14px;
        line-height: 1.3em;
        color: #000000;
    }
    footer.footer_container_1 p a {
        color: #00008b;
        text-decoration: underline;
    }
    .mobile_sticky_container {
        display: block;
        padding-top: 16px;
        padding-bottom: 16px;
        width: 100%;
        background: #008a00;
    }
    .mobile_sticky_container a,
    body.details .mobile_sticky_container a,
    body.thanks .mobile_sticky_container a,
    body.privacy .mobile_sticky_container a {
        font-size: 30px;
        font-weight: 700;
        color: #ffffff;
        text-decoration: none;
    }
    body.details,
    body.thanks,
    body.privacy {
        background-image: url(/images/page_bg.jpg);
        background-repeat: no-repeat;
        background-position-y: center;
        background-position-x: center;
        background-size: cover;
    }
    body.details header.header_container,
    body.thanks header.header_container,
    body.privacy header.header_container {
        padding-bottom: 0px;
        background-image: none;
        background-color: transparent;
    }
    body.details header.header_container .header_content_1 h1,
    body.thanks header.header_container .header_content_1 h1,
    body.privacy header.header_container .header_content_1 h1 {
        text-transform: uppercase;
        color: #ffffff;
    }
    body.details main section.content_container_0,
    body.thanks main section.content_container_0,
    body.privacy main section.content_container_0 {
        padding-bottom: 48px;
    }
    body.thanks section.content_container_0 {
        height: 100vh;
    }
    body.details main section.content_container_0,
    body.thanks main section.content_container_0,
    body.privacy main section.content_container_0 {
        padding-top: 0px;
        background-color: transparent;
    }
    body.thanks main section.content_container_0 h2,
    body.thanks main section.content_container_0 p,
    body.privacy main section.content_container_0 h2,
    body.privacy main section.content_container_0 h3,
    body.privacy main section.content_container_0 h4,
    body.privacy main section.content_container_0 p {
        color: #ffffff;
    }
    body.details main section.content_container_0 .content_content_1 {
        padding-bottom: 48px;
    }
    body.details a,
    body.thanks a,
    body.privacy a {
        color: #ffc519;
    }
    body.details .call_out,
    body.thanks .call_out {
        color: #ffffff;
        font-weight: 400;
    }
    body.details .call_out a.phone_link,
    body.thanks .call_out a.phone_link {
        color: #ffc519;
    }
    body.privacy section.content_container_0 p,
    body.privacy section.content_container_0 ul,
    body.privacy section.content_container_0 ul li {
        color: #ffffff;
    }
    body.privacy section.content_container_0 ul li {
        margin-bottom: 16px;
    }
}
/* end global styles */

/* start extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {

}
/* end extra small devices (phones, 600px and down) */

/* start small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {

}
/* end small devices (portrait tablets and large phones, 600px and up) */

/* start medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
    header .cta_container {
        padding-top: 16px;
    }
    header .cta_container .cta_content_1 h1 {
        font-size: 46px;
    }
    header.header_container .sponsor {
        text-align: right;
    }
    header.header_container .sponsor a {
        font-size: 34px;
        text-align: right;
    }
    header .form_content h2 {
        font-size: 54px;
    }
    main .content_content_1 h2,
    main .content_content_2 h2,
    main .content_content_3 h2 {
        font-size: 28px;
    }
    .mobile_sticky_container {
        display: none;
    }
}
/* end medium devices (landscape tablets, 768px and up) */

/* start large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
    header .cta_container {
        padding-top: 24px;
    }
    header .cta_container .cta_content_1 h1 {
        font-size: 33px;
    }
    header .form_content h2 {
        font-size: 29px;
    }
}
/* end large devices (laptops/desktops, 992px and up) */

/* start extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
    header {
        padding-top: 48px;
    }
    header .cta_container {
        padding-top: 48px;
    }
    header .cta_container .cta_content_1 h1 {
        font-size: 38px;
    }
    header .form_content h2 {
        font-size: 35px;
    }
    .content_container_0,
    .content_container_1,
    .content_container_2,
    .content_container_3 {
        padding-top: 48px;
        padding-bottom: 48px;
    }
    .content_content_1a h2 {
        font-size: 30px;
    }
}
/* end extra large devices (large laptops and desktops, 1200px and up) */
