/*
  Theme Name: Boreal
  Version: 1.0.0
  Template: Divi
  Author: Nick
  Author URI: https://www.captivatehospitality.co.uk/
  Text Domain: boreal
  License: GNU General Public License v2 or later
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

.page-id-19 .dipi_hamburger .hamburger-inner,
.page-id-19 .dipi_hamburger .hamburger-inner:after,
.page-id-19 .dipi_hamburger .hamburger-inner:before {
  background-color: #ffffff !important;
}

.et_pb_text_0 h1,
.et_pb_text_1 h1,
.et_pb_text_2 h1,
.et_pb_text_3 h1,
.et_pb_text_6 h1,
.et_pb_text_7 h1,
.et_pb_text_8 h1 {
  font-size: 2em !important;
}

.et_pb_text h2 {
  font-size: 1.8em !important;
}
.et_pb_text h3 {
  font-size: 1.2em !important;
}
.et_pb_text h4 {
  font-size: 1.2em !important;
  text-transform: uppercase !important;
}

h5.et_pb_toggle_title {
  font-size: 1.2em !important;
  text-transform: uppercase !important;
}

h1.banner-title {
  font-size: 3em !important;
}
h1.home-banner-title {
  font-size: 3em !important;
}
h4.locations-subtitles {
  font-size: 19px !important;
}

/* Body Font */
.et_pb_text {
  font-size: 18px !important;
  line-height: 27px !important;
  font-weight: 500 !important;
}

.woocommerce-variation-add-to-cart.variations_button.woocommerce-variation-add-to-cart-disabled {
  margin-top: 10px;
}

h2.woocommerce-loop-product__title {
  font-size: 18px !important;
}

.woocommerce a.button.alt,
.woocommerce-page a.button.alt {
  border-color: #c71e4d !important;
}

/* Homepage Product Slider */
button.owl-prev,
button.owl-next,
.grid_no_animation figcaption {
  background: none !important;
  border: none !important;
}

.grid_no_animation figcaption h3.pro_title {
  font-size: 22px !important;
  text-transform: uppercase;
}

.grid_no_animation .pro_price_area {
  color: #e8184d !important;
  font-size: 18px;
}

.wpb_cart_button {
  display: none;
}

/* Product Page */

.et_pb_wc_add_to_cart .quantity input.qty {
  width: 100% !important;
  max-width: 100% !important;
}
/* .woocommerce-page div.product form.cart div.quantity,
.woocommerce div.product form.cart div.quantity {
  margin: 0px !important;
  padding: 0px !important;
  width: 50% !important;
  float: left !important;
} */

body .qib-button.qib-button-wrapper {
  display: flex;
  float: left;
  flex-wrap: nowrap;
  margin-right: 0px;
  align-items: center;
  justify-content: center;
  gap: 0;
  width: 50%;
}

button.single_add_to_cart_button.button.alt.wp-element-button {
  width: 45%;
  font-size: 11em;
}

.woocommerce-page .quantity input.qty,
.woocommerce .quantity input.qty {
  padding: 15px !important;
}

th.label {
  float: left;
  padding-right: 10px;
  padding-left: 10px;
  margin-top: 0px;
  margin-bottom: 0px;
}

/* Product Page Variation selection box */
.woocommerce div.product form.cart .variations td select {
  padding: 13px 8px;
  margin-top: -1px;
  font-size: 15px;
  margin-bottom: 0px;
}
.woocommerce div.product form.cart .variations td {
  width: 90%;
}

.woocommerce div.product form.cart .variations {
  margin-bottom: 0px;
}

.et_pb_wc_add_to_cart form.cart .variations td.value span:after {
  -webkit-transform: translateY(-200%);
  transform: translateY(-200%);
}

.woocommerce div.product div.images img {
  padding: 0px !important;
  box-sizing: border-box;
  object-fit: cover !important;
  height: 396px;
  width: auto !important;
  text-align: center !important;
  margin-left: auto;
  margin-right: auto;
}

.woocommerce div.product div.images .flex-control-thumbs li img {
  height: auto;
  width: 100% !important;
}

/* Product Image Slider Navigation Style*/
ul.flex-direction-nav {
  position: absolute;
  top: 50%;
  z-index: 99999;
  width: 100%;
  left: 0;
  margin: 0;
  padding: 0px;
  list-style: none;
}

li.flex-nav-prev {
  float: left;
}
li.flex-nav-next {
  float: right;
}
a.flex-next {
  visibility: hidden;
}
a.flex-prev {
  visibility: hidden;
}
a.flex-next::after {
  visibility: visible;
  content: "\f105";
  font-family: FontAwesome;
  margin-right: 10px;
  font-size: 40px;
}
a.flex-prev::before {
  visibility: visible;
  content: "\f104";
  font-family: FontAwesome;
  margin-left: 10px;
  font-size: 40px;
}

/* Divi default mobile header width */
.container.clearfix.et_menu_container {
  width: 98% !important;
}

/* Hide Product Page gallery thumbnails */
.et_pb_wc_images div.images ol.flex-control-thumbs.flex-control-nav {
  display: none !important;
}

.product-col1 {
  width: 33.33% !important;
  padding-left: 2% !important;
  padding-right: 2% !important;
}
.product-col2 {
  width: 33.33% !important;
  padding-left: 2% !important;
  padding-right: 2% !important;
}
.product-col3 {
  width: 33.33% !important;
  padding-left: 2% !important;
  padding-right: 2% !important;
}

