/*
Theme Name: Blog Preston - May 2016
Theme URI: http://3manfactory.co.uk
Version: v1
*/

/* START - Import stylesheets */

@import url("resources/fonts/font-awesome/font-awesome.min.css");
@import url("resources/scripts/css.tooltipster.css");

/* END - Import stylesheets */

@import url(//fonts.googleapis.com/css?family=Asap:400,700);
@import url(//fonts.googleapis.com/css?family=Varela+Round);

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,font,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, input, textarea {
border:0;
margin:0;
outline:0;
padding:0;
font-size:100%;
border-radius: 0px;
background:transparent;
vertical-align:baseline;}

html {}

body {
width: 100%;
font-size: 1em;
color: #000000;
cursor: default;
overflow-x: hidden;
line-height: 1.5em;
font-family: 'Varela Round';
background: #e4e4e4 !important;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;}

wrapper {
display: block;
overflow: hidden;}

.wrapper {
display: block;
padding: 0 15px;
max-width: 1220px;
position: relative;
margin: 0 auto 0 auto;}

header,
footer {
z-index: 1;
width: 100%;
display: block;
padding: 30px 0;
line-height: 30px;
position: relative;
background: #1c7fc4;}
header#home {
padding-top: 360px !important;
background-position: center bottom;
background-size: 100% auto;}
	header#home #overlay {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	background: rgba(28,127,196,0.75);}
		header#home #overlay #info {
		top: 15px;
		right: 35px;
		height: 30px;
		display: block;
		text-align: center;
		position: absolute;}
			header#home #overlay #info i {
			color: #ffffff;
			line-height: 30px;}
header {}
	header .grid .block .contents {
	padding: 0;}
	header a {
	display: block;
	color: #ffffff;}
	header a#logo {
	float: left;
	overflow: hidden;
	font-size: 1.5em;
	font-weight: bold;
	font-family: 'Asap';}
	header ul {
	float: right;
	margin-right: -15px;
	list-style-type: none;}
	header ul:nth-child(3) {
	margin-right: 0;}
		header ul li {
		float: left;
		border-left: 1px solid rgba(255,255,255,0.15);}
		header ul:nth-child(3) li:nth-child(1) {
		border-left: none;}
		header ul li:nth-child(1) i {
		margin-left: 5px;}
			header ul li a,
			header ul li span#search {
			display: block;
			color: #ffffff;
			padding: 0 30px;
			cursor: pointer;}
				header ul li i {
				line-height: inherit !important;}
			header ul li.current-menu-item a {
			opacity: .75;}
	header #toggle {
	float: right;
	display: none;
	color: #ffffff;}
		header #toggle i {
		margin-left: 10px;
		line-height: inherit;}

footer {
color: #ffffff;
padding: 60px 0;
font-size: .75em;
line-height: 1.5em;}
	footer a,
	footer a:visited {
	color: #ffffff;
	border-bottom: 1px dotted rgba(255,255,255,.5);}
	footer a:hover {
	border-color: #ffffff;}
	footer ul {
	clear: both;
	overflow: hidden;
	list-style-type: none;}
		footer ul li {
		float: left;}
			footer ul li:nth-child(1) span {
			display: none;}

#search-box {
height: 90px;
display: none;
overflow: hidden;
line-height: 90px;
position: relative;
background: #ffffff;}
#search-box.active {
display: block;}
	#search-box .wrapper {}
	#search-box .wrap {
	margin: 0;}
	#search-box input {
	float: left;
	width: 100%;
	margin: 15px;
	height: 90px;
	font-size: 1.5em;
	line-height: 90px;
	background: #ffffff;
	font-family: 'Asap';}
	#search-box .wrapper i {
	top: 0;
	right: 30px;
	color: #000000;
	height: inherit;
	position: absolute;
	margin: 15px 0 0 0;
	line-height: inherit;}

