/*
Theme Name: 43rd North Leeds Scout Group
Theme URI: http://www.malpas-scouts.org.uk
Author: Scout Websites
Author URI: https://www.scout-websites.co.uk
Version: 1.0
*/

/* CSS Reset */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }
audio, canvas, video { display: inline-block; }
audio:not([controls]) { display: none; height: 0; }
[hidden] { display: none; }
html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
body { margin: 0; }
a:focus { outline: thin dotted; }
a:active, a:hover { outline: 0; color: inherit; }
h1 { font-size: 2em; margin: 0.67em 0; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
dfn { font-style: italic; }
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }
mark { background: #ff0; color: #000; }
code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; }
pre { white-space: pre-wrap; }
q { quotes: "\201C" "\201D" "\2018" "\2019"; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
img { border: 0; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
legend { border: 0; padding: 0; }
button, input, select, textarea { font-family: inherit; font-size: 100%; margin: 0; }
button, input { line-height: normal; }
button, select { text-transform: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button[disabled], html input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; }
table { border-collapse: collapse; border-spacing: 0; }
a { outline: 0; }
a:focus { outline: none; }

/* Fonts */
@font-face { font-family:'TheSerifRegular'; font-style:normal; font-weight:normal; src:url('webfonts/theserif-5-regular-webfont.eot'); src:url('webfonts/theserif-5-regular-webfont.eot?iefix') format('eot'), url('webfonts/theserif-5-regular-webfont.woff') format('woff'), url('webfonts/theserif-5-regular-webfont.ttf') format('truetype'), url('webfonts/theserif-5-regular-webfont.svg#webfonta1HbO7Y1') format('svg'); }
@font-face { font-family:'TheSerifBold'; font-style:normal; font-weight:normal; src:url('webfonts/theserif-7-bold-webfont.eot'); src:url('webfonts/theserif-7-bold-webfont.eot?iefix') format('eot'), url('webfonts/theserif-7-bold-webfont.woff') format('woff'), url('webfonts/theserif-7-bold-webfont.ttf') format('truetype'), url('webfonts/theserif-7-bold-webfont.svg#webfontGcGJbjAt') format('svg'); }
@font-face { font-family:'TheSerifBlack'; font-style:normal; font-weight:normal; src:url('webfonts/theserif-9-black-webfont.eot'); src:url('webfonts/theserif-9-black-webfont.eot?iefix') format('eot'), url('webfonts/theserif-9-black-webfont.woff') format('woff'), url('webfonts/theserif-9-black-webfont.ttf') format('truetype'), url('webfonts/theserif-9-black-webfont.svg#webfontueG9g3la') format('svg'); }
@font-face { font-family:'TheSerifBlackCaps'; font-style:normal; font-weight:normal; src:url('webfonts/theserif-9-blackcaps-webfont.eot'); src:url('webfonts/theserif-9-blackcaps-webfont.eot?iefix') format('eot'), url('webfonts/theserif-9-blackcaps-webfont.woff') format('woff'), url('webfonts/theserif-9-blackcaps-webfont.ttf') format('truetype'), url('webfonts/theserif-9-blackcaps-webfont.svg#webfontyoFVNhBU') format('svg'); }

/* Main Site Styling */
body { background: #f6f6f6; font-family: 'Verdana'; }
.wrapper { width: 1000px; margin: 0 auto; }
h1, h2, h3, h4, h5, h6, strong, b { font-weight: normal; font-family: 'TheSerifBold'; }
.rotate { -webkit-transform: rotate(354deg); transform: rotate(354deg); -moz-transform: rotate(354deg); -o-transform: rotate(354deg); writing-mode: lr-tb; }
::selection { background: #5a3092; color: #fff; }
-moz::selection { background: #5a3092; color: #fff; }
.button { float: left; font-size: 23px; color: #fff; border: 3px solid #fff; background: none; text-decoration: none; padding: 10px 20px; font-family:'TheSerifBlack'; text-transform: uppercase; transition: all linear 0.2s; -webkit-transition: all linear 0.2s; -moz-transition: all linear 0.2s; -o-transition: all linear 0.2s; outline: 0; }
.button:hover, .button.white { background: #fff; color: #5a3092; }
.button.white:hover { background: none; color: #fff; }
.button.small { font-family:'TheSerifRegular'; text-transform: none; padding: 14px 30px; font-size: 15px; }
.button.blue { background: #1aa6d8; }
.button.blue:hover { background: #1c88a5; color: #fff; }
.button.green { background: #17a851; }
.button.green:hover { background: #137a3c; color: #fff; }
.button.scout_green { background: #789f2f; }
.button.scout_green:hover { background: #54721c; color: #fff; }
.button.dark_green { background: #005c29; color: #fff; border-color: #005c29; }
.button.dark_green:hover { background: #fff; color: #005c29; border-color: #fff; }
.button.purple { background: #5a3092; }
.button.purple:hover { background: #4c277e; color: #fff; }
.standard_dropdown { float: left; width: 100%; position: relative; }
.standard_dropdown .top { background: #fff; padding: 18px 24px; font-size: 20px; color: #5a3092; font-family: 'TheSerifRegular'; cursor: pointer; }
.standard_dropdown .top .arrow { width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #5a3092; position: absolute; top: 26px; right: 24px; }
.standard_dropdown ul { position: absolute; top: 60px; left: 0; width: 100%; background: #fff; padding: 0; margin: 0; list-style: none; display: none; }
.standard_dropdown ul li { float: left; width: 100%; text-indent: 24px; color: #5a3092; font-family: 'TheSerifRegular'; cursor: pointer; padding: 18px 0; border-top: 1px solid #eee; }
.standard_dropdown ul li:hover { background: #F9F9F9; }

/* Header */
header { float: left; width: 100%; padding: 15px 0; background: rgba(255,255,255,0.95); position: fixed; top: 0; left: 0; z-index: 15; }
header .logo { float: left; margin: 0; padding: 0; }

nav.primary { float: right; margin: 32px 0 0 0; position: relative; }
nav.primary .joinCircle { position: absolute; top: -16px; left: 143px; z-index: -10; }
nav.primary ul { float: left; margin: 0; padding: 0; list-style: none; }
nav.primary ul li { float: left; }
nav.primary ul li a { font-family: 'TheSerifBold'; font-size: 13px; color: #7e7d7d; text-transform: uppercase; text-decoration: none; margin: 0 0 0 27px; }
nav.primary ul li.menu-item-408 a { border-bottom: 1px dashed #7e7d7d; }
nav.primary ul li.current-menu-item a, nav.primary ul li a:hover, nav.primary ul li.current-page-ancestor a { color: #4d2177; }
.admin-bar header { margin-top: 32px; }

nav.primary.mobile { display: none; }

/* Responsive Bar */
.responsive_bar { float: left; width: 100%; background: #5a3092; padding: 15px 0; display: none; }
.responsive_bar h3 { margin: 0; font-size: 15px; color: #fff; float: left; }
.responsive_bar h3 a { color: #fff; text-decoration: none; }
.responsive_bar .menu { width: 30px; height: 18px; float: right; cursor: pointer; }
.responsive_bar .menu span { width: 100%; float: left; height: 2px; background: #fff; }
.responsive_bar .menu span.middle { margin: 6px 0; }

/* Homepage Hero / Feature */
.hero { float: left; width: 100%; height: 685px; border-bottom: 3px solid #5a3092; background: #000; position: relative; overflow: hidden; padding-top: 113px; }
.hero img.background { position: absolute; top: 100px; left: 0; z-index: 1; opacity: 0.60; }
.hero .call_to_action { float: left; width: 100%; position: relative; }
.hero .call_to_action .wrapper { position: relative; }
.hero .call_to_action .statement { float: left; position: relative; z-index: 2; margin: 140px 0 0 0; }
.hero .call_to_action .statement h1 { font-family:'TheSerifBlack'; font-size: 97px; line-height: 80px; color: #fff; margin: 0; }
.hero .call_to_action .statement h1 small { font-size: 27px; line-height: 100px; font-family: 'TheSerifBlackCaps'; } 
.hero .call_to_action .statement a { margin: 30px 15px 0 0; }
.hero .call_to_action .statement a.scout_green { border-color: #789f2f; }
.hero .call_to_action .statement a.scout_green:hover { border-color: #789f2f; }
.hero .call_to_action img.fleur { position: absolute; top: 6px; right: 0; z-index: 2; }
.hero .sections { float: left; width: 100%; padding: 40px 0; background: #fff; position: relative; z-index: 2; margin: 140px 0 0 0; }
.hero .sections h2 { float: left; margin: 0; font-size: 46px; line-height: 41px; color: #5a3092; font-family:'TheSerifBlack'; text-transform: uppercase; }
.hero .sections h2 span { display: block; color: #789f2f; }
.hero .sections .section_logos { float: right; margin: 20px 0 0 0; }
.hero .sections .section_logos a { float: left; margin: 0 0 0 30px; transition: all linear 0.2s; -webkit-transition: all linear 0.2s; -moz-transition: all linear 0.2s; -o-transition: all linear 0.2s; }
.hero .sections .section_logos a:hover { margin-top: -3px; }

/* Homepage */
.row { float: left; width: 100%; margin: 55px 0 0 0; }
.row.top { margin-top: 25px; }
.row .box { float: left; width: 400px; padding: 40px; background: #fff; }
.row .box.full_width { width: 920px; }
.row .box.right { float: right; }
.row .box h3 { margin: 0; font-size: 28px; color: #1aa6d8; font-family:'TheSerifBlack'; text-transform: uppercase; line-height: 28px; border-bottom: 1px solid #efefef; padding: 0 0 20px 0; }
.row .box h3 a { color: #1aa6d8; text-decoration: none; }
.row .box h3 span { font-size: 30px; color: #fff; background: #1aa6d8; border-radius: 100px; line-height: 28px; width: 31px; height: 31px; float: right; text-align: center; transition: all linear 0.2s; -webkit-transition: all linear 0.2s; -moz-transition: all linear 0.2s; -o-transition: all linear 0.2s; }
.row .box h3:hover span { background: #1c88a5; }
.row .box ul.feed { float: left; width: 100%; margin: 5px 0 0 0; padding: 0; list-style: none; }
.row .box ul.feed li { float: left; width: 100%; margin: 20px 0 0 0; }
.row .box ul.feed.gallery li { margin-top: 22px; }
.row .box ul.feed li a { color: #fff; text-decoration: none; }
.row .box ul.feed li a:hover .date { background: #1c88a5; }
.row .box ul.feed li .date { float: left; width: 83px; height: 83px; border-radius: 83px; background: #1aa6d8; text-align: center; transition: all linear 0.2s; -webkit-transition: all linear 0.2s; -moz-transition: all linear 0.2s; -o-transition: all linear 0.2s; }
.row .box ul.feed li .date h5 { font-size: 27px; line-height: 29px; font-family:'TheSerifRegular'; color: #fff; margin: 14px 0 0 0; }
.row .box ul.feed li .date h6 { font-size: 20px; line-height: 29px; font-family:'TheSerifRegular'; color: #fff; margin: 0; }
.row .box ul.feed li .contentArea { float: right; width: 290px; }
.row .box ul.feed li .contentArea h4 { font-size: 17px; font-family:'TheSerifRegular'; color: #1aa6d8; margin: 10px 0 8px 0; transition: all linear 0.2s; -webkit-transition: all linear 0.2s; -moz-transition: all linear 0.2s; -o-transition: all linear 0.2s; }
.row .box ul.feed li .contentArea h6 { font-size: 10px; line-height: 16px; color: #727f89; margin: 0 0 4px 0; font-family: 'Verdana'; }
.row .box ul.feed li .contentArea p { font-size: 10px; line-height: 16px; color: #727f89; margin: 0; }
.row .box ul.feed.news li .contentArea h4 { margin-bottom: 1px; margin-top: 5px; }
.row .box ul.feed.news li img { border: 2px solid #74a13a; transition: all linear 0.2s; -webkit-transition: all linear 0.2s; -moz-transition: all linear 0.2s; -o-transition: all linear 0.2s; }
.row .box ul.feed.news li { margin-top: 15px; }
.row .box ul.feed.news li:hover img { opacity: 0.8; }
.row .box.gallery h3 a { color: #9c3f93; }
.row .box.gallery h3 span { background: #9c3f93; }
.row .box.gallery h3:hover span { background: #773074; }
.row .box.gallery ul.feed li { width: auto; margin-right: 16px; }
.row .box.gallery ul.feed li img { border: 3px solid #9c3f93; width: 116px; height: auto; transition: all linear 0.2s; -webkit-transition: all linear 0.2s; -moz-transition: all linear 0.2s; -o-transition: all linear 0.2s; }
.row .box.gallery ul.feed li.last { margin-right: 0; }
.row .box.gallery ul.feed li:hover img { opacity: 0.8; }
.row .box.call_to_action { background: #cb1740; padding: 30px 25px; width: 950px; position: relative; overflow: hidden; }
.row .box.call_to_action a { color: #fff; text-decoration: none; }
.row .box.call_to_action h4 { float: left; margin: 10px 0 0 0; font-size: 33px; line-height: 30px; color: #fff; font-family:'TheSerifBlack'; text-transform: uppercase; position: relative; z-index: 2; }
.row .box.call_to_action h4 span { display: block; }
.row .box.call_to_action h5 { float: left; margin: 3px 0 0 60px; font-size: 27px; line-height: 32px; color: #fff; font-family:'TheSerifRegular'; width: 500px; }
.row .box.call_to_action h5 span { display: block; font-size: 39px; font-family:'TheSerifBold'; line-height: 40px; }
.row .box.call_to_action .link { font-size: 54px; color: #fff; background: rgba(255,255,255,0.5); line-height: 48px; border-radius: 53px; width: 53px; height: 53px; float: right; text-align: center; transition: all linear 0.2s; -webkit-transition: all linear 0.2s; -moz-transition: all linear 0.2s; -o-transition: all linear 0.2s; font-family:'TheSerifBlack'; margin: 12px 0 0 0; }
.row .box.call_to_action a:hover .link, .row .box.call_to_action .link:hover { background: rgba(255,255,255,0.3); }
.row .box.call_to_action .fleur { position: absolute; top: -30px; left: 0; z-index: 1; }
.row .box.green h3 { margin-bottom: 4px; }
.row .box.green h3 a { color: #74a13a; }
.row .box.green h3 span { background: #74a13a; }
.row .box.green h3:hover span { background: #74a13a; }
.row .box.green ul.feed li .contentArea h4 { color: #74a13a; }
.row .box.purple h3 a { color: #582482; }
.row .box.purple h3 span { background: #5a3092; }
.row .box.purple h3:hover span { background: #431d68; }
.row .box.dark_green h3 a { color: #005c29; }
.row .box.dark_green h3 span { background: #005c29; }
.row .box.dark_green h3:hover span { background: #005c29; }
.row .box > .content_area h6 { font-size: 13px; line-height: 19px; margin: 20px 0 0 0; font-weight: bold; color: #582482; font-family: 'Verdana'; }
.row .box > .content_area p { font-size: 13px; line-height: 19px; margin: 20px 0 0 0; color: #582482; font-family: 'Verdana'; }
.row .box > .content_area p strong { font-family: 'Verdana'; font-weight: bold; }
.row .box > .content_area a.big_link { font-family:'TheSerifBlack'; font-size: 19px; float: right; text-decoration: none; text-transform: uppercase; margin: 20px 0 0 0; color: #59348f; }
.row .box > .content_area a.big_link:hover { color: #442772; }
.row .box.call_to_action.newsletter_signup { background: #5a3092; padding-top: 20px; padding-bottom: 20px; }
.row .box.call_to_action.newsletter_signup h4 { margin-top: 26px; }
.row .box.call_to_action.newsletter_signup h6 { font-size: 29px; line-height: 35px; color: #fff; font-family:'TheSerifRegular'; width: 140px; float: right; margin: 0 10px 0 0; }
.row .box.call_to_action.newsletter_signup .link { margin-top: 27px; }
.row .box.call_to_action form { float: left; width: 380px; margin: 8px 0 0 50px; }
.row .box.call_to_action form label { color: #fff; font-size: 23px; font-family:'TheSerifRegular'; margin: 0 0 10px 0; float: left; width: 100%; }
.row .box.call_to_action form input[type=text] { background: #fff; font-size: 18px; color: #5a3092; font-family: 'TheSerifRegular'; border: 0; padding: 13px 20px; width: 268px; outline: 0; float: left; }
.row .box.call_to_action form input[type=text].ErrorField { background: #ffdddd; }
.row .box.call_to_action form input[type=submit] { border: 0; width: 47px; float: left; height: 47px; background: #74a23a; outline: 0; transition: all linear 0.2s; -webkit-transition: all linear 0.2s; -moz-transition: all linear 0.2s; -o-transition: all linear 0.2s; font-size: 30px; color: #fff; }
.row .box.call_to_action form input[type=submit]:hover { background-color: #5c7525; }
.row .box .center { float: left; width: 100%; text-align: center; margin: 30px 0 0 0; }
.row .box .center .button { float: none; display: inline-block; }
.row .box.training { background: #7b3623; }
.row .box.training h2 { float: left; margin: 19px 0 0 0; font-size: 40px; line-height: 36px; color: #fff; font-family:'TheSerifBlack'; text-transform: uppercase; }
.row .box.training h2 span { display: block; }
.row .box.training .details { float: left; margin: 0 0 0 60px; width: 430px; }
.row .box.training .details h5 { font-size: 22px; font-family:'TheSerifRegular'; color: #fff; margin: 0 0 4px 0; }
.row .box.training .details h6 { font-size: 12px; line-height: 21px; color: #fff; margin: 0 0 6px 0; font-family: 'Verdana'; }
.row .box.training .details p { font-size: 12px; line-height: 21px; color: #fff; margin: 0; }
.row .box.training h4 { font-size: 29px; line-height: 35px; color: #fff; font-family:'TheSerifRegular'; width: 115px; float: right; margin: 0 10px 0 0; text-transform: none; }
.row .box.training .link { margin-top: 25px; }
.row .box.gallery { padding: 0; background: none; width: 100%; }
.row .box.gallery h3 a { color: #5a3092; }
.row .box.gallery h3 span { background: #5a3092; }
.row .box.gallery h3:hover span { background: #431d68; }
.row .box.gallery ul.feed li { width: auto; margin-right: 16px; }
.row .box.gallery ul.feed li img { border: 4px solid #fff; width: 145px; height: auto; transition: all linear 0.2s; -webkit-transition: all linear 0.2s; -moz-transition: all linear 0.2s; -o-transition: all linear 0.2s; }
.row .box.gallery ul.feed li.last { margin-right: 0; }
.row .box.gallery ul.feed li:hover img { opacity: 0.8; }
.row .box.chief_scout { position: relative; }
.row .box.chief_scout .chief_scout_photo { position: absolute; bottom: 0; right: 0; z-index: 1; width: 260px; }
.row .box.chief_scout h5 { font-size: 40px; line-height: 35px; font-family:'TheSerifBlack'; text-transform: uppercase; margin: 15px 0 0 0; color: #5a3092; position: relative; z-index: 2; }
.row .box.chief_scout h5 span { color: #789f2f; }
.row .box.chief_scout small { font-family:'TheSerifRegular'; font-size: 15px; margin: 57px 0 0 0; color: #5a3092; float: left; }
.row .box.call_to_action.newsletter_signup { background: #5a3092; padding-top: 20px; padding-bottom: 20px; }
.row .box.call_to_action.newsletter_signup h4 { margin-top: 26px; }
.row .box.call_to_action.newsletter_signup h6 { font-size: 29px; line-height: 35px; color: #fff; font-family:'TheSerifRegular'; width: 140px; float: right; margin: 0 10px 0 0; }
.row .box.call_to_action.newsletter_signup .link { margin-top: 27px; }
.row .box.call_to_action form { float: left; width: 380px; margin: 8px 0 0 50px; }
.row .box.call_to_action form label { color: #fff; font-size: 23px; font-family:'TheSerifRegular'; margin: 0 0 10px 0; float: left; width: 100%; }
.row .box.call_to_action form input[type=text] { background: #fff; font-size: 18px; color: #5a3092; font-family: 'TheSerifRegular'; border: 0; padding: 13px 20px; width: 268px; outline: 0; float: left; }
.row .box.call_to_action form input[type=text].ErrorField { background: #ffdddd; }
.row .box.call_to_action form input[type=submit] { border: 0; width: 47px; float: left; height: 47px; background: #74a23a; outline: 0; transition: all linear 0.2s; -webkit-transition: all linear 0.2s; -moz-transition: all linear 0.2s; -o-transition: all linear 0.2s; font-size: 30px; color: #fff; }
.row .box.call_to_action form input[type=submit]:hover { background-color: #5c7525; }
.row .box .center { float: left; width: 100%; text-align: center; margin: 30px 0 0 0; }
.row .box .center .button { float: none; display: inline-block; }

.row .box.international { background: #5a3092; }
.row .box.international h2 { margin-top: 11px; }
.row .box.international .details img { float: left; margin: 0 30px 0 0; border: 3px solid #fff; transition: all linear 0.2s; -webkit-transition: all linear 0.2s; -moz-transition: all linear 0.2s; -o-transition: all linear 0.2s; }
.row .box.international .details img:hover { opacity: 0.8; }
.row .box.international .details h5 { float: none; margin: 5px 0 0 0; }
.row .box.international .link { margin-top: 41px; }

.row .box ul.feed.twitter li { padding: 0 0 0 40px; width: auto; float: none; display: block; margin-bottom: 42px; background: url(images/twitter_bird.png) no-repeat left 4px; background-size: 22px 18px; -webkit-background-size: 22px 18px; -moz-background-size: 22px 18px; -o-background-size: 22px 18px; }
.row .box ul.feed.twitter li p { font-size: 14px; line-height: 19px; margin: 0; }
.row .box ul.feed.twitter li p a { color: #582482; }
.row .box ul.feed.twitter li p a:hover { border-bottom: 1px dotted #582482; }
.row .box ul.feed.twitter li small { color: #727f88; font-size: 9px; float: right; margin: 10px 0 0 0; }

/* Footer */
footer { background: url(images/footer_background.png) no-repeat center top; height: 280px; float: left; width: 100%; background-size: 6000px 280px; -webkit-background-size: 6000px 280px; -moz-background-size: 6000px 280px; -o-background-size: 6000px 280px; margin: 175px 0 0 0; }
footer .wrapper { position: relative; }
footer .slogan { position: absolute; top: -130px; right: 0; font-size: 39px; font-family:'TheSerifBlack'; text-transform: uppercase; color: #5a3092; }
footer .slogan span { color: #789f2f; }
footer img.sign { position: absolute; top: -23px; left: 0; }
footer .main_content { float: left; margin: 115px 0 0 0; width: 100%; }
footer .main_content .column { float: left; margin: 0 100px 0 0; }
footer .main_content .column h4 { font-size: 20px; color: #fff; font-family:'TheSerifBold'; margin: 0 0 10px 0; }
footer .main_content .column ul { margin: 0; padding: 0; list-style: none; }
footer .main_content .column a { color: #fff; text-decoration: none; font-size: 13px; line-height: 25px; clear: left; float: left; border-bottom: 1px dotted transparent; }
footer .main_content .column a:hover { border-bottom-color: #fff; }
footer .main_content .twitter_feed { float: right; width: 290px; padding: 20px; border-radius: 10px; background: #91b465; margin: -15px 0 0 0; position: relative; }
footer .main_content .twitter_feed h5 { margin: 0 0 10px 0; font-size: 14px; color: #fff; font-family:'TheSerifBold'; }
footer .main_content .twitter_feed h5 a { color: #fff; text-decoration: none; }
footer .main_content .twitter_feed h5 a:hover { border-bottom: 1px dotted #fff; }
footer .main_content .twitter_feed p { margin: 0 0 5px 0; color: #fff; font-size: 13px; line-height: 16px; }
footer .main_content .twitter_feed p a { color: #fff; }
footer .main_content .twitter_feed p a:hover { text-decoration: none; }
footer .main_content .twitter_feed small { color: #fff; font-size: 11px; float: right; }
footer .main_content .twitter_feed img.twitter_bird { position: absolute; top: 17px; right: 17px; transition: all linear 0.2s; -webkit-transition: all linear 0.2s; -moz-transition: all linear 0.2s; -o-transition: all linear 0.2s; }
footer .main_content .twitter_feed img.twitter_bird:hover { opacity: 0.8; }
footer .main_content .twitter_feed span.arrow { position: absolute;bottom: -20px;left: 15px; height: 0;border-left: 0;border-right: 40px solid transparent; border-top: 20px solid #91b465; }
.bottom_bar { background: #5d5d5d; float: left; width: 100%; padding: 16px 0; position: relative; }
.bottom_bar p { float: left; color: #fff; font-size: 12px; margin: 0; }
.bottom_bar p.right { float: right; }
.bottom_bar p a { color: #fff; border-bottom: 1px solid #fff; text-decoration: none; }
.bottom_bar p a:hover { border-bottom: none; }
.bottom_bar .click_ceop { position: absolute; top: 8px; left: 50%; width: 85px; margin-left: -42px; height: 30px; }
.bottom_bar .click_ceop img { width: 85px; height: auto; }

/* Overlay Search */
.site_search { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(89,52,143,0.97); z-index: 10; display: none; }
.site_search .close { position: fixed; top: 20px; right: 40px; color: #fff; font-size: 50px; cursor: pointer; }
.site_search .container { position: fixed; top: 50%; left: 50%; margin: -120px 0 0 -400px; width: 800px; text-align: center; }
.site_search .container input[type=text] { float: left; width: 100%; padding: 0; border: 0; background: none; color: #fff; font-family:'TheSerifRegular'; font-size: 60px; text-align: center; margin: 40px 0 0 0; outline: 0; }

/* Overlay Joining Form */
.joining_form { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(89,52,143,0.97); z-index: 100; display: none; }
.joining_form .close { position: fixed; top: 20px; right: 40px; color: #fff; font-size: 50px; cursor: pointer; }
.joining_form .container { position: fixed; top: 50%; left: 50%; margin: -290px 0 0 -290px; width: 580px; height: 580px; border-radius: 580px; background: #fff; }
.joining_form .container h3, .joining_form .container h6 { text-align: center; font-family:'TheSerifBlack'; text-transform: uppercase; font-size: 70px; margin: 92px 0 0 0; color: #5a3092; }
.joining_form .container h6 { font-size: 38px; color: #789f2f; margin: -5px 0 0 0; }
.joining_form .container form { width: 440px; margin: 20px auto 0 auto; }
.joining_form .container form input[type=text] { background: #efefef; font-size: 14px; color: #5a3092; font-family: 'TheSerifRegular'; border: 0; padding: 13px 20px; width: 175px; outline: 0; float: left; margin: 0 10px 10px 0; }
.joining_form .container form input[type=text].right { margin-right: 0; }
.joining_form .container form input[type=text].full_width { width: 400px; margin-right: 0; }
.joining_form .container form .center { float: left; width: 100%; text-align: center; margin: 10px 0 0 0; }
.joining_form .container form .center .button { float: none; }
.joining_form .container form input[type=text].ErrorField { background: #ffdddd; }

/* Internal Banner */
.banner { float: left; width: 100%; height: 428px; border-bottom: 3px solid #5a3092; background: #000; position: relative; overflow: hidden; }
.banner img.background { position: absolute; top: 0; left: 0; z-index: 1; opacity: 0.65; }
.banner .call_to_action { float: left; width: 100%; position: relative; }
.banner .call_to_action .wrapper { position: relative; }
.banner .call_to_action .statement { float: left; position: relative; z-index: 2; margin: 188px 0 0 0; width: 100%; }
.banner .call_to_action .statement h1 { font-family:'TheSerifBlack'; text-transform: uppercase; font-size: 92px; line-height: 69px; color: #fff; margin: 0; }
.banner .call_to_action .statement h4 { font-family:'TheSerifBlack'; text-transform: uppercase; font-size: 40px; line-height: 51px; color: #fff; margin: 10px 0 0 0; }

/* Standard Content Page */
.container .main_content { float: right; width: 620px; margin: 55px 0 0 0; }
.container .main_content.full_width { width: 100%; float: left; }
.container .main_content h2 { font-size: 36px; color: #5a3092; font-family:'TheSerifBlack'; text-transform: uppercase; margin: 0 0 5px 0; }
.container .main_content h2 span { color: #789f2f; }
.container .main_content h3 { font-size: 20px; line-height: 30px; color: #5a3092; font-family:'TheSerifBold'; margin: 30px 0 20px 0; }
.container .main_content h3 span { color: #789f2f; }
.container .main_content h4 { font-size: 20px; line-height: 30px; color: #999; font-family:'TheSerifBold'; margin: 0 0 20px 0; }
.container .main_content h6 { font-size: 18px; line-height: 26px; color: #333; font-family:'TheSerifRegular'; margin: 15px 0 20px 0; }
.container .main_content p { font-size: 13px; line-height: 19px; color: #333; margin: 0 0 20px 0; }
.container .main_content p a { color: #5a3092; text-decoration: none; font-weight: bold; }
.container .main_content p a:hover { color: #74a23a; }
.container .main_content p strong, .container .main_content p b { font-family: 'Verdana'; font-weight: bold; }
.container .main_content ul, .container .main_content ol { margin: 25px 0; }
.container .main_content ul li, .container .main_content ol li { font-size: 13px; line-height: 19px; color: #333; margin: 0 0 8px 0; }
.container .main_content ul li a, .container .main_content ol li a { text-decoration: none; color: #333; }
.container .main_content ul li a:hover, .container .main_content ol li a:hover { border-bottom: 1px dotted #333; }
.container .main_content ul li ul { margin: 10px 0 15px 0; }
.container .main_content .alignleft { float: left; margin: 0 30px 20px 0; border: 4px solid #fff; }
.container .main_content .alignright { float: right; margin: 0 0 20px 30px; border: 4px solid #fff; }
.container .main_content .alignnone.size-full { float: left; margin: 0 30px 20px 0; border: 4px solid #fff; width: 100%; height: auto; }
.container .main_content .wp-caption { width: auto!important; }
.container .main_content .wp-caption p { text-align: center; margin: 0; padding: 5px 0 3px 0; background: #fff; }
.container .main_content .wp-video { width: 100%!important; height: auto; }
.container .main_content .members_password_form { padding: 45px; background: #fff; margin: 0 auto; width: 500px; text-align: center; }
.container .main_content .members_password_form p { margin: 30px 50px 10px 50px; height: 45px; }
.container .main_content .members_password_form p input[type=password] { float: left; border: 0; background: #eee; font-family: 'TheSerifRegular'; padding: 14px 20px; font-size: 15px; width: 259px; outline: 0; color: #5a3092; }
.container .main_content .members_password_form p input[type=submit] { border: 0; }

/* Sidebar */
.container .sidebar { float: left; width: 320px; margin: 35px 0 0 0; }
.container .sidebar h3 { margin: 0; background: #74a23a; color: #fff; font-size: 20px; font-family:'TheSerifRegular'; text-indent: 20px; padding: 16px 0 14px 0; }
.container .sidebar .sub_navigation { margin: 0 0 30px 0; float: left; width: 100%; }
.container .sidebar ul { float: left; width: 80%; margin: 0; padding: 10%; padding-bottom: 10px; list-style: none; background: #fff; }
.container .sidebar ul li { float: left; width: 100%; }
.container .sidebar ul li a { color: #5a3092; font-family:'TheSerifRegular'; font-size: 16px; text-decoration: none; float: left; width: 100%; border-top: 1px solid #ededed; padding: 18px 0; }
.container .sidebar ul li a:hover, .container .sidebar ul li.current-menu-item > a { color: #74a23a; }
.container .sidebar .sub_navigation > div > ul > li:first-child > a { border-top: 0; padding-top: 0; }
.container .sidebar ul ul { padding: 0; width: 100%; }
.container .sidebar ul ul li a:before { content: "- "; }
.container .sidebar .sub_navigation > div > ul > li > ul > li { text-indent: 20px; }
.container .sidebar .sub_navigation > div > ul > li > ul > li > ul > li { text-indent: 40px; }
.container .sidebar .big_button { float: left; width: 100%; background: #5a3092; color: #fff; font-size: 20px; font-family:'TheSerifRegular'; text-indent: 20px; padding: 18px 0 16px 0; text-decoration: none; position: relative; }
.container .sidebar .big_button span { font-size: 33px; color: #fff; background: rgba(255,255,255,0.5); line-height: 30px; border-radius: 33px; width: 33px; height: 33px; text-align: center; transition: all linear 0.2s; -webkit-transition: all linear 0.2s; -moz-transition: all linear 0.2s; -o-transition: all linear 0.2s; font-family:'TheSerifBlack'; text-indent: 0; position: absolute; top: 12px; right: 20px; }
.container .sidebar .big_button:hover span { background: rgba(255,255,255,0.3); }

/* News */
.container ul.news_list { float: left; width: 100%; margin: 20px 0 0 0; padding: 0; list-style: none; }
.container ul.news_list.other { padding: 40px 0 0 0; border-top: 1px solid #eee; margin-top: 30px; }
.container ul.news_list li { float: left; width: 475px; margin: 0 50px 40px 0; }
.container ul.news_list li.even { margin-right: 0; }
.container ul.news_list li a { text-decoration: none; }
.container ul.news_list li .image_container { float: left; width: 238px; position: relative; overflow: hidden; }
.container ul.news_list li .image_container img { float: left; transition: all linear 0.2s; -webkit-transition: all linear 0.2s; -moz-transition: all linear 0.2s; -o-transition: all linear 0.2s; }
.container ul.news_list li:hover .image_container img { opacity: 0.8; }
.container ul.news_list li .details { background: #fff; padding: 25px; float: right; width: 187px; height: 161px; }
.container ul.news_list li .details h5 { font-family: 'TheSerifRegular'; font-size: 18px; line-height: 26px; color: #5a3092; margin: 0; }
.container ul.news_list li .details h6 { font-family: 'Verdana'; font-size: 13px; line-height: 19px; color: #999; margin: 5px 0 0 0; }
.container ul.news_list li .details p { font-family: 'Verdana'; font-size: 13px; line-height: 19px; color: #333; margin: 9px 0 0 0; }
.container ul.news_list li.featured { width: 100%; margin-right: 0; height: 310px; overflow: hidden; position: relative; background: #000; }
.container ul.news_list li.featured img.background { position: absolute; z-index: 1; top: 0; left: 0; opacity: 0.6; }
.container ul.news_list li.featured .tagline { position: relative; z-index: 2; margin: 25px 0 0 0; text-indent: 40px; padding: 14px 30px 14px 0; font-size: 18px; font-family:'TheSerifRegular'; background: rgba(255,255,255,0.8); float: left; transition: all linear 0.2s; -webkit-transition: all linear 0.2s; -moz-transition: all linear 0.2s; -o-transition: all linear 0.2s; color: #5a3092; }
.container ul.news_list li.featured:hover .tagline { text-indent: 50px; }
.container ul.news_list li.featured h5 { font-size: 35px; font-family:'TheSerifBold'; margin: 25px 20px 0 40px; position: relative; z-index: 2; color: #fff; float: left; clear: left; }
.container ul.news_list li.featured h6 { font-family: 'TheSerifRegular'; font-size: 18px; line-height: 26px; color: #fff; position: relative; z-index: 2; float: left; clear: left; margin: 15px 0 0 40px; width: 520px; }
.container ul.news_list li.featured .button { position: relative; z-index: 2; clear: left; float: left; margin: 20px 0 0 40px; padding: 9px 40px; }

/* Events */
.container ul.events_list { float: left; width: 100%; margin: 20px 0 0 0; padding: 0; list-style: none; }
.container ul.events_list.other { padding: 40px 0 0 0; border-top: 1px solid #eee; margin-top: 30px; }
.container ul.events_list li { float: left; width: 475px; margin: 0 50px 40px 0; background: #fff; }
.container ul.events_list li.even { margin-right: 0; }
.container ul.events_list li a { text-decoration: none; }
.container ul.events_list li .date { float: left; margin: 20px; background: #5a3092; width: 100px; height: 100px; border-radius: 100px; text-align: center; transition: all linear 0.2s; -webkit-transition: all linear 0.2s; -moz-transition: all linear 0.2s; -o-transition: all linear 0.2s; }
.container ul.events_list li .date h5 { color: #fff; margin: 14px 0 4px 0; font-size: 32px; font-family: 'TheSerifRegular'; }
.container ul.events_list li .date h6 { color: #fff; margin: 0; font-size: 24px; font-family: 'TheSerifRegular'; }
.container ul.events_list li .content_area h5 { font-family: 'TheSerifRegular'; font-size: 19px; color: #5a3092; margin: 28px 20px 10px 0; }
.container ul.events_list li .content_area p { font-size: 11px; color: #727F89; line-height: 18px; margin: 0 20px 0 0; }
.container ul.events_list li:hover .date { background: #4c277e; }

@media only screen and (min-width: 740px) {
	.container ul.events_list li.featured { width: 100%; margin-right: 0; }
	.container ul.events_list li.featured .date { width: 210px; height: 210px; border-radius: 210px; margin: 40px; }
	.container ul.events_list li.featured .date h5 { font-size: 69px; margin-top: 30px; }
	.container ul.events_list li.featured .date h6 { font-size: 50px; }
	.container ul.events_list li.featured .content_area h5 { font-size: 29px; margin-top: 60px; }
	.container ul.events_list li.featured .content_area h5 span { font-family:'TheSerifBold'; }
	.container ul.events_list li.featured .content_area p { font-size: 16px; line-height: 27px; margin-bottom: 20px; }
}

/* Gallery */
.container ul.gallery_list { float: left; width: 100%; margin: 50px 0 0 0; padding: 0; list-style: none; transition: all linear 0.2s; -webkit-transition: all linear 0.2s; -moz-transition: all linear 0.2s; -o-transition: all linear 0.2s; }
.container ul.gallery_list.waiting { opacity: 0.1; }
.container ul.gallery_list li { float: left; margin: 0 38px 38px 0; border: 3px solid #fff; position: relative; }
.container ul.gallery_list li img { float: left; }
.container ul.gallery_list li.last { margin-right: 0; }
.container ul.gallery_list li .overlay { position: absolute; top: 0; left: 0; z-index: 2; background: rgba(90,48,146,0.8); width: 100%; height: 100%; text-align: center; opacity: 0; transition: all linear 0.2s; -webkit-transition: all linear 0.2s; -moz-transition: all linear 0.2s; -o-transition: all linear 0.2s; }
.container ul.gallery_list li .overlay p { color: #fff; margin: 31px 0 0 0; font-size: 123px; font-family: 'TheSerifRegular'; }
.container ul.gallery_list li:hover .overlay { opacity: 1; }

/* Filters */
.container .filters { float: left; width: 100%; margin: 10px 0 0 0; position: relative; z-index: 10; }
.container .filters .filter { float: left; width: 320px; }
.container .filters .filter.middle { margin: 0 20px; }

/* Load More */
.container .load_more { float: left; width: 100%; text-align: center; margin: 40px 0 70px 0; }
.container .load_more .button { float: none; font-size: 18px; padding: 18px 80px; }

/* No Results */
.container .no_results { float: left; width: 100%; margin: 30px 0 20px 0; text-align: center; display: none; }
.container .no_results h3 { font-size: 26px; line-height: 34px; color: #5a3092; font-family:'TheSerifBold'; margin: 50px 0 20px 0; }
.container .no_results h5 { font-size: 18px; line-height: 26px; color: #333; font-family:'TheSerifRegular'; margin: 15px 0 20px 0; }

/* Contact Us */
.container .contact_left { float: left; width: 430px; margin: 25px 0 0 0; }
.container .contact_left .area { float: left; background: #fff; width: 100%; margin: 0 0 30px 0; }
.container .contact_left .area > h3 { margin: 0; background: #74a23a; color: #fff; font-size: 20px; font-family:'TheSerifRegular'; text-indent: 20px; padding: 16px 0 14px 0; }
.container .contact_left .area .content_area { padding: 0 30px 10px 30px; }
.container .contact_left .area .content_area h3 { margin-bottom: 5px; }
.container .contact_left .area .map { float: left; width: 100%; }
.container .contact_left .area .map iframe { float: left; }
.container .contact_left ul.social { margin: 0 0 20px 0; padding: 0; float: left; list-style: none; }
.container .contact_left ul.social li { margin-right: 0; padding-right: 0; border-right: 0; margin-right: 5px; float: left; }
.container .contact_left ul.social li a { float: left; width: 27px; height: 27px; background: url(images/contact_social_links.png) no-repeat 0px 0px; background-size: 154px 27px; -webkit-background-size: 154px 27px; -moz-background-size: 154px 27px; -o-background-size: 154px 27px; transition: all linear 0.2s; -webkit-transition: all linear 0.2s; -moz-transition: all linear 0.2s; -o-transition: all linear 0.2s; }
.container .contact_left ul.social li a.twitter { background-position: -32px 0px; }
.container .contact_left ul.social li a.youtube { background-position: -64px 0px; }
.container .contact_left ul.social li a.instagram { background-position: -96px 0px; }
.container .contact_left ul.social li a.rss { background-position: -128px 0px; }
.container .contact_left ul.social li a:hover { border-bottom: 0; opacity: 0.7; }
.container .contact_form { float: right; width: 440px; padding: 45px; background: #fff; margin: 25px 0 0 0; }
.container .contact_form h3 { font-size: 25px; font-family:'TheSerifBold'; margin: 0 0 16px 0; }
.container .contact_form .field { float: left; width: 100%; margin: 0 0 30px 0; }
.container .contact_form .field label { font-weight: bold; font-size: 13px; color: #333; float: left; width: 100%; margin: 0 0 10px 0; }
.container .contact_form .field input, .container .contact_form .field textarea { background: #f4f4f4; color: #5a3092; font-family:'TheSerifRegular'; font-size: 20px; border: 0; padding: 14px 5%; width: 90%; float: left; outline: 0; }
.container .contact_form .field textarea { height: 133px; max-height: 163px; min-height: 133px; max-width: 90%; min-width: 90%; }
.container .contact_form input[type=submit] { float: right; }
.container .contact_form .field input.ErrorField, .container .contact_form .field textarea.ErrorField { background: #ffdddd; }

/* Nearest Group */
.container .custom_search { float: left; width: 100%; border-top: 1px solid #ededed; margin: 0; padding: 0; list-style: none; }
.container .custom_search li { float: left; width: 100%; border-bottom: 1px solid #ededed; padding: 25px 0 15px 0; }
.container .custom_search li .title { float: left; width: 100%; }
.container .custom_search li .title img { float: left; margin: 2px 25px 20px 0; }
.container .custom_search li .title h3 { margin: 0; float: left; }
.container .custom_search li .title h3 a { text-decoration: none; font-weight: normal; color: #5a3092; }
.container .custom_search li .title h3 a:hover { color: #74a23a; }
.container .custom_search li .title h3 span { display: block; color: #a3a3a3; line-height: 17px; font-size: 16px; }
.container .custom_search li .title .distance { float: right; width: 50px; height: 50px; border-radius: 50px; background: #5a3092; text-align: center; }
.container .custom_search li .title .distance p { color: #fff; font-family:'TheSerifRegular'; font-size: 16px; line-height: 17px; margin: 8px 0 0 0; }
.container .custom_search li .title .distance p span { display: block; font-size: 12px; }

/* Training Calendar */
ul.training_feed { float: left; width: 100%; margin: 0; padding: 0; list-style: none; }
ul.training_feed li { float: left; width: 100%; margin: 20px 0 0 0; }
ul.training_feed li a { color: #fff; text-decoration: none; }
ul.training_feed li a:hover .date { background: #5f822c; }
ul.training_feed li .date { float: left; width: 75px; height: 85px; background: #74a23a; text-align: center; transition: all linear 0.2s; -webkit-transition: all linear 0.2s; -moz-transition: all linear 0.2s; -o-transition: all linear 0.2s; }
ul.training_feed li .date h5 { font-size: 27px; line-height: 29px; font-family:'TheSerifRegular'; color: #fff; margin: 14px 0 0 0; }
ul.training_feed li .date h6 { font-size: 20px; line-height: 29px; font-family:'TheSerifRegular'; color: #fff; margin: 0; }
ul.training_feed li .contentArea { float: right; width: 215px; }
ul.training_feed li .contentArea h4 { font-size: 17px; font-family:'TheSerifRegular'; color: #74a23a; margin: 12px 0 8px 0; transition: all linear 0.2s; -webkit-transition: all linear 0.2s; -moz-transition: all linear 0.2s; -o-transition: all linear 0.2s; }
ul.training_feed li .contentArea h4 a { color: #74a23a; }
ul.training_feed li .contentArea h4 a:hover { color: #5f822c; }
ul.training_feed .contentArea h6 { font-size: 10px; line-height: 16px; color: #727f89; margin: 0 0 4px 0; font-family: 'Verdana'; }
ul.training_feed .contentArea p { font-size: 10px; line-height: 16px; color: #727f89; margin: 0; }
ul.training_feed .contentArea p a { color: #74a23a; text-decoration: none; font-weight: bold; }
ul.training_feed .contentArea p a:hover { color: #5f822c; }

.training_left { float: left; width: 320px; margin: 40px 40px 0 0; padding: 40px; background: #fff; }
.training_left h3 { font-size: 25px; color: #74a23a; font-family:'TheSerifBold'; margin: 0 0 10px 0; }
.training_left p { font-size: 13px; line-height: 19px; color: #333; margin: 0 0 5px 0; }
.training_right { float: right; width: 560px; background: #fff; margin: 40px 0 0 0; }
.training_right .top_bar { float: left; width: 100%; background: #59348e; padding: 20px 0; }
.training_right .top_bar .arrow { display: inline-block; font-size: 35px; font-family: 'TheSerifBlackCaps'; color: #fff; text-decoration: none; margin: 4px 30px 0 30px; line-height: 21px; }
.training_right .top_bar .arrow:hover { opacity: 0.4; }
.training_right .top_bar h4 { display: inline-block; margin: 0; color: #fff; font-family: 'TheSerifBold'; font-size: 25px; width: 388px; text-align: center; }
.training_right table { float: left; width: 100%; }
.training_right table.waiting td { opacity: 0.3; }
.training_right table tr { border-top: 1px solid #fff; }
.training_right table td, .training_right table th { background: #dbd5e3; width: 41px; height: 68px; color: #333; font-size: 20px; text-align: center; position: relative; }
.training_right table td.has_event .circle { position: absolute; top: 10px; left: 15px; width: 50px; height: 51px; border-radius: 100%; background: #74a23a; z-index: 1; }
.training_right table td.has_event .date { position: relative; z-index: 2; }
.training_right table thead th { font-weight: bold; background: #dcdcdc; }
.training_right table tr:nth-child(odd) td:nth-child(even) { background: #d0c7db; }
.training_right table tr:nth-child(even) td:nth-child(odd) { background: #d0c7db; }
.training_right table td.prev-next { background: #efecf4!important; color: #c2c0c7!important; cursor: default; pointer-events: none; }
.training_right table tr:nth-child(odd) td:nth-child(6), .training_right table tr:nth-child(even) td:nth-child(6) { background: #bcafcf; }
.training_right table tr:nth-child(odd) td:nth-child(7), .training_right table tr:nth-child(even) td:nth-child(7) { background: #b5a6cb; }
.training_right table td.has_event { cursor: pointer; color: #fff; }
.training_right table td.has_event:hover { background: #59348e!important; color: #fff; }
.training_right table td.prev-next.has_event { color: #333; }
.training_right table td.prev-next.has_event .circle { display: none; }
.training_base { float: right; width: 480px; margin: 50px 0 0 0; padding: 40px; background: #fff; position: relative; display: none; }
.training_base .arrow { position: absolute; top: -30px; left: 50%; width: 0; height: 0;  border-left: 28px solid transparent; border-right: 28px solid transparent; border-bottom: 30px solid #fff; margin-left: -28px; }
.training_base h3 { font-size: 25px; color: #74a23a; font-family:'TheSerifBold'; margin: 0 0 10px 0; }
.training_base ul.training_feed li .contentArea { width: 375px; }

/* Brand Update */
@font-face {
    font-family: 'TheSerifLight';
    src: url('webfonts/theseriflight-plain-webfont.eot');
    src: url('webfonts/theseriflight-plain-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfonts/theseriflight-plain-webfont.woff2') format('woff2'),
         url('webfonts/theseriflight-plain-webfont.ttf') format('truetype'),
         url('webfonts/theseriflight-plain-webfont.svg#the_serif_light-regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
.rotate { -webkit-transform: rotate(0deg); transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); writing-mode: lr-tb; }
.hero { height: 710px; }
.hero .call_to_action .wrapper { width: 90%; padding: 0 5%; max-width: 1000px; }
.hero .call_to_action .statement { width: 100%; text-align: center; }
.hero .call_to_action .statement h1 { font-size: 65px; line-height: 56px; } 
.hero .call_to_action .statement p { font-family: 'TheSerifLight'; color: #fff; font-size: 25px; line-height: 33px; width: 600px; margin: 30px auto 0 auto; }
.hero .call_to_action .statement a { float: none; display: inline-block; margin-left: 6px; margin-right: 6px; }
.banner .call_to_action .statement { margin-top: 220px; }
.banner .call_to_action .statement h4 { font-family: 'TheSerifLight'; text-transform: none; margin-top: 25px; }

/* Coloured Events */
.row .box ul.feed li.colour-beaver-scouts .date { background: #fdce00; }
.row .box ul.feed li.colour-beaver-scouts .contentArea h4 { color: #fdce00; }
.row .box ul.feed li.colour-beaver-scouts:hover .date { background: #fdce00; opacity: 0.7; }
.row .box ul.feed li.colour-cub-scouts .date { background: #88a427; }
.row .box ul.feed li.colour-cub-scouts .contentArea h4 { color: #88a427; }
.row .box ul.feed li.colour-cub-scouts:hover .date { background: #88a427; opacity: 0.7; }
.row .box ul.feed li.colour-scouts .date { background: #124851; }
.row .box ul.feed li.colour-scouts .contentArea h4 { color: #124851; }
.row .box ul.feed li.colour-scouts:hover .date { background: #124851; opacity: 0.7; }
.row .box ul.feed li.colour-explorer-scouts .date { background: #1b2d50; }
.row .box ul.feed li.colour-explorer-scouts .contentArea h4 { color: #1b2d50; }
.row .box ul.feed li.colour-explorer-scouts:hover .date { background: #1b2d50; opacity: 0.7; }
.container ul.events_list li.colour-beaver-scouts .date { background: #fdce00; }
.container ul.events_list li.colour-beaver-scouts .content_area h5 { color: #fdce00; }
.container ul.events_list li.colour-beaver-scouts .content_area .button { background: #fdce00; }
.container ul.events_list li.colour-beaver-scouts .content_area .button:hover { background: #fdce00; opacity: 0.7; }
.container ul.events_list li.colour-cub-scouts .date { background: #88a427; }
.container ul.events_list li.colour-cub-scouts .content_area h5 { color: #88a427; }
.container ul.events_list li.colour-cub-scouts .content_area .button { background: #88a427; }
.container ul.events_list li.colour-cub-scouts .content_area .button:hover { background: #88a427; opacity: 0.7; }
.container ul.events_list li.colour-scouts .date { background: #124851; }
.container ul.events_list li.colour-scouts .content_area h5 { color: #124851; }
.container ul.events_list li.colour-scouts .content_area .button { background: #124851; }
.container ul.events_list li.colour-scouts .content_area .button:hover { background: #124851; opacity: 0.7; }
.container ul.events_list li.colour-explorer-scouts .date { background: #1b2d50; }
.container ul.events_list li.colour-explorer-scouts .content_area h5 { color: #1b2d50; }
.container ul.events_list li.colour-explorer-scouts .content_area .button { background: #1b2d50; }
.container ul.events_list li.colour-explorer-scouts .content_area .button:hover { background: #1b2d50; opacity: 0.7; }

/* Fancybox */
.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; }
.fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; }
.fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.fancybox-opened { z-index: 8030; }
.fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); }
.fancybox-outer, .fancybox-inner { position: relative; }
.fancybox-inner { overflow: hidden; }
.fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; }
.fancybox-error { color: #444; font: 14px/20px "Helvetica Neue", Helvetica,Arial, sans-serif; margin: 0; padding: 15px; white-space: nowrap; }
.fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; }
.fancybox-image { max-width: 100%; max-height: 100%; }
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('images/fancybox/fancybox_sprite.png'); }
#fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; }
#fancybox-loading div { width: 44px; height: 44px; background: url('images/fancybox/fancybox_loading.gif') center center no-repeat; }
.fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; }
.fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url('images/fancybox/blank.gif'); -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; }
.fancybox-prev { left: 0; }
.fancybox-next { right: 0; }
.fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; }
.fancybox-prev span { left: 10px; background-position: 0 -36px; }
.fancybox-next span { right: 10px; background-position: 0 -72px; }
.fancybox-nav:hover span { visibility: visible; }
.fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; }
.fancybox-lock { overflow: hidden !important; width: auto; }
.fancybox-lock body { overflow: hidden !important; }
.fancybox-lock-test { overflow-y: hidden !important; }
.fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url('images/fancybox/fancybox_overlay.png'); }
.fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; }
.fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; }
.fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; }
.fancybox-opened .fancybox-title { visibility: visible; }
.fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; }
.fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px;         border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; }
.fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; }
.fancybox-title-inside-wrap { padding-top: 10px; }
.fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('images/fancybox/fancybox_sprite@2x.png'); background-size: 44px 152px; }
	#fancybox-loading div { background-image: url('images/fancybox/fancybox_loading@2x.gif'); background-size: 24px 24px; }
}