/*  MICROTHEMER STYLES  */


/*= General =================== */

/** General >> .uabb-module-content.uabb-photo-gallery.uabb-gallery-grid2.zoom-in **/
.uabb-module-content.uabb-photo-gallery.uabb-gallery-grid2.zoom-in {
	display: grid !important;
	grid-template-columns: 1fr 1fr 1fr 1fr !important;
	grid-template-rows: auto auto !important;
}
.uabb-module-content.uabb-photo-gallery.uabb-gallery-grid2.zoom-in > :nth-child(1) {
	grid-area: 1 / 1 / 3 / 3 !important;
}
.uabb-module-content.uabb-photo-gallery.uabb-gallery-grid2.zoom-in > :nth-child(2) {
	grid-area: 1 / 3 / 2 / 4 !important;
}
.uabb-module-content.uabb-photo-gallery.uabb-gallery-grid2.zoom-in > :nth-child(3) {
	grid-area: 1 / 4 / 2 / 5 !important;
}
.uabb-module-content.uabb-photo-gallery.uabb-gallery-grid2.zoom-in > :nth-child(4) {
	grid-area: 2 / 3 / 3 / 4 !important;
}
.uabb-module-content.uabb-photo-gallery.uabb-gallery-grid2.zoom-in > :nth-child(5) {
	grid-area: 2 / 4 / 3 / 5 !important;
}

/** General >> .fl-node-qau50x4svmjp .uabb-photo-gallery-item **/
.fl-node-qau50x4svmjp .uabb-photo-gallery-item {
	width: 100% !important;
}

/** General >> .uabb-module-content.uabb-photo-gallery.uabb-gallery-grid2.zoom-in > :nth-child(n+1):nth-child(-n+5) **/
.uabb-module-content.uabb-photo-gallery.uabb-gallery-grid2.zoom-in > :nth-child(n+1):nth-child(-n+5) {
	display: block !important;
}
.uabb-module-content.uabb-photo-gallery.uabb-gallery-grid2.zoom-in > :nth-child(n+6):nth-child(-n+99) {
	display: none !important;
}

/** General >> .applink **/
.applink {
	display: none !important;
}

/** General >> .ast-builder-menu-1 .menu-item > .menu-link **/
.ast-builder-menu-1 .menu-item > .menu-link {
	padding-right: 2em !important;
	padding-left: 2em !important;
}


/*= Header ==================== */

/** Header >> #masthead .ast-container, .site-header-focus-item + .ast-breadcrumbs-wrapper **/
#masthead .ast-container, 
.site-header-focus-item + .ast-breadcrumbs-wrapper {
	max-width: 1640px !important;
	padding-right: 0 !important;
	padding-left: 0 !important;
}

/** Header >> .ast-desktop .ast-primary-header-bar.main-header-bar, .ast-header-break-point #masthead .ast-primary-header-bar.main-header-bar **/
.ast-desktop .ast-primary-header-bar.main-header-bar, 
.ast-header-break-point #masthead .ast-primary-header-bar.main-header-bar {
	padding-right: 40px !important;
	padding-left: 40px !important;
	margin: 0 !important;
}


/*= Main Menu ================= */

/** Main Menu >> noclass **/
.noclass.current_page_item a {
	color: #bfbfbf !important;
}
.noclass:hover.current_page_item a {
	color: #1d71b8!important;
}

/** Main Menu >> .button_mob **/
.button_mob a {
	color: #fff !important;
}
.button_mob {
	background: #304526 !important;
}

/** Main Menu >> .button_inschrijven **/
.button_inschrijven a {
	color: #fff !important;
}
.button_inschrijven {
	background: #B05316 !important;
}


/*= Content =================== */

/** Content >> 2divalign **/
.divalign-subtop {
	width: 45% !important;
	position: absolute !important;
	top: 118px !important;
}
.divalign-subtop1 {
	width: 45% !important;
	position: absolute !important;
	top: 20px !important;
}

