/*
Theme Name: lyoncoffee-child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}
/*---------------------------------custom màu sắc cho website-----------------------*/
/*---topbar_left-----*/
li.html.custom.html_topbar_left {
    color: #2f2f2f;
}
/*---topbar_right-----*/
.nav-right li a.nav-top-link {
    color: #2f2f2f;
}
.nav-right a.plain {
    color: #2f2f2f;
}
/*-----header main-----*/
.header:not(.transparent) .header-bottom-nav.nav > li > a {
    color: #ffffff !important;
}
.header-nav.nav>li>a{
	color: hsl(0deg 0% 100%) !important;
}
.nav>li.header-divider {
	border-left: 1px solid rgb(255 255 255) !important;
}
input[placeholder="Tìm sản phẩm..."]::placeholder {
  color: #fff; 
}
/* màu sắc chung  */
.fill{
	background-color: #111;
}
/* product_details_column_center */
.product_details_column_center h1.product-title.product_title.entry-title {
    color: white;
}
.product_details_column_center .woocommerce-product-rating .count-rating {
    color: white;
}
.product_details_column_center .product-page-price span.amount {
    color: white !important;
    font-weight: 600 !important;
    font-size: 30px !important;
}
.product_details_column_center th.label label {
    color: white;
}
.product_details_column_center a.reset_variations {
    color: white !important;
}
.product_details_column_center p {
    color: white;
}
.product_details_column_center {
    margin-top: 16px;
}
.product_details_column_center .button.alt, .button.checkout, .checkout-button, .secondary {
    background-color: #ffde06;
    color: #2F2F2F;
}
.product_details_column_center .button.disabled, .button[disabled], button.disabled, button[disabled] {
    opacity: 1;
}
/*-----------------------------------------------------------------------------------*/
p.comment-form-cookies-consent {
    display: inline-flex; /* Giữ checkbox và text trên cùng 1 hàng */
    align-items: flex-start; /* Canh theo đỉnh */
    gap: 5px;
    margin: 0;
    padding: 0;
}

li {
    margin-bottom: 0.2em !important;
}
b, strong {
	font-weight: 600 !important;
}
div#tab-description p {
    margin-bottom: 0.5em !important;
}
.flatsome-reviews-below-tabs {
  margin-top: 50px;
  padding-top: 30px;
  border-top: 1px solid #ddd;
}

.flatsome-reviews-below-tabs h2.product-section-title {
  font-size: 26px;
  margin-bottom: 20px;
  font-weight: 600;
}
.is-smaller {
    font-size: 0.7em !important;
}
/*-----custom mục hình ảnh sản phẩm-----*/
.box-image {
    padding-top: 20px;
}
.button.icon {
    margin-left: .1em !important;
    margin-right: .1em !important;
  min-width: 2.3em !important;
}
.button.icon i {
    font-size: 1em !important;
}
.button i, button i {
  top: 0px !important;
}
.button, button, input[type=button], input[type=reset], input[type=submit] {
      min-height: 2em !important;
}
.button.is-outline {
    line-height: 2em !important;
}
.container-rating {
    display: inline-flex;
    align-items: center;
    gap: 3px; /* hoặc chỉnh khoảng cách giữa sao và số đánh giá tùy ý */
}

.container-rating .count-rating {
    margin-left: 5px;
    font-size: 14px; /* điều chỉnh theo nhu cầu */
    color: #333; /* hoặc màu bạn mong muốn */
}
.woocommerce-product-rating .count-rating {
    font-size: 16px;
}
.count-rating {
    margin-bottom: -3px;
}
.row-small>.col, .row-small>.flickity-viewport>.flickity-slider>.col {
    padding: 0 4.8px 19.6px !important;
}
/*---màu title sản phẩm trang chủ--*/ 
span.section-title-main {
    color: #000000;
}
.section-title-normal {
    border-bottom: 3px solid #ffd70078 !important;
}
.section-title-normal span {
    border-bottom: 2px solid rgb(255 215 0) !important;
}
.section-title a {
  color: #000000;
}
.grid-tools a {
    background-color: #ffd700 !important;
    color: #000;
}
.grid-tools a:hover {
    background-color: #ffd700 !important;
    color: #000;
}
.alert {
    background-color: #ffd91c !important;
    color: black !important;
}
.star-rating::before,
.star-rating span::before {
  color: #FFD700 !important;
}
.star-rating svg {
  fill: #FFD700 !important;
  color: #FFD700 !important;
}
.nav-box>li>a, .nav-pills>li>a {
    padding: 0 .45em !important;
}
a.button.alert.flash_button{
  background-color: white !important;
}
a:hover.button.alert.flash_button{
  background-color: white !important;
}
.slider-nav-circle .flickity-prev-next-button:hover .arrow, .slider-nav-circle .flickity-prev-next-button:hover svg {
    fill: #fff !important;
    background-color: #FFD700 !important;
    border-color: #FFD700 !important;
}
.button:hover, .dark .button.is-form:hover, input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover{
  box-shadow: inset 0 0 0 100px rgb(0 0 0 / 0%) !important;
}
.badge-inner {
	color: #000 !important;
}
.container .row-small:not(.row-collapse), .row .row-small:not(.row-collapse) {
    margin-left: 0px !important;
    margin-right: 0px !important;
}
.box-text.text-left {
    padding: 20px 15px !important;
}

