html {
  scroll-behavior: smooth;
  /* for anchor links */
  scroll-padding-top: 40px;
  /* Quanto prima dell'anchor deve fermarsi */
  font-size: var(--default-font-size);
  font-family: "Inter", sans-serif;
}
body.error404 {
  padding-top: var(--navbar-height);
}
body.error404 .row-header{
  background-color: var(--primary-color) !important /*I want to keep the black navbar here*/;
}
/* a:not([class]),
a:not([class]):visited {
    color: var(--primary-color);
} */

.row {
  width: 100%;
  margin: 0;
}

.row-primary-color {
  background-color: var(--primary-color);
}

.cont {
  width: min(var(--cont-max-width), 100% - var(--cont-padding) * 2);
  margin: 0 auto;
}

.cont-small {
  width: min(var(--cont-small-max-width), 100% - var(--cont-padding) * 2);
  margin: 0 auto;
}

.row-default-content h2 {
  margin-block: 8px;
}
.row-default-content p {
  margin-block: 0px;
}
.row.highlight {
  background-color: var(--primary-color);
  padding-block: var(--space-XL);
}
.row.highlight .cont {
  color: var(--highlight-row-text-color);
}
.row.highlight .cont .important {
  color: var(--highlight-row-text-color-important);
}

.row.component.space-L {
  margin-block: var(--space-L);
}
.row.component.space-XL {
  margin-block: var(--space-XL);
}

.navigazione-archivio {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin-top: var(--space-M);
}

.page-numbers {
  display: inline-block;
  padding: 10px 15px;
  text-decoration: none; /* Rimuoviamo la sottolineatura di default dei link */
  color: var(--primary-color);
  font-size: var(--body-S);
  font-weight: 400;
  line-height: var(--line-height-140);
}

.page-numbers.current {
  border-bottom: 1px solid var(--primary-color);
}

.page-numbers.next,
.page-numbers.prev {
  font-size: 10px;
}

/* --- OVERRIDES GRAVITY---- */
.gform_button {
  background-color: var(--secondary-color) !important;
  color: var(--primary-color) !important;
  padding: 16px 24px  !important;
  font-size: var(--default-font-size) !important;
  text-decoration: none !important;
  background-position: right 10px center !important;
  background-size: 10px !important;
  font-weight: 600 !important;
  display: flex !important;
  max-width: fit-content !important;
  align-items: center !important;
  gap: 2px !important;
  border-radius: 0 !important;
  line-height: var(--line-height-150) !important;
}
 .gform_button::after  {
  content: "" !important;
  display: inline-block !important;
  height: 20px !important;
  width: 20px !important;
  background-image: url(../img/arrow-right.svg) !important;
  background-repeat: no-repeat !important;
  background-position: center !important;

}
.ginput_container input[type="text"],
.ginput_container input[type="email"],
.ginput_container input[type="tel"],
.ginput_container input[type="number"],
.ginput_container input[type="url"],
.ginput_container input[type="password"],
.ginput_container input[type="search"],
.ginput_container input[type="date"],
.ginput_container input[type="time"],
.ginput_container input[type="datetime"],
.ginput_container input[type="datetime-local"],
.ginput_container input[type="month"],
.ginput_container input[type="week"],
.ginput_container input[type="color"],
.ginput_container input[type="file"],
.ginput_container input[type="submit"],
.ginput_container input[type="reset"],
.ginput_container input[type="button"],
.ginput_container select,
.ginput_container textarea {
  border: 1px solid #425466 !important;
  padding: 16px !important;
  font-size: var(--default-font-size) !important;
  line-height: var(--line-height-175) !important;
  font-weight: 400 !important;
  color: var(--primary-color) !important;
  border-radius: 0 !important;
  height: fit-content !important;
}

.ginput_container input:focus,
.ginput_container select:focus,
.ginput_container textarea:focus {
    outline: 1px solid var(--primary-color) !important;
    outline-offset: 0 !important;
}
.gfield_required {
    display: none !important;
}
.gform-footer {
    justify-content: center !important;
}
.gform_fields {
    gap: 24px   !important;
}
.gfield_label{
  color: #425466 !important;
}
@media (max-width: 768px) {
  .gform_button {
    padding: 16px 24px !important;
  }
}

.row.row-404{
  --footer-height: 434px;
  --navbar-height: 88px;
  /* height: calc(100vh - var(--footer-height)); */
  height: calc(100vh - var(--footer-height) - var(--navbar-height));
  min-height: 480px;
}

.row-404 .cont {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 100%;
}
.row-404 .cont h1 {
  font-size: 64px;
  line-height: 1.12;
  font-weight: 700;
  margin: 0;
}
.row-404 .cont h2{
  font-size: var(--body-L);
  font-weight: 400;
  line-height: 1.77;
}
.row-404 .cont .cta-primary {
  margin-top: 48px;
}
.navigazione-archivio:empty{
  display: none;
}