/*
Theme Name: Computer
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  ***************/


}

:root {
	--brown : #885a36;
	--yellow : #b59e24;
	--red : #d70018
}
@font-face {
	font-family: "utm-avo";
	font-weight: normal;
	font-style: normal;
	src: url("/wp-content/themes/computer/font/utm-avo.ttf") format("truetype");
	font-display: swap;
}

body {
	font-family: "utm-avo", sans-serif
}

.nav>li>a {
	font-family: "utm-avo", sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6,
.heading-font {
	font-family: "utm-avo", sans-serif;
}

#top-bar {
	background: #885A36;
	background: linear-gradient(90deg, rgb(103 57 18) 0%, rgb(157 91 6) 100%);
}

p {
	margin-bottom: 5px
}

.row-baogia p {
	margin-bottom:0
}

.gspl-group-bar { text-align: center; display: block; font-size:18px}
.gspl-price {color : red}
.gspl-tbox.gspl-tbox-group:first-child, .table.dataTable.no-footer, .gspl-group-icon, #shop-sidebar .is-divider {display: none!important}
table.gspl-dt thead th, table.gspl-dt tbody tr td { text-align: center!important;}
table.gspl-dt thead th:first-child, table.gspl-dt tbody tr td:first-child { text-align: left!important}

#shop-sidebar .widget {
	padding: 0
}

#shop-sidebar span.widget-title {
    background: var(--brown);
    color: #fff;
    width: 100%;
    display: block;
    padding: 10px 0;
    text-align: center;
    border-radius: 10px 10px 0 0;
}

.brand-filter-list, .product-categories {
	border-left: 1px solid #9e9e9e;
	border-right: 1px solid #9e9e9e; 
	border-bottom: 1px solid #9e9e9e;
	border-radius: 0 0 10px 10px;	
}
.brand-filter-list li, .product-categories { 
	padding: 0 10px;
}

.brand-filter-list li a span {
	color: #000
}

.badge-th {
	background: #efefef;
    color: var(--brown)!important;
    font-weight: 600;
    border-radius: 99px;
    width: 30px;
    height: 30px;
    text-align: center;
}
.copyright-footer {color: #fff}

.product-categories li a {
	font-size: 15px !important;
    text-transform: capitalize !important;
    font-weight: 600 !important;
}



.product-categories .has-child button {display: none;}
.product-categories .has-child ul {border-left: 0!important; padding-left: 10px;}
.product-categories .has-child ul li a {
	text-transform: math-auto !important;
    color: #343434;
    font-size: 14px !important;
}
.product-categories li.active a, .product-categories li.current-cat a {color: var(--brown)}

.product-small .product-title a:hover, .donvi, span.amount {color: var(--red)}

span.amount {font-size: 16px;}









a.devvn_buy_now_style {
  max-width:100%;
}

.devvn-popup-title,
.popup-customer-info-group .devvn-order-btn {
  background:#0d73c4;
}

div#reviews.woocommerce-Reviews {
  margin-bottom:20px;
  background:white;
  padding:20px;
  border-radius:8px;
  max-width:100%;
}

.devvn_prod_cmt {
  max-width:100%;
  background:white;
  padding:20px;
  border-radius:8px;
}

.devvn_prod_cmt {
  max-width:100%;
  background:white;
  padding:20px;
  border-radius:8px;
}

button#devvn_cmt_submit {
  background:#2196f3;
  color:white;
}


.header-bottom {
  box-shadow:2px 2px 20px #00000012;
}

.header-bottom-nav.nav-center li a {
	color: #fff!important;
}

.header-bottom-nav.nav-center li a:hover {
  color:var(--yellow) !important;
}

.nav-spacing-medium>li {
  margin:0 7px;
}

.header-vertical-menu__fly-out .nav-vertical-fly-out>li.menu-item>a {
  align-items:center;
  display:flex;
  padding:4.8px 5px;
 
  font-family:"Roboto Condensed",sans-serif;
  font-size:13.5px;
  color:#333;
}