/** Content >> grid-penthouses **/
.penthouse-grid {
	height: 100% !important;
	display: grid !important;
	grid-gap: 52px !important;
	gap: 52px !important;
	grid-template-columns: 1fr 1fr !important;
	grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr !important;
}
#item-10 {
	background-color: #B5CBFB !important;
	grid-row-start: 1 !important;
	grid-column-start: 1 !important;
	grid-row-end: 3 !important;
	grid-column-end: 2 !important;
}
#item-11 {
	background-color: #D7B969 !important;
	grid-row-start: 1 !important;
	grid-column-start: 2 !important;
	grid-row-end: 3 !important;
	grid-column-end: 3 !important;
}
#item-12 {
	background-color: #599BEA !important;
	grid-row-start: 3 !important;
	grid-column-start: 1 !important;
	grid-row-end: 4 !important;
	grid-column-end: 2 !important;
}
#item-13 {
	background-color: #BA69FF !important;
	grid-row-start: 4 !important;
	grid-column-start: 1 !important;
	grid-row-end: 5 !important;
	grid-column-end: 2 !important;
}
#item-14 {
	background-color: #B8C879 !important;
	grid-row-start: 3 !important;
	grid-column-start: 2 !important;
	grid-row-end: 5 !important;
	grid-column-end: 3 !important;
}
#item-15 {
	background-color: #CB9EB9 !important;
	grid-row-start: 5 !important;
	grid-column-start: 1 !important;
	grid-row-end: 7 !important;
	grid-column-end: 3 !important;
}

/** Content >> grid-woningen **/
.woningen-grid {
	color: #757474 !important;
	text-align: center !important;
	height: 100% !important;
	display: grid !important;
	grid-gap: 52px !important;
	gap: 52px !important;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr !important;
	grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr !important;
}
#item-20 {
	grid-row-start: 1 !important;
	grid-column-start: 1 !important;
	grid-row-end: 3 !important;
	grid-column-end: 3 !important;
	padding-bottom: 30px !important;
}
#item-21 {
	grid-row-start: 1 !important;
	grid-column-start: 3 !important;
	grid-row-end: 3 !important;
	grid-column-end: 5 !important;
	padding-bottom: 30px !important;
}
#item-22 {
	grid-row-start: 1 !important;
	grid-column-start: 5 !important;
	grid-row-end: 3 !important;
	grid-column-end: 7 !important;
	padding-bottom: 30px !important;
}
#item-23 {
	grid-row-start: 3 !important;
	grid-column-start: 1 !important;
	grid-row-end: 5 !important;
	grid-column-end: 3 !important;
	padding-bottom: 30px !important;
}
#item-24 {
	grid-row-start: 3 !important;
	grid-column-start: 3 !important;
	grid-row-end: 5 !important;
	grid-column-end: 5 !important;
	padding-bottom: 30px !important;
}
#item-25 {
	grid-row-start: 3 !important;
	grid-column-start: 5 !important;
	grid-row-end: 5 !important;
	grid-column-end: 7 !important;
	padding-bottom: 30px !important;
}
#item-26 {
	background-color: #D6E67F !important;
	grid-row-start: 5 !important;
	grid-column-start: 1 !important;
	grid-row-end: 6 !important;
	grid-column-end: 4 !important;
}
#item-27 {
	background-color: #9BB99B !important;
	grid-row-start: 6 !important;
	grid-column-start: 1 !important;
	grid-row-end: 7 !important;
	grid-column-end: 4 !important;
}
#item-28 {
	background-color: #5895F7 !important;
	grid-row-start: 5 !important;
	grid-column-start: 4 !important;
	grid-row-end: 7 !important;
	grid-column-end: 7 !important;
}
#item-29 {
	background-color: #C8DBE9 !important;
	grid-row-start: 7 !important;
	grid-column-start: 1 !important;
	grid-row-end: 9 !important;
	grid-column-end: 7 !important;
}

