:root {
            --primary-navy: #0B192C;
            --secondary-navy: #1E3E62;
            --accent-gold: #D4AF37;
            --accent-gold-hover: #b89528;
            --sand-bg: #F9F8F6;
            --pure-white: #FFFFFF;
            --text-muted: #666666;
        }

        body {
            font-family: 'Plus Jakarta Sans', sans-serif;
            background-color: var(--sand-bg);
            color: #222222;
        }

        h1, h2, h3 {
            font-family: "Cinzel", serif;
        }
        h4, h5, .brand-font {
            font-family: "Cinzel", serif;
			font-weight: 700;
        }
a 	{color: var(--primary-navy);}
.extra-small	{
            font-size: 0.8rem;
        }
        /* Custom Gold Button */
        .btn-gold {
            background-color: var(--accent-gold);
            color: var(--secondary-navy);
            font-weight: 600;
            border: none;
            transition: all 0.3s ease;
            letter-spacing: 0.5px;
        }
        .btn-gold:hover, .btn-gold:focus {
            background-color: var(--accent-gold-hover);
            color: #ffffff;
        }

        .btn-outline-gold {
            border: 1px solid var(--accent-gold);
            color: var(--accent-gold);
            font-weight: 600;
        }
        .btn-outline-gold:hover {
            background-color: var(--accent-gold);
            color: var(--primary-navy);
        }
		.fa-solid, .icons{
            color: var(--accent-gold);
        }
        /* Announcement Top Bar */
        .top-bar {
            background-color: var(--secondary-navy);
            color: var(--sand-bg);
            font-size: 0.85rem;
            border-bottom: 1px solid rgba(212, 175, 55, 0.25);
        }
.top-bar a {color: var(--accent-gold); }
        /* Navbar Customization */
        .navbar {
            background-color: var(--pure-white);
            box-shadow: 0 2px 15px rgba(0, 0, 0, 0.05);
        }
        .navbar-brand {

        }
        .nav-link {
            color: var(--primary-navy) !important;
            font-weight: 600;
            font-size: 0.95rem;
			font-family: "Cinzel", serif;
        }
        .nav-link:hover {
            color: var(--accent-gold) !important;
        }

        /* Hero Section */
        .hero-section {
            background: linear-gradient(90deg,rgba(30, 62, 98, 0.8) 0%, rgba(30, 62, 98, 0) 50%), 
                        url('../img/holiday-escapes-banner.webp') center/cover no-repeat;
            min-height: 520px;
            display: flex;
            align-items: center;
        }
 .hero-section.all {
            min-height: 180px;
        }
.hero-section h1 {text-shadow: 2px 2px #1E3E62;        }
.latest	{background-color: var(--secondary-navy); }
        /* Floating Search Form */
        .search-box {
            background: var(--pure-white);
            border-radius: 8px;
            margin-top: -60px;
            position: relative;
            z-index: 10;
        }
        .search-box .name {
            font-weight: 700;color: var(--accent-gold);
        }
        /* Cards */
        .card-escape {
            border: none;
            border-radius: 8px;
            overflow: hidden;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }
        .card-escape:hover {
            transform: translateY(-8px);
            box-shadow: 0 15px 35px rgba(11, 25, 44, 0.12) !important;
        }
        .card-img-wrapper {
            position: relative;
            height: 230px;
            overflow: hidden;
        }
        .card-img-wrapper img {
            height: 100%;
            width: 100%;
            object-fit: cover;
            transition: transform 0.4s ease;
        }
        .card-escape:hover .card-img-wrapper img {
            transform: scale(1.06);
        }
        .badge-tag {
            position: absolute;
            top: 15px;
            left: 15px;
            background-color: var(--primary-navy);
            color: var(--accent-gold);
            font-size: 0.75rem;
            font-weight: 700;
            padding: 6px 14px;
            border-radius: 20px;
            text-transform: uppercase;
        }
        .badge-text {
            position: absolute;
			font-family: "Cinzel", serif;
            top: 15px;
            left: 15px;
            color: #ffffff;
            font-size: 1.1rem;
            font-weight: 700;
            text-transform: uppercase;
			text-shadow: 1px 1px #1E3E62;  
        }
        /* Concierge Callout */
        .concierge-card {
            background: linear-gradient(135deg, var(--primary-navy) 0%, var(--secondary-navy) 100%);
            border-radius: 12px;
            color: var(--pure-white);
        }

        /* Footer */
        footer {
            background-color: var(--primary-navy);
            color: var(--sand-bg);
            border-top: 3px solid var(--accent-gold);
        }
        footer a {
            color: #cccccc;
            text-decoration: none;
            transition: color 0.2s;
        }
        footer a:hover {
            color: var(--accent-gold);
        }
        .badge-protection {
            border: 1px solid var(--accent-gold);
            color: var(--accent-gold);
            padding: 4px 10px;
            font-size: 0.75rem;
            font-weight: 700;
            display: inline-block;
        }
@media only screen and (min-width:576px) {
.navbar-brand img {height: 80px;}
	}
@media only screen and (min-width:768px) {

}
@media only screen and (min-width:992px) {
.navbar-brand img {height: 60px;}
.nav-link	{text-transform: uppercase;}
        .hero-section {
            background: linear-gradient(90deg,rgba(30, 62, 98, 0.8) 0%, rgba(30, 62, 98, 0) 28%), 
                        url('../img/holiday-escapes-banner.webp') center/cover no-repeat;
            min-height: 520px;
        }
}
@media only screen and (min-width:1200px) {

}