/*
Theme Name: parkrun Blog
Theme URI: http://www.parkrun.com
Description: parkrun Blog Theme for WordPress
Version: 1.0
Author: PJ Studio Creative Media Ltd
Author URI: http://www.pjstudio.co.uk
*/

@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,400i,500,500i,600,700,800');

/*
---- Colours -----
parkrun Green: #a1b6b7

Blue: #ffa300
- Light: #ebe9f0

Green (bright): #00ceae

Orange: #3e3e78

Brown: #e21145

Black: #272727

Body: #747474
---- Colours End ----
*/


html {
	height: 100%;
}

body {
	background: #f2f2f2;
	padding: 0;
	margin: 0;
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	line-height: 1.7em;
	color: #272727;
	font-weight: 300;
	min-height: 100%;
}

.grid-container {
	max-width: 1100px;
}


/* ---- Content Styles ---- */
	/* -- Links -- */
		a:link, a:active, a:visited {
			color: #2e393b;
			text-decoration: underline;
			-webkit-transition: all 0.5s;
			-moz-transition: all 0.5s;
			-ms-transition: all 0.5s;
			-o-transition: all 0.5s;
			transition: all 0.5s;
		}

			a:hover {
				text-decoration: underline;
				-webkit-transition: all 0.5s;
				-moz-transition: all 0.5s;
				-ms-transition: all 0.5s;
				-o-transition: all 0.5s;
				transition: all 0.5s;
			}

	/* -- CTAs -- */
		a.cta:link, a.cta:active, a.cta:visited {
			color: #fff;
			font-size: 18px;
			line-height: 18px;
			display: inline-block;
			padding: 15px 25px;
			background: #6cc24a;
			text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4);
		}

			a.cta:hover {
				background: #5bb140;
				text-decoration: none;
			}

		a.cta.small:link, a.cta.small:visited, a.cta.small:active {
			font-size: 17px;
			padding: 10px 20px;
		}

		a.cta.grey:link, a.cta.grey:active, a.cta.grey:visited {
			background: #f1f1f2;
			color: #777;
			text-shadow: none;
		}

			a.cta.grey:hover {
				background: #dbdcde;
			}

	/* -- Headings -- */
		h1, h2, h3, h4, h5, h6 {
			font-weight: bold;
			color: #272727;
		}

			h1 {
				font-size: 28px;
				line-height: 1.3em;
			}

				div.title h1 {
					padding: 13px 25px 17px;
					margin: 0 0 10px;
					background: #fff;
				}

			h2 {
				font-size: 24px;
				line-height: 1.3em;
			}

			h4 {
				font-size: 16px;
				line-height: 1.3em;
			}

	/* -- Images -- */
		img.alignright {
			float:right;
			margin:0 0 20px 20px;
		}

		img.alignleft {
			float:left;
			margin:0 20px 20px 0;
		}

		img.aligncenter {
			display: block;
			margin-left: auto;
			margin-right: auto;
		}

		.alignright {
			float:right;
		}

		.alignleft {
			float:left;
		}

		.aligncenter {
			display: block;
			margin-left: auto;
			margin-right: auto;
		}

		img {
			border: 0;
			outline: 0;
			max-width: 100%;
			height: auto;
		}

	/* -- Lists -- */
		ul {
			line-height: 1.7em;
		}

	/* -- Forms -- */
		form label {
			display: inline-block;
			text-indent: -10000px;
			position: absolute;
		}

		input, textarea, button {
			padding: 0;
			margin: 0;
			font-family: 'Open Sans', sans-serif;
			font-size: 17px;
			line-height: 1.6em;
			color: #b1b1b1;
			font-weight: 300;
			border: solid 1px #ebe9f0;
			outline: 0;
			padding: 10px 3%;
			width: 100%;
			box-sizing: border-box;
		}

			input:focus, textarea:focus {

			}

			input[type="submit"], button {
				background: #a1b6b7;
				border-color: #a1b6b7;
				color: #fff;
				cursor: pointer;
			}

			input[type="submit"]:hover, button:hover {

			}

	/* -- HR -- */
		hr {
			margin: 20px 0;
		}


/* ---- Common Layout Styles ---- */
.text-center {
	text-align: center;
}

.text-right {
	text-align: right;
}

section.padding-top {
	padding: 30px 0 0;
}



