/* =======================================================
// Algemeen
======================================================= */

/* =======================================================
// Head
======================================================= */
header .mainHead {}
header .mainHead .headTxtRow {}
header .mainHead .headTxtRow .et_pb_column {
	display: flex;
	flex-direction: column;
	justify-content: center;	
}
header .mainHead .headTxtRow .headTxt {}

body.single .mainHead .headTxtRow,
body.single .mainHead .headTxtRow .headerTitle {
	display: none;
}

/* Menu ----------------------------------------------- */
div#et-boc header .et_pb_menu .et_pb_menu__menu ul#menu-main-menu.et-menu > li::before {
	content: ' ';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	display: block;
	width: 2px;
	background-color: #fff;
}
div#et-boc header .et_pb_menu .et_pb_menu__menu ul#menu-main-menu.et-menu > li {
	padding-left: 20px;
	padding-right: 20px;
}
body #page-container header .et_pb_menu .et_pb_menu__menu > nav > ul > li > ul {
	border-left: 2px solid #fff  !important;
	border-bottom: 1px solid #fff  !important;
	/*border-right: 1px solid #fff;*/

    background-color: rgba(0, 0, 0, 0) !important;
	background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 25px, rgba(255,255,255,0.5) 100%) !important;
	background-repeat: no-repeat !important;
}
body #page-container header .et_pb_menu .nav li ul.sub-menu a {
	text-shadow: 0em 0em 0.2em rgba(255,255,255,0.5) !important;
}
	/* Media Queries - Divi: 
	================================================== */
	@media all and (max-width: 980px) {
		header .mainHead .headTxtRow {
			min-height: 180px !important;
		}
		header .mainHead .headTxtRow .et_pb_column.et_pb_column_empty {
			display: none;
		}
	}

/* =======================================================
// Body
======================================================= */
#main-content .et_pb_section.yellowBg {
	background-color: #f3f0ec;
}
#main-content hr,
.et_pb_module.et_pb_text hr {
	border-color: #ef7c2d;
	border-width: 0 0 4px 0;
	height: 0px;	
}
#main-content hr + p,
.et_pb_module.et_pb_text hr + p {
	padding-top: 10px;
}

.linkList ul { padding: 0px; }
.linkList ul li { list-style: none; }
.linkList ul li a {}
.linkList ul li a:after {
	content: '\f0da';
	font: var(--fa-font-solid);
	margin-left: 3px;
}
/* Pagenation / navigation ---------------------------- */
.wp-pagenavi {
	margin-top: 20px;
	text-align: center;
}


	/* Media Queries - Divi: 
	================================================== */
	@media all and (min-width: 981px) {
		body .et_pb_section.columnLine .et_pb_row .et_pb_column + .et_pb_column {
			border-left: 2px solid #ef7c2d;
		}		
	}	
	@media all and (max-width: 980px) {
		body .et_pb_section.columnLine .et_pb_row .et_pb_column + .et_pb_column {
			border-top: 2px solid #ef7c2d;
		}
		#main-content .et_pb_section,
		header.et-l--header .et_pb_section,
		footer.et-l--footer .et_pb_section {
			padding: 30px 0;
		}		
	}
	@media all and (max-width: 479px) {

	}

/* =======================================================
// Foot
======================================================= */
body #page-container footer .et_pb_widget_area .et_pb_widget {
	width: 100%;
}
body #page-container footer .et_pb_widget_area .et_pb_widget:last-child {
	margin-bottom: 0px;
}
footer .et_pb_widget_area .et_pb_widget .textwidget,
footer .footTxt .et_pb_text_inner p {
	padding-left: 20px;
}

/* =======================================================
// Sidebar
======================================================= */

.et_pb_module[class*="et_pb_sidebar"] .et_pb_widget {
	width: 100%;
}

.et_pb_module.et_pb_widget_area_left[class*="et_pb_sidebar"] .et_pb_widget {
	margin-bottom: 20px;
}
.et_pb_module.et_pb_widget_area_left[class*="et_pb_sidebar"] .et_pb_widget:last-child {
	margin-bottom: 0px;
}

