/***************************/
/******* CONFIG VARS *******/
/* -COLORS.SCSS */
/* DEFAULT COLORS VARS */
/* THEME COLORS VARS */
/* _TEXT.SCSS */
/* Font Library */
/* FONT PER LE ICONE */
/******* CONFIG MIXIN ******/
/* _MIXIN.SCSS */
/***************************/
/* MAIN */
/* BODY */
html {
  overflow-y: scroll;
  scroll-behavior: smooth; }

.wp-person a:focus .gravatar, a:focus, a:focus .media-icon img, a:focus .plugin-icon {
  box-shadow: none !important;
  outline: 0 !important; }

html.bloccoscroll {
  overflow-y: hidden; }

html, body {
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  line-height: 1.5em;
  letter-spacing: 0.03em;
  word-spacing: 0.07em;
  font-weight: 300;
  max-width: 100%; }
  @media all and (min-width: 48em) {
    html, body {
      font-size: 14px; } }
  @media all and (min-width: 62.5em) {
    html, body {
      font-size: 15px; } }
  @media all and (min-width: 78.75em) {
    html, body {
      font-size: 16px; } }

html body {
  color: #000; }

body:after, body:before {
  content: " ";
  position: fixed;
  width: 0px;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: -1; }

body:after {
  left: inherit;
  right: 0; }

body.bloccoscroll {
  overflow: hidden; }

/* CONTENUTI --- CONTENUTI --- CONTENUTI --- CONTENUTI --- CONTENUTI --- CONTENUTI --- CONTENUTI  */
#contenuti {
  position: relative;
  z-index: 3;
  width: 100%;
  background: #fff;
  margin-top: 0; }

.wrapper {
  width: 90%;
  margin: 0 auto;
  max-width: 1280px; }

/*
** Singolo progetto
*/
.wk-progetto .wk-intro {
  display: flex;
  line-height: 1; }
  @media all and (max-width: 47.99em) {
    .wk-progetto .wk-intro {
      flex-direction: column; } }
  .wk-progetto .wk-intro h1 {
    font-size: 16px;
    font-weight: 600;
    margin: 0; }

.wk-progetto .wk-col {
  width: 50%; }
  @media all and (max-width: 47.99em) {
    .wk-progetto .wk-col {
      width: 100%;
      padding: 0; } }
  .wk-progetto .wk-col.wk-img img {
    width: 100%;
    height: auto;
    padding-right: 15%; }
    @media all and (max-width: 47.99em) {
      .wk-progetto .wk-col.wk-img img {
        padding: 0;
        margin-bottom: 50px; } }
  .wk-progetto .wk-col.wk-text {
    padding-left: 5%;
    line-height: 1.5; }
    @media all and (max-width: 47.99em) {
      .wk-progetto .wk-col.wk-text {
        padding-left: 0; } }
    .wk-progetto .wk-col.wk-text p {
      font-size: 16px; }

/*
** Archivio progetti
*/
.wk-progetti {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
  line-height: 1; }
  .wk-progetti .wk-progetti-box {
    overflow: hidden;
    width: calc(33.333% - 7px);
    line-height: 0; }
    @media all and (max-width: 47.99em) {
      .wk-progetti .wk-progetti-box {
        width: calc(50% - 5px);
        overflow: visible; } }
    @media all and (max-width: 31.25em) {
      .wk-progetti .wk-progetti-box {
        width: 100%; } }
    .wk-progetti .wk-progetti-box h2,
    .wk-progetti .wk-progetti-box .wk-progetti-box-right-text {
      position: relative;
      font-size: 16px;
      font-weight: 400;
      color: #fff;
      max-width: 50%;
      mix-blend-mode: difference;
      transition: all 0.3s ease-in-out;
      opacity: 0;
      margin: 0;
      z-index: 10;
      -webkit-transform: translateX(-100%);
              transform: translateX(-100%);
      line-height: 1.2; }
      @media all and (max-width: 47.99em) {
        .wk-progetti .wk-progetti-box h2,
        .wk-progetti .wk-progetti-box .wk-progetti-box-right-text {
          position: sticky;
          top: 50%;
          font-size: 12px;
          opacity: 1;
          -webkit-transform: translateX(0);
                  transform: translateX(0); } }
    .wk-progetti .wk-progetti-box .wk-progetti-box__wrap {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      display: flex;
      flex-direction: column;
      justify-content: center; }
    .wk-progetti .wk-progetti-box .wk-progetti-text {
      position: sticky;
      top: 40px;
      left: 0;
      right: 0;
      padding: 10px;
      display: flex;
      justify-content: space-between;
      mix-blend-mode: difference;
      overflow: hidden; }
      .wk-progetti .wk-progetti-box .wk-progetti-text > * {
        flex: 1; }
    .wk-progetti .wk-progetti-box .wk-progetti-box-right-text {
      text-align: right;
      -webkit-transform: translateX(100%);
              transform: translateX(100%); }
      @media all and (max-width: 47.99em) {
        .wk-progetti .wk-progetti-box .wk-progetti-box-right-text {
          -webkit-transform: translateX(0);
                  transform: translateX(0); } }
    .wk-progetti .wk-progetti-box:hover h2,
    .wk-progetti .wk-progetti-box:hover .wk-progetti-box-right-text {
      -webkit-transform: translate(0, 0);
              transform: translate(0, 0);
      opacity: 1; }
    .wk-progetti .wk-progetti-box a {
      position: relative;
      height: 100%;
      display: block; }
      .wk-progetti .wk-progetti-box a:hover {
        opacity: 1; }
    .wk-progetti .wk-progetti-box img {
      aspect-ratio: 4 / 5;
      -o-object-fit: cover;
         object-fit: cover;
      width: 100%;
      height: auto; }

body:not(.notouch) .wk-progetti .wk-progetti-box h2,
body:not(.notouch) .wk-progetti .wk-progetti-box .wk-progetti-box-right-text {
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  opacity: 1; }

body:not(.notouch) .wk-progetti .wk-progetti-box h2 {
  left: 0; }

body.archive .wk-progetti,
body.archive .wk-progetto,
body.single .wk-progetti,
body.single .wk-progetto {
  padding-top: 100px; }