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

/*************** ADD CUSTOM CSS HERE.   ***************/
.listpadx .ux-logo-link{
	padding-right:0px !important;
	padding-top:0px !important
}
.titthuonghieu h3{
	margin-bottom:25px;
	position:relative;
	background:#fff !important;
	padding-right:15px;
	z-index:2;
	color:#76b155;
	    font-size: 18px;
}
.titthuonghieu h3:after{
	height:100%;
	width:10%;
	content:"";
	z-index:1;
	position:absolute;
	right:0px;
	display:block;
	top:0px;
	right:0px;
	background:#a2c58e69
}
p.pdiachi{
	height:62px;
	overflow:hidden
}
.mapdaily{
	float:left;
	width:19%;
	margin-left:0.5%;
	margin-right:0.5%;
	margin-top:25px !important;
	padding:20px;
	    box-shadow: 2px 2px 30px 0 rgba(156, 156, 192, 0.26);
    border-radius: 5px !important;
}
.mapdaily .mapright{
	padding-top:12px;
	display:block !important;
	border-top:1px solid #dedede;
}
.mapdaily .mapright p{
	margin-bottom:7px !important;
	font-size:13px;
}
.mapdaily .mapright h3{
	font-size:14px;
	color:#76b155;
	margin-bottom:10px !important;
	height:45px;
	overflow:hidden
}
.mapdaily img{
	width:auto !important;
	height:65px !important;
	margin:0 auto !important
}
.devvn-popup-title, .popup-customer-info-group .devvn-order-btn{
	background:#76b155 !important
}
.woocommerce-breadcrumb, .woocommerce-breadcrumb a, .woocommerce-breadcrumb span {
    font-size: 13px;
}
.listtailieu .col-inner{
	    box-shadow: 2px 2px 30px 0 rgba(156, 156, 192, 0.26);
    border-radius: 5px !important;
}
.breadcrumbs a {
    color: hsla(0, 0%, 40%, .7);
    font-weight: 400;
}
.feature {
    position: relative;
    overflow: hidden;
}
.feature::before {
content: "";
display: block;
padding-top: 56.25%;
}
.feature .image{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    background-size: cover;
    background-position: center;
}
ul.row.related-post li {
    list-style: none;
}
.related-title {
    line-height: 1.3 !important;
    margin-top: 10px !important;
}
.single.single-post .page-title.blog-featured-title .flex-col.flex-center {
    width: 90%;
    padding: 25px 45px;
    background: #fff !important;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    text-align: left;
    text-shadow: 0px 0px #fff !important;
    color: #222;
}
.entry-content.single-page{
	padding-top:0px !important
}
.single.single-post .page-title.blog-featured-title .flex-col.flex-center{
	padding-bottom:0px !important
}
.single.single-post .page-title.blog-featured-title .flex-row {
    align-items: end;
}
.single.single-post .page-title.blog-featured-title .entry-divider{
	display:none !important
}
.single.single-post .page-title-inner {
    padding-bottom: 0px !important;
}
.blog-wrapper.blog-archive.page-wrapper{
	padding-top:0px !important
}
.blog-wrapper.blog-archive>.row>.large-10.col{
        flex-basis: 100%;
        max-width: 100%;	
}
.blog-wrapper .archive-page-header h1.page-title {
    text-transform: none !important;
    color: #76b155;
    font-size: 28px;
    text-align: left;
}
.blog-wrapper .col.post-item .box-text.text-center{
	text-align:left !important
}
.blog-wrapper .col.post-item .post-title{
	font-size:20px;
}
.blog-wrapper .col.post-item .box-image {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.blog-wrapper .col.post-item .box-text {
    padding: 15px;
}
.blog-wrapper .col.post-item .post-title {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #dedede;
    min-height: 80px;
}
.blog-wrapper .archive-page-header {
    min-height: 200px;
    background: url(/wp-content/uploads/2025/08/doctor-caring-for-patient-fade-background.png) no-repeat center right;
    background-size: cover !important;
    margin-bottom: 35px;
    padding-top: 85px;
    text-align: left;
    color: #fff;
}
h1.shop-page-title{
	color:#76b155 !important
}
nav.woocommerce-breadcrumb{
	display:none !important
}
.single-product nav.woocommerce-breadcrumb{
	display:block !important
}
select.orderby{
	font-size:13px;
	border-radius:30px !important
}
.post_comments{
	display:none !important
}
aside.widget .widget-title {
    display: block !important;
    padding: 13px 15px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom: 2px solid #dedede;
    text-transform: none !important;
}
aside.widget .product-title{
	font-size:14px;
	color:#333;
}
aside.widget.flatsome_recent_posts ul{
	padding:10px 20px;	
}
aside.widget .widget-title{
    position: relative;
    padding-left: 50px !important;
}
aside.widget  ul.product-categories{
	padding:10px 20px;
}
aside.widget  ul.product-categories a{
	color:#333;
	font-size:15px;
}
aside.widget.flatsome_recent_posts ul a{
	color:#333;
	font-size:15px;
}
aside.widget  ul.product-categories a:hover{
	color:#76b155 !important
}
aside.widget  .is-divider{
	display:none !important
}
.widget-title:after {
    width: 24px;
    height: 24px;
    background: url(/wp-content/uploads/2025/08/navigation-1.png) no-repeat top center;
    position: absolute;
    top: 10px;
    left: 15px;
    content: "";
    z-index: 2;
	display: block !important;
}
aside.widget {
    background: #fff !important;
    border-radius: 10px;
    box-shadow: 2px 2px 30px 0 rgba(156, 156, 192, 0.26);
}
p.woocommerce-result-count{
	font-size:13px;
	font-weight:normal !important
}
.listgt .icon-box{
	position:relative;
	top:-65px !important;
}
.listgt .icon-box .icon-box-img{
	border-radius:60px;
	border:1px solid #dedede;
	padding:15px !important;
	background:#76b155 !important
	
}
.listgt .icon-box p{
	font-size:14px;
}
.listgt .icon-box .icon-box-img img{
	padding-top:0px !important;
    filter: brightness(0) invert(1);
}
.featured-title{
	text-shadow:0px 0px #fff !important;
}
.featured-title .entry-title{
		font-size:32px ;
	color:#76b155 !important
}
.absolute-footer{
	background:#fff !important;
	padding-top:20px !important;
	font-size:13px !important;
	padding-bottom:20px !important;
	border-top:1px dashed #76b155
}
.bbottom h3{
	font-size: 17px;
	position:relative;
	padding-bottom:12px !important;
	margin-bottom:15px;
	
}
.bbottom p, .bbottom div, .bbottom li, .bbottom a{
	font-size:14px;
}
.bbottom .icon-box-img{
	width:15px !important
}
.bbottom h3:after{
	position:absolute;
	left:0px;
	content:"";
	z-index:2;
	width:70px;
	height:2px;
	background:#76b155 !important;
	display:block !important;
	bottom:0px;
}
.stsocial .icon-box-img{
	margin-bottom:0px !important
}
.stsocial .icon-box-img img{
	padding-top:0px !important
}
.coslogo img{
	border-radius:50px;
	border:2px solid #fff !important;
	max-height:60px;
	width:auto !important
}
.listlogo img{
	border:1px solid #777;
	border-radius:15px !important;
	
}
.listlogo .col.medium-6{
	padding-bottom:17px !important
}
.xtin .col.post-item .col-inner{
	    box-shadow: 2px 2px 30px 0 rgba(156, 156, 192, 0.26);
	border-radius:12px !important
}
.xtin .col.post-item  .box-image{
		border-top-left-radius:10px !important;
	border-top-right-radius:10px !important;
}
.xtin .col.post-item  .post-title{
	height:48px;
	overflow:hidden
}
.xtin .col.post-item .from_the_blog_excerpt {
	height:90px ;
	
}
.xtin .col.post-item  .from_the_blog_excerpt {
	margin-top:12px !important;
	font-size:14px;
}
.col.post-item .is-divider{
	display:none !important
}
.flickity-page-dots li.dot{
	width:8px !important;
	height:8px !important;
}
.listvideo .cenvideo  .banner, .listvideo .cenvideo  .banner .fill{
	border-radius:15px !important
}
.listvideo .col.leftvideo .banner, .listvideo .col.leftvideo  .fill{
	border-bottom-left-radius:15px !important;
	border-top-left-radius:15px !important;
}
.listvideo .rightvideo .banner, .listvideo .rightvideo .fill{
		border-bottom-right-radius:15px !important;
	border-top-right-radius:15px !important;
}
.cenvideo .button.open-video{
	background:#76b155 !important
}
.xemthemsp{
	padding:8px 50px;
	text-transform:uppercase !important;
	font-weight:normal !important;
	font-size:13px !important;
	letter-spacing:1px !important;
	border-radius:3px !important;
	margin-bottom:0px !important
}
.product-small.box .name.product-title{
	height:60px;
	overflow:hidden
}
.product-small.box{
	box-shadow: 2px 2px 30px 0 rgba(156, 156, 192, 0.26);
	border-radius:10px !important
}
.product-small.box .category{
	opacity:0.5 !important;
	line-height:16px !important;
}
.product-small.box .name.product-title a{
	font-weight:600;
	color:#222;
}
.product-small.box .name.product-title:hover a{
	color:#76b155 !important;
}
.product-small.box .box-image{
	border-top-left-radius:10px !important;
	border-top-right-radius:10px !important;
}
.product-small.box .box-text.text-center{
		border-bottom-left-radius:10px !important;
	border-bottom-right-radius:10px !important;
}
.plane-star .fa-star{
	font-size:12px !important;
	color:orange !important
}
.row.catengang .box-text.text-center{
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
}
.row.catengang  .box-image{
    box-shadow: 2px 2px 30px 0 rgba(156, 156, 192, 0.26);
}
.row.catengang .box-text .header-title{
	font-size:13px;
}
.row.catengang{
	padding-left:15% !important;
	padding-right:15% !important
}
.row.catengang .box-image{
	padding:40px 50px;
	background:#76b155 !important;
	border-radius:10px;
	
}
.row.catengang .box-image:hover{
	background:#00adef !important
}
.row.catengang .box-image img{
	filter: brightness(0) invert(1);

}
.tieudeimg h3{
  font-family: "Montserrat", cursive !important;
	font-weight:normal !important;
	color:#00adef !important;
	font-size:20px;
	margin-bottom:5px !important;
		
}
.tieudesub h2{
	margin-bottom:5px !important;
	  font-family: "Montserrat", sans-serif;


}
.tieudesub h3{
  font-family: "Montserrat", cursive !important;
	font-weight:normal !important;
	color:#00adef !important;
	font-size:20px;
	margin-bottom:5px !important	
}
.imgbor img{
	border-radius:20px !important
}
.bantext h1{
	color:#76b155 !important;
	font-size:50px;
}
.tieudeimg p{
	font-size:15px;
}
.abtext ul{
	margin:0px;
	padding:0px;
	list-style:none;
}
.abtext ul li{
	padding-left:25px;
	width:50%;
	margin-left:0px;
	float:left;
	position:relative
}
.abtext ul li:after{
	width:15px;
	height:15px;
	position:absolute;
	top:5px;
	left:0px;
	content:"";
	z-index:2;
	background:url(/wp-content/uploads/2025/08/check-markk.png) no-repeat top center;
	background-size:cover !important
}

.tieudeimg h2{
	display:flex;
	gap:12px;
	margin-bottom:0px !important;
		color:#76b155 !important
}
.tieudeimg img{
	width:auto !important;
	margin:0px !important;
	height:35px;

}
.bantext h3{
	color:#444 !important;
	font-size:32px;
	margin-bottom:30px;
}
@-webkit-keyframes phone-vr-circle-fill {
    0% {
        -webkit-transform: rotate(0) scale(1) skew(1deg)
    }

    10% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg)
    }

    20% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg)
    }

    30% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg)
    }

    40% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg)
    }

    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg)
    }

    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg)
    }
}
.header-main .nav > li > a.ahot, .header-main .nav > li > a.adaily {
    line-height: 24px;
}
.header-main .nav > li > a.ahot, .header-main .nav > li > a.adaily {
    position: relative;
}
.header-main .nav > li > a.adaily {
    margin-left: 60px;
}
a.ahot strong {
    display: contents !important;
    clear: both;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    color: #93c93d;
}
a.adaily strong {
    display: contents !important;
    clear: both;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    color: #93c93d;
}
.header-main .nav > li > a.ahot:after {
    width: 40px;
    height: 40px;
    top: 15px;
    left: -60px;
    content: "";
    z-index: 3;
    position: absolute;
    display: block !important;
    background: url(/wp-content/uploads/2025/08/cll.png) no-repeat top center;
    background-size: 100% !important;
    -webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
    animation: phone-vr-circle-fill 1s infinite ease-in-out;
}
.header-main .nav > li > a.adaily:after {
    width: 40px;
    height: 40px;
    top: 15px;
    left: -60px;
    content: "";
    z-index: 3;
    position: absolute;
    display: block !important;
    background: url(/wp-content/uploads/2025/08/location-6.png) no-repeat top center;
    background-size: 100% !important;
    -webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
    animation: phone-vr-circle-fill 1s infinite ease-in-out;
}

.header-main .search-field{
	padding:10px 40px !important;
	border-radius:50px !important;
	font-size:14px;
	min-height:50px !important;
	min-width:420px;
	box-shadow:0px 0px #fff !important;
	border:1px solid #76b155
}
.logo-left .logo{
	margin-right:80px;
}
.header-main  .ux-search-submit.submit-button{
	position:absolute;
	top:10px;
	right:15px;
	background:none !important;
	box-shadow:0px 0px #fff !important;
	border:0px !important
}
.header-main  .ux-search-submit.submit-button i.icon-search{
	color:#333 !important;
	font-size:13px;
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
/* Ảnh trong slide chính full chiều ngang, giữ tỉ lệ */
.lightSlider .lslide img,
.lightSlider li img {
  width: 100%;
  height: auto;
  display: block;
}
   
/* Ảnh thumbnail (nếu dùng gallery) */
.lSPager li a img {
  width: 100%;
  height: auto;
  display: block;
}

}