.nav-category .nav-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
}

.nav-category .nav-link {
    font-weight: 400;
    color: #fff;
    width: 100%;
    max-width: 100%;
    padding: 1em 1.4em;
    font-size: 1.32rem;
    line-height: 1.4;
}

@media (min-width: 1242px) {
    .nav-category .nav-link {
        padding: 1.3em 1.2em 0.4em 1.24em;
    }
}

.nav-category .nav-item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.nav-link {
    text-decoration: none;
    display: block;
    padding: .5rem 1rem;
}

.nav-category .nav-link .icon {
    display: block;
    font-size: 1.96875rem;
    margin-bottom: 0.4rem;
    font-family: icons !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.nav-category .nav-link i {
    display: block;
    font-size: 1.2em;
    margin-top: 0.18em;
    margin-bottom: 0.30em;
}

@media (min-width: 576px) {
    .nav-category .nav-item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media (min-width: 992px) {
    .nav-category .nav-item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }
}

@media (min-width: 1242px) {
    .nav-category .nav-item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 15%;
        min-width: 11.55rem;
        min-height: 11.55rem;
    }

    .nav-category .nav-link i {
        margin-bottom: 0.38em;
    }
}

.nav-link[class*=bg-]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-transition: .1s;
    transition: .1s;
}

.nav-link[class*=bg-]:focus::before, .nav-link[class*=bg-]:hover::before {
    top: -.5rem;
    left: -.5rem;
    right: -.5rem;
    bottom: -.5rem;
    border-width: .75rem;
}

.nav-link[class*=bg-] {
    -webkit-transition: .1s;
    transition: .1s;
}

.nav-link[class*=bg-]:focus, .nav-link[class*=bg-]:hover {
    position: relative;
    z-index: 1;
}

.bg-theme-02 {
    background-color: #ad005f !important;
}

.bg-theme-03 {
    background-color: #eb690b !important;
}

.bg-theme-04 {
    background-color: #00628d !important;
}

.bg-theme-05 {
    background-color: #00957d !important;
}

.bg-theme-invfr {
    background-color: #00628d;
}

@media (min-width: 1242px) {
    .bg-theme-invfr {
        background: #00628d url(/img/vanocni_pozvani_sml.png) no-repeat 5px 5px;
    }

    .bg-theme-invfr span {
        display: none;
    }
}

.bg-theme-06 {
    background-color: #76c6eb !important;
}

.bg-theme-06 {
    background-color: #76c6eb !important;
}

.bg-theme-07 {
    background-color: #e2007a !important;
}

.bg-theme-02::before {
    border: 0 solid #7a0043;
}

.bg-theme-03::before {
    border: 0 solid #ba5309;
}

.bg-theme-04::before {
    border: 0 solid #003f5a;
}

.bg-theme-05::before {
    border: 0 solid #006252;
}

.bg-theme-invfr::before {
    border: 0 solid #00628d;
}

.bg-theme-06::before {
    border: 0 solid #49b3e5;
}

.bg-theme-07::before {
    border: 0 solid #af005e;
}

.nav-link.bg-theme-02, .nav-link.bg-theme-03, .nav-link.bg-theme-04, .nav-link.bg-theme-05, .nav-link.bg-theme-06, .nav-link.bg-theme-07, .nav-link.bg-theme-invfr {
    position: relative;
}

a.bg-theme-02:focus, a.bg-theme-02:hover, button.bg-theme-02:focus, button.bg-theme-02:hover {
    background-color: #7a0043 !important;
}

a.bg-theme-03:focus, a.bg-theme-03:hover, button.bg-theme-03:focus, button.bg-theme-03:hover {
    background-color: #ba5309 !important;
}

a.bg-theme-04:focus, a.bg-theme-04:hover, button.bg-theme-04:focus, button.bg-theme-04:hover {
    background-color: #003f5a !important;
}

a.bg-theme-05:focus, a.bg-theme-05:hover, button.bg-theme-05:focus, button.bg-theme-05:hover {
    background-color: #006252 !important;
}

a.bg-theme-06:focus, a.bg-theme-06:hover, button.bg-theme-06:focus, button.bg-theme-06:hover {
    background-color: #49b3e5 !important;
}

a.bg-theme-07:focus, a.bg-theme-07:hover, button.bg-theme-07:focus, button.bg-theme-07:hover {
    background-color: #af005e !important;
}

.text-theme-01 {
    color: #009ee0 !important;
}

.text-theme-02 {
    color: #7a0043 !important;
}

.text-theme-03 {
    color: #ba5309 !important;
}

.text-theme-04 {
    color: #003f5a !important;
}

.text-theme-05 {
    color: #006252 !important;
}

.text-theme-06 {
    color: #49b3e5 !important;
}

.text-theme-07 {
    color: #af005e !important;
}
