/* =======================================================
// Algemeen
======================================================= */
body div#main-content {
	background-color: #f3f7fb;
}

/* =======================================================
// Main menu
======================================================= */
#mainMenuHeadContainer.et_pb_section .et_pb_row,
#mainMenuHeadContainer.et_pb_section {
	overflow: visible !important;
}

#mainMenuHead .et_pb_menu__menu nav.et-menu-nav ul#menu-main-menu, 
#mainMenuHead .et_pb_menu__menu nav.et-menu-nav, 
#mainMenuHead .et_pb_menu__menu {
	width: 100%;
}
#mainMenuHead.et_pb_menu ul.et-menu.nav {}
#mainMenuHead.et_pb_menu ul.et-menu.nav > li {
	margin: 0px;
	padding: 0px;
	transition: all .3s ease;
}
#mainMenuHead.et_pb_menu ul.et-menu.nav > li:hover,
#mainMenuHead.et_pb_menu:not(:hover) ul.et-menu.nav > li.current-page-ancestor,
#mainMenuHead.et_pb_menu:not(:hover) ul.et-menu.nav > li.current-menu-parent,
#mainMenuHead.et_pb_menu:not(:hover) ul.et-menu.nav > li.current-menu-item {
	background-color: #dd0161;
}
#mainMenuHead.et_pb_menu ul.et-menu.nav > li.alignRight {
	margin-left: auto;
}
#mainMenuHead.et_pb_menu ul.et-menu.nav > li + li {
	margin-left: 1px;
}
#mainMenuHead.et_pb_menu ul.et-menu.nav > li > a {
	padding: 15px;
}
#mainMenuHead.et_pb_menu ul.et-menu.nav > li.menu-item-has-children > a {
	padding-right: 25px;
}
#mainMenuHead.et_pb_menu ul.et-menu.nav > li.menu-item-has-children > a:first-child::after {
	line-height: 45px;
	right: 5px;
}
/* =======================================================
// Body
======================================================= */

/* Checklist  ------------------- */
.checklist ul {
list-style-type: none!important;
}

.checklist ul li:before {
	content: '\4e'!important;
	color: #5cb85c;
	font-family: 'ETMODULES'!important;
	margin-right: 10px;
	margin-left: -14px;
	font-size: 1.3em!important;
}

