/* =========================
   1) GLOBAL VARIABLES & UTILITIES
   ========================= */


/*************************************************
 * GLOBAL / SMALL UTILITIES
 *************************************************/
/* lotus-root-and-search-spacing-consolidated */
:root {
  --list-thumb-w: 220px;
  --list-gap: 1.5rem;
  --sep: #e0e0e0;
  --lotus-bg-outer: #2d2d2f;
  --lotus-bg: #3b3b3e;
  --lotus-pink: #D894CC;
  --lg-focus: rgba(216,148,204,.35);
  --lg-ink-hover: #2f2f31;
  --script-scale: 0.75;
  --sup-shift: -0.0em;
  --sub-shift: 0.0em;
}

/* Shared search/filter state variables still in use */


/*************************************************
 * Superscript/Subscript Styling
 *************************************************/



/* Books list: match Articles list margins/background */

/* Fix misaligned list numbers in reference lists */
.inclusion-refs {
  list-style-type: decimal;
  list-style-position: outside;
  margin: 0 0 0 1.5em;
  padding-left: 1.5em;
  counter-reset: refnum;
}


/* =========================
   2) TYPOGRAPHY & COLORS
   ========================= */


h4 {
  color: #666;
  font-size: 1.4rem !important;
  padding-top: 0.4rem;
}

section#newsletter-panel2 h3 { padding: 0 !important; line-height: 42px; }

.image-pair .caption-article { text-align: left; margin-top: .5rem; }

.lotusgemologypublications h1 { margin-bottom: 15px; }

.lotusgemologypublications .publications h2 { color: #303133; margin-bottom: 16px; }
.lotusgemologypublications .publications h2 a { color: var(--lotus-pink); }

.lotusgemologypublications .publications a:hover h2 { color: #858585; }

.lotusgemologypublications .publications h2 .reference_type { color: #d496c2; font-size: 11px; }

.com-content-category-blog .page-header .page-title::after,
.list-hero__title::after {
  content: "";
  display: block;
  margin-top: 12px;
  width: 64px;
  height: 4px;
  border-radius: 3px;
  background: linear-gradient(90deg, var(--lotus-pink), #b57aa9);
  box-shadow: 0 1px 0 rgba(0,0,0,.05);
}

/* Staff titles: no longer links, so use neutral heading color */
.item.staff-card .item-title,
.item.staff-card h1.item-title,
.item.staff-card h2.item-title {
  color: #222 !important;   /* dark neutral, matches body/headings */
}

/* Add subtle gray border around intro/list images (all list views) */
.com-content-category-blog .blog-items .item img:first-of-type,
.com-content-category-blog .items-leading .item img:first-of-type,
.com-content.blog .blog-items .item img:first-of-type,
.com-content.blog .items-leading .item img:first-of-type,
.item.staff-card .card-image img {
  border: 1px solid #ddd !important;   /* light gray border */
  box-sizing: border-box;
}

.figure-table .caption-article {
  text-align: left;
  padding-top: .6rem;
  font-size: .95rem;
  line-height: 1.4;
}

.mod-articles-category .newsflash-article-intro,
.mod-articles-category .intro,
.mod-articles-category p{ margin:0 !important; }

/* Icon appearance (Lotus pink tone) */
.navbar .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgb(216,148,204)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  width: 1.75rem;
  height: 1.75rem;
  background-size: 1.75rem 1.75rem;
}

/*************************************************
 * CAPTION-ARTICLE — author (L) | published (R)
 *************************************************/

.caption-article {
	line-height: 18px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 2px;
	padding-bottom: 25px;
	font-size: 14px;
	text-align: left;
	color: #36454F;
}

.itemid-330 .caption-article {
  width: 75%;
  margin: auto;
}

sup[role="doc-noteref"] a {
  text-decoration: none;
}

/*************************************************
 * QUOTE (custom .quote component)
 *************************************************/
.quote::before {
  font-family: Fontawesome;
  font-size: 2.9rem;
  position: absolute;
  top: 17px;
  opacity: 0.5;
  left: 10px;
}

.quote {
  font-size: 0.9rem;
  font-style: italic !important;
  padding-left: 3em;
  padding-right: 4em;
  position: relative;
}

.quote-attribution {
  font-size: 0.9em;
  text-align: right;
  padding-left: 2em;
  padding-right: 4em;
  position: relative;
}

/*************************************************
 * BLOCKQUOTE — GLOBAL (applies everywhere incl. Hyperion)
 *************************************************/
blockquote.standard {
  font-family: 'Source Serif 4', serif;
  font-style: italic;
  font-size: 1.1875rem;
  color: gray;
  font-weight: 500;
  position: relative;
  padding-left: 5.4rem;
  padding-right: 4rem;
  padding-top: 1.8rem;
  margin: 0; /* rely on surrounding layout/banners for vertical spacing */
}

/* Opening mark — single, unified definition */
blockquote.standard::before {
  content: "\201C";
  font-size: 6.25rem;
  color: #ccc;
  display: block;
  position: absolute;
  top: -33px;          /* consistent alignment site-wide */
  left: 2rem;
  line-height: 1.8;    /* prevents vertical drift */
  pointer-events: none;
}

/* Citation */
blockquote cite.standard,
cite.standard {
  display: block;
  padding-top: 0.5rem;
  padding-right: 2rem;
  padding-left: 1rem;
  padding-bottom: 0.5rem;
  position: relative;
  text-align: right;
}

blockquote cite.standard::before,
cite.standard:before {
  content: "\2014 \2009 \2009";
  position: relative;
}

/* Responsive */
@media (max-width: 768px) {
  blockquote.standard {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  blockquote.standard::before {
    left: 0;
    font-size: 4rem;
  }
}

/* Make all common text elements inherit the box color (beats older rules) */
.shadow-box h1,
.shadow-box h2,
.shadow-box h3,
.shadow-box h4,
.shadow-box h5,
.shadow-box h6,
.shadow-box p,
.shadow-box blockquote,
.shadow-box cite,
.shadow-box .quote,
.shadow-box .quote::before {
  color: inherit !important;
}

/* Quotes inside shadow-box: no extra decoration */
.shadow-box .quote {
  padding-left: 0;
  padding-right: 0;
  background: transparent;
  font-style: normal;
}

.shadow-box .quote:before {
  content: "" !important;
}

/* =========================
   3) LAYOUT & CONTAINERS
   ========================= */


.itemid-224 .fields-container,
.itemid-224 .field-entry,
.itemid-224 .article-info-term {
  display: none !important;
}

/*************************************************
 * IMAGE PAIRS / GRIDS
 *************************************************/
.image-pair { max-width: 100%; margin: 1rem 0; }

.image-grid-2x1 { max-width: 100%; margin: 1rem 0; }

.image-grid-2x1 .a { grid-area: a; }

.image-grid-2x1 .b { grid-area: b; }

.image-grid-2x1 .c { grid-area: c; padding-top: .75rem; display: flex; justify-content: center; }

.image-grid-2x1 img { display: block; width: 100%; height: auto; }

/* Mobile tweaks: reduce padding so hero doesn’t crowd content */
@media (max-width: 640px) {
  .view-category .page-header,
  .com-content-category-blog .page-header {
    padding: 24px 0 18px;
  }
  .view-category .page-header .page-title::after,
  .com-content-category-blog .page-header .page-title::after {
    margin-top: 10px;
    width: 48px;
    height: 3px;
  }
}

/* Legacy Joomla image wrapper */
.com-content-category-blog .blog-item .item-image {
  margin: 0 !important;
  display: block !important;
}

/* Container helper */
/* small screens: stack neatly */
@media (max-width:640px){
  body.com_content.view-article .page-header.lotus-article-header .article-meta-bar{
    flex-wrap:wrap;
    row-gap:4px;
  }
  body.com_content.view-article .page-header.lotus-article-header .article-meta-bar .book-pubdate{
    margin-left:0;
    width:100%;
    text-align:left; /* change to right if you prefer */
  }
}

/* also catch any fields-container not under .item-page */
body.com_content.view-article .fields-container .field-entry.date{
  display: none !important;
}

/* optional wrapper tint used under Sherlock bar */
.hyperion{
  background: #f9f9f9;
  border-radius:4px;
  padding-top:1.6rem;
  margin:.8rem;
}

.hyperion-search{
  background: #f9f9f9;
  border-radius:4px;
  border: 1px solid #ddd;
  padding-top:1.6rem;
  margin:.8rem;
}

/* =========================
   4) BUTTONS & FORMS
   ========================= */


/*************************************************
 * CONTACT / FORMS / RECAPTCHA / BUTTONS
 *************************************************/
#contact-form .control-group { margin-bottom: 15px; }


#featured-break h2,
#featured-break h3,
#featured-break .section-title {
  font-family: 'Oswald', sans-serif; font-weight: 500; text-transform: uppercase; letter-spacing: .03em;
}

.com-content-category-blog .page-header .page-title,
.list-hero__title {
  font-family: Oswald, sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .08em;
  line-height: 1;
  font-size: clamp(40px, 7vw, 96px);
  color: #2b2b2d;
  text-shadow: 0 1px 0 rgba(255,255,255,.35);
}

.com-content-category-blog .page-header .page-title {
  margin: 0 0 18px 0;
}
.list-hero__title {
  margin: 0;
}

/* Footer link states consolidated below. */

/* Optional: keep “linky buttons” in search panels looking like buttons */
.search button,
.search .btn,
.lotusgemologypublications .advanced-search .btn {
  text-decoration: none !important;
}

/*************************************************
 * INCLUSION GALLERIES — AUTHORITATIVE GRID
 *************************************************/

/* Uniform three-column image grid */
.lotusgemologygallery.lotusgemologygallery-gallery .images{
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0,1fr)) !important;  /* desktop: 3 cols */
  gap:24px !important;
  align-items:start !important;
  align-content:start !important;
  width:100% !important;
  margin:0 !important;
  box-sizing:border-box !important;
  position:relative !important;
}

.container-header .menu li > a {
  padding-right: 0 !important;
  background-image: none !important;
}


/* Normalize and force transform-based scaling */
body.site .com-content-article sup,
body.site .com-content-article sub,
body.site .item-page sup,
body.site .item-page sub,
body.site .content sup,
body.site .content sub,
body.site sup,
body.site sub{
  display: inline-block !important;
  font-size: 1em !important;                 /* neutralize any font-size fights */
  line-height: 1 !important;
  vertical-align: baseline !important;
  position: relative !important;

  /* disable OpenType superior/inferior substitutions */
  font-variant-position: normal !important;
  font-feature-settings: "sups" 0, "subs" 0 !important;

  /* prepare for scaling */
  transform-origin: left bottom !important;
  transform: none !important;
}

/* Apply visual scale + vertical offset */
body.site .com-content-article sup,
body.site .item-page sup,
body.site .content sup,
body.site sup{
  transform: translateY(var(--sup-shift)) scale(var(--script-scale)) !important;
}

body.site .com-content-article sub,
body.site .item-page sub,
body.site .content sub,
body.site sub{
  transform: translateY(var(--sub-shift)) scale(var(--script-scale)) !important;
}

/*
 * Optional: denser superscripts/subscripts inside formulas.
 * Currently disabled.
 *
.formula sup,
.formula sub{
  --script-scale: 0.55;
  --sup-shift: -0.38em;
  --sub-shift:  0.18em;
}
*/

/* Keep element symbols + superscripts together */
.chem {
  white-space: nowrap;
}

.awesomplete {
  margin-right: 0.5rem !important;
}

/* logo cleanup in this view */
.lotusgemologygallery.lotusgemologygallery-form img[src*="lotus-logo-simple-small.png"]{
  background:none !important;
}

/* =========================
   5) TABLES & DATA DISPLAYS
   ========================= */


/*************************************************
 * TABLES (sitewide)
 *************************************************/
table { max-width: 100%; }

/* ===== Lotus Table ===== */
.lotus-table-wrapper {
  margin: 2rem auto; display: block; max-width: calc(100% - 3rem);
  text-align: center; overflow-x: hidden; overflow-y: visible; -webkit-overflow-scrolling: touch;
}

.lotus-table-caption {
  display: block; margin-bottom: .5rem; font: 400 1.2rem/1 Oswald, sans-serif;
}

.lotus-table caption { display: none !important; }

.lotus-table {
  margin: 0 auto; width: 100%; max-width: 100%;
  table-layout: auto !important; border-collapse: separate; border-spacing: 0;
  background: #fff; border: 1px solid #ddd; border-radius: 6px; overflow: hidden;
  font-family: Arial, sans-serif; font-size: .9rem; white-space: normal;
}

.lotus-table thead th { background: #3b3b3b; color: var(--lotus-pink); font-family: Oswald, sans-serif; padding: 10px; text-align: left; }

.lotus-table th, .lotus-table td {
  vertical-align: top; padding: 10px; text-align: left; white-space: normal;
  overflow-wrap: normal; word-break: normal; hyphens: none;
}

.lotus-table td { border-top: 1px solid #ddd; }

.lotus-table tbody tr:nth-child(even) { background: #f9f9f9; }

.lotus-table tbody tr:hover { background: #f1f1f1; }

.lotus-table tbody tr:last-child td { border-bottom: 1px solid #ddd; }

.lotus-table--900, .lotus-table.colwidths { table-layout: fixed; }

.lotus-table tfoot td {
  border-top: 1px solid #ddd; background: #fafafa;
  font: italic .8rem Oswald, sans-serif; color: #666; padding: 8px 10px; text-align: left;
}

.lotus-table tfoot:empty, .lotus-table tfoot td:empty { display: none; }

/*************************************************
 * FIGURE TABLES — Side-by-side images with caption
 *************************************************/
.figure-table {
  margin: 1.5rem auto;
  border-collapse: collapse;
  border-spacing: 0;         /* no extra gaps */
}

/* =========================
   6) LISTS & NAV/PAGINATION
   ========================= */


/* Two-tone: outer vs inner */
html, body { background-color: var(--lotus-bg-outer) !important; }

body > .container { background-color: var(--lotus-bg); }

#column-wrap-id-1664289525947 p,
#column-wrap-id-1664289525948 p,
#column-wrap-id-1664289525949 p { display: block; }

.itemid-224 .com-content-category-blog.blog .item-image.col-md-3 img {
  aspect-ratio: 1/1; object-fit: cover;
}

/*************************************************
 * REFERENCES — hard wrap long links/lists
 *************************************************/
.references, .references li, .references a {
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word;
  hyphens: auto;
  font-size: 0.8rem;
}

.references, .references ul, .references li {
  min-width: 0;
}

.references li {
  line-height: 1.1rem;
}

.references a {
  display: inline !important;
  max-width: 100% !important;
  word-break: break-all !important;
}

.blog-list-abstract { font-size: 1rem; line-height: 1.5; color: #555; margin-bottom: 1em; margin-top: 1.5em; }

dd.createdby span { margin-top: 20px !important; display: block; color: #9e9e9e; }

/*************************************************
 * FEATURED BREAK
 *************************************************/
#featured-break .col-lg-6 { flex: 0 0 75%; max-width: 70%; }

#featured-break .card-title {
  font-family: 'Source Serif 4', serif; font-size: 1.1rem !important; line-height: 1.2; font-weight: 300;
}

#featured-break .card-text {
  font-family: 'Source Serif 4', serif; font-size: .95rem; font-style: italic; text-align: right; color: #555;
}

.image-pair .images { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }

.image-grid-2x1 .grid {
  display: grid; grid-template-columns: 1fr 1fr; gap: 1rem;
  grid-template-areas: "a b" "c c";
}

/*************************************************
 * PUBLICATIONS
 *************************************************/
.lotusgemologypublications { padding-bottom: 42px; }

.lotusgemologypublications label {
  font-family: 'Oswald', sans-serif;
  font-size: 1rem;
}


.lotusgemologypublications .publications { margin-top: 0; }

.lotusgemologypublications .publications > * {
  display: flex; align-items: center; margin-top: 45px;
}

.lotusgemologypublications .publications > *:first-child { margin-top: 0; }

.lotusgemologypublications .publications .cover { border: 1px solid #eee; }

.lotusgemologypublications .publications .data { color: #5a5a5c !important; }

.lotusgemologypublications .publications img {
  max-width: 100%; height: auto; box-sizing: border-box; border: 0; vertical-align: middle;
}

.lotusgemologypublications a.img { position: relative; display: inline-block; }


.lotusgemologypublications .advanced-search {
  padding-top: 30px; display: block; box-shadow: none !important; border: none;
}

/* Four Treasures — advanced search grid */
.lotusgemologypublications #advanced-search {
    container-type: inline-size;
    container-name: ft-advanced;
}

.lotusgemologypublications #advanced-search > .row {
    display: grid;
    grid-template-columns:
        minmax(0, 1.6fr)
        minmax(0, 1.8fr)
        minmax(0, .75fr)
        minmax(0, .75fr)
        minmax(0, 1.5fr);
    gap: 12px;
    align-items: center;
    margin: 0;
}

.lotusgemologypublications #advanced-search > .row > div {
    width: auto;
    max-width: none;
    min-width: 0;
    margin: 0;
    padding: 0;
}

.lotusgemologypublications #advanced-search > .row > div:last-child {
    grid-column: 1 / -1;
}

.lotusgemologypublications #advanced-search .form-group {
    min-width: 0;
    margin: 0;
}

.lotusgemologypublications #advanced-search input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
.lotusgemologypublications #advanced-search select {
    width: 100%;
    min-width: 0;
    margin: 0 !important;
    box-sizing: border-box;
}

@container ft-advanced (max-width: 800px) {
    .lotusgemologypublications #advanced-search > .row {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .lotusgemologypublications #advanced-search > .row > div:nth-child(5) {
        grid-column: 1 / -1;
    }
}

@container ft-advanced (max-width: 480px) {
    .lotusgemologypublications #advanced-search > .row {
        grid-template-columns: minmax(0, 1fr);
    }
}


.lotusgemologypublications .publications .desc { display: none; }

/* Publications pagination handled by authoritative block at EOF. */

