/* ==============================
   CSS reset – start
   ============================== */


/* Box sizing rules */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Prevent font size inflation */
html {
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}

/* Remove default margin in favour of better control in authored CSS */
body, h1, h2, h3, h4, p,
figure, blockquote, dl, dd {
  margin-block-end: 0;
}

/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
ul[role='list'],
ol[role='list'] {
  list-style: none;
}

/* Set core body defaults */
body {
  min-height: 100vh;
  line-height: 1.5;
}

/* Set shorter line heights on headings and interactive elements */
h1, h2, h3, h4,
button, input, label {
  line-height: 1.1;
}

/* Balance text wrapping on headings */
h1, h2,
h3, h4 {
  text-wrap: balance;
}

/* A elements that don't have a class get default styles */
a:not([class]) {
  text-decoration-skip-ink: auto;
  color: currentColor;
}

/* Make images easier to work with */
img,
picture {
  max-width: 100%;
  display: block;
}

/* Inherit fonts for inputs and buttons */
input, button,
textarea, select {
  font-family: inherit;
  font-size: inherit;
}

/* Make sure textareas without a rows attribute are not tiny */
textarea:not([rows]) {
  min-height: 10em;
}

/* Anything that has been anchored to should have extra scroll margin */
:target {
  scroll-margin-block: 5ex;
}

   
   /* ==============================
   CSS reset – end
   ============================== */







   
   
   
   
 
 
 
 
 
   
   
   
   /* ==============================
   1?? Hlavní stylování projektu
   ============================== */
 

:root 
{
	--color-01: rgba(000, 030, 100, 1.0); /* blue dark */
	--color-02: rgba(000, 170, 220, 1.0); /* blue light */
	--color-03: rgba(000, 120, 180, 1.0); /* blue mid */
} 



body {
    opacity: 0;
    animation: fadeIn 1.10s ease forwards;
}



body::before {
    content: "";
    position: fixed;
    inset: 0;
	z-index: -1;
	background-repeat: no-repeat;
	background-size: contain;
	background-attachment: fixed;
	/*background-blend-mode: overlay;*/
	background-position: center center;
	-webkit-filter: grayscale(1); 
    -webkit-filter: grayscale(100%); 
    -moz-filter: grayscale(100%);
    filter: grayscale(100%);
	opacity: 0.05;
	pointer-events: none;

	/*mask-image: linear-gradient(to right, black 30%, black 45%, transparent 60%);*/
}




