@charset "UTF-8";
/*
Theme Name: Il gallese
Author: FKdesign
Version: 1.0
*/

@import url("editor-style.css");


:root {
    --color-black: #000;
    --color-white: #FFF;

    --p: 1.5625rem; /* font-size: 25 */

    --heading-1: 3.75rem; /* font-size: 60 */
    --heading-2: 2.8125rem; /* font-size: 45 */
    --heading-3: 2.5rem; /* font-size: 40 */
    --heading-4: 2.1875rem; /* font-size: 35 */
    --heading-5: 1.875rem; /* font-size: 30 */
    --heading-6: 1.5625rem; /* font-size: 25 */
    --heading-7: 1rem; /* font-size: 16 */

    --menu: 1.25rem; /* font-size: 20 */


    --resizer: 80px;
    --resizer-small: 35px;
    --unit: 1px;
    --max-width: 1680px;
    
}


p,
p .elementor-heading-title,
p.elementor-heading-title {
	font-size:  var(--p);
    line-height: 1.4;
}
.heading-1,
.heading-1 .elementor-heading-title {
	font-size:  var(--heading-1);
}
.heading-2,
.heading-2 .elementor-heading-title {
    font-size:  var(--heading-2);
}
.heading-3,
.heading-3 .elementor-heading-title {
    font-size:  var(--heading-3);
}
.heading-4,
.heading-4 .elementor-heading-title {
    font-size:  var(--heading-4);
}
.heading-5,
.heading-5 .elementor-heading-title  {
    font-size: var(--heading-5);
}
.heading-6,
.heading-6 .elementor-heading-title {
    font-size:  var(--heading-6);
}
.heading-7,
.heading-7 .elementor-heading-title {
    font-size:  var(--heading-7);
}


.color-black {
    color: var(--color-black);
}
.color-gray {
    color: var(--color-gray);
}
.color-white {
    color: var(--color-white);
}



.font-ultra-thin,
.font-ultra-thin .elementor-heading-title {
	font-weight: 100;
}
.font-thin,
.font-thin .elementor-heading-title {
	font-weight: 300;
}
.font-regular,
.font-regular .elementor-heading-title  {
	font-weight: 400;
}
.font-medium,
.font-medium .elementor-heading-title  {
	font-weight: 500;
}
.font-semi-bold,
.font-semi-bold .elementor-heading-title  {
	font-weight: 600;
}
.font-bold,
.font-bold .elementor-heading-title  {
	font-weight: 700;
}



.line-height-1,
.line-height-1 .elementor-heading-title {
	line-height: 1;
}
.line-height-1-1,
.line-height-1-1 .elementor-heading-title {
	line-height: 1.1;
}
.line-height-1-2,
.line-height-1-2 .elementor-heading-title {
	line-height: 1.2;
}
.line-height-1-3,
.line-height-1-3 .elementor-heading-title {
	line-height: 1.3;
}
.line-height-1-4,
.line-height-1-4 .elementor-heading-title {
	line-height: 1.4;
}
.line-height-1-5,
.line-height-1-5 .elementor-heading-title {
	line-height: 1.5;
}


.elementor-button:focus-visible,
.elementor-button:focus-within,
.elementor-button:target,
.elementor-button:focus,
.elementor-button:active,
.elementor-button:visited {
    color: inherit;
}



html {
    font-size: 16px;
}
body {
/*    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;*/
}
h1,h2,h3,h4,h5,h6,p {
	margin: 0px;
	padding: 0px;
	overflow-wrap: inherit;
}
img {
	vertical-align:bottom;
}
a {
   outline: 0;
}
a:active,
a:visited
a:link {
   color: #000
}

input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}
* {
    outline: 0 none;
}
figure {margin:0}
.fl-module img {
	max-width: inherit;
}
.elementor img {
    width: 100%;
	/*max-width: inherit!important;*/
}
/*input {
    -webkit-appearance: none;
}*/



/*
img[data-lazy-src] {
    opacity: 0;
}
*/


.elementor .elementor-element.e-con-boxed,
.elementor header .elementor-element.e-con-boxed,
.resizer {
	width: calc(100% - calc(var(--resizer) * 2));
	margin-left: auto;
	margin-right: auto;
	max-width: var(--max-width);
}

.small-size.elementor-element.e-con {
    width: 65%;
}
    .small-super-size.elementor-element.e-con {
        width: 50%;
    }





#logo.elementor-element .elementor-widget-container img {
    width: auto;
    height: 135px;
}







