/* normalize v1.1.3 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden] {
  display: none;
}
html {
  font-size: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
html,
button,
input,
select,
textarea {
  font-family: sans-serif;
}
body {
  margin: 0;
}
a:focus {
  outline: thin dotted;
}
a:active,
a:hover {
  outline: 0;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
h2 {
  font-size: 1.5em;
  margin: 0.83em 0;
}
h3 {
  font-size: 1.17em;
  margin: 1em 0;
}
h4 {
  font-size: 1em;
  margin: 1.33em 0;
}
h5 {
  font-size: 0.83em;
  margin: 1.67em 0;
}
h6 {
  font-size: 0.67em;
  margin: 2.33em 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: 700;
}
blockquote {
  margin: 1em 40px;
}
dfn {
  font-style: italic;
}
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
mark {
  background: #ff0;
  color: #000;
}
p,
pre {
  margin: 1em 0;
}
code,
kbd,
pre,
samp {
  font-family: monospace,serif;
  _font-family: 'courier new', monospace;
  font-size: 1em;
}
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}
q {
  quotes: none;
}
q:before,
q:after {
  content: '';
  content: none;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
dl,
menu,
ol,
ul {
  margin: 1em 0;
}
dd {
  margin: 0 0 0 40px;
}
menu,
ol,
ul {
  padding: 0 0 0 40px;
}
nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
}
img {
  border: 0;
  -ms-interpolation-mode: bicubic;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 0;
}
form {
  margin: 0;
}
fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
  white-space: normal;
  *margin-left: -7px;
}
button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle;
}
button,
input {
  line-height: normal;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
  *overflow: visible;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
  *height: 13px;
  *width: 13px;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
  vertical-align: top;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
body,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  background: transparent;
}
body {
  line-height: 1;
}
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
input,
textarea {
  font-size: 1em;
  font-weight: normal;
  border: 0;
}
a img,
:link img,
:visited img {
  border: none;
}
ul,
ol {
  list-style: none;
}
address {
  font-style: normal;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
nav ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  text-decoration: none;
}
a:active {
  outline: none;
}
:focus {
  -moz-outline-style: none;
}
/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}
abbr {
  cursor: help;
}
html,
button,
input,
select,
textarea {
  color: #222;
}
body {
  font-size: 1em;
}
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}
::selection {
  background: #b3d4fc;
  text-shadow: none;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}
img {
  vertical-align: middle;
}
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
textarea {
  resize: vertical;
}
.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}
.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  *text-indent: -9999px;
}
.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 100%;
}
.hidden {
  display: none!important;
  visibility: hidden;
}
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
.invisible {
  visibility: hidden;
}
article:before,
article:after,
section:before,
section:after,
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}
article:after,
section:after,
.clearfix:after {
  clear: both;
}
article,
section,
.clearfix {
  *zoom: 1;
}
@media print {
  * {
    background: transparent!important;
    color: #000 !important;
    box-shadow: none!important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}
/* formalize v1.2 */
input[type="search"]::-webkit-search-decoration {
  display: none;
}
input:invalid,
button:invalid,
a.button:invalid,
select:invalid,
textarea:invalid {
  box-shadow: none;
}
input:focus,
button:focus,
a.button:focus,
select:focus,
textarea:focus {
  box-shadow: #0066ff 0 0 5px 0;
  z-index: 1;
}
input[type="file"]:focus,
input[type="file"]:active,
input[type="radio"]:focus,
input[type="radio"]:active,
input[type="checkbox"]:focus,
input[type="checkbox"]:active {
  box-shadow: none;
}
button,
a.button,
input[type="reset"],
input[type="submit"],
input[type="button"] {
  -webkit-appearance: none;
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  background-clip: padding-box;
  border: 1px solid;
  border-color: #dddddd #bbbbbb #999999;
  cursor: pointer;
  color: #333333;
  display: inline-block;
  outline: 0;
  overflow: visible;
  margin: 0;
  padding: 3px 10px;
  text-shadow: none;
  text-decoration: none;
  vertical-align: top;
  width: auto;
  *padding-top: 2px;
  *padding-bottom: 0;
}
button:hover,
a.button:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
input[type="button"]:hover {
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(1px, #eeeeee), color-stop(100%, #cccccc));
  background-image: -webkit-linear-gradient(#ffffff, #eeeeee 1px, #cccccc);
  background-image: -moz-linear-gradient(#ffffff, #eeeeee 1px, #cccccc);
  background-image: -o-linear-gradient(#ffffff, #eeeeee 1px, #cccccc);
  background-image: linear-gradient(#ffffff, #eeeeee 1px, #cccccc);
  text-decoration: none;
}
button:active,
a.button:active,
input[type="reset"]:active,
input[type="submit"]:active,
input[type="button"]:active {
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dddddd), color-stop(100%, #eeeeee));
  background-image: -webkit-linear-gradient(#dddddd, #eeeeee);
  background-image: -moz-linear-gradient(#dddddd, #eeeeee);
  background-image: -o-linear-gradient(#dddddd, #eeeeee);
  background-image: linear-gradient(#dddddd, #eeeeee);
  box-shadow: inset rgba(0, 0, 0, 0.25) 0 1px 2px 0;
  border-color: #999999 #bbbbbb #dddddd;
}
button::-moz-focus-inner,
a.button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner {
  border: 0;
  padding: 0;
}
a.button {
  *padding-bottom: 3px;
}
button {
  *padding-top: 1px;
  *padding-bottom: 1px;
}
textarea,
select,
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -webkit-appearance: none;
  background-color: white;
  border: 1px solid;
  border-color: #848484 #c1c1c1 #e1e1e1;
  color: black;
  outline: 0;
  margin: 0;
  padding: 2px 3px;
  text-align: left;
  font-size: 13px;
  font-family: Arial, "Liberation Sans", FreeSans, sans-serif;
  height: 1.8em;
  vertical-align: top;
  *padding-top: 2px;
  *padding-bottom: 1px;
  *height: auto;
}
textarea[disabled],
select[disabled],
input[type="date"][disabled],
input[type="datetime"][disabled],
input[type="datetime-local"][disabled],
input[type="email"][disabled],
input[type="month"][disabled],
input[type="number"][disabled],
input[type="password"][disabled],
input[type="search"][disabled],
input[type="tel"][disabled],
input[type="text"][disabled],
input[type="time"][disabled],
input[type="url"][disabled],
input[type="week"][disabled] {
  background-color: #eeeeee;
}
button[disabled],
input[disabled],
select[disabled],
select[disabled] option,
select[disabled] optgroup,
textarea[disabled],
a.button_disabled {
  box-shadow: none;
  -moz-user-select: -moz-none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  user-select: none;
  color: #888888;
  cursor: default;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #888888;
}
input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #888888;
}
input.placeholder_text,
textarea.placeholder_text {
  color: #888888;
}
textarea,
select[size],
select[multiple] {
  height: auto;
}
select[size="0"],
select[size="1"] {
  height: 1.8em;
  *height: auto;
}
@media (-webkit-min-device-pixel-ratio: 0) {
  select[size],
  select[multiple],
  select[multiple][size] {
    background-image: none;
    padding-right: 3px;
  }
  select,
  select[size="0"],
  select[size="1"] {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAECAMAAABiOkWGAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjkwODMwNzhERjlGMTFFNUE5QTk5NTNDQ0MwOTM3MTMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjkwODMwNzlERjlGMTFFNUE5QTk5NTNDQ0MwOTM3MTMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2OTA4MzA3NkRGOUYxMUU1QTlBOTk1M0NDQzA5MzcxMyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2OTA4MzA3N0RGOUYxMUU1QTlBOTk1M0NDQzA5MzcxMyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuEckWsAAAAGUExURf///////1V89WwAAAACdFJOU/8A5bcwSgAAAB5JREFUeNpiYIAARjBgYETiAHmMCA6IxwjnMAIEGAADbAAl5hIAkQAAAABJRU5ErkJggg==);
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 20px;
  }
  ::-webkit-validation-bubble-message {
    box-shadow: none;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #666666), color-stop(1, black));
    border: 0;
    color: white;
    font: 13px/17px "Lucida Grande", Arial, "Liberation Sans", FreeSans, sans-serif;
    overflow: hidden;
    padding: 15px 15px 17px;
    text-shadow: none;
    min-height: 16px;
  }
  ::-webkit-validation-bubble-arrow,
  ::-webkit-validation-bubble-top-outer-arrow,
  ::-webkit-validation-bubble-top-inner-arrow {
    box-shadow: none;
    background: #666666;
    border-color: #666666;
  }
}
textarea {
  min-height: 40px;
  overflow: auto;
  resize: vertical;
  width: 100%;
}
optgroup {
  color: black;
  font-style: normal;
  font-weight: normal;
  font-family: Arial, "Liberation Sans", FreeSans, sans-serif;
}
optgroup::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.ie6_button,
* html button,
* html a.button {
  background: #dddddd url('../images/button.png?1298351022') repeat-x;
  border: 1px solid;
  border-color: #dddddd #bbbbbb #999999;
  cursor: pointer;
  color: #333333;
  font: bold 12px/1.2 Arial, sans-serif;
  padding: 2px 10px 0;
  text-decoration: none;
  overflow: visible;
  vertical-align: top;
  width: auto;
}
* html a.button {
  position: relative;
  top: 3px;
  padding-bottom: 2px;
}
* html button {
  padding-top: 1px;
  padding-bottom: 1px;
}
.ie6_input,
* html textarea,
* html select {
  background: white;
  border: 1px solid;
  border-color: #848484 #c1c1c1 #e1e1e1;
  color: black;
  padding: 2px 3px 1px;
  font-size: 13px;
  font-family: Arial, sans-serif;
  vertical-align: top;
}
* html select {
  margin-top: 1px;
}
.placeholder_text,
.ie6_input_disabled,
.ie6_button_disabled {
  color: #888888;
}
.ie6_input_disabled {
  background: #eeeeee;
}
* html .clearfix {
  zoom: 1;
}
*:first-child + html .clearfix {
  zoom: 1;
}
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.screenreader {
  position: absolute;
  left: -9000px;
  top: -9000px;
}
img,
object,
embed {
  max-width: 100%;
}
.ie7 img {
  -ms-interpolation-mode: bicubic;
}
::selection {
  background: #FF008C;
  color: #FFF;
}
::-moz-selection {
  background: #FF008C;
  color: #FFF;
}
img::selection {
  background: transparent;
}
img::-moz-selection {
  background: transparent;
}
@media only screen and (max-device-width: 480px) {
  html {
    -webkit-text-size-adjust: none;
  }
  a {
    -webkit-tap-highlight-color: rgba(0, 38, 77, 0.4);
  }
}
@media only screen and (max-device-width: 780px) {
  html,
  body {
    width: 100%;
    overflow-x: hidden;
  }
}
html {
  font-size: 70%;
}
body {
  font-family: 'Lato', helvetica, Arial, sans-serif;
  font-weight: 300;
  background-color: #114362;
}
h1,
h2,
h3,
h4 {
  font-family: 'Lato';
  font-weight: 200;
}
.listpage main h1,
.listpage main h2,
.listpage main h3,
.listpage main h4 {
  font-family: 'Lato';
  font-weight: 400;
}
h1 {
  font-size: 28px;
  line-height: 36px;
  font-size: 2.8rem;
  line-height: 3.6rem;
  margin: 0 0 18px;
}
@media only screen and (min-width:55em) {
  h1 {
    margin: 0 0 18px;
  }
}
h2 {
  font-size: 26px;
  line-height: 36px;
  font-size: 2.6rem;
  line-height: 3.6rem;
  margin: 18px 0 9px;
}
h3 {
  font-size: 20px;
  line-height: 27px;
  font-size: 2rem;
  line-height: 2.7rem;
  margin: 18px 0 9px;
}
p,
article li,
address {
  font-size: 15px;
  line-height: 24px;
  font-size: 1.5rem;
  line-height: 2.4rem;
  color: #003058;
}
h2 mark,
h3 mark {
  color: #FFF;
}
address {
  line-height: 1.6em;
  line-height: 1.6rem;
}
p a {
  text-decoration: underline;
}
a h1,
a h2 {
  text-decoration: none;
}
.rtl,
*[dir="rtl"] {
  text-align: right;
}
.opacity_50 {
  opacity: 0.5;
}
.opacity_75 {
  opacity: 0.75;
}
.opacity_100 {
  opacity: 1;
}
.container {
  width: 90%;
  padding: 0 5%;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width:55em) {
  .container {
    width: 96%;
    padding: 0 2%;
  }
}
@media only screen and (min-width:77em) {
  .container {
    width: 80%;
    padding: 0 10%;
  }
}
.listHeader.has-special-h2 {
  margin-bottom: 36px;
}
.special-h2 {
  color: #FFF;
  font-size: 13px;
  line-height: 18px;
  font-size: 1.3rem;
  line-height: 1.8rem;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  border-bottom: 6px solid #bb5ea4;
  width: 106%;
  margin-left: -6%;
  margin-top: -18px;
  margin-bottom: 27px;
  left: 0;
  text-align: right;
}
.special-h2 em,
.special-h2 a {
  font-size: 20px;
  line-height: 18px;
  font-size: 2rem;
  line-height: 1.8rem;
}
@media only screen and (min-width:40em) {
  .special-h2 .special-h2 {
    width: 55%;
    margin-bottom: 0;
  }
}
@media only screen and (min-width:55em) {
  .special-h2 {
    position: absolute;
    margin-top: -72px;
    margin-left: 0;
    padding-left: 5%;
    width: auto;
  }
}
@media only screen and (min-width:77em) {
  .special-h2 {
    padding-left: 10%;
  }
}
#utilityBar {
  width: 90%;
  padding: 0 5%;
  margin-left: auto;
  margin-right: auto;
  background: #003058;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
}
@media only screen and (min-width:55em) {
  #utilityBar {
    width: 96%;
    padding: 0 2%;
  }
}
@media only screen and (min-width:77em) {
  #utilityBar {
    width: 80%;
    padding: 0 10%;
  }
}
#utilityBar #slide-trigger {
  float: left;
  margin: 6px 0 0 7px;
  color: #FFF;
  font-size: 2.4rem;
}
#utilityBar .mobileLittleLogo {
  position: absolute;
  margin: 6px 40% 0;
  display: block;
}
#utilityBar.is-fixed .mobileLittleLogo {
  display: block !important;
}
@media only screen and (min-width:55em) {
  #utilityBar {
    background: none;
    position: static;
  }
  #utilityBar #slide-trigger {
    display: none !important;
  }
  #utilityBar .search-trigger {
    float: left;
    border-radius: 0 0 10px 10px;
  }
  #utilityBar .mobileLittleLogo {
    display: none;
  }
}
.search-trigger {
  float: right;
  display: inline-block;
  font-size: 12px;
  line-height: 15px;
  font-size: 1.2rem;
  line-height: 1.5rem;
  padding: 12px;
  color: #FFF;
  background-color: #003058;
}
.search-trigger i {
  margin-left: 10px;
  font-size: 1.3em;
}
@media only screen and (min-width:55em) {
  .search-trigger {
    float: left;
  }
  .search-trigger:hover {
    background: #FF008C;
  }
}
header {
  position: relative;
}
header #logo {
  display: none;
}
header nav {
  display: none;
  position: relative;
}
header nav ul {
  float: left;
  width: 100%;
}
header nav li {
  width: 50%;
  float: left;
  text-align: center;
}
header nav li a {
  font-size: 16px;
  line-height: 18px;
  font-size: 1.6rem;
  line-height: 1.8rem;
  display: block;
  padding: 9px 0;
  color: #FFF;
}
header nav li.navOn a {
  color: #e2c2da;
}
header nav li#navSearch {
  display: none;
}
header nav li#navAbout a span {
  display: none;
}
@media only screen and (min-width:77em) {
  header nav li#navAbout a span {
    display: inline;
  }
}
header nav li small {
  font-size: 14px;
  line-height: 15px;
  font-size: 1.4rem;
  line-height: 1.5rem;
  display: block;
  margin-top: -15px;
}
header nav #littleLogo {
  display: block;
  margin-top: 2px;
  width: 66%;
  overflow: hidden;
  max-height: 0;
  transform: scale(0);
  transform-origin: 0 0;
  transition: transform 0.5s, max-height 0.5s;
}
@media only screen and (min-width:55em) {
  header nav {
    display: block !important;
    width: 100%;
    border-bottom: 6px solid #bb5ea4;
    transition: all 1s;
    transform: scale(1);
  }
  header nav #logo {
    display: block !important;
  }
  header nav ul {
    width: auto;
  }
  header nav li {
    width: auto;
    margin-left: 20px;
  }
  header nav li li {
    margin: 0;
  }
  header nav a:hover {
    color: #FF008C;
  }
  header nav.is-fixed {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    background-color: #003058;
    border-bottom: 2px solid #bb5ea4;
    width: 90%;
    padding: 0 5%;
    margin: 0 auto;
  }
  header nav.is-fixed #littleLogo {
    float: left;
    max-height: 30px;
    width: 10%;
    overflow: visible;
    transform: scale(1);
    transition: transform 0.3s;
  }
  header nav.is-fixed li#navSearch {
    display: block !important;
  }
  header nav.is-fixed .sf-menu .sf-mega {
    margin-top: 2px;
  }
}
@media only screen and (min-width:77em) {
  header nav {
    width: 74%;
  }
  header nav ul {
    float: right;
  }
}
@media only screen and (min-width:85em) {
  header nav {
    width: 70%;
  }
}
@media only screen and (min-width:55em) {
  header {
    padding-top: 50px;
  }
  header #logo {
    display: block;
    width: 20%;
    margin: 0;
    position: absolute;
    right: 2%;
    top: -25px;
  }
}
@media only screen and (min-width:77em) {
  header {
    z-index: 1;
  }
  header #logo {
    display: block;
    width: 17%;
    margin: 0;
    position: absolute;
    right: 6%;
    top: auto;
    bottom: 0;
  }
  header #slide-trigger {
    display: none;
  }
  header div#mobileNav {
    display: none !important;
  }
}
@media only screen and (min-width:85em) {
  header #logo {
    width: 20%;
  }
}
.homePage header #logo {
  display: block;
  margin: 90px auto 0;
  width: 70%;
}
@media only screen and (min-width:55em) {
  .homePage header #logo {
    width: 20%;
    margin: 0;
  }
}
@media only screen and (min-width:77em) {
  .homePage header #logo {
    width: 17%;
  }
}
@media only screen and (min-width:85em) {
  .homePage header #logo {
    width: 20%;
  }
}
.homePage #utilityBar .mobileLittleLogo {
  display: none;
}
div#mobileNav {
  height: 100%;
  width: 70%;
  position: fixed;
  z-index: 99999999;
  top: 0;
  left: -70%;
  transition: all 0.2s ease;
  background: #005b90;
}
div#mobileNav div i {
  color: #FFF;
  font-size: 18px;
  line-height: 22px;
  font-size: 1.8rem;
  line-height: 2.2rem;
  display: block;
  width: 24px;
  height: 24px;
  padding: 5px;
  text-align: center;
  border: 1px solid #a7c8d9;
  border-radius: 100%;
}
div#mobileNav #closeMobileNav i {
  margin: 6px 0 6px 20px;
}
div#mobileNav #mobileHomeLink i {
  position: absolute;
  top: 6px;
  right: 10px;
}
div#mobileNav ul {
  border-top: 1px solid #0177a9;
}
div#mobileNav li {
  border-bottom: 1px solid #0177a9;
}
div#mobileNav li a {
  display: block;
  color: #FFF;
  font-size: 16px;
  line-height: 18px;
  font-size: 1.6rem;
  line-height: 1.8rem;
  padding: 6px 0 6px 20px;
}
div#mobileNav li.navOn a {
  background: #003058;
}
div#mobileNav div.navOn i {
  background: #003058;
}
div#mobileNav.showNav {
  left: 0;
  box-shadow: 0 0 60px #003058;
}
.sf-menu {
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
  transition: all 0s;
}
.sf-menu .sf-mega {
  position: absolute;
  display: none;
  top: 100%;
  padding: 18px 36px 36px;
  margin-top: 6px;
  left: 0;
  z-index: 9999;
  background: #0177a9;
  box-shadow: 0 16px 100px #003058;
  width: 100%;
}
header nav div.sf-mega ul {
  float: left;
  width: 100%;
  margin-bottom: 24px;
  border-bottom: 6px solid #6892b8;
  margin-left: -36px;
  padding-left: 36px;
}
header nav div.sf-mega li {
  width: auto;
  text-align: right;
  float: left;
  width: 23%;
  margin-left: 2%;
}
header nav div.sf-mega ul.has-para {
  width: 40%;
}
header nav div.sf-mega ul.has-para li {
  width: 50%;
  margin-left: 0;
}
header nav div.sf-mega p {
  margin: 0 0 0 4%;
  width: 56%;
  text-align: left;
  float: left;
  font-size: 13.5px;
  line-height: 18px;
  font-size: 1.35rem;
  line-height: 1.8rem;
  color: #FFF;
}
header nav div.sf-mega a {
  color: #a7c8d9;
  font-size: 18px;
  line-height: 18px;
  font-size: 1.8rem;
  line-height: 1.8rem;
}
header nav div.sf-mega a:hover {
  color: #FFF;
}
.sf-menu > li {
  float: left;
}
.sf-menu li:hover > .sf-mega,
.sf-menu li.sfHover > .sf-mega {
  display: block;
}
.sf-menu > li > a {
  display: block;
  position: relative;
}
.sf-mega-section {
  float: left;
  width: 8em;
  margin-right: 1em;
}
.sf-arrows .sf-with-ul:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 1em;
  margin-top: -3px;
  height: 0;
  width: 0;
}
.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
  border-top-color: white;
}
.searchForm {
  width: 100%;
}
.searchForm span.modal_close {
  display: block;
  padding: 12px;
  margin-right: 12px;
  margin-top: 8px;
  float: right;
  color: #FFF;
  text-decoration: underline;
  font-size: 14px;
  line-height: 18px;
  font-size: 1.4rem;
  line-height: 1.8rem;
}
.searchForm input {
  float: left;
  font-size: 14px;
  line-height: 18px;
  font-size: 1.4rem;
  line-height: 1.8rem;
  height: 40px;
  border: 0;
  font-family: 'Lato', helvetica, Arial, sans-serif;
}
.searchForm input[type="text"],
.searchForm input[type="search"] {
  width: 100%;
  background: #a7c8d9;
  color: #114362;
}
.searchForm input[type="text"]:focus,
.searchForm input[type="search"]:focus {
  background: #FFF;
}
.searchForm input[type="submit"] {
  float: right;
  margin-top: 8px;
  background: #FF008C;
  color: #FFF;
}
@media only screen and (min-width:55em) {
  .searchForm {
    padding-top: 9px;
    width: 70%;
    padding-left: 15%;
    padding-right: 15%;
  }
  .searchForm span.modal_close:hover {
    text-decoration: none;
    cursor: pointer;
  }
  .searchForm input[type="submit"]:hover {
    background: #FFF;
    color: #FF008C;
  }
}
@media only screen and (min-width:77em) {
  .searchForm {
    width: 50%;
    padding-left: 25%;
    padding-right: 25%;
  }
}
.searchForm.newSearchForm {
  margin-bottom: 36px;
  float: left;
  width: 100%;
  padding: 0 0 34px;
}
.searchForm.newSearchForm label {
  float: left;
  font-size: 15px;
  line-height: 18px;
  font-size: 1.5rem;
  line-height: 1.8rem;
  color: #FFF;
  margin-bottom: 9px;
}
#searchBox {
  display: none;
  width: 90%;
}
.poemSingle .rightCol {
  width: 100%;
}
@media only screen and (min-width:55em) {
  .poemSingle .rightCol {
    position: absolute;
    z-index: 10;
    right: 10%;
    width: 14%;
    margin: 80px 0 12px -36px;
  }
}
.poemSingle .poemShopLink {
  margin: 0 0 1px;
}
.poemSingle .poemShopLink a {
  display: block;
  float: left;
  padding-left: 9px;
  padding-top: 9px;
  background: #dde8ee;
}
.poemSingle .poemShopLink p {
  font-size: 14px;
  line-height: 18px;
  font-size: 1.4rem;
  line-height: 1.8rem;
}
.poemSingle .poemShopLink p i {
  font-style: italic;
}
.poemSingle .poemShopLink img {
  max-width: 80px;
  float: right;
  margin: 0 9px 9px 20px;
}
.poemSingle .poemShopLink span {
  display: inline-block;
  background: #0177a9;
  border-radius: 3px;
  color: #FFF;
  padding: 3px;
  font-size: 12px;
  line-height: 18px;
  font-size: 1.2rem;
  line-height: 1.8rem;
  text-transform: uppercase;
  text-align: center;
  margin-top: 5px;
}
@media only screen and (min-width:55em) {
  .poemSingle .poemShopLink {
    margin: 0 -42px 0 42px;
    max-width: 150px;
  }
  .poemSingle .poemShopLink a {
    padding: 0;
    margin-top: -9px;
    background: #a7c8d9;
  }
  .poemSingle .poemShopLink a:hover {
    background: #FFF;
    z-index: -10;
  }
  .poemSingle .poemShopLink a:hover img {
    opacity: 0.5;
  }
  .poemSingle .poemShopLink img {
    max-width: 100%;
    width: 100%;
    float: none;
    margin: 0 0 0 0;
  }
  .poemSingle .poemShopLink p {
    padding: 9px;
  }
}
.poemSingle .poemversions {
  width: 100%;
}
.poemSingle .poemversions li a {
  display: block;
  float: left;
  font-size: 12px;
  line-height: 18px;
  font-size: 1.2rem;
  line-height: 1.8rem;
  background-color: #a7c8d9;
  width: 21%;
  padding: 6px 2%;
  color: #114362;
}
.poemSingle .poemversions li.navOn a {
  background-color: #FFF;
}
@media only screen and (min-width:55em) {
  .poemSingle .poemversions li {
    margin-bottom: 1px;
  }
  .poemSingle .poemversions li a {
    width: 90%;
    padding: 9px 0 9px 10%;
    position: relative;
    font-size: 14px;
    line-height: 18px;
    font-size: 1.4rem;
    line-height: 1.8rem;
  }
  .poemSingle .poemversions li a:hover {
    background-color: #6892b8;
    color: #FFF;
    text-decoration: none;
  }
  .poemSingle .poemversions li a:hover:after {
    border-right: 18px solid #FFF;
  }
  .poemSingle .poemversions li.navOn a:after {
    position: absolute;
    top: 0;
    left: -18px;
    display: block;
    content: "";
    width: 0;
    height: 0;
    border-top: 18px solid transparent;
    border-bottom: 18px solid transparent;
    border-right: 18px solid #FFF;
  }
  .poemSingle .poemversions li.navOn a:hover {
    background-color: #FFF;
    color: #114362;
  }
}
@media only screen and (min-width:77em) {
  .poemSingle .poemversions {
    right: 9%;
  }
}
.poemSharing {
  padding: 0;
  margin: 18px 0 90px;
}
.poemSharing div {
  float: left;
  margin: 0;
  padding: 0;
}
.poemSharing div.twitterSharing {
  margin-right: 8px;
}
.poemSharing div.facebookSharing .fb-like {
  width: 50px;
  overflow: hidden;
}
.translationNotes {
  padding-bottom: 54px;
}
.myVoice {
  position: absolute;
  top: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.75);
  font-size: 12px;
  line-height: 16px;
  font-size: 1.2rem;
  line-height: 1.6rem;
  padding: 5px;
  border-radius: 0 0 0 5px;
  color: #114362;
}
.myVoice em {
  font-weight: 400;
}
@media only screen and (min-width:55em) {
  .myVoice:hover {
    background: #FF008C;
    color: #FFF;
    text-decoration: none;
  }
}
.podcastPlayer iframe {
  width: 100%;
  height: auto;
}
.singlePage aside {
  padding-top: 9px;
}
@media only screen and (min-width:55em) {
  .singlePage aside {
    position: absolute;
    width: 26%;
    margin-left: 0;
    top: 98px;
  }
}
.singlePage aside h1 {
  font-size: 18px;
  line-height: 18px;
  font-size: 1.8rem;
  line-height: 1.8rem;
  margin-bottom: 0;
  border-bottom: 2px solid rgba(255, 0, 140, 0.25);
}
.singlePage aside .poemModal h1 {
  border: 0;
  font-size: 22px;
  line-height: 18px;
  font-size: 2.2rem;
  line-height: 1.8rem;
}
.singlePage aside a h1 {
  color: #FF008C;
}
.singlePage aside h2 {
  font-size: 12px;
  line-height: 18px;
  font-size: 1.2rem;
  line-height: 1.8rem;
  text-transform: uppercase;
  margin-top: 18px;
  margin-bottom: 9px;
}
.singlePage aside h2:first-child {
  margin-top: 0;
}
.singlePage aside p,
.singlePage aside li {
  font-size: 14px;
  line-height: 16px;
  font-size: 1.4rem;
  line-height: 1.6rem;
}
@media only screen and (min-width:55em) {
  .singlePage aside section article img,
  .singlePage aside div article img {
    width: 50%;
    float: right;
    margin: 0 0 9px 9px;
  }
}
.singlePage aside section a,
.singlePage aside div a {
  color: #FF008C;
  text-decoration: none;
  display: block;
}
.singlePage aside section.postalInfo h2,
.singlePage aside div.postalInfo h2 {
  font-size: 18px;
  line-height: 18px;
  font-size: 1.8rem;
  line-height: 1.8rem;
  padding: 0;
  margin-bottom: 18px;
  text-transform: none;
}
.singlePage aside section.vcard,
.singlePage aside div.vcard,
.singlePage aside section.vcard div,
.singlePage aside div.vcard div {
  margin: 0;
  padding: 0;
}
.singlePage aside section.vcard div,
.singlePage aside div.vcard div {
  font-size: 14px;
  line-height: 18px;
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #114362;
  font-family: 'Lato', sans-serif;
  font-weight: 200;
}
.singlePage aside section.sidebox,
.singlePage aside div.sidebox {
  padding: 0;
}
.singlePage aside section.sidebox h2,
.singlePage aside div.sidebox h2 {
  padding: 18px 0 9px 2%;
  font-size: 14px;
  line-height: 18px;
  font-size: 1.4rem;
  line-height: 1.8rem;
}
.singlePage aside section.sidebox address,
.singlePage aside div.sidebox address {
  padding: 0 0 18px 2%;
  font-size: 13px;
  line-height: 18px;
  font-size: 1.3rem;
  line-height: 1.8rem;
}
.singlePage aside section.sidebox .poemModal h2,
.singlePage aside div.sidebox .poemModal h2 {
  padding-left: 0;
}
.singlePage aside section.sidebox li,
.singlePage aside div.sidebox li {
  position: relative;
}
.singlePage aside section.sidebox li:first-child,
.singlePage aside div.sidebox li:first-child {
  border: 0;
}
.singlePage aside section.sidebox li.active,
.singlePage aside div.sidebox li.active {
  background: #FFF;
}
.singlePage aside section.sidebox li.active:after,
.singlePage aside div.sidebox li.active:after {
  position: absolute;
  top: 0;
  right: -20px;
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-left: 20px solid #FFF;
}
.singlePage aside section.sidebox a,
.singlePage aside div.sidebox a {
  padding: 4px 9px 5px 2%;
  color: #003058;
}
@media only screen and (min-width:55em) {
  .singlePage aside section.sidebox h2,
  .singlePage aside div.sidebox h2,
  .singlePage aside section.sidebox a,
  .singlePage aside div.sidebox a,
  .singlePage aside section.sidebox address,
  .singlePage aside div.sidebox address,
  .singlePage aside section.sidebox p,
  .singlePage aside div.sidebox p {
    padding-left: 45px;
  }
  .singlePage aside section.sidebox h2 a,
  .singlePage aside div.sidebox h2 a,
  .singlePage aside section.sidebox a a,
  .singlePage aside div.sidebox a a,
  .singlePage aside section.sidebox address a,
  .singlePage aside div.sidebox address a,
  .singlePage aside section.sidebox p a,
  .singlePage aside div.sidebox p a {
    padding-left: 0;
  }
  .singlePage aside section.sidebox p,
  .singlePage aside div.sidebox p {
    margin-bottom: 9px;
  }
  .singlePage aside section.sidebox a:hover,
  .singlePage aside div.sidebox a:hover {
    background-color: none;
    text-decoration: underline;
  }
}
.singlePage aside section.eventParticipants,
.singlePage aside div.eventParticipants {
  background: #a7c8d9;
  padding-bottom: 18px;
}
.singlePage aside section.eventSeriesLinks,
.singlePage aside div.eventSeriesLinks {
  background: #FFF;
  padding: 18px 2% 36px;
}
.singlePage aside section.eventSeriesLinks a em,
.singlePage aside div.eventSeriesLinks a em {
  color: #6892b8;
  font-style: normal;
  display: block;
}
@media only screen and (min-width:55em) {
  .singlePage aside section.eventSeriesLinks,
  .singlePage aside div.eventSeriesLinks {
    width: 70%;
    margin-left: 6%;
  }
  .singlePage aside section.eventSeriesLinks a,
  .singlePage aside div.eventSeriesLinks a {
    padding-left: 18px;
  }
  .singlePage aside section.eventSeriesLinks a:hover,
  .singlePage aside div.eventSeriesLinks a:hover {
    color: #114362;
    text-decoration: underline;
  }
}
.singlePage aside section.venue,
.singlePage aside div.venue {
  background: #005b90;
}
@media only screen and (min-width:55em) {
  .singlePage aside section.venue,
  .singlePage aside div.venue {
    padding-bottom: 27px;
    margin: 0 18px -18px -27px;
  }
}
.singlePage aside section.venue h2,
.singlePage aside div.venue h2,
.singlePage aside section.venue p,
.singlePage aside div.venue p,
.singlePage aside section.venue li,
.singlePage aside div.venue li,
.singlePage aside section.venue address,
.singlePage aside div.venue address {
  color: #FFF;
}
.singlePage aside section.venue a,
.singlePage aside div.venue a {
  color: #e2c2da;
}
.singlePage aside section.relatedInfo,
.singlePage aside div.relatedInfo {
  background: #6892b8;
  padding-bottom: 36px;
}
@media only screen and (min-width:55em) {
  .singlePage aside section.relatedInfo,
  .singlePage aside div.relatedInfo {
    width: 85%;
    margin-left: 10%;
    margin-right: 5%;
  }
  .singlePage aside section.relatedInfo a:hover,
  .singlePage aside div.relatedInfo a:hover {
    color: #114362;
    text-decoration: underline;
  }
}
.singlePage aside section.fullListLink,
.singlePage aside div.fullListLink {
  padding-top: 54px;
}
.singlePage aside section.fullListLink a,
.singlePage aside div.fullListLink a {
  color: #FFF;
  background: #0177a9;
  padding-left: 10px;
  display: block;
  height: 20px;
  line-height: 20px;
}
@media only screen and (min-width:55em) {
  .singlePage aside section.fullListLink,
  .singlePage aside div.fullListLink {
    padding-right: 40%;
  }
  .singlePage aside section.fullListLink a:hover,
  .singlePage aside div.fullListLink a:hover {
    text-decoration: none;
    background-color: #FF008C;
    color: #FFF;
  }
  .singlePage aside section.fullListLink a,
  .singlePage aside div.fullListLink a {
    position: relative;
  }
  .singlePage aside section.fullListLink a:after,
  .singlePage aside div.fullListLink a:after {
    position: absolute;
    top: 0;
    left: -15px;
    display: block;
    content: "";
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-right: 15px solid #0177a9;
  }
  .singlePage aside section.fullListLink a:hover:after,
  .singlePage aside div.fullListLink a:hover:after {
    border-right: 15px solid #FF008C;
  }
}
.singlePage aside section.categories,
.singlePage aside div.categories {
  background-color: #FFF;
}
.singlePage aside section.categories h2,
.singlePage aside div.categories h2 {
  color: #114362;
}
.singlePage aside section.categories ul,
.singlePage aside div.categories ul {
  border-bottom: 1px solid #dde8ee;
}
@media only screen and (min-width:55em) {
  .singlePage aside section.categories,
  .singlePage aside div.categories {
    width: 81%;
    padding-bottom: 36px;
  }
}
.singlePage aside section.otherArticles,
.singlePage aside div.otherArticles {
  background-color: #a7c8d9;
  padding-bottom: 18px;
}
.singlePage aside section.otherArticles h2,
.singlePage aside div.otherArticles h2 {
  color: #003058;
}
@media only screen and (min-width:55em) {
  .singlePage aside section.otherArticles,
  .singlePage aside div.otherArticles {
    margin-left: 10%;
    margin-top: -20px;
  }
}
.singlePage aside section.poemCredits,
.singlePage aside div.poemCredits {
  padding: 18px 0 36px;
  background: #FFF;
}
.singlePage aside section.poemCredits h2,
.singlePage aside div.poemCredits h2 {
  padding: 0;
  margin-bottom: 0;
  border: 0;
  color: #114362;
  padding-left: 45px;
}
.singlePage aside section.poemCredits li,
.singlePage aside div.poemCredits li,
.singlePage aside section.poemCredits p,
.singlePage aside div.poemCredits p {
  border: 0;
  padding-left: 45px;
}
.singlePage aside section.poemCredits li a,
.singlePage aside div.poemCredits li a,
.singlePage aside section.poemCredits p a,
.singlePage aside div.poemCredits p a {
  color: #FF008C;
  padding: 0;
}
.singlePage aside section.poemCredits li a:hover,
.singlePage aside div.poemCredits li a:hover,
.singlePage aside section.poemCredits p a:hover,
.singlePage aside div.poemCredits p a:hover {
  color: #114362;
  background: transparent;
}
@media only screen and (min-width:55em) {
  .singlePage aside section.poemCredits,
  .singlePage aside div.poemCredits {
    width: 81%;
  }
}
.singlePage aside section.poemCTAs ul,
.singlePage aside div.poemCTAs ul {
  margin-top: 1px;
}
.singlePage aside section.poemCTAs li,
.singlePage aside div.poemCTAs li {
  margin-bottom: 1px;
}
.singlePage aside section.poemCTAs a,
.singlePage aside div.poemCTAs a {
  background: #b291ac;
  color: #FFF;
  text-transform: uppercase;
  padding: 9px 0 9px 24px;
}
@media only screen and (min-width:55em) {
  .singlePage aside section.poemCTAs ul,
  .singlePage aside div.poemCTAs ul {
    width: 53%;
    margin-left: 41%;
    margin-right: 6%;
    margin-top: -18px;
    margin-bottom: -18px;
    position: relative;
  }
  .singlePage aside section.poemCTAs a:hover,
  .singlePage aside div.poemCTAs a:hover {
    text-decoration: none;
    background: #FF008C;
  }
}
.singlePage aside section.seriesInfo,
.singlePage aside div.seriesInfo {
  padding: 9px 9px 18px;
}
.singlePage aside section.seriesInfo h3,
.singlePage aside div.seriesInfo h3 {
  margin: 0;
  padding: 18px 9px 3px 0;
  font-size: 13px;
  line-height: 18px;
  font-size: 1.3rem;
  line-height: 1.8rem;
  text-transform: uppercase;
}
.singlePage aside section.seriesInfo ul,
.singlePage aside div.seriesInfo ul {
  margin-bottom: 9px;
}
.singlePage aside section.seriesInfo li,
.singlePage aside div.seriesInfo li {
  font-size: 16px;
  line-height: 18px;
  font-size: 1.6rem;
  line-height: 1.8rem;
  border: 0;
}
.singlePage aside section.seriesInfo li a,
.singlePage aside div.seriesInfo li a {
  color: #FF008C;
  padding: 0;
}
.singlePage aside section.seriesInfo li a:hover,
.singlePage aside div.seriesInfo li a:hover {
  color: #114362;
  background: transparent;
}
.singlePage aside section.poemRelatedPoems,
.singlePage aside div.poemRelatedPoems {
  background-color: #a7c8d9;
  padding-bottom: 36px;
}
.singlePage aside section.poemRelatedPoems li.viewAll,
.singlePage aside div.poemRelatedPoems li.viewAll {
  text-align: right;
  padding-right: 20px;
}
.singlePage aside section.poemRelatedPoems a,
.singlePage aside div.poemRelatedPoems a {
  color: #114362;
}
@media only screen and (min-width:55em) {
  .singlePage aside section.poemRelatedPoems,
  .singlePage aside div.poemRelatedPoems {
    width: 100%;
    padding-top: 30px;
  }
  .singlePage aside section.poemRelatedPoems h2,
  .singlePage aside div.poemRelatedPoems h2 {
    border-bottom: 6px solid #b291ac;
    width: 70%;
    padding-bottom: 0;
    color: #114362;
  }
  .singlePage aside section.poemRelatedPoems a:hover,
  .singlePage aside div.poemRelatedPoems a:hover {
    text-decoration: underline;
    text-decoration-color: #FF008C;
    -webkit-text-decoration-color: #FF008C;
  }
}
.singlePage aside section.articleRelated,
.singlePage aside div.articleRelated {
  background-color: #dde8ee;
  padding-bottom: 36px;
}
.singlePage aside section.articleRelated li.viewAll,
.singlePage aside div.articleRelated li.viewAll {
  text-align: right;
  padding-right: 20px;
}
.singlePage aside section.articleRelated a,
.singlePage aside div.articleRelated a {
  color: #114362;
}
@media only screen and (min-width:55em) {
  .singlePage aside section.articleRelated,
  .singlePage aside div.articleRelated {
    width: 90%;
    padding-top: 30px;
  }
  .singlePage aside section.articleRelated h2,
  .singlePage aside div.articleRelated h2 {
    border-bottom: 6px solid #b291ac;
    width: 70%;
    padding-bottom: 0;
    color: #114362;
  }
  .singlePage aside section.articleRelated a:hover,
  .singlePage aside div.articleRelated a:hover {
    text-decoration: underline;
    text-decoration-color: #FF008C;
    -webkit-text-decoration-color: #FF008C;
  }
}
.singlePage aside section.eventNav,
.singlePage aside div.eventNav,
.singlePage aside section.poetLinks,
.singlePage aside div.poetLinks {
  background-color: #0177a9;
  padding-bottom: 36px;
}
.singlePage aside section.eventNav li a,
.singlePage aside div.eventNav li a,
.singlePage aside section.poetLinks li a,
.singlePage aside div.poetLinks li a {
  color: #FFF;
}
@media only screen and (min-width:55em) {
  .singlePage aside section.eventNav,
  .singlePage aside div.eventNav,
  .singlePage aside section.poetLinks,
  .singlePage aside div.poetLinks {
    padding-top: 36px;
  }
  .singlePage aside section.eventNav h2,
  .singlePage aside div.eventNav h2,
  .singlePage aside section.poetLinks h2,
  .singlePage aside div.poetLinks h2 {
    border-bottom: 6px solid #b291ac;
    width: 70%;
    padding-bottom: 0;
    color: #FFF;
  }
  .singlePage aside section.eventNav li a:hover,
  .singlePage aside div.eventNav li a:hover,
  .singlePage aside section.poetLinks li a:hover,
  .singlePage aside div.poetLinks li a:hover {
    text-decoration: underline;
  }
}
.singlePage aside section.poetRelated,
.singlePage aside div.poetRelated {
  background-color: #a7c8d9;
  padding-bottom: 36px;
}
@media only screen and (min-width:55em) {
  .singlePage aside section.poetRelated,
  .singlePage aside div.poetRelated {
    width: 60%;
    margin: 0 16% 0 24%;
    padding-top: 36px;
  }
  .singlePage aside section.poetRelated h2,
  .singlePage aside div.poetRelated h2 {
    border-bottom: 6px solid #b291ac;
    width: 70%;
    padding-bottom: 0;
    color: #114362;
  }
}
.singlePage aside section.poemLangCountry,
.singlePage aside div.poemLangCountry {
  background-color: #6892b8;
  padding-top: 9px;
}
.singlePage aside section.poemLangCountry a,
.singlePage aside div.poemLangCountry a {
  color: #FFF;
  padding-top: 18px;
  padding-bottom: 18px;
}
@media only screen and (min-width:55em) {
  .singlePage aside section.poemLangCountry,
  .singlePage aside div.poemLangCountry {
    width: 70%;
    margin-left: 14%;
    margin-top: -16px;
    padding: 9px 0;
  }
  .singlePage aside section.poemLangCountry a,
  .singlePage aside div.poemLangCountry a {
    padding-left: 18px;
    padding-top: 4px;
    padding-bottom: 5px;
  }
  .singlePage aside section.poemLangCountry a:hover,
  .singlePage aside div.poemLangCountry a:hover {
    text-decoration: underline;
  }
}
.singlePage aside section.subscribeLink a,
.singlePage aside div.subscribeLink a {
  background: #005b90;
  color: #FFF;
  padding: 10px;
  border-radius: 3px;
  margin-right: 30%;
  text-align: center;
}
.singlePage aside section.subscribeLink a:hover,
.singlePage aside div.subscribeLink a:hover {
  background: #FF008C;
}
.listPage aside h2 {
  margin-top: 0;
}
.listPage aside h3 {
  position: absolute;
  left: -9000px;
  top: -9000px;
}
.listPage aside.filters {
  margin-bottom: 72px;
  margin-top: 36px;
}
.listPage aside.filters a {
  text-decoration: none;
}
.listPage aside .listSubNav {
  margin-bottom: 18px;
  text-align: right;
}
.listPage aside .listSubNav li {
  font-size: 15px;
  line-height: 18px;
  font-size: 1.5rem;
  line-height: 1.8rem;
  display: inline-block;
}
.listPage aside .listSubNav li a {
  padding: 4.5px;
  float: left;
  color: #FFF;
  background-color: #003058;
  margin: 0 4px 9px 0;
  display: inline-block;
}
@media only screen and (min-width:55em) {
  .listPage aside .listSubNav li a:hover {
    background-color: #FF008C;
    text-decoration: none;
  }
}
.listPage aside.articlesSubNav h2 {
  font-size: 12px;
  line-height: 18px;
  font-size: 1.2rem;
  line-height: 1.8rem;
  text-transform: uppercase;
  margin-bottom: 0;
}
.listPage aside .filterCol {
  clear: left;
}
.listPage aside .filterAlpha ul li a {
  display: inline-block;
  float: left;
  background: #003058;
  color: #FFF;
  padding: 9px 12px;
  margin: 0 1px 1px 0;
  font-size: 13px;
  line-height: 18px;
  font-size: 1.3rem;
  line-height: 1.8rem;
}
.listPage aside .filterCountry {
  padding-bottom: 0;
  width: 50%;
  float: left;
}
.listPage aside .filterLanguage {
  width: 50%;
  float: left;
}
.listPage aside .filterAll p {
  font-size: 13px;
  line-height: 18px;
  font-size: 1.3rem;
  line-height: 1.8rem;
}
.listPage aside .filterAll a {
  padding: 4.5px;
  color: #FFF;
  background-color: #003058;
  margin-bottom: 9px;
  display: inline-block;
}
.listPage aside select {
  border-radius: 0;
  border: 0;
  background-color: #003058;
  margin-bottom: 3px;
  min-height: 54px;
  width: 100%;
  color: #FFF;
  font-size: 1.6em;
  font-family: 'Lato';
  font-weight: 100;
  padding-left: 5%;
  padding-top: 0;
  padding-bottom: 0;
  width: 95%;
}
.listPage aside select option {
  padding: 0;
}
@media only screen and (min-width:55em) {
  .listPage aside {
    float: right;
    width: 40%;
  }
  .listPage aside.filters {
    margin-top: 0;
  }
  .listPage aside.filters .filters {
    margin-bottom: 0;
  }
  .listPage aside .filterCol {
    float: left;
  }
  .listPage aside .filterCol section {
    float: left;
    width: 50%;
  }
  .listPage aside .filterAlpha {
    float: left;
    width: 66%;
  }
  .listPage aside .filterAlpha ul li a {
    font-size: 1.3em;
    padding: 7px 5px;
    min-height: 16px;
  }
  .listPage aside .filterAlpha ul li a:hover {
    background: #FF008C;
    text-decoration: none;
  }
  .listPage aside .filterAll {
    float: right;
  }
  .listPage aside .filterAll a {
    padding: 7px 7px;
    min-height: 16px;
  }
  .listPage aside .filterAll a:hover {
    background: #FF008C;
    text-decoration: none;
  }
  .listPage aside select {
    font-size: 1.3em;
    min-height: 33px;
  }
  .listPage aside select:hover {
    background-color: #FF008C;
    cursor: pointer;
  }
}
.listPage.poemListing aside h2 {
  display: none;
}
@media only screen and (min-width:55em) {
  .listPage.poemListing aside {
    float: left;
    width: 80%;
    clear: none;
  }
  .listPage.poemListing aside .filterCol {
    width: 32%;
  }
}
@media only screen and (min-width:55em) {
  .listPage.peopleListing aside .filterCol,
  .listPage.chapbooksListing aside .filterCol {
    width: 80%;
  }
  .listPage.peopleListing aside .filterAll,
  .listPage.chapbooksListing aside .filterAll {
    width: 20%;
  }
  .listPage.peopleListing aside .filterAll a,
  .listPage.chapbooksListing aside .filterAll a {
    width: 100%;
    text-align: center;
  }
}
.aboutPage aside {
  padding-top: 9px;
  z-index: 0;
}
.aboutPage aside p,
.aboutPage aside li {
  font-size: 14px;
  line-height: 16px;
  font-size: 1.4rem;
  line-height: 1.6rem;
}
.aboutPage aside section a,
.aboutPage aside div a {
  color: #FF008C;
  text-decoration: none;
  display: block;
}
.aboutPage aside section.sidebox,
.aboutPage aside div.sidebox {
  padding: 0;
}
.aboutPage aside section.sidebox h2,
.aboutPage aside div.sidebox h2 {
  padding: 18px 0 9px 45px;
  font-size: 13px;
  line-height: 18px;
  font-size: 1.3rem;
  line-height: 1.8rem;
}
.aboutPage aside section.sidebox li,
.aboutPage aside div.sidebox li {
  position: relative;
}
.aboutPage aside section.sidebox li:first-child,
.aboutPage aside div.sidebox li:first-child {
  border: 0;
}
.aboutPage aside section.sidebox li.active:not(.highlighted),
.aboutPage aside div.sidebox li.active:not(.highlighted) {
  background: #FFF;
}
.aboutPage aside section.sidebox li.active:not(.highlighted) a,
.aboutPage aside div.sidebox li.active:not(.highlighted) a {
  color: #114362;
}
.aboutPage aside section.sidebox li.active.highlighted:after,
.aboutPage aside div.sidebox li.active.highlighted:after {
  border-left-color: #9d0056;
}
.aboutPage aside section.sidebox a,
.aboutPage aside div.sidebox a {
  padding: 4px 9px 5px 45px;
}
.aboutPage aside section.aboutPages,
.aboutPage aside div.aboutPages,
.aboutPage aside section.aboutParties,
.aboutPage aside div.aboutParties,
.aboutPage aside section.aboutLangCountry,
.aboutPage aside div.aboutLangCountry {
  background: #a7c8d9;
  margin-bottom: 3px;
  position: relative;
}
.aboutPage aside section.aboutPages li a,
.aboutPage aside div.aboutPages li a,
.aboutPage aside section.aboutParties li a,
.aboutPage aside div.aboutParties li a,
.aboutPage aside section.aboutLangCountry li a,
.aboutPage aside div.aboutLangCountry li a {
  padding-top: 12px;
  padding-bottom: 12px;
  color: #003058;
}
@media only screen and (min-width:55em) {
  .aboutPage aside section.aboutPages,
  .aboutPage aside div.aboutPages,
  .aboutPage aside section.aboutParties,
  .aboutPage aside div.aboutParties,
  .aboutPage aside section.aboutLangCountry,
  .aboutPage aside div.aboutLangCountry {
    margin-bottom: 0;
    margin-top: -18px;
  }
  .aboutPage aside section.aboutPages li a:hover,
  .aboutPage aside div.aboutPages li a:hover,
  .aboutPage aside section.aboutParties li a:hover,
  .aboutPage aside div.aboutParties li a:hover,
  .aboutPage aside section.aboutLangCountry li a:hover,
  .aboutPage aside div.aboutLangCountry li a:hover,
  .aboutPage aside section.aboutPages li a:focus,
  .aboutPage aside div.aboutPages li a:focus,
  .aboutPage aside section.aboutParties li a:focus,
  .aboutPage aside div.aboutParties li a:focus,
  .aboutPage aside section.aboutLangCountry li a:focus,
  .aboutPage aside div.aboutLangCountry li a:focus {
    background: #005b90;
    color: #FFF;
  }
}
.aboutPage aside section.aboutPages li:not(.highlighted).active a:hover,
.aboutPage aside div.aboutPages li:not(.highlighted).active a:hover,
.aboutPage aside section.aboutParties li:not(.highlighted).active a:hover,
.aboutPage aside div.aboutParties li:not(.highlighted).active a:hover,
.aboutPage aside section.aboutLangCountry li:not(.highlighted).active a:hover,
.aboutPage aside div.aboutLangCountry li:not(.highlighted).active a:hover,
.aboutPage aside section.aboutPages li:not(.highlighted).active a:focus,
.aboutPage aside div.aboutPages li:not(.highlighted).active a:focus,
.aboutPage aside section.aboutParties li:not(.highlighted).active a:focus,
.aboutPage aside div.aboutParties li:not(.highlighted).active a:focus,
.aboutPage aside section.aboutLangCountry li:not(.highlighted).active a:focus,
.aboutPage aside div.aboutLangCountry li:not(.highlighted).active a:focus {
  background: #FFF;
  color: #114362;
}
.aboutPage aside section.aboutPages li.highlighted.active a:hover,
.aboutPage aside div.aboutPages li.highlighted.active a:hover,
.aboutPage aside section.aboutParties li.highlighted.active a:hover,
.aboutPage aside div.aboutParties li.highlighted.active a:hover,
.aboutPage aside section.aboutLangCountry li.highlighted.active a:hover,
.aboutPage aside div.aboutLangCountry li.highlighted.active a:hover,
.aboutPage aside section.aboutPages li.highlighted.active a:focus,
.aboutPage aside div.aboutPages li.highlighted.active a:focus,
.aboutPage aside section.aboutParties li.highlighted.active a:focus,
.aboutPage aside div.aboutParties li.highlighted.active a:focus,
.aboutPage aside section.aboutLangCountry li.highlighted.active a:focus,
.aboutPage aside div.aboutLangCountry li.highlighted.active a:focus {
  background: #9d0056;
  color: #fff;
}
@media only screen and (min-width:55em) {
  .aboutPage aside section.aboutPages,
  .aboutPage aside div.aboutPages {
    margin-right: 45px;
  }
}
.aboutPage aside section.aboutParties li a,
.aboutPage aside div.aboutParties li a {
  color: #FFF;
}
@media only screen and (min-width:55em) {
  .aboutPage aside section.aboutParties,
  .aboutPage aside div.aboutParties {
    background-color: #6892b8;
    margin-left: 54px;
    margin-right: 66px;
    padding-top: 27px;
    padding-bottom: 27px;
    z-index: -1;
  }
}
.aboutPage aside section.aboutLangCountry li a,
.aboutPage aside div.aboutLangCountry li a {
  color: #FFF;
}
@media only screen and (min-width:55em) {
  .aboutPage aside section.aboutLangCountry,
  .aboutPage aside div.aboutLangCountry {
    margin-left: 36px;
    margin-right: 90px;
    background-color: #0177a9;
  }
}
@media only screen and (min-width:55em) {
  .aboutPage aside {
    position: absolute;
    width: 28%;
    margin-left: 0;
    top: 140px;
  }
  .aboutPage aside section.sidebox li.active:after,
  .aboutPage aside div.sidebox li.active:after {
    position: absolute;
    top: 0;
    right: -20px;
    display: block;
    content: "";
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 20px solid #FFF;
  }
}
.listPage.eventListing .listHeader i.seriesHeader {
  font-style: normal;
  color: #a7c8d9;
}
.listPage.eventListing .listHeader p.seriesLink a {
  text-align: center;
  display: block;
  margin-top: 3px;
  margin-bottom: 27px;
  padding: 6px;
  border-radius: 3px;
  color: #FFF;
  background: #003058;
  text-decoration: none;
}
.listPage.eventListing .listHeader p.seriesLink a:hover {
  background: #FF008C;
  color: #FFF;
}
@media only screen and (min-width:40em) {
  .listPage.eventListing .listHeader p.seriesLink a {
    float: right;
    margin-bottom: 0;
  }
}
.listPage.eventListing .listHeader aside.hasSeries h2 {
  color: #FFF;
  font-size: 15px;
  line-height: 18px;
  font-size: 1.5rem;
  line-height: 1.8rem;
  margin-top: 9px;
  text-transform: uppercase;
}
.listPage.eventListing .listHeader aside.hasSeries li {
  font-size: 15px;
  line-height: 24px;
  font-size: 1.5rem;
  line-height: 2.4rem;
}
.listPage.eventListing .listHeader .pageIntro img {
  margin-bottom: 9px;
}
@media only screen and (min-width:40em) {
  .listPage.eventListing .listHeader aside.hasSeries {
    float: right;
    width: 38%;
    margin-left: 2%;
    margin-bottom: 36px;
  }
  .listPage.eventListing .listHeader .pageIntro.seriesIntro {
    float: left;
    width: 60%;
    margin-bottom: 54px;
  }
}
.singlePage main {
  width: 90%;
  padding: 0 5%;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width:55em) {
  .singlePage main {
    width: 96%;
    padding: 0 2%;
  }
}
@media only screen and (min-width:77em) {
  .singlePage main {
    width: 80%;
    padding: 0 10%;
  }
}
.singlePage main article {
  margin-bottom: 54px;
}
.singlePage main article p,
.singlePage main article h1,
.singlePage main article h2,
.singlePage main article li {
  color: #FFF;
}
.singlePage main article h1 {
  font-size: 23px;
  line-height: 27px;
  font-size: 2.3rem;
  line-height: 2.7rem;
}
.singlePage main article h2 {
  padding-top: 36px;
}
.singlePage h1.pageHeader {
  margin-bottom: 0;
}
.standalonePage main {
  width: 90%;
  padding: 0 5%;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width:55em) {
  .standalonePage main {
    width: 96%;
    padding: 0 2%;
  }
}
@media only screen and (min-width:77em) {
  .standalonePage main {
    width: 80%;
    padding: 0 10%;
  }
}
.standalonePage main article {
  margin-bottom: 54px;
  padding-left: 0;
}
.standalonePage main article p,
.standalonePage main article h2,
.standalonePage main article h3,
.standalonePage main article h4 {
  color: #e2c2da;
}
.standalonePage main article p,
.standalonePage main article li {
  font-size: 16px;
  line-height: 27px;
  font-size: 1.6rem;
  line-height: 2.7rem;
  color: #FFF;
}
.standalonePage main article p a {
  color: #FFF;
  text-decoration: underline;
}
.standalonePage main article h2 {
  font-size: 28px;
  line-height: 36px;
  font-size: 2.8rem;
  line-height: 3.6rem;
  margin-top: 36px;
}
.standalonePage main article h3 {
  font-size: 24px;
  line-height: 27px;
  font-size: 2.4rem;
  line-height: 2.7rem;
}
.standalonePage main article h4 {
  font-size: 20px;
  line-height: 27px;
  font-size: 2rem;
  line-height: 2.7rem;
}
.standalonePage main h1.pageHeader {
  width: 100%;
}
@media only screen and (min-width:55em) {
  .standalonePage main article p a:hover {
    text-decoration: none;
    color: #e2c2da;
  }
}
.listPage main {
  width: 90%;
  padding: 0 5%;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width:55em) {
  .listPage main {
    width: 96%;
    padding: 0 2%;
  }
}
@media only screen and (min-width:77em) {
  .listPage main {
    width: 80%;
    padding: 0 10%;
  }
}
.listPage p,
.listPage li,
.listPage address {
  color: #FFF;
}
.listPage .articleAuthor a {
  text-decoration: none;
  color: #e2c2da;
}
.aboutPage main {
  width: 90%;
  padding: 0 5%;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width:55em) {
  .aboutPage main {
    width: 96%;
    padding: 0 2%;
  }
}
@media only screen and (min-width:77em) {
  .aboutPage main {
    width: 80%;
    padding: 0 10%;
  }
}
.aboutPage main article {
  background: #dde8ee;
  margin-bottom: 54px;
  padding-top: 18px;
  padding-left: 4%;
  padding-right: 4%;
}
.aboutPage main article h2 {
  color: #114362;
  margin-bottom: 36px;
  font-size: 27px;
  line-height: 27px;
  font-size: 2.7rem;
  line-height: 2.7rem;
}
.aboutPage main article a {
  color: #FF008C;
}
.aboutPage main article a:hover {
  color: #FFF;
}
.aboutPage.aboutListing main .pageIntro {
  float: none;
  clear: none;
  width: auto;
  margin-left: 0;
  margin-right: 0;
  padding-top: 0;
  padding-left: 25%;
  padding-right: 8%;
  display: none;
}
.aboutPage.aboutListing main article h2 {
  margin-top: 0;
}
.aboutPage h1.pageHeader {
  margin-bottom: 18px;
}
@media only screen and (min-width:55em) {
  .aboutPage main article {
    padding-top: 36px;
    padding-left: 25%;
    padding-right: 8%;
  }
}
.supportPage h2,
.supportPage main article h2 {
  font-size: 20px;
  line-height: 27px;
  font-size: 2rem;
  line-height: 2.7rem;
  margin-top: 6px;
}
.supportPage .genericList {
  float: left;
}
.supportPage .supportUsDonationInfo {
  background: #a7c8d9;
  padding: 18px 2.5% 36px;
  margin-bottom: 36px;
}
.supportPage .supportUsDonationInfo h2 {
  color: #114362;
  font-weight: 400;
  margin: 36px 0 9px;
}
.supportPage .supportUsDonationInfo h2:first-of-type {
  margin-top: 0;
}
.supportPage .supportUsDonationInfo p {
  color: #003058;
}
.supportPage .supportUsDonationInfo p a {
  color: #9d0056;
}
.supportPage .supportUsDonationInfo .socialLinks {
  margin: 18px 0 0;
  width: 100%;
  text-align: center;
}
.supportPage .supportUsDonationInfo .socialLinks li {
  display: inline-block;
}
.supportPage .supportUsDonationInfo .socialLinks a {
  font-size: 26px;
  line-height: 32px;
  font-size: 2.6rem;
  line-height: 3.2rem;
  float: left;
  display: block;
  width: 36px;
  margin: 5px 3px 0;
  padding: 5px;
  text-align: center;
  color: #FFF;
  background: #0177a9;
  border-radius: 100%;
  height: 36px;
}
.supportPage .supportUsCards article img {
  width: 100%;
  margin: 0;
}
@media only screen and (min-width:55em) {
  .supportPage .genericList {
    float: none;
  }
  .supportPage .supportUsDonationInfo {
    float: left;
    margin-right: 5%;
    width: 25%;
  }
  .supportPage .supportUsDonationInfo p a:hover {
    color: #FFF;
  }
  .supportPage .supportUsDonationInfo .socialLinks {
    float: left;
    margin-bottom: 18px;
  }
  .supportPage .supportUsDonationInfo .socialLinks a:hover {
    background: #FF008C;
    color: #FFF;
  }
  .supportPage .supportUsCards {
    float: left;
    width: 65%;
  }
  .supportPage .supportUsCards article {
    float: left;
    width: 48%;
    margin-right: 4%;
  }
  .supportPage .supportUsCards article:nth-child(2n) {
    width: 48%;
    margin: 0;
  }
  .supportPage .supportUsCards article:nth-child(2n+1) {
    clear: left;
  }
}
@media only screen and (min-width:55em) {
  .shopListing section.listHighlights .imgCol {
    text-align: center;
  }
  .shopListing section.listHighlights .imgCol img {
    max-width: 240px;
  }
  .shopListing section.listHighlights .keyItem .imgCol img {
    max-width: 300px;
    float: right;
    margin-right: 0;
  }
}
.shopPage main article h1 {
  font-size: 23px;
  line-height: 27px;
  font-size: 2.3rem;
  line-height: 2.7rem;
}
.shopPage main article .infoCol a {
  text-decoration: none;
}
@media only screen and (min-width:55em) {
  .shopPage main article {
    padding-left: 98px;
  }
  .shopPage main article .imgCol {
    float: left;
    margin: 0 5% 36px -13%;
    width: 50%;
    max-width: 300px;
  }
  .shopPage main article .imgCol img {
    width: 100%;
  }
  .shopPage main article .infoCol {
    float: left;
    width: 58%;
  }
  .shopPage main article .bodyCol {
    float: left;
    width: 100%;
  }
  .shopPage main article .bodyCol .bodyColLinks {
    float: left;
    width: 35%;
    margin-left: -10%;
  }
  .shopPage main article .bodyCol .bodyColLinks h2:first-of-type {
    padding-top: 0;
    margin-top: 0;
  }
  .shopPage main article .bodyCol .bodyColLinks .buyNow {
    margin-bottom: 54px;
  }
  .shopPage main article .bodyCol .bodyContent {
    float: right;
    width: 70%;
    margin-left: 5%;
  }
  .shopPage main article h1,
  .shopPage main article h2,
  .shopPage main article p {
    clear: none;
  }
  .shopPage aside {
    top: 36px;
  }
}
.eventListing .date {
  border: 0;
}
@media only screen and (min-width:55em) {
  .eventListing h1.pageHeader {
    width: 100%;
  }
}
.eventPage .pastEventBadge {
  display: inline-block;
  color: #FFF;
  background-color: #FF008C;
  text-align: center;
  padding: 8px;
  font-size: 11px;
  line-height: 15px;
  font-size: 1.1rem;
  line-height: 1.5rem;
  float: right;
  text-transform: uppercase;
}
.eventPage .cost {
  margin-left: 2%;
}
@media only screen and (min-width:55em) {
  .eventPage .cost {
    margin-left: 0;
  }
}
.eventPage .bookingLink {
  width: 70%;
  margin-top: 27px;
  margin-bottom: 27px;
  margin-left: auto;
  margin-right: auto;
}
.eventPage .bookingLink .cta {
  color: #FFF;
  text-align: center;
  padding: 13px 0;
}
.eventPage .bookingLink .cta:hover {
  text-decoration: none;
}
@media only screen and (min-width:55em) {
  .eventPage .bookingLink {
    margin-left: 0;
    margin-right: 0;
  }
}
.contactPage.standalonePage main article {
  background: transparent;
}
@media only screen and (min-width:55em) {
  .contactPage.standalonePage main article {
    padding: 0;
  }
}
.homePage main > section.homeIntro,
.homePage main > section.listHighlights,
.homePage main > section.genericList {
  width: 90%;
  padding: 0 5%;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width:55em) {
  .homePage main > section.homeIntro,
  .homePage main > section.listHighlights,
  .homePage main > section.genericList {
    width: 96%;
    padding: 0 2%;
  }
}
@media only screen and (min-width:77em) {
  .homePage main > section.homeIntro,
  .homePage main > section.listHighlights,
  .homePage main > section.genericList {
    width: 80%;
    padding: 0 10%;
  }
}
.homePage .genericList h1.poemTitle {
  font-family: "merriweather";
  font-style: italic;
}
.homePage .genericList h2 {
  margin-top: 0;
  color: #a7c8d9;
}
.homePage .special-h2 {
  text-align: left;
  position: static;
  margin: 36px 0;
  border: 0;
  padding: 0;
  color: #6892b8;
}
.homePage .listHighlights {
  border-bottom: 0;
}
.homePage .listHighlights:after {
  display: block;
  content: '';
  width: 100%;
  height: 2px;
  background: #6892b8;
}
.homePage .listHighlights p {
  color: #FFF;
}
.homePage .homepagePoems {
  background: #005b90;
  position: relative;
  padding: 0 5%;
  margin-bottom: 126px;
}
.homePage .homepagePoems h1 {
  font-family: "merriweather";
  font-style: italic;
}
.homePage .homepagePoems h1 a {
  color: #FFF;
}
.homePage .homepagePoems .poemText p,
.homePage .homepagePoems .poemText div {
  color: #FFF;
  font-family: "merriweather";
}
.homePage .homepagePoems .poemText div {
  font-size: 15px;
  line-height: 24px;
  font-size: 1.5rem;
  line-height: 2.4rem;
  text-indent: -1em;
  padding-left: 1em;
}
.homePage .homepagePoems p.readmore a {
  margin-top: 18px;
  color: #a7c8d9;
  text-decoration: none;
}
.homePage .homepagePoems section {
  margin-bottom: 36px;
}
.homePage .homepagePoems .poemInfo {
  background: #6892b8;
}
.homePage .homepagePoems .poemInfo h2 {
  position: absolute;
  left: -9000px;
  top: -9000px;
}
.homePage .homepagePoems .poemInfo h3 {
  text-transform: uppercase;
  font-size: 13px;
  line-height: 18px;
  font-size: 1.3rem;
  line-height: 1.8rem;
  margin: 18px 0 0;
}
.homePage .homepagePoems .poemInfo p {
  font-size: 15px;
  line-height: 16px;
  font-size: 1.5rem;
  line-height: 1.6rem;
}
.homePage .homepagePoems .poemInfo a {
  color: #FFF;
  text-decoration: none;
}
.homePage .homepagePoems .poemInfo div {
  float: left;
}
.homePage .homepagePoems .poemInfo div.poetImg {
  width: 40%;
}
.homePage .homepagePoems .poemInfo div.poetImg img {
  width: auto;
}
.homePage .homepagePoems .poemInfo div.attribution {
  width: 50%;
  margin-left: 10%;
}
@media only screen and (min-width:55em) {
  .homePage .flexslider {
    width: 90%;
    padding: 0 5%;
    margin-left: auto;
    margin-right: auto;
  }
  .homePage .homepagePoems {
    padding: 0;
  }
  .homePage .homepagePoems .translated,
  .homePage .homepagePoems .original {
    float: left;
    width: 37%;
  }
  .homePage .homepagePoems .translated.rtl,
  .homePage .homepagePoems .original.rtl {
    width: 36%;
  }
  .homePage .homepagePoems .original {
    margin-right: 6%;
  }
  .homePage .homepagePoems .poemInfo {
    float: right;
    width: 18%;
    text-align: center;
    padding-bottom: 18px;
    padding-left: 1%;
    padding-right: 1%;
  }
  .homePage .homepagePoems .poemInfo h2 {
    position: absolute;
    left: -9000px;
    top: -9000px;
  }
  .homePage .homepagePoems .poemInfo div {
    float: none;
  }
  .homePage .homepagePoems .poemInfo div.poetImg {
    width: 100%;
  }
  .homePage .homepagePoems .poemInfo div.poetImg img {
    margin: 9px auto 0;
  }
  .homePage .homepagePoems .poemInfo div.attribution {
    width: 100%;
    margin-left: 0;
  }
}
@media only screen and (min-width:55em) and only screen and (min-width:55em) {
  .homePage .flexslider {
    width: 96%;
    padding: 0 2%;
  }
}
@media only screen and (min-width:55em) and only screen and (min-width:77em) {
  .homePage .flexslider {
    width: 80%;
    padding: 0 10%;
  }
}
.homePage main article {
  padding-left: 0;
}
.fourohfourPage main article {
  background-color: transparent;
}
.fourohfourPage main article h1,
.fourohfourPage main article h2,
.fourohfourPage main article h3,
.fourohfourPage main article p {
  color: #FFF;
}
.fourohfourPage main article a {
  color: #003058;
  background-color: #dde8ee;
  padding-left: 3px;
  padding-right: 3px;
}
.fourohfourPage main article h1 {
  font-family: merriweather;
  font-size: 45px;
  line-height: 45px;
  font-size: 4.5rem;
  line-height: 4.5rem;
  color: #FF008C;
  float: none;
}
.fourohfourPage main article h2,
.fourohfourPage main article h3 {
  margin-top: 36px;
}
@media only screen and (min-width:55em) {
  .fourohfourPage main article a:hover {
    text-decoration: none;
    color: #FF008C;
  }
}
main {
  margin-bottom: 72px;
  margin-top: 54px;
  min-height: 480px;
}
@media only screen and (min-width:55em) {
  main {
    margin-bottom: 154px;
    position: relative;
  }
  main #toggleAside {
    display: none;
  }
  main .centreCol {
    float: right;
    width: 60%;
    margin-right: 19%;
  }
  main .centreCol.centreColWide {
    margin-right: 0;
    width: 79%;
  }
}
@media only screen and (min-width:77em) {
  main .centreCol {
    width: 69%;
    margin-right: 12%;
  }
  main .centreCol.centreColWide {
    margin-right: 0;
    width: 81%;
  }
}
main .comments-trigger {
  position: relative;
  display: inline-block;
  padding: 18px;
  margin: -18px 0 0 18px;
  background-color: #bb5ea4;
  color: #FFF;
  text-transform: uppercase;
}
@media only screen and (min-width:55em) {
  main .comments-trigger {
    display: none;
  }
  main .comments-trigger:hover {
    text-decoration: none;
    cursor: pointer;
    background-color: rgba(17, 67, 98, 0.25);
  }
}
main .pageHeader {
  color: #FFF;
  width: 100%;
  font-size: 38px;
  line-height: 36px;
  font-size: 3.8rem;
  line-height: 3.6rem;
  margin-bottom: 36px;
}
main .pageHeader h1 {
  color: #FFF;
  width: 100%;
  font-size: 38px;
  line-height: 36px;
  font-size: 3.8rem;
  line-height: 3.6rem;
  display: inline-block;
  width: auto;
}
main .pageHeader p,
main .pageHeader span {
  display: inline-block;
  font-size: 38px;
  line-height: 36px;
  font-size: 3.8rem;
  line-height: 3.6rem;
  margin-bottom: 18px;
  color: #6892b8;
}
main .pageHeader p a,
main .pageHeader span a {
  color: #6892b8;
  text-decoration: none;
}
main .pageHeader p a:hover,
main .pageHeader span a:hover {
  color: #FFF;
  background: none;
  text-decoration: none;
}
main .pageHeader span {
  color: #FF008C;
  padding: 0 10px;
}
@media only screen and (min-width:55em) {
  main .pageHeader {
    width: 60%;
    margin-bottom: 72px;
    float: left;
  }
  main .pageHeader.articlesPageHeader {
    width: 40%;
  }
}
@media only screen and (min-width:55em) {
  main h1.pageHeader {
    width: 20%;
  }
}
main .homeIntro {
  margin-bottom: 36px;
}
main .homeIntro p {
  color: #a7c8d9;
  font-size: 18px;
  line-height: 26px;
  font-size: 1.8rem;
  line-height: 2.6rem;
  margin-bottom: 18px;
}
main .homeIntro p a {
  color: #e2c2da;
  text-decoration: underline;
}
main .homeIntro p a:hover {
  text-decoration: none;
}
main .homeIntro .homeDonateButton {
  display: block;
  text-align: center;
}
main .homeIntro .homeDonateButton input[type="image"] {
  max-width: 150px;
  margin: 18px 0;
}
@media only screen and (min-width:40em) {
  main .homeIntro {
    width: 100%;
    padding: 36px 0;
  }
  main .homeIntro p {
    padding-right: 40%;
  }
  main .homeIntro .homeDonateButton {
    position: absolute;
    right: 5%;
    top: 0;
  }
  main .homeIntro .homeDonateButton input[type="image"] {
    max-width: 130px;
  }
  main .homeIntro .homeDonateButton input[type="image"]:hover {
    opacity: 0.75;
  }
}
main .pageIntro {
  margin-top: 18px;
  margin-bottom: 18px;
  clear: left;
  padding-bottom: 36px;
}
main .pageIntro p {
  margin-bottom: 12px;
  font-size: 15px;
  line-height: 24px;
  font-size: 1.5rem;
  line-height: 2.4rem;
  color: #FFF;
}
main .pageIntro .openquote {
  color: #a7c8d9;
  font-size: 75px;
  line-height: 36px;
  font-size: 7.5rem;
  line-height: 3.6rem;
  display: block;
  margin-bottom: -12px;
  font-family: serif;
  font-weight: bold;
}
main .pageIntro blockquote {
  padding: 0 40px 36px 0;
}
main .pageIntro blockquote p {
  color: #a7c8d9;
  font-size: 20px;
  line-height: 27px;
  font-size: 2rem;
  line-height: 2.7rem;
  font-family: merriweather;
}
main .pageIntro blockquote p.attribution {
  text-align: right;
  font-size: 14px;
  line-height: 18px;
  font-size: 1.4rem;
  line-height: 1.8rem;
  font-family: lato;
  margin-right: -40px;
}
@media only screen and (min-width:55em) {
  main .pageIntro {
    margin-top: 0;
  }
  main .pageIntro p {
    font-size: 16px;
    line-height: 25px;
    font-size: 1.6rem;
    line-height: 2.5rem;
  }
  main .pageIntro .openquote {
    float: left;
    margin-left: -6%;
    padding-right: 1%;
    margin-bottom: -24px;
  }
  main .pageIntro blockquote {
    padding: 0 100px 36px;
  }
  main .pageIntro blockquote p {
    font-size: 22px;
    line-height: 30px;
    font-size: 2.2rem;
    line-height: 3rem;
  }
  main .pageIntro blockquote p.attribution {
    margin-right: 0;
  }
  main .pageIntro img {
    float: right;
    margin: 0 0 9px 9px;
  }
}
main h2 span.listLetter {
  text-transform: uppercase;
  font-size: 20px;
  line-height: 18px;
  font-size: 2rem;
  line-height: 1.8rem;
  font-weight: 300;
  font-family: "merriweather";
  font-style: italic;
}
main a h2 {
  color: #a7c8d9;
}
main a {
  color: #e2c2da;
}
main a:hover {
  text-decoration: none;
  background: #003058;
}
main aside a:hover {
  background: none;
}
main .cta {
  display: inline-block;
  border-radius: 3px;
  background: #003058;
  padding: 4.5px 10px;
  color: #FFF;
  text-decoration: none;
}
@media only screen and (min-width:55em) {
  main .cta:hover {
    background: #FF008C !important;
  }
}
main section.band {
  width: 100%;
  padding: 0;
}
main section article h1 {
  font-size: 24px;
  line-height: 36px;
  font-size: 2.4rem;
  line-height: 3.6rem;
  margin-bottom: 18px;
  padding-left: 0;
  text-transform: none;
}
main section .date {
  font-size: 14px;
  line-height: 18px;
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #a7c8d9;
  border-bottom: 1px solid #6892b8;
}
main section.listHighlights {
  margin-bottom: 52px;
}
main section.listHighlights article {
  padding-left: 0;
  padding-right: 0;
}
main section.listHighlights article a h1,
main section.listHighlights article a h2,
main section.listHighlights article a h3,
main section.listHighlights article a p,
main section.listHighlights article a span {
  color: #FFF;
}
main section.listHighlights article a span {
  color: #a7c8d9;
  font-size: 12px;
  line-height: 18px;
  font-size: 1.2rem;
  line-height: 1.8rem;
  text-transform: uppercase;
}
main section.listHighlights article a h1 {
  font-size: 22px;
  line-height: 26px;
  font-size: 2.2rem;
  line-height: 2.6rem;
  margin-bottom: 6px;
  font-weight: 400;
}
main section.listHighlights article a .date {
  color: #a7c8d9;
}
main section.listHighlights article a .readmore {
  color: #e2c2da;
}
main section.listHighlights article h3 {
  margin-top: 0;
  font-size: 22px;
  line-height: 27px;
  font-size: 2.2rem;
  line-height: 2.7rem;
}
main section.listHighlights article h3 a {
  color: #FFF;
}
main section.listHighlights article p.shopItemFeaturing {
  font-size: 14px;
  line-height: 18px;
  font-size: 1.4rem;
  line-height: 1.8rem;
}
main section.listHighlights article.keyItem h3 {
  font-size: 30px;
  line-height: 36px;
  font-size: 3rem;
  line-height: 3.6rem;
  font-weight: 400;
}
main section.listHighlights article.keyItem p {
  font-size: 18px;
  line-height: 27px;
  font-size: 1.8rem;
  line-height: 2.7rem;
  clear: none;
}
main section.listHighlights article.keyItem p.shopItemFeaturing {
  font-size: 14px;
  line-height: 18px;
  font-size: 1.4rem;
  line-height: 1.8rem;
}
main section.listHighlights article.keyItem a.cta {
  font-size: 15px;
  line-height: 18px;
  font-size: 1.5rem;
  line-height: 1.8rem;
}
main section.listHighlights article img {
  margin: 0 0 18px;
  width: 100%;
}
@media only screen and (min-width:55em) {
  main section.listHighlights {
    margin-bottom: 72px;
    padding-bottom: 36px;
  }
  main section.listHighlights article {
    float: left;
    width: 30.3%;
    padding: 0 3% 0 0;
  }
  main section.listHighlights article p,
  main section.listHighlights article h3 {
    padding-right: 20px;
  }
  main section.listHighlights article:first-of-type {
    width: 30%;
  }
  main section.listHighlights article:first-of-type.keyItem {
    width: 100%;
    padding: 0 0 27px;
    margin: 0 0 27px;
  }
  main section.listHighlights article:first-of-type.keyItem.keyShopItem {
    width: 70%;
    margin-left: 15%;
    margin-right: 30%;
  }
  main section.listHighlights article:first-of-type.keyItem img {
    margin: 0 20px 18px 0;
    width: 100%;
    float: left;
  }
  main section.listHighlights article:first-of-type.keyItem .imgCol {
    width: 30.3%;
    margin: 0 3% 18px 0;
    float: left;
  }
  main section.listHighlights article:first-of-type.keyItem .copyCol {
    width: 66%;
    margin: 0 0 18px 0;
    float: left;
  }
  main section.listHighlights article:first-of-type.keyItem p,
  main section.listHighlights article:first-of-type.keyItem h3 {
    padding: 0;
  }
  main section.listHighlights a:hover {
    text-decoration: none;
  }
  main section.listHighlights a:hover h1,
  main section.listHighlights a:hover p {
    color: #e2c2da;
  }
  main section.listHighlights a:hover .readmore {
    color: #FFF;
  }
}
main section.listHighlights h3 a:hover {
  color: #FF008C;
  text-decoration: none;
}
main section.listHighlights p a:hover {
  color: #FFF;
}
main section.genericList p {
  color: #FFF;
}
main section.genericList .viewAll {
  float: right;
  margin-bottom: 27px;
}
@media only screen and (min-width:55em) {
  main section.genericList .viewAll {
    margin-top: -45px;
    margin-bottom: 0;
  }
}
@media only screen and (min-width:77em) {
  main section.genericList .viewAll {
    margin-top: -72px;
  }
}
main section.genericList article {
  padding: 0 0 36px 0;
}
main section.genericList article p a {
  text-decoration: none;
}
main section.genericList article a h1,
main section.genericList article a h2,
main section.genericList article a h3,
main section.genericList article a p {
  color: #FFF;
}
main section.genericList article a .readmore {
  color: #e2c2da;
}
main section.genericList article a span {
  color: #a7c8d9;
  font-size: 12px;
  line-height: 18px;
  font-size: 1.2rem;
  line-height: 1.8rem;
  text-transform: uppercase;
}
main section.genericList article .readmore a {
  color: #e2c2da;
}
main section.genericList article address,
main section.genericList article .eventListDescription {
  display: none;
}
main section.genericList article img {
  margin-bottom: 9px;
}
main section.genericList article a {
  color: #FFF;
}
main section.genericList article h1,
main section.genericList article h3 {
  margin: 0 0 9px;
  font-size: 18px;
  line-height: 23px;
  font-size: 1.8rem;
  line-height: 2.3rem;
}
main section.genericList article .badge {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 18px;
  font-size: 1.1rem;
  line-height: 1.8rem;
  display: inline-block;
  padding: 2px;
}
main section.genericList article .badge.badgePassed {
  color: #114362;
  background-color: #a7c8d9;
}
main section.genericList article .badge.badgeForthcoming {
  color: #FFF;
  background-color: #FF008C;
}
main section.genericList.workshopList .badge {
  display: none;
}
@media only screen and (min-width:40em) {
  main section .itemsThemselves article {
    float: left;
    margin-bottom: 72px;
    width: 30%;
    margin-right: 3%;
  }
  main section .itemsThemselves article:nth-child(3n) {
    margin-right: 0;
  }
  main section .itemsThemselves article:nth-child(3n+1) {
    clear: left;
  }
  main section .itemsThemselves article a:hover h1,
  main section .itemsThemselves article a:hover h3 {
    color: #e2c2da;
  }
  main section .itemsThemselves article a:hover .readmore {
    color: #FFF;
  }
  main section .itemsThemselves article a:hover img {
    opacity: 0.8;
  }
}
@media only screen and (min-width:55em) {
  main section .itemsThemselves article {
    width: 22.75%;
  }
  main section .itemsThemselves article:nth-child(3n) {
    margin-right: 3%;
  }
  main section .itemsThemselves article:nth-child(3n+1) {
    clear: none;
  }
  main section .itemsThemselves article:nth-child(4n) {
    margin-right: 0;
  }
  main section .itemsThemselves article:nth-child(4n+1) {
    clear: left;
  }
}
@media only screen and (min-width:77em) {
  main section .itemsThemselves article {
    width: 17%;
  }
  main section .itemsThemselves article:nth-child(4n) {
    margin-right: 3%;
  }
  main section .itemsThemselves article:nth-child(5n) {
    margin-right: 0;
  }
  main section .itemsThemselves article:nth-child(4n+1) {
    clear: none;
  }
  main section .itemsThemselves article:nth-child(5n+1) {
    clear: left;
  }
}
main section.poemList h2.sectionHeader {
  border-bottom: 2px solid rgba(255, 0, 140, 0.25);
  margin-bottom: 0;
}
main section.poemList article {
  text-align: center;
  padding-bottom: 36px;
}
main section.poemList article .rtl {
  text-align: center;
  font-size: 26px;
  line-height: 27px;
  font-size: 2.6rem;
  line-height: 2.7rem;
}
main section.poemList article .tagsList li {
  float: none;
  display: inline-block;
}
main section.poemList article section {
  margin-bottom: 27px;
  width: auto;
  padding: 0;
}
main section.poemList article section.original {
  padding-left: 45px;
  padding-right: 45px;
}
main section.poemList article section.translated {
  padding-left: 45px;
  padding-right: 45px;
}
main section.poemList article section.poemInfo {
  background: rgba(17, 67, 98, 0.05);
  padding: 9px 2%;
}
main section.poemList article section.poemInfo .poetImg {
  float: left;
  margin-right: 10px;
}
main section.poemList article section.poemInfo .attribution {
  float: left;
}
main section.poemList article h1,
main section.poemList article h2,
main section.poemList article p {
  font-weight: 300;
  font-family: "Merriweather", Georgia, TimesNewRoman, "Times New Roman", Times, Baskerville, serif;
}
main section.poemList article p.readmore,
main section.poemList article p.attribution {
  font-family: 'Lato', helvetica, Arial, sans-serif;
}
main section.poemList article a h1 {
  color: #FFF;
}
main section.poemList article h1 {
  font-style: italic;
  font-size: 21px;
  line-height: 27px;
  font-size: 2.1rem;
  line-height: 2.7rem;
  float: none;
}
main section.poemList article h2 {
  font-size: 19px;
  line-height: 27px;
  font-size: 1.9rem;
  line-height: 2.7rem;
  margin-top: 0;
  color: #a7c8d9;
}
main section.poemList article .poemText p {
  font-size: 13px;
  line-height: 24px;
  font-size: 1.3rem;
  line-height: 2.4rem;
}
main section.poemList article .attribution {
  display: block;
}
main section.poemList article .attribution p {
  font-family: 'Lato', helvetica, Arial, sans-serif;
  margin: 0;
}
main section.poemList article .attribution a {
  text-decoration: none;
}
@media only screen and (min-width:55em) {
  main section.poemList article {
    width: 16%;
    padding-right: 8.33%;
    padding-left: 9%;
    float: left;
    margin-bottom: 72px;
  }
  main section.poemList article:nth-child(3n+2) {
    clear: left;
  }
  main section.poemList article:nth-child(1n+5):before {
    display: block;
    background: #0177a9;
    position: absolute;
    top: -54px;
    right: 0;
    height: 2px;
    width: 60%;
    margin: 0 20%;
  }
  main section.poemList article section {
    float: right;
  }
  main section.poemList article section.poemInfo {
    float: left;
    width: 18%;
    margin-bottom: 0;
    padding-right: 1%;
    padding-left: 1%;
  }
  main section.poemList article section.poemInfo .poetImg {
    margin-bottom: 9px;
  }
  main section.poemList article section.translated {
    float: left;
    width: 33%;
    padding-right: 2%;
    padding-left: 4%;
    border-bottom: 0;
    border-right: 1px dotted rgba(17, 67, 98, 0.25);
  }
  main section.poemList article section.original {
    float: left;
    width: 34%;
    padding-right: 2%;
    padding-left: 3%;
  }
  main section.poemList article a:hover,
  main section.poemList article a:hover h1 {
    text-decoration: none;
    color: #FF008C;
  }
}
@media only screen and (min-width:77em) {
  main section.poemList article {
    padding-right: 4.5%;
    padding-left: 4.5%;
  }
  main section.poemList article:nth-child(3n+2) {
    clear: none;
  }
  main section.poemList article:nth-child(4n+2) {
    clear: left;
  }
  main section.poemList article:nth-child(1n+5):before {
    display: none;
  }
  main section.poemList article:nth-child(1n+6):before {
    display: block;
    background: #0177a9;
    position: absolute;
    top: -54px;
    right: 0;
    height: 2px;
    width: 60%;
    margin: 0 20%;
  }
  main section.poemList article section.poemInfo {
    margin-left: 0;
    margin-bottom: 18px;
    width: 14%;
    padding-right: 3%;
    padding-left: 3%;
    float: left;
  }
  main section.poemList article section.poemInfo .poetImg {
    width: 70%;
    margin: 18px 15%;
  }
  main section.poemList article section.original {
    width: 31%;
    padding-right: 7%;
    padding-left: 2%;
  }
  main section.poemList article section.translated {
    width: 31%;
    padding-right: 2%;
    padding-left: 6%;
  }
}
main section.genericList.peopleList section {
  float: left;
  width: 100%;
  margin-bottom: 72px;
}
main section.genericList.peopleList section article {
  position: relative;
  background-color: transparent;
  text-align: center;
  padding: 0;
  margin-bottom: 30px;
}
main section.genericList.peopleList section article a {
  display: block;
  background: tranparent;
}
main section.genericList.peopleList section article a img {
  width: 100%;
}
main section.genericList.peopleList section article a p {
  margin-bottom: 0;
  padding: 4px 0 5px;
  color: #FFF;
  min-height: 36px;
}
main section.genericList.peopleList section article a:hover {
  text-decoration: none;
}
main section.genericList.peopleList section article a:hover p {
  background: #114362;
  color: #FFF;
}
main section.genericList.peopleList section article a.myVoice a {
  display: inline;
}
@media only screen and (min-width:77em) {
  main section.genericList.peopleList section.level1 article {
    width: 31%;
    margin-right: 3%;
  }
  main section.genericList.peopleList section.level1 article:nth-child(3n) {
    margin-right: 0;
  }
  main section.genericList.peopleList section.level1 article:nth-child(5n+1) {
    clear: none;
  }
}
main section.genericList.peopleList.translatorsList section.level1 article {
  width: 100%;
  position: relative;
}
main section.genericList.peopleList.translatorsList section.level1 article img {
  width: 39.2%;
  float: left;
}
main section.genericList.peopleList.translatorsList section.level1 article p {
  clear: none;
  float: left;
  width: 57%;
  position: absolute;
  bottom: 0;
  right: 0;
  text-align: left;
}
@media only screen and (min-width:55em) {
  main section.genericList.peopleList {
    float: left;
    margin-top: 54px;
  }
  main section.genericList.peopleList img {
    background: #FF008C;
  }
  main section.genericList.peopleList img:hover {
    opacity: 0.5;
  }
}
main section#commentsBlock {
  display: none;
}
main section#commentsBlock.showComments {
  display: block !important;
}
@media only screen and (min-width:55em) {
  main section#commentsBlock {
    display: block !important;
  }
}
main section.comments {
  margin-bottom: 54px;
  padding: 36px 0;
  background: #a7c8d9;
}
main section.comments h1 {
  border-color: #b291ac;
  position: static;
  width: 100%;
  margin: 18px 0 0 0;
  padding-left: 0;
  text-align: center;
  color: #114362;
}
main section.comments p.comments-message {
  padding-left: 5%;
}
main section.comments article {
  padding: 0 5% 36px 5%;
  margin: 0;
  width: 90%;
  background: none;
  border-bottom: 1px solid #6892b8;
}
main section.comments article h2 {
  font-size: 11px;
  line-height: 18px;
  font-size: 1.1rem;
  line-height: 1.8rem;
  padding-top: 0;
  color: #003058;
  text-transform: uppercase;
}
main section.comments article h2 time {
  float: right;
  display: none;
}
main section.comments article h2 span.commentCount {
  display: none;
}
main section.comments article p {
  font-family: 'Lato', helvetica, Arial, sans-serif;
  color: #114362;
}
main section.comments article p a {
  color: #003058;
}
@media only screen and (min-width:55em) {
  main section.comments {
    padding: 72px 0;
    margin-left: 14%;
    margin-top: -36px;
    position: relative;
    width: 83%;
  }
  main section.comments h1 {
    width: 75%;
    margin: 18px 0 54px 25%;
    text-align: left;
  }
  main section.comments article {
    padding: 0 5% 36px 25%;
    width: 70%;
  }
  main section.comments p.comments-message {
    padding-left: 25%;
  }
  main section.comments article p a:hover {
    background: rgba(17, 67, 98, 0.05);
  }
}
main section.pagination {
  float: left;
  width: 100%;
}
main section.pagination p {
  margin: 0 0 4px;
}
main section.pagination p.resultCount {
  float: right;
}
main section.pagination li {
  margin-right: 6px;
  float: left;
  zoom: 1;
  *display: inline;
  font-size: 15px;
  line-height: 18px;
  font-size: 1.5rem;
  line-height: 1.8rem;
}
main section.pagination li a {
  padding: 7px 9px;
  display: block;
  background: #FF008C;
  cursor: pointer;
  color: #FFF;
  border-radius: 2px;
}
main section.pagination li a:hover {
  background: #114362;
  text-decoration: none;
}
main section.pagination li.active a {
  background: #FFF;
  color: #FF008C;
}
main article {
  position: relative;
  padding: 0 0 36px;
  margin-bottom: 18px;
}
@media only screen and (min-width:55em) {
  main article {
    padding-left: 25%;
    padding-right: 8%;
  }
}
main article h1 {
  font-size: 28px;
  line-height: 36px;
  font-size: 2.8rem;
  line-height: 3.6rem;
  margin-bottom: 27px;
  clear: left;
  width: 100%;
  color: #114362;
}
main article h1 .seriesTitle {
  font-size: 14px;
  line-height: 18px;
  font-size: 1.4rem;
  line-height: 1.8rem;
  display: block;
}
main article h2 {
  font-size: 18px;
  line-height: 18px;
  font-size: 1.8rem;
  line-height: 1.8rem;
  border: 0;
}
main article.event h2 {
  padding-top: 0;
  margin-bottom: 36px;
}
main article p,
main article ul,
main article ol,
main article dl {
  margin-bottom: 18px;
  clear: left;
}
main article ol {
  list-style: lower-roman;
}
main article ul {
  list-style: disc;
}
main article ul,
main article ol {
  margin-left: 20px;
}
main article ul li,
main article ol li {
  padding-left: 10px;
}
main article .newPoem {
  display: block;
  position: absolute;
  top: -6px;
  left: -39px;
  font-size: 10px;
  line-height: 24px;
  font-size: 1rem;
  line-height: 2.4rem;
  padding: 9px;
  border-radius: 100%;
  text-transform: uppercase;
  color: #114362;
  background: rgba(17, 67, 98, 0.25);
}
main article .tagsList li {
  float: left;
  margin: 0 3px 3px 0;
  font-size: 10px;
  line-height: 18px;
  font-size: 1rem;
  line-height: 1.8rem;
}
main article .tagsList li a {
  padding: 4px 6px;
  border-radius: 2px;
  background: #003058;
  color: #FFF;
}
@media only screen and (min-width:40em) {
  main article .tagsList li a:hover {
    background: #FF008C;
    color: #FFF;
    text-decoration: none;
  }
}
main article .funderLogosSection li {
  margin: 18px 30px 36px 0;
  float: left;
  max-width: 200px;
}
main article .podcastPlayer {
  margin: 9px 0 27px;
}
main article.poem {
  font-family: "Merriweather";
  margin-bottom: 0;
  padding-top: 30px;
  padding-left: 10px;
  background: #dde8ee;
}
main article.poem h1 {
  font-style: italic;
  font-family: "Merriweather";
  color: #003058;
}
main article.poem h2 {
  color: #003058;
  font-family: "Merriweather";
  margin-bottom: 27px;
}
main article.poem p {
  color: #003058;
}
main article.poem .rtl {
  display: block;
  padding-right: 20px;
}
main article.poem .translationNotes {
  font-family: "Lato";
  padding-top: 54px;
}
main article.poem .poemBody a {
  color: #114362;
}
main article.poem .poemBody a:hover {
  color: #FFF;
}
main article.poem .poemBody div {
  font-size: 15px;
  line-height: 24px;
  font-size: 1.5rem;
  line-height: 2.4rem;
  font-family: "merriweather";
  color: #003058;
  padding-left: 20px;
  text-indent: -20px;
}
main article.poem .poemBody .rtl div {
  padding-left: 0;
  padding-right: 20px;
}
@media only screen and (min-width:55em) {
  main article.poem {
    padding-left: 30%;
    padding-top: 90px;
  }
  main article.poem div.rtl {
    padding-right: 60px;
    text-indent: -20px;
  }
}
main article.podcastsList li {
  float: left;
  border-bottom: 1px solid rgba(17, 67, 98, 0.25);
  margin-bottom: 18px;
  padding-bottom: 9px;
}
main article.podcastsList li img {
  width: 22%;
  margin-right: 3%;
  float: left;
}
main article.podcastsList li p {
  clear: none;
}
main article.publication img.publicationImg {
  float: left;
  margin: 0 18px 18px 0;
  width: 25%;
  border: 1px solid rgba(17, 67, 98, 0.05);
}
main article.publication p {
  clear: none;
}
main article.event img.eventImg {
  margin: 0 0 18px 0;
}
@media only screen and (min-width:55em) {
  main article.event img.eventImg {
    float: left;
    margin: 0 18px 18px 0;
    width: 33%;
  }
  main article.event p {
    clear: none;
  }
}
main article.profile section {
  margin-bottom: 36px;
}
main article.profile section.profilePhotos h2 {
  margin-bottom: 36px;
  border-bottom: 6px solid #b291ac;
  font-size: 13px;
  line-height: 18px;
  font-size: 1.3rem;
  line-height: 1.8rem;
  text-transform: uppercase;
  margin-right: -12%;
}
main article.profile section.poetBioPoemList {
  background-color: #FFF;
}
main article.profile section.poetBioPoemList li {
  font-size: 13px;
  line-height: 18px;
  font-size: 1.3rem;
  line-height: 1.8rem;
  padding: 4px 0 5px;
  font-family: merriweather;
  font-style: italic;
}
main article.profile section.poetBioPoemList a {
  color: #FF008C;
}
main article.profile section.poetBioPoemList h2 {
  color: #114362;
  padding-top: 0;
  font-size: 14px;
  line-height: 18px;
  font-size: 1.4rem;
  line-height: 1.8rem;
  text-transform: uppercase;
}
main article.profile img.profileImg {
  margin: 0 0 18px 0;
}
main article.profile img.profileImg.poetImg {
  float: left;
  width: 66%;
  margin: 0 0 18px -18px;
}
main article.profile p {
  clear: none;
}
main article.profile.staffBio h1 {
  font-size: 22px;
  line-height: 27px;
  font-size: 2.2rem;
  line-height: 2.7rem;
  margin-bottom: 0;
  width: auto;
  float: none;
  clear: none;
}
@media only screen and (min-width:40em) {
  main article.profile img.profileImg {
    margin-right: -130px;
    width: 40%;
    margin-left: 36px;
  }
  main article.profile img.profileImg.poets_images {
    margin-right: 0;
    width: auto;
    margin-left: 0;
    float: left;
  }
}
@media only screen and (min-width:55em) {
  main article.profile section.poetBioPoemList {
    padding: 27px 36px;
    max-width: 170px;
    right: -208px;
    position: absolute;
    top: 20px;
    z-index: 0;
  }
  main article.profile section.poetBioPoemList h2 {
    margin-top: 0;
  }
  main article.profile section.poetBioPoemList a:hover {
    background: none;
    text-decoration: underline;
    color: #114362;
  }
}
main article.contactInfo label {
  color: #FFF;
  font-size: 16px;
  line-height: 18px;
  font-size: 1.6rem;
  line-height: 1.8rem;
}
main article.contactInfo .postalInfo div {
  color: transparent;
  font-size: 14px;
  line-height: 18px;
  font-size: 1.4rem;
  line-height: 1.8rem;
}
main article.contactInfo .postalInfo div span.region {
  display: block;
}
main article.contactInfo .postalInfo div span,
main article.contactInfo .postalInfo div div {
  color: #FFF;
}
@media only screen and (min-width:55em) {
  main article.contactInfo .formSection {
    float: left;
    width: 60%;
    margin-right: 10%;
  }
  main article.contactInfo .postalInfo {
    float: left;
    width: 30%;
  }
}
main article.searchResult {
  border-bottom: 1px dotted #0177a9;
}
main article.searchResult:last-of-type {
  border: 0;
}
@media only screen and (min-width:55em) {
  main article.searchResult {
    padding: 9px 3%;
    margin-bottom: 9px;
  }
}
main article.searchResult span {
  color: #FFF;
  background: #0177a9;
  text-transform: uppercase;
  float: right;
  padding: 3px;
  border-radius: 2px;
  margin-top: -36px;
}
main article.searchResult mark {
  font-weight: 700;
  color: #003058;
  background: none;
}
main article .quotes {
  padding-top: 18px;
  margin-top: 7px;
  border-top: 2px solid rgba(255, 0, 140, 0.25);
}
main article .quotes blockquote {
  margin-bottom: 36px;
  position: relative;
}
main article .quotes blockquote .quoteMark {
  font-size: 41px;
  line-height: 18px;
  font-size: 4.1rem;
  line-height: 1.8rem;
  color: rgba(17, 67, 98, 0.25);
  position: absolute;
  top: 0;
  left: -47px;
}
main article .quotes blockquote cite {
  display: block;
  font-size: 13px;
  line-height: 18px;
  font-size: 1.3rem;
  line-height: 1.8rem;
  text-align: right;
}
main .formSection {
  margin: 18px 0 0;
}
main .formSection h3 {
  color: #FFF;
}
main .formSection form {
  margin: 18px 0;
}
main .formSection form p,
main .formSection form div {
  margin-bottom: 9px;
  float: left;
  width: 100%;
}
main .formSection form div {
  font-size: 13px;
  line-height: 18px;
  font-size: 1.3rem;
  line-height: 1.8rem;
}
main .formSection form div.indicates-required {
  font-size: 10px;
  line-height: 18px;
  font-size: 1rem;
  line-height: 1.8rem;
}
main .formSection form .asterisk {
  color: #FF008C;
  font-size: 22px;
  line-height: 9px;
  font-size: 2.2rem;
  line-height: 0.9rem;
}
main .formSection form input,
main .formSection form textarea {
  width: 100%;
  border: 0;
  color: #114362;
  float: left;
  background-color: #dde8ee;
  font-family: 'Lato', helvetica, Arial, sans-serif;
  transition: box-shadow 0.17s ease;
}
main .formSection form input:focus,
main .formSection form textarea:focus {
  background-color: #FFF;
  box-shadow: #bb5ea4 5px 5px 0;
}
main .formSection form select {
  font-size: 1.6em;
  font-family: 'Lato';
  font-weight: 100;
}
main .formSection form label {
  display: block;
  float: left;
  clear: left;
  width: 100%;
}
main .formSection form label.checkbox {
  width: 100%;
}
main .formSection form label.checkbox input {
  width: auto;
  margin-top: 5px;
  margin-right: 9px;
}
main .formSection form button,
main .formSection form input[type="submit"] {
  float: right;
  border: 0;
  background-image: linear-gradient(-180deg, #62CAA6 0%, #4A977C 100%);
  color: #FFF;
  text-align: center;
  font-family: 'Lato';
  font-size: 16px;
  line-height: 24px;
  font-size: 1.6rem;
  line-height: 2.4rem;
  padding: 8px 28px 7px;
  border-radius: 4px;
  position: relative;
}
main .formSection form button:hover,
main .formSection form input[type="submit"]:hover,
main .formSection form button:focus,
main .formSection form input[type="submit"]:focus {
  background-image: linear-gradient(-180deg, #5CD7AC 0%, #4EB38F 100%) !important;
  color: #fff !important;
}
main .formSection form button:focus,
main .formSection form input[type="submit"]:focus {
  box-shadow: none;
}
main .formSection form button:active,
main .formSection form input[type="submit"]:active {
  box-shadow: inset rgba(0, 0, 0, 0.25) 0 1px 2px 0;
  border: 0;
  background-image: linear-gradient(-180deg, #5CD7AC 0%, #4EB38F 100%);
  top: 1px;
}
main .formSection.commentsSection {
  margin: 36px 5%;
  padding: 36px 5% 54px;
  background: #FFF;
}
main .formSection.commentsSection h3 {
  color: #114362;
}
@media only screen and (min-width:40em) {
  main .formSection form p,
  main .formSection form div,
  main .formSection form input,
  main .formSection form textarea {
    font-size: 14px;
    line-height: 18px;
    font-size: 1.4rem;
    line-height: 1.8rem;
  }
  main .formSection form p,
  main .formSection form div {
    margin-bottom: 18px;
  }
  main .formSection form select {
    font-size: 1.3em;
  }
  main .formSection form label {
    padding: 7px 0;
    border-top: 1px dotted #6892b8;
    width: 35%;
  }
  main .formSection form label.checkbox {
    border: 0;
    width: 65%;
    padding-left: 35%;
  }
  main .formSection form textarea {
    width: 65%;
  }
  main .formSection form input {
    width: 65%;
    padding-top: 7px;
    padding-bottom: 7px;
    min-height: 33px;
  }
  main .formSection form input[type="submit"] {
    width: auto;
  }
  main .formSection form button:hover,
  main .formSection form input[type="submit"]:hover {
    background: #FFF;
    color: #FF008C;
  }
  main .formSection.commentsSection {
    width: 90%;
    margin-left: -60px;
  }
}
@media only screen and (min-width:55em) {
  main .formSection form label {
    width: 30%;
  }
  main .formSection form label.checkbox {
    padding-left: 30%;
  }
  main .formSection form input,
  main .formSection form textarea {
    width: 70%;
  }
}
main #mc-embedded-subscribe-form .indicates-required {
  color: #FFF;
}
main #mc-embedded-subscribe-form label,
main #mc-embedded-subscribe-form .input-group strong {
  text-align: left;
  color: #FFF;
}
main #mc-embedded-subscribe-form .input-group strong {
  font-weight: 200;
  padding: 7px 0;
  border-top: 1px dotted #6892b8;
  width: 35%;
}
main #mc-embedded-subscribe-form .input-group ul li {
  display: inline-block;
  width: 100%;
  margin: 3px 0;
}
main #mc-embedded-subscribe-form .input-group ul input {
  width: 15%;
  margin-top: 7px;
}
main #mc-embedded-subscribe-form .input-group ul label {
  border: 0;
  clear: none;
  padding: 0;
  width: 85%;
  font-size: 13px;
  line-height: 18px;
  font-size: 1.3rem;
  line-height: 1.8rem;
}
@media only screen and (min-width:40em) {
  main #mc-embedded-subscribe-form .input-group strong {
    display: block;
    float: left;
    clear: left;
    width: 100%;
  }
  main #mc-embedded-subscribe-form .input-group ul input {
    width: auto;
    margin-top: -7px;
    margin-right: 15px;
  }
}
@media only screen and (min-width:55em) {
  main #mc-embedded-subscribe-form .input-group strong {
    width: 30%;
  }
  main #mc-embedded-subscribe-form .input-group ul {
    width: 67%;
    margin-left: 3%;
    float: left;
  }
  main #mc-embedded-subscribe-form .input-group ul input {
    margin-top: 0;
  }
}
main .visitingAddress {
  font-size: 15px;
  line-height: 24px;
  font-size: 1.5rem;
  line-height: 2.4rem;
  color: #003058;
}
main .visitingAddress div,
main .visitingAddress span {
  display: block;
}
main .visitingLink {
  display: block;
  padding: 18px;
  background: #e2c2da;
  color: #114362;
  font-size: 20px;
  line-height: 25px;
  font-size: 2rem;
  line-height: 2.5rem;
  font-weight: 400;
  text-align: center;
  border-radius: 3px;
}
main .visitingLink span {
  display: block;
  font-weight: 100;
  font-size: 15px;
  line-height: 18px;
  font-size: 1.5rem;
  line-height: 1.8rem;
}
@media only screen and (min-width:55em) {
  main .visitingLink {
    position: absolute;
    right: 0;
  }
  main .visitingLink:hover {
    background: #bb5ea4;
    color: #FFF;
  }
}
section.donateSection {
  background: #bb5ea4;
  padding: 36px 0 60px;
  margin: -90px 0 0;
}
section.donateSection h1,
section.donateSection h2,
section.donateSection p,
section.donateSection a {
  color: #FFF;
}
section.donateSection h1,
section.donateSection h2 {
  font-family: "merriweather";
}
section.donateSection span.paypalCustom input[type="image"] {
  max-width: 160px;
  margin: 54px 0 36px;
}
section.donateSection .donateActions {
  text-align: center;
}
@media only screen and (min-width:55em) {
  section.donateSection {
    padding: 65px 0 80px;
    margin: -140px 0 120px;
  }
  section.donateSection a:hover {
    text-decoration: none;
  }
  section.donateSection span.paypalCustom input[type="image"]:hover {
    opacity: 0.75;
  }
  section.donateSection .donateMessage {
    float: left;
    width: 50%;
    padding-right: 20%;
  }
  section.donateSection .donateActions {
    float: left;
    width: 30%;
    text-align: left;
  }
}
.shopListing main h1.pageHeader,
.withFullWidthHeader main h1.pageHeader {
  width: auto;
}
footer {
  width: 100%;
  padding-bottom: 11px;
  background: #003058;
  position: relative;
}
footer section {
  padding-top: 36px;
  padding-bottom: 45px;
  padding-left: 4%;
  padding-right: 4%;
  width: 92%;
  text-align: center;
}
@media only screen and (min-width:55em) {
  footer section {
    float: left;
    padding-right: 0;
    padding-left: 0;
    text-align: left;
  }
}
footer section.featuredTags {
  background-color: #005b90;
  padding-bottom: 72px;
}
footer section.featuredTags h2 {
  font-size: 14px;
  line-height: 18px;
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #a7c8d9;
  text-transform: uppercase;
  margin-top: 9px;
  margin-bottom: 9px;
}
footer section.featuredTags li {
  display: inline-block;
  margin-right: 5px;
}
footer section.featuredTags a {
  font-size: 19px;
  line-height: 36px;
  font-size: 1.9rem;
  line-height: 3.6rem;
  color: #FFF;
  font-family: merriweather;
  font-style: italic;
}
footer section.featuredTags a:after {
  content: ",";
  color: #FFF;
  font-style: normal;
}
footer section.featuredTags li:last-child a:after {
  content: "";
}
@media only screen and (min-width:55em) {
  footer section.featuredTags {
    width: 20%;
    margin-top: -54px;
    text-align: left;
    margin-left: 13%;
    padding-left: 2%;
  }
  footer section.featuredTags li {
    display: block;
    margin-right: 0;
  }
  footer section.featuredTags a {
    font-size: 14px;
    line-height: 27px;
    font-size: 1.4rem;
    line-height: 2.7rem;
  }
  footer section.featuredTags a:hover {
    background: #114362;
  }
  footer section.featuredTags a:after {
    content: "";
  }
}
footer section.footerLinks {
  background-color: #6892b8;
}
footer section.footerLinks a.footerButton {
  display: inline-block;
  background: #D9EBEA;
  color: #114362;
  font-size: 18px;
  line-height: 36px;
  font-size: 1.8rem;
  line-height: 3.6rem;
  margin-right: 10px;
  text-align: center;
  padding: 6px 14px;
  border-radius: 2px;
}
footer section.footerLinks a.footerButton.donateButton {
  margin-bottom: 5px;
}
footer section.footerLinks a.footerButton i.fa {
  margin-left: 6px;
  font-size: 18px;
}
footer section.footerLinks .socialLinks {
  margin-left: 5%;
  margin-right: 5%;
  margin-bottom: 18px;
  float: left;
  width: 90%;
  text-align: center;
}
footer section.footerLinks .socialLinks li {
  display: inline-block;
}
footer section.footerLinks .socialLinks a {
  font-size: 26px;
  line-height: 32px;
  font-size: 2.6rem;
  line-height: 3.2rem;
  float: left;
  display: block;
  width: 36px;
  margin: 5px 3px 0;
  padding: 5px;
  text-align: center;
  color: #a7c8d9;
  background: #0177a9;
  border-radius: 100%;
  height: 36px;
}
@media only screen and (min-width:55em) {
  footer section.footerLinks {
    width: 32%;
    padding-left: 2%;
    margin-top: -45px;
    padding-top: 18px;
    padding-bottom: 18px;
  }
  footer section.footerLinks a.footerButton {
    font-size: 16px;
    line-height: 36px;
    font-size: 1.6rem;
    line-height: 3.6rem;
  }
  footer section.footerLinks a.footerButton:hover {
    background: #FFF;
    color: #FF008C;
  }
  footer section.footerLinks a.footerButton.mailingListButton {
    float: left;
    margin-right: 14px;
    padding: 6px 12px;
  }
  footer section.footerLinks .socialLinks {
    text-align: left;
    margin-left: 0;
  }
  footer section.footerLinks .socialLinks a:hover {
    background: #FF008C;
    color: #FFF;
  }
}
footer section.footerFunders {
  margin: 0 auto;
  padding-top: 36px;
  padding-bottom: 72px;
}
footer section.footerFunders a {
  display: inline-block;
  margin: 0 0 36px;
  max-width: 200px;
}
@media only screen and (min-width:40em) {
  footer section.footerFunders a {
    margin-right: 20px;
  }
  footer section.footerFunders a:last-child {
    margin-right: 0;
  }
}
@media only screen and (min-width:55em) {
  footer section.footerFunders {
    text-align: right;
    padding-top: 0;
  }
}
footer nav.footerNav {
  background-color: #0177a9;
  padding: 36px 4% 45px;
  width: 92%;
  margin-top: -24px;
}
footer nav.footerNav ul {
  border: 0;
}
footer nav.footerNav ul li {
  font-size: 18px;
  line-height: 36px;
  font-size: 1.8rem;
  line-height: 3.6rem;
  text-align: center;
}
footer nav.footerNav ul li a {
  color: #FFF;
}
@media only screen and (min-width:40em) {
  footer nav.footerNav ul {
    text-align: center;
  }
  footer nav.footerNav ul li {
    display: inline-block;
    margin-right: 60px;
  }
  footer nav.footerNav ul li:last-child {
    margin-right: 0;
  }
}
@media only screen and (min-width:55em) {
  footer nav.footerNav {
    float: left;
    width: 14%;
    padding-left: 2%;
    padding-right: 2%;
  }
  footer nav.footerNav ul li {
    display: block;
    margin-right: 0;
    font-size: 14px;
    line-height: 27px;
    font-size: 1.4rem;
    line-height: 2.7rem;
    text-align: left;
  }
}
footer p.copyright {
  text-align: center;
  font-size: 11px;
  line-height: 18px;
  font-size: 1.1rem;
  line-height: 1.8rem;
  color: #FFF;
  opacity: 0.75;
}
@media only screen and (min-width:55em) {
  footer p.copyright {
    float: right;
    padding-right: 4%;
  }
}
.flex-container a:hover,
.flex-slider a:hover {
  outline: none;
}
.slides,
.slides > li,
.flex-control-nav,
.flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}
.flexslider {
  margin: 0;
  padding: 0;
}
.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
}
.flexslider .slides img {
  width: 100%;
  display: block;
}
.flexslider .slides:after {
  content: "\0020";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
html[xmlns] .flexslider .slides {
  display: block;
}
* html .flexslider .slides {
  height: 1%;
}
.no-js .flexslider .slides > li:first-child {
  display: block;
}
.flexslider {
  position: relative;
  zoom: 1;
}
.flexslider .slides {
  zoom: 1;
}
.flexslider .slides img {
  height: auto;
  -moz-user-select: none;
}
.flex-viewport {
  transition: all 1s ease-in-out ease;
}
.carousel li {
  margin-right: 5px;
}
.flex-direction-nav {
  *height: 0;
}
.flex-direction-nav a {
  text-decoration: none;
  display: block;
  position: absolute;
  z-index: 10;
  overflow: hidden;
  opacity: 0.6;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.flex-direction-nav a:before {
  display: inline-block;
}
.flex-direction-nav .flex-prev {
  left: -50px;
}
.flex-direction-nav .flex-next {
  right: -50px;
  text-align: right;
}
.flex-direction-nav .flexslider:hover .flex-prev {
  opacity: 0.7;
  left: 10px;
}
.flex-direction-nav .flexslider:hover .flex-prev:hover {
  opacity: 1;
}
.flex-direction-nav .flexslider:hover .flex-next {
  opacity: 0.7;
  right: 10px;
}
.flex-direction-nav .flexslider:hover .flex-next:hover {
  opacity: 1;
}
.flex-direction-nav .flex-disabled {
  opacity: 0!important;
  filter: alpha(opacity=0);
  cursor: default;
  z-index: -1;
}
.flex-pauseplay a {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 5px;
  left: 10px;
  opacity: 0.8;
  z-index: 10;
  overflow: hidden;
  cursor: pointer;
}
.flex-pauseplay a:before {
  display: inline-block;
}
.flex-pauseplay a:hover {
  opacity: 1;
}
.flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: -40px;
  text-align: center;
}
.flex-control-nav li {
  margin: 0 6px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.flex-control-paging li a {
  width: 11px;
  height: 11px;
  display: block;
  cursor: pointer;
  text-indent: -9999px;
}
.flex-control-paging li a.flex-active {
  cursor: default;
}
.flex-control-thumbs {
  position: static;
  overflow: hidden;
}
.flex-control-thumbs li {
  width: 25%;
  float: left;
  margin: 0;
}
.flex-control-thumbs img {
  width: 100%;
  height: auto;
  display: block;
  opacity: 0.7;
  cursor: pointer;
  -moz-user-select: none;
  transition: all 0.2s ease;
}
.flex-control-thumbs img:hover {
  opacity: 1;
}
.flex-control-thumbs .flex-active {
  opacity: 1;
  cursor: default;
}
.flexslider .slides img.originalPoemImg {
  display: block;
  margin-left: 0;
  margin-right: 0;
}
.flex-direction-nav li {
  font-size: 10px;
  line-height: 40px;
  font-size: 1rem;
  line-height: 4rem;
  font-weight: 400;
  text-align: center;
}
.flex-direction-nav li a {
  text-decoration: none;
  font-size: 30px;
  line-height: 36px;
  font-size: 3rem;
  line-height: 3.6rem;
  display: block;
  margin: 0 0;
  position: absolute;
  bottom: -45px;
  z-index: 10;
  overflow: hidden;
  opacity: 0;
  cursor: pointer;
  color: #FFF;
  transition: all 0.2s ease;
}
.flex-direction-nav li a span {
  position: absolute;
  left: -9000px;
  top: -9000px;
}
.flex-control-nav {
  text-align: center;
  position: absolute;
  bottom: -36px;
  left: 10%;
  width: 80%;
}
.flex-control-nav li {
  margin-left: 6px;
  margin-bottom: 6px;
  display: inline-block;
  position: relative;
  zoom: 1;
  *display: inline;
}
.flex-control-nav li a {
  display: block;
  background: #FFF;
  cursor: pointer;
  color: #FFF;
  border-radius: 100%;
  width: 10px;
  height: 10px;
}
.flex-control-nav li a:hover {
  background: #6892b8;
  color: #6892b8;
  text-decoration: none;
}
.flex-control-nav li .flex-active {
  background-color: #FF008C;
  color: #FF008C;
}
article .flex-control-nav li {
  font-size: 10px;
  line-height: 10px;
  font-size: 1rem;
  line-height: 1rem;
}
.flexslider .slides .poetImg img {
  margin: 0;
}
.flexslider article {
  padding: 0 2px;
  margin: 0;
  background: transparent;
}
.homePage .slider .flex-direction-nav a {
  opacity: 0.7;
}
.homePage .slider .flex-direction-nav a:hover {
  opacity: 1;
}
.homePage .slider .flex-direction-nav .flex-prev {
  left: 10%;
  float: left;
}
.homePage .slider .flex-direction-nav .flex-next {
  right: 10%;
  float: right;
}
@media only screen and (min-width:55em) {
  .homePage .slider .flex-direction-nav {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
  }
}
main article.poemModal {
  padding: 0;
  margin: 0;
  background: transparent;
}
main article.poemModal h1 {
  color: #FFF;
  font-family: "merriweather";
  font-style: italic;
}
main article.poemModal h2 {
  padding-left: 0;
}
main article.poemModal.listModal {
  margin: 0 0 0 0;
  width: 93%;
}
@media only screen and (min-width:40em) {
  main article.poemModal.listModal {
    margin: 0 0 0 -50%;
    width: 150%;
  }
}
main article.poemModal.audioModal,
main article.poemModal.videoModal {
  text-align: center;
}
main article.poemModal.videoModal {
  margin: 0 0 0 -25%;
  width: 150%;
}
@media only screen and (min-width:40em) {
  main article.poemModal.videoModal {
    margin: 0;
    width: auto;
  }
}
main article.poemModal .modal_close {
  position: absolute;
  right: 0;
  top: 0;
  font-weight: bold;
  background: #0177a9;
  padding: 2px 4px;
  border-radius: 2px;
  cursor: pointer;
}
main article.poemModal .modal_close:hover {
  background: #FFF;
}
main article.poemModal .embed-container {
  margin-top: 36px;
}
@media only screen and (min-width:40em) {
  main article.poemModal.videoModal .embed-container {
    min-width: 500px;
  }
}
.video-responsive {
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
  height: 0;
}
.video-responsive iframe {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  position: absolute;
}
.singlePage aside section.poemCTAs .poemModal a,
.singlePage aside div.poemCTAs .poemModal a {
  text-transform: none;
}
.singlePage aside section.poemCTAs .poemModal ul,
.singlePage aside div.poemCTAs .poemModal ul {
  margin: 0;
  padding: 0;
  width: 100%;
}
#lean_overlay {
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: #114362;
  display: none;
}
.modal h1 {
  color: #6892b8;
  font-size: 18px;
  line-height: 18px;
  font-size: 1.8rem;
  line-height: 1.8rem;
}
.modal .modalLogo {
  position: absolute;
  top: 0;
  right: 0;
}
@media only screen and (min-width:55em) {
  .modal h1 {
    padding-left: 25%;
    padding-top: 90px;
  }
  .modal .modalLogo {
    float: right;
    top: -54px;
  }
}
/* additions for bodybuilder */
.highlighted {
  background: #9d0056;
}
.highlighted a {
  color: #fff !important;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 14px;
  line-height: 16px;
}
.personCard {
  border-left: 4px solid #6892b8;
  padding-left: 20px;
  margin-top: 36px;
}
.personCard:last-child {
  margin-bottom: 40px;
}
.personCard img {
  margin: 0 0 20px 20px;
  float: right;
  border: 1px solid rgba(255, 255, 255, 0.96);
  border-radius: 4px;
}
.personCard p {
  clear: none;
}
.personCard p:last-child {
  margin-bottom: 0;
}
.personCard h3 {
  margin-top: 0;
}
.personCard .sub {
  margin-top: 0;
  color: #114362;
  margin-bottom: 36px;
  font-size: 27px;
}
.rte-img-chosen {
  margin-bottom: 18px;
}
.fixed {
  position: fixed!important;
}
#mainAside {
  transition: opacity 0.2s ease-out;
}
#mainAside.fixed {
  top: 100px!important;
}
#mainAside.gone {
  opacity: 0;
}
.jumpNav a {
  outline: 0;
}
html {
  scroll-behavior: smooth;
}
@media screen and (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}
@media only screen and (min-width:55em) {
  .withJumpNav {
    /* need some breathing space at the bottom to allow for jumpnav arrow */
    padding-bottom: 120px;
  }
}
.button,
a.button {
  background-image: linear-gradient(-180deg, #62CAA6 0%, #4A977C 100%);
  border-radius: 5px;
  border: 0;
  display: inline-block;
  color: #fff !important;
  font-weight: bold;
  text-align: center;
  padding: 12px 40px 15px;
  min-width: 132px;
  text-shadow: 0 0 3px rgba(0, 0, 0, 0.22);
  cursor: pointer;
  line-height: 1.4285;
  text-transform: uppercase;
  position: relative;
  overflow: hidden;
  box-shadow: inset rgba(0, 0, 0, 0.25) 0 1px 2px 0;
}
.button:hover,
a.button:hover,
.button:focus,
a.button:focus {
  background-image: linear-gradient(-180deg, #5CD7AC 0%, #4EB38F 100%);
}
.button:focus,
a.button:focus {
  box-shadow: none;
}
.button:active,
a.button:active {
  box-shadow: inset rgba(0, 0, 0, 0.25) 0 1px 2px 0;
  border: 0;
  background-image: linear-gradient(-180deg, #5CD7AC 0%, #4EB38F 100%);
  top: 1px;
}