.et_pb_module[class*="et_pb_sidebar"] .rpwe-block.sidebarRecentBlog {}

.et_pb_module[class*="et_pb_sidebar"] .rpwe-block.sidebarRecentBlog .rpwe-img {
	max-width: 50%;
	display: block !important;
}
.et_pb_module[class*="et_pb_sidebar"] .rpwe-block.sidebarRecentBlog h3 {
	text-align: left;	
	font-weight: 600;
	padding-bottom: 0;
}
.et_pb_module[class*="et_pb_sidebar"] .rpwe-block.sidebarRecentBlog h3 a {
	color: #282828;
}
.et_pb_module[class*="et_pb_sidebar"] .rpwe-block.sidebarRecentBlog .rpwe-li {
	background-color: #f7f7f7;
	padding: 10px;
	color: #282828;
}
.et_pb_module[class*="et_pb_sidebar"] .rpwe-block.sidebarRecentBlog .rpwe-li .rpwe-time {
	color: #ef7c2d;
}
.et_pb_module[class*="et_pb_sidebar"] .rpwe-block.sidebarRecentBlog .rpwe-li  a.more-link {
	display: inline-block !important;
}

/* =======================================================
// Home
======================================================= */
body.home {}
body.home .headerTitle { display: none !important; }
body.home .et_pb_section.startColumns {}
body.home .et_pb_section.quoteSection {}
body.home .et_pb_section.quoteSection:before {
	background-color: #f3f0ec;
}
body.home .et_pb_section.quoteSection::before {
	content: " ";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 110px;
	background-color: #f3f0ec;
}
body.home .et_pb_section.quoteFoot {}


	/* Media Queries - Divi: 
	================================================== */
	@media all and (min-width: 981px) {
		body.home .et_pb_section.startColumns .et_pb_row .et_pb_column {
			padding: 50px 2%;
		}
		/*body.home .et_pb_section.startColumns .et_pb_row .et_pb_column + .et_pb_column {
			border-left: 2px solid #ef7c2d;
		}*/		
		body.home .et_pb_section.startColumns .et_pb_row .et_pb_column .et_pb_module.et_pb_text:first-child {
			margin-bottom: 15px;
		}
		/* Facebok ----------------------- */

		body .et_pb_section .et_pb_module.et_pb_text.zdFbContainer #cff .cff-posts-wrap .cff-item {
			width: calc(50% - 20px);
			display: block;
			clear: none;
			padding: 15px 0;
			border-bottom: 0px !important;
		}
		body .et_pb_section .et_pb_module.et_pb_text.zdFbContainer #cff .cff-posts-wrap .cff-item + .cff-item {
			margin-left: 20px;
			padding-left: 20px;
			border-left: 2px solid #ef7c2d;
		}		
	}
	@media all and (max-width: 980px) {
		body.home .et_pb_section.startColumns .et_pb_row .et_pb_column {
			padding: 15px 0;
		}
		/*body.home .et_pb_section.startColumns .et_pb_row .et_pb_column + .et_pb_column {
			border-top: 2px solid #ef7c2d;
		}*/
		body.home .et_pb_section.quoteFoot .et_pb_row {
			display: flex;
			direction: ltr;
		}	
		body.home .et_pb_section.quoteFoot .et_pb_row .et_pb_column {
			display: block;
			width: 30%;
		}	

		body.home .et_pb_section.quoteFoot .et_pb_row .et_pb_column.et-last-child {		
			width: 70%;
		}	

	}
	@media all and (max-width: 479px) {
		body.home .et_pb_section.quoteFoot .et_pb_row.quoteRow {
			display: block;
		}
		body.home .et_pb_section.quoteFoot .et_pb_row .et_pb_column.bgColumn {
			width: 100%;
			height: 300px;
		}		
	}	
