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

/*************** ADD CUSTOM CSS HERE.   ***************/
 @font-face {
            font-family: 'Muli';
            src: url('/wp-content/themes/vinatech-child/fonts/Muli-Regular.woff') format('woff');
            font-weight: normal;
            font-style: normal;
            font-display: swap;
        }

        @font-face {
            font-family: 'Muli';
            src: url('/wp-content/themes/vinatech-child/fonts/Muli-Bold.woff') format('woff');
            font-weight: bold;
            font-style: normal;
            font-display: swap;
        }

        @font-face {
            font-family: 'Muli';
            src: url('/wp-content/themes/vinatech-child/fonts/Muli-ExtraBold.woff') format('woff');
            font-weight: bold;
            font-style: normal;
            font-display: swap;
        }

        @font-face {
            font-family: 'Muli';
            src: url('/wp-content/themes/vinatech-child/fonts/Muli-SemiBold.woff') format('woff');
            font-weight: 600;
            font-style: normal;
            font-display: swap;
        }

        @font-face {
            font-family: 'Muli';
            src: url('/wp-content/themes/vinatech-child/fonts/Muli-Black.woff') format('woff');
            font-weight: 900;
            font-style: normal;
            font-display: swap;
        }

        @font-face {
            font-family: 'Muli';
            src: url('/wp-content/themes/vinatech-child/fonts/Muli-Italic.woff') format('woff');
            font-weight: normal;
            font-style: italic;
            font-display: swap;
}
body{font-family:  "Muli",  sans-serif!important;}
.nav > li > a {font-family:  "Muli", sans-serif!important;}
h1,h2,h3,h4,h5,h6, .heading-font{font-family: "Muli", sans-serif!important;}
.alt-font{font-family: "Muli",sans-serif!important;}
#mega-menu-title {
    font-family: "Arial",sans-serif;
	padding-top:18px; 
	padding-bottom:18px;
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}


/** CSS HEADER **/
.header-main .icon-menu:before {
    color: #fff;
}
.header-bottom  {
        border-top: 1px solid rgba(255, 255, 255, 0.2);
    }
.nav-spacing-xlarge>li {
    margin: 0 25px;
}
.header-top a {
	color:#fff!important;
}
.nav-small.nav>li.html, ul.nav.top-bar-nav.nav-right.nav-small.nav-divided a {
    font-size: .75em;
    font-size: 13px;
}
.menu-mobile h2 {
    color: #fff!important; 
}
.menu-mobile .toggle {
    width:auto!important;
}
.css-mobile-col {
    padding-bottom: 15px;
}
.css-cottrai-home {
	  padding-right:0px;
}
ul.nav.header-nav.header-bottom-nav.nav-left.nav-divided.nav-spacing-xlarge.nav-uppercase {
    margin-right: 20px;
}
.widget>ul>li+li, ul.menu>li+li {
    border-top: 0;
}
.css-lienhe {
    margin-bottom: 0px;
}
span.numner {
    color: #fff;
}
span.header-vertical-menu__title {
    font-weight: 700;
    font-style: normal;
    color: #fff;
}
.header:not(.transparent) .header-bottom-nav.nav > li > a {
    color: #ffffff;
    font-size: 14px;
}
.nav-dropdown>li>a {
    color: #000;
    font-size: .9em;
}
.nav-dropdown-default {
    padding: 10px;
}
li.html.custom.html_topbar_left {
    margin-right: 20px;
}
.hotline {
    display: inline-block;
	  color:#fff;
    background-image: url(/wp-content/uploads/2025/09/phone.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 2.25rem;
    vertical-align: middle;
}
.hotline .t, .hotline .b {
    display: block;
    line-height: 1.2;
    text-align: left;
	  color:#fff;
}
.hotline a {
    color:#fff;
}
.hotline .t {
    font-size:16px;
    font-weight: 700;
    text-transform: uppercase;
}
.hotline .b {
    font-size: .75rem;
}
.header-main .button.is-outline {
    border: 1px solid #000;
    background-color: transparent;
    color: #fff;
}
input#woocommerce-product-search-field-0 {
    font-size: inherit;
    background-color: #fff;
    border-radius: 5px;
    border: 0px;
    height: 40px;
}
button.ux-search-submit.submit-button.secondary.button.icon.mb-0 { 
	  border-radius:40px;
    border: 0px;
	  height:40px;
}
#mega-menu-wrap img._mi._before._image, img._mi._before._image {
    width: 25px;
    height: 25px;
}
#mega-menu-wrap {
    background:#ff0c00;
}
.page-id-94 #header.header #mega_menu {
    display: block;
}
.sticky-img {
	  position: -webkit-sticky;
  	position: sticky;
  	top: 0;
}
input[type='email']:focus, input[type='search']:focus, input[type='number']:focus, input[type='tel']:focus, input[type='text']:focus, input[type='password']:focus, textarea:focus, select:focus {
    box-shadow: unset;
}
input[type='email'], input[type='date'], input[type='search'], input[type='number'], input[type='text'], input[type='tel'], input[type='url'], input[type='password'], textarea, select, .select-resize-ghost, .select2-container .select2-choice, .select2-container .select2-selection {
    box-shadow: unset;
}
.badge-inner.secondary.on-sale {
    background:#006472;
}
/** CSS TRANG CHU **/
.menu-danh-muc-san-pham-container ul li a {
   text-transform:uppercase;
}
.section-title a {
	  color:#fff;
    display: block;
    margin-left: auto;
    padding-left: 15px;
    margin-right: 10px;
    font-weight: 400;
    font-size: 13px;
}
a.primary.is-small.mb-0.button.product_type_simple.add_to_cart_button.ajax_add_to_cart.is-outline, a.primary.is-small.mb-0.button.product_type_simple.is-outline {
    background: #252525;
    text-transform: uppercase;
    color: #fff;
    margin-top: 15px;
    padding: 3px 14px;
    border-radius: 5px;
    border: 0;
    font-weight: 400;
    font-size: 12px;
}