nav {
display: block;
padding: 15px 0;
overflow: hidden;}
	nav a,
	nav span {
	float: left;
	display: block;
	padding: 0 5px;
	overflow: hidden;
	margin-left: 15px;
	border-radius: 2px;
	box-shadow: 0 2px 1px 0 rgba(0,0,0,0.1);}
	nav a {
	color: #ffffff;
	background: #1c7fc4;}
	nav span {
	background: #ffffff;}

hot {
height: 45px;
display: block;
color: #ffffff;
font-size: .75em;
overflow: hidden;
line-height: 45px;
background: #85b3d3;}
hot#alert {
background: #e02f2f;}
	hot .wrapper {
	padding: 0;}
	hot .grid .block .contents {
	padding: 0;}
	hot i.fa-bolt {
	left: 15px;
	display: block;
	position: absolute;
	line-height: inherit !important;}
	hot a {
	color: inherit;}
	a.unslider-arrow,
	a.view-all {
	right: 0;
	z-index: 999;
	display: block;
	overflow: hidden;
	position: absolute;}
	a.unslider-arrow i {
	line-height: inherit;}
	a.unslider-arrow:hover,
	a.view-all:hover {
	opacity: 1;}
	a.unslider-arrow.prev {
	right: 30px;}
	a.view-all {
	right: 60px;
	color: #ffffff;
	padding: 0 10px;
	font-weight: bold;}

.hot {width: 100% !important;float: left; position: relative; overflow: auto;}
    .hot li { list-style: none; }
        .hot ul li { float: left; text-indent: 15px;}

advert {
display: block;
padding-bottom: 50px;}
	advert .wrapper {
	z-index: 0;
	width: 960px;
	display: block;
	background: #ffffff;
	padding: 15px !important;
	box-shadow: 0 2px 1px 0 rgba(0,0,0,0.1);}

content {
display: block;
clear: both;}
	content .wrapper {
	padding: 30px 15px 30px 15px;}
content#page-slug-event-registration {
padding: 0;}
	content#page-slug-event-registration .wrapper {
	width: 1100px;}

/* START - Responsive grid */

.grid {
margin: -15px;
display: block;
padding: 0 15px;
overflow: hidden;}
	.grid .block {
	float: left;
	width: 100%;
	display: block;
	overflow: hidden;}
	.grid .block.three-quarters {
	width: 75%;}
	.grid .block.two-thirds {
	width: 66.6666%;}
	.grid .block.half {
	width: 50%;}
	.grid .block.third {
	width: 33.3333%;}
	.grid .block.quarter {
	width: 25%;}
	.grid .block.one-eighth {
	width: 12.5%;}
		.grid .block .contents {
		margin: 15px;
		padding: 30px;
		display: block;
		overflow: hidden;
		background: #ffffff;}
		.grid .block a.wrap {
		color: #000000;}
		.grid .block .wrap.flat {
		margin: 0;}

		.grid .block.sidebar {
		display: block;
		overflow: hidden;}
			.grid .block.sidebar .contents {
			padding-bottom: 0;}
			.grid .block.sidebar .contents img {
			width: 100%;
			height: auto;}
			.grid .block.sidebar .contents .title {
			clear: both;
			display: block;
			font-size: 1.15em;
			line-height: 1.5em;
			margin-bottom: 15px;}

			.grid .block.sidebar #share {
			display: block;
			overflow: hidden;
			text-align: center;}
				.grid .block.sidebar #share span {
				float: left;
				display: block;
				width: 33.3333%;
				overflow: hidden;}

.title-header,
.category-description {
padding: 0 !important;}
	.title-header h2.title,
	.category-description {
	font-size: 1.75em;
	font-weight: bold;}
	.category-description {
	font-size: 1.5em;
	line-height: 1.25em;
	font-weight: normal;}
	.title-header small {
	display: block;
	font-size: .6em;
	margin-top: 15px;}
		.title-header small a {
		color: #1c7fc4;
		text-transform: capitalize;}

.ad {
display: block;
overflow: hidden;
margin-bottom: 30px;}
.inline {
display: block;
overflow: hidden;}
.postad {
background: red;}
.adinline {
display: none !important;}
.cont {
margin: 15px;
display: block;
overflow: hidden;
position: relative;
padding: 15px 15px 0 15px;}
.inlinedisplay {
display: none !important;}
	.ad a:nth-child(1),
	.inline a:nth-child(1) {
	float: left;
	width: 100%;
	height: auto;
	overflow: hidden;}
	.ad a:nth-child(2),
	.inline a:nth-child(2),
	.ad .alink,
	.inline .alink {
	float: left;
	color: #888888;
	font-size: .6em;}
	.ad img,
	.inline img {
	float: left;
	width: 100%;
	height: auto;}

#ad-inline {
display: block;
overflow: hidden;
margin: 15px -15px 0 -15px;}
	#ad-inline .block {
	float: none;
	margin: 0 auto 0 auto;}
		#ad-inline .block .contents {
		padding: 0;}

