/* =========================================================
   =========================================================
   VISIT CHAMOLI HEADER
   COMPLETELY ISOLATED CSS

   IMPORTANT:
   Every selector begins with #visit-chamoli-header

   DO NOT use:
   .navigation
   .dropdown
   .submenu
   .active
   .sticky
   .main-menu
   .clearfix
   etc.

   This prevents conflicts with the existing theme.
   =========================================================
   ========================================================= */


/* =========================================================
   ROOT
========================================================= */

#visit-chamoli-header {
    --vch-dark: #173747;
    --vch-gold: #f5b82e;
    --vch-white: #ffffff;
    --vch-border: #eeeeee;

    position: relative;

    display: block;

    width: 100%;

    margin: 0;
    padding: 0;

    background: #ffffff;

    z-index: 999;

    isolation: isolate;
}


/* =========================================================
   BOX SIZING
========================================================= */

#visit-chamoli-header,
#visit-chamoli-header div,
#visit-chamoli-header nav,
#visit-chamoli-header ul,
#visit-chamoli-header li,
#visit-chamoli-header a,
#visit-chamoli-header img,
#visit-chamoli-header button,
#visit-chamoli-header span {
    box-sizing: border-box;
}


/* =========================================================
   CONTAINER
========================================================= */

#visit-chamoli-header .vch-container {
    width: min(1380px, calc(100% - 60px));

    margin-left: auto;
    margin-right: auto;

    padding-left: 0;
    padding-right: 0;
}


/* =========================================================
   MAIN HEADER
========================================================= */

#visit-chamoli-header .vch-main-header {
    position: relative;

    display: block;

    width: 100%;

    margin: 0;
    padding: 0;

    background: #ffffff;
}


/* =========================================================
   UPPER AREA
========================================================= */

#visit-chamoli-header .vch-upper {
    position: relative;

    width: 100%;

    margin: 0;
    padding: 15px 0;

    background: #ffffff;

    border-bottom: 1px solid var(--vch-border);
}


/* =========================================================
   UPPER INNER
========================================================= */

#visit-chamoli-header .vch-upper-inner {
    display: flex;

    align-items: center;

    justify-content: space-between;

    width: 100%;

    min-height: 65px;

    margin: 0;
    padding: 0;

    gap: 30px;
}


/* =========================================================
   LOGO
========================================================= */

#visit-chamoli-header .vch-logo {
    display: block;

    flex: 0 0 auto;

    margin: 0;
    padding: 0;
}


#visit-chamoli-header .vch-logo a {
    display: block;

    margin: 0;
    padding: 0;

    text-decoration: none;
}


#visit-chamoli-header .vch-logo img {
    display: block;

    width: auto;

    max-width: 190px;

    height: auto;

    max-height: 70px;

    margin: 0;
    padding: 0;

    object-fit: contain;
}


/* =========================================================
   RIGHT AREA
========================================================= */

#visit-chamoli-header .vch-right {
    display: flex;

    align-items: center;

    justify-content: flex-end;

    gap: 28px;

    margin: 0;
    padding: 0;
}


/* =========================================================
   CONTACT LIST
========================================================= */

#visit-chamoli-header .vch-contact-list {
    display: flex;

    align-items: center;

    gap: 24px;

    margin: 0;
    padding: 0;
}


/* =========================================================
   CONTACT ITEM
========================================================= */

#visit-chamoli-header .vch-contact-item {
    display: flex;

    align-items: center;

    gap: 9px;

    margin: 0;
    padding: 0;
}


/* =========================================================
   CONTACT ICON
========================================================= */

#visit-chamoli-header .vch-contact-icon {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 36px;
    height: 36px;

    flex: 0 0 36px;

    margin: 0;
    padding: 0;

    color: #d69d19;

    background: #f5f7f7;

    border-radius: 50%;

    font-size: 12px;

    line-height: 1;
}


/* =========================================================
   CONTACT TEXT
========================================================= */

#visit-chamoli-header .vch-contact-text {
    display: flex;

    flex-direction: column;

    align-items: flex-start;

    margin: 0;
    padding: 0;
}


/* =========================================================
   CONTACT LABEL
========================================================= */

#visit-chamoli-header .vch-contact-label {
    display: block;

    margin: 0 0 3px;
    padding: 0;

    color: #92999c;

    font-size: 8px;

    font-weight: 600;

    line-height: 1;

    letter-spacing: .7px;

    text-transform: uppercase;
}


/* =========================================================
   CONTACT LINK
========================================================= */

