/*
Theme Name: Jog Scotland
Theme URI: http://union.co.uk
Description: Jog Scotland for Scottish Athletics
Version: 1.1
Author: D'Arcy Rush, Nathan Payne
Author URI: http://union.co.uk
*/

/* General Styles - Fonts, Buttons, Blockquote, Tables etc */
body {
	background: #fff;
}

p, a {
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

h1, h2, h3 {
	font-family: 'Catamaran', sans-serif;
	font-weight: 400;
}

h1, h2, h3, h4, h5, h6 {
	color: #193f7b;
	line-height: 1em;
}

h1 {
	font-size: 2em;
	margin-bottom: 23px;
}

h2 {
	font-size: 1.5em;
}

h3 {
	font-size: 1.3em;
}

h4 {
	font-size: 1.2em;
}

h5 {
	font-size: 1.125em;
}

a {
	color: #c0002a;
	font-family: inherit;
}

a:hover {
	color: #cb6400;
}

blockquote {
	padding: 20px;
	background: #fbfbfb;
	font-style: italic;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight: 300;
}

blockquote p:before {
	content: open-quote;
}

blockquote p:after {
	content: close-quote;
}

ul {
	list-style: circle;
	padding: 0;
	margin: 0 0 15px 20px;
}

ul li {
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight: normal;
	line-height: inherit;
}

ol {
	counter-reset: li;
	list-style: none;
	*list-style: decimal;
}

ol li {
	position: relative;
	display: block;
	padding: 0 0 0 16px;
	*padding: .4em;
	margin: 0;
	color: #444;
	text-decoration: none;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight: normal;
	line-height: 1.6em;
}

ol li:hover:before {
	transform: rotate(360deg);
}

ol li:before {
	content: counter(li);
	counter-increment: li;
	position: absolute;
	left: 0;
	top: 80%;
	margin-top: -1.3em;
	color: #444;
	text-align: center;
	font-weight: bold;
}

article a {
	text-decoration: underline;
}

article footer a, article header a {
	text-decoration: none;
}

.main-article ol {
	margin-left: 0.5rem;
}

.main-article ol li {
	padding: 0 0 0 23px;
	margin: 0 0 8px 0;
	line-height: 1.4em;
}

.main-article ol li:before {
	top: 0;
	margin-top: 0;
}

table {
	border-collapse: collapse;
	border: none;
}

table [class*="column"] + [class*="column"]:last-child {
	float: none;
}

thead {
	border-bottom: 4px solid #193f7b;
	border-left: 1px solid #ddd;
	border-top: 1px solid #ddd;
}

thead tr th {
	color: #fff;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight: normal;
	border-right: 1px solid #ddd;
}

tbody {
	border-left: 1px solid #ddd;
}

tbody tr {
	border-bottom: 1px solid #ddd;
}

tbody tr td {
	border-right: 1px solid #ddd;
}

tbody tr.even {
	background: #e6e6e6;
}

tbody tr.odd {
	background: #f6f6f6;
}

.row {
	max-width: 68.5em;
}

.button, #jgs_submit_request {
	background: #c0002a;
	border: none;
	font-family: 'Catamaran', sans-serif;
	font-weight: 400;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
	box-shadow: none;
	padding: 12px 20px;
	color: #fff;
}

.button:hover, #jgs_submit_request:hover {
	background: #cb6400;
}

.button-back {
	background: url(assets/img/button-back.png) no-repeat 14px 15px #c0002a;
	padding: 12px 20px 12px 30px;
}

.button-back:hover {
	background: url(assets/img/button-back.png) no-repeat 14px 15px #cb6400;
	padding: 12px 20px 12px 30px;
}

.button-thin {
	padding-top: 6px;
	padding-bottom: 4px;
}

.columns {
	padding-left: 20px;
	padding-right: 20px;
}

.clearfix {
	width: 100%;
	clear: both;
}

blockquote {
	background: #f6f6f6;
	border-left: 3px solid #193f7b;
}

/* Header Styling */
#header-top {
	background: #19407b;
	display: none;
	height: 60px;
	padding-top: 5px;
}

#header-top .row {
	height: 35px;
}

#header-top .signup {
	padding: 7px;
}

#header-top .signup p {
	color: #7b94bd;
	text-align: right;
	font-size: 0.875em;
	margin-bottom: 0;
	display: inline-flex;
}

#header-top .signup .button {
	display: inline-flex;
	padding: 4px 7px 4px;
	box-shadow: none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
	margin-bottom: 0;
	font-size: 0.925em;
}

#header-top .top-banner {
	text-align: center;
}

#header-top .searchbar form {
	margin: 7px;
}

#header-top .searchbar input {
	background: #5e79a4;
	border: none;
	height: 35px;
	color: #fff;
	-webkit-border-radius: 2px 0 0 2px;
	-moz-border-radius: 2px 0 0 2px;
	-ms-border-radius: 2px 0 0 2px;
	border-radius: 2px 0 0 2px;
	margin-bottom: 0;
}

#header-top .searchbar input:focus {
	box-shadow: none;
}

#header-top .searchbar input::-webkit-input-placeholder {
	/* WebKit browsers */
	color: #fff;
}

#header-top .searchbar input:-moz-placeholder {
	/* Mozilla Firefox 4 to 18 */
	color: #fff;
	opacity: 1;
}

#header-top .searchbar input::-moz-placeholder {
	/* Mozilla Firefox 19+ */
	color: #fff;
	opacity: 1;
}

#header-top .searchbar input:-ms-input-placeholder {
	/* Internet Explorer 10+ */
	color: #fff;
}

#header-top .searchbar .button {
	border: none;
	height: 35px;
	box-shadow: none;
	-webkit-box-shadow: 0;
	padding: 0;
	text-indent: -6666px;
	background: url('/wp-content/themes/jog/assets/img/images/icon-search.svg') no-repeat right #5e79a4;
	background-size: 50%;
	background-position: 10px 6px;
	-webkit-border-radius: 0 2px 2px 0;
	-moz-border-radius: 0 2px 2px 0;
	-ms-border-radius: 0 2px 2px 0;
	border-radius: 0 2px 2px 0;
	margin-bottom: 0;
}

#header-bottom {
	background: #19407b;
	display: block;
	padding-top: 12px;
}

#header-bottom .signup {
	padding-right: 0;
	text-align: center;
}

#header-bottom .signup p {
	color: #7b94bd;
	width: 40%;
	display: inline;
	text-align: right;
	font-size: 0.875em;
	margin-right: 8px;
}

#header-bottom .signup .button {
	width: 40%;
	display: inline;
	padding: 4px 7px 4px;
	box-shadow: none;
	margin-bottom: 0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
}

#header-bottom .top-banner {
	text-align: center;
	margin-bottom: 10px;
}

.header {
	background: #fff;
	border-bottom: 5px solid #2357ab;
}

/* Menu Styling */
.nav-wrapper {
	padding-left: 0;
	padding-right: 0;
}

#main-menu {
	background: #fff;
	min-height: 68px;
}

#main-menu li.name {
	height: 68px;
}

#main-menu li.name img {
	height: 68px;
	margin-left: 0.937em;
}

#main-menu ul {
	background: none;
}

#main-menu li {
	background: none;
}

#main-menu ul.right li {
	text-align: center;
	border-top: 5px solid #eee;
}

#main-menu li a {
	font-family: 'Catamaran', sans-serif;
	font-size: 1em;
	font-weight: 700;
	color: #193f7b;
	background: none;
	transition: all 300ms ease-out;
}

#main-menu ul:not(.title-area) li a:hover, #main-menu ul:not(.title-area) li.active a {
	color: #fff;
	background: #c0002a;
}

#main-menu li.menu-icon {
	height: 68px;
	top: 0;
	right: 0;
	margin-top: 0;
	padding: 20px 30px 20px 15px;
}

#main-menu li.menu-icon a {
	color: #111;
}

#main-menu li.menu-icon a:hover,
#main-menu li.menu-icon a:focus {
	background: none;
	outline:none;
}

#main-menu input {
	background: #5e7aa2;
	border: none;
	height: 24px;
	color: #fff;
	-webkit-border-radius: 2px 0 0 2px;
	-moz-border-radius: 2px 0 0 2px;
	-ms-border-radius: 2px 0 0 2px;
	border-radius: 2px 0 0 2px;
}

