/*
	body {
		font-family: monospace;
		font-family: "Lucida Console", "Monaco CE", fixed, monospace;

		font-family: "Times New Roman", serif;
		font-family: "Palatino Linotype", "New York CE", utopia, serif;

		font-family: sans-serif;
		font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif;
		font-family: Verdana, "Geneva CE", lucida, sans-serif;
		font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif;

		background-attachment:fixed;
		background-color:;
		background-image:url('../images/xxx.png'),url('../images/yyy.png');
		background-position:right top;
		background-repeat:no-repeat;
		background-size:w h; (contain, cover)
	}
*/
: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 */

/* nenacita-li se se @font-face (vetsinou na ostrem a vetsinou sefovi), pridej do .htaccess par radku (problem Cross Domain Fonts CORS) */
/* https://www.hirehop.sk/blog/cross-domain-fonts-cors-font-face-issue (odstavec "Apache") */
/* nebo .htaccess u beroun.bydlenisprirodou.cz */
@font-face {
	font-family:grotesk;
	font-style:normal; font-weight:300; font-display:swap;
	src: url(../fonts/Space_Grotesk/SpaceGrotesk-Light.ttf) format('truetype');
}
@font-face {
	font-family:grotesk;
	font-style:normal; font-weight:500; font-display:swap;
	src: url(../fonts/Space_Grotesk/SpaceGrotesk-Medium.ttf) format('truetype');
}
@font-face {
	font-family:grotesk;
	font-style:normal; font-weight:600; font-display:swap;
	src: url(../fonts/Space_Grotesk/SpaceGrotesk-Bold.ttf) format('truetype');
}
@font-face {
	font-family:inter;
	font-style:normal; font-weight:400; font-display:swap;
	src: url(../fonts/Inter/Inter_24pt-Regular.ttf) format('truetype');
}

html, body { overflow-x:hidden; }

body {
	font-family:inter, sans-serif; padding-top:110px; font-size:1.1rem;
}

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

.inter { font-family:inter, sans-serif !important; }

h1, h2, h3, h4, h5, h6, .grotesk { font-family:grotesk, sans-serif; }
h1, .h1 { font-size:3rem; color:var(--zelena); font-weight:600; margin-top:5rem; }
h3, .h3 { font-weight:300; }


.nadpis_head {
	font-family:grotesk, sans-serif; font-size:6rem; font-weight:600; line-height:5rem; color:var(--zelena);
}
.podnadpis_head {
	font-family:grotesk, sans-serif; font-size:3.3rem; font-weight:300; margin-bottom:4rem;
}
@media (max-width: 1399.98px) { 
	.nadpis_head { font-size:4.2rem; line-height:3.5rem; }
	.podnadpis_head { font-size:2.5rem; margin-bottom:0; }
}
@media (min-width: 992px) and (max-width: 1199.98px) { 
	.nadpis_head { font-size:3.5rem; line-height:3rem; }
	.podnadpis_head { font-size:1.7rem; }
}
@media (max-width: 767.98px) { 
	.nadpis_head { font-size:3rem; line-height:2.5rem; }
	.podnadpis_head { font-size:2rem; margin-bottom:2rem; }
}


/*
	bootstrap místo .js nově v css používá "plynulou" kotvu scroll-behavior:smooth;
	html { scroll-behavior:smooth; }
*/
/* :target ukotví dle nastavené výšky fixního navbaru */
:target { scroll-margin-top:150px !important; }



a       { color:var(--cerna); transition:300ms; }
a:hover { color:var(--zelena); }

a img { transition:300ms; }

a.pdf { background:url('../images/pdf.gif') no-repeat 0px 50%; padding-left:25px; }

