/* MAIN */

.wp-block-navigation.is-style-main .wp-block-navigation-item > a,
.wp-block-navigation.is-style-main .wp-block-navigation-item > a span,
.wp-block-navigation.is-style-main .wp-block-navigation-item > button span {
    transition: ease-in-out .15s;
}

.wp-block-navigation.is-style-main .wp-block-navigation-item:hover > a,
.wp-block-navigation.is-style-main .wp-block-navigation-item:hover > a span,
.wp-block-navigation.is-style-main .wp-block-navigation-item:hover > button span {
    color: var(--wp--preset--color--primary);
}

.wp-block-navigation.is-style-main .wp-block-navigation-item.has-child .wp-block-navigation-submenu {
    min-width: 20rem !important;
    background: none;
    border: none;
    padding-top: 1rem !important;
}

.wp-block-navigation.is-style-main .wp-block-navigation-item.has-child .wp-block-navigation__submenu-icon {
    margin-top: -.25rem !important;
}

.wp-block-navigation.is-style-main .wp-block-navigation-item.has-child .wp-block-navigation-submenu li {
    background-color: var(--wp--preset--color--text-negative);
    padding: .5rem 0;
    border-left: .25rem solid var(--wp--preset--color--primary);
    box-sizing: border-box;
    /*border-right: 1px solid #cccccc;*/
    transition: ease-in-out .15s;
}

.wp-block-navigation.is-style-main .wp-block-navigation-item.has-child .wp-block-navigation-submenu li a {
    transition: ease-in-out .15s;
    padding: .5rem 1rem;
}

.wp-block-navigation.is-style-main .wp-block-navigation-item.has-child .wp-block-navigation-submenu li:hover {
    border-left: .75rem solid var(--wp--preset--color--primary);
}

.wp-block-navigation.is-style-main .wp-block-navigation-item.has-child .wp-block-navigation-submenu li:hover > a {
    padding-right: .5rem;
}

.wp-block-navigation.is-style-main .wp-block-navigation-item.has-child .wp-block-navigation-submenu li:hover > a span {
    color: var(--wp--preset--color--primary);
}

.wp-block-navigation.is-style-main .wp-block-navigation-item.has-child .wp-block-navigation-submenu li:first-of-type {
    /*border-top: 1px solid #cccccc;*/
}

.wp-block-navigation.is-style-main .wp-block-navigation-item.has-child .wp-block-navigation-submenu li:last-of-type {
    /*border-bottom: 1px solid #cccccc;*/
}

.wp-block-navigation.is-style-main .wp-block-navigation-item.has-child .wp-block-navigation-submenu li a span.wp-block-navigation-item__label {
    line-height: 1.25;
}

.wp-block-navigation.is-style-main .wp-block-navigation-item.has-child .wp-block-navigation-submenu li a span.wp-block-navigation-item__label {
    line-height: 1.25;
}

.wp-block-navigation.is-style-main .wp-block-navigation-item.navigation-button-link {
    background-color: var(--wp--preset--color--primary) !important;
    padding: .5rem 1rem !important;
    border-radius: .25rem !important;
    color: var(--wp--preset--color--text-negative) !important;
    transition: ease-in-out .15s;
}

.wp-block-navigation.is-style-main .wp-block-navigation-item.navigation-button-link a,
.wp-block-navigation.is-style-main .wp-block-navigation-item.navigation-button-link a span,
.wp-block-navigation.is-style-main .wp-block-navigation-item.navigation-button-link button span {
    font-size: calc(0.9 * var(--wp--preset--font-size--medium)) !important;
    font-weight: 500 !important;
}

.wp-block-navigation.is-style-main .wp-block-navigation-item.navigation-button-link:hover {
    background-color: var(--wp--preset--color--primary) !important;
}

.wp-block-navigation.is-style-main .wp-block-navigation-item.navigation-button-link:hover a,
.wp-block-navigation.is-style-main .wp-block-navigation-item.navigation-button-link:hover a span,
.wp-block-navigation.is-style-main .wp-block-navigation-item.navigation-button-link:hover button span {
    color: var(--wp--preset--color--text-negative) !important;
}


/* Style for the "parent" of the .secondary elements ("parent", because it's implied by being followed by .secondary) */
/*.wp-block-navigation.is-style-main .wp-block-navigation-item.has-child .wp-block-navigation-submenu li:not(.secondary):has(+ li.secondary) {*/
/*    font-weight: 600;*/
/*}*/

