:root { --gold: #d4af37; }

.gold { color: var(--gold) !important; }
.bg-gold { background: var(--gold) !important; }
.hover-gold:hover { color: var(--gold) !important; }
.main-color { color: var(--gold) !important; }

/* Navbar logo */
.logo-text { font-size: 1.4rem; font-weight: 700; letter-spacing: 3px; color: #fff; text-decoration: none; }
.logo-text span { color: var(--gold); }

/* Buton overrides */
.butn.bg-gold { background: var(--gold); color: #000; border: none; cursor: pointer; transition: all .3s; }
.butn.bg-gold:hover { background: #fff; color: #000; }

/* Form inputs dark theme */
input::placeholder, textarea::placeholder { color: rgba(255,255,255,.4) !important; }
input:focus, textarea:focus { border-bottom-color: var(--gold) !important; }

/* Alert */
.alert-success { background: rgba(212,175,55,.1); border: 1px solid rgba(212,175,55,.3); color: var(--gold); border-radius: 5px; padding: 15px 20px; }

/* Page header */
.page-header { background: #111; }

/* Radius helpers */
.radius-5 { border-radius: 5px; }
.radius-10 { border-radius: 10px; }

/* Gap helpers */
.gap-2 { gap: 8px; }
.gap-3 { gap: 12px; }

/* Opacity helpers */
.opacity-3 { opacity: .3; }
.opacity-5 { opacity: .5; }
.opacity-7 { opacity: .7; }
.opacity-8 { opacity: .8; }

/* Line height */
.lh-1 { line-height: 1.05 !important; }
.lh-2 { line-height: 1.8 !important; }

/* Marquee gold star */
.slide-har .icon.gold { color: var(--gold); }

/* Footer hover */
.hover-gold { transition: color .3s; }
.hover-gold:hover { color: var(--gold) !important; }

/* Sub-bg2 */
.sub-bg2 { background: rgba(255,255,255,.03); }

/* p-30, p-40 */
.p-30 { padding: 30px; }
.p-40 { padding: 40px; }
.p-20 { padding: 20px; }
.pt-60 { padding-top: 60px; }
.pb-40 { padding-bottom: 40px; }
.ps-lg-5 { padding-left: 3rem; }
.pe-lg-5 { padding-right: 3rem; }

/* ms-3 */
.ms-3 { margin-left: 1rem; }

/* CTA section overlay */
.img-scale .image { position: relative; overflow: hidden; }
.img-scale .image .ontop { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2; width: 100%; }
