:root { --green: #00713C; --light-green: #c2d8ce; --darkgreen: #013A1F; --gold: #cba660; --light-grey: #f2f2f2; --grey-text: #222222; --foot-grey: #7F673A; --grey-border: #e8e8e8; --pm-table-grey: #f7f7f7; }
* { padding: 0; margin: 0; }

/******************************************************************************/

.color-gold { color: var(--gold); }
.svg-icon-menu { height: 25px; margin-right: 2px; }

/******************************************************************************/
/* banner nahoře v detailu článku */
.banner-article-detail-top { max-width: 350px; padding: 10px 0; } 


/******************************************************************************/
/* boční bannery: nepoužívaná starší verze */

.lb { background: #f2f2f2; box-sizing: border-box; /* Zapnutí box modelu pro zahrnutí padding a border do celkové šířky */ min-width: 150px; overflow: hidden; position: fixed; right: calc(((100% - 1280px) / 2) + 1280px + 15px); text-align: right; top: 0; width: calc(((100% - 1280px) / 2) - 15px); z-index: 10; }
.lb img { /* max-width: 266px; */ width: 100%; height: auto; }

.rb { background: #f2f2f2; box-sizing: border-box; /* Zapnutí box modelu pro zahrnutí padding a border do celkové šířky */ left: calc(((100% - 1280px) / 2) + 1280px + 15px); min-width: 150px; overflow: hidden; position: fixed; text-align: left; top: 0; width: calc(((100% - 1280px) / 2) - 15px); z-index: 10; }
.rb img { /* max-width: 266px; */ width: 100%; height: auto; }

/******************************************************************************/
/* slider: akce a výsledky */

.slider2 {max-width: 1920px; width: auto; max-height: 287px; height: auto; overflow: hidden; margin: 0 auto; }
.article-slider { max-width: 1280px; width: auto; max-height: 400px; height: auto; overflow: hidden; }

/******************************************************************************/

.input { padding: 7px; width: calc(100% - 16px); }
.select { padding: 7px; width: 100%; }
.submit { padding: 10px; width: 100%; }

/*.button-main { 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; line-height: 1.75em; }*/
.button-main { font-size: 12px; font-weight: bold; padding: 5px 0px; background: var(--gold); color: #fff; width: fit-content; display: block; text-decoration: none; font-family: Roboto-Medium, sans-serif;   min-width: 145px; text-align: center; border: none; line-height: 1.75em; }
.button-main:hover { cursor: pointer; }
.button-back, a.button-back { color: var(--green); text-decoration: none; }

.responsive-design { font-size: 1em; }
/* .scroll #slider, #subpage.scroll #content { margin-top: 0; } */

.pm-title-container { position: relative; }
.pm-title { font-size: 32px; font-weight: bold; margin-left: 25px; margin-bottom: 15px; }
.pm-title::before { content: ""; position: absolute; left: 0px; top: 50%; transform: translateY(-50%); width: 10px; height: 10px; background-color: var(--gold); border-radius: 50%; }

a.navigate, .navigate { color: var(--green); text-decoration: none; }

/******************************************************************************/

.ui-widget, .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: poppins; font-size: 1em; }
.custom-combobox-toggle { margin: -2px 0 0 1px; padding: 8px 2px 8px 1px; }

a[href^="tel"] { color: inherit; text-decoration: none; }
a[x-apple-data-detectors] { color: inherit !important; text-decoration: none !important; font-size: inherit !important; font-family: inherit !important; font-weight: inherit !important; line-height: inherit !important; }

#mapsitna { display: none; }
.grecaptcha-badge { visibility: hidden; }

img.icon { width: 15px!important; }

/******************************************************************************/

.highlight { color: var(--color1); }
.highlight2 { color: var(--yellow); }
.nu { text-decoration: none; }
.nu:hover { text-decoration: underline; }
.un { text-decoration: underline; }
.un:hover { text-decoration: none; }
.nn { text-decoration: none; }
.nn:hover { text-decoration: none; }
.nc { text-decoration: none; }
.nc:hover { color: #eb2332; color: #1aa9e6; }
.ui-tooltip { background: #444; border: 0; border-radius: 2px; box-shadow: none; color: #fff; font-family: poppins; font-size: 12px; }
.hidden { display: none; }
.clear { clear: both; }
.text-shadow { text-shadow: 1px 2px 3px #222; }
.center { text-align: center; }
.uppercase { text-transform: uppercase; }
.go-back { display: inline-block; margin-top: 3em; }
.fa-plus-circle { font-size: 40px; color:#4caf50; }

.mobile-only { display: none; }

/******************************************************************************/
/* hlášky */

.msg-ok { background: #45a049; color: #fff; margin-bottom: 1em; padding: 5px 15px; }
.msg-error { background: #c00; color: #fff; margin-bottom: 1em; padding: 5px 15px; }
.msg-ok a, .msg-error a { color: #fff; }

/******************************************************************************/
/* blok */

.wrap1 { clear: both; float: left; position: relative; width: 100%; }
.wrap2 { margin: 0 auto; position: relative; width: 1300px; }
.content { background: #fff; float: left; padding: 20px 10px; position: relative; width: calc(100% - 20px); z-index: 2; }

.wrap-title { border-bottom: 1px solid #999; width: 50%; }
.wrap-title .title { border: 1px solid #999; border-bottom: 0; display: inline-block; left: calc(100% - (1260px / 2) + 25px); padding: 3px 15px; position: relative; text-transform: uppercase; }

/******************************************************************************/
/* odsazení */

#indentation { height: 121px; } /* odsazení rovná se vy výchozím stavu výšce hlavičky; dále se v indentation.js zohledňují bannery */
body.version-b #indentation { margin-top: 200px; } /* při zobrazení hlavního banneru: orámování webu */

/******************************************************************************/
/* URL hlavního banneru: orámování webu */

#ba1-url { display: block; height: 100vh; left: 0; position: absolute; bottom: 0; width: 100%; z-index: 1; }
#ba1-url { position: fixed; }

/******************************************************************************/
/* šedé pozadí */

body.version-a .grey-background, .grey-background .content { background: var(--light-grey); }

/******************************************************************************/
/* modální okno */

.modal-basket-buttons { display: inline-flex; margin-bottom: 1em; }

/* the modal (background) */
.modal { display: none; position: fixed; height: 100%; padding-top: 50px; left: 0; top: 0; bottom: 0; width: 100%; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.75); padding-bottom: 0vh; z-index: 13;  overflow: auto; }
.pm-modal { padding: 2%; }

/* the modal - trendy (background) */
.modal_window { display: none; position: fixed; left: 0; top: 0; bottom: 0; width: 100%; padding-top: 0; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.75); padding-bottom: 0vh; z-index: 13; overflow: auto; height: 100%; }
/*.modal_window img { width: 100%; }*/

/* modal content */
.modal_window-content { background-color: #fefefe; margin: 5% auto; padding: 0; border: 1px solid #888; max-width: 1080px; height: auto; }

/* the close button */
.close-window-block { position: relative; }
.close_window { color: #000; float: right; font-size: 40px; font-weight: bold; text-align: right; opacity: .8; height: 15px; cursor: pointer; position: absolute; right: 0; top: 0px; }
.close_window:hover { color: red; text-decoration: none; cursor: pointer; }

/******************************************************************************/
/* rychlý kontakt */

#fast-contact {}
.fast-contact { z-index: 13; background-size: 100%; display: inline-block; display: none; height: 75px; position: absolute; right: 60px; top: 175px; width: 75px; }
.fast-contact { position: fixed; }
.fast-contact:hover { background-position: 0 -75px; }
.fast-contact:first-of-type { top: 225px;}
.fast-contact:nth-of-type(2) { top: 293px;}
.fast-contact:last-of-type { top: 360px;}

/******************************************************************************/
/* plášť hlavičky */

#wrap-head { position: static; top: 0; z-index: 13; }
body.version-a #wrap-head { background: var(--green); }

/******************************************************************************/
/* hlavička */

#head {}
#head .content { background: var(--green); padding-bottom: 0; padding-top: 0; text-align: right; }
.head-divide { border-bottom: 0.1px solid #93c8ac; }

/* eshop */
#head .eshop, #head .media { background: var(--gold); color: #fff; border-radius: 5px; padding: 6px 40px; text-decoration: none; font-size: 13px; }
.block-head-eshop { position: absolute; left: 440px; top: 25px; }
.block-head-media { position: absolute; left: 310px; top: 25px; }

/******************************************************************************/
/* logo */

#logo { display: inline-block; left: 10px; position: absolute; text-decoration: none; top: 20px; vertical-align: middle; }
#logo img { height: auto; max-width: 100%; }

#logo-hp {}
#logo-sp { display: none; }

#subpage #logo-hp { display: none; }
#subpage #logo-sp { display: block; }

#wrap-head.scroll #logo-hp { display: none !important; }
#wrap-head.scroll #logo-sp { display: block !important; }

/******************************************************************************/
/* menu */

.menu { clear: both; display: inline-block; position: relative; text-align: center; }
.menu li { display: inline-block; list-style: none; margin: 0 5px; position: relative; }
.menu li::before { content: ""; display: none; }
.menu li, .menu li a { color: #93c8ac; }
.menu li a { display: block; line-height: 1.5em; text-align: center; text-decoration: none; }
.menu li a:hover, .menu li a.active { color: #fff; transition: background .25s; }
.menu li a.active { font-weight: bold; }

.menu li.home { display: none; }
.menu li.icon { display: none; }
.search-menu { display: none; }
.icon-menu { display: none; }

/* submenu */
.menu li ul { display: block; margin: 0; padding: 5px 0 0 0; position: absolute; visibility: hidden; z-index: 9; }
.menu li ul li { display: block !important; float: none; margin: 0; padding: 3.5px 10px; white-space: nowrap; width: auto !important; }
.menu li ul li a { display: block; text-align: left; width: auto; }
.menu li ul li a:link, .menu li ul li a:visited { width: auto; }
.menu li ul li a:hover, .menu li ul li a.active { }

.submenu { display: none; }

/******************************************************************************/
/* menu1 */

#menu1 { background: var(--black); padding: 6px 0; text-align: center; vertical-align: top; width: 100%; }
#menu1 li { margin: 0 50px; position: relative; }
#me1:hover a, #me1.active a { color: var(--color1); }
#me2:hover a, #me2.active a { color: var(--color2); }
#me3:hover a, #me3.active a { color: var(--color3); }
#me4:hover a, #me4.active a { color: var(--color4); }

/******************************************************************************/
/* hlavička bloky */

#block-head { display: inline-block; margin: 20px 0 20px 0; vertical-align: top; width: calc(100% - 520px); }

.block-head { display: inline-block; /*margin-right: 180px;*/ vertical-align: bottom; font-size: 13px; }
.block-head:last-child { margin: 0; }

.button-bonus { text-decoration: none; color: #fff; }
/*.form-search { display: inline-block; }*/
.form-search { display: none; }
.form-search.inline-block { display: inline-block; }
.show-form-search { text-decoration: none; color: #fff; display: inline-block; }
.show-form-search:hover { cursor: pointer; }

#social-head { display: inline-block; }
#link-head {}
#lang {}
#registration {}
#registration a { color: #fff; text-decoration: none; }
.button-signin, .button-signup, .button-turnament-today, .button-bonus { text-decoration: none; color: #fff; /*border: 2px solid var(--darkgreen);*/ /*padding: 7px 30px;*/ padding: 7px 0px 0px 30px; width: auto; font-size: 13px; }
.button-search { padding: 7px 0px 0px 0px; }
.button-turnament-today-mobile { height: 26px; position: absolute; top: 16px; right: 75px; background: var(--gold); color: #fff; /*border-radius: 10px;*/ padding: 0px 5px; font-size: 13px; display: none; border-radius: 5px; }
.button-turnament-today { margin-right: 10px; }
/*.button-signin:hover, .button-signup:hover { text-decoration: none; background: var(--darkgreen); cursor: pointer; }*/

#social-head img { filter: invert(100%); }

.button-circle { background: #fff; border-radius: 50%; color: #000; display: inline-block; font-size: 1.5em; height: 39px; line-height: 1em; padding: 16px 0 0 0; text-align: center; text-decoration: none; width: 54px; z-index: 15; }
.button-circle.without-bg { /*background: none; color: var(--black);*/ }
.button-circle.without-bg:hover { background: var(--gold); }
.button-circle img { height: 66%; width: auto; }
.button-circle:hover img { filter: invert(0%); }
.button-circle:hover { background: var(--gold); }

.button-head { background: var(--black); color: #eee; display: inline-block; padding: 6px 15px; text-decoration: none; }
.button-head:hover { color: var(--color1); }
.schema1 .button-head:hover { color: var(--color1); }
.schema2 .button-head:hover { color: var(--color2); }
.schema3 .button-head:hover { color: var(--color3); }
.schema4 .button-head:hover { color: var(--color4); }

/******************************************************************************/
/* menu2 */

#menu2 { padding: 10px 0; }
#menu2, #menu2 li ul li { background: var(--green); display: block; text-align: left; /*border-top: 0.5px solid #013A1F;*/ }
#menu2 li { margin: 0 30px; position: relative; }
#menu2 li:first-of-type { margin-left: 0; }
#menu2 li:nth-last-child(2) { margin-right: 0; }
/*#menu2 li:nth-last-of-type(3) { margin-right: 0; }*/
#menu2 li ul li { margin: 0; }
/*#menu2 li a:hover, #menu2 li a.active { color: var(--black); }*/
#menu2 li a:hover::after, #menu2 li a.active::after {   content: ''; position: absolute; bottom: -12px; left: 0; width: 100%; height: 5px; background-color: var(--gold); }
#menu2.open .menu-sign-in, #menu2 .menu-sign-in { display: none; }
#sign-in a { color: #fff; text-decoration: none; }

/******************************************************************************/
/* tabulka block v registračním formuláři */

.ac-block { float: left; margin-bottom: 3em; padding-right: 4%; width: 46%; }

.table-block { width: 100%; }
.table-block td { padding: 5px 10px 5px 0; }
.table-block td.width { width: 125px; }
.table-block td input[type="text"], .table-block td input[type="password"] { width: calc(100% - 12px); }

/******************************************************************************/
/* přihlašovací formulář */

.block { background-color: #f2f2f2; margin: 0 auto; max-width: 400px; padding: 20px; width: 100%; }
.table-login { margin-bottom: 10px; width: 100%; }
.table-login td { padding: 8px; }

.reg { text-align: right; }
.reg label { display: block; font-weight: bold; margin-bottom: 5px; }
.reg input[type="text"], .reg input[type="password"] { border: 1px solid #ccc; border-radius: 4px; padding: 8px; width: 100%; }
.reg .submit-button { background-color: #4caf50; border: none; border-radius: 4px; color: #fff; cursor: pointer; display: inline-block; font-size: 14px; margin-top: 0; padding: 10px 20px; text-align: center; text-decoration: none; }
.reg label[for="remember"] { color: #555; font-size: 14px; margin-left: 10px; }
.reg .submit-button:hover { background-color: #45a049; }
.reg a { color: #007bff; text-decoration: none; }
.reg a:first-child { margin-right: 5px; }
.reg a:last-child { margin-left: 5px; }
.reg a:hover { text-decoration: underline; }

/******************************************************************************/
/* registrační formulář */

.block { background-color: #f2f2f2; max-width: 100%; /* Zde upravte na požadovanou šířku formuláře */ margin: 0 auto; padding: 20px; width: 100%; }
.block-login { max-width: 500px; }
.ac-block { margin-bottom: 3em; }
.ac-block small { font-size: 12px; }

.reg { padding: 8px; text-align: left; }
.reg label { display: inline-block; font-weight: bold; margin-bottom: 5px; }
.reg .width { width: 125px; }

.table-block { width: 100%; }
.table-block .reg input[type="text"], .table-block .reg select, .table-block .reg input[type="password"] { background: #fff; border: 1px solid #ccc; border-radius: 4px; padding: 8px; width: calc(100% - 18px); }
.table-block .reg select { padding: 8px; width: 100%; }

.highlight { font-weight: bold; margin-bottom: 10px; }
.submit-button { background-color: #4caf50; border: none; border-radius: 4px; color: #fff; cursor: pointer; display: inline-block; font-size: 14px; margin-top: 20px; padding: 10px 20px; text-align: center; text-decoration: none; }
.submit-button:hover { background-color: #45a049; }

/******************************************************************************/
/* ulice, PSČ */

.table-block input[type="text"].street { float: left; margin-right: 8px; width: calc(70% - 20px); }
.table-block input[type="text"].number { width: calc(30% - 25px); }

/******************************************************************************/
/* slider */

#slider { position: relative; }
body.version-a #slider, #slider .content { background: var(--green); }
body.version-a #slider .wrap2 { width: 100% !important; }
body.version-b #slider { display: none; }

#slider .content { overflow: hidden; padding: 0; position: relative; width: 100%; }
#slider .content ul li { list-style: none; }
#slider .content ul li a { display: inline-block; width: 100%; }
#slider .content ul li a img { height: auto; max-width: 100% !important; }

#slider .wrap2 .content { min-height: auto; }
#slider .title { color: #fff; font-size: 6em; font-weight: bold; left: calc((100% - 1260px) /2); line-height: 1.25em; position: absolute; text-transform: uppercase; top: 20vh; z-index: 3; }

.slider-box { background: rgba(234,184,25,1); position: absolute; width: 350px; }
.slider-box.left { left: 0; top: 25px; }
.slider-box.right { bottom: 25px; right: 0; }
.slider-box .up { background: rgba(234,184,25,1); color: #000; font-weight: bold; margin-bottom: 3px; padding: 10px 15px; position: relative; }
.slider-box .up .bl1 { font-size: 1.5em; font-weight: bold; line-height: 1.25em; }
.slider-box .down { background: rgba(255,255,255,1); border-bottom: 1px solid #ccc; font-size: 12px; padding: 7px 15px; }
.slider-box .down .more { background: url('../img/arrow_000.png') right center no-repeat; padding: 0 20px 0 0; }

.slick-dots li::before { content: ""; }
#slider .slick-dots { bottom: 0; }
#slider .slick-dots li button:before { background: #fff; border: 1px solid #fff; border-radius: 10px; color: #fff; font-size: 10px; height: 15px; width: 15px; }

#slider .slick-slide img { height: auto; margin: 0 auto; width: 100%; }
#slider .slick-prev::before, #slider .slick-next::before { color: #fff; font-size: 40px; }
#slider .slick-next { right: 30px; }
.slick-dotted.slick-slider { margin-bottom: 0; }

.custom-progress-bar-container { display: none; }
.custom-progress-bar-container { position: relative; width: 60%; margin: 20px auto; border: 5px solid #e9e9e9; height: 5px; border-radius: 10px; background: #e9e9e9; }
.custom-progress-bar-title {   position: absolute; left: 50%; transform: translateX(-50%); color: #aaa; white-space: nowrap; padding-top: 10px; }
.custom-progress-bar { position: absolute; bottom: 0; left: 0; height: 5px; background-color: #cba660;  width: 0;  transition: width 0.5s ease; }

.slider-warning { display: none; text-align: center; padding: 10px; background: var(--green); color: #fff; line-height: 1.2em; font-size: 12px; }

/******************************************************************************/
/* slider: tlačítko rychlý kontakt */

#button-fast-contact { background: var(--color1); bottom: 175px; bottom: 7%; color: #fff; display: inline-block; font-size: 1.25em; font-weight: bold; left: 0; margin-left: auto; margin-right: auto; padding: 10px; position: absolute; right: 0; text-align: center; text-decoration: none; text-transform: uppercase; width: 275px; z-index: 9; }
#button-fast-contact:hover { background: var(--color1); }

/******************************************************************************/
/* obsah */

/*#homepage #content { display: none; }*/
#subpage #content { margin-top: 0px!important; /*min-height: 500px;*/ }

#breadcrumbs { margin-bottom: 1em; }

#content ul { margin-top: .5em; }
#content ul li { line-height: 1.75em; }
#content img { height: auto; max-width: 100%; }

#content.view-menu-left .content { background: url('../img/bg_content.png') 225px 0 repeat-y; }

/******************************************************************************/
/* obsah: turnaje */

body.version-a #content-tl, #content-tl .content { background: var(--light-grey); }

/******************************************************************************/
/* pomocná kotva; řeší zafixované menu */

.anchor { position: absolute; top: -210px; }

/******************************************************************************/
/* obsah - levá + pravá strana */

.wrap-left.view-menu-left { display: inline-block; padding-right: 25px; vertical-align: top; width: 250px; }
.wrap-right.view-menu-left { display: inline-block; padding-left: 25px; vertical-align: top; width: calc(100% - 300px); }

#content .wrap-left ul { margin-top: 0; }

/******************************************************************************/
/* submenu */

#submenu { font-size: .85em; margin: 0 0 5em 0; padding: 0; }
#submenu li { margin: 0; }
#submenu li::before { content: ""; display: none; }
#submenu li a { border-bottom: 1px solid #aaa; display: block; padding: .25em 0; text-decoration: none; }
#submenu li.icon { display: none; }

#submenu li ul { background: #efefef; margin: 0; padding: 0; }
#submenu li ul li { }
#submenu li ul li a { padding: .25em 10px; }

#submenu li a:hover, #submenu li a.active { color: var(--color1); transition: background .5s; }
.schema1 #submenu li a:hover, .schema1 #submenu li a.active { color: var(--color1); }
.schema2 #submenu li a:hover, .schema2 #submenu li a.active { color: var(--color2); }
.schema3 #submenu li a:hover, .schema3 #submenu li a.active { color: var(--color3); }
.schema4 #submenu li a:hover, .schema4 #submenu li a.active { color: var(--color4); }

/******************************************************************************/
/* slider content */

.slider-content { margin-bottom: 3em !important; }
.slider-content a { display: inline-block; }
.slider-content a img { height: auto; width: 100%; }

/*
.slider-content a { display: block; padding-top: 5.54%; overflow: hidden; position: relative; width: 100%; }
.slider-content a img { left: 0; height: auto; position: absolute; top: 0; width: 100%; }
*/

/******************************************************************************/
/* dlaždice */

#tiles {}

.tile { background: #efefef; display: inline-block; font-size: .85em; margin: 5px; padding: 10px; text-align: center; text-decoration: none; vertical-align: top; width: calc(25% - 30px); }
.tile .wrap-img { background: #dedede; margin-bottom: 1em; padding-top: 100%; position: relative; }
.tile .wrap-img img { height: auto; left: 0; opacity: .9; position: absolute; top: 0; width: 100%; }

.tile:hover { background: #dedede; }
.tile:hover .wrap-img { background: #cecece; }
.tile:hover .wrap-img img { opacity: 1; }

/******************************************************************************/
/* fotografie */

.wrap-photo { }
.photo { display: inline-block; margin: 5px; }
.photo img { height: auto; vertical-align: top; width: 147px; }
.photo:hover img { opacity: 0.95; }

.photo-product { display: inline-block; margin: 1em 25px 1em 0; }
.photo-product .title { font-weight: bold; margin-bottom:.5em; }

/******************************************************************************/
/* aktuálně & cash games */

#news-homepage { z-index: 12; }
body.version-a #news-homepage, #news-homepage .content { background: var(--light-grey); }

#news-homepage .col { display: inline-block; /*height: 640px;*/ vertical-align: top; }
#news-homepage .col img { max-width: 100%; height: auto; }
#news-homepage .col .col-block { /*height: 640px;*/ /*background: #fff;*/ position: relative; }
#news-homepage .col .cash-games-unactive { position: absolute; top: 40px; margin: 0 auto; color: #fff; padding: 30px; font-size: 32px; line-height: 35px; text-align: left; }
#news-homepage .col.news-homepage .col-block { background: #fff; padding: 15px; }
#news-homepage .col .col-block .col-col { width: calc(50% - 10px); margin-right: 10px; display: inline-block; vertical-align: top; }
#news-homepage .col .col-block .col-col:last-of-type { margin-right: 0; }
#news-homepage .col.news-homepage { width: calc(100% - 312px); margin-right: 0px;}
#news-homepage .col.cash-games { width: 260px; margin-right: 0px; }
#news-homepage .col.online-gaming { width: 295px; /*line-height: 1em;*/ margin-right: 13px; }
#news-homepage .col.online-gaming .pm-title { margin-bottom: 15px; }
#news-homepage .news-homepage .news-reporting { width: 100%; }
#news-homepage .news-right .news-reporting-perex-title, #news-homepage .news-left .news-reporting-perex-title { margin-top: 0; }
#news-homepage .news-reporting .news-reporting-perex-title { margin-top: 10px; }
#news-homepage .button-main { margin-top: 12px; }
/*#news-homepage .cash-games .button-main { float: right; }*/
#news-homepage .col-left { width: calc(100% - 275px); display: inline-block; margin-right: 15px; float: left; }
.schema.version-b #news-homepage .col-left { margin-right: 0; }
.schema.version-b #news-homepage .col-left:last-of-type { width: 100%; }
.schema.version-b #news-homepage .col-left:last-of-type .content { padding: 20px 20px; width: calc(100% - 20px); margin-left: -10px; }
#news-homepage .col-left:last-of-type #news-reporting { margin: 20px 0; }
#news-homepage .col-right { width: 260px; float: right; }

#quick-cash-games { font-size: 12px; width: 100%; text-align: center; line-height: 1.4em; border-collapse: separate; border-spacing: 0 10px; }
/*#quick-cash-games tr:nth-child(odd) { background: #d0d0d0; }*/
/*#quick-cash-games tr:nth-child(even) { background: #e9e9e9; }*/
/*#quick-cash-games tr td:first-of-type { padding-left: 10px; }*/
#quick-cash-games td.title a { /*font-weight: bold;*/ color:var(--green); text-decoration: none; }

#quick-cash-games tr td { /*padding-bottom: 10px;*/ vertical-align: inherit; }

#quick-cash-games tr td:first-of-type { text-align: left; /*width: calc(100% - 180px);*/ width: max-content; line-height: 1em; font-weight: bold; }
#quick-cash-games tr td:last-of-type { width: fit-content; min-width: 145px; }
/*
#quick-cash-games tr td:last-of-type { width: 45px; text-align: right; padding-left: 5px!important; }
*/
#cash-games-list #quick-cash-games tr td:last-of-type { min-width: 165px; }
#quick-cash-games tr td:last-of-type { /*min-width: 140px;*/ text-align: right; padding-left: 5px!important; }
/*
#quick-cash-games tr td:nth-of-type(2) {width: 150px; text-align: right; padding-left: 5px!important; }
#quick-cash-games tr td:nth-of-type(3) { width: 90px; text-align: right; padding-left: 5px!important; }
*/
.all-cash-games { display: flex; justify-content: flex-start; }
.all-cash-games-turnaments { display: none; }

/*.news-right-container { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 3px solid var(--grey-border); }*/
.news-right-container-divide { margin: 15px 0; border-bottom: 2px solid var(--grey-border); width: 65%; }
.news-homepage .news-right .news-right-container-divide:first-of-type { display: none; }
.news-right-container:last-of-type { margin-bottom: 0; padding-bottom: 0; border: none; }
.news-right-container .right, .news-right-container .left { display: inline-block; vertical-align: top; position: relative; }
.news-right-container .left { width: calc(33% - 18px); }
.news-right-container .right {width: 66%; padding-left: 20px; }
.news-right-container .date { color: var(--gold); font-size: 14px; }
.news-right-container .date .icon { vertical-align: initial; margin-right: 12px; }

/******************************************************************************/
/* okno: online poker a cash game */

#open-online-gaming { display: none; z-index: 13; }
.open-online-gaming-container { display: flex;  position: fixed; left: 0; top: 585px; transform-origin: top left; transform: rotate(90deg) translateY(-100%); z-index: 3; }
#open-online-gaming:hover { cursor:  pointer; }
#open-online-gaming .open-og { background: var(--gold); padding: 0 10px; color: #fff; border-radius: 10px 10px 0 0; display: inline-block; }
#open-online-gaming .open-cg { background: var(--green); padding: 0 10px; color: #fff; border-radius: 10px 10px 0 0; display: inline-block; }

/*#open-online-gaming:hover .open-cg,*/
/*
#open-online-gaming:hover .open-tu { padding: 10px 10px 20px 10px; transition: all .1s ease-in-out; }
*/
.close-online-gaming { z-index: 999; position: absolute; top: 0; right: 0; display: none; background: var(--green); text-align: center; font-size: 50px; color: #fff; padding: 20px; margin-top: -10px; }
.close-online-gaming:hover { cursor:  pointer; }

.online-gaming .mobileScroll { display: none; }

/******************************************************************************/
/* zpravodajství */

body.version-a#homepage #news-reporting, #homepage #news-reporting .content { background: #fff; }

#news-reporting a { text-decoration: none; }
#news-reporting .button-main { float: right; }

.news-reporting { display: inline-block; width: calc(25% - 30px); margin-right: 40px; margin-bottom: 40px; vertical-align: top; }
.news-reporting:nth-of-type(4n), .news-reporting:last-of-type { margin-right: 0; }
.news-reporting img { width: 100%; height: auto; }
.news-reporting-perex-title { font-size: 16px; font-weight: bold; display: block; margin: 10px 0 0.5em 0; line-height: 1.25em; }
.news-reporting-perex { font-size: 12px; color: var(--grey-text); display: block; margin-bottom: 0px; line-height: 15px; }
.news-reporting-bottom { position: relative; color: var(--gold); font-size: 14px; display: flex; justify-content: space-between; }
.news-reporting-bottom .icon { width: auto; vertical-align: initial; }
.news-reporting-bottom .date {  }
.news-reporting-bottom .date .icon { margin-right: 12px; display: inline-block; }
.news-reporting-bottom .comment {  }
.news-reporting-bottom .comment .icon { margin-right: 8px;}
.news-reporting a { text-decoration: none; }

/******************************************************************************/
/* carousel: aktuální dění */

#article-carousel { margin-bottom: 0px; padding: 0; }
body.version-a #article-carousel, #article-carousel .content { background: #fff; }
#article-carousel .content { padding-bottom: 10px; padding-top: 10px; }

#article-carousel a { text-decoration: none; }
#article-carousel .news-reporting-perex-title { margin: 10px 0 5px 0; }
.article-carousel .left { display: inline-block; margin-left: 15px; vertical-align: top; }
/*.article-carousel.slick-current .left { margin-left: 95px; }*/
.article-carousel .left img { max-width: 120px; height: auto; }
.article-carousel .right { display: inline-block; max-width: 230px; margin-left: 15px; vertical-align: top; }
#article-carousel .date { display: flex; align-items: center; }
#article-carousel .icon { display: initial; }

.article-slider { border: 1px solid var(--gold); padding: 0px 60px; }
#article-carousel .article-title { background: var(--gold); text-transform: uppercase; transform: rotate(-90deg); transform-origin: left top; position: absolute; left: 0; top: 257px; white-space: nowrap; width: 217px; text-align: center; color: #fff; z-index: 3; font-size: 12px; }
#article-carousel .article-title a { color: #fff; text-decoration: none; }

.slick-prev { background: url('../img/sipka_prava.svg') no-repeat scroll!important; left: 35px; transform: rotate(180deg); height: 40px; }
.slick-prev::before { content: none; }
.slick-next { background: url('../img/sipka_prava.svg') no-repeat scroll!important; right: 35px; height: 40px; }
.slick-next::before { content: none; }
.slick-prev, .slick-next { width: 25px; }
.slick-prev { top: calc(50% - 20px); }

/******************************************************************************/
/* banery */

.image-container-right { display: grid; grid-template-rows: 70% 32%; position: relative; width: 100%; margin: 30px auto; margin-bottom: 0; }
.image-container-right .background { width: 100%; }
.image-container-right .logos { display: grid; grid-template-columns: 1fr 1fr 1fr; }
.image-container-right .logos img { position: absolute; top: 32%; }
.image-container-right .logos a:nth-child(1) img { position: absolute; top: 32%; left: 10%; }
.image-container-right .logos a:nth-child(2) img { position: absolute; top: 32%; left: 50%; transform: translateX(-50%); }
.image-container-right .logos a:nth-child(3) img { position: absolute; top: 32%; right: 10%; }

.image-container-bottom { display: grid; grid-template-rows: 40% 60%; position: relative; width: 100%; }
.image-container-bottom .background { width: 100%; height: auto; }
.image-container-bottom .logos { display: grid; grid-template-columns: 1fr 1fr 1fr; }
.image-container-bottom .logos img { position: absolute; top: 60%; }
.image-container-bottom .logos a:nth-child(1) img { position: absolute; top: 60%; left: 37%;  }
.image-container-bottom .logos a:nth-child(2) img { position: absolute; top: 60%; left: 47%; transform: translateX(-47%); }
.image-container-bottom .logos a:nth-child(3) img { position: absolute; top: 60%; right: 42%; }

.image-container-right-column { width: 100%; height: auto; margin-top: 25px; }
.image-container-right-column .sticky-repeater { width: 260px; }

.image-container-right-column .banner-container { margin-bottom: 15px; }

.image-container-right-column .banner-container::after { display: block; padding-bottom: 400%; content: ""; }

.image-container-right-column .banner { position: sticky; top: 10px; }

.image-container-right-column .banner img { max-width: 100%; display: block; }
.schema.version-b .image-container-right-column { display: none; }

.image-container-squeres { display: flex; justify-content: space-evenly; align-items: center; gap: 10px; }
.squere-item { min-width: 150px; display: flex; }
.squere-item iframe { border: none; }
.squere-item img { width: 220px; }

/******************************************************************************/
/* turnaj & cash games */

.pm-tu-date { margin: 10px 0; font-weight: bold; }

.pm-container { max-width: 100%; margin-bottom: 5px; padding: 10px 20px; background: #eee; }
.pm-container a { text-decoration: none; }
.pm-tu-clubname { color: #00713C; }
/*.pm-buy-in-guaranteed { float: right; }*/
.pm-tu-buy-in { background: #00713C; color: #fff; width: fit-content; padding: 2px 10px 2px 10px; border-radius: 10px 0 0 10px;  }
.pm-tu-guaranteed { background: var(--gold); /*color: #fff;*/ width: fit-content; padding: 2px 10px 2px 10px; border-radius: 0 10px 10px 0; /*border-left: 1px solid #fff;*/ }

.pm-tu-item { display: inline-block; vertical-align: middle; }
.pm-tu-detail { display: none; }

.pm-cg-item { display: inline-flex; gap: 20px; }
/* .pm-cg-game-type { background: #fff; padding: 5px; color: #777; } */

.pm-cg-game-type { background: var(--green); padding: 5px; color: #fff; border-radius: 10px 0px 0px 10px; white-space: nowrap; border-right: 2px solid #fff; }
.pm-cg-small-big-blind { background: var(--green); padding: 5px; color: #fff; white-space: nowrap; }
.pm-cg-players {  background: var(--gold); /*color: #fff;*/ padding: 5px; border-radius: 0px 10px 10px 0px; white-space: nowrap; }
.pm-cg-tables { background: #efb500; color: #000; padding: 5px; border-radius: 0px 10px 10px 0px; white-space: nowrap;  }
.poker-table-icon { width: 20px!important; height: auto!important; vertical-align: middle;}
.poker-player-icon { width: 11px!important; height: auto!important; vertical-align: initial;}

.table-turnament-cash-games { width: 100%; }

#quick-turnaments { font-size: 12px; line-height: 1.4em; }
#quick-turnaments .pm-container { padding:0; background: none; margin-bottom: 5px; /*border-bottom: 1px solid #c6c6c6;*/ padding-bottom: 5px; }
#quick-turnaments .pm-container:nth-last-of-type(2) { border: none; }
#quick-turnaments .pm-tu-title { color: var(--green); /*text-transform: uppercase;*/ font-weight: bold; }
#quick-turnaments a { font-weight: bold;  }
#quick-turnaments .pm-tu-clubname { color: #000; }

.pm-tu-start { /*border: 1px solid var(--gold); padding: 1.5px 5px 0px 5px;*/ padding-top: 1.5px; }
.pm-block { display: flex; justify-content: space-between; margin-top: 5px; }
.pm-tu-start { margin-right: auto; color: #777; }
.pm-buy-in-guaranteed { margin-left: auto; }

.pm-turnaments { width: 100%; background: #fff; }
.pm-turnaments tr th:first-of-type { padding-left: 10px; }
.pm-turnaments th { border-bottom: 3px solid #ddd; }
.pm-turnaments tr td.pm-table-tu-date { padding-left: 10px; }
.pm-turnaments tr td.pm-table-tu-date, .pm-turnaments tr td.pm-table-tu-title, .pm-turnaments tr td.pm-table-tu-clubname { padding-right: 10px; }
.pm-turnaments tr:nth-child(odd):nth-child(n+2) { background: var(--light-green); }
.pm-turnaments .pm-buy-in-guaranteed { line-height: 1.2em; float: none; }
.pm-turnaments .pm-tu-title { color: var(--green); }
.pm-turnaments a { text-decoration: none; }
.pm-turnaments td { padding: 10px 0px; }

.pm-turnaments tr td.pm-table-tu-date { width: 100px; }
.pm-turnaments tr td.pm-table-tu-buy-in-guaranteed { width: 210px; }
.pm-turnaments tr td.pm-table-tu-title { width: calc(100% - 530px);}
.pm-turnaments tr td.pm-table-tu-clubname { width: 180px; }

.filter a.cancel-date { background: var(--light-green); border: none; border-radius: 50px; }
.filter .filter-block { display: inline-block; margin-right: 10px; margin-bottom: 10px; }
.filter .filter-block label { font-weight: bold; }

#loadMore { padding: 10px 15px; background: var(--gold); color: #fff; border: none; font-size: 14px; min-width: 140px; margin-top: 20px; }
#show-more { padding: 10px 15px; background: var(--gold); color: #fff; border: none; font-size: 14px; width: fit-content; margin: 20px auto; }
#loadMore:hover, #show-more:hover { cursor: pointer; }

.cg-table { display: flex; justify-content: space-between; gap: 20px; }
.cg-table-left-half, .cg-table-right-half { flex-basis: 50%; }
.cg-table-left-half #quick-cash-games, .cg-table-right-half #quick-cash-games { font-size: inherit; }

/* .cg-table .pm-cg-game-type { background: #e9e9e9; padding: 5px; color: #656565; } */

#cash-games-list #quick-cash-games { line-height: 1.75em; }
#cash-games-list #quick-cash-games tr td { padding: 0; }
#cash-games-list #quick-cash-games tr { border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; }

select#tu_city, select#tu_clubname { max-width: 175px; padding: 10px 10px; background: var(--light-green); border: none; border-radius: 50px; color: #000; text-align: center;  }
#tu_date_to, #tu_date_from { background: var(--light-green); border: none; border-radius: 50px; padding: 10px 10px; color: #000; }

/******************************************************************************/
/* turnaj & cash games: vyjíždějící okno */

#open-daily-results {}
.open-daily-results-container { display: flex;  position: fixed; right: 0; top: 35%; transform-origin: top right; transform: rotate(-90deg) translateY(-100%); z-index: 3; }
#open-daily-results:hover, #open-daily-results-mobile:hover  { cursor:  pointer; }
#open-daily-results .open-cg { background: #14344c; padding: 10px 10px 10px 10px; color: #fff; border-radius: 10px 0 0 0; }
#open-daily-results .open-tu {background: var(--green); padding: 10px 10px 10px 10px; color: #fff; border-radius: 0 10px 0 0; }
#open-daily-results:hover .open-cg, #open-daily-results:hover .open-tu { padding: 10px 10px 20px 10px; transition: all .1s ease-in-out; }
#daily-results {}
.daily-results-container { position: fixed; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; max-height: 100vh; background: #fff; z-index: 999; overflow-y: auto; transform: translateY(-100%); transition: all .6s ease-in-out; }
.close-daily-results { z-index: 999; position: absolute; top: 0; right: 0; display: block; background: var(--green); text-align: center; font-size: 50px; color: #fff; padding: 20px; margin-top: -10px; }
.close-daily-results:hover { cursor:  pointer; }

#daily-window h2 { text-align: center; }
#daily-window #quick-cash-games { max-width: 500px; margin: 0 auto; border-collapse: separate; border-spacing: 0px 10px; }

#daily-window .pm-container { margin: 0 auto; }
#daily-window .pm-container { font-size: 12px; line-height: 1.4em; padding:0; background: none; margin-bottom: 5px; max-width: 500px; background: #eee; padding: 10px; }
#daily-window .pm-tu-title, #daily-window .pm-tu-title a  { color: var(--green); }
#daily-window .pm-tu-clubname { color: #000; }
#daily-window .pm-tu-clubname a { display: inline-block; margin-right: 5px; }
#daily-window .pm-tu-clubname a.pm-tu-detail { display: none; }
#daily-window .pm-tu-start { color: #000; }
#daily-window .pm-tu-detail { color: var(--green); }

.nothing-played { text-align: center; }

/******************************************************************************/
/* casino detail */

#casino-detail-container {}
.casino-detail-right, .casino-detail-left { display: inline-block; width: 50%; vertical-align: top; }

/******************************************************************************/
/* turnaj & cash games: detail */

#table-detail { border-collapse: collapse; }
#table-detail td:first-child { padding-right: 40px; }
#table-detail td { padding-bottom: 5px; padding-top: 5px; }
#table-detail.casino-detail tr { border: none; }
#table-detail tr { border-bottom: 1px solid var(--darkgreen); }
#table-detail i { color: var(--gold); }

#casino-detail-turnaments .pm-table-tu-clubname { display: none; }

/******************************************************************************/
/* online poker */

#online-game-rooms { display: none; }
.online-game-room { background: #f2f2f2; padding: 30px 20px; margin-bottom: 20px; }
.online-game-room a { font-size: 24px; font-weight: bold; }
.online-game-room:nth-child(2) img { margin-top: -30px; }

/******************************************************************************/
/* pokerstars */

#pokerstars {}
#pokerstars img { width: 100%; }
#pokerstars .content { padding-top: 0; padding-bottom: 75px; }

/******************************************************************************/
/* video */

#video { }
body.version-a #video, #video .content { background: #fff; }
#video .content { padding-bottom: 20px; }

#video-mobile { display: none; }

/*
.video-container { display: flex; justify-content: center; flex-wrap: wrap; margin-top: 35px; column-gap: 25px; }
.video-container p { width: 100%; height: 100%; }
.video { display: flex; justify-content: center; align-items: center; flex: 1; min-height: 300px; }
.video:first-of-type { justify-content: left; }
.video:last-of-type { justify-content: right; }
*/

.version-a #news-homepage .video:last-of-type { display: none; }
.version-a #news-homepage .video:nth-of-type(2n) { margin-right: 0; }
.version-a #news-homepage .video { width: calc(50% - 10px); }

.video-container { margin-top: 15px; }
.video-container p { width: 100%; height: 100%; }
.video { display: inline-block; width: calc(33% - 11px); height: 300px; margin-right: 20px; margin-bottom: 60px; }
.video:nth-of-type(3n) { margin-right: 0; }

#background-video { /*width: 640px;*/ height: 360px; position: relative; width: 100%; }
#background-video iframe { width: 100%; height: 100%; display: none; }
#background-video .play-btn { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; font-size: 0px; line-height: 0px; background: url(https://www.pokerman.cz/img/playbutton.png) center center no-repeat; background-size: 120px auto; }
#background-video:hover .play-btn { background-color: rgba(0, 0, 0, 0.4); }
#background-video .title {   position: absolute; bottom: -52px; left: 0; width: calc(100% - 10px); color: #fff; background: var(--gold); padding: 5px; text-align: center; min-height: 40px; border-top: 2px solid #fff; line-height: 1.25em; display: flex; justify-content: center; align-items: center; }

/******************************************************************************/
/* video: banner */

#video-part2 { }
#video-part2 .content { background: #fff; }

/******************************************************************************/
/* spolupracujeme */

#cooperation {}
#cooperation .content { background: #fff; }
body.version-a#homepage #cooperation, #homepage #cooperation .content { /* background: var(--light-grey); */ }

.cooperation-container { display: flex; justify-content: center; flex-wrap: wrap;  margin-top: 55px; }
.cooperation { display: flex; justify-content: center; align-items: center; flex: 1; }
.cooperation img { max-width: 100px; width: auto; height: auto; }

/******************************************************************************/
/* menu patička */

#menu-foot { text-align: center; }
.menu-foot { text-decoration: none; padding: 0 25px; display: inline-block; }
.menu-foot-divide { color: var(--foot-grey); }

/******************************************************************************/
/* ministerstvo varuje */

#ministry-warning { text-align: center; margin: 25px 0; }
.ministry-warning { display: block; color: #735d36; border: 1px solid #735d36; padding: 10px; width: fit-content; margin: 0 auto; }

/******************************************************************************/
/* copyright */

#copyright { text-align: center; margin: 25px 0 5px 0; }
.copyright {display: inline-block; padding: 0 25px; }
.copyright-divide { color: var(--foot-grey); font-weight: bold; }
.copyright a { text-decoration: none; }

/******************************************************************************/
/* zpravodajství detail */

#news-detail { background: var(--light-grey); }
#news-detail .content { padding-top: 50px; padding-bottom: 75px; }

.news-detail-container {}
.news-detail-container .news-detail-container-left { width: 820px; margin-right: 30px; display: inline-block; vertical-align: top; }
.news-detail-container .news-detail-container-right {  width: calc(100% - 910px); display: inline-block; vertical-align: top; }
.news-detail-container .news-detail-container-right .news-detail-padding { padding: 25px; background: #fff; }
.news-detail-container .news-detail-container-right .news-reporting-perex { display: none; }
.news-detail { padding: 25px; background: #fff;  }

#news-detail .news-reporting-perex-title { margin-top: 0; }
.news-list-container { display: flex; justify-content: space-between; }
.news-list-container-divide { margin: 15px 0; border-bottom: 3px solid var(--grey-border); width: 65%; }
.news-list-container:last-of-type { margin-bottom: 0; padding-bottom: 0; border: none; }
.news-list-container-right, .news-right-container-left { display: inline-block; vertical-align: top; position: relative; }
.news-list-container-left { /*width: calc(33% - 18px);*/ width: calc(33% - -8px); }
.news-list-container-right {width: 75%; padding-left: 10px; }
.news-list-container .date { color: var(--gold); font-size: 14px; display: flex; align-items: center; }
.news-list-container .date .icon { margin-right: 12px; }

.news-detail-title { font-size: 26px; font-weight: bold; line-height: 1.5em; }
.news-detail-text { color: var(--grey-text); line-height: 1.3em; font-size: 15px; }
.news-detail-text p, .news-detail-text div { margin-bottom: 10px; }

#news-detail .news-reporting-bottom { justify-content: left; margin: 20px 0; }
#news-detail .news-reporting-bottom .date { margin-right: 20px; }

.news-detail-container-left .button-main { margin-top: 0px; }
.news-detail-container-right .button-main { margin: 50px 0; float: right; }

#news-detail .pokerstars-img { width: 100%; height: auto; }

/******************************************************************************/
/* diskuze */

#discussion { margin-top: 20px; display: block; width: 100%; }
#discussion .discussion-title { background: var(--green); color: #fff; padding: 10px 0 10px 25px; font-size: 20px; margin-bottom: 15px; }
#discussion #comment { display: flex; justify-content: space-between; margin-bottom: 15px; position: relative; }
#discussion #comment:last-of-type { margin-bottom: 0; }
#discussion .comment-name { padding: 20px 20px; width: 100px; display: block; }
#discussion .comment { padding: 10px; background: #fff; width: 100%; }
#discussion .comment .comment-date { color: var(--gold); margin-bottom: 20px; }
#discussion .comment .comment-text { color: var(--grey-text); line-height: 1.2em; font-size: 14px; }

/*
#discussion #comment.level1 .comment { width: 100%; }
#discussion #comment.level2 .comment { width: 75%; }
#discussion #comment.level3 .comment { width: 70%; }
#discussion #comment.level4 .comment { width: 65%; }
#discussion #comment.level5 .comment { width: 60%; }
#discussion #comment .comment { width: 60%; position: relative; }
*/

#discussion #comment.level1 .comment {  }
#discussion #comment.level2 .comment { margin-left: 50px; }
#discussion #comment.level3 .comment { margin-left: 100px; }
#discussion #comment.level4 .comment { margin-left: 150px; }
#discussion #comment.level5 .comment { margin-left: 200px; }
#discussion #comment .comment { width: 100%; position: relative; }

#discussion #comment .line { border-right: 2px solid #999; height: 25px; position: absolute; left: 10px; bottom: -25px; }
#discussion #comment.level1 .line.no-children { border: none; }
#discussion #comment .line.last-child { border: none; }
#discussion #comment .line-side.last-child { border: none; }
#discussion #comment .line-side { border-right: 2px solid #999; height: 40px; position: absolute; left: 29px; bottom: -45px; transform: rotate(90deg); }

.log-in-and-answer { margin-bottom: 20px; }

/*#discussion #comment .comment::after { border-right: 1px solid #000; height: 50px; position: absolute; left: 0; bottom: 0; }*/

/*#discussion #comment.level5 .discussion-reply { display: none; }*/

/*
.comment::after { border: 1px solid #000; height: 50px; width: 50px;  }
*/
/*
.limb { display: flex; flex-direction: column; width: 1px; height: 100%; }
.limb:after { border-width: 0 1px 0 0; flex:1; }
.limb:before {  }
*/

#discussion .discussion-reply { /*position: absolute; bottom: 0px; right: 5px; padding: 0px;*/ text-align: right; color: #666; font-size: 12px; }
#discussion .discussion-reply:hover { cursor: pointer; }

#discussion textarea { border: 1px solid #ddd; width: 100%; box-sizing: border-box; padding: 1%; margin-top: 5px; }
#discussion .button-container { display: flex;  }
#discussion .button-main { margin: 20px 0 20px 0; margin-left: auto;}

#discussion #emojiPicker button { border: none; background: #fff; padding: 5px; margin: 3px 1px; }
#discussion #emojiPicker button:hover { cursor: pointer; }

#discussion-recipient { display: none; }
#discussion-recipient { /*display: flex;*/ gap: 5px; }
#discussion-recipient .recipient-name { display: flex; justify-content: space-between; gap: 5px; }
a.msg-recipient { text-decoration: none; }
#discussion-recipient .recipient-delete { color: red; }
#discussion-recipient .recipient-delete:hover { cursor: pointer; }

/******************************************************************************/
/* karty */

.cards-img { background: url('../img/card-color-icon.gif?serial=5') no-repeat scroll; height: 10px; line-height: 10px; }

.cards-text-clubs {font-weight: bold; color: #42a12c; padding: 0 2px 0 0;}
.cards-img-clubs {background-position: -20px -42px !important; padding: 0 0 0 7px; width: 9px;}

.cards-text-diams { font-weight: bold; color: #1E70F7; padding: 0 1px 0 0;}
.cards-img-diams {background-position: -33px -42px !important; padding: 0 0 0 6px; width: 8px;}

.cards-text-hearts { font-weight: bold; color: #ef0203; padding: 0 1px 0 0;}
.cards-img-hearts {background-position: -7px -42px !important; padding: 0 0 0 8px; width: 10px;}

.cards-text-spades { font-weight: bold; color: #000000; padding: 0 1px 0 0;}
.cards-img-spades {background-position: -44px -42px !important; padding: 0 0 0 7px; width: 9px;}

.cards-delimiter10 { padding: 0px 10px 0px 0px }

/******************************************************************************/
/* GPI - tabulka */

.global-poker-index .container { display: flex; }
.global-poker-index .column { flex-basis: 50%; margin-right: 10px; /* nastavte požadovanou mezeru mezi sloupci */ }
.global-poker-index .column:last-child { margin-right: 0; /* zrušíme margin pro poslední sloupec */ }

@media screen and (max-width: 900px) {
  .global-poker-index .container {
    flex-direction: column;
  }

  .global-poker-index .column {
    margin-right: 0; /* zrušíme margin pro sloupce ve sloupci na mobilních zařízeních */
    margin-bottom: 10px; /* přidáme mezeru mezi sloupci ve sloupci na mobilních zařízeních */
  }

  .global-poker-index .column:last-child {
    margin-bottom: 0; /* zrušíme margin pro poslední sloupec ve sloupci na mobilních zařízeních */
  }
}

.gpi-table { border-collapse: collapse; max-width: 100%; width: 100%; }
.gpi-table th, .gpi-table td { border: 1px solid #ccc; padding: 10px; }
.gpi-table thead { height: 80px; }
.gpi-table tr:nth-child(even) { background: #eee;}
.gpi-table thead th { background-color: #00713C; color: #fff; font-weight: bold; text-align: center; }
.gpi-table tbody td { padding: 2px; text-align: center; }
.gpi-table .rank { width: 60px; }
.gpi-table .player { text-align: left; }
.gpi-table .score { width: 120px; }
.gpi-table .team { display: none; }
.gpi-table .flag, .gpi-table tr td:nth-child(2) { border: none; font-size: 0; line-height: 0; padding: 0; width: 0; }

/******************************************************************************/
/* filtr */

.filter { /*background: var(--green); padding: 5px 5px;*/ margin-bottom: 25px; margin-top: 25px; }
.filter a { color: #fff; display: inline-block; padding: 0 10px; text-decoration: none; }
.filter a:hover { text-decoration: none; background: var(--green); color: #fff; }
.filter a.active { text-decoration: none; background: var(--green); color: #fff; }
.filter .filter-item { background: var(--light-green); padding: 2px 10px; border-radius: 50px; margin-right: 10px; margin-bottom: 10px; color: #000; }

/******************************************************************************/
/* aktuality na SP */

#news-sp { }
#news-sp .content { padding: 75px 0; text-align: center; }

.news-sp { color: #fff; display: block; margin-bottom: 2em; text-align: left; text-decoration: none; vertical-align: top; position: relative; }
.news-sp .tag { background: var(--color175); }
.news-sp:hover .tag { background: var(--color195); }
.news-sp:hover .img { opacity: 1; }
.news-sp .wrap-date { background: #fff; color: var(--black); position: absolute; padding: 0 10px 5px 0; z-index: 3; }
.news-sp .date { border-top: 5px solid var(--black); }
.news-sp .img { height: auto; opacity: .95; width: 100%; }
.news-sp .tag { background: rgba(251,28,9,.75); left: 10px; padding: 1em 15px; position: relative; top: -1em; width: calc(100% - 30px); }
.news-sp .title { font-weight: bold; line-height: 1.3em; }

/******************************************************************************/
/* aktuality */

.news { display: inline-block; margin: 20px 25px 60px 25px; text-align: left; text-decoration: none; vertical-align: top; position: relative; width: calc(33% - 50px); }
.news:hover .img { opacity: 1; }
.news .wrap-date { background: #fff; color: var(--black); position: absolute; padding: 0 10px 5px 0; z-index: 3; }
.news .date { border-top: 5px solid var(--black); }
.news .img { height: auto; opacity: .95; width: 100%; }
.news .tag { padding: 1em 0 0 0; }
.news .title { font-weight: bold; line-height: 1.3em; }

/******************************************************************************/
/* stránkování */

.paging { text-align: center; }
.paging a { background: #efefef; display: inline-block; margin: 2px 2px; padding: 5px 15px; text-decoration: none; }
.paging a:hover, .paging a.page-active { background: var(--color1); color: #fff; }

/******************************************************************************/
/* newsletter na HP */

#newsletter-hp { background: var(--color115); }
#newsletter-hp .content { padding: 100px 0; text-align: center; }

.newsletter-hp { display: inline-block; padding: 0 25px;  vertical-align: middle; width: calc(100% - 50px); }
.newsletter-hp .h1 { font-weight: normal; margin: 0; }
.newsletter-hp .button { font-size: 1.15em; font-weight: normal; }
.newsletter-hp .button .black { color: var(--black); }

/******************************************************************************/
/* stránkování */

.paging { margin: 1em 0; }
.paging a { background: #efefef; display: inline-block; padding: 2px 10px; }
.paging a:hover, .paging a.page-active { background: var(--darkgreen); color: #fff; text-decoration: none; }

/******************************************************************************/
/* mapa */

#map-title { }
#map-title .content { font-size: 50px; font-weight: bold; padding: 100px 0; text-align: center; }

#map { position: relative; text-align: center; }
#map .wrap2 { width: 100%; }
#map .content { padding: 0; }

#google-maps { }
#google-maps iframe { pointer-events: none; z-index: -1; }

/******************************************************************************/
/* tabulka formulář 2 */

.table-form2 { }
.table.table-form2 tr td { padding: 0 15px 5px 0; }
.table-form2 tr td:last-child { padding-right: 0; }

/******************************************************************************/
/* blok */

.block {   background: var(--light-grey); clear: both; float: left; margin-bottom: 2em; padding: 20px; width: calc(100% - 40px); }

/******************************************************************************/
/* účet */

.account-buttons { margin-bottom: 20px; }
.account-buttons a { display: inline-block; margin-right: 10px; }

/******************************************************************************/
/* tabulka formulář */

.table-form { }
.table-form td { padding: 5px 10px 5px 0; }
.table-form td input[type="text"], .table-form td input[type="password"], .table-form td input[type="number"], .table-form td textarea, .table-form td .ui-autocomplete-input, .table-form td select { width: 100%; }
.table-form td textarea { height: 108px; }
.table-form td select.code { width: 65px; }
.table-form td input[type="text"].phone { width: 232px; }

.table-form-article { font-size: 13px; line-height: 1.25em; }
.table-form-article td { padding: 5px !important; }
.table-form-article input[type="text"], .table-form-article select, .table-form-article textarea { padding: 0 5px; width: calc(100% - 12px) !important; }

/******************************************************************************/
/* kontakt */

#contact-form { background: #efefef; }
#contact-form .content { }

.co1, .co2, .co3 { display: inline-block; margin-right: 5px; vertical-align: top; width: calc(33.33% - 5px); }
.co1 { margin-right: 25px; width: calc(33.33% - 25px); }
.co3 { margin: 0 0 0 5px; text-align: right; }

/******************************************************************************/
/* kontaktní formulář */

.contact-form { display: inline-block; position: relative; width: 100%; }
.contact-form .h1 { font-size: 1.25em; text-transform: uppercase; }
.contact-form input[type="text"], .contact-form input[type="number"], .contact-form textarea { background: #fff; border: 1px solid #fff; margin-bottom: 10px; padding: 10px 3%; width: calc(94% - 2px); }
.contact-form input[type="number"] { width: calc(94% - 30px); }
.contact-form input[type="submit"] { border: 0; cursor: pointer; margin-top: .5em; padding: 5px 25px; }
.contact-form textarea { height: 141px; }
.contact-form select { border: 0; padding: 10px 3%; width: calc(100% - 2px); }
.contact-form input::placeholder, .contact-form textarea::placeholder { /* font-variant: small-caps; */ }
.mapsitna { display: none; }

/******************************************************************************/
/* vyhledávání */

#form-search {}
.input-search { border: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; vertical-align: bottom; border-radius: 0; height: 30px; padding-left: 10px; font-size: 13px; }
.button-search {}
.wrap-input-search { display: inline-block; height: 30px; }
.wrap-input-search:last-child button  { height: 30px; width: 30px; border: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; color: #000; vertical-align: bottom; border-radius: 0; background: var(--gold); color: #fff; }
.wrap-input-search:last-child input { border: none; height: 30px; width: 30px; vertical-align: bottom; -webkit-appearance: none; -moz-appearance: none; appearance: none; color: #000; border-radius: 0; background: var(--gold); color: #fff; }
.wrap-input-search:last-child button:hover, .wrap-input-search:last-child input:hover { cursor: pointer; }

/******************************************************************************/
/* patička */

#foot {}
#foot .content { z-index: 12; }
body.version-a #foot, #foot .content { background: var(--gold); }
#foot, #foot a { color: #eee; z-index: 13; }

.block-foot { display: inline-block; padding-right: 30px; vertical-align: top; width: calc(25% - 30px); }
.block-foot img { height: auto; max-width: 100%; }
.block-foot .h1 { font-size: 1.25em; }

#social-foot { /*margin: 100px 0;*/ text-align: center; font-size: 20px; }
#social-foot a { color: var(--foot-grey); text-decoration: none; margin-right: 40px; }
#social-foot a:last-of-type { margin-right: 0; }

#foot .left, #foot .right { display: inline-block; vertical-align: top; width: 50%; }
#foot .right { text-align: right; }

.fu-up { position: absolute; right: 10px; top: 15px; }
.fu-up i { color: #fff; background: #000; padding: 10px 15px; }

/******************************************************************************/
/* filtr */

/*.filter { background: var(--green); margin: 0 0 1em 0; padding: 15px; }*/
.filter .item { display: inline-block; margin-right: 30px; }

/******************************************************************************/
/* tabulka - seznam */

.table-list { border-collapse: collapse; border: 1px solid #999; font-size: 14px; }
.table-list th, .table-list td { border: 1px solid #999; padding: 4px 10px; line-height: 1.5em; }
.table-list th { background: var(--green); color: #fff; font-weight: normal; line-height: 1.5em; }
.table-list th a { color: #fff; }
.table-list .tr-sum td { border-top: 3px double #999; }
.table-list tr:nth-child(even) { background: #eee; }
.table-list tr.active td { /* color: var(--green); */ font-weight: bold; }

.tr1 { background: #fff; }
.tr2 { background: #ccc; }
.tr1:hover, .tr2:hover { background: #fff7e4; }
.tr-active { background: #d0ffd0!important; border: 1px solid #008000; }
.tr-pause, .tr-pause .fa { color: #999; }
.tr-subtitle td { background: #555; color: #fff; }

.tr-active2 { background: #d0ffd0!important; border: 1px solid #008000; }
.tr-active2:nth-child(even) { background: #b8ddb0!important; }
.tr-active2 td { font-weight: bold; }

/******************************************************************************/
/* tabulka - formulář */

.table-form { border-collapse: collapse; border: 1px solid #999; margin-bottom: 1em; max-width: 1020px; min-width: 600px; }
.table-form th, .table-form td { border: 1px solid #999; padding: 5px 15px; }
.table-form th { background: #444; color: #fff; text-align: left; }
.table-form td { background: #fff7e4; }

.table-form tr td:first-child { background: #ffeaaa; min-width: 100px; }
.table-form tr td.td-subtitle { background: #444; color: #fff; font-weight: bold; }
.table-form tr td.td-submit { background: #444; text-align: right; }
.talbe-form tr td.td-submit input[type="submit"] {}

.table-form input[type="text"], .table-form input[type="file"], .table-form select, .table-form textarea { width: 840px; }
.table-form input[type="text"].datepicker { width: 80px; }
.table-form input.short { width: 170px; }

.man { font-weight: bold; }

/******************************************************************************/
/* tabulka - formulář 2 */

.table-form2 { border-collapse: collapse; }
.table-form2 th, .table-form2 td { background: none; border: 0px; border-bottom: 1px solid #aaa; border-top: 1px solid #aaa; }
.table-form2 th { border-top: 0; text-align: center; }
.table-form2 tr:last-child td { border-bottom: 0; }
.table-form2 th { color: #222; font-weight: normal; }
.table-form2 tr td:first-child { background: none; min-width: auto; }
.table-form2 tr th, .table-form2 tr td { padding: 5px; }
.table-form2 input[type="text"] { width: auto; }

/******************************************************************************/
/* tabulka vložená do tabulky formulář */

.table-inline, .table-inline td { border: 0; }
.table-inline td { padding: 2px 5px 2px 5px; }

/******************************************************************************/
/* iframe pokerlist */

.container-pokerlist { margin: 0 auto; max-width: 350px; overflow: hidden; padding-top: 60em; /* desktop and mobile sizes */ position: relative; width: 100%; }
.responsive-iframe { border: none; bottom: 0; height: 100%; left: 0; position: absolute; right: 0; top: 0; width: 100%; }

/******************************************************************************/
/* další zajímavé informace */

#more-interesting-information {}
body.version-a #more-interesting-information, #more-interesting-information .content { background: #fff; }

.mii-container {   display: grid; grid-template-columns: repeat(4, 1fr); grid-column-gap: 15px; }
.mii-col { }
.mii-col li { margin-left: 15px; font-size: 13px; }
.mii-col li::marker { color: var(--gold); }
.mii-title { max-width: 165px; font-size: 18px; font-weight: bold; line-height: 1.25em; margin-top: 15px; }

@media screen and (max-width: 768px) {
  .mii-container {
    grid-template-columns: repeat(2, 1fr); /* 2 sloupce na středně širokých obrazovkách */
  }
}

@media screen and (max-width: 480px) {
  .mii-container {
    grid-template-columns: 1fr; /* 1 sloupec na úzkých obrazovkách */
  }
}

/******************************************************************************/
/* boxy texas holdem a omaha */

#poker-rules { display: none; }
#poker-rules a.poker-rules-box { text-decoration: none; }

.poker-rules-title { font-size: 20px; }
.poker-rules-description { }
.poker-rules-button { border: 1px solid #fff; padding: 5px; }
.poker-rules-button:hover { cursor: pointer; }

.poker-rules { background-position: 50%; background-repeat: no-repeat; background-size: cover; color: #fff; display: grid; grid-template-rows: 80px auto auto; padding: 20px; row-gap: 10px; text-align: center; }

.poker-texas-holdem { background-image: url('../img/texasholdem_bg.png'); align-items: center; margin-bottom: 20px; }
.poker-texas-holdem img { display: block; margin: auto; max-height: 60px; }

.poker-omaha { background-image: url('../img/omaha_bg.png'); align-items: center; }
.poker-omaha img { display: block; margin: auto; max-height: 60px; }

#poker-rules a { display: inline-block; margin-bottom: 1em; }
#poker-rules a:last-child { margin-bottom: 0; }
#poker-rules img.background { height: auto; width: 100%; }

/******************************************************************************/
/* vyhledávání Google */

.gsc-control-cse { padding: 0!important; }
.gsib_a { padding: 0!important; }
.form-search.inline-block { vertical-align: middle; margin-bottom: -5px; width: 200px; z-index: 1; position: relative; }
.gscb_a { line-height: 20px!important; }
.gscb_a { font-size: 20px!important; }

/******************************************************************************/
/* Zoom effect obrázků */

.zoom-effect {
    overflow: hidden; /* Zajistí, že se přebytečná část přiblíženého obrázku nezobrazí */
    position: relative; /* Pro korektní zobrazení pseudoelementu */
}

.zoom-effect img {
    transition: transform 0.3s ease-in-out; /* Plynulý přechod pro efekt */
}

.zoom-effect:hover img {
    transform: scale(1.1); /* Mírný zoom (1.1 znamená 10% zvětšení) */
}
