/*
 Theme Name:   Selesia
 Description:  Template per il sito web Selesia
 Author:       Web Commerce srl
 Author URI:   http://www.webcommercesrl.it
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/

@import url('css/logo-animation.css');
@import url('css/slide-menu.css');

/*General*/
.grecaptcha-badge {
    display: none;
}

/*Header*/

#et-info{
    padding-top:7px;
}

.slogan{
    text-transform: uppercase;
    font-weight: 700;
    padding-bottom: 10px !important; 
}

/* Contact Form 7 */

#modulo-contatti .column.one {
    width: 100%;
    text-align: center;
    color: #fcfcfc;
    font-weight: 700;
}

#form-contact-page #modulo-contatti .column.one {
    color: #555555;
}

#form-contact-page #modulo-contatti .column input, #form-contact-page #modulo-contatti .column select, #form-contact-page #modulo-contatti .column textarea {
    border-color:#555555;
}

#modulo-contatti .column {
    display: inline-block;
}

#modulo-contatti .column .one-second {
    width: 49%;
}

#modulo-contatti .column .one-third {
    width: 32.5%;
}

#modulo-contatti label {
    text-align: center !important;

}

#modulo-contatti .column input, #modulo-contatti .column select {
    outline: none;
    margin: 0;
    max-width: 100%;
    display: block;
    margin-bottom: 20px;
    font-size: 13px;
    border-width: 1px;
    border-style: solid;
    border-radius: 0;
    box-sizing: border-box;
    -webkit-appearance: none;
    padding: 10px;
}

#modulo-contatti input[type=checkbox]{
    display: inline-block;
    background: #ffffff;
    border-radius: 5px;
    border: none;
}


.wpcf7::after{clear:both;content:"";display:block}
.wpcf7-form .column{margin-bottom:10px}
.wpcf7-mail-sent-ok{border:none!important;margin:25px 0 0!important;padding:7px!important;background:#7DCC68!important;color:#fff;text-align:center;float:left;width:98%;box-sizing:border-box;margin:0 1%!important;}
.wpcf7-mail-sent-ng{border:none!important;margin:25px 0 0!important;padding:7px!important;background:#fb5455!important;color:#fff;text-align:center;float:left;width:98%;box-sizing:border-box;margin:0 1%!important;}
.cf7p-message .wpcf7-validation-errors{border:none!important;margin:25px 0 0!important;padding:7px!important;background:#fb5455!important;color:#fff;text-align:center;float:left;width:98%;box-sizing:border-box;margin:0 1%!important;}
body:not(.cf7p-message) .wpcf7-validation-errors{border:none!important;display:none!important}
body:not(.cf7p-message) .wpcf7-not-valid-tip{position:absolute!important;left:-50px!important;top:0!important;width:44px!important;height:44px!important;padding:0!important;background-color:#ed3b2e; text-indent:-9999px!important;padding:0;border:none!important}
body:not(.cf7p-message) .wpcf7-not-valid-tip:after{content:'\e82a';font-family:"mfn-icons";position:absolute;left:18px;top:11px;font-size:20px;color:#fff;text-indent:0}
body:not(.cf7p-message) .wpcf7-not-valid-tip:before{content:'';position:absolute;right:-5px;top:16px;background-color:#ed3b2e;width:11px;height:11px;transform:rotate(45deg)}
.wpcf7-captchar{margin-bottom:0}
span.wpcf7-form-control-wrap{width:100%;position:relative!important;display:inline-block;margin-bottom:3px}
span.wpcf7-form-control-wrap .wpcf7-date,span.wpcf7-form-control-wrap .wpcf7-quiz,span.wpcf7-form-control-wrap .wpcf7-number,span.wpcf7-form-control-wrap .wpcf7-select,span.wpcf7-form-control-wrap .wpcf7-text,span.wpcf7-form-control-wrap .wpcf7-textarea{width:100%;box-sizing:border-box;margin-bottom:0}
.wpcf7-submit{font-size:inherit;margin-bottom:0!important}

span.wpcf7-form-control-wrap.acceptance {
    width: auto;
    float: left;
    margin-right: 10px;
}

#modulo-contatti .column.one.policy {
    text-align: center;
    width: auto;
}

#modulo-contatti .column input[type="submit"] {
    width: auto;
    margin: auto;
    border: 1px solid;
    padding: 10px 30px;
}

#modulo-contatti .column input, #modulo-contatti .column select, #modulo-contatti .column textarea {
    background: none;
    border: none;
    border-bottom: 1px solid #fcfcfc;
    padding: 5px;
    margin: 5px;
    width: 90%;
    color: #fcfcfc;
    text-align: center;
    font-size: 14px;
}

#modulo-contatti .column input[type="checkbox"] {
    border: 1px solid #fcfcfc;
    height: 18px;
}

#modulo-contatti .column input[type="checkbox"]:checked {
    background: #fcfcfc;
    color: #333333;
}

#modulo-contatti .column input[type="checkbox"]:checked:after {content: "";width: 10px;height: 2px;border-radius: 2px;background: #626262;position: absolute;transform: rotate(305deg);top: 17px;left: 27px;transition: width 50ms ease;transform-origin: 0% 0%;}

#modulo-contatti .column input[type="checkbox"]:checked:before{
  content: "";
  width: 5px;
  height: 2px;
  border-radius: 2px;
  background: #626262;
  position: absolute;
  transform: rotate(45deg);
  top: 13px;
  left: 26px;
  transition: width 50ms ease 50ms;
  transform-origin: 0% 0%;
  }

/* Contact Form 7 | Popup */
#popup_contact{position:fixed;right:20px;bottom:20px;z-index:9001}
#popup_contact > a.button{width:42px;height:42px;line-height:42px;font-size:20px;margin:0;text-align:center;color:rgba(0,0,0,.5);background:#f7f7f7;position:absolute;bottom:0;right:0}
#popup_contact > a.button:hover{text-decoration:none}
#popup_contact .popup_contact_wrapper{width:250px;padding:20px;background:#fbfbfb;position:absolute;bottom:65px;right:0;display:none}
#popup_contact.focus .popup_contact_wrapper{display:block}
#popup_contact .popup_contact_wrapper span.arrow{position:absolute;right:15px;bottom:-8px;margin:0 auto;width:0;height:0;display:block;border-top:8px solid #fbfbfb;border-right:8px solid transparent;border-left:8px solid transparent}
#popup_contact .popup_contact_wrapper form input[type="text"],#popup_contact .popup_contact_wrapper form input[type="email"],#popup_contact .popup_contact_wrapper form textarea{background:#fff;margin-bottom:10px}
#popup_contact .popup_contact_wrapper form textarea{resize:vertical;min-height:100px}
#popup_contact .popup_contact_wrapper form input[type="submit"]{margin:0;float:right}
#popup_contact .wpcf7-form.invalid > p:after{display:block}
#popup_contact .wpcf7-form-control-wrap{display:inline-block;margin-right:0;width:100%}
#popup_contact div.wpcf7 img.ajax-loader{margin-top:10px}


/*Homepage*/
.feb-bg{
    bottom: 0;
    position: absolute;
    right: 0;
}

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

    /*Menu*/
    .et_menu_container{
        background: #fffffffa;
    }

    /*Homepage*/
        .feb-bg{
            position: relative;
        }

    /*Contact Form*/
    #modulo-contatti .column .one-second, #modulo-contatti .column .one-third{
        width:100%;
    }

    #preventivo .et_pb_with_border {
        border: none !important;
        padding: 0;
    }

    #map ,#map .et_pb_map {
        height: 400px!important;
        }
    
}