/* Roboto, self-hosted. The original loads fonts.googleapis.com/css?family=Roboto:300,400,700,900,
   which today resolves to the v51 variable face: one file per subset serves every weight. These are
   byte-for-byte those files, and the four weight declarations mirror Google's own, so a request for
   an undeclared weight (500) snaps to 400 exactly as it does on the original. */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('../fonts/roboto-latin.woff2?v=b7627e3c') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('../fonts/roboto-latin-ext.woff2?v=536359ff') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/roboto-latin.woff2?v=b7627e3c') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/roboto-latin-ext.woff2?v=536359ff') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/roboto-latin.woff2?v=b7627e3c') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/roboto-latin-ext.woff2?v=536359ff') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url('../fonts/roboto-latin.woff2?v=b7627e3c') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url('../fonts/roboto-latin-ext.woff2?v=536359ff') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* ==========================================================================
   Main Stylesheet - Optimized Version
   ========================================================================== */

/* ==========================================================================
   1. Variables & Reset
   ========================================================================== */

/* ==========================================================================
   Reboot. Bootstrap used to supply this and nothing else that this site renders; when it came off
   the page the browser's own margins returned and every page grew — the title band on the
   catalogue alone gained 60px. These are Bootstrap 5's own values for the elements the theme
   actually uses, so the layout lands exactly where it did with the framework loaded.
   ========================================================================== */
*,
*::before,
*::after {
  box-sizing: border-box;
}

body {
  margin: 0;
  -webkit-text-size-adjust: 100%;
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

ul, ol, dl {
  margin-top: 0;
  margin-bottom: 1rem;
}

ul ul, ol ul, ul ol, ol ol {
  margin-bottom: 0;
}

blockquote, figure {
  margin: 0 0 1rem;
}

hr {
  margin: 1rem 0;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.175);
  opacity: 0.25;
}

table {
  border-collapse: collapse;
}

img, svg {
  vertical-align: middle;
}

button, input, optgroup, select, textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button, [type="button"], [type="submit"] {
  -webkit-appearance: button;
}

strong, b {
  font-weight: bolder;
}

/* The theme's links are painted by the palette at the end of this file; the underline is what
   Bootstrap's reboot gave them, and several rules here depend on it being there to switch off. */
a {
  color: var(--accent);
  text-decoration: underline;
}

a:hover {
  color: var(--accent-dark);
}

:root {
  /* Brand colors */
  --accent:        #d63031;
  --accent-dark:   #b02526;
  --light-accent:  #fec3c4;
  --accent-rgb:    214, 48, 49;

  /* Neutral palette */
  --dark:          #4d4d4d;
  --gray:          #6c757d;
  --danger:        #f35b20;
  --warning:       #fffc07;
  --light:         #ededed;
  --border:        #7b7b7b;

  /* Text */
  --text:            #333;
  --text-muted-dark: #555;
  --text-subtle:     #777;
  --btn-text:        #000;

  /* Prices */
  --price-color:     #d00;
  --old-price-color: #999;

  /* Borders */
  --border-light:  #eee;
  --border-mid:    #dee2e6;

  /* Backgrounds */
  --bg-page:       #f8f9fa;
  --bg-tabs:       #f0f2f5;

  /* Footer */
  --footer-bg:     #111;
  --footer-text:   #ccc;

  /* Warning bar */
  --warning-bar-bg:   #ffd700;
  --warning-bar-text: #1a1a1a;

  /* Transitions */
  --transition:      all 0.2s ease;
  --transition-slow: all 0.25s ease;

  /* Shadows */
  --shadow-sm:     0 4px 15px rgba(10,10,10,0.06);
  --shadow-md:     0 12px 24px rgba(var(--accent-rgb),0.25);
  --bs-danger:     var(--danger);
  --bs-danger-rgb: 243,91,32;

  /* Border radius */
  --radius-xs:  4px;   /* small accents: badges, focus outlines */
  --radius-sm:  6px;   /* buttons, nav elements */
  --radius-md:  8px;   /* cards, images, inputs */
  --radius-lg:  10px;  /* larger blocks, tabs, pagination */
  --radius-xl:  12px;  /* hero, large cards */

  /* Font sizes */
  --fs-xxs: 0.8rem;   /* smallest: sale badge, form labels */
  --fs-xs:  0.9rem;   /* small text: badges, filter items */
  --fs-sm:  0.85rem;  /* secondary text: labels, breadcrumbs, metadata */
  --fs-base: 0.95rem; /* slightly smaller base: filter links, page controls */
  --fs-lg:  1.1rem;   /* slightly larger: section labels, form inputs */

  /* Breakpoints */
  --bp-sm: 576px;
  --bp-md: 768px;
  --bp-lg: 992px;
  --bp-xl: 1200px;

  /* Typography */
  --font-family: 'Roboto', system-ui, -apple-system, sans-serif;
  --line-height: 1.5;

  /* Layout */
  --container-max:    1400px;
  --container-max-xl: 1600px;
}

/* ==========================================================================
   2. Base & Typography
   ========================================================================== */

html,
body {
  overflow-x: hidden;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

body {
  font-family: var(--font-family);
  background: #fff;
  color: var(--text);
  margin: 0;
  line-height: var(--line-height);
}

a {
  color: var(--accent);
  text-decoration: none;
}

a:hover {
  color: var(--accent-dark);
}

/* ==========================================================================
   3. Layout & Containers
   ========================================================================== */

.container {
  max-width: var(--container-max);
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 1920px) {
  .container {
    max-width: var(--container-max-xl);
  }
}

.nav-link {
  color: white !important;
  padding: 10px 16px;
  white-space: nowrap;
  border-radius: var(--radius-sm);
  transition: var(--transition);
}

.nav-link:hover,
.nav-link.active {
  color: var(--accent) !important;
  background: rgba(255, 255, 255, 0.1);
}

@media (max-width: 991px) {
  
  .nav-link {
    width: 100%;
    text-align: left;
    padding: 12px 20px;
  }
}

/* ==========================================================================
   8. Buttons
   ========================================================================== */

.btn-primary {
  background-color: var(--accent);
  border-color: var(--accent);
  color: var(--btn-text);
}

.btn-primary:hover {
  background-color: var(--accent-dark);
  border-color: var(--accent-dark);
}

.btn-primary:active,
.btn-primary.active,
.btn-primary:active:focus {
  background-color: var(--accent-dark);
  border-color: var(--accent-dark);
  color: var(--btn-text);
}

.btn-modern {
  background: var(--accent);
  color: var(--btn-text);
  border: 0;
  border-radius: var(--radius-sm);
  font-weight: 600;
  letter-spacing: 0.2px;
  transition: background-color 0.2s ease, transform 0.12s ease;
}

.btn-modern:hover {
  background: var(--accent-dark);
  color: var(--btn-text);
  transform: translateY(-2px);
}

.btn-modern:active {
  background: var(--accent-dark);
  color: var(--btn-text);
  transform: translateY(0);
}

.btn-modern:focus,
.btn-modern:focus-visible {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(var(--accent-rgb), 0.35);
}

.btn-outline-primary {
  color: var(--accent);
  border-color: var(--accent);
}

.btn-outline-primary:hover,
.btn-outline-primary:active,
.btn-outline-primary.active,
.btn-outline-primary:active:focus {
  background-color: var(--accent);
  color: var(--btn-text);
  border-color: var(--accent);
}

/* ==========================================================================
   9. Product Card
   ========================================================================== */

.product-card {
  text-align: center;
  border: 1px solid var(--border-light);
  border-radius: var(--radius-md);
  overflow: hidden;
  transition: transform 0.25s, box-shadow 0.25s;
  background: white;
}

.product-card:hover {
  transform: translateY(-6px);
  box-shadow: var(--shadow-md);
}

.product-img {
  width: 100%;
  aspect-ratio: 1 / 1;
  max-height: 180px;
  object-fit: contain;
  background: var(--light);
  padding: 15px;
}

.price {
  color: var(--price-color);
  font-weight: 700;
  font-size: 1.25rem;
}

.old-price {
  text-decoration: line-through;
  color: var(--old-price-color);
  font-size: 1rem;
  margin-left: 8px;
}

.stars {
  color: var(--warning);
  font-size: 1rem;
}

.sale-badge {
  background: var(--danger);
  color: white;
  font-size: var(--fs-xxs);
  padding: 4px 10px;
  border-radius: var(--radius-xs);
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 10;
}

/* ==========================================================================
   10. Product Catalog / Filters
   ========================================================================== */

.filter-card {
  border: 1px solid var(--border-light);
  border-radius: var(--radius-md);
  margin-bottom: 1.5rem;
  background: white;
}

.filter-title {
  background: var(--light-accent);
  padding: 12px 18px;
  margin: 0;
  font-size: var(--fs-lg);
  cursor: pointer;
  font-weight: 600;
}

.filter-content {
  padding: 15px 18px;
}

.form-check-label {
  font-size: var(--fs-base);
  cursor: pointer;
}

.offcanvas-body {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.filter-link-item {
  padding: 6px 0;
  font-size: var(--fs-base);
}

.filter-link-item.parent {
  font-weight: 600;
  margin-bottom: 4px;
}

.filter-link-item.child {
  font-weight: normal;
  color: var(--text-muted-dark);
}

.filter-link-item a {
  color: inherit;
  display: block;
  transition: color 0.2s;
}

.filter-link-item a:hover,
.filter-link-item a.active {
  color: var(--accent);
  text-decoration: underline;
}

/* ==========================================================================
   11. Product Page Gallery
   ========================================================================== */

.product-gallery .main-image {
  height: 450px;
  overflow: hidden;
  background: var(--bg-page);
  border-radius: var(--radius-md);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.product-gallery .main-image img#mainProductImage {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

.product-gallery .thumbs .col-3 {
  height: 100px;
  padding: 0;
}

.thumb {
  width: 100px;
  height: 100px;
  object-fit: contain;
  background: var(--bg-page);
  border: 1px solid var(--border-mid);
  border-radius: var(--radius-sm);
  padding: 5px;
  cursor: pointer;
  opacity: 0.7;
  transition: var(--transition);
}

.thumb.active,
.thumb:hover {
  opacity: 1;
  border-color: var(--accent) !important;
  box-shadow: 0 0 0 3px rgba(var(--accent-rgb), 0.3);
}

/* ==========================================================================
   12. Pagination
   ========================================================================== */

.pagination {
  /* display:flex and the list reset came from Bootstrap. Without them LinkPager's <ul> fell back
     to a bulleted column: nine full-width rows, 360px of vertical pagination under the grid. */
  display: flex;
  list-style: none;
  padding-left: 0;
  --pg-color: var(--gray);
  --pg-bg: #ffffff;
  --pg-hover-bg: var(--bg-page);
  --pg-active-bg: var(--accent);
  /* White, not --btn-text: on the accent red that variable is black, which is both the weaker
     contrast and the only red element on the site whose label is not white. */
  --pg-active-color: #fff;
  --pg-border: var(--border-mid);
  --pg-radius: var(--radius-lg);
  --pg-gap: 6px;
  --bs-pagination-active-bg: var(--accent);
  --bs-pagination-active-border-color: var(--accent);
  margin: 2.5rem 0 1.5rem !important;
  flex-wrap: wrap;
  gap: var(--pg-gap);
  justify-content: center;
}

.page-item {
  display: block;
  margin: 0 !important;
}

.page-link,
.page-item.disabled .page-link {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  height: 40px;
  padding: 0 12px;
  font-size: var(--fs-base);
  font-weight: 500;
  line-height: 1;
  color: var(--pg-color);
  background-color: var(--pg-bg);
  border: 1px solid var(--pg-border);
  border-radius: var(--pg-radius);
  transition: all 0.18s ease;
  text-decoration: none;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
}

.page-link:hover {
  background-color: var(--pg-hover-bg);
  color: var(--accent);
  border-color: var(--accent);
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(var(--accent-rgb), 0.18);
}

.page-item.active .page-link {
  background-color: var(--accent) !important;
  border-color: var(--accent) !important;
  /* White, not --btn-text: on the accent red that token is black — the weakest contrast on the
     site and the only red element whose label is not white. */
  color: #fff !important;
  font-weight: 600;
  box-shadow: 0 3px 10px rgba(var(--accent-rgb), 0.3);
  transform: translateY(-1px);
}

.page-item.disabled .page-link {
  color: #adb5bd;
  background-color: var(--bg-page);
  border-color: var(--border-mid);
  cursor: not-allowed;
  opacity: 0.75;
  box-shadow: none;
  transform: none;
}

.page-item:first-child .page-link,
.page-item:last-child .page-link,
.page-item.prev .page-link,
.page-item.next .page-link {
  border-radius: var(--pg-radius);
  min-width: 46px;
  font-size: var(--fs-lg);
  padding: 0 10px;
}

/* ==========================================================================
   15. Cart Page
   ========================================================================== */

.cart-item {
  padding: 20px 0;
}

.cart-item + .cart-item {
  border-top: 1px solid var(--border-mid);
}

.cart-item--bonus {
  background: var(--light-accent);
}

.cart-item-img {
  width: 80px;
  height: 80px;
  object-fit: contain;
  background: var(--bg-page);
  border-radius: var(--radius-sm);
  flex-shrink: 0;
  padding: 4px;
}

.qty-input {
  max-width: 180px;
}

.cart-summary {
  background: white;
  border: 1px solid var(--border-light);
  border-radius: var(--radius-md);
  padding: 24px;
}

.cart-empty-message {
  min-height: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  color: var(--text-subtle);
  font-size: 1.3rem;
}

.cart-item .price { margin-bottom: 0; }
.cart-item h6 { margin-bottom: 0.6rem !important; }
.promo-coupon-widget { margin-top: 1.25rem; margin-bottom: 1.25rem; }

@media (max-width: 576px) {
  .qty-input {
    width: 120px !important;
  }

  .qty-input input[type="number"] {
    font-size: 1rem;
    padding: 0.5rem 0.25rem;
  }

  .qty-input .btn {
    width: 35px;
  }

  .cart-item {
    display: grid;
    grid-template-columns: 88px 1fr;
    align-items: start;
    position: static;
    padding-right: 0;
  }
  .cart-item > .me-3 { grid-column: 1; grid-row: 1; align-self: center; }
  .cart-item > .flex-grow-1 { grid-column: 2; grid-row: 1; min-width: 0; padding-right: 2rem; }
  .cart-item .flex-grow-1 .d-flex { flex-wrap: wrap; row-gap: 0.4rem; }
}

/* ==========================================================================
   16. Checkout Page - Refinements
   ========================================================================== */

/* Checkout page specific overrides */
.checkout-page .form-control,
.checkout-page .form-select {
  border-color: var(--border-mid);
  font-size: var(--fs-lg);
  padding: 0.65rem 1rem;
  transition: var(--transition);
  background: #fff;
}

.checkout-page .form-control:focus,
.checkout-page .form-select:focus {
  border-color: var(--accent);
  box-shadow: 0 0 0 3px rgba(116, 210, 26, 0.08);
}

/* Softer card titles */
.checkout-page .card-title {
  font-weight: 500 !important;
  font-size: var(--fs-lg);
  letter-spacing: -0.2px;
  color: var(--dark);
  margin-bottom: 1.25rem !important;
}

/* Lighter, more elegant checkboxes */
.checkout-page .form-check {
  padding-left: 1.8rem;
}

.checkout-page .form-check-input {
  width: 1.1rem;
  height: 1.1rem;
  margin-top: 0.2rem;
  margin-left: -1.8rem;
  border: 1.5px solid var(--border-mid);
  cursor: pointer;
}

.checkout-page .form-check-input:checked {
  background-color: var(--accent);
  border-color: var(--accent);
}

.checkout-page .form-check-input:focus {
  box-shadow: 0 0 0 2px rgba(116, 210, 26, 0.2);
  border-color: var(--accent);
}

.checkout-page .form-check-label {
  font-weight: 400;
  color: var(--dark);
  font-size: var(--fs-xs);
}

/* Billing fields - smoother appearance */
#billingFields .form-control,
#billingFields .form-select {
  background: #fff;
}

/* Order summary card - cleaner */
.checkout-page .card.shadow-sm {
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04) !important;
  border: 1px solid var(--border-light) !important;
}

/* Breadcrumbs refinement */
.checkout-page .breadcrumb {
  font-size: var(--fs-sm);
}

.checkout-page .breadcrumb-item a {
  color: var(--gray);
  text-decoration: none;
}

.checkout-page .breadcrumb-item a:hover {
  color: var(--accent-dark);
}

.checkout-page .breadcrumb-item.active {
  color: var(--dark);
  font-weight: 500;
}

/* Form labels - lighter */
.checkout-page .form-label {
  font-weight: 450;
  color: var(--text-muted-dark);
  font-size: var(--fs-xxs);
  margin-bottom: 0.3rem;
  letter-spacing: 0.2px;
}

/* Make cards more airy on mobile */
@media (max-width: 768px) {
  .checkout-page .card-body {
    padding: 1.5rem !important;
  }
}

/* ==========================================================================
   17. Toast Notifications
   ========================================================================== */

.toast {
  min-width: 280px;
  max-width: 400px;
  z-index: 1055;
  border-radius: var(--radius-md);
}

.toast.bg-success {
  background-color: #198754 !important;
  color: #fff !important;
}
.toast.bg-warning { color: #1a1a1a !important; }
.toast.bg-info    { color: #1a1a1a !important; }


/* ==========================================================================
   18. Error Page
   ========================================================================== */

.error-page {
  min-height: 70vh;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 60px 20px;
}

.error-code-wrap {
  margin-bottom: 1.5rem;
}

.error-code {
  font-size: clamp(5rem, 15vw, 9rem);
  font-weight: 900;
  line-height: 1;
  color: var(--accent);
  display: block;
}

.error-title {
  font-size: 2.5rem;
  font-weight: bold;
  margin: 1rem 0 1.5rem;
}

.error-message {
  font-size: 1.25rem;
  color: var(--text-muted-dark);
  max-width: 600px;
  margin: 0 auto 2.5rem;
}

.error-support {
  color: var(--gray);
  font-size: var(--fs-xs);
}

.error-support a {
  color: var(--accent);
}

/* ==========================================================================
   20. FAQ Page
   ========================================================================== */

.faq-header {
  background: var(--light-accent);
  padding: 60px 0 40px;
  text-align: center;
}

/* Toasts. Was a Bootstrap Toast; these rules replace the utility classes it leaned on, so the
   framework could come off the page entirely. Fixed to the bottom right, one at a time, sliding
   up on show. */
.rc-toast {
	position: fixed;
	right: 16px;
	bottom: 16px;
	z-index: 1080;
	display: flex;
	align-items: flex-start;
	gap: 10px;
	max-width: 350px;
	padding: 14px 14px 14px 16px;
	border-radius: 6px;
	font-size: 0.9375em;
	line-height: 1.45em;
	color: #fff;
	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);
	opacity: 0;
	transform: translateY(12px);
	transition: opacity 0.3s ease-out, transform 0.3s ease-out;
}
.rc-toast.is-shown {
	opacity: 1;
	transform: translateY(0);
}
.rc-toast--success { background-color: #00b894; }
.rc-toast--danger  { background-color: #d63031; }
.rc-toast--warning { background-color: #e17055; }
.rc-toast--info    { background-color: #636e72; }
.rc-toast-body {
	flex: 1;
	min-width: 0;
	overflow-wrap: anywhere;
}
.rc-toast-body strong {
	font-weight: 700;
}
.rc-toast-close {
	flex: 0 0 auto;
	margin: -4px -4px 0 0;
	padding: 0 4px;
	border: 0;
	font-family: inherit;
	font-size: 1.25em;
	line-height: 1;
	color: #fff;
	background: none;
	opacity: 0.75;
	cursor: pointer;
}
.rc-toast-close:hover {
	opacity: 1;
}

@media (max-width: 479px) {
	.rc-toast {
		right: 10px;
		bottom: 10px;
		left: 10px;
		max-width: none;
	}
}

/* The FAQ accordion, on the native details element — the page carried the last Bootstrap
   accordion on the site. summary is styled as the row the button used to be; the marker is our
   own chevron, so the default triangle is suppressed in both its spellings. name="faq" on the
   items closes the others when one opens where the browser supports it, and quietly degrades to
   independent items where it does not. */
.faq-item {
	margin-bottom: 15px;
	border: 1px solid #dfe6e9;
	border-radius: 5px;
	background-color: #fff;
	overflow: hidden;
}
.faq-item summary {
	position: relative;
	padding: 18px 50px 18px 20px;
	font-weight: 700;
	font-size: 1em;
	line-height: 1.45em;
	color: #151515;
	cursor: pointer;
	list-style: none;
}
.faq-item summary::-webkit-details-marker {
	display: none;
}
.faq-item summary::after {
	content: '';
	position: absolute;
	top: 24px;
	right: 22px;
	width: 9px;
	height: 9px;
	border-right: 2px solid #636e72;
	border-bottom: 2px solid #636e72;
	transform: rotate(45deg);
	transition: transform 0.2s ease-in-out;
}
.faq-item[open] summary::after {
	transform: rotate(-135deg);
	border-color: #d63031;
}
.faq-item summary:hover {
	color: #d63031;
}
.faq-answer {
	padding: 0 20px 18px;
	font-size: 0.9375em;
	line-height: 1.6em;
	color: #636e72;
}

.faq-search {
  max-width: 600px;
  margin: 0 auto 40px;
}

/* ==========================================================================
   21. Profile & Account Pages
   ========================================================================== */

.profile-sidebar {
  background: white;
  border-right: 1px solid var(--border-light);
  min-height: 500px;
}

.profile-sidebar .nav-link {
  color: var(--text-muted-dark);
  padding: 1rem 1.5rem;
  border-radius: 0;
  border-left: 4px solid transparent;
  transition: var(--transition);
}

.profile-sidebar .nav-link:hover,
.profile-sidebar .nav-link.active {
  background: var(--light-accent);
  color: var(--accent-dark);
  border-left-color: var(--accent);
}

.profile-card {
  background: white;
  border: 1px solid var(--border-light);
  border-radius: var(--radius-md);
  padding: 1.75rem;
}

.avatar {
  width: 120px;
  height: 120px;
  object-fit: cover;
  border-radius: 50%;
  border: 4px solid var(--light-accent);
}

.avatar-preview {
  width: 140px;
  height: 140px;
  object-fit: cover;
  border-radius: 50%;
  border: 4px solid var(--light-accent);
}

.avatar-upload {
  position: relative;
  display: inline-block;
}

.avatar-upload input[type="file"] {
  position: absolute;
  opacity: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.avatar-upload .upload-btn {
  position: absolute;
  bottom: 8px;
  right: 8px;
  background: var(--accent);
  color: var(--btn-text);
  border-radius: 50%;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--fs-lg);
  cursor: pointer;
}

/* ==========================================================================
   22. Orders History Page
   ========================================================================== */

.order-card {
  background: white;
  border: 1px solid var(--border-light);
  border-radius: var(--radius-md);
  margin-bottom: 1.5rem;
  overflow: hidden;
}

.order-header {
  background: var(--bg-page);
  padding: 1rem 1.5rem;
  border-bottom: 1px solid var(--border-light);
}

.order-body {
  padding: 1.5rem;
}

.order-item-img {
  width: 70px;
  height: 70px;
  object-fit: contain;
  background: var(--bg-page);
  border-radius: var(--radius-sm);
}

.status-badge {
  font-size: var(--fs-xs);
  padding: 0.5em 1em;
}

/* ==========================================================================
   23. Notifications Page
   ========================================================================== */

.notification-item {
  border-bottom: 1px solid var(--border-light);
  padding: 1.25rem 0;
  transition: background 0.2s;
}

.notification-item:hover {
  background: var(--bg-page);
}

.notification-item.unread {
  background: var(--light-accent);
  border-left: 4px solid var(--accent);
}

.notification-time {
  font-size: var(--fs-sm);
  color: var(--text-subtle);
}

.notification-icon {
  width: 42px;
  height: 42px;
  background: var(--light-accent);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.3rem;
  color: var(--accent-dark);
  flex-shrink: 0;
}

/* ==========================================================================
   24. Focus & Accessibility
   ========================================================================== */

.page-link:focus,
.btn-primary:focus,
.nav-link:focus,
button:focus-visible,
a:focus-visible,
input:focus-visible,
select:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 2px;
  border-radius: var(--radius-xs);
}

/* Reduced motion for vestibular disorders */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
  
  .product-card:hover {
    transform: none;
  }
}

/* ==========================================================================
   26. Mobile Responsive Overrides
   ========================================================================== */

@media (max-width: 576px) {
  .container {
    padding-right: 12px;
    padding-left: 12px;
  }
  
  .product-img {
    max-height: 180px;
  }
  
  .error-code {
    font-size: 6rem;
  }
  
  .error-title {
    font-size: 2rem;
  }
  
  .faq-header {
    padding: 40px 0 30px;
  }
  
  .faq-header h1 {
    font-size: 2.2rem;
  }
  
  /* Pagination mobile optimization */
  .pagination {
    --pg-gap: 4px;
    margin: 1.5rem 0 1rem !important;
  }
  
  .page-link,
  .page-item.disabled .page-link {
    min-width: 34px;
    height: 34px;
    font-size: var(--fs-xs);
    padding: 0 8px;
  }
  
  .page-item.prev .page-link,
  .page-item.next .page-link {
    min-width: 40px;
  }
}

@media (min-width: 992px) {
  .col-lg-3 aside.sidebar {
    padding-top: 3.6rem;
  }
}

@media (max-width: 991px) {
  .sidebar {
    margin-bottom: 2rem;
  }
  
  .profile-sidebar {
    border-right: none;
    border-bottom: 1px solid var(--border-light);
    min-height: auto;
  }
}


/* ==========================================================================
   27. Product Tabs
   ========================================================================== */

#productTabs {
  border-bottom: none;
  background: var(--bg-tabs);
  border-radius: var(--radius-lg);
  padding: 4px;
  gap: 2px;
  flex-wrap: nowrap;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

#productTabs .nav-link {
  color: var(--gray) !important;
  font-weight: 600;
  font-size: var(--fs-xs);
  border: none;
  border-radius: var(--radius-md);
  padding: 9px 22px;
  white-space: nowrap;
  background: none;
  transition: color 0.15s, background 0.15s, box-shadow 0.15s;
}

#productTabs .nav-link:hover {
  color: var(--dark) !important;
  background: rgba(255,255,255,0.5);
}

#productTabs .nav-link.active {
  color: var(--accent) !important;
  background: #fff;
  box-shadow: 0 1px 6px rgba(0,0,0,0.10);
}

.tab-content {
  padding-top: 1.75rem;
}

.tab-content h4 {
  font-size: 1.05rem;
  font-weight: 700;
  margin-bottom: 1rem;
  padding-bottom: 0.6rem;
  border-bottom: 1px solid var(--border-mid);
  color: var(--dark);
}


.lead.mb-4 {
  font-size: var(--fs-lg);
  line-height: 1.6;
  color: var(--dark);
  margin-bottom: 1.5rem !important;
}

/* Warning bar */
#warningBar {
  background: var(--warning-bar-bg);
  color: var(--warning-bar-text);
  font-size: var(--fs-sm);
  position: relative;
  text-align: center;
  padding: 0.6rem 3rem 0.6rem 1rem;
}
#warningBar strong { color: var(--btn-text); }
#warningBar button {
  position: absolute;
  top: 50%;
  right: 0.6rem;
  transform: translateY(-50%);
  background: none;
  border: 2px solid rgba(0,0,0,0.4);
  border-radius: 50%;
  width: 1.6rem;
  height: 1.6rem;
  font-size: 1rem;
  line-height: 1;
  cursor: pointer;
  color: var(--warning-bar-text);
  padding: 0;
}
#warningBar button:hover {
  background-color: rgba(0,0,0,0.12);
  border-color: rgba(0,0,0,0.7);
}

/* ── Tab Products widget ── */
.bb-tabs-section {
  padding: 32px 0 40px;
}
.bb-tab-nav {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 4px 16px;
  margin: 0;
  padding: 0;
  align-items: center;
}
.bb-tab-link {
  font-size: 13px;
  color: var(--text);
  text-decoration: none;
  white-space: nowrap;
}
.bb-tab-link:hover { color: var(--bs-primary); }
.bb-tab-link.active { color: var(--bs-danger); font-weight: 600; }
.bb-tab-panel { display: none; }
.bb-tab-panel.active { display: block; }

.product-qty { width: 130px; flex-shrink: 0; }
.product-qty input[type="number"]::-webkit-inner-spin-button,
.product-qty input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
.product-qty input[type="number"] { -moz-appearance: textfield; }

@media (max-width: 991px) {
  .product-info-col h1 { text-align: center; }
  .product-info-col .stars-row { justify-content: center; }
  .product-info-col .price { font-size: 3.75rem; text-align: center; }
}

/* Free-shipping progress hint (cart + checkout summary) */
.freeship-progress {
  padding: 0.5rem 0.75rem;
  background: var(--light-accent);
  border-radius: 6px;
  color: var(--text-muted-dark);
}

/* Product tabs collapse into an accordion on mobile (headers injected by JS) */
@media (max-width: 991.98px) {
  #productTabs.nav-tabs { display: none; }
  #productTabsContent { border-bottom: 1px solid var(--border-light); }
  .tab-accordion-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 0.95rem 0;
    border: 0;
    border-top: 1px solid var(--border-light);
    background: none;
    text-align: left;
    font-size: 1rem;
    font-weight: 500;
    color: var(--text-muted-dark);
    cursor: pointer;
  }
  .tab-accordion-header .acc-chevron {
    flex: none;
    width: 9px;
    height: 9px;
    margin-left: 0.75rem;
    border-right: 2px solid #adadad;
    border-bottom: 2px solid #adadad;
    transform: rotate(45deg);
    transition: transform 0.2s ease;
  }
  .tab-accordion-header.active { color: var(--text); }
  .tab-accordion-header.active .acc-chevron { transform: rotate(-135deg); border-color: var(--accent); }
  #productTabsContent > .tab-pane { display: none !important; }
  #productTabsContent > .tab-pane.acc-open { display: block !important; opacity: 1; padding: 0 0 1.1rem; }
}

/* ==========================================================================
   Review pages migrated from the original site
   Values are taken verbatim from the original theme settings (theme_mods_mercury)
   rather than eyeballed: accent #d63031, muted #636e72, stars #fdcb6e.
   ========================================================================== */

:root {
  --review-muted:    #636e72;
  --review-border:   #dfe6e9;
  --review-surface:  #f1f3f4;
  --review-stars:    #fdcb6e;
  --review-star-off: #dfe6e9;
}

.page-review .comments-closed {
  margin-top: 1.5rem;
  padding: .875rem 1rem;
  border: 1px dashed var(--review-border);
  border-radius: 6px;
  background: var(--review-surface);
  color: var(--review-muted);
  text-align: center;
}

/* --- taxonomy term pages ------------------------------------------------- */

.page-term .term-title { font-size: 2rem; font-weight: 700; color: var(--dark); margin-bottom: .35rem; }
.page-term .term-lead  { color: var(--review-muted); margin-bottom: 1.5rem; }

.page-term .term-list { list-style: none; padding-left: 0; margin: 0; }

.page-term .term-item {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: .5rem .9rem;
  padding: .75rem 0;
  border-bottom: 1px solid var(--review-border);
}

.page-term .term-shop { font-weight: 600; color: var(--accent); text-decoration: none; }
.page-term .term-shop:hover { text-decoration: underline; }

.page-chart .chart-rank {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.75rem;
  height: 1.75rem;
  border-radius: 50%;
  background: var(--light-accent);
  color: var(--accent);
  font-weight: 700;
  font-size: .8125rem;
}


/* --- shop cards: chart, taxonomy archives -------------------------------- */

.shop-grid {
  list-style: none;
  padding-left: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
  gap: 1.25rem;
}

.shop-card {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: .6rem;
  padding: 1.25rem 1rem;
  border: 1px solid var(--review-border);
  border-radius: var(--radius-md);
  background: #fff;
  text-align: center;
}

.shop-card-logo img {
  width: auto;
  max-width: 140px;
  max-height: 72px;
  object-fit: contain;
}

.shop-card-title {
  font-weight: 700;
  color: var(--accent);
  text-decoration: none;
}
.shop-card-title:hover { text-decoration: underline; }