a.ext, .ext a { background:url('../images/ext-link-on.svg') no-repeat 0% 50%; background-size:15px; padding-left:25px; }
a.ext.btn-danger { background:#dc3545 url('../images/ext-link.svg') no-repeat 93% 50%; background-size:15px; padding-right:40px; }
a.ext.btn-danger:hover { background:#bb2d3b url('../images/ext-link.svg') no-repeat 91% 50%; background-size:15px; padding-right:40px; }





a.banner_pro {
	display:block;
	font-family:grotesk, sans-serif; font-size:3.5rem; color:var(--zelena); font-weight:600;
	text-decoration:none; line-height:3.5rem;
	background-color:#dfe9f0; padding:110px 60px 110px 120px;
}





img, svg { vertical-align:middle; }

/* ikony svg */
.bi { width:1em; height:1em; }
.bi { display:inline-block; vertical-align:-.125em; fill:currentcolor; } /* vertical-align funguje jen když jsme inline (display:inline) nebo table-cell (display:table-cell) */





.logo {
	position:relative; overflow:hidden;
	background:url("../images/logo/uk_spss_kadan.svg");
	background-repeat:no-repeat;
	width:250px; height:56px; cursor:pointer;
}

.bg-dark { background-color:var(--modra) !important; /*background-color:rgba(42,56,81,.9) !important;*/ }
.navbar { padding-top:2rem; padding-bottom:2rem; }
.navbar-dark .navbar-nav .nav-link { color:var(--bila); font-size:1rem; }
.navbar-dark .navbar-nav .nav-link:focus, 
.navbar-dark .navbar-nav .nav-link:hover { opacity:.75; }

.nav-link.on, .nav-link:hover {
	background-image:url('../images/ramecek_b.svg'),url('../images/ramecek_a.svg');
	background-position:right top,left top;
	background-repeat:no-repeat;
	background-size:137px 40px;
}

.dropdown-menu { background-color:rgba(42,56,81,.95) !important; }
.dropdown-item { color:var(--bila); padding:.5rem 1rem; }
.dropdown-item:hover { color:rgba(255,255,255,.6); background-color:rgba(42,56,81,.5); }
.dropdown-item.on { color:rgba(255,255,255,.5); }
.dropdown-toggle::after { display:none; }

@media (min-width: 1400px) {
  .navbar-expand-lg .navbar-nav .nav-link { padding-right:1.5rem; padding-left:1.5rem; margin-left:2px; }
}
@media (max-width: 1399.98px) {
  .navbar-expand-lg .navbar-nav .nav-link { padding-right:1rem; padding-left:1rem; margin-left:2px; }
}
@media (max-width: 1199.98px) {
  .navbar-expand-lg .navbar-nav .nav-link { padding-right:.5rem; padding-left:.5rem; margin-left:2px; }
}
@media (max-width: 991.98px) {
  .navbar-nav .nav-item:first-of-type { margin-top:60px; }
  .navbar-nav .nav-item { margin-top:20px; }
  .navbar-expand-lg .navbar-nav .nav-link { font-size:1.3rem; padding-left:1.7rem; }
  .nav-link.on, .nav-link:hover {
	background-image:url('../images/ramecek_mobil.svg?v=2'),url('../images/pix.gif');
	background-position:left top,left top;
	background-repeat:no-repeat;
	background-size:275px 48px;
  }
  .bg-dark { background-color: rgba(42,56,81,.95) !important; }
  .dropdown-menu { background-color:transparent !important; }
  .dropdown-item { padding: .5rem 2rem; font-size:1.2rem; color:rgba(255,255,255,.5); }
  .dropdown-item.on { color:rgba(255,255,255,.85); }
}






/* pop-up */
.toast { width:auto; box-shadow:0 0rem 8rem rgba(0,0,0,1); }
.toast-header { background-color:var(--zelena); }
.btn.btn-primary.pop-up { color:var(--cervena); background-color:var(--zelena); border:2px solid var(--cervena); font-size:1.5rem; letter-spacing:4px; transition:300ms; }
.btn.btn-primary.pop-up:hover { background-color:var(--zluta); padding-left:5rem; padding-right:5rem; }
.btn-close { width:2em; height:2em; opacity:1;
	background: #f000 url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fd0'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
}








.carousel-caption { color:var(--tmmodra); text-align:left; }
.carousel-caption h1, .carousel-caption p.h1 { color:var(--zelena); font-size:6rem; font-weight:600; line-height:5.5rem; margin:0; }
.carousel-caption h1.podstrana, .carousel-caption p.h1.podstrana { margin-left:5rem !important; }
.carousel-indicators { bottom:40px; /* bottom:80px; -WP- */ }
.carousel-indicators [data-bs-target] { background-color:var(--zelena) !important; }
.carousel-indicators .active { background-color:#6bc0c1 !important; }
.carousel-item video { width:100%; height:628px; object-fit:cover; object-position:center; }

@media (min-width: 992px) and (max-width: 2199.98px) { 
	.carousel-item video { height:calc(31.87vw - 1.15px); }
}
@media (min-width:1400px) { 
	.carousel-caption.vlevo { left:calc(51.8vw - 723.7px) !important; }
	.carousel .logo-maturita { width:500px !important; }
}
@media (max-width: 1399.98px) {
  .nadpis .carousel-caption { left:0%; }
	.carousel .logo-maturita { width:300px !important; }
}
@media (max-width: 1199.98px) {
	.carousel-caption h1, .carousel-caption p.h1 { font-size:4rem; line-height:4rem; }
}
@media (max-width: 991.98px) {
	.carousel-caption { position:static; background-color:#d3e3ee; }
	.carousel-item.nadpis img.img-fluid { max-width:5000px; height:400px; position:relative; left:-30%; }
	.nadpis .carousel-caption { position:absolute; background-color:transparent; }
}
@media (max-width: 767.98px) {
  .carousel-caption h1.podstrana, .carousel-caption p.h1.podstrana { margin-left:1rem !important; }
	.carousel .logo-maturita { width:250px !important; }
}
@media (max-width: 575.98px) {
	.carousel-item.nadpis img.img-fluid { left:-110%; }
}





.carousel.banner h2 { font-size:4.3rem; font-weight:600; line-height:4.6rem; color:var(--bila); }
.carousel.banner h3 { font-size:2.5rem; font-weight:300; line-height:3.2rem; color:var(--zelena); }
.carousel.banner .carousel-item { text-align:center; }
.carousel.banner .carousel-caption { top:2.5rem; }

@media (max-width: 1199.98px) {
	.carousel.banner .carousel-caption { right:0%; }
}
@media (max-width: 991.98px) {
	.carousel.banner .carousel-caption { position:absolute; background-color:transparent; right:5%; left:5%; }
	.carousel.banner .carousel-item .img-fluid { width:auto; }
}
@media (max-width: 575.98px) {
	.carousel.banner h2 { font-size:3rem; line-height:3.2rem; }
	.carousel.banner h3 { font-size:2.1rem; line-height:2.5rem; }
	.carousel.banner .carousel-caption { position:absolute; background-color:transparent; right:5%; left:5%; }
	.carousel.banner .carousel-item .img-fluid { width:auto; }
}




.btn { padding:0.6rem 3rem !important; font-weight:700; }
.btn-primary { border-color:transparent; }
.btn-primary:hover { background: linear-gradient(135deg, var(--zelena) 0%, var(--modra) 60%); }







a.tlacitko1, strong.tlacitko1 {
	display:inline-block; padding:9px 40px;
	color:var(--bila); font-weight:bold; text-decoration:none;
	background:linear-gradient(135deg, var(--zelena) 0%, var(--modra) 40%); background-size:100% 100%; background-position:right center;
	clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - 15px), calc(100% - 15px) 100%, 0% 100%);
}
a.tlacitko1:hover, .banner_75:hover h1 strong.tlacitko1 { color:var(--bila); background-position:left center; background-size:200% 100%;  }
.banner_75 h1 strong.tlacitko1:hover { color:var(--bila); background-position:right center; background-size:100% 100%;  }

a.tlacitko2 {
	padding:8px 50px 14px 50px; color:var(--zelena); font-weight:700; text-decoration:none;
	background-image:url('../images/ramecek_b_zelena.svg'),url('../images/ramecek_a_zelena.svg');
	background-position:right top,left top;
	background-repeat:no-repeat;
	background-size:137px 40px;
}
a.tlacitko2b {
	padding:20px 50px 24px 50px; color:var(--zelena); font-weight:700; text-decoration:none; display:inline-block;
	background-image:url('../images/ramecek_sirsi_b_zelena.svg'),url('../images/ramecek_sirsi_a_zelena.svg');
	background-position:right top,left top;
	background-repeat:no-repeat;
	background-size:278px 64px;
}

a.tlacitko2:hover, a.tlacitko2b:hover { color:var(--modra); }


a.tlacitko3, span.tlacitko3 {
	display:inline-block; padding:13px 40px;
	color:var(--bila); font-size:1.2rem; font-weight:bold; text-decoration:none;
	background:var(--zelena);
	clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0% 100%);
}
a.tlacitko3:hover { background:var(--modra); }

span.tlacitko3 { text-align:center; }






.krychle a {
	display:block; padding:9px 40px; margin-top:-50px; /* margin-top:-90px; -WP- */
	color:var(--bila); font-weight:bold; text-align:center; text-decoration:none;
	background:var(--tmmodra);
	clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - 35px), calc(100% - 35px) 100%, 0% 100%);
}
.krychle a:hover { color:var(--zelena); }
.krychle svg path { fill:var(--bila); transition:300ms; }
.krychle:hover svg path { fill:var(--zelena); }
.krychle2:hover svg path, .krychle2:hover h4.zelena { fill:var(--bila); color:var(--bila); }


