/*
Theme Name: Thịnh Phát Holding
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/


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

#top-bar {
    border-bottom: 1px solid #0001;
}

#top-bar li {
    margin: 0;
}
.slogan {
    font-weight: 900;
    font-size: 19px;
    color: #1e9b4d;
    margin: 0 !important;
    padding: 0 !important;
  }
  aside#custom_html-3,
  aside#custom_html-4 {
      margin: 0 !important;
  }
  a.hotline-right {
    border: 1px solid #1e9b4d;
    border-radius: 5px;
    padding: 12px 27px !important;
    background: #1e9b4d;
    color: #fff !important;
}
a.hotline-right i {
    font-size: 15px !important;
    padding: 0 8px 0 0;
}
  .slogan .letter {
    display: inline-block;
    line-height: 1em;
  }
#top-bar li a {
    color: #444;
}

#top-bar li p {
    font-size: 15px;
    line-height: 38px !important;
    color: #444;
    border-left: 1px solid #0001;
    padding: 0 20px;
}
h2.title-banner strong {
    font-weight: 900;
    text-shadow: 0 4px 2px #64999d;
}
#top-bar li:last-child p {
    border-right: 1px solid #0001;
    line-height: 38px !important;
}
p.info-banner {
    color: #fff;
    font-size: 19px;
}
#top-bar #woocommerce-product-search-field-0 {
    border: 0;
    box-shadow: 0 0 0 transparent;
    font-size: 15px;
    color: #0009;
    padding: 0;
}

#top-bar .ux-search-submit.submit-button.secondary.button.icon.mb-0 {
    background: transparent;
    color: #000;
    border: 0;
    border-right: 1px solid #0001;
    padding: 0;
}

.nav>li>a {
    font-size: 14px;
    line-height: 16px;
    color: #000;
    padding: 10px;
}

.nav>li.active>a,
.nav>li>a:hover {
    color: #fff;
}

.header-button-1 a {
    font-size: 13px;
    padding: 5px 20px;
}

.h-banner .banner-bg .bg.fill.bg-fill {
    display: unset !important;
}

.h-banner .button {
    border-color: #17a854 !important;
    background: #17a854;
    color: #fff !important;
    font-size: 15px;
    font-weight: normal;
    padding: 8px 38px;
}
.header-bottom-nav > li {
    margin: 0 !important;
}
.header-bottom-nav > li.active > a,
.header-bottom-nav > li:hover > a {
    background: #f5983e !important;
}
.h-banner .button:hover {
    border-color: #fff !important;
    background: transparent !important;
}

.h-sp .section-title-container b,
.h-sp .product-small .product-cat,
.f-dt .section-title-container b,
#footer .is-divider.small,
.tax-product_cat .product-small .product-cat,
.single-product .product-summary .is-divider,
.single-product .product-footer .related .product-small .product-cat {
    display: none;
}

.h-sp .large-12,
.h-sp .large-6,
#footer .footer-1 .f-dt {
    padding-bottom: 0;
}

.h-sp .section-title-center .section-title-main,
.f-dt .section-title-center .section-title-main {
    font-size: 32px;
    line-height: 37px;
    font-weight: bold;
    color: #000;
    margin: 50px auto 0 auto !important;
}

.h-sp .section-title-center .section-title-main::before,
.f-dt .section-title-center .section-title-main::before {
    position: absolute;
    content: '';
    background: #17a854;
    width: 50px;
    height: 5px;
    bottom: -15px;
    left: 47.5%;
}

.h-sp .section-title-normal,
.h-vct .section-title-normal {
    border: 0;
}

.h-sp .section-title-normal .section-title-main,
.h-vct .section-title-normal .section-title-main {
    font-size: 32px;
    line-height: 37px;
    font-weight: bold;
    color: #000;
    margin-top: 50px;
    border: 0;
}

.h-sp .section-title-normal .section-title-main::before,
.h-vct .section-title-normal .section-title-main::before {
    position: absolute;
    content: '';
    background: #17a854;
    width: 50px;
    height: 5px;
    bottom: -15px;
}

.h-sp .product-small .box-image img,
.tax-product_cat .product-small .box-image img,
.single-product .product-footer .related .product-small .box-image img {
    border: 1px solid #0001;
    object-fit: contain;
    background: #fff;
}

.h-sp .large-columns-4 .product-small .box-image img,
.tax-product_cat .large-columns-3 .product-small .box-image img,
.single-product .product-footer .related .large-columns-3 .product-small .box-image img {
    padding: 20px 0;
}


/*.h-sp .large-columns-3 .product-small .box-image img {
    width: 336px;
    height: 336px;
    padding: 25px 0;
}*/

