﻿/* gallery */
.partContentFileImageGallery figure .imagePlaceholderContainer img {object-fit: cover;}

/* dropdown */
.dropDownContainer li.selected {background-color: #FF0055;}

/* filter */
.partControlReset li button {background-color: #f5f5f5;}

/* slider */
.partSlider .slideContainerViewport             {margin-bottom: 30px;}
.partSlider .slidePagination 					{position: static; margin-bottom: 30px;}
.partSlider .slidePaginationBullet 				{background-color:#999; height:12px; width: 12px; border:solid 2px #fff; transition: border 0.3s ease;}
.partSlider .slidePaginationBullet.selected		{border-width:0; background-color:#000;}

/* breadcrumb */
.partBreadcrumb {font-size: 16px;}
.partBreadcrumb li:after {margin-left: 3px; content: 'navigate_next'; flex: 1 1 auto; font-family: 'Material Icons'; font-size: 18px; max-width: 18px;}
.partBreadcrumb li {margin-right: 3px;}
.partBreadcrumb li.selected a {color: #FF0055; font-weight: 400; text-decoration: underline;}

/* popup */
/* .popupCustomContainer {padding-top: 25px;}
.popupCustomContainer h2 {margin-bottom: 30px;} */

/* pagination */
.partPagination ul {justify-content: center; font-weight: 400;}
.partPagination ul li > * {border-color: #e0e0e0;}
.partPagination ul li a:hover {background-color: #213b54; border-color: #213b54;}
.partPagination ul li.selected a {background-color: #FF0055; border-color: #FF0055;}

/* partAccordion */
.partAccordionMenuNavigation ul {font-size: 16px;}
.partAccordionMenuNavigation ul ul {background-color: #f5f5f5; border-left: solid 5px #213b54;}
.partAccordionMenuNavigation ul ul li a {padding-left: 15px;}
.partAccordionMenuNavigation ul li span.buttonTrigger {width: 59px;}

/* partcontrol */
.partControlAbstract span.inputReplacer {background-color: #fff;}


#realEstateLeft  .partControlAbstract.horizontal.partControlRadio {padding-bottom: 0; margin-bottom: 30px;}
#realEstateLeft .partControlAbstract.horizontal {border-radius: 5px; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;}
#realEstateLeft .partControlAbstract.horizontal .controlListItemContainer {font-weight: 700; font-family: 'Poppins', sans-serif; margin-right: 1px; flex: 1 1 auto; background-color: #213b54;}
#realEstateLeft .partControlAbstract.horizontal .controlListItemContainer:last-child {margin-right: 0;}
#realEstateLeft .partControlAbstract.horizontal input[type="radio"] + label span {flex: 1 1 auto; text-align: center; padding:12.5px 3px;}
#realEstateLeft .partControlAbstract.horizontal input[type="radio"] + label {background-color: transparent; color: #fff;}
#realEstateLeft .partControlAbstract.horizontal input[type=radio]:not([disabled]):checked+label {background-color: #FF0055;}

.partControlAbstract input[type=checkbox]:not([disabled]):checked+label span.inputReplacer {background-color: #FF0055;  border-color: #FF0055;}
.partControlAbstract input[type=radio]:not([disabled]):checked+label span.inputReplacer {border-color: #FF0055;}
.partControlAbstract input[type=radio]:not([disabled]):checked+label span.inputReplacer:after {background-color: #FF0055;}

.partControlAbstract.loading {pointer-events: none; opacity: 0.3; transition: opacity 0.3s ease;}

/* form */
.formV2 input[size] {flex: 1 1 auto;}


.formV2 .partContentText.privacyText {margin-top: 30px;}
.formV2 h3 {color: #FF0055;}

.formV2 .formItemContainerLabel label {font-family: 'Poppins', sans-serif; font-weight: 700; color: #213b54;}

.plaatsCheckBoxList .formControlContainer.vertical {
	display: block;
	-webkit-columns: auto /* set number of columns or set to auto */ 160px /* minimal width */;
			columns: auto /* set number of columns or set to auto */ 160px /* minimal width */;
	-webkit-column-gap: 20px;
			column-gap: 20px;
}
  
.plaatsCheckBoxList .formControlContainer.vertical .formListItemContainer{
	-webkit-column-break-inside: avoid;
			break-inside: avoid;
}