/*!
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
*/

:root {
	/*
	 * color trong customizer
	 */
	--body-color: #2d3054;

    --gpc-color-primary: #00A99E;

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

/*---------- Padding margin ---------- */
.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(min-width: 1200px) {
    .content-width-fullwidth .entry-content-wrap {
        padding: 0;
    }
}

/*---------- slider ---------- */
.kt-blocks-carousel .slick-prev, .kt-blocks-carousel .slick-next {
    height: 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;
}

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

/*---------- Modal ---------- */
.kadence-block-pro-modal .kt-modal-container, .kadence-block-pro-modal .kt-modal-overlay {
    will-change: unset;
}

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

/*=============================================
=            Social Share icons (shortcode [gpc_share_icons])            =
=============================================*/

.share-buttons {
    margin: 1.5rem 0;
}

.share-buttons__title {
    font-weight: 600;
    margin-bottom: 8px;
}

.share-buttons__wrapper {
    display: flex;
    gap: 5px;
}

.share-buttons__link {
    display: flex;
    width: 30px;
    height: 30px;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    color: #fff;
    background-color: #0093d6;
}

.share-buttons__link.is-twitter {
    background-color: #03A9F4;
}

.share-buttons__link.is-facebook {
    background-color: #6284B6;
}

.share-buttons__link.is-whatsapp {
    background-color: #4CAF50;
}

.share-buttons__link.is-linkedin {
    background-color: #1a7baa;
}

.share-buttons__link.is-pinterest {
    background-color: #bd081c;
}

.share-buttons__link:hover {
    opacity: .8;
    color: #fff;
}

/*=============================================
=            Blog posts           =
=============================================*/
#archive-container {
    --list-image-content-gap: 1rem;
    --list-row-gap: 2.5rem;
    --list-grid-columns: 1fr 2fr;

    --entry-header-margin: 0 0 1rem 0;
    --entry-meta-margin: 0.5rem 0;
    --entry-summary-margin: 1rem 0;
    --entry-summary-fs: 14px;
}

.post-archive .loop-entry .entry-meta {
    margin: var(--entry-meta-margin);
}

.post-archive .loop-entry .entry-header {
    margin: var(--entry-header-margin);
}

.post-archive .loop-entry .entry-summary {
    font-size: var(--entry-summary-fs);
    margin: var(--entry-summary-margin);
}

.post-archive .loop-entry .entry-summary p {
    margin: 0;
}

.post-archive .loop-entry .entry-footer .more-link-wrap {
    margin: 0;
}

/*---------- Dạng list ---------- */
@media(min-width: 768px) {
    .archive.content-style-unboxed .grid-lg-col-1 {
        row-gap: var(--list-row-gap);
    }

    .archive.content-style-unboxed .grid-lg-col-1.item-image-style-beside article.loop-entry {
        grid-gap: var(--list-image-content-gap);
    }

    .grid-lg-col-1.item-image-style-beside article.loop-entry.has-post-thumbnail:not(.kb-post-no-image) {
        grid-template-columns: var(--list-grid-columns);
    }

    /* Featured image full height */
    .archive.content-style-unboxed .grid-lg-col-1.item-image-style-beside article.loop-entry .post-thumbnail,
    .archive.content-style-unboxed .grid-lg-col-1.item-image-style-beside article.loop-entry .post-thumbnail .post-thumbnail-inner {
        height: 100%;
    }
}

/*---------- Pagination ---------- */
.pagination .page-numbers {
    border-width: 1px;
    margin-right: 4px;
}

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

.entry-related-inner-content.alignwide {
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
}

@media (min-width: 1430px) {
    .wp-site-blocks .content-container .alignwide {
        margin-left: 0;
        margin-right: 0;
        width: unset;
        max-width: unset;
    }
}

.entry-related-inner-content .entry.loop-entry {
    background-color: transparent;
    box-shadow: none;
}

.entry-related-inner-content .entry.loop-entry .entry-content-wrap {
    padding: 0;
}

