/* Site-local chrome fixes for static hosting (Wild Apricot theme.less is not browser CSS). */

html {
  overflow-x: hidden;
}

body.publicContentView {
  background: #f4f4f4;
}

.zoneHeader2Outer .WaLayoutTable,
.zoneHeader12 .WaLayoutTable {
  height: auto !important;
  min-height: 0 !important;
  width: 100%;
}

.zoneHeader2Outer .WaLayoutTable td {
  vertical-align: middle;
}

.WaGadgetLoginForm {
  margin-bottom: 4px !important;
}

.WaGadgetLoginForm .loginContainer {
  display: none;
}

.WaGadgetLoginForm .loginContainerWrapper {
  text-align: right;
}

.WaGadgetLoginForm a.loginLink {
  color: #333;
  font: normal 14px/1.2 "Roboto Condensed", Arial, sans-serif;
  text-decoration: none;
  text-transform: uppercase;
}

.WaGadgetMenuHorizontal {
  clear: both;
  margin-top: 4px;
}

.WaGadgetMenuHorizontal .menuInner {
  border-bottom: 5px solid #333 !important;
  padding-bottom: 2px;
}

.WaGadgetMenuHorizontal .menuInner ul.firstLevel {
  display: flex !important;
  flex-wrap: wrap;
  align-items: flex-end;
  width: 100%;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  gap: 0 10px;
}

.WaGadgetMenuHorizontal .menuInner ul.firstLevel > li {
  display: block !important;
  list-style: none !important;
  vertical-align: top;
  position: relative;
  float: none !important;
}

.WaGadgetMenuHorizontal .menuInner ul.firstLevel > li > .item > a {
  color: #333 !important;
  text-decoration: none !important;
  text-transform: uppercase;
  font: normal 13px/1.25 "Roboto Condensed", Arial, sans-serif;
  padding-right: 4px;
  white-space: nowrap;
}

.WaGadgetMenuHorizontal .menuInner ul.firstLevel > li > .item:hover > a,
.WaGadgetMenuHorizontal .menuInner ul.firstLevel > li.sel > .item > a {
  color: #fe9701 !important;
}

/* Hide WA theme's tiny dir-indicator dots (they render as stray orange blobs statically). */
.WaGadgetMenuHorizontal .menuInner ul.firstLevel > li.dir > .item > a:after,
.WaGadgetMenuHorizontal .menuInner ul ul li.dir > .item > a > span:after {
  display: none !important;
  content: none !important;
}

.WaGadgetMenuHorizontal .menuInner ul ul {
  display: none !important;
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 40000;
  min-width: 180px;
  margin: 0;
  padding: 0;
  list-style: none;
  background: #4e4e4e;
}

.WaGadgetMenuHorizontal .menuInner ul li > .item:hover > ul,
.WaGadgetMenuHorizontal .menuInner ul.firstLevel > li:hover > .item > ul {
  display: block !important;
}

.WaGadgetMenuHorizontal .menuInner ul ul li > .item > a {
  color: #fff !important;
  display: block;
  padding: 8px 14px;
  text-decoration: none !important;
  text-transform: uppercase;
  font: normal 13px/1.3 "Roboto Condensed", Arial, sans-serif;
}

.WaGadgetMenuHorizontal .menuInner ul ul li > .item:hover {
  background: #fe9701;
}

.zoneContentOuter {
  background: #fff;
}

.zoneContentInner.zoneRoundedCorners {
  background: #fff;
  color: #333;
  padding: 12px 8px 24px;
}

.zoneHeaderOuter .WaPlaceHolderHeader {
  min-height: 160px !important;
  background-size: cover;
  background-position: left center;
}
