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

}

/* css-header */
.header-wrapper .header-nav .html.custom.html_topbar_left p {
    font-size: 13px;
    color: #151515;
}
.header-wrapper .header-nav .html.custom.html_topbar_left p:after {
    content: " ";
    height: 0.8px;
    background: #151515;
    width: 13px;
    position: absolute;
    top: 11px;
    margin-left: 13px;
}
.header-wrapper .social-icons a {
    color: #4D8B55;
    position: relative;
    left: 35px;
    border: 1px solid #4D8B55;
    border-radius: 50%;
    height: 30px;
    display: inline-block;
    line-height: 31px;
    padding: 0px;
    width: 30px;
    text-align: center;
}
#header .woocommerce-Price-amount.amount bdi {
    color: white;
    background: black;
    border-radius: 60%;
    position: absolute;
    top: -14px;
    left: 20px;
    padding: 3px 4px;
    font-size: 11px;
}
.header-nav .header-button a i {
    color: #4D8B55;
    padding: 5px;
}

/* css-body */

.title-2 {
    font-size: 80px;
    color: #4D8B55;
    line-height: 80px;
    margin-top: 25px;
    margin-bottom: 20px;
}
.sc-slide p {
    color: black;
    font-size: 17px;
}
.sc-slide .section-content .img-inner.dark {
    width: 56%;
}
a.button.primary {
    background: #4D8B55;
    padding: 17px 85px;
    margin-top: 40px;
    margin-bottom: 80px;
    overflow: hidden;
    border: none;
}
a.button.primary span {
    font-size: 15px;
    text-transform: capitalize;
    position: relative;
    z-index: 1;
}
.title-3{
    font-size: 48px;
    color: #4D8B55;
    line-height: 60px;
    margin-bottom: 15px;
}
.sc-slide2 p {
    font-size: 17px;
    color: #cacaca;
}
.sc-count-up {
    background-image: url(/wp-content/uploads/2023/06/leaves_pattern_020.png);
    background-color: #4D8B55;
}
.sc-count-up .section-content .title-number {
    text-align: center;
    font-size: 27px;
    color: white;
    font-weight: bold;
    margin-top: -20px;
    margin-bottom: 50px;
}
.sc-count-up .section-content .text-number {
    font-size: 85px;
    font-weight: bold;
    color: white;
    margin: 0;
    text-align: center;
    margin-top: 40px;
}
.sc-uudiem h4 {
    font-size: 21px;
    color: black;
    margin-bottom: 5px;
}
.sc-uudiem p {
    font-size: 15px;
    word-spacing: 5px;
}
.sc-uudiem .row .col:nth-child(3) {
    text-align: right;
}
.sc-uudiem .row .img-inner.dark {
    width: 85%;
}
.sc-uudiem .row .col li {
    list-style: none;
}
.sc-uudiem .row .col:nth-child(1) li{
    position: relative;
    padding-left: 110px;
    margin-bottom: 80px;
    padding-right: 90px;
}
.sc-uudiem .row .col:nth-child(1) li:before {
    content: "\f005";
    font-family: 'Font Awesome 6 Free';
    font-size: 80px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-weight: 900;
    left: 0px;
    color: #4D8B55;
    font-weight: bold;
}

.sc-uudiem .row .col:nth-child(3) li{
    position: relative;
    padding-right: 130px;
    margin-bottom: 80px;
    padding-left: 70px;
}

.sc-uudiem .row .col:nth-child(3) li:before {
    content: "\f0f4";
    font-family: 'Font Awesome 6 Free';
    font-size: 80px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    color: #4D8B55;
    font-weight: bold;
}
.sc-uudiem .row .col:nth-child(1) li:nth-child(2):before {
    content: "\f06b";
}
.sc-uudiem .row .col:nth-child(1) li:nth-child(3):before {
    content: "\f53f";
}
.sc-uudiem .row .col:nth-child(3) li:nth-child(2):before {
    content: "\f64f";
}
.sc-uudiem .row .col:nth-child(3) li:nth-child(3):before {
    content: "\f64a";
}
#content .sc-uudiem {
    padding-bottom: 0px !important;
}
.sc-product .tabbed-content .tab-panels .row.large-columns-1.medium-columns-.small-columns-.row-small {
    height: 600px;
    width: 100%;
    overflow-y: scroll;
}
.sc-product .section-content .row.align-middle.align-center {
    background: url(/wp-content/uploads/2023/07/menu-bg.png) no-repeat center;
    background-size: contain;
    height: 1100px;
}
.sc-product .tabbed-content .nav {
    left: 160px;
}
.sc-product .tabbed-content .nav .tab a {
    font-size: 17px;
    text-transform: capitalize;
    color: #000000;
    padding: 0px 20px;
    margin-right: 20px;
    border: none;
    margin-top: 100px;
}