/** Content >> grid-appartementen **/
.angry-grid {
	height: 100% !important;
	display: grid !important;
	grid-gap: 52px !important;
	gap: 52px !important;
	grid-template-columns: 1fr 1fr !important;
	grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr !important;
}
#item-0 {
	background-color: #F55D78 !important;
	grid-row-start: 1 !important;
	grid-column-start: 1 !important;
	grid-row-end: 4 !important;
	grid-column-end: 2 !important;
}
#item-1 {
	background-color: #D5D9EB !important;
	grid-row-start: 1 !important;
	grid-column-start: 2 !important;
	grid-row-end: 4 !important;
	grid-column-end: 3 !important;
}
#item-2 {
	background-color: #DFC86B !important;
	grid-row-start: 4 !important;
	grid-column-start: 1 !important;
	grid-row-end: 5 !important;
	grid-column-end: 2 !important;
}
#item-3 {
	background-color: #79DD77 !important;
	grid-row-start: 5 !important;
	grid-column-start: 1 !important;
	grid-row-end: 6 !important;
	grid-column-end: 2 !important;
}
#item-4 {
	background-color: #B67B9B !important;
	grid-row-start: 4 !important;
	grid-column-start: 2 !important;
	grid-row-end: 6 !important;
	grid-column-end: 3 !important;
}
#item-5 {
	background-color: #78F65E !important;
	grid-row-start: 6 !important;
	grid-column-start: 1 !important;
	grid-row-end: 8 !important;
	grid-column-end: 3 !important;
}

/** Content >> a.uabb-button.uabb-creative-button.uabb-creative-flat-btn.uabb-none-btn.contact_button **/
a.uabb-button.uabb-creative-button.uabb-creative-flat-btn.uabb-none-btn.contact_button {
	font-size: 18px !important;
	font-weight: 600 !important;
	padding: 10px 40px 10px 40px !important;
	border: 1px solid #fff !important;
}

/** Content >> .woning-plattegrond-omschrijving **/
.woning-plattegrond-omschrijving {
	margin-top: 15px !important;
}

/** Content >> ast-custom-button1 **/
.ast-custom-button1 {
	color: var(--ast-global-color-5) !important;
	text-align: center !important;
	background: var(--ast-global-color-0) !important;
	width: 50% !important;
	padding: 15px 30px 15px 30px !important;
	margin-top: 60px !important;
	border-width: 1px !important;
	border-style: solid !important;
	border-color: var(--ast-global-color-0) !important;
}
.ast-custom-button1:hover {
	background: var(--ast-global-color-5) !important;
	color: var(--ast-global-color-0) !important;
	border-width: 1px !important;
	border-style: solid !important;
	border-color: var(--ast-global-color-0) !important;
}


/*= home ====================== */

/** home >> .vogel1 **/
.vogel1 {
	width: 85px !important;
	position: absolute !important;
	top: -66px !important;
	left: -84px !important;
	z-index: 1 !important;
}

/** home >> .vogel2 **/
.vogel2 {
	width: 64px !important;
	height: 99px !important;
	position: absolute !important;
	top: -220px !important;
	right: -30px !important;
	z-index: 0 !important;
}

/** home >> tak1 **/
.tak1 {
	width: 85px !important;
	position: absolute !important;
	top: -42px !important;
	right: -10px !important;
	z-index: 1 !important;
	transform: rotateZ(110deg) !important;
}

/** home >> tak1 Copy 1 **/
.tak2 {
	width: 85px !important;
	position: absolute !important;
	top: -42px !important;
	left: 8% !important;
	z-index: 1 !important;
}

/** home >> Ast custom button **/
#ast-desktop-header .ast-custom-button {
	font-size: 1vw !important;
}

/** home >> Menu text **/
#ast-desktop-header .menu-text {
	font-size: 1vw !important;
}