#main-menu input:focus {
	box-shadow: none;
}

#main-menu input::-webkit-input-placeholder {
	/* WebKit browsers */
	color: #fff;
}

#main-menu input:-moz-placeholder {
	/* Mozilla Firefox 4 to 18 */
	color: #fff;
	opacity: 1;
}

#main-menu input::-moz-placeholder {
	/* Mozilla Firefox 19+ */
	color: #fff;
	opacity: 1;
}

#main-menu input:-ms-input-placeholder {
	/* Internet Explorer 10+ */
	color: #fff;
}

#main-menu .button {
	border: none;
	height: 24px;
	box-shadow: none;
	-webkit-box-shadow: 0;
	padding: 0;
	text-indent: -6666px;
	background: url(/wp-content/themes/jog/assets/img/images/icon-search.svg) no-repeat right #5e79a4;
	background-size: 25px;
	background-position: 90%;
	-webkit-border-radius: 0 2px 2px 0;
	-moz-border-radius: 0 2px 2px 0;
	-ms-border-radius: 0 2px 2px 0;
	border-radius: 0 2px 2px 0;
}

.top-bar .toggle-topbar.menu-icon a::after {
	color: #222;
}

#main-menu.expanded li.menu-icon {
	background: #eee;
}

#main-menu.expanded li.menu-icon a {
	color: #fff;
}

/* Article Styling */
.main-article {
	padding-bottom: 20px;
	border-bottom: 1px solid #eee;
	margin-bottom: 20px;
}

.main-article .issuuembed{
	width: 100% !important;
}

/* Banner ads */
#banner2scottishathletics {
	text-align: center;
}
.banner-ads {
	margin-top: 20px;
	margin-bottom: 20px;
}

.banner-ul {
	list-style: none;
	margin: 10px;
	text-align: center;
}
.banner-ul li{
	margin: 30px;
	margin-left: 0px;
	display: inline-block;
}
.side-r .banner-ul li{
	margin: 30px 0;
}

.jog-banner-wrapper{
	text-align: center;
}


/* social feeds */
#social-feeds-top {
	background: #ededed;
	padding-top: 28px;
	border-bottom: 1px solid #fff;
}

#social-feeds-pull {
	background: #e5e5e5;
	text-align: center;
	padding: 30px 0;
	border-top: 1px solid #ddd;
}

#social-feeds-pull h3 {
	font-size: 1.5em;
	color: #193f7b;
}

#social-feeds-pull a {
	margin: 0px 10px;
	background: #143365;
	height: 30px;
	width: 30px;
	display: inline-block;
	vertical-align: top;
	padding: 8px;
	box-sizing: border-box;
	border-radius: 5px;
	color: white;
}

#twitter{
	margin-left: 0;
}

#twitter li{
	list-style: none;
}


.facebook-feed {
	padding-right: 15px;
}

.facebook-feed h2, .twitter-feed h2 {
	color: #193f7b;
	font-size: 1.5em;
	line-height: 1em;
	border-bottom: 5px solid #2357ab;
	width: 100%;
	padding-bottom: 14px;
	margin-top: 0;
}

.facebook-feed h2 {
	background: url(assets/img/images/icon-facebook.svg) no-repeat -4px 0px;
	background-size: 22px;
	padding-left: 24px;
}

.twitter-feed h2 {
	background: url(assets/img/images/icon-twitter.svg) no-repeat -2px -4px;
	background-size: 28px;
	padding-left: 34px;
}

.twitter-feed, .facebook-feed {
	margin-bottom: 12px;
}

.twitter-feed .sa-logo, .facebook-feed .sa-logo {
	float: left;
	margin-right: 8px;
}

.twitter-feed .social-info, .facebook-feed .social-info {
	float: left;
	margin-bottom: 14px;
	min-height: 50px;
}

.twitter-feed .social-info h3, .facebook-feed .social-info h3 {
	font-size: 1.125em;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight: normal;
	color: #193f7b;
	margin-bottom: 8px;
	margin-top: 0;
}

.twitter-feed .social-info a, .facebook-feed .social-info a {
	color: #193f7b;
	font-weight: normal;
}

.twitter-feed p, .facebook-feed p {
	font-size: 0.875em;
	margin-bottom: 8px;
}

.twitter-feed .feed-link, .facebook-feed .feed-link {
	color: #c0002a;
	font-size: 0.875em;
	margin-bottom: 4px;
	width: 100%;
	word-wrap: break-word;
}

.twitter-feed .meta-time, .facebook-feed .meta-time {
	color: #199558;
	font-size: 0.625em;
	text-transform: uppercase;
	font-weight: bold;
}

.hidden-feed {
	margin-bottom: 12px;
	display: block;
	position: relative;
	height: auto;
	overflow: hidden;
}

#expander {
	font-family: 'Catamaran', sans-serif;
	font-weight: 400;
	color: #fff;
	background: url(assets/img/social-feed-arrow.jpg) no-repeat right center;
	padding: 8px 25px 14px 0;
	color: #fff;
	width: 195px;
	margin: 0 auto;
	height: 40px;
	display: block;
}

#expander:hover {
	color: #eee;
	cursor: pointer;
}

#expander.open {
	background: url(assets/img/social-feed-arrow-open.jpg) no-repeat right center;
}

/* Footer Styling */
#footer {
	background: #143365;
	padding-top: 32px;
	padding-bottom: 32px;
}

#footer a img {
    margin: 0px 20px;
}

#footer .columns {
	text-align: center;
}

#footer .footer-social a {
	margin: 0 10px;
}

#footer .partners {
	margin-bottom: 30px;
}

#footer .footer-nav ul {
	margin-left: 0;
}

#footer .footer-nav li {
	display: inline;
	padding: 0 8px;
	font-size: 0.875em;
}

#footer .footer-nav li.last {
	border-right: none;
}

#footer .footer-nav a {
	color: #617596;
	font-family: 'Catamaran', sans-serif;
	font-weight: 400;
}

#footer .copyright {
	font-size: 0.875em;
	color: #bbb;
}

.copyright * {
	display: inline-block;
	margin: 10px;
}

.copyright a {
        color: white;
}

.page-standart-info h3, .page-standart-info h2 {
	margin-bottom: 0;
}
.page-standart-info #social-feeds-pull {
	background: none;
	text-align: left;
	padding: 0;
	border-top: none;
}
.page-standart-info #social-feeds-pull a {
	margin: 0;
	height: 40px;
	width: 40px;
	padding: 12px 16px;
	margin-top: 10px;
}

.page-standart-info .section-title {
	padding-left:20px;
}


@media only screen and (min-width: 768px) {

	.main-article {
		padding-bottom: 15px;
		border-bottom: none;
		margin-bottom: 0;
	}

	.banner-ads {
		margin-top: 0;
		margin-bottom: 0;
	}

	.footer-nav ul {
		margin-left: 20px;
	}

	.footer-nav li {
		border-right: 1px solid #617596;
		border-left: none;
	}
}

@media only screen and (max-width: 940px) {
	#header-top .searchbar {
		display: none;
	}

	#header-top .signup, #header-top .top-banner {
		display: none;
	}

	#header-top .signup {
		width: 265px;
		float: right;
		text-align: center;
	}

	#header-top .signup p {
		width: auto;
	}

	#header-top .signup .button {
		width: auto;
		float: left;
		margin-left: 12px;
	}

	
	#main-menu .button,
	#main-menu input{
		height: 36px;
	}

	.wp-caption {
		/* Force the box to be 100% */
		width: 100% !important;
	}

}

