@import url('https://fonts.googleapis.com/css2?family=Merriweather:wght@300;400;700&family=Indie+Flower&family=Open+Sans:wght@300;400;500;600;700&display=swap');


/***
    font-family: 'Indie Flower', cursive;
    font-family: 'Open Sans', sans-serif;
    
***/

* {
    box-sizing: border-box;
}
html{
	 scroll-behavior: smooth;
}
	

html,
body{
	height:100%;
}
body{
 font-family: 'Open Sans', sans-serif;
font-size: 1.1rem;
line-height: 1.8rem;
	font-weight: 400;
	color: #1e1e1e;	/*665E5E*/
	margin: 0;
	padding: 0;
	



/******************** zwarte achtergrond oa pagina error404*****/	
}


#pageclass-zwarteachtergrond #maincontent{
	background-color: #1e1e1e;
	color: #FFF;
	text-align: center;
		
}
#pageclass-zwarteachtergrond .page-header h1{
	color: #FFF;
	text-align: center;
	
	
}
#pageclass-zwarteachtergrond .btn-primary{
	background-color: #FFF;
	color: #1e1e1e;
}
#pageclass-zwarteachtergrond a:hover{
	color: #FFF;opacity: 0.8;
	text-decoration: underline;
}#pageclass-zwarteachtergrond .btn-primary:hover {
	opacity: 0.8;
	color: #1e1e1e;
}
#pageclass-zwarteachtergrond .btn-primary.menubutton{
	background: transparent!important;
	color: #FFF!important;

/******icons joomla fontawsesome free***/ 	


}


[class^="icon-"], 
[class*=" icon-"]{
	font-size: 1.5rem;
	color: #6c757d;
	margin: 0 1rem;;

}

.fa, .fab, .fad, .fal, .far, .fas{
    font-size: 30px;
    text-decoration: none !important;
 	/**color: #fff;**/
	border: none;  
	font-style: normal;
	   display: -ms-flexbox;
    display: -webkit-flex !important;
    display: flex !important;
	-webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;/* */

	
	
}
.contact .fa,
.contact .fas{
	font-size: 20px;
}
.btn .fa-envelope{
	color: #fff;
}.btn .fa{
	color: #fff;	

	
}
.fa-chevron-right::before{
	font-size: 0.5rem;

	
/*******************************************/	
	
	
	
}.fa.fa-search{
	color: #FFF !important;	
	
}.fa.fa-search:hover{
	opacity: 0.8;

}.display992 .fa-search{
	
	
}.display992 .fa-search:hover,
.display992 .fa-search:focus{
	color: #fff !important;
	
}.fa:hover,
.fab:hover,
.fa:focus,
.fab:focus{
	text-decoration: none;
	color: #1e1e1e;
	
}.icon-white,
.icon-search-plus{
	color: #fff!important;


}.fa-facebook-square:hover {
     color: #3B5998;	

}.fa-facebook:hover {
     color: #3B5998;
}