.krychle2 a {
	padding:9px 40px; margin-top:0; min-height:653px;
	text-align:left; font-weight:500;
}
.krychle2 h2 { font-size:1.7rem; line-height:1.7rem; margin-bottom:5px; }
.krychle2 h4 { font-size:1.4rem; font-weight:300; }
.krychle2 svg path { fill:var(--zelena); }

@media (max-width: 1399.98px) {
	.krychle2 a { min-height:708px; }
}
@media (max-width: 1199.98px) {
	.krychle2 a { min-height:862px; }
}
@media (max-width: 991.98px) {
	.carousel-indicators { bottom:0; }
	.krychle a { margin-top:20px; }
	.krychle2 a { min-height:auto; }
	.krychle { padding-left:40px; padding-right:40px; }
}
@media (max-width: 767.98px) {
	.krychle svg { margin:2rem 0 !important; }
	.krychle2 svg { margin:0 !important; }
}
@media (max-width: 575.98px) {
	.krychle h2 { font-size:1.9rem; line-height:1.9rem; }
}





.krychle_v2 a, div.krychle_v2 {
	display:block; padding:9px 40px; margin-top:-40px; /* margin-top:-90px; -WP- */
	color:var(--cerna); font-weight:bold; text-align:center; text-decoration:none;
	background:var(--bila); filter: drop-shadow(0px 8px 12px rgba(0, 0, 0, 0.15));
	clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - 35px), calc(100% - 35px) 100%, 0% 100%);
}
.krychle_v2 svg path { fill:var(--zelena); transition:300ms; }

@media (max-width: 991.98px) {
	.krychle_v2 a { margin-top:20px; }
	.krychle_v2 { padding-left:40px; padding-right:40px; }
}
@media (max-width: 767.98px) {
	.krychle_v2 svg { margin:2rem 0 !important; }
}
@media (max-width: 575.98px) {
	.krychle_v2 h2 { font-size:1.9rem; line-height:1.9rem; }
}