#visit-chamoli-header .vch-contact-text a {
    display: block;

    margin: 0;
    padding: 0;

    color: var(--vch-dark);

    font-size: 11px;

    font-weight: 700;

    line-height: 1.3;

    text-decoration: none;

    white-space: nowrap;

    transition: color .25s ease;
}


#visit-chamoli-header .vch-contact-text a:hover {
    color: #d69d19;
}


/* =========================================================
   SOCIAL
========================================================= */

#visit-chamoli-header .vch-social {
    display: flex;

    align-items: center;

    gap: 6px;

    margin: 0;
    padding: 0;
}


/* =========================================================
   SOCIAL LINKS
========================================================= */

#visit-chamoli-header .vch-social a {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 30px;
    height: 30px;

    margin: 0;
    padding: 0;

    color: var(--vch-dark);

    background: #f5f7f7;

    border-radius: 50%;

    font-size: 11px;

    line-height: 1;

    text-decoration: none;

    transition:
        color .25s ease,
        background-color .25s ease,
        transform .25s ease;
}


#visit-chamoli-header .vch-social a:hover {
    color: #ffffff;

    background: var(--vch-dark);

    transform: translateY(-2px);
}


/* =========================================================
   NAVIGATION BAR
========================================================= */

#visit-chamoli-header .vch-navigation-bar {
    position: relative;

    display: block;

    width: 100%;

    margin: 0;
    padding: 0;

    background: var(--vch-dark);
}


/* =========================================================
   NAVIGATION INNER
========================================================= */

#visit-chamoli-header .vch-navigation-inner {
    position: relative;

    display: flex;

    align-items: center;

    justify-content: center;

    width: 100%;

    min-height: 58px;

    margin: 0;
    padding: 0;
}


/* =========================================================
   MENU WRAPPER
========================================================= */

#visit-chamoli-header .vch-menu-wrapper {
    display: block;

    width: 100%;

    margin: 0;
    padding: 0;
}


/* =========================================================
   MENU LIST
========================================================= */

#visit-chamoli-header .vch-menu-list {
    display: flex;

    align-items: center;

    justify-content: center;

    width: 100%;

    margin: 0;
    padding: 0;

    list-style: none;
}


/* =========================================================
   MENU ITEM
========================================================= */

#visit-chamoli-header .vch-menu-item {
    position: relative;

    display: block;

    margin: 0;
    padding: 0;

    list-style: none;
}


/* =========================================================
   MENU LINK
========================================================= */

#visit-chamoli-header .vch-menu-item > a {
    display: flex;

    align-items: center;

    justify-content: center;

    min-height: 58px;

    margin: 0;
    padding: 0 15px;

    color: rgba(255,255,255,.94);

    background: transparent;

    font-size: 10px;

    font-weight: 700;

    line-height: 1;

    letter-spacing: .4px;

    text-decoration: none;

    text-transform: uppercase;

    white-space: nowrap;

    transition:
        color .25s ease,
        background-color .25s ease;
}


/* =========================================================
   MENU HOVER
========================================================= */

#visit-chamoli-header .vch-menu-item > a:hover {
    color: var(--vch-dark);

    background: var(--vch-gold);
}


/* =========================================================
   ARROW
========================================================= */

#visit-chamoli-header .vch-arrow {
    display: inline-block;

    width: 6px;
    height: 6px;

    margin-left: 8px;

    border-right: 1.5px solid currentColor;
    border-bottom: 1.5px solid currentColor;

    transform: rotate(45deg) translateY(-2px);

    transition: transform .2s ease;
}


/* =========================================================
   ARROW HOVER
========================================================= */

#visit-chamoli-header .vch-has-dropdown:hover > a .vch-arrow {
    transform:
        rotate(225deg)
        translateY(-1px);
}


/* =========================================================
   SUBMENU
========================================================= */

#visit-chamoli-header .vch-submenu {
    position: absolute;

    top: 100%;
    left: 0;

    display: block;

    width: 230px;

    margin: 0;
    padding: 7px 0;

    background: #ffffff;

    border-top: 3px solid var(--vch-gold);

    box-shadow:
        0 12px 35px rgba(0,0,0,.15);

    list-style: none;

    opacity: 0;

    visibility: hidden;

    pointer-events: none;

    transform: translateY(8px);

    transition:
        opacity .2s ease,
        visibility .2s ease,
        transform .2s ease;

    z-index: 99999;
}


/* =========================================================
   SUBMENU SHOW
========================================================= */

#visit-chamoli-header
.vch-has-dropdown:hover >
.vch-submenu {
    opacity: 1;

    visibility: visible;

    pointer-events: auto;

    transform: translateY(0);
}


