.white {
  color: #ffffff; }

.red {
  color: #f64747; }

.green {
  color: #26a65b; }

.darker-red {
  color: #cd0a0a; }

/* Custom Mixins */
/* Mixin for Flexbox */
/*
  This works because 'stretch' is the default value for align-items
  https://css-tricks.com/almanac/properties/a/align-items/
*/
/* Main App Styling */
.white {
  color: #ffffff; }

.red {
  color: #f64747; }

.green {
  color: #26a65b; }

.darker-red {
  color: #cd0a0a; }

/* Custom Mixins */
/* Mixin for Flexbox */
/*
  This works because 'stretch' is the default value for align-items
  https://css-tricks.com/almanac/properties/a/align-items/
*/
.white {
  color: #ffffff; }

.red {
  color: #f64747; }

.green {
  color: #26a65b; }

.darker-red {
  color: #cd0a0a; }

.inn-style-circle {
  fill: #d34a00; }

.inn-style-text {
  fill: #ffffff; }

.is-logo {
  padding: 0 30px; }

.clear,
.clearboth {
  clear: both; }

.muted {
  color: #cccccc; }

.uppercase {
  text-transform: uppercase; }

.half-opacity {
  opacity: 0.5; }

.hr--gentle {
  margin: 15px 0; }

/* Social links */
.twitter-fa .fa-circle {
  color: #55acee; }

.facebook-fa .fa-circle {
  color: #3b5998; }

.monospace {
  font-family: courier, monospace;
  word-wrap: break-word; }

.mono {
  font-family: monospace;
  font-size: 12px;
  line-height: 1.5;
  margin-bottom: 0; }

.mauto {
  margin: auto; }

.m0 {
  margin: 0px; }

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

.mt0 {
  margin-top: 0; }

.mt5 {
  margin-top: 5px; }

.mt10 {
  margin-top: 10px; }

.mt20 {
  margin-top: 20px; }

.mt25 {
  margin-top: 25px; }

.mt30 {
  margin-top: 30px; }

.mt50 {
  margin-top: 50px; }

.mt100 {
  margin-top: 100px; }

.mb0 {
  margin-bottom: 0; }

.mb5 {
  margin-bottom: 5px; }

.mb10 {
  margin-bottom: 10px; }

.mb15 {
  margin-bottom: 15px; }

.mb20 {
  margin-bottom: 20px; }

.mb30 {
  margin-bottom: 30px; }

.mb40 {
  margin-bottom: 40px; }

.mb50 {
  margin-bottom: 50px; }

.mr5 {
  margin-right: 5px; }

.mr10 {
  margin-right: 10px; }

.mr20 {
  margin-right: 20px; }

.mr30 {
  margin-right: 30px; }

.ml10 {
  margin-left: 10px; }

.ml20 {
  margin-left: 20px; }

.p0 {
  padding: 0px; }

.pt5 {
  padding-top: 5px; }

.pt10 {
  padding-top: 10px; }

.pt15 {
  padding-top: 15px; }

.pt20 {
  padding-top: 20px; }

.pt30 {
  padding-top: 30px; }

.pb20 {
  padding-bottom: 20px; }

.pb40 {
  padding-bottom: 40px; }

.pb50 {
  padding-bottom: 50px; }

.p20 {
  padding: 20px; }

.fa-space {
  margin-right: 4px; }

.pad-for-label {
  padding-top: 25px; }

.centered,
.text-centered {
  text-align: center; }

.valign-middle {
  vertical-align: middle; }

.modal-header {
  border-bottom: 0; }

.modal-footer {
  border-top: 0; }

.img-responsive {
  margin-left: auto;
  margin-right: auto; }

.img-bordered {
  border: 1px solid #ffffff; }

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

.tac {
  text-align: center; }

td.nest-wrap {
  padding: 0 !important; }

.unseen {
  display: none; }

.blue-link {
  color: #2d86a2; }

.display-inline {
  display: inline; }

.position-relative {
  position: relative; }

.stuck-to-top {
  top: 30px;
  position: sticky; }

.reverse-x {
  transform: scaleX(-1); }

.reverse-y {
  transform: scaleY(-1); }

.obscure {
  filter: brightness(0); }

.inline-order {
  align-items: center;
  display: flex; }

@media (min-width: 767px) {
  .row-flex {
    display: flex; } }

.compressed-row {
  margin-left: -5px;
  margin-right: -5px; }
  .compressed-row > div {
    padding-left: 5px;
    padding-right: 5px; }

.small-text-block {
  display: block;
  line-height: 20px; }

.ui-sortable-handle {
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab; }

.ui-sortable-helper {
  cursor: grabbing;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing; }

.force-xs-12 .col-xs-12 {
  width: 100% !important; }

.js-fixed-saved-flash {
  background-color: #26a65b;
  bottom: 0;
  color: #ffffff;
  display: none;
  left: 0;
  padding: 10px;
  position: fixed;
  text-align: center;
  width: 100%;
  z-index: 10; }

.hanging-button {
  position: fixed;
  right: 10px;
  top: 10px;
  z-index: 5; }

.nested-numbers .nested-heading {
  display: block;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 1px;
  padding: 10px 0;
  text-transform: uppercase; }

.nested-numbers .nested-sub {
  display: block;
  font-size: 13px;
  line-height: 1.8;
  margin-bottom: 10px; }

.nested-numbers ol {
  counter-reset: item;
  padding-left: 15px;
  text-align: justify; }
  .nested-numbers ol li {
    counter-increment: item;
    margin-bottom: 10px; }
  .nested-numbers ol ol > li {
    display: block;
    font-size: 13px;
    line-height: 1.8;
    margin-bottom: 10px;
    padding-left: 15px; }
    .nested-numbers ol ol > li:before {
      content: counters(item, ".") ".  ";
      font-weight: bold;
      margin-left: -27px; }

.equal-height-cols {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden; }

@media (max-width: 767px) {
  .xs-padded {
    padding-bottom: 10px;
    padding-top: 10px; } }

@media (min-width: 768px) and (max-width: 991px) {
  .clear-sm {
    clear: both; } }

@media (min-width: 992px) {
  .clear-md {
    clear: both; } }

@media (max-width: 767px) {
  .hide-on-mobile {
    display: none; } }

.flipped-horizontally {
  -moz-transform: scaleX(-1);
  -ms-filter: 'FlipH';
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  filter: FlipH;
  transform: scaleX(-1); }

/*
 * This "hack" forces iOS to use hardware acceleration for rendering modals
 * Fixes issues with mobile Safari struggling to re-render fixed elements on scroll
 * In Bootstrap, .modal-dialog is fixed within a .modal element
 */
.modal *:not(.modal-header *) {
  -webkit-transform: translate3d(0, 0, 0); }

.overlay {
  background-color: rgba(255, 255, 255, 0.8);
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center; }
  .overlay i {
    display: block;
    position: relative;
    top: 40%;
    color: #444444; }

.white {
  color: #ffffff; }

.red {
  color: #f64747; }

.green {
  color: #26a65b; }

.darker-red {
  color: #cd0a0a; }

/* Custom Mixins */
/* Mixin for Flexbox */
/*
  This works because 'stretch' is the default value for align-items
  https://css-tricks.com/almanac/properties/a/align-items/
*/
.white {
  color: #ffffff; }

.red {
  color: #f64747; }

.green {
  color: #26a65b; }

.darker-red {
  color: #cd0a0a; }

body.iframe-css {
  background-color: transparent !important; }
  body.iframe-css .container,
  body.iframe-css .container-fluid,
  body.iframe-css #container {
    background-color: transparent !important;
    padding-left: 0;
    padding-right: 0; }
  body.iframe-css.light #calendar_wrapper .dayname,
  body.iframe-css.light .calendar-bookable-name,
  body.iframe-css.light p.lead.centered,
  body.iframe-css.light .hotel-policies,
  body.iframe-css.light .form-group label,
  body.iframe-css.light p.credit {
    color: #ffffff !important; }
  body.iframe-css.light .policies p {
    color: #f8f8f8 !important; }

.customer-header,
.centered {
  text-align: center; }

.modal-body {
  padding: 10px 20px 20px; }
  .modal-body ol {
    padding: 0 0 0 15px; }
    .modal-body ol li {
      margin-bottom: 10px;
      padding-left: 10px; }

p.lead.centered {
  padding: 0 0 5px; }

.booking_booking_on_behalf input[type=checkbox] {
  left: 20px; }

/* The Calendar */
/* Browsers with any version of Flexbox */
html.flexbox .calendar-days {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: stretch;
  width: 100%; }
  html.flexbox .calendar-days .day {
    -webkit-box-flex-grow: 1;
    /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-flex-grow: 1;
    /* OLD - Firefox 19- */
    -webkit-flex-grow: 1;
    /* Chrome */
    -ms-flex-grow: 1;
    /* IE 10 */
    flex-grow: 1;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    width: 2.5%;
    /* For old syntax, otherwise collapses. */ }

/* Browsers with new flexbox */
@media (max-width: 991px) {
  html.flexbox .calendar-days {
    -webkit-box-flex-wrap: wrap;
    -moz-box-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    html.flexbox .calendar-days .day,
    html.flexbox .calendar-days .day-spacer {
      -webkit-box-flex-grow: 1;
      /* OLD - iOS 6-, Safari 3.1-6 */
      -moz-box-flex-grow: 1;
      /* OLD - Firefox 19- */
      -webkit-flex-grow: 1;
      /* Chrome */
      -ms-flex-grow: 1;
      /* IE 10 */
      flex-grow: 1;
      /* NEW, Spec - Opera 12.1, Firefox 20+ */
      width: 14%;
      /* For old syntax, otherwise collapses. */ } }

/* Browsers with no flexbox for calendar */
html.no-flexbox .calendar-days,
html.no-flexbox .calendar-header-days-region > .bookable-av,
html.no-flexbox .bookable-free-days {
  display: block; }

html.no-flexbox .calendar-days .day {
  display: block;
  float: left;
  min-height: 1px;
  /* Force display on Firefox */
  width: 3.2%; }

html.no-flexbox .calendar-days .sm .day {
  display: none; }

html.no-flexbox .calendar-days .room-wrapper {
  float: left;
  width: 100%; }

html.no-flexbox .calendar-days .close-nights-wrap {
  display: none; }

@media (max-width: 991px) {
  html.no-flexbox .calendar-days {
    display: block; }
    html.no-flexbox .calendar-days .day,
    html.no-flexbox .calendar-days .day-spacer,
    html.no-flexbox .calendar-days .sm .day {
      display: block;
      min-height: 1px;
      width: 14%; } }

/* General */
.durations_controller.new .close-nights-wrap {
  display: none; }

#calendar_wrapper .month-link {
  font-size: 14px; }

#calendar_wrapper .bookable-av {
  border-bottom: 1px solid transparent;
  line-height: 30px; }

#calendar_wrapper .calendar-bookable-name {
  text-align: left;
  font-size: 10px;
  line-height: 13px;
  display: inline-block;
  vertical-align: middle;
  max-height: 28px;
  width: calc(100% + 30px);
  overflow: hidden; }
  #calendar_wrapper .calendar-bookable-name.dirty {
    color: #a00067; }

#calendar_wrapper .desired-reservations-calendar a {
  height: auto !important; }

#calendar_wrapper .day {
  font-size: 11px;
  overflow: hidden;
  position: relative;
  text-align: center; }
  #calendar_wrapper .day a {
    color: #f8f8f8;
    display: block;
    font-weight: normal;
    height: 100%;
    margin-bottom: 0;
    text-decoration: none; }

#calendar_wrapper .closed {
  background-color: #444444;
  color: #bbbbbb; }
  #calendar_wrapper .closed a:hover {
    color: #26a65b; }

#calendar_wrapper .please-call {
  background-color: #1d7d44;
  color: #ffffff; }
  #calendar_wrapper .please-call a:hover {
    color: #30d072; }

#calendar_wrapper .inactive {
  background-color: #f8f8f8; }
  #calendar_wrapper .inactive a {
    color: #444444; }

#calendar_wrapper .available {
  background-color: #26a65b;
  color: #ffffff; }
  #calendar_wrapper .available a {
    cursor: pointer; }
  #calendar_wrapper .available.S {
    background-color: #219150; }
  #calendar_wrapper .available:hover {
    background-color: #13532e; }

#calendar_wrapper .please-call a {
  cursor: pointer; }

#calendar_wrapper .nocheckin {
  background-color: #97e7b8; }

#calendar_wrapper .selected {
  background-color: #13532e !important; }

#calendar_wrapper .booked {
  background-color: #f64747 !important;
  color: #fef1f1 !important; }

#calendar_wrapper .dayname {
  color: #888888; }
  #calendar_wrapper .dayname.S {
    color: #6f6f6f; }

#calendar_wrapper section.bookable-av.sm .bookable-name {
  margin: 0; }

#calendar_wrapper .booking-legend p {
  font-size: 12px;
  line-height: 26px;
  white-space: nowrap; }

#calendar_wrapper .booking-legend .day {
  display: inline-block;
  height: 30px;
  margin-right: 10px;
  vertical-align: bottom;
  width: 30px; }
  #calendar_wrapper .booking-legend .day a {
    height: 30px;
    line-height: 30px;
    width: 30px; }

@media all and (max-width: 991px) {
  #calendar_wrapper .bookable-av {
    margin-top: 30px; }
  #calendar_wrapper section.bookable-av {
    margin-top: 0; }
  #calendar_wrapper section.bookable-av.lg {
    display: none; }
  #calendar_wrapper .calendar-bookable-name {
    display: block;
    font-size: 22px;
    line-height: 30px;
    margin-top: 30px;
    margin-bottom: 20px;
    font-weight: lighter;
    width: 100%;
    max-height: none; } }

@media all and (min-width: 992px) {
  #calendar_wrapper section.bookable-av.sm {
    display: none; } }

.small-calendar .calendar-days {
  display: block; }
  .small-calendar .calendar-days .day,
  .small-calendar .calendar-days .day-spacer,
  .small-calendar .calendar-days .sm .day {
    display: block;
    min-height: 1px;
    width: 14%; }

html.flexbox .small-calendar .calendar-days {
  -webkit-box-flex-wrap: wrap;
  -moz-box-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  html.flexbox .small-calendar .calendar-days .day,
  html.flexbox .small-calendar .calendar-days .day-spacer {
    -webkit-box-flex-grow: 1;
    /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-flex-grow: 1;
    /* OLD - Firefox 19- */
    -webkit-flex-grow: 1;
    /* Chrome */
    -ms-flex-grow: 1;
    /* IE 10 */
    flex-grow: 1;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    width: 14%;
    /* For old syntax, otherwise collapses. */ }

html.flexbox .small-calendar #calendar_wrapper .bookable-av {
  margin-top: 30px; }

html.flexbox .small-calendar #calendar_wrapper section.bookable-av {
  margin-top: 0; }

html.flexbox .small-calendar #calendar_wrapper section.bookable-av.lg {
  display: none; }

html.flexbox .small-calendar #calendar_wrapper .calendar-bookable-name {
  display: block;
  font-size: 22px;
  line-height: 30px;
  margin-top: 30px;
  margin-bottom: 20px;
  font-weight: lighter;
  width: 100%;
  max-height: none; }

html.flexbox .small-calendar #calendar_wrapper section.bookable-av.sm {
  display: block; }

html.flexbox .small-calendar #calendar_wrapper .col-md-1,
html.flexbox .small-calendar #calendar_wrapper .col-md-11 {
  width: 100%; }

html.flexbox .small-calendar .booking-legend,
html.flexbox .small-calendar .secret-mode-wrap {
  display: none; }

.hotel-policies h4 {
  margin: 30px 0 5px; }

.hotel-policies h5 {
  font-size: 12px;
  line-height: 1.6;
  margin-bottom: 5px;
  margin-top: 5px; }

.hotel-policies .policies p {
  font-size: 12px;
  line-height: 16px; }

.select-packages-container {
  padding-top: 20px; }

.duration-price-row {
  display: flex;
  justify-content: space-between; }
  .duration-price-row .discount {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap; }
    .duration-price-row .discount .was-price {
      text-decoration: line-through;
      margin: 0 3px; }
    .duration-price-row .discount .now-price {
      color: #26a65b;
      font-weight: bold;
      margin: 0 3px; }
    .duration-price-row .discount .promo-headline-label {
      background-color: #26a65b;
      color: white;
      margin: 0 3px;
      padding: 5px 5px 3px; }

.white {
  color: #ffffff; }

.red {
  color: #f64747; }

.green {
  color: #26a65b; }

.darker-red {
  color: #cd0a0a; }

.modal-content {
  padding: 10px;
  -webkit-box-shadow: 0 8px 6px -6px black;
  -moz-box-shadow: 0 8px 6px -6px black;
  box-shadow: 0 8px 6px -6px black;
  border: 0; }
  .modal-content h3 {
    margin: 25px 0 15px;
    border-bottom: 1px #444444 solid;
    padding-bottom: 10px;
    font-weight: 600;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 1px; }

select {
  color: #2b2b2b; }

.modal-header {
  border-bottom: none;
  padding: 0 20px; }

.modal-footer {
  border-top: none;
  padding-top: 20px; }

.fixednav {
  position: fixed;
  z-index: 20;
  width: 100%;
  top: 0;
  left: 0; }

.booking-calendar {
  padding-top: 60px;
  margin-bottom: 5px; }
  .booking-calendar p.lead {
    font-weight: bolder;
    font-size: 16px; }

.website {
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  .website header {
    height: 130px; }
  .website .four-oh-four {
    padding-top: 180px;
    text-align: center; }
    .website .four-oh-four h1 {
      color: #111111;
      letter-spacing: 2px;
      font-size: 15px;
      text-transform: uppercase;
      margin-top: 60px;
      margin-bottom: 20px;
      text-align: center; }
    .website .four-oh-four h2 {
      margin-bottom: 50px; }
    .website .four-oh-four a {
      text-transform: uppercase; }
  .website .customer-header {
    padding: 30px 0 10px; }
  .website .navbar-toggle {
    display: block;
    float: none;
    width: 100%;
    border: 0;
    text-transform: uppercase;
    font-weight: bolder;
    font-size: 12px;
    letter-spacing: 2px;
    border-radius: 0;
    color: #111111; }
    .website .navbar-toggle:hover, .website .navbar-toggle:active, .website .navbar-toggle:focus {
      background-color: #444444;
      color: #ffffff; }
  .website .navbar-default .navbar-collapse,
  .website .navbar-default .navbar-form {
    border: 0; }
  .website .navbar {
    border: 0;
    margin-bottom: 0;
    border-radius: 0; }
    .website .navbar h3 {
      color: #111111; }
    .website .navbar .navbar-nav {
      display: inline-block;
      float: none;
      vertical-align: middle;
      padding-top: 10px;
      width: 100%; }
    .website .navbar li {
      font-family: Libre Franklin;
      font-size: 15px;
      text-transform: capitalize; }
    .website .navbar .bo-logo {
      float: left;
      padding: 0 20px;
      width: 9%; }
      .website .navbar .bo-logo img {
        max-width: 120px;
        width: 100%;
        min-width: 88px; }
    .website .navbar .phone {
      padding: 15px;
      font-weight: bold;
      float: right;
      color: #111111; }
  .website .book-online {
    font-weight: bold; }
  .website .navbar-default {
    background-color: #F9F9F9;
    border: 0;
    padding: 20px 0; }
    .website .navbar-default .navbar-nav > li > a {
      color: #D34A00;
      border-bottom: 2px #F9F9F9 solid; }
      .website .navbar-default .navbar-nav > li > a:hover {
        color: #D34A00;
        background-color: #F9F9F9;
        border-bottom: 2px #D34A00 solid; }
    .website .navbar-default .navbar-nav > .active > a {
      background-color: #F9F9F9;
      border-bottom: transparent;
      color: #D34A00;
      font-weight: bold;
      border-bottom: 2px #F9F9F9 solid; }
  .website .img-bordered {
    border: 2px solid #888888; }
  .website .page-image {
    display: block;
    padding: 0; }
  .website .hero-image {
    height: 580px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center; }
  .website .being-booking-well {
    background-color: #F9F9F9;
    border-radius: 0; }
    .website .being-booking-well h3 {
      text-align: center;
      padding-bottom: 16px;
      margin-top: 6px; }
  .website .form-control {
    border: #868686; }
  .website .bfh-datepicker .input-group-addon {
    border-right: 0; }
  .website body {
    overflow-x: hidden; }
  .website .availability {
    padding: 30px 0; }
    .website .availability h3 {
      letter-spacing: 2px;
      font-size: 15px;
      text-transform: uppercase;
      margin-top: 10px;
      margin-bottom: 40px;
      text-align: center; }
  .website .why-stay-wrap {
    padding-top: 60px; }
    .website .why-stay-wrap .why-stay {
      text-align: left; }
      .website .why-stay-wrap .why-stay h3 {
        font-size: 15px;
        margin-top: 10px;
        margin-bottom: 20px;
        font-weight: bolder; }
      .website .why-stay-wrap .why-stay p {
        line-height: 1.8;
        font-size: 12px;
        padding-left: 20px;
        margin-bottom: 20px; }
      .website .why-stay-wrap .why-stay .fa {
        display: block;
        color: #444444; }
  .website .social-icons a:hover {
    text-decoration: none; }
    .website .social-icons a:hover .fa-circle {
      color: #444444; }
  .website .social-icons .fa-stack .fa {
    color: #ffffff; }
  .website .social-icons .fa-stack .fa-circle {
    color: #D34A00; }
  .website .room-for-selection {
    margin-top: 60px; }
    .website .room-for-selection h2 {
      margin-top: 0; }
    .website .room-for-selection .btn-success {
      background-color: #444444;
      color: #ffffff;
      border: 2px solid #888888; }
    .website .room-for-selection .alert-info {
      background-color: #76C1D9;
      color: #111111; }
  .website .home {
    line-height: 1.8; }
    .website .home .night-select p {
      text-align: left; }
    .website .home p.lead {
      padding: 10px 0 0;
      color: #444444;
      line-height: 1.6; }
    .website .home p {
      line-height: 1.9;
      color: #111111; }
    .website .home h1 {
      font-size: 26px;
      margin-top: 60px;
      margin-bottom: 10px;
      color: #444444;
      font-weight: bolder; }
    .website .home .page-content h1 {
      margin-top: 0;
      font-size: 18px; }
    .website .home h6 {
      margin-top: 20px;
      text-transform: uppercase;
      font-weight: bold;
      letter-spacing: 1px; }
  .website .accommodation-card .btn,
  .website .accommodation-list-wrapper .btn {
    border-radius: 0;
    font-size: 13px;
    font-weight: bolder;
    color: #ffffff; }
  .website .accommodation-card p,
  .website .accommodation-list-wrapper p {
    margin-bottom: 20px; }
  .website .accommodation-card h3,
  .website .accommodation-list-wrapper h3 {
    font-size: 18px;
    font-weight: bolder;
    margin-top: 10px; }
    .website .accommodation-card h3 small,
    .website .accommodation-list-wrapper h3 small {
      color: #5e5e5e;
      text-transform: uppercase;
      padding-left: 10px; }
  .website .accommodation-card a:hover,
  .website .accommodation-list-wrapper a:hover {
    text-decoration: none; }
  .website .accommodation-card p,
  .website .accommodation-list-wrapper p {
    line-height: 1.7; }
  .website .accommodation-card {
    padding: 20px;
    margin-bottom: 20px; }
    .website .accommodation-card h3 {
      padding-top: 10px; }
  .website .accommodation-list-wrapper {
    padding: 30px 0; }
  .website .general-page,
  .website .contact,
  .website .gallery-page,
  .website .accommodation-page,
  .website .single-accommodation-page {
    padding-top: 160px;
    line-height: 1.8; }
    .website .general-page h1,
    .website .contact h1,
    .website .gallery-page h1,
    .website .accommodation-page h1,
    .website .single-accommodation-page h1 {
      font-weight: bold;
      font-size: 26px;
      margin-bottom: 0; }
    .website .general-page .page-content h1,
    .website .contact .page-content h1,
    .website .gallery-page .page-content h1,
    .website .accommodation-page .page-content h1,
    .website .single-accommodation-page .page-content h1 {
      margin-top: 0;
      font-size: 16px; }
    .website .general-page h2,
    .website .contact h2,
    .website .gallery-page h2,
    .website .accommodation-page h2,
    .website .single-accommodation-page h2 {
      margin: 10px 0 20px;
      font-size: 22px;
      line-height: 1.4; }
    .website .general-page h6,
    .website .contact h6,
    .website .gallery-page h6,
    .website .accommodation-page h6,
    .website .single-accommodation-page h6 {
      font-weight: bolder;
      text-transform: uppercase;
      letter-spacing: 1px;
      font-size: 13px;
      margin: 20px 0 5px; }
    .website .general-page p,
    .website .general-page li,
    .website .contact p,
    .website .contact li,
    .website .gallery-page p,
    .website .gallery-page li,
    .website .accommodation-page p,
    .website .accommodation-page li,
    .website .single-accommodation-page p,
    .website .single-accommodation-page li {
      color: #111111; }
    .website .general-page .contact-information,
    .website .contact .contact-information,
    .website .gallery-page .contact-information,
    .website .accommodation-page .contact-information,
    .website .single-accommodation-page .contact-information {
      padding-top: 20px; }
      .website .general-page .contact-information i,
      .website .contact .contact-information i,
      .website .gallery-page .contact-information i,
      .website .accommodation-page .contact-information i,
      .website .single-accommodation-page .contact-information i {
        padding-right: 15px; }
      .website .general-page .contact-information h3,
      .website .contact .contact-information h3,
      .website .gallery-page .contact-information h3,
      .website .accommodation-page .contact-information h3,
      .website .single-accommodation-page .contact-information h3 {
        font-size: 16px;
        margin-bottom: 0;
        font-weight: bolder;
        color: #444444; }
    .website .general-page p,
    .website .general-page li,
    .website .contact p,
    .website .contact li,
    .website .gallery-page p,
    .website .gallery-page li,
    .website .accommodation-page p,
    .website .accommodation-page li,
    .website .single-accommodation-page p,
    .website .single-accommodation-page li {
      line-height: 1.9; }
    .website .general-page li,
    .website .contact li,
    .website .gallery-page li,
    .website .accommodation-page li,
    .website .single-accommodation-page li {
      padding-right: 40px; }
    .website .general-page .availability-checker,
    .website .contact .availability-checker,
    .website .gallery-page .availability-checker,
    .website .accommodation-page .availability-checker,
    .website .single-accommodation-page .availability-checker {
      padding-top: 30px; }
    .website .general-page .gallery-grid,
    .website .contact .gallery-grid,
    .website .gallery-page .gallery-grid,
    .website .accommodation-page .gallery-grid,
    .website .single-accommodation-page .gallery-grid {
      margin-bottom: 30px;
      animation-delay: 1.5s; }
      .website .general-page .gallery-grid img,
      .website .contact .gallery-grid img,
      .website .gallery-page .gallery-grid img,
      .website .accommodation-page .gallery-grid img,
      .website .single-accommodation-page .gallery-grid img {
        display: block;
        margin-bottom: 20px;
        border: 2px solid #c6c6c6; }
  .website footer {
    padding: 60px 0;
    text-align: center; }
    .website footer address {
      margin-bottom: 0;
      color: #111111; }
      .website footer address p {
        font-size: 14px;
        font-weight: bolder;
        color: #444444; }
    .website footer .copyright {
      font-size: 12px;
      color: #111111; }
    .website footer .address-details {
      font-family: #444444;
      padding-top: 20px; }

.accommodation-page .content {
  margin-bottom: 30px; }

.small-calendar {
  padding-top: 5px !important; }
  .small-calendar p.lead {
    color: #444444;
    font-weight: bolder;
    font-size: 14px;
    margin-bottom: 0 !important; }
  .small-calendar hr {
    border-top: 1px solid #444444;
    border-bottom: none; }

@media (max-width: 767px) {
  .general-page,
  .contact,
  .gallery-page,
  .accommodation-page,
  .single-accommodation-page {
    padding-top: 230px !important; }
  .phone {
    float: none !important; }
  .bo-logo {
    width: auto !important; } }

body {
  background-color: #F9F9F9;
  font-family: Libre Franklin; }
  body .iframe-css {
    color: #111111; }

.container,
#container .container,
.container-fluid {
  background-color: #F9F9F9;
  color: #111111; }

.package-row,
.promotion-details .well {
  background-color: white;
  color: #111111; }

.form-group label,
.label-sm, label {
  color: #111111; }
  .form-group label abbr,
  .label-sm abbr, label abbr {
    color: #444444; }

#calendar_wrapper .dayname {
  color: #111111; }

#calendar_wrapper .dayname.S {
  color: #444444; }

.summary h4 {
  color: #111111; }

.summary .total {
  color: #444444; }

.stripe-button-el span[style] {
  background-color: #449D44 !important; }

hr {
  border-color: #e0e0e0; }

p.credit {
  color: #111111; }

p.lead {
  color: #444444; }

header {
  background-color: #F9F9F9; }
  header .container,
  header #container {
    background-color: #F9F9F9; }

.accommodation-review-card h3 {
  color: #333; }

.modal-header .close {
  color: #D34A00; }

h1,
h2,
h3,
h4,
h5,
h6,
p.lead {
  font-family: Libre Franklin; }

a,
a.btn-link {
  color: #D34A00; }
  a:hover,
  a.btn-link:hover {
    color: #a03800; }

.modal-dialog p {
  color: #111111; }

.next-steps-block h4 {
  color: #444444; }

.next-steps-block .fa-check {
  color: #449D44; }

.next-steps-block h5 {
  color: #444444; }

.next-steps-block .good-to-know {
  color: #444444 !important; }

.new-booking-row h4,
.new-booking-row h5 {
  color: #444444; }

.new-booking-row p {
  color: #111111; }
  .new-booking-row psmall {
    color: #444444; }

.new-booking-row.added {
  border: 0 solid #ffffff;
  background-color: #4caf4c;
  color: #ffffff; }
  .new-booking-row.added h4,
  .new-booking-row.added h5,
  .new-booking-row.added p,
  .new-booking-row.added .btn-link {
    color: #ffffff; }

.new-booking-row.request-alert {
  background-color: #444444; }
  .new-booking-row.request-alert p {
    color: #ffffff;
    font-size: 12px; }

.btn-warning {
  background-color: #F64747;
  border: 0;
  color: #111111; }

.btn-primary {
  background-color: #76C1D9;
  border: 0;
  color: #111111; }
  .btn-primary:hover {
    background-color: #4eafce;
    border: 0;
    color: #111111; }

.btn-info {
  background-color: #a03800;
  border: 0;
  color: #ffffff; }
  .btn-info:hover {
    background-color: #D34A00;
    border: 0;
    color: #ffffff; }

.btn-book {
  background-color: #449D44;
  border: 0;
  color: #ffffff; }
  .btn-book:hover {
    background-color: #357935;
    color: #ffffff; }
  .btn-book:focus {
    background-color: #3c8b3c;
    color: #ffffff; }

h1,
h2,
h3,
h4,
h4.modal-title,
h5,
h6,
.optional-extras h5,
.bundled-extras h5,
.special-requests h5 {
  border-color: #444444;
  color: #444444; }

.modal-content {
  background-color: #F9F9F9;
  color: #111111; }

.many.guest h4,
.many.guest h5,
.many.guest p,
.many.guest li {
  color: #111111; }

.many.guest .monthyear,
.many.guest .arrive-depart {
  color: #666; }

.many.guest .number {
  color: #444444; }

.secure-payment label {
  color: #666; }

.alert {
  border: 0; }
  .alert.alert-warning {
    background-color: #76C1D9;
    color: #111111; }
    .alert.alert-warning a {
      color: #111111;
      text-decoration: underline; }

.form-control,
.btn-book,
.modal-content,
.many.guest,
.many.guest .delete-booking {
  border-radius: 10px !important; }

.many.guest .delete-booking {
  background-color: #F64747 !important;
  color: #111111 !important; }

.form-control:focus,
.date_picker .form-control[readonly] {
  background-color: #FFFFFF;
  color: #111111; }

.form-control,
.date_picker .form-control[readonly] {
  background-color: #FFFFFF;
  color: #111111; }

.form-control:focus, .payment-method-choice.active {
  border: 1px solid #76C1D9;
  box-shadow: 0 8px 6px -6px #76C1D9; }

.input-daterange .input-group-addon {
  background-color: #449D44;
  border-color: #449D44; }
  .input-daterange .input-group-addon i {
    background-color: #449D44;
    color: #ffffff;
    background-color: #449D44; }

.input-group-addon {
  background-color: #76C1D9;
  color: #111111;
  background-color: #e6e6e6; }

.select-dates-to-see-pricing {
  border: 1px dashed #111111;
  font-size: 12px;
  padding: 10px;
  text-align: center; }

/* Datepicker */
.datepicker .datepicker-switch,
.datepicker .next,
.datepicker .prev {
  color: #444444 !important; }
  .datepicker .datepicker-switch:hover,
  .datepicker .next:hover,
  .datepicker .prev:hover {
    background-color: #444444 !important;
    color: #ffffff !important; }

.datepicker .dow {
  color: #444444 !important; }

.datepicker .day:hover,
.datepicker .month:hover,
.datepicker .year:hover {
  background-color: #444444 !important;
  color: #ffffff !important; }

/* Calendar */
#calendar_wrapper .dayname {
  color: #515151 !important; }
  #calendar_wrapper .dayname.S {
    color: #1e1e1e !important; }

#calendar_wrapper .closed,
#calendar_wrapper .closed a,
#calendar_wrapper .closed a:hover {
  background-color: #333333;
  color: #ffffff; }

#calendar_wrapper .please-call {
  background-color: #1d7d44;
  color: #ffffff; }
  #calendar_wrapper .please-call a {
    cursor: pointer;
    background-color: #1d7d44;
    color: #ffffff; }
    #calendar_wrapper .please-call a:hover {
      background-color: #1d7d44;
      color: #ffffff; }

#calendar_wrapper .available {
  background-color: #26A65B;
  color: #ffffff; }
  #calendar_wrapper .available a {
    color: #ffffff; }
  #calendar_wrapper .available:hover {
    background-color: #1d7d44; }

#calendar_wrapper .inactive {
  background-color: #f8f8f8;
  color: #111111; }
  #calendar_wrapper .inactive a {
    color: #111111; }
  #calendar_wrapper .inactive:hover {
    background-color: #dfdfdf; }

#calendar_wrapper .nocheckin {
  background-color: #83E3AA; }
  #calendar_wrapper .nocheckin a {
    color: #111111; }

#calendar_wrapper .selected {
  background-color: #13532e !important; }

#calendar_wrapper .booked {
  background-color: #F64747 !important;
  color: #fdd9d9 !important; }
  #calendar_wrapper .booked a {
    color: #fdd9d9 !important; }

/* Mailer Stuff */
.mailer-content {
  background-color: #F9F9F9; }
  .mailer-content .booking-table-wrapper p,
  .mailer-content .booking-table-wrapper tr,
  .mailer-content .booking-table-wrapper td {
    color: #333; }
  .mailer-content .booking-table-wrapper h3,
  .mailer-content .booking-table-wrapper h4,
  .mailer-content .booking-table-wrapper h5 {
    color: #555; }
  .mailer-content .header {
    background-color: #F9F9F9;
    margin-bottom: 20px; }
  .mailer-content hr {
    border-top-color: #444444; }