@media only screen {.preview-mode-theme-mismatch-warning {display: none !important;}
}

/* ========================================
   TEXT
   ======================================== */

.allcaps,
.allcaps2 {
  text-transform: uppercase;
}

.allcaps {
  letter-spacing: 2px;
}


/* ========================================
   CHECKMARKS AND TEXT LINKS
   ======================================== */

.check,
.chevron {
  color: green;
  font-size: 1.5rem;
}

.link-text {
  display: inline-flex;
  align-items: center;
  color: inherit;
  text-decoration: none;
}

.chevron {
  margin-left: 0;
  transition: color 0.3s;
}

.chevron:hover {
  color: white;
}


/* ========================================
   SHARED HEADER: LOGO AND COMPANY NAME
   ======================================== */

.xnergie-logo-col {
  --logo-size: clamp(36px, 5vw, 64px);

  flex: 0 0 calc(var(--logo-size) + 12px) !important;width: calc(var(--logo-size) + 12px) !important;max-width: none !important;padding-left: 0 !important;padding-right: 12px !important;box-sizing: border-box;align-self: center;}.xnergie-logo-col svg,.xnergie-logo-col img {display: block;width: var(--logo-size) !important;max-width: 100%;height: auto !important;}.xnergie-name-col {flex: 1 1 0 !important;width: auto !important;max-width: none !important;min-width: 0;padding-left: 0 !important;align-self: center;}/* ========================================   OFF-CANVAS MENU BACKGROUND   ======================================== */.menu-gradient {height: auto !important;min-height: 100%;box-sizing: border-box;display: flex;flex-direction: column;}.menu-gradient > .bkg-overlay {flex: 1 0 auto;height: auto !important;}/* ========================================   NAVIGATION SPACING   ======================================== */.list-inline a {display: inline-block;margin-right: 15px;cursor: pointer;}.wordspace-top-nav li {display: inline-block !important;margin-right: 15px !important;white-space: nowrap !important;}.wordspace-top-nav li:last-child {margin-right: 0 !important;}/* ========================================   NAVIGATION BADGES   ======================================== */.badge-next-to-label .item-inner-wrapper {width: auto !important;margin-right: 10px !important;}.badge-next-to-label .badge {flex-shrink: 0;}/* ========================================   OTHER LOGO AND LINK CONTAINERS   ======================================== */.logo-container,.link-container {display: flex;justify-content: center;align-items: center;width: 100%;}.logo-container {height: auto;overflow: visible;}/* ========================================   SVG BUTTONS   ======================================== */.button-container {display: flex;justify-content: flex-end;gap: 10px;}.svg-button {display: inline-flex;align-items: center;justify-content: center;width: 40px;height: 40px;padding: 0;overflow: hidden;background-color: #6c757d;border: none;border-radius: 8px;cursor: pointer;transition: background-color 0.3s;}.svg-button:hover {background-color: #5c636a;}.svg-button a {display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;text-decoration: none;}.svg-button svg {width: 16px;height: 16px;fill: #fff;}/* ========================================   IMAGE EFFECTS   ======================================== */.img-opacity {opacity: 0.75;transition: opacity 0.3s ease;}.img-opacity:hover {opacity: 1;}.img-effect {opacity: 0.5;filter: grayscale(100%) saturate(0) brightness(50%);transition: opacity 0.3s ease, filter 0.3s ease;}.img-effect:hover {opacity: 1;filter: grayscale(0%) saturate(100%) brightness(100%);}