/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */
ins {
  text-decoration: none;
}
.header, .she-header-yes, .she-header-yes.e-con, .she-header {
	z-index: 8888!important;
}
/* ======================= CSS Box sản phẩm START ======================= */
.kdd__product-item .image a {
  width: 100%;
}

.kdd__product-item .title .elementor-heading-title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  height: 37px;
}
@media (max-width: 767px) {
	.kdd__product-item.flashsale-item .title .elementor-heading-title {
		 height: 32px;
	}
}

/* ======================= CSS Box sản phẩm END ======================= */

/* ======================= CSS Pagination START ======================= */
nav.elementor-pagination .page-numbers {
  width: 38px;
  height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  border: 1px solid transparent;
  text-decoration: none;
  border-radius: 5px;
}

nav.elementor-pagination .page-numbers.current {
  border-color: var(--e-global-color-primary);
}

.swiper-pagination-bullet-active {
  background-color: var(--e-global-color-primary);
  width: 32px !important;
  border-radius: 100px!important;
}

/* ======================= CSS Pagination END ======================= */

/* ======================= CSS Rank Math Breadcrumb START ======================= */
.rank-math-breadcrumb p {
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
  color: var(--e-global-color-text);
}

.rank-math-breadcrumb p a {
  color: var(--e-global-color-text);
	font-weight: 400;
}

/* ======================= CSS Rank Math Breadcrumb END ======================= */

/* ======================= CSS Post Content START ======================= */
.kdd__post-content a {
  color: var(--e-global-color-primary);
}

.kdd__post-content h1,
.kdd__post-content h2,
.kdd__post-content h3,
.kdd__post-content h4,
.kdd__post-content h5,
.kdd__post-content h6 {
  font-size: 20px;
  line-height: 1.4;
  font-weight: 600;
}

.kdd__post-content blockquote {
  padding: 16px 30px;
  margin: 0 0 16px 0;
  border-radius: 5px;
  border: 1px solid var(--e-global-color-primary);
  background-color: #00adef1f;
}

.kdd__post-content blockquote p:last-child {
  margin-bottom: 0;
}

.kdd__post-content .wp-caption-text {
  padding: 8px 12px;
  background-color: #00adef1f;
  text-align: center;
}

/* ======================= CSS Post Content END ======================= */

/* ======================= CSS Members Content START ======================= */
.woocommerce-account .woocommerce-MyAccount-navigation {
	width: 25%!important;
}
.woocommerce-MyAccount-content {
	width: 73%!important;
}
@media (max-width: 768px) {
	.woocommerce-account .woocommerce-MyAccount-navigation {
		width: 100%!important;
	}
	.woocommerce-MyAccount-content {
		width: 100%!important;
	}
}
/* ======================= CSS Members Content END ======================= */