@media only screen and (min-width: 940px) {
	.header {
		border-bottom: 0;
		background: url(assets/img/desk-menu-back.jpg) repeat-x;
	}

	#header-top{
		display: block;
	}

	#header-bottom{
		display: none;
		height: 45px;
	}

	.nav-wrapper {
		padding-left: 0.937em;
		padding-right: 0.937em;
	}

	#main-menu {
		height: 93px;
		background: url(assets/img/desk-menu-back.jpg) repeat-x;
	}

	#main-menu li.name img {
		height: 93px;
		margin-left: 0;
	}

	#main-menu li.menu-search {
		display: none;
	}

	#main-menu ul.right li {
		text-align: center;
		border-top: none;
	}

	#main-menu ul.right li a {
		height: 93px;
		padding-top: 30px;
	}

	#main-menu ul:not(.title-area) li a:hover, 
	#main-menu ul:not(.title-area) li.active a {
		color: #c0002a;
		background: none;
	}

	#main-menu ul.right li.active a,
	#main-menu ul.right li.current-page-ancestor a {
		border-bottom: 5px solid #c0002a;
		background: url(assets/img/desk-menu-active.jpg) no-repeat center bottom;
	}

	#main-menu ul.right li a:hover {
		border-bottom: 5px solid #c0002a;
	}
}

@media only screen and (min-width: 940px) and (max-width: 1000px) {
	#main-menu ul.title-area {
		width: 200px;
		height: auto;
	}

	#main-menu ul.title-area img {
		height: auto !important;
		margin-top: 16px;
	}
}

@media only screen and (min-width: 1001px) and (max-width: 1040px) {
	#main-menu ul.title-area {
		width: 220px;
		height: auto;
	}

	#main-menu ul.title-area img {
		height: auto !important;
		margin-top: 12px;
	}
}

@media only screen and (min-width: 941px) and (max-width: 1079px) {
	#header-top .signup p {
		font-size: 0.7em;
	}
}

/* Used to alter styles for screens at least 1280px wide. */
/* Used to alter styles for screens at least 1440px wide. */

/**********************
     Home Page
*********************/
/* Home Hero */
#home-hero {
	height: 250px;
}

.home-intro-mob {
	background: rgba(255, 255, 255, 0.9);
	padding: 20px;
	height: 250px;
}

.home-intro-mob h2 {
	font-family: 'Catamaran', sans-serif;
	font-weight: 400;
	color: #19407b;
	font-size: 1.75em;
}

.home-intro-mob p {
	font-size: 0.875em;
}

.home-intro-mob a {
	float: right;
	text-decoration: underline;
	font-size: 0.875em;
}

#home-cta {
	position: relative;
	height: auto;
	overflow: hidden;
	background: #fff;
}

#home-cta .cta {
	border-top: 5px solid #2357ab;
	padding-top: 20px;
	padding-bottom: 20px;
}

#home-cta .cta .cta-img {
	padding-left: 0;
}

#home-cta .cta .cta-text {
	padding-right: 0;
	padding-left: 0;
}

#home-cta .cta .cta-text h2 {
	font-family: 'Catamaran', sans-serif;
	font-weight: 400;
	color: #19407b;
	font-size: 1.75em;
	margin-bottom: 4px;
	margin-top: 0;
}

#home-cta .cta .cta-text h2 a {
	color: inherit;
	font-size: inherit;
}

#home-cta .cta .cta-text p {
	font-size: 0.875em;
}

#home-cta .last {
	border-bottom: 5px solid #2357ab;
}

/* Main Content */
#home-main {
	padding-top: 28px;
	border-top: 1px solid #ddd;
}

.home-intro-desk {
	display: none;
}

.home-second,
.home-third {
	margin-top: 45px;
}

.banner-ad {
	margin: 12px 0;
	text-align: center;
}

/**********************
Standard Page
*********************/
#page-standard {
	padding-top: 40px;
}
.alignright{
	float: right;
}
.alignleft{
	float: left;
}
/**********************
News Landing
*********************/
#page-news-landing {
	padding-top: 40px;
}

.feat-news h3 {
	margin-bottom: 4px;
}

.feat-news .news-img {
	padding-right: 15px;
}

.feat-news .news-text {
	padding-right: 0;
}

.feat-news .news-text h2 {
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-size: 1.225em;
	margin-top: 0;
	margin-bottom: 2px;
}

.feat-news .news-text .date {
	color: #199558;
	font-size: 0.625em;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 4px;
}

.feat-news .news-text p {
	font-size: 0.875em;
	color: #575757;
}

.feat-news .news-text .button {
	padding-top: 6px;
	padding-bottom: 4px;
	margin-bottom: 0;
}

.news-article{
	padding-bottom: 40px;
}

.normal-news {
	border-bottom: 1px solid #eee;
	padding-top: 20px;
	padding-bottom: 20px;
}

.normal-news .row {
	width: 100%;
	margin-left: 0;
	margin-right: 0;
}

.normal-news h3 {
	margin-bottom: 4px;
}

.normal-news .news-img {
	padding-right: 15px;
	padding-left: 0;
}

.normal-news .news-text {
	padding-left: 0;
	padding-right: 14px;
}

.normal-news .news-text h2 {
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-size: 1.225em;
	margin-top: 0;
	margin-bottom: 2px;
}

.normal-news .news-text .date {
	color: #199558;
	font-size: 0.625em;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 4px;
}

.normal-news .news-text p {
	font-size: 0.875em;
	color: #575757;
}

.normal-news .news-text .button {
	padding-top: 6px;
	padding-bottom: 4px;
	margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
	.feat-news .news-img, .normal-news .news-img {
		padding-right: 0;
	}

	.feat-news .news-img img, .normal-news .news-img img {
		width: 100%;
		margin-bottom: 10px;
	}

	.feat-news .news-text, .normal-news .news-text {
		padding-left: 0;
	}
}

/**********************
News Item
*********************/
.news-article h2 {
	margin-bottom: 4px;
}

.news-article .date {
	font-size: 0.625em;
	color: #199558;
	text-transform: uppercase;
	margin-bottom: 8px;
}

.news-article .author {
	margin-bottom: 8px;
}

.news-article .social-buttons {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding: 10px 20px;
	position: relative;
	height: auto;
	overflow: hidden;
	margin-bottom: 10px;
}

.news-article .social-buttons .social-specific {
	float: left;
	margin-right: 12px;
}

.news-article .social-buttons .social-sharethis {
	float: right;
}

.news-article p {
	line-height: 1.4em;
}

.news-article iframe{
	width: 100%;
}

.news-article .caption {
	font-size: 0.875em;
	font-style: italic;
	margin-bottom: 12px;
	color: #575757;
	line-height: 1.2em;
}

.news-article .caption img {
	margin-bottom: 8px;
	width: 100%;
}

.news-article img.left {
	margin: 0 20px 12px 0;
}

.news-article img.right {
	margin: 0 0 12px 20px;
}

.news-article .downloads, .news-article .tags {
	width: 100%;
	position: relative;
	height: auto;
	overflow: hidden;
	margin-bottom: 15px;
}

.news-article .downloads h3, .news-article .tags h3 {
	float: left;
	width: auto;
	margin-right: 12px;
	font-size: 1.5em;
	margin-bottom: 0;
}

.news-article .downloads a, .news-article .tags a {
	float: left;
	margin-top: 5px;
	margin-bottom: 0;
}

.news-article .downloads .button, .news-article .tags .button {
	padding: 6px 8px 4px;
	margin-right: 12px;
	margin-bottom: 0;
}

.news-article .related-articles {
	border-top: 5px solid #2357ab;
	margin-top: 30px;
	padding-top: 30px;
}

.news-article .related-articles h2 {
	font-size: 1.5em;
	margin-bottom: 12px;
}

.news-article .related-articles .article-link img {
	width: 100%;
	margin-bottom: 8px;
}

.news-article .related-articles .article-link h3 {
	font-size: 0.875em;
	line-height: 1.2em;
	margin-top: 0;
}

.news-article .related-articles .article-link1 {
	padding-left: 0;
}

.news-article .related-articles .article-link2 {
	padding-right: 0;
}

/**********************
Staff listing page
*********************/
.staff-listing {
	padding: 14px 0 20px;
	width: 100%;
	float: left;
	height: auto;
	overflow: hidden;
	border-top: 1px solid #ddd;
}

.staff-listing img {
	margin: 0 0 20px 20px;
}

.staff-listing h2 {
	margin-bottom: 3px;
	font-size: 1.75em;
}

.staff-listing h2 a {
	color: inherit;
}

.staff-listing p {
	font-size: 0.875em;
	margin-bottom: 10px;
}

.staff-listing p.job-title {
	font-weight: bold;
	color: #111;
}

.staff-listing a.readmore {
	margin-bottom: 0;
}

