@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700&display=swap');

:root {
  --color-primary: #F39200;
  --color-primary-hover: #7D4E24;
  --color-button-hover: #fe9a05;
  --color-text-light: #FFF;
  --color-text-dark: #333333;
  --color-select: #fe9a05;
  --color-icon: var(--color-primary);
  --header-img: url('https://thelobs.com/wp-content/uploads/2023/09/logo-768x768.png');
}

.rb-loc-cur label {
  font-weight: 400 !important;
  color: var(--color-text-light, #666666) !important;
}

.ui-dialog-titlebar .ui-state-hover {
  background-color: transparent;
}

#orderForm\:itemdtbsk,
#orderForm\:itemdtchkout,
.rb-guests-dt {
  border: 1px solid #DDDDDD !important;
  -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1) !important;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1) !important;
}

div.rb-header {
  background-color: var(--color-bg-white, #FFFFFF) !important;
  -webkit-box-shadow: 3px 3px 12px rgba(0, 0, 0, 0.1);
  box-shadow: 3px 3px 12px rgba(0, 0, 0, 0.1);
  margin-bottom: 14px;
  height: 200px !important;
}

#locform\:currencySelect,
#locform\:languageSelect {
  border: 1px solid #DDDDDD;
}

.rb-header {
  background-image: var(--header-img);
  background-color: #FFFFFF !important;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 120px;
  border: none;
  border-bottom: 0;
}
.rb-header.ui-header {
  background-position: center 48px;
}

.rb-header-title {
  display: none;
}

/* Custom Headers */
.rb-vendor-text,
.rb-parent-cat-title > *,
.rb-child-cat-title > *,
.rb-prod-title > *,
.rb-basket-title > *,
.rb-basket-title-pg > *,
.rb-checkout-title,
.rb-my-booking-title > *,
.rb-my-group-title > *,
.rb-upsell-add-title,
.ui-dialog-title,
#orderForm\:existglbl,
#orderForm\:newguestlbl,
#orderForm\:contactinfolbl,
#orderForm\:addqlbl,
#orderForm\:foremlblnew,
#guestDialogForm\:foremlbledit,
#orderForm\:welclbl,
#orderForm\:foremlbl,
#orderForm\:snslbl,
h3 {
  color: var(--color-text-dark, #333333);
  text-transform: none;
}

/* Custom Icons */
.rb-vendor-title:before,
.rb-vendor-text:before,
.rb-parent-cat-title:before,
.rb-child-cat-title:before,
.rb-prod-title:before,
.rb-basket-title-pg:before,
.rb-checkout-title:before,
#orderForm\:existglbl:before,
#orderForm\:newguestlbl:before,
.rb-checkout-title:before,
#orderForm\:snslbl:before,
.rb-upsell-add-title:before {
  color: var(--color-icon, #555555);
}

/* Select Item Highlight */
.rb-vendor-container .rb-vendor-sel a img,
.rb-parent-cat-container .rb-parent-cat-sel a img,
.rb-parent-cat-container .rb-parent-cat-sel .rb-cat-box a,
.rb-child-cat-container .rb-child-cat-sel a img,
.rb-child-cat-container .rb-child-cat-sel .rb-cat-box a {
  -webkit-box-shadow: 0 0 0px 6px var(--color-select, #3388CC);
  box-shadow: 0 0 0px 6px var(--color-select, #3388CC);
}

/* Lighter Desc Font */
.rb-vendor-desc,
.rb-parent-cat-desc,
.rb-child-cat-desc {
  font-weight: normal;
}

#orderForm\:addbskpg > tbody:nth-child(1) > tr:nth-child(1) {
  text-align: left;
}

/* Basket Item Highlights */
#orderForm\:itemdtbsk_data tr.ui-widget-content > td:nth-child(1) > label,
#orderForm\:itemdtchkout_data tr.ui-widget-content > td:nth-child(1) > label {
  background-color: var(--color-icon, #555555);
  -webkit-box-shadow: 2px -1 -1 var(--color-icon, #555555), -2px -1 -1 var(--color-icon, #555555);
          box-shadow: 2px -1 -1 var(--color-icon, #555555), -2px -1 -1 var(--color-icon, #555555);
}

/* Accent Dialogue Title */
.ui-dialog .ui-dialog-titlebar {
  border-color: var(--color-select, #FFFFFF) !important;
  background-color: var(--color-icon, #555555) !important;
}

.ui-dialog-title {
  color: #FFFFFF !important;
}

.ui-dialog-titlebar-icon.ui-dialog-titlebar-close.ui-state-hover {
  background: rgba(0, 0, 0, 0.08) !important;
}

#orderForm\:booknow,
#orderForm\:booknowcond {
  background-color: var(--color-primary, #333333) !important;
  border: 1px solid var(--color-primary, #333333) !important;
  color: #FFFFFF !important;
}

#orderForm\:booknow:hover,
#orderForm\:booknowcond:hover {
  background-color: var(--color-primary-hover, #1A1A1A) !important;
  border: 1px solid var(--color-primary-hover, #1A1A1A) !important;
  color: #FFFFFF !important;
}

/* Custom Button Font */
.ui-button-text {
  font-family: "Noto Sans JP", sans-serif !important;
}

/* Lang And Currency */
#locform\:currencySelect_label,
#locform\:languageSelect_label {
  color: var(--color-icon, #555555);
}

.ui-widget-content .ui-state-highlight {
  background: var(--color-primary, #333333);
}

/* Checkout */
.rb-checkout-title:before {
  content: "\F291";
  margin-right: 10px;
  font-family: "FontAwesome" !important;
}

/* Default Buttons */
.ui-button.ui-widget.ui-state-default {
  background-color: var(--color-primary, #333333);
  border-color: var(--color-primary, #333333);
  color: #FFFFFF !important;
  font-weight: 600 !important;
}

.ui-button.ui-widget.ui-state-hover,
.ui-button.ui-widget.ui-state-active {
  background-color: var(--color-button-hover, #4D4D4D);
  border-color: var(--color-button-hover, #4D4D4D);
}

.ui-button {
  text-transform: uppercase;
}

.ui-header.ui-bar-inherit {
  border-bottom: 0;
}

.rb-header .ui-title {
  display: none !important;
}

/* Buttons */
#base_page\:gform > .ui-btn.ui-input-btn.ui-corner-all.ui-shadow,
#base_page\:locform\:languageSelect_input-button,
#base_page\:locform\:currencySelect_input-button {
  background-color: var(--color-primary, #333333);
  border: none;
  color: #FFFFFF !important;
  text-shadow: none !important;
}

#base_page\:gform > .ui-btn.ui-input-btn.ui-corner-all.ui-shadow:hover,
#base_page\:locform\:languageSelect_input-button:hover,
#base_page\:locform\:currencySelect_input-button:hover {
  background-color: var(--color-button-hover, #4D4D4D);
  border: none;
}

.ui-btn-right {
  top: 2px;
}

.ui-btn,
.ui-focus,
.ui-shadow-inset {
  box-shadow: none !important;
}
.ui-focus.ui-shadow-inset {
  border: 1px solid var(--color-primary) !important;
}

@media screen and (max-width: 768px) {
  .rb-header-title,
  .ui-title {
    margin: 0 .5rem !important;
    line-height: 42px;
    font-size: 1.75rem !important;
  }
}