/*!
Theme Name: Kadence Child
Theme URI: https://www.kadencewp.com/kadence-theme/
Template: kadence
Author: Kadence WP
Author URI: https://www.kadencewp.com/
Description: A child theme for the Kadence Theme.
Version: 1.0.0
License: GNU General Public License v3.0 (or later)
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: kadence-child
*/

/* Theme customization starts here
-------------------------------------------------------------- */

:root {
	/*
	 * color trong customizer
	 */
	--body-color: #333333;
    --my-color-1: #f36232;
    --my-color-2: #126d70;

	--my-button-padding: 10px 25px 10px 25px;
	--my-button-border-radius: 8px;
	--my-button-border-color: var(--global-palette3);
	--my-button-bg-color: var(--global-palette3);
	--my-button-color: #fff;
	--my-button-hover-border-color: var(--global-palette2);
	--my-button-hover-bg-color: var(--global-palette2);
	--my-button-hover-color: #fff;
}

a, a:hover, a:focus {
    text-decoration: none;
}

/*=============================================
=            Utility            =
=============================================*/
/*---------- Image full height ---------- */
figure.is-style-full-height { height: 100% ; }
figure.is-style-full-height img { height: 100%; object-fit: cover; }

/*---------- Spacing ---------- */
.m-b-0 {
    margin-bottom: 0 !important;
}

/*=============================================
=            Override Kadence            =
=============================================*/
/*---------- layout ---------- */
.content-title-style-hide .content-area {
    margin-top: 0;
}

.grid-cols {
    gap: 2rem;
}

.pagination {
    text-align: center;
}

@media screen and (min-width: 1025px) {
    .has-sidebar .content-container {
        grid-gap: 2.5rem;
    }
}

@media(min-width: 1200px) {
    .content-width-fullwidth .entry-content-wrap {
        padding: 0;
    }
}

/*---------- slider ---------- */
.kt-blocks-carousel .slick-prev, .kt-blocks-carousel .slick-next {
    height: 30px;
    width: 30px;
    border-radius: 50%;
}

.kt-blocks-carousel .slick-dotted.slick-slider {
    margin-bottom: 0;
}

.kt-blocks-carousel {
    padding: 0;
}

.kt-blocks-carousel.has-dots-inside .slick-dots {
    bottom: 15px;
}

.kb-blocks-advanced-carousel .slick-dots {
    bottom: 15px;
}

.kb-blocks-portfolio-grid-item {
    background-color: transparent;
}

.wp-block-kadence-testimonials .splide .splide__pagination {
    bottom: 0;
}

.wp-block-kadence-testimonials .kt-blocks-carousel {
    padding-bottom: 0;
}

.splide__list {
    transform-style: initial;
}

.splide.splide-initial .splide__list {
    transition-timing-function: ease-in-out !important;
}

.splide .splide__arrow {
    height: 2rem;
    width: 2rem;
    border-radius: 50%;
}

/*---------- Gallery ---------- */
.wp-block-kadence-advancedgallery .kt-blocks-carousel-init[data-slider-dots=true] {
    padding-bottom: 20px;
}

.wp-block-kadence-advancedgallery .kb-gallery-type-slider .kt-blocks-carousel {
    overflow: visible;
}

.wp-block-kadence-advancedgallery.has-dots-inside .splide .splide__pagination{
    bottom: 20px
}

@media(min-width: 1024px) {
    .wp-block-kadence-advancedgallery.has-arrows-outside .kt-blocks-carousel .splide__arrow--prev{
        left: -40px
    }

    .wp-block-kadence-advancedgallery.has-arrows-outside .kt-blocks-carousel .splide__arrow--next{
        right: -40px
    }
}

/*---------- Info box ---------- */
.kt-blocks-info-box-link-wrap { background: transparent; }

/*---------- Portfolio Grid ---------- */
/* Luôn hiện title */
.kb-blocks-portfolio-content-hover-zoomin .kb-blocks-portfolio-grid-item .kb-portfolio-content-item-inner {
    opacity: 1;
}

.wp-block-kadence-portfoliogrid .kb-blocks-portfolio-grid-item .kb-portfolio-overlay-color {
    background: rgba(0, 0, 0, .3);
}

/*---------- Other ---------- */
.single-content h1, .single-content h2, .single-content h3, .single-content h4, .single-content h5, .single-content h6 {
    margin-top: auto;
}

.single-content figure {
    line-height: 0;
}

.single-content p {
    margin-bottom: .5rem;
}

.single-content p + .wp-block-image {
    margin-top: 1rem;
}

