/*
Theme Name: MSD Burundi
Theme URI: /wp-content/themes/msdburundi
Author: MSD Burundi
Author URI: http://www.msdburundi.org
Description: MSD Burundi
Version: 1.0
License: copyright MSD Burundi
License URI: 
Tags: red, yellow. orange, grey, black
Text Domain: msdburundi
*/




.twitter-timeline{
	border:1px solid #eeeeee!important;
	
}

.timeline-Tweet-text a{
	color:red!important;
	
}


.twitter-timeline:hover{
	background-color:#eeeeee!important;
	
}

a.u-floatLeft{
	display: none!important;
}

.flag{
	height: 28px;
	margin: 5px 10px 5px 0;
}


.slogan-container,
.newsletter-container{
	text-align: center;
}

.slogan{
	text-transform: uppercase;
	margin-top: 8px;
	
}

.newsletter-btn{
	margin-top: 8px;
	}
	


ul#share-buttons{
	margin: 0px;
	padding: 0px;
	list-style: none;
	}


ul#share-buttons li{
	margin: 0px 5px 0;
	padding: 0px;
	font-size: 16px;
	
	}
	




#topbalk a{
	color: #fff;
	text-decoration: none;
	
}

#topbalk a:hover{
	color: #DFCA6D;
	text-decoration: none;
	
}

#popup-newsletter{
	color: #000;
	
}


.well a,
a.titel-btn,
.menu-hoofdmenu-container a,
.social a,
.btn-discover,
.items a{
	text-decoration: none!important;
	
	
}

.adres{
	background-color: #FA8F05!important;
	border: 0px solid #FA8F05!important;
	
}




.thumbnail-well{
	float: right;
	margin: 0px 0 10px 10px;
	
}

.thumbnail-well img{
	border: 1px solid #fff;
	
}


.items{
	border: 1px solid #eee;
	padding: 10px;
	margin-bottom: 20px;
	overflow: hidden;
	}

.items h2 a{
	color:#0083eb;
	
}


.well{
	background-color: #eee;
	border:0px solid #ccc;
	border-radius: 0px;
	position:relative;
	}

.well ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
	}

.well ul li{
	
	margin: 0px;
	padding: 0px;
	
	}


ul.home-posts li{
	border-bottom: 1px solid #fff;
	padding: 5px 10px;
	line-height: 21px;
	font-size: 16px;
	overflow: hidden;
	}

ul.home-posts li:last-child{
	border-bottom: 0px solid #fff;
	
	}


ul.home-posts li a{
	color:#333;
	}

ul.home-posts li a:hover{
	color:#0083EB;
	}


.fa-map-marker{
	color: #fd4602;
	}

ul.home-posts .datum{
	font-size: 14px;
	color: #0083EB;
	}

a.titel-btn {
	
    display: block;
    color: #fff;
    font-size: 22px;
    margin: 0px 0 0px !important;
    padding: 5px 6px;
    text-transform: uppercase;
    background-color: #0083eb;
}

.kader{
	
	
	
}





.news-item{
	border-bottom: 2px solid #333;
	margin-bottom: 20px;
	padding-bottom: 20px;
	overflow: hidden;
	}





ul#menu-sidebar{
	margin:0 0 0 0px;
	padding:0;
	list-style:none;
	}
	
ul#menu-sidebar li{
	margin:0;
	padding:0;
	text-transform:uppercase;
	border-bottom:1px solid #a43e3e;
	}
	
ul#menu-sidebar li a{
	display:block;
	padding:5px 0;
	
	padding-left:10px;
	text-decoration:none;
	}

ul#menu-sidebar li a:hover{
	
	padding-left:10px;
	background-color:#660000;	
	}
	
ul#menu-sidebar li.current-menu-item a{
	
	}
	
ul#menu-sidebar li.current_page_item a,
ul#menu-sidebar li.current_page_parent a,
ul#menu-sidebar li.current_page_ancestor a{
	color:#fcf4d9!IMPORTANT;
	background-color:#660000!IMPORTANT;	
	}
	
	
	/*SUBMENU*/
