/*
Theme Name: Hello Elementor Child
Theme URI: https://www.dinformatica.it
Template: hello-elementor
Author: DZ Informatica
Author URI: https://www.dinformatica.it
Description: Personalizzazione sito Manuela Colzani
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 2.6.1.1674742875
Updated: 2023-01-26 15:21:15

*/


/* dz */
:root{
    --color-1:#BEBF73;
    --color-2:#DFE4C6;
    --color-3:#F1E6D2;
    --color-4:#F6AE9F;
    --color-5:#AA5D4B;
}


/*typography*/
.h1, .h1 *{ font-size: 62px!important;    line-height: 1.1em;   font-weight: 700; font-family: "Fira Sans";  }
.h2, .h2 *{ font-size: 50px!important;    line-height: 1.1em;   font-weight: 900; font-family: "Fira Sans"; } 
.h3, .h3 *{ font-size: 40px!important;    line-height: 1.5em;   font-family: "Fira Sans";}
.h4, .h4 *{ font-size: 30px!important;    line-height: 1.5em;   font-family: "Fira Sans";}
.h5, .h5 *{ font-size: 25px!important;    line-height: 1.5em;   font-family: "Fira Sans"; }
.h6, .h6 *{ font-size: 20px!important;    line-height: 1.5em;   font-family: "Fira Sans"; }
.subtitle1, .subtitle1 *{color: var(--black-1); font-size: 19px; line-height: 1.5;    font-family: "Fira Sans"; }
.subtitle2, .subtitle2 *{color: var(--black-1);font-size: 17px; line-height: 1.5;     font-family: "Fira Sans"; }
.body1, .body1 *{color: var(--black-2);font-size: 16px; line-height: 1.5;         font-family: "Fira Sans"; }
.body2, .body2 *{color: var(--black-2);font-size: 15px; line-height: 1.5;         font-family: "Fira Sans"; }
.body3, .body3 *{color: var(--black-2);font-size: 14px; line-height: 1.5;         font-family: "Fira Sans"; }
.p{ color: var(--black-1); font-size: 14px; line-height: 1.5;           font-family: "Fira Sans"; }
.small1{color: var(--black-1);font-size: 12px; line-height: 1.5;        font-family: "Fira Sans"; }
.small2{color: var(--black-1);font-size: 11px; line-height: 1.5;        font-family: "Fira Sans"; }
.small3{color: var(--black-1);font-size: 10px; line-height: 1.5;        font-family: "Fira Sans"; }

@media screen and (max-width: 1024px) {
    .h1.bigger{font-size: 50px!important;; }
    .h1{ font-size: 50px!important; }
    .h2{ font-size: 40px!important; }
    .h3{ font-size: 35px!important; }
    .h4{ font-size: 30px!important; }
    .h5{ font-size: 20px!important; }
    .h6{ font-size: 18px!important;}
    .subtitle1{ font-size: 16px!important;}
    .subtitle2{ font-size: 14px!important;}
}
  
@media screen and (max-width: 992px) {
    .h1{ font-size: 47px!important;  }
    .h2{ font-size: 35px!important; }
    .h3{ font-size: 28px!important; }
    .h4{ font-size: 24px!important; }
    .h5{ font-size: 17px!important; }
    .h6{ font-size: 16px!important;}
    .subtitle1{ font-size: 15px!important;;}
    .subtitle2{ font-size: 14px!important;;}
}
  
@media screen and (max-width: 572px) {
    .h1{ font-size: 40px!important; }
    .h2{ font-size: 30px!important; }
    .h3{ font-size: 26px!important; }
    .h4{ font-size: 24px!important; }
    .h5{ font-size: 20px!important; }
    .h6{ font-size: 18px!important;}
    .subtitle1{ font-size: 15px!important;;}
    .subtitle2{ font-size: 14px!important;;}
}


/*menu*/
header{ line-height: 1; }
.elementor-row .elementor-container {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
}
.elementor-row .elementor-container > * {
  box-sizing: border-box;
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}



#logo img{ max-height: 55px!important; object-fit: contain; object-position: left center; transition: .3s; border-radius: 0;}
#logo.small img{ max-height: 42px!important;}
@media (max-width: 1024px) {
    #logo img{ max-height: 42px!important;}
}

.line-height-1,
.line-height-1 *{line-height:1!important;}
.line-height-1-5,
.line-height-1-5 *{line-height:1.5!important;}

.hfe-nav-menu-icon{padding:0}



.hfe-nav-menu__layout-horizontal.menu-is-active{
    width: auto!important;
    position: fixed!important;
    background:         rgba(54, 54, 54, 0.342)!important;
	background-color: rgba(54, 54, 54, 0.342)!important;
    top:    0!important;
    bottom: 0!important;
    left:   0!important;
    right:  0!important;
}