/* ============================================================
Arken Overview
============================================================ */
.arkenContainer .ark::after,
.arkenWrapper .arkenContainer::after,
.arkenWrapper::after {
  clear: both;
  content: " ";
  display: block;
}
.arkenWrapper .arkNavContainer,
.arkenWrapper .arkenContainer .ark .details,
.arkenWrapper .arkenContainer .ark > div,
.arkenWrapper .arkenContainer .ark,
.arkenWrapper .arkenContainer,
.arkenWrapper {
	display: block;
	width: 100%;	
}
.arkenWrapper {}
.arkenWrapper .arkenContainer {}
.arkenWrapper .arkenContainer .ark {
	position: relative;
	float: left;
	margin: 0 0 20px 0;
	border-bottom: 1px solid #dd0161;
	background-color: #fff;
}
.arkenWrapper .arkenContainer .ark > a {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 100;
}
.arkenWrapper .arkenContainer .ark > div {
}
.arkenWrapper .arkenContainer .ark .verkocht {
	position: absolute;
	top: 10px;
	left: 0;
	z-index: 50;	
	display: block;
	width: auto;
	padding: 5px 10px;
	font-weight: 800;
	font-size: 13px;
	text-transform: uppercase;
	color: #fff;
	background-color: #dd0161;
	border-bottom: 1px solid #fff;
}
.arkenWrapper .arkenContainer .ark .foto {
	background-image:url('../images/no-foto.jpg');
	position: relative;
	padding-top: 60%;
	background-size: cover;
	background-position: center;
}
.arkenWrapper .arkenContainer .ark .details {
	padding: 10px;
}
.arkenWrapper .arkenContainer .ark .details .prijs {
	font-size: 24px;
	font-weight: 700;
	color: #dd0161;
	margin-bottom: 5px;
}
.arkenWrapper .arkenContainer .ark .details .adres {
	position: relative;
	padding-left: 20px;
	margin-bottom: 5px;
	font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    color: #004d90;
}
.arkenWrapper .arkenContainer .ark .details .adres i{
	position: absolute;
	left: 0px;
	top: 3px;
	color: #dd0161;
}
.arkenWrapper .arkenContainer .ark .details .contract_vorm { 
	font-size: 14px;
	font-weight: 700;
	color: #dd0161 
}
.arkenWrapper .arkNavContainer {
	margin-top: 10px;
	text-align: center;
} 
.arkenWrapper .arkNavContainer .page-numbers {
	display: inline-block;
	padding: 5px;
	border: 1px solid #dadada;
	color: #004d90;
	transition:  all .3s ease;
}
.arkenWrapper .arkNavContainer .page-numbers.current {
	border-color: #dd0161;
	color: #dd0161;
	font-weight: 600;
}
.arkenWrapper .arkNavContainer a.page-numbers:hover {
	border-color: #004d90;
}
	/* Media Queries - Divi: 
	================================================== */
	@media all and (min-width: 981px) {
		.arkenWrapper.column_2 .arkenContainer .ark,
		.arkenWrapper:not([class*="column_"]) .arkenContainer .ark {
			width: 49%;
		}
		.arkenWrapper.column_2 .arkenContainer .ark:nth-child(even),
		.arkenWrapper:not([class*="column_"]) .arkenContainer .ark:nth-child(even) {
			margin-left: 2%;
		}
		.arkenWrapper.column_3 .arkenContainer .ark {
			width: calc(100% / 3 - 10px);
			margin-left: 15px;
		}
		.arkenWrapper.column_4 .arkenContainer .ark {
			width: calc(100% / 4 - 10px);
			margin-left: calc(40px / 3);
		}
		.arkenWrapper.column_3 .arkenContainer .ark:nth-child(3n+1),
		.arkenWrapper.column_4 .arkenContainer .ark:nth-child(4n+1){
			margin-left: 0px;
		}
	}


/* ============================================================
Arken Search Form
============================================================ */
.arkenSearchFormContainer.collapseWrap .searchForm .mainField::after,
.arkenSearchFormContainer .searchForm .row::after,
.arkenSearchFormContainer .searchForm::after,
.arkenSearchFormContainer::after {
  clear: both;
  content: " ";
  display: block;
}
.arkenSearchFormContainer {}

