#admin { position: fixed; width: 100%; bottom: 0; font-size: 0.85em; text-align: center; color: #FFF; padding: 10px; background: rgba(0,0,0,0.5);}
.devnote { font-family: sans-serif; font-size: 0.8em; color: red; padding: 0.5em; border: 1px dotted red; clear: both; }
.devnote::before { content: "DEV NOTE: "}

/* RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: 100%; font: inherit; vertical-align: baseline; box-sizing: border-box; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
table {	border-collapse: collapse; border-spacing: 0; }

/* GENERAL STUFF */
body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
body { font-family: georgia, serif; font-size: 18px; color: #252525; background: url(assets/images/rockywall.png) fixed; margin: 0; }
h1,h2,h3,h4,h5,h6 { font-family: "IM Fell English", Arial, Helvetica, sans-serif; font-weight: bold; color: #000; margin: 0; text-shadow: 1px 1px 2px #FFF;  }
h1 { font-size: 2.2em; margin: 0 0 1rem 0; }
h2 { font-size: 1.6em; margin: 0 0 1rem 0;}
h3,h4,h5,h6 { font-size: 1.25em; margin: 0 0 1rem 0; }
p { line-height: 1.5; margin: 0 0 1.5rem 0; }
blockquote { font-style: italic; color: #666; padding: 0 1rem; border-left: 1px solid #CCC; margin: 0 1rem; }
q { font-style: italic; }
ul { list-style: disc; line-height: 1.5; margin: 0 0 1.5rem 1.5rem; }
ol { list-style: decimal; line-height: 1.5; margin: 0 0 1.5rem 1.5rem; }
ul li, ol li { margin: 0 0 0.25rem 0; }
ol ul, ul ul { margin: 1rem 0 1rem 1rem; }
dl { line-height: 1.5; margin: 0 0 1.5rem 0; }
.nobullet { list-style: none; margin: 0 0 1.5rem 0; }
figure { width: auto; text-align: center; border-bottom: 1px dotted #D7D7D7; margin: 0 auto 1.5rem auto; }
figcaption { font-family: arial, helvetica, sans-serif; font-size: 0.8rem; font-style: italic; color: #555; padding: 0.5rem 0.75rem; }
cite { font-family: arial, helvetica, sans-serif; font-size: 0.9rem; font-style: italic; color: #555; }
iframe { width: 100%; margin: 0 0 1.5rem 0; }
img { max-width: 100%; height: auto; }
em, i { font-style: italic; }
strong, b { font-weight: bold; }
small { font-family: arial, helvetica, sans-serif; font-size: 0.8rem; }
hr { border: 0; border-bottom: 1px solid #333; margin: 0 0 1.5rem 0; }
code { font-family: monospace; }
a:link { color: #757575; text-decoration: underline; text-decoration-color: inherit; text-decoration-style: dotted;  }
a:visited { color: #757575; text-decoration: none; }
a:hover { color: #000; text-decoration: underline; }
a:active { color: #000; text-decoration: underline; }
a:focus { color: #000; text-decoration: underline; }
table { width: 100%; line-height: 1.5; border-bottom: 1px dotted #CCC; margin: 0 0 1.5rem 0; }
th { text-align: left; font-weight: bold; padding: 0em 1rem 1rem 0; }
td { padding: 0.5rem 0.5rem 0.5rem 0; border-top: 1px dotted #CCC; vertical-align: top: }

/* LAYOUT */
.globalWrapper {  margin: 0 auto; overflow: hidden; }
.row-top { background: #444; }
.row-nav { width: 100%; height: 60px; background: #222; clear: both; z-index: 9999; }
.top { max-width: 1440px; padding: 0.5rem 1.5em; margin: 0 auto; font-family: Arial, Helvetica, sans-serif; }
.nav { max-width: 1440px; padding: 0 1.5em; margin: 0 auto; font-family: Arial, Helvetica, sans-serif; }
.article { max-width: 960px; padding: 3em 1.5em; margin: 0 auto; }
.content-entries { max-width: 1440px; padding: 3em 1.5em; margin: 0 auto; overflow: hidden; clear: both;  }
.content-article { max-width: 1440px; padding: 3em 1.5em; margin: 0 auto; overflow: hidden; clear: both;  }
.content-article { display: grid; grid-column-gap: 3em; grid-row-gap: 2em; grid-template-columns: 5fr 2fr; }
.aside-section { padding: 1.5rem; border: 1px dotted #999; }
.hero { width: 100%; background-color: #222; background-repeat: no-repeat; background-position: center bottom; background-size: cover; border-bottom: 1px solid #222; z-index: 1; } 
.row-footer { overflow: hidden; clear: both; background: rgba(51,51,51,0.9); }
.footer { max-width: 1440px; padding: 2em 1.5em; margin: 0 auto; overflow: hidden; clear: both; }

/* GRIDS */
.grid2 { display: grid; grid-column-gap: 2em; grid-row-gap: 2em; grid-template-columns: 1fr 1fr; margin: 0 0 2em 0; }
.grid3 { display: grid; grid-column-gap: 2em; grid-row-gap: 2em; grid-template-columns: 1fr 1fr 1fr; margin: 0 0 2em 0; }
.grid4 { display: grid; grid-column-gap: 2em; grid-row-gap: 2em; grid-template-columns: 1fr 1fr 1fr 1fr; margin: 0 0 2em 0; }
.Xgrid { display: grid; grid-column-gap: 2em; grid-row-gap: 2em; grid-template-columns: repeat(auto-fit, minmax(240px,1fr)); }

.grid-item { position: relative; }
.grid-box { padding: 1rem; border: 1px dotted #999; }
.grid-label { position: absolute; top: -7px; left: -7px; font-family: "IM Fell English", Arial, Helvetica, sans-serif; font-size: 0.85rem; font-weight: bold; color: #FFF; text-transform: uppercase; padding: 7px 14px; background: #FFA500; clip-path: polygon(90% 0, 100% 50%, 90% 100%, 0% 100%, 10% 50%, 0% 0%); box-shadow: 2px 2px 2px #000; }
.grid-thumb { background: #FFF; margin: 0 0 1rem 0; box-shadow: 2px 2px 3px #CCC; }
.grid-thumb img { display: block; width: 100%; border: 0px solid #FFF; }
.grid-heading { font-size: 1.4rem; font-weight: 700; color: #222; margin: 0 0 0.5rem 0;; }
.grid-heading a, .grid-heading a:visited { color: #222; text-decoration: none; }

.grid-summary { font-family: arial, helvetica, sans-serif; font-size: 0.9rem; color: #333; margin: 0; }
.grid-list { list-style: none; margin: 1rem 0 1.5rem 0; }
.grid-list li { margin: 0 0 0.5rem 0; }
.grid-list small { display: block; }
.grid-cta { margin: 1rem 0 0 0; }

a.grid-link { display: block; text-decoration: none; }
a.grid-link .grid-heading, a.grid-link .grid-summary { text-decoration: none; }
a.grid-link:hover .grid-heading { text-decoration: underline; }

/* NAVIGATION */

.top-message { font-size: 0.85rem; color: #FFF; text-align: center; margin: 0; }
.top-message a { font-weight: 700; color: #00FF00; }

a.logo { float: left; display: block; font-family: "IM Fell English", Arial, Helvetica, sans-serif; font-size: 18px; font-weight: 700; color: #fff; line-height: 60px; text-align: left; margin: 0; text-decoration: none; text-shadow: 1px 1px 1px #000; }
a.menuToggle { display: none; }
.menu { float: right; font-family: "IM Fell English", Arial, Helvetica, sans-serif; line-height: 60px; list-style: none; margin: 0; }
.menu li { float: left; margin: 0; }
.menu li a { display: block; font-size: 1rem; font-weight: 700; color: #FFF; text-decoration: none; padding: 0 0.75rem; text-shadow: 1px 1px 1px #000; }
.menu li a:hover, .nav li:hover, .nav a.current { background: #111; }
.menu li ul { display: none; position: absolute; float: none; width: 280px; line-height: 20px; list-style: none; background: #222; background: rgba(0,0,0,0.8); margin: 0; z-index: 9999; }
.menu li ul li { float: none; }
.menu li ul li a { font-weight: 400; padding: 0.5rem 1rem; }
.menu li.menu-appeals a { font-weight: 700; color: #FFFF00; }
.menu li:hover ul { display: block; }

/* breadcrumbs */
.crumbs { list-style: none; font-family: sans-serif; font-size: 0.8rem; font-weight: 700; margin: 0 0 1rem 0; }
.crumbs li { display: inline-block; }
.crumbs li:after { content: " \203A"; }
.crumbs a { text-decoration: none; }

/* subnav */
.subnav-heading { font-size: 1.125rem; font-weight: 700; text-transform: uppercase; padding: 0 0 1rem 0; border-bottom: 1px dotted #999; margin: 0;  }
.subnav-heading a { color: #000; text-decoration: none; }
.subnav { font-size: 1rem; list-style: none; margin: 0 0 1.5rem 0; }
.subnav li { border-bottom: 1px dotted #CCC; }
.subnav li a { display: block; padding: 0.5rem 0; text-decoration: none; }
.subnav li a:hover { text-decoration: underline; }
.subnav li a:before { content: "› "; }
.subnav li ul { list-style: none; margin: 0 0 0 0.5rem; }
.subnav li ul li { border-bottom: 0; }
.subnav li ul li a { display: block; padding: 0.25rem 0; text-decoration: none; }
.subnav a.current { font-weight: bold; }

/* HERO */
.hero-content { max-width: 1440px; padding: 12.5% 1em; margin: 0 auto; }
.hero h1 { color: #FFF; text-shadow: none; margin: 0; text-shadow: 1px 1px 1px #000; }
.hero p { max-width: 680px; font-size: 1.125rem; color: #FFF; margin: 0.5em 0 0 0; text-shadow: 1px 1px 1px #000; }
.hero small { color: #CCC; }
.hero span { display: inline-block; padding: 15px; background: rgba(25,25,25,0.5); }
@keyframes drop { 0% { top:-180px; } 100% { top: 0; } }	
a.btn-admission { position: absolute; top: 0; left: 10px; font-family: sans-serif; font-size: 0.9rem; font-weight: bold; color: #FFF; text-decoration: none; padding: 1em; background: orange; border: 1px solid #222; border-radius: 0 0 7px 7px; animation-name: drop; animation-duration: 0.75s; transition: 0.5s; }
a.btn-admission:before { content: "NEW! "; font-style: italic; font-weight: normal; }
a.btn-admission:after { content: " ›"; }
a.btn-admission:hover { background: #FF8c00; }

/* PAGE */
.page-header { margin: 0 0 3rem 0; }
.page-header h1 { margin: 0; }
.page-header p { margin: 1rem 0 0 0; }
.page-section { margin: 0 0 1.5em 0; overflow: hidden; clear: both; }


/* SECTION */
.section { width: 100%; clear: both; }
.section-heading { font-size: 1.4rem; text-transform: uppercase; line-height: 1.2; padding: 0 0 0.75rem 0; border-bottom: 1px dotted #757575; margin: 3rem 0 1.5rem 0; clear: both; }

/* ENTRIES */
.entries { margin: 0 0 2em 0; overflow: hidden; clear: both; }
.entries-thumb { float: left; width: 34%; margin: 0 1.5rem 1.5rem 0; box-shadow: 2px 2px 3px #CCC; }
.entries-thumb img { display: block; }
.entries-description { overflow: hidden; }
.entries-heading { font-size: 1.4rem; color: #555; line-height: 1.2; margin: 0 0 0.5rem 0;  }
.entries-heading a { color: #252525; text-decoration: none; }
.entries-heading a:hover { color: #555; text-decoration: underline; }

.entries-date { font-size: 0.9rem; font-style: italic; color: #555; margin: 0 0 0.5rem 0; }
.entries-list { list-style: none; margin: 0 0 0.5rem 0; }
.entries-summary { margin: 0 0 0.5rem 0; }
.entries-cta { margin: 0 0 0.5rem 0; }
.entries-more:after { content: " →"; }


/* PAGINATION */
.pagination { list-style: none; margin: 0 0 1.5rem 0; }
.pagination li { display: inline-block; width: 36px; height: 36px; line-height: 36px; text-align: center; margin-right: 0.25rem; }
.pagination a { display: block; background: #333; color: #FFF; text-decoration: none;  }
.pagination a:hover, .pagination a.active { background: #555; }
.prev-next { list-style: none; margin: 0 0 1.5em 0; }
.prev { float: left; }
.next { float: right; }

/* SINGLE ENTRY */
.entry-image {}
.entry-date { font-style: italic; color: #555; }
.entry-lead { font-size: 1.2rem; margin-bottom: 3rem; }
.entry-story { overflow: hidden; clear: both; }
.entry-story-image-small { float: left; width: 45%; margin: 0 1.5rem 1.5rem 0; }
.entry-story-image-small img { width: 100%; }
.entry-story-description {  }

.entry-download a { font-weight: 700; }
.entry-download a:before { content: "› "; }
.entry-downloads { list-style: none; margin-left: 0; }
.entry-downloads li:before { content: "› "; }
.entry-related { list-style: none; margin-left: 0; }
.entry-related a:before { content: "› "; }
.fluid-heading { width: 100%; margin-top: 3rem; clear: both; }
.fluid-subheading {}
.fluid-text { }
.fluid-image {}
.fluid-gallery {}
.fluid-file {}
.fluid-video {}


/* GALLERY */
.gallery-list { list-style: none; margin: 0 0 1.5em 0; }
.gallery-list li { float: left; width: 18%; padding: 1%; }
.gallery-list img { width: 100%; }
.gallery-thumb { float: left; width: 23%; line-height: 1.5; padding: 0.5%; background: #FFF; margin: 0.5%; outline: 1px solid #CCC; }
.gallery-thumb img { display: block; }

/* BOTTOM FOOTER */
.footer-links { font-family: Arial, Helvetica, sans-serif; font-size: 0.9rem; list-style: none; margin: 0 0 1rem 0; }
.footer-links li { display: inline-block; padding-right: 0.5rem; border-right: 1px solid #D7D7D7; margin-right: 0.5rem; }
.footer-links a { color: #D7D7D7; }
.footer-links li:last-child { border: 0; }
.legal { font-family: Arial, Helvetica, sans-serif; font-size: 0.8rem; color: #D7D7D7; }
.legal a { color: #CCC; }

/* BUTTONS */
a.link { display: inline-block; font-family: "IM Fell English", Arial, Helvetica, sans-serif; font-variant: small-caps; font-weight: 700; color: #FFF; text-decoration: none; border: 1px solid #000;; cursor: pointer; transition: 0.5s; text-shadow: 1px 1px 1px #000; }
a.link:visited, a.link:hover, a.link:active, a.link:focus { color: #FFF; text-decoration: none; }
.link:after { content: " →"; }
.link-pri { background: #222; }
.link-pri:hover { background: #444; }
.link-sec { background: #444; }
.link-sec:hover { background: #666; }
.link-pri, .link-sec { color: #FFF; text-decoration: none; }
.link-s { font-size: 14px; line-height: 30px; padding: 0 12px; }
.link-m { font-size: 16px; line-height: 40px; padding: 0 18px; }
.link-l { font-size: 18px; line-height: 50px; padding: 0 24px; }
.link-block { width: 100%; }

/* BITS */
.center { text-align: center; }
.highlight { font-family: arial, helvetica, sans-serif; color: #444; padding: 0.5rem; line-height: 1.2; background: #FFFFCC; border: 1px dotted #666;  }
.video { position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; margin: 0 0 1.5rem 0; z-index: 1; }
.video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* MESSAGES */
.message { font-family: sans-serif; font-size: 0.9rem; padding: 1rem; background: #FFF; border: 1px dotted #999; }
.message-warning {}

.newsflash {font-family:sans-serif;font-size:0.9rem;padding:1rem;background:#FFFFCC;border:1px dotted #000;margin-bottom:3rem;}
.newsflash * { margin: 0; }

/* FORMS */
.form-pay { margin-bottom: 3em; }
.form-login { max-width: 300px; }
.form-filter { float: right; margin-bottom: 0; }
fieldset { margin: 0 0 2rem 0; }
legend { display: block; width: 100%; font-family: Helvetica, Arial, sans-serif; font-size: 1.125rem; font-weight: 700; text-transform: uppercase; padding-top: 2rem; border-top: 1px dotted #D7D7D7; margin: 0 0 2rem 0; }
label { display: block; margin: 0 0 0.25rem 0; cursor: pointer; }
.label-required { display: inline-block; font-family: sans-serif; font-weight: 700; font-size: 0.7rem; color: #FF0000; padding: 0.1rem 0.5rem; background: #d3fbd8; }
.label-note { display: block; font-size: 0.8rem; color: #666; margin: 0 0 0.25em 0; }
form ol { font-size: 0.875em; color: #555; margin-left: 0; }
form ul { list-style: none; margin-left: 0; }
form ul.inline-list { overflow: hidden; clear: both; }
form ul.inline-list li { float: left; width: 280px; margin: 0 0 0.5rem; }
input,select,textarea { width: 100%; font-size: 16px; color: #555; background: rgba(255,255,255,0.8); border: 1px solid #999; transition: 1s; box-sizing: border-box; }
input:focus, select:focus, textarea:focus { background: rgba(255,255,255,1); border: 1px solid #333; }
input[type='text'], input[type='tel'], input[type='email'], input[type='password'], input[type='number'] { width: 100%; height: 40px; text-indent: 5px; }
input[type='image'] { border: 0; }
input[type='file'] { padding: 0.5rem; }
input[type='checkbox'] { width: 20px; height: 20px; }
input.input-small { width: 70px; text-align: center; text-indent: 0; }
select { max-width: 100%; height: 40px; }
textarea { width: 100%; height: 160px; }
input[type='text'].input-s { width: 50px; text-align: center; text-indent: 0; }
input[readonly].input-s { text-indent: 0; text-align: left; border: 0; background: transparent; }
button { height: 40px; font-family: "IM Fell English", Arial, Helvetica, sans-serif; font-size: 16px; font-weight: 700; font-variant: small-caps; color: #FFF; padding: 0 18px; border: 0; cursor: pointer; transition: 0.5s; text-shadow: 1px 1px 1px #000; background: #222;}
button:hover { background: #444; }

/* donations */
button.toggle-button { color: #000; text-shadow: 0 0 0 transparent; background: transparent; border: 1px solid #757575; margin: 0 0 1rem 0; }
#card-element { width: 100%; font-size: 18px; padding: 1rem; background: #FFF; border: 1px solid #CCC; margin: 0 0 1.5rem 0;  }
#payment-errors, #card-errors { color: red; margin: 0 0 1.5rem 0; }
#progress { color: blue; margin: 0 0 1.5rem 0; }
.payment-cards img { width: auto; height: 26px; }

/* MEDIA QUERIES */
@media only screen and (max-width: 960px) {
a.menuToggle { display: block; float: right; font-family: "IM Fell English SC", Arial, Helvetica, sans-serif; font-size: 16px; color: #FFF; line-height: 60px; text-decoration: none; padding: 0 15px; background: #111; margin: 0; }
.menu { display: none; }
.menu { position: absolute; left: 0; top: 60px; right: 0; width: 100%; line-height: 40px; background: #222; clear: both; }
.menu li { float: none; border: 0; border-top: 1px dotted #333; }
.menu li a { padding: 0 5%; }
.menu li a:hover { background: #000; }
.menu li:hover ul { display: none; }
.content-article { display: grid; grid-column-gap: 0em; grid-row-gap: 2em; grid-template-columns: 1fr; }
figure.entry-image { position: relative; margin-left: -2em; margin-right: -2em; overflow: visible; }
.grid2 { display: grid; grid-column-gap: 2em; grid-row-gap: 2em; grid-template-columns: 1fr 1fr; }
.grid3 { display: grid; grid-column-gap: 2em; grid-row-gap: 2em; grid-template-columns: 1fr 1fr; }
.grid4 { display: grid; grid-column-gap: 2em; grid-row-gap: 2em; grid-template-columns: 1fr 1fr; }
}
@media only screen and (max-width: 800px) {
body { font-size: 100%; }
.Xhero { height: 420px; }
h1 { font-size: 1.8rem; }
h2 { font-size: 1.4rem; }
h3,h4,h5,h6 { font-size: 1.2rem; }
.entries-thumb { width: 45%; }
}
@media only screen and (max-width: 640px) {
.entries-thumb { float: left; width: 30%; margin: 0 1rem 1rem 0; }
.grid2 { display: grid; grid-column-gap: 0; grid-row-gap: 2em; grid-template-columns: 1fr; }
.grid3 { display: grid; grid-column-gap: 0; grid-row-gap: 2em; grid-template-columns: 1fr; }
.grid4 { display: grid; grid-column-gap: 0; grid-row-gap: 2em; grid-template-columns: 1fr; }
}

@media only screen and (max-width: 480px) {
figure.entry-story-image-small { float: none; width: 100%; margin: 0 0 1rem 0; }
button { display: block; text-align: center; }
.entries-thumb { float: none; width: 100%; margin: 0 0 1rem 0; }
button.toggle-button { width: 100%; }
}