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

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

.header-top {
    background-color: #029ade;
}
.container {
	padding:0px;
}
.header-main {
	background: #C8102E;
	height:70px !important;
}
.header-bottom {
	background-color: #C8102E !important; /* Màu background cơ bản */
}
.search-field {
	background: #fff !important;
	border-radius: 5px !important;
	height: 40px;
}
.header-cart-title {
	color:#fff;
}
#logo img {
	margin-top: -10px;
}
.header-main .nav>li>a {
	color:#fff;
	font-size: 14px;
	border: 1px solid rgba(168, 208, 255, .80);
	padding: 5px 10px 5px 10px;
	border-radius: 4px;
	transition: color 0.3s, background-color 0.3s; /* Hiệu ứng chuyển cảnh */
}
.header-main .nav>li>a:hover  {
	color: #000; /* Màu chữ khi hover */
	background-color: #fff; /* Màu nền khi hover */
}
.nav-dark .nav>li>a {
	color:#fff !important;
	font-size: 14px;
}
.header-main  .header-cart-link {
	border:none !important;
}
.nav>li.header-divider {
	border-left: 1px solid rgba(168, 208, 255, .80);
}
.home-slider {
	padding: 0 5px 5px;
	margin-top: -60px;
}
.home-slider .flickity-viewport  {
	border-radius:10px;
}
.home-slider .col-inner {
	box-shadow: unset;
}
.header-vertical-menu__opener {
	background: #e01222;
}
.header-vertical-menu__title {
	text-transform: uppercase;
	color: #fff;
}
.content-area {
	background: #f3f3f3;
}
.testimonial-box {
	background:#fff;
	padding:10px;
	border-radius:10px;
}
.home .testimonial-box .icon-box-text {
	padding-left:10px ;
}
.banner-4 .col {
	padding: 2vh 1vh;
}
.flashsale .col {
	padding: 0px;
}
.flashsale .box-image {
	margin: 0 auto;
    overflow: hidden;
    position: relative;
    height: 223px;
    background: #FFF;
    display: flex;
    justify-content: center;
    align-items: center;
	padding: 5px;
	border-top-left-radius: 0.375rem;
    border-top-right-radius: 0.375rem;

	
}
.flashsale .box-text {
	background:#fff;
	border-bottom-left-radius: 0.375rem;
    border-bottom-right-radius: 0.375rem;
}
.flashsale {
	background: #d60000;
	border-radius: 10px;
	margin-bottom: 10px;
	margin-top: 10px;
}
.flashsale .product-small{
	padding: 2px 2px 10px 10px;
	border-radius: 15px !important;
	
}
.flashsale .row {
	margin: 10px 0px 0px 0px !important;
}
.badge-circle .badge-inner {
	border-radius:5px;
	background-image: linear-gradient(-90deg, #ec1f1f 0%, #ff9c00 100%);
}
.badge {
	height: 30px;
	width:80px;
}
.badge-container{
	margin: 10px 10px 0 !important;
}
.banner_qc{
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
    width:1200px;
}
.banner_qc .large-6{
    flex-basis: unset;
    max-width: unset;
}
.banner_qc>.col{
    position: absolute;
    top: 0px;
    width: 110px;
    height: 514px;
    cursor: pointer;
}
.banner_qc>.col:first-child{
    right: calc(100% + 10px);
}
.banner_qc>.col:nth-child(2){
    left: calc(100% + 10px);
}
.home-banner .col{
	padding:25px 0 25px 0;
	border-radius:10px;
}
.home-banner img{
	border-radius:10px;
}
.footer-wrapper {
	background: #C8102E;
}
.footer-1 {
	background:#C8102E;	
	color: #fff;
	background-image: url(images/footer-pattern.png);
    background-position: center;
}
.footer-1 a{
	color: #fff;
}
.footer-1 p{
	margin-bottom:0px;
}
#block_widget-2 {
	max-width:	100%;
	flex-basis: 100%;

}
#block_widget-2 .col{
	padding: 0px 5px 25px 0px;
}
#block_widget-2 .section-title-normal span {
	font-size:17px;
	color:#fff;
	margin-right: 0px;
}
.footer-1 .section-title-container {
	margin-bottom:0px;
}
.footer-2 {
	background:#fff;
}
.footer-2 .widget-title {
	font-size:20px;
	color:#000;
}
.footer-2 .is-divider {
	display:none;
}
.footer-2 ul li {
    background: url(./icons/arrow.png) no-repeat left center;
    padding-left: 15px;
	border-top:0px !important;
	font-size: 17px;
	color:#000;
	margin-bottom:0px;
}
.footer-2 ul.menu>li>a {
	padding:0px;
}
.footer-2 a {
	color: #C8102E;
}
.footer-2 .col{
	padding:5px;
}
.footer-2 p{
	color:#000;
}
.absolute-footer {
	background:#C8102E;
}
.copyright-footer {
	color:#fff;
}
	