.header-vertical-menu__fly-out .nav-vertical-fly-out>li.menu-item>a:hover,
.nav-dropdown li a:hover {
  color:#0d74c6;
}

.nav-dropdown li {
  border-top:1px solid white;
}

.section1 .img {
  margin-bottom:10px !important;
}

.section1 .col {
  padding:0 5px 10px;
}

.section1 .row1 .cot3 {
  flex-basis:29%;
  max-width:29%;
}

.section1 .row1 .cot2 {
  flex-basis:54%;
  max-width:54%;
}

.section1 .row1 .cot1 {
  flex-basis:17%;
  max-width:17%;
}

.nav-dropdown {
  min-width:230px;
  padding:0;
  border-left:1px solid #d3d3d3;
  background-color:#ebebeb;
  margin-top:15px;
  border-radius:5px;
  padding-top:0;
  padding-bottom:0;
}

.section1 .img img {
  border-radius:8px;
}

.nav-dropdown li a {
  padding:9px 10px;
  font-family:"roboto condensed",sans-serif;
  color:#333;
  text-transform:uppercase;
}

.header-bottom-nav.nav-center li a {
  line-height:35px;
  font-size:18px;
  color:#333;
  padding:0 5px;
}

.header-block-block-1 .icon-box h3 {
  padding-top:8px;
  text-transform:uppercase;
  color:#117dd4;
}

.header-block-block-1 .icon-box .icon-box-text {
  padding-left:8px;
}

.header-block-block-1 .col {
  padding:0 5px 0;
}

.searchform-wrapper input {
  border-top-left-radius:7px;
  border-bottom-left-radius:7px;
  border:1px solid var(--brown);
  box-shadow:none;
  height:46px;
  font-size:14px;
  font-style:italic;
}

.searchform .button.icon {
  margin:0;
  height:46px;
  width:60px;
  border-top-right-radius:7px;
  border-bottom-right-radius:7px;
  background:var(--brown);
}

h1.entry-title.mb {
  font-size:22px;
  margin-bottom:10px;
  letter-spacing:0;
  color:#3b3b3b;
}

.page-right-sidebar .page-inner {
  font-size:18px;
}

.blog-single .entry-content h2 {
  font-size:20px;
  border-left:5px;
  color:blue;
}

.page-right-sidebar .page-inner {
  background:white;
  padding:20px;
  border-radius:8px;
}

.page-right-sidebar .page-inner ul {
  margin-left:20px;
}

.single-product .product-title {
  text-transform:uppercase;
  font-weight:normal;
  color:#313131;
}

.product-info .breadcrumbs {
  font-size:16px;
}

.widget {
  background:white;
  padding:15px;
  border-radius:8px;
}

.single-product .shop-container,
.blog-single,
.page-right-sidebar {
  background:#f9f9fb;
}

.blog-single .large-3,
.page-right-sidebar .large-3 {
  border-left:none !important;
  padding-left:0;
}

.page-right-sidebar .large-9 {
  border-right:none !important;
}

.widget_product_categories ul li a,
.widget_categories ul li a {
  text-transform:uppercase;
  font-size:17px;
  color:#4e4e4e;
}

.widget_product_categories ul li a:hover,
.widget_categories ul li a:hover {
  color:#2196f3;
}

.widget .is-divider {
  height:1px;
  max-width:100%;
}

.blog-single .entry-meta {
  font-size:16px;
  text-transform:none;
  letter-spacing:0;
}

.blog-single .entry-title {
  text-transform:uppercase;
  font-weight:normal;
}

.blog-single .is-divider {
  display:none;
}

.blog-single .blog-share {
  text-align:left;
}

.blog-single .entry-content {
  padding-bottom:0;
  text-align:justify;
  color:#2f2f2f;
  font-family:"roboto",sans-serif;
}

.blog-single .entry-image img {
  border-radius:8px;
}

.single-post .article-inner {
  background:white;
  padding:20px;
  border-radius:8px;
}

