.fc {
	--fc-event-text-color: #fff!important;
	--fc-button-bg-color: #A4C434!important;
	--fc-button-border-color: #A4C434!important;
	--fc-button-hover-bg-color: #95b22e!important;
	--fc-button-active-bg-color: #95b22e!important;
	--fc-button-active-border-color: #95b22e!important;
	--phoenix-calendar-bg: #fff;
	--phoenix-calendar-border-color: #e3e6ed;
}

.fc .fc-toolbar-title {
	color: #fff!important;
	text-transform: uppercase;
}

.fc .fc-button-primary {
	color: #fff;
    background-color: #9d9d9d;
    border-color: #9d9d9d;
}

.fc .fc-button-primary:not(:disabled).fc-button-active, .fc .fc-button-primary:not(:disabled):active {
    color: #fff;
	background-color: #1A9988;
    border-color: #1A9988;
}

.fc .fc-button-primary:hover {
    color: #fff;
	background-color: #1A9988;
    border-color: #1A9988;
}

.fc .fc-button-primary:disabled {
    color: #fff;
	background-color: #9d9d9d;
    border-color: #9d9d9d;
}

.fc .fc-next-button, .fc .fc-prev-button {
	color: #fff;
	background-color: #1A9988;
    border-color: #1A9988;
}

.fc .fc-next-button:disabled, .fc .fc-prev-button:disabled {
	color: #fff;
	background-color: #9d9d9d;
    border-color: #9d9d9d;
}

.fc .fc-timeGridDay-view .fc-v-event .fc-event-main:after, .fc .fc-timeGridWeek-view .fc-v-event .fc-event-main:after {
	background-color: #A4C434!important;
}

.fc .fc-h-event .fc-event-main::after, .fc .fc-daygrid-event .fc-event-main::after {
	border-color: #A4C434!important;
}

.fc .fc-button, .fc .fc-button:hover, .fc .fc-list-event-title a, a.fc-event, a.fc-event:hover {
	border: none!important;
}

.fc .fc-timeGridWeek-view .fc-col-header-cell-cushion {
	width: auto!important;
}

.fc .fc-col-header th {
	border: none!important;
	background-color: #A4C434!important;
	color: #fff!important;
	font-family: "Oswald","Quicksand","Nunito Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"!important;
	text-transform: uppercase;
}

.fc .fc-timeGridWeek-view .fc-col-header-cell.fc-day-today .fc-col-header-cell-cushion {
	color: #fff!important;
}

.fc td.fc-cell-shaded, .fc td.fc-day-disabled {
	background: #E0E0E0!important;
	border: none!important;
}

.fc .fc-non-business {
	background: transparent!important;
}

.fc .booking-closed-bg {
	opacity: 1 !important;
	background-color: rgba(4, 8, 16, 0.15) !important;
	background-image: radial-gradient(rgba(255, 255, 255, 0.30) 1px, transparent 1.2px) !important;
	background-size: 6px 6px !important;
	background-position: 0 0 !important;
	position: relative;
}

/* "Members Only" window (public viewer, after public hours but still open for members): a brand-green
   tint instead of the dark "Closed" dots, so it reads as open-for-members rather than closed. */
.fc .booking-closed-bg.booking-members-only {
	background-color: rgba(164, 196, 52, 0.12) !important;
	background-image: radial-gradient(rgba(164, 196, 52, 0.45) 1px, transparent 1.2px) !important;
}

.fc .booking-closed-bg.booking-members-only .booking-closed-label {
	color: #000000;
}

.fc .booking-closed-bg.booking-members-only .booking-closed-label__time,
.fc .booking-closed-bg.booking-members-only .booking-closed-label__title {
	background: #A4C434;
}

/* Closure label pill: time range above the title, mirroring the FullCalendar booking
   card where the time is lighter than the bolder status/name text. */
/* Positioning container only — each line carries its own pill so the two are visually separated. */
.fc .booking-closed-bg .booking-closed-label {
	position: absolute;
	top: 4px;
	left: 8px;
	max-width: calc(100% - 16px);
	/* Inherit the .fc base font-size so it matches the booking cards / time axis (no hardcoded px). */
	font-size: inherit;
	line-height: 1.3;
	color: #c6d2e6;
	pointer-events: none;
}

