/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Feb 09 2026 | 15:06:23 */
@media (max-width: 768px) {

  /* ===========================
     CONTENT BOTTOM: 2 menu affiancati (grid a 2 colonne)
     =========================== */
  #qodef-content-bottom .qodef-content-bottom-inner,
  #qodef-content-bottom .qodef-grid-inner {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    column-gap: 18px !important;
    row-gap: 12px !important;
    align-items: start !important;
  }

  /* i widget/menu dentro non devono avere width che rompe il layout */
  #qodef-content-bottom .widget,
  #qodef-content-bottom .widget_nav_menu,
  #qodef-content-bottom .qodef-grid-item {
    width: auto !important;
    max-width: none !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  /* IMPORTANTISSIMO: i due menu UL restano pieni dentro la loro colonna (niente taglio) */
  #qodef-content-bottom #menu-content-bottom-left,
  #qodef-content-bottom #menu-content-bottom-right {
    width: 100% !important;
    max-width: 100% !important;
  }

	@media (max-width: 768px) {
  #qodef-content-bottom #menu-content-bottom-left a,
  #qodef-content-bottom #menu-content-bottom-right a {
    font-size: 18px !important;
  }
}




  /* =========================================================
     2) FOOTER BOTTOM: col 2 e 3 affiancate con più spazio tra loro
        + togliere padding eccessivo “prima e dopo”
     ========================================================= */
  #qodef-page-footer-bottom-area .qodef-grid-inner {
    display: flex !important;
    flex-wrap: wrap !important;
    column-gap: 26px !important;  /* spazio tra colonna 2 e 3 */
    row-gap: 14px !important;
  }

  #qodef-page-footer-bottom-area .qodef-grid-inner > .qodef-grid-item {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  #qodef-page-footer-bottom-area .qodef-grid-inner > .qodef-grid-item:first-child {
    width: 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }

  #qodef-page-footer-bottom-area .qodef-grid-inner > .qodef-grid-item:nth-child(2),
  #qodef-page-footer-bottom-area .qodef-grid-inner > .qodef-grid-item:nth-child(3) {
    width: calc(50% - 13px) !important;
    flex: 0 0 calc(50% - 13px) !important;
    max-width: calc(50% - 13px) !important;
  }


  /* =========================================================
     3) Meno spazio tra footer bottom e copyright
        + voci copyright più vicine
     ========================================================= */
  #qodef-page-footer-bottom-area {
    padding-bottom: 8px !important;
  }

  #qodef-page-footer-copyright-area {
    padding-top: 8px !important;
  }

  #qodef-page-footer-copyright-area .qodef-grid-inner,
  #qodef-page-footer-copyright-area .qodef-copyright-inner {
    display: flex !important;
    flex-wrap: wrap !important;
    column-gap: 14px !important; /* distanza tra le voci */
    row-gap: 6px !important;
  }

  #qodef-page-footer-copyright-area .qodef-grid-inner > .qodef-grid-item,
  #qodef-page-footer-copyright-area .qodef-copyright-inner > * {
    margin: 0 !important;
    padding: 0 !important;
  }

}
