/*
Theme Name: Luana Conte Child Theme
Theme URI: https://www.google.com/url?sa=t&rct=j&q=&esrc=s&source=web&cd=&cad=rja&uact=8&ved=2ahUKEwjBuNGTmpXqAhVRoVwKHQ_PA2kQFjAAegQIAxAB&url=https%3A%2F%2Fwww.elegantthemes.com%2Fgallery%2Fdivi%2F&usg=AOvVaw0oI-72V-FKACJ5XIfrP3a1
Description: Luana Conte Child Theme with Divi
Author: Francesco
Author URI: https://emmelab.it
Template: Divi
Version: 1.0
*/

/* ------ menu burger icon ----*/
.mobile_menu_bar:before{
  color:#A44729;
}
/* ------ apertura ----*/

.et_pb_section.et_pb_section_0.et_section_regular.et_pb_section_first{
  padding-top:0!important;
}

.titolo-apertura{
  font-size:1.2vw!important;
  font-family:'Libre Franklin',Helvetica,Arial,Lucida,sans-serif!important;
}

/* ------ divider ----*/
.n2-ss-slider .n2-ss-shape-divider{
  height:150px!important;
}

.et_pb_section_1.section_has_divider.et_pb_bottom_divider .et_pb_bottom_inside_divider{
      transform: rotateY(180deg) translateY(149px)!important;
  		z-index:4!important;
}

.et_pb_section_1.section_has_divider.et_pb_top_divider .et_pb_top_inside_divider{
    transform: rotateX(180deg) translateY(149px)!important;
}

/* ------ sezione small ----*/

.titolo-sezione-540{
  color:#938783;
  font-family:'Libre Franklin',Helvetica,Arial,Lucida,sans-serif!important;
  font-weight:700;
  font-size:1.2vw;

}

/* ------ sezione large ----*/

.titolo-sez-lg{
  color:#A44729;
  font-weight:500;
  font-size:1.5rem;

}

/* ------ sezione contatti ----*/

.call-to-action{
  clip-path: polygon(0 0, 100% 0, 100% 75%, 0 90%);
    transition: all 0.4s ease-out!important;
}

.call-to-action:hover{
  clip-path: polygon(0 0, 100% 0, 100% 90%, 0% 75%);
    transition: all 0.4s ease-out!important;
}

div.wpcf7 .ajax-loader{
      margin: 0 -20px 0 4px;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px)
and (-webkit-min-device-pixel-ratio:2) {
    .logo-apertura {
        width:50% !important
    }

    .titolo-apertura {
        font-size:4.2vw !important
    }

    .n2-ss-slider .n2-ss-shape-divider {
        height: 30px !important
    }
}

@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px)
and (-webkit-min-device-pixel-ratio:2) {
    .sezione-sm {
        width:93% !important
    }

    .titolo-sezione-540 {
        font-size:2.2vw !important
    }

    .sezione-lg {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
        min-height: 1800px !important;
        height: 1950px !important;
        max-height:2000px !important;
    }

    .col-sez-lg {
        width: 100% !important;
        left: 0 !important;
        padding:0 30px !important;
    }

    .col-lg-text {
        width:100% !important;
    }

    .button-desktop {
        display:none !important;
    }

    .button-responsive {
        display:inline-block !important;
    }

    .sezione-contatti {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction:column !important;
    }

    .col-sez-contatti {
        width:93% !important;
    }

    .contatti-divider {
        padding-bottom:50px !important;
    }
}

@media screen and (min-device-width: 1200px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 1) {
    .col-lg-dx {
        top: 170px;
        left:100px;
    }

    .col-lg-sx {
        left: 150px !important;
        padding-left: 0 !important;
        padding-right:0 !important;
    }

    .col-lg-text {
        width:70% !important
    }

    .button-responsive {
        display: none !important;
        visibility: hidden !important
    }
}

@media screen and (min-device-width: 1200px) and (max-device-width: 2700px) and (-webkit-min-device-pixel-ratio: 2)
and (min-resolution:192dpi) {
    .button-responsive {
        display: none !important
    }
}

@media screen and (min-device-width: 1200px) and (max-device-width: 2700px) and (-webkit-min-device-pixel-ratio: 2)
and (min-resolution:192dpi) {
    .button-responsive {
        display: none !important
    }
}