.bbh-sans-hegarty-regular {
  font-family: "BBH Sans Hegarty", sans-serif;
  font-weight: 400;
  font-style: normal;
}


.montserrat {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-style: normal;
}


.oswald {
  font-family: "Oswald", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.gasoek-one-regular {
  font-family: "Gasoek One", sans-serif;
  font-weight: 400;
  font-style: normal;
}

:root {
  /* Brand Colors */
  --rtmj-custom: #026699;
  --rtmj-custom-dark: #869fbc;
  --rtmj-custom-light: #869fbc;
  --rtmj-text-light: #fff;
  --rtmj-text-dark: #869fbc;
/* Original BlueGrey color */

  /* Misc Colors */
  --primary-blue: #0d6efd;
  --accent-orange: #ffb74d;
  --neutral-slate: #212529;
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-primary: #0d6efd;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;

  /* Typography */
  --font-heading: "Oswald", sans-serif;
  --font-body: "Montserrat", sans-serif;
  --font-button: "Oswald", sans-serif;

  /* Gradient */
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-gradient: linear-gradient(180deg, rgba(102, 16, 242, 1), rgba(13, 204, 240, 1));

  /* Bootstrap variable override (optional)
  --bs-btn-font-family: var(--font-button); */
}


/* =================== FONTS =================== */


h1, h2, h3, h4, h5 {
  font-family: "Oswald", sans-serif;
;
}

h1 {
  font-size: 40px;
}

h2 {
  font-size: 32px;
}

h3 {
  font-size: 28px;
}

h4 {
  font-size: 24px;
}

h5 {
  font-size: 20px;
}

h6 {
  font-size: 20px;
}

p {
  font-family: var(--font-body);
}



/* =================== FONTS =================== */

body {	
  position: relative;
  background-image: url("../images/web-bg-01.jpg");
  background-color: #fff;
  background-repeat: no-repeat;   	
  font-family: "Montserrat", sans-serif;	
}

 a {
  text-decoration: none;
 }

 .btn {
  font-family: var(--font-button);
  font-weight: 400;
  font-style: normal;
 }

 /* Primary */
.btn-custom{
  background-color: var(--rtmj-custom);
  border-color: var(--rtmj-custom);
  color:#fff;
}
.btn-custom:hover{
  background-color:#fff;
  border-color: var(--rtmj-custom);
  color:var(--rtmj-custom);
}

 /* White */
.btn-custom-white{
  background-color:#fff;
  border-color: #fff;
  color:var(--rtmj-custom);
}
.btn-custom-white:hover{
  background-color: var(--rtmj-custom);
  border-color: #fff;
  color:#fff;
}

 /* Navbar Reserve */
.btn-custom-nav{
  background-color:#fff;
  border-color: #fff;
  color: #000;
}
.btn-custom-nav:hover{
  background-color: var(--rtmj-custom);
  border-color: var(--rtmj-custom);
  color:#fff;
}



/* =================== NAVBAR =================== */

.nav-item {
  font-family: var(--font-button);
  font-weight: 600;
  font-style: normal;
}

/* ===== Custom expand breakpoint at 1000px (.navbar-expand-1000) ===== */
@media (min-width: 1000px) {
  .navbar-expand-1000 .navbar-toggler { display: none; }
  .navbar-expand-1000 .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-1000 .navbar-nav { flex-direction: row; }
  .navbar-expand-1000 .nav-link { padding: 0 .75rem; }
  .navbar-expand-1000 .dropdown-menu { position: absolute; }
}

/* ===== Navbar theme ===== */
.navbar-dark.bg-black { background-color: #000 !important; }
.navbar-dark .navbar-brand,
.navbar-dark .navbar-nav .nav-link { color: #fff;}
.navbar-dark .navbar-brand:hover,
.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus { color: var(--rtmj-custom); background-color: transparent; }

.dropdown-menu { /*border-radius: .5rem;*/ background-color: #000;}
.dropdown-menu .dropdown-item { color: #fff;}
.dropdown-item:hover,
.dropdown-item:focus { color: var(--rtmj-custom); background-color: transparent; }

/* ===== CTA visibility logic ===== */
.nav-cta-li { display: none; }           /* CTA inside link group (hidden by default) */
.nav-cta-compact { display: inline-block; } /* Compact CTA on right (shown by default) */

@media (min-width: 1000px) {
  .nav-cta-li { display: list-item; }    /* Show CTA inside links when expanded */
  .nav-cta-compact { display: none; }    /* Hide compact CTA when expanded */
}

/* Center links group */
#mainNav .navbar-nav {
  width: 100%;
  justify-content: center;
}

/* Helpers for the custom 1000px breakpoint */
@media (min-width: 1000px) {
  .navbar-expand-1000 .navbar-toggler { display: none; }
  .navbar-expand-1000 .navbar-collapse { display: flex !important; flex-basis: auto; }
  .navbar-expand-1000 .navbar-nav { flex-direction: row; }
  .navbar-expand-1000 .nav-link { padding: 0 .75rem; }
  .navbar-expand-1000 .dropdown-menu { position: absolute; }

  .d-1000-none { display: none !important; } /* Hide compact CTA on desktop */
}
@media (max-width: 999.98px) {
  .d-1000-none { display: inline-block !important; } /* Show compact CTA on mobile */
  .navbar-collapse { flex-basis: 100%; } 
}

/* keep the right group from getting squeezed */
.navbar-right-fixed { flex-shrink: 0; }

@media (min-width: 1000px) {
  .navbar-right-fixed { margin-left: auto !important; }
}



/* ===== Placeholder sections ===== */

.section-200 { height: 200px; }

.bg-section {
  background-color: var(--rtmj-custom);
}



/* ===== Video Modal ===== */

.modal-body {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
  overflow: hidden;
}

.modal-body { background: #000; }

.modal-body iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}




/* ===== Front Page Carousel ===== */

  .object-fit-cover {
    object-fit: cover;
    display: block;
  }

  /* Mobile default: stacked, full-width text box */
  .overlap-box {
    width: 100%;
    border-radius: 0;
  }

  /* Desktop overlap behavior 
  @media (min-width: 768px) {
    .overlap-box {
      position: absolute;
      top: 50%;
      left: 55%;               overlap about 30% over the image
      transform: translate(-30%, -50%);
      width: 40%;
      border-radius: 0.5rem;
    }
  }*/



/* =================== LEAGUES =================== */

  .l-dropdown .dropdown-menu {
  background-color: var(--rtmj-custom);
  font-family: "Oswald", sans-serif;
}

.l-dropdown.show {
  background-color: var(--rtmj-custom);
}

.l-dropdown .dropdown-item:hover {
  background-color: #fff;
  color: var(--rtmj-custom);
}


  .leagues-inside {
    display: inline-block;
    background-color: #fff;
    border: 5px solid var(--rtmj-custom);
    margin: 10px;
    padding: 10px;
    box-shadow: 3px 3px 9px rgb(0, 0, 0, 0.1);
    box-sizing: border-box;
} 

.leagues-thumb {
    background-image: url("../images/leagues-b32/leagues-bg-01.jpg");
    background-color:#fff;
    max-width: 100%;
    margin: 10px;
}

.leagues-content {
    margin: 10px;
}

.leagues-inside-2 {
    display: inline-block;
    background-color: #fff;
   /* border: 6px solid #09f; */
    margin: 10px;
    padding: 10px;
    box-shadow: 3px 3px 9px rgb(0, 0, 0, 0.1);
    box-sizing: border-box;
} 



/* =================== GROUP =================== */



/* =================== Birthdays =================== */

.card {
    background-color:#fff;
    border: 5px solid var(--rtmj-custom);
    border-radius: 0;
    display: block;
    margin: auto;
    max-width: 300;
}

.card .btn {
    background-color: var(--rtmj-custom);
    border: 4px solid #fff;
    position: absolute;
    bottom: -1.25rem;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
  }

  .card .btn:hover{
    background-color: #fff;
    border: 4px solid var(--rtmj-custom);
    color: var(--rtmj-custom);
  }
  

.birthday-img-top {
    margin: 15px 15px 35px 15px;
}

  

/* =================== Specials =================== */

  .specials-links {
    display: block;
    margin: auto;
    top: 0;
    max-width: 1200px;
}

.post-thumb {
    overflow: hidden;
    border: 0px;
    border-radius: 25px;
    margin: 0px 0px 5px;
}

.post-thumb img {
    width: 100%;
}

.post-thumb a {
    position: relative;    
    z-index: 9997;
}

.post-thumb-2 {
    overflow: hidden;
    border: 0px;
    border-radius: 25px;
    margin: 0px 0px 5px;
}

.post-thumb-2 img {
    width: 100%;
}

.post-thumb-2 a {
    position: relative;    
    z-index: 9997;
}

.post-inside-2 {
    display: inline-block;
    margin: 30px;
    padding: 0;
    z-index: 20;
}

@media screen and (max-width: 991.99px) {
  .specials-links {
    max-width: 100%vw;
  }  
}

.post-inside-2 a {
    position: relative;   
    z-index: 9997;
}


.post-content-3 {
    text-align: center;
}

.indent {
  margin-left: 2em; /* or use text-indent: 2em; */
}



/* =================== SPECIALS AHH =================== */



/* =================== SPECIALS CCF =================== */



/* =================== SPECIALS CYSU =================== */



/* =================== SPECIALS TUE12 =================== */



/* =================== SPECIALS MM =================== */



/* =================== SPECIALS TAYCB =================== */

 

/* =================== SPLITS =================== */

/* Video */

.video-section {
  text-align: center;
  width: 100%;
}

.video-heading {
  font-family: var(--font-body);
  font-size: 2rem;
  color: var(--neutral-slate);
}

.video-wrapper {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; /* 16:9 aspect ratio */
  height: 0;
  overflow: hidden;
  background: #000; /* optional clean backdrop before load */
}

.video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

/* Logo */

.splits-logo-section {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 40vh; /* adjust if you want more or less space */
/*   background-color: #fff; optional */
}

.splits-logo {
  max-width: 600px;
  width: 90%; /* keeps it flexible on mobile */
  height: auto;
}


/* Take a Tour (Image Version) */
.tour-section {
  text-align: center;
  width: 100%;
}

.tour-heading {
  font-family: var(--font-heading);
  font-size: 2rem;
  color: var(--neutral-slate);
}

/* Full-width responsive image */
.tour-wrapper {
  width: 100%;
  overflow: hidden;
}

.tour-wrapper img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover; /* ensures it fills without distortion */
}




/* =================== DINER MENU =================== */

.diner-logo {
  background-color: var(--rtmj-custom);
  display: block;
  margin: auto;
}

/* Menu */

/* Sidebar */
.menu-sidebar .sidebar-title { font-family: var(--font-heading); }
.menu-sidebar .nav-link { padding:.5rem .75rem; border-left:3px solid transparent; color: var(--neutral-slate); }
.menu-sidebar .nav-link:hover { color: var(--primary-blue); }
.menu-sidebar .nav-link.active { color: var(--primary-blue); border-left-color: var(--primary-blue); background: rgba(13,110,253,.06); }

/* Accordion header + items */
.accordion-button { font-family: var(--font-heading); font-weight: 600; }
.accordion-button:not(.collapsed) { color: var(--primary-blue); background: rgba(13,110,253,.06); box-shadow: none; }
.accordion-item { border-radius: 0; }
.item-title { font-weight: 600; }
.item-desc { line-height: 1.5; }

/* Mobile dropdown full-width menu */
#menuDropdown .dropdown-item { padding:.65rem 1rem; }

/* Show only the currently active accordion item */
#menuAccordion.only-active .accordion-item { display: none; }
#menuAccordion.only-active .accordion-item.active-item { display: block; }



/* =================== HOURS CARD =================== */

.hours-title h2{
    text-align: center;
    margin-bottom: 15px;
    font-size: 28px;
    color: #fff;
}

.hours-table {
    color: #fff;
    max-width: 300px;
    margin: auto;
    padding: 20px;
    border: 2px solid #fff;
    border-radius: 15px;
}

.today {
  background-color: #fff;
  color: var(--rtmj-custom);
  border-radius: 10px;

  margin: 0 20px;
}

.bowlium-info {
  display: block;
  margin: auto;
  padding: 20px;
}  


.google-map {
    max-width: 500px;
    display: block;
    margin: auto;  
}

@media screen and (max-width: 500px) {
  .google-map {
    max-width: 420px;
  }
}

.mapimg {
    display: block;
    max-width: 500px;
    height: auto;
    overflow: hidden;
    border-radius: 0px;
}



/* =================== FOOTER (BLACK) =================== */

.site-footer {
  background-color: #000;
  color: #fff;
  padding: 2rem 0;
}
.site-footer a { color: #fff; text-decoration: underline; }
.site-footer a:hover { text-decoration: none; color: var(--rtmj-custom); }




/* =================== MISC =================== */

.post-thumb {
  transition: transform .5s; /* Animation */
}
.post-thumb:hover {
  transform: scale(1.03); /* (110% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

/* Diner logo + image layout */
.diner-logo .row {
  display: flex;              /* makes both columns equal height */
  align-items: stretch;       /* ensures they match vertically */
}

.din-logo {
  display: flex;
  justify-content: center; 
  flex-direction: column;   /* center logo horizontally */
  align-items: center;        /* center logo vertically */
  background-color: var(--rtmj-custom);  /* your blue background */
  min-height: 100%;           /* ensure it fills full height */
}

.din-logo img {
  max-width: 80%;             /* scale logo nicely */
  height: auto;
}

.din-logo-2 {
  display: flex;
  justify-content: center;
  flex-direction: column;    /* center logo horizontally */
  align-items: center;        /* center logo vertically */
  background-color: var(--rtmj-custom);  /* your blue background */
  min-height: 100%;           /* ensure it fills full height */
}

.din-logo-2 img {
  max-width: 30%;             /* scale logo nicely */
  height: auto;
}

/* Ensure Bootstrap modal/backdrop sit on top of any transformed content */
.modal-backdrop.show { z-index: 9998 !important; }
.modal               { z-index: 9999 !important; }