@import url("https://fonts.googleapis.com/css?family=Merriweather:300,400,700");
html, body {
  max-width: 100% !important;
  overflow-x: hidden !important;
  background-color: #fff !important; }

button:focus {
  outline: 0 !important; }

/*

$blue = #0095ea;

*/
/*

@import url('https://fonts.googleapis.com/css?family=Lato:400,700,900|Merriweather:300,400,700,900');

$fontSans: 'Lato', sans-serif;
$fontSerif: 'Merriweather', serif;

*/
@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon/icomoon.eot");
  src: url("../fonts/icomoon/icomoon.eot?#iefix") format("embedded-opentype"), url("../fonts/icomoon/icomoon.woff") format("woff"), url("../fonts/icomoon/icomoon.ttf") format("truetype"), url("../fonts/icomoon/icomoon.svg#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }

.form {
  width: 100%;
  box-shadow: 1px solid;
  display: grid; }

#gform_submit_button_1 {
  width: 25%;
  border: solid 1px #173d50;
  margin-left: 0%;
  background-color: #fff;
  color: #173d50;
  margin-bottom: 80px;
  font-family: "Merriweather", serif; }

#gform_submit_button_2, #gform_submit_button_3, #gform_submit_button_5, #gform_submit_button_7 {
  width: 25%;
  border: solid 1px #173d50;
  margin-left: 10%;
  background-color: #173d50;
  color: #fff;
  margin-bottom: 80px; }

#gform_submit_button_4 {
  width: 25%;
  border: solid 1px #173d50;
  background-color: #173d50;
  color: #fff;
  margin-bottom: 80px; }

.ginput_container.ginput_recaptcha div {
  margin-left: 0% !important; }

/*

Example:

@mixin fontBold($font, $fontSize){
    font-family: $font;
    font-weight: 700;
    font-size: $fontSize;
}

This mixin called "fontBold" will bold the font specified at the font size specified.
Put the font you want to use in place of $font (you can also use sass variables here!), and put the font size you need in place of $fontSize. 
This can be pixels, points, em, rem, etc.

To call the mixin, simply @include inside of the class or descriptor.

.headerText {
    @include fontBold('Open Sans', 42px);
}

which will compile as:

.headerText {
    font-family: 'Open Sans';
    font-weight: 700;
    font-size: 42px;
}

*/
p {
  font-family: "Merriweather", serif;
  color: #173d50;
  font-size: 18px;
  line-height: 32px;
  text-align: left; }

h1 {
  font-family: "Merriweather", serif;
  color: #173d50;
  font-size: 32px;
  font-weight: 700;
  line-height: 42px;
  text-align: left; }

h2 {
  font-family: "Merriweather", serif;
  color: #173d50;
  font-size: 28px;
  font-weight: 700;
  line-height: 38px;
  text-align: left; }

h3 {
  font-family: "Merriweather", serif;
  color: #173d50;
  font-size: 24px;
  line-height: 34px;
  text-align: left; }

h4 {
  font-family: "Merriweather", serif;
  color: #173d50;
  font-size: 22px;
  line-height: 32px;
  text-align: left; }

h5 {
  font-family: "Merriweather", serif;
  color: #173d50;
  font-size: 20px;
  line-height: 30px;
  text-align: left; }

h6 {
  font-family: "Merriweather", serif;
  color: #173d50;
  font-size: 16px;
  line-height: 26px;
  text-align: left; }

/*
 * Row with equal height columns
 * --------------------------------------------------
 */
.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

#video-container {
  position: relative;
  top: 0%;
  left: 0%;
  height: 100%;
  width: 100%;
  overflow: hidden;
  margin-top: 5%;
  max-height: 90vh; }

#gh-video-container {
  position: relative;
  top: 0%;
  left: 0%;
  height: 100%;
  width: 100%;
  overflow: hidden;
  margin-top: -3%;
  max-height: 100vh; }

video {
  z-index: 0; }

.brandWindowLink {
  display: block;
  text-decoration: none;
  width: 0;
  margin-left: 30%; }
  @media screen and (max-width: 1180px) {
    .brandWindowLink {
      margin-left: 10%; } }

video.fillWidth {
  width: 100%; }
  @media screen and (max-width: 767px) {
    video.fillWidth {
      height: 100vh;
      left: -75%;
      width: auto;
      display: none; } }

.mobileVideoImage {
  background-size: cover;
  width: 100%;
  height: 600px;
  background-position: center;
  background-repeat: no-repeat; }
  @media screen and (max-width: 991px) {
    .mobileVideoImage {
      height: 400px; } }
  @media screen and (max-width: 767px) {
    .mobileVideoImage {
      margin-top: 40px; } }

.brandWindowImage {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 50.25%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  max-height: 100vh; }
  @media screen and (max-width: 1200px) {
    .brandWindowImage {
      padding-top: 61.25%; } }
  @media screen and (max-width: 991px) {
    .brandWindowImage {
      padding-top: 75.25%; } }
  @media screen and (max-width: 991px) {
    .brandWindowImage {
      height: 100vh; } }

.videoTextContainer {
  position: absolute;
  top: 25%;
  left: 60px; }
  @media screen and (max-width: 767px) {
    .videoTextContainer {
      bottom: 30%;
      text-align: center;
      width: 100%;
      left: 0px; } }
  @media screen and (max-width: 500px) {
    .videoTextContainer {
      bottom: 10%; } }

.gh-videoTextContainer {
  width: 100%;
  top: 10%; }

.gh-videoHeader {
  width: 50%;
  height: auto;
  margin: 0 auto;
  display: block;
  margin-top: 22%; }

.videoHeader {
  width: 743px;
  height: 324px; }
  @media screen and (max-width: 1480px) {
    .videoHeader {
      width: 580px;
      height: 252px; } }
  @media screen and (max-width: 1180px) {
    .videoHeader {
      width: 480px;
      height: 208px; } }
  @media screen and (max-width: 1180px) {
    .videoHeader {
      width: 344px;
      height: 150px; } }
  @media screen and (max-width: 767px) {
    .videoHeader {
      width: 320px;
      height: auto;
      display: block;
      margin: 20% auto; } }

.videoBottom {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: auto; }

.videoCopy {
  font-size: 18px;
  color: #fff;
  line-height: 24px;
  width: 610px; }
  @media screen and (max-width: 1280px) {
    .videoCopy {
      font-size: 16px;
      width: 500px;
      line-height: 20px; } }
  @media screen and (max-width: 900px) {
    .videoCopy {
      width: 520px; } }
  @media screen and (max-width: 767px) {
    .videoCopy {
      width: 80%;
      margin-left: 10%; } }
  @media screen and (max-width: 600px) {
    .videoCopy {
      font-size: 14px; } }

.CTAbutton {
  background: url(../img/fb_CTA-bg.png);
  width: 220px;
  height: 70px;
  border: none !important;
  position: relative;
  margin: 20px auto;
  cursor: pointer;
  display: block;
  text-decoration: none !important;
  background-size: contain;
  background-repeat: no-repeat; }
  @media screen and (max-width: 767px) {
    .CTAbutton {
      margin-left: 20%; } }

.CTAbutton:disabled, .CTAbutton[disabled] {
  opacity: 0.5; }

.itineraryCTAbutton {
  background: url(../img/fb_CTA-bg.png);
  width: 220px;
  height: 70px;
  border: none !important;
  position: relative;
  margin: 20px auto;
  cursor: pointer;
  display: block;
  text-decoration: none !important;
  background-size: contain;
  background-repeat: no-repeat; }

.CTAbuttonBW {
  background: url(../img/fb_CTA-bg.png);
  width: 220px;
  height: 70px;
  border: none !important;
  position: relative;
  margin: 20px auto;
  cursor: pointer;
  display: block;
  text-decoration: none !important;
  background-size: contain;
  background-repeat: no-repeat; }
  @media screen and (max-width: 1180px) {
    .CTAbuttonBW {
      width: 230px;
      height: 60px; } }
  @media screen and (max-width: 767px) {
    .CTAbuttonBW {
      margin-left: 20%; } }

@media screen and (max-width: 1180px) {
  .CTAbuttonBW .CTAText {
    font-size: 18px; } }

