/*
Theme Name: OSM-Theme-Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
.form-row input{
    background-color: transparent !important;
    color: white !important;
    border: 0 !important;
    box-shadow: unset !important;
    border-bottom: 1px solid white !important;
    padding-bottom: 1rem !important;
}

.form-row input::placeholder {
color: #ffffff !important;
    opacity: .9;
}

.form-submin-btn{
    background-color: #af2e6e;
    display: flex;
    align-items: center;
    gap: 1rem;
    color: white;
    padding: .4rem 2rem;
    border-radius: 20px;
    margin: 0 auto;
}

.form-submin-btn:hover span.arrow-right-btn{
    left: 5%;
    scale: 1.2;
}

button > span.arrow-right-btn{
    height: 15px;
    width: 20px;
    display: inline-block;
    background-image: url(/wp-content/uploads/2025/11/arrow-right.svg);
    background-size: 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    position: relative;
    left: 0;
    scale: 1;
    transition: all .3s ease-in-out;
}
.wpcf7-form-control-wrap:has(.contact-form-checkbox) .wpcf7-list-item label{
    display: flex;
color: white;
opacity: .95;
font-weight: 300;
}
.wpcf7-form-control-wrap:has(.contact-form-checkbox) .wpcf7-list-item label a{
 font-weight: bold !important;
}

.lp-follow-icon i{
    color: #af2e6e;
}

/*** Messaggi Contact Form 7 ***/
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    background-color: rgb(71 71 71 / 17%);
    color: #fff;
    border-color: #f5b335 !important;
    text-align: center;
     font-weight: bold;
}
.wpcf7 form.sent .wpcf7-response-output {
    background-color: rgb(0 0 0 / 0%);
    color: #fff;
    border-color: #3a8a42 !important;
     text-align: center;
     font-weight: bold;
}
/*** END Messaggi Contact Form 7 ***/


/** LP Edil Strategy **/
.lp-edil-top-section .section-bg{
    
    background-image: url(/wp-content/uploads/2025/12/pattern-top.svg);


    background-repeat: no-repeat;
    background-position: 50% -15%;
}


@media screen and (min-device-width: 840px) and (max-device-width: 1250px) { 
   .lp-edil-top-section .section-bg{
background-size: 85%;
    background-position: 50% -15%;
}
}




.edil-main-image::before{
    content: "";
    height: 100%;
    width: 50vw;
    background-color: #af2e6e;
    display: inline-block;
    position: absolute;
    bottom: 0;
    left: 28%;
    border-top-left-radius: 20rem;
    border-bottom-right-radius: 15rem;
}


.lp-edil-bottom-section .section-bg{
    background-image: url(/wp-content/uploads/2025/12/pattern-bottom.svg);
background-position: 50% 99%;

background-repeat: no-repeat;
}

.lp-form-row{
    position: relative;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
.lp-form-row::before{
    content: "";
    height: 110%;
    width: 100vw;
    top: -5%;
    display: inline-block;
    position: absolute;
      background-color: rgba(131, 134, 138, 0.85);
    
}

@media screen and (max-device-width: 650px) { .edil-main-image::before{
    content: "";
    height: 100%;
    width: 60vw !important;
    background-color: #af2e6e;
    display: inline-block;
    position: absolute;
    bottom: 0;
    left: 50%;
    border-top-left-radius: 10rem !important;
    border-bottom-right-radius: 5rem;
}
}
@media screen and (min-device-width: 1250px) { 
   .lp-edil-top-section .section-bg{
background-size: 60rem !important;
    background-position: 45% -5% !important;
}
}
@media screen and (max-device-width: 850px) { 
   .lp-edil-top-section .section-bg{
background-size: 50rem !important;
    background-position: 30% 2rem !important;
}
}

@media screen and (max-device-width: 550px) { 
   .lp-edil-top-section .section-bg{
background-size: 60rem !important;
    background-position: 70% 15rem !important;
}
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}