/** home >> vogel_kuif **/
.vogel_kuif {
	width: 85px !important;
	position: absolute !important;
	top: -68px !important;
	left: -60px !important;
	z-index: 1 !important;
}

/** home >> vogel_appartementen **/
.vogel_appartementen {
	width: 85px !important;
	position: absolute !important;
	top: -300px !important;
	right: 70px !important;
}

/** home >> vogel_penthouses **/
.vogel_penthouses {
	width: 85px !important;
	position: absolute !important;
	top: -245px !important;
	left: 8% !important;
}

/** home >> vogel_omgeving **/
.vogel_omgeving {
	width: 78px !important;
	position: absolute !important;
	top: -300px !important;
	right: 8% !important;
}

/** home >> vogel_overons **/
.vogel_overons {
	width: 74px !important;
	position: absolute !important;
	top: -262px !important;
	right: 8% !important;
	transform: rotateY(180deg) !important;
}

/** home >> vogel_penthouse-enkel **/
.vogel_penthouse_enkel {
	width: 74px !important;
	position: absolute !important;
	top: -254px !important;
	left: 8% !important;
}

/** home >> vogel_apperement_enkel **/
.vogel_appartemen_enkel {
	width: 74px !important;
	position: absolute !important;
	top: -262px !important;
	right: 8% !important;
	transform: rotateY(170deg) !important;
}

/** home >> vogel_woning_enkel **/
.vogel_woningen_enkel {
	width: 74px !important;
	position: absolute !important;
	top: -296px !important;
	right: 8% !important;
	transform: rotateY(170deg) !important;
}


/*( < 1500 )*/
@media (max-width: 1499.98px) {
	/** home >> vogel_appartementen **/
	.vogel_appartementen {
	display: none !important;
}

	/** home >> vogel_penthouses **/
	.vogel_penthouses {
	display: none !important;
}

	/** home >> vogel_omgeving **/
	.vogel_omgeving {
	display: none !important;
}

	/** home >> vogel_overons **/
	.vogel_overons {
	display: none !important;
}

	/** home >> vogel_penthouse-enkel **/
	.vogel_penthouse_enkel {
	display: none !important;
}

	/** home >> vogel_apperement_enkel **/
	.vogel_appartemen_enkel {
	display: none !important;
}

	/** home >> vogel_woning_enkel **/
	.vogel_woningen_enkel {
	display: none !important;
}

	/** home >> .vogel1 **/
	.vogel1 {
	top: -66px !important;
	left: 10px !important;
}

	/** General >> .ast-builder-menu-1 .menu-item > .menu-link **/
	.ast-builder-menu-1 .menu-item > .menu-link {
	padding-right: 1.5em !important;
	padding-left: 1.5em !important;
}

}


/*( < 1280 )*/
@media (max-width: 1279.98px) {
	/** home >> tak1 Copy 1 **/
	.tak2 {
	display: none !important;
}

	/** home >> Ast custom button **/
	#ast-desktop-header .ast-custom-button {
	font-size: 14px !important;
	padding: 15px !important;
}

	/** home >> Menu text **/
	#ast-desktop-header .menu-text {
	font-size: 14px !important;
}

	/** home >> Custom logo **/
	#masthead .custom-logo {
	width: 190px !important;
}

	/** home >> appartement-blok-home **/
	.appartement-blok-home {
	padding-right: 40px !important;
}

	/** home >> appartement-blok-img **/
	.appartement-blok-img {
	padding-left: 20px !important;
}

	/** home >> tak1 **/
	.tak1 {
	width: 85px !important;
	position: absolute !important;
	top: -42px !important;
	right: 10px !important;
}

	/** home >> .imp-object-spot.imp-object **/
	.imp-object-spot.imp-object img {
	width: 50px !important;
	height: 50px !important;
}

	/** Content >> 2divalign **/
	.divalign-subtop {
	top: 90px !important;
}
.divalign-subtop1 {
	width: 45% !important;
	position: absolute !important;
	top: 20px !important;
}

	/** Content >> grid-penthouses **/
	.penthouse-grid {
	grid-gap: 30px !important;
	gap: 30px !important;
}

	/** Content >> grid-woningen **/
	.woningen-grid {
	grid-gap: 30px !important;
	gap: 30px !important;
}

	/** Content >> grid-appartementen **/
	.angry-grid {
	grid-gap: 30px !important;
	gap: 30px !important;
}

	/** General >> .ast-builder-menu-1 .menu-item > .menu-link **/
	.ast-builder-menu-1 .menu-item > .menu-link {
	padding-right: 0.9em !important;
	padding-left: 0.9em !important;
}

}


