/*!
Theme Name: Riverside Park
Description: new theme for riversideparknyc.org
Version: 1
Author:  Rick Holmes
*/
/* main scss file */
/*!
Pure v1.0.0
Copyright 2013 Yahoo!
Licensed under the BSD License.
https://github.com/yahoo/pure/blob/master/LICENSE.md
*/
/*!
normalize.css v^3.0 | MIT License | git.io/normalize
Copyright (c) Nicolas Gallagher and Jonathan Neal
*/
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
img, legend {
  border: 0;
}

legend, td, th {
  padding: 0;
}

html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

audio, canvas, progress, video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden], template {
  display: none;
}

a {
  background-color: transparent;
}

a:active, a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b, optgroup, strong {
  font-weight: 700;
}

dfn {
  font-style: italic;
}

h1 {
  font-size: 2em;
  margin: .67em 0;
}

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -.5em;
}

sub {
  bottom: -.25em;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 40px;
}

hr {
  box-sizing: content-box;
  height: 0;
}

pre, textarea {
  overflow: auto;
}

code, kbd, pre, samp {
  font-family: monospace,monospace;
  font-size: 1em;
}

button, input, optgroup, select, textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

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

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type=checkbox], input[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

input[type=search] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: .35em .625em .75em;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

.hidden, [hidden] {
  display: none !important;
}

.pure-img {
  max-width: 100%;
  height: auto;
  display: block;
}

/*!
Pure v1.0.0
Copyright 2013 Yahoo!
Licensed under the BSD License.
https://github.com/yahoo/pure/blob/master/LICENSE.md
*/
.pure-g {
  letter-spacing: -.31em;
  text-rendering: optimizespeed;
  font-family: FreeSans,Arimo,"Droid Sans",Helvetica,Arial,sans-serif;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  table .pure-g {
    display: block;
  }
}

.opera-only :-o-prefocus, .pure-g {
  word-spacing: -.43em;
}

.pure-u, .pure-u-1, .pure-u-1-1, .pure-u-1-12, .pure-u-1-2, .pure-u-1-24, .pure-u-1-3, .pure-u-1-4, .pure-u-1-5, .pure-u-1-6, .pure-u-1-8, .pure-u-10-24, .pure-u-11-12, .pure-u-11-24, .pure-u-12-24, .pure-u-13-24, .pure-u-14-24, .pure-u-15-24, .pure-u-16-24, .pure-u-17-24, .pure-u-18-24, .pure-u-19-24, .pure-u-2-24, .pure-u-2-3, .pure-u-2-5, .pure-u-20-24, .pure-u-21-24, .pure-u-22-24, .pure-u-23-24, .pure-u-24-24, .pure-u-3-24, .pure-u-3-4, .pure-u-3-5, .pure-u-3-8, .pure-u-4-24, .pure-u-4-5, .pure-u-5-12, .pure-u-5-24, .pure-u-5-5, .pure-u-5-6, .pure-u-5-8, .pure-u-6-24, .pure-u-7-12, .pure-u-7-24, .pure-u-7-8, .pure-u-8-24, .pure-u-9-24 {
  display: inline-block;
  zoom: 1;
  letter-spacing: normal;
  word-spacing: normal;
  vertical-align: top;
  text-rendering: auto;
}

.pure-g [class*=pure-u] {
  font-family: sans-serif;
}

.pure-u-1-24 {
  width: 4.1667%;
}

.pure-u-1-12, .pure-u-2-24 {
  width: 8.3333%;
}

.pure-u-1-8, .pure-u-3-24 {
  width: 12.5%;
}

.pure-u-1-6, .pure-u-4-24 {
  width: 16.6667%;
}

.pure-u-1-5 {
  width: 20%;
}

.pure-u-5-24 {
  width: 20.8333%;
}

.pure-u-1-4, .pure-u-6-24 {
  width: 25%;
}

.pure-u-7-24 {
  width: 29.1667%;
}

.pure-u-1-3, .pure-u-8-24 {
  width: 33.3333%;
}

.pure-u-3-8, .pure-u-9-24 {
  width: 37.5%;
}

.pure-u-2-5 {
  width: 40%;
}

.pure-u-10-24, .pure-u-5-12 {
  width: 41.6667%;
}

.pure-u-11-24 {
  width: 45.8333%;
}

.pure-u-1-2, .pure-u-12-24 {
  width: 50%;
}

.pure-u-13-24 {
  width: 54.1667%;
}

.pure-u-14-24, .pure-u-7-12 {
  width: 58.3333%;
}

.pure-u-3-5 {
  width: 60%;
}

.pure-u-15-24, .pure-u-5-8 {
  width: 62.5%;
}

.pure-u-16-24, .pure-u-2-3 {
  width: 66.6667%;
}

.pure-u-17-24 {
  width: 70.8333%;
}

.pure-u-18-24, .pure-u-3-4 {
  width: 75%;
}

.pure-u-19-24 {
  width: 79.1667%;
}

.pure-u-4-5 {
  width: 80%;
}

.pure-u-20-24, .pure-u-5-6 {
  width: 83.3333%;
}

.pure-u-21-24, .pure-u-7-8 {
  width: 87.5%;
}

.pure-u-11-12, .pure-u-22-24 {
  width: 91.6667%;
}

.pure-u-23-24 {
  width: 95.8333%;
}

.pure-u-1, .pure-u-1-1, .pure-u-24-24, .pure-u-5-5 {
  width: 100%;
}

/*!
Pure v1.0.0
Copyright 2013 Yahoo!
Licensed under the BSD License.
https://github.com/yahoo/pure/blob/master/LICENSE.md
*/
.pure-form input[type=text], .pure-form input[type=number], .pure-form input[type=search], .pure-form input[type=tel], .pure-form input[type=color], .pure-form input[type=password], .pure-form input[type=email], .pure-form input[type=url], .pure-form input[type=date], .pure-form input[type=month], .pure-form input[type=time], .pure-form input[type=datetime], .pure-form input[type=datetime-local], .pure-form input[type=week], .pure-form select, .pure-form textarea {
  padding: .5em .6em;
  display: inline-block;
  border: 1px solid #ccc;
  box-shadow: inset 0 1px 3px #ddd;
  border-radius: 4px;
  vertical-align: middle;
  box-sizing: border-box;
}

.pure-form input:not([type]) {
  padding: .5em .6em;
  display: inline-block;
  border: 1px solid #ccc;
  box-shadow: inset 0 1px 3px #ddd;
  border-radius: 4px;
  box-sizing: border-box;
}

.pure-form input[type=color] {
  padding: .2em .5em;
}

.pure-form input:not([type]):focus, .pure-form input[type=text]:focus, .pure-form input[type=number]:focus, .pure-form input[type=search]:focus, .pure-form input[type=tel]:focus, .pure-form input[type=color]:focus, .pure-form input[type=password]:focus, .pure-form input[type=email]:focus, .pure-form input[type=url]:focus, .pure-form input[type=date]:focus, .pure-form input[type=month]:focus, .pure-form input[type=time]:focus, .pure-form input[type=datetime]:focus, .pure-form input[type=datetime-local]:focus, .pure-form input[type=week]:focus, .pure-form select:focus, .pure-form textarea:focus {
  outline: 0;
  border-color: #129FEA;
}

.pure-form input[type=file]:focus, .pure-form input[type=radio]:focus, .pure-form input[type=checkbox]:focus {
  outline: #129FEA auto 1px;
}

.pure-form .pure-checkbox, .pure-form .pure-radio {
  margin: .5em 0;
  display: block;
}

.pure-form input:not([type])[disabled], .pure-form input[type=text][disabled], .pure-form input[type=number][disabled], .pure-form input[type=search][disabled], .pure-form input[type=tel][disabled], .pure-form input[type=color][disabled], .pure-form input[type=password][disabled], .pure-form input[type=email][disabled], .pure-form input[type=url][disabled], .pure-form input[type=date][disabled], .pure-form input[type=month][disabled], .pure-form input[type=time][disabled], .pure-form input[type=datetime][disabled], .pure-form input[type=datetime-local][disabled], .pure-form input[type=week][disabled], .pure-form select[disabled], .pure-form textarea[disabled] {
  cursor: not-allowed;
  background-color: #eaeded;
  color: #cad2d3;
}

.pure-form input[readonly], .pure-form select[readonly], .pure-form textarea[readonly] {
  background-color: #eee;
  color: #777;
  border-color: #ccc;
}

.pure-form input:focus:invalid, .pure-form select:focus:invalid, .pure-form textarea:focus:invalid {
  color: #b94a48;
  border-color: #e9322d;
}

.pure-form input[type=file]:focus:invalid:focus, .pure-form input[type=radio]:focus:invalid:focus, .pure-form input[type=checkbox]:focus:invalid:focus {
  outline-color: #e9322d;
}

.pure-form select {
  height: 2.25em;
  border: 1px solid #ccc;
  background-color: #fff;
}

.pure-form select[multiple] {
  height: auto;
}

.pure-form label {
  margin: .5em 0 .2em;
}

.pure-form fieldset {
  margin: 0;
  padding: .35em 0 .75em;
  border: 0;
}

.pure-form legend {
  display: block;
  width: 100%;
  padding: .3em 0;
  margin-bottom: .3em;
  color: #333;
  border-bottom: 1px solid #e5e5e5;
}

.pure-form-stacked input:not([type]), .pure-form-stacked input[type=text], .pure-form-stacked input[type=number], .pure-form-stacked input[type=search], .pure-form-stacked input[type=tel], .pure-form-stacked input[type=color], .pure-form-stacked input[type=file], .pure-form-stacked input[type=password], .pure-form-stacked input[type=email], .pure-form-stacked input[type=url], .pure-form-stacked input[type=date], .pure-form-stacked input[type=month], .pure-form-stacked input[type=time], .pure-form-stacked input[type=datetime], .pure-form-stacked input[type=datetime-local], .pure-form-stacked input[type=week], .pure-form-stacked label, .pure-form-stacked select, .pure-form-stacked textarea {
  display: block;
  margin: .25em 0;
}

.pure-form-aligned .pure-help-inline, .pure-form-aligned input, .pure-form-aligned select, .pure-form-aligned textarea, .pure-form-message-inline {
  display: inline-block;
  vertical-align: middle;
}

.pure-form-aligned textarea {
  vertical-align: top;
}

.pure-form-aligned .pure-control-group {
  margin-bottom: .5em;
}

.pure-form-aligned .pure-control-group label {
  text-align: right;
  display: inline-block;
  vertical-align: middle;
  width: 10em;
  margin: 0 1em 0 0;
}

.pure-form-aligned .pure-controls {
  margin: 1.5em 0 0 11em;
}

.pure-form .pure-input-rounded, .pure-form input.pure-input-rounded {
  border-radius: 2em;
  padding: .5em 1em;
}

.pure-form .pure-group fieldset {
  margin-bottom: 10px;
}

.pure-form .pure-group input, .pure-form .pure-group textarea {
  display: block;
  padding: 10px;
  margin: 0 0 -1px;
  border-radius: 0;
  position: relative;
  top: -1px;
}

.pure-form .pure-group input:focus, .pure-form .pure-group textarea:focus {
  z-index: 3;
}

.pure-form .pure-group input:first-child, .pure-form .pure-group textarea:first-child {
  top: 1px;
  border-radius: 4px 4px 0 0;
  margin: 0;
}

.pure-form .pure-group input:first-child:last-child, .pure-form .pure-group textarea:first-child:last-child {
  top: 1px;
  border-radius: 4px;
  margin: 0;
}

.pure-form .pure-group input:last-child, .pure-form .pure-group textarea:last-child {
  top: -2px;
  border-radius: 0 0 4px 4px;
  margin: 0;
}

.pure-form .pure-group button {
  margin: .35em 0;
}

.pure-form .pure-input-1 {
  width: 100%;
}

.pure-form .pure-input-3-4 {
  width: 75%;
}

.pure-form .pure-input-2-3 {
  width: 66%;
}

.pure-form .pure-input-1-2 {
  width: 50%;
}

.pure-form .pure-input-1-3 {
  width: 33%;
}

.pure-form .pure-input-1-4 {
  width: 25%;
}

.pure-form .pure-help-inline, .pure-form-message-inline {
  display: inline-block;
  padding-left: .3em;
  color: #666;
  vertical-align: middle;
  font-size: .875em;
}

.pure-form-message {
  display: block;
  color: #666;
  font-size: .875em;
}

@media only screen and (max-width: 480px) {
  .pure-form button[type=submit] {
    margin: .7em 0 0;
  }
  .pure-form input:not([type]), .pure-form input[type=text], .pure-form input[type=number], .pure-form input[type=search], .pure-form input[type=tel], .pure-form input[type=color], .pure-form input[type=password], .pure-form input[type=email], .pure-form input[type=url], .pure-form input[type=date], .pure-form input[type=month], .pure-form input[type=time], .pure-form input[type=datetime], .pure-form input[type=datetime-local], .pure-form input[type=week], .pure-form label {
    margin-bottom: .3em;
    display: block;
  }
  .pure-group input:not([type]), .pure-group input[type=text], .pure-group input[type=number], .pure-group input[type=search], .pure-group input[type=tel], .pure-group input[type=color], .pure-group input[type=password], .pure-group input[type=email], .pure-group input[type=url], .pure-group input[type=date], .pure-group input[type=month], .pure-group input[type=time], .pure-group input[type=datetime], .pure-group input[type=datetime-local], .pure-group input[type=week] {
    margin-bottom: 0;
  }
  .pure-form-aligned .pure-control-group label {
    margin-bottom: .3em;
    text-align: left;
    display: block;
    width: 100%;
  }
  .pure-form-aligned .pure-controls {
    margin: 1.5em 0 0;
  }
  .pure-form .pure-help-inline, .pure-form-message, .pure-form-message-inline {
    display: block;
    font-size: .75em;
    padding: .2em 0 .8em;
  }
}

/*!
Pure v1.0.0
Copyright 2013 Yahoo!
Licensed under the BSD License.
https://github.com/yahoo/pure/blob/master/LICENSE.md
*/
.pure-button {
  display: inline-block;
  zoom: 1;
  line-height: normal;
  white-space: nowrap;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  box-sizing: border-box;
}

.pure-button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.pure-button-group {
  letter-spacing: -.31em;
  text-rendering: optimizespeed;
}

.opera-only :-o-prefocus, .pure-button-group {
  word-spacing: -.43em;
}

.pure-button {
  font-family: inherit;
  font-size: 100%;
  padding: .5em 1em;
  color: #444;
  color: rgba(0, 0, 0, 0.8);
  border: 1px solid #999;
  border: transparent;
  background-color: #E6E6E6;
  text-decoration: none;
  border-radius: 2px;
}

.pure-button-hover, .pure-button:focus, .pure-button:hover {
  filter: alpha(opacity=90);
  background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05) 40%, rgba(0, 0, 0, 0.1));
  background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.05) 40%, rgba(0, 0, 0, 0.1));
}

.pure-button:focus {
  outline: 0;
}

.pure-button-active, .pure-button:active {
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 0 6px rgba(0, 0, 0, 0.2) inset;
  border-color: #000\9;
}

.pure-button-disabled, .pure-button-disabled:active, .pure-button-disabled:focus, .pure-button-disabled:hover, .pure-button[disabled] {
  border: none;
  background-image: none;
  filter: alpha(opacity=40);
  opacity: .4;
  cursor: not-allowed;
  box-shadow: none;
  pointer-events: none;
}

.pure-button-hidden {
  display: none;
}

.pure-button-primary, .pure-button-selected, a.pure-button-primary, a.pure-button-selected {
  background-color: #0078e7;
  color: #fff;
}

.pure-button-group .pure-button {
  letter-spacing: normal;
  word-spacing: normal;
  vertical-align: top;
  text-rendering: auto;
  margin: 0;
  border-radius: 0;
  border-right: 1px solid #111;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
}

.pure-button-group .pure-button:first-child {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}

.pure-button-group .pure-button:last-child {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-right: none;
}

/*!
Pure v1.0.0
Copyright 2013 Yahoo!
Licensed under the BSD License.
https://github.com/yahoo/pure/blob/master/LICENSE.md
*/
.pure-menu {
  box-sizing: border-box;
}

.pure-menu-fixed {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 3;
}

.pure-menu-item, .pure-menu-list {
  position: relative;
}

.pure-menu-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.pure-menu-item {
  padding: 0;
  margin: 0;
  height: 100%;
}

.pure-menu-heading, .pure-menu-link {
  display: block;
  text-decoration: none;
  white-space: nowrap;
}

.pure-menu-horizontal {
  width: 100%;
  white-space: nowrap;
}

.pure-menu-horizontal .pure-menu-list {
  display: inline-block;
}

.pure-menu-horizontal .pure-menu-heading, .pure-menu-horizontal .pure-menu-item, .pure-menu-horizontal .pure-menu-separator {
  display: inline-block;
  zoom: 1;
  vertical-align: middle;
}