.fa-twitter:hover {
    background: #55ACEE;
    color: #fff;	
}
.fa-youtube:hover {
    background: #c4302b;
    color: #fff;	
}
.fa-instagram:hover{
    color: #fff;
	background: -webkit-radial-gradient(32% 106%, circle cover, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), -webkit-linear-gradient(-45deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
	background: -moz-radial-gradient(32% 106%, circle cover, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), -moz-linear-gradient(-45deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
	background: -ms-radial-gradient(32% 106%, circle cover, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), -ms-linear-gradient(-45deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
	background: -o-radial-gradient(32% 106%, circle cover, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), -o-linear-gradient(-45deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
	background: radial-gradient(circle farthest-corner at 32% 106%, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), linear-gradient(135deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);

/*******************************************display**********************************/	
	 
}
.display767{
	display: none !important;
}.displaynone767{
	display: flex !important;

}.display992{
	display: none !important;

}.displaynone992{
	display: flex !important;	

	
}.display1200{
	display: none !important;

}.displaynone1200{
	display: flex !important;	


}
@media only screen and (max-width:1199px){	

.display1200{
	display: flex !important;
}.displaynone1200{
	display: none !important;	
}
}	

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

.display992{
	display: flex !important;
}.displaynone992{
	display: none !important;	
}
}

@media only screen and (max-width:767px){		
.display767{
	display: flex !important;
}.displaynone767{
	display: none !important;	
}
}

/********************************heading***/

h1,h2,h3{
	display: block;
	width: 100%;
}

h1{
	font-family: 'Merriweather', sans-serif;
	/*font-size:3rem;*/
	font-size: calc(1.65rem + 0.55vw);
	font-weight:600;
	line-height: normal;
	/*padding: 0 0 2vw 0;
	margin: 0 0 1vw 0;*/
	color: #1e1e1e;
	text-transform: uppercase;/**/
	letter-spacing:  4px;
	

}

[class*="moduletable"] h3{
	font-family: 'Merriweather', sans-serif;
	font-size:3rem;
	font-weight:500;
	line-height: normal;
	padding: 1vw 0;
	color: #FFF;
	text-transform: uppercase;/**/
	letter-spacing:  4px;
	text-align: center;

	

}
h2,h3{
	font-weight:600;
	padding: 0;
	color: #1e1e1e;
	font-size: 1.8rem;	
	

	
}
.contact-category h2{
	padding: 0;
	color: #1e1e1e;
	font-weight: 400;
	/*font-size: 1.2rem; text-transform: uppercase;*/
	
}h1 a,
h2 a{
	text-decoration:none;

}
h3.page-header.item-title{
	font-size: 1rem;
}

.nasa h3,
.nasa h4{
	color: #fff;
}
.nasadonker h3,
.nasadonker h4{
	color:#1e1e1e;
	
}.nasa h4{
	font-size: 0.8rem;
}
#footercontainer h3{
	text-align: center;
	font-size: 1.2rem;
	font-weight: 400;
	color: #fff;
	text-transform: uppercase;
}
.com-content-article__body h3{
	margin-top: 1.5vw;
	color: #1e1e1e;
	text-transform: none;


}.categories-list .page-header {
	padding-bottom: 9px;
	margin: 20px 0 30px;
	border-bottom: 1px solid #eee;
	font-size: 1em;
}
em{
	font-weight: 300;

}
strong{
	font-weight: 600;
	
}
form{
	margin: 0 !important;
}
@media only screen and (max-width:992px){
	h2,h3{
		font-size: 1.5rem;
	}
}
@media only screen and (max-width:992px){

h1,
[class*="moduletable"] h3{
	font-size:2rem;

	
}
h2,h3{
	font-size:1.3rem;



	
}.blog-featured .item-content h2{
	font-size: 1.4rem;

}
.blog-featured .page-header h1{
  font-size: 2rem;
}
}




/************************ standaard element*/	




img.svg{
	width: 100vw;
}
 img{
	width: 100%;
	height: auto; 
	 max-width: 100%; 
	
}

p{
	margin:0 0 0.8rem 0;
	

	
}[class*="span"]{
	min-height:0px;
	
}article, 
aside, 
details, 
figcaption, 
figure, 
footer, 
header, 
hgroup, 
nav, 
section {	
	padding: 0;
	margin:0;

}	

.filterzwart{	
filter: grayscale(100%);  


/***********************lijst*******/
}
ul.numeric-decimals { 
	counter-reset:section; 
	list-style-type:none; 
	
}ul.numeric-decimals li { 
	list-style-type:none; 
	
}ul.numeric-decimals li ul { 
	counter-reset:subsection; 
	
}ul.numeric-decimals li:before{
    counter-increment:section;
    content:counter(section) ". ";
	/*content:"Section " counter(section) ". ";*/
}
ul.numeric-decimals li ul li:before {
    counter-increment:subsection;
    content:counter(section) "." counter(subsection) " ";


}ol.com-content-blog__links{
	list-style: none;
	margin-left: 0;
	padding-left: 0;

	
/************************modal*************************************************************/
}



.modal-content{
background-image: url(/templates/ufosbestaan/images/parallax/ufosbestaan_4.svg);
background-color: #000000;
	
}

.modal-content h3{
	color: #fff;
	
}
.modal-header,
.modal-footer{
	border: none;	
	
/*********************zoek*/
}
.awesomplete,
input.js-finder-search-query{
	width: 100%;



	
/****************************************************parallax achtergrond**/	
}


#mod-custom132{
	text-align: center;
}
#mod-custom132 img{
	border: 1px solid #000;
	width: auto;

}
#mod-custom132 img:hover{
	filter:drop-shadow(0px 0px 25px white);
}

.wittekleur{
	color: #fff;
}
.blauwekleur{
	color:#1e1e1e;
}
.donkerekleur{
	color:#1e1e1e;
}
.blauweachtergr{
	background-color: #1e1e1e;
}

