/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.1
*/
/*************** ADD CUSTOM CSS HERE. ***************/
@import url('https://fonts.googleapis.com/css2?family=Mulish:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap');
@font-face{
font-family: "Anton-Regular";
src:url(font/Anton-Regular.ttf);
}
@font-face{
font-family: "SVN-Futura-Regular";
src:url(font/SVN-Futura-Regular.ttf);
}
body{
font-family: "SVN-Futura-Regular" !important;
}
h1, h2, h3, h4, h5, h6{
font-family: "SVN-Futura-Regular" !important;
}
p{
font-family: "SVN-Futura-Regular" !important;
}
.img{
overflow: hidden;
}
.rt_new_pro_right {
position: unset !important;
}
.rt_new_pro_right > .col-inner{
position: unset !important;
}
.rt_new_pro_right .col-inner .heading{
position: absolute;
top: 0;
left: 0;
z-index: 9;
}
#logo img{
border-radius: 10px;
}
#content{
background: #fff;
}
.html_topbar_left .html1 a{
color: #fff;
font-weight: 400;
font-size: 12px;
}
.header-full-width .container{
max-width: 95% !important;
}
.header-top .social-icons i{
font-size: 18px;
}
.top-bar-nav li a{
color: #fff;
text-transform: uppercase;
font-weight: 400;
font-size: 12px;
}
.header-top .social-icons a{
color: rgba(255,255,255,.8);
margin-right: 7px !important;
font-size: 18px !important;
}
.flex-left .header-nav{
justify-content: center;
}
.header-main .nav > li.menu_content {
position: unset;
}
.header-nav > li.menu_content > .nav-dropdown{
-webkit-transition-duration: 0.1s;
-moz-transition-duration: 0.1s;
transition-duration: 0.1s;
box-shadow: 0px 0px 2px 1px #d0d0d0;
transition: unset;
left: -120px !important;
border-radius: 4px;
display: table !important;
transform: translateY(0px);
}
.header-nav > li.menu_content .nav-dropdown > li > a{
font-size: 1.1em !important;
padding-top: 15px;
padding-bottom: 15px;
border-bottom: solid 1px #d0d0d0;
display: inline-block;
text-transform: uppercase !important;
}
.header-nav > li.menu_content .nav-dropdown > li a{
font-size: 13px;
color: black;
font-weight: 500;
text-transform: unset;
}
.header-nav > li.menu_content > .nav-dropdown > li{
display: inline-block;
width: 24%;
margin: 0;
padding: 0;
text-align: center;
vertical-align: top;
display: table-cell;
border-left: solid 1px #dddddd;
}
.header-nav > li.menu_content > .nav-dropdown > li > ul{
position: unset !important;
opacity: 1;
text-align: left;
padding-left: 10px;
}
.header-nav > li.menu_content > .nav-dropdown > li > ul > li.menu-item-has-children > a{
position: relative;
}
.header-nav > li.menu_content > .nav-dropdown > li > ul > li.menu-item-has-children .adddown{
position: absolute;
top: 11px;
right: 15px
}
.header-nav > li.menu_content > .nav-dropdown > li > ul > li.menu-item-has-children:hover .adddown{
transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.header-nav > li.menu_content > .nav-dropdown > li > ul ul{
box-shadow: 0px 0px 2px 1px #d0d0d0;
list-style: none;
font-size: 14px;
text-align: left;
background-color: #fff;
border: 1px solid #ccc;
border: 1px solid rgba(0,0,0,0.15);
border-radius: 4px;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.stuck .header-main .nav > li > a{
line-height: 75px !important;
color: #333 !important;
}
.stuck .header-main .nav > li.current-menu-item > a{
color: rgb(152,28,30) !important;
}
.stuck .header-main{
background: #fff;
}
.stuck #masthead .cart-item a{
color: #222 !important;
}
/*form_dk*/
.rt_form_dk .small-12{
padding-bottom: 15px;
}
.form_dk > div:nth-child(1){
width: 50%;
float: left;
text-align: center;
color: #f6f6f6;
font-size: 14px;
}
.form_dk > div form{
overflow: hidden;
margin-bottom: 0;
}
.form_dk > div:nth-child(1) p{
margin-bottom: 0 !important;
}
.form_dk > div:nth-child(1) h2{
font-size: 25px;
margin-bottom: 5px;
color: #f6f6f6;
font-weight: 400;
}
.form_dk > div:nth-child(2){
width: 50%;
float: right;
position: relative;
margin: 7px 0;
}
.form_dk > div:nth-child(2) input{
width: 100%;
height: 44px;
margin:0;
}
.form_dk > div:nth-child(2) .wpcf7-submit{
position: absolute;
top: -10px;
right: 0;
width: 44px;
height: 44px;
text-transform: initial;
background: #f39303;
padding: 0;
}
.wpcf7-mail-sent-ok{
color: #fff;
}
.footer-1 p{
margin-bottom: 0 !important;
line-height: 30px;
}
.footer-1 p i{
color: #f39303;
}
.footer-1 .menu li{
border-top: 1px solid #5c3d4a;
}
.footer-1 .menu li a{
line-height: 40px !important;
padding-left: 18px !important;
padding-right: 0 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
color: #fff !important;
font-size: 14px;
background: url(img/li.png) 0px 13px no-repeat;
}
.footer-2 .widget-title{
color: #636363;
margin-bottom: 20px !important;
display: block;
}
.footer ul.menu > li:nth-child(1){
border:none !important;
}
.footer .custom-html-widget{
color: #fff;
font-size: 14px;
line-height: 24px;
text-align: justify;
}
.footer p{
color: #fff;
font-size: 14px;
line-height: 24px;
text-align: justify;
}
.absolute-footer{
display: none !important;
}
.footer-2 .is-divider{
display: none !important;
}
.rt_icon_hd{
overflow: hidden;
}
.rt_icon_hd1{
margin-right: 25px;
}
.rt_icon_hd1 img{
padding: 6px 0;
}
.rt_icon_hd2{
margin-right: 25px;
}
.rt_icon_hd2 img{
padding-top: 9px;
}
.rt_icon_hd3 img{
padding: 8px 0;
}
.rt_icon_hd > img{
float: left;
margin-right: 7px;
}
.rt_icon_hd > div{
float: right;
font-size: 14px;
line-height: 21px;
color: #33496d;
}
#wide-nav > .flex-row > .flex-left{
width: 100% !important;
margin-right: 0 !important;
}
.nav-dropdown-default{
padding: 0;
}
.header-bottom{
margin-bottom: 1px;
}
.search-form{
width: 100% !important;
}
.clear {
clear: both;
}
.image-tools.top.right {
z-index: 9;
padding: 0;
bottom: 5px;
top: auto;
left: 50%;
transform: translateX(-50%) !important;
-webkit-transform: translateX(-50%) !important;
background-color: #fff;
box-shadow: 1px 1px 1px rgba(0,0,0,0.1);
transition: all .3s ease;
opacity: 0;
height: 45px;
line-height: 45px;
border-radius: 3px;
}
.wishlist-popup{
display: none;
}
.image-tools.right .wishlist-icon{
float: right;
width: 43px;
text-align: center;
}
.image-tools.right .wishlist-icon button.wishlist-button{
margin: 0;
border: none;
background-color: transparent;
}
.image-tools.right .wishlist-icon button.wishlist-button i{
font-size: 20px;
color: #333;
}
.image-tools .cart-icon{
margin: 0;
left: 0;
top: 0;
display: inline-block;
height: 100%;
width: 43px;
text-align: center;
}
.box-image a.yith-wcqv-button{
position: absolute;
bottom: 5px;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
padding: 0;
font-size: 0px;
z-index: 9;
width: 43px;
height: 45px;
margin: 0;
background: url(img/search.png) center no-repeat;
border: none;
opacity: 0;
}
.box-image a.yith-wcqv-button:hover{
box-shadow: none;
}
.product-small .box:hover .box-image .image-tools.top.right,
.product-small .box:hover .box-image a.yith-wcqv-button{
opacity: 1;
}
.image-tools .added_to_cart.wc-forward{
font-size: 0;
padding: 0;
width: 43px;
text-align: center;
color: #981c1e;
}
.image-tools a.added_to_cart.wc-forward::after{
content: "✓";
display: inline-block;
font-size: 23px;
}
.woocommerce-pagination .nav-pagination li .current{
padding-right: 5px;
padding-left: 5px;
min-width: 34px;
height: 34px;
font-weight: 600;
font-size: 14px;
line-height: 34px;
transition: all .2s ease;
border-radius: 0;
}
.woocommerce-pagination .nav-pagination li a,
.woocommerce-pagination .nav-pagination li a:hover{
padding-right: 5px;
padding-left: 5px;
min-width: 34px;
height: 34px;
font-weight: 600;
font-size: 14px;
line-height: 34px;
transition: all .2s ease;
border-radius: 0;
border: none;
}
.woocommerce-pagination .nav-pagination li a:hover{
background-color: transparent;
color: #222;
}
.category_title{
text-align: right;
margin-bottom: 15px;
}
.badge-container {
display: none;
}
.product-title a {
font-size: 15px;
color: #333;
}
.product-small:hover .product-title a {
color: #000;
}
.block-product-col {
margin: 0 -10px;
clear: both;
}
.block-product-col .col-4 {
width: 25%;
float: left;
padding: 0 10px;
margin: 10px 0;
}
.block-product-col .col-4:nth-child(4n+1) {
clear: both;
}
.block-product-col .col-3 {
width: 33.333333%;
float: left;
padding: 0 10px;
margin: 10px 0;
}
.block-product-col .col-3:nth-child(3n+1) {
clear: both;
}
.block-product-1 .col-inner {
background-color: #ffffff;
padding: 0;
border-radius: 0px;
border: 1px solid #ebebeb;
}
/*** loop price **/
.block-product-1{
margin: 0 -8px;
}
.block-product-1 .col-3{
padding: 0 8px;
margin-bottom: 15px;
}
.block-product-1 .spd1_box_left{
width: 460px;
overflow: hidden;
float: left;
clear: none;
}
.block-product-1 .box-image{
width: 100%;
height: 154px;
}
.block-product-1 .box-image img{
width: 100%;
height: 154px;
object-fit: cover;
}
.block-product-1 del{
display: none !important;
}
.block-product-1 ins{
width: 100% !important;
}
.block-product-1 .price{
text-align: center !important;
}
.block-product-1 .box-text span.amount{
font-size: 16px !important;
font-weight: 600 !important;
}
.block-product-1 .spd1_box_left > div{
width: 100% !important;
margin-top: 0;
}
.block-product-1 .spd1_box_left .box-text{
padding: 15px 20px 20px 20px;
}
.block-product-1 .spd1_box_left .box-text .product-title a{
font-size: 21px;
color: #33496d;
line-height: 25px;
display: block;
height: 25px;
overflow: hidden;
margin-bottom: 6px;
}
.block-product-1 .spd1_box_right{
width: calc(100% - 460px);
float: right;
clear: none;
}
.block-product-1 .spd1_box_right .box-text{
padding:10px;
}
.block-product-1 .spd1_box_right .box-text .product-title a{
display: block;
font-size: 15px;
color: #33496d;
line-height: 22px;
height: 22px;
overflow: hidden;
margin-bottom: 6px;
}
.block-product-1 .spd1_box_right .box-text span.amount{
font-size: 15px;
}
.block-product-1 .spd1_box_right > div{
margin-top: 0;
}
.block-product-1 .spd1_box_right .box-image{
height: 170px;
width: 100%;
}
.block-product-1 .spd1_box_right .box-image img{
width: 100%;
height: 170px;
object-fit: cover;
}
.block-product-1 .box-text {
padding:5px 10px 20px 10px !important;
background: url(img/star.png) 52px 55px no-repeat;
}
.block-product-1 .box-text a{
display: block;
font-size: 16px;
line-height: 25px;
height: 25px;
overflow: hidden;
color: #333333;
text-align: center;
}
.box-text .price-wrapper {
margin: 0 0 6px 0;
line-height: 22px;
height: unset;
overflow: hidden;
}
.box-text del,
.box-text ins {
width: 50%;
display: block;
float: right;
}
.box-text del span.amount {
color: #333;
font-size: 16px;
font-weight: 400;
}
.box-text span.amount {
color: #ee1f1f;
font-size: 18px;
font-weight: 700;
}
.block-product-1 .box-text .star-rating {
display: block;
width: 100%;
margin:0 0 10px 0;
padding:0;
font-size: 11px;
}
.star-rating span:before{
color: #f39402 !important;
}
/*** product single price **/
.product-info .price-wrapper span.amount, .product-info .price-wrapper ins .amount {
font-size: 28px;
color: #981C1E;
font-weight: 500;
}
.product-info .price-wrapper span.amount bdi{
font-weight: 400 !important;
}
.product-info .price-wrapper del, .product-info .price-wrapper ins {
display: block;
margin-bottom: 10px;
}
.product-info .price-wrapper del {
color: #a8a8a8;
font-size: 15px;
}
.product-info .price-wrapper del .amount {
font-size: 15px;
color: #a8a8a8;
}
.block-product-col a.view_product {
position: relative;
display: inline-block;
background-color: transparent;
text-transform: uppercase;
font-size: .97em;
letter-spacing: .03em;
-ms-touch-action: none;
touch-action: none;
cursor: pointer;
font-weight: bolder;
text-align: center;
color: currentColor;
text-decoration: none;
border: 1px solid transparent;
vertical-align: middle;
border-radius: 0;
margin-top: 0;
margin-right: 1em;
text-shadow: none;
line-height: 2.4em;
min-height: 2.5em;
padding: 0 1.2em;
max-width: 100%;
transition: transform .3s, border .3s, background .3s, box-shadow .3s, opacity .3s, color .3s;
text-rendering: optimizeLegibility;
box-sizing: border-box;
font-size: .8em;
margin-bottom: 0;
margin-top: 1em;
background-color: #dedede;
}
.block-product-col a.wc-forward {
position: relative;
display: inline-block;
background-color: transparent;
text-transform: uppercase;
font-size: .97em;
letter-spacing: .03em;
-ms-touch-action: none;
touch-action: none;
cursor: pointer;
font-weight: bolder;
text-align: center;
color: currentColor;
text-decoration: none;
border: 1px solid transparent;
vertical-align: middle;
border-radius: 0;
margin-top: 0;
margin-right: 1em;
text-shadow: none;
line-height: 2.4em;
min-height: 2.5em;
padding: 0 1.2em;
max-width: 100%;
transition: transform .3s, border .3s, background .3s, box-shadow .3s, opacity .3s, color .3s;
text-rendering: optimizeLegibility;
box-sizing: border-box;
font-size: .8em;
margin-bottom: 0;
margin-top: 1em;
background-color: #446084;
color: #fff;
}
/***************** block product 2 ********************************/
.block-product-2 .col-inner {
background: #ffffff;
position: relative;
border-radius: 4px;
}
.block-product-2 .col-inner .rt-description {
position: absolute;
top: 0;
left: -245px;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.7);
color: #fff;
padding: 10px;
font-size: 14px;
z-index: 1;
opacity: 0;
-webkit-transition: left 1s;
-moz-transition: left 1s;
}
.block-product-2 .col-inner:hover .rt-description {
opacity: 1;
left: 0;
}
.block-product-2 .col-inner .rt-description a {
color: #fff;
}
.block-product-col .rt-description a.view_product {
margin-top: 0;
color: #000;
}
.block-product-2 .rt-description a.wc-forward {
margin-top: 0;
margin-right: 0;
}
.block-product-2 .box-image{
height: 245px;
width: 100%;
}
.block-product-2 .box-image img{
width: 100%;
height: 245px;
object-fit: cover;
}
.block-product-2 .box-text{
padding:10px 20px 20px 20px !important;
overflow: hidden;
text-align: center;
}
.block-product-2 .box-text .product-title a{
font-size: 14px;
color: #333333;
line-height: 25px;
display: block;
height: 25px;
overflow: hidden;
margin-bottom: 5px;
}
.block-product-2 .box-text > a{
border-radius: 4px;
font-size: 12px;
}
.star-rating{
font-size: 11px !important;
margin-top: 3px !important;
margin-bottom: 6px !important;
}
.block-product-2 .box-text span.amount{
font-size: 16px;
}
.block-product-2-edit .block-product-2 > div{
width: 50%;
}
.block-product-2-edit .block-product-2 .col-4:nth-child(2n+1){
clear: both;
}
.block-product-2-edit .slider-wrapper{
margin-top: 23px;
}
.block-product-2-edit .slider-wrapper .text-inner h2{
font-size: 60px;
margin-bottom: 30px;
}
.block-product-2-edit .slider-wrapper .text-inner p{
font-size: 15px;
line-height: 24px;
}
/***************** block product 3 ********************************/
.block-product-3{
padding-bottom: 40px;
overflow: hidden;
}
.block-product-3 .col-inner {
border: 1px solid #ebebeb;
background: #fff;
overflow: hidden;
}
.block-product-3 .col-inner .box-text {
padding-bottom: .4em;
}
.block-product-3 .price-wrapper {
padding: 0;
display: block;
}
.block-product-3 .price-wrapper .star-rating{
width: 100%;
}
.block-product-3 .price-wrapper .price, .block-product-3 .price-wrapper .rt_view_product {
width: 100%;
margin: 0 auto;
}
.block-product-3 .price-wrapper .price, .block-product-3 .price-wrapper .rt_view_product .view_product {
margin-top: 0;
margin-right: 0;
}
.block-product-3 .price-wrapper .price del, .block-product-3 .price-wrapper .price ins {
display: block;
width: 100%;
margin: 2px 0;
}
.block-product-3 .title-wrapper {
text-align: left;
}
.block-product-3 .title-wrapper p a{
font-size: 18px;
display: block;
line-height: 25px;
height: 25px;
overflow: hidden;
color: #2c4162;
}
.block-product-3 .col-4{
width: 50%;
}
.block-product-3 .col-4:nth-child(2n+1){
clear: both;
}
.block-product-3 .box-image{
width: 240px;
height: 200px;
float: left;
}
.block-product-3 .box-image img{
width: 100%;
height: 200px;
object-fit: cover;
}
.block-product-3 .box-text{
width: calc(100% - 240px);
float: right;
background: #fff;
text-align: left;
padding: 20px 15px;
}
.block-product-3 .box-text .rt-des p{
font-size: 14px;
line-height: 22px;
display: block;
height: 66px;
overflow: hidden;
color: #6e6e6e;
}
/*them*/
.grid-tools a{
background: #f28f06 !important;
}
input[type='submit'], input[type='submit'].button, input[type='submit'], .primary{
margin-top: 10px !important;
margin-right: 0 !important;
text-transform: initial;
font-weight: 400;
}
.block-product-col a.wc-forward{
text-transform: none !important;
}
.box_new > div{
padding-bottom: 0;
}
/*
Hoang Cuong
*/
.box__colum__commitment {
clear: both;
}
.box__colum__commitment h3 {
color: #333;
font-size: 20px;
font-weight: 400;
margin: 0;
}
.box__colum__commitment p {
font-size: 12px;
line-height: 24px;
margin: 0;
}
.box__colum__commitment .col {
padding-bottom: 0;
}
ul.ul-reset>li{
margin-left: 0 !important;
}
/*
news-widget-sidebar-widget
*/
.news-widget-sidebar-widget {
background: #f4f4f4;
padding: 20px;
}
.news-widget-sidebar-widget .news-item-sidebar {
border-bottom: 1px solid #ddd;
padding-bottom: 20px;
}
.news-widget-sidebar-widget .news-item-sidebar h4 {
margin: 10px 0 5px 0;
}
.news-widget-sidebar-widget .news-item-sidebar h4 a {
color: #073f77;
font-size: 16px;
font-weight: 500;
display: block;
line-height: 22px;
}
.news-widget-sidebar-widget .news-item-sidebar .date {
color: #9c9c9c;
font-size: 13px;
font-weight: 500;
}
.news-widget-sidebar-widget .news-item-sidebar-clear .boxx__innner {
overflow: hidden;
clear: both;
padding-top: 20px;
}
.news-widget-sidebar-widget .news-item-sidebar-clear .boxx__innner .news-thumb {
float: left;
width: 100px;
}
.news-widget-sidebar-widget .news-item-sidebar-clear .boxx__innner .news-thumb a {
display: block;
line-height: 0;
}
.news-widget-sidebar-widget .news-item-sidebar-clear .boxx__innner .news-thumb a img {
width: 100%;
height: 75px;
object-fit: cover;
}
.news-widget-sidebar-widget .news-item-sidebar-clear .boxx__innner .box__slider {
float: right;
width: calc(100% - 110px);
}
.news-widget-sidebar-widget .news-item-sidebar-clear .boxx__innner .box__slider h4 {
margin: 0 0 3px 0;
}
.news-widget-sidebar-widget .news-item-sidebar-clear .boxx__innner .box__slider h4 a {
color: #073f77;
font-size: 15px;
font-weight: 500;
display: block;
line-height: 22px;
max-height: 44px;
overflow: hidden;
}
.news-widget-sidebar-widget .news-item-sidebar-clear .boxx__innner .box__slider .date {
color: #9c9c9c;
font-size: 13px;
font-weight: 500;
}
/*
block 2
*/
.box_first_posts {
clear: both;
overflow: hidden;
}
.box_first_posts .news-item-posts {
float: left;
width: 48%;
}
.box_first_posts .news-item-posts:nth-child(2n) {
float: right;
}
.box__second_posts {
overflow: hidden;
clear: both;
}
.box__second_posts .news-item-sidebar-clear {
float: left;
width: 48%;
}
.box__second_posts .news-item-sidebar-clear:nth-child(2n) {
float: right;
}
.box__second_posts .news-item-sidebar-clear .news-thumb {
float: left;
width: 105px;
}
.box__second_posts .news-item-sidebar-clear .box__slider {
float: right;
width: calc(100% - 115px);
}
.news-style-2 .box_first_posts .boxx__innner{
position: relative;
margin-bottom: 20px;
overflow: hidden;
}
.news-style-2 .box_first_posts .boxx__innner .news-thumb img{
width: 100%;
height: 260px;
object-fit: cover;
-webkit-transition: -webkit-transform 0.5s ease;
-moz-transition: -moz-transform 0.5s ease;
transition: transform 0.5s ease;
}
.news-style-2 .box_first_posts .boxx__innner .news-thumb:hover img{
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.news-style-2 .box_first_posts .boxx__innner .box__slider{
position: absolute;
bottom: 0;
width: 100%;
padding: 10px;
}
.news-style-2 .box_first_posts .boxx__innner .box__slider h4{
margin-bottom: 0;
}
.news-style-2 .box_first_posts .boxx__innner .box__slider h4 .news-title{
font-size: 17px;
line-height: 25px;
color: #fff;
font-weight: 400;
text-shadow: 0 0 2px #000;
}
.news-style-2 .box_first_posts .boxx__innner .box__slider .date{
color: #fff;
font-size: 13px;
line-height: 29px;
text-shadow: 0 0 2px #000;
}
.news-style-2 .box_first_posts .boxx__innner .box__slider .date i{
padding-right: 5px;
color: #f3c302;
}
.news-style-2 .box__second_posts .news-item-sidebar-clear{
padding-top: 11px;
margin-top: 11px;
border-top: 1px solid #e3e3e3;
}
.news-style-2 .box__second_posts .news-item-sidebar-clear .news-thumb{
width: 105px;
height: 70px;
overflow:hidden;
}
.news-style-2 .box__second_posts .news-item-sidebar-clear:nth-child(1),.news-style-2 .box__second_posts .news-item-sidebar-clear:nth-child(2){
padding-top: 0;
margin-top: 0;
border-top: none;
}
.news-style-2 .box__second_posts .news-item-sidebar-clear .news-thumb img{
width: 100%;
height: 70px;
object-fit: cover;
-webkit-transition: -webkit-transform 0.5s ease;
-moz-transition: -moz-transform 0.5s ease;
transition: transform 0.5s ease;
}
.news-style-2 .box__second_posts .news-item-sidebar-clear .news-thumb:hover img{
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.news-style-2 .box__second_posts .news-item-sidebar-clear .box__slider h4{
margin-bottom: 5px;
}
.news-style-2 .box__second_posts .news-item-sidebar-clear .box__slider h4 .news-title{
font-size: 15px;
line-height: 22px;
color: #333333;
font-weight: 600;
display: block;
max-height: 44px;
overflow:hidden;
}
.news-style-2 .box__second_posts .news-item-sidebar-clear .box__slider .date{
font-size: 13px;
color: #3a5c45;
}
.news-style-2 .box__second_posts .news-item-sidebar-clear .box__slider .date i{
color: #3a5c45;
}
/*
block 3
*/
.news-style-3{
margin: 0 -15px;
}
.news-style-3 .news-item-bottom{
width: 33.33%;
float: left;
clear: none;
padding: 0 15px;
}
.news-style-3 .news-item-bottom .boxx__innner{
background: #f7f7f7;
}
.news-style-3 .news-item-bottom .boxx__innner .news-thumb{
width: 100%;
position: relative;
overflow:hidden;
height: 260px;
}
.news-style-3 .news-item-bottom .boxx__innner .news-thumb .time{
position: absolute;
top: 0;
left: 0;
background: #fff;
border:2px solid #657f93;
padding:8px 14px;
text-align: center;
}
.news-style-3 .news-item-bottom .boxx__innner .news-thumb .time p:nth-child(1){
margin-bottom: 0;
font-size: 20px;
color: #838383;
line-height: 22px;
}
.news-style-3 .news-item-bottom .boxx__innner .news-thumb .time p:nth-child(2){
margin-bottom: 0;
font-size: 11px;
color: #838383;
}
.news-style-3 .news-item-bottom .boxx__innner .news-thumb img{
width: 100%;
height: 260px;
object-fit: cover;
-webkit-transition: -webkit-transform 0.5s ease;
-moz-transition: -moz-transform 0.5s ease;
transition: transform 0.5s ease;
}
.news-style-3 .news-item-bottom .boxx__innner .news-thumb:hover img{
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.news-style-3 .news-item-bottom .boxx__innner .box__slider{
height: 260px;
overflow-y: hidden;
padding: 25px;
}
.news-style-3 .news-item-bottom .boxx__innner .box__slider h4{
margin-bottom: 5px;
}
.news-style-3 .news-item-bottom .boxx__innner .box__slider h4 .news-title{
font-size: 15px;
text-transform: uppercase;
font-weight: 400;
color: #3c3c3c;
line-height: 24px;
display: block;
max-height: 48px;
overflow:hidden;
}
.news-style-3 .news-item-bottom .boxx__innner .box__slider .box__description p{
margin-bottom: 5px;
font-size: 14px;
line-height: 22px;
color: #838383;
text-align: justify;
max-height: 110px;
overflow: hidden;
}
.news-style-3 .news-item-bottom .boxx__innner .box__slider .views_all{
font-size: 14px;
text-decoration: underline;
color: #657f93;
}
/*
block 4
*/
.news-block-widget-style-4 .news-thumb img{
-webkit-transition: -webkit-transform 0.5s ease;
-moz-transition: -moz-transform 0.5s ease;
transition: transform 0.5s ease;
}
.news-block-widget-style-4 .news-thumb:hover img{
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.news-block-widget-style-4{
overflow:hidden;
}
.news-block-widget-style-4 .box__colum__left{
width: 49%;
float: left;
}
.news-block-widget-style-4 .box__colum__left .boxx__innner{
position: relative;
overflow-y: hidden;
}
.news-block-widget-style-4 .box__colum__left .news-thumb{
width: 100%;
height: 430px;
}
.news-block-widget-style-4 .box__colum__left .news-thumb img{
width: 100%;
height: 430px;
object-fit: cover;
}
.news-block-widget-style-4 .box__colum__left .box__slider{
position: absolute;
bottom: 0;
width: 100%;
display: block;
background: rgba(0, 0, 0, 0.57);
padding: 15px 20px;
}
.news-block-widget-style-4 .box__colum__left .box__slider h4{
margin-bottom: 0;
}
.news-block-widget-style-4 .box__colum__left .box__slider h4 a{
color: #fff;
font-size: 18px;
line-height: 22px;
font-weight: 400;
}
.news-block-widget-style-4 .box__colum__right{
width: 49%;
float: right;
}
.news-block-widget-style-4 .box__colum__right .news-item-clear{
margin-bottom: 17px;
overflow-y: hidden;
}
.news-block-widget-style-4 .box__colum__right .news-item-clear .boxx__innner .news-thumb{
width: 130px;
height: 95px;
float: left;
overflow: hidden;
}
.news-block-widget-style-4 .box__colum__right .news-item-clear .boxx__innner .news-thumb img{
width: 100%;
height: 95px;
object-fit: cover;
}
.news-block-widget-style-4 .box__colum__right .news-item-clear .boxx__innner .box__slider{
width: calc(100% - 145px);
float: right;
}
.news-block-widget-style-4 .box__colum__right .news-item-clear .boxx__innner .box__slider h4{
margin-bottom: 0px;
}
.news-block-widget-style-4 .box__colum__right .news-item-clear .boxx__innner .box__slider h4 .news-title{
font-size: 17px;
color: #333333;
font-weight: 400;
line-height: 24px;
display: block;
height: 24px;
overflow:hidden;
}
.news-block-widget-style-4 .box__colum__right .news-item-clear .boxx__innner .box__slider .box__description p{
margin-bottom: 0;
font-size: 14px;
line-height: 22px;
color: #8f8f8f;
display: block;
max-height: 44px;
overflow:hidden;
}
.news-block-widget-style-4 .box__colum__right .news-item-clear .boxx__innner .box__slider .views__all a{
font-size: 14px;
color: #37a7a9;
font-weight: 400;
text-decoration: underline;
}
/*
block 5
*/
.news-widget-style-5{
overflow:hidden;
}
.news-widget-style-5 .news-item-clear{
width: 32%;
float: left;
margin-right: 2%;
margin-top: 15px;
padding-top: 15px;
border-top: 1px solid #e9e8e8;
}
.news-widget-style-5 .news-item-clear:nth-child(1),.news-widget-style-5 .news-item-clear:nth-child(2),.news-widget-style-5 .news-item-clear:nth-child(3){
border-top: 0;
padding-top: 0;
margin-top: 0;
}
.news-widget-style-5 .news-item-clear:nth-child(3n){
float: right;
margin-right: 0;
}
.news-widget-style-5 .news-item-clear .boxx__innner .news-thumb{
width: 120px;
height: 80px;
float: left;
overflow-y: hidden;
}
.news-widget-style-5 .news-item-clear .boxx__innner .news-thumb img{
width: 100%;
height: 80px;
object-fit: cover;
-webkit-transition: -webkit-transform 0.5s ease;
-moz-transition: -moz-transform 0.5s ease;
transition: transform 0.5s ease;
}
.news-widget-style-5 .news-item-clear .boxx__innner .news-thumb:hover img{
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.news-widget-style-5 .news-item-clear .boxx__innner .box__slider{
width: calc(100% - 135px);
float: right;
}
.news-widget-style-5 .news-item-clear .boxx__innner .box__slider h4{
margin-bottom: 5px;
margin-top: 5px;
}
.news-widget-style-5 .news-item-clear .boxx__innner .box__slider h4 .news-title{
font-size: 17px;
color: #333333;
line-height: 22px;
display: block;
height: 22px;
overflow:hidden;
font-weight: 700;
}
.news-widget-style-5 .news-item-clear .boxx__innner .box__slider .box__description p{
margin-bottom: 0;
font-size: 13px;
line-height: 22px;
display: block;
height: 44px;
overflow: hidden;
}
/*
block 6
*/
.news-thumb{
position: relative;
}
.news-block-widget-style-6{
overflow:hidden;
}
.news-block-widget-style-6 .box__colum__left{
width: 32%;
float: left;
}
.news-block-widget-style-6 .box__colum__left .boxx__innner{
background: #f7f7f7;
}
.news-block-widget-style-6 .box__colum__left .boxx__innner .news-thumb{
width: 100%;
height: 255px;
overflow:hidden;
position: relative;
}
.news-block-widget-style-6 .box__colum__left .boxx__innner .news-thumb img{
width: 100%;
height: 255px;
object-fit: cover;
-webkit-transition: -webkit-transform 0.5s ease;
-moz-transition: -moz-transform 0.5s ease;
transition: transform 0.5s ease;
}
.news-block-widget-style-6 .box__colum__left .boxx__innner .news-thumb:hover img{
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.news-block-widget-style-6 .boxx__innner .news-thumb .date{
position: absolute;
top: 0;
left: 0;
background:rgba(0, 0, 0, 0.36);
color: #fff;
text-align: center;
padding: 10px 5px 0px 5px;
}
.news-block-widget-style-6 .boxx__innner .news-thumb .date p:nth-child(1){
font-size: 10px;
text-transform: uppercase;
}
.news-block-widget-style-6 .boxx__innner .news-thumb .date p:nth-child(2){
font-size: 15px;
border-bottom: 3px solid #fff;
padding-bottom: 5px;
}
.news-block-widget-style-6 .boxx__innner .news-thumb .date p:nth-child(3){
font-size: 32px;
font-weight: 700;
margin-bottom: 0;
}
.news-block-widget-style-6 .boxx__innner .news-thumb .date p{
margin-bottom: 0;
}
.news-block-widget-style-6 .box__colum__left .boxx__innner .news-text{
background: #37a7a9;
}
.news-block-widget-style-6 .box__colum__left .boxx__innner .news-text a{
color: #fff;
display: block;
text-align: center;
font-size: 15px;
line-height:30px;
}
.news-block-widget-style-6 .box__colum__left .boxx__innner .box__slider{
padding: 25px 20px;
min-height: 255px;
}
.news-block-widget-style-6 .box__colum__left .boxx__innner .box__slider h4{
margin-bottom: 10px;
}
.news-block-widget-style-6 .box__colum__left .boxx__innner .box__slider h4 a{
font-size: 18px;
line-height: 22px;
display: block;
max-height: 44px;
overflow:hidden;
color: #3c3c3c;
}
.news-block-widget-style-6 .box__colum__left .boxx__innner .box__slider .box__description p{
font-size: 14px;
line-height: 22px;
display: block;
color: #838383;
height: 110px;
overflow-y: hidden;
margin-bottom: 5px;
}
.news-block-widget-style-6 .box__colum__left .boxx__innner .box__slider .views_all{
font-size: 14px;
text-decoration: underline;
color: #37a7a9;
}
.news-block-widget-style-6 .box__colum__right{
width: 66%;
float: right;
}
.news-block-widget-style-6 .box__colum__right .boxx__innner{
background: #f7f7f7;
margin-bottom: 30px;
overflow-y: hidden;
}
.news-block-widget-style-6 .box__colum__right .boxx__innner .news-thumb{
width: 325px;
height: 255px;
float: left;
overflow-y: hidden;
position: relative;
}
.news-block-widget-style-6 .box__colum__right .boxx__innner .news-thumb img{
width: 100%;
height: 255px;
object-fit: cover;
-webkit-transition: -webkit-transform 0.5s ease;
-moz-transition: -moz-transform 0.5s ease;
transition: transform 0.5s ease;
}
.news-block-widget-style-6 .box__colum__right .boxx__innner .news-thumb:hover img{
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.news-block-widget-style-6 .box__colum__right .boxx__innner .box__slider{
width: calc(100% - 325px);
float: right;
padding: 20px;
}
.news-block-widget-style-6 .box__colum__right .boxx__innner .box__slider > p{
margin-bottom: 5px;
}
.news-block-widget-style-6 .box__colum__right .boxx__innner .box__slider > p > span{
font-size: 14px;
color: #919191;
}
.news-block-widget-style-6 .box__colum__right .boxx__innner .box__slider > p > span a{
color: #37a7a9;
border-right: 1px solid #919191;
padding-right: 5px;
}
.news-block-widget-style-6 .box__colum__right .boxx__innner .box__slider h4{
margin-bottom: 5px;
}
.news-block-widget-style-6 .box__colum__right .boxx__innner .box__slider h4 a{
font-size: 18px;
line-height: 22px;
display: block;
max-height: 44px;
overflow:hidden;
color: #3c3c3c;
}
.news-block-widget-style-6 .box__colum__right .boxx__innner .box__description p{
font-size: 14px;
margin-bottom: 0;
color: #838383;
line-height: 25px;
display: block;
max-height: 75px;
overflow-y: hidden;
}
.news-block-widget-style-6 .box__colum__right .boxx__innner .views_all{
font-size: 13px;
line-height: 25px;
color: #37a7a9;
text-decoration: underline;
}
/*them*/
.header-bottom{
background: #981c1e !important;
}
.header-bottom #mega-menu-wrap {
background-color: #69256A !important;
}
.header-bottom #mega-menu-wrap .menu-item a {
font-weight: 500;
font-size: 14px;
line-height: 28px;
text-transform: uppercase;
color: #333333;
position: relative;
padding-left: 30px;
}
.header-bottom #mega-menu-wrap .menu-item a:before {
content: "";
background: url(img/dashicons_arrow-right-alt2.png) no-repeat;
width: 15px;
height: 15px;
position: absolute;
top: 13px;
left: 12px;
}
.home #header.header .sf-menu {
display: block!important;
}
.new_row_3 > .col{
padding-bottom: 0;
}
.rt_slider .flickity-viewport{
background: #fff !important;
}
.rt_slider .slider-nav-light .flickity-prev-next-button svg,.rt_slider .slider-nav-light .flickity-prev-next-button .arrow{
fill:#f39303;
}
#footer .widget-title{
color: #fff !important;
font-size: 16px !important;
font-weight: 400 !important;
}
#footer .is-divider{
background-color:#fca91e;
}
hr{
border:0.5px solid #5c3d4a !important;
opacity: 1 !important;
}
.rt_form{
position: relative;
margin-top: 10px;
}
.rt_form input{
width: 100%;
height: 35px;
border-radius: 4px;
margin-bottom: 0;
}
.rt_form .wpcf7-submit{
position: absolute;
top: 0;
right: 0;
width: 40px;
height: 35px;
padding: 0;
border-radius: 0;
margin-top: 0 !important;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
background: #5c3d4a !important;
}
.footer-2 p{
color: #fca91e;
margin-bottom: 0;
}
.footer-2 ul.menu{
float: right;
}
.footer-2 ul.menu li{
float: left;
border:none;
}
.footer-2 ul.menu li a{
color: #fca91e;
padding: 0 10px;
border-left: 1px solid #fca91e;
}
.footer-2 ul.menu li:nth-child(1) a{
border:none;
}
.footer-2 ul.menu li ul{
display: none;
}
.single-product .box-text{
background: #fff;
}
.single-product .box-text .product-title{
text-align: center;
}
.single-product .box-text .price{
text-align: center;
}
a.devvn_buy_now_style{
background: #fe9960 !important;
}
.quantity+.button,.devvn-popup-title,.popup-customer-info-group .devvn-order-btn{
background: #667b87 !important;
}
.single-product h1.entry-title{
color: #1B1919;
font-size: 38px;
font-weight: 400;
line-height: 53px;
}
.single-product .rt_msp{
margin-bottom: 5px;
font-size: 14px;
color: #404040;
}
.single-product .rt_msp span{
font-weight: 700;
color: #1b1919;
font-size: 15px;
}
.single-product .price2{
margin-bottom: 5px;
}
.single-product .salep{
font-size: 14px;
color: #ef0c0c;
}
.single-product ins{
font-size: 16px;
color: #ee0d0d;
font-weight: 400 !important;
}
.price2 ins{
padding-right: 30px;
}
.single-product ins span{
font-weight: 700 !important;
}
.single-product del{
font-size: 14px;
color: #999999;
font-weight: 400 !important;
}
.single-product del span{
font-weight: 700 !important;
}
.single-product .cart{
clear: both;
margin-bottom: 5px;
}
.single-product .widget_custom_html{
margin-bottom: 10px;
}
#main{
background: #fff;
}
.product-summary .percent{
display: contents !important;
}
.product-summary .woocommerce-Price-currencySymbol{
font-size: 28px;
color: #981C1E;
font-weight: 400;
}
.price2 > span{
font-size: 16px;
color: #ee0d0d;
font-weight: 700;
}
.section-title-container{
margin-bottom: 0;
}
/* social */
.news-categories{
background-color: #212121;
}
.news-categories .page-categories > .col{
padding: 0;
}
.news-categories .tt-cate ul{
display: flex;
list-style: none;
margin-bottom: 0;
justify-content: center;
}
.news-categories .tt-cate ul li{
margin-bottom: 0;
height: 50px;
line-height: 50px;
padding-left: 10px;
padding-right: 10px;
}
.news-categories .tt-cate ul li a{
color: #FFFFFF;
fill: #FFFFFF;
padding-top: 0px;
padding-bottom: 0px;
position: relative;
text-transform: uppercase;
}
.news-categories .tt-cate ul li.active a::before{
right: 0;
bottom: -1px;
width: 100%;
content: " ";
position: absolute;
height: 1px;
background-color: #fff;
transition: width .25s ease;
}
.rt-social {
margin: 0px 0px 25px 0px;
-webkit-font-smoothing: antialiased;
font-size: 12px;
clear: both;
}
.rt-link {
padding: 2px 8px 4px 8px !important;
color: white;
font-size: 12px;
border-radius: 2px;
margin-right: 2px;
cursor: pointer;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
box-shadow: inset 0 -3px 0 rgba(0,0,0,.2);
-moz-box-shadow: inset 0 -3px 0 rgba(0,0,0,.2);
-webkit-box-shadow: inset 0 -3px 0 rgba(0,0,0,.2);
margin-top: 2px;
display: inline-block;
text-decoration: none;
}
.rt-link:hover,.rt-link:active {
color: white;
}
.rt-twitter {
background: #00aced;
}
.rt-twitter:hover,.rt-twitter:active {
background: #0084b4;
}
.rt-facebook {
background: #3B5997;
}
.rt-facebook:hover,.rt-facebook:active {
background: #2d4372;
}
.rt-googleplus {
background: #D64937;
}
.rt-googleplus:hover,.rt-googleplus:active {
background: #b53525;
}
.rt-pinterest {
background: #bd081c;
}
.rt-pinterest:hover,.rt-pinterest:active {
background: #bd081c;
}
.post-social-wrap ul li {
float: left;
margin-right: 10px;
}
.post-social-wrap ul li.print {
background: #bd081c;
padding: 0 5px;
border-radius: 5px;
}
.post-social-wrap ul li.print a {
color: #fff;
}
/* shortcode social */
.social-bar a {
display: inline-block;
width: 30px;
height: 30px;
text-align: center;
line-height: 30px;
margin-right: 10px;
border-radius: 50%;
background: #314b7e;
color: #fff;
}
.social-bar a.facebook {
background: #314b7e;
}
.social-bar a.twitter {
background: #339dc4;
}
.social-bar a.skype {
background: #214bc1;
}
.social-bar a.youtube {
background: #e52c27;
}
.social-bar a.prin {
background: #b31217;
}
.row_img_new > .col{
padding-top: 15px;
padding-bottom: 15px;
}
.header-nav > li .nav-dropdown{
width: 100%;
display: none;
transform: translateY(20px);
transition: all 0.8s ease 0s;
height: fit-content;
}
.header-nav > li:hover .nav-dropdown{
display: block;
transform: translateY(0px);
}
.header-nav > li .nav-dropdown > li{
display: block;
width: 100%;
position: relative;
}
.header-nav > li .nav-dropdown li{
white-space: unset !important;
}
.header-nav > li .nav-dropdown > li a{
color: #222;
font-size: 15px;
font-weight: 400;
border-bottom: none;
margin: 0 !important;
padding-left: 10px;
padding: 10px;
}
.header-nav > li .nav-dropdown > li a:hover{
color: #981c1e;
}
.header-nav > li .nav-dropdown > li a:hover{
text-decoration: none;
}
.nav-dropdown-has-arrow li.has-dropdown:after,
.nav-dropdown-has-arrow.nav-dropdown-has-border li.has-dropdown:before{
display: none;
}
.header-nav > li .nav-dropdown li ul{
position: absolute !important;
top: 0;
left: 100% !important;
width: 100%;
border:0;
opacity: 0;
}
.header-nav > li .nav-dropdown li:hover > ul{
opacity: 1;
z-index: 9999;
}
.header-nav > li .nav-dropdown li ul li{
margin-top: 0 !important;
position: relative;
}
.nav-dropdown-default {
padding: 0;
top: 70px;
border: 0 !important;
left: 0 !important;
}
.header-bottom .header-nav > li{
margin: 0 !important;
}
.header-bottom .header-nav > li:before{
display: none;
}
.header-bottom .header-nav > li:after{
top: 27px;
}
.header-bottom .header-nav > li > a{
display: block;
line-height: 42px;
font-size: 15px !important;
padding: 0 27px !important;
font-weight: 500 !important;
}
.header-bottom .header-nav > li > a > i{
display: none;
}
.header-bottom .header-nav > li > a > img{
position: relative;
top: -2px;
}
#masthead .cart-item{
margin-right: 0px;
}
.home #masthead .cart-item a{
color: #fff;
}
#masthead .cart-item a{
margin-top: 0 !important;
margin-left: 20px;
background: transparent;
font-size: 14px;
color: #222;
min-height: 24px;
line-height: 20px;
height: 20px;
box-shadow: unset !important;
border: none;
}
.cart-item .header-button .header-cart-title{
display: inline-block;
margin-top: -6px
}
#masthead .cart-item a i{
float: left;
margin: 0;
position: relative;
top: 0px;
margin-left: 0;
}
.chan_trang_1 {
padding-bottom: 20px !important;
}
.chan_trang_1 .widgettitle{
color: #FFFFFFE6;
font-size: 18px;
font-weight: 500;
line-height: 22px;
letter-spacing: 1.5px;
margin: 0px 0px 18px 0px;
padding: 0px 0px 6px 0px;
border-style: solid;
border-width: 0px 0px 1px 0px;
border-color: #EBEBEB;
}
.chan_trang_1 .custom-html-widget form{
margin-bottom: 0;
}
.chan_trang_1 .custom-html-widget form label{
font-size: 14px;
font-weight: 400;
line-height: 22px;
color: #FFFFFF;
}
.chan_trang_1 .custom-html-widget form label input{
background-color: #00000000;
border-color: #FFFFFF66;
border-radius: 0px 0px 0px 0px;
margin-bottom: 0;
margin-top: 5px;
height: 40px;
line-height: 40px;
}
.chan_trang_1 .custom-html-widget form label input[type=checkbox]{
height: unset;
line-height: 1;
margin-top: 0;
}
.chan_trang_1 .custom-html-widget form label textarea{
background-color: #00000000;
border-color: #FFFFFF66;
border-radius: 0px 0px 0px 0px;
margin-bottom: 0;
margin-top: 5px;
min-height: 70px;
}
.chan_trang_1 .custom-html-widget form label input:active{
box-shadow: none;
}
.chan_trang_1 .custom-html-widget form input[type='submit']{
font-size: 14px;
font-weight: 400;
text-transform: uppercase;
line-height: 18px;
border-style: solid;
border-width: 1px 1px 1px 1px;
border-radius: 0px 0px 0px 0px;
padding: 10px 20px 10px 20px;
background-color: #ECECEC;
color: #3E3E3E;
border-color: #ECECEC;
margin-bottom: 0;
margin-top: 20px !important;
}
.wpcf7-spinner{
display: none;
}
.chan_trang_1 .row .large-3{
padding-bottom: 0 !important;
}
.chan_trang_1 p svg{
width: 18px;
margin-right: 8px;
}
.chan_trang_1 p{
padding-bottom: 0px;
color: #FFFFFFE6;
font-size: 16px;
font-weight: 400;
line-height: 28px;
margin-bottom: 20px;
}
.chan_trang_1 .div2 p{
color: #FFFFFF99;
}
.chan_trang_1 .div3 p{
font-size: 15px;
color: #FFFFFF99;
margin-bottom: 30px;
}
.chan_trang_1 .div4 .sidebar-wrapper > li{
margin-bottom: 30px;
}
.chan_trang_1 .div4 p{
color: #FFFFFF99;
font-size: 16px;
font-weight: 400;
line-height: 22px;
margin-bottom: 10px;
}
.chan_trang_1 .div4 span{
color: #FFFFFF99;
font-size: 16px;
font-weight: 400;
line-height: 22px;
}
.chan_trang_1 ul li{
margin-left: 0;
margin-bottom: 0;
}
.chan_trang_1 ul li a{
font-size: 16px;
font-weight: 400;
line-height: 14px;
color: #FFFFFF99;
padding-left: 0px;
}
.chan_trang_1 p i{
width: 20px;
text-align: center;
}
.chan_trang_1 h3{
font-size: 14px;
line-height: 22px;
color: #ffffff;
margin-bottom: 10px;
}
.chan_trang_1 .menu > li{
border: none !important;
margin-bottom: 15px;
}
.chan_trang_1 .menu > li > a{
display: block;
padding: 0;
color: #FFFFFF99;
padding-left: 0px;
font-size: 16px;
font-weight: 400;
line-height: 14px;
}
.chan_trang_1 .gap-element{
background: #3b393a;
margin-top: 25px;
margin-bottom: 10px;
}
.chan_trang_1 .div4 img{
margin-bottom: 20px;
}
.chan_trang_1 .div4 .social-icons{
display: block;
}
.chan_trang_1 .div4 .social-icons span{
color: #FFFFFFE6;
font-size: 16px;
font-weight: 500;
line-height: 22px;
letter-spacing: 1.5px;
display: block;
width: 100%;
margin: 0px 0px 18px 0px;
padding: 0px 0px 6px 0px;
border-style: solid;
border-width: 0px 0px 1px 0px;
border-color: #EBEBEB;
font-family: "SVN-Futura-Regular" !important;
}
.chan_trang_1 .div4 .social-icons a{
color: #FFFFFF99;
font-size: 18px;
margin-right: 15px;
}
.custom-html-widget form .wpcf7-checkbox .wpcf7-list-item-label{
color: rgba(255, 255, 255, 0.6);
font-size: 16px;
font-weight: 400;
line-height: 18px;
}
.chan_trang_2{
background: #231f20 !important;
padding: 0px 0 30px 0 !important;
}
.chan_trang_2 p{
font-size: 14px;
line-height: 22px;
color: #fff;
margin-top: 5px;
margin-bottom: 0;
}
.chan_trang_2 .tabbed-content .tab{
margin: 0 3px 20px 3px;
}
.chan_trang_2 .tabbed-content .tab a{
border: 1px solid #981c1e;
color: #981c1e;
font-size: 14px;
}
.chan_trang_2 .tabbed-content .active a{
color: #fff;
}
.chan_trang_2 h4{
font-size: 15px;
line-height: 24px;
color: #fff;
text-transform: uppercase;
background: url(img/map.png) 0px 4px no-repeat;
padding-left: 18px;
}
.chan_trang_2 .row .large-3{
border-right: 1px solid #3c3a3a;
padding-bottom: 0 !important;
padding-left: 35px;
}
.chan_trang_2 .row .large-3:last-child{
border-right: none;
}
.chan_trang_2 .row .large-3:nth-child(1){
padding-left: 15px;
}
.chan_trang_2 p{
font-size: 14px;
line-height: 24px;
color: #fff;
}
.copyright .row{
border-top: 1px solid rgba(255, 255, 255, 0.2);
padding-top: 18px;
}
.copyright p{
margin-bottom: 0;
font-weight: 500;
font-size: 16px;
line-height: 23px;
display: flex;
align-items: center;
color: #FFFFFF;
}
.copyright .col{
padding-bottom: 0 !important;
}
.copyright img{
width: auto !important;
}
.dat_lich_kham{
border: 1px solid #e5e6e5;
border-radius: 6px;
background: #fff;
padding:18px 20px;
overflow: hidden;
}
.dat_lich_kham .left{
width: 220px;
float: left;
}
.dat_lich_kham .left input{
width: 100%;
line-height: 40px;
min-height: 40px;
height: 40px;
border: 1px solid #d1d7dc;
border-radius: 4px;
margin-bottom: 17px;
}
.dat_lich_kham .right{
width: calc(100% - 250px);
float: right;
}
.dat_lich_kham .right textarea{
min-height: 97px;
height: 97px;
border: 1px solid #d1d7dc;
border-radius: 4px;
max-height: 97px;
margin-bottom: 17px;
}
.dat_lich_kham .right .right11{
width: 47%;
float: left;
}
.dat_lich_kham .right .right11 input{
width: 100%;
line-height: 40px;
min-height: 40px;
height: 40px;
border: 1px solid #d1d7dc;
border-radius: 4px;
margin-bottom: 17px;
}
.dat_lich_kham .right .right22{
width: 47%;
float: right;
}
.dat_lich_kham .right .right22 .wpcf7-submit{
display: block;
margin: 0 !important;
width: 100%;
line-height: 40px;
min-height: 40px;
height: 40px;
border-radius: 4px;
background: url(img/rr.png) right #981c1e no-repeat !important;
border: none !important;
text-align: left !important;
font-size: 15px;
text-transform: uppercase;
font-weight: bold;
padding-left: 25px !important;
}
.dat_lich_kham p{
font-size: 15px;
font-style: italic;
font-weight: bold;
color: #e70000;
}
.section-title{
border: none !important;
display: block;
width: 100%;
text-align: center;
margin-bottom: 10px;
position: relative;
}
.section-title span{
display: inline-block;
margin: 0 !important;
padding: 0 20px;
border: none !important;
position: relative;
text-transform: uppercase;
color: #444444;
font-weight: 600;
font-size: 32px;
line-height: 42px;
}
.section-title span:before{
content: "";
position: absolute;
width: 50px;
height: 2px;
background: #54CBF5;
left: -50px;
bottom: 20px;
z-index: 9;
}
.section-title span:after{
content: "";
position: absolute;
width: 50px;
height: 2px;
background: #54CBF5;
right: -50px;
bottom: 20px;
z-index: 9;
}
.slogan{
display: block;
text-align: center;
font-size: 14px;
line-height: 23px;
color: #333333;
padding: 0 10%;
}
.news-style-31{
margin: 25px -15px;
}
.news-style-31 .news-item-bottom{
width: 25%;
float: left;
padding: 0 15px;
filter: drop-shadow(0px 0px 10px rgba(213, 213, 213, 0.5));
}
.news-style-31 .news-item-bottom .boxx__innner{
background: #ffffff;
}
.news-style-31 .news-item-bottom .boxx__innner .news-thumb{
width: 100%;
height: 260px;
}
.news-style-31 .news-item-bottom .boxx__innner .news-thumb img{
width: 100%;
height: 260px;
object-fit: cover;
}
.news-style-31 .news-item-bottom .boxx__innner .box__slider{
padding: 12px 15px;
}
.news-style-31 .news-item-bottom .boxx__innner .box__slider .news-title{
display: block;
font-size: 16px;
line-height: 24px;
font-weight: 500;
color: #444;
text-align: left;
}
.news-style-31 .news-item-bottom .boxx__innner .box__slider .news-title:hover{
color: #981c1e;
}
.news-style-31 .news-item-bottom .boxx__innner .box__slider .date{
font-size: 14px;
line-height: 26px;
margin-bottom: 0;
color: #787878;
}
.news-style-31 .news-item-bottom .boxx__innner .box__slider .box__description p {
margin-bottom: 0;
font-size: 15px;
line-height: 25px;
display: block;
height: 75px;
overflow: hidden;
color: #6b6b6b;
}
.cat_name a,
.cat_name{
text-align: left;
font-weight: 400;
font-size: 15px;
line-height: 23px;
color: #666666;
position: relative;
padding-left: 30px;
}
.cat_name::before{
content: "";
position: absolute;
left: 0;
top: 9px;
width: 24px;
height: 2px;
background-color: #DDDDDD;
margin-right: 6px;
}
.news-style-31 .slick-list{
padding: 10px 0 !important;
}
.news-style-31 .slick-prev{
position: absolute;
top: 40%;
left: -5px;
z-index: 9;
cursor: pointer;
color: #00592d;
}
.news-style-31 .slick-next{
position: absolute;
top: 40%;
right: -5px;
z-index: 9;
cursor: pointer;
color: #00592d;
}
.news-style-31 .slick-dots{
list-style: none;
display: flex;
margin-bottom: 0;
justify-content: center;
}
.news-style-31 .slick-dots li{
margin: 0;
}
.news-style-31 .slick-dots li button{
margin: 0 3px;
opacity: 0.4;
border: 1.5px solid #666666;
border-radius: 6px;
width: 10px;
height: 10px;
padding: 0;
min-height: 8px;
font-size: 0;
}
.news-style-31 .slick-dots li.slick-active button{
background: #981c1e;
border-color: #981c1e;
opacity: 1;
}
.news-style-22 .news-item-bottom{
width: 25%;
float: left;
padding: 0 20px;
margin-bottom: 40px;
}
.news-style-22 .news-item-bottom .news-thumb{
position: relative;
width: 100%;
height: 245px;
border-radius: 50%;
overflow: hidden;
}
.news-style-22 .news-item-bottom .news-thumb img{
width: 100%;
height: 245px;
object-fit: cover;
border-radius: 50%;
}
.news-style-22 .slick-prev{
position: absolute;
top: 40%;
left: -5px;
z-index: 9;
cursor: pointer;
color: #00592d;
}
.news-style-22 .slick-next{
position: absolute;
top: 40%;
right: -5px;
z-index: 9;
cursor: pointer;
color: #00592d;
}
.news-style-22 .news-item-bottom .box__slider{
position: absolute;
bottom: 48px;
left: 0;
width: 100%;
z-index: 9;
text-align: center;
background: rgb(0 0 0 / 47%);
padding: 5px 0;
}
.news-style-22 .news-item-bottom .box__slider h4{
margin-bottom: 0;
position: relative;
}
.news-style-22 .news-item-bottom .box__slider h4:before{
background: url(img/son.png) no-repeat;
width: 37px;
height: 37px;
position: absolute;
top: -25px;
left: 15px;
z-index: 9;
content: "";
}
.news-style-22 .news-item-bottom .box__slider h4 a{
font-size: 16px;
line-height: 26px;
color: #fff;
text-transform: uppercase;
}
.news-style-41{
margin: 0 -15px;
}
.news-style-41 .news-item-bottom{
width: 25%;
float: left;
padding: 0 15px;
margin-top: 30px;
}
.news-style-41 .news-item-bottom .boxx__innner{
background: #fff;
border-radius: 6px;
padding: 25px;
}
.news-style-41 .news-item-bottom .boxx__innner .news-thumb{
width: 100%;
height: 212px;
border-radius: 50%;
overflow: hidden;
position: relative;
top: -60px;
margin-bottom: -45px;
}
.news-style-41 .news-item-bottom .boxx__innner .news-thumb img{
width: 100%;
height: 212px;
object-fit: cover;
}
.news-style-41 .news-item-bottom .boxx__innner .box__slider{
text-align: center;
}
.news-style-41 .news-item-bottom .boxx__innner .box__slider h4{
margin-bottom: 0px;
}
.news-style-41 .news-item-bottom .boxx__innner .box__slider h4 .news-title{
display: block;
text-align: center;
font-size: 14px;
line-height: 25px;
font-weight: bold;
color: #444444;
height: 25px;
overflow: hidden;
}
.news-style-41 .news-item-bottom .boxx__innner .box__slider .box__description p{
margin-bottom: 0;
display: block;
font-size: 14px;
line-height: 25px;
height: 75px;
overflow: hidden;
color: #6d6d6d;
}
.news-style-41 .news-item-bottom .boxx__innner .box__slider .view{
display: inline-block;
line-height: 38px;
border: 1px solid #e2e2e2;
padding: 0 19px;
font-size: 15px;
color: #981c1e;
margin-top: 15px;
font-weight: bold;
}
.news-style-41 .news-item-bottom .boxx__innner:hover .news-title{
color: #981c1e !important;
}
.news-style-41 .news-item-bottom .boxx__innner:hover .view{
background: #981c1e !important;
color: #fff;
}
.box-image .yith-wcwl-add-to-wishlist{
display: none;
}
.product-small .box .box-image .bottom{
display: none;
}
.product-small .box .box-image{
width: 100%;
}
.product-small .box .box-image .grid-tools{
display: none;
}
.product-small .box .box-image img{
width: 100%;
object-fit: cover;
}
.product-small .box .box-image .percent{
position: absolute;
top: 10px;
left: 10px;
width: 50px;
height: 25px;
background: #F0543E;
border-radius: 5px;
color: #fff;
font-size: 11px;
font-weight: 400;
text-align: center;
line-height: 28px;
}
.product-small .box .box-image .percent:before{
content: "-";
}
/*.product-small .box .box-image .cart-icon strong,.product-small .box .box-image .cart-icon strong:after{
border-color: yellow !important;
color: yellow !important;
}*/
.product-small .box .box-text{
padding: 15px 15px 5px 15px !important;
text-align: left;
}
.product-small .box .box-text .product-title a{
display: block;
font-size: 18px;
line-height: 24px;
min-height: 45px;
overflow: hidden;
color: #333333;
font-weight: 500;
margin: 0 !important;
text-align: center;
font-family: "SVN-Futura-Regular" !important;
}
.product-small .box:hover .box-text .product-title a{
color: #981c1e;
}
.row-box-shadow-1 .col-inner, .row-box-shadow-1-hover .col-inner:hover, .box-shadow-1, .box-shadow-1-hover:hover{
box-shadow: unset !important;
}
.price_pro{
overflow: hidden;
margin-bottom: 8px !important;
}
.price_pro > span, .price_pro ins span{
font-size: 18px;
line-height: 25px;
font-weight: 500;
color: rgb(152,28,30);
}
.price_pro del span{
font-size: 18px;
line-height: 25px;
}
.box-text-products .price_pro{
text-align: center;
}
.dat_hang{
overflow: hidden;
}
.dat_hang a{
display: inline-block;
width: 48%;
background: #981c1e !important;
line-height: 33px !important;
min-height: 33px !important;
height: 33px !important;
padding: 0 !important;
margin: 10px 0 15px 0 !important;
border-radius: 20px;
color: #fff;
text-align: center;
border: none !important;
font-size: 14px !important;
text-transform: uppercase;
font-weight: bold;
}
.dat_hang a:hover{
background: #fff !important;
color: #981c1e;
border: 1px solid #333!important;
}
.tab_project .tab{
padding-bottom: 90px;
}
.tab_project .tab button{
display: block;
width: 20%;
float: left;
margin: 0 !important;
border: 1px solid #e2e2e2;
background: #fff;
font-size: 15px;
line-height: 18px;
text-transform: uppercase;
font-weight: bold;
color: #444444;
text-align: center;
padding: 15px;
}
.tab_project .tab button.active{
background: #981c1e;
color: #ebc387;
position: relative;
}
.tab_project .tab button.active:after{
position: absolute;
content: "";
width: 0;
height: 0;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-top: 8px solid #981c1e;
bottom: -8px;
left: 0;
right: 0;
margin: 0 auto;
}
.tab_project .tab button:nth-child(1){
border-radius: 10px 0 0 10px;
}
.tab_project .tab button:last-child{
border-radius: 0 10px 10px 0px;
}
.tab_project .box_bs{
background: #981c1e;
border-radius: 10px;
overflow: hidden;
}
.tab_project .box_bs .img{
width: 57%;
float: left;
}
.tab_project .box_bs .img img{
width: 100%;
height: 470px;
object-fit: cover;
}
.tab_project .box_bs .img .slick-prev{
position: absolute;
top: 45%;
left: 0;
z-index: 9;
width: 37px;
height: 41px;
background: #999999;
cursor: pointer;
color: #fff;
line-height: 41px;
text-align: center;
border-radius: 0 6px 6px 0;
}
.tab_project .box_bs .img .slick-next{
position: absolute;
top: 45%;
right: 0;
z-index: 9;
width: 37px;
height: 41px;
background: #999999;
cursor: pointer;
color: #fff;
line-height: 41px;
text-align: center;
border-radius: 6px 0 0 6px;
}
.tab_project .box_bs .cnt{
width: 43%;
float: right;
padding: 50px 20px 0 20px;
}
.tab_project .box_bs .cnt h3{
display: block;
font-size: 27px;
text-transform: uppercase;
font-weight: bold;
color: #fff;
position: relative;
margin-bottom: 20px;
}
.tab_project .box_bs .cnt h3:after{
position: absolute;
content: "";
width: 40px;
height: 3px;
background: #ebc387;
bottom: -5px;
left: 0;
z-index: 9;
}
.tab_project .box_bs .cnt .description p{
display: block;
color: #fff;
font-size: 14px;
line-height: 23px;
margin-bottom: 15px;
}
.tab_project .box_bs .cnt .view{
display: inline-block;
border: 1px solid #e2e2e2;
line-height: 38px;
background: #ffffff;
font-size: 15px;
font-weight: bold;
color: #981c1e;
padding: 0 19px;
margin-top: 5px;
}
.bg_product{
text-align: center;
position: relative;
padding-top: 70px;
padding-bottom: 40px;
}
.bg_product::before{
content: "";
background-color: #000000;
opacity: 0.5;
transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
.bg_product .title{
color: #FFFFFF;
font-size: 2.7em;
font-weight: 600;
}
.bg_product .term-description p{
color: #FFFFFF;
font-size: 1.1em;
font-weight: 400;
}
.woocommerce-breadcrumb{
color: white;
font-weight: 500;
font-size: 14px;
background: #981c1e;
padding: 10px 10px;
border-radius: 5px;
clip-path: polygon(0% 0%, 98% 0, 100% 50%, 98% 100%, 0% 100%);
}
.woocommerce-breadcrumb p{
margin-bottom: 0
}
.woocommerce-breadcrumb a{
color: #fff;
font-weight: 500;
}
.sidebar-inner .widget-title{
display: block;
font-weight: 500;
margin-bottom: 20px;
}
.category-page-row .cat_name{
display: none;
}
.category-page-row .box .box-text-products .title-wrapper a{
font-size: 15px;
text-transform: capitalize;
text-align: center;
color: black;
line-height: 1.4;
}
.category-page-row .product-small .box .box-text .product-title{
padding-bottom: 0;
}
.box_call {
text-align: center;
}
a.bt-product-call{
font-size: 12px;
padding: 10px 10px;
margin-bottom: 10px;
line-height: 1;
font-weight: 500;
border-radius: 5px;
margin-right: 0;
}
a.bt-product-call svg{
margin-right: 8px;
}
.box_call .card-description ul{
list-style: none;
}
.box_call .card-description ul li {
margin-left: 0;
margin-bottom: 3px;
}
.box_call .card-description ul li strong{
display: block;
}
#shop-sidebar{
padding: 23px 16px 1px 16px;
background-color: #FFFFFF;
border-radius: 6px 6px 6px 6px;
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
}
.single-project-post .related-post{
display: none;
}
.sb_block_update .sb_update{
width: 100%;
float: none;
max-width: 100%;
}
.sb_block_update .sb_left{
width: 300px;
float: left;
max-width: 300px;
float: right;
}
.widget_search form input.search-field{
border: none;
border-bottom: 1px solid #ddd;
box-shadow: none;
}
.widget_search form button.submit-button{
box-shadow: 0 2px 2px 0 rgba(32,0,102,0.14), 0 3px 1px -2px rgba(32,0,102,0.2), 0 1px 5px 0 rgba(32,0,102,0.12);
border-radius: 9px !important;
}
.sidebar-inner .widget-title{
font-size: 26px;
font-weight: 500;
text-transform: unset;
letter-spacing: 0;
}
.sidebar-inner .menu{
border: 1px solid #ececec;
}
.sidebar-inner .menu > li > a img{
display: none;
}
.sidebar-inner .menu > li > a{
display: block;
font-size: 15px;
line-height: 22px;
color: #333333;
padding: 10px 10px 10px 15px;
font-weight: 400;
}
.sidebar-inner .menu > li > a:hover{
color: #981c1e;
}
.sidebar-inner .is-divider{
display: none;
}
.sb_update h2.hd_news .title{
margin-top: 3rem;
margin-bottom: 2rem;
font-size: 2rem;
line-height: 1.3;
color: #222;
}
.tacgia {
margin-bottom: 20px;
}
.tacgia span{
color: #444;
line-height: 1.618;
opacity: .9;
font-size: 15px;
margin-right: 10px;
}
.sb_update .woocommerce-breadcrumb{
margin-bottom: 40px;
}
.sb_update .new-list .new-list-post{
overflow: hidden;
margin-bottom: 30px;
}
.sb_update .new-list-post .post-image{
width: 320px;
height: 250px;
float: left;
position: relative;
overflow: hidden;
-webkit-box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}
.sb_update .new-list-post .post-image img{
width: 100%;
height: 250px;
object-fit: cover;
-webkit-transition: -webkit-transform 0.5s ease;
-moz-transition: -moz-transform 0.5s ease;
transition: transform 0.5s ease;
}
.sb_update .new-list-post .post-image img:hover{
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.sb_update .new-list-post .post-image .date{
position: absolute;
top: 0;
left: 0;
z-index: 9;
background: rgb(0 0 0 / 50%);
color: #fff;
padding: 9px;
}
.sb_update .new-list-post .post-image .date p:nth-child(1){
font-size: 15px;
line-height: 26px;
color: #fff;
margin-bottom: 0;
}
.sb_update .new-list-post .post-image .date p:nth-child(2){
font-size: 15px;
line-height: 26px;
color: #fff;
margin-bottom: 5px;
padding-bottom: 5px;
border-bottom: 1px solid #fff;
}
.sb_update .new-list-post .post-image .date p:nth-child(3){
margin-bottom: 0;
font-size: 32px;
font-weight: bold;
color: #fff;
line-height: 35px;
}
.sb_update .new-list-post .post-content{
width: calc(100% - 320px);
float: left;
padding-left: 20px;
}
.sb_update .new-list-post .post-content .title{
display: block;
color: black;
text-transform: uppercase;
font-size: 20px;
font-weight: 500;
line-height: 26px;
}
.sb_update .new-list-post .post-content .title:hover{
color: #981c1e;
}
.sb_update .new-list-post .post-content .date{
font-size: 14px;
color: #999;
margin-bottom: 5px;
}
.sb_update .new-list-post .post-content .des{
font-size: 15px;
line-height: 23px;
display: block;
max-height: 69px;
overflow: hidden;
color: #484848;
margin-bottom: 10px;
}
.sb_update .new-list-post .post-content .des p{
margin-bottom: 0;
}
.sb_update .new-list-post .post-content .view{
color: #981c1e;
}
h2.hd_new{
margin-top: 0;
margin-bottom: 15px;
font-size: 42px;
line-height: 1.3;
color: #222;
text-decoration: none;
word-wrap: break-word;
}
.hd_new .title{
display: block;
font-size:22px;
line-height: 40px;
color: #333;
position: relative;
margin-bottom: 20px;
text-transform: uppercase;
}
.sp_ban_chay{
border: 1px solid #ececec;
padding: 15px;
}
.sp_ban_chay .sp_ban_chay_list{
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 1px solid #dedede;
overflow: hidden;
}
.sp_ban_chay .sp_ban_chay_list:last-child{
border-bottom: none;
margin-bottom: 0;
padding-bottom: 0;
}
.sp_ban_chay .sp_ban_chay_list .img{
width: 90px;
height: 86px;
float: left;
}
.sp_ban_chay .sp_ban_chay_list .img img{
width: 100%;
height: 86px;
object-fit: cover;
}
.sp_ban_chay .sp_ban_chay_list .cnt{
width: calc(100% - 105px);
float: right;
}
.sp_ban_chay .sp_ban_chay_list .cnt .product-title{
margin-bottom: 5px;
}
.sp_ban_chay .sp_ban_chay_list .cnt .product-title a{
font-size: 15px;
line-height: 20px;
display: block;
height: 40px;
overflow: hidden;
color: #333;
display: block;
font-weight: 500;
}
.sp_ban_chay .sp_ban_chay_list .cnt .product-title a:hover{
color: #981c1e;
}
.sp_ban_chay .sp_ban_chay_list .cnt > a{
display: block;
font-size: 14px;
line-height: 27px;
font-weight: bold;
font-style: italic;
color: #981c1e;
}
.sp_ban_chay .sp_ban_chay_list .cnt > a i{
position: relative;
top: 1px;
}
.sp_ban_chay .sp_ban_chay_list .cnt .price_pro2{
margin-bottom: 0;
}
.sp_ban_chay .sp_ban_chay_list .cnt .price_pro2 > span,.sp_ban_chay .sp_ban_chay_list .cnt .price_pro2 ins span{
display: block;
font-size: 15px;
line-height: 23px;
font-weight: bold;
color: #d02929;
}
.sp_ban_chay .sp_ban_chay_list .cnt .price_pro2 del span{
font-size: 15px;
}
.rt-breadcrumbs{
display: none;
}
.single-product .rt-breadcrumbs{
display: block;
background-color: #F9F9F9;
transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
margin: 0px 0px 40px 0px;
padding: 15px 0px 15px 0px;
}
.single-product .rt-breadcrumbs .container{
margin-bottom: 0;
max-width: 94%;
}
.single-product .rt-breadcrumbs span,
.single-product .rt-breadcrumbs span a{
color: #1B1919;
font-size: 14px;
font-weight: 400;
line-height: 20px;
}
.single-product .rt-breadcrumbs span.breadcrumb_last{
font-size: 13px;
font-weight: 400;
line-height: 20px;
color: #9E9E9E;
}
.httt .large-12{
padding-bottom: 0 !important;
}
.httt .col-inner{
border: 1px solid #ececec;
overflow: hidden;
background: url(img/htt.png) bottom 12px left 10px no-repeat;
}
.httt .box{
width: 80%;
float: right;
margin-right: 5%;
padding-bottom: 10px;
}
.httt .col-inner .box:nth-child(2){
border-bottom: 1px solid #e8e8e8;
padding-bottom: 5px;
margin-bottom: 5px;
padding-top: 10px;
}
.httt .box .box-image{
display: none;
}
.httt .img {
margin-bottom: 0 !important;
}
.httt .box-text{
padding: 0 !important;
}
.httt .box-text p{
font-size: 14px;
line-height: 26px;
color: #333;
margin-bottom: 0 !important;
}
.httt .box-text a{
display: block;
font-size: 26px;
line-height: 30px;
font-weight: bold;
color: #d02929;
}
.dat_lich2{
border: 1px solid #ececec;
padding: 11px;
overflow: hidden;
}
.dat_lich2 .wpcf7-submit{
margin: 0 !important;
float: right;
text-transform: uppercase;
}
.page-title-inner{
padding-top: 0 !important;
display: block;
position: relative;
}
#ur_register_pre_form_message{
background: transparent;
}
.page-title-inner h1{
display: block;
width: 100%;
border-bottom: 1px solid #d5d5d5;
position: relative;
font-size: 25px;
text-transform: uppercase;
color: #444444;
padding-bottom: 10px;
font-weight: 500;
text-align: center;
padding-top: 15px;
}
.page-title-inner .woocommerce-result-count{
display: none;
}
.page-title-inner .woocommerce-ordering{
position: absolute;
top: 0;
right: 0;
z-index: 9;
display: none;
}
.page-title-inner .woocommerce-ordering:before{
content: "Sắp xếp";
font-size: 14px;
font-weight: bold;
color: #777777;
position: absolute;
top: 13px;
left: -70px;
}
.single-product .shop-page-title{
display: none;
}
.single-product #product-sidebar{
padding-right: 0 !important;
}
.single-product .large-9{
border-left: none !important;
}
.single-product .product-main{
padding-top: 40px !important;
}
.product-main .woocommerce-breadcrumb{
margin-bottom: 25px;
}
.rt_woocommerce_single_product_summary .card-description ul{
padding-left: 15px;
padding-top: 10px;
}
.rt_woocommerce_single_product_summary .widgettitle{
color: #FF0000;
font-size: 18px;
font-weight: 400;
line-height: 25px;
margin-top: 20px;
}
.rt_woocommerce_single_product_summary .custom-html-widget p{
margin-bottom: 5px;
font-size: 16px;
}
.product-main .accordion-item{
background-color: #FFE0E0;
}
.product-main .accordion-item .accordion-title{
font-weight: 700;
line-height: 1;
margin: 0;
padding: 15px;
border-bottom: 3px solid #d4d4d4;
cursor: pointer;
outline: none;
border-top: none;
border-left: none;
border-right: none;
}
.product-main .accordion-item .accordion-title .toggle{
left: auto;
right: 0;
}
.product-main .accordion-item .accordion-title span{
font-size: 14px;
font-weight: 500;
text-transform: uppercase;
line-height: 20px;
}
.product-main .accordion-title.active{
background-color: transparent;
padding-left: 20px;
border-bottom: none;
}
.product-main .accordion .active .toggle{
right: 0;
left: auto;
}
.product-main .accordion .accordion-inner{
padding-left: 20px;
padding-right: 20px;
border-bottom: 3px solid rgb(212, 212, 212);
}
.product-footer .product-tabs {
margin-bottom: 40px;
}
.product-footer .product-tabs li{
margin: 0 10px;
}
.product-footer .tab-panels .row h2{
color: #1B1919;
font-size: 18px;
font-weight: 400;
text-transform: uppercase;
line-height: 25px;
}
.product-footer .tab-panels .row .description{
color: #4C4C4C;
font-size: 14px;
font-weight: 400;
line-height: 22px;
}
.product-footer .tab-panels .row .description p{
margin-bottom: 0;
font-size: 18px;
color: #272424;
}
.product-footer .product-tabs li.active a{
background-color: transparent;
color: #333;
border-bottom: 1px solid #333;
}
.product-footer .product-tabs li a{
font-size: 20px;
font-weight: 500;
text-transform: none;
line-height: 32px;
padding: 0;
border-radius: 0;
border-bottom: 1px solid #33333352;
}
.product-footer .related{
display: none;
}
.shop-container .product-footer{
background-color: #F9F9F9;
}
.related.page-title-inner h1{
color: #1B1919;
font-size: 26px;
font-weight: 400;
text-transform: uppercase;
line-height: 36px;
border-bottom: none;
text-align: center;
}
.related.page-title-inner h1::after{
display: none;
}
.product_meta>span{
border-top: none;
font-weight: 700;
color: #1b1919;
font-size: 15px;
}
.product_meta>span a{
font-size: 14px;
font-weight: 400;
color: #1b1919;
}
.product-short-description p{
display: block;
font-size: 16px;
line-height: 25px;
margin-bottom: 0;
color: #333;
}
.box_price_s{
border: 1px dashed #b7b7b7;
padding: 15px;
margin: 15px 0 20px 0;
}
.box_price_s p{
margin-bottom: 0;
font-size: 14px;
line-height: 25px;
}
.box_price_s p.giagoc{
/* background: url(img/m.png) 0 10px no-repeat; */
}
.box_price_s .giagoc span{
font-size: 20px;
font-weight: bold;
color: #ee0707;
}
.product-info{
padding: 0 0 0 10px !important;
}
.product-info .widget{
list-style: none;
}
.thongtin1{
overflow: hidden;
margin-bottom: 15px;
}
.thongtin1 p{
font-size: 14px;
line-height: 25px;
margin-bottom: 0;
background: url(img/m2.png) 0 6px no-repeat;
padding-left: 20px;
}
.thongtin2{
border: 1px dashed #b7b7b7;
padding: 8px;
margin-bottom: 15px;
}
.thongtin2 p{
font-size: 13px;
line-height: 23px;
margin-bottom: 0;
}
.thongtin2 p a{
font-size: 17px;
font-weight: bold;
color: #981c1e;
}
.product-info .single_add_to_cart_button{
background: #981c1e !important;
border-radius: 4px;
font-weight: 500;
}
.product-footer .woocommerce-tabs{
border-top: none;
}
.product-tabs{
width: 100%;
}
.product-tabs .description_tab a{
border-radius: 0 !important;
}
.related{
border-top: none !important;
padding-bottom: 30px !important;
padding-top: 20px !important;
}
.product-main .col{
padding-bottom: 0 !important;
}
.product-gallery .product-images .image-tools.top.right{
display: none;
}
.sidebar-inner .widget_nav_menu .widget-title{
background-color: #981c1e;
min-height: 44px;
transition: all 400ms;
color: #fff;
width: 100%;
display: block;
line-height: 44px;
border-radius: 5px 5px 0 0;
font-size: 15px;
padding-left: 15px;
margin-bottom: 0;
}
.sidebar-inner .widget_nav_menu ul.menu{
border: none;
}
.sidebar-inner .widget_nav_menu li a{
padding-left: 0;
padding-right: 0;
color: #981c1e;
}
.category-page-row .term-tax{
display: grid;
grid-template-columns: repeat(4,1fr);
grid-column-gap: 30px;
}
.category-page-row .term-tax .img{
height: 150px;
}
.category-page-row .term-tax .img img{
height: 100%;
object-fit: fill;
}
.category-page-row .term-tax h3{
padding-top: 15px;
text-align: center;
line-height: 1.5;
color: #3C4858;
text-decoration: none;
word-wrap: break-word;
font-size: 18px;
}
.category-page-row .term-tax .list-term-tax{
background: #fff;
border-radius: 6px;
display: inline-block;
padding: 0 15px 15px;
margin: 0 0 30px;
-webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
-moz-box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
}
.lh_01 .large-9{
border-style: solid;
border-width: 0px 1px 0px 0px;
border-color: #D2D2D2;
transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
padding-right: 30px;
}
.lh_01 .large-3{
padding-left: 30px;
}
.lh_01 .sidebar-wrapper span.widget-title {
font-size: 26px;
font-weight: 500;
text-transform: unset;
letter-spacing: 0;
}
.lh_01 .sidebar-wrapper .is-divider{
display: none;
}
.lh_01 .sidebar-wrapper form{
padding-top: 10px;
}
.lh_01 .sidebar-wrapper form input{
box-shadow: none;
border: none;
padding-left: 0;
border-bottom: 1px solid #ddd;
}
.lh_01 .sidebar-wrapper form button{
border-radius: 5px;
}
.sidebar-wrapper .widget_nav_menu span.widget-title{
background-color: #981c1e;
min-height: 44px;
transition: all 400ms;
color: #fff;
width: 100%;
display: block;
line-height: 39px;
border-radius: 5px 5px 0 0;
}
.menu-san-pham-phan-phoi-container{
border-left: solid 1px #981c1e3b;
border-right: solid 1px #981c1e3b;
border-bottom: solid 1px #981c1e3b;
border-radius: 0 0 5px 5px;
padding: 0px 10px 5px;
}
.menu-san-pham-phan-phoi-container li a{
color: #981c1e;
}
.sidebar-wrapper .widget_nav_menu span.widget-title span{
color: rgba(255,255,255,1);
font-size: 15px;
line-height: 20px;
font-weight: 400;
text-decoration: none;
padding-top: 5px;
padding-right: 15px;
padding-bottom: 5px;
padding-left: 15px;
transition: all 400ms;
}
.lh_01 h1{
margin-bottom: 30px;
}
.lh_01 iframe{
border-radius: 10px;
box-shadow: 0px 0px 2px #525252;
}
.lh_01 .wpcf7 {
border-top: 1px solid #D2D2D2;
padding-top: 20px;
}
.lh_01 form h2{
font-size: 29px;
color: #000;
}
.lh_01 form p:nth-child(3){
margin-bottom: 20px;
}
.lh_01 form label{
font-size: 17px;
line-height: 20px;
display: block;
margin-bottom: 20px;
}
.lh_01 form span.wpcf7-form-control-wrap{
padding-top: 10px;
}
.lh_01 .wpcf7 form input{
background: #f7f7f7;
border: 1px solid #c4c4c4;
border-radius: 6px;
box-shadow: none;
color: #787878;
transition: all .5s;
height: 50px;
font-size: 16px;
margin: 0;
padding: 12px;
}
.lh_01 form textarea{
background: #f7f7f7;
border: 1px solid #c4c4c4;
border-radius: 6px;
box-shadow: none;
color: #787878;
transition: all .5s;
font-size: 16px;
margin: 0;
padding: 12px;
}
.lh_01 form input.wpcf7-submit{
line-height: 1;
border-radius: 0;
color: #fff;
margin: 0;
border: none;
text-transform: uppercase;
padding: 5px 25px;
}
/* popup begin */
.cd-popup {
position: fixed;
left: 0;
top: 0;
height: 100%;
width: 100%;
overflow-y: scroll;
padding-bottom: 250px;
background:rgba(138, 138, 138, 0.58);
display: block;
opacity: 0;
visibility: hidden;
transition: opacity 0.3s 0s, visibility 0s 0.3s;
z-index: 9999999999;
}
.cd-popup.is-visible {
opacity: 1;
visibility: visible;
transition: opacity 0.3s 0s, visibility 0s 0s;
}
.cd-popup-container {
background: #fff;
position: relative;
width: 90%;
top: 20%;
max-width: 500px;
margin: 4em auto;
padding: 15px;
border-radius: 0.25em 0.25em 0.4em 0.4em;
text-align: center;
-webkit-backface-visibility: hidden;
-webkit-transition-property: -webkit-transform;
transition-property: transform;
transition-duration: 0.3s;
overflow: hidden;
}
.cd-popup-container .cd-popup-close {
position: fixed;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 30px;
height: 30px;
display: none;
}
.cd-popup-container .cd-popup-close::before, .cd-popup-container .cd-popup-close::after {
content: "";
position: absolute;
top: 12px;
width: 14px;
height: 3px;
background-color: black;
}
.cd-popup-container .cd-popup-close::before {
transform: rotate(45deg);
left: 8px;
}
.cd-popup-container .cd-popup-close::after {
transform: rotate(-45deg);
right: 8px;
}
.img-replace {
display: inline-block;
overflow: hidden;
text-indent: 100%;
color: transparent;
white-space: nowrap;
}
/* popup end */
.html1{
font-weight: 400;
font-size: 14px;
line-height: 22px;
color: #FFFFFF;
}
.top-bar-nav > li > a{
font-size: 14px;
color: #fff;
}
.top-bar-nav > li > a:hover{
color: red;
}
#top-bar .nav-divided>li+li>a:after{
border-left: 1px solid #fff;
margin-top: -8px;
}
#masthead .header-nav .nav-icon a{
padding: 0;
display: inline-block;
background: #981c1e;
border-radius: 30px;
line-height: 32px;
text-transform: uppercase;
color: #fff;
padding: 0 12px;
font-weight: 500;
}
#masthead .header-nav .nav-icon a span{
font-size: 0;
}
#masthead .header-nav .nav-icon a i{
font-size: 18px;
}
#masthead .header-nav .nav-icon a span:before{
content: "Danh mục sản phẩm";
font-size: 14px;
display: inline-block;
list-style: 32px;
}
.mobile-sidebar .nav > li > a img{
display: none !important;
}
.html2{
font-weight: 400;
font-size: 14px;
line-height: 22px;
color: #FFFFFF;
}
.header-search-form .search-field{
background: #fff0 !important;
border: none;
line-height: 32px;
min-height: 32px;
height: 32px;
box-shadow: unset;
border-radius: 0;
padding: 0 0 0 34px;
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #666666;
}
.search-form{
width: 58% !important;
}
.header-search-form .submit-button{
background: transparent !important;
color: #2B57A8 !important;
border: none;
border-radius: 0 30px 30px 0;
line-height: 32px;
min-height: 32px;
height: 32px;
left: 0;
position: absolute;
top: 0;
box-shadow: none;
}
.header-search-form input[type=search]:focus{
box-shadow: none;
}
.header-search-form .submit-button i{
position: relative;
font-size: 14px !important;
}
.block__element_head h2{
margin-bottom: 0;
color: #036330;
font-size: 36px;
font-weight: 500;
text-transform: uppercase;
line-height: 50px;
}
.title-separator{
display: inline-block;
}
.title-separator::before,
.title-separator::after{
content: " ";
position: absolute;
bottom: -12px;
left: 50%;
margin-left: -12px;
width: 24px;
height: 1px;
display: inline-block;
background-color: #DCDCDC;
}
.title-separator::before{
margin-left: -34px;
}
.title-separator::after {
margin-left: 10px;
}
.title-separator span::before {
transform: rotate(45deg);
}
.title-separator span::after {
transform: rotate(-45deg);
}
.title-separator span::after, .title-separator span::before {
content: " ";
position: absolute;
bottom: -12px;
left: 50%;
margin-left: -6px;
width: 12px;
height: 1px;
display: inline-block;
background-color: #C1C1C1;
}
.rt01{
padding-bottom: 20px !important;
}
.rt01 .large-12:nth-child(1){
padding-bottom: 50px;
}
.rt01 img{
border-radius: 20px;
}
.rt01 .large-6 h2{
color: #1B1919;
font-size: 25px;
font-weight: 500;
line-height: 31px;
margin-bottom: 20px;
}
.rt01 .large-6 p{
text-align: justify;
color: #4C4C4C;
font-size: 18px;
font-weight: 400;
line-height: 26px;
}
.rt01 a.button{
background-color: #981C1E !important;
border-style: solid;
border-width: 2px 2px 2px 2px;
border-color: #00000000;
border-radius: 10px 10px 10px 10px;
margin-top: 0 !important;
margin-bottom: 0 !important;
display: inline-block;
line-height: 1;
font-size: 18px;
padding: 12px 24px;
color: #fff;
fill: #fff;
text-align: center;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
font-family: "SVN-Futura-Regular" !important;
}
.rt02 .bg_01{
background-color: #EDA946;
}
.rt02 .icon-box{
box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.30196078431372547);
position: relative;
overflow: hidden;
}
.rt02 .bg_01{
background-color: #EDA946;
}
.rt02 .bg_01::after{
background: #BB740E;
}
.rt02 .bg_02{
background-color: #E35D62;
}
.rt02 .bg_02::after{
background: #BD171D;
}
.rt02 .bg_03{
background-color: #009D36;
}
.rt02 .bg_03::after{
background: #1B721B;
}
.rt02 .bg_04{
background-color: #58A5CF;
}
.rt02 .bg_04::after{
background: #006FA7;
}
.rt02 .icon-box-text p{
text-align: center;
margin-bottom: 20px;
color: #FFFFFF;
font-size: 25px;
font-weight: 700;
text-transform: uppercase;
}
.rt02 .icon-box:hover .icon-box-text,
.rt02 .icon-box:hover::after,
.rt02 .icon-box:hover .icon-box-img{
-webkit-transform: translateY(-50px);
-moz-transform: translateY(-50px);
-ms-transform: translateY(-50px);
-o-transform: translateY(-50px);
transform: translateY(-50px);
transition: all .35s ease-in-out;
-webkit-transition: all .35s ease-in-out;
-moz-transition: all .35s ease-in-out;
}
.rt02 .icon-box .icon-box-img{
border-radius: 100%;
height: 170px;
overflow: hidden;
margin-bottom: 0;
margin-top: 15px;
transition: all .35s ease-in-out;
-webkit-transition: all .35s ease-in-out;
-moz-transition: all .35s ease-in-out;
}
.rt02 .icon-box .icon-box-img .icon .icon-inner img,
.rt02 .icon-box .icon-box-img .icon .icon-inner,
.rt02 .icon-box .icon-box-img .icon{
height: 100%;
}
.rt02 .icon-box .icon-box-text{
z-index: 1;
position: relative;
transition: all .35s ease-in-out;
-webkit-transition: all .35s ease-in-out;
-moz-transition: all .35s ease-in-out;
}
.rt02 .icon-box::after{
content: '';
display: block;
width: 100%;
height: 135px;
position: absolute;
bottom: -60px;
border-radius: 100% 100% 0 0;
transition: all .35s ease-in-out;
-webkit-transition: all .35s ease-in-out;
-moz-transition: all .35s ease-in-out;
}
.rt03 .large-12:nth-child(2){
margin-top: 20px;
}
.rt03 .slider-nav-push:not(.slider-nav-reveal) .flickity-prev-next-button{
margin-top: 0;
}
.rt03 .slider-nav-push:not(.slider-nav-reveal) .flickity-prev-next-button svg{
font-size: 24px;
line-height: 1;
padding: 0;
}
.rt03 .flickity-prev-next-button.previous{
left: -35px;
}
.rt03 .flickity-prev-next-button.next{
right: -35px;
}
.rt04 .section-bg{
background-attachment: fixed;
}
.rt04 .block__element_head p{
color: #04603B;
font-size: 36px;
font-weight: 500;
text-transform: uppercase;
line-height: 50px;
margin-bottom: 20px;
}
.rt04 .text p{
text-align: justify;
font-size: 18px;
}
.rt04 a.button{
border-radius: 2px 2px 2px 2px;
color: #fff;
fill: #fff;
border: 2px solid #fff;
height: 52px;
line-height: 52px;
padding: 0 20px;
}
.rt05{
padding-top: 50px !important;
}
.rt05 .large-12{
padding-bottom: 0 !important;
}
.phanhoi_project{
margin: 0 -15px;
}
.phanhoi_project .phanhoi_project_list{
width: 33.33%;
float: left;
padding: 0 15px;
}
.phanhoi_project .phanhoi_project_list .bg{
background: #fff;
text-align: center;
padding: 25px;
box-shadow: 0 1px 5px rgb(0 0 0 / 32%);
border-radius: 4px;
}
.phanhoi_project .slick-list{
padding: 5px 0 !important;
}
.phanhoi_project .img{
width: 97px;
height: 97px;
border-radius: 50%;
display: block;
margin: 0 auto 15px auto;
}
.phanhoi_project .img img{
width: 100%;
height: 97px;
object-fit: cover;
border-radius: 50%;
}
.phanhoi_project .cnt .title{
font-size: 17px;
line-height: 26px;
margin-bottom: 0;
color: #444444;
}
.phanhoi_project .cnt .slogan{
font-size: 15px;
line-height: 24px;
color: #717171;
margin-bottom: 0;
}
.phanhoi_project .cnt .des{
padding: 40px 0;
font-size: 14px;
line-height: 24px;
color: #676565;
position: relative;
height: 224px;
}
.phanhoi_project .cnt .des:before{
position: absolute;
content: "";
left: 0;
right: 0;
margin: 0 auto;
top: 10px;
z-index: 9;
background: url(img/y1.png) no-repeat;
width: 26px;
height: 20px;
}
.phanhoi_project .cnt .des:after{
position: absolute;
content: "";
left: 0;
right: 0;
margin: 0 auto;
bottom: 10px;
z-index: 9;
background: url(img/y2.png) no-repeat;
width: 26px;
height: 20px;
}
.phanhoi_project .cnt .des p{
margin-bottom: 0;
font-size: 14px;
line-height: 24px;
color: #676565;
}
.rt06{
padding: 40px 0 40px 0 !important;
}
.rt06 .section-title{
margin-bottom: 20px;
}
.rt06 .box-text{
display: none !important;
}
.rt06 .col {
padding-bottom: 0 !important;
}
.section_slider{
margin-top: -95px;
}
.section_slider::before{
content: "";
width: 100%;
height: 225px;
background: url(img/topbg.png) no-repeat center;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-o-transform: translateX(-50%);
z-index: 14;
}
.section_slider .large-3 {
max-width: 20%!important;
-ms-flex-preferred-size: 25%!important;
flex-basis: 20%!important;
}
.section_slider .large-9 {
max-width: 80%!important;
-ms-flex-preferred-size: 80%!important;
flex-basis: 80%!important;
}
.section_slider .text-box-content .text-inner h3{
font-family: "Anton-Regular" !important;
text-align: center;
line-height: 161px;
letter-spacing: 0px;
font-weight: 400;
font-size: 142px;
border-radius: 6px;
}
.section_slider .text-box-content .text-inner h3 strong{
font-weight: 400;
}
.our_03 h2{
color: #FFFFFFE6;
font-size: 22px;
font-weight: 400;
line-height: 31px;
}
.our_03 p{
text-align: justify;
color: #FFFFFFE6;
font-size: 14px;
font-weight: 400;
line-height: 22px;
}
/*..section_video*/
.section_video .img {
position: relative;
}
.section_video .video-button-wrapper {
position: absolute;
top: 46%;
left: 42%;
}
.section_video .video-button-wrapper a {
border-color: #fff;
margin: 0;
color: #fff;
}
.section_video .video-button-wrapper .icon-play:before {
background: transparent!important;
}
.section_video .video-button-wrapper:hover a{
background-color: #DDDDDD;
border-color: #DDDDDD;
}
.thong-tin {
display: flex;
}
.thong-tin p:nth-child(1) {
font-size: 14px;
line-height: 26px;
margin-bottom: 0;
color: #787878;
padding-right: 10px;
}
/*section_danhmuc*/
.section_danhmuc .large-2 {
width: 11%;
flex-basis: 11.1%;
}
.section_danhmuc .large-2 .img {
border-radius: 17px;
box-shadow: 0 6px 12px 0 rgb(0 0 0 / 10%);
}
.icon-xh{
position: fixed;
bottom: 50px;
left: 30px;
z-index: 999;
display: block;
}
.icon-xh li{
width: 45px;
height: 45px;
}
.icon-xh li a.email_button{
display: none;
}
.icon-xh li a{
display: block;
}
.icon-xh img{
transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
width: 100%;
}
.icon-xh a{
overflow: hidden;
}
.icon-xh a img:hover{
transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
}
.icon-xh ul{
list-style: none;
}
/*mobile*/
@media (max-width: 1024px){
.header-full-width .container{
max-width: 100% !important;
}
.header-main .nav > li > a{
padding: 0 7px;
}
.header-bottom .header-nav > li > a{
font-size: 12px !important;
padding: 0 12px !important;
}
.news-style-22 .news-item-bottom .news-thumb,.news-style-22 .news-item-bottom .news-thumb img{
height: 209px;
}
.news-style-41 .news-item-bottom .boxx__innner .news-thumb,.news-style-41 .news-item-bottom .boxx__innner .news-thumb img{
height: 176px;
}
#logo{
margin: 0 !important;
}
.html2{
margin-right: 0 !important;
}
.header-main .nav > li.header-wishlist-icon a{
margin-left: 10px;
}
#masthead .header-nav .nav-icon a span:before{
font-size: 13px;
}
#masthead .cart-item a{
margin-left: 0;
}
}
@media (max-width: 812px) {
.news-style-41 .news-item-bottom{
width: 50%;
}
.news-style-41 .news-item-bottom .boxx__innner .news-thumb, .news-style-41 .news-item-bottom .boxx__innner .news-thumb img{
height: 304px;
}
.single-product h1.entry-title{
margin-top: 0;
font-size: 24px;
line-height: 34px;
}
.sb_block_update .sb_left{
width: 100%;
max-width: 100%;
}
.sb_block_update .sb_update{
width: 100%;
max-width: 100%;
}
#top-bar .nav-center{
justify-content: center;
}
#top-bar .nav-center li a{
color: #fff;
}
.header-main .nav > li > a{
color: #222;
}
.mobile-nav > li{
padding-left: 10px !important;
}
.mobile-nav .menu-title {
display: none;
}
.section_slider .large-9 {
max-width: 100%!important;
-ms-flex-preferred-size: 80%!important;
flex-basis: 100%!important;
}
.section_slider .large-3 {
display: none;
}
.rt01 .has-hover {
display: flex;
flex-direction: column;
}
.rt01 .box .box-text {
width: 100% !important;
}
.rt01 .box .box-text h4 {
text-align: center;
height: 40px;
}
.flickity-slider .product {
max-width: 33.33%!important;
flex-basis: 33.33%!important;
}
.section_video .video-button-wrapper {
position: absolute;
top: 40%;
left: 38%;
}
.rt02 {
padding:20px 0 !important;
}
.rt02 .large-12 {
padding-bottom: 15px;
}
.rt04 {
padding: 20px 0 30px 0 !important;
}
.section_video {
padding-bottom: 15px!important;
}
.news-style-31 .news-item-bottom {
width: 50%;
}
.rt05 {
padding: 20px 0 0px 0 !important;
}
.section_danhmuc .large-2 {
width: 10.5%;
flex-basis: 11.1%;
}
.chan_trang_1 .row .div3{
padding-left: 15px;
}
}
@media (max-width: 480px) {
.block__element_head h2{
font-size: 22px;
line-height: 32px;
}
#masthead .cart-item{
margin-right: 0;
}
#logo img{
max-height: 50px !important;
}
.dat_lich_kham .left{
width: 100%;
}
.dat_lich_kham .right{
width: 100%;
}
.dat_lich_kham .right .right11{
width: 100%;
}
.dat_lich_kham .right .right22{
width: 100%;
}
.section-title span{
font-size: 22px;
}
.slogan{
padding: 0;
}
.news-style-31 .slick-prev{
left: 0;
}
.news-style-31 .slick-next{
right: 0;
}
.news-style-22 .news-item-bottom .news-thumb{
width: 300px;
margin: 0 auto;
height: 300px;
}
.news-style-22 .news-item-bottom .news-thumb img{
height: 300px;
}
.news-style-41 .news-item-bottom{
width: 100%;
margin-bottom: 30px !important;
}
.news-style-41 .news-item-bottom .boxx__innner .news-thumb, .news-style-41 .news-item-bottom .boxx__innner .news-thumb img{
width: 300px;
height: 300px;
margin: 0 auto;
margin-bottom: -45px !important;
}
.box__second_posts .news-item-sidebar-clear{
width: 100%;
}
.news-style-2 .box__second_posts .news-item-sidebar-clear:nth-child(2){
padding-top: 11px;
margin-top: 11px;
border-top: 1px solid #e3e3e3;
}
.tab_project .tab{
overflow: hidden;
padding-bottom: 30px;
}
.tab_project .tab button{
font-size: 12px;
padding: 5px;
}
.news-style-2 .box_first_posts .boxx__innner .box__slider h4 .news-title{
font-size: 15px;
line-height: 22px;
}
.news-style-2 .box_first_posts .boxx__innner .news-thumb img{
height: 200px;
}
.tab_project .box_bs .img{
width: 100%;
}
.tab_project .box_bs .img img{
height: 300px;
}
.tab_project .box_bs .cnt{
width: 100%;
padding: 20px !important;
}
.tab_project .box_bs .cnt h3{
font-size: 22px;
}
.rt_htm .left a:nth-child(2){
display: none;
}
.category-page-row .term-tax{
display: grid;
grid-template-columns: repeat(2,1fr);
grid-column-gap: 20px;
}
.product-small .box .box-image,.product-small .box .box-image img{
height: 180px;
}
.dat_hang a{
font-size: 12px !important;
}
.dat_hang a{
font-size: 14px;
}
.price_pro > span, .price_pro ins span{
font-size: 14px;
}
.product-small .box .box-text .product-title a{
height: 64px;
}
.page-title-inner .woocommerce-ordering:before{
display: none;
}
.page-title-inner .woocommerce-ordering{
position: relative;
margin-bottom: 10px;
}
.product-info{
padding: 15px !important;
}
.sb_update .new-list-post .post-image{
width: 100%;
}
.sb_update .new-list-post .post-content{
width: 100%;
padding: 15px 0 !important;
}
.sb_update .new-list .new-list-post{
margin-bottom: 15px;
}
.rt01 .large-6 h2{
font-size: 18px;
line-height: 28px;
margin-bottom: 10px;
}
.rt01 .large-6 p{
font-size: 15px;
line-height: 24px;
}
.rt02 {
background-color: #F8F8F8!important;
}
.rt02{
padding: 30px 0 0 0 !important;
}
.rt02 .col{
padding-bottom: 20px !important;
}
.price_pro del span{
font-size: 14px;
}
.rt03{
padding: 30px 0 10px 0 !important;
}
.news-style-31 .news-item-bottom{
width: 100%;
}
.rt03 .large-12 .row{
margin-top: 20px;
}
.rt03 .large-12:nth-child(2){
margin-top: 0px;
}
.rt03 .section-content > .row{
padding-bottom: 30px;
}
.rt03 .section-content > .row::before{
width: 100%;
}
.rt04{
padding: 30px 0 10px 0 !important;
}
.rt05 .large-12 .text p, .rt03 .large-12 .text p{
width: 100%;
}
.single-product .product-main{
padding-top: 0px !important;
}
.lh_01 .large-9{
padding-right: 15px;
}
.lh_01 .large-3{
padding-left: 15px;
}
.news-style-31 .news-item-bottom .boxx__innner .box__slider{
padding-bottom: 0;
}
.chan_trang_2 .tabbed-content .tab{
display: block;
width: 100%;
margin: 0 0 15px 0 !important;
}
.chan_trang_2 .tabbed-content .tab a{
display: block;
width: 100%;
text-align: center;
}
.chan_trang_2 .row .large-3{
max-width: 100%;
flex-basis: 100%;
padding: 0 15px !important;
margin-bottom: 15px !important;
border: none;
}
.copyright .col {
margin-bottom: 15px !important;
}
.page-title-inner h1{
font-size: 20px;
}
.stuck #logo img{
max-height: 50px !important;
}
.flickity-slider .product {
max-width: 50%!important;
flex-basis: 50%!important;
padding: 0 5px;
}
.slider-nav-circle.row-slider {
padding:0 10px!important;
}
.section_video .row {
padding-left: 10px!important;
padding-left: 10px!important;
}
.section_video .large-4 {
max-width: 50%;
flex-basis: 50%;
padding: 0 5px 5px 0!important;
}
.section_video .video-button-wrapper {
top: 29%;
left: 27%;
}
.section_danhmuc .large-2 {
width: 25%;
flex-basis: 25%;
}
.chan_trang_1 .row .large-3{
padding-bottom: 30px !important;
}
}
.custom-product-tabs{
display:flex;
justify-content:center;
align-items:center;
gap:40px;
margin:40px 0 45px 0;
}
.custom-product-tabs .tab-btn{
background:none;
border:none;
border-bottom:1px solid #aaa;
padding:0 0 6px 0;
font-size:26px;
font-weight:400;
color:#777;
cursor:pointer;
text-transform:none;
}
.custom-product-tabs .tab-btn.active,
.custom-product-tabs .tab-btn:hover{
color:#111;
border-bottom-color:#111;
}
.custom-tab-content{
display:none;
}
.custom-tab-content.active{
display:block;
}
/* Nội dung nhỠlại */
.custom-product-info .description,
.custom-product-info p,
.custom-product-info li{
font-size:17px !important;
line-height:1.6 !important;
}
.custom-product-info h2{
font-size:22px !important;
}
/* Tiêu đỠfooter */
.footer-wrap h4,
.footer-inner h4,
.footer-col-2 h4,
.footer-col-3 h4,
.footer-col-4 h4{
font-family: "SVN-Futura-Regular" !important;
font-size: 30px !important; /* tăng to */
font-weight: 700 !important; /* in Ä‘áºm */
color: #d9a441 !important; /* mà u và ng hiện tại */
margin-bottom: 20px !important;
}
.news-categories .tt-cate ul{
display:flex !important;
justify-content:center !important;
}
/* Äổi thứ tá»± danh mục: Chả bò - Tất cả - Nem */
.news-categories .tt-cate ul{
display: flex !important;
justify-content: center !important;
}
/* Bá» in Ä‘áºm phần ná»™i dung mô tả sản phẩm */
.custom-product-info .description,
.custom-product-info .description p,
.custom-product-info .description li,
.custom-product-info .description span,
.single-product .product-info p,
.single-product .woocommerce-product-details__short-description,
.single-product .woocommerce-product-details__short-description p{
font-weight: 400 !important;
}
/* Chỉnh dòng Vui lòng lưu ý */
.single-product .entry-content h2,
.single-product .product-info h2{
font-size: 30px !important;
color: #c00000 !important;
font-weight: 700 !important;
}
/* Là m Ä‘áºm toà n bá»™ giá + VND */
.product-info .price-wrapper span.amount,
.product-info .price-wrapper span.amount bdi,
.product-info .price-wrapper .woocommerce-Price-currencySymbol{
font-weight: 900 !important;
}
/* Mặc định: các ảnh popup phóng to 2.5 */
.pswp__img{
transform: scale(2.5) !important;
transform-origin: center center !important;
max-width: none !important;
}
/* Riêng ảnh tr.webp nhỠlại */
.pswp__img[src*="tr.webp"]{
transform: scale(0.7) !important;
}
.home #masthead .cart-item a{
color: #06734D !important;
}
/* Banner custom: 2 ảnh, giữ slider + hover */
#banner-track{
width: 200% !important;
display: flex !important;
transition: transform 0.5s ease !important;
}
#banner-track > div{
flex: 0 0 50% !important;
overflow: hidden !important;
}
/* Ảnh banner */
#banner-track img{
width: 100% !important;
height: 430px !important;
object-fit: cover !important;
display: block !important;
transition: transform 0.45s ease !important;
}
/* Giữ hover zoom */
#banner-track img:hover{
transform: scale(1.03) !important;
}
.optional{
display:none !important;
}
/* Dịch dòng kết quả + sắp xếp trang shop */
/* Removed wp_footer PHP/JS from CSS. Put that snippet in functions.php instead. */
.header-wishlist .wishlist-icon,
.header-wishlist-icon a,
.header-wishlist a,
li.header-wishlist a{
display: flex !important;
flex-direction: row-reverse !important;
align-items: center !important;
gap: 6px !important;
}
.header-wishlist i,
.header-wishlist-icon i,
li.header-wishlist i{
order: -1 !important;
margin-right: 6px !important;
margin-left: 0 !important;
}
/* Wishlist header giống GiỠhà ng */
.header-wishlist-icon > a.wishlist-link{
color:#00733f !important;
font-weight:700 !important;
border:0 !important;
text-decoration:none !important;
}
.header-wishlist-icon > a.wishlist-link:hover{
color:#00733f !important;
border:0 !important;
text-decoration:none !important;
}
/* BỠgạch đỠdưới chân */
.header-wishlist-icon > a.wishlist-link:before,
.header-wishlist-icon > a.wishlist-link:after,
.header-nav-main .header-wishlist-icon > a.wishlist-link:before,
.header-nav-main .header-wishlist-icon > a.wishlist-link:after{
display:none !important;
content:none !important;
border:0 !important;
}
/* MÃ u icon tim */
.header-wishlist-icon .wishlist-icon{
color:#00733f !important;
}
/* ÄÆ°a icon trái tim đứng trÆ°á»›c chữ */
.header-wishlist-icon > a.wishlist-link{
display:flex !important;
align-items:center !important;
gap:6px !important;
}
.header-wishlist-icon .header-wishlist-title{
order:2 !important;
}
.header-wishlist-icon .wishlist-icon{
order:1 !important;
}
.header-wishlist-icon .header-wishlist-title,
.header-wishlist-icon .wishlist-link{
font-family: "Times New Roman", Times, serif !important;
}
.yith-wcwl-page-title{
display:none !important;
}
.yith-wcwl-add-to-wishlist a,
.yith-wcwl-form .button,
.wishlist_table .button{
white-space: nowrap !important;
min-width:120px;
text-align:center;
}
/* Ẩn tiêu đỠMy wishlist on noithat07 */
.wishlist-title,
.wishlist-title-container,
.yith-wcwl-page-title,
.woocommerce .wishlist-title{
display:none !important;
}
/* Nút XEM NHANH không bị xuống dòng */
.wishlist_table .quick-view,
.wishlist_table a.quick-view,
.wishlist_table .button{
white-space:nowrap !important;
min-width:130px !important;
width:auto !important;
padding:10px 18px !important;
line-height:1.2 !important;
display:inline-block !important;
}
/* Wishlist: cho tên sản phẩm và nút Xem nhanh nằm 1 hà ng */
.wishlist_table td.product-name{
display:flex !important;
align-items:center !important;
gap:14px !important;
}
/* Tên sản phẩm không chiếm hết dòng */
.wishlist_table td.product-name > a{
display:inline-block !important;
max-width:390px !important;
}
/* Nút XEM NHANH nằm thẳng hà ng */
.wishlist_table td.product-name .quick-view,
.wishlist_table td.product-name a.quick-view,
.wishlist_table td.product-name .button{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
white-space:nowrap !important;
min-width:160px !important;
height:44px !important;
margin:0 !important;
}
/* ===== MOBILE SEO / UX OPTIMIZATION V4 - FLATSOME CHILD =====
Paste this block at the VERY END of style.css or Additional CSS.
It is designed to override the older mobile v2/v3 blocks already in the theme. */
@media screen and (max-width: 849px) {
:root {
--m-green: #00733f;
--m-green-dark: #06452b;
--m-red: #b01822;
--m-text: #1f2f28;
--m-muted: #66736d;
--m-line: #e8ece8;
--m-bg: #ffffff;
--m-soft: #f6f8f4;
--m-radius: 10px;
}
html,
body {
width: 100% !important;
max-width: 100% !important;
overflow-x: hidden !important;
background: var(--m-bg) !important;
-webkit-text-size-adjust: 100%;
}
body,
body p,
body li,
body a,
body span,
body input,
body button,
body textarea {
font-family: Roboto, Arial, sans-serif !important;
}
body {
padding-bottom: 56px !important;
color: var(--m-text) !important;
font-size: 16px !important;
line-height: 1.65 !important;
}
*,
*::before,
*::after {
box-sizing: border-box !important;
letter-spacing: 0 !important;
}
img,
video,
iframe {
max-width: 100% !important;
}
img {
height: auto;
}
/* Header */
.header-top,
.header-bottom {
display: none !important;
}
#header .header-main,
#header .header-wrapper,
#header .header-inner,
#header .stuck .header-main,
#header .stuck .header-inner {
height: 58px !important;
min-height: 58px !important;
}
#header .header-inner {
width: 100% !important;
max-width: 100% !important;
padding: 0 12px !important;
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
}
#header #logo {
width: 58px !important;
max-width: 58px !important;
margin: 0 !important;
}
#header #logo a {
height: 58px !important;
display: flex !important;
align-items: center !important;
}
#header #logo img {
width: auto !important;
max-width: 58px !important;
max-height: 46px !important;
object-fit: contain !important;
border-radius: 7px !important;
}
#header .mobile-nav {
display: flex !important;
align-items: center !important;
justify-content: flex-end !important;
gap: 2px !important;
margin: 0 !important;
}
#header .mobile-nav > li {
margin: 0 !important;
padding: 0 !important;
}
#header .mobile-nav > li > a,
#header .mobile-nav .header-button > a,
#header .mobile-nav .header-search a.icon,
#header .mobile-nav .header-search a.button {
width: 34px !important;
min-width: 34px !important;
height: 34px !important;
min-height: 34px !important;
padding: 0 !important;
margin: 0 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
color: var(--m-green) !important;
}
#header .mobile-nav i,
#header .mobile-nav .icon-search,
#header .mobile-nav .icon-shopping-cart,
#header .mobile-nav .icon-basket,
#header .mobile-nav .icon-menu {
font-size: 20px !important;
line-height: 1 !important;
color: var(--m-green) !important;
margin: 0 !important;
}
#header .header-cart-title,
#header .cart-price,
.header-wishlist-icon .header-wishlist-title {
display: none !important;
}
/* Global page rhythm */
#main,
#content,
.page-wrapper {
background: #fff !important;
}
.section {
padding-top: 18px !important;
padding-bottom: 18px !important;
}
.section .row,
.row,
.row.row-small,
.row.row-large {
width: 100% !important;
max-width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
.row > .col,
.row > [class*="col-"] {
padding-left: 14px !important;
padding-right: 14px !important;
padding-bottom: 14px !important;
}
.col-inner {
margin-left: 0 !important;
margin-right: 0 !important;
}
/* SEO-readable type scale */
#content h1,
#content h2,
#content h3,
.rt-heading,
.section-title span,
.block__element_head h2 {
font-family: Roboto, Arial, sans-serif !important;
color: var(--m-green) !important;
font-weight: 800 !important;
text-align: center !important;
text-transform: none !important;
letter-spacing: 0 !important;
margin: 0 0 12px !important;
}
#content h1 {
font-size: 27px !important;
line-height: 1.22 !important;
}
#content h2,
.rt-heading,
.section-title span,
.block__element_head h2 {
font-size: 25px !important;
line-height: 1.24 !important;
}
#content h3 {
font-size: 19px !important;
line-height: 1.3 !important;
}
#content p,
.entry-content p,
.text-inner,
.text-inner p,
.box-text p {
color: var(--m-text) !important;
font-size: 16px !important;
font-weight: 400 !important;
line-height: 1.72 !important;
text-align: left !important;
margin-bottom: 11px !important;
}
#content p *,
.entry-content p *,
.text-inner *,
.rt01 *,
.rt02 *,
.rt03 * {
font-family: Roboto, Arial, sans-serif !important;
}
#content ul,
#content ol {
padding-left: 20px !important;
margin-bottom: 14px !important;
}
#content li {
font-size: 16px !important;
line-height: 1.65 !important;
margin-bottom: 7px !important;
}
/* Hero / banner */
#banner-track,
.slider-wrapper,
.flickity-viewport {
max-width: 100% !important;
overflow: hidden !important;
}
#banner-track img,
.slider-wrapper img,
.banner img {
width: 100% !important;
height: auto !important;
min-height: 0 !important;
object-fit: contain !important;
object-position: center !important;
}
/* About section */
.rt01 {
padding-top: 14px !important;
padding-bottom: 8px !important;
}
.rt01 .row {
display: block !important;
}
.rt01 .col {
width: 100% !important;
max-width: 100% !important;
flex-basis: 100% !important;
padding-bottom: 10px !important;
}
.rt01 .col:first-child {
padding-bottom: 0 !important;
}
.rt01 .img,
.rt01 .img-inner {
width: min(88vw, 340px) !important;
margin: 0 auto 10px !important;
border-radius: 14px !important;
overflow: hidden !important;
}
.rt01 img {
width: 100% !important;
max-height: 360px !important;
object-fit: cover !important;
object-position: center !important;
display: block !important;
}
.rt01 .text-inner,
.rt01 .col-inner {
max-width: 100% !important;
}
/* Category tiles */
.rt02 {
padding: 16px 0 !important;
background: var(--m-soft) !important;
}
.rt02 .row {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 12px !important;
padding: 0 14px !important;
}
.rt02 .col {
width: 100% !important;
max-width: 100% !important;
padding: 0 !important;
}
.rt02 .col-inner,
.rt02 a.plain,
.rt02 .icon-box,
.rt02 .featured-box {
display: block !important;
width: 100% !important;
height: 166px !important;
min-height: 166px !important;
max-height: 166px !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
border-radius: var(--m-radius) !important;
background: #fff !important;
box-shadow: 0 4px 14px rgba(0, 0, 0, .07) !important;
}
.rt02 .icon-box::before,
.rt02 .icon-box::after,
.rt02 .featured-box::before,
.rt02 .featured-box::after,
.rt02 .icon-box-img::before,
.rt02 .icon-box-img::after,
.rt02 .icon::before,
.rt02 .icon::after,
.rt02 .icon-inner::before,
.rt02 .icon-inner::after {
display: none !important;
content: none !important;
background: none !important;
border: 0 !important;
box-shadow: none !important;
}
.rt02 .icon-box-img,
.rt02 .icon,
.rt02 .icon-inner {
width: 100% !important;
height: 124px !important;
min-height: 124px !important;
max-height: 124px !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
border-radius: 10px 10px 0 0 !important;
background: #eef3ed !important;
}
.rt02 img {
width: 100% !important;
height: 124px !important;
min-height: 124px !important;
max-height: 124px !important;
padding: 0 !important;
margin: 0 !important;
object-fit: cover !important;
object-position: center !important;
display: block !important;
border-radius: 0 !important;
transform: none !important;
}
.rt02 .icon-box-text,
.rt02 .last-reset {
height: 42px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
padding: 0 8px !important;
background: #fff !important;
}
.rt02 h3,
.rt02 .rt-heading {
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
box-shadow: none !important;
color: var(--m-green) !important;
font-size: 15px !important;
font-weight: 800 !important;
line-height: 1.25 !important;
text-align: center !important;
}
/* Product section: readable SEO/product cards */
.rt03 {
padding-top: 22px !important;
padding-bottom: 14px !important;
}
.rt03 .row > .col:first-child {
padding-bottom: 4px !important;
}
.rt03 .row.large-columns-3,
.rt03 .products.row,
.rt03 .row-small,
.woocommerce .products.row {
display: grid !important;
grid-template-columns: 1fr !important;
gap: 12px !important;
margin: 6px 0 0 !important;
padding: 0 !important;
}
.rt03 .product-small.col,
.woocommerce .products.row > .product,
.category-page-row .product-small,
.block-product-col .col-4,
.block-product-col .col-3 {
width: 100% !important;
max-width: 100% !important;
flex-basis: 100% !important;
padding: 0 !important;
margin: 0 !important;
clear: none !important;
}
.rt03 .product-small .col-inner,
.rt03 .product-small.box,
.product-small .col-inner {
background: #fff !important;
border: 1px solid var(--m-line) !important;
border-radius: 12px !important;
box-shadow: 0 5px 18px rgba(0, 0, 0, .065) !important;
overflow: hidden !important;
}
.rt03 .product-small.box {
display: grid !important;
grid-template-columns: 43% 57% !important;
align-items: stretch !important;
min-height: 156px !important;
padding: 0 !important;
}
.rt03 .product-small .box-image {
width: 100% !important;
height: 100% !important;
min-height: 156px !important;
margin: 0 !important;
background: #f5f2ec !important;
}
.rt03 .product-small .box-image .image-zoom,
.rt03 .product-small .box-image a {
display: block !important;
width: 100% !important;
height: 100% !important;
}
.rt03 .product-small .box-image img {
width: 100% !important;
height: 100% !important;
min-height: 156px !important;
object-fit: contain !important;
object-position: center !important;
display: block !important;
}
.rt03 .product-small .box-text {
width: 100% !important;
min-height: 156px !important;
padding: 14px 13px !important;
display: flex !important;
flex-direction: column !important;
justify-content: center !important;
background: #fff !important;
text-align: left !important;
}
.rt03 .product-title,
.rt03 .title-wrapper {
margin: 0 !important;
}
.product-title a,
.rt03 .product-title a,
.rt03 .box-text .product-title a {
display: -webkit-box !important;
height: auto !important;
min-height: 0 !important;
color: var(--m-text) !important;
font-size: 16px !important;
font-weight: 800 !important;
line-height: 1.42 !important;
text-align: left !important;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden !important;
}
.rt03 .price-wrapper,
.rt03 .price {
margin: 9px 0 0 !important;
text-align: left !important;
line-height: 1.3 !important;
}
.rt03 .price span.amount,
.rt03 .box-text span.amount,
.box-text span.amount {
color: var(--m-red) !important;
font-size: 17px !important;
font-weight: 800 !important;
line-height: 1.3 !important;
}
.rt03 .add-to-cart-button,
.rt03 .star-rating,
.rt03 .box-image a.yith-wcqv-button,
.rt03 .image-tools.top.right,
.rt03 .wishlist-icon,
.rt03 .grid-tools,
.rt03 .badge-container {
display: none !important;
}
/* Buttons / CTAs */
a.button,
button.button,
input[type="submit"],
.primary,
.dat_hang a,
.single_add_to_cart_button {
min-height: 44px !important;
border-radius: 8px !important;
font-family: Roboto, Arial, sans-serif !important;
font-size: 15px !important;
font-weight: 700 !important;
line-height: 44px !important;
padding: 0 18px !important;
white-space: nowrap !important;
text-transform: none !important;
}
a.button *,
button.button *,
.primary *,
.dat_hang a *,
.single_add_to_cart_button * {
font-family: Roboto, Arial, sans-serif !important;
}
/* Blog / food corner */
.blog-posts,
.row.slider,
.blog-wrapper .row {
max-width: 100% !important;
margin: 0 !important;
}
.blog-posts .post-item,
.row.slider .post-item,
.row.large-columns-3 .post-item,
.row.large-columns-4 .post-item {
width: 100% !important;
max-width: 100% !important;
flex-basis: 100% !important;
padding: 0 14px 14px !important;
transform: none !important;
}
.post-item .col-inner,
.post-item .box {
border-radius: 12px !important;
overflow: hidden !important;
background: #fff !important;
box-shadow: 0 5px 18px rgba(0, 0, 0, .075) !important;
}
.post-item .box-image,
.post-item .image-cover,
.post-item .box-image a,
.post-item .box-image img {
width: 100% !important;
height: auto !important;
aspect-ratio: 16 / 9 !important;
object-fit: cover !important;
display: block !important;
}
.blog-post-inner {
padding: 14px 15px 16px !important;
text-align: left !important;
}
.blog-post-inner .post-title,
.blog-post-inner .post-title a {
color: var(--m-text) !important;
font-size: 16px !important;
font-weight: 800 !important;
line-height: 1.42 !important;
text-align: left !important;
}
.blog-post-inner .is-divider {
margin-left: 0 !important;
}
.blog-post-inner .from_the_blog_excerpt {
color: var(--m-muted) !important;
font-size: 14px !important;
line-height: 1.55 !important;
}
/* Footer */
.footer-wrapper,
.footer {
padding-bottom: 68px !important;
}
.footer p,
.footer li,
.footer a,
.footer .custom-html-widget {
font-size: 14px !important;
line-height: 1.65 !important;
text-align: left !important;
}
.footer h3,
.footer h4,
.footer .widget-title {
font-size: 18px !important;
line-height: 1.3 !important;
margin: 0 0 10px !important;
}
/* Bottom contact dock */
#phongvt-contact-footer-outer {
position: fixed !important;
top: auto !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
z-index: 1200 !important;
width: 100% !important;
height: 50px !important;
padding: 3px 8px calc(3px + env(safe-area-inset-bottom)) !important;
background: rgba(255, 255, 255, .98) !important;
border-top: 1px solid rgba(0, 115, 63, .16) !important;
box-shadow: 0 -5px 16px rgba(0, 0, 0, .12) !important;
}
#phongvt-contact-footer-outer::before,
#phongvt-contact-footer-outer::after,
#phongvt-contact-footer::before,
#phongvt-contact-footer::after,
#phongvt-contact-footer a::before,
#phongvt-contact-footer a::after,
#phongvt-contact-footer span::before,
#phongvt-contact-footer span::after {
display: none !important;
content: none !important;
background: none !important;
border: 0 !important;
box-shadow: none !important;
}
#phongvt-contact-footer {
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
align-items: center !important;
gap: 2px !important;
height: 44px !important;
max-width: 520px !important;
margin: 0 auto !important;
}
#phongvt-contact-footer a {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
height: 44px !important;
min-width: 0 !important;
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
color: var(--m-green) !important;
font-size: 10px !important;
font-weight: 700 !important;
line-height: 1.12 !important;
text-decoration: none !important;
}
#phongvt-contact-footer a span,
#phongvt-contact-footer a .phongvt-contact-footer-btn-label,
#phongvt-contact-footer-btn-center span,
#phongvt-contact-footer-btn-center .phongvt-contact-footer-btn-label {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
height: auto !important;
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
color: var(--m-green) !important;
text-align: center !important;
overflow: visible !important;
text-overflow: clip !important;
white-space: nowrap !important;
}
#phongvt-contact-footer img {
width: 20px !important;
height: 20px !important;
margin: 0 0 3px !important;
object-fit: contain !important;
}
#phongvt-contact-footer-btn-center,
#phongvt-contact-footer-btn-center .phongvt-contact-footer-btn-center-icon {
position: static !important;
width: auto !important;
height: auto !important;
transform: none !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
}
#phongvt-contact-footer .phone-vr-circle-fill {
display: none !important;
}
}
/* ===== MOBILE V4.4 HOTFIX: logo, footer end, CTA overflow, product form ===== */
@media screen and (max-width: 849px) {
html,
body {
min-height: 100% !important;
}
body {
padding-bottom: 0 !important;
}
#wrapper {
padding-bottom: 0 !important;
background: #fff !important;
}
#header .header-main,
#header .header-wrapper,
#header .header-inner,
#header .stuck .header-main,
#header .stuck .header-inner {
height: 72px !important;
min-height: 72px !important;
overflow: visible !important;
}
#header #logo {
width: 82px !important;
max-width: 82px !important;
min-width: 82px !important;
overflow: visible !important;
}
#header #logo a {
height: 72px !important;
display: flex !important;
align-items: center !important;
overflow: visible !important;
}
#header #logo img.header-logo,
#logo img.header-logo {
width: auto !important;
max-width: 82px !important;
max-height: 64px !important;
display: block !important;
opacity: 1 !important;
visibility: visible !important;
object-fit: contain !important;
}
#header #logo img.header-logo-dark,
#logo img.header-logo-dark {
display: none !important;
}
/* All readable body copy: justified as requested. */
#content p,
.entry-content p,
.text-inner p,
.box-text p,
.footer p,
.footer li {
text-align: justify !important;
text-justify: inter-word;
}
/* Keep footer dark until the very bottom. */
.footer-wrapper,
.footer,
.footer-1,
.footer-2 {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
background: #133f2b !important;
}
.footer-wrapper {
padding-bottom: 66px !important;
}
.absolute-footer {
display: block !important;
margin-bottom: 0 !important;
padding-bottom: 0 !important;
background: #0c3020 !important;
}
/* Red quality/quote band: prevent button text overflow. */
.section .button,
.section a.button,
.section button.button,
.section input[type="submit"],
.text-inner .button,
.text-inner a.button {
max-width: 100% !important;
white-space: normal !important;
overflow: hidden !important;
text-overflow: clip !important;
font-size: 13.5px !important;
line-height: 1.25 !important;
min-height: 46px !important;
height: auto !important;
padding: 10px 12px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 7px !important;
}
.section .button span,
.section a.button span,
.text-inner .button span,
.text-inner a.button span {
min-width: 0 !important;
max-width: 100% !important;
white-space: normal !important;
overflow-wrap: anywhere !important;
line-height: 1.25 !important;
}
/* Homepage featured products: cleaner horizontal form and larger image area. */
.rt03 .product-small.box {
grid-template-columns: 48% 52% !important;
min-height: 168px !important;
}
.rt03 .product-small .box-image,
.rt03 .product-small .box-image img,
.rt03 .product-small .box-text {
min-height: 168px !important;
}
.rt03 .product-small .box-image {
background: #f5f5f1 !important;
}
.rt03 .product-small .box-image img {
object-fit: cover !important;
object-position: center !important;
}
.rt03 .product-small .box-text {
padding: 12px 12px !important;
align-items: stretch !important;
}
.rt03 .product-title a,
.rt03 .box-text .product-title a {
font-size: 16px !important;
line-height: 1.38 !important;
text-align: justify !important;
text-align-last: left !important;
-webkit-line-clamp: 4 !important;
}
.rt03 .price,
.rt03 .price-wrapper {
text-align: left !important;
margin-top: 8px !important;
}
/* Product archive form: balanced 2-column shop grid. */
body.post-type-archive-product .products.row,
body.tax-product_cat .products.row,
body.woocommerce-shop .products.row,
body.archive.woocommerce .products.row,
body.search-results .products.row {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 14px !important;
padding-left: 14px !important;
padding-right: 14px !important;
}
body.post-type-archive-product .product-small .box-image,
body.tax-product_cat .product-small .box-image,
body.woocommerce-shop .product-small .box-image,
body.archive.woocommerce .product-small .box-image,
body.search-results .product-small .box-image {
aspect-ratio: 1 / 1 !important;
background: #f5f5f1 !important;
}
body.post-type-archive-product .product-small .box-image img,
body.tax-product_cat .product-small .box-image img,
body.woocommerce-shop .product-small .box-image img,
body.archive.woocommerce .product-small .box-image img,
body.search-results .product-small .box-image img {
object-fit: cover !important;
object-position: center !important;
}
body.post-type-archive-product .product-small .box-text,
body.tax-product_cat .product-small .box-text,
body.woocommerce-shop .product-small .box-text,
body.archive.woocommerce .product-small .box-text,
body.search-results .product-small .box-text {
min-height: 128px !important;
padding: 11px 9px 13px !important;
}
body.post-type-archive-product .product-title a,
body.tax-product_cat .product-title a,
body.woocommerce-shop .product-title a,
body.archive.woocommerce .product-title a,
body.search-results .product-title a {
font-size: 14px !important;
line-height: 1.42 !important;
text-align: center !important;
text-align-last: center !important;
-webkit-line-clamp: 4 !important;
}
/* Bottom dock: no extra white scroll after footer; keep labels visible. */
#phongvt-contact-footer-outer {
height: 66px !important;
background: rgba(255, 255, 255, .98) !important;
}
#phongvt-contact-footer a {
font-size: 12px !important;
}
}
@media screen and (max-width: 374px) {
.rt03 .product-small.box {
grid-template-columns: 47% 53% !important;
}
body.post-type-archive-product .products.row,
body.tax-product_cat .products.row,
body.woocommerce-shop .products.row,
body.archive.woocommerce .products.row,
body.search-results .products.row {
gap: 10px !important;
padding-left: 10px !important;
padding-right: 10px !important;
}
}
/* ===== MOBILE V4.2 HOTFIX: product archive + contact branches ===== */
@media screen and (max-width: 849px) {
/* Product archive/category pages should not inherit the homepage horizontal product cards. */
body.post-type-archive-product .products.row,
body.tax-product_cat .products.row,
body.woocommerce-shop .products.row,
body.archive.woocommerce .products.row,
body.search-results .products.row {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 12px !important;
padding: 0 12px 18px !important;
margin: 0 !important;
}
body.post-type-archive-product .products.row > .product,
body.tax-product_cat .products.row > .product,
body.woocommerce-shop .products.row > .product,
body.archive.woocommerce .products.row > .product,
body.search-results .products.row > .product {
width: 100% !important;
max-width: 100% !important;
flex-basis: auto !important;
padding: 0 !important;
margin: 0 !important;
}
body.post-type-archive-product .product-small .col-inner,
body.tax-product_cat .product-small .col-inner,
body.woocommerce-shop .product-small .col-inner,
body.archive.woocommerce .product-small .col-inner,
body.search-results .product-small .col-inner {
height: 100% !important;
border: 1px solid #e7ebe7 !important;
border-radius: 10px !important;
background: #fff !important;
box-shadow: 0 4px 14px rgba(0, 0, 0, .06) !important;
overflow: hidden !important;
}
body.post-type-archive-product .product-small.box,
body.tax-product_cat .product-small.box,
body.woocommerce-shop .product-small.box,
body.archive.woocommerce .product-small.box,
body.search-results .product-small.box {
display: block !important;
min-height: 0 !important;
padding: 0 !important;
background: #fff !important;
}
body.post-type-archive-product .product-small .box-image,
body.tax-product_cat .product-small .box-image,
body.woocommerce-shop .product-small .box-image,
body.archive.woocommerce .product-small .box-image,
body.search-results .product-small .box-image {
width: 100% !important;
height: auto !important;
min-height: 0 !important;
margin: 0 !important;
aspect-ratio: 1 / 1 !important;
background: #f6f6f4 !important;
}
body.post-type-archive-product .product-small .box-image .image-zoom,
body.post-type-archive-product .product-small .box-image a,
body.tax-product_cat .product-small .box-image .image-zoom,
body.tax-product_cat .product-small .box-image a,
body.woocommerce-shop .product-small .box-image .image-zoom,
body.woocommerce-shop .product-small .box-image a,
body.archive.woocommerce .product-small .box-image .image-zoom,
body.archive.woocommerce .product-small .box-image a,
body.search-results .product-small .box-image .image-zoom,
body.search-results .product-small .box-image a {
display: block !important;
width: 100% !important;
height: 100% !important;
}
body.post-type-archive-product .product-small .box-image img,
body.tax-product_cat .product-small .box-image img,
body.woocommerce-shop .product-small .box-image img,
body.archive.woocommerce .product-small .box-image img,
body.search-results .product-small .box-image img {
width: 100% !important;
height: 100% !important;
min-height: 0 !important;
aspect-ratio: 1 / 1 !important;
object-fit: cover !important;
object-position: center !important;
display: block !important;
}
body.post-type-archive-product .product-small .box-text,
body.tax-product_cat .product-small .box-text,
body.woocommerce-shop .product-small .box-text,
body.archive.woocommerce .product-small .box-text,
body.search-results .product-small .box-text {
width: 100% !important;
min-height: 104px !important;
padding: 10px 9px 12px !important;
display: flex !important;
flex-direction: column !important;
justify-content: flex-start !important;
background: #fff !important;
text-align: center !important;
}
body.post-type-archive-product .product-title a,
body.tax-product_cat .product-title a,
body.woocommerce-shop .product-title a,
body.archive.woocommerce .product-title a,
body.search-results .product-title a {
font-size: 13.5px !important;
line-height: 1.42 !important;
font-weight: 800 !important;
text-align: center !important;
-webkit-line-clamp: 3;
}
body.post-type-archive-product .price,
body.tax-product_cat .price,
body.woocommerce-shop .price,
body.archive.woocommerce .price,
body.search-results .price {
margin-top: 7px !important;
text-align: center !important;
}
body.post-type-archive-product .price span.amount,
body.tax-product_cat .price span.amount,
body.woocommerce-shop .price span.amount,
body.archive.woocommerce .price span.amount,
body.search-results .price span.amount {
font-size: 14px !important;
}
body.post-type-archive-product .image-tools.top.right,
body.tax-product_cat .image-tools.top.right,
body.woocommerce-shop .image-tools.top.right,
body.archive.woocommerce .image-tools.top.right,
body.search-results .image-tools.top.right {
display: none !important;
}
.woocommerce-ordering,
.woocommerce-ordering select,
.category-filtering,
.category-filter-row {
width: 100% !important;
max-width: 100% !important;
}
.woocommerce-ordering {
padding: 0 14px 12px !important;
margin: 0 !important;
}
.woocommerce-ordering select {
height: 42px !important;
font-size: 14px !important;
border-radius: 6px !important;
}
/* Contact page branches: compact cards, no tall four-block feeling. */
.lien-he .col,
.contact .col {
padding-bottom: 12px !important;
}
.box_chinhanh,
.box_lien_he,
.box_contact,
.chi_nhanh,
.chinhanh,
.branch-item,
.contact-branch,
[class*="chi-nhanh"],
[class*="chinhanh"],
[class*="branch"] {
min-height: 0 !important;
height: auto !important;
padding: 16px 14px !important;
margin-bottom: 12px !important;
border-radius: 10px !important;
}
.box_chinhanh .icon,
.box_lien_he .icon,
.box_contact .icon,
.chi_nhanh .icon,
.chinhanh .icon,
.branch-item .icon,
.contact-branch .icon,
[class*="chi-nhanh"] .icon,
[class*="chinhanh"] .icon,
[class*="branch"] .icon {
width: 42px !important;
height: 42px !important;
min-width: 42px !important;
min-height: 42px !important;
margin: 0 auto 8px !important;
}
.box_chinhanh h3,
.box_lien_he h3,
.box_contact h3,
.chi_nhanh h3,
.chinhanh h3,
.branch-item h3,
.contact-branch h3,
[class*="chi-nhanh"] h3,
[class*="chinhanh"] h3,
[class*="branch"] h3 {
font-size: 18px !important;
line-height: 1.25 !important;
margin: 0 0 8px !important;
}
.box_chinhanh p,
.box_lien_he p,
.box_contact p,
.chi_nhanh p,
.chinhanh p,
.branch-item p,
.contact-branch p,
[class*="chi-nhanh"] p,
[class*="chinhanh"] p,
[class*="branch"] p {
font-size: 14.5px !important;
line-height: 1.55 !important;
margin-bottom: 6px !important;
}
}
@media screen and (max-width: 374px) {
body.post-type-archive-product .products.row,
body.tax-product_cat .products.row,
body.woocommerce-shop .products.row,
body.archive.woocommerce .products.row,
body.search-results .products.row {
gap: 10px !important;
padding-left: 10px !important;
padding-right: 10px !important;
}
body.post-type-archive-product .product-title a,
body.tax-product_cat .product-title a,
body.woocommerce-shop .product-title a,
body.archive.woocommerce .product-title a,
body.search-results .product-title a {
font-size: 13px !important;
}
}
/* ===== MOBILE V4.3 HOTFIX: contact page inline layout ===== */
@media screen and (max-width: 849px) {
body.page-id-510 #content {
padding-bottom: 76px !important;
}
body.page-id-510 #content > div {
max-width: 100% !important;
padding: 0 12px !important;
}
body.page-id-510 #content h2 {
font-size: 26px !important;
line-height: 1.25 !important;
margin: 14px 0 14px !important;
color: #00733f !important;
text-align: center !important;
}
body.page-id-510 #content iframe {
width: 100% !important;
height: 260px !important;
border-radius: 10px !important;
display: block !important;
}
body.page-id-510 #content div[style*="margin-bottom:36px"] {
margin-bottom: 18px !important;
border-radius: 10px !important;
}
body.page-id-510 #content p[style*="text-align:center"] {
font-size: 15px !important;
line-height: 1.45 !important;
margin: 0 0 14px !important;
text-align: left !important;
}
body.page-id-510 #content div[style*="display:flex"][style*="flex-wrap:wrap"] {
display: grid !important;
grid-template-columns: 1fr !important;
gap: 10px !important;
padding: 0 !important;
}
body.page-id-510 #content div[style*="min-width:220px"] {
width: 100% !important;
min-width: 0 !important;
min-height: 0 !important;
padding: 13px 14px !important;
margin: 0 !important;
border: 1px solid #e6ebe7 !important;
border-radius: 10px !important;
box-shadow: 0 3px 12px rgba(0, 0, 0, .045) !important;
text-align: left !important;
}
body.page-id-510 #content div[style*="min-width:220px"] > div:first-child {
float: left !important;
width: 38px !important;
height: 38px !important;
margin: 2px 12px 0 0 !important;
border-width: 1px !important;
font-size: 18px !important;
}
body.page-id-510 #content div[style*="min-width:220px"] h3 {
font-size: 16px !important;
line-height: 1.25 !important;
margin: 0 0 5px !important;
color: #00733f !important;
text-align: left !important;
}
body.page-id-510 #content div[style*="min-width:220px"] p {
font-size: 14px !important;
line-height: 1.48 !important;
margin: 0 0 4px !important;
color: #26362d !important;
text-align: left !important;
}
body.page-id-510 #content div[style*="min-width:220px"] a {
font-size: 14px !important;
color: #c0392b !important;
}
}
@media screen and (max-width: 374px) {
body {
font-size: 15px !important;
}
#content p,
.entry-content p,
.text-inner,
.text-inner p,
#content li {
font-size: 15px !important;
line-height: 1.68 !important;
}
#content h2,
.rt-heading,
.section-title span,
.block__element_head h2 {
font-size: 23px !important;
}
.rt02 .row {
gap: 10px !important;
padding-left: 12px !important;
padding-right: 12px !important;
}
.rt03 .product-small.box {
grid-template-columns: 41% 59% !important;
min-height: 148px !important;
}
.rt03 .product-small .box-image,
.rt03 .product-small .box-image img,
.rt03 .product-small .box-text {
min-height: 148px !important;
}
.product-title a,
.rt03 .product-title a,
.rt03 .box-text .product-title a {
font-size: 15px !important;
}
.rt03 .price span.amount,
.rt03 .box-text span.amount,
.box-text span.amount {
font-size: 16px !important;
}
}
/* ===== MOBILE V4.1 HOTFIX: restore Flatsome icons + bigger header/dock ===== */
@media screen and (max-width: 849px) {
[class^="icon-"],
[class*=" icon-"],
i[class^="icon-"],
i[class*=" icon-"],
.icon-search,
.icon-shopping-cart,
.icon-basket,
.icon-menu,
.icon-heart-o,
.icon-user,
.icon-angle-down,
.icon-angle-left,
.icon-angle-right,
.icon-phone,
.icon-envelop,
.icon-instagram,
.icon-facebook,
.icon-twitter,
.icon-youtube,
[class^="icon-"]::before,
[class*=" icon-"]::before,
i[class^="icon-"]::before,
i[class*=" icon-"]::before,
.icon-search::before,
.icon-shopping-cart::before,
.icon-basket::before,
.icon-menu::before,
.icon-heart-o::before,
.icon-user::before {
font-family: "fl-icons" !important;
font-style: normal !important;
font-weight: normal !important;
speak: never;
}
#header .header-main,
#header .header-wrapper,
#header .header-inner,
#header .stuck .header-main,
#header .stuck .header-inner {
height: 66px !important;
min-height: 66px !important;
}
#header .header-inner {
padding: 0 14px !important;
}
#header #logo {
width: 72px !important;
max-width: 72px !important;
}
#header #logo a {
height: 66px !important;
}
#header #logo img,
#logo img {
width: auto !important;
max-width: 72px !important;
max-height: 56px !important;
opacity: 1 !important;
visibility: visible !important;
display: block !important;
object-fit: contain !important;
}
#header #logo img.header-logo-dark,
#logo img.header-logo-dark {
display: none !important;
opacity: 0 !important;
visibility: hidden !important;
}
#header .mobile-nav > li > a,
#header .mobile-nav .header-button > a,
#header .mobile-nav .header-search a.icon,
#header .mobile-nav .header-search a.button {
width: 40px !important;
min-width: 40px !important;
height: 40px !important;
min-height: 40px !important;
}
#header .mobile-nav i,
#header .mobile-nav .icon-search,
#header .mobile-nav .icon-shopping-cart,
#header .mobile-nav .icon-basket,
#header .mobile-nav .icon-menu {
font-size: 24px !important;
color: #00733f !important;
}
body {
padding-bottom: 74px !important;
}
.footer-wrapper,
.footer {
padding-bottom: 86px !important;
}
#phongvt-contact-footer-outer {
height: 66px !important;
padding: 5px 10px calc(5px + env(safe-area-inset-bottom)) !important;
}
#phongvt-contact-footer {
height: 56px !important;
gap: 4px !important;
}
#phongvt-contact-footer a {
height: 56px !important;
font-size: 12px !important;
line-height: 1.15 !important;
font-weight: 700 !important;
}
#phongvt-contact-footer img {
width: 26px !important;
height: 26px !important;
margin-bottom: 4px !important;
}
#phongvt-contact-footer a span,
#phongvt-contact-footer a .phongvt-contact-footer-btn-label,
#phongvt-contact-footer-btn-center span,
#phongvt-contact-footer-btn-center .phongvt-contact-footer-btn-label {
font-size: 12px !important;
line-height: 1.15 !important;
}
}
/* ===== MOBILE V4.5 FINAL: bottom call button + uniform shop cards ===== */
@media screen and (max-width: 549px) {
/* The centre call image has a stricter theme rule (max-width: 20px).
Override it here so the call badge remains visible and tappable. */
#phongvt-contact-footer-outer {
height: 78px !important;
padding: 7px 8px calc(6px + env(safe-area-inset-bottom)) !important;
background: #fff !important;
box-shadow: 0 -2px 12px rgba(0, 0, 0, .12) !important;
}
#phongvt-contact-footer,
#phongvt-contact-footer:after {
height: 64px !important;
border-bottom: 0 !important;
}
#phongvt-contact-footer > a {
height: 64px !important;
padding-top: 8px !important;
}
#phongvt-contact-footer > a img {
width: 30px !important;
height: 30px !important;
max-width: 30px !important;
max-height: 30px !important;
}
#phongvt-contact-footer-btn-center .phongvt-contact-footer-btn-center-icon {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 62px !important;
height: 62px !important;
top: -37px !important;
z-index: 2 !important;
}
#phongvt-contact-footer-btn-center .phone-vr-circle-fill {
display: none !important;
}
#phongvt-contact-footer-btn-center .phongvt-contact-footer-btn-center-icon img {
display: block !important;
position: static !important;
transform: none !important;
width: 38px !important;
height: 38px !important;
max-width: 38px !important;
max-height: 38px !important;
margin: 0 !important;
z-index: 3 !important;
}
#phongvt-contact-footer-btn-center .phongvt-contact-footer-btn-label {
bottom: 4px !important;
font-size: 12px !important;
white-space: nowrap !important;
}
#phongvt-contact-footer-btn-center .phongvt-contact-footer-btn-label > span {
padding: 2px 10px !important;
}
/* Archive product cards: every card in a row has the same height, while
the image, title and price each keep a predictable allocated area. */
body.post-type-archive-product .products,
body.tax-product_cat .products,
body.woocommerce-shop .products,
body.archive.woocommerce .products {
align-items: stretch !important;
}
body.post-type-archive-product .products > .product-small.col,
body.tax-product_cat .products > .product-small.col,
body.woocommerce-shop .products > .product-small.col,
body.archive.woocommerce .products > .product-small.col {
display: flex !important;
margin-bottom: 14px !important;
}
body.post-type-archive-product .products .product-small.box,
body.tax-product_cat .products .product-small.box,
body.woocommerce-shop .products .product-small.box,
body.archive.woocommerce .products .product-small.box {
display: flex !important;
flex-direction: column !important;
width: 100% !important;
height: 336px !important;
min-height: 336px !important;
overflow: hidden !important;
}
body.post-type-archive-product .products .box-image,
body.tax-product_cat .products .box-image,
body.woocommerce-shop .products .box-image,
body.archive.woocommerce .products .box-image {
flex: 0 0 auto !important;
height: auto !important;
aspect-ratio: 1.16 / 1 !important;
overflow: hidden !important;
}
body.post-type-archive-product .products .box-image img,
body.tax-product_cat .products .box-image img,
body.woocommerce-shop .products .box-image img,
body.archive.woocommerce .products .box-image img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
}
body.post-type-archive-product .products .box-text-products,
body.tax-product_cat .products .box-text-products,
body.woocommerce-shop .products .box-text-products,
body.archive.woocommerce .products .box-text-products {
display: flex !important;
flex: 1 1 auto !important;
flex-direction: column !important;
padding: 12px 10px 11px !important;
}
body.post-type-archive-product .products .product-title,
body.post-type-archive-product .products .product-title a,
body.tax-product_cat .products .product-title,
body.tax-product_cat .products .product-title a,
body.woocommerce-shop .products .product-title,
body.woocommerce-shop .products .product-title a,
body.archive.woocommerce .products .product-title,
body.archive.woocommerce .products .product-title a {
display: -webkit-box !important;
min-height: 92px !important;
margin: 0 !important;
overflow: hidden !important;
-webkit-box-orient: vertical !important;
-webkit-line-clamp: 4 !important;
font-size: 17px !important;
line-height: 1.36 !important;
text-align: center !important;
text-align-last: center !important;
}
body.post-type-archive-product .products .price,
body.tax-product_cat .products .price,
body.woocommerce-shop .products .price,
body.archive.woocommerce .products .price {
margin-top: auto !important;
padding-top: 6px !important;
font-size: 15px !important;
line-height: 1.2 !important;
text-align: left !important;
}
}
/* ===== MOBILE V4.6: cleaner product names in the two-column shop ===== */
@media screen and (max-width: 549px) {
body.post-type-archive-product .products .box-text-products .name.product-title,
body.tax-product_cat .products .box-text-products .name.product-title,
body.woocommerce-shop .products .box-text-products .name.product-title,
body.archive.woocommerce .products .box-text-products .name.product-title {
display: flex !important;
align-items: flex-start !important;
justify-content: center !important;
height: 76px !important;
min-height: 76px !important;
max-height: 76px !important;
margin: 0 !important;
overflow: hidden !important;
}
body.post-type-archive-product .products .box-text-products .name.product-title a,
body.tax-product_cat .products .box-text-products .name.product-title a,
body.woocommerce-shop .products .box-text-products .name.product-title a,
body.archive.woocommerce .products .box-text-products .name.product-title a {
display: block !important;
min-height: 0 !important;
max-height: none !important;
margin: 0 !important;
overflow: visible !important;
-webkit-line-clamp: unset !important;
font-size: 15px !important;
font-weight: 600 !important;
line-height: 1.42 !important;
letter-spacing: 0 !important;
word-break: normal !important;
overflow-wrap: normal !important;
hyphens: none !important;
text-align: center !important;
text-align-last: center !important;
text-wrap: balance !important;
}
body.post-type-archive-product .products .box-text-products .price,
body.tax-product_cat .products .box-text-products .price,
body.woocommerce-shop .products .box-text-products .price,
body.archive.woocommerce .products .box-text-products .price {
font-size: 15px !important;
font-weight: 500 !important;
text-align: left !important;
}
}
/* Keep the call image above the dock: an older rule changes this span to static. */
@media screen and (max-width: 549px) {
#phongvt-contact-footer-btn-center .phongvt-contact-footer-btn-center-icon {
position: absolute !important;
left: 50% !important;
top: -37px !important;
transform: translateX(-50%) !important;
background: #00733f !important;
border: 3px solid #fff !important;
box-shadow: 0 3px 10px rgba(0, 0, 0, .22) !important;
overflow: visible !important;
}
#phongvt-contact-footer-btn-center {
overflow: visible !important;
}
#phongvt-contact-footer-btn-center .phongvt-contact-footer-btn-center-icon img {
display: none !important;
}
#phongvt-contact-footer-btn-center .phongvt-contact-footer-btn-center-icon::after {
content: "\\f095" !important;
font-family: "Font Awesome 5 Free" !important;
font-size: 27px !important;
font-weight: 900 !important;
line-height: 1 !important;
color: #fff !important;
}
#phongvt-contact-footer-btn-center .phongvt-contact-footer-btn-center-icon {
border-radius: 50% !important;
}
#phongvt-contact-footer-btn-center .phongvt-contact-footer-btn-center-icon::after {
content: "\260e" !important;
font-family: Arial, sans-serif !important;
font-size: 30px !important;
font-weight: 700 !important;
display: block !important;
}
/* Four equal actions on one baseline. */
#phongvt-contact-footer {
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
align-items: start !important;
gap: 0 !important;
}
#phongvt-contact-footer > a,
#phongvt-contact-footer-btn-center {
width: auto !important;
min-width: 0 !important;
padding: 7px 0 0 !important;
text-align: center !important;
}
#phongvt-contact-footer-btn-center .phongvt-contact-footer-btn-center-icon {
position: static !important;
transform: none !important;
width: 30px !important;
height: 30px !important;
margin: 0 auto 4px !important;
border: 0 !important;
box-shadow: none !important;
}
#phongvt-contact-footer-btn-center .phongvt-contact-footer-btn-center-icon::after {
font-size: 19px !important;
line-height: 30px !important;
}
#phongvt-contact-footer-btn-center .phongvt-contact-footer-btn-label {
position: static !important;
transform: none !important;
display: block !important;
line-height: 1.15 !important;
}
#phongvt-contact-footer-btn-center .phongvt-contact-footer-btn-label > span {
padding: 0 !important;
background: transparent !important;
border-radius: 0 !important;
color: #00733f !important;
}
}
/* ===== MOBILE V4.8: compact, readable checkout and bank-transfer pages ===== */
@media screen and (max-width: 549px) {
body.woocommerce-checkout #main,
body.woocommerce-order-received #main {
padding: 18px 16px 88px !important;
}
body.woocommerce-checkout #content,
body.woocommerce-order-received #content {
max-width: 100% !important;
}
body.woocommerce-checkout .entry-content h1,
body.woocommerce-checkout .entry-content h2,
body.woocommerce-checkout .entry-content h3,
body.woocommerce-order-received .entry-content h1,
body.woocommerce-order-received .entry-content h2,
body.woocommerce-order-received .entry-content h3,
body.woocommerce-checkout .woocommerce-order-details__title,
body.woocommerce-order-received .woocommerce-order-details__title,
body.woocommerce-checkout .woocommerce-customer-details h2,
body.woocommerce-order-received .woocommerce-customer-details h2 {
font-size: 26px !important;
line-height: 1.25 !important;
letter-spacing: 0 !important;
margin: 24px 0 14px !important;
text-align: left !important;
}
body.woocommerce-checkout .page-title,
body.woocommerce-order-received .page-title {
font-size: 22px !important;
line-height: 1.3 !important;
margin: 4px 0 20px !important;
text-align: center !important;
}
body.woocommerce-checkout .entry-content img,
body.woocommerce-order-received .entry-content img {
display: block !important;
width: auto !important;
max-width: min(230px, 100%) !important;
height: auto !important;
margin: 12px auto !important;
}
body.woocommerce-checkout .woocommerce table,
body.woocommerce-order-received .woocommerce table {
font-size: 13px !important;
line-height: 1.42 !important;
margin: 0 0 20px !important;
}
body.woocommerce-checkout .woocommerce table th,
body.woocommerce-checkout .woocommerce table td,
body.woocommerce-order-received .woocommerce table th,
body.woocommerce-order-received .woocommerce table td {
padding: 9px 4px !important;
vertical-align: top !important;
}
body.woocommerce-checkout .woocommerce table th:last-child,
body.woocommerce-checkout .woocommerce table td:last-child,
body.woocommerce-order-received .woocommerce table th:last-child,
body.woocommerce-order-received .woocommerce table td:last-child {
text-align: right !important;
white-space: nowrap !important;
}
body.woocommerce-checkout .woocommerce-customer-details address,
body.woocommerce-order-received .woocommerce-customer-details address,
body.woocommerce-checkout .woocommerce-order-details p,
body.woocommerce-order-received .woocommerce-order-details p {
font-size: 15px !important;
line-height: 1.6 !important;
text-align: left !important;
}
}
/* ===== MOBILE V4.9: compact editorial sections, posts and product details ===== */
@media screen and (max-width: 549px) {
/* Keep CTA icons above their labels and centre both lines. */
.rt01 a.button,
.rt-text a.button,
.entry-content a.button {
display: inline-flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
gap: 4px !important;
min-height: 58px !important;
padding: 7px 10px !important;
line-height: 1.15 !important;
text-align: center !important;
}
.rt01 a.button i,
.rt-text a.button i,
.entry-content a.button i {
margin: 0 !important;
font-size: 16px !important;
}
.rt01 a.button span,
.rt-text a.button span,
.entry-content a.button span {
white-space: nowrap !important;
text-align: center !important;
}
/* A clear solid date badge in the food/news slider. */
#main .post-date,
#main .badge-outline .badge-inner {
width: 48px !important;
height: 52px !important;
padding: 5px 2px !important;
border: 2px solid #00733f !important;
border-radius: 0 !important;
background: #00733f !important;
color: #fff !important;
box-shadow: none !important;
}
#main .post-date *,
#main .badge-outline .badge-inner * {
color: #fff !important;
line-height: 1.1 !important;
}
#main .post-date::before,
#main .post-date::after,
#main .badge-outline .badge-inner::before,
#main .badge-outline .badge-inner::after {
display: none !important;
}
/* Page section headings no longer create a second orphan line. */
body.page:not(.home) .entry-content h2 {
font-size: 18px !important;
line-height: 1.3 !important;
margin: 20px 0 10px !important;
white-space: nowrap !important;
text-align: center !important;
}
body.page:not(.home) .entry-content h2 + .is-divider,
body.page:not(.home) .entry-content h2 + .section-title-normal {
margin-top: 0 !important;
}
/* Give two-column product names the full text width, not an inner narrow column. */
body.post-type-archive-product .products .box-text-products,
body.tax-product_cat .products .box-text-products,
body.woocommerce-shop .products .box-text-products,
body.archive.woocommerce .products .box-text-products {
padding-left: 5px !important;
padding-right: 5px !important;
}
body.post-type-archive-product .products .box-text-products .name.product-title,
body.tax-product_cat .products .box-text-products .name.product-title,
body.woocommerce-shop .products .box-text-products .name.product-title,
body.archive.woocommerce .products .box-text-products .name.product-title {
height: 63px !important;
min-height: 63px !important;
max-height: 63px !important;
}
body.post-type-archive-product .products .box-text-products .name.product-title a,
body.tax-product_cat .products .box-text-products .name.product-title a,
body.woocommerce-shop .products .box-text-products .name.product-title a,
body.archive.woocommerce .products .box-text-products .name.product-title a {
font-size: 14px !important;
line-height: 1.42 !important;
text-wrap: balance !important;
}
/* News previews stop cleanly after two lines; every image gets the same shadow. */
.blog-posts .post-item .box-text p,
.blog-post-inner .from_the_blog_excerpt,
.from_the_blog_excerpt {
display: -webkit-box !important;
-webkit-box-orient: vertical !important;
-webkit-line-clamp: 2 !important;
max-height: 3.2em !important;
min-height: 0 !important;
overflow: hidden !important;
}
.blog-posts .box-image img,
.blog-post-inner .box-image img,
.blog-posts .post-item > a img {
box-shadow: 0 5px 14px rgba(0, 0, 0, .14) !important;
}
/* Remove the dead space before product description/review tabs. */
.single-product .product-footer,
.single-product .woocommerce-tabs,
.single-product .product-page-sections {
margin-top: 0 !important;
padding-top: 0 !important;
}
.single-product .woocommerce-tabs .nav,
.single-product .woocommerce-tabs .tab-panels {
margin-top: 0 !important;
}
}
/* ===== MOBILE V4.10: exact selectors for the remaining reported blocks ===== */
@media screen and (max-width: 549px) {
/* Home: feedback and quotation buttons. */
#row-388434503 .col-inner > a.button {
display: flex !important;
width: 100% !important;
height: 62px !important;
min-height: 62px !important;
margin: 0 !important;
padding: 7px 4px !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
gap: 4px !important;
text-align: center !important;
}
#row-388434503 .col-inner > a.button > i,
#row-388434503 .col-inner > a.button > span {
display: block !important;
float: none !important;
margin: 0 !important;
line-height: 1.15 !important;
text-align: center !important;
}
#row-388434503 .col-inner > a.button > span {
font-size: 12px !important;
white-space: nowrap !important;
}
/* About page /ve-chung-toi: heading fits one line and section starts sooner. */
body.page-id-508 #section_1093491155,
body.page-id-508 .our_02 {
padding-top: 18px !important;
padding-bottom: 18px !important;
}
body.page-id-508 .our_02 .block__element_head {
margin: 0 !important;
padding: 0 !important;
}
body.page-id-508 .our_02 .block__element_head h2.heading {
font-size: 17px !important;
line-height: 1.2 !important;
margin: 0 0 10px !important;
white-space: nowrap !important;
letter-spacing: 0 !important;
}
body.page-id-508 #text-4244029882 p {
margin: 0 0 8px !important;
font-size: 15px !important;
line-height: 1.55 !important;
}
/* Product archive: retain the whole card width for every title. */
body.woocommerce-shop .products .box-text-products .name.product-title,
body.post-type-archive-product .products .box-text-products .name.product-title,
body.tax-product_cat .products .box-text-products .name.product-title {
display: block !important;
width: 100% !important;
}
body.woocommerce-shop .products .box-text-products .name.product-title a,
body.post-type-archive-product .products .box-text-products .name.product-title a,
body.tax-product_cat .products .box-text-products .name.product-title a {
display: block !important;
width: 100% !important;
text-wrap: wrap !important;
white-space: normal !important;
}
/* Tighten vertical gaps in post lists and hide any clipped third line. */
.blog-posts .post-item .box-text,
.blog-post-inner .box-text {
padding-top: 12px !important;
padding-bottom: 12px !important;
}
.blog-posts .post-item .box-text p,
.blog-post-inner p.from_the_blog_excerpt,
.blog-post-inner .from_the_blog_excerpt,
.blog-post-inner .post-item p {
display: -webkit-box !important;
-webkit-box-orient: vertical !important;
-webkit-line-clamp: 2 !important;
line-height: 1.5 !important;
height: 3em !important;
max-height: 3em !important;
margin: 8px 0 !important;
overflow: hidden !important;
}
.single-product .product-main,
.single-product .product-info,
.single-product .product-footer {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
}
/* ===== MOBILE V4.11: final visual alignment overrides ===== */
@media screen and (max-width: 549px) {
/* This section ID is stable even when its row ID changes after editing in UX Builder. */
#section_1759999272 a.button.white {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
gap: 4px !important;
height: 62px !important;
min-height: 62px !important;
padding: 6px 4px !important;
text-align: center !important;
}
#section_1759999272 a.button.white > i,
#section_1759999272 a.button.white > span {
display: block !important;
width: 100% !important;
margin: 0 !important;
float: none !important;
text-align: center !important;
}
#section_1759999272 a.button.white > span {
font-size: 12px !important;
white-space: nowrap !important;
}
/* It must fit, not be cut off: exact about-page headline. */
body.page-id-508 .our_02 .block__element_head h2.heading {
font-size: 15px !important;
line-height: 1.2 !important;
white-space: nowrap !important;
overflow: visible !important;
}
/* Prices sit on the same centre axis as every product name. */
body.woocommerce-shop .products .price,
body.post-type-archive-product .products .price,
body.tax-product_cat .products .price,
body.archive.woocommerce .products .price {
display: block !important;
width: 100% !important;
text-align: center !important;
text-align-last: center !important;
}
body.woocommerce-shop .products .price .amount,
body.post-type-archive-product .products .price .amount,
body.tax-product_cat .products .price .amount,
body.archive.woocommerce .products .price .amount {
float: none !important;
margin: 0 auto !important;
}
}
/*
* Mobile final overrides for Chả Bò Bà Kim.
* Paste this whole file at the very end of Appearance > Customize > Additional CSS.
*/
@media screen and (max-width: 549px) {
/* Home feedback / quotation actions: icon above, label below. */
body.home #content section.rt04 .row .col .col-inner > a.button.white {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
gap: 4px !important;
width: 100% !important;
height: 64px !important;
min-height: 64px !important;
margin: 0 !important;
padding: 7px 4px !important;
text-align: center !important;
white-space: normal !important;
}
body.home #content section.rt04 .row .col .col-inner > a.button.white > i {
display: block !important;
float: none !important;
width: auto !important;
margin: 0 !important;
font-size: 17px !important;
line-height: 1 !important;
text-align: center !important;
}
body.home #content section.rt04 .row .col .col-inner > a.button.white > span {
display: block !important;
float: none !important;
width: 100% !important;
margin: 0 !important;
font-size: 12px !important;
line-height: 1.15 !important;
text-align: center !important;
white-space: nowrap !important;
}
/* About page: compact gap and one complete heading line. */
body.page-id-508 #content section.our_02 {
padding-top: 14px !important;
padding-bottom: 16px !important;
}
body.page-id-508 #content section.our_01 {
padding-bottom: 0 !important;
}
body.page-id-508 #content section.our_01 .col {
padding-bottom: 0 !important;
}
body.page-id-508 #content section.our_01 .col-inner > br {
display: none !important;
}
body.page-id-508 #content section.our_02 .block__element_head,
body.page-id-508 #content section.our_02 .block__element_head h2.heading {
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
body.page-id-508 #content section.our_02 .block__element_head h2.heading {
font-size: 14px !important;
line-height: 1.25 !important;
letter-spacing: 0 !important;
text-align: center !important;
white-space: nowrap !important;
overflow: visible !important;
}
body.page-id-508 #content section.our_02 .title-separator {
margin-top: 8px !important;
}
body.page-id-508 #content section.our_02 .text p {
margin: 0 0 7px !important;
font-size: 15px !important;
line-height: 1.5 !important;
}
/* Product archive: consistent title area and centred prices. */
body.woocommerce-shop .products .box-text-products,
body.post-type-archive-product .products .box-text-products,
body.tax-product_cat .products .box-text-products {
display: flex !important;
flex-direction: column !important;
padding: 10px 5px 11px !important;
}
body.woocommerce-shop .products p.name.product-title,
body.post-type-archive-product .products p.name.product-title,
body.tax-product_cat .products p.name.product-title {
display: block !important;
width: 100% !important;
height: 60px !important;
min-height: 60px !important;
max-height: 60px !important;
margin: 0 !important;
overflow: hidden !important;
text-align: center !important;
}
body.woocommerce-shop .products p.name.product-title > a,
body.post-type-archive-product .products p.name.product-title > a,
body.tax-product_cat .products p.name.product-title > a {
display: block !important;
width: 100% !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
font-size: 14px !important;
font-weight: 600 !important;
line-height: 1.42 !important;
letter-spacing: 0 !important;
text-align: center !important;
text-align-last: center !important;
white-space: normal !important;
word-break: normal !important;
overflow-wrap: normal !important;
hyphens: none !important;
}
.products .box-text-products p.price_pro,
.box-text-products p.price_pro {
display: block !important;
width: 100% !important;
margin-top: auto !important;
padding-top: 7px !important;
text-align: center !important;
text-align-last: center !important;
}
.products .box-text-products p.price_pro > span,
.box-text-products p.price_pro > span {
display: inline-block !important;
float: none !important;
margin: 0 auto !important;
font-size: 15px !important;
}
/* News archive: exactly two complete excerpt lines. */
body.category #content .new-list-post .post-content .des {
height: auto !important;
max-height: 48px !important;
min-height: 0 !important;
margin: 8px 0 !important;
overflow: hidden !important;
}
body.category #content .new-list-post .post-content .des > p {
display: -webkit-box !important;
height: auto !important;
max-height: 48px !important;
min-height: 0 !important;
margin: 0 !important;
overflow: hidden !important;
-webkit-box-orient: vertical !important;
-webkit-line-clamp: 2 !important;
font-size: 15px !important;
line-height: 24px !important;
text-align: left !important;
}
body.category #content .new-list-post .post-image {
overflow: visible !important;
}
body.category #content .new-list-post .post-image img {
display: block !important;
width: 100% !important;
box-shadow: 0 5px 14px rgba(0, 0, 0, 0.15) !important;
}
body.category #content .new-list-post .post-content {
padding-top: 12px !important;
padding-bottom: 16px !important;
}
/* Single product: remove the large blank block before tabs. */
body.single-product .product-main,
body.single-product .product-info,
body.single-product .product-summary,
body.single-product .product-footer {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
body.single-product #content .product-footer {
margin-top: 0 !important;
padding-top: 0 !important;
}
body.single-product #content .product-footer > .container {
padding-top: 0 !important;
}
body.single-product #content .custom-product-tabs {
height: auto !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 0 10px !important;
}
body.single-product #content .custom-product-tabs .tab-btn {
min-height: 0 !important;
margin: 0 12px !important;
padding: 10px 0 8px !important;
}
body.single-product #content .custom-tab-content {
margin-top: 0 !important;
padding-top: 0 !important;
}
}
/*
* Mobile final overrides for Chả Bò Bà Kim.
* Paste this whole file at the very end of Appearance > Customize > Additional CSS.
*/
@media screen and (max-width: 549px) {
/* Home feedback / quotation actions: icon above, label below. */
body.home #content section.rt04 .row .col .col-inner > a.button.white {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
gap: 4px !important;
width: 100% !important;
height: 64px !important;
min-height: 64px !important;
margin: 0 !important;
padding: 7px 4px !important;
text-align: center !important;
white-space: normal !important;
}
body.home #content section.rt04 .row .col .col-inner > a.button.white > i {
display: block !important;
float: none !important;
width: auto !important;
margin: 0 !important;
font-size: 17px !important;
line-height: 1 !important;
text-align: center !important;
}
body.home #content section.rt04 .row .col .col-inner > a.button.white > span {
display: block !important;
float: none !important;
width: 100% !important;
margin: 0 !important;
font-size: 13px !important;
line-height: 1.15 !important;
text-align: center !important;
white-space: nowrap !important;
}
/* Home food-news date: compact square badge. */
body.home #content section.rt05 .post-date.badge {
width: 48px !important;
height: 48px !important;
min-width: 48px !important;
min-height: 48px !important;
padding: 0 !important;
}
body.home #content section.rt05 .post-date.badge .badge-inner {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
width: 48px !important;
height: 48px !important;
min-width: 48px !important;
min-height: 48px !important;
padding: 0 !important;
border: 0 !important;
line-height: 1.05 !important;
}
/* About page: compact gap and one complete heading line. */
body.page-id-508 #content section.our_02 {
padding-top: 14px !important;
padding-bottom: 16px !important;
}
body.page-id-508 #content section.our_01 {
padding-bottom: 0 !important;
}
body.page-id-508 #content section.our_01 .col {
padding-bottom: 0 !important;
}
body.page-id-508 #content section.our_01 .col-inner > br {
display: none !important;
}
body.page-id-508 #content section.our_02 .block__element_head,
body.page-id-508 #content section.our_02 .block__element_head h2.heading {
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
body.page-id-508 #content section.our_02 .block__element_head h2.heading {
font-size: 16px !important;
line-height: 1.25 !important;
letter-spacing: 0 !important;
text-align: center !important;
white-space: nowrap !important;
overflow: visible !important;
}
body.page-id-508 #content section.our_02 .title-separator {
margin-top: 8px !important;
}
body.page-id-508 #content section.our_02 .text p {
margin: 0 0 7px !important;
font-size: 15px !important;
line-height: 1.5 !important;
}
/* Product archive: consistent title area and centred prices. */
body.woocommerce-shop .products .box-text-products,
body.post-type-archive-product .products .box-text-products,
body.tax-product_cat .products .box-text-products {
display: flex !important;
flex-direction: column !important;
padding: 10px 5px 11px !important;
}
body.woocommerce-shop .products p.name.product-title,
body.post-type-archive-product .products p.name.product-title,
body.tax-product_cat .products p.name.product-title {
display: block !important;
width: 100% !important;
height: 60px !important;
min-height: 60px !important;
max-height: 60px !important;
margin: 0 !important;
overflow: hidden !important;
text-align: center !important;
}
body.woocommerce-shop .products p.name.product-title > a,
body.post-type-archive-product .products p.name.product-title > a,
body.tax-product_cat .products p.name.product-title > a {
display: block !important;
width: 100% !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
font-size: 14px !important;
font-weight: 600 !important;
line-height: 1.42 !important;
letter-spacing: 0 !important;
text-align: center !important;
text-align-last: center !important;
white-space: normal !important;
word-break: normal !important;
overflow-wrap: normal !important;
hyphens: none !important;
}
.products .box-text-products p.price_pro,
.box-text-products p.price_pro {
display: block !important;
width: 100% !important;
margin: 5px 0 0 !important;
padding-top: 0 !important;
text-align: center !important;
text-align-last: center !important;
}
.products .box-text-products p.price_pro > span,
.box-text-products p.price_pro > span {
display: inline-block !important;
float: none !important;
margin: 0 auto !important;
font-size: 15px !important;
}
/* News archive: exactly two complete excerpt lines. */
body.category #content .new-list-post .post-content .des {
height: auto !important;
max-height: 48px !important;
min-height: 0 !important;
margin: 8px 0 !important;
overflow: hidden !important;
}
body.category #content .new-list-post .post-content .des > p {
display: -webkit-box !important;
height: auto !important;
max-height: 48px !important;
min-height: 0 !important;
margin: 0 !important;
overflow: hidden !important;
-webkit-box-orient: vertical !important;
-webkit-line-clamp: 2 !important;
font-size: 15px !important;
line-height: 24px !important;
text-align: left !important;
}
body.category #content .new-list-post .post-image {
overflow: visible !important;
}
body.category #content .new-list-post .post-image img {
display: block !important;
width: 100% !important;
box-shadow: 0 5px 14px rgba(0, 0, 0, 0.15) !important;
}
body.category #content .new-list-post .post-content {
padding-top: 12px !important;
padding-bottom: 16px !important;
}
/* Keep Vietnamese place names visually together through balanced wrapping. */
body.category #content .new-list-post .post-content h3,
body.category #content .new-list-post .post-content h3 > a.title {
width: 100% !important;
font-size: 17px !important;
line-height: 1.3 !important;
letter-spacing: 0 !important;
text-align: center !important;
text-wrap: balance !important;
word-break: normal !important;
overflow-wrap: normal !important;
}
/* Single product: remove the large blank block before tabs. */
body.single-product .product-main,
body.single-product .product-info,
body.single-product .product-summary,
body.single-product .product-footer {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
body.single-product #content .product-footer {
margin-top: 0 !important;
padding-top: 0 !important;
}
body.single-product #content .product-footer > .container {
padding-top: 0 !important;
}
body.single-product #content .custom-product-tabs {
height: auto !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 0 10px !important;
}
body.single-product #content .custom-product-tabs .tab-btn {
min-height: 0 !important;
margin: 0 12px !important;
padding: 10px 0 8px !important;
}
body.single-product #content .custom-tab-content {
margin-top: 0 !important;
padding-top: 0 !important;
}
}
/*
* Mobile final overrides for Chả Bò Bà Kim.
* Paste this whole file at the very end of Appearance > Customize > Additional CSS.
*/
@media screen and (max-width: 549px) {
/* Home feedback / quotation actions: icon above, label below. */
body.home #content section.rt04 .row .col .col-inner > a.button.white {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
gap: 4px !important;
width: 100% !important;
height: 64px !important;
min-height: 64px !important;
margin: 0 !important;
padding: 7px 4px !important;
text-align: center !important;
white-space: normal !important;
}
body.home #content section.rt04 .row .col .col-inner > a.button.white > i {
display: block !important;
float: none !important;
width: auto !important;
margin: 0 !important;
font-size: 17px !important;
line-height: 1 !important;
text-align: center !important;
}
body.home #content section.rt04 .row .col .col-inner > a.button.white > span {
display: block !important;
float: none !important;
width: 100% !important;
margin: 0 !important;
font-size: 13px !important;
line-height: 1.15 !important;
text-align: center !important;
white-space: nowrap !important;
}
/* Home food-news date: compact square badge. */
body.home #content section.rt05 .post-date.badge {
width: 48px !important;
height: 48px !important;
min-width: 48px !important;
min-height: 48px !important;
padding: 0 !important;
}
body.home #content section.rt05 .post-date.badge .badge-inner {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
width: 48px !important;
height: 48px !important;
min-width: 48px !important;
min-height: 48px !important;
padding: 0 !important;
border: 0 !important;
line-height: 1.05 !important;
}
/* About page: compact gap and one complete heading line. */
body.page-id-508 #content section.our_02 {
padding-top: 14px !important;
padding-bottom: 16px !important;
}
body.page-id-508 #content section.our_01 {
padding-bottom: 0 !important;
}
body.page-id-508 #content section.our_01 .col {
padding-bottom: 0 !important;
}
body.page-id-508 #content section.our_01 .col-inner > br {
display: none !important;
}
body.page-id-508 #content section.our_02 .block__element_head,
body.page-id-508 #content section.our_02 .block__element_head h2.heading {
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
body.page-id-508 #content section.our_02 .block__element_head h2.heading {
font-size: 16px !important;
line-height: 1.25 !important;
letter-spacing: 0 !important;
text-align: center !important;
white-space: nowrap !important;
overflow: visible !important;
}
body.page-id-508 #content section.our_02 .title-separator {
margin-top: 8px !important;
}
body.page-id-508 #content section.our_02 .text p {
margin: 0 0 7px !important;
font-size: 15px !important;
line-height: 1.5 !important;
}
/* Product archive: consistent title area and centred prices. */
body.woocommerce-shop .products .box-text-products,
body.post-type-archive-product .products .box-text-products,
body.tax-product_cat .products .box-text-products {
display: flex !important;
flex-direction: column !important;
padding: 10px 5px 11px !important;
}
body.woocommerce-shop .products p.name.product-title,
body.post-type-archive-product .products p.name.product-title,
body.tax-product_cat .products p.name.product-title {
display: block !important;
width: 100% !important;
height: 44px !important;
min-height: 44px !important;
max-height: 44px !important;
margin: 0 !important;
overflow: hidden !important;
text-align: center !important;
}
body.woocommerce-shop .products p.name.product-title > a,
body.post-type-archive-product .products p.name.product-title > a,
body.tax-product_cat .products p.name.product-title > a {
display: block !important;
width: 100% !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
font-size: 14px !important;
font-weight: 600 !important;
line-height: 1.42 !important;
letter-spacing: 0 !important;
text-align: center !important;
text-align-last: center !important;
white-space: nowrap !important;
word-break: normal !important;
overflow-wrap: normal !important;
hyphens: none !important;
}
/* Long archive labels stay on the first line;
keeps weight/status on line two. */
body .products .post-3282 p.name.product-title > a {
font-size: 11px !important;
}
body .products .post-3284 p.name.product-title > a {
font-size: 11.2px !important;
}
body .products .post-3324 p.name.product-title > a {
font-size: 13px !important;
}
body .products .post-3289 p.name.product-title > a {
font-size: 14px !important;
}
body .products .post-3292 p.name.product-title > a {
font-size: 12px !important;
}
body .products .post-3294 p.name.product-title > a {
font-size: 13px !important;
}
.products .box-text-products p.price_pro,
.box-text-products p.price_pro {
display: block !important;
width: 100% !important;
margin: 5px 0 0 !important;
padding-top: 0 !important;
text-align: center !important;
text-align-last: center !important;
}
.products .box-text-products p.price_pro > span,
.box-text-products p.price_pro > span {
display: inline-block !important;
float: none !important;
margin: 0 auto !important;
font-size: 15px !important;
}
/* News archive: exactly two complete excerpt lines. */
body.category #content .new-list-post .post-content .des {
height: auto !important;
max-height: 48px !important;
min-height: 0 !important;
margin: 8px 0 !important;
overflow: hidden !important;
}
body.category #content .new-list-post .post-content .des > p {
display: -webkit-box !important;
height: auto !important;
max-height: 48px !important;
min-height: 0 !important;
margin: 0 !important;
overflow: hidden !important;
-webkit-box-orient: vertical !important;
-webkit-line-clamp: 2 !important;
font-size: 15px !important;
line-height: 24px !important;
text-align: left !important;
}
body.category #content .new-list-post .post-image {
overflow: visible !important;
}
body.category #content .new-list-post .post-image img {
display: block !important;
width: 100% !important;
box-shadow: 0 5px 14px rgba(0, 0, 0, 0.15) !important;
}
body.category #content .new-list-post .post-content {
padding-top: 12px !important;
padding-bottom: 16px !important;
}
/* Keep Vietnamese place names visually together through balanced wrapping. */
body.category #content .new-list-post .post-content h3,
body.category #content .new-list-post .post-content h3 > a.title {
width: 100% !important;
font-size: 17px !important;
line-height: 1.3 !important;
letter-spacing: 0 !important;
text-align: center !important;
text-wrap: balance !important;
word-break: normal !important;
overflow-wrap: normal !important;
}
/* Single product: remove the large blank block before tabs. */
body.single-product .product-main,
body.single-product .product-info,
body.single-product .product-summary,
body.single-product .product-footer {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
body.single-product #content .product-footer {
margin-top: 0 !important;
padding-top: 0 !important;
}
body.single-product #content .product-footer > .container {
padding-top: 0 !important;
}
body.single-product #content .custom-product-tabs {
height: auto !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 0 10px !important;
}
body.single-product #content .custom-product-tabs .tab-btn {
min-height: 0 !important;
margin: 0 12px !important;
padding: 10px 0 8px !important;
}
body.single-product #content .custom-tab-content {
margin-top: 0 !important;
padding-top: 0 !important;
}
/* Product information: remove bullets and the large default list indent. */
body.single-product #content .custom-product-info .product-wrap ul {
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
}
body.single-product #content .custom-product-info .product-wrap li {
list-style: none !important;
margin: 0 0 9px !important;
padding: 0 !important;
text-indent: 0 !important;
}
body.single-product #content .custom-product-info .product-wrap li::marker {
content: "" !important;
display: none !important;
}
/*
* Direct selectors for templates that render without #content/.products
* wrappers. Keep these last so old child-theme rules cannot win.
*/
body.post-type-archive-product .product-small .box-text-products p.name.product-title,
body.tax-product_cat .product-small .box-text-products p.name.product-title {
display: block !important;
width: 100% !important;
height: 44px !important;
min-height: 44px !important;
max-height: 44px !important;
margin: 0 !important;
overflow: hidden !important;
text-align: center !important;
}
body.post-type-archive-product .product-small .box-text-products p.name.product-title > a,
body.tax-product_cat .product-small .box-text-products p.name.product-title > a {
display: block !important;
width: 100% !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
line-height: 1.42 !important;
letter-spacing: 0 !important;
text-align: center !important;
white-space: nowrap !important;
word-break: normal !important;
overflow-wrap: normal !important;
}
body.post-type-archive-product .product-small.post-3282 p.name.product-title > a,
body.tax-product_cat .product-small.post-3282 p.name.product-title > a {
font-size: 11px !important;
}
body.post-type-archive-product .product-small.post-3284 p.name.product-title > a,
body.tax-product_cat .product-small.post-3284 p.name.product-title > a {
font-size: 11.2px !important;
}
body.post-type-archive-product .product-small.post-3324 p.name.product-title > a,
body.tax-product_cat .product-small.post-3324 p.name.product-title > a {
font-size: 13px !important;
}
body.post-type-archive-product .product-small.post-3289 p.name.product-title > a,
body.tax-product_cat .product-small.post-3289 p.name.product-title > a {
font-size: 14px !important;
}
body.post-type-archive-product .product-small.post-3292 p.name.product-title > a,
body.tax-product_cat .product-small.post-3292 p.name.product-title > a {
font-size: 12px !important;
}
body.post-type-archive-product .product-small.post-3294 p.name.product-title > a,
body.tax-product_cat .product-small.post-3294 p.name.product-title > a {
font-size: 13px !important;
}
body.post-type-archive-product .product-small .box-text-products p.price_pro,
body.tax-product_cat .product-small .box-text-products p.price_pro {
display: block !important;
width: 100% !important;
margin: 5px 0 0 !important;
padding: 0 !important;
text-align: center !important;
}
body.single-product .custom-product-info .product-wrap ul {
list-style: none !important;
list-style-type: none !important;
margin: 0 !important;
padding: 0 !important;
}
body.single-product .custom-product-info .product-wrap ul > li {
list-style: none !important;
list-style-type: none !important;
margin: 0 0 9px !important;
padding: 0 !important;
text-indent: 0 !important;
}
body.single-product .custom-product-info .product-wrap ul > li::before,
body.single-product .custom-product-info .product-wrap ul > li::marker {
content: "" !important;
display: none !important;
}
/* Beat the old #wrapper/#main archive rules that force titles back to 3 lines. */
html body.post-type-archive-product #wrapper #main .product-small .box-text-products p.name.product-title,
html body.tax-product_cat #wrapper #main .product-small .box-text-products p.name.product-title {
height: 44px !important;
min-height: 44px !important;
max-height: 44px !important;
}
html body.post-type-archive-product #wrapper #main .product-small .box-text-products p.name.product-title > a,
html body.tax-product_cat #wrapper #main .product-small .box-text-products p.name.product-title > a {
white-space: nowrap !important;
line-height: 1.42 !important;
}
html body.post-type-archive-product #wrapper #main .product-small.post-3282 p.name.product-title > a,
html body.tax-product_cat #wrapper #main .product-small.post-3282 p.name.product-title > a {
font-size: 11px !important;
}
html body.post-type-archive-product #wrapper #main .product-small.post-3284 p.name.product-title > a,
html body.tax-product_cat #wrapper #main .product-small.post-3284 p.name.product-title > a {
font-size: 11.2px !important;
}
html body.post-type-archive-product #wrapper #main .product-small.post-3324 p.name.product-title > a,
html body.tax-product_cat #wrapper #main .product-small.post-3324 p.name.product-title > a {
font-size: 13px !important;
}
html body.post-type-archive-product #wrapper #main .product-small.post-3289 p.name.product-title > a,
html body.tax-product_cat #wrapper #main .product-small.post-3289 p.name.product-title > a {
font-size: 14px !important;
}
html body.post-type-archive-product #wrapper #main .product-small.post-3292 p.name.product-title > a,
html body.tax-product_cat #wrapper #main .product-small.post-3292 p.name.product-title > a {
font-size: 12px !important;
}
html body.post-type-archive-product #wrapper #main .product-small.post-3294 p.name.product-title > a,
html body.tax-product_cat #wrapper #main .product-small.post-3294 p.name.product-title > a {
font-size: 13px !important;
}
/*
* Uniform two-line archive labels. The original full product name remains
* in the link for SEO/accessibility; only the compact card label changes.
*/
html body.post-type-archive-product #wrapper #main .product-small p.name.product-title > a,
html body.tax-product_cat #wrapper #main .product-small p.name.product-title > a {
font-size: 0 !important;
}
html body.post-type-archive-product #wrapper #main .product-small[class*="post-"] p.name.product-title > a,
html body.tax-product_cat #wrapper #main .product-small[class*="post-"] p.name.product-title > a {
font-size: 0 !important;
line-height: 0 !important;
}
html body.post-type-archive-product #wrapper #main .product-small p.name.product-title > a::before,
html body.tax-product_cat #wrapper #main .product-small p.name.product-title > a::before {
display: block !important;
width: 100% !important;
font-size: 13px !important;
font-weight: 600 !important;
line-height: 1.42 !important;
white-space: pre !important;
text-align: center !important;
}
html body.post-type-archive-product #wrapper #main .product-small.post-3282 p.name.product-title > a::before,
html body.tax-product_cat #wrapper #main .product-small.post-3282 p.name.product-title > a::before {
content: "TS002 – Tương Ớt Đặc Sản\A(300g) – (Có Hàng)" !important;
}
html body.post-type-archive-product #wrapper #main .product-small.post-3284 p.name.product-title > a::before,
html body.tax-product_cat #wrapper #main .product-small.post-3284 p.name.product-title > a::before {
content: "TS003 – Nem Chua Tỏi Ớt\A(1kg) – (Có Hàng)" !important;
}
html body.post-type-archive-product #wrapper #main .product-small.post-3324 p.name.product-title > a::before,
html body.tax-product_cat #wrapper #main .product-small.post-3324 p.name.product-title > a::before {
content: "TS004 – Tré Trộn Hảo Hạng\A(500g) – (Có Hàng)" !important;
}
html body.post-type-archive-product #wrapper #main .product-small.post-3289 p.name.product-title > a::before,
html body.tax-product_cat #wrapper #main .product-small.post-3289 p.name.product-title > a::before {
content: "TS005 – Chả Lụa\A(1kg) – (Có Hàng)" !important;
}
html body.post-type-archive-product #wrapper #main .product-small.post-3292 p.name.product-title > a::before,
html body.tax-product_cat #wrapper #main .product-small.post-3292 p.name.product-title > a::before {
content: "TS006 – Chả Bò Xiêm Xanh\A(1kg) – (Có Hàng)" !important;
}
html body.post-type-archive-product #wrapper #main .product-small.post-3294 p.name.product-title > a::before,
html body.tax-product_cat #wrapper #main .product-small.post-3294 p.name.product-title > a::before {
content: "TS007 – Chả Bò Đặc Biệt\A(1kg) – (Có Hàng)" !important;
}
/* Single-product related cards: identical image/text/card heights. */
body.single-product .related-products-wrapper .product-small .col-inner,
body.single-product .related-products-wrapper .product-small .product-small.box {
height: 100% !important;
}
body.single-product .related-products-wrapper .product-small .product-small.box {
display: flex !important;
flex-direction: column !important;
}
body.single-product .related-products-wrapper .product-small .box-text-products {
display: flex !important;
flex: 0 0 164px !important;
flex-direction: column !important;
width: 100% !important;
height: 164px !important;
min-height: 164px !important;
max-height: 164px !important;
padding: 14px 7px 12px !important;
}
body.single-product .related-products-wrapper .product-small p.name.product-title {
display: block !important;
width: 100% !important;
height: 46px !important;
min-height: 46px !important;
max-height: 46px !important;
margin: 0 !important;
overflow: hidden !important;
text-align: center !important;
}
body.single-product .related-products-wrapper .product-small p.name.product-title > a {
display: block !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
font-size: 0 !important;
line-height: 0 !important;
white-space: nowrap !important;
}
body.single-product .related-products-wrapper .product-small p.name.product-title > a::before {
display: block !important;
width: 100% !important;
font-size: 14px !important;
font-weight: 600 !important;
line-height: 1.45 !important;
white-space: pre !important;
text-align: center !important;
}
body.single-product .related-products-wrapper .product-small.post-3282 p.name.product-title > a::before {
content: "TS002 – Tương Ớt Đặc Sản\A(300g) – (Có Hàng)" !important;
}
body.single-product .related-products-wrapper .product-small.post-3284 p.name.product-title > a::before {
content: "TS003 – Nem Chua Tỏi Ớt\A(1kg) – (Có Hàng)" !important;
}
body.single-product .related-products-wrapper .product-small.post-3324 p.name.product-title > a::before {
content: "TS004 – Tré Trộn Hảo Hạng\A(500g) – (Có Hàng)" !important;
}
body.single-product .related-products-wrapper .product-small.post-3289 p.name.product-title > a::before {
content: "TS005 – Chả Lụa\A(1kg) – (Có Hàng)" !important;
}
body.single-product .related-products-wrapper .product-small.post-3292 p.name.product-title > a::before {
content: "TS006 – Chả Bò Xiêm Xanh\A(1kg) – (Có Hàng)" !important;
}
body.single-product .related-products-wrapper .product-small.post-3294 p.name.product-title > a::before {
content: "TS007 – Chả Bò Đặc Biệt\A(1kg) – (Có Hàng)" !important;
}
body.single-product .related-products-wrapper .product-small p.price_pro {
display: block !important;
width: 100% !important;
margin: auto 0 0 !important;
padding: 0 !important;
text-align: center !important;
}
body.single-product .related-products-wrapper .product-small p.price_pro > span {
display: inline-block !important;
float: none !important;
margin: 0 auto !important;
}
}
/*
* Mobile final overrides for Chả Bò Bà Kim.
* Paste this whole file at the very end of Appearance > Customize > Additional CSS.
*/
@media screen and (max-width: 549px) {
/* Home feedback / quotation actions: icon above, label below. */
body.home #content section.rt04 .row .col .col-inner > a.button.white {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
gap: 4px !important;
width: 100% !important;
height: 64px !important;
min-height: 64px !important;
margin: 0 !important;
padding: 7px 4px !important;
text-align: center !important;
white-space: normal !important;
}
body.home #content section.rt04 .row .col .col-inner > a.button.white > i {
display: block !important;
float: none !important;
width: auto !important;
margin: 0 !important;
font-size: 17px !important;
line-height: 1 !important;
text-align: center !important;
}
body.home #content section.rt04 .row .col .col-inner > a.button.white > span {
display: block !important;
float: none !important;
width: 100% !important;
margin: 0 !important;
font-size: 13px !important;
line-height: 1.15 !important;
text-align: center !important;
white-space: nowrap !important;
}
/* Home food-news date: compact square badge. */
body.home #content section.rt05 .post-date.badge {
width: 48px !important;
height: 48px !important;
min-width: 48px !important;
min-height: 48px !important;
padding: 0 !important;
}
body.home #content section.rt05 .post-date.badge .badge-inner {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
width: 48px !important;
height: 48px !important;
min-width: 48px !important;
min-height: 48px !important;
padding: 0 !important;
border: 0 !important;
line-height: 1.05 !important;
}
/* About page: compact gap and one complete heading line. */
body.page-id-508 #content section.our_02 {
padding-top: 14px !important;
padding-bottom: 16px !important;
}
body.page-id-508 #content section.our_01 {
padding-bottom: 0 !important;
}
body.page-id-508 #content section.our_01 .col {
padding-bottom: 0 !important;
}
body.page-id-508 #content section.our_01 .col-inner > br {
display: none !important;
}
body.page-id-508 #content section.our_02 .block__element_head,
body.page-id-508 #content section.our_02 .block__element_head h2.heading {
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
body.page-id-508 #content section.our_02 .block__element_head h2.heading {
font-size: 16px !important;
line-height: 1.25 !important;
letter-spacing: 0 !important;
text-align: center !important;
white-space: nowrap !important;
overflow: visible !important;
}
body.page-id-508 #content section.our_02 .title-separator {
margin-top: 8px !important;
}
body.page-id-508 #content section.our_02 .text p {
margin: 0 0 7px !important;
font-size: 15px !important;
line-height: 1.5 !important;
}
/* Product archive: consistent title area and centred prices. */
body.woocommerce-shop .products .box-text-products,
body.post-type-archive-product .products .box-text-products,
body.tax-product_cat .products .box-text-products {
display: flex !important;
flex-direction: column !important;
padding: 10px 5px 11px !important;
}
body.woocommerce-shop .products p.name.product-title,
body.post-type-archive-product .products p.name.product-title,
body.tax-product_cat .products p.name.product-title {
display: block !important;
width: 100% !important;
height: 44px !important;
min-height: 44px !important;
max-height: 44px !important;
margin: 0 !important;
overflow: hidden !important;
text-align: center !important;
}
body.woocommerce-shop .products p.name.product-title > a,
body.post-type-archive-product .products p.name.product-title > a,
body.tax-product_cat .products p.name.product-title > a {
display: block !important;
width: 100% !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
font-size: 14px !important;
font-weight: 600 !important;
line-height: 1.42 !important;
letter-spacing: 0 !important;
text-align: center !important;
text-align-last: center !important;
white-space: nowrap !important;
word-break: normal !important;
overflow-wrap: normal !important;
hyphens: none !important;
}
/* Long archive labels stay on the first line;
keeps weight/status on line two. */
body .products .post-3282 p.name.product-title > a {
font-size: 11px !important;
}
body .products .post-3284 p.name.product-title > a {
font-size: 11.2px !important;
}
body .products .post-3324 p.name.product-title > a {
font-size: 13px !important;
}
body .products .post-3289 p.name.product-title > a {
font-size: 14px !important;
}
body .products .post-3292 p.name.product-title > a {
font-size: 12px !important;
}
body .products .post-3294 p.name.product-title > a {
font-size: 13px !important;
}
.products .box-text-products p.price_pro,
.box-text-products p.price_pro {
display: block !important;
width: 100% !important;
margin: 5px 0 0 !important;
padding-top: 0 !important;
text-align: center !important;
text-align-last: center !important;
}
.products .box-text-products p.price_pro > span,
.box-text-products p.price_pro > span {
display: inline-block !important;
float: none !important;
margin: 0 auto !important;
font-size: 15px !important;
}
/* News archive: exactly two complete excerpt lines. */
body.category #content .new-list-post .post-content .des {
height: auto !important;
max-height: 48px !important;
min-height: 0 !important;
margin: 8px 0 !important;
overflow: hidden !important;
}
body.category #content .new-list-post .post-content .des > p {
display: -webkit-box !important;
height: auto !important;
max-height: 48px !important;
min-height: 0 !important;
margin: 0 !important;
overflow: hidden !important;
-webkit-box-orient: vertical !important;
-webkit-line-clamp: 2 !important;
font-size: 15px !important;
line-height: 24px !important;
text-align: left !important;
}
body.category #content .new-list-post .post-image {
overflow: visible !important;
}
body.category #content .new-list-post .post-image img {
display: block !important;
width: 100% !important;
box-shadow: 0 5px 14px rgba(0, 0, 0, 0.15) !important;
}
body.category #content .new-list-post .post-content {
padding-top: 12px !important;
padding-bottom: 16px !important;
}
/* Keep Vietnamese place names visually together through balanced wrapping. */
body.category #content .new-list-post .post-content h3,
body.category #content .new-list-post .post-content h3 > a.title {
width: 100% !important;
font-size: 17px !important;
line-height: 1.3 !important;
letter-spacing: 0 !important;
text-align: center !important;
text-wrap: balance !important;
word-break: normal !important;
overflow-wrap: normal !important;
}
/* Single product: remove the large blank block before tabs. */
body.single-product .product-main,
body.single-product .product-info,
body.single-product .product-summary,
body.single-product .product-footer {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
body.single-product #content .product-footer {
margin-top: 0 !important;
padding-top: 0 !important;
}
body.single-product #content .product-footer > .container {
padding-top: 0 !important;
}
body.single-product #content .custom-product-tabs {
height: auto !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 0 10px !important;
}
body.single-product #content .custom-product-tabs .tab-btn {
min-height: 0 !important;
margin: 0 12px !important;
padding: 10px 0 8px !important;
}
body.single-product #content .custom-tab-content {
margin-top: 0 !important;
padding-top: 0 !important;
}
/* Product information: remove bullets and the large default list indent. */
body.single-product #content .custom-product-info .product-wrap ul {
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
}
body.single-product #content .custom-product-info .product-wrap li {
list-style: none !important;
margin: 0 0 9px !important;
padding: 0 !important;
text-indent: 0 !important;
}
body.single-product #content .custom-product-info .product-wrap li::marker {
content: "" !important;
display: none !important;
}
/*
* Direct selectors for templates that render without #content/.products
* wrappers. Keep these last so old child-theme rules cannot win.
*/
body.post-type-archive-product .product-small .box-text-products p.name.product-title,
body.tax-product_cat .product-small .box-text-products p.name.product-title {
display: block !important;
width: 100% !important;
height: 44px !important;
min-height: 44px !important;
max-height: 44px !important;
margin: 0 !important;
overflow: hidden !important;
text-align: center !important;
}
body.post-type-archive-product .product-small .box-text-products p.name.product-title > a,
body.tax-product_cat .product-small .box-text-products p.name.product-title > a {
display: block !important;
width: 100% !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
line-height: 1.42 !important;
letter-spacing: 0 !important;
text-align: center !important;
white-space: nowrap !important;
word-break: normal !important;
overflow-wrap: normal !important;
}
body.post-type-archive-product .product-small.post-3282 p.name.product-title > a,
body.tax-product_cat .product-small.post-3282 p.name.product-title > a {
font-size: 11px !important;
}
body.post-type-archive-product .product-small.post-3284 p.name.product-title > a,
body.tax-product_cat .product-small.post-3284 p.name.product-title > a {
font-size: 11.2px !important;
}
body.post-type-archive-product .product-small.post-3324 p.name.product-title > a,
body.tax-product_cat .product-small.post-3324 p.name.product-title > a {
font-size: 13px !important;
}
body.post-type-archive-product .product-small.post-3289 p.name.product-title > a,
body.tax-product_cat .product-small.post-3289 p.name.product-title > a {
font-size: 14px !important;
}
body.post-type-archive-product .product-small.post-3292 p.name.product-title > a,
body.tax-product_cat .product-small.post-3292 p.name.product-title > a {
font-size: 12px !important;
}
body.post-type-archive-product .product-small.post-3294 p.name.product-title > a,
body.tax-product_cat .product-small.post-3294 p.name.product-title > a {
font-size: 13px !important;
}
body.post-type-archive-product .product-small .box-text-products p.price_pro,
body.tax-product_cat .product-small .box-text-products p.price_pro {
display: block !important;
width: 100% !important;
margin: 5px 0 0 !important;
padding: 0 !important;
text-align: center !important;
}
body.single-product .custom-product-info .product-wrap ul {
list-style: none !important;
list-style-type: none !important;
margin: 0 !important;
padding: 0 !important;
}
body.single-product .custom-product-info .product-wrap ul > li {
list-style: none !important;
list-style-type: none !important;
margin: 0 0 9px !important;
padding: 0 !important;
text-indent: 0 !important;
}
body.single-product .custom-product-info .product-wrap ul > li::before,
body.single-product .custom-product-info .product-wrap ul > li::marker {
content: "" !important;
display: none !important;
}
/* Beat the old #wrapper/#main archive rules that force titles back to 3 lines. */
html body.post-type-archive-product #wrapper #main .product-small .box-text-products p.name.product-title,
html body.tax-product_cat #wrapper #main .product-small .box-text-products p.name.product-title {
height: 44px !important;
min-height: 44px !important;
max-height: 44px !important;
}
html body.post-type-archive-product #wrapper #main .product-small .box-text-products p.name.product-title > a,
html body.tax-product_cat #wrapper #main .product-small .box-text-products p.name.product-title > a {
white-space: nowrap !important;
line-height: 1.42 !important;
}
html body.post-type-archive-product #wrapper #main .product-small.post-3282 p.name.product-title > a,
html body.tax-product_cat #wrapper #main .product-small.post-3282 p.name.product-title > a {
font-size: 11px !important;
}
html body.post-type-archive-product #wrapper #main .product-small.post-3284 p.name.product-title > a,
html body.tax-product_cat #wrapper #main .product-small.post-3284 p.name.product-title > a {
font-size: 11.2px !important;
}
html body.post-type-archive-product #wrapper #main .product-small.post-3324 p.name.product-title > a,
html body.tax-product_cat #wrapper #main .product-small.post-3324 p.name.product-title > a {
font-size: 13px !important;
}
html body.post-type-archive-product #wrapper #main .product-small.post-3289 p.name.product-title > a,
html body.tax-product_cat #wrapper #main .product-small.post-3289 p.name.product-title > a {
font-size: 14px !important;
}
html body.post-type-archive-product #wrapper #main .product-small.post-3292 p.name.product-title > a,
html body.tax-product_cat #wrapper #main .product-small.post-3292 p.name.product-title > a {
font-size: 12px !important;
}
html body.post-type-archive-product #wrapper #main .product-small.post-3294 p.name.product-title > a,
html body.tax-product_cat #wrapper #main .product-small.post-3294 p.name.product-title > a {
font-size: 13px !important;
}
/*
* Uniform two-line archive labels. The original full product name remains
* in the link for SEO/accessibility; only the compact card label changes.
*/
html body.post-type-archive-product #wrapper #main .product-small p.name.product-title > a,
html body.tax-product_cat #wrapper #main .product-small p.name.product-title > a {
font-size: 0 !important;
}
html body.post-type-archive-product #wrapper #main .product-small[class*="post-"] p.name.product-title > a,
html body.tax-product_cat #wrapper #main .product-small[class*="post-"] p.name.product-title > a {
font-size: 0 !important;
line-height: 0 !important;
}
html body.post-type-archive-product #wrapper #main .product-small p.name.product-title > a::before,
html body.tax-product_cat #wrapper #main .product-small p.name.product-title > a::before {
display: block !important;
width: 100% !important;
font-size: 13px !important;
font-weight: 600 !important;
line-height: 1.42 !important;
white-space: pre !important;
text-align: center !important;
}
html body.post-type-archive-product #wrapper #main .product-small.post-3282 p.name.product-title > a::before,
html body.tax-product_cat #wrapper #main .product-small.post-3282 p.name.product-title > a::before {
content: "TS002 – Tương Ớt Đặc Sản\A(300g) – (Có Hàng)" !important;
}
html body.post-type-archive-product #wrapper #main .product-small.post-3284 p.name.product-title > a::before,
html body.tax-product_cat #wrapper #main .product-small.post-3284 p.name.product-title > a::before {
content: "TS003 – Nem Chua Tỏi Ớt\A(1kg) – (Có Hàng)" !important;
}
html body.post-type-archive-product #wrapper #main .product-small.post-3324 p.name.product-title > a::before,
html body.tax-product_cat #wrapper #main .product-small.post-3324 p.name.product-title > a::before {
content: "TS004 – Tré Trộn Hảo Hạng\A(500g) – (Có Hàng)" !important;
}
html body.post-type-archive-product #wrapper #main .product-small.post-3289 p.name.product-title > a::before,
html body.tax-product_cat #wrapper #main .product-small.post-3289 p.name.product-title > a::before {
content: "TS005 – Chả Lụa\A(1kg) – (Có Hàng)" !important;
}
html body.post-type-archive-product #wrapper #main .product-small.post-3292 p.name.product-title > a::before,
html body.tax-product_cat #wrapper #main .product-small.post-3292 p.name.product-title > a::before {
content: "TS006 – Chả Bò Xiêm Xanh\A(1kg) – (Có Hàng)" !important;
}
html body.post-type-archive-product #wrapper #main .product-small.post-3294 p.name.product-title > a::before,
html body.tax-product_cat #wrapper #main .product-small.post-3294 p.name.product-title > a::before {
content: "TS007 – Chả Bò Đặc Biệt\A(1kg) – (Có Hàng)" !important;
}
/* Single-product related cards: identical image/text/card heights. */
body.single-product .related-products-wrapper .product-small .col-inner,
body.single-product .related-products-wrapper .product-small .product-small.box {
height: 100% !important;
}
body.single-product .related-products-wrapper .product-small .product-small.box {
display: flex !important;
flex-direction: column !important;
}
body.single-product .related-products-wrapper .product-small .box-text-products {
display: flex !important;
flex: 0 0 164px !important;
flex-direction: column !important;
width: 100% !important;
height: 164px !important;
min-height: 164px !important;
max-height: 164px !important;
padding: 14px 7px 12px !important;
}
body.single-product .related-products-wrapper .product-small p.name.product-title {
display: block !important;
width: 100% !important;
height: 46px !important;
min-height: 46px !important;
max-height: 46px !important;
margin: 0 !important;
overflow: hidden !important;
text-align: center !important;
}
body.single-product .related-products-wrapper .product-small p.name.product-title > a {
display: block !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
font-size: 0 !important;
line-height: 0 !important;
white-space: nowrap !important;
}
body.single-product .related-products-wrapper .product-small p.name.product-title > a::before {
display: block !important;
width: 100% !important;
font-size: 14px !important;
font-weight: 600 !important;
line-height: 1.45 !important;
white-space: pre !important;
text-align: center !important;
}
body.single-product .related-products-wrapper .product-small.post-3282 p.name.product-title > a::before {
content: "TS002 – Tương Ớt Đặc Sản\A(300g) – (Có Hàng)" !important;
}
body.single-product .related-products-wrapper .product-small.post-3284 p.name.product-title > a::before {
content: "TS003 – Nem Chua Tỏi Ớt\A(1kg) – (Có Hàng)" !important;
}
body.single-product .related-products-wrapper .product-small.post-3324 p.name.product-title > a::before {
content: "TS004 – Tré Trộn Hảo Hạng\A(500g) – (Có Hàng)" !important;
}
body.single-product .related-products-wrapper .product-small.post-3289 p.name.product-title > a::before {
content: "TS005 – Chả Lụa\A(1kg) – (Có Hàng)" !important;
}
body.single-product .related-products-wrapper .product-small.post-3292 p.name.product-title > a::before {
content: "TS006 – Chả Bò Xiêm Xanh\A(1kg) – (Có Hàng)" !important;
}
body.single-product .related-products-wrapper .product-small.post-3294 p.name.product-title > a::before {
content: "TS007 – Chả Bò Đặc Biệt\A(1kg) – (Có Hàng)" !important;
}
body.single-product .related-products-wrapper .product-small p.price_pro {
display: block !important;
width: 100% !important;
margin: auto 0 0 !important;
padding: 0 !important;
text-align: center !important;
}
body.single-product .related-products-wrapper .product-small p.price_pro > span {
display: inline-block !important;
float: none !important;
margin: 0 auto !important;
}
}
/* Desktop /ve-chung-toi: align both text columns and both lower image rows. */
@media screen and (min-width: 850px) {
body.page-id-508 section.our_01 .section-content > .row > .col.large-6 > .col-inner {
display: flex !important;
flex-direction: column !important;
height: 100% !important;
}
body.page-id-508 section.our_01 .section-content > .row > .col.large-6 > .col-inner > p {
box-sizing: border-box !important;
width: 100% !important;
height: 108px !important;
min-height: 108px !important;
max-height: 108px !important;
margin: 0 !important;
padding: 12px 0 0 !important;
overflow: hidden !important;
font-size: 16px !important;
line-height: 1.5 !important;
text-align: justify !important;
}
body.page-id-508 section.our_01 .section-content > .row > .col.large-6 > .col-inner > .row {
width: calc(100% + 30px) !important;
flex: 0 0 auto !important;
}
body.page-id-508 section.our_01 .section-content > .row > .col.large-6 > .col-inner > .row .col {
padding-bottom: 0 !important;
}
body.page-id-508 section.our_01 .section-content > .row > .col.large-6 > .col-inner > .row img {
width: 100% !important;
height: 200px !important;
object-fit: cover !important;
}
body.page-id-508 section.our_01 .section-content > .row > .col.large-6 > .col-inner > .row br {
display: none !important;
}
}
/*
* Mobile final overrides for Chả Bò Bà Kim.
* Paste this whole file at the very end of Appearance > Customize > Additional CSS.
*/
@media screen and (max-width: 549px) {
/* Home feedback / quotation actions: icon above, label below. */
body.home #content section.rt04 .row .col .col-inner > a.button.white {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
gap: 4px !important;
width: 100% !important;
height: 64px !important;
min-height: 64px !important;
margin: 0 !important;
padding: 7px 4px !important;
text-align: center !important;
white-space: normal !important;
}
body.home #content section.rt04 .row .col .col-inner > a.button.white > i {
display: block !important;
float: none !important;
width: auto !important;
margin: 0 !important;
font-size: 17px !important;
line-height: 1 !important;
text-align: center !important;
}
body.home #content section.rt04 .row .col .col-inner > a.button.white > span {
display: block !important;
float: none !important;
width: 100% !important;
margin: 0 !important;
font-size: 13px !important;
line-height: 1.15 !important;
text-align: center !important;
white-space: nowrap !important;
}
/* Home food-news date: compact square badge. */
body.home #content section.rt05 .post-date.badge {
width: 48px !important;
height: 48px !important;
min-width: 48px !important;
min-height: 48px !important;
padding: 0 !important;
}
body.home #content section.rt05 .post-date.badge .badge-inner {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
width: 48px !important;
height: 48px !important;
min-width: 48px !important;
min-height: 48px !important;
padding: 0 !important;
border: 0 !important;
line-height: 1.05 !important;
}
/* About page: compact gap and one complete heading line. */
body.page-id-508 #content section.our_02 {
padding-top: 14px !important;
padding-bottom: 16px !important;
}
body.page-id-508 #content section.our_01 {
padding-bottom: 0 !important;
}
body.page-id-508 #content section.our_01 .col {
padding-bottom: 0 !important;
}
body.page-id-508 #content section.our_01 .col-inner > br {
display: none !important;
}
body.page-id-508 #content section.our_02 .block__element_head,
body.page-id-508 #content section.our_02 .block__element_head h2.heading {
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
body.page-id-508 #content section.our_02 .block__element_head h2.heading {
font-size: 16px !important;
line-height: 1.25 !important;
letter-spacing: 0 !important;
text-align: center !important;
white-space: nowrap !important;
overflow: visible !important;
}
body.page-id-508 #content section.our_02 .title-separator {
margin-top: 8px !important;
}
body.page-id-508 #content section.our_02 .text p {
margin: 0 0 7px !important;
font-size: 15px !important;
line-height: 1.5 !important;
}
/* Product archive: consistent title area and centred prices. */
body.woocommerce-shop .products .box-text-products,
body.post-type-archive-product .products .box-text-products,
body.tax-product_cat .products .box-text-products {
display: flex !important;
flex-direction: column !important;
padding: 10px 5px 11px !important;
}
body.woocommerce-shop .products p.name.product-title,
body.post-type-archive-product .products p.name.product-title,
body.tax-product_cat .products p.name.product-title {
display: block !important;
width: 100% !important;
height: 44px !important;
min-height: 44px !important;
max-height: 44px !important;
margin: 0 !important;
overflow: hidden !important;
text-align: center !important;
}
body.woocommerce-shop .products p.name.product-title > a,
body.post-type-archive-product .products p.name.product-title > a,
body.tax-product_cat .products p.name.product-title > a {
display: block !important;
width: 100% !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
font-size: 14px !important;
font-weight: 600 !important;
line-height: 1.42 !important;
letter-spacing: 0 !important;
text-align: center !important;
text-align-last: center !important;
white-space: nowrap !important;
word-break: normal !important;
overflow-wrap: normal !important;
hyphens: none !important;
}
/* Long archive labels stay on the first line;
keeps weight/status on line two. */
body .products .post-3282 p.name.product-title > a {
font-size: 11px !important;
}
body .products .post-3284 p.name.product-title > a {
font-size: 11.2px !important;
}
body .products .post-3324 p.name.product-title > a {
font-size: 13px !important;
}
body .products .post-3289 p.name.product-title > a {
font-size: 14px !important;
}
body .products .post-3292 p.name.product-title > a {
font-size: 12px !important;
}
body .products .post-3294 p.name.product-title > a {
font-size: 13px !important;
}
.products .box-text-products p.price_pro,
.box-text-products p.price_pro {
display: block !important;
width: 100% !important;
margin: 5px 0 0 !important;
padding-top: 0 !important;
text-align: center !important;
text-align-last: center !important;
}
.products .box-text-products p.price_pro > span,
.box-text-products p.price_pro > span {
display: inline-block !important;
float: none !important;
margin: 0 auto !important;
font-size: 15px !important;
}
/* News archive: exactly two complete excerpt lines. */
body.category #content .new-list-post .post-content .des {
height: auto !important;
max-height: 48px !important;
min-height: 0 !important;
margin: 8px 0 !important;
overflow: hidden !important;
}
body.category #content .new-list-post .post-content .des > p {
display: -webkit-box !important;
height: auto !important;
max-height: 48px !important;
min-height: 0 !important;
margin: 0 !important;
overflow: hidden !important;
-webkit-box-orient: vertical !important;
-webkit-line-clamp: 2 !important;
font-size: 15px !important;
line-height: 24px !important;
text-align: left !important;
}
body.category #content .new-list-post .post-image {
overflow: visible !important;
}
body.category #content .new-list-post .post-image img {
display: block !important;
width: 100% !important;
box-shadow: 0 5px 14px rgba(0, 0, 0, 0.15) !important;
}
body.category #content .new-list-post .post-content {
padding-top: 12px !important;
padding-bottom: 16px !important;
}
/* Keep Vietnamese place names visually together through balanced wrapping. */
body.category #content .new-list-post .post-content h3,
body.category #content .new-list-post .post-content h3 > a.title {
width: 100% !important;
font-size: 17px !important;
line-height: 1.3 !important;
letter-spacing: 0 !important;
text-align: center !important;
text-wrap: balance !important;
word-break: normal !important;
overflow-wrap: normal !important;
}
/* Single product: remove the large blank block before tabs. */
body.single-product .product-main,
body.single-product .product-info,
body.single-product .product-summary,
body.single-product .product-footer {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
body.single-product #content .product-footer {
margin-top: 0 !important;
padding-top: 0 !important;
}
body.single-product #content .product-footer > .container {
padding-top: 0 !important;
}
body.single-product #content .custom-product-tabs {
height: auto !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 0 10px !important;
}
body.single-product #content .custom-product-tabs .tab-btn {
min-height: 0 !important;
margin: 0 12px !important;
padding: 10px 0 8px !important;
}
body.single-product #content .custom-tab-content {
margin-top: 0 !important;
padding-top: 0 !important;
}
/* Product information: remove bullets and the large default list indent. */
body.single-product #content .custom-product-info .product-wrap ul {
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
}
body.single-product #content .custom-product-info .product-wrap li {
list-style: none !important;
margin: 0 0 9px !important;
padding: 0 !important;
text-indent: 0 !important;
}
body.single-product #content .custom-product-info .product-wrap li::marker {
content: "" !important;
display: none !important;
}
/*
* Direct selectors for templates that render without #content/.products
* wrappers. Keep these last so old child-theme rules cannot win.
*/
body.post-type-archive-product .product-small .box-text-products p.name.product-title,
body.tax-product_cat .product-small .box-text-products p.name.product-title {
display: block !important;
width: 100% !important;
height: 44px !important;
min-height: 44px !important;
max-height: 44px !important;
margin: 0 !important;
overflow: hidden !important;
text-align: center !important;
}
body.post-type-archive-product .product-small .box-text-products p.name.product-title > a,
body.tax-product_cat .product-small .box-text-products p.name.product-title > a {
display: block !important;
width: 100% !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
line-height: 1.42 !important;
letter-spacing: 0 !important;
text-align: center !important;
white-space: nowrap !important;
word-break: normal !important;
overflow-wrap: normal !important;
}
body.post-type-archive-product .product-small.post-3282 p.name.product-title > a,
body.tax-product_cat .product-small.post-3282 p.name.product-title > a {
font-size: 11px !important;
}
body.post-type-archive-product .product-small.post-3284 p.name.product-title > a,
body.tax-product_cat .product-small.post-3284 p.name.product-title > a {
font-size: 11.2px !important;
}
body.post-type-archive-product .product-small.post-3324 p.name.product-title > a,
body.tax-product_cat .product-small.post-3324 p.name.product-title > a {
font-size: 13px !important;
}
body.post-type-archive-product .product-small.post-3289 p.name.product-title > a,
body.tax-product_cat .product-small.post-3289 p.name.product-title > a {
font-size: 14px !important;
}
body.post-type-archive-product .product-small.post-3292 p.name.product-title > a,
body.tax-product_cat .product-small.post-3292 p.name.product-title > a {
font-size: 12px !important;
}
body.post-type-archive-product .product-small.post-3294 p.name.product-title > a,
body.tax-product_cat .product-small.post-3294 p.name.product-title > a {
font-size: 13px !important;
}
body.post-type-archive-product .product-small .box-text-products p.price_pro,
body.tax-product_cat .product-small .box-text-products p.price_pro {
display: block !important;
width: 100% !important;
margin: 5px 0 0 !important;
padding: 0 !important;
text-align: center !important;
}
body.single-product .custom-product-info .product-wrap ul {
list-style: none !important;
list-style-type: none !important;
margin: 0 !important;
padding: 0 !important;
}
body.single-product .custom-product-info .product-wrap ul > li {
list-style: none !important;
list-style-type: none !important;
margin: 0 0 9px !important;
padding: 0 !important;
text-indent: 0 !important;
}
body.single-product .custom-product-info .product-wrap ul > li::before,
body.single-product .custom-product-info .product-wrap ul > li::marker {
content: "" !important;
display: none !important;
}
/* Beat the old #wrapper/#main archive rules that force titles back to 3 lines. */
html body.post-type-archive-product #wrapper #main .product-small .box-text-products p.name.product-title,
html body.tax-product_cat #wrapper #main .product-small .box-text-products p.name.product-title {
height: 44px !important;
min-height: 44px !important;
max-height: 44px !important;
}
html body.post-type-archive-product #wrapper #main .product-small .box-text-products p.name.product-title > a,
html body.tax-product_cat #wrapper #main .product-small .box-text-products p.name.product-title > a {
white-space: nowrap !important;
line-height: 1.42 !important;
}
html body.post-type-archive-product #wrapper #main .product-small.post-3282 p.name.product-title > a,
html body.tax-product_cat #wrapper #main .product-small.post-3282 p.name.product-title > a {
font-size: 11px !important;
}
html body.post-type-archive-product #wrapper #main .product-small.post-3284 p.name.product-title > a,
html body.tax-product_cat #wrapper #main .product-small.post-3284 p.name.product-title > a {
font-size: 11.2px !important;
}
html body.post-type-archive-product #wrapper #main .product-small.post-3324 p.name.product-title > a,
html body.tax-product_cat #wrapper #main .product-small.post-3324 p.name.product-title > a {
font-size: 13px !important;
}
html body.post-type-archive-product #wrapper #main .product-small.post-3289 p.name.product-title > a,
html body.tax-product_cat #wrapper #main .product-small.post-3289 p.name.product-title > a {
font-size: 14px !important;
}
html body.post-type-archive-product #wrapper #main .product-small.post-3292 p.name.product-title > a,
html body.tax-product_cat #wrapper #main .product-small.post-3292 p.name.product-title > a {
font-size: 12px !important;
}
html body.post-type-archive-product #wrapper #main .product-small.post-3294 p.name.product-title > a,
html body.tax-product_cat #wrapper #main .product-small.post-3294 p.name.product-title > a {
font-size: 13px !important;
}
/*
* Uniform two-line archive labels. The original full product name remains
* in the link for SEO/accessibility; only the compact card label changes.
*/
html body.post-type-archive-product #wrapper #main .product-small p.name.product-title > a,
html body.tax-product_cat #wrapper #main .product-small p.name.product-title > a {
font-size: 0 !important;
}
html body.post-type-archive-product #wrapper #main .product-small[class*="post-"] p.name.product-title > a,
html body.tax-product_cat #wrapper #main .product-small[class*="post-"] p.name.product-title > a {
font-size: 0 !important;
line-height: 0 !important;
}
html body.post-type-archive-product #wrapper #main .product-small p.name.product-title > a::before,
html body.tax-product_cat #wrapper #main .product-small p.name.product-title > a::before {
display: block !important;
width: 100% !important;
font-size: 13px !important;
font-weight: 600 !important;
line-height: 1.42 !important;
white-space: pre !important;
text-align: center !important;
}
html body.post-type-archive-product #wrapper #main .product-small.post-3282 p.name.product-title > a::before,
html body.tax-product_cat #wrapper #main .product-small.post-3282 p.name.product-title > a::before {
content: "TS002 – Tương Ớt Đặc Sản\A(300g) – (Có Hàng)" !important;
}
html body.post-type-archive-product #wrapper #main .product-small.post-3284 p.name.product-title > a::before,
html body.tax-product_cat #wrapper #main .product-small.post-3284 p.name.product-title > a::before {
content: "TS003 – Nem Chua Tỏi Ớt\A(1kg) – (Có Hàng)" !important;
}
html body.post-type-archive-product #wrapper #main .product-small.post-3324 p.name.product-title > a::before,
html body.tax-product_cat #wrapper #main .product-small.post-3324 p.name.product-title > a::before {
content: "TS004 – Tré Trộn Hảo Hạng\A(500g) – (Có Hàng)" !important;
}
html body.post-type-archive-product #wrapper #main .product-small.post-3289 p.name.product-title > a::before,
html body.tax-product_cat #wrapper #main .product-small.post-3289 p.name.product-title > a::before {
content: "TS005 – Chả Lụa\A(1kg) – (Có Hàng)" !important;
}
html body.post-type-archive-product #wrapper #main .product-small.post-3292 p.name.product-title > a::before,
html body.tax-product_cat #wrapper #main .product-small.post-3292 p.name.product-title > a::before {
content: "TS006 – Chả Bò Xiêm Xanh\A(1kg) – (Có Hàng)" !important;
}
html body.post-type-archive-product #wrapper #main .product-small.post-3294 p.name.product-title > a::before,
html body.tax-product_cat #wrapper #main .product-small.post-3294 p.name.product-title > a::before {
content: "TS007 – Chả Bò Đặc Biệt\A(1kg) – (Có Hàng)" !important;
}
/* Single-product related cards: identical image/text/card heights. */
body.single-product .related-products-wrapper .product-small .col-inner,
body.single-product .related-products-wrapper .product-small .product-small.box {
height: 100% !important;
}
body.single-product .related-products-wrapper .product-small .product-small.box {
display: flex !important;
flex-direction: column !important;
}
body.single-product .related-products-wrapper .product-small .box-text-products {
display: flex !important;
flex: 0 0 164px !important;
flex-direction: column !important;
width: 100% !important;
height: 164px !important;
min-height: 164px !important;
max-height: 164px !important;
padding: 14px 7px 12px !important;
}
body.single-product .related-products-wrapper .product-small p.name.product-title {
display: block !important;
width: 100% !important;
height: 46px !important;
min-height: 46px !important;
max-height: 46px !important;
margin: 0 !important;
overflow: hidden !important;
text-align: center !important;
}
body.single-product .related-products-wrapper .product-small p.name.product-title > a {
display: block !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
font-size: 0 !important;
line-height: 0 !important;
white-space: nowrap !important;
}
body.single-product .related-products-wrapper .product-small p.name.product-title > a::before {
display: block !important;
width: 100% !important;
font-size: 14px !important;
font-weight: 600 !important;
line-height: 1.45 !important;
white-space: pre !important;
text-align: center !important;
}
body.single-product .related-products-wrapper .product-small.post-3282 p.name.product-title > a::before {
content: "TS002 – Tương Ớt Đặc Sản\A(300g) – (Có Hàng)" !important;
}
body.single-product .related-products-wrapper .product-small.post-3284 p.name.product-title > a::before {
content: "TS003 – Nem Chua Tỏi Ớt\A(1kg) – (Có Hàng)" !important;
}
body.single-product .related-products-wrapper .product-small.post-3324 p.name.product-title > a::before {
content: "TS004 – Tré Trộn Hảo Hạng\A(500g) – (Có Hàng)" !important;
}
body.single-product .related-products-wrapper .product-small.post-3289 p.name.product-title > a::before {
content: "TS005 – Chả Lụa\A(1kg) – (Có Hàng)" !important;
}
body.single-product .related-products-wrapper .product-small.post-3292 p.name.product-title > a::before {
content: "TS006 – Chả Bò Xiêm Xanh\A(1kg) – (Có Hàng)" !important;
}
body.single-product .related-products-wrapper .product-small.post-3294 p.name.product-title > a::before {
content: "TS007 – Chả Bò Đặc Biệt\A(1kg) – (Có Hàng)" !important;
}
body.single-product .related-products-wrapper .product-small p.price_pro {
display: block !important;
width: 100% !important;
margin: auto 0 0 !important;
padding: 0 !important;
text-align: center !important;
}
body.single-product .related-products-wrapper .product-small p.price_pro > span {
display: inline-block !important;
float: none !important;
margin: 0 auto !important;
}
}
/* Desktop /ve-chung-toi: align both text columns and both lower image rows. */
@media screen and (min-width: 850px) {
body.page-id-508 section.our_01 .section-content > .row > .col.large-6 > .col-inner {
display: flex !important;
flex-direction: column !important;
height: 100% !important;
}
body.page-id-508 section.our_01 .section-content > .row > .col.large-6 > .col-inner > p {
box-sizing: border-box !important;
width: 100% !important;
height: 108px !important;
min-height: 108px !important;
max-height: 108px !important;
margin: 0 !important;
padding: 12px 0 0 !important;
overflow: hidden !important;
font-size: 16px !important;
line-height: 1.5 !important;
text-align: justify !important;
}
body.page-id-508 section.our_01 .section-content > .row > .col.large-6 > .col-inner > .row {
width: calc(100% + 30px) !important;
flex: 0 0 auto !important;
}
body.page-id-508 section.our_01 .section-content > .row > .col.large-6 > .col-inner > .row .col {
padding-bottom: 0 !important;
}
body.page-id-508 section.our_01 .section-content > .row > .col.large-6 > .col-inner > .row img {
width: 100% !important;
height: 200px !important;
object-fit: cover !important;
}
body.page-id-508 section.our_01 .section-content > .row > .col.large-6 > .col-inner > .row br {
display: none !important;
}
}
/*
* Final mobile layout pass:
* - separate the About-page images
* - keep the Home "Xem them" action on one line
* - tighten the food-news date
* - remove the forced empty height from shop cards
*/
@media screen and (max-width: 549px) {
/* About: 20px headings and a consistent 10px gap between every image. */
body.page-id-508 #content section.our_01 h2.heading,
body.page-id-508 #content section.our_02 h2.heading {
width: 100% !important;
max-width: 100% !important;
margin: 0 0 10px !important;
padding: 0 !important;
font-size: 20px !important;
line-height: 1.25 !important;
letter-spacing: 0 !important;
text-align: center !important;
}
body.page-id-508 #content section.our_02 .block__element_head h2.heading {
margin-bottom: 0 !important;
font-size: 20px !important;
white-space: nowrap !important;
}
body.page-id-508 #content section.our_01 .col-inner > .row {
row-gap: 10px !important;
margin-bottom: 10px !important;
}
body.page-id-508 #content section.our_01 .col-inner > .row > .col {
margin: 0 !important;
padding-bottom: 0 !important;
}
body.page-id-508 #content section.our_01 .col-inner > .row img {
display: block !important;
border-radius: 6px !important;
}
/* Home intro: text and Instagram icon share one compact horizontal button. */
body.home #content section.rt01 a.button.primary.is-xsmall {
display: inline-flex !important;
flex-direction: row !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
width: auto !important;
min-width: 0 !important;
height: 42px !important;
min-height: 42px !important;
margin: 5px 0 0 !important;
padding: 0 14px !important;
white-space: nowrap !important;
}
body.home #content section.rt01 a.button.primary.is-xsmall > span,
body.home #content section.rt01 a.button.primary.is-xsmall > i {
display: inline-block !important;
float: none !important;
width: auto !important;
margin: 0 !important;
padding: 0 !important;
line-height: 1 !important;
}
body.home #content section.rt01 a.button.primary.is-xsmall > span {
font-size: 13px !important;
}
body.home #content section.rt01 a.button.primary.is-xsmall > i {
font-size: 17px !important;
}
/* Home food-news date: remove the line-break element that creates the gap. */
body.home #content section.rt05 .post-date.badge .badge-inner {
gap: 1px !important;
line-height: 1 !important;
}
body.home #content section.rt05 .post-date.badge .badge-inner > br {
display: none !important;
}
body.home #content section.rt05 .post-date.badge .post-date-day,
body.home #content section.rt05 .post-date.badge .post-date-month {
display: block !important;
margin: 0 !important;
padding: 0 !important;
line-height: 1 !important;
}
/* Shop ordering control: compact and right-aligned like the marked layout. */
body.post-type-archive-product #main form.woocommerce-ordering,
body.tax-product_cat #main form.woocommerce-ordering {
display: block !important;
float: none !important;
width: 52% !important;
max-width: 220px !important;
height: 44px !important;
margin: 0 14px 16px auto !important;
padding: 0 !important;
}
body.post-type-archive-product #main form.woocommerce-ordering select.orderby,
body.tax-product_cat #main form.woocommerce-ordering select.orderby {
display: block !important;
width: 100% !important;
height: 44px !important;
min-height: 44px !important;
margin: 0 !important;
}
/* Shop cards: close each card immediately below its price. */
body.post-type-archive-product #main .products > .product-small,
body.tax-product_cat #main .products > .product-small {
align-self: flex-start !important;
height: auto !important;
min-height: 0 !important;
margin-bottom: 14px !important;
}
body.post-type-archive-product #main .products > .product-small > .col-inner,
body.tax-product_cat #main .products > .product-small > .col-inner {
height: auto !important;
min-height: 0 !important;
}
body.post-type-archive-product #main .products > .product-small > .col-inner > .product-small.box,
body.tax-product_cat #main .products > .product-small > .col-inner > .product-small.box {
display: block !important;
height: auto !important;
min-height: 0 !important;
overflow: hidden !important;
border-radius: 7px !important;
}
body.post-type-archive-product #main .products > .product-small .box-text-products,
body.tax-product_cat #main .products > .product-small .box-text-products {
display: block !important;
flex: none !important;
width: 100% !important;
height: 100px !important;
min-height: 100px !important;
max-height: 100px !important;
padding: 10px 5px 9px !important;
}
body.post-type-archive-product #main .products > .product-small .box-text-products p.name.product-title,
body.tax-product_cat #main .products > .product-small .box-text-products p.name.product-title {
height: 44px !important;
min-height: 44px !important;
max-height: 44px !important;
}
body.post-type-archive-product #main .products > .product-small .box-text-products p.price_pro,
body.tax-product_cat #main .products > .product-small .box-text-products p.price_pro {
height: 27px !important;
min-height: 27px !important;
margin: 5px 0 0 !important;
line-height: 27px !important;
}
}
/* Preserve the one-line About heading on narrower Android screens. */
@media screen and (max-width: 374px) {
body.page-id-508 #content section.our_02 .block__element_head h2.heading {
font-size: 18px !important;
}
}
/*
* Mobile final overrides for Chả Bò Bà Kim.
* Paste this whole file at the very end of Appearance > Customize > Additional CSS.
*/
@media screen and (max-width: 549px) {
/* Home feedback / quotation actions: icon above, label below. */
body.home #content section.rt04 .row .col .col-inner > a.button.white {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
gap: 4px !important;
width: 100% !important;
height: 64px !important;
min-height: 64px !important;
margin: 0 !important;
padding: 7px 4px !important;
text-align: center !important;
white-space: normal !important;
}
body.home #content section.rt04 .row .col .col-inner > a.button.white > i {
display: block !important;
float: none !important;
width: auto !important;
margin: 0 !important;
font-size: 17px !important;
line-height: 1 !important;
text-align: center !important;
}
body.home #content section.rt04 .row .col .col-inner > a.button.white > span {
display: block !important;
float: none !important;
width: 100% !important;
margin: 0 !important;
font-size: 13px !important;
line-height: 1.15 !important;
text-align: center !important;
white-space: nowrap !important;
}
/* Home food-news date: compact square badge. */
body.home #content section.rt05 .post-date.badge {
width: 48px !important;
height: 48px !important;
min-width: 48px !important;
min-height: 48px !important;
padding: 0 !important;
}
body.home #content section.rt05 .post-date.badge .badge-inner {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
width: 48px !important;
height: 48px !important;
min-width: 48px !important;
min-height: 48px !important;
padding: 0 !important;
border: 0 !important;
line-height: 1.05 !important;
}
/* About page: compact gap and one complete heading line. */
body.page-id-508 #content section.our_02 {
padding-top: 14px !important;
padding-bottom: 16px !important;
}
body.page-id-508 #content section.our_01 {
padding-bottom: 0 !important;
}
body.page-id-508 #content section.our_01 .col {
padding-bottom: 0 !important;
}
body.page-id-508 #content section.our_01 .col-inner > br {
display: none !important;
}
body.page-id-508 #content section.our_02 .block__element_head,
body.page-id-508 #content section.our_02 .block__element_head h2.heading {
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
body.page-id-508 #content section.our_02 .block__element_head h2.heading {
font-size: 16px !important;
line-height: 1.25 !important;
letter-spacing: 0 !important;
text-align: center !important;
white-space: nowrap !important;
overflow: visible !important;
}
body.page-id-508 #content section.our_02 .title-separator {
margin-top: 8px !important;
}
body.page-id-508 #content section.our_02 .text p {
margin: 0 0 7px !important;
font-size: 15px !important;
line-height: 1.5 !important;
}
/* Product archive: consistent title area and centred prices. */
body.woocommerce-shop .products .box-text-products,
body.post-type-archive-product .products .box-text-products,
body.tax-product_cat .products .box-text-products {
display: flex !important;
flex-direction: column !important;
padding: 10px 5px 11px !important;
}
body.woocommerce-shop .products p.name.product-title,
body.post-type-archive-product .products p.name.product-title,
body.tax-product_cat .products p.name.product-title {
display: block !important;
width: 100% !important;
height: 44px !important;
min-height: 44px !important;
max-height: 44px !important;
margin: 0 !important;
overflow: hidden !important;
text-align: center !important;
}
body.woocommerce-shop .products p.name.product-title > a,
body.post-type-archive-product .products p.name.product-title > a,
body.tax-product_cat .products p.name.product-title > a {
display: block !important;
width: 100% !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
font-size: 14px !important;
font-weight: 600 !important;
line-height: 1.42 !important;
letter-spacing: 0 !important;
text-align: center !important;
text-align-last: center !important;
white-space: nowrap !important;
word-break: normal !important;
overflow-wrap: normal !important;
hyphens: none !important;
}
/* Long archive labels stay on the first line;
keeps weight/status on line two. */
body .products .post-3282 p.name.product-title > a {
font-size: 11px !important;
}
body .products .post-3284 p.name.product-title > a {
font-size: 11.2px !important;
}
body .products .post-3324 p.name.product-title > a {
font-size: 13px !important;
}
body .products .post-3289 p.name.product-title > a {
font-size: 14px !important;
}
body .products .post-3292 p.name.product-title > a {
font-size: 12px !important;
}
body .products .post-3294 p.name.product-title > a {
font-size: 13px !important;
}
.products .box-text-products p.price_pro,
.box-text-products p.price_pro {
display: block !important;
width: 100% !important;
margin: 5px 0 0 !important;
padding-top: 0 !important;
text-align: center !important;
text-align-last: center !important;
}
.products .box-text-products p.price_pro > span,
.box-text-products p.price_pro > span {
display: inline-block !important;
float: none !important;
margin: 0 auto !important;
font-size: 15px !important;
}
/* News archive: exactly two complete excerpt lines. */
body.category #content .new-list-post .post-content .des {
height: auto !important;
max-height: 48px !important;
min-height: 0 !important;
margin: 8px 0 !important;
overflow: hidden !important;
}
body.category #content .new-list-post .post-content .des > p {
display: -webkit-box !important;
height: auto !important;
max-height: 48px !important;
min-height: 0 !important;
margin: 0 !important;
overflow: hidden !important;
-webkit-box-orient: vertical !important;
-webkit-line-clamp: 2 !important;
font-size: 15px !important;
line-height: 24px !important;
text-align: left !important;
}
body.category #content .new-list-post .post-image {
overflow: visible !important;
}
body.category #content .new-list-post .post-image img {
display: block !important;
width: 100% !important;
box-shadow: 0 5px 14px rgba(0, 0, 0, 0.15) !important;
}
body.category #content .new-list-post .post-content {
padding-top: 12px !important;
padding-bottom: 16px !important;
}
/* Keep Vietnamese place names visually together through balanced wrapping. */
body.category #content .new-list-post .post-content h3,
body.category #content .new-list-post .post-content h3 > a.title {
width: 100% !important;
font-size: 17px !important;
line-height: 1.3 !important;
letter-spacing: 0 !important;
text-align: center !important;
text-wrap: balance !important;
word-break: normal !important;
overflow-wrap: normal !important;
}
/* Single product: remove the large blank block before tabs. */
body.single-product .product-main,
body.single-product .product-info,
body.single-product .product-summary,
body.single-product .product-footer {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
body.single-product #content .product-footer {
margin-top: 0 !important;
padding-top: 0 !important;
}
body.single-product #content .product-footer > .container {
padding-top: 0 !important;
}
body.single-product #content .custom-product-tabs {
height: auto !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 0 10px !important;
}
body.single-product #content .custom-product-tabs .tab-btn {
min-height: 0 !important;
margin: 0 12px !important;
padding: 10px 0 8px !important;
}
body.single-product #content .custom-tab-content {
margin-top: 0 !important;
padding-top: 0 !important;
}
/* Product information: remove bullets and the large default list indent. */
body.single-product #content .custom-product-info .product-wrap ul {
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
}
body.single-product #content .custom-product-info .product-wrap li {
list-style: none !important;
margin: 0 0 9px !important;
padding: 0 !important;
text-indent: 0 !important;
}
body.single-product #content .custom-product-info .product-wrap li::marker {
content: "" !important;
display: none !important;
}
/*
* Direct selectors for templates that render without #content/.products
* wrappers. Keep these last so old child-theme rules cannot win.
*/
body.post-type-archive-product .product-small .box-text-products p.name.product-title,
body.tax-product_cat .product-small .box-text-products p.name.product-title {
display: block !important;
width: 100% !important;
height: 44px !important;
min-height: 44px !important;
max-height: 44px !important;
margin: 0 !important;
overflow: hidden !important;
text-align: center !important;
}
body.post-type-archive-product .product-small .box-text-products p.name.product-title > a,
body.tax-product_cat .product-small .box-text-products p.name.product-title > a {
display: block !important;
width: 100% !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
line-height: 1.42 !important;
letter-spacing: 0 !important;
text-align: center !important;
white-space: nowrap !important;
word-break: normal !important;
overflow-wrap: normal !important;
}
body.post-type-archive-product .product-small.post-3282 p.name.product-title > a,
body.tax-product_cat .product-small.post-3282 p.name.product-title > a {
font-size: 11px !important;
}
body.post-type-archive-product .product-small.post-3284 p.name.product-title > a,
body.tax-product_cat .product-small.post-3284 p.name.product-title > a {
font-size: 11.2px !important;
}
body.post-type-archive-product .product-small.post-3324 p.name.product-title > a,
body.tax-product_cat .product-small.post-3324 p.name.product-title > a {
font-size: 13px !important;
}
body.post-type-archive-product .product-small.post-3289 p.name.product-title > a,
body.tax-product_cat .product-small.post-3289 p.name.product-title > a {
font-size: 14px !important;
}
body.post-type-archive-product .product-small.post-3292 p.name.product-title > a,
body.tax-product_cat .product-small.post-3292 p.name.product-title > a {
font-size: 12px !important;
}
body.post-type-archive-product .product-small.post-3294 p.name.product-title > a,
body.tax-product_cat .product-small.post-3294 p.name.product-title > a {
font-size: 13px !important;
}
body.post-type-archive-product .product-small .box-text-products p.price_pro,
body.tax-product_cat .product-small .box-text-products p.price_pro {
display: block !important;
width: 100% !important;
margin: 5px 0 0 !important;
padding: 0 !important;
text-align: center !important;
}
body.single-product .custom-product-info .product-wrap ul {
list-style: none !important;
list-style-type: none !important;
margin: 0 !important;
padding: 0 !important;
}
body.single-product .custom-product-info .product-wrap ul > li {
list-style: none !important;
list-style-type: none !important;
margin: 0 0 9px !important;
padding: 0 !important;
text-indent: 0 !important;
}
body.single-product .custom-product-info .product-wrap ul > li::before,
body.single-product .custom-product-info .product-wrap ul > li::marker {
content: "" !important;
display: none !important;
}
/* Beat the old #wrapper/#main archive rules that force titles back to 3 lines. */
html body.post-type-archive-product #wrapper #main .product-small .box-text-products p.name.product-title,
html body.tax-product_cat #wrapper #main .product-small .box-text-products p.name.product-title {
height: 44px !important;
min-height: 44px !important;
max-height: 44px !important;
}
html body.post-type-archive-product #wrapper #main .product-small .box-text-products p.name.product-title > a,
html body.tax-product_cat #wrapper #main .product-small .box-text-products p.name.product-title > a {
white-space: nowrap !important;
line-height: 1.42 !important;
}
html body.post-type-archive-product #wrapper #main .product-small.post-3282 p.name.product-title > a,
html body.tax-product_cat #wrapper #main .product-small.post-3282 p.name.product-title > a {
font-size: 11px !important;
}
html body.post-type-archive-product #wrapper #main .product-small.post-3284 p.name.product-title > a,
html body.tax-product_cat #wrapper #main .product-small.post-3284 p.name.product-title > a {
font-size: 11.2px !important;
}
html body.post-type-archive-product #wrapper #main .product-small.post-3324 p.name.product-title > a,
html body.tax-product_cat #wrapper #main .product-small.post-3324 p.name.product-title > a {
font-size: 13px !important;
}
html body.post-type-archive-product #wrapper #main .product-small.post-3289 p.name.product-title > a,
html body.tax-product_cat #wrapper #main .product-small.post-3289 p.name.product-title > a {
font-size: 14px !important;
}
html body.post-type-archive-product #wrapper #main .product-small.post-3292 p.name.product-title > a,
html body.tax-product_cat #wrapper #main .product-small.post-3292 p.name.product-title > a {
font-size: 12px !important;
}
html body.post-type-archive-product #wrapper #main .product-small.post-3294 p.name.product-title > a,
html body.tax-product_cat #wrapper #main .product-small.post-3294 p.name.product-title > a {
font-size: 13px !important;
}
/*
* Uniform two-line archive labels. The original full product name remains
* in the link for SEO/accessibility; only the compact card label changes.
*/
html body.post-type-archive-product #wrapper #main .product-small p.name.product-title > a,
html body.tax-product_cat #wrapper #main .product-small p.name.product-title > a {
font-size: 0 !important;
}
html body.post-type-archive-product #wrapper #main .product-small[class*="post-"] p.name.product-title > a,
html body.tax-product_cat #wrapper #main .product-small[class*="post-"] p.name.product-title > a {
font-size: 0 !important;
line-height: 0 !important;
}
html body.post-type-archive-product #wrapper #main .product-small p.name.product-title > a::before,
html body.tax-product_cat #wrapper #main .product-small p.name.product-title > a::before {
display: block !important;
width: 100% !important;
font-size: 13px !important;
font-weight: 600 !important;
line-height: 1.42 !important;
white-space: pre !important;
text-align: center !important;
}
html body.post-type-archive-product #wrapper #main .product-small.post-3282 p.name.product-title > a::before,
html body.tax-product_cat #wrapper #main .product-small.post-3282 p.name.product-title > a::before {
content: "TS002 – Tương Ớt Đặc Sản\A(300g) – (Có Hàng)" !important;
}
html body.post-type-archive-product #wrapper #main .product-small.post-3284 p.name.product-title > a::before,
html body.tax-product_cat #wrapper #main .product-small.post-3284 p.name.product-title > a::before {
content: "TS003 – Nem Chua Tỏi Ớt\A(1kg) – (Có Hàng)" !important;
}
html body.post-type-archive-product #wrapper #main .product-small.post-3324 p.name.product-title > a::before,
html body.tax-product_cat #wrapper #main .product-small.post-3324 p.name.product-title > a::before {
content: "TS004 – Tré Trộn Hảo Hạng\A(500g) – (Có Hàng)" !important;
}
html body.post-type-archive-product #wrapper #main .product-small.post-3289 p.name.product-title > a::before,
html body.tax-product_cat #wrapper #main .product-small.post-3289 p.name.product-title > a::before {
content: "TS005 – Chả Lụa\A(1kg) – (Có Hàng)" !important;
}
html body.post-type-archive-product #wrapper #main .product-small.post-3292 p.name.product-title > a::before,
html body.tax-product_cat #wrapper #main .product-small.post-3292 p.name.product-title > a::before {
content: "TS006 – Chả Bò Xiêm Xanh\A(1kg) – (Có Hàng)" !important;
}
html body.post-type-archive-product #wrapper #main .product-small.post-3294 p.name.product-title > a::before,
html body.tax-product_cat #wrapper #main .product-small.post-3294 p.name.product-title > a::before {
content: "TS007 – Chả Bò Đặc Biệt\A(1kg) – (Có Hàng)" !important;
}
/* Single-product related cards: identical image/text/card heights. */
body.single-product .related-products-wrapper .product-small .col-inner,
body.single-product .related-products-wrapper .product-small .product-small.box {
height: 100% !important;
}
body.single-product .related-products-wrapper .product-small .product-small.box {
display: flex !important;
flex-direction: column !important;
}
body.single-product .related-products-wrapper .product-small .box-text-products {
display: flex !important;
flex: 0 0 164px !important;
flex-direction: column !important;
width: 100% !important;
height: 164px !important;
min-height: 164px !important;
max-height: 164px !important;
padding: 14px 7px 12px !important;
}
body.single-product .related-products-wrapper .product-small p.name.product-title {
display: block !important;
width: 100% !important;
height: 46px !important;
min-height: 46px !important;
max-height: 46px !important;
margin: 0 !important;
overflow: hidden !important;
text-align: center !important;
}
body.single-product .related-products-wrapper .product-small p.name.product-title > a {
display: block !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
font-size: 0 !important;
line-height: 0 !important;
white-space: nowrap !important;
}
body.single-product .related-products-wrapper .product-small p.name.product-title > a::before {
display: block !important;
width: 100% !important;
font-size: 14px !important;
font-weight: 600 !important;
line-height: 1.45 !important;
white-space: pre !important;
text-align: center !important;
}
body.single-product .related-products-wrapper .product-small.post-3282 p.name.product-title > a::before {
content: "TS002 – Tương Ớt Đặc Sản\A(300g) – (Có Hàng)" !important;
}
body.single-product .related-products-wrapper .product-small.post-3284 p.name.product-title > a::before {
content: "TS003 – Nem Chua Tỏi Ớt\A(1kg) – (Có Hàng)" !important;
}
body.single-product .related-products-wrapper .product-small.post-3324 p.name.product-title > a::before {
content: "TS004 – Tré Trộn Hảo Hạng\A(500g) – (Có Hàng)" !important;
}
body.single-product .related-products-wrapper .product-small.post-3289 p.name.product-title > a::before {
content: "TS005 – Chả Lụa\A(1kg) – (Có Hàng)" !important;
}
body.single-product .related-products-wrapper .product-small.post-3292 p.name.product-title > a::before {
content: "TS006 – Chả Bò Xiêm Xanh\A(1kg) – (Có Hàng)" !important;
}
body.single-product .related-products-wrapper .product-small.post-3294 p.name.product-title > a::before {
content: "TS007 – Chả Bò Đặc Biệt\A(1kg) – (Có Hàng)" !important;
}
body.single-product .related-products-wrapper .product-small p.price_pro {
display: block !important;
width: 100% !important;
margin: auto 0 0 !important;
padding: 0 !important;
text-align: center !important;
}
body.single-product .related-products-wrapper .product-small p.price_pro > span {
display: inline-block !important;
float: none !important;
margin: 0 auto !important;
}
}
/* Desktop /ve-chung-toi: align both text columns and both lower image rows. */
@media screen and (min-width: 850px) {
body.page-id-508 section.our_01 .section-content > .row > .col.large-6 > .col-inner {
display: flex !important;
flex-direction: column !important;
height: 100% !important;
}
body.page-id-508 section.our_01 .section-content > .row > .col.large-6 > .col-inner > p {
box-sizing: border-box !important;
width: 100% !important;
height: 108px !important;
min-height: 108px !important;
max-height: 108px !important;
margin: 0 !important;
padding: 12px 0 0 !important;
overflow: hidden !important;
font-size: 16px !important;
line-height: 1.5 !important;
text-align: justify !important;
}
body.page-id-508 section.our_01 .section-content > .row > .col.large-6 > .col-inner > .row {
width: calc(100% + 30px) !important;
flex: 0 0 auto !important;
}
body.page-id-508 section.our_01 .section-content > .row > .col.large-6 > .col-inner > .row .col {
padding-bottom: 0 !important;
}
body.page-id-508 section.our_01 .section-content > .row > .col.large-6 > .col-inner > .row img {
width: 100% !important;
height: 200px !important;
object-fit: cover !important;
}
body.page-id-508 section.our_01 .section-content > .row > .col.large-6 > .col-inner > .row br {
display: none !important;
}
}
/*
* Final mobile layout pass:
* - separate the About-page images
* - keep the Home "Xem them" action on one line
* - tighten the food-news date
* - remove the forced empty height from shop cards
*/
@media screen and (max-width: 549px) {
/* About: 21px headings and a consistent 10px gap between every image. */
body.page-id-508 #content section.our_01 h2.heading,
body.page-id-508 #content section.our_02 h2.heading {
width: 100% !important;
max-width: 100% !important;
margin: 0 0 10px !important;
padding: 0 !important;
font-size: 21px !important;
line-height: 1.25 !important;
letter-spacing: 0 !important;
text-align: center !important;
}
body.page-id-508 #content section.our_02 .block__element_head h2.heading {
margin-bottom: 0 !important;
font-size: 21px !important;
white-space: nowrap !important;
}
body.page-id-508 #content section.our_01 .col-inner > .row {
row-gap: 10px !important;
margin-bottom: 10px !important;
}
body.page-id-508 #content section.our_01 .col-inner > .row > .col {
margin: 0 !important;
padding-bottom: 0 !important;
}
body.page-id-508 #content section.our_01 .col-inner > .row img {
display: block !important;
border-radius: 6px !important;
}
/* Home intro: text and Instagram icon share one compact horizontal button. */
body.home #content section.rt01 a.button.primary.is-xsmall {
display: inline-flex !important;
flex-direction: row !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
width: auto !important;
min-width: 0 !important;
height: 42px !important;
min-height: 42px !important;
margin: 5px 0 0 !important;
padding: 0 14px !important;
white-space: nowrap !important;
}
body.home #content section.rt01 a.button.primary.is-xsmall > span,
body.home #content section.rt01 a.button.primary.is-xsmall > i {
display: inline-block !important;
float: none !important;
width: auto !important;
margin: 0 !important;
padding: 0 !important;
line-height: 1 !important;
}
body.home #content section.rt01 a.button.primary.is-xsmall > span {
font-size: 13px !important;
}
body.home #content section.rt01 a.button.primary.is-xsmall > i {
font-size: 17px !important;
}
/* Home food-news date: remove the line-break element that creates the gap. */
body.home #content section.rt05 .post-date.badge .badge-inner {
gap: 1px !important;
line-height: 1 !important;
}
body.home #content section.rt05 .post-date.badge .badge-inner > br {
display: none !important;
}
body.home #content section.rt05 .post-date.badge .post-date-day,
body.home #content section.rt05 .post-date.badge .post-date-month {
display: block !important;
margin: 0 !important;
padding: 0 !important;
line-height: 1 !important;
}
/* Shop ordering control: compact and right-aligned like the marked layout. */
body.post-type-archive-product #main form.woocommerce-ordering,
body.tax-product_cat #main form.woocommerce-ordering {
display: block !important;
float: none !important;
width: 52% !important;
max-width: 220px !important;
height: 44px !important;
margin: 0 14px 16px auto !important;
padding: 0 !important;
}
body.post-type-archive-product #main form.woocommerce-ordering select.orderby,
body.tax-product_cat #main form.woocommerce-ordering select.orderby {
display: block !important;
width: 100% !important;
height: 44px !important;
min-height: 44px !important;
margin: 0 !important;
}
/* Shop cards: close each card immediately below its price. */
body.post-type-archive-product #main .products > .product-small,
body.tax-product_cat #main .products > .product-small {
align-self: flex-start !important;
height: auto !important;
min-height: 0 !important;
margin-bottom: 14px !important;
}
body.post-type-archive-product #main .products > .product-small > .col-inner,
body.tax-product_cat #main .products > .product-small > .col-inner {
height: auto !important;
min-height: 0 !important;
}
body.post-type-archive-product #main .products > .product-small > .col-inner > .product-small.box,
body.tax-product_cat #main .products > .product-small > .col-inner > .product-small.box {
display: block !important;
height: auto !important;
min-height: 0 !important;
overflow: hidden !important;
border-radius: 7px !important;
}
body.post-type-archive-product #main .products > .product-small .box-text-products,
body.tax-product_cat #main .products > .product-small .box-text-products {
display: block !important;
flex: none !important;
width: 100% !important;
height: 100px !important;
min-height: 100px !important;
max-height: 100px !important;
padding: 10px 5px 9px !important;
}
body.post-type-archive-product #main .products > .product-small .box-text-products p.name.product-title,
body.tax-product_cat #main .products > .product-small .box-text-products p.name.product-title {
height: 44px !important;
min-height: 44px !important;
max-height: 44px !important;
}
body.post-type-archive-product #main .products > .product-small .box-text-products p.price_pro,
body.tax-product_cat #main .products > .product-small .box-text-products p.price_pro {
height: 27px !important;
min-height: 27px !important;
margin: 5px 0 0 !important;
line-height: 27px !important;
}
}
/* About page: every content heading uses one consistent 21px mobile size. */
@media screen and (max-width: 549px) {
html body.page-id-508 #wrapper #main #content h1,
html body.page-id-508 #wrapper #main #content h2,
html body.page-id-508 #wrapper #main #content h3,
html body.page-id-508 #wrapper #main #content h4,
html body.page-id-508 #wrapper #main #content h5,
html body.page-id-508 #wrapper #main #content h6 {
font-size: 21px !important;
line-height: 1.25 !important;
letter-spacing: 0 !important;
}
}
/*
* Mobile final overrides for Chả Bò Bà Kim.
* Paste this whole file at the very end of Appearance > Customize > Additional CSS.
*/
@media screen and (max-width: 549px) {
/* Home feedback / quotation actions: icon above, label below. */
body.home #content section.rt04 .row .col .col-inner > a.button.white {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
gap: 4px !important;
width: 100% !important;
height: 64px !important;
min-height: 64px !important;
margin: 0 !important;
padding: 7px 4px !important;
text-align: center !important;
white-space: normal !important;
}
body.home #content section.rt04 .row .col .col-inner > a.button.white > i {
display: block !important;
float: none !important;
width: auto !important;
margin: 0 !important;
font-size: 17px !important;
line-height: 1 !important;
text-align: center !important;
}
body.home #content section.rt04 .row .col .col-inner > a.button.white > span {
display: block !important;
float: none !important;
width: 100% !important;
margin: 0 !important;
font-size: 13px !important;
line-height: 1.15 !important;
text-align: center !important;
white-space: nowrap !important;
}
/* Home food-news date: compact square badge. */
body.home #content section.rt05 .post-date.badge {
width: 48px !important;
height: 48px !important;
min-width: 48px !important;
min-height: 48px !important;
padding: 0 !important;
}
body.home #content section.rt05 .post-date.badge .badge-inner {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
width: 48px !important;
height: 48px !important;
min-width: 48px !important;
min-height: 48px !important;
padding: 0 !important;
border: 0 !important;
line-height: 1.05 !important;
}
/* About page: compact gap and one complete heading line. */
body.page-id-508 #content section.our_02 {
padding-top: 14px !important;
padding-bottom: 16px !important;
}
body.page-id-508 #content section.our_01 {
padding-bottom: 0 !important;
}
body.page-id-508 #content section.our_01 .col {
padding-bottom: 0 !important;
}
body.page-id-508 #content section.our_01 .col-inner > br {
display: none !important;
}
body.page-id-508 #content section.our_02 .block__element_head,
body.page-id-508 #content section.our_02 .block__element_head h2.heading {
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
body.page-id-508 #content section.our_02 .block__element_head h2.heading {
font-size: 16px !important;
line-height: 1.25 !important;
letter-spacing: 0 !important;
text-align: center !important;
white-space: nowrap !important;
overflow: visible !important;
}
body.page-id-508 #content section.our_02 .title-separator {
margin-top: 8px !important;
}
body.page-id-508 #content section.our_02 .text p {
margin: 0 0 7px !important;
font-size: 15px !important;
line-height: 1.5 !important;
}
/* Product archive: consistent title area and centred prices. */
body.woocommerce-shop .products .box-text-products,
body.post-type-archive-product .products .box-text-products,
body.tax-product_cat .products .box-text-products {
display: flex !important;
flex-direction: column !important;
padding: 10px 5px 11px !important;
}
body.woocommerce-shop .products p.name.product-title,
body.post-type-archive-product .products p.name.product-title,
body.tax-product_cat .products p.name.product-title {
display: block !important;
width: 100% !important;
height: 44px !important;
min-height: 44px !important;
max-height: 44px !important;
margin: 0 !important;
overflow: hidden !important;
text-align: center !important;
}
body.woocommerce-shop .products p.name.product-title > a,
body.post-type-archive-product .products p.name.product-title > a,
body.tax-product_cat .products p.name.product-title > a {
display: block !important;
width: 100% !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
font-size: 14px !important;
font-weight: 600 !important;
line-height: 1.42 !important;
letter-spacing: 0 !important;
text-align: center !important;
text-align-last: center !important;
white-space: nowrap !important;
word-break: normal !important;
overflow-wrap: normal !important;
hyphens: none !important;
}
/* Long archive labels stay on the first line;
keeps weight/status on line two. */
body .products .post-3282 p.name.product-title > a {
font-size: 11px !important;
}
body .products .post-3284 p.name.product-title > a {
font-size: 11.2px !important;
}
body .products .post-3324 p.name.product-title > a {
font-size: 13px !important;
}
body .products .post-3289 p.name.product-title > a {
font-size: 14px !important;
}
body .products .post-3292 p.name.product-title > a {
font-size: 12px !important;
}
body .products .post-3294 p.name.product-title > a {
font-size: 13px !important;
}
.products .box-text-products p.price_pro,
.box-text-products p.price_pro {
display: block !important;
width: 100% !important;
margin: 5px 0 0 !important;
padding-top: 0 !important;
text-align: center !important;
text-align-last: center !important;
}
.products .box-text-products p.price_pro > span,
.box-text-products p.price_pro > span {
display: inline-block !important;
float: none !important;
margin: 0 auto !important;
font-size: 15px !important;
}
/* News archive: exactly two complete excerpt lines. */
body.category #content .new-list-post .post-content .des {
height: auto !important;
max-height: 48px !important;
min-height: 0 !important;
margin: 8px 0 !important;
overflow: hidden !important;
}
body.category #content .new-list-post .post-content .des > p {
display: -webkit-box !important;
height: auto !important;
max-height: 48px !important;
min-height: 0 !important;
margin: 0 !important;
overflow: hidden !important;
-webkit-box-orient: vertical !important;
-webkit-line-clamp: 2 !important;
font-size: 15px !important;
line-height: 24px !important;
text-align: left !important;
}
body.category #content .new-list-post .post-image {
overflow: visible !important;
}
body.category #content .new-list-post .post-image img {
display: block !important;
width: 100% !important;
box-shadow: 0 5px 14px rgba(0, 0, 0, 0.15) !important;
}
body.category #content .new-list-post .post-content {
padding-top: 12px !important;
padding-bottom: 16px !important;
}
/* Keep Vietnamese place names visually together through balanced wrapping. */
body.category #content .new-list-post .post-content h3,
body.category #content .new-list-post .post-content h3 > a.title {
width: 100% !important;
font-size: 17px !important;
line-height: 1.3 !important;
letter-spacing: 0 !important;
text-align: center !important;
text-wrap: balance !important;
word-break: normal !important;
overflow-wrap: normal !important;
}
/* Single product: remove the large blank block before tabs. */
body.single-product .product-main,
body.single-product .product-info,
body.single-product .product-summary,
body.single-product .product-footer {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
body.single-product #content .product-footer {
margin-top: 0 !important;
padding-top: 0 !important;
}
body.single-product #content .product-footer > .container {
padding-top: 0 !important;
}
body.single-product #content .custom-product-tabs {
height: auto !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 0 10px !important;
}
body.single-product #content .custom-product-tabs .tab-btn {
min-height: 0 !important;
margin: 0 12px !important;
padding: 10px 0 8px !important;
}
body.single-product #content .custom-tab-content {
margin-top: 0 !important;
padding-top: 0 !important;
}
/* Product information: remove bullets and the large default list indent. */
body.single-product #content .custom-product-info .product-wrap ul {
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
}
body.single-product #content .custom-product-info .product-wrap li {
list-style: none !important;
margin: 0 0 9px !important;
padding: 0 !important;
text-indent: 0 !important;
}
body.single-product #content .custom-product-info .product-wrap li::marker {
content: "" !important;
display: none !important;
}
/*
* Direct selectors for templates that render without #content/.products
* wrappers. Keep these last so old child-theme rules cannot win.
*/
body.post-type-archive-product .product-small .box-text-products p.name.product-title,
body.tax-product_cat .product-small .box-text-products p.name.product-title {
display: block !important;
width: 100% !important;
height: 44px !important;
min-height: 44px !important;
max-height: 44px !important;
margin: 0 !important;
overflow: hidden !important;
text-align: center !important;
}
body.post-type-archive-product .product-small .box-text-products p.name.product-title > a,
body.tax-product_cat .product-small .box-text-products p.name.product-title > a {
display: block !important;
width: 100% !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
line-height: 1.42 !important;
letter-spacing: 0 !important;
text-align: center !important;
white-space: nowrap !important;
word-break: normal !important;
overflow-wrap: normal !important;
}
body.post-type-archive-product .product-small.post-3282 p.name.product-title > a,
body.tax-product_cat .product-small.post-3282 p.name.product-title > a {
font-size: 11px !important;
}
body.post-type-archive-product .product-small.post-3284 p.name.product-title > a,
body.tax-product_cat .product-small.post-3284 p.name.product-title > a {
font-size: 11.2px !important;
}
body.post-type-archive-product .product-small.post-3324 p.name.product-title > a,
body.tax-product_cat .product-small.post-3324 p.name.product-title > a {
font-size: 13px !important;
}
body.post-type-archive-product .product-small.post-3289 p.name.product-title > a,
body.tax-product_cat .product-small.post-3289 p.name.product-title > a {
font-size: 14px !important;
}
body.post-type-archive-product .product-small.post-3292 p.name.product-title > a,
body.tax-product_cat .product-small.post-3292 p.name.product-title > a {
font-size: 12px !important;
}
body.post-type-archive-product .product-small.post-3294 p.name.product-title > a,
body.tax-product_cat .product-small.post-3294 p.name.product-title > a {
font-size: 13px !important;
}
body.post-type-archive-product .product-small .box-text-products p.price_pro,
body.tax-product_cat .product-small .box-text-products p.price_pro {
display: block !important;
width: 100% !important;
margin: 5px 0 0 !important;
padding: 0 !important;
text-align: center !important;
}
body.single-product .custom-product-info .product-wrap ul {
list-style: none !important;
list-style-type: none !important;
margin: 0 !important;
padding: 0 !important;
}
body.single-product .custom-product-info .product-wrap ul > li {
list-style: none !important;
list-style-type: none !important;
margin: 0 0 9px !important;
padding: 0 !important;
text-indent: 0 !important;
}
body.single-product .custom-product-info .product-wrap ul > li::before,
body.single-product .custom-product-info .product-wrap ul > li::marker {
content: "" !important;
display: none !important;
}
/* Beat the old #wrapper/#main archive rules that force titles back to 3 lines. */
html body.post-type-archive-product #wrapper #main .product-small .box-text-products p.name.product-title,
html body.tax-product_cat #wrapper #main .product-small .box-text-products p.name.product-title {
height: 44px !important;
min-height: 44px !important;
max-height: 44px !important;
}
html body.post-type-archive-product #wrapper #main .product-small .box-text-products p.name.product-title > a,
html body.tax-product_cat #wrapper #main .product-small .box-text-products p.name.product-title > a {
white-space: nowrap !important;
line-height: 1.42 !important;
}
html body.post-type-archive-product #wrapper #main .product-small.post-3282 p.name.product-title > a,
html body.tax-product_cat #wrapper #main .product-small.post-3282 p.name.product-title > a {
font-size: 11px !important;
}
html body.post-type-archive-product #wrapper #main .product-small.post-3284 p.name.product-title > a,
html body.tax-product_cat #wrapper #main .product-small.post-3284 p.name.product-title > a {
font-size: 11.2px !important;
}
html body.post-type-archive-product #wrapper #main .product-small.post-3324 p.name.product-title > a,
html body.tax-product_cat #wrapper #main .product-small.post-3324 p.name.product-title > a {
font-size: 13px !important;
}
html body.post-type-archive-product #wrapper #main .product-small.post-3289 p.name.product-title > a,
html body.tax-product_cat #wrapper #main .product-small.post-3289 p.name.product-title > a {
font-size: 14px !important;
}
html body.post-type-archive-product #wrapper #main .product-small.post-3292 p.name.product-title > a,
html body.tax-product_cat #wrapper #main .product-small.post-3292 p.name.product-title > a {
font-size: 12px !important;
}
html body.post-type-archive-product #wrapper #main .product-small.post-3294 p.name.product-title > a,
html body.tax-product_cat #wrapper #main .product-small.post-3294 p.name.product-title > a {
font-size: 13px !important;
}
/*
* Uniform two-line archive labels. The original full product name remains
* in the link for SEO/accessibility; only the compact card label changes.
*/
html body.post-type-archive-product #wrapper #main .product-small p.name.product-title > a,
html body.tax-product_cat #wrapper #main .product-small p.name.product-title > a {
font-size: 0 !important;
}
html body.post-type-archive-product #wrapper #main .product-small[class*="post-"] p.name.product-title > a,
html body.tax-product_cat #wrapper #main .product-small[class*="post-"] p.name.product-title > a {
font-size: 0 !important;
line-height: 0 !important;
}
html body.post-type-archive-product #wrapper #main .product-small p.name.product-title > a::before,
html body.tax-product_cat #wrapper #main .product-small p.name.product-title > a::before {
display: block !important;
width: 100% !important;
font-size: 13px !important;
font-weight: 600 !important;
line-height: 1.42 !important;
white-space: pre !important;
text-align: center !important;
}
html body.post-type-archive-product #wrapper #main .product-small.post-3282 p.name.product-title > a::before,
html body.tax-product_cat #wrapper #main .product-small.post-3282 p.name.product-title > a::before {
content: "TS002 – Tương Ớt Đặc Sản\A(300g) – (Có Hàng)" !important;
}
html body.post-type-archive-product #wrapper #main .product-small.post-3284 p.name.product-title > a::before,
html body.tax-product_cat #wrapper #main .product-small.post-3284 p.name.product-title > a::before {
content: "TS003 – Nem Chua Tỏi Ớt\A(1kg) – (Có Hàng)" !important;
}
html body.post-type-archive-product #wrapper #main .product-small.post-3324 p.name.product-title > a::before,
html body.tax-product_cat #wrapper #main .product-small.post-3324 p.name.product-title > a::before {
content: "TS004 – Tré Trộn Hảo Hạng\A(500g) – (Có Hàng)" !important;
}
html body.post-type-archive-product #wrapper #main .product-small.post-3289 p.name.product-title > a::before,
html body.tax-product_cat #wrapper #main .product-small.post-3289 p.name.product-title > a::before {
content: "TS005 – Chả Lụa\A(1kg) – (Có Hàng)" !important;
}
html body.post-type-archive-product #wrapper #main .product-small.post-3292 p.name.product-title > a::before,
html body.tax-product_cat #wrapper #main .product-small.post-3292 p.name.product-title > a::before {
content: "TS006 – Chả Bò Xiêm Xanh\A(1kg) – (Có Hàng)" !important;
}
html body.post-type-archive-product #wrapper #main .product-small.post-3294 p.name.product-title > a::before,
html body.tax-product_cat #wrapper #main .product-small.post-3294 p.name.product-title > a::before {
content: "TS007 – Chả Bò Đặc Biệt\A(1kg) – (Có Hàng)" !important;
}
/* Single-product related cards: identical image/text/card heights. */
body.single-product .related-products-wrapper .product-small .col-inner,
body.single-product .related-products-wrapper .product-small .product-small.box {
height: 100% !important;
}
body.single-product .related-products-wrapper .product-small .product-small.box {
display: flex !important;
flex-direction: column !important;
}
body.single-product .related-products-wrapper .product-small .box-text-products {
display: flex !important;
flex: 0 0 164px !important;
flex-direction: column !important;
width: 100% !important;
height: 164px !important;
min-height: 164px !important;
max-height: 164px !important;
padding: 14px 7px 12px !important;
}
body.single-product .related-products-wrapper .product-small p.name.product-title {
display: block !important;
width: 100% !important;
height: 46px !important;
min-height: 46px !important;
max-height: 46px !important;
margin: 0 !important;
overflow: hidden !important;
text-align: center !important;
}
body.single-product .related-products-wrapper .product-small p.name.product-title > a {
display: block !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
font-size: 0 !important;
line-height: 0 !important;
white-space: nowrap !important;
}
body.single-product .related-products-wrapper .product-small p.name.product-title > a::before {
display: block !important;
width: 100% !important;
font-size: 14px !important;
font-weight: 600 !important;
line-height: 1.45 !important;
white-space: pre !important;
text-align: center !important;
}
body.single-product .related-products-wrapper .product-small.post-3282 p.name.product-title > a::before {
content: "TS002 – Tương Ớt Đặc Sản\A(300g) – (Có Hàng)" !important;
}
body.single-product .related-products-wrapper .product-small.post-3284 p.name.product-title > a::before {
content: "TS003 – Nem Chua Tỏi Ớt\A(1kg) – (Có Hàng)" !important;
}
body.single-product .related-products-wrapper .product-small.post-3324 p.name.product-title > a::before {
content: "TS004 – Tré Trộn Hảo Hạng\A(500g) – (Có Hàng)" !important;
}
body.single-product .related-products-wrapper .product-small.post-3289 p.name.product-title > a::before {
content: "TS005 – Chả Lụa\A(1kg) – (Có Hàng)" !important;
}
body.single-product .related-products-wrapper .product-small.post-3292 p.name.product-title > a::before {
content: "TS006 – Chả Bò Xiêm Xanh\A(1kg) – (Có Hàng)" !important;
}
body.single-product .related-products-wrapper .product-small.post-3294 p.name.product-title > a::before {
content: "TS007 – Chả Bò Đặc Biệt\A(1kg) – (Có Hàng)" !important;
}
body.single-product .related-products-wrapper .product-small p.price_pro {
display: block !important;
width: 100% !important;
margin: auto 0 0 !important;
padding: 0 !important;
text-align: center !important;
}
body.single-product .related-products-wrapper .product-small p.price_pro > span {
display: inline-block !important;
float: none !important;
margin: 0 auto !important;
}
}
/* Desktop /ve-chung-toi: align both text columns and both lower image rows. */
@media screen and (min-width: 850px) {
body.page-id-508 section.our_01 .section-content > .row > .col.large-6 > .col-inner {
display: flex !important;
flex-direction: column !important;
height: 100% !important;
}
body.page-id-508 section.our_01 .section-content > .row > .col.large-6 > .col-inner > p {
box-sizing: border-box !important;
width: 100% !important;
height: 108px !important;
min-height: 108px !important;
max-height: 108px !important;
margin: 0 !important;
padding: 12px 0 0 !important;
overflow: hidden !important;
font-size: 16px !important;
line-height: 1.5 !important;
text-align: justify !important;
}
body.page-id-508 section.our_01 .section-content > .row > .col.large-6 > .col-inner > .row {
width: calc(100% + 30px) !important;
flex: 0 0 auto !important;
}
body.page-id-508 section.our_01 .section-content > .row > .col.large-6 > .col-inner > .row .col {
padding-bottom: 0 !important;
}
body.page-id-508 section.our_01 .section-content > .row > .col.large-6 > .col-inner > .row img {
width: 100% !important;
height: 200px !important;
object-fit: cover !important;
}
body.page-id-508 section.our_01 .section-content > .row > .col.large-6 > .col-inner > .row br {
display: none !important;
}
}
/*
* Final mobile layout pass:
* - separate the About-page images
* - keep the Home "Xem them" action on one line
* - tighten the food-news date
* - remove the forced empty height from shop cards
*/
@media screen and (max-width: 549px) {
/* About: 21px headings and a consistent 10px gap between every image. */
body.page-id-508 #content section.our_01 h2.heading,
body.page-id-508 #content section.our_02 h2.heading {
width: 100% !important;
max-width: 100% !important;
margin: 0 0 10px !important;
padding: 0 !important;
font-size: 21px !important;
line-height: 1.25 !important;
letter-spacing: 0 !important;
text-align: center !important;
}
body.page-id-508 #content section.our_02 .block__element_head h2.heading {
margin-bottom: 0 !important;
font-size: 21px !important;
white-space: nowrap !important;
}
body.page-id-508 #content section.our_01 .col-inner > .row {
row-gap: 10px !important;
margin-bottom: 10px !important;
}
body.page-id-508 #content section.our_01 .col-inner > .row > .col {
margin: 0 !important;
padding-bottom: 0 !important;
}
body.page-id-508 #content section.our_01 .col-inner > .row img {
display: block !important;
border-radius: 6px !important;
}
/* Home intro: text and Instagram icon share one compact horizontal button. */
body.home #content section.rt01 a.button.primary.is-xsmall {
display: inline-flex !important;
flex-direction: row !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
width: auto !important;
min-width: 0 !important;
height: 42px !important;
min-height: 42px !important;
margin: 5px 0 0 !important;
padding: 0 14px !important;
white-space: nowrap !important;
}
body.home #content section.rt01 a.button.primary.is-xsmall > span,
body.home #content section.rt01 a.button.primary.is-xsmall > i {
display: inline-block !important;
float: none !important;
width: auto !important;
margin: 0 !important;
padding: 0 !important;
line-height: 1 !important;
}
body.home #content section.rt01 a.button.primary.is-xsmall > span {
font-size: 13px !important;
}
body.home #content section.rt01 a.button.primary.is-xsmall > i {
font-size: 17px !important;
}
/* Home food-news date: remove the line-break element that creates the gap. */
body.home #content section.rt05 .post-date.badge .badge-inner {
gap: 1px !important;
line-height: 1 !important;
}
body.home #content section.rt05 .post-date.badge .badge-inner > br {
display: none !important;
}
body.home #content section.rt05 .post-date.badge .post-date-day,
body.home #content section.rt05 .post-date.badge .post-date-month {
display: block !important;
margin: 0 !important;
padding: 0 !important;
line-height: 1 !important;
}
/* Shop ordering control: compact and right-aligned like the marked layout. */
body.post-type-archive-product #main form.woocommerce-ordering,
body.tax-product_cat #main form.woocommerce-ordering {
display: block !important;
float: none !important;
width: 52% !important;
max-width: 220px !important;
height: 44px !important;
margin: 0 14px 16px auto !important;
padding: 0 !important;
}
body.post-type-archive-product #main form.woocommerce-ordering select.orderby,
body.tax-product_cat #main form.woocommerce-ordering select.orderby {
display: block !important;
width: 100% !important;
height: 44px !important;
min-height: 44px !important;
margin: 0 !important;
}
/* Shop cards: close each card immediately below its price. */
body.post-type-archive-product #main .products > .product-small,
body.tax-product_cat #main .products > .product-small {
align-self: flex-start !important;
height: auto !important;
min-height: 0 !important;
margin-bottom: 14px !important;
}
body.post-type-archive-product #main .products > .product-small > .col-inner,
body.tax-product_cat #main .products > .product-small > .col-inner {
height: auto !important;
min-height: 0 !important;
}
body.post-type-archive-product #main .products > .product-small > .col-inner > .product-small.box,
body.tax-product_cat #main .products > .product-small > .col-inner > .product-small.box {
display: block !important;
height: auto !important;
min-height: 0 !important;
overflow: hidden !important;
border-radius: 7px !important;
}
body.post-type-archive-product #main .products > .product-small .box-text-products,
body.tax-product_cat #main .products > .product-small .box-text-products {
display: block !important;
flex: none !important;
width: 100% !important;
height: 100px !important;
min-height: 100px !important;
max-height: 100px !important;
padding: 10px 5px 9px !important;
}
body.post-type-archive-product #main .products > .product-small .box-text-products p.name.product-title,
body.tax-product_cat #main .products > .product-small .box-text-products p.name.product-title {
height: 44px !important;
min-height: 44px !important;
max-height: 44px !important;
}
body.post-type-archive-product #main .products > .product-small .box-text-products p.price_pro,
body.tax-product_cat #main .products > .product-small .box-text-products p.price_pro {
height: 27px !important;
min-height: 27px !important;
margin: 5px 0 0 !important;
line-height: 27px !important;
}
}
/* About page: every content heading uses one consistent 21px mobile size. */
@media screen and (max-width: 549px) {
html body.page-id-508 #wrapper #main #content h1,
html body.page-id-508 #wrapper #main #content h2,
html body.page-id-508 #wrapper #main #content h3,
html body.page-id-508 #wrapper #main #content h4,
html body.page-id-508 #wrapper #main #content h5,
html body.page-id-508 #wrapper #main #content h6 {
font-size: 21px !important;
line-height: 1.25 !important;
letter-spacing: 0 !important;
}
}
/* News listing: uniform compact 16:9 thumbnails on mobile. */
@media screen and (max-width: 549px) {
html body.category #wrapper #main #content .new-list-post .post-image {
width: 100% !important;
height: auto !important;
aspect-ratio: 16 / 9 !important;
overflow: hidden !important;
}
html body.category #wrapper #main #content .new-list-post .post-image > a {
display: block !important;
width: 100% !important;
height: 100% !important;
}
html body.category #wrapper #main #content .new-list-post .post-image img {
display: block !important;
width: 100% !important;
height: 100% !important;
max-height: none !important;
object-fit: cover !important;
object-position: center !important;
}
}
/* Product-style blog posts: centre the main content image on mobile. */
@media screen and (max-width: 549px) {
html body.single-post #wrapper #main #content .product-wrap > div:first-of-type {
justify-content: center !important;
}
html body.single-post #wrapper #main #content .product-wrap > div:first-of-type > div:first-of-type {
margin-right: auto !important;
margin-left: auto !important;
}
html body.single-post #wrapper #main #content .product-wrap img.alignnone {
display: block !important;
margin-right: auto !important;
margin-left: auto !important;
}
}
/*
* Mobile final overrides for Chả Bò Bà Kim.
* Paste this whole file at the very end of Appearance > Customize > Additional CSS.
*/
@media screen and (max-width: 549px) {
/* Home feedback / quotation actions: icon above, label below. */
body.home #content section.rt04 .row .col .col-inner > a.button.white {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
gap: 4px !important;
width: 100% !important;
height: 64px !important;
min-height: 64px !important;
margin: 0 !important;
padding: 7px 4px !important;
text-align: center !important;
white-space: normal !important;
}
body.home #content section.rt04 .row .col .col-inner > a.button.white > i {
display: block !important;
float: none !important;
width: auto !important;
margin: 0 !important;
font-size: 17px !important;
line-height: 1 !important;
text-align: center !important;
}
body.home #content section.rt04 .row .col .col-inner > a.button.white > span {
display: block !important;
float: none !important;
width: 100% !important;
margin: 0 !important;
font-size: 13px !important;
line-height: 1.15 !important;
text-align: center !important;
white-space: nowrap !important;
}
/* Home food-news date: compact square badge. */
body.home #content section.rt05 .post-date.badge {
width: 48px !important;
height: 48px !important;
min-width: 48px !important;
min-height: 48px !important;
padding: 0 !important;
}
body.home #content section.rt05 .post-date.badge .badge-inner {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
width: 48px !important;
height: 48px !important;
min-width: 48px !important;
min-height: 48px !important;
padding: 0 !important;
border: 0 !important;
line-height: 1.05 !important;
}
/* About page: compact gap and one complete heading line. */
body.page-id-508 #content section.our_02 {
padding-top: 14px !important;
padding-bottom: 16px !important;
}
body.page-id-508 #content section.our_01 {
padding-bottom: 0 !important;
}
body.page-id-508 #content section.our_01 .col {
padding-bottom: 0 !important;
}
body.page-id-508 #content section.our_01 .col-inner > br {
display: none !important;
}
body.page-id-508 #content section.our_02 .block__element_head,
body.page-id-508 #content section.our_02 .block__element_head h2.heading {
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
body.page-id-508 #content section.our_02 .block__element_head h2.heading {
font-size: 16px !important;
line-height: 1.25 !important;
letter-spacing: 0 !important;
text-align: center !important;
white-space: nowrap !important;
overflow: visible !important;
}
body.page-id-508 #content section.our_02 .title-separator {
margin-top: 8px !important;
}
body.page-id-508 #content section.our_02 .text p {
margin: 0 0 7px !important;
font-size: 15px !important;
line-height: 1.5 !important;
}
/* Product archive: consistent title area and centred prices. */
body.woocommerce-shop .products .box-text-products,
body.post-type-archive-product .products .box-text-products,
body.tax-product_cat .products .box-text-products {
display: flex !important;
flex-direction: column !important;
padding: 10px 5px 11px !important;
}
body.woocommerce-shop .products p.name.product-title,
body.post-type-archive-product .products p.name.product-title,
body.tax-product_cat .products p.name.product-title {
display: block !important;
width: 100% !important;
height: 44px !important;
min-height: 44px !important;
max-height: 44px !important;
margin: 0 !important;
overflow: hidden !important;
text-align: center !important;
}
body.woocommerce-shop .products p.name.product-title > a,
body.post-type-archive-product .products p.name.product-title > a,
body.tax-product_cat .products p.name.product-title > a {
display: block !important;
width: 100% !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
font-size: 14px !important;
font-weight: 600 !important;
line-height: 1.42 !important;
letter-spacing: 0 !important;
text-align: center !important;
text-align-last: center !important;
white-space: nowrap !important;
word-break: normal !important;
overflow-wrap: normal !important;
hyphens: none !important;
}
/* Long archive labels stay on the first line;
keeps weight/status on line two. */
body .products .post-3282 p.name.product-title > a {
font-size: 11px !important;
}
body .products .post-3284 p.name.product-title > a {
font-size: 11.2px !important;
}
body .products .post-3324 p.name.product-title > a {
font-size: 13px !important;
}
body .products .post-3289 p.name.product-title > a {
font-size: 14px !important;
}
body .products .post-3292 p.name.product-title > a {
font-size: 12px !important;
}
body .products .post-3294 p.name.product-title > a {
font-size: 13px !important;
}
.products .box-text-products p.price_pro,
.box-text-products p.price_pro {
display: block !important;
width: 100% !important;
margin: 5px 0 0 !important;
padding-top: 0 !important;
text-align: center !important;
text-align-last: center !important;
}
.products .box-text-products p.price_pro > span,
.box-text-products p.price_pro > span {
display: inline-block !important;
float: none !important;
margin: 0 auto !important;
font-size: 15px !important;
}
/* News archive: exactly two complete excerpt lines. */
body.category #content .new-list-post .post-content .des {
height: auto !important;
max-height: 48px !important;
min-height: 0 !important;
margin: 8px 0 !important;
overflow: hidden !important;
}
body.category #content .new-list-post .post-content .des > p {
display: -webkit-box !important;
height: auto !important;
max-height: 48px !important;
min-height: 0 !important;
margin: 0 !important;
overflow: hidden !important;
-webkit-box-orient: vertical !important;
-webkit-line-clamp: 2 !important;
font-size: 15px !important;
line-height: 24px !important;
text-align: left !important;
}
body.category #content .new-list-post .post-image {
overflow: visible !important;
}
body.category #content .new-list-post .post-image img {
display: block !important;
width: 100% !important;
box-shadow: 0 5px 14px rgba(0, 0, 0, 0.15) !important;
}
body.category #content .new-list-post .post-content {
padding-top: 12px !important;
padding-bottom: 16px !important;
}
/* Keep Vietnamese place names visually together through balanced wrapping. */
body.category #content .new-list-post .post-content h3,
body.category #content .new-list-post .post-content h3 > a.title {
width: 100% !important;
font-size: 17px !important;
line-height: 1.3 !important;
letter-spacing: 0 !important;
text-align: center !important;
text-wrap: balance !important;
word-break: normal !important;
overflow-wrap: normal !important;
}
/* Single product: remove the large blank block before tabs. */
body.single-product .product-main,
body.single-product .product-info,
body.single-product .product-summary,
body.single-product .product-footer {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
body.single-product #content .product-footer {
margin-top: 0 !important;
padding-top: 0 !important;
}
body.single-product #content .product-footer > .container {
padding-top: 0 !important;
}
body.single-product #content .custom-product-tabs {
height: auto !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 0 10px !important;
}
body.single-product #content .custom-product-tabs .tab-btn {
min-height: 0 !important;
margin: 0 12px !important;
padding: 10px 0 8px !important;
}
body.single-product #content .custom-tab-content {
margin-top: 0 !important;
padding-top: 0 !important;
}
/* Product information: remove bullets and the large default list indent. */
body.single-product #content .custom-product-info .product-wrap ul {
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
}
body.single-product #content .custom-product-info .product-wrap li {
list-style: none !important;
margin: 0 0 9px !important;
padding: 0 !important;
text-indent: 0 !important;
}
body.single-product #content .custom-product-info .product-wrap li::marker {
content: "" !important;
display: none !important;
}
/*
* Direct selectors for templates that render without #content/.products
* wrappers. Keep these last so old child-theme rules cannot win.
*/
body.post-type-archive-product .product-small .box-text-products p.name.product-title,
body.tax-product_cat .product-small .box-text-products p.name.product-title {
display: block !important;
width: 100% !important;
height: 44px !important;
min-height: 44px !important;
max-height: 44px !important;
margin: 0 !important;
overflow: hidden !important;
text-align: center !important;
}
body.post-type-archive-product .product-small .box-text-products p.name.product-title > a,
body.tax-product_cat .product-small .box-text-products p.name.product-title > a {
display: block !important;
width: 100% !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
line-height: 1.42 !important;
letter-spacing: 0 !important;
text-align: center !important;
white-space: nowrap !important;
word-break: normal !important;
overflow-wrap: normal !important;
}
body.post-type-archive-product .product-small.post-3282 p.name.product-title > a,
body.tax-product_cat .product-small.post-3282 p.name.product-title > a {
font-size: 11px !important;
}
body.post-type-archive-product .product-small.post-3284 p.name.product-title > a,
body.tax-product_cat .product-small.post-3284 p.name.product-title > a {
font-size: 11.2px !important;
}
body.post-type-archive-product .product-small.post-3324 p.name.product-title > a,
body.tax-product_cat .product-small.post-3324 p.name.product-title > a {
font-size: 13px !important;
}
body.post-type-archive-product .product-small.post-3289 p.name.product-title > a,
body.tax-product_cat .product-small.post-3289 p.name.product-title > a {
font-size: 14px !important;
}
body.post-type-archive-product .product-small.post-3292 p.name.product-title > a,
body.tax-product_cat .product-small.post-3292 p.name.product-title > a {
font-size: 12px !important;
}
body.post-type-archive-product .product-small.post-3294 p.name.product-title > a,
body.tax-product_cat .product-small.post-3294 p.name.product-title > a {
font-size: 13px !important;
}
body.post-type-archive-product .product-small .box-text-products p.price_pro,
body.tax-product_cat .product-small .box-text-products p.price_pro {
display: block !important;
width: 100% !important;
margin: 5px 0 0 !important;
padding: 0 !important;
text-align: center !important;
}
body.single-product .custom-product-info .product-wrap ul {
list-style: none !important;
list-style-type: none !important;
margin: 0 !important;
padding: 0 !important;
}
body.single-product .custom-product-info .product-wrap ul > li {
list-style: none !important;
list-style-type: none !important;
margin: 0 0 9px !important;
padding: 0 !important;
text-indent: 0 !important;
}
body.single-product .custom-product-info .product-wrap ul > li::before,
body.single-product .custom-product-info .product-wrap ul > li::marker {
content: "" !important;
display: none !important;
}
/* Beat the old #wrapper/#main archive rules that force titles back to 3 lines. */
html body.post-type-archive-product #wrapper #main .product-small .box-text-products p.name.product-title,
html body.tax-product_cat #wrapper #main .product-small .box-text-products p.name.product-title {
height: 44px !important;
min-height: 44px !important;
max-height: 44px !important;
}
html body.post-type-archive-product #wrapper #main .product-small .box-text-products p.name.product-title > a,
html body.tax-product_cat #wrapper #main .product-small .box-text-products p.name.product-title > a {
white-space: nowrap !important;
line-height: 1.42 !important;
}
html body.post-type-archive-product #wrapper #main .product-small.post-3282 p.name.product-title > a,
html body.tax-product_cat #wrapper #main .product-small.post-3282 p.name.product-title > a {
font-size: 11px !important;
}
html body.post-type-archive-product #wrapper #main .product-small.post-3284 p.name.product-title > a,
html body.tax-product_cat #wrapper #main .product-small.post-3284 p.name.product-title > a {
font-size: 11.2px !important;
}
html body.post-type-archive-product #wrapper #main .product-small.post-3324 p.name.product-title > a,
html body.tax-product_cat #wrapper #main .product-small.post-3324 p.name.product-title > a {
font-size: 13px !important;
}
html body.post-type-archive-product #wrapper #main .product-small.post-3289 p.name.product-title > a,
html body.tax-product_cat #wrapper #main .product-small.post-3289 p.name.product-title > a {
font-size: 14px !important;
}
html body.post-type-archive-product #wrapper #main .product-small.post-3292 p.name.product-title > a,
html body.tax-product_cat #wrapper #main .product-small.post-3292 p.name.product-title > a {
font-size: 12px !important;
}
html body.post-type-archive-product #wrapper #main .product-small.post-3294 p.name.product-title > a,
html body.tax-product_cat #wrapper #main .product-small.post-3294 p.name.product-title > a {
font-size: 13px !important;
}
/*
* Uniform two-line archive labels. The original full product name remains
* in the link for SEO/accessibility; only the compact card label changes.
*/
html body.post-type-archive-product #wrapper #main .product-small p.name.product-title > a,
html body.tax-product_cat #wrapper #main .product-small p.name.product-title > a {
font-size: 0 !important;
}
html body.post-type-archive-product #wrapper #main .product-small[class*="post-"] p.name.product-title > a,
html body.tax-product_cat #wrapper #main .product-small[class*="post-"] p.name.product-title > a {
font-size: 0 !important;
line-height: 0 !important;
}
html body.post-type-archive-product #wrapper #main .product-small p.name.product-title > a::before,
html body.tax-product_cat #wrapper #main .product-small p.name.product-title > a::before {
display: block !important;
width: 100% !important;
font-size: 13px !important;
font-weight: 600 !important;
line-height: 1.42 !important;
white-space: pre !important;
text-align: center !important;
}
html body.post-type-archive-product #wrapper #main .product-small.post-3282 p.name.product-title > a::before,
html body.tax-product_cat #wrapper #main .product-small.post-3282 p.name.product-title > a::before {
content: "TS002 – Tương Ớt Đặc Sản\A(300g) – (Có Hàng)" !important;
}
html body.post-type-archive-product #wrapper #main .product-small.post-3284 p.name.product-title > a::before,
html body.tax-product_cat #wrapper #main .product-small.post-3284 p.name.product-title > a::before {
content: "TS003 – Nem Chua Tỏi Ớt\A(1kg) – (Có Hàng)" !important;
}
html body.post-type-archive-product #wrapper #main .product-small.post-3324 p.name.product-title > a::before,
html body.tax-product_cat #wrapper #main .product-small.post-3324 p.name.product-title > a::before {
content: "TS004 – Tré Trộn Hảo Hạng\A(500g) – (Có Hàng)" !important;
}
html body.post-type-archive-product #wrapper #main .product-small.post-3289 p.name.product-title > a::before,
html body.tax-product_cat #wrapper #main .product-small.post-3289 p.name.product-title > a::before {
content: "TS005 – Chả Lụa\A(1kg) – (Có Hàng)" !important;
}
html body.post-type-archive-product #wrapper #main .product-small.post-3292 p.name.product-title > a::before,
html body.tax-product_cat #wrapper #main .product-small.post-3292 p.name.product-title > a::before {
content: "TS006 – Chả Bò Xiêm Xanh\A(1kg) – (Có Hàng)" !important;
}
html body.post-type-archive-product #wrapper #main .product-small.post-3294 p.name.product-title > a::before,
html body.tax-product_cat #wrapper #main .product-small.post-3294 p.name.product-title > a::before {
content: "TS007 – Chả Bò Đặc Biệt\A(1kg) – (Có Hàng)" !important;
}
/* Single-product related cards: identical image/text/card heights. */
body.single-product .related-products-wrapper .product-small .col-inner,
body.single-product .related-products-wrapper .product-small .product-small.box {
height: 100% !important;
}
body.single-product .related-products-wrapper .product-small .product-small.box {
display: flex !important;
flex-direction: column !important;
}
body.single-product .related-products-wrapper .product-small .box-text-products {
display: flex !important;
flex: 0 0 164px !important;
flex-direction: column !important;
width: 100% !important;
height: 164px !important;
min-height: 164px !important;
max-height: 164px !important;
padding: 14px 7px 12px !important;
}
body.single-product .related-products-wrapper .product-small p.name.product-title {
display: block !important;
width: 100% !important;
height: 46px !important;
min-height: 46px !important;
max-height: 46px !important;
margin: 0 !important;
overflow: hidden !important;
text-align: center !important;
}
body.single-product .related-products-wrapper .product-small p.name.product-title > a {
display: block !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
font-size: 0 !important;
line-height: 0 !important;
white-space: nowrap !important;
}
body.single-product .related-products-wrapper .product-small p.name.product-title > a::before {
display: block !important;
width: 100% !important;
font-size: 14px !important;
font-weight: 600 !important;
line-height: 1.45 !important;
white-space: pre !important;
text-align: center !important;
}
body.single-product .related-products-wrapper .product-small.post-3282 p.name.product-title > a::before {
content: "TS002 – Tương Ớt Đặc Sản\A(300g) – (Có Hàng)" !important;
}
body.single-product .related-products-wrapper .product-small.post-3284 p.name.product-title > a::before {
content: "TS003 – Nem Chua Tỏi Ớt\A(1kg) – (Có Hàng)" !important;
}
body.single-product .related-products-wrapper .product-small.post-3324 p.name.product-title > a::before {
content: "TS004 – Tré Trộn Hảo Hạng\A(500g) – (Có Hàng)" !important;
}
body.single-product .related-products-wrapper .product-small.post-3289 p.name.product-title > a::before {
content: "TS005 – Chả Lụa\A(1kg) – (Có Hàng)" !important;
}
body.single-product .related-products-wrapper .product-small.post-3292 p.name.product-title > a::before {
content: "TS006 – Chả Bò Xiêm Xanh\A(1kg) – (Có Hàng)" !important;
}
body.single-product .related-products-wrapper .product-small.post-3294 p.name.product-title > a::before {
content: "TS007 – Chả Bò Đặc Biệt\A(1kg) – (Có Hàng)" !important;
}
body.single-product .related-products-wrapper .product-small p.price_pro {
display: block !important;
width: 100% !important;
margin: auto 0 0 !important;
padding: 0 !important;
text-align: center !important;
}
body.single-product .related-products-wrapper .product-small p.price_pro > span {
display: inline-block !important;
float: none !important;
margin: 0 auto !important;
}
}
/* Desktop /ve-chung-toi: align both text columns and both lower image rows. */
@media screen and (min-width: 850px) {
body.page-id-508 section.our_01 .section-content > .row > .col.large-6 > .col-inner {
display: flex !important;
flex-direction: column !important;
height: 100% !important;
}
body.page-id-508 section.our_01 .section-content > .row > .col.large-6 > .col-inner > p {
box-sizing: border-box !important;
width: 100% !important;
height: 108px !important;
min-height: 108px !important;
max-height: 108px !important;
margin: 0 !important;
padding: 12px 0 0 !important;
overflow: hidden !important;
font-size: 16px !important;
line-height: 1.5 !important;
text-align: justify !important;
}
body.page-id-508 section.our_01 .section-content > .row > .col.large-6 > .col-inner > .row {
width: calc(100% + 30px) !important;
flex: 0 0 auto !important;
}
body.page-id-508 section.our_01 .section-content > .row > .col.large-6 > .col-inner > .row .col {
padding-bottom: 0 !important;
}
body.page-id-508 section.our_01 .section-content > .row > .col.large-6 > .col-inner > .row img {
width: 100% !important;
height: 200px !important;
object-fit: cover !important;
}
body.page-id-508 section.our_01 .section-content > .row > .col.large-6 > .col-inner > .row br {
display: none !important;
}
}
/*
* Final mobile layout pass:
* - separate the About-page images
* - keep the Home "Xem them" action on one line
* - tighten the food-news date
* - remove the forced empty height from shop cards
*/
@media screen and (max-width: 549px) {
/* About: 21px headings and a consistent 10px gap between every image. */
body.page-id-508 #content section.our_01 h2.heading,
body.page-id-508 #content section.our_02 h2.heading {
width: 100% !important;
max-width: 100% !important;
margin: 0 0 10px !important;
padding: 0 !important;
font-size: 21px !important;
line-height: 1.25 !important;
letter-spacing: 0 !important;
text-align: center !important;
}
body.page-id-508 #content section.our_02 .block__element_head h2.heading {
margin-bottom: 0 !important;
font-size: 21px !important;
white-space: nowrap !important;
}
body.page-id-508 #content section.our_01 .col-inner > .row {
row-gap: 10px !important;
margin-bottom: 10px !important;
}
body.page-id-508 #content section.our_01 .col-inner > .row > .col {
margin: 0 !important;
padding-bottom: 0 !important;
}
body.page-id-508 #content section.our_01 .col-inner > .row img {
display: block !important;
border-radius: 6px !important;
}
/* Home intro: text and Instagram icon share one compact horizontal button. */
body.home #content section.rt01 a.button.primary.is-xsmall {
display: inline-flex !important;
flex-direction: row !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
width: auto !important;
min-width: 0 !important;
height: 42px !important;
min-height: 42px !important;
margin: 5px 0 0 !important;
padding: 0 14px !important;
white-space: nowrap !important;
}
body.home #content section.rt01 a.button.primary.is-xsmall > span,
body.home #content section.rt01 a.button.primary.is-xsmall > i {
display: inline-block !important;
float: none !important;
width: auto !important;
margin: 0 !important;
padding: 0 !important;
line-height: 1 !important;
}
body.home #content section.rt01 a.button.primary.is-xsmall > span {
font-size: 13px !important;
}
body.home #content section.rt01 a.button.primary.is-xsmall > i {
font-size: 17px !important;
}
/* Home food-news date: remove the line-break element that creates the gap. */
body.home #content section.rt05 .post-date.badge .badge-inner {
gap: 1px !important;
line-height: 1 !important;
}
body.home #content section.rt05 .post-date.badge .badge-inner > br {
display: none !important;
}
body.home #content section.rt05 .post-date.badge .post-date-day,
body.home #content section.rt05 .post-date.badge .post-date-month {
display: block !important;
margin: 0 !important;
padding: 0 !important;
line-height: 1 !important;
}
/* Shop ordering control: compact and right-aligned like the marked layout. */
body.post-type-archive-product #main form.woocommerce-ordering,
body.tax-product_cat #main form.woocommerce-ordering {
display: block !important;
float: none !important;
width: 52% !important;
max-width: 220px !important;
height: 44px !important;
margin: 0 14px 16px auto !important;
padding: 0 !important;
}
body.post-type-archive-product #main form.woocommerce-ordering select.orderby,
body.tax-product_cat #main form.woocommerce-ordering select.orderby {
display: block !important;
width: 100% !important;
height: 44px !important;
min-height: 44px !important;
margin: 0 !important;
}
/* Shop cards: close each card immediately below its price. */
body.post-type-archive-product #main .products > .product-small,
body.tax-product_cat #main .products > .product-small {
align-self: flex-start !important;
height: auto !important;
min-height: 0 !important;
margin-bottom: 14px !important;
}
body.post-type-archive-product #main .products > .product-small > .col-inner,
body.tax-product_cat #main .products > .product-small > .col-inner {
height: auto !important;
min-height: 0 !important;
}
body.post-type-archive-product #main .products > .product-small > .col-inner > .product-small.box,
body.tax-product_cat #main .products > .product-small > .col-inner > .product-small.box {
display: block !important;
height: auto !important;
min-height: 0 !important;
overflow: hidden !important;
border-radius: 7px !important;
}
body.post-type-archive-product #main .products > .product-small .box-text-products,
body.tax-product_cat #main .products > .product-small .box-text-products {
display: block !important;
flex: none !important;
width: 100% !important;
height: 100px !important;
min-height: 100px !important;
max-height: 100px !important;
padding: 10px 5px 9px !important;
}
body.post-type-archive-product #main .products > .product-small .box-text-products p.name.product-title,
body.tax-product_cat #main .products > .product-small .box-text-products p.name.product-title {
height: 44px !important;
min-height: 44px !important;
max-height: 44px !important;
}
body.post-type-archive-product #main .products > .product-small .box-text-products p.price_pro,
body.tax-product_cat #main .products > .product-small .box-text-products p.price_pro {
height: 27px !important;
min-height: 27px !important;
margin: 5px 0 0 !important;
line-height: 27px !important;
}
}
/* About page: every content heading uses one consistent 21px mobile size. */
@media screen and (max-width: 549px) {
html body.page-id-508 #wrapper #main #content h1,
html body.page-id-508 #wrapper #main #content h2,
html body.page-id-508 #wrapper #main #content h3,
html body.page-id-508 #wrapper #main #content h4,
html body.page-id-508 #wrapper #main #content h5,
html body.page-id-508 #wrapper #main #content h6 {
font-size: 21px !important;
line-height: 1.25 !important;
letter-spacing: 0 !important;
}
}
/* News listing: uniform compact 16:9 thumbnails on mobile. */
@media screen and (max-width: 549px) {
html body.category #wrapper #main #content .new-list-post .post-image {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
height: auto !important;
aspect-ratio: 16 / 9 !important;
overflow: hidden !important;
background: #fff !important;
box-shadow: 0 5px 14px rgba(0, 0, 0, 0.15) !important;
}
html body.category #wrapper #main #content .new-list-post .post-image > a {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
height: 100% !important;
}
html body.category #wrapper #main #content .new-list-post .post-image img {
display: block !important;
width: auto !important;
max-width: 100% !important;
height: 100% !important;
max-height: none !important;
margin: 0 auto !important;
object-fit: contain !important;
object-position: center !important;
box-shadow: none !important;
}
}
/* Product-style blog posts: centre the main content image on mobile. */
@media screen and (max-width: 549px) {
html body.single-post #wrapper #main #content .product-wrap > div:first-of-type {
justify-content: center !important;
}
html body.single-post #wrapper #main #content .product-wrap > div:first-of-type > div:first-of-type {
margin-right: auto !important;
margin-left: auto !important;
}
html body.single-post #wrapper #main #content .product-wrap img.alignnone {
display: block !important;
margin-right: auto !important;
margin-left: auto !important;
}
}
/*
* MOBILE ONLY overrides for Cha Bo Ba Kim.
* Use this after restoring the old CSS. This file has no desktop/PC rules.
*/
/* =========================================================
FINAL MOBILE FIX - 2026-07-27
Keep this block once at the very end of the child theme CSS.
========================================================= */
@media screen and (max-width: 849px) {
[class^="icon-"],
[class*=" icon-"],
i[class^="icon-"],
i[class*=" icon-"] {
font-family: "fl-icons" !important;
font-style: normal !important;
font-weight: normal !important;
}
#header .header-main,
#header .header-wrapper,
#header .header-inner,
#header .stuck .header-main,
#header .stuck .header-inner {
height: 66px !important;
min-height: 66px !important;
}
#header .header-inner {
padding: 0 14px !important;
}
#header #logo,
#header #logo a {
width: 72px !important;
max-width: 72px !important;
}
#header #logo img,
#logo img {
display: block !important;
width: auto !important;
max-width: 72px !important;
max-height: 56px !important;
opacity: 1 !important;
visibility: visible !important;
object-fit: contain !important;
}
#header #logo img.header-logo-dark,
#logo img.header-logo-dark {
display: none !important;
}
#header .mobile-nav i,
#header .mobile-nav .icon-search,
#header .mobile-nav .icon-shopping-cart,
#header .mobile-nav .icon-basket,
#header .mobile-nav .icon-menu {
font-size: 24px !important;
color: #00733f !important;
}
body {
padding-bottom: 74px !important;
}
#phongvt-contact-footer-outer {
height: 74px !important;
padding: 7px 8px calc(6px + env(safe-area-inset-bottom)) !important;
background: #fff !important;
box-shadow: 0 -2px 12px rgba(0, 0, 0, .12) !important;
}
#phongvt-contact-footer {
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
align-items: start !important;
height: 62px !important;
gap: 0 !important;
border-bottom: 0 !important;
}
#phongvt-contact-footer > a,
#phongvt-contact-footer-btn-center {
width: auto !important;
min-width: 0 !important;
height: 62px !important;
padding: 7px 0 0 !important;
text-align: center !important;
}
#phongvt-contact-footer img {
width: 28px !important;
height: 28px !important;
max-width: 28px !important;
max-height: 28px !important;
margin: 0 auto 4px !important;
}
#phongvt-contact-footer a span,
#phongvt-contact-footer a .phongvt-contact-footer-btn-label,
#phongvt-contact-footer-btn-center span,
#phongvt-contact-footer-btn-center .phongvt-contact-footer-btn-label {
display: block !important;
position: static !important;
transform: none !important;
padding: 0 !important;
background: transparent !important;
color: #00733f !important;
font-size: 12px !important;
font-weight: 700 !important;
line-height: 1.15 !important;
white-space: nowrap !important;
}
#phongvt-contact-footer-btn-center .phongvt-contact-footer-btn-center-icon {
position: static !important;
transform: none !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 30px !important;
height: 30px !important;
margin: 0 auto 4px !important;
border: 0 !important;
border-radius: 50% !important;
background: #00733f !important;
box-shadow: none !important;
}
#phongvt-contact-footer-btn-center .phongvt-contact-footer-btn-center-icon img,
#phongvt-contact-footer-btn-center .phone-vr-circle-fill {
display: none !important;
}
#phongvt-contact-footer-btn-center .phongvt-contact-footer-btn-center-icon::after {
content: "\260e" !important;
display: block !important;
color: #fff !important;
font-family: Arial, sans-serif !important;
font-size: 19px !important;
font-weight: 700 !important;
line-height: 30px !important;
}
}
@media screen and (max-width: 549px) {
/* Home CTA: two equal buttons side by side; icon above text inside each button. */
body.home #content section.rt04 .col-inner.dark > .row,
body.home #content #row-388434503 {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 14px !important;
width: 100% !important;
margin: 12px auto 0 !important;
}
body.home #content section.rt04 .col-inner.dark > .row > .col,
body.home #content #row-388434503 > .col {
display: block !important;
width: 100% !important;
max-width: 100% !important;
flex: none !important;
padding: 0 !important;
}
body.home #content section.rt04 .col-inner.dark > .row > .col.hide-for-medium,
body.home #content #row-388434503 > .col.hide-for-medium {
display: none !important;
}
body.home #content section.rt04 .col-inner.dark > .row > .col:not(:has(a.button)),
body.home #content #row-388434503 > .col:not(:has(a.button)) {
display: none !important;
}
body.home #content section.rt04 .col-inner.dark > .row > .col:empty,
body.home #content #row-388434503 > .col:empty,
body.home #content section.rt04 .col-inner.dark > .row > .col:last-child:empty,
body.home #content #row-388434503 > .col:last-child:empty {
display: none !important;
}
body.home #content section.rt04 .col-inner > a.button.white,
body.home #content #row-388434503 .col-inner > a.button {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
gap: 4px !important;
width: 100% !important;
height: 64px !important;
min-height: 64px !important;
margin: 0 !important;
padding: 7px 4px !important;
text-align: center !important;
white-space: normal !important;
}
body.home #content section.rt04 .col-inner > a.button.white > i,
body.home #content #row-388434503 .col-inner > a.button > i {
display: block !important;
float: none !important;
width: auto !important;
margin: 0 !important;
font-size: 17px !important;
line-height: 1 !important;
text-align: center !important;
}
body.home #content section.rt04 .col-inner > a.button.white > span,
body.home #content #row-388434503 .col-inner > a.button > span {
display: block !important;
float: none !important;
width: 100% !important;
margin: 0 !important;
font-size: 13px !important;
line-height: 1.15 !important;
text-align: center !important;
white-space: nowrap !important;
}
body.home #content section.rt05 .post-date.badge,
body.home #content section.rt05 .post-date.badge .badge-inner {
width: 48px !important;
height: 48px !important;
min-width: 48px !important;
min-height: 48px !important;
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
background: #00733f !important;
color: #fff !important;
line-height: 1.05 !important;
}
body.home #content section.rt05 .post-date.badge .badge-inner {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
}
body.home #content section.rt05 .post-date.badge .badge-inner > br {
display: none !important;
}
body.home #content section.rt01 a.button.primary.is-xsmall {
display: inline-flex !important;
flex-direction: row !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
width: auto !important;
height: 42px !important;
min-height: 42px !important;
margin: 5px 0 0 !important;
padding: 0 14px !important;
white-space: nowrap !important;
}
body.page-id-508 #content section.our_01,
body.page-id-508 #content section.our_02 {
padding-top: 14px !important;
padding-bottom: 16px !important;
}
body.page-id-508 #content h1,
body.page-id-508 #content h2,
body.page-id-508 #content h3,
body.page-id-508 #content h4,
body.page-id-508 #content h5,
body.page-id-508 #content h6,
body.page-id-508 #content h2.heading,
body.page-id-508 #content .block__element_head h2.heading {
font-size: 21px !important;
line-height: 1.25 !important;
letter-spacing: 0 !important;
text-align: center !important;
}
body.page-id-508 #content section.our_02 .block__element_head h2.heading {
white-space: nowrap !important;
overflow: visible !important;
}
body.page-id-508 #content section.our_01 .col-inner > .row {
row-gap: 10px !important;
margin-bottom: 10px !important;
}
body.page-id-508 #content section.our_01 .col-inner > .row > .col,
body.page-id-508 #content section.our_01 .col {
margin: 0 !important;
padding-bottom: 10px !important;
}
body.page-id-508 #content section.our_01 .col-inner > br {
display: none !important;
}
body.post-type-archive-product #main form.woocommerce-ordering,
body.tax-product_cat #main form.woocommerce-ordering {
display: block !important;
float: none !important;
width: 52% !important;
max-width: 220px !important;
height: 44px !important;
margin: 0 14px 16px auto !important;
padding: 0 !important;
}
body.post-type-archive-product #main form.woocommerce-ordering select.orderby,
body.tax-product_cat #main form.woocommerce-ordering select.orderby {
width: 100% !important;
height: 44px !important;
}
body.post-type-archive-product #main .products,
body.tax-product_cat #main .products,
body.woocommerce-shop #main .products,
body.archive.woocommerce #main .products {
align-items: flex-start !important;
}
body.post-type-archive-product #main .products > .product-small,
body.tax-product_cat #main .products > .product-small,
body.woocommerce-shop #main .products > .product-small,
body.archive.woocommerce #main .products > .product-small {
display: flex !important;
align-self: flex-start !important;
height: auto !important;
min-height: 0 !important;
margin-bottom: 14px !important;
}
body.post-type-archive-product #main .products .product-small.box,
body.tax-product_cat #main .products .product-small.box,
body.woocommerce-shop #main .products .product-small.box,
body.archive.woocommerce #main .products .product-small.box {
display: block !important;
width: 100% !important;
height: auto !important;
min-height: 0 !important;
overflow: hidden !important;
border-radius: 7px !important;
}
body.post-type-archive-product #main .products .box-text-products,
body.tax-product_cat #main .products .box-text-products,
body.woocommerce-shop #main .products .box-text-products,
body.archive.woocommerce #main .products .box-text-products {
display: block !important;
width: 100% !important;
height: auto !important;
min-height: 102px !important;
padding: 10px 5px 11px !important;
text-align: center !important;
}
body.post-type-archive-product #main .products p.name.product-title,
body.tax-product_cat #main .products p.name.product-title,
body.woocommerce-shop #main .products p.name.product-title,
body.archive.woocommerce #main .products p.name.product-title {
display: block !important;
width: 100% !important;
min-height: 44px !important;
max-height: 64px !important;
margin: 0 !important;
overflow: hidden !important;
text-align: center !important;
}
body.post-type-archive-product #main .products p.name.product-title > a,
body.tax-product_cat #main .products p.name.product-title > a,
body.woocommerce-shop #main .products p.name.product-title > a,
body.archive.woocommerce #main .products p.name.product-title > a {
display: block !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
font-size: 14px !important;
font-weight: 600 !important;
line-height: 1.42 !important;
white-space: normal !important;
word-break: normal !important;
overflow-wrap: normal !important;
text-align: center !important;
text-wrap: balance !important;
}
body.post-type-archive-product #main .products p.price_pro,
body.tax-product_cat #main .products p.price_pro,
body.woocommerce-shop #main .products p.price_pro,
body.archive.woocommerce #main .products p.price_pro,
body.post-type-archive-product #main .products .price,
body.tax-product_cat #main .products .price,
body.woocommerce-shop #main .products .price,
body.archive.woocommerce #main .products .price {
display: block !important;
width: 100% !important;
margin: 8px 0 0 !important;
color: #b40000 !important;
font-size: 15px !important;
font-weight: 500 !important;
line-height: 1.25 !important;
text-align: center !important;
}
html body.category #wrapper #main #content .new-list-post .post-image {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
max-width: 386px !important;
height: auto !important;
aspect-ratio: 16 / 9 !important;
margin: 0 auto 12px !important;
overflow: hidden !important;
background: #fff !important;
box-shadow: 0 5px 14px rgba(0, 0, 0, 0.15) !important;
}
html body.category #wrapper #main #content .new-list-post .post-image > a {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
height: 100% !important;
}
html body.category #wrapper #main #content .new-list-post .post-image img {
display: block !important;
width: auto !important;
max-width: 100% !important;
height: 100% !important;
max-height: none !important;
margin: 0 auto !important;
object-fit: contain !important;
object-position: center !important;
box-shadow: none !important;
}
html body.category #wrapper #main #content .new-list-post .post-content p,
.blog-posts .post-item .box-text p,
.blog-post-inner .from_the_blog_excerpt,
.from_the_blog_excerpt {
display: -webkit-box !important;
-webkit-box-orient: vertical !important;
-webkit-line-clamp: 2 !important;
height: 3em !important;
max-height: 3em !important;
margin: 8px 0 !important;
overflow: hidden !important;
line-height: 1.5 !important;
}
.single-product .product-footer,
.single-product .woocommerce-tabs,
.single-product .product-page-sections {
margin-top: 0 !important;
padding-top: 0 !important;
}
html body.single-post #wrapper #main #content .product-wrap > div:first-of-type {
justify-content: center !important;
}
html body.single-post #wrapper #main #content .product-wrap > div:first-of-type > div:first-of-type,
html body.single-post #wrapper #main #content .product-wrap img.alignnone {
display: block !important;
margin-right: auto !important;
margin-left: auto !important;
}
}