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

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

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

/* @end */
a {
  text-decoration: none;
}

/*FONTS*/
@font-face {
  -moz-osx-font-smoothing: grayscale;
}

@font-face {
  font-family: 'griffosSC';
  src: url("../fonts/griffosscapsfont-webfont.ttf") format("ttf"), url("../fonts/griffosscapsfont-webfont.woff2") format("woff2"), url("../fonts/griffosscapsfont-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'griffos';
  src: url("../fonts/griffosfont-webfont.ttf") format("ttf"), url("../fonts/griffosfont-webfont.woff2") format("woff2"), url("../fonts/griffosfont-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'lato';
  src: url("../fonts/Lato-Regular-webfont.eot");
  src: url("../fonts/Lato-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Lato-Regular-webfont.woff2") format("woff2"), url("../fonts/Lato-Regular-webfont.woff") format("woff"), url("../fonts/Lato-Regular-webfont.ttf") format("truetype"), url("../fonts/Lato-Regular-webfont.svg#latoregular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'lato';
  src: url("../fonts/Lato-Italic-webfont.eot");
  src: url("../fonts/Lato-Italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Lato-Italic-webfont.woff2") format("woff2"), url("../fonts/Lato-Italic-webfont.woff") format("woff"), url("../fonts/Lato-Italic-webfont.ttf") format("truetype"), url("../fonts/Lato-Italic-webfont.svg#latoitalic") format("svg");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'lato';
  src: url("../fonts/Lato-BoldItalic-webfont.eot");
  src: url("../fonts/Lato-BoldItalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Lato-BoldItalic-webfont.woff2") format("woff2"), url("../fonts/Lato-BoldItalic-webfont.woff") format("woff"), url("../fonts/Lato-BoldItalic-webfont.ttf") format("truetype"), url("../fonts/Lato-BoldItalic-webfont.svg#latobold_italic") format("svg");
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: 'lato';
  src: url("../fonts/Lato-Bold-webfont.eot");
  src: url("../fonts/Lato-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Lato-Bold-webfont.woff2") format("woff2"), url("../fonts/Lato-Bold-webfont.woff") format("woff"), url("../fonts/Lato-Bold-webfont.ttf") format("truetype"), url("../fonts/Lato-Bold-webfont.svg#latobold") format("svg");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'merriweather';
  src: url("../fonts/Merriweather-Regular-webfont.eot");
  src: url("../fonts/Merriweather-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Merriweather-Regular-webfont.woff2") format("woff2"), url("../fonts/Merriweather-Regular-webfont.woff") format("woff"), url("../fonts/Merriweather-Regular-webfont.ttf") format("truetype"), url("../fonts/Merriweather-Regular-webfont.svg#merriweatherregular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'merriweather';
  src: url("../fonts/Merriweather-Italic-webfont.eot");
  src: url("../fonts/Merriweather-Italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Merriweather-Italic-webfont.woff2") format("woff2"), url("../fonts/Merriweather-Italic-webfont.woff") format("woff"), url("../fonts/Merriweather-Italic-webfont.ttf") format("truetype"), url("../fonts/Merriweather-Italic-webfont.svg#merriweatheritalic") format("svg");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'merriweather';
  src: url("../fonts/Merriweather-BoldItalic-webfont.eot");
  src: url("../fonts/Merriweather-BoldItalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Merriweather-BoldItalic-webfont.woff2") format("woff2"), url("../fonts/Merriweather-BoldItalic-webfont.woff") format("woff"), url("../fonts/Merriweather-BoldItalic-webfont.ttf") format("truetype"), url("../fonts/Merriweather-BoldItalic-webfont.svg#merriweatherbold_italic") format("svg");
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: 'merriweather';
  src: url("../fonts/Merriweather-Bold-webfont.eot");
  src: url("../fonts/Merriweather-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Merriweather-Bold-webfont.woff2") format("woff2"), url("../fonts/Merriweather-Bold-webfont.woff") format("woff"), url("../fonts/Merriweather-Bold-webfont.ttf") format("truetype"), url("../fonts/Merriweather-Bold-webfont.svg#merriweatherbold") format("svg");
  font-weight: bold;
  font-style: normal;
}

/*End Fonts */
/*!
 * Font Awesome Free 5.4.1 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
@font-face {
  font-family: 'fontawesome';
  /*'Font Awesome 5 Free'*/
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/webfonts/fa-solid-900.eot");
  src: url("../fonts/webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../fonts/webfonts/fa-solid-900.woff2") format("woff2"), url("../fonts/webfonts/fa-solid-900.woff") format("woff"), url("../fonts/webfonts/fa-solid-900.ttf") format("truetype"), url("../fonts/webfonts/fa-solid-900.svg#fontawesome") format("svg");
}

.fa,
.fas {
  font-family: 'fontawesome';
  /*'Font Awesome 5 Free'*/
  font-weight: 900;
}

.black {
  color: black !important;
}

div.audio {
  margin: 0 0 1rem 0;
  width: 100%;
  text-align: center;
}

audio {
  width: 100%;
}

.center {
  text-align: center;
  margin: inherit auto;
}

hr.style-two {
  display: block;
  border: 0;
  height: 1px;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
  width: 50vw;
  margin: 1rem auto 3rem auto;
}

hr.style-three {
  display: block;
  border: 0;
  height: 1px;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
  width: 50vw;
  margin: .2em auto;
}

hr.style-two-pagetitle {
  display: block;
  border: 0;
  height: 1px;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
  width: 50vw;
  margin: -38px auto 3rem auto;
}

hr.hardline {
  display: block;
  border: 0;
  height: 1px;
  background-color: black;
  width: 60%;
  margin: 5vw auto 5vw auto;
}

.contentwrap {
  padding: 0 0 5vw 0;
  margin: 0;
  background-color: #fff;
}

.contentwrap section {
  font-family: "merriweather", georgia, serif;
  font-size: 1rem;
  line-height: 1.5em;
  padding: 0 5vw;
  text-align: left;
}

.contentwrap section.full-viewport-width {
  padding-left: 0;
  padding-right: 0;
  margin-top: 0rem;
  margin-bottom: 5vw;
}

.contentwrap section.padding-top {
  margin-top: 10vw;
}

.contentwrap section.zero-bottom-margin {
  margin-bottom: 0;
}

.contentwrap h1:first-child {
  margin-top: 5vw;
}

.contentwrap section + h1 {
  margin-bottom: 0;
}

.contentwrap section > div[class*="img"] + h2, h1 {
  margin-top: 0;
}

.contentwrap section div.homepage-donate {
  border: 1px solid gray;
}

.contentwrap p {
  margin: 0 0 1rem 0;
}

.contentwrap section p:last-child {
  margin-bottom: 0;
}

.contentwrap li {
  margin: 0 0 .75em 0;
}

.contentwrap ul li:last-child, .contentwrap ol li:last-child {
  margin-bottom: 0;
}

.contentwrap ul.list, ol.list {
  margin: 15px 0 1rem 15px;
  list-style-type: square;
  list-style-position: outside;
}

.contentwrap ul.list, ol.list {
  margin-bottom: 1rem;
}

h1 {
  font-family: 'rochester', serif;
  font-size: 3rem;
  line-height: 1em;
}

.contentwrap > h1.pagetitle {
  margin: 7vw 5vw 4vw 5vw;
  text-align: center;
  font-family: griffosSC;
  letter-spacing: .05px;
  line-height: .9em;
}

.contentwrap section h1 + h2 {
  margin-top: 0;
}

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

h2 {
  font-family: 'lato', sans-serif;
  font-size: 1.25rem;
  line-height: 1.2em;
  text-transform: uppercase;
  letter-spacing: .05em;
}

.contentwrap h2 {
  margin: 1.5rem 0 1rem 0;
  font-weight: bold;
  text-align: left;
  color: #561091;
}

section + h2 {
  margin-top: 0;
}

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

.contentwrap h1.withsubtitle {
  margin-bottom: 0;
}

.contentwrap h2.subtitle {
  margin-top: .5rem;
  margin-bottom: 2rem !important;
  margin-left: 5vw;
  margin-right: 5vw;
}

h3 {
  font-family: "lato", sans-serif;
  font-size: 1rem;
  margin: 1.15rem 0 .90rem 0;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: bold;
}

h3.subtitle {
  margin-top: 0;
}

a.green {
  background-color: #006b3f;
}

a.green:hover {
  background-color: #005230;
}

.contentwrap a {
  color: #006b3f;
  text-decoration: underline;
}

.contentwrap a:hover {
  color: #003821;
}

.cluster-heading {
  font-family: "lato", sans-serif;
  font-weight: bold;
  font-size: 1rem;
  color: #006b3f;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 0 0 3px 0;
  padding: 0;
  display: block;
  line-height: 1.4em;
}

p.cluster-heading {
  margin-bottom: 3px;
}

.cluster-p {
  margin: 0;
  display: block;
}

p.cluster-follows-p {
  margin-bottom: .75rem !important;
}

div.img-w-caption {
  display: table;
  font-family: "Lato", sans-serif;
  font-size: 14px;
  font-weight: bold;
  text-align: left;
  padding: 6px 0 0 0;
  max-width: 100%;
}

.img-w-caption > img {
  border: 1px solid black;
  max-width: 100%;
}

.right {
  float: right;
  margin: 1px 0  0 20px;
}

.right:after {
  content: "";
  display: table;
  clear: both;
}

.left {
  float: left;
  margin: 1px 20px 15px 0px;
}

.left:after {
  content: "";
  display: table;
  clear: both;
}

.imgcenter {
  float: none;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
}

[class*='img']:after {
  content: "";
  display: table;
  clear: both;
}

.noborder {
  border: none !important;
  border: 0px !important;
}

.caption {
  display: table-caption;
  caption-side: bottom;
  margin: 3px 0 1em 0;
  line-height: 1.3em;
}

.caption-cupid-video {
  font-family: "Lato", sans-serif;
  font-size: 14px;
  font-weight: bold;
  text-align: left;
  padding: 6px 0 0 0;
}

.to-top-of-page {
  display: block;
  width: 150px;
  margin: 1rem auto 5vw auto;
  text-align: center;
  color: black;
  font-size: 14px;
  font-family: "Lato", sans-serif;
  text-decoration: none;
  border-bottom: none;
  opacity: 0.4;
  filter: alpha(opacity=40);
  /* For IE8 and earlier */
  -webkit-transition: all .5 ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}

.to-top-of-page:hover {
  text-decoration: none;
  border-bottom: none;
  opacity: 1.0;
  filter: alpha(opacity=100);
  /* For IE8 and earlier */
}

.smallprint {
  display: block;
  font-size: .9em;
  font-family: "Lato", sans-serif;
  margin-top: 45px;
  color: gray;
}

.footnote {
  display: block;
  font-size: .9em;
  font-family: "merriweather", "georgia", serif;
  line-height: 1.5em;
}

.footnote > a:first-of-type {
  color: black;
  font-weight: bold;
  border-bottom: 1px dotted #666666;
}

.footnote > a:first-of-type:hover {
  color: #666666;
  border-bottom: 1px dotted black;
}

ul.donations li {
  margin: 0 0 .75rem 0 !important;
}

section.wedding-payment-section {
  width: 18em;
  max-width: 100%;
  border-top: 1px solid #ccc;
  margin: 1rem 5vw 0 5vw;
  padding: 1rem 0 0 0;
}

section.wedding-payment-section:last-of-type {
  border-bottom: 1px solid #ccc;
  margin: 1rem 5vw 0 5vw;
  padding: 1rem 0 .25rem 0;
}

.list-matrix td {
  padding: 0 30px 10px 30px;
  border-right: 1px dotted #ddd;
  margin: 0 30px 0px 30px;
}

.list-matrix a {
  margin-bottom: 0;
  padding-bottom: 0;
}

.list-matrix tr > td:first-child {
  margin-left: 0px;
  padding-left: 0px;
}

.map {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
  margin: 15px auto 30px auto;
  border: 1px solid black;
}

.table {
  display: table;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
}

.row {
  display: table-row;
}

.cell {
  display: table-cell;
  width: 45%;
  padding: 0 15px 0 0;
}

.directions-contact {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  width: 100%;
}

.directions-contact > div {
  margin: 0 1rem 1rem 0;
  width: 260px;
  min-width: 260px;
  max-width: 80%;
}

div.directions-contact div:last-child {
  width: auto;
}

.directions-contact {
  justify-content: center;
  align-content: center;
}

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

div.newsletters-links-columns {
  display: block;
  max-width: 100%;
  margin: 0 0 1rem 0;
  column-count: 3;
  -webkit-column-count: 3;
  column-width: 130px;
  -webkit-column-width: 130px;
  column-gap: 2rem;
  -webkit-column-gap: 2rem;
  text-align: left;
}

div.newsletters-links-columns a {
  display: block;
  margin: 0 0 0.8rem 0;
  white-space: nowrap;
}

div.timeline embed {
  max-width: 100%;
  padding: none;
}

object.timeline {
  width: 100%;
}

html, body {
  margin: 0;
  padding: 0;
  background-color: white;
  width: 100%;
  /* FOR SLIDEOUT NAV */
  height: 100%;
  /* FOR SLIDEOUT NAV */
}

.header {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  max-height: 80px;
  /* used to be 70 max and 60 height. Change for Board request.*/
  height: 80px;
  /*    border-bottom: 1px solid black;*/
  width: 100%;
  background-color: #006b3f;
  box-shadow: 0 0px 1px 0px #111;
  z-index: 1;
}

/*section {*/
/*    margin-bottom: 0rem;*/
/**/
/**/
/*    border: 1px dotted gray;*/
/**/
/*}*/
section article {
  font-family: 'merriweather', serif;
  font-size: 1rem;
  padding: 0 5vw 5vw 5vw;
  /* padding: 0 1rem 1rem 1rem;*/
}

section article:last-of-type {
  margin-bottom: 0;
}

.introtext {
  display: block;
  width: 100%;
  font-family: 'merriweather', serif;
  font-size: 1rem;
  line-height: 1.5em;
  text-align: center;
  justify-content: center;
  padding: 0;
  margin: 0 0 5vw 0;
  /*        border: 1px dotted purple;*/
  /*    column-rule: 1px solid black;*/
}

.introtext .columns {
  display: block;
  margin-top: 0;
  column-count: 2;
  -webkit-column-count: 2;
  column-width: 30vw;
  -webkit-column-width: 30vw;
  column-gap: 2rem;
  -webkit-column-gap: 2rem;
  padding: 0 5vw;
  text-align: left;
  /*        border: 1px dotted purple;*/
}

.introtext .columns p {
  margin-bottom: .5em;
}

.introtext .columns p:last-child {
  margin-bottom: 0;
}

.announcements h1 {
  text-align: center;
  margin-bottom: 2rem;
  font-family: griffosSC;
  letter-spacing: .05px;
}

.announcements {
  margin: 0 2rem 1rem 2rem;
  /*    padding: 0 2rem 2rem 2rem;*/
  line-height: 1.4em;
  text-align: left;
  margin-bottom: 2rem;
  /*    border: 1px dotted gray;*/
}

/*.announcements article > h2::after {*/
/*        content: ' | ';*/
/*}*/
div.announce-header {
  line-height: 1.3em;
  /*padding-bottom: .4em;*/
  /*border-bottom: 1px solid lightgray;*/
  /*margin-bottom: .5em;*/
  letter-spacing: .3px;
}

h2.announce-title {
  display: inline-block;
  /*    font-family: 'merriweather', georgia, serif;*/
  text-transform: none;
  line-height: 1.3em;
  margin-bottom: 0;
  color: #006b3f;
}

h2.announce-title::after {
  content: '  \B7  ';
  color: gray;
}

/*h2.announce-title::after {*/
/*        content: '\2003' ;*/
/*    }*/
.announce-date, .announce-time {
  font-family: "lato", sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  white-space: nowrap;
  color: slategray;
  margin-bottom: 0;
}

.announce-date {
  color: BLACK;
}

.announce-date::after {
  content: '  \B7  ';
  color: gray;
}

.announcements h2 {
  font-size: 1rem;
  text-transform: uppercase;
  text-align: left !important;
  margin: 0 0 .25em 0;
  color: darkblue;
}

.announcements h3 {
  font-size: 1rem;
  font-family: 'lato', sans-serif;
  text-transform: uppercase;
  margin: 0 0 .25em 0;
  text-align: left;
}

.announcements p {
  text-align-last: left;
  font-family: 'merriweather', serif;
  font-size: 1rem;
  margin: 0 0 1rem 0;
}

.announcements p:last-of-type {
  margin-bottom: 0;
}

/*article {*/
/*    margin-bottom: $text-para-margin;*/
/*}*/
.announcements > article {
  margin: 0 0 1rem 0;
  padding: 0;
}

.lead-in {
  text-transform: uppercase;
  font-family: "lato", sans-serif;
  font-weight: bold;
}

.allcapsleadin {
  text-transform: uppercase;
  /*font-family: 'lato', sans-serif;*/
  /*font-weight: bold;*/
  letter-spacing: .5px;
}

.homequotes {
  display: flex;
  flex-direction: row;
  flex-flow: row;
  flex-wrap: wrap;
  justify-content: center;
  /*    margin:  0 1rem  1rem 1em;*/
  /*    padding: 0 1rem  1rem 1em;*/
  /*         border: 1px dotted grey;*/
  
  /* margin-top: 10vw; // THIS WAS USED UNTIL TODAY, APRIL 30, 2023. THEN REMOVED AND SET TO ZERO. */
  margin-top: 0;

  
}

.quote {
  min-width: 10rem;
  width: 25%;
  max-width: 25%;
  text-align: left;
  font-family: 'lato', sans-serif;
  font-size: 1rem;
  line-height: 1.5em;
  font-weight: bold;
  padding: 0;
  text-transform: uppercase;
  margin: 0 1em 1.75em 1em;
  /*    border: 1px dotted #aaa;*/
}

.quote-fullwidth {
  min-width: 100%;
}

.quote:last-of-type {
  margin-bottom: 0;
}

.quote p:first-of-type {
  margin: 0 0 .25em 0;
}

.quoteattribution {
  display: block;
  font-size: .75rem;
  line-height: 1.4em;
  margin: 0 0 0 0 !important;
  padding: 0;
  color: #999;
  text-transform: uppercase;
}

.quoteattribution .name {
  color: #006b3f;
  font-weight: bold;
}

ul.featured_buttons {
  display: flex;
  flex-direction: row;
  flex-flow: row;
  flex-wrap: wrap;
  justify-content: center;
  list-style-type: none;
  margin: 0 0 .5rem 0em;
  /*margin: 0 0 2rem 0em;*/
  padding: 0;
  /*         border: 1px dotted grey;*/
}

ul.featured_buttons li {
  margin: 0 0.5em 1rem 0.5em !important;
  /*  margin: 0 1em 2rem 1em;*/
  /*  0 1em ($text-para-margin * 2) 1em !important; */
  font-family: 'lato', sans-serif;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1rem;
  color: #333;
  text-align: center;
  text-decoration: none;
  min-width: 9rem;
  width: 22%;
  /*    align-self: center;*/
}

ul.featured_buttons li:last-of-type {
  /* margin-bottom: 2rem !important; */
  margin-bottom: 2vw !important; 
}

ul.featured_buttons li a {
  display: block;
  border: 2px solid #555;
  border-radius: 2px;
  padding: 1em;
  color: #333;
  text-decoration: none;
  letter-spacing: .5px;
  transition: all  0.2s linear;
  -webkit-transition: all  0.2s linear;
  -moz-transition: all  0.2s linear;
  -o-transition: all  0.2s linear;
  -ms-transition: all  0.2s linear;
}

ul.featured_buttons li a:hover {
  border: 2px solid #7d007d;
  color: #000;
  background-color: rgba(128, 0, 128, 0.75);
}

.date-time {
  color: #777;
}

.announcements article:last-of-type {
  margin-bottom: 0;
  /*    padding: 0;*/
}

.homepage_photostrip {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  width: 100%;
  max-width: 100%;
  margin: 0 0 2rem 0;
  overflow: hidden;
  /* for Chrome, which pushes photostrip off page instead of reducing to fit page width. NOTE that Chrome is NOT reducing the image sizes like Firefox is. */
  /*    border: 1px dotted gray;*/
}

.homepage_photostrip img {
  /*   flex-wrap: nowrap; */
  margin: 0;
  padding: 0;
  border: 0;
  max-width: 100%;
  width: 100%;
  min-width: 0;
  min-height: 0;
}

/* IMAGE SCROLLER */
#scroller {
  position: relative;
}

div#scroller {
  margin: 2rem 0 2rem 0;
}

#scroller .innerScrollArea {
  overflow: hidden;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

#scroller ul {
  padding: 0;
  margin: 0;
  position: relative;
}