.single-content .wp-block-kadence-iconlist {
    margin-bottom: .5rem;
}

::placeholder {
    color: var(--global-palette4);
}

.kt-blocks-info-box-text {
    color: var(--global-palette3,#444);
}

/*=============================================
=            Polylang            =
=============================================*/
.wp-block-polylang-language-switcher {
    margin: 0;
    padding: 0;
    display: flex;
    gap: 10px;
}

.wp-block-polylang-language-switcher .lang-item {
    margin: 0;
    padding: 0;
    list-style: none;
}

.menu-item.lang-item img {
    width: 23px !important;
    height: 16px !important;
    display: inline-block;
}

/*=============================================
=            Blocks            =
=============================================*/
.wp-block-kadence-advancedheading.is-style-section-title,
.kb-advanced-heading-link.is-style-section-title .wp-block-kadence-advancedheading {
    font-weight: 400;
    color: var(--my-color-2);
}

.wp-block-kadence-advancedheading.is-style-section-title mark.kt-highlight {
    color: var(--my-color-1);
}

.wp-block-kadence-advancedheading.is-style-section-subtitle,
.kb-advanced-heading-link.is-style-section-subtitle .wp-block-kadence-advancedheading  {
    font-weight: 400;
    text-transform: uppercase;
    color: var(--my-color-2);
}

.wp-block-kadence-advancedheading.is-style-section-subtitle mark.kt-highlight {
    color: var(--my-color-1);
}


/*=============================================
=            Widgets            =
=============================================*/
.primary-sidebar.widget-area .widget {
    margin-bottom: 2rem;
}

.primary-sidebar.widget-area .widget-title {
    border-bottom: 2px solid #e7e7e7;
    padding-bottom: 10px;
    font-weight: 500 !important;
    position: relative;
    margin-bottom: 20px;
}
.primary-sidebar.widget-area .widget-title:after {
    display: block;
    content: '';
    background: var(--my-color-2);
    height: 2px;
    width: 33%;
    position: absolute;
    bottom: -2px;
}

/* Widget categories */
.widget_categories>ul li {
    position: relative;
    display: flex;
    gap: 10px;
    align-items: center;
}

.widget_categories>ul li a {
    border-bottom: none;
}

.widget_categories>ul li:before {
    display: block;
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='currentColor' class='bi bi-chevron-right' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
    height: 10px;
    width: 10px;
}

/*=============================================
=            Header            =
=============================================*/
.site-main-header-wrap {
    box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.05);
}

.site-bottom-header-wrap {
    box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.05);
}

/*---------- Social icon ---------- */
a.social-button.social-link-custom1 {
    background: #F36232;
}

a.social-button.social-link-custom2 {
    background: #0f58c5;
}


/*=============================================
=            Archives dạng portfolio            =
=============================================*/
.is-style-post-grid-portfolio .loop-entry {
    --item-overlay-bg: rgba(0, 0, 0, .3);
    --item-overlay-border-position: 0;
    --item-overlay-border-opacity: 0;
    --item-image-transform: scale(1.05);
    --item-content-transform: scale(.85);

    position: relative;
    overflow: hidden;
}

.is-style-post-grid-portfolio .loop-entry .post-thumbnail,
.is-style-post-grid-portfolio .loop-entry:before,
.is-style-post-grid-portfolio .loop-entry:after,
.is-style-post-grid-portfolio .loop-entry .entry-content-wrap {
    transition: all .35s ease-in-out;
}

.is-style-post-grid-portfolio .loop-entry .post-thumbnail {
    margin-bottom: 0 !important;
    transform: var(--item-image-transform);
}

.is-style-post-grid-portfolio .loop-entry:before,
.is-style-post-grid-portfolio .loop-entry:after {
    display: block;
    content: '';
    position: absolute;
    z-index: 1;
}

.is-style-post-grid-portfolio .loop-entry:before {
    width: 100%;
    height: 100%;
    background: var(--item-overlay-bg);
}

.is-style-post-grid-portfolio .loop-entry:after {
    top: var(--item-overlay-border-position);
    bottom: var(--item-overlay-border-position);
    left: var(--item-overlay-border-position);
    right: var(--item-overlay-border-position);
    opacity: var(--item-overlay-border-opacity);
    border: 1px solid rgba(255, 255, 255, 0.8);
}

.is-style-post-grid-portfolio .loop-entry .entry-content-wrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 20px !important;
    transform: var(--item-content-transform);
    z-index: 2;
}

