/********************************************************************************************* 

x. Variables

*********************************************************************************************/
/********************************************************************************************* 

x. Imports

*********************************************************************************************/
/*
 * jQuery FlexSlider v2.6.3
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 and later license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 *
 */
/* ====================================================================================================================
 * FONT-FACE
 * ====================================================================================================================*/
@font-face {
  font-family: "flexslider-icon";
  src: url("fonts/flexslider-icon.eot");
  src: url("fonts/flexslider-icon.eot?#iefix") format("embedded-opentype"), url("fonts/flexslider-icon.woff") format("woff"), url("fonts/flexslider-icon.ttf") format("truetype"), url("fonts/flexslider-icon.svg#flexslider-icon") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* ====================================================================================================================
 * RESETS
 * ====================================================================================================================*/
.flex-container a:hover,
.flex-slider a:hover {
  outline: none;
}

.slides,
.slides > li,
.flex-control-nav,
.flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}

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

/* ====================================================================================================================
 * BASE STYLES
 * ====================================================================================================================*/
.flexslider {
  margin: 0;
  padding: 0;
}

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

.flexslider .slides img {
  width: 100%;
  display: block;
}

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

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

* html .flexslider .slides {
  height: 1%;
}

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

/* ====================================================================================================================
 * DEFAULT THEME
 * ====================================================================================================================*/
.flexslider {
  margin: 0;
  background: #fff;
  position: relative;
  zoom: 1;
}

.flexslider .slides {
  zoom: 1;
}

.flexslider .slides img {
  height: auto;
  -moz-user-select: none;
}

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

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

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

.flex-direction-nav {
  *height: 0;
}
.flex-direction-nav li {
  text-decoration: none;
  display: block;
  width: 40px;
  height: 40px;
  margin: -20px 0 0;
  position: absolute;
  top: 50%;
  z-index: 10;
  overflow: hidden;
  opacity: 1;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  text-indent: 99999px;
  overflow: hidden;
}
.flex-direction-nav li.flex-nav-prev {
  left: 25%;
}
.flex-direction-nav li.flex-nav-next {
  right: 25%;
}

.flex-direction-nav a::after {
  text-decoration: none;
  display: block;
  width: 15px;
  height: 15px;
  margin: -10px 4px 0;
  position: absolute;
  top: 50%;
  z-index: 10;
  overflow: hidden;
  opacity: 1;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border-right: 5px solid #fff;
  border-top: 5px solid #fff;
  text-indent: 99999px;
  overflow: hidden;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  content: " ";
}

.flex-direction-nav a:before {
  font-size: 40px;
  display: inline-block;
}

.flex-direction-nav .flex-prev::after {
  left: 25%;
  -moz-transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

.flex-direction-nav a {
  width: 40px;
  height: 40px;
  background: #cc3f27;
  display: block;
}
.flex-direction-nav a:hover {
  background: #344050;
}

.flex-direction-nav .flex-next::after {
  text-align: right;
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.flexslider .flex-direction-nav .flex-prev {
  opacity: 1;
  left: 25%;
}

.flexslider .flex-direction-nav .flex-prev:hover {
  opacity: 1;
}

.flexslider .flex-direction-nav .flex-next {
  opacity: 1;
  right: 25%;
}

.flexslider .flex-direction-nav .flex-next:hover {
  opacity: 1;
}

.flexslider .flex-direction-nav .flex-nav-next:hover, .flexslider .flex-direction-nav .flex-nav-prev:hover {
  background: #266891;
}

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

.flex-pauseplay a {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 5px;
  left: 10px;
  opacity: 0.8;
  z-index: 10;
  overflow: hidden;
  cursor: pointer;
  color: #000;
}

.flex-pauseplay a:before {
  font-family: "flexslider-icon";
  font-size: 20px;
  display: inline-block;
  content: "\f004";
}

.flex-pauseplay a:hover {
  opacity: 1;
}

.flex-pauseplay a.flex-play:before {
  content: "\f003";
}

.flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: 40px;
  text-align: center;
  z-index: 9;
}

.flex-control-nav li {
  margin: 0 6px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}

.flex-control-paging li a {
  width: 11px;
  height: 11px;
  display: block;
  background: #666;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  text-indent: -9999px;
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}

.flex-control-paging li a:hover {
  background: #333;
  background: rgba(0, 0, 0, 0.7);
}

.flex-control-paging li a.flex-active {
  background: #000;
  background: rgba(0, 0, 0, 0.9);
  cursor: default;
}

.flex-control-thumbs {
  margin: 5px 0 0;
  position: static;
  overflow: hidden;
}

.flex-control-thumbs li {
  width: 25%;
  float: left;
  margin: 0;
}

.flex-control-thumbs img {
  width: 100%;
  height: auto;
  display: block;
  opacity: 0.7;
  cursor: pointer;
  -moz-user-select: none;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}

.flex-control-thumbs img:hover {
  opacity: 1;
}

.flex-control-thumbs .flex-active {
  opacity: 1;
  cursor: default;
}

.half-img .flex-nav-prev, .featured-events .flex-nav-prev, .slideshow_1 .flex-nav-prev {
  display: none;
}

.half-img .flex-direction-nav li.flex-nav-next, .featured-events .flex-direction-nav li.flex-nav-next, .slideshow_1 .flex-direction-nav li.flex-nav-next {
  right: 0;
}

.half-img.left .flex-direction-nav li.flex-nav-prev, .slideshow_2 .flex-direction-nav li.flex-nav-prev {
  left: 0;
  display: block;
}

.half-img.left .flex-direction-nav li.flex-nav-next, .slideshow_2 .flex-direction-nav li.flex-nav-next {
  display: none;
}

/* ====================================================================================================================
 * RESPONSIVE
 * ====================================================================================================================*/
@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {
    opacity: 1;
    left: 10px;
  }
  .flex-direction-nav .flex-next {
    opacity: 1;
    right: 10px;
  }
}
/**
 * Owl Carousel v2.2.0
 * Copyright 2013-2016 David Deutsch
 * Licensed under MIT (https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE)
 */
/*
 *  Owl Carousel - Core
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1;
}

.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
}

.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}

.owl-carousel .owl-item img {
  display: block;
  width: 100%;
  -webkit-transform-style: preserve-3d;
}

.owl-carousel.owl-loaded {
  padding: 0;
}

.owl-carousel .owl-stage-outer {
  overflow: hidden;
}

.owl-carousel .owl-nav .owl-prev {
  right: 100%;
  position: absolute;
  top: 50%;
  margin-top: -10px;
  margin-right: 10px;
}

.owl-carousel .owl-nav .owl-next {
  left: 100%;
  position: absolute;
  top: 50%;
  margin-top: -10px;
  margin-left: 20px;
}

.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
  display: none;
}

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel.owl-loaded {
  display: block;
}

.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}

.owl-carousel.owl-hidden {
  opacity: 0;
}

.owl-carousel.owl-refresh .owl-item {
  visibility: hidden;
}

.owl-carousel.owl-drag .owl-item {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel.owl-grab {
  cursor: move;
  cursor: grab;
}

.owl-carousel.owl-rtl {
  direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
  float: right;
}

/* No Js */
.no-js .owl-carousel {
  display: block;
}

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  -webkit-animation-duration: 1000ms;
  animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
  z-index: 0;
}

.owl-carousel .owl-animated-out {
  z-index: 1;
}

.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out;
}

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 400ms ease;
}

.owl-carousel .owl-item img.owl-lazy {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: -webkit-transform 100ms ease;
  transition: transform 100ms ease;
}

.owl-carousel .owl-video-play-icon:hover {
  -webkit-transform: scale(1.3, 1.3);
  -ms-transform: scale(1.3, 1.3);
  transform: scale(1.3, 1.3);
}

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none;
}

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease;
}

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%;
}

/**
 * Owl Carousel v2.2.0
 * Copyright 2013-2016 David Deutsch
 * Licensed under MIT (https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE)
 */
/*
 * 	Default theme - Owl Carousel CSS File
 */
.owl-theme .owl-nav {
  margin-top: 10px;
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}

.owl-theme .owl-nav [class*=owl-] {
  color: #FFF;
  font-size: 14px;
  margin: 5px;
  padding: 4px 7px;
  background: #D6D6D6;
  display: inline-block;
  cursor: pointer;
  border-radius: 3px;
}

.owl-theme .owl-nav [class*=owl-]:hover {
  background: #869791;
  color: #FFF;
  text-decoration: none;
}

.owl-theme .owl-nav .disabled {
  opacity: 0.5;
  cursor: default;
}

.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 10px;
}

.owl-theme .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}

.owl-theme .owl-dots .owl-dot {
  display: inline-block;
  zoom: 1;
  *display: inline;
}

.owl-theme .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 5px 7px;
  background: #D6D6D6;
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity 200ms ease;
  border-radius: 30px;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  background: #869791;
}

/********************************************************************************************* 

x. Mixins

*********************************************************************************************/
/********************************************************************************************* 

x. CSS Reset 

*********************************************************************************************/
* {
  margin: 0;
  padding: 0;
  min-height: 0;
  outline: none;
}

/********************************************************************************************* 

x. Typekit

*********************************************************************************************/
.wf-loading {
  visibility: hidden;
}

.wf-active {
  visibility: visible;
}

/*********************************************************************************************

x. Basic Setup (Body, Fonts, etc.) 

********************************************************************************************/
::selection {
  background: #cc3f27;
  color: #fff;
}

::-moz-selection {
  background: #fff;
}

html, body {
  font: 12px "brandon-grotesque", Arial, Helvetica, sans-serif;
  color: #344050;
  width: auto;
  height: auto;
  background: #fff;
}

.color-red {
  color: #cc3f27;
}

