@charset "utf-8";

/*  ----------------------------------------------  T H E M E   A D D I T I O N S   F O R   A C C E S S I B I L I T Y   */

/*  ----------------------------------------------------  temp: make the currently focussed element visible   */
*:focus{
    outline: 3px solid red;
    position: relative;

    &:after{
        content: 'You are here.';

        position: absolute;
        top: 0;
        right: 0;
        transform: translate( 110%, -150% );

        color: red;
        font-size: 0.8rem;
        font-weight: bold;
        text-transform: uppercase;
        white-space: nowrap;
    }
}


/*  ---------------------------------------------------------  open desktop submenus when focus is within   */

#topnavi .menu-item-has-children ul.sub-menu:focus-within  {
    padding-top: 15px;
    cursor: default;

    li {
        max-height: 65px;

        a{
            opacity: 1;
        }
    }
}