/* -------------------------------------------------------------------------------- */
/*   INDEX
      1. GENERAL
      2. HELPERS
      3. TYPOGRAPHY
      4. HEADER
      5. FOOTER
      6. GRID SYSTEM
      7. WORDPRESS
      8. MEDIA QUERIES
      9. PRELOADER
      10. ANIMATIONS
      11. PATTERNS
/* -------------------------------------------------------------------------------- */




/* -------------------------------------------------------------------------------- */
/* ! 1. GENERAL */
/* -------------------------------------------------------------------------------- */

:root { --site-text-color: #36393B;}
:root :where(.is-layout-flex) {
    gap: 36px;
}


/* -------------------------------------------------------------------------------- */
/* ! 2. HELPERS */
/* -------------------------------------------------------------------------------- */



/* -------------------------------------------------------------------------------- */
/* ! 3. TYPOGRAPHY */
/* -------------------------------------------------------------------------------- */

p, ul, li {
    font-size: 20px;
}
.wp-block-list li::marker {
	color: #f08690;
    font-size: 28px;
}
.wp-block-list {
	list-style-type:square; 
	margin-bottom: 1rem;
}

p {text-align: justify}
.no-justify {text-align: left}


/* -------------------------------------------------------------------------------- */
/* ! 4. HEADER */
/* -------------------------------------------------------------------------------- */

.header__logo-img, .header__logo_white-img {
      width: 340px;
}
.header__content {padding: 20px 0;}

.menu li a {
    font-weight: 500;
    text-transform: uppercase;
    padding: 8px 16px;
	font-size: 14px;
}

.menu > li.menu-item-has-children > a::after {
	width: 26px;
    height: 26px;
	right: 3px;
	margin-top: -14px;
}

header .cta__button:before {
    width: 18px;
    height: 18px;
    top: 13px !important;
    right: 18px;
}

header .cta__button a {
	padding-right: 44px !important;
}

@media (min-width: 1190px) {

} 

@media (max-width: 1190px) {

}



/* !   ---4.1 Buttons */


.wp-block-button {position: relative;}
.wp-block-button__link, .cta__button a {padding-right: 60px !important;}
.wp-block-button__link:before, .cta__button:before {
    content: '';
    background: url(./img/freccia.png);
    background-repeat: no-repeat;
    position: absolute;
    opacity: 1;
    width: 24px;
    height: 24px;
    top: 14px;
    right: 22px;
    background-size: contain;
    z-index: 1;
    transition: all 0.6s cubic-bezier(.215, .61, .355, 1);
  }
  .cta__button:before {top: 12px;}
  .cta__button a:hover:before, .cta__button a:hover:after, .cta__button a:before, .cta__button a:after {background: transparent;} 
  .wp-block-button__link.has-white-background-color:before {filter: invert(1)}

/* !   ---4.4 Social Icons */



/* -------------------------------------------------------------------------------- */
/* ! 5. FOOTER */
/* -------------------------------------------------------------------------------- */

footer {    padding: 50px 0 50px 0;}

footer p {
    font-size: 20px !important;
}

/* -------------------------------------------------------------------------------- */
/* ! 6. GRID SYSTEM */
/* -------------------------------------------------------------------------------- */




/* -------------------------------------------------------------------------------- */
/* ! 7. WORDPRESS */
/* -------------------------------------------------------------------------------- */

/*:where(.wp-block-columns.has-background) {padding: 0 !important}*/
@media only screen and (min-width: 960px) {
    body .alignfull {
        width: auto;
        max-width: 1000%;
        margin-right: calc(50% - 47vw) !important;
        margin-left: calc(50% - 47vw) !important;
    }
}


.gallery-slider .swiper {
  width: 100%;
}

.gallery-slider .swiper {
  overflow: visible; /* importante per vedere le slide laterali */
}

.gallery-slider .swiper-slide {
  width: 70%; /* controlla quanto è grande la slide centrale */
  transition: transform 0.3s ease, opacity 0.3s ease;
  opacity: 0.5;
  aspect-ratio: 16 / 9;
  overflow: hidden;
}

.gallery-slider .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover; 
  display: block;
  border-radius: 20px;
}

