/* Open Drachten Redesign CSS 2023 */




/* Sticky menu */

.elementor-location-header {
	position: sticky;
	top: 0;
	background-color: #fff;
	z-index: 9;
}

/* Map error */

#map-error {
	display: none !important;
}

/* Mega menu */

#mega-menu ul li.elementor-icon-list-item:last-child {
	border-bottom: 1px solid #88CAC3;
	width: 90%;
	padding-bottom: 10px!important;
}

@media screen and (min-width: 922px) {
	#mega-menu ul {
		list-style-type: disc;
		-webkit-columns: 2;
		-moz-columns: 2;
		columns: 2;
		list-style-position: inside;
	}

	#mega-menu #item1 ul  {
		-webkit-columns: 3;
		-moz-columns: 3;
		columns: 3;
	}

	#mega-menu .e-normal:not(:last-child):after {
		content: '';
		width: 8px;
		height: 8px;
		background-color: #88CAC3;
		border-radius: 100%;
		border: 0;
	}
}

/* Alle verhalen */

.ae-term-list-item {
	transition: all .3s ease;
}

.ae-post-image:hover img {
	opacity: 0.8 !important;
}

.ae-term-list-item:hover {
	transform: translateY(-15px);
}

.term-overlay {
	display: none;
}

.ae-term-skin-classic .ae-term-list-item-inner {
	justify-content: center;
	align-content: center;
}

.ae-term-title-wrapper {
	width: 100%;
	position: absolute;
	left: 0;
	right: 0;
}

@media screen and (max-width: 768px) {
	#mega-menu ul {
		list-style-type: disc;
		-webkit-columns: 2;
		-moz-columns: 2;
		columns: 2;
		list-style-position: inside;
	}
	#header li a {
		margin: 10px 0 !important;
	}
	.ae-taxonomy-widget-wrapper .ae-term-list-item {
		height: 70px;
		width: 100%;
	}
	.ae-post-image, .ae-post-image img {
		width: 100% !important;
		height: 70px;
		object-fit: cover;
	}
	.ae-taxonomy-widget-wrapper .ae-term-list-item-inner, .ae-term-title-wrapper a, .ae-element-term-title, .ae-post-image img {
		width: 100% !important;
	}
	.rank-math-breadcrumb p {
		text-align: center;
		font-size: 16px;
	}
}


/* Leaflet map */

.leaflet-top, .leaflet-bottom {
	z-index: unset !important;
}

/* Category tags & colors */

.category-term {
	font-weight: 700;
	font-family: "MacklinSans-Bold", sans-serif;
	font-size: 14px;
	margin-top: -90px;
	margin-bottom: 20px;
}

.category-term span.elementor-heading-title.elementor-size-default {
	position: absolute;
	bottom: -60px;
	left: 0px;
}

.category-term .elementor-widget-container {
	padding: 0;
	margin: 0px;
}

.category-term a {
	display: block;
	width: fit-content;
	margin-top: 10px;
	padding: 8px 16px;
}

a.ZienenDoen, .category-dertien-dorpen a.Drachten, a.Dertiendorpen, a.DeVeenhoop, a.DeTike, a.DeWilgen, a.Drachtstercompagnie, a.Goengahuizen, a.Houtigehage, a.Kortehemmen, a.Nijega, a.Oudega, a.Opeinde, a.Rottevalle, a.SmalleEe, a.Drachten, a.Boornbergum {
	background-color: #10686b;
}

a.Cultuur {
	background-color: #e6cf5a;
}

a.Doen {
	background-color: #de823d;
}

a.EtenDrinken {
	background-color: #d65f96;
}

a.Kinderen {
	background-color: #549392;
}

a.Natuur {
	background-color: #9ebf42;
}

a.Overnachten {
	background-color: #536d72;
}

a.Uitgaan {
	background-color: #5860a4;
}

a.Watersport {
	background-color: #2e67ad;
}

a.Winkelen {
	background-color: #9f6fa5;
}

.category-zien-en-doen a.EtenDrinken, a.KunstCultuur, a.Lifestyle, .a.SportRecreatie, a.Zienendoen, a.SportRecreatie, a.EtenDrinken {
	background-color: #e4003a;
	padding: 8px 16px;
}

.category-projecten a.Projecten, a.Onderwijs, a.Innovatie, a.Samenleving, a.Gebiedsontwikkeling, a.Wonen, a.Ondernemen {
	background-color: #88CAC3;
	padding: 8px 16px;	
}



.ontdek-meer .category-zien-en-doen, .ontdek-meer .category-kunst-cultuur, .ontdek-meer .category-eten-drinken, .ontdek-meer .category-lifestyle, .ontdek-meer .category-sport-recreatie, #category-zien-en-doen, #category-kunst-cultuur, #category-eten-drinken, #category-lifestyle, #category-sport-recreatie  {
	background-color: #e4003a;
}