/* Each line gets its own black block, sized to its text, with a gap between them. */
.fc .booking-closed-bg .booking-closed-label__time,
.fc .booking-closed-bg .booking-closed-label__title {
	display: block;
	width: fit-content;
	max-width: 100%;
	background: rgb(10, 18, 32);
	padding: 1px 6px;
	border-radius: 4px;
	backdrop-filter: blur(4px);
	-webkit-backdrop-filter: blur(4px);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* Time line: lighter, like the booking card's time text. */
.fc .booking-closed-bg .booking-closed-label__time {
	font-weight: 400;
}

/* Title line: bolder, like the booking card's status ("Booked", "In Progress"); gap separates the blocks. */
.fc .booking-closed-bg .booking-closed-label__title {
	font-weight: 500;
	margin-top: 2px;
}

/* Lift the closure layer above booking cards so the closure label stays visible even when a
   reservation starts at the same time as the closure (the label otherwise renders behind the
   opaque booking card). Closures are the only background events here, so nothing else is affected.
   pointer-events:none keeps this raised layer click-through — its content is purely visual, so
   clicks/drags still reach the foreground booking cards and the selectable grid beneath. */
.fc .fc-timegrid-col-bg {
	z-index: 4 !important;
	pointer-events: none !important;
}

.fc .fc-timeGridWeek-view .fc-col-header-cell.fc-day-today .fc-col-header-cell-cushion::after {
	border: 4px solid #A4C434!important;
}

.fc .fc-timeGridDay-view .fc-timegrid-slot, .fc .fc-timeGridWeek-view .fc-timegrid-slot {
    height: 4rem!important;
}

/* body {
	font-family: "Quicksand","Nunito Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"!important
} */

input,
button,
select,
optgroup,
textarea,
label,
.alert,
.badge,
.blockquote-footer,
.btn,
.google-map-control-btn .zoomIn,
.google-map-control-btn .zoomOut,
.tox .tox-dialog__footer .tox-button:last-child,
.tox .tox-dialog__footer .tox-button--secondary,
.tox .tox-button-secondary,
.tox .tox-button,
[data-list] .page,
.pagination,
.valid-feedback,
.invalid-feedback {
	font-family: "Quicksand","Nunito Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"!important;
}

h6,
.h6,
h5,
.h5,
h4,
.h4,
h3,
.h3,
h2,
.h2,
h1,
.h1,
.navbar,
.btn-b9-oswald {
	font-family: "Oswald","Quicksand","Nunito Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"!important;
}

.nav-link {
	font-weight: 500!important;
}

.breadcrumb-item.active {
	color: #fff!important;
}

.breadcrumb-item a {
	color: #A4C434!important;
}

.text-b9 {
	color: #A4C434!important;
}

.bg-b9 {
	background-color: #A4C434!important;
}

.border-b9 {
	border-color: #A4C434!important;
}

.text-aqua-b9 {
	color: #1A9988!important;
}

.bg-aqua-b9 {
	background-color: #1A9988!important;
}

.border-aqua-b9 {
	border-color: #1A9988!important;
}

.text-gray-b9 {
	color: #E0E0E0!important;
}

.bg-gray-b9 {
	background-color: #E0E0E0!important;
}

.text-dark-gray-b9 {
	color: #b5b5b3!important;
}

.bg-dark-gray-b9 {
	background-color: #b5b5b3!important;
}

.border-gray-b9 {
	border-color: #E0E0E0!important;
}

.text-dark-b9 {
	color: #434343!important;
}

.bg-dark-b9 {
	background-color: #313131!important;
}

.border-dark-b9 {
	border-color: #434343!important;
}

.btn-info {
	--phoenix-btn-color: #fff!important;
	--phoenix-btn-bg: #A4C434!important;
	--phoenix-btn-border-color: transparent!important;
	--phoenix-btn-hover-color: #fff!important;
	--phoenix-btn-hover-bg: #95b22e!important;
	--phoenix-btn-hover-border-color: rgba(0, 0, 0, 0.2)!important;
	--phoenix-btn-focus-shadow-rgb: 255, 255, 255!important;
	--phoenix-btn-active-color: #fff!important;
	--phoenix-btn-active-bg: #95b22e!important;
	--phoenix-btn-active-border-color: rgba(0, 0, 0, 0.25)!important;
	--phoenix-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0)!important;
	--phoenix-btn-disabled-color: #fff!important;
	--phoenix-btn-disabled-bg: #A4C434!important;
	--phoenix-btn-disabled-border-color: transparent!important;
}

