/* ============================================================
Default
============================================================ */
body {
	--lion-yellow: #f2a636;
	--lion-yellow-light: #f4eed9;
	--lion-yellow-white: #f9f5e8;
	--lion-red: #ae1921;
	--lion-red-brown: #4c3130;
}
/* ============================================================
Menu
============================================================ */
#menuSection {
	--logo-width: 200px;
	--logo-padding: 20px;
	z-index: 100;
}
#menuSection #logo {
	position: absolute;
	z-index: 100;
	padding:  var(--logo-padding);
	background-color: var(--lion-yellow-light);
	border-radius: 0 0 15px 15px;
	max-width: var(--logo-width);
	transition: all 0.3s ease;
}
#menuSection #mainMenu {
	padding-left: var(--logo-width);
}
.has_et_pb_sticky #menuSection {
	--logo-width: 100px;
	--logo-padding: 10px;
}
	@media all and (max-width: 768px) {
		#menuSection {
			--logo-width: 100px;
		}
	}
/* =======================================================
// Footer
======================================================= */
body footer .fwidget.et_pb_widget {
	width: 100%;
	margin-right: 0px;
}

/* =======================================================
// Algemeen
======================================================= */
.flex-vertical {
	align-items: center;
}

/* Title rows */
	@media all and (min-width: 480px) {
		.titleRow.et_pb_row .et_pb_column {
			display: flex;
			align-items: center;
		}
	}	
body .mainSidebar .et_pb_widget h4 {
	font-weight: bold;
	color: #000;
}

	@media all and (min-width: 768px) {
		div[class*="text-columns"] .et_pb_text_inner {
			columns: 2;
			column-gap: 35px;
		}
		.text-columns-3 div.et_pb_text_inner { columns: 3; }
		.text-columns-4 div.et_pb_text_inner { columns: 4; }	
	}
.text-columns {}


/* =======================================================
// DIVI
======================================================= */

.et_pb_section .et_pb_row.yellow-l {
	background-color: var(--lion-yellow-light);
	padding: 15px 20px;
	border-radius: 15px;
}

.et_pb_accordion .et_pb_toggle_open .et_pb_toggle_title:before {
    display: block!important;
    /*content: "\e04f" !important;*/
}

/* Blog module */
body .et_pb_blog_grid .et_pb_post {}
body .et_pb_blog_grid h2 {
	background-color: var(--lion-red-brown);
	padding: 20px;
	margin: -20px -20px 0 -20px !important;
}
body .et_pb_blog_grid .post-content {
	display: flex;
  	flex-direction: column;
}
body .et_pb_blog_grid .post-content a.more-link {
	display: inline-block;
	background-color: var(--lion-yellow-light);
	margin-top: 20px;
	padding: 10px 30px;
	border-radius: 15px;
	margin-left: auto;
  	font-weight: bold;	
	color: #000 !important;
	transition: all 0.3s ease;
}
body .et_pb_blog_grid .post-content a.more-link:first-letter{
	text-transform: uppercase;
}
	body .et_pb_blog_grid .post-content a.more-link:hover {
		background-color: #fff;
	}
/*Social icon module*/

/*Bluesky icon override*/
.et_pb_social_media_follow_network_5_tb_footer.et-social-weibo a.icon {
	background-color: #3ba0fe !important;
}
	.et-social-weibo a.icon::before {
		content: "\e671";
	}

/* =======================================================
// Shortcode: taxlist
======================================================= */
.taxListContainer {}

.et_pb_widget_area .taxListContainer.list ul {
	list-style-type: disc !important;
	padding: 0 0 10px 1em !important;
	line-height: 20px !important;
}

.et_pb_widget_area .taxListContainer.list ul li a {
	color: var(--lion-yellow);
}

/* =======================================================
// Shortcode: Facilities
======================================================= */
.FaciliteitenShort {
	--columns-gap: 15px;
	--columns-nr: 3;
	/*The size to subtract from the column width 
	Calculate cobined column gaps size for each row, and devide by the number of columns
	Column gaps are always 1 les than the number of columns per row. (Example: 4 columns, 3 gaps)
	*/
	--columns-gap-calc: calc(var(--columns-gap) * calc(var(--columns-nr) - 1) / var(--columns-nr));
	/*The width is 100% devided by the number of columns per row */
	--columns-width: calc(100% / var(--columns-nr));

	display: flex;
    gap: var(--columns-gap);
    flex-wrap: wrap;
	width: 100%;
}
.FaciliteitenShort .faciliteit {
	flex: 0 0 calc(var(--columns-width) - var(--columns-gap-calc));
	display: flex;
  	flex-direction: column;
	padding: 20px 35px;
	background-color: var(--lion-yellow);
	border-radius: 15px;
	color: #fff;
/*	box-shadow: 0px 2px 13px 0px rgba(0,0,0,0.48);*/
}

.FaciliteitenShort .faciliteit h4 {
	margin-top: 10px;
	text-shadow: 0px 0px 5px white;
	color: var(--lion-red-brown);
	font-weight: 700;
}
.FaciliteitenShort .faciliteit h4 a {
	display: inline-block;
}

