/*
Theme Name: Tree Culture
Author: Tracey Shaw @ GOOP.
Author URI: http://www.goop.com.au/
Description: WordPress theme for Tree Culture
Text Domain: treeculture
SASS: 1.6.3
Version: 1.1
*/
/* Font imports */
@import url("//goopfiles.com/library/fonts/font-awesome/css/font-awesome.min.css");
@import url("//fonts.googleapis.com/css?family=Open+Sans:300,400,600");
/* 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)
*/
/*Stop letting things get bigger after 1920*/
/* Colour scheme */
/* 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 */
/* Social media colours */
/*==============================================
	BUTTON MIXINS
==============================================*/
/*==============================================
	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
==============================================*/
/*==============================================
	GRID MIXINS
==============================================*/
/* Usage:

.class {
	@include six-columns;
}

Output:

.class {
	width:37.5%;
	float:left;
	display:inline;
}

*/
/* Base */
/*=================================================================================
	base.css v1.6
=================================================================================*/
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, main { margin: 0; padding: 0; border: 0; outline: 0; font-size: inherit; vertical-align: baseline; background: transparent; }

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

body { line-height: 1; background: #ffffff; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main { 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 { text-decoration: none; }

mark { font-weight: bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom: 0.0625rem dotted #8b8b8b; cursor: help; }

hr { display: block; height: 0.0625rem; border: 0; border-top: 0.0625rem solid #8b8b8b; margin: 1.25rem 0; padding: 0; }

input, select { vertical-align: middle; }

ul, ol { font-size: 0; }

main pre, 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; }

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

main ul.columns-1, article ul.columns-2, article ul.columns-3, article ul.columns-4 { clear: both; width: 100%; font-size: 0; }

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

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

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

main 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: 60rem; }
@media only screen and (min-width: 1200px) { .container { max-width: 1200px; } }

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

.row { margin-bottom: 0; }

.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%; }

/*=================================================================================
	FORMS
=================================================================================*/
.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%; }

/*=================================================================================
	OFFSETS - Smaller offsets using a variable $gutter as padding
=================================================================================*/
.gutter-left { padding-left: 1.25rem; }

.gutter-right { padding-right: 1.25rem; }

@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
=================================================================================*/
::-moz-selection { background: #dddddd; }
::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; }

/*=================================================================================
	OFFSETS - Smaller offsets using a variable $gutter as padding
=================================================================================*/
@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] - requires GOOP plugin version 0.1.10 at least
=================================================================================*/
.domain:before { content: "\40"; margin-right: 0px; }

/*=================================================================================
	SITEMAP
=================================================================================*/
main ul.sitemap li ul { margin-top: 0.1875rem; margin-bottom: 0; }
main ul.sitemap li.current_page_item { display: none; }

/*=================================================================================
	SCROLL
=================================================================================*/
#scroll { padding: 0; font-size: 1.5625rem; position: fixed; bottom: 0.625rem; right: 0.625rem; cursor: pointer; display: none; color: #191919; z-index: 10000; opacity: 0.5; }

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

/*=================================================================================
	IFRAMES
=================================================================================*/
main iframe { margin: 0 0 1.25rem; display: block; width: 100% !important; }

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

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

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

