/*
Theme Name: Maryport Street Baptist Chapel
Theme URI: http://maryportstreetbaptist.org.uk/
Author: Cloud 10
Author URI: https://www.cloudtencreative.co.uk
Developers: Suzanne Lowery
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%; color: #222; -webkit-font-smoothing: antialiased; line-height: 1.4; }
body { margin: 0; }
a:focus { outline: thin dotted; }
a:active, a:hover { outline: 0; }
abbr[title] { border-bottom: 1px dotted; }
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; padding: 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; }
input[type="submit"] { -webkit-transition: 0.2s; transition: 0.2s; }
input, textarea { -webkit-appearance: none; border-radius: 0; outline: none; }
select option[disabled] { display: 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; -webkit-transition: 0.3s; transition: 0.3s; }
a:focus { outline: none; }


/* FONTS
---------------------------------------------------------------------------------- */

@font-face {
    font-family: 'nexa_boldregular';
    src: url('fonts/nexa_free_bold-webfont.woff2') format('woff2'),
         url('fonts/nexa_free_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'nexa_lightregular';
    src: url('fonts/nexa_free_light-webfont.woff2') format('woff2'),
         url('fonts/nexa_free_light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}



/* GLOBAL
---------------------------------------------------------------------------------- */

body { font-family: 'nexa_lightregular'; background: #EFECE6; letter-spacing: 0.02em;}
body#tinymce {  padding: 3% !important; width: 94%; background: #fff !important;}
body#tinymce p { margin-bottom: 25px;}
body#tinymce ul { margin-left: 20px;} 
.clear { clear: both;}
.left, .alignleft { float: left;}
.right, .alignright { float: right;}
.alignleft { margin: 0 30px 30px 0;}
.alignright { margin: 0 0 30px 30px;}
.aligncenter { display: block; margin: 0 auto;}
p, li { margin: 0; padding: 0; font-size: 16px; line-height: 24px; color: #231F20;}
ul { margin: 0; padding: 0;}
li { list-style: none;}
a, textarea, li, input, label, blockquote, select { color: #323435; outline: none; letter-spacing: 0.05em;}
input { border: 1px solid transparent; outline: none; font-size: 15px;line-height: 18px;}
input.ErrorField, textarea.ErrorField, select.ErrorField { border-bottom: 1px solid #B22026 !important;}
label { font-size: 15px;line-height: 18px;}
strong { font-family: 'nexa_boldregular'; font-weight: normal;}
strong.caps { text-transform: capitalize;}
em { font-style: italic; }
blockquote { font-weight: normal; font-size: 1em; line-height: 1.4; color: #000; width: 100%; padding: 0 0 0 90px; }
::-moz-selection { background-color: #A3D4F9; color: #fff; }
::selection { background-color: #A3D4F9; color: #fff; }


/* General Styles */
.wrapper { width: 1100px; margin: 0 auto;}
.overlay { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; background: rgba(51,51,51,0.5);}
.overlay.white { background: rgba(255,255,255,0.7);}
img.bg { position: absolute; left: 0; top: 0; width: 100%; height: auto; z-index: 0; max-width: none;}


/* Wordpress Styles */
.wp-caption { border: 1px solid #000; text-align: center; padding: 10px; margin: 0 0 20px; overflow: hidden; }
.wp-caption a { border: none; }
.wp-caption img { margin: 0 0 10px 0; padding: 0; border: 0 none; display: block; width: 100%; height: auto; -webkit-transition: 0.2s; transition: 0.2s; }
.wp-caption a:hover img { opacity: 0.9; }
.wp-caption p.wp-caption-text { font-size: 12px; margin: 0; padding: 0; }
.alignleft, img.alignleft { float: left; margin: 0 30px 20px 0; }
.alignright, img.alignright { float: right; margin: 0 0 20px 30px; }
.aligncenter, img.aligncenter { display: block; margin: 0 auto 20px; }


/* Clearfix */
.cf:before, .cf:after { content: " "; display: table; }
.cf:after { clear: both; }


/* Buttons */
.buttons { float: left; width: 100%; margin: 20px 0; font-size: 0;}
.buttons .cta { margin: 5px;}
a { -webkit-transition: 0.3s; transition: 0.3s;}
.cta { display: inline-block; font-size: 14px; line-height: 14px; text-decoration: none; text-transform: uppercase; font-family: nexa_boldregular; border: 2px solid #323435; border-radius: 2px; padding: 10px 30px; position: relative; background: none;}
.cta:hover { background-color: #323435; color: #fff;} 
.cta.blue { color: #1B6384; border: 2px solid #1B6384;}
.cta.blue:hover { background-color: #1B6384; color: #fff;}
.cta.white { color: #fff; border: 2px solid #fff;}
.cta.white:hover { background-color: #fff; color: #323435;}
.cta.directions { padding-left: 54px;}
.cta.directions span { background: url(images/icon-pin-sprite.png) no-repeat 0 0; background-size: 17px; height: 22px; width: 17px; top: 6px; left: 29px; position: absolute;}
.cta.directions:hover span { background-position: 0 -22px;}


/* Headings */

h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-weight: 400; color: #323435; font-family: 'nexa_boldregular'; letter-spacing: 0.06em; text-transform: uppercase;}
h1 { font-size: 24px; line-height: 28px;} 
h2 { font-size: 19px; line-height: 25px; margin-bottom: 15px; text-align: center;}
h3 { font-size: 17px; line-height: 21px; }
h4 { font-size: 19px; line-height: 23px; margin-bottom: 20px;}
h5 { font-size: 16px; line-height: 21px;}
h6 { font-size: 14px; line-height: 18px;}


.section-title { float: left; width: 100%;}
.section-title h2 { font-size: 21px; line-height: 27px; color: #1B6384;}
.section-title h2.line, .main h2, h2.line { position: relative; padding-bottom: 20px; margin-bottom: 30px;}
.section-title h2.line:after, .main h2:after, h2.line:after { content: ""; width: 245px; height: 1px; position: absolute; background-color: #dedede; left: 0; right: 0; margin: 0 auto; bottom: 0;}
.section-title h5 { font-family: nexa_lightregular; font-size: 17px; line-height: 23px; margin-bottom: 3px;}
.section-title p {}



/* HEADER
---------------------------------------------------------------------------------- */

.news_banner { position: fixed; text-align: center; width: 100%; top: 0; left: 0; background-color: rgba(27,99,132,0.95); padding: 0 50px; z-index: 9999; box-sizing: border-box; display: none;}
.logged-in .news_banner { top: 32px;}
.news_banner p { display: inline-block; color: #fff; margin: 10px; vertical-align: middle;}
.news_banner .cta { border: 1px solid #fff; font-size: 11px; padding: 10px 20px; line-height: 1em; letter-spacing: 1px; vertical-align: middle; margin: 10px;}
.news_banner .close_menu { top: 12px; font-size: 23px;}

header { float: left; width: 100%; background-color: #fff; text-align: center; height: 118px;}
header .wrapper { position: relative;}
header .left { margin-top: 48px; position: relative; z-index: 1;}
header .left li { display: inline-block; margin-right: 22px; vertical-align: middle;}
header .left li a { display: block;}
header .left li.menu-item-27 a {}
header .left li.facebook a { background: url(images/icon-facebook.png) no-repeat 0 0; height: 17px; width: 8px; background-size: 8px;}
header .left li.twitter a { background: url("images/icon-x-sprite.png") no-repeat 0 0; width: 17px; height: 16px; background-size: 17px;}
header .left li.insta a { background: url("images/instagram.png") no-repeat 0 0; width: 19px; height: 19px; background-size: 19px;}
header .left li.feed a { background: url(images/icon-feed.png) no-repeat 0 0; width: 17px; height: 17px; background-size: 17px;}
header .left li a:hover { opacity: 0.8;}
header h1, header h2 { position: absolute; left: 0; right: 0; margin-top: 27px; z-index: 0;}
header h1 a, header h2 a { display: inline-block;}
header img { width: 212px;}
header .right { position: relative; z-index: 1; border-bottom: 1px solid #b1b1b1; width: 200px; margin-top: 42px;}
header .right input[type=text] { font-size: 14px; float: left; text-align: left; padding-bottom: 5px; background: none; border: none; width: 80%;}
header .right input[type=submit] { background: url(images/icon-search.png) no-repeat 0 0; width: 18px; height: 18px; background-size: 17px; text-indent: -999px; overflow: hidden; float: right; margin-right: 2px;}
header .right input[type=submit]:hover { transform: scale(1.1); -webkit-transform: scale(1.1); -ms-transform: scale(1.1);}

nav { float: left; width: 100%; background-color: #323435; height: 42px; position: relative; z-index: 2;}
nav ul { text-align: center; font-size: 0; float: left; width: 100%;}
nav ul li { display: inline-block; vertical-align: bottom; line-height: 15px; padding: 0; position: relative; font-size: 14px;}
nav ul li a { text-decoration: none; color: #fff; font-family: nexa_boldregular; text-transform: uppercase; padding: 14px 20px; display: inline-block; box-sizing: border-box; position: relative;}
nav ul li a:after { content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 3px; background-color: #D6B42A; width: 0; -webkit-transition: 0.3s; transition: 0.3s; margin: 0 auto;}
nav ul li a:hover:after, nav ul li.current-menu-item a:after, nav ul li.current_page_ancestor a:after { width: 40px;}
nav ul li.menu-item-27 { height: 43px; top: 0; width: 147px; position: relative;}
nav ul li.menu-item-27 a { top: -7px; float: right; position: absolute; height: 56px; padding-bottom: 30px; background-color: #D6B42A; color: #323435; padding: 21px 25px; right: 0;}
nav ul li.menu-item-27 a:after { display: none;}
nav ul li.menu-item-27 a:hover { background-color: #C8A927;}
nav ul.sub-menu { display: none; position: absolute; width: 220px; text-align: left; top: 42px;}
nav ul.sub-menu li { float: left; width: 100%;}
nav ul.sub-menu li a { float: left; width: 100%; background-color: #323435; border-top: 1px solid #666;}
nav ul.sub-menu li a:hover { background-color: #282A2B;}
nav ul.sub-menu li a:after { display: none;}
nav ul.sub-menu li ul.sub-menu { left: 100%; top: 0;}
nav ul li.menu-item-has-children:hover > ul.sub-menu { display: block;}
nav .open_menu { display: none; width: 32px; float: right; margin-top: 10px; cursor: pointer;}

.mobile_menu { display: none; background: rgba(27,99,132,0.98); z-index: 3; position: fixed; text-align: center; overflow: scroll;}
.mobile_menu ul { position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); padding: 30px 0;}
.mobile_menu ul li { float: left; width: 100%; font-size: 18px; line-height: 22px;}
.mobile_menu ul li a { color: #fff; text-transform: uppercase; text-decoration: none; font-family: nexa_boldregular; float: left; width: 100%; padding: 7px 0;}
.mobile_menu ul li a:hover { background-color: #D6B42A;}
.close_menu { position: absolute; top: 30px; right: 30px; color: #fff; font-family: nexa_boldregular; font-size: 28px; line-height: 28px; cursor: pointer;}

.featured_image { float: left; width: 100%; height: 200px; overflow: hidden; text-align: center; }
.featured_image h1 { position: relative; z-index: 1; background: rgba(255,255,255,0.8); display: inline-block; padding: 24px 35px; font-size: 17px; line-height: 24px; top: 48%; transform: translateY(-52%); -webkit-transform: translateY(-52%); z-index: 0;}
	
	

/* HOME
---------------------------------------------------------------------------------- */

.hero { float: left; width: 100%; height: 485px; z-index: 0;}
.hero .slider { float: left; width: 100%; height: 100%;}
.hero .flex-viewport { height: 100%;}
.hero ul.slides { height: 100%; position: relative; z-index: 0;}
.hero ul.slides > li { position: relative; height: 100%; overflow: hidden;}
.hero ul li img { z-index: 0; max-width: none;}
.hero ul li .inner { z-index: 1; width: 490px; top: 35%; position: absolute; left: 0; right: 0; margin: 0 auto; text-align: center; transform: translateY(-35%); -webkit-transform: translateY(-35%); background-color: rgba(255,255,255,0.9); box-sizing: border-box; padding: 40px;}
.hero ul li h2 {}
.hero ul li p { margin-bottom: 20px;}
.hero ul li a.cta {}

.hero .flex-control-nav { position: absolute; z-index: 1; bottom: 85px; left: 0; margin: 0 auto; width: 100%; padding: 0; text-align: center; z-index: 1;}
.hero .flex-control-nav li { display: inline-block; margin: 0 6px;}
.hero .flex-control-nav li a { display: block; width: 8px; height: 8px; text-indent: -999px; overflow: hidden; border: 2px solid #fff; border-radius: 8px;}
.hero .flex-control-nav li a.flex-active { background-color: #fff;}

.hero .flex-direction-nav { position: absolute; top: 35%; transform: translateY(-35%); width: 490px; left: 0; right: 0; margin: 0 auto; z-index: 1;}
.hero .flex-direction-nav li {}
.hero .flex-direction-nav li a { background: url(images/slider-nav.png) no-repeat 0 0; background-size: 64px; width: 32px; height: 59px; position: absolute; text-indent: -999px; overflow: hidden;}
.hero .flex-direction-nav li a.flex-next { right: -15px; background-position: -32px 0;}
.hero .flex-direction-nav li a.flex-prev { left: -15px;}

.service_times { position: absolute; bottom: 0; left: 0; float: left; width: 100%; text-align: center; background-color: rgba(27,99,132,0.9); padding: 15px 0; z-index: 1;}
.service_times h5 { font-family: 'nexa_lightregular'; font-size: 17px; line-height: 22px; color: #fff; text-transform: none;}

.featured_image { float: left; width: 100%; height: 200px; overflow: hidden;}



/* STANDARD
---------------------------------------------------------------------------------- */

.container { float: left; width: 100%; background-color: #fff; padding: 70px 0; text-align: center;}
.container.bg_img { position: relative; overflow: hidden;}
.container.bg_img .wrapper { position: relative; z-index: 1;}
.main { width: 80%; margin: 0 auto; text-align: left; display: inline-block;}
.main.center { text-align: center;}
.main.full { width: 100%;}
.main h2 { color: #1B6384; }
.main h3 { color: #1B6384; margin-bottom: 8px; }
.main h4 { font-size: 16px; line-height: 20px;}
.main p { margin-bottom: 30px;}
.main p a { border-bottom: 1px dotted; color: #1B6384; text-decoration: none;} 
.main p a:hover { border-bottom-style: solid;}
.main ul { margin-bottom: 20px}
.main ul li { background: url(images/icon-li.png) no-repeat 0 6px; background-size: 8px; padding-left: 18px; margin-bottom: 10px;}
.main img { margin: 0 30px 20px 0; border: 1px solid #dedede; padding: 10px; box-sizing: border-box; max-width: 100%; height: auto;}

.main .officer { float: left; width: 100%;}
.main .cta { margin-top: 20px;}

.whatson .section-title h2 { color: #fff; margin-bottom: 45px;}
.whatson .section-title h5 { color: #fff;}
.whatson .section-title p { color: #fff; width: 70%; margin: 0 auto 50px;}
.boxes { float: left; width: 100%; font-size: 0; text-align: center;}
.boxes .box { float: left; width: calc(50% - 15px); margin-bottom: 30px; height: 320px; background-color: rgba(255,255,255,0.95); position: relative;}
.boxes .box .top { float: left; width: 100%; border-bottom: 1px solid #dedede; padding: 23px 25px 19px; box-sizing: border-box;}
.boxes .box .top h3 { float: left; }
.boxes .box .top a { float: right; text-decoration: none; text-transform: uppercase; font-size: 12px; line-height: 12px; margin-top: 6px;}
.boxes .box .top a:hover { color: #1B6384;} 
.boxes .box .feed { float: left; width: 100%; padding: 30px; box-sizing: border-box; text-align: left;}
.boxes .box1 .feed { padding: 20px 30px;}
/*.boxes .box .sermon_feed a { text-decoration: none; font-family: 'nexa_boldregular'; background: url(images/icon-play.png) no-repeat 0 0; background-size: 20px; padding-left: 27px;}
.boxes .box .sermon_feed a:hover { color: #1B6384;}
.boxes .box .sermon_feed div { margin: 0 0 20px !important; font-size: 13px;}
.boxes .box .sermon_feed hr { display: none;}
.boxes .box .sermon_feed font { font-size: 12px; font-family: 'nexa_lightregular'; letter-spacing: 0.05em;}
.boxes .box .sermon_feed font font:first-child { color: #1B6384;}*/
.boxes .box2 { float: right;}
.boxes .box .sermon_feed .sa_widget_profile, .boxes .box .sermon_feed .sa_widget_tools .play .text, .boxes .box .sermon_feed .sa_widget_video_spacer { display: none !important;} 
.boxes .box .sermon_feed .sa_widget_tools .play { width: auto !important;}
.boxes .box .sermon_feed .sa_widget_title { font-size: 14px !important; font-weight: 800;}
.boxes .box .sermon_feed .sermon .info { font-style: normal !important; font-size: 13px !important; margin-top: 6px;}
.boxes .box .sermon_feed #sa_widget_content { min-width: 0 !important;}
.boxes .box .sermon_feed .sermon { min-width: 0 !important; max-width: 100% !important; width: 65% !important;}
.whatson_boxes .box3 .inner { position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); padding: 40px; left: 0; right: 0;}
.boxes .box3 { background-color: rgba(27,99,132,0.85); width: 100%;}
.boxes .box3 h4 { color: #fff;}
.boxes .box3 p { color: #fff; margin-bottom: 20px;}
.boxes .box3 a {}

.boxes .box .simcal-default-calendar-list .simcal-calendar-head, .boxes .box .simcal-default-calendar-list dt.simcal-day-label, .boxes .box .simcal-align-right { display: none;}
.boxes .box .simcal-default-calendar-list { padding: 0;}
.boxes .box .simcal-default-calendar-list ul.simcal-events { margin: 0;}
.boxes .box .simcal-default-calendar-list .simcal-event-details { font-size: 0;}
.boxes .box1 h5 { display: inline-block; width: 62px; height: 62px; text-align: center; background-color: #E9C21E; color: #fff; border-radius: 50px; vertical-align: middle; margin-right: 10px; padding-top: 16px; box-sizing: border-box; font-size: 15px; line-height: 16px; text-transform: none;}
.boxes .box1 h5 strong { font-size: 19px;}
.boxes .box1 .left { display: inline-block; vertical-align: middle; width: 200px; float: none;}
.boxes .box1 .left h3 { text-transform: none; font-size: 15px; line-height: 19px; margin-bottom: 3px;}
.boxes .box1 .left h6 { font-family: 'nexa_lightregular';}

.related { border-top: 1px solid #dedede; padding-bottom: 60px;}
.related h2 { margin-bottom: 40px;}
.related .cta { margin-top: 40px;}
.child_pages {}
.child_pages .box { position: relative; overflow: hidden;}
.child_pages .box3 { background-color: rgba(255,255,255,0.95);}
.child_pages .box a { display: block; width: 100%; height: 100%;}
.child_pages .box img { max-width: none;}
.child_pages .box .popup, .child_pages .box h3 { position: absolute; z-index: 1; bottom: 0; width: 100%; left: 0; box-sizing: border-box; padding: 14px 20px; background-color: #1B6384; transition: 0.2s; -webkit-transition: 0.2s; color: #fff;}
.child_pages .box .popup { height: 0; padding: 0;}
.child_pages .box h4 { color: #fff;}
.child_pages .box .inner p { color: #fff; }
.child_pages .box:hover .popup { height: 100%;}
.child_pages .box:hover .popup .inner { top: 50%; position: absolute; transform: translateY(-50%); width: 100%; box-sizing: border-box;}
.child_pages .box:hover h3 { display: none;}
.child_pages .box .popup .inner { padding: 40px;}

.simcal-default-calendar-grid .simcal-present>div { border: 1px solid #D6B42A !important;}
.simcal-default-calendar-grid .simcal-day-has-events .simcal-day-number { background-color: #1B6384 !important;}
.simcal-default-calendar-grid .simcal-present .simcal-day-number { background-color: #D6B42A !important;}
.simcal-default-calendar-grid.simcal-default-calendar-light .simcal-event { font-size: 13px; line-height: 16px;}
.simcal-default-calendar-grid .simcal-calendar-head .simcal-nav { padding: 10px 0 30px !important;}
.main .simcal-calendar ul li { background: none;}

.mobile_cal { display: none;}
.simcal-default-calendar-list .simcal-calendar-head { background: none;}
.simcal-default-calendar-list dt.simcal-day-label>span { background: #1B6384 !important; font-family: nexa_boldregular;}
.simcal-default-calendar-list ul.simcal-events { margin: 0 !important;}
.simcal-default-calendar-list ul.simcal-events li.simcal-event { margin: 0; padding: 0;}
.simcal-default-calendar-list .simcal-event-details h4 { margin: 10px 0 0;}

.sa_widget_browser_top { display: none;}
.container #sa_widget_browser, .container #sa_widget_content, .container #sa_widget_browser a, .container #sa_widget_browser code, .container #sa_widget_browser a, .container #sa_widget_browser span, .container #sa_widget_content a, .container #sa_widget_content code, .container #sa_widget_content a, .container #sa_widget_content span { font-family: 'nexa_lightregular' !important;}
.container #sa_widget_browser .sa_widget_sermons_row .sermon .sa_widget_title a { font-family: 'nexa_boldregular' !important;}
.container #sa_widget_browser .sa_widget_sermons_row .sermon .sa_widget_title { margin: 10px 0 5px !important;}
.container #sa_widget_browser .sa_widget_sermons_row .sermon .info { color: #333 !important;}
.container #sa_widget_browser .sa_widget_tools .play { width: 150px !important; padding-top: 6px !important;}
.container #sa_widget_browser .sa_widget_profile { margin-right: 15px !important;}
.container #sa_widget_browser .sa_widget_profile img { background: #fff !important; box-shadow: none !important; border: 1px solid #dedede !important; width: 40px; height: 40px; border-radius: 40px !important;}
.container #sa_widget_browser select { background-color: #F8F8F8 !important;}


/* COLOURING SHEETS
---------------------------------------------------------------------------------- */

.colouring { float: left; width: 100%; margin-top: 14px;}
.colouring h3 { margin: 20px 0;}
.colouring ul {}
.colouring ul li { display: inline-block;}
.colouring ul li a { text-decoration: none;}
.colouring ul li a:hover { color: #1B6384;}

ul.sheets { float: left; width: 100%; height: 100%;}
ul.sheets li { padding: 0; background: none; width: 45%; display: inline-block; margin: 2%; overflow: hidden;}
ul.sheets li embed { float: left; width: 100%; height: 380px;}


/* MAP
---------------------------------------------------------------------------------- */
#map { height: 400px; width: 100%;}



/* SEARCH RESULTS
---------------------------------------------------------------------------------- */

.result { float: left; width: 100%; margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px solid #dedede;}
.result h3 {}
.result p { margin: 0;}
.result .cta {}

form.no_results { position: relative; z-index: 1; width: auto; margin-top: 22px; float: left; border: 1px solid #dedede; padding: 10px 20px;}
form.no_results h3 {}
form.no_results input[type=text] { font-size: 14px; float: left; text-align: left; width: 200px; border: none;}
form.no_results input[type=submit] { background: url(images/icon-search.png) no-repeat 0 0; width: 18px; height: 18px; background-size: 17px; text-indent: -999px; overflow: hidden; float: right;}
form.no_results input[type=submit]:hover { transform: scale(1.1); -webkit-transform: scale(1.1); -ms-transform: scale(1.1);}


/* BLOG
---------------------------------------------------------------------------------- */

.blogBrowse { text-align: center; margin: 0 0 15px; border-bottom: 1px solid #dedede; padding-bottom: 50px;}
.blogBrowse select { border: 1px solid #ccc; font-size: 15px; line-height: 15px; width: 300px; margin: 5px; display: inline-block; background-color: #fff; height: 40px;}
ul.blog { float: left; width: 100%; margin: 35px 0 45px; text-align: center}
ul.blog li { float: left; list-style: none; width: 100%; margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #dedede; position: relative; text-align: left; }
ul.blog li .image { display: inline-block; width: 240px; height: 216px; overflow: hidden; position: relative; text-align: center; vertical-align: middle;}
ul.blog li .image a { position: relative; display: block; width: 100%; height: 100%; z-index: 0;}
ul.blog li img { width: 100%; height: auto; z-index: 0; position: absolute; left: 0; top: 0;}
ul.blog li img.default { height: 100%; width: auto;}
ul.blog li .overlay { opacity: 1; background: rgba(0,0,0,0.6); position: absolute; left: 0; top: 0; width: 100%; height: 100%; transition: all linear 0.3s; -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; -o-transition: all linear 0.3s; cursor: pointer; padding: 0;}
ul.blog .image:hover .overlay { opacity: 0;}
ul.blog .image:hover img { -webkit-transform: scale(1.1);
   -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
     -o-transform: scale(1.2);
        transform: scale(1.2);
-webkit-transition: all .75s ease-in-out;
   -moz-transition: all .75s ease-in-out;
    -ms-transition: all .75s ease-in-out;
     -o-transition: all .75s ease-in-out;
        transition: all .75s ease-in-out;}
ul.blog .text { vertical-align: top; text-align: left; margin-left: 31px; display: inline-block; width: 700px; vertical-align: middle; margin-top: -10px;}
ul.blog li h2 { font-size: 20px; margin: 0 0 15px 0; line-height: 27px; text-align: left;}
ul.blog li h2 a { text-decoration: none;}
ul.blog li h4, .related .col h5 { background: #1B6384; color: #fff; font-weight: 800; font-size: 14px; line-height: 14px; padding: 10px 12px; display: inline-block; position: absolute; z-index: 1; top: 0; left: 0; right: 0;}
ul.blog .text h5, .blogHead h5 { font-size: 12px; color: #666; letter-spacing: 0.05em; line-height: 16px; margin-bottom: 5px;}
ul.blog li h4 a { color: #fff; text-decoration: none;}
ul.blog li p  { margin-bottom: 25px;}
ul.blog li.youth h4, ul.blog li.youth a.standard { background: #EF4254;}
ul.blog li.toddler h4, ul.blog li.toddler a.standard { background: #9BB25D;}

.blogHead { border-bottom: 1px solid #dedede; margin-bottom: 25px; padding-bottom: 15px;}
.blogHead .right { margin-top: 15px;}
.blogHead .left { width: 70%;}

.single .sharing { margin: 0;}
.single .sharing li { float: left; list-style: none; margin-left: 4px; background: none; padding: 0; margin: 0 0 0 6px;}
.single .sharing li a { width: 37px; height: 37px; background: url(images/sharing-sprite.png) no-repeat 0 0; background-size: 185px; display: block;}
.single .sharing li.facebook a {}
.single .sharing li.facebook a:hover { background-position: 0 -37px;}
.single .sharing li.twitter a { background-position: -37px 0;}
.single .sharing li.twitter a:hover { background-position: -37px -37px;}
.single .sharing li.pinterest a { background-position: -74px 0;}
.single .sharing li.pinterest a:hover { background-position: -74px -37px;}
.single .sharing li.email a { background-position: -111px 0;}
.single .sharing li.email a:hover { background-position: -111px -37px;}
.single .sharing li.print a { background-position: -148px 0;}
.single .sharing li.print a:hover { background-position: -148px -37px;}

ul.blog .wp-pagenavi { float: left; width: 100%; }
ul.blog .wp-pagenavi span { border: none; font-size: 15px; }
ul.blog .wp-pagenavi span.pages { padding: 0 10px; margin-right: 10px; }
ul.blog .wp-pagenavi span.current { font-weight: normal; padding: 0 5px; border-bottom: 2px solid #1B6384; color: #1B6384;}
ul.blog .wp-pagenavi a { border: none; font-size: 15px;}
ul.blog .wp-pagenavi a:hover { color: #1B6384;}
ul.blog .wp-pagenavi .nextpostslink, .wp-pagenavi .previouspostslink {}


/* CONTACT PAGE
---------------------------------------------------------------------------------- */

.page-template-template_contact .main { text-align: center;}
form.contact { float: left; width: 100%; margin-top: 20px;}
form.contact .field { float: left; width: 48%; margin: 2% 4% 2.5% 0; position: relative; text-align: left;}
form.contact .field:nth-child(2n) { margin-right: 0;}
form.contact .field.full { width: 100%; margin: 2% 0 50px;}
form.contact .field .text { float: left; width: 100%; border: none; border-bottom: 1px solid #1B6384; background: none; font-size: 15px; line-height: 18px; letter-spacing: 1px; padding-bottom: 15px;}
form.contact .field .text:focus { border-color: #0e253a;}
form.contact .field .styled_dropdown { position: relative; cursor: pointer;}
form.contact .field .styled_dropdown .text { overflow: hidden; position: relative; z-index: 0;}
form.contact .field .styled_dropdown .text .arrow { background: url(images/icon-form-dropdown.png) no-repeat 0 0; background-size: 16px; width: 16px; position: absolute; right: 0; top: 7px; height: 14px; }
form.contact .field .styled_dropdown ul { position: absolute; left: 0; top: 33px; background: #fff; border: 1px solid #1B6384; width: 100%; z-index: 1; display: none;}
form.contact .field .styled_dropdown ul li { padding: 10px 15px; border-bottom: 1px solid #dedede; font-size: 15px; margin: 0; background: none;}
form.contact .field .styled_dropdown ul li:hover { background: rgba(236,255,253,0.3);}
form.contact input[type=submit] { display: block; margin: 25px auto 0; }
form.contact .field span.error, form.contact label { position: absolute; left: 0; bottom: -5px; font-size: 12px; color: #1B6384; opacity: 0; transition: 0.2s;}
form.contact label { color: #1a3044;}
form.contact .field input.error ~ span,
form.contact .field textarea.error ~ span,
form.contact .field select.error ~ span,
form.contact .field input:focus ~ label,
form.contact .field textarea:focus ~ label { bottom: -23px; opacity: 1; }
form.contact .g-recaptcha { display: inline-block;}


/* FOOTER
---------------------------------------------------------------------------------- */

.twitter_feed { float: left; width: 100%; background-color: #323435; padding: 70px 0; text-align: center;}
.twitter_feed #ctf { text-align: left;}
.twitter_feed #ctf #ctf-more { background-color: #494949; color: #fff; padding: 14px; text-transform: uppercase; font-size: 14px; letter-spacing: 2px; border-radius: 10px;}
.twitter_feed #ctf #ctf-more:hover { background-color: #565656;}
.twitter_feed img.x-logo { width: 80px; margin-bottom: 35px;}

footer { float: left; width: 100%; background-color: #fff; padding: 20px 0;}
footer p { font-size: 12px; line-height: 15px;}
footer p a { text-decoration: none; position: relative; padding-bottom: 3px;}
footer p a:after { content: ""; position: absolute; bottom: 0; left: 0; height: 1px; width: 0; background-color: #1B6384; transition: 0.2s; -webkit-transition: 0.2s;}
footer p a:hover:after { width: 20px;}
footer p span { padding: 0 3px;}


/* IE FIXES
---------------------------------------------------------------------------------- */

.ie9 .hero ul li .inner, .lt-ie9 .ie9 .hero ul li .inner { top: 95px;}
.ie9 .whatson_boxes .box3 .inner, .lt-ie9 .whatson_boxes .box3 .inner { top: 30px;}
.ie9 .child_pages .box:hover .popup .inner, .lt-ie9 .child_pages .box:hover .popup .inner { top: 40px;}