/*
Theme Name: Vật Tư Chống Thấm
Description: Giao diện vật tư chống thấm
Author: Thiện Minh CP
Author URI: https://thienminhcp.com/
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
a.header-cart-link.icon.primary.button.round.is-small {
    border-color: #017e4a;
}
.icon-shopping-bag:before {
    font-size: 20px !important;
}
a.header-cart-link.icon.primary.button.round.is-small:hover {
    background: #017E4A!important;
}
.sec-ft2 img.bg.attachment-original.size-original {
    opacity: 0.3;
}
.absolute-footer.dark.medium-text-center.small-text-center {
    display: none;
}
.home-blog .post-title a, .home-blog p.from_the_blog_excerpt {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.image-tools.absolute.bottom.left.z-3 {
    display: none;
}
.product-summary .social-icons {
    padding-top: 10px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.product-main .product-summary {
    background-color: #310bd514;
    border-radius: 8px;
    border: dashed 1px #41b93b;
    padding: 15px 15px 0px 15px;
}
.product-summary .social-icons:before {
    content: "Chia sẻ: ";
    color: #000;
    display: inline;
    font-weight: bold;
}
.product-main h1.product-title.product_title.entry-title {
    border-bottom: 1px solid #83c32d;
}
.duong-dan-sp .rank-math-breadcrumb a {
    font-size: 13px;
}
.duong-dan-sp .rank-math-breadcrumb span {
    font-size: 13px;
}
.duong-dan-sp {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.product-summary .product-title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.social-icons .button.is-outline {
    border: none!important;
    padding-bottom: 5px;    
}
.social-icons .button.is-outline i {
    color: #000;
    padding-top: 12px;
}
.social-icons .button.facebook:hover {
    content: url(/wp-content/uploads/2024/10/facebook.png);
    max-width: 8%;
    max-height: 8%;
    color: transparent!important;
}
.social-icons .button.twitter:hover {
    content: url(/wp-content/uploads/2024/10/twitter.png);
    max-width: 8%;
    max-height: 8%;
    color: transparent!important;
}
.social-icons .button.email:hover {
    content: url(/wp-content/uploads/2024/10/email.png);
    max-width: 8%;
    max-height: 8%;
    color: transparent!important;
}
.social-icons .button.linkedin:hover {
    content: url(/wp-content/uploads/2024/10/linkedin.png);
    max-width: 8%;
    max-height: 8%;
    color: transparent!important;
}
.social-icons .button.pinterest:hover {
    content: url(/wp-content/uploads/2024/10/pinterest.png);
    max-width: 8%;
    max-height: 8%;
    color: transparent!important;
}
.thong-so span {
    font-weight: bold;
}
.duoi-title {
    display: flex;
    align-items: center;
    border-bottom: dashed 1px #41b93b;
}
.sku-title {
    width: 35%;
}
.duoi-title>div span {
    font-size: 14px;
    margin-right: 5px;
}
.duoi-title>div.brand-title {
    width: 65%;
    display: flex;
    align-items: center;
}
.mo-ta-sp {
    padding-top: 10px;
    padding-bottom: 10px;
}
.tabbed-content .tab { 
    flex-shrink: 0 !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
}
.tabbed-content .nav {
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    flex-direction: unset;
    -webkit-flex-flow: unset;
    flex-flow: unset;
    -webkit-justify-content: unset;
    justify-content: unset;
    -webkit-align-items: unset;
    align-items: unset;
}
::-webkit-scrollbar {
    width: 6px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: #3244b9;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    background: #cf2e2e;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
    background: #d7d7d7;
}

button.button.buy_now_button {
    max-width: max-content;
    background-color: #3244b9;
    border-radius: 7px;
    color: #fff;
}
button.single_add_to_cart_button.button.alt {
    border-radius: 7px;
    width: fit-content;
}
.product-thumbnails.thumbnails.slider-no-arrows.slider.row.row-small.row-slider.slider-nav-small.small-columns-4.is-draggable.flickity-enabled {
    display: none;
}
h1.product-title.product_title.entry-title {
    color: #85770c;
    font-size: unset;
}
li#tab-title-description a {
    border-radius: 5px !important;
    color: #fff;
    padding: 12px 25px;
    background:  #3370cd;
}
.product-footer {
    background-color: rgb(231, 230, 228)!important;
}
.nav-tabs+.tab-panels {
    border: unset;
    background: rgb(231, 230, 228);
    padding: 30px 0px 0px 0px;
}
.product-tabs li.active a {
    border-radius: 5px !important;
    padding: 5px 20px;
    background: #708131 !important;
}
.product-tabs li#tab-title-reviews a {
    border-radius: 5px !important;
    color: #fff;
    padding: 12px 25px;
    background: #3370cd;
}
.nav-tabs>li.active>a {
    border-top: unset;
}
.header-vertical-menu__opener {
    font-size: unset;
}
.is-divider.small {
    display: none;
}

.sr-box {
    display: flex;
    align-items: center;
}
.block-hd {
    display: flex;
    padding-top: 10px !important;
}
/*-- chia cột Form --*/
#info-left {
    width: 49%;
    float: left;
    margin-right:2%;
}
#info-right {
    width: 49%;
    float: right;
}
.form-contact-twocol:after {
    content:"020";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
    overflow:hidden;
    margin-bottom:10px;
}
.form-contact-twocol {
    display:block;
}
/*-- Màu Background Row --*/
#gui-yeu-cau {
background-image: linear-gradient(to right top, #051937, #004d7a, #008793, #00bf72, #a8eb12);}
/*-- Chèn icons lên Form --*/
.wpcf7 p{ position: relative; }
#icon-form{
    position: absolute;
    color: #ffffff;
    z-index: 100;
    font-size: 18px;
    top: 8px;
    left: 10px;
}
.wpcf7 p>span>input {
    border: 0 solid;
    border-bottom: 1px solid #ffffff;
    -webkit-box-shadow:unset;
    box-shadow: unset;
    background: transparent!important;
}
.wpcf7 p>span>textarea {
    border: 0 solid;
    border-bottom: 1px solid #ffffff;
    -webkit-box-shadow:unset;
    box-shadow: unset;
    background: transparent;
}
.wpcf7 input::placeholder{
    color: #ffffff;
}
.wpcf7 textarea::placeholder{
    color: #ffffff;
}
.contact-input {
    padding-left: 40px!important;
}
.mywebsite-custom-button{
    border: 1px solid white!important;
}
.wpcf7-spinner{
    display:none
}



