@charset "UTF-8";
/*
Theme Name: Hope Bereavement
Author: Jonico Bansil & Tracey Shaw @ GOOP. SASS v1.3
Author URI: http://www.goop.com.au/
Description: WordPress theme for Hope Bereavement.
Version: 1.3
*/
/* Font imports */
@import url("//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css");
@import url("//fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700");
/* SASS file imports*/
/* Core */
/*========================================================================
Rem Calc function - from Zurb Foundation, licenced under MIT Open Source
========================================================================*/
/*
Simplified breakpoints
You may need to add to these or add manually numbered ones in _main.scss if you need to fine-tune more than this.
Note that you can use mathematical operators in your media queries, e.g. ($small - 1)
*/
/* Colour scheme */
/*gray*/
/*blue*/
/*green*/
/*gray*/
/* Typography */
/*leave this as 16px (the browser default) and use this value in base.css, otherwise the calculations go off*/
/* Grid additions */
/* Navigation */
/* Links */
/* Transitions */
/* Border radii */
/*==============================================
	REMOVE UNNEEDED ELEMENTS ON SMALL/MEDIUM SCREENS
==============================================*/
/*==============================================
	REALIGN TEXT ON SMALL/MEDIUM SCREENS
==============================================*/
/*==============================================
	CENTRE ITEMS ON SMALL/MEDIUM SCREENS
==============================================*/
/*==============================================
	MAKE IMAGES FULL WIDTH ON MOBILE
==============================================*/
/*==============================================
	HIDE THINGS ON PRINT VERSION
==============================================*/
/*==============================================
	MAKE THINGS FULL WIDTH ON PRINT VERSION
==============================================*/
/* Base */
/* --- base.css | version 1.3 --- */
/* reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 1rem; vertical-align: baseline; background: transparent; }

html { -webkit-text-size-adjust: none; }

body { line-height: 1; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

nav ul, aside ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: none; }

a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

ins { background-color: #ff9; color: #000; text-decoration: none; }

mark { font-weight: bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

input, select { vertical-align: middle; }

article ul, article ol { margin-left: 1.3em; }

article pre { width: 100%; white-space: pre-wrap; white-space: -moz-pre-wrap !important; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; margin-bottom: 1em; }

article blockquote { margin: 0 1.25rem 1em 1.25rem; }

/* lists */
article ul.columns-1, article ul.columns-2, article ul.columns-3, article ul.columns-4 { clear: both; width: 100%; margin: 10px 0px 15px 0px; }

article ul.columms-1 { float: left; display: inline; width: 100%; }

article ul.columns-2 li { float: left; display: inline; width: 50%; }

article ul.columns-3 li { float: left; display: inline; width: 33.333%; }

article ul.columns-4 li { float: left; display: inline; width: 25%; }

/* fluid columns */
.container { position: relative; width: 98%; padding: 0 1%; margin: 0 auto; max-width: 960px; }

.container .column, .container .columns { float: left; display: inline; }

.row { margin-bottom: 0px; }

.container .one.column, .container .one.columns { width: 6.25%; }

.container .two.columns { width: 12.5%; }

.container .three.columns { width: 18.75%; }

.container .four.columns { width: 25%; }

.container .five.columns { width: 31.25%; }

.container .six.columns { width: 37.5%; }

.container .seven.columns { width: 43.75%; }

.container .eight.columns { width: 50%; }

.container .nine.columns { width: 56.25%; }

.container .ten.columns { width: 62.5%; }

.container .eleven.columns { width: 68.75%; }

.container .twelve.columns { width: 75%; }

.container .thirteen.columns { width: 81.25%; }

.container .fourteen.columns { width: 87.5%; }

.container .fifteen.columns { width: 93.75%; }

.container .sixteen.columns { width: 100%; }

.container .one-third.column { width: 33.33%; }

.container .two-thirds.column { width: 66.66%; }

/* extra */
.container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

/*Offsets*/
.container .columns.offset-by-one { margin-left: 6.25%; }

.container .columns.offset-by-two { margin-left: 12.5%; }

.container .columns.offset-by-three { margin-left: 18.75%; }

.container .columns.offset-by-four { margin-left: 25%; }

.container .columns.offset-by-five { margin-left: 31.25%; }

.container .columns.offset-by-six { margin-left: 37.5%; }

.container .columns.offset-by-seven { margin-left: 43.75%; }

.container .columns.offset-by-eight { margin-left: 50%; }

.container .columns.offset-by-nine { margin-left: 56.25%; }

.container .columns.offset-by-ten { margin-left: 62.5%; }

.container .columns.offset-by-eleven { margin-left: 68.75%; }

.container .columns.offset-by-twelve { margin-left: 75%; }

.container .columns.offset-by-thirteen { margin-left: 81.25%; }

.container .columns.offset-by-fourteen { margin-left: 87.5%; }

.container .columns.offset-by-fifteen { margin-left: 93.75%; }

@media only screen and (max-width: 767px) { .container .one.column, .container .one.columns, .container .two.columns, .container .three.columns, .container .four.columns, .container .five.columns, .container .six.columns, .container .seven.columns, .container .eight.columns, .container .nine.columns, .container .ten.columns, .container .eleven.columns, .container .twelve.columns, .container .thirteen.columns, .container .fourteen.columns, .container .fifteen.columns, .container .sixteen.columns, .container .one-third.column, .container .two-thirds.column { width: 100%; padding: 0; margin: 0 auto; } }
/* clearfix */
.clearfix:before, .clearfix:after, .row:before, .row:after, .group:before, .group:after, section:before, section:after, article:before, article:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }

