/*!
Theme Name: Zin Chome
Theme URI: https://profiles.wordpress.org/bonnyelangbam
Author: TDD
Author URI: https://www.thedigitaldepartment.ie/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: zinchome
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.
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
	margin: 0;
	overflow-x: hidden;

}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */
body, p {
	margin: 0;
}

body{
	overflow-x: hidden;
}

.woocommerce-result-count{
	font-family: Red Hat Display;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    color: #5C5C5C;
}


.custom-shop-topbar {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
    flex-direction: row;
    align-items: center;
	margin-bottom: 50px;
}
.left-custom-shop-topbar {
    display: flex;
    gap: 20px;
    align-items: center;
}

p.woocommerce-result-count{
margin: 0!important;
}

.custom-buttons-wrapper {
    display: flex;
    gap: 8px;
}

.custom-buttons-wrapper button {
    background: #f5f5f5;
    border: 1px solid #ccc;
    padding: 6px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.custom-buttons-wrapper button:hover {
    background: #e5e5e5;
}

.custom-buttons-wrapper svg {
    display: block;
}


.custom-buttons-wrapper button.active {
    background: #0073aa;
    color: #fff;
    border-color: #0073aa;
}

.products.grid-view li.product {
    width: 30%; /* example for grid */
}

.products.list-view li.product {
    width: 100%; /* example for list */
}

.woocommerce-ordering{
margin: 0!important;
}

.woocommerce.columns-1 .products.list-view li a{
	display: flex!important;
	gap: 30px;
}


.woocommerce.columns-1 .products.list-view li a img{
	max-width: 250px;
}


.woocommerce-ordering select {
    background-color: #EEEEEE;
    padding: 15px 40px 15px 20px; /* extra right space for icon */
    border: 0;
    font-family: "Red Hat Display", sans-serif;
    font-weight: 500;
    font-size: 14px;
    text-transform: uppercase;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;

    /* Chevron Down Icon */
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='%23666' viewBox='0 0 24 24'><path d='M7 10l5 5 5-5'/></svg>");
    background-repeat: no-repeat;
    background-position: right 15px center;
    background-size: 14px;
}

/* Hide default arrow in IE */
.woocommerce-ordering select::-ms-expand {
    display: none;
}


.slick-list{
	max-height: 700px;
}

.wpgs_image.slick-slide.slick-current.slick-active img {
    max-height: 700px!important;
    object-fit: contain;
}


@media (max-width: 1023px) {
    .custom-shop-topbar {
		display: flex;
		margin-bottom: 15px;
		flex-direction: column;
		align-items: flex-start;
		margin-bottom: 50px;
		gap: 20px;
		padding: 20px;
	}
}

.custom-variation-buttons{
	margin-bottom: 30px;
	display: flex;
	gap: 20px;
	
}
.custom-variation-buttons button{
	padding: 0;
	margin: 0!important;
	max-height: 66px;
	border: 0;
}

.custom-variation-buttons button img{
	border: 2px solid #fff;
	max-height: 66px;
}

.custom-variation-buttons button.selected img{
	border: 2px solid;
}

table#sort_customizable_table {
    width: 100%;
	border-collapse: collapse;
}

.wdr_bulk_table_thead {
	background-color: #EEEEEE;
	
}



.wdr_bulk_table_thead th {
	color: var(--e-global-color-text);
    font-family: var(--e-global-typography-text-font-family), sans-serif;
    font-size: var(--e-global-typography-text-font-size);
    line-height: var(--e-global-typography-text-line-height);
	border: 1px #D8D8D8 solid;
	padding: 10px;
	text-align: left;
}

.bulk_table_row td {
    color: var(--e-global-color-text);
    font-family: var(--e-global-typography-text-font-family), sans-serif;
    font-size: var(--e-global-typography-text-font-size);
    font-weight: var(--e-global-typography-text-font-weight);
    line-height: var(--e-global-typography-text-line-height);
	border: 1px #D8D8D8 solid;
	padding: 10px;
}

.elementor-add-to-cart.elementor-product-variable .variations tr{
	display: flex;
    flex-direction: column;
    align-items: flex-start;
}


.elementor-add-to-cart.elementor-product-variable .variations th.label {
    width: 100%;
    text-align: left;
    background: #EEEEEE;
    padding: 15px;
	border: 1px #D8D8D8 solid!important;

}

.elementor-add-to-cart.elementor-product-variable .variations td.value{
    width: 100%;
    display: flex;
    flex-direction: column;
	padding: 0!important;
}

.elementor-add-to-cart.elementor-product-variable .variations select#select-quantity {
    padding: 15px 15px;
    border: 1px #D8D8D8 solid;
	border-top: 0px;
	margin: 0;
}

.reset_variations{
	color: var(--e-global-color-text);
    font-family: var(--e-global-typography-text-font-family), sans-serif;
    font-size: 14px;
    font-weight: var(--e-global-typography-text-font-weight);
}

@media (max-width: 767px) {

    .custom-buttons-wrapper{
        display: none;
    }

    .custom-shop-topbar {
		margin-bottom: 0px;
		padding: 25px 0;
	}
}

.woocommerce-variation-price .price{
    color: var(--e-global-color-primary)!important;
    font-family: "Red Hat Display", Sans-serif;
    font-size: 26px!important;
    font-weight: 500;
    line-height: 30px;
}

.woocommerce-variation-price {
    margin-bottom: 20px;
}