/*
Theme Name: Bank Holiday Wide
Theme URI: http://www.bankholidaycomes.com/
Description: Theme for Bank Holiday
Author: Jack Gregory
Author URI: http://media.platformplatform.com/
Version: 1.0
*/
/*---------------------- Fonts ----------------------*/
@font-face {
	font-family:'RoadTransportMedium';
	src:url(fonts/Road_Transport_Medium.eot) format("eot");
	src:url(fonts/Road_Transport_Medium.woff) format("woff"),url(fonts/Road_Transport_Medium.ttf) format("truetyp"),url(Roadgeek_Transport_Medium.svg#RoadTransportMedium) format("svg");
	font-weight:400;
	font-style:normal;
}

/*---------------------- Reset ----------------------*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
	font-size:100%;
	font:inherit;
	padding:0;
	border:0;
	margin:0;
	vertical-align:baseline;
}

body {
	color:#333;
	font-family:Helvetica,sans-serif;
	font-size:13px;
	line-height:1em;
}

ol,ul {
	list-style:none;
}

blockquote,q {
	quotes:none;
}

blockquote:before,blockquote:after,q:before,q:after {
	content:'';
	content:none;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
	display:block;
}

.clear {
	clear:both;
}

.clearfix::after {
	clear:both;
	content:".";
	display:block;
	font-size:0;
	height:0;
	visibility:hidden;
}

p {
	margin-bottom:8px;
}

img,object,embed {
	max-width:100%;
	height:auto;
}

strong {
	font-weight:700;
}

em {
	font-style:italic;
}

/*---------------------- Global Headings ----------------------*/
h1,h2,h3,h4 {
	color:#121212;
	font-family:'RoadTransportMedium',Times,serif;
	line-height:1.5em;
	letter-spacing:normal;
	text-transform:uppercase;
}

h1 {
	font-size:16px;
}

h2 {
	font-size:16px;
}

h3,h4 {
	font-size:14px;
}

/*---------------------- Global Inputs ----------------------*/
textarea,input[type="text"],input[type="password"] {
	border:1px solid #cecece;
	padding:5px 4px;
}

/*---------------------- Global Links ----------------------*/
a,a:active,a:link {
	color:#1a1a1a;
	text-decoration:none;
}

a:hover {
	color:#1a1a1a;
	text-decoration:none;
}

/*---------------------- Social Buttons ----------------------*/
.social-buttons {
	display:block;
	margin-top:10px;
}

.social-buttons li {
	display:block;
	float:left;
	margin-right:8px;
}

/*---------------------- Navigation / Pagination ----------------------*/
.navigation {
	font-family:'RoadTransportMedium',Times,serif;
	font-size:14px;
	letter-spacing:normal;
	text-transform:capitalize;
}

.navigation .nav-next {
	float:left;
}

.navigation .nav-previous {
	float:right;
}

.navigation a {
	text-decoration:none;
	border: 0;
}

#content .entry-content .navigation a {
	border-bottom: 0;
}

#nav-above {
	margin-bottom: 20px;
}

#nav-below {
	font-family:'RoadTransportMedium',Times,serif;
	font-size:14px;
	letter-spacing:normal;
	text-transform:capitalize;
	margin-top:20px;
}

.post #nav-below {
	margin:20px 0;
	border-bottom:1px solid #222;
	padding-bottom:20px;
	font-family:'RoadTransportMedium',Times,serif;
	font-size:14px;
	letter-spacing:normal;
	text-transform:capitalize;
}

.post #nav-below a {
	padding:8px 0;
	display:block;
}

/*---------------------- Header ----------------------*/
#masterhead {
	max-width:1400px;
	min-width:920px;
	padding:0 15px;
	margin:25px auto 30px;
	position:relative;
	background:#fff;
}

#branding {
	float:left;
	width:34%;
}

#logo {
	margin-left:-2px;
	max-width:380px;
}

/*---------------------- Main Menu ----------------------*/
#masternav {
	font-family:'RoadTransportMedium',Times,serif;
	font-size:14px;
	padding-bottom:15px;
	letter-spacing:1px;
	float:right;
	width:60%;
	margin-top:25px;
}

#masternav ul.menu::after {
	clear:both;
	content:".";
	display:block;
	font-size:0;
	height:0;
	visibility:hidden;
}

#masternav ul.menu li.menu-item {
	width:20%;
	margin:0;
	float:left;
	line-height:1em;
}

#masternav ul.menu li.menu-item ul.sub-menu {
	margin:0;
	padding:0;
	overflow:hidden;
}

#masternav ul.menu li.menu-item ul.sub-menu li.menu-item {
	width:100%;
	padding-top:10px;
}

#masternav ul.menu li a {
	color:#1a1a1a;
	display:block;
	text-decoration:none;
}

/*---------------------- Search ----------------------*/
#search {
	position:relative;
	float:left;
	margin-left:16px;
	height:40px;
	line-height:40px;
}

#search label {
	font-weight:700;
	display:inline-block;
	margin-right:6px;
}

#search-inputs {
	display:inline;
}

