/*--------------------------------------------------------------
# SPECIALS FOR DATA
--------------------------------------------------------------*/

@import url("https://use.typekit.net/aur4ghi.css");

:root{
    /* COLORS */
    --primary: #da2128;
    --secondary: #e66b6f;
    
	--negative: var(--primary);

  	--body-color: #000;

  	--menu-fp-link-color: var(--white);
    --menu-fp-link-color-hover: var(--white);
    --menu-fp-link-border-bottom-hover: var(--primary);

    --menu-link-color: #000;
    --menu-link-color-hover: var(--primary);
    --menu-link-border-bottom-hover: var(--primary);  

    --body-outer-page-xs-header-color: var(--white);
    --body-outer-page-md-header-color: var(--white);
    --body-inner-page-xs-header-color: var(--white);
    --body-inner-page-md-header-color: var(--white);
   

	--primary-btn-background: var(--positive);
    --primary-btn-background-hover: var(--black);
    --primary-btn-border: 1px var(--positive) solid;
    --primary-btn-border-hover: 1px var(--black) solid;
    --primary-btn-color: #ffffff;
    --primary-btn-color-hover: #ffffff;

	/* login button - ideálně stejné jako primary */
	--login-primary-btn-background: var(--primary);
	--login-primary-btn-background-hover: var(--black);
	--login-primary-btn-border: 1px var(--primary) solid;
	--login-primary-btn-border-hover: 1px var(--black) solid;
	--login-primary-btn-color: #ffffff;
	--login-primary-btn-color-hover: #ffffff;

    --primary-btn-outline-background-hover: var(--black);
    --primary-btn-outline-border: 1px var(--primary) solid;
    --primary-btn-outline-border-hover: 1px var(--black) solid;
    --primary-btn-outline-color: var(--primary);
    --primary-btn-outline-color-hover: #fff;
    --primary-btn-xs-outline-color: #fff;

    /* register button - ideálně stejné jako primary outline */
	--login-primary-btn-outline-background-hover: var(--black);
	--login-primary-btn-outline-border: 1px var(--white) solid;
	--login-primary-btn-outline-border-hover: 1px var(--black) solid;
	--login-primary-btn-outline-color: var(--white);
	--login-primary-btn-outline-color-hover: #fff;
	--login-primary-btn-xs-outline-color: var(--white);


  		/* SEZNAMY */
	--list-ol-color: var(--primary);
	--list-ul-color: var(--primary);
}

@media (min-width: 991px) {
    :root {
        --login-primary-btn-outline-background-hover: var(--black);
        --login-primary-btn-outline-border: 1px var(--primary) solid;
        --login-primary-btn-outline-border-hover: 1px var(--black) solid;
        --login-primary-btn-outline-color: var(--primary);
        --login-primary-btn-outline-color-hover: #fff;
        --login-primary-btn-xs-outline-color: var(--primary);
    }
}

body {
    font-family: open-sans, sans-serif;
    font-weight: 400;
    font-size: calc(1rem + 0.3vmin);
    line-height: 1.6;
}

.game-title {
    color: var(--white);
}

@media (min-width: 991px) {
    .game-title {
        color: var(--primary);
    }
}

.game-desc {
    font-weight: 400 !important;
    font-style: normal !important;
}

h1, h2, h3, h4, h5 {
    font-family: work-sans, open-sans, sans-serif;
    font-weight: 700;
}

.logo-brno {
  color: var(--primary);
  transition: color 0.2s ease;
}

a:hover .logo-brno,
a:focus-visible .logo-brno {
  color: var(--black);
  text-decoration: none !important;
}

.front-page .logo-brno {
  color: var(--white);
  transition: color 0.2s ease;
}

.front-page a:hover .logo-brno,
.front-page a:focus-visible .logo-brno {
  color: var(--primary);
  text-decoration: none !important;
}

@media (min-width: 991px) {
    .logo-brno, .front-page .logo-brno {
      color: var(--primary);
      transition: color 0.2s ease;
    }

    a:hover .logo-brno,
    a:focus-visible .logo-brno,
    .front-page a:hover .logo-brno,
    .front-page a:focus-visible .logo-brno {
      color: var(--black);
      text-decoration: none !important;
    }
}

nav .navbar-brand:hover {
 border: 2px solid transparent; 
}


nav.navbar .offcanvas-lg.show li a:link, nav.navbar .offcanvas-lg.show li a:visited, nav.navbar .offcanvas-lg.show li a:active, nav.navbar .offcanvas-lg.showing li a:link, nav.navbar .offcanvas-lg.showing li a:visited, nav.navbar .offcanvas-lg.showing li a:active, nav.navbar .offcanvas-xl.show li a:link, nav.navbar .offcanvas-xl.show li a:visited, nav.navbar .offcanvas-xl.show li a:active, nav.navbar .offcanvas-xl.showing li a:link, nav.navbar .offcanvas-xl.showing li a:visited, nav.navbar .offcanvas-xl.showing li a:active {
    color: var(--black) !important;
    font-size: calc(1rem + 0.5vmin);
    font-weight: 700;
    text-decoration: none;
    border-bottom: 1px var(--primary) solid;
    padding: 1em 0.2em;
    --menu-link-color-hover: var(--white);
    --menu-link-border-bottom-hover: var(--primary);
}