/*-------------thương hiệu yêu thích------------*/
.thyt .box-text.text-left {
    display: none !important;
}
.thyt_t2{
	margin-top: -10px;
}

/*--------------product_detail-----------------*/
.productdt_right .icon-box.featured-box.icon-box-center.text-center {
	padding: 5px 10px;
    box-shadow: 0 0px 2px 0 rgba(60, 64, 67, 0.1), 0 0px 6px 0px rgba(60, 64, 67, 0.25);
    border-radius: 5px;
	margin-bottom: 10px;
}
.productdt_right1 .col-inner {
    box-shadow: 0 0px 2px 0 rgba(60, 64, 67, 0.1), 0 0px 6px 0px rgba(60, 64, 67, 0.25);
    border-radius: 5px;
}
.icon-box-text.last-reset {
    font-size: 14px;
}
h1.product-title.product_title.entry-title {
    font-size: 22px;
    color: #2f2f2f;
}

a.button.primary.is-small.lowercase.expand {
    color: #2f2f2f !important;
}
.col-inner ol li{
	    margin-left: 0px !important;
}
.uppercase{
	letter-spacing: .01em !important;
}
h5.uppercase.header-title{
	font-size: 10px !important;
}
.right_product_detail {
    box-shadow: 0 3px 6px -4px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);
    border-radius: 5px;
	padding: 20px 0px 10px 0px;
}
.right_product_detail h5.uppercase {
    text-transform: capitalize;
    font-weight: 500;
}
.right_product_detail .col {
    padding: 0px 10px 5px;
}
.right_product_detail .col .col-inner {
    border-bottom: 1px solid #e1dada;
    padding: 5px 5px 10px 5px !important;
}
.tuvan_right_product_detail .col-inner {
    border-bottom: 1px solid #00000000 !important;
}
.woocommerce-variation-price {
    display: none;
}
del {
    display: inline-flex;
}
form.cart {
   gap: 0em;
}
.woocommerce-product-rating {
    margin-top: -12px !important;
}
p.price.product-page-price {
    padding: 20px 0px !important;
}
.single_variation_wrap {
    margin-top: 10px !important;
}
p.stock.in-stock {
    padding-bottom: 5px;
}
p.stock.out-of-stock {
    padding-bottom: 5px;
}
.product-short-description {
    padding: 10px 0px;
    text-align: justify;
}
/*--------------breadcrumbs-----*/
.title-overlay {
    background-color: #fff;
}
.dark .breadcrumbs a {
    color: #000000;
}
.title-wrapper.flex-col.text-left.medium-text-center {
    display: none;
}
.text-right
 {
    text-align: left !important;
}
.flex-right {
    margin-right: auto !important;
}
.flex-right {
    margin-left: initial !important;
}
.dark .breadcrumbs {
    color: #000000 !important;
}
/*----------------tab đánh giá product detail---------*/
#wp-comment-cookies-consent {
    position: relative;
    top: 2px; /* Đẩy checkbox lên một chút */
    margin: 0;
}

#wp-comment-cookies-consent + label {
    line-height: 1.4;
    margin: 0;
    padding: 0;
}
p.comment-form-cookies-consent {
    padding: 5px 0px 20px 15px;
}
/*--------------row footer nhận quà-----------------*/
.row_nhanqua {
    background-color: #ffde06;
    padding: 30px 0px;
    border-radius: 10px;
}
.payment-icons .payment-icon {
	padding: 2px !important;
	background-color: #fff !important;
	opacity: 1 !important;
}
div.col.copyright {
    padding: 0px 15px 10px;
}
.absolute-footer.dark.medium-text-center.small-text-center {
    display: none;
}
div.text_copyright p
 {
    padding-top: 5px;
}
/*-------------------------------------ux_product_gallery--------------------------------*/