.sc-product .tabbed-content .nav .tab a:hover {
    color: #4D8B55;
    border: 1px solid #4d8b55;
}
.sc-product a.button.primary {
    left: 290px;
}


.sc-Popular .section-content .col-inner h4 {
    color: #4D8B55;
    margin-top: 40px;
}

.sc-Popular .section-content .col-inner h3 {
    color: black;
}
.sc-Popular .section-content .col-inner p a {
    color: #000000;
    margin-top: 10px;
    font-size: 18px;
}
.sc-product .product-small .box-text .name a {
    color: black;
    font-weight: bold;
    font-size: 16px;
    line-height: 15px;
    white-space: nowrap;
}
.product-small .price-wrapper .star-rating.star-rating--inline span:before {
    color: #4D8B55;
}
.product-small .price-wrapper .star-rating.star-rating--inline:before {
    color: #4D8B55;
}
.sc-product .product-small .box-text.text-left {
    display: flex;
    justify-content: space-between;
}
.sc-product .product-small .box-text.text-left .price-wrapper span.price {
    line-height: 15px;
}
.sc-product .product-small .box-image a img {
    width: 85%;
}
.sc-product .tabbed-content .tab-panels .row.large-columns-1.medium-columns-.small-columns-.row-small::-webkit-scrollbar {
    background: #000000;
    width: 10px;
}
.sc-product .tabbed-content .tab-panels .row.large-columns-1.medium-columns-.small-columns-.row-small::-webkit-scrollbar-thumb  {
    background: white;
    width: 2px;
}
.sc-product .product-small .title-wrapper {
    width: 100%;
}
.sc-product .product-small .title-wrapper .product-title:after {
    content: "";
    border-bottom: 2px dotted #000;
    display: block;
}
.sc-product .product-small .title-wrapper .product-title:after {
    content: "";
    border-bottom: 2px dotted #000;
    display: block;
    width: 100%;
}

.sc-product .product-small .title-wrapper .product-title {
    display: flex;
    justify-content: space-between;
}
.box-image .image-tools a.quick-view {
    font-size: 15px;
    font-weight: bold;
    text-transform: capitalize;
    background: #4D8B55;
    border-radius: 30px;
    width: 50%;
    padding: 10px;
}
.sc-Popular .section-content .col-inner .product-small .product-title {
    margin-bottom: 0px !important;
    font-weight: bold;
}
.product-small .box-image .image-tools.grid-tools {
    justify-content: center;
}

.sc-Popular a.button.primary {
    margin-bottom: 20px;
}
.sc-image .banner-grid-wrapper h2 {
    font-size: 70px;
}
.sc-image .banner-grid-wrapper p span {
    font-size: 50px;
    line-height: 25px;
} 
.banner-grid .col:nth-child(2) .text-inner {
    margin-left: 310px;
    margin-top: -100px;
}
.banner-grid .col:nth-child(2) 
 .text-inner .title-3 {
    font-size: 50px;
    color: #4D8B55;
    font-weight: bold;
    margin: 0;
}
.banner-grid .col:nth-child(2) .text-inner h4 {
    font-size: 35px;
    margin: 0px;
    color: black;
}
.banner-grid .col:nth-child(3) .text-inner .title-3 {
    font-size: 40px;
    font-weight: bold;
    margin-bottom: 40px;
    margin-top: 60px;
    color: #151515;
}
.banner-grid .col:nth-child(3) .text-inner p {
    color: white;
    font-size: 20px;
}
.banner-grid .col:nth-child(3) .text-inner .button {
    background: #151515;
    padding: 25px 70px;
}
.banner-grid .col:nth-child(4) .text-inner .title-3 {
    font-size: 40px;
    color: #4D8B55;
    margin-bottom: 50px;
    font-weight: bold;
}
.banner-grid .col:nth-child(4) .text-inner li {
    list-style: none;
    font-size: 18px;
    line-height: 25px;
    color: black;
    font-weight: bold;
    display: flex;
    justify-content: space-between;
    margin-left: 30px;
    margin-right: 30px;
}
.banner-grid .col:nth-child(4) .text-inner li span {
    color: #4D8B55;
}
.sc-feedback .section-content h4 {
    color: #4D8B55;
    font-size: 20px;
    margin-bottom: 0;
}
.sc-feedback .section-content .text .title-3 {
    color: black;
    margin-bottom: 70px;
}
.sc-feedback .section-content .text h4 {
   margin-top: 50px;
}
.sc-feedback .section-content .box-image {
    border-radius: 50%;
}
.sc-feedback .flickity-viewport p {
    margin-bottom: 70px;
    font-size: 20px;
    line-height: 35px;
    color: black;
    padding-top: 70px;
}
.sc-feedback .flickity-viewport p:before {
    content: "\f10e";
    font-family: 'Font Awesome 6 Free';
    position: absolute;
    font-size: 60px;
    color: #4D8B55;
    font-weight: bold;
    left: 50%;
    transform: translateX(-50%);
    top: 5px;
}
.sc-feedback .slider-wrapper .next:before {
    content: "\f35a";
    font-family: 'Font Awesome 6 Free';
    font-size: 50px;
    color: #4D8B55;
}
.sc-feedback .slider-wrapper .previous:before {
    content: "\f359";
    font-family: 'Font Awesome 6 Free';
    font-size: 50px;
    color: #4D8B55;
}
.sc-feedback .slider-wrapper .flickity-button svg.flickity-button-icon {
    display: none;
}
.sc-feedback .slider-wrapper .flickity-button.previous {
    top: 20px;
    left: 40px;
}
.sc-feedback .slider-wrapper .flickity-button.next {
    top: 20px;
    right: 50px;
}


