/*!
Theme Name: Chatham Park
Theme URI: https://sparkfirebranding.com
Author: Cody Creswell
Author URI: https://sparkfirebranding.com
Description: Description
Version: 1.0.0
Tested up to: 7.4
Requires PHP: 7.4

*/
/***************RESET STYLES*********************/
/* Box sizing rules */
*, *::before, *::after {
  box-sizing: border-box;
}
/* Remove default margin */
body, h1, h2, h3, h4, p, figure, blockquote, dl, dd {
  margin: 0;
}
/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
ul[role='list'], ol[role='list'] {
  list-style: none;
}
/* Set core root defaults */
html:focus-within {
  scroll-behavior: smooth;
}
/* Set core body defaults */
body {
  min-height: 100vh;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
}
/* A elements that don't have a class get default styles */
a:not([class]) {
  text-decoration-skip-ink: auto;
}
/* Make images easier to work with */
img, picture {
  max-width: 100%;
  display: block;
}
/* Inherit fonts for inputs and buttons */
input, button, textarea, select {
  font-family: montserrat, sans-serif;
  font-weight: 700;
  font-size: 13px;
}
/* Remove all animations, transitions and smooth scroll for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
  html:focus-within {
    scroll-behavior: auto;
  }
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
div {
  white-space: normal;
}
/******************SKELETON STYLES********************************/
.container {
  position: relative;
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box;
}
.column, .columns {
  width: 100%;
  float: left;
  box-sizing: border-box;
}
.row.fti .column, .row.fti .columns {
  display: inline-block;
  float: none;
  vertical-align: middle;
}

.row.fti.va-top .column, .row.fti.va-top .columns {
  vertical-align: top;
}

.row.flex-row {
  display:flex;
}

.flex-row .as-center {
  align-self:center;
}

/* For devices larger than 400px */
@media (min-width: 400px) {
  .container {
    width: 90%;
    padding: 0;
  }
}
/* For devices larger than 550px */
@media (min-width: 550px) {
  .container {
    width: 85%;
  }
  .column, .columns {
    margin-left: 4%;
  }
  .column:first-child, .columns:first-child {
    margin-left: 0;
  }
  .one.column, .one.columns {
    width: 4.66666666667%;
  }
  .two.columns {
    width: 13.3333333333%;
  }
  .three.columns {
    width: 22%;
  }
  .four.columns {
    width: 30.6666666667%;
  }
  .five.columns {
    width: 39.3333333333%;
  }
  .six.columns {
    width: 48%;
  }
  .seven.columns {
    width: 56.6666666667%;
  }
  .eight.columns {
    width: 65.3333333333%;
  }
  .nine.columns {
    width: 74.0%;
  }
  .ten.columns {
    width: 82.6666666667%;
  }
  .eleven.columns {
    width: 91.3333333333%;
  }
  .twelve.columns {
    width: 100%;
    margin-left: 0;
  }
  .one-third.column {
    width: 30.6666666667%;
  }
  .two-thirds.column {
    width: 65.3333333333%;
  }
  .one-half.column {
    width: 48%;
  }
  /* Offsets */
  .offset-by-one.column, .offset-by-one.columns {
    margin-left: 8.66666666667%;
  }
  .offset-by-two.column, .offset-by-two.columns {
    margin-left: 17.3333333333%;
  }
  .offset-by-three.column, .offset-by-three.columns {
    margin-left: 26%;
  }
  .offset-by-four.column, .offset-by-four.columns {
    margin-left: 34.6666666667%;
  }
  .offset-by-five.column, .offset-by-five.columns {
    margin-left: 43.3333333333%;
  }
  .offset-by-six.column, .offset-by-six.columns {
    margin-left: 52%;
  }
  .offset-by-seven.column, .offset-by-seven.columns {
    margin-left: 60.6666666667%;
  }
  .offset-by-eight.column, .offset-by-eight.columns {
    margin-left: 69.3333333333%;
  }
  .offset-by-nine.column, .offset-by-nine.columns {
    margin-left: 78.0%;
  }
  .offset-by-ten.column, .offset-by-ten.columns {
    margin-left: 86.6666666667%;
  }
  .offset-by-eleven.column, .offset-by-eleven.columns {
    margin-left: 95.3333333333%;
  }
  .offset-by-one-third.column, .offset-by-one-third.columns {
    margin-left: 34.6666666667%;
  }
  .offset-by-two-thirds.column, .offset-by-two-thirds.columns {
    margin-left: 69.3333333333%;
  }
  .offset-by-one-half.column, .offset-by-one-half.columns {
    margin-left: 52%;
  }
}
.container::after, .row::after, .u-cf {
  content: "";
  display: table;
  clear: both;
}
/* Base Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* NOTE
html is set to 62.5% so that all the REM measurements throughout Skeleton
are based on 10px sizing. So basically 1.5rem = 15px :) */
html {
  font-size: 62.5%;
}
body {
  font-size: 1.5em; /* currently ems cause chrome bug misinterpreting rems on body element */
  line-height: 1;
  font-family: montserrat, sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #4a4a4a;
  overflow-x: hidden;
}
/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */
h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 2rem;
  font-weight: 300;
}

h1 {
  font-family: bourbon, serif;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: 2px;
  text-align: center;
  font-size:140px;
  line-height:140px;
  text-transform:uppercase;
}

h1.left {
  text-align:left;
}

h2 {
  font-family: bourbon, serif;
  font-weight: 400;
  font-style: normal;
  font-size: 48px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 55px;
  letter-spacing: 1px;
}

h3 {
  font-family: bourbon, serif;
  font-weight: 400;
  font-style: normal;
  font-size: 40px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 45px;
  letter-spacing: 1px;
  text-transform:uppercase;
}
h4 {
  font-family: bourbon, serif;
  font-weight: 400;
  font-style: normal;
  font-size: 35px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 40px;
  letter-spacing: 1px;
  text-transform:uppercase;
}
h5,
.inner-hero legend {
   font-family: montserrat, sans-serif;
  font-weight: 800;
  font-size: 20px;
  line-height: 25px;
  letter-spacing: 3px;
  text-transform:uppercase;

}

h6 {
 font-family: montserrat, sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: 0px;
}

p {
  margin-top: 0;
  font-family: montserrat, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 15px;
  line-height: 25px;
  margin-bottom: 30px;
  color: #606060;
}

p.edu {
  margin-bottom:20px;
}

p strong {
  font-weight: 700;
}

.bold {
  font-weight: 700;
}

h1.mb-none, h2.mb-none, h3.mb-none, h4.mb-none, h5.mb-none, h6.mb-none, p.mb-none {
  margin-bottom: 0;
}
h1.lh-0 {
  line-height: 0;
}
.upper {
  text-transform: uppercase;
}
.lower {
    text-transform: lowercase;
}
.ta-right {
  text-align: right;
}
.italic {
  font-style: italic;
}
.under {
  text-decoration: underline;
}
/* Links
–––––––––––––––––––––––––––––––––––––––––––––––––– */
a {
  color: #0c3554;
}
a:hover {
  color: rgba(12,53,85,0.8);
}
a.no-under {
  text-decoration: none !important;
}

p a.dark-grey,
a.dark-grey {
  color:#606060;
  text-decoration:underline;
}

p a.dark-grey:hover {
  color:#333333;
}

a.sky-blue:hover {
  color:#FFF;
}

a.sky-blue.sb-hover:hover {
  color:#20C2DB;
}

a.white:hover {
  color:rgba(255,255,255,0.8);
}

/*  Colors
_______________________________*/

.dark-blue,
.navy {
  color:#0c3554;
}

.dark-green {
  color:#054343;
}

.sapphire {
  color:#095874;
}

.coral {
  color:#FD7F5E;
}

.sky-blue {
  color:#20C2DB;
}

.goldenrod {
  color:#d6a12F;
}

.granite {
  color:#606060;
}

.silver {
  color:#BDCAD0;
}

.lt-grey {
  color:#F4F4F4;
}

.no-under {
  text-decoration:none;
}

.lt-green,
.announcement .sky-blue:hover {
  color:#74aa50;
}

.white {
  color:#FFF;
}
/*–––––––––––––––––––––––––––––––––– Custom Styles–––––––––––––––––––––––––––––––––––––––––––––––––– */

.mb-10 {
  margin-bottom:10px;
}

.mb-30 {
  margin-bottom:30px !important;
}

#main-nav {
  width:100%;
}

.grey-bar {
  background-color:#F4F4F4;
}

.grey-bar .container,
.main-nav .container {
  padding:28px 0;
}

.announcement {
  font-size:11.5px;
  line-height:11px;
  text-transform:uppercase;
  font-weight: bold;
  text-align:center;
  letter-spacing:1px;
}

.relative {
  position:relative;
}

.top-extra {
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  right:0;
  text-align:right;
  line-height:0;
}

.main-nav {
  text-align:center;
}

.top-extra li,
.main-nav li,
.search-visit li {
  margin-right:30px;
  display:inline-block;
  list-style-type:none;
  vertical-align:middle;
}

.top-extra li:last-child,
.main-nav li:last-child,
.search-visit li:last-child {
  margin-right:0;
}

#navigation {
  position:static;
  transition: all ease-in-out 1s;
}

#navigation.sticky .main-nav {
  position:fixed;
  top:0;
  width:100%;
  z-index:500;
}

.sticky .main-nav .cp-logo {
  top: 11px;
  width: 100px;
}

.sticky .main-nav {
  background-color:#FFF;
}

.site-wrap {
  /*padding-top:0;
  transition: all ease-in-out .1s;*/
  scroll-padding: 140px 0 0 0;
}

.site-wrap.sticky {
  padding-top:72px;
}

#navigation li a {
  font-size:11.5px;
  line-height:11px;
  letter-spacing:1px;
  color:#0c3554;
  font-weight:bold;
  text-transform:uppercase;
  text-decoration:none;
  cursor:pointer;
}

#navigation li a.lt-green {
  color:#74aa50;
}

#navigation li a:hover,
#navigation li a.current {
  color:#20C2DB;
}

.main-nav .cp-logo {
  position:absolute;
  top:-25px;
  left:0;
  width:158px;
  transition: height .5s linear;
}

.main-nav .cp-logo img {
  max-width:100%;
  width:100%;
}

.search-visit {
  line-height:0;
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  text-align:right;
  right:0;
}

li.mag-glass {
  width:23px;
  max-width:23px;
}

