/* Page background */
body, .main-content, .page-content {
  background: #00003a !important;
}

/* Cards */
div.row { background: transparent !important; }

.category-item.item,
.item_tab {
  background: #0a0f3d !important;
  border: 1px solid #1e2a7a !important;
  border-top: 3px solid #F4BA2D !important;
}

.item__footer,
.item__content {
  background: #0a0f3d !important;
  border: none !important;
}

.title--h4, h4.title {
  color: #eef2f8 !important;
}

/* Nav steps */
nav#steps-nav,
nav.steps-nav,
#sb_booking_info {
  border-bottom: none !important;
}

nav#steps-nav {
  border-bottom: 1px solid #F4BA2D !important;
}

nav#steps-nav li,
.step_info_item {
  background: #141960 !important;
  color: #8a9fc0 !important;
  border: none !important;
}

nav#steps-nav li a,
nav#steps-nav li span,
.step_info_item a,
.step_info_item .content {
  color: #8a9fc0 !important;
  background: transparent !important;
}

nav#steps-nav li.active,
.step_info_item.active {
  background: #F4BA2D !important;
}

nav#steps-nav li.active a,
nav#steps-nav li.active span,
.step_info_item.active a,
.step_info_item.active .content,
.step_info_item.active .title-small {
  color: #ffffff !important;
}

.title-small {
  color: #8a9fc0 !important;
}

/* Nav step arrows */
.step_info_item::after,
.step_info_item::before {
  border-color: #141960 !important;
  border-left-color: #141960 !important;
}

.step_info_item.active::after,
.step_info_item.active::before {
  border-left-color: #F4BA2D !important;
}

/* Buttons */
.btn, .btn-default, .select-btn, .btn-primary {
  background: #F4BA2D !important;
  color: #00003a !important;
  border: none !important;
}

/* Show select buttons */
.item__footer {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.select-btn,
.btn.select-btn,
.item__footer .btn {
  display: block !important;
  visibility: visible !important;
  width: 100% !important;
  background: #F4BA2D !important;
  color: #00003a !important;
  border: none !important;
}

/* Calendar */
div.calendar,
div.top-date-select,
#sb_dateview_container {
  background: #0a0f3d !important;
  border: 1px solid #1e2a7a !important;
}

div.calendar th {
  color: #8a9fc0 !important;
  background: transparent !important;
}

th.weekend, td.weekend,
div.calendar .weekend {
  color: #8a9fc0 !important;
}

div.calendar td.active,
div.calendar .day.active,
.calendar .weeks-date .date.selected,
div.date.selected,
.date.selected {
  background: #F4BA2D !important;
  color: #00003a !important;
  border-radius: 0 !important;
}

.day-on, .sb-available-date {
  color: #eef2f8 !important;
  opacity: 1 !important;
  font-weight: 500 !important;
}

/* Prev/Next month buttons */
#sb_prev_month,
#sb_next_month {
  background: transparent !important;
  border: 1px solid #F4BA2D !important;
  color: #F4BA2D !important;
}

#sb_prev_month span,
#sb_next_month span,
#sb_prev_month .fa,
#sb_next_month .fa {
  color: #F4BA2D !important;
}

/* Prev/Next date buttons */
.txt-left a,
.txt-right a {
  background: transparent !important;
  border: 1px solid #F4BA2D !important;
  color: #F4BA2D !important;
  padding: 6px 12px !important;
}

.txt-left a span,
.txt-right a span,
.txt-left a .fa,
.txt-right a .fa {
  color: #F4BA2D !important;
}

