/*
Theme Name: pet
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
.badge-container.absolute {
    display: none !important;
}
.sidebar-menu .search-field{
	font-size:13px !important;
	border-radius:3px !important
}
.x123 {
    padding: 1px 15px;
    background: #1b904c78 !important;
    font-size: 11px !important;
    color: #444 !important;
    border-radius: 3px;
}
.product-small.box .box-image{
	border:1px solid #1b904c !important;
	border-radius:3px !important
}
.product-small.box  .primary.add_to_cart_button{
	border:0px !important;
	background:#1b904c !important;
	padding-left:40px;
	padding-right:25px;
	border-radius:30px !important;
	color:#fff !important;
	font-weight:normal !important;
	text-transform:capitalize !important;
	line-height:32px !important;
	position:relative;
}
#devvn_buy_now p, #devvn_buy_now span{
	font-size:13px !important
}
.checkout-button.wc-forward{
	background:#1b904c !important;
}
.devvn-popup-title, .devvn-order-btn{
	background:#1b904c !important;
}
.product-small.box  .primary.add_to_cart_button:after{
	width:14px;
	height:14px;
	display:block;
	position:absolute;
	top:8px;
	left:15px;
	content:"";
	z-index:2;
	background:url(/wp-content/uploads/2025/09/icon-chonmua.png) no-repeat top center;
	background-size:cover !important
}
.product-info .single_add_to_cart_button.button{
	height:45px;
	border-radius:4px !important;
	font-size:14px !important;
	background:#1b904c !important;
	padding-left:50px !important;
	padding-right:30px !important
}
.product-footer{
	margin-top:30px !important
}
.product-info  .input-text.qty.text{
	height:45px !important;
}
.product-info .single_add_to_cart_button.button:after{
	width:14px;
	height:14px;
	display:block;
	position:absolute;
	top:12px;
	left:20px;
	content:"";
	z-index:2;
	background:url(/wp-content/uploads/2025/09/icon-chonmua.png) no-repeat top center;
	background-size:cover !important
}
ins span.amount{
	color:#f00 !important;
	
}
.product-small.box  .name.product-title {
	margin-bottom:6px;
	font-size:15px;
	font-weight:500 !important
}
.product-small.box .box-image img{
	border-radius:3px !important
}
aside.widget ul.children{
	display:block !important
}
li.thuonghieu .ux-menu-icon{
	width:45px !important
}
aside.widget  li.cat-parent.has-child>a{
	color:#1b904c !important;
	font-weight:600 !important
}
.rabout h1{
	font-size:24px;
}
.ngang>p{
	display:flex !important;
	gap:15px;
}
.colform .wpcf7-form-control{
	font-size:13px;
	box-shadow:0px 0px #fff !important;
	border-radius:3px;
	height:48px !important
}
.textul li{
	font-size:14px;
	color:#777;
	margin-left:0px !important;
	list-style:none !important;
	margin-bottom:12px;
}
#post-list .col.post-item .post-title{
	margin-bottom:2px !important
}
#post-list .col.post-item .from_the_blog_excerpt {
	font-size:14px;
	color:#555;
	margin-top:8px;
}
#post-list .col.post-item .post-meta{
	font-size:11px !important
}
.blog-featured-title .entry-meta.uppercase{
	font-size:11px !important
}
.large-9.col.medium-col-first{
	padding-left:0px !important
}
aside.widget .widget-title {
	    display: block !important;
    width: 100% !important;
    padding: 13px 18px;
	padding-left:0px !important;
	padding-right:0px !important;
	text-transform:capitalize !important;
	border-bottom:1px solid #dedede;
	margin-bottom:10px;
}
aside.widget  ul.menu li{
	padding-left:25px;
	position:relative;
	padding-top:4px !important;
	padding-bottom:4px !important
}
aside.widget  ul.menu li:after{
	content:"";
	z-index:2;
	position:absolute;
	top:14px;
	left:0px;
	width:14px;
	height:14px;
	background:url(/wp-content/uploads/2025/09/paw.png) no-repeat top center;
	background-size:cover !important
}
aside.widget a{
	color:#333;
	font-size:14px;
}
aside.widget a:hover{
	color:#1b904c !important
}
aside.widget  .is-divider{
	display:none !important
}
aside.widget .widget-title:after {
    width: 20px;
    height: 20px;
    content: "";
    z-index: 2;
    right: 15px;
    background: url(/wp-content/uploads/2025/09/sort.png) no-repeat top right;
    position: absolute;
    top: 12px;
    background-size: cover !important;
}
.blog-wrapper.blog-archive{
	padding-top:0px !important
}
.blog-wrapper.blog-archive .large-12.text-center.col{
	text-align:left !important
}
.nav-dropdown-has-arrow.nav-dropdown-has-border li.has-dropdown:before {
    border-bottom-color: #fff !important;
}
.nav-dropdown-has-border .nav-dropdown {
    border: 2px solid #fff !important;
}
.header-main ul.sub-menu.nav-dropdown.nav-dropdown-default{
	padding:5px !important
}
.header-main ul.sub-menu.nav-dropdown.nav-dropdown-default a{
	font-size:14px;
}
.rank-math-breadcrumb>p{
	margin-bottom:0px !important;
	font-size:13px;
}
nav.rank-math-breadcrumb{
	background:#f4f4f4;
	display:block !important;
	padding-top:20px;
	padding-bottom:20px;
	clear:both;
	width:100% !important;
	margin-bottom:35px;
}
.shop-page-title.category-page-title{
		background:#f4f4f4;
	display:block !important;
	padding:0px !important;
	clear:both;
	width:100% !important;
	margin-bottom:5px;
}
.product-short-description{
	font-size:14px;
	
}

.product-info .posted_in:first-child{
	display:none !important
}
.page-title.shop-page-title{
			background:#f4f4f4;
	display:block !important;
	padding:0px !important;
	clear:both;
	width:100% !important;
	margin-bottom:5px;
}
.shop-page-title.category-page-title .page-title-inner{
	padding-top:0px !important;
		text-transform:none !important
}
.page-title.shop-page-title .page-title-inner{
	padding-top:0px !important;
		text-transform:none !important
}
nav.woocommerce-breadcrumb{
	text-transform:none !important;
	font-size:13px !important
}
.archive-page-header h1{
	margin-bottom:8px;
	color:#1b904c !important
}
.blog-wrapper.blog-archive .large-12.text-center.col{
	padding-bottom:0px !important
}
.archive-page-header .rank-math-breadcrumb{
	padding:0px !important;
	margin:0px !important
}
.archive-page-header{
		background:#f4f4f4;
	display:block !important;
	padding-top:20px;
	padding-bottom:20px;
	clear:both;
	width:100% !important;
	margin-bottom:35px;
}
nav.rank-math-breadcrumb>p{
	margin:0 auto;
	max-width: 1220px;
}
    
.absolute-footer{
	padding-top:20px !important;
	padding-bottom:15px !important;
	font-size:13px !important
}
.section.tfooter h4{
	padding-bottom:10px;
	margin-bottom:20px !important;
	position:relative;
	font-size:16px;
}
.section.tfooter ul{
	margin:0px !important;
}
.section.tfooter ul li{
	list-style:none !important;
	margin-left:0px !important
}
.section.tfooter p, .section.tfooter li{
	margin-bottom:12px;
	font-size:14px;
	font-weight:300 !important
	
}
.section.tfooter h4:after{
	width:50px;
	height:2px;
	background:#fff;
	position:absolute;
	left:0px;
	bottom:0px;
	content:"";
	z-index:2;
	display:block !important
}
.coilnho .col.post-item{
	padding-bottom:10px !important
}
.slivideo .row{
	max-width:1280px !important
}
.col.post-item img{
	border-radius:4px !important
}
.col.post-item .box.box-vertical .box-text.text-left{
	padding-top:0px;
	padding-right:0px !important;
	padding-bottom:0px !important;
	vertical-align: top !important;
}
.col.post-item .box.box-vertical .post-title {
	margin-bottom:15px !important;
	font-size:18px;
}
.ontin .col.post-item{
	padding-bottom:0px !important
}
.ontin .col.post-item .post-title{
	font-size:21px;
	margin-bottom:15px;
}
.tenvideo{
	margin-top:15px;
	margin-bottom:15px;
	text-align:center
}
.slivideo .banner, .slivideo .banner .fill{
	border-radius:3px !important;
}
.slivideo .banner i.icon-play{
	font-size:0px !important
}
.slivideo .banner .button.open-video{
	background:url(/wp-content/uploads/2025/08/icon-video.png) no-repeat bottom center !important;
    background-size: cover !important;
	border:0px !important
}

.slikhach .flickity-page-dots{
	bottom:-20px !important
}
.slivideo .flickity-page-dots{
	bottom:-5px !important
}
.slikhach .flickity-page-dots li.dot, .slivideo  .flickity-page-dots li.dot{
	width:9px !important;
	height:9px !important
}
.boxcatebg>.col-inner{
	border:8px solid #d8cd5152;
	background:url(/wp-content/uploads/2025/08/boxbd.jpg) no-repeat bottom center !important;
    background-size: cover !important;
}
.slikhach  .col.medium-4 .col-inner{
	position:relative;
	box-shadow: 2px 2px 30px 0 rgba(156, 156, 192, 0.26);
}
.slikhach  .col.medium-4 .col-inner:after{
	width:80px;
	height:80px;
	position:absolute;
	left:20px;
	top:15px;
	content:"";
	z-index:2;
	background:url(/wp-content/uploads/2025/08/hoixy.png) no-repeat bottom center !important;
	display:block !important;
	background-size:cover !important

}
.slikhach .testimonial-text{
	    font-style: normal !important;
}
.slikhach .testimonial-text h3{
	font-size:18px;
	margin-bottom:15px;
}
.slikhach .testimonial-text p{
	font-size:15px;
}
.slikhach .star-rating:before,.slikhach  .woocommerce-page .star-rating:before, .slikhach .star-rating span:before{
	color:orange !important
}
.tmain h2{
   font-family: "Montserrat", sans-serif;
	font-weight:800 !important;
	font-size:32px;
}
.stcate .button{
	background:#fff url(/wp-content/uploads/2025/08/bgxuong.png) no-repeat top center !important;
	background-size:100% !important;
	border:0px !important;
	padding-top:32px;
	padding-left:12px;
	padding-right:12px;
	box-shadow:0px 0px #fff !important;
	padding-bottom:50px;
	font-size:18px;
 font-family: "Montserrat", sans-serif;
	font-weight:700 !important;
	width:203px !important;
	height:117px !important
}
.stcate .button:hover{
	color:orange !important
}

.xdichvu  .col.post-item .post-title a{
    text-transform: uppercase;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
       font-weight: 500;
    font-size: 16px;
}
.col.post-item .is-divider{
	display:none;
}
.xdichvu .box-push .box-text{
	margin-top:-9%;
}
.xdichvu .col.post-item .box-text.text-left{
	border-radius:4px;
	    padding-top: 12px;
    padding-bottom: 12px;
}
.xdichvu .box-image,.xdichvu .box-image img{
	border-radius:5px !important;
}
.tmain img{
	margin:0 auto;
	margin-bottom:10px !important;
}
.tmain h2{
	color:#1b904c;
	margin-bottom:5px !important
}
.nhanbiet .btab{
	background:#ffffff40 !important;
}
.tnhanbiet p{
	margin-bottom:8px;
}
.titmain h1{
	color:#1b904c !important;
	font-size:32px;
	margin-bottom:25px;
}
.galab img{
	border-radius:5px !important
}
.btab{
	padding:8px 40px !important;
	font-size:13px !important;
	border-radius:5px;
}
.khampha{
	padding:8px 40px !important;
	font-size:13px !important;
	border-radius:5px;
}
/*
.colx .img-inner img{
	border-top-left-radius:100% !important
}
.coly .img-inner img{
	border-top-right-radius:100% !important
}
.colz .img-inner img{
	border-bottom-left-radius:100% !important
}
.colk .img-inner img{
	border-bottom-right-radius:100% !important
}*/
.header-main .nav > li > a{
	font-size:14px;
}
.slider-nav-light .flickity-page-dots .dot{
	width:9px !important;
	height:9px !important
}
.header-main .search-field{
	border-radius:3px !important;
	border:1px solid #1b904c !important;
	background:none !important;
	font-size:12px;
}
.header-main .ux-search-submit.submit-button{
	background:#1b904c !important;
	color:#fff !important;
	font-size:12px !important;
	border-radius:1px !important;
	border-bottom-right-radius:3px !important;
	border-top-right-radius:3px !important;
}
.header-main .button.primary{
	background:#1b904c !important;
	border-radius:3px !important;
	color:#fff !important;
	font-size:16px !important
}
.header-main  .searchform .flex-col{
	padding-right:0px !important;
	    margin-left: -31px !important;
}
.header-main .header-button-1 {
	margin-left:25px;
}
.header-main .header-button-1 .button.primary{
	position:relative;
    min-height: 32px;
    height: 32px;
    line-height: 32px;
	padding-left:18px;
	padding-right:14px;
}
.header-main .header-button-1 .button.primary:after{
	position:absolute;
	left:-15px;
	top:3px;
	width:24px;
	height:24px;
	content:"";
	display:block;
	background:url(/wp-content/uploads/2025/08/icallx.png) no-repeat top center;
	background-size:cover !important
}
li.menu-item-home a{
	font-size:0px !important
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
#logo {
    width: 100px !important;
}
	.col.boxcatebg{
		padding-left:30px !important;
		padding-right:30px !important
	}
	.page-title.shop-page-title .page-title-inner {
		padding-top: 25px !important;}
	.large-9.col.medium-col-first {
    padding-left: 15px !important;
}
	#post-list .box.box-vertical{
		display:flex !important
	}
		#post-list .box-vertical .box-image {
        width: 30% !important;
		padding-top:15px;
    }
#post-list  .col.post-item .box.box-vertical .box-text.text-left {
        padding-top: 0px !important;
		padding-left:12px !important
    }

	.row.coilnho .box.box-vertical{
		display:flex !important
	}
	.video-button-wrapper{
		font-size:150% !important
	}
	.row.coilnho .col.post-item .box.box-vertical .box-text.text-left {
        padding-top: 0px !important;
		padding-left:12px !important
    }

		.row.coilnho .box-vertical .box-image {
        width: 30% !important;
		padding-top:15px;
    }
	.stcate .button{
		margin:0px !important
	}
	.col.post-item .box.box-vertical .box-text.text-left {
    padding-top: 15px;
 
}
	.titmain h1, .tmain h2{
		font-size:24px !important
	}
	.stack.stcate{
		display:block !important
	}
	nav.rank-math-breadcrumb{
		padding-left:15px !important;
		padding-right:15px !important
	}

}