.clearfix:after, .row:after, .group:after, section:after, article:after { clear: both; }

.clearfix, .row, .group, section, article { zoom: 1; }

/* selections */
::selection { background: #dddddd; }

::-moz-selection { background: #dddddd; }

.lt-ie8 .clearfix, .lt-ie8 .row, .lt-ie8 .group { zoom: 0; }

/* active numbers */
a[href^=tel] { color: inherit; text-decoration: none; }

/* GOOP logo */
@font-face { font-family: 'GOOP'; src: url("goop/GOOP.eot?9ommr"); src: url("goop/GOOP.eot?#iefix9ommr") format("embedded-opentype"), url("goop/GOOP.woff?9ommr") format("woff"), url("goop/GOOP.ttf?9ommr") format("truetype"), url("goop/GOOP.svg?9ommr#GOOP") format("svg"); font-weight: normal; font-style: normal; }
.goop-logo { font-family: 'GOOP'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; }

.goop-logo:before { content: "\e600"; }

/*Replace [at] with @ for email address*/
.domain:before { content: "\40"; margin-right: 0px; }

/*=================================================================================
	SITEMAP
=================================================================================*/
article ul.sitemap { margin-left: 25px; }
article ul.sitemap li ul { /*Submenu*/ margin: 5px 0 10px 15px; list-style-type: inherit; }
article ul.sitemap li.current_page_item { display: none; }

/*=================================================================================
	SCROLL
=================================================================================*/
#scroll { width: 20px; height: 20px; padding: 0px; position: fixed; bottom: 10px; right: 10px; cursor: pointer; display: none; color: #3c3c3b; z-index: 10000; background-size: 100%; opacity: 0.5; }

/*=================================================================================
	VIDEOS
=================================================================================*/
.video-container { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; margin-bottom: 20px; }
.video-container iframe { /* .video-container iframe */ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/*=================================================================================
	FORMS
=================================================================================*/
form li { list-style: none; }
form label { display: block; margin-top: 1em; }
form input[type=radio] + label { margin-top: 0; }
form .input-group { margin-top: 1em; }
form input[type=checkbox] + label, form input[type=radio] + label, form label.checkbox { display: inline-block; }
form .ninja-forms-required-items { display: block; margin: 0 0 5px 0; font-size: 0.75rem; color: #666666; font-style: italic; }
form input[type=text], form input[type=email], form input[type=password], form textarea, form select { border: 1px solid #bbbbbb; padding: 0.625rem; display: block; margin-left: 0 !important; width: 100%; color: #999999; }
form input[type=text]:hover, form input[type=text]:focus, form input[type=email]:hover, form input[type=email]:focus, form input[type=password]:hover, form input[type=password]:focus, form textarea:hover, form textarea:focus, form select:hover, form select:focus { /*.ninja-forms-cont form input[type=text]:focus, .ninja-forms-cont form textarea:focus, .ninja-forms-cont form select:focus*/ color: #3c3c3b; }

/* End of form section*/
.ninja-forms-response-msg { margin: 0; font-weight: 700; }

.ninja-forms-response-msg.ninja-forms-error-msg { color: #cc0000; }
.ninja-forms-response-msg.ninja-forms-error-msg p { /*ninja-forms-response-msg.ninja-forms-success-msg p*/ display: inline; padding-right: 5px; }

ninja-forms-response-msg.ninja-forms-success-msg { color: #6c99d0; margin: 0 0 20px; }

.ninja-forms-field-error { color: #cc0000; font-size: 0.75rem; }
.ninja-forms-field-error p { display: inline; }

.ninja-forms-error input[type=text], .ninja-forms-error textarea, .ninja-forms-error select { border-color: #cc0000; }
.ninja-forms-error .ninja-forms-field-description { font-size: 0.75rem; }
.ninja-forms-error .ninja-forms-field-description p { margin: 0 0 5px; color: #cccccc; }
.ninja-forms-error .field-wrap { margin-bottom: 5px; }

/*==============================================
	IMAGES
==============================================*/
.alignnone { margin: 0 0 1em 0; }

.aligncenter, div.aligncenter { display: block; margin: 0 auto 1em; }

.alignright { float: right; margin: 0 0 1em 1em; }

.alignleft { float: left; margin: 0 1em 1em 0; }

.aligncenter { display: block; margin: 0 auto; }

img, img[class*="align"], img[class*="wp-image-"] { max-width: 100%; height: auto; }

img.alignright { margin-left: 0 0 1em 1em; }

img.alignleft { margin: 0 1em 1em 0; }

img.aligncenter { display: block; margin: 0 auto 1em; }

img[class*="align"], img[class*="wp-image-"] { border: none; }

img.wp-post-image { display: block; margin: 0 auto; margin-bottom: 1.875rem; }

@media only screen and (max-width: 600px) { .alignnone, .aligncenter, div.aligncenter, .alignright, .alignleft, .aligncenter { float: none; display: block; margin-left: auto; margin-right: auto; text-align: center; width: 100%; max-width: 100%; } }
@media only screen and (max-width: 600px) { .alignnone, .aligncenter, div.aligncenter, .alignright, .alignleft, .aligncenter { width: 100% !important; max-width: 100%; margin-left: 0; margin-right: 0; float: none; } }

/*=================================================================================
	WP-CAPTION
=================================================================================*/
.wp-caption { margin-bottom: 1em; max-width: 100%; text-align: left; position: relative; }
@media only screen and (max-width: 600px) { .wp-caption { width: 100% !important; max-width: 100%; margin-left: 0; margin-right: 0; float: none; } }
.wp-caption img { display: block; margin: 0 auto; }
@media only screen and (max-width: 600px) { .wp-caption img { width: 100% !important; max-width: 100%; margin-left: 0; margin-right: 0; float: none; } }

.wp-caption-text { font-size: 0.75rem; padding: 8px 5px; opacity: 0.8; }

/*=================================================================================
	PAGINATION
=================================================================================*/
article .pagination { margin-top: 1.25rem; margin-bottom: 1.25rem; padding: 0; display: block; }
article .pagination span, article .pagination a { /*article .pagination span, article .pagination a*/ display: inline-block; background: #3c3c3b; color: #ffffff; height: 1.25rem; width: 1.25rem; line-height: 1.25rem; text-align: center; font-size: 0.75rem; border: none; text-decoration: none; display: inline-block; }
article .pagination span.current, article .pagination span:hover, article .pagination span:focus, article .pagination a.current, article .pagination a:hover, article .pagination a:focus { background: #6c99d0; border: none; color: #ffffff; text-decoration: none; }
article .pagination.single { /*article .pagination.single */ }
article .pagination.single div { /*article .pagination.single div*/ display: inline-block; width: 50%; }
article .pagination.single div.newer { /*article .pagination.single div.newer*/ text-align: right; }

/*End of pagination section*/
/* Features */
/*=================================================================================
	RESPONSIVE MENU
=================================================================================*/
/* 
SASS Tip:
Nesting of navigation can get pretty messy. 
I try to limit nesting to 3-4 levels where possible, even if that means not nesting something that could have been nested. 
*/
#responsive { display: block; position: relative; z-index: 1000; /*End of span*/ /*End of #responsive ul*/ }
@media only screen and (min-width: 768px) { #responsive { display: none; } }
#responsive.container { width: 100%; padding: 0; }
#responsive span { /*span inside #responsive*/ padding: 0.625rem; position: absolute; left: 5px; color: #006c68; cursor: pointer; }
#responsive span i { font-size: 1.5625rem; }
#responsive ul { /*ul inside #responsive*/ background: #003937; padding: 0; margin-bottom: 0; display: none; list-style: none; /*End of li subsection*/ }
#responsive ul li { /*Compiles to #responsive ul li*/ border-bottom: 1px solid #000606; margin: 0; line-height: 2.1875rem; min-height: 2.1875rem; padding: 0; /*Ampersand as parent selector example*/ /*end of li:hover subsection*/ /* Submenu/ul within li*/ /*End of li.menu-item-has-children subsection*/ }
#responsive ul li a { /*Links inside list items - compile to #responsive ul li a*/ color: #ffffff; text-decoration: none; display: block; padding: 0 0.625rem; }
#responsive ul li:last-child { /*Compiles to #responsive ul li:last-child*/ border: none; }
#responsive ul li:hover { /*#responsive ul li:hover*/ background: #006c68; color: #ffffff; }
#responsive ul li:hover a { /*#responsive ul li:hover a*/ color: #ffffff; }
#responsive ul li:hover > ul { opacity: 1; position: relative; top: auto; left: auto; display: block; height: auto; width: auto; white-space: nowrap; margin: 0; text-align: left; overflow: visible; }
#responsive ul li ul { /* #responsive ul li ul */ border-top: 1px solid #000606; position: absolute; top: -99999px; left: 0; opacity: 0; -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; z-index: 1; }
#responsive ul li ul li a:before { content: "- "; }
#responsive ul li.menu-item-has-children { /*We're inside the ul here, so this will compile as #responsive ul li.menu-item-has-children */ position: relative; }
#responsive ul li.menu-item-has-children > a { /* #responsive ul li.menu-item-has-children > a */ width: 90%; }
#responsive ul li.menu-item-has-children:before { /* #responsive ul li.menu-item-has-children:before */ position: absolute; top: 0; right: 10px; content: "\f107"; color: #ffffff; }

/*End of #responsive*/
/*=================================================================================
	SLIDE SHOW
=================================================================================*/
/* Slideshow */
#slideshow { position: relative; z-index: 1; }
#slideshow .eight.columns.image { display: none; }
@media only screen and (min-width: 600px) { #slideshow .eight.columns.image { display: inline; width: 50%; padding-right: 0.41667rem; } }
#slideshow .eight.columns.image div.cycle-slideshow { width: 100%; height: 230px; }
@media only screen and (min-width: 768px) { #slideshow .eight.columns.image div.cycle-slideshow { height: 280px; } }
#slideshow .eight.columns.image div.cycle-slideshow div { width: 100%; height: 230px; background-size: cover; }
@media only screen and (min-width: 768px) { #slideshow .eight.columns.image div.cycle-slideshow div { height: 280px; } }
#slideshow .eight.columns.image div.cycle-slideshow .cycle-caption { font-family: "Source Sans Pro", "Verdana", "Tahoma", sans-serif; color: #ffffff; display: inline-block; font-size: 1.125rem; font-weight: 400; text-align: left; z-index: 1000; background: rgba(108, 153, 208, 0.8); width: 100%; position: absolute; padding: 0.625rem; bottom: 0.625rem; min-height: 65px; line-height: 1.15; }
@media only screen and (min-width: 768px) { #slideshow .eight.columns.image div.cycle-slideshow .cycle-caption { padding-left: 28%; font-size: 1.1875rem; } }
#slideshow .eight.columns.image div.cycle-slideshow .cycle-caption:before { content: "“"; }
#slideshow .eight.columns.image div.cycle-slideshow .cycle-caption:after { content: "”"; }
#slideshow .eight.columns.image div.cycle-slideshow .cycle-pager { display: inline-block; width: 25%; position: absolute; left: 1.25rem; bottom: 2.8125rem; height: 0.625rem; z-index: 1100; display: none; }
@media only screen and (min-width: 768px) { #slideshow .eight.columns.image div.cycle-slideshow .cycle-pager { display: block; } }
#slideshow .eight.columns.image div.cycle-slideshow .cycle-pager span { background-color: #ffffff; display: inline-block; height: 0.625rem; margin: 0 0.3125rem 0 0; overflow: hidden; width: 0.625rem; }
#slideshow .eight.columns.image div.cycle-slideshow .cycle-pager span:hover, #slideshow .eight.columns.image div.cycle-slideshow .cycle-pager span.cycle-pager-active { background-color: #6c99d0; cursor: pointer; }
#slideshow .eight.columns.text { background: #6c99d0; padding: 0.625rem; color: #ffffff; }
@media only screen and (min-width: 600px) { #slideshow .eight.columns.text { width: 50%; border-left: 0.41667rem solid white; height: 230px; } }
@media only screen and (min-width: 768px) { #slideshow .eight.columns.text { height: 280px; } }
#slideshow .eight.columns.text ul { margin: 0; padding: 0; }
#slideshow .eight.columns.text ul li { margin: 0.5rem 0 0 0; }
#slideshow .eight.columns.text ul li:first-child { font-weight: 300; font-size: 1.875rem; display: block; line-height: 1.1; margin-top: 0; margin-bottom: 1.25rem; }
@media only screen and (min-width: 600px) { #slideshow .eight.columns.text ul li:first-child { margin-bottom: 1.125rem; } }
@media only screen and (min-width: 768px) { #slideshow .eight.columns.text ul li:first-child { font-size: 2.1875rem; margin-bottom: 3.5625rem; } }
#slideshow .eight.columns.text ul li a { color: #6c99d0; background: #ffffff; border: 1px solid #ffffff; display: block; padding: 0 0.3125rem; text-decoration: none; font-weight: 600; height: 2.3125rem; line-height: 2.1875rem; }
#slideshow .eight.columns.text ul li a span { display: block; float: right; font-weight: 300; vertical-align: middle; }
#slideshow .eight.columns.text ul li a span i { background: #6c99d0; color: #ffffff; display: inline-block; margin: 0 0 0 0.5rem; text-align: center; width: 1.25rem; height: 1.25rem; line-height: 1.25rem; font-weight: 600; }
#slideshow .eight.columns.text ul li a:hover { background: #6c99d0; color: #ffffff; }
#slideshow .eight.columns.text ul li a:hover i { color: #6c99d0; background: #ffffff; }
#slideshow .eight.columns.text ul li:last-child a { background: #6c99d0; color: #ffffff; }
#slideshow .eight.columns.text ul li:last-child a span i { background: #ffffff; color: #6c99d0; }
#slideshow .eight.columns.text ul li:last-child a:hover { color: #6c99d0; background: #ffffff; }
#slideshow .eight.columns.text ul li:last-child a:hover i { background: #6c99d0; color: #ffffff; }

/*=================================================================================
	GALLERIES
=================================================================================*/
article .gallery { margin: 0 0 40px !important; /*End of gallery item*/ }
article .gallery a, article .gallery a:hover, article .gallery a:focus { padding: 0; margin: 0; background: none; }
article .gallery:last-of-type { margin: 0 !important; }
article .gallery .gallery-item { margin: 0 1% 0.5% 0 !important; float: none !important; display: inline-block !important; width: 15.8% !important; position: relative !important; }
article .gallery .gallery-item:nth-of-type(6n+6) { margin-right: 0 !important; }
article .gallery .gallery-item img { display: block; border: none !important; width: 100%; height: auto; }
article .gallery .gallery-item .gallery-caption { position: absolute !important; bottom: 0; text-align: center; background: rgba(0, 0, 0, 0.5); padding: 5px; color: #ffffff; width: 100%; font-style: normal; opacity: 0; -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; -ms-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; display: none; }
article .gallery .gallery-item:hover .gallery-caption { opacity: 1; }
article .gallery br { display: none; }

/*End of gallery section*/
#slb_viewer_wrap .slb_theme_slb_default .slb_data_title, #slb_viewer_wrap .slb_theme_slb_default .slb_group_status { font-family: "Source Sans Pro", "Verdana", "Tahoma", sans-serif !important; }

#slb_viewer_wrap .slb_theme_slb_baseline .slb_slideshow, #slb_viewer_wrap .slb_theme_slb_baseline .slb_group_status { display: none; }

/*=================================================================================
	MAILCHIMP
=================================================================================*/
#mc_embed_signup li { background: none; padding: 0; }

#mc_embed_signup input.mce_inline_error { border-color: #F96567 !important; }

#mc_embed_signup div.mce_inline_error { background: #F96567 !important; }

#mc-embedded-subscribe { margin-top: 0.625rem; }

.indicates-required { font-size: 0; color: transparent; }
.indicates-required span { font-size: 0; color: transparent; }
.indicates-required:before { content: "Fields marked with a * are required"; margin: 0 0 5px 0; font-size: 0.75rem; color: #666666; font-style: italic; }

blockquote.testimonial { padding: 0; margin: 0 20px 20px; min-height: 0px; }
blockquote.testimonial cite { display: block; margin: -5px 0 0 10px; font-style: normal; font-size: 0.875rem; position: relative; }
blockquote.testimonial cite:before { content: "- "; position: absolute; top: 0; left: -8px; clear: both; }

/*End of testimonial*/
/* Site specifc */
/*=================================================================================
	TABLE OF CONTENTS
=================================================================================*/
/* 
	- Basics
		- Utility classes
		- Typography
		- Links
		- Buttons
		- Messages
	- Header 
		- Details (Phone number etc)
	- Main navigation
	- Content
		- Homepage specific styles
		- Article
			- Lists
			- Blockquotes
			- Tables
			- Extras
		- WP-Caption
		- Posts & Children
		- iFrames
	- Sidebar
	- Footer
	- GOOP credit
	- Media Queries
*/
/*=================================================================================
	BASICS
=================================================================================*/
html, body { height: 100%; margin: 0; padding: 0; line-height: 1.4; font-size: 1rem; color: #3c3c3b; font-family: "Source Sans Pro", "Verdana", "Tahoma", sans-serif; font-weight: 400; background: #ffffff; }

*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

a, img, span { -o-transition: opacity 0.3s ease-in-out; -ms-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; -webkit-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; }

/*==============================================
	UTILITY CLASSES
==============================================*/
.clearfix { clear: both; }

.left, .columns.left { float: left; }

.right, .columns.right { float: right; }

/*==============================================
	TYPOGRAPHY
==============================================*/
body, input, select, textarea, label, button { font-family: "Source Sans Pro", "Verdana", "Tahoma", sans-serif; }

#responsive ul li.menu-item-has-children:before, article blockquote:before { font-family: 'FontAwesome'; }

h1, h2, h3, h4, h5, h6 { font-family: "Source Sans Pro", "Verdana", "Tahoma", sans-serif; font-weight: 600; }

h1, h2, h3, h4, h5, h6, p, ul { margin-bottom: 0.875rem; }

li, p, em, strong, th, td { font-size: 1rem; }

small { font-size: 0.75rem; }

/*==============================================
	LINKS
==============================================*/
article a, aside a { color: #222222; text-decoration: none; position: relative; border-bottom: 1px dotted #bcbcba; }
article a:hover, article a:focus, aside a:hover, aside a:focus { color: #6c99d0; border-bottom: 1px solid #6c99d0; }
article a.readmore, aside a.readmore { white-space: nowrap; }

/*==============================================
	BUTTONS
==============================================*/
/*Default button*/
.btn, input[type=submit], button { color: #ffffff; background: #3c3c3b; font-size: 1rem; padding: 10px 15px; margin: 0; cursor: pointer; border: none; transition: opacity 0.3s ease-in-out; /*
Button variations
Use in conjunction with btn class to inherit all properties not overwritten here
*/ /*End btn-secondary*/ /*Add other variations here as needed*/ /*End btn-small*/ }
#donate .btn, #donate input[type=submit], #donate button { display: inline-block; margin: 0.9375rem 0; border: none; }
.btn:hover, .btn:focus, input[type=submit]:hover, input[type=submit]:focus, button:hover, button:focus { color: #ffffff; background: #222222; }
.btn.btn-secondary, input[type=submit].btn-secondary, button.btn-secondary { background: #6c99d0; }
.btn.btn-secondary:hover, .btn.btn-secondary:focus, input[type=submit].btn-secondary:hover, input[type=submit].btn-secondary:focus, button.btn-secondary:hover, button.btn-secondary:focus { background: #457ec4; }
.btn.btn-small, input[type=submit].btn-small, button.btn-small { padding: 5px 10px; font-size: 0.75rem; text-transform: uppercase; }

/*End buttons*/
/*==============================================
	MESSAGES
==============================================*/
.message { padding: 1.25rem; margin-bottom: 1.25rem; margin-top: 1.25rem; }
.message.warning { background: #fffbd7; border: 1px solid #d7c200; }
.message.error { background: #ffc6c7; border: 1px solid #c60004; }
.message.success { /*background: #91E7AD;
border: 1px solid darken(#91E7AD, 40%);*/ background: white; border: 1px solid #3465a2; }

/*End of messages section*/
/*=================================================================================
	HEADER
=================================================================================*/
header { position: relative; margin: 0; z-index: 100; padding: 1.25rem 0; }
@media only screen and (min-width: 600px) { .container header .five.columns { width: 50%; }
  .container header .eleven.columns { width: 50%; } }
header #logo a.logo { display: block; width: 100%; margin: 0 auto; max-width: 150px; }
@media only screen and (min-width: 600px) { header #logo a.logo { margin: 0 0 0 1.25rem; } }
@media only screen and (min-width: 768px) { header #logo a.logo { margin: 0; } }
header #logo a.logo img { display: block; margin: 0; width: 100%; }
header #details { list-style: none; margin: 0; padding: 0; text-align: center; }
@media only screen and (min-width: 600px) { header #details { text-align: right; position: absolute; bottom: 1.25rem; } }
header #details li { color: #6c99d0; font-size: 0.875rem; }
header #details li:nth-child(1) { font-weight: 700; font-size: 1.375rem; }
header #details li:nth-child(3) { font-size: 0.75rem; }
@media only screen and (min-width: 600px) { header #details li { font-size: 1.125rem; }
  header #details li:nth-child(1) { font-size: 1.875rem; }
  header #details li:nth-child(3) { font-size: 1rem; } }

/*=================================================================================
	MAIN NAVIGATION
=================================================================================*/
nav { position: relative; display: none !important; z-index: 999; text-align: center; }
@media only screen and (min-width: 768px) { nav { display: block !important; } }
nav ul { /* nav ul */ text-align: center; margin: 0; padding: 0; font-size: 0; white-space: nowrap; height: 2.1875rem; margin-bottom: 0.83333rem; }
nav ul li { /* nav ul li */ font-family: "Source Sans Pro", "Verdana", "Tahoma", sans-serif; font-size: 0.8125rem; font-weight: 400; display: inline-block; padding: 0; margin: 0; position: relative; height: 2.1875rem; line-height: 2.1875rem; /*==============================================
	DROPDOWNS
==============================================*/ }
@media only screen and (min-width: 850px) { nav ul li { font-size: 0.875rem; } }
@media only screen and (min-width: 960px) { nav ul li { font-size: 0.96875rem; } }
@media only screen and (min-width: 1024px) { nav ul li { font-size: 1rem; } }
nav ul li > a { /* nav ul li > a */ color: #3c3c3b; background: white; text-decoration: none; padding: 0 0.3125rem; display: block; }
@media only screen and (min-width: 850px) { nav ul li > a { padding: 0 0.40625rem; } }
@media only screen and (min-width: 960px) { nav ul li > a { padding: 0 0.5rem; } }
@media only screen and (min-width: 1024px) { nav ul li > a { padding: 0 0.53125rem; } }
nav ul li > a:hover, nav ul li > a:focus { color: #ffffff; background: #006c68; transition: opacity 0.3s ease-in-out; }
nav ul li:hover > a, nav ul li.current-menu-item > a, nav ul li.current-page-ancestor > a, nav ul li.current_page_parent > a { color: #ffffff; background: #006c68; }
nav ul li ul { /*nav ul li ul*/ position: absolute; left: 0px; top: -9999px; opacity: 0; z-index: 1; transition: opacity 0.3s ease-in-out; }
nav ul li:hover ul { opacity: 1.0; position: absolute; left: 0; top: 100%; display: block; height: auto; white-space: nowrap; margin-top: 0; text-align: left; padding-top: 0px; border-top: 1px solid #ffffff; }
nav ul li:hover ul li { display: block; margin: 0; padding: 0; height: 1.875rem; line-height: 1.875rem; font-weight: 400; }
@media only screen and (min-width: 850px) { nav ul li:hover ul li { font-size: 0.75rem; } }
@media only screen and (min-width: 960px) { nav ul li:hover ul li { font-size: 0.84375rem; } }
@media only screen and (min-width: 1024px) { nav ul li:hover ul li { font-size: 0.875rem; } }
nav ul li:hover ul li a { color: #3c3c3b; background: #eeeeee; padding: 0 0.625rem; margin: 0; line-height: 1.875rem; }
nav ul li:hover ul li.current-menu-item a, nav ul li:hover ul li:hover a, nav ul li:hover ul li:focus a { border: 0; color: white; background: #006c68; }

/*=================================================================================
	CONTENT
=================================================================================*/
section#content { padding: 1.25rem 0; }
@media only screen and (min-width: 768px) { section#content .eight.columns { display: inline; width: 50%; }
  section#content .eight.columns:first-child { padding-right: 0.41667rem; }
  section#content .eight.columns:last-child { padding-left: 0.41667rem; } }

/*==============================================
	HOMEPAGE SPECIFIC STYLES
==============================================*/
/*=================================================================================
	ARTICLE
=================================================================================*/
article { position: relative; /*==============================================
	LISTS
==============================================*/ /*==============================================
	SMALL
==============================================*/ /*==============================================
	BLOCKQUOTES
==============================================*/ /*End of blockquote*/ /*==============================================
	TABLES
==============================================*/ /*End of table*/ /*==============================================
	EXTRAS
==============================================*/ }
article h1 { font-size: 1.5625rem; margin-bottom: 0.9375rem; color: #3c3c3b; font-weight: 400; text-transform: uppercase; line-height: 1.2; }
article h2 { font-weight: 400; font-size: 1.25rem; margin-bottom: 0.625rem; color: #6c99d0; }
article h3 { font-size: 1.125rem; margin-bottom: 0.3125rem; font-weight: 400; color: #222222; }
article h4, article h5, article h6 { font-size: 1.0625rem; color: #6c99d0; }
article p { line-height: 1.25rem; }
article ul, article ol { margin: 0.9375rem 0.9375rem 1.5625rem 1.25rem; }
article ul li, article ol li { /*all list items*/ margin-bottom: 0.3125rem; }
article ul ul, article ul ol, article ol ul, article ol ol { /*list inside list*/ }
article ul { list-style: disc; }
article ul li { margin-bottom: 0.3125rem; }
article ol { list-style: decimal; }
#supporters article ol { list-style: none; margin: 1.5625rem 0; font-size: 0; text-align: center; }
#supporters article ol li { display: inline-block; vertical-align: middle; padding: 0 0.625rem; max-width: 50%; }
#supporters article ol li a { border: none; text-decoration: none; }
#supporters article ol li a img { display: block; max-width: 140px; }
#partners article ol { list-style: none; margin: 0 0 1.5625rem; }
#partners article ol li { display: block; margin: 0.9375rem 0 0 0; padding: 0 0 0.9375rem 0; border-bottom: 1px solid #d5d5d4; }
#partners article ol li img { display: block; height: 60px !important; width: auto !important; margin-bottom: 0.3125rem !important; }
article small { /*article .page small, article .post small, .single article small*/ font-size: 0.75rem; margin: 0 0 10px; opacity: 0.7; text-transform: uppercase; }
article .date { display: block; }
article blockquote { position: relative; padding: 0; }
article blockquote:before { content: "\f10d"; opacity: 0.5; position: absolute; top: 0; left: -18px; clear: both; }
article table { margin: 0 0 20px 0; border-collapse: collapse; width: 100%; border: 1px solid #cccccc; }
article table th, article table td { border: 1px solid #cccccc; }
article table th { padding: 3px 10px 3px; text-align: left; }
article table td { padding: 3px 10px 3px; text-align: left; }
article hr { border-color: #cccccc; height: 1px; }

/*End of article section*/
/*=================================================================================
	POSTS & CHILDREN
=================================================================================*/
article .page, article .post { clear: both; padding: 1.25rem 0 0; margin: 1.25rem 0 0; border-top: 1px solid #d5d5d4; /* End of h2.title */ }
article .page h2.title, article .post h2.title { /*article .page h2.title, article .post h2.title */ background: none; padding: 0; margin: 0 0 0.3125rem; }
article .page h2.title a, article .post h2.title a { /* article .page h2.title a, article .post h2.title */ text-decoration: none; padding: 0; margin: 0; border-color: transparent; color: inherit; }
article .page h2.title a:hover, article .page h2.title a:focus, article .post h2.title a:hover, article .post h2.title a:focus { /* article .page h2.title a:hover, article .post h2.title a:hover */ background: none; color: inherit; }
article .page p, article .post p { /*article .page p, article .post p*/ display: inline; }
@media only screen and (min-width: 600px) { article .page .description.twelve.columns, article .post .description.twelve.columns { width: 75%; } }
article .page .thumbnail, article .post .thumbnail { /*article .page .thumbnail, article .post .thumbnail*/ margin-bottom: 1.25rem; }
@media only screen and (min-width: 600px) { article .page .thumbnail.four.columns, article .post .thumbnail.four.columns { padding-right: 1.25rem; width: 25%; } }
article .page .thumbnail img, article .post .thumbnail img { /*article .page .thumbnail img, article .post .thumbnail img*/ display: block; margin: 0; width: 100%; height: auto; }
article .page .thumbnail a, article .page .thumbnail a:hover, article .page .thumbnail a:focus, article .post .thumbnail a, article .post .thumbnail a:hover, article .post .thumbnail a:focus { /*article .page .thumbnail a, article .post .thumbnail a, article .page .thumbnail a:hover, article .post .thumbnail a:hover*/ border: none; padding: 0; margin: 0; }

/*End of article .post and article .page*/
.post:not(.event):first-of-type { padding-top: 0; margin-top: 0; border-top: none; }

/*=================================================================================
	IFRAMES
=================================================================================*/
article iframe, aside iframe { margin: 0 0 20px; display: block; width: 100% !important; }

/*=================================================================================
	SIDEBAR
=================================================================================*/
aside { margin: 0; padding: 0; }
aside ul.sidebar { margin: 0; margin-top: 1.25rem; padding-top: 1.25rem; }
aside ul.sidebar:first-of-type { border-top: 1px solid #bcbcba; }
@media only screen and (min-width: 768px) { aside ul.sidebar { margin: 0 0 0 1.25rem; padding: 0; text-align: right; }
  aside ul.sidebar:first-of-type { border: none; } }
aside ul.sidebar li h3 { font-family: "Source Sans Pro", "Verdana", "Tahoma", sans-serif; color: #3c3c3b; font-weight: 400; font-size: 1.5625rem; }
aside ul.sidebar li a { text-decoration: none; color: #6c99d0; border: none; }
aside ul.latest { margin: 0; }
@media only screen and (min-width: 768px) { aside ul.latest { text-align: left; } }
aside ul.latest li { line-height: 1.2; margin-bottom: 0.625rem; font-size: 0.875rem; }
aside ul.latest li:last-child { margin: 0; }
aside ul.latest li h3 { font-family: "Source Sans Pro", "Verdana", "Tahoma", sans-serif; color: #3c3c3b; font-weight: 400; font-size: 1.5625rem; }
aside ul.latest li a { text-decoration: none; color: #6c99d0; border: none; }
aside ul.latest li div { font-size: 0.875rem; }
aside ul.latest li div strong { display: block; font-size: 0.9375rem; }
aside ul.latest li div img { width: 100%; height: auto; display: block; }
aside ul.latest li small span { background: #006c68; color: #ffffff; display: block; text-align: center; vertical-align: top; font-size: 0.875rem; line-height: 1; padding: 0.3125rem 0.3125rem 0; }
aside ul.latest li small span:last-child { padding: 0 0.3125rem 0.375rem; }
@media only screen and (min-width: 1px) { aside ul.latest li .two.columns { width: 12.5%; }
  aside ul.latest li .four.columns { width: 25%; padding-left: 1%; }
  aside ul.latest li .ten.columns { width: 62.5%; padding-left: 2%; }
  aside ul.latest li .fourteen.columns { width: 87.5%; padding-left: 2%; } }

/*End of aside section*/
/*=================================================================================
	FOOTER
=================================================================================*/
footer { background-color: #e0e9f5; }
footer ul.four.columns { list-style: none; margin: 0; text-align: center; }
@media only screen and (min-width: 768px) { footer ul.four.columns { text-align: left; } }
footer ul.four.columns li { padding: 0.625rem 0; display: inline-block; vertical-align: top; margin: 0 0.625rem; }
footer ul.four.columns li a { color: #6c99d0; text-decoration: none; font-size: 0.875rem; }
footer ul.four.columns li a:hover, footer ul.four.columns li a:focus { color: #3465a2; }
footer ul.four.columns li a .fa-facebook-square { font-size: 1.5625rem; color: #3d5a98; }
footer ul.four.columns li.subscribe { font-size: 1.125rem; margin-top: -0.1875rem; }
footer ul.four.columns li.subscribe i { background: #6c99d0; color: #ffffff; display: inline-block; line-height: 1.125rem; height: 1.125rem; width: 1.125rem; text-align: center; vertical-align: middle; margin: 0 0 0 0.3125rem; }

/*=================================================================================
	GOOP CREDIT
=================================================================================*/
ul.goop { list-style: none; font-size: 0; margin: 0; padding: 0.83333rem 0; text-align: center; /*End li*/ }
@media only screen and (min-width: 768px) { ul.goop { text-align: right; } }
ul.goop li { display: inline-block; padding: 0; line-height: 15px; vertical-align: middle; margin: 0 4px; /*End link*/ }
@media only screen and (max-width: 480px) { ul.goop li { float: none; display: block; margin-left: auto; margin-right: auto; text-align: center; width: 100%; max-width: 100%; } }
ul.goop li a { padding: 0; margin: 0; display: block; color: #6c99d0; text-decoration: none; font-size: 0.75rem; }
ul.goop li a:hover, ul.goop li a:focus { color: #3465a2; }
ul.goop li a span { vertical-align: bottom; font-size: 0.75rem; display: block; }
ul.goop li.logo a:hover { border: none; text-decoration: none; }

/*End of Goop section*/
/*Overrides*/
/*=================================================================================
	IE
=================================================================================*/
.lt-ie9 { /* WHEN TO SWITCH FROM RESPONSIVE TO REGULAR NAV*/ /*END NAV SWITCH*/ }
.lt-ie9 html, .lt-ie9 body { font-size: 100%; }
.lt-ie9 .thecontent .recentposts li .inner-content { width: 55%; }
.lt-ie9 .thecontent .recentposts li .inner-content .date { height: 45px; line-height: 16px; padding: 5px; width: 45px; }
.lt-ie9 .thecontent .recentposts li .theimage { display: inline-block; }
.lt-ie9 .thecontent .right-side { padding-left: 10px; }
.lt-ie9 .thecontent .left-side { padding-right: 10px; }
.lt-ie9 #slideshow .slider-content { left: -4px; }
.lt-ie9 #slideshow .slider-content div.slide-caption { font-size: 1.5rem; }
.lt-ie9 #slideshow div.cycle-slideshow { height: 350px; }
.lt-ie9 #slideshow div.cycle-slideshow div { height: 350px; }
.lt-ie9 #slideshow .blue-side { height: 350px; margin: 0 10px; padding: 20px; width: 47%; }
.lt-ie9 #slideshow .blue-side .title { font-size: 3.125rem; margin-bottom: 30px; line-height: 60px; }
.lt-ie9 #slideshow .blue-side a { font-size: 1.5rem; }
.lt-ie9 #slideshow .blue-side a span { font-size: 1.5rem; }
.lt-ie9 #slideshow .blue-side a span i { width: 30px; }
.lt-ie9 #slideshow .image-side { padding: 0px 10px; }
.lt-ie9 #responsive { display: none; }
.lt-ie9 nav { display: block !important; }
.lt-ie9 article .page .thumbnail, .lt-ie9 article .post .thumbnail { padding-right: 1.25rem; }
.lt-ie9 header { padding: 15px 0 0; }
.lt-ie9 header #details { margin-top: 120px; }
.lt-ie9 header #details span { font-size: 1.625rem; }
.lt-ie9 header #details span.office { margin-bottom: 15px; }
.lt-ie9 header #details span strong { display: block; font-size: 1.625rem; }
.lt-ie9 footer .left-side { text-align: left; }
.lt-ie9 footer .left-side .subscribe i { height: 20px; padding: 3px; width: 20px; }
.lt-ie9 footer .right-side { text-align: right; }
.lt-ie9 aside { border-top: 0 solid #969694; margin: 1.25rem 0 0; vertical-align: top; }
.lt-ie9 html, .lt-ie9 body { font-size: 1rem; }

/*=================================================================================
	BROWSER WARNING
=================================================================================*/
#browser { text-align: center; padding: 0; background: #ffffcc; margin: 0; font-size: 70%; width: 100%; border-bottom: 1px solid #cccccc; font-family: "Source Sans Pro", "Verdana", "Tahoma", sans-serif; z-index: 10000; position: relative; }

#browser span { display: block; width: 960px; margin: 0 auto; padding: 3px; color: #666666; }

#browser span a { color: #000; text-decoration: none; }

#browser span a:hover, #browser span a:focus { background: none; color: #000; text-decoration: underline; }