li.mag-glass path {
  fill:#0c3554;
}

.main-nav li > ul {
  display:none;
}

@media (min-width:1351px) {

.main-nav li:hover > ul {
  display:block;
  position:absolute;
  background-color:transparent;
  padding-left:0;
  padding-top:28px;
  margin-top:0;
  z-index:500;
}

.main-nav li:hover > ul li:first-child {
  border-top:3px solid #20c2db;
  padding-top:10px;
}

.main-nav li:hover > ul li:last-child {
  padding-bottom:15px;
}


.main-nav li:hover > ul li {
  background-color:rgba(10, 53, 84,0.9);
  display:block;
  margin-right:0;
  padding:5px 10px;
  text-align:left;
}

#navigation .main-nav li:hover > ul li a {
  color:#FFF;
  text-transform:none;
  font-weight:400;
}

#navigation .main-nav li:hover > ul li a:hover,
#navigation .main-nav li:hover > ul li a.current {
  color:#20c2db;
}

}

.top-footer {
  width:100%;
  background-color:#f4f4f4;
  padding:100px 0 337px 0;
  position:relative;
  z-index:104;
  background-image: url(/wp-content/themes/chatham-park/img/footer_aerial.png);
  background-size: 100% auto;
  background-repeat:no-repeat;
  background-position: bottom center;
}

.footer-cols {
  display: flex;
  justify-content: space-between;
}

.footer-cols .col {
  padding-right:50px;
  margin-right:50px;
  border-right:2px solid #606060;
}

.footer-cols .col:first-child {
  flex:0 0 209px;
}

.footer-cols .col:nth-child(2) {
  flex: 0 0 278px;
}

.footer-cols .col.wide {
  padding-right:0;
  margin-right:0;
  border-right:none;
}

.footer-cols .contact-info,
.footer-cols .hours {
  font-size:12px;
  line-height:22px;
  color:#606060;
}

.footer-logo img {
  width:159px;
}

.footer-cols .hours {
  margin-top:30px;
}

.gform_title {
  display:none;
}

.footer-form,
.hp-form {
  position:relative;
}

.footer-form .gform_wrapper.gravity-theme .gform_fields,
.hp-form .gform_wrapper.gravity-theme .gform_fields {
  display:block;
}

.footer-form .gform-body input,
.hp-form .gform-body input {
  border: none; 
  padding: 14px 15px !important;
  font-weight:400;
}

.hp-form .half.third {
  display: inline-block;
  width: 32%;
  margin-right: 2%;
  margin-bottom: 15px;
}

.footer-form .half,
.hp-form .main-half {
  display: inline-block;
  width: 49%;
  margin-right: 2%;
  margin-bottom: 15px;
}

.footer-form .half:nth-child(2n),
.hp-form .main-half:nth-child(5),
.hp-form .half.third:nth-child(3) {
  margin-right:0;
}

.footer-form .gform_fields .gfield input::-webkit-input-placeholder,
.hp-form .gform_fields .gfield input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #a3a3a3;
  font-weight:400;
  font-size:12px;
  text-transform:uppercase;
  font-family: montserrat, sans-serif;
}

.footer-form .gform_fields .gfield input::-moz-placeholder,
.hp-form .gform_fields .gfield input::-moz-placeholder  { 
  /* Firefox 19+ */
  color: #a3a3a3;
  font-size:12px;
  font-weight:400;
  text-transform:uppercase;
  font-family: montserrat, sans-serif;
}

.footer-form .gform_fields .gfield input:-ms-input-placeholder, 
.hp-form .gform_fields .gfield input:-ms-input-placeholder {
  /* IE 10+ */
  color: #a3a3a3;
  font-size:12px;
  font-weight:400;
  text-transform:uppercase;
  font-family: montserrat, sans-serif;
}
.footer-form .gform_fields .gfield input:-moz-placeholder,
.hp-form .gform_fields .gfield input:-moz-placeholder  {
  /* Firefox 18- */
  color: #a3a3a3;
  font-size:12px;
  font-weight:400;
  text-transform:uppercase;
  font-family: montserrat, sans-serif;
}

.sms-disclaimer {
  font-size:8px;
  line-height:11px;
  color:#606060;
  text-align:center;
}

.hp-form .sms-disclaimer {
  color:#FFF;
  font-size:10px;
  line-height:14px;
}

.footer-form .gchoice,
.hp-form .gchoice {
  text-align:center;
  margin: 15px 0;
}

.footer-form .gchoice_1_10_0,
.hp-form .gchoice_1_10_0 {
  text-align: left;
  margin:0;
}

.footer-form .gchoice label,
.hp-form .gchoice label {
  color:#606060;
  font-size:12px !important;
  padding-left:10px;
}

.hp-form .gchoice label {
  color:#FFF;
  font-size:15px !important;
}

.footer-form #field_1_10,
.hp-form #field_1_10 {
  text-align:left;
  margin-top: 35px;
  padding-bottom: 18px;
  margin-bottom: 0;
}

#gform_submit_button_1,
#gform_submit_button_2,
#gform_submit_button_3 {
  background-color: #0c3554;
  border: none;
  color: #FFF;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  padding: 12px 0;
  width: 221px;
}

.hp-form #gform_submit_button_1,
.hp-form #gform_submit_button_2,
#reg-form #gform_submit_button_3 {
  background-color:#1bc1da;
  border:2px solid #1bc1da;
}

.footer-form .gform_footer,
.hp-form .gform_footer {
  position: absolute;
  bottom: 0;
  margin: 0 !important;
  padding: 0 !important;
  right: 0;
}

.top-footer .social-icons {
  text-align:center;
  margin-top:50px;
}


.top-footer .social-icons li {
  list-style-type:none;
  display:inline-block;
  margin-right:20px;
}

.top-footer .social-icons li:last-child {
  margin-right:0;
}

.terms-privacy {
  margin-top:30px;
  text-align:center;
}

.terms-privacy li {
  list-style-type:none;
  display:inline-block;
  padding-right:10px;
  margin-right:10px;
  border-right:1px solid #606060;
}

.terms-privacy li:last-child {
  margin-right:0;
  padding-right:0;
  border-right:none;
}

.terms-privacy li a,
.copyright {
  color:#606060;
  text-decoration:underline;
  text-transform:uppercase;
  font-size:15px;
  line-height:25px;
}

.copyright {
  margin-top:10px;
  text-decoration:none;
  color:#0c3554;
  text-align:center;
}

.eho {
  position:absolute;
  bottom:20px;
  left:20px;
  width:20px;
}