.arkenSearchFormContainer .title {	
	display: block;
	width: 100%;
	margin-bottom: 10px;
	font-size: 36px;
	font-weight: 800;
	text-transform: uppercase;
	text-align: center;
}
.arkenSearchFormContainer .title span {
	color: #DD0161;
}
.arkenSearchFormContainer .searchForm {
	padding: 10px 15px;
}
.arkenSearchFormContainer .searchForm > div {
	display: block;
	margin-bottom: 5px;
	width: 100%;
}
.arkenSearchFormContainer .searchForm label{
	font-weight: 800;
	text-transform: uppercase;	
}
.arkenSearchFormContainer .searchForm input[type=text],
.arkenSearchFormContainer .searchForm select {
	width: 100%;
	background: #fff;
	border: 1px solid #337ab7;
	border-radius: 3px;
	color: #2f2f2f;
	padding: 10px;
}
.arkenSearchFormContainer .searchForm ::-ms-input-placeholder { color: #004d90; } /* Microsoft Edge */
.arkenSearchFormContainer .searchForm :-ms-input-placeholder { color: #004d90; } /* Internet Explorer 10-11 */
.arkenSearchFormContainer .searchForm ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #004d90;
	opacity: 0.8; /* Firefox */
}

.arkenSearchFormContainer .searchForm .button {
	padding: 8px 15px;	
	width: 100%;
	font-size: 22px;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #fff;
	background-color: #5cb85c;
	border-radius: 0px;
	border: 1px solid #5cb85c;
	cursor: pointer;
	transition: all 0.3s ease;
}
.arkenSearchFormContainer .searchForm .button:hover {
	color: #5cb85c;
	background-image: initial;
	background-color: #fff;
	border: 1px solid #5cb85c;	
}
.arkenSearchFormContainer .searchForm .button.reset {
	background-color: #d9edf7;
	border-color: #d9edf7;
	color: #004d90;
}
.arkenSearchFormContainer .searchForm .button.reset:hover {
	background-color: #004d90;
	color: #d9edf7;
}
.arkenSearchFormContainer .searchForm .button + .button {
	margin-top: 5px;
}

.arkenSearchFormContainer .searchForm .row {
	display: block;
	width: 100%;
}
/* Collapse style */
.arkenSearchFormContainer.collapseWrap .searchForm .row label{
	display: block;
	float: left;
	width: 225px;
	line-height: 40px;
	font-size: 18px;
}
.arkenSearchFormContainer.collapseWrap .searchForm .row .inputContainer{
	display: block;
	float: left;
	width: calc(100% - 225px);
}
.arkenSearchFormContainer.collapseWrap .searchForm .priceFields select {
	width: 49%;
}
.arkenSearchFormContainer.collapseWrap .searchForm .priceFields select + select {
	margin-left: 2%; 
}

.arkenSearchFormContainer.collapseWrap .searchForm .mainField input {
	width: calc(100% - 45px);
}
.arkenSearchFormContainer.collapseWrap .searchForm .mainField .collapseButton {
	display: block;
	float: right;
	height: 40px;
	width: 40px;	
	line-height: 40px;
	text-align: center;
	color: #fff;
	background-color: #DD0161;
	border-radius: 3px;
	cursor: pointer;
}
.arkenSearchFormContainer.collapseWrap.open .searchForm .mainField .collapseButton i.fa-caret-down,
.arkenSearchFormContainer.collapseWrap.closed .searchForm .mainField .collapseButton i.fa-caret-up {
	display: none;
}
.arkenSearchFormContainer.collapseWrap .searchForm .optionsFields .row + .row {
	margin-top: 5px;
}

.arkenSearchFormContainer.collapseWrap .searchForm .optionsFields.collapse {
	max-height: 0;
	overflow: hidden;
	transition: all 0.4s ease;
}
.arkenSearchFormContainer.collapseWrap.closed .searchForm .optionsFields.collapse {
	margin-bottom: 0px;
}
.arkenSearchFormContainer.collapseWrap.open .searchForm .optionsFields.collapse {
	max-height: 400px;
}
.arkenSearchFormContainer.collapseWrap.filtered  .searchForm .button.search {
	width: calc(100% - 255px);
	min-width: 250px;
}
.arkenSearchFormContainer.collapseWrap.filtered .searchForm .button.reset {
	display: block;
	float: right;
	width: 100%;
	max-width: 250px;
	margin-top: 0;
}

/* ============================================================
Ark Detail pagina
============================================================ */
.arkDetailWrapper.et_pb_section {}
.arkDetailWrapper.et_pb_section p:first-child:empty{
	display: none !important;
}

.arkDetailWrapper.et_pb_section .et_pb_text .verkocht {
	display: block;
	width: max-content;
	margin-top: 5px;
	padding: 0px 10px;
	font-size: 75%;
	text-transform: uppercase;
	color: #fff;
	background-color: #004d90;
}

/* Feat img/ gallery - START */
.arkDetailWrapper.et_pb_section .arkDetailsContainer.foto .et_pb_gallery_item {
	display: block;
	float: left;	
}
.arkDetailWrapper.et_pb_section .arkDetailsContainer.foto .et_pb_gallery_item.featImg {
	width: 100%;
}
.arkDetailWrapper.et_pb_section .arkDetailsContainer.foto .et_pb_gallery_item.normalImg {
    width: calc(100% / 3 - 10px);
    margin-top: 20px;
}
.arkDetailWrapper.et_pb_section .arkDetailsContainer.foto .et_pb_gallery_item.normalImg + .et_pb_gallery_item.normalImg {
	margin-left: 15px;
}
.arkDetailWrapper.et_pb_section .arkDetailsContainer.foto a.fotoLink {
	display: block;
	width: 100%;
	padding: 4px;
	/*margin-bottom: 20px;*/
	line-height: 1.42857143;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 4px;
	transition: all .2s ease-in-out;
}
.arkDetailWrapper.et_pb_section .arkDetailsContainer.foto a.fotoLink:hover {
	border-color: #337ab7;
}
.arkDetailWrapper.et_pb_section .arkDetailsContainer.foto a.fotoLink img{
	display: block;
	width: 100%;
	max-width: 100%;
}
/* Feat img/ gallery - END */

.arkDetailWrapper.et_pb_section .addbuttonContainer{}
.arkDetailWrapper.et_pb_section .addbuttonContainer .et_pb_button {
	display: block;
	width: 100%;
	padding: 15px 10px !important;
	text-align: center;
	text-transform: initial;
	font-weight: 800;
	background-color: #004d90;
	border: 1px solid #004d90;
	transition: all .3s ease;
}
.arkDetailWrapper.et_pb_section .addbuttonContainer .et_pb_button:hover {
	background-color: #DD0161;
	color: #fff !important;
}
.arkDetailWrapper.et_pb_section .et_pb_tabs_controls li a {
	padding: 10px 30px;
}

.arkDetailWrapper.et_pb_section .arkDetailsContainer table.arkData {
	width: 100%;
}
.arkDetailWrapper.et_pb_section .arkDetailsContainer table.arkData tr.info {
	background-color: #d9edf7
}
.arkDetailWrapper.et_pb_section .arkDetailsContainer table.arkData tr + tr {
	border-top: 1px solid #dadada;
}
.arkDetailWrapper.et_pb_section .arkDetailsContainer table.arkData tr td {
	padding: 5px;
	color: #333;
}
.arkDetailWrapper.et_pb_section .arkDetailsContainer table.arkData tr td.label {
	width: 200px;
}

.arkDetailWrapper.et_pb_section .arkDetailsContainer iframe.arkMap {
	width: 100%;
}

/* ============================================================
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;
}
body div.gform_wrapper.gravity-theme .gform_footer{
	margin-bottom: 0px;
	padding-bottom: 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=url],
.gform_wrapper input[type=email],
.gform_wrapper input[type=password],
.gform_wrapper input[type=text],
.gform_wrapper textarea {
	background: #fff;
	border: 1px solid #337ab7;
	border-radius: 3px;
	color: #2f2f2f !important;
	padding: 8px !important;
	min-height: 40px;
}
body div.et_pb_widget select { height: auto; }

/* Advanced UI Selectbox: */
body .gform_wrapper.gravity-theme .chosen-container-single .chosen-single {
	background: #fff;
	border: 1px solid #337ab7;
	border-radius: 3px !important;
	height: 40px;
}
body .gform_wrapper.gravity-theme .chosen-container-single .chosen-single span{
	line-height: 36px;
}
body .gform_wrapper.gravity-theme .chosen-container-single .chosen-single div b {
	background-position-y: 10px;
}
/* Advanced UI Selectbox - END: */

.gform_wrapper .gfield select[disabled="disabled"],
.gform_wrapper .gfield input:not([type="radio"],[type="checkbox"]):read-only {
	background-color: rgba(0,0,0,0.06);
	border-color: #a4a4a4;
	opacity: 0.4;
	cursor: default;
}
body .gform_widget .gform_wrapper ul li.gfield {
	margin-top: 5px;
	padding: 0px;
}
.gform_wrapper .gfield .ginput_container_address span { margin-top: 16px; }
.gform_wrapper .gfield .ginput_container_address span:first-child { margin-top: 0px; }

/*** BUTTON STYLING ***/
body .gform_wrapper .gform_page_footer .button.gform_next_button,
body .gform_wrapper .gform_page_footer .button.gform_previous_button,
body .gform_wrapper .gform_page_footer .button.gform_button,
body .gform_wrapper .gform_page_footer input.button.gform_next_button,
body .gform_widget .gform_footer input.button,
body .gform_wrapper .gform_footer input.button,
body .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 #5cb85c;
	font-weight: 600 !important;
	background-color: #5cb85c;

	transition: all 0.3s ease;
}
body .gform_wrapper .gform_page_footer .button.gform_button,
body .gform_wrapper .gform_page_footer input.button.gform_next_button,
body .gform_widget .gform_footer input.button,
body .gform_wrapper .gform_footer input.button {
	float: right;
}