/* =======================================================
// pakketSection
======================================================= */
.pakketSection.et_pb_section {}
.pakketSection.et_pb_section .et_pb_column .et_pb_module[class*="et_pb_cta"] {}

.pakketSection.et_pb_section .et_pb_column .et_pb_module[class*="et_pb_cta"] .et_pb_module_header {
	display: inline-block;
	margin: auto;
	margin-bottom: 25px;
	padding: 0;
	width: 1.5em;
	height: 1.5em;
	line-height: 1.5em;
	font-size: 4em;	
	color: #334152 !important;
	border-radius: 50%;	
	background-color: #fff;
}
.et_button_no_icon .pakketSection.et_pb_section .et_pb_button::after {
	display: initial;
}
	/* Media Queries - Divi: 
	================================================== */
	@media all and (min-width: 981px) {
		.pakketSection.et_pb_section  .et_pb_row .et_pb_column + .et_pb_column {
			border-left: 2px solid #fff;
		}		
	}
	@media all and (max-width: 980px) {
		.pakketSection.et_pb_section  .et_pb_row .et_pb_column + .et_pb_column {
			border-top: 2px solid #fff;
			padding-top: 10px;
		}				
		.pakketSection.et_pb_section .et_pb_column .et_pb_module[class*="et_pb_cta"] {
			padding: 5px;
		}
	}
/* =======================================================
// Stretch Rows
======================================================= */
div.stretch-left .et_pb_column {
	overflow: visible;
}
div[class*="stretch-"] .et_pb_column .et_pb_image.stretch .et_pb_image_wrap img,
div[class*="stretch-"] .et_pb_column .et_pb_image.stretch .et_pb_image_wrap ,
div[class*="stretch-"] .et_pb_column .et_pb_image.stretch {
	position: absolute;
	top: 0px;
	bottom: 0px;
	overflow: hidden;
}
div.stretch-left .et_pb_column .et_pb_image.stretch { right: 0px; }
div.stretch-right .et_pb_column .et_pb_image.stretch { left: 0px; }

div[class*="stretch-"] .et_pb_column .et_pb_image.stretch .et_pb_image_wrap img,
div[class*="stretch-"] .et_pb_column .et_pb_image.stretch .et_pb_image_wrap {
	left: 0px;
	right: 0px;
	display: block;
	height: 100%;
	width: 100%;
	object-fit: cover;
	object-position: center;
}
	@media all and (max-width: 980px) {
		#hosting,
		#analytics,
		#support {
			padding: 30px 0 !important;
		}
		div[class*="stretch-"] {
			display: flex;
			flex-direction: column;
			padding: 30px 0 !important;
		}
		.et_pb_row.stretch-right .et_pb_column_2_3,
		#specials .et_pb_row .et_pb_column_1_3:not(.et-last-child) {
			order: 2;
		}
		.et_pb_row.stretch-right .et_pb_column_1_3 {
			margin-bottom: 30px;
		}
		div[class*="stretch-"] .et_pb_column .et_pb_text {
			padding: 0!important;
		}
	}

