@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Roboto:100,300,400,700) screen, print, handheld;
@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:300,400,700) screen, print, handheld;
@import url(https://fonts.googleapis.com/css?family=Oswald:300,400,700) screen, print, handheld;
html {
  background: #86d0d1;
  margin: 0;
  padding: 0;
  background: url("/design/images/honeycomb.png") repeat 0 0; }
  html body {
    margin: 0;
    min-width: 1200px;
    padding: 0; }

a img {
  border: 0; }

div.clear {
  clear: both; }

header {
  background: #86d0d1;
  border-bottom: 2px solid #107774;
  height: 78px;
  margin: 0 auto;
  min-width: 900px; }
  header a.logo {
    background: url("/design/images/logo-2x-2.png") no-repeat center center;
    background-size: 100% 100%;
    float: left;
    height: 60px;
    margin: 9px 0 0 20px;
    width: 226px; }
  header #mobile-nav-toggle {
    display: none; }
  header nav {
    float: right;
    margin: 0 20px 0 0; }
    header nav > ul {
      margin: 22px 0 0;
      padding: 0; }
      header nav > ul > li {
        display: inline-block;
        padding: 0;
        height: 56px;
        position: relative;
        float: left; }
        header nav > ul > li > a {
          font-family: "Oswald", sans-serif;
          font-weight: 400;
          color: white;
          display: inline-block;
          font-size: 15px;
          padding: 4px 12px 6px;
          text-decoration: none;
          text-transform: uppercase;
          transition: all ease 0.25s; }
          header nav > ul > li > a.active {
            color: #107774; }
          header nav > ul > li > a.button {
            background: #107774;
            margin-right: 10px; }
        header nav > ul > li:hover ol {
          display: block; }
        header nav > ul > li:hover > a {
          color: #107774; }
          header nav > ul > li:hover > a.button {
            background: #f9674e;
            color: white; }
    header nav ol {
      background: white;
      border-top: 2px solid #c0c0c0;
      box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.25);
      display: none;
      left: 0;
      list-style-type: none;
      margin: 0;
      padding: 0 10px;
      position: absolute;
      top: 56px;
      width: 260px;
      z-index: 100; }
      header nav ol > li {
        margin: 10px 0; }
        header nav ol > li a {
          font-family: "Roboto", sans-serif;
          font-weight: 400;
          color: #86d0d1;
          text-decoration: none;
          font-size: 16px; }
          header nav ol > li a:hover {
            color: #f9674e; }

#content {
  background: white; }

footer {
  padding: 30px 0 50px; }
  footer div.inner {
    margin: 0 auto;
    width: 1200px;
    position: relative; }
    footer div.inner div.bee {
      background: url("/design/images/bee-2x.png") no-repeat center center;
      background-size: 100% 100%;
      height: 56px;
      width: 56px;
      position: absolute;
      right: 0;
      top: -56px; }
    footer div.inner div.logo-social {
      float: left;
      margin: 0 20px 0 0;
      width: 250px; }
      footer div.inner div.logo-social a.logo {
        background: url("/design/images/logo-2x-2.png") no-repeat right center;
        background-size: 192px 51px;
        height: 51px;
        width: 192px;
        display: block; }
      footer div.inner div.logo-social div.links {
        clear: both;
        margin-top: 0;
        overflow: auto; }
        footer div.inner div.logo-social div.links a.facebook,
        footer div.inner div.logo-social div.links a.twitter,
        footer div.inner div.logo-social div.links a.linked-in,
        footer div.inner div.logo-social div.links a.instagram {
          background: url("/design/images/social-bugs-2x.png") no-repeat scroll -36px 0px/140px 35px;
          float: left;
          height: 32px;
          margin: 6px 5px;
          width: 32px; }
          footer div.inner div.logo-social div.links a.facebook:hover,
          footer div.inner div.logo-social div.links a.twitter:hover,
          footer div.inner div.logo-social div.links a.linked-in:hover,
          footer div.inner div.logo-social div.links a.instagram:hover {
            opacity: .75; }
        footer div.inner div.logo-social div.links a.twitter {
          background-position: -2px 0px; }
        footer div.inner div.logo-social div.links a.linked-in {
          background-position: -72px 0px; }
        footer div.inner div.logo-social div.links a.instagram {
          background-position: -107px 0px; }
      footer div.inner div.logo-social a.phone {
        font-family: "Roboto", sans-serif;
        font-weight: 400;
        clear: both;
        color: #107774;
        display: block;
        font-size: 22px;
        margin: 8px 6px 0;
        text-decoration: none; }
        footer div.inner div.logo-social a.phone span.label {
          font-size: 16px;
          vertical-align: middle;
          display: inline-block; }
        footer div.inner div.logo-social a.phone span.number {
          vertical-align: middle;
          display: inline-block; }
    footer div.inner div.newsletter {
      width: 568px;
      float: left;
      margin: 12px 20px 0 0; }
      footer div.inner div.newsletter label {
        font-family: "Roboto", sans-serif;
        font-weight: 700;
        color: #107774;
        display: block;
        margin: 0 0 10px; }
      footer div.inner div.newsletter input[type="email"] {
        border: 1px solid #b0b0b0;
        padding: 10px;
        width: 80%; }
      footer div.inner div.newsletter input[type="submit"] {
        font-family: "Oswald", sans-serif;
        font-weight: 400;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background: #128e90;
        border: 0;
        border-bottom: 2px solid #107774;
        color: white;
        cursor: pointer;
        font-size: 16px;
        padding: 6px 12px;
        text-transform: uppercase;
        margin: 12px 0 0; }
        footer div.inner div.newsletter input[type="submit"]:hover {
          background: black;
          border-color: black; }
    footer div.inner ul.menu {
      font-family: "Roboto", sans-serif;
      font-weight: 400;
      color: #107774;
      float: left;
      list-style-type: none;
      margin: 12px 0 30px;
      padding: 0;
      width: 324px; }
      footer div.inner ul.menu li {
        margin: 0 0 5px; }
      footer div.inner ul.menu a {
        color: #107774;
        font-size: 14px; }
        footer div.inner ul.menu a:hover {
          color: black; }
    footer div.inner div.credits {
      font-family: "Roboto", sans-serif;
      font-weight: 300;
      position: absolute;
      bottom: 0;
      right: 0;
      color: #107774;
      font-size: 12px; }
      footer div.inner div.credits strong {
        font-family: "Roboto", sans-serif;
        font-weight: 700; }
      footer div.inner div.credits a {
        color: #107774;
        text-decoration: none; }
        footer div.inner div.credits a:hover {
          color: black; }

@media only screen and (max-width: 768px) {
  html {
    min-width: 320px;
    overflow-x: hidden;
    position: relative;
    width: 100vw; }
    html body {
      min-width: 320px;
      overflow-x: hidden;
      width: 100vw;
      position: relative; }
      html body.open {
        height: 100vh;
        overflow: hidden; }

  header {
    width: 100%;
    min-width: 320px;
    height: 66px; }
    header a.logo {
      width: 173px;
      height: 46px;
      margin: 10px 0 0 10px; }
    header #mobile-nav-toggle {
      background: transparent;
      color: white;
      display: block;
      font-size: 30px;
      height: 66px;
      line-height: 66px;
      position: absolute;
      right: 0;
      text-align: center;
      top: 0;
      width: 66px;
      text-decoration: none; }
      header #mobile-nav-toggle i {
        line-height: 66px; }
      header #mobile-nav-toggle i.fa-times {
        display: none; }
      header #mobile-nav-toggle.open {
        background: #107774; }
        header #mobile-nav-toggle.open i.fa-bars {
          display: none; }
        header #mobile-nav-toggle.open i.fa-times {
          display: block; }
    header nav {
      background: #107774;
      float: none;
      height: calc(100vh - 66px);
      margin: 0;
      min-height: 0px;
      overflow-x: hidden;
      overflow-y: scroll;
      position: absolute;
      right: -100%;
      top: 66px;
      transition: all ease 0.25s;
      width: 100%;
      z-index: 20; }
      header nav > ul {
        margin: 20px; }
        header nav > ul > li {
          display: block;
          float: none;
          height: auto;
          margin: 0; }
          header nav > ul > li > a {
            font-size: 22px; }
            header nav > ul > li > a.active {
              color: #f9674e; }
            header nav > ul > li > a.active + ol {
              display: block; }
          header nav > ul > li:hover > a {
            color: white; }
      header nav ol {
        background: transparent;
        border: 0;
        box-shadow: none;
        color: white;
        display: block;
        left: auto;
        margin: 0 0 0 10px;
        position: relative;
        top: auto; }
        header nav ol > li {
          margin: 0 0; }
          header nav ol > li a {
            font-size: 18px;
            padding: 5px 10px;
            display: inline-block; }
            header nav ol > li a.active {
              color: #f9674e; }
      header nav.open {
        right: 0; }

  footer {
    padding: 10px; }
    footer div.inner {
      width: 100%; }
      footer div.inner div.logo-social {
        margin: 0;
        width: 100%;
        float: none; }
        footer div.inner div.logo-social div.links a.facebook,
        footer div.inner div.logo-social div.links a.twitter,
        footer div.inner div.logo-social div.links a.linked-in,
        footer div.inner div.logo-social div.links a.instagram {
          width: 64px;
          height: 64px;
          background-size: 280px 70px;
          background-position: -74px -4px; }
        footer div.inner div.logo-social div.links a.twitter {
          background-position: -4px -4px; }
        footer div.inner div.logo-social div.links a.linked-in {
          background-position: -144px -4px; }
        footer div.inner div.logo-social div.links a.instagram {
          background-position: -214px -4px; }
        footer div.inner div.logo-social a.phone {
          margin: 10px 0 0; }
      footer div.inner div.newsletter {
        margin: 20px 0;
        width: 100%;
        float: none;
        padding: 20px 0;
        border-top: 2px solid rgba(18, 142, 144, 0.5);
        border-bottom: 2px solid rgba(18, 142, 144, 0.5); }
        footer div.inner div.newsletter label {
          font-size: 20px; }
        footer div.inner div.newsletter input[type="email"] {
          width: 100%;
          box-sizing: border-box; }
      footer div.inner ul.menu {
        float: none;
        font-size: 20px; }
        footer div.inner ul.menu a {
          font-size: 16px; }
      footer div.inner div.credits {
        position: relative;
        bottom: auto;
        right: auto; }
      footer div.inner div.bee {
        top: -32px; } }
body#home-page #covid-19 {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  background: #107774;
  color: white;
  padding: 10px 20px;
  border-bottom: 3px solid #0a4a48; }
  body#home-page #covid-19 a {
    font-weight: 600;
    color: white; }
body#home-page #flipper {
  height: 36vw;
  margin: 0 auto;
  background: white;
  position: relative;
  width: 100%;
  min-width: 1175px;
  min-height: 423px; }
  body#home-page #flipper div.frame {
    height: 36vw;
    left: 0;
    min-height: 423px;
    min-width: 1175px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%; }
    body#home-page #flipper div.frame img {
      left: 50%;
      min-height: 36vw;
      position: absolute;
      top: 50%;
      transform: translate(-50%, -50%);
      width: 100%; }
      body#home-page #flipper div.frame img.mobile {
        display: none; }
    body#home-page #flipper div.frame div.details {
      bottom: 90px;
      display: block;
      left: 0;
      margin: 0 auto;
      position: absolute;
      right: 0;
      width: 1175px; }
      body#home-page #flipper div.frame div.details h1 {
        font-family: "Roboto Slab", serif;
        font-weight: 400;
        text-shadow: 2px 2px rgba(0, 0, 0, 0.5);
        color: white;
        font-size: 60px;
        width: 75%;
        line-height: 1em;
        margin: 0 0 30px; }
      body#home-page #flipper div.frame div.details a {
        font-family: "Oswald", sans-serif;
        font-weight: 400;
        padding: 8px 12px;
        background: white;
        color: #f9674e;
        display: inline-block;
        font-size: 18px;
        margin: 15px 0 0;
        text-decoration: none;
        text-transform: uppercase; }
        body#home-page #flipper div.frame div.details a:hover {
          color: #ce3c23; }
      body#home-page #flipper div.frame div.details div.body {
        font-family: "Roboto", sans-serif;
        font-weight: 400;
        color: white;
        font-size: 18px;
        width: 40%;
        text-shadow: 0 0 1px rgba(0, 0, 0, 0.25); }
        body#home-page #flipper div.frame div.details div.body p {
          margin: 0;
          padding: 8px 12px;
          background: rgba(0, 0, 0, 0.5); }
    body#home-page #flipper div.frame.active {
      opacity: 1;
      z-index: 10; }
  body#home-page #flipper div.dot-list {
    bottom: 50px;
    color: white;
    cursor: default;
    font-size: 14px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    width: 1175px;
    z-index: 10; }
    body#home-page #flipper div.dot-list a.dot {
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      cursor: pointer;
      display: inline-block;
      margin: 0 8px 0 0;
      border: 8px solid white;
      border-radius: 8px; }
      body#home-page #flipper div.dot-list a.dot:hover {
        border-color: #ce3c23; }
      body#home-page #flipper div.dot-list a.dot.active {
        border-color: #ffc841; }
