/*
Theme Name: Dien Chan Shop
Theme URI:  https://www.dienchanshop.vn
Author:     Dienchanshop
Author URI: https://www.dienchanshop.vn
Template:   scandi
Version:    1.0
License:    GNU General Public License v2 or later
*/

.cart_icon_basket .cmsmasters-icon-fullscreen:before {
    content: '\e837';
    font-family: 'fontello-custom';
}
.floating-cart-item-woo .cart_icon_basket {
    font-size: 32px;
}
.floating-cart-item-woo {
    position: fixed;
    left: 10px;
    bottom: 160px;
    z-index: 999;
}
.floating-cart-item-woo .cart_icon_basket {
    font-size: 32px;
    position: relative;
    display: block;
	color: red;
}
.floating-cart-item-woo .cart_icon_basket span.number {
    position: absolute;
    top: -5px;
    right: -5px;
    background-color: #51736e;
    color: #fff;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    font-size: clamp(10px, 12px, 14px);
    width: 25px;
    height: 25px;
    padding-bottom: 3px;
}
.cmsmasters_products {
    display: flex;
    flex-wrap: wrap;
}
.cmsmasters_products .cmsmasters_product {
    height: 100%;
}
.wc-block-cart .wc-block-cart__submit-container .wc-block-components-button {
    background-color: #51736E;
    color: #fff;
}
.wc-block-cart .wc-block-cart__submit-container .wc-block-components-button:hover {
    background-color: #C7A095;
}
.cmsmasters_wrap_pagination ul li a {
    background-color: #51736E;
    color: #fff !important;
    padding: 2px 10px;
}
.cmsmasters_wrap_pagination ul li a:hover {
    background-color: #C7A095;
}
.cmsmasters_wrap_pagination ul li .page-numbers.current {
    background-color: #C7A095;
    color: #fff !important;
    padding: 2px 10px;
}
.cmsmasters_product .cmsmasters_product_cat {
    display: none;
}
.cmsmasters_product .cmsmasters_product_info,
.cmsmasters_product .cmsmasters_product_title {
    text-align: center !important;
}
.price,
.product_list_widget span.price .amount,
.cmsmasters_product .cmsmasters_product_info .price {
    color: red !important;
}
form.woocommerce-checkout .row-col {
    display: flex;
}
form.woocommerce-checkout .left-col {
    width: 65%;
    padding-right: 50px;
}
form.woocommerce-checkout .right-col {
    width: 35%;
}
.woocommerce-checkout .content_wrap.fullwidth {
    max-width: 1380px;
    width: 100%;
}
form.woocommerce-checkout h3 {
    font-size: 1.25em;
}
form.woocommerce-checkout table.shop_table th {
    font-size: 16px;
    padding-top: 7px;
    padding-bottom: 7px;
}
form.woocommerce-checkout .woocommerce-additional-fields .notes {
    width: 100%;
    margin: 0;
}
form.woocommerce-checkout h3#ship-to-different-address label {
    padding-left: 0;
    font-size: 16px;
}
form.woocommerce-checkout span.optional {
    display: none;
}
.woocommerce-checkout-payment button#place_order {
    width: 100%;
    font-size: 18px;
    padding: 10px 0;
}
table.shop_table.woocommerce-checkout-review-order-table td.product-total {
    text-align: right;
}
table.shop_table.woocommerce-checkout-review-order-table tfoot td {
    text-align: right;
    font-size: 15px;
    line-height: normal;
}
table.shop_table.woocommerce-checkout-review-order-table .amount {
    color: red;
    font-weight: 600;
}
table.shop_table.woocommerce-checkout-review-order-table {
    margin-bottom: 0;
    background: #fff;
}
table.shop_table.woocommerce-checkout-review-order-table th.product-total {
    font-size: 0;
}
table.shop_table.woocommerce-checkout-review-order-table .woocommerce-shipping-totals th {
    color: rgb(81, 115, 110);
    text-transform: unset;
}
table.shop_table.woocommerce-checkout-review-order-table tr.cart_item td {
    border-top-width: 0;
    border-bottom-width: 0;
}
table.shop_table.woocommerce-checkout-review-order-table tr.cart_item td.product-total {
    width: 30%;
}
form.woocommerce-checkout table tr td, form.woocommerce-checkout table tr th{
	padding: 15px;
}
table.shop_table.woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals td {
    width: 40%;
}
.woocommerce-checkout-review-order-table td.product-name .wrapper {
    display: flex;
    gap: 15px;
}
.woocommerce-checkout-review-order-table td.product-name .wrapper .thumb {
    display: block;
    position: relative;
    min-width: 48px;
}
.shop_table.woocommerce-checkout-review-order-table td.product-name .product-quantity {
    align-items: center;
    background: #fff;
    border: 2px solid hsla(0, 0%, 7%, .11);
    border-radius: 1em;
    box-shadow: 0 0 0 2px #fff;
    color: #000;
    display: flex;
    justify-content: center;
    line-height: 1;
    min-height: 20px;
    min-width: 20px;
    padding: 0 .4em;
    position: absolute;
    right: 0;
    top: 0;
    transform: translate(50%, -50%);
    white-space: nowrap;
    z-index: 1;
    font-size: 12px;
}
.woocommerce-checkout-review-order-table td.product-name .title {
    font-size: 16px;
    line-height: 1.2em;
    margin-bottom: 3px;
}
.woocommerce-checkout-review-order-table td.product-name .amount {
    font-size: 14px;
}
ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details {
    font-size: 16px;
}
.shop_table.order_details th, .shop_table.order_details td {
    font-size: 16px;
}
.shop_table.order_details .product-name a {
    font-size: 16px;
}
form.woocommerce-checkout  #billing_country_field {
    display: none;
}
#billing_city_field.form-row {
    width: 46.6%;
    margin: 0 1.7%;
    position: relative;
    float: left;
}
@media only screen and (max-width: 1023px) {
	form.woocommerce-checkout .row-col {
		flex-wrap: wrap;
	}
	form.woocommerce-checkout .left-col {
		width: 100%;
		padding-right: 0;
	}
	form.woocommerce-checkout .right-col {
		width: 100%;
	}
	form.woocommerce-checkout .form-row textarea {
		min-height: 120px;
	}
}
@media only screen and (max-width: 540px) {
	#billing_city_field.form-row {
		width: 96.6%;
        float: none;
        clear: both;
	}
}
@media only screen and (max-width: 600px) {
	.cmsmasters_products .product {
		padding-top: 20px !important;
	}
	.floating-cart-item-woo .cart_icon_basket {
		font-size: 30px;
	}
	.cmsmasters_products .product {
		max-width: 50% !important;
		padding: 20px 8px 0 !important;
	}
	.cmsmasters_products {
		margin: -30px -8px 0 !important;
	}
	.cmsmasters_row .cmsmasters_row_inner.cmsmasters_row_fullwidth {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
}