.sc-footer {
    padding-top: 70px !important;
    border-bottom: 0.5px solid #323232;
}
.sc-slide .row .col:nth-child(1) p {
    color: #5e5e5e;
    padding-top: 20px;
    padding-bottom: 20px;
}
.sc-footer .row .col:nth-child(1) .social-icons a {
    color: #4D8B55;
    border: none;
    margin-right: 16px;
    font-size: 15px;
    margin-bottom: 0px;
    margin-left: 0px;
}
.sc-footer .row .col:not(:nth-child(1)) h4 {
    color: #4D8B55;
    font-size: 25px;
    padding-bottom: 20px;
    padding-top: 45px;
}
.sc-footer .row .col:not(:nth-child(1)) h4:before {
    content: "";
    width: 260px;
    height: 1.5px;
    position: absolute;
    color: white;
    background: #4D8B55;
    top: 85px;
}
.sc-footer .row .col:nth-child(2) p span.title {
    color: #4D8B55;
    font-weight: bold;
    font-size: 19px;
}
.sc-footer span.title:before {
    content: "\f3c5";
    font-family: 'Font Awesome 6 Free';
    font-size: 25px;
    width: 45px;
    display: inline-block;
}
.sc-footer p:nth-child(3) span.title:before {
    content: "\f2a0";
    font-family: 'Font Awesome 6 Free';
    font-size: 23px;
}
.sc-footer .col:first-child p {
    color: #d4d4d4;
}
.section-content .row .col:nth-child(2) p span.text{
    color: white;
    font-size: 16px;
    margin-left: 45px;
}
.dkymail span input.form-lh {
    padding: 30px 30px;
    border-radius: 30px;
    max-width: 80%;
    margin-top: 15px;
}
.dkymail input.has-spinner.form-lh {
    text-transform: capitalize;
    padding: 9px 50px;
    background: #4D8B55;
    font-size: 17.5px;
    position: absolute;
    top: 15px;
    border-radius: 30px;
    left: 180px;
}
.checkbox-mail {
    position: absolute;
    top: -25px;
}

.checkbox-mail span.wpcf7-list-item-label {
    color: gainsboro;
}
#header .header-bottom a {
    font-size: 17px;
    margin-right: 20px;
    color: black;
}
#header .header-bottom a:hover {
    color: #4D8B55;
}
.banner-grid .col:nth-child(3) .text-inner .button:hover {
    color: black;
    background: #fff;
}
.dkymail input.has-spinner.form-lh:hover {
    color: black;
    background: #EFECE5;
}
footer#footer {
    background-image: url(/wp-content/uploads/2023/06/footer-bg.jpg) !important;
}
#footer .absolute-footer.dark.medium-text-center.small-text-center {
    background: none;
}
.copyright-footer {
    color: white;
}
.section-content .row .col:nth-child(2) p span.text:hover {
    color: #4D8B55;
}
a.button.primary:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 0;
    background: #000000;
    bottom: 0;
    left: 0;
    z-index: 0;
    transition: all .3s ease-out;
}
a.button.primary:hover:before{
    background: black;
    height: 100%;
}

.header-nav .button.icon.circle>span+i{
    margin-left: 0px;
}
.header-nav .button.icon.circle>i {
    margin: 0;
}
.header-nav .button.icon.is-small i {
    top: 0;
}
.header-nav .button.icon.circle>span {
    margin: 0;
}
.sc-footer .row .col:nth-child(1) .social-icons a:hover {
    color: #fff;
}
.header-nav .header-button a:hover {
    background: none;
    border-color:#4D8B55 ;
}
.header-nav .header-button a i:hover {
    color: black;
}
.header-nav .header-button .is-outline {
    color: #4D8B55;
}

