/*
 Theme Name: GeneratePress Child
 Template: generatepress
*/
/* ===== Fonts & base (keep if not already present) ===== */
@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,700;1,400&family=Raleway:wght@400;500;600;700&display=swap');

body{
  font-family:'Lora',serif;
  background:#000000;
  color:#CCCCCC;
  font-size:18px;
  line-height:1.7;
  margin:0;
}

/* Headings */
h1,h2,h3,h4,h5,h6{
  font-family:'Raleway',sans-serif;
  color:#FFFFFF;
  font-weight:600;
  letter-spacing:.5px;
  margin:1.2em 0 .6em;
}

/* ===== Global link styling (non-menu) ===== */
a{
  color:#FFCC66;
  text-decoration:none;
  border-bottom:1px solid #555;
  transition:color .2s ease,border-color .2s ease,opacity .2s ease;
}
a:hover{
  color:#FFD280;
  border-bottom-color:#FFCC66;
}

/* ===== Navigation bar colors & link states (GeneratePress) ===== */
/* Nav backgrounds */
.site-header,
.main-navigation,
.inside-navigation{
  background:#000000 !important;
}

/* Top-level menu links */
.main-navigation .main-nav ul li > a,
.main-navigation .menu-bar-items > * > a,
.menu-toggle{
  color:#FFCC66 !important;
}

/* Hover/focus */
.main-navigation .main-nav ul li:hover > a,
.main-navigation .main-nav ul li:focus > a,
.main-navigation .main-nav ul li.sfHover > a,
.menu-toggle:hover{
  color:#FFD280 !important;
}

/* Current/active item (including ancestor) */
.main-navigation .main-nav ul li.current-menu-item > a,
.main-navigation .main-nav ul li.current_page_item > a,
.main-navigation .main-nav ul li.current-menu-ancestor > a{
  color:#FF9900 !important;
}

/* Submenu panel + links */
.main-navigation ul ul{
  background:#000000 !important;
  border:1px solid #222; /* subtle */
}
.main-navigation ul ul li > a{
  color:#FFCC66 !important;
}
.main-navigation ul ul li:hover > a{
  color:#FFD280 !important;
}

/* Mobile slide-out (off-canvas) menu, if enabled) */
.main-navigation.toggled .main-nav > ul{
  background:#000000 !important;
}
.main-navigation.toggled .main-nav ul li > a{
  color:#FFCC66 !important;
}
.main-navigation.toggled .main-nav ul li:hover > a{
  color:#FFD280 !important;
}

/* Buttons / CTAs */
button,.ob-btn,input[type="submit"]{
  font-family:'Raleway',sans-serif;
  background:#FFFFFF;
  color:#000000;
  padding:.6em 1.2em;
  border:none;
  border-radius:6px;
  cursor:pointer;
  font-weight:600;
  transition:background .2s ease,color .2s ease;
}
button:hover,.ob-btn:hover,input[type="submit"]:hover{
  background:#FFD280;
  color:#000000;
}

/* Footer */
.site-footer{
  background:#000000;
  color:#777;
  font-size:14px;
  padding:2em;
  text-align:center;
}

/* Breadcrumbs */
.rank-math-breadcrumb{
  font-size:14px;
  margin:.5em 0 1.5em;
}
.rank-math-breadcrumb a{ color:#AAAAAA; }
.rank-math-breadcrumb a:hover{ color:#FFFFFF; }


.ob-wrap{max-width:1100px;margin:0 auto;padding:24px}
.ob-title{font-size:2rem;margin:.2em 0}
.ob-chip{font-size:.85rem;padding:.2em .6em;border:1px solid #ccc;border-radius:999px;margin-left:.5rem}
.ob-hero{width:100%;height:auto;border-radius:8px}
.ob-short{font-size:1.1rem;margin:.75rem 0}
.ob-meta{display:flex;flex-wrap:wrap;gap:14px;padding:0;margin:10px 0;list-style:none}
.ob-cta{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}
.ob-btn{display:inline-block;padding:.6rem 1rem;border-radius:8px;border:1px solid #111;text-decoration:none}
.ob-outline{background:transparent}
.ob-link{margin-left:8px}
.ob-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.ob-pricing h2,.ob-inclusivity h2,.ob-gallery h2{margin-top:24px}

.ob-city-list{columns:2;gap:12px;list-style:none;padding:0}
.ob-city-list li{margin:.2rem 0}