/* INITIALIZE */
/* TPWD LINK COLOR */
.clear-float:after {
  content: ' ';
  visibility: hidden;
  display: block;
  font-size: 0;
  clear: both;
  height: 0;
  padding: 0;
  margin: 0;
  border: none;
}
.float-left {
  float: left;
  margin: 0 10px 10px 0;
}
.float-right {
  float: right;
  margin: 0 0 10px 10px;
}
/* SECTIONS */
#calendar-subheader {
  background-color: #eee;
  font-family: "FoundationSans-Condensed";
  font-size: 24px;
  font-size: 1.84615385rem;
  color: #6D6E70;
  padding: 10px 0 5px 0;
}
#title {
  margin: 0 auto;
  width: 940px;
}
#title a {
  color: #6D6E70;
}
#title a:hover {
  color: #0097DC;
}
#back-link {
  display: inline-block;
  outline: 1px solid #eee;
  font-family: "FoundationSans-LightCd";
  font-size: 18px;
  font-size: 1.38461538rem;
  padding: 5px 15px;
  margin: 20px 10px;
}
#socmed {
  display: inline-block;
  float: right;
  font-size: 12px;
  font-size: 0.92307692rem;
  margin-top: 20px;
}
#socmed iframe {
  margin-bottom: -5px !important;
  margin-left: 10px !important;
}
#socmed i {
  padding-bottom: 2px;
  margin-left: 10px;
}
#content {
  width: 72.30769231em;
}
#content h1.documentFirstHeading {
  margin-top: .25em;
  margin-bottom: 1em;
}
.documentFirstHeading {
  line-height: 1.05em;
  font-size: 40px;
  font-size: 3.07692308rem;
}
#content .documentDescription,
#content #description {
  font-family: "FoundationSans-Roman";
  font-weight: normal;
  font-size: 18px;
  font-size: 1.38461538rem;
  line-height: 1.375em;
}
.eventDetails {
  float: left;
  width: 19.23076923em;
  font-size: 16px;
  font-size: 1.23076923rem;
  font-family: 'FoundationSans-Roman';
}
.eventDetails i {
  color: #808080;
  font-size: 20px;
  font-size: 1.53846154rem;
  vertical-align: top;
  width: 1em;
  float: left;
}
.eventDetails .eventcontent {
  display: inline-block;
  width: 16.92307692em;
  padding-left: .5em;
}
.eventDetails #when {
  background-color: #f3f3f3;
  margin-left: -35px;
  margin-bottom: 1em;
  padding: 1em 0 1em 35px;
  line-height: 1.5em;
}
.eventDetails #firstline {
  font-family: "FoundationSans-Roman";
  font-size: 18px;
  font-size: 1.38461538rem;
  color: #404040;
  display: inline-block;
}
.eventDetails #firstline .connector {
  font-family: "FoundationSans-Light";
  display: block;
}
.eventDetails #recurringLink {
  font-family: 'FoundationSans-Light';
  color: #4d4d4d;
  margin-bottom: 1em;
  margin-top: -0.5em;
}
#where,
#contact,
#download {
  padding: 1em 0;
  line-height: 1.5em;
  color: #404040;
}
#contact .email {
  text-transform: lowercase;
}
#content #download ul {
  margin-left: 1em;
  color: #0097dc;
}
#bodytext {
  width: 44.61538462em;
  margin-left: 28.46153846em;
}
#eventBodyText {
  overflow: auto;
}
#content .tags {
  margin-top: 3em;
}
#content .tags p,
#content .tags ul {
  font-family: 'FoundationSans-Bold';
  color: #666;
  font-size: 14px;
  font-size: 1.07692308rem;
  margin-bottom: 0;
  margin-left: 0;
  margin-top: 0;
}
#content .tags p li,
#content .tags ul li {
  margin-bottom: 0;
  line-height: 1.5em;
  list-style: none;
  font-size: 13px;
  font-size: 1rem;
}
#content a:link {
  border-bottom: none;
}
h2#recurringDates {
  font-family: 'FoundationSans-Roman';
  color: #4d4d4d;
}
ul#upcoming-events {
  list-style: none;
}
ul#upcoming-events strong {
  font-family: 'FoundationSans-Roman';
  font-weight: normal;
  padding: .5em 0;
}
ul#upcoming-events li {
  margin: .75em 0;
  line-height: 1.4em;
}
ul#upcoming-events li a {
  padding: .5em 0 .5em 0em;
}
ul#upcoming-events .connector {
  font-family: 'FoundationSans-Light';
}
#seeMoreEvents {
  color: #0066cc;
  font-size: 16px;
  font-size: 1.23076923rem;
  font-family: 'FoundationSans-Roman';
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .hide {
    display: none;
  }
  #calendar-subheader span#title {
    margin: .2em 0 .2em .6em;
  }
  .documentFirstHeading {
    font-size: 32px;
    font-size: 2.46153846rem;
    line-height: 1.25em;
  }
  .eventDetails {
    margin-left: 0;
    margin-bottom: 3em;
  }
  .eventDetails i {
    font-size: 32px;
    font-size: 2.46153846rem;
  }
  .eventDetails #when {
    margin-bottom: 0;
  }
  .eventDetails #recurringLink {
    margin: .5em 0 1em 0;
  }
  .eventDetails #where,
  .eventDetails #contact,
  .eventDetails #download {
    padding-bottom: .5em;
  }
  #bodytext {
    margin-left: 10px;
    width: auto;
  }
  #eventBodyText {
    overflow: visible;
  }
  h2#recurringDates {
    margin-top: 2em;
  }
}
@media screen and (max-width: 479px) {
  #calendar-subheader {
    width: 100%;
    padding-left: 10px;
  }
  #title {
    width: 320px;
  }
  #content {
    width: 21.53846154em;
  }
  .eventDetails .eventcontent {
    width: 14.61538462em;
  }
}
@media screen and (min-width: 480px) and (max-width: 767px) {
  #title {
    width: 460px;
  }
  #content {
    width: 35.38461538em;
  }
  .eventDetails {
    width: auto;
  }
  .eventDetails #when {
    margin-left: -20px;
    padding-left: 20px;
    margin-right: -20px;
  }
  .eventDetails .eventcontent {
    width: 26.15384615em;
  }
}
@media screen and (min-width: 768px) and (max-width: 979px) {
  #calendar-subheader {
    margin: 0;
  }
  #title {
    width: 700px;
  }
  #content {
    width: 53.84615385em;
  }
  #bodytext {
    width: 30.76923077em;
    margin-left: 22.69230769em;
  }
  .documentFirstHeading {
    font-size: 40px;
    font-size: 3.07692308rem;
    line-height: 1.125em;
  }
  .eventDetails {
    margin-left: 0;
    width: 16.92307692em;
  }
  .eventDetails .eventcontent {
    width: 14.61538462em;
  }
  .eventDetails #when {
    margin-left: -10px;
    padding-left: .5em;
  }
}
@media screen and (min-width: 1220px) {
  #title {
    width: 1180px;
  }
  #content {
    width: 81.53846154em;
  }
  #bodytext {
    width: 58.46153846em;
  }
}