.mondrian-region--main {
  clear: left; }

.page-user .tabs .tabs--primary {
  background-color: #fff;
  border-bottom: none; }
.page-user .tabs li a {
  background-color: #ccc;
  border-radius: 6px 6px 0 0; }
.page-user .tabs li.active a.active {
  background-color: #f8f8f8; }
.page-user article {
  margin: 1em; }
.page-user .pane-page-content {
  padding: 0 1em; }
.page-user .user-login, .page-user .user-pass {
  width: 100%;
  text-align: center; }
  .page-user .user-login > div, .page-user .user-pass > div {
    text-align: left;
    border: 2px solid #e2e2e2;
    border-radius: 12px;
    margin: 3em auto;
    padding: 2em;
    display: inline-block; }

.page-node-22827 .pane-shows-panel-pane-3 h2 {
  display: none; }

.pub-listing .file a {
  display: inline-block;
  padding: 0.5em;
  border: 1px solid #BEBEBE;
  color: #FFFFFF;
  background-color: #0099CC; }
.pub-listing .file a:hover {
  background-color: #33CCFF; }

/** FIX for Bootstrap and Google Maps Info window styes problem **/
img[src*="gstatic.com/"], img[src*="googleapis.com/"] {
  max-width: none; }

/** Fix for scroll bar in infowindow on first load **/
div.gm-style-iw {
  overflow: hidden !important; }

#map-menu {
  padding: 0 1em; }
  #map-menu #selectDiv {
    margin: 1em 0; }
    #map-menu #selectDiv select {
      min-width: 16em; }

#legend > div {
  float: left;
  padding: 0 1em 1em 0; }
#legend .colorBox {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  border: 2px solid #3A767A;
  vertical-align: bottom; }
#legend .nw .colorBox {
  background: #e8cae2; }
#legend .ne .colorBox {
  background: #dff0f4; }
#legend .sw .colorBox {
  background: #ddeab2; }
#legend .se .colorBox {
  background: #fed48c; }
#legend .district {
  font-weight: bold; }
#legend p {
  margin: 0; }