.widget .icon-box {
  border-top:1px solid #e4e4e4;
  padding:10px 0;
}

.block_widget .is-divider {
  display:none;
}

.single-product .large-3 {
  padding-top:25px;
}



.title-custom:hover {
  text-decoration:underline;
}

.block_widget .col {
  padding-bottom:0;
}

.block_widget .icon-box .icon-box-text {
  font-size:16px;
  line-height:22px;
  color:#494949;
}

.single-product {
  background:#f9f9fb;
}

.single-product .large-9 {
  padding-right:0;
  border-right:none !important;
}

.header-block-block-1 .large-4 .icon-box .icon-box-text {
  font-size:19px;
  font-weight:bold;
  color:white;
  padding-top:8px;
  font-family:"roboto condensed",sans-serif;
}

.header-nav-main li a {
  line-height:16px;
  font-weight:bold;
  color:#353535;
  font-size:15px;
}

.header-bottom-nav.nav-center {
  margin-left:5px;
}

.section1 .row.row-small {
  max-width:1310px;
}

.product-small.box {
  background:white;
  border:solid 1px #E2E2E2;
}


.archive .shop-page-title {
  text-transform:uppercase;
  color:var(--brown);
}

.product-small .product-title {
  font-family:"roboto condensed",sans-serif;
  font-size:17px;
  text-transform:uppercase;
  margin-bottom:5px;
}

.product-small .product-title a {
  display:-webkit-box;
  color:black;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
}

.product-small .product-title a:hover {
  color: var(--brown);
}

.product-small.box .box-text {
  padding:15px;
}

.product-small.box .price del {
  display:block;
}

.product-small.box .price ins {
  display:block;
}

.product-small.box .price,
.product-info .price {
  font-family:"roboto condensed",sans-serif;
  font-size:18px;
}

.product-small.box .price ins bdi,
.product-info .price ins bdi {
  Color:#EA0000;
}

.product-small.box .price del,
.product-info .price del {
  margin-bottom:6px;
}

.product-small.box .price ins bdi:before,
.product-info .price ins bdi:before {
  content:"Giá KM:";
}

.product-small.box .price del bdi,
.product-info .price del bdi {
  Color:#323232;
  font-size:16px;
}

.badge-container {
  margin:7px;
}

.badge-container .badge-inner {
  background-color:#00000000;
  background-image:url(/wp-content/uploads/2022/11/icon_discount2.png);
  background-size:cover;
  background-repeat:no-repeat;
}

.image-tools.top.right {
  height:100%;
  right:unset;
  left:0;
  padding:0;
  position:absolute;
  z-index:99;
}

.exc-custom {
  color:white;
  background:rgba(0,0,0,0.6) none repeat scroll 0 0;
  padding:10px;
  height:100%;
  width:100%;
  display:block;
}

.exc-custom * {
  color:#fff !important;
}

.exc-custom a {
  display:block;
}

.title-custom {
  font-size:16px;
  font-weight:bold;
  text-transform:uppercase;
  line-height:21px;
  margin-bottom:5px;
}

.section-title-normal {
  display:inline-block;
  margin-bottom:0;
  border-bottom:0;
  border-radius:5px;
}

.hdevvn-show-cats:before {
  width:50px;
  height:1px;
  content:"";
  position:absolute;
  top:46%;
  left:0;
  background:#FFF;
}

.section-title-normal {
  background:#00499e;
}

.section-title-normal b {
  display:none;
}

.section-title-main {
  position:relative;
}

.section-title-main:after {
  width:50px;
  height:1px;
  content:"";
  position:absolute;
  top:56%;
  left:103%;
  background:#FFF;
}

span.hdevvn-show-cats li a:hover {
  color:yellow;
}

.section-title-container {
  margin-bottom:15px;
}

.section-title-normal span {
  position:relative;
  display:inline-block;
  float:left;
  margin-right:15px;
  padding-bottom:0;
  border-bottom:0;
  margin-bottom:0;
  font-size:20px;
  color:white !important;
  padding:10px;
}

