/* Custom styles for one-site */

/* screen-reader-text - WCAG 2.2 accessibility requirement */

a#skipToMain.screen-reader-text {
    list-style-type: none !important;
    text-decoration: none !important;
    word-break: break-word;
    cursor: pointer;
    font-size: 1.125rem !important;
    font-family: 'SiemensSans', arial, sans-serif !important;
    line-height: 1.5555555556 !important;
    font-weight: 700 !important;
    position: absolute;
    
    background: #000028 !important;
    color: #00cccc !important;
    border: 1px solid #00cccc !important;
    padding: 2px 24px 2px 32px !important;
    outline-offset: 0;
    
    /* hidden by default */
    left: -9999px !important;
    top: 0 !important;
    z-index: 999999 !important;
    overflow: hidden !important;
}

a#skipToMain.screen-reader-text:focus {
    /* Show when focused - no additional styling just for visibility */
    position: absolute !important;
    left: 50% !important;
    transform: translateX(-50%);
    top: 6px !important;
    z-index: 999999 !important;
    overflow: visible !important;
}

/* Chevron icon */
a#skipToMain.screen-reader-text::after {
    content: "";
    display: inline-block;
    mask-repeat: no-repeat;
    mask-position: center center;
    mask-size: 100%;
    mask-image: url("/img/chevron.svg");
    width: 24px;
    height: 24px;
    background-color: #00cccc;
    vertical-align: middle;
    position: relative;
    left: 6px;
    margin-right: 2px;
    margin-left: 2px;
}