.block-page-title-block,
.block-system-breadcrumb-block {
  display: none !important;
}

.page-node-88 .intro_partnership {
  margin:auto;
  width:100%;
  text-align: center;
  padding: 0 var(--padding-container) 80px;
}

.clearfix.text-formatted.field.field--name-field-fake-title.field--type-text-long.field--label-hidden.field__item {
    display: none;
}

ul.contextual-links a {
  color: black !important;
}

.node--type-policy .wrapper_404 {
  padding: 80px var(--padding-container);
  text-align: center;
}

.node--type-policy h3.big_404 {
  font-size: 48px;
  font-weight: bold;
  line-height: 1.2;
  margin-bottom: 60px;
  letter-spacing: 1px;
  color: var(--green);
}

.node--type-policy a.back_home_404 {
  border: solid 2px var(--green);
  padding: 10px 50px;
  font-size: 20px;
  text-transform: uppercase;
  border-radius: 10px;
  color: var(--green);
  font-weight: bold;
  margin-top: 80px;
}

.node--type-policy .node .field--type-image {
  float: none;
  margin: -20px 0;
  margin: 2rem 2rem 0;
  height: 70vh;
}



.node--type-policy .field--type-image img,
.field--name-field-user-picture img {
  margin: 0;
  border-top-left-radius: 60px;
  border-top-right-radius: 60px;
  max-width: 100%;
  height: auto;
  object-fit: cover;
  height: 70vh;
  float: inline-start;
}


.page-node-88 .second-col {
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.page-node-88 .c-hero--advanced-header {
  display: none !important;
}

.page-node-88 .cta_vantaggi {
  padding: 40px var(--padding-container);
}

.page-node-87 .c-hero--advanced-header {
  display: none !important;
}

.page-node-11 #block-contattaci {
  background-color: var(--white);
}

.page-node-11 #block-contattaci .field--label-above,
.page-node-11 #block-contattaci .field--name-field-title {
  display: none;
}

.page-node-11 .paragraph--type--team-section {
  background-color: #E7EBEB;
  color: var(--color-text);
}

.page-node-11 .paragraph--type--team-section .team-card__name {
  color: var(--green);
}

.page-node-11 .paragraph--type--team-section .team-card__role {
  color: var(--green);
}

.page-node-11 .paragraph--type--team-section .team-card__bio {
  color: var(--color-text);
}

.page-node-11 #block-contattaci h3.big {
  display: none;
}

.page-node-11 #block-contattaci p {
  margin-bottom: 40px;
}

.page-node-81 .snoetta_two_cols img {
  aspect-ratio: 1/1;
  object-fit: cover;
}

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

.field--name-field-strip-image {
  display: none !important;
}

/* loader */
#loader_out {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  z-index: 999992;
  overflow: hidden;
}

#loader_in {
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  width: 100%;
  height: 100%;
}

.loader_img {
  max-width: 60%;
  height: auto;
  display: block;
  animation-name: loaderPulse;
  animation-duration: 1s;
  animation-direction: alternate;
  animation-iteration-count: infinite;
}

@keyframes loaderPulse {
  0% {
    transform: scale(0.8, 0.8);
    opacity: 1;
  }

  100% {
    transform: scale(1, 1);
    opacity: 0.8;
  }
}

.dropdown-item.active,
.dropdown-item:active {
  text-decoration: none;
  background-color: var(--orange) !important;
}

.btn:hover {
  color: var(--green);
  background-color: var(--white);
  border-color: var(--white);
  font-weight: 600;
}

a.login_button:hover {
  background-color: var(--green);
  font-weight: 600;
  font-size: 16px;
  border: solid 2px var(--green);
  padding: 8px 35px;
  border-radius: 10px;
  color: var(--white);
}

.line-vertical-2 {
  position: relative;
  top: -130px;
  left: 50%;
  margin-bottom: -100px;
  width: 2px;
  height: 150px;
  background-color: var(--orange);
  z-index: 1000;
  transform: rotate(90);
  min-height: 150px;
}

.dot-top-2 {
  position: relative;
  top: -130px;
  left: 50%;
  margin-left: -7px;
  width: 15px;
  height: 15px;
  background-color: var(--orange);
  border-radius: 50%;
  z-index: 1000;
}

.dot-bottom-2 {
  position: relative;
  top: -40px;
  left: 50%;
  margin-left: -7px;
  width: 15px;
  height: 15px;
  background-color: var(--orange);
  border-radius: 50%;
  z-index: 1000;
}

