/* Fade in the page. */
.wp-site-blocks {
    animation: fadein 0.3s;
}

@keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}


body.woocommerce-page main {
    max-width: 100%;
    /* border: 1px solid green; */
}


.woocommerce div.product ol.flex-control-thumbs li {
    width: 25%;
    margin-right: 0;
}


body.woocommerce-account .wp-block-post-title,
body.woocommerce-account main .woocommerce,
body.woocommerce-cart .wp-block-post-title,
body.woocommerce-cart main .woocommerce,
body.woocommerce-checkout .wp-block-post-title,
body.woocommerce-checkout main .woocommerce {

	max-width: calc(var(--wp--style--global--wide-size))!important;
	/* border: 1px solid red!important; */

	/*max-width: calc(1400px + var(--wp--style--root--padding-right) + var(--wp--style--root--padding-left))!important;*/
	/* border: 1px solid red!important; */
	margin-left: auto;
	margin-right: auto;
}
body.woocommerce-page h1.wp-block-post-title {

}

.wc-block-mini-cart__button .wc-block-mini-cart__amount {
	text-decoration: underline;
	text-underline-offset: 0.3ch;
}
.wc-block-mini-cart__button:hover:not([disabled]) .wc-block-mini-cart__amount {
    text-decoration: none;
}
.wc-block-mini-cart__button:hover:not([disabled]) {
    opacity: 1;

}

:where(div[data-block-name="woocommerce/legacy-template"]) {

    max-width: unset;
}


/* move the cart totals to the right */
.woocommerce-page .woocommerce-cart-form table.shop_table_responsive td.product-subtotal,
.woocommerce-page .woocommerce-cart-form table.shop_table_responsive th.product-subtotal {
	 text-align: right;  
}


.woocommerce-page .cart-collaterals table.shop_table_responsive td {
    
	text-align: right;  
}

.woocommerce-page .cart-collaterals .wc-proceed-to-checkout {
	text-align: right;  
}


body.woocommerce-page table.shop_table_responsive tbody tr {
    border-top: 1px solid var(--wp--preset--color--primary);
}

.woocommerce-page .cart-collaterals table.shop_table_responsive tr {
    border-top: 1px solid var(--wp--preset--color--primary);
}


.woocommerce ul.products li.product-category,
.woocommerce-page ul.products li.product-category {
    /* margin: 0 10px 10px 0; */
}

/*.woocommerce mark {
	color: var(--wp--preset--color--foreground);
}*/


.woocommerce ul.products li.product h2.woocommerce-loop-category__title {
    font-size: 1.2em!important;
	font-family: var(--wp--preset--font-family--open-sans);
}

.woocommerce mark.count,
.woocommerce .woocommerce-breadcrumb,
.woocommerce .woocommerce-result-count {
	display: none;
}

.wc-block-components-sidebar-layout .wc-block-components-main {/* padding-right: 0; *//* width: 100%; */}

.is-large.wc-block-cart .wc-block-cart-items th:last-child {
	padding-right: 1em;
}

/* .wc-block-components-sidebar {
    display: none;
}*/



/* inline style for product categories list block */

.wc-block-product-categories.is-style-inline {
	width: 100%;
}

.wc-block-product-categories.is-style-inline ul {
	list-style: none;
}

.wc-block-product-categories.is-style-inline ul ul {
	padding-left: 0;
}

.wc-block-product-categories.is-style-inline ul ul li:before {
	content: ' - ';
}

.wc-block-product-categories.is-style-inline > ul {
	columns: 4;
	-webkit-columns: 4;
	-moz-columns: 4;
	padding: 0;
}

.wc-block-product-categories.is-style-inline ul li {}

@media only screen and (max-width: 768px) {
    .wc-block-product-categories.is-style-inline > ul {
		columns: 2;
		-webkit-columns: 2;
		-moz-columns: 2;		
	}
}


.wc-pao-addon-image-swatch img {
    background: #fff;
}

.woocommerce-page .input-text,
.wc-pao-addon .wc-pao-addon-wrap select {
	font-family: var(--wp--preset--font-family--open-sans);
	background: #fff!important;
	padding: .9rem 1.1rem;
	font-size: var(--wp--preset--font-size--small);
}


.woocommerce div.product .entry-summary .woocommerce-Price-amount {
	font-size: var(--wp--preset--font-size--small)
}

.woocommerce .wc-pao-addon-image-swatch img {
    max-width: 80px;
    max-height: 80px;

}

body .woocommerce-error,
body .woocommerce-info,
body .woocommerce-message {
    color: var(--wp--preset--color--foreground);
	background: #3333330f;
	border-top-color: var(--wp--preset--color--secondary);
	font-size: var(--wp--preset--font-size--medium);
}