#scroller li {
  padding: 0;
  margin: 0;
  list-style-type: none;
  position: absolute;
}

/* END IMAGE SCROLLER */
button {
  background-color: #777;
}

/* .button {*/
/*     -moz-box-shadow:inset 0px 1px 3px 0px #91b8b3;*/
/*     -webkit-box-shadow:inset 0px 1px 3px 0px #91b8b3;*/
/*     box-shadow:inset 0px 1px 3px 0px #91b8b3;*/
/*     background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #768d87), color-stop(1, #6c7c7c));*/
/*     background:-moz-linear-gradient(top, #768d87 5%, #6c7c7c 100%);*/
/*     background:-webkit-linear-gradient(top, #768d87 5%, #6c7c7c 100%);*/
/*     background:-o-linear-gradient(top, #768d87 5%, #6c7c7c 100%);*/
/*     background:-ms-linear-gradient(top, #768d87 5%, #6c7c7c 100%);*/
/*     background:linear-gradient(to bottom, #768d87 5%, #6c7c7c 100%);*/
/*     filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#768d87', endColorstr='#6c7c7c',GradientType=0);*/
/*     background-color:#768d87;*/
/*     -moz-border-radius:5px;*/
/*     -webkit-border-radius:5px;*/
/*     border-radius:5px; */
/*     border:1px solid #060a09;*/
/*     display:inline-block;*/
/*     cursor:pointer;*/
/*     font-family: 'lato',sans-serif;*/
/*     font-size: .8rem;*/
/*     letter-spacing: .05em;*/
/*     text-transform: uppercase;*/
/*     font-weight:bold;*/
/*     padding:.5em 1em;*/
/*     text-decoration: none;*/
/*     text-shadow:0px -1px 0px #2b665e;*/
/*     color: #ddd;*/
/* }*/
/* .button:hover {*/
/*     background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #6c7c7c), color-stop(1, #768d87));*/
/*     background:-moz-linear-gradient(top, #6c7c7c 5%, #768d87 100%);*/
/*     background:-webkit-linear-gradient(top, #6c7c7c 5%, #768d87 100%);*/
/*     background:-o-linear-gradient(top, #6c7c7c 5%, #768d87 100%);*/
/*     background:-ms-linear-gradient(top, #6c7c7c 5%, #768d87 100%);*/
/*     background:linear-gradient(to bottom, #6c7c7c 5%, #768d87 100%);*/
/*     filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6c7c7c', endColorstr='#768d87',GradientType=0);*/
/*     background-color:#6c7c7c;*/
/*     text-decoration: none;*/
/*     color: #fff;*/
/* }*/
/* .button:active {*/
/*     position:relative;*/
/*     top:1px;*/
/* }*/
/* Begin NEW FOOTER BUTTONS */
.button {
  background-color: #00854e;
  border-radius: 5px;
  border: 1px solid #006b3f;
  display: inline-block;
  cursor: pointer;
  color: #ffffff;
  font-family: "lato", sans-serif;
  font-size: .8rem;
  padding: 11px 14px 9px 14px;
  text-decoration: none;
  text-shadow: 1px 1px 1px #2f6627;
  text-transform: uppercase;
  letter-spacing: .5px;
  line-height: .8rem;
}

