 /*
	Theme Name: ECS
	Theme URI: http://nelsondesigncollective.com/
	Description: Custom WordPress Theme
	Version: 1.0
	Author: Joshua Jarman
	Author URI: http://nelsondesigncollective.com/
	Tags: Custom Theme
	License: Copytighted © All rights reserved.
*/

/* #### Resets #### */
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden],template{display:none}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}a{background:transparent}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],
input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}*,:after,:before{-moz-box-sizing:border-box;box-sizing:border-box;}html{font-size:62.5%}body{font:300 11px/1.4 'Helvetica Neue',Helvetica,Arial,sans-serif;color:#444}.clear:before,.clear:after{content:' ';display:table}.clear:after{clear:both}.clear{*zoom:1}img{max-width:100%;vertical-align:bottom}a{color:#444;text-decoration:none}a:hover{color:#444}a:focus{outline:0}a:hover,a:active{outline:0}input:focus{outline:0;border:1px solid #04A4CC}h1,h2,h3,h4,h5,h6{line-height:normal;margin:0;padding:0;}

/* #### Wordpress Core #### */
.alignnone { margin: 5px 20px 20px 0; }
.aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; }
.alignright { float: right; margin: 5px 0 20px 20px; }
.alignleft { float: left; margin: 5px 20px 20px 0; }
a img.alignright { float: right; margin: 5px 0 20px 20px; }
a img.alignnone { margin: 5px 20px 20px 0; }
a img.alignleft { float: left; margin: 5px 20px 20px 0; }
a img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { background: #FFF; border: 1px solid #F0F0F0; max-width: 96%; padding: 5px 3px 10px; text-align: center; }
.wp-caption.alignnone { margin: 5px 20px 20px 0; }
.wp-caption.alignleft { margin: 5px 20px 20px 0; }
.wp-caption.alignright { margin: 5px 0 20px 20px; }
.wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; }
.wp-caption .wp-caption-text, .gallery-caption { font-size:11px; line-height:17px; margin:0; padding: 0 4px 5px; }
.sticky { }
.bypostauthor { }