.wp-block-navigation.is-style-main .wp-block-navigation-item.has-child .wp-block-navigation-submenu li.secondary a {
    font-size: 1.15rem;
    padding-left: 1.25rem;
}

.wp-block-navigation.is-style-main .wp-block-navigation-item.has-child .wp-block-navigation-submenu li.secondary a:before {
    content: '';
    display: block;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyOCAyOCI+PHBhdGggZD0ibTE3LjYgMjIuNC0xLjcxLTEuNjggNS41Mi01LjUySDJ2LTIuNGgxOS40MWwtNS40OS01LjUyTDE3LjYgNS42IDI2IDE0eiIgZmlsbD0iI2VlNTA1MCIvPjwvc3ZnPg==');
    background-repeat: no-repeat;
    width: 1.25rem;
    min-width: 1.25rem;
    max-width: 1.25rem;
    height: 1.25rem;
    min-height: 1.25rem;
    max-height: 1.25rem;
    margin-right: 1rem;
}


@media (max-width: 600px) {

    .wp-block-navigation.is-style-main .wp-block-navigation__container > li > a,
    .wp-block-navigation.is-style-main .wp-block-navigation__container > li > a > span,
    .wp-block-navigation.is-style-main .wp-block-navigation__container > li > button > span {
        font-weight: 600;
    }

    .wp-block-navigation.is-style-main .wp-block-navigation-item.has-child .wp-block-navigation-submenu li,
    .wp-block-navigation.is-style-main .wp-block-navigation-item.has-child .wp-block-navigation-submenu li:first-of-type,
    .wp-block-navigation.is-style-main .wp-block-navigation-item.has-child .wp-block-navigation-submenu li:last-of-type {
        border: none;
    }

    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content,
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item,
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container,
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list {
        align-items: flex-start;
    }

    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container {
        padding-left: 1rem !important;
    }

    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.navigation-button-link {
        background-color: var(--wp--preset--color--primary) !important;
        padding: .5rem 1.25rem !important;
        border-radius: .5rem !important;
        color: var(--wp--preset--color--text-negative) !important;
    }

    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.navigation-button-link a span{
        font-size: var(--wp--preset--font-size--medium) !important;
        font-weight: 400 !important;
    }

    .wp-block-navigation.is-style-main .wp-block-navigation-item.has-child .wp-block-navigation-submenu li.secondary a {
        font-size: 1rem;
        padding-left: .5rem;
    }

    .wp-block-navigation.is-style-main .wp-block-navigation-item.has-child .wp-block-navigation-submenu li.secondary a:before {
        content: '';
        display: block;
        background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyOCAyOCI+PHBhdGggZD0ibTE3LjYgMjIuNC0xLjcxLTEuNjggNS41Mi01LjUySDJ2LTIuNGgxOS40MWwtNS40OS01LjUyTDE3LjYgNS42IDI2IDE0eiIgZmlsbD0iI2VlNTA1MCIvPjwvc3ZnPg==');
        background-repeat: no-repeat;
        width: 1rem;
        min-width: 1rem;
        max-width: 1rem;
        height: 1rem;
        min-height: 1rem;
        max-height: 1rem;
        margin-right: 1rem;
    }
}

/* FOOTER */

.wp-block-navigation.is-style-footer .wp-block-navigation-item a span {
    font-size: 1rem;
    line-height: 1.2;
}

.wp-block-navigation.is-style-footer .wp-block-navigation-item:first-of-type a span {
    font-weight: 600;
    color: var(--wp--preset--color--text-negative);
}


.wp-block-navigation.is-style-footer .wp-block-navigation-item:hover a span {
    color: var(--wp--preset--color--text-negative);
}

.wp-block-navigation.is-style-footer .wp-block-navigation-item:not(:first-of-type) a span {
    color: var(--wp--preset--color--text-negative-secondary);
}

.wp-block-navigation.is-style-footer .wp-block-navigation-item:not(:first-of-type) a span::after {
    content: '';
    width: .8rem;
    height: .8rem;
    margin-right: -.8rem;
    position: relative;
    left: .4rem;
    top: 1px;
    display: inline-block;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMiAxMiIgdHJhbnNmb3JtPSJyb3RhdGUoLTkwKSI+PHBhdGggZD0iTTEuNSA0IDYgOGw0LjUtNCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZT0iI2M2YzZjNiIgZmlsbD0ibm9uZSIvPjwvc3ZnPg==');
    background-repeat: no-repeat;
}