ul#menu-sidebar li ul.children{
	margin:0 0 0 0px;
	padding:0;
	list-style:none;
	
	}
	
ul#menu-sidebar li ul.children li{
	margin:0;
	padding:0;
	text-transform:lowercase;	
		border-bottom:1px solid #a43e3e;
	}
	
ul#menu-sidebar li ul.children li:last-child{
	border:0;
	}

ul#menu-sidebar li ul.children li a{
	display:block;
	padding:5px 0;
	color:#f7d973!IMPORTANT;
	padding-left:10px;
	text-decoration:none;
	
	}

ul#menu-sidebarli ul.children li a:hover{
	color:#fcf4d9!IMPORTANT;
	padding-left:10px;
	background-color:#a43e3e;	
	}
	
ul#menu-sidebar li ul.children li.current_page_item a {
	color:#660000!IMPORTANT;
	padding-left:10px;
	background-color:#a43e3e!IMPORTANT;	
	}
	
ul#menu-sidebar li ul.children li.current-category-parent{
}


/*Default Theme CSS_________________________________________________________________________________________*/
.container-fluid {
    padding-right: 0px!important;
    padding-left: 0px!important;
    margin-right: auto;
    margin-left: auto;
}



/*Top___________________________________________*/


#top {
	position: relative;
	padding: 0px 0;
	margin-bottom: 0px;
	background-color:#fff;
	}


#prefooter{
	padding: 10px 0;
	
	
}

ul.social {
    float: left;
    font-size: 18px;
    margin: 0px 0 0;
    padding: 0px;
    list-style: none;
    color: #0083eb;
}



ul.social li{
	float: left;
	margin: 0px 0 0 15px;
	padding: 0px;
	
	}

ul.social li a{
	color: #0083eb;
	}

ul.social li a:hover{
	color: #FF4500!important;
	}


ul.social li .fa{
	color: #0083eb;
	
	
}



#logo{
	
	margin: 10px auto;
	z-index: 99999;
	}

	#logo img{
	max-width: 63%!important;
	margin: 10px auto;
	}



#topbalk{
	background-color: #ff4500;
	color: #fff;
	border-bottom:5px solid #DFCA6D;
	}

/*Search TOP TOP________________________________________________________________________________________*/


#top .search-form {
	float: right;
	margin: 17px -10px 0 0;
	}

#top .screen-reader-text i{
	color: #FF4500;
	padding: 6px 10px;
	margin: 0px;
	color: #fff;
	background-color:#0083EB;
	border-radius: 5px;
	}

#top .search-field {
	background-color: transparent;
	background-position: 5px center;
	background-repeat: no-repeat;
	background-size: 24px 24px;
	border: none!important;
	cursor: pointer;
	height: 24px;
	margin: 3px 0;
	padding: 0 0 0 5px;
	position: relative;
	-webkit-transition: width 400ms ease, background 400ms ease;
	transition:         width 400ms ease, background 400ms ease;
	width: 0;
	
}

#top  input.search-field{
	
	
	
}

#top .search-field:focus {
	background-color: #fff;
	border: 2px solid #c3c0ab;
	cursor: hand;
	outline: 0;
	width: 230px;
	color: #FF4500;
}
.search-form
.search-submit { 
display:none;
}


#top{
	min-height: 100px;
	
	
}


.header{
	
	}

.header img{
	width: 100%;
	
	
	}

.home .header{
	min-height:400px;
	
}



.carousel-txt {
  padding: 20px 0 20px 20%;
  color: #fff;
}
	
	.carousel-txt h1 {
  
	font-weight: 900;
   color: #fff;
}


/*Sidebar___________________________________________*/

#sidebar{
	padding: 20px 0 20px 0;
	}

#sidebar .well{
	color: #fff;
	background-color:#333;
	
	border-radius: 3px!important;
	padding: 20px!important;
}

#sidebar .well h2{
	color:#0083eb;
}


#sidebar .well a{
	color: #fff;
}

#sidebar .well a:hover{
	color: #E4EFD1;
}





ul.sidebar-menu{
	padding: 0px;
	margin: 10px 10px;
	list-style: none;
	}
