/* ==========================================================================
   RESPONSIVE DESIGN - ARTICLE CARDS DINAMICHE
   ========================================================================== */

/* ==========================================================================
   MOBILE HAMBURGER MENU - HIDDEN BY DEFAULT
   ========================================================================== */

/* Hide hamburger on desktop */
.mobile-menu-toggle {
  display: none;
}

.mobile-menu-overlay {
  display: none;
}

/* ==========================================================================
   CONTAINER RESPONSIVE
   ========================================================================== */


/* Ridimensionamento dinamico del container per dispositivi più piccoli */
@media (max-width: 1440px) {
  :root {
    --container: calc(100vw - 60px); /* Mantiene 30px di margin per lato */
  }
}

@media (max-width: 1200px) {
  :root {
    --container: calc(100vw - 80px); /* Aumenta i margini per schermi medi */
  }
}

@media (max-width: 992px) {
  :root {
    --container: calc(100vw - 60px); /* Riduce i margini per tablet */
  }
}

@media (max-width: 768px) {
  :root {
    --container: calc(100vw - 40px); /* Margini ridotti per mobile */
  }
}

@media (max-width: 576px) {
  :root {
    --container: calc(100vw - 30px); /* Margini minimi per small mobile */
  }
}

/* Desktop large - Responsive grid per 4+ card */
@media (min-width: 1441px) and (max-width: 1700px) {
  .sedi {
    position: absolute;
    top: -19%;
    right: -2%;
    max-width: 31vw !important;
  }
}

/*media min 1600 max 1920*/
@media (min-width: 1601px) and (max-width: 1960px) {
  .motto {
    margin-top: 15px;
    font-size: var(--font-size-md);
    }
}

/* Desktop large - Responsive grid per 4+ card */
@media (max-width: 1600px) {
  .articles-container[data-cards="4"] { grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(2, 1fr); }
  .articles-container[data-cards="5"] { grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(2, 1fr); }
  .articles-container[data-cards="6"] { grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(2, 1fr); }
   .motto {margin-top: 30px;font-size: var(--font-size-lg);}
}

/* Large tablets and small laptops - 1366px and below */
@media (max-width: 1440px) {
  /* Layout verticale per qualsiasi numero di card SOLO su portrait */
  .articles-container[data-cards] { 
    grid-template-columns: 1fr !important; 
    grid-template-rows: repeat(var(--card-count), 1fr) !important;
    height: 100vh;
  }

  .navbar-brand svg {max-width: 150px;max-height: 50px;}
  #site-navbar.active {max-height: 80px;}
  .motto {font-size: var(--font-size-md); margin-top: 0;}
  .container_menu {min-height: 110px;}
  .nav-link {font-size: var(--font-size-md);}
  .sedi {top: -25%;right: -5%;max-width: 30vw !important;}
  .slogan {max-width: 70%;}

  
  /* Imposta il numero di righe dinamicamente */
  .articles-container[data-cards="2"] { --card-count: 2; }
  .articles-container[data-cards="3"] { --card-count: 3; }
  .articles-container[data-cards="4"] { --card-count: 4; }
  .articles-container[data-cards="5"] { --card-count: 5; }
  .articles-container[data-cards="6"] { --card-count: 6; }
  
  /* Altezza dinamica delle card */
  .articles-container[data-cards="2"] .article-card { height: 50vh; }
  .articles-container[data-cards="3"] .article-card { height: 33.333vh; }
  .articles-container[data-cards="4"] .article-card { height: 25vh; }
  .articles-container[data-cards="5"] .article-card { height: 20vh; }
  .articles-container[data-cards="6"] .article-card { height: 16.666vh; }
  
  /* Scale factors dinamici per layout verticale */
  .articles-container[data-cards="2"] .article-card.expanding-left,
  .articles-container[data-cards="2"] .article-card.expanding-center,
  .articles-container[data-cards="2"] .article-card.expanding-right { --scale-factor-y: 0.5; }
  
  .articles-container[data-cards="3"] .article-card.expanding-left,
  .articles-container[data-cards="3"] .article-card.expanding-center,
  .articles-container[data-cards="3"] .article-card.expanding-right { --scale-factor-y: 0.333; }
  
  .articles-container[data-cards="4"] .article-card.expanding-left,
  .articles-container[data-cards="4"] .article-card.expanding-center,
  .articles-container[data-cards="4"] .article-card.expanding-right { --scale-factor-y: 0.25; }
  
  .articles-container[data-cards="5"] .article-card.expanding-left,
  .articles-container[data-cards="5"] .article-card.expanding-center,
  .articles-container[data-cards="5"] .article-card.expanding-right { --scale-factor-y: 0.2; }
  
  .articles-container[data-cards="6"] .article-card.expanding-left,
  .articles-container[data-cards="6"] .article-card.expanding-center,
  .articles-container[data-cards="6"] .article-card.expanding-right { --scale-factor-y: 0.167; }
  
  /* Mapping delle animazioni per layout verticale */
  .article-card.expanding-left { animation: expandFromTop 1.5s cubic-bezier(0.23, 1, 0.32, 1) forwards; }
  .article-card.expanding-center { animation: expandFromMiddle 1.5s cubic-bezier(0.23, 1, 0.32, 1) forwards; }
  .article-card.expanding-right { animation: expandFromBottom 1.5s cubic-bezier(0.23, 1, 0.32, 1) forwards; }
}