/*( < 1065 )*/
@media (max-width: 1064.98px) {
	/** home >> site-header **/
	.site-header {
	padding-right: 3% !important;
	padding-left: 3% !important;
}

	/** Content >> 2divalign **/
	.divalign-subtop {
	width: 100% !important;
	position: relative !important;
	top: 0 !important;
}
.divalign-subtop1 {
	width: 100% !important;
	position: relative !important;
	top: 0px !important;
}

	/** Content >> tekst-naast-foto **/
	.tekst-naast-foto, 
.tekst-naast-foto h3 {
	color: #fff !important;
}

	/** Content >> grid-penthouses **/
	.penthouse-grid {
	grid-gap: 20px !important;
	gap: 20px !important;
}

	/** Content >> grid-woningen **/
	.woningen-grid {
	grid-gap: 20px !important;
	gap: 20px !important;
}

	/** Content >> grid-appartementen **/
	.angry-grid {
	grid-gap: 20px !important;
	gap: 20px !important;
}

	/** Content >> h2, .entry-content h2, .entry-content h2 a **/
	h2, 
.entry-content h2, 
.entry-content h2 a {
	line-height: 1.5em !important;
}

}


/*( < 768 )*/
@media (max-width: 767.98px) {
	/** General >> .applink **/
	.applink {
	color: #fff !important;
	font-size: 24px !important;
	font-weight: 600 !important;
	text-align: center !important;
	background-color: #304526 !important;
	padding: 15px !important;
	display: block !important;
}

	/** General >> nietmob **/
	.nietmob {
	display: none !important;
}

	/** home >> site-header **/
	.site-header {
	padding: 0 !important;
}

	/** home >> appartement-blok-home **/
	.appartement-blok-home {
	padding-right: 10px !important;
}

	/** home >> appartement-blok-img **/
	.appartement-blok-img {
	padding-left: 10px !important;
}

	/** home >> tak1 **/
	.tak1 {
	width: 85px !important;
}

	/** Content >> 2divalign **/
	.divalign-subtop {
	width: 100% !important;
	position: relative !important;
	top: 0 !important;
}
.divalign-subtop1 {
	width: 100% !important;
	position: relative !important;
	top: 0px !important;
}

}


/*( < 480 )*/
@media (max-width: 479.98px) {
	/** home >> tak1 **/
	.tak1 {
	width: 60px !important;
	top: -30px !important;
}

	/** home >> vogel_kuif **/
	.vogel_kuif {
	width: 40px !important;
	top: -31px !important;
	left: 10px !important;
}

	/** home >> .imp-object-spot.imp-object **/
	.imp-object-spot.imp-object img {
	width: 25px !important;
	height: 25px !important;
}

	/** Header >> .ast-desktop .ast-primary-header-bar.main-header-bar, .ast-header-break-point #masthead .ast-primary-header-bar.main-header-bar **/
	.ast-desktop .ast-primary-header-bar.main-header-bar, 
.ast-header-break-point #masthead .ast-primary-header-bar.main-header-bar {
	padding-right: 20px !important;
	padding-left: 20px !important;
	margin: 0 !important;
}

}