.button:hover {
  background-color: #006b3f;
  border-color: #003821;
  text-decoration: none;
  color: white;
}

.button:active {
  position: relative;
  top: 1px;
}

/* End NEW FOOTER BUTTONS*/
/* address {*/
/* }*/
/*article.text {*/
/*    padding: 0 3rem 3rem 3rem;*/
/*    line-height: 1.5em;*/
/*}*/
article.text p {
  font-family: 'merriweather', serif;
  font-size: 1rem;
  margin: 0 0 1em 0;
}

article.text p:last-of-type {
  font-family: 'merriweather', serif;
  font-size: 1rem;
  margin: 0 0 0 0;
}

section.text a {
  color: purple;
  text-decoration: underline;
}

section.text a:hover {
  color: #000503;
}

article.form {
  padding: 0 3rem 1rem 3rem;
  line-height: 1.5em;
}

.youtube_embed {
  display: block;
  width: 75vw;
  margin: 2rem auto;
  border: 1px dotted black;
}

.video {
  display: block;
  position: relative;
  margin: 15px 0 0 0;
  border: 1px solid #000;
  width: 100%;
  max-width: 100%;
  height: auto;
}

.nav-bottom {
  display: block;
  width: 100%;
  background: none;
  background-color: #222;
  border-top: 1px solid #333;
  font-family: 'Lato',sans-serif;
  letter-spacing: .05em;
  font-size: .8rem;
}