.ontdek-meer .category-projecten, .ontdek-meer .category-gebiedsontwikkeling, .ontdek-meer .category-innovatie, .ontdek-meer .category-onderwijs {
	background-color: #0abbef;
}

.ontdek-meer .category-dertien-dorpen, .ontdek-meer .category-boornbergum, .ontdek-meer .category-de-tike, .ontdek-meer .category-de-veenhoop, .ontdek-meer .category-de-wilgen, .ontdek-meer .category-drachstercompagnie, .ontdek-meer .category-drachten, .ontdek-meer .category-goengahuizen, .ontdek-meer .category-houtigehage, .ontdek-meer .category-kortehemmen, .ontdek-meer .category-nijega, .ontdek-meer .category-opeinde, .ontdek-meer .category-oudega, .ontdek-meer .category-smalle-ee {
	background-color: #000000;
}

/* Post grid pagination */

.page-numbers {
	border: 1px solid #88CAC3;
	padding: 10px;
	border-radius: 100%;
	display: inline-block;
	width: 50px;
	height: 50px;
}

span.page-numbers.current {
	background-color: #88cac3;
	color: #fff!important;
}

/* Old CSS with global styles */


/* Fluent forms */

.frm-fluent-form .choices__list--dropdown {
	max-height: max-content!important;
}

/* Home post grid ontdek meer filters*/

span.wpgb-radio-label {
	text-transform: uppercase;
	font-size: 18px!important;
	color: #10686b;
	font-family: "MacklinSans-Light";
	font-weight: 700 !important;
}

span.wpgb-radio-label:hover {
	color: #000;
}

.wpgb-radio-control, .wpgb-radio-control:after {
	all: unset!important;
}

li:nth-child(1) .wpgb-radio-control:before {
	font-family: "Font Awesome 5 Free" !important;	
	content: '';
	font-weight: 900;
	color: #fff;
	background-color: #88cac3;
	clip-path: circle();
	padding: 15px;
}

/* Active state & hover toon alle */
li:nth-child(1) .wpgb-radio[aria-pressed='true'] .wpgb-radio-control:before,
li:nth-child(1):hover .wpgb-radio-control:before 
{
	content: '\f00c';
	padding: 5px;
	cursor: pointer;
}

li:nth-child(2) .wpgb-radio-control:before {
	font-family: "Font Awesome 5 Free" !important;	
	content: '';
	font-weight: 900;
	color: #fff;
	background-color: #e4003a;
	clip-path: circle();
	padding: 15px;		
}

/* Active state & hover zien en doen */
li:nth-child(2) .wpgb-radio[aria-pressed='true'] .wpgb-radio-control:before,
li:nth-child(2):hover .wpgb-radio-control:before 
{
	content: '\f00c';
	padding: 5px;
	cursor: pointer;
}

li:nth-child(3) .wpgb-radio-control:before {
	content: '';
	font-family: "Font Awesome 5 Free" !important;	
	font-weight: 900;
	color: #fff;
	background-color: #9373b1;
	clip-path: circle();
	padding: 15px;
}

/* Active state & hover dertien dorpen */
li:nth-child(3) .wpgb-radio[aria-pressed='true'] .wpgb-radio-control:before,
li:nth-child(3):hover .wpgb-radio-control:before {
	content: '\f00c';
	padding: 5px;
	cursor: pointer;
}

li:nth-child(4) .wpgb-radio-control:before {
	content: '';
	font-family: "Font Awesome 5 Free"!important;
	font-weight: 900;
	color: #fff;
	background-color: #0abbef;
	clip-path: circle();
	padding: 15px;
}

/* Active state & hover projecten */
li:nth-child(4) .wpgb-radio[aria-pressed='true'] .wpgb-radio-control:before,
li:nth-child(4):hover .wpgb-radio-control:before {
	content: '\f00c';
	padding: 5px;
	cursor: pointer;
}

.wpgb-facet .wpgb-hierarchical-list {
	display: flex!important;
	flex-direction: row;
	align-items: flex-end;
}

@font-face {
	font-family: "MacklinSans-Light";
	src: url("/wp-content/uploads/2022/07/MacklinSans-Light-font.woff2");
}

@font-face {
	font-family: "MacklinSans-Bold";
	src: url("/wp-content/uploads/2022/07/MacklinSans-Bold-font.woff2");
}

body {
	font-family: "MacklinSans-Light", Sans-serif;
	font-size: 20px;
	font-weight: 400;
}

h1,h2,h3,h4,h5,h6 {
	font-family: "MacklinSans-Bold";
	font-weight: 700;
	text-transform: uppercase;
}


#header li a {
	font-family: "MacklinSans-Bold";
	font-weight: 700;
	text-transform: uppercase;
	padding: 0;
	margin: 13px 20px;
	line-height: 1.4;
}