@keyframes fadeIn {
    to {
        opacity: 1;
    }
}


   
   
   
body {
    background-color: #f9f9f9;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}


body {
    background-repeat: no-repeat;
    background-size: cover;
    background-size: contain;
    background-position: center;
    background-attachment: fixed;
    background-blend-mode: overlay;
    background-color: rgba(255, 255, 255, 0.85);
}

html, body, header, footer, main, aside, input, button, textarea, div, p, input, select, label, mark, a mark,
h1, h2, h3, h3 a, .betw-headings, .betw-headings a, h4, h4 a, h5, h6, a, a:link, a:visited, a:active, a:hover, 
table, table tr td, tr td, td, 
ul li, ol li, li 
{
	font-family: "Ubuntu Sans", Ubuntu, "Open Sans", Arial, Verdana, sans-serif;
	line-height: 1.3;
	font-size: 1rem;
	color: #6E6E6E;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}


main {
		margin-bottom: 7rem;
}

h2, div.site-tagline {
font-weight: 700;
color: #6E6E6E;
margin-top: 0.4rem;
}

h1, h1 a, h1 a mark, h1 mark, h1 a:link, h1 a:visited, h1 a:active, 
h2, h2 a, h2 a mark, h2 mark, h2 a:link, h2 a:visited, h2 a:active, 
h3, h3 a, h3 a mark, h3 mark, h3 a:link, h3 a:visited, h3 a:active, 
.betw-headings, .betw-headings a, .betw-headings a:link, .betw-headings a:active, .betw-headings a:visited, 
h4, h4 a, h4 a mark, h4 mark, h4 a:link, h4 a:visited, h4 a:active, 
div.site-title, div.site-tagline, 
h5, h6 
{
font-weight: 500;
font-size: 1.3rem;
color: #6E6E6E;
text-decoration: none;
}

h1 a, h1 a:link, h1 a:visited, h1 a:active,
h1 a mark, h1 a:link mark, h1 a:visited mark, h1 a:active mark,
h2 a, h2 a:link, h2 a:visited, h2 a:active,
h2 a mark, h2 a:link mark, h2 a:visited mark, h2 a:active mark, 
h3 a, h3 a:link, h3 a:visited, h3 a:active,
h3 a mark, h3 a:link mark, h3 a:visited mark, h3 a:active mark,
h4 a, h4 a:link, h4 a:visited, h4 a:active,
h4 a mark, h4 a:link mark, h4 a:visited mark, h4 a:active mark

{
text-decoration: underline;
color: var(--color-01);
}

h1 a:hover, h1 a:hover mark, .betw-headings a:hover, 
h2 a:hover, h2 a:hover mark
{
color: var(--color-02);
}


a, a:link {
color: var(--color-02);
}

a:visited, a:active {
color: var(--color-03);
}

a:hover {
color: var(--color-01);
}


.wrapper {
    max-width: 1200px;
    width: 92%;
    margin: 0 auto;
    padding: 20px;
	padding-top: 0;
    /*background-color: #fff;*/
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    text-align: center;
}


footer#footer-01 {
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
	margin-top: 7rem;
	padding: 20px;
	text-align: center;
	background: var(--color-01);
	background: linear-gradient(187deg, rgba(0, 170, 221, 1) 0%, rgba(0, 34, 102, 1) 50%);  
}

footer#footer-01, footer#footer-01 p, footer#footer-01 div {color: white;}

footer#footer-02 {
        width: 80%;
        margin: 0 auto;
        padding: 20px;
        /*background-color: rgba(255, 0, 255, 0.9); */
		/*border: 10px solid white;*/
        text-align: center;
		/*-webkit-text-stroke: 2px white;
	    paint-order: stroke fill;
		*/
}

#footer-02, #footer-02 a, #footer-02 a:link, #footer-02 a:active, #footer-02 a:visited, #footer-02 a:hover
{
	text-decoration: none;
}

header nav {position: fixed; width: 92%; max-width: 1200px; background: white;}

nav ul {
    padding: 0;
    margin: 10px 0;
    list-style: none;
}

nav ul li {
    display: inline-block;
    margin: 0 15px;
}

nav ul li a, nav ul li a:link, nav ul li a:visited, nav ul li a:active {
    font-weight: 500;
    color: var(--color-02);
    text-decoration: none;
}

nav ul li a:hover {
    color: var(--color-01);
	text-decoration: underline;
}



h1, h2, h3, h4 {display: inline;}
h5, h6 {display: block;}

h1.site-title, div.site-title,
h2.site-tagline, div.site-tagline {display: block;}



h1.site-title, a h1.site-title, h1.site-title a, h1.site-title a:link, h1.site-title a:visited, h1.site-title a:active,
div.site-title, a div.site-title, div.site-title a, div.site-title a:link, div.site-title a:visited, div.site-title a:active
 {
	font-size: 2.5rem;
    color: rgba(0, 34, 102, 1);
    font-weight: 700;
	text-decoration: none !important;
	margin-top: 0rem;
	padding-top: 3rem;
	
	background: linear-gradient(
	-35deg,
	rgba(0, 170, 221, 1) 0%,
	rgba(0, 34, 102, 1) 50%
	);

	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
	
}


