/*
Theme Name: New Forest Marathon
Version: 2015
Theme URI: http://newforestmarathon.co.uk
Description: Custom theme for New Forest Marathon
Author: Dennis Ridder / P&P Creative
*/

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, main {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* ---- Alignments ---- */
.space-top {margin-top: 2rem;}
.space-dtop {margin-top: 4rem;}
.space-bot {margin-bottom: 2rem;}
.space-dbot {margin-bottom: 4rem;}
.space-htop {margin-top: 1rem;}
.space-hbot {margin-bottom: 1rem;}
.nospace-bot { margin-bottom: 0;}


/* ---- Typography ---- */
.h1, .h2, .h3, .h4, .h5, .h6,
h1, h2, h3, h4, h5, h6 {
    font-family: 'Raleway', sans-serif;
    font-weight: normal;
    line-height: 2.2em;
    line-height: 2.2rem;
    margin-bottom: 1em;
    margin-bottom: 1rem;
}
.h1 strong, .h2 strong, .h3 strong, .h4 strong, .h5 strong, .h6 strong,
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong { font-weight: bold; }
.h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small,
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-size: 80%; }
.h1 a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; text-decoration: none; }

h1, .h1 { font-size: 1.875em; font-size: 1.875rem; font-weight: bold; }
h2, .h2 { font-size: 1.875em; font-size: 1.875rem; font-weight: bold; }
h3, .h3 { font-size: 1.375em; font-size: 1.375rem; }
h4, .h4 { font-size: 1.125em; font-size: 1.125rem; }
h5, h6 { font-size: 1em; font-size: 1rem; }

a { color: inherit; text-decoration: none; line-height: inherit; }
a:hover { color: inherit; text-decoration: underline; }

li, p { font-size: 0.875rem; margin-bottom: 1em; line-height: 1.375em; }
.page-template-page-home li, .page-template-page-home p { font-size: 1.125rem; }
p span {}
p .small { font-size: 0.875em; font-size: 0.875rem; }