.btn-info-inverse {
	--phoenix-btn-color: #A4C434!important;
	--phoenix-btn-bg: #fff!important;
	--phoenix-btn-border-color: #A4C434!important;
	--phoenix-btn-hover-color: #fff!important;
	--phoenix-btn-hover-bg: #95b22e!important;
	--phoenix-btn-hover-border-color: rgba(0, 0, 0, 0.2)!important;
	--phoenix-btn-focus-shadow-rgb: 255, 255, 255!important;
	--phoenix-btn-active-color: #A4C434!important;
	--phoenix-btn-active-bg: #95b22e!important;
	--phoenix-btn-active-border-color: rgba(0, 0, 0, 0.25)!important;
	--phoenix-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0)!important;
	--phoenix-btn-disabled-color: #A4C434!important;
	--phoenix-btn-disabled-bg: #fff!important;
	--phoenix-btn-disabled-border-color: transparent!important;
}

.btn-neutral {
	--phoenix-btn-color: #999999!important;
	--phoenix-btn-bg: #fff!important;
	--phoenix-btn-border-color: #999999!important;
	--phoenix-btn-hover-color: #fff!important;
	--phoenix-btn-hover-bg: #999999!important;
	--phoenix-btn-hover-border-color: rgba(0, 0, 0, 0.2)!important;
	--phoenix-btn-focus-shadow-rgb: 255, 255, 255!important;
	--phoenix-btn-active-color: #fff!important;
	--phoenix-btn-active-bg: #999999!important;
	--phoenix-btn-active-border-color: rgba(0, 0, 0, 0.25)!important;
	--phoenix-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0)!important;
	--phoenix-btn-disabled-color: #999999!important;
	--phoenix-btn-disabled-bg: #fff!important;
	--phoenix-btn-disabled-border-color: #999999!important;
}

.btn-primary {
	--phoenix-btn-color: #fff!important;
	--phoenix-btn-bg: #434343!important;
	--phoenix-btn-border-color: transparent!important;
	--phoenix-btn-hover-color: #fff!important;
	--phoenix-btn-hover-bg: #4e4e4e!important;
	--phoenix-btn-hover-border-color: rgba(0, 0, 0, 0.2)!important;
	--phoenix-btn-focus-shadow-rgb: 255, 255, 255!important;
	--phoenix-btn-active-color: #fff!important;
	--phoenix-btn-active-bg: #4e4e4e!important;
	--phoenix-btn-active-border-color: rgba(0, 0, 0, 0.25)!important;
	--phoenix-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0)!important;
	--phoenix-btn-disabled-color: #fff!important;
	--phoenix-btn-disabled-bg: #434343!important;
	--phoenix-btn-disabled-border-color: transparent!important;
}

.btn-secondary {
	--phoenix-btn-color: #000!important;
	--phoenix-btn-bg: #CCCCCC!important;
	--phoenix-btn-border-color: transparent!important;
	--phoenix-btn-hover-color: #fff!important;
	--phoenix-btn-hover-bg: #1A9988!important;
	--phoenix-btn-hover-border-color: rgba(0, 0, 0, 0.2)!important;
	--phoenix-btn-focus-shadow-rgb: 255, 255, 255!important;
	--phoenix-btn-active-color: #fff!important;
	--phoenix-btn-active-bg: #1A9988!important;
	--phoenix-btn-active-border-color: rgba(0, 0, 0, 0.25)!important;
	--phoenix-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0)!important;
	--phoenix-btn-disabled-color: #fff!important;
	--phoenix-btn-disabled-bg: #CCCCCC!important;
	--phoenix-btn-disabled-border-color: transparent!important;
}

.btn-secondary-inverse {
	--phoenix-btn-color: #fff!important;
	--phoenix-btn-bg: #1A9988!important;
	--phoenix-btn-border-color: transparent!important;
	--phoenix-btn-hover-color: #000!important;
	--phoenix-btn-hover-bg: #CCC!important;
	--phoenix-btn-hover-border-color: rgba(0, 0, 0, 0.2)!important;
	--phoenix-btn-focus-shadow-rgb: 255, 255, 255!important;
	--phoenix-btn-active-color: #fff!important;
	--phoenix-btn-active-bg: #CCC!important;
	--phoenix-btn-active-border-color: rgba(0, 0, 0, 0.25)!important;
	--phoenix-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0)!important;
	--phoenix-btn-disabled-color: #fff!important;
	--phoenix-btn-disabled-bg: #1A9988!important;
	--phoenix-btn-disabled-border-color: transparent!important;
}

