::selection {background:#08364b;color:#FFF}
::-moz-selection {background:#08364b;color:#FFF}

body {font-family: 'Open Sans', sans-serif !important;background:#FFF;line-height:1.6, }

a {color: #000000;; text-decoration: none; }
a:hover,
a:focus {
  text-decoration: none; /* bez podtržení i při hoveru */
  cursor: pointer; /* kurzor ukazující kliknutí */

}
.carousel-fade .carousel-item {
  transition: opacity 1s ease-in-out;
}

.carousel-caption-inner p.h1 {
  font-size: 2rem;
  word-break: break-word;
  white-space: normal;
}

#topBar {background:#FFF;padding:7px 0;font-weight:700;font-size:14px;color:#71848c}
#topBar .text-offset {padding-left:120px;}
.row .fix{
  padding-left: 12px;
}
.socialbar{
  position: absolute;
    top: 30%;
    color: white;
    left: 94%;
}
.splide__slide img {
      width: 100%;
      height: auto;
    }
.row .fix .col-lg-6{
  padding-left: 0px;
 padding-right: 0px;
 padding: 0px;
}
.col-lg-1{
  padding-left: 0px!important;
  padding-right: 0px!important;
  padding: 0px!important;

}
.col-lg-1 img{
  padding: 1px!important;

}
.row .fix .col-lg-6 img{
  padding-left: 0px;
 padding-right: 0px;
 padding: 0!important;
 cursor: pointer;
}
body, html {
height: 100%;
margin: 0;
scroll-behavior: smooth;

}

.socialbar {
position: relative;

}
.grid {
  margin-left: 2.5rem;
        display: flex;
        flex-wrap: wrap;
    }
    .grid-item {
        width: calc(33.33% - (10px * 2)); /* Šířka jednotlivého obrázku s odstupy */

    }
    .grid-item:nth-child(3n) {
        margin-right: 0; /* Odstranění marginu z posledního obrázku ve sloupci */
    }
    .grid-item img {
        width: 100%;
        height: auto;
    }

header {position:relative;height:111px;line-height:104px;z-index:10;background-color: #003f5c;}
header .container {background:#FFF;}
header a:hover, header a:focus {text-decoration:none;}
@media (min-width: 1200px){.container {max-width: 1140px;}}
.mx-2 {margin-right: 0.7rem!important;margin-left: 0.7rem!important; gap: 1px;}

#logo {position:relative;z-index:0;}
#logo a {display:block;font-size:32px;font-weight:700;letter-spacing:-2px;}
#logo a img {position: relative;height: 96px;}
#logo a span {color:#a4d6e1}
#logo a i {display:inline-block;color:#FFF;background:#03abc8;width:50px;height:50px;text-align:center;line-height:50px;border-radius:100%;font-size:24px;margin-right:20px;vertical-align:2px}

nav ul.nav {float:right;position: relative;}
nav ul.nav li {position:relative;}
nav ul.nav li a {display:block;padding:0px 25px;transition: color 0.3s ease-in-out, transform 0.3s ease-in-out;color:#FFF; text-decoration: none; background-color: transparent; border-top: none;}
nav ul.nav li.active a {border-top-color:#FFF;color:#FFF}
nav ul.nav li.active a, nav ul.nav li:hover a, nav ul.nav li:focus a { color: #9bc03c;background: transparent;border-top: none; transform: translateY(-2px);}
nav ul.nav li.parent > a:after {content:"\f067";font-family:"Font Awesome 5 Free";display:inline-block;color:#079bbb;font-weight:900;margin-left:12px;}
nav ul.nav li ul {position:absolute;z-index:100;background-color:transparent;text-align:left;overflow:hidden;border-radius:0 0 4px 4px;top:100%;left:0;padding:0;min-width:100%;display:none}
nav ul.nav li:hover ul, nav ul.nav li:focus ul {border-top: none;}
nav ul.nav li ul li {display:block;font-size:16px;}
nav ul.nav li ul li a {border:0;border-bottom:1px solid #08b8dd;background:#079bbb;white-space:nowrap;padding:11px 30px 11px 20px;line-height:normal;text-decoration:none;color:#FFF!important;}
nav ul.nav li ul li a:hover, nav ul.nav li ul li a:focus {border-top: none;}
nav ul.nav li ul li:last-child a {border-bottom:0;}
nav ul.nav li.item-120 a {text-indent: -9999px;width:25px;background-image: url('../images/search.png');background-size: 20px auto;background-repeat: no-repeat; background-position: center; }


#frontBanner {background:#e8ecee;margin-top:-23px;padding-top:680px;padding-bottom:30px;position:relative;}
#carouselStripe {background:#FFF;height:680px;position:absolute;width:100%;left:0;top:0}
#carouselWrap {margin:auto;max-width:1920px;width:100%;height:100%;position:relative}
#frontBanner img.main-image {left:0;right:0;top:0;width:100%;height:680px;background:#F60;display:block;z-index:0;}
#frontBanner #carousel {position:absolute;left:0;right:0;top:0;width:100%;height:680px;background:rgba(0,0,0,.2);display:block;z-index:0;overflow:hidden;}
#frontBanner img {height:100%;width:100%;object-fit:cover;}
#frontBanner .carousel-inner, #frontBanner .carousel-item {height:100%;}
#frontBanner .carousel-overlay {position:absolute;left:0;right:0;top:0;width:100%;height:100%; background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
  ;z-index:1;display: flex;flex-direction: column;justify-content: center;pointer-events: none;}
#frontBanner #carousel .carousel-control-prev, #frontBanner #carousel .carousel-control-next {position: relative;z-index:20}
#frontBanner #carousel .carousel-control-next, #frontBanner #carousel .carousel-control-prev {z-index:1;height:90px;top:50%;margin-top:-45px;position:absolute;width:90px;color:#9bc03c;opacity:1;background:#FFF;font-size:40px;transition:all .3s}
#frontBanner #carousel .carousel-control-next:hover, #frontBanner #carousel .carousel-control-next:focus, #frontBanner #carousel .carousel-control-prev:hover, #frontBanner #carousel .carousel-control-prev:focus {opacity:1;color:#08364b;}
#frontBanner #carousel .carousel-control-next {border-radius:100% 0 0 100%;}
#frontBanner #carousel .carousel-control-prev {border-radius:0 100% 100% 0;}
#frontBanner .carousel-caption {z-index: 1;text-align:left;top:28%;right:auto;left:18%;width:100%}
#frontBanner .carousel-caption-inner {width:520px;margin-left:100px}
#frontBanner #carousel .carousel-caption p {color:#FFF;font-family:"Roboto",sans-serif;margin-bottom:50px;font-size:18px;text-shadow:0 1px 3px rgba(0,0,0,.25);text-transform: uppercase;}
#frontBanner #carousel .carousel-caption p.h1 {font-family:"Roboto Slab",Georgia,Times New Roman,Times,sans-serif;margin-bottom:20px;line-height:1.2;font-size:42px;font-weight:700;letter-spacing:.5px;}
#frontBanner #carousel .carousel-caption .btn.btn-carousel {padding:20px 25px;border-radius:40px;line-height:17px;background:#9bc03c;;color:#FFF;font-weight:700;font-family:"Roboto",sans-serif;}
#frontBanner .carousel-caption .btn.btn-carousel:hover, #frontBanner #carousel .carousel-caption .btn.btn-carousel:focus {background:#8aad36;}
#frontBanner #carousel .carousel-caption .btn.btn-carousel:hover{  background-color: #8aad36; /* tmavší odstín pro hover */
  border-color: #799d30;
  color: white;}
#frontBanner .info-boxes {margin-top:-88px;border-radius:40px;overflow:hidden;background:#FFF;position:relative;z-index:5}
#frontBanner .info-boxes a {color: #fff;text-decoration: none;}
#frontBanner .box {padding:30px 40px 10px;}
#frontBanner .box p {margin-bottom:0}
#frontBanner .box-text {background:#FFF;color:#56676b;font-size:16px;font-weight:400;}
#frontBanner .box-table {background:#079abd;color:#FFF}
#frontBanner .box-text table, #frontBanner .box-table table {text-shadow:rgba(0,0,0,.15) 0 1px 3px;font-size:16px;width:100%;text-align:left;}
#frontBanner .box-table tr.border-bottom {border-bottom:1px solid rgba(255,255,255,.3);}
#frontBanner .box-table tr.padding-top td {padding-top:6px;}
#frontBanner .box-table tr td:last-child {text-align:right;}
#frontBanner .box-table tr.note {font-size:11px;color:rgba(255,255,255,.7);}
#frontBanner .box-table tr.note td {text-align:right;padding-bottom:6px}
#frontBanner .box-contact {background:#9bc03c;color:#FFF;}
#frontBanner .box-contact .contact {display:block;width:100%;float:left;}
#frontBanner .box-contact .contact:first-child {border-bottom:1px solid rgba(0,0,0,.1);margin-bottom:20px;padding-bottom:10px;}
#frontBanner .box-contact .contact i {font-size:0;line-height:46px;margin-right:16px;display:block;color:rgba(0,0,0,.35);float:left;}
#frontBanner .box-contact .contact i:before {font-size:46px;}
#frontBanner .box-contact .contact i.fa-phone {transform:scaleX(-1);}
#frontBanner .box-contact .contact .description {font-size:14px;line-height:17px;display:block;color:rgba(0,0,0,.35);float:left;width:calc(100% - 46px - 18px);font-weight:700}
#frontBanner .box-contact .contact .href {font-size:17px;line-height:25px;font-weight:700;color:#FFF;float:left;width:calc(100% - 46px - 18px);}
#frontBanner .box-contact .contact:hover,#frontBanner .box-contact .contact:focus {text-decoration:none;text-shadow:rgba(0,0,0,.05)0 1px 3px;}
#frontBanner .box-contact .contact:hover i,#frontBanner .box-contact .contact:focus i {color:#06839e;}
#frontBanner .box-contact.box-text {background:#9bc03c;color:#FFF;font-size:16px;font-weight:400;}
#frontBanner .box-contact.box-text .contact .description {color: #4e555b}
#frontBanner .box-contact.box-text .contact .href {color: #FFF;font-size: 14px;}
#frontBanner .box-contact.box-table {background:#08364b;color:#FFF}
#frontBanner .info-board .col-12 {padding:30px 30px 0;}
#frontBanner .info-board .label {text-transform:uppercase;border-radius:32px;background:#e76f78;color:#FFF;font-size:12px;display:inline-block;padding:6px 12px 6px 8px;margin-right:7px;font-weight:700;line-height:19px;margin-right:15px;}
#frontBanner .info-board i.fas {font-size:18px;vertical-align:-2px;}
#frontBanner .info-board .custom {display:inline-block;width:calc(100% - 150px);vertical-align:top}
#frontBanner .info-board p {font-size:16px;font-weight:700;margin:0;color:#546A6B;vertical-align:-1px;display:inline-block;}
h1 {font-size:50px;color:#56676b;padding:10px 0;text-transform: uppercase;}
h2 {font-size:32px;color:#56676b;line-height:38px;margin:0 0 9px; text-transform: uppercase;}

#subpage {background:#FFF}
#subpage .heading {border-bottom:1px solid #e5e5e5;text-align:center;background:#f5f5f5 linear-gradient(#e9edf0,#FFF);background:#f5f5f5 -o-linear-gradient(#e9edf0,#FFF);background:#f5f5f5 -ms-linear-gradient(#e9edf0,#FFF);background:#f5f5f5 -moz-linear-gradient(#e9edf0,#FFF);background:#f5f5f5 -webkit-linear-gradient(#e9edf0,#FFF);}
#subpage .content {padding-top:50px;padding-bottom:150px}
#subpage p, #subpage li {font-size:16px;line-height:25.6px;}
#subpage p {margin-bottom:18px;}
#subpage blockquote {background:#e9edf0;padding:30px;color:#56676b;font-weight:700;margin:26px 0;position:relative;}
#subpage blockquote:before {content:"\f06a";font-family:"Font Awesome 5 Free";font-weight:900;color:#FFF;background:#e76e78;padding:10px;border-radius:100%;position:absolute;left:30px;top:30px;font-size:40px;line-height:40px;width:60px;height:60px;}
#subpage blockquote p {margin:0;text-align:justify;padding-left:90px;}
#subpage table {border-collapse:collapse;width:100%;}
#subpage table tr {border-bottom:1px solid rgba(0,0,0,.1);}
#subpage table tr th {padding-bottom:22px;padding-top:23px;color:#56676b;}
#subpage table tr th:last-child {text-align:right}
#subpage table tr td {padding-top:23px;padding-bottom:22px;color:#079bbb;font-weight:700}
#subpage table tr td:first-child {}
#subpage table tr td:last-child  {text-align:right;}
#subpage .ea-cat {padding-bottom: 25%;background-size: 140px auto;background-repeat: no-repeat;background-position: center;}
#subpage .ea-cat:before{content: "";display: block;background:rgba(255,255,255,0);position: absolute;left: 2px;right: 2px;top: 2px;bottom: 2px;border: 1px solid #079bbb;}
#subpage .ea-cat h2 {text-align: center;font-size: 20px;padding-top: 10px;}
#subpage .ea-cat:hover {background-color: rgba(7, 155, 187, 0.1);}
#subpage .ea-cat:hover::before {border-color:#000;}
#subpage .ea-cat:hover h2 {color:#000;}

#subpage .ea-items .col-sm-9 {padding-bottom: 20px;border-bottom: 1px solid #dcdcdc;margin-bottom: 30px;}
#subpage .ea-items h2 {font-size: 24px;line-height: 1.2em;}

#homepage {background:#FFF;padding:80px 0}
#homepage .heading {background:#FFF;border-bottom:0;}
#homepage h1 {font-size:36px;padding:0;margin-top:30px;margin-bottom:9px;text-align:left;font-weight:700}
#homepage h2 {font-size:18px;font-weight:700;color:#72858a}

table h2 {font-size: 20px;}
table p, #subpage table p {font-size:14px;}

.btn-primary{background:#03abc8!important;border:0;}

#prettyLinks {background:#e9edf0;padding:55px 0 25px;}
.prettyButton {display:block;width:100%;border-radius:4px;border:1px solid #ddd;color:#56676b;background:#FFF;font-size:18px;font-weight:700;padding:15px 20px;line-height:30px;margin-bottom:30px;transition:all .3s}
.prettyButton i {margin-right:20px}
.prettyButton:focus, .prettyButton:hover {text-decoration:none;color:#FFF;background:#079bbb;border-color:#079bbb}

.panel {color:#56676b;border:1px solid #ddd;border-radius:4px;padding:32px 32px;}
.panel a {font-weight:700;color:#56676b;}

form input, form textarea {padding:21px 20px;line-height:17px;font-size:14px;margin-bottom:30px;border:1px solid #e9edf0;color:#72858a;border-radius:4px;background:#e9edf0;transition:all .3s;width:100%}
form input:focus, form textarea:focus {background-color:#FFF;color:#56676b;border-color:#56676b;outline:0;}
form textarea {resize:vertical;min-height:156px}
form button {border:2px solid #66d0cc;text-shadow:0 1px 2px rgba(0,0,0,.25);color:#FFF;background-color:#66d0cc;border-radius:4px;transition:all.3s;padding:19px 25px;font-weight:700;}
form button:focus, form button:hover {outline:0;background:#4fc9c4;border-color:#4fc9c4;cursor:pointer}

footer {background:#08364b;font-size:13px;line-height:60px;color:#FFF}
footer a {font-weight:700;color:#FFF;}
footer a:hover, footer a:focus {color: #d7f16f;
  text-decoration: underline;}
footer ul {  padding-left: 0;
  list-style: none;
  display: flex;
  justify-content: center; /* zarovnání položek menu na střed */
  gap: 1.5rem;             /* mezery mezi položkami */}
footer ul a {margin-left:15px}
footer ul li:after {content:"/";margin-left:15px}
footer ul li:first-child:before {content:"/";}
footer img {
    max-width: 40%;
    height: auto;
  
}
footer ul li a {
  color: #c0d860;
  font-weight: 600;
  text-decoration: none;
  transition: color 0.3s ease;
}


/** search **/
.search .btn-group {margin:0px auto;}
.search .input-group-append .btn {height:60px;}

@media (max-width: 1199px) {
  header:before {width:calc(50% - 480px + 46px);}
  #logo a {font-size:24px;letter-spacing:-2px}
  nav ul.nav li a {padding:0 10px;font-size:14px}
  #frontBanner .box {padding:20px 20px 10px;}
  #frontBanner .box-text {font-size:22px;line-height:50px;}
  #frontBanner .box-table table td {white-space:nowrap;padding-top:10px}
  #frontBanner .box-table tr.note td {padding-top:0;}
  #frontBanner .box-contact .contact:first-child {margin-bottom:10px;padding-bottom:5px;margin-top:10px}
  #frontBanner .box-contact .contact .description {line-height:20px;}
  #frontBanner .box-contact .contact .href {font-size:15px;}
  #homepage h1 {font-size:30px;}
  
}

@media (max-width: 991px) {
  .navbar-logo {
    height: 50px !important;
  }
  .article-pill {
    align-items: center !important;
    min-height: auto !important;
    min-width: 100% !important;
    max-width: 100% !important;
  }
.article-pill p{display: none;}
  .article-pill .img-box {
    width: 100%;
    height: 180px;
  }

  .text-wrap {
    max-height: none;
    padding: 0.75rem;
    align-items: center;
    text-align: center;
  }


  #frontBanner #carousel .carousel-control-next, #frontBanner #carousel .carousel-control-prev {z-index:1;top:66%;margin-top:-45px;position:absolute;width:50px;color:#9bc03c;opacity:1;background:#FFF;font-size:40px;transition:all .3s}

  #topBar .col-12 {font-size:12px;line-height:19px;padding:7px 0;}
  #topBar .text-offset {padding-left:0}
  #topBar .text-right {text-align:left!important;border-t#logo a img {position: absolute;height: 96px;left: -30px;top: 10px;}op:1px solid rgba(0,0,0,.2)}
  header {background:#FFF;line-height:96px;min-height:96px;height:auto}
  header:before, header:after {content:none;}
  .desktopMenu ul.nav {display:none;}
  #logo:before {content:none;}
  #logo a img {height:70px;top:1px;}
  .menuButton {text-shadow:0 1px 2px rgba(0,0,0,.25);color:#FFF;background-color:#9bc03c;;border-radius:4px;transition:all.3s;padding:19px 25px 19px 20px;font-weight:700;float:right;line-height:18px;border:0;cursor:pointer;font-size:13px;margin-top:20px;}
  .menuButton.active, .menuButton:focus, .menuButton:hover {box-shadow:rgba(0,0,0,.2) 0 0 200px inset;outline:0;}
  .menuButton i {margin-right:8px}
  nav.mobileMenu {border-radius:0 0 4px 4px;}
  nav.mobileMenu ul.nav {float:left;width:100%;display:block;line-height:25px;border-radius:4px;overflow:hidden;margin-bottom:15px}
  nav.mobileMenu ul.nav li {position:static;display:block;}
  nav.mobileMenu ul.nav li a {border-top:0;border-bottom:1px solid rgba(255,255,255,.2);padding:10px 15px;color:#FFF;background:#9bc03c;;font-size:18px;}
  nav.mobileMenu ul.nav li.active > a {font-weight:700}
  nav.mobileMenu ul.nav li.active a, nav.mobileMenu ul.nav li:hover a, nav.mobileMenu ul.nav li:focus a {color:#FFF;}
  nav.mobileMenu ul.nav li a:hover, nav.mobileMenu ul.nav li a:focus {background:#9bc03c;;}
  nav.mobileMenu ul.nav li.parent > a:after {content:none}
  nav.mobileMenu ul.nav li ul {display:block;position:static;background-color:transparent;border-radius:0;}
  nav.mobileMenu ul.nav li ul li {display:block;}
  nav.mobileMenu ul.nav li ul li a {border-bottom:1px solid rgba(255,255,255,.2);background:#9bc03c;;padding:11px 30px;font-size:14px;font-weight:400}
  nav.mobileMenu ul.nav li ul li.active a {font-weight:700}
  nav.mobileMenu ul.nav li ul li a:hover, nav ul.nav li ul li a:focus {background:#9bc03c;}
  nav.mobileMenu ul.nav li ul li:last-child a {border-bottom:1px solid rgba(255,255,255,.2);}
  nav ul.nav li.item-120 a {text-indent: initial;width: inherit;}
  #frontBanner {margin-top:70px;padding-top:500px;padding-bottom:30px;}
  #frontBanner #carousel,#carouselStripe {width:100%;height:500px;}
  #frontBanner #carousel .carousel-caption {top:14%}
  #frontBanner .box-contact .contact {display:block;width:50%;float:left;margin-top:10px;}
  #frontBanner .box-contact .contact:first-child {border-bottom:0;border-right:1px solid rgba(0,0,0,.1);margin-bottom:0;padding-bottom:0;}
  #frontBanner .box-contact .contact:last-child {padding-left:20px}
  #frontBanner #carousel .carousel-caption p{
    

  }
  .carousel-fade .carousel-item {
  transition: opacity 1s ease-in-out;
}

.carousel-caption-inner p.h1 {
  font-size: 2rem;
  word-break: break-word;
  white-space: normal;
}

  #homepage {padding:40px 0;}
  h1 {        padding: 35px 0;
        font-size: 32px;
        line-height: 1.2;
        word-break: break-word;
        white-space: normal;}
  #subpage .content {padding-top:35px;padding-bottom:95px}
}

@media (max-width: 767px) {
   .article-pill {
    align-items: center !important;
    min-height: auto !important;
    min-width: 100% !important;
    max-width: 100% !important;
  }
  #frontBanner #carousel .carousel-caption {top:7%; left: 1%;}
  #frontBanner #carousel .carousel-caption-inner {    width: 100%;
    margin-left: 0; /* zruší pevný negativní posun */
    padding-left: 1rem;  /* jemné posunutí doleva pomocí paddingu */
    padding-right: 0.5rem; /* přidáme i vpravo, aby text měl okraj */
    text-align: left;  /* zarovnání textu doleva */
    word-break: break-word;
    hyphens: auto;}
  #frontBanner .box-contact .contact {display:block;width:100%;float:left;margin-top:10px;padding-left:0!important}
  #frontBanner .box-contact .contact:first-child {border-bottom:1px solid rgba(0,0,0,.1);border-right:0;margin-bottom:0;padding-bottom:0;}
  #prettyLinks {padding-bottom:40px}
  .prettyButton {margin-bottom:15px}
  footer {text-align:center;line-height:45px}
  footer ul{justify-content:center;}
  #logo a {font-size:22px}
  #logo a img {left:10px;}
  #subpage .ea-cat {background-size: 80px auto}
  #subpage .ea-cat h2 {font-size: 16px;}
}

@media (max-width: 575px) {
  
  #topBar .row {padding-left:15px;padding-right:15px}
  #logo a {font-size:19px}
  #logo a i {display:none}
  #logo a img {height: 50px;top:2px;}
  #frontBanner #carousel, #carouselStripe {}
  #frontBanner {padding-top:0;}
  #frontBanner .info-boxes {margin-top:0;}
  #frontBanner .box-text {font-size:20px;font-weight:700;line-height:34px}
  #frontBanner .info-board .custom {width:100%;margin-top:15px;}

  .panel h2 {font-size:26px;}
  form input, form textarea {margin-bottom:15px}
  .aktuality-title{
        line-height: 22px !important;
}
}

@media(max-width: 400px) {
  h1 {font-size: 24px;}
  #subpage .ea-cat {background-size: 40px auto}
}

.hes-gallery img {
  width: 33%;
  height: 100%;
  object-fit: cover;
padding:10px;
cursor:pointer;
}

.hes-gallery .col-lg-3 img {
  width: 33%;
  height: 100%;
  object-fit: cover;
padding:0px!important;
cursor:pointer;
}
.splide__arrow--prev {
    left: -1em!important;
}
.splide__arrow--next {
    right: -1em!important;
}

.article-content table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 1rem;
}

.article-content th,
.article-content td {
  border: 1px solid #ddd;
  padding: 10px;
  text-align: left;
}

.article-content th {
  background-color: #f8f9fa;
  font-weight: bold;
}

.article-content tr:nth-child(even) {
  background-color: #f2f2f2;
}


.mapa-img {
  max-width: 100%;
  height: auto;
  border-radius: 8px;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
  margin-top: 20px; /* přidá mezery mezi obrázkem a textem */
}

#frontBanner {
  padding-top: 700px; /* původně 900px */
  background-color: #FFF;
}

#carouselStripe {
  height: 800px;
}

#frontBanner img.main-image {
  height: 800px;
}

#frontBanner #carousel {
  height: 800px;
}
/* Stylování nadpisu článku - volitelné */
.article-title {
  text-align: center;
  margin-bottom: 20px;
  font-family: 'Open Sans', sans-serif;
}

/* Kontejner oddělovače */
.separator {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 20px 0;
}

/* Linky na levé a pravé straně oddělovače */
.separator-line {
  flex-grow: 1;
  height: 2px;
  background-color: #003f5c; /* můžete změnit barvu */
  max-width: 100px;
}

/* Kontejner pro ikonu */
.separator-icon {
  margin: 0 15px;
}

/* Styl obrázku v oddělovači */
.separator-icon img {
  width: 40px; 
  height: auto;
  display: block;
}
.container-margin-top{
  margin-top: 10rem !important;
 }
.article-pill {
  display: flex;
  flex-direction: row;
  height: 100%;
  min-height: 200px;
  border-radius: 20px;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.article-pill:hover {
  transform: scale(1.01);
}

.article-pill .img-box {
  width: 200px;
  height: 200px; /* Fixní výška obrázku */
  flex-shrink: 0;
  overflow: hidden;
  display: block;
}

.article-pill .img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.text-wrap {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding: 1rem;
  overflow: hidden;
  max-height: 200px; /* Stejné jako výška obrázku */
  flex-grow: 1;
}

.text-wrap h5 {
  flex-shrink: 0;
  font-weight: bold;
  color: #154054;
}

.aktuality-title{
    line-height: 22px;
    height: 44px;
    overflow: hidden;
    text-transform: inherit;
    margin-bottom: 10px;
    text-align: left;
}

a.article-pill:hover,
a.article-pill:focus {
  background-color: #9bc03c !important;
  box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15) !important;
  text-decoration: none;
  outline: none;
}
.article-content h3, h4, h5 {
  font-weight: 600;           /* výraznější tučnost */
  color: #154054;             /* zachována tvoje barva */
  margin-top: 1.5rem;
  line-height: 1.4;
  text-transform: uppercase;  /* volitelné – pro důraz */
}
.article-content table {
  width: 100%;
  border-collapse: collapse;
  color: #08364b;
  text-align: center;
  vertical-align: middle;    /* vertikální centrování */
}

.article-content thead th {
  background-color: #9bc03c;
  padding: 10px;
  font-weight: bold;
  border: 1px solid #08364b;
    text-align: center;
  vertical-align: middle;    /* vertikální centrování */
}

.article-content tbody td {
  padding: 10px;
  border: 1px solid #08364b;
  text-align: center;
  vertical-align: middle;    /* vertikální centrování */
}



/* Střídavé zbarvení řádků pro lepší čitelnost */
.custom-article tbody tr:nth-child(even) {
  background-color: #f2f2f2;
}
/* Týmová sekce */
.team-avatar-wrapper {
    display: flex;
    justify-content: center;
}

.team-avatar {
    position: relative;
    width: 160px;
    height: 160px;
    overflow: hidden;
    border-radius: 50%;
    transition: transform 0.3s ease;
}

.team-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
    transition: 0.3s ease;
}

.team-avatar:hover {
    transform: scale(1.05);
}

.team-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: rgba(21, 64, 84, 0.8); /* tmavě modrozelený overlay */
    color: #fff;
    opacity: 0;
    transition: opacity 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 10px;
}

.team-avatar:hover .team-overlay {
    opacity: 1;
}

.team-text {
    font-size: 0.9rem;
    line-height: 1.2;
}

.accordion-button {
  background-color: #9bc03c;
  color: #ffffff;
  font-weight: bold;
  text-transform: uppercase;
}

.accordion-button:not(.collapsed) {
  background-color: #85a832;
  color: #ffffff;
}

.accordion-body {
  background-color: #ffffff;
  color: #333333;
  padding: 1rem;
  border: 1px solid #dee2e6;
}
/* Stylování pro akordeon */
details {
  background-color: #08364b;
  border: 2px solid #9bc03c;
  border-radius: 5px;
  margin-bottom: 1rem;
  padding: 1rem;
  color: #ffffff;
  font-family: Arial, sans-serif;
}

/* Stylování pro nadpis akordeonu */
details summary {
  font-weight: bold;
  cursor: pointer;
  color: #ffffff;
  font-size: 1.1rem;
  outline: none;
}

/* Stylování pro obsah akordeonu */
details[open] {
  background-color: #0a4a66;
}

/* Stylování pro hover efekt */
details summary:hover {
  color: #9bc03c;
}
.btn-success {
  border-radius: 40px;
color: #000 !important;
background-color: #FFF !important;
border-color: #d7d1d1 !important;
}
.btn-success:hover {
  background-color: #8aad36 !important; /* tmavší odstín pro hover */
  border-color: #799d30 !important;
  color: white;
}
.text-success{

  color: #9bc03c !important;
}
 
.map-img:hover {
  transform: scale(1.02);
}

.contact-info .d-flex i {
    width: 20px; /* nebo 1.25rem – stejná šířka pro všechny ikony */
    text-align: center;
    margin-top: 2px; /* jemné vycentrování */
}
.contact-info .d-flex a,
.contact-info .d-flex span {
    display: inline-block;
    line-height: 1.4;
}

.card-title{
    margin-top: 0;
}
.ea-ordinace-preview .card {
    position: relative;
    border-radius: 40px;
    box-shadow: 0 4px 15px rgba(21, 64, 84, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    cursor: pointer;
    overflow: hidden;
    background-color: #fff;
    height: 250px;
}

.ea-ordinace-preview .card-img-top {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.ea-ordinace-preview .card:hover .card-img-top {
    transform: scale(1.1);
}

.ea-ordinace-preview .card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 1rem;
    background: #fff; /* bílé pozadí */
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    color: #000; /* černý text */
    font-weight: 600;
    font-size: 1.5rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    text-align: center;
    transition: background 0.3s ease, color 0.3s ease;
}

.ea-ordinace-preview .card:hover .card-body {
   background-color: #9bc03c !important;
  box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15) !important;
  text-decoration: none;
  outline: none;
}
    /* Optional: úprava mezery mezi logy */
    .row .col-md-2 img {
        max-height: 100px;
        object-fit: contain;
    }
.logo-box {
    width: 100%;
    height: 140px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    border-radius: 8px;
    background-color: #fff;
}

.logo-img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    transition: transform 0.3s ease;
}

.logo-box:hover .logo-img {
    transform: scale(1.05);
}