/* ==[ Template MC13, Markup by Chris Stevens 2014 ]== */

/* ==[ Mini reset ]== */
* {
  margin: 0;
  padding: 0;
  border:none;
  text-decoration:none;
  font-weight:normal;
}

:focus {
  outline: 0;
}

ul {
  text-align:left;
  margin:15px 0 20px 40px;
}

li {
  margin-top:3px;
}

strong {
  font-weight:bold;
}

ul {
  margin-left:30px;
  margin-bottom:20px;
}

body {
  font-size:13px;
  color:#1f1f1f;
  font-family: 'Open Sans', sans-serif;
  font-weight:400;
  background-color:#fefefe;
  color:#525252;
}

::selection {
  background: #a3e3f3; /* Safari */
}

::-moz-selection {
  background: #a3e3f3; /* Firefox */
}

/* ==[ Template CSS ]== */
h1, h2, h3, h4, h5 {
  margin:15px 0 15px 0;
  font-family: 'Open Sans', sans-serif;
  font-weight:bold;
  color:#6a6e73;
}

a:link, a:visited {
  color:#356faa;
  text-decoration:underline;
}

a:hover {
  color:#29527b;
}

.copyright {
  padding:15px;
  text-align:center;
  background-color:#d9d9d9;
  margin-top:15px;
}

p {
  margin-bottom:15px;
}

h1 {
  font-size:30px;
}

h2 {
  font-size:25px;
}

h2 {
  font-size:20px;
}

h4 {
  font-size:15px;
}

h5 {
  font-size:15px;
}

.wrap {
  max-width:925px;
  margin:auto;
}

.fl {
  float:left;
}

.fr {
  float:right;
}

.cf {
  clear:both;
}

.logo {
  float:left;
}

.header {
  position:relative;
  padding-top:20px;
}

.banner {
  border:1px solid #f0f0f0;
  margin:10px 0 30px 0;
  padding:22px 22px 0 22px;
  -webkit-box-shadow: 1px 9px 16px -7px rgba(185,185,185,1);
  -moz-box-shadow: 1px 9px 16px -7px rgba(185,185,185,1);
  box-shadow: 1px 9px 16px -7px rgba(185,185,185,1);
}

.main-nav {
  padding:40px 0 0 0;
  margin:0px;
  float:right;
  overflow:auto;
  list-style:none;
}

.main-nav li {
  display:block;
  float:left;
  margin:0 0 0 6px;
}

.main-nav li a {
  display:block;
  padding:8px;
  border-radius:5px;
  font-weight:bold;
  text-transform:uppercase;
  font-size:13px;
  color:#5e5661;
  text-decoration:none;
}

.main-nav .selected, .main-nav li a:hover {
  background-color:#6cb32c;
  color:#fff;
}

.selected {
  background-color:#6cb32c;
  color:#fff;
}

.intro-strip {
  background-image:url(../images/intro-strip-bg.png);
  border-top:2px dotted #cccccc;
  border-bottom:2px dotted #cccccc;
  margin-top:10px;
}

.intro-content {
  padding:10px 30px 30px 30px;
  max-width:865px;
  margin:auto;
  color:#635f65;
}

.feature-blocks-container {
  width:925px;
  margin:auto;
}

.feature-blocks {
  border:1px solid #e6e6e6;
  padding:25px;
  background-color:#fff;
  margin:25px;
}

.feature-blocks .feature {
  width:253px;
  -ms-word-break: break-all;
  /* Be VERY careful with this, breaks normal words wh_erever */
  word-break: break-all;
  /* Non standard for webkit */
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}

.feature-blocks .feature h2 a {
  color:#626262;
  text-decoration:none;
}

.feature-blocks .feature h2 a:hover {
  color:#3a3a3a;
}

.feature-blocks .feature img {
  width:100%;
  max-width:253px;
}

.feature-blocks .feature-one, .feature-blocks .feature-two {
  padding-right:15px;
  border-right:1px solid #e6e6e6;
}

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

.feature-blocks .feature-two, .feature-blocks .feature-three {
  padding-left:15px;
}

.footer {
  border-top:2px dotted #cccccc;
  background-color:#f2f2f2;
}

.footer p {
  margin:0px;
}

.footer .footer-content {
  padding:30px;
  margin:auto;
  max-width:865px;
  color:#717171;
}

.resphone-container span{
  font-size:30px;
  line-height:33px;
  font-weight:bold;
}

.content {
  max-width:865px;
  padding:30px;
  background-color:#fff;
  border:1px solid #e6e6e6;
  margin:25px auto 25px auto;
}

a.button, .button {
  -moz-box-shadow:inset 0px 1px 0px 0px #7bc8e0;
  -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
  box-shadow:inset 0px 1px 0px 0px #ffb294;
  background: #e34000; /* Old browsers */
  border-radius:6px;
  text-indent:0px;
  border:1px solid #d53c00;
  display:inline-block;
  color:#fff;
  font-size:14px;
  font-style:normal;
  height:36px;
  padding:0 15px 0 15px;
  line-height:36px;
  text-decoration:none;
  text-align:center;
  text-shadow:1px 1px 0px #b63300;
  margin:8px 8px 8px 0;
  cursor: pointer;
}

a.button.book, .button.book {
  background:#6cb32c;
  border:1px solid #69ab2e;
  box-shadow:inset 0px 1px 0px 0px #c3e6a4;
  text-shadow:1px 1px 0px #61a029;
}

a.button:hover, .button:hover {
  background:#d53c00;
}

.button.book:hover, .button.book:hover {
  background:#61a029;
}

.fa {
  margin:0 3px 0 3px;
}

.block-content h2 {
  margin-top:0px
}

