/* Master layout */

/************************************************************
Embedded fonts */

@font-face {
	font-family:Lobster;
	src:url('../fonts/lobster.eot'); /* IE8- */
	src:url('../fonts/lobster.eot?iefix') format('embedded-opentype'), /* IE9 */
		url('../fonts/lobster.ttf') format('truetype'); /* The rest of the world */
}
@font-face {
	font-family:Slimbach;
	src:url('../fonts/slimbach.eot'); /* IE8- */
	src:url('../fonts/slimbach.eot?iefix') format('embedded-opentype'), /* IE9 */
		url('../fonts/itc-slimbach-lt-medium.ttf') format('truetype'); /* The rest of the world */
}
@font-face {
	font-family:StoneSans;
	src:url('../fonts/stone_sans.eot'); /* IE8- */
	src:url('../fonts/stone_sans.eot?iefix') format('embedded-opentype'), /* IE9 */
		url('../fonts/stone_sans.ttf') format('truetype'); /* The rest of the world */
}
@font-face {
	font-family:StoneSans;
	font-weight:500; /* Semibold */
	src:url('../fonts/stone_sans_semibold.eot'); /* IE8- */
	src:url('../fonts/stone_sans_semibold.eot?iefix') format('embedded-opentype'), /* IE9 */
		url('../fonts/stone_sans_semibold.ttf') format('truetype'); /* The rest of the world */
}
@font-face {
	font-family:StoneSans;
	font-weight:700; /* Bold */
	src:url('../fonts/stone_sans_bold.eot'); /* IE8- */
	src:url('../fonts/stone_sans_bold.eot?iefix') format('embedded-opentype'), /* IE9 */
		url('../fonts/stone_sans_bold.ttf') format('truetype'); /* The rest of the world */
}

/* NOTES:
	* For ARIAL BLACK to display correctly on FF, always include font-weight:900.
		(This is a [Windows-specific?] bug in FF's font rendering.)
	* For STONE SANS, use font-weight:500 for SEMIBOLD and
		font-weight:700 or font-weight:bold for BOLD
*/

/************************************************************
Global styles */

html {
	background:#252525;
	font:10.5pt/1.3 Arial,Helvetica,sans-serif;
}
body {
	margin:0;
	padding:0;
	color:#5e605f;
	min-width:320px;
}

/* Links */
a:link,
a:visited,
a:hover,
a:active {
	text-decoration:none;
	color:#00703c;
}
a img {
	border:none;
}
a[href^="tel:"] {
	color:inherit;
	cursor:inherit;
}

/* Responsive images */
img {
	max-width:100%;
}
#map-canvas img { /* Except Google maps */
	max-width:none;
}

/* Headings */
h1,h2,h3,h4 {
	font:115%/1.1 StoneSans,Arial,Helvetica,sans-serif;
	text-transform:uppercase;
	margin:0.7em 0 0.2em;
}
h1 {
	font-size:300%;
}
h2 {
	font-size:225%;
}
h3 {
	font-size:170%;
	text-transform:none;
	font-weight:500;
	color:#1a3c2e;
}
h4 {
	font-size:155%;
	text-transform:none;
	margin:1em 0 0.2em;
}
h5 {
	font-size:125%;
	margin:1em 0;
}
h6 {
	font-size:115%;
	margin:1em 0;
}

/* Block-level */
p {
	margin:1em 0;
}
address {
	font-style:inherit;
	margin:0.5em 0 1em;
}

/* Inline */
em {
	font-family:Slimbach,'Times New Roman',Times,serif;
}

h1 strong, h2 strong, h3 strong,
h4 strong, h5 strong, h6 strong {
	color:#1a3c2e;
}

/* strong w/in yellow boxes: 00703c */



/************************************************************
Layout: Header */

#main-head {
	position:relative;
	padding:0.5em 1.5em;
	background:#1a3c2e url('../images/site/watermark-slogan.png') repeat center top;
	border-top:0.5em solid #e7a514;
}
#main-head:before {
	content:' ';
	position:absolute;
	background:#c98f11;
	height:0.5em;
	bottom:100%;
	width:50%;
	right:0;
}
#main-head>p {
	max-width:980px;
	margin:0 auto;
	clear:both;
}

