/*
 Theme Name:   Si Soluzioni Impresa
 Description:  Template per il sito web di Si Soluzioni Impresa
 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/mega-menu.css');

/*Generali*/
.alignright {
    float: right !important;
}

.nomargin {
    margin: 0 !important;
}

.unclickable > a:hover {
    cursor: default;
  }

/*Menu*/
.highlight-menu {
    padding: 5px 10px !important;
    border-radius: 15px;
    background: rgb(237,107,43);
    background: linear-gradient(90deg, rgba(237,107,43,1) 0%, rgba(234,81,70,1) 100%);
	margin-right:10px;
}

.highlight-menu a {
    padding-bottom: 0 !important;
	color:#ffffff !important;
}


/*Cookie Policy*/
.lity{background: rgba(0,0,0,.7) !important;}
#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme{background-color: #8c8b8b !important;}

/*Homepage*/

#domanda-iniziale .icona{
    width:60px !important;
}

#domanda-iniziale .quote:before{
position:absolute;
width: 10px;
height:10px;
left:-17px;
bottom:26px;
content:url('img/border-01.png');
z-index:9;
}

#domanda-iniziale .quote{
    width:calc(100% - 60px) !important;
}

#domanda-iniziale .button-row .et_pb_column .et_pb_button_module_wrapper {
    width: 18%;
    display: inline-block;
    margin: 10px 1%;
    float: none;
}

#domanda-iniziale .button-row .et_pb_column .et_pb_button_module_wrapper a {
    font-weight: 800;
    font-style: italic;
}

/*Slider News*/
.news-slider .et_pb_slide_description {
    padding: 0;
    width:65%;
}

.news-slider .et_pb_slide_image {
    width: 30%;
    margin-right: 5%;
    height: 100% !important;
}

.news-slider .et_pb_slide_image img {
    max-height: none !important;
    height: 100% !important;
    width: 100% !important;
    object-fit: cover;
}

.news-slider .et_pb_slide {
    padding: 0;
}

.news-slider .et_pb_text_overlay_wrapper {
    padding: 10px;
    min-height:150px;
}

.news-slider .et_pb_slider_container_inner {
    vertical-align: top;
}

.news-slider .et_pb_slides .et_pb_container {
    height: auto !important;
}

.news-slider .et-pb-controllers {
    position: relative;
    bottom: 0 !important;
    padding-top: 20px;
    background: #165c67;
    height: auto;
}

.news-slider .et-pb-controllers a{
    background-color: rgb(22, 92, 103)!important;
    border: 2px solid rgba(255,255,255,1);
    border-radius: 50px;
    width: 20px;
    height: 20px;
}

.news-slider .et-pb-controllers a.et-pb-active-control{
    background-color: rgba(255,205,0,1)!important;
    border: 2px solid rgba(255,205,0,1);
}

/*Fasce Servizi*/