/* breadcrumb */

.duong_dan_breadcrumb {
    background-image: url(/wp-content/uploads/2023/07/inner_header_03.jpg);
    height: 400px;
    background-position: 41% 43%;
    background-blend-mode: overlay;
    background-color: #8f8f8f2e;
}
.duong_dan_breadcrumb .z-entry-title {
    font-size: 50px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding-top: 150px;
    position: relative;
}
.duong_dan_breadcrumb #breadcrumbs {
    color: #fff;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    position: relative;
}
#breadcrumbs i.fa.fa-home {
    display: none;
}
.duong_dan_breadcrumb #breadcrumbs span span:first-child a {
    color: #4D8B55;
    margin-right: 15px;
}
    span.breadcrumb_last {
    margin-left: 15px;
}


/* page-faq */

.sc-faq .row .col-inner h4 {
    color: black;
    font-weight: bold;
    font-size: 35px;
    line-height: 45px;
    margin-bottom: 25px;
}
.sc-faq .row .col:first-child p {
    color: black;
    font-size: 16px;
    line-height: 30px;
}
.sc-faq .row .col:first-child ul li {
    color: #060606;
    font-size: 16px;
    line-height: 32px;
}
.sc-faq .row .col:first-child ul li::marker {
    color: #4D8B55;
}
.sc-faq .row .col-inner .title-4 {
    margin-top: 80px;
}
.sc-faq .row a.button-faq {
    padding: 10px 35px;
    border-radius: 30px;
    margin-top: 10px;
    margin-bottom: 0px;
}
.sc-faq .accordion-item .plain {
    color: #000000;
    font-weight: bold;
    font-size: 19px;
    margin-bottom: 15px;
    background: #EFECE5;
    border: none;
    padding: 22px 40px;
}
.sc-faq .accordion-item .plain:hover {
    color: #fff;
    background: #4D8B55;
}
.sc-faq .accordion-item .accordion-inner .disc li {
    color: black;
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 16px;
}
.sc-faq .accordion-item .accordion-inner .disc li::marker {
    color: #4D8B55;
}
.sc-faq button.toggle {
    position: absolute;
    top: 10px;
    left: 845px;
}
.sc-faq button.toggle .icon-angle-down:before {
    content: "\2b";
    font-family: 'Font Awesome 6 Free';
    font-weight: bold;
    position: absolute;
    color: black;
    font-size: 25px;
    top: -10px;
}
.sc-faq {
    padding-top: 120px !important;
    padding-bottom: 80px !important;
}


/* dropdown */


ul.nav > li > ul.nav-dropdown {
    display: block;
    padding: 10px 0;
    border: 1px solid #dcdcdc;
}
ul.nav-column {
    display: none;
}
ul.nav > li > ul.nav-dropdown > li {
display: block;
}
ul.nav > li > ul.nav-dropdown > li:hover > ul.nav-column {
    display: block;
    position: absolute;
    left: 100%;
    margin-top: -51.5px;
    background-color: white;
    margin-left: 0;
    border: 1px solid #dcdcdc;
    width: 240px;
    padding: 10px 0;
}
.nav-dropdown .menu-item-has-children>a, .nav-dropdown .title>a, .nav-dropdown .nav-dropdown-col>a {
    text-transform: none;
    font-size: inherit;
    color: inherit;
    font-weight: inherit;
}
.nav-dropdown>li.nav-dropdown-col {
    width: 100%;
    border: none;
}
.nav>li>a, #wide-nav .menu-item .sub-menu.nav-dropdown>li>a, .nav-column>li>a {
    color: #505050;
}
.nav-dropdown.dark .nav-column>li>a, .nav-dropdown.dark .nav-column>li>a:hover {
    color: #505050;
}
.nav-dropdown-simple .nav-column li>a:hover, .nav-dropdown.nav-dropdown-simple>li>a:hover {
    background-color: rgba(0,0,0,.1);
}
#wide-nav .menu-item .sub-menu.nav-dropdown>li>a {
    margin: 0;
    padding: 10px 20px;
    font-weight: bold;
    color: black;
    font-size: 16px;
    border: none;
}
#header .header-bottom .nav-dropdown-default .nav-column li>a {
    font-size: 16px;
    color: black;
    font-weight: bold;
    border: none;
    padding: 10px;
}
#wide-nav .menu-item .sub-menu.nav-dropdown>li>a:hover {
    background: #4D8B55;
    color: white;
    margin: 0 10px;
    padding: 10px;
}
#header .header-bottom .nav-dropdown-default .nav-column li>a:hover {
    background: #4D8B55;
    color: white;
    margin: 0 10px;
}



    /* shop-sidebar*/


