/* The Estrold Resort
	Developer: Than Tibbetts
	URL: http://dirigible.us
*/
@import url(normalize.css);
@import url(foundation.css);
@import url(royalslider.css);
@import url(rs-default.css);
.cf:before,
.cf:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }

.cf:after {
  clear: both; }

/* For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats. */
.cf {
  *zoom: 1; }

html, body {
  background: #F9D4B7;
  color: #202020;
  font-family: 'Helvetica Neue', Helvetica, sans-serif;
  font-weight: 200;
  margin: 0;
  padding: 0; }

strong {
  font-weight: 700; }

p {
  line-height: 1.4; }

a {
  text-decoration: none;
  border-bottom: 1px dotted #36A; }

a:hover {
  text-decoration: none;
  border-bottom: 1px solid #008DB6; }

h1, h2, h3, h4 {
  font-family: "cronos-pro", 'Helvetica Neue', Helvetica, sans-serif;
  font-weight: 500; }

ul, li {
  list-style: none;
  margin: 0;
  padding: 0; }

nav {
  background: #2a2321;
  height: 31px;
  text-align: center;
  padding-top: 4px;
  border-bottom: 1px solid #000; }
  nav a {
    color: #f9d4b7;
    font-size: 15px;
    border-bottom: none; }
    nav a:hover {
      color: #fff;
      border-bottom-color: #f9d4b7; }
  nav li {
    display: inline;
    margin: 2px 20px; }

header {
  position: relative;
  display: block;
  width: 100%; }
  header h1 {
    color: #2a2321; }

.header-image {
  min-height: 580px;
  max-height: 600px;
  width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat; }

#logo {
  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  -ms-border-radius: 10;
  border-radius: 10;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  background: url("/_assets/images/logo.png") 50% top no-repeat;
  width: 100%;
  height: 180px;
  position: absolute;
  top: 1em; }

#weather {
  color: #fff;
  font-weight: 100;
  font-size: 250%;
  position: absolute;
  top: 0.5em;
  left: 0.5em;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6667); }

.content {
  max-width: 90%;
  background: #fff;
  margin: 0 auto;
  z-index: 9999;
  position: relative;
  padding: 0.333333em 1.333333em 1.333333em;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25); }

#main li {
  margin-bottom: 1.4em; }
#main p:first-child {
  margin-top: 0.725em; }

#sidebar {
  margin-top: 2.5em; }

.fullwidth {
  padding: 1em 0 3em;
  max-width: 100%;
  width: 100%; }
  .fullwidth > section {
    margin: 0 auto;
    max-width: 90%; }
  .fullwidth img {
    max-width: 100%; }

.owners {
  background: #182630; }
  .owners h2, .owners h3, .owners p {
    color: #f3f3f3; }

.facebox {
  background: #F1F5FF;
  text-align: center; }
  .facebox iframe {
    background: #fff; }

#weather-widget {
  margin: 2em auto 4em; }

#availability .columns {
  margin-bottom: 2em; }
  #availability .columns:nth-child(2n + 1) {
    clear: left; }

#slideshow #gallery {
  width: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background: #2A2321; }

