/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 24 2026 | 13:43:40 */
/* ============================================================
   CONTENT LAYOUT
   .twocols multi-column layout, drop-cap first letters,
   NGG gallery overrides, collapsible term description,
   and link underline styles.
   ============================================================ */


/* ── DROP CAPS — first letter of first paragraph ──────────── */
.entry-content > p:first-of-type::first-letter,
.banner-product-details > p:first-of-type::first-letter,
.single-product .shortdescription > p:first-of-type::first-letter,
.term-description > p:first-of-type::first-letter,
.product-cat-details > p:first-of-type::first-letter,
.woocommerce .page-description > p:first-of-type::first-letter,
.fourcols > p:first-of-type::first-letter,
.threecols > p:first-of-type::first-letter,
.twocols > p:first-of-type::first-letter,
.onecols > p:first-of-type::first-letter,
.onecol > p:first-of-type::first-letter {
  float: left;
}


/* ── TWOCOLS — column layout ─────────────────────────────── */
.twocols {
  position: relative;
  -webkit-columns: 3 10em;
  -moz-columns: 3 10em;
  columns: 3 10em;
  -webkit-column-rule: 1px dotted #ddd;
  -moz-column-rule: 1px dotted #ddd;
  column-rule: 1px dotted #ddd;
  padding: 0 0 3em 0;
}
.twocols .wp-block-image .alignright,
.twocols .wp-block-image .alignleft {
  display: inline-block;
  break-inside: avoid-column;
  overflow: hidden;
}
.twocols .wp-block-image figcaption { min-width: 150px; }
.wp-block-image a,
.wp-block-image a:hover,
.twocols figure a,
.twocols figure a:hover {
  box-shadow: none !important;
}
.term-description h2:nth-of-type(2),
.term-description h2:nth-of-type(3),
.term-description h2:nth-of-type(4) {
  padding: 0;
  margin: 0;
}


/* ── COLLAPSIBLE TWOCOLS ─────────────────────────────────── */
.twocols.tdc-collapsed {
  max-height: 110px;
  overflow: hidden;
}
.twocols.tdc-collapsed::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 60px;
  background: linear-gradient(transparent, #fff);
  pointer-events: none;
}
.tdc-toggle {
  display: block;
  margin: 6px 0 22px auto;
  cursor: pointer;
  color: #555;
  font-size: 0.88em;
  background: none;
  border: none;
  border-bottom: 1px solid #aaa;
  padding: 0;
  line-height: 1.4;
}
.tdc-toggle:hover {
  color: #222;
  border-bottom-color: #555;
}


/* ── LINK UNDERLINES ─────────────────────────────────────── */
.tagged_as a {
  text-decoration: none;
  font-size: 130%;
  font-weight: bold;
}
.type-product .cats_as a,
.type-product .tagged_as a {
  text-decoration: none;
  font-size: 100%;
  font-weight: bold;
}
.cats_as a, .tagged_as a, .twocols a {
  -webkit-box-shadow: inset 0 0 0 rgba(0,0,0,0), 0 2px 0 rgb(200,194,194);
  box-shadow: inset 0 0 0 rgba(0,0,0,0), 0 2px 0 rgb(200,194,194);
}
.cats_as a:hover,
#secondary .tagged_as a:hover,
.tagged_as a:hover,
.twocols a:hover {
  -webkit-box-shadow: inset 0 0 0 rgba(0,0,0,0), 0 3px 0 rgba(0,0,0,1) !important;
  box-shadow: inset 0 0 0 rgba(0,0,0,0), 0 3px 0 rgba(0,0,0,1) !important;
}


/* ── NGG GALLERY (NextGen Gallery) ──────────────────────── */
.ngg-imagebrowser h3 { display: none; }
.ngg-galleryoverview {
  margin-top: 0;
  margin-bottom: 0;
  border: 0;
  -webkit-box-shadow: 2px 2px 5px 4px rgba(0,0,0,0.2);
  box-shadow: 2px 2px 5px 4px rgba(0,0,0,0.2);
}
.ngg-gallery-thumbnail {
  text-align: center;
  max-width: 100% !important;
  background-color: #FFFFFF;
  border: 0;
  margin: 0;
}
.ngg-galleryoverview.default-view,
.ngg-gallery-thumbnail a {
  display: block;
  margin: 0 !important;
  border: none;
  box-shadow: none !important;
}
.ngg-gallery-thumbnail img {
  display: block;
  margin: 0;
  padding: 0;
  position: relative;
  max-width: 100% !important;
  height: auto;
  box-shadow: none !important;
  border: 0 !important;
  box-sizing: border-box;
}
.ngg-imagebrowser-nav .next,
.ngg-imagebrowser-nav .back {
  box-shadow: inset 0px 1px 0px 0px #ffffff;
  background: linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
  background-color: #f9f9f9;
  border-radius: 6px;
  border: 1px solid #dcdcdc;
  display: inline-block;
  cursor: pointer;
  color: #666666;
  font-family: Arial;
  font-size: 15px;
  font-weight: bold;
  padding: 6px 24px;
  text-decoration: none;
  text-shadow: 0px 1px 0px #ffffff;
}
.ngg-imagebrowser-nav .next:hover,
.ngg-imagebrowser-nav .back:hover {
  background: linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
  background-color: #e9e9e9;
}
.ngg-imagebrowser-nav .next:active,
.ngg-imagebrowser-nav .back:active { position: relative; top: 1px; }
.ngg-imagebrowser-nav .next a, .ngg-imagebrowser-nav .back a,
.ngg-imagebrowser-nav .next:hover a, .ngg-imagebrowser-nav .back:hover a,
.ngg-imagebrowser-nav .next:active a, .ngg-imagebrowser-nav .back:active a { text-decoration: none; }