button.wp-block-search__button.wp-element-button {
    border-radius: 47px;
    height: 54px;
    width: 54px;
    color: white;
    font-size: 11px;
    background-color: black;
    line-height: 15px;
    text-transform: capitalize;
    position: absolute;
    top: 33px;
    right: 2px;
}
input#wp-block-search__input-1 {
    box-shadow: none;
    border: 1px solid #e4e4e4;
    border-radius: 30px;
    height: 60px;
    width: 410px;
}
label.wp-block-search__label {
    position: absolute;
    color: #cacaca;
    font-weight: normal;
    top: 47px;
    left: 30px;
}
form.wp-block-search__button-outside.wp-block-search__text-button.wp-block-search {
    background-image: url(/wp-content/uploads/2023/06/leaves_pattern_020.png);
    padding: 30px 10px 15px 10px;
    background-size: inherit;
    background-color: #4d8b55f2;
    margin-bottom: 60px;
}
.widget .widget-title {
    color: #4D8B55;
    font-size: 17px;
    display: block;
    margin-bottom: 15px;
    margin-top: 40px;
}
.widget .widget-title:before {
    content: "\f7b6";
    font-family: 'Font Awesome 6 Free';
    margin-right: 10px;
    font-size: 20px;
}
#shop-sidebar .widget .product-categories {
    margin-top: 45px;
    margin-bottom: 60px;
}

#shop-sidebar .widget .product-categories li a {
    font-weight: bold;
    color: black;
    line-height: 25px;
}

#shop-sidebar .widget .product-categories li {
    border: none;
}
#shop-sidebar .price_slider_wrapper {
    margin-top: 40px;
    margin-bottom: 140px;
}
#shop-sidebar .tagcloud {
    margin-top: 60px;
}
#shop-sidebar .widget .product-categories li a:before {
    content: "\f0da";
    font-family: 'Font Awesome 6 Free';
    margin-right: 10px;
    color: #4D8B55;
}
#shop-sidebar .price_slider.ui-slider {
    background: #cccccc;
    width: 98%;
}
#shop-sidebar .ui-slider-range.ui-corner-all.ui-widget-header {
    background: black;
}
span.ui-slider-handle.ui-corner-all.ui-state-default {
    background: black;
}
#shop-sidebar .price_slider_amount .button {
    font-size: 14px;
    padding: 7px 70px;
    background: #4D8B55;
    position: absolute;
    top: 760px;
    left: 50%;
    transform: translateX(-50%);
}
#shop-sidebar .price_slider_amount .button:hover {
    background: black;
}
#shop-sidebar .price_slider_amount {
    color: black;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
}
.tagcloud a.tag-cloud-link {
    color: black;
    font-weight: bold;
    border-radius: 30px;
    padding: 4px 15px;
    border: none;
    background: #EFECE5;
    margin-right: 10px;
}
#shop-sidebar .tagcloud a.tag-cloud-link:hover {
    color: white;
    background: black;
}
.is-divider.small {
    max-width: 100%;
    height: 1px;
    background: #4D8B55;
}
.row.category-page-row {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}
/* thanh loc*/
.shop-page-title p.woocommerce-result-count.hide-for-medium {
    font-size: 14px;
    color: black;
    margin: 0px;
    height: 40px;
    line-height: 40px;
}
.shop-page-title form.woocommerce-ordering select.orderby {
    border: none;
    font-size: 14px;
    color: #000000;
    margin: 0;
    height: 40px;
    background-color: transparent;
    box-shadow: none;
}
.row.category-page-row .shop-page-title.category-page-title.page-title {
    display: flex;
    justify-content: space-between;
    background: #EFECE5;
    padding: 10px 20px;
    align-items: center;
    margin-bottom: 30px;
}
.row.category-page-row .shop-page-title.category-page-title.page-title {
    display: flex;
    justify-content: space-between;
    background: #EFECE5;
    padding: 10px 20px;
}
.row.category-page-row form.woocommerce-ordering {
    height: 40px;
    margin: 0;
}
/* sanpham-shop */
}
.row.category-page-row p.name.product-title.woocommerce-loop-product__title a {
    color: black;
    margin-top: 10px;
    font-size: 18px;
    font-weight: bold;
}
.row.category-page-row .product-small.box {
    text-align: center;
}
.row.category-page-row .page-number {
    color: black;
    background: #EFECE5;
    border: none;
    font-size: 25px;
    margin-right: 10px;
}
.row.category-page-row [aria-current="page"] {
    background: #4d8b55;
    color: #fff;
}
.row.category-page-row .page-number:hover {
    color: white;
    background: black;
}
/* blog */
header.archive-page-header {
    display: none;
}
div#content .row.row-large.row-divided {
    margin-top: 40px;
}
div#content .entry-image.relative .image-cover{
    padding-top: 72%;
}
div#content .entry-text .entry-container p.entry-category a {
    color: white;
    margin-right: 10px;
    background: #4D8B55;
    padding: 5px 12px;
    border-radius: 30px;
    font-weight: bold;
    white-space: nowrap;
    line-height: 36px;
}
div#content .entry-text .entry-container p.entry-category {
    text-align: left;
    margin-bottom: 15px;
    margin-top: 20px;
}
div#content .entry-text .entry-container h2.entry-title {
    color: #000000;
    font-size: 30px;
    text-align: left;
}
div#content .entry-text .entry-container .entry-summary p{
    text-align: left;
    color: #494949;
    font-size: 16px;
    margin-bottom: 10px;
    position: relative;
}
div#content .entry-text .entry-container .entry-summary p:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background: #cdcdcd;
    left: 0;
    top: 95px;
}
div#content .entry-meta{
    text-align: left;
    margin-top: 35px;
    margin-bottom: 
}
div#content .entry-meta span.posted-on a {
    color: #595959;
    font-size: 16px;
    font-weight: bold;
    margin-right: 30px;
}
div#content .entry-meta span.count-view {
    color: #595959;
    font-size: 16px;
    font-weight: bold;
}
div#content .entry-meta span:before {
    content: "\f073";
    font-family: 'Font Awesome 6 Free';
    color: #4d8b55;
    margin-right: 5px;
}
div#content .entry-meta span.count-view:before {
    content: "\f06e";
}
div#content .widget_categories .cat-item a {
    font-weight: bold;
    color: black;
    line-height: 25px;
}
div#content .widget_categories .cat-item a:before {
    content: "\f0da";
    font-family: 'Font Awesome 6 Free';
    margin-right: 10px;
    color: #4D8B55;
}
div#content .cat-item ul.children {
    border: none;
}
div#content .post-sidebar {
    padding-left: 0;
    border: none;
}
/* tìm kiếm */