.scroll1,
.scroll2,
.scroll3{	
	/*text-align: center; #02021c*/
	background-color: #02021c ;
	border-radius: 50px; 

}
.bgimg-1 a,
.bgimg-2 a,
.bgimg-3 a{	
	text-decoration: none;
		

/*}

.bgimg-1, 
.bgimg-2, 
.bgimg-3 {
  position: relative;
  opacity: 1;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
	background-color: #000;
	

}
.bgimg-1 {
  
	background-image: url("../images/ufos_bestaan_bgm1.svg");
  height: 100vh;


}

.bgimg-2 {
  background-image: url("../images/ufos_bestaan_bgm2.svg");
  height: 100vh;
}

.bgimg-3 {
  background-image: url("../images/ufos_bestaan_bgm3.svg");
  height: 100vh;
*/
}

@media only screen and (max-device-width: 1180px) {
.anker1,
.anker2,
.anker3
	{
		display: none;

	}
}
/* Turn off parallax scrolling for tablets and phones */	
@media only screen and (max-device-width: 1024px) {
 	.bgimg-1, 
	.bgimg-2, 
	.bgimg-3 { 
	  background-attachment: scroll;
		
  }
}	
	
	
	
	
	
/**********************************eind parallax***/	
	
	
	
	
	
a {
    color: inherit;
	text-decoration:underline;	
   word-wrap: break-word; /* Voor legacy ondersteuning */
  overflow-wrap: break-word; /* Voor moderne browsers */
  word-break: break-word; /* Zorgt voor extra zekerheid */
  white-space: normal; /* Zorgt ervoor dat de tekst om de container heen blijft wrappen */

	


}a:hover,
 a:focus{	
	opacity: 0.8;
}
.logo a:hover{
	opacity: 1 !important;

	
}
#maincontent{
	padding-bottom: 5vw;
	

}

#top{
	text-align: center;
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
	 webkit-align-items: center;
  	-ms-flex-align: center;
  	align-items: center;
	padding: 1vw 0;
	font-size: inherit;
	line-height: normal;
	


}#top p{
	margin: 0;
	padding: 0;
	



}

#content{
	min-height: 10vw;



}
#informatie{
	background-color:#1E1E1E;


	
}
@media only screen and (max-width:1600px){	
#top{
	font-size: inherit;
	line-height: normal;
}
}
@media only screen and (max-width:1196px){	

#top{
	font-size: inherit;	
	
}
	}
@media only screen and (max-width:979px){

#top{
	font-size: inherit;
	

		




	
	}
}
/*******************footermenu******************************/
#footermenu ul.nav,

#footermenu ul.menu{	
	padding-left: 0;
	    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;

}

#footermenu a{
	
	

}#copyright{	
	color: #fff;
}
@media (max-width: 767px) { 
#footermenu ul.nav,
#footermenu ul.menu{
  text-align: center;

	
}#footerinfo .moduletable, 
#footerinfo .custom{
	padding-left:0;	
	padding-top:0;
	padding-bottom: 0;
	padding-right:0;
	
	
}#footerinfo{
	text-align:center;
	width:100%;
	font-size:0.75rem;
	line-height: normal;
	padding-top: 2rem;
	padding-bottom: 0.5rem;

	
	
}#copyright{
	width:100%;
	


	
}#footerinfo .moduletable,
#footerinfo .custom{
	width:100%;
	
}#footerinfo a{
	font-size:12px;
	text-decoration:underline;
	
}#footermenu{
	width:100%;
	padding: 25px 0 0 0;
	
}
}
/************************************************ footers******** */
.achtergrond-footer{
	background-color: #1e1e1e;
}
.achtergrondfooterinfo{
	background-color: transparent;

	
}
footer #footercontainer{	
	/*min-height: 10vw;*/
	color: #fff;
}
footer #footercontainer div{		
	/*flex:  1 0 33vw;*/
	
	
}
#footercontainer a{
	text-decoration: none
}
#footercontainer a:hover, 
#footercontainer a:focus{
	color: #fff;
	text-decoration: underline;

}#footercontainer .btn,
#footercontainer .btn-primary{
background-color: #1e1e1e;
	margin: 5px;
	
}#footercontainer .fas.icon-phone,
#footercontainer .fas.icon-mail{
color: #fff;
padding-right: 5px;	
	
	
}#footercontainer .btn:hover,
#footercontainer .btn-primary:hover,
#footercontainer a:hover .fas.icon-phone,
#footercontainer a:hover .fas.icon-mail{	
		text-decoration: none;
	

}
#footeradres p,
#footerinfo p,
#footerdivers p{
	padding: 0;
	margin: 0;
	text-align: center;
}
#footersocial .custom{		
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;	
	margin: 2vw 0;
	
}
#footersocial img{
	/*width: 5vw;*/
}
#footersocial p{	
	text-align: center;
	width: 100%;
}
#footerdivers{
	text-align: center;
	font-weight: 500;
}
#footerdivers img{
	width: 200px;

}#footerinfo{
	font-size: 0.7rem;
	padding: 5vw 1vw 0.5vw 1vw;


	
}#footerinfo .custom{

}#footeradres{
	line-height: 2rem;

}#footermenu .nav{
		margin: 0;

}
@media only screen and (max-width:979px){	
	

footer #footercontainer{	
	padding: 2rem 0;

}
#footersocial img{
	width: 10vw;	
}
	
}
@media only screen and (max-width: 767px) { 	

#footersocial{	
	display:block;
	
}#footersocial .custom{
	margin:0;
	padding:0;
	text-align:center;	
	float: none;
	display: block;
}
#footeradres,
#footermenu,
#footerdivers{
	padding: 5% 0 !important;	

	
}#footercontainer h3{	
	font-size: 1rem;
	margin: 0;
}
}
@media only screen and (max-width: 576px) { 

footer #footercontainer {		
	 -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	padding: 0;


}
footer #footercontainer div{	
	padding:0;
	flex:  0 0 100%;
	border-bottom: 1px dotted #e3e2de;
	align-self: center;
}
footer #footercontainer div:last-of-type{	
	border-bottom: none;
}
#footersocial img{
	width: 20vw;
}
}
/*****************************************module algemeen**/