/* iPad Pro and similar tablets - 1024px and below */
@media (max-width: 1024px) {
  .articles-container {
    height: 100vh;
    margin-top: 0;
  }
}

/* Standard tablets - 768px and below */
@media (max-width: 768px) {
  /* Altezza dinamica per mobile */
  .articles-container[data-cards="2"] .article-card { height: 50vh; }
  .articles-container[data-cards="3"] .article-card { height: 33.333vh; }
  .articles-container[data-cards="4"] .article-card { height: 25vh; }
  .articles-container[data-cards="5"] .article-card { height: 20vh; }
  .articles-container[data-cards="6"] .article-card { height: 16.666vh; }
  
  .single-post-hero { background-attachment: scroll; }
  .single-post-hero-content { max-width: 90%; }
}

/* Large phones - 576px and below */
@media (max-width: 576px) {
  .articles-container { height: 100vh; }
  
  /* Altezza card dinamica per telefoni grandi */
  .articles-container[data-cards="2"] .article-card { height: 50vh; }
  .articles-container[data-cards="3"] .article-card { height: 33.333vh; }
  .articles-container[data-cards="4"] .article-card { height: 25vh; }
  .articles-container[data-cards="5"] .article-card { height: 20vh; }
  .articles-container[data-cards="6"] .article-card { height: 16.666vh; }
}

/* Small phones - 480px and below */
@media (max-width: 480px) {
}

/* ==========================================================================
   VERTICAL EXPANSION ANIMATIONS - DINAMICHE
   ========================================================================== */

/* Espansione dal primo articolo (alto) - dall'alto verso il basso */
@keyframes expandFromTop {
  0% {
    transform: scaleX(1) scaleY(var(--scale-factor-y, 0.333));
    transform-origin: center top;
  }
  100% {
    transform: scaleX(1) scaleY(1);
    transform-origin: center top;
  }
}

/* Espansione dal secondo articolo (centro) - dal centro verso alto e basso */
@keyframes expandFromMiddle {
  0% {
    transform: scaleX(1) scaleY(var(--scale-factor-y, 0.333));
    transform-origin: center center;
  }
  100% {
    transform: scaleX(1) scaleY(1);
    transform-origin: center center;
  }
}

/* Espansione dal terzo articolo (basso) - dal basso verso l'alto */
@keyframes expandFromBottom {
  0% {
    transform: scaleX(1) scaleY(var(--scale-factor-y, 0.333));
    transform-origin: center bottom;
  }
  100% {
    transform: scaleX(1) scaleY(1);
    transform-origin: center bottom;
  }
}

/* ==========================================================================
   HORIZONTAL EXPANSION ANIMATIONS - PER LANDSCAPE
   ========================================================================== */