.is-style-post-grid-portfolio .loop-entry a,
.is-style-post-grid-portfolio .loop-entry a:hover {
    color: #fff;
}

.is-style-post-grid-portfolio .loop-entry .entry-header .entry-title {
    font-size: 24px;
    text-align: center;
}

.is-style-post-grid-portfolio .loop-entry .more-link-wrap {
    margin-top: 0;
}

.is-style-post-grid-portfolio .loop-entry .post-more-link {
    text-transform: none;
    font-size: 16px;
    font-weight: normal;
}

.is-style-post-grid-portfolio .loop-entry:hover {
    --item-overlay-bg: rgba(23, 104, 234, 0.5);
    --item-overlay-border-position: 15px;
    --item-overlay-border-opacity: 1;
    --item-image-transform: none;
    --item-content-transform: none;
}

/*=============================================
=            Single post            =
=============================================*/
.entry-related-inner-content {
    padding-left: var(--global-content-edge-padding);
    padding-right: var(--global-content-edge-padding);
}

.entry-related-carousel .loop-entry .entry-header .entry-title {
    margin-top: 10px;
}

.entry-related-inner-content .entry-meta {
    display: none;
}

.entry-related-inner-content .splide .splide__arrow--prev {
    left: -40px;
}

.entry-related-inner-content .splide .splide__arrow--next {
    right: -40px;
}

/*=============================================
=            Products            =
=============================================*/
.woocommerce,
.wc-block-grid__products {
    --wc-price-color: #f94073;
    --wc-single-image-width: 40%;
    --wc-single-image-margin: 3%;
}

/*---------- Grid (archive + woo blocks) ---------- */
.theme-twentytwenty .wc-block-grid.has-4-columns:not(.alignwide):not(.alignfull) .wc-block-grid__product, .theme-twentytwenty .wc-block-grid.has-5-columns.alignfull .wc-block-grid__product, .wc-block-grid.has-4-columns:not(.alignwide):not(.alignfull) .wc-block-grid__product, .wc-block-grid.has-5-columns.alignfull .wc-block-grid__product {
    font-size: 1em;
}

.woocommerce ul.products li.product h3, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product .woocommerce-loop-category__title,
.wc-block-grid__product .wc-block-grid__product-title {
    font-size: 18px;
}

.woocommerce ul.products li.product .price,
.wc-block-grid__product-price {
    font-size: 18px;
    color: var(--wc-price-color);
}

.woocommerce ul.products li.product .entry-content-wrap,
#wrapper .wc-block-grid .wc-block-grid__products .product-loop-boxed .entry-content-wrap, #wrapper .wc-block-grid .wc-block-grid__products .woo-archive-action-on-hover .entry-content-wrap {
    transition-duration: .1s;
}

/*---------- Single ---------- */
.woocommerce div.product div.images, .woocommerce #content div.product div.images, .woocommerce-page div.product div.images, .woocommerce-page #content div.product div.images {
    width: var(--wc-single-image-width);
    margin-right: var(--wc-single-image-margin);
}

.woocommerce div.product div.summary, .woocommerce #content div.product div.summary, .woocommerce-page div.product div.summary, .woocommerce-page #content div.product div.summary {
    float: none;
    width: auto;
    overflow: hidden;
}

.woocommerce div.product .product_title {
    font-size: 2rem;
}

.woocommerce div.product .product_meta {
    padding-top: 30px;
    border-top: 1px solid #e0e0e0;
}

.woocommerce div.product .product_meta>span {
    font-size: 1rem;
    font-weight: 400;
    color: inherit;
}

.woocommerce div.product div.summary .price {
    color: var(--wc-price-color);
}

/*---------- Widgets ---------- */

/* Block filter by price */
.wc-block-components-price-slider--is-input-inline .wc-block-components-price-slider__controls .wc-block-components-price-slider__amount {
    max-width: 120px;
}

/* Widget Filter by price */
.woocommerce.widget_price_filter .price_slider_amount .button {
    padding: 0.4em 1em;
}

/* Widget product categories */
.woocommerce.widget_product_categories>ul li {
    position: relative;
    display: flex;
    gap: 10px;
    align-items: center;
}

.woocommerce.widget_product_categories>ul li a {
    border-bottom: none;
}

.woocommerce.widget_product_categories>ul li:before {
    display: block;
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='currentColor' class='bi bi-chevron-right' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
    height: 10px;
    width: 10px;
}

/* Widget Products */
.woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img {
    width: 80px;
}

