:root { --cerna:#52606b; --seda:rgba(0,0,0,.5); --bila:#fff; --svmodra:#cad9e4; --modra:#2a3851; --tmmodra:#02223f; --zelena:#00a399; --cervena:#f02153; } /* viz.: https://www.vzhurudolu.cz/prirucka/css-promenne-priklady */


h1, h2, h3, h4, h5, h6 { margin-bottom:1.4rem; }

.carousel-indicators { bottom:40px; }
@media (max-width: 991.98px) { .carousel-indicators { bottom:20px; }}

.krychle_v2 a, div.krychle_v2 { margin-top:-90px; }







.logo { background:url("/wp-content/uploads/2026/08/uk_spss_kadan.svg"); }

.nav-link.on, .nav-link:hover { background-image:url('/wp-content/uploads/2026/08/ramecek_b.svg'),url('/wp-content/uploads/2026/08/ramecek_a.svg'); }
@media (max-width: 991.98px) {
  .nav-link.on, .nav-link:hover { background-image:url('/wp-content/uploads/2026/08/ramecek_mobil.svg?v=2'),url('/wp-content/uploads/2026/08/pix.gif'); }
}

a.tlacitko2 { background-image:url('/wp-content/uploads/2026/08/ramecek_b_zelena.svg'),url('/wp-content/uploads/2026/08/ramecek_a_zelena.svg'); }

.banner_75 { background:url('/wp-content/uploads/2026/08/banner_75.png') no-repeat left top; background-size:cover; }

.video_sps div:last-of-type { background:url('/wp-content/uploads/2026/08/ctverec.png') no-repeat right top; background-size:400px; height:400px; }

.prispevek_hp { background:url('/wp-content/uploads/2026/08/pribehy.webp') no-repeat right top; background-size:cover; }




.stahnout { background:url('/wp-content/uploads/2026/08/download.svg?v=2') no-repeat 97% center; }
.stahnout:hover { background:url('/wp-content/uploads/2026/08/download-on.svg') no-repeat 97% center; }

.stahnout.pdf:hover {
	background-image:url('/wp-content/uploads/2026/08/download-on.svg'),url('/wp-content/uploads/2026/08/pdf-on.svg');
}
.stahnout.doc:hover {
	background-image:url('/wp-content/uploads/2026/08/download-on.svg'),url('/wp-content/uploads/2026/08/doc-on.svg');
}
.stahnout.pdf {
  padding-left:65px;
	background-image:url('/wp-content/uploads/2026/08/download.svg'),url('/wp-content/uploads/2026/08/pdf.svg');
	background-position:97% center, 1% center;
	background-repeat:no-repeat;
	background-size:14px 16px, 35px 35px;
}
.stahnout.doc {
  padding-left:65px;
	background-image:url('/wp-content/uploads/2026/08/download.svg'),url('/wp-content/uploads/2026/08/doc.svg');
	background-position:97% center, 1% center;
	background-repeat:no-repeat;
	background-size:14px 16px, 35px 35px;
}
.stahnout.pdf.bez {
  padding-left:65px;
	background-image:url('/wp-content/uploads/2026/08/pdf.svg');
	background-position:1% center;
	background-repeat:no-repeat;
	background-size:35px 35px;
}
@media (max-width: 767.98px) {
  .stahnout.pdf, .stahnout.doc { padding-left:50px; }
}





.fotogalerie-rozsireni { padding:2rem 15rem; }
@media (max-width: 1699.98px) { .fotogalerie-rozsireni { padding:2rem 8rem; }}
@media (max-width: 1499.98px) { .fotogalerie-rozsireni { padding:2rem 4rem; }}
@media (max-width: 1199.98px) { .fotogalerie-rozsireni { padding:0rem 2rem; }}
@media (max-width: 575.98px) { .fotogalerie-rozsireni { padding:0rem 1rem; }}





.kalendar { background:url('/wp-content/uploads/2026/08/kalendar.svg?v=2') no-repeat 97% center; background-size:25px; }
.kalendar:hover { background:url('/wp-content/uploads/2026/08/kalendar-on.svg') no-repeat 97% center; background-size:25px; }

#zpet_nahoru { background:var(--modra) url("/wp-content/uploads/2026/08/to_top.svg") no-repeat 50%; }
#zpet_nahoru:hover { background:var(--svmodra) url("/wp-content/uploads/2026/08/to_top.svg") no-repeat 50%; }




.interni-poznamka { color:red; text-align:center; display:none; }




.navbar-dark .navbar-toggler-krizek { background: url('/wp-content/uploads/2026/08/close.svg?v=1') no-repeat 50%; }




/* seznam učitelů */
.kontakt-karta { margin-top:50px; }
.kontakt-karta img {
  border-radius: 50%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  display: block; max-width:250px;
  margin: 0 auto;
}

.kontakt-karta h2 { color:var(--zelena); font-size:1.2rem; font-weight:600; }





/* accordion */
h3.wp-block-accordion-heading { margin:0 0 .5rem 0; padding:0 0 .5rem 0; border-bottom:1px solid #e0e2e3; }
.wp-block-group-is-layout-grid { margin:1rem 0 1.5rem 0; }
.wp-block-accordion-heading__toggle .wp-block-accordion-heading__toggle-title { background: url('/wp-content/uploads/2026/08/kalendar.svg') no-repeat 0% 50%; background-size:30px; font-weight:500; padding-left:45px; }
.wp-block-accordion-heading__toggle:hover .wp-block-accordion-heading__toggle-title { background: url('/wp-content/uploads/2026/08/kalendar-on.svg') no-repeat 0% 50%; background-size:30px; text-decoration:none !important; color:var(--zelena); }





/* hlavní kontakty na školu */
.karta {
  gap: 50px !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important; 
}

.karta > .wp-block-group {
  background: transparent !important;
  box-shadow: none !important;
  filter: drop-shadow(0px 10px 15px rgba(0, 0, 0, 0.3)) !important; 
  display: flex !important;
  flex-direction: column !important;
}

.karta > .wp-block-group > .wp-block-group__inner-container {
  background: #fff !important; 
  padding: 30px !important;
  box-sizing: border-box !important;

  flex-grow: 1 !important; 
  display: flex !important;
  flex-direction: column !important;

  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 40px), calc(100% - 40px) 100%, 0 100%) !important;
}

@media (max-width: 991.98px) {
  .karta { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; 
}
@media (max-width: 767.98px) {
  .karta { grid-template-columns: repeat(1, minmax(0, 1fr)) !important; 
}