/*
Theme Name: Mỹ phẩm
Description: Hotline kĩ thuật 0965337117
Author: Dinhit
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
.entry-content.single-page h2,.entry-content.single-page h3,.entry-content.single-page h4,.entry-content.single-page h5,.entry-content.single-page h6, .heading-font {color:#444 !important}
/* LOGO */
img.header-logo-dark-dinhit,.site-logo {display: none}
/* Màu chủ đạo */
h1.entry-title, h2.entry-title {color:#FFC107}
a:hover {color:#444 !important}
.is-outline.primary {color:#666 !important}

.accordion-title.active, .has-icon-bg .icon .icon-inner, .logo a, .primary.is-underline, .primary.is-link, .badge-outline .badge-inner, .nav-outline > li.active> a, .nav-outline >li.active > a, .cart-icon strong, [data-color='primary'] {color: #fff !important; border-color:#598e36 !important;}

.scroll-to-bullets a, .featured-title, .label-new.menu-item > a:after, .nav-pagination > li > .current, .nav-pagination > li > span:hover, .nav-pagination > li > a:hover, .has-hover:hover .badge-outline .badge-inner, .button.wc-forward:not(.checkout):not(.checkout-button), .featured-table .title, .is-outline:hover, .has-icon:hover .icon-label, .nav-dropdown-bold .nav-column li > a:hover, .nav-dropdown.nav-dropdown-bold > li > a:hover, .nav-dropdown-bold.dark .nav-column li > a:hover, .nav-dropdown.nav-dropdown-bold.dark > li > a:hover, .is-outline:hover, .tagcloud a:hover, .grid-tools a, input[type='submit']:not(.is-form), .box-badge:hover .box-text, input.button.alt, .nav-box > li > a:hover, .nav-box > li.active > a, .nav-pills > li.active > a, .current-dropdown .cart-icon strong, .cart-icon:hover strong, .nav-line-bottom > li > a:before, .nav-line-grow > li > a:before, .nav-line > li > a:before, .banner, .header-top, .slider-nav-circle .flickity-prev-next-button:hover svg, .slider-nav-circle .flickity-prev-next-button:hover .arrow, .primary.is-outline:hover, input[type='submit'].primary, input[type='submit'].primary, input[type='reset'].button, input[type='button'].primary, .badge-inner {background:#FFC107 !important; border-color:#FFC107 !important; color:#fff !important}

button[type="submit"],.button.submit-button {background:#598e36 !important}

body,h1, h2, h3, h4, h5, h6, .heading-font, .off-canvas-center .nav-sidebar.nav-vertical > li > a {font-family:Helvetica !important}
ul li.bullet-arrow:before {font-size:15px; color:#666}

#top-bar li a span {color:#666}

form.searchform {font-size: 14px;}
select.search_categories.resize-select.mb-0 {border-right: none;}

/* Section title */
.dinhit span.section-title-main {
    color: #ffffff !important;
    display: inline-block;
    padding: 0px 25px;
    line-height: 34px;
    background: #598e36;
    margin: 0px;
    position: relative;
    z-index: 2;
    font-family: Helvetica;
}
.dinhit .section-title-normal {border-bottom: 2px solid #598e36;}
.dinhit span.section-title-main:before {
    border: 18px solid transparent;
    border-left-color: #598e36;
    border-bottom-color: #598e36;
    position: absolute;
    top: 0;
    left: 100%;
    content: "";
}
.dinhit .section-title-normal span {border-bottom: 1px solid #fff}
.dinhit .section-title.section-title-normal a {
    color: #598e36;
    font-family: Helvetica;
}
.post-title.is-large {font-family: Helvetica;}
.tin-tuc-su-kien .row .col .post-item .col-inner {
    background: white;
	border: 1px solid #ddd;
}
.tin-tuc-su-kien p.from_the_blog_excerpt {text-align: justify;}
/* Footer */
#footer {border-top: 1px solid #ddd;}
.button.is-outline {border:1px solid #ddd}
.icon-expand:before {position:relative; top:2px}
ul.nav.nav-simple.nav-normal.nav-size-normal.nav-right {padding: 0 20px !important;}
ul.nav.nav-simple.nav-normal.nav-size-normal.nav-right li {margin: 0 15px !important}
ul.nav.nav-simple.nav-normal.nav-size-normal.nav-right li a span{font-family: Helvetica;}
.row-small>.col {padding: 0 9.8px 12.6px;}

/* Product sidebar */
aside#block_widget-3 {
	margin-top: 40px !important;
    border-top: 2px solid #598e36;
    border-bottom: 2px solid #92b27f;
    border-left: 2px solid #598e36;
    border-right: 2px solid #92b27f;
    border-radius: 5px;
    padding: 10px;
	background: #fff;
}
aside#block_widget-3 img {height: 35px; width: 35px;}
p.name.product-title {padding-bottom: 10px;}
ins span.amount {color: red;}
span.price {font-size: 15px;}
ul.nav-dropdown.nav-dropdown-simple {
    padding: 0px;
    border: 1px solid #ddd;
} /* END Product sidebar */

/* Lọc theo giá */
.price_slider_wrapper {
	border-top: 2px solid #FFC107;
    border-bottom: 2px solid #92b27f;
    border-left: 2px solid #FFC107;
    border-right: 2px solid #92b27f;
    border-radius: 0 0 5px 5px;
    padding: 10px;
}
/* END lọc theo giá */


/*================================= CSS tổng hợp =================================*/

/* Header */
.logo a {font-size: 22px; font-family: Helvetica;} 
#header .col.medium-6.small-12.large-6 {height: 0; margin-top: -35px;}
/* END Header */

/* Trang sản phẩm *
.shop-container .product-small .box {
    border: 1px solid #e2e2e2;
    padding: 5px;
    border-radius: 4px;
}
/* END Trang sản phẩm */

/* Mô tả danh mục sản phẩm */
.term-description {
    border-top: 2px solid #598e36;
    border-bottom: 2px solid #92b27f;
    border-left: 2px solid #598e36;
    border-right: 2px solid #92b27f;
    transition: ease-in-out 0.5s;
    border-radius: 5px;
    padding: 20px;
}
/* END mô tả danh mục sản phẩm */

/* Giao diện trang chi tiết sản phẩm */
.product-info {padding-top:0;padding-bottom:0}
.product-main {padding-bottom:10px}
.product-footer .woocommerce-tabs {border-top:none; padding:0}
.product-section {border-top: none; padding-top: 10px;}
.product-title.entry-title {font-family: Helvetica;}
.product-main figure.woocommerce-product-gallery__wrapper.product-gallery-slider.slider.slider-nav-small.mb-half.has-image-zoom.flickity-enabled.is-draggable {border: 1px solid #ddd;}
#product-4906,#product-4897 {background: #f1f1f1;} /* Background */
.product-main > .row {
    background: #fff;
    margin: 0 !important;
    padding: 13px 0;
/* 	border: 1px solid #e8e8e8; */
	border-top: 2px solid #598e36;
    border-bottom: 2px solid #92b27f;
    border-left: 2px solid #598e36;
    border-right: 2px solid #92b27f;
	border-radius: 5px;
}	/* Khung thông tin sản phẩm */
.shop-container .col.large-9 {padding-right: 0;}
#product-sidebar {border-left: none;}
.product-footer .tab-panels {padding:10px !important;border-radius: 0 5px 5px 5px; border-top: 2px solid #598e36; border-bottom: 2px solid #92b27f; border-left: 2px solid #598e36; border-right: 2px solid #92b27f;}	/* Khung nội dung chi tiết sản phẩm */

/* Ẩn giá thuộc tính */
.woocommerce-variation.single_variation {display: none !important;}
/* END ẩn giá thuộc tính */

/* Nút gọi ngay bên cạnh Add to cart */
.quantity+.button {font-size: 15px; padding:0 8px; letter-spacing:0!important; margin-right:0;}
.quantity.buttons_added {margin-right: 0;}
a.single_add_to_cart_button.button.alt {padding: 0 8px; letter-spacing:0; margin-right:0; font-size: 15px;}
/* END Nút gọi ngay bên cạnh Add to cart */

/* Widget sidebar */
.widget-title span,.widget-title.shop-sidebar {
    background-image: -webkit-linear-gradient(top,#598e36,#FFC107);
    padding: 10px 20px 8px;
    color: #fff;
    position: relative;
    display: inline-block;
    margin: 0;
    width: 100%;
    border-radius: 5px 5px 0 0;
    border-bottom: 2px solid #fff;
}
.widget-title,.widget-title.shop-sidebar {
    /* border-bottom: 1.5px solid #e10320; */
    /* margin-bottom: 6px; */
}
.post-sidebar ul,#shop-sidebar ul,#product-sidebar ul {
	border: 1px solid #ddd;
	border-top: 2px solid #FFC107;
    border-bottom: 2px solid #92b27f;
    border-left: 2px solid #FFC107;
    border-right: 2px solid #92b27f;	
	background: #fff;
	padding:0 10px;
	border-radius: 0 0 5px 5px;
    /* margin-top: -6px; */
}
.post-sidebar ul li a,#shop-sidebar ul li a,#product-sidebar ul li a {font-size:14px; color:#444;}
.post-sidebar .is-divider.small,#shop-sidebar .is-divider.small,#product-sidebar .is-divider.small {display:none}
#product-sidebar img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail,#product-sidebar img.woocommerce-placeholder.wp-post-image {border: 1px solid #ddd;}
/* END Widget sidebar */

/* Content tab */
.woocommerce-tabs .product-tabs li {width: 25%;}
.woocommerce-tabs .product-tabs li a{
    display: block;
    text-align: center;
    padding: 0;
    height: 50px;
    line-height: 50px !important;
    background: #bebebe !important;
    color: #fff;
    font-size: 16px;
    font-family: Helvetica;
    border-radius: 5px 5px 0 0;
    border-top: 2px solid #92b27f;
    border-left: 2px solid #598e36;
    border-right: 2px solid #92b27f;
}
.woocommerce-tabs .product-tabs li.active a {background: #fff !important; color: #666; font-size: 16px; font-family: Helvetica; border-radius: 5px 5px 0 0; border-top: 2px solid #92b27f; border-left: 2px solid #598e36; border-right: 2px solid #92b27f;}
.nav-tabs > li.active > a {border-top-color: red}
.tabbed-content .nav-tabs>li {margin-bottom: -2px;}

/* Sản phẩm liên quan */
.product-small .col-inner {background: #fff; border-radius: 5px;}
.shop-container .box-text.box-text-products.text-center.grid-style-2 {border-top: 1px solid #ddd;}
.flickity-slider img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail,.flickity-slider img.woocommerce-placeholder.wp-post-image {
    height: 200px;
}
/* END giao diện trang chi tiết sản phẩm */

/* Menu */
.header:not(.transparent) .header-nav.nav>li {margin:0 15px}
.header:not(.transparent) .header-nav.nav>li>a {
    color: #fff !important;
    font-family: Helvetica;
	font-size: 14px !important;
    letter-spacing: 0;
} 
/* END Menu */

/* Back to top */
.back-to-top {bottom: 100px; background: rgba(0, 0, 0, 0) url("/wp-content/uploads/2019/11/to-top.png") no-repeat scroll -224px 0;}
.back-to-top:hover {background: rgba(0, 0, 0, 0) url("/wp-content/uploads/2019/11/to-top.png") no-repeat scroll -499px -342px;}
a#top-link {border-radius: 7px !important; width: 41px; height: 41px;}
a#top-link:hover {background: rgba(0, 0, 0, 0) url("/wp-content/uploads/2019/11/to-top.png") no-repeat scroll -499px -342px !important;}
i.icon-angle-up {display:none}
.button.icon {border: 1px solid rgba(204,204,204,0) !important;}
/* END Back to top */

/* CSS khác */
.is-divider {height: 1px !important; max-width: 100%;}
h6.entry-category.is-xsmall,.entry-image.relative {display:none}
.entry-content.single-page {text-align: justify;}
.section-title-container {margin-bottom: .5em;}
.back-to-top {bottom:100px}
.product-small.box.has-hover.box-normal.box-text-bottom {border: 1px solid #ddd;}
/* .product-small.box.has-hover.box-normal.box-text-bottom:hover,.box.box-normal.box-text-bottom.box-blog-post.has-hover:hover, .shop-container .product-small .box:hover {border: 1px solid #6aa337;} */
.product-small .box-text.text-center {border-top: 1px solid #ddd;}
.widget .current-cat>a {color:#444}
#footer .widget_custom_html {padding: 0;}
span.woocommerce-Price-amount.amount {color: red;} /* Màu sắc giá mới */
del span.woocommerce-Price-amount.amount {color: #666;} /* Màu sắc giá niêm yết */
a.single_add_to_cart_button.button.alt {background: red;} /* Màu sắc nút gọi ngay cạnh Add to cart */
.product-main label {font-size: 14px;}  /* Size label thuộc tính trang chi tiết sp */
div#tab-thong-so-ki-thuat h2 {display:none} /* Ẩn tiêu đề của custom tab */
.single-product div#tab-description {padding-bottom:0 !important}
/* END CSS khác */

/* Banner custom */
.banner-top img{
    width: 100%;
}
.banner-top .banner-top-mobile{
    display: none;
}
/* END banner custom */

/* Hiệu ứng */

/* Hiệu ứng hover sp */
.product-small .box-image:hover::before{
-webkit-animation:shine .75s;animation:shine .75s
}
@-webkit-keyframes shine{
100%{left:125%}
}
@keyframes shine{
100%{left:125%}
}
.product-small .box-image::before{
position:absolute;
top:0;
left:-75%;
z-index:2;
display:block;
content:'';
width:50%;
height:100%;
background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%);
background:linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%);
-webkit-transform:skewX(-25deg);transform:skewX(-25deg)
}

/* Hiệu ứng rê chuột vào bài viết */
.post-item .box-image:hover::before{
-webkit-animation:shine .75s;
animation:shine .75s}
@-webkit-keyframes shine{
100%{left:125%}
}
@keyframes shine{100%{left:125%}
}
.post-item .box-image::before{
position:absolute;
top:0;
left:-75%;
z-index:2;
display:block;
content:'';
width:50%;
height:100%;
background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%);
background:linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%);
-webkit-transform:skewX(-25deg);transform:skewX(-25deg)
}
/* END Hiệu ứng */

/* CSS Dinhit */
.product-small > .col-inner,.product-small.box.has-hover.box-normal.box-text-bottom,ul.nav.nav-simple.nav-normal.nav-size-normal.nav-right {
    border-top: 2px solid #598e36;
    border-bottom: 2px solid #92b27f;
    border-left: 2px solid #598e36;
    border-right: 2px solid #92b27f;
	transition:ease-in-out 0.5s;
	border-radius: 5px;
}

.product-small > .col-inner:hover,.product-small.box.has-hover.box-normal.box-text-bottom:hover{
    border-top: 2px solid #92b27f;
    border-bottom: 2px solid #598e36;
    border-left: 2px solid #92b27f;
    border-right: 2px solid #598e36;
	transition:ease-in-out 0.5s;
	transform: translateY(2px);
}

/* END CSS Dinhit */

/* Hiện sidebar trái danh mục sản phẩm */
.category-filtering .filter-button{
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 14px;
    color: #000;
}
.category-filtering .inline-block{
    display: block;
}
.category-filtering .inline-block .widget_layered_nav_filters{
    display: block;
    padding: 10px 5px;
    margin: 0;
    border: 1px dashed #ef8e2b;
}
.category-filtering .inline-block h2.widgettitle{
    font-size: 16px;
    font-weight: 300;
}
.woocommerce .category-filtering{
    display: none !important;
}
.woocommerce .category-page-row > .hide-for-medium {
    display: block !important;
}

@media (max-width: 849px){
    #shop-sidebar aside{
        border-bottom: 1px solid #cdcd;
        margin-bottom: 15px;
    }
    #shop-sidebar aside .is-divider{
        display: none;
    }
    #shop-sidebar aside span.widget-title{
        margin-bottom: 15px;
        display: block;
    }
}
/* END hiện sidebar trái danh mục sản phẩm */

/*================================= END CSS tổng hợp =================================*/

/* Checkout */
.optional {display: none}
.woocommerce-invalid span.select2-selection, .woocommerce-invalid.woocommerce-invalid-required-field textarea#order_comments {border-color: #b20000;}
span.select2-selection__clear, div#customer_details .form-row label {display: none}
span.select2.select2-container.select2-container--default {width: 15% !important; float: left; margin-right: 10px;}
p#shipping_last_name_field {/*width: 100%;*/} /* Nếu thêm trường email */
p#shipping_email_field {float: right; width: 48%;}

section.woocommerce-customer-details {padding-top: 50px;}
.woocommerce-column.woocommerce-column--1.woocommerce-column--billing-address.col-1 {
    width: 50%; padding: 20px;
}
.woocommerce-column.woocommerce-column--2.woocommerce-column--shipping-address.col-2 {
    width: 50%; background: #fff; margin-top: -40px; margin-bottom: -30px; padding: 20px;
}
/* END checkout */

.nav-dropdown-simple .nav-column li>a:hover, .nav-dropdown.nav-dropdown-simple>li>a:hover {background: #f2f2f2}
.price_slider.ui-slider.ui-slider-horizontal.ui-widget.ui-widget-content.ui-corner-all {
    margin-top: 20px;
    margin-right: 5px !important;
}
.widget_price_filter .ui-slider .ui-slider-handle {border: 1px solid #FFC107; border-radius: 50%; background-color: #FFC107;}
i.icon-shopping-basket {color: #666;}
.dinhit-1 .img-inner.dark {box-shadow: 1px 0px 5px 1px #ccc;}
#post-list .entry-summary {text-align: justify;}
.section-title-1 span:after {
    content: "";
    display: table;
    clear: both;
    background: url(/wp-content/uploads/2019/12/line-1.png);
    width: 100%;
    height: 20px;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: top;
    padding-top: 0;
}
.tin-tuc .box-text-inner.blog-post-inner {padding-left: 50px;}
.tin-tuc .post-item > .col-inner {
    border: 1px solid #ddd;
    height: 100%;
}
.tin-tuc .col.post-item {padding: 0;}
.tin-tuc .box-text.text-left {padding: 10px;}
.badge.top {left:7px}
.entry-header-text {padding:0}
form.wpcf7-form input, form.wpcf7-form textarea {
    border: 1px solid #ddd;
    border-radius: 3px;
	font-size: 14px;
}
form.wpcf7-form .form-submit {
    background-image: -webkit-linear-gradient(top,#e10320,#b9031a);
    font-size: 14px;
}
li.tab.active.has-icon a span {
    font-weight: 600 !important;
}

@media only screen and (max-width: 48em) { /* Mobile */
	.woocommerce-tabs .product-tabs li {width: 50%;}
	ul.woocommerce-mini-cart.cart_list.product_list_widget a,.dinhit span.section-title-main {font-size: 14px;}
	.dinhit span.section-title-main:before {display:none}
	.header-main {background:#8dc73e}
	.icon-menu:before,.icon-shopping-basket:before {color:#fff}
	.icon-shopping-basket:after {background:none !important; border:1px solid #fff}
	/* LOGO */
	img.header_logo-dinhit.header-logo-dinhit {display: none;}
	img.header-logo-dark-dinhit {display: block}
	#shop-sidebar aside span.widget-title {margin-bottom:0}
	.col {padding-bottom:5px;}
	.category-page-row {padding-top: 15px;}
	.product-footer .tab-panels {border-radius: 0 0 5px 5px}
	.tin-tuc .post-item > .col-inner {border:0}
	.row .row:not(.row-collapse) {margin:0 !important}
	
}

/* Banner custom */
@media (max-width: 767px){
    .banner-top .banner-top-desktop{display: none;}
    .banner-top .banner-top-mobile{display: block;}
}
/* END banner custom */


@media (max-width: 849px){ /* iPad */	
	
}