/* =========================================================
   SUBMENU ITEM
========================================================= */

#visit-chamoli-header .vch-submenu > li {
    position: relative;

    display: block;

    width: 100%;

    margin: 0;
    padding: 0;

    list-style: none;
}


/* =========================================================
   SUBMENU LINK
========================================================= */

#visit-chamoli-header .vch-submenu > li > a {
    display: flex;

    align-items: center;

    justify-content: space-between;

    width: 100%;

    min-height: 40px;

    margin: 0;
    padding: 8px 17px;

    color: var(--vch-dark);

    background: transparent;

    font-size: 9px;

    font-weight: 600;

    line-height: 1.4;

    text-align: left;

    text-decoration: none;

    white-space: normal;

    transition:
        color .2s ease,
        background-color .2s ease,
        padding-left .2s ease;
}


/* =========================================================
   SUBMENU HOVER
========================================================= */

#visit-chamoli-header .vch-submenu > li > a:hover {
    color: var(--vch-dark);

    background: var(--vch-gold);

    padding-left: 21px;
}


/* =========================================================
   LEVEL 2 SUBMENU
========================================================= */

#visit-chamoli-header
.vch-submenu
.vch-submenu-level-2 {
    top: -7px;

    left: 100%;

    width: 245px;

    opacity: 0;

    visibility: hidden;

    pointer-events: none;

    transform: translateX(8px);
}


/* =========================================================
   LEVEL 2 SHOW
========================================================= */

#visit-chamoli-header
.vch-submenu >
.vch-has-dropdown:hover >
.vch-submenu-level-2 {
    opacity: 1;

    visibility: visible;

    pointer-events: auto;

    transform: translateX(0);
}


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

#visit-chamoli-header .vch-mobile-button {
    display: none;

    align-items: center;

    justify-content: center;

    flex-direction: column;

    width: 42px;
    height: 42px;

    margin: 0;
    padding: 7px;

    background: transparent;

    border: 0;

    outline: 0;

    cursor: pointer;
}


/* =========================================================
   MOBILE BUTTON LINES
========================================================= */

#visit-chamoli-header .vch-mobile-button span {
    display: block;

    width: 23px;
    height: 2px;

    margin: 3px 0;

    padding: 0;

    background: #ffffff;

    transition:
        transform .25s ease,
        opacity .25s ease;
}


/* =========================================================
   MOBILE BUTTON ACTIVE
========================================================= */

#visit-chamoli-header
.vch-mobile-button.vch-button-open
span:nth-child(1) {
    transform:
        translateY(8px)
        rotate(45deg);
}


#visit-chamoli-header
.vch-mobile-button.vch-button-open
span:nth-child(2) {
    opacity: 0;
}


#visit-chamoli-header
.vch-mobile-button.vch-button-open
span:nth-child(3) {
    transform:
        translateY(-8px)
        rotate(-45deg);
}


/* =========================================================
   STICKY HEADER
========================================================= */

#visit-chamoli-header .vch-sticky-header {
    position: fixed;

    top: 0;
    left: 0;

    display: block;

    width: 100%;

    margin: 0;
    padding: 0;

    background: #ffffff;

    box-shadow:
        0 5px 25px rgba(0,0,0,.10);

    opacity: 0;

    visibility: hidden;

    transform: translateY(-110%);

    transition:
        opacity .3s ease,
        visibility .3s ease,
        transform .3s ease;

    z-index: 100000;
}


/* =========================================================
   STICKY ACTIVE
========================================================= */

#visit-chamoli-header
.vch-sticky-header.vch-sticky-visible {
    opacity: 1;

    visibility: visible;

    transform: translateY(0);
}


/* =========================================================
   STICKY INNER
========================================================= */

#visit-chamoli-header .vch-sticky-inner {
    display: flex;

    align-items: center;

    justify-content: space-between;

    width: 100%;

    min-height: 68px;

    margin: 0;
    padding: 0;

    gap: 25px;
}


/* =========================================================
   STICKY LOGO
========================================================= */

#visit-chamoli-header .vch-sticky-logo {
    display: block;

    flex: 0 0 auto;

    margin: 0;
    padding: 0;
}


#visit-chamoli-header .vch-sticky-logo a {
    display: block;

    margin: 0;
    padding: 0;
}


#visit-chamoli-header .vch-sticky-logo img {
    display: block;

    width: auto;

    max-width: 150px;

    height: auto;

    max-height: 52px;

    margin: 0;
    padding: 0;

    object-fit: contain;
}


