body[data-sppb-color-mode=Dark] .logo-image {filter: none;}
.spmenu-number {display: none;}
#sp-footer ul {gap: 0;}
.article-details .article-info .published:before {display: none;}
.article-details .article-header h1, .article-details .article-header h2 {font-size: 1.6em;}
body .sppb-btn, body .btn {text-transform: none;}
.com-content.view-article #sp-main-body {padding: 40px 0px 100px 0px;}
.sppb-btn {margin-bottom: 0.3em}
.sppb-panel-title {color: var(--sppb-text-primary); font-size: 16px;}
body .sppb-btn.sppb-btn-link:hover, body .btn.sppb-btn-link:hover {border-bottom: 1px solid var(--sppb-link-color); color: var(--sppb-text-variant-1);}
body .sppb-btn.sppb-btn-link, body .btn.sppb-btn-link {border-bottom: 1px solid var(--sppb-text-primary);}
.com-content.view-article #sp-main-body {background:none;}
/*.com-content.view-article #sp-main-body {background: linear-gradient(180deg, var(--sppb-bg-variant-4) 20em, transparent 0%);} */
.sppb-addon-dynamic-content-filter-item-content {flex-wrap: wrap;}
.sppb-addon-dynamic-content-filter-item-title {font-weight: 600;}
.article-list .article .article-header h1, .article-list .article .article-header h2 {font-size: 20px;line-height: 1.1;}
.expertise-card .expertise-card-header {min-height: auto; max-height: 100px;}
#sp-footer ul {display: inline-block;}
a {color: var(--sppb-text-link);}
.badge-tram {color: #ffffff; background-color: #d9534f; border-color: #d9534f;}
.badge-bus {color: #000; background-color: #5bc0de; border-color: #5bc0de;}
.badge-dark {color: #ffffff; background-color: #003C69; border-color: #003C69;}
.badge-trol {color: #ffffff; background-color: #00cc8b; border-color: #00cc8b;}
input[type=text], input[type=email], input[type=url], input[type=date], input[type=password], input[type=search], input[type=tel], input[type=number], select:not(.form-select), .form-control, .sppb-form-group .sppb-form-control {background-color: #fff; padding-left: 0.5em; padding-right: 0.5em;}
.rsformProgressBar {background: #1dd3ff;}
.rsform-button-prev {margin-right: 16px;}
.sp-module-content-top {margin-bottom: 20px;}
.card-menu { background-color: var(--sppb-card-bg-variant-4);}
.card-menu:hover {color: var(--sppb-text-link);} 
.terminy {background-color: var(--sppb-bg-variant-4); padding: 20px; border-radius: 16px;}
.carousel-control-next-icon, .carousel-control-prev-icon { background-color: rgb(0, 0, 0, 0.9); border-radius: 40px; width: 2.5rem; height: 2.5rem; background-size: 85% 85%;}
.carousel-inner {border-radius: 16px;}
.autoskola {border: none; background-color: var(--sppb-bg-variant-4); border-radius: 16px;}
.card-img-top {border-top-left-radius: 16px; border-top-right-radius: 16px;}
/* podnadpis stránky doleva */
 /* .sp-page-title .sp-page-title-sub-heading { text-align: left;} }*/
.sp-page-title .sp-page-title-heading {font-family: "Roboto Condensed"; font-weight: 700;}
    
#sp-left .sp-module {
    border: none;
    padding: 0 0 0 20px;
    border-radius: none;
}
.sp-page-title {
background-color: var(--sppb-bg-variant-4);
margin-bottom: 30px;
}

#sp-left .sp-module ul>li>a, #sp-right .sp-module ul>li>a {
    padding: 4px 20px;
}
#offcanvas-toggler:after {
    content: "MENU";
    font-size: 18px;
    font-weight: 800;
}
.burger-icon {width: 40px;}

.sppb-responsive-bars::after {
    content: "menu";
    /* Volitelné stylování, aby text vypadal dobře */
    display: inline-block;
    vertical-align: middle; 
    /* font-family: sans-serif; */
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    font-size: 0.7em;
    text-align: center;
}
 
.offcanvas-menu .offcanvas-inner ul.menu>li>ul li a
{
    font-weight: 600;
    color: var(--sppb-text-primary);
}
.offcanvas-menu .offcanvas-inner ul.menu>li>a, .offcanvas-menu .offcanvas-inner ul.menu>li>span {
    font-size: 16px;
    line-height: 16px;
    color: var(--sppb-text-primary);
}
/*
.article-hero {
  background: #0b5ed7; 
  color: white;
  padding: 60px 20px;
  margin-bottom: 40px;
text-align: center;
}
.article-hero-inner {
  max-width: 1200px;
  margin: 0 auto;
}
.article-title {
  font-size: 42px;
  font-weight: 700;
  margin-bottom: 10px;
}
.article-subtitle {
  font-size: 20px;
  opacity: 0.9;
}
.article-hero {
  width: 100vw;
  margin-left: calc(-50vw + 50%);
}
*/