/*
  .advantages_slider ul.slick-dots {
    gap: 14px;
  }

}
*/
@media screen and (max-width: 575px) {

  .nav-link {
    display: block;
    padding: 0.3rem 0.6rem;
}

.nav-tabs .nav-link {
    /* margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width)); */
    /* border: var(--bs-nav-tabs-border-width) solid transparent; */
    /* border-top-left-radius: var(--bs-nav-tabs-border-radius); */
    /* border-top-right-radius: var(--bs-nav-tabs-border-radius); */
    border: solid 1px;
    border-radius: 10px;
    text-align: center;
    margin: 2px;
    color: var(--green);
    font-family: var(--font-primary);
}

.nav {
    --bs-nav-link-padding-x: 1rem;
    --bs-nav-link-padding-y: 0.5rem;
    --bs-nav-link-font-weight: ;
    --bs-nav-link-color: var(--bs-link-color);
    --bs-nav-link-hover-color: var(--bs-link-hover-color);
    --bs-nav-link-disabled-color: var(--bs-secondary-color);
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    justify-content: center;
}

  .c-hero__eyebrow {
  text-align:center;
}

  .page-node-73 .c-hero__description, .page-node-76 .c-hero__description, .page-node-77 .c-hero__description, .page-node-78 .c-hero__description, .page-node-79 .c-hero__description, .page-node-81 .c-hero__description {
    margin-top: 40px;
    color: var(--color-primary);
    text-align: center;
    padding-inline: 4rem;
}

  .c-hero__title {
    font-size: clamp(28px, 4vw, 50px);
    font-weight: 700;
    margin: 0;
    color: var(--white);
    max-width: 650px;
    letter-spacing: 2px;
    padding-inline: 4rem;
    text-align: center;
}

  .snoetta_two_cols {
    padding:var(--padding-container);
}

  .other_projects h3.big {
    font-weight: bold;
    color: var(--green);
    margin: 20px 0 0 20px;
    text-align:left;
    font-size: 36px;
}

  .node--type-project .paragraph--type--section-2-cols {
 margin: 2rem 0;
}

.sostienici_campus_grapes h3.big {
  text-align: left;
}

  .sostienici_campus_grapes .second-col {
    padding-left: 0;
    padding-top: 40px;
}

.sostienici_campus_grapes .first-col {
  padding-right: 0;
}

  .sostienici_campus_grapes img {
    aspect-ratio: 1 / 1;
    object-fit: cover;
}

  .paragraph--type--image-mosaic {
      width: 100%;
      padding: 4rem var(--padding-container) 0;
  }

  .paragraph--type--image-mosaic .column-2 .image_mosaic {
    column-count: 2;
    gap:20px;
}

.paragraph--type--image-mosaic .image_mosaic .brick img {
    width: 100%;
    height: auto;
    aspect-ratio: 1/1;
    object-fit: cover;
}

.paragraph--type--image-mosaic .column-4 .image_mosaic {
  column-count: 2;
  gap:20px;
}

  .paragraph--type--image-mosaic .image_mosaic img {
    border-radius: 20px;
}

  h3.team-card__name {
    font-family: var(--font-primary);
    color: var(--white);
    font-size: 30px;
    margin-bottom:0;
    margin-top:2rem;
}

  .field--name-field-subtitle-team-section {
    margin: 0 0 40px;
    letter-spacing: 0.5px;
    font-size: 36px;
    text-align: left;
    color: var(--white);
    font-weight: bold;
    max-width: 75%;
}

  .node .field--type-image {
    float: left;
    margin: 0;
}

  .snoetta_two_cols h3.big {
    font-weight: bold;
    color: var(--green);
    text-align:left;
}

  .paragraph--type--project-card {
    padding: 2rem;
    border-radius: var(--borderRadius);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    min-height: 300px;
    box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1);
    background-color: var(--green);
    color: inherit;
    margin:2rem 0;
}

  .snoetta_two_cols .first-col {
      width: 100%;
      padding-right: 0rem;
  }

  .sostienici_campus_grapes {
    background: var(--green);
    padding: var(--padding-container);
    color: var(--white);
}

  .sostienici_campus_grapes img {
      min-width: 100%;
      object-fit: cover;
  }

  .paragraph--type--projects-cards>.field--name-field-cards.field__items {
      display: flex;
      margin: 2rem 0;
      flex-direction: column;
  }