.pure-menu-item .pure-menu-item {
  display: block;
}

.pure-menu-children {
  display: none;
  position: absolute;
  left: 100%;
  top: 0;
  margin: 0;
  padding: 0;
  z-index: 3;
}

.pure-menu-horizontal .pure-menu-children {
  left: 0;
  top: auto;
  width: inherit;
}

.pure-menu-active > .pure-menu-children, .pure-menu-allow-hover:hover > .pure-menu-children {
  display: block;
  position: absolute;
}

.pure-menu-has-children > .pure-menu-link:after {
  padding-left: .5em;
  content: "\25B8";
  font-size: small;
}

.pure-menu-horizontal .pure-menu-has-children > .pure-menu-link:after {
  content: "\25BE";
}

.pure-menu-scrollable {
  overflow-y: scroll;
  overflow-x: hidden;
}

.pure-menu-scrollable .pure-menu-list {
  display: block;
}

.pure-menu-horizontal.pure-menu-scrollable .pure-menu-list {
  display: inline-block;
}

.pure-menu-horizontal.pure-menu-scrollable {
  white-space: nowrap;
  overflow-y: hidden;
  overflow-x: auto;
  -ms-overflow-style: none;
  -webkit-overflow-scrolling: touch;
  padding: .5em 0;
}

.pure-menu-horizontal.pure-menu-scrollable::-webkit-scrollbar {
  display: none;
}

.pure-menu-horizontal .pure-menu-children .pure-menu-separator, .pure-menu-separator {
  background-color: #ccc;
  height: 1px;
  margin: .3em 0;
}

.pure-menu-horizontal .pure-menu-separator {
  width: 1px;
  height: 1.3em;
  margin: 0 .3em;
}

.pure-menu-horizontal .pure-menu-children .pure-menu-separator {
  display: block;
  width: auto;
}

.pure-menu-heading {
  text-transform: uppercase;
  color: #565d64;
}

.pure-menu-link {
  color: #777;
}

.pure-menu-children {
  background-color: #fff;
}

.pure-menu-disabled, .pure-menu-heading, .pure-menu-link {
  padding: .5em 1em;
}

.pure-menu-disabled {
  opacity: .5;
}

.pure-menu-disabled .pure-menu-link:hover {
  background-color: transparent;
}

.pure-menu-active > .pure-menu-link, .pure-menu-link:focus, .pure-menu-link:hover {
  background-color: #eee;
}

.pure-menu-selected .pure-menu-link, .pure-menu-selected .pure-menu-link:visited {
  color: #000;
}

/*!
Pure v1.0.0
Copyright 2013 Yahoo!
Licensed under the BSD License.
https://github.com/yahoo/pure/blob/master/LICENSE.md
*/
.pure-table {
  border-collapse: collapse;
  border-spacing: 0;
  empty-cells: show;
  border: 1px solid #cbcbcb;
}

.pure-table caption {
  color: #000;
  font: italic 85%/1 arial,sans-serif;
  padding: 1em 0;
  text-align: center;
}

.pure-table td, .pure-table th {
  border-left: 1px solid #cbcbcb;
  border-width: 0 0 0 1px;
  font-size: inherit;
  margin: 0;
  overflow: visible;
  padding: .5em 1em;
}

.pure-table td:first-child, .pure-table th:first-child {
  border-left-width: 0;
}

.pure-table thead {
  background-color: #e0e0e0;
  color: #000;
  text-align: left;
  vertical-align: bottom;
}

.pure-table td {
  background-color: transparent;
}

.pure-table-odd td, .pure-table-striped tr:nth-child(2n-1) td {
  background-color: #f2f2f2;
}

.pure-table-bordered td {
  border-bottom: 1px solid #cbcbcb;
}

.pure-table-bordered tbody > tr:last-child > td {
  border-bottom-width: 0;
}

.pure-table-horizontal td, .pure-table-horizontal th {
  border-width: 0 0 1px;
  border-bottom: 1px solid #cbcbcb;
}

.pure-table-horizontal tbody > tr:last-child > td {
  border-bottom-width: 0;
}

/*!
.pure-xs custom grid size
max width ~ 375px (iPhone)
only has 1/2, 1/3, 1/4, 1/5, 1/6, 1/8 (everything else too small)
*/
@media screen and (max-width: 23.5em) {
  .pure-u-xs-1, .pure-u-xs-1-1, .pure-u-xs-1-12, .pure-u-xs-1-2, .pure-u-xs-1-24, .pure-u-xs-1-3, .pure-u-xs-1-4, .pure-u-xs-1-5, .pure-u-xs-1-6,
  .pure-u-xs-1-8, .pure-u-xs-10-24, .pure-u-xs-11-12, .pure-u-xs-11-24, .pure-u-xs-12-24, .pure-u-xs-13-24, .pure-u-xs-14-24, .pure-u-xs-15-24,
  .pure-u-xs-16-24, .pure-u-xs-17-24, .pure-u-xs-18-24, .pure-u-xs-19-24, .pure-u-xs-2-24, .pure-u-xs-2-3, .pure-u-xs-2-5, .pure-u-xs-20-24,
  .pure-u-xs-21-24, .pure-u-xs-22-24, .pure-u-xs-23-24, .pure-u-xs-24-24, .pure-u-xs-3-24, .pure-u-xs-3-4, .pure-u-xs-3-5, .pure-u-xs-3-8,
  .pure-u-xs-4-24, .pure-u-xs-4-5, .pure-u-xs-5-12, .pure-u-xs-5-24, .pure-u-xs-5-5, .pure-u-xs-5-6, .pure-u-xs-5-8, .pure-u-xs-6-24,
  .pure-u-xs-7-12, .pure-u-xs-7-24, .pure-u-xs-7-8, .pure-u-xs-8-24, .pure-u-xs-9-24 {
    display: inline-block;
    zoom: 1;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto;
  }
  .pure-u-xs-1-8 {
    width: 12.5%;
  }
  .pure-u-xs-1-6 {
    width: 16.6667%;
  }
  .pure-u-xs-1-5 {
    width: 20%;
  }
  .pure-u-xs-1-4 {
    width: 25%;
  }
  .pure-u-xs-1-3 {
    width: 33.3333%;
  }
  .pure-u-xs-3-8 {
    width: 37.5%;
  }
  .pure-u-xs-2-5 {
    width: 40%;
  }
  .pure-u-xs-1-2 {
    width: 50%;
  }
  .pure-u-xs-3-5 {
    width: 60%;
  }
  .pure-u-xs-5-8 {
    width: 62.5%;
  }
  .pure-u-xs-2-3 {
    width: 66.6667%;
  }
  .pure-u-xs-3-4 {
    width: 75%;
  }
  .pure-u-xs-4-5 {
    width: 80%;
  }
  .pure-u-xs-5-6 {
    width: 83.3333%;
  }
  .pure-u-xs-7-8 {
    width: 87.5%;
  }
  .pure-u-xs-1, .pure-u-xs-1-1, .pure-u-xs-5-5 {
    width: 100%;
  }
}

/*!
Pure v1.0.0
Copyright 2013 Yahoo!
Licensed under the BSD License.
https://github.com/yahoo/pure/blob/master/LICENSE.md
*/
@media screen and (min-width: 35.5em) {
  .pure-u-sm-1, .pure-u-sm-1-1, .pure-u-sm-1-12, .pure-u-sm-1-2, .pure-u-sm-1-24, .pure-u-sm-1-3, .pure-u-sm-1-4, .pure-u-sm-1-5, .pure-u-sm-1-6, .pure-u-sm-1-8, .pure-u-sm-10-24, .pure-u-sm-11-12, .pure-u-sm-11-24, .pure-u-sm-12-24, .pure-u-sm-13-24, .pure-u-sm-14-24, .pure-u-sm-15-24, .pure-u-sm-16-24, .pure-u-sm-17-24, .pure-u-sm-18-24, .pure-u-sm-19-24, .pure-u-sm-2-24, .pure-u-sm-2-3, .pure-u-sm-2-5, .pure-u-sm-20-24, .pure-u-sm-21-24, .pure-u-sm-22-24, .pure-u-sm-23-24, .pure-u-sm-24-24, .pure-u-sm-3-24, .pure-u-sm-3-4, .pure-u-sm-3-5, .pure-u-sm-3-8, .pure-u-sm-4-24, .pure-u-sm-4-5, .pure-u-sm-5-12, .pure-u-sm-5-24, .pure-u-sm-5-5, .pure-u-sm-5-6, .pure-u-sm-5-8, .pure-u-sm-6-24, .pure-u-sm-7-12, .pure-u-sm-7-24, .pure-u-sm-7-8, .pure-u-sm-8-24, .pure-u-sm-9-24 {
    display: inline-block;
    zoom: 1;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto;
  }
  .pure-u-sm-1-24 {
    width: 4.1667%;
  }
  .pure-u-sm-1-12, .pure-u-sm-2-24 {
    width: 8.3333%;
  }
  .pure-u-sm-1-8, .pure-u-sm-3-24 {
    width: 12.5%;
  }
  .pure-u-sm-1-6, .pure-u-sm-4-24 {
    width: 16.6667%;
  }
  .pure-u-sm-1-5 {
    width: 20%;
  }
  .pure-u-sm-5-24 {
    width: 20.8333%;
  }
  .pure-u-sm-1-4, .pure-u-sm-6-24 {
    width: 25%;
  }
  .pure-u-sm-7-24 {
    width: 29.1667%;
  }
  .pure-u-sm-1-3, .pure-u-sm-8-24 {
    width: 33.3333%;
  }
  .pure-u-sm-3-8, .pure-u-sm-9-24 {
    width: 37.5%;
  }
  .pure-u-sm-2-5 {
    width: 40%;
  }
  .pure-u-sm-10-24, .pure-u-sm-5-12 {
    width: 41.6667%;
  }
  .pure-u-sm-11-24 {
    width: 45.8333%;
  }
  .pure-u-sm-1-2, .pure-u-sm-12-24 {
    width: 50%;
  }
  .pure-u-sm-13-24 {
    width: 54.1667%;
  }
  .pure-u-sm-14-24, .pure-u-sm-7-12 {
    width: 58.3333%;
  }
  .pure-u-sm-3-5 {
    width: 60%;
  }
  .pure-u-sm-15-24, .pure-u-sm-5-8 {
    width: 62.5%;
  }
  .pure-u-sm-16-24, .pure-u-sm-2-3 {
    width: 66.6667%;
  }
  .pure-u-sm-17-24 {
    width: 70.8333%;
  }
  .pure-u-sm-18-24, .pure-u-sm-3-4 {
    width: 75%;
  }
  .pure-u-sm-19-24 {
    width: 79.1667%;
  }
  .pure-u-sm-4-5 {
    width: 80%;
  }
  .pure-u-sm-20-24, .pure-u-sm-5-6 {
    width: 83.3333%;
  }
  .pure-u-sm-21-24, .pure-u-sm-7-8 {
    width: 87.5%;
  }
  .pure-u-sm-11-12, .pure-u-sm-22-24 {
    width: 91.6667%;
  }
  .pure-u-sm-23-24 {
    width: 95.8333%;
  }
  .pure-u-sm-1, .pure-u-sm-1-1, .pure-u-sm-24-24, .pure-u-sm-5-5 {
    width: 100%;
  }
}

@media screen and (min-width: 48em) {
  .pure-u-md-1, .pure-u-md-1-1, .pure-u-md-1-12, .pure-u-md-1-2, .pure-u-md-1-24, .pure-u-md-1-3, .pure-u-md-1-4, .pure-u-md-1-5, .pure-u-md-1-6, .pure-u-md-1-8, .pure-u-md-10-24, .pure-u-md-11-12, .pure-u-md-11-24, .pure-u-md-12-24, .pure-u-md-13-24, .pure-u-md-14-24, .pure-u-md-15-24, .pure-u-md-16-24, .pure-u-md-17-24, .pure-u-md-18-24, .pure-u-md-19-24, .pure-u-md-2-24, .pure-u-md-2-3, .pure-u-md-2-5, .pure-u-md-20-24, .pure-u-md-21-24, .pure-u-md-22-24, .pure-u-md-23-24, .pure-u-md-24-24, .pure-u-md-3-24, .pure-u-md-3-4, .pure-u-md-3-5, .pure-u-md-3-8, .pure-u-md-4-24, .pure-u-md-4-5, .pure-u-md-5-12, .pure-u-md-5-24, .pure-u-md-5-5, .pure-u-md-5-6, .pure-u-md-5-8, .pure-u-md-6-24, .pure-u-md-7-12, .pure-u-md-7-24, .pure-u-md-7-8, .pure-u-md-8-24, .pure-u-md-9-24 {
    display: inline-block;
    zoom: 1;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto;
  }
  .pure-u-md-1-24 {
    width: 4.1667%;
  }
  .pure-u-md-1-12, .pure-u-md-2-24 {
    width: 8.3333%;
  }
  .pure-u-md-1-8, .pure-u-md-3-24 {
    width: 12.5%;
  }
  .pure-u-md-1-6, .pure-u-md-4-24 {
    width: 16.6667%;
  }
  .pure-u-md-1-5 {
    width: 20%;
  }
  .pure-u-md-5-24 {
    width: 20.8333%;
  }
  .pure-u-md-1-4, .pure-u-md-6-24 {
    width: 25%;
  }
  .pure-u-md-7-24 {
    width: 29.1667%;
  }
  .pure-u-md-1-3, .pure-u-md-8-24 {
    width: 33.3333%;
  }
  .pure-u-md-3-8, .pure-u-md-9-24 {
    width: 37.5%;
  }
  .pure-u-md-2-5 {
    width: 40%;
  }
  .pure-u-md-10-24, .pure-u-md-5-12 {
    width: 41.6667%;
  }
  .pure-u-md-11-24 {
    width: 45.8333%;
  }
  .pure-u-md-1-2, .pure-u-md-12-24 {
    width: 50%;
  }
  .pure-u-md-13-24 {
    width: 54.1667%;
  }
  .pure-u-md-14-24, .pure-u-md-7-12 {
    width: 58.3333%;
  }
  .pure-u-md-3-5 {
    width: 60%;
  }
  .pure-u-md-15-24, .pure-u-md-5-8 {
    width: 62.5%;
  }
  .pure-u-md-16-24, .pure-u-md-2-3 {
    width: 66.6667%;
  }
  .pure-u-md-17-24 {
    width: 70.8333%;
  }
  .pure-u-md-18-24, .pure-u-md-3-4 {
    width: 75%;
  }
  .pure-u-md-19-24 {
    width: 79.1667%;
  }
  .pure-u-md-4-5 {
    width: 80%;
  }
  .pure-u-md-20-24, .pure-u-md-5-6 {
    width: 83.3333%;
  }
  .pure-u-md-21-24, .pure-u-md-7-8 {
    width: 87.5%;
  }
  .pure-u-md-11-12, .pure-u-md-22-24 {
    width: 91.6667%;
  }
  .pure-u-md-23-24 {
    width: 95.8333%;
  }
  .pure-u-md-1, .pure-u-md-1-1, .pure-u-md-24-24, .pure-u-md-5-5 {
    width: 100%;
  }
}