.CTAbuttonGettingHere {
  background: url(../img/fb_CTA-bg.png);
  width: 220px;
  height: 70px;
  border: none !important;
  position: relative;
  margin: 20px auto;
  cursor: pointer;
  display: block;
  text-decoration: none !important;
  background-size: contain;
  background-repeat: no-repeat; }
  @media screen and (max-width: 767px) {
    .CTAbuttonGettingHere {
      margin: 20px auto; } }

.ofTheMomentRow {
  margin: 0 50px; }
  @media screen and (max-width: 767px) {
    .ofTheMomentRow {
      margin: 0px; } }

.CTAbuttonExperiences {
  background: url(../img/fb_CTA-bg.png);
  width: 220px;
  height: 70px;
  border: none !important;
  position: relative;
  margin: 20px auto;
  margin-top: 60px;
  cursor: pointer;
  display: block;
  text-decoration: none !important;
  background-size: contain;
  background-repeat: no-repeat; }
  @media screen and (max-width: 1280px) {
    .CTAbuttonExperiences {
      width: 220px;
      height: 55px; } }
  @media screen and (max-width: 991px) {
    .CTAbuttonExperiences {
      margin-left: 35%;
      margin-top: 30px; } }
  @media screen and (max-width: 767px) {
    .CTAbuttonExperiences {
      margin: 30px auto; } }

.CTAbuttonIndiExper {
  background: url(../img/fb_CTA-bg.png);
  width: 220px;
  height: 70px;
  border: none !important;
  position: relative;
  margin: 20px auto;
  margin-top: 60px;
  cursor: pointer;
  left: 50%;
  margin-left: -142px;
  display: block;
  text-decoration: none !important;
  background-size: contain;
  background-repeat: no-repeat; }
  @media screen and (max-width: 1400px) {
    .CTAbuttonIndiExper {
      margin-top: 30px; } }
  @media screen and (max-width: 1280px) {
    .CTAbuttonIndiExper {
      height: 50px; } }
  @media screen and (max-width: 1160px) {
    .CTAbuttonIndiExper {
      margin-top: 15px; } }
  @media screen and (max-width: 991px) {
    .CTAbuttonIndiExper {
      margin-top: 60px;
      height: 70px; } }

.CTAText {
  text-align: center;
  font-family: "Merriweather", serif;
  font-weight: 700;
  font-size: 22px;
  color: #173d50;
  padding-top: 20px; }

.experiences {
  position: relative;
  height: auto;
  width: 100%; }

