/* Allow section to overflow */
body.page-id-970 .wp-block-group {
  overflow: visible;
}

/* Push video down to overlap bottom */
body.page-id-970 .overlap-video {
  position: relative;
  top: 60px; /* adjust this number */
  z-index: 2;
}


/* ======================================
   MOBILE ONLY: New pill left of CTA text
   ====================================== */
@media (max-width: 782px){

  .sticky-announcement.clickable-header-bar .wp-block-group.alignwide{
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: nowrap !important;
    gap: 8px !important;
  }

  .sticky-announcement.clickable-header-bar .wp-block-buttons{
    order: 1 !important;
    flex: 0 0 auto !important;
  }

  .sticky-announcement.clickable-header-bar p{
    order: 2 !important;
    margin: 0 !important;
    flex: 0 1 auto !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
  }

  .sticky-announcement.clickable-header-bar .wp-block-button__link{
    padding: 3px 9px !important;
    font-size: 10.5px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  /* Apply CTA offset on ALL pages except landing page 970 */
  body:not(.page-id-970) .wp-site-blocks{
    padding-top: 76px !important; /* match your --cta-bar-height */
  }
  body.admin-bar:not(.page-id-970) .wp-site-blocks{
    padding-top: 108px !important; /* 76 + 32 admin bar */
  }
}
 > .wp-block-template-part {
  display: none !important;
}

/* Remove the leftover top spacing */
.page-id-970 .wp-site-blocks{
  padding-top: 0 !important;
}

/* Kill any default top margin on the first visible block */
.page-id-970 .wp-site-blocks > :first-child{
  margin-top: 0 !important;
}

/* If theme block-gap creates a sliver, kill it only here */
.page-id-970 .wp-site-blocks{
  gap: 0 !important;
}


@media (max-width: 782px){
  .wp-block-image img{
    aspect-ratio: 4 / 5 !important;
    object-fit: cover !important;
    width: 100% !important;
    height: auto !important;
  }
}

/* Prevent logo from forcing header taller */
.wp-block-site-logo img {
  max-height: 40px; /* increase/decrease */
  width: auto;
}

/* Keep header items vertically centered */
header .wp-block-group {
  align-items: center;
}


/* ==============================
   FIXED CTA BAR (FULL WIDTH)
   ============================== */

:root {
  --cta-bar-height: 76px; /* adjust if needed */
}

/* CTA bar container */
.sticky-announcement.clickable-header-bar {
  position: fixed !important;
  top: 0;
  left: 0;
  width: 100vw !important;
  max-width: none !important;
  margin: 0 !important;
  z-index: 999999 !important;
}

/* Admin bar offset */
body.admin-bar .sticky-announcement.clickable-header-bar {
  top: 32px;
}
@media (max-width: 782px) {
  body.admin-bar .sticky-announcement.clickable-header-bar {
    top: 46px;
  }
}

/* Make entire bar clickable */
/* Make CTA bar the positioning parent for the overlay */
.sticky-announcement.clickable-header-bar{
  position: fixed !important;
  top: 0;
  left: 0;
  width: 100vw !important;
  max-width: none !important;
  margin: 0 !important;
  z-index: 999999 !important;
}

/* Overlay fills the CTA bar and captures clicks */
.sticky-announcement.clickable-header-bar .banner-overlay-link{
  position: absolute !important;
  top: 0; left: 0; right: 0; bottom: 0;
  display: block !important;
  z-index: 9999999 !important;
}

/* Ensure overlay can receive clicks */
.sticky-announcement.clickable-header-bar .banner-overlay-link{
  pointer-events: auto;
}

/* OPTIONAL: if clicks still hit inner elements, force them to ignore clicks */
.sticky-announcement.clickable-header-bar .wp-block-group,
.sticky-announcement.clickable-header-bar .wp-block-buttons,
.sticky-announcement.clickable-header-bar .wp-block-button,
.sticky-announcement.clickable-header-bar p{
  pointer-events: none;
}

/* Show/hide section variants */
@media (max-width: 782px) {
  .desktop-only { display: none !important; }
  .mobile-only { display: block !important; }
}

@media (min-width: 783px) {
  .desktop-only { display: block !important; }
  .mobile-only { display: none !important; }
}


/* Hide the Courses tab on MemberPress account page */
.mepr-nav-item.mepr-courses,
#mepr-account-courses {
    display: none !important;
}
/* Full-page stadium background just on the Mentee Dashboard page */
body.page-id-138 {
  background: #06121f url('https://baseballmentorshipgroup.com/wp-content/uploads/2025/12/baseball.jpg')
              center center / cover no-repeat fixed;
}

