/* structure */
/*  section.chasse-hero
/*      header.site-header#masthead
/*      .hero
*/

/* #region [global][hero] */

.admin-bar .chasse-hero {
    height: calc(100vh - 32px);
}

.chasse-hero {
    height: 100vh;
    position: relative;
}

.chasse-hero .site-header {
    position: fixed;
    left: 0;
    right: 0;
    z-index: 1000;
}

.chasse-hero__content {
    width: 100%;
    height: 100%;
}

.chasse-hero__content img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

@media(max-width: 767px){
    .chasse-hero {
        height: 70vh;
    }
}

/* #endregion */

/* structure */
/*  header.site-header#masthead
/*      .masthead
/*          .masthead__logo-container
/*          nav.main-navigation#site-navigation
/*              .menu-primary-menu-container
/*          .masthead__hamburger-menu
/*          .masthead__mobile-menu
/*      .mobile-menu
*/

/* #region [global][header][masthead]  */

.masthead {
    width: 100%;
    height: 70px;
    justify-content: flex-end;
    gap: 30px;
    position: relative;
    padding-right: 30px!important;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    -webkit-tap-highlight-color: transparent;
    z-index: 1000;
}

.masthead__logo-container {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: white;
    width: 200px;
    /*
    height: fit-content;
    */
    padding: 10px 14px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    position: absolute;
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
}

@media(max-width: 1400px){

    .masthead__logo-container {
        left: 15px;
        transform: translateX(0);
    }

}

@media(max-width: 1024px){

    .masthead {
        padding-right: 20px!important;
    }

    .masthead__logo-container {
        top: 10px;
        left: 10px;
        transform: translateX(0);
    }

    .main-navigation:NOT(.mobile-menu .main-navigation) {
        display: none;
    }

}

@media(max-width: 767px) {


}

/* #endregion */

/* #region [global][header][navmenu[ */

.main-navigation {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 30px;
}

.primary-menu {
    display: flex;
    gap: 20px;

}

.primary-menu a {
    display: flex;
    text-decoration: none;
    line-height: 1em;
    font-family: var(--secondary-font);
    text-transform: uppercase;
    letter-spacing: var(--letter-spacing-medium);
    color: var(--chasse-neutral-160);
}

.primary-menu .current-menu-item a  {
    color: var(--text-color-default);
    font-weight: 700;
}

@media(max-width: 767px){

    .primary-menu {
        flex-direction: column;
    }

}

/* #endregion */

/* structure of hero */
/*  .hero
/*      ul.hero-gallery.hero-gallery__list
/*          .slick-list
/*              .slick-track
/*                  li.hero-gallery__list-item.slick-slide
/*                      img.hero-gallery__image
*/

/* #region [global][hero] Hero Gallery */   

.hero {
    height: 100%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;

}

.hero-gallery__list {
    width: calc(100% - var(--page-padding) );
    height: calc(100% - var(--page-padding) );
}

.hero-gallery .slick-list
{
    height: 100%;
}

/* fix for equal height slides */

.hero-gallery .slick-track
{
    display: flex !important;
    height: 100%;
}

.hero-gallery .slick-slide
{
    height: inherit !important;
}

.hero-gallery__list-item {

}

/* #endregion */

/* #region hamburger */

.masthead__hamburger-menu {
    height: 23px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: relative;
}

.masthead__hamburger-menu:hover {
    cursor: pointer;
}

.masthead__hamburger-menu span {
    position: absolute;
    height: 2px;
    width: 100%;
    background-color: var(--chasse-neutral-160);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
    transition-duration: background-color 0.1s;
}

.masthead__hamburger-menu span:first-child {
    top: 0;
}

.masthead__hamburger-menu span:nth-child(2),
.masthead__hamburger-menu span:nth-child(3)
{
    top: 50%;
}

.masthead__hamburger-menu span:nth-child(4) {
    bottom: 0;
}

.masthead__hamburger-menu.--active span:first-child,
.masthead__hamburger-menu.--active span:last-child {
    top: 50%;
    width: 0%;
}

.masthead__hamburger-menu.--active span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.masthead__hamburger-menu.--active span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

@media(min-width: 1025px){

    .masthead__hamburger-menu {
        display: none;
    }

}

/* #endregion */

/* #region [global][header] mobile menu*/

#mobile-menu-panel{
    z-index:  -1;
    display: none;
    transform: translateY(-100%);
}

#mobile-menu-panel.--active{
    transform: translateY(0);
   
}

.mobile-menu {
    padding: 20px 0 40px 0;
    display: flex;
    flex-direction: column;
    text-align: right;
}

.mobile-menu .main-navigation {
    flex-direction: column;
    gap: 0;
    align-items: flex-end;
}

.mobile-menu .primary-menu {
    flex-direction: column;
    gap: 0;
}

.mobile-menu .primary-menu a {
    padding: 20px 0;
    justify-content: end;
}

.mobile-menu ._button {
    margin-top: 20px;
}

/* #endregion */

/* #region [global][style] default colors for Hero and Masthead */

.hero,
.masthead,
.mobile-menu-container
{
    background-color: var(--chasse-neutral-90);
}

/* Chasse hotel residency */
.page-id-6 .hero,
.page-id-6 .masthead,
.page-id-6 .mobile-menu-container
{
    background-color: var(--chasse-hotel-20);
}

/* Chasse hotel residency */
.page-id-8 .hero,
.page-id-8 .masthead,
.page-id-8 .mobile-menu-container
{
    background-color: var(--chasse-residency-20);
}

/* #endregion */