div, p, ul, section, header, footer, a {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

a {
  color: #344050;
  text-decoration: none;
}

a:hover {
  color: #266891;
}

a img {
  border: none;
}

.center {
  text-align: center;
}

.ml-13 {
  margin-left: 13%;
}

.text-right {
  text-align: right;
}

.clear {
  clear: both;
  overflow: auto;
  zoom: 1;
}

h1, h2, h3, h4, h5, h6, p {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Oswald", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

h1 {
  font-size: 4.4em;
  font-family: "Oswald", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

h2 {
  font-size: 2.8em;
  font-family: "filson-soft", sans-serif;
}

h3 {
  font-size: 2.4em;
}

h4 {
  font-family: "filson-soft", sans-serif;
  font-size: 2em;
  letter-spacing: 0.1em;
}

.image img {
  width: 100%;
  height: auto;
}

.no-margin {
  margin: 0;
}

p {
  line-height: 1.5em;
  font-size: 1.4em;
}

p.big, div.big p, a.big, span.big {
  font-size: 1.8em;
}

.big ul {
  font-size: 2em;
}

.filson {
  font-family: "filson-soft", sans-serif;
  font-size: 1.4em;
  text-transform: uppercase;
  letter-spacing: 2px;
}

.uppercase {
  text-transform: uppercase;
}

#wrapper {
  padding-top: 320px;
  padding-bottom: 80px;
}
.address-h4 {
  margin-bottom: 10px;
}

.form-intro {
  padding: 60px 0;
  float: left;
  width: 100%;
}

.cost {
  margin: 15px 0 15px 0;
}
.cost .link {
  position: relative;
  top: -2px;
}

.divider {
  margin-left: 5px;
  margin-right: 5px;
}

.acf-field .acf-label label {
  font-weight: normal !important;
}

.acf-google-map.-value .title .search {
  font-weight: normal !important;
}

.featured-events .flexslider ul.slides > li, .slideshow_1 .flexslider ul.slides > li, .slideshow_2 .flexslider ul.slides > li {
  position: relative;
}

.flexslider {
  opacity: 0;
}

#form-wrapper {
  padding: 80px 0 120px 0;
}
#form-wrapper .acf-error-message {
  margin-bottom: 50px;
}
#form-wrapper .ui-timepicker-div.ui-timepicker-oneLine dl {
  background: #f2f2f2;
  font-size: 16px;
}
#form-wrapper .ui-datepicker-div {
  margin-top: -2px !important;
}
#form-wrapper .acf-ui-datepicker .ui-widget select {
  font-size: 14px;
}
#form-wrapper h1 {
  margin-bottom: 20px;
}
#form-wrapper a.acf-button {
  color: #266891;
}
#form-wrapper .acf-fields > .acf-tab-wrap {
  margin-bottom: 30px;
}
#form-wrapper .acf-tab-group li a {
  padding: 6px 10px;
  display: block;
  color: #555555;
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
  border: #ccc solid 1px;
  border-bottom: 0 none;
  text-decoration: none;
  background: #F1F1F1;
  border-radius: 3px 3px 0 0;
  transition: none;
  background: #266891;
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border-color: #266891;
  font-family: "filson-soft", sans-serif;
  letter-spacing: 0.1em;
}
#form-wrapper .acf-tab-group li a:hover {
  background: #344050;
}
#form-wrapper .acf-fields > .acf-tab-wrap .acf-tab-group li.active a {
  background: #fff;
  color: #266891;
  padding-bottom: 7px;
}
#form-wrapper .acf-fields > .acf-tab-wrap .acf-tab-group {
  border: none;
  background: #fff;
  border-bottom: 1px solid #266891;
}
#form-wrapper label {
  font-size: 1.3em;
}
#form-wrapper .acf-fields > .acf-field {
  clear: none;
  position: relative;
  width: 100%;
  float: left;
}
#form-wrapper .acf-fields > .acf-field .acf-error-message {
  position: absolute;
  display: block;
  background: #F55E4F;
  margin: 5px 0 15px;
  padding: 1px 12px;
  min-height: 0px;
  z-index: 9;
  border-left: #dd4232 solid 4px;
  bottom: 80%;
  right: 0;
}
#form-wrapper .acf-fields > .acf-field.width-50 {
  width: 50%;
}
#form-wrapper .acf-fields > .acf-field.acf-field-text input, #form-wrapper .acf-fields > .acf-field.acf-field-text textarea, #form-wrapper .acf-fields > .acf-field.acf-field-email input, #form-wrapper .acf-fields > .acf-field.acf-field-email textarea, #form-wrapper .acf-fields > .acf-field.acf-field-textarea input, #form-wrapper .acf-fields > .acf-field.acf-field-textarea textarea, #form-wrapper .acf-fields > .acf-field.acf-field-url input, #form-wrapper .acf-fields > .acf-field.acf-field-url textarea, #form-wrapper .acf-fields > .acf-field.acf-image-uploader input, #form-wrapper .acf-fields > .acf-field.acf-image-uploader textarea, #form-wrapper .acf-fields > .acf-field.acf-field-date-time-picker input, #form-wrapper .acf-fields > .acf-field.acf-field-date-time-picker textarea {
  border: 2px #ccc solid;
}
#form-wrapper .acf-fields > .acf-field.acf-field-text input:focus, #form-wrapper .acf-fields > .acf-field.acf-field-text textarea:focus, #form-wrapper .acf-fields > .acf-field.acf-field-email input:focus, #form-wrapper .acf-fields > .acf-field.acf-field-email textarea:focus, #form-wrapper .acf-fields > .acf-field.acf-field-textarea input:focus, #form-wrapper .acf-fields > .acf-field.acf-field-textarea textarea:focus, #form-wrapper .acf-fields > .acf-field.acf-field-url input:focus, #form-wrapper .acf-fields > .acf-field.acf-field-url textarea:focus, #form-wrapper .acf-fields > .acf-field.acf-image-uploader input:focus, #form-wrapper .acf-fields > .acf-field.acf-image-uploader textarea:focus, #form-wrapper .acf-fields > .acf-field.acf-field-date-time-picker input:focus, #form-wrapper .acf-fields > .acf-field.acf-field-date-time-picker textarea:focus {
  border-color: #344050;
}
#form-wrapper .acf-fields > .acf-field.acf-field-text .acf-label, #form-wrapper .acf-fields > .acf-field.acf-field-email .acf-label, #form-wrapper .acf-fields > .acf-field.acf-field-textarea .acf-label, #form-wrapper .acf-fields > .acf-field.acf-field-url .acf-label, #form-wrapper .acf-fields > .acf-field.acf-image-uploader .acf-label, #form-wrapper .acf-fields > .acf-field.acf-field-date-time-picker .acf-label {
  /*
  				position: absolute;
  			    top: 24px;
  			    left: 35px;
  			    z-index: 9;
  */
  font-size: 1.8em;
}
#form-wrapper .acf-fields > .acf-field.acf-field-text .acf-label.hide, #form-wrapper .acf-fields > .acf-field.acf-field-email .acf-label.hide, #form-wrapper .acf-fields > .acf-field.acf-field-textarea .acf-label.hide, #form-wrapper .acf-fields > .acf-field.acf-field-url .acf-label.hide, #form-wrapper .acf-fields > .acf-field.acf-image-uploader .acf-label.hide, #form-wrapper .acf-fields > .acf-field.acf-field-date-time-picker .acf-label.hide {
  display: none;
}
#form-wrapper .acf-fields > .acf-field.acf-field-google-map .acf-label, #form-wrapper .acf-fields > .acf-field.acf-field-image .acf-label, #form-wrapper .acf-fields > .acf-field.acf-field-taxonomy .acf-label, #form-wrapper .acf-fields > .acf-field.acf-field-repeater .acf-label {
  display: block !important;
  font-size: 1.8em;
}
#form-wrapper .acf-fields > .acf-field.acf-field-select {
  width: auto;
}
#form-wrapper .acf-fields > .acf-field.acf-field-image .acf-input {
  border: 2px #ccc solid;
  padding-top: 7px;
  padding-bottom: 7px;
  padding-left: 25px;
  height: auto;
  font-size: 1.2em;
}
#form-wrapper .acf-fields > .acf-field.acf-field-58b4a4d5125ae .acf-label {
  position: relative;
  left: 0;
  display: block !important;
}
#form-wrapper .acf-fields > .acf-field.acf-field-58b4a4d5125ae .acf-input {
  display: none !important;
}
#form-wrapper .acf-field input[type=text], #form-wrapper .acf-field input[type=password], #form-wrapper .acf-field input[type=number], #form-wrapper .acf-field input[type=search], #form-wrapper .acf-field input[type=email], #form-wrapper .acf-field input[type=url], #form-wrapper .acf-field textarea, #form-wrapper .acf-field select {
  padding-top: 7px;
  padding-bottom: 7px;
  padding-left: 25px;
  height: auto;
}
#form-wrapper .acf-field input[type=text], #form-wrapper .acf-field input[type=password], #form-wrapper .acf-field input[type=number], #form-wrapper .acf-field input[type=search], #form-wrapper .acf-field input[type=email], #form-wrapper .acf-field input[type=url], #form-wrapper .acf-field textarea {
  font-size: 2em;
}
#form-wrapper .acf-field textarea {
  border-color: #ccc;
}
#form-wrapper .acf-taxonomy-field .categorychecklist-holder {
  max-height: 800px;
}
#form-wrapper .acf-fields > .acf-field {
  border: none;
}
#form-wrapper a.button-primary {
  font-size: 1.5em;
  cursor: pointer;
}
#form-wrapper a.button-primary:hover {
  color: #cc3f27;
}
#form-wrapper .acf-form-submit {
  margin-top: 40px;
  text-align: center;
}
#form-wrapper .acf-url i {
  top: 18px;
}
#form-wrapper .acf-fields > .acf-field.hours-field, #form-wrapper .acf-fields > .acf-field.hours-text-field {
  display: block;
  float: left;
  clear: none;
  padding-left: 5px;
  padding-right: 5px;
}
#form-wrapper .acf-fields > .acf-field.hours-field .acf-label, #form-wrapper .acf-fields > .acf-field.hours-text-field .acf-label {
  float: left;
  margin-right: 10px;
  margin-bottom: 0;
}
#form-wrapper .acf-fields > .acf-field.hours-field .acf-input, #form-wrapper .acf-fields > .acf-field.hours-text-field .acf-input {
  float: left;
  position: relative;
  top: -4px;
}
#form-wrapper .acf-fields > .acf-field.hours-field[data-name=mon_start_time], #form-wrapper .acf-fields > .acf-field.hours-field[data-name=tue_start_time], #form-wrapper .acf-fields > .acf-field.hours-field[data-name=wed_start_time], #form-wrapper .acf-fields > .acf-field.hours-field[data-name=thu_start_time], #form-wrapper .acf-fields > .acf-field.hours-field[data-name=fri_start_time], #form-wrapper .acf-fields > .acf-field.hours-field[data-name=sat_start_time], #form-wrapper .acf-fields > .acf-field.hours-field[data-name=sun_start_time], #form-wrapper .acf-fields > .acf-field.hours-text-field[data-name=mon_start_time], #form-wrapper .acf-fields > .acf-field.hours-text-field[data-name=tue_start_time], #form-wrapper .acf-fields > .acf-field.hours-text-field[data-name=wed_start_time], #form-wrapper .acf-fields > .acf-field.hours-text-field[data-name=thu_start_time], #form-wrapper .acf-fields > .acf-field.hours-text-field[data-name=fri_start_time], #form-wrapper .acf-fields > .acf-field.hours-text-field[data-name=sat_start_time], #form-wrapper .acf-fields > .acf-field.hours-text-field[data-name=sun_start_time] {
  clear: both;
}
#form-wrapper .acf-fields > .acf-field.hours-field[data-name=mon_start_time] label, #form-wrapper .acf-fields > .acf-field.hours-field[data-name=tue_start_time] label, #form-wrapper .acf-fields > .acf-field.hours-field[data-name=wed_start_time] label, #form-wrapper .acf-fields > .acf-field.hours-field[data-name=thu_start_time] label, #form-wrapper .acf-fields > .acf-field.hours-field[data-name=fri_start_time] label, #form-wrapper .acf-fields > .acf-field.hours-field[data-name=sat_start_time] label, #form-wrapper .acf-fields > .acf-field.hours-field[data-name=sun_start_time] label, #form-wrapper .acf-fields > .acf-field.hours-text-field[data-name=mon_start_time] label, #form-wrapper .acf-fields > .acf-field.hours-text-field[data-name=tue_start_time] label, #form-wrapper .acf-fields > .acf-field.hours-text-field[data-name=wed_start_time] label, #form-wrapper .acf-fields > .acf-field.hours-text-field[data-name=thu_start_time] label, #form-wrapper .acf-fields > .acf-field.hours-text-field[data-name=fri_start_time] label, #form-wrapper .acf-fields > .acf-field.hours-text-field[data-name=sat_start_time] label, #form-wrapper .acf-fields > .acf-field.hours-text-field[data-name=sun_start_time] label {
  width: 40px;
  margin-left: 20px;
}
#form-wrapper .acf-fields > .acf-field.hours-field label, #form-wrapper .acf-fields > .acf-field.hours-text-field label {
  color: #266891;
  font-family: "filson-soft", sans-serif;
  letter-spacing: 0.1em;
  margin-bottom: 0;
}
#form-wrapper .acf-taxonomy-field ul.children {
  padding-left: 30px;
}
#form-wrapper ul.acf-radio-list li, #form-wrapper ul.acf-checkbox-list li {
  line-height: 26px;
}
#form-wrapper .acf-taxonomy-field .categorychecklist-holder {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  display: none;
}
#form-wrapper .acf-field-taxonomy .acf-label, #form-wrapper .acf-field-repeater .acf-label, #form-wrapper .acf-field-58b4a4d5125ae .acf-label {
  margin: 0;
}
#form-wrapper .acf-field-taxonomy .acf-label label, #form-wrapper .acf-field-repeater .acf-label label, #form-wrapper .acf-field-58b4a4d5125ae .acf-label label {
  background: #344050;
  color: #fff;
  font-family: "filson-soft", sans-serif;
  text-transform: uppercase;
  font-size: 0.8em;
  letter-spacing: 2px;
  text-align: center;
  padding: 15px;
  margin: 0;
  cursor: pointer;
}
#form-wrapper .acf-field-taxonomy .acf-label label::after, #form-wrapper .acf-field-repeater .acf-label label::after, #form-wrapper .acf-field-58b4a4d5125ae .acf-label label::after {
  content: "";
  width: 10px;
  height: 14px;
  display: inline-block;
  background: url(../img/white-arrow.svg);
  -moz-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  -ms-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
  margin-left: 10px;
}
#form-wrapper .acf-field-taxonomy .acf-label.active label::after, #form-wrapper .acf-field-repeater .acf-label.active label::after, #form-wrapper .acf-field-58b4a4d5125ae .acf-label.active label::after {
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
#form-wrapper .acf-field-taxonomy .acf-label .acf-required, #form-wrapper .acf-field-repeater .acf-label .acf-required, #form-wrapper .acf-field-58b4a4d5125ae .acf-label .acf-required {
  color: #fff;
  margin-right: 5px;
}
#form-wrapper .acf-field-repeater p.description {
  display: none;
}
#form-wrapper .acf-field-repeater .acf-input {
  display: none;
}
#form-wrapper .acf-fields > .acf-field.hours-field, #form-wrapper .acf-fields > .acf-field.hours-text-field {
  display: none;
}
#form-wrapper .acf-field-select .acf-input {
  padding: 0;
  margin: 0;
  border: 1px solid #ccc;
  border-radius: 0;
  overflow: hidden;
  background-color: #fff;
  background: #fff;
}
#form-wrapper .acf-field-select .acf-input select {
  padding: 5px 8px;
  width: 130%;
  border: none;
  box-shadow: none;
  background-color: transparent;
  background-image: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