.home .box-text {
	font-size:17px;
}
.home .box-text.text-center {
	padding-left:5px;
	padding-right:5px;
}
.price bdi {
	color: #e01222;
}
.home .box-text a:not(.button) {
    height: 43px;
    overflow: hidden;
}
.home ins {
	font-size:20px;
}
.star-rating span:before {
	color:#ffb100;
}
.star-rating {
	margin:0px;
}
.tintuc .row {
	margin-left: 0;
	margin-right:0;
}
.tintuc .box-text {
	padding-bottom:5px;
}
.tintuc {
	margin-top:30px;
	background:#fff;
	border-radius:10px;
	padding: 10px;
}
.tintuc .col{
	padding: 5px 10px 5px 10px;
}

.tintuc .is-large {
	font-size:17px;
}
.tintuc .box{
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.box-blog-post .is-divider {
	display:none;
}
.product-info .breadcrumbs {
    background-image: linear-gradient(to right, #C8102E 15px, #f2f2f2 10px);
    clip-path: polygon(0 0, 100% 0, calc(100% - 10px) 100%, 0 100%);
    padding: 10px 0px 10px 20px;
	font-size: 18px;
}
.product-summary .product-title {
	text-transform:uppercase;
	color:#000;
}
.product-summary li {
	margin-bottom:0px;
	font-size:17px;
	color:#000;
}
.product-summary {
	padding-right:20px !important;
}
.product-gallery .woocommerce-product-gallery__wrapper {
	height:450px;
	margin: 0 auto;
    position: relative;
    background: #FFF;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px;
	border:1px solid #ccc;
	overflow:hidden;
	border-radius:10px;
}
.product-gallery  {
	padding-right:20px !important;
}
.shop-container .product-footer {
	background:#f3f3f3;
}
.shop-container .col {
	padding:0px;
}
.shop-container .badge-container {
	margin: 10px -10px 6px !important;
}
.shop-container .dichvu-shop {
	border: 1px solid #ccc;
	padding:0 5px 0 5px;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
	margin-bottom:10px;
	text-align: center;
	border-radius:10px;
}
.shop-container .testimonial-box .icon-box-text {
	padding-left: 0px;
}
.shop-container .pt-half {
}
.shop-container .dichvu-shop  h3 {
	font-size:16px;
	line-height:1.1;
	color:#000;
}
.shop-container .dichvu-shop  img {
	width:80px;
}
.shop-container .quantity+.button{
	background: #e01222;
	width: calc(100% - 110px);
	border-radius:5px;
}
.shop-container form {
	margin-bottom:0px;
}
.goidien {
	width:100%;
	background: #C8102E;
	border-radius:5px;
	color:#fff;
	font-size: 17px;
}
.banner-sanpham {
	width: 1200px;
    margin-left: auto;
    margin-right: auto;
}
.shop-container .tab-panels {
	color:#000;
	font-size:19px;
}
.shop-container .tab-panels h2{
	text-transform: uppercase;
	font-size:25px;
	color:#000;
}
.shop-container .tab-panels a{
	color: #C8102E;
}
.chinhsach .col{
	padding: 10px 0px 10px 10px;
}
.has-hover:hover img.show-on-hover {
    display: none;
}
.sanpham .box-image {
	margin: 0 auto;
    overflow: hidden;
    position: relative;
    height: 223px;
    background: #FFF;
    display: flex;
    justify-content: center;
    align-items: center;
	padding: 5px;
	border-top-left-radius: 0.375rem;
    border-top-right-radius: 0.375rem;

	
}
.sanpham .box-text {
	background:#fff;
	border-bottom-left-radius: 0.375rem;
    border-bottom-right-radius: 0.375rem;
}
.sanpham {
	background: #d60000;
	border-radius: 10px;
	margin-bottom: 10px;
	margin-top: 10px;
}
.sanpham .product-small{
	padding: 2px 2px 10px 10px;
	border-radius: 15px !important;
	
}
.sanpham .row {
	margin: 10px 0px 0px 0px !important;
}
.sanpham .col {
	padding: 0px;
}
.sanpham .row-small>.col, .row-small>.flickity-viewport>.flickity-slider>.col {
    padding: 0px;
}
.sanpham  .normal-title .page-title-inner {
    background: #d60000;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 0 0 0 10px;
    background-image: url(images/nen-banner.png);
    background-position: center;
}
.sanpham .normal-title {
    border-bottom: 0px;
}
#tab-description li, #tab-description p{
    margin-bottom: 0px;
}
#tab-description ul{
    margin: 0px;
}
.header-vertical-menu__fly-out .nav-vertical-fly-out>li.menu-item>a {
	padding: 5px 10px;
	font-weight: bold;
	font-size:16px;
	color:#000;
}
.header-vertical-menu .nav-dropdown-default {
	padding: 0 0 0px 5px;
}
.header-vertical-menu .nav-dropdown.nav-dropdown-default>li>a {
	font-size:14px;
	color:#000;
}
.button.checkout {
	background:#e01222;
}
.banner {
	background:#fff;
}
.wp-caption img  {
	text-align:center;
	max-width:600px;
}
.aligncenter {
	text-align:center;
}
.shop-container .product-footer .box {
	padding:5px;
}
.shop-container .product-footer .box-image {
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    height: 223px;
    background: #FFF;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px;
    border-top-left-radius: 0.375rem;
    border-top-right-radius: 0.375rem;
}
.shop-container .product-footer .box-text {
	background:#fff;
	padding-bottom: 0px;
}
.shop-container .product-footer .box-text p{
	font-size: 17px;
	color:#000;
	padding: 0 10px 0px 10px;

}
.shop-container .product-footer .box-text .price{
	font-size: 20px;
	color:#000;
	padding: 0 10px 10px 10px;
}
.related-products-wrapper {
	padding-bottom:20px;
}
.related-products-wrapper .row.row-small {
	
}
.container .row-small:not(.row-collapse), .row .row-small:not(.row-collapse) {
	margin-left:0px;
	margin-right:0px;
}
.category-page-row .box-image{
	margin: 0 auto;
    overflow: hidden;
    position: relative;
    height: 223px;
    background: #FFF;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px;
    border-top-left-radius: 0.375rem;
    border-top-right-radius: 0.375rem;
}
.category-page-row .box {
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
	height: 340px;
}
.category-page-row .product-small {
	padding: 5px 5px 5px 5px;
}
.category-page-row .box-text p{
	font-size: 17px;
	padding: 0 10px 0px 10px;
}
.category-page-row .box-text a{
	color:#000;
	height: 44px;
    overflow: hidden;

}
.category-page-row .box-text{
	padding-bottom:0px;
}
.category-page-row .box-text .price{
	font-size: 17px;
	color:#000;
	padding: 0 10px 10px 10px;
}
.category-page-row .large-3 {
	flex-basis: 100%;
    max-width: 100%;
}
.category-page-row .large-9 {
	flex-basis: 100%;
    max-width: 100%;
}
.category-page-row {
	padding-top:0px;
	padding-bottom:20px;
}
.boloc {
	margin-left: -5px !important;
}
.boloc .box-image {
	display:none;
}
.boloc  .box {
	height: 70px;
	background:#C8102E;
	border-radius:10px;

}
.boloc  .col {
	padding: 5px;
}

