/*
Theme Name: ichphe.vn
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/
/*************** ADD CUSTOM CSS HERE.   ***************/

p#billing_address_1_field {
    width: 100% !important;
}
.container-width, .full-width .ubermenu-nav, .container, .row {
    max-width: 1200px;
}
.container .woocommerce-tabs.wc-tabs-wrapper.container.tabbed-content {
    max-width: 860px;
}
@font-face {
    font-weight: 400;
    font-style: normal;
    font-family: ABook;
    src: url(/wp-content/themes/ichphe-vn/fonts/ABook_400.woff2) format("woff2"), url(/wp-content/themes/ichphe-vn/fonts/ABook_400.woff) format("woff");
}
@font-face {
    font-weight: 300;
    font-style: normal;
    font-family: ABook;
    font-display: fallback;
    src: url(/wp-content/themes/ichphe-vn/fonts/ABook_300.woff);
}
@font-face {
    font-weight: 700;
    font-style: normal;
    font-family: ABook;
    font-display: fallback;
    src: url(/wp-content/themes/ichphe-vn/fonts/ABook_700.woff);
}
h1, h2, h3, h4, h5, h6, .heading-font, .banner h1, .banner h2, .product-title h1, .off-canvas-center .nav-sidebar.nav-vertical > li > a {
    font-weight: 400 !important;
    font-family: ABook,Georgia,Times,serif !important;
}
p, a{
    font-family: ABook,Georgia,Times,serif;
	font-size:17px;
	font-weight:300;
	line-height:30px;
	color: #232f3e;
}
strong, b {
    font-weight: 600 !important;
}
blockquote, dl, figure, form, ol, p, pre, ul {
    margin-bottom: 10px;
	font-family: ABook,Georgia,Times,serif;
    font-weight: 300;
	text-align: justify;
}
.product-main {
    padding: 20px 0;
}
span.onsale {
    border-radius: 50%;
    background: #0a3f28;
    padding: 16px 5px 16px 5px;
    color: #fff;
}
.badge-container {
    margin: 20px 0 0;
}
.sticky-add-to-cart__product .product-title-small {
    line-height: 1.3;
    max-width: 250px;
    font-family: "Be Vietnam Pro", sans-serif;
}
.button, input[type=button].button, input[type=reset].button, input[type=submit], input[type=submit].button {
    font-family: "Be Vietnam Pro", sans-serif;
}
.product-info p.stock {
    font-weight: 300;
    background: #0a3f287d;
    color: #fff;
    padding: 5px 10px 5px 10px;
    border-radius: 5px;
}
.product-small .price-wrapper {
    margin-top: 15px;
    text-align: center;
    font-size: 18px;
}
li {margin-bottom: 0.1em;}
/** Rounded Thumbnails on the Product Page **/
.product-thumbnails a:hover, .product-thumbnails .is-nav-selected a { border-color: #c0c0c0; border-radius: 10%;}
.product-thumbnails img { border-radius: 10%;}

/*This CSS Code will help you to make your checkout as one page but don't hesitate to follow our tutorials on flatzone.cc.*/
.checkout_coupon {display: block !important;}
.woocommerce-info {display:none;}
/** END - Open automatically Checkout Coupon **/
/** Customize Fields of Chechout **/
.fl-labels .form-row input:not([type="checkbox"]), .fl-labels .form-row textarea, .fl-labels .form-row select {
	border-radius: 5px;
	box-shadow: none;
	border-color: #dcdcdc;
}
/** Cart Customize **/
.is-form, button.is-form, input[type='submit'].is-form, input[type='reset'].is-form, input[type='button'].is-form {
	border-radius: 10px;
}
/** END - Cart Customize **/

/*CSS OF CONTACT FORM FLAT YOU*/
.flat-you-form input:not([type="submit"]) {
    background-color: white;
    border-radius: 5px;
}
.form-flat input:not([type=submit]), .form-flat select, .form-flat textarea{
	background-color: white;
    border-radius: 5px;
}
.form-flat button, .form-flat input {
    border-radius: 8px;
}
.flat-you-form .button .form-flat {
	color: #3e454c;
    border-color: #dedede;
    border-radius: 0px;
    background: white;
}
.flat-you-form input[type='submit'] {
    width: 100%;
}
/*End_Contact form*/
.dm-widget-footer{padding-top: 5px;padding-left: 15px;}
.dm-widget-footer a{padding-left: 10px;}
.dv-khach-hang-html {margin-top: -10px;}
.about-footer-link{padding-top: 10px;}
.logo-gov{padding-top: 15px;}
.title-dvkh-footer {margin-bottom: 0px;}
/*blog style */
.entry-header-text {padding: 0.5em 0;}
.is-divider {display: none;}
.entry-content {padding-bottom: 0.5em;  padding-top: 0.5em;}
footer.entry-meta {display: none;}
p.logged-in-as {display: none;}
#comments .comment-respond .comment-reply-title {display: none;}
.col-blog_cat .box-text, .post-item .box-text {
    border: 1px solid #0a3f28;
    border-top: unset;
    padding: 10px;
    position: relative;
}
.col-blog_cat .box-text:before, .post-item .box-text:before {
    content: "";
    background-image: url(/wp-content/themes/ichphe-vn/icons/butterfly.svg);
    background-size: 50px;
    width: 50px;
    height: 50px;
    display: block;
    position: absolute;
    right: -15px;
    bottom: -15px;
}
/*Blog style_end */
/*Chat button on single product*/
#chatbuttons_singleproduct {
    float: left;
    clear: both !important;
    display: block !important;
    padding: 0px !important;
    width: 75% !important;
    margin: -12px 0px 5px 0px !important;
}
#chatbuttons_singleproduct > .chat_button {
    display: inline-block !important;
    float: left !important;
    padding: 0px !important;
    width: 49% !important;
}
#chatbuttons_singleproduct .chat_button:nth-child(1) {
    margin-right: 1%;
}
/*Chat button on single product_End*/

