* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

@media screen and (max-width: 500px) { font-size: 16px; }
* { margin: 0; padding: 0; }

html { height: 100%; font-size: 20px; font-family: 'Merriweather', serif; font-weight: 300; border-top: 5px solid #6A739E; color: #424242; background: #CCCCCC; }

header, section { background: white; }

h1, h2, h3, h4, h5, p, ul, li, pre { margin: 0; padding: 0; margin-bottom: 20px; line-height: 1.3em; font-weight: 300; }

h1 { font-size: 2em; margin-top: 30px; }

h2 { font-size: 1.5em; margin-top: 30px; }

h3, h4 { font-weight: 400; }

a { text-decoration: none; color: #545c81; }

a:hover { text-decoration: none; color: #9395C5; }

pre { line-height: 1em; }

blockquote { border-left: 10px solid #CCCCCC; padding-left: 1.5em; }

section { margin: auto; padding-top: 125px; padding-bottom: 105px; padding-left: 1em; padding-right: 1em; }
@media screen and (max-width: 500px) { section { padding-top: 25px; padding-bottom: 5px; padding-left: 1em; padding-right: 1em; min-height: 380px; } }
@media screen and (min-width: 501px) and (max-width: 900px) { section { padding: 75px 1em; } }
section .wrapper { max-width: 700px; margin: auto; padding: 1em; overflow: hidden; }

.site-header { padding-top: 2em; }

.home { min-height: 100vh; text-align: center; }
.home .hero h1, .home .hero h2, .home .hero h3, .home .hero h4, .home .hero h5, .home .hero h6, .home .hero p { margin: 0; padding: 0; }
.home .hero div { padding: 200px 1em; text-align: left; margin: auto; max-width: 640px; }
@media screen and (min-width: 501px) and (max-width: 900px) { .home .hero div { margin-top: 100px; padding: 100px 1em; } }
@media screen and (max-width: 500px) { .home .hero div { margin-top: 0; text-align: center; padding: 50px 1em; } }
.home .hero h1 { font-size: 2em; line-height: 1em; }
.home .hero span { color: #6A739E; }
.home .about { background: #6A739E; color: white; }
.home .signup { background: #9395C5; color: white; }
.home .signup input { border-radius: 5px; padding: 0.5em; font-size: 1.1em; min-width: 10em; }
.home .signup #email { color: #CCCCCC; }
.home .signup input[type=submit] { color: #6A739E; }
.home .bullets { max-width: 900px; margin: auto; overflow: auto; }
.home .bullets a { text-decoration: none; }
@media screen and (min-width: 901px) { .home .bullets .bullet { float: left; display: block; margin-right: 2.35765%; width: 31.76157%; }
  .home .bullets .bullet:last-child { margin-right: 0; }
  .home .bullets .bullet:nth-child(3n) { margin-right: 0; }
  .home .bullets .bullet:nth-child(3n+1) { clear: left; } }
.home .bullets .bullet-content { margin-bottom: 2em; }
.home .bullets h2 { font-weight: 300; font-size: 1.25em; padding-top: 2.85714px; margin-bottom: 20px; border-bottom: 1px solid rgba(66, 66, 66, 0.2); display: inline-block; }

.membership .signup { margin: 100px 0; padding: 50px 0; width: 100%; overflow: display; text-align: center; background: #9395C5; color: white; }
.membership .signup input { width: 80%; font-size: 1em; }
.membership .signup input[type=submit] { min-height: 2em; }

.quote { font-size: 1.5em; }
@media screen and (max-width: 500px) { .quote { font-size: 1.2em; } }

.post-list h2 { font-size: 1.2em; margin-bottom: 10px; }
.post-list .post { margin-bottom: 40px; margin-left: 0; }
.post-list .post-meta { margin: 0; }
.post-list .excerpt { max-height: 10em; overflow: hidden; }
.post-list .excerpt * { font-size: 1em; margin-top: 20px; }

.post { list-style: none; text-align: left; }
.post li { margin-left: 1em; }
.post .post-header { position: relative; top: -1em; z-index: 1; }
.post .post-title { width: 100%; max-width: 700px; margin: auto; border-bottom: 1px solid; font-size: 1.25rem; margin: 0; padding-bottom: 0.25rem; text-transform: capitalize; }
@media screen and (min-width: 901px) { .post .post-title { width: 636.36364px; } }
.post .post-meta { margin-top: 0.5em; }
.post .bio { margin-top: 20px; }

.events h2 { margin-bottom: 0; }

.post-meta { font-size: 0.8em; }

.contact { margin-top: 20px; }
.contact .detail { display: block; }

#mc-embedded-subscribe-form label { display: none; }
#mc-embedded-subscribe-form input { margin: 1px 1px; }
#mc-embedded-subscribe-form input[type=email], #mc-embedded-subscribe-form input[type=text] { color: #666; font-family: sans-serif; padding: 0.75em 0.5em 0.5em 1em; line-height: 1.1em; }

.topbar { width: 100%; }
@media screen and (max-width: 500px) { .topbar { top: 0; left: 0; text-align: center; } }
.topbar p.notice { margin: 0; padding: 1rem; background: #6A739E; font-size: 0.85rem; text-align: center; }
.topbar p.notice a { color: #FFF; }
.topbar p.notice a:hover { color: #a9b5e9; }

.site.navigation { float: left; margin-top: 1.5rem; margin-left: 2rem; text-align: left; z-index: 10; }
@media screen and (max-width: 500px) { .site.navigation { display: block; width: 100%; margin: 0; text-align: center; } }
.site.navigation .trigger { color: #6A739E; }
@media screen and (max-width: 500px) { .site.navigation .trigger { background: #6A739E; color: white; padding: 0.25em; }
  .site.navigation .trigger a { color: white; } }
.site.navigation ul { position: absolute; margin: 0; opacity: 0.0; z-index: 100; -webkit-transition: opacity, 0.5s; -moz-transition: opacity, 0.5s; transition: opacity, 0.5s; }
@media screen and (max-width: 500px) { .site.navigation ul { width: 100%; padding-bottom: 0.5em; } }
.site.navigation li { list-style: none; display: none; margin: 0; padding-right: 2em; }
@media screen and (max-width: 500px) { .site.navigation li { background: #6A739E; }
  .site.navigation li a { color: white; } }
@media screen and (max-width: 500px) { .site.navigation li:hover { background: #7982a8; }
  .site.navigation li:hover a { color: white; } }

.site.navigation:hover > ul { opacity: 1.0; background: white; -webkit-transition: opacity, 0.8s; -moz-transition: opacity, 0.8s; transition: opacity, 0.8s; }
.site.navigation:hover > ul li { display: block; }

.search-bar { float: right; margin-top: 1.5rem; margin-right: 2rem; }
@media screen and (max-width: 500px) { .search-bar { display: none; } }
.search-bar input { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; border: 1px solid #6A739E; }
.search-bar div.search-and-submit { position: relative; }
.search-bar div.search-and-submit input[type=search] { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; width: 100%; padding: .5em .8em; font-size: .9em; font-style: italic; border-radius: 3px; margin: 0; opacity: 0.5; }
.search-bar div.search-and-submit button[type=submit] { position: absolute; top: 0; right: 0; bottom: 0; background: #6A739E; outline: none; border-radius: 3px; border-top-left-radius: 0; border-bottom-left-radius: 0; padding: 5px 10px; min-height: 40px; }
.search-bar div.search-and-submit button[type=submit] img { height: 12px; opacity: .7; }

.search-bar:hover input[type=submit] { opacity: 1.0; -webkit-transition: opacity, 0.8s; -moz-transition: opacity, 0.8s; transition: opacity, 0.8s; }

.search-results { min-height: 25vh; }

footer { margin: auto; padding-top: 125px; padding-bottom: 105px; padding-left: 1em; padding-right: 1em; background: #CCCCCC; color: #424242; margin-bottom: 0; text-align: right; line-height: 2em; font-size: 0.8em; }
@media screen and (max-width: 500px) { footer { padding-top: 25px; padding-bottom: 5px; padding-left: 1em; padding-right: 1em; min-height: 380px; } }
@media screen and (min-width: 501px) and (max-width: 900px) { footer { padding: 75px 1em; } }
footer a { color: #424242; }
footer a:hover { color: #6A739E; }
footer span { padding: 0.5em; }
footer .wrapper { max-width: 700px; margin: auto; }

@media print { font-size: 12pt !important;
  body { color: #000; background: #fff; } }