/*

Theme Name: Điện máy

Description: This is a child theme for Flatsome Theme

Author: UX Themes

Template: flatsome

Version: 3.0

*/



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

/*

Bạn có thể thêm CSS ở đây.



Nhấp chuột vào biểu tượng trợ giúp phía trên để tìm hiểu thêm.

*/
:root {
    --primary-color: #6d91e4;
    --2-color: #cf2e2e;
    --1-color-red: #ff0000;
    --3-color-blue:#0975f5;
}
.section.remove_padding {
	padding-bottom: 0!important;
	padding-top: 0!Important;
}
.row.container-fluid {
        max-width: 1440px;
	    padding: 0 15px;
	    margin-right: auto;
	    margin-left: auto;
    }
.wide-nav .flex-row.container,.col.large-12 {
	padding-left:0;
	padding-right:0;
}
/*---------header-----------------------*/
.header-inner .nav>li>a {
	color:#000;
}
.header-vertical-menu {
box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
}
.header input[type=search],.ux-search-submit {
	height:38px!important;
}
/*----------------HTML1-----------------------------*/
 .header_icon .header-action_text {
    display: inline-block;
    transition: opacity 150ms linear;
    font-size: 13px;
    margin-left: 6px;
    cursor: pointer;
    color: #000;
    display: flex;
    display: -webkit-flex;
    align-items: center;
}
.mainHeader_temp01:not(.hSticky-nav) .header-wrap-icon .header_icon {
        position: relative;
        padding-left: 15px;
        margin-left: 15px;
    }
.header-action_text .header-action__link {
    position: relative;
    display: flex;
    font-size: 13px;
    color: #252a2b;
    transition: color 0s;
}
.header-action_text .header-action__link .box-icon {
    position: relative;
    width: 35px;
    height: 40px;
    text-align: center;
}
.mainHeader_temp01:not(.hSticky-nav) .header-action_text .header-action__link .box-icon svg {
    fill: #000000;
    color: #000000;
}
.header-action_text .header-action__link .box--text {
    padding-left: 5px;
}
.header-action_text .header-action__link .box-icon, .header-action_text .header-action__link .box--text {
    display: inline-block;
    vertical-align: middle;
}
.header-action_text .header-action__link .box--text .txtbl {
    font-size: 14px;
    display: block;
    font-weight: 500;
}
/* Đưa chữ ra sau icon */
.header-cart-link a {
    display: flex;
    align-items: center;
    gap: 6px;
}

.header-cart-link span {
    order: 2;
}

