/*!
Theme Name: donghotreotuongvn.com
Theme URI: https://leminhthanh.com/
Author: Lê Minh Thành
Author URI: https://leminhthanh.com/
Description: Giao diện website donghotreotuongvn.com
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: dongho
*/

.devvn_single_price {
    background-color: #199bc42e;
    border: 1px dashed #199bc4;
    padding: 10px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    margin: 0 0 10px;
    color: #000;
}

.devvn_single_price span.label {
    color: #333;
    font-weight: 400;
    font-size: 14px;
    padding: 0;
    margin: 0;
    float: left;
    width: 82px;
    text-align: left;
    line-height: 24px;
}

.devvn_single_price span.devvn_price .amount {
    font-size: 14px;
    font-weight: 700;
    color: #ff3a3a;
}

.devvn_single_price span.devvn_price del .amount, .devvn_single_price span.devvn_price del {
    font-size: 14px;
    color: #333;
    font-weight: 400;
}

.cat-links{
    margin-top: 20px;
}

/* Sidebar shop */
.woocommerce-widget-layered-nav{
    width: 100%;
    float: left;
}
.woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item {
    float: left;
    margin-right: 10px;
}
.woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a {
    color: #000;
}
.woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a:hover {
    color: #333;
}
.woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item .count{
    color: #FFB402;
}

.site-main-shop .woocommerce-ordering .orderby{
    padding: 5px 10px;
}

.site-main-shop .products{
    margin-top: 20px;
}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li{
    margin-bottom: 5px !important;
}

.comment-reply-title{
    text-transform: uppercase;
    padding: 20px 0 0 0;
    display: block;
    font-weight: 600;
    font-size: 23px;
}

.facebook-comment{
    padding-top: 0 !important;
    border-top: #eee 1px solid;
}

