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

/*************** ADD CUSTOM CSS HERE.   ***************/


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}
@font-face {
  font-family: Arial;
  src: url(https://dienmayshino.com/wp-content/uploads/2024/03/arial.ttf);
}

h1,h2,h3,h4,h5,h6,body,.nav > li > a{font-family:'Arial'!important}
.icon-box-left .icon-box-img+.icon-box-text {
    align-items: center;
    display: flex;
}
div#content{
	    background: url(https://dienmayshino.com/wp-content/uploads/2024/03/bg-img-navbar.webp);
}
.home .product-small,.product-small .col-inner {
    background: #fff;
    border-radius: 15px;
    padding: 0;
    margin-top: 10px;
    box-shadow: 0 1px 2px 0 rgba(60,64,67,.1), 0 2px 6px 2px rgba(60,64,67,.15);
}
.woocommerce .product-small.box .box-text{
	padding:15px
}
 .product-small .box-image{padding:10px}
 .product-small .box-text.text-center{text-align:left}
 .product-small p.name.product-title.woocommerce-loop-product__title{
	font-size:14px;
}

.product-title a {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
	color:#000
}
.post-title a{
	    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.slider-nav-push:not(.slider-nav-reveal) .flickity-prev-next-button{margin-top:unset}
a.primary.is-small.mb-0.button.product_type_simple.add_to_cart_button.ajax_add_to_cart.is-outline{
	    width: 100%;
    background: #0db315;
    color: #fff;
    text-align: center;
    text-transform: inherit;
    line-height: 35px;
    border-radius: 10px;
    margin: 0;
    padding: 0;
    border: 0;
    height: 35px;
    font-size: 14px;
    font-weight: 500;
	margin-top:10px
}
.add-to-cart-button{margin-top:10px}
.box-blog-post .is-divider {
display:none;
}
.sticky-right {
    top: 1px;
    position: fixed;
    width: 350px;
    height: auto;
    left: calc((100% - 1200px) / 2 + 1200px);
    z-index: 1002;
}

.sticky-left {
    top: 1px;
    position: fixed;
    width: 350px;
    height: auto;
    right: calc((100% - 1200px) / 2 + 1200px);
    z-index: 1002;
}
.item__tel {
    display: flex;
    align-items: center;
}
.img__tel {
    max-width: 25px;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25px;
    margin-right: 10px;
}
.item__tel .content__tel span {
    display: block;
    font-size: 14px;
    color: #333;
}
.item__tel .content__tel a {
    display: block;
    font-size: 16px;
    line-height: 25px;
    font-weight: 700;
    color: #d81616;
}
#footer {
    position: relative;
    width: 100%;
    background: url(https://dienmayshino.com/wp-content/uploads/2024/03/img-before-footer.webp) no-repeat 6% 100%, url(https://dienmayshino.com/wp-content/uploads/2024/03/img-after-footer.webp) no-repeat 100% 100%, url(https://dienmayshino.com/wp-content/uploads/2024/03/bg-img-navbar.webp);
}

.icon-cus .icon-box-img{
	    width: 40p!important;
    height: 40px;
    background: #0db315;
    border-radius: 50%;
    text-align: center;
}
.icon-cus .icon-box-img img{
		padding:10px;
	margin-top:1px
}
.post-content .post-image{
	    display: block;
    width: 265px;
    float: left;
	    position: relative;
    overflow: hidden;
    border-radius: 10px;
}

.post-content .post-details-archive {
    float: right;
    width: calc(100% - 280px);
	padding-left:15px;
}
.post-content{display:flex}
.post-content .post-image img{
    width: 100%;
    height: 160px;
    object-fit: cover;
    border-radius: 8px;
}
h5.title-post-archive{
	overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
	font-size:18px
}
.widget .is-divider{display:none;}
span.widget-title{position: relative;
    color: #fff;
    font-size: 18px;
    display: block;
    line-height: 30px;
    text-transform: uppercase;
    font-weight: 600;
    margin: 0 0 8px;border-bottom:1px solid #fff;
padding-bottom:10px}
aside#categories-3{background:#0db315;border-radius:5px;padding:20px}
aside#categories-3 a{color:#fff;}
.widget>ul>li+li{border:none}
.archive h2.tintucnb-title{display:none}