/*** BUTTON HOVER STYLING ***/
body .gform_wrapper .gform_page_footer .button.gform_next_button:hover,
body .gform_wrapper .gform_page_footer .button.gform_previous_button:hover,
body .gform_wrapper .gform_page_footer .button.gform_button:hover,
body .gform_wrapper .gform_page_footer input.button.gform_next_button:hover,
body .gform_widget .gform_footer input.button:hover,
body .gform_wrapper .gform_footer input.button:hover,
body .gform_wrapper button.bereken:hover {
	color: #5cb85c !important;
	background-image: initial !important;
	background-color: rgba(255,255,255,1); !important;
	border: 1px solid #5cb85c;	
	/*padding: 10px 30px !important;*/
}
/*** Search field ***/
.gfield.dbZoekveld .dbZoekveldResults::after {
  clear: both;
  content: " ";
  display: block;
}
.gfield.dbZoekveld {}
.gfield.dbZoekveld .dbZoekveldResults {
	display: block;
	width: 100%;
	padding: 10px;
	margin: 10px 0 20px 0;
	border: 1px solid rgba(0,0,0,0.6);
	border-radius: 5px;
	background-color: #fff;
}
.gfield.dbZoekveld .dbZoekveldResults .result {
	display: block;
	width: 100%;	
	padding: 3px;
	color: #000;
	background-color: rgba(0,0,0,0);
	cursor: pointer;
	transition: all 0.3s ease;	
}
.gfield.dbZoekveld .dbZoekveldResults .result + .result {
	margin-top: 5px;
	border-top: 1px solid #dadada;
}
.gfield.dbZoekveld .dbZoekveldResults .result:hover {
	background-color: rgba(0,0,0,0.05);
	color: #dd0161;
}