.h-sp .large-columns-2 .product-small .box-image img {
    width: 245px;
    height: 245px;
    padding: 20px 0;
}

.h-sp .product-small .product-title,
.tax-product_cat .product-small .product-title,
.single-product .product-footer .related .product-small .product-title {
    text-align: center;
}
a {
    color: #444;
    text-decoration: none;
}
.h-sp .product-small .product-title a,
.tax-product_cat .product-small .product-title a,
.single-product .product-footer .related .product-small .product-title a {
    font-weight: bold;
    font-size: 15px;
    line-height: 25px;
    color: #000;
    text-transform: uppercase;
}
li.cat-item.cat-item-681,
.product-categories button.toggle,
p.woocommerce-result-count.hide-for-medium,
form.woocommerce-ordering {
    display: none !important;
}
.product-categories .children > li {
    padding: 6px 0;
    border-bottom: 1px solid #cccccc47;
}
.product-categories .children > li:last-child {
    padding: 6px 0;
    border-bottom: 0;
}
.page-title-inner.flex-row.medium-flex-wrap.container {
    padding-top: 0;
}
.product-categories > li.active > a{
    color: #17a854 !important;
}
.product-categories > li.active ul li.active > a{
    color: #f5983e !important;
}
.shop-page-title.category-page-title.page-title,
.page-title.shop-page-title.product-page-title {
    background: #edf3f6;
    display: none;
}
.h-vct p {
    font-size: 15px;
    line-height: 27px;
    color: #000;
    margin: 40px 0;
}
.product-categories
.h-vct .button {
    font-size: 12px;
    font-weight: normal;
    padding: 5px 40px;
}
.page-title-inner {
    position: relative;
    padding-top: 20px;
    min-height: 50px !important;
}
.f-dt .section-title-center .section-title-main,
#footer .footer-1 #block_widget-2 {
    font-weight: normal;
    margin: 0 auto !important;
    padding-top: 5px;
}

#footer .footer-1 {
    padding-top: 0;
}

#footer .footer-2 {
    padding-top: 50px;
}
td {
    color: #000;
}
#footer .footer-2 .widget-title {
    font-size: 15px;
    line-height: 24px;
    color: #FFF;
    font-weight: bold;
    margin-bottom: 30px;
    float: left;
    width: 100%;
}

#footer .footer-2 .textwidget {
    font-size: 15px;
    line-height: 27px;
    color: #fff7;
    margin-top: 20px;
}

#footer .footer-2 .tagcloud {
    margin-top: 20px;
}

#footer .footer-2 .tagcloud a {
    font-size: 15px !important;
    line-height: 33px;
    color: #444;
    background: #fafafa;
    border-radius: 0;
    border: 0;
    padding: 0 5px;
    opacity: 1;
}

#footer .absolute-footer,
#footer .footer-secondary {
    padding: 0;
    line-height: 0;
}

#footer .absolute-footer .container.clearfix {
    border-top: 1px solid #fff5;
    cursor: pointer;
}

.copyright-footer {
    padding: 22px 0;
    font-size: 14px;
}

.icon-f ul {
    margin: 0;
    padding: 0;
    border: 0;
}

.icon-f ul li {
    font-size: 14px;
    float: left;
    list-style: none;
    padding: 15px 0;
    margin: 0 0 0 30px;
}

#shop-sidebar {
    background:#edf3f6;
    padding: 15px 15px 10px 15px;
}

#shop-sidebar .widget_nav_menu {
    margin: 0;
}

#shop-sidebar .widget-title,
#product-sidebar .widget-title {
    font-size: 17px;
    line-height: 20px;
    color: #000;
}

#shop-sidebar .is-divider,
#product-sidebar .is-divider {
    background: #17a854;
    max-width: 50px
}

#shop-sidebar ul.menu li,
#product-sidebar ul.menu li {
    border: 0;
}

#shop-sidebar ul.menu li a,
#product-sidebar ul.menu li a {
    font-size: 14px;
    line-height: 40px;
    text-transform: uppercase;
    color: #000;
    width: 100%;
    padding: 0;
    font-weight: 500;
}

#shop-sidebar ul.menu li:hover a,
#product-sidebar ul.menu li:hover a {
    font-weight: bold;
}

.single-product .col.large-9 {
    border: 0 !important;
}

.single-product .product-summary .product-title {
    font-size: 25px;
    line-height: 154.69%;
    font-weight: bold;
    color: #369f55;
    text-transform: uppercase;
}

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

