:root {
    --green: #00713C;
    --darkgreen: #013A1F;
    --gold: #cba660;
    --light-grey: #f2f2f2;
    --grey-text: #222222;
    --foot-grey: #7F673A;
    --grey-border: #e8e8e8;
    --pm-table-grey: #f7f7f7;
}

/* /*--grey-text:#7c7c7b;*/
/*
:root { --black: #0d0b08; --black-hover: #1e1c19; --grey: #f3f3f3; }
:root { --color1: rgba(213,43,30,1); --color2: rgba(206,142,0,1); --color3: rgba(91,143,34,1); --color4: rgba(0,118,190,1); }
:root { --color195: rgba(213,43,30,0.95); --color295: rgba(206,142,0,0.95); --color395: rgba(91,143,34,0.95); --color495: rgba(0,118,190,0.95); }
:root { --color175: rgba(213,43,30,0.75); --color275: rgba(206,142,0,0.75); --color375: rgba(91,143,34,0.75); --color475: rgba(0,118,190,0.75); }
:root { --color115: rgba(213,43,30,0.15); --color215: rgba(206,142,0,0.15); --color315: rgba(91,143,34,0.15); --color415: rgba(0,118,190,0.15); }
*/
/******************************************************************************/

body {
    color: #222;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    line-height: 1.75em;
    position: relative;
}

/******************************************************************************/

a {
    color: #222;
}

a:hover {
    text-decoration: none;
}

img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}


picture img {
    border-radius: 14px;
    margin: 20px auto;
}

/*img {
    border: 0;
    margin: 0;
    padding: 0;
    vertical-align: bottom;
}*/

h1, .h1, h2, h3, h4 {
    text-align: center;
    /*font-family: poppins, sans-serif;*/
}

h1, .h1 {
    font-size: 36px;
    font-weight: bold;
    line-height: 1.25em;
    margin-bottom: 0.5em;
    position: relative;
}

h2 {
    font-size: 26px;
    font-weight: bold;
    line-height: 1.5em;
    margin-bottom: 0.5em;
}

h3 {
    font-size: 20px;
    font-weight: bold;
    line-height: 1.5em;
    margin-bottom: 0.5em;
}

h4 {
    font-size: 17px;
    font-weight: bold;
    line-height: 1.5em;
    margin-bottom: 0.5em;
}

.h1 {
    display: block;
}

.h1bg h1, .h1bg .h1 {
    background: url('../img/bg_h1.png') center top no-repeat;
    padding-top: 10px;
}

.pm-title-container {
    position: relative;
}

.pm-title {
    font-size: 32px;
    margin-left: 25px;
    margin-bottom: 15px;
    font-weight: bold;
}

.pm-title::before {
    content: "";
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
    width: 10px;
    height: 10px;
    background-color: #cba660;
    border-radius: 50%;
}


/*
.h1-circle1, .h1-circle2, .h1-circle3, .h1-circle4 { background-position: center top; background-repeat: no-repeat; display: block; font-size: 36px; font-weight: bold; line-height: 1.5em; margin-bottom: 0.5em; padding-top: 70px; position: relative; }

.h1-circle1 { background-image: url('../img/circle/01_brno/icon_circle_01.png'); }
.h1-circle2 { background-image: url('../img/circle/01_brno/icon_circle_02.png'); }
.h1-circle3 { background-image: url('../img/circle/01_brno/icon_circle_03.png'); }
.h1-circle4 { background-image: url('../img/circle/01_brno/icon_circle_04.png'); }
*/

/*
.perexTop { font-size: 22px; font-weight: bold; display: block; margin: 13px 0; }
.perexBottom { font-size: 14px; color: var(--grey-text); display: block; margin-bottom: 13px; }
*/

table {
    border-collapse: collapse;
}

ul {
    padding-left: 20px;
}

ol {
    padding-left: 20px;
}

p, ol, ul {
    font-size: var(--normal-font-size);
    margin-bottom: 16px;
    line-height: 28px;
    text-align: start;
}