.shop-card-rating { display: flex; align-items: center; gap: .4rem; }
.shop-card-score  { font-weight: 700; color: var(--dark); font-size: var(--fs-xs); }

.shop-card-desc {
  font-size: var(--fs-sm);
  color: var(--text-muted-dark);
  line-height: 1.5;
}

.shop-card-cta { margin-top: auto; padding-top: .35rem; }

/* Five stars drawn once, revealed by width — ratings step by a quarter star. */
.shop-stars {
  position: relative;
  display: inline-block;
  width: 5.5em;
  height: 1em;
  line-height: 1;
  font-size: var(--fs-xs);
  color: var(--review-star-off);
}
.shop-stars::before,
.shop-stars .shop-stars-on::before {
  content: "\2605\2605\2605\2605\2605";
  letter-spacing: .1em;
}
.shop-stars .shop-stars-on {
  position: absolute;
  inset: 0 auto 0 0;
  overflow: hidden;
  white-space: nowrap;
  color: var(--review-stars);
}
.shop-stars.stars-70 .shop-stars-on { width: 70%; }
.shop-stars.stars-75 .shop-stars-on { width: 75%; }
.shop-stars.stars-80 .shop-stars-on { width: 80%; }
.shop-stars.stars-85 .shop-stars-on { width: 85%; }
.shop-stars.stars-90 .shop-stars-on { width: 90%; }
.shop-stars.stars-95 .shop-stars-on { width: 95%; }
.shop-stars.stars-100 .shop-stars-on { width: 100%; }

.shop-visit {
  display: inline-block;
  padding: .5rem 1.1rem;
  border-radius: var(--radius-sm);
  background: var(--accent);
  color: #fff;
  font-weight: 600;
  font-size: var(--fs-xs);
  text-decoration: none;
  transition: var(--transition);
}
.shop-visit:hover { background: var(--accent-dark); color: #fff; }

.shop-disclaimer {
  font-size: var(--fs-xxs);
  color: var(--review-muted);
  text-align: left;
}
.shop-disclaimer > summary {
  cursor: pointer;
  text-align: center;
  color: var(--review-muted);
}
.shop-disclaimer-body {
  margin-top: .5rem;
  padding: .6rem .75rem;
  border-radius: var(--radius-xs);
  background: var(--review-surface);
  line-height: 1.45;
}

.page-chart .shop-card .chart-rank {
  position: absolute;
  top: .5rem;
  left: .5rem;
}

.page-term .term-description { margin-top: 2.5rem; line-height: 1.7; }
.page-term .term-description h2 { font-size: 1.4rem; font-weight: 700; margin-bottom: .75rem; }

/* --- breadcrumbs --------------------------------------------------------- */

.page-breadcrumbs {
  margin-bottom: 1.5rem;
  font-size: var(--fs-sm);
  color: var(--review-muted);
}
.page-breadcrumbs a { color: var(--review-muted); text-decoration: none; }
.page-breadcrumbs a:hover { text-decoration: underline; }
.page-breadcrumbs-sep { margin: 0 .35rem; }

/* --- review page: header, promo, editorial ratings, pros/cons, details ---- */

.page-review .review-header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1.25rem;
  padding-bottom: 1.25rem;
  margin-bottom: 1rem;
  border-bottom: 1px solid var(--review-border);
}

@media (max-width: 575.98px) {
  .page-review .review-header-cta { flex: 1 1 100%; }
  .page-review .detail-row dt { flex: 1 1 100%; }
}

/* ==========================================================================
   Original site chrome — header, menu, footer
   Values taken from the source, not matched by eye: mercury/style.css for the
   1200px wrapper, the 80px header, its shadow and the 31px/16px menu padding;
   theme_mods_mercury for the colours (menu #151515 hovering to #d63031, footer
   bar #111111).
   ========================================================================== */

.rc-wrap { max-width: 1200px; margin: 0 auto; padding: 0 15px; }

.rc-header {
  width: 100%;
  background: #fff;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.3);
  position: relative;
  z-index: 20;
}
.rc-header .rc-wrap { display: flex; align-items: center; min-height: 80px; gap: 1rem; }

.rc-logo { display: block; flex: 0 0 auto; }
/* 57x40 is what the original paints. */
.rc-logo img { display: block; width: 57px; height: 40px; }

/* The original lays the header out as two columns, 25% logo and 75% menu, so the menu begins just
   after the divider instead of hugging the right edge (mercury: .box-25 / .box-75). */
.rc-logo { flex: 0 0 25%; position: relative; }
.rc-logo::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 20px;
  background: #e9edf0;
}
.rc-nav { flex: 1 1 auto; }
.rc-menu { padding-right: 55px; line-height: 100%; }

/* Caret under a parent item, and the yellow "Best" pill the original puts over USA. */
.rc-has-children > a { position: relative; }
.rc-has-children > a::after {
  content: "\f0dd";
  /* mercury drew this with Font Awesome 5, where solid is weight 700; we load FA6, where solid
     is 900 — with 700 the glyph silently falls back and no caret appears. */
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-size: 10px;
  position: absolute;
  bottom: 18px;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
}
.rc-best > a { position: relative; }
.rc-best > a::before {
  content: "Best";
  font-weight: 700;
  position: absolute;
  font-size: 10px;
  line-height: 10px;
  color: #151515;
  background: #f0ff00;
  top: 14px;
  right: 1px;
  padding: 2px 7px;
  border-radius: 8px;
}

.rc-search-toggle,
.rc-cart-toggle {
  flex: 0 0 auto;
  background: none;
  border: 0;
  color: #151515;
  font-size: 1.333em;
  line-height: 1;
  cursor: pointer;
  padding: 0 15px 0 0;
}
.rc-search-toggle:hover,
.rc-cart-toggle:hover { color: #d63031; }

/* Anchor, not a button, so it needs the two things the button got for free. */
.rc-cart-toggle { position: relative; display: block; text-decoration: none; }

/* Carried only while the cart has something in it — the span ships with the hidden attribute and
   setCartCount() in site.js takes it off. */
.rc-cart-count {
  position: absolute;
  top: -7px;
  right: 7px;
  min-width: 17px;
  padding: 0 4px;
  border-radius: 9px;
  font-size: 0.5625em;
  font-weight: 700;
  line-height: 17px;
  text-align: center;
  color: #fff;
  background: #d63031;
}
.rc-search-panel { border-top: 1px solid #e9edf0; background: #fff; padding: 14px 0; }
.rc-search-panel input {
  width: 100%;
  border: 1px solid #e9edf0;
  border-radius: var(--radius-sm);
  padding: 10px 14px;
  font-size: var(--fs-lg);
}
.rc-menu { display: flex; list-style: none; margin: 0; padding: 0; }
.rc-menu a {
  font-family: var(--font-family);
  color: #151515;
  text-decoration: none;
  font-weight: 400;
  padding: 31px 16px;
  border-bottom: 2px solid transparent;
  display: block;
  white-space: nowrap;
}
.rc-menu > .rc-menu-item > a:hover,
.rc-menu > .rc-menu-item:hover > a { color: #d63031; border-bottom-color: #d63031; }

.rc-has-children { position: relative; }
.rc-submenu {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 240px;
  list-style: none;
  margin: 0;
  padding: 8px 0;
  background: #fff;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.18);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.15s ease;
  z-index: 30;
}
.rc-has-children:hover .rc-submenu,
.rc-has-children:focus-within .rc-submenu { opacity: 1; visibility: visible; }
.rc-submenu a { padding: 8px 20px; font-size: var(--fs-base); }
.rc-submenu a:hover { color: #d63031; }

/* The Shop item sits at the right-hand end of the menu, so its dropdown hangs from the right edge
   instead of the left — anchored left it would be cut off by the viewport. */
.rc-submenu-right { left: auto; right: 0; }

.rc-burger { display: none; margin-left: auto; background: none; border: 0; padding: 10px; }
.rc-burger span { display: block; width: 24px; height: 2px; margin: 4px 0; background: #151515; }

.rc-footer { overflow: hidden; margin-top: 3rem; }

/* Three columns, 25/50/25, as the original's footer.php lays them out. */
.rc-footer-top { background: #f1f3f4; padding: 45px 0; }
.rc-footer-top .rc-wrap { display: flex; align-items: center; }
.rc-tagline { flex: 0 0 25%; color: var(--review-muted); }
.rc-footer-mid { flex: 0 0 50%; text-align: center; }
.rc-footer-mid a, .rc-footer-mid { color: #636e72; text-decoration: underline; }
/* flex rather than inline-block: the anchors sit on their own lines in the markup, and the
   whitespace between them counted for ~16px — enough to push the fifth circle onto a second row. */
.rc-social { flex: 0 0 25%; display: flex; justify-content: flex-end; gap: 10px; }

/* 50px outlined circles, not bare glyphs. */
.rc-social a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  border: 1px solid #7f8c8d;
  border-radius: 50%;
  color: #7f8c8d;
  background: transparent;
  flex: 0 0 auto;
}
/* The brand marks are inline SVG, not an icon font. 21px tall with the viewBox
   driving the width reproduces what fa-brands drew, glyph for glyph. */
.rc-social svg {
  height: 21px;
  width: auto;
  fill: currentColor;
}
/* Five 50px circles plus four 10px gaps come to 290px; the 25% column is 292px, so the leading
   margin on the first one is what pushed Reddit onto a second row. */
.rc-social a:hover { color: #d63031; border-color: #d63031; }

/* Our footer, not the theme: the top strip is a three-column flex row, and the social column is
   fixed at 25% — that is narrower than the 290px its five 50px buttons need on anything below
   about 1160px wide. Let the row wrap there. */
@media screen and (max-width: 1199px) {
	.rc-footer-top .rc-wrap {
		flex-wrap: wrap;
		justify-content: center;
		text-align: center;
		gap: 20px;
	}
	.rc-social {
		flex: 0 0 100%;
		flex-wrap: wrap;
		justify-content: center;
	}
}

.rc-footer-copy { padding: 30px 0; background: #111111; }
/* mercury floats this menu right (.space-footer-copy-menu ul { float: right }). */
.rc-footer-copy .rc-wrap { display: flex; gap: 2rem; align-items: flex-start; justify-content: space-between; }
.rc-disclaimer,
.rc-footer-menu a { color: #777777; font-size: 0.75em; line-height: 1.25em; font-weight: 400; }
.rc-disclaimer { flex: 0 0 50%; }
.rc-footer-menu { list-style: none; margin: 0 0 0 auto; padding: 0; display: flex; gap: 30px; }
.rc-footer-menu a { text-decoration: underline; }
.rc-footer-menu a:hover { color: #d63031; }

#rc-scrolltop {
  position: fixed;
  bottom: 7px;
  right: 15px;
  z-index: 9999;
  width: 35px;
  height: 35px;
  font-size: 35px;
  line-height: 35px;
  text-align: center;
  color: #ff2453;
  text-decoration: none;
}

@media (max-width: 991.98px) {
  /* The open menu has to drop onto a line of its own. Without the wrap the header row is nowrap,
     so .rc-nav's flex-basis:100% cannot take effect and the menu is squeezed into whatever is left
     beside the logo and the burger: at 390px it opened 240px wide starting at x=181, and all 44
     submenu links ran off the right edge. */
  .rc-header .rc-wrap { flex-wrap: wrap; }
  .rc-burger { display: block; }
  /* Ordered last so the menu wraps BELOW the icons. Without it the open menu took the second line
     and pushed the search and cart icons about 1900px down the page, off the header entirely. */
  .rc-nav { display: none; order: 10; flex: 1 1 100%; margin-left: 0; }
  .rc-nav.is-open { display: block; }
  .rc-menu { flex-direction: column; padding-bottom: 12px; }
  .rc-menu a { padding: 10px 0; border-bottom: 0; }
  /* Static here, so the desktop dropdown's fixed width would only force an overflow. */
  .rc-submenu { position: static; opacity: 1; visibility: visible; box-shadow: none; padding: 0 0 0 16px; min-width: 0; }
  .rc-tagline,
  .rc-footer-mid { flex: 0 0 100%; }
  .rc-footer-menu { flex-direction: column; gap: 12px; }
}

/* ==========================================================================
   Home page: the original's markup, so the original's rules
   Lifted from mercury/style.css, filtered to the classes this page uses and scoped under
   .mercury — only this template carries mercury markup, so generic names like .box-25
   stay away from every other page.
   ========================================================================== */

.mercury .space-page-wrapper {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 0 60px;
}

/* The content column and the sidebar carry the theme's own .left / .right floats, and it is these
   two rules that contain them: the section is an inline-block, so it forms a block formatting
   context, and the inner wrapper is a flex container, which makes the floats irrelevant. Without
   them the wrapper collapsed to the height of its padding and the footer was painted over the
   page — every page with a sidebar scrolled to nothing. Both come straight from the original.
   They must stay ABOVE the two padding-top overrides further down, which share their specificity
   and would otherwise lose. */
.mercury .space-page-section {
	display: inline-block;
}
.mercury .space-page-section-ins {
	padding-top: 41px;
	display: flex;
	flex-wrap: wrap;
}
.mercury .relative {
	position: relative;
}
.mercury .absolute {
	position: absolute;
}
.mercury .text-center {
	text-align: center;
}
.mercury .box-100 {
	width: 100%;
}
.mercury .box-25 {
	width: 25%;
}
.mercury .box-50 {
	width: 50%;
}
.mercury .aligncenter {
	display: block;
	margin: 0 auto;
	padding-bottom: 2.9em;
	text-align: center;
}
.mercury .space-page-wrapper img {
	border-radius: 5px;
}
.mercury .space-page-content-wrap {
	margin: 0 15px;
}
.mercury .space-page-content {
	font-weight: 400;
	font-size: 1em;
	line-height: 1.65em;
	color: #2e3246;
}
.mercury .space-page-content a {
	color: #ff2453;
	text-decoration: underline;
}
.mercury .space-page-content a:hover {
	color: #be2edd;
}
.mercury .space-page-content p {
	padding-bottom: 1.45em;
}
.mercury .space-page-content p:last-child {
	padding-bottom: 0;
}
.mercury .space-page-content h2,
.mercury .space-page-content h3,
.mercury .space-page-content h4,
.mercury .space-page-content h5,
.mercury .space-page-content h6 {
	margin: 23.2px 0;
}
.mercury .space-page-content table {
	width: 100%;
	margin: 1.45em 0 2.9em;
}
.mercury .space-page-content table tr th {
	text-align: left;
	padding: 10px 15px;
}
.mercury .space-page-content table tr {
	border-bottom: 1px solid #ededed;
}
.mercury .space-page-content table tbody tr td {
	padding: 10px 15px;
}
.mercury .space-page-content dl {
	margin-bottom: 2.9em;
}
.mercury .space-page-content dl dt,
.mercury .space-page-content dl dd {
	padding: 10px 15px;
	border-bottom: 1px solid #ededed;
}
.mercury .space-page-content dl dt {
	background-color: #fafafa;
}
.mercury .space-page-content ol,
.mercury .space-page-content ul {
	margin-bottom: 1.45em;
	margin-left: 30px;
	padding-left: 0;
}
.mercury .space-page-content ul li ul,
.mercury .space-page-content ul li ul li ul,
.mercury .space-page-content ol li ol,
.mercury .space-page-content ol li ol li ol {
	margin-bottom: 0;
}
.mercury .space-page-content ol {
	list-style: decimal;
}
.mercury .space-page-content ol li,
.mercury .space-page-content ul li {
	padding: 5px;
}
.mercury .space-page-content ul li {
	list-style: disc;
	position: relative;
}
.mercury .space-page-content pre {
	background-color: #fafafa;
	border-bottom: 1px solid #ededed;
	margin-bottom: 1.45em;
	padding: 30px;
	border-radius: 2px;
	overflow-x: auto;
}
.mercury .space-page-content kbd,
.mercury .space-page-content code {
	font-weight: 700;
}
.mercury .space-page-content code {
	display: inline-flex;
	font-family: 'Roboto' !important;
	background-color: #f1f3f4;
	border-bottom: 1px solid #ededed;
	padding: 3px 20px;
	margin: 7px 0;
	border-radius: 2px;
	overflow-x: auto;
	font-weight: 400;
}
.mercury .space-page-content q {
	display: block;
    font-style: italic;
    font-size: 1.333em;
    line-height: 1.45em;
    font-weight: 300;
}
.mercury .space-page-content sub {
	vertical-align: sub;
}
.mercury .space-page-content sup {
	vertical-align: super;
}
.mercury .space-page-content address {
	font-weight: 300;
    font-style: italic;
    font-size: 1.333em;
    line-height: 1.45em;
	margin-bottom: 1.45em;
    padding: 30px;
    border: 1px solid #ededed;
}
.mercury .space-page-content input[type="text"],
.mercury .space-page-content input[type="tel"],
.mercury .space-page-content input[type="email"],
.mercury .space-page-content input[type="password"],
.mercury .space-page-content input[type="url"],
.mercury .space-page-content input[type="submit"],
.mercury .space-page-content textarea,
.mercury .space-page-content select {
	max-width: 100%;
	width: auto;
	margin-bottom: 10px;
}
.mercury .space-roids-clubs-archive-item-button-notice {
	margin: 8px 15px 0;
	font-weight: 400;
    font-size: 0.75em;
    line-height: 1.25em;
    color: #7f8c8d;
}
.mercury .space-roids-clubs-archive-item-button-notice a {
	color: #7f8c8d !important;
	text-decoration: underline;
}
.mercury .space-roids-clubs-archive-item-button-notice a:hover {
	text-decoration: none;
}
.mercury .space-roids-clubs-3-archive-items {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    margin-top: 15px;
}
.mercury .space-roids-clubs-3-archive-item {
	display: inline-block;
}
.mercury .space-roids-clubs-3-archive-item-ins {
	border-radius: 5px;
    padding: 10px 0;
    margin: 0 15px 30px;
    background-color: #fff;
    box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
}
.mercury .space-roids-clubs-3-archive-item-ins:hover {
	box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.3);
}
.mercury .space-roids-clubs-3-archive-item-logo {
	order: 1;
    display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
    align-items: center;
}
.mercury .space-roids-clubs-3-archive-item-count {
	top: -22px;
	left: 30px;
	width: 30px;
	height: 42px;
	background-color: #be2edd;
	border-radius: 5px;
}
.mercury .space-roids-clubs-3-archive-item:first-child .space-roids-clubs-3-archive-item-count {
	background-color: #ff2453;
}
.mercury .space-roids-clubs-3-archive-item-count span {
	position: relative;
	display: inline-block;
	width: 30px;
	padding: 7px 0;
	text-align: center;
	font-weight: 700;
    font-size: 1em;
    line-height: 1em;
    color: #fff;
}
.mercury .space-roids-clubs-3-archive-item-count:before {
	content: '';
	display: block;
	width: 30px;
	height: 12px;
	background-color: rgba(0, 0, 0, 0.1);
	top: 0;
	left: 0;
	right: 0;
	border-radius: 5px 5px 0 0;
	z-index: 1;
}
.mercury .space-roids-clubs-3-archive-item-logo-ins {
    padding: 10px 30px;
    line-height: 0;
}
.mercury .space-roids-clubs-3-archive-item-logo-ins img {
	border-radius: 5px;
}
.mercury .space-roids-clubs-3-archive-item-terms {
	order: 2;
    display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
    align-items: center;
}
.mercury .space-roids-clubs-3-archive-item-terms-ins {
	padding: 0 15px;
    font-weight: 400;
    font-size: 0.75em;
    line-height: 1.45em;
    color: #7f8c8d;
}
.mercury .space-roids-clubs-3-archive-item-terms-ins a {
    color: #ff2453;
    text-decoration: underline;
}
.mercury .space-roids-clubs-3-archive-item-terms-ins a:hover {
    text-decoration: none;
}
.mercury .space-roids-clubs-3-archive-item-terms-ins strong {
    font-weight: 700;
    font-size: 28.43px;
    line-height: 1.25em;
    color: #111111;
}
.mercury .space-roids-clubs-3-archive-item-terms-ins span {
    display: inline-block;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.25em;
    color: #2e3246;
    padding-bottom: 5px;
}
.mercury .space-roids-clubs-3-archive-item-rating {
	order: 3;
    display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
    align-items: center;
}
.mercury .space-roids-clubs-3-archive-item-rating-box {
	display: inline-block;
	height: 40px;
	border-radius: 20px;
	padding: 11px 70px 11px 20px;
	border: 1px solid #d6d7db;
}
.mercury .space-roids-clubs-3-archive-item-rating-box .star-rating .star-full:before {
	content: "\f005";
	font-weight: 900;
}
.mercury .space-roids-clubs-3-archive-item-rating-box .star-rating .star-half:before {
	content: "\f5c0";
	font-weight: 900;
}
.mercury .space-roids-clubs-3-archive-item-rating-box .star-rating .star-empty:before {
	content: "\f005";
	font-weight: 400;
}
.mercury .space-roids-clubs-3-archive-item-rating-box .star-rating .star {
	color: #ff2453;
	display: inline-block;
	font-family: 'Font Awesome 5 Free' !important;
	font-size: 1em;
	font-style: normal;
	line-height: 1em;
	text-align: center;
	text-decoration: inherit;
	vertical-align: top;
	width: 1.333em;
	padding: 0 2px;
}
.mercury .space-roids-clubs-3-archive-item-rating-box .star-rating span.screen-reader-text {
	display: none;
}
.mercury .space-roids-clubs-3-archive-item-rating-box span {
	position: absolute;
	right: 20px;
	height: 1em;
	top: 0;
	bottom: 0;
	margin: auto 0;
	font-weight: 700;
    font-size: 1em;
    line-height: 1em;
    color: #111111;
}
.mercury .space-roids-clubs-3-archive-item-button {
	order: 4;
    display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
    align-items: center;
}
.mercury .space-roids-clubs-3-archive-item-button-ins a {
    display: inline-block;
    min-width: 180px;
    padding: 10px 30px;
    font-weight: 400;
    font-size: 1em;
    line-height: 1.25em;
    color: #fff;
    border-radius: 20px;
    background-color: #2ecc71;
    box-shadow: 0px 0px 15px 0px rgba(255, 255, 255, 0.35);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.mercury .space-roids-clubs-3-archive-item-button-ins a:hover {
    box-shadow: 0px 0px 15px 0px rgba(45, 221, 108, 0.55);
}
.mercury .space-roids-clubs-3-archive-item-button-ins a i {
	padding-right: 5px;
}
.mercury .space-roids-clubs-3-archive-item-button-ins a:first-child {
	margin-bottom: 4px;
}
.mercury .space-roids-clubs-3-archive-item-button-ins a:last-child {
	margin-top: 4px;
	background-color: #7f8c8d;
}
.mercury .space-roids-clubs-3-archive-item-button-ins a:last-child:hover {
    box-shadow: 0px 0px 15px 0px rgba(127, 140, 141, 0.55);
}
.mercury .space-roids-clubs-3-archive-item-logo-ins:after,
.mercury .space-roids-clubs-3-archive-item-terms-ins:after,
.mercury .space-roids-clubs-3-archive-item-rating-ins:after {
	content: '';
	position: absolute;
	width: 1px;
	height: 50px;
	right: 0;
	top: 0;
	bottom: 0;
	margin:auto 0;
	background-color: #d6d7db;
}
.mercury .space-roids-clubs-4-archive-items {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
    flex-wrap: wrap;
	margin-top: 15px;
}
.mercury .space-roids-clubs-4-archive-item {
	display: inline-block;
}
.mercury .space-roids-clubs-4-archive-item-ins {
	border-radius: 5px;
    padding: 15px;
    margin: 0 15px 30px;
    background-color: #f1f3f4;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
}
.mercury .space-roids-clubs-4-archive-item-ins:hover {
	background-color: #e4e6e7;
    -webkit-box-shadow: 0px 0px 35px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 35px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 35px 0px rgba(0,0,0,0.15);
}
.mercury .space-roids-clubs-4-archive-item-top {
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 15px;
}
.mercury .space-roids-clubs-4-archive-item-logo {
	flex: 0 0 65px;
	display: inline-block;
	line-height: 0;
	order: 1;
	width: 50px;
}
.mercury .space-roids-clubs-4-archive-item-logo img {
	border-radius: 5px;
}
.mercury .space-roids-clubs-4-archive-item-title {
	flex: 1 1 25%;
	display: inline-block;
	order: 2;
	font-weight: 700;
    font-size: 1em;
    line-height: 1.25em;
    color: #fff;
}
.mercury .space-roids-clubs-4-archive-item-title a {
	font-weight: 700;
    font-size: 1em;
    line-height: 1.25em;
    color: #151515;
}
.mercury .space-roids-clubs-4-archive-item-title a:hover {
	color: #bdc3c7;
}
.mercury .space-roids-clubs-4-archive-item-title .star-rating {
	margin-top: 3px;
}
.mercury .space-roids-clubs-4-archive-item-title .star-rating .star-full:before {
	content: "\f005";
	font-weight: 900;
}
.mercury .space-roids-clubs-4-archive-item-title .star-rating .star-half:before {
	content: "\f5c0";
	font-weight: 900;
}
.mercury .space-roids-clubs-4-archive-item-title .star-rating .star-empty:before {
	content: "\f005";
	font-weight: 400;
}
.mercury .space-roids-clubs-4-archive-item-title .star-rating .star {
    color: #ff2453;
    display: inline-block;
    font-family: 'Font Awesome 5 Free' !important;
    font-size: 0.75em;
    font-style: normal;
    line-height: 1;
    text-align: center;
    text-decoration: inherit;
    vertical-align: top;
    padding-right: 4px;
}
.mercury .space-roids-clubs-4-archive-item-title .star-rating span.screen-reader-text {
	display: none;
}
.mercury .space-roids-clubs-4-archive-item-desc {
	margin-bottom: 15px;
	min-height: 34px;
	font-weight: 400;
    font-size: 0.75em;
    line-height: 1.45em;
    color: #7f8c8d;
}
.mercury .space-roids-clubs-4-archive-item-desc a {
	text-decoration: underline;
	color: #7f8c8d;
}
.mercury .space-roids-clubs-4-archive-item-desc a:hover {
	text-decoration: none;
}
.mercury .space-roids-clubs-4-archive-item-desc span {
	font-size: 21px;
}
.mercury .space-roids-clubs-4-archive-item-desc strong {
	font-weight: 700;
}
.mercury .space-roids-clubs-4-archive-item-buttons {
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
}
.mercury .space-roids-clubs-4-archive-item-button-one {
	display: inline-block;
}
.mercury .space-roids-clubs-4-archive-item-button-one-ins {
	margin-right: 8px;
}
.mercury .space-roids-clubs-4-archive-item-button-one-ins a {
	display: block;
	font-weight: 400;
    font-size: 0.75em;
    line-height: 1.45em;
    text-decoration: none;
    padding: 6px;
    color: #fff;
    background-color: #7f8c8d;
    border-radius: 5px;
}
.mercury .space-roids-clubs-4-archive-item-button-one-ins a:hover {
	background-color: #717c7d;
}
.mercury .space-roids-clubs-4-archive-item-button-two {
	display: inline-block;
}
.mercury .space-roids-clubs-4-archive-item-button-two-ins {
	margin-left: 8px;
}
.mercury .space-roids-clubs-4-archive-item-button-two-ins a {
	display: block;
	font-weight: 400;
    font-size: 0.75em;
    line-height: 1.45em;
    text-decoration: none;
    padding: 6px;
    color: #fff;
    background-color: #2ecc71;
    border-radius: 5px;
}
.mercury .space-roids-clubs-4-archive-item-button-two-ins a:hover {
	background-color: #27ae60;
}
.mercury .space-roids-clubs-4-archive-item .space-roids-clubs-archive-item-button-notice {
	color: #bdc3c7;
}
.mercury .space-roids-clubs-4-archive-item .space-roids-clubs-archive-item-button-notice a {
	color: #bdc3c7 !important;
}
.mercury .space-bonuses-archive-items {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
    flex-wrap: wrap;
	margin-top: 15px;
}
.mercury .space-bonuses-archive-item {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}
.mercury .space-bonuses-archive-item-ins {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	border-radius: 5px;
	background-color: #fff;
	box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.2);
	margin: 0 15px 30px;
	-webkit-transition: all 0.5s ease-in-out;
	   -moz-transition: all 0.5s ease-in-out;
	    -ms-transition: all 0.5s ease-in-out;
	     -o-transition: all 0.5s ease-in-out;
	        transition: all 0.5s ease-in-out;
}
.mercury .space-bonuses-archive-item-ins:hover {
	box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.4);
}
.mercury .space-bonuses-archive-item-wrap {
	padding: 30px;
}
.mercury .space-bonuses-archive-item-cat {
	font-weight: 400;
    font-size: 1em;
    line-height: 1.45em;
    color: #7f8c8d;
    margin-bottom: 5px;
}
.mercury .space-bonuses-archive-item-cat a {
	font-size: 1em;
    line-height: 1.45em;
    color: #7f8c8d;
}
.mercury .space-bonuses-archive-item-cat a:hover {
	text-decoration: underline;
}
.mercury .space-bonuses-archive-item-title {
	margin-bottom: 30px;
}
.mercury .space-bonuses-archive-item-title a {
	font-weight: 700;
    font-size: 1.333em;
    line-height: 1.25em;
    color: #151515;
}
.mercury .space-bonuses-archive-item-title a:hover {
	color: #b2bec3;
}
.mercury .space-bonuses-archive-item-code-value {
	display: block;
	font-family: 'Arial', sans-serif;
	padding: 12px 20px 11px;
	font-weight: 700;
    font-size: 1.333em;
    line-height: 1em;
    color: #151515;
    border-radius: 23px;
    border: 1px solid #7f8c8d;
}
.mercury .space-bonuses-archive-item-code-title {
	top: -9px;
	left: 0;
	right: 0;
}
.mercury .space-bonuses-archive-item-code-title span {
	display: inline-block;
	padding: 0 15px;
	font-weight: 400;
    font-size: 0.75em;
    line-height: 1.45em;
    color: #7f8c8d;
    background-color: #fff;
}
.mercury .space-bonuses-archive-item-short-desc {
	margin-top: 25px;
	font-weight: 400;
    font-size: 0.75em;
    line-height: 1.35em;
    color: #7f8c8d;
}
.mercury .space-bonuses-archive-item-button {
	margin-top: 30px;
}
.mercury .space-bonuses-archive-item-button a {
	display: inline-block;
	padding: 13px 40px;
	font-weight: 700;
    font-size: 1em;
    line-height: 1.25em;
    color: #fff;
    border-radius: 23px;
    background-color: #be2edd;
    box-shadow: 0px 0px 15px 0px rgba(255, 255, 255, 0);
    -webkit-transition: all 0.5s ease-in-out;
	   -moz-transition: all 0.5s ease-in-out;
	    -ms-transition: all 0.5s ease-in-out;
	     -o-transition: all 0.5s ease-in-out;
	        transition: all 0.5s ease-in-out;
}
.mercury .space-bonuses-archive-item-button a:hover {
	box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.25);
}
.mercury .space-bonuses-archive-item-code-date {
	margin-top: 8px;
	font-weight: 400;
    font-size: 0.75em;
    line-height: 1.45em;
    color: #7f8c8d;
}
.mercury .space-bonuses-archive-item-code-date span {
	color: #2d3436;
}
.mercury .space-bonuses-archive-item-button-notice {
	margin-top: 8px;
	font-weight: 400;
    font-size: 0.75em;
    line-height: 1.25em;
    color: #7f8c8d;
}
.mercury .space-bonuses-archive-item-button-notice a {
	color: #7f8c8d !important;
	text-decoration: underline;
}
.mercury .space-bonuses-archive-item-button-notice a:hover {
	text-decoration: none;
}
.mercury .space-bonuses-archive-item.space-dark-style .space-bonuses-archive-item-ins {
	background-color: #111111;
}
.mercury .space-bonuses-archive-item.space-dark-style .space-bonuses-archive-item-cat {
	color: #777777;
}
.mercury .space-bonuses-archive-item.space-dark-style .space-bonuses-archive-item-cat a {
	color: #777777;
}
.mercury .space-bonuses-archive-item.space-dark-style .space-bonuses-archive-item-title a {
    color: #fff;
}
.mercury .space-bonuses-archive-item.space-dark-style .space-bonuses-archive-item-title a:hover {
	color: #b2bec3;
}
.mercury .space-bonuses-archive-item.space-dark-style .space-bonuses-archive-item-code-value {
    color: #fff;
    border: 1px solid #777777;
}
.mercury .space-bonuses-archive-item.space-dark-style .space-bonuses-archive-item-code-title span {
    color: #777777;
    background-color: #111111;
}
.mercury .space-bonuses-archive-item.space-dark-style .space-bonuses-archive-item-short-desc {
    color: #777777;
}
.mercury .space-bonuses-archive-item.space-dark-style .space-bonuses-archive-item-button a {
    background-color: #ff2453;
}
.mercury .space-bonuses-archive-item.space-dark-style .space-bonuses-archive-item-button a:hover {
	box-shadow: 0px 0px 15px 0px rgba(255, 255, 255, 0.25);
}
.mercury .space-bonuses-archive-item.space-dark-style .space-bonuses-archive-item-code-date {
    color: #777777;
}
.mercury .space-bonuses-archive-item.space-dark-style .space-bonuses-archive-item-code-date span {
	color: #fff;
}
.mercury .wp-block-columns {
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 1.45em;
}
.mercury .wp-block-column {
	margin-left: 15px;
	margin-right: 15px;
}
.mercury .wp-block-columns p {
	line-height: 1.65em;
}
@media screen and (max-width: 781px) {
	.mercury .home-intro > .wp-block-column:first-child > .wp-block-image,
	.mercury .home-features > .wp-block-column > .wp-block-image,
	.mercury .home-intro > .wp-block-column:first-child > .wp-block-heading,
	.mercury .home-features > .wp-block-column > .wp-block-heading {
		text-align: center;
	}
	.mercury .home-intro > .wp-block-column > p,
	.mercury .home-features > .wp-block-column > p {
		text-align: justify;
		-webkit-hyphens: auto;
		hyphens: auto;
	}
	.mercury .home-features > .wp-block-column > .wp-block-heading + p {
		text-align: center;
		-webkit-hyphens: manual;
		hyphens: manual;
	}
	.mercury .home-intro .wp-block-buttons {
		clear: both;
		justify-content: center;
	}
}
.mercury .wp-block-image {
	margin-top: 1.45em;
	margin-bottom: 1.45em;
}
.mercury .wp-block-image figcaption {
	padding: 10px 0 0;
	margin-top: 0;
    color: #7f8c8d;
    font-size: 13px;
    line-height: 18px;
    font-weight: 400;
}
.mercury .wp-block-image .aligncenter {
	margin: 0 auto;
	padding-bottom: 0;
}
.mercury .wp-block-image .aligncenter>figcaption,
.mercury .wp-block-image .alignleft>figcaption,
.mercury .wp-block-image .alignright>figcaption,
.mercury .wp-block-image.is-resized>figcaption {
	display: block;
}
.mercury .wp-block-cover-image.aligncenter,
.mercury .wp-block-cover.aligncenter {
}
.mercury .wp-block-cover,
.mercury .wp-block-cover-image {
    padding: 0;
}
.mercury .wp-block-button {
	padding-top: 1.45em;
}
.mercury .wp-block-buttons .wp-block-button {
	padding-top: 0;
}
.mercury .wp-block-button .wp-block-button__link:hover {
	background-color: #2d3436 !important;
	box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
}
.mercury a.wp-block-button__link {
	font-size: 16px;
	line-height: 1.25em;
	text-decoration: none;
	font-weight: 700;
    padding: 13px 40px;
    border-radius: 23px;
    display: inline-block;
}
.mercury .zero-padding-bottom {
    padding-bottom: 0 !important;
}
.mercury .zero-margin-bottom {
    margin-bottom: 0 !important;
}
.mercury .has-mercury-white-color {
	color: #fff !important;
}
.mercury .space-shortcode-wrap {
	margin: 0 -15px;
}
.mercury .space-shortcode-wrap-ins {
	max-width: 1200px;
    margin: 0 auto;
}
.mercury .space-shortcode-1 .space-block-title,
.mercury .space-shortcode-2 .space-block-title,
.mercury .space-shortcode-4 .space-block-title,
.mercury .space-shortcode-5 .space-block-title,
.mercury .space-shortcode-8 .space-block-title {
	padding-bottom: 15px;
}
.mercury .space-shortcode-wrap .space-roids-clubs-3-archive-item-button-ins a {
	color: #fff !important;
	text-decoration: none !important;
}
.mercury .space-shortcode-wrap .space-roids-clubs-4-archive-item-title a {
	color: #151515 !important;
	text-decoration: none !important;
}
.mercury .space-shortcode-wrap .space-roids-clubs-4-archive-item-title a:hover {
	color: #bdc3c7 !important;
}
.mercury .space-shortcode-wrap .space-roids-clubs-4-archive-item-desc a {
    color: #7f8c8d !important;
}
.mercury .space-shortcode-wrap .space-roids-clubs-4-archive-item-button-two-ins a,
.mercury .space-shortcode-wrap .space-roids-clubs-4-archive-item-button-one-ins a {
	color: #fff !important;
}
.mercury .space-shortcode-wrap .space-bonuses-archive-item-cat a {
    color: #7f8c8d !important;
}
.mercury .space-shortcode-wrap .space-bonuses-archive-item-title a {
	color: #151515 !important;
}
.mercury .space-shortcode-wrap .space-bonuses-archive-item-title a:hover {
    color: #b2bec3 !important;
}
.mercury .space-shortcode-wrap .space-bonuses-archive-item.space-dark-style .space-bonuses-archive-item-title a {
	color: #fff !important;
}
.mercury .space-shortcode-wrap .space-bonuses-archive-item.space-dark-style .space-bonuses-archive-item-title:hover a {
	color: #b2bec3 !important;
}
.mercury .space-shortcode-wrap .space-bonuses-archive-item-cat a {
	text-decoration: none !important;
}
.mercury .space-shortcode-wrap .space-bonuses-archive-item-cat a:hover {
	text-decoration: underline !important;
}
.mercury .space-shortcode-wrap .space-bonuses-archive-item-title a {
	text-decoration: none !important;
}
.mercury .space-shortcode-wrap .space-bonuses-archive-item-button a {
    color: #fff !important;
	text-decoration: none !important;
}
.mercury span.tc-apply {
	border-bottom: 1px dashed;
	cursor: pointer;
}
.mercury div.tc-desc {
	text-align: center;
	opacity: 0;
    visibility: hidden;
    min-width: 240px;
    max-width: 270px;
    width: 100%;
    position: absolute;
    left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
    margin: 0 auto;
    color: #576574 !important;
    background-color: #fffbeb;
    border: 1px solid #fdcb6e;
    border-radius: 5px;
    padding: 15px;
    z-index: 10;
    box-shadow: 0px 0px 30px 0px rgba(250, 177, 160, 0.5);
    -webkit-transition: all 0.3s ease-in-out;
	   -moz-transition: all 0.3s ease-in-out;
	    -ms-transition: all 0.3s ease-in-out;
	     -o-transition: all 0.3s ease-in-out;
	        transition: all 0.3s ease-in-out;
}
.mercury div.tc-desc strong {
	color: #e17055 !important;
	font-size: 14px;
	font-weight: 700;
}
.mercury div.tc-desc a,
.mercury .space-page-content div.tc-desc a,
.mercury .home-page div.tc-desc a {
	color: #576574 !important;
}
.mercury span.tc-apply:hover + div.tc-desc,
.mercury span.tc-apply + div.tc-desc:hover,
.mercury span.tc-apply:active + div.tc-desc,
.mercury span.tc-apply + div.tc-desc:active {
    opacity: 1;
    visibility: visible;
    height: auto;
}
.mercury .wp-block-button__link {align-content:center;box-sizing:border-box;cursor:pointer;display:inline-block;height:100%;text-align:center;word-break:break-word
}
.mercury .wp-block-button__link.aligncenter {text-align:center
}
.mercury :where(.wp-block-button__link) {border-radius:9999px;box-shadow:none;padding:calc(.667em + 2px) calc(1.333em + 2px);text-decoration:none
}
.mercury .wp-block-button[style*=text-decoration] .wp-block-button__link {text-decoration:inherit
}
:root :where(.wp-block-button .wp-block-button__link.is-style-outline),
:root :where(.wp-block-button.is-style-outline>.wp-block-button__link) {border:2px solid;padding:.667em 1.333em
}
:root :where(.wp-block-button .wp-block-button__link.is-style-outline:not(.has-text-color)),
:root :where(.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-text-color)) {color:currentColor
}
:root :where(.wp-block-button .wp-block-button__link.is-style-outline:not(.has-background)),
:root :where(.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-background)) {background-color:initial;background-image:none
}
.mercury .wp-block-buttons {box-sizing:border-box
}
.mercury .wp-block-buttons>.wp-block-button {display:inline-block;margin:0
}
.mercury .wp-block-buttons.is-content-justification-center {justify-content:center
}
.mercury .wp-block-buttons.aligncenter {text-align:center
}
.mercury .wp-block-buttons:not(.is-content-justification-space-between,
.mercury .is-content-justification-right,
.mercury .is-content-justification-left,
.mercury .is-content-justification-center) .wp-block-button.aligncenter {margin-left:auto;margin-right:auto;width:100%
}
.mercury .wp-block-buttons[style*=text-decoration] .wp-block-button,
.mercury .wp-block-buttons[style*=text-decoration] .wp-block-button__link {text-decoration:inherit
}
.mercury .wp-block-buttons .wp-block-button__link {width:100%
}
.mercury .wp-block-button.aligncenter,
.mercury .wp-block-calendar {text-align:center
}
.mercury :where(.wp-block-calendar table:not(.has-background) th) {background:#ddd
}
.mercury .wp-block-columns {box-sizing:border-box;display:flex;flex-wrap:wrap!important
}
@media (min-width: 782px) {
	.mercury .wp-block-columns {flex-wrap:nowrap!important}
}
.mercury .wp-block-columns {align-items:normal!important
}
.mercury .wp-block-columns.are-vertically-aligned-center {align-items:center
}
.mercury .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {flex-basis:100%!important
}
.mercury .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {flex-basis:0;flex-grow:1
}
.mercury .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column[style*=flex-basis] {flex-grow:0
}
.mercury :where(.wp-block-columns) {margin-bottom:1.75em
}
.mercury :where(.wp-block-columns.has-background) {padding:1.25em 2.375em
}
.mercury .wp-block-column {flex-grow:1;min-width:0;overflow-wrap:break-word;word-break:break-word
}
.mercury .wp-block-column.is-vertically-aligned-center {align-self:center
}
.mercury .wp-block-column.is-vertically-aligned-bottom,
.mercury .wp-block-column.is-vertically-aligned-center,
.mercury .wp-block-column.is-vertically-aligned-top {width:100%
}
.mercury .wp-block-cover,
.mercury .wp-block-cover-image {align-items:center;background-position:50%;box-sizing:border-box;display:flex;justify-content:center;min-height:430px;overflow:hidden;overflow:clip;padding:1em;position:relative
}
.mercury .wp-block-cover .has-background-dim:not([class*=-background-color]),
.mercury .wp-block-cover-image .has-background-dim:not([class*=-background-color]),
.mercury .wp-block-cover-image.has-background-dim:not([class*=-background-color]),
.mercury .wp-block-cover.has-background-dim:not([class*=-background-color]) {background-color:#000
}
.mercury .wp-block-cover-image.has-background-dim:before,
.mercury .wp-block-cover.has-background-dim:before {background-color:inherit;content:""
}
.mercury .wp-block-cover .wp-block-cover__background,
.mercury .wp-block-cover .wp-block-cover__gradient-background,
.mercury .wp-block-cover-image .wp-block-cover__background,
.mercury .wp-block-cover-image .wp-block-cover__gradient-background,
.mercury .wp-block-cover-image.has-background-dim:not(.has-background-gradient):before,
.mercury .wp-block-cover.has-background-dim:not(.has-background-gradient):before {bottom:0;left:0;opacity:.5;position:absolute;right:0;top:0
}
.mercury .wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-100,
.mercury .wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-100,
.mercury .wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-100,
.mercury .wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-100 {opacity:1
}
.mercury .wp-block-cover-image.aligncenter,
.mercury .wp-block-cover-image.alignleft,
.mercury .wp-block-cover-image.alignright,
.mercury .wp-block-cover.aligncenter,
.mercury .wp-block-cover.alignleft,
.mercury .wp-block-cover.alignright {display:flex
}
.mercury .wp-block-cover .wp-block-cover__inner-container,
.mercury .wp-block-cover-image .wp-block-cover__inner-container {color:inherit;position:relative;width:100%
}
.mercury .wp-block-cover .wp-block-cover__image-background,
.mercury .wp-block-cover video.wp-block-cover__video-background,
.mercury .wp-block-cover-image .wp-block-cover__image-background,
.mercury .wp-block-cover-image video.wp-block-cover__video-background {border:none;bottom:0;box-shadow:none;height:100%;left:0;margin:0;max-height:none;max-width:none;object-fit:cover;outline:none;padding:0;position:absolute;right:0;top:0;width:100%
}
.mercury :where(.wp-block-cover-image:not(.has-text-color)),
.mercury :where(.wp-block-cover:not(.has-text-color)) {color:#fff
}
.mercury :where(.wp-block-cover-image.is-light:not(.has-text-color)),
.mercury :where(.wp-block-cover.is-light:not(.has-text-color)) {color:#000
}
:root :where(.wp-block-cover h1:not(.has-text-color)),
:root :where(.wp-block-cover h2:not(.has-text-color)),
:root :where(.wp-block-cover h3:not(.has-text-color)),
:root :where(.wp-block-cover h4:not(.has-text-color)),
:root :where(.wp-block-cover h5:not(.has-text-color)),
:root :where(.wp-block-cover h6:not(.has-text-color)),
:root :where(.wp-block-cover p:not(.has-text-color)) {color:inherit
}
.mercury body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background+.wp-block-cover__inner-container)) .wp-block-cover__image-background,
.mercury body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background+.wp-block-cover__inner-container)) .wp-block-cover__video-background {z-index:0
}
.mercury body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background+.wp-block-cover__inner-container)) .wp-block-cover__background,
.mercury body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background+.wp-block-cover__inner-container)) .wp-block-cover__gradient-background,
.mercury body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background+.wp-block-cover__inner-container)) .wp-block-cover__inner-container,
.mercury body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background+.wp-block-cover__inner-container)).has-background-dim:not(.has-background-gradient):before {z-index:1
}
.mercury .wp-block-gallery.has-nested-images figure.wp-block-image figcaption,
.mercury .wp-block-gallery.has-nested-images figure.wp-block-image:has(figcaption):before {bottom:0;left:0;max-height:100%;position:absolute;right:0
}
.mercury .wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border figcaption,
.mercury .wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded figcaption {background:none;color:inherit;flex:initial;margin:0;padding:10px 10px 9px;position:relative;text-shadow:none
}
.mercury .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:nth-last-child(2),
.mercury .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:nth-last-child(2)~figure.wp-block-image:not(#individual-image) {width:calc(50% - var(--wp--style--unstable-gallery-gap, 16px)*.5)
}
.mercury .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:last-child {width:100%
}
.mercury h1:where(.wp-block-heading).has-background,
.mercury h2:where(.wp-block-heading).has-background,
.mercury h3:where(.wp-block-heading).has-background,
.mercury h4:where(.wp-block-heading).has-background,
.mercury h5:where(.wp-block-heading).has-background,
.mercury h6:where(.wp-block-heading).has-background {padding:1.25em 2.375em
}
.mercury .wp-block-image>a,
.mercury .wp-block-image>figure>a {display:inline-block
}
.mercury .wp-block-image img {box-sizing:border-box;height:auto;max-width:100%;vertical-align:bottom
}
.mercury .wp-block-image img.show {animation:show-content-image .4s
}
.mercury .wp-block-image[style*=border-radius] img,
.mercury .wp-block-image[style*=border-radius]>a {border-radius:inherit
}
.mercury .wp-block-image.aligncenter {text-align:center
}
.mercury .wp-block-image .aligncenter,
.mercury .wp-block-image .alignleft,
.mercury .wp-block-image .alignright,
.mercury .wp-block-image.aligncenter,
.mercury .wp-block-image.alignleft,
.mercury .wp-block-image.alignright {display:table
}
.mercury .wp-block-image .aligncenter>figcaption,
.mercury .wp-block-image .alignleft>figcaption,
.mercury .wp-block-image .alignright>figcaption,
.mercury .wp-block-image.aligncenter>figcaption,
.mercury .wp-block-image.alignleft>figcaption,
.mercury .wp-block-image.alignright>figcaption {caption-side:bottom;display:table-caption
}
.mercury .wp-block-image .aligncenter {margin-left:auto;margin-right:auto
}
.mercury .wp-block-image :where(figcaption) {margin-bottom:1em;margin-top:.5em
}
:root :where(.wp-block-image.is-style-rounded img,
.mercury .wp-block-image .is-style-rounded img) {border-radius:9999px
}
.mercury .wp-block-image figure {margin:0
}
:root :where(.wp-block-list.has-background) {padding:1.25em 2.375em
}
.mercury :where(.wp-block-navigation.has-background .wp-block-navigation-item a:not(.wp-element-button)),
.mercury :where(.wp-block-navigation.has-background .wp-block-navigation-submenu a:not(.wp-element-button)) {padding:.5em 1em
}
.mercury :where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item a:not(.wp-element-button)),
.mercury :where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-submenu a:not(.wp-element-button)),
.mercury :where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-submenu button.wp-block-navigation-item__content),
.mercury :where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-pages-list__item button.wp-block-navigation-item__content) {padding:.5em 1em
}
:root :where(p.has-background) {padding:1.25em 2.375em
}
.mercury :where(p.has-text-color:not(.has-link-color)) a {color:inherit
}
.mercury :where(.wp-block-preformatted.has-background) {padding:1.25em 2.375em
}
.mercury .wp-block-spacer {clear:both
}
.mercury .wp-element-button {cursor:pointer
}
.mercury .has-normal-font-size {font-size:var(--wp--preset--font-size--normal)
}
.mercury .has-huge-font-size {font-size:var(--wp--preset--font-size--huge)
}
.mercury .has-text-align-center {text-align:center
}
.mercury .aligncenter {clear:both
}
.mercury .screen-reader-text {border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important
}
.mercury .screen-reader-text:focus {background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000
}

