body, .sp-preloader {background: #fff;}
#sp-top-bar {min-height: 40px; background-color: #ffffff !important; color: #666666 !important;}
#sp-top-bar .sp-module {margin: 0;}
#sp-header {
    background: rgb(204,204,204);
    background: -moz-linear-gradient(180deg, rgba(204,204,204,1) 10%, rgba(238,238,238,1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(204,204,204,1) 10%, rgba(238,238,238,1) 100%);
    background: linear-gradient(180deg, rgba(204,204,204,1) 10%, rgba(238,238,238,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#cccccc",endColorstr="#eeeeee",GradientType=1);
}

/*Menu*/
.sp-megamenu-parent > li > a {text-transform: uppercase; font-weight: 600;}
.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li.active:hover > a {
    font-weight: 600;
    color: #ffffff;
    background: rgb(21,1,83);
    background: -moz-linear-gradient(180deg, rgba(21,1,83,1) 10%, rgba(27,121,220,1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(21,1,83,1) 10%, rgba(27,121,220,1) 100%);
    background: linear-gradient(180deg, rgba(21,1,83,1) 10%, rgba(27,121,220,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#150153",endColorstr="#1b79dc",GradientType=1);
}
.sp-megamenu-parent > li:hover > a {
    background: rgb(238,238,238);
    background: -moz-linear-gradient(180deg, rgba(238,238,238,1) 10%, rgba(204,204,204,1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(238,238,238,1) 10%, rgba(204,204,204,1) 100%);
    background: linear-gradient(180deg, rgba(238,238,238,1) 10%, rgba(204,204,204,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#eeeeee",endColorstr="#cccccc",GradientType=1);
    color: #150153;
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {padding: 0px;}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item {padding: 0 10px;}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
    display: block;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item:hover {
    background: rgb(204,204,204);
    background: -moz-linear-gradient(180deg, rgba(204,204,204,1) 10%, rgba(238,238,238,1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(204,204,204,1) 10%, rgba(238,238,238,1) 100%);
    background: linear-gradient(180deg, rgba(204,204,204,1) 10%, rgba(238,238,238,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#cccccc",endColorstr="#eeeeee",GradientType=1);
    color: #150153;
    padding: 0 10px;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover {
    background: transparent;
    color: #150153;
}
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {padding: 0 10px;}

.bg-gray {background: #e9ecef; padding: 15px;}

.breadcrumb {background-color: #1B79DC; color: #fff;}
li.breadcrumb-item a.pathway, .breadcrumb-item.active, .breadcrumb-item + .breadcrumb-item::before {color: #fff;}

#sp-main-body {padding: 30px 0;}
#sp-header.header-sticky ~ section#sp-main-body {padding-top: 30px;}
#sp-breadcrumb {padding: 15px 15px 0 15px;}
.breadcrumb {margin-bottom: 0px;}
#sp-bottom {
    background: rgb(21,1,83);
    background: -moz-linear-gradient(180deg, rgba(21,1,83,1) 10%, rgba(27,121,220,1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(21,1,83,1) 10%, rgba(27,121,220,1) 100%);
    background: linear-gradient(180deg, rgba(21,1,83,1) 10%, rgba(27,121,220,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#150153",endColorstr="#1b79dc",GradientType=1);
    color: #fff;
    padding: 30px 0 14px 0;
}
#sp-bottom .sp-module {margin-bottom: 0px;}
#sp-footer {background: #fff; color: #252525;}
#sp-footer a {color: #1B79DC;}
#sp-footer a:hover {color: #1B79DC; border-bottom: 1px dashed #1B79DC;}

aside#sp-right div.custom img, #sp-ikony img, .offcanvas-menu img {display: unset; vertical-align: unset;}
li.sp-menu-item.sp-has-child a.context-menu {cursor: context-menu;}
#sp-footer .container-inner {padding: 10px 0; border-top: 0px none;}
.pagination div.pginline select {display: inline-flex; width: unset;}
#sp-left .sp-module, #sp-right .sp-module {margin-top: 30px; padding: 0px; border: 1px solid #150153;}
#sp-left .sp-module .sp-module-content, #sp-right .sp-module .sp-module-content {padding: 15px;}
#sp-left .sp-module .sp-module-title, #sp-right .sp-module .sp-module-title {
    background: rgb(21,1,83);
    background: -moz-linear-gradient(180deg, rgba(21,1,83,1) 10%, rgba(27,121,220,1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(21,1,83,1) 10%, rgba(27,121,220,1) 100%);
    background: linear-gradient(180deg, rgba(21,1,83,1) 10%, rgba(27,121,220,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#150153",endColorstr="#1b79dc",GradientType=1);
    color: #ffffff;
    font-weight: 600;
    margin: 0px;
    padding: 15px;
}
#sp-left .sp-module .sp-module-title, #sp-right .sp-module .sp-module-title {font-size: 16px;}

/* Moduly */
.sp-module.oranzova {
    border: 0px none;
    background: linear-gradient( #FF6100 20%, #1B79DC 80%);
    color: #fff;
}
.sp-module.zelena {
    border: 0px none;
    background: linear-gradient( #35B14F 20%, #2CD04E 80%);
    color: #fff;
}
.sp-module.hneda {
    border: 0px none;
    background: linear-gradient( #150153 20%, #cc522f 80%);
    color: #fff;
}
.sp-module.oranzova h3.sp-module-title, .sp-module.zelena h3.sp-module-title, .sp-module.hneda h3.sp-module-title {color: #fff; text-align: center;}
.sp-module.oranzova a, .sp-module.zelena a, .sp-module.hneda a {color: #fff !important;}

.mod_events_latest_table td {padding: 10px 0 3px 0 !important;}
.mod_events_latest_table tr {border-bottom: 1px dashed #fff !important;}
table.mod_events_latest_table i.fa.fa-calendar {font-size: 12px;}
/*.jevbootstrap .mod_events_latest_date, .jevbootstrap .mod_events_latest_content {line-height: unset !important;}*/
.mod_events_latest_table span.mod_events_latest_content a {color: #150153 !important; font-weight: 600; font-size: 1.1rem;}
span.datum {font-family: sans-serif; font-size: 12px; top: -5px !important; position: relative;}
#sp-ikony .sp-column {text-align: center;}

/* Vyhledávání */
#sp-vyhledavani .search form div.input-group input {
    font-size: 0.8rem;
    border-radius: unset;
    padding: 0 0.5rem;
    width: 200px;
}
#sp-vyhledavani .search form div.input-group span.input-group-btn button {
    font-size: 0.8rem;
    padding: 0.2rem 0.4rem;
    border-radius: 0;
}
.offcanvas-menu .search form div.input-group input {
    font-size: 0.8rem;
    border-radius: unset;
    padding: 0 0.5rem;
}
.offcanvas-menu .search form div.input-group span.input-group-btn button {
    font-size: 0.8rem;
    padding: 0.2rem 0.4rem;
    border-radius: 0;
}


/* Typografie */
.h1, h1 {color: #150153;}
.h2, h2 {color: #1B79DC;}
.h3, h3 {color: #150153;}
#sp-bottom  h3.sp-module-title {color: #ffffff}
section#sp-main-body a {color: #1B79DC;}
section#sp-main-body a:hover, section#sp-main-body a:focus, section#sp-main-body a:active {color: #1B79DC; border-bottom: 1px dashed #1B79DC;}
.blog-featured h2.item-title {font-size: 1.5rem !important;}
.article-details .article-header h1 {font-size: 2.5rem;}
.article-social-share .social-share-icon ul li a:hover, .article-social-share .social-share-icon ul li a:focus {background: #1B79DC; color: #150153 !important;}
.readmore {margin-bottom: 15px;}
a.wf_file img.wf_file_icon {display: inline;}
.article-info > span + span::before {padding-right: 0; padding-left: 0.35rem; content: "|";}
section#sp-main-body a:hover img, section#sp-main-body a:focus img, section#sp-main-body a:active img {border-bottom: unset;}

/* Články */
.blog-featured div.page-header h1 {margin-left: -15px;}
.article-intro-image.float-none {margin-bottom: 0.75rem;}
.container-fluid.blog-featured div.row.items-row {margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px dashed #2CD04E !important;}
.container-fluid.blog-featured div.row.items-row div.item.column-1 {border-right: 1px dashed #2CD04E !important;}
.article-list .article {border: 1px dashed #150153;}
.article-list .article:hover {border: 1px solid #150153;}
.blog-featured div.row.items-leading > div {
    border-bottom: 1px solid #150153;
    margin-bottom: 30px;
    padding: 0 0px 30px;
    width: 100%;
}
.nav-tabs {border-bottom: 1px solid #150153; margin-bottom: 30px; padding-bottom: 30px;}
.items-more ol.nav.nav-tabs.nav-stacked {
    display: list-item;
}

/* Kontakty */
.table-responsive table.table.table-striped.table-bordered thead tr.row, .table-responsive table.table tbody tr.row {margin-left: 0; margin-right: 0;}
.table-responsive table.table.table-striped.table-bordered thead tr.row {text-align: center;}

/* Dokumenty */
#phoca-dl-category-box .pd-filenamebox {float: none;}
#phoca-dl-category-box .pd-buttons, #phoca-dl-file-box .pd-buttons, #phoca-dl-download-box .pd-buttons {position: unset !important;  float: unset !important; margin: unset !important; display: none !important;}
#phoca-dl-category-box.pd-category-view div.pd-category .pd-button-box-bt {display: none !important;}
#phoca-dl-categories-box .pd-no-subcat {display: none !important;}
#phoca-dl-category-box.pd-category-view div.pd-category div.pd-filebox div.pd-buttons div.pd-button-download {display: none !important;}
.pd-row2-bp {border-bottom: none;}
#phoca-dl-categories-box.pd-categories-view .thumbnail.ph-thumbnail h3 a::before {font-family: "Font Awesome 5 Free"; content: "\f07b"; margin-right: 10px; }

/* Galerie */
#phocagallery select {height: unset; width: auto; padding: 0.25rem;}
#phocagallery select#imgordering {margin-right: 15px;}
.pg-box-img-bottom {display: block; position: relative; bottom: 77px;}
.pg-cv-folder {padding: 0 2px !important; font-size: 1rem; text-align: center; background: rgba(0, 0, 0, 0.5) !important; color: #ffffff;}
.pg-cv-name-image {display: none !important;}
#phocagallery .pagination {padding-top: 30px !important;}

/* Stránkování */
.page-link {color: #1B79DC; background: #fff; border: 1px solid #150153 !important;}
.page-item.active .page-link {color: #1B79DC; background: #150153; border: 1px solid #150153 !important;}
.page-link:hover, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus  {color: #fff !important; background: #150153; border: 1px solid #150153 !important;}

/* Mapa */
#sp-mapa div.custom {line-height: 0;}

/* Offcanvas menu */
.offcanvas-menu .offcanvas-inner .sp-module._menu h3.sp-module-title {background: #150153; color: #ffffff; padding: 5px; text-align: center;}
.offcanvas-menu .offcanvas-inner .sp-module ul > li a,
.offcanvas-menu .offcanvas-inner .sp-module ul > li.active ul li a {color: #1B79DC;}
.offcanvas-menu .offcanvas-inner .sp-module ul > li.active,
.offcanvas-menu .offcanvas-inner .sp-module ul > li.active span,
.offcanvas-menu .offcanvas-inner .sp-module ul > li.active ul li.active a {color: #fff;}

/* Topovaný článek */
.sprocket-grids-b-item.panel-color {background: unset !important;}
h2.sprocket-grids-b-title {font-size: 1.5rem !important;}
.sprocket-grids-b-content {padding: 0 !important; color: #252525 !important;}
.sprocket-grids-b-readon {display: none !important;}
.sp-module.vytopovanyclanek {border-bottom: 1px solid #150153; margin-bottom: 30px; width: 100%;}


 /* Responsive CSS */
@media (max-width:767px) {
    .h1, h1 {font-size: 2rem; text-align: center;}
    .container-fluid.blog-featured div.row.items-row {margin-bottom: unset; padding-bottom: unset; border-bottom: unset !important;}
    .container-fluid.blog-featured div.row.items-row div.item.column-1 {border-right: unset !important;}
    .container-fluid.blog-featured div.row.items-row div.item {border-bottom: 1px dashed #2CD04E !important; margin-bottom: 15px;}
    p.counter {float: none !important; text-align: center; padding-top: 0px !important;}
    ul.pagination {display: block ruby; text-align: center;}
    .hvr-underline-from-center, .hvr-underline-from-center:before, .hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before {display: none;}
    .sprocket-grids-b ul.sprocket-grids-b-container {height: unset !important; padding: 0 !important;}
    .sprocket-grids-b-columns-1 > li {width: 100% !important; position: unset !important; margin-bottom: 30px;}
    .sprocket-grids-b-content {text-align: unset !important;}
    .sprocket-grids-b-text {display: block !important;}
    #phoca-dl-categories-box div.pd-categoriesbox {width: 100%; position: relative; float: none; margin: 0; padding: 0;}
    #phoca-dl-categories-box div.pd-title {margin: 30px 0px 8px 0px;}

}