span.hdevvn-show-cats li {
  display:block;
  width:auto;
  float:left;
  margin:0 8px;
}

span.hdevvn-show-cats li a {
  font-size:17px;
  text-transform:uppercase;
  font-weight:400;
  margin-right:0 !important;
  padding-left:10px;
}

.section-title a {
  font-size:14px;
  margin-left:auto;
  color:white;
  margin-right:10px;
}

.section2 img {
  border-radius:8px;
}

.exc-custom ul {
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:6;
  overflow:hidden;
  margin-bottom:0;
}

.exc-custom ul li {
  list-style:none;
  margin-left:0;
  font-size:14px;
  font-weight:normal;
  margin-bottom:0;
}

.hdevvn-show-cats {
  padding-left:55px !important;
  position:relative;
  line-height:26px;
}

.section7 .large-2 {
  flex-basis:calc(100%/7);
  max-width:calc(100%/7);
}

.section7 .col {
  padding-bottom:0;
}

.section7 .icon-box img {
  padding-top:0;
  border-radius:99%;
}

.section7 .icon-box h3 {
  font-weight:normal;
  line-height:23px;
  font-size:17px;
}

.section7 .col.large-2 .col-inner {
  padding:5px;
  border-radius:8px;
}

.section7 .section-title-main:after,
.section2 .section-title-main:after {
  display:none;
}

.list-post .post-item .post-title {
  font-size:22px;
  font-weight:normal;
  color:black;
}

.list-post .box-blog-post .is-divider {
  height:1px;
  max-width:100%;
}

.post-item .from_the_blog_excerpt {
  font-size:16px;
}

.list-post .post-item .post-title:hover {
  color:#0462ac;
}

.list-post .post-item .box-image {
  border-radius:8px;
}

.post-item .post-meta {
  font-size:15px;
}

.section7 .row2 img {
  border-radius:8px;
  border:1px solid #e8e8e8;
}

.absolute-footer {
  font-size:16px;
  color:#b5b5b5 !important;
}

.footer-section h3:before {
  width:200px;
  height:1px;
  background:#505050;
  content:"";
  position:absolute;
  left:0;
  bottom:0;
}

.footer-section h3:after {
  width:60px;
  height:3px;
  background:#FCFCFC;
  content:"";
  position:absolute;
  left:0;
  bottom:-2px;
}

.footer-section h3 {
  color:white;
  position:relative;
  text-transform:uppercase;
  font-size:18px;
  padding-bottom:10px;
  margin-bottom:20px;
}

.footer-section .col {
  padding-bottom:0;
}

a.back-to-top {
  background:#0462ac !important;
  border:none !important;
  color:white;
}

.section4 .section-title-main:after {
  right:-60%;
}

.block_widget span.widget-title {
  padding-bottom:15px;
  display:block;
}

.recent-blog-posts a {
  font-size:17px;
}

.recent-blog-posts a:hover {
  Color:#2196f3;
}

.product-info {
  padding-top:10px;
  background:white;
  border-radius:8px;
  padding:15px;
}

.product-main {
  padding:25px 0;
}

.product-info .price ins bdi {
  font-size:22px;
}

.product-info .product-short-description {
  border:0;
  padding:15px;
  border-radius:8px;
  margin-bottom:14px;
  background:#fafafa;
  max-height:200px;
  overflow-y:scroll;
}

.product-short-description ul {
  margin-bottom:0;
}

.product-short-description ul li {
  margin-bottom:3px;
}

form {
  margin-bottom:0;
}

.star-rating span:before {
  color:#ffc107;
}

.product-gallery-slider img,
.product-thumbnails img {
  width:100%;
  background:white;
  border-radius:8px;
}

.product-footer .woocommerce-tabs {
  border-top:0;
  padding:0;
}

.woocommerce-tabs .tab-panels {
  font-size:17px;
  font-family:"roboto",sans-serif;
  color:#3f3f3f;
}