.nav-bottom > ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-content: center;
  flex-direction: row;
  list-style-type: none;
  padding: 0 2rem;
  margin: 0;
  box-shadow: inset 0px -1px 0px #333;
  /* Sets an underline-like bottom border along bottom of whole UL, but inset so tht it lies directly underneath the bottom border of the links. Purpose is so that when the menu collapses and wraps, there's a visible line separating the upper row of links and the bottom row of links, so that there's not an obvious and ugly extra space apparent between rows. */
  /*    border: 1px dotted gray;*/
}

.nav-bottom > ul > li {
  /*    border: 1px dotted gray;*/
  border-bottom: 1px solid #333;
  /* Sets an underline-like bottom border along bottom edge of each link. */
  margin-bottom: 0;
}

.nav-bottom a {
  /*
    font-family: 'lato', sans-serif; */
  display: block;
  font-size: .8rem;
  padding: 1rem .65rem;
  color: #999;
  text-transform: uppercase;
  text-decoration: none;
  /*    padding: .5em .5em;*/
}

.nav-bottom a:hover {
  color: #aaa;
  background-color: #2f2f2f;
}

.clearfix-nav::after {
  display: block;
  clear: both;
}

.arrow {
  font-size: 9px;
  line-height: 0%;
  color: #777;
  margin: 0 0 2px 4px;
}

