@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//gpldevkit.com/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=7.6.0") format("woff2");
	font-display:swap;
}

:root {
	--wd-text-font: "Inter", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(38,38,38);
	--wd-text-font-size: 16px;
	--wd-title-font: "Inter", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 700;
	--wd-title-transform: none;
	--wd-title-color: rgb(51,51,51);
	--wd-entities-title-font: "Inter", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-transform: none;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Nunito", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Inter", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 500;
	--wd-widget-title-transform: none;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Inter", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 400;
	--wd-header-el-transform: none;
	--wd-header-el-font-size: 16px;
	--wd-primary-color: rgb(39,174,96);
	--wd-alternative-color: rgb(52,152,219);
	--wd-link-color: rgb(255,179,0);
	--wd-link-color-hover: #242424;
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: rgb(39,174,96);
	--btn-accented-bgcolor-hover: rgb(52,152,219);
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
}
.woodmart-woocommerce-layered-nav .wd-scroll-content {
	max-height: 223px;
}
.wd-popup.wd-age-verify {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: rgb(72,118,202);
	background-image: url(https://gpldevkit.com/wp-content/uploads/2021/09/digitals-promo-popup.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	--wd-popup-width: 800px;
}
.page-title-default {
	background-color: rgb(72,118,202);
	background-image: url(https://gpldevkit.com/wp-content/uploads/2021/09/digitals-promo-popup.jpg);
	background-size: cover;
	background-position: center center;
}
.footer-container {
	background-color: rgb(51,51,51);
	background-image: none;
}
.page .main-page-wrapper {
	background-color: rgb(255,224,178);
	background-image: none;
}
.woodmart-archive-shop:not(.single-product) .main-page-wrapper {
	background-color: rgb(255,224,178);
	background-image: none;
}
.single-product .main-page-wrapper {
	background-color: rgb(255,224,178);
	background-image: none;
}
.woodmart-archive-blog .main-page-wrapper {
	background-color: rgb(255,224,178);
	background-image: none;
}
.single-post .main-page-wrapper {
	background-color: rgb(255,224,178);
	background-image: none;
}
.woodmart-archive-portfolio .main-page-wrapper {
	background-color: rgb(255,224,178);
	background-image: none;
}
.single-portfolio .main-page-wrapper {
	background-color: rgb(255,224,178);
	background-image: none;
}
.wd-popup.popup-quick-view {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 0px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 5px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 5px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--wd-brd-radius: 5px;
}

@media (min-width: 1239px) {
.platform-Windows .wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}

@media (min-width: 1222px) {
html:not(.platform-Windows) .wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


@font-face {
	font-family: "Inter";
	src: url("//gpldevkit.com/wp-content/uploads/2023/06/Inter-V.ttf") format("woff");
	font-weight: 400;
	font-display:swap;
	font-style: normal;
}

/* html {filter: grayscale(100%);} */

.woocommerce-breadcrumb .breadcrumb-last:last-child, .yoast-breadcrumb .breadcrumb_last:last-child {
    display: none;
}

.product_title {
    font-size: 24px;
    line-height: 1.2;
    --page-title-display: block;
}

.wd-nav[class*="wd-style-underline"] .nav-link-text {
    position: relative;
    display: inline-block;
    padding-block: 1px;
    line-height: 1.2;
    text-transform: capitalize;
}

.elementor-page-title, h1.entry-title {
    display: var(--page-title-display);
    text-transform: none;
}

.wd-entities-title a {
    color: inherit;
    text-transform: none;
}

.woocommerce-product-gallery .woocommerce-product-gallery__image {
    position: relative;
    overflow: hidden;
    /* border-radius: var(--wd-brd-radius); */
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
    transition: box-shadow 0.3s ease-in-out;
    border: 5px solid #fff;
}

.wd-entities-title a {
    color: inherit;
    text-transform: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    display: block;
    margin-bottom: 0.5em;
    font-size: 1em;
}



form.cart :where(.single_add_to_cart_button,.wd-buy-now-btn,.quantity) {
    flex: 0 0 auto;
    background-color: #27AE60;
    color: #FFFFFF;
}

.slider-title {
    position: relative;
    margin-bottom: 20px;
    padding-bottom: 10px;
    text-align: left;
    text-transform: none;
    font-size: 22px;
}

.woocommerce>.woocommerce-checkout {
    display: flex;
    align-items: flex-start;
    flex-wrap: nowrap;
    column-gap: 30px;
}

.version-highlight {
  color: #ffffff; /* Màu chữ trắng */
  background-color: #27AE60; /* Màu nền đỏ */
  padding: 2px 6px; /* Đệm xung quanh chữ */
  border-radius: 4px; /* Bo tròn góc */	
  font-size: 18px; /* Đặt kích thước chữ */
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2); /* Tạo bóng đổ nhẹ */
}

.woocommerce-MyAccount-downloads-file {
    border-radius: var(--btn-accented-brd-radius);
    color: var(--btn-accented-color);
    box-shadow: var(--btn-accented-box-shadow);
    background-color: var(--btn-accented-bgcolor);
    text-transform: var(--btn-accented-transform, var(--btn-transform));
    font-weight: var(--btn-accented-font-weight, var(--btn-font-weight));
    font-family: var(--btn-accented-font-family, var(--btn-font-family));
    font-style: var(--btn-accented-font-style, var(--btn-font-style));
    text-transform: none;
    line-height: 1.6em;
}

.login-form-footer {
	  display: flow;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 10px;
}

.cart-content-wrapper>.cart-totals-section .cart-totals-inner {
    padding: 25px;
    /* border: 1px solid var(--brdcolor-gray-200); */
    /* border-radius: var(--wd-brd-radius); */
    border: 1px solid #ccc;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    padding: 20px;
}

.cart-content-wrapper>*:not(:is(.cart-data-form,.cart-totals-section)) {
    max-width: 100%;
    width: 100%;
    display: none;
}

h2 {
  font-size: 18px;
	font-weight: 600;
	line-height: 1.4em;
}

h3 {
  font-size: 16px;
	font-weight: 600;
	line-height: 1.4em;
}

.elementor-page-title, h1.entry-title {
  font-size: 24px;
	font-weight: 600;
	line-height: 1.4em;
}

.entry-meta-list {
    list-style: none;
    --li-pl: 0;
    --list-mb: 0;
    --li-mb: 0;
    display: none;
}

.product-last-updated {
    display: block; /* or inline-block, depending on your layout */
    color: #555; /* Change this to the color you want */
    font-size: 14px; /* Change this to the size you want */
    margin-top: 5px; /* Adjust the space as needed */
}

.home .product .price {
    display: none;
}

.wd-product .price {
    display: none !important;
}


// Tao mo hinh anh san pham
.woocommerce-product-gallery .woocommerce-product-gallery__image {
  position: relative;
  overflow: hidden;
}

.woocommerce-product-gallery .woocommerce-product-gallery__image img {
  transition: opacity 0.3s ease-in-out;
}

.woocommerce-product-gallery .woocommerce-product-gallery__image::before {
  content: '';
  background: url('https://gpldevkit.com/wp-content/uploads/2024/04/bgbx600x300-gpldevkit.png') no-repeat center center;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}

.woocommerce-product-gallery .woocommerce-product-gallery__image:hover img {
  opacity: 0; /* Làm mờ hình ảnh gốc */
}

.woocommerce-product-gallery .woocommerce-product-gallery__image:hover::before {
  opacity: 1; /* Hiển thị hình ảnh thay thế */
}


/* Thêm hiệu ứng bóng đổ và nâng cao sản phẩm khi rê chuột vào */
.product-wrapper:hover {
  
	box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.4); /* Bóng đổ mạnh mẽ hơn */
  transform: translateY(-10px); /* Di chuyển sản phẩm lên cao hơn khi hover */
  transition: all 0.3s ease; /* Chuyển đổi mượt mà */
}

/* Đảm bảo rằng sản phẩm trở về vị trí ban đầu khi không hover */
.product-wrapper {
  transition: all 0.3s ease;
}


/* Đoạn code về hiệu ứng sub menu */
/* Hiển thị sub menu khi hover vào mục cha */
header .elementor-widget-container .wd-sub-menu .item-with-label:hover .sub-sub-menu {
    display: block;
}

/* Màu nền và màu chữ của mục sub menu khi hover */
header .elementor-widget-container .wd-sub-menu .item-with-label a:hover {
    background-color: #72CF00; /* Màu nền xanh lá cây khi hover */
    color: #ffffff !important; /* Màu chữ trắng khi hover */
    padding: 10px 15px; /* Thêm khoảng cách padding cho cân đối */
    border-radius: 5px; /* Bo tròn các góc */
    transition: background-color 0.3s ease, color 0.3s ease; /* Thêm hiệu ứng chuyển đổi */
}

/* Màu nền và màu chữ của mục hiện tại */
header .elementor-widget-container .wd-sub-menu .item-with-label.current-menu-item a {
    background-color: #b71c1c; /* Màu nền xanh lá cây */
    color: #ffffff; /* Màu chữ trắng */
    padding: 10px 15px; /* Thêm khoảng cách padding cho cân đối */
    border-radius: 5px; /* Bo tròn các góc */
}

/* Màu chữ của mục trong sub menu */
header .elementor-widget-container .wd-sub-menu .item-with-label a {
    color: #000000; /* Màu chữ mặc định */
    padding: 10px 15px; /* Thêm khoảng cách padding cho cân đối */
    transition: color 0.3s ease, background-color 0.3s ease; /* Thêm hiệu ứng chuyển đổi màu chữ và màu nền */
}

/* Màu chữ và màu nền khi hover vào mục trong sub menu */
header .elementor-widget-container .wd-sub-menu .item-with-label:hover > a {
    color: #ffffff !important; /* Màu chữ khi hover */
    background-color: #b71c1c; /* Màu nền khi hover */
}

/* 🌟 Căn chỉnh chung cho tất cả các trường */
/* 🌟 Căn chỉnh chung cho các trường */
/* 🌟 Căn chỉnh chung */
/* 🌟 Căn chỉnh chung */
.woodmart-product-version,
.woodmart-modify-date,
.woodmart-author-website {
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
}

/* 🔹 Tiêu đề (Phiên bản, Ngày cập nhật, Live Demo) */
.woodmart-product-version .version-label,
.woodmart-modify-date strong,
.woodmart-author-website strong {
    margin-right: 8px; /* Khoảng cách giữa tiêu đề và giá trị */
}

/* 🔹 Giá trị (Phiên bản, Ngày cập nhật, Live Demo) */
.woodmart-product-version .version-value,
.woodmart-modify-date .date-value,
.woodmart-author-website a {
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
}

/* 🟥 Phiên bản - Màu chữ đỏ */
.woodmart-product-version .version-value {
    color: #ff3d00; /* Màu đỏ */
}

/* 📅 Ngày cập nhật - Màu chữ xám đậm */
.woodmart-modify-date .date-value {
    color: #555;
}

/* 🔗 Live Demo - Màu chữ xanh dương */
.woodmart-author-website a {
    color: #3498db;
    text-decoration: none;
    transition: color 0.3s;
}

.woodmart-author-website a:hover {
    color: #2980b9; /* Màu xanh đậm khi hover */
}

.only-inside {
  display: none;
}

.single .only-inside {
  display: block;
}