/* The font-size and colour classes the home page's blocks use resolve through WordPress
   preset custom properties, which the theme declares. Both halves are needed: without the
   properties the classes resolve to nothing and every heading renders at body size.
   Scoped to .mercury so the presets cannot leak into the rest of the site. */

.mercury {
  --wp--preset--aspect-ratio--16-9: 16/9;
  --wp--preset--aspect-ratio--2-3: 2/3;
  --wp--preset--aspect-ratio--3-2: 3/2;
  --wp--preset--aspect-ratio--3-4: 3/4;
  --wp--preset--aspect-ratio--4-3: 4/3;
  --wp--preset--aspect-ratio--9-16: 9/16;
  --wp--preset--aspect-ratio--square: 1;
  --wp--preset--color--black: #000000;
  --wp--preset--color--cyan-bluish-gray: #abb8c3;
  --wp--preset--color--light-green-cyan: #7bdcb5;
  --wp--preset--color--luminous-vivid-amber: #fcb900;
  --wp--preset--color--luminous-vivid-orange: #ff6900;
  --wp--preset--color--mercury-alizarin: #e74c3c;
  --wp--preset--color--mercury-clouds: #ecf0f1;
  --wp--preset--color--mercury-emerald: #2edd6c;
  --wp--preset--color--mercury-gray: #263238;
  --wp--preset--color--mercury-main: #636e72;
  --wp--preset--color--mercury-peter-river: #3498db;
  --wp--preset--color--mercury-second: #d63031;
  --wp--preset--color--mercury-white: #fff;
  --wp--preset--color--mercury-wisteria: #8e44ad;
  --wp--preset--color--pale-cyan-blue: #8ed1fc;
  --wp--preset--color--pale-pink: #f78da7;
  --wp--preset--color--vivid-cyan-blue: #0693e3;
  --wp--preset--color--vivid-green-cyan: #00d084;
  --wp--preset--color--vivid-purple: #9b51e0;
  --wp--preset--color--vivid-red: #cf2e2e;
  --wp--preset--color--white: #ffffff;
  --wp--preset--font-size--large: 36px;
  /* Measured on the live original: the page's inline CSS did not carry this one, and without it
     core's .has-huge-font-size resolves to an invalid var() — which makes font-size inherit
     rather than fall back, so the hero heading rendered at body size. */
  --wp--preset--font-size--huge: 42px;
  --wp--preset--font-size--medium: 20px;
  --wp--preset--font-size--small: 13px;
  --wp--preset--font-size--x-large: 42px;
  --wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);
  --wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);
  --wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);
  --wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);
  --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);
  --wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);
  --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);
  --wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);
  --wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);
  --wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);
  --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);
  --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);
  --wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);
  --wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);
  --wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);
  --wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);
  --wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);
  --wp--preset--spacing--20: 0.44rem;
  --wp--preset--spacing--30: 0.67rem;
  --wp--preset--spacing--40: 1rem;
  --wp--preset--spacing--50: 1.5rem;
  --wp--preset--spacing--60: 2.25rem;
  --wp--preset--spacing--70: 3.38rem;
  --wp--preset--spacing--80: 5.06rem;
}
.mercury :root :where(.wp-block-button .wp-block-button__link.is-style-outline:not(.has-text-color)),
.mercury :root :where(.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-text-color)) {color:currentColor}
.mercury :where(.wp-block-cover-image:not(.has-text-color)),
.mercury :where(.wp-block-cover:not(.has-text-color)) {color:#fff}
.mercury :where(.wp-block-cover-image.is-light:not(.has-text-color)),
.mercury :where(.wp-block-cover.is-light:not(.has-text-color)) {color:#000}
.mercury :root :where(.wp-block-cover h1:not(.has-text-color)),
.mercury :root :where(.wp-block-cover h2:not(.has-text-color)),
.mercury :root :where(.wp-block-cover h3:not(.has-text-color)),
.mercury :root :where(.wp-block-cover h4:not(.has-text-color)),
.mercury :root :where(.wp-block-cover h5:not(.has-text-color)),
.mercury :root :where(.wp-block-cover h6:not(.has-text-color)),
.mercury :root :where(.wp-block-cover p:not(.has-text-color)) {color:inherit}
.mercury :where(p.has-text-color:not(.has-link-color)) a {color:inherit}
.mercury .has-medium-font-size {font-size: var(--wp--preset--font-size--medium) !important;}
.mercury .has-large-font-size {font-size: var(--wp--preset--font-size--large) !important;}
.mercury /*# sourceURL=woocommerce-inline-inline-css */


/* Main Color */

.has-mercury-main-color,
.mercury .home-page .textwidget a:hover,
.mercury .space-header-2-top-soc a:hover,
.mercury .space-header-menu ul.main-menu li a:hover,
.mercury .space-header-menu ul.main-menu li:hover a,
.mercury .space-header-2-nav ul.main-menu li a:hover,
.mercury .space-header-2-nav ul.main-menu li:hover a,
.mercury .space-page-content a:hover,
.mercury .space-pros-cons ul li a:hover,
.mercury .space-pros-cons ol li a:hover,
.mercury .space-companies-2-archive-item-desc a:hover,
.mercury .space-roids-clubs-3-archive-item-terms-ins a:hover,
.mercury .space-roids-clubs-7-archive-item-terms a:hover,
.mercury .space-roids-clubs-8-archive-item-terms a:hover,
.mercury .space-comments-form-box p.comment-notes span.required,
.mercury form.comment-form p.comment-notes span.required {
	color: #636e72;}
.mercury input[type="submit"],
.mercury .has-mercury-main-background-color,
.mercury .space-block-title span:after,
.mercury .space-widget-title span:after,
.mercury .space-companies-archive-item-button a,
.mercury .space-companies-sidebar-item-button a,
.mercury .space-roids-clubs-3-archive-item-count,
.mercury .space-bonuses-archive-item-button a,
.mercury .home-page .widget_mc4wp_form_widget .space-widget-title::after,
.mercury .space-content-section .widget_mc4wp_form_widget .space-widget-title::after {
	background-color: #636e72;}
.mercury /* Second Color */

.has-mercury-second-color,
.mercury .space-page-content a,
.mercury .space-pros-cons ul li a,
.mercury .space-pros-cons ol li a,
.mercury .space-page-content ul li:before,
.mercury .home-page .textwidget ul li:before,
.mercury .space-widget ul li a:hover,
.mercury .home-page .textwidget a,
.mercury #recentcomments li a:hover,
.mercury #recentcomments li span.comment-author-link a:hover,
.mercury h3.comment-reply-title small a,
.mercury .space-companies-sidebar-2-item-desc a,
.mercury .space-companies-sidebar-item-title p a,
.mercury .space-companies-archive-item-short-desc a,
.mercury .space-companies-2-archive-item-desc a,
.mercury .space-roids-clubs-3-archive-item-terms-ins a,
.mercury .space-roids-clubs-7-archive-item-terms a,
.mercury .space-roids-clubs-8-archive-item-terms a,
.mercury .space-roids-club-content-info a,
.mercury .space-roids-club-style-2-calltoaction-text-ins a,
.mercury .space-roids-club-details-item-title span,
.mercury .space-roids-club-style-2-ratings-all-item-value i,
.mercury .space-roids-club-style-2-calltoaction-text-ins a,
.mercury .space-roids-club-content-short-desc a,
.mercury .space-roids-club-header-short-desc a,
.mercury .space-roids-club-content-rating-stars i,
.mercury .space-roids-club-content-rating-overall .star-rating .star,
.mercury .space-companies-archive-item-rating .star-rating .star,
.mercury .space-roids-club-content-logo-stars i,
.mercury .space-roids-club-content-logo-stars .star-rating .star,
.mercury .space-companies-2-archive-item-rating .star-rating .star,
.mercury .space-roids-clubs-3-archive-item-rating-box .star-rating .star,
.mercury .space-roids-clubs-4-archive-item-title .star-rating .star,
.mercury .space-companies-sidebar-2-item-rating .star-rating .star,
.mercury .space-comments-list-item-date a.comment-reply-link,
.mercury .space-categories-list-box ul li a,
.mercury .space-news-10-item-category a,
.mercury .small .space-news-11-item-category a,
.mercury #scrolltop,
.mercury .widget_mc4wp_form_widget .mc4wp-response a,
.mercury .space-header-height.dark .space-header-menu ul.main-menu li a:hover,
.mercury .space-header-height.dark .space-header-menu ul.main-menu li:hover a,
.mercury .space-header-2-height.dark .space-header-2-nav ul.main-menu li a:hover,
.mercury .space-header-2-height.dark .space-header-2-nav ul.main-menu li:hover a,
.mercury .space-header-2-height.dark .space-header-2-top-soc a:hover,
.mercury .space-roids-club-header-logo-rating i {
	color: #d63031;}
.mercury .space-title-box-category a,
.mercury .has-mercury-second-background-color,
.mercury .space-roids-club-details-item-links a:hover,
.mercury .space-news-2-small-item-img-category a,
.mercury .space-news-2-item-big-box-category span,
.mercury .space-block-title span:before,
.mercury .space-widget-title span:before,
.mercury .space-news-4-item.small-news-block .space-news-4-item-img-category a,
.mercury .space-news-4-item.big-news-block .space-news-4-item-top-category span,
.mercury .space-news-6-item-top-category span,
.mercury .space-news-7-item-category span,
.mercury .space-news-3-item-img-category a,
.mercury .space-news-8-item-title-category span,
.mercury .space-news-9-item-info-category span,
.mercury .space-archive-loop-item-img-category a,
.mercury .space-roids-clubs-3-archive-item:first-child .space-roids-clubs-3-archive-item-count,
.mercury .space-single-bonus.space-dark-style 
.space-bonuses-archive-item.space-dark-style .space-bonuses-archive-item-button a,
.mercury nav.pagination a,
.mercury nav.comments-pagination a,
.mercury nav.pagination-post a span.page-number,
.mercury .widget_tag_cloud a,
.mercury .space-footer-top-age span.age-limit,
.mercury .space-footer-top-soc a:hover,
.mercury .home-page .widget_mc4wp_form_widget .mc4wp-form-fields .space-subscribe-filds button,
.mercury .space-content-section .widget_mc4wp_form_widget .mc4wp-form-fields .space-subscribe-filds button {
	background-color: #d63031;}

/* Base typography from the theme. These selectors carry no class, so the class filter above
   could not see them — and the first attempt missed most of them too, because it demanded a
   single bare tag per selector while the theme writes pairs like `h2, h2 a`. */

.mercury ol,
.mercury ul {
	list-style: none;
}
.mercury blockquote,
.mercury q {
	quotes: none;
}
.mercury blockquote:before,
.mercury blockquote:after,
.mercury q:before,
.mercury q:after {
	content: '';
	content: none;
}
.mercury table {
	border-collapse: collapse;
	border-spacing: 0;
}
.mercury h1,
.mercury h2,
.mercury h3,
.mercury h4,
.mercury h5,
.mercury h6,
.mercury h1 a,
.mercury h2 a,
.mercury h3 a,
.mercury h4 a,
.mercury h5 a,
.mercury h6 a {
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	-webkit-backface-visibility: hidden;
	color: #151515;
}
.mercury h1,
.mercury h1 a {
	font-size: 3.157em;
	line-height: 1.2em;
}
.mercury h2,
.mercury h2 a {
	font-size: 2.369em;
	line-height: 1.2em;
}
.mercury h3,
.mercury h3 a {
	font-size: 1.777em;
	line-height: 1.2em;
}
.mercury h4,
.mercury h4 a {
	font-size: 1.333em;
	line-height: 1.2em;
}
.mercury h5,
.mercury h5 a {
	font-size: 1em;
	line-height: 1.2em;
}
.mercury h6,
.mercury h6 a {
	font-size: 0.75em;
	line-height: 1.2em;
}
@media screen and (max-width: 767px) {
	.mercury h2,
	.mercury h2 a {
		font-size: 1.777em;
	}
	.mercury h3,
	.mercury h3 a {
		font-size: 1.333em;
	}
	.mercury h4,
	.mercury h4 a,
	.mercury h5,
	.mercury h5 a,
	.mercury h6,
	.mercury h6 a {
		font-size: 1em;
	}
}
.mercury img {
	max-width: 100%;
	height: auto;
	-webkit-backface-visibility: hidden;
}
.mercury a,
.mercury a:visited {
	text-decoration: none;
	-webkit-transition: all 0.3s ease-in-out;
	   -moz-transition: all 0.3s ease-in-out;
	    -ms-transition: all 0.3s ease-in-out;
	     -o-transition: all 0.3s ease-in-out;
	        transition: all 0.3s ease-in-out;
}
.mercury a:hover {
	text-decoration: none;
}
.mercury a:active,
.mercury a:focus {
	outline: none;
}
.mercury p {
	line-height: 1.65em;
}

/* The font-size and colour classes the home page's blocks use resolve through WordPress
   preset custom properties, which the theme declares. Both halves are needed: without the
   properties the classes resolve to nothing and every heading renders at body size.
   Scoped to .mercury so the presets cannot leak into the rest of the site. */

.mercury {
  --wp--preset--aspect-ratio--16-9: 16/9;
  --wp--preset--aspect-ratio--2-3: 2/3;
  --wp--preset--aspect-ratio--3-2: 3/2;
  --wp--preset--aspect-ratio--3-4: 3/4;
  --wp--preset--aspect-ratio--4-3: 4/3;
  --wp--preset--aspect-ratio--9-16: 9/16;
  --wp--preset--aspect-ratio--square: 1;
  --wp--preset--color--black: #000000;
  --wp--preset--color--cyan-bluish-gray: #abb8c3;
  --wp--preset--color--light-green-cyan: #7bdcb5;
  --wp--preset--color--luminous-vivid-amber: #fcb900;
  --wp--preset--color--luminous-vivid-orange: #ff6900;
  --wp--preset--color--mercury-alizarin: #e74c3c;
  --wp--preset--color--mercury-clouds: #ecf0f1;
  --wp--preset--color--mercury-emerald: #2edd6c;
  --wp--preset--color--mercury-gray: #263238;
  --wp--preset--color--mercury-main: #636e72;
  --wp--preset--color--mercury-peter-river: #3498db;
  --wp--preset--color--mercury-second: #d63031;
  --wp--preset--color--mercury-white: #fff;
  --wp--preset--color--mercury-wisteria: #8e44ad;
  --wp--preset--color--pale-cyan-blue: #8ed1fc;
  --wp--preset--color--pale-pink: #f78da7;
  --wp--preset--color--vivid-cyan-blue: #0693e3;
  --wp--preset--color--vivid-green-cyan: #00d084;
  --wp--preset--color--vivid-purple: #9b51e0;
  --wp--preset--color--vivid-red: #cf2e2e;
  --wp--preset--color--white: #ffffff;
  --wp--preset--font-size--large: 36px;
  --wp--preset--font-size--medium: 20px;
  --wp--preset--font-size--small: 13px;
  --wp--preset--font-size--x-large: 42px;
  --wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);
  --wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);
  --wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);
  --wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);
  --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);
  --wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);
  --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);
  --wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);
  --wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);
  --wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);
  --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);
  --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);
  --wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);
  --wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);
  --wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);
  --wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);
  --wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);
  --wp--preset--spacing--20: 0.44rem;
  --wp--preset--spacing--30: 0.67rem;
  --wp--preset--spacing--40: 1rem;
  --wp--preset--spacing--50: 1.5rem;
  --wp--preset--spacing--60: 2.25rem;
  --wp--preset--spacing--70: 3.38rem;
  --wp--preset--spacing--80: 5.06rem;
}
.mercury :root :where(.wp-block-button .wp-block-button__link.is-style-outline:not(.has-text-color)),
.mercury :root :where(.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-text-color)) {color:currentColor}
.mercury :where(.wp-block-cover-image:not(.has-text-color)),
.mercury :where(.wp-block-cover:not(.has-text-color)) {color:#fff}
.mercury :where(.wp-block-cover-image.is-light:not(.has-text-color)),
.mercury :where(.wp-block-cover.is-light:not(.has-text-color)) {color:#000}
.mercury :root :where(.wp-block-cover h1:not(.has-text-color)),
.mercury :root :where(.wp-block-cover h2:not(.has-text-color)),
.mercury :root :where(.wp-block-cover h3:not(.has-text-color)),
.mercury :root :where(.wp-block-cover h4:not(.has-text-color)),
.mercury :root :where(.wp-block-cover h5:not(.has-text-color)),
.mercury :root :where(.wp-block-cover h6:not(.has-text-color)),
.mercury :root :where(.wp-block-cover p:not(.has-text-color)) {color:inherit}
.mercury :where(p.has-text-color:not(.has-link-color)) a {color:inherit}
.mercury .has-medium-font-size {font-size: var(--wp--preset--font-size--medium) !important;}
.mercury .has-large-font-size {font-size: var(--wp--preset--font-size--large) !important;}
.mercury /*# sourceURL=woocommerce-inline-inline-css */


/* Main Color */

.has-mercury-main-color,
.mercury .home-page .textwidget a:hover,
.mercury .space-header-2-top-soc a:hover,
.mercury .space-header-menu ul.main-menu li a:hover,
.mercury .space-header-menu ul.main-menu li:hover a,
.mercury .space-header-2-nav ul.main-menu li a:hover,
.mercury .space-header-2-nav ul.main-menu li:hover a,
.mercury .space-page-content a:hover,
.mercury .space-pros-cons ul li a:hover,
.mercury .space-pros-cons ol li a:hover,
.mercury .space-companies-2-archive-item-desc a:hover,
.mercury .space-roids-clubs-3-archive-item-terms-ins a:hover,
.mercury .space-roids-clubs-7-archive-item-terms a:hover,
.mercury .space-roids-clubs-8-archive-item-terms a:hover,
.mercury .space-comments-form-box p.comment-notes span.required,
.mercury form.comment-form p.comment-notes span.required {
	color: #636e72;}
.mercury input[type="submit"],
.mercury .has-mercury-main-background-color,
.mercury .space-block-title span:after,
.mercury .space-widget-title span:after,
.mercury .space-companies-archive-item-button a,
.mercury .space-companies-sidebar-item-button a,
.mercury .space-roids-clubs-3-archive-item-count,
.mercury .space-bonuses-archive-item-button a,
.mercury .home-page .widget_mc4wp_form_widget .space-widget-title::after,
.mercury .space-content-section .widget_mc4wp_form_widget .space-widget-title::after {
	background-color: #636e72;}
.mercury /* Second Color */

.has-mercury-second-color,
.mercury .space-page-content a,
.mercury .space-pros-cons ul li a,
.mercury .space-pros-cons ol li a,
.mercury .space-page-content ul li:before,
.mercury .home-page .textwidget ul li:before,
.mercury .space-widget ul li a:hover,
.mercury .home-page .textwidget a,
.mercury #recentcomments li a:hover,
.mercury #recentcomments li span.comment-author-link a:hover,
.mercury h3.comment-reply-title small a,
.mercury .space-companies-sidebar-2-item-desc a,
.mercury .space-companies-sidebar-item-title p a,
.mercury .space-companies-archive-item-short-desc a,
.mercury .space-companies-2-archive-item-desc a,
.mercury .space-roids-clubs-3-archive-item-terms-ins a,
.mercury .space-roids-clubs-7-archive-item-terms a,
.mercury .space-roids-clubs-8-archive-item-terms a,
.mercury .space-roids-club-content-info a,
.mercury .space-roids-club-style-2-calltoaction-text-ins a,
.mercury .space-roids-club-details-item-title span,
.mercury .space-roids-club-style-2-ratings-all-item-value i,
.mercury .space-roids-club-style-2-calltoaction-text-ins a,
.mercury .space-roids-club-content-short-desc a,
.mercury .space-roids-club-header-short-desc a,
.mercury .space-roids-club-content-rating-stars i,
.mercury .space-roids-club-content-rating-overall .star-rating .star,
.mercury .space-companies-archive-item-rating .star-rating .star,
.mercury .space-roids-club-content-logo-stars i,
.mercury .space-roids-club-content-logo-stars .star-rating .star,
.mercury .space-companies-2-archive-item-rating .star-rating .star,
.mercury .space-roids-clubs-3-archive-item-rating-box .star-rating .star,
.mercury .space-roids-clubs-4-archive-item-title .star-rating .star,
.mercury .space-companies-sidebar-2-item-rating .star-rating .star,
.mercury .space-comments-list-item-date a.comment-reply-link,
.mercury .space-categories-list-box ul li a,
.mercury .space-news-10-item-category a,
.mercury .small .space-news-11-item-category a,
.mercury #scrolltop,
.mercury .widget_mc4wp_form_widget .mc4wp-response a,
.mercury .space-header-height.dark .space-header-menu ul.main-menu li a:hover,
.mercury .space-header-height.dark .space-header-menu ul.main-menu li:hover a,
.mercury .space-header-2-height.dark .space-header-2-nav ul.main-menu li a:hover,
.mercury .space-header-2-height.dark .space-header-2-nav ul.main-menu li:hover a,
.mercury .space-header-2-height.dark .space-header-2-top-soc a:hover,
.mercury .space-roids-club-header-logo-rating i {
	color: #d63031;}
.mercury .space-title-box-category a,
.mercury .has-mercury-second-background-color,
.mercury .space-roids-club-details-item-links a:hover,
.mercury .space-news-2-small-item-img-category a,
.mercury .space-news-2-item-big-box-category span,
.mercury .space-block-title span:before,
.mercury .space-widget-title span:before,
.mercury .space-news-4-item.small-news-block .space-news-4-item-img-category a,
.mercury .space-news-4-item.big-news-block .space-news-4-item-top-category span,
.mercury .space-news-6-item-top-category span,
.mercury .space-news-7-item-category span,
.mercury .space-news-3-item-img-category a,
.mercury .space-news-8-item-title-category span,
.mercury .space-news-9-item-info-category span,
.mercury .space-archive-loop-item-img-category a,
.mercury .space-roids-clubs-3-archive-item:first-child .space-roids-clubs-3-archive-item-count,
.mercury .space-single-bonus.space-dark-style 
.space-bonuses-archive-item.space-dark-style .space-bonuses-archive-item-button a,
.mercury nav.pagination a,
.mercury nav.comments-pagination a,
.mercury nav.pagination-post a span.page-number,
.mercury .widget_tag_cloud a,
.mercury .space-footer-top-age span.age-limit,
.mercury .space-footer-top-soc a:hover,
.mercury .home-page .widget_mc4wp_form_widget .mc4wp-form-fields .space-subscribe-filds button,
.mercury .space-content-section .widget_mc4wp_form_widget .mc4wp-form-fields .space-subscribe-filds button {
	background-color: #d63031;}

/* Base typography from the theme. The class filter above could not see these: their selectors
   are bare tag names, so the headings inside the home page's blocks were rendering at body size
   however many block classes they carried. */

.mercury ol,
.mercury ul {
	list-style: none;
}
.mercury table {
	border-collapse: collapse;
	border-spacing: 0;
}
.mercury img {
	max-width: 100%;
	height: auto;
	-webkit-backface-visibility: hidden;
}
.mercury a,
.mercury a:visited {
	text-decoration: none;
	-webkit-transition: all 0.3s ease-in-out;
	   -moz-transition: all 0.3s ease-in-out;
	    -ms-transition: all 0.3s ease-in-out;
	     -o-transition: all 0.3s ease-in-out;
	        transition: all 0.3s ease-in-out;
}
.mercury a:hover {
	text-decoration: none;
}
.mercury a:active,
.mercury a:focus {
	outline: none;
}
.mercury p {
	line-height: 1.65em;
}

/* Colours from the customizer. The theme generates these as an inline <style> block from
   theme_mods — the stylesheet on disk only carries the theme's defaults, which is why the
   chart's buttons came out green and its stars red instead of the site's red and amber. */

.mercury .space-page-content a:hover,
.mercury .space-roids-clubs-3-archive-item-terms-ins a:hover {
	color: #636e72;
}
.mercury .has-mercury-main-background-color,
.mercury .space-roids-clubs-3-archive-item-count,
.mercury .space-bonuses-archive-item-button a {
	background-color: #636e72;
}
.mercury /* Second Color */

.has-mercury-second-color,
.mercury .space-page-content a,
.mercury .space-page-content ul li:before,
.mercury .space-roids-clubs-3-archive-item-terms-ins a,
.mercury .space-roids-club-content-rating-overall .star-rating .star,
.mercury .space-companies-archive-item-rating .star-rating .star,
.mercury .space-roids-club-content-logo-stars .star-rating .star,
.mercury .space-companies-2-archive-item-rating .star-rating .star,
.mercury .space-roids-clubs-3-archive-item-rating-box .star-rating .star,
.mercury .space-roids-clubs-4-archive-item-title .star-rating .star,
.mercury .space-companies-sidebar-2-item-rating .star-rating .star {
	color: #d63031;
}
.mercury .has-mercury-second-background-color,
.mercury .space-roids-clubs-3-archive-item:first-child .space-roids-clubs-3-archive-item-count,
.mercury .space-single-bonus.space-dark-style 
.space-bonuses-archive-item.space-dark-style .space-bonuses-archive-item-button a {
	background-color: #d63031;
}
.mercury /* Stars Color */

.star {
	color: #fdcb6e!important;
}
.mercury .space-roids-clubs-3-archive-item-button-ins a,
.mercury .space-roids-clubs-4-archive-item-button-two-ins a,
.mercury .space-shortcode-wrap .space-roids-clubs-3-archive-item-button-ins a,
.mercury .space-shortcode-wrap .space-roids-clubs-4-archive-item-button-two-ins a {
    color: #ffffff !important;
    background-color: #d63031 !important;
}
.mercury .space-roids-clubs-3-archive-item-button-ins a:hover,
.mercury .space-roids-clubs-4-archive-item-button-two-ins a:hover {
    box-shadow: 0px 0px 15px 0px rgba(214,48,49, 0.55) !important;
}
.mercury /* Read Review - The button color */

.space-roids-clubs-3-archive-item-button-ins a:last-child,
.mercury .space-roids-clubs-4-archive-item-button-one-ins a,
.mercury .space-shortcode-wrap .space-roids-clubs-4-archive-item-button-one-ins a {
    color: #ffffff !important;
    background-color: #b2bec3 !important;
}
.mercury .space-roids-clubs-3-archive-item-button-ins a:last-child:hover,
.mercury .space-roids-clubs-4-archive-item-button-one-ins a:hover {
    box-shadow: 0px 0px 15px 0px rgba(178,190,195, 0.55) !important;
}

/* The original sets Roboto on the whole document, not only on headings. */
body { font-family: var(--font-family); }

/* Every theme image now carries its intrinsic width/height so the browser can reserve the box.
   Rules that cap an image with max-width/max-height set `width: auto` but not `height: auto`,
   and the height attribute would then be taken as the used height and stretch the box. */
img {
	height: auto;
}

/* The migrated mercury rules are scoped to .mercury, not to one page: the chart,
   the taxonomy archives and the review pages all render the same theme markup. */

/* ==========================================================================
   WordPress layout support
   The original loads these on top of block-library; without them the columns
   lose their 2em gap and keep the theme's 15px side margins, and the cover
   block keeps block-library's 1em padding. Verified against the live rules.
   ========================================================================== */
.mercury .wp-block-cover,
.mercury .wp-block-cover-image {
	padding: 0;
}
.mercury .is-layout-flex {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.mercury :where(.is-layout-flex) {
	gap: 0.5em;
}
.mercury :where(.wp-block-columns.is-layout-flex) {
	gap: 2em;
}
.mercury .is-layout-flex > :is(*, div) {
	margin: 0;
}
@media (min-width: 782px) {
	.mercury .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
		flex-basis: 0;
		flex-grow: 1;
	}
}

/* Bootstrap gives paragraphs a 1rem bottom margin; the original's reset zeroes them
   and lets the following block's own top margin do the spacing. */
.mercury p {
	margin-bottom: 0;
}

/* Same source, same fix: Bootstrap pads <mark> by .1875em, which widens every
   highlighted phrase by 6px and re-centres the line it sits on. */
.mercury mark {
	padding: 0;
}


/* ==========================================================================
   Archive pages: chart, taxonomy listings
   Restored from the preserved mercury source — these rules were dropped as unreachable
   while no page emitted this markup.
   ========================================================================== */
.mercury .search-results .space-single-aces-breadcrumbs {
	padding: 0;
}.mercury .search-results .space-single-aces-breadcrumbs .space-breadcrumbs {
    margin-left: 0;
    margin-right: 0;
}.mercury .space-breadcrumbs {
	overflow: hidden;
	margin-top: 5px;
	font-weight: 400;
	font-size: 0.75em;
	line-height: 1.45em;
	color: #7f8c8d;
}.mercury .space-breadcrumbs a {
	color: #7f8c8d;
	padding: 0 8px;
}.mercury .space-breadcrumbs > span > span > a {
	padding-left: 0;
}.mercury .space-breadcrumbs a:hover {
	text-decoration: underline;
}.mercury .space-breadcrumbs span.breadcrumb_last {
	padding-left: 8px;
}.mercury .space-title-box.featured-image .space-breadcrumbs,
.mercury .space-title-box.featured-image .space-breadcrumbs a {
	color: #cecece;
}.mercury /* --- Archive Title Box --- */

.space-archive-title-box {
	background-color: #f1f3f4;
}.mercury .space-archive-title-box-ins {
	padding: 35px 0;
}.mercury .space-archive-title-box-h1 {
	margin: 0 15px;
}.mercury .space-archive-title-box-h1 h1 {
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	font-size: 3.157em;
	line-height: 1.1em;
	color: #151515;
}.mercury /* Title Box End */

/* Archive Section Start */

.space-archive-section {
	/* overflow: hidden; */
}.mercury .space-archive-section-home-ins {
	overflow: hidden;
}.mercury .space-archive-section-ins {
	padding-top: 30px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
}.mercury .space-categories-list-box {
	padding: 0 15px 10px;
	overflow: hidden;
}.mercury .space-categories-list-box ul li {
	float: left;
	display: inline-block;
	color: #7f8c8d;
	font-size: 0.75em;
	line-height: 1.25em;
	font-weight: 400;
	margin-bottom: 5px;
	margin-right: 5px;
}.mercury .space-categories-list-box ul li.active {
	padding: 6px 20px;
	border-radius: 15px;
	border: 1px solid #d6d7db;
}.mercury .space-categories-list-box ul li a {
	display: inline-block;
	color: #ff2453;
	padding: 6px 20px;
	border-radius: 15px;
	border: 1px solid #ff2453;
}.mercury .space-categories-list-box ul li a:hover {
	color: #7f8c8d;
	border: 1px solid #d6d7db;
}.mercury /* Back to Top End */

/* ACES Plugin Start */

.space-single-aces-breadcrumbs {
	max-width: 1200px;
    margin: 0 auto;
    padding: 15px 0 0;
}.mercury .space-single-aces-breadcrumbs .space-breadcrumbs {
	margin-left: 15px;
	margin-right: 15px;
}.mercury .single .space-single-aces-breadcrumbs,
.mercury .page .space-single-aces-breadcrumbs,
.mercury .archive .space-single-aces-breadcrumbs {
	padding: 0;
}.mercury .single .space-single-aces-breadcrumbs .space-breadcrumbs,
.mercury .page .space-single-aces-breadcrumbs .space-breadcrumbs,
.mercury .archive .space-single-aces-breadcrumbs .space-breadcrumbs {
	margin-left: 0;
	margin-right: 0;
}.mercury .single-roids-club .space-single-aces-breadcrumbs,
.mercury .single-game .space-single-aces-breadcrumbs,
.mercury .single-bonus .space-single-aces-breadcrumbs {
	padding: 15px 0 0;
}.mercury .single-roids-club .space-single-aces-breadcrumbs .space-breadcrumbs,
.mercury .single-game .space-single-aces-breadcrumbs .space-breadcrumbs,
.mercury .single-bonus .space-single-aces-breadcrumbs .space-breadcrumbs {
	margin-left: 15px;
	margin-right: 15px;
}.mercury .space-companies-archive-items {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
    flex-wrap: wrap;
	margin-top: 15px;
}

/* The original hangs this border off its archive body class (.post-type-archive-roids-club),
   which is why the same card carries none on the home page. */
.mercury.page-chart .space-roids-clubs-3-archive-item-ins,
.page-chart .mercury .space-roids-clubs-3-archive-item-ins {
	border: 1px solid #d6d7db;
}
/* Accent colours for the filter tabs, from theme_mods_mercury (second colour #d63031). */
.mercury .space-categories-list-box ul li a {
	border: 1px solid #d63031;
}
.mercury .space-categories-list-box ul li.active {
	background-color: #d63031;
	color: #fff;
}


/* ==========================================================================
   Taxonomy listing tile — a quarter-width card, not the chart's full-width row.
   Restored from the preserved mercury source.
   ========================================================================== */
.mercury .space-companies-archive-items {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
    flex-wrap: wrap;
	margin-top: 15px;
}.mercury .space-companies-archive-item {
	display: inline-block;
}.mercury .space-companies-archive-item img {
	border-radius: 5px;
}.mercury .space-companies-archive-item-ins {
	border-radius: 5px;
	background-color: #fff;
	box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.2);
	margin: 0 15px 30px;
	-webkit-transition: all 0.5s ease-in-out;
	   -moz-transition: all 0.5s ease-in-out;
	    -ms-transition: all 0.5s ease-in-out;
	     -o-transition: all 0.5s ease-in-out;
	        transition: all 0.5s ease-in-out;
}.mercury .space-companies-archive-item-ins:hover {
	box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.4);
}.mercury .space-companies-archive-item-big-img {
	margin-bottom: 0;
	line-height: 0;
}.mercury .space-companies-archive-item-big-img img {
	border-radius: 5px 5px 0 0;
}.mercury .space-companies-archive-item-wrap {
	padding: 45px 30px 30px;
}.mercury .space-companies-archive-item-wrap.big {
	padding: 30px;
}.mercury .space-companies-archive-item-img {
	margin-bottom: 30px;
	line-height: 0;
}.mercury .space-companies-archive-item-title {
	margin-bottom: 10px;
}.mercury .space-companies-archive-item-title a {
	font-weight: 700;
    font-size: 1.333em;
    line-height: 1.25em;
    color: #151515;
}.mercury .space-companies-archive-item-title a:hover {
	color: #b2bec3;
}.mercury .space-companies-archive-item-rating {
	margin-bottom: 15px;
}.mercury .space-companies-archive-item-rating .star-rating .star-full:before {
	content: "\f005";
	font-weight: 900;
}.mercury .space-companies-archive-item-rating .star-rating .star-half:before {
	content: "\f5c0";
	font-weight: 900;
}.mercury .space-companies-archive-item-rating .star-rating .star-empty:before {
	content: "\f005";
	font-weight: 400;
}.mercury .space-companies-archive-item-rating .star-rating .star {
	color: #ff2453;
	display: inline-block;
	font-family: 'Font Awesome 5 Free' !important;
	font-size: 1em;
	font-style: normal;
	line-height: 1;
	text-align: center;
	text-decoration: inherit;
	vertical-align: top;
	padding-right: 2px;
	padding-left: 2px;
}.mercury .space-companies-archive-item-rating .star-rating span.screen-reader-text {
	display: none;
}.mercury .space-companies-archive-item-short-desc {
	font-weight: 400;
    font-size: 0.75em;
    line-height: 1.45em;
    color: #7f8c8d;
}.mercury .space-companies-archive-item-short-desc a {
	color: #ff2453;
	text-decoration: underline;
}.mercury .space-companies-archive-item-short-desc a:hover {
	text-decoration: none;
}.mercury .space-companies-archive-item-button {
	margin-top: 30px;
}.mercury .space-companies-archive-item-button a {
	display: inline-block;
	padding: 13px 40px;
	font-weight: 700;
    font-size: 1em;
    line-height: 1.25em;
    color: #fff;
    border-radius: 23px;
    background-color: #be2edd;
    box-shadow: 0px 0px 15px 0px rgba(255, 255, 255, 0.15);
    -webkit-transition: all 0.5s ease-in-out;
	   -moz-transition: all 0.5s ease-in-out;
	    -ms-transition: all 0.5s ease-in-out;
	     -o-transition: all 0.5s ease-in-out;
	        transition: all 0.5s ease-in-out;
}.mercury .space-companies-archive-item-button a:hover {
	box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.25);
}.mercury /* --- Casinos Shortcode #1 --- */

.space-shortcode-wrap .space-companies-archive-item-title a {
	color: #151515 !important;
	text-decoration: none !important;
}.mercury .space-shortcode-wrap .space-companies-archive-item-title a:hover {
    color: #b2bec3 !important;
	text-decoration: none !important;
}.mercury .space-shortcode-wrap .space-companies-archive-item-button a {
	color: #fff !important;
	text-decoration: none !important;
}

/* The original serves a WordPress -120x120 derivative here; the migration kept only the source
   file, so the 120 box is enforced in CSS instead. width/height auto because every image now
   carries intrinsic attributes, which would otherwise stretch it against max-height. */
.mercury .space-companies-archive-item-img img {
	max-width: 120px;
	max-height: 120px;
	width: auto;
	height: auto;
}

/* The stars sit on a 16px line on the original; ours inherited the 1.5 body leading. */
.mercury .space-companies-archive-item-rating .star-rating {
	line-height: 1;
}


/* ==========================================================================
   Review page (style-3 header, call-to-action, criteria ratings, pros/cons, details)
   Restored from the preserved mercury source. Must sit BEFORE the customizer palette.
   ========================================================================== */
.mercury .space-overlay {
	background: rgba(0, 0, 0, 0.8);
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	-webkit-transition: all 0.3s ease-in-out;
	   -moz-transition: all 0.3s ease-in-out;
	    -ms-transition: all 0.3s ease-in-out;
	     -o-transition: all 0.3s ease-in-out;
	        transition: all 0.3s ease-in-out;
}.mercury .space-news-2-small-item-ins .space-overlay {
	border-radius: 5px;
	background: rgba(0, 0, 0, 0);
}.mercury .space-news-2-small-item-ins:hover .space-overlay {
	background: rgba(0, 0, 0, 0.3);
}.mercury .space-news-3-item-ins .space-overlay {
	border-radius: 5px;
	background: rgba(0, 0, 0, 0);
}.mercury .space-news-3-item-ins:hover .space-overlay {
	background: rgba(0, 0, 0, 0.3);
}.mercury .space-news-4-item.small-news-block .space-news-4-item-ins .space-overlay {
	border-radius: 5px;
	background: rgba(0, 0, 0, 0);
}.mercury .space-news-4-item.small-news-block .space-news-4-item-ins:hover .space-overlay {
	background: rgba(0, 0, 0, 0.3);
}.mercury .space-news-6-item .space-overlay {
	border-radius: 5px;
	background: rgba(0, 0, 0, 0.3);
}.mercury .space-news-6-item-ins:hover .space-overlay {
	background: rgba(0, 0, 0, 0.5);
}.mercury .space-news-7-item .space-overlay {
	border-radius: 5px;
	background: rgba(0, 0, 0, 0.3);
}.mercury .space-news-7-item-ins:hover .space-overlay {
	background: rgba(0, 0, 0, 0.5);
}.mercury .space-news-8-item .space-overlay {
	border-radius: 5px;
	background: rgba(0, 0, 0, 0.3);
}.mercury .space-news-8-item-ins:hover .space-overlay {
	background: rgba(0, 0, 0, 0.5);
}.mercury .space-news-9-item .space-overlay {
	border-radius: 5px;
	background: rgba(0, 0, 0, 0.3);
}.mercury .space-news-9-item-ins:hover .space-overlay {
	background: rgba(0, 0, 0, 0.5);
}.mercury .space-news-10-item .space-overlay {
	border-radius: 5px;
	background: rgba(0, 0, 0, 0);
}.mercury .space-news-10-item-ins:hover .space-overlay {
	background: rgba(0, 0, 0, 0.3);
}.mercury .space-news-11-item .space-overlay {
	border-radius: 5px;
	background: rgba(0, 0, 0, 0);
}.mercury .space-news-11-item-ins:hover .space-overlay {
	background: rgba(0, 0, 0, 0.3);
}.mercury .space-title-box.featured-image .space-overlay {
	background: rgba(0,0,0,0.7);
}.mercury .space-archive-loop-item-img-ins .space-overlay {
	background: rgba(0, 0, 0, 0);
	border-radius: 5px;
}.mercury .space-archive-loop-item-img-ins:hover .space-overlay {
	background: rgba(0, 0, 0, 0.3);
}.mercury .space-comments .space-page-content ul li:before {
	display: none;
}.mercury /* Page Section End */

/* Comments Template Start */

.space-comments {
	overflow: hidden;
}.mercury .space-comments-ins {
	overflow: hidden;
	margin-bottom: 0;
	border-radius: 5px;
	background-color: #f1f3f4;
}.mercury .space-comments-wrap {
	padding: 30px 30px 15px;
	overflow: hidden;
}.mercury .space-comments-list {
	overflow: hidden;
	margin-bottom: 15px;
}.mercury .space-comments-list ul.comment-list,
.mercury .space-comments-list ul.comment-list li ul {
	margin-bottom: 0;
	margin-left: 0;
	list-style: none;
}.mercury .space-comments-list ul.comment-list li ul {
	margin-left: 30px;
}.mercury .space-comments-list ul.comment-list li,
.mercury .space-comments-list ul.comment-list li ul li {
	padding: 0;
	overflow: hidden;
}.mercury .space-comments-list-item-ins {
	background-color: #fff;
	border-radius: 5px;
	padding: 30px;
	margin: 15px 0;
	overflow: hidden;
}.mercury .space-comments-list-item-avatar {
	top: 30px;
	left: 30px;
}.mercury .space-comments-list-item-avatar img {
	border-radius: 50%;
}.mercury .space-comments-list-item-data {
	padding-left: 100px;
}.mercury .pingback .space-comments-list-item-data {
	padding-left: 0;
}.mercury .space-comments-list-item-author {
	margin-bottom: 15px;
}.mercury .space-comments-list-item-author {
	color: #2d3436;
	font-size: 1em;
	line-height: 1.45em;
	font-weight: 700;
}.mercury .space-comments-list-item-author a {
	color: #2d3436 !important;
	font-size: 1em;
	line-height: 1.45em;
	font-weight: 700;
	text-decoration: underline;
}.mercury .space-comments-list-item-author a:hover {
	color: #ff2453 !important;
	text-decoration: underline;
}.mercury .space-comments-list-item-text {
	padding-bottom: 15px;
}.mercury .space-comments-list-item-text p:last-child {
	padding-bottom: 0;
}.mercury .space-comments-list-item-date,
.mercury .space-comments-list-item-date a,
.mercury p.logged-in-as,
.mercury p.logged-in-as a {
	color: #7f8c8d !important;
	font-size: 12px;
	line-height: 1.45em;
	font-weight: 400;
	text-decoration: none;
}.mercury .space-comments-list-item-date a:hover {
	text-decoration: underline;
}.mercury .space-comments-list-item-date span {
	padding: 10px;
}.mercury .space-comments-list-item-date a.comment-reply-link {
	margin-left: 15px;
	color: #ff2453 !important;
	text-decoration: underline;
}.mercury .space-comments-list-item-date a.comment-reply-link:hover {
	color: #ff2453 !important;
	text-decoration: underline;
}.mercury .comment-respond {
	overflow: hidden;
	position: relative;
	padding: 15px 0;
}.mercury .space-comments-form-box,
.mercury form.comment-form {
	overflow: hidden;
	line-height: 1.45em;
}.mercury .space-comments-form-box p.comment-notes,
.mercury form.comment-form p.comment-notes {
	padding-bottom: 30px;
	color: #7f8c8d !important;
	font-size: 12px;
	line-height: 1.45em;
	font-weight: 400;
}.mercury .space-comments-form-box p.comment-notes span,
.mercury form.comment-form p.comment-notes span {
	font-weight:700;
}.mercury .space-comments-form-box p.comment-notes span.required,
.mercury form.comment-form p.comment-notes span.required {
	color: #d63031;
	font-weight: 400;
}.mercury .space-comments-form-box input[type="text"],
.mercury .space-comments-form-box input[type="email"],
.mercury .space-comments-form-box input[type="password"],
.mercury .space-comments-form-box input[type="submit"],
.mercury .space-comments-form-box input[type="url"],
.mercury form.comment-form input[type="text"],
.mercury form.comment-form input[type="email"],
.mercury form.comment-form input[type="password"],
.mercury form.comment-form input[type="submit"],
.mercury form.comment-form input[type="url"] {
	width: 50%;
}.mercury .space-comments-form-box input[type="submit"],
.mercury form.comment-form input[type="submit"] {
	margin-bottom: 0;
}.mercury /* --- Single Casino Page --- */

.space-single-roids-club .space-page-section-ins {
	padding-top: 20px;
}.mercury .space-single-roids-club .space-page-content-box-wrap {
    border-bottom: 0;
    padding-bottom: 45px;
    margin: 0;
}.mercury .space-single-roids-club .space-page-content-meta {
	padding-bottom: 30px;
}.mercury .space-roids-club-content-excerpt {
	overflow: hidden;
	padding-bottom: 20px;
	margin-bottom: 30px;
	font-weight: 300;
    font-size: 1.333em;
    line-height: 1.45em;
    color: #7f8c8d;
    border-bottom: 1px solid #dfe6e9;
}.mercury .space-roids-club-content-excerpt p {
    line-height: 1.45em;
}.mercury .space-roids-club-content-excerpt img {
	display: inline-block;
	margin: 7px 0 15px;
	border-radius: 5px;
}.mercury .space-roids-club-content-excerpt img.left {
	margin-right: 30px;
}.mercury .space-roids-club-content-excerpt img.right {
	margin-left: 30px;
}.mercury .space-style-2-roids-club .space-roids-club-content-excerpt {
	padding-bottom: 0;
    border-bottom: 0;
}.mercury .space-roids-club-header-logo-title {
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
}.mercury .space-roids-club-header-logo-box {
	line-height: 0;
	width: 135px;
	flex: none;
}.mercury .space-roids-club-header-logo-box img {
	border-radius: 5px;
}.mercury .space-roids-club-header-logo-rating {
	display: inline-block;
	right: -30px;
    top: -15px;
	padding: 7px 8px 7px 10px;
	background-color: #fff;
	color: #111111;
	font-weight: 700;
    font-size: 1em;
	line-height: 16px;
	border-radius: 15px;
	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
}.mercury .space-roids-club-header-logo-rating i {
	color: #ff2453;
	display: inline-block;
    float: right;
    padding-top: 1px;
    padding-left: 5px;
	font-size: 13px;
}.mercury .space-roids-club-header-title-box {
	margin-left: 30px;
}.mercury .space-roids-club-header-title-box h1 {
	font-weight: 700;
    font-size: 2.369em;
    line-height: 1.1em;
}.mercury .space-roids-club-header-short-desc {
	padding: 5px 0 0;
	font-weight: 400;
    font-size: 1em;
    line-height: 1.45em;
    color: #7f8c8d;
}.mercury .space-roids-club-header-short-desc a {
	color: #ff2453;
	text-decoration: underline;
}.mercury .space-roids-club-header-short-desc a:hover {
	text-decoration: none;
}.mercury .space-roids-club-header-button {

}.mercury .space-roids-club-header-button a.space-style-2-button {
	display: block;
	padding: 17px 40px;
	margin: 15px 15px 10px;
	font-weight: 300;
    font-size: 1.333em;
    line-height: 1.25em;
    color: #fff;
    border-radius: 5px;
    background-color: #2ecc71;
    box-shadow: 0px 5px 15px 0px rgba(45, 221, 108, 0.55);
    -webkit-transition: all 0.5s ease-in-out;
	   -moz-transition: all 0.5s ease-in-out;
	    -ms-transition: all 0.5s ease-in-out;
	     -o-transition: all 0.5s ease-in-out;
	        transition: all 0.5s ease-in-out;
}.mercury .space-roids-club-header-button a.space-style-2-button:hover {
	box-shadow: 0px 5px 15px 0px rgba(45, 221, 108, 0);
}.mercury .space-roids-club-header-button a.space-style-2-button i {
	padding-left: 5px;
	font-size: 18px;
}.mercury .space-roids-club-header-button-notice {
	margin: 0 15px;
	font-weight: 400;
    font-size: 0.75em;
    line-height: 1.25em;
    color: #7f8c8d;
}.mercury .space-roids-club-header-button-notice a {
	color: #7f8c8d;
	text-decoration: underline;
}.mercury .space-roids-club-header-button-notice a:hover {
	text-decoration: none;
}.mercury /* --- Single Casino Page - Style 3 --- */

.space-style-3-roids-club .space-page-content-wrap {
    margin-bottom: 45px;
}.mercury .space-style-3-roids-club-header {
	min-height: 400px;
	background-color: #b2bec3;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
}.mercury .space-style-3-roids-club-header .space-overlay {
	background: rgba(0, 0, 0, 0.6);
}.mercury .space-style-3-roids-club-header-ins {
	padding: 60px 0;
	width: 100%;
}.mercury .space-style-3-roids-club-header-elements {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
    flex-wrap: wrap;
}.mercury .space-style-3-roids-club-header-left {
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    align-items: center;
    justify-content: center;
}.mercury .space-style-3-roids-club-header-left-ins {
	margin: 0 15px;
}.mercury .space-style-3-roids-club-header-logo-box {
	line-height: 0;
}.mercury .space-style-3-roids-club-header-logo-box img {
	border-radius: 5px;
}.mercury .space-style-3-roids-club-header-right {
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
}.mercury .space-style-3-roids-club-header-title {
	margin: 0 15px;
}.mercury .space-style-3-roids-club-header-title-box h1 {
	font-weight: 700;
    font-size: 2.369em;
    line-height: 1.1em;
    color: #fff;
}.mercury .space-style-3-roids-club-header-short-desc {
	padding: 10px 0 0;
	font-weight: 400;
    font-size: 1em;
    line-height: 1.45em;
    color: #b2bec3;
}.mercury .space-style-3-roids-club-header-short-desc a {
	color: #b2bec3;
	text-decoration: underline;
}.mercury .space-style-3-roids-club-header-short-desc a:hover {
	text-decoration: none;
}.mercury .space-style-3-roids-club-header-title-box .space-header-accepted-info {
    color: #e4e5e7;
}.mercury .space-style-3-roids-club-header-button-ins {
	display: inline-block;
	margin-top: 15px;
}.mercury .space-style-3-roids-club-header-button a.space-style-3-button {
	display: inline-block;
	padding: 13px 70px;
	margin: 0 0 10px;
	font-weight: 400;
    font-size: 1em;
    line-height: 1.25em;
    color: #fff;
    border-radius: 23px;
    background-color: #2ecc71;
    box-shadow: 0px 5px 15px 0px rgba(45, 221, 108, 0.55);
    -webkit-transition: all 0.5s ease-in-out;
	   -moz-transition: all 0.5s ease-in-out;
	    -ms-transition: all 0.5s ease-in-out;
	     -o-transition: all 0.5s ease-in-out;
	        transition: all 0.5s ease-in-out;
}.mercury .space-style-3-roids-club-header-button a.space-style-3-button:hover {
	box-shadow: 0px 5px 15px 0px rgba(45, 221, 108, 0);
}.mercury .space-style-3-roids-club-header-button-notice {
	font-weight: 400;
    font-size: 0.75em;
    line-height: 1.25em;
    color: #7f8c8d;
}.mercury .space-style-3-roids-club-header-button-notice a {
	color: #7f8c8d;
	text-decoration: underline;
}.mercury .space-style-3-roids-club-header-button-notice a:hover {
	text-decoration: none;
}.mercury .space-style-3-roids-club-header-rating {
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
	align-items: center;
	right: 15px;
	top: 0;
	color: #b2bec3;
	font-size: 1em;
    line-height: 30px;
}.mercury .space-style-3-roids-club-header-rating strong {
	font-weight: 700;
    font-size: 1em;
    line-height: 30px;
    color: #fff;
}.mercury .space-rating-star-wrap {
	display: inline-block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	margin-right: 5px;
}.mercury .space-rating-star-background {
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-color: #ffd32a;
	opacity: 0.3;
}.mercury .space-rating-star-icon {
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}.mercury /* --- Call to action & Ratings Block --- */

.space-roids-club-style-2-calltoaction-rating {
	background-color: #f1f3f4;
	border-radius: 5px;
	padding: 35px 30px;
}.mercury .space-roids-club-style-2-calltoaction-block {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
    flex-wrap: wrap;
	border-bottom: 1px solid #dcdde1;
	padding-bottom: 30px;
}.mercury .space-roids-club-style-2-calltoaction-text {
	display: inline-block;
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
}.mercury .space-roids-club-style-2-calltoaction-text-ins {
	padding-right: 30px;
	font-weight: 400;
    font-size: 0.75em;
    line-height: 1.45em;
    color: #7f8c8d;
}.mercury .space-roids-club-style-2-calltoaction-text-ins strong {
	font-weight: 700;
    font-size: 28.43px;
    line-height: 1.25em;
    color: #111111;
}.mercury .space-roids-club-style-2-calltoaction-text-ins span {
	display: inline-block;
	font-weight: 700;
    font-size: 16px;
    line-height: 1.25em;
    color: #2e3246;
    padding-bottom: 5px;
}.mercury .space-roids-club-style-2-calltoaction-text-ins a {
	color: #ff2453;
	text-decoration: underline;
}.mercury .space-roids-club-style-2-calltoaction-text-ins a:hover {
	text-decoration: none;
}.mercury .space-roids-club-style-2-calltoaction-button {
	display: inline-block;
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}.mercury .space-roids-club-style-2-calltoaction-button-ins a.space-calltoaction-button {
	display: inline-block;
	padding: 13px 40px;
	margin: 8px 0;
	font-weight: 700;
    font-size: 1em;
    line-height: 1.25em;
    color: #fff;
    border-radius: 23px;
    background-color: #2ecc71;
    box-shadow: 0px 5px 15px 0px rgba(45, 221, 108, 0.55);
    -webkit-transition: all 0.5s ease-in-out;
	   -moz-transition: all 0.5s ease-in-out;
	    -ms-transition: all 0.5s ease-in-out;
	     -o-transition: all 0.5s ease-in-out;
	        transition: all 0.5s ease-in-out;
}.mercury .space-roids-club-style-2-calltoaction-button-ins a.space-calltoaction-button:hover {
	box-shadow: 0px 5px 15px 0px rgba(45, 221, 108, 0);
}.mercury .space-roids-club-style-2-calltoaction-button-ins a.space-calltoaction-button i {
	padding-left: 5px;
}.mercury .space-roids-club-style-2-calltoaction-button-notice {
	font-weight: 400;
    font-size: 0.75em;
    line-height: 1.25em;
    color: #7f8c8d;
}.mercury .space-roids-club-style-2-calltoaction-button-notice a {
	color: #7f8c8d;
	text-decoration: underline;
}.mercury .space-roids-club-style-2-calltoaction-button-notice a:hover {
	text-decoration: none;
}.mercury .space-roids-club-style-2-ratings-block {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
    flex-wrap: wrap;
	padding-top: 20px;
}.mercury .space-roids-club-style-2-ratings-all {
	display: inline-block;
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
}.mercury .space-roids-club-style-2-ratings-all-ins {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
    flex-wrap: wrap;
}.mercury .space-roids-club-style-2-ratings-all-item {
	display: inline-block;
}.mercury .space-roids-club-style-2-ratings-all-item-ins {
	line-height: 30px;
	padding: 10px 15px 10px 0;
}.mercury .space-roids-club-style-2-ratings-all-item-value {
	float: left;
	display: inline-block;
	padding: 8px 8px 6px 10px;
	margin-right: 12px;
	background-color: #fff;
	color: #111111;
	font-weight: 700;
    font-size: 1em;
	line-height: 16px;
	border-radius: 15px;
	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
}.mercury .space-roids-club-style-2-ratings-all-item-value i {
	color: #ff2453;
	display: inline-block;
    float: right;
    padding-top: 1px;
    padding-left: 5px;
	font-size: 13px;
}.mercury .space-roids-club-style-2-rating-overall {
	display: inline-block;
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}.mercury .space-roids-club-style-2-rating-overall-ins {
	padding: 10px 0;
	font-weight: 700;
    font-size: 3.157em;
    line-height: 1em;
    color: #111111;
}.mercury .space-roids-club-style-2-rating-overall-ins span {
	display: block;
	font-weight: 400;
    font-size: 16px;
    line-height: 24px;
}.mercury /* --- Casino Details --- */

.space-roids-club-details {
	padding-bottom: 45px;
}.mercury .space-roids-club-details-item {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
    flex-wrap: wrap;
	border-top: 1px solid #dfe6e9;
	margin-top: 30px;
	padding: 20px 0;
}.mercury .space-roids-club-details-item-title {
	display: inline-block;
	line-height: 30px;
}.mercury .space-roids-club-details-item-title span {
	display: inline-block;
	text-align: center;
	margin-right: 10px;
	width: 30px;
	height: 30px;
	background-color: #f1f3f4;
	border-radius: 50%;
	color: #ff2453;
	font-size: 12px;
	line-height: 30px;
}.mercury .space-roids-club-details-item-links {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
    flex-wrap: wrap;
}.mercury .space-roids-club-details-item-links a {
	display: inline-block;
	color: #2e3246;
	font-size: 1em;
	line-height: 1.333em;
	padding: 5px 20px 6px;
	margin-right: 4px;
	margin-bottom: 8px;
	border-radius: 16px;
	background-color: #f1f3f4;
}.mercury .space-roids-club-details-item-links a:hover {
	color: #fff;
	background-color: #ff2453;
}.mercury .space-roids-club-details-item-links a.logo-item {
	font-size: 0;
	line-height: 0;
	padding: 0;
	margin: 0 10px 8px 6px;
	border-radius: 0;
	background-color: transparent;
}.mercury .space-roids-club-details-item-links a.logo-item:hover {
	color: transparent;
	background-color: transparent;
}.mercury .space-roids-club-details-item-links span {
	display: inline-block;
	color: #2e3246;
	font-size: 1em;
	line-height: 1.333em;
	padding: 5px 20px 6px;
	margin-right: 4px;
	margin-bottom: 8px;
	border-radius: 16px;
	background-color: #f1f3f4;
}.mercury .space-roids-club-details-item-links span.flag-item {
	font-size: 0;
	line-height: 0;
	padding: 0;
	margin: 0 10px 8px 6px;
	border-radius: 0;
	background-color: transparent;
}.mercury /* --- Pros/Cons --- */

.space-pros-cons {
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 60px;
}.mercury .space-pros-cons ul {
	margin-left: 0;
}.mercury .space-pros-cons ul li {
    padding: 5px 5px 5px 22px;
    font-size: 1em;
    line-height: 1.25em;
    position: relative;
}.mercury .space-pros-cons ul li:before {
    content: "\f058";
    font-family: 'Font Awesome 5 Free' !important;
    font-weight: 400;
    position: absolute;
    font-size: 14px;
    top: 5px;
    left: 0;
    color: #ff2453;
}.mercury .space-pros-cons ul li a,
.mercury .space-pros-cons ol li a {
	color: #ff2453;
    text-decoration: underline;
}.mercury .space-pros-cons ul li a:hover,
.mercury .space-pros-cons ol li a:hover {
    color: #be2edd;
}.mercury .space-pros-cons ol {
	list-style: decimal;
	padding-left: 18px;
}.mercury .space-pros-cons ol li {
	padding: 5px 5px 5px 5px;
    font-size: 1em;
    line-height: 1.25em;
    position: relative;
}.mercury .space-pros {
	display: flex;
    flex-direction: column;
}.mercury .space-cons {
	display: flex;
    flex-direction: column;
}.mercury .space-pros-ins {
	flex-grow: 1;
    flex-shrink: 1;
    flex-basis: auto;
	overflow: hidden;
	padding: 30px;
	border: 1px solid #dfe6e9;
	border-radius: 5px;
}.mercury .space-pros.box-50 .space-pros-ins {
	margin-right: 15px;
}.mercury .space-pros-ins:before {
	content: "\f067";
    font-family: 'Font Awesome 5 Free' !important;
    font-weight: 700;
    position: absolute;
    font-size: 34px;
    line-height: 50px;
    text-align: center;
    top: 15px;
    right: 15px;
    color: #fff;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    background-color: #d5f1e2;
}.mercury .space-pros-ins ul li:before {
	font-weight: 700;
	content: "\f067";
	color: #2ecc71;
}.mercury .space-cons-ins {
	flex-grow: 1;
    flex-shrink: 1;
    flex-basis: auto;
	overflow: hidden;
	padding: 30px;
	border: 1px solid #dfe6e9;
	border-radius: 5px;
}.mercury .space-cons.box-50 .space-cons-ins {
	margin-left: 15px;
}.mercury .space-cons-ins:before {
	content: "\f068";
    font-family: 'Font Awesome 5 Free' !important;
    font-weight: 700;
    position: absolute;
    font-size: 34px;
    line-height: 50px;
    text-align: center;
    top: 15px;
    right: 15px;
    color: #fff;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    background-color: #fde3e8;
}.mercury .space-cons-ins ul li:before {
	font-weight: 700;
	content: "\f068";
}.mercury .space-pros-title,
.mercury .space-cons-title {
	padding-bottom: 15px;
    font-family: 'Roboto', sans-serif;
    color: #151515;
    font-size: 1.333em;
    line-height: 1.45em;
    font-weight: 700;
}.mercury .space-roids-clubs-5-archive-item-ins .space-overlay {
	border-radius: 5px;
    background: rgba(0, 0, 0, 0);
    opacity: 0;
    visibility: hidden;
}.mercury .space-roids-clubs-5-archive-item-ins:hover .space-overlay {
	border-radius: 5px;
    background: rgba(0, 0, 0, 0.5);
    opacity: 1;
    visibility: visible;
}.mercury .space-roids-clubs-6-archive-item-ins .space-overlay {
	border-radius: 5px;
    background: rgba(0, 0, 0, 0);
    opacity: 0;
    visibility: hidden;
}.mercury .space-roids-clubs-6-archive-item-ins:hover .space-overlay {
	border-radius: 5px;
    background: rgba(0, 0, 0, 0.5);
    opacity: 1;
    visibility: visible;
}.mercury .space-roids-clubs-7-archive-item-rating .space-rating-star-wrap {
	width: 25px;
	height: 25px;
	line-height: 26px;
}.mercury .space-games-2-archive-item-ins .space-overlay {
	border-radius: 5px;
    background: rgba(0, 0, 0, 0);
    opacity: 0;
    visibility: hidden;
}.mercury .space-games-2-archive-item-ins:hover .space-overlay {
	border-radius: 5px;
    background: rgba(0, 0, 0, 0.5);
    opacity: 1;
    visibility: visible;
}.mercury .space-games-3-archive-item-ins .space-overlay {
	border-radius: 5px;
    background: rgba(0, 0, 0, 0);
    opacity: 0;
    visibility: hidden;
}.mercury .space-games-3-archive-item-ins:hover .space-overlay {
	border-radius: 5px;
    background: rgba(0, 0, 0, 0.5);
    opacity: 1;
    visibility: visible;
}.mercury .space-aces-single-bonus-info .space-overlay {
	border-radius: 5px;
	background: rgba(255, 255, 255, 0.9);
}.mercury .space-single-bonus.space-dark-style .space-overlay {
	background: rgba(0, 0, 0, 0.7);
}

/* The review header photo: the original crops it server-side per breakpoint, we let
   cover do the same cropping from the one source file. */
/* The review header background is per shop, not one image for the site: the original prints an
   inline <style> pointing at this attachment's mercury-2000-400 derivative and swaps it for a
   square crop on tablet and phone. Six images cover all 34 reviews, so they are modifiers here
   rather than 34 inline blocks; repeat, position, size and the #b2bec3 fallback already sit on
   .space-style-3-roids-club-header, and the seven shops that set no background fall through to
   it, exactly as they do on the original.
   Built by tools/generators/roidsclub_images.php. */
.mercury .bg-bonus-image { background-image: url('../images/content/2020/04/bonus-image-2000x400.webp'); }
.mercury .bg-game-image { background-image: url('../images/content/2020/04/game-image-2000x400.webp'); }
.mercury .bg-post-image { background-image: url('../images/content/2020/04/post-image-2000x400.webp'); }
.mercury .bg-vxl146-rustic-usa-flag { background-image: url('../images/content/2021/07/VXL146-Rustic-USA-Flag-Metal-Sign__97611.1535728936-2000x400.webp'); }
.mercury .bg-background { background-image: url('../images/content/2022/04/background-1366x400.webp'); }
.mercury .bg-steroids { background-image: url('../images/content/2022/04/steroids-1366x400.webp'); }

@media screen and (max-width: 767px) and (min-width: 480px) {
	.mercury .bg-bonus-image { background-image: url('../images/content/2020/04/bonus-image-767x767.webp'); }
	.mercury .bg-game-image { background-image: url('../images/content/2020/04/game-image-767x767.webp'); }
	.mercury .bg-post-image { background-image: url('../images/content/2020/04/post-image-767x767.webp'); }
	.mercury .bg-vxl146-rustic-usa-flag { background-image: url('../images/content/2021/07/VXL146-Rustic-USA-Flag-Metal-Sign__97611.1535728936-767x767.webp'); }
	.mercury .bg-background { background-image: url('../images/content/2022/04/background-767x767.webp'); }
	.mercury .bg-steroids { background-image: url('../images/content/2022/04/steroids-767x767.webp'); }
}

@media screen and (max-width: 479px) {
	.mercury .bg-bonus-image { background-image: url('../images/content/2020/04/bonus-image-479x479.webp'); }
	.mercury .bg-game-image { background-image: url('../images/content/2020/04/game-image-479x479.webp'); }
	.mercury .bg-post-image { background-image: url('../images/content/2020/04/post-image-479x479.webp'); }
	.mercury .bg-vxl146-rustic-usa-flag { background-image: url('../images/content/2021/07/VXL146-Rustic-USA-Flag-Metal-Sign__97611.1535728936-479x479.webp'); }
	.mercury .bg-background { background-image: url('../images/content/2022/04/background-479x479.webp'); }
	.mercury .bg-steroids { background-image: url('../images/content/2022/04/steroids-479x479.webp'); }
}


/* ==========================================================================
   The theme's percentage grid. box-33 and box-66 never came over with the first pass,
   which left the review page's two-column blocks splitting by flex default instead.
   ========================================================================== */
/* The theme's reset puts line-height: 1 on the document; Bootstrap's 1.5 would otherwise be
   inherited by every block that has no explicit value of its own, which is most of the review
   page. Lower specificity than any theme rule, so nothing that sets its own leading changes. */
/* Scoped to the review template, not to .mercury as a whole: the home page, the chart and the
   taxonomy listings already match the original with Bootstrap's leading inherited, because every
   block they use sets its own. Widening this to .mercury tripled the home page's height. */
.page-review.mercury {
	line-height: 1;
}
/* Same reason: Bootstrap gives ul/ol a 1rem bottom margin the theme zeroes,
which shows up as a 16px gap under any list the migrated meta carries — the Cons column on a review. */ .page-review.mercury ul {
	margin: 0;
}

.mercury .box-20  { width: 20%; }
.mercury .box-75  { width: 75%; }
.mercury .box-33  { width: 33.33333333%; }
.mercury .box-40  { width: 40%; }
.mercury .box-60  { width: 60%; }
.mercury .box-66  { width: 66.66666666%; }
.mercury .box-80  { width: 80%; }

/* ==========================================================================
   Static pages: the title box, the content column and the right sidebar
   page.php and page-no-sidebar.php in the original theme. Restored from the preserved mercury
   source; .left, .right, .space-widget and .space-block-title went out with the dead-rule sweep
   because nothing used them until the sidebar came back. Must sit BEFORE the customizer palette.
   ========================================================================== */
.mercury .left {
	float: left;
}
.mercury .right {
	float: right;
}
.mercury .space-title-box-ins {
	padding-top: 60px;
}
.mercury .space-title-box-h1 {
	margin: 0 15px;
}
.mercury .space-title-box-h1 h1 {
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	font-size: 3.157em;
	line-height: 1.1em;
	color: #151515;
}
.mercury .space-content-section.no-sidebar {
	max-width: 900px;
	margin: 0 auto;
}
.mercury .space-content-section img {
	border-radius: 5px;
}
.mercury .space-page-content.page-template {
	margin-bottom: 60px;
}
.mercury .space-block-title {
	padding: 0 15px 30px;
	font-family: 'Roboto', sans-serif;
	color: #151515;
	font-size: 1.333em;
	line-height: 1.45em;
	font-weight: 700;
}

/* The two overlapping dots the theme sets before every block heading. Only their colours came
   over with the customizer palette; without the geometry the pseudo-elements had no content and
   drew nothing. The palette further down repaints both, which is why the lower one reads grey
   rather than the theme default purple. */
.mercury .space-block-title span {
	z-index: 1;
	padding-left: 23px;
	position: relative;
}
.mercury .space-block-title span:before {
	content: '';
	z-index: 1;
	opacity: 0.8;
	width: 11px;
	height: 11px;
	position: absolute;
	left: 0;
	border-radius: 50%;
	top: 4px;
	background-color: #ff2453;
}
.mercury .space-block-title span:after {
	content: '';
	z-index: -1;
	width: 11px;
	height: 11px;
	position: absolute;
	left: 0;
	border-radius: 50%;
	top: 11px;
	background-color: #be2edd;
}

/* The original keyed this on the WordPress post_class; ours are page-* on the same <main>. */
.mercury.page-bonus .read-more-block .space-block-title,
.mercury.page-review .read-more-block .space-block-title {
	padding-bottom: 15px;
}
.mercury .space-widget {
	overflow: hidden;
	max-width: 1200px;
	margin: 0 auto 60px;
	color: #2e3246;
	font-size: 1em;
	line-height: 1.45em;
	font-weight: 400;
}
.mercury .space-sidebar-section .space-widget:last-child {
	margin-bottom: 15px;
}

/* The theme clips .space-widget, which is fine for its own widgets but cuts the drop shadow off
   the cards the shop puts in the sidebar: the card has 25px of blur to spend and only 15px of
   room at the sides and none at all under it, so the shadow stopped dead at the bottom edge. */
.mercury .space-widget:has(> .space-cart-summary-ins),
.mercury .space-widget:has(> .space-order-address-ins),
.mercury .space-widget:has(> .space-catalog-rating-ins) {
	overflow: visible;
}

/* The "New Shops" widget in that sidebar — #4 Casinos Sidebar Widget in the aces plugin.
   The logo and the text sit side by side on the theme's negative-margin trick, not on flex. */
.mercury .space-companies-sidebar-2-items-wrap {
	margin: 0;
}
.mercury .space-companies-sidebar-2-items {
	display: flex;
	flex-wrap: wrap;
}
.mercury .space-companies-sidebar-2-item:last-child .space-companies-sidebar-2-item-ins {
	margin-bottom: 0;
}
.mercury .space-companies-sidebar-2-item img {
	border-radius: 5px;
}
.mercury .space-companies-sidebar-2-item-ins {
	margin: 0 15px 30px;
	overflow: hidden;
}
.mercury .space-companies-sidebar-2-item-img {
	width: 115px;
	height: 100px;
	margin-right: -115px;
	line-height: 0;
	z-index: 1;
}
.mercury .space-companies-sidebar-2-item-title-box {
	width: 100%;
}
.mercury .space-companies-sidebar-2-item-title-box-ins {
	margin-left: 115px;
}
.mercury .space-companies-sidebar-2-item-title {
	margin-bottom: 5px;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	font-size: 1em;
	line-height: 1.2em;
	color: #151515;
}
.mercury .space-companies-sidebar-2-item-title a {
	color: #151515;
	border-bottom: 1px solid transparent;
}
.mercury .space-companies-sidebar-2-item-title a:hover {
	color: #b2bec3;
}

/* wp_star_rating() ships block-level divs and a screen-reader label; the theme repaints every
   instance with Font Awesome and lays them out itself, once per widget family. Copied whole from
   the original — without the .star rule the five stars stack in a column. The empty star is the
   regular face of the same glyph, hence weight 400. */
.mercury .space-companies-sidebar-2-item-rating .star-rating {
	line-height: 1em;
}
.mercury .space-companies-sidebar-2-item-rating .star-rating .star-full:before {
	content: "\f005";
	font-weight: 900;
}
.mercury .space-companies-sidebar-2-item-rating .star-rating .star-half:before {
	content: "\f5c0";
	font-weight: 900;
}
.mercury .space-companies-sidebar-2-item-rating .star-rating .star-empty:before {
	content: "\f005";
	font-weight: 400;
}
.mercury .space-companies-sidebar-2-item-rating .star-rating .star {
	color: #ff2453;
	display: inline-block;
	font-family: 'Font Awesome 5 Free' !important;
	font-size: 0.75em;
	font-style: normal;
	line-height: 1;
	text-align: center;
	text-decoration: inherit;
	vertical-align: top;
	padding-right: 2px;
	padding-left: 2px;
}
.mercury .space-companies-sidebar-2-item-rating .star-rating span.screen-reader-text {
	display: none;
}

/* ==========================================================================
   The three pages the review site never had — about, contact, FAQ. They came from the shop base
   theme on Bootstrap utilities and inline styles; this is the little that is still needed once
   they sit in the mercury page chrome.
   ========================================================================== */
.page-static .page-static-lead {
	margin-bottom: 30px;
	font-size: 1.125em;
	line-height: 1.6em;
	color: #151515;
}
.page-static .page-static-action {
	margin: 30px 0;
}
.page-static .page-static-action h2 {
	margin-bottom: 10px;
}

/* The theme only styles this button inside the review header, so the rest of the site needs its
   own copy of it — same shape, the palette accent instead of the outbound green. Kept page-
   agnostic: the static pages, the empty cart and the order pages all reach for it. The header's
   own rule carries one class more and still wins where it applies. */
/* The .space-page-content variant is not decoration: the customizer palette at the end of this
   file repaints every link inside .space-page-content red, at the same specificity as the plain
   rule and later in the file, so on /contact-us and /faq the label came out red on red — an
   invisible button. One class more is what it takes to outrank it. */
.mercury .space-page-content a.space-style-3-button,
.mercury a.space-style-3-button {
	display: inline-block;
	/* The theme underlines every link inside .space-page-content, which turned the buttons on the
	   static pages into underlined pills — the one thing that set them apart from the identical
	   button in the sidebar. */
	text-decoration: none;
	padding: 13px 40px;
	font-weight: 400;
	font-size: 1em;
	line-height: 1.25em;
	color: #fff;
	border-radius: 23px;
	background-color: #d63031;
	box-shadow: 0 5px 15px 0 rgba(214, 48, 49, 0.45);
	transition: all 0.5s ease-in-out;
}
.mercury .space-page-content a.space-style-3-button:hover,
.mercury a.space-style-3-button:hover {
	color: #fff;
	box-shadow: 0 5px 15px 0 rgba(214, 48, 49, 0);
}
.mercury a.space-style-3-button i {
	margin-right: 8px;
}

/* The four value tiles, on the theme's own percentage grid rather than Bootstrap columns. */
.page-static .page-static-values {
	display: flex;
	flex-wrap: wrap;
	width: auto;
	margin: 0 -15px;
}
.page-static .page-static-value {
	display: flex;
}
.page-static .page-static-value-ins {
	flex: 1;
	min-width: 0;
	margin: 0 15px 30px;
	padding: 30px 20px;
	text-align: center;
	background-color: #fff;
	border: 1px solid #dfe6e9;
	border-radius: 5px;
}
.page-static .page-static-value-ins i {
	margin-bottom: 15px;
	font-size: 42px;
	color: #d63031;
}
.page-static .page-static-value-ins h3 {
	margin-bottom: 10px;
	font-size: 1em;
	font-weight: 700;
	line-height: 1.25em;
	color: #151515;
}
.page-static .page-static-value-ins p {
	margin: 0;
	font-size: 0.875em;
	line-height: 1.5em;
	color: #7f8c8d;
}

/* The FAQ accordion keeps Bootstrap's behaviour; only the accent colour is the theme's. */
.page-static .accordion-button:not(.collapsed) {
	color: #151515;
	background-color: #f5f6fa;
	box-shadow: none;
}
.page-static .accordion-button:focus {
	border-color: #dfe6e9;
	box-shadow: none;
}

/* ==========================================================================
   Single bonus page
   single-bonus.php in the original theme. Restored from the preserved mercury source; the whole
   family went out with the dead-rule sweep because our bonus pages were stubs until now.
   .type-bonus is a WordPress post_class we do not emit, so those rules are keyed on .page-bonus.
   Must sit BEFORE the customizer palette.
   ========================================================================== */
/* page-bonus and mercury sit on the same <main>, so this is a compound selector, not a
   descendant one — the original keyed it on the WordPress post_class .type-bonus. */
.mercury.page-bonus .space-page-section-ins {
    padding-top: 23px;
}
.mercury .space-aces-single-bonus-box {
	/* overflow: hidden; */
	margin: 0 0 45px;
	border-radius: 5px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
    flex-wrap: wrap;
}
.mercury .space-aces-single-bonus-img {
	display: inline-block;
}
.mercury .space-aces-single-bonus-img img {
	border-radius: 5px 0 0 5px;
}
.mercury .space-aces-single-bonus-img-ins {
	padding: 0 15px;
}
.mercury .space-aces-single-bonus-info {
	border-radius: 5px;
	background-color: #f5f6fa;
	margin: 0 15px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.mercury .space-aces-single-bonus-info-ins {
	position: relative;
	padding: 60px 45px;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
}
.mercury .space-aces-single-bonus-info-cat {
	font-weight: 400;
    font-size: 1em;
    line-height: 1.45em;
    color: #7f8c8d;
}
.mercury .space-aces-single-bonus-info-cat a {
	font-size: 1em;
    line-height: 1.45em;
    color: #7f8c8d;
}
.mercury .space-aces-single-bonus-info-cat a:hover {
	text-decoration: underline;
}
.mercury .space-aces-single-bonus-info-title {
	margin-top: 5px;
}
.mercury .space-aces-single-bonus-info-title h1 {
	font-weight: 900;
    font-size: 2.369em;
    line-height: 1.1em;
}
.mercury .space-aces-single-bonus-info-short-desc {
	margin-top: 30px;
	font-weight: 400;
    font-size: 1.333em;
    line-height: 1.35em;
    color: #7f8c8d;
}
.mercury .space-aces-single-bonus-info-code-button {
	padding-top: 35px;
    /* overflow: hidden; */
}
.mercury .space-aces-single-bonus-info-code-ins {
	padding: 0 15px;
}
.mercury .space-aces-single-bonus-info-code-value {
	display: block;
	padding: 5px 20px 11px;
    margin-top: -8px;
    color: #2d3436;
    border-radius: 23px;
    border: 2px solid #7f8c8d;
}
.mercury .space-aces-single-bonus-info-code-value legend {
	padding: 0 15px;
	font-weight: 400;
    font-size: 0.75em;
    line-height: 1.45em;
    color: #7f8c8d;
}
.mercury .space-aces-single-bonus-info-code-value span {
	font-family: 'Arial', sans-serif;
	font-weight: 700;
    font-size: 1.333em;
    line-height: 1em;
}
.mercury .space-aces-single-bonus-info-code-date {
	margin-top: 5px;
	font-weight: 400;
    font-size: 0.75em;
    line-height: 1.45em;
    color: #7f8c8d;
}
.mercury .space-aces-single-bonus-info-code-date span {
	font-weight: 700;
	color: #2d3436;
}
.mercury .space-aces-single-bonus-info-button-ins {
	padding: 0 15px;
}
.mercury .space-aces-single-bonus-info-button-ins a {
	display: inline-block;
	padding: 13px 40px;
	font-weight: 700;
    font-size: 1em;
    line-height: 1.25em;
    color: #fff;
    border-radius: 23px;
    background-color: #be2edd;
    box-shadow: 0px 0px 15px 0px rgba(255, 255, 255, 0);
    -webkit-transition: all 0.5s ease-in-out;
	   -moz-transition: all 0.5s ease-in-out;
	    -ms-transition: all 0.5s ease-in-out;
	     -o-transition: all 0.5s ease-in-out;
	        transition: all 0.5s ease-in-out;
}
.mercury .space-aces-single-bonus-info-button-ins a:hover {
	box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.25);
}
.mercury .space-aces-single-bonus-info-button-ins a i {
	padding-left: 5px;
}
.mercury .space-single-bonus.space-dark-style .space-aces-single-bonus-info {
	background-color: #111111;
}
.mercury .space-single-bonus.space-dark-style .space-aces-single-bonus-info-cat,
.mercury .space-single-bonus.space-dark-style .space-aces-single-bonus-info-cat a {
	color: #777777;
}
.mercury .space-single-bonus.space-dark-style .space-aces-single-bonus-info-title h1 {
	color: #fff;
}
.mercury .space-single-bonus.space-dark-style .space-aces-single-bonus-info-short-desc {
	color: #e4e5e7;
}
.mercury .space-single-bonus.space-dark-style .space-aces-single-bonus-info-code-value {
    color: #fff;
    border: 2px solid #777777;
}
.mercury .space-single-bonus.space-dark-style .space-aces-single-bonus-info-code-title span {
    color: #777777;
    background-color: #111111;
}
.mercury .space-single-bonus.space-dark-style .space-aces-single-bonus-info-code-date {
    color: #777777;
}
.mercury .space-single-bonus.space-dark-style .space-aces-single-bonus-info-code-date span {
	color: #fff;
}
.mercury .space-single-bonus.space-dark-style .space-aces-single-bonus-info-button-ins a {
	background-color: #ff2453;
}
.mercury .space-single-bonus.space-dark-style .space-aces-single-bonus-info-button-ins a:hover {
	box-shadow: 0px 0px 15px 0px rgba(255, 255, 255, 0.25);
}
.mercury .space-bonus-content-excerpt {
	overflow: hidden;
	padding-bottom: 30px;
	font-weight: 300;
    font-size: 1.333em;
    line-height: 1.45em;
    color: #7f8c8d;
}
.mercury .space-bonus-content-excerpt p {
    line-height: 1.45em;
}

/* Ours, not the original: shop names are single unbreakable tokens — "CaliforniaMuscles.Shop"
   is 172px wide, and a card title box on a phone is 133px — so the word ran past the card edge.
   anywhere only breaks a word that does not otherwise fit. */
.mercury .space-companies-archive-item-title,
.mercury .space-companies-2-archive-item-title,
.mercury .space-companies-sidebar-2-item-title,
.mercury .space-roids-clubs-3-archive-item-title,
.mercury .space-roids-clubs-4-archive-item-title,
.mercury .space-roids-club-content-title {
	overflow-wrap: anywhere;
}

/* Ours, not the original: at box-25 a card is 300px wide, and a single long word in a title —
   "CaliforniaMuscles.Shop" — is wider than that, so the card bled 4px into its neighbour.
   min-width lets the flex item shrink to its column and anywhere lets the word break. */
.mercury .space-bonuses-archive-item-ins {
	min-width: 0;
}
.mercury .space-bonuses-archive-item-wrap {
	overflow-wrap: anywhere;
}

/* The hero image of each bonus, the mercury-900-675 derivative of its own thumbnail. The
   original set it inline per post; four bonuses mean four classes instead. */
.mercury .background-bonus-brain-pills-292x173 { background-image: url('../images/content/2020/04/brain-pills-292x173.webp'); }
.mercury .background-bonus-californiamuscles-com-900x535 { background-image: url('../images/content/2020/04/californiamuscles.com_-900x535.webp'); }
.mercury .background-bonus-uk-roids-com-900x675 { background-image: url('../images/content/2020/04/uk-roids.com_-900x675.webp'); }
.mercury .background-bonus-bitcoins-discount-310x163 { background-image: url('../images/content/2020/04/bitcoins-discount-310x163.webp'); }

/* The "More Bonuses" and "<Shop> Bonuses" strips, shared with the review pages.
   The top margin is ours: the original leaves .space-related-items empty and the gap there
   came from whatever the WordPress content block happened to end with. 45px is the step the
   theme already uses between sections. */
.mercury .space-related-items {
	margin-top: 45px;
}
.mercury .space-related-items-ins {
	padding-bottom: 0;
}
.mercury .read-more-block .space-page-wrapper {
	padding-bottom: 0;
}
.mercury .read-more-block {
	padding-bottom: 15px;
}
.mercury .space-bonuses-archive-ins {
	margin: 0;
}

/* ==========================================================================
   Shop: the product card
   The review site had no products, so there is no original to copy. This is the theme's own shop
   card — .space-companies-archive-item — re-cut for a product: the picture and title keep their
   shape, the price takes the place of the rating, and the outbound button becomes Add to cart.
   Values are lifted from the rendered card, not eyeballed: 300px column, 23px button radius,
   0 0 25px rgba(0,0,0,.2) shadow, #636e72 button from the customizer palette.
   ========================================================================== */
.mercury .space-product-items {
	display: flex;
	flex-wrap: wrap;
	margin-top: 15px;
}
.mercury .space-product-item {
	display: inline-block;
}
.mercury .space-product-item-ins {
	display: flex;
	flex-direction: column;
	height: calc(100% - 30px);
	margin: 0 15px 30px;
	border-radius: 5px;
	background-color: #fff;
	box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.2);
	transition: all 0.5s ease-in-out;
}
.mercury .space-product-item-ins:hover {
	box-shadow: 0 0 35px 0 rgba(0, 0, 0, 0.4);
}
.mercury .space-product-item-wrap {
	display: flex;
	flex: 1;
	flex-direction: column;
	padding: 30px;
}
/* A fixed square box whatever the photo's own proportions: the catalogue mixes tall boxes with
   wide blister strips, and without it every card in a row started its title at a different
   height. The image is centred and contained, never cropped or stretched.
   Two details that are not optional. min-height:0 — the box is a flex item in the card's column,
   flex items get min-height:auto, and a portrait photo then pushes the box past 1:1 (a 400x520
   shot made it 210x273 and dropped that card's title 63px below its row-mates). And the image is
   taken out of flow: its max-height:100% can only resolve against a definite height, which the
   box only has once nothing in flow contributes to it. */
.mercury .space-product-item-img {
	position: relative;
	aspect-ratio: 1 / 1;
	min-height: 0;
	margin-bottom: 20px;
	line-height: 0;
}
.mercury .space-product-item-img > a {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}
.mercury .space-product-item-img > img {
	position: absolute;
	inset: 0;
	margin: auto;
}
.mercury .space-product-item-img img {
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	object-fit: contain;
	border-radius: 5px;
}

/* Only shown when sale_price undercuts price. */
.mercury .space-product-item-badge {
	position: absolute;
	top: 10px;
	left: 10px;
	padding: 4px 10px;
	border-radius: 12px;
	font-weight: 700;
	font-size: 0.75em;
	line-height: 1.25em;
	color: #fff;
	background-color: #d63031;
}
.mercury .space-product-item-title {
	margin-bottom: 8px;
}
.mercury .space-product-item-title a {
	font-weight: 700;
	font-size: 1.125em;
	line-height: 1.3em;
	color: #151515;
	overflow-wrap: anywhere;
}
.mercury .space-product-item-title a:hover {
	color: #b2bec3;
}
.mercury .space-product-item-meta {
	margin-bottom: 12px;
	font-weight: 400;
	font-size: 0.75em;
	line-height: 1.45em;
	color: #7f8c8d;
}
.mercury .space-product-item-price {
	margin-bottom: 20px;
	font-weight: 700;
	font-size: 1.333em;
	line-height: 1.25em;
	color: #151515;
}
.mercury .space-product-item-price del {
	margin-left: 8px;
	font-weight: 400;
	font-size: 0.65em;
	color: #7f8c8d;
}

/* Pinned to the bottom so cards in a row line their buttons up whatever the title length. */
.mercury .space-product-item-button {
	margin-top: auto;
}
.mercury .space-product-item-button button {
	display: block;
	width: 100%;
	padding: 13px 20px;
	border: 0;
	border-radius: 23px;
	font-family: inherit;
	font-weight: 700;
	font-size: 1em;
	line-height: 1.25em;
	color: #fff;
	background-color: #636e72;
	cursor: pointer;
	transition: all 0.5s ease-in-out;
}
.mercury .space-product-item-button button:hover {
	box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.25);
}
.mercury .space-product-item-button button[disabled] {
	background-color: #b2bec3;
	cursor: default;
	box-shadow: none;
}

/* Catalogue filters in the sidebar. */
.mercury .space-catalog-filter-list {
	margin: 0 15px;
	padding: 0;
	list-style: none;
}
.mercury .space-catalog-filter-list ul {
	margin: 5px 0 5px 15px;
	padding: 0;
	list-style: none;
}
.mercury .space-catalog-filter-list li {
	margin-bottom: 8px;
}
.mercury .space-catalog-filter-list a {
	font-size: 0.875em;
	line-height: 1.45em;
	color: #636e72;
}
.mercury .space-catalog-filter-list a:hover {
	color: #d63031;
}
.mercury .space-catalog-filter-list li.active > a {
	font-weight: 700;
	color: #151515;
}
.mercury .space-catalog-filter-list ul a {
	font-size: 0.8125em;
	color: #7f8c8d;
}
/* Substance and brand lists: same list, plus the product count pushed to the right so the numbers
   form a column the eye can scan. */
.mercury .space-catalog-tags a {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 10px;
}
.mercury .space-catalog-tags a span {
	flex: 0 0 auto;
	font-size: 0.8125em;
	color: #b2bec3;
}
.mercury .space-catalog-tags a:hover span {
	color: #d63031;
}

/* The quiet note about our own shop, in the review side's sidebar. Deliberately plain: a bordered
   box and a text link, no button and no tint, so it cannot be mistaken for a rated entry. */
.mercury .space-shop-note-ins {
	margin: 0 15px;
	padding: 18px 20px;
	border: 1px solid #dfe6e9;
	border-radius: 5px;
}
.mercury .space-shop-note-ins p {
	margin: 0 0 10px;
	font-size: 0.875em;
	line-height: 1.5em;
	color: #636e72;
}
.mercury .space-shop-note-ins a {
	font-weight: 700;
	font-size: 0.875em;
	color: #d63031;
}

/* The bridge back to the review side. No tint and no box: the sidebar's other blocks are a title
   and a list on the page background, and a coloured panel here was a look this site does not use
   anywhere else. The button is the theme's own, unmodified. */
.mercury .space-catalog-rating-ins {
	margin: 0 15px;
}
.mercury .space-catalog-rating-ins p {
	margin: 0 0 15px;
	font-size: 0.875em;
	line-height: 1.5em;
	color: #636e72;
}
@media screen and (max-width: 767px) {
	.mercury .space-catalog-rating-ins a.space-style-3-button {
		display: table;
		margin-right: auto;
		margin-left: auto;
	}
}

.mercury .space-catalog-filter-empty {
	margin: 0 15px;
	font-size: 0.875em;
	color: #7f8c8d;
}

/* The bar above the grid: heading on the left, result count on the right. */
.mercury .space-catalog-head {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	justify-content: space-between;
	gap: 10px 20px;
	margin: 0 15px 15px;
}
.mercury .space-catalog-head h2 {
	margin: 0;
	font-weight: 700;
	font-size: 1.777em;
	line-height: 1.25em;
	color: #151515;
}
.mercury .space-catalog-count {
	font-size: 0.875em;
	line-height: 1.45em;
	color: #7f8c8d;
}


/* ==========================================================================
   Cart page.
   The same card the product grid uses — 5px radius, 0 0 25px rgba(0,0,0,.2) shadow, 15px gutter —
   so the line items and the summary read as one storefront surface. Class names that begin with
   .cart- or .js- are the hooks site.js and the cart AJAX endpoints bind to; they are named here
   only where the mercury look needs them, never renamed.
   ========================================================================== */
.mercury .space-cart-items {
	overflow: hidden;
	margin: 0 15px 30px;
	/* No vertical padding: the rows bring their own, and the 5px that used to be here left a white
	   band under a tinted bonus row when it happened to be last. */
	padding: 0 30px;
	border-radius: 5px;
	background-color: #fff;
	box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.2);
}
.mercury .cart-item {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 20px;
	padding: 25px 0;
	border-top: 0;
}
.mercury .cart-item + .cart-item {
	border-top: 1px solid #f1f2f6;
}
.mercury .space-cart-item-img {
	flex: 0 0 80px;
	line-height: 0;
}
.mercury .space-cart-item-img img {
	width: 80px;
	height: 80px;
	padding: 4px;
	border-radius: 5px;
	background-color: #f8f9fa;
	object-fit: contain;
}
.mercury .space-cart-item-body {
	flex: 1 1 260px;
	min-width: 0;
}
.mercury .space-cart-item-title {
	margin-bottom: 10px;
	font-weight: 700;
	font-size: 1.125em;
	line-height: 1.3em;
	color: #151515;
}
.mercury .space-cart-item-title a {
	color: #151515;
	overflow-wrap: anywhere;
}
.mercury .space-cart-item-title a:hover {
	color: #b2bec3;
}
.mercury .space-cart-item-row {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 15px;
}
.mercury .space-cart-item-price {
	font-weight: 700;
	font-size: 1.125em;
	line-height: 1.25em;
	color: #151515;
}
.mercury .space-cart-item-price del {
	margin-left: 6px;
	font-weight: 400;
	font-size: 0.8em;
	color: #7f8c8d;
}