/*p {
    margin: 0;
}*/

input, textarea, select {
    font-family: 'Roboto', sans-serif;
    font-size: 1em;
}

iframe {
    max-width: 100%;
}

/******************************************************************************/

.zvyrazneni {
    color: var(--color1);
}

.schema1 .zvyrazneni {
    color: var(--color1);
}

.schema2 .zvyrazneni {
    color: var(--color2);
}

.schema3 .zvyrazneni {
    color: var(--color3);
}

.schema4 .zvyrazneni {
    color: var(--color4);
}

/******************************************************************************/
/* tabulka */

table, th, td {
    border: 1px solid;
    padding: 5px;
    margin: 5px;
}

.table {
}

.table tr th {
    line-height: 1.5em;
}

.table tr th, .table tr td {
    padding: 0px 15px 0px 0;
}

.table tr th, .table thead tr td, .table tr.th td {
    background: var(--highlight);
    background: #ccc;
    color: #111;
    font-weight: normal;
}

/******************************************************************************/
/* tabulka 2 sloupce */

/* Základní styl pro tabulku */
.table-2-cols {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
}

/* Styl pro buňky v tabulce */
.table-2-cols > tbody > tr > td {
    /*border: 1px solid #ddd;*/
    padding: 8px;
    text-align: left;
    vertical-align: top;
}

/* Responzivita - sloupce pod sebou při menších obrazovkách */
@media screen and (max-width: 1050px) {
    .table-2-cols > tbody > tr > td {
        display: block;
        width: 100%;
        box-sizing: border-box;
    }
}

/******************************************************************************/
/* tabulka 2 sloupce - tradiční */

/* Základní styl pro tabulku */
.table-2-cols-traditional {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
}

/* Styl pro buňky v tabulce */
.table-2-cols-traditional > tbody > tr > td {
    /*border: 1px solid #ddd;*/
    padding: 8px;
    text-align: left;
    vertical-align: top;
}

/* Responzivita - sloupce pod sebou při menších obrazovkách */
@media screen and (max-width: 700px) {
    .table-2-cols-traditional > tbody > tr > td {
        display: block;
        width: 100%;
        box-sizing: border-box;
    }

    .table-2-cols-traditional ul {
        margin-top: 0 !important;
    }

    .table-2-cols-traditional > tbody > tr > td {
        padding-top: 0;
        padding-bottom: 0;
    }
}

/******************************************************************************/
/* tabulka pokerman */

.table-pokerman {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #e5e5e5;
    overflow-x: auto;
    display: block;
    height: auto !important;
}

.table-pokerman tr:first-child {
    background: var(--pm-table-grey);
    color: #000;
    font-weight: bold;
}

.table-pokerman tr:nth-child(even) { /*background: #ddd;*/
}

.table-pokerman td {
    padding: 10px;
    text-align: left;
    border-bottom: 1px solid #e5e5e5;
}

.table-pokerman th {
    background-color: var(--green);
    color: #fff;
    font-weight: bold;
}

/******************************************************************************/
/* tlačítko pokerman */

.tlacitko-pokerman {
    font-size: 14px;
    padding: 10px 15px;
    background: var(--gold);
    color: #fff;
    width: fit-content;
    display: block;
    text-decoration: none;
    font-family: Roboto-Medium, sans-serif;
    min-width: 140px;
    text-align: center;
    border: none;
}

/******************************************************************************/
/* tlačítko online-herny */

.tlacitko-online-herny {
    padding: 10px;
    color: #fff;
    background: #000;
    text-align: center;
    font-size: 14px;
    width: fit-content;
    text-decoration: none;
    border-radius: 10px;
}

.tlacitko-online-herny-negativ {
    padding: 10px;
    color: #000;
    background: #fff;
    text-align: center;
    font-size: 14px;
    width: fit-content;
    text-decoration: none;
    border-radius: 10px;
}

