#menuToggle {
    display: none;
}

#nav_top {
    display: flex;
    gap: 20px;
}

#user {
    display: flex;
    flex-direction: row;
    gap: 10px;
    justify-content: space-between;
    align-items: center;
}

#nav_top a {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.85);
    letter-spacing: 0.26px;
    text-transform: uppercase;
    font-weight: bold;
}
article h1 {
    font-size: 26px;
}
.category-title {
    padding-left: 0;
    padding-right: 0;
}
article #main_image_caption {
    font-size: 12px;
}
.messages:before {
    display: flex;
    align-items: center;
    color: rgba(255, 255, 255, .5);
}
.messages.green:before {
    color: inherit;
}
.messages .button-link {
    padding: 10px;
}
.messages .sale_text {
    font-size: 25px;
}
.messages .buttons-wrapper {
    flex-direction: column;
}
.messages {
    flex-direction: row;
}
.navigation .content>div:first-of-type span {
    padding-left: 0;
}

.navigation .content {
    flex-direction: row;
}

.navigation .nav-sub {
    display: none;
}

.navigation span {
    margin: 0;
    padding: 10px;
    border-bottom: none;
}

#navigation_bar {
    position: relative;
    width: 100%;
    top: unset;
    left: unset;
    padding-top: 0;
}

#lang {
    display: block;
}

#lang a {
    color: rgba(255, 255, 255, 0.75);
    text-decoration: none;
    border: 1px solid lightgrey;
    padding: 5px;
    font-size: 13px;
}

footer .top {
    flex-direction: row;
}

.navigation .content {
    padding: 0 10px;
}

.show-767 {
    display: inline-block;
}

.hide-767 {
    display: none;
}

.table .rate {
    flex-direction: row;
    align-items: baseline;
}
#blackmarket_table .rate,
#interbank_table .rate {
    justify-content: center;
}
.table:not(.widget) .rate {
    font-size: 24px;
    flex-direction: row;
    justify-content: end;
    align-items: flex-end;
}
.table th {
    font-size: 14px;
}
.table.main td:first-of-type {
    font-size: 24px;
}
.organization_table td:first-of-type {
    font-size: 20px;
}
.news-block .bottom-wrapper {
    flex-direction: row;
}
.news-block .bottom-wrapper .item {
    flex-direction: column;
}
.news-block .top-wrapper {
    flex-direction: row;
}
.news-list ul li a {
    font-size: 20px;
}
.load-more {
    margin-left: 0;
    margin-right: 0;
}
.triangle:after,
.triangle.up:after,
.triangle.down:after {
    top: -15px;
    left: -5px;
}
.change {
    flex-direction: column;
    align-items: flex-start;
}
.plus_sign,
.minus_sign,
.equal_sign {
    display: inline-block;
}
.organization-name {
    max-width: 300px;
    overflow: hidden;
}
.warning {
    flex-direction: row;
}
.organization_table .block-small .main_title_list {
    justify-content: end;
    width: auto;
}
.table .dropdown {
    position: relative;
    /* max-width: 150px; */
}
.organization_table .block-small:not(.table-bottom) {
    flex-direction: row;
    gap: 15px;
}
.nowrap-desktop {
    white-space: nowrap;
}
.extendable {
    max-width: 400px;
}
.hide-mobile {
    display: inherit;
}
.hide-desktop {
    display: none;
}
.departments .wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}
.crypto-name {
    font-size: 22px;
    line-height: 22px;
}
.small_chart img {
    height: 45px;
}
#main_crypto_table td,
#currency_crypto_table td {
    padding: 5px 10px;
    letter-spacing: normal;
}
#main_crypto_table .full_name,
#currency_crypto_table .full_name {
    display: inline;
}
#main_crypto_table .my-container,
#currency_crypto_table .my-container {
    overflow-x: clip;
}
#main_crypto_table .striped tbody tr td:nth-child(2), 
#currency_crypto_table .striped tbody tr td.td-green {
    font-size: 24px;
}
#main_crypto_table .striped tbody tr td:nth-child(2) {
    font-size: 22px;
}
.news-block .wide-wrapper .item {
    max-width: 207px;
}
.small_chart img {
    height: 30px;
}
.table.auction td {
    padding: 10px; 
}
.table.main td:first-of-type.font-medium {
    font-size: 14px;
}
.table.main td:first-of-type.font-grey {
    color: #82858a;
}
.accordion .col {
    min-width: 50%;
    max-width: 50%;
}
.scrollTop {
    bottom: 10px;
}
.title .block-small {
    flex-direction: row;
    gap: 0;
    align-items: flex-end;
}
.cryptomarket-name {
    flex-direction: row;
}
table.currency_table td:first-of-type {
    font-weight: 500;
    font-size: 22px;
}
.markets-wrapper {
    justify-content: left;
}
.sale_small.newyear {
    flex-direction: row;
}
.newyear .sale_header {
    margin-bottom: 0;
}
.market-card {
    width: calc(50% - 5px);
}
table.povs_table {
    table-layout: auto;
}
/* Auto layout sizes every column to its content, so one long branch address used
   to stretch the whole table past the 750px column and under the sidebar. Capping
   the address column makes it take whatever the rate columns leave over — those
   keep sizing to their content — and the address ellipsises inside it (the
   overflow/text-overflow rules live with the base povs_table styles). The cap has
   to be a max-width: a width is only a suggestion to a table cell, whereas a
   max-width smaller than the content makes the cell shrink to the available room. */
table.povs_table td:first-child {
    max-width: 1px;
}

/* Skeletons: rows are shorter from here up, where a rate cell stops stacking
   its value over its change. See "Skeletons" in style.css. */
.skeleton {
    --row: 48px;
}

/* an organisation row is a name and a timestamp - shorter still than a rate */
.organization_table .skeleton {
    --row: 44px;
}

/* the content column is at its widest between here and 1100, where the sidebar
   comes back and narrows it again - so headlines wrap least in this band */
/* the fixing strip fits on one line from here up */
#fixing .skeleton {
    --row: 20px;
}

.news-list .skeleton {
    --row: 52px;
}

/* the news blocks stop stacking here and lay their articles out in a grid */
.news-block .skeleton {
    --rows: 2;
    --row: 265px;
    --cols: 4;
}

#news_block_wide .skeleton {
    --rows: 4;
    --row: 239px;
    --cols: 3;
}

/* Its own breakpoint, not one of the sheet's: the wide block's fifteen 211px
   items fit a fourth column at 908px, well before the 1100 sheet takes over. */
@media (min-width: 908px) {
    #news_block_wide .skeleton {
        --rows: 3;
        --row: 241px;
        --cols: 4;
    }
}
