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

/*************** ADD CUSTOM CSS HERE.   ***************/
body {
  font-family: Arial, sans-serif;
}
#main, #wrapper{background: #f2f2f2;}

#logo img {
    padding: 10px 0;
}
.header-main  .search-form {
    width: 85%;
}
.header-main input[type="search"] {
	background: #fff;
}
.item__tel {
    display: flex;
    width: 100%;
    align-items: center;
    margin: 0 0 15px;
}
.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;
}
.category-home .box-text-inner > p {display: none;}
.category-home .box-text-inner .header-title{
    text-transform: inherit;
    color: #333;
    font-size: 16px;
    font-weight: inherit;
}
.category-home .box-image img {width: 70px}
.category-home .box-text{
    padding: 0 7.5px;
}
.category-home .box.box-category{
    background: #fff;
    padding: 10px;
    min-height: 110px;
    border-radius: 12px;
    transition: all .35s cubic-bezier(.39,.58,.57,1);
    border-top: 1px solid #efefef;
}
.category-home .box.box-category:after {
    position: absolute;
    top: 0;
    left: 50%;
    content: "";
    height: 3px;
    width: 0;
    transition: width .5s,left .5s,right .5s;
}
.category-home .box.box-category:hover:after {
    width: 100%;
    left: 0;
    right: 0;
    background: #ff2238;
}
.section__sandeal .ux-timer > span:nth-child(1) ,  .section__sandeal .ux-timer.dark > span:nth-child(2){display: none;}
.wrap-san-deal > .col.small-12 > .col-inner{
    background:#0d78ea;
    border-radius: 10px;
    padding: 15px 10px 0;
}
.product  .product-small.box{
    background: #fff;
    border-radius: 15px;
    padding: 15px 0 0 ;
    box-shadow: 0 1px 2px 0 rgba(60,64,67,.1), 0 2px 6px 2px rgba(60,64,67,.15);
}
.product.product-small  .badge  .on-sale {
    font-size: 13px;
    line-height: 25px;
    min-height: initial;
    padding: 0 8px;
    display: block;
    font-weight: 400;
    background: url(https://dienmaynewsun.com/wp-content/themes/flatsome-child/img/sale.png)no-repeat;
    background-size: contain;
    width: 100px;
    height: 34px;
    border-radius: 0;
    margin-left: -5px;
}
.product.product-small .badge-container {margin-top: 15px;}
.product.product-small .box-text {
    padding: 10px;
}
.product.product-small .box-text .product-title a {
    font-size: 14px;
    color: #333;
    line-height: 21px;
    height: 42px;
    overflow: hidden;
    margin: 0 0 10px;
    display: block;
    font-weight: 500;
}
.product.product-small .price-wrapper ins, .product.product-small .price-wrapper ins>span, .product.product-small .price-wrapper>.price>span {
    color: #d0021c;
    font-size: 16px;
    font-weight: 600;
}
.product.product-small .price-wrapper ins, .product.product-small .price-wrapper ins>span , .product.product-small .price-wrapper > span.price {
    color: #d61010;
    font-weight: 600;
    font-size: 16px;
}
.product.product-small .price-wrapper del, .product.product-small .price-wrapper del span {
    color: #666;
    font-size: 14px;
    opacity: 1;
}
.product.product-small .price-wrapper {
    margin-bottom: 15px;
    line-height: 23px;
    display: block;
    min-height: 23px;
}
.product.product-small .add-to-cart-button a {
    display: block;
    color: #fff;
    background: #0d78ea;
    text-align: center;
    font-size: 14px;
    line-height: 35px;
    border-radius: 10px;
    margin: 0;
    padding: 0;
    border: 0;
    height: 35px;
}
.product.product-small .price-wrapper del {float: right;}
.section__sandeal .ux-timer  span  strong {font-weight: 400 !important;text-transform: initial !important;}
.section__sandeal .ux-timer > span {
    color: #333;
    border-radius: 5px;
    font-size: 120% !important;
    height: 56px !important;
    font-weight: 700 !important;
    padding: 10px 0 0 0;
    width: 80px;
    height: 56px;
    background-color: #ffd200;
}
.section__sandeal .ux-timer {
    font-size: 150% !important;
    margin: 0;
    display: flex;
    justify-content: end;
}
.section-title-normal {border: none;}    
.sale__heading .section-title .section-title-main {
    padding: 0;
    margin: 0;
    border: 0;
    color: #fff;
    font-size: 30px;
    text-transform: none;
    line-height: 30px;
    font-weight: 600;
    text-shadow: 1px 2px 2px #000;
}
.section__sandeal .col.large-4 , .section__sandeal .large-8.col , .section__sandeal .large-12.col , .category-home , .category-home .large-12.col ,
.section__product .col.medium-4 , .section__product .col.medium-8 , .section__product .col.medium-12 , .section__product{padding-bottom: 0 !important;}
.section__product .ux-menu .menu-item .ux-menu-link__link {
    background-color: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    color: #444;
    float: right;
    font-size: 13px;
    height: 34px;
    padding: 5px 10px;
    white-space: nowrap;
}
.product-info .quantity {display: none;}
.section__product .ux-menu {
    display: flex;
    flex-direction: row;
    gap: 10px;
    justify-content: flex-end;
}
.title__home .section-title {
    border: 0;
    padding: 0;
    margin: 0;
}
.title__home .section-title .section-title-main {
    font-size: 24px;
    color: #335;
    font-weight: 600;
    line-height: 30px;
    border: 0;
    padding: 0;
    margin: 0;
    display: block;
}
.product-info .price-wrapper span {
    font-size: 26px;
    color: #DB0606;
    font-weight: 600;
}
.product-info .price-wrapper del, .product-info .price-wrapper del span {
    color: #333;
    font-size: 16px;
}
.box-endow {
    margin-bottom: 16px;
    border: 1px solid #fee2e2;
    border-radius: 10px;
    overflow: hidden;
    background: #fff;
}
.endow-title {
    position: relative;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    background-color: #fee2e2;
    color: #d70018;
    gap: 10px;
    height: 42px;
    font-weight: 600;
    text-transform: none;
    padding: 0 10px;
}
.endow-global {
    padding: 0px 17px;
    margin-bottom: 0;
}
.endow-global-item {
    display: flex;
    margin-bottom: 12px;
    font-size: 14px;
}
.endow-global-item .icon {
    width: 16px;
    height: 16px;
    min-width: 16px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 15px;
    margin-top: 1px;
}
.endow-global-item p {
    margin: 0;
}
.buy_now_button {
    margin: 0;
    float: left;
    background: #d31616;
    border-radius: 4px;
    width: 49%;
    padding: 10px;
    line-height: initial;
}
.buy_now_button label, .single_add_to_cart_button label {
    margin: 0;
    font-size: 18px;
    text-transform: uppercase;
    line-height: 25px;
    color: #fff;
    font-weight: 700 !important;
    cursor: pointer;
}
.buy_now_button span, .single_add_to_cart_button span {
    font-size: 12px;
    font-weight: 400;
    text-transform: none;
}
.single_add_to_cart_button label {
    color: #000;
}
.single_add_to_cart_button {
    float: right;
    width: 49%;
    margin: 0;
    background: #d8d8d8 !important;
    color: #000 !important;
    opacity: 1 !important;
    visibility: visible;
    border-radius: 5px;
    padding: 10px 0 !important;
    line-height: initial;
}
.star__pro {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
    height: 23px;
    overflow: hidden;
}
.star__pro > span {
    display: flex;
    gap: 1px;
    align-items: center;
}
.star__pro label {
    font-size: 13px;
    color: #777;
    margin: 0;
}
.star__pro i {
    font-size: 11px;
    color: #ff8702;
}
.product-tabs_detail .large-8 .woocommerce-tabs {
    float: left;
    padding-top: 0 !important;
    background: #fff;
    padding: 10px;
    border-radius: 10px;
    box-shadow: 0 0px 2px 0 rgba(60,64,67,.1), 0 2px 3px 0px rgba(60,64,67,.15);
}
.woocommerce-tabs  li.description_tab {border: none;}
.woocommerce-tabs  li.description_tab a {
    color: #333;
    font-weight: 600;
    padding-left: 0;
    padding-right: 0;
    font-size: 20px;
    border: none;
}
.woocommerce-tabs .tab-panels{
    padding: 0;
    border: none;
}
.inner__info__right {
    padding: 10px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0px 2px 0 rgba(60,64,67,.1), 0 2px 3px 0px rgba(60,64,67,.15);
}
.right__info__product h3 {
    background: #f2f2f2;
    line-height: 40px !important;
    margin: 0 0 10px 0;
    display: block;
    font-size: 17px;
    text-align: left;
    padding: 0 10px;
    border-radius: 6px;
}
.right__info__product ul {
    margin: 0 0 25px 0;
    padding: 0;
}
.right__info__product ul li {
    list-style: none;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 5px;
    margin: 0;
}
.right__info__product ul li span {
    min-width: 120px;
    font-size: 14px;
    font-weight: 400;
}
.right__info__product ul li label {
    max-width: calc(100% - 120px);
    margin: 0;
    vertical-align: middle;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}
.right__info__product ul li:nth-child(2n+2) {
    background: #fafafa;
}
.blog-wrapper .post-date.badge-outline {display: none;}
.blog-wrapper .byline {display: none;}
.blog-wrapper .box-image img {border-radius: 8px;}
.blog-wrapper .is-divider {display: none;}
.archive-page-header h1.page-title{
    font-size: 28px;
    font-weight: 600;
    margin: 0;
    line-height: 30px;
    text-align: left;
    text-transform: none;
}
#secondary {
    background-size: cover;
    padding: 19px;
    border-radius: 5px;
    position: relative;
    background: #ed7b7e;
    color: #fff;
}
#secondary .widget-title {
    position: relative;
    color: #fff;
    font-size: 18px;
    display: block;
    line-height: 30px;
    text-transform: uppercase;
    font-weight: 600;
    margin: 0 0 8px;
}
#secondary .widget_nav_menu ul li {
    border: 0;
    list-style: disc;
    padding: 7px 0px 7px 10px;
    color: #fff;
    position: relative;
}
#secondary .widget_nav_menu ul {
    padding-left: 20px;
}
#secondary .widget_nav_menu ul li a {
    font-weight: 400;
    color: #fff;
    display: block;
    display: block;
    padding: 0;
    line-height: 30px;
}
h1.shop-page-title{
    font-size: 25px;
    font-weight: 600;
    text-transform: uppercase;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
}
.woocommerce-breadcrumb {display: none;}
.fillter-archive-cath .yith-wcan-filters{background: none;}
.fillter-archive-cath .yith-wcan-filters .yith-wcan-filter .yith-wcan-dropdown {
    border: 1px solid #D7D7D7;
    border-radius: 4px;
    padding: 8px 15px;
    cursor: pointer;
    position: relative;
    padding-right: 30px;
}
.fillter-archive-cath .yith-wcan-filters .yith-wcan-filter .yith-wcan-dropdown {
    border: 1px solid #D7D7D7;
    border-radius: 4px;
    padding: 8px 15px;
    cursor: pointer;
    position: relative;
    padding-right: 30px;
    background: #fff;
}
.fillter-archive-cath form .yith-wcan-filter {
    min-width: initial;
    position: relative;
    font-size: 14px;
    white-space: nowrap;
    margin: 0;
}
.fillter-archive-cath form {
    display: flex;
    gap: 8px;
    margin-bottom: 0;
    flex-wrap: wrap;
    flex-direction: row;
}
.fillter-archive-cath .dropdown-wrapper{min-width: 135px;}
.product-page-title {display:none}
.footer-top .icon-box-text h5 {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0 0 5px 0;
}
.footer-top .icon-box-text p {
    font-size: 12px;
    font-weight: 300;
    color: #fff;
    line-height: 15px;
}
.footer-bottom .widget-title {
    color: #333;
    font-size: 18px;
    padding: 0;
    margin: 0 0 15px 0;
    border: 0;
    background: none;
    text-align: left;
    border-radius: 0;
    text-transform: none;
    font-weight: 600;
}
.footer-bottom .items_vitri {
    overflow: hidden;
    margin: 0 0 25px 0;
}
.items_vitri .img_vtri {
    width: 40px;
    height: 40px;
    float: left;
    background: #0d78ea;
    border-radius: 50%;
    line-height: 40px;
    text-align: center;
    margin-right: 10px;
}
.items_vitri .content_vitri {
    float: right;
    width: calc(100% - 50px);
}
.footer-bottom p {
    margin: 0;
    color: #333;
    font-size: 14px;
}
.footer-bottom .items_vitri .content_vitri p span {
    font-weight: 700;
}
.footer-bottom .items_vitri .content_vitri a.map__map {
    color: #0d78ea;
    display: block;
    font-size: 13px;
    text-decoration: underline;
}
.footer-bottom ul li a {
    color: #333;
    line-height: 30px;
    font-size: 14px;
    display: block;
}
.footer-bottom ul li a:before {
    content: "";
    margin-right: 6px;
    background: #e22e33;
    width: 6px;
    height: 6px;
    border-radius: 100%;
    display: inline-block;
}
.footer-bottom .item__tel {
    display: flex;
    align-items: center;
    margin: 0 0 15px 0;
}
.footer-bottom .img__tel {
    max-width: 25px;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25px;
    margin-right: 10px;
}
.footer-bottom .item__tel .content__tel span {
    display: block;
    font-size: 14px;
    color: #333;
}
.footer-bottom .tel {
    display: flex;
    gap: 10px;
}
.footer-bottom .item__tel .content__tel a {
    display: block;
    font-size: 16px;
    line-height: 25px;
    font-weight: 700;
    color: #0d78ea;
}
.footer-bottom .custom-html-widget>.gapp {
    display: flex;
    gap: 10px;
    margin-bottom: 15px;
}
.nav.header-nav li a {font-weight:400;}
.nav.header-nav li.current-menu-item a {    color: #faeb31;}
.section__blog .is-divider {display:none;}
.section__blog .col.large-12>.col-inner {
    padding: 15px;
    background: #fff;
    border-radius: 10px;
	text-align:center;
}
.absolute-footer  {display:none;}
.flickity-prev-next-button.previous ,
.flickity-prev-next-button {opacity:1}
.slider-nav-light .flickity-prev-next-button .arrow, .slider-nav-light .flickity-prev-next-button svg ,
.slider-nav-circle .flickity-prev-next-button .arrow, .slider-nav-circle .flickity-prev-next-button svg  {fill:#333 !important;background: #fff;    border: none;
    box-shadow: 0 0 4px 0 rgba(0,0,0,.2)!important;}
.buy_now_button label, .single_add_to_cart_button label {font-size:14px;}
.flickity-prev-next-button.previous {left:0;}
.flickity-prev-next-button.next{right:0;}
.related  .flickity-prev-next-button{
    background: none !important;
	box-shadow:none !important;
}
.related .slider-nav-reveal .flickity-prev-next-button.next {
	right: 15px!important;
}
.related .slider-nav-reveal .flickity-prev-next-button.previous {left:15px !important}
.related .flickity-prev-next-button svg {
    fill: #333 !important;
    background: #fff;
    box-shadow: 0 0 4px 0 rgba(0,0,0,.2)!important;
    border-radius: 100%;
}
.product-gallery .product-thumbnails img{height: 70px;
    width: auto;
    display: block;
    margin: auto;}
.slider-nav-push.slider-nav-reveal .flickity-prev-next-button svg:hover {
    background: #d21519;
	    color: #fff !important;
	fill:#fff !important;
}
.slider-nav-push.slider-nav-reveal .flickity-prev-next-button svg:hover .arrow {color:#fff !important;     fill: #fff !important;}
.summary-action {
    clear: both;
    overflow: hidden;
    display: block;
    padding-top: 12px;
}
.frm-head{
    margin-bottom: 15px;
}
.summary-action a {
    border-radius: 5px;
    font-size: 17px;
    line-height: 20px;
	background-color: #0d78ea;
    color: #FFF;
    width: 100%;
    text-align: center;
    padding: 15px 5px;
    transition: all .3s;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
.right__info__product .post-item {
    display: block;
    overflow: hidden;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
}
.right__info__product .post-item .inner-image {
    width: 100px;
    float: left;
}
.right__info__product .post-item .inner-image img {
    width: 100%;
    height: 80px;
    object-fit: cover;
}
.right__info__product .post-item .inner-content {
    padding: 0 0 0 15px;
    width: calc(100% - 100px);
    float: right;
}
.right__info__product .post-item .inner-content a {
    color: #333;
    font-size: 14px;
    display: block;
}
p.price.product-page-price {
    font-size: 26px;
    color: #DB0606;
    font-weight: 600;
}
h1.product_title{
    font-size: 23px;
    color: #333;
    line-height: 30px;
    margin: 0 0 20px 0;
    font-weight: 600;
}
.product-thumbnails .flickity-button .flickity-button-icon{
    display: inherit;
    width: 30px;
    height: 30px;
    margin: 0;
    background: #fff;
    border-radius: 100%;
    top: 8px;
}
.product-images .onsale{
    font-size: 16px;
}
.product-images .badge {height: 35px;}
.product-images .badge .onsale {
    font-size: 16px;
    padding: 10px;
}
.woocommerce-product-gallery__wrapper  .flickity-button {display:none !important}
.product-thumbnails .flickity-prev-next-button:disabled, .product-thumbnails button.flickity-prev-next-button[disabled] {
	opacity:1 !important;
}
.image-tools.absolute .zoom-button {display:none !important}
.menu-menu-product-container ul li a{    color: #333 !important;}
.blog-wrapper.blog-archive .post-item .box.box-vertical{
    border-bottom: 1px dashed #4a90e2;
    padding-bottom: 30px;
}
.blog-wrapper.blog-archive , .blog-wrapper.blog-single , .content-area.page-wrapper {background: #fff}
h1 strong , h2 strong , h3 strong {font-weight: inherit;}
.checkout_coupon .is-form.button {color: #fff;text-shadow: none}
@media (max-width:550px) {
	.sale__heading .section-title .section-title-main {
		margin: 0 0 10px 0;
		font-size: 18px;
		line-height: 30px;
		display: block;
		text-align: center;
	}
	.row-slider .flickity-prev-next-button {    width: 25px!important;}
	.sale__heading , .section__sandeal .section-title{margin-bottom:0}
	.footer-top {padding:15px 0 !important}
	#footer .small-6.large-3 {    flex-basis: 100%;
    max-width: 100%;}
	.footer-top .small-6.large-3{
		padding: 10px !important;
	}
	.section__sandeal .ux-timer {    justify-content: center;
    margin-bottom: 10px;}
	.category-home .box-text-inner .header-title {    font-size: 12px; margin-top:10px;text-align:center}
	.title__home {margin-bottom:0}
	.product-home  {padding:0 !important}
	.section__product .product .product-small.box {    margin: 10px 0;}
	.section__product .ux-menu .ux-menu-link{
    display: block;
    margin-bottom: 5px !important;
    text-align: left;
    float: left;
    margin-right: 5px !important;
}
	.section__product .ux-menu {display:block;margin-bottom: 10px;}
	.star__pro>span ins {
		font-size: 10px;
	}
	.product.product-small .price-wrapper del, .product.product-small .price-wrapper del span {
		font-size: 12px;
	}
	.product.product-small .price-wrapper ins, .product.product-small .price-wrapper ins>span, .product.product-small .price-wrapper > span.price{
		font-size: 12px;
	}
	.product.product-small .box-text {
		padding: 10px 5px;
	}
	.star__pro label {
		font-size: 10px;
		color: #777;
	}
	.section__product .ux-menu {
    display: flex;
    justify-content: normal;
    gap: 10px;
    overflow-x: auto;
    margin-top: 10px;
    margin-bottom: 0;
}
	}
@media (min-width:550px) and (max-width:992px){
	.category-home .product-category.col{
    flex-basis: 50%;
    max-width: 50%;
}
	#footer .small-6.large-3 {
    flex-basis: 100%;
    max-width: 100%;
}
	.footer-top {
    padding: 15px  !important;
}
	.section-title-container.title__home {margin-bottom:0;}
	.section__product .ux-menu {
    display: flex;
    justify-content: normal;
    gap: 10px;
    overflow-x: auto;
    margin-top: 10px;
    margin-bottom: 15px;
}
	.product-home.section__product .medium-4.small-12 , .product-home.section__product .medium-8.small-12{
    flex-basis: 100%;
    max-width: 100%;
}

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


}