@charset "UTF-8";

:root {
  	--ve-red: #CD161B;
 	--secondary-color: #DADADA;
	--grey-text: #707070;
}
body .wpb-content-wrapper{
	margin-top: 130px;
}
section.vc_section{
    display: flex;
    flex-direction: column;
    align-items: center;
	padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
}
section.container{
	margin-left: auto;
	margin-right: auto;
}
div.vc_row{
	margin-left: auto;
	margin-right: auto;
}
h1, h2, h3, h4, h5{
	font-family: "forma-djr-cyrillic-banner", sans-serif;
    font-weight: 500;
    letter-spacing: 1px;
}
h1 a, h2 a, h3 a, h4 a, h5 a{
    font-weight: 500;
    letter-spacing: 1px;
    font-family: "forma-djr-cyrillic-banner", sans-serif;	
}
p, span, a, li, strong{
	font-family: "open-sans", sans-serif;
	font-weight: 400;
	color: var(--grey-text);
}
strong{
	font-weight: bold;	
}
a{
	color: var(--ve-red);
	text-decoration: none;
	transition-duration: 300ms;
}
a:not(.ve_button):hover{
	text-decoration: underline;
}
h1{
	color: var(--ve-red);
	font-size: 2rem;
}
header{
	background-color: var(--secondary-color);
	box-shadow: 0 0 15px 2px rgba(0 0 0 / 30%);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
    width: 100%;
}
header .container{
	position: relative;	
}
header .col-2 img{
	width: 100%;
	margin: 7px 0;
}
header .col-9{
	display: flex;
	align-items: center;
}
header .container::before, header .container::after{
	content: '';
	background-color: var(--ve-red);
	height: 3px;
	width: 250px;
	display: block;
	transition-duration: 300ms;
}
header .container::before{
	margin-left: 20%;
	margin-top: 0px;
}
header .container::after{
	margin-left: 80%;
	margin-bottom: -2px
}
header:hover .container::before{
	margin-left: calc(100% - 250px);	
}
header:hover .container::after{
	margin-left: 0;	
}
.menu{
	display: flex;
	justify-content: flex-start;
    align-items: center;
	padding-left: 0;
	margin-bottom: 0;
}
.menu li{
	list-style: none;
	margin-right: 20px;
	font-size: 1.1rem;
}
.menu li a{
	color: black;	
}
.menu li a:hover{
	color: var(--ve-red);
	text-decoration: none;
}
.topNav{
	position: absolute;
    right: 0;
    top: 20px;
	border-bottom: 1px solid var(--ve-red);
}
.topNav ul{
	padding-bottom: 10px;
}
.topNav ul li a{
	font-size: 1rem;	
}
.mobileNav, .mobileNavItems{
	display: none;	
}
body > section.wpb-content-wrapper{
	margin-top: 150px;	
}
.redBox .vc_column-inner > .wpb_wrapper{
	background-color: var(--ve-red);
	padding: 10px;
}
.redBox h2, .redBox h3, .redBox p, .redBox strong, .redBox em{
	color: white;
}
div.dienstenBlok{
    padding-right: 15px;
    padding-bottom: 15px;
}
.dienstenBlok > div{
	min-height: 250px!important;
	background-size: cover;
	background-position: center;
	display: flex;
    align-items: flex-end;
	position: relative;
}
.dienstenBlok .wpb_text_column.wpb_content_element{
	margin-bottom: 15px;	
}
.dienstenBlok a{
	font-size: 1.3rem;
	color: white;
	height: 100%;
	display: block;
	position: relative;
}
.dienstenBlok h2::before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(150 150 150 / 50%);
}
.posthomeContainer > div{
	position: relative;	
}
.postshome{
	padding-left: 0;
}
.postshome li{
	list-style: none;
	border-bottom: 1px solid black;
    padding-bottom: 10px;
	margin-bottom: 15px;
}
.postshome li strong{
	font-weight: bold;
	color: black;
}
.postshome li span{
	color: black;
}
.posthomeContainer .ve_button_container{
	position: absolute;
	bottom: 30px;
	width: calc(100% - 30px);
}
.posthomeContainer .ve_button::after{
	background-image: linear-gradient(90deg, #fff 0%, #fff 25%, var(--ve-red) 25.1%, var(--ve-red) 74.9%, #fff 75%, #fff 100%);
}
.ve_button_container{
	display: inline-block;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	margin-bottom: 10px;
}
.ve_button{
	position: relative;
	color: black;
	font-size: 1.1rem;
	display: block;
}
.ve_button::after{
	content: '';
	position: absolute;
	left: 0;
	bottom: -10px;
	background-image: linear-gradient(90deg, var(--secondary-color) 0%, var(--secondary-color) 25%, var(--ve-red) 25.1%, var(--ve-red) 74.9%, var(--secondary-color) 75%, var(--secondary-color) 100%);	
	background-size: 200%;
	background-position: right;
	height: 5px;
	width: 100%;
	border-radius: 9999px;
	transition-duration: 300ms;
	/* EDIT */
	transform: translate(-50%, -50%);
    left: 50%;
    width: 50px;
	bottom: -12px;
}
.ve_button:hover::after{
	background-position: left;
}
.dienstenBlok > div{
	border: 2px solid var(--secondary-color);
}
.dienstenBlok::before, .dienstenBlok::after{
	content: '';
	background-color: var(--ve-red);
	height: 3px;
	width: 50%;
	display: block;
	z-index: 9999;
	transition-duration: 300ms;	
	position: relative;
}
.dienstenBlok::before{
	margin-left: 0;
	margin-bottom: -3px;
}
.dienstenBlok::after{
	margin-left: 50%;
	margin-top: -3px;
}
.dienstenBlok:hover::before{
	margin-left: 50%;
}
.dienstenBlok:hover::after{
	margin-left: 0;
}
footer{
	margin-top: 32px;
	background-color: var(--secondary-color);
	padding: 20px 0;
}
footer img{
	max-width: 200px;
	margin-right: 10px;
}
footer a{
	display: inline-block;	
}
footer .row .col-6:first-child a{
	margin: 0 10px;
	color: white;
	font-weight: bold;
}
footer .row .col-6:first-child a:hover{
	color: var(--ve-red);	
}
footer p{
	text-align: center;
    padding: 15px 0;
	margin-bottom: 0;
	font-size: 0.9rem;
}
.svgImage img, .svgImage figure, .svgImage div{
	width: 100%;	
}
.redBorder, .redBorderReverse{
	border: 5px solid var(--secondary-color);
}
.redBorder::before, .redBorder::after, .redBorderReverse::before, .redBorderReverse::after{
	content: '';
	background-color: var(--ve-red);
	height: 4px;
	width: 50%;
	display: block;
	z-index: 9999;
	transition-duration: 300ms;
}
.redBorder::before{
	margin-left: 0px;
	margin-top: -4px;
}
.redBorder::after{
	margin-left: 50%;
	margin-bottom: -4px
}
.redBorder:hover::before{
	margin-left: 50%;	
}
.redBorder:hover::after{
	margin-left: 4px;	
}
.redBorderReverse::before{
	margin-left: 50%;
	margin-top: -4px;
}
.redBorderReverse::after{
	margin-left: 0;
	margin-bottom: -4px
}
.redBorderReverse:hover::before{
	margin-left: 0%;	
}
.redBorderReverse:hover::after{
	margin-left: 50%;	
}
.locations{
	position: relative;	
}
.locations .pin{
	position: absolute;
	width: 30px;
	transform-origin: 50% bottom;
	transition-duration: 300ms;
}
.locations .pin:hover{
	transform: scale(1.3);
	cursor: pointer;
}
.locations .locationPopup{
	display: none;
	width: 350px;
	position: absolute;
	background-color: white;
	border-radius: 15px;
	text-align: center;
	padding: 10px 15px;
	border: 4px dotted var(--secondary-color);
    z-index: 9999999;
}
.locations .locationPopup strong{
	color: var(--ve-red);
	margin-bottom: 5px;
	font-size: 1.1rem;
	font-weight: 600;
	display: block;
}
.locations .locationPopup strong a{
	font-weight: bold;
	color: black;
}
.locations .pin[data-loc=oostende]{
	left: 15%;
    top: 4%;	
}
.locations .locationPopup{
    left: calc(50% - 175px);
    top: calc(16% - 115px);
}
.locations .pin[data-loc=kortrijk]{
	left: 15%;
    top: 28%;	
}
.locations .pin[data-loc=gent]{
	left: 33%;
    top: 16%;	
}
.locations .pin[data-loc=aalst-dendermonde]{
	left: 37%;
    top: 20%;	
}
.locations .pin[data-loc=brussel]{
	left: 46%;
    top: 28%;	
}
.locations .pin[data-loc=leuven]{
	left: 53%;
    top: 25%;	
}
.locations .pin[data-loc=antwerpen]{
	left: 51%;
    top: 5%;	
}
.locations .pin[data-loc=hasselt-diepenbeek]{
	left: 76%;
    top: 25%;	
}
span.closeLocation {
    position: absolute;
    right: 15px;
    top: 15px;
    transform: rotate(45deg);
    font-size: 2rem;
    line-height: 1rem;
	transition-duration: 300ms;
}
span.closeLocation:hover{
	color: var(--ve-red);
	transform: rotate(45deg) scale(1.2);
	cursor: pointer;
}
.postsnews{
	max-height: 1400px;
	height: auto;
	overflow-y: scroll;
}
.postsnews{
	padding: 0px 20px 30px 40px;
	background-color: rgba(218 218 218 / 25%);
	background-clip: padding-box;
	border-right: 50px solid rgba(218 218 218 / 25%);
	border-top: 50px solid rgba(218 218 218 / 25%);
	border-bottom: 20px solid rgba(218 218 218 / 25%);
}
.postsnews li{
	list-style: none;
}
.postsnews li a{
	display: block;
	padding: 15px;
	border-bottom: 2px solid #707070;
	color: black;
	transition-duration: 300ms;
}
.postsnews li a:hover{
	background-color: var(--secondary-color);
}
.postsnews li a:hover h2{
	color: var(--ve-red);	
}
.postsnews li a p, .postsnews li a span{
	color: black;	
}
.postsnews::-webkit-scrollbar-track{
  background-color: #ffffff;
}
.postsnews::-webkit-scrollbar{
	width: 7px;
	background-color: var(--ve-red);
}
.postsnews::-webkit-scrollbar-thumb{
  background-color: #D62929;
}
.searchPosts{
	margin-top: 50px;	
}
.getuigenissen{
	margin: 0 -15px;	
}
.singleGetuigenis{
	padding: 15px;
	box-shadow: 0 0 5px var(--secondary-color);
	margin: 5px 15px;
}
.singleGetuigenis span{
	font-size: 1.3rem;
    color: black;
    text-align: center;
	font-weight: bold;
	display: block;
}
.postHeader{
    margin: 0 15px 32px 15px;	
}
.postContainer{
	margin-top:150px;
	border-top: 3px solid var(--ve-red);
	border-bottom: 3px solid var(--ve-red);
	padding-top: 32px;
	background-color: var(--secondary-color);
}
.postContainer p, .postContainer strong, .postContainer em, .postHeader span{
	color: black;
}
.postControls{
	display: flex;
	margin-bottom: 32px;
}
.postControlsCol{
	flex: 1;
}
.postControls .postControlsCol:last-child{
	text-align: right;	
}
.backToDiensten a{
	color: black;
	transition-duration: 300ms;
}
.backToDiensten a:hover{
	color: var(--ve-red);
}
.backToDiensten a::before{
	content: '';
	width: 15px;
	height: 35px;
	display: inline-block;
	margin-right: 10px;
	background-image: url(/wp-content/themes/Verenigde-eigenaars/icons/backArrow.svg);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	margin-bottom: -11px;
	transition-duration: 300ms;
}
.backToDiensten a:hover::before{
	margin-right: 15px;
}
.contactIcon p{
	display: flex;
    align-items: center;
}
.contactIcon p::before{
	content: '';
	display: inline-block;
	height: 40px;
	width: 40px;
	margin-right: 10px;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}
.contactClock p::before{
	background-image: url(/wp-content/themes/Verenigde-eigenaars/icons/clock.svg);
}
.contactLocation p::before{
	background-image: url(/wp-content/themes/Verenigde-eigenaars/icons/location.svg);
}
.contactMail p::before{
	background-image: url(/wp-content/themes/Verenigde-eigenaars/icons/mail.svg);
}
.contactPhone p::before{
	background-image: url(/wp-content/themes/Verenigde-eigenaars/icons/phone.svg);
}
.contactLinkedin p::before{
	background-image: url(/wp-content/themes/Verenigde-eigenaars/icons/linkedin.svg);
}
.loginform{
    background-color: var(--secondary-color);
    padding-top: 50px;
    padding-left: 50px!important;
    padding-bottom: 50px;
    padding-right: 50px!important;
}
.loginform button, .redbutton#wp-submit{
	background-color: var(--ve-red)!important;
	color: white!important;
	border: 3px solid transparent!important;
	padding: 3px!important;
    height: auto!important;
    font-size: 1.3rem!important;
	border-radius: 3px!important;
	transition-duration: 300ms;
}
.redbutton#wp-submit{
	font-size: 1.1rem!important;
}
.loginform button:hover, .redbutton#wp-submit:hover{
	background: unset!important;
	background-color: var(--secondary-color)!important;
	color: var(--ve-red)!important;
	border: 3px solid var(--ve-red)!important;
}
#wpforms-195-field_0-container input{
	padding-left: 60px;	
}
#wpforms-195-field_1-container input{
	padding-right: 60px;	
}
#wpforms-195-field_0-container::before{
	content: '';
	display: block;
	position: absolute;
	background-image: url(/wp-content/themes/Verenigde-eigenaars/icons/user.svg);
	background-size: cover;
	background-position: center;
	width: 50px;
	height: 50px;
	left: 0;
	top: 11px;
	z-index: 99;
}
#wpforms-195-field_1-container::after{
	content: '';
	display: block;
	position: absolute;
	background-image: url(/wp-content/themes/Verenigde-eigenaars/icons/lock.svg);
	background-size: cover;
	background-position: center;
	width: 50px;
	height: 50px;
	right: 0;
	top: 11px;
	z-index: 99;
}
#wpforms-195-field_2-container{
	display: none;	
}
.loginform .ve_button_container{
	width: 100%;
}
.loginform .ve_button::after{
	background-image: linear-gradient(90deg, white 0%, white 25%, var(--ve-red) 25.1%, var(--ve-red) 74.9%, white 75%, white 100%);
}
.wpforms-submit-container {
    text-align: center;
}
.loginform input{
	border-radius: 999px!important;
	position: relative!important;
}
.redBtn a{
	color: white;
	background-color: var(--ve-red);
	padding: 0 3px;
	font-size: 1.3rem;
	border: 3px solid transparent;
	transition-duration: 300ms;
}
.redBtn a:hover{
	background-color: transparent;
	border: 3px solid var(--ve-red);
	color: var(--ve-red);
}
.anchor a{
	color: var(--ve-red);
	font-weight: bold;
	display: block;
	position: relative;
}
.anchor a:after{
	content: '';
    display: block;
    width: 10px;
    height: 23px;
    background-image: url(/wp-content/themes/Verenigde-eigenaars/icons/backArrow.svg);
    background-size: cover;
    transform: rotate(-90deg);
    margin-right: 0;
    position: absolute;
    right: 50px;
	transition-duration: 300ms;
}
.anchor a:hover{
	color: #fff;	
}
.anchor a:hover::after{
	filter: brightness(0) invert(1);
}
.magazines{
	overflow: auto;
    margin-top: 40px;
	padding-top: 110px;
}
.singleMagazine{
	background-size: cover;
	background-position: center;
	height: 300px;
	width: calc(20% - 30px);
	float: left;
	margin: 15px;
	transform-origin: 50% 100%;
}
.magazines .singleMagazine:first-child{
	width: calc(20% + 40px);
    height: 364px;
    margin-top: -100px;
}
.magazines .singleMagazine:nth-child(2), .magazines .singleMagazine:nth-child(3), .magazines .singleMagazine:nth-child(4), .magazines .singleMagazine:nth-child(5){
	width: calc(20% - 48px);
    height: 249px;
}
.singleMagazine:hover{
	cursor: pointer;	
}
#magazineFilter input[type=text]{
	padding: 5px;
    border-radius: 10px;
    border: 1px solid;
    margin-right: 15px;
	width: 50%;
    min-width: 300px;
	margin-bottom: 15px;
}
#magazineFilter input[type=submit]{
	background-color: var(--ve-red);
    color: white;
    border: 2px solid transparent;
    padding: 5px 15px;
    border-radius: 10px;
	margin-bottom: 15px;
}
.readerContainer{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	justify-content: center;
	align-items: center;
	background-color: rgba(255 255 255 / 80%);
	z-index: 999999;
}
#reader{
	/*width: 90%;*/
	max-width: 1320px;
	height: calc(100vh - 100px);
	padding: 50px;
	position: relative;
    border-radius: 15px;
	width: calc((100vh - 100px) / 0.783333)
}
#reader iframe, #reader div{
	width: 100%;
	height: 100%;
}
#reader #closeReader{
	transition-duration: 300ms;
	position: absolute;
    left: 25px;
    top: 25px;
}
#reader #closeReader img{
	width: 20px;	
}
#reader #closeReader:hover{
	cursor: pointer;
}
.contactIcon {
    margin-bottom: 15px!important;
}
.contactForm .row p{
	margin-bottom: 1rem!important;	
}
.contactForm .row p, .contactForm .row span, .contactForm .row input{
	width: 100%;	
}
.contactForm .row input {
    padding: 5px 5px 5px 15px;
    border: none;
    border-radius: 9999px;
}
.contactForm .row > div:first-child span input{
	padding-left: 50px;	
}
.contactForm .row > div:first-child span::before{
	content: '';
	display: inline-block;
	width: 40px;
	height: 40px;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
    left: 0;
    top: -9px;
}
.contactForm .row > div:first-child span[data-name=naam]::before{
	background-image: url(/wp-content/themes/Verenigde-eigenaars/icons/user.svg);
}
.contactForm .row > div:first-child span[data-name=mail]::before{
	background-image: url(/wp-content/themes/Verenigde-eigenaars/icons/mail.svg);
}
.contactForm .row > div:first-child span[data-name=straat]::before{
	background-image: url(/wp-content/themes/Verenigde-eigenaars/icons/location.svg);
}
.contactForm .row > div:first-child span[data-name=telefoon]::before{
	background-image: url(/wp-content/themes/Verenigde-eigenaars/icons/phone.svg);
}
.contactForm span[data-name=onderwerp]{
	display: flex;	
	align-items: center;
}
.contactForm .row > div span[data-name=onderwerp]::before{
	content: 'Vraag in verband met:';
	font-weight: bold;
	margin-right: 5px;
	min-inline-size: max-content;
	background: unset!important;
	position: initial;
	width: unset;
	height: unset;
}
.contactForm span[data-name=onderwerp] select{
	width: 100%;
	border: none;
    padding: 5px 5px 5px 30px;
	color: var(--grey-text);
    border-radius: 999px;
	-webkit-appearance: none;
    -moz-appearance: none;
    background-image: url(/wp-content/themes/Verenigde-eigenaars/icons/dropdownArrow.svg);
    background-repeat: no-repeat;
    background-position-x: calc(100% - 3px);
    background-position-y: 3px;
    background-size: 28px;
}
.contactForm form p:nth-last-child(2){
	text-align: center;	
}
.contactForm form input[type=submit]{
	background-color: var(--ve-red);
	color: white;
	font-weight: bold;
	border: 2px solid transparent;
	transition-duration: 300ms;
}
.contactForm form input[type=submit]:hover{
	background-color: transparent;
	color: var(--ve-red);
	border: 2px solid var(--ve-red);
}
.wpcf7-spinner{
	display: none!important;	
}
.contactForm .row > div{
	padding-left: 5px;
	padding-right: 5px;
}
.contactForm > div.vc_column-inner{
    padding-top: 35px;
	padding-right: 35px;
	padding-bottom: 15px;
	padding-left: 35px;
}
.loginPopupContainer{
	position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
    background-color: rgba(255 255 255 / 60%);
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.loginPopup{
	background-color: var(--secondary-color);
	padding: 50px;
	width: 90%;
	max-width: 500px;
	position: relative;
}
#closelogin{
	display: block;
	color: transparent;
	position: absolute;
	top: 20px;
    left: 20px;
}
#closelogin:hover{
	cursor: pointer;	
}
#closelogin::before{
	content: '';
	display: inline-block;
	height: 40px;
	width: 20px;
	background-image: url(/wp-content/themes/Verenigde-eigenaars/icons/backArrow.svg);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}
