/* barva menu */
.navbar {
  background-color: #fafafa;
}

/* zuzeni a zarovnani sekce pro galerii */
.gallery {
  max-width: 50rem;
  margin: auto;
}

/* zuzeni a zarovnani sekce pro harmoniku */
.section-accordion {
  max-width: 50rem;
  margin: auto;
}

/* odstranění pozadí v sekci harmonika */
.accordion-button, .accordion-button:not(.collapsed) {
  background-color: #ffffff;
}

/* zuzeni a zarovnani sekce pro soubory */
.table-files {
  max-width: 50rem;
  margin: auto;
}

/* zuzeni a zarovnani sekce text vlevo a obrázek vpravo */
.section-2-col-left-text {
  max-width: 50rem;
  margin: auto;
}

/* zuzeni a zarovnani sekce obrazek vlevo a text vpravo */
.section-2-col-right-text {
  max-width: 50rem;
  margin: auto;
}


/* zuzeni a zarovnani sekce služby */
.section-services {
  max-width: 50rem;
  margin: auto;
}

/* odstraneni prepinace ve vypisu souboru */
.files-toggler {
  display: none;
}

/* obarveni kontaktniho formulare */
.user-form {
  background-color: #ffffff;
  box-shadow: none;
}


/* ----- Vlastni motiv ----- */
@keyframes anim {
  from {
    -webkit-transform: scale(1) translateX(0);
    transform: scale(1) translateX(0);
  }
  to {
    -webkit-transform: scale(1.5) translateX(0%);
    transform: scale(1.5) translateX(0%);
  }
}

.custom-motive {
  max-height: calc(100vh - 56px);
  height: calc(100vh - 56px);
}

.motive:not(.fullscreen)>.section-carousel .carousel {
  max-height: calc(100vh - 56px);
}

.motive:not(.fullscreen)>.section-carousel .carousel-item img {
  max-height: calc(100vh - 56px);
  height: calc(100vh - 56px);
  -webkit-animation: anim 45s linear infinite alternate;
  animation: anim 45s linear infinite alternate;
}


/* Motiv - pozice textu ve vlastním motivu */
.carousel-caption {
  text-align: center;
  left: 30%;
  right: 30%;
  top: 8%;
}


/* Motiv - nastavení h2 nadpisu */
.carousel-caption h1 {
  font-size: 40pt;
  text-shadow: 2px 2px 3px #000000; 
}


/* Motiv - nastavení p odstavce */
.carousel-caption p {
  color: #ffffff;
  font-size: 16pt;
  text-shadow: 2px 2px 2px #000000; 
}


/* Motiv - nastavení p odstavce */
.carousel-caption a {
  color: #ffffff;
  font-size: 16pt; 
}


/* Motiv - nastavení obrázku v Motivu tak, aby se nedeformoval */
.custom-motive .carousel-item .carousel-caption img {
  width:auto;
}


/* Motiv - zobrazení pro mobil */
@media screen and (max-width: 767px) {
  /* Motiv - pozice textu ve vlastním motivu pro mobil */
  .carousel-caption {
    text-align: center;
    left: 20%;
    right: 20%;
    top: 2%;
  }


  /* Motiv - zmenšení písma ve vlastním motivu pro mobil */
  .carousel-caption h1 {
    text-align: center;
    left: 20%;
    right: 20%;
    top: -3%;
    font-size: 22pt;
  }
  .carousel-caption p {
    display: none;
  }

  .carousel-caption a {
    display: none;
  }
}
/* konec Motiv - zobrazení pro mobil */

/* začátek Motiv - zobrazení spodní šipky */
.carousel-bottom-link {
  position: absolute;
  bottom: 50px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
}

.carousel-bottom-link img {
  width: 35px !important;
  height: 35px !important;
  max-width: 35px;
  display: block;
  filter: invert(1);
}

.carousel-bottom-link a {
  text-decoration: none;
}
/* konec Motiv - zobrazení spodní šipky */

/* začátek Motiv - animování spodní šipky */
.pulzujiciOdkaz{
  position:relative;
  color:#00aaff;
  font-size:40px;
  text-decoration:none;
  font-weight:bold;
}

.pulzujiciOdkaz::before{
  content: "";
  position: absolute;
  width: 60px;
  height: 60px;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  border: 3px solid rgba(255,255,255,0.5);
  border-radius: 50%;
  animation: kruhPulzovani 1.8s infinite;
}

@keyframes kruhPulzovani{
  0%{
    transform: translate(-50%,-50%) scale(0.6);
    opacity: 1;
  }
  70%{
    transform: translate(-50%,-50%) scale(1.6);
    opacity: 0;
  }
  100%{
    opacity: 0;
  }
}
/* konec Motiv - animování spodní šipky */

/* jazykové mutace de*/
#menu-item-465185 a { 
  background: transparent url(/obrazek/3/de-vlajka-png/) no-repeat center; 
  width: 50px;
  font-size: 0;
  line-height: 27px;
  opacity: 0.6;
}
#menu-item-465185 a:hover { 
  background: transparent url(/obrazek/3/de-vlajka-png/) no-repeat center;
  opacity: 1;
} 
/* jazykové mutace de*/

/* jazykové mutace en*/
#menu-item-465186 a { 
  background: transparent url(/obrazek/3/en-vlajka-png/) no-repeat center; 
  width: 50px;
  font-size: 0;
  line-height: 27px;
  opacity: 0.6;
}
#menu-item-465186 a:hover { 
  background: transparent url(/obrazek/3/en-vlajka-png/) no-repeat center;
  opacity: 1;
} 
/* jazykové mutace en*/