@media screen and (min-width: 64em) {
  .pure-u-lg-1, .pure-u-lg-1-1, .pure-u-lg-1-12, .pure-u-lg-1-2, .pure-u-lg-1-24, .pure-u-lg-1-3, .pure-u-lg-1-4, .pure-u-lg-1-5, .pure-u-lg-1-6, .pure-u-lg-1-8, .pure-u-lg-10-24, .pure-u-lg-11-12, .pure-u-lg-11-24, .pure-u-lg-12-24, .pure-u-lg-13-24, .pure-u-lg-14-24, .pure-u-lg-15-24, .pure-u-lg-16-24, .pure-u-lg-17-24, .pure-u-lg-18-24, .pure-u-lg-19-24, .pure-u-lg-2-24, .pure-u-lg-2-3, .pure-u-lg-2-5, .pure-u-lg-20-24, .pure-u-lg-21-24, .pure-u-lg-22-24, .pure-u-lg-23-24, .pure-u-lg-24-24, .pure-u-lg-3-24, .pure-u-lg-3-4, .pure-u-lg-3-5, .pure-u-lg-3-8, .pure-u-lg-4-24, .pure-u-lg-4-5, .pure-u-lg-5-12, .pure-u-lg-5-24, .pure-u-lg-5-5, .pure-u-lg-5-6, .pure-u-lg-5-8, .pure-u-lg-6-24, .pure-u-lg-7-12, .pure-u-lg-7-24, .pure-u-lg-7-8, .pure-u-lg-8-24, .pure-u-lg-9-24 {
    display: inline-block;
    zoom: 1;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto;
  }
  .pure-u-lg-1-24 {
    width: 4.1667%;
  }
  .pure-u-lg-1-12, .pure-u-lg-2-24 {
    width: 8.3333%;
  }
  .pure-u-lg-1-8, .pure-u-lg-3-24 {
    width: 12.5%;
  }
  .pure-u-lg-1-6, .pure-u-lg-4-24 {
    width: 16.6667%;
  }
  .pure-u-lg-1-5 {
    width: 20%;
  }
  .pure-u-lg-5-24 {
    width: 20.8333%;
  }
  .pure-u-lg-1-4, .pure-u-lg-6-24 {
    width: 25%;
  }
  .pure-u-lg-7-24 {
    width: 29.1667%;
  }
  .pure-u-lg-1-3, .pure-u-lg-8-24 {
    width: 33.3333%;
  }
  .pure-u-lg-3-8, .pure-u-lg-9-24 {
    width: 37.5%;
  }
  .pure-u-lg-2-5 {
    width: 40%;
  }
  .pure-u-lg-10-24, .pure-u-lg-5-12 {
    width: 41.6667%;
  }
  .pure-u-lg-11-24 {
    width: 45.8333%;
  }
  .pure-u-lg-1-2, .pure-u-lg-12-24 {
    width: 50%;
  }
  .pure-u-lg-13-24 {
    width: 54.1667%;
  }
  .pure-u-lg-14-24, .pure-u-lg-7-12 {
    width: 58.3333%;
  }
  .pure-u-lg-3-5 {
    width: 60%;
  }
  .pure-u-lg-15-24, .pure-u-lg-5-8 {
    width: 62.5%;
  }
  .pure-u-lg-16-24, .pure-u-lg-2-3 {
    width: 66.6667%;
  }
  .pure-u-lg-17-24 {
    width: 70.8333%;
  }
  .pure-u-lg-18-24, .pure-u-lg-3-4 {
    width: 75%;
  }
  .pure-u-lg-19-24 {
    width: 79.1667%;
  }
  .pure-u-lg-4-5 {
    width: 80%;
  }
  .pure-u-lg-20-24, .pure-u-lg-5-6 {
    width: 83.3333%;
  }
  .pure-u-lg-21-24, .pure-u-lg-7-8 {
    width: 87.5%;
  }
  .pure-u-lg-11-12, .pure-u-lg-22-24 {
    width: 91.6667%;
  }
  .pure-u-lg-23-24 {
    width: 95.8333%;
  }
  .pure-u-lg-1, .pure-u-lg-1-1, .pure-u-lg-24-24, .pure-u-lg-5-5 {
    width: 100%;
  }
}

@media screen and (min-width: 80em) {
  .pure-u-xl-1, .pure-u-xl-1-1, .pure-u-xl-1-12, .pure-u-xl-1-2, .pure-u-xl-1-24, .pure-u-xl-1-3, .pure-u-xl-1-4, .pure-u-xl-1-5, .pure-u-xl-1-6, .pure-u-xl-1-8, .pure-u-xl-10-24, .pure-u-xl-11-12, .pure-u-xl-11-24, .pure-u-xl-12-24, .pure-u-xl-13-24, .pure-u-xl-14-24, .pure-u-xl-15-24, .pure-u-xl-16-24, .pure-u-xl-17-24, .pure-u-xl-18-24, .pure-u-xl-19-24, .pure-u-xl-2-24, .pure-u-xl-2-3, .pure-u-xl-2-5, .pure-u-xl-20-24, .pure-u-xl-21-24, .pure-u-xl-22-24, .pure-u-xl-23-24, .pure-u-xl-24-24, .pure-u-xl-3-24, .pure-u-xl-3-4, .pure-u-xl-3-5, .pure-u-xl-3-8, .pure-u-xl-4-24, .pure-u-xl-4-5, .pure-u-xl-5-12, .pure-u-xl-5-24, .pure-u-xl-5-5, .pure-u-xl-5-6, .pure-u-xl-5-8, .pure-u-xl-6-24, .pure-u-xl-7-12, .pure-u-xl-7-24, .pure-u-xl-7-8, .pure-u-xl-8-24, .pure-u-xl-9-24 {
    display: inline-block;
    zoom: 1;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto;
  }
  .pure-u-xl-1-24 {
    width: 4.1667%;
  }
  .pure-u-xl-1-12, .pure-u-xl-2-24 {
    width: 8.3333%;
  }
  .pure-u-xl-1-8, .pure-u-xl-3-24 {
    width: 12.5%;
  }
  .pure-u-xl-1-6, .pure-u-xl-4-24 {
    width: 16.6667%;
  }
  .pure-u-xl-1-5 {
    width: 20%;
  }
  .pure-u-xl-5-24 {
    width: 20.8333%;
  }
  .pure-u-xl-1-4, .pure-u-xl-6-24 {
    width: 25%;
  }
  .pure-u-xl-7-24 {
    width: 29.1667%;
  }
  .pure-u-xl-1-3, .pure-u-xl-8-24 {
    width: 33.3333%;
  }
  .pure-u-xl-3-8, .pure-u-xl-9-24 {
    width: 37.5%;
  }
  .pure-u-xl-2-5 {
    width: 40%;
  }
  .pure-u-xl-10-24, .pure-u-xl-5-12 {
    width: 41.6667%;
  }
  .pure-u-xl-11-24 {
    width: 45.8333%;
  }
  .pure-u-xl-1-2, .pure-u-xl-12-24 {
    width: 50%;
  }
  .pure-u-xl-13-24 {
    width: 54.1667%;
  }
  .pure-u-xl-14-24, .pure-u-xl-7-12 {
    width: 58.3333%;
  }
  .pure-u-xl-3-5 {
    width: 60%;
  }
  .pure-u-xl-15-24, .pure-u-xl-5-8 {
    width: 62.5%;
  }
  .pure-u-xl-16-24, .pure-u-xl-2-3 {
    width: 66.6667%;
  }
  .pure-u-xl-17-24 {
    width: 70.8333%;
  }
  .pure-u-xl-18-24, .pure-u-xl-3-4 {
    width: 75%;
  }
  .pure-u-xl-19-24 {
    width: 79.1667%;
  }
  .pure-u-xl-4-5 {
    width: 80%;
  }
  .pure-u-xl-20-24, .pure-u-xl-5-6 {
    width: 83.3333%;
  }
  .pure-u-xl-21-24, .pure-u-xl-7-8 {
    width: 87.5%;
  }
  .pure-u-xl-11-12, .pure-u-xl-22-24 {
    width: 91.6667%;
  }
  .pure-u-xl-23-24 {
    width: 95.8333%;
  }
  .pure-u-xl-1, .pure-u-xl-1-1, .pure-u-xl-24-24, .pure-u-xl-5-5 {
    width: 100%;
  }
}

/*************************************************************************
 *			pure-extensions.css -- things that pure lacks
 *************************************************************************/
/* SOME USEFUL GENERIC CLASSES NOT IN PURE, copied from bootstrap 3.0 */
.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}

.clearfix:after {
  clear: both;
}

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.text-center {
  text-align: center;
}

.pull-right {
  float: right !important;
}

.text-right {
  text-align: right;
}

.pull-left {
  float: left !important;
}

.text-left {
  text-align: left;
}

.hide, .hidden {
  display: none !important;
}

.show {
  display: block !important;
}

.invisible {
  visibility: hidden;
}

/* list styles, from Bootstrap 3.0 */
.unstyled {
  list-style: none;
}

.unstyled.flush {
  padding-left: 0;
}

.inline {
  list-style: none;
  display: inline;
}

/* make pure grid units border-box so they can have padding for gutters */
.pure-g-r [class*="pure-u"], .pure-g-r [class*="pure-u"] *, .pure-g [class*="pure-u"] {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* class to undo above if needed */
.pure-content-box {
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

/* button mods, from pull request(s) */
.pure-button {
  font-family: inherit;
}

.pure-button-rounded {
  /* border-radius: 2em; */
  -moz-border-radius: 2em;
  -webkit-border-radius: 2em;
  border-radius: 2em;
}

.pure-form .pure-label-hidden {
  display: none;
}

.pure-form .pure-label-hidden > input {
  display: inline-block;
}

.pure-menu.pure-menu-horizontal > ul {
  height: auto;
  /* reset pure's value */
  top: auto;
  /* reset pure's value */
  min-height: 2.4em;
  bottom: 0;
}

/* the nav link, controlled by js */
.menu-open-link {
  -moz-transition: all, 0.2s, ease-out 1s;
  -o-transition: all, 0.2s, ease-out 1s;
  -webkit-transition: all, 0.2s, ease-out 1s;
  transition: all 0.2s ease-out 1s;
}

.menu-open-link {
  display: none;
  /* this will show only on small screens */
  top: 0;
  left: 150px;
  /* "#menu width" */
  font-size: 10px;
  /* change this value to increase/decrease button size */
  z-index: 10;
  width: 2em !important;
  height: auto;
  padding: 2.1em 1.6em;
  float: right;
}

.menu-open-link:hover,
.menu-open-link:focus {
  outline: none;
  background-color: transparent !important;
}

.menu-open-link span {
  position: relative;
  display: block;
}

.menu-open-link span,
.menu-open-link span:before,
.menu-open-link span:after {
  background: #000;
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: .2em;
  -moz-transition: all, 0.8s 1s;
  -o-transition: all, 0.8s 1s;
  -webkit-transition: all, 0.8s 1s;
  transition: all 0.8s 1s;
}

.menu-open-link span:before,
.menu-open-link span:after {
  position: absolute;
  margin-top: -.6em;
  content: " ";
}

.menu-open-link span:after {
  margin-top: .6em;
}

.menu-open-link.active span {
  background: transparent;
}

.menu-open-link.active span:before {
  -webkit-transform: rotate(45deg) translate(0.5em, 0.4em);
  -moz-transform: rotate(45deg) translate(0.5em, 0.4em);
  -ms-transform: rotate(45deg) translate(0.5em, 0.4em);
  -o-transform: rotate(45deg) translate(0.5em, 0.4em);
  transform: rotate(45deg) translate(0.5em, 0.4em);
}

.menu-open-link.active span:after {
  -webkit-transform: rotate(-45deg) translate(0.45em, -0.35em);
  -moz-transform: rotate(-45deg) translate(0.45em, -0.35em);
  -ms-transform: rotate(-45deg) translate(0.45em, -0.35em);
  -o-transform: rotate(-45deg) translate(0.45em, -0.35em);
  transform: rotate(-45deg) translate(0.45em, -0.35em);
}

/* Android browser bug */
.pure-u-1-4 {
  width: 24.9999%;
}

/* give a 0-width size for responsive when you need to completely hide an element */
/* @media screen and (max-width:480px) {
	.hideonsmall {
		width: 0 !important;
		height: 0 !important;
		overflow: hidden !important;		
		padding: 0 !important;
		margin: 0 !important;
	}	
} */
@media screen and (max-width: 568px) {
  .hideonbase {
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
    margin: 0 !important;
  }
}

@media screen and (max-width: 768px) {
  .hideonsm {
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
    margin: 0 !important;
  }
}

@media screen and (max-width: 1024px) {
  .hideonmed {
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
    margin: 0 !important;
  }
}

.alignright {
  float: none;
  display: block;
  margin: 1.5rem 0;
}

.alignleft {
  float: none;
  display: block;
  margin: 1.5rem 0;
}

@media (min-width: 768px) {
  .alignright {
    float: right;
    margin: 0 0 1.5rem 1.5rem;
  }
  .alignleft {
    float: left;
    margin: 0 1.5rem 1.5rem 0;
  }
}

/* sass mixins */
/* yellows (the logo color) */
/* blues */
/* grays */
/**
 *	
 * custom media queries for .pure-u-xsm (iPhone 5, et al)
 */
@media screen and (max-width: 32em) {
  .pure-u-xs-1,
  .pure-u-xs-1-1,
  .pure-u-xs-1-2,
  .pure-u-xs-1-3,
  .pure-u-xs-2-3,
  .pure-u-xs-1-4,
  .pure-u-xs-3-4,
  .pure-u-xs-1-5,
  .pure-u-xs-2-5,
  .pure-u-xs-3-5,
  .pure-u-xs-4-5,
  .pure-u-xs-5-5,
  .pure-u-xs-1-6,
  .pure-u-xs-5-6,
  .pure-u-xs-1-8,
  .pure-u-xs-3-8,
  .pure-u-xs-5-8,
  .pure-u-xs-7-8,
  .pure-u-xs-1-12,
  .pure-u-xs-5-12,
  .pure-u-xs-7-12,
  .pure-u-xs-11-12,
  .pure-u-xs-1-24,
  .pure-u-xs-2-24,
  .pure-u-xs-3-24,
  .pure-u-xs-4-24,
  .pure-u-xs-5-24,
  .pure-u-xs-6-24,
  .pure-u-xs-7-24,
  .pure-u-xs-8-24,
  .pure-u-xs-9-24,
  .pure-u-xs-10-24,
  .pure-u-xs-11-24,
  .pure-u-xs-12-24,
  .pure-u-xs-13-24,
  .pure-u-xs-14-24,
  .pure-u-xs-15-24,
  .pure-u-xs-16-24,
  .pure-u-xs-17-24,
  .pure-u-xs-18-24,
  .pure-u-xs-19-24,
  .pure-u-xs-20-24,
  .pure-u-xs-21-24,
  .pure-u-xs-22-24,
  .pure-u-xs-23-24,
  .pure-u-xs-24-24 {
    display: inline-block;
    *display: inline;
    zoom: 1;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto;
  }
  .pure-u-xs-1-24 {
    width: 4.1667%;
    *width: 4.1357%;
  }
  .pure-u-xs-1-12,
  .pure-u-xs-2-24 {
    width: 8.3333%;
    *width: 8.3023%;
  }
  .pure-u-xs-1-8,
  .pure-u-xs-3-24 {
    width: 12.5000%;
    *width: 12.4690%;
  }
  .pure-u-xs-1-6,
  .pure-u-xs-4-24 {
    width: 16.6667%;
    *width: 16.6357%;
  }
  .pure-u-xs-1-5 {
    width: 20%;
    *width: 19.9690%;
  }
  .pure-u-xs-5-24 {
    width: 20.8333%;
    *width: 20.8023%;
  }
  .pure-u-xs-1-4,
  .pure-u-xs-6-24 {
    width: 25%;
    *width: 24.9690%;
  }
  .pure-u-xs-7-24 {
    width: 29.1667%;
    *width: 29.1357%;
  }
  .pure-u-xs-1-3,
  .pure-u-xs-8-24 {
    width: 33.3333%;
    *width: 33.3023%;
  }
  .pure-u-xs-3-8,
  .pure-u-xs-9-24 {
    width: 37.5000%;
    *width: 37.4690%;
  }
  .pure-u-xs-2-5 {
    width: 40%;
    *width: 39.9690%;
  }
  .pure-u-xs-5-12,
  .pure-u-xs-10-24 {
    width: 41.6667%;
    *width: 41.6357%;
  }
  .pure-u-xs-11-24 {
    width: 45.8333%;
    *width: 45.8023%;
  }
  .pure-u-xs-1-2,
  .pure-u-xs-12-24 {
    width: 50%;
    *width: 49.9690%;
  }
  .pure-u-xs-13-24 {
    width: 54.1667%;
    *width: 54.1357%;
  }
  .pure-u-xs-7-12,
  .pure-u-xs-14-24 {
    width: 58.3333%;
    *width: 58.3023%;
  }
  .pure-u-xs-3-5 {
    width: 60%;
    *width: 59.9690%;
  }
  .pure-u-xs-5-8,
  .pure-u-xs-15-24 {
    width: 62.5000%;
    *width: 62.4690%;
  }
  .pure-u-xs-2-3,
  .pure-u-xs-16-24 {
    width: 66.6667%;
    *width: 66.6357%;
  }
  .pure-u-xs-17-24 {
    width: 70.8333%;
    *width: 70.8023%;
  }
  .pure-u-xs-3-4,
  .pure-u-xs-18-24 {
    width: 75%;
    *width: 74.9690%;
  }
  .pure-u-xs-19-24 {
    width: 79.1667%;
    *width: 79.1357%;
  }
  .pure-u-xs-4-5 {
    width: 80%;
    *width: 79.9690%;
  }
  .pure-u-xs-5-6,
  .pure-u-xs-20-24 {
    width: 83.3333%;
    *width: 83.3023%;
  }
  .pure-u-xs-7-8,
  .pure-u-xs-21-24 {
    width: 87.5000%;
    *width: 87.4690%;
  }
  .pure-u-xs-11-12,
  .pure-u-xs-22-24 {
    width: 91.6667%;
    *width: 91.6357%;
  }
  .pure-u-xs-23-24 {
    width: 95.8333%;
    *width: 95.8023%;
  }
  .pure-u-xs-1,
  .pure-u-xs-1-1,
  .pure-u-xs-5-5,
  .pure-u-xs-24-24 {
    width: 100%;
  }
}

/*! 
_base.scss
the mobile-first stuff and anything you want to cascade
*/
html {
  font-size: 62.5%;
  width: 100%;
  height: 100%;
  padding: 0;
}

html, button, input, select, textarea,
.pure-g [class*="pure-u"] {
  font-family: "Poppins", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  font-size: 1.4rem;
  line-height: 1.6;
  color: #808080;
  font-family: "Poppins", Helvetica, Arial, "Lucinda Grande", sans-serif;
  background-color: #fff;
}

/* 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-block-start: 0 !important;
	margin-block-end: 0 !important;
	margin-inline-start: 0 !important;
	margin-inline-end: 0 !important;
} */
h1, h2, h3, h4, h5,
h1 > a, h2 > a, h3 > a {
  color: #196f8c;
}

h2.section-title {
  letter-spacing: 0.1em;
}

a {
  color: #26adea;
  text-decoration: none;
}

a:hover {
  color: #196f8c;
  text-decoration: underline;
}

a.read-more {
  color: #196f8c;
}

img {
  max-width: 100% !important;
}

/* for those times you just need to position something */
.relative-wrap {
  position: relative;
}

/* dl for FAQs */
dl.faq dt {
  font-weight: bold;
  font-size: 110%;
}

dl.faq dd {
  margin-bottom: 1rem;
  padding-left: 0;
  margin-left: 0;
}

.outerwrap {
  display: block;
  background-color: #fff;
  position: relative;
  max-width: 120rem;
  width: 100%;
  margin: 0 auto;
  padding-top: 1rem;
  box-sizing: border-box;
}

#branding {
  margin: 1rem 0 0;
  padding: 0 1rem;
  overflow: hidden;
  position: relative;
  min-height: 7rem;
  /* img {
			max-width: 100%;
			padding-bottom: 3rem;
		} */
}

#branding:after {
  content: "";
  display: block;
  width: 100%;
  height: 1rem;
  border-bottom: 3px solid #f6a917;
  margin-bottom: 1rem;
}