.postsdossier li{
	background-color: var(--secondary-color);
    padding: 25px;
    list-style: none;
	color: black;
	margin-bottom: 32px!important;
	position: relative;
}
.postsdossier li::before{
	content: '';
	position: absolute;
	left: 0;
	top: calc(95% - 100px);
	width: 4px;
	height: 100px;
	background-color: var(--ve-red);
	transition-duration: 300ms;
}
.postsdossier li::after{
	content: '';
	position: absolute;
	right: 0;
	top: 5%;
	width: 4px;
	height: 100px;
	background-color: var(--ve-red);
	transition-duration: 300ms;
}
.postsdossier li:hover::before{
	top: 5%;
}
.postsdossier li:hover::after{
	top: calc(95% - 100px);
}
.dossierTitle strong{
	font-size: 1.5rem;
	color: var(--ve-red);
}
.postsdossier li .ve_button::after{
	background-image: linear-gradient(90deg, white 0%, white 25%, var(--ve-red) 25.1%, var(--ve-red) 74.9%, white 75%, white 100%)
}
#searchTitle {
    float: right;
    position: relative;
	margin-top: -55px;
}
#searchTitle input{
	border-radius: 999px;
	padding-right: 32px;
	padding-left: 10px;
}
#searchTitle::after{
	content: '';
	display: inline-block;
	width: 21px;
    height: 28px;
	background-image: url(/wp-content/themes/Verenigde-eigenaars/icons/search.svg);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	right: 10px;
}
.newsfilter {
    display: inline-block;
	margin-right: 30px;
}
.newsfilter label {
    display: block;
    text-align: center;
	font-weight: 600;
}
.newsfilter input, .newsfilter select{
	background-color: var(--secondary-color);
	border: 0;
	border-radius: 0;
    padding: 3px 12px;
	min-width: 150px;
}
#newsFilterForm #bereik{
    padding: 5px 12px;
}
.newsCategories{
    width: fit-content;
	margin-top: 32px;
	margin-bottom: 32px!important;
}
.newsCategories input{
	display: none;	
}
.newsCategories label{
    display: inline-block;
	margin-right: 30px;
	padding-bottom: 5px;
	transition-duration: 300ms;
	border-bottom: 4px solid transparent;
	margin-bottom: -2px;
}
.newsCategories label:hover, .newsCategories input:checked+label{
	border-bottom: 4px solid var(--ve-red);
	cursor: pointer;
}
.newsCategories hr{
	display: block;
	width: 100%;
	height: 2px;
	background-color: var(--secondary-color);
	margin-top: 0;
}
.toggleNewsFilter{
	display: inline-block;
	text-transform: uppercase;
	font-weight: 700;
	margin-right: 10px;
	margin-bottom: 32px;
	transition-duration: 300ms;
}
.toggleNewsFilter:hover{
	color: black;
	cursor: pointer;
}
.toggleNewsFilter::after{
	content: '';
	display: inline-block;
	transition-duration: 300ms;
	background-image: url(/wp-content/themes/Verenigde-eigenaars/icons/backArrow.svg);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	transform: rotate(90deg);
	width: 22px;
	height: 22px;
	margin-left: 10px;
    margin-bottom: -4px;
}
.toggleNewsFilter:hover::after, .toggleNewsFilter.active::after{
	transform: rotate(270deg);
}
.newsfilter, .newsCategories{
	display: none;	
}
.faqTitle {
    font-size: 1.1rem;
	position: relative;
    width: fit-content;
}
.faqTitle::before{
	content: '+';
	font-weight: bold;
	font-size: 1.5rem;
	color: var(--ve-red);
	transition-duration: 300ms;
	display: inline-block;
	margin-right: 5px;
    transform: translateY(2px);
}
.faqTitle:hover{
	cursor: pointer;	
}
.faqTitle:hover::before{
	transform: scale(1.2);
}
.faqTitle.active::before{
	transform: rotate(45deg) translate(2px, 2px);
}
.singleFaq {
    border-bottom: 2px solid var(--ve-red);
    margin-bottom: 15px;
}
.faqContent{
	display: none;
	padding: 15px;
	color: black;
	background-color: var(--secondary-color);
}
.faqTitle.active + .faqContent{
	display: block;	
}
.faqContent li{
	color: black;	
}
.faqContent a, .faqContent span{
	color: var(--ve-red);
}
.faqContent a:hover, .faqContent a:hover span{
	font-weight: bold;	
}
.redh2 h2{
	color: var(--ve-red);	
}
.priceTable table td, .priceTable table th{
	padding: 5px;
}
.priceTable table thead tr{
	background-color: var(--ve-red);	
}
.priceTable table thead tr th{
	color: white;	
}
.priceTable table tbody tr:nth-child(even){
	background-color: #efefef;	
}
.priceTable table tbody tr a{
	color: var(--ve-red);
	font-weight: bold;
}
.priceTable table tbody tr a:hover{
	text-decoration: underline;
}
ul.postsdossierhome {
    padding: 0;
}
ul.postsdossierhome li{
    list-style: none;
	position: relative;
}
ul.postsdossierhome li .ve_button_container{
	position: relative;
	bottom: 10px;
}
.indextable{
	display: none;	
}
.indextable table {
    width: 100%;
    max-width: 600px;
    margin: auto;
}
.indextable table tr td{
	font-size: 1.2rem;
	padding: 10px;
    background-color: white;
    margin: 5px;
    border-collapse: collapse;
    border: 5px solid #f8f8f8;
    filter: drop-shadow(0px 0px 6px rgba(0 0 0 / 12%));
}
.indextable table tr td span{
	font-size: 1.5rem;
	font-weight: bold;
}
.indexTabellen.vc_tta.vc_tta-style-modern.vc_tta-tabs .vc_tta-panel{
	background-color: white;
}
.indexTabellen.vc_tta-tabs:not([class*=vc_tta-gap]):not(.vc_tta-o-no-fill).vc_tta-tabs-position-top .vc_tta-tab.vc_active>a::after{
	display: none;
}
.indexTabellen.vc_tta-tabs:not([class*=vc_tta-gap]):not(.vc_tta-o-no-fill).vc_tta-tabs-position-top .vc_tta-tab>a{
	background-color: var(--ve-red);
    width: fit-content;
    margin: auto;
    border-radius: 10px;
}
.indexTabellen.vc_tta-tabs:not([class*=vc_tta-gap]):not(.vc_tta-o-no-fill).vc_tta-tabs-position-top .vc_tta-tab>a span{
	color: white;
}
.indexTabellen.vc_tta-tabs.vc_tta-tabs-position-top .vc_tta-tabs-list{
	display: flex;
    margin-bottom: 20px;
}
.indexTabellen.vc_tta-tabs.vc_tta-tabs-position-top .vc_tta-tabs-list li{
	width: 100%;	
}
.indexTabellen.vc_tta-tabs:not([class*=vc_tta-gap]):not(.vc_tta-o-no-fill).vc_tta-tabs-position-top .vc_tta-tab.vc_active>a::before{
	display: none;	
}
.indexTabellen.vc_tta-tabs:not([class*=vc_tta-gap]):not(.vc_tta-o-no-fill).vc_tta-tabs-position-top .vc_tta-tab.vc_active>a{
	border: 3px solid var(--ve-red);
	background-color: white;
}
.indexTabellen.vc_tta-tabs:not([class*=vc_tta-gap]):not(.vc_tta-o-no-fill).vc_tta-tabs-position-top .vc_tta-tab.vc_active>a span{
	color: var(--ve-red);
	font-weight: bold;
}
.indexDowpDown{
	text-align: center;
    margin-bottom: 35px;
}
.indexDowpDown select{
	padding: 15px;
    border-radius: 5px;
    border: 0;
    background-color: #efefef;
    min-width: 400px;
}
.indexTabellen.vc_tta.vc_tta-style-modern.vc_tta-tabs .vc_tta-panels{
	border: 0;	
}
.addCartIcon a{
	display: flex;
	justify-content: center;
}
.addCartIcon a::after{
	content: '';
	display: inline-block;
	height: 18px;
	width: 18px;
	background-image: url(/wp-content/themes/Verenigde-eigenaars/icons/cart.svg);
	background-size: contain;
	background-position: center;
	margin-left: 5px;
}
.postMetaHead{
	width: 100%;
	display: flex;
}
.postMetaHead span{
	width: 100%;
	display: block;
}
.postMetaHead span:last-child{
	text-align: right;
	color: var(--ve-red);
    font-weight: bold;
}
.webshopItem .webshopItemImageContainer, .productImageContainer {
    position: relative;
    margin-bottom: 20px;
}
.webshopItem .webshopItemImageContainer img, .productImageContainer img{
	height: 270px;
    margin: auto;
    display: block;
}
.webshopItem .webshopItemImageContainer .webshopItemImageText, .productImageContainer .productImageText{
    position: absolute;
    font-size: 1.2rem;
    font-weight: bold;
    text-align: center;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-40deg);
}
.webshopItem{
	padding: 15px;
	box-shadow: 0 0 5px rgba(0 0 0 / 25%);
	margin: 15px 5px;
	border-radius: 15px;
	height: calc(100% - 25px);
    position: relative;
    padding-bottom: 110px;
}
.webshopItemOrder{
	position: absolute;
    bottom: 15px;
    display: block;
}
.webshopItem .webshopItemContent a, .ajax_add_to_cart.add_to_cart_button{
	background-color: var(--ve-red);
    padding: 5px 10px;
    color: white;
    display: inline-block;
    margin-top: 5px;
    border-radius: 10px;
	border: 3px solid var(--ve-red);
	transition-duration: 300ms;
}
.ajax_add_to_cart.add_to_cart_button{
	display: block;
	width: fit-content;
    margin-top: 20px;
}
.webshopItem .webshopItemContent span{
	color: black;
    display: block;
    margin: 10px 0;
    padding-bottom: 0;
    font-size: 1.5rem;
}
.webshopItem .webshopItemContent a:hover, .ajax_add_to_cart.add_to_cart_button:hover{
	text-decoration: none;
	color: var(--ve-red);
	background-color: white;
}
.cpops-floating-cart__count span{
	color: var(--color-cpops-floating-cart-launcher-indicator-text,#fff);	
}
.productPrice {
    font-size: 1.75rem;
}
select.variationAtts {
    padding: 5px;
    border-radius: 3px;
    margin-right: 10px;
    border-color: #707070;
}
span.loading {
    display: none;
    margin-top: 20px;
}
span.engMessage{
	display: none;	
}
.variationAttsContainer {
    display: flex;
}
.variationAttsLabel{
	display: block;
	font-weight: bold;
}
#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment{
	background-color: unset!important;	
}
.woocommerce .woocommerce-info{
	border-top-color: var(--ve-red);
    background-color: #dadada;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt{
	color: white!important;
	background-color: var(--ve-red)!important;
	border: 2px solid var(--ve-red)!important;
	transition-duration: 300ms;
}
#billing_country_field{
	display: none;	
}
.woocommerce form .form-row.woocommerce-validated .select2-container, .woocommerce form .form-row.woocommerce-validated input.input-text, .woocommerce form .form-row.woocommerce-validated select{
    border-color: transparent!important;
}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea{
	padding: 5px!important;
}
.woocommerce .woocommerce-info::before {
    color: var(--ve-red);
}
.brochures .container{
	border-top: 1px solid var(--secondary-color);
	margin-top: 32px;
	padding-top: 32px;
}
.singleBrochure{
	margin-top: 20px;	
}
.singleBrochureImage{
	width: auto;
    max-height: 250px;
    display: block;
    margin: auto;
    margin-bottom: 10px;
}
#order_review_heading{
	margin-top: 25px;	
}
.woocommerce ul#shipping_method li{
	margin-bottom: 0	
}
label.variationAttsLabel[for=attribute_pa_taal]{
	 display: flex;
    align-items: center;
	position: relative;
}
label.variationAttsLabel[for=attribute_pa_taal]::after{
	content:'';
	background-image: url(/wp-content/themes/Verenigde-eigenaars/icons/info.svg);
	background-size: contain;
	background-position: center;
	width: 13px;
	height: 13px;
	display: inline-block;
	margin-left: 5px;
}
label.variationAttsLabel[for=attribute_pa_taal]:hover::after{
	cursor: help;	
}
.singleVariationAttsdd {
    position: relative;
}
.taalInfoContent{
	display: none;
	border-radius: 5px;
	padding: 5px 10px;
    font-weight: 300;
    position: absolute;
    left: 35px;
    z-index: 999;
    background-color: #efefef;
	bottom: 37px;
	width: 350px;
	white-space: pre-wrap;
	transition-duration: 300ms;
}
@media only screen and (max-width: 1400px){
	.dienstenBlok a{
		font-size: 1.1rem;	
	}
	.topNav {
		position: relative;
		width: fit-content;
		margin-right: 0;
		margin-left: auto;
		top: 0;
	}
}
@media only screen and (max-width: 1200px){
	div.dienstenblokkenMarginFix{
		margin-left: -7px;
		margin-right: -7px;
	}
	div.dienstenBlok{
		padding: 0 7px 15px 7px;
	}
	.posthomeContainer, .on1200max{
		width: 100%!important;	
	}
	.on1200max > div{
		padding-left: 0!important;
		padding-right: 0!important;
	}
	.posthomeContainer .ve_button_container{
		position: relative;
		margin-top: 32px;
		margin-bottom: 0;
	}
	.singleMagazine{
		width: calc(33.333333% - 30px);
		height: 330px;
	}
	.magazines .singleMagazine:first-child{
		width: calc(33% + 40px);
    	height: 405px;
	}
	.magazines .singleMagazine:nth-child(2), .magazines .singleMagazine:nth-child(3) {
		width: calc(32% - 51px);
    	height: 290px;
	}
	.magazines .singleMagazine:nth-child(4), .magazines .singleMagazine:nth-child(5){
	    width: calc(33.333333% - 30px);
		height: 330px;
	}
	#reader{
	    width: calc((100vh - 50px) / 0.783333);
		height: calc(100vh - 50px);
	    padding: 25px;
	}
}
@media only screen and (max-width: 992px){
	footer .col-6{
		width: 100%;
		text-align: center;
	}
	footer .row .col-6:first-child a{
		display: block;	
	}
	footer img{
		margin-bottom: 25px;	
	}
	.maxWidthAt992 > div{
		width: 100%;	
	}
	.newsAndDossiers .col-8, .newsAndDossiers .col-4{
		width: 100%;	
	}
	.postsdossier{
		margin-top: 32px;
		padding-left: 0;	
	}
	.singleMagazine{
		width: calc(50% - 30px);
	}
	.magazines .singleMagazine:first-child{
		width: 60%;
    	height: 490px;
	}
	.magazines .singleMagazine:nth-child(2){
		clear: left;	
	}
	.magazines .singleMagazine:nth-child(2), .magazines .singleMagazine:nth-child(3), .magazines .singleMagazine:nth-child(4), .magazines .singleMagazine:nth-child(5){
	    width: calc(50% - 30px);
    	height: 375px;
	}
	.contactForm span[data-name=onderwerp]{
		flex-direction: column;
	    align-items: flex-start;
	}
	.contactForm .row .col-6, .contactForm .row .col-7{
		width: 100%;	
	}
	.contactForm .row .col-3, .contactForm .row .col-2{
		width: 50%;	
	}
	#reader{
		padding: 25px;
		padding-top: 50px;
		margin-top: 5px;
	}
	#reader #closeReader{
		top: 0;
		display: block;
    	width: calc(100% - 50px);
	}
}
@media only screen and (max-width: 767px){
	.hideOnMobile{
		display: none!important;
	}
	div.dienstenBlok{
		float: left;
		width: 50%;
	}
	.redBox .vc_column-inner > .wpb_wrapper{
		margin-bottom: 15px;	
	}
	.vc_rtl-columns-reverse{
		flex-direction: column-reverse;	
	}
	.dienstText h1, .dienstText p{
		text-align: left!important;	
	}
	.dienstText .ve_button_container{
		text-align: center!important;	
	}
	.singleMagazine, .magazines .singleMagazine:first-child, .magazines .singleMagazine:nth-child(2), .magazines .singleMagazine:nth-child(3), .magazines .singleMagazine:nth-child(4), .magazines .singleMagazine:nth-child(5){
		width: 100%;
		margin-left: 0;
		margin-right: 0;
		height: 100%;
    	padding-bottom: 116%;
		margin-bottom: 32px;
	}
	header .container{
		position: unset;	
	}
	header .col-1{
		display: none	
	}
	header .col-2, header .col-9{
		width: 50%;
	}
	header .col-9 > .menu-main-container, .topNav{
		display: none;
	}
	.mobileNav {
		display: block;
		width: 100%
	}
	.mobileNav img{
		width: 50px;
		margin-left: auto;
		margin-right: 0;
		display: block;
	}
	.mobileNav img:hover{
		cursor: pointer;	
	}
	.mobileNavItems {
		position: absolute;
		background-color: white;
		padding: 15px;
		left: 0;
		top: 82px;;
		flex-direction: column;
		width: 100vw;
		height: calc(100vh - 82px);
		justify-content: center;
    	align-items: center;
	}
	.menu{
	    flex-direction: column;
	}
	.mobileNavItems .is-menu.is-dropdown{
		text-align: center;	
	}
	.mobileNavItems .is-menu.is-dropdown form{
		position: relative;
    	text-align: center;	
	}
	.is-menu.is-dropdown form[style="display: block;"]+.search-close{
		margin: auto;
		position: inherit;
		left: unset;
		right: unset;
		margin-top: 5px;
	}
	.indexTabellen.vc_tta-color-grey.vc_tta-style-modern .vc_tta-panel .vc_tta-panel-title>a{
		background-color: var(--ve-red);
	}
	.indexTabellen.vc_tta-color-grey.vc_tta-style-modern .vc_tta-panel .vc_tta-panel-title>a span{
		color: white;
	}
	.indexTabellen.vc_tta-color-grey.vc_tta-style-modern .vc_tta-panel .vc_tta-panel-body{
		background-color: white;
		border: 0;
	}
}
@media only screen and (max-width: 500px){
	.loginform {
		padding-top: 30px;
		padding-left: 30px!important;
		padding-bottom: 30px;
		padding-right: 30px!important;
	}
	#reader{
		height: 100vh;
	}
}
@media only screen and (max-height: 450px) and (max-width: 800px){
	#reader {
		height: 100vh;
	}	
}