/*
Theme Name: Dutch Padel School - Ollie Child Theme
Theme URI: https://olliewp.com
Description:
Author: Jaime Martinez
Author URI: https://wearedigitalpassenger.com
Template: ollie
Version: 1.0.9
License: GNU General Public License v2 or later
*/


body,
html {
    scroll-behavior: smooth;
}

/* utilities */
.bg-white {
    background-color: #fff;
}

/* Main menu */


.wp-block-navigation__container {
    a {
        padding-block: 0.8rem;
        border-bottom: 2px solid transparent;
        transition: border-color 0.3s ease;
    }

    a:hover {
        text-decoration: none !important;
        border-bottom-color: var(--wp--preset--color--custom-grey) !important;
    }
}

.wp-block-navigation__responsive-container-close, .wp-block-navigation__responsive-container-open {
    color: var(--wp--preset--color--base) !important;
}

.wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__submenu-container {
    border-radius: 0;
}

.wp-block-navigation .has-child .wp-block-navigation__submenu-container {
    top: 140%;
}


/* Submenu items */
ul.wp-block-navigation__submenu-container {

    li.wp-block-navigation-item {

        border-radius: 0 !important;
        transition: background-color 0.3s ease;
       
    
        &:first-child {
            border: 0;
        }

        &:hover {
            background-color: var(--wp--preset--color--custom-grey) !important;
        }

        a {
            border: 0 !important;
            &:hover {
                text-decoration: none;
            }
        }
        
    }
}

/* Current submenu item */
ul.wp-block-navigation__submenu-container .current-menu-item > a,
ul.wp-block-navigation__submenu-container .has-child button:hover {
    background-color: var(--wp--preset--color--custom-grey) !important;
    text-decoration: none !important;
}

/* First and last child */
.wp-block-navigation__responsive-container:not(.is-menu-open) :where(.wp-block-navigation__submenu-container) li:first-child {
    padding-top: 0;
}

.wp-block-navigation__responsive-container:not(.is-menu-open) :where(.wp-block-navigation__submenu-container) li:last-child {
    padding-bottom: 0;
}

@media (max-width: 480px) {
    .wp-container-content-30897bc0 {
        flex-basis: 180px !important;
    }
}

/* WooCommerce */
.wp-block-heading.with-empty-cart-icon.wc-block-cart__empty-cart__title::before {
    display: none;
}


.stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    content: "";
}

.Text--redirect {
    line-height: 1.5 !important;
}

/* Forms */
input[type="checkbox"] {
    padding: 0;
}

:root :where(.wp-element-button, .wp-block-button__link) {
    color: var(--wp--preset--color--main) !important;
    background-color: var(--wp--preset--color--primary) !important;
    font-family: var(--wp--preset--font-family--anton) !important;
    text-transform: uppercase !important;
    color: var(--wp--preset--color--base) !important;
    letter-spacing: 0.1px;
}

/* Checkout */
.wcstripe-payment-element {
    margin-bottom: 1rem;
}