/* Make the main site wrapper transparent so the background shows through */
body.page-id-138 .wp-site-blocks,
body.page-id-138 #page,
body.page-id-138 .site {
  background: transparent !important;
}.bmg-mentee-dashboard-card {
  max-width: 900px;
  margin: 40px auto;
  background: #ffffff;
  border-radius: 10px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.35);
  padding: 24px 18px 28px 18px;
  text-align: center;
}
/* Make the hero background go behind the site title/header */
body.page-id-123 .site-header 
 
/* Kill ALL nav elements on this page */
.page-id-577 nav,
.page-id-577 .navigation,
.page-id-577 .main-navigation,
.page-id-577 .primary-navigation,
.page-id-577 .site-navigation,
.page-id-577 .wp-block-navigation,
.page-id-577 .wp-block-navigation__container {
  display: none !important;
}

/* Kill menu wrappers */
.page-id-577 ul.menu,
.page-id-577 ul#menu,
.page-id-577 .menu,
.page-id-577 .menu-primary,
.page-id-577 .menu-main {
  display: none !important;
}
.page-id-577 footer {
  display: none;
}
.page-id-577 .site-title,
.page-id-577 .site-branding,
.page-id-577 .wp-block-site-title,
.page-id-577 .wp-block-site-logo,
.page-id-577 .custom-logo-link {
  display: none !important;
}
/* Remove leftover top spacing from removed header */
.page-id-577 body,
.page-id-577 .wp-site-blocks,
.page-id-577 main,
.page-id-577 .site-content,
.page-id-577 .content-area {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
.page-id-577 [style*="border"],
.page-id-577 [class*="divider"],
.page-id-577 [class*="separator"] {
  border: 0 !important;
  box-shadow: none !important;
}

/* Minimal Mentor Dashboard — Page 196 */
.page-id-196 .wp-block-post-title { display:none !important; }
.page-id-196 .wp-site-blocks,
.page-id-196 main,
.page-id-196 .wp-block-post-content {
  background:#07090d !important;
}
.page-id-196 .wp-block-post-content{
  max-width:none !important;
  padding:24px !important;
  margin:0 !important;
}

.page-id-196 .bmg{
  max-width: 980px;
  margin: 0 auto;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color: #fff;
}

.page-id-196 .bmg h1{
  margin:0 0 6px 0;
  font-size: 26px;
  font-weight: 800;
}
.page-id-196 .bmg p{
  margin:0 0 18px 0;
  color: rgba(255,255,255,.75);
  line-height: 1.35;
}

.page-id-196 .bmg-card{
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 16px;
  padding: 14px;
  margin: 12px 0;
}

.page-id-196 .bmg-card h2{
  margin:0 0 10px 0;
  font-size: 14px;
  font-weight: 800;
  color: rgba(255,255,255,.9);
}

.page-id-196 .bmg-row{
  display:flex;
  justify-content:space-between;
  gap:12px;
  padding: 8px 0;
  border-bottom: 1px solid rgba(255,255,255,.08);
  font-size: 13px;
}
.page-id-196 .bmg-row:last-child{ border-bottom:none; }

.page-id-196 .bmg-k{ color: rgba(255,255,255,.55); }
.page-id-196 .bmg-v{ color: rgba(255,255,255,.9); font-weight: 700; }

.page-id-196 .bmg-check{
  display:flex;
  align-items:center;
  gap:10px;
  margin:10px 0;
  color: rgba(255,255,255,.78);
  font-size: 13px;
}
.page-id-196 .bmg-check input{
  width:16px; height:16px;
  accent-color: #ff4a4a;
}
/* ======================================================
   Mentor Dashboard — Ollie Theme — Page 196 (Upgraded)
   ====================================================== */

.page-id-196 .wp-block-post-title { display:none !important; }
.page-id-196 .wp-site-blocks,
.page-id-196 main,
.page-id-196 .wp-block-post-content { background:#07090d !important; }

.page-id-196 .wp-block-post-content{
  max-width:none !important;
  padding:24px !important;
  margin:0 !important;
}

/* Base container */
.page-id-196 .bmg{
  max-width: 1100px;
  margin: 0 auto;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color: rgba(255,255,255,.92);
}

.page-id-196 .bmg h1{
  margin:0 0 6px 0;
  font-size: 26px;
  font-weight: 900;
  letter-spacing: .2px;
}

.page-id-196 .bmg p{
  margin:0 0 18px 0;
  color: rgba(255,255,255,.75);
  line-height: 1.35;
}

/* Cards */
.page-id-196 .bmg-card{
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 16px;
  padding: 14px;
}

.page-id-196 .bmg-card h2{
  margin:0 0 10px 0;
  font-size: 14px;
  font-weight: 900;
  color: rgba(255,255,255,.9);
}

/* Rows */
.page-id-196 .bmg-row{
  display:flex;
  justify-content:space-between;
  gap:12px;
  padding: 8px 0;
  border-bottom: 1px solid rgba(255,255,255,.08);
  font-size: 13px;
}
.page-id-196 .bmg-row:last-child{ border-bottom:none; }

.page-id-196 .bmg-k{ color: rgba(255,255,255,.55); }
.page-id-196 .bmg-v{ color: rgba(255,255,255,.9); font-weight: 800; }

/* Checkboxes */
.page-id-196 .bmg-check{
  display:flex;
  align-items:center;
  gap:10px;
  margin:10px 0;
  color: rgba(255,255,255,.78);
  font-size: 13px;
}
.page-id-196 .bmg-check input{
  width:16px; height:16px;
  accent-color: #ff4a4a;
}

/* Grid layouts */
.page-id-196 .bmg-grid3{
  display:grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 14px;
  margin: 14px 0;
}

.page-id-196 .bmg-grid2{
  display:grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 14px;
  margin: 14px 0;
}

/* Dropdown */
.page-id-196 .bmg-details{
  margin: 14px 0;
  border-radius: 16px;
  overflow:hidden;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.06);
}

.page-id-196 .bmg-details summary{
  cursor:pointer;
  padding: 12px 14px;
  font-weight: 900;
  font-size: 14px;
  color: rgba(255,255,255,.9);
  list-style:none;
}
.page-id-196 .bmg-details summary::-webkit-details-marker{ display:none; }

.page-id-196 .bmg-details .bmg-drop{
  padding: 14px;
  border-top: 1px solid rgba(255,255,255,.10);
}

/* Table (theme-proof) */
.page-id-196 .bmg-table{
  width:100%;
  border-collapse: collapse;
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 14px;
  overflow:hidden;
}

.page-id-196 .bmg-table th,
.page-id-196 .bmg-table td{
  padding: 10px;
  border-bottom: 1px solid rgba(255,255,255,.08);
  text-align:left;
  font-size: 13px;
  color: rgba(255,255,255,.78);
}

.page-id-196 .bmg-table th{
  background: rgba(255,255,255,.04);
  color: rgba(255,255,255,.88);
  font-weight: 900;
}

.page-id-196 .bmg-table tr:last-child td{ border-bottom:none; }
.page-id-196 .bmg-name{ color: rgba(255,255,255,.92); font-weight: 900; }

/* Buttons */
.page-id-196 .bmg-btns{
  display:flex; gap:10px; flex-wrap:wrap;
  margin-top: 10px;
}
.page-id-196 .bmg-btn{
  display:inline-block;
  padding: 10px 12px;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.06);
  color: rgba(255,255,255,.92);
  text-decoration:none;
  font-weight: 900;
  font-size: 13px;
}
.page-id-196 .bmg-btn.primary{
  border-color: rgba(255,74,74,.45);
  background: rgba(255,74,74,.12);
}