.vantaggi_tit {
  color: var(--color-text);
  font-size: 30px;
  margin-bottom: 40px;
  margin-top: -100px;
  font-weight: bold;
}




.page-node-69 .c-hero--advanced-header,
.page-node-71 .c-hero--advanced-header,
.page-node-72 .c-hero--advanced-header,
.page-node-73 .c-hero--advanced-header,
.page-node-74 .c-hero--advanced-header,
.page-node-79 .c-hero--advanced-header {
  display: none !important;
}

.page-node-73 .c-hero,
.page-node-76 .c-hero,
.page-node-77 .c-hero,
.page-node-78 .c-hero,
.page-node-79 .c-hero,
.page-node-81 .c-hero {
  padding: 0;
}

.page-node-73 .c-hero__eyebrow,
.page-node-76 .c-hero__eyebrow,
.page-node-77 .c-hero__eyebrow,
.page-node-78 .c-hero__eyebrow,
.page-node-79 .c-hero__eyebrow,
.page-node-81 .c-hero__eyebrow {
  text-align: center;
}

.page-node-73 .c-hero__title,
.page-node-76 .c-hero__title,
.page-node-77 .c-hero__title,
.page-node-78 .c-hero__title,
.page-node-79 .c-hero__title,
.page-node-81 .c-hero__title {
  max-width: none;
  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;
}

.page-node-73 .c-hero__inner,
.page-node-76 .c-hero__inner,
.page-node-77 .c-hero__inner,
.page-node-78 .c-hero__inner,
.page-node-79 .c-hero__inner,
.page-node-81 .c-hero__inner {
  transform: translateY(-15%);
}

.page-node-75 .c-hero {
  padding: 0;
}

.page-node-75 .c-hero__eyebrow {
  text-align: center;
}

.page-node-75 .c-hero__title {
  max-width: none;
  text-align: center;
}

.page-node-75 .c-hero__description {
  margin-top: 40px;
  color: var(--color-primary);
  text-align: center;
}

.page-node-75 .c-hero__inner {
  transform: translateY(-15%);
}

.page-node-71,
.page-node-72 .cta-vantaggi .paragraph--type--section-2-cols .first-col {
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
}

.page-node-71,
.page-node-72 .paragraph--type--section-2-cols {
  padding: 20px 0 20px;
}

.page-node-70,
.page-node-72 .paragraph--type--section-2-cols .first-col p {
  max-width: 450px;
}

.page-node-70,
.page-node-72 .paragraph--type--section-2-cols .second-col p {
  max-width: 450px;
}

.page-node-71 .paragraph--type--section-2-cols .cta_vantaggi .first-col {
  justify-content: center;
}

.page-node-72 .paragraph--type--section-2-cols .cta_vantaggi .first-col {
  justify-content: center;
}

.page-node-71 .paragraph--type--section-2-cols .cta_vantaggi .second-col {
  justify-content: center;
  padding: 40px 0 40px 0;
}

.page-node-71 .paragraph--type--section-2-cols {
  justify-content: center;
  padding: 40px 0 0 0;
}

.page-node-71 .paragraph--type--section-2-cols img {
  max-width: 500px;
}

.page-node-71 .vantaggi_tit {
  margin-top: 0px;
}

.page-node-71 .dot-top-2 {
  margin-top: -220px;
}

.page-node-72 .paragraph--type--section-2-cols .cta_vantaggi .second-col {
  justify-content: center;
  padding: 40px 0 40px 0;
}


.page-node-71 .paragraph--type--section-2-cols .second-col {
  display: flex;
  justify-content: center;
  align-items: center;
}


.page-node-72 .paragraph--type--section-2-cols .second-col {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  flex-direction: column;
}

