h1 {font-size: 2.074em;}

h2 {font-size: 1.728em;}

h3 {font-size: 1.44em;}

h4 {font-size: 1.2em;}

.ghost-button {
  color: #3AB0E1;
  border-color: #3AB0E1;
}

.ghost-button:hover, .ghost-button:active {
  background: #3AB0E1;
}

/*ff #3AB0E1*/
header li > a:hover,
header li > a:focus,
#nav-up__nav .nav-up__navbar > .active > a,
.nav__search-btn:hover,
.nav__search-btn:focus {
    background-color: #3AB0E1 !important;
}
@media screen and (max-width: 767px) {
    div.nav-main__container > div.navbar-header,
    ul.nav-main__navbar ul.dropdown-menu > li::before,
    #nav-main__nav .navbar-toggle:hover,
    #nav-main__nav .nav-main__navbar > .active > a,
    #nav-main__nav .nav-main__navbar > .active > a:hover,
    #nav-main__nav .nav-main__navbar > .open > a,
    #page__title--xs {
        background-color: #3AB0E1;
    }
}
@media screen and (min-width: 768px) {
    #nav__search-btn.open {
        background-color: #3AB0E1 !important;
    }
    #nav-main__nav {
        border-bottom-color: #3AB0E1;
    }
    div.navbar-brand {
        background-image: url('imgs/ff/hlavicka_ff_obecna_cz_barva.svg');
        width: 187px;
    }
    div.navbar-brand:hover {
        background-color: #3AB0E1 !important;
        background-image: url('imgs/ff/hlavicka_ff_obecna_cz_bila.svg');
    }
    div.navbar-brand--en {
        background-image: url('imgs/ff/hlavicka_ff_obecna_en_barva.svg') !important;
        width: 159px;
    }
    div.navbar-brand--en:hover {
        background-image: url('imgs/ff/hlavicka_ff_obecna_en_bila.svg') !important;
    }
    #nav-main__nav .nav-main__navbar > .active > a,
    #nav-main__nav .nav-main__navbar > .open > a {
        color: #5D5E60;
        background-color: transparent;
    }
    #nav-main__nav .nav-main__navbar > .active > a::after {
        background-color: #3AB0E1;
        bottom: 0;
        content: '';
        height: 0.615em;
        left: 0;
        position: absolute;
        width: 100%;
    }
    #scrollspy ul li a::before {
        background-color: #3AB0E1;
    }
    #scrollspy ul li a:hover {
        color: #3AB0E1;
    }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
    div.navbar-brand {
        width: 204px;
    }
    div.navbar-brand--en {
        width: 173px;
    }
}
@media screen and (min-width: 1200px) {
    div.navbar-brand {
        width: 275px;
    }
    div.navbar-brand--en {
        width: 234px;
    }
}

.widebody > header {
  background-color: #3AB0E1;
}