/* you can add your own custom css here if you don't want to worry about SASS/SCSS */

.header-contacts ul li { display: inline-block; padding: 3px 30px 3px 0; }
.header-contacts ul { padding: 0; margin: 0; }
.header-contacts { text-align: right; font-size: 0.9em; }

li, p, div {
  font-family: "Baloo 2", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}

.bg-gray {
  background: #f4f4f4;    
  border-top: 12px solid #4778d8;
}
.bg-lightblue {
  background: #4778d8;
  color: white;         
    font-size: 0.9em;
    padding: 3px 0;
}
.bg-lightblue a, .builder-blue-section a {
  color: white;
  text-decoration: none;
  border-bottom: 1px solid white;
}
.menu-part {
    border-top: 1px solid #999999;
}
.navbar>.container {
  display: block !important; 
  padding: 15px 0;
}

.footer-columns {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}
@media (min-width: 768px) {
.site-label {
  border-left: 1px solid #999999;
  line-height: 0.9em;
}
}

.blog-featured a { 
  color: black;
  font-weight: 600;
  font-size: 0.9em; 
  text-decoration: none;
}
a {
  opacity: 1;
}
a:hover {
  opacity: 0.5;
  transition: 200ms;
}
.blog-featured .item-title {
  line-height: 0.9em;
}
.blog-featured .readmore {
  float: right;
  border-bottom: 1px solid black;
}
.blog-featured span {
  color: #4778d8;
}
.blog-featured .created {
    color: #4778d8;
    font-size: 0.8em;
    font-weight: bold;
    padding-bottom: 1em;
    margin-bottom: 1em;
    border-bottom: 1px solid #999999;
}
.blog-featured img {
    border-radius: 12px;
}
.divisions ul {
    list-style: none;
    margin: 0;
    padding: 0;
    line-height: 1.2em;
}
.divisions .icon-container {
    width: 85px; /* Adjust size as needed */
    height: 85px; /* Adjust size as needed */
    border-radius: 10px; /* Adjust border-radius to control corner roundness */
    border: 5px solid #ccc; /* Border color */
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1); /* Shadow effect */
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 26px;
}
.divisions h4 {
    font-size: 1.1em;
    font-weight: bold;
    margin: 0;
}
.divisions .icon {
    background-repeat: no-repeat;
    width: 60%;
    background-position: 50% 50%;
    height: 60%;
}
.divisions a {
    color: black;
    text-decoration: none;
}
.divisions a:hover {
    opacity: 1;
}
.home-divisions {
    opacity: 1;     
}
.home-divisions:hover {
    cursor: pointer;
    opacity: 0.5;     
    transition: 200ms;
}
.divisions .doprava .icon-container {
  border-color: #7c7c7c;
}
.divisions .zelen .icon-container {
  border-color: #6aac46;
}
.divisions .odpady .icon-container {
  border-color: #ffa200;
}
.divisions .osvetleni .icon-container {
  border-color: #ffa200;
}
.divisions .kanalizace .icon-container {
  border-color: #7100b2;
}
.divisions .hrbitovy .icon-container {
  border-color: #000000;
}
.divisions .parkoviste .icon-container {
  border-color: #ed1919;
}
.divisions .reuse .icon-container {
  border-color: #4778d8;
}

@media (min-width: 768px) {
#Hlášenízávad {
    float: right !important;
}
}

