/* -------------------------------------------------------------------------------- */
/*   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 */
/* -------------------------------------------------------------------------------- */



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



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


h1, h2, h3, h4, h5, h6, p, ol, ul{color: #222855}
h1, h2, h3, h4, h5, h6 {line-height: 1;}
strong {font-style: italic; color: #C837C9; font-weight: 400;}
p {font-size: 20px;}
p strong {font-style:normal; color:unset; font-weight: 600;}
.wp-block-post-excerpt__excerpt {color: #fff;}
.candidature .wp-block-post-excerpt__excerpt {color: #222855;}
.single-post p {font-size: 16px}

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

.header {padding: 0;}
.menu li a, .menu li ul > li > a, .page-template-menu-trasparente .menu li ul > li > a {color: #445776; text-transform: uppercase;}
.header__content {border-bottom: none;}
.header__logo-img,
.header__logo_white-img{width: 200px;}
.menu > li.mega-menu > .sub-menu .sub-menu  {width: 280px;}
.sub-menu li a {padding: 10px}

@media (min-width: 1190px) {
      .menu > li.mega-menu > ul > li{width: 290px;}
	  .menu > li.mega-menu:hover > ul, .menu > li.mega-menu > ul:hover {width: 900px;}
} 



/* !   ---4.1 Buttons */

.bottone-cta a, .cta {
      background: var(--link-color);
      border-radius: 30px;
      color: #fff !important;
      padding: 8px 16px !important;
	  text-transform: uppercase;
      font-weight: 700;
    }
.bottone-cta a:before, .bottone-cta a:after, .bottone-cta a:hover:before {background: transparent;}
.slider-settori .bottone-cta a, .cta {padding: 15px 30px !important;}


/* !   ---4.4 Social Icons */



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

footer {
	padding: 0; 
	background: #445676;
    color: white !important;
	max-width: unset !important;
}
footer .grid {border-top: none;}
footer p {color: #fff; font-size: 12px !important;}
.footer-5 {
      border-top: solid 1px;
      padding-top: 15px;
}
.wp-block-social-links .wp-social-link svg {
      height: 1.3em;
      width: 1.3em;
  }

.footer-1, .footer-2, .footer-3, .footer-4, .footer-5 {padding-right: 15px; padding-left: 15px}
.footer-1 {padding-left: 0;}
.footer-4 {padding-right: 0;}
.footer-5 {padding-left: 0; padding-right: 0;}

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




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

/*:where(.wp-block-columns.has-background) {padding: 0 !important}*/



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








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


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

.texture--bgscuro .accordion h3:after {
      filter: invert(1);
}

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


.slider-home {
      height: 200px;
      cursor: pointer;
      mix-blend-mode: multiply;
}
    
.slider-home .swiper-slide img {
	position: relative;
    width: 70%;
    height: auto;
    display: flex;
    margin: 0 auto;
}
    
    .slider-home__container {
      position: absolute;
      bottom: 0;
      z-index: 10;
      left: 0;
      width: 100%;
      padding: 50px 10% 50px 10%;
      background: linear-gradient(0deg, rgba(29, 46, 67, 0.8) 0%, rgba(29, 46, 67, 0) 100%);
    }






.video-header {clip-path: polygon( 44.18% 8.661%,52.332% 0%,100% 0%,100% 100%,0% 100%,41.364% 53.797%,62.333% 30.653%,62.333% 9.517%,11.548% 64.153%,11.548% 64.153%,10.682% 64.968%,9.737% 65.618%,8.734% 66.1%,7.693% 66.413%,6.636% 66.553%,5.584% 66.519%,4.557% 66.308%,3.577% 65.918%,2.665% 65.347%,1.841% 64.593%,1.841% 64.593%,1.149% 63.69%,0.62% 62.687%,0.252% 61.61%,0.048% 60.482%,0.006% 59.326%,0.127% 58.166%,0.411% 57.026%,0.858% 55.929%,1.469% 54.898%,2.243% 53.958%,44.18% 8.661% );}
.maschera-flip {clip-path: polygon( 0% 0%,47.668% 0%,47.668% 0%,48.911% 1.337%,52.301% 4.983%,57.325% 10.388%,63.472% 17.003%,70.231% 24.276%,77.09% 31.66%,83.539% 38.605%,89.065% 44.56%,93.157% 48.977%,95.305% 51.305%,95.305% 51.305%,96.301% 52.457%,97.252% 53.696%,98.12% 55.001%,98.865% 56.349%,99.448% 57.718%,99.83% 59.087%,99.971% 60.434%,99.833% 61.736%,99.376% 62.971%,98.561% 64.119%,98.561% 64.119%,97.609% 65.009%,96.584% 65.675%,95.485% 66.101%,94.309% 66.272%,93.056% 66.172%,91.724% 65.784%,90.31% 65.093%,88.814% 64.083%,87.234% 62.738%,85.567% 61.042%,85.567% 61.042%,82.841% 58.08%,78.398% 53.282%,72.709% 47.155%,66.247% 40.204%,59.484% 32.934%,52.891% 25.853%,46.942% 19.464%,42.109% 14.275%,38.862% 10.791%,37.675% 9.517%,37.675% 30.653%,100.008% 100%,0% 100%,0% 0% );}
.maschera-settore {clip-path: polygon(100% 99.91%, 0% 99.91%, 70.754% 0%, 100% 0%, 100% 99.91%);}
.maschera-settore-flip {clip-path: polygon( 99.937% 0%,30.58% 99.909%,0% 99.909%,0% 0%,99.937% 0% );}
.texture::before {
      content: ' ';
      background-image: url(img/texture.svg);
      width: 100%;
      position: absolute;
      height: 100%;
      background-repeat: no-repeat;
      opacity: 0.025;
      top: 0;
}
.texture--bgscuro::before {
      filter: invert(1);
}
.texture__alimentare::before {
      content: ' ';
      background-image: url(img/texture-alimentare.svg);
      width: 100%;
      position: absolute;
      height: 100%;
      background-repeat: no-repeat;
      background-position-x: -6vw;
      background-position-y: -2vh;
      top: 0;
}
.texture__servizi::before {
      content: ' ';
      background-image: url(img/texture-servizi.svg);
      width: 100%;
      position: absolute;
      height: 100%;
      background-repeat: no-repeat;
      background-position-x: -6vw;
      background-position-y: -2vh;
      top: 0;
}

.texture__contatti::before {
      content: ' ';
      background-image: url(img/texture-contatti.svg);
      width: 100%;
      position: absolute;
      height: 100%;
      background-repeat: no-repeat;
      background-position-x: -8vw;
      background-position-y: -5vh;
      top: 0;
}

.img-news {
      aspect-ratio: 16 / 9;
      border-radius: 180px 0 90px 30px;
      background-size: cover !important;
}
.animazione-gruppo {mix-blend-mode: multiply}

.settori-template-vuota .spacer, .prodotti-template-vuota .spacer, .realizzazioni-template-vuota .spacer {height:75px}

.settori-img-res {width: 100%; height: auto; border-radius: 90px 0px 45px 20px}
.slider-settori__categoria {
	color: inherit;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 400;
}

.slider-settori {height: 520px}

.slider-settori .swiper-slide {
	max-height: 700px;
}


.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal {bottom: 0;}
.slider-settori .bottone-cta a {position: absolute; bottom: 10px;}

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



@media (max-width: 1400px) {

	.menu li a {
		padding: 12px;
    	font-size: 14px;
	}
	.wp-container-core-group-is-layout-5833e2e8 > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
		max-width: 558px !important;
	}

}



@media (max-width: 1199px) {


}

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

}




@media (max-width: 781px) {


}

@media (max-width: 768px) {


      h2 {padding-top: 24px !important;}
      .wp-container-core-group-is-layout-3 > .alignwide {max-width: 100% !important;}
      .pbmob-1 {padding-bottom: 24px;}
      /*.wp-block-column:first-child {padding-left: 0 !important;}
      .wp-block-column:last-child {padding-right: 0 !important;}
     :root {--wp--preset--spacing--70: 1.5em;} */
     :root {--wp--preset--spacing--70: 0;}
     .header {padding: 0;}
     .header__content {padding: 0 1.5em; align-items: center;}
     .header__logo-img, .header__logo_white-img {width: 180px;}
     .wp-block-buttons {padding-bottom: 30px;}
     .texture__servizi::before {   
      background-position-x: -11vw;
      background-position-y: -27vh;}
      .texture__alimentare::before {
            background-position-x: -90vw;
            background-position-y: -83vh;
      }
      footer {padding-left: 1.5em !important; padding-right: 1.5em !important;}
      .footer__logo img {width: 180px !important;}
}

@media (max-width: 767px) {


}

@media (max-width: 576px) {





}


@media (min-width: 600px){

}