#form-wrapper .acf-field-select .acf-input select:focus {
  outline: none;
}

.cover {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.full {
  width: 100%;
}

.btn, .acf-form-submit input {
  padding: 10px 20px;
  border: 2px solid #266891;
  text-align: center;
  color: #266891;
}
.btn:hover, .acf-form-submit input:hover {
  background: #266891;
  color: #fff;
}

a.event-btn {
  background-color: transparent;
  border: 2px solid #fff;
  text-transform: uppercase;
  color: #fff;
  padding: 15px 25px;
  font-size: 1.2em;
  letter-spacing: 3px;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -20px;
}
a.event-btn:hover {
  background: #fff;
  color: #344050;
}

.acf-form-submit input {
  border: none;
  font-family: "filson-soft", sans-serif;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-size: 1.8em;
  background: #cc3f27;
  color: #fff;
  padding: 12px 30px;
  display: inline-block;
  float: none;
  cursor: pointer;
}
.acf-form-submit input:hover {
  background: #266891;
  color: #fff;
}

#form-wrapper .acf-fields > .acf-field.acf-field--post-title {
  width: 50%;
  float: left;
  display: none;
}

.acf-field-wysiwyg.acf-field--post-content {
  display: none;
}

.relative {
  position: relative;
}

.pull-left {
  float: left !important;
}

.pull-right {
  float: right !important;
}

.clearfix {
  clear: both;
  display: block;
}

.hideme {
  opacity: 0;
}

hr, .divide {
  clear: both;
  display: block;
  border: none;
  height: 13px;
  width: 100%;
  background: url(../img/divider.svg) repeat;
}

a.btn {
  padding: 20px 30px;
  background: #cc3f27;
  color: #fff;
  border: none;
  text-transform: uppercase;
  font-family: "filson-soft", sans-serif;
  font-size: 1.4em;
  letter-spacing: 0.2em;
}

#form-wrapper .acf-repeater a.acf-button {
  padding: 8px 10px;
  margin-top: 5px;
  background: #cc3f27;
  color: #fff;
  border: none;
  text-transform: uppercase;
  font-family: "filson-soft", sans-serif;
  font-size: 1em;
  letter-spacing: 0.2em;
  color: #fff;
  display: block;
}
#form-wrapper .acf-repeater a.acf-button:hover {
  background: #266891;
}

.arrow-fill {
  fill: #cc3f27;
  fill-rule: evenodd;
}

a.link {
  text-transform: uppercase;
  font-family: "filson-soft", sans-serif;
  font-size: 1.4em;
  letter-spacing: 0.2em;
  color: #cc3f27;
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  -ms-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
a.link span.arrow {
  width: 22px;
  display: inline;
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  -ms-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
a.link span.arrow svg {
  width: 22px;
  height: 17px;
  position: relative;
  top: 2px;
}
a.link:hover {
  color: #266891;
}
a.link:hover span.arrow {
  margin-left: 10px;
}
a.link:hover .arrow-fill {
  fill: #266891;
}

span.arrow {
  width: 22px;
  display: inline;
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  -ms-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
span.arrow svg {
  width: 22px;
  height: 17px;
  position: relative;
  top: 2px;
}

.icon .svg-icon {
  display: block;
}

.li-height {
  min-height: 300px;
  min-width: 300px;
  display: block;
  float: left;
}

/********************************************************************************************* 

x. Business

*********************************************************************************************/
.owl-nav div img {
  width: 15px;
}

.owl-prev {
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.arrow-fill {
  fill: #cc3f27;
  fill-rule: evenodd;
}

.business {
  padding: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 1.2em;
}
.business p, .business a {
  display: block;
  color: #344050;
}
.business a.url {
  font-size: 1.5em;
}
.business a.link {
  color: #cc3f27;
  margin-top: 5px;
}
.business h2 {
  font-size: 1.6em;
  color: #344050;
}
.business .business-image {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 20px;
}
.business .business-image img {
  width: 100%;
}

.controls {
  background: #344050;
  padding: 0 50px;
  text-align: center;
  position: relative;
  z-index: 2;
  clear: both;
  min-height: 90px;
}
.controls h2 {
  cursor: pointer;
}
.controls a {
  text-transform: uppercase;
  font-family: "filson-soft", sans-serif;
  font-size: 1.4em;
  letter-spacing: 0.2em;
  padding: 0 20px;
  display: block;
  color: #fff;
  position: relative;
}
.controls a::after {
  content: "";
  height: 5px;
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: -25px;
  background: #fff;
  opacity: 0;
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  -ms-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.controls a:hover::after, .controls a.active::after {
  bottom: -15px;
  opacity: 1;
}
.controls h2 {
  color: #fff;
  font-size: 2em;
  padding-top: 30px;
  padding-bottom: 10px;
}
.controls .arrow {
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  display: inline-block;
}
.controls .arrow .arrow-fill {
  fill: #fff;
}
.controls .owl-carousel {
  display: none;
}
.controls .sub-controls {
  display: none;
}
.controls.show .owl-carousel {
  display: block;
}
.controls.show .sub-controls {
  display: block;
}
.sub-controls {
  background: #266891;
  padding: 30px 50px;
  text-align: center;
  position: relative;
  z-index: 1;
  top: -80px;
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  -ms-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.sub-controls.active {
  top: 0;
}
.sub-controls a {
  font-family: "filson-soft", sans-serif;
  font-size: 1.3em;
  letter-spacing: 0.1em;
  padding: 0 20px;
  display: inline-block;
  color: #fff;
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  -ms-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
  display: none;
  position: relative;
}
.sub-controls a.show {
  display: inline-block;
}
.sub-controls a::after {
  content: "";
  height: 5px;
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: -25px;
  background: #fff;
  opacity: 0;
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  -ms-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.sub-controls a:hover::after {
  bottom: -15px;
  opacity: 1;
}
.sub-controls a.mixitup-control-active::after {
  bottom: -15px;
  opacity: 1;
}

.owl-carousel .owl-stage-outer {
  padding: 30px 0;
}

.owl-carousel .owl-stage {
  margin-left: auto;
  margin-right: auto;
}

#businesses {
  padding-bottom: 60px;
  /*
  	.business:nth-child(odd) {
  		clear: both;	
  	}
  */
}
#businesses .business {
  min-height: 270px;
}

/********************************************************************************************* 

x. Columns & Widths

*********************************************************************************************/
.container {
  width: 100%;
  max-width: 1024px;
  margin: 0 auto;
}

header #nav > ul.left-nav > li > a {
  padding: 10px 20px;
}

.column.left {
  float: left;
}

.column.right {
  float: right;
}

.column.first .inside {
  padding-left: 0;
}

.column.last .inside {
  padding-right: 0;
}

.width-10 {
  width: 10%;
}

.width-15 {
  width: 15%;
}

.width-20 {
  width: 20%;
}

.width-25 {
  width: 25%;
}

.width-30 {
  width: 30%;
}

.width-33 {
  width: 33.33%;
}

.width-35 {
  width: 35%;
}

.width-40 {
  width: 40%;
}

.width-45 {
  width: 45%;
}

.width-50 {
  width: 50%;
}

.width-55 {
  width: 55%;
}

.width-60 {
  width: 60%;
}

.width-65 {
  width: 65%;
}

.width-66 {
  width: 66.66%;
}

.width-70 {
  width: 70%;
}

.width-75 {
  width: 75%;
}

.width-80 {
  width: 80%;
}

.width-85 {
  width: 85%;
}

.width-90 {
  width: 80%;
}

.width-95 {
  width: 95%;
}

.width-100 {
  width: 100%;
}

/********************************************************************************************* 

x. Header

*********************************************************************************************/
#support-local {
  overflow: hidden;
}
#support-local a {
  display: block;
}
#support-local a .desktop {
  display: block;
}
#support-local a .mobile {
  display: none;
}
#support-local .container {
  max-width: 1200px;
  position: relative;
}
#support-local .container:after, #support-local .container:before {
  content: "";
  width: 9999px;
  height: auto;
  position: absolute;
  top: 0;
  bottom: 0;
}
#support-local .container:after {
  background: #F9F0E9;
  left: 100%;
}
#support-local .container:before {
  background: #334049;
  right: 100%;
}