/* ---- Header ---- */
header {
	padding: 15px 0 11px;
	background: #fff;
			-webkit-transition: all 0.5s;
			-moz-transition: all 0.5s;
			-ms-transition: all 0.5s;
			-o-transition: all 0.5s;
			transition: all 0.5s;
}

	/* -- Primary Navigation -- */
	#primary-navigation {
		text-align: right;
		padding: 0;
		margin: 22px 0 0;
		list-style-type: none;
	}

		#primary-navigation li {
			padding: 0;
			margin: 0 60px 0 0;
			font-size: 0;
			display: inline-block;
			line-height: 0;
			list-style-type: none;
			position: relative;
		}

			#primary-navigation li.label {
				margin: 0 40px;
			}

			#primary-navigation li.label a {
				font-size: 16px;
				line-height: 16px;
				display: inline-block;
				padding: 0;
				color: #b5b5b5 !important;
				margin: 0;
			}

			#primary-navigation li:last-of-type {
				padding: 0;
				margin: 0;
				border: none;
			}

			#primary-navigation li a:link, #primary-navigation li a:active, #primary-navigation li a:visited {
				font-size: 16px;
				line-height: 16px;
				display: inline-block;
				padding: 0;
				color: #272727;
				margin: 0;
				text-decoration: none;
			}

				#primary-navigation li a:hover {
					text-decoration: none;
				}

			#primary-navigation li.home a:link, #primary-navigation li.home a:active, #primary-navigation li.home a:visited {
				color: #a1b6b7;
			}

			#primary-navigation li.menu-item-has-children a:after {
				content: "\f078";
				font-family: FontAwesome;
				font-style: normal;
				font-weight: normal;
				color: #272727;
				font-size: 11px;
				line-height: 11px;
				position: absolute;
				right: -15px;
				top: 3px;
			}

			#primary-navigation li.news.menu-item-has-children a:after {
				color: #ffa300;
			}

			#primary-navigation li.awards.menu-item-has-children a:after {
				color: #3e3e78;
			}

			#primary-navigation li.press.menu-item-has-children a:after {
				color: #e21145;
			}

			#primary-navigation li.junior.menu-item-has-children a:after {
				color: #00ceae;
			}

			/* -- Drop Down -- */
				#primary-navigation ul.sub-menu {
					margin: 0;
					padding: 15px 0 4px;
					position: absolute;
					display: block;
					left: -9999px;
					z-index: 9999;
					text-align: left;
					background: #fff;
				}
					
					#primary-navigation ul.sub-menu ul {
						padding: 0;
					}

					#primary-navigation li:hover ul.sub-menu {
						left: -15px;
					}

					#primary-navigation ul.sub-menu li a {
						color: #3b3b3c;
						padding: 8px 15px;
						width: 180px;
					}

						#primary-navigation ul.sub-menu ul li a {
							padding-left: 25px;
							width: 170px;
						}

						#primary-navigation ul.sub-menu li:first-of-type {
							border-top: solid 1px #f0f0f0;
						}

					#primary-navigation ul.sub-menu li {
						display: block;
						border-right: 0;
						margin: 0;
						padding: 0;
					}

					#primary-navigation li.menu-item-has-children ul.sub-menu a:after {
						content: "";
					}

						#primary-navigation ul.sub-menu li a:link, #primary-navigation ul.sub-menu li a:active, #primary-navigation ul.sub-menu li a:visited {
							display: block;
							font-size: 14px;
						}

							#primary-navigation ul.sub-menu li a:hover {
								text-decoration: none;
								color: #ffa300;
							}

		/* ---- Mobile Nav ---- */
			.mobile-nav-button {
				text-align: right;
			}

			.mobile-nav-button a:link, .mobile-nav-button a:active, .mobile-nav-button a:visited {
				color: #a1b6b7;
				text-decoration: none;
				margin: 8px 0 0 20px;
				display: inline-block;
			}

			.mobile-nav-button a.home:link, .mobile-nav-button a.home:active, .mobile-nav-button a.home:visited {

			}

			#mobileNav-container {
				background: #fff;
			}

	#mobileNav-container #primary-navigation {
		text-align: center;
		margin: 0;
		padding: 5px 0 10px;
		border-top: solid 1px #f0f0f0;
	}

		#mobileNav-container #primary-navigation li {
			padding: 0;
			margin: 0;
			display: block;
		}

			#mobileNav-container #primary-navigation li a:link, #mobileNav-container #primary-navigation li a:active, #mobileNav-container #primary-navigation li a:visited {
				display: block;
				padding: 10px 0;
			}

			/* -- Drop Down -- */
				#mobileNav-container #primary-navigation ul.sub-menu {
					display: none;
				}