/*

[class*="moduletable"]{
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;


}
[class*="custom"]{
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
	
*/
[class*="moduletable"] {
	width: 100%;
	padding: 1vw 0 2vw 0;
	margin-top: 5vw;
	background: #1e1e1e;

}
[class*="moduletable"] a:hover,
[class*="moduletable"] a:focus{
		color:inherit;
	
	
/*******contentbodemmodule***/
}
.contentbodemmodule{
	background-color: rgba(210,210,215,0.5);
	
	
/******achtergrond module**/
}
.moduletable.nasafotoufo {
		background-color: #1e1e1e;
	padding: 0;
		
}
.moduletable.nasafotoufo.home {
	padding-bottom: 5vw;
	
/******************************************news flash******************/
}
.newsflash-title{
	text-align: center;
	-webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
}
.newsflash{
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
	-webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
	-webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;

	
}
.moduletable.nasafotoufo .newsflash{
	 -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;

}
.moduletable.nasafotoufo .mod-articlesnews__item {
	/**/-webkit-flex: 0 1 20%;
    -ms-flex: 0 1 20%;
    flex: 0 1 20%;
	margin: 0;
}
.moduletable.nasafotoufo .mod-articlesnews__item img {	
	width: 100%;
	border-radius: 0;
	border: none;
	

}
.mod-articlesnews__item {
	-webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
	position: relative; /***ivm news flash geen klikbare afbeelding**/
	/***overflow: hidden;  ivm news flash geen klikbare afbeelding**/
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; 
	-webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
	/*margin: 0 1vw 3vw 1vw;*/
}
.mod-articlesnews__item img{
	/*border-radius: 5%;
	border: solid 3px #fff;*/
}
figure.newsflash-image{
	text-align: center;
	
}
.mod-articlesnews__item a{
	position: absolute; /***ivm news flash geen klikbare afbeelding**/
	top: 0; /***ivm news flash geen klikbare afbeelding**/
	height: 100%; /***ivm news flash geen klikbare afbeelding**/
	width: 100%; /***ivm news flash geen klikbare afbeelding**/
	opacity: 0; /***ivm news flash geen klikbare afbeelding**/
	background-color: transparent;
}
.mod-articlesnews__item .readmore a.btn, 
.mod-articlesnews__item .readmore a{
	border: none!important;
	border-radius: 0;
	    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.mod-articlesnews__item .readmore a.btn:hover, 
.mod-articlesnews__item .readmore a:hover{	
	opacity: 0.7;
	background-color: #000;
	color: #6c757d;
	
	
}
.mod-articlesnews__item p.readmore{
margin: 0;/***ivm news flash geen klikbare afbeelding**/
padding: 0;/***ivm news flash geen klikbare afbeelding**/

}
@media only screen and (max-width:1500px){		

	.moduletable.nasafotoufo .mod-articlesnews__item {
	-webkit-flex: 0 1 33%;
    -ms-flex: 0 1 33%;
    flex: 0 1 33%;
	
	}
}

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

	.moduletable.nasafotoufo .mod-articlesnews__item {
	-webkit-flex: 0 1 50%;
    -ms-flex: 0 1 50%;
    flex: 0 1 50%;
	
}
}

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


