@import url(http://fonts.googleapis.com/css?family=Signika:300,400,600);
/*--
    Theme Name:  MAEA
    Theme URI:
    Description:  A fast and clean responsive WordPress theme for the Metro Atlanta Exquity Atlas
    Author:  Blend Interactive
    Author URI:  http: //www.blendinteractive.com
    Version: 0.1.0
    License: GPLv2
    License URI: http://www.gnu.org/licenses/gpl-2.0.html
    Tags: blue, red, dark, two-column, flexible-width, right-sidebar, featured-images
--*/
/* Reset =================================================== */
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

article, aside, figure, footer, header, hgroup, nav, section {
  display: block; }

.alignleft {
  float: left;
  margin: 0 1em 1em 0; }

.alignright {
  float: right;
  margin: 0 0 1em 1em; }

.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto; }

/* Variables =================================================== */
/*
$baseline : $baselineheight;
$gutterwidth : 24px;
*/
/* Mixins =================================================== */
/* Page =================================================== */
@-webkit-viewport {
  width: device-width; }

@-moz-viewport {
  width: device-width; }

@-ms-viewport {
  width: device-width; }

@-o-viewport {
  width: device-width; }

@viewport {
  width: device-width; }

html {
  background: #202020;
  font-size: 62.5%;
  -webkit-overflow-scrolling: touch;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  background: #101010; }

body {
  margin: 0 auto;
  padding: 0;
  width: 100%;
  max-width: 1440px;
  background-color: transparent;
  background: #202020;
  font-family: "Signika", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5em;
  font-weight: 300;
  color: white; }

img {
  display: block; }

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  font-family: inherit;
  font-weight: 300;
  color: inherit;
  text-rendering: optimizelegibility;
  line-height: 1.2em;
  margin-bottom: .5em; }

a {
  color: #35b8e1;
  text-decoration: none; }

a:hover {
  color: #0982c3;
  text-decoration: underline; }

h1 {
  font-size: 2.875em;
  line-height: 1.043em; }

h2 {
  font-size: 2em;
  color: #87ae56;
  line-height: 1.056em; }

h3 {
  font-size: 1.75em;
  color: #de850c;
  line-height: 1.143em; }

h4 {
  font-size: 1.438em;
  text-transform: uppercase;
  color: #202020;
  font-weight: 400;
  line-height: 1.304em; }

h5 {
  font-size: 1em;
  text-transform: uppercase;
  color: #202020;
  font-weight: 600;
  line-height: 1.5em; }

h6 {
  font-size: .875em;
  color: gray;
  line-height: 1.714em; }

ul, ol {
  list-style-position: inside; }

.button {
  color: white;
  display: block;
  padding: 8px 16px 10px;
  text-align: center; }
  .button:hover {
    text-decoration: none; }
  .button.outline {
    border: solid 1px white; }
    .button.outline:hover {
      background-color: rgba(0, 0, 0, 0.1); }
  .button.inline-block {
    display: inline-block;
    margin-right: 10px; }