/* ---- Categories Bar ---- */
section.categories {
	padding: 15px 0;
}

	section.categories a:link, section.categories a:active, section.categories a:visited {
		background: #fff;
		display: block;
		font-size: 20px;
		line-height: 20px;
		padding: 16px 10px;
		color: #000;
		text-decoration: none;
		font-size: 19px;
		line-height: 19px;
		font-family: 'Montserrat', sans-serif;
	}

		section.categories a:link i.fa, section.categories a:active i.fa, section.categories a:visited i.fa {
			color: #ffa300;
			-webkit-transition: all 0.5s;
			-moz-transition: all 0.5s;
			-ms-transition: all 0.5s;
			-o-transition: all 0.5s;
			transition: all 0.5s;
			background: #fff;
		}

			section.categories a.awards:link i.fa, section.categories a.awards:active i.fa, section.categories a.awards:visited i.fa {
				color: #3e3e78;
			}

			section.categories a.press:link i.fa, section.categories a.press:active i.fa, section.categories a.press:visited i.fa {
				color: #e21145;
			}

			section.categories a.junior:link i.fa, section.categories a.junior:active i.fa, section.categories a.junior:visited i.fa {
				color: #00ceae;
			}

		section.categories a:hover, section.categories a:hover i.fa {
			background: #ffa300;
			color: #fff;
			-webkit-transition: all 0.5s;
			-moz-transition: all 0.5s;
			-ms-transition: all 0.5s;
			-o-transition: all 0.5s;
			transition: all 0.5s;
		}

			section.categories a.awards:hover, section.categories a.awards:hover i.fa {
				background: #3e3e78;
				color: #fff;
			}

			section.categories a.press:hover, section.categories a.press:hover i.fa {
				background: #e21145;
				color: #fff;
			}

			section.categories a.junior:hover, section.categories a.junior:hover i.fa {
				background: #00ceae;
				color: #fff;
			}




/* ---- Posts ---- */
div.post {
	background: #fff;
	margin: 0 0 30px;
}

	div.post h3 div.addthis_sharing_toolbox, div.post h2 div.addthis_sharing_toolbox {
		display: block;
		top: 10px;
		position: relative;
		margin: 0;
	}

	div.post div.thumb {
		font-size: 0;
		line-height: 0;
	}

	div.post div.meta {
		background: #ffa300;
		font-size: 12px;
		color: #fff;
		padding: 10px 25px 8px;
		line-height: 13px;
		text-transform: uppercase;
	}

		div.post.awards div.meta {
			background: #3e3e78;
		}

		div.post.press div.meta {
			background: #e21145;
		}

		div.post.junior-parkrun div.meta {
			background: #00ceae;
		}

		div.post div.meta a:link, div.post div.meta a:active, div.post div.meta a:visited {
			color: #fff;
			text-decoration: none;
		}

			div.post div.meta a.more {
				font-weight: 600;
			}

		div.post div.meta span.info {
			float: right;
			display: block;
		}

	div.post div.content {
		padding: 17px 25px 21px;
	}

		div.post div.content.line {
			border-top: 1px solid #ebe9f0;
		}

		div.post div.content h1 {
			margin: 5px 0 0;
			padding: 0;
		}

		div.post div.content h2 {
			margin: 0;
			padding: 0 0 10px;
		}

			div.post div.content h2 a:link, div.post div.content h2 a:active, div.post div.content h2 a:visited {
				color: #272727;
				text-decoration: none;
			}

				div.post div.content h2 a:hover {
					color: #ffa300;
					text-decoration: none;
				}

					div.post.awards div.content h2 a:hover {
						color: #3e3e78;
					}

					div.post.press div.content h2 a:hover {
						color: #e21145;
					}

					div.post.junior-parkrun div.content h2 a:hover {
						color: #00ceae;
					}

		div.post div.content p {
			margin: 0;
			padding: 0;
		}

	/* -- Featured Post -- */
	.featured div.post {
		margin: 0;
	}

		.featured div.post div.content {
			padding-bottom: 15px;
		}

	/* -- Mini Post -- */
	div.post.mini {
		border-bottom: solid 1px #ebe9f0;
		padding: 0 0 17px;
		margin: 0 0 22px;
	}

		div.post.mini:last-of-type {
			border-bottom: none;
			padding: 0;
			margin: 0;
		}
	
	div.post.mini div.thumb {
		width: 25%;
		float: left;
	}

	div.post.mini div.title {
		float: right;
		width: 75%;
		padding-left: 15px;
		box-sizing: border-box;
	}

		div.post.mini div.title h2 {
			margin: 0;
			padding: 0;
			font-size: 18px;
			line-height: 1.3em;
			font-size: 16px;
			font-weight: 300;
		}

			div.post div.title h2 a:link, div.post div.title h2 a:active, div.post div.title h2 a:visited {
				color: #272727;
				text-decoration: none;
			}

				div.post div.title h2 a:hover {
					color: #ffa300;
					text-decoration: none;
				}

					div.post.awards div.title h2 a:hover {
						color: #3e3e78;
					}

					div.post.press div.title h2 a:hover {
						color: #e21145;
					}

					div.post.junior-parkrun div.title h2 a:hover {
						color: #00ceae;
					}

		div.post.mini div.title a.more:link, div.post.mini div.title a.more:active, div.post.mini div.title a.more:visited {
			text-transform: uppercase;
			text-decoration: none;
			color: #ffa300;
			font-weight: 600;
			font-size: 13px;
			line-height: 1.3em;
			font-family: 'Montserrat', sans-serif;
			font-weight: 500;
		}

			div.post.mini.awards div.title a.more:link, div.post.mini.awards div.title a.more:active, div.post.mini.awards div.title a.more:visited {
				color: #3e3e78;
			}

			div.post.mini.press div.title a.more:link, div.post.mini.press div.title a.more:active, div.post.mini.press div.title a.more:visited {
				color: #e21145;
			}

			div.post.mini.junior-parkrun div.title a.more:link, div.post.mini.junior-parkrun div.title a.more:active, div.post.mini.junior-parkrun div.title a.more:visited {
				color: #00ceae;
			}



