/*
Theme Name: OBI
Author: OBI
Author URI: http://obicreative.com
Version: 1.0
*/

@import url(_ui/skin/css/style.css);


/****START VIDEO GRID DISPLAY****/
.page-id-4654 main,
.page-id-4718 main {
	padding-top:100px;
}
.page-id-4654 main #content,
.page-id-4718 main #content{
	width: auto;
}
.page-id-4654 main #content h1,
.page-id-4718 main #content h1{
	font-size:50px;
	font-weight:700;
	color:#a2a4a3;
	margin-bottom:75px;
}
.page-id-4654 main #content p,
.page-id-4718 main #content p{
	font-size:20px;
	color:#a2a4a3;
}
h2.videoheader{
	color: #26528c; 
	font-size: 20px; 
	padding: 50px 0 30px; 
	border-bottom: 1px solid #ccc; 
	font-weight: normal;
}
.videoflex{
	display: flex;
	flex-wrap: wrap;
    justify-content: flex-start;
	margin-top:45px;
}
.videoflex div{
	flex-basis: 380px;
    flex-grow: 1;
    flex-shrink: 0;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	padding:10px;
	margin-bottom:75px;
}
.videoflex h3{
	font-size:18px;
	font-weight:700;
	line-height:1.2;
	padding:0;
	margin-top:20px;
	color: #a2a4a3;
	margin-bottom:5px;
}
.page-id-4654 main #content .videoflex p,
.page-id-4718 main #content .videoflex p{
	font-size:14px;
	font-weight:700;
	line-height:1.2;
	padding:0;
	margin-top:0;
	color: #a2a4a3;
	margin-bottom:0;
}
.videoflex img{
	width:100%;
	height:auto;
}
@media only screen and (max-width: 420px){
	.videoflex div{
		flex-shrink:1;	
	}
}
/***END VIDEO GRID DISPLAY****/