/*
Theme Name: Uitzendinggemist
Author: Uitzendinggemist
Description: Uitzendinggemist
Version: 1.0
*/

/*
Uitzending Gemist
Kleuren:
- Oranje: #ff7800 	
- Grijs: #1f1f1f

*/

body {
  padding-top: 70px;
}
.starter-template {
  padding: 40px 15px;
  text-align: center;
}


h1{
	font-size: 18pt;
}


.theme-dropdown .dropdown-menu {
  position: static;
  display: block;
  margin-bottom: 20px;
}

.theme-showcase > p > .btn {
  margin: 5px 0;
}

.theme-showcase .navbar .container {
  width: auto;
}

.zendertop{
	display:inline-block;
	width: 40px;
	height: 40px;
	margin-top:5px;
}

#footer{
	margin-top: 50px;
	background-color: #f8f8f8;
	width: 100%;
	min-height: 200px;
}

#footer .container{
	padding-top: 50px;
}

.afbeelding{
	position: relative;
	z-index: 1;
	max-width: 300px;
}

.duur{
	background-color: #1f1f1f;
	color: white;
	padding: 5px;
	position: absolute;
	bottom:0;
    right:0;
    z-index: 2;
}


.programma{
	margin-top: 25px;
	min-height: 325px;
}

.geenomschrijving{
	min-height: 180px !important;
	max-height: 180px !important;
}

.geenomschrijving .afbeelding img{
	max-height: 170px !important;
	height: 130px;
	width: 100%;
}


.zender{
	display:inline-block;
	width: 35px;
	height: 35px;
	float: right;
}


.programmatitel{
	display: inline-block;
	width: 210px !important;
}


#video{
	display: block;
	width: 100% !important;
	height: 410px !important;
}


.copyright{
	margin-top: 50px;
/* 	margin-bottom: 50px; */
padding-bottom: 50px;
color: #999;
	text-align: center;
}


.adv{
	display: block;
/* 	margin-top: 35px; */
/* 	padding-top: 50px; */
}

#video{
	margin-bottom: 60px;
}

.bron{
	text-align: right;
	font-style: italic;
	font-size: 9pt;
}

.meer{
	text-align: right;
	padding-right: 0;
	width: 100%;
	margin-top: 25px;
}

/* Normale style voor H1 SEO */
.navbar-brand h1{
  float: left;
  height: 50px;
  padding: 15px 15px;
  font-size: 18px;
  line-height: 20px;
  margin-top: 0px;
  margin: 0px;
  padding: 0px;
  font-weight: normal;
	
}

.zoekbox {
	background:#fff;
	border:1px solid #ddd;
	padding:10px;
	margin-bottom: 20px;
	position: relative;
	border-radius: 5px;
}

.zoekbox img { border-radius:3px; object-fit: cover; width: 100%; height: 100%; }

.zoekbox .button {
	border-radius:3px;
	background-color:#ff6d00;
	color:#fff;
	text-transform: uppercase;
	padding:5px 20px;
	transition: background-color 150ms;
	text-decoration: none !important;
	margin-top: 11px !important;
	display: inline-block;
}

.zoekbox .button:hover {
	background-color:#222;
}

.zoekbox .titel {
	color:#23527c;
	font-weight: 600;
	font-size: 17px;
	display: block;
	margin-bottom: 5px;
}

.zoekbox .sub {
	display: block;
	margin-bottom: 5px;
}

.divider { height:1px; background-color:#ccc; width: 100%; margin:10px 0px; }

.oranje { color:#ff6d00; }

#pagination a, #pagination span { background-color:#ff6d00; padding:5px; color:#fff; text-align: center; min-width:26px; margin-right: 5px; margin-bottom: 5px; display: inline-block; border-radius:2px; }
#pagination .active { background-color:#222; }

@media (max-width:786px) {
	.zoekbox .titel {
		margin-top:15px;
	}
}

/* remicorson */
.navigation { list-style:none; font-size:12px; }
.navigation li{ display:inline; }
.navigation li a{ display:block; float:left; padding:4px 9px; margin-right:7px; border:1px solid #efefef; }
.navigation li span.current { display:block; float:left; padding:4px 9px; margin-right:7px; border:1px solid #efefef; background-color:#f5f5f5;  }	
.navigation li span.dots { display:block; float:left; padding:4px 9px; margin-right:7px;  }