/*--------------------------------------------------------------
# SPECIALS FOR NAP 2026
--------------------------------------------------------------*/

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

:root{
    

    /* COLORS */



/* NAP ZELENÁ - 004a38 */
/* NAP ORANŽOVÁ - ed7102 */ 


    --primary: #004a38;    
    --secondary: #ed7102;
    --open: var(--primary); /* #fbc376; žlutá*/
    
    --menu-fp-link-color-hover: var(--secondary);
    --menu-fp-link-border-bottom-hover: var(--secondary);
    --menu-link-color-hover: var(--secondary);
    --menu-link-border-bottom-hover: var(--secondary);
    


    /* OTHER PAGES SPECIALS */
    --body-outer-page-xs-header-display: block;
    --body-outer-page-xs-header-text-display: block;
    --body-outer-page-xs-header-height: 300px;

    --body-outer-page-md-header-display: block;
    --body-outer-page-md-header-text-display: block;
    --body-outer-page-md-header-height: 300px;
    

    --body-inner-page-xs-header-display: block;
    --body-inner-page-xs-header-text-display: block;
    --body-inner-page-xs-header-height: 300px;
    --body-inner-page-md-header-display: block;
    --body-inner-page-md-header-text-display: block;
    --body-inner-page-md-header-height: 300px;


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

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

    --primary-btn-outline-background-hover: #0;
    --primary-btn-outline-border: 1px #f47920 solid;
    --primary-btn-outline-border-hover: 1px #006f51 solid;
    --primary-btn-outline-color: #f47920;
    --primary-btn-outline-color-hover: #fff;
    --primary-btn-xs-outline-color: #fff;

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

    --secondary-btn-outline-background-hover: #006f51;
    --secondary-btn-outline-border: 1px #f47920 solid;
    --secondary-btn-outline-border-hover: 1px #006f51 solid;
    --secondary-btn-outline-color: #f47920;
    --secondary-btn-outline-color-hover: #fff;

    /* MENU 
    --menu-background: none;

    --menu-fp-cryptomania-xs-white: block;
    --menu-fp-cryptomania-xs-black: none;
    --menu-fp-cryptomania-md-white: none;
    --menu-fp-cryptomania-md-black: block;

    --menu-fp-link-color: #fff;
    --menu-fp-link-color-hover: #f47920;
    --menu-fp-link-border-bottom-hover: #f47920;

    --menu-cryptomania-xs-white: none;
    --menu-cryptomania-xs-black: block;
    --menu-cryptomania-md-white: none;
    --menu-cryptomania-md-black: block;

    --menu-link-color: #000;
    --menu-link-color-hover: #f47920;
    --menu-link-border-bottom-hover: #f47920;


    /* BOXES 
    --box1-border: none;
    --box1-background: #fef7f0;
    --box1-color: #000;

    --box2-border: 1px #f47920 solid;
    --box2-background: #fff;
    --box2-color: #000;


    
    --list-ol-color: #f47920;
    --list-ul-color: #f47920;


    --icon-color: #f47920;
    */

}    

body {
    font-family: "montserrat", sans-serif;
    font-weight: 400;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "roc-grotesk", sans-serif;
    font-weight: 500 !important;
}

h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong, 
h1 b, h2 b, h3 b, h4 b, h5 b, h6 b {
    font-family: "roc-grotesk", sans-serif;
    font-weight: 500 !important;
}

body.front-page h1.game-title {
    font-weight: 500 !important;
}

body.front-page h2.game-desc {
    font-family: "montserrat", sans-serif;
    font-weight: 400 !important;
}

nav .navbar-brand img {
    height: calc(1.8rem + 0.9vmin);
    float: left;
    margin-right: 0;
    margin-top: -15px;
    position: absolute;
}

av.navbar .offcanvas-lg.show li a:hover, nav.navbar .offcanvas-xl.show li a:hover, nav.navbar .offcanvas-xl.showing li a:hover {
    color: #ed7102 !important;
}
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(--menu-link-color) !important;
    font-size: calc(1rem + 0.5vmin);
    font-weight: 700;
    text-decoration: none;
    border-bottom: 1px #ed7102 solid;
    padding: 1em 0.2em;
}

body:not(.home) .logo-fp-xs {
    display: none;
}


body.home .logo-fp-xs {
    display: block;
}

body.home .logo {
    display: none;
}


@media (min-width: 992px) {
    body.home .logo-fp-xs {
        display: none;
    }

    body.home .logo {
       display: block;
    }
}