/* Espansione dal primo articolo (sinistra) - da sinistra verso destra */
@keyframes expandFromLeft {
  0% {
    transform: scaleX(var(--scale-factor-x, 0.333)) scaleY(1);
    transform-origin: left center;
  }
  100% {
    transform: scaleX(1) scaleY(1);
    transform-origin: left center;
  }
}

/* Espansione dal secondo articolo (centro) - dal centro verso sinistra e destra */
@keyframes expandFromCenter {
  0% {
    transform: scaleX(var(--scale-factor-x, 0.333)) scaleY(1);
    transform-origin: center center;
  }
  100% {
    transform: scaleX(1) scaleY(1);
    transform-origin: center center;
  }
}

/* Espansione dal terzo articolo (destra) - da destra verso sinistra */
@keyframes expandFromRight {
  0% {
    transform: scaleX(var(--scale-factor-x, 0.333)) scaleY(1);
    transform-origin: right center;
  }
  100% {
    transform: scaleX(1) scaleY(1);
    transform-origin: right center;
  }
}

/* ==========================================================================
   RESPONSIVE HOVER EFFECTS
   ========================================================================== */

@media (max-width: 1366px) {
  .article-card:hover {
    transform: scaleY(1.02);
  }
}

/* Disable hover effects on touch devices */
@media (hover: none) and (pointer: coarse) {
  .article-card:hover {
    transform: none;
  }
  
  .article-card:hover .article-overlay {
    background: linear-gradient(
      135deg,
      rgba(0, 0, 0, 0.4) 0%,
      rgba(0, 0, 0, 0.7) 100%
    );
  }
}

/* ==========================================================================
   LANDSCAPE ORIENTATION ADJUSTMENTS
   ========================================================================== */

/* iPad Pro e laptop in landscape - Layout orizzontale */
@media (max-width: 1440px) and (orientation: landscape) {
  .articles-container[data-cards] {
    grid-template-columns: repeat(var(--card-count), 1fr) !important;
    grid-template-rows: 1fr !important;
    height: 100vh;
  }
  
  /* Imposta il numero di colonne dinamicamente per landscape */
  .articles-container[data-cards="2"] { --card-count: 2; }
  .articles-container[data-cards="3"] { --card-count: 3; }
  .articles-container[data-cards="4"] { --card-count: 4; }
  .articles-container[data-cards="5"] { --card-count: 5; }
  .articles-container[data-cards="6"] { --card-count: 6; }
  
  /* Larghezza dinamica delle card in landscape */
  .articles-container[data-cards="2"] .article-card { width: 50vw; height: 100vh; }
  .articles-container[data-cards="3"] .article-card { width: 33.333vw; height: 100vh; }
  .articles-container[data-cards="4"] .article-card { width: 25vw; height: 100vh; }
  .articles-container[data-cards="5"] .article-card { width: 20vw; height: 100vh; }
  .articles-container[data-cards="6"] .article-card { width: 16.666vw; height: 100vh; }
  
  /* Scale factors dinamici per layout orizzontale in landscape */
  .articles-container[data-cards="2"] .article-card.expanding-left,
  .articles-container[data-cards="2"] .article-card.expanding-center,
  .articles-container[data-cards="2"] .article-card.expanding-right { --scale-factor-x: 0.5; }
  
  .articles-container[data-cards="3"] .article-card.expanding-left,
  .articles-container[data-cards="3"] .article-card.expanding-center,
  .articles-container[data-cards="3"] .article-card.expanding-right { --scale-factor-x: 0.333; }
  
  .articles-container[data-cards="4"] .article-card.expanding-left,
  .articles-container[data-cards="4"] .article-card.expanding-center,
  .articles-container[data-cards="4"] .article-card.expanding-right { --scale-factor-x: 0.25; }
  
  .articles-container[data-cards="5"] .article-card.expanding-left,
  .articles-container[data-cards="5"] .article-card.expanding-center,
  .articles-container[data-cards="5"] .article-card.expanding-right { --scale-factor-x: 0.2; }
  
  .articles-container[data-cards="6"] .article-card.expanding-left,
  .articles-container[data-cards="6"] .article-card.expanding-center,
  .articles-container[data-cards="6"] .article-card.expanding-right { --scale-factor-x: 0.167; }
  
  /* Animazioni orizzontali per landscape */
  .article-card.expanding-left { animation: expandFromLeft 1.5s cubic-bezier(0.23, 1, 0.32, 1) forwards; }
  .article-card.expanding-center { animation: expandFromCenter 1.5s cubic-bezier(0.23, 1, 0.32, 1) forwards; }
  .article-card.expanding-right { animation: expandFromRight 1.5s cubic-bezier(0.23, 1, 0.32, 1) forwards; }
}