.sub-back {
  position: fixed;
  z-index: 0;
  left: 0;
  top: 0;
  width: 100%;
  bottom: 0;
  display: none;
  transform: translate(-50%);
  -moz-transform: translate(-50%);
  -webkit-transform: translate(-50%);
  -o-transform: translate(-50%);
  -ms-transform: translate(-50%);
  left: 50%;
  max-width: 1200px;
}

header {
  padding: 0 0;
  position: relative;
  z-index: 999;
  font-family: "filson-soft", sans-serif;
  font-weight: 800;
  background: rgba(255, 255, 255, 0.7);
  position: fixed;
  z-index: 999;
  width: 100%;
  top: 0;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
header .container {
  max-width: 1200px;
  position: relative;
}
header .svg-icon {
  display: inline-block;
}
header #nav {
  float: left;
  padding: 40px 0;
  width: 100%;
  text-align: center;
  position: relative;
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  -ms-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
header #nav #mobile-nav {
  display: none;
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  -ms-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
header #nav > ul > li {
  display: inline-block;
}
header #nav > ul > li > a {
  padding: 10px 10px;
  font-size: 1.2em;
  text-transform: uppercase;
  letter-spacing: 1px;
  position: relative;
  z-index: 9;
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  -ms-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
header #nav > ul > li > a::after {
  content: "";
  height: 5px;
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: -15px;
  background: #266891;
  opacity: 0;
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  -ms-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
header #nav > ul > li > a:hover {
  color: #266891;
}
header #nav > ul > li > a:hover::after {
  bottom: -5px;
  opacity: 1;
}
header #nav > ul > li.has-child:hover .sub-back {
  display: block;
}
header #nav > ul > li.has-child:hover ul.subnav {
  display: block !important;
}
header #nav .left-nav {
  float: left;
}
header #nav .right-nav {
  float: right;
}
header #nav #logo {
  position: absolute;
  top: 5px;
  left: 50%;
  margin-left: -110px;
  width: 220px;
  display: block;
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  -ms-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
header #nav #logo img {
  width: 100%;
}
header #nav li ul.subnav {
  position: absolute;
  left: 50%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  transform: translate(-50%);
  -moz-transform: translate(-50%);
  -webkit-transform: translate(-50%);
  -o-transform: translate(-50%);
  -ms-transform: translate(-50%);
  top: 140px;
  list-style-type: none;
  width: 100%;
  max-width: 1200px;
  display: none;
  overflow: scroll;
  -ms-overflow-style: none;
  padding-bottom: 120px;
}
header #nav li ul.subnav li {
  text-align: center;
  margin-bottom: 120px;
}
header #nav li ul.subnav a {
  font-size: 1.6em;
  text-transform: uppercase;
  letter-spacing: 5px;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 60px;
  padding-left: 60px;
  position: relative;
  top: 60px;
}
header #nav li ul.subnav a .text {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  bottom: 75%;
  z-index: 99999;
}
header #nav li ul.subnav a:hover {
  color: #266891;
}
header #nav li ul.subnav svg {
  margin-top: 10px;
  max-width: 80px;
}

#nav .beauty .icon {
  width: 80px;
  height: 72px;
  background: url(../img/icons/beauty.svg);
  display: inline-block;
  display: inline-block;
}
#nav .businesses .icon {
  width: 80px;
  height: 72px;
  background: url(../img/icons/businesses.svg);
  display: inline-block;
}
#nav .churches-non-profits-clubs .icon {
  width: 80px;
  height: 72px;
  background: url(../img/icons/church.svg);
  display: inline-block;
}
#nav .health .icon {
  width: 80px;
  height: 72px;
  background: url(../img/icons/health.svg);
  display: inline-block;
}
#nav .mail-shipping .icon {
  width: 80px;
  height: 72px;
  background: url(../img/icons/mail.svg);
  display: inline-block;
}
#nav .manufacturing-industrial .icon {
  width: 80px;
  height: 72px;
  background: url(../img/icons/manufacturing.svg);
  display: inline-block;
}
#nav .medical .icon {
  width: 80px;
  height: 72px;
  background: url(../img/icons/medical.svg);
  display: inline-block;
}
#nav .pets .icon {
  width: 80px;
  height: 72px;
  background: url(../img/icons/pets.svg);
  display: inline-block;
}
#nav .professional .icon {
  width: 80px;
  height: 72px;
  background: url(../img/icons/professional.svg);
  display: inline-block;
}
#nav .schools-childcare .icon {
  width: 80px;
  height: 72px;
  background: url(../img/icons/schools.svg);
  display: inline-block;
}
#nav .senior-housing-care .icon {
  width: 80px;
  height: 72px;
  background: url(../img/icons/senior-housing.svg);
  display: inline-block;
}
#nav .technicians-trades .icon {
  width: 80px;
  height: 72px;
  background: url(../img/icons/technicians-trades.svg);
  display: inline-block;
}
#nav .technology .icon {
  width: 80px;
  height: 72px;
  background: url(../img/icons/technology.svg);
  display: inline-block;
}
#nav .vehicles-vessels .icon {
  width: 80px;
  height: 72px;
  background: url(../img/icons/vehicles.svg);
  display: inline-block;
}

body.fixed header {
  /*height: 60px;	*/
}
body.fixed header #nav {
  padding: 20px 0;
}
body.fixed header #nav #logo {
  width: 90px;
  margin-left: -45px;
}

body.sub {
  overflow: hidden;
}
body.sub #banner .flex-direction-nav {
  display: none;
}
body.sub header {
  overflow: scroll;
  height: 100%;
  background: rgba(255, 255, 255, 0.9);
}
body.sub header #nav li ul.subnav {
  top: 320px;
}
body.sub .callout {
  opacity: 0;
}

body.sub.fixed header #nav li ul.subnav {
  top: 140px;
}

body.things ul.subnav.things-sub {
  display: block;
}

body.services ul.subnav.services-sub {
  display: block;
}

.cls-1, .cls-3 {
  fill: none;
}

.cls-1 {
  stroke: #cc3f27;
}

.cls-1, .cls-2, .cls-3 {
  stroke-miterlimit: 10;
  stroke-width: 6px;
}

.cls-2 {
  fill: #cc4127;
}

.cls-2, .cls-3 {
  stroke: #cc4127;
}

#neighborhood-map {
  width: 100%;
  min-height: 900px;
}

/********************************************************************************************* 

x. WordPress Core

*********************************************************************************************/
.alignnone {
  margin: 5px 20px 20px 0;
}

.aligncenter, div.aligncenter {
  display: block;
  margin: 5px auto 5px auto;
}

.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}

.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}

a img.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}

a img.alignnone {
  margin: 5px 20px 20px 0;
}

a img.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}

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

.wp-caption {
  background: #fff;
  border: 1px solid #f0f0f0;
  max-width: 96%;
  padding: 5px 3px 10px;
  text-align: center;
}

.wp-caption.alignnone {
  margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
  margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
  margin: 5px 0 20px 20px;
}

.wp-caption img {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 98.5%;
  padding: 0;
  width: auto;
}

.wp-caption p.wp-caption-text {
  font-size: 11px;
  line-height: 17px;
  margin: 0;
  padding: 0 4px 5px;
}

.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

/********************************************************************************************* 

x. Banner

*********************************************************************************************/
video {
  position: absolute;
  bottom: 0;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: -100;
  transform: translateX(-50%);
  background: url("../img/banner.jpg") no-repeat;
  background-size: cover;
  transition: 1s opacity;
  z-index: 0;
}

#banner {
  overflow: hidden;
  width: 100%;
  position: relative;
}
#banner .flexslider {
  opacity: 1 !important;
}
#banner ul.slides > li {
  min-height: 600px;
  height: 800px;
}
#banner .cover {
  min-height: 600px;
  height: 800px;
  position: relative;
  overflow: hidden;
}

