/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

/* CUSTOM FONTS */

@font-face {
	font-family: 'classical_garamondbold';
	src: url('assets/fonts/classical_garamond_bold-webfont.woff2') format('woff2'),
		url('assets/fonts/classical_garamond_bold-webfont.woff') format('woff');
	font-weight: bold;
	font-style: normal;

}

@font-face {
	font-family: 'classical_garamondregular';
	src: url('assets/fonts/classical_garamond_regular-webfont.woff2') format('woff2'),
		url('assets/fonts/classical_garamond_regular-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}


@font-face {
	font-family: 'trebuchet_msregular';
	src: url('assets/fonts/trebuc-webfont.woff2') format('woff2'),
		url('assets/fonts/trebuc-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;

}


/* MAIN */

html {
	font-size: 16px;
	scroll-behavior: smooth;
}

header {
	border-bottom: 1px solid #fff;
	padding: 0px 30px 0px 30px;
}

body {
	background: url(https://ontwikkel8.pingwordpress.nl/wp-content/uploads/2024/09/lifestylebg-scaled.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-color: #1B2D51 !important;

	color: #fff;
	font-family: 'trebuchet_msregular', Poppins, Roboto;
}

@media screen and (max-width: 1024px) {
	nav {
		position: absolute;
		width: 200px;
		z-index: 0;
		left: unset;
		right: 0;
	}
}


h1,
h2,
nav * {
	font-family: 'classical_garamondbold', Poppins, Roboto !important;
	color: #fff;
}

p {
	color: #fff;
}

a {
	color: #fff;
	font-family: 'trebuchet_msregular', Poppins, Roboto;
}

a:hover,
a:active,
a:focus {
	color: #00C3FF;
}

.bdp-post-grid-content .bdp-post-image-bg img {
	border: 1px solid #FFFFFF;
	width: 100vw;
}

.bdp-post-grid-content .bdp-post-title {
	display: none;
}

.bdp-post-grid-content .bdp-post-content {
	text-align: left;
}

.bdp-post-pagination a {
	background: none;
	border: none;
}

.bdp-post-pagination .current {
	font-size: 1.25rem;
	color: #FFF !important;
}

.bdp-post-pagination a:hover,
.bdp-post-pagination a:focus,
.bdp-post-pagination a:hover,
.bdp-post-pagination a:focus {
	color: #00C3FF !important;
}

.bdp-post-pagination .next.page-numbers::after,
.bdp-post-pagination .prev.page-numbers::before {
	width: 20px;
	height: 20px;
}

.bdp-post-pagination .next.page-numbers::after {
	content: url(assets/icons/next_arrow.svg);
}

.bdp-post-pagination .prev.page-numbers::before {
	content: url(assets/icons/prev_arrow.svg);
}

.custom-form label {
	width: 530px;
	max-width: 85dvw
}

.wpcf7-submit,
[type=button],
[type=submit],
button {
	background-color: #fff;
	color: #3A3438;
	border: none;
	border-radius: 0;
	padding: 0.5em 1.8em;
	margin: 1rem;
}

.wpcf7-list-item {
	margin: 0;
}

.tribe-events {

	[type=button],
	[type=submit],
	button {
		border: none;
		border-radius: 0px;
		color: #fff;
		background-color: unset;
	}
}

[type=button]:focus,
[type=button]:hover,
[type=submit]:focus,
[type=submit]:hover,
button:focus,
button:hover {
	background-color: #00C3FF !important;
	box-shadow: 0 0 0 5px #00C3FF;
}

.tribe-common-g-row:nth-child(odd) {

	.tribe-events-calendar-latest-past__event,
	.tribe-events-calendar-list__event {
		display: flex;
		flex-direction: row !important;
	}
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-list-nav,
.tribe-events-c-subscribe-dropdown,
.tribe-events-calendar-list__event-date-tag,
.tribe-events-calendar-latest-past__event-date-tag {
	display: none;
}

.tribe-events .tribe-events-calendar-list__event-title-link:visited,
.tribe-events .tribe-events-calendar-list__event-title-link {
	color: #fff;
}

.tribe-events-c-view-selector__content {
	background-color: #fff;
}

.tribe-events-c-view-selector__content a {
	color: #000;
}

.tribe-events-pg-template {

	p,
	h1,
	h2,
	h3,
	a,
	dl,
	dt,
	dd {
		color: #fff !important;
	}
}

.submit-btn {
	text-align: center;
}

.wpcf7-spinner{
	position: absolute;
}


.lifestylefair-btn {
	border-top: 1.5px solid #fff;
	border-bottom: 1.5px solid #fff;
	padding: 3px 0;
	margin-top: -4px;
}


#menu-item-4442 {
	float: right;
	position: absolute;
	right: 0px;
}

#menu-item-4441 {
	float: right;
	position: absolute;
	right: 0px;
}

nav>ul {
	width: 100vw;
}

@media (min-width: 1024px) {
	.sub-menu {
		top: auto !important;
		left: auto !important;
		position: absolute !important;
		right: 0px;
		max-width: 60px !important;
		width: 60px !important;
	}

	.sub-arrow {
		visibility: hidden;
	}

	.hfe-has-submenu-container {
		display: flex;
	}

	.hfe-has-submenu-container:before {
		content: '';
		background-image: url('https://ontwikkel8.pingwordpress.nl/wp-content/uploads/2024/09/language-icon.svg');
		background-size: contain;
		background-repeat: no-repeat;
		position: absolute;
		display: inline-block;
		width: 20px;
		height: 20px;
		margin-right: 5px;
		top: 12px;
		right: 55px;
		cursor: pointer;
	}
}

.bdp-post-image-bg img {
	aspect-ratio: 16/9;
	object-fit: cover;
}

.privacy-policy main{
	padding:30px !important;
}

/* ========= RESPONSIVE MENU UPDATE =========== */


@media (min-width: 1024px) {

	.custom-nav-menu {
		padding: 0.725em 0;
		width: 100vw;
		margin: 0;
		gap: 0;
	}

	.custom-nav-menu .main-menu {
		min-width: 70%;
	}

	.custom-nav-menu .lang-desktop nav,
	.custom-nav-menu .main-menu {
		margin-top: 10px;
	}

	.custom-nav-menu .logo,
	.custom-nav-menu .logo img {
		max-height: 60px;
		width: fit-content;
	}
}

@media (max-width: 1024px) {
	.custom-nav-menu .main-menu {
		position: absolute;
		z-index: 1;
		display: flex;
	}

	.custom-nav-menu {
		min-width: 100vw;
		left: -30px;
		padding: 0;
		margin: 0;
	}

	.custom-nav-menu .logo {
		z-index: 1;
		margin: auto;
		left: 30px;
	}

	.custom-nav-menu .lang-mobile {
		z-index: 2;
	}

	.custom-nav-menu .lang-mobile nav {
		width: 54px !important;
		margin-left: -7px !important;
	}

	.custom-nav-menu .main-menu nav {
		min-width: 100vw;
		min-height: fit-content;
		padding-bottom: 40px;
		background-color: #000000EE !important;
		left: 0 !important;
	}

	.custom-nav-menu .main-menu nav ul {
		top: 20px;
		height: 280px;
		border: none;
		background-color: transparent !important;
	}

	.custom-nav-menu .main-menu nav ul * {
		border: none !important;
		background-color: transparent !important;
	}
}