.newsflash{

	-webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;	
	}
.mod-articlesnews__item{
	-webkit-flex: 0 0 95% !important;
    -ms-flex: 0 0 95% !important;
    flex: 0 0 95% !important;
	margin: 5vw !important;
}
.moduletable.nasafotoufo .mod-articlesnews__item img {	
	width: auto;
}
}
	
	
	
/************************************************kruimelpad*/

#pathway{
	color: #FFF;
}
.breadcrumb-item + .breadcrumb-item::before{
	color: #FFF;

}.breadcrumb{
	background-color: transparent;
	border-radius: 0;
	margin-top: 0.5vw;
	margin-bottom: 0.5vw;
	
}.breadcrumb > li{	
	text-shadow: none;
	/*margin:  0.3vw;*/
	
	
}ul.breadcrumb ,
ol.breadcrumb {
	margin-left: 0 !important;
	padding-left: 0 !important;
}a.pathway{
	text-decoration: underline;


}a.pathway,
.breadcrumb > li > .divider{
	color: #FFF;
	
}.breadcrumb > .active {
    color: #FFF;
	font-weight:600; 

}
@media only screen and (max-width:1345px){
	
.breadcrumb{
	font-size: 0.8rem;
}
}
	

@media only screen and (max-width:455px){
	.breadcrumb{
	display: none;
}
}


/**********************************contact***/
.com-contact legend{
	font-size: 1.5rem;
	margin-bottom: 1rem;
	
	
	
}
[title="Ga akkoord met ons privacybeleid."]{
	margin-bottom: 1rem;
	
	
}
.control-label a label{
cursor: pointer;
}

.optional{
	font-size: 0.7em;
	font-style: oblique;
font-style: italic;
}dt{
	font-weight: 600;
}
#jform_contact_email_copy-lbl{
	float: left;
	margin-right: 1rem;
}
.form-control-feedback{
	color: #dc3545;
	font-size: 0.8rem;
	font-weight: 600;
	margin-left: 0.8rem;
}
.control-label{
	margin-top: 1vw;

  
}input[type=checkbox],
input#gdpr_privacy_policy_checkbox{
	width: 1.4em;
	height: 1.4em;
	margin-top: 0.25em;
	vertical-align: top;
		background-color: #f8f9fa;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	border: 1px solid rgba(0, 0, 0, 0.25);
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-print-color-adjust: exact;
	color-adjust: exact;
	print-color-adjust: exact;
	border-radius: 0.25em;
	
}input[type=checkbox]:checked,
input#gdpr_privacy_policy_checkbox:checked{ 
	background-color: #8EE48E;
	border-color: #8EE48E;
	 background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
  
}input[type=checkbox]:focus,
input#gdpr_privacy_policy_checkbox:focus{
	border-color: #8EE48E;
	outline: 0;
	box-shadow: 0 0 0 0.25rem rgba(142,228,142,0.25);
	
}
.form-search textarea, 
.form-inline textarea, 
.form-horizontal textarea, 
.form-search select, 
.form-inline select, 
.form-horizontal select, 
.form-search .help-inline, 
.form-inline .help-inline, 
.form-horizontal .help-inline, 
.form-search .uneditable-input, 
.form-inline .uneditable-input, 
.form-horizontal .uneditable-input, 
.form-search .input-prepend, 
.form-inline .input-prepend, 
.form-horizontal .input-prepend, 
.form-search .input-append, 
.form-inline .input-append, 
.form-horizontal .input-appen,
#contact-form #jform_contact_name,
#contact-form #jform_contact_email,
#contact-form #jform_contact_emailmsg,
[id*="mod-search-searchword"],
#mod-finder-searchword103,
#jform_contact_message,
input.search-query{
border: 1px solid #F0EFED !important;
box-shadow: none;
outline: none;
}
.contact-form legend{
	font-weight: 500;
}
.dl-horizontal{
	display: grid;
	grid-template-columns: auto 1fr;
	grid-column-gap: 5%;

}
 .com-contact h3{
	display: none;	/**ivm met als het contactformulier uitgezet wordt en om een override te voorkomen want h3 heeft geen class om apart te selecteren voor een column plek bij deactiveren formulier***/	
}
.com-contact{
display: grid;
grid-template-columns: 1fr 1fr;
grid-auto-rows: fit-content(0); 	/***kan ook gebruikt worden: grid-auto-rows: minmax(min-content, max-content); verschil: de minmax() neemt eerder de maximaal toegestane ruimte in beslag, terwijl de fit-inhoud niet meer ruimte inneemt dan nodig is. ***/
grid-column-gap:5vw;
flex: 0 0 55vw;
	
}
.com-contact .page-header{
	grid-column: 1;
	grid-row: 1;
}