.entry-related-carousel .loop-entry .entry-header .entry-title {
    margin-top: 16px;
    font-size: 16px;
    font-weight: 500;
}

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

/* Post View Counter fix */
.entry-meta.post-views {
    display: block;
}
.entry-meta.post-views > *:after {
    display: none;
}

/*====================================================================
=            Site customization starts here           =
======================================================================*/

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

/*=============================================
=            Block            =
=============================================*/
.gpc-cta-box {
    padding: 30px;
    margin: 30px 0;
    border: 1px solid var(--gpc-color-primary);
}
.gpc-cta-box__subtitle {
    background: #fff;
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 10px;
    align-items: center;
    padding-right: 10px;
    color: var(--gpc-color-primary);
}
.gpc-cta-box__subtitle:after {
    display: block;
    content:  '';
    width: 100%;
    height: 2px;
    background-color: var(--gpc-color-primary);
}
.gpc-cta-box__title {
    font-weight: 300;
    font-size: 44px;
    color: var(--gpc-color-primary);
    margin-bottom: 0;
}
.gpc-cta-box__button {
    margin-top: 15px;
}

.heading-has-divider {
    display: flex;
    align-items: center;
}

.heading-has-divider:before {
    display: block;
    content: '';
    width: 100px;
    height: 2px;
    background-color: #fff;
    margin-right: 8px;
}

/*=============================================
=            Trang dịch vụ            =
=============================================*/
.sidebar-menu .wp-block-navigation {
	padding: 0 15px 0px 15px;
}
.sidebar-menu .wp-block-navigation-item {
    padding: 0 0 0 15px;
    font-size: 1em;
	font-weight: 500;
    line-height: 24px;
	position: relative;
	transition: all 0.3s;
}
.sidebar-menu .wp-block-navigation-item:hover, .sidebar-menu .current-menu-item {
    /* padding-left: 15px; */
    /* color: var(--color-link); */
	color: #00a89d;
}
.sidebar-menu .wp-block-navigation-item a {
	color: var(--color-body);
}
.sidebar-menu .wp-block-navigation-item a:hover,
.sidebar-menu .wp-block-navigation-item.current-menu-item a {
	/* color: var(--color-link); */
	color: #00a89d;
}
.sidebar-menu .wp-block-navigation-item::before {
    content: '';
    opacity: 0;
    left: 0;
    margin: 0;
    width: 0;
    height: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid;
    color: inherit;
    animation: none!important;
    transition: opacity .3s;
}
.sidebar-menu .wp-block-navigation-item:hover::before, .sidebar-menu .current-menu-item::before {
    opacity: 1;
}

/*=============================================
=            Plugins            =
=============================================*/
/*---------- Table of contents ---------- */
div#ez-toc-container {
    padding: 30px 10%;
    margin: 30px auto;
    width: 100%;
    background: #edf6ff;
    border: 1px solid #c0d5e9;
    border-radius: 0px;
}

#ez-toc-container a:visited {
    color: currentColor;
}

/*---------- PostX ---------- */
.wp-block-ultimate-post-post-list-4 .ultp-first-postlist-2 .ultp-block-readmore {
    display: none;
}

.header-navigation .header-menu-container ul ul li.menu-item > a
{
	font-size: 14px;
	text-transform: none;
}

.main-navigation .primary-menu-container > ul > li.menu-item.current-menu-item > a { color: #F36613; }

.mobile-navigation ul li.current-menu-item > a, .mobile-navigation ul li.current-menu-item.menu-item-has-children > .drawer-nav-drop-wrap { color: #000; }

.custom-footer-link { margin-bottom: 5px; }

.custom-footer-menu ul { margin: 0; }

.custom-social-icon { margin-top: 10px; }

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

.header-navigation .header-menu-container ul ul li.menu-item > a:hover { background-color: #E65100; }

.header-navigation .header-menu-container ul ul li.menu-item.current-menu-item > a { background-color: #E65100; }

.sidebar-menu .wp-block-navigation-item a:hover, 
.sidebar-menu .wp-block-navigation-item.current-menu-item a { color: #f36613; }