/* #### Main Settings #### */
/* ## Selection Color ## */
::-moz-selection, ::-webkit-selection, ::selection { background:#7bb5ae; color:#FFF; text-shadow:none; }
a { cursor: pointer !important; }
*.scrollto:focus, *.scrollto:active { box-shadow: none !important; outline: none !important; }

/* ## Fonts ## */
/* # Note: Main Site Font (Proxima Nova) Included via TypeKit JS # */
body { font-family: 'Source Sans Pro', Tahoma, Verdana, sans-serif; font-size: 18px; font-weight: normal; }
/* # Note: Icon Font (ecs-icons) Included via WP-Enqueue of (./css/ecs-icons.css) # */
@media only screen and (max-width:850px) {
	body { font-size: 16px; }
}

/* ## Colors ## */
.color-01 { color: #477e77; } .background-01 { background: #477e77; }
.color-02 { color: #7bb5ae; } .background-02 { background: #7bb5ae; }
.color-03 { color: #f0f0f0; } .background-03 { background: #f0f0f0; }

/* ## Defaults ## */
body { color: #477e77; background: #f0f0f0; }
a { color: #7bb5ae; cursor: pointer !important; }
a:hover { color: #7bb5ae; text-decoration: underline; transition: all 0.6s ease 0.3s; }
p { line-height: 1.3em; }
h1 { color: #477e77; text-transform: uppercase; letter-spacing: 1px; font-weight: bold; font-size: 2.5em; margin: 0px 0px 5px; padding: 5px 0px; }
h2 { color: #9acec5; text-transform: uppercase; letter-spacing: 1px; font-weight: bold; font-size: 2em; margin: 0px 0px 5px; padding: 5px 0px; }
h3 { color: #477e77; letter-spacing: 1px; font-weight: bold; font-size: 1.6em; margin: 0px 0px 3px; padding: 3px 0px; }
h4 { color: #9acec5; letter-spacing: 0.5px; font-weight: bold; font-size: 1.5em; }
h5 { color: #477e77; letter-spacing: 0.5px; font-weight: bold; font-size: 1.4em; }
h6 { color: #9acec5; letter-spacing: 0.5px; font-weight: bold; font-size: 1.3em; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { text-decoration: none; }
button, input[type='button'], input[type='submit'], a.button { transition: all 0.6s ease 0.3s; display: inline-block; background: #9acec5; box-shadow: none; font-size: 0.9em; padding: 5px 25px; border: 0px none; color: #fff; cursor: pointer; white-space: nowrap; font-weight: 200; letter-spacing: 1px; border-radius: 8px; }
button:hover, button:focus, input[type='button']:hover, input[type='button']:focus, input[type='submit']:hover, input[type='submit']:focus, a.button:hover, a.button:focus { transition: all 0.6s ease 0.3s; background: #477e77 !important; color: #fff !important; text-decoration: none !important; }
button.button-dark, input[type='button'].button-dark, input[type='submit'].button-dark, a.button.button-dark { background: #477e77; }
button.button-dark:hover, button.button-dark:focus, input[type='button'].button-dark:hover, input[type='button'].button-dark:focus, input[type='submit'].button-dark:hover, input[type='submit'].button-dark:focus, a.button.button-dark:hover, a.button.button-dark:focus { background: #9acec5 !important; }
article { margin: 45px 25px; }
@media only screen and (max-width:850px) {
	article { margin: 25px 15px; }
}

/* ## Wrapper ## */
.page-wrapper { width:100%; max-width: 100%; overflow-x: hidden; margin:0 auto; position:relative; text-align: center; }
.page-wrapper>* { position: relative; z-index: 10; }

/* #### Header #### */
header { display: block; position: relative; margin-top: 0px; color: #fff; padding: 0; min-height: 60px; }
header #header-container { width: 100%; max-width: 1200px; margin: 0px auto; }
#main-banner { position: relative; overflow: auto; background-size: cover; text-align: center; min-height: 450px; padding: 4em 0px; }
@media only screen and (max-width:850px) {
	header { min-height: 55px; }
	header #header-container { min-height: 55px; }
	#main-banner { min-height: 350px; }
}
@media only screen and (min-width:1250px) {
	#main-banner { min-height: 550px; }
}

/* #### Navigation #### */
nav { display: block; }
nav { position: relative; }
nav ul { display: block; list-style: none; margin: 0; padding: 0; vertical-align: top; }
nav ul li { display: inline-block; list-style: none; margin: 0; padding: 0; vertical-align: middle; }
nav a { display: inline-block; vertical-align: middle; }
nav ul a { display: block; }
nav ul ul { display: none; position: absolute; }
nav ul li:hover>ul { display: block; }
nav ul ul li, nav ul ul li a { display: block; text-align: left; }
nav>a { display: none; }
nav .active { text-decoration: underline !important; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

/* ## Header Navigation ## */
#spacer_for_nav { height: 5px; }
#navigation { display: block; position: absolute; width: 100%; height: 55px; z-index: 9999 !important; width: 100%; text-align: center; min-height: 30px; }
#navigation navbar { z-index: 999 !important; height: 65px; display: block; border: 0px none; border-bottom: 8px solid #9acdc4; background: #fff; }
#navigation nav { z-index: 9999 !important; display: block; position: relative; z-index: 9999; clear: both; margin-top: -65px; }
#navigation a { color: #477e77; display: inline-block; padding: 10px; }
#navigation a:hover { color: #9acdc4; text-decoration: none; }
#navigation.sticky { background: #FFF; color: #2a5172; box-shadow: 0px 3px 6px rgba(0,0,0,0.35); }
#navigation.sticky a { color: #477e77; }
#navigation.sticky a:hover { color: #9acdc4; }
#navigation #nav-logo { float: left; position: absolute; left: 0px; display: inline-block; z-index: 9999; width: 120px; margin: 10px -135px 0px 15px; padding: 0px; vertical-align: middle; color: #9acdc4; line-height: 0.8em; font-weight: 100; z-index: 99999; letter-spacing: 0.5px; font-size: 23px; text-transform: lowercase; text-align: center; }
#navigation #nav-logo strong { display: block; text-transform: uppercase; font-weight: bold; color: #477e77; font-size: 18.5px; }
#navigation .menu>li>a { text-transform: uppercase; padding: 18px 10px; font-weight: bold; letter-spacing: 1px; }
#navigation navbar>a.nav-button { display: none; position: absolute; right: 10px; top: -13px; z-index: 99999; font-size: 18px; }
#navigation navbar>a:hover { text-decoration: none; }
#navigation navbar>a.nav-button::after { display: inline-block; content: ''; text-indent: 0; font-weight: bold; font-size: 1.8em; transition: all 1s; }
#navigation navbar>a#main-nav-hide::after { content: '✖'; padding-top: 3px; }
#navigation navbar>a#main-nav-show::after { content: '☰'; }
#navigation navbar>a .remove { display: none; }
.current-menu-item>a { color: #9acdc4 !important; }
@media only screen and (max-width:850px) {
	#navigation { height: 55px; }
	#navigation navbar { z-index: 9999 !important; height: 55px; position: relative; }
	#navigation nav { z-index: 999 !important; width: 100%; background: #fff; position: absolute; margin-top: -1000px; }
	#navigation.sticky #nav-logo { display: block; position: absolute; }
	#navigation navbar>a { display: block; }
	#navigation navbar>a#main-nav-show { display: block; }
	#navigation navbar>a#main-nav-hide { display: none; }
	#navigation[state='show'] navbar>a#main-nav-hide { display: block; }
	#navigation[state='show'] navbar>a#main-nav-show { display: none; }
	#navigation[state='show'] nav { margin-top: 0px; transition: all 0.5s ease-in-out 0.2s, visibility 0.5s linear 0.5s, z-index 0s linear 0.5s; border-bottom: 8px solid #9acdc4; }
	#navigation.sticky[state='show'] nav { border-bottom: 8px solid #9acdc4; }
	#navigation nav ul li { display: block; }
	#navigation nav a { display: block; width: 100%; padding: 5px 10px; border: 0px none; border-bottom: 1px solid #477e77; }
	#navigation nav ul li:first-of-type a { border-top: 1px solid #477e77; }
	#navigation .menu>li>a { padding: 8px 15px;}
	#navigation #nav-logo { font-size: 20px; margin: 5px 0 8px 15px; position: relative; }
	#navigation #nav-logo strong { font-size: 16px; }
}

/* #### Main #### */
#main-content { text-align: left; margin: 5%; }
#main-content article { margin: 0px; padding: 0px; }
#main-content>h1 { font-size: 2em; color: #7bb5ae; }

/* #### SubFooter #### */
subfooter { display: block; background: #FFF; padding: 45px 25px 55px; letter-spacing: 0.5px; text-align: center; line-height: 1.5em; }
#subfooter-container { width: 100%; max-width: 1200px; margin: 0px auto; font-size: 0.9em; }
#subfooter-container h4 { color: #477e77; font-size: 1.1em; padding: 5px 10px 15px; font-weight: normal; }
#subfooter-container p { margin: 0 0 5px; }
#subfooter-container::after { content: ""; display: block; clear: both; }
@media only screen and (max-width:850px) {
	subfooter { border-top: 8px solid #9acdc4; }
}

/* #### Footer #### */
footer { display: block; background: #477e77; padding: 25px 50px; color: #fff; letter-spacing: 0.5px; font-family: 'Source Sans Pro Light', 'Source Sans Pro', Tahoma, Verdana, sans-serif; text-align: left; font-size: 0.9em; line-height: 1.2em; }
#footer-container { width: 100%; max-width: 1200px; margin: 0px auto; font-size: 0.9em; }
#footer-container #copyright { display: inline-block; }
#footer-container #copyright p { margin: 0px; padding: 0px; font-weight: 200; }
#footer-container a { color: #fff; }
footer #top_link { float: right; font-size: 1.1em; text-align: center; letter-spacing: 1px; margin-top: 15px; text-transform: uppercase; }
footer #top_link a:hover { text-decoration: none; }
footer #top_link .icon-uparrow { display: block; font-size: 2.1em; height: 22px; position: relative; margin-top: -25px; }
footer #top_link .text-label { display: block; font-size: 0.95em; font-weight: 300; padding-top: 7px; }
@media only screen and (max-width:450px) {
	footer { padding: 25px 20px; font-size: 0.7em; }
	footer #top_link .icon-uparrow { display: block; font-size: 2.1em; height: 15px; margin-top: -20px; }
}

/* #### Homepage #### */
body.home #nav-logo { display: none !important; }
body.home #main-banner h1 { position: relative; overflow: none; padding: 0; margin: 0 auto; width: 45%; max-width: 500px; min-width: 290px; line-height: normal; }
body.home #main-banner h1 #home-logo-01 { position: relative; overflow: none; margin: 0; letter-spacing: 0.05em; color: #477e77; text-transform: uppercase; font-weight: 900; font-size: 3ch; }
body.home #main-banner h1 #home-logo-02 { position: relative; overflow: none; margin: -0.35em 0 0.8em; letter-spacing: 0.05em; color: #fff; text-transform: lowercase; font-weight: 100; font-size: 5ch; }
body.home #main-banner quote { display: block; margin: 0px auto; width: 40%; max-width: 400px; min-width: 280px; color: #fff; font-size: 1.2em; }
body.home #main-banner quote:after { content: "- " attr(cite); display: block; text-align: center; font-size: 0.8em; font-style: italic; }
body.home #main-content { text-align: center; margin: 5% 0px 0px; }
body.home #about-block { position: relative; min-height: 400px; padding: 0px; overflow: auto; text-align: center; background-image: radial-gradient(#d3dceb, #a4a8b3); }
body.home #about-block-content { position: relative; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-around; }
body.home #about-block-content h2 { color: #477e77; text-transform: none; margin: 0px; padding: 0px; font-weight: 400; letter-spacing: 0; }
body.home #about-block-content h3 { font-size: 1em; }
body.home #about-block-content p { color: #fff; line-height: 1.5em; font-weight: 400; }
body.home #about-block-content div.buttons { text-align: right; padding: 25px 0;}

body.home #about-block .content { position: relative; text-align: left; padding: 45px 6% 0; }
body.home #about-block .content img { position: relative; bottom: 0px; display: inline-block; vertical-align: bottom; float: right; width: 35%; min-width: 200px; max-width: 250px; height: auto; shape-outside: url('/wp-content/uploads/2017/11/cutout_tara.png'); shape-image-threshold: 0.5; shape-margin: 60px; }
@media only screen and (max-width:850px) {
	body.home #nav-logo { display: inline-block !important; }
	body.home #about-block .content img { shape-margin: 20px; }
	
	body.home #about-block-content div.buttons {position: relative; height: 80px;}
	body.home #about-block-content div.buttons a.button {position: absolute; left: 0;}
}
@-moz-document url-prefix() {
	@media only screen and (max-width:850px) {
		body.home #about-block .content img { margin-top: 0px !important; }
	}
}

/* #### Category Grid #### */
.category_posts.grid { position: relative; overflow:auto; width: 100%; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-around; }
.category_posts.grid>div { position: relative; width: 22.5%; margin: 40px .5%; }
.category_posts.grid>div>div { position: relative; height: 100%; width: 100%; padding-bottom: 65px; }
.category_posts.grid>div>div>a { display: block; }
.category_posts.grid .post-thumb { margin-bottom: 10%; }
.category_posts.grid img { width: 100%; height: auto; }
.category_posts.grid h2 { text-transform: none; }
.category_posts.grid h2 a { display: inline-block; font-size: 0.8em; line-height: 1em; color: #797c6b; font-weight: 900; }
.category_posts.grid h2 a:hover { text-decoration: none; }
.category_posts.grid h3 {  }
.category_posts.grid h3 a { display: inline-block; font-size: 0.7em; line-height: 1em; color: #797c6b; font-weight: 400; padding: 10px 0 0; }
.category_posts.grid h3 a:hover { text-decoration: none; }
.category_posts.grid a.button { margin: 0px auto; }
.category_posts.grid .buttons { text-align: center; position: absolute; bottom: 0px; width: auto; margin-left: auto; margin-right: auto; left: 0; right: 0; }
@media only screen and (max-width:750px) {
	.category_posts.grid>div { width: 42%; }
}
@media only screen and (max-width:650px) {
	.category_posts.grid>div { width: 92%; margin-bottom: 45px; }
	.category_posts.grid .post-thumb { margin-bottom: 2%; }
	.category_posts.grid h2 { margin: 0px; }
	.category_posts.grid h2 a { font-size: 0.7em; }
	.category_posts.grid h3 a { padding: 0px; }
	.category_posts.grid .buttons { width: 90%; }
}
/* ## Category Image Hover Effects ## */
/* # Shine # */
.category_posts.grid a.post-thumb { position: relative; overflow: hidden; }
.category_posts.grid a.post-thumb::before { position: absolute; top: 0; left: -75%; z-index: 2; display: block; content: ''; width: 50%; height: 100%; background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); -webkit-transform: skewX(-25deg); transform: skewX(-25deg); }
.category_posts.grid a.post-thumb:hover::before { -webkit-animation: shine 1.25s; animation: shine 1.25s; }
@-webkit-keyframes shine { 100% { left: 125%; } }
@keyframes shine { 100% { left: 125%; } }
/* # Opacity Color # */
.category_posts.grid a.post-thumb { background: #477e77; }
.category_posts.grid a.post-thumb img { opacity: 1; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; }
.category_posts.grid a.post-thumb:hover img { opacity: 0.6; }

/* #### Category List #### */
.category_posts.list { width: 100%; display: flex; flex-wrap: wrap; flex-direction: column; justify-content: space-around; }
.category_posts.list>div { position: relative; width: 100%; padding: 5% 0px; border-bottom: 2px solid #CCC; clear: both; }
.category_posts.list>div:first-of-type { padding-top: 0px; }
.category_posts.list>div:last-of-type { border-bottom: 0px none; }
.category_posts.list .post-thumb {  }
.category_posts.list .post-thumb img { float: right; margin: 15px 15px 45px 45px; }
.category_posts.list>div h2 { text-transform: none; }
.category_posts.list>div h2 a { font-size: 0.8em; line-height: 1em; color: #477e77; font-weight: 900; }
.category_posts.list>div h2 a:hover { text-decoration: none; color: #9acdc4; }
.category_posts.list>div h3 a { font-size: 0.7em; line-height: 1em; color: #477e77; font-weight: 400; padding: 20px 0 0; }
.category_posts.list>div h3 a:hover { text-decoration: none; color: #9acdc4; }
@media only screen and (max-width:750px) {
	.category_posts.list .post-thumb { display: block; float: none; text-align: center; margin: 15px 15px 25px; }
	.category_posts.list .post-thumb img { width: 90% !important; height: auto !important; }
}
@media only screen and (min-width:1200px) {
	.category_posts.list .post-thumb img { width: 450px !important; height: auto !important; }
}
/* # Shine # */
.category_posts.list a.post-thumb { position: relative; overflow: hidden; }
.category_posts.list a.post-thumb::before { position: absolute; top: 0; left: -75%; z-index: 2; display: block; content: ''; width: 50%; height: 100%; background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); -webkit-transform: skewX(-25deg); transform: skewX(-25deg); }
.category_posts.list a.post-thumb:hover::before { -webkit-animation: shine 1.25s; animation: shine 1.25s; }
@-webkit-keyframes shine { 100% { left: 125%; } }
@keyframes shine { 100% { left: 125%; } }
/* # Opacity Color # */
.category_posts.list a.post-thumb { background: #477e77; }
.category_posts.list a.post-thumb img { opacity: 1; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; }
.category_posts.list a.post-thumb:hover img { opacity: 0.6; }

/* #### News Category speficied styles #### */
#news-block { max-width: 800px; margin: 0 auto; padding: 45px 25px 55px; }
.category_posts.grid.news>div { width: 42%; }
/* hide empty subtitles */
.emptySubtitle { display:none; }
@media only screen and (max-width:650px) {
	.category_posts.grid.news>div { width: 92%; } }
/* SECTION STYLING FOR MULIPLE NEWS ITEMS HIDDEN UNTIL MORE THAN ONE NEWS ITEM IS SHOWING */
/*@media only screen and (min-width:1250px) {*/
/*    #news-block { max-width: 100%; }*/
/*    .news-blocks .category_posts.grid>div { width: 48%; display: block; text-align: left; margin:45px auto; padding: 1em;}*/
/*    .news-blocks .category_posts.grid>div>div>a { display: inline-block; width: 50%; float: left; margin: 10px 15px 10px 0px; }*/
/*    .news-blocks .category_posts.grid h2,*/
/*    .news-blocks .category_posts.grid h3 { display:inline-block; width:46%; } */
/*    .news-blocks .category_posts.grid .buttons { bottom:10px; } }*/
/*@media only screen and (min-width:1320px) {*/
/*    .news-blocks .category_posts.grid .buttons { text-align: right; } }*/

/* #### COSTS #### */
#costs-block { display: block; background: #FFF; padding: 45px 10% 55px; letter-spacing: 0.5px; text-align: center; line-height: 1.5em; }
#costs-block h3 { font-size: 1em; } 
#costs-block p { text-align: left; line-height: 1.5em; font-weight: 200; margin: 1em 0; }
#costs-block::after { content: ""; display: block; clear: both; }
@media only screen and (max-width:850px) {
	#costs-block { border-top: 8px solid #9acdc4; }
}

.spwidget-button-wrapper {
	padding-top: 2em;
}

/* #### Donation Callout #### */
.donation_callout_container { position: relative; padding: 15px; text-align: center; border-bottom: none !important;}
.donation_callout { margin: 0px auto; display: inline-block; background: #fff; padding: 20px 25px 10px; text-align: left; font-size: 14px; }
.donation_callout_title { font-size: 1.8em !important; color: #7bb5ae !important; text-transform: uppercase !important; margin: 5px 0px 10px; }
.donation_callout_button { text-align: right; padding: 20px 0px 0px; }
.donate_button { font-style: italic; font-size: 13px; padding: 8px 15px 6px; }
.donate_button_image { width: 80px; height: auto; vertical-align: middle; position: relative; margin-top: -4px; }
.donation_amount { float: left; margin-right: 10px; font-size: 1.8em; }
.donation_amount_select { float: left; margin-right: 10px; font-size: 1.4em; color: #477e77; }

/* #### Loops #### */
.is_loop div article { position: relative; width: 100%; padding: 5% 0px !important; border-bottom: 2px solid #CCC; clear: both; }
.is_loop div:first-of-type article { padding-top: 0px; }
.is_loop div:last-of-type article { border-bottom: 0px none; }
.is_loop article .loop-thumb { float: left; margin: 10px 25px 25px 0px; }
.is_loop article h2 { font-size: 1.6em; line-height: 1em; color: #477e77; font-weight: 900; }

/* #### Resoruces #### */
body.page-resources article { width: 100%; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; }
body.page-resources article>div { width: 50%; border: 0px none; border-bottom: 2px solid #CCC; padding: 45px 25px; }
body.page-resources article>div h2 { text-transform: none; font-size: 1.5em; line-height: 1em; color: #477e77; font-weight: 900; }
@media only screen and (max-width:850px) {
	body.page-resources article { text-align: center; }
	body.page-resources article>div { width: 90%; margin: 0px auto; text-align: left; padding: 35px 0px 25px; }
	body.page-resources article>div:first-of-type { padding-top: 15px; }
	body.page-resources article>div:last-of-type { padding-bottom: 15px; border-bottom: 0px none; }
}

/* #### About #### */
body.page-about #main-banner { display: block !important; background-image: radial-gradient(#d3dceb, #a4a8b3); padding-top: 2em; padding-bottom: 0px; text-align: center; }
body.page-about #main-banner #about-block { width: 90%; height: 100%; max-width: 900px; margin: 0px auto; }
body.page-about #main-banner #about-block-content { position: relative; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-around; text-align: right; }
body.page-about #main-banner #about-block-content h2 { font-size: 2.5em; color: #477e77; text-transform: none; margin: 20% 0px 0px; padding: 0px; font-weight: bold; letter-spacing: 0; }
body.page-about #main-banner #about-block-content h3 { font-size: 1.5em; color: #7bb5ae; margin-bottom: 2em; }
body.page-about #main-banner #about-block .content { position: relative; width: 100%; text-align: right; padding: 0px; }
body.page-about #main-banner #about-block .content img { position: relative; bottom: 0px; display: inline-block; vertical-align: bottom; float: right; width: 50%; min-width: 200px; max-width: 400px; height: auto; shape-outside: url('/wp-content/uploads/2017/11/cutout_tara.png'); shape-image-threshold: 0.5; shape-margin: 40px; }
body.page-about #main-banner #about-block .content p { font-size: 1.1em; }
body.page-about #main-banner #about-block .content i { font-size: 0.8em; }
@media only screen and (max-width:650px) {
	body.page-about #main-banner #about-block { width: 100%; }
	body.page-about #main-banner #about-block-content h2 { margin: 10% 0px 0px; }
	body.page-about #main-banner #about-block .content img { shape-margin: 20px; }
}

/* #### Posts ####*/
.attachment-post-thumbnail, span.date, span.author, span.comments { display:none; }

/* #### Print ####*/
@media print {
	* { background:transparent !important; color:#000 !important; box-shadow:none !important; text-shadow:none !important; }
	a, a:visited { text-decoration:underline; }
	a[href]:after { content:" (" attr(href) ")"; }
	abbr[title]:after { content:" (" attr(title) ")"; }
	.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content:""; }
	pre,blockquote { border:1px solid #999; page-break-inside:avoid; }
	thead { display:table-header-group; }
	tr,img { page-break-inside:avoid; }
	img { max-width:100% !important; }
	@page { margin:0.5cm; }
	p, h2, h3 { orphans:3; widows:3; }
	h2, h3 { page-break-after:avoid; }
}