ul.slick-dots {
    position: relative;
    width: 100%;
    margin-top: 42px;
    padding: 0;
    display: flex !important;
    justify-content: center;
    align-items: center;
    gap: 7px;
    list-style: none;
  }

  .advantages_slider .slick-dots li.slick-active {
    width: 38px;
  }

  .slideshow img {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

  .page_block_chi_siamo {
      padding: 2rem 0 0;
  }

  .manifesto-section {
    background: #ffffff;
    padding: 0 0 2rem var(--padding-container);   /* padding left spostato sullo slider */
    overflow: hidden;
  }

  .manifesto-slide::before {
    top: -50px;
            width: 8px;
            height: 8px;
            left: 0px;
  }

  .team-card {
    max-width: 100%;
}

  .page-node-65 .c-hero {
      height: 85vh;
      padding: 2rem;
  }

  .page-node-65 .c-hero__inner {
      position: absolute;
      top: 50%;
      z-index: 2;
      color: #fff;
      margin: auto;
      transform: translateY(-40%);
      /* padding: 2rem; */
      max-width: calc(100% - 4rem);
  }

  .c-hero {
      position: relative;
      overflow: hidden;
      border-top-left-radius: 0px;
      border-top-right-radius: 0px;
      margin: 0;
      min-height: 80vh;
      padding: 0;
  }

  .navbar {
      position: relative;
      display: flex;
      flex-wrap: wrap;
      padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x);
      align-items: center;
      justify-content: space-between;
      flex-direction: row;
      --bs-navbar-padding-y: 1rem;
  }

  .cosa_facciamo {
      background: var(--green);
      display: flex;
      justify-content: center;
      align-items: center;
      color: #fff;
      font-size: 18px;
      padding: 80px 0 80px 0;
  }

  .cosa_facciamo {
    padding: 2rem 0 2rem 0;
  }

  .cosa_facciamo .first-col {
    padding-right: 0em !important;
}

  .cosa_facciamo img {
      width: auto;
      height: 100%;
      border-radius: 20px;
      object-fit: cover;
      aspect-ratio: 1 / 1;
  }

  .cosa_facciamo h3.big {
    text-align: left;
  }

  .paragraph--type--two-text-image h3.big {
    font-size:36px;
    text-align: left;
    font-weight: bold;
    margin-bottom:0rem;
  }

  .paragraph--type--two-text-image .col_content {
      padding: 0px;
  }

  .paragraph--type--two-text-image .col_image img {
    border-radius: 20px;
    aspect-ratio: 1 / 1;
    object-fit: cover;
}

.paragraph--type--advantages-cards h2 {
    margin-bottom: 40px !important;
    text-align: left;
}

h3.big_vantaggi_home {
  color: var(--white);
  font-size:36px;
  font-weight: bold;
}

#block-citiculture2026-contattaci h3.big, #block-contattaci h3.big {
    color: var(--green);
    text-align: left;
    font-weight: bold;
}

#block-citiculture2026-contattaci .form_container, #block-contattaci .form_container {
    margin-top: 0px!important;
}

#block-citiculture2026-contattaci .wrapper_form_contattaci,
#block-contattaci .wrapper_form_contattaci {
  grid-template-columns: 1fr;
  /* stack */
  gap: 0px;
}


  h2.small, #block-citicultureprocess h2 {
      display: inline-block;
      font-size: 18px;
      font-weight: 400;
      color: var(--color-primary);
      letter-spacing: 0px;
      text-transform: uppercase;
      margin-bottom: 30px;
      opacity: 0.7;
      font-family: var(--font-primary);
      width: 100%;
  }

  h3.big_chi_siamo {
      font-size: 36px;
      font-weight: bold;
      margin-bottom: 0;
      line-height: 1.2;
      margin-bottom: 40px;
      letter-spacing: 1px;
      color: var(--green);
  }

  .home_chi_siamo .second-col {
      margin-top: 0rem;
  }

  .home_chi_siamo h2.small {
    text-align:left!@important;
  }

  .section_2_cols, .block-content-webform, .site-footer, .advantages_header, .paragraph--type--two-text-image, #block-citicultureprocess, #views-bootstrap-teasers-all-projects, .paragraph--type--team-section, .paragraph--type--projects-cards, .cosa_facciamo, .page_block_chi_siamo, .progetto_description, .cosa_facciamo_intro, .sostienici_azienda, .sostienici_investitori, .sostienici_privati, .home_chi_siamo {
      padding-left: var(--padding-container);
      padding-right: var(--padding-container);
      padding-top: var(--padding-container);
      padding-bottom: var(--padding-container);
      padding-bottom: var(--padding-container);
    }

  .slideshow .slick-dots {
    position: absolute;
    top: auto;
    bottom: 50px;
    left: 50%;
    transform: translateX(-50%);
    justify-content: center;
    margin: 0;
}

  .slideshow {
    margin: 0rem;
}

  .slideshow .paragraph--type--slide .field--name-field-cta {
    position: absolute;
    left: 0rem;
    top: 75%;
    transform: translate(0%, - 25%);
    z-index: 2;
    margin: auto;
    text-align: center;
    width:100%;
    margin:auto;
}