.btn-secondary-inverse-dark {
	--phoenix-btn-color: #fff!important;
	--phoenix-btn-bg: #1A9988!important;
	--phoenix-btn-border-color: transparent!important;
	--phoenix-btn-hover-color: #fff!important;
	--phoenix-btn-hover-bg: #000!important;
	--phoenix-btn-hover-border-color: rgba(0, 0, 0, 0.2)!important;
	--phoenix-btn-focus-shadow-rgb: 255, 255, 255!important;
	--phoenix-btn-active-color: #fff!important;
	--phoenix-btn-active-bg: #000!important;
	--phoenix-btn-active-border-color: rgba(0, 0, 0, 0.25)!important;
	--phoenix-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0)!important;
	--phoenix-btn-disabled-color: #fff!important;
	--phoenix-btn-disabled-bg: #1A9988!important;
	--phoenix-btn-disabled-border-color: transparent!important;
}

.btn-check:checked+.btn, .google-map-control-btn .btn-check:checked+.zoomIn, .google-map-control-btn .btn-check:checked+.zoomOut, .tox .tox-dialog__footer .btn-check:checked+.tox-button:last-child, .tox .tox-dialog__footer .btn-check:checked+.tox-button--secondary, .tox .btn-check:checked+.tox-button-secondary, .tox .btn-check:checked+.tox-button, [data-list] .btn-check:checked+.page, .btn-check:active+.btn, .google-map-control-btn .btn-check:active+.zoomIn, .google-map-control-btn .btn-check:active+.zoomOut, .tox .tox-dialog__footer .btn-check:active+.tox-button:last-child, .tox .tox-dialog__footer .btn-check:active+.tox-button--secondary, .tox .btn-check:active+.tox-button-secondary, .tox .btn-check:active+.tox-button, [data-list] .btn-check:active+.page, .btn:active, .google-map-control-btn .zoomIn:active, .google-map-control-btn .zoomOut:active, .tox .tox-dialog__footer .tox-button:active:last-child, .tox .tox-dialog__footer .tox-button--secondary:active, .tox .tox-button-secondary:active, .tox .tox-button:active, [data-list] .page:active, .btn.active, .google-map-control-btn .active.zoomIn, .google-map-control-btn .active.zoomOut, .tox .tox-dialog__footer .active.tox-button:last-child, .tox .tox-dialog__footer .active.tox-button--secondary, .tox .active.tox-button-secondary, .tox .active.tox-button, [data-list] .active.page, .btn.show, .google-map-control-btn .show.zoomIn, .google-map-control-btn .show.zoomOut, .tox .tox-dialog__footer .show.tox-button:last-child, .tox .tox-dialog__footer .show.tox-button--secondary, .tox .show.tox-button-secondary, .tox .show.tox-button, [data-list] .show.page {
    color: #fff!important;
    background-color: #1a9988!important;
    border-color: #1a9988!important;
    -webkit-box-shadow: #1a9988!important;
    box-shadow: #1a9988!important;
}

@media (max-width: 992px) {
	.btn-b9-lg {
		font-size: 0.8rem!important;
	}

	.fs-08 {
		font-size: 0.8rem;
	}
}

/* store */
.icon-indicator::before {
    position: absolute!important;
    content: ""!important;
    right: -3px!important;
    top: 2px!important;
    height: 20px!important;
    width: 20px!important;
    border-radius: 50%!important;
}

.product-thumb-container {
	height: auto!important;
}

/* form controls */
input[readonly]{ background-color: #f6f6f6; }
select[readonly]{ background-color: #f6f6f6; }
textarea[readonly]{ background-color: #f6f6f6; }
input[type="color"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
select:focus,
textarea {
	font-size: 16px;
}

body.page {
	background-color: #16202a;
}

/* main alert */
#main_alert {
	display: none; 
	z-index: 1020; 
	position: fixed; 
	top: 0; 
	width: 100%; 
	text-align: center; 
	height: 40px; 
	background-color: #000; 
	color: #fff; 
	justify-content: center; 
	align-items: center;
}

.content {
    width: 100%;
	padding: 2rem 1.5rem 2rem 1.5rem !important;
}

.page {
	min-height: auto !important;
}

.content .error {
	color: #f00;
}

/* override left padding for navbar */
.navbar-top {
  padding: 0 .5rem 0 0 !important;
}

/* override some flatpickr styles */
.flatpickr-day {
	line-height: 35px !important;
	border: 0 !important;
	border-radius: .25rem !important;
}

.b9-header {
	position: relative !important;
    top: 0 !important;
}

body {
	* {
		font-family: 'Outfit', sans-serif;
	}
}

.placeholder-space {
	margin-bottom: 240px;	
}