sub, sup {font-size: 60%; line-height: 0; position: relative; vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
em, i { font-style: italic; line-height: inherit; }
strong, b { font-weight: bold; line-height: inherit; }
.small, small { font-size: 70%; line-height: inherit; }
.large { font-size: 120%; }

.alignleft { float: left; margin: 0 1rem 1rem 0; }
.alignright { float: left; margin: 0 0 1rem 1rem; }
.aligncenter { display: block; margin: auto; }

hr { border: solid #ddd; border-width: 3px 0 0; clear: both; margin: 2em 0 2em; margin: 2rem 0 2rem; height: 0; }

ol, ul, dl {
    list-style-position: inside;
    margin-left: 0;
    margin-bottom: 1em;
}
ol {
    list-style-position: outside;
    counter-reset: number;
}
ol > li { padding-left: 1.5rem; position: relative; }
ol > li:before { content: counter(number) ','; counter-increment: number; color: #86b940; position: absolute; left: 0.125rem; font-weight: 600; }
ul > li:before { content: '•'; color: #86b940; position: absolute; left: -.75rem; font-weight: 600; font-size: 1.5em; }
ol li ul, ul li ul, ul li ol { margin-left: 1em; margin-bottom: 0; }
ul.square {list-style-type: square;}
ul.circle {list-style-type: circle;}
ul.disc {list-style-type: disc;}
ul.no-bullet { list-style: none; }
li { margin-bottom: 0.5em; position: relative; }

/* #Foundation Styles
================================================== */
body { font-family: 'Raleway', sans-serif; height: 100%; background: #fff; color: #231f20; overflow-x: hidden; }
.row { max-width: 68rem; }
.page-template-page-wider-php .row { max-width: 69.25rem; }

button, .button { font-family: 'Raleway', sans-serif; font-size: 1.1875rem; font-weight: bold; border-radius: 2rem; padding: 0.875rem 1.75rem 0.825rem; background: #08aad6; transition: all 0.3s ease; }
button:hover, .button:hover { opacity:0.8; text-decoration: none; }

table { vertical-align: top; width: 100%; }
table td { vertical-align: middle; }

/* #Page Styles
================================================== */
#header { position: absolute; width: 100%; height: 13.25rem; top: 0; left: 0; z-index: 1000; background: #fff; margin-bottom: 1rem; box-shadow: 0 1px 2px rgba(0,0,0,0.2); }
.page-template-page-home #header { position: fixed; margin-bottom: 0; }
.page-template-page-home.admin-bar #header { top: 32px; }
#footer { position: relative; width: 100%; background: #95955d; min-height: 4rem; }
#footer .colophon { margin: 1.5rem 0; }
#footer .colophon p { font-size: 0.75rem; color: #fff; }
#footer .colophon a { color: #333; text-decoration: none; }
#footer .colophon a:hover { text-decoration: underline; }
#topbar { height: 10.5rem; }
#logo { margin: auto; text-align: center; }

@media only screen and (min-width: 40.063em) {.medium-6.column.right.text-center.countdown-wrap { width: 25%; }}

#countdown { display: block; margin: auto; max-width: 20rem; margin-top: 3rem; }
#countdown .digits { font-family: 'Digital-7',sans-serif; font-size: 2.3rem; }
#countdown .column { padding-left: 0.5rem; padding-right: 0.5rem; }
#countdown strong { text-transform: uppercase; font-size: 0.575rem; }
#countdown .the-date strong { display: block; margin-top: 0.625rem; margin-bottom: 0.75rem; font-size: 0.8rem; color: #7b7a34; }

#countdown-ii { display: block; margin: auto; max-width: 20rem; margin-top: 3rem; }
#countdown-ii .digits { font-family: 'Digital-7',sans-serif; font-size: 2.3rem; }
#countdown-ii .column { padding-left: 0.5rem; padding-right: 0.5rem; }
#countdown-ii strong { text-transform: uppercase; font-size: 0.575rem; }
#countdown-ii .the-date strong { display: block; margin-top: 0.625rem; margin-bottom: 0.75rem; font-size: 0.8rem; color: #7b7a34; }

.page-template-page-wider-php #main,
.page-template-default #main { min-height: 100%; padding-top: 13.25rem; padding-bottom: 4.5rem; margin-bottom: -4.5rem; }

#main-nav { width: 100%; text-align: center; }
#main-nav ul { list-style: none; width: 100%; margin: 0; position: relative; }
#main-nav ul li { display: inline-block; float: none; margin: 0 0.625rem; position: relative; }
#main-nav ul li:before { display: none; }
#main-nav ul li:first-child { margin-left: 0; }
#main-nav ul li:last-child { margin-right: 0; }
#main-nav ul li a { display: block; line-height: 1.25rem; color: #7b7a34; font-weight: bold; text-decoration: none; font-size: 0.875rem; padding: 0.75rem 0; text-transform: uppercase; }
#main-nav ul li.current-menu-ancestor > a,
#main-nav ul li.current > a,
#main-nav ul li.hover > a,
#main-nav ul li:hover > a { color: #cfdb27; }
#main-nav ul ul { position: absolute; visibility: hidden; opacity: 0; transition: all 0.2s ease; left: 0; top: 100%; background: #d8e15a; width: auto; z-index: 2; padding: 0.25rem 0; margin-top: -1px; box-shadow: 0.25rem 0.5rem 1rem rgba(0,0,0,0.125); width: 10rem; text-align: left; }
#main-nav ul ul li { margin: 0; min-width: 10rem; }
#main-nav ul ul li a { color: #222; font-size: 0.7rem; width: 100%; padding: 0.25rem 0.625rem; text-transform: none; }
#main-nav ul ul li.current_page_item > a,
#main-nav ul ul li a:hover { text-decoration: none; background: #7b7a34; color: #fff; }
#main-nav ul li.hover > ul,
#main-nav ul li:hover > ul { visibility: visible; opacity: 1; }
#main-nav ul.delay-on-mouseout { animation-delay: 1s; -webkit-animation-delay: 1s; -moz-animation-delay: 1s; }

.toggleMenu {
	display: inline-block;
	position: relative;
	background: #111;
	color: #fff;
	text-align: center;
	text-decoration: none;
	border: 1px solid rgba(255,255,255,0.05);
	z-index:1;
	text-rendering: geometricPrecision;
	padding: 0.5rem 0.625rem;
	margin: 1rem;
}
.toggleMenu:hover,
.toggleMenu:focus,
.toggleMenu:active { opacity: 0.8; }

.social { margin: 1.05rem 0 0; }
.social a { display: inline-block; overflow: hidden; text-indent: -9999px; text-align: left; background: url(images/social.png) 0 0 no-repeat; width: 2.5rem; height: 2.5rem; border-radius: 1px; margin: 0 0.25rem; }
.social a.facebook { background-position: 0 0; }
.social a.twitter { background-position: -53px 0; }
.social a.youtube { background-position: -106px 0; width: 3.375rem; }
.social a.instagram { background-position: -172px 0; }
.social a:hover { opacity: 0.8; }

.social.colour { text-align: center; }
.social.colour a { display: inline-block; background-image: url(images/social2.png); width: 3.875rem; height: 3.875rem; margin: 0.25rem 0.625rem; border-radius: 3px; }
.social.colour.block a { display: block; margin: 0 0 0.75rem; }
.social.colour a.facebook { background-position: 0 0; }
.social.colour a.twitter { background-position: 0 -79px; }
.social.colour a.youtube { background-position: 0 -158px; width: 3.875rem; }
.social.colour a.instagram { background-position: 0 -237px; width: 4rem; height: 4rem; }

.sponsors { margin: 0 0 1.5rem; vertical-align: top; }
.sponsors .pre { display: inline-block; vertical-align: top; line-height: 3.75rem; margin-right: 0.625rem; font-size: 0.925rem; }
.sponsors a { display: inline-block; margin: 0 0.375rem; }
.sponsors a.first { display: block; margin-bottom: 1.75rem; }
.sponsors img { width: auto; height: auto; max-width: 8rem; max-height: 3rem; }
/*.sponsors a.first img { width: 100%; height: auto; max-width: 26rem; }*/

.stretched-image,
#main-content .hentry .bg-image { background-size: cover; background-position: 50% 50%; min-height: 10rem; }
#main-content .hentry .overlay { height: 10rem; }
#main-content .hentry .footer .overlay { height: 15rem; }
.stretched-image img { display: block; visibility: hidden; width: 100%; height: auto; max-height: 50%; }
.stretched-image { max-height: 25rem; }
.no-ios7 .stretched-image { max-height: 25vh; }
.stretched-image.unlimited-stretch { max-height: none !important; }
.sponsor-banners img { display: inline-block; border: 4px solid #fff; }

.overlay-icon { display: inline-block; width: 5.125rem; height: 5.125rem; border-radius: 50%; background-position: 50% 50%; background-repeat: no-repeat; }
.page-id-24 .team-members img { border: 5px solid #90e21e; border-radius: 2px; }
.medium-green-line:after { content: ''; position: absolute; right: -20%; width: 3px; height: 92%; top: 3%; background: #95c125; }

.counter { font-family: 'Raleway', sans-serif; font-weight: bold; font-size: 3.75rem; line-height: 2em; }
.counter .thousand { margin: 0 0.125em; font-weight: normal; font-family: sans-serif; color: #fff; }
.counter .digit { display: inline-block; margin: 0 0.5rem; background: #6cbfe6; height: 1.5em; line-height: 1.75em; padding: 0 0.175em; position: relative; }
.counter .digit:after { content: ''; position: absolute; top: 50%; left: 0; width: 100%; height: 2px; background: #fff; opacity: 0.33; }

.google-map { max-width: 100%; }
.wpcf7 .screen-reader-response { display: none; }
.fb-like-box-container { background: #fff; width: 400px; max-width: 100%; overflow: hidden; }
.fb-like-box { background: #fff; max-width: 100%; overflow: hidden; }
.page-template-page-home .fb-like-box { border-radius: 8px; overflow: hidden; max-width: 100%; }

.ios7 .show-for-ios7 { display: inline-block!important; }
.ios7 #main-nav { position: absolute; padding: 0; padding-top: 1rem; background: none; position: relative; }
.ios7 #main-nav ul { position: absolute; display: none; margin: 0 !important; padding: 2rem 0; background: #d8e15a; height: auto; }
.ios7 #main-nav ul ul { position: relative; display: block; visibility: visible; opacity: 1; position: static; padding: 0; background: none; box-shadow: none; border: 0; margin: 0; width: 100%; text-align: center; height: auto; }
.ios7 #main-nav ul li { display: block; float: none; padding: 0 !important; margin: 0 0 1.25rem; }
.ios7 #main-nav ul li a { padding: 0; margin: 0; font-size: 1.125rem; line-height: 2rem; }
.ios7 #main-nav ul ul li { margin-bottom: 0; }
.ios7 #main-nav ul ul li a { padding: 0; margin: 0; font-size: 0.875rem; }
.ios7 #main-nav ul li a:hover,
.ios7 #main-nav ul ul li a:hover { color: #7b7a34; background: none; }
.ios7 #topbar,
.ios7 .page-template-page-home #header { height: auto; position: relative; margin-bottom: 0; }
.ios7 .parallax { padding-top: 0; }

.text-center iframe {
    display: inline-block;
}


/* #Parallax
================================================== */

.parallax {
    position: relative;
    padding-top: 10.25rem;
}

.parallax-group {
    position: relative;
    min-height: 100%;
    z-index: 1;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
}

.parallax-bg {
    visibility: hidden;
    width: 100%;
    height: 100%;
    min-height: 100%;
    z-index: 1;
    transition: all 0.8 ease;
}

.ios7 .parallax-group { background-size: none; background-attachment: scroll; }
.ios7 .parallax-bg { min-height: 0; }

.parallax-bg.no-margin-top {
    height: 0;
}

/*.parallax-anchor { position: absolute; margin-top: -8.75rem; }*/

.parallax-content {
    position: relative;
    width: 100%;
    min-height: 20rem;
    padding: 4rem 0;
    padding: 6% 0;
    background: rgba(22,22,22,0.8);
    color: #fff;
}

.parallax-content:not(.white-bg) h1,
.parallax-content:not(.white-bg) h2,
.parallax-content:not(.white-bg) h3,
.parallax-content:not(.white-bg) p { color: #fff; }

.parallax-extra-content {
    background: #fff;
    min-height: 20rem;
    padding: 4rem 0;
}

.parallax-group-4 .parallax-content.overlay { padding-bottom: 0; }
.parallax-group-4 + .parallax-extra-content { padding-top: 1rem; }


/* #Colours
================================================== */

.blue { color:#0e569d; }
.green { color: #86b940; }
.green2 { color: #5dc04b; }
.green2 { color: #5dc04b; }
.pink { color: #e6007e; }
.gold { color: #95955d; }
.red { color: #e53012; }
.darkgreen { color: #0b7432; }
.yellow { color: #fce500; }
.purple { color: #b7429d; }

.blue-bg:hover,
.blue-bg { background: #08aad6; }
.blue2-bg { background: #009fe3; }
.pink-bg:hover,
.pink-bg { background: #e6007e; }
.green-bg:hover,
.green-bg { background: #95c125; }
.red-bg:hover,
.red-bg { background: #e53012; }
.darkgreen-bg:hover,
.darkgreen-bg { background: #0b7432; }
.yellow-bg:hover,
.yellow-bg { background: #fce500; }
.purple-bg:hover,
.purple-bg { background: #b7429d; }
.button.yellow-bg { color: #111; }

.overlay.blue-bg { background: rgba(0,126,173,0.8); }
.overlay.green-bg { background: rgba(134,185,64,0.8); }
.overlay.pink-bg { background: rgba(219,35,136,0.7); }
.overlay.white-bg { background: rgba(255,255,255,0.9); }
.overlay.red-bg { background: rgba(229,48,18,0.8); }
.overlay.darkgreen-bg { background: rgba(11,116,50,0.8); }
.overlay.yellow-bg { background: rgba(252,229,0,0.7); }
.overlay.purple-bg { background: rgba(183,66,157,0.8); }

.overlay-icon.blue,
.overlay.blue-bg .overlay-icon { background-image: url(images/footprint/blue.png); }
.overlay-icon.green,
.overlay.green-bg .overlay-icon { background-image: url(images/footprint/green.png); }
.overlay-icon.pink,
.overlay.pink-bg .overlay-icon { background-image: url(images/footprint/pink.png); }
.overlay-icon.red,
.overlay.red-bg .overlay-icon { background-image: url(images/footprint/red.png); }
.overlay-icon.darkgreen,
.overlay.darkgreen-bg .overlay-icon { background-image: url(images/footprint/darkgreen.png); }
.overlay-icon.yellow,
.overlay.yellow-bg .overlay-icon { background-image: url(images/footprint/yellow.png); }
.overlay-icon.purple,
.overlay.purple-bg .overlay-icon { background-image: url(images/footprint/purple.png); }

.gallery { margin: 0 0 1rem; }
.gallery-item { padding: 1%; margin: 0 !important; }
.gallery-item img { width: 100%; height: auto; }
.gallery-item a { outline: none; }

@media screen and (min-width: 48em) {
    .gallery.non-wp .gallery-item {
        width: 20%;
    }
}

.gallery.non-wp .gallery-item:last-child {
    float: left;
}
.gallery.non-wp .gallery-item a {
    display: block;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}
.gallery.non-wp .gallery-item a:before {
    content: '';
    display: block;
    /*padding-top: 133.3333%;*/
    padding-top: 100%;
}

.training-zone-circle { width: 80%; margin-left: 10%; height: auto; overflow: hidden; background: #fff; border-radius: 50%; position: relative; }
.training-zone-circle:before { content: ''; position: absolute; top: 50%; left: 50%; border-radius: 50%; width: 16%; height: 16%; background: #fff; margin-left: -8%; margin-top: -8%; z-index: 1; background: #fff url(images/footprint/pink.png); background-size: 84% 84%; background-position: 50% 50%; background-repeat: no-repeat; }
.training-zone-circle .quarter { width: 50%; position: relative; }
.training-zone-circle .quarter:before { content: ''; display: block; padding-top: 100%; }
.training-zone-circle .quarter .inner { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #dee46c; text-transform: uppercase; transition: all 0.2s ease; }
.training-zone-circle .quarter p { position: absolute; top: 30%; width: 100%; text-align: center; font-size: 0.925rem; color: #545454; font-weight: 600; }
.training-zone-circle .quarter:hover p { color: #fff; }
.training-zone-circle .quarter p img { max-width: 30%; width: auto; height: auto; }
.training-zone-circle .first { float: left; }
.training-zone-circle .first .inner { bottom: 0.675rem; right: 0.675rem; }
.training-zone-circle .first:hover .inner { background-color: #d0db27; }
.training-zone-circle .first p { left: 10%; top: 38%; }
.training-zone-circle .second { float: right; }
.training-zone-circle .second .inner { bottom: 0.675rem; left: 0.675rem; }
.training-zone-circle .second p { right: 10%; top: 38%; }
.training-zone-circle .second p img { max-width: 30%; }
.training-zone-circle .second:hover .inner { background-color: #797934; }
.training-zone-circle .third { float: left; }
.training-zone-circle .third .inner { top: 0.675rem; right: 0.675rem; }
.training-zone-circle .third p { left: 10%; top: 12%; }
.training-zone-circle .third p img { max-width: 30%; }
.training-zone-circle .third:hover .inner { background-color: #d6e05a; }
.training-zone-circle .fourth { float: right; }
.training-zone-circle .fourth .inner { top: 0.675rem; left: 0.675rem; }
.training-zone-circle .fourth p { right: 12%; top: 12%; }
.training-zone-circle .fourth p img { max-width: 30%; }
.training-zone-circle .fourth:hover .inner { background-color: #85b840; }

.nhs-videos { }
.nhs-videos object { width: 100%; height: 203px; }

@media screen and (max-width: 40em) {
    .weather-forecast-iframe-1 {
        width: 100%;
        height: 780px;
    }
}

/* --- Race entries homepage --- */

.race-entries {
    width: 100%;
    clear: both;
    padding: 0 1em;
    margin-bottom: 1em;
    /*background: rgba(255,255,255,0.75);*/
    background: #fff;
    border-radius: 5em;
	text-align: center;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: flex-start;
    padding: 20px 0;
}

.race-entries:before,
.race-entries:after {
    content: '';
    display: table;
}

.race-entries .race {
    display: block;
    flex: none;
    /*display: inline-block;*/
    outline: 0;
    /*width: 14.2857143%;*/
    width: 14%;
    text-align: center;
    background-size: 76% auto;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}
.race-entries .race:hover {
    -webkit-transform: scale(1.01);
    transform: scale(1.01);
}

.race-entries .race.sold-out:before {
    content: "";
    position: absolute;
    padding-bottom: 18%;
    left: -10%;
    width: 120%;
    padding-top: 100%;
    background: url(images/entries/soldout.png) 50% 50% no-repeat;
    background-size: 98% auto;
}

.race-entries .race p{
    color: #000 !important;
    font-size: 12px;
    font-weight: 600;
    margin: 0;
}
.race-entries .race label{
    color: #e6007e;
    margin-top: 5px;
    font-size: 9px;
    font-weight: bold;
}

/*.race-entries .race.entry-full { background-image: url(/wp-content/uploads/2017/06/Full_Marathon-249x300-pp.png); }
.race-entries .race.entry-half { background-image: url(/wp-content/uploads/2018/03/Half-249x300-new-2018.png); }
.race-entries .race.entry-10k { background-image: url(/wp-content/uploads/2017/02/10K-249x300-new.png); }
.race-entries .race.entry-5k { background-image: url(/wp-content/uploads/2017/05/5K-249x300new.png); background-size: 78% auto; }
.race-entries .race.entry-corporate { background-image: url(/wp-content/uploads/2017/02/SES-249x300-new.png); }
.race-entries .race.entry-junior { background-image: url(/wp-content/uploads/2017/02/Junior-249x300-new.png); }
.race-entries .race.entry-woodland { background-image: url(/wp-content/uploads/2018/03/NFM-Woodland-Walk.png); }

.race-entries .race.entry-full { background-image: url(images/entries/full.png); background-size: 95% auto; }
.race-entries .race.entry-half { background-image: url(images/entries/half.png); background-size: 100% auto; width: 16%; }
.race-entries .race.entry-10k { background-image: url(images/entries/10k.png); background-size: 82% auto; }
.race-entries .race.entry-5k { background-image: url(images/entries/5k.png); background-size: 62% auto; }
.race-entries .race.entry-corporate { background-image: url(images/entries/corporate.png); background-size: 62% auto; }
.race-entries .race.entry-junior { background-image: url(images/entries/junior.png); background-size: 62% auto; }
.race-entries .race.entry-woodland { background-image: url(images/entries/woodland.png); background-size: 62% auto; }
*/
@media screen and (max-width: 47.999em) {
    .race-entries .race {
        width: 25%;
    }
}



/* #Magnific Popup zoom animation
================================================== */
.mfp-zoom-in {}
.mfp-zoom-in .mfp-content {
    opacity: 0;
    transition: all 0.2s ease-in-out;
    transform: scale(0.8);
    -moz-transform: scale(0.8);
    -webkit-transform: scale(0.8);
}
.mfp-zoom-in.mfp-bg {
    opacity: 0;
    transition: all 0.3s ease-out;
}
.mfp-zoom-in.mfp-ready .mfp-content {
    opacity: 1;
    transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    animation-delay: 0.5s;
}
.mfp-zoom-in.mfp-ready.mfp-bg {
    opacity: 0.8;
}
.mfp-zoom-in.mfp-removing .mfp-content {
    transform: scale(0.8);
    -webkit-animation-delay: 0.5s;
    -moz-transform: scale(0.8);
    -webkit-transform: scale(0.8);
    opacity: 0;
}
.mfp-zoom-in.mfp-removing.mfp-bg {
    opacity: 0;
}


/* #Media Queries
================================================== */

@media only screen and (min-width: 64.063em) {
    #main-content { min-height: 32rem; }
}

@media only screen and (min-width: 40.063em) {
    .no-ios7 .parallax-bg { min-height: 70vh; }
}

@media only screen and (min-width: 40.063em) and (max-width: 64.063em) {
    #main-content { min-height: 28rem; }

    #main-nav ul li:last-child > ul { left: auto; right: -0.625rem; }
}

@media only screen and (max-width: 40.063em) {
    .page-template-page-home #header,
    #topbar,
    #header { height: auto; position: relative; margin-bottom: 0; }

    #logo { max-width: 66%; }
    #footer { min-height: 10rem; }
    #main { width: 100%; overflow-x: hidden; }
    #topbar .space-dtop { margin-top: 2rem; }

    .parallax { padding-top: 0; }
    .page-template-page-wider-php #main,
    .page-template-default #main { padding-top: 0; }

    #main-nav { padding: 0; background: #d8e15a; }
    #main-nav ul { display: none; margin: 0 !important; padding: 2rem 0 1rem; }
    #main-nav ul ul { display: block; visibility: visible; opacity: 1; position: static; padding: 0; background: none; box-shadow: none; border: 0; margin: 0; width: 100%; text-align: center; }
    #main-nav ul li { display: block; float: none; padding: 0 !important; margin: 0 0 1.25rem; }
    #main-nav ul li a { padding: 0; margin: 0; font-size: 1.125rem; }
    #main-nav ul ul li { margin-bottom: 0; }
    #main-nav ul ul li a { padding: 0; margin: 0; font-size: 0.875rem; }
    #main-nav ul li a:hover,
    #main-nav ul ul li a:hover { color: #7b7a34; background: none; }

    .sponsors .pre { display: block; margin-right: 0; text-align: center; line-height: 2rem; }
    .medium-green-line:after { display: none; }

    .counter { font-size: 1.625rem; }
    .counter .thousand { margin: 0 3px; }
    .counter .digit { margin: 0 3px; }
    .counter .digit:after { opacity: 0.25; }

    .stretched-image { min-height: 10rem; }
    .parallax-bg { display: none; }

    .gallery-columns-4 .gallery-item {
        width: 50% !important;
        padding: 2%;
    }

    .training-zone-circle { width: 100%; margin-left: 0; }
    .training-zone-circle .quarter p { font-size: 0.75rem; top: 28%; }

    .nhs-videos object { width: inherit; }
}

@media only screen and (max-width: 20.063em) {
    .fb-like-box,
    .fb-like-box iframe { width: 16rem !important; }
    .training-zone-circle .quarter p { font-size: 0.625rem; }
}


/* #Font-Faces
==================================================
*/

@font-face {
    font-family: 'Digital-7';
    src: url('fonts/digital-7-webfont.eot');
    src: url('fonts/digital-7-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/digital-7-webfont.woff2') format('woff2'),
         url('fonts/digital-7-webfont.woff') format('woff'),
         url('fonts/digital-7-webfont.ttf') format('truetype'),
         url('fonts/digital-7-webfont.svg#digital-7regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Raleway';
    src: url('fonts/Raleway-Bold-webfont.eot');
    src: url('fonts/Raleway-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Raleway-Bold-webfont.woff2') format('woff2'),
         url('fonts/Raleway-Bold-webfont.woff') format('woff'),
         url('fonts/Raleway-Bold-webfont.ttf') format('truetype'),
         url('fonts/Raleway-Bold-webfont.svg#ralewaybold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Raleway';
    src: url('fonts/Raleway-Regular-webfont.eot');
    src: url('fonts/Raleway-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Raleway-Regular-webfont.woff2') format('woff2'),
         url('fonts/Raleway-Regular-webfont.woff') format('woff'),
         url('fonts/Raleway-Regular-webfont.ttf') format('truetype'),
         url('fonts/Raleway-Regular-webfont.svg#ralewayregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*