.header-down.elementor.elementor-location-header {
    position: fixed;
    top: 0!important;
    left: 0;
    right: 0;
    z-index: 9;
}
header.elementor-element.e-con {
    padding: calc(var(--resizer) / 1.5) 0 calc(var(--resizer) / 1.5) 0;
}
    .header-down header.elementor-element.e-con {
        padding: calc(var(--resizer) / 2) 0 calc(var(--resizer) / 3) 0;
    }


    header .elementor-widget-n-menu nav.e-n-menu .e-n-menu-toggle {
        z-index: 99999!important;
    }

	header #le-risorgive, 
	header #progetto-le-risorgive {
	background-image: url("https://www.ilgallese.it/wp-content/uploads/2023/08/scia-colore-3a.svg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}


    .elementor-location-header  {
        -webkit-transition: top 2s ease-in-out;
        -moz-transition: top 2s ease-in-out;
        transition: top 2s ease-in-out;
        /* top: -250px; */
        position: relative;
    }
    .elementor-location-header header {
        background-image: url("../../uploads/2023/08/background.webp");
        position: relative;
        z-index: 10;
    }
    .header-down #logo.elementor-element .elementor-widget-container img {
        height: 75px;
    }


    .elementor-location-header .bordo-strappato.elementor-element {
        position: absolute;
        top: 92%;
        left: 0;
        right: 0;
        height: 25px;
        z-index: 9;
    }




.sun.elementor-element.elementor-widget-image {
    position: absolute;
    top: 0;
    left: -15%;
}
    .sun.elementor-element.elementor-widget-image img {
        width: auto;
        height: 75px;
    }






form.elementor-form .elementor-form-fields-wrapper .elementor-field-group.elementor-column:nth-child(-n+3) {
    width: 33.3333%;
}
    form.elementor-form .elementor-form-fields-wrapper .elementor-field-group.elementor-column input.elementor-field.elementor-field-textual, form.elementor-form .elementor-form-fields-wrapper .elementor-field-group.elementor-column textarea.elementor-field.elementor-field-textual {
        font-size: var(--heading-7);
        padding: 15px 25px;
    }


    form.elementor-form .elementor-form-fields-wrapper .elementor-field-type-acceptance.elementor-field-group.elementor-column label {
        font-size: 14px
    }








#lista-icone.elementor-element img {
    width: auto;
    height: 140px;
}




#lista-icone.elementor-element .title.elementor-element.elementor-widget-heading {
    min-height: 195px;
}
















.gallo-garden.elementor-element img {
    width: auto;
    height: 135px;
}

.img-fix.elementor-widget-image img {
    vertical-align: top;
    display: none;
}

.img-fix.elementor-widget-image {
    background-image: url(../../uploads/2023/08/grid-2048x35.png);
    background-repeat: repeat-x;
    background-size: cover;
    background-position: center top;
    height: 25px;
}
.img-fix.bottom.elementor-widget-image {
    transform: rotate(180deg);
}