/* =======================================================
// GF Custom
======================================================= */
.gform_wrapper.gravity-theme form .gform_fields {
	grid-row-gap: 12px;
}
.gform_wrapper.gravity-theme form .top_label .gfield_label {
	margin-bottom: 0px;
}

/* =======================================================
// GF Add / Edit Ark
======================================================= */
form.addEditArk .gfield.foto_lijst ul.fotos li.result::after,
form.addEditArk .gfield.foto_lijst ul.fotos::after {
	clear: both;
	content: " ";
	display: block;
}
form.addEditArk {}
form.addEditArk .head.gfield_html {
	padding: 5px;
	background-color: #d9edf7;
	color: #000;
	font-weight: 600;
	font-size: 16px;
	text-transform: uppercase;
	border-bottom: 1px solid rgba(0,0,0,0.15);
}
form.addEditArk .head.gfield_html:nth-child(odd) {
	background-color: #f2dede;
}
.addEditArk_wrapper.gform_wrapper .gform_validation_errors > h2.hide_summary {
	padding: 0;
}
form.addEditArk .gfield.foto_lijst ul#fotos {
	list-style: none;
	padding: 0px;
}
form.addEditArk .gfield.foto_lijst ul#fotos li.result {
	position: relative;
	display: inline-block;
	width: 150px;
	padding: 3px;
	background-color: rgba(0,0,0,0.05);
	cursor: pointer;
}
form.addEditArk .gfield.foto_lijst ul#fotos li.result::before {
	content: "\f057";
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	color: #d71a1a;
	text-shadow: 0px 0px 5px #fff;
	position: absolute;
	top: 0px;
	right: 7px;
	opacity: 0;
	transition: all .3s ease;
}
form.addEditArk .gfield.foto_lijst ul#fotos li.result:hover::before {
	opacity: 1;
}

