@charset "UTF-8";
/* CSS Document */

.clear {
	clear:both;
}

body {
	margin:0;
}

h1 {
	font-family: "ff-tisa-sans-web-pro", Arial, sans-serif;
	color: #005C81;
	padding: 10px 0 0 0;
	font-weight: bold;
	font-size:30px;
}

h2 {
	font-family: "ff-tisa-sans-web-pro", Arial, sans-serif;
	color: #005C81;
	font-size: 24px;
	font-weight: bold;
	font-style:italic;
	text-transform:uppercase;
}

h3 {
	font-family: "ff-tisa-sans-web-pro", Arial, sans-serif;
	color: #19AF55;
	font-size: 20px;
	font-weight: normal;
}

h4 {
	font-family: "ff-tisa-sans-web-pro", Arial, sans-serif;
	color: #19AF55;
	font-size: 36px;
	font-weight: bold;
	line-height: 20px;
	text-align: center;
	margin: 40px 0 30px 0;
}

a {
	color: #19AF55;
	text-decoration:none;
}

a:hover {
	color:#0093D5;
}

p {
	font-family: "ff-basic-gothic-web-pro", Arial, sans-serif;
	color:#4D4E4E;
	font-size: 14px;
	line-height: 19px;
}

ul {
	color:#00AD42;
	text-transform:uppercase;
	font-family: "ff-tisa-sans-web-pro", Arial, sans-serif;
	font-weight:bold;
	list-style:none;
}

ul a {
	color:#00AD42;
	text-decoration:none;
}

#header {
	background-image:url(../images/rrf/coloured-banner.png);
	background-repeat: repeat-x;
	overflow: hidden;
}

.wrapper {
	width:960px;
	margin:auto;
	text-align: center;
}

.content-wrapper {
	width: 920px;
	margin: auto;
}

#quote {
	background-color:#19AF55;
	height:96px;
	text-align: center;
	padding:10px;
	box-shadow: 1px -3px 10px rgba(0,0,0, 0.2);
}
#quote p {
	color: #fff;
	font-size: 23px;
	font-family: "ff-basic-gothic-web-pro", Arial, sans-serif;
	font-weight: 400;
	font-style: italic;
	line-height: 26px;
}

#content-left {
	width: 300px;
	float:left;
}

#content-left h2 {
	color: #fff;
	background-color: #009640;
	height: 30px;
	font-family: "ff-tisa-sans-web-pro", Arial, sans-serif;
	font-style:italic;
	padding: 12px 0 0 30px;
	text-align: left;
}

#content-left p {
	text-align: left;
	padding: 20px 30px 20px;
	font-size: 14px;
	width: 240px;
	background-color:#0093D5;
	background-color: rgba(0,147,213,0.9);
	color: #fff;
	margin: -20px 0 0 0;
}

#banner {
	background:url(../images/rrf/banner-2017.jpg) no-repeat 38%;
	height: 331px;
}
#title {
	position: absolute;
	right: 0;
	top: 128px;
	background-color: rgba(255,34,165,0.9);
	text-align: left;
}

#title .name {
	padding: 6px 0 0px 26px;
	margin: 15px 0 10px;
	color: #fff;
	font-style: italic;
	font-size: 22px;
	line-height: 30px;
}

#title .date {
	margin: 0 0 15px 0;
	color: #fff;
	font-style: italic;
	font-size: 18px;
	padding: 0 0 6px 26px;
}
#content-right {
	width: 260px;
	float: right;
	text-align: left;
}
#content-center {
	width: 230px;
	margin: auto;
	text-align: left;
	padding: 0 0 0 40px;

}
#content-center img {
	float: left;
	padding: 0 10px 10px 0;
}

#footer {
	overflow:hidden;
	margin: 50px 0 0 0;
}
#footer p {
	text-align: left;
	font-size: 16px;
	margin:0;
}

#footer .licence {
	text-align: center;
	font-size: 12px;
	color: #A2A2A2;
	margin: 30px 0 20px;
}

.footer-half {
	display: inline-block;
	clear: both;
	vertical-align: top;
	width:50%;
}

.footer-half .social-copy{
	width:44%;
}

