/*
 Theme Name:     Faces of Rotterdam
 Theme URI:      https://www.middelkoop.cc/
 Description:    Custom made by Middelkoop.cc
 Author:         Middelkoop.cc
 Author URI:     https://www.middelkoop.cc/
 Template:       Divi
 Version:        1.0.0
*/


@media screen and (max-width: 980px) {
	body #page-container #main-content .et_builder_inner_content > .et_pb_section:first-child {
		padding-top: 0px !important;
	}
}

.facesofrotterdam_headerslider .et_pb_slide_description {
	height: 100%;
	padding: 10%;
	display: flex;
	justify-content: flex-end;
	flex-direction: column;
}

body header .et_pb_menu .mobile_menu_bar::before {
	color: white !important;
}
body #main-content .et_pb_text h1 {
	font-weight: 800;
	text-transform: uppercase;
	font-size: 24px;
	margin-bottom: 0em;
}
body #main-content .et_pb_text h2 {
	margin-bottom: .5em;
	font-weight: 300;
	font-size: 22px;
}
body #main-content .et_pb_text h3 {
	font-size: 20px;
	font-weight: 600;
}

.facesofrotterdam-map .et_pb_code_inner {
	height: 100%;
}
.facesofrotterdam-map-noninteractive * {
	pointer-events: none !important;
}

#page-container {
	overflow-y: visible !important;
}

.et_pb_menu .current-menu-ancestor a,
.et_pb_menu .current-menu-item a {
	color: #0c7bf2 !important;
}
.et_pb_menu .et-menu > li.menu-item {
	padding-left: 16px;
	padding-right: 16px;
	text-transform: uppercase;
}
.et_pb_menu .et-menu .sub-menu {
	background: white;
	text-transform: none;
}

body #main-content .et_pb_image a .et_pb_image_wrap {
	transition: ease-in .2s all;
}
body #main-content .et_pb_image a .et_pb_image_wrap {
	box-shadow: #c0c0c0 0px 10px 20px -10px;
}
body #main-content .et_pb_image a:hover .et_pb_image_wrap {
	box-shadow: #808080 0px 0px 30px -15px;
	transform: scale(1.1);
	filter: contrast(0.8) brightness(1.2) saturate(2);
}
.facesofrotterdam-headerslider .et_pb_slide_image {
	top: auto;
	bottom: 50px;
	right: 0px;
	margin-right: 0px;
	max-width: 200px;
	margin-top: 60px;
}

footer a {
	text-decoration: none !important;
}
footer .et_pb_button {
	border-width: 0px;
}

body #main-content .facesofrotterdam-carousel {
	max-width: 1000px;
}
.facesofrotterdam-carousel .et_pb_column {
	display: flex;
}
.facesofrotterdam-carousel .et_pb_column::before {
	content: '\38';
	font-size: 36px;
	font-weight: 800;
	position: absolute;
	display: block;
	width: 50px;
	text-align: center;
	left: -70px;
	top: 50%;
	font-family: ETmodules;
}
.facesofrotterdam-carousel .et_pb_column::after {
	content: '\39';
	font-size: 36px;
	font-weight: 800;
	position: absolute;
	width: 50px;
	text-align: center;
	right: -70px;
	top: 50%;
	font-family: ETmodules;
}
.facesofrotterdam-carousel .et_pb_column .et_pb_module p img:first-child {
	border: 10px solid white;
	box-shadow: #c0c0c0 0px 10px 20px -10px;
	margin-bottom: 2em;
}
.facesofrotterdam-carousel .et_pb_column .et_pb_module p img:last-child {
}