/* Product carousel */
@media(min-width: 1024px) {
    .kt-blocks-product-carousel-block.kt-blocks-carousel .splide__arrow--prev{
        left: -40px
    }

    .kt-blocks-product-carousel-block.kt-blocks-carousel .splide__arrow--next{
        right: -40px
    }
}

/*=============================================
=            Home            =
=============================================*/

/*---------- Banner ---------- */
.home-banner {
	--heading-fs: 30px;
	--heading-margin: 0 0 20px 0;
	--heading-color: #fff;
	--heading-lh: 1.15;
	--description-fs: 16px;
	--description-width: 80%;
	--description-margin: 0 auto 20px;
	--description-color: #fff;
	--content-align: center;
	--content-valign: center;
	--button-border-width: 1px;
	--button-border-radius: 6px;
	--button-border-color: #fff;
	--button-bg-color: transparent;
	--button-color: #fff;
	--button-hover-bg-color: var(--my-color-1);
	--button-hover-border-color: var(--my-color-1);
	--button-hover-color: #fff;
	--button-fs: 16px;
	--button-text-transform: uppercase;
	--banner-dot-bottom: 10px;
	--banner-height: 500px;
}

.home-banner .kt-blocks-carousel .slick-dots {
    bottom: 20px;
}

.home-banner .wp-block-getwid-media-text-slider-slide__content {
	height: var(--banner-height);
}

.home-banner .banner-heading {
	font-size: var(--heading-fs);
	line-height: var(--heading-lh);
	margin: var(--heading-margin);
	color: var(--heading-color);
}

.home-banner .banner-description {
	max-width: var(--description-width);
	margin: var(--description-margin);
	color: var(--description-color);
	font-size: var(--description-fs);
}

.home-banner .banner-button {
	border: 1px solid;
	border-radius: var(--button-border-radius);
	background-color: var(--button-bg-color);
	border-color: var(--button-border-color);
	color: var(--button-color);
	font-size: var(--button-fs);
	text-transform: var(--button-text-transform);
	padding: var(--my-button-padding);
}

.home-banner .banner-button:hover {
	background-color: var(--button-hover-bg-color);
	border-color: var(--button-hover-border-color);
	color: var(--button-hover-color);
}

@media(min-width: 1200px) {
	.home-banner {
		--heading-fs: 90px;
		--heading-margin: 0 0 20px 0;
		--description-fs: 16px;
		--description-width: 800px;
		--description-margin: 0 auto 20px;
		--banner-height: 800px;
	}
}

/*---------- About ---------- */
.home-benh-box > .kt-inside-inner-col::after {
    display: block;
    content: '';
    position: absolute;
    top: 20px;
    bottom: 20px;
    left: 20px;
    right: 20px;
    border: 1px solid var(--my-color-2);
    border-radius: 20px;
}

/*---------- Product tabs ---------- */
.wp-block-kadence-tab .wc-block-grid .wc-block-grid__products {
    column-gap: 1.5rem;
    row-gap: 1.5rem;
}

.content-area
{
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: center center;
    background-image: url(https://handhand.com.vn/wp-content/uploads/2023/07/hah-bg-new-8.jpg);
}

.woocommerce ul.products li.product .product-details .woocommerce-loop-product__title  { font-weight: bold; }

.kt-blocks-post-grid-item .kt-blocks-post-grid-item-inner { background-color: #fff; }

.kt-blocks-post-loop-block .kt-post-grid-layout-grid-wrap>.kt-blocks-post-grid-item { background-color: #fff; }

.page-template-default .content-area, .post-type-archive-product .content-area,
.single-product .content-area, .tax-product_cat .content-area, .blog .content-area,
.single-post .content-area
{
	padding-top: 5rem;
    padding-bottom: 5rem;
    margin-top: 0;
    margin-bottom: 0;
}

.home .content-area { padding-top: 0; padding-bottom: 0; }

.blog .entry-content-wrap { padding: 15px 25px !important; }

.main-navigation .primary-menu-container > ul > li.menu-item > a
{
	padding-left: calc(1.4em / 2);
    padding-right: calc(1.4em / 2);
}

.archive.content-style-unboxed .entry-content-wrap { padding: 15px; }

.sidebar-inner-wrap { padding-top: 20px; }

#archive-container { padding-top: 20px; }

.category .content-area { margin-top: 0; margin-bottom: 0; }

.header-navigation .header-menu-container ul ul li.menu-item > a { width: 250px; }

#nav_menu-6 h2.widget-title, #nav_menu-7 h2.widget-title
{
	color: #171a89;
    font-size: 26px;
}