ul.sidebar-menu li{
	padding: 0px;
	margin: 0px 0 10px 0;
	}
ul.sidebar-menu li a{
	display: block;
	color:#fff;
		font-size: 14px;
	background-color: #333;
	}
ul.sidebar-menu li a:before{
	color:#fff;

	content: "\f105";
	margin-right: 5px;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
	}
ul.sidebar-menu li a:hover{
	color:#fff;
	background-color: #663366;
	}



ul.sidebar-menu li.current_page_item a{
	color:#fff;
	background-color: #663366;
	
}




.aligncenter{
	text-align: center;
	
}



/*Content___________________________________________*/

#main{
	margin: 20px 0!important;
	padding: 0;
	
}

.home #main{
	margin: 0px 0 20px!important;
	
}

#content {
	padding: 20px 0px 30px 0px;
}


.titel{
	text-align: center;
	margin-bottom: 40px;
	}

#main-container h1 {

	}

#main-container h2 {
	
	}

#main-container h3 {
	
	}




/*Doelgroep______________________________________________________*/

#doelgroep{
	background-color: #ccc;
	min-height: 100px;
	padding: 20px 0px 10px;
	}




#doelgroep a{
	display: block;
	color: #fff!important;
	background-color: #333;
	 
}

#doelgroep a:hover{
	background-color:#663366
	
}

a.thumbnail:hover{
	  background-color: #663366!important;
	
}


/*Uitgelicht______________________________________________________*/

#uitgelicht{
	color: #fff;
	font-size: 16px;
	line-height: 22px;
	padding: 20px 0;
	text-align: left;
	background-color: #96c11f;
	background: #96c11f; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#c2db7d, #96c11f); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#c2db7d, #96c11f); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#c2db7d, #96c11f); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#c2db7d, #96c11f); /* Standard syntax */
	
	}

#uitgelicht h2{
	font-size:18px;
}

#uitgelicht a {
	color:#fff;
	
	
}

#uitgelicht a:hover{
	color: #fff;
	
	
}

#uitgelicht .thumbnail {
    background-color: #333;
    border: 2px solid #fff;
    padding: 0px;
    border-radius: 0;
    color: #fff !important;
    overflow: hidden;
    
}
#uitgelicht .thumbnail h3 {
   font-size: 18px;
	margin: 0px;
	text-transform: uppercase;
    color: #fff !important;
   
    
}



	
	


.fa-mobile{
	font-size: 22px!important;
	padding: 0 5px 0 3px;
	
}

.fa-envelope{
	font-size: 17px;
}



#footer-nav{
	min-height: 130px;
	background-color: #fff;
	
	
}


/*Section footer infobalk*/

#infobalk{
	padding: 20px 0;
	background-image:url(images/bg-infobalk.png);
	background-repeat: repeat;
	background-size: contain;
	border-top: 1px solid #DFCA6D;
	
	
}


/*Section footer*/

.menu-footermenu-container {
	float: left;
}

#footer {
	padding: 8px 0px;
	background-color: #ff4500;
	border-top:5px solid #DFCA6D;
	font-size: 14px;
	color: #fff;
	
	}
#footer fa{
	margin-right: 15px;
	}
#footer ul.adres{
	margin: 0px;
	padding: 0px;
	list-style:none;
	}
#footer ul li{
	
	margin: 0px 0px 0 0;
	padding: 0px;
	list-style:none;
	}
#footer a {
	color: #fff;
	font-size: 12px;
	font-size: 1.2rem;
	text-decoration: none;
}
#footer a:hover {
	color: #ccc;
}







/* Gallery ================================================================================ */
img.thumbnail-single {
	padding: 0px;
	border: 5px solid #fff;
}
ul#gallery-thumbs {
	list-style: none;
	margin: 0px!important;
	padding: 0px 0 0 6px!important;
	overflow: hidden;
}
ul#gallery-thumbs li {
	display:inline-block;
	margin: 0px!important;
	padding: 0!important;
	
	
}
ul#gallery-thumbs li:nth-child(2n+2) {
	
}
ul#gallery-thumbs li img {
	margin: 0px!important;
	padding: 0!important;
	border: 1px solid #333;
}