/*
tr.table-online-2-cols:first-of-type td { width: 200px; }
tr.table-online-2-cols:last-of-type td { background: var(--gold); color: #fff;  }
tr.table-online-3-cols:first-of-type td { width: 200px; }
tr.table-online-3-cols:last-of-type td { background: var(--gold); color: #fff;  }
tr.table-online-3-cols:nth-last-of-type(2) td { background: var(--green); color: #fff; }
*/

.tlacitko-bonusy {
    background: var(--green);
    color: #fff;
    text-align: center;
    width: 75px;
    height: 30px;
    border-radius: 10px;
}

.tlacitko-zahrej-si {
    background: var(--gold);
    color: #fff;
    text-align: center;
    width: 75px;
    height: 30px;
    border-radius: 10px;
}

.tlacitko-registruj-se {
    background: var(--gold);
    color: #fff;
    text-align: center;
    width: 150px;
    height: 30px;
    border-radius: 10px;
}

/*
.tlacitko-online-herny { padding: 0; color: #fff; background: #000; text-align: center; font-size: 14px; width: 100%; height: 100%; text-decoration: none; border-radius: 10px; }
.tlacitko-online-herny-negativ { padding: 0; color: #000; background: #fff; text-align: center; font-size: 14px; width: 100%; height: 100%; text-decoration: none; border-radius: 10px; }
*/

/******************************************************************************/
/* tabulka online-herny */

table.table-online-gaming {
    border-spacing: 3px;
    border-collapse: separate;
    background: #fff;
    padding: 10px;
    font-size: 13px;
}

.table-online-gaming tr td:first-of-type {
    width: 125px;
    height: 30px;
    text-align: center;
    padding: 5px;
    border-radius: 10px;
}

.table-online-gaming tr td img {
    vertical-align: middle;
    height: auto;
    max-height: 30px;
    width: auto;
}

.table-online-gaming a {
    text-decoration: none;
    color: inherit;
}

.table-online-gaming tr td a {
    white-space: nowrap;
    display: block;
    width: 100%;
}

.table-online-gaming tr:last-of-type td {
    padding-top: 10px;
    font-size: 11px;
    line-height: 1.25em;
}

/*
.table-online-gaming { width: 100%; max-width: 350px; margin-bottom: 5px; }
.table-online-gaming tr td:nth-child(1) { padding-left: 5px; }
.table-online-gaming tr td:nth-child(2), .table-online-gaming tr td:nth-child(3) { padding: 0px; }
.table-online-gaming tr td { height: 60px; border-bottom: 10px solid #f2f2f2; }
.table-online-gaming a { text-decoration: none; color: inherit; }
.table-online-gaming tr td:first-of-type img { max-width: 100px; }
.table-online-gaming tr td a { white-space: nowrap; }
.table-online-gaming thead { display: none; }
*/

.table-online-gaming-other tr td {
    padding: 15px;
}

.table-online-gaming-other tr td {
    line-height: 1.25em;
    font-size: 14px;
}

.table-online-gaming-other tr td a {
    text-decoration: none;
}

@media screen and (max-width: 400px) {
    .table-online-gaming-other tr td:first-of-type {
        min-width: 50px;
    }

    .table-online-gaming-other tr td {
        padding: 10px;
    }

    .table-online-gaming-other .tlacitko-online-herny-negativ, .table-online-gaming-other .tlacitko-online-herny {
        padding: 5px;
    }
}

/******************************************************************************/
/* respinzivní tabulka */

/* Responsivní tabulka */
.responsive-table {
    width: 100%;
    overflow-x: auto;
}

.responsive-table table {
    width: 100%;
    border-collapse: collapse;
}

.responsive-table th,
.responsive-table td {
    padding: 8px;
    text-align: left;
    border-bottom: 1px solid #ddd;
}