div#content .searchform {
    background-image: url(/wp-content/uploads/2023/06/leaves_pattern_020.png);
    padding: 30px 10px;
    background-size: inherit;
    background-color: #4d8b55f2;
}
.searchform button.ux-search-submit {
    background: black;
    color: #fff;
    border: none;
    position: absolute;
    top: 2px;
    right: 3px;
    border-radius: 50px !important;
    height: 57px;
    width: 57px;
    font-size: 14px;
}
.searchform button.ux-search-submit:hover {
    background: #EFECE5;
    color: black;
}
div#content .flex-row.relative .search-field{
    border-radius: 30px;
    padding: 30px 20px;
}
.widget_text.widget.widget_custom_html {
    margin-top: 35px;
}
.textwidget.custom-html-widget p {
    color: #444444;
    margin-top: 12px;
}
div#content .textwidget a.button.primary {
    padding: 4px 45px;
    border-radius: 30px;
    margin-top: 10px;
    margin-bottom: 0;
}
figure.gallery-item {
    padding: 10px;
}
div#gallery-1{
    margin: -10px ;
}
/* phân trang */
div#content .page-numbers .page-number {
    color: black;
    background: #EFECE5;
    border: none;
    font-size: 25px;
    margin-right: 10px;
}
div#content .page-numbers .page-number:hover {
    color: white;
    background: black;
}
div#content .page-numbers [aria-current="page"] {
    background: #4d8b55;
    color: #fff;
}
#content .gallery-icon.landscape {
    background-position: 50% 50%;
    background-size: cover;
    height: auto;
    overflow: hidden;
    padding-top: 100%;
    position: relative;
}
#content .gallery-icon.landscape img {
    bottom: 0;
    font-family: "object-fit: cover;";
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}

