/*
Theme Name: SIAT theme
Theme URI: 
Template: twentytwentyfive
Author: Federico Cammerieri
Author URI: https://tetraforming.com/
Description: SIAT theme
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 1.0
Updated: 2026-04-27
*/

html,
body {
  position: relative;
  overflow-x: hidden;
}

/* Dimensione icona logo navigazione */
.icon-nav {
  width: 60px;
}

@media (max-width: 768px) {
  .icon-nav {
    width: 40px;
  }
}

/* Footer - underline sotto i link */
.nav-footer-custom a {
  position: relative;
  text-decoration: none;
}

.nav-footer-custom a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -3px;
  width: 100%;
  height: 2px;
  background: #fff;
  opacity: 0;
  transition: opacity 0.2s ease;
}

.nav-footer-custom a:hover::after {
  opacity: 1;
}

/* Link email footer */
.mail-footer a,
.policy-footer a {
  color: #fbfaf3;
  text-decoration: none;
  font-family: "Roboto Serif", serif;
  font-weight: 400;
}

.mail-footer a:hover,
.policy-footer a:hover {
  text-decoration: underline;
}

/* Contatti link mail */
.mail-contatti a {
  color: #000;
  font-family: "Roboto Serif", serif;
}

.mail-contatti a:hover {
  text-decoration: underline;
}

/*
/* Rimozione di padding e margin al Main 
*/
.has-global-padding {
  padding-top: 0 !important;
}
main {
  margin-top: 0 !important;
}

/*
/* Navigazione - Apertura blocco mobile 
*/
@media screen and (max-width: 767px) {
  .wp-block-navigation__responsive-container-close,
  .wp-block-navigation__responsive-container-content {
    padding: 20px 20px 0 0;
  }

  .wp-block-navigation__responsive-container-content ul {
    padding-top: 20px;
  }
}

/*
/* Navigazione - colore barra sotto i link 
*/
.nav-custom {
  padding-right: 20px;
}

.nav-custom a,
.nav-footer-custom a {
  position: relative;
  text-decoration: none;
  outline: none;
}

.nav-custom a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -4px;
  width: 100%;
  height: 3px;
  background-color: #fa6666;

  opacity: 0; /* nascosta */
  transition: opacity 0.3s ease; /* dissolvenza */
}

/* hover */
.nav-custom a:hover::after {
  opacity: 1;
}

/* link attivo */
.nav-custom a.active::after {
  opacity: 1;
}

/* rimuove il bordo al click */
.nav-custom a:focus {
  outline: none;
}

.nav-custom a:focus-visible {
  outline: none;
}

/* Mantieni la barra sulla pagina attiva */
.nav-custom .current-menu-item > a::after,
.nav-custom .current_page_item > a::after,
.nav-custom .current-menu-ancestor > a::after {
  opacity: 1;
}

/* Rendi non cliccabile la pagina attiva */
.nav-custom .current-menu-item > a,
.nav-custom .current_page_item > a {
  pointer-events: none;
  cursor: default;
}

/*
/* Pulsanti Home
*/

.button-custom a,
.button-custom {
  transition: box-shadow 0.3s ease;
}

.button-custom a:hover,
.button-custom:hover {
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
  /* background-color: #fa6666 !important; */
  /* cursor: pointer !important; */
}

/*
/* Paragrafi e separatori Home
*/

.p-custom-space {
  padding-bottom: 30px;
}

.custom-separatore {
  height: 4px;
  width: 100%;
  background: linear-gradient(to right, #fa6868, #faac68);
  border: none;
  margin: 0;
}

.text-custom-gradient {
  background: linear-gradient(to right, #fa6868, #faac68);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Footer */

.nav-footer-custom {
  text-transform: uppercase;
  font-size: 16px;
  text-decoration: none;
}
@media (max-width: 768px) {
  .nav-footer-custom {
    padding-top: 20px;
  }
}

.motto-footer {
  /* width: 30%; */
  font-size: 14px;
}

.footer-custom-template {
  padding: 0 20px 0 20px !important;
}

/* Chi sono card colore */

/* .masonry {
  columns: 2;
}
@media (max-width: 767px) {
  .masonry {
    columns: 1;
  }
} */

/* Viene applicato tramite Masonry.js */

.masonry-grid {
    width: 100%;
}

.masonry-sizer,
.masonry-item {
    width: 50%;
}

.masonry-item {
    width: calc(50% - 10px);
    box-sizing: border-box;
}


@media (max-width: 768px) {
    .masonry-sizer,
    .masonry-item {
        width: 100%;
    }

}

.chi-sono-card {
  background: rgba(217, 217, 217, 0.15);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);

  position: relative;
  border-radius: 20px;

  break-inside: avoid;
  margin-bottom: 24px;
  width: 100%;
  display: inline-block;
}

.chi-sono-card::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 4px;
  border-radius: inherit;
  background: linear-gradient(to bottom, #fa6868, #faac68);

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  pointer-events: none;
}