.com-contact .com-contact__container{
	/*contact form rechts en info links****
	grid-column: 1;
	grid-row: 2 / 4;*/
	grid-column: 2;
	grid-row: 2 / 4;

}
.com-contact .com-contact__miscinfo {
	/*contact form rechts en info links****
  	grid-column: 1;
  	grid-row: 4 ;	*/
	grid-column: 2;
  	grid-row: 4 ;

	
}
.com-contact .com-contact__form{
	/*contact form rechts en info links****
	grid-column: 2;	
	grid-row: 2 / 6;*/
	grid-column: 1;	
	grid-row: 2 / 6;



}@media only screen and (max-width:1300px){
	.com-contact{
	 -webkit-flex: 0 0 85vw;
    -ms-flex: 0 0 85vw;
    flex: 0 0 85vw;
	grid-column-gap:3vw;

}
}
@media only screen and (max-width:995px){
	.com-contact{
	 -webkit-flex: 0 0 90vw;
    -ms-flex: 0 0 90vw;
    flex: 0 0 90vw;
}
}
@media only screen and (max-width:767px){
	
.com-contact{
	grid-template-columns: 1fr;	
	grid-row-gap: 5vw;
	/*padding: 0 5vw;*/
		
}.com-contact .page-header{
	grid-column: 1;
	grid-row: 1;
}

.com-contact .com-contact__container{
	grid-column: 1;
	grid-row: 2 ;


}
.com-contact .com-contact__miscinfo {
  	grid-column: 1;
  	grid-row: 4 ;	
	

	
}
.com-contact .com-contact__form{
	grid-column: 1;	
	grid-row: 3;

		
		
}
}


/*****************btn opmaak icon-chevron-left*/ 	

.btn,
.btn-primary{
    border-color: transparent !important;

	
}.btn-outline-primary{
	color: #1e1e1e;

}.btn-primary,
a.btn[title="Annuleren"],
.btn-secondary{
	background-color:#1e1e1e;
	background-image:none;
	color: #fff;
	font-size: 1.2rem;
	padding: 0.5rem;

}.pagination .icon-chevron-left,
.pagination .icon-chevron-right{
	color: #fff;
	
}
.control-group{
	margin: 1.5rem 0;

}.btn-group{	
	margin: 0 0 15px 15px;
	
}.btn-group:first-child {	
}.btn-group a{
	text-decoration:none !important;
	color: #292f33 !important;
}
.btn-check:focus + .btn-primary, 
	.btn-primary:focus {
  color: #fff;
  background-color: none!important;
  border-color: none !important;
  box-shadow: none !important;

}.btn:hover,
.btn:focus,
.btn-primary:hover{
	text-shadow:none;
	background:none;
	background-color:#1e1e1e;
	background-position:0 -30px;
	transition: none;
	border-color: #1e1e1e;/**ca6f67 wasdit test site*/

	
}.btn-outline-primary:hover {
    color: #fff;
    background-color: #1e1e1e !important;
    border-color: #1e1e1e !important;
}
#footeradres .btn:hover,
#footeradres .btn:focus,
#footeradres .btn-primary:hover,
#footeradres .btn-outline-primary:hover{ 	
	
	
/*	
}.pagenav a:hover .fa.fa-chevron-left,
.pagenav a:hover .fa.fa-chevron-right,
.readmore a:hover .fa.fa-chevron-left,
.readmore a:hover .fa.fa-chevron-right{
	color: #fff;*/

	
	

	