p.name.product-title.woocommerce-loop-product__title {
    height: 40px;
    overflow: hidden;
	  margin-bottom:10px;
}
.section-title-normal {
    border-bottom: 2px solid #006472;
	  background:#006472;
}
.section-title-normal span {
    margin-right: 0;
    margin-bottom: 0;
    color: #fff;
	  border:none!important;
    padding: 3px 20px;
    line-height: 35px;
    background: #006472;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
span.section-title-main {
    font-size: 17px;
}
.flickity-page-dots {
	  bottom:-20px;
}
.slider-nav-light.slider-nav-dots-simple .flickity-page-dots .dot {
    background-color: #000;
    border-color: #000;
    border: 3px solid #000;
    border-radius: 50%;
}
.container.section-title-container {
    margin-bottom: 5px;
}
.woocommerce-ordering, .woocommerce-ordering select {
    margin: 5px 0;
    display: inline-block;
    font-size: 14px;
}
h5.post-title.is-large {
    font-weight: 400;
    font-size: 13px;
}
.archive h5.post-title.is-large {
	  font-weight:700;
    font-size: 16px;
}
.row-collapse .badge-circle {
    margin-left:0px;
}
.section-title b {
    height: 0px;
}
.secondary, .checkout-button, .button.checkout, .button.alt {
    background-color: rgba(209, 38, 49, .85);
}
.css-cottrai-home .product-small.box.has-hover.box-normal.box-text-bottom {
    padding: 20px 10px 20px;
    margin: 0px!important;
    border: 1px #eaeaea solid;
    border-top: none;
}
.css-cottrai-home h4.section-title.section-title-center {
    color: #fff;
    margin-bottom: 0px;
}
.css-cottrai-home .container.section-title-container {
    display: block;
    background:#d48508;
    border-color: #d48508;
    border-bottom: 2px solid #d48508;
    color: #fff;
    padding: 10px 0 8px;
    margin-top: 0;
    position: relative;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 13px;
    font-weight: 900;
	  margin-bottom: 0px;
}
/** CSS SAN PHAM **/
.tab-panels {
    border: 1px solid #ddd;
    padding: 20px;
}
.badge-container {
    margin: 10px;
}
del span.woocommerce-Price-amount.amount {
    color: #000!important;
    font-weight: 400!important;
}
.product-small.box span.amount {
    white-space: nowrap;
    color: #006472;
    font-weight: bold;
	  font-size:14px;
}
.entry-header-text {
    padding: 1.5em 0;
    padding-bottom: 0px;
}
.entry-content {
    padding-bottom: 1.5em;
    padding-top: 0;
}
span.amount {
    white-space: nowrap;
    color: #006472;
    font-weight: bold;
}
.is-divider {
    height: 1px;
    display: block;
    background-color: rgba(0,0,0,0.1);
    margin: 1em 0 1em;
    width: 100%;
    max-width: 100%;
}
h1.product-title.product_title.entry-title {
    color: #000;
}
button.single_add_to_cart_button.button.alt {
    background: #006472;
    color: #fff;
    font-size: 16px;
    text-shadow: none;
    margin-top: 0px;
    font-weight: normal;
    transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
    border: none;
}
ul.tabs.wc-tabs.product-tabs  li.active>a, ul.tabs.wc-tabs.product-tabs li.active>a {
    opacity: 1;
    border: none;
    color: #fff;
    border-radius: 0px;
    line-height: 3;
}
.nav-pills>li>a  {
    border-radius: 0px;
	  font-size:14px;
}
ul.tabs.wc-tabs.product-tabs.small-nav-collapse.nav.nav-uppercase.nav-pills.nav-left {
    border-bottom: 2px solid #006472;
}
.pt-half {
    padding-top: 15px;
    padding-left: 0px;
    margin-left: 0px;
}
.product-short-description {
    font-size: 14px;
}
.woocommerce-tabs.wc-tabs-wrapper.container.tabbed-content {
    font-size: 14px;
}
.archive .products.row {
    border-top:3px solid #eee;
    border-left:3px solid #eee;
}

.widget span.widget-title {
    display: block;
    text-align: center;
    background: #006472;
    color: #fff;
    padding: 13px 0 12px;
    margin-top: 0;
    position: relative;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 0px;

}
.widget>ul>li+li, ul.menu>li+li {
    border-top: 1px solid #ddd;
}
ul.product-categories, ul.product_list_widget, .flatsome_recent_posts.widget ul {
    border: 1px solid #cccccc;
    border-top: none;
}
ul.product-categories li, ul.product_list_widget li, .flatsome_recent_posts.widget ul > li {
    padding: 8px 10px;
}
ul.product-categories li a, ul.product_list_widget li a, .flatsome_recent_posts.widget ul > li a {
    padding:0px;
}
ul.product-categories li:not(:last-child), ul.product_list_widget li:not(:last-child), .flatsome_recent_posts.widget ul > li:not(:last-child) {
	  border-top:0;
    border-bottom: 1px solid #cccccc;
}
span.post_comments.op-8.block.is-xsmall {
    display: none;
}
.css-hotro .textwidget {
    background-color: #FFF;
    border: 1px solid #cccccc;
    border-top: none;
}
.css-hotro .textwidget {
    background-color: #FFF;
    border: 1px solid #cccccc;
    border-top: none;
} 
.css-hotro span.hotlinesp {
    font-size: 16px;
    color: #006472;
    font-weight: bold;
}
.css-hotro  i.fa-solid.fa-phone {
    color: #006472;
}
.css-sanphammoi .row.large-columns-1 {
    border: 1px solid #cccccc;
    border-top: none;
    margin-left: 0;
    margin-right: 0;
}
.css-sanphammoi .row.large-columns-1 .col {
	  padding-bottom:0;
}
.css-sanphammoi .row.large-columns-1 .col:not(:last-child) {
	  padding-bottom:0;
	  border-top:0;
    border-bottom: 1px solid #cccccc;
}
.flatsome_recent_posts.widget ul  .badge.post-date.badge-square {
    height: 3.8em;
    width: 3.8em;
}
.flatsome_recent_posts.widget ul .pt-half {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 0px;
    margin-left: 0px;
}
ul.product_list_widget span.product-title, .flatsome_recent_posts.widget ul a {
    font-size: 14px;
}
.is-divider.small {
    display: none;
}
.is-divider.small {
    height: 0px;
}
.box-blog-post .is-divider {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    height: 0px;
}
.product-short-description {
    font-size: 14px;
	  margin-top:15px; 
	  margin-bottom:15px;
}
.product-short-description p {
	  margin-bottom: .3em;
}
div#tab-description {
    font-size: 15px;
}

