/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */
a{
	color: inherit;
}

.elementor p a{
	text-decoration: underline;
}

a:hover{
	color: inherit;
}

/*Header styling*/
.av-header-liquid-glass{
  /*clip-path: polygon(3% 0%, 100% 0, 97% 100%, 0% 100%);*/

  background:
    radial-gradient(160% 170% at 14% 10%,
      rgba(255,255,255,.38) 0%,
      rgba(255,255,255,.18) 32%,
      rgba(255,255,255,0) 68%),
    radial-gradient(140% 170% at 90% 92%,
      rgba(255,255,255,.34) 0%,
      rgba(255,255,255,.16) 30%,
      rgba(255,255,255,0) 66%),
    linear-gradient(135deg,
      rgba(255,255,255,.46),
      rgba(255,255,255,.24));

  -webkit-backdrop-filter: blur(18px) saturate(160%) brightness(1.06);
  backdrop-filter: blur(18px) saturate(160%) brightness(1.06);

  box-shadow:
    0 18px 45px rgba(0,0,0,.18),
    inset 0 1px 0 rgba(255,255,255,.42),
    inset 0 -10px 30px rgba(0,0,0,.07);

  transform: translateZ(0);
}

@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){
  .av-header-liquid-glass{
    background: rgba(255,255,255,.92);
  }
}

/*Making "cut" effect on various sections*/
.av-hero-column{
	clip-path: polygon(0 0, 100% 0, 86% 100%, 0% 100%);
}

.av-hero-container {
	clip-path: polygon(0% 0%, 100% 0%, 100% 32.5%, 0% 100%);
}

.av-divider-container{
	clip-path: polygon(0% 50%, 100% 0%, 100% 50%, 0% 100%);
}

.av-hero-container-pic {
	clip-path: polygon(0% 0%, 100% 0%, 100% 72.5%, 0% 100%);
}

.av-even-loop-column {
	clip-path: polygon(0% 0%, 86% 0, 100% 100%, 0% 100%);
}

.av-odd-loop-column{
	clip-path: polygon(14% 0%, 100% 0, 100% 100%, 0% 100%);
}

/*Hover effect on loop tile*/
/* Outer tile */
.av-loop-tile{
	position: relative;
	isolation: isolate; /* importantissimo per chiudere i layer dentro il tile */
}

/* Overlay container (elemento reale) */
.av-loop-tile .av-glass-overlay{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 0;
	opacity: 0;
	transition: opacity .3s, height .3s;
	background: #00000096;
	-webkit-backdrop-filter: blur(18px) saturate(160%) brightness(1.06);
	backdrop-filter: blur(18px) saturate(160%) brightness(1.06);
	clip-path: polygon(0% 100%, 100% 0%, 100% 100%, 0% 100%);
	z-index: 10;
	pointer-events: none; /* non blocca click */
}

.av-loop-tile.even .av-glass-overlay{
	clip-path: polygon(0% 0%, 100% 100%, 100% 100%, 0% 100%);
}

/* Hover del tile attiva overlay */
.av-loop-tile:hover .av-glass-overlay{
	opacity: 1;
	height: 47%;
}

/* Bottone sopra overlay, senza alzare tutta la colonna */
.av-loop-tile .av-tile-button{
	position: relative;
	z-index: 20;
	opacity: 0;
	transition: opacity .35s;
	pointer-events: auto !important;
}

.av-loop-tile:hover .av-tile-button{
	opacity: 1;
}


/* Homepage Overlay Effect*/
.af-hover-content::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    background: var( --e-global-color-accent ); 
    clip-path: polygon(0% 23.5%, 100% 0%, 100% 100%, 0% 100%);
    opacity: 0;
    transition: all 0.35s ease-in-out;
    pointer-events: none;
    z-index: -1;
}
/* Hover State: Overlay Slide Up */
.af-hover-card:hover .af-hover-content::after {
    opacity: 1;
    top: 0;
    transform: translateY(0); 
}

.af-hover-card::before {
    transform: scale(1);
    transition: transform 0.35s ease-in-out; 
}

.af-hover-card:hover::before {
    transform: scale(1.05);
    transition: transform 0.35s ease-in-out; 
}

