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

    --clr-header-links: #000;
    --clr-header-links-inverted: #fff;

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

    --fs-html: 22px;
    --fs-html-big: 28px;
    --fs-h1: 48px;
    --fs-h2: 38px;
    --fs-h3: 32px;

    --fs-html-small: 18px;
    --fs-html-big-small: 22px;
    --fs-h1-small: 32px;
    --fs-h1-small: 24px;
    --fs-h1-small: 22px;

    --font-heading: "NittiPX", sans-serif;
    --font-default: "NittiPX", sans-serif;
    --container-width: 1400px;
    --anim-time: 0.3s;
}
/******************************* custom styles *******************************/

a, a:link, a:visited, a:hover, a:active, a:focus{ text-decoration: none !important; }

header .wrap{ border-bottom:2px solid #000; }
main a{ color:var(--clr-link)!important; transition:var(--anim-time); }
main a:hover{ color:var(--clr-theme)!important; }

main strong,main b{ font-weight:900!important; }

.counter .elementor-counter-number{ font-size:120px; font-weight:700; font-family:var(--font-default)!important; }
.counter .elementor-counter-title{ font-size:var(--fs-html-big); text-transform:uppercase; font-family:var(--font-default)!important; }

.socials{ display:flex; flex-direction:row; gap:25px; align-content:center; align-items:center; }
.socials svg{ fill:#000; width:32px; height:32px; display:block;  }
.socials.inverted svg{ fill:#fff; }
.socials.mobile{ justify-content:flex-end; margin-right:35px; }
.socials.mobile svg{ width:42px; height:42px; }

header .nav-button.icon svg{ display:block; width:32px; fill:#000; }
.language-switcher{ position:relative; }
.language-dropdown-menu{ position:absolute; top:100%; right:0; display:none; opacity:0; transition:opacity .2s ease; z-index:9999; box-shadow:2px 3px 6px #00000026; width:150px; background:#fff; }
.language-option{ color:var(--clr-1)!important; text-align:right; padding:16px 18px !important; text-transform:uppercase; }
.language-option.active{ font-weight:700; }