/*
Theme Name:		Minimal210 Child
Theme URI: 		http://minimal.buro210.nl/
Description:	Minimal210 Child theme
Author:  		BURO210
Author URI:  	http://minimal.buro210.nl/
Template:     	minimal210
Version:      	1.1
License:      	GNU General Public License v2 or later
License URI:  	http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  	minimal210-child
*/

@import url("realworks/style.css");

.row.home.berichten .bericht .bericht_content,
.row.nieuwsberichten .full-row .blocks .message .container .bericht .bericht_content {
	padding : 20px;
}

.row.home.berichten .bericht .background_image_class {
	height : 380px;
}

.single-post_nieuws .row.berichten .blocks-container .block.image,
.single-post_nieuws .row.berichten .blocks-container .block.image img {
	max-width : none;
}

.row.home.berichten .full-row .blocks .block .container .message .bericht {
	position : relative;
}

.row.home.berichten .full-row .blocks .block .container .message .bericht a.berichten_link {
	position : absolute;
	left     : 0;
	top      : 0;
	bottom   : 0;
	right    : 0;
	z-index  : 1;
}

/* Zoekopdracht
========================================================================== */

.zoekopdracht_block_container {
	justify-content : center;
}



.zoekopdracht_block_container #tussendoor_zoekopdracht {
	background-color : white;
	padding          : 50px;
}

@media (max-width:767px) {
	.zoekopdracht_block_container #tussendoor_zoekopdracht {
		padding : 20px;
	}
}

.zoekopdracht_block_container #tussendoor_zoekopdracht .chosen-container {
	max-width : 100%;
}

.zoekopdracht__container {
	margin-bottom : 20px;
}

.zoekopdracht__container * {
	box-sizing : border-box;
}

/* Ensures fieldset stays inside container */
.zoekopdracht__container fieldset {
	min-width : auto;
}

.zoekopdracht__container fieldset:not(:last-child) {
	margin-bottom : 20px;
}

.zoekopdracht__title {
	font-size     : 20px;
	line-height   : 1.3;
	font-weight   : 700;
	margin-bottom : 20px;
	font-family   : 'Montserrat', sans-serif;
	font-size     : 18px;
	color         : #12359b;
}

.zoekopdracht__subtitle {
	font-weight : 700;
}

.zoekopdracht__subtitle>*,
.zoekopdracht__titel>* {
	font-size   : inherit;
	line-height : inherit;
	color       : inherit;
	font-weight : inherit;
}

/* Single inputs */
.zoekopdracht__inputs {
	display   : flex;
	flex-wrap : nowrap;
	gap       : 10px;
}

.zoekopdracht__inputs input {
	font-family : inherit;
	height      : 40px;
	line-height : 40px;
	padding     : 0;
	flex-grow   : 1;
}

.zoekopdracht__selects {
	width : 100%;
}

.zoekopdracht__selects select,
.zoekopdracht__input input,
.zoekopdracht__input select {
	width       : 100%;
	font-family : inherit;
	height      : 40px;
	line-height : 40px;
	padding     : 0;
}

.zoekopdracht__inputs input,
.zoekopdracht__input input {
	text-indent : 10px;
}

/* Multiple inputs */
.zoekopdracht__inputs {
	width : 100%;
}

.zoekopdracht__selects select {
	width            : 100%;
	font-family      : inherit;
	height           : 40px;
	line-height      : 40px;
	padding          : 0 0 0 10px;
	appearance       : none;
	background-color : #fff;
	border           : 0;
}

.zoekopdracht__inputs input {
	font-family : inherit;
}

/* Checkboxes & Radios */
.zoekopdracht__options label {
	font-size   : 16px;
	line-height : 30px;

	/* Possiblilty for long values, prevent multiple lines */
	text-overflow : ellipsis;
	white-space   : nowrap;
	overflow      : hidden;
	display       : block;
	width         : 100%;
	max-width     : 200px;
}

.zoekopdracht__objectsoort .zoekopdracht__options {
	width : 100%;
}