.page-node-71 .paragraph--type--section-2-cols .first-col {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.page-node-72 .paragraph--type--section-2-cols .first-col {
  display: flex;
  justify-content: center;
  align-items: center;
}

.page-node-71 .cta_vantaggi {
  background-color: rgba(12, 51, 50, 0.1);
  display: flex;
  justify-content: center;
  align-items: center;
}

.page-node-72 .cta_vantaggi {
  background-color: rgba(12, 51, 50, 0.1);
  display: flex;
  justify-content: center;
  align-items: center;
}

.cta_vantaggi h3.big {
  color: var(--green);
  font-size: 47px;
  margin: 0;
}

.page-node-72 .cta_vantaggi .btn-primary {
  padding: 10px 80px;
}

.page-node-71 .cta_vantaggi .btn-primary,
.page-node-88 .cta_vantaggi .btn-primary {
  padding: 10px 80px;
}

.page-node-88 .cta_vantaggi {
  background-color: #E6EAEA;
}

.page-node-88 .paragraph--type--section-2-cols {
  padding: 0;
}

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.page_block_chi_siamo h2 {
  font-size: 2.5rem;
  font-weight: bold;
  font-family: var(--font-primary);
  margin-bottom: 60px;
  margin-top: 10px;
}

.line-dot {
  margin-bottom: -150px;
}

.dot-top {
  position: relative;
  top: -200px;
  left: 50%;
  margin-left: -7.5px;
  width: 15px;
  height: 15px;
  background-color: var(--orange);
  border-radius: 50%;
  z-index: 1000;
}

.line-vertical {
  position: relative;
  top: -200px;
  width: 1px;
  height: 150px;
  background-color: var(--orange);
  z-index: 1000;
  transform: rotate(90);
}

.dot-bottom {
  position: relative;
  top: -200px;
  left: 50%;
  margin-left: -7.5px;
  width: 15px;
  height: 15px;
  background-color: var(--orange);
  border-radius: 50%;
  z-index: 1000;
}

.dot-top-feature-hero {
  position: relative;
  top: 90px;
  left: 50%;
  margin-left: -7px;
  width: 15px;
  height: 15px;
  background-color: var(--orange);
  border-radius: 50%;
  z-index: 1000;
}

.line-vertical-feature-hero {
  position: relative;
  top: 90px;
  width: 2px;
  height: 150px;
  background-color: var(--orange);
  z-index: 1000;
  margin: auto;
}

.dot-bottom-feature-hero {
  position: relative;
  top: 90px;
  left: 50%;
  margin-left: -7px;
  width: 15px;
  height: 15px;
  background-color: var(--orange);
  border-radius: 50%;
  z-index: 1000;
}

.dot-top-feature-hero-after {
  position: relative;
  top: -90px;
  left: 50%;
  margin-left: -7px;
  width: 15px;
  height: 15px;
  background-color: var(--orange);
  border-radius: 50%;
  z-index: 1000;
}

.line-vertical-feature-hero-after {
  position: relative;
  top: -90px;
  width: 2px;
  height: 150px;
  background-color: var(--orange);
  z-index: 1000;
  margin: auto;
}

.dot-bottom-feature-hero-after {
  position: relative;
  top: -90px;
  left: 50%;
  margin-left: -7px;
  width: 15px;
  height: 15px;
  background-color: var(--orange);
  border-radius: 50%;
  z-index: 1000;
}

.dot-top-progetto {
  position: relative;
  top: -180px;
  left: 50%;
  margin-left: -7.5px;
  width: 15px;
  height: 15px;
  background-color: var(--orange);
  border-radius: 50%;
  z-index: 1000;
}

.line-vertical-progetto {
  position: relative;
  top: -180px;
  width: 1px;
  height: 100px;
  background-color: var(--orange);
  z-index: 1000;
  transform: rotate(90);
  margin: auto;
}

.dot-bottom-progetto {
  position: relative;
  top: -180px;
  left: 50%;
  margin-left: -7.5px;
  width: 15px;
  height: 15px;
  background-color: var(--orange);
  border-radius: 50%;
  z-index: 1000;
}

.dot-top-vantaggi {
  position: relative;
  top: -180px;
  left: 50%;
  margin-left: -7px;
  width: 15px;
  height: 15px;
  background-color: var(--orange);
  border-radius: 50%;
  z-index: 1000;
}

.line-vertical-vantaggi {
  position: relative;
  top: -180px;
  width: 2px;
  height: 100px;
  background-color: var(--orange);
  z-index: 1000;
  transform: rotate(90);
  margin: auto;
}

.dot-bottom-vantaggi {
  position: relative;
  top: -180px;
  left: 50%;
  margin-left: -7px;
  width: 15px;
  height: 15px;
  background-color: var(--orange);
  border-radius: 50%;
  z-index: 1000;
}

/**
 * @file
 * Subtheme specific CSS.
 */

body {
  font-family: var(--font-primary);
  color: #101010;
  overflow-x: hidden;
}


.header {
  position: relative;
  top: 4rem;
  left: 4rem;
  right: 4rem;
  width: calc(100% - 8rem);
  z-index: 100;
  background-color: #ffffff;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  margin-bottom: -150px;
  z-index: 1000;
  font-family: var(--font-primary);

}

.site-footer .block {
  border: none;
  margin: 0;
}

.site-footer h2 {
  display: none;
}

.site-footer img {
  max-width: 300px;
}

.site-footer .container {
  max-width: 1400px;
  margin: auto;
}

a {
  color: #000;
  text-decoration: none;
}

a.login_button {
  background-color: transparent;
  font-weight: 600;
  font-size: 16px;
  border: solid 2px var(--green);
  padding: 8px 35px;
  border-radius: 10px;
}

img {
  max-width: 100%;
  height: auto;
}

.field__label {
  display: none;
}

/* paragraphs video */
.paragraph--type--parallax .field_text * {
  color: #fff;
}


/*
.paragraph--type--parallax {
  margin: 0 var(--negativeMarginX);
  clip: rect(0, 100%, 100%, 0);
}
*/

#views-bootstrap-teasers-all-projects {
  margin: 120px 0 120px 0;
}