/* Pushed right so every row's line total sits in one column whatever the title wraps to. */
.mercury .space-cart-item-sum {
	margin-left: auto;
	font-weight: 700;
	font-size: 1.125em;
	line-height: 1.25em;
	color: #151515;
}
.mercury .space-cart-item-remove {
	flex: 0 0 auto;
	align-self: flex-start;
	margin-top: -6px;
	padding: 6px;
	font-size: 1em;
	color: #b2bec3;
	transition: color 0.3s ease-in-out;
}
.mercury .space-cart-item-remove:hover {
	color: #d63031;
}

/* Bonus lines from the 5+1 rule: same row, tinted, and with no controls — quantity follows the
   paid line and the customer cannot edit it. */
.mercury .cart-item--bonus {
	margin: 0 -30px;
	padding-right: 30px;
	padding-left: 30px;
	background-color: #fff5f5;
}
.mercury .space-cart-item-gift {
	margin-left: 8px;
	padding: 3px 9px;
	border-radius: 12px;
	font-weight: 700;
	font-size: 0.6875em;
	line-height: 1.25em;
	letter-spacing: 0.04em;
	color: #fff;
	background-color: #00b894;
	vertical-align: middle;
}
.mercury .space-cart-item-bonus-note {
	font-weight: 700;
	font-size: 0.875em;
	color: #00b894;
}
.mercury .space-cart-item-bonus-qty {
	font-size: 0.875em;
	color: #7f8c8d;
}
.mercury .space-cart-item-sum.free {
	color: #00b894;
}
.mercury .space-cart-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
	margin: 0 15px 30px;
}
@media screen and (max-width: 767px) {
	.mercury .space-cart-actions {
		justify-content: center;
	}
}