.full-screen-hero {
  height:calc(100vh - 140px);
  /*overflow:hidden;*/
  position:relative;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.embed-container {
   /*   position: absolute;
      /*padding-bottom: 56.25%;
      overflow: hidden;
      max-width: 100%;
      height:100%;
      width: 200%;
      left: 50%;
      top: 50%;
      transform: translate(-50%,-50%);
      background: black;*/
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index:-1;
      pointer-events:none;
      overflow: hidden;
     background-color:#000;
    }

    .embed-container iframe,
    .embed-container object,
    .embed-container embed {
      position:absolute;
      width:100vw;
      height:56.25vw;
      min-height:100vh;
      min-width:177.77vh;
      position:absolute;
      top:50%;
      left:50%;
      transform:translate(-50%,-50%);
    }

    

  .full-screen-hero .overlay-text {
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    max-width:520px;
    z-index:200;
    /*animation: slideDown ease 1s;*/
  }

  .full-screen-hero .overlay-text h3,
  .full-screen-hero .overlay-text h1 {
    filter: drop-shadow(5px 5px 5px #333);
    animation:slideRight linear 1s;
  }

  .full-screen-hero .overlay-text h3 {
    animation:slideRight linear 1s;
  }

  .full-screen-hero .overlay-text h1 {
    animation:slideLeft linear 1s;
  }


  @keyframes slideDown {
    0% {transform: translate(-50%,-100%); opacity:0;}
    100% {transform: translate(-50%,-50%);opacity:1;}
  }

  @keyframes slideRight {
    0% {transform: translateX(-200px); opacity:0;}
    100% {transform: translateX(0);opacity:1;}
  }

   @keyframes slideLeft {
    0% {transform: translateX(200px); opacity:0;}
    100% {transform: translateX(0);opacity:1;}
  }

  .max-675 {
    width:100%;
    max-width:675px;
    margin:0 auto;
  }

  .max-800 {
    width:100%;
    max-width:800px;
    margin:0 auto;
  }

  .top-margin {
    margin-top:150px;
  }

  .grey-box-pad {
    padding:170px 80px;
  }

  .grey-box-pad.pad-50 {
    padding:170px 50px;
  }

  .btn {
    width:225px;
    display:block;
    font-weight:bold;
    color:#FFF;
    letter-spacing:1.5px;
    font-size:13px;
    line-height:1;
    padding:15px 0;
    text-decoration:none;
    text-transform:uppercase;
    text-align:center;
  }

  .btn.centered {
    margin:0 auto;
  }

  .btn.sky-blue {
    background-color:#1bc1da;
    border:2px solid #1bc1da;
  }

  .btn:hover,
  .hp-form #gform_submit_button_1:hover,
  .hp-form #gform_submit_button_2:hover,
  #reg-form #gform_submit_button_3:hover {
    background-color:transparent !important;
    color:#1bc1da;
  }

  .btn.navy {
    background-color:#0c3554;
    border:2px solid #0c3554;
  }

  .btn.navy:hover {
    color:#0c3554;
  }

  .btn.navy.reverse-roll:hover {
    color:#FFF;
    border:2px solid #FFF;
  }

  .btn.lt-green {
    background-color:#74aa50;
    border:2px solid #74aa50;
  }

  .btn.lt-green:hover {
    color:#74aa50;
  }

  .btn.coral {
    background-color:#fd7f5e;
    border:2px solid #fd7f5e;
  }

  .btn.coral:hover {
    color:#fd7f5e;
  }

  .fifty-fifty {
    position:relative;
    /*background-size: 50% 100%;*/
    background-color:#f4f4f4;
   /* background-position:0 50%;
    background-repeat:no-repeat;*/
  }

  .fifty-fifty.navy-bg {
    background-color:#0c3554;
  }

  .fifty-fifty.navy-bg.sapphire {
    background-color:#095874;
  }

  .fifty-fifty .half-bg {
    width:50%;
    height:100%;
    background-image:url(img/annoucement-paddles-photo.jpg);
    background-size:cover;
    background-position:50% 50%;
    position:absolute;
    top:0;
    left:0;
  }

  .fifty-fifty .half-bg.dining {
    background-image:url(img/dining.jpg);
  }

  .fifty-fifty .half-bg.strat-location {
    background-image:url(img/highway-aerial.jpg);
  }

    .fifty-fifty .half-bg.shoppers {
    background-image:url(img/shopping.jpg);
  }

  .fifty-fifty .half-bg.water-recovery {
    background-image:url(img/pollinator-garden.jpg);
  }

  .fifty-fifty .half-bg.airplane {
    background-image:url(img/travel.jpg);
  }

  .fifty-fifty.green-pat {
    background-color:#74aa50;
    background-image:url(img/cp-pattern-green.jpg);
    background-repeat:repeat;
    background-size: auto 100%;
    background-attachment: fixed;
  }

  .fifty-fifty.yellow-pat {
    background-color:#d6a12f;
    background-image:url(img/cp-pattern-yellow.jpg);
    background-repeat:repeat;
    background-size: auto 100%;
    background-attachment: fixed;
  }

  .fifty-fifty .half-bg.about-dev {
    background-image:url(img/about-developer.jpg);
  }

    .fifty-fifty .half-bg.students {
    background-image:url(img/students.jpg);
  }

    .fifty-fifty .half-bg.walking {
    background-image:url(img/local-economy.jpg);
  }

  .fifty-fifty .half-bg.right-side {
    left:auto;
    right:0;
  }

  .fifty-fifty .half-cycle {
    width:50%;
    height:100%;
    right:0;
    top:0;
    position:absolute;
  }

  .fifty-fifty .half-cycle .cycle-slideshow {
    width:100%;
    height:100%;
  }

  .fifty-fifty .half-cycle .cycle-slideshow div {
    width:100%;
    height:100%;
    background-size:cover;
    background-position:50% 50%;
    background-repeat:no-repeat;
  }

  .parks-pager {
    position:absolute;
    z-index:400;
    height: auto !important;
    width: auto !important;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    z-index:801;
  }

  .parks-pager-bg {
    background-color:rgba(12,53,84,0.9);
    width: 38px !important;
    position:absolute;
    z-index:400;
    top:0;
    left:0;
  }

  .parks-pager span {
    width: 15px;
    height: 15px;
    display: block;
    border: 2px solid #FFF;
    border-radius: 50%;
    margin-bottom:15px;
    font-size:0;
  }

  .parks-pager span.cycle-pager-active {
    background-color:#FFF;
  }

  .parks-pager span:last-child {
    margin-bottom:0;
  }

  .no-btm {
    margin-bottom:0px !important;
  }

  .scrollmagic-pin-spacer {
    min-height:250px !important;
    max-height:600px !important;
  }

  .full-width-photo {
    /*padding-bottom:53.8%;*/
    background-image:url(img/neighborhood-bike-couple.jpg);
    background-size:cover;
    background-repeat:no-repeat;
    width:100%;
    height:600px;
    background-position:50% 50%;
  }

  .full-width-photo.thales {
    background-image:url(img/thales-academy.jpg);
    min-height:250px;
    background-position:50% 50%;
  }

  .full-width-photo.pittsboro {
    background-image:url(img/bookshop-bkd.jpg);
    max-height:600px;
  }

  .full-width-photo.realtors {
    background-image:url(img/realtors-tour-bkd.jpg);
    max-height:600px;
  }

  .full-width-photo.kayak {
    background-image:url(img/lake-bkd.jpg);
    min-height:250px;
    background-position:50% 50%;
  }

  .full-width-photo.mosaic {
    background-image:url(img/mosaic-bkd-render.jpg);
    min-height:250px;
    background-position:50% 50%;
  }

  .full-width-photo.river {
    background-image:url(img/haw-river-bkd.jpg);
    min-height:250px;
    background-position:50% 50%;
  }

  .full-width-photo.visit {
     background-image:url(img/home-tour-bkd.jpg);
     max-height:600px;
  }

  .full-width-photo.triangle {
    background-image:url(img/triangle-highway-bkd.jpg);
    max-height:600px;
  }

  .full-width-photo.location {
    background-image:url(img/neighbors-bkd.jpg);
  }

  .white-panel-wrap {
    background-color:#FFF;
    width:100%;
    padding:100px 0;
  }

  .panel {
    z-index:0;
  }

  .scroll-zi {
    position:relative;
    z-index:10;
  }

  .scroll-zi.zi-9 {
    z-index:9;
  }

  .mosaic .mosaic-logo {
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    max-width:320px;
  }


.stacked-photos {
  /*position:absolute;
  width: 30.6666666667%;
  margin-left:15%;
  z-index:100;
  top:-50px;
  max-width:435px;*/
  position:absolute;
  height:115%;
  top:-60px;
  width: 30.6666666667%;
}

.stacked-photos div {
  height:49%;
  position:absolute;
  top:0;
  width:100%;
  background-size:cover;
  background-position:50% 50%;
  /*margin-bottom:2%;*/
}

.stacked-photos div:last-child {
  /*margin-bottom:0;*/
  top:auto;
  bottom:0;
}

.photo-beyond {
  position:relative;
}

/*.stacked-photos img {
  display:block;
  margin-bottom:30px;
}

.stacked-photos img:last-child {
  margin-bottom:0;
}*/


img.fw {
  width:100%;
}

.sapphire-bg {
  position:relative;
  background:#095874;
}

.sapphire-bg .container {
  position:relative;
  z-index:10;
}

/*.sapphire-bg:after {
 content:'\A';
    position:absolute;
    background:#095874;
    top:50%; 
    bottom:50%;
    left:0; 
    transform:translateY(-50%);
    height:85%;
    z-index:1;
    width:100%;
}*/

.pad-170,
.pad-170-1250 {
  padding:170px 0;
}

.lt-grey-bg {
  padding:150px 0 212px 0;
  width:100%;
  background-color:#f4f4f4;
}

.lt-grey-bg.pad-135 {
  padding:135px 0;
}

.lt-grey-bg.no-btm-pad {
  padding-bottom:0;
}

.neg-right {
  margin-right:-16%;
}

.green-overlay {
  padding:125px 0;
  background-color:#74aa50;
}

.green-overlay.sustainable {
  background-image:url(img/nature-bkd.jpg);
  background-position:50% 50%;
  background-size:cover;
}

.white-divider {
  width:100%;
  border-right:2px solid #FFF;
  height:15px;
  position:relative;
  border-left:2px solid #FFF;
}

.white-divider:after {
  content:" ";
  position:absolute;
  height:2px;
  background-color:#FFF;
  width:100%;
  top:50%;
  left:0;
  transform:translateY(-50%);
}

.white-divider.navy {
  border-right:2px solid #0c3554;
  border-left:2px solid #0c3554;
}

.white-divider.navy:after {
  background-color:#0c3554;
}

.white-divider.goldenrod {
border-right:2px solid #d6a12f;
  border-left:2px solid #d6a12f;
}

.white-divider.goldenrod:after {
   background-color:#d6a12f;
}

.vert-divider {
  height:100%;
  width:15px;
  border-top:2px solid #0c3554;
  border-bottom:2px solid #0c3554;
  position:relative;
  margin:0 auto;
}

.vert-divider:after {
  content: " ";
  position:absolute;
  height:100%;
  width:2px;
  left:50%;
  top:0;
  transform:translateX(-50%);
  background-color:#0c3554;
}

.vert-divider.goldenrod {
  border-top:2px solid #d6a12f;
  border-bottom:2px solid #d6a12f;
}

.vert-divider.goldenrod:after {
  background-color:#d6a12f;
}

.mt-50,
.tribe-common--breakpoint-medium.tribe-events .tribe-events-header__top-bar  {
  margin-top:50px;
}

.tribe-events-header .container {
  width:100%;
  margin:0;
  padding:0;
}

.mt-40 {
  margin-top:40px;
}

.mt-30 {
  margin-top:30px !important;
}

.mt-20 {
  margin-top:20px;
}

.beliefs {
 text-align:center;
}

.beliefs div {
  display:inline-block;
  width:17%;
  margin-right:3%;
}

.beliefs div:last-child,
.beliefs.social div:last-child {
  margin-right:0;
}

.beliefs div img {
  display:block;
  margin: 0 auto;
  text-align:center;
  max-width: 180px;
  width: 100%;
}

.beliefs.social div {
  width:19%;
  margin-right:1%;
}

.beliefs.social div img {
  max-width:none;
}

.navy-pattern {
  padding:75px 0;
  background-color:#0c3554;
  background-image:url(img/cp-pattern-dkblue.jpg);
  background-repeat:repeat;
  background-size: auto 100%;
  background-attachment: fixed;
}

.grey-pattern {
  padding:125px 0;
  background-color:#ccc;
  background-image:url(img/cp-pattern-grey.jpg);
  background-repeat:repeat;
  background-size: auto 100%;
  background-attachment: fixed;
}

.green-pattern {
  padding:125px 0;
  background-color:#74aa50;
  background-image:url(img/cp-pattern-green.jpg);
  background-repeat:repeat;
  background-size: auto 100%;
  background-attachment: fixed;
}

.green-pattern.pad-150 {
  padding:150px 0;
}

.sky-blue-pattern {
  padding:125px 0;
  background-color:#74aa50;
  background-image:url(img/cp-pattern-ltblue.jpg);
  background-repeat:repeat;
  background-size: auto 100%;
  background-attachment: fixed;
}

.sky-blue-pattern.pad-75 {
  padding:75px 0;
}

.orange-pattern {
  padding:125px 0;
  background-color:#74aa50;
  background-image:url(img/cp-pattern-coral.jpg);
  background-repeat:repeat;
  background-size: auto 100%;
  background-attachment: fixed;
}

.orange-pattern.lg-pad {
  padding:180px 0;
}

.sky-blue-bg {
  padding:125px 0;
  width:100%;
  background-color:#20c2db;
}

img.centered {
  margin:0 auto;
  display:block;
}

img.centered.mt-50 {
  margin-top:50px;
}

img.centered.mt-30 {
  margin-top:30px;
}

@-webkit-keyframes ticker {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: visible;
  }
  100% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes ticker {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: visible;
  }
  100% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.mobile-only {
  display:none;
}

.inner-hero {
  width:100%;
  padding-bottom:48.61%;
  background-position:50% 50%;
  background-repeat:no-repeat;
  position:relative;
  background-size:cover;
  max-height:700px;
  overflow:hidden;
  min-height:400px;
}

.inner-hero .fs-overlay {
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width: 90%;
  max-width: 1110px;
}

.fs-overlay span {
  /*filter: drop-shadow(5px 5px 5px #333);*/
}

.inner-hero fieldset {
  border: 5px solid #FFFFFF;
  padding: 0px;
  border-left: 0;
  border-right: 0;
  filter: drop-shadow(5px 5px 5px #333);
}

.inner-hero legend {
  color:#FFF;
  margin:0 auto;
  line-height: 25px;
  padding: 0 20px;
  filter: drop-shadow(5px 5px 5px #333);
}

.inner-hero fieldset h1 {
    border-right: 5px solid #FFF;
  border-left: 5px solid #FFF;
  width: 98%;
  margin: 0 auto;
  padding: 25px 0 30px 0;
  margin-top: -10px;
}

.dark-blue-bg {
  width:100%;
  padding:154px 0;
  background-color:#0c3554;
}

.sapphire-wrap,
.silver-wrap {
  width:100%;
  padding:110px 0;
  background-color:#095874;
}

.sapphire-wrap.slight-opac {
  background-color:rgba(9,88,116,0.95); 
}

.silver-wrap {
  background-color:#bdcad0;
}

.half-half .left,
.half-half .right {
  display:inline-block;
  width:50%;
  position:relative;
  vertical-align:top;
  padding-bottom:33.35%;
  background-size:cover;
}

.half-half .overlay {
  position:absolute;
  width:0px;
  top:0;
  left:0;
  height:100%;
  background-color:rgba(253,127,94,0.9);
  -webkit-transition: width .5s ease-in-out;
    -moz-transition: width .5s ease-in-out;
    -o-transition: width .5s ease-in-out;
    transition: width .5s ease-in-out;
    z-index:100;
}

.half-half .overlay.navy {
  background-color:rgba(12,53,84,0.9);
}

.half-half .overlay.green {
  background-color:rgba(116,170,80,0.9);
}

.half-half .overlay.lt-blue {
  background-color:rgba(32,194,219,0.9);
}

.half-half .overlay.gold {
  background-color:rgba(214,161,47,0.9);
}

.half-half .left:hover > .overlay,
.half-half .right:hover > .overlay  {
  width:100%;
}

.half-half .left:hover > .overlay-text,
.half-half .right:hover > .overlay-text {
  opacity:1;
}

.half-half .overlay-text {
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  width:90%;
  max-width:400px;
  margin:0 auto;
  opacity:0;
   -webkit-transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    -o-transition: opacity .5s ease-in-out;
    transition: opacity .5s ease-in-out;
    z-index:101;
}

.half-half .overlay-text.visible {
  opacity:1;
  max-width:555px;
}

img.no-vis {
  visibility:hidden;
}

.cp-logo.mw-200 {
  max-width:200px;
  width:100%;
  display:block;
  margin:0 auto;
}

.pillar-icon {
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  width:210px;
  opacity:1;
  z-index:210;
   -webkit-transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    -o-transition: opacity .5s ease-in-out;
    transition: opacity .5s ease-in-out;
}

.pillar-icon img {
  width:100%;
  height:auto;
}

.half-half .left:hover > .pillar-icon,
.half-half .right:hover > .pillar-icon {
  opacity:0;
}

.mt-150 {
  margin-top:150px;
}

.mt-100,
.tribe-common div.mt-100 {
  margin-top:100px;
}

.mt-10 {
  margin-top:10px;
}

.mosaic-bg {
  background-image:url(img/mosaic-bkd.jpg);
  background-size:cover;
  background-position:50% 50%;
  background-repeat:no-repeat;
}

.mosaic-bg.ent {
  background-image:url(img/mosaic-bkd-ent.jpg);
}

.mosaic-bg.green-space {
  background-image:url(img/green-space.jpg);
}

.mosaic-bg.unc-health {
  background-image:url(img/unc-bkd.jpg);
}

.mosaic-bg.trails {
  background-image:url(img/couple-walking-bkd.jpg);
}

.blue-col {
  background-color:rgba(12,53,84,0.8);
  box-sizing:border-box;
  padding:192px 80px;
}

.blue-col.green-col {
  background-color:rgba(74,119,41,0.8);
}

.double-col {
  width:100%;
}

.double-col .col {
  display:inline-block;
  width:48%;
  margin-right:4%;
  vertical-align:top;
}

.double-col .col p {
  margin-bottom:10px;
}

.double-col .col:last-child {
  margin-right:0;
}

.solar-panel {
  background-image:url(img/renewable-energy.jpg);
  background-size:cover;
  background-position:50% 50%;
  padding:135px 0;
  width:100%;
}

.solar-panel.trails {
  background-image:url(img/couple-walking-bkd.jpg);
}

.solar-panel.business {
  background-image:url(img/couple-shopping-bkd.jpg);
}

.trans-blue-bg {
  background-color:rgba(12,53,84,0.8);
  padding:95px 0;
  width:100%;
}

.trans-blue-bg.sapphire {
  background-color:rgba(9,88,116,0.8);
}

.photo-group {
  width:100%;
  position:relative;
}

.photo-group div {
  border:10px solid #f4f4f4;
  background-size:105% auto;
  background-position:50% 50%;
  background-repeat:no-repeat;
  width:50%;
  height:50%;
  position:absolute;
  -webkit-transition: background-size .5s linear;
    -moz-transition: background-size .5s linear;
    -o-transition: background-size .5s linear;
    -ms-transition: background-size .5s linear;
    transition: background-size .5s linear;
    display:table;
}

.photo-group div h3 {
  display:table-cell;
  vertical-align:middle;
  text-align:center;
}

.photo-group div a {
  display:table-cell;
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  left:0;
  cursor:pointer;
}

.photo-group div:hover {
  background-size:110% auto;
}

.photo-group .top-left {
  background-image:url(img/entertainment-full.jpg);
  left: 7%;
  top: 3%;
  width: 43%;
  height: 47%;
  background-size:auto 100%;
}

.photo-group .top-left:hover {
  background-size:auto 110%;
}

.photo-group .bottom-left {
  bottom:0;
  left:0;
  border-left:none;
  border-bottom:none;
  background-image:url(img/outdoors.jpg);
}

.photo-group .top-right {
  right:0;
  top:0;
  border-right:none;
  border-top:none;
  background-image:url(img/business.jpg);
}

.photo-group .bottom-right {
  right: 7%;
  bottom: 3%;
  width: 43%;
  height: 47%;
  background-image:url(img/shop-dine.jpg);
}

.faq-cat a {
  font-family: montserrat, sans-serif;
  font-size:13px;
  font-weight:700;
  text-decoration:none;
  letter-spacing:1.5px;
  line-height:35px;
  color:#0c3554;
  text-transform:uppercase;
  display:block;
}

.faq-cat a:hover,
.faq-cat a.active {
  color:#20c2db;
}

.cat-anchor {
  display:block;
  scroll-margin-top: 73px;
}

.qnda {
  margin-top:30px;
}

.qnda .question {
  background-image:url(img/expand-icon-blue.png);
  padding-left: 40px;
  background-position: 0 5px;
  background-repeat:no-repeat;
  background-size:15px auto;
  cursor:pointer;
}

.qnda .question p {
  margin-bottom:0;
}

.qnda .question.expanded {
  background-image:url(img/minimize-icon-blue.png);
}

.qnda .answer {
  padding-left:40px;
  padding-top:15px;
  display:none;
}

body {
  scroll-padding: 150px 0 0 0;
}

.dbl-btn {
  text-align:center;
}

.dbl-btn.push-right {
  text-align:right;
}

.dbl-btn .sec-btn {
  display:inline-block;
  margin:0 15px;
}

.dbl-btn.no-lr {
  margin:0 auto;
  margin-top:10px;
  text-align:left;
}

.sec-btn:hover {
  background-size: 0% 1px;
  color: rgba(12,53,85,1);
}

.anim-btn .underline{
  font-family: montserrat, sans-serif;
  font-size: 13px;
  font-weight:bold;
  line-height: 25px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  width: calc(100%);
  background-image: linear-gradient(transparent calc(100% - 2px), #fd7f5e 2px);
  background-repeat: no-repeat;
  background-position:0% 100%;
  background-size: 100% 100%;
  transition: background-size 1s;
}

.anim-btn:hover .underline {
  background-size: 0% 100%;
  background-position:100% 100%;
}
.anim-btn:hover {
  color:#fd7f5e;
}

.sec-btn {
  font-family: montserrat, sans-serif;
  font-size: 13px;
  font-weight:bold;
  line-height: 25px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: #0c3554;
  position: relative;
  text-decoration: none;
  background-image: linear-gradient(currentColor, currentColor);
  background-position: right bottom;
  background-repeat: no-repeat;
  background-size: 100% 1px;
  transition: background-size .3s;
}

.sec-btn.coral {
  color:#fd7f5e;
}

.sec-btn.news-filter {
  color:#FFF;
  background:none;
  transition: color .3s;
}

.sec-btn.news-filter.active,
.sec-btn.news-filter:hover {
  color:#0c3554;
}

.cal-nav .sec-btn,
.cal-nav .sec-btn:visited,
.tribe-common .sec-btn:visited {
  color:#bdcad0;
  background:none;
  background-image:url(img/list-view-off.png);
  background-size:auto 25px;
  background-repeat:no-repeat;
  background-position:0 50%;
  padding-left:35px;
}

.cal-nav .sec-btn:last-child {
  background-image:url(img/cal-view-off.png);
}

.cal-nav .sec-btn.active,
.cal-nav .sec-btn:hover {
  color:#0c3554;
  background-image:url(img/list-view.png);
}

.cal-nav .sec-btn:last-child.active,
.cal-nav .sec-btn:last-child:hover {  
  background-image:url(img/cal-view.png);
}

.bar-line-wrap {
  padding:15px 0;
  position:relative;
}

h2.over-line {
  position:absolute;
  left:50%;
  transform:translate(-50%,-50%);
  background-color:#FFF;
  top:50%;
  z-index:100;
  line-height:1;
  padding:0 50px;
}

h2.over-line.silver-bg {
  background-color:#bdcad0;
}

.featured-single {
  position:relative;
}

.featured-single a {
  position:absolute;
  width:100%;
  height:100%;
  left:0;
  top:0;
  z-index: 100;
}

.featured-single .news {
  width:42%;
  padding:150px 0px;
  margin-left:58%;
  background-color:#0c3554;
}

.featured-single .news h5,
.featured-single .news h4 {
  padding:0px 50px;
}

.featured-single .photo {
  width:58%;
  left:0;
  background-size:cover;
  background-position:50% 50%;
  background-repeat:no-repeat;
  height:100%;
  position:absolute;
}

.flex-news {
  display:flex;
}

.flex-news .news-i {
  flex:1;
  width:50%;
  background-color:#0c3554;
  position:relative;
}

.flex-news .news-i a {
  position:absolute;
  width:100%;
  height:100%;
  z-index: 100;
}

.flex-news .news-i:first-child {
  border-right:20px solid #FFF;
}

.flex-news .news-i:last-child {
  border-left:20px solid #FFF;
}

.vert-single .photo,
.grid-item .photo {
  padding-bottom:66%;
  background-size:cover;
  background-position:50% 50%;
  background-repeat:no-repeat;
}

.vert-single .news {
  padding:92px 50px;
  width:100%;
  box-sizing:border-box;
   background-color:#0c3554;
}

.grid-item .news {
  padding:40px 25px;
  width:100%;
  box-sizing:border-box;
   background-color:#FFF;
   text-align:center;
}

.news-grid .grid-item {
  width:30.777777%;
  margin:0 1%; 
  background-color:#FFF;
  margin-bottom:50px;
  position:relative;
  /*min-height:100vh;*/
}

.news-grid a {
  position:absolute;
  width:100%;
  height:100%;
  left:0;
  top:0;
  z-index: 100;
}

.grey-divider {
  height:1px;
  width:100%;
  border-top:1px solid #979797;
}

.last-section {
  padding-bottom:50px;
}

.event-img img {
  width:100% !important;
  height:auto !important;
}

.event-link {
  position:absolute;
  z-index:100;
  width:100%;
  height:100%;
}

#tribe-events-pg-template {
  max-width:none;
}

/***Cal View***/

.site-wrap .tribe-events-c-view-selector__button,
.site-wrap .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-top-bar__today-button,
.site-wrap .tribe-events-c-subscribe-dropdown__container,
.tribe-events-c-top-bar__datepicker-button-icon-svg {
  display:none !important;
}

.tribe-events-c-top-bar__datepicker-desktop {
  color:#0c3554;
  font-size:35px;
  line-height:40px;
  letter-spacing:1.0px;
  text-transform:uppercase;
  font-family: bourbon, serif;
  font-weight: 400;
}

.site-wrap .tribe-events-calendar-month__day-date-daynum {
  font-family: montserrat, sans-serif;
  font-weight:400;
}

.site-wrap .tribe-events .tribe-events-c-top-bar__nav-list-item {
  position:absolute;
  left:0;
  z-index:200;
  top:15px;
}

.site-wrap .tribe-events .tribe-events-c-top-bar__nav-list-item:last-child {
  right:0;
  left:auto;
}

.site-wrap .tribe-events-c-top-bar__datepicker-button {
  margin: 0 auto;
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-top-bar__datepicker {
  width:100%;
  margin:0 auto;
  display:inline-block;
}

.site-wrap .tribe-common--breakpoint-medium.tribe-events .tribe-events-l-container {
  padding-top:0;
}

.site-wrap .tribe-events-calendar-month__header-column-title-desktop {
  font-weight:700;
  font-family: montserrat, sans-serif;
  text-align:center;
}

.site-wrap .tribe-events-calendar-month__calendar-event-title-link {
  font-family: montserrat, sans-serif;
  font-weight:400;
  color:#0c3554;
}

.site-wrap .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-top-bar__nav {
  position:relative;
  width:100%;
}

/**end Cal View**/

.secondary-nav {
  padding:13px 5%;
  width:100%;
  box-sizing:border-box;
  text-align:center;
  overflow-x:scroll;
  position: -webkit-sticky;
  position:sticky;
  top: 70px;
  z-index: 400;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.secondary-nav::-webkit-scrollbar {
  width:0 !important;
  height: 0 !important;
}

.sticky-faq-holder {
  position:absolute;
  top:0;
}

.sticky-faq-holder.fixed {
  position:fixed;
  top:73px;
}

.sticky-faq-holder.stop,
.sticky-faq-holder.fixed.stop {
 position:absolute;
 bottom:0;
 top:auto;
}

.sticky-faq {
 /* position:absolute;
  left:24.8%;
  z-index:100;*/
}

.secondary-nav.sky-blue {
  background-color:#20c2db;
}

.secondary-nav.sapphire {
  background-color:#095874;
  overflow-x:hidden;
}

.secondary-nav.green {
  background-color:#74aa50;
}

.secondary-nav li {
  list-style-type:none;
  display:inline-block;
  margin-left:50px;
}

.secondary-nav li a {
  font-size:13px;
  font-family: montserrat, sans-serif;
  color:#FFF;
  line-height:25px;
  letter-spacing:1.5px;
  font-weight:bold;
  text-transform:uppercase;
  text-decoration:none;
  cursor:pointer;
}

.secondary-nav li a.active,
.secondary-nav li a:hover {
  color:#0a3554;
}

.secondary-nav.sapphire li a.active,
.secondary-nav.sapphire li a:hover {
  color:#20c2db;
}

.secondary-nav li:first-child {
  margin-left:0;
}

ol li {
  margin-left:10px;
  margin-bottom:20px;
  font-size:15px;
  font-family: montserrat, sans-serif;
  line-height:25px;
}

ol li a {
  font-weight:bold;
  color:#0c3554;
}

.bottom-box {
  background-color:rgba(9,88,116,0.9);
  width:80%;
  padding:40px;
  margin: 0 auto;
margin-top: -90px;
position: relative;
}


.pop-full {
  position:relative;
}

.pop-img {
  width:45%;
  height:100%;
  background-image:url(img/realor-events.jpg);
  background-size:cover;
  background-position:40% 50%;
  left:0;
  position:absolute;
}

.pop-img.developers {
  background-image:url(img/deveoper-update.jpg);
}

.pop-40 {
  display:inline-block;
  width:45%;
  height:100%;
}

.pop-60 {
  display:inline-block;
  width:55%;
  box-sizing:border-box;
  padding:140px 0px;
  background-color:#FFF;
}

.pop-60 h4,
.pop-60 p {
  padding:0 50px;
}

.realtors-pop {
 /* position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;*/
  cursor:pointer;
}

#realtor-social.fancybox__content,
#developers.fancybox__content {
  padding:0 !important;
  max-width:909px !important;
}

#realtor-social.fancybox__content .container,
#developers.fancybox__content .container {
  width:100%;
  margin:0;
  padding:0;
}

#realtor-social.fancybox__content > .carousel__button.is-close,
#developers.fancybox__content > .carousel__button.is-close,
#reg-form.fancybox__content > .carousel__button.is-close {
  top: 10px !important;
right: 10px !important;
color: #0c3554 !important;
border: 2px solid #0c3554 !important;
border-radius: 50% !important;
box-shadow: none !important;
}

#reg-form.fancybox__content > .carousel__button.is-close {
  color:#FFF !important;
  border: 2px solid #FFF !important;
}

#realtor-social.fancybox__content > .carousel__button.is-close svg,
#developers.fancybox__content > .carousel__button.is-close svg,
#reg-form.fancybox__content > .carousel__button.is-close svg {
  filter:none;
}

