/*
 Theme Name:   MH Magazine Child
 Theme URI:    https://www.bigwinboard.com/wp-content/themes/mh-magazine-child/
 Description:  MH Magazine Child Theme
 Author:       Bigwinboard
 Author URI:   https://www.bigwinboard.com
 Template:     mh-magazine
 Version:      2.0.1
 License:
 License URI:
 Tags:
 Text Domain:  mh-magazine-child
*/

html { overflow-y: scroll; }

.entry-content h1 { margin-bottom: 0 !important; }

/* =========================
   TOP SECTION BLOCK ON PAGES START
   ========================= */

.bwb-bonus-hero {
  /* Image layer from bonus-hero-bg.js via --bwb-bonus-hero-image; paint on ::before for clean 10px radius */
  --bwb-bonus-hero-image: url("https://www.bigwinboard.com/wp-content/uploads/2026/03/bwb-bg1.webp") center / cover no-repeat;
  background: transparent;
  padding: 28px 24px 32px 24px;
  color: #ffffff;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.06);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.04);
  position: relative;
  margin-bottom: 30px;
  overflow: hidden;
}
.bwb-bonus-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  border-radius: inherit;
  background:
    linear-gradient(90deg, rgba(255, 42, 42, 0.6), rgba(255, 42, 42, 0.2)) 0 0 / 100% 3px no-repeat,
    linear-gradient(105deg, rgba(26, 40, 48, 0.88) 0%, rgba(22, 34, 41, 0.88) 35%, rgba(19, 29, 36, 0.88) 70%, rgba(15, 24, 29, 0.88) 100%) 0 0 / 100% 100% no-repeat,
    var(--bwb-bonus-hero-image);
}
.bwb-bonus-hero::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 280px;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(to bottom, transparent 0%, rgba(15, 24, 29, 0.4) 50%, #0f181d 100%);
}
.bwb-bonus-hero-inner { max-width: 1100px; margin: 0 auto; display: flex; gap: 30px; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; position: relative; z-index: 2; }
.bwb-breadcrumb-wrap { max-width: 1100px; margin: 0 auto 10px auto; padding: 0 0; position: relative; z-index: 1; }
.bwb-bonus-left { flex: 1; min-width: 280px; }
.bwb-breadcrumb { font-size: 13px; opacity: 0.75; margin-bottom: 10px; }
.bwb-bonus-left .bwb-hero-title {
  font-size: 32px;
  font-weight: 800;
  line-height: 1.2;
  margin-bottom: 14px;
  position: relative;
  letter-spacing: -0.02em;
  color: #f8fafc;
}
.bwb-bonus-left .bwb-hero-title::after {
  content: "";
  display: block;
  width: 80px;
  height: 3px;
  background: linear-gradient(90deg, #ff2a2a, rgba(255, 42, 42, 0.5));
  margin-top: 12px;
  border-radius: 2px;
}
.bwb-subheading { font-size: 20px; margin: 10px 0 12px 0; font-weight: 600; color: #f1f5f9; }
.bwb-bonus-intro { max-width: 580px; font-size: 15px; line-height: 1.65; color: rgba(255, 255, 255, 0.92); }
.bwb-bonus-right { flex: 0 0 300px; }
.bwb-info-box {
  background: linear-gradient(165deg, #1c2228 0%, #151a1f 100%);
  padding: 24px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(255, 42, 42, 0.08);
}
.bwb-info-box h3 { font-size: 18px; font-weight: 700; margin-bottom: 18px; color: #f8fafc; letter-spacing: 0.01em; }
.bwb-info-list { display: flex; flex-direction: column; gap: 18px; }
.bwb-info-item { display: flex; align-items: center; gap: 14px; }
.bwb-info-icon {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(145deg, #ff2a2a, #c41e1e);
  border-radius: 10px;
  color: #ffffff;
  font-size: 16px;
  box-shadow: 0 4px 12px rgba(255, 42, 42, 0.35);
}
.bwb-info-content { display: flex; flex-direction: column; gap: 2px; }
.bwb-info-title { font-size: 15px; font-weight: 600; margin: 0; color: #f1f5f9; }
.bwb-info-desc { font-size: 13px; color: rgba(255, 255, 255, 0.75); line-height: 1.4; margin: 0; }
@media (max-width: 768px) {
  .bwb-bonus-hero { padding: 20px 20px 35px 20px; margin-bottom: 0; }
  .bwb-bonus-hero-inner { flex-direction: column; gap: 20px; }
  .bwb-bonus-left h1 { font-size: 26px; }
  .bwb-bonus-left .bwb-hero-title {
    font-size: 24px;
    line-height: 1.25;
    margin-bottom: 10px;
  }
  .bwb-bonus-left .bwb-hero-title::after {
    width: 60px;
    margin-top: 10px;
  }
  .bwb-bonus-right { flex: unset; width: 100%; }
  .bwb-info-box { margin-bottom: 0; }
}

/* =========================
   TOP SECTION BLOCK ON PAGES END
   ========================= */

/* =========================
   TOURNAMENT HERO (standalone, fixed bg – no rotation)
   Paste the HTML below into a Custom HTML widget on the tournament page only.
   =========================
   HTML to use:
   -------------------------
<div class="bwb-tournament-hero">
  <div class="bwb-bonus-hero-inner">
    <div class="bwb-bonus-left">
      <div class="bwb-hero-title"><i class="fa-solid fa-bell"></i> Game On!</div>
      <p class="bwb-bonus-intro">
        Want to compete for real cash without risking your own money? Bigwinboard's free slot tournaments let you do exactly that. Join the action, spin demo versions of Pragmatic Play slots, and climb the leaderboard for a chance to win real, wager-free prizes.<br><br>
        Tournaments are completely free to enter and everyone plays with the same demo balance, so it's all about luck. Check the active tournaments below, pick your game, and see if you can secure a spot at the top of the leaderboard.
      </p>
    </div>
    <div class="bwb-bonus-right">
      <div class="bwb-info-box">
        <h3>About Tournaments....</h3>
        <div class="bwb-info-list">
          <div class="bwb-info-item">
            <div class="bwb-info-icon">
              <i class="fa-solid fa-shield-halved"></i>
            </div>
            <div class="bwb-info-content">
              <div class="bwb-info-title">Free Slot Tournaments</div>
              <div class="bwb-info-desc">No risk involved!</div>
            </div>
          </div>
          <div class="bwb-info-item">
            <div class="bwb-info-icon">
              <i class="fa-solid fa-gift"></i>
            </div>
            <div class="bwb-info-content">
              <div class="bwb-info-title">Real Cash Prizes</div>
              <div class="bwb-info-desc">You win real cash!</div>
            </div>
          </div>
          <div class="bwb-info-item">
            <div class="bwb-info-icon">
              <i class="fa-solid fa-user-shield"></i>
            </div>
            <div class="bwb-info-content">
              <div class="bwb-info-title">Community Support</div>
              <div class="bwb-info-desc">Have questions? Ask the community</div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
   -------------------------
   ========================= */
.bwb-tournament-hero {
  /* Background lives on ::before so rounded corners + overflow:hidden clip cleanly (no semi-transparent box corners bleeding) */
  background: transparent;
  padding: 28px 24px 32px 24px;
  color: #ffffff;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.06);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.04);
  position: relative;
  margin-bottom: 30px;
  overflow: hidden;
}
.bwb-tournament-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  border-radius: inherit;
  background:
    linear-gradient(90deg, rgba(255, 42, 42, 0.6), rgba(255, 42, 42, 0.2)) 0 0 / 100% 3px no-repeat,
    linear-gradient(105deg, rgba(26, 40, 48, 0.88) 0%, rgba(22, 34, 41, 0.88) 35%, rgba(19, 29, 36, 0.88) 70%, rgba(15, 24, 29, 0.88) 100%) 0 0 / 100% 100% no-repeat,
    url("https://www.bigwinboard.com/wp-content/uploads/2026/03/tournamentbg.jpg") center / cover no-repeat;
}
.bwb-tournament-hero::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 280px;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(to bottom, transparent 0%, rgba(15, 24, 29, 0.4) 50%, #0f181d 100%);
}
.bwb-tournament-hero .bwb-bonus-hero-inner { max-width: 1100px; margin: 0 auto; display: flex; gap: 30px; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; position: relative; z-index: 2; }
@media (max-width: 768px) {
  .bwb-tournament-hero { padding: 20px 20px 35px 20px; margin-bottom: 0; }
  .bwb-tournament-hero .bwb-bonus-hero-inner { flex-direction: column; gap: 20px; }
}

/* =========================
   TOURNAMENT HERO END
   ========================= */

/* Rumble videos aspect ratio */

iframe.rumble {
    width: 100% !important;
    aspect-ratio: 16 / 9 !important;
    height: auto !important;
    border: 0;
}

/* Make centered large titles */
.bwb-titles-h1 {
    font-size: 32px;
    font-weight: 700;
    text-align: center;
    line-height: 1.0;
    margin: 20px 0;
}
@media (max-width: 768px) {
    .bwb-titles-h1 {
        font-size: 24px;
    }
}

/* =========================
   FRONT PAGE VIDEO FOR PRAGMATIC'S FORTUNE OF OLYMPUS PROMO
   ========================= */

.bwb-hero-card{
  display:flex;
  gap:14px;
  align-items:stretch;
  padding:12px;
  border:1px solid #1e293b;
  border-radius:14px;
  background:#020617;
  overflow:hidden;
}

.bwb-hero-logo{
  display:block;
  max-width:140px;
  height:auto;
  margin:0 auto 10px;
}

.bwb-hero-left{
  flex:0 0 320px;
  max-width:420px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  text-align:center;
  padding:8px 10px;
}

.bwb-hero-title{
  font-weight:800;
  font-size:20px;
  line-height:1.2;
  color:#e5e7eb;
  margin:0 0 10px;
}

.bwb-hero-text{
  color:#9ca3af;
  font-size:14px;
  line-height:1.5;
  margin:0 0 14px;
}

.bwb-hero-btn{
  display:inline-block;
  align-self:center;
  padding:14px 28px;          /* wider */
  border-radius:12px;
  font-weight:800;
  text-decoration:none !important;
  background:#FFCF5C;
  color:#111827 !important;
}

/* no underline + slight color change on hover */
.bwb-hero-btn:hover{
  text-decoration:none !important;
  background:#E3B548;                 /* more visible darker */
  color:#111827 !important;
}

.bwb-hero-right{
  flex:1 1 auto;
  min-width:0;
  display:flex;
  align-items:center;
}

.bwb-hero-video{
  width:100%;
  height:auto;
  display:block;
  border-radius:12px;
}

/* Mobile: stack like the example (video above / below) */
@media (max-width: 780px){
  .bwb-hero-card{
    flex-direction:column-reverse; /* left block under video, like many promo layouts */
  }
  .bwb-hero-left{
    flex:0 0 auto;
    max-width:none;
  }
  .bwb-hero-title{
    font-size:17px;
    margin:0 0 8px;
    line-height:1.25;
  }
}

/* REMOVE any previous aspect-ratio rule for the banner */
img.box1 { /* aspect-ratio: 16/9;  <-- delete if present */ }

/* Optional niceties (won't change layout ratios) */
picture { display: block; }                    /* prevents inline gap around the banner */
img.box1 { display: block; width: 100%; height: auto; }  /* consistent rendering */

/* BWB – Rating disclaimer under user stars */
.bwb-rating-disclaimer{
  margin-top: 8px;
  font-size: 12.5px;
  line-height: 1.45;
  color: #6b6b6b;
  font-style: italic;
  max-width: 720px; /* keeps lines readable on wide screens */
}

@media (max-width: 780px){
  .bwb-rating-disclaimer{
    font-size: 12px;
    margin-top: 6px;
    padding-right: 2px;
  }
}

/* review post title and provider bar spacing */
.entry-header .entry-title {
  padding-bottom: 0 !important;
}

/* move tournament text up */
#pl-137264 .so-panel { margin-bottom: 0 !important; }

/* Play page [game-play]: keep demo block from being pushed down (no extra top space) */
body.page-id-137442 #pl-137442 .so-panel { margin-top: 0 !important; }
body.page-id-137442 .st-game-wrapper .gameplay-container { margin-top: 0 !important; }

.mh-navigation ul li:hover > ul {
  box-shadow: 0 8px 16px rgba(0,0,0,.7);
  border-radius: 4px;
}

.mh-copyright { text-align: center; }

.mh-header-image {
  width: 50px !important;
  height: 50px !important;
}

.mh-main-nav-wrap {
  display: flex !important;
  align-items: center !important;
}

.mh-widget { overflow: visible !important; margin-bottom: 30px !important; }

.mh-widget-layout5 .mh-widget-title {
  border-width: 1px !important;
  border-color: #4f4d4d !important;
}

/* final state for layout1 titles */
.mh-widget-layout1 .mh-widget-title {
  border-width: 0;
  margin-bottom: 4px;
}

.mh-content { overflow: visible !important; }

.mh-subheading-top { border-bottom: none !important; }
.mh-subheading { display: inline-block; }

/* Default styling keeps the reviews on the same line */
.bwb-user-score-box .reviews-count { display: inline-block; }

/* Tournament pages background color */
body:has(.st-game-wrapper) .mh-wrapper {
  background-color: #000 !important;
  border-radius: 6px;
}
body.page-id-137264,
body.page-id-137439,
body.page-id-137442 { background-color: #181a1b; }

/* Separates the site from header and footer */
.mh-wide-layout .mh-container-outer { padding-top: 30px; padding-bottom: 30px; }

.mh-container,
.mh-container-inner {
  width: 100%;
  max-width: 1380px;
  margin: 0 auto;
  position: relative;
}

/* Adds radius to website and changes padding */
.mh-wrapper { border-radius: 6px; padding: 16px; }

.mh-widget-title-inner {
  font-size: 20px;
  padding: 0 !important;
  color: #fff;
  background: none !important;
}

/* adds question mark with info next to wp discuz user reviews stars */
.rating-tooltip {
  position: relative !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  cursor: pointer;
  font-weight: bold;
  color: #fff;
  background-color: #333;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  text-align: center;
  font-size: 12px;
  margin-left: 10px;
  line-height: 1;
  box-sizing: border-box;
  padding: 0;
}
.rating-tooltip .tooltip-text {
  visibility: hidden;
  width: 250px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 5px;
  padding: 5px;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  transition: opacity .3s;
  white-space: normal;
}
.rating-tooltip:hover .tooltip-text { visibility: visible; opacity: 1; }

@media only screen and (max-width: 768px) {
  .rating-tooltip .tooltip-text {
    width: 250px;
    left: auto;
    right: 0;
    transform: translateX(0);
  }
}

/* widget: news upcoming */
.news-upcoming-widget .bwb-gsw-game-stats { margin-bottom: 20px !important; }
.news-upcoming-widget { margin-bottom: 10px !important; }

/* footer colors */
.mh-footer { background-color: #000 !important; }
.mh-copyright-wrap { background-color: #181a1b !important; border-top: #000 !important; }
.mh-copyright-wrap { border-bottom-left-radius: 4px !important; border-bottom-right-radius: 4px !important; }

/* footer title text */
#footertitletxt {
  font-size: 20px;
  font-weight: bold;
  color: #eb004f;
  text-align: center;
}

/* "view more" on front page */
.frontpage-link {
  font-size: 16px;
  text-decoration: none;
  color: #000;
}

/* custom link hover */
.custom-link:hover { color: red; }

/* rounded corners header */
.mh-header {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

/* widget title size */
.mh-widget-title { font-size: 22px !important; }

/* mobile menu border lines */
.slicknav_nav li,
.slicknav_nav ul { border-bottom: 1px solid #363535; }

/* prevents menu from opening briefly on pageload in mobile view */
@media screen and (max-width: 767px) {
  .mh-main-nav-wrap .mh-navigation { display: none; }
  .slicknav_menu { display: block; }
}

/* header image spacing */
.mh-header-image { margin-top: 8px; margin-left: 8px; }

@media screen and (max-width: 767px) {
  .mh-header-image {
    padding-top: 0;
    margin-left: 78px;
    display: block;
  }
  .astm-search-menu-wrapper {
    position: fixed !important;
    top: 16px !important;
    width: calc(100% - 146px) !important;
  }
  .admin-bar .astm-search-menu-wrapper { top: 64px !important; }
  .astm-search-menu-wrapper .astm-search-menu,
  .astm-search-menu-wrapper .is-search-form { width: 100% !important; }
  .mm-wrapper--opened .astm-search-menu-wrapper {
    opacity: 0 !important;
    visibility: hidden !important;
    width: 0 !important;
  }
}

/* Responsive YouTube embeds */
.video-container {
  overflow: hidden;
  position: relative;
  width: 100%;
  margin-bottom: 12px;
}
.video-container::after { padding-top: 56.25%; display: block; content: ''; }
.video-container iframe { position: absolute; width: 100%; height: 100%; }

/* "no demo" overlay */
.ukdemo { position: relative; }
.text-block {
  position: absolute;
  background-color: #000;
  color: #fff;
  padding: 10px;
  border-radius: 4px;
  opacity: .9;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.text-block:before {
  content: "Demo play is not available in your region. Please use any of the casinos listed below for free play.";
}

/* WP Discuz spacing */
#comments {
  max-width: 1100px;
  margin: 0 auto;
  color: #333;
  font-style: normal;
}

/* search field padding in header/footer */
.search-form .search-field { padding: 6px !important; }

/* desktop/mobile image toggles */
.visible-mobile { display: none !important; }
@media (max-width: 600px) {
  .visible-mobile { display: inline !important; }
  .hidden-mobile { display: none !important; }
}

/* main nav hover underline removal */
.mh-navigation li:hover {
  background: #fff;
  text-decoration: none !important;
  text-decoration-color: #fff !important;
}

/* mobile arrow size/margin */
.slicknav_nav .slicknav_arrow {
  font-size: 1.2em !important;
  margin: 0 0 0 2.4em !important;
}

/* subheader color */
.mh-preheader,
.mh-wide-layout .mh-subheader { background: #fff !important; }

/* Content Views badge */
.pt-cv-specialp {
  border-radius: 3px;
  padding: 0 3px;
  position: absolute;
  left: 8px;
  top: 8px;
  z-index: 10;
  line-height: normal;
}

/* HR styles */
hr.fadehr {
  border: 0;
  height: 1px;
  background-image: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,.75), rgba(0,0,0,0));
}
hr.review {
  border: 0;
  height: 0;
  border-top: 1px solid rgba(0,0,0,.1);
  border-bottom: 1px solid rgba(255,255,255,.3);
}

/* uploaded images in posts */
.entry-content img:not([class*="wp-image-"]) { border-radius: 0; box-shadow: none; }
.entry-content img[class*="wp-image-"] {
  border-radius: 6px;
  box-shadow: 0 2px 6px rgba(0,0,0,.1);
}



/* generic boxes (provider intro uses .entry-content .boxes block below) */
.boxes:not(.boxes--intro) {
  border: 1px solid #0e0e0f;
  border-radius: 4px;
  background-color: #0e0e0f;
  padding: 10px 10px 0;
  margin-bottom: 14px;
  box-shadow: 0 2px 6px rgba(0,0,0,.1);
}

/* =========================
   BOXES – provider page intro text block (Who are X?)
   ========================= */
.entry-content .boxes {
  background: linear-gradient(165deg, #1c2228 0%, #151a1f 100%);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-left: 4px solid #dd3333;
  border-radius: 12px;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.03);
  padding: 32px 36px 36px 32px;
  margin: 0 0 32px 0;
  color: rgba(255, 255, 255, 0.92);
  font-size: 16px;
  line-height: 1.75;
  letter-spacing: 0.01em;
}
.entry-content .boxes > * + * { margin-top: 1.1em; }
.entry-content .boxes h2 {
  font-size: 21px;
  font-weight: 800;
  color: #f8fafc;
  letter-spacing: -0.02em;
  margin: 0 0 0.6em 0;
  padding-bottom: 14px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
  line-height: 1.3;
}
.entry-content .boxes h2::after {
  content: "";
  display: block;
  width: 64px;
  height: 3px;
  background: linear-gradient(90deg, #ff2a2a, rgba(255, 42, 42, 0.4));
  margin-top: 14px;
  border-radius: 2px;
}
.entry-content .boxes p { margin: 0 0 1.1em 0; }
.entry-content .boxes p:last-child { margin-bottom: 0; }
.entry-content .boxes strong { color: #f1f5f9; font-weight: 700; }
.entry-content .boxes a {
  color: #ea1e2c;
  text-decoration: none;
  font-weight: 600;
  border-bottom: 1px solid rgba(234, 30, 44, 0.45);
  transition: color 0.2s ease, border-color 0.2s ease, opacity 0.2s ease;
}
.entry-content .boxes a:hover {
  color: #ff2a2a;
  border-bottom-color: rgba(255, 42, 42, 0.8);
}
.entry-content .boxes a:focus-visible {
  outline: 2px solid rgba(255, 42, 42, 0.6);
  outline-offset: 2px;
  border-radius: 2px;
}
@media (max-width: 768px) {
  .entry-content .boxes {
    padding: 22px 20px 28px 20px;
    font-size: 15px;
    line-height: 1.7;
  }
  .entry-content .boxes h2 {
    font-size: 18px;
    margin-bottom: 0.5em;
    padding-bottom: 12px;
  }
  .entry-content .boxes h2::after {
    width: 48px;
    margin-top: 12px;
  }
}

/* screenshots corners/shadows */
.box1 { border-radius: 4px; box-shadow: 0 4px 10px rgba(0,0,0,.4); }
.box2 { border-radius: 6px; margin-top: 0 !important; }

.black-box {
  border-radius: 8px;
  background: #161718;
  border: 2px solid #ccc;
  outline: 2px solid #fff;
  margin-bottom: 14px;
  padding: 10px 10px 0;
  color: #fff;
}

/* “Play here” button */
.playherebutton {
  background-color: #44c767;
  border-radius: 5px;
  border: 1px solid #18ab29;
  display: inline-block;
  cursor: pointer;
  color: #fff !important;
  font-family: Arial, sans-serif;
  font-size: 14px;
  padding: 8px 18px;
  text-decoration: none;
}
.playherebutton:hover { background-color: #5cbf2a; }
.playherebutton:active { position: relative; top: 1px; }

/* hide edit profile link (Asgaros) */
a.edit-profile-link { display: none !important; }

/* Popular Posts widget */
.wpp-list li { border: 1px solid #e5e5e5; border-bottom: none; margin: 0 !important; padding: 8px !important; }
.wpp-list li:last-child { border: 1px solid #e5e5e5 !important; }
.wpp-thumbnail { border: none; border-radius: 3px; }

.mh-header-widget-2 { margin-left: 0; }
.mh-header-2 { text-align: center; padding: 20px 0; }

/* remove site shadow */
.mh-container-outer {
  margin: 25px auto;
  -webkit-box-shadow: 0 0 10px rgba(0,0,0,0);
  -moz-box-shadow: 0 0 10px rgba(0,0,0,0);
  box-shadow: 0 0 10px rgba(0,0,0,0);
}
@media screen and (max-width: 600px) {
  .mh-container-outer { margin: 0 auto; padding-top: 0 !important; }
  .mh-wide-layout .mh-container-outer { padding-top: 0 !important; }
  .mh-container { padding-top: 0 !important; }
}

/* header/menu spacing on mobile (MH boxed) */
body#mh-mobile .mh-header-widget-2-full .mh-header-2 { margin: 0 !important; }

/* footer images */
.images1 { vertical-align: middle; margin: 0; padding-right: 20px; }

/* custom header */
@media (min-width: 768px) {
  .bwb-header-logo-nav {
    display: flex;
    flex-wrap: wrap;
    padding: 10px;
    padding-left: 10px;
  }

  .bwb-header-logo-nav .mh-header-image {
    margin: 0 14px 0 8px;
  }
}

/* Notification Bell */
.mh-main-nav li.wpd-user-notification-bell-wrapper a { padding: 0 8px; }

@media screen and (max-width: 910px) {
  body .is-menu.is-dropdown a { display: none; }
  body .is-menu.is-dropdown form { display: block !important; position: static !important; }
}
@media screen and (max-width: 910px) {
  .is-menu .is-form-style input.is-search-input { font-size: 17px !important; }
}


/* Recent reviews widget */
.mts-recent-reviews { list-style: none; margin: 0; padding: 0; background-color: #fff; }
.mts-recent-reviews li {
  display: flex;
  border: 1px solid rgba(0,0,0,.1);
  border-bottom: 0;
  justify-content: space-between;
  margin: 0;
  padding: 0;
}
.mts-recent-reviews li:last-child { border-bottom: 1px solid rgba(0,0,0,.1); }
.mts-recent-reviews li a {
  display: block;
  padding: 10px 15px 0 15px;
  line-height: 12px;
  color: #222;
  font-weight: 700;
}
.mts-recent-reviews li a:hover { text-decoration: none !important; color: #f4131b; }
.mts-recent-reviews li span.review-tag {
  display: block; padding: 0 15px 5px 15px; color: #999; font-weight: normal; font-size: 13px;
}
.mts-recent-reviews li .rating {
  flex: 0 0 80px;
  text-align: center;
  line-height: 1;
  background-color: #090808;
  border-left: 3px solid;
  border-left-color: #eb004f;
  padding: 5px 0;
  display: flex; flex-direction: column; justify-content: center;
}
.mts-recent-reviews li .rating-value {
  margin-right: -5px;
  display: block;
  font-weight: 700;
  color: #fff;
  margin-bottom: 4px;
  font-size: 18px;
}
.mts-recent-reviews li.abysmal .rating-value,
.mts-recent-reviews li.terrible .rating-value,
.mts-recent-reviews li.bad .rating-value,
.mts-recent-reviews li.poor .rating-value,
.mts-recent-reviews li.mediocre .rating-value,
.mts-recent-reviews li.fair .rating-value,
.mts-recent-reviews li.good .rating-value,
.mts-recent-reviews li.great .rating-value,
.mts-recent-reviews li.superb .rating-value { color: #fff; }
.mts-recent-reviews li .rating-text {
  font-size: 11px; font-weight: normal; color: #fff; font-style: italic; text-transform: uppercase;
}

/* Custom Posts Widget */
.bwb-wg-posts {
  border: 1px solid #e6e6e6;
  border-radius: 0;
  padding: 2px 10px;
  counter-reset: bwb-wg-posts;
  background-color: #fff;
}
.bwb-wg-post {
  padding: 4px 0 4px 30px;
  border-bottom: 1px solid #e6e6e6;
  position: relative;
}
.bwb-wg-post:last-child { border-bottom: 0; }
.bwb-wg-post:before {
  counter-increment: bwb-wg-posts;
  content: counter(bwb-wg-posts) ".";
  font-weight: 700;
  font-size: 16px;
  position: absolute;
  top: 4px;
  left: 11px;
}
.bwb-wg-post:nth-child(9) ~ .bwb-wg-post:before { left: 0; }
.bwb-wg-post:after { content: " "; display: block; clear: both; height: 0; visibility: hidden; }
.bwb-wg-post__title { font-weight: 700; font-size: 16px; }
.bwb-wg-post__image { float: right; width: 110px; border-radius: 3px; margin-left: 8px; }
.bwb-wg-post__tags { font-size: 12px; }
.bwb-wg-post__time { font-size: 12px; color: #808080; }

/* Content Views */
[data-sid="635bd17x5k"].cvp-search-box,
[data-sid="1566c2epje"].cvp-search-box,
[data-sid="e9e0979k0f"].cvp-search-box { display: inline-block; min-width: 200px; }
[data-sid="635bd17x5k"] + .cvp-live-button,
[data-sid="1566c2epje"] + .cvp-live-button,
[data-sid="e9e0979k0f"] + .cvp-live-button { display: inline-block; }

/* Customizer Additional CSS */
a { font-weight: 700; }
.categories-links a { color: #ec192c !important; }
#custom-above-header { margin: 0 auto 20px; padding-top: 0; }
a.navzlink, a.navzlink2 { margin: 2px 6px; word-wrap: normal; display: inline-block; }
a.navzlink:hover, a.navzlink2:hover { text-decoration: underline; }
.begambleaware { padding-bottom: 5px; }

/** Daniel at Codeable optimizations END **/

/** Truong’s plugin bwb-no-demo-shortcode **/
.bwb-no-demo {
  height: 500px;
  width: 100%;
  overflow: hidden;
  border-radius: 0;
  position: relative;
  background-color: #171515ff;
}
.bwb-no-demo__bg {
  height: 500px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  filter: brightness(50%);
}
.bwb-no-demo__text {
  position: absolute;
  background-color: rgba(0,0,0,.9);
  color: #fff;
  padding: 10px;
  border-radius: 4px;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  width: 85%;
  max-width: 400px;
}

/* Table CSS only for Mobile: show column 4 */
@media (max-width: 767px) {
  .tablepress tr td.column-1 a img.logonew { padding: 5px 5px 0 5px !important; height: 100% !important; }
  .tablepress tr td.column-4 { display: block !important; padding-bottom: 8px; }
  .tablepress tr td.column-4 div { text-align: center !important; padding: 0 !important; font-size: 14px !important; }
  .tablepress tr td.column-4:after { background: transparent !important; }
}

/* fix default theme mobile menu issues */
.slicknav_btn { position: absolute; top: 12px; }
.slicknav_menu { width: 100%; margin-bottom: 8px; }
.slicknav_menu .slicknav_arrow { position: absolute; right: 20px; }
.slicknav_menu .is-menu.is-dropdown form { max-width: 98%; }
.slicknav_menu .is-form-style input.is-search-input {
  border-radius: 6px 0 0 6px;
  background-color: #333;
  color: #fff;
  width: 100%;
  height: 42px;
  font-family: 'roboto';
  font-size: 16px !important;
  border: 1px solid #181a1b !important;
}
.slicknav_menu .is-form-style button.is-search-submit { height: 42px; width: 42px; }
.slicknav_menu .is-form-style .is-search-icon {
  background-color: #555;
  border: 1px solid #181a1b;
  border-radius: 0 6px 6px 0;
  height: 42px;
  width: 42px;
  padding-top: 10px !important;
}
.slicknav_menu .is-search-form input.is-search-input::placeholder { color: #ccc !important; }
.slicknav_menu .is-form-style.is-form-style-3 label { width: calc(100% - 42px) !important; }
.slicknav_menu .is-form-style .is-search-icon svg path { fill: #fff; }
.slicknav_menu div.is-ajax-search-details,
body div.is-ajax-search-result {
  background: #333;
  color: #fff;
  padding: 4px;
  border-radius: 8px;
}
.is-ajax-search-details .is-ajax-search-items > div, .is-ajax-search-post { background-color: #181a1b !important; }
.slicknav_menu .is-ajax-search-details a,
body .is-ajax-search-result a {
  color: #fff; opacity: .9; margin-top: -2px; display: block;
}
.slicknav_menu .is-ajax-search-post-details,
body .is-ajax-search-post { border-bottom: 1px solid rgba(40,40,40,1); padding: 8px; }

@media (max-width: 767px) {
  .slicknav_menu .search-icon { display: none; }
  .slicknav_menu .astm-search-menu { height: 60px; }
  .slicknav_menu .is-menu form {
    width: 98% !important;
    max-width: 98% !important;
    top: -6px;
    padding: 14px 0 !important;
  }
}

.mh-navigation { text-transform: none; }

.mh-main-nav li a {
  padding: 7px 8px;
  border-left: 1px solid rgba(255,255,255,.1);
}

.mh-navigation .menu-item-has-children > a:after,
.mh-navigation .page_item_has_children > a:after,
.mh-navigation ul ul .menu-item-has-children > a:after,
.mh-navigation ul ul .page_item_has_children > a:after {
  font-family: "Font Awesome 7 Free" !important;
  font-weight: 900 !important;
  line-height: 1;
  margin-left: 6px;
}
.mh-navigation .menu-item-has-children > a:after,
.mh-navigation .page_item_has_children > a:after { content: "\f107"; } /* down */
.mh-navigation ul ul .menu-item-has-children > a:after,
.mh-navigation ul ul .page_item_has_children > a:after { content: "\f105"; } /* right */

/* Desktop search icon alignment + separator */
@media (min-width: 781px) {
  .mh-main-nav .bwb-search-toggle,
  .mh-main-nav li > a.is-search-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 35px;
    line-height: 35px;
    padding: 0 16px;
    background: transparent !important;
  }
  .mh-main-nav .bwb-search-toggle svg,
  .mh-main-nav li > a.is-search-icon svg,
/* Size any FA icon (v7+) in the header */
.mh-main-nav .bwb-search-toggle i[class*="fa-"],
.mh-main-nav li > a.is-search-icon i[class*="fa-"] {
  width: 18px;
  height: 18px;
  line-height: 18px;
  display: block;
  vertical-align: middle;
}
  .mh-main-nav .bwb-search-toggle svg,
  .mh-main-nav li > a.is-search-icon svg { position: relative; top: -0.5px; }

  .mh-main-nav li > a.is-search-icon,
  .mh-main-nav .bwb-search-toggle { border-left: 1px solid rgba(255,255,255,.1); }
  .mh-main-nav li:first-child > a.is-search-icon,
  .mh-main-nav li:first-child > a.bwb-search-toggle { border-left: none; }
}

/* Free play tournaments promo block */

.pl-tournament-banner {
    margin: 1.5rem 0;
    padding: 1rem 1rem;
    border-radius: 4px;
    background: #000;
    border: 2px solid rgba(208, 112, 53, 0.98);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    box-shadow: 0 4px 10px rgba(0,0,0,.5);
}

/* Logo on the left */
.pl-tournament-logo {
    flex-shrink: 0;
}

.pl-tournament-logo img {
    display: block;
    max-height: 78px;   /* adjust this for bigger/smaller logo */
    width: auto;
    border-radius: 4px; /* optional, can remove */
}

/* Text in the middle */
.pl-tournament-text h2 {
    margin: 0 0 0.4rem;
    font-size: 1.2rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color:#fff;
}

.pl-tournament-text p {
    margin: 0;
    font-size: 0.95rem;
    color: #e5e7eb;
    line-height:1.3;
}

/* Button on the right */
.pl-tournament-cta {
    flex-shrink: 0;
}

.pl-tournament-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.6rem 1.6rem;
    border-radius: 6px;
    background-color: #22c55e;
    color: #ffffff;
    font-weight: 700;
    font-size: 0.95rem;
    text-decoration: none;
    white-space: nowrap;
    box-shadow: 0 14px 30px rgba(34, 197, 94, 0.35);
}

.pl-tournament-button:hover {
    background-color: #16a34a;
    color: #ffffff;
    text-decoration: none;
}

@media (max-width: 700px) {
    .pl-tournament-banner {
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 0.5rem;                 /* tighter than 0.9rem */
        padding: 0.6rem 0.8rem 0.8rem;
    }

    /* hide logo on mobile */
    .pl-tournament-logo {
        display: none;
        margin: 0;
    }

    .pl-tournament-text {
        text-align: center;
    }

    .pl-tournament-text h2 {
        margin: 0 0 0.25rem;
        font-size: 1rem;
    }

    .pl-tournament-text p {
        margin: 0;
        font-size: 0.85rem;
        line-height: 1.3;
    }

    /* original button behavior on mobile */
    .pl-tournament-cta {
        width: 100%;
    }

    .pl-tournament-button {
        width: 160px;
        justify-content: center;
    }
}

/* =========================
   Back to top button
   ========================= */

/* Hide parent theme back-to-top when our button is used */
.mh-back-to-top { display: none !important; }

.bwb-back-to-top {
    position: fixed;
    right: 24px;
    bottom: 24px;
    z-index: 999999;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    padding: 0;
    border: none;
    border-radius: 50%;
    background: linear-gradient(145deg, #eb004f 0%, #c20042 100%);
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    box-shadow: 0 4px 14px rgba(235, 0, 79, 0.45), 0 2px 6px rgba(0, 0, 0, 0.3);
    opacity: 0;
    visibility: hidden;
    transform: translateY(8px) scale(0.9);
    transition: opacity 0.25s ease, visibility 0.25s ease, transform 0.25s ease, box-shadow 0.2s ease;
    pointer-events: none;
}

.bwb-back-to-top:hover {
    color: #fff;
    text-decoration: none;
    box-shadow: 0 6px 20px rgba(235, 0, 79, 0.5), 0 3px 10px rgba(0, 0, 0, 0.35);
    transform: translateY(-2px) scale(1);
}

.bwb-back-to-top:focus {
    outline: 2px solid rgba(255, 255, 255, 0.6);
    outline-offset: 3px;
}

.bwb-back-to-top--visible {
    opacity: 1;
    visibility: visible;
    transform: translateY(0) scale(1);
    pointer-events: auto;
}

.bwb-back-to-top__icon {
    display: block;
    flex-shrink: 0;
}

@media (max-width: 780px) {
    .bwb-back-to-top {
        right: 16px;
        bottom: 16px;
        width: 44px;
        height: 44px;
    }
    .bwb-back-to-top .bwb-back-to-top__icon {
        width: 22px;
        height: 22px;
    }
}

/* Sidebar width + main-content gap; shift right so left/right gutters are equal */
.mh-sidebar { width: 27.66% !important; }
.mh-right-sb #main-content {
  margin-right: 3.7%;
  margin-left: 1.41%;  /* balances gutter: content+gap+sidebar = 97.19%, so 2.81% extra on right; half = left margin */
}
@media screen and (max-width: 767px) {
  .mh-sidebar { width: 100% !important; float: none; margin: 0; }
  .mh-right-sb #main-content,
  .mh-left-sb #main-content { margin-right: 0; margin-left: 0; width: 100%; float: none; }
}

/*
 * Full Width template + tournament play CPT: same shell (.mh-wrapper > single block). Apply the same
 * 1.41% left/right inset as Full Width so they align with #main-content’s left margin and match
 * other full-width pages (e.g. Big Wins). Standard sidebar posts stay on #main-content (asymmetric %).
 */
@media screen and (min-width: 768px) {
  .mh-right-sb.page-template-template-full-php .mh-wrapper > *,
  .mh-right-sb.post-template-template-full-php .mh-wrapper > *,
  .mh-right-sb.single-bwb_tournament_play .mh-wrapper > *,
  .mh-left-sb.single-bwb_tournament_play .mh-wrapper > * {
    margin-left: 1.41%;
    margin-right: 1.41%;
    width: auto;
    max-width: 100%;
    box-sizing: border-box;
  }
}
@media screen and (max-width: 767px) {
  .mh-right-sb.page-template-template-full-php .mh-wrapper > *,
  .mh-right-sb.post-template-template-full-php .mh-wrapper > *,
  .mh-right-sb.single-bwb_tournament_play .mh-wrapper > *,
  .mh-left-sb.single-bwb_tournament_play .mh-wrapper > * {
    margin-left: 0;
    margin-right: 0;
  }
}

/* Match top “banner” ad strip to main column: .mh-wrapper uses 25px padding; #main-content adds horizontal % */
@media screen and (min-width: 768px) {
  .mh-right-sb .mh-header-widget-1.mh-container {
    box-sizing: border-box;
    padding-left: calc(25px + 1.41%);
    padding-right: calc(25px + 3.7%);
  }
}

/* Pages (and any block content) using alignfull / alignwide often break out of #main-content — keep inside column */
.mh-right-sb #main-content .entry-content .alignfull,
.mh-right-sb #main-content .entry-content .alignwide {
  margin-left: 0;
  margin-right: 0;
  width: 100%;
  max-width: 100%;
  left: auto;
  right: auto;
}
.mh-right-sb #main-content .entry-content .wp-block-image.alignfull img,
.mh-right-sb #main-content .entry-content .wp-block-image.alignwide img {
  width: 100% !important;
  max-width: 100% !important;
}

/*
 * Home 1 / 7 / 11 sit on .mh-home-main at 100% width. The row below is a float layout:
 * #main-content (margin-left 1.41% + width 65.83% + margin-right 3.7%) + .mh-sidebar (27.66%).
 * That only uses ~98.6% of the row, so the banner looked past both column edges. Match the
 * combined main+gap+sidebar band — not the main column alone. Keep calc in sync with rules above.
 */
@media screen and (min-width: 768px) {
  .mh-right-sb .mh-home .mh-home-main > .mh-widget.mh-home-1,
  .mh-right-sb .mh-home .mh-home-main > .mh-widget.mh-home-7,
  .mh-right-sb .mh-home .mh-home-main > .mh-widget.mh-home-11 {
    float: left;
    clear: both;
    box-sizing: border-box;
    margin-left: 1.41%;
    margin-right: 0;
    width: calc(65.83% + 3.7% + 27.66%) !important;
    max-width: none;
    overflow-x: hidden;
  }
  .mh-right-sb .mh-home .mh-home-main > .mh-widget.mh-home-1 img,
  .mh-right-sb .mh-home .mh-home-main > .mh-widget.mh-home-1 iframe,
  .mh-right-sb .mh-home .mh-home-main > .mh-widget.mh-home-7 img,
  .mh-right-sb .mh-home .mh-home-main > .mh-widget.mh-home-7 iframe,
  .mh-right-sb .mh-home .mh-home-main > .mh-widget.mh-home-11 img,
  .mh-right-sb .mh-home .mh-home-main > .mh-widget.mh-home-11 iframe {
    max-width: 100%;
    height: auto;
  }
}
@media screen and (max-width: 767px) {
  .mh-right-sb .mh-home .mh-home-main > .mh-widget.mh-home-1,
  .mh-right-sb .mh-home .mh-home-main > .mh-widget.mh-home-7,
  .mh-right-sb .mh-home .mh-home-main > .mh-widget.mh-home-11 {
    float: none;
    width: 100% !important;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
    overflow-x: hidden;
  }
}