.youtube-player {
  position: relative;
  padding-bottom: 56.15%;
  /* Use 75% for 4:3 videos */
  height: 0;
  overflow: hidden;
  max-width: 100%;
  background: #000;
  margin: 2rem auto;
  border: 1px solid black;
}

.youtube-player iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  background: transparent;
}

.youtube-player img {
  bottom: 0;
  display: block;
  left: 0;
  margin: auto;
  max-width: 100%;
  width: 100%;
  position: absolute;
  right: 0;
  top: 0;
  border: none;
  height: auto;
  cursor: pointer;
  -webkit-transition: .4s all;
  -moz-transition: .4s all;
  transition: .4s all;
}

.youtube-player img:hover {
  -webkit-filter: brightness(75%);
}

.youtube-player .play {
  height: 72px;
  width: 72px;
  left: 50%;
  top: 50%;
  margin-left: -36px;
  margin-top: -36px;
  position: absolute;
  background: url("../images/ytlogo.xpar.72px.png") no-repeat;
  cursor: pointer;             /* background: url("//i.imgur.com/TxzC70f.png") no-repeat;
  cursor: pointer; */  
}

.youtube-player.polegreen-trailer {
  position: relative;
  padding-bottom: 56.5%;
  /* Use 75% for 4:3 videos */
  height: 0;
  overflow: hidden;
  max-width: 100%;
  background: #000;
  margin: 1rem auto 2rem auto;
  border: 1px solid black;
}

