/* ----------------
	NAVIGATION 
----------------- */
.menuitem{ height: 50vh}
#velkommen{height: 120vh;}


#nav{position: relative; z-index: 999}
#nav ul{height: 4vh;}

@media only screen and (max-width: 1200px) {
	#nav ul.headers{
		display: flex;
		flex-flow: wrap;
	}
	
	#nav ul.headers li{
		width:initial;
		margin-right: 40px;
	}
}

body.hide-nav #nav{position: fixed; top: -30vh;}

.nav-image{background: #eee}
.real-nav{position: fixed; left: 0; width: 100%; z-index: 99; transform: translateY(-100%);}

/* Nav position */
body.nav-visible .real-nav{transform: translateY(0);}

/* Nav toggle */
#nav-toggle{left: 16.66666%; width: 70px; height: 54px; margin-left: -35px;cursor: pointer; z-index: 999; letter-spacing: 0; transition: all 400ms; margin-top: 0; }
body.nav-visible #nav-toggle{ transition: all 600ms; top: 7.5vh; margin-top: -26px; transition-delay: 40ms}
#nav-toggle:hover rect{fill:#000 !important;}
body.gallery-overlay #nav-toggle{top:-60px;}


/* ----------------
	positioning 
----------------- */
.f-left{float: left}
.f-right{float: right}

/* ----------------
	SPECIAL 
----------------- */
.writestyle{max-height: none !important; min-height: 777px !important;}
#worlds50best:hover #the50logo{background-position: center 0px; height: 144px; bottom: 14px;}
#tripadvisor:not(:hover) path, #tripadvisor:not(:hover) rect{fill:#fff}
#tripadvisor:not(:hover) path{stroke:#fff}
#tripadvisor:not(:hover) circle{fill:#bfc3c3}
#tripadvisor:hover{background:#539a39}
#site-by{bottom: 40px; color: black; right: 5%;}
#photos{bottom:40px; color: black; left: 15%}

.no-top-desktop{padding-top:2%}



/* ----------------
	GALLERY
----------------- */
div.cycle-slideshow, div.cycle-slideshow .cycle-slide{width: 100%; height: 100%; background-size: cover;}
.gridcontent .fancybox{background: #FFF; float: left;  overflow: hidden; z-index: 400; background-size: cover; background-repeat: no-repeat;}
.gridcontent .fancybox.Højformat{width: 512px; height: 1024px;}
.gridcontent .fancybox.Kvadratisk{width: 512px; height: 512px;}
.gridcontent .fancybox.Bredformat{width: 1024px; height: 512px;}

.gridcontent .fancybox:hover:after{opacity: 0.6;}
.gridcontent .fancybox:hover{-webkit-filter: brightness(1.4)}


/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */