/* Oklahoma Iris Society — assists only; do not restyle Artisteer header chrome */
/* Keep original .okl-header / .okl-nav look from style.css (parchment + iris art). */

.okl-postheader {
  color: #4a234a;
}

.okl-postcontent img.galleryImage,
.okl-postcontent .galleryImageBorder,
.okl-postcontent img {
  max-width: 100%;
  height: auto;
  display: block;
}

.okl-gallery-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  gap: 12px;
  margin: 1em 0;
}

.okl-gallery-grid a {
  display: block;
  border: 1px solid #b9c2cb;
  padding: 3px;
  background: #fff;
}

.okl-gallery-grid img {
  width: 100%;
  height: 140px;
  object-fit: cover;
  display: block;
}

.okl-postcontent .galleryImageHolder {
  position: relative !important;
  width: auto !important;
  padding: 0 !important;
  float: none !important;
}

.okl-postcontent .galleryInnerImageHolder,
.okl-postcontent [id*="imageContainer"] {
  float: none !important;
  width: auto !important;
  position: static !important;
}

.okl-postcontent [id*="imageContainer"] img.galleryImage {
  position: static !important;
  width: 100% !important;
  height: auto !important;
  top: auto !important;
  left: auto !important;
}

/* How-to dropdown without changing primary nav colors/positioning */
nav.okl-nav ul.okl-hmenu > li {
  position: relative;
}

nav.okl-nav ul.okl-hmenu ul {
  display: none;
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 40;
  min-width: 220px;
  background: #fff8e8;
  border: 1px solid #663366;
  list-style: none;
  margin: 0;
  padding: 4px 0;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12);
}

nav.okl-nav ul.okl-hmenu > li:hover > ul,
nav.okl-nav ul.okl-hmenu > li:focus-within > ul {
  display: block;
}

nav.okl-nav ul.okl-hmenu ul li a {
  display: block;
  padding: 8px 14px;
  color: #663366 !important;
  white-space: nowrap;
  text-decoration: none;
  font-weight: 500 !important;
  font-size: 13px !important;
  background: transparent !important;
}

nav.okl-nav ul.okl-hmenu ul li a:hover {
  background: #f3e9c8 !important;
}

.okl-doc-icon {
  width: 36px;
  height: 36px;
  float: left;
  margin: 0 15px 15px 0;
}

.okl-social-row a {
  margin-right: 10px;
  color: #663366;
}

.okl-footer {
  margin-top: 1.5em;
}