/*Pagination _____________________________________________________________________________________*/

h2.screen-reader-text{
	display: none;}



#pagination-section nav{
	background-color:transparent;
	margin-bottom: 20px;
	}
	
#pagination-section nav .screen-reader-text{
	display:none;	
	}
.pagination {
	clear: both;
	padding: 0px;
	position: relative;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 13px;
}
.pagination span, .pagination a {
	display: block;
	float: left;
	margin: 2px 2px 2px 0;
	padding: 10px;
	text-decoration: none;
	width: auto;
	color: #fff;
	background: #333;
}
.pagination a:hover {
	color: #fff;
	background: #0083eb;
	margin: 2px 2px 2px 0;
	padding: 10px;
}
.pagination .current {
	color: #fff;
	background: #0083eb;
}




/*Footermenu*/
ul#menu-footermenu {
	margin: 0px 0px 0 0px;
	padding: 0px 0 0 0px;
	list-style: none;
}
ul#menu-footermenu li {
	float: left;
	padding: 5px 0px !important;
	margin: 0 0 0 10px ;
	border-bottom: none;
	
	
}

ul#menu-footermenu li:first-child {
	
	margin: 0 0 0 0px ;
	
	
}



/* Extra small devices (phones, up to 480px) */
/* No media query since this is the default in Bootstrap */
/* Small devices (tablets, 768px and up) */
@media(min-width:768px) {

	
html {
	font-size: 62.5%;
}


.slogan{
	
	margin-top: 3px;
	
}	
	
.slogan-container,
.newsletter-container{
	text-align:inherit;
}
	
.newsletter-btn{
	margin-top: 10px;
	float: right;
}
	
ul.social{
	font-size: 18px;
	margin:0px;
	padding: 0px;
	list-style: none;
	color: #0083eb;
	}

ul.social li{
	float: left;
	margin: 0px 0 0 15px;
	padding: 0px;
	
	}

ul.social li a{
	color: #0083eb;
	}

ul.social li a:hover{
	color: #FF4500!important;
	}


ul.social li .fa{
	color: #0083eb;
	
	
}	
	
#top {
	margin-bottom: 0px;
	}

	
#logo{
	position: absolute;
	top:10px;
	left:0px;
	margin: 0px;
	z-index: 99999;
	}

	#logo img{
	max-width: 63%!important;
	margin: inherit;
	}
	
ul.social{
	float: right;
	font-size: 14px;
	margin: 25px 0 0;
	padding: 0px;
	list-style: none;
	color: #0083eb;
	}

ul.social li{
	margin: 0px 0 0 15px;
	padding: 0px;
	display: inline-block;
	}

ul.social li a{
	color: #0083eb;
	}

ul.social li a:hover{
	color: #0083eb;
	}


ul.social li .fa{
	color: #0083eb;
	
	
}
	
	.usp-blok{
	background-color: #0083eb;
	color: #fff;
	padding: 10px 0 0 0;
	font-size: 14px!important
	}


.usp-blok ul{
	list-style: none;
	padding: 0px;
	margin: 20px 20px 0;
	}

.usp-blok ul li{
	list-style: none;
	padding: 0px;
	margin: 5px;
	}


.usp-blok ul li:before{
	color:#fff;

	content: "\f00c";
	margin-right: 5px;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
	}

#content {
	padding: 20px 0px 0 0px;
	}
	
H1 {
	font-size: 26px;
	margin: 0px 0 5px 0;
	
	width: auto;
	background-image: url(images/header-icon.png);
	background-repeat: no-repeat;
	background-position: 0 4px;
}

	
	
/*Footermenu*/
	
	.menu-footermenu-container{
		float: right;
		
	}