table {
    border: 1px solid #ededed;
}
td, th {
    border-bottom: 1px solid #ededed;
    font-size: 15px;
    line-height: 1.3;
    text-align: left;
    padding: 15px!important;
}
td:first-child, th:first-child {
    border-right: 1px solid #ededed;
}
td {
    color: #000;
}
td.spec-header {
    padding: 10px;
    vertical-align: baseline;
    overflow-wrap: break-word;
    background-color: #f1f1f1;
    font-size: 16px;
    font-weight: bold;
    width: 708px;
	  color:#000;
}
.woocommerce-product-gallery .woocommerce-product-gallery__wrapper {
    border:1px solid #ddd;
}
.product-thumbnails .col a {
    border: 1px solid #ddd;
    opacity: 1 !important;
}
.product-images .badge-container {
    margin: 10px;
	  left:10px;
}
.product-thumbnails img {
    opacity: 1;
}
.product-info .breadcrumbs {
    font-size: .85em;
    margin: 0 0 .5em;
    display: none;
}
p.woocommerce-result-count.hide-for-medium {
    display: none;
}
/** CSS DOI TAC **/
.css-doitac .box-image.box-shadow-4.box-shadow-4-hover.image-cover img {
    border: 1px solid #ededed;
}
.css-doitac .col.small-12.large-12, .css-doitac .col.medium-5.small-12.large-5, .css-doitac .col.medium-7.small-12.large-7, .css-doitac .gallery-col.col {
    padding-bottom: 0px;
	  align-items: center;
    display: flex;
}
.css-doitac .col.medium-4.small-12.large-4, .css-doitac .col.medium-8.small-12.large-8 {
    padding-bottom: 0px;
}
.css-doitac p {
    margin-bottom: 0px;
}
.css-doitac .box-text.text-left {
    padding-bottom: 0px;
    display: none;
}
.css-doitac form.wpcf7-form {
    margin-bottom: 0px;
}
.css-doitac input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-required.wpcf7-validates-as-email {
    background: #FFFFFF;
    width: 100%;
    display: inline-block;
    background-color: #fff;
    padding-left: 10px;
    font-size: 13px;
    border: none;
    border-radius: 0px;
    margin: 0 10px 0px 0;
    height: 40px;
}
.css-doitac input.wpcf7-form-control.wpcf7-submit.button {
    background: #000;
    border: 0 none;
    overflow: hidden;
    padding: 2px 13px;
    cursor: pointer;
    font-weight: normal;
    color: #fff;
    border-radius: 0px;
    text-transform: uppercase;
    transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
}
/** CSS FOOTER **/
.footer h4 {
	  color:#fff;
}
footer#footer {
    background: #006472;
	  color:#fff;
}
.footer {
    padding: 20px 0 0;
}
.footer-1 .widget span.widget-title {
    margin-bottom: 10px;
	  font-size:14px;
    text-align: left;
    background: unset;
    color: #fff;
}
.footer-1, .footer-2 {
	  font-size:14px;
}
.footer-1 li {
    margin-bottom: .4em;
}
.footer-1 .row.large-columns-6.mb-0 {
	  max-width: 1140px;
	  color:#fff;
	  font-size:12px;
	  padding-top: 20px;
	  padding-bottom: 20px;
}
.footer-2 .row.large-columns-4.mb-0 {
    background: #000;
	  max-width: 1140px;
	  color:#fff;
	  font-size:12px;
	  padding-top: 20px;
	  padding-bottom: 20px;
}
.badge.post-date {
    top: 0px;
}
@media (max-width:768px) {
#mega_menu {
    display: block;
}
.css-mobile-col .css-col-blog .col {
		padding-left:10px!important;
	  padding-right:10px!important;
}
.col.css-cottrai-home.css-mobile-col .col-inner {
		margin-top:20px!important;
}
}
@media (min-width: 992px) {
    .row-divided>.col+.col:not(.large-12) {
        border-left: 0;
    }
div#product-sidebar {
    padding-right: 0px;
}
.header-block {
    display: none;
}
.post-sidebar.large-3.col, .archive.large-3.col {
    padding-right: 0px;
}
.footer-1 .css-footer-1 {
        flex-basis:30%;
        max-width:30%;
	      font-size:14px;
}
.footer-1 .css-footer-2 {
    flex-basis:25%;
        max-width:25%;
	  font-size:14px;
}
.footer-1 .css-footer-3 {
    flex-basis: 20%;
        max-width:20%;
	  font-size:14px;
}
.footer-1 .css-footer-4 {
  	flex-basis:25%;
        max-width:25%;
	  font-size:14px;
}
}
.css-lienhe a {
	  font-size:20px;
	  color:#fff;
	  font-weight:700;
}
.css-lienhe .icon-box-left .icon-box-img+.icon-box-text {
    padding-left: 1em;
    margin: auto;
    font-size: 16px;
}
#footer .form-flat input:not([type=submit]), #footer .form-flat select, #footer .form-flat textarea {
    background-color: #fff;
    border-color: rgba(0, 0, 0, .09);
    border-radius: 0px;
    box-shadow: none;
    color: currentColor !important;
    height: 40px;
}
#footer .flex-col.flex-grow {
    padding-right: 0 !important;
}
#footer .flex-col.ml-half {
    margin: 0;
    padding: 0;
}
#footer form.wpcf7-form.init {
    margin-bottom: 0;
}
#footer input.wpcf7-form-control.wpcf7-submit.has-spinner.button {
    border-radius: 0px;
	  height:40px;
    margin: 0;
}
.wpcf7-spinner {
    display: none;
}
.absolute-footer {
    display: none;
}