/* 28 Privé — Navbar styles, separated from original CSS. */

/* header logo padding spaces */
/* .main-nav-one .logo-box {
    border-right: 1px solid #e5e5e5;
    padding: 0px 0;
    padding-right: 75px;
} */

.header-top{
	display: none;
	background:#0d264f !important
}

.main-nav-one .logo-box {
    border-right: 1px solid #e5e5e5;
    padding: 0px 0;
    padding-right: 50px;
	 padding-left: 50px;
}
.main-nav-one .main-nav__main-navigation {
    margin-left: auto;
    font-family: "Cormorant Garamond" !important;
}

/* welcome text top of header */
.main-header-new .welcome-text h6 b{
	font-family: "EB Garamond" !important;
}

.header-menu ul li a{
	font-family: "EB Garamond" !important;
}

/* =========================================================
   28 PRIVÉ - MAIN HEADER
========================================================= */


/* =========================================================
   DEFAULT HEADER
   Transparent navy directly over hero/banner
========================================================= */

.main-nav-one.original {
    position: absolute !important;

    top: auto !important;
    left: 0 !important;
    right: 0 !important;

    width: 100% !important;

    margin: 0 !important;

    z-index: 9999 !important;

    /* 28 Privé navy with transparency */
    background: rgba(13, 38, 79, 0.68) !important;
    background-color: rgba(13, 38, 79, 0.68) !important;

    /* No frosted blur */
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;

    border: none !important;

    box-shadow: none !important;
}


/* =========================================================
   REMOVE WHITE BACKGROUNDS
   FROM DEFAULT HEADER INTERNAL ELEMENTS
========================================================= */

.main-nav-one.original .container,
.main-nav-one.original .inner-container,
.main-nav-one.original .logo-box,
.main-nav-one.original .main-nav__main-navigation,
.main-nav-one.original .main-nav__main-navigation > ul,
.main-nav-one.original .main-nav__main-navigation > ul > li {
    background: transparent !important;
    background-color: transparent !important;

    box-shadow: none !important;
}


/* =========================================================
   REMOVE POSSIBLE THEME PSEUDO BACKGROUNDS
========================================================= */

.main-nav-one.original::before,
.main-nav-one.original::after,
.main-nav-one.original .container::before,
.main-nav-one.original .container::after,
.main-nav-one.original .inner-container::before,
.main-nav-one.original .inner-container::after,
.main-nav-one.original .logo-box::before,
.main-nav-one.original .logo-box::after {
    background: transparent !important;
    background-color: transparent !important;

    box-shadow: none !important;
}


/* =========================================================
   DEFAULT MENU TEXT
   White
========================================================= */

.main-nav-one.original
.main-nav__main-navigation
ul li a {
    font-family: "EB Garamond", Georgia, serif !important;

    font-weight: 600 !important;

    color: #ffffff !important;
}


/* Default menu hover */

.main-nav-one.original
.main-nav__main-navigation
ul li a:hover {
    color: #c9a668 !important;
}


/* =========================================================
   DEFAULT LOGO AREA
========================================================= */

.main-nav-one.original .logo-box {
    background: transparent !important;

    /* no visible separator */
    border-right:
        1px solid rgba(255, 255, 255, 0) !important;
}


/* =========================================================
   DEFAULT MENU POSITION
========================================================= */

.main-nav-one.original
.main-nav__main-navigation {
    margin-left: auto !important;

    background: transparent !important;
}


/* =========================================================
   DEFAULT SIDE MENU TOGGLER
   White over transparent navy
========================================================= */

.main-nav-one.original
.side-menu__toggler {
    color: #ffffff !important;
}


/* In case the theme uses an icon inside the link */

.main-nav-one.original
.side-menu__toggler i {
    color: #ffffff !important;
}


/* In case the theme draws the icon with pseudo elements */

.main-nav-one.original
.side-menu__toggler::before,

.main-nav-one.original
.side-menu__toggler::after {
    color: #ffffff !important;

    border-color: #ffffff !important;
}


/* Optional hover */

.main-nav-one.original
.side-menu__toggler:hover,

.main-nav-one.original
.side-menu__toggler:hover i {
    color: #c9a668 !important;
}


/* =========================================================
   STICKY HEADER AFTER SCROLL
   SAME STYLE AS DEFAULT HEADER
   ========================================================= */

.main-nav-one.stricked-menu,
.main-nav-one.stricked-menu.sticky-fixed {
    background: rgba(13, 38, 79, 0.68) !important;
    background-color: rgba(13, 38, 79, 0.68) !important;
    z-index: 99999 !important;
    border: none !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}