.header-cart-link i {
    order: 1;
	padding-right:5px;
	font-size:30px!important;
}
/*----------------home------------------------------*/
.box-text {
	padding-left:5px;
	padding-right:5px;
	text-align:center;
}
.scroll-to-bullets a, .featured-title, .label-new.menu-item > a:after, .nav-pagination > li > .current, .nav-pagination > li > span:hover, .nav-pagination > li > a:hover, .has-hover:hover .badge-outline .badge-inner, button[type="submit"], .button.wc-forward:not(.checkout):not(.checkout-button), .button.submit-button, .button.primary:not(.is-outline), .featured-table .title, .is-outline:hover, .has-icon:hover .icon-label, .nav-dropdown-bold .nav-column li > a:hover, .nav-dropdown.nav-dropdown-bold > li > a:hover, .nav-dropdown-bold.dark .nav-column li > a:hover, .nav-dropdown.nav-dropdown-bold.dark > li > a:hover, .header-vertical-menu__opener, .is-outline:hover, .tagcloud a:hover, .grid-tools a, input[type='submit']:not(.is-form), .box-badge:hover .box-text, input.button.alt, .nav-box > li > a:hover, .nav-box > li.active > a, .nav-pills > li.active > a, .current-dropdown .cart-icon strong, .cart-icon:hover strong, .nav-line-bottom > li > a:before, .nav-line-grow > li > a:before, .nav-line > li > a:before, .banner, .header-top, .slider-nav-circle .flickity-prev-next-button:hover svg, .slider-nav-circle .flickity-prev-next-button:hover .arrow, .primary.is-outline:hover, .button.primary:not(.is-outline), input[type='submit'].primary, input[type='submit'].primary, input[type='reset'].button, input[type='button'].primary, .badge-inner {
	background-color:#f5a623!important;
}
/*baner-header*/
.baner-header {
	padding-top:0!important;
	padding-bottom:0!important;
}
.baner-header .col {
	padding-left:0;
	padding-right:0;
}
.row-img-box .col {
	padding: 10px;
	background-color:#fff;
}
/*title*/
.title-home-col {
padding-bottom:0;
}
.title-home .section-title-main {
	position:relative;
	padding: 5px 10px;
	color:#f5a623;
	font-size:.9em;
}
.title-home .section-title-main:before {
    content: '';
    position: absolute;
    top: 0;
    left: -2px;
    right: -2px;
    bottom: 0;
    z-index: -1;
    transform: skew(-23deg);
}
/*price*/
del bdi {
font-size:.8em;
}
/*home-3*/
.section-home-3 .col-l.col {
    padding-left: 5px;
    padding-right: 5px;
	padding-bottom:10px;
}
.section-home-3 .col-l.col .col-inner, .shop-container .products .product .col-inner {
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}
.section-home-3 .col-l.col .box-image img {
	width: 100%;
	padding-left:3px;
	padding-right:3px;
}
.section-home-3 .col-l.col .box-text {
/*	margin-top: -30px;*/
	background-color: #fff;
	padding-top: 20px;
}
.section-home-3 .col-l.col .box-text .box-text-inner{
	width: 96%;
    padding: 0 5px 5px 5px;
/*    box-shadow: -3px -1px 20px 0px #ababab;*/
}
.section-home-3 .col-l.col .box-text .box-text-inner h3 {
	font-size: 1em;
	text-transform: uppercase;
	height: 35px;
}
.section-home-3 .col-l.col .box-text .box-text-inner a:hover {
	color: var(--2-color);
}
.section-home-3 .col-l.col .box-text .box-text-inner .button-contact-home-3 {
	font-size: .8em;
	text-transform: none;
}
.product-hot {
	 padding-left:10px!important;
	 padding-right:10px!important;
	 margin:0 auto!important;
}
.product-hot .col .col-inner {
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.product-hot .col .col-inner .box-text {
	padding-left:5px;
	padding-right:5px;
	text-align: center;
	
}
.product-hot .col .col-inner .box-text p {
	height:40px;
}
.catagory-home-row {
	 margin:0 auto!important;
}
/*home-4*/
.section.section-home-4 {
	padding-bottom: 2em!important;
}
.section-home-4 .product-home-list-1 {
	border-top: 1px solid #e1e3e4;
    border-left: 1px solid #e1e3e4;
    background: #fff;
    max-width: 1080px;	
}
.section-home-4 .product-home-list-1 .product {
	padding: 10px 5px!important;
}
.section-home-4 .product-home-list-1 .product .col-inner {
	border: 1px solid #e1e3e4;
}
.section-home-4 .product-home-list-1 .product .col-inner .woocommerce-loop-product__title {
	margin: 0 0 5px;
    font-size: 14px;
    position: relative;
}
.section-home-4 .product-home-list-1 .product .col-inner .woocommerce-loop-product__title a:hover {
	color: #6d91e4;
}
.section-home-4 .product-home-list-1 .product .col-inner .woocommerce-loop-product__title a {
	line-height: 18px;
    overflow: hidden;
    -webkit-line-clamp: 2;
    height: 36px;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    color: #666666;
}
.section-home-4 .product-home-list-1 .product .col-inner .price-wrapper .span.amount bdi {
	color: var(--1-color-red);
}
.section-home-4 .product-home-list-1 .product .col-inner .box-text {
	padding: 15px 10px 15px;
}
.product-new-home {
	padding-left:0;
	padding-right:0;
}
.single_add_to_cart_button{
	padding: 0 .5em;
	border-radius:5px;
}
.badge-inner {
	background-color: #ff0000!important;
}
h1.product-title {
	color: #015CE0;
}
.box-text {
    font-size: .8em;
}
/*desktop*/
@media screen and (min-width: 1200px) {
    .row.container-fluid {
        max-width: 1600px;
        padding: 0 85px;
    }
	.img-lage-home img{
		max-width:1200px!important;
	}
	.section-home-2 {
    	margin-top: -100px!important;
    }
}
@media screen and (min-width: 1080px) {
	.row-img-box .col.col-center {
		padding-left:7.5px;
		padding-right:7.5px;
	}
	.row-img-box .col:first-child {
		padding-right:2.5px;
	}
	.row-img-box .col:last-child {
		padding-left:2.5px;
	}
    .section-home-2 {
    	margin-top: -150px;
    }
    .section-home-3 .col-l.col {
    	flex-basis: 20%;
        max-width: 20%;
    }
    .section-home-3 .col-l.col:nth-child(6) .col-inner, .section-home-3 .col-l.col:nth-child(11) .col-inner, .section-home-3 .col-l.col:nth-child(16) .col-inner {
    	padding-right: 0;
    }
	.img-lage-home {
		text-align:center;
	}
	.img-lage-home img{
		max-width:1080px;
	}
}
/*mobi*/
@media screen and (max-width: 768px) {
	.section-home-4 .row {
		padding-left:0!important;
		padding-right:0!important;
	}
	.catagory-home {
		margin-left:10px;
		margin-right:10px;
		margin-bottom: 10px;
	}
	.section-home .col {
		padding-bottom:0;
	}
	.title-home-col .section-title-container {
		margin-bottom: 10px;
	}
	.img-lage-home .col {
		padding-bottom:0;
	}
    .searchform  .button.submit-button {
		background-color: #fff !important;
	}
	.searchform .button.icon i {
		color: #333!important;
	}
	.header-search-form {
		padding: 0 15px!important;
	}
	.header-search-form-wrapper {
		border: 1px solid #f5a623;
	}
	.header-search-form input[type=search] {
		    border: 0px solid #ddd;
			box-shadow: inset 0 0px 0px rgba(0, 0, 0, .1);
	}
	.stuck #logo img,#logo img {
		max-height:40px!important;
	}
}
/*quick view*/
.grid-tools {
	height: 100%;
}
.grid-tools a:hover {
    opacity: .5;
}
.grid-tools .dashicons-visibility {
	position: relative;
    bottom: -50%;
}
.image-tools .wishlist-icon {
	display: none;
}
/*badge-container*/
.col-inner .badge-container {
	margin: 0 0 0 10px;
}
.col-inner .badge {
	height: 1em;
}
.col-inner .badge-inner {
	background-color: var(--1-color-red);
    font-size: 12px;
    line-height: 1;
    padding: 5px 10px;
    font-weight: bold;
    z-index: 9;
    color: #fff;
}
/*footer-wrapper*/
.footer-wrapper {
    border-top: 2px solid #f2e792;
}
.content-footer {
    background: #2F3640;
}
.top-footer {
    padding-bottom: 0px !important;
}
.row-footer-1 p, .row-footer-1 h2, .row-footer-1 a {
    color: #F8F8F8;
}
.col-footer-2 p {
    margin-bottom: .5em;
}
.col-footer-3 ul {
    margin-left: 0;
}
#footer li {
    border: none;
}
.col-footer-3 ul li {
    list-style: none;
    margin-left: 0;
}
.col-footer-3 ul li:before {
    content: url(/wp-content/uploads/2025/02/arrow-blue.png);
    padding-right: 7px;
    margin-right: 5px;
    border-radius: 5px;
}
.absolute-footer.dark {
	font-size:12px;
}