/* Modern CSS Reset Start */
*,
::after,
::before {
    box-sizing: border-box
}

* {
    margin: 0
}

@media (prefers-reduced-motion:no-preference) {
    html {
        interpolate-size: allow-keywords
    }
}

body {
    line-height: 1.5;
    -webkit-font-smoothing: antialiased
}

canvas,
img,
picture,
svg,
video {
    display: block;
    max-width: 100%
}

button,
input,
select,
textarea {
    font: inherit
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    overflow-wrap: break-word
}

p {
    text-wrap: pretty
}

h1,
h2,
h3,
h4,
h5,
h6 {
    text-wrap: balance
}

#__next,
#root {
    isolation: isolate
}

/* Modern CSS Reset End */

html {
    overflow-y: scroll;
}

body.status {
    background: #fafafc;
}

h1,
h2,
h3 {
    margin-bottom: 0;
}

/* Header */
.layout-content.status .custom-header-container {
    height: 110px;
    background: #fff;
}

.of-logo {
    display: inline-block;
    vertical-align: top;
    height: 51px;
    margin: 25px 0 0 5%;
}

.of-logo object,
.of-logo svg {
    pointer-events: none;
}

.of-website {
    display: block;
    float: right;
    height: 51px;
    line-height: 51px;
    margin: 25px 5% 0 25px;
    color: #212121;
    font-weight: 700;
}

.of-website:hover {
    color: #212121;
    text-decoration: underline;
}

/* Subscribe */
.layout-content.status .custom-header-container .updates-dropdown-container {
    display: block;
    float: right;
    height: 30px;
    margin: 40px 0 0;
}

/*
.updates-dropdown-container .show-updates-dropdown:after {
    content: 'Subscribe';
}
*/

.updates-dropdown-container a.show-updates-dropdown {
    background-color: #AE925F;
    color: #fff;
    padding: 10px 16px;
    font-size: 16px;
    font-weight: 700;
    border-radius: 16px;
}

/* Components */
.component-container {
    background: #fff;
}

/* Incident list */
.incident-data {
    padding: 16px;
    border-radius: 16px;
    border: 1px solid #97B0C3;
    font-size: 14px;
    color: #212121;
}

.layout-content.status.status-full-history .months-container .month .incident-container .incident-body {
    text-align: left;
}

/* Filter */
.layout-content.status.status-full-history .show-filter {
    border: 2px solid #ae925f;
    padding: 4px 16px;
    font-size: 14px;
    font-weight: 500;
    border-radius: 8px;
    color: #212121;
}

.layout-content.status.status-full-history .show-filter.open {
    background-color: #ae925f;
}

/* Single incident */
.layout-content.status.status-incident>.container {
    max-width: 850px;
}

/* Uptime - calendar */
.uptime-calendar {
    display: none;
}

/* History - navigation */
.history-nav {
    display: none;
}

/* Legends */
.legend {
    display: none !important;
}

/* Footer */
.of-page-boot {
    padding: 40px 0;
    margin: 70px 0 0;
    background: #2c2d2e;
    color: #FFFFFF5E;
    font-size: 14px;
}

.page-footer {
    margin: 0 auto;
    border: 0;
    padding: 0;
    width: 90%;
    max-width: 850px;
}

.layout-content.status.status-incident .page-footer {
    margin: 0 auto;
}

.page-footer .of-history,
.page-footer .of-links {
    display: inline-block;
}

/* History */
.of-history-link {
    background-color: #AE925F6E;
    color: #AE925F;
    font-weight: 700;
    border-radius: 14px;
    padding: 6px 12px;
    line-height: 1em;
    margin: 0 15px 0 0;
    display: inline-block;
}

.of-history-link:hover {
    color: #fff;
}

/* Links */
.of-links a {
    color: rgb(174, 146, 95);
    text-decoration: none;
}

.of-links a:hover {
    color: rgb(174, 146, 95);
    text-decoration: underline;
}

.of-links ul {
    margin: 0;
    padding: 0;
}

.of-links li {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-block;
}

.of-links li::after {
    content: "|";
    margin: 0 10px;
}

.of-links li:last-of-type::after {
    content: none;
}

/* Atlassian */
.powered-by {
    float: right;
}

.powered-by a:hover {
    color: #757575 !important;
}

/* Responsive */
@media only screen and (max-width:724px) {
    .layout-content.status .custom-header-container {
        height: auto;
        padding: 20px 0;
        text-align: center;
    }

    .of-logo {
        display: block;
        margin: 0 auto 10px;
    }

    .of-website {
        float: none;
        margin: 0 auto 20px;
        height: auto;
        line-height: initial;
    }

    .layout-content.status .custom-header-container .updates-dropdown-container {
        float: none;
        margin: 0 auto;
        height: auto;
    }

    /*
        .updates-dropdown-container .updates-dropdown {
            left: auto;
            right: 195px;
            top: 35px;
        }
    */

    .of-page-boot {
        text-align: center;
    }

    .of-history-link {
        margin: 0 auto 15px;
    }

    .page-footer .of-history,
    .page-footer .of-links {
        display: block;
        margin: 0 auto 15px;
    }

    .powered-by,
    .page-footer>span {
        float: none;
    }
}