body#home-page div.election {
  background: url("/design/images/hive-bg.png") repeat center center;
  overflow: auto;
  padding: 40px 0 15px; }
  body#home-page div.election div.inner {
    width: 1175px;
    margin: 0 auto;
    overflow: auto;
    text-align: center; }
    body#home-page div.election div.inner > h1 {
      font-family: "Roboto Slab", serif;
      font-weight: 400;
      color: #606060;
      margin: 0 0 2rem;
      font-weight: 300; }
      body#home-page div.election div.inner > h1 strong {
        color: #606060;
        font-weight: 900; }
      body#home-page div.election div.inner > h1 span {
        color: #ce3c23;
        font-weight: 900; }
  body#home-page div.election div.wrapper {
    display: inline-block;
    margin: 0 auto;
    overflow: auto;
    text-align: left; }
  body#home-page div.election div.feature {
    min-height: 425px;
    width: 275px;
    background: white;
    float: left;
    margin: 0 12px 25px 12px;
    position: relative; }
    body#home-page div.election div.feature:first-child {
      margin-left: 0; }
    body#home-page div.election div.feature:last-child {
      margin-right: 0; }
    body#home-page div.election div.feature img {
      width: 100%; }
    body#home-page div.election div.feature div.details {
      padding: 20px 30px 30px; }
    body#home-page div.election div.feature h2 {
      font-family: "Roboto Slab", serif;
      font-weight: 400;
      margin: 0.5em 0 0;
      font-size: 24px;
      color: #606060;
      line-height: 1.2em; }
    body#home-page div.election div.feature div.category {
      font-family: "Oswald", sans-serif;
      font-weight: 400;
      color: #b7b7b7;
      font-size: 13px;
      text-transform: uppercase; }
      body#home-page div.election div.feature div.category span {
        color: #6cc6c7; }
    body#home-page div.election div.feature p {
      font-family: "Roboto", sans-serif;
      font-weight: 400;
      color: #606060;
      line-height: 1.4em;
      font-size: 14px; }
    body#home-page div.election div.feature a.profile {
      font-family: "Roboto", sans-serif;
      font-weight: 400;
      text-transform: uppercase;
      color: #606060;
      font-size: 14px; }
      body#home-page div.election div.feature a.profile:hover {
        color: #f9674e; }
    body#home-page div.election div.feature a.vote {
      font-family: "Oswald", sans-serif;
      font-weight: 400;
      background: url("/design/images/vote-bg.png") no-repeat center center;
      background-size: 88px 80px;
      color: white;
      display: block;
      font-size: 25px;
      height: 80px;
      line-height: 80px;
      position: absolute;
      right: 12px;
      text-align: center;
      text-decoration: none;
      text-transform: uppercase;
      top: 80px;
      width: 88px; }
  body#home-page div.election div.sponsor {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    clear: both;
    color: #606060;
    font-size: 16px;
    font-style: italic;
    line-height: 78px;
    overflow: auto;
    text-align: center;
    vertical-align: middle; }
    body#home-page div.election div.sponsor img {
      margin-left: 20px;
      vertical-align: middle; }
body#home-page div.boxes div.inner {
  width: 1175px;
  margin: 0 auto;
  padding: 20px 0 0;
  overflow: auto; }
  body#home-page div.boxes div.inner div.column-1 {
    float: left;
    width: 50%; }
  body#home-page div.boxes div.inner div.column-2,
  body#home-page div.boxes div.inner div.column-3 {
    float: left;
    width: 25%; }
  body#home-page div.boxes div.inner div.article {
    background: #f9674e;
    box-sizing: border-box;
    padding: 22px;
    margin: 0 0 20px; }
    body#home-page div.boxes div.inner div.article > h4 {
      font-family: "Oswald", sans-serif;
      font-weight: 400;
      color: #ffe6a7;
      font-size: 14px;
      margin: 0;
      text-transform: uppercase; }
    body#home-page div.boxes div.inner div.article > h3 {
      font-family: "Roboto Slab", serif;
      font-weight: 300;
      color: white;
      font-size: 32px;
      line-height: 1.3em;
      margin: 5px 0 5px; }
      body#home-page div.boxes div.inner div.article > h3 a {
        text-decoration: none;
        color: white; }
        body#home-page div.boxes div.inner div.article > h3 a:hover {
          color: #ffc841; }
    body#home-page div.boxes div.inner div.article > p.date {
      font-family: "Roboto", sans-serif;
      font-weight: 400;
      color: #a22f1c;
      font-style: italic;
      font-size: 12px; }
    body#home-page div.boxes div.inner div.article div.body {
      font-family: "Roboto Slab", serif;
      font-weight: 400;
      color: #303030;
      font-size: 16px;
      line-height: 1.5em;
      max-height: 388px;
      overflow: hidden;
      text-overflow: ellipsis; }
      body#home-page div.boxes div.inner div.article div.body p {
        margin-top: 0; }
      body#home-page div.boxes div.inner div.article div.body a {
        color: white; }
        body#home-page div.boxes div.inner div.article div.body a:hover {
          color: #ffc841; }
    body#home-page div.boxes div.inner div.article a.more {
      font-family: "Roboto", sans-serif;
      font-weight: 700;
      display: inline-block;
      margin: 1em 0 0;
      text-transform: uppercase;
      font-size: 12px;
      color: white; }
      body#home-page div.boxes div.inner div.article a.more:hover {
        color: #ffc841; }
    body#home-page div.boxes div.inner div.article.count-2 div.body {
      max-height: 146px; }
  body#home-page div.boxes div.inner div.social-media {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    background: #e9e9e9;
    box-sizing: border-box;
    color: #808080;
    font-size: 16px;
    margin-bottom: 20px;
    margin-left: 20px;
    padding: 30px;
    text-align: center;
    min-height: 350px;
    overflow: hidden; }
    body#home-page div.boxes div.inner div.social-media .tweet {
      line-height: 1.5em; }
    body#home-page div.boxes div.inner div.social-media p.datetime, body#home-page div.boxes div.inner div.social-media a.join {
      font-family: "Oswald", sans-serif;
      font-weight: 400;
      text-transform: uppercase;
      font-size: 13px; }
      body#home-page div.boxes div.inner div.social-media p.datetime a, body#home-page div.boxes div.inner div.social-media a.join a {
        color: #797979; }
    body#home-page div.boxes div.inner div.social-media a {
      color: #107774;
      text-decoration: none; }
      body#home-page div.boxes div.inner div.social-media a:hover {
        color: #f9674e; }
  body#home-page div.boxes div.inner div.key-stat {
    background: #86d0d1;
    box-sizing: border-box;
    margin: 0 0 20px 20px;
    padding: 22px; }
    body#home-page div.boxes div.inner div.key-stat h3 {
      font-family: "Oswald", sans-serif;
      font-weight: 400;
      color: white;
      font-size: 14px;
      margin-top: 0;
      text-transform: uppercase; }
    body#home-page div.boxes div.inner div.key-stat div.body {
      font-family: "Roboto", sans-serif;
      font-weight: 400;
      font-size: 22px;
      line-height: 1.4em;
      color: #107774; }
  body#home-page div.boxes div.inner div.report {
    margin: 0 0 20px 20px;
    background: #f9674e; }
    body#home-page div.boxes div.inner div.report p {
      font-family: "Oswald", sans-serif;
      font-weight: 400;
      color: #2a2a2a;
      font-size: 22px;
      margin: 0;
      padding: 20px 20px 0; }
    body#home-page div.boxes div.inner div.report a.details {
      font-family: "Roboto", sans-serif;
      font-weight: 400;
      padding: 20px;
      display: block;
      color: white;
      text-decoration: underline; }
      body#home-page div.boxes div.inner div.report a.details:hover {
        color: yellow; }
  body#home-page div.boxes div.inner div.event {
    margin: 0 0 20px 20px;
    background: #f1f1f1; }
    body#home-page div.boxes div.inner div.event > img {
      width: 100%; }
    body#home-page div.boxes div.inner div.event h3 {
      font-family: "Oswald", sans-serif;
      font-weight: 400;
      background: #ffc841;
      color: white;
      font-size: 14px;
      margin: 0;
      padding: 8px 20px;
      text-transform: uppercase; }
    body#home-page div.boxes div.inner div.event a.details {
      padding: 20px;
      display: block;
      color: #797979;
      text-decoration: none; }
      body#home-page div.boxes div.inner div.event a.details:hover {
        color: #000; }
      body#home-page div.boxes div.inner div.event a.details h4 {
        font-family: "Roboto Slab", serif;
        font-weight: 400;
        font-size: 20px;
        margin: 0 0 8px; }
      body#home-page div.boxes div.inner div.event a.details div.dates {
        font-family: "Roboto", sans-serif;
        font-weight: 400;
        font-size: 14px; }
      body#home-page div.boxes div.inner div.event a.details .address {
        font-style: italic; }
      body#home-page div.boxes div.inner div.event a.details div.body {
        font-family: "Roboto", sans-serif;
        font-weight: 400;
        font-size: 14px;
        line-height: 1.5em;
        max-height: 6em;
        overflow: hidden;
        margin-bottom: 1em;
        overflow: hidden;
        position: relative;
        margin: 10px 0; }
      body#home-page div.boxes div.inner div.event a.details .body:before {
        background: #f1f1f1;
        bottom: 0;
        position: absolute;
        right: 0;
        content: '\2026'; }
      body#home-page div.boxes div.inner div.event a.details .body:after {
        content: '';
        background: #f1f1f1;
        position: absolute;
        height: 50px;
        width: 100%;
        z-index: 1; }
      body#home-page div.boxes div.inner div.event a.details span.more {
        font-family: "Roboto", sans-serif;
        font-weight: 700;
        text-transform: uppercase;
        font-size: 12px; }

@media only screen and (max-width: 768px) {
  body#home-page #flipper {
    min-width: 320px;
    height: 120vw;
    min-height: auto; }
    body#home-page #flipper div.frame {
      min-width: 320px;
      height: 120vw;
      min-height: auto; }
      body#home-page #flipper div.frame img {
        height: 120vw;
        min-height: auto; }
        body#home-page #flipper div.frame img.mobile {
          display: block; }
        body#home-page #flipper div.frame img.desktop {
          display: none; }
      body#home-page #flipper div.frame div.details {
        padding: 0 10px;
        bottom: 60px;
        box-sizing: border-box;
        width: 100%; }
        body#home-page #flipper div.frame div.details h1 {
          font-size: 26px;
          margin: 0 0 20px;
          width: 100%; }
        body#home-page #flipper div.frame div.details div.body {
          width: 100%; }
          body#home-page #flipper div.frame div.details div.body p {
            font-size: 14px;
            font-weight: 600; }
    body#home-page #flipper div.dot-list {
      left: 15px;
      bottom: 20px; }
      body#home-page #flipper div.dot-list a.dot {
        border-width: 10px;
        border-radius: 10px;
        margin-right: 14px; }
  body#home-page div.election {
    padding: 20px 10px 20px; }
    body#home-page div.election div.inner {
      width: 100%; }
      body#home-page div.election div.inner h1 {
        font-size: 20px; }
      body#home-page div.election div.inner div.feature {
        width: 100%;
        float: none;
        margin: 0 0 25px; }
      body#home-page div.election div.inner div.sponsor {
        line-height: normal; }
        body#home-page div.election div.inner div.sponsor img {
          margin: 0; }
  body#home-page div.boxes div.inner {
    width: 100%;
    padding: 10px 0 20px; }
    body#home-page div.boxes div.inner div.column-1,
    body#home-page div.boxes div.inner div.column-2,
    body#home-page div.boxes div.inner div.column-3 {
      width: 100%;
      float: none;
      padding: 0 10px;
      box-sizing: border-box; }
    body#home-page div.boxes div.inner div.article {
      margin-bottom: 10px; }
    body#home-page div.boxes div.inner div.key-stat {
      margin: 0 0 10px 0; }
    body#home-page div.boxes div.inner div.social-media {
      margin: 0 0 10px 0; }
    body#home-page div.boxes div.inner div.event {
      margin: 0 0 10px 0; } }