.FaciliteitenShort .faciliteit .excerpt {
	font-size: 18px;
}
.FaciliteitenShort .faciliteit .img {
	position: relative;
	display: block;
	width: 100%;
	padding-top: 50%;
	background-size: cover;
	background-position: center;
/*	border: 1px solid var(--frisia-green-light);*/
	border-radius: 15px;
}
.FaciliteitenShort .faciliteit .img a {
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
}
.FaciliteitenShort .faciliteit a.button {
	display: inline-block;
	background-color: var(--lion-yellow-light);
	padding: 10px 30px;
	border-radius: 15px;
	margin-left: auto;
	margin-top: 10px;
  	font-weight: bold;	
	color: #000 !important;
	transition: all 0.3s ease;
}
/*	.FaciliteitenShort .faciliteit a.button:after {
		content: '9';
		position: relative;
		left: auto;
		top: 1px;
		margin-left: .3em;	
		font-family: ETmodules !important;
		font-weight: 400 !important;
		font-size: inherit !important;
		line-height: inherit;
		opacity: 1;
	}*/
	.FaciliteitenShort .faciliteit a.button:hover {
		background-color: #fff;
	}

	/* Media Queries - Divi: 
	================================================== */
	@media all and (min-width: 668px) and (max-width: 980px) {
		.FaciliteitenShort {
			--columns-nr: 2;
		}
	}
	@media all and (max-width: 668px) {
		.FaciliteitenShort {
			--columns-nr: 1;
		}
	}

/* =======================================================
// Shortcode: Collaborations
======================================================= */
.CollaborationsShort {}
.CollaborationsShort .et_pb_accordion.et_pb_accordion {	
	--column-count: 2;
	--column-gap: 15px 20px;
	display: grid;
	grid-template-columns: repeat(var(--column-count), 1fr);
	gap: var(--column-gap);
	align-items: start;
}
.CollaborationsShort .et_pb_accordion.et_pb_accordion .et_pb_accordion_item {
	margin: 0;
	padding: 10px;
	background-color: var(--lion-yellow);
}
.CollaborationsShort .et_pb_accordion .et_pb_toggle_content,
.CollaborationsShort .et_pb_accordion .et_pb_toggle_title {
	color: #fff;
}
	.CollaborationsShort .et_pb_accordion .et_pb_toggle_title:before {
		color: #fff;
	}

	/* Responsive Styles Tablet And Below */
	@media all and (max-width: 980px) {
		.CollaborationsShort .et_pb_accordion.et_pb_accordion  {
			--column-gap: 10px;
		}
	}
	/* Responsive Styles Smartphone Portrait */
	@media all and (max-width: 479px) {
		.CollaborationsShort .et_pb_accordion.et_pb_accordion  {
			--column-count: 1;
		}		
	}


/* =======================================================
// Plugin: wp pagenavi
======================================================= */
.wp-pagenavi {
	text-align: center;
}

/* =======================================================
// Plugin: Recent Posts Extended
======================================================= */
body .rpwe-block h3 {
	font-size: 15px !important;
	padding: 0;
}
body .et_pb_widget.rpwe_widget .rpwe-block h3 a {
	font-weight: bold;
	color: var(--lion-yellow);	
}
body .et_pb_widget.rpwe_widget .rpwe-block a.more-link {
	white-space: nowrap;
}
body .et_pb_widget.rpwe_widget .rpwe-block .rpwe-summary {
	line-height: 1.5em;
}
/* =======================================================
// Plugin: Nextgen gallery
======================================================= */

body .ngg-galleryoverview.default-view .ngg-gallery-thumbnail img {
	border-radius: 10px;
}

/* =======================================================
// Plugin: Gravity Forms
======================================================= */

/*** FIELD STYLING ***/

.gform_wrapper select,
.gform_wrapper input[type=number],
.gform_wrapper input[type=email],
.gform_wrapper input[type=url],
.gform_wrapper input[type=tel],
.gform_wrapper input[type=text],
.gform_wrapper textarea {
	border-radius:10px;
}
footer .gform_wrapper select,
footer .gform_wrapper input[type=number],
footer .gform_wrapper input[type=email],
footer .gform_wrapper input[type=url],
footer .gform_wrapper input[type=tel],
footer .gform_wrapper input[type=text],
footer .gform_wrapper textarea {
	background: #fff;
	border: none;
}

/*** BUTTON STYLING ***/
.gform_wrapper .gform_page_footer .button.gform_next_button,
.gform_wrapper .gform_page_footer .button.gform_previous_button,
.gform_wrapper .gform_page_footer .button.gform_button,
.gform_wrapper .gform_page_footer input.button.gform_next_button,
body .gform_widget .gform_footer input.button,
.gform_wrapper .gform_footer input.button,
.gform_wrapper button.bereken {
/*	color: #000000 !important;*/
	cursor: pointer;
	font-size: 20px;
	line-height: 1.7em;
	padding: 5px 40px;
	border-width: 0px;
	border-radius: 15px;
	font-weight: 600;
	background-color: var(--lion-yellow-light);

	transition: all 0.3s ease;
}
body .gform_wrapper.gravity-theme .gform_footer {
	justify-content: flex-end;
}
/*** BUTTON HOVER STYLING ***/
.gform_wrapper .gform_page_footer .button.gform_next_button:hover,
.gform_wrapper .gform_page_footer .button.gform_previous_button:hover,
.gform_wrapper .gform_page_footer .button.gform_button:hover,
.gform_wrapper .gform_page_footer input.button.gform_next_button:hover,
body .gform_widget .gform_footer input.button:hover,
.gform_wrapper .gform_footer input.button:hover,
.gform_wrapper button.bereken:hover {
	color: #fff !important;
	background-color: var(--lion-yellow) !important;
}