.alert-info { color: #303133; background-color: #f6f1f5; border-color: #f6f1f5; }

.publication-translated-title {
  font-family: "Source Serif 4", serif;
  font-size: 1.4rem !important; font-style: italic; color: #888;
  margin: 0 0 .4rem;
}

/* removed nav-caret pseudo element */
/* Space harmony with your lists */
.view-category .category-desc,
.com-content-category-blog .category-desc {
  margin-top: 6px;
}

.view-category .page-header,
.com-content-category-blog .page-header {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.com-content-category-blog .page-header {
  padding: 28px 0 10px !important;
  margin: 0 0 18px !important;
  background: transparent !important;
  border: 0 !important;
}

/* List hero title (no banner image) */
.list-hero { padding: 28px 0 12px; margin: 0 0 18px; }




/* ==========================================================
   LEGACY LIST MODULES
   Articles / Books / Lectures / Reviews / Staff / Trade
   ========================================================== */

/* Rows */
.moduletable.list-articles-latest li.newsflash-item,
.moduletable.list-articles-mostread li.newsflash-item,
.moduletable.list-books li.newsflash-item,
.moduletable.list-lectures-latest li.newsflash-item,
.moduletable.list-reviews li.newsflash-item,
.moduletable.list-staff li.newsflash-item,
.moduletable.list-trade-memberships li.newsflash-item {
  display: flex !important;
  align-items: flex-start !important;
  gap: var(--list-gap) !important;
  padding: 1.25rem 0 !important;
  margin: 0 !important;
  border-bottom: 0 !important;
}

/* Images */
.moduletable.list-articles-latest li.newsflash-item img,
.moduletable.list-articles-mostread li.newsflash-item img,
.moduletable.list-books li.newsflash-item img,
.moduletable.list-lectures-latest li.newsflash-item img,
.moduletable.list-reviews li.newsflash-item img,
.moduletable.list-staff li.newsflash-item img,
.moduletable.list-trade-memberships li.newsflash-item img {
  float: none !important;
  display: block !important;
  flex: 0 0 var(--list-thumb-w) !important;
  width: var(--list-thumb-w) !important;
  max-width: var(--list-thumb-w) !important;
  height: auto !important;
  margin: 0 !important;
  border: 1px solid #ddd;
  border-radius: 4px;
  box-sizing: border-box;
}

/* Text columns */
.moduletable.list-articles-latest li.newsflash-item .newsflash-title,
.moduletable.list-articles-mostread li.newsflash-item .newsflash-title,
.moduletable.list-books li.newsflash-item .newsflash-title,
.moduletable.list-lectures-latest li.newsflash-item .newsflash-title,
.moduletable.list-reviews li.newsflash-item .newsflash-title,
.moduletable.list-staff li.newsflash-item .newsflash-title,
.moduletable.list-trade-memberships li.newsflash-item .newsflash-title {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  display: block;
}

/* Module metadata */
.mod-articles-category .article-author,
.mod-articles-category .review-author,
.mod-articles-category .staff-role {
  display: block !important;
  margin: 0 0 .5rem 0 !important;
}

/* Staff module links are deliberately disabled */
.moduletable.list-staff .mod-articles-category .newsflash-title a {
  pointer-events: none !important;
  cursor: default !important;
  color: #222 !important;
  text-decoration: none !important;
}

/* Trade Membership module links are deliberately disabled */
.moduletable.list-trade-memberships .mod-articles-category li.newsflash-item a {
  pointer-events: none !important;
  cursor: default !important;
  color: inherit !important;
  text-decoration: none !important;
}


/* Four Treasures pagination styling consolidated into authoritative block at EOF. */

/* Generic pagination appearance moved to sitewide authoritative block at EOF. */

/* Kill legacy clearfix/pseudo content that can push the first row */
.lotusgemologygallery.lotusgemologygallery-gallery .images::before,
.lotusgemologygallery.lotusgemologygallery-gallery .images::after{
  content:none !important;
  display:none !important;
}

/* Every grid item = clean block (no floats / no unexpected widths) */
.lotusgemologygallery.lotusgemologygallery-gallery .images > div{
  display:block !important;
  float:none !important;
  clear:none !important;
  width:auto !important;
  margin:0 !important;
  padding:0 !important;
  max-width:100% !important;
  min-height:0 !important;
  box-sizing:border-box !important;
}

/* Fixed-ratio frame using padding shim (robust across browsers) */
.lotusgemologygallery.lotusgemologygallery-gallery .images .preload-img-container{
  display:block !important;
  position:relative !important;
  width:100% !important;
  height:auto !important;
  aspect-ratio:3 / 2;
  padding-top:0 !important;   /* 312×208 ≈ 3:2 */
  overflow:hidden !important;
  border:1px solid #ddd !important;
  box-sizing:border-box !important;
  margin:0 !important;
}

/* HIDE the inline SVG placeholder completely */
.lotusgemologygallery.lotusgemologygallery-gallery .images .preload-img-container > img{
  display:none !important;
  width:0 !important; height:0 !important; margin:0 !important; padding:0 !important; border:0 !important;
}

/* Fill the frame with the final image */
.lotusgemologygallery.lotusgemologygallery-gallery .images .preload-img-result{
  position:absolute !important; inset:0 !important; width:100% !important; height:100% !important;
  margin:0 !important; padding:0 !important;
}

.lotusgemologygallery.lotusgemologygallery-gallery .images .preload-img-result a{
  display:block !important; width:100% !important; height:100% !important;
  margin:0 !important; padding:0 !important;
}

.lotusgemologygallery.lotusgemologygallery-gallery .images .preload-img-result img{
  display:block !important; width:100% !important; height:100% !important;
  object-fit:cover !important; border:0 !important; margin:0 !important; padding:0 !important;
}

/* Overlay must not add height */
.lotusgemologygallery.lotusgemologygallery-gallery .images .preload-img-result .overlay{
  position:absolute !important; inset:0 !important; display:block !important;
  pointer-events:none !important; margin:0 !important; padding:0 !important;
}

/* Responsive columns */
@media (max-width:1100px){
  .lotusgemologygallery.lotusgemologygallery-gallery .images{
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
  }
}

/* ===== Navbar Toggler Styling (Mobile Only) ===== */

/* Size and spacing */
.navbar .navbar-toggler {
  padding: 0.5rem;          /* adjust click area */
  margin-left: 0.5rem;      /* space it off the edge/menu */
  border: none;             /* remove default border */
  border-radius: 0.5rem;    /* soft rounded corners */
}

/* Hover / focus effect */
.navbar .navbar-toggler:hover,
.navbar .navbar-toggler:focus {
  background-color: rgba(216,148,204,0.15); /* faint Lotus pink background */
  outline: none;
}

/*************************************************
 * ARTICLES — RESPONSIVE INTRO IMAGE (REM-BASED)
 * Append at the VERY BOTTOM of custom.css
 * Keeps the opening (intro) image large and fluid on narrow screens.
 *************************************************/

/* Blog/list intro images */
.blog .items-leading .item-image img,
.blog .item .item-image img {
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
  display: block !important;
}

@media (max-width: 48rem) {
  .blog .items-leading .item-image,
  .blog .item .item-image {
    float: none !important;
    max-width: 100% !important;
    margin: 0 auto 1rem !important;
  }
}

.container-header .menu li > a::before,
.container-header .menu li > a::after,
.container-header .menu li > a .caret {
  content: none !important;
  display: none !important;
  border: 0 !important;
}

/*======================================================================
  BANNERS — unify centering (site-wide)
  Applies to Hyperion, Four Treasures, Articles, etc.
======================================================================*/
.lotusgemologypublications > img {
  display: block;
  margin: 0 auto 1.5rem auto !important;
  max-width: 100% !important;
  height: auto !important;
}

/*************************************************
 * ARTICLE META BAR — author (L) | published (R)
 * scope: single article pages only
 *************************************************/
body.com_content.view-article .page-header.lotus-article-header .article-meta-bar{
  display:flex;
  justify-content:space-between;
  align-items:baseline;
  gap:24px;
  padding:8px 0;
  margin:6px 0 14px;
  border-top:1px solid rgba(0,0,0,.10);
  border-bottom:1px solid rgba(0,0,0,.10);
  font-size:16px;
  line-height:1.4;
  color:#565659;
}

/* author left (default) */
body.com_content.view-article .page-header.lotus-article-header .article-meta-bar .article-author{
  font-weight:500;
}

/* date right; keep on one line where possible */
body.com_content.view-article .page-header.lotus-article-header .article-meta-bar .book-pubdate{
  margin-left:auto;
  white-space:nowrap;
}

/* remove the full-width separator under the title */
body.com_content.view-article .page-header.lotus-article-header .article-title-sep{
  display:none !important;
}

/* hide the duplicate bullet date block */
body.com_content.view-article .item-page > .fields-container .field-entry.date{
  display:none !important;
}

/*************************************************
 * PAGINATION — Centered on Publications & Gallery
 *************************************************/

/* --- Publications: Results list --- */
/* lotus-publications-pagination-consolidated */
.lotusgemologypublications .results .pagination.row {
  display: flex !important;
  flex-direction: column !important;  /* results line above numbers */
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  width: 100% !important;
  margin-top: 1.5rem !important;
  margin-bottom: 0 !important;
}

.lotusgemologypublications .results .pagination.row .text-end {
  text-align: center !important;
  margin: 0 0 0.5rem 0 !important;
  width: 100% !important;
}

/* Simple math typesetting (no scripts, safe for Joomla editors) */
.math-eq{ text-align:center; margin:1rem 0; font-size:1.3rem; line-height:1.25; }

.math-frac .den{ display:block; border-top:1px solid currentColor; margin-top:.15em; padding:0 .35em; }

/*************************************************
 * Footnote Styling
 *************************************************/
.footnotes {
  font-size: 0.9rem;
  color: rgb(108, 117, 125); /* fixed color syntax */
}

.footnotes ol {
  margin-left: 1.25rem;
}

.footnotes li {
  margin: 0.35rem 0;
}

/*************************************************
 * QUOTE & HYPERION
 *************************************************/

.lotusgemologygallery.lotusgemologygallery-gallery .hgallery {
  margin-top: 24px !important;
}

/* Banner provides spacing; relies on this margin (applies only on Hyperion gallery view) */
body.com_lotusgemologygallery.view-gallery
  .lotusgemologygallery.lotusgemologygallery-gallery .hyperionmainimage {
  display: block !important;
  margin: 0 auto 32px !important;   /* space BELOW the banner */
  line-height: 0 !important;        /* kill inline gap */
}

body.com_lotusgemologygallery.view-gallery
  .lotusgemologygallery.lotusgemologygallery-gallery .hyperionmainimage img {
  display: block !important;
  margin: 0 auto !important;
  max-width: 100% !important;
  height: auto !important;
}

/* ===== Navbar: hide mobile toggler on >=992px ===== */
@media (min-width: 992px) {
  .navbar.navbar-expand-lg .navbar-toggler {
    display: none !important;
  }
}

/*************************************************
 * SHADOW-BOX (dark sidebar)
 *************************************************/
.shadow-box {
  margin: 20px auto;
  padding: 20px 28px;
  background: url(/images/_background-images/main-texture.png) 50% 0;
  background-color: #222;          /* dark background */
  border: 1px solid #333;
  border-right-color: #000;
  border-bottom-color: #000;
  color: #b4b4b4;                     /* default text color */
  line-height: 1.35;
  box-shadow: 5px 5px 5px #666;
}

.shadow-box li {
  font-size: 0.9rem;
}

/* Optional: heading class often used inside shadow-box */
.boxhead {
  font-family: Oswald;
  font-size: 28px !important;
  font-weight: normal;
  color: #b4b4b4; 
}

.inclusion-refs li {
  display: list-item !important;
  list-style-type: decimal !important;
  counter-increment: refnum;
  margin: 0.3em 0;
  line-height: 1.4;
}

.inclusion-refs li a {
  display: inline !important;
  text-decoration: none;
  color: var(--lotus-pink, #bc87a6);
}

.inclusion-refs li::marker {
  color: inherit;
  font-weight: normal;
}

/* =========================
   7) PAGE-SPECIFIC OVERRIDES
   ========================= */


.com-content-article.item-pagehome { padding: 30px; }

/* =========================
   8) RESPONSIVE MEDIA QUERIES
   ========================= */


@media (max-width: 768px) {
  .lotus-table-wrapper { max-width: 100%; }
  .lotus-table thead th, .lotus-table td { padding: 8px; }
}

@media (max-width: 480px) {
  .lotus-table thead th, .lotus-table td { padding: 6px; }
}

@media (max-width: 480px) { .image-pair .images { grid-template-columns: 1fr; } }

@media (max-width: 600px) {
  .image-grid-2x1 .grid {
    grid-template-columns: 1fr;
    grid-template-areas: "a" "b" "c";
  }
}

@media (max-width:640px){
  .list-hero { padding: 20px 0 8px; }
  .list-hero__title::after { width: 48px; height: 3px; }
}


@media (max-width:560px){
  .lotusgemologygallery.lotusgemologygallery-gallery .images{
    grid-template-columns:1fr !important;
  }
}


/* =========================
   MISCELLANEOUS (Unclassified)
   ========================= */



.item_title a { font-size: inherit; }


/* 4) If a category description injects an image, hide it */
.view-category .category-desc img:first-of-type,
.com-content-category-blog .category-desc img:first-of-type,
.view-category .category-desc .item-image,
.com-content-category-blog .category-desc .item-image {
  display: none !important;
}

/* 6) Mobile tweaks */
@media (max-width: 640px) {

.com-content-category-blog .page-header { padding: 20px 0 8px !important; }

}

/* Category/list pages — white panel, square and shadowless */
.com-content-category-blog.blog {
  background: #fff;
  padding: 30px;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* Kill “Read More” and template content-links globally */
.com-content-category-blog .readmore,
.com-content-category-blog .content-links {
  display: none !important;
}

/*************************************************
 * TRADE MEMBERSHIPS — remove borders on logos
 *************************************************/
.trade-memberships .com-content-category-blog .blog-item img:first-of-type {
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
}

.figure-table td {
  text-align: center;
  vertical-align: top;
  padding: 0 10px;           /* spacing between images */
}

.figure-table img {
  display: block;
  margin: 0 auto;
  max-width: 400px;          /* keep images consistent */
  height: auto;
}


.mod-articles-category .newsflash-title {
  margin: 0 0 .6rem 0 !important;
  display: flow-root;
}

.math-eq i{ font-style:italic; }

/* tan, cos in italic */
.math-frac{ display:inline-block; vertical-align:middle; text-align:center; }

.math-frac .num{ display:block; padding:0 .35em; }

.math-dot{ padding:0 .15em; }

.footnote-back {
  text-decoration: none;
  margin-left: 0.5rem;
}

:target:not(.ft-embed):not(#sherlockSearchForm) {
  background: rgba(255, 247, 170, 0.5);
  transition: background 0.8s;
}

/* ============================
   Smart Search — header module (#265)
   ============================ */

/* Hide visual label (kept for a11y) */
/* The standard layout keeps the label visually hidden and accessible. */

/* Wrapper for positioned icon button */
.mod-finder__search:has(#mod-finder-searchword265) {
  position: relative !important;
  display: inline-block !important;
  width: auto !important;          /* allow natural width on wide screens */
  min-width: 0 !important;         /* prevent overflow constraints */
}

/* Input field — unified Lotus dark theme */
.mod-finder__search:has(#mod-finder-searchword265) input#mod-finder-searchword265,
.mod-finder__search:has(#mod-finder-searchword265) input.js-finder-search-query {
  width: 220px !important;          /* desktop default */
  height: 40px !important;
  padding: 8px 44px 8px 12px !important;    /* space for right icon */
  border-radius: 8px !important;
  border: 1px solid rgba(255,255,255,0.15) !important;
  background-color: var(--lotus-bg-dark, #222324) !important; /* match outer background */
  color: #eee !important;
  caret-color: #eee !important;
  box-sizing: border-box !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

/* Placeholder + focus */
.mod-finder__search:has(#mod-finder-searchword265) input#mod-finder-searchword265::placeholder,
.mod-finder__search:has(#mod-finder-searchword265) input.js-finder-search-query::placeholder {
  color: rgba(255,255,255,0.65) !important;
}
.mod-finder__search:has(#mod-finder-searchword265) input#mod-finder-searchword265:focus,
.mod-finder__search:has(#mod-finder-searchword265) input.js-finder-search-query:focus {
  background-color: var(--lotus-bg-dark, #222324) !important;
  color: #fff !important;
  border-color: var(--lotus-pink, #D894CC) !important;
  outline: none !important;
  box-shadow: 0 0 0 3px color-mix(in oklab, var(--lotus-pink, #D894CC) 25%, transparent) !important;
}

/* Right-side magnifier button */
.mod-finder__search:has(#mod-finder-searchword265) button.btn {
  display: inline-flex !important;
  position: absolute !important;
  right: 6px;
  top: 50%;
  transform: translateY(-50%);
  width: 28px;
  height: 28px;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 6px !important;
  background: transparent !important;
  text-indent: 0 !important;
  font-size: 0 !important;
  overflow: hidden;
  cursor: pointer;
  z-index: 2;
}
.mod-finder__search:has(#mod-finder-searchword265) button.btn::before {
  content: "" !important;
  width: 18px;
  height: 18px;
  margin: 5px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23D894CC' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-size: 18px 18px !important;
  flex-shrink: 0;
}

/* Responsive header — phones and tablets */
@media (max-width: 1199.98px) {
  /* Mobile side-menu collapse compatibility */
  header.container-header #mySidenav .collapse:not(.show) {
    display: block !important;
  }

  header.header.container-header {
    padding: 0 0 20px !important;
  }
  header.container-header #myHeader {
    display: block !important;
    position: relative !important;
    width: 100%;
    height: 44px;
    margin: 0;
    padding: 0;
  }
  header.container-header #myHeader button.open-nav {
    position: absolute;
    left: auto !important;
    right: 8px !important;
    top: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    margin: 0;
    padding: 0;
    line-height: 1;
    cursor: pointer;
  }
  header.container-header > .row {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin: 0;
    padding: 0 12px;
    box-sizing: border-box;
  }
  header.container-header > .row > .nav-panel {
    display: none !important;
  }

  header.container-header .col.logo-panel {
    display: flex;
    width: 100%;
    flex: 0 0 100%;
    justify-content: center;
    margin: 0;
  }
  header.container-header .brand-logo {
    display: block;
    width: 180px;
    max-width: 60vw;
    margin: 0 auto;
  }
  header.container-header .brand-logo p {
    margin: 0;
    padding: 0;
  }
  header.container-header .brand-logo img {
    display: block;
    width: 100% !important;
    height: auto !important;
    padding: 10px 0 0;
  }
  header.container-header .container-search.report {
    position: static !important;
    width: 100%;
    padding: 0 !important;
    margin: 14px 0 18px;
    display: flex;
    justify-content: center;
  }
  header.container-header .container-search.report ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  header.container-header .container-search.report > ul {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 10px;
    width: 100%;
    max-width: 420px;
  }
  header.container-header .container-search.report li {
    float: none;
    width: auto;
    margin: 0;
    padding: 0;
  }
  header.container-header .container-search.report > ul > li:first-child {
    flex: 0 0 auto;
  }
  header.container-header .container-search.report > ul > li:last-child {
    flex: 1 1 0;
    width: auto;
    min-width: 0;
    margin: 0;
    padding: 0;
  }
  header.container-header #mod-custom255,
  header.container-header #mod-custom255 ul,
  header.container-header #mod-custom255 li {
    display: block;
    float: none;
    margin: 0;
    padding: 0;
    width: auto;
  }
  header.container-header #mod-custom255 a {
    min-height: 40px;
    line-height: 20px;
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
    font-size: 14px;
    margin: 0;
    padding: 0;
  }
  header.container-header search,
  header.container-header .mod-finder {
    display: block;
    position: static;
    inset: auto;
    transform: none;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin: 0;
    padding: 0;
  }
  header.container-header .mod-finder__search:has(#mod-finder-searchword265) {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    max-width: 100%;
    margin: 0;
  }
  header.container-header .mod-finder__search:has(#mod-finder-searchword265) input#mod-finder-searchword265 {
    display: block;
    height: 40px !important;
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0;
    margin: 0 !important;
    font-size: 14px;
    padding-right: 38px !important;
    border-radius: 8px !important;
  }
  header.container-header .mod-finder__search:has(#mod-finder-searchword265) button.btn {
    right: 6px !important;
    top: 50%;
    margin: 0 !important;
    width: 28px;
    height: 28px !important;
    min-height: 28px !important;
  }
}

/* ============================
   Smart Search — component page
   ============================ */
.site.com_finder.view-search .form-search label { display: none !important; }
.site.com_finder.view-search .form-search input[type="search"],
.site.com_finder.view-search .form-search input[type="text"] {
  height: 40px;
  padding: 8px 12px;
  border-radius: 8px;
  border: 1px solid rgba(255,255,255,0.15);
  background-color: var(--lotus-bg-dark, #222324);
  color: #eee;
  box-sizing: border-box;
}
.site.com_finder.view-search .form-search input::placeholder {
  color: rgba(255,255,255,0.65);
}
/* ============================================
   Hyperion – lightGallery styling (minimal)
   ============================================ */

/* Caption: use default LG position at bottom, just ensure visible & styled */
.lg-outer .lg-sub-html {
    display: block !important;
    opacity: 1 !important;
    color: #f5f5f5;
    padding: 10px 20px;
    font-size: 14px;
    line-height: 1.4;
    text-align: center;
    background: rgba(0, 0, 0, 0.75);
    box-sizing: border-box;
}

.lg-outer .lg-sub-html p {
    margin: 0 0 4px;
}

/* Image: slightly reduced so caption doesn’t eat too much of it */
.lg-outer .lg-object.lg-image {
    max-height: calc(100vh - 220px) !important;  /* tweak 220 up/down if needed */
    width: auto !important;
    height: auto !important;
    margin: 0 auto;
}

/* Centered thumbnails */
.lg-outer .lg-thumb-outer {
    text-align: center;
}

.lg-outer .lg-thumb-outer .lg-thumb {
    float: none !important;
    display: inline-block !important;
}

.lg-outer .lg-thumb-outer .lg-thumb-item {
    float: none !important;
    display: inline-block;
}

/* Always show navigation arrows */
.lg-outer .lg-prev,
.lg-outer .lg-next {
    opacity: 1 !important;
    visibility: visible !important;
}

/* Hyperion logo overlay at top center */
.hyperion-logo-lb {
    position: fixed;
    top: 16px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2147483647;   /* topmost */
    display: none;
}

.hyperion-logo-lb img {
    max-height: 60px;
    width: auto;
}

/* Show logo only when lightGallery is open */
.lg-on .hyperion-logo-lb {
    display: block;
}


/* ============================================
   Smart Search — centered pagination
   ============================================ */

/* ============================================
   FIX TEXT SEARCH PAGINATION ALIGNMENT ONLY
   (com_finder view-search)
   ============================================ */

body.com_finder.view-search .com-finder__navigation.search-pagination {
    display: flex !important;
    flex-direction: column-reverse !important;  /* counter above buttons */
    align-items: center !important;
    gap: 0.75rem !important;
    margin: 12px 0 !important;
}

/* Results counter: centered, no float */
body.com_finder.view-search .com-finder__navigation.search-pagination .com-finder__counter,
body.com_finder.view-search .com-finder__navigation.search-pagination .search-pages-counter {
    float: none !important;
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    margin: 0 !important;
}

/* Center the page buttons row (nav + ul) */
body.com_finder.view-search .com-finder__navigation.search-pagination nav {
    float: none !important;
    text-align: center !important;
}

body.com_finder.view-search .com-finder__navigation.search-pagination nav ul {
    display: inline-flex !important;
    justify-content: center !important;
    margin: 0 auto !important;
    padding: 0 !important;
    list-style: none !important;
}

/* ================================
   Joomla article title banner fix
   ================================ */

/* Force article image banners to be responsive */
.com-content-article.item-page figure.item-image,
.com-content-article.item-page figure.item-image img {
    width: 100% !important;
    max-width: 100% !important;
}

.com-content-article.item-page figure.item-image img {
    height: auto !important;
    display: block;
}

/* ============================
   Joomla article banner spacing
   ============================ */

/* Override the general 30px figure margin for article banners */
.com-content-article.item-page figure.left.item-image {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* Ensure the image itself remains flush */
.com-content-article.item-page figure.left.item-image img {
    margin: 0;
}

/* FIX: Hyperion box sits lower than standard pages — remove the extra top offset */
body.com_lotusgemologygallery .container.inner-box{
    margin-top: 0 !important;
}

table.shadow-box,
table.shadow-box td,
table.shadow-box p,
table.shadow-box span,
table.shadow-box div,
table.shadow-box li,
table.shadow-box blockquote,
table.shadow-box em,
table.shadow-box strong,
table.shadow-box a {
    color: #cfcfcf !important;
}

/*************************************************
 * MOBILE MENU FIX — #mySidenav
 *************************************************/
@media (max-width: 768px) {

  #mySidenav {
    overflow-x: hidden !important;
  }
#mySidenav ul.mod-menu {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    width: 100% !important;
  }
#mySidenav ul.mod-menu > li {
    display: block !important;
    width: 100% !important;
    float: none !important;
  }
#mySidenav ul.mod-menu > li > a {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
    text-align: left !important;
  }
}



/* Fix FAQ category headings */
.category__link {
    word-break: normal !important;
    overflow-wrap: normal !important;
    hyphens: none !important;
    white-space: nowrap !important;
    margin-right: 10px !important;
}
/* Hyperion embedded landing-page pagination — structural only */
.hyperion-embedded-gallery > .pagination {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  width: 100% !important;
}

/* Hyperion inclusion landing pages — hide author and publishing date */
.com-content-article:has(.hyperion-landing) .article-meta-bar {
    display: none !important;
}



/* Four Treasures landing-page CTA — match Hyperion house style */
.four-treasures-landing > p:last-child {
    text-align: center;
}

/* Four Treasures reference covers — approximately 30% larger */
@media (min-width: 768px) {
  .lotusgemologypublications .publications > .row > .col-md-2 {
    flex: 0 0 21.666667%;
    max-width: 21.666667%;
  }

  .lotusgemologypublications .publications > .row > .col-md-10 {
    flex: 0 0 78.333333%;
    max-width: 78.333333%;
  }

  .lotusgemologypublications .publications .cover {
    height: 208px !important;
  }
}


/* Hyperion landing-page embed — space after gallery/pagination */
.hyperion-embedded-gallery {
  margin-bottom: 1em;
}

/* ==========================================================
   CATEGORY LISTS — AUTHORITATIVE
   Articles / Books / Lectures / Reviews / Staff / Trade
   Modify list-page layout here, not in additional patches.
   ========================================================== */

/* Row */
.com-content-category-blog .items-leading .item,
.com-content-category-blog .blog-items .item,
.com-content-category-blog .items-leading .blog-item,
.com-content-category-blog .blog-items .blog-item {
  display: flex !important;
  align-items: flex-start !important;
  gap: var(--list-gap) !important;
  box-sizing: border-box !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 1.25rem 0 !important;
  border: 0 !important;
}

/* Thumbnail */
.com-content-category-blog .items-leading .item img:first-of-type,
.com-content-category-blog .blog-items .item img:first-of-type,
.com-content-category-blog .items-leading .blog-item img:first-of-type,
.com-content-category-blog .blog-items .blog-item img:first-of-type {
  float: none !important;
  display: block !important;
  flex: 0 0 var(--list-thumb-w) !important;
  width: var(--list-thumb-w) !important;
  max-width: var(--list-thumb-w) !important;
  height: auto !important;
  margin: 0 !important;
  border: 1px solid #ddd !important;
  border-radius: 4px !important;
  box-sizing: border-box !important;
}

/* Text column */
.com-content-category-blog .item .item-content,
.com-content-category-blog .item .card-content,
.com-content-category-blog .blog-item .item-content,
.com-content-category-blog .blog-item .card-content {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  width: auto !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Standard title */
.com-content-category-blog .item .item-title,
.com-content-category-blog .blog-item .item-title {
  display: block !important;
  font-family: Oswald, sans-serif;
  font-size: 1.4rem !important;
  font-weight: 600;
  line-height: 1.3;
  color: #222;
  margin: 0 0 .6rem 0 !important;
  padding-bottom: .4rem !important;
  border-bottom: 1px solid var(--sep) !important;
}

/* lotus-staff-heading-consolidated */
.com-content-category-blog .item.staff-card .item-title {
  display: flow-root !important;
}

/* Trade titles deliberately have no hairline */
.com-content-category-blog .item.trade-memberships-card .item-title {
  color: #222 !important;
  margin-bottom: .25rem !important;
  padding-bottom: 0 !important;
  border-bottom: 0 !important;
}

/* Standard title links */
.com-content-category-blog .article-card .item-title a,
.com-content-category-blog .book-card .item-title a,
.com-content-category-blog .lecture-card .item-title a,
.com-content-category-blog .review-card .item-title a {
  pointer-events: auto !important;
  cursor: pointer !important;
  color: inherit;
  text-decoration: none !important;
}

/* Staff and Trade are deliberately non-clickable */
.com-content-category-blog .staff-card .item-title a,
.com-content-category-blog .staff-card .card-image a,
.com-content-category-blog .trade-memberships-card a,
.trade-memberships .com-content-category-blog .item a,
.trade-memberships .com-content-category-blog .blog-item a {
  pointer-events: none !important;
  cursor: default !important;
  color: inherit !important;
  text-decoration: none !important;
}

/* Author / role */
.com-content-category-blog .item .article-author,
.com-content-category-blog .item .review-author,
.com-content-category-blog .item .staff-role,
.com-content-category-blog .blog-item .article-author,
.com-content-category-blog .blog-item .review-author,
.com-content-category-blog .blog-item .staff-role {
  display: block !important;
  margin: 0 0 .5rem 0 !important;
  font-size: .95rem;
  line-height: 1.4;
  color: #666;
  font-style: normal !important;
}

/* Dates */
.com-content-category-blog .item .book-pubdate,
.com-content-category-blog .item .article-date,
.com-content-category-blog .item .lecture-date,
.com-content-category-blog .blog-item .book-pubdate,
.com-content-category-blog .blog-item .article-date,
.com-content-category-blog .blog-item .lecture-date {
  display: block !important;
  margin: 0 0 .5rem auto !important;
  font-size: .95rem;
  line-height: 1.4;
  color: #000 !important;
  font-style: normal !important;
  text-align: right;
}

/* Lecture speaker/date row */
.com-content-category-blog .lecture-card .lecture-meta {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 1rem;
  width: 100%;
  margin: 0 0 .5rem 0;
  font-size: .95rem;
  line-height: 1.3;
}

.com-content-category-blog .lecture-card .lecture-speaker {
  color: #9a9a9c;
}

.com-content-category-blog .lecture-card .lecture-meta .lecture-date {
  margin-left: auto !important;
  white-space: nowrap !important;
  color: #000 !important;
  font-weight: 400;
}

/* Abstract / intro */
.com-content-category-blog .item .blog-list-abstract,
.com-content-category-blog .item .intro,
.com-content-category-blog .item .abstract,
.com-content-category-blog .blog-item .blog-list-abstract,
.com-content-category-blog .blog-item .intro,
.com-content-category-blog .blog-item .abstract,
.com-content-category-blog .blog-item .item-content p {
  margin-right: 0 !important;
  padding-right: 0 !important;
}

.com-content-category-blog .item .blog-list-abstract,
.com-content-category-blog .item .intro,
.com-content-category-blog .item .abstract,
.com-content-category-blog .blog-item .blog-list-abstract,
.com-content-category-blog .blog-item .intro,
.com-content-category-blog .blog-item .abstract {
  margin: 0 0 1rem 0 !important;
  padding-left: 0 !important;
  font-size: 1rem;
  line-height: 1.5;
  color: #555;
  font-style: normal !important;
  text-align: left;
}

/* Linked Article thumbnail wrapper */
.com-content-category-blog .item.article-card.has-thumb > a:first-child {
  display: block !important;
  flex: 0 0 var(--list-thumb-w) !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0 !important;
  align-self: flex-start !important;
}

/* Optical alignment of Oswald title text with thumbnail top */
.com-content-category-blog .item.article-card .item-title,
.com-content-category-blog .item.lecture-card .item-title,
.com-content-category-blog .item.staff-card .item-title,
.com-content-category-blog .item.review-card .item-title {
  padding-top: 0 !important;
  transform: translateY(-4px);
}



/* ==========================================================
   SITEWIDE PAGINATION — AUTHORITATIVE
   One visual system for all Joomla pagination.
   Component-specific CSS may control positioning only.
   ========================================================== */

/* Pagination block spacing — sitewide */
div.pagination {
  margin-top: 12px !important;
  margin-bottom: 12px !important;
}

/* Pagination list */
ul.pagination {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 8px !important;

  margin-left: 0 !important;
  margin-right: 0 !important;
  padding: 0 !important;

  background: transparent !important;
  border: 0 !important;
  list-style: none !important;
}

/* Small screens — allow long pagination lists to wrap cleanly */
@media (max-width: 640px) {
  ul.pagination {
    flex-wrap: wrap !important;
  }
}

/* Every pagination item */
ul.pagination > li,
ul.pagination > li.page-item {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

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

  background: transparent !important;
  border: 0 !important;
  list-style: none !important;
  opacity: 1 !important;
}

/* Remove template bullets / pseudo-elements */
ul.pagination > li::before,
ul.pagination > li::after {
  content: none !important;
  display: none !important;
}

/* Every pagination tile */
ul.pagination > li > a,
ul.pagination > li > span,
ul.pagination > li > a.page-link,
ul.pagination > li > span.page-link {
  box-sizing: border-box !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-width: 34px !important;
  width: auto !important;
  height: 34px !important;

  margin: 0 !important;
  padding: 0 10px !important;

  font-family: Oswald, sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 34px !important;

  color: var(--lotus-pink, #D894CC) !important;
  background: #3b3b3e !important;

  border: 0 !important;
  border-radius: 4px !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

/* Hover / keyboard focus */
ul.pagination > li:not(.active):not(.disabled) > a:hover,
ul.pagination > li:not(.active):not(.disabled) > a:focus {
  color: var(--lotus-pink, #D894CC) !important;
  background: #2f2f31 !important;
  outline: none !important;
}

/* Current page */
ul.pagination > li.active,
ul.pagination > li.active > a,
ul.pagination > li.active > span,
ul.pagination > li.active > .page-link {
  background: transparent !important;
}

ul.pagination > li.active > a,
ul.pagination > li.active > span,
ul.pagination > li.active > .page-link {
  color: #000 !important;
  background: var(--lotus-pink, #D894CC) !important;
  font-weight: 400 !important;
  cursor: default !important;
}

/* Disabled navigation — visible, but inactive */
ul.pagination > li.disabled {
  display: flex !important;
  background: transparent !important;
  border: 0 !important;
  opacity: 1 !important;
  pointer-events: none !important;
}

ul.pagination > li.disabled > a,
ul.pagination > li.disabled > span,
ul.pagination > li.disabled > .page-link {
  color: #fff !important;
  background: #bdbdbf !important;
  border: 0 !important;
  opacity: 1 !important;
  cursor: default !important;
  pointer-events: none !important;
}

/* Never hide first / previous / next / last controls */
ul.pagination > li.start,
ul.pagination > li.previous,
ul.pagination > li.next,
ul.pagination > li.end,
ul.pagination > li.pagination-start,
ul.pagination > li.pagination-prev,
ul.pagination > li.pagination-next,
ul.pagination > li.pagination-end {
  display: flex !important;
}

/* Center Joomla navigation icons */
ul.pagination .page-link > .icon-angle-double-left,
ul.pagination .page-link > .icon-angle-left,
ul.pagination .page-link > .icon-angle-right,
ul.pagination .page-link > .icon-angle-double-right {
  margin: 0 !important;
  line-height: 1 !important;
}

/* Pagination navigation icons are icons, not nested buttons */
ul.pagination .page-link > [class*="icon-angle"] {
  display: inline-block !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;

  color: inherit !important;
  background: transparent !important;

  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;

  line-height: 1 !important;
}

/* ==========================================================
   END SITEWIDE PAGINATION
   ========================================================== */

/* ==========================================================
   SITEWIDE STANDARD BUTTONS — AUTHORITATIVE
   Standard action buttons; component icon buttons excluded.
   ========================================================== */

button.btn-primary,
button.btn-secondary,
input[type="submit"].btn,
input[type="button"].btn,
input[type="reset"].btn,
a.btn.btn-primary,
a.btn.btn-secondary,
body.com_lotusgemologyreports button.report-search-btn {
  height: 38px !important;
  min-height: 38px !important;
  cursor: pointer !important;
}

button.btn-primary:hover,
button.btn-secondary:hover,
input[type="submit"].btn:hover,
input[type="button"].btn:hover,
input[type="reset"].btn:hover,
a.btn.btn-primary:hover,
a.btn.btn-secondary:hover,
button.btn-primary:focus,
button.btn-secondary:focus,
input[type="submit"].btn:focus,
input[type="button"].btn:focus,
input[type="reset"].btn:focus,
a.btn.btn-primary:focus,
a.btn.btn-secondary:focus {
  background: var(--lotus-pink, #D894CC) !important;
  color: #3b3b3e !important;
  border: 0 !important;
  box-shadow: none !important;
  text-decoration: none !important;
  outline: none !important;
}

/* Nested icons/text inherit the button color. */
button.btn-primary > *,
button.btn-secondary > *,
a.btn.btn-primary > *,
a.btn.btn-secondary > * {
  color: inherit !important;
}

/* ==========================================================
   END SITEWIDE STANDARD BUTTONS
   ========================================================== */

/* ==========================================================
   SITEWIDE STANDARD BUTTONS — COMPONENT SPECIFICITY
   Same appearance; stronger selectors where components override it.
   ========================================================== */

/* Lotus Report Verification */
/* lotus-component-button-consolidated */
button.btn-primary,
button.btn-secondary,
input[type="submit"].btn,
input[type="button"].btn,
input[type="reset"].btn,
a.btn.btn-primary,
a.btn.btn-secondary,
body.com_lotusgemologyreports button.report-search-btn,
.com_lotusgemologyreports .btn-primary,
.com_lotusgemologyreports .btn-success,

/* Joomla Site Text Search / Smart Search */
.com-finder button.btn-primary,
.com-finder button.btn-secondary,
.com-finder .btn.btn-primary,
.com-finder .btn.btn-secondary,
.finder button.btn-primary,
.finder button.btn-secondary,
.finder .btn.btn-primary,
.finder .btn.btn-secondary {
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  padding: 0 14px !important;
  background: #3b3b3e !important;
  background-image: none !important;
  color: var(--lotus-pink, #D894CC) !important;
  border: 0 !important;
  border-radius: 4px !important;
  box-shadow: none !important;
  font-family: Oswald, sans-serif !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 19.2px !important;
  text-transform: none !important;
  text-decoration: none !important;
  text-shadow: none !important;
}

.com_lotusgemologyreports .btn-primary,
.com_lotusgemologyreports .btn-success,

/* Joomla Site Text Search / Smart Search */
.com-finder button.btn-primary,
.com-finder button.btn-secondary,
.com-finder .btn.btn-primary,
.com-finder .btn.btn-secondary,
.finder button.btn-primary,
.finder button.btn-secondary,
.finder .btn.btn-primary,
.finder .btn.btn-secondary {
  height: 40px !important;
  min-height: 40px !important;
  background-color: #3b3b3e !important;
  border-color: transparent !important;
}

/* Same hover/focus everywhere */
.com_lotusgemologyreports .btn-primary:hover,
.com_lotusgemologyreports .btn-primary:focus,
.com_lotusgemologyreports .btn-success:hover,
.com_lotusgemologyreports .btn-success:focus,
.com-finder button.btn-primary:hover,
.com-finder button.btn-primary:focus,
.com-finder button.btn-secondary:hover,
.com-finder button.btn-secondary:focus,
.com-finder .btn.btn-primary:hover,
.com-finder .btn.btn-primary:focus,
.com-finder .btn.btn-secondary:hover,
.com-finder .btn.btn-secondary:focus,
.finder button.btn-primary:hover,
.finder button.btn-primary:focus,
.finder button.btn-secondary:hover,
.finder button.btn-secondary:focus,
.finder .btn.btn-primary:hover,
.finder .btn.btn-primary:focus,
.finder .btn.btn-secondary:hover,
.finder .btn.btn-secondary:focus {
  background: var(--lotus-pink, #D894CC) !important;
  background-color: var(--lotus-pink, #D894CC) !important;
  color: #3b3b3e !important;
  border-color: transparent !important;
  box-shadow: none !important;
  outline: none !important;
}

/* ==========================================================
   END SITEWIDE STANDARD BUTTONS — COMPONENT SPECIFICITY
   ========================================================== */

/* Report Verification Search — sitewide standard button */
/* lotus-standard-report-button-consolidated */
body.com_lotusgemologyreports button.report-search-btn {
  height: 40px !important;
  min-height: 40px !important;
}

body.com_lotusgemologyreports button.report-search-btn:hover,
body.com_lotusgemologyreports button.report-search-btn:focus {
  background: var(--lotus-pink, #D894CC) !important;
  color: #3b3b3e !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Finder / Text Search — align search field with buttons */
.com-finder__search .input-group > .awesomplete > input.js-finder-search-query {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* Hyperion — space between search controls and results count */
body.com_lotusgemologygallery.view-gallery
  .lotusgemologygallery .hgallery .filters {
  margin-bottom: 12px !important;
}


/* ==========================================================
   FOUR TREASURES — BASIC SEARCH TOOLBAR
   ========================================================== */

body.com_lotusgemologypublications.view-publications
  .lotusgemologypublications .ft-basic-toolbar .ft-search-wrap {
  min-width: 0;
}

body.com_lotusgemologypublications.view-publications
  .lotusgemologypublications .ft-basic-toolbar .ft-search-wrap input {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
}

body.com_lotusgemologypublications.view-publications
  .lotusgemologypublications .ft-basic-toolbar .ft-sort-select {
  width: 100%;
  padding-right: 2.25rem;
}

@media (max-width: 991.98px) {
  body.com_lotusgemologypublications.view-publications:not(.layout-results)
    .lotusgemologypublications .ft-basic-toolbar .ft-sort-area {
    margin-top: .75rem;
  }
}

@media (max-width: 1199.98px) {
  body.com_lotusgemologypublications.view-publications.layout-results
    .lotusgemologypublications .ft-basic-toolbar .ft-sort-area {
    margin-top: .75rem;
  }

  body.com_lotusgemologypublications.view-publications.layout-results
    .lotusgemologypublications .results > .pagination.row {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    --bs-gutter-x: 0 !important;
  }

  body.com_lotusgemologypublications.view-publications.layout-results
    .lotusgemologypublications .results .pagination__wrapper {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  body.com_lotusgemologypublications.view-publications.layout-results
    .lotusgemologypublications .results .pagination__wrapper > .text-end {
    display: block !important;
    width: 100% !important;
    margin-right: 0 !important;
    text-align: center !important;
  }

  body.com_lotusgemologypublications.view-publications.layout-results
    .lotusgemologypublications .results .pagination-toolbar {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  body.com_lotusgemologypublications.view-publications.layout-results
    .lotusgemologypublications .results ul.pagination {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    gap: .25rem !important;
    overflow: hidden !important;
  }

  body.com_lotusgemologypublications.view-publications.layout-results
    .lotusgemologypublications .results ul.pagination > li.page-item {
    display: none !important;
    position: static !important;
    float: none !important;
    flex: 0 0 auto !important;
  }

  body.com_lotusgemologypublications.view-publications.layout-results
    .lotusgemologypublications .results ul.pagination > li.page-item:first-child,
  body.com_lotusgemologypublications.view-publications.layout-results
    .lotusgemologypublications .results ul.pagination > li.page-item:nth-child(2),
  body.com_lotusgemologypublications.view-publications.layout-results
    .lotusgemologypublications .results ul.pagination > li.page-item.active,
  body.com_lotusgemologypublications.view-publications.layout-results
    .lotusgemologypublications .results ul.pagination > li.page-item:has(+ li.page-item.active),
  body.com_lotusgemologypublications.view-publications.layout-results
    .lotusgemologypublications .results ul.pagination > li.page-item.active + li.page-item,
  body.com_lotusgemologypublications.view-publications.layout-results
    .lotusgemologypublications .results ul.pagination > li.page-item.active + li.page-item + li.page-item,
  body.com_lotusgemologypublications.view-publications.layout-results
    .lotusgemologypublications .results ul.pagination > li.page-item:nth-last-child(2),
  body.com_lotusgemologypublications.view-publications.layout-results
    .lotusgemologypublications .results ul.pagination > li.page-item:last-child {
    display: block !important;
    position: static !important;
    float: none !important;
  }

  body.com_lotusgemologypublications.view-publications.layout-results
    .lotusgemologypublications .results ul.pagination .page-link {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 42px !important;
    padding: .4rem .55rem !important;
    margin: 0 !important;
    text-align: center !important;
  }
}

@media (max-width: 575.98px) {
  body.com_lotusgemologypublications.view-publications
    .lotusgemologypublications .ft-basic-toolbar .ft-search-actions {
    width: 100%;
  }

  body.com_lotusgemologypublications.view-publications
    .lotusgemologypublications .ft-basic-toolbar .ft-search-actions .btn {
    flex: 1 1 0;
  }

  body.com_lotusgemologypublications.view-publications.layout-results
    .lotusgemologypublications .results ul.pagination {
    gap: .2rem !important;
  }

  body.com_lotusgemologypublications.view-publications.layout-results
    .lotusgemologypublications .results ul.pagination .page-link {
    min-width: 36px !important;
    height: 40px !important;
    padding-left: .4rem !important;
    padding-right: .4rem !important;
  }
}





/* Hyperion — slightly more space below search panel before top pagination */
body.com_lotusgemologygallery.view-gallery
  .hgallery > .hyperion-search + .pagination {
  margin-top: 20px !important;
  margin-bottom: 4px !important;
}

/* Standard content spacing */
main.siteBody {
    padding-top: 4rem;
}

/* Home controls its own top spacing */
body.itemid-101 main.siteBody {
    padding-top: 0;
}

/* lotus-footer-consolidated */
.lotus-footer-main {
  background: var(--lotus-bg-outer);
  padding: 43px;
}
.lotus-footer-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  max-width: 1320px;
  margin: 0 auto;
}
.lotus-footer-column {
  color: #bababa;
}
.lotus-footer-column ul {
  margin: 0;
  padding: 0;
}
.lotus-footer-column li {
  list-style: none;
  padding: .5rem 0;
  font-size: 1rem;
}
.lotus-footer-column a,
.lotus-footer-copyright a {
  color: #fff !important;
  text-decoration: none;
}
.lotus-footer-column a:hover,
.lotus-footer-column a:focus,
.lotus-footer-copyright a:hover,
.lotus-footer-copyright a:focus {
  color: #D894CC !important;
}
.lotus-footer-contact strong {
  color: #bc87a6;
}
.lotus-footer-social {
  display: flex;
  gap: 4px;
}
.lotus-footer-copyright {
  background: var(--lotus-bg-outer);
  padding: 7px 0;
  padding-bottom: 1.5em !important;
  color: #fff;
  text-align: center;
  font-size: 1rem;
}
@media (max-width: 767.98px) {
  .lotus-footer-main {
    display: none;
  }
}

/* Publications — center pagination controls at all widths */
.lotusgemologypublications .results ul.pagination {
  justify-content: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}



/* Publications — tighten space below pagination controls */
.lotusgemologypublications .results .pagination-toolbar,
.lotusgemologypublications .results ul.pagination {
  margin-bottom: 0 !important;
}

/* Hyperion — shared pagination presentation */
body.com_lotusgemologygallery.view-gallery .hyperion-pagination {
  text-align: center;
}

body.com_lotusgemologygallery.view-gallery .hyperion-pagination-count {
  font-family: 'Oswald', sans-serif;
  font-size: 1.25rem;
  font-weight: 800;
}

/* Hyperion — caption source for LightGallery */
body.com_lotusgemologygallery.view-gallery .hyperion-lightbox-caption {
  display: none;
}

/* Hyperion — main-page total and section separators */
body.com_lotusgemologygallery.view-gallery .hyperion-total-count {
  text-align: center;
  font-family: 'Oswald', sans-serif;
  font-size: 1.25rem;
  font-weight: 800;
}

body.com_lotusgemologygallery.view-gallery .hyperion-section-logo {
  margin: 1rem 0;
  text-align: center;
}

/* Hyperion results banner background */
.lotusgemologygallery.lotusgemologygallery-gallery .hyperionmainimage {
    background-color: #fff;
}


/*************************************************
 * OUTER — classic white shadow box
 *************************************************/
div.outer {
    box-shadow: 5px 10px 18px #888888;
    border-radius: 10px;
    overflow: hidden;
    background-color: #fff;
    padding: 0 20px;
    margin: 40px;
}


/* LightGallery — previous arrow: mirror the working native next glyph */
.lg-prev::after {
    content: "\e095" !important;
    display: inline-block !important;
    transform: scaleX(-1);
}

/* Joomla articles — honor the article Show Title setting.
   The article override only emits .lotus-article-header when show_title is enabled. */
body.com_content.view-article .page-header.lotus-article-header {
  display: block !important;
}

/* lotus-books-tables-consolidated */
/* Books — cover size, alignment and outline */
body.itemid-1931 .com-content-article.item-page figure.left.item-image {
    width: 17rem !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: auto !important;
}
body.itemid-1931 .com-content-article.item-page figure.left.item-image img {
    width: 17rem !important;
    max-width: 100% !important;
    height: auto !important;
    border: 1px solid #ddd !important;
    box-sizing: border-box;
}

/* Flexible table columns; keep words intact */

.lotus-table :is(col, th, td) {
  width: auto !important;
}



/* lotus-hide-mobile-menu-divider-labels */
#mySidenav .mod-menu__separator.separator {
    display: block !important;
    height: 0;
    min-height: 0;
    margin-top: 1lh;
    padding: 0;
    font-size: inherit;
    line-height: inherit;
    overflow: hidden;
    visibility: hidden;
}

/* lotus-accessible-menu-close */
#mySidenav button.closebtn {
    appearance: none;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    padding: 8px 8px 8px 32px;
    font-family: inherit;
    font-size: 36px;
    font-weight: inherit;
    line-height: inherit;
    color: #818181;
    display: block;
    text-decoration: none;
    transition: color 0.3s;
    cursor: pointer;
}
#mySidenav button.closebtn:hover {
    color: #f1f1f1;
}
#mySidenav button.closebtn:focus-visible {
    outline: 2px solid #f1f1f1;
    outline-offset: 2px;
}

/* lotus-core-finder: retain the Lotus magnifier on Joomla's standard button */

.mod-finder__search:has(#mod-finder-searchword265) button.btn > span {
  display: none !important;
}


/* lotus-core-menu — standard Joomla menu in the Lotus header */
:is(.container-header, #mySidenav) ul.mod-menu {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-evenly;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
:is(.container-header, #mySidenav) ul.mod-menu > li {
  position: relative;
  flex: 0 1 auto;
  padding: 0;
  margin-left: 0;
}
:is(.container-header, #mySidenav) ul.mod-menu > li > a {
  display: inline-block;
  padding: .5rem 0;
  margin: 0 12px;
  color: #6d6d6d !important;
  font-size: 20px;
  text-transform: uppercase;
  text-decoration: none;
  border-bottom: 2px solid;
}
:is(.container-header, #mySidenav) ul.mod-menu > li.active > a,
:is(.container-header, #mySidenav) ul.mod-menu > li.current > a {
  border-bottom-color: #BC87A6 !important;
}
:is(.container-header, #mySidenav) ul.mod-menu > li > a::after,
:is(.container-header, #mySidenav) ul.mod-menu .mod-menu__sub a::after {
  content: none;
  border: 0;
}
:is(.container-header, #mySidenav) ul.mod-menu .mod-menu__toggle-sub {
  position: static;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 28px;
  min-height: 32px;
  padding: 4px;
  color: #6d6d6d;
  background: transparent;
  border: 0;
}
:is(.container-header, #mySidenav) ul.mod-menu .mod-menu__toggle-sub > .icon-chevron-down {
  display: none;
}
:is(.container-header, #mySidenav) ul.mod-menu .mod-menu__toggle-sub::after {
  content: "";
  display: inline-block !important;
  width: 0;
  height: 0;
  border-top: .3em solid currentColor;
  border-right: .3em solid transparent;
  border-left: .3em solid transparent;
}
:is(.container-header, #mySidenav) ul.mod-menu .mod-menu__toggle-sub[aria-expanded="true"]::after {
  transform: rotate(180deg);
}
:is(.container-header, #mySidenav) ul.mod-menu .mod-menu__toggle-sub:focus-visible,
:is(.container-header, #mySidenav) ul.mod-menu a:focus-visible {
  outline: 2px solid #D894CC;
  outline-offset: 2px;
}
:is(.container-header, #mySidenav) ul.mod-menu .mod-menu__sub {
  display: none;
  position: absolute;
  z-index: 99;
  top: 100%;
  left: 0;
  width: max-content;
  max-width: calc(100vw - 32px);
  margin-top: 0;
  padding: 0;
  background: #212121;
  visibility: hidden;
  opacity: 0;
}
/* lotus-menu-css-consolidated */
:is(.container-header, #mySidenav) ul.mod-menu > .item-202 > .mod-menu__sub,
:is(.container-header, #mySidenav) ul.mod-menu > .item-198 > .mod-menu__sub {
  width: 14rem;
}
:is(.container-header, #mySidenav) ul.mod-menu > .item-205 > .mod-menu__sub {
  width: 17rem;
}
:is(.container-header, #mySidenav) ul.mod-menu .mod-menu__sub > li {
  padding: 5px 0;
}
:is(.container-header, #mySidenav) ul.mod-menu .mod-menu__sub.show-menu {
  display: block;
  visibility: visible;
  opacity: 1;
  margin-top: 0;
}
:is(.container-header, #mySidenav) ul.mod-menu .mod-menu__sub a {
  display: block;
  padding: 4px 60px 4px 16px !important;
  color: #bababa !important;
  font-size: 18px;
  text-decoration: none;
  background: transparent;
}
:is(.container-header, #mySidenav) ul.mod-menu .mod-menu__sub a:hover,
:is(.container-header, #mySidenav) ul.mod-menu .mod-menu__sub .active > a {
  color: #BC87A6 !important;
}
@media (hover: hover) and (pointer: fine) {
  :is(.container-header, #mySidenav) ul.mod-menu > li:hover > .mod-menu__sub {
    display: block;
    visibility: visible;
    opacity: 1;
    margin-top: 0;
  }
}
@media (max-width: 768px) {
  #mySidenav ul.mod-menu {
    flex-direction: column !important;
    align-items: stretch !important;
  }
  #mySidenav ul.mod-menu > li {
    flex: none;
    width: 100% !important;
  }
  #mySidenav ul.mod-menu > li > a {
    width: auto !important;
    max-width: calc(100% - 64px);
    text-align: left;
  }
  #mySidenav ul.mod-menu > li > .mod-menu__toggle-sub {
    position: absolute;
    right: 8px;
    top: 4px;
  }
  #mySidenav ul.mod-menu > li.nav-item > .mod-menu__sub {
    position: static;
    width: 100% !important;
    max-width: 100%;
  }
}


/* lotus-lecture-date-nowrap */
.lecture-card .lecture-meta {
  flex-wrap: wrap;
}
.lecture-card .lecture-meta .lecture-speaker {
  min-width: 0;
}
.lecture-card .lecture-meta .book-pubdate {
  white-space: nowrap;
  flex-shrink: 0;
  width: auto;
  max-width: none;
  margin-left: auto;
}


/* lotus-finder-result-format */
.com-finder .com-finder__search .input-group {
  gap: .5rem;
}
.com-finder .com-finder__search .input-group > .btn {
  margin-left: 0 !important;
  border-radius: .375rem !important;
}
.com-finder .lotus-search-result {
  position: relative;
  margin-bottom: 1rem;
  padding-bottom: .25rem;
}
.com-finder .lotus-search-result::after {
  content: "";
  display: block;
  width: 5rem;
  height: 1px;
  margin: 1.6rem auto 0;
  background: #d8cbd5;
}
.com-finder .lotus-search-result .result__title {
  margin: 0 0 .5rem;
  font-size: 1.2rem;
  line-height: 1.35;
}
.com-finder .lotus-search-result .result__title-link {
  font-size: inherit;
  font-weight: 500;
  text-decoration: none;
}
.com-finder .lotus-search-result .result__title-link:hover {
  text-decoration: underline;
  text-underline-offset: .18em;
}
.com-finder .lotus-search-result .lotus-search-authors,
.com-finder .lotus-search-result .lotus-search-date {
  margin: 0;
  color: #808084;
  font-size: .95rem;
  line-height: 1.4;
}
.com-finder .lotus-search-result .lotus-search-date {
  margin-top: .1rem;
}
.com-finder .lotus-search-result .lotus-search-abstract {
  margin: .8rem 0 0;
  font-style: italic;
  line-height: 1.6;
  color: #5a5a5c;
}





/* lotus-book-image-tables-responsive */
.com-content-article__body table:has(img[src*="/images/books/"]) {
  width: 100% !important;
  max-width: 100% !important;
  table-layout: fixed !important;
}
.com-content-article__body table:has(img[src*="/images/books/"]) img {
  max-width: 100% !important;
  height: auto !important;
  box-sizing: border-box;
}


/* lotus-ruby-sapphire-spread-proportions */
.com-content-article__body table img[src$="images/books/r-s-gemologists-guide/RS-Gem-Guide-8-9.jpg"] {
  aspect-ratio: 1401 / 821 !important;
  height: auto !important;
}
.com-content-article__body table img[src$="images/books/r-s-gemologists-guide/RS-Gem-Guide-10-11.jpg"] {
  aspect-ratio: 1401 / 822 !important;
  height: auto !important;
}
.com-content-article__body table img[src$="images/books/r-s-gemologists-guide/RS-Gem-Guide-24-25.jpg"] {
  aspect-ratio: 1401 / 821 !important;
  height: auto !important;
}
.com-content-article__body table img[src$="images/books/r-s-gemologists-guide/RS-Gem-Guide-26-27.jpg"] {
  aspect-ratio: 1401 / 821 !important;
  height: auto !important;
}
.com-content-article__body table img[src$="images/books/r-s-gemologists-guide/RS-Gem-Guide-30-31.jpg"] {
  aspect-ratio: 1401 / 823 !important;
  height: auto !important;
}
.com-content-article__body table img[src$="images/books/r-s-gemologists-guide/RS-Gem-Guide-32-33.jpg"] {
  aspect-ratio: 1401 / 821 !important;
  height: auto !important;
}
.com-content-article__body table img[src$="images/books/r-s-gemologists-guide/RS-Gem-Guide-34-35.jpg"] {
  aspect-ratio: 2800 / 1643 !important;
  height: auto !important;
}
.com-content-article__body table img[src$="images/books/r-s-gemologists-guide/RS-Gem-Guide-48-49.jpg"] {
  aspect-ratio: 2800 / 1643 !important;
  height: auto !important;
}
.com-content-article__body table img[src$="images/books/r-s-gemologists-guide/RS-Gem-Guide-50-51.jpg"] {
  aspect-ratio: 2800 / 1641 !important;
  height: auto !important;
}
.com-content-article__body table img[src$="images/books/r-s-gemologists-guide/RS-Gem-Guide-58-59.jpg"] {
  aspect-ratio: 2800 / 1645 !important;
  height: auto !important;
}
.com-content-article__body table img[src$="images/books/r-s-gemologists-guide/RS-Gem-Guide-76-77.jpg"] {
  aspect-ratio: 2800 / 1640 !important;
  height: auto !important;
}
.com-content-article__body table img[src$="images/books/r-s-gemologists-guide/RS-Gem-Guide-80-81.jpg"] {
  aspect-ratio: 2800 / 1643 !important;
  height: auto !important;
}
.com-content-article__body table img[src$="images/books/r-s-gemologists-guide/RS-Gem-Guide-88-89.jpg"] {
  aspect-ratio: 2800 / 1638 !important;
  height: auto !important;
}
.com-content-article__body table img[src$="images/books/r-s-gemologists-guide/RS-Gem-Guide-92-93.jpg"] {
  aspect-ratio: 2800 / 1643 !important;
  height: auto !important;
}
.com-content-article__body table img[src$="images/books/r-s-gemologists-guide/RS-Gem-Guide-100-101.jpg"] {
  aspect-ratio: 2800 / 1641 !important;
  height: auto !important;
}
.com-content-article__body table img[src$="images/books/r-s-gemologists-guide/RS-Gem-Guide-102-103.jpg"] {
  aspect-ratio: 2800 / 1642 !important;
  height: auto !important;
}
.com-content-article__body table img[src$="images/books/r-s-gemologists-guide/RS-Gem-Guide-106-107.jpg"] {
  aspect-ratio: 2800 / 1642 !important;
  height: auto !important;
}
.com-content-article__body table img[src$="images/books/r-s-gemologists-guide/RS-Gem-Guide-110-111.jpg"] {
  aspect-ratio: 2800 / 1642 !important;
  height: auto !important;
}
.com-content-article__body table img[src$="images/books/r-s-gemologists-guide/RS-Gem-Guide-122-123.jpg"] {
  aspect-ratio: 2800 / 1639 !important;
  height: auto !important;
}
.com-content-article__body table img[src$="images/books/r-s-gemologists-guide/RS-Gem-Guide-166-167.jpg"] {
  aspect-ratio: 2800 / 1644 !important;
  height: auto !important;
}
.com-content-article__body table img[src$="images/books/r-s-gemologists-guide/RS-Gem-Guide-180-181.jpg"] {
  aspect-ratio: 2800 / 1639 !important;
  height: auto !important;
}
.com-content-article__body table img[src$="images/books/r-s-gemologists-guide/RS-Gem-Guide-170-171.jpg"] {
  aspect-ratio: 2800 / 1642 !important;
  height: auto !important;
}
.com-content-article__body table img[src$="images/books/r-s-gemologists-guide/RS-Gem-Guide-196-197.jpg"] {
  aspect-ratio: 2800 / 1641 !important;
  height: auto !important;
}
.com-content-article__body table img[src$="images/books/r-s-gemologists-guide/RS-Gem-Guide-200-201.jpg"] {
  aspect-ratio: 2800 / 1640 !important;
  height: auto !important;
}
.com-content-article__body table img[src$="images/books/r-s-gemologists-guide/RS-Gem-Guide-224-225.jpg"] {
  aspect-ratio: 2060 / 1208 !important;
  height: auto !important;
}
.com-content-article__body table img[src$="images/books/r-s-gemologists-guide/RS-Gem-Guide-248-249.jpg"] {
  aspect-ratio: 2800 / 1638 !important;
  height: auto !important;
}
.com-content-article__body table img[src$="images/books/r-s-gemologists-guide/RS-Gem-Guide-256-257.jpg"] {
  aspect-ratio: 2800 / 1639 !important;
  height: auto !important;
}
.com-content-article__body table img[src$="images/books/r-s-gemologists-guide/RS-Gem-Guide-288-289.jpg"] {
  aspect-ratio: 2800 / 1640 !important;
  height: auto !important;
}
.com-content-article__body table img[src$="images/books/r-s-gemologists-guide/RS-Gem-Guide-310-311.jpg"] {
  aspect-ratio: 2800 / 1641 !important;
  height: auto !important;
}
.com-content-article__body table img[src$="images/books/r-s-gemologists-guide/RS-Gem-Guide-312-313.jpg"] {
  aspect-ratio: 2800 / 1644 !important;
  height: auto !important;
}
.com-content-article__body table img[src$="images/books/r-s-gemologists-guide/RS-Gem-Guide-314-315.jpg"] {
  aspect-ratio: 2800 / 1639 !important;
  height: auto !important;
}
.com-content-article__body table img[src$="images/books/r-s-gemologists-guide/RS-Gem-Guide-318-319.jpg"] {
  aspect-ratio: 2800 / 1641 !important;
  height: auto !important;
}
.com-content-article__body table img[src$="images/books/r-s-gemologists-guide/RS-Gem-Guide-320-321.jpg"] {
  aspect-ratio: 2800 / 1638 !important;
  height: auto !important;
}
.com-content-article__body table img[src$="images/books/r-s-gemologists-guide/RS-Gem-Guide-322-323.jpg"] {
  aspect-ratio: 2800 / 1639 !important;
  height: auto !important;
}
.com-content-article__body table img[src$="images/books/r-s-gemologists-guide/RS-Gem-Guide-322-333.jpg"] {
  aspect-ratio: 2800 / 1638 !important;
  height: auto !important;
}
.com-content-article__body table img[src$="images/books/r-s-gemologists-guide/RS-Gem-Guide-348-349.jpg"] {
  aspect-ratio: 2800 / 1640 !important;
  height: auto !important;
}
.com-content-article__body table img[src$="images/books/r-s-gemologists-guide/RS-Gem-Guide-370-371.jpg"] {
  aspect-ratio: 2800 / 1642 !important;
  height: auto !important;
}
.com-content-article__body table img[src$="images/books/r-s-gemologists-guide/RS-Gem-Guide-402-403.jpg"] {
  aspect-ratio: 2800 / 1641 !important;
  height: auto !important;
}
.com-content-article__body table img[src$="images/books/r-s-gemologists-guide/RS-Gem-Guide-404-405.jpg"] {
  aspect-ratio: 2800 / 1641 !important;
  height: auto !important;
}
.com-content-article__body table img[src$="images/books/r-s-gemologists-guide/RS-Gem-Guide-416-417.jpg"] {
  aspect-ratio: 2800 / 1639 !important;
  height: auto !important;
}
.com-content-article__body table img[src$="images/books/r-s-gemologists-guide/RS-Gem-Guide-430-431.jpg"] {
  aspect-ratio: 2800 / 1640 !important;
  height: auto !important;
}
.com-content-article__body table img[src$="images/books/r-s-gemologists-guide/RS-Gem-Guide-432-433.jpg"] {
  aspect-ratio: 2800 / 1640 !important;
  height: auto !important;
}
.com-content-article__body table img[src$="images/books/r-s-gemologists-guide/RS-Gem-Guide-442-443.jpg"] {
  aspect-ratio: 2800 / 1641 !important;
  height: auto !important;
}
.com-content-article__body table img[src$="images/books/r-s-gemologists-guide/RS-Gem-Guide-452-453.jpg"] {
  aspect-ratio: 2800 / 1641 !important;
  height: auto !important;
}
.com-content-article__body table img[src$="images/books/r-s-gemologists-guide/RS-Gem-Guide-458-459.jpg"] {
  aspect-ratio: 2800 / 1638 !important;
  height: auto !important;
}
.com-content-article__body table img[src$="images/books/r-s-gemologists-guide/RS-Gem-Guide-460-461.jpg"] {
  aspect-ratio: 2800 / 1642 !important;
  height: auto !important;
}
.com-content-article__body table img[src$="images/books/r-s-gemologists-guide/RS-Gem-Guide-462-463.jpg"] {
  aspect-ratio: 2800 / 1641 !important;
  height: auto !important;
}
.com-content-article__body table img[src$="images/books/r-s-gemologists-guide/RS-Gem-Guide-486-487.jpg"] {
  aspect-ratio: 2800 / 1640 !important;
  height: auto !important;
}
.com-content-article__body table img[src$="images/books/r-s-gemologists-guide/RS-Gem-Guide-488-489.jpg"] {
  aspect-ratio: 2800 / 1639 !important;
  height: auto !important;
}
.com-content-article__body table img[src$="images/books/r-s-gemologists-guide/RS-Gem-Guide-492-493.jpg"] {
  aspect-ratio: 2800 / 1640 !important;
  height: auto !important;
}
.com-content-article__body table img[src$="images/books/r-s-gemologists-guide/RS-Gem-Guide-508-509.jpg"] {
  aspect-ratio: 2800 / 1642 !important;
  height: auto !important;
}
.com-content-article__body table img[src$="images/books/r-s-gemologists-guide/RS-Gem-Guide-516-517.jpg"] {
  aspect-ratio: 2800 / 1642 !important;
  height: auto !important;
}
.com-content-article__body table img[src$="images/books/r-s-gemologists-guide/RS-Gem-Guide-542-543.jpg"] {
  aspect-ratio: 2800 / 1640 !important;
  height: auto !important;
}
.com-content-article__body table img[src$="images/books/r-s-gemologists-guide/RS-Gem-Guide-576-577.jpg"] {
  aspect-ratio: 2800 / 1638 !important;
  height: auto !important;
}
.com-content-article__body table img[src$="images/books/r-s-gemologists-guide/RS-Gem-Guide-580-581.jpg"] {
  aspect-ratio: 2800 / 1641 !important;
  height: auto !important;
}
.com-content-article__body table img[src$="images/books/r-s-gemologists-guide/RS-Gem-Guide-584-585.jpg"] {
  aspect-ratio: 2800 / 1636 !important;
  height: auto !important;
}
.com-content-article__body table img[src$="images/books/r-s-gemologists-guide/RS-Gem-Guide-586-587.jpg"] {
  aspect-ratio: 2800 / 1639 !important;
  height: auto !important;
}
.com-content-article__body table img[src$="images/books/r-s-gemologists-guide/RS-Gem-Guide-610-611.jpg"] {
  aspect-ratio: 2800 / 1642 !important;
  height: auto !important;
}
.com-content-article__body table img[src$="images/books/r-s-gemologists-guide/RS-Gem-Guide-624-625.jpg"] {
  aspect-ratio: 2800 / 1640 !important;
  height: auto !important;
}
.com-content-article__body table img[src$="images/books/r-s-gemologists-guide/RS-Gem-Guide-638-639.jpg"] {
  aspect-ratio: 2800 / 1642 !important;
  height: auto !important;
}
.com-content-article__body table img[src$="images/books/r-s-gemologists-guide/RS-Gem-Guide-676-677.jpg"] {
  aspect-ratio: 2800 / 1639 !important;
  height: auto !important;
}
.com-content-article__body table img[src$="images/books/r-s-gemologists-guide/RS-Gem-Guide-698-699.jpg"] {
  aspect-ratio: 2800 / 1642 !important;
  height: auto !important;
}
.com-content-article__body table img[src$="images/books/r-s-gemologists-guide/RS-Gem-Guide-708-709.jpg"] {
  aspect-ratio: 2800 / 1640 !important;
  height: auto !important;
}
.com-content-article__body table img[src$="images/books/r-s-gemologists-guide/RS-Gem-Guide-714-715.jpg"] {
  aspect-ratio: 2800 / 1640 !important;
  height: auto !important;
}
.com-content-article__body table img[src$="images/books/r-s-gemologists-guide/RS-Gem-Guide-722-723.jpg"] {
  aspect-ratio: 2800 / 1638 !important;
  height: auto !important;
}

/* Accessible mobile hamburger */
#myHeader button.open-nav {
    appearance: none;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0;
    box-shadow: none;
    color: #fff;
    font-family: inherit;
    font-size: 2rem !important;
    width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    padding: 0 !important;
    cursor: pointer;
}
#myHeader button.open-nav:focus-visible {
    outline: 2px solid #D894CC;
    outline-offset: -2px;
}

/* Keep enlarged-image controls visible */
.lg-outer .lg-toolbar {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
}
.lg-outer .lg-toolbar .lg-close,
.lg-outer .lg-toolbar .lg-fullscreen {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    color: #fff !important;
}

/* Restore LightGallery button icons */
html .lg-outer button.lg-icon::after {
    display: inline-block !important;
}






/* BEGIN shared pagination layout */
html body .hyperion-pagination,
html body .pagination.d-flex.flex-column,
html body .lotusgemologypublications .results div.pagination.row,
html body .twinsPagination {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    margin: 16px 0 !important;
    padding: 0 !important;
    width: 100% !important;
    text-align: center !important;
}

/* All counter lines use the same typography */
html body .hyperion-pagination > div:not(:has(nav)),
html body .hyperion-pagination-count,
html body .pagination.d-flex.flex-column > div:not(:has(nav)),
html body .lotusgemologypublications .results .pagination__wrapper > .text-end,
html body .twinsPagination .pagination-info {
    font: 400 16px/24px Arial, sans-serif !important;
    color: #666 !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
    order: -1 !important;
}

/* Four Treasures counter and controls */
html body .lotusgemologypublications .results nav.pagination__wrapper {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 0 !important;
}

/* Remove spacing added by nested wrappers */
html body .twinsPagination > .pagination,
html body .lotusgemologypublications .results div.pagination.pagination-toolbar,
html body .pagination.d-flex.flex-column > div,
html body .hyperion-pagination > div,
html body nav.pagination__wrapper {
    margin: 0 !important;
    padding: 0 !important;
}
html body .lotusgemologypublications .results ul.pagination,
html body ul.pagination {
    margin: 0 !important;
    padding: 0 !important;
    gap: 8px !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
}
html body .twinsResults {
    margin: 0 !important;
    padding: 0 !important;
}
/* END shared pagination layout */

/* Hyperion charcoal gallery */
html body main.siteBody:has(.lotusgemologygallery #images, .lotusgemologygallery .lotusgemologygallery-notfound),
html body .lotusgemologygallery:has(#images, .lotusgemologygallery-notfound):has(.hgallery),
html body .lotusgemologygallery:has(#images, .lotusgemologygallery-notfound) .hgallery,
html body .lotusgemologygallery:has(#images, .lotusgemologygallery-notfound) .hyperionmainimage {
    background: #2e2e2e !important;
    color: #ddd;
}

/* Light title lettering, with the white image background removed */
html body .lotusgemologygallery:has(#images, .lotusgemologygallery-notfound) .hyperionmainimage img {
    filter: invert(1);
    mix-blend-mode: screen;
}

/* Readable counters on charcoal */
html body .lotusgemologygallery:has(#images, .lotusgemologygallery-notfound) .hyperion-pagination > div:not(:has(nav)),
html body .lotusgemologygallery:has(#images, .lotusgemologygallery-notfound) .hyperion-pagination-count {
    color: #ddd !important;
}

/* Hyperion dark search panel */
html body .lotusgemologygallery:has(#images, .lotusgemologygallery-notfound) .hgallery .hyperion-search {
    background: #222 !important;
    border: 0 !important;
    border-radius: 12px !important;
    padding: 20px !important;
    box-shadow: none !important;
}
html body .lotusgemologygallery:has(#images, .lotusgemologygallery-notfound) .hyperion-search label {
    color: #aaa !important;
}
html body .lotusgemologygallery:has(#images, .lotusgemologygallery-notfound) .hyperion-search select,
html body .lotusgemologygallery:has(#images, .lotusgemologygallery-notfound) .hyperion-search input[type="text"] {
    background-color: #fff !important;
    color: #292929 !important;
}

/* Smaller Hyperion logo on results pages */
html body .lotusgemologygallery:has(#images, .lotusgemologygallery-notfound) .hyperionmainimage img {
    display: block;
    width: 70% !important;
    height: auto !important;
    margin: 0 auto !important;
}

/* Constrain the results-page logo container */
html body.com_lotusgemologygallery.view-gallery
.lotusgemologygallery.lotusgemologygallery-gallery:has(#images, .lotusgemologygallery-notfound)
.hyperionmainimage {
    width: 70% !important;
    max-width: 700px !important;
    margin: 0 auto 24px !important;
}

html body.com_lotusgemologygallery.view-gallery
.lotusgemologygallery.lotusgemologygallery-gallery:has(#images, .lotusgemologygallery-notfound)
.hyperionmainimage img {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
}

/* Hyperion results: gray fields and white headings */
html body .lotusgemologygallery:has(#images, .lotusgemologygallery-notfound) .hgallery .hyperion-search label {
    color: #fff !important;
}

html body .lotusgemologygallery:has(#images, .lotusgemologygallery-notfound) .hgallery .hyperion-search select,
html body .lotusgemologygallery:has(#images, .lotusgemologygallery-notfound) .hgallery .hyperion-search input[type="text"] {
    background-color: #aaa !important;
    color: #222 !important;
    border-color: #bbb !important;
}

html body .lotusgemologygallery:has(#images, .lotusgemologygallery-notfound) .hyperion-search input::placeholder {
    color: #555 !important;
}

/* Smaller results logo */
html body.com_lotusgemologygallery.view-gallery
.lotusgemologygallery.lotusgemologygallery-gallery:has(#images, .lotusgemologygallery-notfound)
.hyperionmainimage > a > img {
    width: auto !important;
    height: auto !important;
    max-height: 100px !important;
    max-width: 100% !important;
    min-height: 0 !important;
    min-width: 0 !important;
    margin: 0 auto !important;
}

/* Hyperion image spacing and border colour */
html body .lotusgemologygallery.lotusgemologygallery-gallery #images {
    row-gap: 8px !important;
}

html body .lotusgemologygallery.lotusgemologygallery-gallery
#images .preload-img-container {
    border-color: #96918b !important;
}

/* Hide Hyperion logo in the enlarged-image viewer */
html body .hyperion-logo-lb {
    display: none !important;
}

/* Readable lightbox captions at every screen size */
html body .lg-outer .lg-sub-html p {
    max-width: 1000px;
    margin: 0 auto 6px !important;
    white-space: normal !important;
    overflow-wrap: anywhere;
}

/* Separate the photo from captions and thumbnails */
html body .lg-outer {
    display: grid !important;
    grid-template-rows: 47px minmax(0, 1fr) auto;
}

html body .lg-outer .lg-toolbar {
    position: relative !important;
    grid-row: 1;
}

html body .lg-outer .lg-content {
    position: relative !important;
    grid-row: 2;
    top: 0 !important;
    height: 100% !important;
    min-height: 0;
    overflow: hidden;
}

html body .lg-outer .lg-components {
    position: relative !important;
    grid-row: 3;
    bottom: auto !important;
    transform: none !important;
    background: #000;
}

html body .lg-outer .lg-object.lg-image {
    max-height: 100% !important;
    max-width: 100% !important;
}

html body .lg-outer .lg-sub-html {
    max-height: 40vh;
    overflow-y: auto;
}

/* Equal spacing between Hyperion images */
html body .lotusgemologygallery.lotusgemologygallery-gallery #images {
    gap: 8px !important;
}

/* Equal spacing between Hyperion images */
html body .lotusgemologygallery.lotusgemologygallery-gallery #images {
    gap: 16px !important;
}

/* Equal spacing between Hyperion images */
html body .lotusgemologygallery.lotusgemologygallery-gallery #images {
    gap: 24px !important;
}

/* Borderless Hyperion grid images */
html body .lotusgemologygallery.lotusgemologygallery-gallery
#images .preload-img-container {
    border: 0 !important;
}

/* Hyperion thumbnail gem-type labels */
html body .lotusgemologygallery #images .hyperion-gem-label {
    display: block;
    font: 400 13px/1.4 Arial, sans-serif;
    color: #aaa;
    text-align: center;
    padding: 6px 4px 4px;
    overflow-wrap: anywhere;
}
html body .lotusgemologygallery.hyperion-hide-gem-types
#images .hyperion-gem-label {
    display: none !important;
}

/* Label visibility option below the search controls */
html body .lotusgemologygallery .hyperion-search .hyperion-label-option {
    display: flex !important;
    align-items: center;
    gap: 8px;
    margin: 12px 0 0;
    font: 400 13px/1.4 Arial, sans-serif !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    color: #666 !important;
    cursor: pointer;
}
html body .lotusgemologygallery:has(#images, .lotusgemologygallery-notfound)
.hyperion-search .hyperion-label-option {
    color: #ddd !important;
}
html body .lotusgemologygallery .hyperion-label-option input[type="checkbox"] {
    width: 16px;
    height: 16px;
    margin: 0;
    flex-shrink: 0;
    accent-color: #d894cc;
}

/* Hyperion responsive frame and bottom spacing */
html body .lotusgemologygallery.lotusgemologygallery-gallery {
    display: flow-root;
    padding-bottom: 32px !important;
}

/* Hyperion photos in normal document flow */
html body .lotusgemologygallery.lotusgemologygallery-gallery
#images .preload-img-container {
    height: auto !important;
    padding: 0 !important;
    aspect-ratio: auto !important;
}
html body .lotusgemologygallery.lotusgemologygallery-gallery
#images .preload-img-result {
    position: relative !important;
    inset: auto !important;
    height: auto !important;
}
html body .lotusgemologygallery.lotusgemologygallery-gallery
#images .preload-img-result a {
    position: relative !important;
    height: auto !important;
}
html body .lotusgemologygallery.lotusgemologygallery-gallery
#images .preload-img-result img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 3 / 2;
    object-fit: cover !important;
}

/* Hyperion outer bottom band */
html body.com_lotusgemologygallery .container.inner-box {
    padding-bottom: 50px !important;
}

/* Hyperion wrapping photo rows */
html body .lotusgemologygallery.lotusgemologygallery-gallery #images {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: flex-start !important;
    align-content: flex-start !important;
    height: auto !important;
    max-height: none !important;
    gap: 24px !important;
}
html body .lotusgemologygallery.lotusgemologygallery-gallery #images > div {
    position: relative !important;
    flex: 0 0 calc((100% - 48px) / 3) !important;
    width: calc((100% - 48px) / 3) !important;
    min-width: 0 !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
}
@media (max-width: 1100px) {
    html body .lotusgemologygallery.lotusgemologygallery-gallery #images > div {
        flex-basis: calc((100% - 24px) / 2) !important;
        width: calc((100% - 24px) / 2) !important;
    }
}
@media (max-width: 560px) {
    html body .lotusgemologygallery.lotusgemologygallery-gallery #images > div {
        flex-basis: 100% !important;
        width: 100% !important;
    }
}

/* LightGallery responsive column width */
html body .lg-outer {
    grid-template-columns: minmax(0, 1fr) !important;
}
html body .lg-outer .lg-toolbar,
html body .lg-outer .lg-content,
html body .lg-outer .lg-components {
    grid-column: 1 !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box;
}

/* Desktop dropdowns fit menu labels */
@media (min-width: 992px) {
    html body .container-header ul.mod-menu > li > .mod-menu__sub {
        width: max-content !important;
    }
    html body .container-header ul.mod-menu .mod-menu__sub a {
        white-space: nowrap !important;
    }
}

/* Hyperion banner-to-quote spacing */
html body .lotusgemologygallery-form
.hyperionmainimage + blockquote.standard {
    margin-top: 2rem !important;
}

/* BEGIN Hyperion Sherlock rounded corners */

/* Outer containers */
html body .container.inner-box:has(.lotusgemologygallery),
html body .container.inner-box:has(#sherlockSearchForm),
html body main.siteBody:has(.lotusgemologygallery),
html body main.siteBody:has(#sherlockSearchForm) {
    border-radius: 8px !important;
}

/* Thumbnail frames */
html body .lotusgemologygallery .preload-img-container,
html body .lotusSearch .preload-img-container {
    border-radius: 8px !important;
    overflow: hidden !important;
}

/* Thumbnail images */
html body .lotusgemologygallery .preload-img-result img,
html body .lotusSearch .preload-img-result img {
    border-radius: 8px !important;
}

/* Magnified images */
html body:has(.lotusgemologygallery) .lg-outer .lg-image,
html body:has(#sherlockSearchForm) .lg-outer .lg-image {
    border-radius: 20px !important;
}

/* END Hyperion Sherlock rounded corners */

/* BEGIN Hyperion Sherlock fixed arrows */
html body:has(.lotusgemologygallery) .lg-outer .lg-prev,
html body:has(.lotusgemologygallery) .lg-outer .lg-next,
html body:has(#sherlockSearchForm) .lg-outer .lg-prev,
html body:has(#sherlockSearchForm) .lg-outer .lg-next {
    position: fixed !important;
    top: 40% !important;
    bottom: auto !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    transform: translateY(-50%) !important;
}
/* END Hyperion Sherlock fixed arrows */

/* BEGIN Hyperion gray pagination numbers */
html body .lotusgemologygallery .hyperion-pagination
ul.pagination > li:not(.active):not(.disabled)
> a.page-link:not(:has([class*="icon-"])) {
    color: #aaa !important;
}
/* END Hyperion gray pagination numbers */

/* BEGIN Hyperion gray results summary */
html body .lotusgemologygallery:has(#images, .lotusgemologygallery-notfound) .hyperion-total-count,
html body .lotusgemologygallery:has(#images, .lotusgemologygallery-notfound) .hyperion-pagination-count,
html body .lotusgemologygallery:has(#images, .lotusgemologygallery-notfound) .hyperion-pagination > div:not(:has(nav)) {
    color: #aaa !important;
}
/* END Hyperion gray results summary */

/* BEGIN Hypatia gallery labels */
html body .lotusgemologygallery:has(#images, .lotusgemologygallery-notfound) .hyperion-gem-label {
    font-family: "hypatia-sans-pro", sans-serif !important;
    font-weight: 300 !important;
    font-style: normal !important;
}
/* END Hypatia gallery labels */

/* BEGIN Hypatia enlargement captions */
html body:has(.lotusgemologygallery) .lg-outer .lg-sub-html,
html body:has(#sherlockSearchForm) .lg-outer .lg-sub-html,
html body:has(.lotusgemologygallery) .lg-outer .lg-sub-html :is(p, div, span, a, li),
html body:has(#sherlockSearchForm) .lg-outer .lg-sub-html :is(p, div, span, a, li) {
    font-family: "hypatia-sans-pro", sans-serif !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 1.4 !important;
}
/* END Hypatia enlargement captions */

/* BEGIN Hypatia gallery note */
html body.com_lotusgemologygallery.view-gallery
main.siteBody .lotusgemologygallery.lotusgemologygallery-gallery:has(#images, .lotusgemologygallery-notfound) .note,
html body.com_lotusgemologygallery.view-gallery
main.siteBody .lotusgemologygallery.lotusgemologygallery-gallery:has(#images, .lotusgemologygallery-notfound) .note * {
    font-family: "hypatia-sans-pro", sans-serif !important;
    font-weight: 300 !important;
    font-style: normal !important;
    color: #aaa !important;
}
/* END Hypatia gallery note */

/* BEGIN Hypatia pagination totals */
html body.com_lotusgemologygallery.view-gallery
.lotusgemologygallery:has(#images, .lotusgemologygallery-notfound) .hyperion-total-count,
html body.com_lotusgemologygallery.view-gallery
.lotusgemologygallery:has(#images, .lotusgemologygallery-notfound) .hyperion-pagination-count,
html body.com_lotusgemologygallery.view-gallery
.lotusgemologygallery:has(#images, .lotusgemologygallery-notfound) .hyperion-pagination > div:not(:has(nav)),
html body.com_lotusgemologygallery.view-gallery
.lotusgemologygallery:has(#images, .lotusgemologygallery-notfound) .hyperion-pagination > div:not(:has(nav)) * {
    font-family: "hypatia-sans-pro", sans-serif !important;
    font-weight: 300 !important;
    font-style: normal !important;
    color: #aaa !important;
}
/* END Hypatia pagination totals */

/* BEGIN Hypatia search panels */

/* Shared font */
html body :is(.lotusgemologygallery, #sherlockSearchForm)
.hyperion-search :is(label, select, input, option, button, .btn) {
    font-family: "hypatia-sans-pro", sans-serif !important;
    font-style: normal !important;
}

/* Field labels */
html body :is(.lotusgemologygallery, #sherlockSearchForm)
.hyperion-search label {
    font-weight: 600 !important;
}

/* Inputs and dropdowns */
html body :is(.lotusgemologygallery, #sherlockSearchForm)
.hyperion-search :is(select, input, option) {
    font-weight: 400 !important;
}

html body :is(.lotusgemologygallery, #sherlockSearchForm)
.hyperion-search input::placeholder {
    font-family: "hypatia-sans-pro", sans-serif !important;
    font-weight: 400 !important;
}

/* Search buttons */
html body :is(.lotusgemologygallery, #sherlockSearchForm)
.hyperion-search :is(button, .btn) {
    font-weight: 400 !important;
}

/* Checkbox labels */
html body :is(.lotusgemologygallery, #sherlockSearchForm)
.hyperion-search :is(
    .form-check-label,
    label:has(input[type="checkbox"]),
    input[type="checkbox"] + label
) {
    font-weight: 300 !important;
    text-transform: none !important;
}
/* END Hypatia search panels */

/* BEGIN Hypatia Twins Four Treasures */

/* Search panel typography */
html body :is(
    .lotusgemologypublications #adminForm .lotus-db-search,
    .twinsFilters.lotus-db-search
) :is(h2, h3, label, select, input, option, button, .btn) {
    font-family: "hypatia-sans-pro", sans-serif !important;
    font-style: normal !important;
}

html body :is(
    .lotusgemologypublications #adminForm .lotus-db-search,
    .twinsFilters.lotus-db-search
) :is(h2, h3, label) {
    font-weight: 600 !important;
}

html body :is(
    .lotusgemologypublications #adminForm .lotus-db-search,
    .twinsFilters.lotus-db-search
) :is(select, input, option, button, .btn) {
    font-weight: 400 !important;
}

html body :is(
    .lotusgemologypublications #adminForm .lotus-db-search,
    .twinsFilters.lotus-db-search
) input::placeholder {
    font-family: "hypatia-sans-pro", sans-serif !important;
    font-weight: 400 !important;
}

html body :is(
    .lotusgemologypublications #adminForm .lotus-db-search,
    .twinsFilters.lotus-db-search
) :is(
    .form-check-label,
    label:has(input[type="checkbox"]),
    input[type="checkbox"] + label
) {
    font-weight: 300 !important;
    text-transform: none !important;
}

/* Reference total and pagination summaries */

html body .lotusgemologypublications .results .pagination__wrapper > .text-end,
html body.com_twins .twinsResults .twinsPagination .pagination-info {
    font-family: "hypatia-sans-pro", sans-serif !important;
    font-weight: 300 !important;
    font-style: normal !important;
}

/* END Hypatia Twins Four Treasures */

/* BEGIN Hyperion opening dark theme */

/* Main content */
html body main.siteBody:has(.lotusgemologygallery-form, .hyperion-landing),
html body :is(.lotusgemologygallery.lotusgemologygallery-form, .hyperion-landing),
html body :is(.lotusgemologygallery.lotusgemologygallery-form, .hyperion-landing) :is(.hyperion-sherlock, .lotusSearch, .lotusSearch .container) {
    background: #2e2e2e !important;
    color: #aaa !important;
}

html body :is(.lotusgemologygallery.lotusgemologygallery-form, .hyperion-landing) :is(p, li, blockquote, cite) {
    color: #aaa !important;
}

html body :is(.lotusgemologygallery.lotusgemologygallery-form, .hyperion-landing) :is(h1, h2, h3, h4),
html body .com-content-article:has(.hyperion-landing) .page-title {
    color: #ddd !important;
}

html body :is(.lotusgemologygallery.lotusgemologygallery-form, .hyperion-landing) blockquote::before {
    color: #aaa !important;
}

/* Preserve the colorful opening banner */
html body :is(.lotusgemologygallery.lotusgemologygallery-form, .hyperion-landing) .hyperionmainimage img {
    filter: none !important;
    mix-blend-mode: normal !important;
}

/* Hyperion and Sherlock search panels */
html body :is(.lotusgemologygallery.lotusgemologygallery-form, .hyperion-landing) .hyperion-search.lotus-db-search {
    background: #222 !important;
    border-color: #444 !important;
    box-shadow: none !important;
}

html body :is(.lotusgemologygallery.lotusgemologygallery-form, .hyperion-landing) .hyperion-search label {
    color: #ddd !important;
}

html body :is(.lotusgemologygallery.lotusgemologygallery-form, .hyperion-landing) .hyperion-search :is(select, input[type="text"]) {
    background-color: #aaa !important;
    color: #292929 !important;
    border-color: #b5b5b5 !important;
}

html body :is(.lotusgemologygallery.lotusgemologygallery-form, .hyperion-landing) .hyperion-search input::placeholder {
    color: #555 !important;
    opacity: 1 !important;
}

html body :is(.lotusgemologygallery.lotusgemologygallery-form, .hyperion-landing) .hyperion-search :is(button.btn, a.btn) {
    background: #3b3b3e !important;
    color: #d894cc !important;
    border-color: #3b3b3e !important;
}

html body :is(.lotusgemologygallery.lotusgemologygallery-form, .hyperion-landing) .hyperion-search :is(button.btn, a.btn):hover {
    background: #d894cc !important;
    color: #292929 !important;
}

/* Image total */
html body :is(.lotusgemologygallery.lotusgemologygallery-form, .hyperion-landing) .hyperion-total-count {
    font-family: "hypatia-sans-pro", sans-serif !important;
    font-weight: 300 !important;
    color: #aaa !important;
}

/* Content links */
html body :is(.lotusgemologygallery.lotusgemologygallery-form, .hyperion-landing) a:not(.btn) {
    color: #d894cc !important;
}

/* END Hyperion opening dark theme */

/* BEGIN Hyperion dark dropdowns and logos */

/* Sherlock dropdowns */
html body .lotusgemologygallery.lotusgemologygallery-form
#sherlockSearchForm #hyperion select {
    background-color: #aaa !important;
    color: #292929 !important;
    border-color: #b5b5b5 !important;
}

/* Section logos: white lettering, pink hue */
html body .lotusgemologygallery.lotusgemologygallery-form
.hyperion-section-logo img {
    filter: invert(1) hue-rotate(180deg) !important;
    mix-blend-mode: normal !important;
}

/* END Hyperion dark dropdowns and logos */



/* BEGIN Hyperion logo sizing */
html body .lotusgemologygallery.lotusgemologygallery-form
.hyperion-section-logo {
    margin: 0 !important;
    padding: 40px 0 !important;
    text-align: center;
}

html body .lotusgemologygallery.lotusgemologygallery-form
.hyperion-section-logo img {
    display: block !important;
    width: 130px !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 auto !important;
}
/* END Hyperion logo sizing */

/* BEGIN Hyperion charcoal lightbox */
html body .lg-backdrop,
html body .lg-outer .lg-sub-html,
html body .lg-outer .lg-thumb-outer {
    background: #222222 !important;
}
/* END Hyperion charcoal lightbox */

/* BEGIN Hyperion reference label */
html body .lg-outer .lg-sub-html
p:has(> a):not(:has(br)):not(.description)::before {
    content: "Reference: ";
    color: #fff !important;
}

html body .lg-outer .lg-sub-html
p:has(> a):not(:has(br)):not(.description)
~ p:has(> a):not(:has(br)):not(.description)::before {
    content: none;
}
/* END Hyperion reference label */

/* BEGIN Hyperion editorial enlargement */
html body .lg-container.lotus-editorial-viewer .lg-outer {
    --hyperion-panel-width: clamp(340px, 28vw, 440px);
    --hyperion-edge: clamp(20px, 3vw, 56px);
    background: #222222 !important;
}
html body .lg-container.lotus-editorial-viewer .lg-outer .lg-content {
    top: 64px !important;
    left: var(--hyperion-edge) !important;
    width: calc(100% - var(--hyperion-panel-width) - 3 * var(--hyperion-edge)) !important;
    height: calc(100% - 96px) !important;
    padding: 0 !important;
    overflow: hidden;
}
html body .lg-container.lotus-editorial-viewer .lg-outer .lg-image {
    max-width: 100% !important;
    max-height: 100% !important;
    width: auto !important;
    height: auto !important;
    border-radius: 20px !important;
}
html body .lg-container.lotus-editorial-viewer .lg-outer .lg-sub-html {
    position: absolute !important;
    top: 88px !important;
    bottom: 32px !important;
    right: var(--hyperion-edge) !important;
    left: auto !important;
    width: var(--hyperion-panel-width) !important;
    height: auto !important;
    max-height: none !important;
    padding: 0 0 16px 28px !important;
    border-left: 1px solid #454545;
    background: #222222 !important;
    box-sizing: border-box !important;
    overflow-y: auto !important;
    scrollbar-width: thin;
    text-align: left !important;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    z-index: 1060;
    font-family: 'hypatia-sans-pro', sans-serif !important;
    color: #ddd !important;
}
html body .lg-container.lotus-editorial-viewer .lg-outer .hyperion-detail-title {
    margin: 0 0 20px !important;
    font: 400 clamp(22px, 1.8vw, 28px)/1.22 'hypatia-sans-pro', sans-serif !important;
    color: #f1f1ed !important;
    letter-spacing: .01em !important;
    overflow-wrap: anywhere;
}
html body .lg-container.lotus-editorial-viewer .lg-outer .description {
    margin: 0 0 22px !important;
    font-size: 16px !important;
    line-height: 1.5 !important;
    color: #ccc !important;
}
html body .lg-container.lotus-editorial-viewer .lg-outer .hyperion-photo-only {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 9px 13px;
    margin: 0 0 26px;
    border: 1px solid #656565;
    border-radius: 5px;
    background: transparent;
    color: #eee;
    font: 400 14px/1.3 'hypatia-sans-pro', sans-serif;
    cursor: pointer;
}
html body .lg-container.lotus-editorial-viewer .lg-outer .hyperion-photo-only:hover {
    border-color: #d894cc;
    color: #d894cc;
}
html body .lg-container.lotus-editorial-viewer .lg-outer .hyperion-detail-data {
    display: grid !important;
    grid-template-columns: minmax(90px, .85fr) minmax(0, 1.3fr);
    gap: 14px 16px;
    margin: 0 !important;
    padding: 24px 0 !important;
    border-top: 1px solid #454545;
    font: 400 14px/1.45 'hypatia-sans-pro', sans-serif !important;
}
html body .lg-container.lotus-editorial-viewer .lg-outer .hyperion-detail-data dt,
html body .lg-container.lotus-editorial-viewer .lg-outer .hyperion-detail-data dd {
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    width: auto !important;
    font: inherit !important;
    color: #ddd !important;
    overflow-wrap: anywhere;
}
html body .lg-container.lotus-editorial-viewer .lg-outer .hyperion-detail-data dd a {
    font: inherit !important;
    color: #d894cc !important;
}
html body .lg-container.lotus-editorial-viewer .lg-outer .hyperion-detail-references {
    padding-top: 22px;
    border-top: 1px solid #454545;
}
html body .lg-container.lotus-editorial-viewer .lg-outer .hyperion-detail-references h3 {
    margin: 0 0 10px !important;
    font: 400 14px/1.4 'hypatia-sans-pro', sans-serif !important;
    color: #fff !important;
}
html body .lg-container.lotus-editorial-viewer .lg-outer .hyperion-reference,
html body .lg-container.lotus-editorial-viewer .lg-outer .hyperion-reference * {
    font: 400 13px/1.45 'hypatia-sans-pro', sans-serif !important;
    color: #ccc !important;
    overflow-wrap: anywhere;
}
html body .lg-container.lotus-editorial-viewer .lg-outer .hyperion-reference {
    margin-bottom: 12px;
}
html body .lg-container.lotus-editorial-viewer .lg-outer .hyperion-reference a,
html body .lg-container.lotus-editorial-viewer .lg-outer .hyperion-reference a * {
    color: #d894cc !important;
}
html body .lg-container.lotus-editorial-viewer .lg-outer .lg-prev,
html body .lg-container.lotus-editorial-viewer .lg-outer .lg-next {
    top: 50% !important;
}
html body .lg-container.lotus-editorial-viewer .lg-outer .lg-prev { left: 4px !important; }
html body .lg-container.lotus-editorial-viewer .lg-outer .lg-next {
    right: calc(var(--hyperion-panel-width) + 2 * var(--hyperion-edge) - 22px) !important;
}
html body .lg-container.lotus-editorial-viewer .lg-outer .lg-fullscreen,
html body:has(.lg-container.lotus-editorial-viewer .lg-outer) .hyperion-logo-lb {
    display: none !important;
}
html body .hyperion-photo-overlay,
html body .hyperion-photo-overlay:fullscreen {
    position: fixed !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2147483647 !important;
    background: #222222 !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
}
html body .hyperion-photo-overlay img {
    display: block !important;
    max-width: 100% !important;
    max-height: 100% !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain;
}
html body .hyperion-photo-overlay button {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 44px;
    height: 44px;
    border: 1px solid #777;
    border-radius: 50%;
    background: #222222;
    color: #fff;
    font: 300 30px/1 sans-serif;
    cursor: pointer;
    opacity: 0;
    transition: opacity .15s;
}
html body .hyperion-photo-overlay:hover button,
html body .hyperion-photo-overlay button:focus-visible {
    opacity: 1;
}
html body .hyperion-photo-overlay button:focus-visible,
html body .lg-container.lotus-editorial-viewer .lg-outer .hyperion-photo-only:focus-visible {
    outline: 2px solid #d894cc;
    outline-offset: 4px;
}
@media (max-width: 900px) {
    html body .lg-container.lotus-editorial-viewer .lg-outer .lg-content {
        top: 56px !important;
        left: 20px !important;
        width: calc(100% - 40px) !important;
        height: calc(52% - 56px) !important;
    }
    html body .lg-container.lotus-editorial-viewer .lg-outer .lg-sub-html {
        top: 54% !important;
        left: 20px !important;
        right: 20px !important;
        bottom: 20px !important;
        width: auto !important;
        padding: 18px 0 !important;
        border-left: 0;
        border-top: 1px solid #454545;
    }
    html body .lg-container.lotus-editorial-viewer .lg-outer .lg-prev,
    html body .lg-container.lotus-editorial-viewer .lg-outer .lg-next { top: 28% !important; }
    html body .lg-container.lotus-editorial-viewer .lg-outer .lg-next { right: 4px !important; }
}
/* END Hyperion editorial enlargement */

/* BEGIN Hyperion original white logo */
html body .lotusgemologygallery.lotusgemologygallery-form
.hyperion-section-logo img {
    content: url("/images/logos/lotus-logo-rgb-white-text.png");
    filter: none !important;
    mix-blend-mode: normal !important;
    height: auto !important;
}
/* END Hyperion original white logo */

/* Borderless Hyperion and Sherlock search panels */
html body :is(.lotusgemologygallery, .lotusSearch, #sherlockSearchForm)
.hyperion-search {
    border: 0 !important;
    box-shadow: none !important;
}

/* BEGIN Hyperion prominent opening total */
html body .lotusgemologygallery.lotusgemologygallery-form
.hyperion-total-count {
    font-family: "hypatia-sans-pro", sans-serif !important;
    font-weight: 600 !important;
    font-size: 22px !important;
    color: #ddd !important;
    margin-bottom: 12px !important;
}
/* END Hyperion prominent opening total */

/* BEGIN Lotus SVG gallery icons */
html body .lg-outer .lg-prev::before,
html body .lg-outer .lg-next::before,
html body .lg-outer .lg-close::before,
html body .lg-outer .lg-zoom-in::before,
html body .lg-outer .lg-zoom-out::before,
html body .lg-outer .lg-autoplay-button::before,
html body .lg-outer .lg-fullscreen::before { content: none !important; }
html body .lg-outer .lg-prev::after,
html body .lg-outer .lg-next::after,
html body .lg-outer .lg-close::after,
html body .lg-outer .lg-zoom-in::after,
html body .lg-outer .lg-zoom-out::after,
html body .lg-outer .lg-autoplay-button::after,
html body .lg-outer .lg-fullscreen::after
{
    content: "" !important;
    display: inline-block !important;
    width: 24px !important;
    height: 24px !important;
    vertical-align: middle !important;
    transform: none !important;
    background: currentColor !important;
    -webkit-mask: var(--lotus-gallery-icon) center / contain no-repeat !important;
    mask: var(--lotus-gallery-icon) center / contain no-repeat !important;
}
html body .lg-outer .lg-prev { --lotus-gallery-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m15%205-7%207%207%207%22%2F%3E%3C%2Fsvg%3E"); }
html body .lg-outer .lg-next { --lotus-gallery-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m9%205%207%207-7%207%22%2F%3E%3C%2Fsvg%3E"); }
html body .lg-outer .lg-close { --lotus-gallery-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m6%206%2012%2012M18%206%206%2018%22%2F%3E%3C%2Fsvg%3E"); }
html body .lg-outer .lg-zoom-in { --lotus-gallery-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2210.5%22%20cy%3D%2210.5%22%20r%3D%226.5%22%2F%3E%3Cpath%20d%3D%22m16%2016%205%205M7.5%2010.5h6M10.5%207.5v6%22%2F%3E%3C%2Fsvg%3E"); }
html body .lg-outer .lg-zoom-out { --lotus-gallery-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2210.5%22%20cy%3D%2210.5%22%20r%3D%226.5%22%2F%3E%3Cpath%20d%3D%22m16%2016%205%205M7.5%2010.5h6%22%2F%3E%3C%2Fsvg%3E"); }
html body .lg-outer .lg-autoplay-button { --lotus-gallery-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m8%205%2011%207-11%207Z%22%2F%3E%3C%2Fsvg%3E"); }
html body .lg-outer .lg-fullscreen { --lotus-gallery-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M9%203H3v6m12-6h6v6M3%2015v6h6m12-6v6h-6%22%2F%3E%3C%2Fsvg%3E"); }
html body .lg-outer.lg-show-autoplay .lg-autoplay-button { --lotus-gallery-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M8%205v14M16%205v14%22%2F%3E%3C%2Fsvg%3E"); }
html body .lg-fullscreen-on .lg-fullscreen { --lotus-gallery-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%209h6V3m12%206h-6V3M3%2015h6v6m12-6h-6v6%22%2F%3E%3C%2Fsvg%3E"); }
/* END Lotus SVG gallery icons */

/* BEGIN Siamese Twins dark theme */
html body main.siteBody:has(.twinsWrap),
html body .twinsWrap {
    background: #2e2e2e !important;
    color: #aaa !important;
}

html body .twinsWrap :is(p, li, blockquote, cite, .pagination-info, .twinsResults, .setIntro, .twinCaption, .twinMeta) {
    color: #aaa !important;
}

html body .twinsWrap :is(h1, h2, h3, h4, .twinSetTitle, .twinSetTitle strong, .twinMeta strong),
html body .twinsWrap .twinGrid-images .twinItem::before {
    color: #ddd !important;
}

html body .twinsWrap blockquote::before {
    color: #aaa !important;
}

html body .twinsWrap a:not(.btn):not(.page-link) {
    color: #d894cc !important;
}

html body .twinsWrap .twinSet,
html body .twinsWrap hr {
    border-color: #444 !important;
}

html body .twinsWrap .twinsFilters.lotus-db-search {
    background: #222 !important;
    border: 0 !important;
    box-shadow: none !important;
}

html body .twinsWrap .twinsFilters select.form-select {
    background-color: #aaa !important;
    color: #292929 !important;
    border-color: #aaa !important;
}

html body .twinsWrap .twinsFilters button.btn {
    background: #3b3b3e !important;
    color: #d894cc !important;
    border: 0 !important;
}

html body .twinsWrap .twinsFilters button.btn:hover {
    background: #d894cc !important;
    color: #292929 !important;
}

html body .twinsWrap .twinsPagination ul.pagination > li > .page-link {
    background: #3b3b3e !important;
    color: #aaa !important;
    border: 0 !important;
    box-shadow: none !important;
}

html body .twinsWrap .twinsPagination ul.pagination > li:not(.disabled) > .page-link [class*="icon-"] {
    color: #d894cc !important;
}

html body .twinsWrap .twinsPagination ul.pagination > li.active > .page-link,
html body .twinsWrap .twinsPagination ul.pagination > li:not(.disabled) > a.page-link:hover {
    background: #d894cc !important;
    color: #292929 !important;
}

html body .twinsWrap .twinsPagination ul.pagination > li.disabled > .page-link,
html body .twinsWrap .twinsPagination ul.pagination > li.disabled > .page-link [class*="icon-"] {
    background: #353538 !important;
    color: #666 !important;
}
/* END Siamese Twins dark theme */

/* BEGIN Twins editorial controls */
html body:has(.twinsWrap) .lg-container.lotus-editorial-viewer .lg-outer .lg-prev,
html body:has(.twinsWrap) .lg-container.lotus-editorial-viewer .lg-outer .lg-next {
    position: fixed !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    transform: translateY(-50%) !important;
}
/* END Twins editorial controls */

/* BEGIN Twins uncropped gallery images */
html body .twinsWrap .twinGrid-images .twinItem > a {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
}

html body .twinsWrap .twinGrid-images .twinItem img.twinPhoto {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    aspect-ratio: 3 / 2 !important;
    object-fit: contain !important;
    object-position: center !important;
    background: #2e2e2e !important;
    transform: none !important;
}
/* END Twins uncropped gallery images */

/* BEGIN Twins Hyperion typography */

/* Borderless thumbnails */
html body .twinsWrap .twinGrid-images .twinItem > a,
html body .twinsWrap .twinGrid-images img.twinPhoto {
    border: 0 !important;
    box-shadow: none !important;
}

/* Captions and introductory text */
html body .twinsWrap :is(.twinsIntro p, .setIntro, .twinCaption, .twinCaption p, .twinsInstruction) {
    font-family: "hypatia-sans-pro", sans-serif !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 1.4 !important;
}

html body .twinsWrap .twinCaption strong {
    font-family: "hypatia-sans-pro", sans-serif !important;
    font-weight: 600 !important;
}

/* Metadata */
html body .twinsWrap .twinMeta {
    transform: none !important;
    width: 100% !important;
    font-family: "hypatia-sans-pro", sans-serif !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
}

html body .twinsWrap .twinMeta p,
html body .twinsWrap .twinMeta a {
    font-family: "hypatia-sans-pro", sans-serif !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
}

html body .twinsWrap .twinMeta strong {
    font-family: "hypatia-sans-pro", sans-serif !important;
    font-weight: 600 !important;
}

/* Gem names */
html body .twinsWrap .twinMeta p:first-child:not(:has(strong:not(:only-child))) > strong:only-child {
    font-weight: 300 !important;
    font-size: 16px !important;
}

/* A/B/C/D image labels */
html body .twinsWrap .twinGrid-images .twinItem::before {
    font-family: "hypatia-sans-pro", sans-serif !important;
    font-weight: 300 !important;
}

/* Set headings */
html body .twinsWrap .twinSetTitle,
html body .twinsWrap .twinSetTitle strong {
    font-family: "Oswald", sans-serif !important;
    font-weight: 400 !important;
}

/* Results summaries */
html body .twinsWrap .pagination-info {
    font-family: "hypatia-sans-pro", sans-serif !important;
    font-weight: 300 !important;
}
/* END Twins Hyperion typography */

/* BEGIN Twins white-letter logo */
html body .twinsWrap img[src*="lotus-logo-simple-small"] {
    content: url("/images/logos/lotus-logo-rgb-white-text.png");
    display: block !important;
    width: 130px !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 40px auto !important;
    filter: none !important;
    mix-blend-mode: normal !important;
}
/* END Twins white-letter logo */

/* BEGIN Editorial image fit */
html body .lg-container.lotus-editorial-viewer .lg-outer .lg-image {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
}
/* END Editorial image fit */

/* BEGIN Twins metadata column containment */
html body .twinsWrap .twinGrid-meta > .twinItem {
    min-width: 0 !important;
}
html body .twinsWrap .twinGrid-meta .twinMeta {
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow-wrap: anywhere !important;
}
html body .twinsWrap .twinGrid-meta .twinMeta :is(p, a, strong, em) {
    white-space: normal !important;
    overflow-wrap: anywhere !important;
}
/* END Twins metadata column containment */

/* BEGIN Four Treasures abstract note */
html body .lotus-db-search .ft-abstract-note-row {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    column-gap: 32px;
    row-gap: 12px;
}
html body .lotus-db-search .ft-abstract-note-row > .form-check {
    flex: 0 0 auto;
    margin-bottom: 0;
}
html body .lotus-db-search .ft-cover-note {
    font-family: "hypatia-sans-pro", sans-serif;
    font-weight: 300;
    line-height: 1.4;
}
/* END Four Treasures abstract note */

/* Four Treasures reference total typography */
html body .lotusgemologypublications .ft-page-title {
    text-align: center;
}
html body .lotusgemologypublications .ft-reference-total {
    text-align: center;
    margin: 16px 0 24px;
}
html body .lotusgemologypublications .ft-reference-total-count {
    font-family: "hypatia-sans-pro", sans-serif !important;
    font-weight: 600 !important;
    font-style: normal !important;
    font-size: 1.5rem !important;
}
html body .lotusgemologypublications .ft-quote-attribution {
    font-size: inherit !important;
}

/* Four Treasures results logo spacing */
html body.com_lotusgemologypublications.layout-results
.lotusgemologypublications > .row:first-child {
    margin-top: -24px !important;
    margin-bottom: 32px !important;
}


/* Hyperion search button legacy arrow cleanup */
html body .lotusgemologygallery.lotusgemologygallery-form
.hyperion-search button.btn::after {
    content: none !important;
    display: none !important;
}

/* BEGIN shared pagination arrows */
html body ul.pagination .page-link > [class*="icon-angle"] {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    color: inherit !important;
}
html body ul.pagination .page-link > [class*="icon-angle"]::before {
    font-family: Arial, sans-serif !important;
    font-size: 1.5rem !important;
    font-weight: normal !important;
    font-style: normal !important;
    line-height: 1 !important;
}
html body ul.pagination .page-link > .icon-angle-double-left::before {
    content: "\00ab" !important;
}
html body ul.pagination .page-link > .icon-angle-left::before {
    content: "\2039" !important;
}
html body ul.pagination .page-link > .icon-angle-right::before {
    content: "\203a" !important;
}
html body ul.pagination .page-link > .icon-angle-double-right::before {
    content: "\00bb" !important;
}
/* END shared pagination arrows */

/* Suppress duplicate pagination icon glyphs */
html body ul.pagination .page-link > [class*="icon-angle"]::after {
    content: none !important;
    display: none !important;
}

/* BEGIN inclusion landing theme integration */
html body .com-content-article:has(.hyperion-landing),
html body .hyperion-landing .hyperion-embedded-gallery {
    background: transparent !important;
    color: inherit !important;
}
html body .hyperion-landing .hyperion-embedded-gallery .pagination div {
    color: inherit !important;
}
html body .hyperion-landing .hyperion-embedded-gallery .images :is(
    .preload-img-container, .preload-img-result, .preload-img-result > a, img
) {
    border: 0 !important;
    box-shadow: none !important;
}
/* END inclusion landing theme integration */

/* BEGIN inclusion landing CTA */
html body main.siteBody .hyperion-landing a.hyperion-landing-cta {
    background: #d894cc !important;
    color: #292929 !important;
    transition: background-color .15s, color .15s;
}
html body main.siteBody .hyperion-landing a.hyperion-landing-cta:is(:hover, :focus-visible) {
    background: #3b3b3e !important;
    color: #d894cc !important;
    outline: 2px solid #d894cc;
    outline-offset: 3px;
}
/* END inclusion landing CTA */

/* BEGIN landing button spacing */
html body .hyperion-landing .hyperion-embedded-gallery {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}
html body .hyperion-landing .hyperion-embedded-gallery > .pagination:last-child {
    margin-bottom: 0 !important;
}
html body .hyperion-landing > p:has(> .hyperion-landing-cta) {
    margin: 24px 0 48px !important;
}
/* END landing button spacing */

/* BEGIN editorial photo top alignment */
@media (min-width: 901px) {
    html body .lg-container.lotus-editorial-viewer .lg-outer {
        display: block !important;
    }
    html body .lg-container.lotus-editorial-viewer .lg-outer .lg-content {
        position: absolute !important;
        top: 88px !important;
        height: calc(100% - 120px) !important;
    }
    html body .lg-container.lotus-editorial-viewer .lg-outer .lg-image {
        object-position: center top !important;
    }
}
/* END editorial photo top alignment */

/* BEGIN editorial photo corners */
html body .lg-container.lotus-editorial-viewer .lg-outer .lg-image {
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: 100% !important;
    border-radius: 12px !important;
}
@media (min-width: 901px) {
    html body .lg-container.lotus-editorial-viewer .lg-outer .lg-img-wrap::before {
        display: none !important;
    }
    html body .lg-container.lotus-editorial-viewer .lg-outer .lg-image {
        vertical-align: top !important;
    }
}
/* END editorial photo corners */

/* BEGIN sitewide white logo */
html body header.container-header .brand-logo img {

    width: 230px !important;
    max-width: 100% !important;
    height: auto !important;
}
@media (max-width: 1199.98px) {
    html body header.container-header .brand-logo {
        width: 160px !important;
    }
    html body header.container-header .brand-logo img {
        width: 100% !important;
    }
}
/* END sitewide white logo */

/* Hide Home navigation item; logo links home */
html body header.container-header li.item-101,
html body #mySidenav li.item-101 {
    display: none !important;
}

/* BEGIN header verify report */
html body header.container-header #mod-custom255,
html body header.container-header #mod-custom255 ul {
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
}
html body header.container-header #mod-custom255 a {
    color: #fff !important;
    font: 300 20px/1.5 'Oswald', sans-serif !important;
    text-transform: uppercase;
    white-space: nowrap;
    margin: 0 !important;
    padding: 8px 0 !important;
    border-radius: 0 !important;
    border-bottom: 2px solid #666;
    text-decoration: none !important;
}
html body header.container-header #mod-custom255 a::after {
    display: none !important;
}
html body header.container-header #mod-custom255 a:is(:hover, :focus-visible) {
    border-bottom-color: #d894cc;
}
html body header.container-header .container-search.report > ul {
    display: flex !important;
    align-items: center;
    gap: 20px;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
}
@media (min-width: 1200px) {
    html body header.container-header > .row {
        display: grid !important;
        grid-template-columns: 230px minmax(0, 1fr) auto;
        align-items: center;
        gap: 24px;
    }
    html body header.container-header > .row > .col {
        width: auto !important;
        padding: 0 !important;
        min-width: 0;
    }
    html body header.container-header .nav-panel nav.navbar {
        padding: 0 !important;
    }
    html body header.container-header .nav-panel .mod-menu {
        justify-content: space-evenly !important;
        gap: 20px;
    }
    html body header.container-header .container-search.report {
        width: auto !important;
        margin: 0 !important;
        padding: 0 !important;
    }
}
@media (max-width: 1199.98px) {
    html body header.container-header #mod-custom255 a {
        font-size: 16px !important;
        padding: 0 0 8px !important;
    }
    html body header.container-header .container-search.report > ul {
        gap: 12px;
    }
}
/* END header verify report */

/* BEGIN header search spacing */
html body header.container-header .container-search.report > ul {
    gap: 32px !important;
}
@media (min-width: 1200px) {
    html body header.container-header
    .mod-finder__search:has(#mod-finder-searchword265)
    input#mod-finder-searchword265 {
        width: 180px !important;
    }
}
@media (max-width: 1199.98px) {
    html body header.container-header .container-search.report > ul {
        gap: 24px !important;
    }
}
/* END header search spacing */

/* BEGIN equal header menu spacing */
@media (min-width: 1200px) {
    html body header.container-header > .row {
        grid-template-columns: 230px repeat(4, max-content) max-content;
        justify-content: space-between;
        column-gap: 16px;
    }
    html body header.container-header .nav-panel,
    html body header.container-header .nav-panel nav.navbar,
    html body header.container-header .nav-panel .navbar-collapse,
    html body header.container-header .nav-panel ul.mod-menu {
        display: contents !important;
    }
    html body header.container-header .nav-panel ul.mod-menu > li {
        margin: 0 !important;
        padding: 0 !important;
        white-space: nowrap;
    }
    html body header.container-header .nav-panel ul.mod-menu > li > a {
        margin: 0 !important;
    }
    html body header.container-header .nav-panel ul.mod-menu > li > .mod-menu__toggle-sub {
        margin-left: 4px;
        min-width: 20px;
        width: 20px;
        padding: 4px 2px;
    }
}
/* END equal header menu spacing */

/* BEGIN compact header sizing */
html body header.container-header .container-search.report > ul {
    gap: 40px !important;
}
@media (min-width: 1200px) {
    html body header.container-header > .row {
        grid-template-columns: 200px repeat(4, max-content) max-content;
    }
    html body header.container-header .brand-logo img {
        width: 200px !important;
    }
    html body header.container-header
    .mod-finder__search:has(#mod-finder-searchword265)
    input#mod-finder-searchword265 {
        width: 165px !important;
    }
}
@media (max-width: 1199.98px) {
    html body header.container-header .brand-logo {
        width: 145px !important;
    }
    html body header.container-header .container-search.report > ul {
        gap: 28px !important;
    }
}
/* END compact header sizing */

/* BEGIN balanced logo spacing */
@media (min-width: 1200px) {
    html body header.header.container-header {
        padding-top: 16px !important;
    }
    html body header.container-header .brand-logo img {
        padding-top: 0 !important;
    }
}
/* END balanced logo spacing */

/* BEGIN sitewide header content spacing */
@media (min-width: 1200px) {
    html body main.siteBody {
        margin-top: 0 !important;
    }
}
/* END sitewide header content spacing */

/* BEGIN uniform header gaps */
@media (min-width: 1200px) {
    html body header.container-header > .row {
        grid-template-columns: 200px repeat(5, max-content) 165px;
        justify-content: space-between;
        column-gap: 16px;
    }
    html body header.container-header .container-search.report,
    html body header.container-header .container-search.report > ul,
    html body header.container-header .container-search.report > ul > li {
        display: contents !important;
    }
}
/* END uniform header gaps */

/* BEGIN home ruby size and spacing */
html body.home .lotus-home-about-image img {
    width: 195px !important;
    max-width: 100% !important;
    height: auto !important;
}
html body.home .lotus-home-section--about-copy {
    padding-bottom: 8px !important;
}
html body.home .lotus-home-section--services {
    padding-top: 16px !important;
}
/* END home ruby size and spacing */

/* BEGIN remove sitewide top strip */
html body.site {
    margin-top: 0 !important;
    padding-top: 0 !important;
}
html body.site .container.inner-box {
    margin-top: 0 !important;
}
/* END remove sitewide top strip */

/* BEGIN SVG contact icons */

html body span:is(.contact-street, .contact-emailto, .contact-telephone, .contact-mobile)::before {
    content: "" !important;
    display: inline-block !important;
    width: 1em;
    height: 1em;
    top: .2em;
    left: 0;
    position: absolute;
    background-color: currentColor;
    -webkit-mask: var(--lotus-contact-icon) center / contain no-repeat;
    mask: var(--lotus-contact-icon) center / contain no-repeat;
}

html body span.contact-street { --lotus-contact-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m3%2010%209-7%209%207v10a1%201%200%200%201-1%201h-5v-7H9v7H4a1%201%200%200%201-1-1Z%22%2F%3E%3C%2Fsvg%3E"); }
html body span.contact-emailto { --lotus-contact-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%225%22%20width%3D%2218%22%20height%3D%2214%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22m3%206%209%207%209-7%22%2F%3E%3C%2Fsvg%3E"); }
html body span.contact-telephone { --lotus-contact-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M22%2016.9v3a2%202%200%200%201-2.2%202%2019.8%2019.8%200%200%201-8.6-3.1%2019.5%2019.5%200%200%201-6-6A19.8%2019.8%200%200%201%202.1%204.2%202%202%200%200%201%204.1%202h3a2%202%200%200%201%202%201.7c.1%201%20.4%202%20.7%202.9a2%202%200%200%201-.5%202.1L8%2010a16%2016%200%200%200%206%206l1.3-1.3a2%202%200%200%201%202.1-.5c.9.3%201.9.6%202.9.7a2%202%200%200%201%201.7%202Z%22%2F%3E%3C%2Fsvg%3E"); }
html body span.contact-mobile { --lotus-contact-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%226%22%20y%3D%222%22%20width%3D%2212%22%20height%3D%2220%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M10%2018h4%22%2F%3E%3C%2Fsvg%3E"); }
/* END SVG contact icons */

/* BEGIN Prices image proportions */
html body img[src="/images/library/articles/other/_Lotus-price-list/_banner-lotus-gemology-price-list.jpg"] {
    max-width: 100% !important;
    height: auto !important;
    aspect-ratio: 1000 / 400 !important;
    object-fit: contain !important;
}
html body img[src="/images/library/articles/other/_Lotus-price-list/_thumb-lotus-gemology-price-list.jpg"] {
    max-width: 100% !important;
    height: auto !important;
    aspect-ratio: 250 / 165 !important;
    object-fit: contain !important;
}
html body img[src="/images/library/articles/other/_Lotus-price-list/lotus-gold-silver-black-reports.jpg"] {
    max-width: 100% !important;
    height: auto !important;
    aspect-ratio: 800 / 501 !important;
    object-fit: contain !important;
}
html body img[src="/images/library/articles/other/_Lotus-price-list/lotus-hardcover-report-03-2.jpg"] {
    max-width: 100% !important;
    height: auto !important;
    aspect-ratio: 4409 / 3117 !important;
    object-fit: contain !important;
}
html body img[src="/images/library/articles/other/_Lotus-price-list/lotus-hardcover-report-05-2.jpg"] {
    max-width: 100% !important;
    height: auto !important;
    aspect-ratio: 3508 / 2481 !important;
    object-fit: contain !important;
}
html body img[src="/images/library/articles/other/_Lotus-price-list/lotus-hardcover-report-07-2.jpg"] {
    max-width: 100% !important;
    height: auto !important;
    aspect-ratio: 5227 / 3696 !important;
    object-fit: contain !important;
}
html body img[src="/images/library/articles/other/_Lotus-price-list/lotus-hardcover-report-09-2.jpg"] {
    max-width: 100% !important;
    height: auto !important;
    aspect-ratio: 4187 / 2960 !important;
    object-fit: contain !important;
}
html body img[src="/images/library/articles/other/_Lotus-price-list/lotus-hardcover-report-11-2.jpg"] {
    max-width: 100% !important;
    height: auto !important;
    aspect-ratio: 3508 / 2481 !important;
    object-fit: contain !important;
}
html body img[src="/images/library/articles/other/_Lotus-price-list/lotus-hardcover-report.jpg"] {
    max-width: 100% !important;
    height: auto !important;
    aspect-ratio: 800 / 533 !important;
    object-fit: contain !important;
}
html body img[src="/images/library/articles/other/_Lotus-price-list/lotus-softcover-report.jpg"] {
    max-width: 100% !important;
    height: auto !important;
    aspect-ratio: 800 / 552 !important;
    object-fit: contain !important;
}
/* END Prices image proportions */

/* BEGIN Lookup guide image proportions */
html body img[src="/images/library/articles/other/Report-Lookup/Lookup-1.jpg"] {
    max-width: 100% !important;
    height: auto !important;
    aspect-ratio: 640 / 480 !important;
    object-fit: contain !important;
}
html body img[src="/images/library/articles/other/Report-Lookup/Lookup-2.jpg"] {
    max-width: 100% !important;
    height: auto !important;
    aspect-ratio: 500 / 726 !important;
    object-fit: contain !important;
}
html body img[src="/images/library/articles/other/Report-Lookup/Lookup-3.jpg"] {
    max-width: 100% !important;
    height: auto !important;
    aspect-ratio: 910 / 688 !important;
    object-fit: contain !important;
}
/* END Lookup guide image proportions */

/* BEGIN Color types image proportions */
html body img[src="/images/library/articles/quality/lotus-color-types/Lotus-Guide-Postcard-2021.jpg"] {
    max-width: 100% !important;
    height: auto !important;
    aspect-ratio: 1600 / 1920 !important;
    object-fit: contain !important;
}
html body img[src="/images/library/articles/quality/lotus-color-types/Lotus-Guide-Postcard.jpg"] {
    max-width: 100% !important;
    height: auto !important;
    aspect-ratio: 1600 / 1920 !important;
    object-fit: contain !important;
}
html body img[src="/images/library/articles/quality/lotus-color-types/Lotus-Guide-to-Color32.jpg"] {
    max-width: 100% !important;
    height: auto !important;
    aspect-ratio: 1600 / 1600 !important;
    object-fit: contain !important;
}
html body img[src="/images/library/articles/quality/lotus-color-types/Lotus-Guide-to-Color40-edit.jpg"] {
    max-width: 100% !important;
    height: auto !important;
    aspect-ratio: 1510 / 1408 !important;
    object-fit: contain !important;
}
html body img[src="/images/library/articles/quality/lotus-color-types/Lotus-Guide-to-Color42-edit.jpg"] {
    max-width: 100% !important;
    height: auto !important;
    aspect-ratio: 1600 / 1600 !important;
    object-fit: contain !important;
}
html body img[src="/images/library/articles/quality/lotus-color-types/Lotus-Guide-to-Color44-edit.jpg"] {
    max-width: 100% !important;
    height: auto !important;
    aspect-ratio: 1600 / 1600 !important;
    object-fit: contain !important;
}
html body img[src="/images/library/articles/quality/lotus-color-types/Lotus-fancy-sapphire-color-types.jpg"] {
    max-width: 100% !important;
    height: auto !important;
    aspect-ratio: 2000 / 706 !important;
    object-fit: contain !important;
}
html body img[src="/images/library/articles/quality/lotus-color-types/Lotus-ruby-color-types.jpg"] {
    max-width: 100% !important;
    height: auto !important;
    aspect-ratio: 2000 / 706 !important;
    object-fit: contain !important;
}
html body img[src="/images/library/articles/quality/lotus-color-types/Lotus-sapphire-color-types.jpg"] {
    max-width: 100% !important;
    height: auto !important;
    aspect-ratio: 2000 / 1000 !important;
    object-fit: contain !important;
}
html body img[src="/images/library/articles/quality/lotus-color-types/Teal-Duck.jpg"] {
    max-width: 100% !important;
    height: auto !important;
    aspect-ratio: 1600 / 1282 !important;
    object-fit: contain !important;
}
html body img[src="/images/library/articles/quality/lotus-color-types/apple-different-lights.jpg"] {
    max-width: 100% !important;
    height: auto !important;
    aspect-ratio: 700 / 596 !important;
    object-fit: contain !important;
}
html body img[src="/images/library/articles/quality/lotus-color-types/burma-royal-blue.jpg"] {
    max-width: 100% !important;
    height: auto !important;
    aspect-ratio: 1198 / 845 !important;
    object-fit: contain !important;
}
html body img[src="/images/library/articles/quality/lotus-color-types/clarity-simplified.jpg"] {
    max-width: 100% !important;
    height: auto !important;
    aspect-ratio: 1200 / 399 !important;
    object-fit: contain !important;
}
html body img[src="/images/library/articles/quality/lotus-color-types/color-slice-new.jpg"] {
    max-width: 100% !important;
    height: auto !important;
    aspect-ratio: 1600 / 636 !important;
    object-fit: contain !important;
}
html body img[src="/images/library/articles/quality/lotus-color-types/color-wheel-3d.jpg"] {
    max-width: 100% !important;
    height: auto !important;
    aspect-ratio: 1200 / 1130 !important;
    object-fit: contain !important;
}
html body img[src="/images/library/articles/quality/lotus-color-types/color-wheel-new-chinese.jpg"] {
    max-width: 100% !important;
    height: auto !important;
    aspect-ratio: 1600 / 1819 !important;
    object-fit: contain !important;
}
html body img[src="/images/library/articles/quality/lotus-color-types/cornflower-1.jpg"] {
    max-width: 100% !important;
    height: auto !important;
    aspect-ratio: 800 / 800 !important;
    object-fit: contain !important;
}
html body img[src="/images/library/articles/quality/lotus-color-types/cornflower-2.jpg"] {
    max-width: 100% !important;
    height: auto !important;
    aspect-ratio: 1600 / 1071 !important;
    object-fit: contain !important;
}
html body img[src="/images/library/articles/quality/lotus-color-types/cornflower-sapphire.jpg"] {
    max-width: 100% !important;
    height: auto !important;
    aspect-ratio: 529 / 469 !important;
    object-fit: contain !important;
}
html body img[src="/images/library/articles/quality/lotus-color-types/diagram-brilliance-windows-ext.jpg"] {
    max-width: 100% !important;
    height: auto !important;
    aspect-ratio: 1200 / 759 !important;
    object-fit: contain !important;
}
html body img[src="/images/library/articles/quality/lotus-color-types/faces.jpg"] {
    max-width: 100% !important;
    height: auto !important;
    aspect-ratio: 1200 / 1199 !important;
    object-fit: contain !important;
}
html body img[src="/images/library/articles/quality/lotus-color-types/fuchsia-1.jpg"] {
    max-width: 100% !important;
    height: auto !important;
    aspect-ratio: 1200 / 800 !important;
    object-fit: contain !important;
}
html body img[src="/images/library/articles/quality/lotus-color-types/fuchsia-flower.jpg"] {
    max-width: 100% !important;
    height: auto !important;
    aspect-ratio: 1600 / 1301 !important;
    object-fit: contain !important;
}
html body img[src="/images/library/articles/quality/lotus-color-types/fuchsia-ruby.jpg"] {
    max-width: 100% !important;
    height: auto !important;
    aspect-ratio: 452 / 381 !important;
    object-fit: contain !important;
}
html body img[src="/images/library/articles/quality/lotus-color-types/hot-pink-sapphire.jpg"] {
    max-width: 100% !important;
    height: auto !important;
    aspect-ratio: 692 / 631 !important;
    object-fit: contain !important;
}
html body img[src="/images/library/articles/quality/lotus-color-types/indigo-dye.jpg"] {
    max-width: 100% !important;
    height: auto !important;
    aspect-ratio: 1200 / 900 !important;
    object-fit: contain !important;
}
html body img[src="/images/library/articles/quality/lotus-color-types/indigo-sapphire.jpg"] {
    max-width: 100% !important;
    height: auto !important;
    aspect-ratio: 1601 / 1312 !important;
    object-fit: contain !important;
}
html body img[src="/images/library/articles/quality/lotus-color-types/judging-quality-title.jpg"] {
    max-width: 100% !important;
    height: auto !important;
    aspect-ratio: 1000 / 400 !important;
    object-fit: contain !important;
}
html body img[src="/images/library/articles/quality/lotus-color-types/lilac-1.jpg"] {
    max-width: 100% !important;
    height: auto !important;
    aspect-ratio: 800 / 536 !important;
    object-fit: contain !important;
}
html body img[src="/images/library/articles/quality/lotus-color-types/lilac-sapphire.jpg"] {
    max-width: 100% !important;
    height: auto !important;
    aspect-ratio: 713 / 807 !important;
    object-fit: contain !important;
}
html body img[src="/images/library/articles/quality/lotus-color-types/logan-sapphire.jpg"] {
    max-width: 100% !important;
    height: auto !important;
    aspect-ratio: 250 / 165 !important;
    object-fit: contain !important;
}
html body img[src="/images/library/articles/quality/lotus-color-types/lotus-color-types-banner.jpg"] {
    max-width: 100% !important;
    height: auto !important;
    aspect-ratio: 1000 / 400 !important;
    object-fit: contain !important;
}
html body img[src="/images/library/articles/quality/lotus-color-types/lotus-color-types-thumb.jpg"] {
    max-width: 100% !important;
    height: auto !important;
    aspect-ratio: 250 / 165 !important;
    object-fit: contain !important;
}
html body img[src="/images/library/articles/quality/lotus-color-types/lotus-saturation-scale-2.jpg"] {
    max-width: 100% !important;
    height: auto !important;
    aspect-ratio: 800 / 664 !important;
    object-fit: contain !important;
}
html body img[src="/images/library/articles/quality/lotus-color-types/lotus-saturation-scale-chinese.jpg"] {
    max-width: 100% !important;
    height: auto !important;
    aspect-ratio: 1600 / 660 !important;
    object-fit: contain !important;
}
html body img[src="/images/library/articles/quality/lotus-color-types/lotus-saturation-scale.jpg"] {
    max-width: 100% !important;
    height: auto !important;
    aspect-ratio: 1200 / 965 !important;
    object-fit: contain !important;
}
html body img[src="/images/library/articles/quality/lotus-color-types/lotus-tone-scale-chinese.jpg"] {
    max-width: 100% !important;
    height: auto !important;
    aspect-ratio: 1600 / 721 !important;
    object-fit: contain !important;
}
html body img[src="/images/library/articles/quality/lotus-color-types/lotus-tone-scale-english.jpg"] {
    max-width: 100% !important;
    height: auto !important;
    aspect-ratio: 700 / 259 !important;
    object-fit: contain !important;
}
html body img[src="/images/library/articles/quality/lotus-color-types/lotus-tone-scale-new.jpg"] {
    max-width: 100% !important;
    height: auto !important;
    aspect-ratio: 800 / 296 !important;
    object-fit: contain !important;
}
html body img[src="/images/library/articles/quality/lotus-color-types/lotus-tone-scale.jpg"] {
    max-width: 100% !important;
    height: auto !important;
    aspect-ratio: 1200 / 291 !important;
    object-fit: contain !important;
}
html body img[src="/images/library/articles/quality/lotus-color-types/mekong-whisky-yellow-sapphire.jpg"] {
    max-width: 100% !important;
    height: auto !important;
    aspect-ratio: 800 / 625 !important;
    object-fit: contain !important;
}
html body img[src="/images/library/articles/quality/lotus-color-types/padparadscha-sapphire.jpg"] {
    max-width: 100% !important;
    height: auto !important;
    aspect-ratio: 747 / 660 !important;
    object-fit: contain !important;
}
html body img[src="/images/library/articles/quality/lotus-color-types/padparadscha-sky.jpg"] {
    max-width: 100% !important;
    height: auto !important;
    aspect-ratio: 1200 / 773 !important;
    object-fit: contain !important;
}
html body img[src="/images/library/articles/quality/lotus-color-types/pastel-blue-yellow.jpg"] {
    max-width: 100% !important;
    height: auto !important;
    aspect-ratio: 1200 / 900 !important;
    object-fit: contain !important;
}
html body img[src="/images/library/articles/quality/lotus-color-types/pastel-sapphire.jpg"] {
    max-width: 100% !important;
    height: auto !important;
    aspect-ratio: 800 / 369 !important;
    object-fit: contain !important;
}
html body img[src="/images/library/articles/quality/lotus-color-types/pastel-sky.jpg"] {
    max-width: 100% !important;
    height: auto !important;
    aspect-ratio: 1200 / 801 !important;
    object-fit: contain !important;
}
html body img[src="/images/library/articles/quality/lotus-color-types/pastel-yellow-postit.jpg"] {
    max-width: 100% !important;
    height: auto !important;
    aspect-ratio: 1200 / 1200 !important;
    object-fit: contain !important;
}
html body img[src="/images/library/articles/quality/lotus-color-types/peacock-1.jpg"] {
    max-width: 100% !important;
    height: auto !important;
    aspect-ratio: 1200 / 863 !important;
    object-fit: contain !important;
}
html body img[src="/images/library/articles/quality/lotus-color-types/peacock-2.jpg"] {
    max-width: 100% !important;
    height: auto !important;
    aspect-ratio: 800 / 532 !important;
    object-fit: contain !important;
}
html body img[src="/images/library/articles/quality/lotus-color-types/peacock-blue-sapphire.jpg"] {
    max-width: 100% !important;
    height: auto !important;
    aspect-ratio: 1072 / 743 !important;
    object-fit: contain !important;
}
html body img[src="/images/library/articles/quality/lotus-color-types/pigeon-1.jpg"] {
    max-width: 100% !important;
    height: auto !important;
    aspect-ratio: 1200 / 885 !important;
    object-fit: contain !important;
}
html body img[src="/images/library/articles/quality/lotus-color-types/pigeons-blood-ruby.jpg"] {
    max-width: 100% !important;
    height: auto !important;
    aspect-ratio: 1200 / 948 !important;
    object-fit: contain !important;
}
html body img[src="/images/library/articles/quality/lotus-color-types/royal-blue.jpg"] {
    max-width: 100% !important;
    height: auto !important;
    aspect-ratio: 600 / 600 !important;
    object-fit: contain !important;
}
html body img[src="/images/library/articles/quality/lotus-color-types/royal-red-1.jpg"] {
    max-width: 100% !important;
    height: auto !important;
    aspect-ratio: 602 / 522 !important;
    object-fit: contain !important;
}
html body img[src="/images/library/articles/quality/lotus-color-types/royal-red-pillow.jpg"] {
    max-width: 100% !important;
    height: auto !important;
    aspect-ratio: 1200 / 800 !important;
    object-fit: contain !important;
}
html body img[src="/images/library/articles/quality/lotus-color-types/ruby-on-plate.jpg"] {
    max-width: 100% !important;
    height: auto !important;
    aspect-ratio: 700 / 525 !important;
    object-fit: contain !important;
}
html body img[src="/images/library/articles/quality/lotus-color-types/skies.jpg"] {
    max-width: 100% !important;
    height: auto !important;
    aspect-ratio: 1400 / 862 !important;
    object-fit: contain !important;
}
html body img[src="/images/library/articles/quality/lotus-color-types/sorting-rubies.jpg"] {
    max-width: 100% !important;
    height: auto !important;
    aspect-ratio: 800 / 600 !important;
    object-fit: contain !important;
}
html body img[src="/images/library/articles/quality/lotus-color-types/teal-sapphire.jpg"] {
    max-width: 100% !important;
    height: auto !important;
    aspect-ratio: 1200 / 1200 !important;
    object-fit: contain !important;
}
html body img[src="/images/library/articles/quality/lotus-color-types/twilight-sapphire.jpg"] {
    max-width: 100% !important;
    height: auto !important;
    aspect-ratio: 800 / 580 !important;
    object-fit: contain !important;
}
html body img[src="/images/library/articles/quality/lotus-color-types/twilight.jpg"] {
    max-width: 100% !important;
    height: auto !important;
    aspect-ratio: 1200 / 795 !important;
    object-fit: contain !important;
}
html body img[src="/images/library/articles/quality/lotus-color-types/velvet-blue-bottles.jpg"] {
    max-width: 100% !important;
    height: auto !important;
    aspect-ratio: 1200 / 711 !important;
    object-fit: contain !important;
}
html body img[src="/images/library/articles/quality/lotus-color-types/velvet-blue-sapphire.jpg"] {
    max-width: 100% !important;
    height: auto !important;
    aspect-ratio: 1100 / 777 !important;
    object-fit: contain !important;
}
html body img[src="/images/library/articles/quality/lotus-color-types/whisky-1.jpg"] {
    max-width: 100% !important;
    height: auto !important;
    aspect-ratio: 800 / 1013 !important;
    object-fit: contain !important;
}
html body img[src="/images/library/articles/quality/lotus-color-types/windows.jpg"] {
    max-width: 100% !important;
    height: auto !important;
    aspect-ratio: 900 / 367 !important;
    object-fit: contain !important;
}
html body img[src="/images/library/articles/quality/lotus-color-types/color-wheel-new.png"] {
    max-width: 100% !important;
    height: auto !important;
    aspect-ratio: 800 / 800 !important;
    object-fit: contain !important;
}
/* END Color types image proportions */

/* Hyperion search: remove ghost arrow decoration */
body.com_lotusgemologygallery .hyperion-search-action > button::before,
body.com_lotusgemologygallery .hyperion-search-action > button::after {
    content: none !important;
    display: none !important;
    background: none !important;
}


/* Four Treasures: fit border to the cover artwork. */
.lotusgemologypublications .publications img.cover {
  width: auto !important;
  height: auto !important;
  max-width: 100%;
  max-height: 160px;
  border: 1px solid #ccc;
  padding: 0;
}
@media (min-width: 768px) {
  .lotusgemologypublications .publications img.cover {
    max-height: 208px;
  }
}


/* BEGIN Hyperion set navigation */
html body .lg-container.lotus-editorial-viewer .lg-outer
.hyperion-photo-only:has(+ .hyperion-set-navigation) {
    margin-bottom: 12px;
}
html body .lg-container.lotus-editorial-viewer .lg-outer
.hyperion-set-navigation {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    margin: 0 0 26px;
}
html body .lg-container.lotus-editorial-viewer .lg-outer
.hyperion-set-navigation button {
    display: inline-flex;
    padding: 9px 13px;
    border: 1px solid #656565;
    border-radius: 5px;
    background: transparent;
    color: #eee;
    font: 400 14px/1.3 'hypatia-sans-pro', sans-serif;
    text-align: left;
    cursor: pointer;
}
html body .lg-container.lotus-editorial-viewer .lg-outer
.hyperion-set-navigation button:hover:enabled {
    border-color: #d894cc;
    color: #d894cc;
}
html body .lg-container.lotus-editorial-viewer .lg-outer
.hyperion-set-navigation button:focus-visible {
    outline: 2px solid #d894cc;
    outline-offset: 4px;
}
html body .lg-container.lotus-editorial-viewer .lg-outer
.hyperion-set-navigation button:disabled {
    opacity: .4;
    cursor: default;
}
html body .lg-container.lotus-editorial-viewer .lg-outer
.hyperion-set-status {
    margin: 0;
    font-size: 14px;
    color: #ddd;
}
html body .lg-container.lotus-editorial-viewer .lg-outer
.hyperion-set-status:empty {
    display: none;
}
/* END Hyperion set navigation */


/* BEGIN Twins set navigation */
html body .lg-container.lotus-twins-set-viewer .lg-outer
.twins-enlarged-title {
    position: absolute;
    z-index: 1061;
    top: 58px;
    left: var(--hyperion-edge);
    width: calc(
        100% - var(--hyperion-panel-width) -
        3 * var(--hyperion-edge)
    );
    height: 62px;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #eee;
    font: 400 clamp(17px, 1.5vw, 25px)/1.2
        'hypatia-sans-pro', sans-serif;
}

html body .lg-container.lotus-twins-set-viewer .lg-outer
.lg-content {
    top: 124px !important;
    height: calc(100% - 156px) !important;
}

html body .lg-container.lotus-twins-set-viewer .lg-outer
.hyperion-photo-only {
    margin-bottom: 12px;
}

html body .lg-container.lotus-twins-set-viewer .lg-outer
.twins-set-navigation {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    margin: 0 0 26px;
}

html body .lg-container.lotus-twins-set-viewer .lg-outer
.twins-set-navigation button {
    padding: 9px 13px;
    border: 1px solid #656565;
    border-radius: 5px;
    background: transparent;
    color: #eee;
    font: 400 14px/1.3
        'hypatia-sans-pro', sans-serif;
    cursor: pointer;
}

html body .lg-container.lotus-twins-set-viewer .lg-outer
.twins-set-navigation button:hover:enabled {
    border-color: #d894cc;
    color: #d894cc;
}

html body .lg-container.lotus-twins-set-viewer .lg-outer
.twins-set-navigation button:focus-visible {
    outline: 2px solid #d894cc;
    outline-offset: 4px;
}

html body .lg-container.lotus-twins-set-viewer .lg-outer
.twins-set-navigation button:disabled {
    opacity: .4;
    cursor: default;
}

html body .lg-container.lotus-twins-set-viewer .lg-outer
.twins-set-status {
    margin: 0;
    font-size: 14px;
    color: #ddd;
}

html body .lg-container.lotus-twins-set-viewer .lg-outer
.twins-set-status:empty {
    display: none;
}

@media (max-width: 900px) {
    html body .lg-container.lotus-twins-set-viewer .lg-outer
    .twins-enlarged-title {
        top: 52px;
        left: 20px;
        width: calc(100% - 40px);
        height: 52px;
    }

    html body .lg-container.lotus-twins-set-viewer .lg-outer
    .lg-content {
        top: 110px !important;
        height: calc(52% - 110px) !important;
    }
}
/* END Twins set navigation */

/* Hyperion no-results dark theme */
html body .lotusgemologygallery .lotusgemologygallery-notfound,
html body .lotusgemologygallery .lotusgemologygallery-notfound p {
    color: #ddd !important;
}

/* Hyperion centered no-results message */
html body .lotusgemologygallery .lotusgemologygallery-notfound {
    width: 100%;
    text-align: center !important;
    padding: 24px 0;
}
html body .lotusgemologygallery .lotusgemologygallery-notfound p {
    text-align: center !important;
    font-size: 24px !important;
    line-height: 1.5 !important;
    margin: 0 !important;
}