#Hlášenízávad {
    background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 120.64 122.88" style="enable-background:new 0 0 120.64 122.88" xml:space="preserve"><g><path d="M54.03,108.91c-1.55,1.63-2.31,3.74-2.28,5.85c0.03,2.11,0.84,4.2,2.44,5.79l0.12,0.12c1.58,1.5,3.6,2.23,5.61,2.2 c2.01-0.03,4.01-0.82,5.55-2.37c17.66-17.66,35.13-35.61,52.68-53.4c0.07-0.05,0.13-0.1,0.19-0.16c1.55-1.63,2.31-3.76,2.28-5.87 c-0.03-2.11-0.85-4.21-2.45-5.8l-0.27-0.26C100.43,37.47,82.98,19.87,65.46,2.36C63.93,0.82,61.93,0.03,59.92,0 c-2.01-0.03-4.03,0.7-5.61,2.21l-0.15,0.15c-1.57,1.58-2.38,3.66-2.41,5.76c-0.03,2.1,0.73,4.22,2.28,5.85l47.22,47.27 L54.03,108.91L54.03,108.91z M2.26,106.91c-1.54,1.62-2.29,3.73-2.26,5.83c0.03,2.11,0.84,4.2,2.44,5.79l0.12,0.12 c1.57,1.5,3.6,2.23,5.61,2.21c2.01-0.03,4.02-0.82,5.55-2.37C31.01,101.2,48.87,84.2,66.39,67.12c0.07-0.05,0.14-0.11,0.21-0.17 c1.55-1.63,2.31-3.76,2.28-5.87c-0.03-2.11-0.85-4.21-2.45-5.8C48.94,38.33,31.36,21.44,13.83,4.51l-0.12-0.13 c-1.53-1.54-3.53-2.32-5.54-2.35C6.16,2,4.14,2.73,2.56,4.23L2.41,4.38C0.84,5.96,0.03,8.05,0,10.14c-0.03,2.1,0.73,4.22,2.28,5.85 l47.18,45.24L2.26,106.91L2.26,106.91z"/></g></svg>');
    background-repeat: no-repeat;
    background-size: 9%;
    background-position: 100% 50%;
    text-transform: uppercase;
    padding-right: 17px !important;
}

#Hlášenízávad a {
    color: red !important;
}

.navbar-brand img {
    max-width: 200px;
    max-height: 59px;
}

.mailcompany a {
  color: black;
  text-decoration: none;
  border-bottom: 1px solid black;
  margin-left: 12px;
}


.footer h4:first-child {
    display: block;
    height: 82px;
    font-size: 1.1em;
    font-weight: bold;
}