.ttd-grid .box {
  width:33.333333%;
  display:inline-block;
  padding-bottom:33.333333%;
  background-position:50% 50%;
  background-repeat:no-repeat;
  position:relative;
  background-size:100% auto;
  -webkit-transition: background-size .5s ease-in-out;
    -moz-transition: background-size .5s ease-in-out;
    -o-transition: background-size .5s ease-in-out;
    transition: background-size .5s ease-in-out;
    vertical-align:top;
}

.ttd-grid .box:hover {
  /*background-size:105% auto;*/
}

.ttd-grid .cap {
  position:absolute;
  left:50%;
  top:50%;
  width: 85%;
  transform:translate(-50%,-50%);
}

.rankings {
  display:flex;
}

.rankings .rank {
  width:211.3px;
}

.rankings .vert-divider.goldenrod {
  height:auto;
}

.pad-right p {
  padding-right:20px;
}

.pad-left p {
  padding-left:20px;
}

.podcast:first-child {
  margin-top:0;
}

.podcast {
  margin-top:50px;
}

.podcast audio {
  width:100%;
}

.featured-vid {
  position:relative;
  width:100%;
  padding-bottom:66.67%;
  background-size:100% auto;
  background-repeat:no-repeat;
  background-position:50% 50%;
}

.featured-vid .vid-link {
  position:absolute;
  width:100%;
  height:100%;
  left:0;
  top:0;
  z-index:500;
}

