/*
Red (AAA):     #811A31 rgb(129, 26, 49)
Blue (AAA):    #7EE5CE rgb(126, 229, 206)
Purple (AAA):  #532E7F (83, 46, 127)

/* HTML
-----------------------------------------------------------*/
h1 {
  font-size: 2.8rem;
  line-height: 3.0rem;
  margin: 0 0 12px 0;
  padding: 0 0 0 0;
  color: #FFF;
  font-weight: 100;
}
h2 {
  font-size: 1.8rem;
  line-height: 2.0rem !important;
  margin: 0 0 12px 0;
  padding: 0 0 0 0;
  color: #811A31;
  font-weight: 100;
}
h3 {
  font-size: 1.2rem;
  line-height: 1.4rem;
  margin: 0 0 12px 0;
  padding: 0 0 0 0;
  color: #444444;
  font-weight: 400;
}
section {
  border-top: 1px solid #EFEFEF;
  overflow: hidden;
}
/* Page-level Styles
-----------------------------------------------------------*/
.heroLeft {
  width: 50%;
  float: right;
  height: 200px;
  background-color: #EFEFEF;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center center;
}
.heroRight {
  width: 50%;
  float: right;
  height: 200px;
  background: #811A31;
  position: relative;
  -webkit-background-size: 80%;
  -moz-background-size: 80%;
  -ms-background-size: 80%;
  -o-background-size: 80%;
  background-size: 80%;
  background-position: left center;
  background-repeat: no-repeat;
}
.heroRight h2 {
  color: #FFF;
  font-size: 1.2rem;
  line-height: 1.4rem;
}
.heroText {
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 70%;
  max-width: 480px;
  float: left;
  margin: 0 0 0 36px;
}
.heroText p {
  font-size: 1.2rem;
  line-height: 1.8rem;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  color: #FFF;
}
.introBox {
  overflow: hidden;
  background: #EFEFEF;
  padding: 36px 0 36px 0;
}
.sectAnchor::before {
  content: "";
  display: block;
  height: 150px;
  margin: -150px 0 0 0;
  visibility: hidden;
}
.anchorLinks {
  text-align: center;
  font-size: 0.9rem;
  line-height: 1.0rem;
  background: #DDD;
  color: #222;
  margin: 0 0 0 0;
  padding: 9px 0 0 0;
}
.anchorLinks a {
  display: inline-block;
  padding: 6px 6px 6px 6px;
  margin: 0 3px 0 3px;
  color: #222;
}
.anchorLinks a:hover, .anchorLinks a:focus {
  text-decoration: none;
  background: #EFEFEF;
  color: #811A31;
}
.sideNavTitle {
  font-weight: 700;
  text-transform: uppercase;
  color: #555;
  margin: 24px 0 12px 0;
}
#sideNav {
  margin: 0 0 18px 0;
}
#sideNav a {
  display: block;
  background: rgba(0, 0, 0, .04);
  padding: 8px;
  border-bottom: 3px solid #FFF;
}
#sideNav a:hover, #sideNav a:focus {
  text-decoration: none;
  background: rgba(0, 0, 0, .15);
}
.sectionHeader {
  margin: 0 0 48px 0;
}
.footnote {
  margin: 24px 0 0 0;
  padding: 12px 0 0 0;
  border-top: 1px solid #DDD;
}
/* Google Calendar
-----------------------------------------------------------*/
#googleCalendar {
  margin: 36px 0 36px 0;
}
#googleCalendar iframe {
  border: none;
  width: 100%;
  min-height: 600px;
  margin-bottom: 12px;
  border-radius: 6px;
}
#googleCalendarList {
  display: none;
}
#googleCalendarTable {
  display: block;
}
.calendarLinks a {
  display: inline-block;
  font-size: 1.2rem;
  line-height: 1.3;
  padding: 8px 18px 8px 18px;
  margin: 0 0 0 6px;
  background: #FFF;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.calendarLinks a:hover, .calendarLinks a:focus {
  background: #EFEFEF;
  text-decoration: none;
}
.activeCalendar {
  background: #f0f4f9 !important;
  font-weight: 700;
}
/* Sitemap
-----------------------------------------------------------*/
#sitemap {
  padding: 24px 0 36px 0;
}
#sitemap li {
  border-top: 1px solid #DDD;
  padding: 3px 0 3px 0;
  vertical-align: text-top;
}
#sitemap a {
  width: 80%;
  display: inline-block;
}
#sitemap em {
  float: right;
  font-size: .9rem;
  font-style: normal;
}
/* Employment
-----------------------------------------------------------*/
#BambooHR a img {
  width: 94px;
  height: 16px;
}
/* Staff Tile
-----------------------------------------------------------*/
.staffSection {
  padding: 48px 0 36px 0;
  background-color: rgba(83, 46, 127, .5);
  background-size: 200px;
  background-attachment: fixed;
  text-align: center;
  overflow: hidden;
}
.staffSection h2, .staffSection h3, .staffSection .intro {
  color: #222;
}
.staffSection h2 {
  margin: 0 0 48px 0;
  padding: 0 0 0 0;
  text-align: center;
  font-weight: 300;
  color: #222;
  font-size: 3rem;
  line-height: 3.2rem;
}
/* Council of Governments (COG) and Advisory Countil (AC) Agendas and Minutes
-----------------------------------------------------------*/
#agendasMinutes {
  width: 40%;
  float: right;
  border-left: 1px solid #DDD;
  margin: 0 0 36px 24px;
  padding: 0 0 0 24px;
  background: #FFF;
}
.agendaMinutes {
  width: 100%;
  color: #CCC;
}
.agendaMinutes th {
  color: #222;
  text-align: left;
}
.agendaMinutes tr {
  border-bottom: 1px solid #DDD;
}
.agendaMinutes td {
  padding: 0 8px 0 8px;
  text-align: center;
}
.agendaMinutes a {
  display: block;
  padding: 4px 0 4px 0;
}
.agendaMinutes a:hover, .agendaMinutes a:focus {
  background: #811A31;
  text-decoration: none;
  color: #FFF;
}
@media only screen and (max-width: 1024px) {}
@media only screen and (max-width: 549px) {
  .anchorLinks {
    padding: 8px 0 4px 0;
  }
  .anchorLinks strong {
    display: block;
  }
  /* Hero (mobile)
-----------------------------------------------------------*/
  .heroLeft {
    width: 100%;
    overflow: hidden;
    height: 200px;
  }
  .heroRight {
    width: 100%;
    height: auto;
    overflow: hidden;
  }
  .heroRight h1 {
    font-size: 1.8rem;
    line-height: 2.0rem;
  }
  .heroRight h2 {
    font-size: 1.2rem;
    line-height: 1.4rem;
  }
  .heroText {
    top: 0%;
    -ms-transform: translateY(0%);
    transform: translateY(0%);
    width: 85%;
    max-width: 85%;
    margin: 36px;
    position: relative;
  }
  /* Google Calendar (mobile)
-----------------------------------------------------------*/
  #googleCalendarList {
    display: block;
  }
  #googleCalendarTable {
    display: none;
  }
  /* Council of Governments (COG) and Advisory Countil (AC) Agendas and Minutes
-----------------------------------------------------------*/
  #agendasMinutes {
    width: 100%;
    float: right;
    border-left: none;
    margin: 24px 0 36px 0;
    padding: 0 0 0 0;
  }
}