/* Timeline */
.timeline-item.available { background: #1e2a7a !important; }
.timeline-item.busy { background: #AC4742 !important; }

/* Time slots */
a.cell.sb-cell.free,
a.cell.sb-cell,
a.cell {
  background: #1e3f7a !important;
  border-top: 2px solid #F4BA2D !important;
  color: #eef2f8 !important;
}

a.cell.sb-cell.free:hover,
a.cell:hover {
  background: #F4BA2D !important;
  border-top-color: #F4BA2D !important;
  color: #00003a !important;
}

/* Time labels */
.hour-container .hour-row .time,
div.hour-row div.time {
  color: #8a9fc0 !important;
  visibility: visible !important;
  display: table-cell !important;
}

/* Modals */
.modal-dialog .modal-content,
.modal-dialog .modal__body,
.modal-content,
.modal-body,
.modal-header,
.modal-footer,
div.service-item,
div.item__tab {
  background: #0a0f3d !important;
  border-color: #1e2a7a !important;
  color: #eef2f8 !important;
}

.modal-content {
  border-top: 3px solid #F4BA2D !important;
}

/* Form inputs */
.form-control,
input[type="text"],
input[type="email"],
input[type="tel"] {
  background: #141960 !important;
  border: 1px solid #1e2a7a !important;
  color: #eef2f8 !important;
}

.control-label, label {
  color: #8a9fc0 !important;
}

h3, h4 {
  color: #eef2f8 !important;
}

/* Extras/add-ons */
.product-list-view-wrapper,
#sb_attribute_list_container,
#sb_product_container,
.detail-step-wrap {
  background: transparent !important;
  border: none !important;
}

.product-item,
.paid-attr__item,
.list-item {
  background: #2a4f9a !important;
  border: 2px solid #F4BA2D !important;
  color: #eef2f8 !important;
  box-shadow: 0 0 20px rgba(244, 186, 45, 0.25) !important;
}

.badge.price,
.price-badge,
.paid-attr__price {
  background: #F4BA2D !important;
  color: #00003a !important;
  border: none !important;
}

/* Homepage info blocks */
.index__row {
  background: #00003a !important;
  gap: 2px !important;
}

.index__item,
.index__item-timetable,
.index__item-about-us {
  background: #0a0f3d !important;
  border-top: 3px solid #F4BA2D !important;
  border-bottom: none !important;
  border-left: none !important;
  border-right: none !important;
  color: #eef2f8 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.section {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

div.section-pd {
  background: transparent !important;
  border: none !important;
}

div.section-pd h3,
div.section-pd h3.title,
div.section-pd h3.title--h3 {
  color: #F4BA2D !important;
  font-size: 11px !important;
  letter-spacing: 2.5px !important;
  text-transform: uppercase !important;
}

div.section-pd .txt,
div.section-pd p,
div.section-pd td,
div.section-pd a {
  color: #8a9fc0 !important;
}

/* Hide SimplyBook nav and footer */
.sb-header,
.sb-footer,
.review-block,
footer,
header {
  display: none !important;
}

/* Sonark Media header - bright white */
.index__item-about-us div.section-pd h3,
.index__item-about-us h3 {
  color: #F4BA2D !important;
}

/* Middle section body text - back to white */
.index__item-about-us div.section-pd .txt,
.index__item-about-us div.section-pd p {
  color: #eef2f8 !important;
}

h1.company-name {
  color: #F4BA2D !important;
}

/* Modal price */
.modal .price,
.modal .badge.price,
.modal .paid-attr__price,
.item__info-bar .price,
.badge.price {
  color: #F4BA2D !important;
  background: transparent !important;
  border: none !important;
}

/* Modal close button */
.modal .close,
.modal-header .close,
button.close {
  color: #eef2f8 !important;
  background: transparent !important;
  border: none !important;
  opacity: 1 !important;
}

.badge-deposit,
.price-deposit {
  color: #F4BA2D !important;
  background: transparent !important;
  border: none !important;
}

.badge-deposit .text,
.price-deposit .text {
  color: #8a9fc0 !important;
}

.paid-attr__price,
.attr-price,
.addon-price {
  background: #F4BA2D !important;
  color: #00003a !important;
  border: none !important;
}

div.item-price.badge,
.item-price.badge {
  background: #F4BA2D !important;
  color: #00003a !important;
  border: none !important;
}

/* Checkbox */
.c-item.check.sb-add,
input[type="checkbox"].sb-add {
  accent-color: #F4BA2D !important;
}

/* Read more button */
.item__read-more {
  background: transparent !important;
  border: 1px solid #F4BA2D !important;
  color: #F4BA2D !important;
}

/* Pink triangle before price */
div.item-price.badge::before,
.item-price.badge::before {
  border-color: transparent #F4BA2D transparent transparent !important;
}

.custom-label,
.custom-checkbox .custom-label {
  border-color: #F4BA2D !important;
  background: #F4BA2D !important;
}

.custom-checkbox input:checked + .custom-label {
  background: #F4BA2D !important;
  border-color: #F4BA2D !important;
}

.item__read-more::before {
  background: linear-gradient(to right, transparent, #0a0f3d) !important;
}

.item__read-more::before {
  background: linear-gradient(to right, transparent, #2a4f9a) !important;
}