.featured-vid .play-btn,
.video .play-btn {
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  width:125px;
  z-index:50;
}

.video .play-btn {
  width:75px;
}

.feat-text {
  position:absolute;
  right:0;
  background-color:rgba(244,244,244,0.9);
  padding:70px;
  top:50%;
  transform:translateY(-50%);
  width:66%;
  z-index:50;
  left:90%;
}

.videos {
  display:flex;
  position:relative;
  flex-wrap: wrap;
  justify-content: space-between;
}

.videos .vid-link {
  position:absolute;
  width:100%;
  height:100%;
  z-index:100;
  top:0;
  left:0;
}

.videos .video {
  flex-basis: calc(30% - 20px);
  margin:0px 10px 50px 10px;
  position:relative;
}

.video .thumbnail {
  padding-bottom:66.57%;
  width:100%;
  background-size:100% auto;
  background-position:50% 50%;
  background-repeat:no-repeat;
  position:relative;
  padding-bottom:66.57%;
  margin-bottom:10px;
}

.pad-lr-40 {
  padding-left:40px;
  padding-right:40px;
}

.map-section {
  height:calc(100vh - 190px);
  /*height:700px;*/
  display:none;
  position:relative;
  background-color:#f1f1da;
}

.map-section .cp-map img {
  height:calc(100vh - 190px);
  width:auto;
  max-width:none;
  position:absolute;
  left:50%;
  transform:translateX(-50%);
}