/* ---- WP Page Navi ---- */
.wp-pagenavi a, .wp-pagenavi span {
	border: 0 !important;
}



/* ---- Ad Container ---- */
#ad-container-header {
	text-align: center;
	margin: 22px 0 -15px;
}

	#ad-container-header img {
		min-width: 100%;
		height: auto;
	}

.sidebar-block.ad-container-sidebar {
	background: none;
	margin: 0 0 15px;
}

	.ad-container-sidebar img {
		min-width: 100%;
		height: auto;
	}


/* ---- Footer Categories ---- */
.footer-categories {
	padding: 0 0 250px;
	background-image: url(images/scene.png);
	background-position: center bottom;
	background-repeat: no-repeat;
	background-image: none;
	padding: 0 0 50px;
}

	.footer-categories h3 {
		font-size: 28px;
		line-height: 28px;
		margin: 0;
		padding: 4px 0 0;
	}

	.footer-categories h4 {
		margin: 0;
		padding: 50px 0 10px;
		color: #ffa300;
	}

		.footer-categories h4.awards {
			color: #3e3e78;
		}

		.footer-categories h4.press {
			color: #e21145;
		}

		.footer-categories h4.junior {
			color: #00ceae;
		}

	.footer-categories ul, .footer-categories ul li {
		list-style-type: none;
		padding: 0;
		margin: 0;
	}

	.footer-categories a:link, .footer-categories a:active, .footer-categories a:visited {
		color: #272727;
	}




/* ---- Footer ---- */
footer {
	background: #fff;
	padding: 10px 0;
	color: #a1b6b7;
	font-size: 11px;
	font-weight: 1em;
}

	footer a:link, footer a:active, footer a:visited {
		color: #a1b6b7;
		text-decoration: none;
	}

	footer span.break {
		display: inline-block;
		padding: 0 10px;
	}




/* ---- Sidebar ---- */
.sidebar-block {
	margin: 0 0 20px;
	background: #fff;
}

	.sidebar-block h3 {
		margin: 0;
		padding: 13px 25px 17px;
		font-size: 24px;
		font-weight: 300;
		line-height: 1.3em;
		border-bottom: solid 1px #ebe9f0;
	}

	.sidebar-block .content {
		padding: 20px 25px;
	}

	.social-icon {
		display: inline-block;
		height: 30px;
		width: 30px;
		padding: 10px 3px 8px 15px;
		border: solid 2px #a1b6b7;
		border-radius: 50%;
			-webkit-border-radius: 50%;
			-khtml-border-radius: 50%;
			-moz-border-radius: 50%;
		margin: 0 10px 10px 0;
	}

		.social-icon.twitter {
			padding: 10px 7px 8px 11px;
		}

		.social-icon.instagram {
			padding: 10px 7px 8px 11px;
		}

		.social-icon.pinterest {
			padding: 10px 6px 8px 12px;
		}

		.social-icon.youtube {
			padding: 9px 7px 9px 11px;
		}

		.social-icon.vk {
			padding: 9px 11px 9px 7px;
		}

a.social-icon i {
	color: #a1b6b7 !important;
}

	.sidebar-block.partners a:link {
		display: block;
		margin: 10px 0 40px;
	}

		.sidebar-block.partners a:link:last-of-type {
			margin: 0;
		}

		.sidebar-block.partners a:link img {
			max-width: 70%;
		}

	/* -- Search -- */
	.sidebar-block.search form {
		position: relative;
	}

	.sidebar-block.search form input[type="text"] {
		width: 80%;
		border-right: 0;
	}

	.sidebar-block.search form input[type="submit"] {
		width: 20%;
		border-left: 0;
		border-color: #ebe9f0;
		text-align: center;
		background: #fff;
		color: #a1b6b7;
		font-family: FontAwesome;
		font-size: 24px;
		line-height: 30px;
		padding-top: 7px;
		padding-botton: 0;
	}