/* INVERTED */

.wp-block-navigation.is-style-inverted {
    position: relative;
    z-index: 1500;
}

.wp-block-navigation.is-style-inverted .wp-block-navigation-item > a,
.wp-block-navigation.is-style-inverted .wp-block-navigation-item > a span,
.wp-block-navigation.is-style-inverted .wp-block-navigation-item > button span {
    transition: ease-in-out .15s;
}

.wp-block-navigation.is-style-inverted .wp-block-navigation-item:hover > a,
.wp-block-navigation.is-style-inverted .wp-block-navigation-item:hover > a span,
.wp-block-navigation.is-style-inverted .wp-block-navigation-item:hover > button span {
    color: var(--wp--preset--color--text-negative);
}

.wp-block-navigation.is-style-inverted .wp-block-navigation-item.has-child .wp-block-navigation-submenu {
    min-width: 20rem !important;
    background: none;
    border: none;
    padding-top: 1rem !important;
}

.wp-block-navigation.is-style-inverted .wp-block-navigation-item.has-child .wp-block-navigation__submenu-icon {
    margin-top: -.25rem !important;
}

.wp-block-navigation.is-style-inverted .wp-block-navigation-item.has-child .wp-block-navigation-submenu li {
    background-color: var(--wp--preset--color--background-dark);
    padding: .5rem 0;
    border-left: .25rem solid var(--wp--preset--color--primary);
    box-sizing: border-box;
    /*border-right: 1px solid #cccccc;*/
    transition: ease-in-out .15s;
}

.wp-block-navigation.is-style-inverted .wp-block-navigation-item.has-child .wp-block-navigation-submenu li a {
    transition: ease-in-out .15s;
    padding: .5rem 1rem;
}

.wp-block-navigation.is-style-inverted .wp-block-navigation-item.has-child .wp-block-navigation-submenu li:hover {
    border-left: .75rem solid var(--wp--preset--color--primary);
}

.wp-block-navigation.is-style-inverted .wp-block-navigation-item.has-child .wp-block-navigation-submenu li:hover > a {
    padding-right: .5rem;
}

.wp-block-navigation.is-style-inverted .wp-block-navigation-item.has-child .wp-block-navigation-submenu li:hover > a span {
    color: var(--wp--preset--color--primary);
}

.wp-block-navigation.is-style-inverted .wp-block-navigation-item.has-child .wp-block-navigation-submenu li:first-of-type {
    /*border-top: 1px solid #cccccc;*/
}

.wp-block-navigation.is-style-inverted .wp-block-navigation-item.has-child .wp-block-navigation-submenu li:last-of-type {
    /*border-bottom: 1px solid #cccccc;*/
}

.wp-block-navigation.is-style-inverted .wp-block-navigation-item.has-child .wp-block-navigation-submenu li a span.wp-block-navigation-item__label {
    line-height: 1.25;
}

.wp-block-navigation.is-style-inverted .wp-block-navigation-item.has-child .wp-block-navigation-submenu li a span.wp-block-navigation-item__label {
    line-height: 1.25;
}

.wp-block-navigation.is-style-inverted .wp-block-navigation-item.navigation-button-link {
    background-color: var(--wp--preset--color--primary) !important;
    padding: .5rem 1rem !important;
    border-radius: .25rem !important;
    color: var(--wp--preset--color--text-negative) !important;
    transition: ease-in-out .15s;
}

.wp-block-navigation.is-style-inverted .wp-block-navigation-item.navigation-button-link a,
.wp-block-navigation.is-style-inverted .wp-block-navigation-item.navigation-button-link a span,
.wp-block-navigation.is-style-inverted .wp-block-navigation-item.navigation-button-link button span {
    font-size: calc(0.9 * var(--wp--preset--font-size--medium)) !important;
    font-weight: 500 !important;
}

.wp-block-navigation.is-style-inverted .wp-block-navigation-item.navigation-button-link:hover {
    background-color: var(--wp--preset--color--primary) !important;
}

.wp-block-navigation.is-style-inverted .wp-block-navigation-item.navigation-button-link:hover a,
.wp-block-navigation.is-style-inverted .wp-block-navigation-item.navigation-button-link:hover a span,
.wp-block-navigation.is-style-inverted .wp-block-navigation-item.navigation-button-link:hover button span {
    color: var(--wp--preset--color--text-negative) !important;
}


