/*
Theme Name: Thực Phẩm Dinh Dưỡng
Description: Giao diện con Flatsome cho website bán thực phẩm dinh dưỡng, hạt, dầu ăn và thực phẩm bồi bổ.
Template: flatsome
Version: 1.0.13
Text Domain: flatsome-child
*/

/* TP26-CSS-START */
.product-title{
	min-height: 40px;
}
.product-title a{
	color: #5c4439;
	font-weight: bold;
}
ul.nav-right .cart-item .cart-price .woocommerce-Price-amount{
	color: white;
}
ul.nav-right .cart-item i.icon-shopping-cart{
	color: white;
}
.header-bottom-nav li{
	padding: 0px 5px;
}
.flex-right ul li{
	padding: 0px 10px !important;
}
.flex-right ul li a{
	text-transform: initial !important;
	font-size: 16px;
}
/*MĂ u sắc button*/
.social-button, .social-icons .button.icon:not(.is-outline), .social-icons .button.icon:hover {
	background-color: currentColor !important;
	border-color: currentColor !important;
}
.button.facebook,.button.facebook:not(.is-outline), .button.facebook:hover {
	color: #fff;
	background-color: #446084;
	border-color: #446084;
}
.button.twitter,.button.twitter:not(.is-outline), .button.twitter:hover {
	color: white ;
	background-color : #2478ba;
	border-color: #2478ba ;
}
.button.email,.button.email:not(.is-outline), .button.email:hover {
	color: #fff;
	background-color: black ;
	border-color: black ;
}
.button.pinterest,.button.pinterest:not(.is-outline), .button.pinterest:hover {
	color: #fff !important;
	background-color: #cb2320  ;
	border-color: #cb2320  ;
}
.button.google-plus,.button.google-plus:not(.is-outline), .button.google-plus:hover {
	color: #fff ;
	background-color: #dd4e31 ;
	border-color: #dd4e31 ;
}
.button.linkedin,.button.linkedin:not(.is-outline), .button.linkedin:hover {
	color: #fff ;
	background-color: #0072b7 ;
	border-color: #0072b7   ;
}
.single-date{
	border-bottom: 1px dashed #ededed;
}
h1.entry-title{
	font-size: 24px ;
}
/*Kết thĂºc mĂ u sắc*/
footer.entry-meta {
	border-top: none !important;
	border-bottom: 1px dashed #ececec !important;
}
.entry-content img{
	width: auto !important
}
.related-post h7{
	font-weight: bold;
	font-size: 18px;
	float: left;
	margin: -8px 20px 0 0;
}
.home #main{
	background: #F1F1F1 !important;
}
.price-wrapper span.amount{
	color: #60b301 !important
}
.box-text-products{
	text-align: center;
}
.woocommerce-breadcrumb {
	font-size: 13px;
}
.widget_shopping_cart ul li.mini_cart_item{
	padding-right: 20px !important;
	padding-left: 60px !important;
}
.widget_shopping_cart ul li.mini_cart_item a{
	font-size: 12px !important
}
.price_slider_amount .price_label{
	font-size: 12px
}
.grid-tools a{
	background: #F36F36 !important
}
h1.product-title{
	font-weight: 500 !important
}
.header-block-block-1 .col{
	padding-bottom: 0px !important;
}
[data-icon-label]:after, .secondary.is-underline:hover, .secondary.is-outline:hover, .icon-label, .button.secondary:not(.is-outline), .button.alt:not(.is-outline), .badge-inner.on-sale, .button.checkout, .single_add_to_cart_button {
	background-color: #60B301 ;
}
.product_list_widget .woocommerce-Price-amount{
	color: #60b301 !important;
}
.price_slider_amount .button{
	background: #F36F36 !important
}
.div-anh .col-inner{
	border: 7px solid white;
}
/*chữ khuyến mĂ£i nghiĂªng*/
.badge-container{
	border-color: #60b301 #60b301 transparent transparent;
	border-style: solid;
	border-width: 50px 50px 50px 50px;
	height: 0px;
	width: 0px;
	margin-top: 0px;
	right: 0px !important;
	left: auto !important;
}
.badge-frame .badge-inner, .badge-outline .badge-inner{
	font-size: 13px !important;
	border:none !important;
}
.row-slider.slider .col .col-inner {
	overflow: hidden;
}
span.onsale{
	color: white !important
}
.badge-inner{
	text-transform: uppercase !important;
	line-height: 1.3 !important;
}
.callout{
	margin-left: -29px;
	margin-right: 9px;
	margin-top: -33px;
	background: transparent;
}
.product-images {
    overflow: hidden !important;
}
.badge-inner{
	-webkit-transform: rotate(45deg);
}
.section-dau{
	padding-top: 5px !important;
}
.class-danh-muc,.class-banner{
	padding: 0px !important
}
#main #content,#main ,.page-title{
	padding-bottom: 10px;
	background: #E3DAD3;
}
.blog-archive .large-9{
	background: white;
	padding-top: 20px;
}
.section .box-text,.shop-container .box-text{
	border-radius: 0px 0px 7px 7px;
	background: white;
}
#wide-nav > .flex-row > .flex-left{
	min-width: 273px !important
}
.header-button .header-cart-link{
	background: #60b301 !important
}
.row-giao-hang .flickity-viewport,.row-giao-hang .slider-wrapper{
	border-radius: 14px;
}
.tieude-khung p{
	text-align: center;
	margin-bottom: 0px;
	padding: 10px 0px;
	background: #e67e22;
	color: white;
	font-weight: bold;
}
#mega-menu-wrap{
	background:#e67e22 !important;
}
.box-first{
	margin-bottom: 0px !important;
	padding-bottom: 0px;
}
.box-first .icon-box{
	padding: 5px;
}
.box-first h3{
	font-size: 17px;
	margin-bottom: 0px;
}
.title-danh-muc p{
	margin-bottom: 0px;
}
.title-danh-muc{
	text-align: center;
}
.product-main .content-row{
	background: white !important;
	padding-top: 20px;
}
.category-page-row{
	background: white !important;
}
.post-sidebar {
	padding-top: 20px !important;
	background:white !important;
}
.blog-single .large-9{
	background: white !important;
	padding-top: 20px !important;
}
.page-wrapper .row-main{
	padding-top: 20px;
	background: white !important;
}
@media only screen and (max-width: 48em) {
	/*************** ADD MOBILE ONLY CSS HERE  ***************/
}
@media(min-width: 767px) and (max-width: 1023px){
	.full-medium{
		max-width: 100% !important;
		flex-basis: 100% !important;
	}
}
@media(min-width: 1025px){
}
.header-bottom-nav li 
{
    padding: 0px 21px;
}
/* TP26-CSS-END */

