/******************************************************************************************************************

HEADER 
                                                                                                                    
******************************************************************************************************************/

header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    background: white;
    width: 100% !important;
}

.tablet header {
    height: 5.4rem;
}

    .header-panel {
        z-index: 1;
        position: relative;
        padding: 0 1rem;
    }

    .laptop .header-panel {
        padding: 0 var(--grid-gutter);
    }

        .logo {
            float: left;
            line-height: 5.4rem;
        }

        .tablet .logo {
            margin-right: 1.5rem;
        }

        .logo a,
        .logo h1 {
            padding: 0 !important;
            margin: 0 !important;
            z-index: 1;
            position: relative;
            font-size: 2rem !important;
            line-height: 4.8rem !important;
        }

        .logo img {
            vertical-align: middle;
        }

    #main-navigation {
        padding-bottom: 0 !important;
        display: none;
    }

    .tablet #main-navigation {
        display: block;
    }

    .burger-menu-active #main-navigation {
        display: block;
    }

    #main-navigation-drop {
        display: none;
    }

    .tablet #main-navigation-drop {
        display: none;
    }

    .burger-menu-active #main-navigation-drop {
        display: block;
    }

    .header-navigation {
        font-family: 'Fnord-Twenty-Three', Georgia, serif;
        font-size: 1.6rem;
        z-index: 1;
    }

    .greedy {
        display: none !important;
    }

    .tablet .greedy {
        display: block !important;
    }

    .tablet .dropdown-navigation {
        display: none;
    }

    .item-navigation {
        float: left;
        margin-left: 1rem;
        display: none; 
    }

    .burger-menu-active .item-navigation,
    .tablet .item-navigation {
      display: block;
    }
        .header-navigation ul li {
            display: block;
            padding: 0 0.9rem;
            text-align: left;
        }

        .burger-menu-active .header-navigation ul li {
            width: 100%;
        }

        .burger-menu-active .header-navigation ul li.header-information-item {
            width: auto;
            margin-top: 4.2rem;
        }

            .burger-menu-active .header-navigation ul li.header-information-item .responsiville-megamenu {
                display: none !important;
            }

            .burger-menu-active .header-navigation ul li.header-information-item .sub-menu {
                display: inline-block !important;
            }

        .tablet .header-navigation ul li {
            display: inline-block;
            padding: 0 0.9rem;
            line-height: 5.6rem;
        }

        .tablet .item-navigation ul li {
            padding: 0 0.3rem;
        }

        .tablet .header-navigation ul li.header-information-item li {
            line-height: 100%;
        }

            .header-navigation a {
                position: relative;
                display: inline-block;
            }

            .header-navigation a:after {
                content: "";
                position: absolute;
                bottom: 1.7rem;
                left: 0;
                width: 100%;
                height: 0.1rem;
                background: white;
            }

           .dropdown-navigation a:after {
                bottom: 0;
            }

            .dropdown-navigation a.top-sub:after {
                display: none;
            }

            .header-navigation a:hover:after {
                background: black;
            }

           .header-navigation .sub-menu a:after {
                display: none;
            }

           .header-navigation .sub-menu .current_page_item span {
                position: relative;
            }

           .header-navigation .sub-menu .current_page_item span:after {
                content: "";
                position: absolute;
                bottom: -0.3rem;
                left: 0;
                width: 100%;
                height: 0.1rem;
                background: black;
            }

               .header-navigation .sub-menu .submenu-image {
                    position: relative;
                    margin-top: 0.7rem;
                    margin-bottom: 1.2rem;
                    max-height: 14.5rem; /*16.5 when 4 */
                    overflow: hidden;
                    display: none;
                }

               .header-navigation .sub-menu.show .submenu-image {
                    display: block;
                }

                .tablet .header-navigation .sub-menu .submenu-image {
                    display: block;
                }

                   .header-navigation .sub-menu .submenu-image img {
                        min-height: 14.5rem !important;
                        width: 100% !important;
                    }

           .burger-menu-active .submenu-image {
                display: none !important;
            }

            .post-type-archive-events .header-navigation a:after,
            .post-type-archive-events .header-navigation #menu-item-1348 a:after {
                background: #E5F6FF;
            }

            .page-template-template-location .header-navigation a:after {
                background: #f4f1e2;
            }

            .header-navigation a:hover:after {
                background: underline !important;
            }

            .header-navigation li.current-menu-item a:after,
            .header-navigation li.current_page_item a:after,
            .header-navigation li.current_page_parent a:after,
            .header-navigation li.current-page-ancestor a:after {
                background: black;
            }

            .rooms-template-default .header-navigation li.current_page_parent a:after,
            .villas-template-default .header-navigation li.current_page_parent a:after,
            .pied_a_terres-template-default .header-navigation li.current_page_parent a:after,
            .hilltop-template-default .header-navigation li.current_page_parent a:after,
            .bars-template-default .header-navigation li.current_page_parent a:after,
            .wellness-template-default .header-navigation li.current_page_parent a:after,
            .shopping-template-default .header-navigation li.current_page_parent a:after,
            .timeline-template-default .header-navigation li.current_page_parent a:after {
                background: white;
            }

            .rooms-template-default .header-navigation li.current_page_parent a:hover:after,
            .villas-template-default .header-navigation li.current_page_parent a:hover:after,
            .pied_a_terres-template-default .header-navigation li.current_page_parent a:hover:after,
            .hilltop-template-default .header-navigation li.current_page_parent a:hover:after,
            .bars-template-default .header-navigation li.current_page_parent a:hover:after,
            .wellness-template-default .header-navigation li.current_page_parent a:hover:after,
            .shopping-template-default .header-navigation li.current_page_parent a:hover:after,
            .timeline-template-default .header-navigation li.current_page_parent a:hover:after {
                background: black;
            }

            .rooms-template-default .header-navigation li#menu-item-1343 a:after {
                background: black;
            }

            .villas-template-default .header-navigation li#menu-item-5421 a:after {
                background: black;
            }

            .pied_a_terres-template-default .header-navigation li#menu-item-4312 a:after {
                background: black;
            }

            .hilltop-template-default .header-navigation li#menu-item-4312 a:after {
                background: black;
            }

            .bars-template-default .header-navigation li#menu-item-1341 a:after {
                background: black;
            }

            .wellness-template-default .header-navigation li#menu-item-1675 a:after {
                background: black;
            }

            .shopping-template-default .header-navigation li#menu-item-1349 a:after {
                background: black;
            }

            .timeline-template-default .header-navigation li#menu-item-1350 a:after {
                background: black;
            }

            .post-type-archive-events .header-navigation li#menu-item-1346 a:after {
                background: black;
            }

            .post-type-archive-events .header-navigation li#menu-item-5637 a:after {
                background: #E5F6FF;
            }

            .menu-column {
                padding: 0 1rem;
                z-index: 2;
            }

            .burger-menu-active .menu-column {
                padding: 0 1rem 2rem 1rem;
                box-shadow: 0px 11px 11px 0 rgba(0,0,0,0.2);
                overflow: hidden;
            }

            .post-type-archive-events .burger-menu-active .menu-column {
                border-left: 1rem solid #E5F6FF;
                border-right: 1rem solid #E5F6FF;
            }

            .page-template-template-location .burger-menu-active .menu-column {
                border-left: 1rem solid #f4f1e2;
                border-right: 1rem solid #f4f1e2;
            }

            .tablet .burger-menu-active .menu-column {
                padding-top: 0;
            } 

            .tablet .menu-column {
                top: auto;
                right: auto;
            }

            .burger-menu-active .information-column {
                padding: 12.3rem 1rem 0 1rem;
            }

            .tablet .burger-menu-active .information-column {
                padding: 0 1rem 0 1rem;
            }

            .burger-menu-active #main-navigation .menu-item-has-children a {
                display: inline-block;
                position: relative;
            }

            /*.burger-menu-active #main-navigation .menu-item-object-page.menu-item-has-children a:before {
                content: "\e953";
                font-family: 'Belvedere' !important;
                font-size: 1rem;
                color: black;
                position: absolute;
                top: 0.1rem;
                right: -1.4rem;
                transform: rotate(90deg);
            }*/

         .burger-menu-active #main-navigation a:after {
                display: none;
            }



    /* Menu that folds */

    #more {
        opacity: 0 !important;
        z-index: -9999;
    }

    .tablet #more {
        line-height: 6rem;
        align-self: stretch;
        outline: 0;
        border: 0;
        width: 2.1rem;
        height: 4rem;
        cursor: pointer;
        background: none;
        color: black;
        float: left;
        padding: 0 1.5rem !important;
        opacity: 1 !important;
        z-index: 1;
    }

        /*#more {
            display: none;
            width: 2.1rem;
            height: 4rem;
            z-index: 99;
            cursor: pointer;
            white-space: nowrap;
            padding: 1.3rem 0 0 0 !important;
            position: relative;
        }

            #more .more-content {
                position: absolute;
                left: 11rem;
                top: 50%;
                transform: translateY(-50%);
            }*/

    #items-navigation {
        float: left;
        padding-bottom: 0;
    }

    .item-navigation {
        float: left;
        position: relative;
    }

        .more-content {
            position: relative;
            float: left;
        }

            .hidden-links {
                position: absolute;
                top: 5rem;
                left: 3.6rem;
                box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
                padding: 0 1.5rem;
                background: white;
                border: 0.1rem solid #f4f4f4;
            }

            .hidden-links:before {
                content: "";
                width: 0px;
                height: 0px;
                border-left: 5px solid transparent;
                border-right: 5px solid transparent;
                border-bottom: 5px solid white; 
                position: absolute;
                top: -0.4rem;
                left: 50%;
                transform: translateX(-50%);
            }

                .tablet .item-navigation ul.hidden-links li {
                  float: none;
                  white-space: nowrap;
                  line-height: 3rem;
                }

                    .tablet .header-navigation.item-navigation ul.hidden-links li a:after {
                      bottom: 0.3rem;
                    }

    /* Fixed menu on scroll.*/

    .header-burger {
        font-size: 1.2rem;
        position: absolute;
        top: 2rem;
        right: 1rem;
    }

    .tablet .header-burger {
        display: none;
    }

        .header-burger span {
            display: none;
            font-family: 'Fnord-Twenty-Three', Georgia, serif;
        }

        .tablet .header-burger span {
            display: inline;
        }


    .header-burger:before {
        margin-right: -0.5rem;
        margin-top: -0.9rem;
        display: inline-block;
        vertical-align: middle;
        padding: 1rem;
    }

    .tablet .header-burger:before {
        margin-top: -0.2rem;
    }

    /* Mobile burger menu.*/

    .small header .responsiville-mobimenu {
        display: none;
    }

    .tablet header .responsiville-mobimenu {
        display: block;
    }

    .responsiville-mobimenu-enabled ul {
        border-width: inherit;
        background: none;
    }

        .responsiville-mobimenu-enabled .vanilla-language-switcher {
            left: 0;
            padding: 0;
        }

    .responsiville-mobimenu-open {
        padding-top: 5rem;
    }

        .responsiville-mobimenu-open ul {
            box-shadow: none;
        }

        .responsiville-mobimenu-open ul ul {
            left: 0;
        }

    .book-now,
    .book-now-button {
        font-family: 'Fnord-Ninety-Three', Georgia, serif;
        font-size: 1.7rem;
        background: #65C3F2;
        padding: 0.1rem 1rem;
        white-space: nowrap;
        opacity: 1 !important;
        position: absolute;
        top: 1.4rem;
        right: 4.3rem;
    }

    .tablet .book-now,
    .tablet .book-now-button {
        position: initial;
        top: auto;
        right: auto;
        float: right;
        margin-top: 1.4rem;
        margin-right: 0.5rem;
    }

    .responsiville-megamenu-parent {
        position: initial !important;
    }


    .header-information-item {
        position: relative !important;
    }

    .items-menu .telephone:after {
        content: "";
        width: 1000rem;
        position: absolute;
        top: -2rem;
        left: 1rem;
        background: url('../img/lines.svg') bottom left repeat-x;
        height: 0.1rem;
    }

    .tablet .items-menu .telephone:after {
        display: none;
    }

    .header-navigation li.header-information-item {
        padding-right: 0.4rem;
        padding-left: 0.4rem;
    }

    .header-information-item:before {
        font-size: 1.5rem;
        color: black;
    }

        .header-information-item li {
            line-height: 100%;
        }

            .header-information-item > a {
                font-size: 0;
                display: block;
                color: white;
                padding: 1rem;
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
            }

            .header-information-item a:after {
                display: none;
            }

        .header-information-item.telephone .sub-menu {
            padding: 1rem 1.5rem;
            white-space: nowrap;
            float: left;
            margin-left: 2rem;
        }

        .tablet .header-information-item.telephone .sub-menu {
            display: none;
            border: 0.1rem solid #f4f4f4;
            box-shadow: 0px 4px 14px 0px rgba(0,0,0,0.2);
            background: white;
            position: absolute;
            top: 4.3rem;
            left: 50%;
            transform: translateX(-50%);
            padding: 1rem 1.5rem;
            white-space: nowrap;
        }

        .tablet .header-information-item.telephone .sub-menu:before {
            content: "";
            width: 0px;
            height: 0px;
            border-left: 5px solid transparent;
            border-right: 5px solid transparent;
            border-bottom: 5px solid white; 
            position: absolute;
            top: -0.5rem;
            left: 50%;
            transform: translateX(-50%);
        }


        .header-information-item.telephone .sub-menu li {
            padding: 0;
        }

            .header-information-item.telephone .sub-menu li a {
                font-family: 'Fnord-Twenty-Three', Georgia, serif !important;
                font-size: 2rem;
            }

            .tablet .header-information-item.telephone .sub-menu li a {
                font-size: 1.8rem;
            }

        .header-information-item .sub-menu .menu-item .current_page_item a:after {
            display: block;
        }

        .top-sub {
            display: inline-block;
            position: absolute;
            top: 0.2rem;
            right: 1rem;
            width: auto;
            text-align: center;
            color: black;
            border: none !important;
            padding: 0.3rem 2rem;
            transform: rotate(90deg);
        }

        .top-sub.down {
            right: 1.6rem;
            transform: rotate(270deg);
        }

        .top-sub:before {
            font-family: 'Belvedere' !important;
            content: "\e953";
            color: black;
            font-size: 0.8rem;
            font-weight: normal;
        }

        .top-sub.down:before {
            content: "\e953";
        }

        .tablet .top-sub {
            display: none;
        }

    /*.header-information {
        font-size: 1.6rem;
        padding: 0.7rem ;
        position: relative;
        width: 7.5rem;
        height: 4rem;
        margin-left: 1rem;
        float: left;
        display: block;
    }

        .header-information-item {
            position: absolute;
            top: 50%;
            width: 2.5rem;
            cursor: pointer;
        }

        .header-information-item.telephone {
            transform: translateY(-50%);
            left: 0;
        }

        .header-information-item.email {
            left: 50%;
            transform: translate(-50%, -50%);
        }

        .header-information-item.location {
            transform: translateY(-50%);
            right: 0;
        }

        .header-information span {
            font-family: 'Fnord-Twenty-Three', Georgia, serif !important;
            display: inline-block;
            width: auto;
            padding: 0.3rem 0;
        }

        .header-information span:before {
            font-family: 'Belvedere' !important;
            font-size: 1.3rem;
            margin-right: 0.7rem;
        }

        .header-information .telephone {
            position: absolute;
        }

            .header-information .telephone > div {
                display: none;
            }

          .header-information .telephone div:before {
                content: "";
            }

                .header-information .telephone a {
                    border: 0.1rem solid #f4f4f4;
                    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
                    padding: 1.2rem 1.5rem;
                    background: white;
                    white-space: nowrap;
                }

                .header-information .telephone .telephone-item {
                    display: none;
                }

                .header-information .telephone .telephone-item.show {
                    position: absolute;
                    top: 2.5rem;
                    left: 50%;
                    transform: translateX(-50%);
                }

                .header-information .telephone .telephone-item.show:before {
                    content: "";
                    width: 0px;
                    height: 0px;
                    border-left: 5px solid transparent;
                    border-right: 5px solid transparent;
                    border-bottom: 5px solid white; 
                    position: absolute;
                    top: -0.1rem;
                    left: 50%;
                    transform: translateX(-50%);
                }

        .header-information .email a {
            display: inline-block;
            width: auto;
            margin-left: 0.5rem;
        }

        .header-information a.location {
            font-family: 'Fnord-Twenty-Three', Georgia, serif !important;
        }

        .header-information a.location:before {
            font-family: 'Belvedere' !important;
        }*/

        /* Languages switcher */

        .languages-container {
            display: inline-block;
            text-transform: uppercase;
        }

        .languages {
            display: inline-block;
            position: relative;
        }

        a.language-switcher {
            display: inline-block;
            position: relative;
        }

                .language-switcher .icon-arrow-fill-down {
                    display: inline-block;
                }

                .languages-list {
                    position: absolute;
                    top: 2.2rem;
                    left: 1.2;
                    margin: 0;
                    list-style: none;
                    padding-bottom: 0.5rem;
                    padding-right: 0.5rem;
                    width: 100%;
                    z-index: 2;
                    border-radius: 1.2rem;
                    display: none;
                }

                .active .languages-list {
                    display: block;
                }

                    .languages-list li:hover,
                    .languages-list li.active { }

                        .language-switcher img,
                        .languages-list img {
                            height: 2rem;
                            margin: 0 1rem;
                            display: inline-block;
                        }

                        .languages-list li a {
                            display: block;
                            font-weight: 800;
                            white-space: nowrap;
                        }

                        span.lang-name {
                            font-family: 'Fnord-Twenty-Three', Georgia, serif !important;
                        }

                        .languages-list span.lang-name {
                            display: inline-block;
                        }

                        span.lang-name:before {
                            font-family: 'Belvedere' !important;
                        }

                        .languages span.lang-name:before {
                            margin-right: 0.4rem;
                            margin-top: 0.4rem;
                            float: left;
                        }

                        .languages .languages-list span.lang-name:before {
                            margin-top: 0.2rem;
                        }

                        .languages-container .languages > .language-switcher:after {
                            content: "";
                            width: 1.4rem;
                            height: 1.2rem;
                            position: absolute;
                            top: 0.7rem;
                            right: -1.2rem;
                        }

                        .tablet .languages-container .languages > .language-switcher:after {
                            top: 0.9rem;
                            right: -1.2rem;
                        }

            .languages-container.active .icon-arrow-fill-down {
                transform: rotate(180deg);
            }

            .languages-list li {
                opacity: 0;
                -webkit-transform: translate3d(0,-2.5rem,0);
                transform: translate3d(0,-2.5rem,0);
                -webkit-transition: opacity 0.15s, -webkit-transform 0.15s;
                transition: opacity 0.15s, transform 0.15s;
                pointer-events: none;
            }

            .languages-container.active .languages-list li {
                -webkit-transform: translate3d(0,0,0);
                transform: translate3d(0,0,0);
                opacity: 1;
                -webkit-transition: none;
                transition: none;
                -webkit-animation: bounce 0.6s ease-out;
                animation: bounce 0.6s ease-out;
                pointer-events: auto;
            }


            @-webkit-keyframes bounce { 
                0% { -webkit-transform: translate3d(0,-25px,0); opacity:0; }
                25% { -webkit-transform: translate3d(0,10px,0); }
                50% { -webkit-transform: translate3d(0,-6px,0); }
                75% { -webkit-transform: translate3d(0,2px,0); }
                100% { -webkit-transform: translate3d(0,0,0); opacity: 1; }
            }

            @keyframes bounce { 
                0% { -webkit-transform: translate3d(0,-25px,0); transform: translate3d(0,-25px,0); opacity:0; }
                25% { -webkit-transform: translate3d(0,10px,0); transform: translate3d(0,10px,0); }
                50% { -webkit-transform: translate3d(0,-6px,0); transform: translate3d(0,-6px,0); }
                75% { -webkit-transform: translate3d(0,2px,0); transform: translate3d(0,2px,0); }
                100% { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1; }
            }