/* Read more for product category */
@media (max-width: 767px) {
    .show-more:before {
        content: "" !important;
    }
}
.term-description{
    overflow: hidden;
}
.term-bottom .term-description{
    width: 100%;
}
.readmore {
    width: 90px;
    display: block;
    overflow: hidden;
    position: relative;
    line-height: 40px;
    font-size: 14px;
    color: #288ad6;
    margin: 10px auto;
    cursor: pointer;
}
.show-more:before {
    height: 55px;
    margin-top: -45px;
    content: -webkit-gradient(linear,0% 100%,0% 0%,from(#fff),color-stop(.2,#fff),to(rgba(255,255,255,0)));
    display: block;
}
.readmore:after {
    content: '';
    width: 0;
    right: 0;
    border-top: 6px solid #288ad6;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    display: inline-block;
    vertical-align: middle;
    margin: -2px 0 0 5px;
}

/* [Footer] Social links */
.footer-widget .custom-html-widget a{
    margin-right: 10px;
}

.footer-widget .custom-html-widget a i{
    font-size: 40px;
}

.footer-widget .custom-html-widget a i:hover{
    opacity: 0.7;
}

/* Product detail */
.single-product-top .slider .slick-list .slick-slide img{
    width: 100%;
    height: auto;
}

.product-detail-short-description{
    margin-bottom: 15px;
}

.woocommerce-Reviews-title{
    font-size: 24px;
    line-height: 30px;
    color: #666666;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
}

.wpgis-slider-for .slick-arrow.slick-disabled{
    display: none !important;
}

.wpgis-slider-for .slick-arrow{
    color: #000 !important;
    background: transparent !important;
}

.comment-form-rating .stars .active{
    color: #000;
    font-weight: bold;
}

#brands{
    margin-top: 30px;
    margin-bottom: 30px;
}

/* Contact page */
.contact-page .contact-page-form{
    margin-top: 30px;
}

.contact-page .contact-page-form .form-group{
    margin-bottom: 20px;
}

.contact-page .contact-page-title{
    font-weight: bold;
    font-size: 24px;
    margin-bottom: 30px;
    text-align: center;
    text-transform: uppercase;
}

/*** Main menu ***/
/* Desktop logo */
.header-top .logo{
    float: left;
}
.header-top .logo h1{
    margin: 0;
    padding: 0;
}
.header-top .logo img{
    width: auto;
    max-height: 80px;
}

/* Mobile logo */
.site-branding .mobile-logo{
    display: none;
    width: 40%;
}
.site-branding .mobile-logo img{
    max-height: 70px;
    display: block;
    margin: 0 auto;
}

.stellarnav{
    margin: 30px 0 30px 20px;
}

/* WooCommerce Cart Icon CSS with FontAwesome 5 */
.cart-contents {
    position: relative;
    display: flex !important;
    flex-flow: column nowrap;
    justify-content: center;
    margin: 20px 0;
    float: right;
}

.cart-contents:before {
    font-family: 'FontAwesome';
    font-weight: 900;
    content: "\f07a" !important;
    font-size: 33px;
    color: #333;
}

.cart-contents:hover {
    text-decoration: none;
}

.cart-contents-count {
    position: absolute;
    right: -10px;
    transform: translateY(-105%) translateX(25%);
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 12px;
    line-height: 22px;
    height: 22px;
    width: 22px;
    vertical-align: middle;
    text-align: center;
    color: #fff;
    background: #FFB402;
    border-radius: 50%;
    padding: 1px;
}

/* product-categories-section */
.product-categories-section{
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: #333;
}

.product-categories-section .row-small:after{
    content: "";
    display: table;
    clear: both;
}

.product-categories-section .gap-element {
    padding-top: 10px;
}

@media (min-width: 550px) {
    .product-categories-section .gap-element {
        padding-top: 15px;
    }
}

@media (min-width: 850px) {
    .product-categories-section .gap-element {
        padding-top: 35px;
    }
}

.vertical-cat-nav .vertical-cat-nav-item p {
    font-size: 16px;
    line-height: 15px;
    opacity: .5;
    padding: 12px 0;
    cursor: pointer;
    font-weight: 700;
    font-family: 'Roboto',sans-serif !important;
}
.vertical-cat-nav .vertical-cat-nav-item:first-child p{
    padding-top: 0;
    margin-top: 10px;
}
.vertical-cat-nav .vertical-cat-nav-item.is-nav-selected p{
    opacity: 1;
}

.section.dark{
    background: #f8f8f8;
    margin-top: 30px;
    padding-bottom: 30px;
}

.product-categories-section .categories-title-col{
    padding: 0 15px 30px;
    padding-bottom: 0 !important;
    max-width: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    position: relative;
    margin: 0;
    width: 100%;
}
.product-categories-section .categories-description-col{
    max-width: 75%;
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    position: relative;
    margin: 0;
    padding: 0 15px 30px;
    padding-bottom: 0 !important;
    width: 100%;
}

.site-header .search-form{
    float: right;
}
.search-form form{
    padding-top: 22px;
}

.site-header .cart-button{
    float: right;
    margin-left: 20px;
}
.cart-button .cart-contents{
    margin: 0;
    padding-top: 11px;
}

/*.menu-left{
    float: left;
    width: 80%;
}
.menu-right{
    float: left;
    width: 20%;
}
.menu-right .search-form{
    float: right;
    position: relative;
    width: 150px;
    padding: 25px 0 0 0;
    margin-right: 15px;
    border-bottom: 1px solid #7D7D7D;
}
.menu-right .search-form input[type=text]{
    width: 150px;
    border: 0;
    background: transparent;
    padding-right: 27px;
}
.menu-right .search-form button{
    border: 0;
    position: absolute;
    top: 25px;
    right: 0;
    background: transparent;
}
.menu-right .search-form .fa-search{
    font-size: 15px;
}
.menu-right .cart-button{
    float: right;
}*/

.footer-widget .custom-html-widget .widget:not(:first-child){
    margin-top: 40px;
}

.footer-widget .custom-html-widget .widget:not(:first-child) .widget-title{
    margin-bottom: 20px;
}

.owl-carousel-slide .owl-dots{
    position: absolute;
    bottom: 15px;
    left: 0;
    right: 0;
}

.footer-widget p:first-child{
    margin-top: 0;
    margin-bottom: 30px;
}

.footer-widget i.fa-facebook-square {
    color: #38529a;
}

.home-testimonial .owl-dots{
    margin-top: 30px;
}

.home-blog-item{
    webkit-box-shadow: -2px 6px 18px -5px rgb(0 0 0 / 41%);
    -moz-box-shadow: -2px 6px 18px -5px rgba(0,0,0,0.41);
    box-shadow: -2px 6px 18px -5px rgb(0 0 0 / 41%);
}

.product-image-wrapper{
    position: relative;
    padding-bottom: 100%;
}
.product-image-wrapper img {
    position: absolute;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.stellarnav.mobile{
    width: 100%;
    margin: 0;
}

.page-numbers.current{
    color: red;
}

#home-testimonial .owl-dots, #brands .owl-dots {
    margin-top: 30px;
}

#mobile-search-new{
    display: none;
}

.cart-subtotal{
    display: none !important;
}

.woocommerce-table--order-details tfoot tr:first-child{
    display: none;
}

/*.shopping-cart-mobile{
    width: 25%;
    float: left;
    margin-left: 5%;
}
.shopping-cart-mobile a{
    padding: 7px 0;
}*/


.ctb-maps img {
    background: #E94B36;
}
.ctb-maps img:hover {
    background: #C73231;
}

.stellarnav .menu-toggle{
    padding: 15px;
}

.woocommerce-Tabs-panel--description iframe{
    max-width: 100%;
    height: auto;
}