/*-----------------------------------------------------------
Logo */

#logo {
	display:block;
}
#logo a {
	display:block;
	margin:1.2em auto 1em;
	text-indent:-9999px;
	background:transparent url('../images/site/logo-full.png') no-repeat center center;
	outline:none;
	height:102px;
	width:252px;
}

/*-----------------------------------------------------------
Slogan */

#slogan {
	display:block;
	text-align:center;
	margin:0.3em auto;
	color:#fff;
	font-size: 180%;
	font-family: 'Arial Black',Arial,Helvetica,sans-serif;
}


/*-----------------------------------------------------------
Donate link */

#main-head .donate {
	position:absolute;
	text-align:center;
	background:#016a3c;
	top:-0.5em;
	left:85%;
	border-left: solid 2px #FFF;
	border-bottom: solid 2px #FFF;
	border-right: solid 2px #FFF;
}
#main-head .donate a {
	display:block;
	font:500 120%/1.3 StoneSans,Arial,Helvetica,sans-serif;
	padding:0.7em;
	color:#fff;
	min-width: 120px;
	min-height: 120px;
}
#main-head .donate a:before {
	content: '';
	background-image:url('../images/icons/giving.png');
	background-repeat: no-repeat;
	background-size: contain;
	height: 75px;
	width: 75px;
	display:block;
	margin: 0 auto;
	padding-bottom: 20px;
}
#main-head .donate strong {
	display:block;
	text-transform:uppercase;
	font-weight:700;
	color:#e7a514;
	
}



/************************************************************
Layout: Navigation */

#main-nav {
	text-align:center;
	padding:0 1.5em;
	background:#e7a514;
	border-top:0.8em solid #c98f11;
	border-bottom:0.8em solid #c98f11;
}

/*-----------------------------------------------------------
First level */

#main-nav>ul {
	position:relative;
	list-style:none;
	display:flex;
	width:100%;
	max-width:980px;
	margin:0 auto;
	padding:0;
}
#main-nav>ul>li {
	display:inline-block;
	flex:auto;
}
#main-nav>ul>li>a {
	display:block;
	padding:1em;
	font:500 110%/1.5 StoneSans,Arial,Helvetica,sans-serif;
	text-transform:uppercase;
	white-space:nowrap;
	color:#fff;

	-webkit-transition:all 0.4s ease 0s;
	transition:all 0.4s ease 0s;
}
#main-nav>ul>li:hover>a,
#main-nav>ul>li.sel>a {
	background:#016a3c;
}

/*-----------------------------------------------------------
Second level */

/* Box */
#main-nav li nav {
	position:absolute;
	padding:1em 1.5em;
	width:100%;
	/*top:100%;*/
	left:0;
	z-index:100;
	text-align:left;
	background:#c98f11;
	border:0.4em solid #fff;
	border-top:none;
	visibility:hidden;
	opacity:0;

	-moz-box-sizing:border-box;
	box-sizing:border-box;

	-webkit-transition:all 0.4s ease 0s;
	transition:all 0.4s ease 0s;
}
#main-nav li:hover>nav {
	visibility:visible;
	opacity:1;
	z-index:200;
}
#main-nav li nav li,
#main-nav li nav p {
	font-size:115%;
}

/* Links */
#main-nav li nav ul {
	display:inline-block;
	vertical-align:top;
	list-style:none;
	margin:0.3em 0;
	padding:0;
	width:28%;
}
#main-nav li nav ul a {
	display:block;
	padding:0.2em 0;
	line-height:1.2;
	color:#fff;

	-webkit-transition:all 0.4s ease 0s;
	transition:all 0.4s ease 0s;
}
#main-nav li nav ul a:hover {
	color:#1a3c2e;
}

/* Photo / text */
#main-nav li nav figure {
	display:inline-block;
	vertical-align:top;
	margin:0 0 0 2%;
	width:69%;
	color:#fff;
}
#main-nav li nav figure img {
	display:inline-block;
	vertical-align:middle;
	padding:0.3em;
	background:#fff;
	border-radius:0.2em;

	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

#main-nav li nav figure > img {
	width:59%;
}