body .woocommerce .woocommerce-NoticeGroup-checkout ul.woocommerce-error[role=alert] {
    color: var(--wp--preset--color--foreground);
    background: #3333330f
}

.woocommerce-products-header {
	text-align: center;
}

.woocommerce-products-header__title {
	margin: initial;
}

input, select, textarea {
	border-width: 1px;
}

.wp-block-navigation .has-child:not(.open-on-click):hover>.wp-block-navigation__submenu-container{
	min-width: 250px;	
}

.woocommerce ul.products li.product a.woocommerce-loop-product__link h2.woocommerce-loop-product__title:hover {
	text-decoration: underline;
	

}

.woocommerce ul.products li.product {
	text-align: left;
}
.woocommerce ul.products li.product h2.woocommerce-loop-product__title {
	font-family: var(--wp--preset--font-family--inter-tight);
    font-style: normal;
    font-weight: 600;
    line-height: 1.4;

    text-decoration: none;

	font-size: var(--wp--preset--font-size--large) !important;
	text-align: left;
}


.woocommerce .star-rating {

    margin: 1rem 0 .7rem 0;
}

.woocommerce div.product div.summary {
	font-size: initial;
}

/* pill shaped pagination */

.is-style-pill .wp-block-query-pagination-numbers .page-numbers,
.is-style-pill .wp-block-query-pagination-next,
.is-style-pill .wp-block-query-pagination-previous,

.woocommerce-pagination span.page-numbers,
.woocommerce-pagination a.page-numbers{
    border: 1px solid;
    border-radius: 50px;
    padding: 0.4em 1.2em;
}

.woocommerce-pagination span.page-numbers,
.woocommerce-pagination a.page-numbers{
	font-size: var(--wp--preset--font-size--small);
	text-decoration: none;
}

.woocommerce-pagination a:hover {
	text-decoration: underline;	
}

.woocommerce-pagination .prev:after{
    font-size: var(--wp--preset--font-size--small);
	content: ' Previous Page';
}

.woocommerce-pagination .next:before{
    font-size: var(--wp--preset--font-size--small);
	content: 'Next Page ';
}

.woocommerce-page ul.wc_payment_methods li.wc_payment_method,
.woocommerce-page ul.woocommerce-shipping-methods li.wc_payment_method {
    padding: 1.5em;
    background: #3333330f
}



/* hack to hide the card details from old template on checkout page */
.woocommerce form .form-row[data-priority="112"] {
	display: none;
}

.woocommerce .wp-block-woocommerce-product-image-gallery span.onsale {
    background: var(--wp--preset--color--quaternary);
	color: var(--wp--preset--color--background);
}

.wc-block-grid .wc-block-grid__product-onsale, .wc-block-grid__product-image .wc-block-grid__product-onsale {
    border: 0;
    font-weight: initial;
    left: initial;
    text-transform: unset;

	top: -1rem;
    right: -1rem;
    position: absolute;

    border-radius: 2rem;
    line-height: 2.6rem;
    font-size: .8rem;
    padding: 0 .5rem 0 .5rem;
		
    background: var(--wp--preset--color--quaternary);
	color: var(--wp--preset--color--background);	
}

.edit-post-visual-editor .editor-block-list__block .wc-block-grid__product-title, 
.editor-styles-wrapper .wc-block-grid__product-title, .wc-block-grid__product-title {
	font-family: var(--wp--preset--font-family--inter-tight);
    font-style: normal;
    font-size: var(--wp--preset--font-size--large);
	font-weight: 600;
}

.wc-block-grid__product .wc-block-grid__product-image:not(.wc-block-components-product-image),.wc-block-grid__product .wc-block-grid__product-title {
    margin: 0;
}

.wp-block-quote.is-style-large-quote-mark {
 	position: relative;
	padding: 0px 100px 20px 100px;
	border-left: 0;
}

.editor-styles-wrapper .wp-block-quote.is-style-large-quote-mark {
    padding-right: 100px;
    padding-left: 100px;
}

.wp-block-quote.is-style-large-quote-mark:after {
	font-family: 'Libre Baskerville', serif;
	content: '\201C';
	font-size: 180px;
	position: absolute;
	left: 0px;
	top: -60px;
	color: #b84003
}

.wp-block-quote.is-style-large-quote-mark:before {
	font-family: 'Libre Baskerville', serif;
	content: '\201D';
	font-size: 180px;
	position: absolute;
	right: 0px;
	top: -60px;
	color: #b84003
}