/*
Theme Name: Beaver Builder Child Theme
Theme URI: http://www.wpbeaverbuilder.com
Version: 1.0
Description: An example child theme that can be used as a starting point for custom development.
Author: The Beaver Builder Team
Author URI: http://www.fastlinemedia.com
template: bb-theme
*/

/****** Global Background *******/
.fl-page-content, .fl-row-content-wrap {
	background-color: #faeed9;
}

/****** Global Photo *******/
.fl-photo-content {
	padding: 5px;
	border: 2px solid #6120e1;
}

.img-purple-bg .fl-photo-content{
	padding: 5px;
	border: 2px solid #66CC66;
}

.fl-node-noqmx8che6tg .fl-photo-img {
	width: 200px;
	border: none;
}

/****** Home Hero *******/
.home-hero .fl-photo-content.fl-photo-img-png {
	border: none;
}

h1.logo-title {
	color: #b88632 !important;

	background: linear-gradient(
		to bottom,
		#7a4b12 0%,
		#c98a2d 12%,
		#f8dc86 25%,
		#fff3bd 35%,
		#c68a2c 48%,
		#8b5515 55%,
		#d9a84b 68%,
		#f5d477 78%,
		#8a5414 100%
	);

	-webkit-background-clip: text;
	background-clip: text;

	-webkit-text-fill-color: transparent;

	-webkit-text-stroke: 0.4px rgba(75, 42, 8, 0.85);

	filter:
		drop-shadow(0 -1px 0 rgba(255, 239, 174, 0.75))
		drop-shadow(0 1px 0 rgba(87, 47, 5, 0.9))
		drop-shadow(0 2px 1px rgba(57, 30, 2, 0.35));
}

/****** Book Links *******/
/* Specifically remove underline when link is active or focused */
li.current-menu-item > a:active,
li.current-menu-item > a:focus,
li.current-menu-item.book-link > a:active,
li.current-menu-item.book-link > a:focus {
	text-decoration: none; /* Prevents underline on click and focus */
}

.book-link {
	margin-right: 10px !important;
}

.book-link:last-of-type {
	margin-right: 0; /* No extra space after the last book-link item */
}

.book-link a {
	background-color: #6c6;
	border-radius: 15px;
	color: #fff;
	padding: 5px 10px;
	text-decoration: none;
}

.book-link a:hover {
	color: #6221E1 !important; /* Or any color you prefer for the hover effect */
}

li.current-menu-item.book-link > a  {
	color: #6221E1 !important; /* Or any color you prefer for the hover effect */
}

/****** Woocommerce *******/

.fl-woocommerce-product .woocommerce ul.products li.product a img {
	width: 100% !important; /* Ensure the image takes up the full width of its container */
	height: auto !important; /* Maintain the aspect ratio */
	max-width: 300px !important; /* Set the max width */
}

.fl-woocommerce-product .woocommerce ul.products li.product {
	text-align: center; /* Centers all text and elements inside the product listing */
}

.fl-woocommerce-product .woocommerce ul.products li.product a img {
	display: block; /* Ensure the image is treated as a block element */
	margin: 0 auto; /* Center the image horizontally */
}

.fl-woocommerce-product .woocommerce ul.products li.product .woocommerce-loop-product__title,
.fl-woocommerce-product .woocommerce ul.products li.product .price,
.fl-woocommerce-product .woocommerce ul.products li.product .add_to_cart_button {
	text-align: center; /* Ensure all text and the button are centered */
	display: block;
	margin: 0 auto;
}

.page-id-136 h2.woocommerce-loop-product__title {
	display: none !important;
}
span.price {
	padding: 15px;
}

.fl-page .fl-module-woocommerce a.button{
	background-color: #6221E1;
}


/* =========================================================
   FLUENT BOOKING — BEAVER BUILDER BUTTON RESET
/* Fluent Booking selected time row */
.fl-page .fl-builder-content .fcal_spot.is_selected,
.fl-page .fl-builder-content .fcal_spot:has(.fcal_spot_name[aria-pressed="true"]) {
  display: flex !important;
  width: 100% !important;
}

/* Selected time button */
.fl-page .fl-builder-content .fcal_spot_name {
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 0 !important;
  white-space: nowrap !important;

  padding: 10px 15px !important;
  margin: 0 !important;

  font-size: 0.9rem !important;
  line-height: 1.2 !important;
}

/* Keep the visible time from wrapping */
.fl-page .fl-builder-content .fcal_spot_name > span:not(.fcal_sr_only) {
  white-space: nowrap !important;
}

/* Let Fluent Booking's Next action take the remaining width */
.fl-page .fl-builder-content .fcal_spot .fcal_spot_confirm,
.fl-page .fl-builder-content .fcal_spot .fcal_next_button {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

/****** Fluent Booking Time *******/
.fl-page .fl-builder-content .fcal_spot_name,
.fl-page .fl-builder-content .fcal_spot_name * {
  font-size: 16px !important;
    color: #5F594E !important;
}

.fcal_calendar_slot_wrap {
  --fcal_primary_color: #896643;
}

/* =========================================================
   FLUENT BOOKING — TYPOGRAPHY
   ========================================================= */

/* Fluent Booking appointment summary */
.fcal_slot_info {
  font-family: "Jost", sans-serif !important;
  font-size: 16px !important;
  line-height: 1.4 !important;
  color: #222 !important;
}

/* Appointment title */
.fcal_slot_info .fcal_slot_heading {
  font-family: "Cormorant Garamond", serif !important;
  font-size: 28px !important;
  line-height: 1.1 !important;
  font-weight: 500 !important;
  text-transform: none !important;
  color: #000 !important;
}

/* Duration, location, date/time, timezone */
.fcal_slot_info .fcal_icon_item,
.fcal_slot_info .fcal_icon_item span,
.fcal_slot_info .fcal_duration_title,
.fcal_slot_info .fcal_loc_text {
  font-family: "Jost", sans-serif !important;
  font-size: 16px !important;
  line-height: 1.4 !important;
  font-weight: 400 !important;
  color: #222 !important;
}