form.addEditArk .gfield.foto_lijst ul#fotos li.result + li.result {
	margin-left: 10px;
}
form.addEditArk .gfield.foto_lijst ul#fotos li.result span,
form.addEditArk .gfield.foto_lijst ul#fotos li.result img {
	width: 100%;
	display: block;
}
form.addEditArk .gfield.foto_lijst ul#fotos li.result img {}
form.addEditArk .gfield.foto_lijst ul#fotos li.result span {
	font-size: 11px;
	font-style: italic;
	line-height: 16px;
}

/* =======================================================
// User menu
======================================================= */
#userMenuWrapper .et_pb_widget ul#menu-user-menu::after,
#userMenuWrapper::after {
  clear: both;
  content: " ";
  display: block;
}
#userMenuWrapper {}
#userMenuWrapper .et_pb_widget {
	width: 100%;
	margin: 0px;
}
#userMenuWrapper .et_pb_widget ul#menu-user-menu {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;

	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}
#userMenuWrapper .et_pb_widget ul#menu-user-menu li {
	display: block;
	float: left;
	margin-bottom: 0px;
}
#userMenuWrapper .et_pb_widget ul#menu-user-menu > li.alignRight {
	margin-left: auto;
}
#userMenuWrapper .et_pb_widget ul#menu-user-menu li + li {
	margin-left: 1px;
}
#userMenuWrapper .et_pb_widget ul#menu-user-menu li a{
	display: inline-block;
	padding: 5px 10px;
	text-transform: uppercase;
	color: #fff;
	background-color: #004d90;
	border: 1px solid  #004d90;
	transition: all .3s ease;
}
#userMenuWrapper .et_pb_widget ul#menu-user-menu:not(:hover) li.current-menu-item a{
	background-color: #337ab7;
}
#userMenuWrapper .et_pb_widget ul#menu-user-menu li a:hover {
	background-color: #dd0161;
}
/* =======================================================
// User Arken
======================================================= */
.page .arkDetailsContainer {}
.page .arkDetailsContainer table.arkTable {
	width: 100%;
	border: 1px solid #c3c4c7;
	background-color: #fff;
}

.page .arkDetailsContainer table.arkTable th,
.page .arkDetailsContainer table.arkTable td {
	padding: 5px 10px;
}
.page .arkDetailsContainer table.arkTable thead {
	border-bottom: 1px solid #c3c4c7;
	text-transform: uppercase;
}
.page .arkDetailsContainer table.arkTable tbody tr:nth-child(odd) {
	background-color: #f6f7f7;
}
.page .arkDetailsContainer table.arkTable tbody tr:hover {
	background-color: rgba(221,1,97,0.1);
}
.page .arkDetailsContainer table.arkTable tbody td.user_edit {
	text-align: right;
}
.page .arkDetailsContainer table.arkTable tbody td.user_edit a {
	display: inline-block;
	width: 24px;
	padding: 0px;	
	border: 1px solid #dadada;
	border-radius: 4px;
	background-color: #fff;
	text-align: center;
	font-size: 13px;
}
.page .arkDetailsContainer table.arkTable tbody td.user_edit a + a {
	margin-left: 3px;
}