ul#categories {
overflow: hidden;
margin: 0 0 0 0;
list-style-type: none;}
	ul#categories li {
	clear: both;
	margin-top: 5px;
	overflow: hidden;}
		ul#categories li a {
		float: left;
		display: block;
		padding: 0 5px;
		color: #ffffff;
		border-radius: 2px;
		background: #85b3d3;}
		ul#categories li ul {
		float: left;
		margin: 0;
		padding: 0;
		width: 100%;
		overflow: hidden;
		padding-top: 5px;
		margin-bottom: -5px;
		list-style-type: none;
		display: inline-block;}
			ul#categories li ul li {
			clear: none;
			float: left;
			overflow: hidden;
			margin: 0 0 5px 5px;}
				ul#categories li ul li a {
				float: left;
				display: block;
				color: #85b3d3;
				overflow: hidden;
				border-radius: 2px;
				background: #e4e4e4;}
					ul#categories li ul li ul {
					display: none;}

.rule {
clear: both;
height: 0px;
width: 100%;
display: block;
margin-bottom: 30px;
border-top: 1px dotted #000000;}

/* END - Responsive grid */

/* START - Responsive grid - Styling */

.radius {
border-radius: 2px;}

.shadow {
box-shadow: 0 2px 1px 0 rgba(0,0,0,0.1);}

.grid .block .trans {
background: none;}
.grid .block .dark {
background: #f0f0f0;}

.grid .block .loop.contents {
color: #000000;}
	.grid .block .loop.contents span {
	display: block;
	overflow: hidden;
	margin-bottom: 15px;}
	.grid .block .loop.contents span.title {
	display: block;
	color: #1c7fc4;
	font-size: 1.15em;
	line-height: 1.5em;}
	.grid .block .loop.contents .thumbnail img {
	float: left;
	width: 100%;
	height: auto;}
	.grid .block .loop.contents p,
	.grid .block .loop.contents ul {
	margin-bottom: 15px;}
	.grid .block .loop.contents ul.disqus,
	.grid .block .loop.contents ul.wpp-list {
	list-style-type: none;}
		.grid .block .loop.contents ul.disqus li,
		.grid .block .loop.contents ul.wpp-list li {
		margin-top: 15px;
		padding-top: 15px;
		border-top: 1px dotted #000000;}
		.grid .block .loop.contents ul.disqus li:nth-child(1),
		.grid .block .loop.contents ul.wpp-list li:nth-child(1) {
		margin: 0;
		padding: 0;
		border: none;}
				.grid .block .loop.contents ul.disqus li a,
				.grid .block .loop.contents ul.wpp-list li a {
				color: #1c7fc4;}
				.grid .block .loop.contents ul.disqus li span,
				.grid .block .loop.contents ul.wpp-list li span {
				display: block;
				font-size: .6em;}
	.grid .block .loop.contents small {
	font-size: .6em;}

	.grid .block .list.contents .title {
	font-size: 1.15em;
	line-height: 1.5em;}
		.grid .block .list.contents ul {
		list-style-type: none;}
			.grid .block .list.contents ul li {
			margin-top: 15px;
			padding-top: 15px;
			border-top: 1px dotted #000000;}
			.grid .block .list.contents ul li:nth-child(1) {
			margin-top: 0;
			border-top: none;}
				.grid .block .list.contents ul li a {
				color: #1c7fc4;}
				.grid .block .list.contents ul li span {
				display: block;
				font-size: .6em;}

ul.list {
list-style-type: none;}
	ul.list li {}
		ul.list li a {
		display: block;
		color: #ffffff;
		line-height: 60px;
		text-indent: 15px;}
			ul.list li a i {
			text-indent: 0;
			margin-right: 10px;}

/* END - Responsive grid - Styling */

/* Start - Editable regions */

.editable {
display: block;
padding-bottom: 0;}
	.editable p, 
	.editable h1, 
	.editalbe h2, 
	.editable h3, 
	.editalbe h4, 
	.editable h5, 
	.editalbe h6 {
	margin-bottom: 15px;}

.editable.wrap {
padding-top: 30px;}
	.editable ul,
	.editable ol {
	margin: 0 0 15px 30px;
	list-style-type: square;}

	.editable ul li a {
	color: inherit;
	text-indent: 0;}

	.editable figure,
	.wp-caption {
	float: left;
	overflow: hidden;
	border-radius: 2px;
	display: inline-block;
	margin: 0 30px 15px 0;
	box-shadow: 0 0 0 1px #f0f0f0, 0 2px 0 1px #d4d4d4;}
	.editable figure{
	margin-right: 0;}
	figure.align-none{
	width: 100%;}
	.wp-caption.alignnone {
	width: 100%;}
		.editable figure img,
		.wp-caption img {
		margin: 0;
		padding: 0;
		float: left;
		width: 100%;}
		.editable figcaption{
		display: block;}
		.editable figcaption,
		.wp-caption .wp-caption-text {
		margin: 0;
		padding: 0;
		clear: both;
		padding: 15px;
		font-size: .75em;
		background: #e4e4e4;}

	img {
	margin: 0;
	padding: 0;
	max-width: 100%;
	height: auto;
	display: inline-block;}

	img.size-full,
	img.size-large {}

	img.alignright {float:right; margin:0 0 1em 1em}
	img.alignleft {float:left; margin:0 1em 1em 0}
	img.aligncenter {display: block; margin-left: auto; margin-right: auto}
	a img.alignright {float:right; margin:0 0 1em 1em}
	a img.alignleft {float:left; margin:0 1em 1em 0}
	a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

.editable a {
color: #1c7fc4;}

/* END - Editable regions */

h2.title {
font-size: 1.75em;
line-height: 1.25em;
font-family: 'Asap';
font-weight: normal;}
	h2.title a {
	color: #e4131c;}

#summary {
margin: 0;
padding: 0;
text-transform: capitalize;}
	#summary a {
	color: #1c7fc4;}

#mc_embed_signup {
overflow: hidden;}
	#mc_embed_signup input {
	margin: 0;
	padding: 0;
	float: left;
	width: 100%;
	border: none;
	color: inherit;
	text-indent: 15px;
	font-size: inherit;
	background: #e5e5e5;
	font-family: inherit;}
	#mc_embed_signup input.email {
	height: 45px;
	line-height: 45px;}
	#mc_embed_signup small {
	width: 50%;
	float: left;
	display: block;
	font-size: .6em;
	padding-top: 5px;}

#flickr {
display: block;
overflow: hidden;
margin: -5px 0 5px -5px;
border-bottom-right-radius: 0;}
	#flickr span {
	width: 25%;
	float: left;
	display: block;
	overflow: hidden;
	position: relative;}
		#flickr span a {
		margin: 5px;
		display: block;
		overflow: hidden;}
			#flickr span a img {
			float: left;
			width: 100%;
			height: auto;
			border-radius: 0;}
#flickr.block {
margin: 0 -5px;}
	#flickr.block span {
	width: 10%;}