p.video-caption {
  font-family: "lato", sans-serif;
  font-size: .8rem;
  font-weight: bold;
  text-align: center;
  margin: 0 auto;
  color: #999;
}

form {
  font-family: "lato", sans-serif;
  line-height: 1.3em;
  margin-top: 2rem;
}

.form-group {
  margin-left: 0;
  padding-left: 0;
}

label {
  text-transform: uppercase;
  margin: 0 1rem .25rem 0;
}

label.checkbox input {
  margin: 0 .5em 0 0;
  padding: 0;
}

label + p {
  margin: 0 0 .25em 0;
}

div.checkbox {
  padding: .2em .4em 0 0;
  width: 100%;
}

form .subtitle {
  font-family: "lato", sans-serif;
  font-size: 1rem;
  color: #777;
  margin: 0 0 1em 0;
  padding: 0;
}

.radio-label {
  display: inline-block;
  margin: 0em 0 -3px 0;
  padding: 0;
}

.radio-button-styling {
  display: inline-block;
  margin: 0 .5rem 0 0;
  padding: 0;
}

::-webkit-input-placeholder {
  opacity: .35 !important;
}

:-moz-placeholder {
  /* older Firefox*/
  opacity: .35 !important;
}

::-moz-placeholder {
  /* Firefox 19+ */
  opacity: .35 !important;
}

:-ms-input-placeholder {
  opacity: .35 !important;
}

.checkbox-label {
  display: inline-block;
  margin: 0 0 0 0;
}

.form-textinput {
  width: 15em;
}

div.test-age {
  display: none;
}

footer {
  font-family: 'merriweather', serif;
  font-size: .9rem;
  line-height: 1.5em;
  color: rgba(255, 255, 255, 0.5);
  /* COLOR OF ALL REGULAR TEXT IN FOOTER */
  text-decoration: none;
  padding: 2rem 2rem 0 2rem;
  margin: 0;
  background-color: #006b3f;
  z-index: -1;
  /*    background: */
  /* top, xpar gradient */
  /* FOR PHOTOGRAPHIC BG IMAGE */
  /*
    linear-gradient(
      rgba(24, 24, 24, 0.90),
      rgba(0, 0, 0, 0.90)),
*/
  /* bottom, image */
  /*    url(../images/footer-bg-GhostImage.jpg);*/
  /*
    background-repeat: no-repeat no-repeat;
    background-size: cover cover;
    background-clip: border-box border-box;
*/
}

.footer-subdued {
  color: #555;
}

footer hr {
  display: block;
  border: 0;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.25);
  width: 100%;
  margin: 0;
}

footer a {
  text-decoration: none;
  color: rgba(255, 255, 255, 0.5);
  text-decoration: underline;
}

footer a:hover {
  color: #fff;
}

footer a.button {
  text-decoration-color: none;
}

footer a.button:hover {
  text-decoration-color: none;
}

.button {
  background-color: #005230;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #333;
  display: inline-block;
  cursor: pointer;
  color: #ddd;
  font-family: "lato", sans-serif;
  font-size: .8rem;
  padding: 11px 14px 9px 14px;
  text-decoration: none;
  text-shadow: 1px 1px 1px #2f6627;
  text-transform: uppercase;
  letter-spacing: .5px;
  line-height: .8rem;
  -moz-box-shadow: 1px 1px 1px 0px #333, inset 1px 1px 1px 0px #666;
  -webkit-box-shadow: 1px 1px 1px 0px #333, inset 1px 1px 1px 0px #666;
  box-shadow: 1px 1px 1px 0px #333, inset 1px 1px 1px 0px #666;
}

.button:hover {
  background-color: #003821;
  text-decoration: none;
  color: white;
  border: 1px solid #222;
}

.button:active {
  position: relative;
  top: 1px;
}

footer h1 {
  font-family: 'lato', sans-serif;
  font-size: .9rem;
  margin: 0 0 .2em 0;
  line-height: 1.3em;
  color: #fff;
  text-transform: uppercase;
  text-shadow: 1px 1px 1px #333;
  padding: 0;
  letter-spacing: 1px;
}

footer h1.overgraphic {
  margin-bottom: .5em;
}

footer h2 {
  font-family: 'lato', sans-serif;
  font-size: 1rem;
  margin: 0 0 0 0;
  color: #999;
  text-transform: uppercase;
  font-weight: bold;
  padding: 0;
  letter-spacing: 1px;
}

footer div.flex {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-content: center;
  margin: 1.5rem 0 0 0;
}

footer div.flex:first-child {
  margin: 0;
}

footer div.flex > div {
  display: block;
  margin: 0 0 1.5rem 0;
  padding: 0 .75rem;
}

footer div.one,
div.two {
  flex: 0 1 250px;
}

