/* =========================================================
   NAPPA SITE WIDTH
   ========================================================= */

/* BUILDING BLOCKS, KALEIDOSCOPE, TINTED TILES */
.WaPlaceHolder {
  max-width: 1200px;
}

/* HOMESTEAD, FIESTA */
.zoneInner,
.zoneWrap,
.zoneInner > .WaPlaceHolder {
  max-width: 1200px;
}

/* BLUEPRINT, BOOKSHELF, CLEAN LINES, DARK IMPACT, FIRMA,
   SHOWCASE, SKYLINE, TERRA, TREEHOUSE, WHITEBOARD, WHITE SPACE */

.container_12 {
  width: 1200px;
}

.s1_grid_12 {
  width: auto;
}

@media only screen and (max-width: 1199px) and (min-width: 600px) {
  .container_12 {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 1200px;
    min-width: 600px;
  }
}

@media only screen and (max-width: 616px) {
  .container_12 {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 600px;
    min-width: 320px;
    display: block;
  }
}


/* =========================================================
   FORUM STYLING
   ========================================================= */

/* Forum wrapper spacing */
.WaPlaceHolder {
  max-width: 1200px;
  padding: 24px 20px;
}

/* Forum card look */
.DiscussionForum,
.discussionForumList,
.discussionTopicList {
  background-color: #ffffff;
  border-radius: 8px;
  padding: 20px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.06);
}

/* Forum headings */
.DiscussionForum h1,
.DiscussionForum h2,
.WaPlaceHolder h2 {
  font-weight: 600;
  letter-spacing: 0.02em;
  margin-bottom: 12px;
}

/* Topic list rows */
.discussionTopicList table,
.discussionTopicList tr,
.discussionTopicList td {
  border-color: #e5e5e5;
}

.discussionTopicList tr:hover {
  background-color: #f7f7f9;
}

/* Links inside forum */
.discussionTopicList a,
.DiscussionForum a {
  text-decoration: none;
}

.discussionTopicList a:hover,
.DiscussionForum a:hover {
  text-decoration: underline;
}


/* =========================================================
   FIX ORIGINAL NAPPA SITE HEADER
   Conference styles were overriding Wild Apricot header
   ========================================================= */

/* Fix main organization name wrapper */
h1:has(font[face*="Roboto"][style*="36px"]) {
  max-width: none !important;
  width: auto !important;

  margin: 0 !important;
  padding: 0 !important;

  font-family: Roboto, Arial, sans-serif !important;
  font-size: 36px !important;
  font-weight: bold !important;

  line-height: 1.2 !important;
  letter-spacing: 0 !important;
  word-spacing: normal !important;

  text-transform: none !important;
  transform: none !important;
}

/* Fix organization name text itself */
h1:has(font[face*="Roboto"][style*="36px"])
font[face*="Roboto"] {
  font-family: Roboto, Arial, sans-serif !important;
  font-size: 36px !important;
  font-weight: bold !important;

  line-height: 1.2 !important;
  letter-spacing: 0 !important;
  word-spacing: normal !important;

  font-stretch: normal !important;
  font-kerning: auto !important;

  text-transform: none !important;
  transform: none !important;
}


/* =========================================================
   FIX WILD APRICOT MAIN MENU
   ========================================================= */

.WaGadgetMenuHorizontal,
.WaGadgetMenuHorizontal ul,
.WaGadgetMenuHorizontal li,
.WaGadgetMenuHorizontal a,
.WaGadgetMenuHorizontal span,
.WaGadgetMenuHorizontal font {
  font-family: "Open Sans", Arial, sans-serif !important;

  letter-spacing: 0 !important;
  word-spacing: normal !important;

  font-stretch: normal !important;
  font-kerning: auto !important;

  line-height: normal !important;

  text-transform: none !important;
  transform: none !important;
}

/* Main menu spacing */
.WaGadgetMenuHorizontal ul.firstLevel > li > a,
.WaGadgetMenuHorizontal ul.firstLevel > li > .item > a {
  white-space: nowrap !important;
  padding-left: 18px !important;
  padding-right: 18px !important;
}


/* =========================================================
   SAFETY RESET FOR OLD HEADER HEADINGS
   ========================================================= */

/* Prevent conference H1 rules from crushing old site title */
.zoneHeader1 h1,
.zoneHeader2 h1,
.zoneHeader3 h1,
.WaGadgetSiteTitle h1 {
  max-width: none !important;

  font-size: inherit !important;
  line-height: normal !important;

  letter-spacing: 0 !important;
  word-spacing: normal !important;

  transform: none !important;
}

/* Preserve 36px title font */
.zoneHeader1 h1 font[style*="36px"],
.zoneHeader2 h1 font[style*="36px"],
.zoneHeader3 h1 font[style*="36px"],
.WaGadgetSiteTitle h1 font[style*="36px"] {
  font-size: 36px !important;
  line-height: 1.2 !important;

  letter-spacing: 0 !important;
  word-spacing: normal !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media only screen and (max-width: 900px) {

  .container_12,
  .s1_grid_12,
  .zoneInner,
  .WaPlaceHolder {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  h1:has(font[face*="Roboto"][style*="36px"]),
  h1:has(font[face*="Roboto"][style*="36px"])
  font[face*="Roboto"] {
    font-size: 28px !important;
    white-space: normal !important;
  }

  .WaGadgetMenuHorizontal ul.firstLevel > li > a,
  .WaGadgetMenuHorizontal ul.firstLevel > li > .item > a {
    white-space: normal !important;
  }
}