.site-header .logo-text {
font-size: 16px;
}
.site-header .casino {
font-size: 16px;
font-weight: 400; 
}
#center-casina .box {
position: relative;
}
#center-casina .box #info {
opacity: 0;
display: inline-block;
width: 100%;
text-align: center;
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
#center-casina .box:hover {
background: white;
}
#center-casina .box:hover #info {
opacity: 1;
animation: fadeIn ease 3s;
-webkit-animation: fadeIn ease 3s;
-moz-animation: fadeIn ease 3s;
-o-animation: fadeIn ease 3s;
-ms-animation: fadeIn ease 3s;
}
#center-casina .box #info a {
cursor: pointer;
}
#center-casina .box #info a img {
transition: all .2s ease-in-out;
transform: scale(1);
cursor: pointer;
}
#center-casina .box #info a:hover img {
transform: scale(1.1);
}
#mapa .mapa { } 
#info {
padding-bottom: 15px;
}
#info a {
margin-right: 10px;
}
#info a:nth-child(3) {
margin-right: 0px;
}
#mapa {
position: relative;
}
#mapa .mapa {
opacity: 0;
background: rgba(19, 34, 135, 0.3);
padding: 50px 0;
}
#mapa .mapa.active {
animation: fadeIn ease 2s;
-webkit-animation: fadeIn ease 2s;
-moz-animation: fadeIn ease 2s;
-o-animation: fadeIn ease 2s;
-ms-animation: fadeIn ease 2s;
}
a.link-box {
display: inline-block;
width: 100%;
height: 100%;
padding-bottom: 130px;
padding-top: 70px;
}
#center-casina p {
font-size: 22px;
}
#uvod-pozadi {
background-size: cover;
}
.widget {
text-align: center;
max-width: 100%;
}
.site-footer .widgets {
padding: 25px 0 25px;
}
.widget_text {
font-size: 14px;
font-weight: 300;
}
.site-footer .site-info {
font-size: 10px;
font-weight: 300;
}
.site-footer .page-container + .site-info .wrap {
border-top: 0px solid rgba(136, 136, 136, 0.2);
}
.site-footer .site-info .wrap {
padding: 10px 0 10px;
}
#center-casina  h3 {
border-bottom: 2px solid #f2bc01;
width: auto;
display: inline-block;
padding: 10px;
}
#center-casina.mobile {
display: none;
}
@media (max-width: 1200px) and (min-width: 768px) {
#center-casina h3 {
font-size: 18px !important;
}
#center-casina p.subtitle {
font-size: 45px !important;
}
}
@media (max-width: 992px) {
#center-casina {
display: none;
}
#center-casina.mobile {
box-sizing: border-box;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
#mapa {
display: none;
}
#center-casina.mobile .box {
margin: 0 auto; width: 50%;
float: left;
clear: none;
}
#center-casina.mobile  .mapa-mobile {
background: rgba(19, 34, 135, 0.3);
margin: 0 auto;
width: 50%;
float: left;
clear: none;
text-align: center;
}  
#mapa-mobile img {
width: 100%;
height: auto; 
}
}
@media (max-width: 768px) {
#center-casina h3 {
font-size: 18px !important;
}
#center-casina p.subtitle {
font-size: 45px !important;
}
#mapa .mapa {
display: none !important;
}
#hamburger-menu {
display: none;
}
#center-casina p {
font-size: 18px;
}
#center-casina.mobile  .mapa-mobile img {
padding-top: 15%;
}
}
@media (max-width: 500px) {
.box a.link-box {
padding-bottom: 80px;
padding-top: 50px;
}
#center-casina h3 {
font-size: 10px !important;
}
#center-casina p {
font-size: 12px;
}
#center-casina p.subtitle {
font-size: 16px !important;
}
#center-casina .box #info a img {
width: 20px;
height: auto;
}
#center-casina.mobile  .mapa-mobile img {
padding-top: 25%;
}
#center-casina .box #info p {
margin-bottom: 0px;
font-size: 11px;
} .mapa.mobil {
max-width: 350px;
}
#center-casina .box {
max-width: 350px;
}
header#masthead.site-header .site-branding {
width: auto;
max-width: 100%;
}
.site-header .casino {
font-size: 12px;
}
.site-header .logo-text {
font-size: 14px;
}
a.link-box {
padding-bottom: 100px;
padding-top: 50px;
}
#center-casina p {
font-size: 15px;
}
}
@keyframes fadeIn {
0% {opacity:0;}
100% {opacity:1;}
}
@-moz-keyframes fadeIn {
0% {opacity:0;}
100% {opacity:1;}
}
@-webkit-keyframes fadeIn {
0% {opacity:0;}
100% {opacity:1;}
}
@-o-keyframes fadeIn {
0% {opacity:0;}
100% {opacity:1;}
}
@-ms-keyframes fadeIn {
0% {opacity:0;}
100% {opacity:1;}
} .responsible-language {
width: 100%;
min-height: 70vh;
box-sizing: border-box;
padding: 70px 24px;
background: #ffffff;
color: #000000;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
.responsible-language .language-content {
width: 100%;
max-width: 1100px;
margin: 0 auto;
} .responsible-language h1 {
margin: 0 0 20px;
padding: 0;
color: #000000;
font-size: clamp(32px, 5vw, 54px);
font-weight: 700;
line-height: 1.2;
}
.responsible-language .language-subtitle {
margin: 0 0 44px;
color: #333333;
font-size: clamp(16px, 2.2vw, 21px);
line-height: 1.5;
} .responsible-language .language-buttons {
width: 100%;
display: flex;
justify-content: center;
align-items: stretch;
gap: 18px;
}
.responsible-language a.language-button {
flex: 1 1 0;
min-height: 78px;
max-width: 340px;
box-sizing: border-box;
padding: 18px 22px;
display: flex;
align-items: center;
justify-content: center;
gap: 13px;
background: #BFA146;
color: #000000 !important;
border: 1px solid #BFA146;
border-radius: 6px;
font-size: 20px;
font-weight: 700;
line-height: 1.3;
text-decoration: none !important;
transition:
background-color 0.2s ease,
border-color 0.2s ease,
transform 0.2s ease;
} .responsible-language a.language-button:hover {
background: #D0B35D;
border-color: #D0B35D;
color: #000000 !important;
transform: translateY(-2px);
} .responsible-language a.language-button:focus-visible {
outline: 3px solid #000000;
outline-offset: 4px;
} .responsible-language .language-flag {
font-size: 26px;
line-height: 1;
flex-shrink: 0;
} .responsible-language .language-name {
white-space: nowrap;
} .responsible-language .language-arrow {
margin-left: 7px;
font-size: 25px;
line-height: 1;
flex-shrink: 0;
} @media (max-width: 850px) {
.responsible-language .language-buttons {
gap: 12px;
}
.responsible-language a.language-button {
min-height: 72px;
padding: 16px 14px;
font-size: 18px;
}
.responsible-language .language-flag {
font-size: 23px;
}
.responsible-language .language-arrow {
font-size: 22px;
margin-left: 3px;
}
} @media (max-width: 600px) {
.responsible-language {
min-height: 70vh;
padding: 45px 18px;
}
.responsible-language h1 {
margin-bottom: 18px;
}
.responsible-language .language-subtitle {
margin-bottom: 32px;
}
.responsible-language .language-buttons {
flex-direction: column;
align-items: stretch;
gap: 14px;
}
.responsible-language a.language-button {
width: 100%;
max-width: none;
min-height: 68px;
padding: 16px 20px;
font-size: 19px;
}
.responsible-language .language-flag {
font-size: 25px;
}
.responsible-language .language-arrow {
margin-left: 8px;
font-size: 24px;
}
} .responsible-language a.language-button {
position: relative;
}
.responsible-language .language-info {
position: absolute;
left: 50%;
bottom: calc(100% + 12px);
transform: translate(-50%, 8px);
width: 280px;
max-width: calc(100vw - 40px);
box-sizing: border-box;
padding: 16px 18px;
background: #ffffff;
color: #222222;
border: 1px solid #BFA146;
border-radius: 6px;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.14);
font-size: 13px;
font-weight: 400;
line-height: 1.6;
text-align: center;
white-space: normal;
overflow-wrap: break-word;
opacity: 0;
visibility: hidden;
pointer-events: none;
transition:
opacity 0.2s ease,
transform 0.2s ease,
visibility 0.2s ease;
z-index: 20;
} .responsible-language .language-info::after {
content: "";
position: absolute;
top: 100%;
left: 50%;
width: 10px;
height: 10px;
background: #ffffff;
border-right: 1px solid #BFA146;
border-bottom: 1px solid #BFA146;
transform: translate(-50%, -50%) rotate(45deg);
} .responsible-language a.language-button:hover .language-info {
opacity: 1;
visibility: visible;
transform: translate(-50%, 0);
} .responsible-language a.language-button:focus-visible .language-info {
opacity: 1;
visibility: visible;
transform: translate(-50%, 0);
} @media (max-width: 600px) {
.responsible-language .language-info {
width: 260px;
font-size: 12px;
padding: 13px 15px;
}
} .rg-page {
--rg-accent: #b18b52;
--rg-text: #292929;
--rg-muted: #626262;
--rg-border: #e6e2dc;
--rg-soft: #f7f5f1;
max-width: 100%;
margin: 0 auto;
color: var(--rg-text);
font-size: 16px;
line-height: 1.8;
overflow-wrap: anywhere;
}
.rg-page *,
.rg-page *::before,
.rg-page *::after {
box-sizing: border-box;
}
.rg-page h2,
.rg-page h3 {
color: inherit;
line-height: 1.35;
letter-spacing: -0.02em;
}
.rg-page h2 {
margin: 0 0 18px;
font-size: clamp(23px, 3vw, 30px);
font-weight: 650;
}
.rg-page h3 {
margin: 26px 0 10px;
font-size: 19px;
font-weight: 650;
}
.rg-page p {
margin: 0 0 16px;
}
.rg-page .rg-intro {
margin-bottom: 36px;
font-size: 18px;
line-height: 1.85;
}
.rg-page .rg-section {
margin: 0 0 36px;
padding: 0 0 32px;
border-bottom: 1px solid var(--rg-border);
}
.rg-page .rg-section:last-child {
border-bottom: 0;
}
.rg-page .rg-section > :last-child {
margin-bottom: 0;
}
.rg-page .rg-list {
margin: 12px 0 20px;
padding-left: 25px;
}
.rg-page .rg-list li {
margin: 0 0 8px;
padding-left: 4px;
}
.rg-page .rg-list li::marker {
color: var(--rg-accent);
}
.rg-page .rg-note {
margin: 20px 0 0;
padding: 18px 22px;
border-left: 3px solid var(--rg-accent);
background: var(--rg-soft);
}
.rg-page .rg-note p:last-child {
margin-bottom: 0;
}
.rg-page .rg-contact {
margin: 20px 0;
padding: 26px;
border: 1px solid var(--rg-border);
border-radius: 8px;
background: var(--rg-soft);
}
.rg-page .rg-contact-label {
margin-bottom: 8px;
color: var(--rg-muted);
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: .06em;
}
.rg-page .rg-phone {
display: inline-block;
margin: 2px 0 8px;
color: inherit;
font-size: clamp(25px, 4vw, 22px);
font-weight: 750;
line-height: 1.3;
text-decoration: none;
}
.rg-page .rg-phone:hover {
color: var(--rg-accent);
}
.rg-page a:not(.rg-phone) {
color: inherit;
text-decoration-color: var(--rg-accent);
text-underline-offset: 3px;
}
.rg-page a:not(.rg-phone):hover {
color: var(--rg-accent);
}
.rg-page .rg-principles {
margin: 0;
padding: 0;
list-style: none;
counter-reset: rg-rule;
}
.rg-page .rg-principles li {
position: relative;
margin: 0;
padding: 17px 0 17px 54px;
border-bottom: 1px solid var(--rg-border);
counter-increment: rg-rule;
}
.rg-page .rg-principles li::before {
position: absolute;
top: 17px;
left: 0;
display: flex;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
border: 1px solid var(--rg-border);
border-radius: 50%;
color: var(--rg-accent);
font-size: 15px;
font-weight: 750;
content: counter(rg-rule, decimal-leading-zero);
}
.rg-page .rg-principles li:last-child {
border-bottom: 0;
}
.rg-page .rg-closing {
margin-top: 28px;
padding: 24px;
border-radius: 8px;
background: var(--rg-soft);
text-align: center;
font-size: 21px;
font-weight: 750;
}
@media (max-width: 600px) {
.rg-page {
font-size: 15px;
line-height: 1.75;
margin-top: 60px;
}
.rg-page .rg-intro {
font-size: 16px;
}
.rg-page .rg-contact {
padding: 20px;
}
.rg-page .rg-note {
padding: 16px;
}
.rg-page .rg-principles li {
padding-left: 46px;
}
.rg-page .rg-principles li::before {
width: 32px;
height: 32px;
}
}