body {
   font-family: 'Poppins', sans-serif;

 }

   h1 {
  font-weight: bold;
      color: #005CD6;
    }



.bw {
  filter: grayscale(100%);
  /* Aplikuje šedotón na všechny prvky s třídou .bw */
}

.card:hover .bw {
  filter: grayscale(0%);
  /* Odstraňuje šedotón pouze při najetí myší na kartu */
}


.social-icon {font-size:3em; margin-right:0.3em; }
.social-icon {
  font-size: 3em;
  margin-right: 0.3em;
  color: white;
  /* nastavuje barvu ikony na bílou */
}

.main-logo:hover {
  opacity: 0.7;
  /* Můžeš upravit hodnotu průhlednosti podle potřeby */
}
.rou-capt {
  color:black;
  text-decoration: none;
}
.btn-rou {
background-color: #005CD6;
color:white;
font-weight:bold;
text-decoration:underline;
margin-top:1em;
margin-bottom:1em;

}

.gen-link-white {
  font-weight: bold;
  color: white;

  /* Odstraní podtržení odkazu */
}

.gen-link-white:hover {
  color: white!important;
}

.gen-link {
  font-weight:bold;
 color: #005CD6;
}

.gen-link:hover {
  color: black;
    font-weight: bold;
  text-decoration: none;
}