/* trang bài viết đơn */
div#content .large-10.col {
    padding: 0px;
}
div#content .large-10.col .entry-image.relative {
    background-position: 50% 50%;
    background-size: cover;
    height: auto;
    overflow: hidden;
    padding-top: 60%;
    position: relative;
}
div#content .large-10.col .entry-image.relative img {
    bottom: 0;
    font-family: "object-fit: cover;";
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}
.entry-container .entry-category {
    margin-top: 35px;
    text-align: left;
}
.entry-container .entry-category a {
    color: white;
    margin-right: 10px;
    background: #4D8B55;
    padding: 10px 20px;
    border-radius: 30px;
    font-weight: bold;
    white-space: nowrap;
    line-height: 36px;
    text-transform: capitalize;
}
div#content .entry-container h1.entry-title {
    color: black;
    font-size: 35px;
    text-align: left;
    margin-top: 15px;
}
div#content .large-10.col .is-divider.small {
    background: lightgrey;
}
div#content .align-center .entry-meta {
    margin-top: 20px;
    text-align: right;
}
div#content .align-center .entry-meta span.posted-on {
    color: #5f5f5f;
    font-weight: bold;
    font-size: 15px;
}
div#content .align-center .entry-meta span.byline {
    color: #5f5f5f;
    font-weight: bold;
    font-size: 15px;
}
div#content .align-center .entry-meta span.byline:before {
    content: "\f4ad";
}
div#content .align-center .entry-meta span.meta-author.vcard {
    color: #5f5f5f;
    font-weight: bold;
    font-size: 15px;
    margin-left: 20px;
}
div#content .align-center .entry-meta span.meta-author.vcard:before {
    content: "\f007";
}
div#content .align-center .entry-content.single-page p {
    color: #000000;
    font-size: 19px;
    line-height: 32px;
}
div#content .align-center .entry-content.single-page h4 {
    color: #000;
    font-size: 40px;
}
div#content .align-center .entry-content.single-page li {
    color: #000000;
    font-size: 19px;
    line-height: 32px;
}
.entry-container .entry-tags.text-left a {
    color: #000;
    margin-right: 10px;
    background: #EFECE5;
    padding: 10px 20px;
    border-radius: 30px;
    font-weight: bold;
    white-space: nowrap;
}
.entry-container .entry-tags.text-left a:hover {
    color: white;
    background: #4D8B55;
}
.row.tags-and-share {
    margin: 0px !important;
}
.row.tags-and-share:before {
    content: "";
    position: relative;
    background: #868686;
    width: 100%;
    height: 1px;
    margin-bottom: 40px;
}
.blog-share.entry-share.text-left {
    text-align: right;
}
.blog-share.entry-share.text-left .social-icons i {
    color: #4d8b55;
    font-size: 18px;
    padding: 10px !important;
}
.blog-share.entry-share.text-left .social-icons a {
    margin-right: 10px;
    border: 1px solid #4d8b55;
}
/* bài viết liên quan */
.box.has-hover.box-overlay.dark.box-text-middle .box-text.text-center {
    pointer-events: none;
}
.box.has-hover.box-overlay.dark.box-text-middle .box-text-inner h4 {
    font-size: 30px;
}
.box.has-hover.box-overlay.dark.box-text-middle .box-text-inner p {
    font-size: 22px;
}
.image-cover {}

.relatedcat {
    margin-top: 30px;
}
.relatedcat h3 {
    font-size: 30px;
    color: #000;
}
.relatedcat .button-post {
    margin-top: 10px;
}
.relatedcat .button-post span.post-meta {
    color: #000;
    font-size: 15px;
    font-weight: bold;
    margin-right: 20px;
}
.relatedcat .button-post span.posted-on {
    font-size: 15px;
    color: #000;
    font-weight: bold;
}
.relatedcat .button-post span:before {
    content: "\f073";
    position: relative;
    font-family: 'Font Awesome 6 Free';
    color: #4d8b55;
    margin-right: 5px;
}
.relatedcat .button-post span.posted-on:before {
    content: "\f06e";
}
.relatedcat h5.post-title.is-large a {
    color: #4d8b55;
    font-size: 17px;
    margin-top: 10px;
}

/* phản hồi */

.blog-wrapper.blog-single.page-wrapper div#comments {
    background: #EFECE5;
}
#comments .comment-respond h3.comment-reply-title {
    color: #000;
    font-size: 25px;
    margin-bottom: 10px;
}
#comments .comment-respond p.logged-in-as {
    display: none;
}
p.comment-form-comment label {
    font-size: 20px;
    font-weight: normal;
    color: #565656;
}
p.comment-form-comment textarea#comment {
    border: none;
    box-shadow: none;
}
#comments .comment-respond .comment-form p.form-submit {
    text-align: right;
    padding-right: 0;
}
#comments .comment-respond .comment-form p.form-submit input#submit {
    font-size: 16px;
    color: #fff;
    background: #4d8b55;
    text-transform: initial;
    padding: 0px 40px;
    border-radius: 30px;
}
#comments .comment-respond .comment-form p.form-submit input#submit:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 0;
    background: #000000;
    bottom: 0;
    left: 0;
    z-index: 0;
    transition: all .3s ease-out;
}
#comments .comment-respond .comment-form p.form-submit input#submit:hover:before {
    background: black;
    height: 100%;
}
.flex-grow.nav-prev:hover {
    background-color: #50ffff;
}

