@font-face { font-family: Calibri; src: url('../fonts/calibri.ttf') format('truetype'); }

body {background-color: #e4ecf4; background-image: url('../img/bg.jpg')!important; background-repeat: repeat!important; font-family: Calibri;}
#header {background-color: #fff; }
#logo {margin-top: 10px; margin-bottom: -10px; }
#headerRight {background-image: none; margin: 56px 0px -10px 0px; text-align: right; width: 300px;}
#headerRight a { font-size: 14pt; color: #4267b2; margin-right: 10px; margin-top: 10px; float: right; }
#headerRight a img {margin-top: -3px;}


/* Nav */
#nav, .topNav {background-color: #2c6197; color: #fff; /*padding: 10px 0px;*/ /*width:100%;*/ margin: 0px;}
.topNav a {float: left; display: block; color: #fff!important; text-align: center; padding: 32px 30px; font-size: 14pt; font-family: Calibri;}

.dropdown {float: left; overflow: hidden; z-index: 999;}
.dropdown .dropbtn {border: none; outline: none; color: white!important; padding: 30px 30px 30px 30px; background-color: inherit; font-family: Calibri; margin: 0; font-size: 14pt;}
.dropdown:after {content: "";width: 0; float: right; position: relative; margin: -15px 18px 0px -36px; height: 0; z-index:999;
border-style: solid;
border-width: 8px 8px 0 8px;
border-color: white transparent transparent transparent;}
.dropdown-content {display: none; position: absolute; background-color: white; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 999;}
.dropdown-content a { float: none; color: #2c6197!important; padding: 12px 16px; text-decoration: none; display: block; text-align: left;}
.topNav a:hover, .dropdown:hover .dropbtn {background-color: #900028; color: white!important;}
.dropdown-content a:hover {background-color: #ddd; color: black;}
.dropdown:hover .dropdown-content {display: block;}





h1, h2, h3 {font-family: Calibri;}
h1 { color: #ae0904; font-size: 24pt; margin-bottom: 10px; line-height: 24pt;}
h2 {border-bottom: 3px dotted #CCC; color: #2c6197!important; padding: 2px 0px 4px 0px;}
.content {line-height: 120%; }
.content h2 {}
.btnB, .button {background-color: #2c6197;  float: left; margin-right: 20px; margin-top: 10px; color: #fff!important; padding: 10px 10px 10px 30px; display: block; text-decoration: none!important;}


.btnB:before {border-left-color: white; margin:5px 0px 0px -15px;}
.btnG {background-color: #d2dbe4; color: #2c6197!important;}
.btnG:before {border-left-color: #2c6197;}
.btnR {background-color: #ebcac9; text-decoration: none!important; color: #ae0904!important;}
.btnR:before {border-color: #ae0904; }
.btnRight {float: right; margin-top: 5px;}

.content a, #footerNav a  {color: #2c6197;}
#footerNav {background-color: #f3f3f3; border-color: #2c6197;  }
#footerNav h2 {background-color: transparent; border: none;}
#footerNav p, #footerNav strong, #footerNav ul {color: #636363;}

.imgRight {float: right; -moz-border-radius: 10px; border-radius: 10px; margin: 0px 0px 10px 10px;}


/*.contentRight .eventList ul li {margin: 0px;}
.contentRight .eventList ul li  a {color: red;}*/





.eventList a {text-decoration: none;}
.eventList em {display: block;}
.eventList strong a {color: #ae0904;}
.eventList .btnB {background-color: #2c6197!important; color: #fff!important; margin-left: 0px; clear: both;}
.eventList hr {border: none; border-bottom: 3px dotted #CCC;}*/

/* nieuwsbrief */
.mc-field-group  {clear: both;}
#mc-embedded-subscribe {padding: 12px 15px 12px 15px; margin-left: 127px;}
         
/* quotes */

.wp-block-quote {font-size: 12pt; border-left: 2px solid #2c6197;  background-color: #f3f3f3; padding: 10px 30px 1px 30px; margin-bottom: 20px; line-height: 100%;}
.wp-block-quote p {}
.wp-block-quote p em {display: block;}

		 
		 
@media screen and (max-width: 600px) {		 
		 #logo img  {width: 145%;}
		 .contentRight {display: block;}
		 .contentRight div {display: block;}
		 .contentRight h2 {/*margin-left: 20px;*/}
		 .block3 h2 a {color: #900028; background-color: white;}
		 .eventList {    padding-left: 20px;
    padding-right: 20px;}
	#logo {margin: 20px 0px 0px 20px;}
	.topImg {margin-top: 20px;}
	#socialMedia {display: none;}
	#contentRightLocation {display: none;}
a.icon {color: fff!important; text-shadow: none!important; box-shadow: none!important; border: none;}

}