/* Per-mentee plan cards */
.page-id-196 .bmg-permentee{
  display:grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 14px;
  margin-top: 10px;
}
.page-id-196 .bmg-mentee{
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(0,0,0,.18);
  padding: 12px;
}
.page-id-196 .bmg-mentee-top{
  display:flex; justify-content:space-between; align-items:center; gap:10px;
  margin-bottom: 10px;
}
.page-id-196 .bmg-tag{
  font-size: 12px;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.10);
  color: rgba(255,255,255,.85);
  font-weight: 800;
}
.page-id-196 .bmg-field label{
  display:block;
  font-size: 12px;
  font-weight: 900;
  color: rgba(255,255,255,.60);
  margin-bottom: 6px;
}
.page-id-196 .bmg-field textarea{
  width:100%;
  min-height: 88px;
  padding: 10px;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(0,0,0,.22);
  color: rgba(255,255,255,.92);
  font-size: 13px;
  line-height: 1.35;
}
.page-id-196 .bmg-field textarea::placeholder{ color: rgba(255,255,255,.40); }

/* Responsive */
@media (max-width: 980px){
  .page-id-196 .bmg-grid3{ grid-template-columns: 1fr; }
  .page-id-196 .bmg-grid2{ grid-template-columns: 1fr; }
  .page-id-196 .bmg-permentee{ grid-template-columns: 1fr; }
}
/* Session Prep dropdown header */
.page-id-196 .bmg-summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  padding: 12px 14px;
  font-weight: 900;
  font-size: 14px;
  color: rgba(255,255,255,.9);
  list-style: none;
}