#branding a.home-link {
  background-image: url("assets/graphics/RPC_horizontal.png");
  background-size: 300px 53px;
  background-position: left top;
  background-repeat: no-repeat;
  /* @media all and (-webkit-min-device-pixel-ratio : 1.5),
		all and (-o-min-device-pixel-ratio: 3/2),
		all and (min--moz-device-pixel-ratio: 1.5),
		all and (min-device-pixel-ratio: 1.5) {
		background-image: url("assets/graphics/RPC_horizontal_2x.png"); 
	} */
  display: inline-block;
  width: 300px;
  height: 54px;
  text-indent: -5000px;
  overflow: hidden;
}

@media only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  #branding a.home-link {
    background-image: url("assets/graphics/RPC_horizontal_2x.png");
  }
}

#branding span.site-tagline {
  display: block;
  position: absolute;
  left: 24rem;
  top: .3rem;
  font-size: 1.5rem;
  margin: 0;
  /* color: $blue; */
  color: #f6a917;
  font-weight: bold;
  line-height: 1.12;
  /* a {
					color: $blue;
				} */
  /* span {			
					font-weight: bold;
					line-height: 1; */
}

#branding span.site-tagline span {
  display: block;
}

#branding span.site-title {
  display: block;
  position: absolute;
  left: 1rem;
  top: 0;
  padding-right: 1.5rem;
  /* border-right: 4px solid $honey; */
  margin-top: 0;
  font-size: 2.86rem;
  /* color: $blue; */
  color: #f6a917;
  font-weight: bold;
  line-height: .9;
  /* span {				
					font-weight: bold;
					line-height: 1; */
}

#branding span.site-title span {
  display: block;
}

> .content {
  padding: 1rem 2rem;
}

.menu-open-link {
  display: inline-block;
  clear: right;
  float: none;
  position: absolute;
  top: 0;
  right: 1vh;
  left: auto;
  background-color: rgba(255, 255, 255, 0.4);
  text-decoration: none;
}

#site-header .quicklinks {
  text-align: center;
  margin-bottom: 1.5rem;
  padding: 0 1rem;
}

#site-header .quicklinks li > a {
  color: #196f8c;
  font-weight: bold;
  font-family: Poppins, "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  background-image: url(assets/graphics/icon-nav-sprite.png);
  background-repeat: no-repeat;
  display: inline-block;
  height: 35px;
  vertical-align: middle;
  padding-top: 3px;
  box-sizing: border-box;
}

#site-header .quicklinks li > a.fa {
  background-image: none;
}

#site-header .quicklinks li > a.fa i {
  color: #000;
  padding-right: 1rem;
}

#site-header .quicklinks li.donate {
  padding-right: 2rem;
}

#site-header .quicklinks li.donate a {
  padding-top: 6px;
  background-image: none;
  background-color: #02B7EC;
  border-radius: .5rem;
  color: #fff;
}

#site-header .quicklinks li.adopt {
  padding-right: 1rem;
}

#site-header .quicklinks li.adopt a {
  background-position: 0 -93px;
  padding-left: 47px;
  padding-top: 9px;
}

#site-header .quicklinks li.map-link a {
  padding-left: 35px;
  padding-top: 9px;
  background-position: 0 -46px;
}

#site-header .quicklinks li.map-link a.fa {
  padding-left: 0;
}

#site-header .socialnav {
  text-align: center;
}

#site-header .socialnav > ul {
  min-height: 2rem;
}

#site-header .socialnav li > a {
  display: inline-block;
  width: 24px;
  height: 24px;
  text-indent: -5000px;
  overflow: hidden;
  background-image: url(assets/graphics/social-icons_64.png);
  background-repeat: no-repeat;
  background-size: 64px 200px;
  color: transparent;
}

#site-header .socialnav li.facebook > a {
  background-position: center top;
}

#site-header .socialnav li.twitter > a {
  background-position: center -80px;
}

#site-header .socialnav li.instagram > a {
  background-position: center -40px;
}

#site-header #mainnav {
  position: absolute;
  top: 10rem;
  background-color: #fff;
  z-index: 100;
}

#site-header #mainnav > .pure-menu-list > .pure-menu-item > a.pure-menu-link:hover,
#site-header #mainnav a[href="#"] {
  text-decoration: none;
}

#site-header #mainnav .pure-menu-list {
  max-height: 0;
  overflow: hidden;
}

#site-header #mainnav .pure-menu-list .pure-menu-children .pure-menu-item-has-children > a.pure-menu-link {
  position: relative;
}

#site-header #mainnav .pure-menu-list .pure-menu-children .pure-menu-item-has-children > a.pure-menu-link:after {
  display: inline-block;
  width: .5rem;
  height: .5rem;
  content: "\2023";
  position: absolute;
  right: 0.5rem;
  top: 0.5rem;
}

#site-header #mainnav.open .pure-menu-list {
  display: inline-block;
  max-height: 100rem;
  overflow: visible;
  z-index: 100;
  border: 1px solid #e9e9e9;
  box-shadow: 4px 4px 2px #c5c5c5;
  background-color: #fef6e6;
}

#site-header #mainnav.open .pure-menu-list .pure-menu-children {
  border: 1px solid #e9e9e9;
  box-shadow: 4px 4px 2px #c5c5c5;
  background-color: #fef6e6;
  z-index: 500;
}

@media screen and (max-width: 320px) {
  .outerwrap {
    overflow: scroll;
  }
  #site-header .quicklinks li > a {
    text-transform: capitalize;
  }
  #site-header .quicklinks li.donate {
    padding-right: 1rem;
  }
  #site-header .quicklinks li.adopt {
    padding-right: 0;
  }
  #site-header .quicklinks li.map-link > a {
    width: 0;
    overflow: hidden;
    text-indent: -9999px;
  }
}

#maincontent {
  position: relative;
  padding: 0 1rem;
  /* &::after {
		content: "";
		background: url("../graphics/logotype.png") no-repeat center top;
		background-size: contain;
		opacity: 0.25;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		position: absolute;
		z-index: -1;
	} */
}

#maincontent article {
  padding-bottom: 2rem;
}

#maincontent article .article-title {
  font-weight: normal;
}

#maincontent article .article-content {
  padding-right: 1rem;
}

#maincontent article .article-image {
  padding-top: 1rem;
}

#maincontent .np, #maincontent .next-previous-post {
  text-align: center;
}

#maincontent .np .previouspl, #maincontent .next-previous-post .previouspl {
  padding-right: 10rem;
  margin-bottom: 1.5rem;
}

#maincontent .np .nextpl, #maincontent .next-previous-post .nextpl {
  padding-left: 10rem;
}

/* donate link (button) -- must also have .pure-button class! */
a.donate {
  color: #fff;
  background-color: #f6a917;
  border-radius: 6px;
  text-decoration: none;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 1.6rem;
  letter-spacing: 1px;
  text-shadow: 1px 1px 2px #196f8c;
  padding: .5em 2em;
  outline: none;
}

.breadcrumbs {
  display: none;
}

#sidebar {
  padding: 2rem 1rem;
}

/****************************************** FOOTER ITEMS *******************************************/
#site-footer {
  margin-left: 1rem;
  border-top: 1px solid #ddd;
}

div.rspnycCC {
  position: relative;
  min-height: 100px;
}

#footer div.rspnycCC {
  margin-left: 15px;
}

div.rspnycCC div.message {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 200;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  display: none;
  text-align: center;
}

div.rspnycCC div.message img.loading-graphic {
  /* display: block;
			margin: 0 auto; */
  vertical-align: middle;
}

div.rspnycCC div.message span {
  font-weight: bold;
  font-size: 16px;
  vertical-align: middle;
}

div.rspnycCC div.message span.success {
  color: green;
}

div.rspnycCC div.message span.error {
  color: red;
}

div.rspnycCC form.rspnycCC-form input[type="email"] {
  display: block;
  width: 60%;
  padding: 2px;
  font-size: 16px;
  box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.1);
}

form#rspnycCC-30 {
  overflow: hidden;
  /* padding: 0 15px; */
  margin-top: 6px;
}

form#rspnycCC-30 label {
  display: inline-block;
  margin-bottom: 5px;
  width: 50%;
  float: left;
  overflow: hidden;
}

form#rspnycCC-30 input[type="text"],
form#rspnycCC-30 input[type="email"] {
  display: block;
  border: solid #00addd 1px;
  width: 90%;
  float: left;
  margin-top: 4px;
}

form#rspnycCC-30 button {
  color: #fff;
  background-color: #02B7EC;
  border-width: 0;
  border-radius: 5px;
  padding: 0 8px;
  width: 33%;
  height: 27px;
  margin-top: 18px;
}

.givingnav {
  margin-top: 3rem;
}

.givingnav ul li a img {
  max-width: 4em !important;
  vertical-align: middle;
}

.givingnav ul li a span {
  font-family: Poppins, sans-serif;
  font-weight: bold;
  color: #196f8c;
  padding-left: .5rem;
}

.givingnav ul li.charitynavigator {
  float: left;
  /* img {
                    max-width: 3rem !important;
                    vertical-align: middle;
                } */
}

.givingnav ul li.guidestar {
  float: left;
  margin-top: 1rem;
  /* img {
                    max-width: 3rem !important;
                    vertical-align: middle;
                } */
}

/* back to top link from https://codyhouse.co/gem/back-to-top/, more code in _pure-md.scss & _pure-lg.scss */
.cd-top {
  display: inline-block;
  height: 4rem;
  width: 4rem;
  border-radius: .5rem;
  position: fixed;
  bottom: 4rem;
  right: 1rem;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: #67a0b3 url(assets/graphics/cd-top-arrow.svg) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s, background-color .3s 0s;
  transition: opacity .3s 0s, visibility 0s .3s, background-color .3s 0s;
}

.cd-top.cd-top--show,
.cd-top.cd-top--fade-out,
.cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s, background-color .3s 0s;
  transition: opacity .3s 0s, visibility 0s 0s, background-color .3s 0s;
}

.cd-top.cd-top--show {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}

.cd-top.cd-top--fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}

.cd-top:hover {
  background-color: #196f8c;
  opacity: 1;
}

/******************************************** SIDEBAR ITEMS *********************************************/
aside.map .map-title, aside#sidebar.map .map-title {
  color: #196f8c;
}

aside.map #sidebar-map, aside.map #aside-map, aside#sidebar.map #sidebar-map, aside#sidebar.map #aside-map {
  min-height: 30rem;
  border: 1px solid #000;
  z-index: -1;
}

#aside-map {
  min-height: 30rem;
  border: 1px solid #000;
  z-index: -1;
}

/******************************************** PAGE-SPECIFIC *********************************************/
/* SINGLE EVENT */
body.single-ai1ec_event #maincontent article {
  padding-right: 1rem;
}

body.single-ai1ec_event #maincontent article div.ai1ec-event-details {
  padding: 1rem;
  background-color: #e7f0f3;
}

body.single-ai1ec_event #maincontent article div.ai1ec-event-details div.ai1ec-gmap-placeholder, body.single-ai1ec_event #maincontent article div.ai1ec-event-details div.ai1ec-gmap-container {
  display: none;
}

body.single-ai1ec_event #maincontent #eventsnav {
  padding-left: 1rem;
}

/* PLACES page: */
#map-content nav {
  padding-right: 1rem;
}

#map-content nav ul#place-nav li {
  border-radius: 5px;
  margin-bottom: 1rem;
  overflow: hidden;
}

#map-content nav ul#place-nav li a {
  background-color: #67a0b3;
  color: #fff;
}

#map-content nav ul#place-nav li a:hover {
  background-color: #5393a9;
}

#map-content nav ul#place-nav li a.active {
  background-color: #196f8c;
}

#map-content #leaflet-map {
  position: relative;
  z-index: 1;
}

body.tax-place_categories #place-wrap {
  position: relative;
}

body.tax-place_categories #place-wrap #map-nav {
  font-size: 1.4rem;
  font-style: normal;
}

body.tax-place_categories #place-wrap #map-nav .pure-menu-list {
  position: relative;
  left: 0;
}

body.tax-place_categories #place-wrap #map-nav .pure-menu-list .pure-menu-item {
  margin-bottom: 2px;
}

body.tax-place_categories #place-wrap #map-nav .pure-menu-list .pure-menu-item .pure-menu-link {
  letter-spacing: 0.1rem;
  color: #fff;
  background-color: #5393a9;
  text-align: center;
  padding: 1em;
  border-radius: 5px;
  white-space: normal;
}

body.tax-place_categories #place-wrap #map-nav .pure-menu-list .pure-menu-item .pure-menu-link.active {
  background-color: #646464;
}

body.tax-place_categories #place-wrap #map-nav .pure-menu-list .pure-menu-item .pure-menu-link:hover {
  background-color: #646464;
}

body.tax-place_categories #place-wrap #map-container {
  max-height: 70rem;
  height: 100%;
  padding-bottom: 100%;
  border: 2px solid #196f8c;
  margin-bottom: 2.5rem;
  max-width: 70rem;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
  z-index: 10;
}

/* homepage */
#visiting-the-park {
  padding: 1rem 0;
}

#visiting-the-park ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#visiting-the-park ul li {
  list-style: none;
  display: inline-block;
  margin: 1rem 0;
}

#visiting-the-park ul li i.fas {
  color: #000;
  display: block;
  margin-bottom: 1rem;
}

#visiting-the-park ul li i.fas:hover {
  color: rgba(0, 0, 0, 0.8);
}

#visiting-the-park ul li a {
  display: block;
  text-align: center;
  padding-top: 6.5rem;
  background-repeat: no-repeat;
  background-position: center top;
  color: #196f8c;
}

#visiting-the-park ul li a:hover {
  color: #67a0b3;
  text-decoration: underline;
  background-color: #e9e9e9;
}

#visiting-the-park ul li a.overview {
  background-image: url(assets/graphics/homeicons/homeicon-about.png);
}

#visiting-the-park ul li a.hippo {
  background-image: url(assets/graphics/homeicons/homeicon-hippo.png);
}

#visiting-the-park ul li a.discover {
  background-image: url(assets/graphics/homeicons/homeicon-discover.png);
}

#visiting-the-park ul li a.map {
  background-image: url(assets/graphics/homeicons/homeicon-map.png);
}

#visiting-the-park ul li a.events {
  background-image: url(assets/graphics/homeicons/homeicon-events.png);
}

#visiting-the-park ul li a.volunteer {
  background-image: url(assets/graphics/homeicons/homeicon-volunteer.png);
}

#visiting-the-park ul li a.give {
  background-image: url(assets/graphics/homeicons/homeicon-waystogive.png);
}

#visiting-the-park ul li a.sports {
  background-image: url(assets/graphics/homeicons/homeicon-basketball.png);
}

#visiting-the-park ul li a.fa {
  color: #196f8c;
  font-family: Popppins, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  padding-top: .25rem;
  text-decoration: none;
}

#video {
  position: relative;
  padding-top: 2.5rem;
  padding-bottom: 56.25%;
}