body#business-page #content {
  overflow: auto; }
body#business-page div.contact-card {
  background: url("/design/images/hive-bg.png") repeat center center;
  overflow: auto;
  padding: 20px 0; }
  body#business-page div.contact-card div.inner {
    margin: 0 auto;
    width: 1175px;
    position: relative; }
  body#business-page div.contact-card h1 {
    font-family: "Roboto Slab", serif;
    font-weight: 300;
    color: #f9674e;
    font-size: 38px;
    margin: 10px 0 4px;
    width: 80%; }
  body#business-page div.contact-card ul.categories {
    display: block;
    list-style-type: none;
    margin: 0 0 10px;
    overflow: auto;
    padding: 0;
    width: 80%; }
    body#business-page div.contact-card ul.categories a {
      font-family: "Oswald", sans-serif;
      font-weight: 400;
      background: #b9b9b9;
      color: white;
      display: inline-block;
      float: left;
      font-size: 12px;
      margin: 0 10px 0 0;
      padding: 2px 6px;
      text-decoration: none;
      text-transform: uppercase; }
      body#business-page div.contact-card ul.categories a:hover {
        background: #909090; }
  body#business-page div.contact-card div.social {
    position: absolute;
    right: 0;
    top: 20px; }
    body#business-page div.contact-card div.social a {
      height: 50px;
      display: block;
      float: left;
      width: 50px;
      opacity: 1;
      background-size: 100px 400px;
      background-image: url("/design/images/icons-sprite.png");
      background-repeat: no-repeat;
      background-position: 0px 0px; }
      body#business-page div.contact-card div.social a.facebook {
        background-position: -50px -0px; }
      body#business-page div.contact-card div.social a.twitter {
        background-position: -50px -50px; }
      body#business-page div.contact-card div.social a.website {
        background-position: -50px -200px; }
      body#business-page div.contact-card div.social a.instagram {
        background-position: -50px -150px; }
      body#business-page div.contact-card div.social a.linkedin {
        background-position: -50px -100px; }
      body#business-page div.contact-card div.social a:hover {
        opacity: 0.7; }
  body#business-page div.contact-card div.election {
    position: absolute;
    right: 0;
    top: 30px; }
    body#business-page div.contact-card div.election div.voted {
      width: 340px;
      line-height: 18px; }
    body#business-page div.contact-card div.election div.not-voted {
      width: 200px; }
    body#business-page div.contact-card div.election input[type="submit"] {
      font-family: "Oswald", sans-serif;
      font-weight: 400;
      background: #f9674e;
      border: 0;
      border-bottom: 3px solid #ce3c23;
      box-sizing: border-box;
      color: white;
      font-size: 24px;
      height: 60px;
      padding: 10px 36px;
      text-align: center;
      text-transform: uppercase;
      width: 200px;
      cursor: default; }
    body#business-page div.contact-card div.election input[type="submit"] {
      cursor: pointer; }
      body#business-page div.contact-card div.election input[type="submit"]:hover {
        background: #ce3c23;
        border-color: #772314; }
    body#business-page div.contact-card div.election p {
      font-family: "Roboto", sans-serif;
      font-weight: 700;
      color: #707070;
      font-size: 12px;
      margin: 8px 0 0;
      text-align: center;
      text-transform: uppercase; }
      body#business-page div.contact-card div.election p a {
        text-decoration: none;
        color: #f9674e; }
        body#business-page div.contact-card div.election p a:hover {
          color: #ce3c23; }
      body#business-page div.contact-card div.election p a.download {
        font-size: 14px; }
  body#business-page div.contact-card div.election + div.social {
    left: 0;
    margin-bottom: 15px;
    overflow: auto;
    position: relative;
    top: 0;
    width: 400px; }
    body#business-page div.contact-card div.election + div.social a {
      margin-left: 0;
      margin-right: 10px; }
body#business-page div.details {
  background: white;
  margin: 40px 0;
  overflow: auto; }
  body#business-page div.details div.inner {
    margin: 0 auto;
    width: 1175px; }
  body#business-page div.details div.left-column {
    width: 268px;
    float: left; }
    body#business-page div.details div.left-column div.blurb {
      font-family: "Roboto", sans-serif;
      font-weight: 400;
      font-size: 18px;
      margin: 0 0 40px;
      line-height: 1.4em; }
    body#business-page div.details div.left-column div.membership {
      overflow: auto;
      margin: 0 0 20px; }
      body#business-page div.details div.left-column div.membership div.block {
        background: #f3f3f3;
        float: left;
        margin: 0 0 8px 0;
        padding: 10px 13px;
        width: 104px; }
        body#business-page div.details div.left-column div.membership div.block span.title {
          font-family: "Oswald", sans-serif;
          font-weight: 400;
          text-transform: uppercase;
          color: #909090;
          display: block;
          font-size: 14px; }
        body#business-page div.details div.left-column div.membership div.block span.number {
          font-family: "Oswald", sans-serif;
          font-weight: 300;
          color: #86d0d1;
          font-size: 40px;
          line-height: 48px; }
        body#business-page div.details div.left-column div.membership div.block:nth-child(odd) {
          margin: 0 8px 0 0; }
    body#business-page div.details div.left-column ul.certifications {
      list-style-type: none;
      margin: 0;
      margin: 0 0 30px;
      padding: 0; }
      body#business-page div.details div.left-column ul.certifications li {
        font-family: "Oswald", sans-serif;
        font-weight: 400;
        color: #a0a0a0;
        font-size: 16px;
        margin: 9px 0;
        padding: 4px 0 4px 46px;
        position: relative;
        text-transform: uppercase; }
        body#business-page div.details div.left-column ul.certifications li:before {
          border-radius: 16px;
          content: "";
          display: block;
          height: 50px;
          left: -4px;
          position: absolute;
          top: -7px;
          width: 50px; }
        body#business-page div.details div.left-column ul.certifications li a {
          text-decoration: none;
          color: #909090; }
          body#business-page div.details div.left-column ul.certifications li a:hover {
            color: #f9674e; }
        body#business-page div.details div.left-column ul.certifications li.leaf:before {
          background: url("/design/images/icons-sprite.png") no-repeat 0 -200px;
          background-size: 100px 400px; }
        body#business-page div.details div.left-column ul.certifications li.one-percent:before {
          background: url("/design/images/icons-sprite.png") no-repeat 0 -100px;
          background-size: 100px 400px; }
        body#business-page div.details div.left-column ul.certifications li.b-corp:before {
          background: url("/design/images/icons-sprite.png") no-repeat 0 0;
          background-size: 100px 400px; }
        body#business-page div.details div.left-column ul.certifications li.organic:before {
          background: url("/design/images/icons-sprite.png") no-repeat 0 -50px;
          background-size: 100px 400px; }
        body#business-page div.details div.left-column ul.certifications li.fair-trade:before {
          background: url("/design/images/icons-sprite.png") no-repeat 0 -300px;
          background-size: 100px 400px; }
        body#business-page div.details div.left-column ul.certifications li.forest-council:before {
          background: url("/design/images/icons-sprite.png") no-repeat 0 -250px;
          background-size: 100px 400px; }
        body#business-page div.details div.left-column ul.certifications li.living-wage:before {
          background: url("/design/images/icons-sprite.png") no-repeat 0 -350px;
          background-size: 100px 400px; }
        body#business-page div.details div.left-column ul.certifications li.rainforest:before {
          background: url("/design/images/icons-sprite.png") no-repeat 0 -150px;
          background-size: 100px 400px; }
    body#business-page div.details div.left-column dl.extras {
      margin: 0 0 30px; }
      body#business-page div.details div.left-column dl.extras dt {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        font-family: "Oswald", sans-serif;
        font-weight: 400;
        color: #86d0d1;
        cursor: pointer;
        font-size: 15px;
        margin: 4px 0;
        text-transform: uppercase; }
        body#business-page div.details div.left-column dl.extras dt:after {
          content: " ▼";
          display: inline-block;
          font-size: 12px;
          left: 8px;
          position: relative;
          top: -3px; }
        body#business-page div.details div.left-column dl.extras dt:hover {
          color: #f9674e; }
        body#business-page div.details div.left-column dl.extras dt.closed:after {
          content: " ▲"; }
        body#business-page div.details div.left-column dl.extras dt.closed + dd {
          display: none; }
      body#business-page div.details div.left-column dl.extras dd {
        margin: 0;
        font-family: "Roboto", sans-serif;
        font-weight: 400;
        color: #909090;
        font-size: 15px;
        line-height: 20px;
        margin: 10px 0; }
        body#business-page div.details div.left-column dl.extras dd ul {
          margin: 10px 0;
          padding: 0 0 0 16px; }
          body#business-page div.details div.left-column dl.extras dd ul a {
            color: #909090;
            text-decoration: none; }
            body#business-page div.details div.left-column dl.extras dd ul a:hover {
              color: #f9674e; }
      body#business-page div.details div.left-column dl.extras div.location {
        padding: 0 0 16px 0; }
        body#business-page div.details div.left-column dl.extras div.location a {
          color: #86d0d1;
          text-decoration: none; }
          body#business-page div.details div.left-column dl.extras div.location a:hover {
            color: #f9674e; }
    body#business-page div.details div.left-column div.event {
      background: #f0f0f0; }
      body#business-page div.details div.left-column div.event h2 {
        font-family: "Oswald", sans-serif;
        font-weight: 400;
        background: #ffc841;
        color: white;
        font-size: 16px;
        margin: 0;
        padding: 8px 20px;
        text-transform: uppercase; }
      body#business-page div.details div.left-column div.event div.body {
        padding: 20px; }
        body#business-page div.details div.left-column div.event div.body h3 {
          font-family: "Roboto Slab", serif;
          font-weight: 400;
          color: #606060;
          margin: 0 0 10px; }
        body#business-page div.details div.left-column div.event div.body p {
          font-family: "Roboto", sans-serif;
          font-weight: 400;
          color: #606060;
          font-size: 14px; }
        body#business-page div.details div.left-column div.event div.body a.more {
          font-family: "Oswald", sans-serif;
          font-weight: 400;
          color: #606060;
          text-transform: uppercase; }
          body#business-page div.details div.left-column div.event div.body a.more:hover {
            color: black; }
  body#business-page div.details div.right-column {
    width: 876px;
    float: right;
    overflow: auto; }
    body#business-page div.details div.right-column #flipper {
      height: 470px;
      position: relative;
      width: 876px;
      margin: 0 0 30px; }
      body#business-page div.details div.right-column #flipper div.frame {
        left: 0;
        opacity: 0;
        position: absolute;
        top: 0; }
        body#business-page div.details div.right-column #flipper div.frame img {
          float: left; }
        body#business-page div.details div.right-column #flipper div.frame.active {
          opacity: 1;
          z-index: 10; }
      body#business-page div.details div.right-column #flipper div.dot-list {
        bottom: 30px;
        color: white;
        cursor: default;
        font-size: 14px;
        left: 30px;
        position: absolute;
        z-index: 20; }
        body#business-page div.details div.right-column #flipper div.dot-list a.dot {
          -webkit-user-select: none;
          -moz-user-select: none;
          -ms-user-select: none;
          user-select: none;
          cursor: pointer;
          display: inline-block;
          margin: 0 8px 0 0;
          border: 8px solid white;
          border-radius: 8px; }
          body#business-page div.details div.right-column #flipper div.dot-list a.dot:hover {
            border-color: #ce3c23; }
          body#business-page div.details div.right-column #flipper div.dot-list a.dot.active {
            border-color: #ffc841; }
    body#business-page div.details div.right-column div.sustainability {
      background: url("/design/images/hive-bg.png") repeat center center;
      margin: 0 0 30px;
      overflow: auto;
      width: 100%; }
      body#business-page div.details div.right-column div.sustainability h2 {
        font-family: "Oswald", sans-serif;
        font-weight: 400;
        background: #86d0d1;
        color: white;
        font-size: 16px;
        padding: 8px 20px;
        margin: 0;
        text-transform: uppercase; }
      body#business-page div.details div.right-column div.sustainability div.stat {
        width: 20%;
        float: left;
        margin: 20px 10px 30px 30px; }
        body#business-page div.details div.right-column div.sustainability div.stat div.title {
          font-family: "Oswald", sans-serif;
          font-weight: 400;
          color: #707070;
          font-size: 14px;
          text-transform: uppercase; }
        body#business-page div.details div.right-column div.sustainability div.stat div.number {
          font-family: "Oswald", sans-serif;
          font-weight: 300;
          color: #86d0d1;
          font-size: 44px;
          line-height: 44px; }
    body#business-page div.details div.right-column div.description {
      font-family: "Roboto Slab", serif;
      font-weight: 400;
      width: 65%;
      float: left; }
      body#business-page div.details div.right-column div.description p {
        margin-top: 0; }
      body#business-page div.details div.right-column div.description a {
        color: #86d0d1; }
      body#business-page div.details div.right-column div.description.wide {
        width: 100%; }
    body#business-page div.details div.right-column div.orchards {
      background: url("/design/images/hive-bg.png") repeat center center;
      float: right;
      margin: 0 0 30px;
      overflow: auto;
      width: 276px; }
      body#business-page div.details div.right-column div.orchards h2 {
        font-family: "Oswald", sans-serif;
        font-weight: 400;
        background: #87cd74;
        color: white;
        font-size: 16px;
        margin: 0;
        padding: 8px 20px;
        text-transform: uppercase; }
      body#business-page div.details div.right-column div.orchards div.stat {
        width: 38%;
        float: left;
        margin: 20px 10px 30px 20px; }
        body#business-page div.details div.right-column div.orchards div.stat div.title {
          font-family: "Oswald", sans-serif;
          font-weight: 400;
          color: #707070;
          font-size: 14px;
          text-transform: uppercase; }
        body#business-page div.details div.right-column div.orchards div.stat div.number {
          font-family: "Oswald", sans-serif;
          font-weight: 300;
          color: #87cd74;
          font-size: 34px;
          line-height: 34px; }
    body#business-page div.details div.right-column div.additional {
      float: right;
      width: 276px; }
      body#business-page div.details div.right-column div.additional h2 {
        font-family: "Oswald", sans-serif;
        font-weight: 400;
        background: #ce3c23;
        color: white;
        font-size: 16px;
        margin: 0;
        padding: 8px 20px;
        text-transform: uppercase; }
      body#business-page div.details div.right-column div.additional a.article {
        display: inline-block;
        margin-bottom: 10px;
        text-decoration: none;
        width: 100%; }
        body#business-page div.details div.right-column div.additional a.article img {
          float: left; }
        body#business-page div.details div.right-column div.additional a.article div.title {
          background: #f0f0f0;
          clear: left;
          padding: 20px; }
          body#business-page div.details div.right-column div.additional a.article div.title h5 {
            font-family: "Roboto Slab", serif;
            font-weight: 400;
            color: #f9674e;
            font-size: 18px;
            margin: 0 0 2px; }
          body#business-page div.details div.right-column div.additional a.article div.title div.date {
            font-family: "Roboto", sans-serif;
            font-weight: 400;
            color: #909090;
            font-size: 14px; }
        body#business-page div.details div.right-column div.additional a.article:hover h5 {
          text-decoration: underline; }