/* Transparent internal elements, same as original */
.main-nav-one.stricked-menu .container,
.main-nav-one.stricked-menu .inner-container,
.main-nav-one.stricked-menu .logo-box,
.main-nav-one.stricked-menu .main-nav__main-navigation,
.main-nav-one.stricked-menu .main-nav__main-navigation > ul,
.main-nav-one.stricked-menu .main-nav__main-navigation > ul > li {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

/* Hide theme-generated white pseudo backgrounds */
.main-nav-one.stricked-menu::before,
.main-nav-one.stricked-menu::after,
.main-nav-one.stricked-menu .container::before,
.main-nav-one.stricked-menu .container::after,
.main-nav-one.stricked-menu .inner-container::before,
.main-nav-one.stricked-menu .inner-container::after,
.main-nav-one.stricked-menu .logo-box::before,
.main-nav-one.stricked-menu .logo-box::after {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

/* White navigation labels, as on the default header */
.main-nav-one.stricked-menu .main-nav__main-navigation ul li a {
    font-family: "EB Garamond", Georgia, serif !important;
    font-weight: 600 !important;
    color: #ffffff !important;
}

.main-nav-one.stricked-menu .main-nav__main-navigation ul li a:hover {
    color: #c9a668 !important;
}

/* Same logo spacing / no visible divider */
.main-nav-one.stricked-menu .logo-box {
    border-right: 1px solid transparent !important;
    padding: 0 50px !important;
}

.main-nav-one.stricked-menu .main-nav__main-navigation {
    margin-left: auto !important;
}

/* White side-menu toggle */
.main-nav-one.stricked-menu .side-menu__toggler,
.main-nav-one.stricked-menu .side-menu__toggler i {
    color: #ffffff !important;
}

.main-nav-one.stricked-menu .side-menu__toggler::before,
.main-nav-one.stricked-menu .side-menu__toggler::after {
    color: #ffffff !important;
    border-color: #ffffff !important;
}

.main-nav-one.stricked-menu .side-menu__toggler:hover,
.main-nav-one.stricked-menu .side-menu__toggler:hover i {
    color: #c9a668 !important;
}

/* =========================================================
   HERO / SLIDER
   Allow banner to sit behind default header
========================================================= */

.elementor-widget-muzex_theme_slider2,
.banner-section,
.keyheld-home-slider-section {
    position: relative !important;

    margin-top: 0 !important;

    z-index: 1 !important;
}


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

@media (max-width: 991px) {

    /* Slightly darker transparent navy on smaller screens */

    .main-nav-one.original {
        background:
            rgba(13, 38, 79, 0.78) !important;

        background-color:
            rgba(13, 38, 79, 0.78) !important;
    }


    .main-nav-one.stricked-menu,
    .main-nav-one.stricked-menu.sticky-fixed {
        background: rgba(13, 38, 79, 0.78) !important;
        background-color: rgba(13, 38, 79, 0.78) !important;
    }

    /* Remove logo separator */

    .main-nav-one.original .logo-box,
    .main-nav-one.stricked-menu .logo-box {
        border-right: none !important;
    }


    /* Default mobile toggle = white */

    .main-nav-one.original
    .side-menu__toggler,

    .main-nav-one.original
    .side-menu__toggler i {
        color: #ffffff !important;
    }


    .main-nav-one.original
    .side-menu__toggler::before,

    .main-nav-one.original
    .side-menu__toggler::after {
        color: #ffffff !important;

        border-color: #ffffff !important;
    }


    /* Sticky mobile toggle = white, same as default */

    .main-nav-one.stricked-menu
    .side-menu__toggler,

    .main-nav-one.stricked-menu
    .side-menu__toggler i {
        color: #ffffff !important;
    }


    .main-nav-one.stricked-menu
    .side-menu__toggler::before,

    .main-nav-one.stricked-menu
    .side-menu__toggler::after {
        color: #ffffff !important;

        border-color: #ffffff !important;
    }

}


/* =============================================================
   28 PRIVÉ — PREMIUM RESPONSIVE NAVIGATION
   Reference-inspired menu: understated typography, short
   separators, right chevrons, no search or footer extras.
   Existing Muzex JavaScript handles the open/close state.
============================================================= */

@media (max-width: 1199px) {

  /* Top information bar — retain existing site behavior. */
  .header-top {
    position: relative !important;
    z-index: 1000010 !important;
    display: block !important;
    width: 100% !important;
    min-height: 40px;
    margin: 0 !important;
    padding: 8px 0 !important;
    background: #0d264f !important;
    border: 0 !important;
  }
  .header-top .container,
  .header-top .container-fluid {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 0 18px !important;
  }
  .header-top .row {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    row-gap: 4px !important;
    margin: 0 !important;
  }
  .header-top .row > [class*="col-"] {
    flex: 0 1 auto !important;
    width: auto !important;
    max-width: 100% !important;
    padding: 0 !important;
  }
  .header-top .welcome-text,
  .header-top .welcome-text h6,
  .header-top .welcome-text p,
  .header-top .header-menu {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.4 !important;
  }
  .header-top .header-menu ul {
    display: flex !important;
    justify-content: flex-end !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
  }
  .header-top .welcome-text,
  .header-top .welcome-text *,
  .header-top .header-menu,
  .header-top .header-menu a {
    color: #fff !important;
    font-family: "EB Garamond", Georgia, serif !important;
    font-size: 13px !important;
  }

  /* Keep the original and sticky header visually identical. */
  .main-nav-one.original,
  .main-nav-one.stricked-menu,
  .main-nav-one.stricked-menu.sticky-fixed {
    width: 100% !important;
    z-index: 1000009 !important;
    background: rgba(13, 38, 79, .95) !important;
    border: 0 !important;
    box-shadow: none !important;
  }
  .main-nav-one .container {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
  }
  .main-nav-one .inner-container {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    width: 100% !important;
    min-height: 75px;
    margin: 0 !important;
  }
  .main-nav-one .logo-box,
  .main-nav-one.stricked-menu .logo-box {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex: 1 1 100% !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 7px 0 !important;
    border: 0 !important;
    background: transparent !important;
    float: none !important;
  }
  .main-nav-one .logo-box > a:not(.side-menu__toggler) {
    display: inline-flex !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    margin: 0 auto 0 0 !important;
  }
  .main-nav-one .logo-box img {
    display: block !important;
    width: auto !important;
    height: auto !important;
    max-width: 120px !important;
    max-height: 65px !important;
    object-fit: contain;
  }
  .main-nav-one .logo-box > .side-menu__toggler,
  .main-nav-one .side-menu__toggler {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 42px !important;
    order: 2 !important;
    width: 42px !important;
    height: 42px !important;
    margin: 0 0 0 auto !important;
    padding: 8px !important;
    color: #c9a668 !important;
    background: transparent !important;
    border: 0 !important;
    cursor: pointer;
    pointer-events: auto !important;
    z-index: 1000011 !important;
  }
  .main-nav-one .side-menu__toggler i,
  .main-nav-one .side-menu__toggler span,
  .main-nav-one .side-menu__toggler::before,
  .main-nav-one .side-menu__toggler::after {
    color: #c9a668 !important;
    border-color: #c9a668 !important;
  }
  .main-nav-one .main-nav__main-navigation { display: none !important; }

  /* Full-screen, vertically opening mobile navigation. */
  .side-menu__block {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: auto !important;
    width: 100% !important;
    max-width: none !important;
    height: 100vh !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain;
    background: #121f4c !important;
    transform: translate3d(0, -105%, 0) !important;
    transition: transform .35s ease, visibility .35s ease !important;
    z-index: 1000008 !important;
  }
  .side-menu__block.active,
  .side-menu__block.open,
  .side-menu__block.show,
  .side-menu__block.active-side-menu,
  .side-menu__block.side-menu__block--open,
  body.active-side-menu .side-menu__block,
  body.side-menu-open .side-menu__block {
    transform: translate3d(0, 0, 0) !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
  .side-menu__block-inner {
    position: relative !important;
    width: 100% !important;
    min-height: 100% !important;
    margin: 0 !important;
    padding: 115px 32px 60px !important;
    background: #0d264f !important;
    transform: none !important;
  }

  /* The site logo stays in the main header, not repeated in the panel. */
  .side-menu__block .logo-box,
  .side-menu__block .side-menu__logo {
    display: none !important;
  }

  /* Remove the theme's full-width dividing lines. */
  .side-menu__block .mobile-nav__container,
  .side-menu__block .mobile-nav__container > ul {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    background: transparent !important;
  }
  .side-menu__block .mobile-nav__container > ul > li {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    margin: 0 0 31px !important;
    padding: 0 0 19px !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  /* One short underline under each MAIN menu item. */
  .side-menu__block .mobile-nav__container > ul > li::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    left: 0 !important;
    bottom: 0 !important;
    width: 76px !important;
    height: 1px !important;
    background: rgba(250, 247, 240, .27) !important;
    border: 0 !important;
    pointer-events: none;
  }

  /* Elegant large label and right-aligned arrow. */
  .side-menu__block .mobile-nav__container > ul > li > a {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 20px !important;
    width: 100% !important;
    min-height: 20px !important;
    margin: 0 !important;
    padding: 0 10px 0 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: #faf7f0 !important;
    font-family: "Helvetica Neue", Arial, sans-serif !important;
    font-size: clamp(23px, 4vw, 31px) !important;
    font-weight: 300 !important;
    line-height: 1.3 !important;
    letter-spacing: .015em !important;
    text-align: left !important;
    text-transform: none !important;
    text-decoration: none !important;
    transition: color .2s ease !important;
  }
  .side-menu__block .mobile-nav__container > ul > li > a::after {
    content: "" !important;
    display: block !important;
    flex: 0 0 11px !important;
    position: relative !important;
    width: 11px !important;
    height: 11px !important;
    margin-left: auto !important;
    border-top: 1.6px solid #faf7f0 !important;
    border-right: 1.6px solid #faf7f0 !important;
    border-bottom: 0 !important;
    border-left: 0 !important;
    background: none !important;
    transform: rotate(45deg) !important;
    transition: transform .2s ease, border-color .2s ease !important;
  }
  .side-menu__block .mobile-nav__container > ul > li > a:hover,
  .side-menu__block .mobile-nav__container > ul > li > a:focus-visible {
    color: #c9a668 !important;
  }
  .side-menu__block .mobile-nav__container > ul > li > a:hover::after,
  .side-menu__block .mobile-nav__container > ul > li > a:focus-visible::after {
    border-color: #c9a668 !important;
    transform: translateX(3px) rotate(45deg) !important;
  }
  /* Avoid duplicate separators on nested lists, if any. */
  .side-menu__block .mobile-nav__container ul ul li {
    border-bottom: 0 !important;
  }
  .side-menu__block .mobile-nav__container ul ul li a {
    font-family: "Helvetica Neue", Arial, sans-serif !important;
    font-size: 17px !important;
    font-weight: 400 !important;
    text-transform: none !important;
    color: #faf7f0 !important;
  }

  /* Keep the theme's existing close button available. */
  .side-menu__block .side-menu__close-btn,
  .side-menu__block .side-menu__close {
    position: absolute !important;
    top: 23px !important;
    right: 23px !important;
    z-index: 100 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 40px !important;
    height: 40px !important;
    color: #faf7f0 !important;
    opacity: 1 !important;
    visibility: visible !important;
  }
}

@media (max-width: 767px) {
  .side-menu__block-inner { padding: 105px 27px 50px !important; }
  .side-menu__block .mobile-nav__container > ul > li {
    margin-bottom: 27px !important;
    padding-bottom: 17px !important;
  }
}

@media (max-width: 480px) {
  .header-top .container,
  .header-top .container-fluid { padding: 0 12px !important; }
  .header-top .welcome-text *,
  .header-top .header-menu a { font-size: 11.5px !important; }
  .main-nav-one .container { padding: 0 14px !important; }
  .main-nav-one .inner-container { min-height: 68px; }
  .main-nav-one .logo-box img {
    max-width: 105px !important;
    max-height: 58px !important;
  }
  .main-nav-one .side-menu__toggler {
    flex-basis: 38px !important;
    width: 38px !important;
    height: 38px !important;
  }
  .side-menu__block-inner { padding: 98px 24px 42px !important; }
  .side-menu__block .mobile-nav__container > ul > li > a {
    font-size: 25px !important;
  }
  .side-menu__block .mobile-nav__container > ul > li {
    margin-bottom: 27px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .side-menu__block,
  .side-menu__block .mobile-nav__container > ul > li > a,
  .side-menu__block .mobile-nav__container > ul > li > a::after {
    transition: none !important;
  }
}


/* =============================================================
   28 PRIVÉ — MOBILE NAVBAR REFINEMENT
   Mobile only; desktop and tablet wider than 767px unchanged.
   Existing MUZEX open/close classes and animations are retained.
============================================================= */
@media (max-width: 767px) {

  /* Translucent navy: page content may show faintly beneath menu. */
  .side-menu__block {
    background: rgba(13, 38, 79, 0.68) !important;
    background-color: rgba(13, 38, 79, 0.68) !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }

  /* Avoid an opaque inner layer hiding the translucency. */
  .side-menu__block .side-menu__block-inner {
    background: transparent !important;
    padding: 84px 24px 28px !important;
  }

  /* Compact list rhythm, no full-width dividers. */
  .side-menu__block .mobile-nav__container > ul > li {
    margin: 0 0 16px !important;
    padding: 0 0 13px !important;
  }

  .side-menu__block .mobile-nav__container > ul > li::after {
    width: 56px !important;
    background: rgba(250, 247, 240, 0.22) !important;
  }

  /* Slim labels with arrows remaining at the far right. */
  .side-menu__block .mobile-nav__container > ul > li > a {
    min-height: 25px !important;
    padding: 0 7px 0 0 !important;
    font-size: 19px !important;
    font-weight: 300 !important;
    line-height: 1.35 !important;
    letter-spacing: 0.005em !important;
  }

  .side-menu__block .mobile-nav__container > ul > li > a::after {
    flex-basis: 8px !important;
    width: 8px !important;
    height: 8px !important;
    border-top-width: 1.3px !important;
    border-right-width: 1.3px !important;
  }

  /* Smaller top header; keep logo at left and toggle at right. */
  .main-nav-one.original .inner-container,
  .main-nav-one.stricked-menu .inner-container {
    min-height: 62px !important;
  }

  .main-nav-one .logo-box img {
    max-width: 95px !important;
    max-height: 51px !important;
  }

  .main-nav-one .side-menu__toggler {
    flex: 0 0 36px !important;
    width: 36px !important;
    height: 36px !important;
  }

  /* Existing close button remains functional and visible. */
  .side-menu__block .side-menu__close-btn,
  .side-menu__block .side-menu__close {
    top: 15px !important;
    right: 18px !important;
    width: 36px !important;
    height: 36px !important;
  }
}

@media (max-width: 380px) {
  .side-menu__block .side-menu__block-inner {
    padding: 76px 20px 24px !important;
  }

  .side-menu__block .mobile-nav__container > ul > li > a {
    font-size: 18px !important;
  }

  .side-menu__block .mobile-nav__container > ul > li {
    margin-bottom: 14px !important;
    padding-bottom: 12px !important;
  }
}


/* =============================================================
   28 PRIVE — MOBILE + TABLET SOLID DROPDOWN NAVIGATION
   Applies through 1199px, including 768px and 1024px.
   Desktop at 1200px+ stays unchanged.
   Header retains its transparent desktop-inspired appearance.
   Opened dropdown panel uses solid #0d264f.
   Existing menu layout / animation / JS remains intact.
============================================================= */
@media (max-width: 1199px) {

  .main-nav-one.original,
  .main-nav-one.stricked-menu,
  .main-nav-one.stricked-menu.sticky-fixed {
    background: rgba(13, 38, 79, 0.68) !important;
    background-color: rgba(13, 38, 79, 0.68) !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }

  /* Solid navy dropdown for both mobile and tablet. */
  .side-menu__block {
    background: #0d264f !important;
    background-color: #0d264f !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    box-shadow: none !important;
  }

  .side-menu__block .side-menu__block-inner,
  .side-menu__block .mobile-nav__container,
  .side-menu__block .mobile-nav__container > ul,
  .side-menu__block .mobile-nav__container > ul > li {
    background: transparent !important;
    background-color: transparent !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }

  /* Keep inner decorative layers free of additional backgrounds. */
  .side-menu__block::before,
  .side-menu__block::after,
  .side-menu__block .side-menu__block-inner::before,
  .side-menu__block .side-menu__block-inner::after {
    background-color: transparent !important;
    background-image: none !important;
  }

  /* Preserve any overlay elements for theme click-to-close. */
  .side-menu__block-overlay,
  .side-menu__overlay {
    background: transparent !important;
    background-color: transparent !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }
}






/* ==========================================================
   28 PRIVÉ — MOBILE / TABLET NAVBAR
   HIDE DUPLICATE X CLOSE BUTTON
   KEEP EXISTING HAMBURGER TOGGLE
========================================================== */

@media (max-width: 1199px) {

    /* Hide separate MUZEX close button */
    .side-menu__block .side-menu__close-btn,
    .side-menu__block .side-menu__close,
    .side-menu__block .side-menu__close-btn i,
    .side-menu__block .side-menu__close i {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }

    /* Keep original hamburger visible */
    .main-nav-one .side-menu__toggler {
        display: inline-flex !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
}