#video iframe, #video object {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.home .outerwrap > .content {
  padding: 1rem 0;
}

.home section.articles {
  padding: 0 1rem 1rem;
}

.home section.articles .section-title {
  margin: 0;
  padding: 1rem;
  background-color: #f6a917;
  line-height: 1.2;
  color: #fff;
  font-weight: normal;
}

.home section.articles .section-title > a {
  color: #fff;
}

.home section.articles article {
  background-color: #fef6e6;
  padding: 1rem;
  overflow: hidden;
  position: relative;
}

.home section.articles article .article-title {
  margin: 0;
  line-height: 1.4;
}

.home section.articles article .article-excerpt p {
  margin: 0;
  font-size: 1.7rem;
}

.home section.articles article .article-excerpt a.read-more {
  float: right;
  font-size: 1.4rem;
}

.home section.articles article:after {
  clear: both;
  display: block;
  width: 50%;
  margin: 0 auto;
  content: "";
  border-bottom: 1px solid #c5c5c5;
  padding-top: 2rem;
}

.home section.articles article + article:after {
  display: none;
}

.home section#about-riverside article p {
  font-size: 1.8rem;
  margin-top: 0;
}

.home section#about-riverside article:after {
  display: none;
}

.home .coronavirus-message {
  font-family: poppins, san-serif;
  background-color: red;
  box-sizing: border-box;
  width: 100%;
  padding: 1rem 1.5rem;
}

.home .coronavirus-message a {
  color: #fff;
  display: block;
}

.home .coronavirus-message h2 {
  margin: 0;
  color: #fff;
}

.home .coronavirus-message p {
  margin: 0;
  color: #fff;
}

/* NYC Marathon pages */
body.page-id-4639 h1,
body.page-id-4639 h2,
body.page-id-4659 h1,
body.page-id-4659 h2,
h1.page-title.marathon {
  color: #f6a917;
  margin-bottom: .5rem;
  line-height: 1.2;
}

body.page-id-4639 h1 + dl,
body.page-id-4639 h2 + dl,
body.page-id-4659 h1 + dl,
body.page-id-4659 h2 + dl,
h1.page-title.marathon + dl {
  margin-top: 0;
}

body.page-id-4639 h3,
body.page-id-4659 h3 {
  margin-bottom: .5rem;
}

body.page-id-4639 h3 + p,
body.page-id-4659 h3 + p {
  margin-top: 0;
}

strong.signup-link {
  display: block;
  margin-bottom: 2rem;
}

aside.marathon {
  border: 1px solid #196f8c;
  padding: .5rem 2rem;
  background-color: #fef6e6;
}

aside.marathon h3 {
  padding-top: 0;
  margin-top: 0;
}

aside.marathon p {
  color: #646464;
}

dl.marathon {
  overflow: hidden;
  color: #000;
}

dl.marathon dt {
  font-weight: bold;
  display: inline-block;
  float: left;
  clear: left;
}

dl.marathon dt.grand-prize {
  font-size: 1.7rem;
  text-shadow: .5px .5px 0px #f6a917;
}

dl.marathon dt.grand-prize span {
  font-size: 1.4rem;
  text-shadow: none;
}

dl.marathon dt span {
  font-weight: normal;
  font-style: italic;
}

dl.marathon dd {
  font-weight: bold;
  display: inline-block;
  float: left;
  margin-left: 1rem;
}

ul.marathon {
  margin-top: .5rem;
}

ul.marathon li {
  color: #000;
  font-weight: normal;
}

/* Riverside Tennis page */
section.tennis {
  margin-bottom: 2rem;
}

section.tennis h2.section-title {
  margin-bottom: 0;
}

section.tennis h2.section-title + p.normal {
  margin-top: 0;
}

section.tennis p.normal img {
  margin-top: .5rem;
}

section.tennis aside.leaflet-map {
  display: inline-block;
  /* width: 100%; */
  min-height: 25rem;
}

/* sports-camp */
.sports-camps-main-content-wrap .sports-camps-wrap {
  padding-top: 1.5rem;
}

.sports-camps-main-content-wrap .sports-camps-wrap figure {
  text-align: center;
  /* &.ftwash {        
                padding: 1rem 1rem 0 1rem;
                text-align: center;
                border: 2px solid $honey;
                
                a {
                    h3 {
                        margin: 0;
                    }
                }
            } */
}

.sports-camps-side-content-wrap figure.ftwash {
  padding: 1rem 1rem 0 1rem;
  margin: 1rem 0 1rem 1rem;
  text-align: center;
  border: 2px solid #f6a917;
}

.sports-camps-side-content-wrap figure.ftwash a h3 {
  margin: 0;
}

/******************************** D.O.G. page(s) **************************************/
article.riverside-dog h1 {
  margin-bottom: 0;
  width: 100%;
  height: 46px;
  max-height: 46px;
  text-indent: -5000px;
  overflow: hidden;
  background: url(assets/graphics/DOG-logo2.png) no-repeat left top;
  background-size: contain;
}

article.riverside-dog h1 + p {
  margin-top: 1rem;
}

article.riverside-dog a.donate {
  display: block;
  width: auto;
  max-width: 300px;
  margin: 0 auto;
}

article.riverside-dog .dog-events ul {
  padding-left: 1em;
}

article.riverside-dog .dog-events h3 {
  color: #196f8c;
  margin-bottom: 0;
}

article.riverside-dog .dog-events h3 + p {
  margin-top: 0;
}

/******************************** GOATHAM *********************************************/
#maincontent.goatham {
  position: relative;
  /* the email submit/vote form */
}

#maincontent.goatham section#goatham img {
  display: block;
  margin: 0 auto;
  width: 75%;
}

#maincontent.goatham section#goatham h2 span {
  font-weight: normal;
  display: block;
}

#maincontent.goatham section#goatham .sponsorship img {
  display: block;
  max-width: 100%;
  width: auto;
  height: auto;
}

#maincontent.goatham #the-menu figure {
  text-align: center;
  margin-left: 0;
  margin-right: 0;
}

#maincontent.goatham #the-menu figure figcaption {
  color: #196f8c;
}

#maincontent.goatham #the-plan div.support {
  padding: 21rem 0 2rem;
  background: url(assets/graphics/support-graphic.png) no-repeat left top;
  background-size: contain;
}

#maincontent.goatham #the-plan div.support p.support {
  font-family: Poppins, sans-serif;
  font-weight: bold;
  font-size: 2.8rem;
  text-align: center;
}

#maincontent.goatham #the-plan div.support p.support a {
  color: #196f8c;
  text-decoration: underline;
}

#maincontent.goatham #why-goats div.support {
  padding: 21rem 0 2rem;
  background: url(assets/graphics/support-graphic.png) no-repeat left top;
  background-size: contain;
}

#maincontent.goatham #why-goats div.support p.support {
  font-family: Poppins, sans-serif;
  font-weight: bold;
  font-size: 2.8rem;
  text-align: center;
}

#maincontent.goatham #why-goats div.support p.support a {
  color: #196f8c;
  text-decoration: underline;
}

#maincontent.goatham #vote-the-goat h2 {
  margin-bottom: .5rem;
}

#maincontent.goatham #vote-the-goat h3.subhead {
  margin-top: 0;
  color: #f6a917;
}

#maincontent.goatham #vote-the-goat #goatpen h2 {
  background: url(assets/graphics/class2019-bg.png) no-repeat center top;
  background-size: cover;
  padding: 3rem 0 2rem;
  line-height: 1.4;
}

#maincontent.goatham #press {
  margin-top: 2rem;
  padding: 0 1rem 1rem;
  border: 3px solid #196f8c;
}

#maincontent.goatham #press h2 {
  /* border: 3px solid $blue;
            border-bottom-width: 0; */
  text-align: center;
  color: #f6a917;
}

#maincontent.goatham #press li {
  margin-bottom: .75rem;
}

#maincontent.goatham #press li em {
  font-weight: bold;
}

#maincontent.goatham #press li a {
  color: #196f8c;
  text-decoration: underline;
}

#maincontent.goatham #press li a:hover {
  font-weight: bold;
}

#maincontent.goatham #press li.spacer {
  list-style: none;
}

#maincontent.goatham aside {
  text-align: center;
}

#maincontent.goatham aside a {
  display: block;
  text-align: center;
  padding: 1rem;
}

#maincontent.goatham aside a figure {
  text-align: center;
  margin: 0;
}

#maincontent.goatham aside a figure img {
  width: auto !important;
  height: auto !important;
}

#maincontent.goatham aside a figure figcaption {
  text-align: center;
  font-weight: bold;
  color: #196f8c;
}

#maincontent.goatham form#goatvote {
  display: none;
  border: 4px solid #196f8c;
  padding: 2rem;
}

#maincontent.goatham form#goatvote p {
  margin-top: 0;
}

/* the modal */
.featherlight div.featherlight-content {
  background-color: #fef6e6;
}

.featherlight div.featherlight-content {
  background-color: #fef6e6;
}

.featherlight div.featherlight-content .featherlight-close-icon {
  bottom: 0;
  top: auto;
  right: .5rem;
  font-size: 150%;
  color: #196f8c;
  font-weight: bold;
}

div.oldgoat {
  box-sizing: border-box;
  max-width: 71rem;
}

div.oldgoat .goatyard {
  text-align: center;
  padding: 0.5rem 3.5rem 0.5rem;
  background-color: #000;
  /* background-image: url(assets/graphics/watermark-vert.png);
            background-repeat: no-repeat;
            background-position: .25rem center; */
  position: relative;
  box-shadow: 2rem 1rem 1rem #aaa;
  overflow: hidden;
}

div.oldgoat .goatyard.inner {
  padding-bottom: 3.5rem;
}

div.oldgoat .goatyard p {
  display: inline-block;
  width: auto;
  margin: 0;
  font-family: Poppins, sans-serif;
  color: #f6a917;
}

div.oldgoat .goatyard p span.b {
  font-weight: bold;
}

div.oldgoat .goatyard div.identity.left {
  width: 30%;
  float: left;
}

div.oldgoat .goatyard div.identity.right {
  width: 30%;
  float: left;
  margin-left: 20%;
}

div.oldgoat .goatyard p.name {
  font-family: Poppins, sans-serif;
  color: #f6a917;
  font-size: 2.4rem;
  float: left;
}

div.oldgoat .goatyard p.age {
  font-family: Poppins, sans-serif;
  color: #f6a917;
  float: right;
  margin-top: .75rem;
}

div.oldgoat .goatyard div.img-wrap {
  position: relative;
}

div.oldgoat .goatyard div.img-wrap img {
  width: 64rem;
  height: auto;
}

div.oldgoat .goatyard .img-wrap:after {
  position: absolute;
  left: 1.5rem;
  top: 5rem;
  width: 3.4rem;
  height: 13.2rem;
  display: block;
  content: "";
  background: url("assets/graphics/watermark-vert.png") no-repeat left top;
}

div.oldgoat .goatyard div.meta p {
  display: block;
}

div.oldgoat .goatyard div.meta p span.b {
  font-weight: bold;
}

div.oldgoat .goatyard div.meta p span:nth-of-type(2) {
  margin-left: 1.5rem;
}

div.oldgoat .goatyard div.meta p span:nth-of-type(3) {
  margin-left: 1.5rem;
}

div.oldgoat .goatyard div.meta.inner {
  text-align: left;
  position: absolute;
}

div.oldgoat .goatyard div.meta.inner.right {
  left: 55%;
}

div.oldgoat .goatyard div.meta.inner.left {
  left: 8%;
}

div.oldgoat .goatyard div.meta.inner.top-1-4 {
  top: 0;
}

div.oldgoat .goatyard div.meta.inner.top-2-4 {
  top: 25%;
}

div.oldgoat .goatyard div.meta.inner.top-3-4 {
  top: 50%;
}

div.oldgoat .goatyard div.meta.inner.top-4-4 {
  top: 75%;
}

div.oldgoat .goatyard div.meta.inner.top-1-5 {
  top: 0;
}

div.oldgoat .goatyard div.meta.inner.top-2-5 {
  top: 20%;
}

div.oldgoat .goatyard div.meta.inner.top-3-5 {
  top: 40%;
}

div.oldgoat .goatyard div.meta.inner.top-4-5 {
  top: 60%;
}

div.oldgoat .goatyard div.meta.inner.top-5-5 {
  top: 80%;
}

div.oldgoat .goatyard div.meta.left {
  display: inline-block;
  text-align: left;
  float: left;
  width: 45%;
}

div.oldgoat .goatyard div.meta.left.full {
  width: 100%;
}

div.oldgoat .goatyard div.meta.right {
  display: inline-block;
  text-align: left;
  float: right;
  max-width: 45%;
  margin-right: 5%;
}

div.oldgoat p.description {
  font-family: Arial, Helvetica, sans-serif;
  color: #000;
  margin: 1rem 0;
  padding: 0 1.5rem;
}

#cinnamonswirl div.identity.left {
  width: 58%;
}

#cinnamonswirl div.identity.right {
  float: none;
  position: absolute;
  width: 34%;
  right: 3.5rem;
  top: 17rem;
  z-index: 100;
}

#cinnamonswirl div.meta.left {
  left: 4.5rem;
  top: 56%;
}

#goatpen h2 {
  text-align: center;
}

#goatpen div.goat {
  padding: 1rem .5rem;
  text-align: center;
  /* &.leader {
                //border: 2px dotted $honey;
                
                > div {
                    //border: 2px solid $honey;
                    border: 4px solid $honey;
                    border-image: url(assets/graphics/leader-border2.png) 40 / 45px round;
                }
            
            } */
}

#goatpen div.goat div {
  border: 1px solid #196f8c;
  padding: 1rem .5rem;
  text-align: center;
}

#goatpen div.goat div.vote-wrap {
  border-width: 0;
  color: #196f8c;
}

#goatpen div.goat div.vote-wrap button.vote {
  border-width: 0;
  color: #f6a917;
  background-color: #196f8c;
  border-radius: 10px;
  font-weight: bold;
  /* &.leader {
                                color: $blue;
                                background-color: $honey;
                            } */
}

#goatpen div.goat div.vote-wrap button.vote + button.vote {
  margin-left: .5rem;
}

#goatpen div.goat div h3 {
  margin: 0 0 .25rem;
  /* span.leader {
                        color: $honey;
                    } */
}

#goatpen div.goat a.goatinfo {
  text-align: center;
}

#goatpen a.goatinfo {
  text-align: center;
}

#goatpen-winners div {
  padding: 1.5rem;
}

#goatpen-winners div figure {
  margin: 0;
  padding: 1.5rem;
  border: 2px solid #f6a917;
}

#goatpen-winners div figure figcaption span {
  display: block;
  text-align: center;
  font-weight: bold;
  font-size: 2rem;
  color: #196f8c;
}

#goatpen-winners div.the-goat {
  /* figure {
                    width: 50%;
                    margin: 0 auto;
                } */
}

#goatpen-winners div.leader figure {
  border: 6px dashed #f6a917;
}

#goatpen-winners div.leader figure figcaption span {
  color: #f6a917;
}

form#goatvote {
  border: 4px solid #196f8c;
  padding: 2rem;
}

form#goatvote p {
  margin-top: 0;
  color: #000;
}

form#goatvote p.disclaimer {
  margin-top: 1rem;
  font-size: 70%;
}

form#goatvote label {
  font-weight: bold;
  color: #000;
}

form#goatvote button {
  display: block;
  width: auto;
  margin: 0 auto;
  border-width: 0;
  border-radius: 15px;
  padding: 5px 10px;
  color: #f6a917;
  background-color: #196f8c;
}

form#goatvote #thankyou {
  text-align: center;
  font-size: 120%;
  display: none;
}

#oldgoat {
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: 18%;
  top: 30rem;
  max-width: calc(61rem - 2px);
  border: 1px solid #000;
  background-color: #fff;
  padding: 3.5rem 4rem 3.5rem 3rem;
}

#oldgoat .goatyard {
  text-align: center;
  padding: 0.5rem 3.5rem 0.5rem;
  background-color: #000;
  position: relative;
  box-shadow: 2rem 1rem 1rem #aaa;
}

#oldgoat .goatyard img {
  display: block;
}

#oldgoat .goatyard span {
  color: #f6a917;
  font-family: Poppins, sans-serif;
}

#oldgoat .goatyard span.fav {
  font-weight: bold;
}

#oldgoat .goatyard span.goatname {
  font-size: 2rem;
}

#oldgoat .goatyard span.agesex {
  float: right;
  margin-top: 1.5rem;
}

#oldgoat .goatyard span.meta {
  font-size: 1rem;
}

#oldgoat .goatyard span.pastime {
  display: block;
}

article#beach-party {
  font-family: Poppins, sans-serif;
  overflow: hidden;
}

article#beach-party h1 {
  color: #ff4081;
  font-size: 4em;
  line-height: 1;
  margin-top: 0;
}

