/*
Theme Name: Rèm Minh Đức
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,500;0,9..144,600;0,9..144,700;0,9..144,800;0,9..144,900;1,9..144,400;1,9..144,500;1,9..144,600;1,9..144,700;1,9..144,800;1,9..144,900&display=swap');
h1,h2,h3,h4,h5,h6{
	font-family: 'Fraunces', serif !important;
	font-weight: 600;
}
@font-face {
    font-family: 'SVN-Sofia Pro';
    src: url('/wp-content/themes/rem-minh-duc/fonts/SVN-SofiaPro.eot');
    src: url('/wp-content/themes/rem-minh-duc/fonts/SVN-SofiaPro.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/rem-minh-duc/fonts/SVN-SofiaPro.woff2') format('woff2'),
        url('/wp-content/themes/rem-minh-duc/fonts/SVN-SofiaPro.woff') format('woff'),
        url('/wp-content/themes/rem-minh-duc/fonts/SVN-SofiaPro.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
.combobox-2 .box-image img{
    width: 45px;
    margin-bottom: 10px;
}
.combobox-2 .box-text,.combobox-2 .box-text h4,.combobox-2 .box-text p {
    text-align: center !important;
}

}
#mega-menu-title{
	background-color: #1A73E9;
}
.header-bottom {
    min-height: 45px !important;
}
.ux-search-submit{
	background-color: #1A73E9;	
}
.nav>li>a, .nav-dropdown>li>a, .nav-column>li>a{
	color: #FFFFFF;	
	font-size: 1em;
	font-family: "Livvic",sans-serif;
}
.header:not(.transparent) .header-nav-main.nav > li > a:hover, .header:not(.transparent) .header-nav-main.nav > li.active > a, .header:not(.transparent) .header-nav-main.nav > li.current > a, .header:not(.transparent) .header-nav-main.nav > li > a.active, .header:not(.transparent) .header-nav-main.nav > li > a.current{
	color: #1f05fb;
}
.combobox-2{
	border-right: 1px solid #cccc;
}
.categorybox,.post-tintuc .box-blog-post,.post-tintuc-congtrinh .box-blog-post {
	border: 1px solid #e5e5e5;
    box-shadow: 0 0 1px 0 rgb(0 0 0 / 14%);
    background-color: #fff;
    padding: 10px;
    text-align: center;
    transition: 0.5s;
}
.categorybox:hover,.post-tintuc-congtrinh .box-blog-post:hover{
	border-color: #1A73E9;
}
.post-tintuc .box-blog-post:hover{
	border-color: #1A73E9 !important;
}
.title-category b{
	display: none;
}
.title-category h3{
	justify-content: center;
}
.title-categoryy b{
	display: none;
}
.title-categoryy h3{
	justify-content: center;
}
.title-category h3:after {
    content: "";
    height: 50px;
    display: table;
    width: 100%;
    position: absolute;
    margin-top: 70px;
    background: url(../rem-minh-duc/images/line.png);
    background-repeat: no-repeat;
    background-position: center;
}
.title-categoryy h3:after {
    content: "";
    height: 50px;
    display: table;
    width: 100%;
    position: absolute;
    margin-top: 70px;
    background: url(https://goodhairdhtblocker.com/wp-content/uploads/2023/09/1.png);
    background-repeat: no-repeat;
    background-position: center;
}
.box{
    border: 1px solid #e5e5e5;
    box-shadow: 0 0 1px 0 rgb(0 0 0 / 14%);
    background-color: #fff;
    padding: 10px;
    text-align: center;
    transition: 0.5s;
}
.box:hover {
    border-color: #1A73E9;
}
.on-sale .onsale{
    position: absolute;
    top: 10px;
    left: 10px;
    display: inline-block;
    background: #1A73E9;
    color: white;
    height: 40px;
    width: 40px;
    text-align: center;
    vertical-align: middle;
    line-height: 2.5rem;
    margin: 0;
    animation: beat 0.5s ease infinite alternate;
    z-index: 2;
    font-size: 15px;
    min-width: inherit !important;
    min-height: inherit !important;
    padding: 0 !important;
    border-radius: 0 !important;
    z-index: 99;
    line-height: 2.5;
    border: inherit;
}
.badge-inner{
    border: inherit !important;
}
.on-sale .onsale:after {
    content: "";
    width: 0;
    height: 0;
    left: 0;
    bottom: -8px;
    position: absolute;
    border-color: transparent #1A73E9;
    border-style: solid;
    border-width: 0 20px 8px;
}
.badge-inner.on-sale {
    background-color: #feb04100 !important;
}
.badge {
    width: 60px;
    height: 60px;
}
.badge-container {
    margin-top: 0;
}
span.amount {
    color: #ff0000;
    font-size: 16px;
}
.price-wrapper del span {
    color: gray;
    font-size: 15px;
}
.title-wrapper .product-title {
    min-height: 40px;
}
.is-divider{
    background-color: #1A73E9 !important;
}
.badge-frame .badge-inner, .badge-outline .badge-inner{
    background: #1A73E9;
    color: #fff;
    border-radius: 50%;
}
a.devvn_buy_now_style {
    margin: 10px 0;
    padding: 10px 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #ff3535;
    box-shadow: 0 -3px 0 0 #a72a2a inset;
    text-align: center;
}
a.devvn_buy_now_style:hover, a.devvn_buy_now_style:focus {
    background: -webkit-linear-gradient(top,#ff3131,#e75252);
}
a.devvn_buy_now_style{
    max-width: 100%;
}
.devvn-popup-title {
    background: #ff3535;
}
.popup-customer-info-group .devvn-order-btn:hover {
    background: #c92e2e;
}
.popup-customer-info-group .devvn-order-btn {
    background: #ff3535;
    width: 50%;
    padding: 10px 20px;
    height: auto;
    font-size: 14px;
    border-radius: 30px;
}
.okila{
    display: flex;
    align-items: center;
    padding: 8px;
    background: white;
    border-radius: 3px;
    border: 1px dashed #1A73E9;
    margin-bottom: 15px;
}
.title-items-ht{
    padding-left: 15px;
}
.title-items-ht h4{
    color: #000;
    margin-bottom: 0px ;
}
.ho-tro{
    margin-bottom: 25px;
}
.star-rating span:before{
        color: #ff0000;
}
del span.amount {
    color: #333;
}
#footer .section-title-normal{
    border-bottom:none;
}
.mobile_chat{
    background: #fff;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    box-shadow: #ebebeb 0 0 20px;
}
.chat-item a {
    display: block;
}
.chat-item .chat-item-image {
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.chat-item .chat-item-image {
    width: 100%;
    float: left;
}
.chat-item .chat-item-text {
    height: 20px;
    font-size: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.chat-item .chat-item-text {
    width: 100%;
    float: left;
}
.col-xs-3 {
    width: 25%;
}

.chat-item {
    padding: 5px 10px;
}
.chat-item .chat-item-image img {
    height: 40px;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link{
	background: #ffff !important;
    color: #FF6347 !important;
    font-weight: 700;
    font-size: 17px;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link,#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu.mega-menu-item{
	background: #ffff !important;
    color: #000000 !important;
    font-weight: 700;
    font-size: 17px;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover{
	color: #000000 !important;
	font-weight: 700;
}
@media(min-width: 768px){
	.mobile_chat{
		display: none !important;
}
}
@media(max-width: 576px){
	.mobile_chat{
		display: block !important;
}
}