@font-face {
  font-family: teamHeader;
  src: url(/htdocs/wp-content/uploads/BrittanySignature.woff);
}

@font-face {
	font-family: centuryGothic;
	src: url(/htdocs/wp-content/uploads/GOTHIC.woff);
}

@font-face {
	font-family: centuryGothicBold;
	src: url(/htdocs/wp-content/uploads/GOTHICB.woff);
}

@font-face {
	font-family: centuryGothicItalic;
	src: url(/htdocs/wp-content/uploads/GOTHICI.woff);
}

@font-face {
	font-family: centuryGothicBoldItalic;
	src: url(/htdocs/wp-content/uploads/GOTHICBI.woff);
}

.contact-form__input-error span:nth-child(2){
  display:none;
}

.contact-form__input-error::after{
	content: "Dit veld is verplicht";
}

.headerBrittanySignature{
	font-family: teamHeader !important;
}

label{
	font-family: centuryGothic;
}

p{
	font-family: centuryGothic;
}

	html, body {
    max-width: 100%;
    overflow-x: hidden;
}

span{
	font-family: centuryGothic;
}

h4{
	font-family: centuryGothic;
}

h2{
	font-family: centuryGothic;
}

.gothicItalic {
	font-family: centuryGothicItalic;
}

.gothicItalic span {
	font-family: centuryGothicItalic;
}

.gothicFont {
		font-family: centuryGothic;
}
.default-fontsize {
	font-size: 0.825rem !important
}
a {
	font-family: centuryGothic !important;
}

.wp-block-file a{
		font-family: centuryGothic !important;
	font-size: 0.825rem !important
}

.header-background{
	background-color:#203e5a;
}

.header-links a{
	color:white;
	text-decoration: none;
}

.green-links a{
		color:#7fb994 !important;
}

.header-links a:hover{
	text-decoration: underline;
}

.header-links img{
  padding-right: 0.5%;
	padding-left: 3%
}

.header-navigation {
	color:#203e5a;
}

.header-submenu {
	border-radius: 5px;
}

.header-navigation span:hover {
  color: #7fb994;
}


.header-navigation a:hover {
      text-decoration-color: #7fb994 !important; 
}

.header-navigation a:hover > span  {
		color: #7fb994;
}

.current-menu-item {
	color: #7fb994 !important;
}

.current-menu-item a{
	text-decoration: underline;
}

.footer-navigation {
	padding-left: 50%;
}


.footer-contact a{
	color:white;
	text-decoration: none;
}

.footer-contact a:hover{
	text-decoration: underline;
}

.footer-contact img{
  padding-right: 1%;
}

.wp-site-blocks {
    max-width: none;
    width: 100%;
    padding: 0;
}

.text-nowrap{
	text-wrap:nowrap;
}

mark{
	background-color:transparent;
	color:#B4D7BD;
}

.mapboxgl-popup-content h3{
	color: #b4d7bd;
}

.grunion-checkbox-multiple-options {
	background:white;
}

.grunion-field-text{
	opacity: 100% !important;
}

.contact-form .grunion-field-wrap input.radio:checked::after {
	background:#B4D7BD;
}

ol.has-background, ul.has-background {
	padding:0;
}

.listColor{
	color:#203e5a;
	font-family: centuryGothic;
}

.icon-download-padding{
	padding-right: 0.5rem;
}

#contact-form-success-header{
	color:#203e5a;
}

.contact-form-submission .go-back-message{
	display:none;
}

.contact-form-submission .field-name{
	color:#203e5a;
}

.contact-form-submission .field-value{
	color:#203e5a;
}
/* Date picker CSS */

 .datepick-custom select {
   border: 1px solid #ccc;
   border-radius: 5px;
   padding: 5px;
   width: 125px;
 }

 /* Style the input date */
 .datepick-custom input[type="date"] {
   appearance: none;
   /* Remove the default appearance */
   padding: 5px;
   border: 1px solid #ccc;
   border-radius: 5px;
   color: #203e5a;
   width: 113px;
 }

 /* Style the dropdown arrow */
 .datepick-custom input[type="date"]::-webkit-calendar-picker-indicator {
   color: #B4D7BD;
   font-size: 1.2em;
   padding: 2px;
 }


/* Accordion CSS */

.accordion {
			border: 1px solid #ccc;
			background-color: #f1f1f1;
			margin-bottom: 15px;
      box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
			border-radius: 5px;
		}

		.accordion-header {
			background-color: #203e5a;
			color: white;
			cursor: pointer;
			padding: 18px;
			width: 100%;
			border: none;
			text-align: left;
			outline: none;
			font-size: 15px;
			transition: 0.4s;
			position: relative;
			padding-left: 35px;
		}

		.accordion-header.active, .accordion-header:hover {
			background-color: #b4d7bd;
		}

		.accordion-header::before {
			content: '+';
			position: absolute;
			left: 10px;
			font-size: 20px;
			color: white;
			top: 50%;
			transform: translateY(-50%);
			transition: transform 0.2s ease;
		}

		.accordion-header.active::before {
			content: '-';
			position: absolute;
			left: 10px;
			font-size: 20px;
			color: white;
			top: 50%;
			transform: translateY(-50%);
			transition: transform 0.2s ease;
		}

    
    .accordion-content {
      padding-left: 10px;
      background-color: white;
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.3s ease-out;
			font-family: centuryGothic;
			font-size: 0.825rem;
			color: #203e5a;
    }

    .accordion.active .accordion-content {
      max-height: 500px;
      transition: max-height 0.3s ease-in;
    }


@media (max-width: 450px) {
body .is-layout-flow > .alignleft{
	margin-inline-end: 0 !important;
}
	
body .is-layout-flow > .alignright{
	margin-inline-start: 0 !important;
}
}

@media (max-width: 780px) {
	.wp-block-columns{
		padding: 0 3rem;
	}
	
	.wijsheid-nopadding{
		padding-left: 0 !important;
	}
}
/*
 Fix for the home page text above image on mobile 
 */
@media (max-width: 600px) {
    .wp-block-media-text.is-stacked-on-mobile>.wp-block-media-text__media {
		grid-column: 1;
        grid-row: 2;
    }
}

@media (max-width: 600px) {
    .wp-block-media-text.is-stacked-on-mobile>.wp-block-media-text__content {
        grid-column: 1;
        grid-row: 1;
    }
}


/* Styles for mobile screens */
@media (max-width: 768px) {

.footer-navigation {
	padding-top: 3%;
	padding-left: 1%;
	align-items:center !important;
}
	
	.footer-contact {
		text-align:center !important;
	}
	
	.mobileNoPadding{
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	
	.mobileNoMargin{
		margin: 0 !important;
	}
	
	.folder-padding{
		padding-left: 32%;
	}

}

@media (max-width: 450px) {
	
	.image-padding-right{
		padding-right:10% !important;
	}
	
}