/* --------------------------------------------------------------------------------------------------- POPUP */
#gmspp-custom-timed-popup-bg {
    background: #000000e0;
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 100000000000;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}

#gmspp-custom-timed-popup .dp-popup-img {
    width: 300px;
}

#gmspp-custom-timed-popup {
    width:100%;
    /* max-width: 800px; */
    max-height: 100%;
    background: white;
    padding: 20px;
    border-top: 15px solid;
}

#gmspp-custom-timed-popup h2 {
    padding-top:0px;
    margin-top: 0;
}
#gmspp-custom-timed-popup h3 {
    margin-top: 0px;
    margin-bottom: 10px;
}
p.gmspp-text-color {
    margin-bottom: 25px;
}
.gmspp-popup-box .wpcf7 {
    width: 100%;
}
.gmspp-close-popup {
    float: right;
    position: relative;
    top: -10px;
    /* color: #209ad8; */
    font-weight: bold;
}

.gmspp-row {
    display: flex;
    gap: 40px;
}

#field_2_1 {width: 50%;}
#field_2_3 {width: 50%;}
#gform_fields_2 {
    display: flex;
}
/* .gmspp-col.gmspp-popup-col-2 {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    gap:5px;
} */

.gmspp-col.gmspp-popup-col-2 {
    WIDTH: 100%;
}
.gmspp-col.gmspp-popup-col-1 {
    width: 60%;
    margin: auto;
}

#gmspp-custom-timed-popup-bg .wpcf7-response-output {text-align: center;}

.gmspp-text-color.gmspp-only-mobile, .gmspp-text-color.gmspp-only-desktop {
    margin-bottom: 25px;
}

/*------------------------ POPUP AD SPACE */
#gmspp-popup-banner a.gmspp-a-with-us {
    display: none;
}

#gmspp-popup-banner .gmspp-horizonal-ad {margin-bottom:0; margin-top:15px;}
#gmspp-popup-banner .gmspp-mobile-ad {margin-bottom:0; margin-top:15px;}

/*------------------------ FULL WIDTH POPUP */

.gmspp-full-width {
    max-width: 100vw!important;
    height: 100vh!important;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    justify-content: center;
    flex-direction: column-reverse;
}
.gmspp-full-width .gmspp-close-popup {
    position: absolute;
    right: 30px;
    top: 37px;
}
.gmspp-full-width .gmspp-row {
    max-width: 1080px;
}
.gmspp-full-width .wpcf7 {
    width: 100%;
}

div#gmspp-custom-timed-popup h2 {
    width: 100%;
    text-align: center;
    line-height: 1.3em;
}

div#gmspp-custom-timed-popup h3 {
    width: 100%;
    text-align: center;
    line-height: 1.3em;
}

/*------------------------ MOBILE POPUP */
@media only screen and (max-width: 600px) {
    .gmspp-row {
        flex-wrap: wrap;
        gap: 10px;
    }
    .gmspp-col.dp-popup-col-1 {
        margin: auto;
    }   
    #field_2_1 {width: 100%;}
    #field_2_3 {width: 100%;}
    #gform_fields_2 {
        display: flex;
        flex-wrap: wrap;
        gap: 0;
    }
    .gmspp-close-popup {
        position: relative;
        top: -20px;
        right: -20px;
    }
    #gmspp-custom-timed-popup {padding: 35px;}
    /* Scrollbar */
    #gmspp-custom-timed-popup {
        overflow-y: auto;
        scrollbar-width: thin;
        scrollbar-color: rgb(223, 223, 223) transparent;
        height: 100vh;
    }
    #gmspp-custom-timed-popup::-webkit-scrollbar {
        background: rgb(232, 232, 232);
        width: 6px;
        z-index: 100000;
    }
    #gmspp-custom-timed-popup::-webkit-scrollbar-thumb {
        background: #a8a8a8;
        width:100%;
        z-index: 100000;
    }

    .gmspp-full-width {
        align-content: baseline;
        flex-direction: row;
        justify-content: flex-start;
    }
    .gmspp-full-width .dp-close-popup {
        position: relative;
        right: 0;
        top: 0;
    }
}