/* Outlined version of the theme's pill. These two sit on their own under the items card with no
   surrounding chrome, so as plain links they read as leftover text rather than as the page's
   two secondary actions. Grey, not red: the red pill is reserved for Proceed to Checkout. */
.mercury a.space-cart-link {
	display: inline-block;
	padding: 11px 28px;
	border-radius: 23px;
	font-weight: 700;
	font-size: 0.875em;
	line-height: 1.45em;
	color: #636e72;
	background-color: transparent;
	box-shadow: inset 0 0 0 1px #dfe6e9;
	transition: all 0.3s ease-in-out;
}
.mercury a.space-cart-link:hover {
	color: #fff;
	background-color: #636e72;
	box-shadow: inset 0 0 0 1px #636e72;
}

/* Destructive, so it only shows its colour on hover. */
.mercury a.space-cart-link.danger:hover {
	color: #fff;
	background-color: #d63031;
	box-shadow: inset 0 0 0 1px #d63031;
}

/* Order summary — the sidebar widget's card. */
.mercury .space-cart-summary-ins {
	margin: 0 15px;
	padding: 25px 25px 30px;
	border-radius: 5px;
	background-color: #fff;
	box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.2);
}
.mercury .space-cart-line {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 15px;
	margin-bottom: 12px;
	font-size: 0.9375em;
	line-height: 1.45em;
	color: #636e72;
}
.mercury .space-cart-line .free {
	color: #00b894;
}
.mercury .space-cart-line.total {
	margin-top: 20px;
	margin-bottom: 20px;
	padding-top: 20px;
	border-top: 1px solid #f1f2f6;
	font-weight: 700;
	font-size: 1.333em;
	line-height: 1.25em;
	color: #151515;
}
.mercury .space-cart-freeship {
	margin-bottom: 12px;
	padding: 8px 12px;
	border-radius: 5px;
	font-size: 0.8125em;
	line-height: 1.45em;
	color: #636e72;
	background-color: #fff5f5;
}
.mercury a.space-cart-checkout {
	display: block;
	padding: 15px 20px;
	border-radius: 27px;
	font-weight: 700;
	font-size: 1em;
	line-height: 1.25em;
	text-align: center;
	color: #fff;
	background-color: #d63031;
	transition: all 0.5s ease-in-out;
}
.mercury a.space-cart-checkout:hover {
	color: #fff;
	box-shadow: 0 0 15px 0 rgba(214, 48, 49, 0.45);
}
.mercury .space-cart-secure {
	margin: 15px 0 0;
	font-size: 0.8125em;
	line-height: 1.45em;
	text-align: center;
	color: #7f8c8d;
}

