/*
Theme Name: Porto Child
Theme URI: https://www.portotheme.com/wordpress/porto
Author: P-THEMES
Author URI: https://www.portotheme.com/
Description: Porto Responsive WordPress + eCommerce Theme.
Version: 1.1
Template: porto
License: Commercial
License URI: http://themeforest.net/licenses/regular_extended
Tags: woocommerce, corporate, ecommerce, responsive, blue, black, green, white, light, dark, red, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
*/

/*************** ADD YOUR CUSTOM CSS HERE  ***************/
 
.top-right-bar>div{justify-content: end;}.logo{max-width:110px !important;}.single_add_to_cart_button{background:#25bb42;}.reviews_tab {display:none !important;}.footer .share-links .share-facebook{background: #3b5a9a  !important;border-color: #3b5a9a  !important;color: #FFF !important;}.footer .share-links .share-youtube{background: #c3191e  !important;border-color: #c3191e  !important;color: #FFF !important;}.footer .share-links .share-twitter{background: #00af50  !important;border-color: #00af50  !important;color: #FFF !important;}.footer .share-links .share-linkedin{background: #0073b2  !important;border-color: #0073b2  !important;color: #FFF !important;}.footer .share-links .share-googleplus{background: #00af50  !important;border-color: #00af50  !important;color: #FFF !important;}.footer .share-links .share-email{   background: #00af50  !important;border-color: #00af50  !important;color: #FFF !important;}.footer .share-links .share-instagram{   background: #00af50  !important;border-color: #00af50  !important;color: #FFF !important;}.woocommerce-tabs .resp-tabs-list li{color: #333 !important;}.resp-tabs-container{color: #333;}.add_to_cart_button:before {display: inline-block;content: "\e8ba";font-family: "Porto";margin-right: 0.5rem;font-size: 1.2857em;line-height: 1;}.tw-products del{color: #adadad;font-style: italic;}.tw-products ins{color: red;text-decoration: none;font-size: 16px;margin: 10px;}.tw-products strong>span>bdi{color: red;text-decoration: none;font-size: 16px;margin: 10px;}.related.products del{color: #adadad;font-style: italic;}.related.products ins{color: red;text-decoration: none;font-size: 16px;margin: 10px;}.related.products strong>span>bdi{color: red;text-decoration: none;font-size: 16px;margin: 10px;}#header .share-links a{margin:0 5px!important;}.wpb_content_element{margin:0 !important;}.tv-profile{margin:0;display:flex;}.tv-profile .porto-sicon-description{display:flex;}.tv-profile p{display:none;}.tv-profile .tuvan{display: flex;background: #01873e;color: #FFF;padding: 5px 10px;border-radius: 30px;margin-right: 10px;}.tv-profile .tuvan a{color:#FFF !important;}.tv-profile .tuvan svg{width:20px;fill: #fff;margin-right: 5px;}.tv-profile .profile{ display: flex;padding: 5px 10px;border-radius: 10px;border: 1px solid #2676af;background: #2676af;color: #FFF;}.tv-profile .profile a{color:#FFF !important;}.tv-profile .profile svg{width:20px;fill: #fff;margin-right: 5px;}.footer {font-size:16px;}.footer .porto-block::before {content: "";background: #000;position: absolute;inset: 0;z-index: 0;opacity: 0.7;}.footer_logo{max-width:120px;}.footer li::marker{color:#00af50}.footer a{color:#999999}.footer p{color:#999999}.footer .share-links a{background: #00af50;color: #FFF !important;}.footer ul li{color:#999};.wpcf7-response-output{display:none;}.page-top{display:none;}.single-post .page-top{display:block;}.single-post .page-top.page-header-1{background: #fff;border-bottom: none;margin: 0 !important;padding: 0 !important;}.single-post .page-title:after{content:"";border-bottom:0 !important;}.single-post .page-top .page-title {color: #000 !important;padding-top: 15px;font-size:37px;}.main-content,.left-sidebar, .right-sidebar{padding-top:0 !important;}#menu-main-menu a:hover,#menu-main-menu a:active{color:#00af50  !important;}#menu-main-menu .sub-ready>a:hover{color:#00af50  !important;}.main-menu > li.menu-item:hover > a{color:#00af50  !important;}.main-menu > li.menu-item.active > a{color:#00af50  !important;}.contact-form-wrapper .submit-group{position: absolute;left: -98%;min-width: 150px;border: none !important;margin-top: -20px;}.contact-form-wrapper .submit-group input{background: #25bb3a !important;border: none;border-radius: 3px;}.doitac .owl-nav span,.shortcode-articles-carousel .owl-nav span{display:none !important;}.owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev{height:45px !important;border-radius:4px !important;}.shortcode-articles-carousel img{height: 250px !important;}.slashhover .vc_single_image-wrapper:before,.shortcode-article:before {position: absolute;top: 0;left: 0;width: 100%;z-index: 1;height: 100%;background: rgba(255, 255, 255, .2);content: '';transition: transform 0.6s;-webkit-transition: -webkit-transform 0.6s;-ms-transition: -ms-transform 0.6s;-moz-transition: -moz-transform 0.6s;-o-transition: -o-transform 0.6s;transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -190%, 0);-webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -190%, 0);-ms-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-190%,0);-moz-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-190%,0);-o-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-190%,0);}.slashhover .vc_single_image-wrapper:hover:before,.shortcode-article:hover:before {transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 190%, 0);-webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 190%, 0);-ms-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,190%,0);-moz-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,190%,0);-o-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,190%,0);}.wpb_single_image .vc_single_image-wrapper,.shortcode-article { position: relative;overflow: hidden;}.widget-title{text-transform:uppercase !important}.archive-products del{font-weight: normal;}.archive-products ins{color: #ea3d32;text-decoration: none;font-size: 16px;}.mobile-header>div{justify-content: space-between;}.featured-news .child-post{max-height:250px;}@media only screen and (max-width: 600px) {  #header .vc_custom_1657334161334 {    margin-top: 12px !important;    margin-bottom: 0px !important;}.vc_empty_space{height:15px !important;}.vc_do_custom_heading{margin-bottom:15px !important;}.tw-category-tabs{margin-top:10px !important;}.tw-tab-content .mb-5.mt-4{margin:0px 10px 20px 10px!important;}.wpb_single_image .vc_single_image-wrapper{width:100%;}.wpb_single_image .vc_single_image-wrapper img{width:100%;}.contact-form-wrapper{width:100% !important;}.contact-form-wrapper .submit-group{        position: relative !important;left: 0;top: 20px;}.child-post{max-height: 300px !important;        overflow: hidden !important;}}.featured-posts-grid img {display: block;width: 100%;height: auto;}.featured-side .side-post img {width: 100%;height: auto;object-fit: cover;}.featured-side .side-post p {margin: 5px 0 0;font-size: 14px;line-height: 1.3;}.contact-form-wrapper input.wpcf7-submit{background-color:#e36159 !important;}.site-main p,.entry-content p,.woocommerce-product-details__short-description{color:#000 !important;}.woocommerce-message{display:none;}.post-image.single{display:none;}.single-product .product-summary-wrap .price .price{color:#FF0000;}.tab-content table{border:1px solid #CCC;}.tab-content table tr{border:1px solid #CCC;}.tab-content table tr td{border:1px solid #CCC;}.tw-products .owl-item{margin-right:15px;}.tw-products .owl-item:last-child,.tw-products .owl-stage .active:last-child{margin-right:0px;}
.pagination>a, .pagination>span{border-radius: 0 !important;min-width: 2rem;height: 2rem;line-height: 2rem;border: 1px solid #000;color: #000;font-weight: normal;}
h1,h2,h3,h4,h5,h6{font-weight:normal !important}
h1{font-size:35px !important;color:#01873e}
h2{font-size:30px !important;color:#01873e}
h3{font-size:25px !important;}
h4{font-size:20px !important;}
h5{font-size:18px !important;}
h6{font-size:16px !important;}
.post-item-title{font-size:15px !important}
h2.porto-sicon-title{font-size:20px !important}
.post-item-title a{color:#000 !important}
.porto-post-title{text-align:left !important;margin-top:0 !important;}
.archive-products h2{font-size:15px !important;}
.archive-products h2 a{color:#000 !important;}
.related.products h2{font-size:15px !important;}
.related.products h2 a{color:#000 !important;}
#footer h2{font-size:18px !important}
#footer h3{font-size:16px !important}
#tw-post-list {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
    margin-top: 20px;
}

.post-item a {
    text-decoration: none;
    color: inherit;
    display: block;
    transition: transform 0.2s, box-shadow 0.2s;
}
 
.post-item img {
    width: 100%;
    height: auto;
    border-radius: 8px;
    display: block;
}

.post-item h3 {
    margin-top: 10px;
    font-size: 16px;
    text-align: center;
}

/* Tablet: 2 cột */
@media (min-width: 768px) {
    #tw-post-list {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Desktop: 3 cột */
@media (min-width: 1024px) {
    #tw-post-list {
        grid-template-columns: repeat(4, 1fr);
    }
}
.featured-main::after {
    content: ""; /* Bắt buộc */
    position: absolute; /* hoặc relative tùy layout */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(0,0,0,0) 40%, rgba(0,0,0,0.7) 100%);
    pointer-events: none; /* tránh che khuất nội dung */
}
.side-post::after {
    content: ""; /* Bắt buộc */
    position: absolute; /* hoặc relative tùy layout */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(0,0,0,0) 40%, rgba(0,0,0,0.7) 100%);
    pointer-events: none; /* tránh che khuất nội dung */
}