#main-nav li nav figcaption {
	display:inline-block;
	vertical-align:middle;
	margin:0 0 0 3%;
	width:37%;
	font-size:115%;
}
#main-nav li nav figcaption h3 {
	margin-top:0.5em;
	color: #ffffff;
}
#main-nav li nav figcaption p {
	margin:0.7em 0;
}
#main-nav li nav figcaption a.arrow {
	font-size:115%;
	color:#282828;
}



/************************************************************
Layout: Content */

main {
	display:block;
	background:#fff;
}

/*-----------------------------------------------------------
Content area / columns */

section.content {
	max-width:980px;
	margin:0 auto;
	padding:1.5% 1.5em;
	text-align:center;
}
section.content p {
	font-size:105%;
}

/* Headers */
section.content>header {
	position:relative;
	text-align:center;
	margin:1.5em 1em 0;
}
section.content>header:before {
	content:' ';
	position:absolute;
	background:#e7a514;
	margin:-2px 0 0;
	width:100%;
	height:3px;
	top:50%;
	left:0;
}
section.content>header h2 {
	display:inline-block;
	position:relative;
	background:#fff;
	padding:0 0.4em;
	font-weight:500;
	color:#03693a;
	z-index:2;
	margin:0;
}

/* Block quotes */
section.content blockquote {
	font:185%/1.5 Lobster,Arial,Helvetica,sans-serif;
	background:#ededed;
	padding:0.5em 1em;
	margin:0.7em 0;
	color:#1a3c2e;
}
section.content blockquote p {
	margin:0;
}
section.content blockquote p+p {
	margin:0.2em 0 0;
}

/* Columns */
section.content .col.nav,
section.content .col.side {
	width:25.5%;
}
section.content .col.main {
	width:70%;
}
section.content .col+.col {
	margin-left:3%;
}

/* Three-column layout */
section.content .col.nav+.col.main {
	width:42%;
}

/* Secondary headings */
section.content .col.main>h3 {
	color:#1a3c2e;
	font-weight:500;
}

section.content article .staff-img img {
	border: 5px solid #adadad;
	padding: 0;
}

section.content .col.side .staff-img img {
	border: 5px solid #adadad;
    padding: 0;
}

/* iFrames */
section.content .col.main iframe {
	width: 100%;
	border: none;
}

section.content .col.main .calendar-embed {
	height: 500px;
}

/************************************************************
Layout: Slogan */

#slogan-blurb {
	position:relative;
	text-align:center;
	padding:2.2em 0;
	background:#00703c url('../images/photos/photo-footer.jpg') repeat center center;
	font-size:130%;
	color:#fff;
}
#slogan-blurb:before {
	content:' ';
	position:absolute;
	background:transparent url('../images/site/logo.png') no-repeat center center;
	background-size:contain;
	margin:0 0 0 -2em;
	height:3.5em;
	top:-1.75em;
	width:3em;
	left:50%;
}
#slogan-blurb header {
	background:rgba(26,60,46,0.8);
	padding:0.5em 2%;
}
#slogan-blurb h2 {
	color:#fff;
	font-weight:900;
	font-size: 180%;
	font-family:'Arial Black',Arial,Helvetica,sans-serif;
	text-transform:none;
	margin:0;
}

/************************************************************
Layout: Footer */

/*-----------------------------------------------------------
Footer navigation */

#foot-nav {
	background:#1a3c2e;
}
#foot-nav ul {
	text-align:center;
	padding:0.5em 1em;
	list-style:none;
	margin:0;
}
#foot-nav li {
	display:inline-block;
}
#foot-nav li a {
	display:block;
	padding:1em 1.2em;
	font:500 110%/1.5 StoneSans,Arial,Helvetica,sans-serif;
	text-transform:uppercase;
	white-space:nowrap;
	color:#fff;
}

/*-----------------------------------------------------------
Footer area */

#main-foot {
	position:relative;
	text-align:center;
	padding:1.5em 0 0;
	font-size:95%;
	color:#fff;
}
#main-foot a {
	color:inherit;
}
#main-foot span {
	white-space:nowrap;
}

/*-----------------------------------------------------------
Footer logo */