#header .elementor-nav-menu li:not(:last-child):after {
	content: '';
	width: 8px;
	height: 8px;
	background-color: #88CAC3;
	border-radius: 100%;
	border: 0;
}

.elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):after, .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):before {
	opacity: 1!important;
}

/* Buttons */

.elementor-button {
	font-family: "MacklinSans-Bold";
	font-weight: 700;
	padding: 10px 30px;
	border-radius: 25px!important;
}

.primary-btn .elementor-button {
	background-color: #fff;
	color: #000;
}

/* Buttons End */

/* Archive post title */

.post-title {
	height: 100px;
}

/* Home ontdek meer slider navigation */

a.page-numbers.next {
	content: '';
	background-image: url('/wp-content/uploads/2022/07/Rechts-dark-white.svg');
	background-repeat: no-repeat;
	width: 50px;
	height: 50px;
	border: unset;
	border-radius: unset;
}

a.page-numbers.prev {
	content: '';
	background-image: url('/wp-content/uploads/2022/07/Rechts-dark-white.svg');
	background-repeat: no-repeat;
	width: 50px;
	height: 50px;
	border: unset;
	border-radius: unset;
	transform: rotate(180deg);
}

span.page-numbers.prev, span.page-numbers.next {
	border: unset;
	border-radius: unset;
}


/* Home ontdek meer slider navigation END */

@media screen and (min-width: 1020px) and (max-width: 1340px) {
	#header img {
		width: 200px!important;
	}
	#header li a {
		font-size: 1.4vw;
	}
}

@media screen and (min-width: 992px) and (max-width: 1080px) {
	#header img {
		width: 170px!important;
	}
	#header li a {
		font-size: 1.4vw;
	}
}

@media screen and (max-width: 1020px) {
	#mobile-menu .sub-menu {
		columns: 2;
	}

	#mobile-menu .elementor-nav-menu, #mobile-menu .elementor-nav-menu li, #mobile-menu .elementor-nav-menu ul {
		overflow-x: auto;
	}

	#mobile-menu li a {
		margin: 10px;
	}
	#mobile-menu .elementor-nav-menu a {
		padding: 10px;
	}
}

@media screen and (min-width: 768px) {
	li.mobileSocials.menu-item.menu-facebook {
		display: none!important;
	}
}

@media screen and (max-width: 768px) {
	.wpgb-facet .wpgb-hierarchical-list {
		flex-direction: column;
		align-items: flex-start;
	}
	.post-title {
		height: auto;
	}
	.mobileSocials a.elementor-item {
		display: none;
	}
	li.mobileSocials {
		margin: 15px 0;
	}

	#header li a {
		border-bottom: unset!important;
	}

	#header li a.elementor-icon {
		margin: 0px 0px 0px 10px!important;
	}
	#header li span.elementor-grid-item {
		margin: 0;
	}
	.elementor-search-form__toggle {
		margin-left: 15px;
	}
	.elementor-search-form__input {
		font-size: 22px!important;
	}
	.elementor-social-icons-wrapper.elementor-grid {
		display: flex;
	} 
	span.page-numbers.prev {
		display: none;
	}
}

/* Single post & Archive */

.ontdek-meer .elementor-post__thumbnail__link {
	margin-bottom: 0!important;
}

.ontdek-meer .elementor-post__text {
	padding: 20px;
}

/* Cookie notice */
#cookie-notice{
	background: #fff;
	position: fixed;
	z-index:2;
	left: 0;
	bottom: 0;
	padding: 10px;
	width: 100%;
}

#cookie-notice-content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	justify-content: space-between;
	align-items: center;
	flex-direction: row;
}

#cookie-notice-btn {
	padding: 5px 25px;
	color:#fff;
	background-color: var( --e-global-color-primary );
	border-color: var( --e-global-color-primary );
}
#cookie-notice-btn:hover {
	color:#fff;
	background-color:var( --e-global-color-secondary );
	border-color:var( --e-global-color-secondary );
}

#cookie-notice-text {
	margin:0px;
	padding:0px;
	color:#333;
	padding-right:10px;
}

#cookie-notice p {
	font-size:17px;
}

@media screen and (max-width: 1025px) {
	#cookie-notice p {
		font-size:14px;
	}
}

table.openingshours tr.time-slot {
	border-bottom: 1px solid #cccccc38;
}

table.openingshours th.label {	
	padding:8px;
	text-align:left;
	border: unset;
}

table.openingshours td.time {
	padding:8px;
	border: unset;

}

.cart .button.minus,
.cart .button.plus{
	margin:0px !important;	
	background:transparent !important;
	color:#333 !important;
	border-color: #EAEAEA !important;
	padding:15px !important;
}

.cart .button.minus:hover,
.cart .button.plus:hover {
	background: #00000008 !important;
}

.cart .button.minus {
	margin:0px !important;
	border-right:transparent !important;
}

.cart .button.plus {
	margin-right:20px !important;
	border-left:transparent !important;
}