.staff-listing .staff-excerpt {
	word-wrap: break-word;
}

/**********************
Staff single page
*********************/
.staff-single .job-title {
	font-weight: bold;
	margin-bottom: 5px;
	font-size: 1.25em;
}

.staff-single .staff-email {
	margin-bottom: 0;
}

.staff-single img.featured-image {
	margin: 0 0 20px 20px;
}

.staff-single .staff-content p {
	line-height: 1.6;
	margin-bottom: 1.25em;
	text-rendering: optimizeLegibility;
}

.staff-single .staff-content blockquote p {
	margin-bottom: 0;
}

.staff-single .staff-email{
	margin-bottom: 20px;
}
.staff-single .staff-tel{
	margin-bottom: 5px;
}

/**********************
Vacancy Listing page
*********************/
.vacancy-listing {
	padding: 14px 0 20px;
	width: 100%;
	float: left;
	height: auto;
	overflow: hidden;
	border-top: 1px solid #ddd;
}

.vacancy-listing h3 {
	margin-bottom: 3px;
	font-size: 1.75em;
}

.vacancy-listing h3 a {
	color: inherit;
}

.vacancy-listing h3 a:hover {
	color: #cb6400;
}

.vacancy-listing p {
	font-size: 0.875em;
	margin-bottom: 4px;
}

.vacancy-listing p.vacancy-org {
	font-weight: bold;
	color: #111;
	margin-bottom: 2px;
}

.vacancy-listing p.vacancy-closingdate {
	color: #111;
}

.vacancy-listing p.vacancy-excerpt {
	margin-bottom: 10px;
}

.vacancy-listing a.button {
	margin-bottom: 0;
	padding-top: 6px;
	padding-bottom: 6px;
	float: right;
}

/**********************
Vacancy Item page
*********************/
.vacancy-item h3 {
	margin-bottom: 3px;
	font-size: 1.75em;
}

.vacancy-item p {
	font-size: 1em;
}

.vacancy-item p.vacancy-org {
	color: #111;
	margin-bottom: 2px;
}

.vacancy-item p.vacancy-closingdate {
	color: #111;
	margin-bottom: 10px;
}

.vacancy-item .vacancy-content {
	margin-bottom: 10px;
	font-size: 1em;
}

.vacancy-item a.button {
	margin-bottom: 0;
}

.vacancy-item .vacancy-content blockquote p {
	margin-bottom: 0;
}

/**********************
Jogger Listing page
*********************/
/* Athletes - grid layout */
.jogger-listing {
	margin-bottom: 10px;
	background: #f6f6f6;
	padding-left: 0;
	display: inline-block;
	width: 32%;
}

.jogger-listing img {
	margin-bottom: 0;
	width: 25%;
	float: left;
}

.jogger-listing img:hover {
	opacity: 0.8;
}

.jogger-listing .athlete-details {
	height: auto;
	overflow: hidden;
	padding: 10px 15px;
	width: 75%;
	float: left;
}

.jogger-listing .athlete-details h2 {
	font-size: 1em;
	font-weight: bold;
	margin-bottom: 4px;
	line-height: 1em;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

.jogger-listing .athlete-details h2 a {
	color: inherit;
	text-decoration: none;
}

.jogger-listing .athlete-details h2:hover {
	color: #cb6400;
}

.jogger-listing .athlete-details p.discipline {
	font-size: 0.875em;
	color: #000;
	font-weight: bold;
	line-height: 1em;
	margin-bottom: 0;
}

.jogger-listing .placeholder {
	max-width: 231px;
	max-height: 153px;
}

@media only screen and (min-width: 768px) {
	.jogger-listing {
		margin-bottom: 30px;
		background: none;
		padding-left: 10px;
	}

	.jogger-listing img {
		min-width: 100%;
	}

	.jogger-listing .athlete-details {
		height: 80px;
		padding: 10px 15px;
		width: 100%;
		padding-bottom: 5px;
		background: url(assets/img/greybox-bottom-back.jpg) bottom center no-repeat #f6f6f6;
		background-size: 100%;
	}

	.jogger-listing .athlete-details h2 {
		font-size: 1em;
		font-weight: bold;
		margin-bottom: 4px;
		line-height: 1em;
	}

	.jogger-listing .athlete-details h2 a {
		color: inherit;
		text-decoration: none;
	}

	.jogger-listing .athlete-details p.discipline {
		font-size: 0.875em;
		color: #000;
		font-weight: bold;
		line-height: 1em;
	}

	.article-athletes-list h1 {
		margin-left: 10px;
	}

	.article-athletes-list ul.athlete-filter {
		margin-left: 10px;
	}

	ul.athletes-list {
		margin-left: 10px;
	}
}

@media only screen and (max-width: 1024px) {
	.jogger-listing {
		float: left;
		width: 48%;
		margin: 5px;
	}
}

@media only screen and (max-width: 535px) {
	.jogger-listing {
		float: left;
		width: 100%;
	}
}

/**********************
Jogger Single page
*********************/
.jogger-single .jog-group, .jogger-single .jog-title {
	font-weight: bold;
	padding-left: 20px;
	margin-right: 20px;
	margin-bottom: 10px;
	display: inline-block;
}

.jogger-single .jog-group {
	background: url(assets/img/images/jog-group-back.jpg) 0 2px no-repeat;
}

.jogger-single .jog-title {
	background: url(assets/img/images/jog-title-back.jpg) 0 2px no-repeat;
	padding-left: 25px;
}

.jogger-single .jogger-single-feat-image {
	margin-bottom: 20px;
}

.jogger-single .jogger-content p {
	line-height: 1.6;
	margin-bottom: 1.25em;
	text-rendering: optimizeLegibility;
}
.jogger-single .jogger-content img.alignleft {
	margin-right:15px;
}

.jogger-single .jogger-content blockquote p {
	margin-bottom: 0;
}

/**********************
Course Listing page
*********************/
.course-listing {
	padding: 14px 0 20px;
	width: 100%;
	float: left;
	height: auto;
	overflow: hidden;
	border-top: 1px solid #ddd;
}

.course-listing h3 {
	margin-bottom: 3px;
	font-size: 1.75em;
}

.course-listing p {
	font-size: 0.875em;
	margin-bottom: 4px;
}

.course-listing p.course-excerpt {
	margin-bottom: 10px;
}

.course-listing a.button {
	margin-bottom: 0;
	padding-top: 6px;
	padding-bottom: 6px;
	float: right;
}

/**********************
Course Item page
*********************/
.course-item h3 {
	margin-bottom: 3px;
	font-size: 1.75em;
}

.course-item p {
	font-size: 1em;
}

.course-item p.course-date, .course-item p.course-duration, .course-item p.course-venue {
	color: #111;
	margin-bottom: 2px;
}

.course-item p.course-code {
	color: #111;
	margin-bottom: 10px;
}

.course-item a.button {
	margin-bottom: 0;
}

/**********************
Search Results
*********************/
.search-results ul {
	margin-left: 0;
	list-style: none;
}

.search-results li {
	padding: 10px 0;
	margin: 10px 0;
	border-top: 1px solid #ddd;
}

.search-results .search-result-title {
	font-weight: bold;
	font-size: 1.25em;
}

/**********************
404 Page
*********************/
.page-404 p {
	font-size: 1em;
	margin-bottom: 10px;
}

/**********************
Media Queries
*********************/

@media (max-width: 425px) {
        #home-cta{
                width: 100%;
        }

	#home-hero .home-intro-mob a{
		display: none;
	}

}