h2.site-tagline, div.site-tagline {margin-bottom: 2rem; color: #ACACAC;}

h3, h4, .betw-headings
{
	font-size: 1.3rem;
	color: #6e6e6e;
}



mark
{
	color: unset;
	background-color: unset;
}

.search-container {
    width: 100%;
    max-width: 680px;
    margin: 20px auto;
}



.search-form {
    display: flex;
    flex-direction: column;
    gap: 10px;
	color: grey;
}

.imagek {
	margin-top: 3rem;
	width: 32%;
	-webkit-filter: grayscale(1); 
    -webkit-filter: grayscale(100%); 
    -moz-filter: grayscale(100%);
    filter: grayscale(100%);
	opacity: 0.75;
	mix-blend-mode: darken;
	  -webkit-mask-image:
    linear-gradient(to right, transparent, black 40px, black calc(100% - 40px), transparent),
    linear-gradient(to bottom, transparent, black 40px, black calc(100% - 40px), transparent);

  -webkit-mask-composite: source-in;
  mask-composite: intersect;
}


nav.abc, nav.abc span {color: lightgrey;}
nav.abc a 
{
	margin: 0.50rem;
	margin-left: 0.10rem; margin-right: 0.10rem;
	padding: 0.2rem;
	padding-left: 0.35rem; padding-right: 0.35rem; 
	text-decoration: none; 
	color: rgba(0, 34, 102, 1);
}

nav.abc a:hover {text-decoration: none; color: rgba(0, 170, 221, 1);}




/* Grid pro inputy a tlačítko */
.search-input-wrapper-2 {
	text-align: left;
	grid-template-columns: 51% 48%; 
gap: 20px;
}

.search-input-wrapper-1 {
    display: grid;
    grid-template-columns: 1fr 170px auto; /* název spolku | obec | tlačítko */
    gap: 0px;
}

/* Pole pro název spolku */
.search-input-wrapper-1 input[type="text"], .search-input-wrapper-2 input[type="text"] {

    box-sizing: border-box;
    padding-left: 10px;
    padding-right: 25px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #ccc;
    -webkit-border-top-left-radius: 7px;
    -webkit-border-bottom-left-radius: 7px;
    -moz-border-radius-topleft: 7px;
    -moz-border-radius-bottomleft: 7px;
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
    margin: 15px;
    margin: 0px;
    display: inline;
    font-size: 1.3rem;
	font-weight: 400;
	height: 56px;
	

	    
}

input#zlp-obec-input {
    -webkit-border-top-right-radius: 7px;
    -webkit-border-bottom-right-radius: 7px;
    -moz-border-radius-topright: 7px;
    -moz-border-radius-bottomright: 7px;
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
}



input[type="text"]:focus {
    -moz-box-shadow: 0px 0px 10px -3px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 10px -3px rgba(0, 0, 0, 0.75);
    -webkit-box-shadow: 0px 0px 10px -3px rgba(0, 0, 0, 0.75);
    outline: none;
    border: 1px solid #71c5d0;
}




.search-input-wrapper-1 input[type="text"] {
    width: 100%;
	    padding-left: 55px;
	text-align: left;
	
	
}

/* Pole pro spolek */
input#zlp-nazev-input {
    background: #fff url(/img/lupa.webp) 0px 0px no-repeat;
    background-size: auto 100%;
}


/* Pole pro obec */
input#zlp-obec-input {
    box-sizing: border-box;
}