.below-tit-con-ngua {margin-top: -35px;}
.section-title-container {margin-bottom: 10px;}
.section-title b {background: 0 0;}
.section-title-center span {
    margin: 0 15px;
    font-weight: 400;
    text-transform: none;
}
.tit-con-ngua .section-title-center span:after, .feedback-title .section-title-center span:after, .blog-section-title .section-title-center span:after{
    content: "";
    display: table;
    clear: both;
    background: url(/wp-content/themes/ichphe-vn/icons/svg_title.svg);
    width: 100%;
    height: 28px;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: bottom;
    padding-top: 30px;
}
.huong-dan-pay {
    margin-top: 20px;
    margin-bottom: 20px;
    border: dashed 1px red;
    padding: 10px;
}
.footer-primary.pull-left {padding-top: 15px;}

/* Thay icon xóa sản phẩm */
.woocommerce a.remove {
    width: 30px;
    height: 22px;
    position: relative;
    transition: opacity 200ms;
    vertical-align: top;
    display: block;
    -webkit-appearance: none;
    background: none;
    border: none;
    cursor: pointer;
    outline: none;
    padding: 0;
    text-indent: -9999px;
}
.woocommerce a.remove:before, .woocommerce a.remove:after {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAQCAQAAACMnYaxAAAAXUlEQVR4XsWQQQrAQAgD84Pti/JSoaftN1MCdgXxXgYvGfUQyABE4DEIUJmeuKgVlJI5em0RGTesFXXZuLwCzvL2pYbHmfCTNSXxpyyajLGClFy7K1dgaaho7YYovIpO3rju6hYFAAAAAElFTkSuQmCC) 0 0 no-repeat;
    left: 8px;
    position: absolute;
    right: 8px;
    top: 2px;
    display: inline-block;
    content: '';
}
.woocommerce a.remove:before{
    height: 6px;
    transform-origin: -7% 100%;
    -moz-transform-origin: -7% 100%;
    -webkit-transform-origin: -7% 100%;
    transition: transform 150ms;
    -moz-transition: transform 150ms;
    -webkit-transition: transform 150ms;
    width: 14px;
}
.woocommerce a.remove:after{
    background-position: -1px -4px;
    height: 12px;
    margin-left: 1px;
    margin-right: 2px;
    margin-top: 4px;
    width: 11px;
}
.woocommerce a.remove:hover:before{
    transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transition: transform 250ms;
    -moz-transition: transform 250ms;
    -webkit-transition: transform 250ms;
}
.woocommerce a.remove:hover {background: transparent;}
/* end css trang giỏ hàng */

.feedback-section {padding-left: 0px !important; padding-right: 0px !important;}

@media only screen and (min-width: 550px) {
/*************** ADD Tablet and Desktop ONLY CSS HERE  ***************/
/*Cố định chiều cao tiêu đề sp
p.name.product-title a {
padding-top: 5px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
} */
.online-gov {max-width: 80% !important;}
h5.post-title.is-large{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	height: 43px
	}
}
p#billing_state_field {margin-right: 4% !important;}
@media only screen and (min-width: 850px) {
/*************** ADD Desktop ONLY CSS HERE  ***************/
.my-account .col-border+.col, .my-account .col-divided+.col {padding-left: 10px;}
.my-account .large-9 {flex-basis: 83%; max-width: 83%;}
.my-account .large-3 {flex-basis: 17%; max-width: 17%;}
}
@media only screen and (max-width: 849px) {
/*************** ADD TABLET ONLY CSS HERE  ***************/
.bailienquan img {width: 100% !important; min-width: 210px !important;}

}

@media only screen and (max-width: 549px) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
.about-footer-link{padding-left: 10px;}
.dm-widget-footer a{padding-left: 10px;}
.footer-col1 .is-border, .footer-col2 .is-border {border-right: 0;}
span.onsale {padding: 13px 5px 13px 5px; font-size: 13px;}
.badge-container {margin: 10px 0 0;}
h1 {font-size: 1.2em;}
.button-return-call {font-size: 13px; text-align: right;}
#chatbuttons_singleproduct {width: 100% !important;}
}

/* blog: CSS thẻ heading trong bài viết */
.blog-single .article-inner {counter-reset: section;}
/* h3 
.blog-single .article-inner h3 {
    position: relative;
    padding-left: 38px;
    border-bottom: 2px solid #004f28 ;
}
.blog-single .article-inner h3:before {
    content: counter(section);
    counter-increment: section;
    position: absolute;
    bottom:-1px;
    left: 0;
    color: #fff;
    z-index: 1;
    display: inline-block;
    width: 33px;
    background: #004f28;
    text-align: center;
} */
/* h2 */
.blog-single .article-inner h2 {
    position: relative;
    padding-left: 38px;
    border-bottom: 2px solid #004f28 ;
}
.blog-single .article-inner h2:before {
    content: counter(section);
    counter-increment: section;
    position: absolute;
    bottom: -1px;
    left: 0;
    color: #fff;
    z-index: 1;
    display: inline-block;
    width: 33px;
    background: #004f28;
    text-align: center;
}

/* lazy load wp rocket */
.lazyloading{opacity: 0;} 
.lazyloaded{
	-webkit-transition: opacity .3s ease-in;
	-moz-transition: opacity .3s ease-in;
	transition: opacity .3s ease-in;
	opacity: 1;
}
p.stock.in-stock {display: none !important;}