/* Megamenu elements */

.burger-menu-active .sub-menu,
.burger-menu-active .sub-menu li {
    padding: 0 !important;
    display: block;
}

    .burger-menu-active .sub-menu li.all-properties {
        padding-top: 0.5rem !important;
    }

    .tablet .all-properties {
        display: none !important;
    }

    .accommodation .sub-menu {
        width: calc( 100% + 4rem ) !important;
        padding: 0 !important;
        background: white;
    }

    #main-navigation-drop .accommodation .sub-menu {
        background: #e3f5ff;
    }

    .page-template-template-location .accommodation .sub-menu {
        background: #f4f1e2;
    }

    .post-type-archive-events .accommodation .sub-menu {
        background: #E5F6FF;
    }

    .tablet .accommodation .sub-menu {
        width: 100% !important;
        overflow: hidden;
        box-shadow: 0px 11px 11px 0 rgba(0,0,0,0.2);
        text-align: center;
        display: none;
    }

    .accommodation .sub-menu.responsiville-megamenu-open {
        display: block !important;
    }

    .tablet .accommodation.hovered .sub-menu {
        display: block !important;
    }

        .accommodation .sub-menu .panel {
            margin: 0 auto;
            text-align: center;
            float: none !important;
        }

            .tablet .accommodation .sub-menu li {
                position: relative;
                line-height: 100%;
            }

                .accommodation .sub-menu li a {
                }

                .tablet .accommodation .sub-menu li a {
                    padding-bottom: 0.2rem; /* Was 1.5rem when 4 */
                }

        #main-navigation-drop .sub-menu .panel {
            width: 100% !important;
        }

            #main-navigation-drop .sub-menu.show .panel {
                background: #e3f5ff;
                border-left: 2rem solid #e3f5ff;
                border-right: 2rem solid #e3f5ff;
                padding: 0.4rem 0 !important;
                margin: 1rem -2rem;
                clear: both;
                display: block;
            }

            .page-template-template-location #main-navigation-drop .sub-menu.show .panel,
            .post-type-archive-events #main-navigation-drop .sub-menu.show .panel {
                background: white;
                border-left: 2rem solid white;
                border-right: 2rem solid white;
            }

                #main-navigation-drop .sub-menu {
                    display: none;
                }

                #main-navigation-drop .open .sub-menu {
                    display: block;
                    margin: 1rem -2rem;
                    padding: 1rem 2rem !important;
                }

                #main-navigation-drop .sub-menu .panel-ul {
                    padding-bottom: 0;
                }

                #main-navigation-drop .sub-menu.show .panel-ul {
                    display: block;
                    width: 100%;
                    margin: 0 auto;
                }

		        #main-navigation-drop .sub-menu .panel-ul li {
		            display: none;
		        }

		        .tablet #main-navigation-drop .sub-menu .panel-ul li {
		            display: block;
		        }

		        #main-navigation-drop .sub-menu.show .panel-ul li {
		            display: block;
		        }

    #main-navigation-drop .menu-item li {
        float: none !important;
    }