/* Tiered Pricing Plugin Tweaks
   - Tweak inner borders */
.woocommerce table.shop_table.price-rules-table { border-collapse: collapse; }

/* WooCommerce tweaks
   - Decrease padding on WooCommerce notices (e.g. product added to cart) */
.fl-theme-builder-woo-notices { padding: 30px 20px 0px; }

/* - Increase padding on add to cart button so it is more in line with
     quantity input field. */
.woocommerce button.button { padding: 8px 12px; }

/* - Variations Tweaks */
/* -- Increase select font size */
.woocommerce div.product form.cart .variations select { font-size: 16px; }

/* -- Table element tweaks */
.woocommerce div.product .fl-module-fl-woo-cart-button form.cart .variations, .woocommerce div.product form.cart .variations {

	width: auto; /* Decrease table width so label and value are not so far apart. */
	margin: 15px 0px 0px; /* Decrease table margin. */

}

/* -- Add margin to bottom of variation price */
.woocommerce-variation-price { margin-bottom: 15px; }

/* -- Add border to top of variation section. */
/* -- Below was disabled because it was messing up the variable product accessories */
/* .variations_form { border-top: 1px solid #e6e6e6; } */

/* -- Decrease size of VAT exclusive price and adjust line height.
      This should hopefully help us avoid issues with Google Shopping
      detecting the wrong price. */
#standard-product-price small { font-size: 0.6em; }
#standard-product-price p.price { line-height: 1; }

/* Beaver builder product page tweaks */
/* - Change image and product summary widths */
@media (min-width: 768px), all {

	body.single-product.fl-builder div.product div.summary { width: 73%; }
	body.single-product.fl-builder div.product div.images { width: 23%; }

}

@media only screen and (max-width: 767px) {

	body.single-product.fl-builder div.product div.summary { width: 100%; }
	body.single-product.fl-builder div.product div.images { width: 60%; }

}

/* - Fix padding on Page Builder products.
     Removes padding from tab panel to counteract extra padding added
     by Beaver Builder modules. Adds padding to first h2 to match content */
body.single-product.fl-builder .woocommerce-Tabs-panel--description { padding: 10px !important; }
body.single-product.fl-builder .woocommerce-Tabs-panel--description h2:first-of-type { padding: 20px 20px 0px; }

/* Extra product Tab Tweaks
   - FAQ Tab
   -- Change letter font to match h1-h6 font */
.question .label, .answer .label { font-family: "Chivo", sans-serif; }

/* - Videos Tab
   -- Add bottom margin to videos */
#tab-videos .responsive-video { margin-bottom: 30px; }

/* - Manuals tab
   -- Add top margin to manuals promo */
#manuals-site-promo { margin-top: 20px; }

/* WPC Frequently Bought Together for WooCommerce Plugin Tweaks
   - Restyle variation accessory selection box  */
.woobt-products .woobt-product .variations_form .variations .variation {
   border-color: #f0a30e !important;
}
.woobt-products .woobt-product .variations_form .variations .variation .label {
   line-height: 1.5 !important;
}
.woobt-products .woobt-product .variations_form .variations .variation .select {
   line-height: 1.5 !important;
}
.woobt-products .woobt-product .variations_form .variations .variation .select select {
   color: #f0a30e !important;
}

/* Bundle & Save CTA Tab */
.woocommerce-tabs ul.tabs li.contained_in_kits_tab_tab {
    background-color: #428bca !important;
    transition: background-color 0.2s ease-in-out;
}

.woocommerce-tabs ul.tabs li.contained_in_kits_tab_tab a {
    color: #ffffff !important;
}

.woocommerce-tabs ul.tabs li.contained_in_kits_tab_tab a:focus-visible {
    outline: 3px solid rgba(255, 255, 255, 0.6);
    outline-offset: -3px;
}

/* Hover */
.woocommerce-tabs ul.tabs li.contained_in_kits_tab_tab:hover {
    background-color: #5aa0d6 !important;
}

/* Active (selected / pressed) */
.woocommerce-tabs ul.tabs li.contained_in_kits_tab_tab.active {
    background-color: #3570a6 !important;
}