article#beach-party h1 span {
  display: block;
  font-size: 33%;
  line-height: 1.4;
  margin-bottom: 2rem;
}

article#beach-party h1 span.date {
  font-size: 40%;
  margin-top: 1rem;
}

article#beach-party p#date-where {
  font-weight: bold;
  font-family: Poppins, sans-serif;
  color: #f6a917;
  font-size: 2rem;
  text-align: center;
}

article#beach-party ul#pricing {
  padding-left: 0;
  margin-left: 0;
}

article#beach-party ul#pricing li {
  padding-left: 0;
  margin-left: 0;
  font-size: 120%;
  color: #ff4081;
  font-family: Poppins, sans-serif;
  font-weight: bold;
}

article#beach-party ul#pricing li span {
  display: block;
  text-indent: 8rem;
  color: #f6a917;
}

#maincontent #beach-party-form fieldset.titled {
  border-color: #ff4081;
}

#maincontent #beach-party-form fieldset.titled legend {
  background-color: #ff4081;
}

#maincontent #beach-party-form button#submit_button {
  background-color: #ff4081;
}

.laugh-out-loud article {
  color: #196f8c;
}

.laugh-out-loud article h1.custom-title-laugh {
  font-size: 4rem;
  line-height: 1.2;
  text-transform: uppercase;
  color: #f6a917;
  background: url(assets/graphics/lol.png) no-repeat 80% center;
  background-size: contain;
  margin: 0 0 .5rem 0;
}

.laugh-out-loud article h1.custom-title-laugh span {
  font-size: 3.5rem;
  color: #196f8c;
  display: block;
}

.laugh-out-loud article p.datetime strong.date {
  font-size: 150%;
  display: block;
}

.laugh-out-loud article p.datetime span {
  font-size: 1.5rem;
}

.laugh-out-loud article p.datetime span.time {
  font-size: 2rem;
}

.laugh-out-loud aside {
  padding: 2rem 1rem 2rem 3rem;
  text-align: center;
}

.laugh-out-loud aside #aside-map-meta h3 {
  margin-bottom: .5rem;
}

.laugh-out-loud aside #aside-map-meta p {
  margin: 0;
}

/**
 * _pure-sm.scss
 * >= 568px
 * equivalent to .pure-u-sm-1
*/
@media (min-width: 568px) {
  #branding {
    min-height: 8rem;
  }
  #branding span.site-title {
    font-size: 3rem;
  }
  #branding span.site-tagline {
    font-size: 2rem;
    left: 25rem;
    top: 0;
  }
  #branding:after {
    height: 8rem;
  }
  #site-header .quicklinks {
    text-align: left;
    padding-left: 1rem;
  }
  #site-header .socialnav {
    text-align: right;
    padding-right: 1rem;
  }
  #site-header #mainnav {
    padding-left: 1rem;
  }
  .breadcrumbs {
    display: block;
    margin-top: 1rem;
    padding-left: 1rem;
  }
  .featherlight .featherlight-content .featherlight-close-icon {
    top: 0;
    bottom: auto;
    right: 0;
    font-size: 100%;
    color: #f00;
  }
}

/*
	"tween" sizes: between .pure-u-sm and .pure-u-md
*/
/**
 * _pure-md.scss
 * >= 768px
 * equivalent to .pure-u-md-1
 */
@media (min-width: 768px) {
  body {
    font-size: 1.5rem;
  }
  .menu-open-link {
    display: none;
  }
  #branding {
    margin-left: 1rem;
    min-height: 9rem;
  }
  #branding a.home-link {
    background-image: url("assets/graphics/RPC_horizontal.png");
    background-size: 330px 58px;
    background-position: left top;
    background-repeat: no-repeat;
    /* @media all and (-webkit-min-device-pixel-ratio : 1.5),
		all and (-o-min-device-pixel-ratio: 3/2),
		all and (min--moz-device-pixel-ratio: 1.5),
		all and (min-device-pixel-ratio: 1.5) {
		background-image: url("assets/graphics/RPC_horizontal_2x.png"); 
	} */
    width: 330px;
    height: 58px;
  }
}

@media only screen and (min-width: 768px) and (min-resolution: 192dpi), only screen and (min-width: 768px) and (min-resolution: 2dppx) {
  #branding a.home-link {
    background-image: url("assets/graphics/RPC_horizontal_2x.png");
  }
}

@media (min-width: 768px) {
  #branding span.site-title {
    font-size: 3rem;
    margin-top: 1.5rem;
  }
  #branding span.site-tagline {
    font-size: 2rem;
    margin-top: 1.5rem;
  }
  #branding:after {
    display: none;
  }
  #site-header .toplinks {
    margin-top: -9rem;
    padding-right: 2rem;
  }
  #site-header .toplinks .quicklinks {
    text-align: right;
    font-size: 1.4rem;
    padding: 0;
  }
  #site-header .toplinks .socialnav {
    text-align: right;
  }
  #site-header nav#mainnav {
    position: relative;
    top: 0;
    clear: both;
    background-color: #f6a917;
    /* .pure-menu-link {
				padding-left: 1em;
			} */
  }
  #site-header nav#mainnav.open {
    height: auto;
    overflow: visible;
    max-height: 1000rem;
  }
  #site-header nav#mainnav.open > ul.pure-menu-list {
    background-color: #f6a917;
    width: 100%;
    border: none;
    box-shadow: none;
  }
  #site-header nav#mainnav.open > ul.pure-menu-list > li.pure-menu-item > a.pure-menu-link {
    color: #fff;
    font-weight: bold;
    padding: .7rem 1rem;
    font-size: 1.2rem;
    letter-spacing: .1em;
  }
  #site-header nav#mainnav.open > ul.pure-menu-list > li.pure-menu-item > a.pure-menu-link:hover {
    background-color: #f8bf51;
    color: #fff;
  }
  #site-header nav#mainnav.open > ul.pure-menu-list > li.pure-menu-item.pure-menu-has-children ul.pure-menu-children {
    background-color: #fef6e6;
  }
  #site-header nav#mainnav.open > ul.pure-menu-list > li.pure-menu-item.pure-menu-has-children ul.pure-menu-children li.pure-menu-item > a.pure-menu-link {
    color: #196f8c;
  }
  #site-header nav#mainnav.open > ul.pure-menu-list > li.pure-menu-item.pure-menu-has-children ul.pure-menu-children li.pure-menu-item > a.pure-menu-link:hover {
    background-color: #fef6e6;
  }
  #site-header nav#mainnav.open > ul.pure-menu-list .pure-menu-children .pure-menu-children {
    left: 100%;
    top: 0;
  }
  #sidebar #sidebar-map-meta {
    padding-left: 2rem;
  }
  /* back to top button */
  .cd-top {
    right: 2rem;
    bottom: 2rem;
  }
  /************************************ FOOTER *************************************************/
  .givingnav {
    margin-top: 0;
  }
  .givingnav ul li a img {
    max-width: 4em !important;
    vertical-align: middle;
  }
  .givingnav ul li a span {
    font-family: Poppins, sans-serif;
    font-weight: bold;
    color: #196f8c;
    padding-left: .5rem;
  }
  .givingnav ul li.charitynavigator {
    float: none;
    /* img {
                max-width: 3rem !important;
                vertical-align: middle;
            } */
  }
  .givingnav ul li.guidestar {
    margin-left: 5rem;
    margin-top: 9;
    float: none;
    /* img {
                max-width: 3rem !important;
                vertical-align: middle;
            } */
  }
  /* homepage */
  .home #maincontent {
    padding-top: 2rem;
  }
  .home #maincontent article .thumb-wrapper {
    float: left;
    margin-right: 1.5rem;
    padding-top: 1rem;
  }
  .sports-camps-content-wrap .further-description span {
    padding-left: 2rem;
  }
  /* Goatham */
  #maincontent.goatham section#goatham h2 span {
    display: inline-block;
    margin-left: 1.5rem;
  }
  #maincontent.goatham aside.goatnav a {
    padding: 0;
  }
  #maincontent.goatham aside.goatnav.left figure {
    margin: 1rem 5rem 1rem 3rem;
  }
  #maincontent.goatham aside.goatnav.right figure {
    margin: 1rem 3rem 1rem 5rem;
  }
  #goatpen-winners div.chalupa figure {
    padding-bottom: 3.5rem;
  }
  #goatpen-winners div.chalupa figure figcaption {
    line-height: 2;
  }
  #goatpen-winners div.bella figure {
    padding-bottom: 2.75rem;
  }
  #goatpen-winners div.bella figure figcaption {
    line-height: 1.75;
  }
  .page-template-goatham-php .featherlight .featherlight-content {
    background-color: #fff;
    max-width: 617px;
  }
  article#beach-party {
    background: url("assets/graphics/small-beachball.png") right top no-repeat;
    background-size: 10%;
    /* ul#pricing {
            display: inline-block;
            width: auto;
            float: left;
            margin-left: 30rem;
        } */
  }
  article#beach-party h1 {
    margin-bottom: 0;
    padding-left: 27rem;
    background: url("assets/graphics/medium-beachball.png") left center no-repeat;
    background-size: contain;
  }
  article#beach-party p#date-where {
    /* display: inline-block;
            width: auto;
            float: left; */
    text-align: center;
  }
}

/* end min-width: 768px */
/**
 * _pure-lg.scss
 * >= 1024px wide
 * equivalent to .pure-u-lg-1
 */
@media (min-width: 1024px) {
  body {
    font-size: 1.4rem;
  }
  #outerwrap {
    padding-top: 2rem;
    z-index: 100;
    padding-top: 0;
  }
  #branding {
    margin-left: 0;
    margin-top: 2rem;
    position: sticky;
    top: 2rem;
    padding-left: 2.75rem;
    /* h1 {
			position: relative;
			left: auto;
			top: auto;
			margin: 0 auto; */
  }
  #branding:after {
    height: 7rem;
  }
  #branding a.home-link {
    background-image: none;
    width: auto;
    height: auto;
    overflow: visible;
    text-indent: unset;
    display: block;
  }
  #branding h2.site-tagline {
    position: relative;
    left: auto;
    top: auto;
    margin: 0 auto 1.8rem;
    width: 12.5rem;
    height: 8.5rem;
  }
  #branding h2.site-tagline a {
    display: block;
    width: 12.5rem;
    height: 8.5rem;
    text-indent: -9999px;
    overflow: hidden;
    white-space: nowrap;
    background-image: url("assets/graphics/RPC_tagline.png");
    background-size: 124px 83px;
    background-position: center top;
    background-repeat: no-repeat;
    /* @media all and (-webkit-min-device-pixel-ratio : 1.5),
		all and (-o-min-device-pixel-ratio: 3/2),
		all and (min--moz-device-pixel-ratio: 1.5),
		all and (min-device-pixel-ratio: 1.5) {
		background-image: url("assets/graphics/RPC_tagline_2x.png"); 
	} */
  }
}

@media only screen and (min-width: 1024px) and (min-resolution: 192dpi), only screen and (min-width: 1024px) and (min-resolution: 2dppx) {
  #branding h2.site-tagline a {
    background-image: url("assets/graphics/RPC_tagline_2x.png");
  }
}

@media (min-width: 1024px) {
  #branding h1.site-title {
    position: relative;
    left: auto;
    top: auto;
    margin: 0 auto;
    width: 15.5rem;
    height: 66rem;
    border: none;
    padding-right: 0;
  }
  #branding h1.site-title a {
    display: block;
    width: 15.5rem;
    height: 66rem;
    text-indent: -9999px;
    overflow: hidden;
    white-space: nowrap;
    background-image: url("assets/graphics/RPC_logotype.png");
    background-size: 141px 560px;
    background-position: center top;
    background-repeat: no-repeat;
    /* @media all and (-webkit-min-device-pixel-ratio : 1.5),
		all and (-o-min-device-pixel-ratio: 3/2),
		all and (min--moz-device-pixel-ratio: 1.5),
		all and (min-device-pixel-ratio: 1.5) {
		background-image: url("assets/graphics/RPC_logotype_2x.png"); 
	} */
  }
}

@media only screen and (min-width: 1024px) and (min-resolution: 192dpi), only screen and (min-width: 1024px) and (min-resolution: 2dppx) {
  #branding h1.site-title a {
    background-image: url("assets/graphics/RPC_logotype_2x.png");
  }
}

@media (min-width: 1024px) {
  #branding a {
    display: block;
  }
  #branding a span.site-tagline {
    display: block;
    position: relative;
    margin-bottom: 1.8rem;
    width: 12.5rem;
    height: 8.5rem;
    text-indent: -9999px;
    overflow: hidden;
    white-space: nowrap;
    background-image: url("assets/graphics/RPC_tagline.png");
    background-size: 124px 83px;
    background-position: center top;
    background-repeat: no-repeat;
    /* @media all and (-webkit-min-device-pixel-ratio : 1.5),
		all and (-o-min-device-pixel-ratio: 3/2),
		all and (min--moz-device-pixel-ratio: 1.5),
		all and (min-device-pixel-ratio: 1.5) {
		background-image: url("assets/graphics/RPC_tagline_2x.png"); 
	} */
    left: auto;
    top: auto;
    margin-top: 0;
    margin-left: 3rem;
  }
}

@media only screen and (min-width: 1024px) and (min-resolution: 192dpi), only screen and (min-width: 1024px) and (min-resolution: 2dppx) {
  #branding a span.site-tagline {
    background-image: url("assets/graphics/RPC_tagline_2x.png");
  }
}

@media (min-width: 1024px) {
  #branding a span.site-title {
    display: block;
    position: relative;
    width: 15.5rem;
    height: 66rem;
    border: none;
    text-indent: -9999px;
    overflow: hidden;
    white-space: nowrap;
    background-image: url("assets/graphics/RPC_logotype.png");
    background-size: 136px 535px;
    background-position: center top;
    background-repeat: no-repeat;
    /* @media all and (-webkit-min-device-pixel-ratio : 1.5),
		all and (-o-min-device-pixel-ratio: 3/2),
		all and (min--moz-device-pixel-ratio: 1.5),
		all and (min-device-pixel-ratio: 1.5) {
		background-image: url("assets/graphics/RPC_logotype_2x.png"); 
	} */
    left: auto;
    top: auto;
    margin-left: .55rem;
  }
}

@media only screen and (min-width: 1024px) and (min-resolution: 192dpi), only screen and (min-width: 1024px) and (min-resolution: 2dppx) {
  #branding a span.site-title {
    background-image: url("assets/graphics/RPC_logotype_2x.png");
  }
}

@media (min-width: 1024px) {
  #branding .menu-open-link {
    display: none;
  }
  #site-header {
    padding-top: 2rem;
    z-index: 100;
    background-color: #fff;
    position: sticky;
    top: 0;
    padding-bottom: 1rem;
  }
  #site-header .toplinks {
    margin-top: 0;
    padding-bottom: .5rem;
    padding-right: 0;
  }
  #site-header .toplinks .quicklinks {
    text-align: left;
    margin-bottom: 0;
    padding-right: 0;
    padding-left: 0;
  }
  #site-header .toplinks .socialnav {
    padding-right: 0;
  }
  #site-header .toplinks .socialnav li {
    /* > a {
						width: 32px;
						height: 32px;
						background-size: 80px 250px;										
					}
					
					&.twitter > a {
						background-position: center -100px;
					}
					&.instagram > a {
						background-position: center -50px;
					} */
  }
  #site-header nav#mainnav {
    background-color: transparent;
    padding-left: 0;
    padding-right: 1rem;
    position: relative;
  }
  #site-header nav#mainnav.open > ul.pure-menu-list > li.pure-menu-item a.pure-menu-link {
    text-transform: uppercase;
    font-size: 1.3rem;
  }
  .breadcrumbs {
    padding-left: 0;
    margin-top: .5rem;
  }
  #maincontent {
    position: relative;
    z-index: 1;
    padding-left: 0;
    padding-top: 1rem;
  }
  #maincontent:after {
    background-image: none;
  }
  #maincontent h1.page-title {
    margin-top: 0;
  }
  #sidebar #sidebar-map-meta {
    margin-top: 2rem;
    padding: .5rem 2rem 2rem;
    background-color: #e9e9e9;
  }
  #site-footer {
    margin-top: 3rem;
    margin-left: 0;
    padding: 4rem 4rem 4rem 0;
  }
  /* back to top button */
  .cd-top {
    height: 6rem;
    width: 6rem;
    right: 3rem;
    bottom: 3rem;
  }
  /********************************* SPECIFIC PAGES ********************************************/
  /********************************** HOME ************************************************/
  body.home #outerwrap > .content {
    padding-top: 0;
  }
  body.home #maincontent {
    padding-top: 1rem;
    padding-right: 1rem;
  }
  body.home #maincontent .coronavirus-message {
    /* position: absolute;
            top: 0;
            left: 0; */
    width: 950px;
  }
  body.home #maincontent section.articles {
    padding: 0 0 2rem;
  }
  body.home #maincontent section.articles.about {
    padding-bottom: 0;
  }
  body.home #maincontent section.articles .section-title {
    padding: .5rem 2rem;
    background-color: #f6a917;
    margin-bottom: 0;
    color: #fff;
    font-weight: normal;
    letter-spacing: 0;
  }
  body.home #maincontent section.articles .section-title a {
    color: #fff;
  }
  body.home #maincontent section.articles article {
    background-color: transparent;
    padding: 1.5rem 2rem 0 0;
  }
  body.home #maincontent section.articles article .article-title {
    margin-bottom: 0;
    font-weight: normal;
  }
  body.home #maincontent section.articles article .thumb-wrapper {
    padding: 1rem 0;
    float: left;
    margin-right: 1.5rem;
  }
  body.home #maincontent section.articles article .article-excerpt p {
    font-size: 1.4rem;
  }
  body.home #maincontent section.articles article .article-excerpt a.read-more {
    float: none;
  }
  body.home #maincontent section.articles article:after {
    display: none;
  }
  body.home #maincontent section.articles article + article {
    padding-left: 2rem;
    padding-right: 0;
  }
  .home section#about-riverside article p {
    font-size: 1.4rem;
    margin-top: 0;
  }
  .home section#about-riverside article:after {
    display: none;
  }
  /********************************** Riverside Tennis **************************************/
  section.tennis .content {
    padding-right: 2rem;
  }
  /********************************** Goatham ***************************************************/
  #maincontent.goatham {
    position: relative;
    /* &:before {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        opacity: .4;
        z-index: -1;
        content: '';
        background: url(assets/graphics/goat-bg.png) repeat left top;
    } */
  }
  #maincontent.goatham section.menu div.n2-section-smartslider {
    display: inline=block;
    width: 340px;
    height: auto;
    float: right;
  }
  .featherlight div.featherlight-content .featherlight-close-icon {
    top: 1rem;
    bottom: auto;
    right: 1rem;
    color: #f6a917;
  }
}