.paragraph--type--section-2-cols {
    padding: 2rem 0 0rem;
}

  h3.big {
      font-size: 36px;
      font-weight: bold;
      margin-bottom: 0;
      line-height: 1.2;
      margin-bottom: 40px;
      letter-spacing: 1px;
      color: var(--color-primary);
      text-align: center;
  }
  .slideshow h2.small {
      display: inline-block;
      font-size: 18px;
      font-weight: 400;
      color: var(--color-primary);
      letter-spacing: 0px;
      text-transform: uppercase;
      margin-bottom: 30px;
      opacity: 0.7;
      font-family: var(--font-primary);
      width: 100%;
      text-align: center;
  }

  .slideshow .paragraph--type--slide .field--name-field-text {
      position: absolute;
      top: 55%;
      transform: translate(0, -45%);
      z-index: 2;
      margin: auto;
      color: #fff;
      font-family: var(--font-primary);
      width: 100%;
  }

  .slideshow .paragraph--type--slide .field--name-field-cta a {
    background-color: transparent;
    color: var(--white, #FFFFFF);
    padding: 0.5rem 1.5rem;
    border-radius: 10px;
    text-decoration: none;
    font-weight: 500;
    display: inline-block;
    transition: background-color 0.3s ease;
    border: solid 2px var(--white, #FFFFFF);
    text-transform: uppercase;
    font-size: 1rem;
}

.header {
    position: relative;
    top: 0rem;
    left: 0rem;
    right: 0rem;
    width: 100%;
    z-index: 100;
    background-color: #ffffff;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    margin-bottom: -150px;
    z-index: 1000;
    font-family: var(--font-primary);
    padding-inline: 2rem;
}

}

@media screen and (min-width: 576px) and (max-width: 767px) {


}

@media screen and (min-width: 768px) and (max-width: 991px) {

    .section_2_cols,
    .block-content-webform,
    .site-footer,
    .advantages_header,
    .paragraph--type--two-text-image,
    #block-citiculture2026-citicultureprocess,
    #views-bootstrap-teasers-all-projects,
    .paragraph--type--team-section,
    .page_block_chi_siamo,
    .progetto_description {
        padding-left: 9rem;
        padding-right: 9rem;

    }

    .node--type-article.node--view-mode-teaser .type_news {
        font-size: 16px !important;
        padding: 5px 30px !important;
    }

    .paragraph--type--projects-cards>.field--name-field-cards.field__items {
        flex-direction: row;
        flex-wrap: wrap;
    }

}

@media screen and (min-width: 992px) {

    .section_2_cols,
    .block-content-webform,
    .site-footer,
    .advantages_header,
    .paragraph--type--two-text-image,
    #block-citiculture2026-citicultureprocess,
    #views-bootstrap-teasers-all-projects,
    .paragraph--type--team-section,
    .page_block_chi_siamo,
    .progetto_description {
        padding-left: 9rem;
        padding-right: 9rem;

    }
}

@media screen and (min-width: 1024px) {

    .section_2_cols,
    .block-content-webform,
    .site-footer,
    .advantages_header,
    .paragraph--type--two-text-image,
    #block-citicultureprocess,
    #views-bootstrap-teasers-all-projects,
    .paragraph--type--team-section,
    .page_block_chi_siamo,
    .progetto_description {
        padding-left: 8rem;
        padding-right: 8rem;

    }

}


@media screen and (min-width: 1200px) {

  .paragraph--type--projects-cards>.field--name-field-cards.field__items {
    display: flex;
    flex-direction: row;
}

    .section_2_cols,
    .block-content-webform,
    .site-footer,
    .advantages_header,
    .paragraph--type--two-text-image,
    #block-citicultureprocess,
    #views-bootstrap-teasers-all-projects,
    .paragraph--type--team-section,
    .page_block_chi_siamo,
    .progetto_description {
        padding-left: 9rem;
        padding-right: 9rem;
    }

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 100%;
    }

    .slideshow .paragraph--type--slide .field--name-field-text {
        position: absolute;
        left: 7rem;
        top: 55%;
        transform: translate(0%, -45%);
        z-index: 2;
        margin: auto;
        color: #fff;
        font-family: var(--font-primary);
    }

    /* Position CTA link in the text block */
    .slideshow .paragraph--type--slide .field--name-field-cta {
        position: absolute;
        left: 7rem;
        top: 75%;
        transform: translate(0%, - 25%);
        z-index: 2;
        margin: auto;
        text-align: left;
    }

    .paragraph--type--projects-cards>.field--name-field-cards.field__items {
      display: flex;
      flex-direction: row;
      margin: 80px 0;
    }

    .paragraph--type--two-text-image .col_image img {
        border-radius: 60px;
        aspect-ratio: 3 / 4;
        object-fit: cover;
    }

}