.map-section .cp-map.reg-map img {
  height:calc(100vh - 140px);
}

.map-section.triangle {
  height:700px;
  background-color:#f1f1da;
}

.map-section.north-village,
.map-section.chatham {
  background-color:#ebebec;
}

.map-section.triangle .cp-map img {
  height:700px;
  max-width:none;
  position:absolute;
  left:50%;
  transform:translateX(-50%);
}

.map-section.singular {
  height:calc(100vh - 140px);
}

.map-section.active {
  display:block;
}

.map-container.stretch {
  width:100%;
  height:100%;
}

.map-container {
  position:relative;
  width:75%;
  height:100%;
  display:inline-block;
}

.legend-container {
  width:25%;
  height:100%;
  display:none;
}

.legend-container.active {
  display:inline-block;
  position:relative;
  overflow-y:scroll;
  background-color:#FFF;
  border-left: 10px solid #095874;
  box-sizing: border-box;
}

.legend-container .legend {
  background-color:#FFF;
  position:absolute;
  left: 0;
  width: 100%;
  height:auto;
  box-sizing:border-box;
  padding:50px 50px 0 50px;
}

.map-container .zoom-btn {
  position:absolute;
  bottom:25px;
  right:20px;
  width:30px;
}

.map-container .zoom-btn.zoom-in {
  bottom:56px;
}

.map-container .compass {
  position:absolute;
  top:20px;
  left:20px;
  width:75px;
}


.map-section .hide-arrow {
  display:block;
  position:absolute;
  top:20px;
  left:74.5%;
  padding: 7px 7px 5px 7px;
  background-color:#fd7f5e;
  border:2px solid #FFF;
  color:#FFF;
  font-size:20px;
  cursor:pointer;
  z-index:499;
}


.map-section .hide-arrow svg {
  width:15px;
}

.map-section .chevron-right {
  fill:#FFF;
}

.map-container.stretch .legend-show .partial,
.map-container .legend-show .full {
  display:none;
}

.map-container .legend-show .partial,
.map-container.stretch .legend-show .full {
  display:block;
}

.legend-show {
  position:absolute;
  font-family: montserrat, sans-serif;
  top:20px;
  background-color:#fd7f5e;
  border:2px solid #FFF;
  color:#FFF;
  font-size:13px;
  letter-spacing:1.5px;
  line-height:1;
  right: 20px;
  padding: 10px 19px;
  text-transform: uppercase;
  font-weight: bold;
  border-radius: 20px;
  cursor:pointer;
}

.split-nav {
    display:inline-block;
  }

  .main-nav {
    background-color:#FFF;
  }

  .only-980 {
    display:none;
  }

  .search-box {
    display:none;
    position: absolute;
    right: 140px;
    top: 12px;
    width:72%;
  }

  .search-box.active {
    display:block;
  }

  .search-box .search-field {
    width: 100%;
    border: none;
    padding: 14px 15px 4px 15px !important;
    font-weight: 400;
    border-bottom: 1px solid #4a4a4a;
  }

  .search-box .search-submit {
  background-image: url(img/search-solid.svg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  font-size: 0;
  width: 20px;
  height: 20px;
  left: -50px;
  background-color: transparent;
  border: none;
  position: absolute;
  top: 12px;
  color:#0c3554;
  }

  .mag-glass .xout {
    display:none;
  }

  .mag-glass.active .xout {
    display:block;
    width: 15px;
  }

  .mag-glass.active .glass {
    display:none;
  }

  .search-box input {
    width:100%;
  }

  .search-field:focus {
    outline:none !important;
  }

  /****Hide Browser Specific Close**/

  input[type=search]::-ms-clear { display: none; width : 0; height: 0; }
  input[type=search]::-ms-reveal { display: none; width : 0; height: 0; }
  /* clears the ‘X’ from Chrome */
  input[type="search"]::-webkit-search-decoration,
  input[type="search"]::-webkit-search-cancel-button,
  input[type="search"]::-webkit-search-results-button,
  input[type="search"]::-webkit-search-results-decoration { display: none; }

  /****Hide Browser Specific Close**/

.privacy ul li {
  margin-bottom:10px;
  line-height:25px;
}

.roll-expand {
  background-size:100% auto;
  background-position:50% 50%;
  -webkit-transition: background-size .5s linear;
    -moz-transition: background-size .5s linear;
    -o-transition: background-size .5s linear;
    -ms-transition: background-size .5s linear;
    transition: background-size .5s linear;
}

.roll-expand:hover {
  background-size:105% auto;
}

.page-id-104 #footer-wrap,
.page-id-106 #footer-wrap {
  display:none;
}

.secondary-nav .sec-nav-scroll {
  width:898px;
  margin:0 auto;
}

.secondary-nav.sapphire .sec-nav-scroll {
  width:338px;
}

.secondary-nav.sapphire.gallery-nav .sec-nav-scroll {
  width: auto;
}

#gform_2 .gform_body,
#gform_3 .gform_body {
  padding-bottom:30px;
}

.gform_wrapper .gfield_validation_message, 
.gform_wrapper .validation_message {
  position:absolute;
  z-index:100;
}

.gform_wrapper.gravity-theme .gfield {
  position:relative;
}

.gform_wrapper .gform_validation_errors > h2.hide_summary {
  font-family: montserrat, sans-serif;
  font-weight: bold;
}

#st-1 .st-btn > img {
  display:inline-block;
}

h6.vid-title {
  text-transform:uppercase;
}

.only-1250 {
  display:none;
}

#reg-form.fancybox__content {
  padding:0 !important;
}

.photo-group h3 {
  filter: drop-shadow(5px 5px 5px #333);
}

.event-divider {
  width:100%;
  height:1px;
  background-color:#606060;
}

.event-item:last-child {
  display:none;
}

.dl-map {
  max-width:100%;
  line-height:22px !important;
}

#rev_slider_2_1_forcefullwidth {
  height:100% !important;
}

#rev_slider_2_1_forcefullwidth #rev_slider_2_1_wrapper,
#rev_slider_2_1_forcefullwidth #rev_slider_2_1_wrapper #rev_slider_2_1 {
  height:100% !important;
  max-height:100% !important;
}

.mobile-icons .icon {
  display: inline-block;
  width: 48%;
  border: 10px solid #FFF;
  background-color: #0c3554;
  padding-bottom: 48%;
  box-sizing: border-box;
  position:relative;
}

.mobile-icons {
  text-align:center;
}

.mobile-icons .icon a {
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  color:#FFF;
  font-size:22px;
  line-height:22px;
  text-transform:uppercase;
  text-decoration:none;
  font-family: bourbon, serif;
  font-weight: 400;
  font-style: normal;
  font-size: 35px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 40px;
  letter-spacing: 1px;
  text-transform:uppercase;
}

.page-id-327 #footer-wrap {
  display:none !important;
}
/*–––––––––––––––––––––––––––––––––– Media Queries –––––––––––––––––––––––––––––––––––––––––––––––––– */
@media (max-width:1450px) { 

  .announcement {
    text-align:left;
  }

  .footer-form .gform_footer {
    position:static;
  }

  .footer-form #gform_submit_button_1,
  .footer-form #gform_submit_button_2 {
      margin:0 auto;
    }

    .feat-text {
      padding:40px 20px;
      min-width: 437px;
    }

    .footer-form .gchoice_1_10_0 {
      text-align:center;
      margin-bottom:10px;
    }

    .hp-form #gform_wrapper_3 .gform_footer {
      right:auto;
      left:50%;
      transform:translateX(-50%);
    }

    #gform_3 .gform_body {
      padding-bottom:60px;
    }

} 

@media (min-width:1351px) {
  .hamburger {
    display:none;
  }

  li.has-sub span {
    display:none;
  }

  .split-nav {
    margin-right:30px;
  }

  .split-nav:nth-child(3) {
    margin-right:0;
  }
}

@media (max-width:1350px) {
  .hamburger {
    position:absolute;
    top:90px;
    right:7.5%;
    z-index:610;
  }

  .announcement {
    text-align:center;
  }

  .main-nav {
    padding-bottom:14px;
    background-color:#FFF;
  }

  .top-extra {
   top:95px;
   right:210px;
   transform:none;
   z-index:608;
  }

  .mag-glass.active {
    padding-top:8px;
  }

  .sticky .top-extra {
      position: fixed;
      top: 28px;
      right: 307px;
}

.sticky .hamburger {
  position: fixed;
  top: 22px;
}

  .dropped .main-nav .container {
    width:100%;
  }

  .dropped .main-nav .cp-logo {
    left:7.5%;
  }


  .hamburger {
    padding: 0px;
    display: inline-block;
    cursor: pointer;
    transition-property: opacity, filter;
    transition-duration: 0.15s;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible; 
  }
  
  .hamburger.is-active .hamburger-inner,
  .hamburger.is-active .hamburger-inner::before,
  .hamburger.is-active .hamburger-inner::after {
    background-color: #0c3554; 
  }

  .hamburger-box {
  width: 26px;
  height: 22px;
  display: inline-block;
  position: relative; }

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px; 
}
  
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 25px;
    height: 3px;
    background-color: #0c3554;
    border-radius: 2px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease; 
  }
  
  .hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block; 
  }
  
  .hamburger-inner::before {
    top: -7px; 
  }
  
  .hamburger-inner::after {
    bottom: -7px; 
  }

  .hamburger--spin .hamburger-inner {
  transition-duration: 0.22s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); 
}

  .hamburger--spin .hamburger-inner::before {
    transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; 
  }
  
  .hamburger--spin .hamburger-inner::after {
    transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); 
  }

