/* =========================
   HEADER BASE
========================= */

#site-header {
    background: #000;
    color: #fff;
    width: 100%;
    position: sticky;
    top: 0;
	transition: all 0.3s ease;
    z-index: 999;
}

#career-header {
	background: #000;
}
@media (max-width: 1024px) {
	#site-header, #career-header {
		background #000;
	}
}

#site-header.scrolled {
	background: #000;
}

/* ===== ROW 1 ===== */

.header-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 25px 60px;
}

.header-left,
.header-center,
.header-right {
    flex: 1;
}

.header-right {
	text-align: right;
    display: flex;
    justify-content: flex-end !important;
}

.header-left #___gcse_0 { 
	margin-left: 0 !important;
	
}

.header-left form.gsc-search-box {
	max-width: 50%; 
	margin: 0; 
}

.header-center {
    text-align: center;
	display: flex; 
	justify-content: center; 
	align-items: center;
}

@media (max-width: 1024px) {
	.header-center {
		text-align: center;
   		 display: flex;
     	 justify-content: flex-start;
         align-items: center
	}	
}

.header-right {
    text-align: right;
}

.site-header-logo img {
    width: 150px;
	height: auto;
/*     max-width: 100%; */
}

/* ===== BOOK BUTTON ===== */

.btn-book {
    display: inline-block;
    background: #000;
    border: 2px solid #fff;
    color: #fff;
    padding: 12px 30px;
    border-radius: 999px;
    text-decoration: none;
    font-size: 14px;
    letter-spacing: 1px;
    transition: 0.3s ease;
}

.btn-book:hover {
    background: #fff;
    color: #000;
}

/* ===== ROW 2 NAV ===== */

.header-nav {
    border-top: 1px solid rgba(255,255,255,0.2);
    padding: 15px 0;
}

.main-nav {
    display: flex;
    justify-content: center;
    gap: 40px;
}

.main-nav a {
    color: #fff;
    text-decoration: none;
    font-size: 13px;
    letter-spacing: 1px;
    text-transform: uppercase;
    transition: 0.3s ease;
}

.main-nav a:hover {
    color: #d4af37; /* gold hover */
}

/* =========================
   RESPONSIVE
========================= */

.mobile-only{
    display:none;
}

.desktop-only{
    display:inline-block;
}

@media (max-width:1024px){

    .header-top{
        padding:15px 20px;
    }

    .header-left{
        display:none;
    }

    .desktop-only{
        display:none;
    }

    .mobile-only{
        display:block;
    }

    .site-header-logo img{
        width:120px;
    }

    .header-nav{
        display:none;
    }

}


/* =========================
   SCROLL HEADER
========================= */

#site-header {
/*     position: fixed; */
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    /* This makes the slide look smooth */
    transition: transform 0.3s ease-in-out; 
}

/* Ensure your bottom nav has a background color */
/* Otherwise, the page content will show through it when it hits the top */
.header-bottom {
    background-color: #ffffff; 
}

/* =========================
   MOBILE
========================= */

.mobile-only{
    display:none;
}

.desktop-only{
    display:block;
}

@media (max-width:1024px){

.header-top{
    padding:15px 20px;
}

.header-left{
    display:none;
}

.desktop-only{
    display:none;
}

.mobile-only{
    display:block;
}

.header-right{
    display:flex;
    justify-content:flex-end;
}

.burger-menu{
    background:none;
    border:none;
    cursor:pointer;
}

.site-header-logo img{
    width:120px;
}

.header-nav{
    display:none;
}

}