body {
	font-family: Verdana, Geneva, sans-serif!important;
  font-size: 14px;
line-height: 20px;
color: #333;

}
.blog-featured h4{
	color: #BF79AD!important;
}

h2{
	color: #BF79AD!important;
}
/*-----------ballon achtergrond-------------------*/
.ballon{
	background: url(../../../images/ballon_onbeperkt.png) no-repeat;
  background-size: contain;
	padding: 30px 20px 80px 20px;
  max-width:350px;
  
	
}
.ballon h5{
	font-size: 1rem;
  	font-weight:bold;
	line-height: 24px;
	color: #000000!important;
 

}
/*--------menu-----------*/
.sp-megamenu-parent li a{
  font-family: Verdana, Geneva, sans-serif!important;
  font-weight:bold!important;
}
.sp-menu-item a:hover{
  text-decoration:underline;
}
.burger-icon span{
  background-color:white!important;
}
/*----------footer------------*/
#sp-footer, #sp-bottom{
  background: #3D8256 url(../../../images/onbeperkt070_skylinedenhaag80px.png) repeat;
  background-size: contain;
  background-blend-mode: multiply;
  text-align:center;
  padding-top:40px;
  padding-bottom:40px;
}
/*-----typografie-----*/
#sp-main a{
  text-decoration:underline;
}
h1,h2,h3,h4,h5{
    font-family: Verdana, Geneva, sans-serif!important;
  	font-weight:bold!important;
}

.blog-featured .page-header h1{
  	color: #CC4004!important;
	font-size: 2em!important;
	border-left: dotted 1px #DA9172;
	padding-left: 20px;
}
.blog-featured .page-header{
  border-bottom: dotted 1px #DA9172;
}
h2 {
color: #BF79AD!important;
}
.blog-featured h2 {
    font-size: 1.2em!important;
    line-height: 1.2em;
}
.blog-featured h2 a {
    color: rgb(218, 145, 114) !important;
}
.moduletable_Agenda h3, .moduletable_Nieuws h3, .moduletable_Nieuwsarchief h3{
    color: #CC4004!important;
  	padding-left:20px;
}
#sp-rechterkant ul li, .moduletable_Nieuws ul li, #mod-custom102 {
    padding-top:20px;
  	padding-left:20px;
  list-style-type: none;
    border-top: dotted 1px #DA9172;
}
#sp-rechterkant ul li a, .moduletable_Nieuws ul li a{
    color: #CC4004!important;
  	font-weight:bold;
}
.moduletable_Nieuwsarchief a, .moduletable_Nieuwsarchief h3 {
    color: rgb(218, 145, 114);
}
#mod-custom102 h6{
  font-weight:bold;

}

/*----kolommen border---*/
.blog-featured{
  padding-left:0px;
  padding-right:0px;
}
.blog-featured .article-list {

    padding-left: 0px;
    padding-bottom: 0px;
}
.article-list .article{
  border-top:none!important;
  border-left: 1px dotted rgb(218, 145, 114);
  border-right:none!important;
  margin-bottom: 0px;
padding: 20px!important;
border-radius: none!important;
     border-bottom: 1px dotted rgb(218, 145, 114)!important;
}
/*---binnen paginas---*/
.content_070 .article-list .article{
  border:none!important;
}

.moduletable_Agenda ul, .moduletable_Nieuws ul {
    padding-left: 0px;
  padding-top:20px;

}
#sp-rechterkant{
    border-left: 1px dotted rgb(218, 145, 114);
  padding:0px;
  
}
._Social{
  padding-right:0px;
  padding-top:20px;
  border-top: dotted 1px #CC4004;
}
/*-------socials--------*/
._Social .mod-custom{
    font-size: 0.9em;
    border-bottom: dotted 1px #808abf;
    padding-left: 20px;
    padding-bottom: 20px;
}
.fa-twitter-square, .fa-facebook-official {
    font-size: 3em!important;
    color: #808abf;
  
  padding-right:10px;
}
/*---ivm hamburgermenu---*/
/* Focus indicator voor menu-items */
.offcanvas-menu a:focus {
  outline: 2px solid #005fcc;
  outline-offset: 2px;
  background-color: rgba(0, 95, 204, 0.1);
}

/* Submenu items visueel onderscheiden */
.offcanvas-menu .sp-submenu a {
  padding-left: 2rem;
  border-left: 3px solid transparent;
}

.offcanvas-menu .sp-submenu a:focus {
  border-left-color: #005fcc;
}

/* Verberg submenu standaard */
.offcanvas-menu .sp-submenu {
  display: none;
}
/*rsmedia*/
/* Force a visible border when keyboard users tab through gallery items */
.lightbox a:focus,
.rsmediagallery-item a:focus,
.rsmediagallery-front-thumb a:focus,
.rsmg-content-item-link:focus,
.rs_lightbox_close:focus,
.rs_lightbox_next:focus,
.rs_lightbox_prev:focus {
    outline: 3px solid #005A9C !important; /* High-contrast blue */
    outline-offset: 2px !important;
}

/* MEDIA QUERIES
*********************************************/

/* Extra small devices (phones, less than 768px) */
@media (max-width: 767px)
{
.blog-featured, .blog {
	margin-top: 0px; 

}
div.item.column-1.span6, div.item.column-2.span6{
	min-height: 0px;
	border-bottom: 1px dotted #CC4004;
}


.moduletable_Agenda, .moduletable_intro, .moduletable_Social{
	margin-top: 0px;
	border-left: 0px;
	padding-left: 0px;
}
.moduletable_footer{
	margin-left: -20px;
	margin-right: -20px;
	width: 115%;
	height: 80px;
}
ul.nav.menu{
	padding-left: 0px;
}
.navbar .nav>li>a{
	border-top: solid 1px #fff;
	}
.navbar .btn-navbar{
	margin-top: 0px;
}
.moduletable_footer{
	height: 20%;
}
.ballon h5{
	font-size: 1rem;
	line-height: 1.4rem;

}
  .ballon{
    background-size: contain;
  }

}


/* Small devices (tablets, 768px and up) */
@media all and (min-width: 768px) and (max-width:991px){
	
.blog-featured, .moduletable_Agenda{
	margin-top: 0px;
}
.ballon h5{
	font-size: 1rem;
	line-height: 1.1rem;

}
 
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width:1199px) {
	.navbar .nav>li>a{
		font-size: 1em;
		padding-right: 5px;
	}
	ul.nav.menu{
		padding-top: 0px;
	}

}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}

/* for higher resolutions (android and retina) */
@media screen and (-webkit-min-device-pixel-ratio: 1.5), screen and (max--moz-device-pixel-ratio: 1.5) {
  
}