:root {
    --primary-main: #FFFFFF;
    --primary-higher: #EEEEEE;
    --primary-lower: #E6E6E6;
    --secondary-main: #000000;
    --secondary-higher: #444444;
    --accent-main: #26A69A;
}

@media (prefers-color-scheme: dark) {
    :root {
        --primary-main: #1B1B1D;
        --primary-higher: #242424;
        --primary-lower: #3E4043;
        --secondary-main: #FFFFFF;
        --secondary-higher: #BBBBBB;
    }
}

aside, main, footer {
    padding-left: 300px;
}

@media only screen and (max-width : 992px) {
    aside, main, footer {
        padding-left: 0;
    }
}

html {
    scroll-behavior: smooth;
    font-size: 16px;
    line-height: 150%;
    font-family: 'Mulish', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell',
                 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
}

@media only screen and (max-width: 1300px) {
    html {
        font-size: 14px;
    }
}

body {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
    color: var(--secondary-main);
}

.favicon {
    width: 16px;
    height: 16px;
    margin: 2px;
    vertical-align: top;
}

.emphase {
    background: #f5f5f5;
    padding: 0.3em 0.4em;
    margin: 2px 4px 0 4px;
    display: inline-block;
    color: #0081bf;
    font-weight: 500;
    border-radius: 2px;
    border: 1px solid #eee;
}

.emphase:hover {
    background: #eee;
}

code {
    font-size: 0.9em;
}

strong {
    font-weight: bold;
}

main {
    flex: 1 0 auto;
}

.container {
    margin:0 auto;
    max-width: 1920px;
    width: 95%;
}

.row .col {
    float: left;
    box-sizing: border-box;
    padding: 0 .75rem;
    min-height: 1px;
}

footer i.medium {
    line-height: 1.3em;
}

.telegram-see-more {
    margin-left: 10px;
    position: relative;
    top: -0.3rem;
}

@media only screen and (max-width: 550px) {
    .telegram-see-more {
        margin: 15px 0 30px;
    }
}

.fullwidth-image {
    max-width: 100%;
    height: auto;
}
.changelog-header {
    display: inline-block;
    margin-right: 1em;
    border-bottom: 5px solid #26a69a;
}
.changelog-body h1 { font-size: 1.5em }
.changelog-body h2 { font-size: 1.4em }
.changelog-body h3 { font-size: 1.3em }
.changelog-body h4 { font-size: 1.2em }
.changelog-body h5 { font-size: 1.1em }

.changelog-body ul:not(.browser-default) > li {
    list-style-type: square;
    margin-left: 1.2em;
}

.tgme_widget_message {
    max-width: 700px;
    margin: auto;
}

.hr {
    height: 3px;
    background: var(--primary-lower);
    margin: 1.5rem 0;
}

.top_zero {
    margin-top: 0;
}

table.striped > tbody > tr:nth-child(2n+1) {
    background-color: var(--primary-lower);
}

#modal_iitc_fdroid_repo {
    max-width: 700px;
}

#modal_iitc_fdroid_repo .qr-code {
    width: 100%;
    border: 1px solid #eee;
}

#modal_iitc_fdroid_repo .fingerprint {
    color: #000000;
    font-weight: bold;
    font-size: 13px;
    background: #f3f3f3;
    border: 1px solid #eee;
}

.spacer {
    flex-grow: 1;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 600;
}

h4 {
    font-size: 2rem;
}

.release {
  border-left: 1rem solid #4caf50 !important;
}

.beta {
  border-left: 1rem solid #ffeb3b !important;
}


.fullwidth-image {
    width: 100%;
    max-width: 1200px;
}

p {
    font-size: 1.1rem;
    line-height: 150%;
}