@media only screen and (min-width: 768px) {
	#home-hero {
		min-height: 450px;
		height: 450px;
	}

	.home-intro-mob {
		display: none;
	}

	.home-intro-desk {
		display: block;
	}

	#home-cta {
		height: 105px;
		overflow: visible;
		background: url(assets/img/images/home-cta-back.jpg) repeat-x;
		border-bottom: 1px solid #fff;
	}

	#home-cta .row {
		max-width: 64em;
	}

	#home-cta .columns {
		padding-left: 10px;
		padding-right: 10px;
	}

	#home-cta .cta {
		border-top: none;
		padding-top: 20px;
		padding-bottom: 5px;
		margin-top: -200px;
		background: url(assets/img/images/cta-bottom-back.jpg) no-repeat bottom center;
		background-size: 95%;
	}

	#home-cta .cta .cta-img {
		text-align: center;
		padding-left: 20px;
		top: 35px;
		z-index: 100;
	}

	#home-cta .cta .cta-text {
		text-align: center;
		padding-right: 20px;
		padding-left: 20px;
		border-top: 5px solid #2357ab;
		min-height: 145px;
		padding: 35px 38px 20px;
		background: #fff;
	}

	#home-cta .cta .cta-text h2 {
		font-family: 'Catamaran', sans-serif;
		font-weight: 400;
		color: #193f7b;
		font-size: 1.75em;
		margin-bottom: 4px;
		margin-top: 0;
	}

	#home-cta .cta .cta-text h2 a {
		color: inherit;
		font-size: inherit;
	}

	#home-cta .cta .cta-text p {
		font-size: 1em;
		margin-bottom: 0;
	}

	#home-cta .last {
		border-bottom: none;
	}

	.side-l, .side-r {
		padding-top: 63px;
	}

	.jogger {
		text-align: center;
		padding-bottom: 3px;
	}

	.jogger-img {
		width: 100%;
		margin-bottom: 12px;
	}

	.jogger-text {
		width: 100%;
		padding: 0;
	}

	.jogger .button {
		float: none !important;
	}

	.banner-ad {
		margin: 60px 0;
		text-align: center;
	}

	ul.pagination {
		width: auto;
		text-align: right;
		margin: 12px 0;
		float: right;
	}

	.news-article .related-articles .article-link h3 {
		font-size: 1.25em;
	}
}

@media only screen and (min-width: 768px) and (max-width: 800px) {
	#home-cta .cta .cta-text {
		padding-left: 10px;
		padding-right: 10px;
	}

	#home-cta .cta .cta-text h2 {
		font-size: 1.4em;
	}

	#home-cta .cta .cta-text p {
		font-size: 0.875em;
	}
}

@media only screen and (min-width: 801px) and (max-width: 980px) {
	#home-cta .cta .cta-text {
		padding-left: 10px;
		padding-right: 10px;
	}
}

@media only screen and (min-width: 1200px) {
	#home-hero {
		background-size: 100%;
		max-height: 450px;
	}
}

/* Used to alter styles for screens at least 1280px wide. */
/* Used to alter styles for screens at least 1440px wide. */

.home-second h3 {
	font-size: 1.5em;
}

.grey-box {
	position: relative;
	height: auto;
	overflow: hidden;
	padding-top: 20px;
	border-top: 5px solid #2357ab;
	padding-bottom: 5px;
	background: url(assets/img/greybox-bottom-back.jpg) center #f6f6f6;
	background-size: 100%;
}

.light-grey-block {
	width: 100%;
	background: #f6f6f6;
	height: auto;
	position: relative;
	overflow: hidden;
	padding-top: 20px;
}

/**********************
Map with clubs
*********************/
img.map {
	width: 100%;
	height: auto;
}

.home-map {
	background: url(assets/img/home-map-back.jpg) no-repeat;
	min-height: 210px;
	position: relative;
}

.home-map .home-map-pin {
	width: 139px;
	height: 195px;
	position: absolute;
	left: 20px;
	top: 10px;
	background: url(assets/img/home-map-pin.png) no-repeat;
	padding-top: 40px;
}

.home-map .jog-group-tally {
	font-size: 3.5em;
	text-align: center;
	font-family: 'Catamaran', sans-serif;
	font-weight: 700;
	color: #c0002a;
}

.home-map .jog-group-text {
	font-size: 3em;
	font-family: 'Catamaran', sans-serif;
	font-weight: 600;
	color: #193f7b;
	width: 63%;
	float: right;
	text-align: left;
	padding-top: 65px;
	line-height: 1.2em;
	margin-bottom: 0;
	padding-right: 70px;
}

.map-wrapper .grey-box {
	padding-top: 0;
}

@media only screen and (min-width: 940px) and (max-width: 1040px) {
	.home-map .jog-group-text {
		font-size: 2.3em;
		width: 60%;
	}
}

@media only screen and (min-width: 861px) and (max-width: 939px) {
	.home-map .jog-group-text {
		font-size: 1.8em;
		width: 54%;
		padding-right: 30px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 860px) {
	.home-map .jog-group-text {
		font-size: 1.5em;
		width: 52%;
		padding-top: 70px;
		padding-right: 20px;
		padding-right: 20px;
	}
}

@media only screen and (max-width: 769px) {
	.map-wrapper .light-grey-block {
		text-align: center;
	}

	.map-wrapper .light-grey-block .button {
		margin: 0 auto 15px;
		display: block;
		max-width: 300px;
	}
}

@media only screen and (max-width: 540px) {
	.home-map .jog-group-text {
		font-size: 2.1em;
		width: 60%;
	}
}

@media only screen and (max-width: 460px) {
	.home-map .jog-group-text {
		font-size: 1.6em;
		width: 65%;
		padding-right: 15px;
		padding-top: 30px;
	}

	.home-map {
		min-height: 140px;
	}

	.home-map .home-map-pin {
		width: 70px;
		height: 98px;
		position: absolute;
		left: 15px;
		top: 10px;
		background: url(assets/img/home-map-pin-mob.png) no-repeat;
		padding-top: 30px;
	}

	.home-map .jog-group-tally {
		font-size: 1.2em;
		text-align: center;
		font-family: 'Catamaran', sans-serif;
		font-weight: 700;
		color: #c0002a;
	}
}

/**********************
Events
*********************/
.events h3 {
	width: 180px;
	float: left;
	margin-bottom: 15px;
}
/*
.events a :not(.events h2 a){
	background: url(assets/img/icon-events.jpg) no-repeat left;
	padding-left: 22px;
	float: right;
	font-family: 'Josefin Slab', serif;
	font-weight: 400;
	font-size: 1em;
	display: block;
	height: 16px;
	margin-right: 20px;
	margin-top: 12px;
}
*/
.events-list {
	padding: 0 0 5px;
	float: left;
	position: relative;
	height: auto;
	overflow: hidden;
	padding-top: 0;
	width: 100%;
	margin-bottom: 10px;
}

.events-list .event-single {
	padding: 15px;
	border-bottom: 1px solid #ddd;
	position: relative;
	height: auto;
	overflow: hidden;
	background: #f6f6f6;
}

.events-list .event-single .event-date {
	height: 48px;
	width: 48px;
	color: #fff;
	padding: 4px;
	text-align: center;
	text-transform: uppercase;
	font-size: 0.875em;
	float: left;
	background: #c30080;
	/* Old browsers */
	background: -moz-linear-gradient(top, #c30080 0%, #c30080 50%, #d54da6 51%, #d54da6 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c30080), color-stop(50%, #c30080), color-stop(51%, #d54da6), color-stop(100%, #d54da6));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #c30080 0%, #c30080 50%, #d54da6 51%, #d54da6 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #c30080 0%, #c30080 50%, #d54da6 51%, #d54da6 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #c30080 0%, #c30080 50%, #d54da6 51%, #d54da6 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, #c30080 0%, #c30080 50%, #d54da6 51%, #d54da6 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c30080', endColorstr='#d54da6', GradientType=0);
	/* IE6-9 */
}

.events-list .event-single .date-number {
	font-size: 1.75em;
}

.events-list .event-single .event-text {
	min-height: 48px;
	width: 75%;
	float: right;
}

.events-list .event-single h2 {
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	color: #c0002a;
	font-size: 1.25em;
	margin-top: 0;
	margin-bottom: 4px;
}

.events-list .event-single p {
	font-size: 0.875em;
	color: #575757;
	margin-bottom: 0;
	line-height: 1.1em;
}

.events-list .event-single p span {
	font-weight: bold;
}

#home-main .events-list .event-single p {
	 line-height: 1.6;
	 margin-bottom: 1.25em;
 }

.events-list .last {
	border-bottom: none;
}

.events-link{
	clear: both;
}

.events-link h3, .events-link a{
	margin-bottom: 15px;
	vertical-align: middle;
	display: inline-block;
}

.events-link h3{
	width:25%;
}

.events-link a{
	float: right;
	width: 75%;
	text-align: right;
	line-height: 1.5em;
}

.events-link .events-list{
	margin-bottom: 40px;
}
.events-link .grey-box{
	background: none;
}

@media only screen and (min-width: 768px) {
	.events-list {
		margin-bottom: 0;
	}

	.events-list .event-single .event-text {
		width: 83%;
	}
}

.events>a{
	float: right;
	padding: 10px 0;
}

/**********************
Featured News Widget
**********************/
.home-second .feat-news h3 {
	display: block;
}

.feat-news h3 a, .normal-news h3 a {
	color: inherit;
}

.feat-news h3 a:hover, .normal-news h3 a:hover {
	color: #c0002a;
}

.feat-news .grey-box {
	border-top: none;
	margin-bottom: 20px;
}

.home-second .feat-news .grey-box,
.home-second .feat-jogger .grey-box {
	margin-top: 15px;
	border-top: 5px solid #2357ab;
}

.feat-news .feat-news-item {
	padding-top: 0 !important;
}

.feat-news .feat-news-item .light-grey-block {
	padding: 14px 14px 20px !important;
}

.feat-news .feat-news-item .light-grey-block .row {
	width: 100%;
	margin: 0;
	padding: 0;
}

.feat-news .feat-news-item .light-grey-block .news-img {
	padding-left: 0;
}

.feat-news .feat-news-item .light-grey-block .news-item {
	padding-right: 0;
}

.feat-news .feat-news-item .light-grey-block .news-item a.button {
	margin-bottom: 0;
}

/**********************
Sidebar Navigation
*********************/
.pagenav {
	margin-bottom: 25px;
	line-height: 1.1em;
}

.pagenav ul {
	margin-left: 0;
	margin-bottom: 0;
}

.pagenav li {
	list-style: none;
	margin-bottom: 1px;
	font-family: 'Catamaran', sans-serif;
	font-weight: 400;
	background: #c0002a;
	transition: all 300ms ease-out;
}

.pagenav li:hover{
	background: #cb6400;
}

.pagenav li a {
	font-family: 'Catamaran', sans-serif;
	font-weight: 700;
	font-size: 0.9375em;
	line-height: 1.2em;
	color: #fff;
	display: block;
	width: 100%;
	padding: 14px 20px 10px 20px;
	transition: background 0.3s linear;
	background: rgba(255, 255, 255, 0) url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTc5MiIgaGVpZ2h0PSIxNzkyIiB2aWV3Qm94PSIwIDAgMTc5MiAxNzkyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0xMTUyIDg5NnEwIDI2LTE5IDQ1bC00NDggNDQ4cS0xOSAxOS00NSAxOXQtNDUtMTktMTktNDV2LTg5NnEwLTI2IDE5LTQ1dDQ1LTE5IDQ1IDE5bDQ0OCA0NDhxMTkgMTkgMTkgNDV6IiBmaWxsPSIjZmZmIi8+PC9zdmc+) no-repeat scroll right center;
	background-size: 10%;
	background-position: 200px;
	padding: 15px 40px 15px 20px;
	margin-bottom: 5px;
}