.home #banner ul.slides > li {
  min-height: 600px;
  height: 1000px;
}
.home #banner .cover {
  min-height: 600px;
  height: 800px;
  position: relative;
}

.overlay {
  position: absolute;
  left: 0;
  width: 100%;
  top: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.6);
}

/********************************************************************************************* 

x. Callout

*********************************************************************************************/
.callout {
  padding: 50px;
  width: 50%;
  width: 40%;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: 60px;
  background: rgba(255, 255, 255, 0.7);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  -ms-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.callout a {
  display: block;
}
.callout h1 {
  color: #cc3f27;
  margin-bottom: 15px;
}

section {
  margin: 15px 0;
  width: 100%;
  float: left;
  position: relative;
}

.socials a {
  font-size: 2em;
  margin: 10px 5px;
  color: #cc3f27;
}
.socials a:hover {
  color: #344050;
}

/********************************************************************************************* 

x. halfs

*********************************************************************************************/
.left .line {
  height: 1px;
  width: 30%;
  position: absolute;
  top: 120px;
  left: 0;
  background: #344050;
}

.right .line {
  height: 1px;
  width: 30%;
  position: absolute;
  top: 120px;
  right: 0;
  background: #344050;
}

.half-text {
  max-width: 570px;
  width: 100%;
  float: right;
  padding: 80px 80px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
}
.half-text h2 {
  margin: 20px 0 30px 0;
  color: #344050;
}
.half-text .icon {
  display: block;
  padding-left: 40px;
  padding-right: 40px;
  background: #fff;
  position: relative;
  z-index: 2;
}
.half-text .icon > div {
  display: inline-block;
}
.half-text p {
  margin-bottom: 30px;
}

.left .half-text {
  padding-left: 30px;
}

.right .half-text {
  padding-right: 30px;
  float: left;
}

.half-img {
  position: absolute;
  top: 0;
  bottom: 0;
}
.half-img.right {
  left: 50%;
  top: 0;
}

.single-business .half-text {
  max-width: none;
  padding: 0;
  margin: 80px 0;
  width: 100%;
}
.single-business .half-text .icon {
  margin-bottom: 30px;
}
.single-business .left .half-text {
  padding-right: 60px;
}
.single-business .right .half-text {
  padding-left: 60px;
}

.business-container {
  float: left;
  width: 100%;
  position: relative;
}
.business-container .middle {
  width: 1px;
  background: #344050;
  position: absolute;
  left: 50%;
  top: 80px;
  bottom: 80px;
}

.middle {
  width: 1px;
  background: #ccc;
  position: absolute;
  left: 50%;
  top: 80px;
  bottom: 80px;
}

section#single-business .svg-icon {
  display: none;
}
section#single-business.eat-drink .forks .svg-icon {
  display: inline-block;
}
section#single-business.restaurants .forks .svg-icon {
  display: inline-block;
}
section#single-business.arts-entertainment .ticket .svg-icon {
  display: inline-block;
}
section#single-business.shop .bag .svg-icon {
  display: inline-block;
}
section#single-business.culture-history .anchor .svg-icon {
  display: inline-block;
}
section#single-business.beauty .beaty .svg-icon {
  display: inline-block;
}
section#single-business.churches-non-profits-clubs .church .svg-icon {
  display: inline-block;
}
section#single-business.health .health .svg-icon {
  display: inline-block;
}
section#single-business.mail-shipping .mail .svg-icon {
  display: inline-block;
}
section#single-business.manufacturing-industrial .manufacturing .svg-icon {
  display: inline-block;
}
section#single-business.medical .medical .svg-icon {
  display: inline-block;
}
section#single-business.pets .pets .svg-icon {
  display: inline-block;
}
section#single-business.schools-childcare .school .svg-icon {
  display: inline-block;
}
section#single-business.senior-housing-care .senior-housing .svg-icon {
  display: inline-block;
}
section#single-business.technicians-trades .technicians-trades .svg-icon {
  display: inline-block;
}
section#single-business.technology .technology .svg-icon {
  display: inline-block;
}
section#single-business.vehicles-vessels .vehicles .svg-icon {
  display: inline-block;
}
section#single-business.live-stay .svg-icon.bed-icon {
  display: inline-block;
}

.slides .half-text h2 {
  background: #fff;
  position: relative;
  z-index: 2;
}

.single-event .svg-icon, .featured-events li .svg-icon, .event .svg-icon {
  display: none;
}
.single-event.featured .featured-icon, .featured-events li.featured .featured-icon, .event.featured .featured-icon {
  display: inline-block;
}
.single-event.film .film-icon, .featured-events li.film .film-icon, .event.film .film-icon {
  display: inline-block;
}
.single-event.live-music .music-icon, .featured-events li.live-music .music-icon, .event.live-music .music-icon {
  display: inline-block;
}
.single-event.community .community-icon, .featured-events li.community .community-icon, .event.community .community-icon {
  display: inline-block;
}
.single-event.artsculture .art-walk-icon, .featured-events li.artsculture .art-walk-icon, .event.artsculture .art-walk-icon {
  display: inline-block;
}
.single-event.community .farmers-market-icon, .featured-events li.community .farmers-market-icon, .event.community .farmers-market-icon {
  display: inline-block;
}
.single-event.specials .special-icon, .featured-events li.specials .special-icon, .event.specials .special-icon {
  display: inline-block;
}
.single-event.alliance-events .comittees-icon, .featured-events li.alliance-events .comittees-icon, .event.alliance-events .comittees-icon {
  display: inline-block;
}
.single-event.featured .featured-icon, .featured-events li.featured .featured-icon, .event.featured .featured-icon {
  display: inline-block;
}

.event .red-stroke {
  stroke: #fff;
}
.event .red-fill {
  fill: #fff;
}

.event .svg-icon {
  display: none;
}
.event.featured .featured-icon {
  display: inline-block;
}
.event.film .film-icon {
  display: inline-block;
}
.event.live-music .music-icon {
  display: inline-block;
}
.event.community .community-icon {
  display: inline-block;
}
.event.artsculture .art-walk-icon {
  display: inline-block;
}
.event.community .farmers-market-icon {
  display: inline-block;
}
.event.specials .special-icon {
  display: inline-block;
}
.event.alliance-events .committees-icon {
  display: inline-block;
}
.event.featured .featured-icon {
  display: inline-block;
}

.red-stroke {
  stroke-miterlimit: 10;
  stroke-width: 6px;
  stroke: #cc3f27;
  fill: none;
}

.red-fill {
  fill: #cc4127;
}

.business-details h4 {
  margin-bottom: 20px;
}
.business-details p {
  font-size: 2em;
  margin: 0;
}
.business-details a {
  font-size: 2em;
  color: #344050;
}
.business-details .hours {
  font-family: "filson-soft", sans-serif;
  font-size: 1.1em;
}
.business-details .hours .day {
  text-transform: uppercase;
  width: 40px;
  display: inline-block;
}
.business-details .social {
  margin-top: 30px;
}
.business-details .social a {
  color: #cc3f27;
  margin: 0 5px;
}
.business-details .social a.al-icon {
  display: inline-block;
}
.business-details .social a.al-icon svg {
  width: 30px;
  height: 20px;
}
.business-details .social a:hover {
  color: #266891;
}
.business-details .social a:hover.al-icon svg .red-fill {
  fill: #266891;
}

/********************************************************************************************* 

x. Events

*********************************************************************************************/
#events {
  background: #344050;
  color: #fff;
}
#events h2 {
  font-size: 1.6em;
  margin-top: 5px;
  margin-bottom: 10px;
}
#events .date {
  margin-right: 60px;
  float: left;
  text-align: center;
}
#events .date h2 {
  margin-top: 27px;
}
#events .date h1.number {
  font-size: 9em;
  font-family: "tandelle";
  font-weight: 400;
  letter-spacing: -2px;
}
#events .event-description {
  position: relative;
  float: left;
  width: 800px;
  padding-right: 220px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#events .event-description .icon {
  width: auto;
  display: inline-block;
  position: relative;
  top: 8px;
  margin-right: 10px;
}
#events .event-description .icon svg {
  width: 40px;
  height: 37px;
}
#events .event-description .icon svg .red-stroke {
  stroke: #fff !important;
}
#events .event-description .icon svg .red-fill, #events .event-description .icon svg .committee-1 {
  fill: #fff !important;
}
#events .event {
  float: left;
  width: 100%;
  padding: 20px 0 40px 0;
}
#events .event .cls-1 {
  stroke: #ffffff;
}
#events .event.event-1 {
  background: #266891;
}
#events .event.event-3 {
  background: #cc3f27;
}
#events .controls a {
  padding: 0 10px 25px 10px;
}
#events .controls a:hover::after {
  bottom: 5px;
}
#events .controls.show {
  padding-bottom: 0;
}

.date-tag {
  float: left;
  text-align: center;
  width: 160px;
  background: #344050;
  position: relative;
  position: absolute;
  left: 50%;
  margin-left: -80px;
  top: 0;
}
.date-tag::after {
  width: 0px;
  height: 0px;
  border-top: 60px solid transparent;
  border-bottom: 60px solid transparent;
  border-right: 80px solid #344050;
  position: absolute;
  top: 100%;
  right: 0;
  content: " ";
  margin-top: -60px;
}
.date-tag::before {
  width: 0px;
  height: 0px;
  border-top: 60px solid transparent;
  border-bottom: 60px solid transparent;
  border-left: 80px solid #344050;
  position: absolute;
  top: 100%;
  left: 0;
  content: " ";
  margin-top: -60px;
}
.date-tag h2 {
  display: inline-block;
  margin-top: 27px;
  color: #fff;
  font-size: 18px;
}
.date-tag h1.number {
  display: inline-block;
  font-size: 9em;
  font-family: "tandelle";
  font-weight: 400;
  letter-spacing: -2px;
  color: #fff;
  clear: both;
}

.single-event {
  text-align: center;
}
.single-event .date-tag {
  position: relative;
  display: inline-block;
  left: auto;
  text-align: center;
  float: none;
  margin-left: 0;
  padding-top: 20px;
  padding-bottom: 20px;
}
.single-event .event-info {
  clear: both;
  display: block;
  margin-top: 100px;
  padding-bottom: 40px;
}
.single-event .half-img.right {
  position: relative;
  bottom: auto;
  top: auto;
  left: auto;
}