/*.Parallax_contattaci h1 {}

.Parallax_cta {
}*/

.node--view-mode-teaser {
  padding-bottom: 15px;
  display: flex;
  justify-content: center;
  /* margin: 20px 0px 40px 0px; */
  align-items: center;
  margin: 0;
  /* padding-left: 50px; */
  /* padding-right: 50px; */
  border-bottom: none;
  padding-inline: 20px;
  padding: 20px;
}

.login_button a:hover {
  background-color: var(--green);
  border: solid 2px var(--green);
  padding: 8px 35px;
  border-radius: 10px;
}

.navbar-expand-lg .navbar-nav .nav-link {
  padding-right: 2rem;
  padding-left: 2rem;
}

.navbar-nav .nav-link.active {
  color: var(--orange);
}


.site-footer .block {
  /* margin: 20px 0; */
  border: none;
  padding: 0px;
}

#block-citiculture2026-contactsen {
  margin-top: 80px;
}

#block-citiculture2026-contactsen .content {
  border-left: solid 1px var(--orange);
  padding-left: 40px;
}

/*.site-footer .mail_wrapper {

}*/

#block-citiculture2026-piedipagina {
  margin-top: 40px;
  padding-left: 40px;
  border-left: solid 1px var(--orange);
  margin-top: 80px;
}

#block-citiculture2026-piedipagina a {
  color: var(--white);
  opacity: 0.5;
  text-transform: uppercase;
}

#block-citiculture2026-piedipagina ul {
  display: flex;
  flex-direction: column !important;
  justify-content: center;
  gap: 1rem;
  padding-block: 0.5rem;
  margin-top: -10px;
  margin-bottom: -30px;
}

/*.menu_footer {

}*/

.nav-link.is-active,
header .nav-link.active {
  font-weight: 700;
}


.navbar-toggler {
  border: 0px;
}

.navbar-toggler .threelines {
  padding: 0px 3px;
  margin-bottom: 7px;
}

.navbar-toggler .line {
  width: 100%;
  height: 2px;
  border-radius: 2px;
  background-color: var(--color-black);
  margin-top: 6px;
}

.navbar-toggler .line2 {
  width: 80%;
  margin-left: 20%;
}

.navbar-toggler .menu-label {
  text-transform: uppercase;
  font-size: 16px;
  color: var(--color-black);
}

header .nav-link {
  color: #000;
  font-size: 1rem;
  text-transform: uppercase;
}

.section_chi_siamo {
  display: flex;
}

.section-label {
  display: inline-block;
  font-size: 24px;
  font-weight: 400;
  color: var(--green);
  text-transform: uppercase;
}

.section-label-white {
  display: block;
  font-size: 24px;
  font-weight: 100;
  text-transform: uppercase;
  color: var(--white);
  margin-bottom: 60px;
  opacity: 0.7;
}

h2.small,
#block-citicultureprocess h2 {
  display: inline-block;
  font-size: 24px;
  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%;
}

#block-citicultureprocess h2 {
  color: var(--white) !important;
  margin-bottom: 60px;
}

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

.page-node-68 h3.big {
  color: var(--green);
}


.paragraph--type--parallax h3.big {
  color: var(--color-primary);
}

.wrapper_aziende {
  padding: 80px 0 0 0;
  font-family: var(--font-primary);
}

.tabs {
  display: flex;
  justify-content: center;
  position: relative;
  z-index: 2;
}

.wrapper_two_text_image {
  padding-bottom: 80px;
}

.nav-tabs {
  border: none;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  color: var(--white);
  background-color: var(--green);
  border-color: var(--green);
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
  isolation: isolate;
  background-color: var(--green);
  color: var(--white);
}