.banner_75 { text-decoration:none; margin-top:5rem; background:url('../images/banner_75.png') no-repeat left top; background-size:cover; }
.banner_75 h1 { font-size:3.7rem; font-weight:600; text-align:right; line-height:4.5rem; padding:8rem 2rem 2rem 0; margin-top:0; color:#000; }
.banner_75 h1 span { display:block; font-size:6rem; color:var(--zelena); }
.banner_75 img { margin-left:4rem; }

@media (max-width: 991.98px) {
	.banner_75 h1 { font-size:3.2rem; line-height:3.5rem; padding:5rem 2rem 3rem 0; }
	.banner_75 h1 span { font-size:5rem; }
}
@media (max-width: 575.98px) {
	.banner_75 h1 { font-size:2.7rem; line-height:2.7rem; padding:5rem 2rem 3rem 0; }
	.banner_75 h1 span { font-size:4rem; }
}





.video_sps { margin-top:6rem; }
.video_sps div:last-of-type { background:url('../images/ctverec.png') no-repeat right top; background-size:400px; height:400px; }
.video_sps h2 { display:inline-block; font-size:3rem; font-weight:600; line-height:3rem; }
.video_sps h5 { color:var(--zelena); }
.video_sps video { margin-top:2.5rem; margin-left:2rem; border-radius:20px; -webkit-box-shadow:0 15px 15px 0 #999; box-shadow:0 15px 15px 0 #999; }

@media (max-width: 767.98px) {
	.video_sps video { margin-left:0; }
	.responsive-video { width:100%; /* max-width:800px; */ height:auto; display:block; }
}
@media (max-width: 575.98px) {
	.video_sps h2 { font-size:2.5rem; line-height:2.5rem; }
}
@media (max-width: 475.98px) {
	.video_sps div:last-of-type { background-size:300px; height:300px; }
}





.prispevek_hp { padding:7rem 0; background:url('../images/pribehy.webp') no-repeat right top; background-size:cover; }
.prispevek_hp h2 { 
  display:-webkit-box; overflow:hidden;
  font-size:2.6rem; font-weight:600; text-transform:uppercase; line-height:3.1rem; color:var(--bila);
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
}
.prispevek_hp h2 span { display:block; font-size:2.3rem; font-weight:300; text-transform:none; }
.prispevek_hp h5 { color:var(--zelena); font-size:1.5rem; font-weight:300; text-transform:uppercase; letter-spacing:1px; }
.prispevek_hp p { color:var(--bila); }

@media (max-width: 575.98px) {
	.prispevek_hp h2 { font-size:3.2rem; }
	.prispevek_hp h2 span { font-size:2.7rem; }
}
@media (max-width: 475.98px) {
	.prispevek_hp h2 { font-size:3rem; }
	.prispevek_hp h2 span { font-size:2.5rem; }
}




.prispevky .stin { filter: drop-shadow(0px 8px 12px rgba(0, 0, 0, 0.15)); }
.prispevky .card { position:relative; border:0; clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - 40px), calc(100% - 40px) 100%, 0% 100%); }
.prispevky .card-body { padding:0; text-decoration:none; height:562px; }
.prispevky .card-body img { width:100%; height:260px; object-fit:cover; object-position:center; object-position:50% 20%; }
.prispevky .card-body h5 {
  color:var(--zelena); font-size:1.75rem; line-height:1.75rem; font-weight:600;
  padding:2rem 2rem 0 3rem;
  display:-webkit-box; overflow:hidden; 
  -webkit-line-clamp:3; /* Text se ukončí tečkami po 3 řádcích */
  -webkit-box-orient:vertical;
}
.prispevky .card-body p {
  padding:0 2rem 0 3rem; line-height:1.7rem;
  display:-webkit-box; overflow:hidden; 
  -webkit-line-clamp:4;
  -webkit-box-orient:vertical;
}
.prispevky .card-body:hover p { -webkit-line-clamp:5; }

.prispevky .card-body span { position:absolute; bottom:25px; display:block; padding:0 0 0 3rem; text-decoration:underline; color:#000; }
.prispevky button { z-index:10; background:none; border:0; }
/*
.prispevky button { position:absolute !important; top:0 !important; left:0 !important; width:200px; display:block; z-index:10; margin-top:-30px; }
.prispevky button:last-of-type { right:0 !important; margin-top:-50px; }
*/

.prispevky .card-body:hover { background:linear-gradient(135deg, var(--zelena) 0%, var(--modra) 40%); }
.prispevky .card-body:hover img { display:none; }
.prispevky .card-body:hover h5 {
  color:var(--bila); font-size:2.2rem; line-height:2.5rem;
  display:block; margin:1rem 0 3rem 0;

}
.prispevky .card-body:hover p { color:var(--bila); margin-bottom:4rem; }
.prispevky .card-body:hover span { color:var(--bila); font-weight:700; }



/* Nastavení hladkého posuvu a skrytí posuvníku */
.prispevky #studentCarousel {
  scrollbar-width: none;
  -ms-overflow-style: none;
  scroll-behavior: smooth;
}
.prispevky #studentCarousel::-webkit-scrollbar { display:none; }

/* Pod 1399px se vše chová podle standardního Bootstrapu */
.prispevky .carousel-container .carousel-item-card { flex: 0 0 auto !important; }

/* Nad 1400px */
@media (min-width: 1400px) {
  .carousel-container {
    max-width: 1760px !important; /* Rozšíření kontejneru, aby zobrazil i 4. kartu */
    margin-left: calc((100vw - 1222px) / 2) !important; /* Levá strana kontejneru stále drží okraj layoutu */
    margin-right: 0 !important;
    overflow: visible !important; /* Povolíme bezpečné přetékání doprava, pokud by byl monitor užší než 1760px */
  }

  /* Karty mají své přesné Bootstrap proporce (čtyři vedle sebe) */
  .prispevky .carousel-container .carousel-item-card {
    flex: 0 0 25% !important;
    width: 25% !important;
    max-width: none !important;
  }
}