.btn-rou:hover {background-color: #e3e3e3; color: #005CD6;}


a:hover.card-rou-date {
  color: white;
}

 .sit-rou-h5 {

      color: #005CD6;
    }
.card-rou:hover .sit-rou-h5 {
  color: white;
  text-decoration: underline;
}


 .blue {color: #005CD6;}
 .blue-bg {   background-color: #005CD6; }

    .placeholdering {
            background-color: #005CD6;
            position: relative;
            width: 100%;
            padding-top: 66.67%; /* 2/3 * 100% = 66.67% */
        }
        
        .placeholdering img {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: contain;
        }

.fancybox-slide--progress-bar {
  background-color: #005CD6; !important;
}

 .blueback {
   background-color: #005CD6;
   color: white;
 }

    .grayback {
      background-color: #a4a4a4;
      color: white;
    }

 .breadcrumb-item a {
   color: white;
 }

 footer p {
   color: white;
 }

 .boxer {
   background-color: #005CD6;
   color: white;
 }

 .card-title-main {
   font-weight: bold;
 }

 .main-bg {}

 .main-panel {
   padding-top: 6em;
   padding-bottom: 6em;
 }

 .swiper-slide {
   text-align: center;
   font-size: 18px;
   background: #fff;
   display: flex;
   justify-content: center;
   align-items: center;
   width: 300px;
   height: 300px;
   background-color: red;
 }


 .sekce-titulni {
   font-weight: bold;
   color: #005CD6;
   margin-bottom: 0.5em;
 }

 .sekce-titulni-white {

   color: white;
   font-weight: bold;
 }



 h5 .card-title {
   margin-top: 0;
   padding-top: 0;

 }

    h4 .card-title {
      margin-top: 0;
      padding-top: 0;
  
    }

 a .card-title-date {
   color: #005CD6;
   margin-bottom: 0;
   padding-bottom: 0;
 }

 .card-title-main a {
   text-decoration: underline;
   color: black;
 }

 .card-title-main a:hover {
   color: #005CD6;
 }



 .card-title-sub {
   color: black;
   margin-bottom: 0;
 }

 .card-title-date {
   color: #005CD6;
   margin-bottom: 0;
 }

 .gradient {
   background-color: white;
 }


 .blueback {
   background-color: #005CD6;
 }

 .grayback {
   background-color: #646464;
 }


 .hovering:hover {
   background-color: #e3e3e3;
  color: #005CD6;

 }


h4 {font-weight:bold; color:#005CD6;}


 .blueback .card-title-main a {
   color: white;
   text-decoration:none;
        text-decoration: none;
 }

 .redback .card-title-main a {
   color: white;
      text-decoration: none;
 }

 .linked2 { color:#005CD6;}

 .redback {
   background-color: red;
   color: white;
 }



 .alertback .card-title-main a {
   color: white;
   text-decoration: none;
 }


 .alertback {
background: rgb(255, 0, 82);
  background: -moz-linear-gradient(90deg, rgba(255, 0, 82, 1) 0%, rgba(172, 0, 0, 1) 100%);
  background: -webkit-linear-gradient(90deg, rgba(255, 0, 82, 1) 0%, rgba(172, 0, 0, 1) 100%);
  background: linear-gradient(90deg, rgba(255, 0, 82, 1) 0%, rgba(172, 0, 0, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff0052", endColorstr="#ac0000", GradientType=1);
   color: white;
 }



 .specard {
   margin-bottom: 1em;
 }

 .darkback {
   background-color: white;
 }





 .hovering-red:hover {
   background-color: #f0f0f0;
   color: red;
 }

 .hovering-red:hover a {

   color: red;
 }

 
 .whiteback {
  background: rgb(227, 227, 227);
    background: -moz-linear-gradient(90deg, rgba(227, 227, 227, 1) 0%, rgba(254, 254, 254, 1) 31%);
    background: -webkit-linear-gradient(90deg, rgba(227, 227, 227, 1) 0%, rgba(254, 254, 254, 1) 31%);
    background: linear-gradient(90deg, rgba(227, 227, 227, 1) 0%, rgba(254, 254, 254, 1) 31%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e3e3e3", endColorstr="#fefefe", GradientType=1);

 }
 .blueback a:hover {

   color: #005CD6;
 }

 .hovering:hover {
   color: #005CD6 !important;
 }

 .blueback.hovering:hover a {
   color: #005CD6;
 }

 .linked {
   text-decoration: none;
 }

 .linked:hover {
   color: white;
   background-color: #005CD6;
 }

 .file-info {
   color: black;
 }

 .linked:hover .file-info {
   color: white;
 }

 .card:not(:hover) .card-title-main {
   text-decoration: underline;
 }

.card.linked:hover .text-muted {
  color: white !important;
}

.card.linked:hover .card-title-date {
  color: white !important;
}

.darkback.hovering:hover {
  background-color: #005CD6;
}

.darkback.hovering:hover a {
  color: white;
}


.breadcrumb-item a {
  color: black;
}


.change-background-on-hover:hover {
  background-color: #d8d8d8;
  /* Změň barvu podle potřeby */
}

h2 {margin-top:0.5em;}

.anotace {font-size:1.3em;}

.image-right {width:40%; float:right; margin-left:1em;}
.image-left{width:40%; float:left; margin-left:1em;}

.bgpanel {

  font-family: 'Poppins', sans-serif;
    background-image: url('../template/images/panorama.jpg');
    background-size: 100% auto;
    background-position: top center;
    background-repeat: no-repeat;
    background-clip: padding-box;
  
  height:400px;
  

}


/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
  .impact {
margin-top: -300px;
  }
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {
  .impact {
margin-top: -17em;
  }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
  .impact {
margin-top: -15em;
  }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {
  .impact {
margin-top: -12em;
  }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  .impact {
margin-top:-8em;
  }
}



    .img-min {
      width: 200px;
        max-width: 200px;
        
    }

.card-rou-link,
.card-rou-link * {
  text-decoration: none !important;
}

.no-dec {margin-right:0.3em;}

.card-rou:hover {
color:white!important;
background-color: #005CD6;
}

.underlined {
  text-decoration: underline !important;
  border:0;
}
.rou-h5 {text-decoration: underline!important; }

a:hover .rou-date {
  color: white;
}

a .rou-date {
  color: #005CD6;
}





a:hover .rou-placer {
  color: white;
}

a .rou-placer {
  color: black;
}







.rou-h5 {
  text-decoration: underline !important;
}
a .rou-h5 {
 color: #005CD6; !important;
}
a:hover .rou-h5 {
  color: white!important;
}

.rou-cont {
  border-left: 10px solid #005CD6!important;
  /* Můžete změnit barvu podle potřeby */
}