@import 'scss-@';
/**
 * screen-reader-text
 * ========================================================================== */
.screen-reader-text {
    position:absolute!important;
    width:1px;
    height:1px;
    overflow:hidden;

    clip:rect(1px,1px,1px,1px);
    clip-path:polygon(0px 0px,0px 0px,0px 0px,0px 0px);
    white-space:nowrap;

    &:focus {
        top:5px;
        left:5px;
        z-index:100000;
        display:block;
        width:auto;
        height:auto;
        padding:0 .3em;
        clip:auto!important;
        clip-path:none;
    }
}

/**
 * Not visible when focus
 * ========================================================================== */
.nopassword,
.archive-title .term,
.archive-title .separator{

    @extend .screen-reader-text;

    &:focus{
        clip:rect(1px,1px,1px,1px);
        clip-path:polygon(0px 0px,0px 0px,0px 0px,0px 0px);
    }
}
/**
 * Visible when focus
 * ========================================================================== */
a.screen-reader-text:active,
a.screen-reader-text:focus {
    width:auto;
    padding:1rem 1.5rem;
    font-size:108%;
    font-weight:bold;
    line-height:normal;
    color:#21759b;
    text-decoration:none;
    text-transform:none;

    background-color:#f1f1f1;
    box-shadow:0 0 2px 2px rgba(0, 0, 0, .6 );
}
.logged-in .screen-reader-text:focus {
    top:32px
}
/**
 * jQuery Tooltip
 * ========================================================================== */
.ui-helper-hidden-accessible {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    border: 0;
}
/**
 * Skip link
 * ========================================================================== */
#document .skip-link{

    a:hover{
        color:#333;
    }
}

#document .logged-in{

    main:target{
        padding-top:60px;
        margin-top:-60px;
    }
}