.more-events {
  padding: 40px;
  text-align: center;
  float: left;
  width: 100%;
}
.more-events a {
  color: #fff;
}
.more-events a .arrow-fill {
  fill: #fff;
}
.more-events a:hover {
  color: #266891;
}
.more-events a:hover .arrow-fill {
  fill: #266891;
}

/********************************************************************************************* 

x. Content

*********************************************************************************************/
.content {
  margin: 60px 0;
}
.content h1, .content h2, .content h3, .content h4, .content h5, .content h6, .content p {
  margin: 0 0 20px 0;
}
.content ul {
  padding-left: 24px;
}

.accordion .text {
  display: none;
  margin-bottom: 60px;
  margin-top: 60px;
  float: left;
  width: 100%;
}
.accordion a.title {
  background: #344050;
  color: #fff;
  font-family: "filson-soft", sans-serif;
  text-transform: uppercase;
  letter-spacing: 2px;
  text-align: center;
  padding: 20px;
  margin: 0;
  width: 100%;
  display: block;
  font-size: 1.4em;
  margin-bottom: 20px;
  padding-right: 30px;
  clear: both;
  position: relative;
}
.accordion a.title::after {
  content: "";
  width: 10px;
  height: 14px;
  display: inline-block;
  background: url(../img/white-arrow.svg);
  -moz-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  -ms-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
  margin-left: 10px;
  margin-top: -7px;
  position: absolute;
  right: 20px;
}
.accordion a.title.active::after {
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

/********************************************************************************************* 

x. Boxes 

*********************************************************************************************/
.svg-icon {
  display: none;
}

.arts-entertainment .ticket-icon {
  display: block;
}

.culture-history .anchor-icon {
  display: block;
}

.eat-drink .crab-icon {
  display: block;
}

.events .mark-icon {
  display: block;
}

.live-stay .bed-icon {
  display: block;
}

.shop .bag-icon {
  display: block;
}

/********************************************************************************************* 

x. Services

*********************************************************************************************/
#boxes {
  font-family: "filson-soft", sans-serif;
  font-weight: 800;
  padding-left: 10px;
  padding-right: 10px;
}
#boxes div.box {
  text-align: center;
  border-bottom: 20px solid #fff;
  border-right: 10px solid #fff;
  border-left: 10px solid #fff;
  margin: 0;
}
#boxes a {
  font-size: 1.6em;
  text-transform: uppercase;
  letter-spacing: 5px;
  display: block;
  text-transform: uppercase;
  letter-spacing: 3px;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 120px 60px;
  background: rgba(255, 255, 255, 0.8);
  position: relative;
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  -ms-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
#boxes a .box-inner {
  position: absolute;
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
}
#boxes a .red-stroke, #boxes a .red-fill {
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  -ms-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
#boxes a:hover {
  color: #fff;
  background: #266891;
}
#boxes a:hover .red-stroke {
  stroke: #fff;
}
#boxes a:hover .red-fill {
  fill: #fff;
}
#boxes svg {
  margin-top: 10px;
  max-width: 80px;
}
#boxes .arts-entertainment .ticket-icon {
  display: inline-block;
}
#boxes .culture-history .anchor-icon {
  display: inline-block;
}
#boxes .eat-drink .forks-icon {
  display: inline-block;
}
#boxes .events .mark-icon {
  display: inline-block;
}
#boxes .live-stay .bed-icon {
  display: inline-block;
}
#boxes .shop .bag-icon {
  display: inline-block;
}
#boxes .beauty .beauty-icon {
  display: inline-block;
}
#boxes .businesses .businesses-icon {
  display: inline-block;
}
#boxes .churches-non-profits-clubs .church-icon {
  display: inline-block;
}
#boxes .health .health-icon {
  display: inline-block;
}
#boxes .mail-shipping .mail-icon {
  display: inline-block;
}
#boxes .manufacturing-industrial .manufacturing-icon {
  display: inline-block;
}
#boxes .medical .medical-icon {
  display: inline-block;
}
#boxes .pets .pets-icon {
  display: inline-block;
}
#boxes .professional .professional-icon {
  display: inline-block;
}
#boxes .schools-childcare .schools-icon {
  display: inline-block;
}
#boxes .senior-housing-care .senior-housing-icon {
  display: inline-block;
}
#boxes .technicians-trades .technicians-trades-icon {
  display: inline-block;
}
#boxes .technology .technology-icon {
  display: inline-block;
}
#boxes .vehicles-vessels .vehicles-icon {
  display: inline-block;
}
#boxes .professional .professional-icon {
  display: inline-block;
}

.icon svg {
  width: 85px;
  height: 77px;
}

/********************************************************************************************* 

x. Map

*********************************************************************************************/
#map-container {
  position: relative;
  clear: both;
  float: left;
  display: block;
  width: 100%;
  overflow: hidden;
}

#map {
  min-height: 600px;
  width: 100%;
}

.flyout {
  border: 2px solid #344050;
  background: #fff;
  text-align: center;
  padding: 40px;
  position: absolute;
  left: 50%;
  top: 50%;
  -moz-transform: translate(-50%, -50%) scale(0.8);
  -webkit-transform: translate(-50%, -50%) scale(0.8);
  -o-transform: translate(-50%, -50%) scale(0.8);
  -ms-transform: translate(-50%, -50%) scale(0.8);
  transform: translate(-50%, -50%) scale(0.8);
  z-index: -1;
  opacity: 0;
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  -ms-transition: all 0.35s;
  -o-transition: all 0.35s;
  transition: all 0.35s;
  -moz-transform: scale(0.8);
  -webkit-transform: scale(0.8);
  -o-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
  width: 80%;
  max-width: 1200px;
}
.flyout p {
  margin-bottom: 15px;
}
.flyout a {
  margin-bottom: 15px;
  display: block;
}
.flyout.flown {
  display: block;
  opacity: 1;
  z-index: 99;
  -moz-transform: translate(-50%, -50%) scale(1);
  -webkit-transform: translate(-50%, -50%) scale(1);
  -o-transform: translate(-50%, -50%) scale(1);
  -ms-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
}
.flyout svg {
  width: 20px;
  height: 20px;
  position: relative;
  top: 2px;
}
.flyout .arrow-fill {
  color: #cc3f27;
}

.close {
  width: 30px;
  height: 30px;
  position: absolute;
  right: -2px;
  top: -2px;
  border: 2px solid #344050;
}
.close span {
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  display: block;
  position: relative;
  margin-top: 2px;
  margin-right: 2px;
}
.close span::before {
  content: " ";
  position: absolute;
  width: 15px;
  height: 2px;
  background: #344050;
  margin-left: 1px;
  margin-top: 6px;
}
.close span::after {
  content: " ";
  position: absolute;
  height: 15px;
  width: 2px;
  background: #344050;
  margin-left: 7px;
}
.close:hover {
  background: #344050;
}
.close:hover span::before, .close:hover span::after {
  background: #fff;
}

.flyout-text.with-img {
  width: 50%;
  float: right;
}

.flyout-img {
  width: 45%;
  top: 0;
  bottom: 0;
  left: 0;
  position: absolute;
}

#filter-controls {
  background: #344050;
  text-align: center;
  padding: 30px 0 40px 0;
}
#filter-controls h2 {
  padding-top: 10px;
  padding-bottom: 0;
  margin-bottom: 0;
  cursor: pointer;
}
#filter-controls a {
  padding: 15px 20px;
  border: 2px solid #fff;
  color: #fff;
  display: inline-block;
  margin: 5px 10px;
  text-transform: uppercase;
  font-size: 1.2em;
  letter-spacing: 2px;
  background: rgba(255, 255, 255, 0.3);
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  -ms-transition: all 0.35s;
  -o-transition: all 0.35s;
  transition: all 0.35s;
}
#filter-controls a.uncheck {
  background: 0;
}
#filter-controls a::after {
  display: none;
}
#filter-controls .button-controls {
  display: none;
  margin-top: 30px;
}
#filter-controls.show .button-controls {
  display: block;
}

.discover {
  margin-top: 40px;
  margin-bottom: 60px;
  display: block;
  float: left;
  clear: both;
  width: 100%;
}

.down-arrow {
  display: inline-block;
}
.down-arrow svg {
  width: 20px;
  height: 20px;
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.show-icon svg {
  display: block !important;
}

.transit {
  position: relative;
  clear: both;
  float: left;
  width: 100%;
  padding: 60px 0;
}
.transit .top-line {
  height: 2px;
  width: 100%;
  background: #344050;
  position: absolute;
  top: 100px;
}
.transit .show-icon {
  width: 400px;
  background: #fff;
  display: inline-block;
  text-align: center;
  z-index: 9;
  position: relative;
  margin-bottom: 60px;
}
.transit svg {
  width: 120px;
  height: 120px;
  display: inline-block !important;
  margin-bottom: 20px;
}
.transit .bus-line {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 30px;
  padding-left: 20px;
  padding-right: 20px;
}
.transit .bus-line.odd {
  clear: both;
}

::-webkit-scrollbar {
  width: 0px; /* remove scrollbar space */
  background: transparent; /* optional: just make scrollbar invisible */
}

/* optional: show position indicator in red */
/********************************************************************************************* 

x. Contact

*********************************************************************************************/
.contact-info h4 {
  margin-bottom: 20px;
  margin-top: 20px;
}
.contact-info .phone p {
  text-transform: uppercase;
  font-size: 1.5em;
  letter-spacing: 0.2em;
  margin-bottom: 15px;
  font-family: "filson-soft", sans-serif;
}
.contact-info a {
  margin-bottom: 30px;
  display: block;
}
.contact-info .socials a {
  display: inline-block;
}

#contact-map {
  position: absolute;
  top: 40px;
  left: 60px;
  bottom: 40px;
  right: 40px;
}