.zoekopdracht__objectsoort .zoekopdracht__options label {
	max-width : unset;
}

.zoekopdracht__options span {
	padding-left : 8px;
}

/* Possibility for many options, apply column structure. */
.zoekopdracht__gebieden .zoekopdracht__options,
.zoekopdracht__plaatsen .zoekopdracht__options,
.zoekopdracht__soort-woning .zoekopdracht__options,
.zoekopdracht__type-woning .zoekopdracht__options,
.zoekopdracht__soort-appartement .zoekopdracht__options {
	column-count : 2;
	column-gap   : 30px;
	width        : 100%;
}

.zoekopdracht__privacyagreement {
	margin-bottom : 0px;
	padding       : 42px 25px 42px 25px;
	background    : #efe2cf;
	margin-left   : auto;
	margin-right  : auto;
	width         : 100%;
	max-width     : 700px;
	border        : 0;
	box-sizing    : border-box;
}

@media (min-width:768px) {
	.zoekopdracht__privacyagreement {
		padding : 42px 40px 42px 70px;
	}
}

.zoekopdracht__privacyagreement button {
	text-decoration    : none;
	background         : #12359b;
	color              : #fff;
	padding            : 14px 24px;
	font-size          : 15px;
	font-family        : 'Montserrat', sans-serif;
	font-weight        : 700;
	text-transform     : uppercase;
	-webkit-appearance : button;
	cursor             : pointer;
	display            : block;
	margin-top         : 20px;
}


.zoekopdracht__notifications:empty {
	display : none;
}

.zoekopdracht__notifications {
	list-style-position : inside !important;
}

.zoekopdracht__notifications li {
	background-color : #b6ffb6;
	padding          : 0px 20px;
	margin           : 0;
}

.zoekopdracht__notifications li:first-child {
	padding-top : 20px;
}

.zoekopdracht__notifications li:last-child {
	padding-bottom : 20px;
}

.zoekopdracht__notifications .error {
	background-color : #ffb6b6;
}

.zoekopdracht__subtitle strong,
.zoekopdracht__subtitle label {
	font-size   : 14px;
	font-weight : 700;
	color       : #12359b;
}

@media (max-width:767px) {
	.zoekopdracht__subtitle {
		margin-bottom : 5px;
	}
}


.zoekopdracht__subtitle {
	width     : 150px;
	min-width : 150px;
}

.zoekopdracht__items {
	display               : grid;
	grid-template-columns : repeat(1, minmax(0, 1fr));
	grid-gap              : 20px;
}

@media (min-width:768px) {
	.zoekopdracht__item {
		display     : flex;
		align-items : center;
	}
}

.zoekopdracht__input {
	flex-grow : 1;
}

.zoekopdracht__container fieldset {
	padding    : 42px 25px 42px 25px;
	background : #efe2cf;
	margin     : 0 auto;
	width      : 100%;
	max-width  : 700px;
	border     : 0;
}

@media (min-width:768px) {
	.zoekopdracht__container fieldset {
		padding : 42px 40px 42px 70px;
	}
}

.page-id-15738 .row.contact {
	display : none;
}

.zoekopdracht__item--radios {
	align-items : flex-start;
}

.zoekopdracht__huurprijs,
.zoekopdracht__koopprijs {
	align-items : flex-start;
}

.zoekopdracht__select {
	position : relative;
}

.zoekopdracht__select:last-child {
	margin-top : 10px;
}

.zoekopdracht__select .fas {
	position       : absolute;
	right          : 10px;
	top            : 50%;
	transform      : translateY(-50%);
	pointer-events : none;
}

.zoekopdracht__title {
	width         : 100%;
	max-width     : 700px;
	margin-left   : auto;
	margin-right  : auto;
	margin-bottom : 20px;
}

.zoekopdracht__title h1 {
	font-size   : 30px;
	color       : #12359b;
	font-family : 'Montserrat', sans-serif;
}

html {
	scroll-padding-top : 170px;
}

