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

    /* 
    --global-xs-spacing: 1em;
    --global-sm-spacing: 1.5rem;
    --global-md-spacing: 2rem;
    --global-lg-spacing: 2.5em;
    --global-xl-spacing: 3.5em;
    --global-xxl-spacing: 5rem; 

    --global-kb-spacing-xxs: 0.5rem;
    --global-kb-spacing-xs: 1rem;
    --global-kb-spacing-sm: 1.5rem;
    --global-kb-spacing-md: 2rem;
    --global-kb-spacing-lg: 3rem;
    --global-kb-spacing-xl: 4rem;
    --global-kb-spacing-xxl: 5rem;
    --global-kb-spacing-3xl: 6.5rem;
    --global-kb-spacing-4xl: 8rem;
    --global-kb-spacing-5xl: 10rem;

    */

#wrapper {
    /* background: url(assets/images/white-logo-pattern.webp) 50% 340px no-repeat; */
    background: url(assets/images/pattern-paw-white-velvet.svg) 50% 340px repeat-y;
    background-attachment: fixed;
    @media (max-width: 767px) {
        background-size: 960px auto;
    }
    @media (min-width: 1024px) {
        background-position: 50% 270px;
    }
}

.home #wrapper {
    background-position: 50% 750px;
    @media (min-width: 1024px) {
        background-position: 50% 960px;
    }
}

.kb-row-layout-wrap {
    &.is-style-narrow {
        .kt-row-column-wrap {
            max-width: var(--global-content-narrow-width);
            margin-left: auto;
            margin-right: auto;
        }
    }
}

body:not(.home) {
    main {
        .kb-row-layout-wrap:not(footer) {
            .kt-row-column-wrap {
                &:not(.kt-has-1-columns) {
                    @media (min-width: 1024px) {
                        /* column-gap: var(--global-kb-gap-lg, 4rem); */
                    }
                    .wp-block-kadence-column {
                        .wp-block-kadence-advancedheading {
                            margin-top: 0.5rem;
                            @media (min-width: 1024px) {
                                margin-top: 1.5em;
                            }
                        }
                    }
                }
            }
        }
    }
}


#main-header {
    .header-button {
        &:hover {
            box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
        }
    }
    .site-header-section-right {
        flex-wrap: wrap;
        .site-header-item-main-navigation {
            &:has(#site-navigation) {
                width: 100%;
                #site-navigation {
                    margin-left: auto;
                    a {
                        /* text-decoration-color: var(--global-palette7, #d1ac80) !important; */
                            transition: none;
                            text-underline-offset: .1em;
                        &:hover {
                            text-decoration: underline;
                        }
                        .kadence-svg-icon {
                            color: var(--global-palette7, #d1ac80);
                        }
                    }
                    ul:not(.sub-menu) {
                        &> li {
                            &:is(.current-page-ancestor, .current_page_item) {
                                &> a {
                                    text-decoration: underline;
                                }
                            }
                        }

                    }
                    /* .sub-menu {
                        .current-menu-item {
                            a {
                                text-decoration: underline;
                            }
                        }
                    } */
                    .show-more {
                        a {
                            font-weight: 700;
                        }
                    }
                }
            }
            #primary-menu {
                &> :is(.current-menu-ancestor, .current-menu-parent) {
                    &> a {
                        text-decoration: underline;
                    }
                }
            }
            #secondary-navigation {
                .current-lang {
                    text-decoration: underline;
                    text-decoration-color: var(--global-palette7, #d1ac80);
                }
            }
        }
    }
}

#mobile-menu {
    .sub-menu {
        /* padding-left: 0; */
        a {
            font-weight: normal;
            font-size: 15px;
        }
        .show-more {
            a {
                font-weight: 700;
            }
        }

    }
}

body:not(.logged-in) {
    #secondary-menu {
        display: none;
    }
}

.wp-block-kadence-advancedbtn {
    &.is-style-square {
        .kb-button {
            aspect-ratio: 1/1;
            border-radius: 100%;
        }
    }
}

#primary {
    .wp-block-kadence-advanced-form {
        input[type="file"] {
            background: transparent;
            border: 0;
            border-radius: 0;
        }
    }
}

.is-style-lead {
    font-size: 26px;
    @media (min-width: 991px) {
        font-size: 30px;
    }
    @media (min-width: 1024px) {
        font-size: 34px;
    }
    line-height: 1.17;
    font-family: var(--global-body-font-family);
    /* text-wrap: balance; */
}

.wp-block-kadence-advancedgallery {
    &.is-style-logo-grid {
        .kb-gallery-ul {
            .kadence-blocks-gallery-item {
                .kb-gallery-image-contain.kadence-blocks-gallery-intrinsic {
                    img {
                        object-fit: contain;
                    }
                }
            }
        }
    }
}

.text-wrap-balance {
    text-wrap: balance;
}

#custom-footer {

        a {
            transition: none;
            text-underline-offset: .1em;
            &:hover {
                text-decoration: underline;
            }
        }
}

/* #custom-footer {
    background-position: calc(100% + 40px) 100%;
    background-size: 40% auto;
    @media (min-width: 1024px) {
        background-position: calc(100% + 40px) 20px;
        background-size: 610px auto;
    }
} */