/* Coupon box — the widget keeps its .promo-coupon-widget wrapper and its three ids, because the
   apply/remove handlers reload exactly that fragment from the page. */
.mercury .promo-coupon-widget {
	margin: 20px 0;
	padding: 18px 0 0;
	border-top: 1px solid #f1f2f6;
}
.mercury .space-cart-promo-title {
	margin-bottom: 12px;
	font-weight: 700;
	font-size: 0.9375em;
	line-height: 1.45em;
	color: #151515;
}
.mercury .space-cart-promo-form {
	display: flex;
	align-items: stretch;
	border: 1px solid #dfe6e9;
	border-radius: 23px;
	overflow: hidden;
}
.mercury .space-cart-promo-form input {
	flex: 1;
	min-width: 0;
	padding: 10px 16px;
	border: 0;
	font-family: inherit;
	font-size: 0.875em;
	color: #151515;
	background-color: #fff;
}
.mercury .space-cart-promo-form input:disabled {
	color: #7f8c8d;
	background-color: #f5f6fa;
}
.mercury .space-cart-promo-form button {
	padding: 10px 20px;
	border: 0;
	font-family: inherit;
	font-weight: 700;
	font-size: 0.875em;
	color: #fff;
	background-color: #636e72;
	cursor: pointer;
	transition: background-color 0.3s ease-in-out;
}
.mercury .space-cart-promo-form button:hover {
	background-color: #151515;
}
.mercury .space-cart-promo-form button.remove {
	background-color: #b2bec3;
}
.mercury .space-cart-promo-form button.remove:hover {
	background-color: #d63031;
}
.mercury .space-cart-promo-applied {
	display: flex;
	flex-direction: column;
	gap: 3px;
	margin-top: 12px;
	padding: 10px 14px;
	border-radius: 5px;
	font-size: 0.8125em;
	line-height: 1.45em;
	color: #2d7a5f;
	background-color: #eafaf4;
}
.mercury .space-cart-promo-applied small {
	font-size: 0.9em;
	color: #7f8c8d;
}

/* Empty cart. */
.mercury .space-cart-empty {
	margin: 0 15px;
	padding: 60px 30px 70px;
	border-radius: 5px;
	text-align: center;
	background-color: #fff;
	box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.2);
}
.mercury .space-cart-empty i {
	font-size: 3.157em;
	color: #dfe6e9;
}
.mercury .space-cart-empty h2 {
	margin: 25px 0 10px;
	font-weight: 700;
	font-size: 1.777em;
	line-height: 1.25em;
	color: #151515;
}
.mercury .space-cart-empty p {
	margin-bottom: 30px;
	color: #7f8c8d;
}


/* ==========================================================================
   Checkout.
   The form wraps both columns, so it is the flex row itself; the columns keep the box-66/box-33
   widths the rest of the theme uses. Field chrome is defined here because the theme has no form
   of its own — mercury is a review template and every input on the site is ours.
   ========================================================================== */
.mercury .space-checkout-form {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}
.mercury .space-checkout-card {
	margin-bottom: 30px;
}
.mercury .space-checkout-card-ins {
	margin: 0 15px;
	padding: 30px;
	border-radius: 5px;
	background-color: #fff;
	box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.2);
}

/* Twelve-column grid for the field pairs. Everything collapses to one column on a phone in the
   breakpoint block further down. */
.mercury .space-form-row {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	gap: 0 15px;
}
.mercury .space-form-col-12 {
	grid-column: span 12;
}
.mercury .space-form-col-6 {
	grid-column: span 6;
}
.mercury .space-form-col-3 {
	grid-column: span 3;
}
.mercury .space-form-field {
	margin-bottom: 18px;
}
.mercury .space-form-label {
	display: block;
	margin-bottom: 6px;
	font-weight: 700;
	font-size: 0.8125em;
	line-height: 1.45em;
	color: #636e72;
}
.mercury .space-form-input,
.mercury .space-form-select {
	display: block;
	width: 100%;
	padding: 12px 16px;
	border: 1px solid #dfe6e9;
	border-radius: 5px;
	font-family: inherit;
	font-size: 0.9375em;
	line-height: 1.45em;
	color: #151515;
	background-color: #fff;
	transition: border-color 0.3s ease-in-out;
}
.mercury textarea.space-form-input {
	min-height: 110px;
	resize: vertical;
}
.mercury .space-form-input:focus,
.mercury .space-form-select:focus {
	border-color: #d63031;
	outline: 0;
}
.mercury .space-form-input::placeholder {
	color: #b2bec3;
}
.mercury .has-error .space-form-input,
.mercury .has-error .space-form-select {
	border-color: #d63031;
}
.mercury .space-form-error {
	margin-top: 5px;
	font-size: 0.8125em;
	line-height: 1.45em;
	color: #d63031;
}
.mercury .space-form-check {
	margin-bottom: 10px;
}
.mercury .space-form-check label {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 0.9375em;
	line-height: 1.45em;
	color: #636e72;
	cursor: pointer;
}
.mercury .space-form-check input[type="checkbox"] {
	width: 18px;
	height: 18px;
	accent-color: #d63031;
}
.mercury #billingFields {
	margin-top: 20px;
}

/* Yii's error summary, shown above the form when the POST came back with problems. */
.mercury .space-form-summary {
	margin: 0 15px 30px;
	padding: 18px 20px;
	border-left: 3px solid #d63031;
	border-radius: 5px;
	font-size: 0.9375em;
	line-height: 1.5em;
	color: #151515;
	background-color: #fff5f5;
}
.mercury .space-form-summary ul {
	margin: 8px 0 0;
	padding-left: 20px;
	color: #636e72;
}
.mercury .space-form-summary i {
	margin-right: 6px;
	color: #d63031;
}
.mercury .space-form-captcha {
	display: flex;
	align-items: center;
	gap: 15px;
}
.mercury .space-form-captcha img {
	border: 1px solid #dfe6e9;
	border-radius: 5px;
	cursor: pointer;
}
.mercury .space-form-hint {
	margin: 10px 0 0;
	font-size: 0.8125em;
	line-height: 1.45em;
	color: #7f8c8d;
}
.mercury .space-checkout-notice {
	margin: 0 15px 30px;
	padding: 15px 20px;
	border-left: 3px solid #d63031;
	border-radius: 5px;
	font-size: 0.875em;
	line-height: 1.5em;
	color: #636e72;
	background-color: #f5f6fa;
}
.mercury .space-checkout-notice i {
	margin-right: 6px;
	color: #b2bec3;
}
.mercury .space-checkout-submit {
	margin: 0 15px 15px;
}
.mercury button.space-cart-checkout {
	display: block;
	width: 100%;
	padding: 17px 20px;
	border: 0;
	border-radius: 30px;
	font-family: inherit;
	font-weight: 700;
	font-size: 1.125em;
	line-height: 1.25em;
	text-align: center;
	color: #fff;
	background-color: #d63031;
	cursor: pointer;
	transition: all 0.5s ease-in-out;
}
.mercury button.space-cart-checkout:hover {
	box-shadow: 0 0 15px 0 rgba(214, 48, 49, 0.45);
}

/* Read-only line items in the checkout summary — no controls, the cart is where quantities change. */
.mercury .space-checkout-item {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 15px 0;
	border-bottom: 1px solid #f1f2f6;
}
.mercury .space-checkout-item:first-child {
	padding-top: 0;
}
.mercury .space-checkout-item.bonus {
	margin: 0 -25px;
	padding-right: 25px;
	padding-left: 25px;
	background-color: #fff5f5;
}
.mercury .space-checkout-item-img {
	flex: 0 0 56px;
	line-height: 0;
}
.mercury .space-checkout-item-img img {
	width: 56px;
	height: 56px;
	padding: 3px;
	border: 1px solid #f1f2f6;
	border-radius: 5px;
	background-color: #f8f9fa;
	object-fit: contain;
}
.mercury .space-checkout-item-body {
	flex: 1;
	min-width: 0;
}
.mercury .space-checkout-item-title {
	font-weight: 700;
	font-size: 0.875em;
	line-height: 1.35em;
	color: #151515;
}
.mercury .space-checkout-item-title a {
	color: #151515;
	overflow-wrap: anywhere;
}
.mercury .space-checkout-item-title a:hover {
	color: #b2bec3;
}
.mercury .space-checkout-item-meta {
	margin-top: 4px;
	font-size: 0.8125em;
	line-height: 1.45em;
	color: #7f8c8d;
}
.mercury .space-checkout-item.bonus .space-checkout-item-meta {
	color: #00b894;
}
.mercury .space-checkout-item-sum {
	font-weight: 700;
	font-size: 0.875em;
	color: #151515;
}
.mercury .space-checkout-item + .space-cart-line {
	margin-top: 25px;
}
.mercury .space-cart-line.discount {
	color: #d63031;
}


/* ==========================================================================
   Order confirmation, failed payment and the site's error page.
   All three are end-of-flow pages: one centred panel, the same card as the rest of the shop, and
   the theme's own button. The error view is the site-wide one — errorAction points at it — so a
   404 on the review side lands here too.
   ========================================================================== */
.mercury .space-order-hero {
	margin: 0 15px 30px;
	padding: 40px 30px;
	border-radius: 5px;
	text-align: center;
	background-color: #fff;
	box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.2);
}
.mercury .space-order-hero i {
	font-size: 3.157em;
	color: #00b894;
}
.mercury .space-order-hero.failed i {
	color: #d63031;
}
.mercury .space-order-hero-lead {
	margin: 20px 0 10px;
	font-weight: 700;
	font-size: 1.333em;
	line-height: 1.35em;
	color: #151515;
}
.mercury .space-order-hero p {
	margin: 0;
	color: #636e72;
}

/* Order facts: label above value, two per row on the confirmation, three across on the failed
   page where there is nothing else to show. */
.mercury .space-order-facts {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
	margin-bottom: 25px;
}
.mercury .space-order-facts.columns {
	grid-template-columns: repeat(3, 1fr);
	margin-bottom: 0;
	text-align: center;
}
.mercury .space-order-facts span {
	display: block;
	margin-bottom: 4px;
	font-weight: 700;
	font-size: 0.8125em;
	line-height: 1.45em;
	color: #7f8c8d;
}
.mercury .space-order-facts strong {
	font-size: 0.9375em;
	line-height: 1.45em;
	color: #151515;
}
.mercury .space-order-facts strong.discount {
	color: #d63031;
}
.mercury .space-order-facts em {
	display: block;
	margin-top: 4px;
	font-size: 0.8125em;
	font-style: normal;
	color: #00b894;
}
.mercury .space-order-facts strong.space-order-status,
.mercury .space-order-status {
	display: inline-block;
	padding: 3px 12px;
	border-radius: 12px;
	font-size: 0.8125em;
	/* Wins over .space-order-facts strong, which would otherwise paint it near-black on grey. */
	color: #fff;
	background-color: #636e72;
}
.mercury .space-order-status.pending {
	background-color: #e17055;
}

/* The items table scrolls inside its own box rather than widening the page. */
.mercury .space-order-table-wrap {
	overflow-x: auto;
}
.mercury .space-order-table {
	width: 100%;
	border-collapse: collapse;
	font-size: 0.9375em;
	line-height: 1.45em;
}
.mercury .space-order-table th {
	padding: 0 10px 12px;
	border-bottom: 1px solid #dfe6e9;
	font-weight: 700;
	font-size: 0.8125em;
	text-align: left;
	white-space: nowrap;
	color: #7f8c8d;
}
.mercury .space-order-table td {
	padding: 14px 10px;
	border-bottom: 1px solid #f1f2f6;
	color: #636e72;
}
.mercury .space-order-table tr:last-child td {
	border-bottom: 0;
}
.mercury .space-order-table th:first-child,
.mercury .space-order-table td:first-child {
	padding-left: 0;
	color: #151515;
}
.mercury .space-order-table th:last-child,
.mercury .space-order-table td:last-child {
	padding-right: 0;
}
/* Deliberately not called .right / .center: the theme ships a global .mercury .right{float:right}
   utility, and a table cell carrying that class is floated out of the table grid — Price and
   Subtotal ended up stacked in one column, in the wrong order, with the horizontal scroll dead. */
.mercury .space-order-table .cell-center {
	text-align: center;
}
.mercury .space-order-table .cell-right {
	text-align: right;
	white-space: nowrap;
}
.mercury .space-order-table .strong {
	font-weight: 700;
	color: #151515;
}
.mercury .space-order-table tr.bonus td {
	color: #00b894;
}
.mercury .space-order-actions {
	margin: 0 15px 30px;
	text-align: center;
}
.mercury .space-order-help {
	margin: 20px 0 0;
	font-size: 0.875em;
	line-height: 1.45em;
	color: #7f8c8d;
}