#contact-form {
  font-size: 16px;
  padding-top: 60px;
  padding-bottom: 60px;
}
#contact-form input[type=text], #contact-form input[type=tel], #contact-form input[type=email] {
  font-size: 1.2em;
  border: 2px #ccc solid;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 25px;
  height: auto;
}
#contact-form input[type=button] {
  padding: 20px 40px;
  background: #cc3f27;
  color: #fff;
  border: none;
  text-transform: uppercase;
  font-family: "filson-soft", sans-serif;
  font-size: 1em;
  letter-spacing: 0.2em;
  display: inline-block;
  border: none;
}
#contact-form .submit-container {
  text-align: center;
}
#contact-form textarea {
  font-size: 1.2em;
  border: 2px #ccc solid;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 25px;
}
#contact-form .width-50 {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  clear: none !important;
}
#contact-form .nf-field-container.phone-container {
  clear: none;
  padding-right: 15px;
}
#contact-form .nf-field-container.email-container {
  clear: none;
  padding-left: 15px;
}
#contact-form .nf-form-fields-required {
  display: none;
}
#contact-form ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #344050;
}
#contact-form ::-moz-placeholder { /* Firefox 19+ */
  color: #344050;
}
#contact-form :-ms-input-placeholder { /* IE 10+ */
  color: #344050;
}
#contact-form :-moz-placeholder { /* Firefox 18- */
  color: #344050;
}

/********************************************************************************************* 

x. Footer

*********************************************************************************************/
footer {
  background: #344050;
  color: #fff;
  float: left;
  width: 100%;
}
footer .f-top {
  padding: 60px 0;
  float: left;
  width: 100%;
}
footer .address {
  margin-top: 120px;
  float: left;
}
footer .address a {
  margin-top: 10px;
  display: block;
  margin-bottom: 10px;
}
footer .social {
  margin: 120px 0 0 0;
}
footer .social a {
  font-size: 2.4em;
  background: url(../img/shield.svg) no-repeat;
  padding: 15px 5px 20px 5px;
  width: 55px;
  box-sizing: border-box;
  text-align: center;
  margin-right: 30px;
}
footer .social a:hover {
  color: #344050;
}
footer .mid-logo {
  padding: 0 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 80px;
}
footer a {
  color: #fff;
}
footer p {
  color: #fff;
}
footer #bottom {
  padding-top: 60px;
  padding-bottom: 30px;
  clear: both;
  float: left;
  width: 100%;
}
footer .port {
  width: 135px;
  float: left;
}
footer .crest {
  width: 65px;
  float: right;
}
footer a.btn {
  min-width: 240px;
}
footer .left .btn {
  float: right;
  margin-right: 40px;
}
footer .right .btn {
  float: left;
  margin-left: 40px;
}

#toggle {
  width: 40px;
  display: none;
  float: right;
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  -ms-transition: all 0.35s;
  -o-transition: all 0.35s;
  transition: all 0.35s;
}
#toggle span {
  display: block;
  height: 3px;
  background: #266891;
  margin-bottom: 5px;
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  -ms-transition: all 0.35s;
  -o-transition: all 0.35s;
  transition: all 0.35s;
}

.ui-timepicker-div.ui-timepicker-oneLine dl {
  font-size: 1.4em !important;
  text-transform: uppercase;
}

.acf-ui-datepicker .ui-widget-content .ui-state-default.ui-timepicker-select {
  background: rgba(204, 63, 39, 0.4) !important;
}

.shield-color {
  background: #266891;
}

.copyright {
  padding: 20px 0 10px 0;
  font-size: 0.8em;
  float: left;
}
.copyright p.white {
  font-weight: 100;
  text-transform: uppercase;
  color: #fff;
  letter-spacing: 4px;
  font-size: 1.3em;
  margin-bottom: 5px;
}
.copyright p.blue {
  color: #fff;
  font-size: 1.4em;
}

#cal-title {
  padding: 30px 30px 40px 30px;
  background: #fff;
  width: 100%;
  text-align: center;
  position: relative;
}
#cal-title .search-glass {
  width: 50px;
  height: 40px;
  border: 2px solid #344050;
  padding: 5px 10px;
  position: absolute;
  top: 50%;
  margin-top: -20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  left: 0;
}
#cal-title .search-glass::after {
  position: absolute;
  content: "";
  border: 2px solid #344050;
  border-bottom: none;
  bottom: 100%;
  left: -2px;
  right: 0;
  height: 10px;
  width: 100%;
}
#cal-title .search-glass .week-picker {
  position: absolute;
  left: -2px;
  top: 100%;
  display: none;
  z-index: 9999;
}
#cal-title .search-glass:hover {
  background: #f5d0ca;
}
#cal-title h2 {
  font-size: 3.2em;
  color: #344050;
  display: inline;
  position: relative;
}
#cal-title h2 > a {
  position: absolute;
  top: 50%;
  margin-top: -10px;
}
#cal-title h2 .prev-week {
  right: 100%;
  margin-right: 20px;
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
#cal-title h2 .prev-week .arrow .arrow-fill {
  fill: #cc3f27;
  right: 100%;
}
#cal-title h2 .next-week {
  left: 100%;
  margin-left: 20px;
}
#cal-title h2 .next-week .arrow .arrow-fill {
  fill: #cc3f27;
  left: 100%;
}

#events-controls {
  padding-bottom: 20px;
}
#events-controls h2 {
  cursor: pointer;
}
#events-controls .owl-container {
  display: none;
  width: 100%;
  padding-bottom: 15px;
  padding-top: 10px;
}
#events-controls .owl-container a {
  display: inline-block;
}
#events-controls.show .owl-container {
  display: block;
}

/********************************************************************************************* 

x. Datepicker

*********************************************************************************************/
.ui-datepicker {
  width: 25em !important;
}

.ui-widget-content {
  border: 2px solid #344050 !important;
  padding: 0 !important;
  color: #344050 !important;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important;
}

.ui-datepicker table {
  font-size: 1em !important;
  font-weight: bold !important;
  padding: 10px !important;
}

.ui-datepicker .ui-datepicker-header, .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  background: #fff !important;
  border: none !important;
}

.ui-widget-header .ui-state-default.ui-state-hover {
  border: none !important;
}

.ui-datepicker td.highlighted {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.acf-ui-datepicker .ui-state-active, .acf-ui-datepicker .ui-widget-content .ui-state-active, .acf-ui-datepicker .ui-widget-header .ui-state-active, .acf-ui-datepicker .ui-widget-header .ui-state-hover {
  color: #344050;
}

.ui-datepicker .ui-datepicker-today a {
  border: 1px solid #cc3f27 !important;
}
.acf-ui-datepicker .ui-state-default, .acf-ui-datepicker .ui-widget-content .ui-state-default.ui-state-hover {
  color: #344050 !important;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
  background: #f2f4f7 !important;
}

.ui-datepicker th {
  font-size: 1.3em !important;
  font-weight: bold !important;
}

.ui-datepicker td {
  padding: 0 !important;
}

.ui-datepicker td a {
  text-align: center !important;
}

.ui-datepicker .ui-datepicker-title {
  text-transform: uppercase !important;
  font-size: 1.6em !important;
  font-family: "filson-soft", sans-serif !important;
  color: #344050 !important;
}
.ui-datepicker .ui-datepicker-title .ui-datepicker-year {
  display: none !important;
}

.ui-datepicker td span, .ui-datepicker td a {
  padding: 0.9em !important;
}

.ui-datepicker .ui-datepicker-header {
  border-bottom: 2px solid #344050 !important;
}

.ui-datepicker .ui-datepicker-prev {
  top: 12px !important;
}

.ui-datepicker .ui-datepicker-next {
  margin-top: 4px !important;
  top: 5px !important;
}

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
  background-image: url(../img/arrow.svg) !important;
}

.ui-icon {
  width: 20px !important;
  height: 20px !important;
}

