/*!
Theme Name: Vật Liệu Xây Dựng HCM
Theme URI: http://underscores.me/
Author: Lê Minh Thành
Author URI: https://leminhthanh.com/
Description: Description
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
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Đồng hồ Uy Tín is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

.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: #2274BF;
}
.woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item .count{
    color: #2274BF;
}

.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;
}

.footer-widget .custom-html-widget a i.fa-facebook-square{
    color: #fff;
}

.footer-widget .custom-html-widget a i.fa-youtube-square{
    color: #fff;
}

/* 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 */
.logo{
    float: left;
    margin-top: 11px;
}
.logo h1{
    margin: 0;
    padding: 0;
}
.logo img{
    width: auto;
    max-height: 70px;
}

.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: 30px;
    color: #2274BF;
}

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

.cart-contents-count {
    position: absolute;
    top: 15px;
    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: #2274BF;
}

.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%;
}

.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;
}

.site-footer{
    background: #2274BF;
}

.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;
}

.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: 5px 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;
}

.home-blog .title-home{
    color: #2274BF;
}
.section .title-home{
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
}

.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: #2274BF;
    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;
}

/* 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;
    }
}

/* 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%;
    }

    .logo img{
        height: 50px;
    }
}