.fbExperience {
  background-color: #173d50;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat; }

.fbExperienceTitle {
  width: 90%;
  margin-left: 5%;
  height: auto;
  display: block;
  margin: 40px auto 20px 60px; }
  @media screen and (max-width: 767px) {
    .fbExperienceTitle {
      width: 100%;
      height: auto;
      margin: 50px auto;
      padding: 0px 15px; } }

.storyTitle {
  width: 536px;
  height: 116px;
  display: block;
  margin-top: 80px;
  margin-left: 100px;
  margin-bottom: 60px; }
  @media screen and (max-width: 767px) {
    .storyTitle {
      width: 100%;
      height: auto;
      margin: 50px auto;
      padding: 0px 15px; } }

.experienceLarge {
  width: 100%;
  height: 0;
  padding-top: 39.15%;
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat; }
  @media screen and (max-width: 991px) {
    .experienceLarge {
      padding-top: 78.3%; } }

.experienceSmall {
  width: 100%;
  height: 0;
  padding-top: 80.5%;
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat; }

.experienceSmall:hover > .experienceHoverOverlay {
  opacity: 1; }

.experienceLarge:hover > .experienceHoverOverlay {
  opacity: 1; }

.experienceHoverDesc p {
  padding: 25% 30px 0px 30px;
  color: #fff;
  font-size: 18px;
  text-align: center; }
  @media screen and (max-width: 1540px) {
    .experienceHoverDesc p {
      padding-top: 10%; } }
  @media screen and (max-width: 1280px) {
    .experienceHoverDesc p {
      font-size: 18px; } }
  @media screen and (max-width: 1160px) {
    .experienceHoverDesc p {
      padding-top: 2%;
      font-size: 16px; } }
  @media screen and (max-width: 991px) {
    .experienceHoverDesc p {
      font-size: 22px;
      padding-top: 25%; } }
  @media screen and (max-width: 767px) {
    .experienceHoverDesc p {
      padding: 10% 30px 0px 30px; } }

.experienceHoverDesc--large p {
  padding: 12% 30px 0px 30px;
  color: #fff;
  font-size: 22px;
  text-align: center; }
  @media screen and (max-width: 1540px) {
    .experienceHoverDesc--large p {
      padding-top: 10%; } }
  @media screen and (max-width: 1280px) {
    .experienceHoverDesc--large p {
      font-size: 18px; } }
  @media screen and (max-width: 1160px) {
    .experienceHoverDesc--large p {
      padding-top: 10%;
      font-size: 16px; } }
  @media screen and (max-width: 991px) {
    .experienceHoverDesc--large p {
      font-size: 22px;
      padding-top: 25%; } }
  @media screen and (max-width: 767px) {
    .experienceHoverDesc--large p {
      padding: 10% 30px 0px 30px; } }

.ExperienceHoverTime {
  font-size: 18px;
  font-weight: 300;
  color: #fff;
  font-family: "Merriweather", serif;
  text-align: center; }

.experienceHoverOverlay {
  background-color: rgba(23, 61, 80, 0.9);
  opacity: 0;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  transition: 0.25s; }

.experiencesBottom {
  width: 100%;
  height: 149px; }

.featuredExperienceTitle {
  font-family: "Merriweather", serif;
  font-weight: 400;
  font-size: 32px;
  background-image: url(../img/fb_CTA-bg.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding: 10px;
  position: absolute;
  left: -3px;
  bottom: 80px;
  width: auto;
  height: auto;
  color: #224153; }
  @media screen and (max-width: 1280px) {
    .featuredExperienceTitle {
      font-size: 24px; } }

.ourStoryCopy {
  margin-left: 200px; }
  @media screen and (max-width: 767px) {
    .ourStoryCopy {
      margin-left: 0px;
      padding: 0px; } }

.ourStoryCopy p {
  font-family: "Merriweather", serif;
  font-weight: 400;
  font-size: 22px;
  color: #224153;
  line-height: 36px;
  text-align: justify;
  max-width: 800px; }
  @media screen and (max-width: 767px) {
    .ourStoryCopy p {
      font-size: 18px;
      text-align: center;
      line-height: 28px; } }

.gettingHereCopy {
  display: block;
  margin: 0 auto;
  width: 600px; }
  @media screen and (max-width: 767px) {
    .gettingHereCopy {
      width: 100%;
      max-width: 100%;
      margin-top: 20px; } }

.gettingHereCopy p {
  font-family: "Merriweather", serif;
  font-weight: 400;
  font-size: 22px;
  color: #224153;
  line-height: 36px;
  text-align: center;
  max-width: 600px; }
  @media screen and (max-width: 767px) {
    .gettingHereCopy p {
      width: 100%;
      max-width: 100%; } }

.ourStoryCopy h2 {
  font-family: "Merriweather", serif;
  font-weight: 700;
  font-size: 36px;
  color: #244052;
  line-height: 48px;
  text-align: left; }
  @media screen and (max-width: 767px) {
    .ourStoryCopy h2 {
      text-align: center; } }

.driftwoodBg {
  background-image: url(../img/BG_Driftwood.jpg);
  background-position: top;
  background-size: cover;
  background-repeat: repeat-y;
  height: auto;
  width: 100%; }

.grass {
  width: 100%;
  height: auto;
  margin-top: -25%;
  margin-left: 10%; }
  @media screen and (max-width: 767px) {
    .grass {
      display: none; } }

.gettingHereHeader {
  width: 75%;
  height: auto;
  display: block;
  margin-left: 25%;
  margin-top: 20%; }
  @media screen and (max-width: 767px) {
    .gettingHereHeader {
      width: 100%;
      margin-left: 0%;
      padding: 0px 15px;
      margin-top: 40px; } }

.gettingHereMap {
  width: 90%;
  height: auto;
  display: block;
  margin: 0 auto;
  max-width: 800px; }

.gettingWood {
  width: 115%;
  height: auto;
  margin-left: -90px;
  margin-top: -51%; }
  @media screen and (max-width: 1750px) {
    .gettingWood {
      margin-top: -35%; } }
  @media screen and (max-width: 1590px) {
    .gettingWood {
      margin-top: -15%; } }
  @media screen and (max-width: 1440px) {
    .gettingWood {
      margin-top: -5%; } }
  @media screen and (max-width: 1380px) {
    .gettingWood {
      margin-top: 10%; } }
  @media screen and (max-width: 1280px) {
    .gettingWood {
      margin-top: 50%; } }
  @media screen and (max-width: 991px) {
    .gettingWood {
      display: none; } }

.oftheMomentMargin {
  margin-top: -130px; }
  @media screen and (max-width: 991px) {
    .oftheMomentMargin {
      margin-top: 0px; } }

.experiencesIntroText {
  color: #fff;
  font-family: "Merriweather", serif;
  font-size: 22px;
  text-align: left;
  margin-bottom: 30px;
  margin-left: 70px; }
  @media screen and (max-width: 767px) {
    .experiencesIntroText {
      margin-left: 0px;
      padding: 0px 15px; } }

.ofTheMomentHeader {
  width: 500px;
  height: 98px;
  background-repeat: no-repeat;
  background-position: center; }
  @media screen and (max-width: 991px) {
    .ofTheMomentHeader {
      width: 100%;
      height: auto;
      padding: 0px 15px;
      margin-top: 30px;
      margin-bottom: 20px; } }

.ofTheMomentTitle {
  color: #173d50;
  font-family: "Merriweather", serif;
  font-size: 42px;
  line-height: 52px;
  text-align: left;
  font-weight: 700;
  margin-left: 20px; }
  @media screen and (max-width: 767px) {
    .ofTheMomentTitle {
      font-size: 32px;
      line-height: 46px;
      text-align: center; } }

.ofTheMomentImage {
  width: 100%;
  margin: 0 auto;
  height: auto;
  display: block; }

.ofTheMomentDate {
  color: #173d50;
  font-family: "Merriweather", serif;
  font-size: 32px;
  line-height: 42px;
  text-align: left;
  font-weight: 400;
  margin-top: 30px;
  margin-bottom: 30px;
  margin-left: 20px; }

.sb_instagram_header {
  display: none !important; }

.socialHeader {
  font-family: "Merriweather", serif;
  font-size: 22px;
  margin-bottom: 20px;
  font-weight: 300;
  color: #173d50;
  text-align: center; }

.socialItemHolder {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-bottom: 40px; }

.socialItems {
  list-style-type: none;
  display: inline-block; }

.socialItem {
  display: inline-block;
  padding: 0px 15px; }

.socialItemFooter {
  display: inline-block;
  padding: 0px 15px;
  padding-left: 0px; }

.socialItem .fa-facebook, .socialItem .fa-instagram, .socialItem .fa-twitter-square {
  font-size: 32px;
  color: #173d50; }

.socialItemFooter .fa-facebook, .socialItemFooter .fa-instagram, .socialItemFooter .fa-twitter-square {
  font-size: 32px;
  color: #fff; }

.heroImage {
  width: 100%;
  height: 650px;
  background-size: cover;
  background-position: center; }
  @media screen and (max-width: 767px) {
    .heroImage {
      height: 400px; } }

.generalContentCopy, .generalContentCopy p, .generalContentCopy div, .generalContentCopy label, .generalContentCopy button {
  font-family: "Merriweather", serif;
  font-size: 18px;
  text-align: left;
  line-height: 32px;
  color: #173d50;
  width: 80% !important;
  margin-left: 10% !important;
  padding-top: 5px;
  padding-bottom: 5px; }
  @media screen and (max-width: 991px) {
    .generalContentCopy, .generalContentCopy p, .generalContentCopy div, .generalContentCopy label, .generalContentCopy button {
      width: 90% !important;
      margin-left: 5% !important; } }
  @media screen and (max-width: 767px) {
    .generalContentCopy, .generalContentCopy p, .generalContentCopy div, .generalContentCopy label, .generalContentCopy button {
      width: 100% !important;
      margin-left: 0% !important;
      padding: 5px 15px; } }

.blogInlineImage {
  width: 85%;
  height: auto;
  display: block;
  margin: 0 auto; }
  @media screen and (max-width: 767px) {
    .blogInlineImage {
      width: 100%; } }

.assetsIntroCopy {
  font-size: 16px;
  font-family: "Merriweather", serif;
  line-height: 26px;
  color: #173d50; }

.assetsDisclaimerCopy {
  font-size: 12px;
  font-family: "Merriweather", serif;
  line-height: 22px;
  color: #173d50; }

.modal-dialog {
  margin-top: 100px !important; }

.modal-header button.close {
  display: none; }

.modal-title {
  font-family: "Merriweather", serif;
  color: #173d50;
  font-size: 18px;
  text-align: center;
  font-weight: 700;
  width: 100%; }

.modal-body p {
  font-size: 16px;
  text-align: center; }

body.modal-open {
  overflow: hidden;
  position: fixed; }

.assetSectionHeader {
  font-size: 24px;
  font-family: "Merriweather", serif;
  color: #173d50;
  margin: 30px 0px;
  text-align: center;
  font-weight: 700; }

.assetThumb {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 346px;
  display: block;
  margin: 0 auto; }

.assetTitle {
  font-size: 18px;
  line-height: 18px;
  font-family: "Merriweather", serif;
  color: #173d50;
  width: 100%;
  font-style: italic;
  margin-top: 20px;
  text-align: center; }

.assetArticleLink {
  color: #173d50;
  font-family: "Merriweather", serif;
  font-size: 22px;
  text-decoration: underline;
  text-align: center;
  display: block;
  margin-bottom: 10px; }

.agreementContainer {
  display: none;
  padding: 5px;
  max-height: 300px;
  overflow: scroll;
  border: solid 1px #173d50;
  background-color: #eee;
  margin-bottom: 20px; }

.agreementContainer p, .agreementContainer ol li {
  font-size: 14px;
  font-family: "Merriweather", serif;
  color: #333;
  line-height: 20px;
  text-align: left; }

.agreementBtn {
  font-family: "Merriweather", serif; }

.heroImageTitle {
  position: absolute;
  top: 50%;
  width: 100%;
  text-align: center;
  font-family: "Merriweather", serif;
  color: #fff;
  font-size: 32px; }

.gform_confirmation_message_5 {
  font-family: "Merriweather", serif;
  color: #fff;
  font-size: 16px; }

.searchImage {
  width: 100%;
  height: auto; }

.searchTitle {
  font-size: 28px;
  color: #173d50;
  text-align: center;
  font-family: "Merriweather", serif; }

.searchDate {
  font-size: 18px;
  color: #173d50;
  text-align: center;
  font-family: "Merriweather", serif; }

.searchHeader {
  font-size: 48px;
  text-align: center;
  font-family: "Merriweather", serif;
  color: #fff; }

.searchSubHeader {
  font-size: 32px;
  text-align: center;
  font-family: "Merriweather", serif;
  color: #173d50;
  margin-bottom: 40px; }

.Search {
  float: left;
  margin-right: 10px;
  margin-top: 3px; }

.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%; }

.embed-container iframe, .embed-container object, .embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.video-title {
  font-family: "Merriweather", serif;
  color: #173d50;
  margin-top: 20px;
  font-size: 24px;
  text-align: center; }

.header360 {
  width: 532px;
  height: 161px;
  position: absolute;
  top: 50%;
  margin-top: -80.5px;
  left: 50%;
  margin-left: -265px; }
  @media screen and (max-width: 991px) {
    .header360 {
      width: 370px;
      height: auto;
      display: block;
      margin: 0 auto; } }
  @media screen and (max-width: 767px) {
    .header360 {
      width: 300px; } }

.featuredExperienceBWPlaceholder {
  width: 100%;
  height: 650px; }

.eventSpacing {
  padding: 0px 100px; }
  @media screen and (max-width: 991px) {
    .eventSpacing {
      padding: 0px 50px; } }
  @media screen and (max-width: 767px) {
    .eventSpacing {
      padding: 0px 25px; } }
  @media screen and (max-width: 600px) {
    .eventSpacing {
      padding: 0px; } }

.eventTitle {
  font-family: "Merriweather", serif;
  font-size: 22px;
  text-align: center;
  color: #173d50;
  margin-top: 20px; }

.eventImage {
  width: 100%;
  height: 400px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center; }
  @media screen and (max-width: 1600px) {
    .eventImage {
      height: 300px; } }
  @media screen and (max-width: 1280px) {
    .eventImage {
      height: 250px; } }
  @media screen and (max-width: 1199px) {
    .eventImage {
      height: 300px; } }
  @media screen and (max-width: 991px) {
    .eventImage {
      height: 400px; } }
  @media screen and (max-width: 767px) {
    .eventImage {
      height: 300px; } }

.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.eventFeaturedImage {
  width: 100%;
  height: 425px;
  background-size: contain;
  background-position: top;
  background-repeat: no-repeat; }

.eventInfoContainer {
  background-color: #173d50;
  height: 425px; }
  @media screen and (max-width: 767px) {
    .eventInfoContainer {
      height: auto; } }

.eventInteriorTitle {
  font-family: "Merriweather", serif;
  color: #fff;
  font-size: 32px;
  padding: 40px 50px 20px 50px; }
  @media screen and (max-width: 991px) {
    .eventInteriorTitle {
      padding: 10px;
      width: 100%;
      text-align: center; } }

.eventInteriorDate {
  font-family: "Merriweather", serif;
  color: #fff;
  font-size: 24px;
  padding-left: 50px; }
  @media screen and (max-width: 991px) {
    .eventInteriorDate {
      padding: 10px;
      width: 100%;
      text-align: center; } }

.eventInteriorLocation {
  font-family: "Merriweather", serif;
  color: #fff;
  font-size: 22px;
  padding-left: 50px;
  margin-top: 40px; }
  @media screen and (max-width: 991px) {
    .eventInteriorLocation {
      padding: 10px;
      width: 100%;
      margin-top: 0px;
      text-align: center; } }
  @media screen and (max-width: 767px) {
    .eventInteriorLocation {
      padding-bottom: 60px; } }

.eventInteriorContent {
  padding: 20px 0px;
  width: 100%; }

@media screen and (max-width: 767px) {
  .eventInteriorCTA {
    margin-left: 0 !important; } }

.eventsFortBraggHeader {
  width: 597px;
  height: 126px; }

#marginTopFix {
  margin-top: 75px; }
  @media screen and (max-width: 767px) {
    #marginTopFix {
      margin-top: 55px; } }

.featuredEventTitle {
  position: absolute;
  bottom: 120px;
  left: 40px;
  font-size: 32px;
  color: #fff;
  font-family: "Merriweather", serif; }
  @media screen and (max-width: 767px) {
    .featuredEventTitle {
      font-size: 24px;
      bottom: 80px;
      left: 20px; } }

/* Style the dots*/
.unslider {
  /* set the positioning context for the dots */
  position: relative; }

.unslider-nav {
  /* position the navigation dots over the slides */
  position: absolute;
  left: 0;
  right: 0;
  top: 85%;
  z-index: 1000;
  /* Make sure the dots show over the images */ }

.unslider-arrow.next {
  content: '>';
  left: auto;
  color: #fff !important;
  right: 20px;
  bottom: 45%;
  position: absolute;
  font-family: "Merriweather", serif;
  display: none; }

.unslider-arrow.prev {
  content: '<';
  left: 20px;
  color: #fff !important;
  bottom: 45%;
  position: absolute;
  font-family: "Merriweather", serif;
  display: none; }

#gform_confirmation_message_1 {
  font-family: "Merriweather", serif;
  font-size: 16px;
  color: #fff; }

.experienceImage {
  background-size: cover;
  width: 100%;
  height: 350px;
  background-position: center;
  background-repeat: no-repeat; }
  @media screen and (max-width: 767px) {
    .experienceImage {
      margin-top: 40px; } }

.experienceTitle {
  font-size: 48px;
  line-height: 58px;
  font-family: "Merriweather", serif;
  color: #173d50;
  width: 80%;
  margin-left: 10%;
  margin-top: 10%; }
  @media screen and (max-width: 991px) {
    .experienceTitle {
      width: 100%;
      margin-left: 0%;
      font-size: 36px; } }
  @media screen and (max-width: 767px) {
    .experienceTitle {
      margin-top: 20px;
      font-size: 24px;
      text-align: center;
      margin-bottom: 0px; } }

.experienceTime {
  font-size: 24px;
  line-height: 34px;
  font-family: "Merriweather", serif;
  color: #173d50;
  width: 50%;
  font-style: italic; }
  @media screen and (max-width: 767px) {
    .experienceTime {
      width: 100%;
      font-size: 18px;
      text-align: center; } }

.experiencesRowMargin {
  margin-bottom: 0px;
  padding-top: 50px; }
  @media screen and (max-width: 767px) {
    .experiencesRowMargin {
      padding-top: 0px; } }

.experienceTimeListing {
  font-size: 24px;
  line-height: 34px;
  font-family: "Merriweather", serif;
  color: #173d50;
  width: 50%;
  font-style: italic;
  margin-top: 20px;
  text-align: center; }

.heroImage {
  position: relative; }

.experienceMainTitle {
  position: absolute;
  color: #fff;
  font-size: 32px;
  font-family: "Merriweather", serif;
  bottom: 80px;
  left: 100px; }
  @media screen and (max-width: 767px) {
    .experienceMainTitle {
      left: 0px;
      padding: 0px 15px;
      font-size: 36px;
      bottom: 120px; } }

.experienceMainTime {
  position: absolute;
  color: #fff;
  font-size: 26px;
  font-family: "Merriweather", serif;
  bottom: 80px;
  left: 100px; }
  @media screen and (max-width: 767px) {
    .experienceMainTime {
      left: 0px;
      padding: 0px 15px;
      font-size: 26px;
      bottom: 90px; } }

.experienceIntroCopy {
  color: #173d50;
  font-size: 18px;
  font-family: "Merriweather", serif;
  text-align: center;
  margin-top: 80px;
  margin-bottom: 20px;
  line-height: 28px; }

.itineraryImage {
  width: 100%;
  height: 400px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  margin-bottom: 20px; }

.itineraryTitle {
  color: #fff;
  font-family: "Merriweather", serif;
  font-size: 22px;
  bottom: 40px;
  left: 80px;
  position: absolute; }

.overlay {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.2); }

.featuredExperienceBwImage {
  width: 100%;
  height: 600px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative; }
  @media screen and (max-width: 991px) {
    .featuredExperienceBwImage {
      height: 500px; } }

.featuredExperienceListingTitle {
  font-family: "Merriweather", serif;
  color: #fff;
  position: absolute;
  bottom: 80px;
  left: 100px;
  font-size: 42px; }
  @media screen and (max-width: 991px) {
    .featuredExperienceListingTitle {
      font-size: 20px; } }

.fortBraggExperience {
  position: absolute;
  height: 340px;
  width: 960px;
  top: 50%;
  left: 50%;
  margin-top: -170px;
  margin-left: -480px; }
  @media screen and (max-width: 991px) {
    .fortBraggExperience {
      position: relative;
      margin: 0 auto;
      display: block;
      margin-top: 160px;
      width: 600px;
      height: 211px;
      top: 0;
      left: 0; } }
  @media screen and (max-width: 767px) {
    .fortBraggExperience {
      width: 100%;
      height: auto;
      margin-top: 25%; } }

.fortBraggEvents {
  position: absolute;
  width: 494px;
  height: 188px;
  top: 50%;
  left: 50%;
  margin-left: -247px;
  margin-top: -94px; }
  @media screen and (max-width: 767px) {
    .fortBraggEvents {
      width: 300px;
      height: 111px;
      margin-left: -150px;
      margin-top: -55.5px; } }

.fortBraggBusDir {
  position: absolute;
  width: 649px;
  height: 334px;
  top: 50%;
  left: 50%;
  margin-left: -324px;
  margin-top: -167px; }
  @media screen and (max-width: 767px) {
    .fortBraggBusDir {
      width: 324px;
      height: 167px;
      margin-left: -162px;
      margin-top: -83.5px; } }

.experiencesDriftwoodContainer {
  position: relative;
  width: 100%;
  height: 350px; }
  @media screen and (max-width: 991px) {
    .experiencesDriftwoodContainer {
      height: 100px; } }

.driftWoodExperiences {
  position: absolute;
  bottom: 70px;
  right: 0%;
  width: 500px;
  height: 639px; }
  @media screen and (max-width: 991px) {
    .driftWoodExperiences {
      display: none; } }

.experiencesButton {
  display: block;
  text-decoration: none;
  width: 0;
  width: 80%;
  margin-left: 10%;
  margin-top: 40px; }
  @media screen and (max-width: 991px) {
    .experiencesButton {
      margin-left: 0%;
      width: 100%;
      margin-top: 0px; } }

.hide767 {
  display: block; }
  @media screen and (max-width: 767px) {
    .hide767 {
      display: none; } }

.hide768 {
  display: block; }
  @media screen and (min-width: 768px) {
    .hide768 {
      display: none; } }

.choosePathHeader {
  display: block;
  margin: 0 auto;
  width: 662px;
  height: 92px;
  margin-top: 30px; }
  @media screen and (max-width: 991px) {
    .choosePathHeader {
      width: 80%;
      height: auto; } }
  @media screen and (max-width: 600px) {
    .choosePathHeader {
      width: 100%; } }

.adventureHeader {
  display: block;
  width: 878px;
  height: 70px;
  margin: 0 auto;
  margin-top: 40px;
  margin-bottom: 20px; }
  @media screen and (max-width: 991px) {
    .adventureHeader {
      width: 100%;
      height: auto; } }

.gettingHereCopyImage {
  display: block;
  margin: 30px auto;
  width: 50%;
  height: auto; }
  @media screen and (max-width: 991px) {
    .gettingHereCopyImage {
      width: 80%; } }
  @media screen and (max-width: 767px) {
    .gettingHereCopyImage {
      width: 100%; } }

.gettingHereCopyInternal {
  margin-bottom: 60px; }

.gettingHereCopyInternal p {
  font-size: 18px;
  line-height: 28px;
  color: #fff;
  font-family: "Merriweather", serif;
  text-align: justify;
  width: 50%;
  margin-left: 25%; }
  @media screen and (max-width: 991px) {
    .gettingHereCopyInternal p {
      margin-left: 0px;
      padding: 0px 15px;
      width: 100%;
      padding-bottom: 40px; } }

.gettingHereCopyInternal ul {
  font-size: 18px;
  line-height: 28px;
  color: #fff;
  font-family: "Merriweather", serif;
  margin-left: 25%; }
  @media screen and (max-width: 991px) {
    .gettingHereCopyInternal ul {
      margin-left: 0px;
      padding: 0px 15px;
      width: 100%;
      padding-bottom: 40px; } }
  @media screen and (max-width: 767px) {
    .gettingHereCopyInternal ul {
      padding: 0px 30px; } }

.gettingHerePageHeader {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 912px;
  margin-left: -456px;
  margin-top: -112.5px;
  height: 225px; }

.gettingHereMap {
  width: 100%;
  height: auto;
  max-height: 600px; }

.gettingHereMainMap {
  width: 100%;
  height: auto;
  margin-top: -60px; }
  @media screen and (max-width: 767px) {
    .gettingHereMainMap {
      width: 225%;
      margin-left: -40px; } }

.mapTextContainer {
  height: 100%;
  background-color: #173d50;
  border: solid 3px #fff; }

.mapText {
  padding: 30px 30px 0px 30px;
  transition: 0.25s; }
  @media screen and (max-width: 1420px) {
    .mapText {
      padding: 20px 15px 0px 15px; } }

.mapText h2 {
  font-size: 24px;
  color: #fff;
  font-family: "Merriweather", serif;
  font-weight: 700; }
  @media screen and (max-width: 1260px) {
    .mapText h2 {
      font-size: 18px; } }
  @media screen and (max-width: 991px) {
    .mapText h2 {
      font-size: 24px; } }

.mtBottom {
  margin-bottom: 30px; }
  @media screen and (max-width: 1420px) {
    .mtBottom {
      margin-bottom: 30px; } }

.mapText h3 {
  font-size: 18px;
  color: #fff;
  font-family: "Merriweather", serif;
  font-weight: 700; }
  @media screen and (max-width: 1260px) {
    .mapText h3 {
      font-size: 16px; } }
  @media screen and (max-width: 991px) {
    .mapText h3 {
      font-size: 18px; } }

.mapText p {
  font-size: 16px;
  color: #fff;
  font-family: "Merriweather", serif; }
  @media screen and (max-width: 1260px) {
    .mapText p {
      font-size: 14px; } }
  @media screen and (max-width: 991px) {
    .mapText p {
      font-size: 16px; } }

.hideText {
  display: none; }

.showText {
  display: block; }

#mapRow {
  height: 500px;
  max-height: 500px; }
  @media screen and (max-width: 1080px) {
    #mapRow {
      max-height: none; } }
  @media screen and (max-width: 991px) {
    #mapRow {
      height: auto;
      max-height: none; } }

@media screen and (max-width: 991px) {
  #mapCol {
    height: 500px; } }

.getInTouchImage {
  width: 781px;
  height: 208px;
  position: absolute;
  top: 50%;
  margin-top: -104px;
  left: 50%;
  margin-left: -390px; }
  @media screen and (max-width: 991px) {
    .getInTouchImage {
      width: 340px;
      height: 104px;
      margin-top: -52px;
      margin-left: -170px; } }

.ourStoryContent p {
  margin: 20px 0px 30px 0px;
  font-family: "Merriweather", serif;
  color: #173d50;
  font-size: 28px;
  font-weight: 300;
  line-height: 38px;
  text-align: center;
  z-index: 9; }
  @media screen and (max-width: 767px) {
    .ourStoryContent p {
      font-size: 24px;
      line-height: 36px; } }

.driftOurStory {
  position: absolute;
  bottom: -65px;
  left: -8%;
  width: 800px;
  height: 1117px;
  z-index: 0; }

.ourStoryHeader {
  position: absolute;
  height: 306px;
  width: 380px;
  top: 50%;
  left: 55%;
  margin-top: -153px; }
  @media screen and (max-width: 1140px) {
    .ourStoryHeader {
      position: relative;
      display: block;
      margin: 0 auto;
      top: 35%;
      left: initial; } }
  @media screen and (max-width: 991px) {
    .ourStoryHeader {
      width: 250px;
      height: 200px; } }

.ourStoryIntroImage {
  width: 75%;
  margin-left: 12.5%;
  height: auto; }
  @media screen and (max-width: 991px) {
    .ourStoryIntroImage {
      width: 100%;
      margin-left: 0%; } }
  @media screen and (max-width: 767px) {
    .ourStoryIntroImage {
      margin-bottom: 20px; } }

.ourStoryTitle {
  position: absolute;
  height: 169px;
  width: 625px;
  top: 50%;
  left: 50%;
  margin-top: -84.5px;
  margin-left: -312.5px; }
  @media screen and (max-width: 991px) {
    .ourStoryTitle {
      position: relative;
      margin: 0 auto;
      display: block;
      margin-top: 160px;
      width: 100%;
      height: auto;
      top: 0;
      left: 0; } }
  @media screen and (max-width: 767px) {
    .ourStoryTitle {
      width: 100%;
      height: auto;
      margin-top: 25%; } }

.manifesto {
  background-image: url(../img/our-story/Backgrounds/BG_Tales.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat; }

.manifestoContainer {
  padding-top: 60px;
  padding-bottom: 60px; }

.talesHL {
  width: 772px;
  height: 60px;
  margin: 20px auto;
  display: block; }
  @media screen and (max-width: 991px) {
    .talesHL {
      width: 100%;
      height: auto; } }

.manifestoCopy {
  font-size: 18px;
  font-weight: 700;
  color: #173d50;
  font-family: "Merriweather", serif;
  line-height: 24px;
  text-align: center; }
  .manifestoCopy--italic {
    font-size: 18px;
    color: #173d50;
    font-family: "Merriweather", serif;
    line-height: 24px;
    text-align: center;
    font-style: italic; }

.our-history-section {
  width: 100%;
  background-color: #175e77; }

.our-history-HL {
  width: 307px;
  height: 60px;
  margin-bottom: 40px; }

.ourStoryRow {
  padding-left: 50px; }
  @media screen and (max-width: 767px) {
    .ourStoryRow {
      padding-left: 0px; } }

.our-history-copy p {
  font-size: 14px;
  font-family: "Merriweather", serif;
  color: #fff;
  text-align: left;
  line-height: 24px; }

.our-history-copy a {
  text-decoration: underline;
  color: #fff; }
  .our-history-copy a:hover {
    color: #fff; }

.our-history-image {
  width: 80%;
  height: auto;
  display: block;
  margin: 0 auto; }

@media screen and (max-width: 1280px) {
  .none1280 {
    display: none; } }

@media screen and (max-width: 1280px) {
  .wide1280 {
    width: 100% !important;
    max-width: none !important;
    flex: 0 0 100% !important; } }

.coastal-trail-HL {
  width: 351px;
  height: 60px;
  margin-bottom: 40px; }

.coastal-trail-copy p {
  font-size: 14px;
  font-family: "Merriweather", serif;
  color: #173d50;
  text-align: left;
  line-height: 24px; }

.coastal-trail-copy a {
  text-decoration: underline;
  color: #173d50; }
  .coastal-trail-copy a:hover {
    color: #173d50; }

.coastal-trail-image {
  width: 80%;
  height: auto;
  display: block;
  margin: 0 auto; }

.local-lore-section {
  width: 100%;
  height: 1000px;
  margin-top: -140px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url("..img/BG_Blog.png"); }
  @media screen and (max-width: 600px) {
    .local-lore-section {
      height: auto; } }

.local-lore-row {
  padding-left: 50px; }
  @media screen and (max-width: 1200px) {
    .local-lore-row {
      padding-left: 20px;
      padding-right: 20px; } }

.local-lore-HL {
  width: 281px;
  height: 59px;
  margin-bottom: 20px;
  margin-top: 22%; }
  @media screen and (max-width: 600px) {
    .local-lore-HL {
      margin-top: 120px; } }

.local-lore-copy p {
  font-size: 14px;
  font-family: "Merriweather", serif;
  color: #fff;
  text-align: left;
  line-height: 24px; }

.local-lore-copy a {
  text-decoration: underline;
  color: #fff; }
  .local-lore-copy a:hover {
    color: #fff; }

@media screen and (max-width: 600px) {
  .local-lore-copy {
    margin-bottom: 120px; } }

.local-lore-copy h3 {
  font-size: 16px;
  font-family: "Merriweather", serif;
  color: #fff;
  text-align: left;
  line-height: 24px;
  font-weight: 700; }

.otsuchi-point-section {
  margin-top: -105px;
  width: 100%;
  height: 905px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url("../img/our-story/backgrounds/BG_Otsuchi_2.png"); }

.otsuchi-point-HL {
  width: 341px;
  height: 60px;
  margin-bottom: 20px;
  margin-top: 30%; }

.otsuchi-point-copy p {
  font-size: 14px;
  font-family: "Merriweather", serif;
  color: #fff;
  text-align: left;
  line-height: 24px; }

.otsuchi-point-copy a {
  text-decoration: underline;
  color: #fff; }
  .otsuchi-point-copy a:hover {
    color: #fff; }

.our-parks-HL {
  width: 486px;
  height: 60px;
  margin-bottom: 20px; }
  @media screen and (max-width: 500px) {
    .our-parks-HL {
      width: 100%;
      height: auto; } }

.our-parks-copy p {
  font-size: 14px;
  font-family: "Merriweather", serif;
  color: #173d50;
  text-align: left;
  line-height: 24px; }

.our-parks-copy a {
  text-decoration: underline;
  color: #173d50; }
  .our-parks-copy a:hover {
    color: #173d50; }

.our-parks-image {
  width: 80%;
  height: auto;
  display: block;
  margin: 0 auto; }

.glass-beach-section {
  width: 100%;
  background-color: #324b5b;
  height: auto; }

.glass-beach-HL {
  width: 319px;
  height: 60px;
  margin-bottom: 20px; }

@media screen and (max-width: 1200px) {
  .glass-beach-copy {
    padding-bottom: 165px; } }

.glass-beach-copy p {
  font-size: 14px;
  font-family: "Merriweather", serif;
  color: #fff;
  text-align: left;
  line-height: 24px; }

.glass-beach-copy a {
  text-decoration: underline;
  color: #fff; }
  .glass-beach-copy a:hover {
    color: #fff; }

.glass-beach-image {
  width: 80%;
  height: auto;
  display: block;
  margin: 0 auto; }

.guest-house-HL {
  width: 519px;
  height: 126px;
  margin-bottom: 20px; }
  @media screen and (max-width: 600px) {
    .guest-house-HL {
      width: 100%;
      height: auto; } }

.guest-house-copy p {
  font-size: 14px;
  font-family: "Merriweather", serif;
  color: #173d50;
  text-align: left;
  line-height: 24px; }

.guest-house-copy a {
  text-decoration: underline;
  color: #173d50; }
  .guest-house-copy a:hover {
    color: #173d50; }

.guest-house-image {
  width: 80%;
  height: auto;
  display: block;
  margin: 0 auto; }

.larry-spring-HL {
  width: 519px;
  height: 126px;
  margin-bottom: 20px; }
  @media screen and (max-width: 600px) {
    .larry-spring-HL {
      width: 100%;
      height: auto; } }

.larry-spring-copy p {
  font-size: 14px;
  font-family: "Merriweather", serif;
  color: #d4dfdf;
  text-align: left;
  line-height: 24px; }

.larry-spring-copy a {
  text-decoration: underline;
  color: #d4dfdf; }
  .larry-spring-copy a:hover {
    color: #d4dfdf; }

.larryspring-image {
  width: 80%;
  height: auto;
  display: block;
  margin: 0 auto; }

.noyo-section {
  background-color: #d4dfdf;
  height: auto;
  padding-bottom: 40px; }

.noyo-HL {
  width: 601px;
  height: 110px;
  margin-bottom: 20px; }
  @media screen and (max-width: 1280px) {
    .noyo-HL {
      width: 100%;
      height: auto; } }
  @media screen and (max-width: 991px) {
    .noyo-HL {
      width: 601px;
      height: 110px; } }
  @media screen and (max-width: 640px) {
    .noyo-HL {
      width: 100%;
      height: auto; } }

.noyo-copy p {
  font-size: 14px;
  font-family: "Merriweather", serif;
  color: #173d50;
  text-align: left;
  line-height: 24px; }

.noyo-copy a {
  text-decoration: underline;
  color: #173d50; }
  .noyo-copy a:hover {
    color: #173d50; }

.noyo-image {
  width: 80%;
  height: auto;
  display: block;
  margin: 0 auto; }

.skunk-train-section {
  margin-top: -105px;
  position: relative;
  width: 100%;
  height: 905px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url("../img/our-story/backgrounds/BG_SkunkTrain_2.png"); }
  @media screen and (max-width: 991px) {
    .skunk-train-section {
      background-image: url("../img/our-story/backgrounds/BG_SkunkTrain_2-mobile.png"); } }

.skunk-train-HL {
  width: 656px;
  height: 65px;
  margin-bottom: 20px;
  margin-top: 30%; }
  @media screen and (max-width: 1400px) {
    .skunk-train-HL {
      width: 100%;
      height: auto; } }
  @media screen and (max-width: 991px) {
    .skunk-train-HL {
      width: 656px;
      height: 65px; } }
  @media screen and (max-width: 767px) {
    .skunk-train-HL {
      width: 100%;
      height: auto; } }

.skunk-train-copy p {
  font-size: 14px;
  font-family: "Merriweather", serif;
  color: #fff;
  text-align: left;
  line-height: 24px; }

.skunk-train-copy a {
  text-decoration: underline;
  color: #fff; }
  .skunk-train-copy a:hover {
    color: #fff; }

.cv-section {
  width: 100%;
  background-color: #324b5b;
  height: auto;
  margin-top: -130px;
  padding-top: 100px; }

.cv-HL {
  width: 552px;
  height: 120px;
  margin-bottom: 20px; }
  @media screen and (max-width: 600px) {
    .cv-HL {
      width: 100%;
      height: auto; } }

.cv-copy p {
  font-size: 14px;
  font-family: "Merriweather", serif;
  color: #fff;
  text-align: left;
  line-height: 24px; }

.cv-copy a {
  text-decoration: underline;
  color: #fff; }
  .cv-copy a:hover {
    color: #fff; }

.cv-image {
  width: 80%;
  height: auto;
  display: block;
  margin: 0 auto; }

.directoryContainer {
  width: 80%;
  margin-left: 10%; }
  @media screen and (max-width: 767px) {
    .directoryContainer {
      width: 100%;
      margin-left: 0%; } }

.dir-group {
  margin-top: 30px;
  margin-bottom: 30px;
  font-size: 36px;
  font-family: "Merriweather", serif;
  color: #173d50;
  margin-left: 3%; }

.directoryImg {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: auto;
  min-height: 300px;
  margin-bottom: 10px; }

.dir-title {
  font-size: 24px;
  text-align: center;
  color: #173d50;
  font-family: "Merriweather", serif;
  line-height: 34px;
  font-weight: 700;
  margin-bottom: 5px; }

.dir-text {
  font-family: "Merriweather", serif;
  font-size: 18px;
  color: #173d50;
  line-height: 28px;
  font-style: italic;
  text-align: center; }

select {
  padding: 5px 20px;
  margin: 0;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  border: 2px solid #173d50 !important;
  background: rgba(0, 0, 0, 0);
  color: #173d50;
  border: none;
  outline: none;
  display: inline-block;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  font-family: "Merriweather", serif !important;
  text-align: center !important;
  font-size: 22px !important; }

select option {
  text-align: center;
  color: #173d50; }

/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  select {
    padding-right: 18px; } }

.selectHeader {
  font-family: "Merriweather", serif;
  color: #173d50;
  font-size: 22px;
  font-style: italic;
  text-align: center; }

.dir-headline-Eat {
  width: 149px;
  height: 116px;
  display: block; }
  @media screen and (max-width: 767px) {
    .dir-headline-Eat {
      margin: 0 auto; } }

.dir-headline-Stay {
  width: 189px;
  height: 116px;
  display: block; }
  @media screen and (max-width: 767px) {
    .dir-headline-Stay {
      margin: 0 auto; } }

.dir-headline-Play {
  width: 204px;
  height: 109px;
  display: block; }
  @media screen and (max-width: 767px) {
    .dir-headline-Play {
      margin: 0 auto; } }

.dir-headline-Explore {
  width: 303px;
  height: 116px;
  display: block; }
  @media screen and (max-width: 767px) {
    .dir-headline-Explore {
      margin: 0 auto; } }

.dir-headline-Shop {
  width: 204px;
  height: 109px;
  display: block; }
  @media screen and (max-width: 767px) {
    .dir-headline-Shop {
      margin: 0 auto; } }

.busDirHeader {
  font-family: "Merriweather", serif;
  font-size: 32px;
  margin-bottom: 20px;
  line-height: 42px;
  text-align: left;
  color: #173d50;
  font-weight: 700;
  width: 80%; }

.alm-listing .css-grid {
  display: inline-grid;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%; }
  @media screen and (max-width: 1380px) {
    .alm-listing .css-grid {
      grid-template-columns: 1fr 1fr; } }
  @media screen and (max-width: 767px) {
    .alm-listing .css-grid {
      grid-template-columns: 1fr; } }

.alm-listing .css-grid > div {
  margin: 0 5px 10px;
  padding: 0px 10px 25px 10px; }

.blogListImg {
  width: 300px;
  height: 300px;
  display: block;
  margin: 0 auto;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat; }

.blogListTitle {
  font-size: 20px;
  text-align: center;
  color: #fff;
  font-family: "Merriweather", serif;
  margin-top: 20px; }

.blogListDate {
  font-size: 18px;
  text-align: center;
  color: #fff;
  font-family: "Merriweather", serif;
  font-style: italic; }

.categoriesContainer {
  max-height: 400px;
  overflow: scroll; }

.sidebarHeader {
  font-size: 26px;
  font-weight: 700;
  color: #173d50;
  font-family: "Merriweather", serif;
  text-align: center;
  margin-bottom: 25px; }

.categoriesContainer a {
  display: block;
  text-align: center;
  font-size: 16px;
  color: #173d50;
  text-decoration: none;
  font-family: "Merriweather", serif; }

.recentPostsContainer {
  display: block;
  position: relative;
  margin-bottom: 5px;
  padding: 0 0 20px 80px;
  min-height: 100px;
  border-bottom: 1px dashed #d9d9d9; }

ul.recentPosts {
  list-style-type: none;
  padding-left: 0; }

ul.archiveList {
  list-style-type: none;
  padding-left: 0;
  margin-bottom: 80px; }

ul.archiveList li {
  text-align: center;
  font-family: "Merriweather", serif;
  padding: 5px 0px; }

ul.archiveList li a {
  color: #173d50;
  font-size: 16px; }

ul.recentPosts li {
  padding: 5px 5px 10px 0; }

.recentPostContainer {
  display: block;
  position: relative;
  margin-bottom: 5px;
  padding: 90px 50px 20px 50px;
  min-height: 100px; }
  @media screen and (max-width: 1600px) {
    .recentPostContainer {
      padding: 90px 25px 20px 25px; } }

.entry-image {
  position: absolute;
  left: 50%;
  top: 0;
  width: 80px;
  height: 80px;
  margin-left: -40px;
  overflow: hidden; }

.entry-content {
  font-size: 14px;
  line-height: 24px;
  color: #173d50;
  text-align: center; }

.entry-title {
  font-size: 20px;
  line-height: 24px;
  font-family: "Merriweather", serif;
  color: #173d50; }

li .entry-title a {
  color: #173d50;
  text-decoration: none;
  font-family: "Merriweather", serif; }

.entry-datetime {
  color: #173d50;
  font-family: "Merriweather", serif;
  position: relative;
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase; }

li .entry-image img {
  max-width: 100%;
  height: 100%; }

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

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

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

.alignright {
  float: right; }

.alignleft {
  float: left; }

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

.ourStoryHeader {
  position: absolute;
  width: 662px;
  height: 306px;
  top: 50%;
  left: 50%;
  margin-top: -153px;
  margin-left: -331px; }
  @media screen and (max-width: 991px) {
    .ourStoryHeader {
      height: 153px;
      width: 331px;
      margin-top: -76.5px;
      margin-left: -165.5px; } }

.fixed {
  position: fixed; }

.blogLargeTop {
  width: 100%;
  height: auto;
  position: absolute;
  left: -25%;
  bottom: 0; }
  @media screen and (max-width: 991px) {
    .blogLargeTop {
      left: 0; } }

.blogSmallTop {
  width: 25%;
  height: auto;
  position: absolute;
  right: 0;
  bottom: 0px; }
  @media screen and (max-width: 991px) {
    .blogSmallTop {
      display: none; } }

.localLoreHeader {
  width: 331px;
  height: 153px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -165px; }

/* The actual timeline (the vertical ruler) */
.timeline {
  position: relative;
  max-width: 1200px;
  margin: 0 auto; }

/* The actual timeline (the vertical ruler) */
.timeline::after {
  content: '';
  position: absolute;
  width: 6px;
  background-color: white;
  top: 0;
  bottom: 0;
  left: 50%;
  margin-left: -3px; }

/* Container around content */
.timeline-container {
  padding: 10px 40px;
  position: relative;
  background-color: inherit;
  width: 50%; }

/* The circles on the timeline */
.timeline-container::after {
  content: '';
  position: absolute;
  width: 25px;
  height: 25px;
  right: -17px;
  background-color: white;
  border: 4px solid #FF9F55;
  top: 15px;
  border-radius: 50%;
  z-index: 1; }

/* Place the container to the left */
.timeline-left {
  left: 0; }

/* Place the container to the right */
.timeline-right {
  left: 50%; }

/* Add arrows to the left container (pointing right) */
.timeline-left::before {
  content: " ";
  height: 0;
  position: absolute;
  top: 22px;
  width: 0;
  z-index: 1;
  right: 30px;
  border: medium solid white;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent white; }

/* Add arrows to the right container (pointing left) */
.timeline-right::before {
  content: " ";
  height: 0;
  position: absolute;
  top: 22px;
  width: 0;
  z-index: 1;
  left: 30px;
  border: medium solid white;
  border-width: 10px 10px 10px 0;
  border-color: transparent white transparent transparent; }

/* Fix the circle for containers on the right side */
.timeline-right::after {
  left: -16px; }

/* The actual content */
.timeline-content {
  padding: 20px 30px;
  background-color: white;
  position: relative;
  border-radius: 6px;
  box-shadow: 0px 4px 4px #ccc; }

/* Media queries - Responsive timeline on screens less than 600px wide */
@media screen and (max-width: 600px) {
  /* Place the timelime to the left */
  .timeline::after {
    left: 31px; }
  /* Full-width containers */
  .timeline-container {
    width: 100%;
    padding-left: 70px;
    padding-right: 25px; }
  /* Make sure that all arrows are pointing leftwards */
  .timeline-container::before {
    left: 60px;
    border: medium solid white;
    border-width: 10px 10px 10px 0;
    border-color: transparent white transparent transparent; }
  /* Make sure all circles are at the same spot */
  .timeline-left::after, .timeline-right::after {
    left: 15px; }
  /* Make all right containers behave like the left ones */
  .timeline-right {
    left: 0%; } }

.travel-tips-weather-top {
  width: 100%;
  height: auto; }

.travel-tips-image {
  width: 80%;
  height: auto;
  display: block;
  margin: 0 auto; }

@media screen and (max-width: 991px) {
  .hide991 {
    display: none; } }

.show991 {
  display: none; }
  @media screen and (max-width: 991px) {
    .show991 {
      display: block; } }

.travel-tips-image-header {
  width: auto;
  height: auto;
  margin-bottom: 20px; }
  @media screen and (max-width: 767px) {
    .travel-tips-image-header {
      width: 100%; } }

.travel-tips-copy {
  padding: 0px 15px;
  font-size: 16px;
  font-family: "Merriweather", serif; }
  .travel-tips-copy ul {
    color: #173d50;
    line-height: 28px;
    font-size: 18px; }
    .travel-tips-copy ul li {
      padding-top: 15px; }

.travel-tips-intro p {
  margin-top: 20px;
  margin-bottom: 60px;
  text-align: center;
  width: 80%;
  margin-left: 10%; }
  @media screen and (max-width: 991px) {
    .travel-tips-intro p {
      width: 100%;
      margin-left: 0%; } }

.travel-tips-weather {
  background-color: #173d50; }

.weather-section-copy p {
  color: #fff;
  font-family: "Merriweather", serif;
  padding: 0px 15px;
  font-size: 16px; }

.weather-section-copy ul {
  color: #fff;
  line-height: 28px;
  font-size: 16px;
  font-family: "Merriweather", serif; }
  .weather-section-copy ul li {
    padding-top: 5px; }

.fortBraggTTHL {
  width: 769px;
  height: 193px;
  position: absolute;
  top: 50%;
  margin-top: -96.5px;
  left: 10%; }
  @media screen and (max-width: 991px) {
    .fortBraggTTHL {
      width: 370px;
      height: auto;
      display: block;
      margin: 0 auto; } }
  @media screen and (max-width: 767px) {
    .fortBraggTTHL {
      width: 300px; } }

.travel-tips-image-weather {
  width: 80%;
  height: auto;
  display: block;
  margin: 0 auto; }
  @media screen and (max-width: 1600px) {
    .travel-tips-image-weather {
      margin-top: 20%;
      width: 90%; } }
  @media screen and (max-width: 1400px) {
    .travel-tips-image-weather {
      margin-top: 40%;
      width: 100%; } }
  @media screen and (max-width: 1200px) {
    .travel-tips-image-weather {
      margin-top: 60%; } }
  @media screen and (max-width: 1150px) {
    .travel-tips-image-weather {
      margin-top: 70%; } }
  @media screen and (max-width: 1100px) {
    .travel-tips-image-weather {
      margin-top: 80%; } }

.dog {
  width: 50%; }
  @media screen and (max-width: 1540px) {
    .dog {
      width: 70%; } }
  @media screen and (max-width: 1240px) {
    .dog {
      width: 100%; } }

.blogFeaturedImage {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 300px;
  width: 100%;
  margin-top: 80px; }

.postTitle {
  color: #99cccc;
  font-family: "Merriweather", serif;
  font-weight: 700;
  font-size: 42px;
  padding: 30px 0px 30px 0px;
  text-align: center; }

.postContent p, .postContent div, .postContent {
  color: #fff;
  font-family: "Merriweather", serif;
  text-align: justify;
  font-size: 18px;
  line-height: 28px; }

.navLogo {
  width: 356px;
  height: 79px;
  margin: 15px 30px; }
  @media screen and (max-width: 1140px) {
    .navLogo {
      width: 250px;
      height: 55px; } }
  @media screen and (max-width: 767px) {
    .navLogo {
      width: 175px;
      height: 40px; } }

.nav-link {
  font-family: "Merriweather", serif;
  font-size: 18px;
  color: #173d50 !important; }
  @media screen and (max-width: 1448px) {
    .nav-link {
      font-size: 16px; } }

.nav-item {
  padding: 0px 30px; }
  @media screen and (max-width: 1448px) {
    .nav-item {
      padding: 0px 15px; } }

.dropdown-toggle::after {
  display: none !important; }

@media (min-width: 979px) {
  ul.navbar-nav li.dropdown:hover > div.dropdown-menu {
    display: block; }
  div.dropdown-menu:hover {
    display: block; }
  div.dropdown-menu {
    margin-top: -10px; } }

.dropdown-item {
  font-family: "Merriweather", serif;
  font-size: 22px;
  color: #173d50 !important;
  text-align: center !important; }
  @media screen and (max-width: 1140px) {
    .dropdown-item {
      font-size: 18px; } }

.experience-dropdown {
  left: -30% !important;
  border-radius: 0px !important;
  margin-top: 0px !important;
  background-color: rgba(255, 255, 255, 0.98) !important; }

.visit-dropdown {
  left: 0% !important;
  border-radius: 0px !important;
  margin-top: 0px !important;
  background-color: rgba(255, 255, 255, 0.98) !important; }

.story-dropdown {
  left: -7% !important;
  border-radius: 0px !important;
  margin-top: 0px !important;
  background-color: rgba(255, 255, 255, 0.98) !important; }

.dropdown-item.active, .dropdown-item:active {
  background-color: #fff !important; }

#searchIcon {
  color: #173d50;
  font-size: 20px;
  margin-left: 9px;
  margin-top: 13px; }

.searchBox {
  border: 2px solid #173d50;
  float: left;
  padding: 5px;
  font-family: "Merriweather", serif;
  width: 100%; }

.Search {
  float: left; }
  @media screen and (max-width: 1448px) {
    .Search {
      width: 50%; } }

.mainFooter {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  background-image: url(../img/Footer.png);
  height: 460px;
  margin-top: -33px;
  position: relative;
  overflow: hidden; }
  @media screen and (max-width: 991px) {
    .mainFooter {
      height: auto; } }

.footerHeader {
  font-family: "Merriweather", serif;
  font-size: 22px;
  color: #fff; }
  @media screen and (max-width: 991px) {
    .footerHeader {
      text-align: center; } }

.footerLinks {
  list-style: none;
  padding-left: 0px; }

.footerLink {
  font-family: "Merriweather", serif;
  font-size: 14px;
  color: #fff;
  font-style: italic;
  margin: 20px 0px;
  display: block; }
  .footerLink:hover {
    color: #fff; }
  @media screen and (max-width: 991px) {
    .footerLink {
      text-align: center; } }

.MrLilKayakGuy {
  position: absolute;
  bottom: -5%;
  left: 65%;
  width: 69px;
  height: 312px;
  overflow: hidden; }

@media screen and (max-width: 991px) {
  ul.socialItemsFooter {
    display: flex;
    justify-content: center;
    padding: 0px; } }

.footerPadding {
  padding-top: 80px;
  padding-left: 80px; }
  @media screen and (max-width: 991px) {
    .footerPadding {
      padding-left: 0px; } }

.findMoreHeader {
  width: 100%;
  height: auto;
  display: block;
  margin: 0 auto; }

.findMoreHeaderMargin {
  margin: 0 50px; }
  @media screen and (max-width: 767px) {
    .findMoreHeaderMargin {
      margin: 0px; } }

.findMoreImage {
  width: 100%;
  height: 420px;
  margin-bottom: 40px;
  margin-top: 50px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat; }

.findMoreItemTitle {
  font-size: 26px;
  line-height: 34px;
  color: #173d50;
  font-family: "Merriweather", serif;
  text-align: center;
  width: 80%;
  margin-left: 10%; }
  @media screen and (max-width: 767px) {
    .findMoreItemTitle {
      font-size: 18px;
      line-height: 28px;
      width: 100%;
      margin-left: 0%; } }