.google, .apple {
	margin: 10px 0 0 0;
	float: left;
}

.facebook {
	margin-right: 20px !important;
	margin-top: 36px;
	float:left;
}

.twitter {
	margin-top: 46px;
	float:left;
}

#facebook {
	display: inline;
}
#facebook img {
	padding: 20px 10px 0 0;
}
#twitter {
	display: inline;
}
#countdown{
	height: 32px;
	width: 251px;
	text-align: center;
	background-color: #ffff01;
	padding: 8px 0 0 0;
}
p.time{
	font-family: "ff-basic-gothic-web-pro", Arial, sans-serif;
	font-weight:200;
	font-size: 19px;
    margin-top: 2px;
	color: #282828;
	font-style:italic;
}

p.time .cd-time{
	display:inline;
	font-family: "ff-basic-gothic-web-pro", Arial, sans-serif;
	font-weight:200;
	font-style:italic;
	font-size:14px;
	color:#282828;
}
p.time .cd-time2{
	display:inline;
	font-family: "ff-basic-gothic-web-pro", Arial, sans-serif;
	font-weight:200;
	font-style:italic;
	font-size:14px;
	color:#282828;
}
.contact {
	margin: 30px 0;
}
.email {
	border: 1px solid #CCCCCC;
	border-radius: 5px;
	width: 276px;
	height: 23px;
}
.send {
	background-color: #19AF55;
	border: none;
	color: #fff;
	border-radius: 6px;
	height: 27px;
	width: 80px;
	text-transform: uppercase;
	font-family: "ff-basic-gothic-web-pro", Arial, sans-serif;
	font-weight:200;
	font-size: 14px;
	padding: 2px 0 0 0;
	-webkit-transition: background 0.6s;
	-moz-transition: background 0.6s;
}
.send:hover {
	background-color:#0093D5;
	-webkit-transition: background 0.6s;
	-moz-transition: background 0.6s;
}

a.event-button{

    width: 150px;
    background-color:#19AF55;
    padding:10px;
    border-radius: 6px;
    display:block;
    font-family:"ff-basic-gothic-web-pro", Arial, sans-serif;
    text-decoration:none;
    margin: 0 auto;
    font-size:14px;
    color:#fff;
	-webkit-transition: background 0.6s;
	-moz-transition: background 0.6s;
}
a:hover.event-button{
    background-color:#0093D5;
    color:#fff;
}
.submit-details {
	background-color: #19AF55;
	border: none;
	color: #fff;
	border-radius: 6px;
    width: 180px;
	height: 42px;
	text-transform: uppercase;
    text-align: center;
	font-family: "ff-basic-gothic-web-pro", Arial, sans-serif;
	font-weight:200;
	margin: 20px 0;

	font-size: 15px;
	padding: 2px 0;
	-webkit-transition: background 0.6s;
	-moz-transition: background 0.6s;
}
.submit-details:hover {
	background-color:#0093D5;
	-webkit-transition: background 0.6s;
	-moz-transition: background 0.6s;
}
.promo {
	height:220px;
	position: relative;

}

h2.eventEntry {
	font-size: 16px;
	font-style: normal;
	color: #666666;
	text-transform:none;
}

.lo-doubleCol {
	width: 590px;
	float:left;
	min-height: 700px;
	padding: 0 30px 0 0;
}

#content-side {
	display: inline;
	width:290px;
	float:right;
}

.fb-like-box {
	padding: 40px 0;
}

.sliderWrapper {
	width: 290px;
	float: right;
	padding: 30px 0 0 0;
}

#footerBar {
	background-color:#19AF55;
	color:#fff;
	height:114px;
	padding: 6px 0 26px;
	margin: 40px 0 0 0;
}

#footerBar .wrapper {
	text-align:left;
	padding-bottom:20px;
}

#footerBar a {
	color:#fff;
}

#footerBar h3 {
	color:#fff;
	text-transform:uppercase;
	font-weight: bold;
	line-height: 10px;
	margin-bottom: 0px !important;
}

#footerBar ul {
	width: 190px;
	display:inline;
	list-style:none;
	font-family: "ff-basic-gothic-web-pro", Arial, sans-serif;
	font-weight:200;
}