.pagenav li a:hover {
	color: #fff;
}

.pagenav ul[class^='side-nav-level-'] li,
.pagenav ul[class*=' side-nav-level-'] li {
	background: none;
}

.pagenav li.active a:hover {
	color: #c0002a;
	background: #fff;
}

.pagenav ul.second-level {
	margin-left: 20px;
}

.pagenav ul.second-level li {
	border-left: none;
}

.pagenav ul[class^='side-nav-level-'] a,
.pagenav ul[class*=' side-nav-level-'] a {
	padding: 5px 5px 5px 16px;
	color: #c0002a;
}

.pagenav ul[class^='side-nav-level-'] a:hover,
.pagenav ul[class*=' side-nav-level-'] a:hover {
	color: #e8811c;
	background: url(assets/img/images/sidenav-level1-back.png) no-repeat 0 center;
	transition: none;
}

.pagenav li.current_page_ancestor,
.pagenav li.current_page_item {
	background: url(assets/img/images/sidenav-level1-back.png) no-repeat 0 center;
	border-left: 4px solid #c0002a;
}

.pagenav li.current_page_ancestor a,
.pagenav li.current_page_item a {
	color: #c0002a;
	border-left: none;
}

.pagenav li.current_page_ancestor a:hover,
.pagenav li.current_page_item a:hover {
	background: url(assets/img/images/sidenav-level1-back.png) no-repeat 0 center;
	transition: none;
}

.pagenav ul[class^='side-nav-level-'] li.current_page_item {
	border-left: none;
}

.pagenav ul[class^='side-nav-level-'] .current_page_item a,
.pagenav ul[class*=' side-nav-level-'] .current_page_item a {
	color: #e8811c;
	background: url(assets/img/images/sidenav-level1-back.png) no-repeat 0 center;
}

.pagenav ul[class^='side-nav-level-'],
.pagenav ul[class*=' side-nav-level-'] {
	margin-left: 16px;
	display: none;
}

.pagenav ul[class^='side-nav-level-'] .current_page_ancestor,
.pagenav ul[class*=' side-nav-level-'] .current_page_ancestor {
	background: #fff;
	border-left: none;
}

.pagenav ul[class^='side-nav-level-'] .current_page_ancestor a,
.pagenav ul[class*=' side-nav-level-'] .current_page_ancestor a {
	background: url(assets/img/images/sidenav-level1-back.png) no-repeat 0 center;
	color: #e8811c;
}

.pagenav li.current_page_ancestor + ul[class^='side-nav-level-'],
.pagenav li.current_page_ancestor + ul[class^=' side-nav-level-'],
.pagenav li.current_page_item + ul[class^='side-nav-level-'],
.pagenav li.current_page_item + ul[class^=' side-nav-level-'] {
	display: block;
}

.pagenav li.current_page_ancestor + ul[class^='side-nav-level-'] ul[class^='side-nav-level-'],
.pagenav li.current_page_ancestor + ul[class^=' side-nav-level-'] ul[class^=' side-nav-level-'],
.pagenav li.current_page_item + ul[class^='side-nav-level-'] ul[class^='side-nav-level-'],
.pagenav li.current_page_item + ul[class^=' side-nav-level-'] ul[class^=' side-nav-level-'] {
	display: block;
}

/**********************
Main CTA
*********************/
.side-cta {
	padding-top: 0 !important;
	width: 100%;
	margin-right: 1%;
	float: left;
	margin-bottom: 10px;
}

.side-cta .side-cta-inner {
	text-align: center;
	padding: 15px;
	position: relative;
	height: auto;
	overflow: hidden;
	background: #193f7b;
}

.side-cta .side-cta-inner h2 {
	color: #fff;
	margin-top: 0;
	font-size: 1.5em;
	margin-bottom: 16px;
}

.side-cta .side-cta-inner .button {
	margin-bottom: 0;
	float: none;
}

.side-cta1 .side-cta-inner {
	background: url(assets/img/images/side-cta-back1.jpg) no-repeat top left #193f7b;
}

.side-cta2 .side-cta-inner {
	background: url(assets/img/images/side-cta-back2.jpg) no-repeat top left #193f7b;
}

.side-cta3 .side-cta-inner {
	background: url(assets/img/images/side-cta-back3.jpg) no-repeat top left #193f7b;
}

@media only screen and (min-width: 481px) {
	.side-cta {
		width: 32.33%;
	}

	.side-cta-inner {
		min-height: 150px;
	}
}

@media only screen and (min-width: 481px) and (max-width: 767px) {
	.side-cta .side-cta-inner {
		background: #193f7b !important;
	}

	.side-cta-2 .side-cta-inner {
		background: #193f7b;
	}

	.side-cta-3 .side-cta-inner {
		background: #193f7b;
	}
}

@media (max-width: 940px){
        .side-cta .side-cta-inner .button {
            width: 100%;
            max-width: 150px;
        }
		.top-banner-ad {
			margin-top: 15px;
		}
}

@media (max-width: 768px){	
        .pagenav li a {
                background-position: right;
        }
}

@media only screen and (min-width: 768px) {
	.side-cta {
		width: 100%;
		margin-right: 0;
		min-height: 0;
		margin-bottom: 20px;
	}

	.side-cta .side-cta-inner {
		min-height: 0;
	}

	.side-cta .side-cta-inner .button {
		float: right;
	}
}