.single-product .tabs {
    border: 1px solid #0001;
    border-bottom: 0;
}

.single-product .tabs li a {
    font-size: 15px;
    line-height: 18px;
    color: #fff;
    background: #17a854;
    padding: 15px 68px;
}

.single-product .tabs li a::before {
    background: transparent;
}

.single-product .tab-panels {
    border: 1px solid #0001;
    padding: 20px 40px;
    font-size: 18px;
    line-height: 200.1%;
    color: #000;
}

.single-product .tab-panels p {
    margin: 0;
}

.single-product .product-footer .related .product-section-title {
    font-size: 18px;
    line-height: 28px;
    color: #000;
    font-weight: bold;
    margin: 40px 0 0 0;
}

.single-product .product-footer .related::before {
    position: absolute;
    content: '';
    background: #17a854;
    width: 50px;
    height: 5px;
    margin-top: 100px;
}

.single-product .product-footer .related .large-columns-3 {
    margin-top: 40px;
}

#product-sidebar {
    padding: 0;
}

#product-sidebar .widget_nav_menu {
    background: #f7f7f7;
    padding: 20px 20px 5px 20px;
    margin: 0;
}

#product-sidebar .widget_products {
    margin-top: 30px;
    border: 1px solid #0001;
    padding: 20px;
}

#product-sidebar .product-title {
    font-size: 13px;
    line-height: 20px;
    color: #000;
    font-weight: 700;
    text-transform: uppercase;
}

h5.post-title.is-large {
    color: #000;
    font-weight: bold;
}
h1.entry-title {
    font-weight: bold;
    font-size: 24px;
    line-height: 30px;
    color: #17a854;
}
.box-blog-post .is-divider {
    display: none !important;
}
a#top-link {
    bottom: 150px;
}

.img-danh-muc .box-image {
    border-radius: 10px;
    overflow: hidden;
}
.img-ttp:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 20px;
    border: 6px solid #17a854;
    right: -20px;
}
.doi-tac .gallery-col.col {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}
.doi-tac .box-image img {
    border: 1px solid #eee;
    border-radius: 5px;
    padding: 5px;
}
li.current-lang a {
    color: #369f55 !important;
    font-weight: bold !important;
}
.header-nav > li > a {
    padding: 10px 25px;
}
.product-home .product-home:hover img {
    border: 1px solid #17a854;
}
.product-home .product-home:hover p.name.product-title.woocommerce-loop-product__title a {
    color: #f5983e !important ;
}
ul.product-categories .children {
    display: block !important;
    border-left: 0;
}
.widget .current-cat>a {
    color: #2d3663 !important;
    font-weight: 800;
}
.product-categories > li > a {
    font-weight: 800;
    color: #000;
    font-size: 15px;
    padding: 13px 0 9px 8px !important;
    position: relative;
}
.product-categories > li > a::before {
    content: "\f105";
    font-family: "FontAwesome";
    position: absolute;
    left: 0;

 }
 .product-small.box:hover img {
    border: 1px solid #369f55;
 }
 .product-small.box:hover p.name.product-title.woocommerce-loop-product__title a,
 .box-blog-post:hover h5.post-title.is-large {
     color: #f5983e;
 }
 b, strong {
    font-weight: bold;
}
 p {
    margin-top: 0;
    text-align: justify;
}
.img-danh-muc a {
    text-transform: uppercase;
    font-size: 20px;
    font-weight: bold;
}
.img-danh-muc:hover a {
    color: #f5983e;
}
table tr:nth-child(2n+1) { 
    background-color:#edf3f6;
  }
  table tr td { 
    padding: 15px !important;
  }
  .single-product .tab-panels {
    border: 1px solid #edf3f6 !important;
    padding: 20px;
    font-size: 18px;
    line-height: 200.1%;
    color: #000;
}
th, td {
    padding: .5em;
    text-align: left;
    border-bottom: 1px solid #edf3f6 !important;
    line-height: 1.3;
    font-size: .9em;
}
td p {
    line-height: 33px;
}
.wrap-lien-he p:last-child {
    line-height: 35px;
}
.breadcrumbs {
    color: #222;
    font-weight: bold;
    letter-spacing: 0;
    padding: 0;
    text-transform: none;
}
li.cat-item.cat-item-962 {display: none;}
a.image-lightbox.lightbox-gallery img {
    border: 1px solid #219051;
    border-radius: 5px;
}
@media only screen and (max-width: 767px) {
    .lang-item {
        margin: 0 !important;
    }
    .nav>li.active>a, .nav>li>a:hover {
        color: #1e9b4d !important;
    }
}