/* Operation Friendship - Jan Jansen | Twitter: @janjansense */

/* Typography */

@font-face {
    font-family: 'SourceSansProExtraLight';
    src:  url('../fonts/SourceSansPro-ExtraLight-webfont.eot');
    src:  url('../fonts/SourceSansPro-ExtraLight-webfont.eot?#iefix') format('embedded-opentype'),
          url('../fonts/SourceSansPro-ExtraLight-webfont.woff') format('woff'),
          url('../fonts/SourceSansPro-ExtraLight-webfont.ttf') format('truetype'),
          url('../fonts/SourceSansPro-ExtraLight-webfont.svg#SourceSansProExtraLight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SourceSansProExtraLightItalic';
    src:  url('../fonts/SourceSansPro-ExtraLightIt-webfont.eot');
    src:  url('../fonts/SourceSansPro-ExtraLightIt-webfont.eot?#iefix') format('embedded-opentype'),
          url('../fonts/SourceSansPro-ExtraLightIt-webfont.woff') format('woff'),
          url('../fonts/SourceSansPro-ExtraLightIt-webfont.ttf') format('truetype'),
          url('../fonts/SourceSansPro-ExtraLightIt-webfont.svg#SourceSansProExtraLightItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SourceSansProLight';
    src:  url('../fonts/SourceSansPro-Light-webfont.eot');
    src:  url('../fonts/SourceSansPro-Light-webfont.eot?#iefix') format('embedded-opentype'),
          url('../fonts/SourceSansPro-Light-webfont.woff') format('woff'),
          url('../fonts/SourceSansPro-Light-webfont.ttf') format('truetype'),
          url('../fonts/SourceSansPro-Light-webfont.svg#SourceSansProLight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SourceSansProLightItalic';
    src:  url('../fonts/SourceSansPro-LightIt-webfont.eot');
    src:  url('../fonts/SourceSansPro-LightIt-webfont.eot?#iefix') format('embedded-opentype'),
          url('../fonts/SourceSansPro-LightIt-webfont.woff') format('woff'),
          url('../fonts/SourceSansPro-LightIt-webfont.ttf') format('truetype'),
          url('../fonts/SourceSansPro-LightIt-webfont.svg#SourceSansProLightItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SourceSansProRegular';
    src:  url('../fonts/SourceSansPro-Regular-webfont.eot');
    src:  url('../fonts/SourceSansPro-Regular-webfont.eot?#iefix') format('embedded-opentype'),
          url('../fonts/SourceSansPro-Regular-webfont.woff') format('woff'),
          url('../fonts/SourceSansPro-Regular-webfont.ttf') format('truetype'),
          url('../fonts/SourceSansPro-Regular-webfont.svg#SourceSansProRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SourceSansProItalic';
    src:  url('../fonts/SourceSansPro-It-webfont.eot');
    src:  url('../fonts/SourceSansPro-It-webfont.eot?#iefix') format('embedded-opentype'),
          url('../fonts/SourceSansPro-It-webfont.woff') format('woff'),
          url('../fonts/SourceSansPro-It-webfont.ttf') format('truetype'),
          url('../fonts/SourceSansPro-It-webfont.svg#SourceSansProItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SourceSansProSemibold';
    src:  url('../fonts/SourceSansPro-Semibold-webfont.eot');
    src:  url('../fonts/SourceSansPro-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
          url('../fonts/SourceSansPro-Semibold-webfont.woff') format('woff'),
          url('../fonts/SourceSansPro-Semibold-webfont.ttf') format('truetype'),
          url('../fonts/SourceSansPro-Semibold-webfont.svg#SourceSansProSemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SourceSansProSemiboldItalic';
    src:  url('../fonts/SourceSansPro-SemiboldIt-webfont.eot');
    src:  url('../fonts/SourceSansPro-SemiboldIt-webfont.eot?#iefix') format('embedded-opentype'),
          url('../fonts/SourceSansPro-SemiboldIt-webfont.woff') format('woff'),
          url('../fonts/SourceSansPro-SemiboldIt-webfont.ttf') format('truetype'),
          url('../fonts/SourceSansPro-SemiboldIt-webfont.svg#SourceSansProSemiboldItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SourceSansProBold';
    src:  url('../fonts/SourceSansPro-Bold-webfont.eot');
    src:  url('../fonts/SourceSansPro-Bold-webfont.eot?#iefix') format('embedded-opentype'),
          url('../fonts/SourceSansPro-Bold-webfont.woff') format('woff'),
          url('../fonts/SourceSansPro-Bold-webfont.ttf') format('truetype'),
          url('../fonts/SourceSansPro-Bold-webfont.svg#SourceSansProBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SourceSansProBoldItalic';
    src:  url('../fonts/SourceSansPro-BoldIt-webfont.eot');
    src:  url('../fonts/SourceSansPro-BoldIt-webfont.eot?#iefix') format('embedded-opentype'),
          url('../fonts/SourceSansPro-BoldIt-webfont.woff') format('woff'),
          url('../fonts/SourceSansPro-BoldIt-webfont.ttf') format('truetype'),
          url('../fonts/SourceSansPro-BoldIt-webfont.svg#SourceSansProBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SourceSansProBlack';
    src:  url('../fonts/SourceSansPro-Black-webfont.eot');
    src:  url('../fonts/SourceSansPro-Black-webfont.eot?#iefix') format('embedded-opentype'),
          url('../fonts/SourceSansPro-Black-webfont.woff') format('woff'),
          url('../fonts/SourceSansPro-Black-webfont.ttf') format('truetype'),
          url('../fonts/SourceSansPro-Black-webfont.svg#SourceSansProBlack') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SourceSansProBlackItalic';
    src:  url('../fonts/SourceSansPro-BlackIt-webfont.eot');
    src:  url('../fonts/SourceSansPro-BlackIt-webfont.eot?#iefix') format('embedded-opentype'),
          url('../fonts/SourceSansPro-BlackIt-webfont.woff') format('woff'),
          url('../fonts/SourceSansPro-BlackIt-webfont.ttf') format('truetype'),
          url('../fonts/SourceSansPro-BlackIt-webfont.svg#SourceSansProBlackItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Defaults */
h1{
	font-size:31px;
}

h2{
	font-size:28px;
}

h3{
	font-size:26px;
}

h1,h2,h3,h4,h5,h6{
	font-family: SourceSansProBlack, Sans-Serif;
	color:#4582ec;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.breadcrumb>li+li.breadcrumbs-day:before{
	content:"";
	padding: 0 0px;
}

input{
	color:#333;
}

.langbtn i{
  color:#fff;
}

.langbtn:hover i{
  color:#333;
}

.navbar-nav>li>a.langbtn{
  color:#EEE;
}

.navbar-nav>li>a.langbtn:hover{
  color:#333;
}

/* Form */

.Actions input{
	margin-top:20px;
}

form .field {
	margin:5px;
}

.required {
	border-color: #d9534f;
}
label.required{
	background-color: #fdf7f7;
	border-color: #d9534f;
	margin: 7px 0;
	width: 100%;
	padding: 7px;
	border-left: 3px solid #d9534f;
	color: #d9534f;
	border-radius: 3px;
}

/* FAQ */

.faq .panel-heading a{
	display:block;
}
.faq>.panel-heading{
	background-color: #f5f5f5;
}

/* Countries */

.ofcountry .well{
	margin-bottom:0px;
}
.ofcountry h4{
	font-family: SourceSansProLight, Sans-Serif;
	margin: 0px;
}
.ofcountry .thumbnail{
	margin-bottom:0px;
}
.country h6{
	font-size:18px;
	font-family: SourceSansProLight, Sans-Serif;
}


/* Spotlights */

.spotlights .well{
	margin-bottom:0px;
}

.spotlight{
	color:#3fad46;
}

.spotlight-link{
	display:block;
}

/* QuickLinks */

.quicklinks li{
	color: #fff;
	list-style-type: square;
}

/* Blog */

.WidgetHolder ul li{
	list-style-type:none;
}
.WidgetHolder ul{
	padding:0px;
	margin:0px;
}

.bloglist {
	list-style-type:none;
}
.bloglist{
	padding:0px;
}

/* Blog Post */

.featured img{
	margin-bottom:20px;
}
 
/* Slider */ 

.wrap-slider .bx-viewport{
	border: 4px solid #DDD;
}

.wrap-slider{
	margin-bottom:20px;
}

ul.slider{
	margin:0px;
	padding:0px;	
}


ul.slider li{
	list-style-type:none;
}

/* Main */

body{
	background:url('../img/bg.jpg');
	background-position:50% top;
	background-repeat:no-repeat;
}

.content{
	margin-bottom: 20px;
}

.main{
	position:relative;
	z-index:100;
}

.page h1, .page h2, .page h3, .page h4, .page h5, .page h6{
	text-transform:uppercase;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6{
	font-family: SourceSansProBold;
	text-transform: uppercase;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.lvlmenu{
  padding-left:0px;
  margin: 0px;
}

.lvlmenu li{
  list-style-type: none;
}

.impressions{
	border: 4px solid #DDD;
	max-width: 255px
}

.custom-margin{
	margin-left:-10px;
}

.dayitem{
  margin-bottom:20px;
}

.nextprev{
  display: inline-table;
  margin-bottom: 20px;
  width: 100%;
}

/* Nav */

.topnav{
	border:1px solid #E7E7E7;
	margin:20px 0px;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
}

.nav{
	background:#f7f7f7;
}
.navbar-toggle .icon-bar{
	background:#fff;
}

.navbar-nav>li>a:hover{
	background: #FDFDFD;
	border: 1px solid #E4E4E4;
	color: #444;
}

.navbar-nav>li.section>a:hover,
.navbar-nav>li.current>a:hover{
	border: 1px solid #3579F0;
	background: #4E8AF1;
	color: #fff;
}

.navbar-nav>li.section>a,
.navbar-nav>li.current>a{
	border: 1px solid #276BE2;
	background: #4582ec;
	color: #EEE;
}

.navbar-nav>li>a{
	color: #444;
	padding-top: 6px;
	padding-bottom: 6px;
	margin: 7px 4px;
}

.togglebg{
	background-color:#E4E4E4;
}

ul.navbar-nav li a.klikopmij{
	margin-top: -42px;
	width: 42px;
	float: right;
	font-size: 14px;
	color: #646464;
	height: 34px;
	margin-bottom: 0px;
	margin-right: 5px;
	background: #eee;
}

/* Header */

.header{
	padding:20px 5px 7px 7px;
}

.slogan{
	font-family: SourceSansProLight, Sans-Serif;
	color:#444;
}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.share{
	font-family:SourceSansProLight, Sans-Serif;
	margin:0px;
}

/* Footer */

.addthis{
	display: inline;
}

@media (min-width: 768px) {
	.addthis{
		display: flex;
	}
}

.footer a{
	color:#eee;
}

.footer ul.info li{
  list-style-type: none;
  color:#ccc;
  line-height: 21px;
}

.footer ul.info{
  padding-left:0px;
}

.footer ul.remainder {
  padding-left:0px;
}

.footer ul.remainder li{
  list-style-type: none;
  color: #ccc;
  line-height:21px;
}

.footer{
	background: #27292a;
	min-height: 200px;
	padding: 15px;
	margin-top:20px;
}

.footer h1, .footer h2, .footer h3, .footer h4, .footer h5, .footer h6{
	font-family:SourceSansProRegular, Sans-Serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
/*
Navbar "hovernav" dropdown menu - this works only for screen sizes larger than phones.
The Bootstrap CSS is unchanged.
*/
@media (max-width: 991px) {
	.spotlights .well{
		margin-bottom:20px;
	}
	.sidebar{
	margin-top:20px;
	}
	.spotlights .panel-title{
		text-align:center;	
	}
}

@media (min-width: 768px) {
	

	
  .navbar-nav .caret {
    display: none;
  }
  .navbar-nav .open ul {
    display: none;
	}
  .navbar-default .navbar-nav > .open > a,
  .navbar-default .navbar-nav > .open > a:hover,
  .navbar-default .navbar-nav > .open > a:focus,
  .navbar-default .navbar-nav > .active > a,
  .navbar-default .navbar-nav > .active > a:hover,
  .navbar-default .navbar-nav > .active > a:focus {
    color: #555;
    background: none;
  }
  .navbar-inverse .navbar-nav > .open > a,
  .navbar-inverse .navbar-nav > .open > a:hover,
  .navbar-inverse .navbar-nav > .open > a:focus,
  .navbar-inverse .navbar-nav > .active > a,
  .navbar-inverse .navbar-nav > .active > a:hover,
  .navbar-inverse .navbar-nav > .active > a:focus {
    color: #969696;
    background: none;
  }
  .navbar-default .navbar-nav > .hovernav > a {
		color: #555;
	}
  .navbar-inverse .navbar-nav > .hovernav > a {
		color: #969696;
	}
  .navbar-default .navbar-nav > .hovernav:hover > a,
  .navbar-default .navbar-nav > .hovernav:hover > a:hover,
  .navbar-default .navbar-nav > .hovernav:hover > a:focus {
    color: #333;
    background: transparent;
  }
  .navbar-inverse .navbar-nav > .hovernav:hover > a,
  .navbar-inverse .navbar-nav > .hovernav:hover > a:hover,
  .navbar-inverse .navbar-nav > .hovernav:hover > a:focus {
    color: #fff;
    background: transparent;
  }
	.navbar-default .navbar-nav > li:hover {
    background: #e7e7e7;
  }
  .navbar-inverse .navbar-nav > li:hover {
    background: #080808;
  }
  
  
  .navbar-nav .hovernav > .dropdown {height:100%!important;display:none;}
  .navbar-nav .hovernav:hover > .dropdown {
    display: block;
	height:100%!important;
	}



}
 .navbar-collapse.in ul.collapse.in{
  display:inline;
  }
  .navbar-collapse.in {
  overflow-y: inherit!important;
  display:inline;
  }

  .sfHover ul.dropdown{
  display:inline-table;
}