/**********************
Merchandise CTA
*********************/
.side-merch {
	border-top: 5px solid #193f7b;
	padding-top: 0;
	margin-bottom: 10px;
}

.side-merch-inner {
	text-align: center;
	padding: 15px 15px 10px;
	position: relative;
	height: auto;
	overflow: hidden;
	background: url(assets/img/images/merch-back.jpg) no-repeat top center #c0002a;
}

.side-merch-inner h3 {
	color: #fff;
	font-size: 1.25em;
}

.side-merch-inner p {
	color: #fff;
	font-size: 0.875em;
	display: block;
	width: auto;
	float: left;
	padding-top: 10px;
	margin-right: 5px;
}

.merch-text {
	width: 200px;
	display: block;
	margin: 0 auto;
}

.merch-run4it {
	float: left;
}

/**********************
News Archive
*********************/
.archive {
	margin-bottom: 20px;
}

.archive .grey-box {
	padding: 0 0 5px 0;
}

.archive ul {
	margin-bottom: 0;
	padding: 20px;
	background: #f6f6f6;
	margin-left: 0;
}

.archive ul li {
	list-style: none;
}

.archive a {
	font-family: 'Catamaran', sans-serif;
	font-weight: 400;
}

/**********************
News Tags
*********************/
.tags {
	margin-bottom: 20px;
}

.tags .grey-box {
	background: none;
}

.tags a.tag {
	background: #cb6400;
	display: block;
	padding: 4px 8px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	color: #fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
	font-family: 'Catamaran', sans-serif;
	font-weight: 400;
}

.tags a.tag:hover {
	background: #c0002a;
}

@media only screen and (min-width: 768px) {
	.tags {
		margin-bottom: 10px;
	}
}

/**********************
Featured Jogger
*********************/
.feat-jogger {
	margin: 32px 0;
}

#home-main .feat-jogger {
	margin-top: 0;
}

.jogger {
	border-top: none;
	padding-top: 0;
	padding-bottom: 5px;
}

.jogger .row {
	margin-left: 0;
	margin-right: 0;
}

.jogger-inner {
	border-left: 5px solid #e1a32e;
	background: url(assets/img/images/feat-jogger-arrow.jpg) no-repeat left center #f6f6f6;
	padding: 20px;
}

.jogger-inner .jogger-img {
	padding: 0;
}

.jogger-inner h2 {
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-size: 1.225em;
	margin-top: 0;
	margin-bottom: 8px;
}

.jogger-inner p {
	font-size: 0.875em;
	color: #575757;
}

.jogger-inner .button {
	padding-top: 6px;
	padding-bottom: 4px;
	margin-bottom: 0;
}

/**************************
Latest Vacancy & Courses
**************************/
.latest-post {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding: 15px 0 5px;
	margin-bottom: 15px;
}

.latest-post ul {
	margin-left: 0;
}

.latest-post li {
	list-style: none;
	margin-bottom: 7px;
	padding-left: 10px;
	background: url(assets/img/images/sidenav-level1-back.png) no-repeat left center;
	line-height: 1.2em;
}

.latest-post li a {
	font-family: 'Catamaran', sans-serif;
	font-weight: 400;
	font-size: 1.1em;
}

/**************************
Pagination
**************************/
#page-news-landing .article {
    padding-bottom: 40px;
}

.article-list-footer {
	float: left;
	width: 100%;
}

.article-list-footer > div {
	width: 50%;
}

.article-list-footer .view-all {
	font-family: 'Catamaran', sans-serif;
	font-weight: 400;
	text-decoration: underline;
	display: block;
	margin-top: 25px;
}

.article-list-footer .view-all:hover {
	color: #cb6400;
}

ul.pagination {
	display: block;
	height: 1.5em;
	margin-left: -0.3125em;
	margin-top: 20px;
	margin-bottom: 20px;
	height: auto;
	overflow: hidden;
}

ul.pagination li {
	float: left;
	display: block;
	height: auto;
	overflow: hidden;
	color: #444;
	font-size: 0.875em;
	margin-left: 0.3125em;
	border-top:none;
}

ul.pagination li.ellipses,
ul.pagination li a, ul.pagination li span  {
	display: block;
	padding: 10px 15px;
	color: #444;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
}

ul.pagination li:hover a, ul.pagination li a:focus {
	border: 1px solid #c0002a;
	background: #fff;
	padding: 9px 14px;
}

ul.pagination li.unavailable a {
	cursor: default;
	color: #444;
}

ul.pagination li.unavailable:hover a, ul.pagination li.unavailable a:focus {
	background: transparent;
	border: none;
	padding: 10px 15px;
}

ul.pagination li.current a, ul.pagination li span.current {
	border: 1px solid #c0002a;
	background: #fff;
	padding: 9px 14px;
	color: #444;
}

ul.pagination li.current:hover a, ul.pagination li.current:focus a {
	background: #fff;
}

ul.pagination li.arrow-back a, ul.pagination li .prev {
	background: url(assets/img/button-back.png) no-repeat 10px 15px #c0002a;
	color: #fff;
	border: none;
	padding: 10px 15px 10px 20px;
}

ul.pagination li.arrow-next a, ul.pagination li .next {
	background: #c0002a url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTc5MiIgaGVpZ2h0PSIxNzkyIiB2aWV3Qm94PSIwIDAgMTc5MiAxNzkyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0xMTUyIDg5NnEwIDI2LTE5IDQ1bC00NDggNDQ4cS0xOSAxOS00NSAxOXQtNDUtMTktMTktNDV2LTg5NnEwLTI2IDE5LTQ1dDQ1LTE5IDQ1IDE5bDQ0OCA0NDhxMTkgMTkgMTkgNDV6IiBmaWxsPSIjZmZmIi8+PC9zdmc+) no-repeat scroll right center;
	background-position: right;
	background-size: 30%;
	color: #fff;
	border: none;
	padding: 10px 25px 10px 15px;
}

ul.pagination li.arrow-back:hover a, ul.pagination li:hover .prev {
	background: url(assets/img/button-back.png) no-repeat 10px 15px #cb6400;
	color: #fff;
	border: none;
	padding: 10px 15px 10px 20px;
}

ul.pagination li.arrow-next:hover a, ul.pagination li:hover .next {
	background: url(assets/img/button-forward.png) no-repeat right 14px #cb6400;
	color: #fff;
	border: none;
	padding: 10px 25px 10px 15px;
}

@media only screen and (max-width: 767px) {
	ul.pagination li a {
		border: 1px solid #c0002a;
		padding: 10px 7px;
	}

	ul.pagination li a:hover {
		border: 1px solid #c0002a;
		padding: 10px 7px;
	}

	ul.pagination li.unavailable a, ul.pagination li.unavailable:hover a, ul.pagination li.unavailable a:focus {
		padding: 3px 0;
	}

	ul.pagination li.unavailable a {
		border: none;
	}

	ul.pagination li.current a, ul.pagination li span.current {
		padding: 10px 7px;
	}

	ul.pagination li.arrow-back a, ul.pagination li .prev {
		padding: 10px 15px 10px 20px;
	}

	ul.pagination li.arrow-back:hover a, ul.pagination li:hover .prev {
		padding: 10px 15px 10px 20px;
	}

	ul.pagination li.arrow-next a {
		padding: 10px 20px 10px 15px;
	}

	ul.pagination li.arrow-next:hover a {
		padding: 10px 20px 10px 15px;
	}

	#home-hero{
		height:auto;
		background-repeat: repeat;
	}
	.home-intro-mob{
		height:auto;
	}
}

@media only screen and (min-width: 768px) {
	ul.pagination {
		margin-top: 15px;
		margin-bottom: 5px;
	}
}

/**********************
BlockQuote
*********************/

blockquote{
	display:block;
	background: #fff;
	padding: 15px 20px 15px 45px;
	margin: 0 0 20px;
	position: relative;

	/*Font*/
	font-family: Georgia, serif;
	font-size: 16px;
	line-height: 1.2;
	color: #666;
	text-align: justify;

	/*Borders - (Optional)*/
	border-left: 15px solid #e1a32e;
	border-right: 2px solid #e1a32e;

	/*Box Shadow - (Optional)*/
	-moz-box-shadow: 2px 2px 15px #ccc;
	-webkit-box-shadow: 2px 2px 15px #ccc;
	box-shadow: 2px 2px 15px #ccc;
}