.block-content {
  position:relative;
}

.block-content-img {
  max-width:253px;
  max-height:189px;
  overflow:hidden;
}

.content-block-image-left, .content-block-image-right {
  padding:30px 0 30px 0;
  border-bottom:1px dotted #d0d0d0;
}

.first-block {
  padding:0px 0 30px 0;
}

.first-block h2 {
  margin-top:0px;
}

.content-block-image-left .block-content {
  padding:0 0 0 280px;
  min-height:159px;
}

.content-block-image-right .block-content {
  padding:0 280px 0 0;
  min-height:159px;
}

.content-block-image-left .block-content-img {
  position:absolute;
  left:0px;
  top:0px;
}

.content-block-image-right .block-content-img {
  position:absolute;
  right:0px;
  top:0px;
}

.default-image-size, .default-image-size img {
  width:auto !important;
}

.block-content h2 .fa {
  color:#888f96;
}

.clear-margin{
  margin:0px!important;
}

.content-block-image-left .block-content .button-container {
  text-align:right;
}

.content-block-image-right .block-content .button-container {
  text-align:left;
}

.contact-info, .map, .regional-info {
  width:400px;
  padding:30px;
  background-color:#fff;
  border:1px solid #e3e3e3;
  float:left;
  margin-top:25px;
  min-height:300px;
}

.contact-info .button-container {
  border-top:1px dotted #cccccc;
  padding-top:15px;
}

.map {
  float:right;
  width:375px;
}

.contact-info h2 {
  margin-top:0px;
}

.resphone-container p {
  margin:0px;
}

.contact-info .resphone-container {
  padding-top:15px;
  margin-top:15px;
  border-top:1px dotted #cccccc;
}

.regional-gallery {
  margin-left:30px;
}

.amenities, .affiliations {
  margin: 2px;
  border: none;
}


/* ==[ Responsive ]== */
.toggle-menu-icon {
  display:none;
}

@media screen and (max-width: 945px) {
  .feature-blocks-container {
    width:764px;
  }

  .feature h2 {
    font-size:20px;
  }

  .feature-blocks .feature {
    width:200px;
  }
}

@media screen and (max-width: 920px) {
  .map, .contact-info{
    float:none;
    width:auto;
    text-align:center;
  }
}

@media screen and (max-width: 880px) {
  .logo, .main-nav {
    float:none;
    padding:0px;
  }

  .header {
    padding:0 25px 0 25px;
  }

  .main-nav {
    margin:auto;
    border-top:1px solid #eee9f0;
    border-bottom:1px solid #eee9f0;
    padding:15px 0 15px 0;
  }

  .footer-content .fl, .footer-content .fr {
    float:none;
  }

  .resphone-container {
    margin-top:20px;
  }
}

@media screen and (max-width: 785px) {
  .feature-blocks-container {
    width:640px;
  }

  .feature-blocks .feature {
    width:253px;
    text-align:center;
  }

  .intro-content {
    text-align:center;
  }

  .regional-gallery{
    float:none;
    margin:auto;
    width:auto;
  }

  .regional-content {
    text-align:center;
  }

  .regional-content .fotorama__wrap {
    margin:auto;
  }

  .feature-blocks .feature img {
    display:inline-block;
  }

  .feature-blocks .feature h2 {
    font-size:25px;
  }

  .feature-blocks .feature-two {
    padding-right:0px;
    border:0px;
  }

  .feature-blocks .feature-three {
    float:none;
    margin:auto;
    padding:20px;
    border:1px solid #e6e6e6;
    clear:left;
    width:auto;
  }

  .intro-content .align-right {
    text-align:center;
  }
}

@media screen and (max-width: 675px) {
  .block-content .button-container {
    text-align:center!important;
  }

  .block-content {
    padding:0px!important;
    text-align:center!important;
  }

  .block-content-img {
    position:static!important;
    margin:0 auto 20px auto!important;
  }

  .fotorama.block-content-img .fotorama__wrap {
    margin:auto;
  }

  .content-block-image-left .block-content img, .content-block-image-right .block-content img {
    position:static;
    width:100%;
    max-width:253px;
    display:inline-block;
    margin-bottom:15px;
  }

  .toggle-menu-icon {
    background-color:#333;
    color:#fff;
    text-align:center;
    cursor:pointer;
    width:auto;
    height:50px;
    line-height:50px;
    vertical-align:middle;
    font-size:21px;
    display:block;
    border-radius:5px;
  }

  .toggle-menu-icon span {
    font-size:11px;
    margin-left:5px;
    vertical-align:middle;
    text-transform:uppercase;
  }

  .logo img {
    display:inline-block;
  }

  .header {
    text-align:center;
    background-color:#e34000;
    padding:0 15px 15px 15px;
  }

  .feature-blocks-container{
    width:auto;
  }

  .feature-blocks .feature {
    float:none;
    padding:20px;
    margin-bottom:10px;
    border:1px solid #e6e6e6;
    width:auto;
  }

  .main-nav {
    display:none;
    background-color:#fff;
    padding:0px;
  }

  .main-nav li {
    float:none;
  }

  .main-nav li a {
    border-bottom:1px solid #e6e6e6;
    font-size:16px;
    padding:14px;
    text-align:center;
  }

  .mobile-ul {
    list-style:none;
    text-align:center;
  }

  .mobile-ul li {
    display:block;
  }
}

@media screen and (max-width: 400px) {
  .feature-blocks .feature h2 a {
    font-size:20px;
  }

  .feature-blocks {
    padding:12px;
  }

  .button, a.button {
    font-size:18px;
    display:block;
  }

  a.button, .button {
    padding:8px;
    line-height:normal;
    height:auto;
  }
}