.gallery-slider .swiper-slide-active {
  opacity: 1;
  transform: scale(1);
}

.gallery-slider .swiper-slide-prev,
.gallery-slider .swiper-slide-next {
  opacity: 0.5;
  transform: scale(0.9);
}

.gallery-slider .swiper-button-prev,
.gallery-slider .swiper-button-next {
  width: 50px;
  height: 50px;

  background: rgba(0,0,0,0.5);
  border-radius: 50%;

  color: white;

  transition: all 0.3s ease;
}

.gallery-slider .swiper-button-prev:hover,
.gallery-slider .swiper-button-next:hover {
  background: #f08690;
}

.gallery-slider .swiper-button-prev::after,
.gallery-slider .swiper-button-next::after {
  font-size: 18px;
}

.gallery-slider .swiper-button-prev {
  left: 20px;
}

.gallery-slider .swiper-button-next {
  right: 20px;
}

.swiper-pagination-bullet-active {
    background: #f08690;
}

.accordion h3:after {top: auto; right: 1.5em}
.accordion .wp-block-column .wp-block-group {border-bottom: none}

/* -------------------------------------------------------------------------------- */
/* ! 9. PRELOADER */
/* -------------------------------------------------------------------------------- */








/* -------------------------------------------------------------------------------- */
/* ! 10. ANIMATIONS */
/* -------------------------------------------------------------------------------- */


/* -------------------------------------------------------------------------------- */
/* ! 11. PATTERNS */
/* -------------------------------------------------------------------------------- */



/* -------------------------------------------------------------------------------- */
/* ! 12. PAGES */
/* -------------------------------------------------------------------------------- */

.page-template-vuota .spacer {height: 97px;}
.testata-servizi {width: 160%; z-index: -1;}
.testata-servizi .wp-block-group {width: 60%; margin-left: 0 !important}
.wp-block-media-text>.wp-block-media-text__content {padding: 0 !important}
.wp-block-media-text__media img {
	border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}

.wp-block-media-text__content .wp-block-group {padding-left: 1.5em}


/* -------------------------------------------------------------------------------- */
/* ! 8. MEDIA QUERIES */
/* -------------------------------------------------------------------------------- */



@media (max-width: 1400px) {

.wp-container-core-group-is-layout-6e8672ba > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {max-width: 570px !important}

}



@media (max-width: 1199px) {

	body .alignfull {
        width: auto;
        max-width: 100%;
        margin-right: 0 !important;
        margin-left: 0 !important;
    }
	.wp-block-cover__inner-container {padding: 2em 1em 0 1em}

}

@media (max-width: 1023px) /* Tablet Vertical */ {

    .header__logo-img, .header__logo_white-img, .footer__logo img {
        width: 250px !important;
    }
    .menu {top: 85px;}
}




@media (max-width: 781px) {


}

@media (max-width: 768px) {


}

@media (max-width: 767px) {
	
	p, ul, li {text-align: left; font-size: 16px !important;}
	

	body .alignfull {
        margin-right: 1.5em !important;
        margin-left: 1.5em !important;
    }
	    .has-xx-large-font-size {
        font-size: var(--wp--preset--font-size--x-large) !important;
    }
	.alignfull .wp-block-column {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
	
	.page-template-vuota .spacer {
    height: 91px;
	}
	.wp-block-columns {padding-left: 1.5em; padding-right: 1.5em;}
	    .wp-block-cover__inner-container {
        padding: 0; 
    }
	.wp-block-column {padding-right: 0 !important; padding-left: 0 !important;}
  	.wp-block-column.has-background {padding-right: var(--wp--preset--spacing--60) !important; padding-left: var(--wp--preset--spacing--60) !important;}
	.wp-container-core-columns-is-layout-28f84493 p {margin-right: 0 !important}
	.wp-block-media-text__media img {
    	border-bottom-right-radius: 0;
    	border-top-left-radius: 20px;
	}
	.hero-home .wp-block-columns {padding-top: 25vh}
	footer p {font-size: 16px !important}

}

@media (max-width: 576px) {





}


@media (min-width: 600px){

}