/* ==========================================================================
   Vlastni obrazkove styly – RELATIVNI cesty k umisteni tohoto souboru
   (templates/shaper_helix3/css/ -> ../../../ = korenova slozka webu)
   Funguje na ostrem (root) i na demu v podslozce (/odvirovani/).
   Helix3 tento soubor nacita automaticky (addCSS('custom.css')) az za template.css,
   takze prebiji.
   ========================================================================== */

#sp-page-title {
    background-image: url(../../../images/headers/anglozs-header44.jpg);
    background-size: 100% auto;
    background-repeat: no-repeat;
}

ul {
    list-style-image: url(../../../images/odr.jpg);
}

.sp-module ul {
    list-style-image: url(../../../images/odr.jpg) !important;
}

@media screen and (max-width: 997px) {
    #sp-page-title {
        background-image: url(../../../images/anglozs-header22small.jpg);
        background-position: bottom;
    }
}

/* ==========================================================================
   POJISTKA MENU – drzi stejnou typografii na VSECH strankach.
   Duvod: stranka "ucitele" je SP Page Builder a nacita vlastni CSS
   (Font Awesome 5, skin.min.css), coz jinak meni tloustku a velikost pisma menu.
   !important prebije SPPB CSS.
   ========================================================================== */
.sp-megamenu-parent {
    font-family: 'Open Sans Condensed', sans-serif !important;
    font-size: 22px !important;
    font-weight: 300 !important;
}

.sp-megamenu-parent > li > a,
.sp-megamenu-parent > li > span {
    font-size: 1vw !important;
    line-height: 58px !important;
    font-weight: 700 !important;
    color: #fff !important;
}

/* ikony v menu (home) – zamknout velikost i FA4 font, aby je SPPB Font Awesome 5 nezmenil */
.sp-megamenu-parent .fa {
    font-family: FontAwesome !important;
    font-size: 150% !important;
}
.sp-megamenu-parent .fa-home {
    font-size: 170% !important;
    margin-top: 5px !important;
}

@media screen and (max-width: 1300px) {
    .sp-megamenu-parent > li > a,
    .sp-megamenu-parent > li > span {
        font-size: 12px !important;
    }
}