body #page-container .et_pb_section .et_pb_wc_add_to_cart_0_tb_body .button {
  font-size: 0.8em !important;
}

/* ACF on shop page */

/* Style the modified product title */
.product-title {
  display: block;
  font-weight: bold;
}

.product-highlight {
  display: block;
  font-size: 14px;
  color: #888;
  margin-top: 5px;
}
.product-highlight2 {
  display: block;
  font-size: 12px;
  color: #888;
  margin-top: 5px;
}

/************************** Tablet Breakpoint **************************/

@media only screen and (max-device-width: 820px) {
  /* Quantity Box */
  .woocommerce-page div.product form.cart div.quantity,
  .woocommerce div.product form.cart div.quantity {
    width: 80% !important;
  }
  /* Variation Price */
  .woocommerce-variation-price {
    margin-bottom: 20px;
  }
  /* Add to cart button */
  button.single_add_to_cart_button.button.alt.wp-element-button {
    margin-top: 20px;
    width: 100%;
  }
  .product-col1 {
    width: 100% !important;
    padding-left: 2% !important;
    padding-right: 2% !important;
  }
  .product-col2 {
    width: 100% !important;
    padding-top: 20px !important;
    padding-left: 2% !important;
    padding-right: 2% !important;
  }
  .product-col3 {
    width: 100% !important;
    padding-left: 2% !important;
    padding-right: 2% !important;
  }
  .et_pb_wc_title_0_tb_body h1 {
    font-size: 4em;
  }
  body .qib-button.qib-button-wrapper {
    width: 100%;
  }
  h1.banner-title {
    font-size: 2em !important;
  }
  h1.home-banner-title {
    font-size: 2.5em !important;
  }
}

/************************** Mobile Breakpoint **************************/

@media only screen and (max-device-width: 480px) {
  /* Quantity Box */
  .woocommerce-page div.product form.cart div.quantity,
  .woocommerce div.product form.cart div.quantity {
    width: 80% !important;
  }
  /* Variation Price */
  .woocommerce-variation-price {
    margin-bottom: 20px;
  }
  /* Add to cart button */
  button.single_add_to_cart_button.button.alt.wp-element-button {
    margin-top: 20px;
    width: 100%;
  }
  .product-col1 {
    width: 100% !important;
    padding-left: 2% !important;
    padding-right: 2% !important;
  }
  .product-col2 {
    width: 100% !important;
    padding-top: 20px !important;
    padding-left: 2% !important;
    padding-right: 2% !important;
  }
  .product-col3 {
    width: 100% !important;
    padding-left: 2% !important;
    padding-right: 2% !important;
  }
  .et_pb_wc_title_0_tb_body h1 {
    font-size: 4em;
  }
  body .qib-button.qib-button-wrapper {
    width: 100%;
  }
  h1.banner-title {
    font-size: 1.8em !important;
  }
}

.product-highlight {
  text-align: center !important;
}

.forminator-label {
  border: none !important;
  background-color: none !important;
  text-transform: uppercase !important;
  font-size: 15px !important;
}

/* Make all Forminator fields transparent */
.forminator-input,
.forminator-textarea,
.forminator-select {
  background-color: transparent !important;
  box-shadow: none !important;
  color: black !important; /* Adjust text color as needed */
  border-top: 0px !important;
  border-right: 0px !important;
  border-left: 0px !important;
}

/* Optional: Adjust placeholder text color */
.forminator-input::placeholder,
.forminator-textarea::placeholder {
  color: rgba(255, 255, 255, 0.5) !important; /* Adjust as needed */
}

.forminator-ui#forminator-module-16251038.forminator-design--default
  .forminator-select2
  + .forminator-select
  .selection
  .select2-selection--single[role="combobox"] {
  border-color: #777771 !important;
  border-right: 0px !important;
  border-left: 0px !important;
  border-top: 0px !important;
  background-color: #fff !important;
}

.forminator-select-dropdown-container--open
  .forminator-custom-form-16251038.forminator-dropdown--default {
  border-color: #333 !important;
  background-color: #fff !important;
}

/* Make the Forminator submit button red */
.forminator-button-submit {
  background-color: #e8184d !important;
  border: none !important;
  color: white !important; /* Ensure text color contrasts with the button */
  padding: 10px 20px; /* Adjust padding as needed */
  font-size: 16px; /* Adjust font size as needed */
  cursor: pointer;
}

/* Optional: Add hover effect for the button */
.forminator-button-submit:hover {
  background-color: darkred !important; /* Adjust hover color as needed */
}

.my-account-menu {
  content: " " !important;
}

a.et-cart-info {
  margin-top: 2px !important;
}

/* Ensure all pages except the homepage have the correct color */
body:not(.home) .menu-item.user-icon a {
  color: #e8184d !important; /* Applies the text color */
}

/* Ensure the SVG inherits the color */
body:not(.home) .menu-item.user-icon svg {
  fill: currentColor !important; /* Makes the SVG inherit from text */
}

/* Force SVG path color if needed */
body:not(.home) .menu-item.user-icon svg path {
  fill: #e8184d !important;
}

@media only screen and (max-width: 980px) {
  .two-columns .et_pb_column {
    width: 50% !important;
  }
  h2.title-tiles {
    font-size: 20px !important;
  }
}
a.wpc-filters-submit-button {
  color: white !important;
}