.hamburger--spin.is-active .hamburger-inner {
  transform: rotate(225deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); 
}

  .hamburger--spin.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; 
  }
  
  .hamburger--spin.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg);
    transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); 
  }

  .grey-bar {
    position:relative;
  }

  .dropped .main-nav {
    display: block;
    position: fixed;
    width: 100vw;
    height:calc(100vh - 109px);
    background-color: #FFFFFF;
    z-index: 607;
    top: 67px;
  }

  body.dropped {
    overflow-y:hidden;
    overflow-x:hidden;
  }

  .search-visit {
    right:60px;
    top:20px;
    transform:none;
  }

  .dropped .search-visit {
    right: calc(7.5% + 60px);
  }

  li.mag-glass path {
    /*fill: #FFFFFF;*/
  }

  .dropped .nav-items {
    display: block;
    background-color: #0c3554;
    position: absolute;
    width: 100%;
    height: 100vh;
    top: 67px;
  }

  .nav-items {
    display:none;
  }

  .split-nav {
    vertical-align:top;
    width:20%;
    margin-right:10%;
  }

  .split-nav:last-child {
    margin-right:0;
  }

  .dropped .nav-items .twelve.columns {
    width: 85%;
    margin: 0 7.5%;
    float: none;
    display: block;
    text-align: center;
  }

  #navigation .nav-items li a {
    color:#FFF;

  }

  #navigation .nav-items .sub-nav li a {
    text-transform:none;
    font-weight:400;
  }

  #navigation .nav-items li {
    display:block;
    margin:0 auto;
    width:100%;
    text-align:left;
    margin-bottom:40px;
  }

  #navigation .nav-items li:first-child {
    margin-top:100px;
  }

  #navigation .nav-items li:last-child {
    margin:0 auto;
    margin-bottom:20px;
  }


  .dropped .mobile-only {
    display:block;
    width: 85%;
    margin: 0 auto;
  }

  .white-line {
    width: 85%;
    margin: 0 auto;
    height:2px;
    background-color:#FFF;
  }

  .mobile-address,
  .mobile-address p {
    font-size:12px;
    text-align:center;
    line-height:22px;
    color:#FFF;
  }

  .mobile-only .social-icons {
  text-align:center;
  margin-top:40px;
}


#navigation .mobile-only .social-icons li {
  list-style-type:none;
  display:inline-block;
  margin:0 20px 0 0 !important;
  width:auto !important;
}

#navigation  .mobile-only .social-icons li circle {
  fill:#20c2db !important;
}

#navigation .mobile-only .social-icons li:last-child {
  margin-right:0 !important;
}

.main-nav li.has-sub {
  position:relative;
}

.main-nav li.has-sub span {
 /* position:absolute;
  right:0;
  top:0;
  background-image:url(img/plus-solid.svg);
  background-repeat:no-repeat;
  background-position:50% 50%;
  content: " ";
  background-size: 17px auto;
  width: 17px;
  height: 17px;*/
}

.main-nav li.has-sub.dropped span {
 /* background-image:url(img/minus-solid.svg);*/
}

.main-nav li > ul {
  display:block;
  padding-left:0;
}

#navigation .main-nav .sub-nav li:first-child {
  margin-top:0;
}

#navigation .main-nav .sub-nav li {
  margin-bottom:10px;
}

.full-screen-hero {
  height: calc(100vh - 67px);
}

.footer-cols {
  display:block;
}

.footer-cols .col {
  display:block;
  width:100%;
  margin-bottom:30px;
  border-right:none;
  text-align:center;
  padding-right:0;
  margin-right:0;
}

.footer-cols .col:last-child {
  margin-bottom:0;
}

.footer-cols .col .footer-logo img {
  margin:0 auto;
}

.site-wrap.sticky {
  padding-top: 67px;
}

.hide-1350 {
  display:none !important;
}

.rankings {
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-content: center;
}

.rankings .rank {
  width: 40%;
  margin-bottom:40px;
}

.rankings .vert-divider.goldenrod {
  margin-bottom:40px;
}

.map-section {
  height:calc(100vh - 107px);
  display:none;
}

.map-section.singular {
  height:calc(100vh - 67px);
}

.search-box {
  position: absolute;
  right: 203px;
  top: 12px;
  z-index: 650;
  width: 330px;
}

.dropped .search-box {
  right:303px;
}

.top-extra.zi-lower {
  z-index:600;
}


}

/****End Navigation First Drop****/

@media (max-width:1250px) {
  .ttd-grid .box {
    width:50%;
    padding-bottom:50%;
  }

  .feat-text {
    left:70%;
    }

    .hide-1250 {
      display:none !important;
    }

    .only-1250 {
      display:block;
    }

    .three.columns.expand-1250 {
      width:35%;
    }

    .double-col.shop-break .col {
    display:block;
    width:100%;
    margin-right:0;
  }

  .double-col.shop-break .col:first-child {
    margin-bottom:30px;
  }

.stretch-1250 {
  margin:0 auto !important;
  display:block !important;
  float:none !important;
  width:100% !important;
}

.mob-top-50-1250 {
    margin-top:50px !important;
  }

  .stacked-photos div {
  position: static;
  width: 50%;
  padding-bottom: 50%;
  height: auto;
  display: inline-block;    
}

.stacked-photos {
  position: static;
  width: 100%;
  height: auto;
}

.mob-no-pad-1250 {
  padding:0 !important;
  margin:0 !important;
  width:100%;
}

.pad-170-1250 {
  padding:50px 7.5%;
}

}

@media (max-width:980px) {

.hide-980 {
  display:none !important;
}

.stretch-980 {
  margin:0 auto !important;
  display:block !important;
  float:none !important;
  width:100% !important;
}

.map-section.singular {
  height:calc(100vh - 166px);
}

.legend-show {
  bottom: 30px;
  top: auto;
  left: 50%;
  right: auto;
  transform: translateX(-50%);
}

.legend-container.active {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
}

.map-section .hide-arrow {
  /*transform: rotate(90deg);
  left: 0px;*/
  display:none !important;
}

.map-section.triangle {
  height: 500px;
}

.announcement-wrap {
  position: absolute;
  top: 50%;
  width: 0;
  overflow: hidden;
  height: auto;
  background-color: transparent;
  padding-left: 80%;
  box-sizing: border-box;
  transform: translateY(-61%);
  left: 0;
  z-index:600;
}

.announcement-wrap .announcement-list {
  display: inline-block;
  eight: auto;
line-height: auto;
  width: 800px;
  white-space: nowrap;
  padding-right: 100%;
  box-sizing: content-box;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-name: ticker;
  animation-name: ticker;
  -webkit-animation-duration: 30s;
  animation-duration: 30s;
}

.announcement-wrap .announcement {
  display: inline-block;
  padding:0;
  width:800px;
}

.top-footer {
  padding-bottom:120px;
}

.embed-container {
  /*width:400%;*/
}

.grey-box-pad,
.grey-box-pad.pad-50  {
  padding: 50px 20px;
}

.fifty-fifty .half-bg {
  position: static;
  width: 100%;
  height: auto;
  padding-bottom: 97%;
}

.top-margin {
  margin-top:50px;
}

.mob-no-pad {
  padding:0 !important;
  margin:0 !important;
  width:100%;
}

.mob-no-top {
  margin-top:0;
}

.pad-170 {
  padding:50px 7.5%;
}

.lt-grey-bg,
.dark-blue-bg,
.grey-pattern,
.blue-pattern,
.green-pattern,
.sky-blue-pattern,
.orange-pattern,
.sky-blue-bg,
.orange-pattern.lg-pad,
.green-pattern.pad-150,
.sky-blue-pattern.pad-75 {
  padding:50px 0;
}

.half-half .left,
.half-half .right {
  display:block;
  width:100%;
  padding-bottom:75%;
}

.mt-100 {
  margin-top:50px;
}

.mob-top-30 {
  margin-top:30px !important;
}

.mob-photo {
  width:100%;
  height:auto;
}

.container.fw-mob {
  padding:0 5%;
  margin:0;
  width:100%;
}

.mosaic-bg,
.mosaic-bg.green-space {
  background-image:none;
  background-color:#095874;
}

.mosaic-bg.mob-green {
  background-color:#4a7729;
}

.blue-col {
  background:transparent;
  padding:50px 0;
}

.mobile-only {
  display:block;
}

h1 {
  font-size:70px;
  line-height:1;
}

h2 {
  font-size:38px;
  line-height:48px;
}

.fifty-fifty .half-cycle {
  position: static;
  display: block;
  width: 100%;
  height: auto;
}

.fifty-fifty .half-cycle .cycle-slideshow div.slide {
  padding-bottom:65%;
  height:auto;
}

.parks-pager-bg {
  width: 100% !important;
  top: auto;
  bottom: 0;
  height: 32px !important;
}

.parks-pager {
  bottom: 9px;
  left: 50%;
  transform: translateX(-50%);
  top:auto;
}

.parks-pager span {
  display: inline-block;
  margin-right: 15px;
  margin-bottom:0;
}

.parks-pager span:last-child {
  margin-right:0;
}

.row.reverse, .twelve.columns.reverse, .mobile-flip, .mobile-flip .flip {
    transform: rotate(180deg);
  }

  .row.reverse .columns, .row.reverse .column, .reverse .img-right, .reverse .left-box {
    transform: rotate(-180deg);
  }


  .reverse .mob-top-50 {
    margin-bottom: 50px !important;
  }

  .sapphire-wrap,
  .silver-wrap {
    padding:50px 0;
  }

  .sapphire-wrap.pad-150 {
    padding:150px 0;
  }

  .white-panel-wrap {
    padding:50px 0;
  }

  .neg-right {
    margin:0 auto;
  }

  .photo-group div {
    display:block;
    position:static;
    width:100% !important;
    padding-bottom:100%;
    height:100% !important;
    background-size:auto 105%;
    border-right:none !important;
    border-left:none !important;
    border-top:10px solid #f4f4f4 !important;
    border-bottom:10px solid #f4f4f4 !important;
    position:relative;
    left: 0 !important;
    top: 0 !important;
  }

  .photo-group div h3 {
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
  }

  .photo-group div:hover {
    background-size:auto 110%;
  }

  .photo-group img {
    display:none;
  }

  .beliefs div,
  .beliefs.social div {
    display:inline-block;
    width: 45%;
    margin-right: 7%;
    margin-bottom:30px;
  }

  .beliefs div:nth-child(2n),
  .beliefs.social div:nth-child(2n) {
    margin-right:0;
  }


  .featured-single .photo {
    position:static;
    display:block;
    width:100%;
    padding-bottom:66%;
  }

  .featured-single .news {
    width:100%;
    margin-left:0;
    padding:50px 0;
  }

  .flex-news {
    display:block;
  }

  .flex-news .news-i {
    border:none !important;
    width:100%;
    margin-bottom:40px;
  }

  .news-grid .grid-item {
    width: 100%;
    margin: 0 auto;
      margin-bottom: 0px;
    background-color: #FFF;
    margin-bottom: 40px;
  }

  h2.over-line {
    min-width:294px;
  }

  .mt-150 {
    margin-top:50px;
  }

  .row.flex-row {
    display:block;
  }

  .vert-divider {
  width:100%;
  border-right:2px solid #0c3554;
  height:15px;
  position:relative;
  border-top:none;
  border-bottom:none;
  border-left:2px solid #0c3554;
}

.vert-divider:after {
  content:" ";
  position:absolute;
  height:2px;
  background-color:#0c3554;
  width:100%;
  top:50%;
  left:0;
  transform:translateY(-50%);
}

.lt-grey-bg.pad-135 {
  padding:50px 0;
}

.rankings {
  display:block;
}

.rankings .rank {
  min-width:211px;
  margin:0 auto;
}

.rankings .vert-divider.goldenrod {
  height:15px;
  border-top:none;
  border-bottom:none;
}

.vert-divider.goldenrod {
  border-right:2px solid #d6a12f;
  border-left:2px solid #d6a12f;
}

.vert-divider.goldenrod:after {
  background-color: #d6a12f;
}

.rankings .vert-divider.hide-1350 {
  display:block !important;
}

.rankings .vert-divider.goldenrod {
  margin-bottom:30px;
}

.pad-right p {
  padding-right:0px;
}

.pad-left p {
  padding-left:0px;
}

.videos .video {
  flex-basis: calc(46% - 20px);
  margin:0px 10px 50px 10px;
}

.feat-text {
  transform:none;
  position:static;
  width:100%;
  padding:50px;
}

.sapphire-wrap.pad-btm-none {
  padding-bottom:0;
}

.mob-top-50 {
  margin-top:50px !important;
}

.main-nav {
  padding-bottom: 34px;
  padding-top: 20px;
}

.main-nav .cp-logo {
  width:135px;
  top:0;
}

.hamburger {
  top:98px;
}

.dropped .main-nav {
  top:56px;
}

.dropped .nav-items {
  top:89px;
  overflow:scroll;
  overflow-x:hidden;
  height: calc(100vh - 105px);
  padding-top: 0px;
padding-bottom: 80px;
}

.dropped .sticky .nav-items {
  padding-bottom:40px;
}

#navigation .nav-items li:first-child {
  margin-top:40px;
}