.woocommerce-tabs ul li a {
  border-top-left-radius:8px;
  border-top-right-radius:8px;
  border:none;
  font-size:18px;
  text-transform:uppercase;
  font-weight:bold;
  color:gray;
}

.single-product .product-main .row {
  margin-right:0;
}

.single-product .nav-tabs+.tab-panels {
  background-color:#fff;
  border:0;
  border-top-right-radius:8px;
  border-bottom-right-radius:8px;
  border-bottom-left-radius:8px;
}

.product-section {
  border-top:0;
}

.woocommerce-review-link {
  font-size:100%;
  color:#2196f3;
}

.single_add_to_cart_button {
  border-radius:8px;
  background:var(--yellow) !important;
}

.related h3 {
  letter-spacing:0;
  color:#3b3b3b;
  margin-top:20px;
}

.product-info .product_meta {
  font-size:16px;
}

.xem-them .tieu-de-xem-them {
  font-weight:700;
  display:block;
  margin-bottom:10px;
  font-size:19px;
  color:black;
}

.xem-them ul li {
  margin-bottom:3px;
}

.xem-them ul li a {
  font-weight:500;
  font-size:16px;
  color:#2196f3;
}

.xem-them ul li a:hover {
  text-decoration:underline;
}

.danh-muc {
  margin-bottom:15px;
}

.danh-muc span.title,
.the-tim-kiem span.title {
  border-radius:4px;
  background:#126e32;
  padding:4px 10px;
  color:white;
  margin-right:5px;
}

.danh-muc a,
.the-tim-kiem a {
  line-height:32px;
  border-radius:4px;
  margin-bottom:10px;
  padding:4px 10px;
  background:#dedede;
  color:#464646;
}

.danh-muc a:hover,
.the-tim-kiem a:hover {
  background:#6dca19;
  color:white;
}

.bai-viet-lien-quan {
  margin-top:15px;
}

.bai-viet-lien-quan h3 {
  font-size:19px;
  color:black;
}

.bai-viet-lien-quan ul {
  margin-bottom:0;
  display:inline-block;
  width:100%;
}

.bai-viet-lien-quan ul li {
  list-style:none;
  width:33.33%;
  color:graytext;
  float:left;
  padding-left:4px;
  padding-right:5px;
}

.bai-viet-lien-quan ul li .box-image img {
  height:180px;
  border-radius:4px;
  object-fit:cover;
  object-position:center;
}

.archive h1.page-title {
  font-size:25px;
  color:#313131;
  letter-spacing:0;
}

.blog-archive .post-item .box-image {
  border-radius:8px;
}

.blog-archive .post-item .post-title {
  font-size:22px;
  font-weight:500;
  margin-bottom:10px;
}

.blog-archive .post-item .post-title:hover {
  color:#2196f3;
}

.bai-viet-lien-quan h4 {
  font-size:15px;
  color:black;
  line-height:24px;
  padding-top:7px;
  height:auto;
  font-weight:normal;
  font-size:18px;
}

.woocommerce #reviews #comments h2 {
  font-size:20px;
  text-transform:uppercase;
  font-weight:normal;
  margin-bottom:15px;
  display:block;
}

.bai-viet-lien-quan h4:hover,
.navigation-post a:hover {
  color:#2196f3;
}

.navigation-post a {
  font-size:17px;
}

#comments .comment-respond {
  background-color:white;
  border-radius:8px;
}

#comments input {
  box-shadow:None;
  border-radius:5px;
}

.rank-math-breadcrumb .last-child {
  margin-bottom:10px;
  color:gray;
}

figcaption {
  text-align:center;
  font-size:15px;
  color:gray;
  font-style:italic;
  margin-top:10px;
}

.rank-math-breadcrumb a:hover {
  color:#2196f3;
}

.rank-math-breadcrumb p {
  margin-bottom:10px;
}

.qc-left {
  left:50%;
  margin-left:-787px;
}

.qc-left a,
.qc-right a {
  display:block;
  margin-bottom:10px;
}