.btn.elementor-element.elementor-widget a.elementor-button,
form.elementor-form .elementor-form-fields-wrapper button.elementor-button {
    padding: 0 35px 15px 35px;
    border-radius: 0;
    background-color: transparent;
    font-family: 'Bebas Neue', sans-serif;
    color: #000;
    font-size: 1.25rem;
    background-image: url('img/grid_underline.svg');
    background-position: center bottom;
    background-repeat: no-repeat;
    /* width: 110%; */
    display: inline-block;
    background-size: 80%;
}
    .btn.elementor-element.elementor-widget a.elementor-button:hover,
    form.elementor-form .elementor-form-fields-wrapper button.elementor-button:hover {
        background-size: 100%;
    }


    form.elementor-form .elementor-form-fields-wrapper button.elementor-button {
        flex: 0!important;
        color: #000!important;
        margin: 0 auto;
    }



    .fade-filter {
        position: absolute;
        right: 0;
        height: 30px;
        z-index: 10;
        background-image: url("../../uploads/2023/09/sfumato.webp");
        background-repeat: no-repeat;
        background-position: right;
        width: 50px;
        background-size: 110px auto;
        overflow: hidden;
    }

    .filter {
        display: flex;
        justify-content: center;
        margin-top: calc(var(--unit) * 40);
        padding-right: 5px!important;
        overflow: hidden!important;
    }
        .filter .refilter {
            font-family: 'Bebas Neue', sans-serif;
            font-size: var(--heading-5);
            letter-spacing: 1px;
            margin: 0 15px;
            display: block;
            width: auto;
            -webkit-transition: all .3s ease-in-out ;
            -moz-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
        }
        .filter .refilter.active,
        .filter .refilter:hover  {
            text-decoration: underline;
            cursor: pointer;
        }



    main.container {
        overflow: hidden;
    }




    .gallery {
        margin-top: calc(var(--unit) * 40);
    }
    .gallery .box {
        width: calc(25% - 15px);
        position: relative;
        margin-bottom: calc(var(--unit) * 90);
        z-index: 5;
    }
    .gallery .box .images {
        position: relative;
    }
    .gallery .box .main-img {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        z-index: 1;
    }
    .gallery .box .border {
        position: absolute;
        right: 0;
        left: 0;
        bottom: 0;
        z-index: 3;
    }
    .gallery .box .hover-img {
        display: block;
        position: relative;
        z-index: 10;
        opacity: 1;
        -webkit-transition: all .3s ease-in-out ;
        -moz-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }
        .gallery .box:hover .hover-img {
            opacity: 0;
        }


    .gallery .box .title {
        padding: 20px;
        width: 90%;
        margin: 0 auto;
    }
        .gallery .box .title h2 {
            font-family: 'Noticia Text', serif;
            font-size: var(--heading-6);
            font-weight: bold;
            text-align: center;
        }



        a.iubenda-tp-btn[data-tp-float][data-tp-float=bottom-right] {
            bottom: 10px!important;
        }




#flag {
	position: fixed;
	width: 125px;
	top: 275px;
	right: 0;
	z-index: 90;
}

#flag .elementor-widget-image a img[src$=".svg"] {
    width: 100%;
}


        


@media (max-width: 1480px) {
    .e-con-inner .fly-carne-1.elementor-element.elementor-widget img,
    .e-con-inner .fly-carne-2.elementor-element.elementor-widget img {
        width: 190px;
    }
}




@media (max-width: 1366px) {
    :root {
    
        --p: 1.3rem; /* font-size: 25 */
    
        --heading-1: 2.9rem; /* font-size: 60 */
        --heading-2: 2.4rem; /* font-size: 45 */
        --heading-3: 2.1rem; /* font-size: 40 */
        --heading-4: 1.9rem; /* font-size: 35 */
        --heading-5: 1.5rem; /* font-size: 30 */
        --heading-6: 1.3rem; /* font-size: 25 */
        --heading-7: 0.9rem; /* font-size: 16 */
    
        --menu: 1.05rem; /* font-size: 20 */

        --resizer: 60px;
        --resizer-small: 27px;
        --unit: 0.8px;
        
    }

    #logo.elementor-element .elementor-widget-container img {
        width: auto;
        height: 100px;
    }
}




@media (max-width: 1280px) {
    #logo.elementor-element .elementor-widget-container img {
        height: 85px;
    }
}



@media (max-width: 1024px) {
    :root {
    
        --p: 1.1rem; /* font-size: 25 */
    
        --heading-1: 2.4rem; /* font-size: 60 */
        --heading-2: 2.1rem; /* font-size: 45 */
        --heading-3: 1.9rem; /* font-size: 40 */
        --heading-4: 1.6rem; /* font-size: 35 */
        --heading-5: 1.3rem; /* font-size: 30 */
        --heading-6: 1.1rem; /* font-size: 25 */
        --heading-7: 0.85rem; /* font-size: 16 */

        --menu: 2rem; /* font-size: 20 */

        --resizer: 50px;
        --resizer-small: 22px;
        --unit: 0.65px;
    }

    .small-super-size.elementor-element.e-con {
        width: calc(100% - calc(var(--resizer) * 4));
    }
    .small-size.elementor-element.e-con {
        width: 80%;
    }

    header.elementor-element.e-con {
        padding: calc(var(--resizer) / 1) 0 calc(var(--resizer) / 1) 0;
    }
    .header-down #logo.elementor-element .elementor-widget-container img {
        height: 55px;
    }

    header nav.e-n-menu .e-n-menu-items-content {
        background-color: #FFF;
        height: 100vh;
        top: -100px !important;
        padding-top: 150px !important;
        z-index: 999;
        transition: all 0.4s ease!important;
        display: block!important;
        top: -110vh!important;
        left: 0;
        position: fixed;
    }
        header nav.e-n-menu .e-n-menu-items-content.e-active {
            top: 0vh!important
        }
        header nav.e-n-menu .e-n-menu-items-content {
            background-image: url("../..//uploads/2023/08/gallo-hero.svg"), url("../../uploads/2023/08/background.webp");
            background-repeat: no-repeat, repeat;
            background-position: center bottom 20px, center;
            background-size: 60vw, auto;
        }
        header nav.e-n-menu .e-n-menu-items-content .e-n-menu-item-title {
            background-color: transparent;
        }


        header .elementor-widget-n-menu nav.e-n-menu {
            flex-direction: row;
            justify-content: flex-end;
            align-items: flex-end;
        }
    #logo.elementor-element {
        z-index: 9999;
    }

    .elementor-field-type-textarea.elementor-field-group.elementor-column textarea.elementor-field-textual.elementor-field {
        border-radius: 30px;
    }

    #lista-icone.elementor-element .title.elementor-element.elementor-widget-heading {
        min-height: 110px;
    }
    #lista-icone.elementor-element img {
        width: auto;
        height: 100px;
    }
    .e-con-inner .fly-carne-1.elementor-element.elementor-widget img,
    .e-con-inner .fly-carne-2.elementor-element.elementor-widget img {
        width: 130px;
    }


    .gallery .box {
        width: calc(33.333333% - 13.33333333px);
    }
	
	.filter .refilter {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.elementor-widget-n-menu .e-n-menu[data-layout=dropdown] .e-n-menu-toggle[aria-expanded=true]+.e-n-menu-wrapper {
		background-color: #FFF;
		padding: 30px 0px;
	}


}




