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

body:before {
    content: '';
    position: fixed;
    width: max(60vh, 60%);
    right: 0px;
    top: 0px;
    height: min(290px, 30vh);
    background: url('images/top_bg.webp') bottom left no-repeat;
    background-size: cover;
    @media (max-width: 991px) {
        width: max(100vw, 100%);
        height: min(160px, 20vh);
        background: url('images/top_bg_mobile.svg') bottom left no-repeat;
        background-size: cover;
        background-position: bottom left;
    }
    z-index: 0;
}

body:after {
    content: '';
    position: fixed;
    width: max(70vh, 70%);
    left: 0px;
    bottom: 0px;
    height: min(580px, 60vh);
    background: url('images/bottom_bg.png') top right no-repeat;
    background-size: cover;
    z-index: 0;
    @media (max-width: 991px) {
        width: max(90vw, 90%);
        height: min(160px, 20vh);
        background: url('images/bottom_bg_mobile.svg') bottom left no-repeat;
        background-size: cover;
        background-position: top left;
        right: 0;
        left: auto;
    }
}

@media (max-width: 991px) {
    #wrapper:before {
        content: '';
        position: fixed;
        width: 90vw;
        height: min(300px, 50vh);
        bottom: 24vh;
        background: url('images/center_bg_mobile.svg') top right no-repeat;
        background-size: cover;
        border-radius: 0 0 0 20vw;
    }
}

/* Button */
#wrapper .wp-block-kadence-advancedbtn .kt-button {
	-webkit-border-radius: 30px;
    -webkit-border-top-left-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    -moz-border-radius: 30px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-bottomright: 0px;
    border-radius: 30px;
    border-top-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

/* Main navigation */

:is(#primary-menu, #mobile-site-navigation) {
    .w-background {
        margin-left: calc(70px / 2);
        margin-right: calc(70px / 2);
        @media (max-width: 1023px) {
            margin-left: 0;
            margin-right: 0;
        }
        a {
            -webkit-border-radius: 30px;
            -webkit-border-top-left-radius: 0px;
            -webkit-border-bottom-right-radius: 0px;
            -moz-border-radius: 30px;
            -moz-border-radius-topleft: 0px;
            -moz-border-radius-bottomright: 0px;
            border-radius: 30px;
            border-top-left-radius: 0px;
            border-bottom-right-radius: 0px;
            background: var(--global-palette1);            
            color: white;
            font-weight: bold;
            border: 3px solid currentColor;
            border-color: var(--global-palette1); 
            &:hover {
                border-color: var(--global-palette2);
                color: var(--global-palette2);
            }
            @media (max-width: 1023px) {
                width: auto;
                display: block;
                margin-top: 12px;
                position: relative;
                float: left;
                padding-left: 24px;
                padding-right: 24px;
            }            
        }
    }
}

#mobile-site-navigation {
    .social-button {
        justify-content: flex-start;
    }
}



/* Accordion */
.kt-accordion-panel {
    padding-left: 50px;
    @media (max-width: 580px) {
        padding-left: 24px;
    }
}

/* List */
#main {
    .wp-block-list {
        padding-left: 20px;
        li::marker {
            color: var(--global-palette2, #ff9947);
        }
    }
}

/* Footer */
.hide-mobile {
    @media (max-width: 767px) {
        display: none;
    }
}

.mobile-only {
    @media (min-width: 767.1px) {
        display: none;
    }
}