/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/
/* Force desktop header menu horizontal */
.header__navigation ul,
.header__navigation .hs-menu-wrapper > ul {
  display: flex !important;
  flex-direction: row !important;
  align-items: center;
  gap: 28px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.header__navigation li,
.header__navigation .hs-menu-item {
  display: inline-flex !important;
  width: auto !important;
  margin: 0;
}

.header__navigation a {
  display: inline-flex !important;
  align-items: center;
  white-space: nowrap;
  text-decoration: none;
}

/* Keep mobile menu stacked */
@media (max-width: 767px) {
  .header__navigation ul,
  .header__navigation .hs-menu-wrapper > ul {
    display: block !important;
  }

  .header__navigation li,
  .header__navigation .hs-menu-item {
    display: block !important;
    width: 100% !important;
  }
 /* Equal-height PNGN homepage cards */

/* Audience cards */
.icon-row > .row-fluid-wrapper > .row-fluid {
  display: flex !important;
  align-items: stretch !important;
  gap: 24px;
}

.icon-row > .row-fluid-wrapper > .row-fluid > .icon-piece {
  float: none !important;
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 0 !important;
  width: auto !important;
  min-height: 420px;
}

/* Service cards */
.icon-row-li > .row-fluid-wrapper > .row-fluid {
  display: flex !important;
  align-items: stretch !important;
  gap: 24px;
}

.icon-row-li > .row-fluid-wrapper > .row-fluid > .icon-piece-li {
  float: none !important;
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 0 !important;
  width: auto !important;
  min-height: 210px;
}

/* Mobile reset */
@media (max-width: 767px) {
  .icon-row > .row-fluid-wrapper > .row-fluid,
  .icon-row-li > .row-fluid-wrapper > .row-fluid {
    display: block !important;
  }

  .icon-piece,
  .icon-piece-li {
    width: 100% !important;
    min-height: auto !important;
    margin-bottom: 24px;
  }
}