blockquote::before{
	content: "\201C"; /*Unicode for Left Double Quote*/

	/*Font*/
	font-family: Georgia, serif;
	font-size: 60px;
	font-weight: bold;
	color: #999;

	/*Positioning*/
	position: absolute;
	left: 10px;
	top:5px;
}

blockquote::after{
	/*Reset to make sure*/
	content: "";
}


/**********************
Jog forms
*********************/
select{
    height: 40px;
    -webkit-appearance: none;
}

.form-box select {
    padding: 7px 5px;
}

.form-box select:hover {
    cursor: pointer;
}

.form-box .ui-combobox-button {
    width: 33px;
    height: 33px;
    padding: 7px 5px;
    border-radius: 0px;
    vertical-align: top;
}

.form-box .ui-combobox-input {
    padding: 5px;
    border-radius: 0px;
    height: 33px;
    width: calc(100% - 35px);
}

.ui-widget-content{
	z-index: 4000;
	max-height: 300px;
	overflow: auto;
}

.featured-img{
	margin-bottom: 10px;
}

.form-message{
	color: gray;
	font-style: italic;
	padding-bottom: 15px;
	padding-top: 15px;
}

#gform_confirmation_message_1 {
    line-height: 1.6;
}

article a > img.alignleft{
	float: left;
	margin-right: 10px;
	margin-top: 6px;
}


.highlighted-error{
	background: #fafafa;
	border-color: #999999 !important;
	outline: none !important;
	-webkit-box-shadow: 0 0 5px #999999 !important;
	-moz-box-shadow: 0 0 5px #999999 !important;
	 box-shadow: 0 0 5px #999999 !important;
	border-color: #999999 !important;
}

.gform_wrapper .gfield_radio li label{
	margin: -6px 0 0 4px !important;
}

.group-autocomplete .chosen-single{
    height: 40px !important;
    -webkit-appearance: none !important;
    background: white !important;
    border-radius: 0px !important;
    line-height: 40px !important;
}


/* Course Pages */
.course-filter {
	position: relative;
	height: auto;
	overflow: hidden;
	width: 100%;
	margin-top: 8px;
	background: #193f7b;
	color: #fff;
	padding: 12px 5px; }
.course-filter p.filter-by {
	margin-bottom: 6px;
	font-size: 0.875em; }
.course-filter label {
	color: #fff;
	font-weight: normal;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; }
.course-filter a.button {
	margin-bottom: 0;
	padding: 10px 20px;
	width: 100%; }

ul.course-list li{ list-style: none; }

ul.course-list {
	list-style: none;
	margin: 0 0 12px; }
ul.course-list li {
	padding: 15px;
	border-top: 1px solid #ddd; }
ul.course-list li h3 {
	margin-bottom: 8px; }
ul.course-list li h3 a {
	color: inherit;
	text-decoration: none; }
ul.course-list li p {
	margin-bottom: 6px; }
ul.course-list li .button {
	text-decoration: none;
	margin-top: 6px;
	margin-bottom: 0; }
ul.course-list li.odd {
	background: #f6f6f6; }
ul.course-list li.even {
	background: #fbfbfb; }

.article-course .course-details {
	margin-bottom: 18px; }
.article-course .course-details p {
	margin-bottom: 4px; }

ul.course-list-sidebar li h3 {
	margin-bottom: 0; }
ul.course-list-sidebar .duration {
	font-size: 0.75em;
	text-transform: uppercase;
	color: #c0002a; }

/* Club pages - Single club page */
.page-club-single h2 {
	border-bottom: none;
	font-weight: normal;
	margin-bottom: 4px;
	padding-bottom: 0; }
.page-club-single p.website-link {
	color: #cb6400; }
.page-club-single p.website-link a {
	color: inherit;
	text-decoration: underline; }
.page-club-single .article .accordion-map img {
	width: 100%; }
.page-club-single .article .accordion {
	background: #193f7b; }
.page-club-single .article .accordion p.title a {
	background: url(img/clubfinder-accordian-inactive.png) no-repeat right center; }
.page-club-single .article .accordion p.title a:hover {
	background: url(img/clubfinder-accordian-active.png) no-repeat right center; }
.page-club-single .article .accordion .active p.title a {
	background: url(img/clubfinder-accordian-active.png) no-repeat right center; }
.page-club-single .article .accordion .active p.title a:hover {
	background: url(img/images/clubfinder-accordian-close.png) no-repeat right center; }
.page-club-single .article .training-locations {
	margin-top: 0; }
.page-club-single .article .training-locations .result {
	margin-bottom: 0; }
.page-club-single .article .training-locations .number {
	background: #193f7b;
	border-color: #ddd;
	color: #fff; }
.page-club-single .article .training-locations h2 {
	font-size: 1em;
	color: #193f7b;
	margin-bottom: 0;
	font-weight: bold; }
.page-club-single .article .training-locations .address {
	font-size: 0.875em;
	margin-bottom: 2px;
	font-style: italic;
	color: #666; }
.page-club-single .article .training-locations .directions-link {
	color: #cb6400;
	font-size: 0.625em;
	font-weight: bold; }
.page-club-single .article .training-locations .directions-link a {
	text-transform: uppercase;
	color: inherit;
	text-decoration: none; }
.page-club-single .article .club-details {
	margin-top: 15px; }
.page-club-single .article .club-details h2 {
	padding-bottom: 8px;
	margin-bottom: 8px;
	border-bottom: 5px solid #193f7b; }
.page-club-single .article .club-details h3 {
	font-weight: bold;
	font-size: 1em; }
.page-club-single .article .club-details .contact-indent {
	margin-bottom: 20px; }
.page-club-single .article .club-details p {
	margin-bottom: 0; }
.page-club-single .article .club-details p.name {
	font-weight: bold; }
.page-club-single .article .club-details a {
	margin-bottom: 15px; }
.club-cta {
	background: #193f7b;
	padding: 15px;
	margin-bottom: 10px;
	position: relative;
	height: auto;
	overflow: hidden; }
.club-cta img {
	display: block;
	float: left; }
.club-cta h3 {
	text-align: center;
	color: #fff;
	width: 100%;
	margin-bottom: 4px; }
.club-cta a.button {
	background: #c0002a;
	float: right;
	margin-top: 15px;
	margin-bottom: 0; }

/* Athletes - grid layout */
.athletes-grid h1 {
	margin-left: 10px; }

.athletes-grid p {
	margin-left: 10px;
}

/*Vacancies */

ul.vacancy-list {
	margin: 0px;
	margin-bottom: 15px;
}

ul.vacancy-list li {
	list-style: none;
	box-sizing: border-box;
	padding: 23px 30px 20px 30px;
	border: 1px solid #eee;
	border-bottom: 5px solid #eee;
}

ul.vacancy-list h3 {
	background-color: #193f7b;
	padding: 20px 30px;
	width: calc(100% + 60px);
	margin-left: -30px;
	margin-top: -20px;
	}

ul.vacancy-list h3 a {
	color: white;
	font-weight: 700;
}

ul.vacancy-list p, ul.vacancy-list a {
	margin-bottom: 10px;
}

ul.vacancy-list a.button {
	margin-bottom: 0px;
}

.wp-caption.alignleft{
	padding-right: 20px;
}

.wp-caption-text {
    font-size: 12px;
    font-weight: 700;
    text-align: justify;
}

.jgs-spinner {
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.7);
	z-index: 10;
	display: none;
}
.jgs-spinner.on {display: block;}

.jgs-spinner .fa-spinner {font-size: 42px; color: #777; position: absolute; top: 30%; left: 45%;
	-webkit-animation:spin 1s linear infinite;
	-moz-animation:spin 1s linear infinite;
	animation:spin 1s linear infinite;
}
#jgs_newsession .jgs-spinner {height: 95%;}
#jgs_newsession .jgs-spinner .fa-spinner {top: 76%;}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

.help_text{
	font-size: 13px;
	color: #222222;
}