@media only screen and (max-width: 768px) {
  body#business-page div.contact-card {
    padding: 10px; }
    body#business-page div.contact-card div.inner {
      width: 100%; }
    body#business-page div.contact-card h1 {
      font-size: 30px;
      margin: 0 0 10px;
      width: auto; }
    body#business-page div.contact-card ul.categories {
      width: 100%; }
      body#business-page div.contact-card ul.categories a {
        font-size: 16px;
        margin: 0 10px 5px 0; }
    body#business-page div.contact-card div.election {
      position: relative;
      top: 0;
      left: 0;
      margin: 0 0 10px; }
      body#business-page div.contact-card div.election div.voted {
        width: 100%; }
        body#business-page div.contact-card div.election div.voted p {
          font-size: 12px; }
    body#business-page div.contact-card div.social {
      left: 0;
      position: relative;
      top: 0; }
    body#business-page div.contact-card div.election + div.social {
      width: 100%; }
  body#business-page div.details {
    margin: 20px 0 0; }
    body#business-page div.details div.inner {
      width: calc(100% - 20px);
      padding: 0 10px; }
    body#business-page div.details div.left-column {
      width: 100%;
      float: none; }
      body#business-page div.details div.left-column div.blurb {
        margin: 0 0 20px; }
      body#business-page div.details div.left-column div.membership div.block {
        width: calc(50% - 5px);
        box-sizing: border-box; }
      body#business-page div.details div.left-column dl.extras dt {
        font-size: 20px; }
      body#business-page div.details div.left-column dl.extras dd {
        line-height: 1.4rem;
        font-size: 16px; }
    body#business-page div.details div.right-column {
      width: 100%;
      float: none; }
      body#business-page div.details div.right-column #flipper {
        width: calc(100vw - 20px);
        height: 50vw; }
        body#business-page div.details div.right-column #flipper div.frame {
          font-size: 0;
          height: 50vw;
          overflow: hidden; }
          body#business-page div.details div.right-column #flipper div.frame img {
            float: none;
            width: 100%;
            height: auto; }
        body#business-page div.details div.right-column #flipper div.dot-list {
          bottom: 10px;
          left: 10px; }
      body#business-page div.details div.right-column div.sustainability {
        margin: 0 0 20px; }
        body#business-page div.details div.right-column div.sustainability h2 {
          font-size: 18px;
          margin: 0 0 10px; }
        body#business-page div.details div.right-column div.sustainability div.stat {
          width: calc(100% - 40px);
          margin: 0 20px 20px; }
      body#business-page div.details div.right-column div.description {
        width: 100%;
        float: none; }
      body#business-page div.details div.right-column div.orchards {
        width: 100%;
        float: none;
        margin: 0 0 20px; }
      body#business-page div.details div.right-column div.additional {
        float: none;
        width: 100%; }
        body#business-page div.details div.right-column div.additional a.article img {
          float: none;
          width: 100%; } }
/* Business Directory Listings */
body#directory-list #content {
  overflow: auto; }
body#directory-list div.listing h1 {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-size: 42px;
  color: #797979;
  padding-top: 30px;
  margin-bottom: 50px; }
body#directory-list div.listing div.inner {
  margin: 0 auto;
  width: 1200px; }
body#directory-list div.listing ul.menu {
  list-style-type: none;
  margin: 0 0 40px;
  padding: 0;
  width: 250px;
  float: left; }
  body#directory-list div.listing ul.menu hr {
    border: 0;
    border-bottom: 1px solid #e0e0e0; }
  body#directory-list div.listing ul.menu > li {
    position: relative; }
    body#directory-list div.listing ul.menu > li > a {
      font-family: "Oswald", sans-serif;
      font-weight: 400;
      color: #86d0d1;
      text-decoration: none;
      text-transform: uppercase;
      line-height: 1.8em; }
      body#directory-list div.listing ul.menu > li > a.active {
        color: #f9674e; }
      body#directory-list div.listing ul.menu > li > a:hover {
        color: black; }
body#directory-list div.listing ul.sub {
  margin: 0;
  list-style-type: none;
  padding: 0 0 0 20px; }
  body#directory-list div.listing ul.sub > li {
    margin: 4px 0; }
    body#directory-list div.listing ul.sub > li a {
      font-family: "Roboto", sans-serif;
      font-weight: 400;
      color: #909090;
      font-size: 14px;
      text-decoration: none;
      line-height: 1.6em; }
      body#directory-list div.listing ul.sub > li a.active {
        color: #f9674e; }
      body#directory-list div.listing ul.sub > li a:hover {
        color: black; }
body#directory-list div.listing a.feature {
  background: #f0f0f0;
  float: right;
  margin: 0 0 25px;
  position: relative;
  width: 450px;
  display: block;
  text-decoration: none; }
  body#directory-list div.listing a.feature:nth-child(even) {
    margin-right: 25px; }
  body#directory-list div.listing a.feature img {
    width: 450px;
    height: 219px; }
  body#directory-list div.listing a.feature div.details {
    padding: 20px 30px 30px; }
  body#directory-list div.listing a.feature h2 {
    font-family: "Oswald", sans-serif;
    font-weight: 400;
    background: #86d0d1;
    color: white;
    font-size: 16px;
    margin: 0;
    padding: 14px 25px;
    text-transform: uppercase; }
  body#directory-list div.listing a.feature h3 {
    font-family: "Roboto Slab", serif;
    font-weight: 400;
    margin: 0;
    font-size: 20px;
    color: #f9674e; }
  body#directory-list div.listing a.feature:hover h3 {
    color: #000; }
  body#directory-list div.listing a.feature .category {
    font-family: "Oswald", sans-serif;
    font-weight: 400;
    color: #86d0d1;
    font-size: 16px;
    text-transform: uppercase; }
  body#directory-list div.listing a.feature p {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    color: #606060;
    font-size: 16px;
    line-height: 1.4em; }
  body#directory-list div.listing a.feature a.profile {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    color: #606060; }
    body#directory-list div.listing a.feature a.profile:hover {
      color: #f9674e; }
  body#directory-list div.listing a.feature span.vote {
    font-family: "Oswald", sans-serif;
    font-weight: 400;
    background: url("/design/images/vote-bg.png") no-repeat center center;
    background-size: 88px 80px;
    color: white;
    display: block;
    font-size: 25px;
    height: 80px;
    line-height: 80px;
    position: absolute;
    right: 20px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    top: 232px;
    width: 88px; }
body#directory-list div.listing div.list {
  background: url("/design/images/hive-bg.png") repeat center top;
  float: right;
  margin: 0 0 60px;
  position: relative;
  width: 930px; }
  body#directory-list div.listing div.list h2 {
    font-family: "Oswald", sans-serif;
    font-weight: 400;
    background: #86d0d1;
    color: white;
    font-size: 16px;
    margin: 0 0 20px;
    padding: 14px 25px;
    text-transform: uppercase; }
  body#directory-list div.listing div.list div.paging.just {
    font-family: "Oswald", sans-serif;
    font-weight: 400;
    overflow: auto;
    position: absolute;
    right: 25px;
    top: 17px; }
  body#directory-list div.listing div.list div.paging.alphabet, body#directory-list div.listing div.list div.paging.bottom {
    font-family: "Oswald", sans-serif;
    font-weight: 400;
    overflow: auto;
    padding: 0 25px 20px;
    clear: both; }
  body#directory-list div.listing div.list div.paging div.alphabet,
  body#directory-list div.listing div.list div.paging div.bottom {
    float: left; }
    body#directory-list div.listing div.list div.paging div.alphabet a,
    body#directory-list div.listing div.list div.paging div.bottom a {
      display: inline-block;
      padding: 0 4px 0 4px;
      text-decoration: none;
      color: #505050;
      float: left; }
      body#directory-list div.listing div.list div.paging div.alphabet a:hover,
      body#directory-list div.listing div.list div.paging div.bottom a:hover {
        color: #f9674e; }
      body#directory-list div.listing div.list div.paging div.alphabet a.active,
      body#directory-list div.listing div.list div.paging div.bottom a.active {
        color: #f9674e; }
    body#directory-list div.listing div.list div.paging div.alphabet select,
    body#directory-list div.listing div.list div.paging div.bottom select {
      -moz-appearance: none;
      -webkit-appearance: none;
      appearance: none;
      background: #f9f9f9 url("/design/images/arrow-down-2x.png") no-repeat center right 15px;
      background-size: 15px 15px;
      border: 1px solid #c0c0c0;
      border-radius: 4px;
      padding: 10px;
      width: 100%;
      font-weight: 400;
      font-size: 18px;
      display: none; }
  body#directory-list div.listing div.list div.paging div.pages {
    float: right;
    font-size: 0; }
    body#directory-list div.listing div.list div.paging div.pages a {
      color: #107774;
      cursor: pointer;
      display: inline-block;
      margin: 0 6px 0;
      text-decoration: none; }
      body#directory-list div.listing div.list div.paging div.pages a:hover {
        color: black; }
    body#directory-list div.listing div.list div.paging div.pages a.prev,
    body#directory-list div.listing div.list div.paging div.pages a.next {
      background: url("/design/images/arrow-forward-2x.png") no-repeat center center/20px 20px;
      font-size: 20px;
      height: 20px;
      width: 20px;
      opacity: 0.75; }
      body#directory-list div.listing div.list div.paging div.pages a.prev:hover,
      body#directory-list div.listing div.list div.paging div.pages a.next:hover {
        opacity: 1; }
    body#directory-list div.listing div.list div.paging div.pages a.prev {
      background-image: url("/design/images/arrow-back-2x.png");
      margin-left: 0; }
    body#directory-list div.listing div.list div.paging div.pages a.next {
      margin-right: 0; }
    body#directory-list div.listing div.list div.paging div.pages a.page {
      border: 8px solid #107774;
      border-radius: 8px;
      display: inline-block;
      font-size: 20px;
      height: 0;
      width: 0;
      vertical-align: 3px; }
      body#directory-list div.listing div.list div.paging div.pages a.page.active {
        border-color: black; }
      body#directory-list div.listing div.list div.paging div.pages a.page:hover {
        border-color: black; }
  body#directory-list div.listing div.list ol {
    margin: 0;
    padding: 0; }
    body#directory-list div.listing div.list ol li {
      display: block;
      float: left;
      margin: 0 0 20px 25px;
      position: relative;
      width: 276px; }
      body#directory-list div.listing div.list ol li > a {
        text-decoration: none;
        display: block;
        background: white;
        padding: 0 0 16px; }
        body#directory-list div.listing div.list ol li > a img {
          float: left;
          height: 134px;
          width: 276px; }
        body#directory-list div.listing div.list ol li > a h3 {
          font-family: "Roboto Slab", serif;
          font-weight: 400;
          clear: both;
          color: #303030;
          font-size: 18px;
          height: 44px;
          line-height: 21px;
          margin: 0;
          padding: 16px 16px 0;
          width: 190px;
          overflow: hidden; }
        body#directory-list div.listing div.list ol li > a span.vote {
          font-family: "Oswald", sans-serif;
          font-weight: 400;
          background: url("/design/images/vote-bg.png") no-repeat center center;
          background-size: 50px 45px;
          color: white;
          display: block;
          font-size: 17px;
          height: 45px;
          line-height: 45px;
          position: absolute;
          right: 16px;
          text-align: center;
          text-decoration: none;
          text-transform: uppercase;
          top: 112px;
          width: 50px; }
        body#directory-list div.listing div.list ol li > a:hover {
          background: #526666; }
          body#directory-list div.listing div.list ol li > a:hover h3 {
            color: white; }
  body#directory-list div.listing div.list p.not-found {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    margin: 200px 0;
    text-align: center; }