.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: 10px;
  color: var(--green);
  font-family: var(--font-primary);
}

.section_2_cols {
  display: flex;
  align-items: center;
  margin: auto;
  background-color: #fff;
}

.section_2_cols .second-col {
  margin-top: 60px;
}

.btn-primary,
a.btn-primary {
  background-color: #023232;
  font-weight: 400;
  font-size: 14px;
  border: solid 2px #023232;
  padding: 10px 35px;
  border-radius: 10px;
  text-transform: uppercase;
  margin-top: 20px;
}


.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
:not(.btn-check)+.btn:active {
  background-color: #ffffff;
}

a.btn-primary:hover {
  color: #023232;
  border: solid 2px #023232;
}

.btn-primary:hover a {
  color: #023232;
}


.btn-secondary,
a.btn-secondary {
  background-color: transparent;
  font-weight: 400;
  font-size: 18px;
  border: solid 2px var(--white);
  padding: 10px 50px;
  border-radius: 10px;
  text-transform: uppercase;
}


.slideshow {
  margin: 2rem 2rem 0rem 2rem;

}

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

.navbar-expand-lg {
  max-width: 1400px;
  margin: auto;
  min-height: 150px;
}

@media (min-width: 1400px) {

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


.cosa_facciamo {
  background: #023232;
  background: linear-gradient(180deg, rgba(2, 50, 50, 1) 0%, rgba(2, 50, 50, 1) 83%, rgba(255, 255, 255, 1) 83%, rgba(255, 255, 255, 1) 100%);
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 18px;
  padding: 80px 0 80px 0;
}

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

.cosa_facciamo .second-col {
  display: flex;
  align-items: center;
  margin-top: 20px;
}

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

.cosa_facciamo a.btn-primary {
  background-color: transparent;
  border: solid 2px #fff;
  color: #fff;
  margin-top: 20px;
  font-size: 16px;
  padding: 10px 35px;
  border-radius: 10px;
  text-transform: uppercase;
}

.cosa_facciamo a.btn-primary:hover {
  background-color: #ffffff;
  border: solid 2px #ffffff;
  color: #023232;
}

/* .cosa_facciamo img {
  min-height: 600px;
  width:80%;
  object-fit: cover;
  border-radius:40px;
} */

.row {
  --bs-gutter-x: 0rem;
}



.site-footer {
  padding: 60px 0 30px;
  background: var(--green);
}

.region-copyright {
  font-size: .875rem;
  color: var(--white);
  padding: 40px 0 40px 0;
  display: flex;
  justify-content: center;
}

.cta-wrapper {
  margin-top: 2rem;
}

.cta-wrapper .btn {
  background-color: var(--green, #023232);
  color: var(--white, #fff);
  border: none;
  padding: 0.75rem 1.5rem;
  border-radius: var(--borderRadius, 0.625rem);
  text-decoration: none;
  font-weight: bold;
  transition: background-color 0.3s ease;
}

.cta-wrapper .btn:hover {
  background-color: var(--green-medium, #335757);
  color: var(--white, #fff);
}


/************************************
FOOTER
************************************/
.site-footer,
#block-citiculture-copyright {
  background-color: var(--green);
  font-family: var(--font-primary);
  color: var(--white);
  margin-bottom: 0;
  padding-bottom: 0;
}

.site-footer .content {
  color: inherit;
  color: #fff;
  font-size: .875rem;
}

.site-footer h2 {
  color: var(--white);
  font-size: 1rem;
  text-transform: uppercase;
  position: relative;
  border-bottom: 1px solid var(--white);
}

.site-footer .nav-link {
  font-size: .875rem;
}



.site-footer .nav-link {
  margin: 0;
  padding: 0;
}

.region-footer-first *,
.region-footer-second *,
.region-copyright {
  font-size: .875rem;
  color: var(--white);
}

.site-footer .content a,
.site-footer .content a.is-active {
  color: var(--white);
}

.site-footer a:hover,
.site-footer .content a:hover,
.site-footer .content a:focus {
  color: #e56b00;
}

.site-footer .mail_wrapper {
  margin-bottom: 1.5rem;
}

.socials {
  display: flex;
}

.socials svg:hover path {
  fill: #e56b00;
}

.socials>* {
  margin: 0;
  margin-right: 1rem;
}

.site-footer .socials * {
  color: #fff;
  fill: #fff;
}

header .socials {
  display: flex;
}