@media screen and (min-width:1024px){
    .fasce-servizi .colonna-img {
        z-index: 0;
    }
    
    .fasce-servizi .colonna-txt {
    transform: translateX(30px) translateY(-30px);
}

.fasce-servizi .colonna-txt:after {
    width: 40vw;
    height: 250px;
    position: absolute;
    top: 50px;
    left: calc(100% - 20px);
    content: '';
    z-index: 99;
    opacity: 0;
    filter: drop-shadow(2px 4px 6px rgba(51,51,51,0.5));
}

.fasce-servizi.inverso .colonna-txt:after {
    right: calc(100% - 20px);
    left: inherit;
}

.fasce-servizi.sicurezza .colonna-txt:after {
    background: url('img/scritta-sicurezza.png');
    background-size: contain;
    background-repeat: no-repeat;
}

.fasce-servizi.ambiente .colonna-txt:after {
    background: url('img/scritta-ambiente.png');
    background-size: contain;
    background-repeat: no-repeat;
}

.fasce-servizi.haccp .colonna-txt:after {
    background: url('img/scritta-haccp.png');
    background-size: contain;
    background-repeat: no-repeat;
}

.fasce-servizi.antincendio .colonna-txt:after {
    background: url('img/scritta-antincendio.png');
    background-size: contain;
    background-repeat: no-repeat;
}

.fasce-servizi.formazione .colonna-txt:after {
    background: url('img/scritta-formazione.png');
    background-size: contain;
    background-repeat: no-repeat;
}

.fasce-servizi.inverso {
    direction: rtl;
}

.fasce-servizi.inverso .colonna-txt {
    direction: ltr;
    transform: translateX(-30px) translateY(-30px);
}

.fasce-servizi.inverso .colonna-txt:after {
    background-position: right;
}


.fasce-servizi .colonna-txt.scritte-animate:after{
    -webkit-animation: mymove 5s infinite; /* Safari 4.0 - 8.0 */
    -webkit-animation-delay: 2s; /* Safari 4.0 - 8.0 */
    animation: mymove 5s infinite;
    animation-delay: 2s;
    -webkit-animation: ingresso-scritte 2s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: ingresso-scritte 2s; /* Firefox < 16 */
     -ms-animation: ingresso-scritte 2s; /* Internet Explorer */
      -o-animation: ingresso-scritte 2s; /* Opera < 12.1 */
         animation: ingresso-scritte 2s;
         opacity: 1;
}

@keyframes ingresso-scritte {
 from { opacity: 0; }
 to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes ingresso-scritte {
 from { opacity: 0; }
 to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes ingresso-scritte {
 from { opacity: 0; }
 to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes ingresso-scritte {
 from { opacity: 0; }
 to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes ingresso-scritte {
 from { opacity: 0; }
 to   { opacity: 1; }
}
}
/*Fine scritte solo Desktop*/

.fasce-servizi .colonna-img img {
    object-fit: cover;
}

.titolo-servizio .title-icon {
    max-height: 20px;
    margin-right: 10px;
}

.titolo-servizio:after {
    content: '';
    padding: 7px;
    background: url(img/punto-esclamativo.svg);
    position: relative;
    margin-left: 10px;
    top: 8px;
    background-repeat: no-repeat;
    background-size: contain;
}

.fasce-servizi .colonna-txt .pulsante{
    color: #333333!important;
    border-color: #ffcd00;
    border-radius: 50px;
    font-weight: 700!important;
    text-transform: uppercase!important;
    background-color: #ffcd00;
    padding: 10px 5%;
    padding-left: 5%;
    text-align: right;
    font-size: 16px;
}


#contatti .sedi ul {
    list-style: none;
    padding: 0;
  }

#contatti .sedi li {
    padding-left: 1.3em;
}

#contatti .sedi li:before {
    content: url(img/sedi-arrow.svg);
    display: inline-block;
    margin-left: -1.3em;
    width: 1.3em;
    margin-right: 5px;
    margin-bottom: 5px;
    vertical-align: middle;
    margin-top: 5px;
}

#contatti .sedi li small {
    font-size: 85%;
}



/*Pagine Interne*/

.header-title{text-transform: uppercase; font-size:3rem; line-height: normal;color:#fcfcfc;font-weight:900;font-family:'Josefin Sans', Helvetica, Arial, Lucida, sans-serif;}

/*Sidebar Corsi Formazione*/
.sidebar-formazione .et_pb_blurb_container {
    cursor: pointer;
}

/* Contact Form 7 */

#modulo-contatti .column.one {
    width: 100%;
    text-align: center;
    color: #165c67;
    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: 100%;
}

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

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

}

#modulo-contatti a {
    color: #258996;
}

#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 #333333 !important;
    padding: 5px;
    margin: 5px;
    width: 90%;
    color: #165c67;
    text-align: center;
    font-size: 14px;
}

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

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

#modulo-contatti .column input[type="checkbox"]:checked:after {content: "";width: 10px;height: 2px;border-radius: 2px;background: #ffffff;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: #ffffff;
  position: absolute;
  transform: rotate(45deg);
  top: 13px;
  left: 26px;
  transition: width 50ms ease 50ms;
  transform-origin: 0% 0%;
  }

  #modulo-contatti .wpcf7-submit:hover {
    background: #165c67;
    color: #fcfcfc;
    border: none;
    border-radius: 5px;
}