/* Addresses in the sidebar, in the same card the order summary uses. */
.mercury .space-order-address-ins {
	margin: 0 15px;
	padding: 25px;
	border-radius: 5px;
	background-color: #fff;
	box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.2);
}
.mercury .space-order-address-ins p {
	margin: 0 0 15px;
	font-size: 0.9375em;
	line-height: 1.5em;
	color: #151515;
}
.mercury .space-order-address-ins p:last-child {
	margin-bottom: 0;
}
.mercury .space-order-address-ins span {
	display: block;
	margin-bottom: 2px;
	font-weight: 700;
	font-size: 0.8125em;
	line-height: 1.45em;
	color: #7f8c8d;
}

/* Both columns run edge to edge, so the only thing between the catalogue text and the sidebar was
   the 15px the sidebar's own lists carry — the two columns read as one block of text. The theme's
   standard 15px on this side brings the gap to the 30px every other pair of columns has.
   .case-15 gets the same treatment, but scoped: it is a theme class and dozens of review pages
   use it full width, where no gutter is the original design. */
.mercury .space-taxonomy-description {
	/* width:auto as well as the margin — the block carries box-100, and 100% plus side margins
	   pushed it 15px past the column instead of inside it. The theme's own phone-width rule
	   does exactly this. */
	width: auto;
	/* 45px above because the block sat flush against the pagination with nothing between them,
	   and 15px of padding on each side on top of the margin: the prose then indents clear of the
	   product grid above it and reads as its own section rather than a tail of the listing. */
	margin: 45px 15px 30px;
	padding: 0 15px;
	/* Justified, with hyphenation on: without it a justified column this narrow opens rivers of
	   white space between the words. The page declares its language, so the browser can break. */
	text-align: justify;
	-webkit-hyphens: auto;
	hyphens: auto;
}
.page-product .case-15 {
	width: auto;
	margin-right: 15px;
	margin-left: 15px;
}

/* Body copy on the footer pages, justified like the catalogue descriptions. Hyphenation goes with
   it or the column opens rivers of white space. Centred blocks are excluded twice over: paragraphs
   that carry .text-center themselves, and paragraphs inside a centred container such as the value
   tiles, which the second rule wins back by specificity. */
.page-static .space-page-content p:not(.text-center),
.page-static .faq-answer {
	text-align: justify;
	-webkit-hyphens: auto;
	hyphens: auto;
}
/* These need .space-page-content in the chain to match the justify rule's weight: :not() carries
   the specificity of what is inside it, so the rule above counts as three classes, not two. */
.page-static .space-page-content .text-center p,
.page-static .space-page-content .page-static-value p {
	text-align: center;
}
.page-static .space-page-content p.page-static-action {
	text-align: left;
}
@media screen and (max-width: 767px) {
	.page-static .space-page-content .page-static-action,
	.page-static .space-page-content .page-static-action p,
	.page-static .space-page-content p.page-static-action {
		text-align: center;
	}
}

/* The line under a product's name: pack size, substance, manufacturer. It stands where the
   breadcrumb used to repeat the product name back at the reader. */
/* The substance and the brand are links; they keep the caption's grey so the line stays a caption,
   and the accent on hover is the only thing marking them out. No underline: with two of them in
   one short line it read as a pair of buttons sitting under the heading. */
.mercury .space-product-subtitle a {
	color: inherit;
	border-bottom: 0;
}
.mercury .space-product-subtitle a:hover {
	color: #d63031;
}
.mercury .space-product-subtitle {
	/* Sits between a 50px headline and the breadcrumb trail. 14px above separates it from the
	   name without detaching it; 8px below keeps it from touching the trail, which it did. */
	margin: 14px 0 8px;
	font-size: 1.125em;
	line-height: 1.5em;
	color: #7f8c8d;
}

/* Error page. The heading now sits in the title band with every other page's, so what is left
   here is a card in the same white-and-shadow language as the cart and the order pages. */
.mercury .space-error-box {
	margin: 0 15px;
	padding: 55px 30px 50px;
	border-radius: 5px;
	text-align: center;
	background-color: #fff;
	box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.2);
}
.mercury .space-error-code {
	display: block;
	margin-bottom: 20px;
	font-family: 'Roboto', sans-serif;
	font-weight: 900;
	font-size: 5.6em;
	line-height: 1;
	color: #dfe6e9;
}
.mercury .space-error-message {
	max-width: 520px;
	margin: 0 auto 35px;
	font-size: 1.125em;
	line-height: 1.5em;
	color: #636e72;
}
.mercury .space-error-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
	justify-content: center;
}
.mercury a.space-style-3-button.outline {
	color: #d63031;
	background-color: transparent;
	box-shadow: inset 0 0 0 1px #d63031;
}
.mercury a.space-style-3-button.outline:hover {
	color: #fff;
	background-color: #d63031;
	box-shadow: 0 5px 15px 0 rgba(214, 48, 49, 0.45);
}
.mercury .space-error-support {
	margin: 40px 0 0;
	font-size: 0.875em;
	line-height: 1.45em;
	color: #7f8c8d;
}
.mercury .space-error-support a {
	color: #d63031;
}

/* ==========================================================================
   Responsive layout — the theme's own css/media.css, ported.
   Six breakpoints, kept in the original's order. Only the rules whose selectors name a class our
   templates actually emit came over; the rest drive theme features we never migrated (news
   layouts, carousels, shop widgets). Selectors carry the casino -> roids-club rename the live
   site applied, and .type-bonus becomes .page-bonus on our <main>.
   Must sit BEFORE the customizer palette so the palette still wins on colour.
   ========================================================================== */
@media screen and (max-width: 1199px) and (min-width: 1025px) {
	.mercury .space-widget {
		margin-bottom: 45px;
	}
	.mercury .space-roids-club-style-2-ratings-all {
		width: 75%;
	}
	.mercury .space-roids-club-style-2-rating-overall {
		width: 25%;
	}
}

@media screen and (max-width: 1024px) and (min-width: 992px) {
	.mercury .space-content-section {
		width: 100%;
		float: none;
		margin-bottom: 60px;
	}
	.mercury .space-sidebar-section {
		width: 100%;
		float: none;
	}
	.mercury .space-title-box-ins {
		padding: 45px 0;
	}
	.mercury .space-title-box-h1 h1 {
		font-size: 2.369em;
	}
	.mercury .space-widget {
		margin-bottom: 45px;
	}
}

@media screen and (max-width: 991px) and (min-width: 768px) {
	.mercury .space-content-section {
		width: 100%;
		float: none;
		margin-bottom: 60px;
	}
	.mercury .space-sidebar-section {
		width: 100%;
		float: none;
	}
	.mercury .small .space-news-11-item-info {
		margin-top: 10px;
	}
	.mercury .small .space-news-11-item-title {
		font-size: 1em;
	}
	.mercury .space-news-11-item.small .space-post-views {
		display: none;
	}
	.mercury .small .space-news-11-item-info-left span i {
		padding-right: 3px;
	}
	.mercury .small .space-news-11-item-info-right span i {
		padding-right: 3px;
	}
	.mercury .space-title-box-ins {
		padding: 45px 0;
	}
	.mercury .space-title-box-h1 h1 {
		font-size: 2.369em;
	}
	.mercury .space-widget {
		margin-bottom: 45px;
	}
	.mercury .home-page .widget_mc4wp_form_widget,
	.mercury .space-content-section .widget_mc4wp_form_widget {
		margin-top: 45px;
		margin-bottom: 45px;
	}
	.mercury .home-page .widget_mc4wp_form_widget .mc4wp-form-fields,
	.mercury .space-content-section .widget_mc4wp_form_widget .mc4wp-form-fields {
		max-width: 450px;
	}
	.mercury .space-companies-archive-item,
	.mercury .space-games-archive-item,
	.mercury .space-bonuses-archive-item {
		width: 50%;
	}
	.mercury .space-roids-club-style-2-ratings-all {
		width: 75%;
	}
	.mercury .space-roids-club-style-2-rating-overall {
		width: 25%;
	}
	.mercury .space-companies-home-2-widget .space-block-title {
		padding-bottom: 0;
	}
	.mercury .space-roids-clubs-home-3-widget .space-block-title {
		padding-bottom: 0;
	}
	.mercury .space-roids-clubs-3-archive-item {
		width: 50%;
	}
	.mercury .space-roids-clubs-3-archive-item-ins {
		padding-bottom: 20px;
	}
	.mercury .space-roids-clubs-3-archive-item-count {
		left: auto;
		right: 15px;
	}
	.mercury .space-roids-clubs-3-archive-item-logo {
		width: 100%;
	}
	.mercury .space-roids-clubs-3-archive-item-terms {
		width: 100%;
	}
	.mercury .space-roids-clubs-3-archive-item-terms-ins {
		padding-bottom: 15px;
	}
	.mercury .space-roids-clubs-3-archive-item-rating {
		width: 100%;
		justify-content: center;
	}
	.mercury .space-roids-clubs-3-archive-item-rating-ins {
		display: inline-block;
		width: 133px;
	}
	.mercury .space-roids-clubs-3-archive-item-rating-box {
		display: inline-block;
		height: 33px;
		border-radius: 16px;
		padding: 7px 35px 7px 10px;
	}
	.mercury .space-roids-clubs-3-archive-item-rating-box .star-rating .star {
		font-size: 0.85em;
		line-height: 1.2em;
		width: 1.2em;
	}
	.mercury .space-roids-clubs-3-archive-item-rating-box span {
		right: 10px;
		height: 0.85em;
		font-size: 0.85em;
		line-height: 1em;
	}
	.mercury .space-roids-clubs-3-archive-item-button {
		width: 100%;
	}
	.mercury .space-roids-clubs-3-archive-item-button-ins {
		margin-top: 10px;
	}
	.mercury .space-roids-clubs-3-archive-item-button-ins a {
		min-width: auto;
		padding: 8px 20px;
		font-size: 0.85em;
		border-radius: 16px;
		margin-left: 2px;
		margin-right: 2px;
	}
	.mercury .space-roids-clubs-3-archive-item-button-ins a:first-child {
		margin-bottom: 0;
	}
	.mercury .space-roids-clubs-3-archive-item-button-ins a:last-child {
		margin-top: 0;
	}
	.mercury .space-roids-clubs-3-archive-item-logo-ins:after,
	.mercury .space-roids-clubs-3-archive-item-terms-ins:after,
	.mercury .space-roids-clubs-3-archive-item-rating-ins:after {
		display: none;
	}
	.mercury .space-roids-clubs-4-archive-items {
		margin: 15px 8px 0;
		width: auto;
	}
	.mercury .space-roids-clubs-4-archive-item {
		width: 50%;
	}
	.mercury .space-roids-clubs-4-archive-item-ins {
		margin: 0 7px 15px;
	}
	.mercury .second .space-roids-clubs-5-archive-item-rating .space-rating-star-wrap {
		width: 22px;
		height: 22px;
		line-height: 22px;
	}
	.mercury .space-roids-clubs-6-archive-item-rating .space-rating-star-wrap {
		width: 22px;
		height: 22px;
		line-height: 22px;
	}
	.mercury .space-roids-clubs-8-archive-item-stars-rating .star-rating .star {
		font-size: 1em;
	}
	.mercury .second .space-games-2-archive-item-rating .space-rating-star-wrap {
		width: 22px;
		height: 22px;
		line-height: 22px;
	}
	.mercury .space-games-3-archive-item-rating .space-rating-star-wrap {
		width: 22px;
		height: 22px;
		line-height: 22px;
	}
	.mercury .space-aces-single-bonus-info {
		width: 100%;
		border-radius: 5px;
		margin: 0 15px;
	}
	.mercury .space-aces-single-bonus-info-ins {
		max-width: 480px;
		margin: 0 auto;
	}
	.mercury .space-aces-single-bonus-info-ins,
	.mercury .space-aces-single-bonus-info.box-100 .space-aces-single-bonus-info-ins {
		padding-bottom: 20px;
	}
	.mercury .space-aces-single-bonus-info-code {
		width: 100%;
		float: none;
		margin-bottom: 10px;
	}
	.mercury .space-aces-single-bonus-info-button {
		width: 100%;
		float: none;
		padding-bottom: 20px;
	}
	.mercury .space-shortcode-3 .space-companies-sidebar-item.box-25,
	.mercury .space-shortcode-3 .space-companies-sidebar-item.box-33,
	.mercury .space-shortcode-3 .space-companies-sidebar-item.box-50 {
		width: 50%;
	}
	.mercury .space-shortcode-7 .space-games-sidebar-item.box-25,
	.mercury .space-shortcode-7 .space-games-sidebar-item.box-33,
	.mercury .space-shortcode-7 .space-games-sidebar-item.box-50 {
		width: 50%;
	}
	.mercury div.tc-desc {
		min-width: 180px;
		max-width: 180px;
		padding: 10px;
	}
	.mercury .space-roids-clubs-5-archive-item div.tc-desc,
	.mercury .space-roids-clubs-6-archive-item div.tc-desc,
	.mercury .space-games-2-archive-item div.tc-desc,
	.mercury .space-games-3-archive-item div.tc-desc {
		min-width: 165px;
		max-width: 165px;
		padding: 10px;
		left: -7px;
		-webkit-transform: none;
		transform: none;
	}
}

@media screen and (max-width: 767px) and (min-width: 480px) {
	.mercury .space-content-section {
		width: 100%;
		float: none;
		margin-bottom: 60px;
	}
	.mercury .space-sidebar-section {
		width: 100%;
		float: none;
	}
	.mercury .space-page-content .alignfull,
	.mercury .space-page-content .alignwide {
		margin-right: 0;
		margin-left: 0;
	}
	.mercury .small .space-news-11-item-info {
		margin-top: 10px;
	}
	.mercury .small .space-news-11-item-title {
		font-size: 1em;
	}
	.mercury .space-news-11-item.small .space-post-views {
		display: none;
	}
	.mercury .small .space-news-11-item-info-left span i {
		padding-right: 3px;
	}
	.mercury .small .space-news-11-item-info-right span i {
		padding-right: 3px;
	}
	.mercury .space-title-box-ins {
		padding: 45px 0;
	}
	.mercury .space-title-box-h1 h1 {
		font-size: 1.777em;
	}
	.mercury .space-widget {
		margin-bottom: 45px;
	}
	.mercury .home-page .widget_mc4wp_form_widget,
	.mercury .space-content-section .widget_mc4wp_form_widget {
		margin-top: 45px;
		margin-bottom: 45px;
	}
	.mercury .home-page .widget_mc4wp_form_widget .mc4wp-form-fields,
	.mercury .space-content-section .widget_mc4wp_form_widget .mc4wp-form-fields {
		max-width: 450px;
	}
	.mercury .space-companies-archive-item,
	.mercury .space-games-archive-item,
	.mercury .space-bonuses-archive-item {
		width: 50%;
	}
	.mercury .space-style-3-roids-club-header-ins {
		padding: 30px 0;
	}
	.mercury .space-style-3-roids-club-header-left {
		width: 100%;
	}
	.mercury .space-style-3-roids-club-header-left-ins {
		margin-bottom: 15px;
	}
	.mercury .space-style-3-roids-club-header-right {
		width: 100%;
		display: block;
	}
	.mercury .space-style-3-roids-club-header-rating {
		position: relative;
		width: 100%;
		right: auto;
		top: auto;
		text-align: center;
		justify-content: center;
		margin-bottom: 15px;
	}
	.mercury .space-style-3-roids-club-header-logo-box {
		text-align: center;
	}
	.mercury .space-style-3-roids-club-header-logo-box img {
		max-height: 100px;
	}
	.mercury .space-style-3-roids-club-header-title {
		text-align: center;
	}
	.mercury .space-style-3-roids-club-header-title-box h1 {
		font-size: 1.777em;
	}
	.mercury .space-roids-club-style-2-calltoaction-text {
		width: 100%;
		margin-bottom: 25px;
		text-align: center;
	}
	.mercury .space-roids-club-style-2-calltoaction-text-ins {
		padding-right: 0;
		width: 100%;
	}
	.mercury .space-roids-club-style-2-calltoaction-button {
		width: 100%;
		justify-content: center;
	}
	.mercury .space-roids-club-style-2-ratings-all {
		width: 100%;
		order: 2;
	}
	.mercury .space-roids-club-style-2-ratings-all-item {
		width: 100%;
	}
	.mercury .space-roids-club-style-2-rating-overall {
		width: 100%;
		order: 1;
		justify-content: center;
		margin-bottom: 25px;
	}
	.mercury .space-roids-club-details-item {
		padding-bottom: 0;
	}
	.mercury .space-roids-club-details-item-title {
		width: 100%;
		margin-bottom: 20px;
	}
	.mercury .space-roids-club-details-item-links {
		width: 100%;
		text-align: right;
	}
	.mercury .space-pros {
		width: 100%;
		margin-bottom: 15px;
	}
	.mercury .space-pros.box-50 .space-pros-ins {
		margin: 0;
	}
	.mercury .space-cons {
		width: 100%;
	}
	.mercury .space-cons.box-50 .space-cons-ins {
		margin: 0;
	}
	.mercury .space-companies-home-2-widget .space-block-title {
		padding-bottom: 0;
	}
	.mercury .space-roids-clubs-home-3-widget .space-block-title {
		padding-bottom: 0;
	}
	.mercury .space-roids-clubs-3-archive-item-ins {
		padding-bottom: 20px;
	}
	.mercury .space-roids-clubs-3-archive-item-count {
		left: auto;
		right: 15px;
	}
	.mercury .space-roids-clubs-3-archive-item-logo {
		width: 100%;
	}
	.mercury .space-roids-clubs-3-archive-item-terms {
		width: 100%;
	}
	.mercury .space-roids-clubs-3-archive-item-terms-ins {
		padding-bottom: 15px;
	}
	.mercury .space-roids-clubs-3-archive-item-rating {
		width: 100%;
		justify-content: center;
	}
	.mercury .space-roids-clubs-3-archive-item-rating-ins {
		display: inline-block;
		width: 133px;
	}
	.mercury .space-roids-clubs-3-archive-item-rating-box {
		display: inline-block;
		height: 33px;
		border-radius: 16px;
		padding: 7px 35px 7px 10px;
	}
	.mercury .space-roids-clubs-3-archive-item-rating-box .star-rating .star {
		font-size: 0.85em;
		line-height: 1.2em;
		width: 1.2em;
	}
	.mercury .space-roids-clubs-3-archive-item-rating-box span {
		right: 10px;
		height: 0.85em;
		font-size: 0.85em;
		line-height: 1em;
	}
	.mercury .space-roids-clubs-3-archive-item-button {
		width: 100%;
	}
	.mercury .space-roids-clubs-3-archive-item-button-ins {
		margin-top: 10px;
	}
	.mercury .space-roids-clubs-3-archive-item-button-ins a {
		min-width: auto;
		padding: 8px 20px;
		font-size: 0.85em;
		border-radius: 16px;
		margin-left: 2px;
		margin-right: 2px;
	}
	.mercury .space-roids-clubs-3-archive-item-button-ins a:first-child {
		margin-bottom: 0;
	}
	.mercury .space-roids-clubs-3-archive-item-button-ins a:last-child {
		margin-top: 0;
	}
	.mercury .space-roids-clubs-3-archive-item-logo-ins:after,
	.mercury .space-roids-clubs-3-archive-item-terms-ins:after,
	.mercury .space-roids-clubs-3-archive-item-rating-ins:after {
		display: none;
	}
	.mercury .space-roids-clubs-4-archive-items {
		margin: 15px 8px 0;
		width: auto;
	}
	.mercury .space-roids-clubs-4-archive-item {
		width: 50%;
	}
	.mercury .space-roids-clubs-4-archive-item-ins {
		margin: 0 7px 15px;
	}
	.mercury .second .space-roids-clubs-5-archive-item-rating .space-rating-star-wrap {
		width: 22px;
		height: 22px;
		line-height: 22px;
	}
	.mercury .space-roids-clubs-6-archive-item-rating .space-rating-star-wrap {
		width: 22px;
		height: 22px;
		line-height: 22px;
	}
	.mercury .space-roids-clubs-8-archive-item-stars-rating .star-rating .star {
		font-size: 1em;
	}
	.mercury .second .space-games-2-archive-item-rating .space-rating-star-wrap {
		width: 22px;
		height: 22px;
		line-height: 22px;
	}
	.mercury .space-games-3-archive-item-rating .space-rating-star-wrap {
		width: 22px;
		height: 22px;
		line-height: 22px;
	}
	.mercury .space-aces-single-bonus-info {
		width: 100%;
		border-radius: 5px;
		margin: 0 15px;
	}
	.mercury .space-aces-single-bonus-info-ins {
		max-width: 480px;
		margin: 0 auto;
	}
	.mercury .space-aces-single-bonus-info-ins,
	.mercury .space-aces-single-bonus-info.box-100 .space-aces-single-bonus-info-ins {
		padding-bottom: 20px;
	}
	.mercury .space-aces-single-bonus-info-code {
		width: 100%;
		float: none;
		margin-bottom: 10px;
	}
	.mercury .space-aces-single-bonus-info-button {
		width: 100%;
		float: none;
		padding-bottom: 20px;
	}
	.mercury .space-shortcode-3 .space-companies-sidebar-item.box-25,
	.mercury .space-shortcode-3 .space-companies-sidebar-item.box-33,
	.mercury .space-shortcode-3 .space-companies-sidebar-item.box-50 {
		width: 50%;
	}
	.mercury .space-shortcode-7 .space-games-sidebar-item.box-25,
	.mercury .space-shortcode-7 .space-games-sidebar-item.box-33,
	.mercury .space-shortcode-7 .space-games-sidebar-item.box-50 {
		width: 50%;
	}
}

@media screen and (max-width: 479px) {
	.mercury .space-content-section {
		width: 100%;
		float: none;
		margin-bottom: 60px;
	}
	.mercury .space-page-without-title .space-content-section {
		margin-bottom: 0;
	}
	.mercury .space-sidebar-section {
		width: 100%;
		float: none;
	}
	.mercury .wp-block-media-text.alignwide,
	.mercury .wp-block-media-text.alignfull,
	.mercury .wp-block-image.alignwide,
	.mercury .wp-block-image.alignfull,
	.mercury .wp-block-cover.alignwide,
	.mercury .wp-block-cover-image.alignwide {
		margin-right: 0;
		margin-left: 0;
	}
	.mercury .wp-block-cover-image .wp-block-cover__inner-container,
	.mercury .wp-block-cover .wp-block-cover__inner-container {
		width: calc(100% - 30px);
	}
	.mercury .space-block-title {
		padding-bottom: 15px;
	}
	.mercury .case-15 {
		margin: 0 7px 15px;
	}
	.mercury .space-news-11-item.small {
		width: 50%;
	}
	.mercury .space-news-11-item.small:nth-child(2) {
		order: 2;
	}
	.mercury .small .space-news-11-item-info {
		margin-top: 10px;
	}
	.mercury .small .space-news-11-item-title,
	.mercury .small .space-news-11-item-title a {
		font-size: 1em;
	}
	.mercury .space-news-11-item.small .space-post-views {
		display: none;
	}
	.mercury .small .space-news-11-item-info-left span i {
		padding-right: 3px;
	}
	.mercury .small .space-news-11-item-info-right span i {
		padding-right: 3px;
	}
	.mercury .space-title-box-ins {
		padding: 30px 0 15px;
	}
	.mercury .space-title-box-h1 h1 {
		font-size: 1.777em;
	}
	.mercury .single .space-title-box-ins {
		padding: 30px 0;
	}
	.mercury .space-archive-title-box-ins {
		padding: 30px 0 15px;
	}
	.mercury .space-archive-title-box-h1 h1 {
		font-size: 1.777em;
	}
	.mercury .space-archive-section-ins {
		padding-top: 15px;
	}
	.mercury .post-type-archive-roids-club .space-roids-clubs-3-archive-item-ins,
	.mercury .tax-roids-club-category .space-roids-clubs-3-archive-item-ins,
	.mercury .archive .space-roids-clubs-3-archive-item-ins {
		margin: 0 7px 15px;
	}
	.mercury .post-type-archive-roids-club .space-roids-clubs-7-archive-item-ins,
	.mercury .tax-roids-club-category .space-roids-clubs-7-archive-item-ins,
	.mercury .archive .space-roids-clubs-7-archive-item-ins {
		margin: 0 7px;
	}
	.mercury .post-type-archive-roids-club .space-roids-clubs-8-archive-item-ins,
	.mercury .tax-roids-club-category .space-roids-clubs-8-archive-item-ins,
	.mercury .archive .space-roids-clubs-8-archive-item-ins {
		margin: 0 7px;
	}
	.mercury .post-type-archive-bonus .space-bonuses-archive-items,
	.mercury .tax-bonus-category .space-bonuses-archive-items,
	.mercury .read-more-block .space-bonuses-archive-items,
	.mercury.page-template-page-bonus-archive-style-1 .space-bonuses-archive-items {
		margin-top: 0;
	}
	.mercury .space-page-section-ins {
		padding-top: 30px;
	}
	.mercury .space-page-without-title .space-page-section-ins {
		padding-bottom: 0;
	}
	.mercury .space-page-content h1 {
		font-size: 1.777em;
	}
	.mercury .space-widget {
		margin-bottom: 45px;
	}
	.mercury .home-page .widget_mc4wp_form_widget .space-widget-title,
	.mercury .space-content-section .widget_mc4wp_form_widget .space-widget-title {
		font-size: 1.777em;
	}
	.mercury .home-page .widget_mc4wp_form_widget,
	.mercury .space-content-section .widget_mc4wp_form_widget {
		margin-top: 45px;
		margin-bottom: 45px;
	}
	.mercury .home-page .widget_mc4wp_form_widget .mc4wp-form-fields,
	.mercury .space-content-section .widget_mc4wp_form_widget .mc4wp-form-fields {
		max-width: 570px;
		margin: 0 15px;
	}
	.mercury .home-page .widget_mc4wp_form_widget .mc4wp-form-fields input[type="email"],
	.mercury .space-content-section .widget_mc4wp_form_widget .mc4wp-form-fields input[type="email"] {
		width: 100%;
		float: none;
		border-radius: 2px;
		margin-bottom: 15px;
	}
	.mercury .home-page .widget_mc4wp_form_widget .mc4wp-form-fields input[type="submit"],
	.mercury .space-content-section .widget_mc4wp_form_widget .mc4wp-form-fields input[type="submit"] {
		width: 100%;
		float: none;
		border-radius: 2px;
	}
	.mercury .wp-block-columns {
		display: block;
	}
	.mercury .wp-block-column.is-vertically-aligned-bottom,
	.mercury .wp-block-column.is-vertically-aligned-center,
	.mercury .wp-block-column.is-vertically-aligned-top {
		width: auto;
		max-width: 100%;
	}
	.mercury .space-taxonomy-description {
		width: auto;
		margin: 0 8px;
	}
	.mercury .space-style-3-roids-club-header-ins {
		padding: 30px 0;
	}
	.mercury .space-style-3-roids-club-header-left {
		width: 100%;
	}
	.mercury .space-style-3-roids-club-header-left-ins {
		margin-bottom: 15px;
	}
	.mercury .space-style-3-roids-club-header-right {
		width: 100%;
		display: block;
	}
	.mercury .space-style-3-roids-club-header-rating {
		position: relative;
		width: 100%;
		right: auto;
		top: auto;
		text-align: center;
		justify-content: center;
		margin-bottom: 15px;
	}
	.mercury .space-style-3-roids-club-header-logo-box {
		text-align: center;
	}
	.mercury .space-style-3-roids-club-header-logo-box img {
		max-height: 100px;
	}
	.mercury .space-style-3-roids-club-header-title {
		text-align: center;
	}
	.mercury .space-style-3-roids-club-header-title-box h1 {
		font-size: 1.777em;
	}
	.mercury .space-roids-club-style-2-calltoaction-text {
		width: 100%;
		margin-bottom: 25px;
		text-align: center;
	}
	.mercury .space-roids-club-style-2-calltoaction-text-ins {
		padding-right: 0;
		width: 100%;
	}
	.mercury .space-roids-club-style-2-calltoaction-button {
		width: 100%;
		justify-content: center;
	}
	.mercury .space-roids-club-style-2-ratings-all {
		width: 100%;
		order: 2;
	}
	.mercury .space-roids-club-style-2-ratings-all-item {
		width: 100%;
	}
	.mercury .space-roids-club-style-2-rating-overall {
		width: 100%;
		order: 1;
		justify-content: center;
		margin-bottom: 25px;
	}
	.mercury .space-roids-club-details-item {
		padding-bottom: 0;
	}
	.mercury .space-roids-club-details-item-title {
		width: 100%;
		margin-bottom: 20px;
	}
	.mercury .space-roids-club-details-item-links {
		width: 100%;
		text-align: right;
	}
	.mercury .space-pros-cons {
		margin-bottom: 30px;
	}
	.mercury .space-pros {
		width: 100%;
		margin-bottom: 15px;
	}
	.mercury .space-pros.box-50 .space-pros-ins {
		margin: 0;
	}
	.mercury .space-cons {
		width: 100%;
	}
	.mercury .space-cons.box-50 .space-cons-ins {
		margin: 0;
	}
	.mercury .space-companies-archive-items {
		margin: 0 8px;
		width: auto;
	}
	.mercury .space-companies-archive-item {
		width: 50%;
		float: none;
	}
	.mercury .space-companies-archive-item-ins {
		margin: 0 7px 15px;
	}
	.mercury .space-companies-archive-item-wrap,
	.mercury .space-companies-archive-item-wrap.big {
		padding: 20px;
	}
	.mercury .space-companies-archive-item-img {
		margin-bottom: 10px;
	}
	.mercury .space-companies-archive-item img {
		width: 80px;
	}
	.mercury .space-companies-archive-item-title {
		margin-bottom: 10px;
	}
	.mercury .space-companies-archive-item-title a {
		font-size: 1em;
	}
	.mercury .space-companies-archive-item-rating {
		margin-bottom: 5px;
	}
	.mercury .space-companies-archive-item-rating .star-rating .star {
		font-size: 0.60em;
		padding-right: 2px;
		padding-left: 2px;
	}
	.mercury .space-companies-archive-item-short-desc {
		display: none;
	}
	.mercury .space-companies-archive-item-button {
		margin-top: 15px;
	}
	.mercury .space-companies-archive-item-button a {
		padding: 8px 20px;
		font-size: 0.85em;
		border-radius: 16px;
	}
	.mercury .space-companies-home-2-widget .space-block-title {
		padding-bottom: 0;
	}
	.mercury .space-roids-clubs-home-3-widget .space-block-title {
		padding-bottom: 0;
	}
	.mercury .space-roids-clubs-3-archive-item-ins {
		padding-bottom: 20px;
	}
	.mercury .space-roids-clubs-3-archive-item-count {
		left: auto;
		right: 15px;
	}
	.mercury .space-roids-clubs-3-archive-item-logo {
		width: 100%;
	}
	.mercury .space-roids-clubs-3-archive-item-terms {
		width: 100%;
	}
	.mercury .space-roids-clubs-3-archive-item-terms-ins {
		padding-bottom: 15px;
	}
	.mercury .space-roids-clubs-3-archive-item-rating {
		width: 100%;
		justify-content: center;
	}
	.mercury .space-roids-clubs-3-archive-item-rating-ins {
		display: inline-block;
		width: 133px;
	}
	.mercury .space-roids-clubs-3-archive-item-rating-box {
		display: inline-block;
		height: 33px;
		border-radius: 16px;
		padding: 7px 35px 7px 10px;
	}
	.mercury .space-roids-clubs-3-archive-item-rating-box .star-rating .star {
		font-size: 0.85em;
		line-height: 1.2em;
		width: 1.2em;
	}
	.mercury .space-roids-clubs-3-archive-item-rating-box span {
		right: 10px;
		height: 0.85em;
		font-size: 0.85em;
		line-height: 1em;
	}
	.mercury .space-roids-clubs-3-archive-item-button {
		width: 100%;
	}
	.mercury .space-roids-clubs-3-archive-item-button-ins {
		margin-top: 10px;
	}
	.mercury .space-roids-clubs-3-archive-item-button-ins a {
		min-width: auto;
		padding: 8px 20px;
		font-size: 0.85em;
		border-radius: 16px;
		margin-left: 2px;
		margin-right: 2px;
	}
	.mercury .space-roids-clubs-3-archive-item-button-ins a:first-child {
		margin-bottom: 0;
	}
	.mercury .space-roids-clubs-3-archive-item-button-ins a:last-child {
		margin-top: 0;
	}
	.mercury .space-roids-clubs-3-archive-item-logo-ins:after,
	.mercury .space-roids-clubs-3-archive-item-terms-ins:after,
	.mercury .space-roids-clubs-3-archive-item-rating-ins:after {
		display: none;
	}
	.mercury .space-roids-clubs-4-archive-items {
		margin: 0 8px 0;
		width: auto;
	}
	.mercury .space-roids-clubs-4-archive-item {
		width: 100%;
	}
	.mercury .space-roids-clubs-4-archive-item-ins {
		margin: 0 7px 15px;
	}
	.mercury .space-roids-clubs-4-archive-item-desc {
		min-height: auto;
	}
	.mercury .second .space-roids-clubs-5-archive-item-rating .space-rating-star-wrap {
		width: 22px;
		height: 22px;
		line-height: 22px;
	}
	.mercury .space-roids-clubs-6-archive-item-rating .space-rating-star-wrap {
		width: 22px;
		height: 22px;
		line-height: 22px;
	}
	.mercury .space-roids-clubs-8-archive-item-stars-rating .star-rating .star {
		font-size: 1em;
	}
	.mercury .second .space-games-2-archive-item-rating .space-rating-star-wrap {
		width: 22px;
		height: 22px;
		line-height: 22px;
	}
	.mercury .space-games-3-archive-item-rating .space-rating-star-wrap {
		width: 22px;
		height: 22px;
		line-height: 22px;
	}
	.mercury .space-bonuses-home-widget .space-block-title {
		padding-bottom: 0;
	}
	.mercury .space-bonuses-archive-item {
		width: 100%;
		float: none;
	}
	.mercury .space-bonuses-archive-item-ins {
		margin-bottom: 15px;
		display: block;
		width: 100%;
	}
	.mercury .space-aces-single-bonus-info {
		width: 100%;
		border-radius: 5px;
		margin: 0 15px;
	}
	.mercury .space-aces-single-bonus-info-ins,
	.mercury .space-aces-single-bonus-info.box-100 .space-aces-single-bonus-info-ins {
		padding-left: 30px;
		padding-right: 30px;
	}
	.mercury .space-aces-single-bonus-info-title h1 {
		font-size: 1.333em;
	}
	.mercury .space-aces-single-bonus-info-short-desc {
		font-size: 1em;
	}
	.mercury .space-aces-single-bonus-info-code {
		width: 100%;
		float: none;
		margin-bottom: 10px;
	}
	.mercury .space-aces-single-bonus-info-code-button {
		padding-top: 15px;
	}
	.mercury .space-aces-single-bonus-info-button {
		width: 100%;
		float: none;
		padding-bottom: 20px;
	}
	.mercury .space-companies-archive-items div.tc-desc,
	.mercury .space-games-archive-items div.tc-desc {
		min-width: 165px;
		max-width: 165px;
		padding: 10px;
	}
	.mercury .space-roids-clubs-5-archive-item div.tc-desc,
	.mercury .space-roids-clubs-6-archive-item div.tc-desc,
	.mercury .space-games-2-archive-item div.tc-desc,
	.mercury .space-games-3-archive-item div.tc-desc {
		min-width: 165px;
		max-width: 165px;
		padding: 10px;
		left: -7px;
		-webkit-transform: none;
		transform: none;
	}
	.mercury .space-roids-club-float-bar-rating .star-rating {
		display: none;
	}
}