input::placeholder { color: #ACACAC; }

input::-webkit-input-placeholder { color: #ACACAC; } /* Chrome, Safari */
input::-moz-placeholder { color: #ACACAC; }          /* Firefox */
input:-ms-input-placeholder { color: #ACACAC; }      /* IE 10–11 */
input::-ms-input-placeholder { color: #ACACAC; }     /* Edge legacy */


/* Tlačítko */
button {
    padding: 8px 16px;
    font-size: 1rem;
    cursor: pointer;
	border: 0px solid transparent;
	background: rgba(0, 34, 102, 1);
	background: linear-gradient(187deg, rgba(0, 170, 221, 1) 0%, rgba(0, 34, 102, 1) 50%);  
    color: #fff;
    border-radius: 4px;
    transition: background-color 0.2s ease;
    padding-left: 25px;
    padding-right: 25px;
    color: white;
    font-size: 1.3em;
    cursor: pointer;
    border-radius: 0px;
    margin: 0px;
    margin-top: 0px;
	border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
}

button:hover {
 background-color: #cccccc;
 border: 0px solid #cccccc;
}

ul li a, ol li a {text-decoration: none;}

@media (min-width: 800px) {
ul.list-subjects, ol.list-subjects {
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2;
   -webkit-column-gap: 1.5rem; /* gap mezi sloupci */
    -moz-column-gap: 1.5rem;
    column-gap: 1.5rem;
}
}

@media (min-width: 1400px) {
ul.list-subjects, ol.list-subjects {
    -webkit-columns: 3;
    -moz-columns: 3;
    columns: 3;
   -webkit-column-gap: 2rem; /* gap mezi sloupci */
    -moz-column-gap: 2rem;
    column-gap: 2rem;
}
}



ul.link-list-bottom {
	list-style: none; 
	padding: 0.3rem;
	background-color: rgba(255, 255, 255, 0.35);
}

ul.link-list-bottom li {display: inline;
/*margin-left: 1rem; margin-right: 1rem;*/
}

ul.link-list-bottom li:not(:first-child)::before {content: " • "; color: lightgrey; margin-right: 0.5rem; margin-left: 0.5rem;}



ul.wordcloud, ul.wordcloud-2 {
	list-style: none;
	text-align: center;
	padding: 0;
}



ul.wordcloud li.wc-s1, ul.wordcloud li.wc-s1 a {font-size: 1.1rem;}
ul.wordcloud li.wc-s2, ul.wordcloud li.wc-s2 a {font-size: 1.3rem;}
ul.wordcloud li.wc-s3, ul.wordcloud li.wc-s3 a {font-size: 1.5rem;}
ul.wordcloud li.wc-s4, ul.wordcloud li.wc-s4 a {font-size: 1.8rem;}
ul.wordcloud li.wc-s5, ul.wordcloud li.wc-s5 a {font-size: 1.9rem;}
ul.wordcloud li.wc-s6, ul.wordcloud li.wc-s6 a {font-size: 2.0rem;}

ul.wordcloud-2 li.wc-s1, ul.wordcloud-2 li.wc-s1 a {font-size: 1.0rem;}
ul.wordcloud-2 li.wc-s2, ul.wordcloud-2 li.wc-s2 a {font-size: 1.0rem;}
ul.wordcloud-2 li.wc-s3, ul.wordcloud-2 li.wc-s3 a {font-size: 1.1rem;}
ul.wordcloud-2 li.wc-s4, ul.wordcloud-2 li.wc-s4 a {font-size: 1.1rem;}
ul.wordcloud-2 li.wc-s5, ul.wordcloud-2 li.wc-s5 a {font-size: 1.6rem;}
ul.wordcloud-2 li.wc-s6, ul.wordcloud-2 li.wc-s6 a {font-size: 1.9rem;}

ul.wordcloud li.wc-w1, ul.wordcloud li.wc-w1 a {font-weight: 400;}
ul.wordcloud li.wc-w2, ul.wordcloud li.wc-w2 a {font-weight: 400;}
ul.wordcloud li.wc-w3, ul.wordcloud li.wc-w3 a {font-weight: 400;}
ul.wordcloud li.wc-w4, ul.wordcloud li.wc-w4 a {font-weight: 500;}
ul.wordcloud li.wc-w5, ul.wordcloud li.wc-w5 a {font-weight: 500;}
ul.wordcloud li.wc-w6, ul.wordcloud li.wc-w6 a {font-weight: 600;}

ul.wordcloud-2 li.wc-w1, ul.wordcloud-2 li.wc-w1 a {font-weight: 400;}
ul.wordcloud-2 li.wc-w2, ul.wordcloud-2 li.wc-w2 a {font-weight: 600;}
ul.wordcloud-2 li.wc-w3, ul.wordcloud-2 li.wc-w3 a {font-weight: 600;}
ul.wordcloud-2 li.wc-w4, ul.wordcloud-2 li.wc-w4 a {font-weight: 600;}
ul.wordcloud-2 li.wc-w5, ul.wordcloud-2 li.wc-w5 a {font-weight: 800;}
ul.wordcloud-2 li.wc-w6, ul.wordcloud-2 li.wc-w6 a {font-weight: 800;}

ul.wordcloud li.wc-c1, ul.wordcloud li.wc-c1 a {color: rgba(0, 170, 221, 1); background: linear-gradient(-35deg, rgba(0, 170, 221, 1) 0%, rgba(0, 34, 102, 1) 50%);}
ul.wordcloud li.wc-c2, ul.wordcloud li.wc-c2 a {color: rgba(0, 170, 221, 1); background: linear-gradient(-100deg, rgba(0, 170, 221, 1) 0%, rgba(0, 34, 102, 1) 50%);}
ul.wordcloud li.wc-c3, ul.wordcloud li.wc-c3 a {color: rgba(0, 170, 221, 1); background: linear-gradient(-360deg, rgba(0, 170, 221, 1) 0%, rgba(0, 34, 102, 1) 50%);}
ul.wordcloud li.wc-c4, ul.wordcloud li.wc-c4 a {color: rgba(0,  34, 102, 1); background: linear-gradient(25deg, rgba(0, 170, 221, 1) 0%, rgba(0, 34, 102, 1) 50%);}
ul.wordcloud li.wc-c5, ul.wordcloud li.wc-c5 a {color: rgba(0,  34, 102, 1); background: linear-gradient(120deg, rgba(0, 170, 221, 1) 0%, rgba(0, 34, 102, 1) 50%);}
ul.wordcloud li.wc-c6, ul.wordcloud li.wc-c6 a {color: rgba(0,  34, 102, 1); background: linear-gradient(78deg, rgba(0, 170, 221, 1) 0%, rgba(0, 34, 102, 1) 50%);}

/*
ul.wordcloud-2 li.wc-c1, ul.wordcloud-2 li.wc-c1 a {color: rgba(0, 170, 221, 1); background: linear-gradient(-35deg, rgba(0, 170, 221, 1) 0%, rgba(0, 34, 102, 1) 50%);}
ul.wordcloud-2 li.wc-c2, ul.wordcloud-2 li.wc-c2 a {color: rgba(0, 170, 221, 1); background: linear-gradient(-100deg, rgba(0, 170, 221, 1) 0%, rgba(0, 34, 102, 1) 50%);}
ul.wordcloud-2 li.wc-c3, ul.wordcloud-2 li.wc-c3 a {color: rgba(0, 170, 221, 1); background: linear-gradient(-360deg, rgba(0, 170, 221, 1) 0%, rgba(0, 34, 102, 1) 50%);}
ul.wordcloud-2 li.wc-c4, ul.wordcloud-2 li.wc-c4 a {color: rgba(0,  34, 102, 1); background: linear-gradient(25deg, rgba(0, 170, 221, 1) 0%, rgba(0, 34, 102, 1) 50%);}
ul.wordcloud-2 li.wc-c5, ul.wordcloud-2 li.wc-c5 a {color: rgba(0,  34, 102, 1); background: linear-gradient(120deg, rgba(0, 170, 221, 1) 0%, rgba(0, 34, 102, 1) 50%);}
ul.wordcloud-2 li.wc-c6, ul.wordcloud-2 li.wc-c6 a {color: rgba(0,  34, 102, 1); background: linear-gradient(78deg, rgba(0, 170, 221, 1) 0%, rgba(0, 34, 102, 1) 50%);}
*/

ul.wordcloud-2 li.wc-c1, ul.wordcloud-2 li.wc-c1 a, ul.wordcloud-2 li.wc-c1, ul.wordcloud-2 li.wc-c1 a:hover, 
ul.wordcloud-2 li.wc-c2, ul.wordcloud-2 li.wc-c2 a, ul.wordcloud-2 li.wc-c2, ul.wordcloud-2 li.wc-c2 a:hover,  
ul.wordcloud-2 li.wc-c3, ul.wordcloud-2 li.wc-c3 a, ul.wordcloud-2 li.wc-c3, ul.wordcloud-2 li.wc-c3 a:hover,  
ul.wordcloud-2 li.wc-c4, ul.wordcloud-2 li.wc-c4 a, ul.wordcloud-2 li.wc-c4, ul.wordcloud-2 li.wc-c4 a:hover,  
ul.wordcloud-2 li.wc-c5, ul.wordcloud-2 li.wc-c5 a, ul.wordcloud-2 li.wc-c5, ul.wordcloud-2 li.wc-c5 a:hover,  
ul.wordcloud-2 li.wc-c6, ul.wordcloud-2 li.wc-c6 a, ul.wordcloud-2 li.wc-c6, ul.wordcloud-2 li.wc-c6 a:hover
{
	color: lightgrey;
}



ul.wordcloud li.wc-c1, ul.wordcloud li.wc-c1 a, ul.wordcloud li.wc-c2, ul.wordcloud li.wc-c2 a, ul.wordcloud li.wc-c3, ul.wordcloud li.wc-c3 a, 
ul.wordcloud li.wc-c4, ul.wordcloud li.wc-c4 a, ul.wordcloud li.wc-c5, ul.wordcloud li.wc-c5 a, ul.wordcloud li.wc-c6, ul.wordcloud li.wc-c6 a 
/* ul.wordcloud-2 li.wc-c1, ul.wordcloud-2 li.wc-c1 a, ul.wordcloud-2 li.wc-c2, ul.wordcloud-2 li.wc-c2 a, ul.wordcloud-2 li.wc-c3, ul.wordcloud-2 li.wc-c3 a, 
ul.wordcloud-2 li.wc-c4, ul.wordcloud-2 li.wc-c4 a, ul.wordcloud-2 li.wc-c5, ul.wordcloud-2 li.wc-c5 a, ul.wordcloud-2 li.wc-c6, ul.wordcloud-2 li.wc-c6 a  
*/
{
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
}

ul.wordcloud li.wc-o1, ul.wordcloud li.wc-o1 a {opacity: 0.70;}
ul.wordcloud li.wc-o2, ul.wordcloud li.wc-o2 a {opacity: 0.75;}
ul.wordcloud li.wc-o3, ul.wordcloud li.wc-o3 a {opacity: 0.80;}

ul.wordcloud-2 li.wc-o1, ul.wordcloud-2 li.wc-o1 a {opacity: 1.00;}
ul.wordcloud-2 li.wc-o2, ul.wordcloud-2 li.wc-o2 a {opacity: 0.92;}
ul.wordcloud-2 li.wc-o3, ul.wordcloud-2 li.wc-o3 a {opacity: 0.85;}

ul.wordcloud li.wc-f1, ul.wordcloud li.wc-f1 a {filter: saturate(90%);}
ul.wordcloud li.wc-f2, ul.wordcloud li.wc-f2 a {filter: saturate(80%);}
ul.wordcloud li.wc-f3, ul.wordcloud li.wc-f3 a {filter: saturate(70%);}





ul.wordcloud li, ul.wordcloud li a,
ul.wordcloud-2 li, ul.wordcloud-2 li a {
	display: inline;
	/*padding-right: 1rem;*/
	/*padding-bottom: 1rem;*/
	font-weight: 500;
	text-decoration: none;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
	/*text-decoration: underline 0.15em rgba(0, 0, 0, 0);*/
	text-decoration: none;
	transition: text-decoration-color: 3000ms;
}

ul.wordcloud li, ul.wordcloud li a
{
	line-height: 1.2;
	margin-bottom: 0.5rem;
	margin-top: 0.5rem;
	margin-right: 1rem;
}

ul.wordcloud-2 li, ul.wordcloud-2 li a
{
	line-height: 1.0;
	margin-bottom: 0.1rem;
	margin-top: 0.1rem;
	margin-right: 0.2rem;
	color: grey;
	cursor: default;
}


ul.wordcloud li a:hover, ul.wordcloud li a:hover mark, ul.wordcloud li a mark:hover
{
	color: rgba(0, 170, 221, 1) !important;
	background: none;
	-webkit-background-clip: unset;
	background-clip: unset;
	-webkit-text-fill-color: rgba(0, 34, 102, 1) !important;
	-webkit-text-fill-color: rgba(0, 170, 221, 1) !important;
	opacity: 1;
	filter: saturate(100%);
	text-decoration-color: rgba(255, 255, 255, 1);
}

ul.wordcloud-2 li:not(:first-child)::before
{
font-size: 0.8rem;
line-height: 0.8rem;
color: #dfdfdf;
content: "• ";
}


/* Radio buttony */
.search-input-wrapper-2 {
    display: flex;
    flex-wrap: wrap; /* aby na mobilu mohly přejít pod sebe */
    gap: 20px;
    justify-content: left;
    margin-top: 0px;
	align-items: center; /* vertikální vycentrování inputu a radio buttonů */
}

.search-input-wrapper-2 label {
    font-size: 1.1rem;
    cursor: pointer;
    
}
input[type="radio"] {
    margin-right: 5px;
}


.radio-group label {
    display: inline-block; /* defaultní zobrazení vedle sebe */
    margin-right: 15px;
}

/* Mobilní zařízení – pod sebe */
@media (max-width: 600px) {
    .radio-group label {
        display: block;   /* každý label na vlastní řádek */
        margin-right: 0;
        margin-bottom: 5px; /* mezera mezi řádky */
    }
}





/* ==============================
   Plovoucí asides mimo wrapper – šířka 300px
   ============================== */
aside.sidebar-left,
aside.sidebar-right {
    position: fixed;
    top: 30px;       /* odsazení od hlavičky */
    width: 300px;     /* šířka sloupce */
 /*   background-color: #f0f0f0;*/
    padding: 15px;
    padding-left: 2px;
    padding-right: 2px;
	z-index: -1;
	border-radius: 6px;
    box-shadow: 0 0 10px rgba(0,0,0,0.05);
 opacity: 0.8;
 
/* -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0.2))); */

-webkit-mask-image: linear-gradient(
    to bottom,
    rgba(0,0,0,1.0) 0%,
    rgba(0,0,0,0.8) 40%,
    rgba(0,0,0,0.7) 70%,
    rgba(0,0,0,0.5) 90%,
    rgba(0,0,0,0.3) 100%
);

}

/* Wrapper má max-width 1200px, polovina = 600px */
.sidebar-left {
    left: calc(50% - 600px - 20px - 300px); /* 50% viewportu - polovina wrapperu - mezera 20px - šířka sloupce */
}

.sidebar-right {
    left: calc(50% + 600px + 20px);         /* 50% + polovina wrapperu + mezera */
}

/* Seznamy a odkazy v asides */
.sidebar-left ul,
.sidebar-right ul {
    list-style: none;
    padding-left: 0;
    margin-top: 10px;
}

.sidebar-left ul li,
.sidebar-right ul li {
    margin-bottom: 8px;
}

.sidebar-left ul li a,
.sidebar-right ul li a {
    text-decoration: none;
    color: #333;
    font-weight: 500;
}

.sidebar-left ul li a:hover,
.sidebar-right ul li a:hover {
    color: #18bbcf;
}

/* ==============================
   Responsivní: zalomení pod main
   ============================== */
@media (max-width: 1500px) {
aside.sidebar-left, aside.sidebar-right {
        position: static;   /* odstraníme fixed */
        width: auto;        /* přizpůsobí šířku kontejneru */
        margin: 20px auto;  /* odsazení od hlavního obsahu */
        box-shadow: none;
		z-index: 1;
		    }

aside.sidebar-left {
        order: 1; /* levý pod main */
		display: block;
    }

aside.sidebar-right {
        order: 2; /* pravý pod levý */
		display: none;
    }

    wrapper se chová normálně, asides jsou pod ním
    .wrapper + .sidebar-left,
    .wrapper + .sidebar-left + .sidebar-right,
	.sidebar-left, .sidebar-right
	{
        display: block;
    }
	
	
footer#footer-02 {
width: 96%;
}	
}

	/*.sidebar-left span:nth-child(even) {border: 2px solid red;}*/

@media (max-width: 600px) {
	.wrapper {
		max-width: 600px;
		width: 100%;
		margin: 0 auto;
		padding: 12px;
		padding-top: 3px;
	}
	
	.sidebar-left span:nth-child(even) {display: none;}
	
	footer#footer-01 {
    max-width: 600px;
    width: 100%;
    margin-top: 8rem;
	}
	
	footer#footer-02 {
    width: 96%;
    margin: 0 auto;
    padding-left: 5px;
    padding-right: 5px;
	}
	
	
	h1.site-title, a h1.site-title, h1.site-title a, h1.site-title a:link, h1.site-title a:visited, h1.site-title a:active,
	div.site-title, a div.site-title, div.site-title a, div.site-title a:link, div.site-title a:visited, div.site-title a:active
	{
	font-size: 1.78rem;
	padding-top: 4.0rem;
	}
	
	nav ul li {
    margin: 0 0.2rem;
	}
	
ol, ul {padding-left: 1.2rem;}
	
	ul.wordcloud li {
		/*transform: scale(0.50);
		transform-origin: top left;*/
		margin-right: 0.3rem;
		margin-bottom: 0.3rem;
		margin-top: 0.3rem;
	}
	ul.wordcloud li.wc-s1, ul.wordcloud li.wc-s1 a {font-size: 0.8rem;}
	ul.wordcloud li.wc-s2, ul.wordcloud li.wc-s2 a {font-size: 0.85rem;}
	ul.wordcloud li.wc-s3, ul.wordcloud li.wc-s3 a {font-size: 0.95rem;}
	ul.wordcloud li.wc-s4, ul.wordcloud li.wc-s4 a {font-size: 1.00rem;}
	ul.wordcloud li.wc-s5, ul.wordcloud li.wc-s5 a {font-size: 1.20rem;}
	ul.wordcloud li.wc-s6, ul.wordcloud li.wc-s6 a {font-size: 1.25rem;}
}




input[type="text"],
.selectable, .color-admin, .font-admin,
.selectable a, .color-admin a, .font-admin a,
h1:not(.site-title), h2:not(.site-tagline),
h1:not(.site-title) a, h2:not(.site-tagline) a,
h1:not(.site-title) a mark, h2:not(.site-tagline) a mark,
h1:not(.site-title) mark, h2:not(.site-tagline) mark,
h3, h4,
h3 a, h4 a,
h3 a:link, h3 a:active, h3 a:visited, h3 a:hover,
h4 a:link, h4 a:active, h4 a:visited, h4 a:hover,
h3 a mark, h4 a mark,
ul.list-subjects, ul.list-subjects li, ul.list-subjects li a
{
	-webkit-user-select: text;
	-moz-user-select: text;
	-ms-user-select: text;
	user-select: text;	
}




/* ==============================
   Skryti a admin zvyrazneni
   ============================== */

.dis-no, .dis-no h3, .dis-no h4, .dis-no a 
{
	display: none !important;
}

.color-comment, .color-comment h3, .color-comment h4, .color-comment a {
	color: green !important;
}



.color-admin {
	color: red !important;
}

nav.abc span.color-admin, nav.abc span.dis-no {color: lightgrey !important;}

.color-admin h3, .color-admin h4, .color-admin a {
	color: red !important;
}

.font-admin, .font-admin a {
	font-family: monospace !important; /**/
}


@media (max-width: 600px) 
{
	.font-admin, .font-admin a {font-size: 50% !important;}
}
}



.betw-headings {color: red !important;}