/*********************lees meer**/

}
p.readmore{
	margin: 2vw 0 0 0;
	padding: 0;
	min-width: 20%;
	
}.readmore{
	display: flex;
	 -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
	width: 100%;
	

}.readmore a.btn,
.readmore a{
	margin:0;
	font-family: "Open Sans",sans-serif;
	background-color:transparent;
	padding:2% auto;
	text-decoration:none !important;
	background-image:none;
	box-shadow: none;
	text-shadow:none;
	font-size:1em;
	border-radius: 5px;
	border:1px solid #1e1e1e !important;
	color: inherit;
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
	-webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
	
	
}.readmore a.btn:hover,
.readmore a:hover{
	text-decoration:none !important;
	background-color:#1e1e1e ;
	color: #fff;

	
	
	
/****************************************login form module**/
}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
	border: 0;

	



	
/***********************************************blog en artikel opmaak *******/

}

figcaption.caption{
	font-size: 0.8rem;
	color: #b4b4b4;
	font-style: oblique;
font-style: italic;
	line-height: normal;
	
}
.blog-featured{
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
	-webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
	/*-webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;	***weggehaald omdat de footer niet meer naar bodem zakte hierdoor*******/

}
.blog-items .blog-item{
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
	margin: 2vw 0;
	
}

.com-content-article .left.item-image{
	width: 25vw;
	float: left;
	display: inline-block;/**/
	margin: 0 15px 15px 0;
}
.com-content-article .left.item-image img{
	border-radius: 5px;
	

	
}.com-content-category-blog__children{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	flex-direction: column;
	align-content: center;
}
.com-content-category-blog__child{
	width: 50%;
	

}
.com-content-category-blog__child h3{
	-webkit-column-span: none;
  -moz-column-span: none;
  column-span: none;
	display: inline-block;
	text-align: center;
	


}
.com-content-category-blog__child h3 a{
	background-color: #1e1e1e;
	color: #FFF !important;
	display: inline-block;
	padding: 1rem;
	text-decoration: none;
	width: 100%;
	font-size: 1.2rem;
	border-radius: 8px;

	
}
li.com-content-blog__link a{
	text-decoration: none;
}
.com-content-category-blog__child h3 a::before,
li.com-content-blog__link a::before{
	 font-family: "Font Awesome 6 Free";
     content: "\f03e"; 
     font-weight: 900; 
	padding-right: 0.5rem;
	
}
.com-content-category-blog__child h3 a:hover{
	opacity: 0.8;
}
li.com-content-blog__link a:hover{
	text-decoration: underline;
	
}
.blog .items-more::before{
	 content: "Overzicht: ";
    font-weight: 600;
    display: block;     
    font-size: 1.4rem; 
    margin-top: 1vw; 
	margin-bottom: 1vw;

	
}@media only screen and (max-width:950px){	

.blog .item-content{
	display: block;
	width: 100%;
	}
.com-content-article .left.item-image{
		width: 100%;
		margin: 0 0 15px 0;
	
}
.com-content-category-blog__child{
	width: 100%;
		
	
}
}


.blog-item .item-image img{
	width: 100%;
	
}a img:hover,
.moduletable.zwartwitimg img{	
	filter: grayscale(100%) contrast(110%) brightness(110%);;
}
.blog-item .left.item-image{
 /**/   -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
	margin: 0 1.5vw 1.5vw 0
	
}
.blog-item .right.item-image{


}
.blog-item .item-content{
	/*    -webkit-flex: 0 0 50vw;
    -ms-flex: 0 0 50vw;
    flex: 0 0 50vw;	*/
	
}
.com-content-article__body img{
	margin-bottom: 1vw 0;
	
}.items-leading .blog-item .item-content{
	/*-webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;*/

}
.category-desc{
	margin-bottom: 3vw;




}
.parent-category-name{
	color: #1e1e1e;
	font-weight: 600;
	

}.items-leading .blog-item{
	 display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  grid-column: 1 / 3;	
	margin-bottom: 5vw;
}
@media only screen and (max-width:850px){	

.blog-items .blog-item{
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;


}
}
	
	
/**text columns******/

.items-leading .item-content,
.category-desc,
.tekst-kolommen{	
-webkit-columns: 3 600px;
  -moz-columns: 3 600px;
  columns: 3 600px;  /*let op, breedtte altijd aangeven in px zodat het op kleiner scherm automatisch breekt in 1 column*/
  -webkit-column-gap: 9rem;
  -moz-column-gap: 9rem;
	column-gap: 9rem;
	
	
}.items-leading .item-content img{
	width: 100%;
	
}h1,
h2,
h3,
h4,
.page-header{
-webkit-column-span: all;
  -moz-column-span: all;
  column-span: all;
	margin-bottom: 0.85vw;
}

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

	h1,h2,h3,h4{
-webkit-column-span: none;
  -moz-column-span: none;
  column-span: none;

}
}



