/* ======== RESPONSIVE CSS ========= */


/* ===================================================
		MIN WIDTH 
=================================================== */
/* ------------------------------ 
	1600px EXTRA LARGE
------------------------------ */
@media (min-width: 1600px) {}




/* ------------------------------ 
	1200px LARGE
------------------------------ */
@media (min-width: 1200px) {}




/* ------------------------------ 
	992px MEDIUM
------------------------------ */
@media (min-width: 992px) {}




/* ------------------------------ 
	768px SMALL
------------------------------ */
@media (min-width: 768px) {
    .hide-mobile {
        display: block;
    }

    .show-mobile {
        display: none;
    }

    #ohio-house-gop h1 {
        font-size: 3.9em;

    }
}




/* ===================================================
		MIN - MAX WIDTH 
=================================================== */
/* ------------------------------ 
	992px - 1199px LARGE
------------------------------ */
@media (min-width: 992px) and (max-width: 1199px) {}




/* ------------------------------ 
	768px - 991px MEDIUM
------------------------------ */
@media (min-width: 768px) and (max-width: 991px) {}




/* ------------------------------ 
	414px - 767px SMALL iPhone 6/7/8 Plus
------------------------------ */
@media (min-width: 414px) and (max-width: 767px) {
    body {
        font-size: 14px;
    }
}




/* ------------------------------ 
	375px - 413px X-SMALL iPhone 6/7/8
------------------------------ */
@media (min-width: 375px) and (max-width: 413px) {
    body {
        font-size: 12px;
    }

    h1 {
        line-height: 50px;
    }
}




/* ------------------------------ 
	320px - 374px XX-SMALL iPhone 5
------------------------------ */
@media (min-width: 319px) and (max-width: 374px) {
    body {
        font-size: 10px;
    }

    h1 {
        line-height: 40px;
    }
}




/* ===================================================
		MAX WIDTH 
=================================================== */
/* ------------------------------ 
	1599px EXTRA LARGE
------------------------------ */
@media (max-width: 1599px) {}




/* ------------------------------ 
	1199px LARGE
------------------------------ */
@media (max-width: 1199px) {}




/* ------------------------------ 
	991px MEDIUM
------------------------------ */
@media (max-width: 991px) {
    .patriotic1-image-default {
        background: linear-gradient(270deg, rgba(0, 0, 0, .4) 100%, rgba(0, 0, 0, 0) 100%), url(/wp-content/themes/express-lp/assets/images/1_d.jpg) no-repeat;
        background-size: cover;
        background-position: 30% center;
    }
    
    .patriotic2-image-default {
        background: linear-gradient(270deg, rgba(0, 0, 0, .08) 100%, rgba(0, 0, 0, 0) 100%), url(/wp-content/themes/express-lp/assets/images/2_d.jpg) no-repeat;
        background-size: cover;
        background-position: 30% center;
    }
    
    
    .patriotic4-image-default {
        /* background: url(/wp-content/themes/express-lp/assets/images/4_d.jpg) no-repeat; */
        background: linear-gradient(270deg, rgba(0, 0, 0, .08) 100%, rgba(0, 0, 0, 0) 100%), url(/wp-content/themes/express-lp/assets/images/4_d.jpg) no-repeat;
        background-size: cover;
        background-position: 35% center;
    }
    
    .negative1-image-default {
        background: linear-gradient(270deg, rgba(0, 0, 0, .4) 100%, rgba(0, 0, 0, 0) 100%), url(/wp-content/themes/express-lp/assets/images/5_d.jpg) no-repeat;
        background-size: cover;
        background-position: 30% center;
    }
    
    .negative3-image-default {
        background: linear-gradient(270deg, rgba(0, 0, 0, .08) 100%, rgba(0, 0, 0, 0) 100%), url(/wp-content/themes/express-lp/assets/images/7_d.jpg) no-repeat;
        background-size: cover;
        background-position: center center;
    }
    
    .blurred-box {
        border-radius: 0;
        background-color: rgba(255, 255, 255, .12);
        backdrop-filter: blur(6px);
        box-shadow: 0px 0px 12px rgba(0, 0, 0, .45);
        border: 1px solid rgba(255, 255, 255, .12);
        border-top: 1px solid rgba(255, 255, 255, .42);
        border-bottom: 1px solid rgba(255, 255, 255, .22);
        padding: 15px 0;
        margin: 0 15px;
        text-align: center !important;
    }
    
    .opaquer-blurred-box {
        border-radius: 0;
        background-color: rgba(255, 255, 255, .4);
        backdrop-filter: blur(6px);
        box-shadow: 0px 0px 12px rgba(0, 0, 0, .45);
        border: 1px solid rgba(255, 255, 255, .12);
        border-top: 1px solid rgba(255, 255, 255, .42);
        border-bottom: 1px solid rgba(255, 255, 255, .22);
        padding: 15px 0;
        margin: 0 15px;
        text-align: center !important;
    }
}