@media (max-width: 1399.98px) {
	.prispevky .card-body img { height:265px; }
	.prispevky .card-body:hover h5 { font-size:2rem; line-height:2rem; }
	.prispevky .card-body p { line-height:1.4rem; }
}
@media (max-width: 1199.98px) {
	.prispevky .card-body img { height:280px; }
	.prispevky .card-body:hover p { line-height:1.7rem; }
}
@media (max-width: 991.98px) {
	.prispevky .card-body h5 { font-size:1.4rem; line-height:1.45rem; }
}
@media (max-width: 767.98px) {
	.prispevky .card-body h5 { font-size:1.75rem; line-height:1.75rem; padding-left:2rem; }
	.prispevky .card-body p, .prispevky .card-body span { padding-left:2rem; }
}
@media (max-width: 475.98px) {
	.prispevky .card-body h5 { font-size:1.4rem; line-height:1.45rem; }
}




/* start: příspěvky obrázek efekt */
.row-cols-1 .col img {
	width: 100%;
	aspect-ratio: 16 / 9; /* Přinutí obrázek mít poměr stran jako klasický obrázek na šířku */
	object-fit: cover;    /* Ořízne obrázky na výšku tak, aby nedeformovaně vyplnily prostor */
	object-position: center;
}

.view {
	position:relative; overflow:hidden; display:block;
	text-align:center; cursor:pointer;
}
.view .mask {
	position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden;
	background: linear-gradient(135deg, rgba(0,163,153,0.85) 0%,rgba(42,56,81,0.85) 60%);
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); opacity:0;
	transition:400ms;
}
.view:hover .mask {
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); opacity:1;
}
.view img {
	position:relative; display:block;
}
.view .mask img {
	width:32px !important; height:32px !important; display:inline-block; margin-top:calc(25% - 8px);
}
/* konec: příspěvky obrázek efekt */