.ui-datepicker-prev {
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.ui-icon-circle-triangle-e, .ui-icon-circle-triangle-w {
  background-position: 0 0 !important;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
  border: none !important;
  background: none !important;
}

.ui-datepicker .ui-datepicker-next {
  right: 2px !important;
}

.ui-datepicker .ui-datepicker-prev {
  left: 2px !important;
}

@media only screen and (min-width: 1200px) {
  .home #banner .cover {
    height: 1000px;
  }
}
/********************************************************************************************* 

x. Smaller than 1200px

*********************************************************************************************/
@media only screen and (max-width: 1200px) {
  .container {
    width: 100%;
    padding-left: 30px;
    padding-right: 30px;
  }
  #support-local .container {
    padding-left: 0;
    padding-right: 0;
  }
  header #nav #logo {
    width: 150px;
    margin-left: -75px;
  }
  h1 {
    font-size: 3.6em;
  }
  #banner ul.slides > li {
    height: 800px;
  }
  #banner .cover {
    height: 800px;
  }
  p.big, div.big p, a.big {
    font-size: 1.8em;
  }
  .callout h1 {
    margin-bottom: 10px;
  }
  .home #banner .cover {
    height: 700px;
  }
  .business p, .business a {
    font-size: 1.3em;
  }
  .business h2 {
    font-size: 1.3em;
  }
  footer .social a {
    margin-right: 20px;
  }
  .flyout-text p.big, .flyout-text div.big p, .flyout-text a.big {
    font-size: 1.4em;
  }
}
@media only screen and (max-width: 1100px) {
  header #nav > ul > li > a {
    letter-spacing: 1px;
    font-size: 1.1em;
  }
  .flyout {
    width: 80%;
  }
}
/********************************************************************************************* 

x. Smaller than 990px

*********************************************************************************************/
@media only screen and (max-width: 990px) {
  a.event-btn {
    position: relative;
    right: auto;
    top: auto;
    margin-top: 20px;
    clear: both;
    float: left;
  }
  h1 {
    font-size: 2.8em;
  }
  p.big, div.big p, a.big {
    font-size: 1.5em;
  }
  #events .event {
    padding: 10px 0 20px 0;
  }
  #events .container {
    padding: 0;
  }
  #events .date {
    float: left;
    width: 25%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 0;
    padding-right: 10px;
    padding-left: 20px;
    margin: 0;
  }
  #events .date h1.number {
    clear: both;
  }
  #events .event-description {
    float: left;
    width: 75%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 20px;
  }
  #neighborhood-map {
    height: 700px;
  }
  header #nav #logo {
    width: 100px;
    margin-left: -50px;
  }
  header #nav > ul > li > a {
    letter-spacing: 1px;
    font-size: 1.1em;
  }
  #banner ul.slides > li {
    height: 700px;
  }
  #banner .cover {
    height: 700px;
  }
  .callout h1 {
    margin-bottom: 15px;
  }
  #neighborhood-map {
    height: 720px;
  }
  .flyout {
    display: none;
  }
  .home #banner .cover {
    height: 600px;
  }
  h2 {
    font-size: 1.8em;
  }
  .business.width-50 {
    width: 100%;
  }
  .business {
    padding-left: 0;
    padding-right: 0;
  }
  footer .social a {
    padding-top: 12px;
    margin-right: 15px;
    font-size: 2em;
    width: 45px;
  }
  header #nav > ul.left-nav > li > a, header #nav > ul.right-nav > li > a {
    font-size: 1em;
  }
  header #nav > ul.left-nav > li > a {
    padding: 10px;
  }
  header #nav > ul.right-nav > li > a {
    padding: 10px 5px;
  }
  .flyout {
    width: 80%;
  }
  .flyout-text.with-img {
    width: 100%;
  }
  .flyout-img {
    border: 2px solid #344050;
    height: 320px;
    top: 100%;
    left: -2px;
    right: -2px;
    bottom: inherit;
    width: auto;
  }
}
/********************************************************************************************* 

x. Smaller than 800px

*********************************************************************************************/
@media only screen and (max-width: 800px) {
  #support-local a .desktop {
    display: none;
  }
  #support-local a .mobile {
    display: block;
  }
}
/********************************************************************************************* 

x. Smaller than 768px

*********************************************************************************************/
@media only screen and (max-width: 768px) {
  .width-10, .width-15, .width-20, .width-25, .width-30, .width-33, .width-35, .width-40, .width-45, .width-50, .width-55, .width-60, .width-65, .width-66, .width-70, .width-75, .width-80, .width-85, .width-90, .width-95, .width-100 {
    width: 100%;
  }
  .home #banner .cover {
    height: 450px;
  }
  #form-wrapper .acf-fields > .acf-field.width-50 {
    width: 100% !important;
  }
  #form-wrapper {
    padding-top: 10px;
  }
  .ml-13 {
    margin-left: 0 !important;
  }
  body {
    font-size: 10px;
  }
  h2 {
    font-size: 1.8em;
  }
  .hideme {
    opacity: 1;
  }
  body.fixed header #nav {
    padding: 10px 0;
  }
  p.big {
    font-size: 1.6em;
  }
  .middle {
    display: none;
  }
  .single-business .left .half-text, .single-business .right .half-text {
    margin: 30px 0 0 0;
  }
  body header {
    height: auto !important;
    min-height: 80px;
  }
  body header #nav {
    padding: 10px 0;
  }
  body header #nav #logo {
    position: absolute;
    left: auto;
    top: auto;
    margin-left: -30px !important;
    width: 60px !important;
    left: 50%;
  }
  body header #nav #mobile-nav {
    margin-top: 90px;
  }
  body header #nav #mobile-nav li {
    display: block;
    width: 100%;
  }
  body header #nav #mobile-nav li a {
    display: block;
  }
  .right-nav, .left-nav {
    display: none;
  }
  #toggle {
    display: block;
  }
  body.open header #nav #mobile-nav {
    display: block;
  }
  body.open header #nav #mobile-nav li {
    opacity: 0;
    -webkit-animation: listfade 0.35s forwards; /* Chrome, Safari, Opera */
    animation-name: listfade 0.35s forwards;
  }
  body.open header #nav #mobile-nav li:nth-child(1) {
    animation-delay: 0.1s;
    -webkit-animation-delay: 0.1s;
  }
  body.open header #nav #mobile-nav li:nth-child(2) {
    animation-delay: 0.15s;
    -webkit-animation-delay: 0.15s;
  }
  body.open header #nav #mobile-nav li:nth-child(3) {
    animation-delay: 0.2s;
    -webkit-animation-delay: 0.2s;
  }
  body.open header #nav #mobile-nav li:nth-child(4) {
    animation-delay: 0.25s;
    -webkit-animation-delay: 0.25s;
  }
  body.open header #nav #mobile-nav li:nth-child(5) {
    animation-delay: 0.3s;
    -webkit-animation-delay: 0.3s;
  }
  body.open header #nav #mobile-nav li:nth-child(6) {
    animation-delay: 0.35s;
    -webkit-animation-delay: 0.35s;
  }
  body.open header #nav #mobile-nav li:nth-child(7) {
    animation-delay: 0.4s;
    -webkit-animation-delay: 0.4s;
  }
  body.open header #nav #mobile-nav li:nth-child(8) {
    animation-delay: 0.45s;
    -webkit-animation-delay: 0.45s;
  }
  body.open #toggle {
    float: none;
    position: absolute;
    top: 5px;
    right: 0;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  body.open #toggle span.top {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: 11px 5px;
    -moz-transform-origin: 11px 5px;
    -ms-transform-origin: 11px 5px;
    -o-transform-origin: 11px 5px;
    transform-origin: 11px 5px;
  }
  body.open #toggle span.middle-bar {
    opacity: 0;
  }
  body.open #toggle span.bottom {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 10px -3px;
    -moz-transform-origin: 10px -3px;
    -ms-transform-origin: 10px -3px;
    -o-transform-origin: 10px -3px;
    transform-origin: 10px -3px;
  }
  @keyframes listfade {
    100% {
      opacity: 1;
    }
  }
  @-webkit-keyframes listfade {
    100% {
      opacity: 1;
    }
  }
  .callout {
    padding: 20px;
    width: auto;
    position: absolute;
    left: 20px;
    right: 20px;
    top: 50%;
    background: rgba(255, 255, 255, 0.7);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -moz-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
  .callout h1 {
    font-size: 2.8em;
  }
  #banner ul.slides > li {
    min-height: 600px;
    height: 600px;
  }
  .half-img ul.slides > li {
    min-height: 300px;
    height: 300px;
  }
  .half-text {
    padding: 30px 30px !important;
    max-width: none;
  }
  .half-img {
    position: relative;
    left: 0 !important;
    right: 0 !important;
    top: auto;
  }
  .flex-direction-nav li.flex-nav-prev {
    left: 0;
  }
  .flex-direction-nav li.flex-nav-next {
    right: 0;
  }
  footer {
    text-align: center;
  }
  footer .social {
    margin-top: 0;
    text-align: center;
  }
  footer .social a {
    width: 50px;
    margin: 0 5px;
    display: inline-block;
  }
  footer .address {
    margin-top: 0;
  }
  footer .mid-logo {
    padding: 0 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 30px;
    width: 180px;
    display: inline-block;
    float: none !important;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  footer .left .btn {
    float: none;
    margin-right: 20px;
    margin-left: 20px;
    margin-bottom: 20px;
    margin-top: 20px;
    display: inline-block;
  }
  footer .right .btn {
    float: none;
    margin-right: 20px;
    margin-left: 20px;
    display: inline-block;
  }
  footer #bottom {
    text-align: center;
  }
  footer .port, footer .crest {
    float: none;
    display: inline-block;
  }
  footer .copyright p.white {
    font-weight: 500;
  }
  .owl-carousel {
    display: block;
  }
  .controls {
    padding-bottom: 30px;
  }
  .controls a {
    padding-top: 5px;
    padding-bottom: 5px;
    display: block;
  }
  .controls a::after {
    display: none;
  }
  .controls a:hover {
    opacity: 0.7;
  }
  .sub-controls {
    padding: 20px 0;
    height: 0;
    overflow: hidden;
  }
  .sub-controls a {
    padding-top: 5px;
    padding-bottom: 5px;
    display: block;
  }
  .sub-controls a::after {
    display: none;
  }
  .sub-controls a:hover {
    opacity: 0.7;
  }
  .sub-controls.active {
    height: auto;
  }
  #cal-title .search-glass {
    position: relative;
    display: inline-block;
    margin-top: 20px;
  }
  #cal-title h2 {
    display: block;
  }
  #cal-title h2 > a {
    top: 100%;
    margin-top: 10px;
  }
  #cal-title h2 .prev-week {
    right: 50%;
    margin-top: 13px;
  }
  #cal-title h2 .next-week {
    left: 50%;
  }
  #cal-title .search-glass .week-picker {
    left: -115px;
  }
  .transit .show-icon {
    width: 100%;
  }
  #neighborhood-map {
    height: 400px;
  }
  #banner ul.slides > li {
    height: 500px;
  }
  #banner .cover {
    height: 500px;
  }
  body header #nav #mobile-nav li a {
    font-size: 1.2em;
  }
  body header #nav #mobile-nav li a::after {
    display: none !important;
  }
  #boxes .width-33 {
    width: 50%;
  }
  .accordion a.title {
    font-size: 1.1em;
  }
  header {
    font-size: 1.5em;
  }
  body.open header {
    background: rgba(255, 255, 255, 0.8);
  }
  #contact-form .nf-field-container.phone-container, #contact-form .nf-field-container.email-container {
    padding: 0 !important;
  }
  .callout h1 {
    margin-bottom: 5px;
  }
  #contact-map {
    position: relative;
    top: auto;
    left: auto;
    bottom: auto;
    right: auto;
    height: 340px;
    margin-bottom: 40px;
  }
  .content {
    margin: 40px 0;
  }
  .accordion .text {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .hideme {
    display: block !important;
    opacity: 1 !important;
  }
  .flexslider {
    opacity: 1;
  }
  body header #nav #mobile-nav li a {
    text-transform: uppercase;
    padding: 10px;
  }
  #neighborhood-map {
    height: 420px;
  }
  .left .line, .right .line {
    top: 70px;
  }
  body header #nav #mobile-nav li .sub-menu {
    display: none;
    background: #344050;
    padding: 10px 0;
  }
  body header #nav #mobile-nav li .sub-menu a {
    color: #fff;
    font-size: 1em;
  }
  li.menu-item-has-children > a::before {
    content: "+ ";
  }
  li.menu-item-has-children.active > a::before {
    content: "- ";
  }
  #boxes {
    margin-bottom: 0;
  }
  .business .business-image {
    margin-bottom: 20px;
  }
  .business .width-50 {
    width: 50%;
  }
  .sub-controls a.show {
    display: block;
  }
  .single-business .right .half-text {
    margin-top: 0;
    padding-top: 0 !important;
  }
  .page-template-get-here .content {
    margin-top: 20px;
  }
  .page-template-get-here .content .discover {
    margin-bottom: 20px;
    margin-top: 0;
  }
}
/********************************************************************************************* 

x. Smaller than 480px

*********************************************************************************************/
@media only screen and (max-width: 480px) {
  #boxes .width-33 {
    width: 100%;
  }
  .business .width-50 {
    width: 100%;
  }
}
/********************************************************************************************* 

x. Retina Graphics

*********************************************************************************************/

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