.white {
  color: #ffffff;
}

.red {
  color: #f64747;
}

.green {
  color: #26a65b;
}

.darker-red {
  color: rgb(204.9740932642, 10.0259067358, 10.0259067358);
}

/* 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 */
:root {
  --background-inner: #F9F9F9;
}

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: #111111;
}

#calendar_wrapper .dayname {
  color: #111111;
}

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

.summary h4 {
  color: #111111;
}
.summary .total {
  color: #111111;
}

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

hr {
  border-color: rgb(223.5, 223.5, 223.5);
}

p.credit {
  color: #111111;
}

p.lead {
  color: #111111;
}

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: rgb(160, 56.1137440758, 0);
}

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

.next-steps-block h4 {
  color: #111111;
}
.next-steps-block .fa-check {
  color: #449D44;
}
.next-steps-block h5 {
  color: #111111;
}
.next-steps-block .good-to-know {
  color: #111111 !important;
}

.new-booking-row h4,
.new-booking-row h5 {
  color: #111111;
}
.new-booking-row p {
  color: #111111;
}
.new-booking-row psmall {
  color: #111111;
}
.new-booking-row.added {
  border: 0 solid #ffffff;
  background-color: rgb(75.7066666667, 174.7933333333, 75.7066666667);
  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: #111111;
}
.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: rgb(78.0742857143, 174.9314285714, 205.9257142857);
  border: 0;
  color: #111111;
}

.btn-info {
  background-color: rgb(160, 56.1137440758, 0);
  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: rgb(52.5866666667, 121.4133333333, 52.5866666667);
  color: #ffffff;
}
.btn-book:focus {
  background-color: rgb(60.2933333333, 139.2066666667, 60.2933333333);
  color: #ffffff;
}

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

.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: #111111;
}

.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: 4px !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: rgb(229.5, 229.5, 229.5);
}

.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: #111111 !important;
}
.datepicker .datepicker-switch:hover,
.datepicker .next:hover,
.datepicker .prev:hover {
  background-color: #111111 !important;
  color: #ffffff !important;
}
.datepicker .dow {
  color: #111111 !important;
}
.datepicker .day:hover,
.datepicker .month:hover,
.datepicker .year:hover {
  background-color: #111111 !important;
  color: #ffffff !important;
}

/* Calendar */
#calendar_wrapper .dayname {
  color: rgb(29.75, 29.75, 29.75) !important;
}
#calendar_wrapper .dayname.S {
  color: black !important;
}
#calendar_wrapper .closed,
#calendar_wrapper .closed a,
#calendar_wrapper .closed a:hover {
  background-color: #333333;
  color: #ffffff;
}
#calendar_wrapper .please-call {
  background-color: #186839;
  color: #ffffff;
}
#calendar_wrapper .please-call a {
  cursor: pointer;
  background-color: #186839;
  color: #ffffff;
}
#calendar_wrapper .please-call a:hover {
  background-color: #186839;
  color: #ffffff;
}
#calendar_wrapper .available {
  background-color: #26A65B;
  color: #ffffff;
}
#calendar_wrapper .available a {
  color: #ffffff;
}
#calendar_wrapper .available:hover {
  background-color: rgb(28.5, 124.5, 68.25);
}
#calendar_wrapper .inactive {
  background-color: #FFFFFF;
  color: #111111;
}
#calendar_wrapper .inactive a {
  color: #111111;
}
#calendar_wrapper .inactive:hover {
  background-color: rgb(229.5, 229.5, 229.5);
}
#calendar_wrapper .nocheckin {
  background-color: #83E3AA;
}
#calendar_wrapper .nocheckin a {
  color: #111111;
}
#calendar_wrapper .selected {
  background-color: rgb(19, 83, 45.5) !important;
}
#calendar_wrapper .booked {
  background-color: #F64747 !important;
  color: rgb(253.1347150259, 216.8652849741, 216.8652849741) !important;
}
#calendar_wrapper .booked a {
  color: rgb(253.1347150259, 216.8652849741, 216.8652849741) !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: #111111;
}

.bliss .price-list__key-wrap, .bliss article,
.bliss .bliss-reservation__form,
.bliss .enquiry__wrap,
.bliss .mini-cart {
  background-color: #F9F9F9;
  border: 1px solid #999999;
  border-radius: 5px;
}

.bliss .sbx-destination__submit, .bliss .btn.btn-primary {
  background-color: #FFFFFF;
  border-color: #333333;
  color: #111111 !important;
}

.bliss .btn.btn-info {
  background-color: #FFFFFF;
  border-color: #333333;
  color: #333333 !important;
}

body,
body.staylist {
  background: #F8F8F8;
  font-family: Libre Franklin;
}
body .container,
body #container .container,
body .container-fluid,
body.staylist .container,
body.staylist #container .container,
body.staylist .container-fluid {
  background: #F8F8F8;
  color: #111111;
}

header {
  background-color: #F8F8F8;
}

.bliss h2 {
  color: #111111;
  font-family: Libre Franklin;
}
.bliss .header__logo {
  flex: 0 1 15%;
}
.bliss .enquiry__attribute,
.bliss .enquiry__control {
  border-color: #999999;
}
.bliss .btn-group--price-list-key .btn-info {
  border-color: #999999;
}
.bliss .btn-group--price-list-key .btn-info--selected {
  background-color: #FFFFFF;
  color: #111111 !important;
}
.bliss .enquiry__small-text {
  color: #111111;
}
.bliss .price-list__key-wrap .price-list__bookable-description {
  color: #111111;
}
.bliss .price-list__table {
  background-color: #F9F9F9;
}
.bliss .sbx-destination__submit svg {
  fill: #111111 !important;
}
.bliss .map-pane .mapboxgl-marker {
  background-color: #FFFFFF;
}
.bliss .header__nav-item {
  border-color: #333333;
}
.bliss .header__nav-link {
  background-color: #FFFFFF;
  color: #333333;
  text-decoration: none;
}
.bliss .header__nav-link:hover {
  background: #FFFFFF;
  color: #111111;
}