#modulo-contatti .column.one.policy .newsletter input[type=checkbox] {
    width: 20px !important;
    vertical-align: bottom;
}

/*Pagine formazione*/
.sidebar-formazione .et_pb_image_wrap,.riga-formazione .et_pb_image_wrap {
    width: 40px !important;
}

.et_pb_filterable_portfolio .et_pb_portfolio_filters {
	display: flex;
	justify-content: center;
}
.et_pb_filterable_portfolio .et_pb_portfolio_filters li {
	margin: 0 4px;
}


/* Hide the tabs content/sections */
.tab-content {
	display:none;
}

.tab-open {
	display:block;
}

/* Contact Form 7 */

#modulo-contatti .column.one {
    width: 100%;
    text-align: center;
    color: #035c67;
    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: transparent;
    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: #035c67;
    text-align: center;
    font-size: 14px;
}

#modulo-contatti .column input[type="checkbox"] {
    border: 1px solid #035c67;
    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}

/*Menu*/
.link-corsi img {
    max-width: 20px;
    vertical-align: middle;
}

.link-corsi:before {
    width: 1px;
    content: '';
    height: 20px;
    background-color: #efefef;
    position: absolute;
    top: -2px;
}

.link-corsi a {
    padding-left: 10px;
    font-size: 95% !important;
}

/* Media Queries per i tablet */
@media screen and (max-width: 1024px) {
    /*Menu*/
    .et_non_fixed_nav.et_transparent_nav #main-header, .et_non_fixed_nav.et_transparent_nav #top-header, .et_fixed_nav #main-header, .et_fixed_nav #top-header {
        position: fixed;
    }

    .et_mobile_menu {
        overflow: scroll !important;
        max-height: 83vh;
    }

    /*Homepage*/
    #domanda-iniziale .quote:before {
        bottom: 26px;
    }

    #domanda-iniziale .button-row .et_pb_column .et_pb_button_module_wrapper {
        width: 29%;
        margin: 10px 1%;
    }

    /*Slider News*/
    .news-slider .et_pb_slide_image {
        width: 100%;
        margin-right: 0;
        position:relative;
        max-height: 150px;
        margin-top: 0 !important;
        overflow: hidden;
        display: block !important;
    }

    .news-slider .et_pb_slide_description {
        width:100%;
    }

    /*Fasce servizi*/
    #servizi-homepage{
        padding:0;
    }

    .fasce-servizi {
        max-width: none;
        width: 100%;
        padding: 0;
    }

    .fasce-servizi .colonna-img img {
        object-fit: cover;
    } 
    
        /*contatti*/
       
        #modulo-contatti .column .one-second {
            width: 100%;
        }

}

@media screen and (max-width: 1024px) and (orientation : portrait) {

    #domanda-iniziale .quote:before {
        bottom: 15px;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation : portrait) {
    .fasce-servizi {
        width: 49.8%;
        display: inline-block;
        margin: 0 !important;
    }
}



/* Media Queries per smartphone*/
@media screen and (max-width: 767px) {

    /*Menu*/
    .et_mobile_menu li a, .nav li li a{
        font-size:16px; 
        line-height:normal;
    }

    /*Homepage*/


    #domanda-iniziale .quote p {
        font-size: 16px;
        line-height:normal;
    }
    
    #domanda-iniziale .quote .break {
        /*display: none;*/
    }
    
    #domanda-iniziale .quote {
        width: calc(100% - 40px) !important;
    }
    
    #domanda-iniziale .icona {
        max-width: 40px;
        padding-top:15px;
    }

    #domanda-iniziale .button-row .et_pb_column .et_pb_button_module_wrapper {
        width: 48%;
        margin: 10px 1%;
    }

    #domanda-iniziale .button-row .et_pb_column .et_pb_button_module_wrapper a {
        font-size: 14px;
        padding: 4px !important;
    }
    

    /*contatti*/
	    .modulo-contatti{
		    max-width:80% !important;
        }
        
        #modulo-contatti .column .one-second {
            width: 100%;
        }
    
    /* Pagine Interne */
    .header-title{text-transform: uppercase; font-size:2rem; line-height: normal;color:#fcfcfc;font-weight:900;}

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


}