@charset "utf-8";

/*-------------------------------------------------------------------- FONTS -------------------------------------------------------------------- */

/*@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@500&display=swap');*/

/* latin-ext */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(webfonts/6xK-dSZaM9iE8KbpRA_LJ3z8mH9BOJvgkM0o58i-wi40.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(webfonts/6xK-dSZaM9iE8KbpRA_LJ3z8mH9BOJvgkM0o58a-wg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/*-------------------------------------------------------------------- PAGE LAYOUT -------------------------------------------------------------------- */
.page-grid {
  display: grid;
  grid-template-columns: 1fr 1200px 1fr;
}

.page-grid-full-width {
  grid-column-start: 1;
  grid-column-end: 4;
}

.page-grid-content-col {
  grid-column-start: 2;
  grid-column-end: 3;
}




/*-------------------------------------------------------------------- HEADER -------------------------------------------------------------------- */
header {
  position: fixed;
  top: 0;
  width: 100%;
  height: 112px;
  z-index: 10;
}

.header-logo {
  width: 260px;
  padding-top: 2px !important;
}

/*-------------------------------------------------------------------- FOOTER -------------------------------------------------------------------- */
footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 10;
  padding-top: 15px;
}

/*-------------------------------------------------------------------- NAVIGATION -------------------------------------------------------------------- */
.main-nav-item {
  color: #ffffff !important;
}

.main-nav-item:hover {
  color: #c2ceb4 !important;
}

.main-nav-sub-item {
  color: #283429 !important;
}

.main-nav-sub-item:hover {
  color: #90a78a !important;
}

.mobile-nav-item {
  color: #283429 !important;
}

.mobile-nav-item:hover {
  color: #c2ceb4 !important;
}

/*-------------------------------------------------------------------- CONTENT -------------------------------------------------------------------- */
.compensate-header-height-margin {
  margin-top: 108px !important;
}

.compensate-header-height-padding {
  padding-top: 108px !important;
}

.compensate-footer-height-margin {
  margin-bottom: calc(230px + 40px) !important;
}

.compensate-footer-height-padding {
  padding-bottom: calc(230px + 40px) !important;
}

.vh-min-height {
  min-height: 100vh !important;
}

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

.margin-top-common {
  margin-top: 25px !important;
}

.margin-bottom-common {
  margin-bottom: 25px !important;
}

.margin-top-15px {
  margin-top: 15px !important;
}

.margin-bottom-12px {
  margin-bottom: 12px !important;
}

.margin-bottom-15px {
  margin-bottom: 15px !important;
}


.padding-top-10px {
  padding-top: 10px;
}

.padding-top-6px {
  padding-top: 6px;
}

.padding-bottom-10px {
  padding-bottom: 10px;
}

.padding-bottom-25px {
  padding-bottom: 25px;
}

.padding-bottom-30px {
  padding-bottom: 30px;
}


/*-------------------------------------------------------------------- COLORS -------------------------------------------------------------------- */
.color-white {
  color: #ffffff !important;
}

.color-off-white {
  color: #ecede8 !important;
}

.color-green {
  color: #617a62 !important;
}

.color-green-dark {
  color: #283429 !important;
}

.bg-color-green {
  background-color: #617a62 !important;
}

.bg-color-green-bright {
  background-color: #617a62 !important;
}

.bg-color-green-dark {
  background-color: #283429 !important;
}

.bg-color-green-dark-transparent {
  background-color: rgba(40, 52, 41, 0.5) !important;
}

.bg-color-off-white {
  background-color: #ecede8 !important;
}

.bg-color-green-very-bright {
  background-color: #e4e5da !important;
}

.bg-color-table-row-a {
  background-color: #ecede8 !important;
}

.bg-color-table-row-b {
  background-color: #e7e8e3 !important;
}


/*-------------------------------------------------------------------- TYPOGRAPHY -------------------------------------------------------------------- */
.font-qs {
  font-family: 'Quicksand', sans-serif !important;
}

.text-link, .text-link:visited  {
  color: #ffffff !important;
  text-decoration: none !important;
}

.text-link:hover  {
  text-decoration: underline !important;
}

.font-size-20px {
  font-size: 20px !important;
}


/*-------------------------------------------------------------------- SHADOW -------------------------------------------------------------------- */
.no-shadow {
  box-shadow: none !important;
}

/*-------------------------------------------------------------------- SLIDESHOW -------------------------------------------------------------------- */
.slideshow-h1 {

}

.slideshow-h3 {

}

.slideshow-overlay-image {
  width: 400px;
}


/*-------------------------------------------------------------------- PAGE: ROOMS -------------------------------------------------------------------- */
.lb-room {
  padding-top: 30px !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
}


/*-------------------------------------------------------------------- MEDIA QUERIES -------------------------------------------------------------------- */
@media only screen and (max-width : 1250px) {

  .page-grid {
    grid-template-columns: 1fr;
  }

  .page-grid-content-col {
    grid-column-start: 1;
    grid-column-end: 2;
    padding-left: 15px;
    padding-right: 15px;
  }

  .slideshow-overlay-image {
    width: 300px;
  }

}

@media only screen and (max-width : 960px) {

  .page-grid {
    grid-template-columns: 1fr;
  }

  .page-grid-content-col {
    grid-column-start: 1;
    grid-column-end: 2;
    padding-left: 15px;
    padding-right: 15px;
  }

  header {
    height: 88px;
  }

  .header-logo {
    width: 200px;
    padding-top: 0px !important;
    margin-top: -2px !important;
  }

  .compensate-header-height-margin {
    margin-top: 88px !important;
  }

  .compensate-header-height-padding {
    padding-top: 88px !important;
  }

  .compensate-footer-height-margin {
    margin-bottom: 25px !important;
  }

  .compensate-footer-height-padding {
    padding-bottom: 25px !important;
  }

  .slideshow-overlay-image {
    width: 200px;
  }

  .slideshow-h1 {
    font-size: 1.2em !important;
  }

  .slideshow-h3 {
    font-size: 0.7em !important;
  }

  .lb-room {
    padding-top: 30px !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
  }

}

@media only screen and (max-width : 600px) {

  .slideshow-overlay-image {
    width: 120px;
  }

}