.yellow {
  background-color: #efb937; }

.grey {
  background-color: gray; }

.green {
  background-color: #87ae56; }

.blue {
  background-color: #35b8e1; }

.orange {
  background-color: #de850c; }

.midgrey {
  background-color: #404040; }

.darkgrey {
  background-color: #202020; }

.darkgreen {
  background-color: #46751c; }

.darkblue {
  background-color: #0982c3; }

.button:hover {
  color: white; }

.button.yellow:hover {
  background-color: #de850c; }

.button.grey:hover {
  background-color: #404040; }

.button.green:hover {
  background-color: #46751c; }

.button.blue:hover {
  background-color: #0982c3; }

.button.orange:hover {
  background-color: #cf6003; }

.button.midgrey:hover {
  background-color: #202020; }

.share-this {
  margin-bottom: 3rem; }

.size-note {
  width: 100%;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-weight: 600;
  color: white;
  text-transform: uppercase; }
  .size-note:before {
    content: "I are < 480"; }

.wrapper {
  background-color: white;
  color: #202020;
  padding-bottom: 4%; }

header.page {
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  border-bottom: solid 1px #d7d7d8; }
  header.page .row {
    width: 100%;
    padding: 0; }

h2.logo-header a {
  display: block;
  width: 233px;
  height: 56px;
  background: url(images/MAEA-Logo.png) left top no-repeat;
  margin: 40px auto;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }

nav ul {
  list-style: none; }

nav.utility {
  display: none;
  float: right; }
  nav.utility li {
    margin-right: 10px; }
    nav.utility li.last {
      margin-right: 0; }
  nav.utility a {
    font-size: .75em;
    color: gray;
    text-transform: uppercase;
    padding: 0 10px;
    display: block; }
    nav.utility a:hover {
      color: #35b8e1; }

nav.main-nav {
  z-index: 1000;
  width: 100%;
  border-bottom: solid 1px #d7d7d8;
  overflow: hidden;
  background-color: #35b8e1; }
  nav.main-nav ul {
    background: #35b8e1;
    border-top: solid 1px #0982c3;
    display: none;
    background-color: #35b8e1; }
    nav.main-nav ul li {
      height: 40px;
      border-bottom: solid 1px #0982c3; }
      nav.main-nav ul li.last {
        border-bottom: none; }
  nav.main-nav a {
    display: block;
    line-height: 40px;
    color: white;
    padding: 0 10px;
    text-decoration: none; }
    nav.main-nav a:hover {
      background-color: #0982c3; }
  nav.main-nav a.mobile-menu {
    height: 40px;
    text-align: right;
    font-size: .75em;
    text-transform: uppercase;
    background: url(images/icon-mobile.png) right 0px no-repeat;
    padding: 0 7% 0 5%;
    margin-right: 5%;
    color: white; }

.row {
  width: 94%;
  margin: 0 auto 4%;
  padding: 0 3%;
  overflow: hidden; }
  .row.full {
    width: 100%;
    max-width: none;
    padding: 0; }
  .row:last-child {
    margin-bottom: 0; }
  .row.slider-wrap {
    width: 100%;
    padding: 0; }
  .row.top-margin {
    margin-top: 40px; }
  .row.banner img {
    width: 100%;
    height: auto; }

.column {
  margin-bottom: 6%; }

.slider {
  width: 100%;
  margin: auto 0; }
  .slider img {
    width: 100%;
    height: auto; }

.panel {
  padding: 8%;
  margin-bottom: 6%;
  color: white; }
  .panel:last-child {
    margin-bottom: 0; }
  .panel .icon {
    margin: 0 auto 5%; }
  .panel h2 {
    font-size: 2.125em;
    text-align: center;
    line-height: 1.20em;
    margin-bottom: 4%;
    color: white; }
  .panel p {
    margin-bottom: 20px; }
  .panel .additional-links {
    text-align: center; }
    .panel .additional-links a {
      padding: 0 4px; }
  .panel.link-list {
    padding: 8% 0; }
    .panel.link-list ul {
      list-style: none;
      border-top: solid 1px white;
      margin-bottom: 4%; }
      .panel.link-list ul li {
        border-bottom: solid 1px white; }
        .panel.link-list ul li a {
          color: white;
          display: block;
          padding: 3% 8%; }
    .panel.link-list .button {
      margin: 0 8%; }
  .panel.promo {
    padding: 0 0 8% 0; }
    .panel.promo img {
      width: 100%;
      height: auto;
      margin-bottom: 20px; }
    .panel.promo .button {
      margin: 0 8%; }
  .panel.yellow .additional-links, .panel.yellow .additional-links a {
    color: #aa6b0c; }
  .panel.yellow .button {
    background-color: #de850c;
    color: white; }
    .panel.yellow .button:hover {
      background-color: #c96700; }
  .panel.green .button {
    background-color: #46751c; }
    .panel.green .button:hover {
      background-color: #3b6200; }
  .panel.green.link-list ul {
    border-top-color: #5c8b2e; }
    .panel.green.link-list ul li {
      border-bottom-color: #46751c; }
  .panel.blue .button {
    background-color: #0982c3; }
    .panel.blue .button:hover {
      background-color: #146181; }
  .panel.grey .button {
    background-color: #404040; }
    .panel.grey .button:hover {
      background-color: #202020; }

form.inquiry {
  overflow: hidden; }
  form.inquiry label {
    width: 100%;
    display: block;
    margin-bottom: 4%; }
  form.inquiry input[type="email"] {
    background: white;
    border: none;
    width: 66%;
    padding: 0 2%;
    margin: 0;
    height: 40px;
    line-height: 40px;
    float: left;
    font-size: .875em; }
  form.inquiry input[type="submit"] {
    border: none;
    color: white;
    display: block;
    width: 30%;
    margin: 0;
    height: 40px;
    float: left;
    font-size: .875em; }
    form.inquiry input[type="submit"]:hover {
      background-color: #146181;
      cursor: pointer; }

.main-content {
  margin-bottom: 50px; }

footer.page {
  border-top: solid 1px #414243;
  margin-bottom: 2%;
  padding: 8% 0; }
  footer.page .column {
    text-align: center;
    margin-bottom: 2%; }
  footer.page.legal {
    color: gray;
    font-size: .75em;
    line-height: 1.25em;
    text-align: center; }
  footer.page a {
    font-size: .875em;
    color: #35b8e1; }

h3.logo-footer {
  display: block;
  width: 295px;
  height: 44px;
  background: url(images/MAEA-Logo-Footer.png) left top no-repeat;
  margin: 0 auto 5%;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }
  h3.logo-footer a {
    display: block; }

ul.social {
  overflow: hidden;
  list-style: none;
  text-align: center;
  margin-top: 4%; }
  ul.social li {
    display: inline-block; }

.slide-content h1, .slide-content h2, .slide-content h3, .slide-content h4, .slide-content h5, .slide-content h6, .slide-content p {
  display: none; }
.slide-content p:last-child {
  display: block;
  margin-bottom: 0; }

ul.four0four-menu {
  list-style: none; }

/* ------------ MAPS PAGES ------------ */
.dark-page .wrapper {
  background-color: transparent;
  color: white; }
.dark-page header.page {
  background: #202020;
  border-bottom: none; }
  .dark-page header.page nav.main-nav {
    background-color: #202020; }
    .dark-page header.page nav.main-nav a.mobile-menu {
      color: #35b8e1;
      background-position: right -40px; }
    .dark-page header.page nav.main-nav.active {
      background-color: #35b8e1; }
      .dark-page header.page nav.main-nav.active a.mobile-menu {
        color: white;
        background-position: right 0px; }
    .dark-page header.page nav.main-nav li.current-menu-item a {
      background-color: #35b8e1;
      cursor: default; }
      .dark-page header.page nav.main-nav li.current-menu-item a a.mobile-menu {
        color: white;
        background-position: right 0px; }

.map-canvas {
  display: none; }

/*
.maps-nav { position: relative; min-height: 72px; margin-bottom:40px;
    ul {background-color: $midgrey; position: relative; margin-top: 72px; display: none;
        li {}
     }
    a {color: $grey; font-size: .875em; line-height: 42px; height: 42px; display: block; padding: 0 15px;
        &:hover, &.active {background-color: $blue; color: $white;}
    }
    a.mobile-maps-menu {position: relative; z-index: 500; background:url(images/icon-mobile_maps_drop.png) left top no-repeat; display: block; width: 24px; height: 21px; float: right; overflow: hidden; text-indent: -9999px; margin-top: 25px;
        &.active {background-position: left bottom;}
    }
}*/
.maps-nav {
  position: relative;
  min-height: 72px;
  margin-bottom: 40px; }
  .maps-nav ul {
    background-color: #35b8e1;
    position: relative;
    margin-top: 72px;
    display: none;
    border-top: solid 1px #0982c3; }
    .maps-nav ul li {
      border-bottom: solid 1px #0982c3; }
    .maps-nav ul.row {
      width: 100%;
      padding: 0; }
  .maps-nav a {
    color: white;
    font-size: .875em;
    line-height: 42px;
    height: 42px;
    display: block;
    padding: 0 15px; }
    .maps-nav a:hover {
      background-color: #0982c3;
      color: white;
      text-decoration: none; }
  .maps-nav .current-menu-item a {
    background-color: #0982c3;
    color: white;
    text-decoration: none;
    cursor: default; }
  .maps-nav a.mobile-maps-menu {
    position: relative;
    z-index: 500;
    background: url(images/icon-mobile_maps_drop.png) left top no-repeat;
    display: block;
    width: 24px;
    height: 21px;
    float: right;
    overflow: hidden;
    text-indent: -9999px;
    margin-top: 25px; }
    .maps-nav a.mobile-maps-menu.active {
      background-position: left bottom; }

.maps-nav-header {
  height: 72px;
  overflow: hidden;
  background: url(images/maps-header-bg.jpg) left top no-repeat #35b8e1;
  position: absolute;
  top: 0; }
  .maps-nav-header h1 {
    line-height: 72px;
    font-size: 1.75em;
    height: 72px; }
    .maps-nav-header h1 a {
      color: white;
      display: block;
      height: 72px;
      line-height: 72px;
      padding: 0; }
      .maps-nav-header h1 a:hover {
        background-color: transparent; }
  .maps-nav-header .header-icon {
    display: none; }

.public-safety span {
  background: url(images/icon-public_safety.png) left top no-repeat; }

form.nav-search {
  display: none; }
  form.nav-search input {
    height: 36px;
    background: white;
    border: none;
    margin: 0;
    display: block;
    float: left; }
    form.nav-search input[type="search"] {
      padding: 0 10px;
      width: 270px; }
    form.nav-search input[type="button"] {
      width: 36px;
      height: 36px;
      padding: 0;
      background: url(images/icon-search.png) left top no-repeat;
      text-indent: 100%;
      white-space: nowrap;
      overflow: hidden; }
      form.nav-search input[type="button"]:hover {
        background-position: left bottom;
        cursor: pointer; }

.map-thumbs {
  margin-bottom: 50px; }
  .map-thumbs ul {
    list-style: none;
    *zoom: 1;
    margin-bottom: 0; }
    .map-thumbs ul:before, .map-thumbs ul:after {
      display: table;
      content: ""; }
    .map-thumbs ul:after {
      clear: both; }
    .map-thumbs ul li {
      width: 46%;
      float: left;
      margin-right: 8%;
      margin-bottom: 0; }
      .map-thumbs ul li:nth-child(2n+2) {
        margin-right: 0; }
    .map-thumbs ul a {
      display: inline-block; }
  .map-thumbs h2 {
    text-transform: uppercase;
    color: gray;
    margin-bottom: 20px;
    padding-left: 15px;
    font-size: .875em; }

.thumb-title {
  color: gray;
  height: 80px;
  padding: 5px 2% 0;
  font-size: .875em;
  display: inline-block;
  line-height: 1.2em; }
  .thumb-title:hover {
    color: #35b8e1;
    text-decoration: none; }

.thumb-wrapper:hover + .thumb-title {
  color: #35b8e1;
  text-decoration: none; }

h1.section-header {
  background-color: #404040;
  padding: 0 15px;
  height: 50px;
  line-height: 50px;
  margin-bottom: 20px;
  font-size: 1.125em;
  font-weight: 600;
  letter-spacing: .5px; }

.map-section {
  margin-bottom: 30px; }

.big-map {
  width: 100%; }
  .big-map img {
    width: 100%;
    height: auto; }

.map-details {
  padding: 8%;
  color: gray;
  margin-bottom: 40px; }
  .map-details h1 {
    font-size: 2.125em;
    line-height: 1.2em;
    margin-bottom: 10px; }
  .map-details .button.darkgrey {
    color: gray; }
    .map-details .button.darkgrey:hover {
      background-color: #35b8e1;
      color: white; }
  .map-details p {
    margin-bottom: 10px; }

ul.browse-maps {
  overflow: hidden;
  list-style: none; }
  ul.browse-maps li {
    position: relative;
    margin-bottom: 20px; }
    ul.browse-maps li img {
      position: relative;
      z-index: 1;
      width: 100%;
      height: auto; }
    ul.browse-maps li .map-description {
      position: absolute;
      z-index: 2;
      width: 61%;
      top: 50%;
      margin-top: -25px;
      padding: 0 0 0 4%; }
  ul.browse-maps h2 {
    font-size: 1.5em;
    line-height: 1.1em;
    margin-bottom: 0; }
  ul.browse-maps p {
    font-size: .75em; }
  ul.browse-maps a {
    display: block;
    color: white; }
    ul.browse-maps a:hover {
      text-decoration: none; }

/* ------------NEWS PAGES ------------ */
article p {
  margin-bottom: 30px; }
article h1, article h2, article h3, article h4, article h5, article h6 {
  margin-bottom: 15px; }
article ol, article ul {
  margin: 0 0 30px 0; }
  article ol li, article ul li {
    margin-bottom: 20px; }
article .button {
  margin-top: 20px;
  display: inline-block; }
article.brief {
  border-bottom: solid 1px #d7d7d8;
  padding-bottom: 50px;
  margin-bottom: 40px; }
  article.brief img {
    width: 100%;
    height: auto;
    margin-bottom: 40px; }
article .banner {
  width: 100%;
  height: auto;
  margin-bottom: 40px; }

.article-content {
  overflow: hidden; }
  .article-content .alignnone, .article-content .alignleft, .article-content .alignright, .article-content .aligncenter {
    margin-bottom: 15px; }
  .article-content .wp-caption-text {
    font-size: .875em;
    color: gray;
    margin-bottom: 0; }

/* ------------SPONSOR STYLES ------------ */
ul.sponsor-logos {
  overflow: hidden;
  list-style: none; }
  ul.sponsor-logos li {
    float: left;
    margin: 0 20px 20px;
    height: 75px; }

/* ------------FORM STYLES ------------ */
.wpcf7-form input {
  border: solid 1px gray;
  padding: 0 6px;
  height: 30px;
  line-height: 30px;
  background: white;
  font-family: "Signika", sans-serif;
  font-size: 1em;
  color: #202020; }
.wpcf7-form textarea {
  border: solid 1px gray;
  padding: 6px;
  font-family: "Signika", sans-serif;
  font-size: 1em;
  color: #202020; }
.wpcf7-form input[type="submit"] {
  background-color: #35b8e1;
  border: none;
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  color: white;
  font-family: "Signika", sans-serif;
  font-size: 1em; }
  .wpcf7-form input[type="submit"]:hover {
    cursor: pointer;
    background-color: #0982c3; }

/* ------------SEARCH RESULTS STYLES ------------ */
ul.search-results {
  list-style: none;
  padding-top: 20px;
  border-top: solid 1px #414243; }
  ul.search-results li {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: solid 1px #414243;
    overflow: hidden; }
  ul.search-results h2, ul.search-results p {
    float: left;
    width: 70%; }
    ul.search-results h2 a:hover, ul.search-results p a:hover {
      color: #35b8e1; }
  ul.search-results h2 {
    font-size: 1.5em; }
  ul.search-results .search-thumbnail {
    float: right;
    width: 25%;
    max-width: 143px; }
    ul.search-results .search-thumbnail a {
      margin: 4px;
      display: block; }
      ul.search-results .search-thumbnail a:hover {
        margin: 0;
        border: solid 4px #35b8e1; }
    ul.search-results .search-thumbnail img {
      width: 100%;
      height: auto; }

.thumb {
  display: block;
  width: 100%;
  height: auto;
  position: relative;
  margin-bottom: 5px;
  cursor: pointer; }
  .thumb img {
    width: 100%;
    height: auto; }

.thumb-wrapper {
  display: block;
  width: 100%;
  height: 100%; }

.thumb img {
  width: 100%;
  height: 100%;
  position: relative;
  display: block; }

.thumb .thumb-detail {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  background: transparent;
  font-family: arial;
  font-weight: bold;
  font-size: 16px; }

.thumb .thumb-detail a {
  display: block;
  width: 100%;
  height: 100%;
  text-transform: uppercase;
  font-weight: bold;
  color: #333;
  text-decoration: none;
  font-family: 'Open Sans', sans-serif;
  letter-spacing: -1px;
  padding: 10px;
  font-size: 18px; }

.thumb .thumb-detail img {
  /*position: absolute; top: 0; margin-top: -100%;*/ }

/*
* Without CSS3
*/
.thumb.scroll {
  overflow: hidden; }

.thumb.scroll .thumb-detail {
  bottom: -280px; }

/*
* CSS3 Flip
*/
.thumb.flip {
  -webkit-perspective: 800px;
  -moz-perspective: 800px;
  -ms-perspective: 800px;
  -o-perspective: 800px;
  perspective: 800px; }

.thumb.flip .thumb-wrapper {
  -webkit-transition: -webkit-transform 1s;
  -moz-transition: -moz-transform 1s;
  -ms-transition: -moz-transform 1s;
  -o-transition: -moz-transform 1s;
  transition: -moz-transform 1s;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d; }

.thumb.flip .thumb-detail {
  -webkit-transform: rotateY(-180deg);
  -moz-transform: rotateY(-180deg);
  -ms-transform: rotateY(-180deg);
  -o-transform: rotateY(-180deg);
  transform: rotateY(-180deg); }

.thumb.flip img,
.thumb.flip .thumb-detail {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden; }

.thumb.flip .flipIt {
  -webkit-transform: rotateY(-180deg);
  -moz-transform: rotateY(-180deg);
  -ms-transform: rotateY(-180deg);
  -o-transform: rotateY(-180deg);
  transform: rotateY(-180deg); }

/* FlexSlider Necessary Styles
*********************************/
.flexslider {
  margin: 0;
  padding: 0; }

.flexslider ul {
  list-style: none; }

.flexslider .slides li {
  position: relative; }
  .flexslider .slides li img {
    position: relative;
    z-index: 1; }

.slide-content {
  left: 6%;
  height: 87%;
  z-index: 2;
  width: 45%;
  height: auto;
  position: absolute;
  top: 20%;
  margin-top: 0; }
  .slide-content h1 {
    display: none; }
  .slide-content .button {
    display: inline-block;
    position: relative;
    top: auto;
    margin: 0; }
  .slide-content h1, .slide-content h2, .slide-content h3, .slide-content h4, .slide-content h5, .slide-content h6 {
    font-size: 2.875em;
    line-height: 1.043em;
    color: white;
    font-weight: 300;
    margin-bottom: .25em; }
  .slide-content p {
    margin-bottom: 25px;
    font-size: 1.1em;
    font-weight: 400; }

.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden; }

/* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {
  width: 100%;
  display: block; }

.flex-pauseplay span {
  text-transform: capitalize; }

.slides:after {
  content: "\0020";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0; }

html[xmlns] .slides {
  display: block; }

* html .slides {
  height: 1%; }

.no-js .slides > li:first-child {
  display: block; }

.flexslider {
  position: relative;
  zoom: 1; }

.flex-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease; }

.loading .flex-viewport {
  max-height: 300px; }

.flexslider .slides {
  zoom: 1; }

.carousel li {
  margin-right: 5px; }

.flex-direction-nav {
  *height: 0; }

.flex-direction-nav a {
  display: block;
  width: 58px;
  height: 58px;
  margin: -20px 0 0;
  position: absolute;
  top: 50%;
  z-index: 10;
  overflow: hidden;
  opacity: 0;
  cursor: pointer;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease; }

.flex-direction-nav .flex-prev {
  left: -50px; }

.flex-direction-nav .flex-next {
  right: -50px;
  text-align: right; }

.flexslider:hover .flex-prev {
  opacity: 0.7;
  left: 10px;
  background: url(images/icon-arrow-left.png) left top no-repeat;
  overflow: hidden;
  text-indent: -9999px;
  background-size: 100%; }

.flexslider:hover .flex-next {
  opacity: 0.7;
  right: 10px;
  background: url(images/icon-arrow-right.png) left top no-repeat;
  overflow: hidden;
  text-indent: 9999px;
  background-size: 100%; }

.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {
  opacity: 1; }

.flex-direction-nav .flex-disabled {
  opacity: 0!important;
  filter: alpha(opacity=0);
  cursor: default; }

.flex-direction-nav a:before {
  display: inline-block; }

button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none; }

.close {
  float: right;
  font-size: 1.2em;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: .2;
  filter: alpha(opacity=20); }
  .close:hover, .close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .5;
    filter: alpha(opacity=50); }

.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px; }

.alert h4 {
  margin-top: 0;
  color: inherit; }

.alert .alert-link {
  font-weight: bold; }

.alert > p,
.alert > ul {
  margin-bottom: 0; }

.alert > p + p {
  margin-top: 5px; }

.alert-dismissable {
  padding-right: 35px; }

.alert-dismissable .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit; }

.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #468847; }

.alert-success hr {
  border-top-color: #c9e2b3; }

.alert-success .alert-link {
  color: #356635; }

.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #3a87ad; }

.alert-info hr {
  border-top-color: #a6e1ec; }

.alert-info .alert-link {
  color: #2d6987; }

.alert-warning {
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #c09853; }

.alert-warning hr {
  border-top-color: #f7e1b5; }

.alert-warning .alert-link {
  color: #a47e3c; }

.alert-danger {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #b94a48; }

.alert-danger hr {
  border-top-color: #e4b9c0; }

.alert-danger .alert-link {
  color: #953b39; }

@media print {
  /* Print =================================================== */
  * {
    background: transparent !important;
    color: black !important;
    box-shadow: none !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important; }

  @page {
    margin: 0.5cm; }

  h2, h3 {
    orphans: 3;
    widows: 3;
    page-break-after: avoid; }

  p {
    orphans: 3;
    widows: 3; }

  pre, blockquote {
    border: 1px solid gray;
    page-break-inside: avoid; }

  abbr[title]:after {
    content: " (" attr(title) ")"; }

  a, a:visited {
    text-decoration: underline; }

  a[href]:after {
    content: " (" attr(href) ")"; }

  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: ""; }

  img {
    max-width: 100% !important;
    page-break-inside: avoid; }

  thead {
    display: table-header-group; }

  tr {
    page-break-inside: avoid; } }
@media only screen and (min-width: 480px) {
  /* 480 =================================================== */
  .size-note {
    background: red; }
    .size-note:before {
      content: "I are the 480"; }

  ul.browse-maps li {
    overflow: hidden;
    float: left;
    width: 48%;
    margin: 0 4% 20px 0; }
    ul.browse-maps li:nth-child(even) {
      margin-right: 0; }
  ul.browse-maps h2 {
    font-size: 1.3em;
    line-height: 1.1em; }

  .map-thumbs ul li {
    width: 30%;
    margin-right: 5%; }
    .map-thumbs ul li:nth-child(2n+2) {
      margin-right: 5%; }
    .map-thumbs ul li:nth-child(3n+3) {
      margin-right: 0%; }

  ul.search-results {
    padding-top: 15px; }
    ul.search-results li {
      margin-bottom: 15px;
      padding-bottom: 15px; }
    ul.search-results h2 {
      font-size: 2em; }

  .slide-content {
    top: 10%; }
    .slide-content h1, .slide-content h2, .slide-content h3, .slide-content h4, .slide-content h5, .slide-content h6 {
      display: block;
      font-size: 1.5em;
      line-height: 1.043em;
      margin-bottom: .25em; }
    .slide-content p {
      display: none; } }
@media only screen and (min-width: 600px) {
  /* 600 =================================================== */
  .size-note {
    background: green; }
    .size-note:before {
      content: "I are the 600"; }

  ul.browse-maps h2 {
    font-size: 1.5em;
    line-height: 1.1em; }

  .map-thumbs ul li {
    width: 22%;
    margin-right: 4%; }
    .map-thumbs ul li:nth-child(2n+2) {
      margin-right: 4%; }
    .map-thumbs ul li:nth-child(3n+3) {
      margin-right: 4%; }
    .map-thumbs ul li:nth-child(4n+4) {
      margin-right: 0; }

  .slide-content {
    top: 10%; }
    .slide-content h1, .slide-content h2, .slide-content h3, .slide-content h4, .slide-content h5, .slide-content h6 {
      display: block;
      font-size: 1.5em;
      line-height: 1.043em;
      margin-bottom: .25em; }
    .slide-content p {
      margin-bottom: 15px;
      display: block;
      font-size: .9em;
      line-height: 1.2em; } }
@media only screen and (min-width: 768px) {
  /* 768 =================================================== */
  .size-note {
    background: blue; }
    .size-note:before {
      content: "I are the 768"; }

  header.page {
    /*width: 94%; padding: 0 3%;*/ }
    header.page .row {
      width: 94%;
      padding: 0 3%; }

  h2.logo-header a {
    width: 169px;
    height: 80px;
    background: url(images/MAEA-Logo.png) left -56px no-repeat;
    margin: 0 0 4%;
    float: left; }

  nav ul {
    overflow: hidden; }
    nav ul li {
      float: left;
      display: block; }

  nav.utility {
    display: block;
    width: 100%;
    margin: .75% 0; }
    nav.utility ul {
      float: right; }

  nav.main-nav {
    z-index: 1000;
    width: 76%;
    border-bottom: none;
    overflow: hidden;
    background-color: transparent;
    float: right;
    margin-top: 25px; }
    nav.main-nav ul {
      background: none;
      border-top: none;
      display: block;
      background-color: transparent; }
      nav.main-nav ul li {
        border-bottom: none;
        height: 30px;
        float: left;
        display: block; }
        nav.main-nav ul li.last {
          border-bottom: none; }
    nav.main-nav a {
      display: block;
      line-height: 30px;
      color: #35b8e1;
      font-size: .8em;
      padding: 0; }
      nav.main-nav a:hover {
        color: #35b8e1;
        border-bottom: 4px solid #35b8e1;
        background-color: transparent; }
    nav.main-nav li.current-menu-item a, nav.main-nav li.current-maea_map_categories-ancestor a, nav.main-nav li.current-maea_map-ancestor a {
      color: #35b8e1;
      border-bottom: 4px solid #35b8e1;
      background-color: transparent;
      cursor: default; }
    nav.main-nav a.mobile-menu {
      display: none; }

  .header-menu .menu-item {
    padding: 0 .3em .5em; }

  .dark-page header.page nav.main-nav a {
    color: gray; }
    .dark-page header.page nav.main-nav a:hover {
      color: #35b8e1; }
  .dark-page header.page nav.main-nav li.current-menu-item a, .dark-page header.page nav.main-nav li.current-maea_map_categories-ancestor a, .dark-page header.page nav.main-nav li.current-maea_map-ancestor a {
    background-color: transparent;
    color: #35b8e1;
    cursor: default; }

  .row.three-col .column {
    width: 32%;
    float: left;
    margin-right: 2%;
    margin-bottom: 0; }
    .row.three-col .column.last {
      margin-right: 0; }

  footer.page {
    padding: 2% 0;
    margin-bottom: 0; }
    footer.page ul {
      width: 100%; }
      footer.page ul ul {
        width: auto; }
    footer.page .column {
      text-align: center;
      margin-bottom: 0;
      float: left; }
      footer.page .column:first-child {
        width: 28%; }
      footer.page .column:last-child {
        float: right; }
    footer.page.legal {
      text-align: left; }
    footer.page a {
      font-size: .875em;
      color: #35b8e1; }

  h3.logo-footer {
    margin: 0;
    width: 100%;
    max-width: 295px;
    background-size: 100% auto;
    background-position: left center; }

  ul.social {
    overflow: hidden;
    list-style: none;
    text-align: center;
    margin: 1px 0 0 20px;
    float: right; }
    ul.social li {
      display: inline-block;
      margin: 6px 5px 0 0;
      width: 30px; }
    ul.social img {
      width: 100%;
      height: auto; }

  ul.footer-links {
    float: left; }
    ul.footer-links a {
      padding: 0 10px;
      display: block;
      height: 44px;
      line-height: 44px;
      margin-right: 5px;
      font-size: .8em; }

  .flex-direction-nav a {
    width: 29px;
    height: 29px; }

  .maps-nav {
    float: left;
    width: 100%;
    min-height: 0; }
    .maps-nav ul {
      background-color: #404040;
      height: 42px;
      position: relative;
      display: block;
      margin-top: 0;
      border-top: none; }
      .maps-nav ul.row {
        width: 94%;
        padding: 0 3%; }
    .maps-nav a {
      color: gray;
      font-size: .75em;
      line-height: 42px;
      height: 42px;
      display: block;
      padding: 0 10px; }
      .maps-nav a:hover {
        background-color: #35b8e1;
        color: white; }
    .maps-nav li.current-menu-item a, .maps-nav li.current-maea_map-parent a {
      background-color: #35b8e1;
      color: white;
      cursor: default; }
    .maps-nav a.mobile-maps-menu {
      display: none; }
    .maps-nav .row {
      margin-bottom: 0; }

  .maps-nav-header {
    height: 116px;
    overflow: hidden;
    background: url(images/maps-header-bg.jpg) left top no-repeat #35b8e1;
    position: relative; }
    .maps-nav-header h1 {
      line-height: 116px;
      float: left;
      font-size: 2.5em;
      height: 116px;
      margin-right: 10px;
      margin-bottom: 0; }
      .maps-nav-header h1 a {
        color: white;
        display: block;
        height: 116px;
        line-height: 116px; }
        .maps-nav-header h1 a:hover {
          text-decoration: underline; }
    .maps-nav-header .header-icon {
      float: left;
      margin-top: 13px;
      display: block; }

  .map-thumbs ul li {
    width: 16%;
    margin-right: 5%; }
    .map-thumbs ul li:nth-child(2n+2) {
      margin-right: 5%; }
    .map-thumbs ul li:nth-child(3n+3) {
      margin-right: 5%; }
    .map-thumbs ul li:nth-child(4n+4) {
      margin-right: 5%; }
    .map-thumbs ul li:nth-child(5n+5) {
      margin-right: 0; }

  .public-safety span {
    background: url(images/icon-public_safety.png) left top no-repeat; }

  form.nav-search {
    float: right;
    height: 36px;
    background: white;
    overflow: hidden;
    margin-top: 40px;
    display: block; }
    form.nav-search input {
      height: 36px;
      background: white;
      border: none;
      margin: 0;
      display: block;
      float: left; }
      form.nav-search input[type="search"] {
        padding: 0 10px;
        width: 270px; }
      form.nav-search input[type="button"] {
        width: 36px;
        height: 36px;
        padding: 0;
        background: url(images/icon-search.png) left top no-repeat;
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden; }
        form.nav-search input[type="button"]:hover {
          background-position: left bottom;
          cursor: pointer; }

  .sidebar {
    float: left;
    width: 32%;
    margin-right: 3%; }
    .sidebar.right {
      float: right;
      margin-right: 0; }

  .main-content {
    float: left;
    width: 59%;
    margin-bottom: 0px; }

  .article-content .alignnone {
    float: left; }
  .article-content .alignleft {
    float: left;
    margin: 15px 15px 15px 0; }
  .article-content .alignright {
    float: right;
    margin: 15px 0 15px 15px; }
  .article-content .aligncenter {
    margin: 15px auto; }

  ul.browse-maps li {
    overflow: hidden;
    float: left;
    width: 32%;
    margin: 0 2% 20px 0; }
    ul.browse-maps li:nth-child(even) {
      margin-right: 2%; }
    ul.browse-maps li:nth-child(3n+3) {
      margin-right: 0; }

  ul.search-results {
    padding-top: 20px; }
    ul.search-results li {
      margin-bottom: 20px;
      padding-bottom: 20px; }
    ul.search-results h2, ul.search-results p {
      width: 80%; }
    ul.search-results .search-thumbnail {
      width: 12%; }

  .slide-content h1, .slide-content h2, .slide-content h3, .slide-content h4, .slide-content h5, .slide-content h6 {
    font-size: 2.0em;
    line-height: 1.043em;
    margin-bottom: .25em; }
  .slide-content p {
    display: block;
    font-size: 1em;
    line-height: 1.5em;
    margin-bottom: 20px; } }
@media only screen and (min-width: 960px) {
  /* 992 =================================================== */
  .size-note {
    background: purple; }
    .size-note:before {
      content: "I are the 960"; }

  header.page {
    /*max-width: 1080px;*/ }

  nav.main-nav {
    width: 81%; }
    nav.main-nav a {
      font-size: .95em;
      padding: 0; }

  .header-menu .menu-item {
    padding: 0 .8em .5em; }

  nav.utility a {
    padding: 0 2px; }

  .row {
    max-width: 1080px; }
    .row.full {
      width: 100%;
      max-width: none; }
    .row.slider-wrap {
      max-width: 1440px; }

  .slider {
    max-width: 1440px;
    margin: 0 auto; }
    .slider img {
      max-width: 1440px; }

  .flex-direction-nav a {
    width: 58px;
    height: 58px; }

  .map-thumbs ul li {
    width: 13%;
    margin-right: 4.4%; }
    .map-thumbs ul li:nth-child(2n+2) {
      margin-right: 4.4%; }
    .map-thumbs ul li:nth-child(3n+3) {
      margin-right: 4.4%; }
    .map-thumbs ul li:nth-child(4n+4) {
      margin-right: 4.4%; }
    .map-thumbs ul li:nth-child(5n+5) {
      margin-right: 4.4%; }
    .map-thumbs ul li:nth-child(6n+6) {
      margin-right: 0%; }

  ul.footer-links a {
    padding: 0 20px;
    margin-right: 10px;
    font-size: .875em; }

  footer.page {
    padding: 2% 0;
    margin-bottom: 0;
    max-width: 1440px; }
    footer.page .column:first-child {
      width: auto; }

  h3.logo-footer {
    margin: 0;
    width: 295px;
    max-width: none;
    background-size: auto;
    background-position: left center; }

  ul.social li {
    margin: 0 5px 0 0;
    width: 42px; }

  .maps-nav a {
    font-size: .875em;
    padding: 0 15px; }

  .slide-content {
    top: 20%; }
    .slide-content h1, .slide-content h2, .slide-content h3, .slide-content h4, .slide-content h5, .slide-content h6 {
      font-size: 2.5em;
      line-height: 1.043em;
      margin-bottom: .25em; } }
@media only screen and (min-width: 1280px) {
  /* 1382 =================================================== */
  .size-note {
    background: green; }
    .size-note:before {
      content: "I are the 1280"; }

  nav.main-nav {
    margin-top: 1.5em;
    width: auto; }
    nav.main-nav ul li a {
      font-size: 1.1em;
      padding: 0; }

  nav.utility a {
    padding: 0 20px; }

  .header-menu .menu-item {
    padding: 0 18px 4px; }

  .slide-content h1, .slide-content h2, .slide-content h3, .slide-content h4, .slide-content h5, .slide-content h6 {
    font-size: 2.875em;
    line-height: 1.043em;
    margin-bottom: .25em; } }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  /* 2x =================================================== */ }