#main-foot h5 {
	display:inline-block;
	vertical-align:middle;
	text-indent:-9999px;
	background:transparent url('../images/site/logo-full.png') no-repeat center center;
	background-size:contain;
	height:90px;
	width:220px;
	margin:0;
}

/*-----------------------------------------------------------
Address info */

#main-foot address {
	display:inline-block;
	vertical-align:middle;
	text-align:center;
	font-size:115%;
	padding:1em 5%;
	margin:0 4%;
	border-left:1px solid #515151;
	border-right:1px solid #515151;
}
#main-foot address>strong {
	font-size:115%;
	display:block;
}
#main-foot address span {
	display:block;
}
#main-foot address span strong {
	color:#e7a514;
}

/*-----------------------------------------------------------
Footer callout */

#main-foot .callout {
	display:inline-table;
	vertical-align:middle;
	font-size:80%;
	width:18em;
	margin:0;
}


/*-----------------------------------------------------------
Copyright */

#main-foot p {
	text-align:center;
	padding:1.2em 2em;
	background:#1f1f1f;
	margin:1.5em 0 0;
	color:#7e7e7e;
	font-size:95%;
}
#main-foot p a+a:before {
	content:'  |  ';
}

/*-----------------------------------------------------------
Admin login */

#main-foot nav {
	text-transform:uppercase;
	margin:-1.5em 0 0;
	color:#e4a11b;
	font-size:95%;
	float:right;
}


/************************************************************
Buttons / links */

/* Arrows */
.arrow {
	font-size:115%;
}
.arrow:after {
	content:'\BB';
	display:inline-block;
	vertical-align:middle;
	margin:-0.1em 0 0 0.4em;
}


/* Buttons */
.button {

}


/************************************************************
Miscellaneous */

/* Text alignment */
.left { text-align:left !important; }
.center { text-align:center !important; }
.right { text-align:right !important; }

/* Font sizes */
small { font-size:90%; }


/* Columns */
.col {
	display:inline-block;
	vertical-align:top;
	text-align: left;
}

/* Mobile-only links */
#nav-jump,
#nav-close {
	display:none;
}

/* Fix extra button padding in Firefox */
input[type="submit"]::-moz-focus-inner {
	border:none;
	padding:0;
	line-height:1;
}


/************************************************************
Modal */

#simplemodal-container {
	/*min-width:200px;*/
	
	max-width:800px;
	width:85%;
}

#simplemodal-container .simplemodal-wrap {
	height: auto !important;
}

#modal {
	display:none;
	position:relative;
	background: #FFF;
	border-radius: .6em .6em .5em .5em;
}

#modal-content {
	text-align: center;
	position: relative;
	/*width: 95%;
	right: -3%;*/
}

#modal-content div {
	max-height: 485px;
}

#modal-content p {
	padding: .25em;
	margin-bottom: .5em;
	text-align:center;
}

#modal-content article p:last-child {
	padding:0;
}

#modal-content p label {
	margin: 0px 0px 0px -10.5em;
}

#modal-content textarea {
	height: 5em;
}

#modal .simplemodal-close {
	position: absolute;
	line-height: 25px;
	right: 10px;
	top: 8px;
	color: #FFF;
	font-size: 270%;
	z-index: 5;
	cursor: pointer;
}

#modal header {
	position: relative;
	background: #1A3C2E;
	margin: 0 auto 0;
	border-radius: .5em .5em 0 0;
	text-align: center;
	border-bottom: 10px solid #E7A514;
}

#modal header h2 {

    line-height: 25px;
    margin: 0;
    padding: 0.5em 0 0.5em;
    text-align: center;
    color: #FFF;
}

#modal article {
	padding: 0.3em 10px;
	border-radius: 0 0 0.5em 0.5em;
	max-height: 500px;
	overflow-y: auto;
}

#modal article.staff-bio {
	padding: 1em;
}

#modal-content .button {
	margin-left: 30%;
}

#modal-content h4 {
	margin-bottom: -10px;
	text-align:center;
}
.formButton {
	padding: 8px 15px;
	border-radius: .2em;
	background-color: #00703C;
	font-size: 125%;
}
.formButtons {
	text-align: center;
	margin-left: 0;
	background: none;
	
}