.split-nav {
  display:block;
  width:100%;
  margin-right:0;
  margin-left:0;
}

.top-extra {
  display:none;
}

.dropped .top-extra {
  width: 100%;
  text-align: center;
  border-bottom: 1px solid #FFF;
  padding-bottom: 30px;
  right:auto;
  top:235px;
  display:block;
  width: 85%;
margin: 0 auto;
padding-top: 70px;
}

.top-extra li {
  display:block;
  margin-right: auto;
margin-left: auto;
}

.top-extra li:first-child {
  margin-bottom:20px;
}

#navigation .top-extra li a {
  color:#20c2db;
  font-weight:400;
}

.search-visit {
  display:none;
}

.dropped .search-visit {
  display:block;
  left:50%;
  transform:translateX(-50%);
  right:auto;
  top:120px;
  z-index:660;
}

.search-visit li:last-child {
  display:none;
}

li.mag-glass path {
  fill: #FFFFFF;
}

.search-visit li {
  margin:0 auto;
  display:block;
}

#navigation.sticky {
  position:static;
}

.dropped .only-980 {
  display:block !important;
  position:static !important;
  transform:none !important;
}

.only-981 {
  display:none !important
}

#navigation .nav-items .top-extra li {
  text-align:center;
  margin-bottom:30px;
}

#navigation .nav-items .top-extra li a {
  font-weight:600;
}

#navigation .nav-items .top-extra li:last-child {
  margin-bottom:0;
}

#navigation li a.lt-green {
  color: #74aa50;
}

.mobile-only .white-line {
  width:100%;
  margin-top:50px !important;
}

.dropped .search-box.only-980 {
  top:34px;
  display:block;
  position:absolute !important;
  right:auto;
  left:50%;
  transform:translateX(-50%) !important;
}

.search-box .search-field {
  background-color: rgba(255,255,255,0.25);
  border: none;
  border-radius: 25px;
  color:#FFF;
  padding: 14px 15px 14px 45px !important;
}

.search-field::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #FFF;
  font-weight:400;
  font-size:12px;
  text-transform:uppercase;
  font-family: montserrat, sans-serif;
}

.search-field::-moz-placeholder { 
  /* Firefox 19+ */
  color: #FFF;
  font-size:12px;
  font-weight:400;
  text-transform:uppercase;
  font-family: montserrat, sans-serif;
}

.search-field:-ms-input-placeholder {
  color: #FFF;
  font-weight:400;
  font-size:12px;
  text-transform:uppercase;
  font-family: montserrat, sans-serif;
} 

.search-box .search-submit {
  background-image: url(img/search-solid-white.svg);
  left: 12px;
  top: 11px;
}

.dropped .mag-glass, .mag-glass {
  display:none !important;
}

.site-wrap.sticky {
  padding-top: 110px;
}

.sticky .main-nav .cp-logo {
  width: 135px;
  top: 0;
}

.sticky .hamburger {
  top:42px;
}

.full-screen-hero.hp-video {
  max-height:500px;
}

.full-screen-hero.hp-video .embed-container {
  max-height:500px;
} 

.dropped .main-nav .cp-logo {
  left:5%;
}

#gform_2 .gform_footer,
#gform_3 .gform_footer {
    position:static;
  }

#gform_2 #gform_submit_button_2,
#gform_3 #gform_submit_button_3 {
      margin:0 auto;
    }

.half-half .left.active > .overlay, 
.half-half .right.active > .overlay {
  width:100%;
}

.half-half .left.active > .pillar-icon, 
.half-half .right.active > .pillar-icon {
  opacity: 0;
}

.half-half .left.active > .overlay-text, 
.half-half .right.active > .overlay-text {
  opacity: 1;
}

.mosaic-bg.ent .blue-col,
.mosaic-bg.unc-health .blue-col,
.mosaic-bg.trails .blue-col {
  background-color: rgba(12,53,84,0.8);
  box-sizing: border-box;
  padding: 50px 80px;
}

.container.fw-mob.mob-no-pad {
  padding:0;
}

.solar-panel.solar {
  padding:0;
}

.announcement-wrap .announcement-list {
  -webkit-animation-duration: 15s;
  animation-duration: 15s;
}

.map-section {
  height: calc(100vh - 217px);
}

.map-section.singular {
  height: calc(100vh - 166px);
}

.full-width-photo {
  height:250px;
}

.mob-pad-60 {
  padding:60px 0 !important;
}

.rankings .rank {
  width:100%;
  text-align:center;
}

.dbl-btn.news-cats .sec-btn {
  display:block;
  margin:10px 0 auto;
}

.dbl-btn.news-cats .sec-btn:last-child {
  margin-bottom:0;
}

.feat-text {
  min-width:0;
}

.mosaic-bg.trails .blue-col,
.mosaic-bg.unc-health .blue-col {
  padding:50px 20px;
}

.map-container .compass {
  width:60px;
}

.legend-show.showing {
  top:10px;
  bottom:auto;
  z-index:100;
  left:65%;
}

.hp-form #gform_wrapper_3 .gform_footer {
  transform:none;
}

#gform_3 .gform_body {
      padding-bottom:20px;
  }

}

@media (min-width:601px) {
  .mobile-break {
    display:none;
  }
}

@media (max-width:650px) {
  .main-nav .cp-logo,
  .sticky .main-nav .cp-logo {
    width: 85px;
  }

  .main-nav {
    padding-bottom: 1px;
    padding-top: 12px;
  }

  .hamburger {
    top: 78px;
  }

  .sticky .hamburger {
    top: 23px;
  }

  .site-wrap.sticky {
    padding-top: 93px;
  }

  .dropped .nav-items {
    top:59px;
    height:calc(100vh - 111px);
  }

  .dropped .sticky .nav-items {
    height:calc(100vh - 65px);
  }

  .map-section {
    height: calc(100vh - 176px);
  }

  .map-section.singular {
    height:calc(100vh - 126px);
  }

  .secondary-nav.sapphire.gallery-nav li {
    margin-left:20px;
  }

  .secondary-nav.sapphire.gallery-nav li:first-child {
    margin-left:0px;
  }
}

@media (max-width:600px) {
  .ttd-grid .box {
    width:100%;
    padding-bottom:100%;
  }

  .videos .video {
  flex-basis: calc(95% - 20px);
  margin:0px 10px 50px 10px;
  }

  .announcement-wrap {
    left: 50%;
    transform: translate(-50%,-61%);
  }

  .green-overlay.sustainable {
    background-image:none;
  }

  .beliefs div {
    display:block;
    margin:0 auto;
    margin-bottom:30px;
  }

  .beliefs div:last-child {
    margin-bottom:0;
    margin-right:auto;
  }

  .beliefs div:nth-child(2n) {
    margin-right:auto;
  }

  .fifty-fifty .half-cycle .cycle-slideshow div.slide {
    min-height:285px;
  }

  .double-col .col {
    display:block;
    width:100%;
    margin-right:0;
  }

  .double-col .col:first-child {
    margin-bottom:30px;
  }

  .solar-panel {
    padding:30px 0;
  }

  .mob-photo.min-250 {
    min-height:250px;
    width:100%;
    background-size:cover;
    background-position:50% 50%;
    background-repeat:no-repeat;
  }

  .mob-photo.min-250 img {
    visibility:hidden;
  }

}

@media (max-width:500px) {
  .footer-form .half, 
  .hp-form .main-half,
  .hp-form .half.third {
    width:100%;
    margin:0 auto;
    margin-bottom:15px;
  }

  .hp-form .gform_footer,
  #gform_2 .gform_footer,
  #gform_3 .gform_footer {
    position:static;
  }

  .hp-form #gform_submit_button_1,
  .hp-form #gform_submit_button_2,
  #gform_submit_button_3 {
      margin:0 auto;
    }

    .half-half .pillar-icon {
      width:150px;
    }

    .half-half .left,
    .half-half .right {
      display:block;
      width:100%;
      background-size:cover;
      background-position:50% 50%;
      padding-bottom:120%;
  }

  .half-half .left img.fw,
  .half-half .right img.fw {
    display:none;
  }

  .social-icons {
    padding-bottom: 40px;
  }

}

@media (max-width:400px) {
  .main-nav .cp-logo {
    left:20px;
  }
}