/*******************************blog colums***/


.blog-items.masonry-2 .blog-item .item-content,
.blog-items.columns-2 .blog-item .item-content,
.blog-items.masonry-3 .blog-item .item-content,
.blog-items.columns-3 .blog-item .item-content{
	    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;	
}

	
.blog-items{
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	 grid-row-gap: 2rem;

}

.blog-items.masonry-2 ,
.blog-items.columns-2 {

	grid-template-columns: repeat(2, 1fr);
 	grid-column-gap: 2rem;
	

}

.blog-items.masonry-3 ,
.blog-items.columns-3 {

	grid-template-columns: repeat(3, 1fr);
 	grid-column-gap: 2rem;
}

.blog-items.masonry-4 ,
.blog-items.columns-4 {

	grid-template-columns: repeat(4, 1fr);
 	grid-column-gap: 2rem;	

}
@media only screen and (max-width:1200px){
.blog-items[class*="masonry-"] ,
.blog-items[class*="columns-"] {
	grid-template-columns: repeat(1, 1fr);
	
	}
}
/****************************************************/
div[itemprop="articleBody"] {
	width:auto;
}
[class^="span"]	{
	display: block;

}.pagination{
	-webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
   
}.page-link{
	color:#fff;
	background-color: #000000;
	border:none;
}.page-link [class*="icon-"] {
	color:#fff;
}
.page-link:hover{
	background-color: #1e1e1e;
	color: #fff;
	

}.result__title-text{
	font-weight: 600;

/**************chronoform**/

	
}.gbs3{
	-webkit-hyphens: none;
   -moz-hyphens: none;
        hyphens: none;


}div.chronoform,
.chrono_credits{
    display: none;

}.cfdiv_checkbox label{
	font-weight:bold;
	
}.ccms_form_element input[type="checkbox"], 
.ccms_form_element input[type="radio"] {
	clear:both !important;

	
	


/*******************************************JCE*****/
}
.wf_caption{
	text-align: center;
	background-color: rgba(247, 245, 245,1);
	padding: 5px;
	margin-top: 5px;
	font-style: italic;
	color: #ababab;
	max-width: 100% !important;
	width: 100% !important;
	font-size: 0.8rem;
}
.wf-zoom-image{
	width: 100%;
}
a span.wf_file_size,
span.wf_file_date{
	font-size: 10px;
font-style: italic;
	
}
		
/***jce pdf afbeelding**/	
 
img[alt="pdf"]{
border:none !important;
width: 20px!important;

/*********************************ck slideshow*****************/
}
.camera_prevThumbs, .camera_nextThumbs, .camera_prev, .camera_next, .camera_commands, .camera_thumbs_cont{
	background: transparent !important;

}
.camera_caption > div{
	background: rgba(0,0,0,0.0) !important;
	margin: 0 auto;
	text-align: center;
	
}.camera_target .cameraCont img{
	margin-top: 0 !important;
	

}
.camera_caption_title{
	font-weight: 300 !important;
	/**/text-transform: uppercase;
    text-align: right;
    background: none !important;
	font-family: 'Merriweather', 'sans-serif';
}
.camera_caption_desc{
	 text-align: right;

	

}[id*="camera_wrap"]{
	margin-bottom:0 !important;
}
.camera_pag{
	position: absolute;
	width:auto;
	right:0;
	top:0;

}
.camera_wrap .camera_pag .camera_pag_ul li{
	background-color:#fff !important;
}
@media only screen and (max-width: 1700px) {
.camera_caption_title {
  font-size: 1.3rem !important;

	}
	}
@media only screen and (max-width: 1125px) {
.camera_caption_title {
  font-size:1rem !important;

	}
.swiper-button-prev,
.swiper-button-next{
		display: none;
	
/****re-captcha 2***/

}
}
@media only screen and (max-width: 480px) {
#jform_captcha,
#rc-imageselect
.g-recaptcha {
	-webkit-transform:scale(0.77);
	
	-webkit-transform-origin:0 0;
	transform-origin:0 0;
	transform:scale(0.77);
	}
}

/* The progress container*/
.progress-container {
  width: 100%;  
background-color: #f7f5f5;

	
}

/* The progress bar (scroll indicator) */
.progress-bar {
  min-height: 5px;
  width: 0%;
  background-color: #1e1e1e;

}