/* =======================================================
// Shortcode: childListShort
======================================================= */
body div.et_pb_module div.childListShort ul li.parent a {
	font-weight: 600;
}
body.et-db #et-boc #childListShortWrapper:not(:hover) .childListShort ul li.active a {
	color: #ef7c2d !important;
}
/* =======================================================
// Shortcode: taxListShort
======================================================= */
body #main-content #taxListShortWrapper div.taxListShort a {
	text-transform: uppercase;
	font-weight: 400;
}
body #main-content #taxListShortWrapper div.taxListShort a.type {
	font-weight: 800;
}
body #main-content #taxListShortWrapper:not(:hover) div.taxListShort a.active {
	color: #ef7c2d !important;
}
/* =======================================================
// Shortcode: quotesShort
======================================================= */
.quotesShort::before {
	/* content: '\201E'; */
	content: '\201D';
	font-size: 4em;
	line-height: 1em;
	color: #ef7c2d;
	display: inline-block;
	position: absolute;
	top: -0.07em;
	left: 0px;
	z-index: 0;
}
.quotesShort {
	font-family: 'DM Serif Display',Georgia,"Times New Roman",serif;
	padding: 1.4em 0 0.2em 0;
	font-size: 3em;
	color: #1c2338;
	line-height: 1em;
	position: relative;
	max-width: 100%;
}
/* =======================================================
// Shortcode: clientsShort
======================================================= */
.clientsShort .client::after,
.clientsShort::after {
	clear: both;
	content: " ";
	display: block;
}
.clientsShort {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 10px;
}
.clientsShort .client {
	display: inline-block;
	width: 100%;
	min-width: 150px;
	max-width: 200px;
	/*margin: 10px 5px;*/
	position: relative;
	margin: 0 auto;
}
/*.clientsShort .client + .client {
	margin-left: 10px;
}*/
.clientsShort .client a {
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 20;
}
.clientsShort .client .logo {
	display: block;
	width: calc(100% - 10px);
	margin: 5px;
	padding-top: 40%;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	filter: grayscale(100%);
	transition: all .3s ease;
}
.clientsShort .client:hover .logo {	filter: grayscale(0%); }
	/* Media Queries - Divi: 
	================================================== */
	@media all and (min-width: 768px) and (max-width: 980px) {
		.clientsShort .client {

		}
	}
	@media all and (max-width: 768px) {
		/*.clientsShort {
			  flex-direction: column;
		}*/
	}


/* ============================================================
Gravity Forms
============================================================ */
.gform_wrapper .gform_fields .gfield::after,
.mainContent .gform_wrapper::after,
body .gform_widget .gform_footer::after,
.gform_wrapper .gform_footer::after {
	clear: both;
	content: " ";
	display: block;
}
body div.gform_wrapper {
	margin-bottom: 0px;
	margin-top: 0px;
}

/*** REMOVE LABEL ON FIELDS USING PLACEHOLDER ***/
body .gform_widget form:not(.showLabels) .top_label .gfield:not(.showLabel) .gfield_label,
.gform_wrapper form:not(.showLabels) .top_label .gfield:not(.showLabel) .gfield_label,
body .gform_widget form:not(.showLabels) .field_sublabel_below .ginput_complex.ginput_container label,
.gform_wrapper form:not(.showLabels) .field_sublabel_below .ginput_complex.ginput_container label {
	display: none;
}
.mainContent .gform_wrapper {
	border: 1px solid #e2e2e2;
	padding: 1px 0px 5px 16px;
}
.mainContent .gform_wrapper h3.gform_title { color: #006c82 ; }

/*** FIELD STYLING ***/
.gform_wrapper select,
.gform_wrapper input[type=password],
.gform_wrapper input[type=email],
.gform_wrapper input[type=text],
.gform_wrapper textarea {
	background: #fff;
	border: 1px solid #bbb;
	border-radius: 3px;
	color: #2f2f2f !important;
	padding: 15px !important;
}
body div.et_pb_widget select { height: auto; }
body .gform_widget .gform_wrapper ul li.gfield {
	margin-top: 5px;
	padding: 0px;
}
.gform_wrapper ul li.gfield .ginput_container_address span { margin-top: 16px; }
.gform_wrapper ul li.gfield .ginput_container_address span:first-child { margin-top: 0px; }

/*** 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 {
	font-size: 18px;
	text-transform: uppercase;
	padding: 10px 20px !important;
	border-radius: 0px;
	letter-spacing: 2px;
	cursor: pointer;
	color: #fff !important;
	border: 1px solid #334152;
	font-weight: 600 !important;
	background-color: #334152;

	transition: all 0.3s ease;
}
.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 {
	float: right;
}

/*** 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: #334152 !important;
	background-image: initial !important;
	background-color: rgba(0,0,0,0); !important;
	border: 1px solid #334152;	
	/*padding: 10px 30px !important;*/
}