footer div.come-visit-message {
  width: 100%;
  font-family: 'griffosSC','merriweather', serif;
  color: white;
  font-size: 1.5rem;
  font-style: normal;
  text-shadow: 1px 1px 3px #111;
  padding: 0.25rem 5vw;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 0;
  line-height: 1.3em;
}

div.one * {
  text-align: right;
}

div.two * {
  text-align: left;
}

@media screen and (max-width: 574px) {
  div.one *,
  div.two * {
    text-align: center;
  }
}

footer div.six {
  flex: 0 0 290px;
}

footer div.seven {
  flex: 0 0 290px;
}

footer div.three,
div.four,
div.five {
  width: 250px;
  min-width: 10em;
  flex: 1 1 auto;
  max-width: 400px;
}

div.three *,
div.four *,
div.five * {
  text-align: center;
}

footer p {
  margin: 0 0 .5em 0;
}

footer div p:last-child {
  margin-bottom: 0;
}

footer div.footer-logo-block {
  background-color: black;
  text-align: center;
  padding: 1.5rem 0 1.5rem 0;
  /* FOOTER: SPACE ABOVE AND UNDER LOGO */
}

.g-by-cell-icon {
  float: right;
  padding-top: 0px;
  position: relative;
  margin: 0px 0 0 10px;
  background: url("../images/sprite.png") no-repeat 0px 0px;
  width: 65px;
  /* Icon width */
  height: 65px;
  /* Icon height */
  display: inline-block;
  /* Display icon as inline block */
}

.g-by-cell-icon-flex {
  padding-top: 0px;
  position: relative;
  margin: 0px 0px 0 0;
  background: url("../images/sprite.png") no-repeat 0px 0px;
  width: 65px;
  max-width: 65px;
  /* Icon width */
  height: 65px;
  /* Icon height */
  display: inline-block;
  /* Display icon as inline block */
}

.g-by-cell-icon-leftfloat {
  float: left;
  padding-top: 0px;
  position: relative;
  margin: 0px 15px 10px -2px;
  background: url("../images/sprite.png") no-repeat 0px 0px;
  width: 65px;
  /* Icon width */
  height: 65px;
  /* Icon height */
  display: inline-block;
  /* Display icon as inline block */
}

.facebook {
  position: relative;
  margin: 0px 0px 0 1px;
  background: url("../images/sprite.png") no-repeat -5px -139px;
  width: 35px;
  /* Icon width */
  height: 37px;
  /* Icon height */
  display: inline-block;
  /* Display icon as inline block */
}

.twitter {
  position: relative;
  margin: 0px 0px 0 5px;
  background: url("../images/sprite.png") no-repeat -48px -139px;
  width: 35px;
  /* Icon width */
  height: 37px;
  /* Icon height */
  display: inline-block;
  /* Display icon as inline block */
}

.pinterest {
  position: relative;
  margin: 0px 0px 0 5px;
  background: url("../images/sprite.png") no-repeat -91px -139px;
  width: 35px;
  /* Icon width */
  height: 37px;
  /* Icon height */
  display: inline-block;
  /* Display icon as inline block */
}

.instagram {
  position: relative;
  margin: 0px 0px 0 4px;
  background: url("../images/sprite.png") no-repeat -134px -139px;
  width: 35px;
  /* Icon width */
  height: 37px;
  /* Icon height */
  display: inline-block;
  /* Display icon as inline block */
}

.va250-icon {
  padding-top: 0;
  position: relative;
  background: url("../images/sprite-new.png") no-repeat -210px -68px;


  width: 109px;
  /* Icon width */
  height: 113px;
  /* Icon height */
  display: inline-block;
  /* Display icon as inline block */
}

.cwt-icon {
  float: right;
  padding-top: 0px;
  position: relative;
  margin: 0px 5px 0 2px;
  background: url("../images/sprite-new.png") no-repeat -326px -68px;
  width: 57px;
  /* Icon width */
  height: 113px;
  /* Icon height */
  display: block;
  /* Display icon as inline block */
}

.footer-subflex {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: stretch;
  align-content: flex-start;
  justify-content: flex-start;
  margin: 0;
}

.footer-subflex div {
  align-self: stretch;
  text-align: left;
}

.flex-cell-GbyCell {
  flex-basis: 0;
  flex-grow: 0;
  margin: 0 10px 0 0;
  padding: 0;
  width: 55%;
}

.flex-cell-GbyCell-Caption {
  flex-basis: 3;
  flex-grow: 1;
  margin: 0;
  padding: 0;
  width: 100%;
}

div.bottomblock {
  /* Official name and address + Copyright line + Design by line */
  font-family: 'lato', sans-serif;
  text-transform: uppercase;
  letter-spacing: .05em;
  padding: 1rem 2rem 1.5rem 2rem;
  margin: 0;
  background-color: #000;
  /*    width: 100%;*/
  text-align: center;
  font-size: .9rem;
  color: #999;
  /* COLOR OF ALL REGULAR TEXT IN FOOTER */
}

div.bottomblock h1 {
  font-family: 'lato', sans-serif;
  font-size: 1rem;
  margin: 0 0 0 0;
  color: #999;
  text-transform: uppercase;
  font-weight: normal;
  padding: 0;
}

div.bottomblock h2 {
  font-family: 'lato', sans-serif;
  font-size: 1rem;
  margin: 0 0 0 0;
  color: #999;
  text-transform: uppercase;
  font-weight: normal;
  padding: 0;
}

p.mailing-address {
  line-height: 1.5em;
  margin-bottom: .5em;
}