@media screen and (min-width: 1400px) {

  .paragraph--type--two-text-image .col_image img {
    border-radius: 60px;
    aspect-ratio: 16 / 9;
    object-fit: cover;
}

.paragraph--type--projects-cards>.field--name-field-cards.field__items {
  display: flex;
  flex-direction: row;
  margin: 80px 0;
}

body.path-user div#block-citiculture2026-content {
    padding: 0 var(--padding-container);
    margin-top:0px;
}

h3.big_vantaggi_home {
  font-size: 48px;
      font-weight: bold;
      margin-bottom: 0;
      line-height: 1.2;
      margin-bottom: 40px;
      letter-spacing: 1px;
      color: var(--color-primary);
}

    .section_2_cols,
    .block-content-webform,
    .site-footer,
    .advantages_header,
    .paragraph--type--two-text-image,
    #block-citicultureprocess,
    #views-bootstrap-teasers-all-projects,
    .paragraph--type--team-section,
    .paragraph--type--projects-cards,
    .cosa_facciamo,
    .page_block_chi_siamo,
    .progetto_description,
    .cosa_facciamo_intro,
    .sostienici_azienda,
    .sostienici_investitori,
    .sostienici_privati,
    .home_chi_siamo {
        padding-left: var(--padding-container);
        padding-right: var(--padding-container);

    }

    .progetto_description img {
        border-radius: 30px;
        aspect-ratio: 5 / 4;
        object-fit: cover;
    }

    .paragraph--type--section-2-cols .vigne_on_site .first-col {
        padding-right: 10%;
        display: flex;
        padding-inline: var(--padding-container);
    }

    .page-node-71 .paragraph--type--section-2-cols .cta_vantaggi {
        margin-left: -15rem;
        margin-right: -15rem;
        padding-left: var(--padding-container);
        padding-right: var(--padding-container);
    }

    .page-node-72 .paragraph--type--section-2-cols .cta_vantaggi {
        margin-left: -15rem;
        margin-right: -15rem;
        padding-left: var(--padding-container);
        padding-right: var(--padding-container);
    }

    .paragraph--type--two-text-image .col_image img {
        border-radius: 60px;
        aspect-ratio: 16 / 9;
        object-fit: cover;
    }



    .slideshow .paragraph--type--slide .field--name-field-text {
        position: absolute;
        left: 13rem;
        top: 55%;
        transform: translate(0%, -45%);
        z-index: 2;
        margin: auto;
        color: #fff;
        font-family: var(--font-primary);
    }

    /* Position CTA link in the text block */
    .slideshow .paragraph--type--slide .field--name-field-cta {
        position: absolute;
        left: 13rem;
        top: 75%;
        transform: translate(0%, - 25%);
        z-index: 2;
        margin: auto;
        text-align: left;
    }

}