.hfe-nav-menu__layout-horizontal.menu-is-active ul{
    background: white;
    top:    0!important;
    bottom: 0!important;
    right:  0!important;
    max-width: min(350px , 80%);
    animation: .8s right-swipe;
    animation-fill-mode: forwards;
    padding: 20px 10px;
    flex-direction: column;
    justify-content: flex-start;
}

.hfe-nav-menu__layout-horizontal.menu-is-active ul::before{
    content: "";
    position: relative;
    width:100%;
    height: 60px;
    margin-bottom: 20px;

    background-image: url("../../../wp-content/uploads/2023/01/Logo.png");
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
        

}

.elementor-widget-container img{
    border-radius: 15px;
}




@-webkit-keyframes right-swipe{
    0%{ transform: translateX(100%);}
    100%{ transform: translateX(0%);}
}
  
@keyframes right-swipe{
    0%{ transform: translateX(100%);}
    100%{ transform: translateX(0%);}
}



.on-hover-1, .on-hover-2, .on-hover-3, .on-hover-4, .on-hover-5,
.on-hover-1 p, .on-hover-2 p, .on-hover-3 p, .on-hover-4 p, .on-hover-5 p{transition: .3s;}

.on-hover-1:hover, .on-hover-1:hover p{ color: var(--color-1)!important; }
.on-hover-2:hover, .on-hover-2:hover p{ color: var(--color-2)!important; }
.on-hover-3:hover, .on-hover-3:hover p{ color: var(--color-3)!important; }
.on-hover-4:hover, .on-hover-4:hover p{ color: var(--color-4)!important; }
.on-hover-5:hover, .on-hover-5:hover p{ color: var(--color-5)!important; }

.on-hover-button-1:hover{
    color: white!important;
    background-color:var(--color-5)!important;
    border-radius: 50em;

}
.on-hover-button-1:hover *{
    color: white!important;
}




/*home*/
.img-effect-1.img1  img,
.img-effect-1.img2  img{
    max-width: 350px;
}
.img-effect-1.img1 img{
    transform: translate( 100px,80px);
}
.img-effect-1.img2  img{
    transform: translate(-100px,-80px);
}

@media(max-width: 1200px){
    .img-effect-1.img1  img,.img-effect-1.img2  img{ max-width: 250px; }
    .img-effect-1.img1 img{ transform: translate( 80px,60px); }
    .img-effect-1.img2  img{ transform: translate(-80px,-60px); }
}


.col.home-main-square{ max-width: 800px!important; }
.parallax-grid img{border-radius: 20px!important;}

@media screen and (max-width: 572px) {
    .parallax-grid {
        margin: auto -10px!important;
        overflow-x: clip!important;
        padding: 0!important;
        width: auto!important;
        max-width: 100vw;
        overflow-x: auto!important;
    }
    .parallax-grid .elementor-container{
        max-width: unset;
        white-space: nowrap;
        position: relative;
        display: block;
        flex-wrap: nowrap;
    }
    .parallax-grid .elementor-container .col-auto{
        display: inline-block!important;
        float: none!important;
        transform: none!important;
    }

    .luxy-el img{
        max-width: 25%;
    }

    
    .elementor-widget-wrap:has(.parallax-grid)::after {
        content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' %3E%3Cpath fill='%23AA5D4B' d='M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z'%3E%3C/path%3E%3C/svg%3E");
        position: absolute;
        right: 0px;
        bottom: 190px;
        width: 80px;
        height: 80px;
        opacity: .1;
        transition: .3s;
        background-blend-mode: screen;
    }
    .elementor-widget-wrap.active:has(.parallax-grid)::after {
        /*animation: bounce-right 4s infinite ease-in;*/
        opacity: .8;
    }
}


@-webkit-keyframes bounce-right{
    0%{   transform: translateX(0%);}
    45%{   transform: translateX(0%);}
    50%{     transform: translateX(20px);}
    55%{   transform: translateX(0%);}
    60%{     transform: translateX(20px);}
    65%{   transform: translateX(0%);}
}

@keyframes bounce-right{
    0%{   transform: translateX(0%);}
    45%{   transform: translateX(0%);}
    50%{     transform: translateX(20px);}
    55%{   transform: translateX(0%);}
    60%{     transform: translateX(20px);}
    65%{   transform: translateX(0%);}
}



.rect-over figure{
    display: inline-block;
    position: relative;
    width:auto;
}
.rect-over figure::before{
    content: ' ';
    right: -30px;
    top: 30px;
    position: absolute;
    width:  60px;
    height: 60px;
    background-color: var(--color-5);
    opacity: .3;
}
.rect-over figure::after{
    content: ' ';
    left: -30px;
    bottom: -50px;
    position: absolute;
    width:  60px;
    height: 60px;
    background-color: var(--color-5);
    opacity: .3;
}
.test{
    color:#BEBF73;
    color:#DFE4C6;
    color:#F1E6D2;
    color:#F6AE9F;
    color:#AA5D4B;
}