.boloc  .box-text {
	padding-top:0px;
}
.boloc  .box-text-inner {
	font-size:14px;
	display: grid;
    place-items: center;
    height: 50px;
	color:#fff;
}
.boloc  h5 {
	color:#fff;
}
.category-page-row .large-3 {
	padding:0px;
}
.category-page-row .large-9 {
	padding:0px;
}
.banner_qc img {
	border-radius:10px;
}
.button.alt, .button.checkout, .checkout-button, .secondary {
	background: #C8102E;
}
.has-border {
	border: 2px solid #C8102E;
}
.woocommerce-additional-fields {
	display:none;
}
.wcapf-filter {
	margin: 20px 0px 0px 3px;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
	padding:15px;
	border-radius:10px;
}
.home .testimonial-name {
	color:#000;
}
.product-short-description {
	color:#000;
}
.product-short-description p{
	margin-bottom: 2px;
}
.related .product-section-title {
    background-image: linear-gradient(to right, #C8102E 15px, #fff 10px);
    clip-path: polygon(0 0, 100% 0, calc(100% - 10px) 100%, 0 100%);
    padding: 10px 0px 10px 20px;
    font-size: 18px;
}
.banneronline img{
	margin: 15px 0px 0px 36px;
    padding-left: 0px;
    border-radius: 13px;
    height: 162px;
}
.blog-archive .large-10 {
	flex-basis: 100%;
    max-width: 100%;
}
.blog-single .large-10 {
	flex-basis: 100%;
    max-width: 100%;
}
.blog-single  .entry-content {
	font-size:20px;
	color:#000;
}
.comments-area {
	display:none;
}
.header-button .button span {
	font-size:18px;
}
.lienhe {
	color:#000;
}
.lienhe .col {
	padding: 0 10px 30px;
}
.wpkqcg_qrcode {
	max-width: 80px !important;
    float: right;
    position: absolute;
    z-index: 9;
	right: 0px;
	margin: 5px;
}
.saleonline {
	padding: 0px 0px 0 10px;
	width: 49%;
	float: left;
	
}
.saleonline img {
	width: 100%;
	border-radius:10px;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.wpc_smart_price_filter {
	width: 50%;
    padding: 5px 10px 5px 10px;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
	border-radius:10px;
	float: left;
}
.wpc_smart_price_filter a{
	font-size:17px;
	color:#000;
	padding: 3px 0 !important;
}
.wpc_smart_price_filter .count {
	font-size: 15px !important;
    line-height: 0 !important;
    opacity: 1 !important;
}
.widget .is-divider {
	display:none;
}
@media screen and (max-width: 768px)  {
.chinhsach .icon-box {
	
}
.saleonline {
	display:none;
}
.chinhsach .minibox  {
	flex-basis: 49%;
    max-width: 49%;
}
.chinhsach .circle {
	margin: 0 auto;
	width:80px !important;
    overflow: hidden;
    position: relative;
    height: 70px;
    background: #FFF;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px;
    border-top-left-radius: 0.375rem;
    border-top-right-radius: 0.375rem;
}
.chinhsach .circle img{
	width:60px;
}
.chinhsach .pt-half {
	padding: 0px;
    font-size: 16px;
    display: grid;
    place-items: center;
    height: 70px;
}
.chinhsach .testimonial-box {
	padding:0px;
}
.chinhsach .col {
	padding: 5px 5px 5px 10px;
}
.chinhsach .icon-box-text  {
	padding-left: 0px !important;
}
.mobile-nav {
	padding:5px;
}
.header-main .nav>li>a {
	border: 1px solid #fff;
}
.flashsale .product-small {
	padding: 5px 5px 5px 5px;
}
.sanpham .product-small {
	padding: 5px 5px 5px 5px;
}
.title-breadcrumbs, .title-content {
	display:none;
}
.footer-1, .footer-2 {
	padding-left: 10px;
}
.shop-container .col {
	padding:5px;
}
.product-gallery {
	padding:5px !important;
}
.product-main {
	padding:0px;
}
.nav-tabs+.tab-panels {
	padding:5px;
}
ul ol {
	margin:0px;
}
.wp-caption img {
	max-width: 100%;
}
.off-canvas .nav-vertical>li>a {
	padding-bottom: 5px;
    padding-top: 5px;
	color:#000;
}
.off-canvas .nav-vertical li li>a {
	padding-bottom: 5px;
    padding-top: 5px;
	color:#000;
}
.shop-container .badge-container {
    margin: 10px 10px 6px !important;
}
.home-banner .col {
	padding:5px;
}
.home .product-title a{
	color: #000;
}
.home ins {
	font-size:18px !important;
}
.home del  {
	font-size:16px !important;
}
.home .price bdi {
	font-size:16px;
}
.category-page-row .box-image {
	height: 200px;
}
.category-page-row .box {
	height:320px;
}
.category-page-row .box-text .price ins {
	font-size:16px !important;
}
.filter-button {
	display:none;
}
.product-category {
	flex-basis: 20% !important;
}
.wcapf-filter-price {
	width:96%;
}
.wcapf-filter {
	margin: 5px 0px 0px 3px;
}
.breadcrumbs {
	font-size:20px;
}
.locdanhmuc {
	display:none;
}
.col {
	padding-bottom:0px;
}
.product-gallery .woocommerce-product-gallery__wrapper {
	height:350px;
	overflow:hidden;
}
.product-gallery .product-gallery-slider img {
	padding: 15px; /* Padding tùy chỉnh nếu cần */
    max-width: 100%; /* Đảm bảo ảnh không vượt ra khỏi chiều rộng của div */
    height: auto; /* Giữ tỷ lệ khung hình */
    width: auto; /* Giữ tỷ lệ khung hình */
}
.product-summary {
	padding-right:5px;
}
figure {
	margin-left:-10px;
}
.wpc_smart_price_filter {
	width: 97%;
}
.category-page-row .box-text .price {
	font-size: 14px;
}
}