.countyMenu {
  height: 740px;
  width: 15%;
  overflow: hidden;
  float: left;
  background-color: #ECECFB;
  border: thin solid #333;
  border-left: none;
  display: inline-block;
  margin-bottom: 0.5em; }
  .countyMenu ul {
    margin: 0;
    padding: 0; }
  .countyMenu li {
    font-size: 0.9em;
    cursor: pointer;
    display: block;
    padding: 0.25em 1em;
    color: #0099CC; }
    .countyMenu li a:hover {
      color: #ffffff; }
  .countyMenu li.selected {
    background-color: rgba(245, 172, 88, 0.7); }
  .countyMenu li.mouseover {
    background-color: #99CC00; }

dl.infoWindow dt {
  font-weight: bold;
  font-size: 1.5em; }
dl.infoWindow dd {
  padding: 0;
  margin: 0; }

#map-canvas {
  height: 740px;
  width: 100%;
  overflow: hidden;
  border: thin solid #333;
  display: inline-block; }

.section-county .views-field {
  margin: 0 1em 0.5em 1em; }
  .section-county .views-field .views-label {
    font-size: 0.9em;
    color: #aaaaaa; }
.section-county .views-field-field-county-image img {
  width: 100%;
  height: auto; }

.videoWrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0; }

.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.center {
  text-align: center; }

body.node-type-blog .pane-page-content .publication-photos,
body.node-type-news .pane-page-content .publication-photos,
body.node-type-audio .pane-page-content .publication-photos,
body.node-type-video .pane-page-content .publication-photos {
  clear: both;
  float: left;
  border: 1px solid #e2e2e2;
  padding: 10px;
  width: 100%; }
  body.node-type-blog .pane-page-content .publication-photos img, body.node-type-blog .pane-page-content .publication-photos media,
  body.node-type-news .pane-page-content .publication-photos img,
  body.node-type-news .pane-page-content .publication-photos media,
  body.node-type-audio .pane-page-content .publication-photos img,
  body.node-type-audio .pane-page-content .publication-photos media,
  body.node-type-video .pane-page-content .publication-photos img,
  body.node-type-video .pane-page-content .publication-photos media {
    max-width: 100%; }
  body.node-type-blog .pane-page-content .publication-photos h2,
  body.node-type-news .pane-page-content .publication-photos h2,
  body.node-type-audio .pane-page-content .publication-photos h2,
  body.node-type-video .pane-page-content .publication-photos h2 {
    margin: 0;
    padding: 0;
    font-size: 1em; }
  body.node-type-blog .pane-page-content .publication-photos ul,
  body.node-type-news .pane-page-content .publication-photos ul,
  body.node-type-audio .pane-page-content .publication-photos ul,
  body.node-type-video .pane-page-content .publication-photos ul {
    margin: 0;
    padding: 1em; }
    body.node-type-blog .pane-page-content .publication-photos ul li,
    body.node-type-news .pane-page-content .publication-photos ul li,
    body.node-type-audio .pane-page-content .publication-photos ul li,
    body.node-type-video .pane-page-content .publication-photos ul li {
      list-style: none;
      float: left;
      width: 220px;
      margin-bottom: 0.5em;
      padding: 0.25em;
      text-align: center; }
      body.node-type-blog .pane-page-content .publication-photos ul li .image-field-caption p,
      body.node-type-news .pane-page-content .publication-photos ul li .image-field-caption p,
      body.node-type-audio .pane-page-content .publication-photos ul li .image-field-caption p,
      body.node-type-video .pane-page-content .publication-photos ul li .image-field-caption p {
        padding: 0;
        text-align: left; }
body.node-type-blog .pane-page-content .twitter-photos,
body.node-type-news .pane-page-content .twitter-photos,
body.node-type-audio .pane-page-content .twitter-photos,
body.node-type-video .pane-page-content .twitter-photos {
  clear: both;
  float: left;
  border: 1px solid #e2e2e2;
  padding: 10px;
  width: 100%; }
  body.node-type-blog .pane-page-content .twitter-photos h2,
  body.node-type-news .pane-page-content .twitter-photos h2,
  body.node-type-audio .pane-page-content .twitter-photos h2,
  body.node-type-video .pane-page-content .twitter-photos h2 {
    margin: 0;
    padding: 0;
    font-size: 1em; }
  body.node-type-blog .pane-page-content .twitter-photos ul,
  body.node-type-news .pane-page-content .twitter-photos ul,
  body.node-type-audio .pane-page-content .twitter-photos ul,
  body.node-type-video .pane-page-content .twitter-photos ul {
    margin: 0;
    padding: 1em; }
    body.node-type-blog .pane-page-content .twitter-photos ul li,
    body.node-type-news .pane-page-content .twitter-photos ul li,
    body.node-type-audio .pane-page-content .twitter-photos ul li,
    body.node-type-video .pane-page-content .twitter-photos ul li {
      list-style: none;
      float: left;
      width: 500px;
      margin-bottom: 0.5em;
      padding: 0.25em;
      text-align: center; }
      body.node-type-blog .pane-page-content .twitter-photos ul li .image-field-caption p,
      body.node-type-news .pane-page-content .twitter-photos ul li .image-field-caption p,
      body.node-type-audio .pane-page-content .twitter-photos ul li .image-field-caption p,
      body.node-type-video .pane-page-content .twitter-photos ul li .image-field-caption p {
        padding: 0;
        text-align: left; }

.pub-listing .views-field-field-news-image,
.news-preview-sidebar .views-field-field-news-image,
.item-list ul li .views-field-field-news-image {
  float: none;
  margin: 0; }
  .pub-listing .views-field-field-news-image img,
  .news-preview-sidebar .views-field-field-news-image img,
  .item-list ul li .views-field-field-news-image img {
    width: 100%;
    height: auto; }
  .pub-listing .views-field-field-news-image .image-field-caption,
  .news-preview-sidebar .views-field-field-news-image .image-field-caption,
  .item-list ul li .views-field-field-news-image .image-field-caption {
    display: none; }

.item-list ul {
  padding: 0;
  margin: 0; }
  .item-list ul li {
    list-style: none; }

div.align-left {
  float: left;
  padding-right: 20px;
  max-width: 500px; }
  div.align-left img {
    width: 100%;
    height: auto;
    padding-bottom: 12px; }
    div.align-left img p {
      font-weight: bold;
      padding-bottom: 10px; }
  div.align-left div.align-right {
    float: right;
    padding-left: 20px;
    max-width: 500px;
    /* img.align-left {
        float: left;
        margin-right: 12px;
        max-width: 450px;
        width: 100%; 
        height: auto;
    }
    img.align-right {
        float: right;
        margin-left: 12px;
        max-width: 450px;
        width: 100%; 
        height: auto;
    } */
    /* span.cutline {
        max-width: 600px;
        font-size: 50px;
        font-weight: bold;
        width: 100%;
        padding-bottom: 12px; 
    } */ }
    div.align-left div.align-right img {
      width: 100%;
      height: auto;
      padding-bottom: 12px; }
      div.align-left div.align-right img p {
        font-weight: bold;
        padding-bottom: 10px; }
    div.align-left div.align-right figure {
      display: table;
      width: 1px;
      /* Changed value from 1px to 100%. This can be any width, so long as it's narrower than any image */ }
    div.align-left div.align-right image {
      width: 100%;
      /* Changed value from 1px to 100%. This can be any width, so long as it's narrower than any image */ }