/*
Theme Name: Thực phẩm chức năng 3
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 1.0.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
/* roboto-regular - vietnamese_latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap; 
  src: url('fonts/roboto-v20-vietnamese_latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto'), local('Roboto-Regular'),
       url('fonts/roboto-v20-vietnamese_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v20-vietnamese_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v20-vietnamese_latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v20-vietnamese_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v20-vietnamese_latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700 - vietnamese_latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
   font-display: swap;
  src: url('fonts/roboto-v20-vietnamese_latin-700.eot'); /* IE9 Compat Modes */
  src: local('Roboto Bold'), local('Roboto-Bold'),
       url('fonts/roboto-v20-vietnamese_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v20-vietnamese_latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v20-vietnamese_latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v20-vietnamese_latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v20-vietnamese_latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}


body{font-family:'Roboto', sans-serif}
body{font-weight: 0}
body{color: #353535}.nav > li > a {font-family:'Roboto', sans-serif;}
.nav > li > a {font-weight: 0;}
h1,h2,h3,h4,h5,h6,.heading-font, .off-canvas-center .nav-sidebar.nav-vertical > li > a{font-family: 'Roboto', sans-serif;}
h1,h2,h3,h4,h5,h6,.heading-font,.banner h1,.banner h2{font-weight: 700;}
h1,h2,h3,h4,h5,h6,.heading-font{color: #0a0a0a;}
.alt-font{font-family: 'Roboto', sans-serif;}
.alt-font{font-weight: 0!important;}
#top-bar .html{font-size:13px}
#header-contact li a{text-transform: none;
    font-size: 13px;
    color: white;}
.header-cart-icon{margin-left:5px !important}.header-main {

    box-shadow: 2px 2px 10px #0000001f;
}.nav-dropdown{padding:0; border:none;border-top:3px solid #f58620}.section-title-center span {
    margin: 0 15px;
    font-size: 32px !important;
    font-weight: normal;
    text-transform: none;
}.section-title-container {
    margin-bottom: 0;
}.section-title b {
    background: 0 0;
}.section-title-center span:after {
    content: "";
    display: table;
    clear: both;
    background: url(/wp-content/uploads/2019/06/divide-title-2.png);
    width: 100%;
    height: 28px;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: bottom;
	padding-top: 30px;}
.nav-dropdown>li>a{color:black; border-bottom: 1px solid #ececec;
}.nav-dropdown.nav-dropdown-simple li.html{padding:10px !important}
.gioi-thieu-section p{margin-bottom:15px}
.gioi-thieu-section .col, .vi-sao-section .col, .san-pham-section .col, .footer-section .col{padding-bottom:0}
.social-icons a:last-child{margin-bottom:13px}.footer-secondary {
    padding: 0;
}.absolute-footer {font-size:13px;
	border-top: 1px solid #efefef;}
.nut-xem-chi-tiet{margin-bottom:0 !important; font-weight:normal;     border: 1px solid #e92c29 !important; margin-bottom:0}
.gioi-thieu-section img{border-radius:10px}
.nut-mua-ngay .right{display:inline-block; width:50%; float:right; text-align:left; padding-left:5px;}
.nut-mua-ngay .left{display:inline-block; width:50%; float:left; text-align:right !important; padding-right:5px}
.tin-tuc-section a.button{border:1px solid white !important}
.xem-chi-tiet:hover{background-color:#ea7f1c; color:white}
.xem-chi-tiet{background-color: #f58620;
	background-image: url(/wp-content/uploads/2019/07/arrow-line-icon.png);
	
    font-weight: 400;
    padding: 2px 15px;
    border-radius: 25px;
    font-size: 13px !important;
    background-repeat: no-repeat;
    text-transform: none;
    background-size: 22px;
    background-position-x: 13px;
    padding-left: 34px;
    background-position-y: 6px;
    line-height: 33px !important;
    color: white; border:none !important;
    margin-top: 1em !important;}
.nut-mua-ngay{display:inline-block; width:100%; clear:both}

.vi-sao-section .icon-box{background: white;
    padding: 10px;
    border-radius: 6px;
    margin-bottom: 25px;}
.vi-sao-section .icon-box h3{    margin-bottom: 0px;
    font-weight: normal;
    color: #e82829;
    font-size: 21px;}
a.added_to_cart{background: #bf360c;
    font-weight: 400 !important;
    background-image: none !important; color:white !important;
    padding: 2px 15px !important;
    border-radius: 25px !important;

    text-transform: none !important;
    line-height: 32px !important;
    margin-top: 1em !important;}
.add-to-cart-button a{background-image: url(/wp-content/uploads/2019/07/icon-cart-2.png);
    font-weight: 400;
    padding: 2px 15px;
    border-radius: 25px; font-size:13px !important;
    background-repeat: no-repeat; text-transform:none;
    background-size: 22px;
    background-position-x: 13px;
    padding-left: 40px;
    background-position-y: 5px;}
.san-pham-section .col{padding-bottom:0}
 .price{margin-top:12px}
span.amount,  .price del span,  .price ins span{font-weight:500; color:black; font-size:18px}.product-gallery-slider img {
    border: 1px solid #e2e2e2;
    border-radius: 5px;
}.single-product .product-info .price span.amount {
    font-weight: 400;
    color: red; font-size:25px;
} .single-product .single_add_to_cart_button {
    font-weight: 400;
    text-transform: none;
    letter-spacing: 0;
    border-radius: 5px;
}.product-main {
    padding: 30px 0; padding-bottom:0;
} .product_meta>span {font-size:15px;
    display: block;
    border-top: 1px dotted #ddd;
    padding: 5px 0;
} form{margin-bottom:0} .single-product .product-short-description p{margin-bottom:10px} .single-product .product-short-description {
    margin-bottom: 20px;
    font-size: 14px;
    background: #fffbec;
    padding: 20px;
    border-radius: 10px;
} .single-product h1.entry-title {
    margin-bottom: 5px; font-size:25px; color:black !important;
}
.breadcrumbs{font-weight:normal}
.product-title{font-size:16px; color:#e82829}
.list-sp .box-text, .product-small.box .box-text{padding-bottom:8px;    background: #fff7f6;
    border-radius: 15px;}
.tab-tin-tuc .tabbed-content li a:hover{border:2px solid white; color:#e82829}.product-footer .woocommerce-tabs {
    padding: 0;
    border-top: 0;
}.product-footer .woocommerce-tabs>.nav-line:not(.nav-vertical){margin-top:0}.product-footer .woocommerce-tabs li.active a {background: #e82829;
    color: #fff;
    border-top: 3px solid #ff9800;
}.product-footer .woocommerce-tabs li {
    margin: 0;
    margin-right: 3px;
}
.tab-tin-tuc .tabbed-content li a {    background: #e45215; border-radius: 5px;
    padding-left: 15px;
    padding-right: 15px;

    border: 2px solid #FFC107;
    transform: skew(15deg);

}.tin-tuc-section .tabbed-content li a span {
    transform: skew(-15deg);
}
b,strong{font-weight:500}
.tin-tuc-section .col{padding-bottom:0}.blog-archive .large-9, .blog-single .large-9, .page-right-sidebar .large-9 {
    border-right: 0!important;
}.widget ul {
    border-radius: 4px;
    margin: 0;
    border: 1px solid #e5e5e5;
    padding: 10px;
}.recent-blog-posts-li .badge .badge-inner {
    border-radius: 99%;
}.recent-blog-posts-li a {
    font-size: 15px;
    color: #272727;
}span.widget-title {
    display: block;
    margin-bottom: 10px;
    font-family: "roboto condensed",sans-serif;
    font-size: 23px;
    font-weight: 400;
    text-transform: none;
    letter-spacing: 0;
    color: #e82829;
}.widget .is-divider{display:none}.blog-archive .large-3, .blog-single .large-3, .page-right-sidebar .large-3 {
    padding-left: 0;
    border-left: 0!important;
}.recent-blog-posts-li a:hover{color:#e82829}
.archive .add-to-cart-button{display:none}
.archive .nut-mua-ngay .add-to-cart-button{display:block !important}
.footer-section{border-top:1px solid #efefef}
.page-right-sidebar h2{    font-weight: 500;
    color: #e82829;}
.list-post .post-item:hover .post-title{color:#ffd54f}
a.back-to-top{background:red !important; border:none !important; color:white}
.list-post .post-item .post-title{font-size: 18px;
    margin-bottom: 10px;
    color: white;}.mb {
    margin-bottom: 10px;
}
.video-section h3{    font-weight: normal;
    font-size: 17px;
    color: #424242;}
.mb{border-radius:10px}
.dat-hang-section a.nut-goi-hotline{color:red !important}
.white {
    background-color: #fff !important;
    color: #e82829 !important;
}.form-dat-hang {background: #ffffff00;
    border-radius: 20px;
    padding: 20px;
 
    box-shadow: 2px 2px 20px #0000004a;
}
.dat-hang-section .col{padding-bottom:0}
.tin-tuc-section .tabbed-content li a:hover{    color: #e82829; border: 2px solid #e82829}
.box-blog-post .is-divider{display:none}
.video-section .col{padding-bottom:10px}
.tab-tin-tuc .tab-panels {
    padding-top: 25px;
}.tin-tuc-section .tabbed-content li a {
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 4px;
    border: 2px solid #ece9de;
    transform: skew(15deg);
    background: #fff;color: #4c4b4b;
}
.tin-tuc-section .tabbed-content li.active a {color:#e82829;
    background: #fff;
    border: 2px solid #e82829;
}.form-dat-hang .des {
    margin-bottom: 6px;
}.form-dat-hang ul li {
    margin-bottom: 0;
    color: #ecda92 !important;
    font-size: 15px;
}.row-form {
    display: inline-block;
    width: 100%;
    clear: both;
}.row-form .left {
    padding-right: 6px;
    width: 50%;
    float: left;
    display: inline-block;
}.row-form .right {
    width: 50%;
    float: right;
    text-align: left;
    padding-left: 6px;
    display: inline-block;
}input[type='email'], input[type='search'], input[type='number'], input[type='url'], input[type='tel'], input[type='text'], textarea, select {
    font-size: 15px;
    border-radius: 5px;
    box-shadow: none;
}input[type='submit'] {
    margin: 0;
    border-radius: 5px;
    text-transform: none;
    font-weight: normal;
    letter-spacing: 0;
    background: #f58620 !important;
    color: black;
}.single-product .tab-panels {margin-bottom:20px;
    border-top-right-radius: 5px;
    padding: 20px;
    border: 1px solid #e2e2e2;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}.product-footer .woocommerce-tabs .tabs li a {
    padding-left: 15px;
    font-size: 16px;
    text-transform: none;
    color: #4e4e4e;
    padding-right: 15px;
    background: #ececec;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-top: 3px solid #d8d8d8;
}
.product-footer .woocommerce-tabs li.active a{background: #e82829;
    color: #fff;
    border-top: 3px solid #ff9800;
}
.single-product .related{display:none}#breadcrumbs {
    text-align: left;
    margin-bottom: 10px;
    font-size: 14px;
    padding: 0;
}.blog-archive .archive-page-header .page-title {
    text-align: left;
    text-transform: none;
    letter-spacing: 0;
    font-size: 25px;
    font-weight: 400;
    color:#e82b29;
}.blog-archive .post-item a:hover {
    color: #000;
}.archive-page-header .large-12 {
    padding-bottom: 10px;
} .blog-single .entry-title {
    margin-bottom: 7px;
    font-weight: 700;
    color: #e82829;
    font-size: 30px;
}.blog-single .thong-tin-them {
    font-size: 14px;
    display: block;
    border-bottom: 1px solid #ececec;
    padding-bottom: 10px;
}.is-divider {
    display: none;
}.ngay-cap-nhat, .thu-muc-bv {
    margin-right: 10px;
}.entry-content {
    padding-top: 0px;
    padding-bottom: 0;
}.meta-related ul {
    background: #FFFDE7;
    padding: 10px;
    border-radius: 5px;
}
.meta-related ul li a{color: #f58620;}
.meta-related ul li a:hover{text-decoration: underline;}#toc_container.toc_white {
    background: #fff6f5;
    border: 1px solid #ffe3e3;
    border-radius: 5px;
}#toc_container p.toc_title{font-weight:500}#toc_container p.toc_title+ul.toc_list {
    margin-top: 5px;
}#toc_container a{color: #dc1a1a;}
.meta-related ul li {
    list-style: square;
    font-size: 15px;
    margin-bottom: 5px;
}.blog-single .article-inner p, .tab-panels .entry-content p {
    font-size: 16px;
    margin-bottom: 10px;
}.blog-single .blog-share {
    text-align: left!important;
}
.blog-single .danh-muc{display:block; margin-bottom:10px}
.the-tim-kiem a{    background: #e4e4e4;
    padding: 2px 10px;
    margin-right: 5px;
    margin-bottom: 10px; border-radius:5px;
    color: #525252;}
.the-tim-kiem a:hover{    background: #e82829;
    color: #ffffff;}.bai-viet-lien-quan {
    margin-top: 20px;
}.blog-single h2 {
    font-weight: 700;
    font-size: 26px;
    color: #e82829;
}.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%;
    float: left;
    padding-left: 4px;
    padding-right: 5px;
}.bai-viet-lien-quan ul li .box-image img {
    height: 180px;
    border-radius: 6px;
    object-fit: cover;
    object-position: center;
}.bai-viet-lien-quan ul li h3 {
    height: 45px;
    overflow: hidden;
    font-size: 17px;
    font-weight: 400;
    color: #000;
    margin-top: 7px;
    line-height: 24px;
}
.blog-single .danh-muc, .blog-single .the-tim-kiem {
    font-size: 15px;
}
.blog-archive .post-item .post-title:hover{color:#f58620}
.blog-archive .post-item {
    padding-bottom: 20px;
}.blog-archive .post-item .box-image .image-cover {
    border-radius: 5px;
}.blog-archive .post-item .box-text {
    padding-right: 0;
}.blog-archive .post-item .post-title {
    font-size: 21px;
    font-weight: 400;
    margin-bottom: 10px;
    color: #e82929;
}.box-blog-post .is-divider {
    display: none;
}.blog-archive .large-9 .badge {
    display: none;
} .blog-archive .taxonomy-description {
    text-align: left;
    font-size: 15px;
}.page-wrapper {
    padding-top: 20px;
    padding-bottom: 20px;
}.thong-tin-tac-gia {background: #FFFDE7;
    padding: 15px;
    border-radius: 5px;
    display: inline-block;
    width: 100%;
    clear: both;
    border: 1px dashed #FF9800;
}.thong-tin-tac-gia .left {
    width: 10%;
    float: left;
    display: inline-block;
}.thong-tin-tac-gia .right {
    padding-left: 10px;
    width: 90%;
    float: right;
    display: inline-block;
    text-align: left;
}.thong-tin-tac-gia h4 {
    margin-bottom: 4px;
    font-size: 22px;
    font-weight: 400; color:#ff0000
}.thong-tin-tac-gia .right p{font-size:14px !important}.wp-caption .wp-caption-text {
    background: none;
}.form-lien-he {    border-bottom: 5px solid #f58620;
    background: #e82829;
    padding: 20px;
    border-radius: 10px;
}.wpcf7 label {
    font-weight: 400;
    color: #fff;
} .form-lien-he input[type=submit] {
    margin: 0;
    font-weight: 400;
    text-transform: none;
    border-radius: 5px; color:white !important
}
.danh-muc a{margin-right:8px}.form-mua-hang-truc-tuyen {
   display: inline-block;
    width: 100%;
    clear: both;
    background: #fff9f9;
    padding: 20px;
    border-radius: 5px;
    border: 1px dashed #FF5722;
}.page-right-sidebar h2, .page-right-sidebar h3, .page-right-sidebar h4 {
    font-weight: normal;
    text-transform: none;
    color:#e82829;
}.form-mua-hang-truc-tuyen .left {
    width: 50%;
    float: left;
    padding-right: 10px;
    display: inline-block;
}.page-right-sidebar .page-inner p {
    color: black;
}.form-mua-hang-truc-tuyen .right {
    width: 50%;
    float: right;
    display: inline-block;
    padding-left: 10px;
}.form-mua-hang-truc-tuyen .des, .form-tim-diem-ban .des {
    font-size: 15px;
    margin-bottom: 10px;
}
.form-mua-hang-truc-tuyen input[type='submit']{color:white}.form-mua-hang-truc-tuyen .luu-y {
    font-weight: 500;
    margin-top: 10px;
    margin-bottom: 10px;
}.form-mua-hang-truc-tuyen ul {
    margin-left: 20px;
}.form-mua-hang-truc-tuyen ul li {
    font-size: 15px;
    color: black;
}.row-diem-ban .large-12 {
    padding-bottom: 0;
}.form-tim-diem-ban {
       background: #fffafa;
    padding: 20px;
    border: 1px dashed #FF5722;
    border-radius: 4px;
}
.form-tim-diem-ban input[type='submit']{color:white !important}.form-tim-diem-ban .ghi-chu {
    font-size: 15px;
    font-style: italic;
    margin-top: 10px;
}.row-diem-ban ul {
    margin-bottom: 0;
}.row-diem-ban ul li {
    margin-bottom: 3px;
}.row-diem-ban ul li a {
    font-size: 15px;
    color: #3e3e3e;
}.row-diem-ban ul li a:hover {
    text-decoration: underline;
}
.return-to-shop a.button{text-transform:none; font-weight:normal; border-radius:5px; letter-spacing:0}
.tab-panels .meta-related ul li{margin-left:20px}

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


}