/*
Theme Name: Dinhit - Website of Dinhit
Description: Dịch vụ SEO - Thiết kế website chuyên nghiệp, đa nền tảng, chuẩn SEO, bảo mật cao, hỗ trợ chứng chỉ SSL... Thông tin liên hệ số hotline: 0965.337.117
Author: Dinhit
Template: dinhit
Version: 3.0
*/
/*************** ADD CUSTOM CSS HERE. ***************/
@font-face {font-family: 'dinhit-menu'; src: url(/wp-content/themes/dinhit-child/font/dinhit-menu.otf);}
body {font-family: Helvetica !important}
.absolute-footer {padding: 10px 0 10px !important;}
img.header-logo-dark-dinhit,.site-logo {display: none}
#top-bar li a span {color:#666}
#logo img {max-height: 70px !important;}
/* Product sidebar */
aside#block_widget-3 {/* border: 1px solid #ddd; */ border-top: 2px solid #FFC107; border-bottom: 2px solid #51a800; border-left: 2px solid #FFC107; border-right: 2px solid #51a800; 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 #51a800; border-left: 2px solid #FFC107; border-right: 2px solid #51a800; 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 */
/* Mô tả danh mục sản phẩm */
.term-description {border-top: 2px solid #FFC107; border-bottom: 2px solid #51a800; border-left: 2px solid #FFC107; border-right: 2px solid #51a800; transition: ease-in-out 0.5s; border-radius: 5px; padding: 20px;}
/* END mô tả danh mục sản phẩm */
/* Checkout CSS border bắt buộc nhập */
.woocommerce-invalid input, .woocommerce-invalid span.select2-selection { box-shadow: none !important;}
.woocommerce-invalid span.select2-selection, .woocommerce-invalid.woocommerce-invalid-required-field textarea#order_comments {border-color: #b20000 !important;}
span.select2-selection__clear, div#customer_details .form-row label {display: none}
span.select2.select2-container.select2-container--default {width: 17% !important; float: left; margin-right: 10px;}
p#shipping_email_field {float: right; width: 48%;}
/* 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;}
div#product-55 {background: #fff;} /* Background */
.product-footer .woocommerce-tabs>.nav-line:not(.nav-vertical) {margin-top:0}
.product-main > .row {background: #fff; margin: 0 !important; padding: 13px 0; /* border: 1px solid #e8e8e8; */ border-top: 2px solid #FFC107; border-bottom: 2px solid #51a800; border-left: 2px solid #FFC107; border-right: 2px solid #51a800; 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 #FFC107; border-bottom: 2px solid #51a800; border-left: 2px solid #FFC107; border-right: 2px solid #51a800;} /* 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,#80c342,#51a800); 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 #51a800; border-left: 2px solid #FFC107; border-right: 2px solid #51a800;
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;text-align:justify;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 #51a800; border-left: 2px solid #FFC107; border-right: 2px solid #51a800;}
.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 #51a800; border-left: 2px solid #FFC107; border-right: 2px solid #51a800;}
.nav-tabs > li.active > a {border-top-color: red}
.tabbed-content .nav-tabs>li {margin-bottom: -2px;}
/* Tab đánh giá */
.has-border {border: 1px solid #ddd;}
/* 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;margin-right:5px}
.header:not(.transparent) .header-nav.nav>li>a {color:#3e7726 !important; font-family: Helvetica; font-size: 14px !important; text-transform: capitalize; letter-spacing: 0;}
.header-bottom li:after {
content: "";
border-right: 1px solid #ddd;
padding-left: 5px;
}
.an:after {display:none}
/* END Menu */
/* Back to top */
.back-to-top {bottom: 100px; background: rgba(0, 0, 0, 0) url("/wp-content/uploads/2019/12/to-top.png") no-repeat scroll -224px 0;}
.back-to-top:hover {background: rgba(0, 0, 0, 0) url("/wp-content/uploads/2019/12/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/12/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-text.text-center {border-top: 1px solid #ddd;}
.widget .current-cat>a {color:#444}
form.searchform {font-size: 14px;}
select.search_categories.resize-select.mb-0 {border-right: none;}
#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 */
h2.yikes-custom-woo-tab-title {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:1px solid #ddd; transition:ease-in-out 0.5s;border-radius: 0;}
.product-small > .col-inner:hover,.product-small.box.has-hover.box-normal.box-text-bottom:hover{border-top: 2px solid #51a800; border-bottom: 2px solid #FFC107; border-left: 2px solid #51a800; border-right: 2px solid #FFC107; 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 =================================*/
.slogan img.attachment-medium.size-medium {
background: #f7a43c;
padding: 10px;
border-radius: 50%;
height: 55px;
width: 55px;
}
.slogan .col-inner {
border: 1px solid #ddd;
padding: 10px;
}
.title-slogan {font-size:16px}
.content-slogan {font-size:14px; font-weight:600;}
.dinhit-title {
text-transform: uppercase;
font-size: 18px;
font-weight: 700;
background-color: #fff;
color: #163547;
padding: 4px 10px;
padding-left: 0;
border-bottom: 1.2px solid #ddd;
float: left;
}
/* Footer title */
.footer-title {
text-transform: uppercase;
font-size: 18px;
font-weight: 700;
color: #163547;
}
.footer-ul {font-size:14px;padding-left:15px}
.footer-ul li {list-style:circle}
.footer-ul li a {color:#666}
/* Header ul */
.header-ul {font-size: 14px;list-style:none}
.header-ul li {margin-right: 5px; display: inline-block;}
.a:after{
content: "";
border-right: 1px solid #ddd;
padding-left: 5px;}
/* Nút previous & next sản phẩm */
.dinhit .flickity-prev-next-button.previous,.dinhit .flickity-prev-next-button.next {
width: 25px;
height: 25px;
border: 1px solid #dfdfdf;
text-align: center;
font-size: 12px;
display: block;
background-color: #fff;
position: absolute;
opacity: 1;
-webkit-transition: .35s;
-o-transition: .35s;
transition: .35s;
position:absolute;
top:-45px;
right: 0.4%;
}
.dinhit .slider-nav-push .flickity-prev-next-button svg {margin-top: 0;}
.dinhit button.flickity-prev-next-button.previous {left:unset;right:4%;}
.dinhit button.flickity-prev-next-button.previous svg,.dinhit button.flickity-prev-next-button.next svg {color: #999;}
/* END Nút previous & next sản phẩm */
/* Nút xem thêm cạnh Nút previous & next sản phẩm */
.dinhit a.section-xemthem {
position: absolute;
right: 5.6%;
font-size: 14px;
color: #666;
border: 1px solid #ddd;
padding: 3px 10px;
top: -4px;
}
/* END Nút xem thêm cạnh Nút previous & next sản phẩm */
/* Đối tác */
.doitac img {height:80px !important;}
/* END đối tác */
/* Tìm kiếm nhiều nhất */
.tim-kiem-nhieu-nhat ul li ul li {border:none;list-style: circle;}
.tim-kiem-nhieu-nhat ul li ul li a {font-size:14px}
.tim-kiem-nhieu-nhat .tknn {border: 5px solid #ddd; padding: 10px;}
.header-bottom {background:#eee}
select.orderby {font-size: 14px;}
.secondary {background:#3e7726}
ul.menu>li+li {border:none}
.header-block-block-1 {height: 0; margin-top: -25px;}
.header-ul a {color:#666}
.button.icon.is-small {margin-top:-10px}
ul.woocommerce-error li div {font-size: 16px !important; padding: 0;}
#content img.attachment-medium.size-medium.wp-post-image {border: 1px solid #ddd;}
h1.entry-title {color:#51a800}
.post-sidebar.large-3.col h3 {margin-bottom:0}
.nav-dropdown-default {padding: 5px;}
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;
}
/*==================== Mobile ====================*/
@media only screen and (max-width: 48em) {
.woocommerce-tabs .product-tabs li {width: 50%;}
/* 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: 0;}
.category-page-row {padding-top: 15px;}
.product-footer .tab-panels {border-radius: 0 0 5px 5px}
/* Nút previous & next */
.dinhit .flickity-prev-next-button.previous,.dinhit .flickity-prev-next-button.next {top:-44px;}
.dinhit button.flickity-prev-next-button.next {right:2.7%}
.dinhit button.flickity-prev-next-button.previous {right:10%;}
/* Nút xem thêm cạnh nút previous & next */
.dinhit a.section-xemthem {right:15%;top:-3px;}
/* Slogan */
.title-slogan {font-size:14px;margin-bottom: 2px;}
.content-slogan {font-size:12px}
}
/* Banner custom */
@media (max-width: 767px){
.banner-top .banner-top-desktop{display: none;}
.banner-top .banner-top-mobile{display: block;}
}
/* END banner custom */