/* ------------------------------ 
	767px - SMALL
------------------------------ */
@media (max-width: 767px) {
    .hide-mobile {
        display: none;
    }

    .show-mobile {
        display: block;
    }
    
    .patriotic3-image-default {
        background: url(/wp-content/themes/express-lp/assets/images/3_d.jpg) no-repeat;
        background-size: cover;
        background-position: center center;
    }
    
    .negative2-image-default {
        background: linear-gradient(270deg, rgba(0, 0, 0, .4) 100%, rgba(0, 0, 0, 0) 100%), url(/wp-content/themes/express-lp/assets/images/6_d.jpg) no-repeat;
        background-size: cover;
        background-position: 55% center;
    }
    
    /* .negative3-image-default {
        background: linear-gradient(270deg, rgba(0, 0, 0, .4) 100%, rgba(0, 0, 0, 0) 100%), url(/wp-content/themes/express-lp/assets/images/7_d.jpg) no-repeat;
        background-size: cover;
        background-position: 30% center;
    } */
    
    .negative4-image-default {
        background: linear-gradient(270deg, rgba(0, 0, 0, .4) 100%, rgba(0, 0, 0, 0) 100%), url(/wp-content/themes/express-lp/assets/images/8_d.jpg) no-repeat;
        background-size: cover;
        background-position: 30% center;
    }
    
    .negative5-image-default {
        background: linear-gradient(270deg, rgba(0, 0, 0, .4) 100%, rgba(0, 0, 0, 0) 100%), url(/wp-content/themes/express-lp/assets/images/9_d.jpg) no-repeat;
        background-size: cover;
        background-position: 30% center;
    }
    
    .negative6-image-default {
        background: linear-gradient(270deg, rgba(0, 0, 0, .4) 100%, rgba(0, 0, 0, 0) 100%), url(/wp-content/themes/express-lp/assets/images/10_d.jpg) no-repeat;
        background-size: cover;
        background-position: 30% center;
    }
    
    .negative7-image-default {
        background: linear-gradient(270deg, rgba(0, 0, 0, .4) 100%, rgba(0, 0, 0, 0) 100%), url(/wp-content/themes/express-lp/assets/images/11_d.jpg) no-repeat;
        background-size: cover;
        background-position: 30% center;
    }

    input {
        height: 40px;
    }

    .disclaimer {
        position: absolute;
        bottom: 0;
    }

    .disclaimer p {
        line-height: 15px;
    }

    h1,
    .h1 {
        font-size: 3.5em;
    }

    h2,
    .h2 {
        font-size: 2.2em;
    }
    
    /* BELOW IS NEWLY ADDED. MAKE SURE IT DIDN'T MESS ANY OF THE THEMES UP  */
    p,
    .p {
        font-size: 1.3em;
    }

    /*** Custom styles for LPs using this theme **/
    #ohio-house-gop .blurred-box {
        backdrop-filter: blur(15px);
        padding: 15px;
    }
}




/* ------------------------------ 
	640px - EXTRA SMALL
------------------------------ */
@media (max-width: 640px) {}




/* ------------------------------ 
	575px - CUSTOM SIZE
------------------------------ */
@media (max-width: 575px) {}




/* ------------------------------ 
	479px - CUSTOM SIZE
------------------------------ */
@media (max-width: 479px) {}




/* ------------------------------ 
	379px - CUSTOM SIZE
------------------------------ */
@media (max-width: 379px) {
    body {
        font-size: 10px;
    }
    
    h1 {
        line-height: 40px;
    }
    
    .social {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
    }
}