#search-inputs input[type="text"] {
	border:0;
	border-bottom:1px solid #000;
	padding:0 4px;
	height:15px;
	width:300px;
	vertical-align:middle;
}

#search-inputs input[type="text"]:focus {
	outline:0;
}

#search-submit {
	display:none;
}

/*---------------------- Main Content ----------------------*/
#wrap {
	max-width:1400px;
	min-width:920px;
	margin:0 auto;
}

#container {
	padding:20px 15px;
}

#content {
	line-height:1.5em;
	float:left;
	width:75%;
}

#content p {
	color:#333;
}

#content .entry-content p {
	margin:0 0 .9em;
}

#content .entry-content a {
	border-bottom:1px solid #222;
}

#content .entry-content a:hover {
	border:0;
}

/*---------------------- FlexSlider ----------------------*/
.flex-container a:active,.flexslider a:active,.flex-container a:focus,.flexslider a:focus {
	outline:none;
}

.slides,.flex-control-nav,.flex-direction-nav {
	margin:0;
	padding:0;
	list-style:none;
}

.flexslider {
	margin:0;
	padding:0;
}

.flexslider .slides > li {
	display:none;
	-webkit-backface-visibility:hidden;
}

.flexslider .slides img {
	width:100%;
	display:block;
}

.flex-pauseplay span {
	text-transform:capitalize;
}

.slides:after {
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	line-height:0;
	height:0;
}

html[xmlns] .slides {
	display:block;
}

* html .slides {
	height:1%;
}

/* No JavaScript Fallback */
.no-js .slides > li:first-child {
	display:block;
}

/*---------------------- Featured Posts ----------------------*/
#featured-posts {
	width:100%;
	margin-bottom:20px;
	padding-bottom:27px;
	border-bottom:1px solid #222;
	position:relative;
}

#featured-posts li {
	background:#fff;
}

#featured-posts li .featured-posts-img {
	float:left;
	width:55%;
	margin-right:5%;
}

#featured-posts li .featured-posts-excerpt {
	float:left;
	width:40%;
	line-height:1.5em;
}

#featured-posts li .featured-posts-excerpt h2 {
	font-size:20px;
	margin-bottom:15px;
}

#featured-posts .flex-control-nav {
	position:absolute;
	right:0;
	bottom:25px;
}

#featured-posts .flex-control-nav {
	background:transparent;
}

#featured-posts .flex-control-nav li {
	color:#121212;
	font-family:'RoadTransportMedium',Times,serif;
	background:transparent;
	display:inline;
	margin-left:8px;
	cursor:pointer;
}

#featured-posts .flex-control-nav li a.flex-active {
	border-bottom:1px solid #222;
}

/*---------------------- Index ----------------------*/
.page-title a {
	text-decoration:none;
}

.post {
	color:#333;
	float:left;
	width:31.33%;
	margin-right:3%;
	margin-bottom:30px;
	zoom:1;
}

#post-0 {
	width:100%;
	margin-right:0;
	line-height:2.5em;
}

.posts-wrap .post:nth-of-type(3n+3) {
	margin-right:0;
}

.posts-wrap .post:nth-of-type(3n+1) {
	overflow:auto;
	clear:both;
	zoom:1;
}

.post h2.entry-title {
	font-size:14px;
	line-height:1.6em;
	margin-top:3px;
}

.post h2.entry-title a {
	text-decoration:none;
}

.post .entry-meta {
	font-size:12px;
	margin-bottom:5px;
}

.single .post .entry-meta a {
	color:#333;
	text-decoration:none;
	border-bottom:1px solid #222;
}

.single .post .entry-meta .author a,.single .post .entry-meta a:hover {
	color:#222;
	border:0;
}

/*---------------------- Sidebar ----------------------*/
#sidebar {
	float:right;
	width:22%;
}

#sidebar a {
	text-decoration:none;
}

#recent-posts li {
	display:table;
	content:"";
	line-height:0;
	margin-bottom:10px;
}

#recent-posts li::after {
	clear:both;
}

#recent-posts li div.col-img {
	display:inline;
	line-height:0;
	margin-right:10px;
	zoom:1;
}

#recent-posts li div.col-img img {
	max-width:95px;
	vertical-align:middle;
	margin-bottom:10px;
}

#recent-posts li div.col-content {
	display:inline-block;
	vertical-align:middle;
	line-height:1.2em;
	max-width:180px;
}

#recent-posts li div.col-content h2 {
	line-height:1.2em;
	font-size:11px;
	margin-top:-10px;
}

#recent-posts li div.col-content span.date {
	color:#333;
	font-size:11px;
}

/*---------------------- Widgets ----------------------*/
.sid li.widget-container {
	margin-bottom:15px;
	padding-bottom:15px;
	border-bottom:1px solid #222;
}

.sid li.widget-container ul li.tumblr_post {
	padding-bottom:15px;
}

h3.widget-title {
	font-size:14px;
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:0;
	line-height:normal;
}

.site-fb-button {
	max-width:300px;
	height:75px;
	min-height:75px;
	overflow:hidden;
}

