/**
 * Theme Name: Eltern-Fokus
 * Theme URI: http://www.eltern-fokus.de
 * Description: Theme for Eltern-Fokus.de
 * Version: 0.0.1
 * Author: Leas Porscha
 * Author URI: https://annikentogo.de
 * Tags: block-patterns, full-site-editing
 * Text Domain: eltern-fokus
 * Domain Path: /assets/langs
 * Tested up to: 6.5.4
 * Requires at least: 6.5.4
 * Requires PHP: 8.1
 * License: Internal Use Only
 */


/* # Header Customizations */

/* ## Custom Nav Breakpoint */
@media (max-width: 1000px) {
    .wp-block-navigation__responsive-container-open:not(.always-shown) {
        display: flex !important;
    }

    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
        display: none !important;
    }
}

/* ## Remove text decorations for site title */
.wp-block-site-title>a {
    text-decoration: none !important;
}

/* Link and Button Colors/Transitions */

a {
    transition: background-color 0.1s, color 0.1s;
}

a:hover.wp-block-button__link {
    background-color: #ff511c !important;
}

a:hover.wp-block-navigation-item__content {
    color: #ff511c !important;
}

/* Smooth Scroll */
html {
    scroll-behavior: smooth;
}

/* Navbar Dropshadow */
.drop-shadow-nav,
section {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.sticky {
    position: fixed;
    width: 100vw;
}


/* # Accordion (.accordion, h3 and p) */

.accordion > div > h3 {
    padding: 1em;
}

.accordion:nth-child(odd) > div > h3 {
    background-color: rgba(47, 181, 232, .1)
}

.accordion:nth-child(even) > div > h3 {
    background-color: rgb(1, 124, 192, .1)
}

.accordion {
    gap: 0;
    cursor: pointer;
    nav-index: auto;
}

.accordion p {
    max-height: 0;
    overflow: hidden;
    padding: 0;
    opacity: 0.5;
    transition: max-height 0.3s, padding 0.3s, opacity 0.3s, margin-top 0.3s;
    background-color: rgba(5, 75, 163, .1);
    max-width: 80ch;
}

.accordion:hover p {
    max-height: 250px;
    padding: 1em;
    opacity: 1;
    margin-top: 0.44rem;
}