/* ================================
   LOAD OO THERAN FONT
   ================================ */
@font-face {
  font-family: 'OOTheran';
  src: url('https://www.turnthetables.co.uk/s/OOTheran-Regular.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* ================================
   APPLY FONT TO SUPPORTED TEXT ONLY
   ================================ */

/* Main booking content */
#sb_booking_main,
#sb_booking_main p,
#sb_booking_main h1,
#sb_booking_main h2,
#sb_booking_main h3,
#sb_booking_main h4,
#sb_booking_main h5,
#sb_booking_main h6,
#sb_booking_main span,
#sb_booking_main div,
#sb_booking_main a,
#sb_booking_main li,
#sb_booking_main label {
  font-family: 'OOTheran', Arial, sans-serif !important;
}

/* Cards & service text */
.sb-card-title,
.sb-card-text,
.sb-card-description,
.sb-service,
.sb-service * {
  font-family: 'OOTheran', Arial, sans-serif !important;
}

/* Buttons & form fields */
button,
input,
select,
textarea {
  font-family: 'OOTheran', Arial, sans-serif !important;
}

/* ================================
   DO NOT TOUCH ICONS / ARROWS
   ================================ */
/* (leave icon fonts alone so they render correctly) *//* ================================
   LOAD OO THERAN FONT
   ================================ */

@font-face {
  font-family: 'OOTheran';
  src: url('https://static1.squarespace.com/static/6772a42c1dab7528696e6f9d/t/6960b9bd12ee703806357a6d/1767946685109/OOTheran-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* ================================
   APPLY FONT EVERYWHERE
   (Widget + all booking page text)
   ================================ */

html, body,
#sb_widget, #sb_widget *,
.sb-widget, .sb-widget *,
.sb-main, .sb-main *,
#container, #container *,
#events, #events *,
#eventForm, #eventForm * {
  font-family: 'OOTheran', Arial, sans-serif !important;/* Apply to the booking widget + form elements */
#events, 
#eventForm,
body,
button,
input,
select,
textarea {
  font-family: 'OOTheran', Arial, sans-serif !important;
}
/*
	Custom CSS
	Please make sure your CSS rules are 
	more particular / have higher priority
	then other page styles
*/
 #events h3   {
	/* add your css rule here */
}


 #events p.duration, #events div.duration   {
	/* add your css rule here */
}


 #events p.description, #events div.description   {
	/* add your css rule here */
}


 #events .selectedEvent   {
	/* add your css rule here */
}


 #events input.reserve_time_btn   {
	/* add your css rule here */
}


 #events input.select_another_btn   {
	/* add your css rule here */
}


 #eventForm #start_date-block-container h3, #eventForm #timeline-container h3   {
	/* add your css rule here */
}


 #eventForm #save_button   {
	/* add your css rule here */
}


 div.ui-widget-content   {
	/* add your css rule here */
}


 div.ui-widget-header   {
	/* add your css rule here */
}


 #timeline-container table.timeline   {
	/* add your css rule here */
}


 .timeline td.not_worked_time   {
	/* add your css rule here */
}


 .timeline td.free_time   {
	/* add your css rule here */
}


 .timeline td.selected_time   {
	/* add your css rule here */
}


 .timeline td.reserved_time   {
	/* add your css rule here */
}


 div#loading   {
	/* add your css rule here */
}


 div#widget_container   {
	/* add your css rule here */
}


 #widget_container #widget_header   {
	/* add your css rule here */
}


 #widget_container #widget_footer   {
	/* add your css rule here */
}


 #widget_container h1.title a   {
	/* add your css rule here */
}


 #events .event_price   {
	/* add your css rule here */
}


 #eventForm dd.extention_data   {
	/* add your css rule here */
}


 dd.extention_data dl.zend_form dt, dd.extention_data dl.zend_form dd label   {
	/* add your css rule here */
}

/* --- Force clean calendar arrows (hide built-in icon and use our own) --- */

/* Hide the built-in arrow icon */
.ui-datepicker-prev span,
.ui-datepicker-next span {
  display: none !important;
}

/* Make buttons predictable */
.ui-datepicker-prev,
.ui-datepicker-next {
  position: relative !important;
  width: 42px !important;
  height: 36px !important;
}

/* Add our own arrows */
.ui-datepicker-prev:after {
  content: "‹" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -55%) !important;
  font-family: Arial, sans-serif !important;
  font-size: 28px !important;
  line-height: 1 !important;
}

.ui-datepicker-next:after {
  content: "›" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -55%) !important;
  font-family: Arial, sans-serif !important;
  font-size: 28px !important;
  line-height: 1 !important;
}/* ================================
   LOAD OO THERAN FONT
   ================================ */