.page-id-196 .bmg-summary::-webkit-details-marker {
  display: none;
}

/* Chevron icon */
.page-id-196 .bmg-summary-icon {
  font-size: 16px;
  color: rgba(255,255,255,.7);
  transition: transform 0.2s ease, opacity 0.2s ease;
}

/* Rotate chevron when open */
.page-id-196 details[open] .bmg-summary-icon {
  transform: rotate(90deg);
  opacity: 1;
}
/* Center text + icon together */
.page-id-196 .bmg-summary.center-inline {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 14px;
  cursor: pointer;
  font-weight: 900;
  font-size: 14px;
  color: rgba(255,255,255,.9);
  list-style: none;
}

/* Remove default marker */
.page-id-196 .bmg-summary::-webkit-details-marker {
  display: none;
}

/* Icon styling */
.page-id-196 .bmg-summary-icon {
  font-size: 16px;
  color: rgba(255,255,255,.7);
  transition: transform 0.2s ease, opacity 0.2s ease;
}

/* Rotate icon when open */
.page-id-196 details[open] .bmg-summary-icon {
  transform: rotate(90deg);
  opacity: 1;
}
/* Your Role – guidance line only */
.page-id-196 .bmg-role-guidance {
  color: rgba(255,255,255,.62);   /* muted secondary color */
  font-size: 12.75px;            /* slightly smaller */
  line-height: 1.45;
  font-weight: 500;
  margin-top: 10px;
}

/* Tighten checkbox spacing */
.page-id-196 .bmg-check {
  margin: 6px 0;          /* reduce vertical spacing */
  line-height: 1.3;
}

.page-id-196 .bmg-check input {
  margin: 0;              /* remove default browser margin */
}

.page-id-196 .bmg-list{
  margin: 0;
  padding-left: 18px;
  color: rgba(255,255,255,.78);
  line-height: 1.45;
  font-size: 13px;
}
.page-id-196 .bmg-list li{ margin: 8px 0; }


/* Anchor container */
.page-id-196 .bmg-mentee-top {
  position: relative;
  min-height: 32px;
}

/* Name stays on the left */
.page-id-196 .bmg-mentee-top .bmg-name {
  text-align: left;
  line-height: 1.2;
}