@media (max-width: 1024px) and (orientation: landscape) {
  .articles-container {
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 1fr;
    height: 100vh;
  }
  
  .article-card {
    height: 100vh;
  }
  
  /* Torna alle animazioni orizzontali in landscape */
  .article-card.expanding-left {
    animation: expandFromLeft 1.5s cubic-bezier(0.23, 1, 0.32, 1) forwards;
  }
  
  .article-card.expanding-center {
    animation: expandFromCenter 1.5s cubic-bezier(0.23, 1, 0.32, 1) forwards;
  }
  
  .article-card.expanding-right {
    animation: expandFromRight 1.5s cubic-bezier(0.23, 1, 0.32, 1) forwards;
  }
}

/* Landscape mobile specifico (smartphone in orizzontale) */
@media (max-width: 767px) and (orientation: landscape) and (max-height: 500px) {
}

/* ==========================================================================
   PRINT STYLES
   ========================================================================== */

@media print {
  .articles-container {
    display: block !important;
    height: auto !important;
  }
  
  .article-card {
    display: block !important;
    height: auto !important;
    page-break-inside: avoid;
    margin-bottom: 2cm;
  }
  
  .article-card-inner {
    background-image: none !important;
  }
  
  .article-overlay {
    display: none !important;
  }
}

/* Large phones - 990px and below */
@media (max-width: 990px) {
  /* Nascondi il menu desktop */
  .container_menu .navbar-collapse {
    display: none !important;
  }
  
  /* Mostra hamburger e logo in flexbox */
  .navbar .row {
    position: relative;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
  }
  
  .navbar .col-md-3 {
    flex: 1 !important;
  }
  
  .navbar .col-md-9 {
    flex: 0 0 auto !important;
    width: auto !important;
  }
  
  /* ==========================================================================
     HAMBURGER MENU BUTTON
     ========================================================================== */
  
  .mobile-menu-toggle {
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 45px;
    height: 45px;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    z-index: 1001;
  }
  
  .mobile-menu-toggle:hover {
    background: rgba(255, 255, 255, 0.2);
    border-color: var(--color-primary, #2c5aa0);
    transform: translateY(-1px);
  }

  /* Stato scrolled - background bianco */
  .mobile-menu-toggle.scrolled {
    background: rgba(44, 90, 160, 0.1);
    border-color: rgba(44, 90, 160, 0.3);
  }

  .page:not(.home) .mobile-menu-toggle {
    background: rgba(44, 90, 160, 0.1);
    border-color: rgba(44, 90, 160, 0.3);
  }


  .mobile-menu-toggle.scrolled:hover {
    background: rgba(44, 90, 160, 0.15);
    border-color: var(--color-primary, #2c5aa0);
  }

  .mobile-menu-toggle.scrolled span {
    background-color: var(--color-primary, #2c5aa0);
  }

  .page:not(.home) .mobile-menu-toggle span {
    background-color: var(--color-primary, #2c5aa0);
  }
  
  /* Hamburger Lines */
  .mobile-menu-toggle span {
    display: block;
    width: 22px;
    height: 2px;
    background-color: #ffffff;
    margin: 2.5px 0;
    transition: all 0.3s ease;
    border-radius: 1px;
  }
  
  /* Animation when menu is open */
  .mobile-menu-toggle.active span:nth-child(1) {
     transform: rotate(45deg) translate(4px, 5px);
  }
  
  .mobile-menu-toggle.active span:nth-child(2) {
    opacity: 0;
  }
  
  .mobile-menu-toggle.active span:nth-child(3) {
    transform: rotate(-45deg) translate(5px, -6px);
  }

  /* Force white hamburger lines when active */
  .mobile-menu-toggle.active span {
    background-color: #ffffff !important;
  }

  .mobile-menu-toggle.active {
    background: rgba(255, 255, 255, 0.1) !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
  }

  .mobile-menu-toggle.active:hover {
    background: rgba(255, 255, 255, 0.2) !important;
    border-color: #ffffff !important;
  }
  
  /* ==========================================================================
     MOBILE MENU OVERLAY
     ========================================================================== */
  
  .mobile-menu-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);
    z-index: 1000;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  }
  
  .mobile-menu-overlay::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(ellipse at center, rgba(44, 90, 160, 0.1) 0%, rgba(0, 0, 0, 0.2) 100%);
    pointer-events: none;
  }
  
  .mobile-menu-overlay.active {
    opacity: 1;
    visibility: visible;
  }
  
  /* Mobile Menu Content */
  .mobile-menu-content {
    position: relative;
    z-index: 1001;
    text-align: center;
    width: 90%;
    max-width: 400px;
    max-height: 70vh;
    overflow-y: auto;
  }
  
  /* Mobile Menu Navigation */
  .mobile-menu-nav {
    list-style: none;
    padding: 0;
    margin: 0;
    overflow: hidden;
  }
  
  .mobile-menu-nav li {
    margin: 0;
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    position: relative;
  }
  
  /* Line separators between menu items */
  .mobile-menu-nav li:not(:last-child)::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%) !important;
    width: 60%;
    height: 1px;
    background: linear-gradient(to right, 
      transparent 0%, 
      rgba(255, 255, 255, 0.2) 20%, 
      rgba(255, 255, 255, 0.3) 50%, 
      rgba(255, 255, 255, 0.2) 80%, 
      transparent 100%
    );
  }
  
  .mobile-menu-overlay.active .mobile-menu-nav li {
    opacity: 1;
    transform: translateY(0);
  }
  
  /* Staggered animation delay */
  .mobile-menu-nav li:nth-child(1) { transition-delay: 0.1s; }
  .mobile-menu-nav li:nth-child(2) { transition-delay: 0.2s; }
  .mobile-menu-nav li:nth-child(3) { transition-delay: 0.3s; }
  .mobile-menu-nav li:nth-child(4) { transition-delay: 0.4s; }
  .mobile-menu-nav li:nth-child(5) { transition-delay: 0.5s; }
  .mobile-menu-nav li:nth-child(6) { transition-delay: 0.6s; }
  
  /* Mobile Menu Links - Reduced size */
  .mobile-menu-nav a {
    color: rgba(255, 255, 255, 0.9);
    text-decoration: none;
    font-size: 1.1rem;
    font-weight: var(--font-weight-demi, 600);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    transition: all 0.3s ease;
    display: block;
    position: relative;
    padding: 1rem 1.5rem;
    line-height: 1.2;
  }
  
  .mobile-menu-nav a:hover {
    color: #ffffff;
    transform: scale(1.02);
  }
  
  .mobile-menu-nav a:hover::before {
    width: 60%;
  }
  
  /* Active menu item */
  .mobile-menu-nav a.current-menu-item,
  .mobile-menu-nav a.current_page_item {
    color: #ffffff;
  }
  
  .mobile-menu-nav a.current-menu-item::before,
  .mobile-menu-nav a.current_page_item::before {
    width: 60%;
    background-color: var(--color-primary, #2c5aa0);
  }
  
  /* Prevent body scroll when menu is open */
  body.mobile-menu-open {
    overflow: hidden;
    position: fixed;
    width: 100%;
  }

  /* Force white colors when mobile menu is open */
  body.mobile-menu-open .mobile-menu-toggle span {
    background-color: #ffffff !important;
  }

  body.mobile-menu-open .mobile-menu-toggle {
    background: rgba(255, 255, 255, 0.1) !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
  }

  body.mobile-menu-open .mobile-menu-toggle:hover {
    background: rgba(255, 255, 255, 0.2) !important;
    border-color: #ffffff !important;
  }

  /* Force white logo when menu is open */
  body.mobile-menu-open .cls-1 {
    fill: #fff !important;
  }

  body.mobile-menu-open .cls-2 {
    fill: #fff !important;
  }

  body.mobile-menu-open .cls-3 {
    fill: #fff !important;
  }

  body.mobile-menu-open .hide_to_scroll {
    fill: #ffffff92 !important;
  }

  body.mobile-menu-open .motto {
    color: #fff !important;
  }

  .container_menu {
      min-height: unset;
  }
   .container_menu .line {display: none;}
   article.category-portfolio .col-sm-12 {
      padding: 25px;
   }
   .descrizione_progetto {
    padding: 0;
  }
  .info_progetto,.col_portfolio .wp-block-column {
    padding: 15px;
  }
  .p-5 {
    padding: 0.5rem !important;
  }
  .slogan {
    max-width: 100%;
  } 
  .container-sm, .container-xs {
    max-width: 100% !important;
  }
  .lead {
    font-size: 18px;
  }
  .space_page {
    margin-top: 15vh;
  }
  #post_33 {
    margin-top: 20vh;
  }
  .wp-block-spacer {
    height: 50px !important;
  }
  .sedi {
    top: -11%;
    right: -15%;
    max-width: 57vw !important;
  }
  .wp-block-media-text>.wp-block-media-text__content {
    padding: 8% 0;
  }
    .media-text-bg .wp-block-media-text__content {
    position: static;
    transform: unset;
    background-color: #fff;
    padding: 20px;
    max-width: 100%;
    box-shadow: 0px 9px 6px rgba(0, 0, 0, 0.1);
  }
   ul:not(.wp-block-list),.col_portfolio .wp-block-column ul:not(.wp-block-list) {
    padding-left: 0 !important;
  }
  .page-id-14 {
    overflow-x: hidden;
  }
  .angle_down_home {
   margin-top: 25px;
   margin-bottom: 10vh;
  }
  .category:not(.category-portfolio) .menu-item::after {
     background: linear-gradient(to right, transparent 0%, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.2) 80%, transparent 100%);
  }
  .category-portfolio .mobile-menu-toggle span,
  .category-news-press .mobile-menu-toggle span {
    background-color: var(--color-primary);
  }
  .category-portfolio .mobile-menu-toggle,
  .category-news-press .mobile-menu-toggle {
    background-color: rgba(44, 90, 160, 0.1);
    border-color: rgba(44, 90, 160, 0.3);
  }
  article.category-news-press .title_post_cat,
  article.category-news-press p {
    padding: 0 15px;
  }
    article.category-news-press .title_post_cat {
      margin: 15px 0;
    }
    article.category-news-press a.btn-primary {
      margin: 15px;
    }
    .footer-legal {
      text-align: left;
    }
    .video-overlay-close {
        top: -75px;
    }
    .box-tipologia .wp-block-spacer {
        height: 15px !important;
    }
    .tipologia .wp-block-media-text__content, .box-tipologia {
      padding: 2rem 1rem
    }
    .box-tipologia .wp-block-columns,.colonne_introduttive {
      padding: 0 !important;
    }
    mark {
      font-size: 20px;
      font-weight: 400;
    }
    .single-post-hero {
      height: 100vh;
    }
    .container_colonna.collonne_3 ul.wp-block-list li {flex: 1 1 calc(100%); }
    .container_colonna.collonne_3 ul.wp-block-list ul li{flex: 1 1 calc(100%);}
    .container_colonna ul.wp-block-list li {flex: 1 1 calc(100%); text-align: left;}
    .category .container-articles .col-sm-12 {margin-bottom: 3rem;}

    .post-nav-text-only .post-nav-info {
      padding: 20px;
      }
      .post-nav-next .post-nav-title{
        text-align: right;
      }
}