.stellarnav.mobile{
    z-index: 999;
}

.site-content > .home-fproduct:first-child{
    margin-top: 0;
}

.section .title-home{
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
}

.section .title-home a{
    color: #666666;
}
.section .title-home a:hover{
    color: #FFB402;
}

.summary.entry-summary .button{
    text-align: center;
    margin: 0 !important;
    line-height: 1;
}
.summary.entry-summary .added_to_cart{
    float: left;
    color: #fff !important;
    background: #333;
    border: 0 !important;
    border-radius: 0;
    padding: 15px !important;
    text-transform: uppercase !important;
    font-weight: 500;
    font-size: 16px !important;
    margin: 0 0 20px 20px !important;
    line-height: 1;
}

.sidebar-right ul.post-new{
    list-style: none;
}
.sidebar-right ul.post-new li{
    width: 100%;
    float: left;
    border-bottom: #ebebeb 1px solid;
    margin: 7px 0;
}
.sidebar-right ul.post-new li:first-child{
    margin-top: 0;
}
.sidebar-right ul.post-new li:last-child{
    border-bottom: 0;
}
.sidebar-right ul.post-new li img{
    width: 30%;
    height: auto;
    float: left;
    /*padding-top: 7px;*/
}
.sidebar-right ul.post-new li .title{
    width: 70%;
    float: left;
    padding: 0 10px 5px 10px;
    color: #024987;
}
.sidebar-right ul.post-new li .title:hover{
    color: #000;
}
.sidebar-right ul.post-new li .des{
    display: none;
}

/* START Make the WooCommerce Cart Table Responsive  for Mobile */
/* CSS published in http://www.jeremycarter.com.au/optimising-woocommerce-checkout-for-mobile/ */

@media screen and (max-width: 600px) {
    .woocommerce-page table.shop_table td.product-subtotal{
        border-bottom: #eee 1px solid;
        padding-bottom: 20px;
    }
    /*.woocommerce-page table.shop_table tbody tr:last-child td.product-subtotal{
        border-bottom: 0;
    }*/
    .woocommerce-checkout-review-order-table td.product-total{
        display: none !important;
    }

    /* Force table to not be like tables anymore */
    .woocommerce-page table.shop_table,
    .woocommerce-page table.shop_table thead,
    .woocommerce-page table.shop_table tbody,
    .woocommerce-page table.shop_table th,
    .woocommerce-page table.shop_table td,
    .woocommerce-page table.shop_table tr {
        display: block;
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    .woocommerce-page table.shop_table thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .woocommerce-page table.shop_table tr {
        /*border: 1px solid #d2d3d3; */
    }

    .woocommerce-page table.shop_table td {
        /* Behave  like a "row" */
        position: relative;
        padding-left: 30% !important;
    }

    .woocommerce-page table.shop_table {
        border: none;
    }

    .woocommerce-page table.shop_table td.product-spacer {
        border-color: #FFF;
        height: 10px;
    }

    .woocommerce-page table.shop_table td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
    }

    /*
    Label the data
    */
    .woocommerce-page table.shop_table td.product-remove:before {
        content: "XÓA";
    }

    .woocommerce-page table.shop_table td.product-thumbnail:before {
        content: "HÌNH ẢNH";
    }

    .woocommerce-page table.shop_table td.product-name:before {
        content: "SẢN PHẨM";
    }

    .woocommerce-page table.shop_table td.product-price:before {
        content: "GIÁ BÁN";
    }

    .woocommerce-page table.shop_table td.product-quantity:before {
        content: "SỐ LƯỢNG";
    }

    .woocommerce-page table.shop_table td.product-subtotal:before {
        content: "TỔNG";
    }

    .woocommerce-page table.shop_table td.product-total:before {
        content: "TỔNG";
    }

    .woocommerce .quantity,
    .woocommerce #content .quantity,
    .woocommerce-page .quantity,
    .woocommerce-page #content .quantity {
        margin: 0;
    }

    .woocommerce-page table.cart td.actions,
    .woocommerce-page #content table.cart td.actions {
        text-align: left;
        border:0;
        padding-left: 6px !important;
    }

    .woocommerce-page table.cart td.actions .button.alt,
    .woocommerce-page #content table.cart td.actions .button.alt {
        float: left;
        margin-top: 10px;
    }

    .woocommerce-page table.cart td.actions div,
    .woocommerce-page #content table.cart td.actions div,
    .woocommerce-page table.cart td.actions input,
    .woocommerce-page #content table.cart td.actions input {
        margin-bottom: 10px;
    }

    .woocommerce-page .cart-collaterals .cart_totals {
        float: left;
        width: 100%;
        text-align: left;
    }

    .woocommerce-page .cart-collaterals .cart_totals th,
    .woocommerce-page .cart-collaterals .cart_totals td {
        border:0 !important;
    }

    .woocommerce-page .cart-collaterals .cart_totals table tr.cart-subtotal td,
    .woocommerce-page .cart-collaterals .cart_totals table tr.shipping td,
    .woocommerce-page .cart-collaterals .cart_totals table tr.total td {
        padding-left: 6px !important;
    }

    .woocommerce-page table.shop_table tr.cart-subtotal td,
    .woocommerce-page table.shop_table tr.shipping td,
    .woocommerce-page table.shop_table tr.total td,
    .woocommerce-page table.shop_table.order_details tfoot th,
    .woocommerce-page table.shop_table.order_details tfoot td {
        padding-left: 6px !important;
        border:0 !important;
    }

    .woocommerce-page table.shop_table tbody {
        padding-top: 10px;
    }

    .woocommerce .col2-set .col-1,
    .woocommerce-page .col2-set .col-1,
    .woocommerce .col2-set .col-2,
    .woocommerce-page .col2-set .col-2,
    .woocommerce form .form-row-first,
    .woocommerce form .form-row-last,
    .woocommerce-page form .form-row-first,
    .woocommerce-page form .form-row-last {
        float: none;
        width: 100%;
    }

    .woocommerce .order_details ul,
    .woocommerce-page .order_details ul,
    .woocommerce .order_details,
    .woocommerce-page .order_details {
        padding:0;
    }

    .woocommerce .order_details li,
    .woocommerce-page .order_details li {
        clear: left;
        margin-bottom: 10px;
        border:0;
    }

}
/* END Make the WooCommerce Cart Table Responsive  for Mobile */

