/*
Theme Name: Chekhov Theme
Version: 1.0
*/

table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}

@font-face {
    font-family: 'Stapel';
    src: url('../fonts/Stapel-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Stapel Expanded Extra';
    src: url('../fonts/Stapel-ExpandedExtraBold.woff2') format('woff2');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Bebas Neue Pro SemiExp Middle';
    src: url('../fonts/BebasNeuePro-SemiExpMiddle.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


th {
    height: 19px;
    vertical-align: middle;
    font-size: 9px;
    padding-left: 10px;
}


td {
    height: 20px;
    vertical-align: middle;
    padding-left: 10px;
}


.table-header {
    background-color: #fff;
    font-family: 'Stapel', serif;
    font-weight: 500;
    text-align: left;
    font-size: 14px;
}

/* .table-header th {
    padding: 10px 0px 10px 25px;
} */

body {
    height: 100vh;
    overflow: hidden;
}


.table-body tr {
    background-color: #000;
    color: #fff;
}

.table-body tr:nth-child(2n+1) {
    background-color: #282828;
}


.table-number {
    font-family: 'Stapel', serif;
    font-size: 12px;
    font-weight: 800;
    text-align: center;
    padding: 0;
}

.thead-table-number {}

.thead-table-name {
    padding-left: 20px;
}

.table-name,
.table-price {
    font-family: 'Stapel', serif;
    font-size: 12px;
    text-transform: uppercase;

}



.thead-table-price {
    text-align: center;
    padding: 0px;
}

.table-style,
.table-locate,
.table-alc,
.table-ibu,
.table-og {
    font-family: 'Stapel', serif;
    font-size: 10px;
}

.table-style,
.table-locate {
    font-size: 10px;
}

.table-number,
.table-name,
.table-price,
.table-style,
.table-locate,
.table-alc,
.table-ibu {
    border: 1px solid #545454;
    border-width: 0px 2px 0px 0px;
}

.col-tap {
    width: 3.9%;
}

.col-beer {
    width: 34.6%;
}

.col-price {
    width: 5.5%;
}

.col-style {
    width: 16.6%;
}

.col-brewery {
    width: 22.5%;
}

.col-abv {
    width: 5.6%;
}

.col-ibu {
    width: 5.7%;
}

.col-og {}

.swiper {
    position: absolute;
    bottom: -30px;
    left: 0;
    width: 100%;

}

.swiper-slide img {
    object-fit: cover;
    height: auto;
    width: 100%;
    object-position: bottom center;
}

.swiper-wrapper {
    align-items: end;
}


.table-name {
    display: flex;
    align-items: center;
    gap: 20px;
}

.extra-field {
    font-family: 'Bebas Neue Pro SemiExp Middle', serif;
    text-transform: none;
    padding-right: 10px;
}

.hidden .table-number span,
.hidden .table-name span,
.hidden .table-price span,
.hidden .table-style span,
.hidden .table-locate span,
.hidden .table-alc span,
.hidden .table-ibu span,
.hidden .table-og span {
    opacity: 0.3;
}