#footerBar li {
	padding: 0 40px 10px 0;
    display:inline-block;
	vertical-align: middle;

}
#footerBar2 {
	background-color:#3d87b5;
	color:#fff;
	height: 115px;
	padding: 3px 0 28px;
}

#footerBar2 .wrapper {
	text-align:left;
}

#footerBar2 a {
	color:#fff;
}

#footerBar2 h3 {
	color:#fff;
	text-transform:uppercase;
	font-weight: bold;
	margin-bottom: 0px;
	font-size: 18px;
}

#footerBar2 ul {
	width: 190px;
	display:inline;
	list-style:none;
	font-family: "ff-basic-gothic-web-pro", Arial, sans-serif;
	font-weight:200;
}

#footerBar2 li {
	padding: 0 50px 10px 0;
	display: inline;
}

.register {
	text-align: center;
}

.seperator {
	padding: 20px 0 5px 0;
}

p.title {
	background-image:url('../images/featured-title.png');
	background-repeat:no-repeat;
	color: #fff;
	font-style: italic;
	padding: 10px 10px 10px 20px;
	font-size:17px;
}

.featured-home {
	background-image: url('../images/featured-bg.png');
	margin: -17px 0 0 0;
	padding: 20px;
}

.featured-home p {
	color:#fff;
}

.sidebar_box {height:500px;margin: 40px 0 50px 0;}
.sidebar_title {background-image:url('../images/featured-title.png');
	background-repeat:no-repeat;
	color: #fff;
	font-style: italic;font-family: "ff-basic-gothic-web-pro", Arial, sans-serif;padding:10px;}
.social_media_content .dcsnt-content{ width:300px; overflow:hidden;}
.social_media_content .static .social-tabs{ width:40px; padding:0px; margin:0px; float:left; height:auto !important; overflow:hidden; position:absolute; border:none;background-color: #005C81;}
.social_media_content .static .social-tabs li{ border-radius:0px; box-shadow:none; float:none; margin:0px; padding:6px 5px 6px 6px;-webkit-transition: all 0.15s;-moz-transition: all 0.15s;}
.social_media_content .active .social-tabs li.active{box-shadow:none; background-color:#01485E;}
.social_media_content .active.dcsnt .dcsnt-slider{ border-radius:0px; box-shadow:none; float:right; width:270px; border-top:none;margin: -11px 0 0 0;}
.social_media_content .static .tab-inner{ border-radius:0px;}
.social_media_content .dcsnt.static .controls{ left:50px; bottom:11px;}
.social_media_content .social-tabs li:hover {background-color:#009640;}


.mpu {
	padding: 230px 0 0 0;
}

#half-marathon-entry-button {
	margin: 10px 0 0 196px;
}

#entry_register_box {
	width:277px;
	background-color: #0093D5;
	border-radius:12px;
	display: inline-block;
	margin: 20px 15px 0 0;
}

#entry_register_box .title {
	padding: 20px;
	text-align: center;
}

#entry_register_box .title a {
	color:#fff;
	font-family: "ff-basic-gothic-web-pro", Arial, sans-serif;
	text-transform: uppercase;
	font-size: 22px;
}

#entry_register_box .register-button {
	background-color: #19AF55;
	border-bottom-left-radius: 16px;
	border-bottom-right-radius: 16px;
	height: 40px;
	text-align: center;
	padding: 15px 0 0 0;
	-webkit-transition: background 0.6s;
	-moz-transition: background 0.6s;
}

#entry_register_box .register-button:hover {
	background-color:#0093D5;
	}

	#entry_register_box .register-button a {
		color:#fff;
		font-family: "ff-basic-gothic-web-pro", Arial, sans-serif;
		font-style:italic;
		font-size: 18px;
	}

.newsletter_whole td {
	padding:0;
	background:none;
	padding-left:0;
}

.newsletter_whole a {
	color:#fff;
}

.newsletter_whole a:hover {
	color:#fff;
}
.newsletter_whole .white-link a {
	color:#fff;
	font-weight:bold;
	text-decoration:underline;
}