ul#tags {
overflow: hidden;
list-style-type: none;
margin: 0 0 30px -5px;}
	ul#tags li {
	float: left;
	margin: 5px 0 0 5px;}
		ul#tags li a {
		display: block;
		color: #ffffff;
		padding: 0 15px;
		background: red;
		line-height: 30px;}
		ul#tags li:nth-child(1n+1) a {
		background: #FF698E;}
		ul#tags li:nth-child(2n+2) a {
		background: #E4BB06;}
		ul#tags li:nth-child(3n+3) a {
		background: #2D99E7;}
		ul#tags li:nth-child(4n+4) a {
		background: #50C58C;}
		ul#tags li:nth-child(5n+5) a {
		background: #FF9914;}
		ul#tags li:nth-child(6n+6) a {
		background: #9396C9;}

#popular {}
	#popular .block .block.third {
	font-size: 5em;
	color: #ffffff;
	text-align: center;
	text-shadow: 2px 2px 0 rgba(0,0,0,0.15);}

	#popular .block .block.third span {
	width: 100%;
	height: 100%;
	line-height: 100%;
	display: table-cell;
	vertical-align: middle;}

.fb-page {
margin-bottom: 30px;}
.fb-page, 
.fb-page span, 
.fb-page span iframe[style] { 
width: 100% !important;}