/*-------------------------------------hiển thị trên mobile------------------------------*/
@media (max-width: 849px){
	.select-resize-ghost, .select2-container .select2-choice, .select2-container .select2-selection, input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea {
        font-size: 14px;
    }
	.dark .form-flat input:not([type=submit]), .dark .form-flat select, .dark .form-flat textarea, .nav-dark .form-flat input:not([type=submit]), .nav-dark .form-flat select, .nav-dark .form-flat textarea {
    background-color: hsl(0deg 0% 100%) !important;
    border-color: hsl(0deg 0% 0% / 56%) !important;
	color: #2f2f2f !important;
}
	.form-flat .button.icon {
		color: #2f2f2f !important;
	}
	input::placeholder{
		color: #2f2f2f !important;
	}
	.category_product.row-small>.col, .row-small>.flickity-viewport>.flickity-slider>.col {
    padding: 5px 4px 0px !important;
}
/* Cho danh mục: padding = 0 */
.box-category .box-image {
    padding: 0px !important;
}

/* Cho sản phẩm: padding = 10px */
.product-small .box-image {
    padding-top: 10px !important;
}
.has-shadow>.col>.col-inner {
    padding: 5px 0px !important;
}

	h5.uppercase.header-title{
		font-size: 10px !important;
	}
	.box-text {
		padding-bottom: 5px !important;
	}
	.container .row-small:not(.row-collapse), .row .row-small:not(.row-collapse) {
    margin-left: 0px !important;
    margin-right: 0px !important;
}
	.container.section-title-container.title_mobile {
    padding: 0px 5px !important;
}
	.custom-list {
  list-style: none;
  padding-left: 0;
}

.custom-list li::before {
  content: ">";
  display: inline-block;
  margin-right: 8px;
  color: #333; /* Bạn có thể đổi màu tùy ý */
  font-weight: bold;
}
	.container-rating .count-rating {
		font-size: 12px !important;
	}
span.woocommerce-Price-amount.amount {
    font-size: 12px !important;
}
/*.thyt_mb.row-small>.col {
    padding: 0 4.8px 10.6px !important;
}
	.thyt_row_mb {
    margin-top: 160px !important;
}	*/
	.thyt_row_mb .col{
    padding: 0px 5px 10.6px !important;
}
	span.ux-menu-link__text {
    font-size: 14px;
}
	.line-block {
    font-size: 14px;
}
	.column_showroom {
    margin-top: -70px;
}
	.slider_mb{
		z-index:1;
	}
	/*---product_detail--*/
	p.price.product-page-price {
    padding: 10px 0px !important;
}
.product-page-price span.amount {
    color: #2f2f2f !important;
    font-weight: 600 !important;
    font-size: 26px !important;
}
.col.productdetail_right_mb {
    margin: -40px 15px 0px 15px !important;
}
.nav-tabs+.tab-panels {
    padding: 10px !important;
}
	.breadcrumbs .divider{
		margin: 0 .2em !important;
	}
	.dark .breadcrumbs {
		font-size: 12px !important;
	}
	.featured-title .page-title-inner {
    	padding-bottom: 10px !important;
		padding-top: 10px !important;
	}
}

/* An MT - footer title block */
.footer-block .title-block h3 {
    font-size: 17px;
    text-transform: uppercase;
    color: #545454;
    margin-bottom: 4px;
}
/*----list footer----*/
.ux-menu.stack.stack-col.justify-start.ux-menu--divider-solid {
    margin-left: -4px;
}
/* An MT - Chỉnh toàn bộ form trong section MT-footer */
.MT-footer .form-flat form {
    /*max-width: 400px;
    margin: auto; 
    padding: 15px;
    background: #f8f8f8; 
    border-radius: 8px;*/
}

/* Chỉnh input, textarea trong form đó */
.MT-footer .form-flat input[type="text"],
.MT-footer .form-flat input[type="email"],
.MT-footer .form-flat textarea {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 15px;
	background:white;
}

/* Chỉnh riêng nút submit */
.MT-footer .form-flat input[type="submit"] {
    
    color: white;
   background:#2f2f2f;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-weight: bold;
    transition: background 0.3s ease;
	margin-right: 0px !important;
}

/* Hover nút submit */
.MT-footer .form-flat input[type="submit"]:hover {
   
}

.MT-footer .wpcf7-spinner{
	display:none !important;
}
.MT-quatang{
	padding:0px;
}
@media (max-width: 849px){
 .MT-footer .medium-flex-wrap .flex-col {
        flex-grow: 1;
        padding-bottom: 5px;
        padding-top: 5px;
	 	padding-left:4px;
        width: 0%;
	    
    }
 .MT-footer .medium-flex-wrap {
	    padding: 0 20px;
        flex-flow: nowrap;
    }	
  .MT-footer .medium-flex-wrap .flex-grow {
        padding-left:4px;
	    padding-right:0px;
    }
	.MT-footer .medium-flex-wrap .ml-half {
	    margin-left: 0px;
	}
}