/*
Theme Name: faceup
Theme URI: 
Author: Jaroslav ZDENEK
Description: 
Version: 1.2.0
Text Domain: jz
Tags: 
*/
:root{
    --clr-theme:#8c1815;
	--clr-dark-background:#616160;
    --clr-headline-pri:#8c1815;
    --clr-headline-sec:#616160;
    --clr-text-pri:#000;
    --clr-link:#8c1815;

    --clr-footer-bg:#616160;
    --clr-footer-title:#fff;
    --clr-footer-text:#fff;

    --font-heading: "HaasGrotDisp", sans-serif;
    --font-default: "Roboto", sans-serif;
    --container-width: 1400px;
    --anim-time: 0.3s;
}
/******************************* Zde vlozit css pro tento web *******************************/

.styledt{background:#f7f7f7; border-collapse:collapse; text-align:left; width:100%; }
.styledt th,.styledt td{ padding:10px 20px; }
.styledt tr th{ background:var(--clr-theme); color:#fff; text-align:center; }
.styledt tr th:first-child{ text-align:left; }
.styledt tr td:first-child{ font-weight:bold; text-align:left; }
.styledt tr:nth-child(odd) td { background:#fff; }
.styledt tr td{ border:5px solid #fff; vertical-align:top; text-align:center; }
.styledt tr td > div{ display:inline-block; vertical-align:top; }
.styledt tr td > div.line{ /*border-left:5px solid #fff;*/ margin-left:25px; padding-left:25px; }
@media(max-width:700px){
	.styledt{ white-space:nowrap; overflow-x:auto; display:block; }
}


header .menu-desktop li a{ font-weight:600; }
header .menu-desktop li:nth-child(1) a,
header .menu-desktop li:nth-child(2) a,
header .menu-desktop li:nth-child(3) a,
header .menu-mobile li:nth-child(1) a,
header .menu-mobile li:nth-child(2) a,
header .menu-mobile li:nth-child(3) a
{
     color:var(--clr-theme);
}

#language-switcher .language-dropdown-menu{ right:25px; text-align:right; }
#language-switcher .language-current,#language-switcher .language-switch-item{ font-weight:600; color:#030303; }
footer,footer a span{ font-weight:300; }
footer .icons-list{ display: flex; gap: 35px; margin-top: 25px; }
footer .icons-list .list-item{ align-items: flex-start!important; }
footer .icons-list .list-icon { margin-right: 15px; }
footer .endstatement{ text-align:center; font-size:13px; color:#c1c1c1; }
footer .navigation{ margin-bottom:35px; }
footer .navigation .item:first-child{padding-left:0;}
footer .navigation .item{ padding:8px 15px; font-weight:600; }
footer .fo-bold{ font-weight:600; }
@media(max-width:768px){
	footer .navigation{ display: flex; flex-wrap: wrap; }
	footer .navigation .item:first-child{padding-left:25px;}
	footer .navigation .item{ padding:25px; }
	footer .icons-list{ flex-direction:column; }
}


/*intro anim*/
.num-anim{ display: inline-block; opacity: 0; filter: blur(10px); transition:transform 1s cubic-bezier(0.25, 0.1, 0.25, 1); will-change:transform; transform-style:preserve-3d;}
.num-anim{ animation: fadeIn 3s ease-out forwards }
.num-anim.one h2{ animation: floatAround-one 20s ease-in-out infinite, glow 20s ease-in-out infinite; }
.num-anim.two h2{ animation: floatAround-two 17s ease-in-out infinite, glow 10s ease-in-out infinite; }
.num-anim.three h2{ animation: floatAround-three 16s ease-in-out infinite, glow 15s ease-in-out infinite; }
.num-anim.four h2{ animation: floatAround-four 18s ease-in-out infinite, glow 17s ease-in-out infinite; }
@keyframes fadeIn {
    0%{ opacity:0; filter:blur(10px); }
    100%{ opacity:1; filter:blur(0); }
}
@keyframes glow {
    0%, 100%{ opacity:0.8; }
    50%{ opacity:0.4; }
}

@keyframes floatAround-one {
    0%, 100%{ transform: translate(0, 0); }
    25%{ transform: translate(0px, -5px); }
    50%{ transform: translate(-5px, 10px); }
    75%{ transform: translate(2px, -10px); }
}
@keyframes floatAround-two {
    0%, 100%{ transform: translate(0, 0); }
    25%{ transform: translate(8px, -5px); }
    50%{ transform: translate(-5px, 0px); }
    75%{ transform: translate(5px, -10px); }
}
@keyframes floatAround-three {
    0%, 100%{ transform: translate(0, 0); }
    25%{ transform: translate(-5px, -5px); }
    50%{ transform: translate(10px, -5px); }
    75%{ transform: translate(-5px, 6px); }
}
@keyframes floatAround-four {
    0%, 100%{ transform: translate(0, 0); }
    25%{ transform: translate(-8px, 0px); }
    50%{ transform: translate(5px, -5px); }
    75%{ transform: translate(-8px, 7px); }
}