.wonen_archive .search-field.checkboxes a,
.wonen_archive .search-field.checkboxes a:visited {
	text-decoration:none !important;
	color:#12359b !important;
}


.accordion__item {
	position: relative;
  }
  .accordion__item:not(:first-child) .accordion__toggle {
	margin-top: 12px;
  }
  .accordion__toggle {
	text-decoration: none;
	background: #12359b;
	color: #fff;
	fill:#fff;
	text-transform: uppercase;
	font-size: 15px;
	padding: 11px 22px;
	font-family: 'Montserrat', sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-weight: 700;
	display: block;
	width:100%;
	text-align: left;
	position: relative;
  }
  .accordion__toggle.open .fas {
	transform: rotate(180deg);
  }
  .accordion__icon .fas {
	  font-size:20px;
  }
  .accordion__toggle.open,
  .accordion__toggle:focus,
  .accordion__toggle:hover {
	fill: #fff;
	background-color: #cea872;
	color: #fff;
  }
  .accordion__text {
	font-weight: 700;
  }
  .accordion__holder {
	align-items: center;
	display: flex;
	height: 100%;
	justify-content: center;
	position: absolute;
	right: 0;
	top: 0;
	width: 50px;
	pointer-events:none;
  }
  .accordion__icon  {
	  pointer-events: none;
  }
  .accordion__icon {
	fill: inherit;
	transition: fill 0.3s ease-in-out;
  }
  .accordion__icon:not([class*="accordion__icon--"]) {
	height: 20px;
	width: 15px;
  }
  .accordion__icon .svg {
	transition: transform 0.3s ease-in-out;
  }
  .accordion__inner {
	background-color: #efe2cf;
	border-radius: 4px;
	margin-top: 10px;
	padding: 22px 22px;
	position: relative;
	z-index: 1;
  }

  .accordion__prose p {
	  margin-top:0;
  }

  .accordion__prose p:last-child {
	margin-bottom:0;
}
 
  .accordion__inner:not(.visible) {
	display: none;
  }

  .row.verkoop .full-row .verkoop_container .verkoopBlocks_container .verkoop_title h1{font-size:30px}

  .accordion__groups .accordion__group:nth-child(n + 2) {
	  margin-top:40px;
  }

  .accordion__groups {
	  margin-top:30px;
	  margin-bottom:60px;
  }

.services {
	margin-top:30px;
	margin-bottom:30px;
}

.services .items-row {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
	grid-gap:20px;
} 

.services .dienst_item {
	background-color: #efe2cf;
	padding:30px;
	display: flex;
	flex-direction: column;
	gap:20px;
	overflow:hidden;
	position: relative;
	transition:color .3s ease-in-out, background-color .3s ease-in-out;
}

.services .dienst_item:focus,
.services .dienst_item:hover {
	background-color:#12359b;
	color:#fff;
}

.services .dienst_item:focus a,
.services .dienst_item:hover a {
	background-color:#efe2cf;
	color:#12359b;
}

.services .dienst_item p {
	font-size:30px;
	line-height:1.2;
	margin:0 0 20px;
	max-width:170px;
}

.services .dienst_item p span {
	font-weight:700;
	display: block;
}

.services .dienst_item a {
	margin-top:auto;
	background: #12359b;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	font-size: 13px;
	padding: 0px 15px;
	line-height: 39px;
	color: white;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-decoration: none;
	transition:color .3s ease-in-out, background-color .3s ease-in-out;
	margin-right: auto;
	position: relative;
	z-index: 10;
}

.services .dienst_item img {
	position: absolute;
	bottom:0;
	transform:translateX(25px);
	width:110px;
	height:110px;
	right:0;
	transition:transform .3s ease-in-out;
	object-fit: contain;
	object-position: bottom right;
}

.services .dienst_item:focus img,
.services .dienst_item:hover img {
	transform:translateX(0);
}

.services .titel {
	margin-bottom:30px;
}

.services .titel h2 {
	text-align:left;
	font-size: 32px;
	font-weight: 700;
	color:#12359b;
}

.accordion__toggle * {
	pointer-events:none;
}