/* =========================================================
   STICKY MENU
========================================================= */

#visit-chamoli-header .vch-sticky-menu {
    display: flex;

    align-items: center;

    justify-content: flex-end;

    flex: 1 1 auto;

    margin: 0;
    padding: 0;
}


/* =========================================================
   STICKY MENU COPY
========================================================= */

#visit-chamoli-header
.vch-sticky-menu
.vch-menu-list {
    width: auto;

    justify-content: flex-end;
}


/* =========================================================
   STICKY LINK
========================================================= */

#visit-chamoli-header
.vch-sticky-menu
.vch-menu-item > a {
    min-height: 68px;

    padding-left: 11px;
    padding-right: 11px;

    color: var(--vch-dark);

    font-size: 9px;
}


/* =========================================================
   STICKY HOVER
========================================================= */

#visit-chamoli-header
.vch-sticky-menu
.vch-menu-item > a:hover {
    color: #d69d19;

    background: transparent;
}


/* =========================================================
   STICKY MOBILE BUTTON
========================================================= */

#visit-chamoli-header .vch-sticky-mobile-button {
    display: none;

    align-items: center;

    justify-content: center;

    flex-direction: column;

    width: 40px;
    height: 40px;

    margin: 0;
    padding: 6px;

    background: var(--vch-dark);

    border: 0;

    cursor: pointer;
}


#visit-chamoli-header
.vch-sticky-mobile-button span {
    display: block;

    width: 22px;
    height: 2px;

    margin: 3px 0;

    background: #ffffff;
}


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

@media (max-width: 1100px) {

    #visit-chamoli-header .vch-container {
        width: calc(100% - 40px);
    }


    #visit-chamoli-header .vch-right {
        gap: 15px;
    }


    #visit-chamoli-header .vch-contact-list {
        gap: 12px;
    }


    #visit-chamoli-header
    .vch-menu-item > a {
        padding-left: 9px;
        padding-right: 9px;

        font-size: 9px;
    }

}


/* =========================================================
   SMALL TABLET
========================================================= */

@media (max-width: 900px) {

    #visit-chamoli-header .vch-logo img {
        max-width: 160px;
    }


    #visit-chamoli-header .vch-contact-icon {
        width: 32px;
        height: 32px;

        flex-basis: 32px;
    }


    #visit-chamoli-header .vch-contact-text a {
        font-size: 10px;
    }


    #visit-chamoli-header
    .vch-menu-item > a {
        padding-left: 6px;
        padding-right: 6px;

        font-size: 8px;
    }

}


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