.button, 
#mc_embed_signup input.button {
float: left;
width: 100%;
display: block;
text-indent: 0;
color: #ffffff;
cursor: pointer;
line-height: 45px;
text-align: center;
background: #85b3d3;
margin: 0 0 30px 0 !important;}
.button:hover, 
#mc_embed_signup input.button:hover {
text-decoration: underline;}
	#mc_embed_signup input.button {
	margin: 0 0 15px 0;}

a, a:visited {
text-decoration: none;}

.wrap,
header ul li a {
-webkit-transition: 150ms ease-out;
-moz-transition: 150ms ease-out;
-o-transition: 150ms ease-out;
-ms-transition: 150ms ease-out;
transition: 150ms ease-out;}

@media screen and (max-width:949px) {

	header ul {
	margin: 0 0 0 0;}
	header ul li.icon {
	display: none;}

}

@media screen and (max-width:849px) {

	.grid .block.two-thirds {
	width: 100%;}

	.grid .block.third,
	.grid .block.quarter {
	width: 50%;}

	.grid .block.sidebar {
	width: 100%;}

	header ul {
	left: 0;
	top: 60px;
	width: 100%;
	display:  none;
	overflow: hidden;
	position: absolute;
	background: #1c7fc4;}
		header ul li {
		margin: 0;
		padding: 0;
		width: 100%;
		clear: both;
		border-top: 1px solid #0b68a9;}
			header ul li a {
			width: 100%;
			display: block;
			padding: 0 30px;
			line-height: 60px;
			white-space: nowrap;
			background: #1c7fc4;}
			header ul li a:hover {
			background: #0b68a9;}
				header ul li a i,
				header ul li a i:before {
				margin: 0;
				padding: 0;
				display: none;}
	header ul.active, 
	header #toggle {
	display: block;}

	header#home #overlay #info {
	display: none;}

	header #toggle {
	float: right;
	display: block;
	color: #ffffff;
	cursor: pointer;}
		header #toggle i {
		margin-right: 10px;}

	hot {
	display: none;}
	header {
	background: #1c7fc4 !important;}
	header#home {
	background-image: none;
	padding-top: 30px !important;}

	.grid .block .contents {
	padding: 15px;}

}

@media screen and (max-width:549px) {

	.grid .block.two-thirds,
	.grid .block.half,
	.grid .block.third,
	.grid .block.quarter,
	.grid .block.sidebar,
	.grid .block.sidebar .block {
	width: 100% !important;}

	.inlinedisplay,
	.adinline {
	display: block !important;}

	.grid .block .contents {
	margin: 0;
	padding: 30px 15px;}

	header ul {
	top: 45px;}

	content .wrapper {
	padding: 15px 0 0 0;}

	.title-header {
	padding: 15px !important;}

}