@media screen and (min-width: 850px) {
    .pk_row {
        height: 400px;
    }
    .pk-column-data ul li {
        margin-bottom:5px;
        margin-left:0;
        padding: 10px;
        padding-left:15px;
        background: #efefefc7;
        list-style-type:none;
    }

    .pk-column-data ul li:hover {
        cursor: pointer;
        background:#326e5130;
    }

    .pk-column-data ul li.pk-active {
        background:#326e51;
        color:white;
    }
    .pk_column {
        float: left;
        width: 50%;
        padding: 10px;
        height:100%;
        background:white;
        border: 5px solid #ccc;
    }
    .pk_row:after {
        content: "";
        display: table;
        clear: both;
    }

}
@media screen and (max-width: 850px) {
    .pk-column-data ul li.pk-active {
        background:#326e51;
        color:white;
    }
    .pk_column {
        float: left;
        width: 100%;
        padding: 10px;
        height:100%;
        background:white;
        border: 5px solid #ccc;
    }
    .pk_row:after {
        content: "";
        display: table;
        clear: both;
    }
    .pk-column-data ul li {
        margin-bottom:5px;
        margin-left:0;
        padding: 10px;
        padding-left:15px;
        background: #efefefc7;
        list-style-type:none;
    }

    .pk-column-data ul li:hover {
        cursor: pointer;
        background:#326e5130;
    }

    .pk-column-data ul li.pk-active {
        background:#326e51;
        color:white;
    }
    .product-gallery.col.large-5 {
        padding-bottom: 10px !important;
    }
    .sku-title {
    width: 50%;
    }
    .duoi-title>div.brand-title {
        width: 50%;
    }


}