.posunuti { margin-top:-200px; }
.karty .carousel-card { margin-top:2rem; }
.karty a { text-decoration:none; }
.karty .stin { filter: drop-shadow(0px 8px 12px rgba(0, 0, 0, 0.15)); }
.karty .card { position:relative; border:0; clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - 40px), calc(100% - 40px) 100%, 0% 100%); }
.karty .card-body { padding:0; text-decoration:none; height:550px; }
.karty .card-body h5 { font-size:2.2rem; line-height:2.5rem; font-weight:400; padding:2rem 2rem 1rem 2.5rem; }
.karty .card-body p { padding:0 2rem 0 2.5rem; line-height:1.7rem; opacity:.7; }
.karty .card-body span { position:absolute; bottom:25px; display:block; padding:0 0 0 3rem; text-decoration:underline; color:#000; }


@media (max-width: 1399.98px) {
	.karty .card-body p { line-height:1.4rem; }
}
@media (max-width: 991.98px) {
	.karty .card-body h5 { font-size:1.4rem; line-height:1.45rem; }
}
@media (max-width: 767.98px) {
	.posunuti { margin-top:-100px; }
	.karty .card-body h5 { font-size:1.75rem; line-height:1.75rem; padding-left:2rem; }
	.karty .card-body p, .karty .card-body span { padding-left:2rem; }
	.karty .card-body { height:auto; padding-bottom:40px; }
}
@media (max-width: 475.98px) {
	.karty .card-body h5 { font-size:1.4rem; line-height:1.45rem; }
}







.box-stin {
    filter: drop-shadow(0px 0px 15px rgba(0, 0, 0, 0.15));
    display:block;  width:100%;
}

.box-orez {
    background-color:var(--bila);
    padding:30px;
    clip-path: polygon(
        0% 0%,                   /* Levý horní roh */
        100% 0%,                 /* Pravý horní roh */
        100% calc(100% - 25px),  /* Bod na pravé hraně před ořezem */
        calc(100% - 25px) 100%,  /* Bod na spodní hraně po ořezu */
        0% 100%                  /* Levý spodní roh */
    );
}







.sirka_loga { width:200px; }






.stahnout, .kalendar {
	display:block; text-decoration:none !important; padding:15px 0; border-bottom:1px solid #c4c4c4; 
	background:url('../images/ikony/download.svg') no-repeat 97% center;
}
.stahnout:hover { background:url('../images/ikony/download-on.svg') no-repeat 97% center; }



.kalendar { background:url('../images/ikony/kalendar.svg') no-repeat 97% center; background-size:25px; line-height:1.2rem; }
.kalendar:hover { background:url('../images/ikony/kalendar-on.svg') no-repeat 97% center; background-size:25px; }
.kalendar span { color:var(--seda); font-size:.95rem; display:block; }



.wp-block-list { padding:0; list-style-type:none; }
.wp-block-list .linka { padding:15px 0; border-bottom:1px solid #c4c4c4; }









footer { color:var(--zelena); background-color:var(--tmmodra); padding:2.5rem 0; }
footer .lajna { border-left:1px solid #00a399; }
@media (max-width: 991.98px) { footer .lajna { border-left:0; } }










/* prohozeni poradi boxu (pc-mobil) */
.prvni-posledni { -webkit-box-ordinal-group:0; -ms-flex-order:-1; order:-1; }
.posledni-prvni { -webkit-box-ordinal-group:14; -ms-flex-order:13; order:13; }



.ocko {
	position:absolute; top:7px; left:85%;
	cursor:pointer;
}



/* kontaktni formular */
form.kontakt input, form.kontakt textarea, form.kontakt select  {
	background:var(--bila)5e7; color:var(--cerna);
	-webkit-box-shadow:inset 1px 1px 4px 0 #c36c36; box-shadow:inset 1px 1px 4px 0 #c36c36;
}
form.kontakt .input-group-text { background:#97420a; color:var(--bila); border:0; }
form.kontakt label  { color:#97420a; font-weight:600; }
form.kontakt button { color:var(--bila); background:#97420a; border:0; font-weight:600; }
form.kontakt button:hover { background:#c36c36; }
form.kontakt input:hover, form.kontakt textarea:hover, form.kontakt select:hover  { background:#ffd8bf; }
form.kontakt input:focus, form.kontakt textarea:focus, form.kontakt select:focus { background:#e0edfe; }
	
.jmenoOK, .prijmeniOK, .telefonOK, .mestoOK, .uliceOK, .pscOK, .emailOK, .zpravaOK, .kontrolaOK, .nemovitostOK, .form-check-input { border:1px solid #ced4da; }
.jmenoKO, .prijmeniKO, .telefonKO, .mestoKO, .uliceKO, .pscKO, .emailKO, .zpravaKO, .kontrolaKO, .nemovitostKO, .form-check-input { border:1px solid #dc3545; }

form.kontakt ::placeholder { color:#bababa; font-style:italic; opacity: 1; }
form.kontakt :-ms-input-placeholder { color:#bababa; font-style:italic; }
form.kontakt ::-ms-input-placeholder { color:#bababa; font-style:italic; }

.form_neodeslan, .form_odeslan {
	border:1px solid #c3e6cb; padding:15px 0; margin-top:50px;
	text-align:center; font-size:2em; 
	-webkit-box-shadow: 0 0 10px 0px #c3e6cb; box-shadow: 0 0 10px 0px #c3e6cb;
}
.form_neodeslan { color:#721c24; background-color: #f8d7da;	border-color: #f5c6cb; }
	
.prazdna div[style] { border:1px solid var(--cervena); }
.prazdna div[style]:after { color:#900; content:"Potvrďte prosím, že nejste robot."; }
.btn { padding: 1.5rem 3rem; }

.form-floating > .form-control {
	padding: 1rem .75rem 3rem 1rem;
}
.form-floating > .form-control, .form-floating > .form-select {
	font-size: 1.4rem; color:var(--modra); padding-left:17px; font-weight:600;
}
.form-floating > .form-select {
	padding-bottom: 0.1rem; height:66px;
}
.form-floating > .form-select option {
	font-size: 1rem; padding:5px; font-weight:200;
}
.form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown) {
	padding-top: 2.5rem; padding-bottom: 1.4rem;
}

.form-floating > .form-control ~ label {
	color:var(--cerna); font-weight:200; font-size:1.3rem;
	opacity:.6; transform: translateX(1rem);
}
.form-floating > .form-control ~ label.no { color:var(--zelena); }
.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-select ~ label {
	color:var(--cerna) !important; font-weight: normal;
	opacity: .7;
	transform: scale(.85) translateY(-.5rem) translateX(.5rem);
}
/* kontaktni formular */




/* start: sipka back to top */
#zpet_nahoru {
 position:fixed; bottom:40px; right:40px; z-index:9999;
 width:32px; height:32px; border:0; border-radius:2px;
 color:var(--bila); text-align:center; line-height:30px; text-decoration:none;
 background:var(--modra) url("../images/to_top.svg") no-repeat 50%; cursor:pointer;
 transition:300ms ease-in; opacity:0;
}
#zpet_nahoru:hover { background:var(--svmodra) url("../images/to_top.svg") no-repeat 50%; }
#zpet_nahoru.show  { opacity:1; }
/* end: sipka back to top */





.tooltip-inner { background-color:var(--modra); }
.bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before { border-top-color:var(--modra); }
.bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before { border-bottom-color:var(--modra); }
.bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before { border-left-color:var(--modra); }
.bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before { border-right-color:var(--modra); }






.center { text-align:center; }
.doprava { text-align:right; }
.doleva { text-align:left; }
.dobloku { text-align:justify; }

.leva { float:left; }
.prava { float:right; }

.start-lg-0 { left:14% !important; }
@media (max-width: 1899.98px) { .start-lg-0 { left:9% !important; } }
@media (max-width: 1399.98px) { .start-lg-0 { left:0% !important; } }

.fw-200 { font-weight:200; }
.fw-300 { font-weight:300; }
.fw-400 { font-weight:400; }
.fw-500 { font-weight:500; }
.fw-600 { font-weight:600; }
.fw-700 { font-weight:700; }
.fw-800 { font-weight:800; }

.tucne, .bold { font-weight:bold; }
.kurziva { font-style:italic; }

.cerna { color:var(--cerna); }
.cerna-pozadi { background-color:var(--cerna); color:var(--bila); }
.seda { color:var(--seda); }
.seda-pozadi { background-color:var(--seda); color:var(--bila); }
.bila { color:var(--bila); }
.bila-pozadi { background-color:var(--bila); color:var(--cerna); }
.cervena { color:var(--cervena); }
.cervena-pozadi { background-color:var(--cervena); }
.modra { color:var(--modra); }
.modra-pozadi { background-color:var(--modra); }
.zelena { color:var(--zelena); }
.zelena-pozadi { background-color:var(--zelena); }

.table-secondary { --bs-table-bg:#f8f8f8 !important; color:var(--zelena); }
.table-hover tbody tr:hover { --bs-table-hover-bg:#fcfcfc !important; }
@media (max-width: 767.98px) {
	table.ucebni-plan tr td:last-of-type, table.ucebni-plan tr th:last-of-type,
	table.ucebni-plan tr td:nth-of-type(2), table.ucebni-plan tr th:nth-of-type(2) { display:none; }
}


.cleaner, .cleanerXSL {
 clear:both; font-size:1px; height:1px; line-height:0;
 border:none; background:transparent; width:100%;
}
.hidden { display:none !important; }


ul.bez li, ol.bez li { list-style-type:none; }
ol.mb li { margin-bottom:20px; }

strong[itemtype] { font-weight:300 !important; }
strong[itemtype] a { color:var(--zelena); text-decoration:none !important; cursor:pointer; }



.video, .yt /*, iframe */ { width:100% !important; aspect-ratio:16/9; }
img { border:0px; }

hr  { border-top:1px solid var(--zelena); opacity:1; }
.obal { position:relative; top:0; left:0; }

.nomargin, table tr td.nomargin, table tr th.nomargin    { margin:0 !important; }
.nopadding, table tr td.nopadding, table tr th.nopadding { padding:0 !important; }
.noborder, table tr td.noborder, table tr th.noborder    { border:0 !important; }

.p1 { padding:1px; }
.p2 { padding:2px; }

.pe-6 { padding-right:5rem; }
.ps-6 { padding-left:5rem; }
@media (max-width: 991.98px) { 
	.pe-6 { padding-right:1rem; }
	.ps-6 { padding-left:1rem; }
}
.m1 { margin:1px; }
.m2 { margin:2px; }


.text-transform-none { text-transform:none !important; }

.screenreader, .SkipToContentMenu { /* skrite navigacni nadpisy pro nevidome - viz. menu.php */
 position:absolute; top:auto; left:-1000px;
 overflow:hidden; width:1px; height:1px;
}


/* lightbox */
div.ratio { background-color:rgba(0,0,0,0.4) !important; border-radius:4rem 0rem 4rem 4rem !important; }
.lightbox-caption em { font-style:normal; font-size:1.4rem; background-color:rgba(0,0,0,0.3); padding:3px 80px; border-radius:0 0 1rem 1rem; }
.ratio-16x9 { --bs-aspect-ratio:67%; }

/* start: pop-up */
#hover {
	position:fixed; z-index:998;
	background: -moz-linear-gradient(top,  rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.6) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.6)), color-stop(100%,rgba(0,0,0,0.6)));
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.6) 100%);
	background: -o-linear-gradient(top,  rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.6) 100%);
	background: -ms-linear-gradient(top,  rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.6) 100%);
	background: linear-gradient(to bottom,  rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.6) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99000000', endColorstr='#99000000',GradientType=0 );
	width:100%; height:100%;
}
  
#popup {
	position:absolute; top:15%; left:50%; z-index:999;
	width:500px; padding:30px 0 50px 0;
	margin-left:-260px; /* width/2 + padding-left */
	background:#f0f; border-radius:5px; box-shadow:0 0 10px 0 var(--cerna);
	text-align:center;
}
@media (max-width: 991.98px) { #popup { width:730px; margin-left:-365px; } }
@media (max-width: 767.98px) { #popup { width:546px; margin-left:-273px; } }
@media (max-width: 575.98px) { #popup { width:340px; margin-left:-170px; } }

#close {
	position:absolute; top:-15px; right:-15px;
	background:#606;
	-webkit-box-shadow: 0 0 10px 0 var(--cerna);
	box-shadow: 0 0 10px 0 var(--cerna);
	-webkit-border-radius: 50%;
	border-radius: 50%;
	width:30px; height:30px;
	color:white; text-align:center; line-height:30px;
	font-size:8px; font-weight:bold; font-family:'Arial Black', Arial, sans-serif;
	cursor:pointer;
}
  
#popup h3 {font-size:36px; color: #606; text-shadow: 0px 0px 10px var(--bila); }
/* end: pop-up */


/* sloupce */
.ctyrsloupcovy, .ctyri_sloupce, .ctyri-sloupce {
	-ms-column-count:4; /* pocet sloupcu */
	-moz-column-count:4;
	-webkit-column-count:4;
	column-count:4;
	-moz-column-gap:20px; /* mezera mezi sloupci */
	-webkit-column-gap:20px;
	column-gap:20px;
	-moz-column-rule:2px dotted var(--cervena); /* misto mezi sloupci */
	-webkit-column-rule:2px dotted var(--cervena);
	column-rule:2px dotted var(--cervena);
}
.trojsloupcovy, .tri_sloupce, .tri-sloupce {
	-ms-column-count:3;
	-moz-column-count:3;
	-webkit-column-count:3;
	column-count:3;
	-moz-column-gap:20px;
	-webkit-column-gap:20px;
	column-gap:20px;
	-moz-column-rule:2px dotted var(--cervena);
	-webkit-column-rule:2px dotted var(--cervena);
	column-rule:2px dotted var(--cervena);
}
.dvousloupcovy, .dva_sloupce, .dva-sloupce {
	-ms-column-count:2;
	-moz-column-count:2;
	-webkit-column-count:2;
	column-count:2;
	-moz-column-gap:20px;
	-webkit-column-gap:20px;
	column-gap:20px;
	-moz-column-rule:2px dotted var(--cervena);
	-webkit-column-rule:2px dotted var(--cervena);
	column-rule:2px dotted var(--cervena);
}

/* pokud chci, aby se obsah nerozdeloval do dalsiho sloupce */
.drzet-spolu { display:inline-block; /* width:100%; */ }

@media (max-width: 1199.98px) { 
	.ctyrsloupcovy, .ctyri_sloupce, .ctyri-sloupce {
		-ms-column-count:3; -moz-column-count:3; -webkit-column-count:3; column-count:3;
	}
}
@media (max-width: 991.98px) { 
	.trojsloupcovy, .tri_sloupce, .tri-sloupce, .ctyrsloupcovy, .ctyri_sloupce, .ctyri-sloupce {
		-ms-column-count:2; -moz-column-count:2; -webkit-column-count:2; column-count:2;
	}
}
@media (max-width: 767.98px) { 
	.dvousloupcovy, .dva_sloupce, .dva-sloupce, .trojsloupcovy, .tri_sloupce, .tri-sloupce, .ctyrsloupcovy, .ctyri_sloupce, .ctyri-sloupce {
		-ms-column-count:1; -moz-column-count:1; -webkit-column-count:1; column-count:1;
	}
}
/* sloupce */


/*  */
@media (min-width: 1200px) { 
	.mobil-1200 { display:none; }
}
@media (max-width: 1199.98px) { 
	.pc-1200 { display:none; }
}


/*  */
@media (min-width: 992px) { 
	.mobil-992 { display:none; }
}
@media (max-width: 991.98px) { 
	.pc-992 { display:none; }
}

@media (min-width: 992px) and (max-width: 1199.98px) { 

}


/*  */
@media (min-width: 768px) { 
	.mobil-768 { display:none; }
}
@media (max-width: 767.98px) {
	/* prohozeni poradi boxu (mobil-pc) */
	.prvni-posledni { -webkit-box-ordinal-group:14; -ms-flex-order:13; order:13; }
	.posledni-prvni { -webkit-box-ordinal-group:0; -ms-flex-order:-1; order:-1; }
	.pc-768 { display:none; }
}

@media (min-width: 768px) and (max-width: 991.98px) { 

}


/*  */
@media (min-width: 576px) { 
	.mobil-576 { display:none; }
}
@media (max-width: 575.98px) { 
	.pc-576 { display:none; }
}

@media (min-width: 576px) and (max-width: 767.98px) { 

}



/* dalsi */
@media only screen and (min-width:640px) {
}
@media only screen and (max-width:480px) {
}
@media only screen and (max-width:320px) {
}

/* opravy pro chrome */
@media screen and (-webkit-min-device-pixel-ratio:0) {
 
}




@media (min-width: 1400px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width:1225px; /* čistý rozměr layoutu je teď 1200 px */
  }
}


.grecaptcha-badge { visibility:hidden; }
.reCaptcha, .reCaptcha a { color:#999; }



/* lightbox pozadí*/
.ratio { background-color: rgba(0,0,0,.6) !important; }


/* hamburger */
.navbar-light .navbar-toggler-icon { /* obarvení burgru */
	background-color:#f8f0f0ff;
	/* background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28236, 111, 29, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='3' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important; */
	background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path stroke='rgb(40,37,96)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='3' d='m4 7h22m-22 8h22m-22 8h9.91'/></svg>") !important;
}
						 :root { --vel:2.2em; }
.navbar-toggler-icon { width:var(--vel); height:var(--vel); border-radius:11px; } /* zvětšení burgru */

.navbar-toggler:focus { box-shadow:0 0 0 0; } /* zrušení outlinu okolo hamburgru */

.navbar-dark .navbar-toggler-krizek { /* změní hamburger na křížek */
	width:var(--vel); height:var(--vel); border-radius:11px;
	display:inline-block; vertical-align:middle;
	background: url('../images/ikony/close.svg?v=1') no-repeat 50%; background-size: 100%;
}
.navbar-dark .navbar-toggler { border-color: rgba(0,0,0,0); }

@media (max-width: 575.98px) { /* podbarvuje rozbalené menu v mobilu (na základě .js v indexu) */
  .container.barva.rozbalene_menu_mobil { background-color: var(--menu) !important; }
}


/* carousel */
.carousel-indicators [data-bs-target] { width:60px; height:4px; opacity:1; background-color:var(--bila); }
.carousel-indicators .active { background-color:var(--oranzova); }

/* Stylování administrátorského tlačítka Upravit */
footer.entry-footer { background-color:#096e73; text-align:center; }
footer.entry-footer a.post-edit-link { color:#fff; padding:0 50px; }
footer.entry-footer a.post-edit-link:hover { text-decoration:none; }