.fb_iframe_widget {
  margin: 0 0;
  padding: 0;
  height: auto;
  transform: scale(1.15);
  -ms-transform: scale(1.15);
  -webkit-transform: scale(1.15);
  -o-transform: scale(1.15);
  -moz-transform: scale(1.15);
}

.copyright {
  font-family: 'lato', sans-serif;
  text-transform: uppercase;
  color: #555;
  line-height: 1.2em;
  margin-top: 1em;
  font-size: 1rem;
}

div.bottomblock a {
  color: #999;
}

div.bottomblock a {
  color: #bbb;
}

.accordion-container {
  border-bottom: none;
}

h2.accordion-heading {
  font-family: 'lato', sans-serif;
  font-size: 1.25rem;
  line-height: 1.2em;
  text-transform: uppercase;
  letter-spacing: .05em;
  margin: 1.25rem -1rem 1rem 0;   /*margin: 1.25rem 0 1rem 0;*/
  font-weight: bold;
  text-align: left;
  color: #561091;
  width: 100%;
}

section + h2.accordion-heading {
  margin-top: 0;
}

h2.accordion-heading:after {
  content: '';
  font-family: "fontawesome";
  font-size: 1rem;
  margin-left: 0;
}

h2.accordion-heading.is-open:after {
  content: '';
}

.accordion-content {
  background-color: inherit;
  padding: 0 0;
  height: 100%;

    max-height: 1000vh;

  overflow: auto;
  transition: none;
  display: block;
}

div.accordion-content p:last-child {
  margin-bottom: 0;
}

.contentwrap section p:last-child {
  margin-bottom: 0;
}

@media only screen and (max-width: 539px) {
  .contentwrap h2 {
    text-align: center;
  }
  .contentwrap h3 {
    text-align: center;
  }
  div.accordion-content h3 {
    text-align: center;
  }
  div.audio {
    margin: 0 auto 1rem auto;
    width: 270px;
    text-align: center;
  }
  audio {
    margin: 0 auto;
    text-align: center;
  }
  div.accordion-content > p.cluster-heading {
    text-align: center;
  }
  div.accordion-content > p.cluster-heading + p {
    text-align: center;
  }
  .center-on-narrow {
    text-align: center;
  }
  div.accordion-content > ul {
    text-align: center;
  }
  div.accordion-content > [class*='cluster'] {
    text-align: center;
  }
  div.accordion-container.all-center * {
    text-align: center;
  }
  .accordion-container {
    width: 100%;
    margin: 0 auto;
  }
  section div.accordion-container:last-of-type {
    width: 100%;
    margin: 0 auto;
    border-bottom: 1px solid #e6e6e6;
  }
  h2.accordion-heading {
    width: 100%;
    border: none;
    border-top: 1px solid #e6e6e6;
    outline: none;
    text-align: center;
    padding: 12px 0 12px 0;   /*padding: 12px 15px 12px 0;*/
    cursor: pointer;
    margin: 0;
  }
  h2.accordion-heading:after {
    content: '\f055';
    font-family: "fontawesome";
    font-size: 1rem;
    margin-left: .75rem;
    opacity: .35;
  }
  h2.accordion-heading.is-open:after {
    content: '\f056';
  }
  .accordion-content {
    background-color: inherit;
    padding: 0 0;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-in-out;
  }
  div.accordion-content p:last-child {
    margin-bottom: 1rem;
  }
  .contentwrap section p:last-child {
    margin-bottom: 1rem;
  }
}

@media only screen and (max-width: 550px) {
  [class*='img'].left, [class*='img'].right {
    text-align: center;
    float: none;
    margin-left: 0;
    margin-right: auto;
    width: 100%;
    margin-bottom: 15px;
  }
  [class*='img'].left.center-on-narrow, [class*='img'].right.center-on-narrow {
    text-align: center;
    margin-left: auto;
  }
  .pagetitle {
    font-size: 2.20rem;
  }
  .announcements > h1 {
    font-size: 2.20rem;
    letter-spacing: -.5px;
    line-height: .9em;
  }
}

@media only screen and (max-width: 740px) {
  .introtext .columns {
    margin-top: 0;
    column-count: 1;
    -webkit-column-count: 1;
    column-width: 100%;
    -webkit-column-width: 100%;
    column-gap: 2rem;
    -webkit-column-gap: 2rem;
  }
}

@media only screen and (max-width: 454px) {
  .quote {
    width: 100%;
    max-width: 100%;
  }
}

@media only screen and (max-width: 650px) {
  ul.featured_buttons li {
    width: 100%;
  }
  ul.featured_buttons li {
    margin: 0 0.5em 1rem 0.5em !important;
    /*  margin: 0 1em 2rem 1em;*/
    /*  0 1em ($text-para-margin * 2) 1em !important; */
  }
  ul.featured_buttons li:last-of-type {
    margin-bottom: 2rem !important;
  }
}

@media only screen and (max-width: 450px) {
  div.newletters-links-columns {
    text-align: left;
    margin: 0 0 1rem 0;
    column-count: 2;
    -webkit-column-count: 2;
  }
}

@media only screen and (max-width: 345px) {
  div.newletters-links-columns {
    column-count: 1;
    -webkit-column-count: 1;
    text-align: center !important;
  }
}

.piwik_noscript {
  display: none !important;
}

em {
  font-style: italic;
}

.ital {
  font-style: italic;
}

.bold {
  font-weight: bold;
}

.brighter {
  color: #959595;
}

.muted {
  color: #b3b3b3;
}

.muted-footer {
  color: #484848;
}

.on-white-divider {
  color: #ccc;
}