/*! 
	_pure-x1.scss
	>= 1280px
	equivalent to .pure-u-x1-1
*/
@media (min-width: 1280px) {
  html, body {
    padding: 0;
  }
  .container {
    width: 120rem;
  }
  #site-header nav#main-nav {
    padding-right: 0;
  }
  .page-template-goatham-php .featherlight .featherlight-content .featherlight-close-icon {
    top: 0;
    right: 0;
    color: #196f8c;
  }
}

/* _design.scss: this is where any design breakpoints go */
@font-face {
  font-family: 'brock_scriptregular';
  src: url("assets/fonts/brockscript-webfont.woff2") format("woff2"), url("assets/fonts/brockscript-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

#maincontent {
  /* end form */
}

#maincontent .ticketform, #maincontent .pure-form {
  /* end fieldset */
}

#maincontent .ticketform p, #maincontent .ticketform label, #maincontent .ticketform ul, #maincontent .pure-form p, #maincontent .pure-form label, #maincontent .pure-form ul {
  color: #000;
}

#maincontent .ticketform .ticketform .pure-form ul, #maincontent .pure-form .ticketform .pure-form ul {
  margin-top: .5rem;
}

#maincontent .ticketform input[type="text"], #maincontent .ticketform input[type="email"], #maincontent .ticketform textarea, #maincontent .ticketform select, #maincontent .pure-form input[type="text"], #maincontent .pure-form input[type="email"], #maincontent .pure-form textarea, #maincontent .pure-form select {
  background-color: #eee;
  border: 1px solid #ccc;
  color: #000;
}

#maincontent .ticketform select, #maincontent .pure-form select {
  height: auto;
}

#maincontent .ticketform.pure-form-stacked input.pure-checkbox.inline,
#maincontent .ticketform.pure-form-stacked input.pure-radio.inline,
#maincontent .ticketform.pure-form-stacked .pure-form label input.pure-checkbox,
#maincontent .ticketform.pure-form-stacked label input[type="checkbox"],
#maincontent .ticketform.pure-form-stacked label input[type="radio"], #maincontent .pure-form.pure-form-stacked input.pure-checkbox.inline,
#maincontent .pure-form.pure-form-stacked input.pure-radio.inline,
#maincontent .pure-form.pure-form-stacked .pure-form label input.pure-checkbox,
#maincontent .pure-form.pure-form-stacked label input[type="checkbox"],
#maincontent .pure-form.pure-form-stacked label input[type="radio"] {
  display: inline-block;
  margin-right: .5rem;
}

#maincontent .ticketform fieldset, #maincontent .pure-form fieldset {
  border-top-width: 1px;
}

#maincontent .ticketform fieldset.titled, #maincontent .pure-form fieldset.titled {
  border-width: 0;
  margin-top: 1rem;
}

#maincontent .ticketform fieldset.titled legend, #maincontent .pure-form fieldset.titled legend {
  color: #fff;
  font-weight: normal;
  font-size: 1.4rem;
  line-height: 1.7rem;
  padding: 5px 1rem;
  margin-bottom: 0;
  border: 0 none;
  background-color: #196f8c;
  box-sizing: border-box;
}

#maincontent .ticketform fieldset.titled div > p, #maincontent .pure-form fieldset.titled div > p {
  margin-top: 0;
}

#maincontent .ticketform fieldset #authnet-logo, #maincontent .pure-form fieldset #authnet-logo {
  float: right;
}

#maincontent .ticketform fieldset span.label, #maincontent .pure-form fieldset span.label {
  display: block;
  font-size: 1.4rem;
  color: #000;
  white-space: nowrap;
}

#maincontent .ticketform fieldset span.label.wrap, #maincontent .pure-form fieldset span.label.wrap {
  white-space: normal;
}

#maincontent .ticketform fieldset label, #maincontent .pure-form fieldset label {
  position: relative;
}

#maincontent .ticketform fieldset label.for-accessibility, #maincontent .pure-form fieldset label.for-accessibility {
  display: none !important;
}

#maincontent .ticketform fieldset label span.help, #maincontent .pure-form fieldset label span.help {
  display: inline-block;
  width: 12px;
  height: 11px;
  background: url(assets/graphics/help_icon.gif) no-repeat 0 0;
  margin-left: .5rem;
}

#maincontent .ticketform fieldset label span.help::hover, #maincontent .pure-form fieldset label span.help::hover {
  cursor: pointer;
}

#maincontent .ticketform fieldset label div.help-div, #maincontent .pure-form fieldset label div.help-div {
  position: absolute;
  width: 200px;
  border: 1px solid #ccc;
  background-color: #fdfad8;
  font-size: 10px;
  line-height: 1.5em;
  padding: 10px;
  font-family: sans-serif;
}

#maincontent .ticketform fieldset label input[type="text"],
#maincontent .ticketform fieldset label input[type="email"],
#maincontent .ticketform fieldset label input[type="tel"], #maincontent .pure-form fieldset label input[type="text"],
#maincontent .pure-form fieldset label input[type="email"],
#maincontent .pure-form fieldset label input[type="tel"] {
  margin: .25em 0;
  padding: .5em .6em;
  border: 1px solid #ccc;
  border-radius: 4px;
  vertical-align: middle;
  box-sizing: border-box;
  background-color: #eee;
  color: #646464;
  font-size: 1.4rem;
}

#maincontent .ticketform fieldset label input[type="text"].pure-input-1,
#maincontent .ticketform fieldset label input[type="email"].pure-input-1,
#maincontent .ticketform fieldset label input[type="tel"].pure-input-1, #maincontent .pure-form fieldset label input[type="text"].pure-input-1,
#maincontent .pure-form fieldset label input[type="email"].pure-input-1,
#maincontent .pure-form fieldset label input[type="tel"].pure-input-1 {
  width: 100%;
}

#maincontent .ticketform fieldset label input[type="text"].short-input,
#maincontent .ticketform fieldset label input[type="email"].short-input,
#maincontent .ticketform fieldset label input[type="tel"].short-input, #maincontent .pure-form fieldset label input[type="text"].short-input,
#maincontent .pure-form fieldset label input[type="email"].short-input,
#maincontent .pure-form fieldset label input[type="tel"].short-input {
  width: 2.6rem;
  display: inline-block;
  margin-right: 1rem;
  height: 2rem;
}

#maincontent .ticketform fieldset label select, #maincontent .pure-form fieldset label select {
  height: auto;
  background-color: #eee;
  width: auto;
}

#maincontent .ticketform fieldset label select.pure-input-1, #maincontent .pure-form fieldset label select.pure-input-1 {
  width: 100%;
}

#maincontent .ticketform fieldset div.help-div, #maincontent .pure-form fieldset div.help-div {
  position: absolute;
  width: 200px;
  border: 1px solid #ccc;
  background-color: #fdfad8;
  font-size: 10px;
  line-height: 1.5em;
  padding: 10px;
  font-family: sans-serif;
}

#maincontent .ticketform fieldset button#submit_button, #maincontent .pure-form fieldset button#submit_button {
  font-size: 1.4rem;
  font-weight: bold;
  letter-spacing: .1rem;
  background-color: #196f8c;
  color: #fff;
  border-radius: .75rem;
  margin-top: 1rem;
}

#maincontent .ticketform div#cc-images, #maincontent .pure-form div#cc-images {
  margin: 0 0 .5em;
  padding-top: 2.4rem;
}

#maincontent .ticketform div#cc-images span, #maincontent .pure-form div#cc-images span {
  display: inline-block;
  margin: 0 1rem 0 0;
}

#maincontent .ticketform div#cc-images span.transparent, #maincontent .pure-form div#cc-images span.transparent {
  opacity: .3;
}

#maincontent .ticketform div#cc-images span#img-visa, #maincontent .pure-form div#cc-images span#img-visa {
  width: 35px;
  height: 22px;
  background: url(assets/graphics/smvisa.gif) no-repeat 0 0;
}

#maincontent .ticketform div#cc-images span#img-mc, #maincontent .pure-form div#cc-images span#img-mc {
  width: 31px;
  height: 20px;
  background: url(assets/graphics/smmc.gif) no-repeat 0 0;
}

#maincontent .ticketform div#cc-images span#img-discvr, #maincontent .pure-form div#cc-images span#img-discvr {
  width: 39px;
  height: 25px;
  background: url(assets/graphics/smdiscvr.gif) no-repeat 0 0;
}

#maincontent .ticketform div#cc-images span#img-amex, #maincontent .pure-form div#cc-images span#img-amex {
  width: 29px;
  height: 18px;
  background: url(assets/graphics/smamex3.gif) no-repeat 0 0;
}

#maincontent .ticketform div#cc_images img.transparent, #maincontent .pure-form div#cc_images img.transparent {
  opacity: .3;
}

#maincontent .ticketform #expiry, #maincontent .pure-form #expiry {
  margin: .25em 0;
}

/* end #maincontent */
@media screen and (min-width: 768px) {
  #maincontent form.pure-form .pure-custom-left {
    padding-left: 0;
    padding-right: 1.5rem;
  }
  #maincontent form.pure-form .pure-custom-center {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  #maincontent form.pure-form .pure-custom-right {
    padding-left: 1.5rem;
    padding-right: 0;
  }
  #maincontent form.pure-form fieldset#donation-types {
    border: 1px solid #c5c5c5;
    margin-bottom: 1rem;
  }
  #maincontent form.pure-form fieldset.titled {
    padding: 0 1.5rem 1.5rem;
    margin-top: 0;
    margin-bottom: 1rem;
    border: 1px solid #c5c5c5;
    border-top: 30px solid #196f8c;
  }
  #maincontent form.pure-form fieldset.titled legend {
    box-sizing: border-box;
    color: #fff;
    font-weight: normal;
    font-size: 1.4rem;
    line-height: 1.7rem;
    padding: 7px 0 3px;
    height: 30px;
    border: 0 none;
    background-color: #196f8c;
  }
  #maincontent form.pure-form fieldset.titled legend + * {
    margin-top: 1rem;
  }
  #maincontent form.pure-form fieldset.untitled {
    padding: 0 1.5rem 1.5rem;
    margin-top: 0;
    margin-bottom: 1rem;
    border: 1px solid #c5c5c5;
    border-top: 1px solid #196f8c;
  }
  #maincontent form.pure-form .inline {
    display: inline !important;
  }
  #maincontent form.pure-form .inline.full::after {
    display: block;
    content: " ";
  }
  #maincontent form.pure-form input[type="text"].medium {
    width: 40%;
  }
  #maincontent form.pure-form div#cc-images {
    margin: .25em 0;
  }
  #maincontent form.pure-form div#cc-images img {
    display: inline-block;
    margin: 2.5rem 1rem 0 0;
  }
  #maincontent form.pure-form div#cc-images img.transparent {
    opacity: .3;
  }
  /* end #maincontent form.pure-form */
}

/* end @media 768px */
/* error/valid stuff */
#maincontent {
  /* end .ticketform */
}

#maincontent .ticketform #js-errors, #maincontent #js-errors {
  display: none;
  border: 2px solid #f00;
  padding: 2rem;
  margin: 0 auto;
}

#maincontent .ticketform #js-errors h3, #maincontent #js-errors h3 {
  margin-top: 0;
}

#maincontent #user-errors {
  border: 2px solid #f00;
  padding: 2rem;
  margin: 0 auto;
}

#maincontent #user-errors h3 {
  margin-top: 0;
}

#maincontent .ticketform input[type="text"].haserror,
#maincontent .ticketform input[type="email"].haserror,
#maincontent .ticketform textarea.haserror, #maincontent #riverside-blooms input[type="text"].haserror,
#maincontent #riverside-blooms input[type="email"].haserror,
#maincontent #riverside-blooms textarea.haserror {
  border-color: #f00 !important;
  color: #f00 !important;
}

#maincontent .ticketform input[type="text"].haserror::-webkit-input-placeholder,
#maincontent .ticketform input[type="email"].haserror::-webkit-input-placeholder,
#maincontent .ticketform textarea.haserror::-webkit-input-placeholder, #maincontent #riverside-blooms input[type="text"].haserror::-webkit-input-placeholder,
#maincontent #riverside-blooms input[type="email"].haserror::-webkit-input-placeholder,
#maincontent #riverside-blooms textarea.haserror::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #f00;
  opacity: 1;
}

#maincontent .ticketform input[type="text"].haserror:focus::-webkit-input-placeholder,
#maincontent .ticketform input[type="email"].haserror:focus::-webkit-input-placeholder,
#maincontent .ticketform textarea.haserror:focus::-webkit-input-placeholder, #maincontent #riverside-blooms input[type="text"].haserror:focus::-webkit-input-placeholder,
#maincontent #riverside-blooms input[type="email"].haserror:focus::-webkit-input-placeholder,
#maincontent #riverside-blooms textarea.haserror:focus::-webkit-input-placeholder {
  opacity: .5;
}

#maincontent .ticketform input[type="text"].haserror::-moz-placeholder,
#maincontent .ticketform input[type="email"].haserror::-moz-placeholder,
#maincontent .ticketform textarea.haserror::-moz-placeholder, #maincontent #riverside-blooms input[type="text"].haserror::-moz-placeholder,
#maincontent #riverside-blooms input[type="email"].haserror::-moz-placeholder,
#maincontent #riverside-blooms textarea.haserror::-moz-placeholder {
  /* Firefox 19+ */
  color: #f00;
  opacity: 1;
}

#maincontent .ticketform input[type="text"].haserror:focus::-moz-placeholder,
#maincontent .ticketform input[type="email"].haserror:focus::-moz-placeholder,
#maincontent .ticketform textarea.haserror:focus::-moz-placeholder, #maincontent #riverside-blooms input[type="text"].haserror:focus::-moz-placeholder,
#maincontent #riverside-blooms input[type="email"].haserror:focus::-moz-placeholder,
#maincontent #riverside-blooms textarea.haserror:focus::-moz-placeholder {
  opacity: .5;
}

#maincontent .ticketform input[type="text"].haserror:-ms-input-placeholder,
#maincontent .ticketform input[type="email"].haserror:-ms-input-placeholder,
#maincontent .ticketform textarea.haserror:-ms-input-placeholder, #maincontent #riverside-blooms input[type="text"].haserror:-ms-input-placeholder,
#maincontent #riverside-blooms input[type="email"].haserror:-ms-input-placeholder,
#maincontent #riverside-blooms textarea.haserror:-ms-input-placeholder {
  /* IE 10+ */
  color: #f00;
  opacity: 1;
}

#maincontent .ticketform input[type="text"].haserror:focus:-ms-input-placeholder,
#maincontent .ticketform input[type="email"].haserror:focus:-ms-input-placeholder,
#maincontent .ticketform textarea.haserror:focus:-ms-input-placeholder, #maincontent #riverside-blooms input[type="text"].haserror:focus:-ms-input-placeholder,
#maincontent #riverside-blooms input[type="email"].haserror:focus:-ms-input-placeholder,
#maincontent #riverside-blooms textarea.haserror:focus:-ms-input-placeholder {
  opacity: .5;
}