/* TP26-FIX-START */
#masthead .header-block h3{font-size:16px;font-weight:700;color:#555;margin:0 0 2px;line-height:1.3;text-transform:none}
#masthead .header-block p{font-size:12.8px;color:#777;margin:0;line-height:1.4}
#masthead .header-block .col{padding-bottom:0}
#masthead .header-block .icon-box-img{width:40px!important;margin-right:10px}
#wide-nav>.flex-row>.flex-left{flex:1 1 auto;min-width:273px}
#wide-nav ul.header-bottom-nav{flex-wrap:nowrap;align-items:center}
#wide-nav .header-bottom-nav>li{padding:0 21px;margin:0;display:flex;align-items:center;height:43px}
#wide-nav .header-bottom-nav>li>a{color:#fff;font-weight:700;text-transform:uppercase;padding:0;margin:0}
#wide-nav .header-bottom-nav>li:hover>a{color:#fff;opacity:.85}
#wide-nav .header-bottom-nav>li{flex:none;white-space:nowrap}
#wide-nav .header-bottom-nav>li>a{white-space:nowrap;font-size:14.4px}
#mega-menu-wrap{flex:none}
.badge-container .badge-inner{font-size:13px;line-height:16.9px;font-weight:700;text-transform:uppercase}
.product-small .name a,.product-small .product-title a{text-transform:uppercase}
.footer-hat-vang{background:#fff}
.footer-hat-vang h4{font-size:16px;font-weight:600;color:#777;text-transform:uppercase;margin:0 0 12px}
.footer-hat-vang .text,.footer-hat-vang p{color:#777;line-height:1.8}
.footer-hat-vang a{color:#777}
.footer-hat-vang a:hover{color:#60b301}
.footer-hat-vang .footer-sp{margin-bottom:10px}
.footer-hat-vang .footer-sp img{border:1px solid #eee}
.blog-posts-slider .flickity-slider>.col,.row .flickity-slider>.col.post-item{display:flex}
.flickity-slider>.col.post-item>.col-inner{width:100%;display:flex}
.flickity-slider>.col.post-item .box-blog-post,.flickity-slider>.col.post-item .box{width:100%}
.absolute-footer{color:#d9d9d9}
@media(max-width:549px){
.div-anh .col-inner{border-width:3px}
#content .section{padding-top:14px!important;padding-bottom:14px!important}
#content .section.section-dau{padding-top:0!important;padding-bottom:6px!important}
}
@media(max-width:549px){#content .row[class*="small-columns"]:not(.slider)>.product-small:nth-child(n+5){display:none}}
@media(max-width:549px){.footer-hat-vang{padding-top:20px!important;padding-bottom:6px!important}.footer-hat-vang .col:nth-child(3){display:none}.footer-hat-vang .col:nth-child(2) p{columns:2}.footer-hat-vang .col:nth-child(1) .img{max-width:55%!important}.footer-hat-vang h4{margin-bottom:6px}.footer-hat-vang .col{padding-bottom:10px}}
.page-title .page-title-bg{display:none}
.page-title,.page-title.featured-title{background:#E3DAD3!important}
.page-title-inner{min-height:0;padding-top:20px}
.page-title-inner>.flex-col:first-child:not(.flex-center){display:none}
.page-title-inner .flex-center{flex:1 1 auto;justify-content:flex-start;text-align:left;margin:0}
.page-title.dark,.page-title.dark a,.page-title.dark .breadcrumbs,.page-title.dark .is-large{color:#222}
.breadcrumbs{font-size:13px;font-weight:700;text-transform:uppercase}
.widget-title,.widget>span.widget-title{font-size:16px;font-weight:600;text-transform:uppercase;color:#777}
.product_list_widget li a{color:#334862}
.product_list_widget li .amount{color:#60b301;font-weight:700}
#mega_menu>li>a{background-repeat:no-repeat;background-position:12px center;background-size:24px;padding-left:46px!important}
#mega_menu>li.menu-item-617>a{background-image:url(/wp-content/uploads/2026/10/bieu-tuong-danh-muc-2.png)}
#mega_menu>li.menu-item-620>a{background-image:url(/wp-content/uploads/2026/10/bieu-tuong-danh-muc-3.png)}
#mega_menu>li.menu-item-621>a{background-image:url(/wp-content/uploads/2026/10/bieu-tuong-danh-muc-4.png)}
#mega_menu>li.menu-item-622>a{background-image:url(/wp-content/uploads/2026/10/bieu-tuong-danh-muc-5.png)}
#mega_menu>li.menu-item-623>a{background-image:url(/wp-content/uploads/2026/10/bieu-tuong-danh-muc-6.png)}
#mega_menu>li.menu-item-624>a{background-image:url(/wp-content/uploads/2026/10/bieu-tuong-danh-muc-7.png)}
#mega_menu>li.menu-item-625>a{background-image:url(/wp-content/uploads/2026/10/bieu-tuong-danh-muc-8.png)}
#mega_menu>li.menu-item-626>a{background-image:url(/wp-content/uploads/2026/10/bieu-tuong-danh-muc-9.png)}
#mega-menu-wrap #mega_menu{width:100%;min-width:285px;box-sizing:border-box}
#mega-menu-wrap{width:276px;flex:none}
#mega-menu-wrap #mega_menu{width:276px;min-width:0}
@media(min-width:850px){#content .post-item .box-text{min-height:166px}}
@media(max-width:549px){#content .flickity-prev-next-button{display:none}}

/* TP26-FIX-END */