/* cmsms stylesheet: hp01 modified: pondělí 15. června 2020 15:34:37 */
body {
  font-family: 'Roboto', sans-serif;
  font-size: 1em;
  background-color: white;
}
h2 {
  font-size: 1.7em;
}
h3 {
  font-size: 1.5em;
}
ul {
  padding:0;
}
header {
  background-image: url("/uploads/images/01/HP_cubebackground3.jpg");
  background-size: auto 100%;
  color: white;
  height: 100vh;
}
header div.container-fluid {
  height: 100vh;
}

a, a:hover {
  color:white;
}
section {
  margin-top: 2em;
  padding-top: 2em;
}

footer {
  padding-top: 5em;
}
#jazyky {
  font-size: 1.2em;
  padding-top: .5em;
  margin-right: .3em;
}
#jazyky .aktivni {
  display:none;
}
#logoslogan {
  height: 80vh;
}
#logo {
  max-height:120px;
  max-width: 80%;
}
#slogan {
  font-size: 2.5em;
  margin-top:1.1em;
  margin-bottom:0;
  padding-bottom:1em; 
}
#sipka {
  max-height: 5vh;
  opacity:.2;
  animation-name: fade;
  animation-iteration-count: infinite;
  animation-duration: 3s;
}
@keyframes fade {
	0% {
		opacity: .2;
	}
	50% {
		opacity: .8;
	}
	100% {
		opacity: .2;
	}
        
}
.kostky {

}
.kostky .col-sm {
  margin: 1em;
  background-color: #0d2641;
  color: white;
  min-width: 300px;
  max-width: 300px;
  padding: 1.8em;
  font-size: 1.0em;
  border-radius: 10px;
}
.kostky .col-sm img {
  max-height:60px;
  margin-bottom: 1em;
}

.projsezn {
  background-color: #0d2641;
  color: white;
  margin-top: 2em;
  padding-top: 1.5em;
}
.projsezn li.malecislo {
  margin-bottom: -.4em;
  font-size:.7em;
}

#projekt ul, #kontakt ul {
  list-style: none;
  font-size: 1.5em;
}

#kontakt .projsezn {
  padding-top:.2em;
}
#kontakt .projsezn ul {
  margin-bottom:.2em;
}

#tym #lidi .col-sm {
  max-width:300px;
  min-width:300px;
  margin:1em;
  padding:0;
}
div.jmeno {
  font-size: 1.5em;
}
.btn-secondary, .btn-secondary:hover {
  background-color: white;
  border: none;
  color: #0C3252;
  font-weight: lighter;
  font-size: .8em;
}
div.obsah {
  margin-top: 2em;
}

#carouselLidi {
  display: none;
  margin-top:2em;
}
#carouselLidi .carousel-item img {
  margin-right:auto;
  margin-left:auto;
  max-width: 300px;
}
#carouselLidi .carousel-control-prev-icon {
  display:none;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23555' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e");
}
#carouselLidi .carousel-control-next-icon {
  display:none;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23555' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e");
}
#carouselLidi .carousel-caption {
  position: sticky;
  padding-bottom:0;
  bottom:0;
}
#carouselLidi .popisf {
  color:black;
  display:inline-block;
  font-size: 1.5em;
}
#carouselLidi .btn-secondary, #carouselLidi .btn-secondary:hover {
  background-color: initial;
  border: none;
  color: black;
  font-size: .8em;
  font-weight: lighter;
}
.btn-secondary.focus, .btn-secondary:focus {
  box-shadow: 0 0 0 0 rgba(130,138,145,.5);
}
#carouselLidi .carousel-indicators {
  bottom:55px;
}
#carouselLidi .carousel-indicators li {
  background-color:grey;
}
#carouselLidi .carousel-control-prev, #carouselLidi .carousel-control-next {
  display:none;
}

@media (min-width: 800px) {
  header {
    background-image: url("/uploads/images/01/HP_cubebackground3.jpg");
    background-size: 100% 100%;
  }
}

@media (max-width: 712px) {
  #lidi {
    display: none;
  }
  #carouselLidi {
    display: block;
  }
  #kontakt {
    margin-top:0;
  }
}