@media only screen and (max-width: 768px) {
  body#directory-list div.listing h1 {
    margin: 20px;
    padding: 0;
    font-size: 30px; }
  body#directory-list div.listing div.inner {
    width: 100%; }
  body#directory-list div.listing ul.menu {
    box-sizing: border-box;
    display: none;
    float: none;
    padding: 0 20px;
    width: 100%; }
  body#directory-list div.listing a.feature {
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.25);
    float: none;
    margin: 10px;
    width: calc(100% - 20px); }
    body#directory-list div.listing a.feature h2 {
      font-size: 22px; }
    body#directory-list div.listing a.feature img {
      width: 100%;
      height: auto; }
    body#directory-list div.listing a.feature div.details {
      padding: 20px; }
  body#directory-list div.listing div.list {
    float: none;
    width: 100%;
    margin: 0;
    padding: 0 0 25px; }
    body#directory-list div.listing div.list h2 {
      font-size: 22px;
      margin: 0 0 10px; }
    body#directory-list div.listing div.list div.paging.just {
      padding: 0 10px 10px;
      position: relative;
      right: 0;
      top: 0; }
    body#directory-list div.listing div.list div.paging.alphabet {
      padding: 0 10px 10px; }
    body#directory-list div.listing div.list div.paging div.alphabet {
      float: none;
      margin: 0 0 15px;
      overflow: auto; }
      body#directory-list div.listing div.list div.paging div.alphabet a {
        display: none; }
      body#directory-list div.listing div.list div.paging div.alphabet select {
        display: block; }
    body#directory-list div.listing div.list div.paging div.pages {
      float: none; }
      body#directory-list div.listing div.list div.paging div.pages a.page {
        border: 10px solid #107774;
        border-radius: 10px; }
      body#directory-list div.listing div.list div.paging div.pages a.next,
      body#directory-list div.listing div.list div.paging div.pages a.prev {
        width: 28px;
        height: 28px; }
    body#directory-list div.listing div.list ol li {
      float: none;
      margin: 10px;
      width: calc(100% - 20px); }
      body#directory-list div.listing div.list ol li > a {
        box-shadow: 0 0 6px rgba(0, 0, 0, 0.25); }
        body#directory-list div.listing div.list ol li > a img {
          width: 100%;
          height: auto;
          float: none; }
        body#directory-list div.listing div.list ol li > a h3 {
          width: 100%;
          box-sizing: border-box;
          font-size: 20px;
          height: auto; } }
body#event-page #content {
  overflow: auto; }
body#event-page div.event {
  margin: 50px 0 75px; }
  body#event-page div.event div.inner {
    margin: 0 auto;
    overflow: auto;
    width: 1200px; }
  body#event-page div.event div.titles h2 {
    font-family: "Oswald", sans-serif;
    font-weight: 400;
    font-size: 16px;
    margin: 0; }
    body#event-page div.event div.titles h2 a {
      color: #909090;
      text-decoration: none;
      text-transform: uppercase; }
      body#event-page div.event div.titles h2 a:hover {
        color: #f9674e; }
  body#event-page div.event div.titles h1 {
    font-family: "Roboto Slab", serif;
    font-weight: 300;
    color: #f9674e;
    font-size: 40px;
    line-height: 40px;
    margin: 0 0 30px; }
  body#event-page div.event div.dates {
    width: 275px;
    float: left; }
    body#event-page div.event div.dates div.address {
      background: #f1f1f1;
      padding: 20px;
      line-height: 1.4em; }
    body#event-page div.event div.dates h3 {
      font-family: "Oswald", sans-serif;
      font-weight: 400;
      text-transform: uppercase;
      font-size: 18px;
      background: #ffc841;
      color: white;
      margin: 0;
      padding: 20px; }
    body#event-page div.event div.dates p {
      font-family: "Roboto", sans-serif;
      font-weight: 400;
      color: #303030;
      margin: 0; }
    body#event-page div.event div.dates a.map {
      font-family: "Oswald", sans-serif;
      font-weight: 400;
      color: #909090;
      display: inline-block;
      font-size: 14px;
      margin-top: 10px;
      text-transform: uppercase; }
      body#event-page div.event div.dates a.map:hover {
        color: black; }
  body#event-page div.event div.details {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5em;
    color: #2a2a2a;
    color: #404040;
    width: 610px;
    float: left;
    margin: 0 0 0 40px; }
    body#event-page div.event div.details p {
      color: #303030;
      margin-top: 0; }
    body#event-page div.event div.details ul {
      color: #303030; }
    body#event-page div.event div.details a {
      color: #107774; }
      body#event-page div.event div.details a:hover {
        color: #f9674e; }
    body#event-page div.event div.details div.body {
      margin: 0 0 2em; }
    body#event-page div.event div.details > img {
      margin-bottom: 1em; }
  body#event-page div.event div.sidebar {
    width: 235px;
    float: right;
    margin: 0 0 0 40px; }
    body#event-page div.event div.sidebar h3 {
      font-family: "Oswald", sans-serif;
      font-weight: 400;
      color: #86d0d1;
      margin: 0;
      text-transform: uppercase;
      font-size: 14px;
      margin: 20px 0 10px; }
    body#event-page div.event div.sidebar a {
      font-family: "Roboto", sans-serif;
      font-weight: 400;
      color: #107774; }
      body#event-page div.event div.sidebar a:hover {
        color: #f9674e; }
    body#event-page div.event div.sidebar a.tickets {
      font-size: 20px;
      background: #f9674e;
      border-radius: 4px;
      color: white;
      display: block;
      padding: 10px;
      text-align: center;
      text-decoration: none; }
      body#event-page div.event div.sidebar a.tickets:hover {
        background: black; }
body#event-page.reap-event div.event {
  margin-bottom: 50px; }
  body#event-page.reap-event div.event div.inner > h1 {
    color: #107774;
    font-size: 34px; }
body#event-page div.simple {
  margin: 33px 0 55px;
  padding-top: 40px; }
  body#event-page div.simple div.inner {
    margin: 0 auto;
    width: 1200px; }
    body#event-page div.simple div.inner > div.titles h1 {
      font-family: "Roboto Slab", serif;
      font-weight: 300;
      font-size: 42px;
      color: #f9674e;
      margin-top: 0; }
    body#event-page div.simple div.inner > div.body {
      margin: 0 0 50px;
      width: 100%;
      font-family: "Roboto", sans-serif;
      font-weight: 400;
      font-size: 16px;
      line-height: 1.5em;
      color: #2a2a2a;
      color: #404040; }
      body#event-page div.simple div.inner > div.body h1, body#event-page div.simple div.inner > div.body h2, body#event-page div.simple div.inner > div.body h3 {
        font-family: "Roboto Slab", serif;
        font-weight: 400;
        color: black;
        margin: 0;
        padding: 0;
        line-height: 1.5em;
        margin: .2em 0 0 0; }
      body#event-page div.simple div.inner > div.body h1 {
        font-size: 1.8em; }
      body#event-page div.simple div.inner > div.body h2 {
        font-size: 1.6em;
        font-family: "Roboto", sans-serif;
        font-weight: 300; }
        body#event-page div.simple div.inner > div.body h2 strong {
          font-family: "Roboto", sans-serif;
          font-weight: 700; }
      body#event-page div.simple div.inner > div.body h3 {
        font-family: "Roboto", sans-serif;
        font-weight: 700;
        font-size: 1.3em; }
      body#event-page div.simple div.inner > div.body h4, body#event-page div.simple div.inner > div.body h5, body#event-page div.simple div.inner > div.body h6 {
        margin: 0;
        padding: 0;
        line-height: 1.3em;
        margin: .2em 0em 0em 0em; }
      body#event-page div.simple div.inner > div.body h4 {
        text-transform: uppercase;
        border-bottom: 1px solid #f1f1f1;
        padding-bottom: 10px;
        margin-bottom: 10px;
        margin-top: 10px;
        font-size: 1em; }
      body#event-page div.simple div.inner > div.body a {
        color: #107774; }
        body#event-page div.simple div.inner > div.body a:hover {
          color: #f9674e; }
      body#event-page div.simple div.inner > div.body a.button {
        font-size: 20px;
        background: #f9674e;
        border-radius: 4px;
        color: white;
        display: inline-block;
        padding: 10px 40px;
        text-align: center;
        text-decoration: none; }
        body#event-page div.simple div.inner > div.body a.button:hover {
          background: black; }

body#create-event-page #content {
  overflow: auto; }
body#create-event-page div.create {
  margin: 0 0 75px; }
  body#create-event-page div.create div.inner {
    margin: 0 auto;
    width: 1200px;
    overflow: auto; }
  body#create-event-page div.create h1 {
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    font-size: 50px;
    color: #303030; }
  body#create-event-page div.create p {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    margin: 0; }
  body#create-event-page div.create div.left {
    width: 25%;
    float: left; }
  body#create-event-page div.create ul.form {
    list-style-type: none;
    padding: 0;
    width: 40%;
    margin: 0 40px 0;
    float: left; }
    body#create-event-page div.create ul.form label {
      font-family: "Roboto", sans-serif;
      font-weight: 700;
      display: block;
      margin: 0 0 5px; }
    body#create-event-page div.create ul.form li {
      font-family: "Roboto", sans-serif;
      font-weight: 400;
      margin: 0 0 1em; }
      body#create-event-page div.create ul.form li.error label {
        color: red; }
    body#create-event-page div.create ul.form ul.errorlist {
      color: red; }
    body#create-event-page div.create ul.form input, body#create-event-page div.create ul.form textarea {
      font-family: "Roboto", sans-serif;
      font-weight: 400;
      border: 1px solid #c0c0c0;
      border-radius: 4px;
      box-sizing: border-box;
      font-size: 14px;
      padding: 10px;
      width: 100%; }
    body#create-event-page div.create ul.form #id_start_date,
    body#create-event-page div.create ul.form #id_start_time,
    body#create-event-page div.create ul.form #id_end_date,
    body#create-event-page div.create ul.form #id_end_time {
      width: 25%; }
    body#create-event-page div.create ul.form span.helptext {
      font-family: "Roboto", sans-serif;
      font-weight: 300;
      color: #606060;
      font-size: 14px;
      font-style: italic; }