.royalSlider, .rsSlide {
  background: #fff; }

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

.contentSlider {
  width: 100%; }

.contentSlider,
.contentSlider .rsOverflow,
.contentSlider .rsSlide,
.contentSlider .rsVideoFrameHolder,
.contentSlider .rsThumbs {
  background: #eee;
  color: #000; }

.contentSlider .rsThumbsContainer {
  margin-bottom: -4px; }

.contentSlider .rsSlide,
.contentSlider .rsOverflow {
  background: #eee; }

.contentSlider h3 {
  font-size: 24px;
  line-height: 31px;
  margin: 12px 0 8px;
  font-weight: bold; }

.contentSlider img {
  max-width: 100%;
  height: auto;
  display: block; }

.content-slider-bg {
  width: 86%;
  padding: 24px 7%;
  background: #eee; }

img.rsImg.rsMainSlideImage {
  margin-top: 4px !important; }

.rsThumbs.rsNav {
  margin-top: -5px; }

.rsDefault .rsGCaption {
  display: block;
  bottom: 80px;
  left: 0;
  position: absolute;
  z-index: 99; }

footer {
  background: #2a2321;
  color: #f9d4b7;
  text-shadow: 1px 1px 1px #151110;
  font-size: 0.875rem;
  margin-top: -3em;
  padding: 5em 0 0; }
  footer li {
    line-height: 1.4;
    margin-bottom: 0.5em; }
    footer li strong {
      font-size: 1.25	em; }
  footer a {
    color: #fff;
    border-bottom: none; }
    footer a:hover {
      color: #f9d4b7; }

#credits {
  display: block;
  background: #0d0b0b;
  text-align: center;
  margin-top: 2em;
  padding: 0.5em 0; }
  #credits p {
    color: #999;
    font-size: 0.75em;
    font-weight: 100;
    margin: 0; }

.background-white {
  background: white; }

.box-white {
  background: #fff; }

.centered {
  text-align: center; }

.pullup {
  margin-top: -4.33333333em; }

.pulldown {
  margin-bottom: -4.33333333em; }

.padtop {
  padding-top: 6.666666667em; }

.padbottom {
  padding-bottom: 2.5em; }

.white-box {
  padding: 5px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  background: #fff; }

.row .row {
  padding-left: 0;
  padding-right: 0; }

#cabins-listing .cabin {
  margin-bottom: 1.5em;
  min-height: 290px; }

#rates-listing img {
  float: left;
  margin-right: 1em; }

#instantclick-bar {
  background: #f9d4b7; }

#TA_cdsratingsonlynarrow336 {
  text-shadow: none; }
  #TA_cdsratingsonlynarrow336 a:hover {
    border-bottom: none; }

.jx_ui_Widget {
  border-bottom: 0; }

#reservation-form .row {
  margin-bottom: 1em; }

#reservation-form .row:last-child {
  margin-bottom: 0; }

[data-abide] .info small.info, [data-abide] span.info, [data-abide] small.info {
  display: block;
  padding: 0.375rem 0.5625rem 0.5625rem;
  margin-top: -1px;
  margin-bottom: 1rem;
  font-size: 0.75rem;
  font-weight: normal;
  font-style: italic;
  background: #f3f1f0;
  color: #333; }

[data-abide] span.info, [data-abide] small.info {
  display: none; }

span.info, small.info {
  display: block;
  padding: 0.375rem 0.5625rem 0.5625rem;
  margin-top: -1px;
  margin-bottom: 1rem;
  font-size: 0.75rem;
  font-weight: normal;
  font-style: italic;
  background: #f3f1f0;
  color: #333; }

.info input, .info textarea, .info select {
  margin-bottom: 0; }

.info input[type="checkbox"], .info input[type="radio"] {
  margin-bottom: 1rem; }

.info label, .info label.info {
  color: #333; }

.info small.info {
  display: block;
  padding: 0.375rem 0.5625rem 0.375rem;
  margin-top: 0px;
  margin-bottom: 1rem;
  font-size: 0.75rem;
  font-weight: normal;
  font-style: italic;
  border-top: 1px solid #fff;
  background: #f3f1f0;
  color: #333; }

.info > label > small {
  color: #686868;
  background: transparent;
  padding: 0;
  font-style: normal;
  font-size: 60%;
  margin: 0;
  display: inline; }

.info span.info-message {
  display: block; }

input.info, textarea.info {
  margin-bottom: 0; }

input[type="checkbox"] {
  margin: 0.75rem 0.5rem 1rem 0; }

textarea {
  margin-bottom: 2px; }
  textarea + small {
    text-transform: none; }

input[type="checkbox"] + small {
  margin: -0.5rem 0 0 1.75rem;
  color: #555;
  display: block;
  font-size: 0.75rem;
  font-weight: normal;
  font-style: italic; }

input[type="submit"] {
  background: #618469; }

.required {
  color: #f33;
  font-size: 1.25rem;
  line-height: 0; }

.error-block {
  background: #f1f1ff;
  padding: 1rem; }
  .error-block li strong {
    font-weight: normal; }

@media only screen and (max-width: 320px) {
  nav {
    height: 5.5em; }

  .nav {
    margin-left: 0; }
    .nav li {
      margin: 2px 8px;
      display: inline-block; }

  #logo {
    max-width: 200px;
    background-size: 100%;
    position: relative;
    margin: 0 auto; }

  .header-image {
    min-height: 280px; }

  .content {
    max-width: 95%;
    padding-left: 5px;
    padding-right: 5px; }
    .content h1 {
      font-size: 1.875em;
      line-height: 1.2; }
    .content .row {
      padding-left: 0;
      padding-right: 0; }

  #footer-wrapper ul {
    margin-top: 2em; }
    #footer-wrapper ul:first-child {
      margin-top: 0; }

  .pullup {
    margin-top: -1.333333em; } }