/* sản phẩm đơn */
.shop-container {
    padding: 40px 0;
}
.product-main .product-gallery {
    max-width: 400px;
}
.product-container div#product-sidebar {
    display: none;
}
.product-main nav.woocommerce-breadcrumb.breadcrumbs.uppercase {
    display: none;
}
.product-main .product-info {
    padding: 0px 0px 0px 100px;
}
.product-main .product-info h1.product-title {
    color: #000;
}
.product-main .is-divider.small {
    display: none;
}
.product-main .product-info .woocommerce-product-rating .star-rating:before {
    color: #E2B239;
}
.product-main .product-info .woocommerce-product-rating .star-rating span:before {
    color: #E2B239;
}
.product-main .price-wrapper span.woocommerce-Price-amount.amount {
    font-size: 25px;
}
.product-main .price-wrapper span.woocommerce-Price-currencySymbol {
    font-size: 25px;
}
.product-main .product-short-description p {
    color: #3f3f3f;
    font-size: 18px;
    margin: 30px 0;
}
.product-main .cart{
    margin-bottom: 5px;
}
.product-main .cart .quantity.buttons_added .minus {
    border: 1px solid #c3c3c3;
    border-radius: 9px;
    height: 55px;
    width: 30px;
    background: none;
    color: black;
}
.product-main .cart .quantity.buttons_added .input-text {
    border-top: 1px solid #c3c3c3;
    border-bottom: 1px solid #c3c3c3;
    border-right: none;
    border-left: none;
    height: 55px;
    width: 55px;
    box-shadow: none;
}
.product-main .cart .quantity.buttons_added .plus {
    border: 1px solid #c3c3c3;
    border-radius: 9px;
    height: 55px;
    width: 30px;
    background: none;
    color: black;
}
.product-main .cart button.single_add_to_cart_button.button.alt {
    background: #4d8b55;
    text-transform: initial;
    height: 55px;
    font-size: 19px;
    border-radius: 30px;
    border: none;
}
.product-main .product_meta span.posted_in a {
    color: #000;
    font-size: 16px;
    line-height: 30px;
    margin-left: 10px;
    font-weight: normal;
}

.product-main .product_meta span.posted_in {
    color: #4d8b55;
    font-size: 16px;
    font-weight: bold;
    border: none;
}
.product-main .product_meta span.tagged_as a {
    color: #000;
    font-size: 16px;
    line-height: 30px;
    margin-left: 10px;
    font-weight: normal;
}

.product-main .product_meta span.tagged_as {
    color: #4d8b55;
    font-size: 16px;
    font-weight: bold;
    border: none;
}
.product-main .social-icons.share-icons.share-row.relative {
    display: none;
}

/* mô tả */
.woocommerce-tabs.wc-tabs-wrapper.container.tabbed-content {
    border: none;
}
ul.tabs.wc-tabs.product-tabs.small-nav-collapse.nav.nav-uppercase.nav-line.nav-left {
    left: 44%;
}
ul.tabs.wc-tabs.product-tabs.small-nav-collapse.nav.nav-uppercase.nav-line.nav-left li a {
    font-size: 20px;
    color: #000;
    text-transform: inherit;
}
.woocommerce-tabs.wc-tabs-wrapper.container.tabbed-content .tab-panels p {
    color: #222;
    font-size: 18px;
    line-height: 33px;
}
 
/* sản phẩm tương tự */
.related.related-products-wrapper.product-section {
    border: none;
    margin-top: 25px;
}
.related-products-wrapper.product-section h3.product-section-title {
    font-size: 30px;
    color: #000;
    text-align: center;
}
.product-footer .title-wrapper p a{
    color: #000;
    font-size: 20px;
    font-weight: bold;
}
.product-footer .price-wrapper {
    color: #000;
    font-size: 16px;
}








@font-face {
  font-family: 'Font Awesome 6 Free';
  font-weight: normal;
  src: url("/wp-content/themes/flatsome-child/webfonts/fa-regular-400.ttf") format("truetype");
}

@font-face {
  font-family: 'Font Awesome 6 Free';
  font-weight: 900;
  src: url("/wp-content/themes/flatsome-child/webfonts/fa-solid-900.ttf") format("truetype");
}

.fa, .fas, .fa-solid {
  font-family: 'Font Awesome 6 Free';
  font-weight: 900;
}