ul#menu-footermenu {
	
	margin: 0px 0px 0 0px;
	padding: 0px 0 0 0px;
	list-style: none;
}
ul#menu-footermenu li {
	float: left;
	padding: 3px 10px 3px 10px!important;
	margin: 0 ;
	border-bottom: none;
	border-right:1px solid #000;
}
ul#menu-footermenu li:first-child {
	
	border-left:1px solid #000;
}
ul#menu-footermenu li:last-child {
	padding-right: 0;

}
ul#menu-footermenu li a {
	color:#fff;
	font-size: 14px;
	padding: 0px 0px 0 0;
	margin: 0px;
	
	
	height: inherit;
	line-height: none;
}
ul#menu-footermenu li a:hover {
	color: #333!important;
}

	
	
	
	
/* Belangrijk om mobile menu te activeren op tablets */
.navbar-toggle {
	display: inherit
}
.navbar-collapse.collapse {
	display: none!important;
}
.navbar-collapse.collapse.in {
	display: block!important;
}
/* _______________________________________________*/
}
/* Medium devices (desktops, 992px and up) */
@media(min-width:992px) {
	
	.equal-height .well {
         	display: -webkit-box;
         	display: -webkit-flex;
         	display: -ms-flexbox;
          	display:         flex;
			overflow: hidden;
			padding-bottom:15px;
		
          }
	
	.equal-height .well {
		min-height:500px;
		margin-bottom: -1000px;
    	padding-bottom: 1000px;
		
}
	
	.equal-height .thumbnail {
		margin-bottom: -1000px;
    	padding-bottom: 1000px;
}

	
	
.equal .well{
	min-height: 460px;
	
}
	
.usp-blok{
	background-color: #0083eb;
	color: #fff;
	padding: 20px 0 0 0;
	font-size: 14px!important
	}


.usp-blok ul{
	list-style: none;
	padding: 0px;
	margin: 60px 20px 0;
	}

.usp-blok ul li{
	list-style: none;
	padding: 0px;
	margin: 10px;
	}


.usp-blok ul li:before{
	color:#fff;

	content: "\f00c";
	margin-right: 5px;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
	}
	

.thumbnail-img{
	height: 120px;
	overflow: hidden;
		}

#logo{
	position: absolute;
	top:10px;
	left:0px;
	margin: 0px;
	z-index: 99999;
	}

	#logo img{
	max-width: 80%!important;
	margin: inherit;
	}

	
	
#top {
	padding:0px 0; 
	
	}
	
ul.social{
	float: right;
	font-size: 18px;
	margin: 20px 0 0;
	padding: 0px;
	list-style: none;
	color: #0083eb;
	}

	
#content {
	padding: 20px 0px 20px 0px;
}
	

	
	
/*Hoofdmenu*/
.bgmenu {
	background-color: transparent;
}
.bgmenu, nav {
	background-color:transparent;
}
.navigatie {
	margin-right: -3px!important;
}
.navbar-toggle {
	display: none;
}
.navbar-collapse.collapse {
	display: none!important;
}
	
.menu-hoofdmenu-container ul.menu {
	float:right;
	width: inherit;
	padding: 0px 0 0;
	margin: 17px 15px 0 0;
	list-style: none;
	}
	
	
.menu-hoofdmenu-container ul.menu li {
	float: left;
	margin: 0px 0px 0 0;
	padding: 0px;
	}

	

	
	
	
.menu-hoofdmenu-container ul.menu  li:first-child {
	border:none;
}
	
.menu-hoofdmenu-container ul.menu  li:last-child {
	margin-right: 0px!important;
}

	
	
	
.menu-hoofdmenu-container ul.menu li a {
	display: block;
	color: #fff;
	background-color:#FF4500;
	border-radius: 5px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	font-size: 14px;
	font-size: 1.4rem;
	margin: 0px 0 0 10px;
	padding: 0px 5px;
	text-align: center!important;
	text-transform: uppercase;
	}
	
	
	