#maincontent .ticketform input[type="text"].haserror:-moz-placeholder,
#maincontent .ticketform input[type="email"].haserror:-moz-placeholder,
#maincontent .ticketform textarea.haserror:-moz-placeholder, #maincontent #riverside-blooms input[type="text"].haserror:-moz-placeholder,
#maincontent #riverside-blooms input[type="email"].haserror:-moz-placeholder,
#maincontent #riverside-blooms textarea.haserror:-moz-placeholder {
  /* Firefox 18- */
  color: #f00;
  opacity: 1;
}

#maincontent .ticketform input[type="text"].haserror:focus:-moz-placeholder,
#maincontent .ticketform input[type="email"].haserror:focus:-moz-placeholder,
#maincontent .ticketform textarea.haserror:focus:-moz-placeholder, #maincontent #riverside-blooms input[type="text"].haserror:focus:-moz-placeholder,
#maincontent #riverside-blooms input[type="email"].haserror:focus:-moz-placeholder,
#maincontent #riverside-blooms textarea.haserror:focus:-moz-placeholder {
  opacity: .5;
}

#maincontent .ticketform select.haserror, #maincontent #riverside-blooms select.haserror {
  color: #f00;
}

#maincontent .ticketform select.haserror option, #maincontent #riverside-blooms select.haserror option {
  color: #646464;
}

#maincontent .ticketform #expiry-error.error, #maincontent .ticketform #expiry.haserror, #maincontent #riverside-blooms #expiry-error.error, #maincontent #riverside-blooms #expiry.haserror {
  color: #f00;
}

#maincontent .ticketform #expiry.haserror span.error, #maincontent #riverside-blooms #expiry.haserror span.error {
  letter-spacing: normal;
  margin-left: 1rem;
  padding-top: .5rem;
}

#maincontent .ticketform p > span.error,
#maincontent .ticketform span.error, #maincontent #riverside-blooms p > span.error,
#maincontent #riverside-blooms span.error {
  color: #f00 !important;
  letter-spacing: normal;
}

#maincontent .ticketform input[type="text"].valid,
#maincontent .ticketform input[type="email"].valid
select.valid,
#maincontent .ticketform .states-select-wrap select.valid,
#maincontent .ticketform #gift-designation-wrap select.valid, #maincontent #riverside-blooms input[type="text"].valid,
#maincontent #riverside-blooms input[type="email"].valid
select.valid,
#maincontent #riverside-blooms .states-select-wrap select.valid,
#maincontent #riverside-blooms #gift-designation-wrap select.valid {
  border-color: #0f0;
  position: relative;
}

#maincontent .ticketform span.label,
#maincontent .ticketform #expiry, #maincontent #riverside-blooms span.label,
#maincontent #riverside-blooms #expiry {
  position: relative;
}

#maincontent .ticketform span.label span.error,
#maincontent .ticketform #expiry span.error, #maincontent #riverside-blooms span.label span.error,
#maincontent #riverside-blooms #expiry span.error {
  width: 100%;
  /* so it is below on large screens */
}

#maincontent .ticketform label.valid::after,
#maincontent .ticketform span.label.valid::after,
#maincontent .ticketform #expiry.valid::after,
#maincontent .ticketform #expiry-error.valid::after, #maincontent #riverside-blooms label.valid::after,
#maincontent #riverside-blooms span.label.valid::after,
#maincontent #riverside-blooms #expiry.valid::after,
#maincontent #riverside-blooms #expiry-error.valid::after {
  content: url(assets/graphics/check.png);
  display: inline-block;
  margin-left: 10px;
  position: absolute;
  top: -5px;
  right: 10px;
}

#maincontent .ticketform span.label.error::after, #maincontent #riverside-blooms span.label.error::after {
  content: url(assets/graphics/warning.gif);
  display: inline-block;
  margin-left: 10px;
  position: absolute;
  top: 0px;
}

#maincontent #teen-corps-application label.haserror {
  color: #f00;
  margin-top: -1.5rem;
}

#maincontent #viewtotal {
  font-weight: bold;
}

#maincontent fieldset.disabled {
  opacity: .5;
}

/* end #maincontent */
@media print {
  fieldset.disabled {
    display: none;
  }
}

/* validation success/activity stuff */
body #overlay {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.2;
  z-index: 500;
  display: none;
}

#activity {
  width: 40rem;
  height: 30rem;
  border: 2px solid #26adea;
  padding: 2rem;
  position: fixed;
  bottom: 33rem;
  left: 50%;
  margin-left: -211px;
  background: #fff url(assets/graphics/loading-359.gif) no-repeat center center;
  z-index: 501;
  display: none;
}

/* for form fields (or containers) that use horizontal padding to separate fields on large, remove for phone */
@media screen and (max-width: 767px) {
  .phonefix {
    padding: 0 !important;
  }
}

/********************************************** MISC FORM SPECIFIC ***********************************************/
#hippo-volunteer-form label {
  white-space: no-wrap;
  width: 16em;
}

#hippo-volunteer-form input[type="text"], #hippo-volunteer-form textarea {
  padding: .25em .5em;
  margin-bottom: 1.5rem;
}

#teen-corps-application fieldset.applicant-data input[type="text"], #teen-corps-application fieldset.applicant-data textarea {
  margin-bottom: 1.5rem;
}

#teen-corps-application fieldset.signatures ul {
  padding-left: 2em;
}

.page-template-riverside-blooms h1.page-title {
  text-align: center;
  color: #f6a917;
  margin-bottom: 0;
}

#riverside-blooms h2.subhead {
  font-weight: normal;
  text-align: center;
  color: #f6a917;
  margin-top: 0;
  color: #196f8c;
}

#riverside-blooms ul.bloom-choices {
  padding: 0;
}

#riverside-blooms ul.bloom-choices li {
  margin-bottom: 2rem;
}

#riverside-blooms ul.bloom-choices li div.img-wrap img {
  border: 1px solid #c5c5c5;
}

#riverside-blooms ul.bloom-choices li div.description h3 {
  margin-bottom: 0;
  font-size: 2.0rem;
}

#riverside-blooms ul.bloom-choices li div.description h3 + p {
  margin-top: 0;
}

#riverside-blooms ul.bloom-choices li div.description a.pop-link {
  position: relative;
}

#riverside-blooms ul.bloom-choices li div.description a.pop-link div#pop-hover {
  position: absolute;
  right: 1rem;
  background: #fef6e6;
  border: 1px solid #ccc;
  color: #000;
  text-decoration: none;
  font-size: 10px;
  position: absolute;
  padding: 10px;
  text-align: center;
  font-family: sans-serif;
}

#riverside-blooms ul.bloom-choices li div.description p.price {
  font-size: 120%;
  font-weight: bold;
}

#riverside-blooms ul.bloom-choices li div.description p.price input[type=radio] {
  margin-right: 1rem;
}

@media screen and (min-width: 768px) {
  #riverside-blooms div.img-wrap {
    padding-right: 2.5rem;
  }
}

/********************************************** GALA FORM SPECIFIC ***********************************************/
.page-template-gala-form {
  background: url("assets/graphics/2020_Gala3.jpg") no-repeat center 27rem;
  background-size: contain;
}

.page-template-gala-form #maincontent .ticketform .wrapper input,
.page-template-gala-form #maincontent .ticketform .wrapper textarea,
.page-template-gala-form #maincontent .ticketfrom .wrapper select {
  border-color: #aaa;
}

.page-template-gala-form #outerwrap, .page-template-gala-form #site-header {
  background-color: transparent !important;
}

.page-template-gala-form #site-header {
  position: relative;
}

.page-template-gala-form #gala-event-description {
  margin-bottom: -1rem;
}

.page-template-gala-form #gala-event-description h1.event-title {
  font-family: Poppins, 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: bold;
  color: #f6a917;
  font-size: 4.5rem;
  line-height: 1.1;
  margin: 0;
  text-align: center;
  /* text-shadow: -.5px .5px 0 #666,
				  .5px .5px 0 #666,
				 .5px -.5px 0 #666,
				-.5px -.5px 0 #666; */
}

.page-template-gala-form #gala-event-description h1.event-title span {
  display: block;
  font-size: 3rem;
}

.page-template-gala-form #gala-event-description h1.event-title span.event-date {
  font-size: 2rem;
  margin-top: 1rem;
}

.page-template-gala-form #gala-event-description .meta p {
  font-weight: bold;
  color: #196f8c;
  font-size: 1.6rem;
  line-height: 1.2;
}

.page-template-gala-form #gala-event-description .event-date {
  display: none;
}

.page-template-gala-form #gala-event-description .event-honoring {
  padding-left: 1rem;
}

.page-template-gala-form fieldset.titled .wrapper, .page-template-gala-form fieldset.untitled .wrapper {
  padding: 1rem 2rem 1.5rem;
  margin-bottom: 2rem;
  border: 1px solid #bababa;
  background-color: rgba(50, 50, 50, 0.04);
  border-radius: 3px;
}

.page-template-gala-form fieldset.titled .wrapper p.title, .page-template-gala-form fieldset.untitled .wrapper p.title {
  font-weight: bold;
  text-align: center;
  font-size: 2rem;
  font-family: Poppins, 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: bold;
  color: #f6a917 !important;
}

.page-template-gala-form fieldset.titled .wrapper label strong, .page-template-gala-form fieldset.untitled .wrapper label strong {
  color: #196f8c;
  font-size: 120%;
}

.page-template-gala-form fieldset.titled .wrapper span.include, .page-template-gala-form fieldset.untitled .wrapper span.include {
  display: block;
  font-size: 85%;
  text-indent: 3em;
}

.page-template-gala-form fieldset.titled > p, .page-template-gala-form fieldset.untitled > p {
  text-align: center;
}

@media screen and (min-width: 768px) {
  .page-template-gala-form {
    background: url("assets/graphics/2020_Gala3.jpg") no-repeat center 15rem;
    background-size: contain;
  }
  .page-template-gala-form div.breadcrumbs {
    margin-top: 0;
    padding-top: 1rem;
  }
  .page-template-gala-form #gala-event-description {
    padding-left: 2rem;
  }
  .page-template-gala-form #gala-event-description h1.event-title {
    font-size: 4rem;
    margin: 0 0 .5rem;
    text-align: left;
  }
  .page-template-gala-form #gala-event-description h1.event-title span {
    font-size: 2.75rem;
  }
  .page-template-gala-form #gala-event-description .event-honoring {
    padding-left: 0;
  }
}

/* end gala @media 768px */
@media screen and (min-width: 1024px) {
  .page-template-gala-form {
    background: url("assets/graphics/2020_Gala1b.jpg") no-repeat center top;
    background-size: contain;
  }
  .page-template-gala-form #outerwrap {
    background-color: transparent;
  }
  .page-template-gala-form div.breadcrumbs {
    background-color: transparent;
  }
  .page-template-gala-form #gala-event-description {
    background-color: transparent;
    padding-left: 0;
  }
  .page-template-gala-form #gala-event-description h1.event-title {
    font-size: 4rem;
    margin-top: 0;
    margin-bottom: .5rem;
  }
  .page-template-gala-form #gala-event-description h1.event-title span {
    font-size: 2.75rem;
  }
  .page-template-gala-form #gala-event-description h1.event-title span.event-date {
    display: none;
  }
  .page-template-gala-form #gala-event-description div.meta {
    padding-left: 6rem;
  }
  .page-template-gala-form #gala-event-description div.meta p {
    margin-top: 0;
  }
  .page-template-gala-form #gala-event-description div.meta .event-date {
    display: inline-block;
  }
}

@media screen and (min-width: 1280px) {
  .page-template-gala-form #gala-event-description h1.event-title {
    font-size: 6rem;
    margin-bottom: 0;
    margin-top: .5rem;
  }
  .page-template-gala-form #gala-event-description h1.event-title span {
    display: block;
    font-size: 4rem;
  }
  .page-template-gala-form #gala-event-description div.meta {
    padding-left: 0;
  }
  .page-template-gala-form #gala-event-description div.meta p {
    font-size: 2rem;
    line-height: 1.2;
    margin-top: 2rem;
  }
}

/** these are not used... yet */
#galaform label, #galadancingform label {
  font-weight: bold;
}

#galaform fieldset.titled, #galadancingform fieldset.titled {
  padding: 10px 20px 0;
  margin-bottom: 10px;
}

#galaform #billing_information, #galadancingform #billing_information {
  padding-bottom: 10px;
}

#galaform fieldset.titled legend,
#galaform fieldset.expirationm,
#galadancingform fieldset.titled legend,
#galadancingform fieldset.expirationm {
  text-transform: uppercase;
  text-shadow: 1px 1px #999;
}

/* #galaform .wrapper,
	#galadancingform .wrapper {
		padding: 0 20px 10px;
		margin-bottom: 20px;
		border: 1px solid #666;
		background-color: #fafafa;
		border-radius: 3px;
		box-shadow: 6px 6px #bbb
	} */
/* #galaform .wrapper p.title,
		#galadancingform .wrapper p.title {
			text-align: center;
			font-weight: bold;
			//font-style: italic;
			text-transform: uppercase;
			color: #000;
			font-size: 1.2em;
		} */
#galaform .wrapper label,
#galadancingform .wrapper label {
  clear: left;
}

#galaform .wrapper label strong {
  font-family: 'Josefin Sans', sans-serif;
  font-size: 18px;
  font-weight: 600;
}

#galaform .wrapper.table p.title,
#galaform .wrapper.table label strong,
#galaform .wrapper.table ul.gala_ul li {
  color: #558927;
}

#galaform .wrapper.individual p.title,
#galaform .wrapper.individual label strong,
#galaform .wrapper.individual ul.gala_ul li {
  color: #004b87;
}

#galaform ul.gala_ul {
  margin-bottom: 15px;
}

@media screen and (max-width: 567px) {
  #galaform ul.gala_ul {
    margin-left: 0;
  }
  #content #galaform input[type="text"],
  #content #galaform textarea {
    width: 100%;
  }
  #content #galaform input[type="text"].short_input {
    width: 26px;
  }
}

#galaform ul.gala_ul li {
  margin-bottom: 0px;
  list-style-type: square;
}

#galaform ul.gala_ul li span {
  color: #000;
  font-weight: normal;
}

#galaform .wrapper.contributions label {
  font-weight: normal;
  font-size: 14px;
  line-height: 1.5;
}

#galadancingform .wrapper label {
  margin-bottom: 1em;
}

#galadancingform .wrapper label.ticket-count > span {
  display: block;
  font-weight: normal;
  font-style: italic;
  margin-top: 5px;
}

#galaform .spread-the-word label {
  font-weight: normal;
  margin-bottom: 15px;
}

#galaform .spread-the-word label input.inline {
  display: inline;
}

#galaform .wrapper input[type="text"],
#galaform .wrapper textarea,
#galadancingform .wrapper input[type="text"],
#galadancingform .wrapper textarea {
  border-color: #aaa;
  background-color: #fff;
  font-weight: bold;
  color: #4d4d4d;
  padding-left: 5px;
}

#galaform .wrapper input[type="text"].haserror,
#galaform .wrapper input[type="text"].error,
#galadancingform .wrapper input[type="text"].haserror {
  background-color: #feecec;
}

#galaform .wrapper input.quantity,
#galadancingform .wrapper input.quantity {
  text-align: center;
}

#galaform .wrapper input#donation,
#galadancingform wrapper input#donation {
  text-align: left;
}

#galaform #totallabel,
#galaform #viewtotal,
#galadancingform #totallabel,
#galadancingform #viewtotal {
  color: #000;
  font-size: 1.2em;
}

#galaform .seating label,
#galaform .listing label,
#galadancingform .seating label {
  margin-top: 1em;
}

#galaform .seating p,
#galadancingform .seating p {
  font-style: italic;
  margin-bottom: 0;
}

#galaform textarea,
#galadancingform textarea {
  margin-top: 5px;
  background-color: #eee;
  padding: 5px;
}

#galaform #submit_button,
#galadancingform #submit_button {
  position: relative;
  padding: 5px 20px;
  margin: 20px 10px 10px 0px;
  float: left;
  border-radius: 10px;
  font-size: 17px;
  color: #fff;
  text-decoration: none;
  background-color: #26adea;
  border-bottom: 4px solid #2f5bb7;
  transition: all 0.1s;
  -webkit-transition: all 0.1s;
}

#content #galaform #submit_button:hover,
#content #galaform #submit_button:focus,
#content #galadancingform #submit_button:hover,
#content #galadancingform #submit_button:hover {
  text-decoration: none;
  color: #fff;
}

#content #galaform #submit_button:active,
#content #galadancingform #submit_button:active {
  transform: translate(0px, 5px);
  -webkit-transform: translate(0px, 5px);
  border-bottom: 1px solid;
}

#galaform div.AuthorizeNetSeal, #galadancingform div.AuthorizeNetSeal {
  margin-top: -37px !important;
}