body#events-page #content {
  overflow: auto; }
body#events-page div.events {
  margin: 0 0 75px; }
  body#events-page div.events div.inner {
    margin: 0 auto;
    width: 1200px;
    overflow: auto; }
  body#events-page div.events h1 {
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    font-size: 42px;
    color: #797979;
    padding-top: 30px;
    margin-bottom: 50px; }
body#events-page div.details {
  width: 930px;
  float: left;
  margin: 0 0 0 20px;
  font-size: 0; }
  body#events-page div.details h2 {
    font-family: "Oswald", sans-serif;
    font-weight: 400;
    background: #86d0d1;
    color: white;
    font-size: 16px;
    margin: 0 0 10px;
    padding: 14px 25px;
    text-transform: uppercase;
    width: 100%;
    box-sizing: border-box; }
  body#events-page div.details p.nothing {
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    text-align: center;
    margin: 140px 0 0; }
    body#events-page div.details p.nothing a {
      color: #107774; }
      body#events-page div.details p.nothing a:hover {
        color: #f9674e; }
  body#events-page div.details div.row {
    display: flex; }
    body#events-page div.details div.row a.event {
      background: #f1f1f1;
      display: inline-block;
      margin: 0 15px 15px 0;
      padding: 20px;
      text-decoration: none;
      vertical-align: top;
      width: 260px; }
      body#events-page div.details div.row a.event:nth-child(3n) {
        margin-right: 0; }
      body#events-page div.details div.row a.event img {
        width: 260px;
        height: 230px; }
      body#events-page div.details div.row a.event h3 {
        font-family: "Roboto Slab", serif;
        font-weight: 400;
        color: #303030;
        font-size: 24px;
        margin: 16px 0 10px;
        line-height: 1.1em; }
      body#events-page div.details div.row a.event p {
        font-family: "Roboto", sans-serif;
        font-weight: 400;
        color: #606060;
        font-size: 14px; }
      body#events-page div.details div.row a.event:hover {
        background: #4fbabc; }
        body#events-page div.details div.row a.event:hover h3, body#events-page div.details div.row a.event:hover p {
          color: white; }
    body#events-page div.details div.row.featured a.event {
      width: 416px;
      margin: 0 18px 15px 0; }
      body#events-page div.details div.row.featured a.event:nth-child(2n) {
        margin-right: 0; }
      body#events-page div.details div.row.featured a.event img {
        width: 416px;
        height: 368px; }
body#events-page div.sidebar {
  width: 235px;
  float: left;
  margin: 0 0 0 40px; }
body#events-page div.left {
  float: left;
  width: 250px; }
  body#events-page div.left div.dates {
    height: 320px;
    position: relative;
    width: 250px; }
  body#events-page div.left a.create {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    background: #86d0d1;
    border-radius: 4px;
    color: white;
    display: block;
    padding: 10px;
    text-align: center;
    text-decoration: none; }
    body#events-page div.left a.create:hover {
      background: #f9674e; }
body#events-page table.dijitCalendarContainer {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  border: 0;
  position: absolute;
  top: 0;
  width: 100%; }
  body#events-page table.dijitCalendarContainer th {
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    background: white; }
  body#events-page table.dijitCalendarContainer td {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    color: #909090;
    background: white;
    padding: 6px; }
    body#events-page table.dijitCalendarContainer td.events {
      font-family: "Roboto", sans-serif;
      font-weight: 700;
      color: black; }
    body#events-page table.dijitCalendarContainer td.dijitCalendarCurrentDate {
      font-family: "Roboto", sans-serif;
      font-weight: 400;
      background: #e0e0e0 !important;
      border: 0 !important;
      border-radius: 5px;
      text-decoration: none; }
    body#events-page table.dijitCalendarContainer td.dijitCalendarSelectedDate {
      font-family: "Roboto", sans-serif;
      font-weight: 700;
      background: #f9674e !important;
      border: 0 !important;
      border-radius: 5px;
      color: white !important;
      text-decoration: none; }
  body#events-page table.dijitCalendarContainer .dijitCalendarSelectedYear {
    background: #f9674e !important;
    border: 0 !important;
    border-radius: 4px;
    color: white;
    padding: 5px 10px; }
  body#events-page table.dijitCalendarContainer .dijitButtonNode {
    padding: 3px 7px; }
  body#events-page table.dijitCalendarContainer .dijitCalendarIncrease {
    background: none; }
    body#events-page table.dijitCalendarContainer .dijitCalendarIncrease:after {
      content: "▶"; }
  body#events-page table.dijitCalendarContainer .dijitCalendarDecrease {
    background: none; }
    body#events-page table.dijitCalendarContainer .dijitCalendarDecrease:after {
      content: "◀"; }
  body#events-page table.dijitCalendarContainer .dijitArrowButtonInner {
    display: none; }
body#events-page .dijitCalendarMonthLabel {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  padding: 3px 6px; }

@media only screen and (max-width: 768px) {
  body#event-page div.event {
    margin: 0; }
    body#event-page div.event div.inner {
      width: 100%; }
    body#event-page div.event div.titles {
      padding: 20px 20px 0; }
      body#event-page div.event div.titles h1 {
        font-size: 30px;
        line-height: 32px; }
    body#event-page div.event div.dates {
      width: calc(100% - 20px);
      float: none;
      margin: 0 10px 20px; }
    body#event-page div.event div.details {
      float: none;
      margin: 0 10px 20px;
      width: calc(100% - 20px); }
      body#event-page div.event div.details > img {
        width: 100%; }
    body#event-page div.event div.sidebar {
      width: calc(100% - 20px);
      margin: 0 10px 20px; }
  body#event-page div.simple {
    padding: 0;
    margin: 0; }
    body#event-page div.simple div.inner {
      width: 100%; }
      body#event-page div.simple div.inner > div.titles {
        padding: 20px 20px 0; }
        body#event-page div.simple div.inner > div.titles h1 {
          font-size: 30px;
          line-height: 32px; }
      body#event-page div.simple div.inner > div.body {
        padding: 0 20px;
        box-sizing: border-box; }

  body#events-page div.events {
    margin: 0; }
    body#events-page div.events div.inner {
      width: 100%; }
    body#events-page div.events h1 {
      font-size: 30px;
      margin: 20px;
      padding: 0; }
  body#events-page div.left {
    display: none; }
  body#events-page div.details {
    box-sizing: border-box;
    margin: 0;
    padding: 0 10px;
    width: 100%; }
    body#events-page div.details h2 {
      font-size: 22px;
      margin: 0; }
    body#events-page div.details div.row {
      display: block; }
      body#events-page div.details div.row a.event {
        box-sizing: border-box;
        margin: 10px 0;
        width: 100%; }
      body#events-page div.details div.row.featured a.event {
        box-sizing: border-box;
        margin: 10px 0;
        width: 100%; }
        body#events-page div.details div.row.featured a.event img {
          width: 100%;
          height: auto; } }
body#simple-page #content {
  overflow: auto; }
body#simple-page div.simple {
  margin: 33px 0 75px;
  padding-top: 40px; }
  body#simple-page div.simple div.inner {
    margin: 0 auto;
    width: 1200px; }
    body#simple-page div.simple div.inner > div.titles h1 {
      font-family: "Roboto Slab", serif;
      font-weight: 300;
      color: #f9674e;
      margin-top: 0; }
      body#simple-page div.simple div.inner > div.titles h1 span.parent {
        font-size: 30px; }
      body#simple-page div.simple div.inner > div.titles h1 span.divider {
        color: #d0d0d0;
        margin: 0 4px; }
      body#simple-page div.simple div.inner > div.titles h1 span.title {
        font-size: 42px; }
    body#simple-page div.simple div.inner > div.titles h2 {
      font-family: "Oswald", sans-serif;
      font-weight: 400;
      font-size: 16px;
      margin: 0; }
      body#simple-page div.simple div.inner > div.titles h2 a {
        color: #909090;
        text-decoration: none;
        text-transform: uppercase; }
        body#simple-page div.simple div.inner > div.titles h2 a:hover {
          color: #f9674e; }
    body#simple-page div.simple div.inner > div.menu {
      width: 250px;
      margin: 0 0 30px;
      float: left; }
      body#simple-page div.simple div.inner > div.menu dl {
        margin-top: 0;
        padding-top: 0; }
      body#simple-page div.simple div.inner > div.menu dt {
        font-family: "Oswald", sans-serif;
        font-weight: 400;
        color: #86d0d1;
        text-transform: uppercase;
        margin: 6px 0; }
      body#simple-page div.simple div.inner > div.menu dd {
        margin: 0;
        margin-bottom: 14px; }
      body#simple-page div.simple div.inner > div.menu ul {
        margin: 0 0 0 12px;
        padding: 0;
        list-style-type: none; }
        body#simple-page div.simple div.inner > div.menu ul a {
          font-family: "Roboto", sans-serif;
          font-weight: 400;
          color: #909090;
          display: inline-block;
          font-size: 14px;
          text-decoration: none;
          line-height: 1.8em; }
          body#simple-page div.simple div.inner > div.menu ul a.active {
            color: #f9674e; }
          body#simple-page div.simple div.inner > div.menu ul a:hover {
            color: #f9674e; }
    body#simple-page div.simple div.inner > div.hero {
      width: 910px;
      float: right;
      margin: 0 0 20px;
      position: relative;
      overflow: auto; }
      body#simple-page div.simple div.inner > div.hero:hover div.caption {
        opacity: 1;
        transition: opacity .5s ease-out; }
      body#simple-page div.simple div.inner > div.hero img {
        width: 100%;
        float: left; }
      body#simple-page div.simple div.inner > div.hero div.caption {
        font-family: "Roboto", sans-serif;
        font-weight: 400;
        position: absolute;
        right: 0;
        bottom: 0;
        padding: 6px 12px;
        background: white;
        color: #606060;
        font-size: 12px;
        opacity: .5; }
    body#simple-page div.simple div.inner > div.body {
      margin: 0 0 50px;
      width: 910px;
      font-family: "Roboto", sans-serif;
      font-weight: 400;
      font-size: 16px;
      line-height: 1.5em;
      color: #2a2a2a;
      color: #404040; }
      body#simple-page div.simple div.inner > div.body.with-menu {
        float: right; }
      body#simple-page div.simple div.inner > div.body h1, body#simple-page div.simple div.inner > div.body h2, body#simple-page div.simple div.inner > div.body h3 {
        font-family: "Roboto Slab", serif;
        font-weight: 400;
        color: black;
        margin: 0;
        padding: 0;
        line-height: 1.5em;
        margin: .2em 0 0 0; }
      body#simple-page div.simple div.inner > div.body h1 {
        font-size: 1.8em; }
      body#simple-page div.simple div.inner > div.body h2 {
        font-size: 1.6em;
        font-family: "Roboto", sans-serif;
        font-weight: 300; }
        body#simple-page div.simple div.inner > div.body h2 strong {
          font-family: "Roboto", sans-serif;
          font-weight: 700; }
      body#simple-page div.simple div.inner > div.body h3 {
        font-family: "Roboto", sans-serif;
        font-weight: 700;
        font-size: 1.3em; }
      body#simple-page div.simple div.inner > div.body h4, body#simple-page div.simple div.inner > div.body h5, body#simple-page div.simple div.inner > div.body h6 {
        margin: 0;
        padding: 0;
        line-height: 1.3em;
        margin: .2em 0em 0em 0em; }
      body#simple-page div.simple div.inner > div.body h4 {
        text-transform: uppercase;
        border-bottom: 1px solid #f1f1f1;
        padding-bottom: 10px;
        margin-bottom: 10px;
        margin-top: 10px;
        font-size: 1em; }
      body#simple-page div.simple div.inner > div.body img {
        float: left;
        margin: 0 20px 10px 0; }
      body#simple-page div.simple div.inner > div.body hr {
        margin: 30px 0;
        padding: 0;
        border: 0;
        border-top: 1px solid #797979;
        outline: 0; }
      body#simple-page div.simple div.inner > div.body blockquote {
        padding: 30px;
        margin: 0;
        font-size: 22px;
        line-height: 1.3em;
        color: #f9674e; }
      body#simple-page div.simple div.inner > div.body div.ad {
        font-family: "Roboto", sans-serif;
        font-weight: 300;
        background: #c0c0c0;
        color: #606060;
        display: none;
        float: right;
        font-size: 60px;
        margin: 0 0 30px 30px;
        padding: 220px 0;
        text-align: center;
        text-transform: uppercase;
        width: 250px; }
      body#simple-page div.simple div.inner > div.body p {
        overflow: auto;
        padding: .2em 0 1em 0;
        margin: 0; }
        body#simple-page div.simple div.inner > div.body p strong {
          font-family: "Roboto", sans-serif;
          font-weight: 700; }
      body#simple-page div.simple div.inner > div.body a {
        color: #107774; }
        body#simple-page div.simple div.inner > div.body a:hover {
          color: #f9674e; }
      body#simple-page div.simple div.inner > div.body a.button {
        font-size: 20px;
        background: #f9674e;
        border-radius: 4px;
        color: white;
        display: inline-block;
        padding: 10px 40px;
        text-align: center;
        text-decoration: none; }
        body#simple-page div.simple div.inner > div.body a.button:hover {
          background: black; }

