/* Estilos que no se cargan en admin o el editor Gutenberg */

:root {

    --base-text-color: #1A1A1A;
    --main-background-color: #EFEFEF;
    --accent-orange-color: #FA6E05;
    --border-color: #707070;
				
}

.single-course p, .single-course li {
    max-width: 60ch;
}

h2:not(.clean):after, h1:not(.clean):after {
    content: "_";
    display: block;
    margin-top: -0.8em;
}

li h2:after {
    content: '';
}

.wp-block-polylang-language-switcher {
    display: flex;
    list-style: none;
    gap: 10px;
    text-transform: uppercase;
    padding: 0;
    margin: 0;

    a {
        text-decoration: none;
    }

    .current-lang a{
        color: var(--accent-orange-color);
    }
}

.course-teacher-list, .teacher-course-list {
    margin: 0;
    padding: 0;
    list-style: none;

    li {
        line-height: 1;
        font-size: 0.875rem;
    }

    a {
        text-decoration: none;
    }
}

.wp-block-media-text__content div {
    position: relative;
    z-index: 10;
}

@media (width < 768px) {

    .wp-block-media-text__content div {
        margin-right: 0!important;
    }

    .wp-block-navigation__ {
        order: 1;
    }

}

/* Oculta el contenedor responsive entre 600px y 1023px,
para que no se vea como menú desktop */
@media (min-width: 600px) and (max-width: 1023px) {
    .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;
    }
}

/* A partir de 1024px vuelve a mostrarse como menú desktop */
@media (min-width: 1024px) {
    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
        display: block;
    }
}

.wp-block-navigation__responsive-container-close svg,
.wp-block-navigation__responsive-container-open svg {
    width: 35px;
    height: 35px;
}

.flex-1-hack {
    flex: 1;
}

.wp-block-site-logo {
    max-width: 90px;
}