/*=================================================================================
	SKIP TO CONTENT
=================================================================================*/
.skip { position: absolute; top: -1000px; left: -1000px; text-align: left; overflow: hidden; padding: 0.625rem; display: block; width: 100%; text-decoration: none; }
.skip:active, .skip:focus, .skip:hover { top: 0; left: 0; position: relative; background: #FFCE00; color: #000; }

/*=================================================================================
	MAIN NAVIGATION
=================================================================================*/
nav { padding: 0; margin: 0 auto; width: 100%; display: none !important; z-index: 999; background: -webkit-linear-gradient(left, #7bcbbf 50%, #47b3a3 50%); background: linear-gradient(to right, #7bcbbf 50%, #47b3a3 50%); }
@media only screen and (min-width: 768px) { nav { display: block !important; } }
nav ul { text-align: center; margin: 0; padding: 0; font-size: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; height: 3.125rem; }
nav ul li { font-family: "Open Sans", "Verdana", "Tahoma", sans-serif; font-size: 0.875rem; text-transform: uppercase; color: #0c0c0c; font-weight: 600; line-height: 1.1; position: relative; margin: 0; -webkit-box-flex: 100%; -webkit-flex: 100%; -ms-flex: 100%; flex: 100%; background: #7bcbbf /*==============================================
	DROPDOWNS
==============================================*/ /*==============================================
	SECOND LEVEL HOVER
==============================================*/ }
nav ul li:nth-child(2) { background: #70c7ba; }
nav ul li:nth-child(3) { background: #65c2b4; }
nav ul li:nth-child(4) { background: #5abeaf; }
nav ul li:nth-child(5) { background: #4fbaaa; }
nav ul li:nth-child(6) { background: #47b3a3; }
nav ul li > a { color: #ffffff; text-decoration: none; margin: 0; display: block; padding: 0.9375rem 0.3125rem; }
nav ul li:hover, nav ul li:focus, nav ul li.current-menu-item, nav ul li.current-page-item, nav ul li.current-page-ancestor, nav ul li.current_page_parent { background: #191919; }
nav ul li:hover > a, nav ul li:focus > a, nav ul li.current-menu-item > a, nav ul li.current-page-item > a, nav ul li.current-page-ancestor > a, nav ul li.current_page_parent > a { color: #ffffff; }
nav ul li ul { position: absolute; left: -9999px; top: -9999px; opacity: 0; z-index: 1; font-size: 0.85em; visibility: hidden; min-width: 100%; }
nav ul li ul li, nav ul li ul li:nth-child(2), nav ul li ul li:nth-child(3), nav ul li ul li:nth-child(4), nav ul li ul li:nth-child(5), nav ul li ul li:nth-child(6) { background: #0c0c0c; display: block; margin: 0; padding: 0; line-height: 1.875rem; font-weight: 300; font-size: 1em; }
nav ul li ul li.menu-item-has-children, nav ul li ul li:nth-child(2).menu-item-has-children, nav ul li ul li:nth-child(3).menu-item-has-children, nav ul li ul li:nth-child(4).menu-item-has-children, nav ul li ul li:nth-child(5).menu-item-has-children, nav ul li ul li:nth-child(6).menu-item-has-children { position: relative; padding: 0 0.625rem 0 0; }
nav ul li ul li.menu-item-has-children:before, nav ul li ul li:nth-child(2).menu-item-has-children:before, nav ul li ul li:nth-child(3).menu-item-has-children:before, nav ul li ul li:nth-child(4).menu-item-has-children:before, nav ul li ul li:nth-child(5).menu-item-has-children:before, nav ul li ul li:nth-child(6).menu-item-has-children:before { background: none; position: absolute; top: 0.125rem; right: 0.625rem; font-size: 0.75rem; content: "\f105"; color: #ffffff; opacity: 0.5; }
nav ul li ul li > a, nav ul li ul li:nth-child(2) > a, nav ul li ul li:nth-child(3) > a, nav ul li ul li:nth-child(4) > a, nav ul li ul li:nth-child(5) > a, nav ul li ul li:nth-child(6) > a { color: #ffffff; padding: 0 0.625rem; margin: 0; }
nav ul li ul li > a:hover, nav ul li ul li > a:focus, nav ul li ul li:nth-child(2) > a:hover, nav ul li ul li:nth-child(2) > a:focus, nav ul li ul li:nth-child(3) > a:hover, nav ul li ul li:nth-child(3) > a:focus, nav ul li ul li:nth-child(4) > a:hover, nav ul li ul li:nth-child(4) > a:focus, nav ul li ul li:nth-child(5) > a:hover, nav ul li ul li:nth-child(5) > a:focus, nav ul li ul li:nth-child(6) > a:hover, nav ul li ul li:nth-child(6) > a:focus { color: #ffffff; }
nav ul li ul li:hover, nav ul li ul li:focus, nav ul li ul li.current-menu-item, nav ul li ul li.current-page-item, nav ul li ul li.current-page-ancestor, nav ul li ul li.current_page_parent, nav ul li ul li:nth-child(2):hover, nav ul li ul li:nth-child(2):focus, nav ul li ul li:nth-child(2).current-menu-item, nav ul li ul li:nth-child(2).current-page-item, nav ul li ul li:nth-child(2).current-page-ancestor, nav ul li ul li:nth-child(2).current_page_parent, nav ul li ul li:nth-child(3):hover, nav ul li ul li:nth-child(3):focus, nav ul li ul li:nth-child(3).current-menu-item, nav ul li ul li:nth-child(3).current-page-item, nav ul li ul li:nth-child(3).current-page-ancestor, nav ul li ul li:nth-child(3).current_page_parent, nav ul li ul li:nth-child(4):hover, nav ul li ul li:nth-child(4):focus, nav ul li ul li:nth-child(4).current-menu-item, nav ul li ul li:nth-child(4).current-page-item, nav ul li ul li:nth-child(4).current-page-ancestor, nav ul li ul li:nth-child(4).current_page_parent, nav ul li ul li:nth-child(5):hover, nav ul li ul li:nth-child(5):focus, nav ul li ul li:nth-child(5).current-menu-item, nav ul li ul li:nth-child(5).current-page-item, nav ul li ul li:nth-child(5).current-page-ancestor, nav ul li ul li:nth-child(5).current_page_parent, nav ul li ul li:nth-child(6):hover, nav ul li ul li:nth-child(6):focus, nav ul li ul li:nth-child(6).current-menu-item, nav ul li ul li:nth-child(6).current-page-item, nav ul li ul li:nth-child(6).current-page-ancestor, nav ul li ul li:nth-child(6).current_page_parent { background: #191919; }
nav ul li ul li:hover > a, nav ul li ul li:focus > a, nav ul li ul li.current-menu-item > a, nav ul li ul li.current-page-item > a, nav ul li ul li.current-page-ancestor > a, nav ul li ul li.current_page_parent > a, nav ul li ul li:nth-child(2):hover > a, nav ul li ul li:nth-child(2):focus > a, nav ul li ul li:nth-child(2).current-menu-item > a, nav ul li ul li:nth-child(2).current-page-item > a, nav ul li ul li:nth-child(2).current-page-ancestor > a, nav ul li ul li:nth-child(2).current_page_parent > a, nav ul li ul li:nth-child(3):hover > a, nav ul li ul li:nth-child(3):focus > a, nav ul li ul li:nth-child(3).current-menu-item > a, nav ul li ul li:nth-child(3).current-page-item > a, nav ul li ul li:nth-child(3).current-page-ancestor > a, nav ul li ul li:nth-child(3).current_page_parent > a, nav ul li ul li:nth-child(4):hover > a, nav ul li ul li:nth-child(4):focus > a, nav ul li ul li:nth-child(4).current-menu-item > a, nav ul li ul li:nth-child(4).current-page-item > a, nav ul li ul li:nth-child(4).current-page-ancestor > a, nav ul li ul li:nth-child(4).current_page_parent > a, nav ul li ul li:nth-child(5):hover > a, nav ul li ul li:nth-child(5):focus > a, nav ul li ul li:nth-child(5).current-menu-item > a, nav ul li ul li:nth-child(5).current-page-item > a, nav ul li ul li:nth-child(5).current-page-ancestor > a, nav ul li ul li:nth-child(5).current_page_parent > a, nav ul li ul li:nth-child(6):hover > a, nav ul li ul li:nth-child(6):focus > a, nav ul li ul li:nth-child(6).current-menu-item > a, nav ul li ul li:nth-child(6).current-page-item > a, nav ul li ul li:nth-child(6).current-page-ancestor > a, nav ul li ul li:nth-child(6).current_page_parent > a { color: #ffffff; }
nav ul li ul li ul li, nav ul li ul li:nth-child(2) ul li, nav ul li ul li:nth-child(3) ul li, nav ul li ul li:nth-child(4) ul li, nav ul li ul li:nth-child(5) ul li, nav ul li ul li:nth-child(6) ul li { background: #191919; }
nav ul li:hover ul { opacity: 1.0; position: absolute; left: 0; top: 100%; display: block; height: auto; white-space: nowrap; margin: 0; visibility: visible; padding: 0; text-align: left /*==============================================
	THIRD LEVEL HOVER
==============================================*/ }
nav ul li:hover ul li ul { visibility: hidden; top: -9999px; left: 0; opacity: 0; border: 0; }
nav ul li:hover ul li:hover ul { top: 0; left: 100%; visibility: visible; opacity: 1; }
nav ul li:hover:last-child ul { left: auto; right: 0; }

/*=================================================================================
	FORMS
=================================================================================*/
form li { list-style: none; }
form label { display: block; margin-top: 1em; }
form input[type=radio] + label { margin-top: 0; }
form input[type=checkbox] + label, form input[type=radio] + label, form label.checkbox { display: inline-block; }
form input[type=text], form input[type=email], form input[type=password], form textarea, form select { border: 0.0625rem solid #d8d8d8; padding: 0.3125rem; display: block; margin-left: 0 !important; width: 100% !important; color: #585858; }
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 { color: #252525; }

/*=================================================================================
	NINJA FORMS
=================================================================================*/
.ninja-forms-cont { padding-bottom: 1.25rem; }
.ninja-forms-cont .ninja-forms-response-msg { margin: 0; font-weight: 700; }
.ninja-forms-cont .ninja-forms-response-msg.ninja-forms-error-msg { color: #cc0000; }
.ninja-forms-cont .ninja-forms-response-msg.ninja-forms-error-msg p { display: inline; padding-right: 0.3125rem; }
.ninja-forms-cont ninja-forms-response-msg.ninja-forms-success-msg { color: #191919; margin: 0 0 1.25rem; }
.ninja-forms-cont .ninja-forms-field-error { color: #cc0000; font-size: 0.75rem; }
.ninja-forms-cont .ninja-forms-field-error p { display: inline; }
.ninja-forms-cont .ninja-forms-error input[type=text], .ninja-forms-cont .ninja-forms-error input[type=email], .ninja-forms-cont .ninja-forms-error textarea, .ninja-forms-cont .ninja-forms-error select { border-color: #cc0000 !important; }
.ninja-forms-cont .ninja-forms-field-description { font-size: 0.75rem; }
.ninja-forms-cont .ninja-forms-field-description p { margin: 0 0 0.3125rem; color: #585858; }
.ninja-forms-cont .ninja-forms-required-items { display: block; margin: 0 0 0.3125rem 0; font-size: 0.75rem; color: #585858; font-style: italic; }
.ninja-forms-cont .input-group { margin-top: 1em; }
.ninja-forms-cont .field-wrap { margin-bottom: 0.5rem !important; }
.ninja-forms-cont .field-wrap:last-child { margin-bottom: 0 !important; }

aside .ninja-forms-cont { margin: 0 auto !important; padding: 0; max-width: 480px; }
aside .ninja-forms-cont input, aside .ninja-forms-cont select, aside .ninja-forms-cont textarea { background: rgba(255, 255, 255, 0.7) !important; border: none !important; color: #3fa192; }
aside .ninja-forms-cont input[type=submit], aside .ninja-forms-cont select[type=submit], aside .ninja-forms-cont textarea[type=submit] { width: 100%; text-align: center; color: #ffffff; font-weight: 600; background: #3fa192 !important; padding: 0.625rem; }
aside .ninja-forms-cont input[type=submit]:hover, aside .ninja-forms-cont select[type=submit]:hover, aside .ninja-forms-cont textarea[type=submit]:hover { background: #317c71 !important; }
aside .ninja-forms-cont .ninja-forms-required-items { display: none !important; }

/*=================================================================================
	DATEPICKER
=================================================================================*/
.ui-datepicker-header { background: #7bcbbf; color: #ffffff; }

.ui-datepicker-calendar { border: 1px solid #7bcbbf; }

a.ui-state-default { color: #7bcbbf; display: block; padding: 2px; }
a.ui-state-default:hover, a.ui-state-default:focus { background: #7bcbbf; color: #ffffff; }

/*==============================================
	IMAGES
==============================================*/
.alignnone { margin: 0 0 1.25rem 0; }

.aligncenter, div.aligncenter { display: block; margin: 0 auto 1.25rem; }

.alignright { float: right; margin: 0 0 1.25rem 1.25rem; }

.alignleft { float: left; margin: 0 1.25rem 1.25rem 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 1.25rem 1.25rem; }

img.alignleft { margin: 0 1.25rem 1.25rem 0; }

img.aligncenter { display: block; margin: 0 auto 1.25rem; }

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: 599px) { .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; } }

.size-full { width: 100%; height: auto; }

.size-medium { width: 60%; height: auto; }

.size-small { width: 30%; height: auto; }

/*=================================================================================
	WP-CAPTION
=================================================================================*/
.wp-caption { margin-bottom: 1.25rem; 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: 0.625rem 0.3125rem; opacity: 0.8; }

/*=================================================================================
	PAGINATION
=================================================================================*/
main .pagination { margin-top: 1.25rem; margin-bottom: 1.25rem; padding: 0; display: block /*=================================================================================
	SINGLE POSTS
=================================================================================*/ }
main .pagination span, main .pagination a { display: inline-block; background: #7bcbbf; color: #ffffff !important; height: 1.25rem; width: 1.25rem; line-height: 1.25rem; text-align: center; font-size: 0.75rem; border: none !important; text-decoration: none; display: inline-block; }
main .pagination span:hover, main .pagination span:focus, main .pagination span.current, main .pagination a:hover, main .pagination a:focus, main .pagination a.current { background: #56bdad; border: none; color: #ffffff; }
main .pagination.single div { display: inline-block; width: 50%; margin: 0; }
main .pagination.single div.newer { text-align: right; }

/*=================================================================================
	BUTTONS
=================================================================================*/
.btn, input[type=submit], button { color: #ffffff; background: #191919; text-transform: uppercase; font-size: 0.875rem; padding: 0.35714rem 0.5rem; margin: 0; cursor: pointer; border: 0; display: inline-block; -webkit-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; line-height: 1.4; margin-bottom: 0.625rem; -webkit-appearance: none /*Stops iOS from taking over how buttons look*/ }
.btn:hover, .btn:focus, input[type=submit]:hover, input[type=submit]:focus, button:hover, button:focus { color: #ffffff; background: black; border: 0; }

/*=================================================================================
	BUTTON VARIATIONS
=================================================================================*/
.btn-primary { color: #ffffff; background: #191919; text-transform: uppercase; font-size: 0.875rem; padding: 0.35714rem 0.5rem; margin: 0; cursor: pointer; border: 0; display: inline-block; -webkit-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; line-height: 1.4; margin-bottom: 0.625rem; -webkit-appearance: none; /*Stops iOS from taking over how buttons look*/ background: #7bcbbf; }
.btn-primary:hover, .btn-primary:focus { color: #ffffff; background: black; border: 0; }
.btn-primary:hover, .btn-primary:focus { background: #56bdad; }

.btn-secondary { color: #ffffff; background: #191919; text-transform: uppercase; font-size: 0.875rem; padding: 0.35714rem 0.5rem; margin: 0; cursor: pointer; border: 0; display: inline-block; -webkit-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; line-height: 1.4; margin-bottom: 0.625rem; -webkit-appearance: none; /*Stops iOS from taking over how buttons look*/ background: #191919; }
.btn-secondary:hover, .btn-secondary:focus { color: #ffffff; background: black; border: 0; }
.btn-secondary:hover, .btn-secondary:focus { background: black; }

.btn-accent { color: #ffffff; background: #191919; text-transform: uppercase; font-size: 0.875rem; padding: 0.35714rem 0.5rem; margin: 0; cursor: pointer; border: 0; display: inline-block; -webkit-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; line-height: 1.4; margin-bottom: 0.625rem; -webkit-appearance: none; /*Stops iOS from taking over how buttons look*/ background: #ffffff; }
.btn-accent:hover, .btn-accent:focus { color: #ffffff; background: black; border: 0; }
.btn-accent:hover, .btn-accent:focus { background: #e6e6e6; }

.btn.full-width, .btn-primary.full-width, .btn-secondary.full-width, .btn-accent.full-width { /*To be used in conjunction with other button styles*/ width: 100%; padding: 0.41667rem 0.625rem; font-size: 0.75rem; text-transform: uppercase; }
.btn span, .btn-primary span, .btn-secondary span, .btn-accent span { padding-top: 0.625rem; padding-bottom: 0.625rem; display: inline-block; }
.btn i, .btn-primary i, .btn-secondary i, .btn-accent i { display: inline-block; line-height: 1; margin-left: 0.375rem; }
.btn i.fa-2x, .btn-primary i.fa-2x, .btn-secondary i.fa-2x, .btn-accent i.fa-2x { font-size: inherit; }

.btn-small { padding: 0.41667rem 0.625rem; font-size: 0.75rem; text-transform: uppercase; }

br + .btn { margin-top: 0.625rem; }

/*==============================================
	MESSAGES
==============================================*/
.message, #mce-responses > div { padding: 1.25rem; margin-bottom: 1.25rem; margin-top: 1.25rem; }
.message.warning, #mce-responses > div.warning { background: #fffbd7; border: 1px solid #d7c200; }
.message.error, .message #mce-error-response, #mce-responses > div.error, #mce-responses > div #mce-error-response { background: #ffc6c7; border: 1px solid #c60004; }
.message.success, .message #mce-success-response, #mce-responses > div.success, #mce-responses > div #mce-success-response { background: white; border: 1px solid #67ce87; }

/*! Swipebox v1.3.0 | Constantin Saguin csag.co | MIT License | github.com/brutaldesign/swipebox */
html.swipebox-html.swipebox-touch { overflow: hidden !important; }

#swipebox-overlay img { border: none !important; }

#swipebox-overlay { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 99999 !important; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

#swipebox-container { position: relative; width: 100%; height: 100%; }

#swipebox-slider { -webkit-transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; height: 100%; left: 0; top: 0; width: 100%; white-space: nowrap; position: absolute; display: none; cursor: pointer; }
#swipebox-slider .slide { height: 100%; width: 100%; line-height: 0.0625rem; text-align: center; display: inline-block; position: relative; top: -5px !important; }
#swipebox-slider .slide:before { content: ""; display: inline-block; height: 50%; width: 0.0625rem; margin-right: -0.0625rem; }
#swipebox-slider .slide img, #swipebox-slider .slide .swipebox-video-container, #swipebox-slider .slide .swipebox-inline-container { display: inline-block; max-height: 100%; max-width: 100%; margin: 0; padding: 0; width: auto; height: auto; vertical-align: middle; }
#swipebox-slider .slide .swipebox-video-container { background: none; max-width: 1140px; max-height: 100%; width: 100%; padding: 5%; box-sizing: border-box; }
#swipebox-slider .slide .swipebox-video-container .swipebox-video { width: 100%; height: 0; padding-bottom: 56.25%; overflow: hidden; position: relative; }
#swipebox-slider .slide .swipebox-video-container .swipebox-video iframe { width: 100% !important; height: 100% !important; position: absolute; top: 0; left: 0; }
#swipebox-slider .slide-loading { background: url(lightbox/images/loader.gif) no-repeat center center; }

#swipebox-bottom-bar, #swipebox-top-bar { position: absolute; left: 0; z-index: 999; height: 50px; width: 100%; }

#swipebox-bottom-bar { bottom: 0 !important; }

#swipebox-top-bar { top: 0 !important; }
#swipebox-top-bar #swipebox-title { display: block !important; width: 100%; text-align: center; padding-top: 0.9375rem; }

#swipebox-prev, #swipebox-next, #swipebox-close { background-image: url(lightbox/images/icons.png); background-repeat: no-repeat; border: none !important; text-decoration: none !important; cursor: pointer; width: 50px; height: 50px; top: 0; }

#swipebox-arrows { display: block; margin: 0 auto !important; width: 100%; height: 50px; }

#swipebox-prev { background-position: -32px 13px; float: left; }

#swipebox-next { background-position: -78px 13px; float: right; }

#swipebox-close { top: 0; right: 0; position: absolute; z-index: 9999; background-position: 15px 12px; }

.swipebox-no-close-button #swipebox-close { display: none; }

#swipebox-prev.disabled, #swipebox-next.disabled { opacity: 0.3; }

.swipebox-no-touch #swipebox-overlay.rightSpring #swipebox-slider { -webkit-animation: rightSpring 0.3s; animation: rightSpring 0.3s; }

.swipebox-no-touch #swipebox-overlay.leftSpring #swipebox-slider { -webkit-animation: leftSpring 0.3s; animation: leftSpring 0.3s; }

.swipebox-touch #swipebox-container:before, .swipebox-touch #swipebox-container:after { -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: all .3s ease; transition: all .3s ease; content: ' '; position: absolute; z-index: 999; top: 0; height: 100%; width: 20px; opacity: 0; }

.swipebox-touch #swipebox-container:before { left: 0; box-shadow: inset 10px 0px 10px -8px #656565; }

.swipebox-touch #swipebox-container:after { right: 0; box-shadow: inset -10px 0px 10px -8px #656565; }

.swipebox-touch #swipebox-overlay.leftSpringTouch #swipebox-container:before { opacity: 1; }

.swipebox-touch #swipebox-overlay.rightSpringTouch #swipebox-container:after { opacity: 1; }

@-webkit-keyframes rightSpring { 0% { left: 0; }
  50% { left: -30px; }
  100% { left: 0; } }
@keyframes rightSpring { 0% { left: 0; }
  50% { left: -30px; }
  100% { left: 0; } }
@-webkit-keyframes leftSpring { 0% { left: 0; }
  50% { left: 30px; }
  100% { left: 0; } }
@keyframes leftSpring { 0% { left: 0; }
  50% { left: 30px; }
  100% { left: 0; } }
@media screen and (min-width: 800px) { #swipebox-close { right: 10px; }
  #swipebox-arrows { width: 92%; max-width: 800px; } }
#swipebox-overlay { background: rgba(0, 0, 0, 0.9); }

#swipebox-bottom-bar, #swipebox-top-bar { text-shadow: 1px 1px 1px black; background: rgba(0, 0, 0, 0.9); }

#swipebox-top-bar { color: #ffffff !important; font-size: 0.8125rem; line-height: 1.15; font-family: "Open Sans", "Verdana", "Tahoma", sans-serif; }

/* Features */
/*=================================================================================
	RESPONSIVE MENU
=================================================================================*/
#responsive { display: block; position: relative; z-index: 1000; }
@media only screen and (min-width: 768px) { #responsive { display: none; } }
#responsive span { padding: 0.625rem; position: absolute; width: 1.25rem; text-align: left; color: #191919; cursor: pointer; }
#responsive span i { font-size: 1.5625rem; }
#responsive ul { background: #191919; padding: 0; margin-bottom: 0; display: none; list-style: none; }
#responsive ul li { border-bottom: 1px solid black; margin: 0; line-height: 2.1875rem; min-height: 2.1875rem; padding: 0; text-transform: uppercase; }
#responsive ul li a { color: #ffffff; text-decoration: none; display: block; padding: 0 0.625rem; }
#responsive ul li:last-child { border: none; }
#responsive ul li:hover { background: #0c0c0c; color: #ffffff; }
#responsive ul li:hover > ul { opacity: 1; position: relative; top: auto; left: auto; display: block; height: auto; width: auto; white-space: normal; margin: 0; text-align: left; overflow: visible; border-top: 1px solid black; position: relative; -webkit-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; }
#responsive ul li ul { display: none; opacity: 0; top: -9999px; left: 0; z-index: 1; }
#responsive ul li ul li { font-size: 0.75rem; }
#responsive ul li ul li a { color: #ffffff; }
#responsive ul li ul li a:before { content: "- "; }
#responsive ul li ul li ul { display: none !important; }
#responsive ul li.menu-item-has-children { position: relative; }
#responsive ul li.menu-item-has-children:before { position: absolute; top: 0; right: 0.625rem; content: "\f107"; color: #ffffff; }

/*=================================================================================
	RESPONSIVE TABLES USING STACKTABLE.JS
=================================================================================*/
.stacktable { width: 100%; }

.st-head-row { padding: 0.625rem; }

.st-head-row.st-head-row-main { font-size: 1.5em; }

.stacktable.large-only { display: table; }

.stacktable.small-only { display: none; }

@media (max-width: 767px) { .stacktable.large-only { display: none; }
  .stacktable.small-only { display: table; } }
/*=================================================================================
	GALLERIES
=================================================================================*/
main .gallery, article .gallery { margin: 0 0.5% 2.5rem 0.5% !important; }
main .gallery a, main .gallery a:hover, main .gallery a:focus, article .gallery a, article .gallery a:hover, article .gallery a:focus { padding: 0; margin: 0; background: none; }
main .gallery .gallery-item, article .gallery .gallery-item { padding: 0; margin: 0 1% 0.5% 0 !important; float: none !important; display: inline-block !important; position: relative !important; }
main .gallery .gallery-item img, article .gallery .gallery-item img { display: block; border: none !important; width: 100%; height: auto; }
main .gallery .gallery-item .gallery-caption, article .gallery .gallery-item .gallery-caption { position: absolute !important; bottom: 0; text-align: center; background: rgba(0, 0, 0, 0.5); padding: 0.3125rem; font-size: 0.625rem; color: #ffffff; width: 100%; font-style: normal; opacity: 0; -webkit-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; }
main .gallery .gallery-item:hover .gallery-caption, article .gallery .gallery-item:hover .gallery-caption { opacity: 1; z-index: 1000; }
main .gallery br, article .gallery br { display: none !important; }
main .gallery.gallery-columns-1 .gallery-item, main .gallery.gallery-columns-2 .gallery-item, main .gallery.gallery-columns-3 .gallery-item, article .gallery.gallery-columns-1 .gallery-item, article .gallery.gallery-columns-2 .gallery-item, article .gallery.gallery-columns-3 .gallery-item { width: 32.66% !important; }
main .gallery.gallery-columns-1 .gallery-item:nth-of-type(3n+3), main .gallery.gallery-columns-2 .gallery-item:nth-of-type(3n+3), main .gallery.gallery-columns-3 .gallery-item:nth-of-type(3n+3), article .gallery.gallery-columns-1 .gallery-item:nth-of-type(3n+3), article .gallery.gallery-columns-2 .gallery-item:nth-of-type(3n+3), article .gallery.gallery-columns-3 .gallery-item:nth-of-type(3n+3) { margin-right: 0 !important; }
main .gallery.gallery-columns-4 .gallery-item, article .gallery.gallery-columns-4 .gallery-item { width: 24.25% !important; }
main .gallery.gallery-columns-4 .gallery-item:nth-of-type(4n+4), article .gallery.gallery-columns-4 .gallery-item:nth-of-type(4n+4) { margin-right: 0 !important; }
main .gallery.gallery-columns-5 .gallery-item, article .gallery.gallery-columns-5 .gallery-item { width: 19.2% !important; }
main .gallery.gallery-columns-5 .gallery-item:nth-of-type(5n+5), article .gallery.gallery-columns-5 .gallery-item:nth-of-type(5n+5) { margin-right: 0 !important; }
main .gallery.gallery-columns-6 .gallery-item, article .gallery.gallery-columns-6 .gallery-item { width: 15.83% !important; }
main .gallery.gallery-columns-6 .gallery-item:nth-of-type(6n+6), article .gallery.gallery-columns-6 .gallery-item:nth-of-type(6n+6) { margin-right: 0 !important; }
main .gallery.gallery-columns-7 .gallery-item, article .gallery.gallery-columns-7 .gallery-item { width: 13.42% !important; }
main .gallery.gallery-columns-7 .gallery-item:nth-of-type(7n+7), article .gallery.gallery-columns-7 .gallery-item:nth-of-type(7n+7) { margin-right: 0 !important; }
main .gallery.gallery-columns-8 .gallery-item, article .gallery.gallery-columns-8 .gallery-item { width: 11.62% !important; }
main .gallery.gallery-columns-8 .gallery-item:nth-of-type(8n+8), article .gallery.gallery-columns-8 .gallery-item:nth-of-type(8n+8) { margin-right: 0 !important; }
main .gallery.gallery-columns-9 .gallery-item, article .gallery.gallery-columns-9 .gallery-item { width: 10.22% !important; }
main .gallery.gallery-columns-9 .gallery-item:nth-of-type(9n+9), article .gallery.gallery-columns-9 .gallery-item:nth-of-type(9n+9) { margin-right: 0 !important; }

/*=================================================================================
	SLIDESHOW / IMAGE BANNER (example only - this are usually unique)
=================================================================================*/
#slideshow { padding: 0; position: relative; z-index: 0; margin: 0 auto; }
#slideshow .cycle-slideshow { position: relative; width: 100%; margin: 0 auto; display: block; z-index: 0 !important; }
#slideshow .cycle-slideshow img { display: none; margin: 0 auto; width: 100%; height: auto; }
#slideshow #overlay { padding: 1.25rem 1%; width: 98%; margin: 0 auto; border-bottom: 0.0625rem solid #d8d8d8; }
@media only screen and (min-width: 960px) { #slideshow #overlay { background: rgba(255, 255, 255, 0.8); position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 10; padding: 1.25rem; border: none; padding-top: 3.4375rem; max-width: 940px; width: 100%; } }
@media only screen and (min-width: 960px) { #slideshow #overlay { padding: 2.5rem; margin-top: 0.9375rem; } }

/*
@import "features/mailchimp";
@import "features/testimonials";*/
/* Site specific */
/*=================================================================================
	TABLE OF CONTENTS
=================================================================================*/
/* 
	- Basics
		- Utility classes
		- Typography
		- Links
		- Buttons
		- Messages
	- Header 
		- Details (Phone number etc)
	- Content
		- Homepage specific styles
		- Widget globals
		- Article
			- Lists
			- Blockquotes
			- Tables
			- Extras
		- Posts & Children
	- Sidebar
	- Footer
	- GOOP credit
	- Media Queries
*/
/*=================================================================================
	BASICS
=================================================================================*/
html, body { height: 100%; margin: 0; padding: 0; line-height: 1.4; font-size: 1rem; color: #252525; font-family: "Open Sans", "Verdana", "Tahoma", sans-serif; font-weight: 300; }

body { background: #191919; }
body #treeculture { background: #ffffff; }

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

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

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

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

h1 { font-family: "Open Sans", "Verdana", "Tahoma", sans-serif; font-weight: 600; line-height: 1.15; }

h2, h3, h4, h5, h6 { font-family: "Open Sans", "Verdana", "Tahoma", sans-serif; font-weight: 400; line-height: 1.15; }

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

li, p { font-size: 1rem; }

small { font-size: 0.75rem; }

/*==============================================
	LINKS
==============================================*/
main a:not(.img), article a:not(.img), aside a:not(.img), #overlay a:not(.img) { color: #0c0c0c; text-decoration: none; position: relative; border-bottom: 1px dotted #bebebe; }
main a:not(.img):hover, main a:not(.img):focus, article a:not(.img):hover, article a:not(.img):focus, aside a:not(.img):hover, aside a:not(.img):focus, #overlay a:not(.img):hover, #overlay a:not(.img):focus { color: #7bcbbf; border-bottom: 1px solid #7bcbbf; }
main a.readmore, article a.readmore, aside a.readmore, #overlay a.readmore { white-space: nowrap; }
main a[class^="btn"], main a[class*=" btn"], article a[class^="btn"], article a[class*=" btn"], aside a[class^="btn"], aside a[class*=" btn"], #overlay a[class^="btn"], #overlay a[class*=" btn"] { border: none; color: #ffffff; }
main a[class^="btn"]:hover, main a[class^="btn"]:focus, main a[class*=" btn"]:hover, main a[class*=" btn"]:focus, article a[class^="btn"]:hover, article a[class^="btn"]:focus, article a[class*=" btn"]:hover, article a[class*=" btn"]:focus, aside a[class^="btn"]:hover, aside a[class^="btn"]:focus, aside a[class*=" btn"]:hover, aside a[class*=" btn"]:focus, #overlay a[class^="btn"]:hover, #overlay a[class^="btn"]:focus, #overlay a[class*=" btn"]:hover, #overlay a[class*=" btn"]:focus { border: none; color: #ffffff; }

/*=================================================================================
	HEADER
=================================================================================*/
header { position: relative; padding: 1.25rem; margin: 0; z-index: 1; }
@media only screen and (min-width: 768px) { header { padding: 1.25rem 0 0; width: 100%; } }
header .container { width: 100%; padding: 0 1.25rem !important; }
header .container #logo a.logo { width: 100%; display: block; margin: 0 auto; max-width: 12.5rem; }
@media only screen and (min-width: 768px) { header .container #logo a.logo { margin: 0 0 1.25rem; max-width: 15.625rem; } }
@media only screen and (min-width: 960px) { header .container #logo a.logo { margin: 0 0 1.25rem; max-width: 18.75rem; } }
header .container #logo a.logo img { display: block; margin: 0 auto; }
@media only screen and (min-width: 768px) { header .container #logo a.logo img { margin: 0; } }
header .container #details { text-align: right; display: block; list-style: none; margin: 0; }
@media only screen and (max-width: 767px) { header .container #details { float: none; display: block; margin-left: auto; margin-right: auto; text-align: center; width: 100%; max-width: 100%; } }
@media only screen and (min-width: 768px) { header .container #details { padding-top: 0.9375rem; } }
header .container #details li { margin: 0; color: #191919; font-weight: 600; font-size: 1.125rem; line-height: 1.15; }
@media only screen and (min-width: 768px) { header .container #details li { font-size: 1.375rem; } }
header .container #details li a#openQuote { font-size: 80%; text-transform: uppercase; color: #7bcbbf; cursor: pointer; }
header .container #details li a#openQuote:hover { color: #3fa192; }

/*=================================================================================
	CONTENT
=================================================================================*/
section#content { padding: 0 !important; width: 100%; border-bottom: 0.0625rem solid #ffffff; }
@media only screen and (max-width: 599px) { section#content { background: rgba(123, 203, 191, 0.3); } }
@media only screen and (min-width: 600px) { section#content { background-color: #ffffff; background-size: cover; background-position: left top; background-repeat: no-repeat; background-attachment: fixed; } }
@media only screen and (min-width: 768px) { section#content { border: none; } }
@media only screen and (min-width: 960px) { section#content { background-size: auto; } }
@media only screen and (min-width: 1921px) { section#content { background-size: 50% auto; } }
section#content .container { padding: 0; width: 100%; }
section#content .container main { padding: 0.625rem; }
@media only screen and (min-width: 600px) { section#content .container main { background: rgba(255, 255, 255, 0.85); } }
@media only screen and (min-width: 768px) { section#content .container main { padding: 1.25rem; background: #ffffff; min-height: 37.5rem; } }

/*=================================================================================
	ARTICLES & MAIN CONTENT
=================================================================================*/
article, main, #overlay { position: relative /*==============================================
	LISTS
==============================================*/ /*==============================================
	SMALL
==============================================*/ /*==============================================
	BLOCKQUOTES
==============================================*/ /*==============================================
	TABLES
==============================================*/ /*==============================================
	EXTRAS
==============================================*/ }
article h1, main h1, #overlay h1 { font-size: 1.5625rem; margin-bottom: 0.625rem; color: #191919; text-transform: uppercase; }
article h2, main h2, #overlay h2 { font-size: 1.25rem; margin-bottom: 0.625rem; color: #225850; }
article h3, main h3, #overlay h3 { font-size: 1.125rem; margin-bottom: 0.3125rem; color: #191919; }
article h4, article h5, article h6, main h4, main h5, main h6, #overlay h4, #overlay h5, #overlay h6 { font-size: 1.0625rem; margin-bottom: 0.1875rem; }
article p, main p, #overlay p { line-height: 1.3; margin-bottom: 1rem; }
article strong, main strong, #overlay strong { font-weight: 400; }
article ul, article ol, main ul, main ol, #overlay ul, #overlay ol { margin: 0 1.5625rem 1.25rem; }
article ul li, article ol li, main ul li, main ol li, #overlay ul li, #overlay ol li { margin-bottom: 0.3125rem; }
article ul, main ul, #overlay ul { list-style: disc; }
article ol, main ol, #overlay ol { list-style: decimal; }
article small, main small, #overlay small { font-size: 0.75rem; margin: 0 0 0.625rem; opacity: 0.7; text-transform: uppercase; }
article .date, main .date, #overlay .date { display: block; }
article blockquote, main blockquote, #overlay blockquote { position: relative; padding: 1.25rem 0 0 1.25rem; }
article blockquote:before, main blockquote:before, #overlay blockquote:before { font-family: "FontAwesome"; content: "\f10d"; opacity: 0.3; position: absolute; top: 1.25rem; left: 0; clear: both; visibility: visible; overflow: visible; }
article table, main table, #overlay table { margin: 0 0 1.25rem 0; border-collapse: collapse; width: 100%; border: 1px solid #d8d8d8; }
article table th, article table td, main table th, main table td, #overlay table th, #overlay table td { border: 1px solid #d8d8d8; padding: 0.625rem; }
article hr, main hr, #overlay hr { border-color: #d8d8d8; height: 0.0625rem; }
article .columns.eight, main .columns.eight, #overlay .columns.eight { padding-bottom: 1.25rem; }
@media only screen and (min-width: 768px) { article .columns.eight:last-child, main .columns.eight:last-child, #overlay .columns.eight:last-child { padding-left: 1.25rem; } }

/*=================================================================================
	POSTS & CHILDREN
=================================================================================*/
main .page, main .post, article .page, article .post { clear: both; padding: 1.25rem 0 0; margin: 1.25rem 0 0; border-top: 0.0625rem solid #d8d8d8; }
main .page h2.title, main .post h2.title, article .page h2.title, article .post h2.title { background: none; padding: 0; margin: 0 0 0.3125rem; }
main .page h2.title a, main .post h2.title a, article .page h2.title a, article .post h2.title a { text-decoration: none; padding: 0; margin: 0; border-color: transparent; color: inherit; }
main .page h2.title a:hover, main .page h2.title a:focus, main .post h2.title a:hover, main .post h2.title a:focus, article .page h2.title a:hover, article .page h2.title a:focus, article .post h2.title a:hover, article .post h2.title a:focus { background: none; border: none; }
main .page .thumbnail, main .post .thumbnail, article .page .thumbnail, article .post .thumbnail { margin-bottom: 1.25rem; }
@media only screen and (min-width: 768px) { main .page .thumbnail, main .post .thumbnail, article .page .thumbnail, article .post .thumbnail { padding-right: 1.25rem; } }
main .page .thumbnail img, main .post .thumbnail img, article .page .thumbnail img, article .post .thumbnail img { display: block; margin: 0.3125rem 0 0.625rem; width: 100%; height: auto; }
main .page .thumbnail a, main .page .thumbnail a:hover, main .page .thumbnail a:focus, main .post .thumbnail a, main .post .thumbnail a:hover, main .post .thumbnail a:focus, 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 { border: none; padding: 0; margin: 0; }
main .post:first-of-type, article .post:first-of-type { padding-top: 0; margin-top: 0; border-top: none; }
main .type-page.hentry p, article .type-page.hentry p { display: inline; }

/*=================================================================================
	SIDEBAR
=================================================================================*/
aside { margin: 0; padding: 0; }
@media only screen and (min-width: 768px) { aside { position: static; bottom: 0; padding: 1.25rem; } }
aside ul.sidebar { list-style: none; margin: 0 auto; padding: 1.25rem; text-align: center; background: rgba(255, 255, 255, 0.8); }
@media only screen and (min-width: 768px) { aside ul.sidebar { max-width: 18.75rem; } }
aside ul.sidebar li { font-size: 0.9375rem; color: #ffffff; font-weight: 400; }
aside ul.sidebar li h3 { font-size: 1.25rem; font-weight: 600; text-transform: uppercase; margin: 0; padding: 0 0 0.3125rem; color: #191919; }
aside ul.sidebar li a { border: none; color: #4c4c4c; padding: 0.20833rem 0; display: block; text-transform: uppercase; }
aside ul.sidebar li a:hover, aside ul.sidebar li a:focus { color: black; border: none; }
aside ul.sidebar.emergency { background: rgba(25, 25, 25, 0.8); text-align: center; padding: 0; }
aside ul.sidebar.emergency li { padding: 0; font-weight: 600; text-transform: uppercase; line-height: 1.15; }
@media only screen and (min-width: 960px) { aside ul.sidebar.emergency li { font-size: 1.25rem; } }
@media only screen and (min-width: 1024px) { aside ul.sidebar.emergency li { font-size: 1.375rem; } }
@media only screen and (min-width: 1200px) { aside ul.sidebar.emergency li { font-size: 1.5625rem; } }
aside ul.sidebar.emergency li a { padding: 1.25rem; color: #ffffff; }
aside ul.sidebar.emergency li a span { font-size: 90%; }
aside ul.sidebar.emergency li a:hover { background: #0c0c0c; color: inherit; }
aside ul.sidebar.quote { background-image: url(img/backgrounds/sidebar.png); background-position: top right; background-size: contain; background-repeat: no-repeat; text-align: center; }
aside ul.sidebar.quote li h3 { margin-bottom: 0.625rem; cursor: pointer; }
aside ul.sidebar.quote li .textarea-wrap textarea { height: 3.75rem; }

/*=================================================================================
	FOOTER
=================================================================================*/
footer { background: #191919; padding: 1.25rem; }
footer ul { list-style: none; margin: 0; display: block; }
@media only screen and (max-width: 767px) { footer ul { float: none; display: block; margin-left: auto; margin-right: auto; text-align: center; width: 100%; max-width: 100%; } }
footer ul li { display: inline-block; }
footer ul li a { border: none; color: rgba(255, 255, 255, 0.8); text-decoration: none; }
footer ul li a:hover, footer ul li a:focus { border: none; color: #ffffff; }
footer ul.tagline { padding-bottom: 0.625rem !important; }
footer ul.tagline li { color: #ffffff; font-weight: 600; text-transform: uppercase; display: block; font-size: 1.25rem; }
footer ul.logos { text-align: right; }
@media only screen and (max-width: 767px) { footer ul.logos { float: none; display: block; margin-left: auto; margin-right: auto; text-align: center; width: 100%; max-width: 100%; } }
footer ul.logos li { margin: 0 0.3125rem; }
@media only screen and (min-width: 768px) { footer ul.logos li { margin: 0 0 0 0.625rem; } }
footer ul.logos li a { display: block; }
footer ul.logos li a img { opacity: 1; display: block; margin: 0; width: auto; height: 3.75rem; }
footer ul.logos li a:hover img { opacity: 0.8; }
footer ul.goop { list-style: none; font-size: 0; width: 100%; padding-top: 0.625rem !important; }
@media only screen and (max-width: 767px) { footer ul.goop { float: none; display: block; margin-left: auto; margin-right: auto; text-align: center; width: 100%; max-width: 100%; } }
@media only screen and (min-width: 768px) { footer ul.goop { padding: 0 !important; position: absolute; margin-top: -1.25rem !important; } }
footer ul.goop li { font-size: 0.75rem; display: inline-block; padding: 0; line-height: 1.5; vertical-align: middle; margin: 0 0.3125rem; }
@media only screen and (min-width: 768px) { footer ul.goop li { margin: 0 0.625rem 0 0; } }
footer ul.goop li a { padding: 0; margin: 0; display: block; color: rgba(255, 255, 255, 0.3); }
footer ul.goop li a span { display: inline-block; margin-left: 0.3125rem; }
footer ul.goop li a:hover { color: #7bcbbf; }

.quoteBox { display: none; z-index: 40001; }
.quoteBox .quoteOverlay { position: fixed; width: 100%; height: 100%; background-color: #191919; opacity: 0.5; z-index: 40001; top: 0; right: 0; bottom: 0; left: 0; overflow: auto; }

.quoteOffset { position: fixed; top: 30%; width: 100%; z-index: 40002; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.quoteOffset #quote { background: #7bcbbf; background-image: url(img/backgrounds/sidebar.png); background-position: top right; background-size: contain; background-repeat: no-repeat; text-align: center; width: 100%; max-width: 18.75rem; padding: 1.25rem; position: relative; margin: 0 auto; }
.quoteOffset #quote a#closeQuote { float: right; cursor: pointer; margin-top: -0.9375rem; margin-right: -0.625rem; }
.quoteOffset #quote ul { list-style: none; }
.quoteOffset #quote ul li h3 { font-size: 1.25rem; font-weight: 600; text-transform: uppercase; padding: 0 0 0.3125rem; margin-bottom: 0.625rem; }
.quoteOffset #quote ul li .ninja-forms-cont { padding: 0; }
.quoteOffset #quote ul li .ninja-forms-cont input { border: none; }
.quoteOffset #quote ul li .ninja-forms-cont .textarea-wrap textarea { height: 3.75rem; }
.quoteOffset #quote ul li .ninja-forms-cont .btn, .quoteOffset #quote ul li .ninja-forms-cont input[type=submit], .quoteOffset #quote ul li .ninja-forms-cont button { margin: 0; }

/* Overrides */
/*=================================================================================
	IE
=================================================================================*/
.lt-ie9 html, .lt-ie9 body { font-size: 100%; }

/*=================================================================================
	BROWSER WARNING
=================================================================================*/
#browser { text-align: center; padding: 0; background: #ffffcc; margin: 0; font-size: 70%; width: 100%; border-bottom: 1px solid #cccccc; font-family: "Open Sans", "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; }