.elementor-section {
	outline: none;
}

.site-header {
	padding: 0;
	max-width: 100%;
	position: fixed;
	z-index: 999;
	width: 100%;
	left: 0;
	top: 0;
}
.logged-in .site-header {
	top: 32px;
}
.site-branding {
	margin: 0.5em 0 0;
	background: #fff;
	max-width: 100%;
	padding: 0 10%;
	width: 100%;
	line-height: 3;
	margin: 0 auto;
}

.box-shadow-menu {
	position: relative;
	padding-left: 1.5em;
	display: none;
    height: 2em;
	float: right;
}
.box-shadow-menu:before {
	content: " ";
	position: absolute;
	left: 0;
	top: 0.5em;
	width: 1.5em;
	height: 0.2em;
	background: #333;
	box-shadow: 0 0.4em 0 0 #333, 0 0.8em 0 0 #333;
}


.menu {
	top: 40%;
	left: 10%;
	z-index: 99;
	position: fixed;
	font-size: 22px;
	color: #191919;
	list-style: none;
	padding: 0;
}
.menu li.active {
	color: #999;
}
.menu a {
	color: inherit;
}

#introslider {
	height: 80vh;
}

.yugo-slider {
	width: 640px;
	margin: 0 auto;
	padding: 20vh 0;
}
.control-nav {
	text-align: right;
}
.thumbs-switcher {
	display: inline-block;
	margin-left: 15px;
}
.fotorama-thumbs {
	max-height: 620px;
	overflow: auto;
}
.thumbs-closer-wrapper {
	text-align: right;
	padding: 0 10px;
}
.fotorama.main,
.control-nav {
	padding: 0 50px;
}
.fotorama__arr {
	display: none !important;
}
.fotorama__caption__wrap {
	color: #ccc;
	opacity: 0;
	background: rgba(0,0,0,.8);
}
.fotorama__stage__frame:hover .fotorama__caption__wrap {
	opacity: 1;
}
.fotorama__thumb-border {
	border: 2px solid #333 !important;
}
.custom-nav {
	float: left;
}
.slide-counter {
	color: #999;
	font-size: 16px;
	margin-left: 10px;
	display: inline-block;
}
.slide-counter b {
	font-weight: normal;
}

.narrower {
	padding: 0 10%;
}

.elementor-widget-image .widget-image-caption {
	color: #999 !important;
	padding-top: 4px;
}
.big-collage.elementor-widget-image .widget-image-caption {
	text-align: left;
	padding: 8px;
	max-width: 540px;
	margin: 0 auto;
}


/* dark mode */
body.dark-mode {
	color: #ccc;
	background: #0c0c0c;
}
body.dark-mode .site-branding {
	background: #0c0c0c;
}
body.dark-mode a {
	color: #ccc;
}
body.dark-mode .menu li.active a {
	color: #666;
}
body.dark-mode .elementor-widget-heading h2.elementor-heading-title {
	color: #b3b3b3;
}
body.dark-mode p {
	color: #d2d2d2;
}


/* responsive */

@media (max-width: 1920px) {
	.site-branding {
		padding: 0 2.5%;
	}
	.menu {
		background: #fff;
		padding: 0 5px;
		left: 2%;
	}
	body.dark-mode .menu {
		background: #0c0c0c;
	}
	.narrower {
		padding: 0 20%;
	}
}

@media (max-width: 1440px) {
	.menu {
		display: none;
		max-width: 100%;
		width: 100%;
		position: fixed;
		background: #fff;
		top: 54px;
		left: 0;
		text-align: center;
		z-index: 999;
	}
	.logged-in .menu {
		top: 86px;
	}
	body.dark-mode .menu {
		background: #0c0c0c;
	}
	.menu a {
		display: block;
		padding: 5px;
	}
	.box-shadow-menu {
		display: inline-block;
	}
}

@media (max-width: 1200px) {
	.site-branding {
		max-width: 100%;
		padding: 0 25px;
	}
	
	/*.menu {
		max-width: calc((100vw - 640px) / 2);
	}*/
}

@media (max-width: 963px) {
	.yugo-slider {
		width: 80%;
		padding: 15vh 0;
	}
	.fotorama.main,
	.control-nav {
		padding: 0 20px;
	}
	
	.nav-buttons {
		display: none;
	}
	.slide-counter {
		margin-left: 0;
	}

	.fotorama-thumbs img {
		max-width: 24%;
		display: inline-block;
	}
	
	.narrower {
		padding: 0 5%;
	}
}

@media (max-width: 640px) {
	.fotorama-thumbs img {
		max-width: 23%;
	}
}