/**
 * Author: Adam Petersen
 * This hides the body until the dom content is loaded. By then, the body should have
 * the `unresolved` attribute applied to it, which also hides the body. We are basically
 * preventing unstyled/unrendered content from being shown and letting the webcomponents.js
 * polyfill fade in the content when it is ready.
 */
body {
    display: none;
}
body.dom-loaded {
    display: inherit;
}

/* Greek alphabet fix (Alternate Gothic lacks support) */
body[lang="el"] q-related-list q-list q-label {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 20px !important;
}
body[lang="el"] h2 {
    font-family: 'Open Sans', sans-serif !important;
}

/* hide "Powered by Zendesk" */
.powered-by-zendesk {
    display: none;
}

/* RiotBar service status multiple region header */
.status-region-name {
    color: #fff !important;
    padding: 10px 20px !important;
    border: 1px solid #55513a !important;
    background-color: rgba(255,255,255,.08) !important;
    margin: 10px 7px 0 7px !important;
    border-radius: 3px !important;
    font-weight: bold !important;
}

/**
 * Author: Adam Petersen
 * These tweaks for for the built-in Zendesk notifications.
 */
body .notification {
    position: fixed;
    top: 52px;
    color: white;
    z-index: 100;
    border: 0;
    background: rgba(0, 0, 0, .8);
}
/* The Riot Theme makes all anchors display: inline-block which overrides the Zendesk
   notification-dismiss anchor's display: table-cell. This reverts that. */
body .notification .notification-inner a {
    display: table-cell;
}
body .notification .notification-inner .notification-icon::before {
    display: none;
}
body .notification .notification-inner .notification-icon {
    color: turquoise;
}
body .notification .notification-inner .notification-dismiss::before {
    display: none;
}
p.large {
  font-size: 20px;
  font-weight: bold;
}