@media screen and (max-width: 980px) {
	body header {
		position: fixed;
		z-index: 10000;
		width: 100vw;
	}
	body header .et_pb_section .et_pb_row:first-child {
		display: flex !important;
		padding-top: 20px !important;
		padding-bottom: 20px !important;
	}
	body header .et_pb_section .et_pb_row .et_pb_column {
		margin-bottom: 0px;
		display: flex;
		align-items: center;
	}

	body header .et_pb_section .et_pb_row .et_pb_column:nth-child(1) {
		order: 3;
		justify-content: right;
	}
	body header .et_pb_section .et_pb_row .et_pb_column:nth-child(2) {
		order: 2;
	}
	body header .et_pb_section .et_pb_row .et_pb_column:nth-child(2) .et_pb_image {
		max-width: 40vw;
	}
	body header .et_pb_section .et_pb_row .et_pb_column:nth-child(3) {
		order: 1;
		justify-content: left;
	}

	body header .et_pb_section .et_pb_row .et_pb_menu .et_pb_menu__wrap {
		justify-content: right;
	}
	body header .et_pb_section .et_pb_row .et_pb_menu a {
		text-decoration: none;
	}
	body header .et_pb_section .et_pb_row ul#mobile_menu1 {
		position: fixed;
		width: calc(100vw);
		height: 100vh;
		left: 0px;
		top: 80px;
	}

	body header .et_pb_section .et_pb_column.et_pb_column_empty {
		display: block;
	}
	body header .et_pb_row:last-child {
		display: none;
	}

	body #main-content .et_builder_inner_content > .et_pb_section:first-child {
		padding-top: 140px !important;
	}
}

@media screen and (max-width: 760px) {
	.facesofrotterdam-carousel .et_pb_column::before {
		left: -50px;
		font-size: 30px;
	}
	.facesofrotterdam-carousel .et_pb_column::after {
		right: -50px;
		font-size: 30px;
	}
}

@media screen and (max-width: 500px) {
	.facesofrotterdam-carousel .et_pb_column::before {
		left: -40px;
		font-size: 24px;
	}
	.facesofrotterdam-carousel .et_pb_column::after {
		right: -40px;
		font-size: 24px;
	}
}


body:not(.single-story) .facesofrotterdam-map .leaflet-marker-icon:hover {
	z-index: 100000 !important;
}
body:not(.single-story) .facesofrotterdam-map .leaflet-marker-icon:not([alt="Marker"]) {
	border: 2px solid #3D6A81;
}
.facesofrotterdam-map .leaflet-container {
	background-color: #376980;
}
.facesofrotterdam-map .leaflet-tile-pane {
	filter: saturate(0) brightness(0.8) invert(1) contrast(2.8);
	opacity: 0.7;
}

body.home .et_pb_posts .et_pb_post:not(.type-story) a.entry-featured-image-url {
	width: 150px;
	margin-right: 10px;
	margin-bottom: 0px;
	float: left;
}

.facesofrotterdam_stories .et_pb_ajax_pagination_container {
	display: flex;
	gap: 20px;
	flex-wrap: wrap;
	justify-content: center;
}
.facesofrotterdam_stories .et_pb_ajax_pagination_container article {
	width: 200px;
}
.facesofrotterdam_stories .et_pb_ajax_pagination_container article .entry-featured-image-url {
	margin-bottom: 15px;
}
.facesofrotterdam_stories .et_pb_ajax_pagination_container article .entry-title {
	font-size: 1.2em;
}
.facesofrotterdam_stories .et_pb_ajax_pagination_container article .more-link {
	font-weight: 600;
}

body.single-story .facesofrotterdam_profielfoto {
	margin-top: -200px; 
	border: 4px solid #376980;
}

body #main-header #et-top-navigation ul li.current-menu-item a {
	font-weight: 500;
}

.et_pb_text h1 {
	padding-bottom: 1em;
}

.facesofrotterdam_partners .et_pb_column {
	display: flex;
	align-items: flex-start;
	gap: 40px;
}

.facesofrotterdam_partners .et_pb_column .et_pb_module {
	margin: 0px !important;
}

@media (min-width: 980px) and (max-width: 1200px) {
	.facesofrotterdam_media h2 {
		min-height: 76px;
	}
}


html[lang="nl-NL"]:not(.et-tb-html) .lang-en {
	display: none !important;
}
html[lang="en-GB"]:not(.et-tb-html) .lang-nl {
	display: none !important;
}