/*!
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: #941a3e;
    --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;
}

p {
    margin-block-start: 0em;
}

/*=============================================
=            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;
}

/*---------- Flex ---------- */
.align-center {
    align-items: center;
}

/*=============================================
=            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
}

.wp-block-kadence-advancedgallery.align-center .kb-gallery-type-grid {
    align-items: center;
}

@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.wp-block-image {
    line-height: 0;
}

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

.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);
}

.kb-advanced-heading-link span.wp-block-kadence-advancedheading {
    display: inline-block !important;
}

/*=============================================
=            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: 600;
    color: var(--my-color-1);
    font-size: 32px;
}

.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: #fff;
}

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


/*=============================================
=            Widgets            =
=============================================*/
.widget-area a:where(:not(.button):not(.wp-block-button__link):not(.wp-element-button)):hover {
    text-decoration: none;
}

.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-1);
    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: '';
    color: #f7b518;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='%23f7b518' 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 Post Grid */
.primary-sidebar .kb-posts.kb-posts-style-unboxed.grid-lg-col-1.item-image-style-beside article.loop-entry {
    column-gap: 1em;
}
/*=============================================
=            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);
}

.transparent-header .site-main-header-wrap {
    box-shadow: none;
}

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

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

/*=============================================
=            Footer            =
=============================================*/
.footer-menu .wp-block-navigation__container {
    gap: 20px;
}

@media(max-width:767px) {
    .footer-menu .wp-block-navigation__container {
        row-gap: 20px;
        column-gap: 40px;
        justify-content: center;
    }
}

/*=============================================
=            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 {
    background-color: transparent;
}
.entry-related-inner-content {
    padding-top: 30px;
    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;
}

/*=============================================
=            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;
}

html.pum-open.pum-open-overlay.pum-open-scrollable body>:not([aria-modal=true]) {
    padding-right: 0;
}

.pum-theme-enterprise-blue .pum-container
{
	padding: 20px !important;
    border-radius: 0 !important;
    border: none !important;
    box-shadow: none !important;
	background-color: transparent !important;
}

@media (max-width: 480px)
{
	.pum-theme-enterprise-blue .pum-content iframe { height: 220px !important; }
}

.single-content .wp-block-image.custom-home-img figure { margin-bottom: 0; }

h3.custom-head-title { font-weight: normal; }

@media screen and (max-width: 767px) {
  .kt-inner-column-height-full.kt-mobile-layout-row {
      grid-auto-rows: minmax(0,1fr);
  }
}

.kadence-sticky-header .site-main-header-inner-wrap { min-height: 60px; }

#gom-all-in-one {
    display: flex;
	flex-direction: column-reverse;
}

.entry-hero h1.page-title { color: #fff; }

.entry-hero h1.entry-title { color: #fff; }

.wp-site-blocks .page-title h1 { color: #fff; }

.kadence-breadcrumb-container { color: #fff; }

.blog .content-area, .single-post .content-area, .archive .content-area {
	margin-top: 3rem;
    margin-bottom: 3rem;
}

h2.custom-head-title-1
{
	border: 1px solid #941a3e;
    width: 30%;
    margin: 0 auto;
    margin-bottom: 30px;
    border-radius: 10px;
}

h2.custom-head-title-2
{
	border: 1px solid #941a3e;
    width: 40%;
    margin: 0 auto;
    margin-bottom: 30px;
    border-radius: 10px;
}

@media (max-width: 480px)
{
	h2.custom-head-title-1, h2.custom-head-title-2 { 
		width: 100%; 
		padding: 5px;
		line-height: 38px;
	}
	
	h2.is-style-section-title { line-height: 38px; }
}

.custom-partner-slider .kb-gallery-ul.kb-gallery-type-carousel .kadence-blocks-gallery-item .kadence-blocks-gallery-item-inner .kb-gallery-image-contain.kadence-blocks-gallery-intrinsic.kb-gallery-image-ratio-inherit
{
	padding-bottom: 50%;
}

.main-navigation .primary-menu-container > ul li.menu-item > a { font-size: 15px; }

.single-gpc_project .single-content, .single-post .single-content { text-align: justify; }

.single-gpc_project .content-area { margin-top: 3rem; margin-bottom: 3rem; }

@media only screen and (max-width: 768px)
{
	.single-gpc_project .single-content, .single-post .single-content { font-size: 16px; }
}

.entry-hero-container-inner .entry-header { min-height: 120px; }

.kadence-breadcrumbs { margin: 5px; }