/*!
Theme Name: Haine Child
Theme URI: https://www.templatemonster.com/woocommerce-themes/haine-fashion-and-clothing-shop-woocommerce-theme-268567.html
Author: MhrTheme
Author URI: https://www.templatemonster.com/authors/mhrtheme/
Template: haine
Description: Haine - Fashion and Clothing Shop WooCommerce Theme.
Version: 2.0
Tested up to: 6.6
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: haine-child
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.
*/

.flex {
	display: flex;
}

.gap10px {
	gap: 10px;
}

.gap-2 {
    padding-left: 1rem;
    padding-right: 1rem;
    width: 78px;
    height: 48px;
    background-color: #C62828;
    color: #FFF;
    align-items: center;
}

.gap-1 {
	gap: .25rem;
}

.text-x1 {
	font-weight: 700;
	font-size: 1.25rem;
    line-height: 1.75rem;
}

.text-x2 {
	font-size: 12px;
	text-transform: capitalize;
	align-self: flex-end;
}

a:hover, .nav-link:hover, .dropdown-item:hover {
	color: #388E3C;
}

.attr {
	gap: 1.5rem;
}

.reset_variations {
	display: none !important;
}

.single-services-box i {
    font-size: 50px;
    color: #FFF;
}

.location {
	padding: 10px 0px;
  font-size: 1.2rem;
}

.location span {
	padding-left: 20px;
}

.occasion {
  font-size: 1.5rem;
}

.woocommerce-tabs {
 	display: flex;
}

.woocommerce-tabs ul.tabs {
 	flex-direction: column; 
 	width: 200px;
 	margin-right: 20px;
}

.woocommerce-tabs ul.tabs li {
 	width: 100%;
}

.woocommerce-tabs .panel {
 	flex: 1;
}

.spacer,
.wrapper {
  width: 100%;
  min-height: 100vh;
  padding-top: 50px;
  text-align: center;
  font-size: 20px;
}

.wrapper {
  padding-top: 100px;
  padding-bottom: 50px;
  border-top: dashed 2px var(--color-surface50);
  border-bottom: dashed 2px var(--color-surface50);
}

.card-wrapper {
  width: 100%;
  perspective: 500px;
  margin-bottom: 50px;
}
.card-wrapper:last-child {
  margin-bottom: 0;
}

.cards {
  width: 70%;
  margin: 0 auto;
  padding: 0 50px;
}

.card-item {
  width: 100%;
  height: 400px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 30px;
  border-radius: 10px;
}

.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
  color: #333333;
}

.woocommerce div.product form.cart .variations td, .woocommerce div.product form.cart .variations th {
  width: 50%;
}

.woocommerce-page form .form-row-first {
  width: 100%;
}

.woocommerce div.product div.images .flex-control-thumbs li img {
  opacity: 1;
  max-height: 75px;
  padding: 0px 5px;
}

.haine-nav .navbar .others-option .option-item .default-btn:hover, .default-btn:hover,.page-title-content ol li a:hover, .page-title-content ol li a:focus {
  color: #333;
}

.site-branding img {
    max-height: 55px;
    width: auto;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled[disabled]:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled[disabled]:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled[disabled]:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt:disabled[disabled]:hover {
	background-color: var(--mainColor) !important;
}

button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
	color: #333333 !important;
}
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
	border: 1px solid;
	border-color: var(--mainColor);
}