.footer a {
    color: black;
    text-decoration: none;
}
.footer>div {
    background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Vrstva_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 529.46 417.94"><defs><style>.cls-1{fill:%23fff;stroke-width:0px;}</style></defs><g id="Layer_12"><path class="cls-1" d="m525.59,121.5c-33.26-4.71-71.1,3.48-100.12-14.74,26.97-1.71,52.39-.75,77.17-6.07-38.06-13.72-78.8-11.26-118.55-19.73,44.06-8.81,87.69,3.48,131.33-6.48-40.88-17.27-83.24-10.58-124.76-12.76,30.15-5.6,60.65-4.3,91.22-5.8-77.17-16.18-156.6-17.06-233.56-32.63,3.6-3.89,9.11-2.53,14.19-2.46,5.08,0,9.88-.55,15.46-3.96-30.36,1.77-59.31.96-87.06-8.81,1.84-4.57,9.18-.68,11.16-6.35-16.52,0-32.69.07-48.79-.07-2.68,0-6,1.64-8.05-1.64h-5.37c-17.16,3.34-33.68,9.21-52.53,10.65,3.74,1.64,6.28,2.8,9.6,4.3-13.13.75-18.43,14.13-31.14,14.81-11.72.61-23.79.82-35.16,5.73,14.69,3.89,29.16,2.32,44.13,2.94-11.58,19.39-28.95,30.17-49.71,37.13,23.44.41,50.91-11.6,69.69,4.85-1.06,12.08,14.19,3.55,21.25,8.81-5.72,2.87.49,16.18-7.7,12.01-32.9-7.1-72.65-15.49-104.28-6.35,14.69,1.5,29.3,3,44.62,4.57-2.68,5.73-9.39,3.62-12.21,8.05,3.39.2,6.35.34,10.31.55-11.16,9.97-27.39,4.91-40.74,10.03-1.77.61-4.59-.55-4.45,2.73.56,6.89,10.31,3.48,14.97,4.3-2.26,9.08-9.96,5.87-16.52,8.74v1.71c33.54,8.94,85.15-20.68,107.74,7.85,3.88.48,6.92,1.3,10.38,2.94,2.82-1.23,16.8,9.62,21.75,13.45,5.51,4.23,9.04,9.01,8.97,16.38-.21,27.85-10.94,241.77-10.94,241.77h50.55s-8.33-118.77-16.24-240.27c-.21-3.41-.42-6.96,1.91-9.83,7.91-9.56,48.93-25.05,51.12-25.66,42.01-12.01,85.22-15.84,128.71-17.06,57.4-1.64,114.45,14.4,171.43,1.77,5.22.34,5.58-6.42.21-5.39Zm-484.49,7.71c-9.74,8.94-2.75-5.46-17.16-5.67,9.53-2.05,18.99-4.03,30.71-6.55-5.65,5.12-9.46,8.81-13.56,12.22Zm59.45-87.64c-5.58,1.16-7.27-5.46-1.55-6.21,8.05-7.1,16.1-3.34,24.08.41-6.99,3.75-15.11,3.62-22.52,5.8Zm48.08,113.58c-5.65-.07-9.96-3.34-14.83-5.26-2.54-.96-7.63-4.16-8.4-4.85q-8.68-6.96,1.27-11.74c3.39-1.57,6.71-3.41,10.31-4.3,5.93-1.5,10.66-1.91,10.45,7.03-.14,6.07,1.91,12.29,1.2,19.11Zm-7.34-47.1c-5.44-3.28-12.57-2.59-17.09-7.71-4.66-5.26-3.95-8.26,2.68-9.9,8.4-2.12,22.1,5.8,21.96,13.24.78,5.8-2.12,7.58-7.55,4.37Zm87.41,24.03c-18.5,6.01-37.21,11.88-54.51,22.18-.42-4.64,1.06-7.78,4.1-9.76,12.07-7.92,24.15-15.22,39.04-17.95,20.55-3.75,40.88-8.74,61.36-13.31,2.05-.48,3.88-.75,6.85.55-19.28,6.89-38.13,12.29-56.84,18.29Zm-34.95-8.87c3.11.55,6.07,1.77,9.04,2.8.42.14.64.96,1.34,2.05-10.38.55-18.99,4.85-27.89,8.53-.99-23.14-2.05-16.86,17.51-13.38Zm138.1-48.67c-6.64,2.94-7.2,6.01-.21,9.9-26.69,4.3-52.67,9.15-78.94,12.35-17.37,2.12-34.81,6.76-52.67,2.25-4.94-1.23-10.38-.55-15.46,2.32-2.4,1.37-7.98,3.48-8.33-1.71-.21-3.62-5.15-10.44,5.01-11.54,7.27-.75,15.39-2.32,19.49-9.76,1.69-3.14,3.6-2.39,5.72-1.09,17.37,10.44,34.53,6.76,52.74,1.16,20.05-6.21,41.23-8.4,62.49-9.21,6.64-.27,13.2-2.46,21.04-1.09-4.38,2.66-7.48,4.91-10.87,6.42Z"/></g></svg>');
    background-repeat: no-repeat;    
    background-position: 5% 100%;
    background-size: contain;
} 

body > main {
    background-image: url(/media/templates/site/slumeko/images/footer_bg.jpg);
    background-repeat: no-repeat;
    background-position: 50% 100%;
    background-size: contain;
}
body.article-page > main {
    background-image: none;
}

.sppb-carousel-extended-item img {
    object-fit: contain !important;
}

@media (min-width: 768px) {
ul.megamenu.level0>li {
    margin-right: 0.5rem !important;
}
}
@media (min-width: 1024px) {
ul.megamenu.level0>li {
    margin-right: 1rem !important;
}
}
#megamenucss #js-mainnav.megamenu.affix {
    background: white;
    border-bottom: 1px solid #999999;
}
.com-content-article__body {
    min-height: 250px;
}
.cd-top {     
    right: 90px !important;
    bottom: 19px !important;
    z-index: 3000;
}
@media only screen and (min-width: 768px) {
  .cd-top {
        right: 90px !important;
        bottom: 19px !important;
  }
}
@media only screen and (min-width: 1024px) {
    .cd-top {
        right: 90px !important;
        bottom: 19px !important;
    }
}
#back_to_top a.cd-top:link, #back_to_top a.cd-top:visited, #back_to_top a.cd-top:hover, #back_to_top a.cd-top:focus {
    background: #2D79FF url(https://www.slumeko.cz/modules/mod_jt_scrolltotop/assets/images/cd-top-arrow.svg) no-repeat 50% 50% !important;
    padding: 5px 5px 5px 5px;
    color: #ffffff;
    height: 48px !important;
    width: 48px !important;
    border-radius: 24px !important;
}