/*
Theme Name: JollySpeakersTheme
Template: twentytwentyfour
Author: Luki
Requires at least: 6.4
Tested up to: 6.4
Requires PHP: 7.0
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: jollyspeakerstheme
*/

nav {
    font-size: 2.5rem;
    font-weight: 600;
}
.wp-block-site-title {
    font-size: 1.7rem;
}
body, p, h1, h2, h3, .wp-block-heading {
    font-family: Aptos, sans-serif;
}

nav > * a:hover {
    text-decoration: none!important;
}

.current-menu-item {
    margin-top: 1rem;
}

.wp-block-navigation__responsive-container-close > svg, .wp-block-navigation__responsive-container-open  > svg {
    width:3rem!important;
    height:3rem!important;
}


@media (min-width: 9999px) {
    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
        display: block;
        width: 100%;
        position: relative;
        z-index: auto;
        background-color: inherit;
    }
    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) .wp-block-navigation__responsive-container-close {
        display: none;
    }
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container {
        left: 0;
    }
    .wp-block-navigation__responsive-container-open:not(.always-shown) {
        display: none;
    }
}

@media (max-width: 9999px) {
    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
        display: none;
    }
    .wp-block-navigation__responsive-container-open:not(.always-shown) {
        display: flex;
    }
}

@font-face {
    font-family: Aptos;
    src: url('assets/fonts/aptos.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: Aptos;
    src: url('assets/fonts/aptos-bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: Aptos;
    src: url('assets/fonts/aptos-italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}