/* Tag is ALWAYS horizontally centered */
.page-id-196 .bmg-mentee-top .bmg-tag {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 50%;
  transform: translate(-50%, -50%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 26px;
  pointer-events: none; /* optional: prevents overlap issues */
}

/* Display-only box that looks like the textarea */
.page-id-196 .bmg-display-box{
  width: 100%;
  min-height: 88px;               /* match textarea height */
  padding: 10px;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(0,0,0,.22);
  color: rgba(255,255,255,.92);
  font-size: 13px;
  line-height: 1.35;
  white-space: pre-wrap;          /* keeps line breaks */
  word-break: break-word;
  box-sizing: border-box;
}

/* LANDING PAGE 970: kill header + CTA + ALL top offset */
body.page-id-970 .sticky-announcement.clickable-header-bar,
body.page-id-970 header,
body.page-id-970 .wp-site-blocks > .wp-block-template-part{
  display: none !important;
}

body.page-id-970 .wp-site-blocks{
  padding-top: 0 !important;
  margin-top: 0 !important;
  gap: 0 !important;
}

body.page-id-970 .wp-site-blocks > :first-child{
  margin-top: 0 !important;
}

/* =========================================================
   FINAL HEADER/CTA SPACING FIXES + LANDING PAGE 970 CLEANUP
   (PASTE AT VERY BOTTOM)
   ========================================================= */

/* 1) GLOBAL: offset site content under fixed CTA bar */
:root{ --cta-bar-height: 76px; }

body:not(.page-id-970) .wp-site-blocks{
  padding-top: var(--cta-bar-height) !important;
}

/* Admin bar */
body.admin-bar:not(.page-id-970) .wp-site-blocks{
  padding-top: calc(var(--cta-bar-height) + 32px) !important;
}
@media (max-width: 782px){
  body.admin-bar:not(.page-id-970) .wp-site-blocks{
    padding-top: calc(var(--cta-bar-height) + 46px) !important;
  }
}

/* 2) MOBILE: remove extra “gap” look between CTA and header */
@media (max-width: 782px){
  body:not(.page-id-970) header{
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
}

/* 3) LANDING PAGE 970: hide CTA + header and remove ALL top whitespace */
body.page-id-970 .sticky-announcement.clickable-header-bar,
body.page-id-970 header,
body.page-id-970 .wp-site-blocks > .wp-block-template-part{
  display: none !important;
}

body.page-id-970 .wp-site-blocks,
body.page-id-970 main,
body.page-id-970 #page,
body.page-id-970 .site,
body.page-id-970 .site-content,
body.page-id-970 .content-area{
  padding-top: 0 !important;
  margin-top: 0 !important;
}

body.page-id-970 .wp-site-blocks > :first-child{
  margin-top: 0 !important;
}
/* ======================================================
   GROUP SESSION LANDING PAGE: remove CTA/header + top gap
   ====================================================== */

body.page-group-session .sticky-announcement.clickable-header-bar,
body.page-group-session header,
body.page-group-session .wp-site-blocks > .wp-block-template-part {
  display: none !important;
}

body.page-group-session .wp-site-blocks,
body.page-group-session main,
body.page-group-session #page,
body.page-group-session .site,
body.page-group-session .site-content,
body.page-group-session .content-area {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

body.page-group-session .wp-site-blocks > :first-child {
  margin-top: 0 !important;
}

/* ==========================================
   MOBILE HEADER: remove gaps above/below nav
   ========================================== */
@media (max-width: 782px){

  /* 1) Make sure the nav/header sits directly under the fixed CTA */
  .wp-block-group.alignfull + .wp-block-group.alignfull{
    margin-top: 0 !important;
  }

  /* 2) Remove any extra spacing around the header wrapper */
  .wp-block-group.alignfull > .wp-block-group.alignfull{
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  /* 3) Tighten the "Logo and Navs" container (your 10px padding is fine, but kill stray margins) */
  .wp-block-group.alignfull.has-main-background-color{
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  /* 4) Kill default margins under the nav/menu that can create a white strip */
  .wp-block-navigation,
  .wp-block-navigation__responsive-container,
  .wp-block-site-title,
  .wp-block-site-logo{
    margin-bottom: 0 !important;
  }
}
@media (max-width: 782px){
  :root{ --cta-bar-height: 48px; } /* try 64, then 56, then 72 if needed */
}

/* ======================================
   DASHBOARDS (Mentee 196, Mentor 138)
   Hide CTA bar + THEME header
   Keep dashboard header inside page content
   ====================================== */

body.page-id-196 .sticky-announcement.clickable-header-bar,
body.page-id-196 .wp-block-template-part,
body.page-id-138 .sticky-announcement.clickable-header-bar,
body.page-id-138 .wp-block-template-part {
  display: none !important;
}

/* Remove spacing added for fixed CTA bar */
body.page-id-196 .wp-site-blocks,
body.page-id-138 .wp-site-blocks {
  padding-top: 0 !important;
  margin-top: 0 !important;
  gap: 0 !important;
}

/* Remove any top margin on first visible block */
body.page-id-196 .wp-site-blocks > :first-child,
body.page-id-138 .wp-site-blocks > :first-child {
  margin-top: 0 !important;
}

/* If the class is on the wrapper (common) */
.wp-block-button.left-round .wp-block-button__link,
.wp-block-button.left-round .wp-element-button {
  border-radius: 999px 0 0 999px !important;
}

/* If the class is on the link itself (less common) */
.wp-block-button__link.left-round,
.wp-element-button.left-round {
  border-radius: 20px 0 0 20px !important;
}


/* ======================================
   HIDE HEADER + ANNOUNCEMENT (POST 1805)
   ====================================== */

body.postid-1805 header,
body.postid-1805 .sticky-announcement,
body.postid-1805 .clickable-header-bar {
  display: none !important;
}

/* Remove leftover spacing */
body.postid-1805 .wp-site-blocks {
  padding-top: 0 !important;
  margin-top: 0 !important;
}
body.postid-1805 .wp-site-blocks > *:first-child {
  display: none !important;
}


/* LANDING PAGE 1805: hide theme header + CTA bar */
body.page-id-1805 header,
body.page-id-1805 .sticky-announcement.clickable-header-bar,
body.page-id-1805 .clickable-header-bar,
body.page-id-1805 .wp-site-blocks > .wp-block-template-part {
  display: none !important;
}

/* Remove top spacing caused by fixed bar/header */
body.page-id-1805 .wp-site-blocks,
body.page-id-1805 body,
body.page-id-1805 main {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* Kill top margin of first block */
body.page-id-1805 .wp-site-blocks > :first-child{
  margin-top: 0 !important;
}


@media (max-width: 782px){
  .mobile-only img{
    width: 100% !important;
    height: 180px !important;
    object-fit: contain !important;
  }
}