.stellarnav.desktop ul ul{
    width: 250px;
}
.stellarnav.desktop ul ul ul{
    top: 0;
    left: 250px;
}

.stellarnav.mobile ul ul ul li a{
    padding-left: 30px;
}

.price ins{
    background: inherit;
}

.entry-content p:has(img) {
    text-align: center;
}
.entry-content .wp-caption {
    margin: 0 auto;
}

.seo-title{
    font-size: 20px;
}

.entry-content table {
    border-spacing: 0;
    border-collapse: separate;
    border: #eee 1px solid;
    margin-top: 15px;
}
.entry-content table td, .entry-content table th{
    border: #eee 1px solid;
    padding: 5px;
    border-spacing: 0;
}

#ftwp-container.ftwp-wrap #ftwp-header-title{
    margin-top: 0;
    margin-bottom: 5px;
}

.product-categories .cat-item{
    color: #FFB402;
}

.product-categories .current-cat > a, .woocommerce-widget-layered-nav-list .chosen a{
    color: #FFB402 !important;
}

.single-product-tab-item .single-product-tab-title{
    clear: both;
    position: relative;
    overflow: hidden;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
}
.single-product-tab-item .single-product-tab-title:before{
    content: "";
    display: block;
    border-top: 2px solid #7d0000;
    width: 100%;
    height: 2px;
    position: absolute;
    top: 50%;
    z-index: 1;
}
.single-product-tab-item .single-product-tab-title span{
    z-index: 99;
    position: relative;
    padding: 10px;
    font-size: 22px;
    font-weight: 700;
    background: #333;
    color: #fff;
}

.archive-product-wrapper{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.archive-product-wrapper .sidebar-right{
    order: 1;
}
.archive-product-wrapper .content-left{
    order: 2;
}

/* Table & desktop screen */
@media screen and (min-width: 1080px) {
    .sticky-wrapper{
        display: none;
    }
}

/* Table style */
@media screen and (max-width: 1079px) {
    .sticky-wrapper{
        display: block;
    }

    /*.menu-left{
        width: 100%;
    }
    .menu-right{
        display: none;
    }*/
    #mobile-search-new{
        display: block;
    }
    .stellarnav ul li{
        width: 100%;
    }
}

/* Table & mobile style */
@media screen and (max-width: 768px) {
    .stellarnav ul li{
        display: block;
    }

    .single-product-top a.wpgis-popup{
        display: none;
    }

    .stellarnav ul li{
        width: 100%;
    }

    .modal-content{
        width: 90%;
        margin: 20px auto;
    }

    .archive-product-wrapper{
        flex-direction: column;
    }
    .archive-product-wrapper .sidebar-right{
        order: 2;
        margin-top: 25px;
    }
    .archive-product-wrapper .content-left{
        order: 1;
    }

    .site-footer{
        margin-bottom: 50px;
    }
}

/* Mobile style */
@media screen and (max-width: 480px) {
    .product-categories-section .categories-title-col{
        max-width: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }
    .product-categories-section .categories-description-col{
        max-width: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }

    /*.menu-left{
        width: 100%;
    }*/

    .site-branding .mobile-logo{
        display: block;
    }

    .nav-menu {
        background: #fff;
    }
}