@media only screen and (max-width: 768px) {
  body#simple-page div.simple {
    padding: 0 10px;
    margin: 0; }
    body#simple-page div.simple div.inner {
      width: 100%; }
      body#simple-page div.simple div.inner > div.titles {
        padding: 20px 10px;
        border-bottom: 2px solid #e0e0e0;
        margin: 0 0 20px; }
        body#simple-page div.simple div.inner > div.titles h1 {
          font-size: 30px;
          margin: 0;
          padding: 0; }
          body#simple-page div.simple div.inner > div.titles h1 span.parent {
            display: none; }
          body#simple-page div.simple div.inner > div.titles h1 span.divider {
            display: none; }
          body#simple-page div.simple div.inner > div.titles h1 span.title {
            display: block;
            font-size: 35px;
            line-height: 38px; }
        body#simple-page div.simple div.inner > div.titles h2 {
          display: none; }
      body#simple-page div.simple div.inner > div.menu {
        box-sizing: border-box;
        float: none;
        padding: 0 10px;
        width: 100%;
        border-bottom: 2px solid #e0e0e0; }
      body#simple-page div.simple div.inner > div.hero {
        float: none;
        width: 100%; }
      body#simple-page div.simple div.inner > div.body {
        float: none;
        width: 100%;
        font-size: 15px; } }
body#signin-page #content {
  overflow: auto; }
body#signin-page div.signin {
  margin: 50px 0 75px; }
  body#signin-page div.signin div.inner {
    margin: 0 auto;
    width: 800px; }
  body#signin-page div.signin h1 {
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    color: #909090;
    font-size: 50px;
    line-height: 50px;
    margin: 0 0 30px;
    text-align: center; }
  body#signin-page div.signin p {
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    margin: 0 0 30px;
    text-align: center; }
  body#signin-page div.signin ul.form {
    list-style-type: none;
    margin: 0;
    margin: 0 auto;
    padding: 0;
    width: 500px; }
    body#signin-page div.signin ul.form label {
      font-family: "Roboto Slab", serif;
      font-weight: 700;
      display: inline-block;
      margin: 0 10px 0 0;
      text-align: right;
      width: 100px; }
    body#signin-page div.signin ul.form li {
      padding: 5px 0; }
    body#signin-page div.signin ul.form input[type="text"],
    body#signin-page div.signin ul.form input[type="password"] {
      font-family: "Roboto", sans-serif;
      font-weight: 400;
      border: 1px solid #c0c0c0;
      border-radius: 4px;
      font-size: 16px;
      padding: 8px;
      width: 300px; }
    body#signin-page div.signin ul.form input[type="submit"] {
      font-family: "Roboto", sans-serif;
      font-weight: 700;
      background: #f9674e;
      border: 0;
      border-radius: 4px;
      color: white;
      cursor: pointer;
      margin: 0 0 0 114px;
      padding: 10px 20px; }
      body#signin-page div.signin ul.form input[type="submit"]:hover {
        background: black; }
  body#signin-page div.signin ul.errorlist {
    font-family: "Roboto Slab", serif;
    font-weight: 400;
    color: red;
    list-style-type: none;
    margin: 0 0 0 114px;
    padding: 0; }

body#profile-page #content {
  overflow: auto; }
body#profile-page div.profile {
  margin: 50px 0 20px;
  overflow: auto; }
  body#profile-page div.profile div.inner {
    margin: 0 auto;
    width: 1200px; }
  body#profile-page div.profile h1 {
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    color: #909090;
    font-size: 42px;
    line-height: 50px;
    margin: 0 0 30px; }
    body#profile-page div.profile h1 a.logout {
      font-family: "Roboto", sans-serif;
      font-weight: 700;
      color: #f9674e;
      float: right;
      font-size: 16px;
      margin: 12px 0 0;
      text-decoration: none; }
      body#profile-page div.profile h1 a.logout:hover {
        color: black; }
    body#profile-page div.profile h1 a {
      text-decoration: none;
      color: #86d0d1; }
      body#profile-page div.profile h1 a:hover {
        color: #f9674e; }
  body#profile-page div.profile p {
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    margin: 0 0 30px; }
  body#profile-page div.profile div.left {
    width: 47%;
    float: left;
    margin: 0 3% 0 0; }
  body#profile-page div.profile div.right {
    width: 50%;
    float: right; }
  body#profile-page div.profile div.event {
    width: 75%; }
    body#profile-page div.profile div.event input[type="text"],
    body#profile-page div.profile div.event textarea {
      width: 680px; }
  body#profile-page div.profile fieldset {
    border: 1px solid #d0d0d0;
    margin: 0 0 20px;
    border-radius: 4px;
    padding: 20px; }
    body#profile-page div.profile fieldset legend {
      font-family: "Oswald", sans-serif;
      font-weight: 400;
      color: #87cd74;
      text-transform: uppercase; }
    body#profile-page div.profile fieldset ul.location {
      padding: 0;
      margin: 0;
      list-style-type: none; }
      body#profile-page div.profile fieldset ul.location.location {
        border-bottom: 1px solid #d0d0d0;
        margin: 0 0 20px;
        padding: 0 0 20px; }
      body#profile-page div.profile fieldset ul.location:last-child {
        border: 0;
        margin: 0;
        padding: 0; }
    body#profile-page div.profile fieldset li {
      padding: 7px 0;
      font-family: "Roboto", sans-serif;
      font-weight: 400; }
      body#profile-page div.profile fieldset li a {
        color: #107774; }
        body#profile-page div.profile fieldset li a:hover {
          color: #f9674e; }
      body#profile-page div.profile fieldset li > label {
        font-family: "Roboto Slab", serif;
        font-weight: 700;
        display: inline-block;
        margin: 6px 10px 0 0;
        text-align: right;
        width: 120px;
        float: left; }
        body#profile-page div.profile fieldset li > label[for="image-clear_id"] {
          font-family: "Roboto", sans-serif;
          font-weight: 400;
          width: auto;
          float: none; }
    body#profile-page div.profile fieldset input[type="text"],
    body#profile-page div.profile fieldset input[type="email"],
    body#profile-page div.profile fieldset input[type="number"],
    body#profile-page div.profile fieldset input[type="file"],
    body#profile-page div.profile fieldset textarea {
      font-family: "Roboto", sans-serif;
      font-weight: 400;
      border: 1px solid #c0c0c0;
      border-radius: 4px;
      font-size: 16px;
      padding: 8px;
      width: 320px; }
    body#profile-page div.profile fieldset span.helptext {
      font-family: "Roboto", sans-serif;
      font-weight: 300;
      color: #606060;
      font-size: 14px;
      font-style: italic;
      margin: 4px 0 0 0; }
      body#profile-page div.profile fieldset span.helptext.below {
        display: block;
        margin-left: 135px; }
    body#profile-page div.profile fieldset a.another {
      font-family: "Roboto", sans-serif;
      font-weight: 400;
      color: #f9674e;
      cursor: pointer;
      float: right;
      margin: 0 50px 0 0;
      text-decoration: none; }
      body#profile-page div.profile fieldset a.another:hover {
        color: black; }
    body#profile-page div.profile fieldset .hidden {
      display: none; }
    body#profile-page div.profile fieldset #id_start_date,
    body#profile-page div.profile fieldset #id_end_date,
    body#profile-page div.profile fieldset #id_start_time,
    body#profile-page div.profile fieldset #id_end_time {
      width: 100px; }
    body#profile-page div.profile fieldset #id_image {
      margin-top: 10px; }
  body#profile-page div.profile input[type="submit"] {
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    background: #f9674e;
    border: 0;
    border-radius: 4px;
    color: white;
    cursor: pointer;
    padding: 10px 20px;
    font-size: 16px; }
    body#profile-page div.profile input[type="submit"]:hover {
      background: black; }
    body#profile-page div.profile input[type="submit"].event {
      margin-left: 135px; }
  body#profile-page div.profile a.cancel {
    margin: 10px 20px; }
  body#profile-page div.profile ul.social,
  body#profile-page div.profile ul.event {
    list-style-type: none;
    margin: 0;
    padding: 0; }
  body#profile-page div.profile a.new-event {
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    background: #f9674e;
    border: 0;
    border-radius: 4px;
    color: white;
    cursor: pointer;
    display: inline-block;
    float: right;
    font-size: 16px;
    margin: 10px 0 0;
    padding: 10px 20px;
    text-decoration: none; }
    body#profile-page div.profile a.new-event:hover {
      background: black; }
  body#profile-page div.profile ul.events {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    list-style-type: none;
    margin: 0;
    padding: 10px 0 0; }
    body#profile-page div.profile ul.events li {
      border-bottom: 1px solid #d0d0d0;
      padding: 0 0 10px;
      margin: 0 0 10px; }
    body#profile-page div.profile ul.events a.edit {
      color: #107774;
      text-decoration: none;
      width: 450px;
      display: inline-block; }
      body#profile-page div.profile ul.events a.edit:hover {
        color: black; }
    body#profile-page div.profile ul.events a.view {
      color: #909090;
      float: right;
      text-decoration: none; }
      body#profile-page div.profile ul.events a.view:hover {
        color: black; }
  body#profile-page div.profile ol.business-list {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    min-height: 250px;
    color: #909090; }
    body#profile-page div.profile ol.business-list a {
      text-decoration: none;
      color: #86d0d1; }
      body#profile-page div.profile ol.business-list a:hover {
        color: #f9674e; }

/* Styling for the living locally article pages. */
body#article-page #content > div.inner {
  margin: 0 auto;
  overflow: auto;
  width: 1200px;
  padding: 50px 0; }
  body#article-page #content > div.inner > h1 {
    font-family: "Roboto Slab", serif;
    font-weight: 300;
    color: #f9674e;
    font-size: 40px;
    line-height: 40px;
    margin: 6px 0 10px; }
  body#article-page #content > div.inner > h2 {
    font-family: "Oswald", sans-serif;
    font-weight: 400;
    font-size: 16px;
    margin: 0;
    color: #909090;
    text-transform: uppercase; }
    body#article-page #content > div.inner > h2 a {
      color: #909090;
      text-decoration: none; }
      body#article-page #content > div.inner > h2 a:hover {
        color: #86d0d1; }
  body#article-page #content > div.inner > h3 {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    color: #909090;
    font-size: 22px;
    margin: 0 0 10px; }
body#article-page div.attribution {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  color: #b0b0b0;
  font-style: italic;
  font-size: 14px;
  overflow: auto; }
  body#article-page div.attribution a {
    color: #86d0d1;
    text-decoration: none; }
    body#article-page div.attribution a:hover {
      text-decoration: underline; }
  body#article-page div.attribution span.names {
    display: inline-block;
    width: calc(100% - 220px); }
  body#article-page div.attribution div.fb-share-button {
    margin: 0 10px;
    float: right; }
  body#article-page div.attribution iframe.twitter-share-button {
    margin: 0 10px;
    float: right; }
