.topbg {
    position: relative;
    float: center;
    width: 1300px;
    /*width: auto;*/
    height: auto;
    text-align:-webkit-center;
    text-align: center;
    margin: auto;
    padding: 0.5em 0 0.5em 0;
    font-size: 4em;
    font-weight: bold;
    color: white;
    background: black;
}

.botbg {
    width: 1300px;
    margin: 0 auto;
    text-align: -webkit-center;
    text-align: center;
}

.hidden {
    color: black;
}

body {
    width: 1300px;
    margin: 0 auto;
    background: black;
    color: white;
}

/* ---- LINKS ---- */
/*.link-say-odkaz:after {
    content: ' - odkaz';
    color: lightslategray;
}*/

.link-say-odeslat:after {
    content: ' - odeslat';
    color : lightslategray;
}

.link-say-nahlasit:after {
    content: ' - nahlásit?';
    color : lightslategray;
}

.link-say-potvrdit:after {
    content: ' - potvrdit';
    color : lightslategray;
}

.link-say-odkaz:before {
    content: 'odkaz - ';
    color: lightslategray;
}

/*.link-say-odeslat:before {
    content: 'odeslat - ';
    color : lightslategray;
}*/

/*.link-say-nahlasit:before {
    content: 'nahlasit - ';
    color : lightslategray;
}*/

/*.link-say-potvrdit:before {
    content: 'potvrdit - ';
    color : lightslategray;
}*/

a, .nav-link:hover {
    color: #e87F35;
    text-decoration: none;
}

a:hover, .nav-link {
    color: #009edf;
    text-decoration: none;
}

.nav-link {
    padding: 0;
    display: inline;
}

a:focus, .nav-link:focus {
    color:white;
}

.article-link {

}

.error-link, .error-link:hover {
    color: red;
}

.new-link, .new-link:hover {
    color: #4BE1AB;
}

/* ---- CONTENT ---- */
.content-start, .content-end {
    margin: 2em 0;
}

.content-info, .content-new, .content-warning {
    margin: 2em 0;
}

.content-warning {
    color:red;
}

.content-new {
    color: #4BE1AB;
}

.content-div {
    margin: 0 1em;
}

.content-controls-item {
    margin: 0.5em;
}

.content-controls-item:before {
    content: "- ";
}
/* ---- */

.article-link-div {
    margin: 0.5em 0;
}

.bot-span {
    margin: 0 .5em;
}
.topbg {
    position: relative;
    float: center;
    width: 1300px;
    /*width: auto;*/
    height: auto;
    text-align:-webkit-center;
    margin: auto;
    padding: 0.5em 0 0.5em 0;
    font-size: 4em;
    font-weight: bold;
    color: white;
    background: black;
}

.botbg {
    position: relative;
    float: center;
    width: 1300px;
    margin: auto;
    /*width: auto;*/
    height: auto;
    text-align:-webkit-center;
    /*margin: 10px 0;*/
    padding: 0.5em 0 0.5em 0;
    font-size: 1em;
    font-weight: bold;
    color: white;
    background: black;
}

body {
    /*width: 1300px;*/
    /*margin: 0 auto;*/
    background: black;
    color: white;
}
/* ---- LINKS ---- */
.nav-link-span {
    margin: 0 .5em;
}

a, .nav-link:hover {
    color: #e87F35;
    text-decoration: none;
}

a:hover, .nav-link {
    color: #009edf;
    text-decoration: none;
}

a:focus, .nav-link:focus {
    color:white;
}

.fake-link-speak-break, .fale-link-speak-break:hover {
    color: white;
    text-decoration: none;
}

.article-link {

}

.content-speak-break {
    margin: 2em 0;
}

.container {
    display: block;
    width: 1300px;
    /*width: auto;*/
    height: auto;
    margin: auto;
    padding: 0.5em 0 1.5em 0;
}
/* ---- */

.article-link-div {
    margin: 0.5em 0;
}

.bot-span {
    margin: 0 .5em;
}

/* --- WEATHER --- */

.weather-main-center {
    /*border: 1px solid black;*/
    padding: 1em;
    /*margin: 10px 5%;*/
    width: 520px;
}

.weather-main-flex {
    display:flex;
    flex-flow: wrap;
    justify-content: space-evenly;
    margin: 0 1em;
}

.weather-day-flex {
    display:flex;
    justify-content: center;
    margin: 1em 1em;
}

.weather-temp-flex {
    display:flex;
    margin: 1em 1em;
    justify-content: space-between;
}

.weather-day {
    text-align: center;
    align-self: center;
    font-size: 1.25em;
    font-weight: bold;
    color:#dc0069;
}

.weather-item {
    padding: 0 0.25em;
}

.weather-item-left {
    text-align: left;
    margin: 1em 1em;
}

.weather-alert {
    margin:0em;
    color:red;
    font-weight:bold;
}

.weather-alert-item {
    padding: 1em;
    font-weight: bold;
}

.weather-alert-desc {
    padding: 1em;
}
/* ---- accesibility ---- */

div[role=alert]{
    border:none;
    color:black;
}


.content-speak-break:focus-visible{
    outline: none;
}