.newsletter_whole .white-link a:hover {
	color:#fff;
}

.newsletter_whole .dark-link a {
	color:#4D4E4E;
	font-weight:bold;
}
.newsletter_whole .dark-link a:hover {
	color:#4D4E4E;
}

.training-center__plans-item--10k,
.training-center__plans-item--half,
.training-center__plans-item--full {
		height: 325px;
		margin-bottom: 16px;
		border-top: #19AF55 8px solid;
		width: 590px;
		background: #ccc;
	}
	.training-center__plans-item--10k {
		background: url("../images/rrf/training-center__plans-bg-10k.jpg") no-repeat 0 0;

		}

		.training-center__plans-item--full {
			background: url("../images/rrf/training-center__plans-bg-full.jpg") no-repeat 0 0;

			}

		.training-center__plans-header, .training-center__plans-header--5k, .training-center__plans-header--10k, .training-center__plans-header--10mile, .training-center__plans-header--half, .training-center__plans-header--full {
		text-indent: -999px;
		overflow: hidden;
		width: 100%;
		height: 117px;
		margin: 0;
		padding: 0;
}

.training-center__plans-header--10k {
	background: url("../images/rrf/training-center__plans-header-10k.png") no-repeat 0 0;

}

.training-center__plans-header--full {
	background: url("../images/rrf/training-center__plans-header-full.png") no-repeat 0 0;
    background-position: top;

}

.training-center__plans-options {
margin: 0;
padding: 0;
margin-top: 50px;
list-style-type: none;
width: 100%;
}
.training-center__plans-options .level {
background: #0093D5;
float: left;
width: 290px;
height: 67px;
margin-left: 0;
position: relative;
}
.training-center__plans-options .level.mid {
margin-left: 10px;
}
.training-center__plans-options .level.right {
margin-top: 10px;
width: 100%;
}
.training-center__plans-options .level.right .label {
	margin-left: 196px;
}
.training-center__plans-options .level .label {
color: #fff;
font-size: 22px;
display: block;
float: left;
text-transform: uppercase;
width: 200px;
text-align: center;
margin-top: 23px;
font-family: "ff-basic-gothic-web-pro", Arial, sans-serif;
font-weight: 400;
}
.training-center__plans-options .level .options {
background: url("../images/rrf/training-centre-plans-panel-bg.png") no-repeat 0 0;
margin: 0;
padding: 0;
position: absolute;
right: 0;
width: 103px;
bottom: 0;
top: 0;
list-style: none;
color: #ffffff;
}
ul.options li a {
	color: #ffffff;
	float: right;
    margin: 22px 16px;
}
.training-center__plans-options .level .options .option-icon-PDF {
background-image: url("../images/rrf/training-center__icon-pdf.png");
}
.training-center__plans-options .level .options .option-icon-PDF {
display: inline-block;
height: 23px;
background-repeat: no-repeat;
background-position: 0 50%;
text-indent: 30px;
text-align: left;
font-size: 16px;
color: #2c4762;
line-height: 24px;
margin: 23px 0 0 27px;
color: #fff;
padding: 0;
text-decoration: none;
font-family: DinFontReg,sans-serif;
}
.training-center__plans-item--half {
background: url("../images/rrf/training-center__plans-bg-half.jpg") no-repeat 0 0;
}
.training-center__plans-header--half {
background: url("../images/rrf/training-center__plans-header-half.png") no-repeat 0 0;
}
#charity_list {
width: 700px;
}
#charity_list ul {
padding-left: 40px;
}

.banner {
	display: inline;
	float: left;
	padding-right: 12px;
}

.mpu2 {
	padding-top:40px;
}