.site-fb-button div.fb-like,.site-fb-button div.fb-like span,.site-fb-button div.fb-like iframe[style] {
	width:100%!important;
}

/*---------------------- Single Post / Page ----------------------*/
.single .post,.page .page {
	float:left;
	margin-bottom:10px;
	margin-right:4%;
	width:78%;
}

/* wide post */
.single .post.wide-post {
	width: 100%;
}

.single .post h1.entry-title {
	font-size:16px;
	line-height:normal;
	margin-bottom:18px;
	padding-bottom:10px;
	border-bottom:0;
	line-height:normal;
}

.single .post h1.entry-title a {
	text-decoration:none;
}

.single .post .entry-meta {
	margin-bottom:10px;
	float:left;
	width:20%;
}

.single .post.wide-post .entry-meta {
	width: 16%;
}

.single .post .entry-meta > div.row {
	border-bottom:1px solid #222;
	padding-bottom:8px;
	margin-bottom:8px;
}

.single .post .entry-meta > div.row.category {
	border-bottom:0;
}

.single .post .entry-meta h2 {
	font-size:16px;
	line-height:normal;
	margin:10px 0;
}

.single .post .content-container {
	float:left;
	width:76%;
	margin-left:4%;
}

.single .post.wide-post .content-container {
	width: 80%;
}

.single .post img {
	display:block;
	padding-bottom:8px;
}

.single .post img.aligncenter {
	margin:0 auto;
}

.single .entry-footer {
	border-bottom:1px solid #222;
	padding-bottom:18px;
	margin:15px 0;
}

.single .entry-footer a {
	text-decoration:none;
	color:#333;
	border-bottom:1px solid #222;
	padding-bottom:2px;
}

.single .social-buttons {
	margin-top:15px;
}

/*---------------------- Gallery ----------------------*/
.gallery img {
	border: 2px solid #fff!important;
	padding: 0;
}

.single .post .gallery img {
	padding-bottom: 0;
}

/*---------------------- Related & Popular Posts ----------------------*/
#random-posts {
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #222;
}

#random-posts h3 {
	margin-bottom: 15px;
}

#random-posts ul li {
	display: block;
	float: left;
	width: 30.65%;
	margin-right: 4%;
	font-size: 11px;
}

#random-posts ul li h4 {
	font-size: 12px;
	line-height: normal;
	margin: 0;
}

#random-posts ul li:last-child {
	margin-right: 0;
}

/*---------------------- Related & Popular Posts ----------------------*/
.sidebar-single {
	float:left;
	width:18%;
}

.single .related_posts h3,.page .popular_posts h3 {
	font-size:14px;
	margin-bottom:10px;
	padding-bottom:10px;
	line-height:normal;
	border-bottom:0;
}

.single .related_posts ul li,.page .popular_posts ul li {
	font-size:11px;
	margin-bottom:20px;
	padding-bottom:15px;
	border-bottom:1px solid #222;
}

.single .related_posts ul li h3,.page .popular_posts ul li h3 {
	border:0;
	font-size:12px;
	line-height:1.2em;
	margin:3px 0;
	padding:0;
}

.single .related_posts ul li div.related-content,.page .popular_posts ul li div.poular-content {
	color:#333;
	font-size:11px;
	line-height:normal;
}

.single .related_posts ul li a,.page .popular_posts ul li a {
	text-decoration:none;
}

/*---------------------- Comments ----------------------*/
#comments h3 {
	font-size:14px;
	margin-bottom:15px;
}

.fb-comments,.fb-comments span,.fb-comments iframe[style] {
	width:100%!important;
}

/*---------------------- Page ----------------------*/
h1.entry-title,h1.page-title {
	font-size:16px;
	line-height:normal;
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:0;
}

/*---------------------- Footer ----------------------*/
#footer {
	color:#333;
	text-align:left;
}

#footer .inner {
	max-width:1400px;
	margin:0 auto;
	padding:20px 15px;
}

#footer a {
	color:#222;
	text-decoration:none;
}

#footer #copyright {
	width:40%;
	float:left;
	text-align:left;
}

#footer #design {
	width:40%;
	float:right;
	text-align:right;
}

/*---------------------- Resposive Layouts ----------------------*/
/*---------------------- Custom Drop-Down  ----------------------*/
#masternav select {
	display:none;
	width:100%!important;
}

/*---------------------- Devices upto 1120px min 767px ----------------------*/
@media only screen and (max-width: 1120px) {
	.post {
		width:48%;
		margin-right:4%;
	}
	
	.posts-wrap .post:nth-of-type(3n+1) {
		overflow:auto;
		zoom:1;
		clear:none;
	}
	
	.posts-wrap .post:nth-of-type(3n+3) {
		margin-right:4%;
	}
	
	.posts-wrap .post:nth-of-type(2n+2) {
		margin-right:0;
	}
	
	/* sidebar */
	#recent-posts li div.col-img img {
		max-width: 100%;
	}
	
	#recent-posts li div.col-content {
		margin-top: 10px;
		display: block;
	}
}