/* Nastavení zobrazení pro menší zařízení */
@media screen and (max-width: 600px) {
    .responsive-table table {
        width: 100%;
    }

    .responsive-table thead,
    .responsive-table tbody,
    .responsive-table th,
    .responsive-table td,
    .responsive-table tr {
        display: block;
    }

    /* Nastavení hlavičky tabulky */
    .responsive-table thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .responsive-table tr {
        border: 1px solid #ddd;
    }

    .responsive-table td {
        border: none;
        border-bottom: 1px solid #ddd;
        position: relative;
        padding-left: 40%;
    }

    .responsive-table td:before {
        position: absolute;
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
    }

    .responsive-table td:before {
        content: attr(data-label);
    }
}

/******************************************************************************/
/* tlačítka */
/*
.button { background: var(--color1); border: 0; color: #eee; cursor: pointer; display: inline-block; font-size: small; font-weight: bold; padding: 8px 25px; text-align: center; text-decoration: none; }
.button:hover { color: var(--black); }
.schema1 .button { background: var(--color1); }
.schema2 .button { background: var(--color2); }
.schema3 .button { background: var(--color3); }
.schema4 .button { background: var(--color4); }

.button.w100 { width: 100%; }
.button.small { line-height: 1.25em; padding: 2px 5px; text-transform: none; }

.button-black { background: var(--black) !important; color: #fff; }
.button-black:hover { color: var(--color1); }
.schema1 .button-black:hover { color: var(--color1); }
.schema2 .button-black:hover { color: var(--color2); }
.schema3 .button-black:hover { color: var(--color3); }
.schema4 .button-black:hover { color: var(--color4); }

.button-white { background: #fff; color: #222; }
.button-white:hover { background: #eee; }
*/
/******************************************************************************/
/* tabulka - ceník */

/*
.table-envelope { width: auto !important; }
.table-envelope tr th, .table-envelope thead tr td { background: #777; color: #fff !important; padding: 3px 15px; }
.table-envelope tr th:first-child { text-align: left; }
.table-envelope tr td { padding: 3px 15px; vertical-align: top; }
.table-envelope tr td:first-child { color: var(--highlight); }
.table-envelope tr td:last-child { white-space: nowrap; }
.table-envelope tr:nth-child(even) td { background: #efefef; }
.table-envelope tr:nth-child(odd) td {}
*/

/******************************************************************************/
/* tabulka - o nás */

/*
.table-about-us { width: 100%; }
.table-about-us tr td { padding: 10px 15px; vertical-align: top; }
.table-about-us tr td:first-child { border-right: 1px solid #ddd; }
.table-about-us tr:nth-child(even) td { background: #eee; }
.table-about-us tr:nth-child(odd) td {}
*/

/******************************************************************************/
/* tabulka - otvírací doba */

/*
.table-opening-hours {}
.table-opening-hours tr td { padding: 0 15px; }
.table-opening-hours tr:nth-child(even) td { background: #eee; }
.table-opening-hours tr:nth-child(odd) td {}
*/

/******************************************************************************/
/* tabulka - adresa */

/*
.table-address { width: 100% !important; }
.table-address tr td { overflow: hidden; position: relative; vertical-align: top; }
.table-address iframe { height: 210px; width: 99.99%; }
*/
/******************************************************************************/
/* tabulka - kontakty */

/*
.table-contacts { width: 100% !important; }
.table-contacts tr td { padding: 0 15px 45px 0; vertical-align: top; width: 33.33% !important; }
*/

/******************************************************************************/
/* tabulka - zelená */

.tabulka-zelena {
    border-collapse: collapse;
    border: 3px double #999 !important;
}

.tabulka-zelena th, .tabulka-zelena td {
    border: 1px solid #999;
    padding: 4px 10px;
}

.tabulka-zelena thead tr td, .tabulka-zelena tr th {
    background: var(--green);
    color: #fff;
    font-weight: normal;
    line-height: 1.5em;
}

.tabulka-zelena th a {
    color: #fff;
}

.tabulka-zelena tr td {
    background: #bfedd2;
}

.tabulka-zelena tr:nth-child(even) td {
    background: #cffee3;
}

.tabulka-zelena tbody tr:hover td {
    background: #aedcc1;
}