.qc-left,
.qc-right {
  position:fixed;
  top:25%;
  z-index:99999;
  width:120px;
}

.qc-right {
  right:50%;
  margin-right:-787px;
}





.checkout-page-title .breadcrumbs, .woocommerce-NoticeGroup, .author-box-container h3 {
	display: none;
}

#customer_details input, #customer_details textarea {
	border-radius: 10px;
	height: 45px;
}

/* checkout */
.woocommerce-billing-fields {
	border-top: 0px
}

.checkout-product-image-container-wat {
	    display: flex;
    align-items: end;
}

.checkout .product-quantity, .woocommerce-bacs-bank-details {
	display: none
}

.checkout .has-border, .woocommerce-checkout-review-order-table th, .woocommerce-checkout-review-order-table td {
	border: 0px;
}

#billing_first_name_field, #billing_address_1_field {
	width: 100%;
}

.shop_table .order-total th, .order-total td bdi{
	font-size: 14px; 
	color: #dd3333
}

.woocommerce a.remove, .cart-item a.remove {
    width: 30px;
    height: 22px;
    position: relative;
    transition: opacity 200ms;
    vertical-align: top;
    display: block;
    -webkit-appearance: none;
    background: none;
    border: none;
    cursor: pointer;
    outline: none;
    padding: 0;
    text-indent: -9999px;
}

.woocommerce a.remove:before,
.woocommerce a.remove:after,
.cart-item a.remove:before,
.cart-item a.remove:after{
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAQCAQAAACMnYaxAAAAXUlEQVR4XsWQQQrAQAgD84Pti/JSoaftN1MCdgXxXgYvGfUQyABE4DEIUJmeuKgVlJI5em0RGTesFXXZuLwCzvL2pYbHmfCTNSXxpyyajLGClFy7K1dgaaho7YYovIpO3rju6hYFAAAAAElFTkSuQmCC) 0 0 no-repeat;
    left: 8px;
    position: absolute;
    right: 8px;
    top: 2px;
    display: inline-block;
    content: '';
}

.woocommerce a.remove:before, .cart-item a.remove:before {
    height: 6px;
    transform-origin: -7% 100%;
    -moz-transform-origin: -7% 100%;
    -webkit-transform-origin: -7% 100%;
    transition: transform 150ms;
    -moz-transition: transform 150ms;
    -webkit-transition: transform 150ms;
    width: 14px;
}

.woocommerce a.remove:after, .cart-item a.remove:after {
    background-position: -1px -4px;
    height: 12px;
    margin-left: 1px;
    margin-right: 2px;
    margin-top: 4px;
    width: 11px;
}

.woocommerce a.remove:hover:before, .cart-item a.remove:hover:before {
    transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transition: transform 250ms;
    -moz-transition: transform 250ms;
    -webkit-transition: transform 250ms;
}

.woocommerce a.remove:hover, .cart-item a.remove:hover {
    background: transparent;
}


.home-product .col-inner,.products .product-small .col-inner, .related .product-small .product-small .col-inner{
	border-radius:10px; 
}

.home-product .product-small, .products .product-small  .product-small, .related .product-small .product-small  {  
    margin-bottom: 10px;
    padding: 10px 5px;
    background: #ffffff;
    position: relative;
    border-radius: 10px;
    box-shadow: rgb(60 64 67 / 10%) 0px 1px 2px 0px, rgb(60 64 67 / 15%) 0px 2px 6px 2px;
    transition-duration: .3s;
}
.product-small .price ins {
	font-size: 15px; 
}

.price-wrapper .price > .amount bdi {
	color: #dd3333;
	font-size: 20px;
	line-height:25px;
}

.ux-quantity.quantity.buttons_added.form-minimal:before {
    content: "Số lượng : ";
    line-height: 40px;
    margin-right: 10px;
    font-weight: 700;
	font-size: .9em;
	
}

.form-minimal.quantity .qty {
	height: auto;
}

.product-summary .quantity {
	width: 100%;
}