body#article-page div.left {
  float: left;
  margin: 40px 0 0;
  width: 276px; }
  body#article-page div.left h4 {
    font-family: "Oswald", sans-serif;
    font-weight: 400;
    background: #ffc841;
    color: white;
    margin: 0 0 6px;
    padding: 15px 16px;
    text-align: left;
    text-transform: uppercase;
    font-size: 13px;
    line-height: 13px; }
  body#article-page div.left a {
    text-decoration: none;
    display: block;
    margin: 6px 0; }
    body#article-page div.left a img {
      float: left; }
    body#article-page div.left a div.title {
      background: #f0f0f0;
      clear: left;
      padding: 20px; }
      body#article-page div.left a div.title h5 {
        font-family: "Roboto Slab", serif;
        font-weight: 400;
        color: #f9674e;
        font-size: 18px;
        margin: 0 0 2px; }
      body#article-page div.left a div.title div.date {
        font-family: "Roboto", sans-serif;
        font-weight: 400;
        color: #909090;
        font-size: 14px; }
    body#article-page div.left a:hover h5 {
      text-decoration: underline; }
body#article-page div.right {
  float: right;
  margin: 40px 0 0;
  width: 876px; }
  body#article-page div.right img.hero {
    width: 876px;
    height: 470px;
    margin: 0 0 16px; }
body#article-page div.body {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5em;
  color: #2a2a2a;
  color: #404040; }
  body#article-page div.body h1, body#article-page div.body h2, body#article-page div.body h3 {
    font-family: "Roboto Slab", serif;
    font-weight: 400; }
  body#article-page div.body strong {
    font-family: "Roboto", sans-serif;
    font-weight: 700; }
  body#article-page div.body a {
    color: #107774;
    text-decoration: none; }
    body#article-page div.body a:hover {
      text-decoration: underline; }
  body#article-page div.body p {
    margin-top: 0; }

/* Living local Article Listing pages */
body#article-list #content > div.inner {
  margin: 0 auto;
  overflow: auto;
  width: 1200px;
  padding: 0 0 50px; }
  body#article-list #content > div.inner h1 {
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    font-size: 42px;
    color: #797979;
    padding-top: 30px;
    margin-bottom: 50px; }
  body#article-list #content > div.inner h2 {
    font-size: 1.6em;
    font-family: "Roboto", sans-serif;
    font-weight: 300; }
    body#article-list #content > div.inner h2 strong {
      font-family: "Roboto", sans-serif;
      font-weight: 700; }
  body#article-list #content > div.inner h3 {
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-size: 1.3em; }
  body#article-list #content > div.inner h4, body#article-list #content > div.inner h5, body#article-list #content > div.inner h6 {
    margin: 0;
    padding: 0;
    line-height: 1.3em;
    margin: .2em 0em 0em 0em; }
  body#article-list #content > div.inner h4 {
    text-transform: uppercase;
    border-bottom: 1px solid #f1f1f1;
    padding-bottom: 10px;
    margin-bottom: 10px;
    margin-top: 10px;
    font-size: 1em; }
  body#article-list #content > div.inner ul.menu {
    list-style-type: none;
    margin: 0 0 40px;
    padding: 0;
    width: 270px;
    float: left; }
    body#article-list #content > div.inner ul.menu hr {
      border: 0;
      border-bottom: 1px solid #e0e0e0; }
    body#article-list #content > div.inner ul.menu > li {
      position: relative; }
      body#article-list #content > div.inner ul.menu > li > a {
        font-family: "Oswald", sans-serif;
        font-weight: 400;
        color: #86d0d1;
        text-decoration: none;
        text-transform: uppercase;
        line-height: 1.8em; }
        body#article-list #content > div.inner ul.menu > li > a.active {
          color: #f9674e; }
        body#article-list #content > div.inner ul.menu > li > a:hover {
          color: black; }
  body#article-list #content > div.inner ul.sub {
    margin: 0;
    list-style-type: none;
    padding: 0 0 0 20px; }
    body#article-list #content > div.inner ul.sub > li {
      margin: 4px 0; }
      body#article-list #content > div.inner ul.sub > li a {
        font-family: "Roboto", sans-serif;
        font-weight: 400;
        color: #909090;
        font-size: 14px;
        text-decoration: none;
        line-height: 1.6em; }
        body#article-list #content > div.inner ul.sub > li a.active {
          color: #f9674e; }
        body#article-list #content > div.inner ul.sub > li a:hover {
          color: black; }
  body#article-list #content > div.inner div.list {
    width: 876px;
    float: right; }
    body#article-list #content > div.inner div.list div.large-article > a {
      text-decoration: none; }
      body#article-list #content > div.inner div.list div.large-article > a > img {
        float: left;
        height: 470px;
        margin: 0 0 20px 0;
        width: 876px; }
      body#article-list #content > div.inner div.list div.large-article > a > h1 {
        font-family: "Roboto Slab", serif;
        font-weight: 300;
        color: #f9674e;
        font-size: 32px;
        line-height: 40px;
        margin: 6px 0 10px;
        padding-top: 0; }
      body#article-list #content > div.inner div.list div.large-article > a:hover > h1 {
        text-decoration: underline; }
    body#article-list #content > div.inner div.list div.large-article > h2 {
      font-family: "Oswald", sans-serif;
      font-weight: 400;
      font-size: 16px;
      margin: 0;
      color: #909090;
      text-transform: uppercase; }
      body#article-list #content > div.inner div.list div.large-article > h2 a {
        color: #909090;
        text-decoration: none; }
        body#article-list #content > div.inner div.list div.large-article > h2 a:hover {
          color: #86d0d1; }
    body#article-list #content > div.inner div.list div.large-article > h3 {
      font-family: "Roboto", sans-serif;
      font-weight: 400;
      color: #909090;
      font-size: 20px;
      margin: 0 0 10px; }
    body#article-list #content > div.inner div.list div.large-article div.attribution {
      font-family: "Roboto", sans-serif;
      font-weight: 400;
      color: #b0b0b0;
      font-size: 14px;
      font-style: italic; }
      body#article-list #content > div.inner div.list div.large-article div.attribution a {
        color: #86d0d1;
        text-decoration: none; }
        body#article-list #content > div.inner div.list div.large-article div.attribution a:hover {
          text-decoration: underline; }
    body#article-list #content > div.inner div.list div.large-article a.more {
      font-family: "Roboto", sans-serif;
      font-weight: 700;
      color: #ffc841;
      display: inline-block;
      margin: 20px 0 0;
      font-size: 16px;
      text-transform: uppercase;
      text-decoration: none; }
      body#article-list #content > div.inner div.list div.large-article a.more:hover {
        text-decoration: underline; }
    body#article-list #content > div.inner div.list div.small-article > a {
      text-decoration: none; }
      body#article-list #content > div.inner div.list div.small-article > a > img {
        float: left;
        margin: 0 20px 20px 0; }
      body#article-list #content > div.inner div.list div.small-article > a > h1 {
        font-family: "Roboto Slab", serif;
        font-weight: 300;
        color: #f9674e;
        font-size: 23px;
        line-height: 30px;
        margin: 6px 0 10px;
        padding-top: 0; }
      body#article-list #content > div.inner div.list div.small-article > a:hover > h1 {
        text-decoration: underline; }
    body#article-list #content > div.inner div.list div.small-article > h3 {
      font-family: "Roboto", sans-serif;
      font-weight: 400;
      color: #909090;
      font-size: 16px;
      margin: 0 0 10px; }
    body#article-list #content > div.inner div.list div.small-article div.attribution {
      font-family: "Roboto", sans-serif;
      font-weight: 400;
      color: #b0b0b0;
      font-size: 14px;
      font-style: italic; }
      body#article-list #content > div.inner div.list div.small-article div.attribution a {
        color: #86d0d1;
        text-decoration: none; }
        body#article-list #content > div.inner div.list div.small-article div.attribution a:hover {
          text-decoration: underline; }
    body#article-list #content > div.inner div.list div.small-article a.more {
      font-family: "Roboto", sans-serif;
      font-weight: 700;
      color: #ffc841;
      display: inline-block;
      margin: 12px 0 0;
      font-size: 14px;
      text-transform: uppercase;
      text-decoration: none; }
      body#article-list #content > div.inner div.list div.small-article a.more:hover {
        text-decoration: underline; }
    body#article-list #content > div.inner div.list hr {
      border: 0;
      border-bottom: 2px solid #e0e0e0;
      margin: 40px 0;
      clear: both; }
    body#article-list #content > div.inner div.list div.paging {
      font-family: "Roboto", sans-serif;
      font-weight: 400;
      color: #909090;
      text-align: center; }
      body#article-list #content > div.inner div.list div.paging a.next,
      body#article-list #content > div.inner div.list div.paging a.prev {
        font-family: "Roboto", sans-serif;
        font-weight: 400;
        color: #f9674e;
        float: right;
        text-decoration: none;
        text-transform: uppercase; }
        body#article-list #content > div.inner div.list div.paging a.next:hover,
        body#article-list #content > div.inner div.list div.paging a.prev:hover {
          text-decoration: underline; }
      body#article-list #content > div.inner div.list div.paging a.prev {
        float: left; }

@media only screen and (max-width: 768px) {
  body#article-list #content > div.inner {
    width: 100%; }
    body#article-list #content > div.inner h1 {
      margin: 20px;
      padding: 0;
      font-size: 30px; }
    body#article-list #content > div.inner ul.menu {
      box-sizing: border-box;
      float: none;
      width: 100%;
      padding: 0 20px; }
    body#article-list #content > div.inner div.list {
      width: 100%;
      box-sizing: border-box;
      float: none;
      padding: 0 10px; }
      body#article-list #content > div.inner div.list hr {
        margin: 30px 0; }
      body#article-list #content > div.inner div.list div.small-article > a > img {
        width: 100%;
        float: none;
        margin: 0; }
      body#article-list #content > div.inner div.list div.small-article > h3 {
        font-size: 18px; }
      body#article-list #content > div.inner div.list div.small-article div.attribution {
        font-size: 16px; }
      body#article-list #content > div.inner div.list div.large-article > a > img {
        float: none;
        height: auto;
        margin: 0;
        width: 100%; }
      body#article-list #content > div.inner div.list div.large-article > a > h1 {
        font-size: 23px;
        line-height: 30px; }
      body#article-list #content > div.inner div.list div.large-article > h2 {
        margin: 10px 0 0;
        display: none; }
      body#article-list #content > div.inner div.list div.large-article > h3 {
        font-size: 18px; }
      body#article-list #content > div.inner div.list div.large-article div.attribution {
        font-size: 16px; }

  body#article-page #content > div.inner {
    box-sizing: border-box;
    padding: 20px 10px;
    width: 100%; }
    body#article-page #content > div.inner > h1 {
      font-size: 30px;
      line-height: 32px; }
    body#article-page #content > div.inner div.attribution {
      font-size: 16px; }
      body#article-page #content > div.inner div.attribution span.names {
        width: auto; }
      body#article-page #content > div.inner div.attribution span.social {
        display: block; }
      body#article-page #content > div.inner div.attribution div.fb-share-button {
        margin: 15px 10px 0 0;
        float: left; }
      body#article-page #content > div.inner div.attribution iframe.twitter-share-button {
        float: left;
        margin: 15px 0 0 0; }
    body#article-page #content > div.inner div.right {
      margin: 20px 0 0;
      float: none;
      width: 100%; }
      body#article-page #content > div.inner div.right img {
        width: 100%;
        height: auto; }
    body#article-page #content > div.inner div.left {
      float: none;
      width: 100%; }
      body#article-page #content > div.inner div.left h4 {
        font-size: 18px; }
      body#article-page #content > div.inner div.left a img {
        float: none;
        width: 100%; } }
body#report-page div.report {
  background: url("/design/images/report/flowers.png") no-repeat 75% bottom;
  background-size: 340px;
  padding: 200px 0; }
  body#report-page div.report .column {
    margin: 0 auto;
    max-width: 600px;
    min-height: 400px;
    padding-right: 25%;
    text-align: center; }
    body#report-page div.report .column img.header {
      max-width: 80%; }
    body#report-page div.report .column .mobile {
      display: none; }
  body#report-page div.report a.button {
    background: #d0d0d0;
    border: 1px solid #c0c0c0;
    display: inline-block;
    font-size: 0;
    margin: 10px 0;
    padding: 15px 15px 10px; }

@media only screen and (max-width: 768px) {
  body#report-page div.report {
    padding: 50px 0 400px;
    background-position: 50% bottom;
    background-size: 180px; }
    body#report-page div.report .column {
      padding: 0; }
      body#report-page div.report .column .mobile {
        display: block; }
      body#report-page div.report .column .desktop {
        display: none; } }

/*# sourceMappingURL=all.css.map */