body{
    position: relative;
    overflow-x: hidden!important;
}
body .elementor {
    overflow-x: hidden!important;
}

body::after{
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='visual' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='900px' height='467.5px' viewBox='0 132.5 900 467.5' enable-background='new 0 132.5 900 467.5' xml:space='preserve'%3E%3Cg%3E%3Ccircle fill='none' stroke='%23F1E6D2' stroke-width='1.3889' cx='775.714' cy='455' r='75'/%3E%3Ccircle fill='none' stroke='%23F1E6D2' stroke-width='2' cx='371.5' cy='295' r='5'/%3E%3Ccircle fill='none' stroke='%23F1E6D2' stroke-width='2' cx='762' cy='183' r='29'/%3E%3Ccircle fill='none' stroke='%23F1E6D2' stroke-width='2' cx='826' cy='209' r='35'/%3E%3Ccircle fill='none' stroke='%23F1E6D2' stroke-width='2' cx='108.019' cy='225' r='13'/%3E%3Ccircle fill='none' stroke='%23F1E6D2' stroke-width='1.3793' cx='720.255' cy='490' r='60'/%3E%3Ccircle fill='none' stroke='%23F1E6D2' stroke-width='2' cx='121.019' cy='524.085' r='48'/%3E%3Ccircle fill='none' stroke='%23F1E6D2' stroke-width='0.5208' cx='452.282' cy='467.503' r='12.5'/%3E%3Ccircle fill='none' stroke='%23F1E6D2' stroke-width='2' cx='161.132' cy='503.003' r='13'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-size: contain;
    background-image: url("../../..//wp-content/uploads/2023/01/texture1.jpg");
    background-size: contain;
    content:"";
    position: absolute;
    top: -50px; 
    left: 0;
    bottom: 0; 
    right: 0;  
    opacity: .1; 
    z-index: -1;
}
body{
    overflow-x: hidden;
}
.overflow-x-hidden{overflow-x: hidden!important;}
.overflow-x-clip{overflow-x: clip!important;}
.overflow-hidden{overflow: hidden!important;}


.blurry-bg::before{
    content:"";
    position: absolute;
    left:0;
    right:0;
    bottom:0;
    top:0;

    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}
.blurry-bglight::before{
    content:"";
    position: absolute;
    left:0;
    right:0;
    bottom:0;
    top:0;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}


/*hack*/

/*fkelement*/
.elementor-column.col{
    width:auto!important;
}
.elementor-column.col-auto{
    width:auto!important;
}


@media(min-width:992px){
    .elementor-column.col-lg-auto{
        width:auto!important;
    }
}


.rounded-pill a{border-radius: 50em!important;}
.justify-content-center *{justify-content: center!important;}
.wpcf7 label{width: 100%;}

select{background-color: white; min-height: 33px;  
    padding: 8px;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    position: relative;
    display: block;
}

select:active, select:focus {
    outline: none;
    box-shadow: none;
}
.wpcf7-form-control-wrap:has(select){
    position: relative;
    display: block;
}
.wpcf7-form-control-wrap:has(select):after {
    content: " ";
    position: absolute;
    top: 50%;
    margin-top: -2px;
    right: 8px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid rgb(82, 82, 82);
}

@media(min-width:992px){
    .wpcf7{
        background-color: #e6dad8ad;
        padding: 20px;
        min-width: 450px;
        border-radius: 20px;
    
    }
    .minw500{
        min-width: 500px;
    }
}

.hfe-site-logo-container img{border-radius: 0;}
.color-primary{color: var(--color-5)!important;}
.color-secondary{color: var(--color-4)!important;}

input[type=checkbox]{
    padding: 0!important;
    width:  24px !important;
    height: 24px !important;
    background: white!important;
    background-color: white!important;
    border-radius: 5px;
}
.eael-custom-radio-checkbox input[type="checkbox"]::before, .eael-custom-radio-checkbox input[type="radio"]::before{
    width:  24px !important;
    height: 24px !important;
}

.wpcf7-list-item-label::before, .wpcf7-list-item-label::after {
    width: 25px;
    display: inline-block;
}

.eael-custom-radio-checkbox input[type="checkbox"]:checked::before, .eael-custom-radio-checkbox input[type="radio"]:checked::before {
    background-color: transparent;
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' color='%23121212' viewBox='0 0 24 24' %3E%3Cpath d='M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'%3E%3C/path%3E%3C/svg%3E");
}

input:focus,
select:focus{
    box-shadow: 0 0 10px 0 #AA5D4Ba6;
}