.af-hover-content::before {
    z-index: -2;
}


/*Forminator forms styling*/
.av-forminator-form form .forminator-label {
    font-family: var(--e-global-typography-b1883ba-font-family), Sans-serif!important;
    font-size: var(--e-global-typography-b1883ba-font-size)!important;
    font-weight: var(--e-global-typography-b1883ba-font-weight)!important;
    letter-spacing: var(--e-global-typography-b1883ba-letter-spacing)!important;
}

.av-forminator-form form {
    font-family: var(--e-global-typography-text-font-family), Sans-serif!important;
    font-size: var(--e-global-typography-text-font-size)!important;
    font-weight: var(--e-global-typography-text-font-weight)!important;
    letter-spacing: var(--e-global-typography-text-letter-spacing)!important;
    color: var(--e-global-color-text);
}

.av-forminator-form form input {
    background-color: #ffffff;
    border-color: var(--e-global-color-ad7c6c9);
    border-radius: 0px 0px 0px 0px!important;
	font-family: var(--e-global-typography-text-font-family), Sans-serif!important;
    font-size: var(--e-global-typography-text-font-size)!important;
    font-weight: var(--e-global-typography-text-font-weight)!important;
    letter-spacing: var(--e-global-typography-text-letter-spacing)!important;
}

.av-forminator-form form span,
.av-forminator-form form p{
	font-family: var(--e-global-typography-text-font-family), Sans-serif!important;
    font-size: var(--e-global-typography-text-font-size)!important;
    font-weight: var(--e-global-typography-text-font-weight)!important;
    letter-spacing: var(--e-global-typography-text-letter-spacing)!important;
}


.av-forminator-form form .forminator-checkbox-box{
	color: black!important;
}

.av-forminator-form form .forminator-radio-bullet:before{
	background-color: black!important;
}

.av-forminator-form form .forminator-row{
	margin-bottom: 2vw!important;
}

.av-forminator-form form .forminator-col{
	padding: 0 1vw;!important;
}

.av-forminator-form form button.forminator-button.forminator-button-submit {
    background-color: var(--e-global-color-accent);
    font-family: var(--e-global-typography-fd38a72-font-family), Sans-serif!important;
    font-size: var(--e-global-typography-fd38a72-font-size)!important;
    font-weight: var(--e-global-typography-fd38a72-font-weight)!important;
    text-transform: var(--e-global-typography-fd38a72-text-transform)!important;
    letter-spacing: var(--e-global-typography-fd38a72-letter-spacing)!important;
    border-radius: 0px 0px 0px 0px!important;
    padding: 0.65vw 1.5vw 0.65vw 1.5vw!important;
    color: white;
    box-shadow: none!important;
    float: right;
}

.av-forminator-form form button.forminator-button.forminator-button-submit:hover{
   background-color: var( --e-global-color-4fe6720 );
}

.av-forminator-form form h4 {
    font-family: var(--e-global-typography-primary-font-family), Sans-serif;
    font-size: var(--e-global-typography-primary-font-size);
    font-weight: var(--e-global-typography-primary-font-weight);
    letter-spacing: var(--e-global-typography-primary-letter-spacing);
    color: var(--e-global-color-primary);
    margin-bottom: 0;
    margin-top: 2vw;
}

.av-forminator-form form h5 {
    margin-bottom: 0;
    margin-top: 2vw;
    font-family: var(--e-global-typography-fd38a72-font-family), Sans-serif;
    font-size: var(--e-global-typography-fd38a72-font-size);
    font-weight: var(--e-global-typography-fd38a72-font-weight);
    text-transform: var(--e-global-typography-fd38a72-text-transform);
    letter-spacing: var(--e-global-typography-fd38a72-letter-spacing);
}

.av-forminator-form form p{
    margin-bottom: 0;
}


@media only screen and (max-width: 1024px) {
	/*.av-odd-loop-column {
		clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 86%);
	}*/
	
	.av-even-loop-column,
	.av-odd-loop-column{
		clip-path: polygon(0% 0%, 100% 0%, 100% 86%, 0% 100%);
	}
	
	.av-forminator-form form button.forminator-button.forminator-button-submit {
		min-height: 47px!important;
	}
	
}