@media screen and (max-width: 991px) {
	.mercury .space-roids-clubs-3-archive-item-button-ins {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap: 8px;
	}
	.mercury .space-roids-clubs-3-archive-item-button-ins a {
		margin: 0;
	}
}

/* ==========================================================================
   Shop: the product page
   Gallery and summary side by side, then the description and the facts stacked underneath. The
   tab strip the page used to carry needed Bootstrap plus a script that rebuilt it as an accordion
   on phones; stacked sections need neither. The invented five-star rating is gone as well — there
   is no review system behind it.
   ========================================================================== */
.mercury .space-product-detail {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 45px;
}
.mercury .space-product-gallery-main {
	margin: 0 15px 15px;
	padding: 30px;
	border-radius: 5px;
	background-color: #fff;
	box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.2);
	line-height: 0;
	text-align: center;
}
.mercury .space-product-gallery-main img {
	max-width: 100%;
	height: auto;
	border-radius: 5px;
}
.mercury .space-product-thumbs {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin: 0 15px;
}
.mercury .space-product-thumbs .thumb {
	padding: 4px;
	border: 1px solid #dfe6e9;
	border-radius: 5px;
	background: #fff;
	line-height: 0;
	cursor: pointer;
}
.mercury .space-product-thumbs .thumb.active {
	border-color: #d63031;
}
.mercury .space-product-thumbs .thumb img {
	width: 64px;
	height: 64px;
	object-fit: contain;
}

.mercury .space-product-summary {
	padding: 0 15px;
}
.mercury .space-product-stock {
	display: inline-block;
	margin-bottom: 20px;
	padding: 5px 15px;
	border-radius: 14px;
	font-weight: 700;
	font-size: 0.75em;
	line-height: 1.45em;
	color: #fff;
}
.mercury .space-product-stock.in {
	background-color: #2ecc71;
}
.mercury .space-product-stock.out {
	background-color: #b2bec3;
}
.mercury .space-product-price {
	margin-bottom: 20px;
	font-weight: 700;
	font-size: 2.369em;
	line-height: 1.2em;
	color: #151515;
}
.mercury .space-product-price del {
	margin-left: 10px;
	font-weight: 400;
	font-size: 0.5em;
	color: #7f8c8d;
}
.mercury .space-product-price-off {
	margin-left: 10px;
	font-weight: 700;
	font-size: 0.4em;
	color: #d63031;
	vertical-align: middle;
}
.mercury .space-product-excerpt {
	margin-bottom: 30px;
	font-size: 1em;
	line-height: 1.6em;
	color: #636e72;
}

.mercury .space-product-buy {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 15px;
	margin-bottom: 30px;
}
.mercury .space-product-qty {
	display: flex;
	align-items: stretch;
	border: 1px solid #dfe6e9;
	border-radius: 23px;
	overflow: hidden;
}
.mercury .space-product-qty button {
	width: 42px;
	border: 0;
	font-size: 1.125em;
	color: #636e72;
	background: #f5f6fa;
	cursor: pointer;
}
.mercury .space-product-qty button:hover {
	color: #d63031;
}
.mercury .space-product-qty input {
	width: 56px;
	border: 0;
	padding: 11px 0;
	font-family: inherit;
	font-weight: 700;
	font-size: 1em;
	text-align: center;
	color: #151515;
	-moz-appearance: textfield;
}
.mercury .space-product-qty input::-webkit-outer-spin-button,
.mercury .space-product-qty input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
.mercury .space-product-add {
	padding: 13px 45px;
	border: 0;
	border-radius: 23px;
	font-family: inherit;
	font-weight: 700;
	font-size: 1em;
	line-height: 1.25em;
	color: #fff;
	background-color: #d63031;
	cursor: pointer;
	transition: all 0.5s ease-in-out;
}
.mercury .space-product-add:hover {
	box-shadow: 0 0 15px 0 rgba(214, 48, 49, 0.45);
}

.mercury .space-product-meta {
	padding-top: 20px;
	border-top: 1px solid #dfe6e9;
}
.mercury .space-product-meta p {
	margin: 0 0 8px;
	font-size: 0.875em;
	line-height: 1.5em;
	color: #7f8c8d;
}
.mercury .space-product-meta strong {
	color: #151515;
}

.mercury .space-product-section {
	margin-bottom: 45px;
}
.mercury .space-product-facts p {
	margin: 0 0 8px;
	font-size: 0.9375em;
	line-height: 1.5em;
	color: #636e72;
}
.mercury .space-product-facts strong {
	color: #151515;
}

@media screen and (max-width: 767px) {
	.mercury .space-product-gallery,
	.mercury .space-product-summary {
		width: 100%;
		float: none;
	}
	.mercury .space-product-summary {
		margin-top: 30px;
	}
	.mercury .space-product-price {
		font-size: 1.777em;
	}
	.mercury .space-product-headline {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
		gap: 10px 15px;
		margin-bottom: 20px;
	}
	.mercury .space-product-headline .space-product-stock,
	.mercury .space-product-headline .space-product-price {
		margin-bottom: 0;
	}
	.page-product .case-15 {
		margin-right: 15px;
		margin-left: 15px;
	}
	.page-product .space-page-content.case-15 p,
	.page-product .space-page-content.case-15 li {
		text-align: justify;
		-webkit-hyphens: auto;
		hyphens: auto;
	}
	.mercury .space-product-buy {
		gap: 10px;
	}
	.mercury .space-product-add {
		flex: 1;
		padding: 13px 20px;
	}
}

@media screen and (max-width: 767px) {
	.mercury .space-taxonomy-description {
		margin-right: 0;
		margin-left: 0;
		padding: 0 15px;
	}
	.mercury .space-taxonomy-description .case-15 {
		margin-right: 0;
		margin-left: 0;
	}
}

/* ==========================================================================
   Shop: the product grid across breakpoints
   Mirrors what media.css does to the theme's own card — two per row from 991px down, tighter
   padding and a smaller button under 480px. Without these the box-33 column stays 33% on a phone
   and a card comes out 130px wide.
   ========================================================================== */
@media screen and (max-width: 1024px) and (min-width: 768px) {
	.mercury .space-product-item {
		width: 50%;
	}
}

@media screen and (max-width: 767px) and (min-width: 480px) {
	.mercury .space-product-item {
		width: 50%;
	}
}

@media screen and (max-width: 479px) {
	.mercury .space-product-items {
		margin: 0 8px;
		width: auto;
	}
	.mercury .space-product-item {
		width: 50%;
		float: none;
	}
	.mercury .space-product-item-ins {
		margin: 0 7px 15px;
		height: calc(100% - 15px);
	}
	.mercury .space-product-item-wrap {
		padding: 20px;
	}
	.mercury .space-product-item-img {
		margin-bottom: 10px;
	}
	.mercury .space-product-item-title {
		margin-bottom: 5px;
	}
	.mercury .space-product-item-title a {
		font-size: 1em;
	}
	.mercury .space-product-item-meta {
		display: none;
	}
	.mercury .space-product-item-price {
		margin-bottom: 12px;
		font-size: 1.125em;
	}
	.mercury .space-product-item-button button {
		padding: 8px 12px;
		font-size: 0.85em;
		border-radius: 16px;
	}
}

/* ==========================================================================
   Shop: the cart across breakpoints
   ========================================================================== */
@media screen and (max-width: 767px) {
	.mercury .cart-item {
		display: grid;
		grid-template-columns: auto minmax(0, 1fr) auto;
		grid-template-areas:
			"img title remove"
			"img row   row";
		gap: 8px 20px;
	}
	.mercury .space-cart-item-body {
		display: contents;
	}
	.mercury .space-cart-item-img {
		grid-area: img;
	}
	.mercury .space-cart-item-title {
		grid-area: title;
		margin-bottom: 0;
	}
	.mercury .space-cart-item-row {
		grid-area: row;
	}
	.mercury .space-cart-item-remove {
		grid-area: remove;
		align-self: center;
		margin: -6px 0;
	}
	.mercury .space-cart-item-row .space-product-qty button {
		width: 34px;
	}
	.mercury .space-cart-item-row .space-product-qty input {
		width: 44px;
	}
}

@media screen and (max-width: 479px) {
	.mercury .space-cart-items {
		margin: 0 8px 20px;
		padding: 5px 15px;
	}
	.mercury .cart-item {
		gap: 8px 16px;
		padding: 18px 0;
	}
	.mercury .cart-item--bonus {
		margin: 0 -15px;
		padding-right: 15px;
		padding-left: 15px;
	}
	.mercury .space-cart-item-img {
		flex-basis: 64px;
	}
	.mercury .space-cart-item-img img {
		width: 64px;
		height: 64px;
	}
	.mercury .space-cart-item-title {
		font-size: 1em;
	}
	.mercury .space-cart-item-row {
		gap: 6px;
	}
	.mercury .space-cart-item-row .space-product-qty button {
		width: 30px;
	}
	.mercury .space-cart-item-row .space-product-qty input {
		width: 38px;
	}
	.mercury .space-cart-item-price,
	.mercury .space-cart-item-sum {
		font-size: 1em;
	}
	.mercury .space-cart-actions {
		margin: 0 8px 25px;
	}
	.mercury .space-cart-summary-ins {
		margin: 0 8px;
		padding: 20px;
	}
	.mercury .space-cart-empty {
		margin: 0 8px;
		padding: 45px 20px 50px;
	}
	.mercury .space-cart-empty h2 {
		font-size: 1.333em;
	}
	/* The headline drops to 28px here, so an 18px subtitle under it reads as a second heading
	   rather than a caption. Back to body size. */
	.mercury .space-product-subtitle {
		margin: 10px 0 6px;
		font-size: 1em;
	}
	/* The cards drop to an 8px gutter here; the titles above them have to follow or they sit 7px
	   out. Scoped to the shop pages — the review side's widgets keep the theme's 15px. */
	.page-cart .space-block-title,
	.page-checkout .space-block-title,
	.page-order .space-block-title,
	.page-order-failed .space-block-title {
		padding-right: 8px;
		padding-left: 8px;
	}
}
/* ==========================================================================
   Static pages: the value tiles across breakpoints
   Four box-25 columns hold up on a desktop and collapse to 90px strips on a phone, which is
   narrower than the words inside them. Two per row down to 480, one below that.
   ========================================================================== */
@media screen and (max-width: 767px) and (min-width: 480px) {
	.page-static .page-static-value {
		width: 50%;
	}
}

@media screen and (max-width: 479px) {
	.page-static .page-static-value {
		width: 100%;
	}
}

/* ==========================================================================
   Shop: the checkout across breakpoints
   The 12-column field grid is the only thing that has to give; below 768px every field takes the
   full width, including the ZIP/state pair that shares a line on the desktop.
   ========================================================================== */
@media screen and (max-width: 767px) {
	.mercury .space-form-col-6,
	.mercury .space-form-col-3 {
		grid-column: span 12;
	}
}

@media screen and (max-width: 479px) {
	.mercury .space-checkout-card-ins {
		margin: 0 8px;
		padding: 20px;
	}
	.mercury .space-form-summary,
	.mercury .space-checkout-notice {
		margin-right: 8px;
		margin-left: 8px;
	}
	.mercury .space-checkout-submit {
		margin: 0 8px 15px;
	}
	.mercury button.space-cart-checkout {
		padding: 15px 16px;
		font-size: 1em;
	}
	.mercury .space-checkout-item.bonus {
		margin: 0 -20px;
		padding-right: 20px;
		padding-left: 20px;
	}
}

/* ==========================================================================
   Shop: the order and error pages across breakpoints
   ========================================================================== */
@media screen and (max-width: 767px) {
	.mercury .space-order-facts,
	.mercury .space-order-facts.columns {
		grid-template-columns: 1fr;
		text-align: left;
	}
	.mercury .space-error-code {
		font-size: 5em;
	}
	.mercury .space-error-box h1 {
		font-size: 1.777em;
	}
	.mercury .space-error-message {
		font-size: 1em;
	}
}

@media screen and (max-width: 479px) {
	.mercury .space-order-hero {
		margin: 0 8px 20px;
		padding: 30px 20px;
	}
	.mercury .space-order-address-ins {
		margin: 0 8px;
		padding: 20px;
	}
	.mercury .space-order-actions {
		margin: 0 8px 25px;
	}
	.mercury .space-error-box {
		margin: 0 8px;
		padding: 45px 15px 40px;
	}
	.mercury .space-error-actions a.space-style-3-button {
		display: block;
		width: 100%;
		padding-right: 20px;
		padding-left: 20px;
	}
}

/* ==========================================================================
   Theme customizer palette (theme_mods_mercury), taken from the original's inline CSS.
   Order matters: the site loads the theme stylesheet first and these overrides after it,
   so this block must stay LAST — mercury's own defaults (the purple #be2edd) sit above.
   ========================================================================== */
.mercury .has-mercury-main-color,
.mercury .home-page .textwidget a:hover,
.mercury .space-header-2-top-soc a:hover,
.mercury .space-header-menu ul.main-menu li a:hover,
.mercury .space-header-menu ul.main-menu li:hover a,
.mercury .space-header-2-nav ul.main-menu li a:hover,
.mercury .space-header-2-nav ul.main-menu li:hover a,
.mercury .space-page-content a:hover,
.mercury .space-pros-cons ul li a:hover,
.mercury .space-pros-cons ol li a:hover,
.mercury .space-companies-2-archive-item-desc a:hover,
.mercury .space-roids-clubs-3-archive-item-terms-ins a:hover,
.mercury .space-roids-clubs-7-archive-item-terms a:hover,
.mercury .space-roids-clubs-8-archive-item-terms a:hover,
.mercury .space-comments-form-box p.comment-notes span.required,
.mercury form.comment-form p.comment-notes span.required {
	color: #636e72;
}
.mercury input[type="submit"],
.mercury .has-mercury-main-background-color,
.mercury .space-block-title span:after,
.mercury .space-widget-title span:after,
.mercury .space-companies-archive-item-button a,
.mercury .space-companies-sidebar-item-button a,
.mercury .space-roids-clubs-3-archive-item-count,
.mercury .space-bonuses-archive-item-button a,
.mercury .home-page .widget_mc4wp_form_widget .space-widget-title::after,
.mercury .space-content-section .widget_mc4wp_form_widget .space-widget-title::after {
	background-color: #636e72;
}
.mercury .space-header-menu ul.main-menu li a:hover,
.mercury .space-header-menu ul.main-menu li:hover a,
.mercury .space-header-2-nav ul.main-menu li a:hover,
.mercury .space-header-2-nav ul.main-menu li:hover a {
	border-bottom: 2px solid #636e72;
}
.mercury .space-header-2-top-soc a:hover {
	border: 1px solid #636e72;
}
.mercury .has-mercury-second-color,
.mercury .space-page-content a,
.mercury .space-pros-cons ul li a,
.mercury .space-pros-cons ol li a,
.mercury .space-page-content ul li:before,
.mercury .home-page .textwidget ul li:before,
.mercury .space-widget ul li a:hover,
.mercury .home-page .textwidget a,
.mercury #recentcomments li a:hover,
.mercury #recentcomments li span.comment-author-link a:hover,
.mercury h3.comment-reply-title small a,
.mercury .space-companies-sidebar-2-item-desc a,
.mercury .space-companies-sidebar-item-title p a,
.mercury .space-companies-archive-item-short-desc a,
.mercury .space-companies-2-archive-item-desc a,
.mercury .space-roids-clubs-3-archive-item-terms-ins a,
.mercury .space-roids-clubs-7-archive-item-terms a,
.mercury .space-roids-clubs-8-archive-item-terms a,
.mercury .space-roids-club-content-info a,
.mercury .space-roids-club-style-2-calltoaction-text-ins a,
.mercury .space-roids-club-details-item-title span,
.mercury .space-roids-club-style-2-ratings-all-item-value i,
.mercury .space-roids-club-style-2-calltoaction-text-ins a,
.mercury .space-roids-club-content-short-desc a,
.mercury .space-roids-club-header-short-desc a,
.mercury .space-roids-club-content-rating-stars i,
.mercury .space-roids-club-content-rating-overall .star-rating .star,
.mercury .space-companies-archive-item-rating .star-rating .star,
.mercury .space-roids-club-content-logo-stars i,
.mercury .space-roids-club-content-logo-stars .star-rating .star,
.mercury .space-companies-2-archive-item-rating .star-rating .star,
.mercury .space-roids-clubs-3-archive-item-rating-box .star-rating .star,
.mercury .space-roids-clubs-4-archive-item-title .star-rating .star,
.mercury .space-companies-sidebar-2-item-rating .star-rating .star,
.mercury .space-comments-list-item-date a.comment-reply-link,
.mercury .space-categories-list-box ul li a,
.mercury .space-news-10-item-category a,
.mercury .small .space-news-11-item-category a,
.mercury #scrolltop,
.mercury .widget_mc4wp_form_widget .mc4wp-response a,
.mercury .space-header-height.dark .space-header-menu ul.main-menu li a:hover,
.mercury .space-header-height.dark .space-header-menu ul.main-menu li:hover a,
.mercury .space-header-2-height.dark .space-header-2-nav ul.main-menu li a:hover,
.mercury .space-header-2-height.dark .space-header-2-nav ul.main-menu li:hover a,
.mercury .space-header-2-height.dark .space-header-2-top-soc a:hover,
.mercury .space-roids-club-header-logo-rating i {
	color: #d63031;
}
.mercury .space-title-box-category a,
.mercury .has-mercury-second-background-color,
.mercury .space-roids-club-details-item-links a:hover,
.mercury .space-news-2-small-item-img-category a,
.mercury .space-news-2-item-big-box-category span,
.mercury .space-block-title span:before,
.mercury .space-widget-title span:before,
.mercury .space-news-4-item.small-news-block .space-news-4-item-img-category a,
.mercury .space-news-4-item.big-news-block .space-news-4-item-top-category span,
.mercury .space-news-6-item-top-category span,
.mercury .space-news-7-item-category span,
.mercury .space-news-3-item-img-category a,
.mercury .space-news-8-item-title-category span,
.mercury .space-news-9-item-info-category span,
.mercury .space-archive-loop-item-img-category a,
.mercury .space-roids-clubs-3-archive-item:first-child .space-roids-clubs-3-archive-item-count,
.mercury .space-single-bonus.space-dark-style 
.space-bonuses-archive-item.space-dark-style .space-bonuses-archive-item-button a,
.mercury nav.pagination a,
.mercury nav.comments-pagination a,
.mercury nav.pagination-post a span.page-number,
.mercury .widget_tag_cloud a,
.mercury .space-footer-top-age span.age-limit,
.mercury .space-footer-top-soc a:hover,
.mercury .home-page .widget_mc4wp_form_widget .mc4wp-form-fields .space-subscribe-filds button,
.mercury .space-content-section .widget_mc4wp_form_widget .mc4wp-form-fields .space-subscribe-filds button {
	background-color: #d63031;
}
.mercury .space-footer-top-soc a:hover,
.mercury .space-header-2-height.dark .space-header-2-top-soc a:hover,
.mercury .space-categories-list-box ul li a {
	border: 1px solid #d63031;
}
.mercury .space-header-height.dark .space-header-menu ul.main-menu li a:hover,
.mercury .space-header-height.dark .space-header-menu ul.main-menu li:hover a,
.mercury .space-header-2-height.dark .space-header-2-nav ul.main-menu li a:hover,
.mercury .space-header-2-height.dark .space-header-2-nav ul.main-menu li:hover a {
	border-bottom: 2px solid #d63031;
}
.mercury .star,
.mercury .fa-star {
	color: #fdcb6e!important;
}
.mercury .space-rating-star-background {
	background-color: #fdcb6e;
}
.mercury .space-header-height .space-header-top,
.mercury .space-header-height .space-header-logo-ins:after {
	background-color: #f5f6fa;
}
.mercury .space-header-height .space-header-menu ul.main-menu li,
.mercury .space-header-height .space-header-menu ul.main-menu li a,
.mercury .space-header-height .space-header-search {
	color: #151515;
}
.mercury .space-header-height .space-mobile-menu-icon div {
	background-color: #151515;
}
.mercury .space-header-height .space-header-menu ul.main-menu li a:hover,
.mercury .space-header-height .space-header-menu ul.main-menu li:hover a {
	color: #d63031; border-bottom: 2px solid #d63031;
}
.mercury .space-header-height .space-header-menu ul.main-menu li ul.sub-menu li a:hover {
	border-bottom: 1px solid transparent; color: #b2bec3; text-decoration: none;
}
.mercury .space-header-2-height .space-header-2-top-ins {
	border-bottom: 1px solid #f5f6fa;
}
.mercury .space-header-2-height .space-header-2-nav ul.main-menu li,
.mercury .space-header-2-height .space-header-2-nav ul.main-menu li a {
	color: #151515;
}
.mercury .space-header-2-height .space-header-2-nav ul.main-menu li a:hover,
.mercury .space-header-2-height .space-header-2-nav ul.main-menu li:hover a {
	color: #d63031; border-bottom: 2px solid #d63031;
}
.mercury .space-header-2-height .space-header-2-nav ul.main-menu li ul.sub-menu li a:hover {
	border-bottom: 1px solid transparent; color: #b2bec3; text-decoration: none;
}
.mercury .space-mobile-menu .space-mobile-menu-copy {
	border-top: 1px solid #f5f6fa;
}
.mercury .space-mobile-menu .space-mobile-menu-list ul li {
	color: #151515;
}
.mercury .space-mobile-menu .space-mobile-menu-list ul li a {
	color: #151515;
}
.mercury .space-mobile-menu .space-close-icon .to-right,
.mercury .space-mobile-menu .space-close-icon .to-left {
	background-color: #151515;
}
.mercury ul.main-menu > li.new > a:before,
.mercury .space-mobile-menu-list > ul > li.new:before {
	content: "New"; color: #5b9765; background-color: #e6f5e9;
}
.mercury ul.main-menu > li.best > a:before,
.mercury .space-mobile-menu-list > ul > li.best:before {
	content: "Best"; color: #636e72; background-color: #dfe6e9;
}
.mercury ul.main-menu > li.top > a:before,
.mercury .space-mobile-menu-list > ul > li.top:before {
	content: "Top"; color: #d63031; background-color: #fec3c4;
}
.mercury ul.main-menu > li.fair > a:before,
.mercury .space-mobile-menu-list > ul > li.fair:before {
	content: "Fair"; color: #636e72; background-color: #dfe6e9;
}
.mercury .space-roids-club-content-button a,
.mercury .space-roids-clubs-3-archive-item-button-ins a,
.mercury .space-roids-clubs-4-archive-item-button-two-ins a,
.mercury .space-shortcode-wrap .space-roids-clubs-3-archive-item-button-ins a,
.mercury .space-shortcode-wrap .space-roids-clubs-4-archive-item-button-two-ins a {
	color: #ffffff !important; background-color: #d63031 !important;
}
.mercury .space-roids-club-header-button a.space-style-2-button,
.mercury .space-roids-club-style-2-calltoaction-button-ins a.space-calltoaction-button,
.mercury .space-style-3-roids-club-header-button a.space-style-3-button,
.mercury .space-roids-clubs-7-archive-item-button-two a,
.mercury .space-roids-clubs-8-archive-item-button-two a,
.mercury .space-roids-club-float-bar-button-wrap a {
	color: #ffffff !important; background-color: #d63031 !important; box-shadow: 0px 5px 15px 0px rgba(214,48,49, 0.55) !important;
}
.mercury .space-roids-clubs-5-archive-item-button1 a,
.mercury .space-roids-clubs-6-archive-item-button1 a {
	color: #ffffff !important; background-color: #d63031 !important; box-shadow: 0px 10px 15px 0px rgba(214,48,49, 0.5) !important;
}
.mercury .space-roids-clubs-3-archive-item-button-ins a:last-child,
.mercury .space-roids-clubs-4-archive-item-button-one-ins a,
.mercury .space-shortcode-wrap .space-roids-clubs-4-archive-item-button-one-ins a {
	color: #ffffff !important; background-color: #b2bec3 !important;
}

/* ==========================================================================
   Comment archive
   The original's own styling for this block is gone: wpDiscuz 7.5.2 renders the markup but the
   only stylesheets it enqueues are the Quill editor bundle (stale, versioned 6.9) and the
   ratings summary. Checked against the live page — .wpd-comment-wrap, .wpd-avatar and
   .wpd-comment-header match no rule at all, which is why the thread reads as raw text there.
   What follows is ours, written in the theme's language: white cards, #dfe6e9 hairlines,
   #636e72 body, #d63031 accent, #fdcb6e stars.
   ========================================================================== */

.page-review .comments-area {
	margin: 0 0 45px;
}

/* The summary keeps the plugin's own stylesheet, which does still load. */
.page-review .wpdiscuz-post-rating-wrap {
	margin-bottom: 30px;
}

.page-review #wpdcom {
	font-size: 1em;
}

.page-review .wpd-thread-head {
	margin-top: 35px;
	display: flex;
	align-items: center;
	padding-bottom: 12px;
	margin-bottom: 25px;
	border-bottom: 2px solid #dfe6e9;
}

.page-review .wpd-thread-info {
	font-size: 1.333em;
	font-weight: 700;
	line-height: 1.25em;
	color: #151515;
}

.page-review .wpd-thread-info .wpdtc {
	color: #d63031;
}

/* The thumb is defined once per page as a <symbol> and pulled in by <use>. */
.page-review .wpd-icons {
	display: none;
}

.page-review .wpd-comment {
	margin-bottom: 15px;
}

.page-review .wpd-comment-wrap {
	padding: 20px 25px;
	background-color: #fff;
	border: 1px solid #dfe6e9;
	border-radius: 5px;
}

.page-review .wpd-comment-header {
	display: flex;
	align-items: center;
	gap: 15px;
	margin-bottom: 15px;
}

.page-review .wpd-avatar img {
	display: block;
	width: 48px;
	height: 48px;
	border-radius: 50%;
}

.page-review .wpd-comment-author {
	font-size: 1em;
	font-weight: 700;
	line-height: 1.25em;
	color: #151515;
}

.page-review .wpd-comment-date {
	font-size: 0.75em;
	font-weight: 400;
	line-height: 1.25em;
	color: #7f8c8d;
}

.page-review .wpd-comment-date i {
	margin-right: 5px;
}

/* The rating the commenter left, above their text. */
.page-review .wpd-cf-rating {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 12px;
}

.page-review .wpd-cf-rating .wpd-cf-label {
	font-size: 0.75em;
	line-height: 1.25em;
	color: #7f8c8d;
}

/* .mercury .fa-star paints every star gold with !important, which is right everywhere else on
   the site; the empty half of a commenter rating is the one exception. */
.page-review .wpd-cf-rating i {
	color: #dfe6e9 !important;
}

.page-review .wpd-cf-rating .wcf-active-star {
	color: #fdcb6e !important;
}

.page-review .wpd-comment-text p {
	margin: 0 0 12px;
	font-size: 1em;
	line-height: 1.65em;
	color: #636e72;
}

.page-review .wpd-comment-text p:last-child {
	margin-bottom: 0;
}

/* The answers to the review form: a definition list in everything but markup. */
.page-review .wpd-bottom-custom-fields {
	margin-top: 18px;
	padding-top: 15px;
	border-top: 1px solid #dfe6e9;
}

.page-review .wpd-cf-text {
	margin-bottom: 12px;
}

.page-review .wpd-cf-text:last-child {
	margin-bottom: 0;
}

.page-review .wpd-cf-text .wpd-cf-label {
	margin-bottom: 3px;
	font-size: 0.75em;
	font-weight: 700;
	line-height: 1.25em;
	color: #151515;
}

.page-review .wpd-cf-text .wpd-cf-value {
	font-size: 0.875em;
	line-height: 1.5em;
	color: #7f8c8d;
}

.page-review .wpd-comment-footer {
	display: flex;
	justify-content: flex-end;
	margin-top: 15px;
}

.page-review .wpd-vote {
	display: flex;
	align-items: center;
	gap: 6px;
	font-size: 0.75em;
	line-height: 1.25em;
	color: #7f8c8d;
}

.page-review .wpd-vote svg {
	width: 16px;
	height: 16px;
	fill: #b2bec3;
}

/* The rating summary above the thread keeps the plugin's own small stylesheet for layout; its
   colours came from the options block that is gone, so they are set here in the theme's palette. */
.page-review .wpd-rating-wrap .wpd-rating-value,
.page-review .wpd-rating-wrap .wpdrv {
	color: #151515;
}

.page-review .wpd-rating-wrap .wpd-rating-title {
	color: #7f8c8d;
}

.page-review .wpd-rating-stars .wpd-star {
	fill: #dfe6e9;
}

.page-review .wpd-rating-stars .wpd-star.wpd-active {
	fill: #fdcb6e;
}