@font-face {
  font-family: 'OOTheran';
  src: url('https://static1.squarespace.com/static/6772a42c1dab7528696e6f9d/t/6960b9bd12ee703806357a6d/1767946685109/OOTheran-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* ================================
   APPLY FONT EVERYWHERE (BOOKING)
   ================================ */
html, body,
#sb_booking_main, #sb_booking_main *,
#sb_widget, #sb_widget *,
.sb-widget, .sb-widget *,
.sb-main, .sb-main *,
#container, #container *,
#events, #events *,
#eventForm, #eventForm * {
  font-family: 'OOTheran', Arial, sans-serif !important;
}

/* ================================
   ARROWS (KEEP SIMPLE)
   ================================ */
#sb_booking_main .ui-datepicker-prev span,
#sb_booking_main .ui-datepicker-next span,
#sb_booking_main .ui-datepicker .ui-icon,
#sb_booking_main .ui-datepicker [class*="ui-icon"] {
  display: none !important;
  background: none !important;
}

#sb_booking_main .ui-datepicker-prev,
#sb_booking_main .ui-datepicker-next {
  position: relative !important;
  width: 42px !important;
  height: 36px !important;
}

#sb_booking_main .ui-datepicker-prev:after {
  content: "‹" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -55%) !important;
  font-family: Arial, sans-serif !important;
  font-size: 28px !important;
  line-height: 1 !important;
}

#sb_booking_main .ui-datepicker-next:after {
  content: "›" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -55%) !important;
  font-family: Arial, sans-serif !important;
  font-size: 28px !important;
  line-height: 1 !important;
}

/* Force OoTheran on service / page descriptions */
#sb_booking_main .sb-description,
#sb_booking_main .sb-description *,
#sb_booking_main .description,
#sb_booking_main .description *,
#sb_booking_main .sb-text,
#sb_booking_main .sb-text *,
#sb_booking_main .sb-about,
#sb_booking_main .sb-about * {
  font-family: 'OOTheran', Arial, sans-serif !important;
}/* Force OoTheran on WYSIWYG content that uses <font> tags / face attributes */
#sb_booking_main font,
#sb_booking_main font * ,
#sb_booking_main [face],
#sb_booking_main [face] * {
  font-family: 'OOTheran', Arial, sans-serif !important;
}

@font-face {
  font-family: 'OOTheran';
  src: url('https://static1.squarespace.com/static/6772a42c1dab7528696e6f9d/t/6960b9bd12ee703806357a6d/1767946685109/OOTheran-Regular.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* FORCE FONT ON EVERYTHING, INCLUDING INLINE + LEGACY TAGS */
html, body,
#sb_booking_main,
#sb_booking_main *,
#sb_widget,
#sb_widget *,
.sb-main,
.sb-main *,
.sb-widget,
.sb-widget *,
#container,
#container *,
#events,
#events *,
#eventForm,
#eventForm *,
font,
font *,
*[style],
*[face] {
  font-family: 'OOTheran', Arial, sans-serif !important;
}/* Hide Category / Type bar (font is locked by SimplyBook) */
.sb-category,
.sb-category-title,
.sb-category-label,
.sb-categories {
  display: none !important;
}

/* Hide common v2 filter/category bars */
#sb_booking_main [class*="category"],
#sb_booking_main [class*="categories"],
#sb_booking_main [class*="filter"],
#sb_booking_main [class*="filters"],
#sb_booking_main [class*="tabs"] {
  display: none !important;
}/* ================================
   FORCE FONT ON CATEGORY / TYPE BAR (v2)
   ================================ */

/* Cover the most common v2 “chips/tabs/filter bar” implementations */
#sb_booking_main .sb-category,
#sb_booking_main .sb-categories,
#sb_booking_main .sb-category *,
#sb_booking_main .sb-categories *,
#sb_booking_main .sb-filters,
#sb_booking_main .sb-filters *,
#sb_booking_main .sb-tabs,
#sb_booking_main .sb-tabs *,
#sb_booking_main .sb-tab,
#sb_booking_main .sb-tab *,
#sb_booking_main .sb-chip,
#sb_booking_main .sb-chip *,
#sb_booking_main .sb-filter,
#sb_booking_main .sb-filter *,
#sb_booking_main .sb-select,
#sb_booking_main .sb-select *,
#sb_booking_main .sb-dropdown,
#sb_booking_main .sb-dropdown * {
  font-family: 'OOTheran', Arial, sans-serif !important;
}/* ===== Fix font for the step bar: Category / Type / Service Add-ons / Provider ===== */
#sb_booking_info,
#sb_booking_info * ,
.booking-info,
.booking-info * ,
.step_info_item,
.step_info_item * ,
.step_info_item a {
  font-family: 'OOTheran', Arial, sans-serif !important;
}