/**
 * helpers.css
 *
 * Helper classes
 *
 */

 /*--------------------------------------------------------------
 # Accessibility
 --------------------------------------------------------------*/
 /* Text meant only for screen readers. */
 .screenReaderText,
 .screen-reader-text {
 	clip: rect(1px, 1px, 1px, 1px);
 	position: absolute !important;
 	height: 1px;
 	width: 1px;
 	overflow: hidden;
 }

 .screenReaderText:focus,
 .screen-reader-text:focus {
 	background-color: #f1f1f1;
 	border-radius: 3px;
 	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
 	clip: auto !important;
 	color: #21759b;
 	display: block;
 	font-size: 14px;
 	font-size: 0.875rem;
 	font-weight: bold;
 	height: auto;
 	left: 5px;
 	line-height: normal;
 	padding: 15px 23px 14px;
 	text-decoration: none;
 	top: 5px;
 	width: auto;
 	z-index: 100000; /* Above WP toolbar. */
 }

 /* Do not show the outline on the skip link target. */
 .l-content[tabindex="-1"]:focus {
 	outline: 0;
 }

 /*--------------------------------------------------------------
 # Alignments
 --------------------------------------------------------------*/
 .alignleft {
 	display: inline;
 	float: left;
 	margin-right: 1.5em;
 }

 .alignright {
 	display: inline;
 	float: right;
 	margin-left: 1.5em;
 }

 .aligncenter {
 	clear: both;
 	display: block;
 	margin-left: auto;
 	margin-right: auto;
 }

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry--content:before,
.entry--content:after,
.comment-content:before,
.comment-content:after,
.l-header:before,
.l-header:after,
.l-content:before,
.l-content:after,
.l-footer:before,
.l-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry--content:after,
.comment-content:after,
.l-header:after,
.l-content:after,
.l-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# WordPress classes
--------------------------------------------------------------*/

.sticky {
	display: block;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Misc. classes
--------------------------------------------------------------*/

.hideOnSmall {
	display: none;
}

.centerContentH {
	display: flex;
	justify-content: center;
}

.centerContentV {
	display: flex;
	align-items: center;
}

.centerText {
	text-align: center;
}

.rightText {
	text-align: right;
}

.hideOverflow {
	overflow: hidden;
}

.roundTopCorners {
	border-radius: 10px 10px 0 0;
	overflow: hidden;
}

.roundBottomCorners {
	border-radius: 0 0 10px 10px;
	overflow: hidden;
}

.roundLeftCorners {
	border-radius: 10px 0 0 10px;
	overflow: hidden;
}

.roundRightCorners {
	border-radius: 0 10px 10px 0;
	overflow: hidden;
}

.roundCorners {
	border-radius: 10px;
}

.nowrap {
	white-space: nowrap;
}

.bgColorSoftAccent {
	background-color: var(--ubrands-color-soft-accent);
}

.bg-pink {
	background-color: var(--ubrands-color-pink-light);
}

.bg-green {
	background-color: var(--ubrands-color-green-light);
}

.bg-orange {
	background-color: var(--ubrands-color-orange-light);
}

.bg-blue {
	background-color: var(--ubrands-color-blue-light);
}

.noMargin {
	margin: 0;
}

.moreLineHeight {
	line-height: 2;
}

.h3contactpage {
    margin-bottom: 1.5rem;
    margin-top: 5rem;
}

.contactpage .block--contactpersoon--content {
    grid-template-columns: 100%;
}

.paddingrightbox .block--content {
    padding-right: 30px;
}

.blokbefore {
    display: block;
    margin-bottom: 20px;
    font-size: 1.8rem;
}

.contactpage .block--contactpersoon--content div {
    width: 100%;
}

.paddingrightbox.contactpage {
    grid-template-columns: 33% 33% 33%;
    padding-right: 100px;
}

.contactbox {
    padding-right: 53px;
}

.paddingrightbox.contactpage > div:last-child {
    padding-right: 30px;
}

.contactpage .block--contactpersoon {
    padding: 40px;
}

.block--contactpersoon>img {
    max-width: 175px;
}

.contactbox {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    align-content: flex-start;
}

.contactbox > div {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    align-items: stretch;
}

.contactpage .block--contactpersoon--content {
    grid-template-columns: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.boxtextunder {
    width: 50%;
}

.boxteweeunder {
    width: 50%;
    padding-left: 104px;
}

.boxcontentvacatureoverzicht {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
}

@media screen and (max-width: 1400px) {
    
.paddingrightbox.contactpage {
    grid-template-columns: 33% 33% 33%;
    padding-right: 0px;
}

.contactbox {
        padding-right: 30px;
}
    
}

@media screen and (max-width: 1000px) {
    
.paddingrightbox.contactpage {
    grid-template-columns: unset;
    padding-right: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: stretch;
    grid-gap: 0px;
}
    
.boxtextunder {
    width: 60%;
}

.boxteweeunder {
    width: 40%;
    padding-left: 40px;
}

.paddingrightbox.contactpage > .block--content {
    width: 100%;
}

.paddingrightbox.contactpage > .contactbox {
    width: calc(50% - 30px);
    padding-left: 30px;
    margin-top: 50px;
    box-sizing: border-box;
    padding-right: 0px;
}

.contactpage .block--contactpersoon--content {
    margin-left: 0px;
}

.paddingrightbox.contactpage>div:last-child {
    width: calc(50% + 30px);
}

}

@media screen and (max-width: 1100px) { 
    
.block--contactpersoon {
    padding: 50px 40px;
}
    
}

@media screen and (max-width: 864px) { 
.paddingrightbox.contactpage>.contactbox {
    padding-left: 0px;
    margin-top: 0px;
    padding-right: 15px;
}
    
.paddingrightbox.contactpage>div:last-child {
    padding-left: 15px;
    padding-right: 10px;
}
    
.boxtextunder {
    width: 100%;
}

.boxteweeunder {
    width: 100%;
    padding-left: 0px;
    margin-top: 0px;
}
    
.boxcontentvacatureoverzicht {
    padding-left: 10px;
    padding-right: 10px;
}
    
}

@media screen and (max-width: 600px) { 
    
.contactpage .block--contactpersoon {
    width: 100%!important;
    max-width: 100%!important;
}
    
    .contactpage .block--contactpersoon {
    padding: 25px;
}

.paddingrightbox.contactpage>.contactbox {
    width: 100%!important;
    display: block!important;
    padding-right: 10px;
}
    
.boxteweeunder {
    margin-top: 0px;
}

.paddingrightbox.contactpage>div:last-child {
    padding-right: 10px;
    padding-left: 0px;
}
}

@media screen and (min-width: 865px) {

	.hideOnSmall {
		display: block;
	}
    
    

}

@media screen and (max-width: 865px) {


.roundLeftCorners img, .roundRightCorners img {
    border-radius: 10px;
}
    
.centerContentV.block--content.singleBlock {
    order: 1;
}

.block-LContentRAfbeelding {
    display: grid;
    grid-template-columns: 100%;
}

}

@media screen and (max-width: 700px) {
    
ul.iconsSocial {
    display: none;
}
    
}


@media screen and (max-width: 450px) {

.iconsContact > li {
    width: 100%;
}
    
.branding {
    margin-top: 66px;
}
    
}

.entry-content ol li {
    list-style-image: unset;
    list-style: unset;
}

.entry-content ul li {
    list-style-image: unset;
    list-style: unset;
}

span.wpcf7-form-control-wrap.recaptcha {
    margin-top: 15px;
}

h1 a, h2 a, h3 a, h4 a, h5 a {
    color: #000;
}