/*********************************************************
  DMHS Custom CSS
  Site: Des Moines Historical Society
  File: dmhs-custom.css
  Last Updated: 6/13/2026
  Maintained By: Gina Righi
*********************************************************/

/****************************************
GLOBAL STYLES
****************************************/

/****************************************
HEADER
****************************************/

/****************************************
FOOTER
****************************************/

/****************************************
HOMEPAGE
****************************************/
  /* ===============================================
   RESPONSIVE VISIBILITY
   ================================================== */

    /* Desktop elements: visible by default */
    .homepage-desktop-hero,
    .homepage-desktop-event-card-header,
    .homepage-desktop-event-cards,
    .homepage-desktop-mission,
    .homepage-desktop-project-header,
    .homepage-desktop-forever-grand-promo {
      display: block !important;
    }

    /* Mobile elements: hidden by default */
    .homepage-mobile-hero,
    .homepage-mobile-mission,
    .homepage-mobile-upcoming-events-slideshow,
    .homepage-mobile-forever-grand-promo {
      display: none !important;
    }

    /* Mobile screens */
    @media screen and (max-width: 767px) {

      /* Hide desktop elements */
      .homepage-desktop-hero,
      .homepage-desktop-event-card-header,
      .homepage-desktop-event-cards,
      .homepage-desktop-mission,
      .homepage-desktop-project-header,
      .homepage-desktop-forever-grand-promo {
        display: none !important;
      }

      /* Show mobile elements */
      .homepage-mobile-hero,
      .homepage-mobile-mission,
      .homepage-mobile-upcoming-events-slideshow,
      .homepage-mobile-forever-grand-promo {
        display: block !important;
      }
    }
  
/****************************************
MEMBERSHIP PAGE
****************************************/
/* ===============================================
   RESPONSIVE VISIBILITY
   ================================================== */

    /* Desktop elements: visible by default */
    .membership-hero,
    .membership-why-join-title,
    .membership-desktop-why-join,
    .membership-levels-title,
    .membership-desktop-levels,
    .membership-desktop-levels2,
    .membership-comparison-title,
    .membership-desktop-comparison-chart,
    .membership-cta {
      display: block !important;
    }

    /* Mobile elements: hidden by default */
    .membership-mobile-why-join,
    .membership-mobile-levels {
      display: none !important;
    }

    /* Mobile screens */
    @media screen and (max-width: 767px) {

      /* Hide desktop-only elements */
      .membership-desktop-why-join,
      .membership-desktop-levels,
      .membership-desktop-levels2,
      .membership-comparison-title,
      .membership-desktop-comparison-chart {
        display: none !important;
      }

      /* Show mobile-only elements */
      .membership-mobile-why-join,
      .membership-mobile-levels {
        display: block !important;
      }

    }