@media (max-width: 768px) {
    :root {
    
        --p: 1.1rem; /* font-size: 25 */
    
        --heading-1: 2.1rem; /* font-size: 60 */
        --heading-2: 1.9rem; /* font-size: 45 */
        --heading-3: 1.6rem; /* font-size: 40 */
        --heading-4: 1.3rem; /* font-size: 35 */
        --heading-5: 1.1rem; /* font-size: 30 */
        --heading-6: 0.9rem; /* font-size: 25 */
        --heading-7: 0.75rem; /* font-size: 16 */

        --menu: 2rem; /* font-size: 20 */

        --resizer: 40px;
        --resizer-small: 20px;
        --unit: 0.45px;
    }

    .elementor .elementor-element.e-con-boxed,
    .elementor header .elementor-element.e-con-boxed,
    .resizer,
    .small-super-size.elementor-element.e-con,
    .small-size.elementor-element.e-con {
        width: calc(100% - calc(var(--resizer) * 1));
    }

    header.elementor-element.e-con {
        padding: calc(var(--resizer) / 1) 0 calc(var(--resizer) / 1.5) 0;
    }
    header nav.e-n-menu .e-n-menu-items-content {
        background-size: 80vw, auto;
    }

    form.elementor-form .elementor-form-fields-wrapper .elementor-field-group.elementor-column input.elementor-field.elementor-field-textual, form.elementor-form .elementor-form-fields-wrapper .elementor-field-group.elementor-column textarea.elementor-field.elementor-field-textual {
        padding: 10px 25px;
    }

    .elementor .elementor-element .elementor-field-group:not(.elementor-field-type-upload) .elementor-field:not(.elementor-select-wrapper) {
        border-radius: 20px;
    }


    form.elementor-form .elementor-form-fields-wrapper .elementor-field-group.elementor-column:nth-child(-n+3) {
        width: 100%;
        margin-bottom: 15px;
    }

    .header-down #logo.elementor-element .elementor-widget-container img {
        height: 45px;
    }

    #lista-icone.elementor-element .title.elementor-element.elementor-widget-heading {
        min-height: 80px;
    }
    #lista-icone.elementor-element img {
        width: auto;
        height: 75px;
    }


    .gallery .box {
        width: calc(50% - 10px);
    }
    #flag {
		width: 95px;
	}

}







/* --------------------------------------------- */
/* ----------------- COMMON -------------------- */
/* --------------------------------------------- */
.clean {
	clear: both;
}
* {
	box-sizing: border-box;
}

.responsive-img {
	width: 100%;
	height: auto;
}

.opacity-zero,
.op-z {
	opacity: 0!important;
}
.opacity-one{
	opacity: 1!important;
}


.embed-video {
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    padding-top: 30px;
    position: relative;
}
.embed-video iframe,
.embed-video object,
.embed-video embed {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
/* --------------------------------------------- */
/* --------------------------------------------- */
/* --------------------------------------------- */