/*
Theme Name:     basso-valdarno
Description:    Tema basso valdarno
Author:         Net7 srl.
Author URI:     https://www.netseven.it
Version:        0.1.0
*/

.head-tags {
    margin-bottom: 24px !important;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.category-tag.primary {
    border: 1px solid var(--ccolor-text-primary);
    background: var(--color-text-primary);
    color: #FFF;
    border-radius: 100px;
    padding: 4px 16px;
    align-items: flex-start;
    gap: 10px;
    font-family: "Titillium Web";
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px; /* 114.286% */
  }

 .data {
    font-family: "Roboto Mono";
    font-weight: 400;
  }

  .btn-dropdown:after {
    border-top: 0.3em solid;
    border-right: 0.3em solid rgba(0, 0, 0, 0);
    border-bottom: 0;
    border-left: 0.3em solid rgba(0, 0, 0, 0);
}

.white-header {
  background: white !important; 
  z-index: -11;
}

.it-header-center-wrapper .it-header-center-content-wrapper .it-brand-wrapper .it-brand-text {
  padding-left: 10px !important;
  color: #06c;
}

.it-header-center-wrapper .it-header-center-content-wrapper .it-right-zone {
  color: #06c;
}
.it-header-wrapper .navbar-collapsable .logo-hamburger {
  color: #06c;
}
.it-header-wrapper .navbar-collapsable .logo-hamburger .icon  {
  fill: #06c;

}

.it-footer-small-prints a, .it-footer-small-prints a:hover:not(.disabled) {
  font-size: 0.875rem !important;
  text-decoration: underline !important;
}

.it-footer-small-prints a {
  text-decoration: none !important;
}

@media (min-width: 1200px){
  .section {
    padding: 6.75rem 0 0 !important;
  } 
  .section--white {
    padding: 88px 0 120px !important;
  }
  .it-footer .footer-info {
    padding-right: 280px !important;
  }
  };

  @media (max-width: 991.8px) {
  .it-header-wrapper .navbar-collapsable .menu-wrapper {
    position: inherit !important;
  }
}

@media (max-width: 992px) {
.btn-dropdown:after, .dropdown-toggle:after {
  display: -webkit-inline-box;
  margin-bottom: 10px;
}
.container-wetlands {
  width: 100% !important;
}
.it-header-center-wrapper {
  height: 90px !important;
}

}


@media (min-width: 768px) and (max-width: 991px) {
  .colonna-particolare {
    flex: 0 0 auto !important;
      width: 50% !important;
  }
  .container-wetlands {
    width: 80% !important;
  }
}


button.custom-navbar-toggler {
  padding-left: 7px;
  padding-right: 7px;
}

.navbar-expand-lg {
  border-radius: 5px;
}

.it-hero-text-wrapper {
  color: #FFF;

  /* heading/1-lg */
  font-size: 48px !important;
  font-style: normal !important;
  font-weight: 600 !important;
  line-height: 56px !important; /* 116.667% */
}

.text-p-title {
  color: #FFF;

  /* heading/5-lg */
  font-family: "Titillium Web" !important;
  font-size: 24px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 32px !important; /* 133.333% */
}

@media (min-width: 768px) {
  .altezza-colonna {
    height: 580px !important;
  }
}

@media (min-width: 992px) {
  .it-header-wrapper .navbar-collapsable .menu-wrapper {
    justify-content: center;
  }
  .it-header-center-wrapper .it-header-center-content-wrapper .it-search-wrapper a.rounded-icon svg {
      fill: white;
  }

  .it-header-center-wrapper .it-header-center-content-wrapper .it-search-wrapper a.rounded-icon {
    background: #06C;   
  }

  .navbar-topbar {
    background: #024691;
  }

  .it-hero-wrapper {
    align-items: end !important;
  }
  .it-hero-wrapper .it-hero-text-wrapper {
    padding: 0px 45% 80px 0px;
  }

}

.it-overlay {
  background: linear-gradient(202deg, rgba(0, 0, 0, 0.00) 17.36%, #000 67.78%) !important;
}

h1 {
  font-weight: 600 !important;
}

p {
  font-weight: 400 !important;
}

.card-link {
  padding: 24px 15px !important;
  border-radius: 4px;
}

.section-link {
  padding: 88px 64px !important;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  flex-wrap: wrap;
}

.text-card-link {
  color: var(--color-text-primary, #06C);

  /* heading/6-lg */
  font-family: "Titillium Web";
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px; /* 133.333% */
}

.title-congressi-iniziative
{
  color: var(--color-text-secondary, #2F475E) !important;
}

#titleNotizie {

  color: #000 !important;
}

.section-widget {
  display: flex;
  padding: 64px 0px !important;
  justify-content: center;
  align-items: center;
  gap: 24px;  
}

.container-wetlands {
  width: 100%;
  padding: 24px !important;
  border-radius: 8px;
  border: 1px solid var(--color-gray-90, #E5E5E5);
  background: linear-gradient(250deg, #D6E9FC -7.19%, #F1F8FF 27.39%, #F9FBFD 53.68%, #CFE7FF 95.71%);

  /* shadow-s */
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15);
}


.immagine-wetlands {
  height: 70px;
  flex-shrink: 0;
  border-radius: 8px;
  margin-bottom: 16px;
}

.title-widget {
  color: var(--color-text-base, #1A1A1A);
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  padding-top: 16px;
  padding-bottom: 16px;
}

.testo-widget {
  flex-shrink: 0;
  align-self: stretch;
  color: var(--color-text-base, #1A1A1A);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px; 
}

.card-text-blue {
  color: var(--color-text-primary, #06C) !important;
}

.colonna-link {
  padding-right: unset !important;
  padding-left: unset !important;
}

.card-link-utili {
  padding: 16px 12px !important;
}

.card-wrapper {
  border-radius: 4px !important;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.15);
}

.card-wrapper:hover {
  border-radius: 4px;
  box-shadow: 0px 16px 48px 0px rgba(0, 0, 0, 0.15);
}

.hover-link:hover {
  text-decoration: underline !important;
}

.it-overlay {
  background: linear-gradient(166deg, rgba(0, 0, 0, 0.00) 11.11%, rgba(0, 0, 0, 0.20) 40.28%, #000 86.82%) !important;
}

@media(min-width: 767px) {
.container-speciale-widget {
  max-width: 960px;
  }
}

.title-footer {
  padding-top: 32px;
  padding-bottom: 48px;
}

.card-title a {
  text-decoration: none;
}

.custom-container {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}

/* Per schermi fino a 1023px */
@media (max-width: 1023px) {
  .custom-container {
    padding-left: calc(8px + 5%);
    padding-right: calc(8px + 5%);
  }
}

/* Per schermi da 1024px a 1439px */
@media (min-width: 1024px) and (max-width: 1439px) {
  .custom-container {
    padding-left: calc(16px + 5%);
    padding-right: calc(16px + 5%);
  }
}

/* Per schermi da 1440px in su */
@media (min-width: 1440px) {
  .custom-container {
    padding-left: 256px;
    padding-right: 256px;
  }
}

body:not(.home) .it-nav-wrapper {
  margin-bottom: 2rem;
}

/* Stile sidebar menu laterale */
.page-with-sidebar {
 
  .it-nav-wrapper {
    background-color: #f5f5f5;
    margin-bottom: 2rem;
    border-radius: 4px;
    position: relative;
    z-index: 10; /* Aumentato z-index */
  }

  /* Fix header */
  header {
    position: relative;
    z-index: 100; /* z-index più alto per l'header */
  }

  /* Contenuto principale */
  .container.custom-container {
    position: relative;
    z-index: 1;
  }

  .article_header {
    position: relative;
    z-index: 5;
  }

  /* Media queries */
  @media (max-width: 991px) {
      .it-nav-wrapper {
          position: relative !important;
          top: 0 !important;
      }
  }

  @media (min-width: 1200px) {
      .container {
          max-width: 1140px;
      }
  }

  /* Sidebar styles */
  .sidebar-wrapper {
      padding: 0;
      position: relative;
      border-right: 1px solid #E6E9F2;
  }

  .sidebar-wrapper h3 {
      color: #333;
      font-weight: 600;
      text-transform: uppercase;
      font-size: 14px;
      padding: 16px;
      margin: 0;
  }

  .link-list-wrapper {
      margin-bottom: 0;
  }

  .sidebar-wrapper > div {
      border-bottom: 1px solid #E6E9F2;
  }

  .link-list-wrapper .link-list {
      padding-left: 0;
      list-style: none;
      margin: 0;
  }

  .link-list-wrapper .link-list li {
      margin: 0;
  }

  .link-list-wrapper .link-list .list-item {
      color: #0066CC;
      text-decoration: none;
      display: flex;
      align-items: center;
      padding: 16px;
      gap: 8px;
      font-size: 16px;
      transition: color 0.2s ease;
      position: relative;
  }

  .link-list-wrapper .link-list .list-item span {
      transition: color 0.2s ease;
  }

  .link-list-wrapper .link-list .list-item:hover span,
  .link-list-wrapper .link-list .list-item:hover {
      color: #003366;
      text-decoration: none;
  }

  .sidebar-wrapper .sidebar-linklist-wrapper .link-list-wrapper ul li a.active::after,
  .sidebar-wrapper .link-list-wrapper .link-list li a.active::after {
      content: "";
      left: auto !important;
      right: -1px !important;
      top: 0;
      width: 2px !important;
      height: 100%;
      background-color: #003366 !important;
      position: absolute;
      z-index: 1;
      align-self: stretch;
  }

  .sidebar-wrapper .link-list-wrapper .link-list li a.active::before {
      content: none !important;
      left: auto !important;
  }

  .sidebar-wrapper .link-list-wrapper .link-list li a.active,
  .sidebar-wrapper .link-list-wrapper .link-list li a.active span {
      color: #003366 !important;
  }

  .breadcrumb-container {
      margin-bottom: 24px;
  }

  .breadcrumb {
      padding: 0;
      margin: 0;
      list-style: none;
      display: flex;
      align-items: center;
  }

  .breadcrumb-item {
      display: flex;
      align-items: center;
      font-size: 14px;
  }

  .breadcrumb-item .separator {
      margin: 0 8px;
      color: #666;
  }

  .breadcrumb-item a {
      color: #0066CC;
      text-decoration: none;
  }

  .breadcrumb-item.active {
      color: #666;
  }

  h1 {
      margin-bottom: 24px;
      color: #333;
      font-size: 2.5rem;
  }

  .col-lg-9 {
      padding-left: 24px;
  }

  .sidebar-wrapper > div:not(:last-child) {
      margin-bottom: 0;
  }
}


.link-list-utili li a {
  padding: 0 !important;
}

.section-link-utili {
  @media (min-width: 1200px) {
         padding: 3.5rem 0 3.5rem !important;
  }
}


/* Per elenchi puntati ecc, nel body content */

  .n7-page-body h2 {
    font-size: 2rem;
    margin-bottom: 2rem;
    font-weight: 600;
    line-height: 1.2;
  }
  
  .n7-page-body * + h2 {
    margin-top: 4rem;
  }
  
  .n7-page-body h3 {
    font-size: 1.75rem;
    margin-bottom: 1.5rem;
  }
  
  .n7-page-body * + h3 {
    margin-top: 3rem;
  }
  
  .n7-page-body h4 {
    font-size: 1.5rem;
    margin-bottom: 1rem;
  }
  
  .n7-page-body * + h4 {
    margin-top: 2rem;
  }
  
  .n7-page-body h5 {
    font-size: 1.25rem;
    margin-bottom: 0.75rem;
  }
  
  .n7-page-body * + h5 {
    margin-top: 1.75rem;
  }
  
  .n7-page-body h6 {
    font-size: 1rem;
    font-weight: 500;
  }
  
  .n7-page-body * + h6 {
    margin-top: 1.5rem;
  }
  
  .n7-page-body ol,
  .n7-page-body ul,
  .n7-page-body p {
    font-size: 1rem;
    line-height: 1.6;
  }
  
  @media (min-width: 768px) {
    .n7-page-body ol,
    .n7-page-body ul,
    .n7-page-body p {
      font-size: 1.125rem;
    }
  }
  
  .n7-page-body p + p,
  .n7-page-body * + ol,
  .n7-page-body * + ul,
  .n7-page-body * + blockquote,
  .n7-page-body blockquote + * {
    margin-top: 1.75rem;
    margin-bottom: 1.75rem;
  }
  
  .n7-page-body blockquote {
    border-left: 4px solid var(--primary);
    margin-left: -1rem;
    padding-left: 1.25rem;
  }
  
  .n7-page-body ol {
    list-style: decimal;
  }
  
  .n7-page-body ul {
    list-style: disc;
  }
  
  .n7-page-body ol,
  .n7-page-body ul {
    margin-left: 1em;
  }
  
  .n7-page-body ol li + li,
  .n7-page-body ul li + li {
    margin-top: 0.75rem;
  }
  
  .n7-page-body a {
    text-decoration: underline !important;
  }
  
  .n7-page-body p a,
  .n7-page-body li a {
    text-decoration: underline;
  }
  
  .n7-page-body p a:hover,
  .n7-page-body li a:hover {
  }
  
  .n7-page-body p img,
  .n7-page-body p a img,
  .n7-page-body .wp-block-image img {
    margin-top: 1.75rem;
    margin-bottom: 1.75rem;
    width: 100%;
    display: block;
    float: none;
  }
  
  @media (min-width: 768px) {
    .n7-page-body p img,
    .n7-page-body p a img,
    .n7-page-body .wp-block-image img {
      width: auto;
    }
  }
  
  .n7-page-body p iframe {
    aspect-ratio: 16/9;
    width: 100%;
    height: auto;
    display: block;
    float: none;
  }
  
  /* Small spacing variant */
  .n7-page-body--spacing-sm * + p,
  .n7-page-body--spacing-sm p + p,
  .n7-page-body--spacing-sm * + ol,
  .n7-page-body--spacing-sm * + ul,
  .n7-page-body--spacing-sm * + blockquote,
  .n7-page-body--spacing-sm blockquote + * {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
  }



  /*  Tag e Catgeorie chips*/

  .category-tag {
    display: inline-block;
    padding: 0.25rem 0.5rem;
    margin-right: 0.5rem;
    margin-bottom: 0.5rem;
    border-radius: 4px;
    text-decoration: none;
}

.category-tag.category {
    background-color: #0066CC;
    color: white;
}

.category-tag.tag {
    background-color: #E5F1FA;
    color: #0066CC;
}

.category-tag:hover {
    opacity: 0.8;
    text-decoration: none;
    .category-tag.tag {
      margin-right: 0.25rem;
      margin-bottom: 0.25rem;
  }
  
  .category-tag.category {
      margin-right: 1rem;
      margin-bottom: 0.5rem;
  }
}