/*!
 * Custom Styles (global)
 * Add your site-wide CSS below.
 * This file is enqueued on both the front-end and the block editor.
 */
 


.wp-block-button.cps-modal-trigger a{
  background-color: var(--wp--preset--color--custom-basic-blue) !important;
}

.zip-only-page button{
  background-color: var(--wp--preset--color--custom-basic-blue) !important;
  display: none !important;
}

.wp-block-button{
  background-color: var(--wp--preset--color--custom-basic-dark-blue) !important;
  border-radius: 6px !important;
}

.wp-block-button:hover{
  background-color: var(--wp--preset--color--custom-basic-blue) !important;
}

.desktop-navigation ul{
  gap: 0.5vw
}

.desktop-navigation ul li a{
  padding: 5px;
}



/* GenOne: extra header buttons push nav to wrap ~1170px.
   Switch desktop→mobile earlier than plugin defaults. */
@media (max-width: 1170px) {
  /* Swap the nav containers */
  .mega-menu-desktop { display: none !important; }
  .mega-menu-mobile  { display: flex !important; }

  /* Override the mobile-block's own 769px hide rules */
  .mega-menu-mobile:not(.show-on-desktop) .mobile-menu-toggle {
    display: block !important;
  }
  .mega-menu-mobile:not(.show-on-desktop) .mobile-menu-accordion {
    display: flex !important;
  }
  .mega-menu-mobile:not(.show-on-desktop) .mobile-menu-overlay {
    display: block !important;
  }
}

@media (max-width: 500px) {
  
  .header-nav-buttons .wp-block-buttons .wp-block-button{
    background: none;
  }
  .wp-block-buttons.header-button .wp-block-button__link {
    padding: 5px;
    background: none;
  }
  .header-nav-buttons .wp-block-buttons a{
   font-size: 12px;
   padding: 5px;
   width: 100px;
   background: none;
  }
}
  
}