/*p New*/
.alert {}
  .alert__container {
    position: relative;
    margin: 0 auto;
    overflow: hidden;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    box-sizing: border-box;
    min-height: 68px; }
		.alert__container p {
			text-transform: uppercase;
    	font-weight: bold;
			letter-spacing: 1px;
		}
    .alert__container:before {
      display: flex;
      align-items: center;
      position: absolute;
      top: 1em;
      bottom: 1em;
      left: 0;
      color: #fff;
      padding: .5em .75em;
      line-height: 1; }
  .alert__message {
    margin: 0;
		font-size: 0.7em !important; }
  .alert__feedback-block {
    width: 100%;
		font-size: 0.7em !important; }
    .alert__feedback-block + .alert__feedback-block {
      margin-top: .5em; }
  .alert__feedback-label {
    display: inline-block;
    font-family: titillium_webbold; }
  .alert--success p{
    color: #19AF55 !important; }
  .alert--error p{
    color: #c00 !important; }
  .alert .errorlist {
    display: inline-block;
    list-style: none;
    margin: 0; }
    .alert .errorlist li {
      line-height: 1; }


.newsletter {
  text-align: center;}
  .newsletter__form {
    text-align: center; }
  .newsletter__title {
    margin: 0 0 0.5em 0;
    text-transform: uppercase;
    font-family: titillium_webbold;
    font-size: 1em; }
  .newsletter__row * {
    box-sizing: border-box;
    float: left;
    height: 40px; }
  .newsletter__row input {
    width: 20%;
    float: left;
    padding: 8px; }
  .newsletter__row:after {
    clear: both;
    content: "";
    display: table; }
  .newsletter__submit {
    width: 2%;
    background-color: #cc0000;
    margin-bottom: 0;
    line-height: 1; }
    .newsletter__submit:after {
      margin-left: 0; }
    .newsletter__submit:hover {
      opacity: .7;
      background-color: #cc0000; }
  .newsletter__social-links {
    padding-top: 16px; }
    .newsletter__social-links a {
      color: white;
      margin-right: 6px;
      transition: all 0.15s ease-in;
      -webkit-transition: all 0.15s ease-in;
      -moz-transition: all 0.15s ease-in; }
      .newsletter__social-links a:last-child {
        margin-right: 0; }
      .site-footer .newsletter__social-links a:hover {
        text-decoration: none; }

				.subscribe * {
  box-sizing: border-box;
}

.subscribe {
  text-align: center;
  width: 33%;
	margin: 0 auto;
}

.subscribe #newsletter_form {
  padding: 10px 0;
  text-align: center;
}

.subscribe h1 {
  margin: 0 0 0.5em 0;
  text-transform: uppercase;
  font-size: 1em;
  line-height: 1.3em;
}

.subscribe input[type="email"] {
  width: 85%;
  float: left;
  padding: 8px;
  height: 40px;
}

.subscribe input[type="email"]:focus {
  -webkit-box-shadow: inset 0px 0px 1px #19AF55 !important;
  -moz-box-shadow: inset 0px 0px 1px #19AF55 !important;
  box-shadow: inset 0px 0px 1px #19AF55 !important;
	border: none;
  outline: none;
  padding: 8px 8px 8px 10px;
}

.subscribe button {
  width: 15%;
  margin-bottom: 0;
  line-height: 1;
  position: relative;
  z-index: 988;
  background-color: #19AF55;
  padding: 11px 20px 12px 20px;
  border: none;
  display: inline-block;
  color: #fff !important;
  margin-bottom: 10px;
  text-decoration: none !important;
  transition: all 0.09s ease-in;
  -webkit-transition: all 0.09s ease-in;
  -moz-transition: all 0.09s ease-in;
  -webkit-appearance: button;
  cursor: pointer;
  height: 40px;
}

.subscribe button:hover {
	background-color: #3d87b5;
}

.subscribe #send:after {
  margin-left: 10px;
  color: #fff !important;
  font-weight: 300;
}

.newsletter__social-links {
  padding-top: 16px;
  text-align: center;
}

.newsletter__social-links a {
  color: #3d87b5;
  margin-right: 6px;
  transition: all 0.15s ease-in;
  -webkit-transition: all 0.15s ease-in;
  -moz-transition: all 0.15s ease-in;
  padding: 1% 0.9% 1% 0.9%;
  width: 19px;
}

.newsletter__social-links a:hover {
	background-color: #19AF55;
	color: white;
	border: 1px solid #19AF55;
}

.perimeter {
  border: 1px solid;
  border-radius: 100%;
  padding: 1%;
  text-decoration: none;
}