@media (max-width: 767px) {

    /* -----------------------------------------------------
       CONTAINER
    ----------------------------------------------------- */

    #visit-chamoli-header .vch-container {
        width: calc(100% - 30px);
    }


    /* -----------------------------------------------------
       UPPER
    ----------------------------------------------------- */

    #visit-chamoli-header .vch-upper {
        padding: 10px 0;
    }


    #visit-chamoli-header .vch-upper-inner {
        min-height: 52px;

        gap: 10px;
    }


    /* -----------------------------------------------------
       LOGO
    ----------------------------------------------------- */

    #visit-chamoli-header .vch-logo img {
        max-width: 140px;

        max-height: 52px;
    }


    /* -----------------------------------------------------
       CONTACT HIDE
    ----------------------------------------------------- */

    #visit-chamoli-header .vch-contact-list {
        display: none;
    }


    /* -----------------------------------------------------
       SOCIAL
    ----------------------------------------------------- */

    #visit-chamoli-header .vch-right {
        margin-left: auto;
    }


    #visit-chamoli-header .vch-social a {
        width: 28px;
        height: 28px;

        font-size: 10px;
    }


    /* -----------------------------------------------------
       NAVIGATION
    ----------------------------------------------------- */

    #visit-chamoli-header .vch-navigation-inner {
        min-height: 48px;

        justify-content: flex-end;
    }


    /* -----------------------------------------------------
       MOBILE BUTTON
    ----------------------------------------------------- */

    #visit-chamoli-header .vch-mobile-button {
        display: flex;

        margin-left: auto;
    }


    /* -----------------------------------------------------
       MOBILE MENU
    ----------------------------------------------------- */

    #visit-chamoli-header .vch-menu-wrapper {
        position: absolute;

        top: 100%;
        left: 0;

        display: none;

        width: 100%;

        max-height: calc(100vh - 70px);

        overflow-y: auto;

        background: var(--vch-dark);

        box-shadow:
            0 12px 25px rgba(0,0,0,.18);

        z-index: 99999;
    }


    #visit-chamoli-header
    .vch-menu-wrapper.vch-menu-open {
        display: block;
    }


    /* -----------------------------------------------------
       MOBILE LIST
    ----------------------------------------------------- */

    #visit-chamoli-header .vch-menu-list {
        display: block;

        width: 100%;
    }


    /* -----------------------------------------------------
       MOBILE ITEM
    ----------------------------------------------------- */

    #visit-chamoli-header .vch-menu-item {
        display: block;

        width: 100%;

        border-bottom:
            1px solid rgba(255,255,255,.08);
    }


    /* -----------------------------------------------------
       MOBILE LINK
    ----------------------------------------------------- */

    #visit-chamoli-header .vch-menu-item > a {
        display: flex;

        align-items: center;

        justify-content: space-between;

        width: 100%;

        min-height: 48px;

        padding:
            0 20px;

        color: #ffffff;

        font-size: 10px;

        text-align: left;
    }


    #visit-chamoli-header
    .vch-menu-item > a:hover {
        color: #ffffff;

        background:
            rgba(255,255,255,.08);
    }


    /* -----------------------------------------------------
       MOBILE SUBMENU
    ----------------------------------------------------- */

    #visit-chamoli-header .vch-submenu {
        position: static;

        display: none;

        width: 100%;

        min-width: 0;

        margin: 0;
        padding: 0;

        background:
            rgba(0,0,0,.12);

        border: 0;

        box-shadow: none;

        opacity: 1;

        visibility: visible;

        pointer-events: auto;

        transform: none;
    }


    /* -----------------------------------------------------
       OPEN SUBMENU
    ----------------------------------------------------- */

    #visit-chamoli-header
    .vch-has-dropdown.vch-mobile-open >
    .vch-submenu {
        display: block;
    }


    /* -----------------------------------------------------
       MOBILE SUBMENU LINK
    ----------------------------------------------------- */

    #visit-chamoli-header .vch-submenu > li > a {
        min-height: 43px;

        padding:
            0 32px;

        color:
            rgba(255,255,255,.82);

        font-size: 9px;
    }


    #visit-chamoli-header
    .vch-submenu > li > a:hover {
        color: #ffffff;

        background:
            rgba(255,255,255,.07);

        padding-left: 32px;
    }


    /* -----------------------------------------------------
       LEVEL 2
    ----------------------------------------------------- */

    #visit-chamoli-header
    .vch-submenu
    .vch-submenu-level-2 {
        position: static;

        display: none;

        width: 100%;

        min-width: 0;

        margin: 0;
        padding: 0;

        background:
            rgba(0,0,0,.14);

        border: 0;

        box-shadow: none;

        opacity: 1;

        visibility: visible;

        pointer-events: auto;

        transform: none;
    }


    #visit-chamoli-header
    .vch-submenu
    .vch-has-dropdown.vch-mobile-open >
    .vch-submenu-level-2 {
        display: block;
    }


    /* -----------------------------------------------------
       LEVEL 2 LINK
    ----------------------------------------------------- */

    #visit-chamoli-header
    .vch-submenu
    .vch-submenu-level-2 >
    li >
    a {
        min-height: 41px;

        padding-left: 48px;

        padding-right: 20px;

        font-size: 8.5px;
    }


    /* -----------------------------------------------------
       STICKY MOBILE
    ----------------------------------------------------- */

    #visit-chamoli-header
    .vch-sticky-inner {
        min-height: 62px;
    }


    #visit-chamoli-header
    .vch-sticky-menu {
        display: none;
    }


    #visit-chamoli-header
    .vch-sticky-mobile-button {
        display: flex;
    }


    #visit-chamoli-header
    .vch-sticky-logo img {
        max-width: 135px;

        max-height: 48px;
    }

}


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

@media (max-width: 480px) {

    #visit-chamoli-header .vch-container {
        width: calc(100% - 22px);
    }


    #visit-chamoli-header .vch-logo img {
        max-width: 125px;
    }


    #visit-chamoli-header .vch-social {
        gap: 4px;
    }


    #visit-chamoli-header .vch-social a {
        width: 26px;
        height: 26px;
    }

}


/* =========================================================
   ACCESSIBILITY
========================================================= */

#visit-chamoli-header a:focus-visible,
#visit-chamoli-header button:focus-visible {
    outline: 2px solid var(--vch-gold);

    outline-offset: 2px;
}


/* =========================================================
   REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {

    #visit-chamoli-header *,
    #visit-chamoli-header *::before,
    #visit-chamoli-header *::after {
        transition: none !important;
        animation: none !important;
    }

}