/*
 Theme Name:   Kina Theme
 Theme URI:    https://www.kina.it/
 Description:  Use this child theme to extend functionality.
 Author:       KINA
 Template:     bricks
 Version:      1.1
 Text Domain:  kina
*/

/*FONTS*/
@font-face {
  font-family: "Outfit-Variable";
  src:
    url("/wp-content/uploads/fonts/Outfit-Variable.woff2")
      format("woff2-variations"),
    url("/wp-content/uploads/fonts/Outfit-Variable.woff2")
      format("woff2 supports variations");
  font-weight: 200 800;
  font-style: "normal";
  font-display: swap;
}
@font-face {
  font-family: "WorkSans-Variable";
  src:
    url("/wp-content/uploads/fonts/WorkSans-Variable.woff2")
      format("woff2-variations"),
    url("/wp-content/uploads/fonts/WorkSans-Variable.woff2")
      format("woff2 supports variations");
  font-weight: 100 900;
  font-style: "normal";
  font-display: swap;
}
@font-face {
  font-family: "WorkSans-Italic-Variable";
  src:
    url("/wp-content/uploads/fonts/WorkSans-Italic-Variable.woff2")
      format("woff2-variations"),
    url("/wp-content/uploads/fonts/WorkSans-Italic-Variable.woff2")
      format("woff2 supports variations");
  font-weight: 100 900;
  font-style: "italic";
  font-display: swap;
}

/*Overflow */

.overflow-x-hidden {
  overflow-x: clip;
}

/* Stile Testi */

.progetti__home.brxe-div:hover img {
  position: relative;
  transform: scale(1.2);
}
.progetti__home.brxe-div img {
  transition: all 0.4s;
}
.progetto__lista h2 {
  opacity: 1;
}
.progetto__lista.notactive h2 {
  opacity: 0.1;
}
.progetto__lista.brxe-div:hover .progetto__lista-immagine {
  opacity: 0.6;
}
.progetto__lista.brxe-div:hover .progetto__lista-testo {
  font-weight: 900;
  color: var(--logo);
}

.big-text-innerpage strong {
  font-weight: 500;
  color: var(--logo-low);
}

.h2 strong {
  font-weight: 500;
  color: var(--logo);
}

.h4 strong {
  color: var(--logo);
}

.progetto__lista.brxe-div .progetto__lista-immagine,
.progetto__lista.brxe-div .progetto__lista-testo {
  transition: all 0.4s;
}

/*Carosello Cutluura testo */

.text-track-container {
  display: flex;
  width: max-content;
  animation: scroll-left 80s linear infinite;
}
@keyframes scroll-left {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}

.gradient-mask {
  position: relative;
  -webkit-mask-image: linear-gradient(to right, transparent 10%, black 25%);
  mask-image: linear-gradient(to right, transparent 10%, black 25%);
}

/* Pagina About */

.about-people-container.onlytext .about-people-title-container {
  margin-top: 0px;
}

.about-people-container:nth-child(odd) {
  flex-direction: row-reverse;
}

.blu-box {background:var(--logo-60);padding:0.8rem 1.6rem;border-radius:0.8rem;color:var(--off-white)}
.shortcode_clienti {margin-bottom:4.8rem}
.wp-block-image a img {border-radius:0.8rem;}

@media screen and( max-width:477px ){
}