.menu-hoofdmenu-container ul.menu li:first-child a {
	
	
}
.menu-hoofdmenu-container ul.menu li a:hover{
	color: #fff;
	background-color:#0083eb;
	text-decoration: none;
}
.menu-hoofdmenu-container ul.menu li.current-menu-item a, 
.menu-hoofdmenu-container ul.menu li.current-page-ancestor a, 
.menu-hoofdmenu-container ul.menu li.current-category-parent a,
.menu-hoofdmenu-container ul.menu li.current-category-ancestor a {
	color: #fff;
	background-color:#0083eb;
}
/* drowpdown ================================================================================ */
.menu-hoofdmenu-container ul.menu li ul {
	position: absolute;
	width: 250px;
	padding: 0;
	margin-top: -50px;
	margin-left: 100px;
	left: -999em;  /*  using left instead of display to hide menus because display: none isn't read by screen readers */
	border: 0;
	list-style: none;
}
.menu-hoofdmenu-container ul.menu li:hover ul, #menu li.sfhover ul {
	left: auto;
}
.menu-hoofdmenu-container ul.menu ul.sub-menu {
	padding: 11px 0 0 0;
	border-top: none;
	margin: 0px 0 0 -70px;
	z-index: 1000;
}
.menu-hoofdmenu-container ul.menu .menu-item-82 ul.sub-menu {
	margin: 0px 0 0 -118px!important;
}

.menu-hoofdmenu-container ul.menu ul.sub-menu li {
	background-color: #0083EB;
	text-align: left;
	padding: 0;
	margin: 0 0 0 0px;
	display: block;
	width:auto;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	border-bottom: 1px solid #fff;
	border-radius:0px;
	
}
	
	.menu-hoofdmenu-container ul.menu ul.sub-menu li:first-child{
	border-left:1px solid #fff!important;
	border-right:1px solid #fff!important;
		border-bottom: 1px solid #fff!important;
		}	
	
	.menu-hoofdmenu-container ul.menu ul.sub-menu li:last-child{
	border-bottom:1px solid #fff!important;

		}	
	
.menu-hoofdmenu-container ul.menu ul.sub-menu li a {
	width:235px;
	height: auto;
	display: block;
	color: #fff;
	background-color:#0083EB;
	padding: 3px 0 3px 5px!important;
	margin: 0 0 0 0px;
	border: 0px solid #ccc!important;
	font-size: 13px;
	font-weight: 400;
	text-align: left;
	border-radius:0px;
	
	
}
.menu-hoofdmenu-container ul.menu ul.sub-menu li a:hover {
	color: #fff!important;
	background-color: #FF4500;
}
/*Topmenu________________________________________________________________*/
	
.menu-submenu-container {
	margin: 10px 0 0!important;
	padding: 0px 0px 0 0;
	}
	
.menu-submenu-container ul.menu {
	float: right;
	margin: 0;
	padding: 0px;
	list-style: none;
	border-bottom: none;
	overflow: hidden;
	}
	
.menu-submenu-container ul.menu li {
	float: left;
	border-left:1px solid #333;
	margin: 0px!important;
	padding: 0px!important;
	}
	
.menu-submenu-container ul.menu li a {
	color: #333;
	font-weight: 400;
	font-size: 12px;
	font-size: 1.2rem;
	padding: 0px 10px!important;
	margin: 0px!important;
	}
	
.menu-submenu-container ul.menu li:first-child {
	padding-right: 0;
	border: none;
	}

.menu-submenu-container ul.menu li:first-child a:before {
	content: inherit;
}
	
.menu-submenu-container ul.menu li a:hover {
	color: #ff4500;
	text-decoration: none;
}
.menu-submenu-container ul.menu li.current-menu-item a, 
.menu-submenu-container ul.menu li.current-page-ancestor a {
	color: #ff4500;
	text-decoration: none;
}
	
	
	
	
}
/* iPad in landscape */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
}
/* Large devices (large desktops, 1200px and up) */
@media(min-width:1200px) {

	
.carousel-txt {
padding: 20px 0 20px 0px;
line-height: 1.5em;


font-size: 18px!important;
}
	
	.carousel-txt h1 {

font-size: 40px!important;
}
	



	
.menu-hoofdmenu-container ul.menu li a {
	font-size: 15px;
	font-size: 1.5rem;

	
}
.menu-submenu-container ul.menu li a {
	font-size: 13px;
	font-size: 1.3rem;
}

}