/* Style for the "parent" of the .secondary elements ("parent", because it's implied by being followed by .secondary) */
/*.wp-block-navigation.is-style-inverted .wp-block-navigation-item.has-child .wp-block-navigation-submenu li:not(.secondary):has(+ li.secondary) {*/
/*    font-weight: 600;*/
/*}*/

.wp-block-navigation.is-style-inverted .wp-block-navigation-item.has-child .wp-block-navigation-submenu li.secondary a {
    font-size: 1.15rem;
    padding-left: 1.25rem;
}

.wp-block-navigation.is-style-inverted .wp-block-navigation-item.has-child .wp-block-navigation-submenu li.secondary a:before {
    content: '';
    display: block;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyOCAyOCI+PHBhdGggZD0ibTE3LjYgMjIuNC0xLjcxLTEuNjggNS41Mi01LjUySDJ2LTIuNGgxOS40MWwtNS40OS01LjUyTDE3LjYgNS42IDI2IDE0eiIgZmlsbD0iI2VlNTA1MCIvPjwvc3ZnPg==');
    background-repeat: no-repeat;
    width: 1.25rem;
    min-width: 1.25rem;
    max-width: 1.25rem;
    height: 1.25rem;
    min-height: 1.25rem;
    max-height: 1.25rem;
    margin-right: 1rem;
}


@media (max-width: 600px) {

    .wp-block-navigation.is-style-inverted .wp-block-navigation__container > li > a,
    .wp-block-navigation.is-style-inverted .wp-block-navigation__container > li > a > span,
    .wp-block-navigation.is-style-inverted .wp-block-navigation__container > li > button > span {
        font-weight: 600;
    }

    .wp-block-navigation.is-style-inverted .wp-block-navigation-item.has-child .wp-block-navigation-submenu li,
    .wp-block-navigation.is-style-inverted .wp-block-navigation-item.has-child .wp-block-navigation-submenu li:first-of-type,
    .wp-block-navigation.is-style-inverted .wp-block-navigation-item.has-child .wp-block-navigation-submenu li:last-of-type {
        border: none;
    }

    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content,
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item,
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container,
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list {
        align-items: flex-start;
    }

    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container {
        padding-left: 1rem !important;
    }

    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.navigation-button-link {
        background-color: var(--wp--preset--color--primary) !important;
        padding: .5rem 1.25rem !important;
        border-radius: .5rem !important;
        color: var(--wp--preset--color--text-negative) !important;
    }

    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.navigation-button-link a span{
        font-size: var(--wp--preset--font-size--medium) !important;
        font-weight: 400 !important;
    }

    .wp-block-navigation.is-style-inverted .wp-block-navigation-item.has-child .wp-block-navigation-submenu li.secondary a {
        font-size: 1rem;
        padding-left: .5rem;
    }

    .wp-block-navigation.is-style-inverted .wp-block-navigation-item.has-child .wp-block-navigation-submenu li.secondary a:before {
        content: '';
        display: block;
        background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyOCAyOCI+PHBhdGggZD0ibTE3LjYgMjIuNC0xLjcxLTEuNjggNS41Mi01LjUySDJ2LTIuNGgxOS40MWwtNS40OS01LjUyTDE3LjYgNS42IDI2IDE0eiIgZmlsbD0iI2VlNTA1MCIvPjwvc3ZnPg==');
        background-repeat: no-repeat;
        width: 1rem;
        min-width: 1rem;
        max-width: 1rem;
        height: 1rem;
        min-height: 1rem;
        max-height: 1rem;
        margin-right: 1rem;
    }
}



/* SPUC TV */

.wp-block-navigation.is-style-spuc-tv .wp-block-navigation-item a span {
    font-size: 1rem;
    line-height: 1.2;
    padding: 0.5rem 1rem;
    background: none;
    border-radius: 0.5rem;
    color: var(--wp--preset--color--text-negative);
    transition: 0.3s ease-in-out;
}

.wp-block-navigation.is-style-spuc-tv .wp-block-navigation-item:hover a span {
    background: var(--wp--preset--color--text-secondary);
}

.wp-block-navigation.is-style-spuc-tv .wp-block-navigation-item.is-main a span {
    background: var(--wp--preset--color--text-negative);
    color: var(--wp--preset--color--background-dark);
}

.wp-block-navigation.is-style-spuc-tv .wp-block-navigation-item.is-main:hover a span {
    background: var(--wp--preset--color--text-negative-secondary);
    color: var(--wp--preset--color--background-dark);
}