#video-player{
	
	margin-top: 80px; 
	width: 100%;
}
#video-player a{text-decoration: none; color: #fff;}
#video-player a:hover{text-decoration: underline; color: #bebebe;}

#recent_videos{
	
	margin-bottom: 10px;

}

/* video title */
.video-title{
	
	background: #292328; 
	font-size: 30px; 
	text-transform: uppercase; 
	padding: 10px;
	
}
.video-title h1{font-weight: 400;  font-family: 'Nixie One', cursive;}
.video-title span{color: #b6aca7}

/* YT */
.video-container {
	position:relative;
	/* height: calc(100vw/1.77777778); */
	height: 60vh;
	overflow:hidden;
	width: 100%;
	margin: 0 auto;
	
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	/* height: calc(100vw/1.77777778); */
	height: 60vh;
}

/* YT bottom line */

.vid-bottom{
	
	height:auto;
	padding:10px;
	color:#fff;
	background-color: #292328;
	text-transform:uppercase;
	position:relative;
	text-align:left;
	font-weight:bold;
	font-size:30px;
}
.vid-bottom .fa{color: #9a2e34; margin-right: 10px; }
.row {
	width: 90%; 
	margin: 0 auto;
}
.col-sm-6 {
	width: 49%; 
	display: inline-block;
}

.vid-bottom .socials span{
	
	padding-right: 10px; 
	
}

.name_geo {text-align: left; margin-left: 80px;}
.name_geo span{display: block;}

.name_geo .geo{font-style: italic; color:#c7c7c6; font-size: 22px;}

.socials{
	text-align: right; 
	position: relative; 
	top: 50%;  
	transform: translateY(-50%);
	
}
.socials:hover{cursor: pointer;}


/* share */
.shares{display: none; background-color: rgba(255, 255,255, 0.2);  border: solid 1px #bebdbe; padding: 10px 0 10px 0; margin-bottom: 20px; color: #9a2e34; line-height: 32px; font-size: 20px;}
.shares span{margin-right: 15px;}
.shares .fa{
	
	transition: all 0.2s linear;
    background-color: #9a2e34;
    border-bottom: 0 none;
    border-radius: 50%;
    color: #fff;
    font-size: 18px;
    height: 32px;
    line-height: 32px;
    margin: 0 5px 0 0;
    text-align: center;
    width: 32px;
	display: inline-block;
}
.shares .fa:hover{cursor: pointer;  background-color: #fff;  color: #9a2e34;}


/* FB */

.fb-comments, .fb-comments iframe[style], .fb-comments span {
   width: 100% !important;
}

.fb {display: none; width: 100%; margin: 0 auto; background-color: #fff;}

/* LIST OF VIDEOS */

#video-player .flick {
	display: inline-block; 
	border: none; 
	width: 320px;
	height: auto;
	margin-top: 5px; 
	transition: all 0.5s ease;
}

#video-player .flick-title{
	
	font-size: 16px;  
	text-transform: uppercase; 
	padding: 3px;
}

#video-player .thumb{
	
	background-size: cover; 
	text-align: center; 
	background-color: #111;
	height: 180px;
	
	
}

.storyteller{text-transform: uppercase;}

#search{
	
	background: #292328;
	padding: 10px; 
	color: #fff;
	text-transform: uppercase;
	vertical-align:top;
	
}
#search span{vertical-align: middle; font-size: 37px; padding-right: 20px;}
#search input, #search select {
	font-family: 'Roboto Condensed', arial, sans-serif;
	/* padding: 0 20px; */
	height: 37px;
	display: inline-block;
	font-size: 20px;
	vertical-align: middle;
	width: 200px;
	text-align: center;
	text-transform: uppercase;
	border: none;

	
}

.search {

    color: #fff;
    background: #9a2e34;
    padding: 0 20px;
    height: 37px;
    line-height: 37px;
    display: inline-block;
    font-size: 20px;
    vertical-align: middle;
    width: 200px;
    text-align: center;
    text-transform: uppercase;
  }

.search:hover{
	
	cursor: pointer;
	background-color: #a44248;
	
}
#search_results{
	padding-top: 20px; 
	display: none;
}

/* MEDIA QUERIES  */
@media screen and (max-width:1200px){

	#video-player {
		margin-top: 50px;
	}

	.socials{
			
			font-size: 18px;
					
		}
	.vid-bottom .name{
		font-size: 22px;
	}

	.vid-bottom .geo{
		font-size: 18px;
	}
	.name_geo {
   
    margin-left: 40px;
	}
	.vid-bottom .row{width: 96%}

	.vid-bottom .socials span {
		padding-right: 2px;
	
	}
	
	#search input, #search select, .search{
		padding: 0;
		display: block; 
		margin: 5px auto;
		width: 90%;
	}
	

}

@media screen and (max-width:600px){
	
	
	#video-player .flick, #video-player .vid, #video-player .small-vid, #video-player .thumb {
		
		width:100%; 
		height: 200px;
		
	}
	
	.video-title{
		
		font-size: 20px;
		
	}
	
	.name_geo .name {	font-size: 18px;}
	.name_geo .geo {font-size: 14px;}
	.socials{
		
		font-size: 16px;
		background: #3E383D;
		margin-top: 30px;
		
	}
	
	.vid-bottom .socials span {padding: 5px;}
	.vid-bottom .fa{margin-right: 5px;}
	
	.col-sm-6{display: block; width: 98%;}
	
	.socials, .name_geo{text-align: center;}
	.name_geo {margin: 0;}
	
	.video-container {
		/* height: 250px; */
		width: 100%;
	}
	.video-container iframe, .video-container object, .video-container embed {
		/* height: 250px; */

	}
	#video-player{
	
	margin-top: 40px; 
	
	}	
	
	/* #search input, #search select, .search{
		padding: 0;
		display: block; 
		margin: 5px auto;
		width: 90%;
	} */
	
}