/* TOP MENU and Search BOX */

/* LOGO */
.logo {
  text-align: left;
  margin-top: 0px;
  margin-left: 15px;
}

div.logo img {
  width: 530px;
  height: 136px;
}

.dm { float: right; }

@media (max-width: 980px) {
  .dm{ float: none; }
}

.button5 {
  text-align: center;
  font-size: 14px;
  cursor: pointer;
  background: #ddd;
  width: 170px;
  padding: 5px;
}

@media (max-width: 980px) {
  .button5 {
    text-align: center;
    font-size: 20px;
    cursor: pointer;
    background: #999999;
    width: 100%;
    padding: 5px;
    margin-bottom: 10px;
  }
}

@media only screen and (max-width: 980px) {
  div.logo img {
    width: 100%;
    height: 136px;
  }
}

body {
  margin-top: 0;
  background-color: #EBEBEB;
  max-width: 1280px;
  margin: auto;
  font-family: Arial, Helvetica, sans-serif;
}

div.first {
  background-color: white;
}

/* ===== TOPNAV (original W3Schools) ===== */
.topnav {
  overflow: hidden;
  background-color: #0066ff;
}

/* DULEŽITÉ: dropdown se nesmí orezávat
   (prepíše overflow:hidden výše, ale jen tam, kde je dropdown) */
.topnav { overflow: visible; }

.topnav a {
  float: left;
  display: block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

.topnav a:hover {
  background-color: #0000FF;
  color: white;
}

.topnav a.active {
  background-color: #0000FF;
  color: white;
}

.topnav .search-container {
  float: right;
}

/* puvodní input styl */
.topnav input[type=text] {
  padding: 6px;
  margin-top: 8px;
  font-size: 17px;
  border: none;
  width: 180px;
}

/* puvodní button styl (platí i pro Search submit) */
.topnav .search-container button {
  float: right;
  padding: 6px 10px;
  margin-top: 8px;
  margin-right: 16px;
  background: #ddd;
  font-size: 17px;
  border: none;
  cursor: pointer;
}

.topnav .search-container button:hover {
  background: #ccc;
}

/* ===== MOBILE (original) ===== */
@media screen and (max-width: 1250px) {
  .topnav .search-container {
    float: none;
  }
  .topnav a,
  .topnav input[type=text],
  .topnav .search-container button {
    float: none;
    display: block;
    text-align: left;
    width: 100%;
    margin: 0;
    padding: 14px;
  }
  .topnav input[type=text] {
    border: 1px solid #ccc;
  }
}

/* =========================================================
   ADD-ON: Search type icon (galleries/videos) - SAFE PATCH
   Works with your HTML:
   .search-wrap > .search-input-wrap (relative) + submit + dropdown
   ========================================================= */

.topnav .search-container form.menu-search{ margin:0; }

/* rádek: input-wrap + submit; dropdown je absolutní vuci search-wrap */
.topnav .search-container .search-wrap{
  position: relative;
  display: inline-block; /* drží float layout */
  white-space: nowrap;
}

/* wrapper kolem inputu (kvuli ikone uvnitr) */
.topnav .search-container .search-input-wrap{
  position: relative;
  display: inline-block;
  vertical-align: top;
}

/* input musí mít místo vpravo pro ikonku */
.topnav .search-container .search-input-wrap #search-input{
  padding-right: 46px; /* místo pro velkou ikonku */
  box-sizing: border-box;
}

/* ikonka uvnitr inputu – velká klikací plocha */
.topnav .search-container .search-type-btn{
  position: absolute;
  right: 6px;
  top: 8px;                  /* default pro desktop (zarovná se na margin-top inputu) */
  height: calc(100% - 16px); /* pres celou výšku inputu (minus top/bottom gap) */
  width: 40px;
  margin: 0 !important;
  padding: 0 !important;

  /* prepíšeme puvodní button styl */
  float: none !important;
  background: transparent !important;
  border: 0 !important;

  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  color: #666;
}

/* hover */
.topnav .search-container .search-type-btn:hover{
  background: rgba(0,0,0,.10) !important;
}

/* SVG zvetšíme */
.topnav .search-container .search-type-btn svg{
  width: 24px;
  height: 24px;
}

/* submit tlacítko – necháme puvodní vzhled, jen at je vedle inputu */
.topnav .search-container .search-submit{
  /* zustane button z w3schools; jen jistota: */
  float: right;
}

/* dropdown pod ikonou (at ho nereže overflow) */
.topnav .search-container .search-type-menu{
  position: absolute;
  right: 16px;               /* sladené s margin-right tlacítka */
  top: calc(100% + 6px);
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  box-shadow: 0 10px 20px rgba(0,0,0,.12);
  overflow: hidden;
  min-width: 160px;
  display: none;
  z-index: 99999;
}

.topnav .search-container .search-type-menu.open{ display:block; }

.topnav .search-container .stm-item{
  width: 100%;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 12px;
  background: #fff;
  border: 0;
  cursor: pointer;
  text-align: left;
}

.topnav .search-container .stm-item:hover{ background:#f3f4f6; }

.topnav .search-container .stm-ico{
  width: 18px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#111;
}
.topnav .search-container .stm-text{
  font-size: 14px;
  color: #111;
}

/* dark mode pro dropdown */
html.dark .topnav .search-container .search-type-menu{
  background:#1f1f1f;
  border-color:#333;
}
html.dark .topnav .search-container .stm-item{ background:#1f1f1f; }
html.dark .topnav .search-container .stm-item:hover{ background:#2a2a2a; }
html.dark .topnav .search-container .stm-text{ color:#fff; }
html.dark .topnav .search-container .stm-ico{ color:#fff; }
html.dark .topnav .search-container .search-type-btn{ color:#fff; }
html.dark .topnav .search-container .search-type-btn:hover{
  background: rgba(255,255,255,.12) !important;
}

/* ===== MOBILE PATCH (respektuje tvuj W3Schools breakpoint) ===== */
@media screen and (max-width: 1250px) {

  /* v mobile režimu se input i tlacítko mení na block + full width.
     Ikona musí být uvnitr inputu – prenastavíme její pozici. */

  .topnav .search-container .search-wrap{
    display: block;
    white-space: normal;
  }

  .topnav .search-container .search-input-wrap{
    display: block;
  }

  .topnav .search-container .search-input-wrap #search-input{
    width: 100%;
    padding-right: 64px; /* víc místa pro prst */
  }

  /* ikonka: full height inputu (v mobile má input padding 14px)
     Proto top=0 a height=100% */
  .topnav .search-container .search-type-btn{
    top: 0;
    right: 6px;
    height: 100%;
    width: 52px;          /* velký hitbox */
    border-radius: 10px;
  }

  .topnav .search-container .search-type-btn svg{
    width: 24px;
    height: 24px;
  }

  /* dropdown: at je pod inputem a je videt */
  .topnav .search-container .search-type-menu{
    right: 14px;
    top: calc(100% + 6px);
  }
}

/* KONEC TOP MENU and Search BOX */




/*H1-H7 tags */


h1 {
text-align: center; font-size: 13pt; font-family: arial; font-weight: bold; 
margin-bottom: 0px; margin-top: 3px;}


h2  {
text-align: center; font-size: 0pt; font-family: arial; font-weight: bold; 
margin-bottom: 4px; margin-top: 4px;} 

h3 {
text-align: center;
font-size: 10pt; font-family: arial; margin-bottom: 5px; margin-top: 30px;
}

h4 {
text-align: center;
font-size: 10pt; font-family: arial; margin-top: 10px; margin-bottom: 10px;
}

h5 {
text-align: left;
font-family: Arial; font-size: 12pt; padding: 5px; margin-top: 2px; margin-bottom: 2px; padding-top: 0px; 
}

h6 {
text-align: center;
font-size: 0pt; font-family: arial; margin-bottom: 0px; margin-top: 0px;
}

h7 {
text-align: center;
font-size: 10pt; font-family: arial; margin-bottom: 3px; margin-top: 50px;
}

/* KONEC H1-H6 tags */







/* Responsive Images + Tags Settings */

.img-wrap a img{display:block;}
.img-wrap > a{
display:inline-block;
margin-bottom: 1px;
margin-left: 1px;
text-align: left;
word-wrap: break-word;
width: 315px;}
.img-wrap{text-align: center; margin: auto;}


@media (max-width: 570px) {

	.img-wrap{
width: 100%;
.img-wrap{text-align: center; margin: auto;}
	}
}


.img-wrap1 a img{display:block;}
.img-wrap1 > a{
display:inline-block;
margin-bottom: 2px;
margin-top: 4px;
margin-right: 2px;
text-align: left;
word-wrap: break-word;
width: 311px;}
.img-wrap1{text-align: center; margin: auto; background-color: #ffffff; max-width: 98%;}



.img-wrap22 a img{display:block;}
.img-wrap22 > a{
display:inline-block;
margin-bottom: 0px;
margin-left: 5px;
text-align: center;
word-wrap: break-word;


width: 315px;
}
.img-wrap22{text-align: center; margin: auto; }


.img-wrap3 a img{display:block;}
.img-wrap3 > a{
display:inline-block;
margin-bottom: 10px;
margin-left: 1px;
text-align: left;
word-wrap: break-word;
width: 420px;}
.img-wrap3{text-align: center; margin: auto;}



.img-wrap4 a img{display:block;}
.img-wrap4 > a{
display:inline-block;
margin-bottom: 1px;
margin-left: 1px;
text-align: left;
word-wrap: break-word;
width: 300px;}
.img-wrap4{text-align: center; margin: auto;}


.img-wrap5 a img{display:block;}
.img-wrap5 > a{
display:inline-block;
margin-bottom: 10px;
margin-left: 1px;
text-align: left;
word-wrap: break-word;
width: 468px;}
.img-wrap5{text-align: center; margin: auto;}


.img-tags a img{display:block;}
.img-tags > a{
display:inline-block;
margin-bottom: 1px;
margin-left: 1px;
text-align: left;
word-wrap: break-word;
width: 157px;}
.img-tags{text-align: center; margin: auto;}


.reklama{ margin: auto; text-align: center; padding-bottom: 10px;}

.reklama1{padding-left: 10px; margin: auto; text-align: center;}

.reklama2{padding-right: 24px; margin: auto; text-align: center;}

.reklama3{width: 100%; margin: auto; text-align: center; background: #ffffff; padding-bottom: 8px; padding-top: 10px; margin-left: 5px;}
.center-banner {display: flex; justify-content: center; align-items: center; height: auto;}


/* KONEC Responsive Images + Tags Settings */







/* SPECIAL CSS SETTINGS FOR SEARCH GALLERIES */

form.filter{border:1px solid #666666; font-family: Arial; font-size: 12pt; width: auto; height:30px; text-align:left; padding-left:4px; padding-right:4px; padding-top:1px; padding-bottom:1px; background-color:#FFFFFF}
  .results{display:grid; grid-template-columns: repeat(auto-fill,minmax(170px,1fr)); gap:14px;}
  .card{border:1px solid #ddd; padding:8px; border-radius:8px; background:#fff}
  .card img{display:block; width:100%; height:auto; border-radius:6px}
  .muted{color:#666; font-size:13px}
  /* skryj/ukaž pager podle zarízení */
  .pager--desktop { text-align: center; margin-top:25px; margin-bottom:25px; flex-wrap:wrap; gap:6px; font-size: 14pt; }
  .pager--mobile  { display:none;  flex-wrap:wrap; gap:6px; }

  .pager--desktop a, .pager--desktop span,
  .pager--mobile a,  .pager--mobile span {
    padding:6px 10px; border:1px solid #ccc; text-decoration:none; border-radius:6px; margin-left: 5px; background-color: #0066FF; color:#fff;
  }
  .pager--desktop .active, .pager--mobile .active {
    background-color: #0047cc; color:#fff; border-color:#000;
  }

  @media (max-width: 640px) {
    .pager--desktop { display:none; }
    .pager--mobile  { display:block; text-align: center; margin-top:25px; margin-bottom:25px; flex-wrap:wrap; gap:6px; font-size: 14pt;}
  }
  .count{margin:10px 8px}
  
  @media (max-width: 980px) {

	.count{text-align: center}
}

/* SPECIAL CSS SETTINGS FOR SEARCH GALLERIES END*/







/* SPECIAL CSS SETTINGS FOR GALLERIES */
.ex{
  background-color: #EBEBEB;
  color: red;


  margin-top: 0px;
  }
  
r:hover, a.ex:hover  {
  background-color: #EBEBEB;


  margin-top: 0px;
}


.desktop-ads {
background-color: #FFFFFF;
padding-top: 5px;
}


.sponsor {
  width: 100%;
  text-align: center;
  margin: auto;
  }

.sponsor a {color: red; text-decoration: underline; text-align: center;}
.sponsor a:visited { margin: auto; color: red; text-decoration: underline; text-align: center;}
.sponsor {text-align: center; font-size: 20pt; font-family: arial; font-weight: bold; margin-bottom: 35px; margin-top: 10px;}


.advertisement1 {
width: 100%;
margin: auto;
text-align: center;
font-size: 0pt; font-family: arial;
padding-top: 15px;
padding-bottom: 0px;
}

.img-zip{text-align: center; margin: auto; margin-top: 30px; margin-bottom: 30px}

.ads {
text-align: center;
width: 100%;
height: auto;
margin: auto;
margin-top: 0px;
margin-bottom: 20px;
padding-top: 5px;
padding-bottom: 5px;

}

@media (max-width: 970px) {

	.ads{
	text-align: center;
		height: auto;
		margin: auto;
		margin-bottom: 20px;
	}
}


.ads1 {
text-align: center;
width: 100%;
height: auto;
margin: auto;
margin-top: 0px;
margin-bottom: 0px;
padding-top: 5px;
padding-bottom: 0px;
background-color: #EBEBEB;
}


/* Hide on Mobile */
      @media (max-width: 980px) {
        .hidden-mobile {
          display: none;
        }
      }
      
/* Hide element on Desktop */
@media only screen and (min-width: 980px) {
    .hidden-desktop {
        display: none !important;
    }
}

/* Hide element on Tablet */
@media only screen and (min-width: 720px) and (max-width: 1300px){
    .hidden-tablet2 {
        display: none !important;
    }
}

@media (min-width: 300px) and (max-width: 570px){
  .reklama-mobile{
   display: block;
  }
}

@media (max-width: 299px){
  .reklama-mobile{
   display: none;
  }
}

@media (min-width: 571px){
  .reklama-mobile{
   display: none;
  }
}


@media (min-width: 571px) and (max-width: 850px){
  .reklama-tablet{
   display: block;
  }
}

@media (max-width: 570px){
  .reklama-tablet{
   display: none;
  }
}

@media (min-width: 851px){
  .reklama-tablet{
   display: none;
  }
}


@media (min-width: 851px) and (max-width: 1150px){
  .reklama-tablet2{
   display: block;
  }
}

@media (max-width: 850px){
  .reklama-tablet2{
   display: none;
  }
}

@media (min-width: 1300px){
  .reklama-tablet2{
   display: none;
  }
}


@media (min-width: 1300px) and (max-width: 10000px){
  .reklama-desktop{
   display: block;
  }
}

@media (max-width: 1299px){
  .reklama-desktop{
   display: none;
  }
}

@media (min-width: 10001px){
  .reklama-desktop{
   display: none;
  }
}


.btn {
display: none;
  background-color: #0066ff;
  border-top: 1px solid black;
  border-left: 1px solid black;
  border-right: 1px solid black;
  color: white;
  padding: 10px 10px;
  width: 120px;
  text-align: center;
  margin-left: 2px;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
}



/* === jen pro blok 6 random videí === */
.vid-grid{
  display:grid;
  grid-template-columns: repeat(3, 1fr); /* presne 3 vedle sebe na velké šírce */
  gap:20px;
}

@media (max-width: 1024px){
  .vid-grid{ grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 640px){
  .vid-grid{ grid-template-columns: 1fr; }
}

.vcard{
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:12px;
  padding:8px;
  box-shadow:0 1px 2px rgba(0,0,0,.08);
}
.vcard .thumb{
  position:relative;
  overflow:hidden;
  border-radius:10px;
  aspect-ratio:16/9;
  width:100%;
  display:block;
}
.vcard img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:opacity .15s ease;
}
.vcard h3{
  font-size:14px;
  line-height:1.35;
  margin:6px 0 0;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  text-overflow:ellipsis;
  min-height:calc(1.35em * 2);
  text-align: left;
  padding-left: 5px;
}
.vcard a.title-link{ color:inherit; text-decoration:none; }




/* KONEC SPECIAL CSS SETTINGS FOR GALLERIES */












/* SPECIAL CSS SETTINGS FOR PROFILES */


.ads2 {
margin-left: 13px;
height: auto;
}


.zoom {
width: 98%;
height: 146px;
margin: auto;
text-align: left;
margin-top: 10px;
margin-bottom: 0px;
background-color: #FFFFFF;
}


@media (max-width: 600px) {

	.zoom{
		height: 129px;
	}
}



img {
  max-width: 98%;
  height: auto;
  padding-left: 5px;
}




.button {
  text-align: center;
  width: 200px;
  background-color: #0066ff;

  color: black;
  padding: 15px 32px;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  color: white;
}

@media only screen and (max-width: 980px) {
  .button {
  margin: auto;
  text-align: center;
  width: 98%;
  background-color: #0066ff;

  color: black;
  padding: 12px 5px;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  color: white;
  }
}

.button1 a:hover {
  background-color: #0000FF;
  color: white;
}



.button1 {
  width: 99%;
  text-align: right;
  margin-top: 0px;
  margin-bottom: 20px;
}

@media only screen and (max-width: 980px) {
  .button1 {
  width: 99%;
  text-align: right;
  margin-top: 0px;
  margin-bottom: 20px;
  }
}

.button4 {
  text-align: center;
  width: 120px;
  background-color: #666666;
  margin-bottom: 20px;
  color: black;
  padding: 15px 32px;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  color: white;
}

@media only screen and (max-width: 980px) {
  .button4 {
  margin: auto;
  text-align: center;
  width: 296px;
  background-color: #666666;
  margin-bottom: 20px;
  color: black;
  padding: 8px 5px;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  color: white;
  margin-left: 5px;
  }
}


.button3 {
  width: 99%;
  text-align: right;
  margin-top: 0px;
  margin-bottom: 20px;
  cursor: pointer;
}

@media only screen and (max-width: 980px) {
  .button3 {
  width: 99%;
  text-align: center;
  margin-top: 0px;
  margin-bottom: 20px;
  }
}

.button3 :hover {
  background-color: #999999;
}





.grid-name {
width: 98%;
margin: auto;
margin-top: 35px;
  background-color: #E0E0E0;
  padding-top: 5px;
  padding-bottom: 5px;
}

.grid-pages {
width: 98%;
margin: auto;
margin-bottom: 10px;
margin-bottom: 20px;
  display: grid;
  grid-template-columns: auto ;
  grid-gap: 1px;
  background-color: #FFFFFF;
  padding: 1px;
}

.grid-pages > div {
  background-color: #E0E0E0;  
}


.grid-container {
width: 98%;
margin: auto;
margin-bottom: 10px;
  display: grid;
  grid-template-columns: 70% auto ;
  grid-gap: 1px;
  background-color: #E0E0E0;
  padding: 1px;
}

.grid-container > div {
  background-color: #FFFFFF;  
}

.item1 {
font-family: Arial;
font-size: 11pt;
  
  padding: 8px;
    }
  
.item1 a {color: #DE0000 ; text-decoration: none;}
.item1 a:visited { color: #800080; text-decoration: none;}
.item1 a:hover { color: #DE0000; text-decoration: underline; }
.item1 a:active { color: #DE0000; text-decoration: underline; }

.item2 {
font-family: Verdana;
  font-size: 8pt;
  text-align: center;
  padding: 8px;
}

.item2 a { color: #000000; text-decoration: none; }
.item2 a:visited { color: #000000; text-decoration: none;}
.item2 a:hover { color: #000000; text-decoration: underline; }
.item2 a:active { color: #000000; text-decoration: underline; }



/* Bio Text Settings */

.text-bio {
width: 97%;
margin: auto;
margin-bottom: 10px;
margin-bottom: 20px;
  display: grid;
  display: grid;
  grid-template-columns: auto ;
  grid-gap: 1px;
  background-color: #FFFFFF;
  padding: 5px;
    font-family: Arial;
  font-size: 10pt;
}

.whiteback {
background-color: #ffffff;
width: 98%;
 display: block;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  padding-bottom: 10px;
}


/* Video Iframe Settings */
div1 {  width: 405px;   height: 300px;   margin: 0px;   padding: 0px;}
div1:hover {  cursor: pointer;}


@media (min-width: 320px) and (max-width: 570px) {	.div1{width: 98%; height: 200px; text-align: center; margin: auto; #ffffff; max-width: 98%;	}}

.holder {  width: 405px;  height: 300px;  position: relative}

@media (min-width: 320px) and (max-width: 570px) {	.holder{width: 98%; height: 200px; text-align: center; margin: auto; #ffffff; max-width: 98%; position: relative	}}


.frame {  width: 98%;  height: 300px;}

@media (min-width: 320px) and (max-width: 570px) {	.frame{width: 98%; height: 200px; text-align: center; margin: auto; #ffffff; max-width: 98%;}}


.bar {  position: absolute;  top: 0;  bottom: 0;  left: 0;  width: 405px;  height: 300px;}

@media (min-width: 320px) and (max-width: 570px) {	.bar{width: 98%; height: 200px; text-align: center; margin: auto; #ffffff; max-width: 98%; position: absolute;}}

.vid-video a img{display:block;}
.vid-video > a{
display:inline-block;
margin-top: 5px;
margin-bottom: 5px;
margin-left: 1px;
text-align: left;
word-wrap: break-word;
width: 405px;}
.vid-video{text-align: center; margin: auto; max-width: 98%; background-color: #ffffff;}


@media (min-width: 320px) and (max-width: 570px) {

	.vid-video{
width: 100%; height: auto; 
.vid-video{text-align: center; margin: auto; max-width: 100%; }
	}
}


/* KONEC SPECIAL CSS SETTINGS FOR PROFILES */













/* SPECIAL CSS SETTINGS FOR VIDEOS */
.vid {
  position:relative;
}

.model {
width: 95%;
text-align: left;
background-color: #FFFFFF;
height: 165px;
}

@media only screen and (max-width: 980px) {
  .model {
  margin: auto;
width: 95%;
text-align: left;
background-color: #FFFFFF;
padding-top: 15px;
height: auto;
  }
}


.model-mobile {
width: 100%;
text-align: center;
background-color: #FFFFFF;
height: 35px;
padding-top: 15px;
}


.model-mobile a {color: #DE0000 ; text-decoration: underline; font-weight: bold;}
.model-mobile a:visited { color: #800080; text-decoration: underline; font-weight: bold;}
.model-mobile a:hover { color: #DE0000; text-decoration: underline; font-weight: bold;}
.model-mobile a:active { color: #DE0000; text-decoration: underline; font-weight: bold;}


.text-link {

  margin-top: 10px;
  margin-bottom: 30px;
width: 305px;
background-color: #FFFFFF;
text-align: center;
font-size: 12pt; font-family: arial; 
padding: 5px 0px 5px;
}

@media only screen and (max-width: 980px) {
  .text-link {
margin: auto;
margin-top: 10px;
width: 95%;
text-align: center;
background-color: #FFFFFF;
padding: 5px 0px 5px;
  }
}


.text-link a {color: #DE0000 ; text-decoration: underline; font-weight: bold;}
.text-link a:visited { color: #DE000; text-decoration: underline; font-weight: bold;}
.text-link a:hover { color: #DE0000; text-decoration: underline; font-weight: bold;}
.text-link a:active { color: #DE0000; text-decoration: underline; font-weight: bold;}


.menumobile {
  text-align: center;
  font-family: impact;
  font-size: 26pt;
  margin-top: 0px;
  padding-bottom: 10px;
}

.smallspace {
    margin-bottom: 10px;
    }

/* KONEC SPECIAL CSS SETTINGS FOR VIDEOS */









/* SPECIAL CSS SETTINGS FOR CATEGORIES */


.button2 {
  width: 99.4%;
  text-align: right;
  margin-top: 0px;
  margin-bottom: 20px;
}

@media only screen and (max-width: 980px) {
  .button2 {
  width: 99%;
  text-align: center;
  margin-top: 0px;
  margin-bottom: 20px;
  }
}

.button2 :hover {
  background-color: #999999;
}


.button6 {
  text-align: center;
  width: 200px;
  background-color: #666666;
  cursor: pointer;
  color: black;
  padding: 15px 32px;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  color: white;
}

/* KONEC SPECIAL CSS SETTINGS FOR CATEGORIES */




/* SPECIAL CSS SETTINGS FOR CATEGORY INDEX */

.stats-2 {
width: 100%;
margin: auto;
margin-bottom: 30px;
  background-color: #FFFFFF;
  padding-top: 5px;
  padding-bottom: 5px;
  border-style: solid;
  border-color: #E0E0E0;
}

.grid-1 {
width: 100%;
margin: auto;
margin-top: 30px;
  background-color: #E0E0E0;
  padding-top: 1px;
  padding-bottom: 1px;
  border-style: solid;
  border-color: #E0E0E0;

}

.responsive-1 {
  height: 80px;
  text-align: center;
  float: left;
  width: 33.33333333333%;
  margin: auto;
  background-color: #FFFFFF;
  border-style: solid;
  border-color: #E0E0E0;
  box-sizing: border-box;
}

.responsive-1 a { color: #de0000; text-decoration: underline; font-family: Arial; font-size: 12pt; font-weight: bold;}
.responsive-1 a:visited { color: #de0000; text-decoration: underline; font-family: Arial; font-size: 12pt; font-weight: bold;}
.responsive-1 a:hover { color: #de0000; text-decoration: underline; font-family: Arial; font-size: 12pt; font-weight: bold;}
.responsive-1 a:active { color: #de0000; text-decoration: underline; font-family: Arial; font-size: 12pt; font-weight: bold;}

@media only screen and (max-width: 700px) {
  .responsive-1 {
height: 120px;
  }
}

@media only screen and (max-width: 500px) {
  .responsive-1 {
   width: 100%;
   height: 75px;
   }
}

.center2 {
  padding: 17px 0;
}

div.desc {
  padding: 5px;
  text-align: center;
  font-family: Arial;
  font-size: 10pt;
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

.pornstars {
width: 100%;
margin: auto;
margin-top: 30px;
  background-color: #E0E0E0;
  padding-top: 1px;
  padding-bottom: 1px;
  border-style: solid;
  border-color: #E0E0E0;
}

.item4 {
font-family: Arial;
font-size: 11pt;
text-align: left;
  
  padding: 5px;
    }
  
.item4 a {color: #DE0000 ; text-decoration: underline;}
.item4 a:visited { color: #800080; text-decoration: underline;}
.item4 a:hover { color: #DE0000; text-decoration: underline;}
.item4 a:active { color: #DE0000; text-decoration: underline;}

.grid-2 {
width: 100%;
margin: auto;
margin-bottom: 30px;
  background-color: #FFFFFF;
  padding-top: 5px;
  padding-bottom: 5px;
  border-style: solid;
  border-color: #E0E0E0;
}

.responsive {
  padding: 10px 10px;
  float: left;
  width: 25%;
  box-sizing: border-box;
}

@media only screen and (max-width: 700px) {
  .responsive {
    width: 33%;
    
  }
}

@media only screen and (max-width: 500px) {
  .responsive {
   width: 100%;
  }
}

div.gallery img {
  width: 100%;
  height: auto;
}

div.desc2 {
  padding: 5px;
  text-align: left;
  font-family: Arial;
  font-size: 9pt;
}

/* KONEC SPECIAL CSS SETTINGS FOR CATEGORY INDEX */












/* SPECIAL CSS SETTINGS FOR PORNSTAR INDEX */

.search-menus {
text-align: center;
margin: auto;
margin-bottom: 20px;
margin-top: 20px;
background-color: #FFFFFF; 
border: 1px solid #555555;
padding-top: 10px;
padding-bottom: 10px;
}

@media (max-width: 980px) {

.search-menus {
text-align: center;
margin: auto;
margin-bottom: 20px;
margin-top: 20px;
background-color: #EBEBEB; 
border: 0px solid #555555;
}
}


/* výchozí vzhled pro selecty: "prázdný" stav */
.select.is-empty {
  background: #eee;
  color: #666;
}

/* když má select zvolenou hodnotu (neplaceholder) */
.select:not(.is-empty) {
  background: #fff;
  color: #000;
}

/* jemné zvýraznení vyplneného filtru (volitelné) */
.select:not(.is-empty) {
  border-color: #888;
}

/* pokud máš rámecek, at je konzistentní */
.select {
  border: 1px solid #555;
}

/* PURE CSS varianta pro moderní prohlížece (Chrome/Edge/Safari/FF novejší):
   pokud je vybraný option s value="" => "prázdný" stav */
.select:has(option:checked[value=""]) {
  background: #eee;
  color: #666;
  border-color: #555;
}

.search-1 {
width: 315px;
margin-top: 0px;
margin: auto;
background-color: #E0E0E0;
}

.search-11 {
padding: 5px;
width: 305px;
margin: auto;
margin-bottom: 0px;
background-color: #0066ff;
font-family: Arial;
font-size: 11pt;
text-align: center;
color: #ffffff;
}

.searchbox {
  margin-top: 0px;
  margin-bottom: 20px;
  overflow: hidden;
  background-color: #E0E0E0;

}

.searchbox a {
  float: left;
  display: block;
  color: black;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

.searchbox a:hover {
  background-color: #ddd;
  color: black;
}

.searchbox .search-container {
  float: right;
}

.searchbox input[type=text] {
  padding: 5px;
  margin-top: 5px;
  font-size: 17px;
  border: none;
}

.searchbox .search-container button {
  float: right;
  padding: 5px;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-right: 10px;
  background: #999999;
  font-size: 17px;
  border: none;
  cursor: pointer;
}

.searchbox .search-container button:hover {
  background: #ccc;
}

@media screen and (max-width: 600px) {
  .searchbox .search-container {
    float: none;
  }
  .searchbox a, .searchbox input[type=text], .searchbox .search-container button {
    float: none;
    display: block;
    text-align: left;
    width: 100%;
    margin: 0;
    padding: 10px;
  }
  .searchbox input[type=text] {
    border: 1px #ccc;  
  }
}

    .link2 {
text-align: center;
width: 100%;
margin: auto;
margin-top: 30px;
margin-bottom: 30px;
  background-color: #FFFFFF;
  padding-top: 5px;
  padding-bottom: 5px;
  border-style: solid;
  border-color: #E0E0E0;
}

.link2 a { color: #de0000; text-decoration: underline; font-family: Arial; font-size: 11pt; font-weight: bold;}
.link2 a:visited { color: #de0000; text-decoration: underline; font-family: Arial; font-size: 11pt; font-weight: bold;}
.link2 a:hover { color: #de0000; text-decoration: underline; font-family: Arial; font-size: 11pt; font-weight: bold;}
.link2 a:active { color: #de0000; text-decoration: underline; font-family: Arial; font-size: 11pt; font-weight: bold;}

.center {
  padding: 10px 0;
}

  .center3 {
    width: 314px; /* fixní šířka */
    height: 180px; /* fixní výška - slider ji vyplní */
    border: 1px solid #EBEBEB;
    display: block;
  }
  
    .center4 {
    width: 314px; /* fixní šířka */
    height: 300px; /* fixní výška - slider ji vyplní */
    border: 0px solid #EBEBEB;
    display: block;
  }

.pages1 {margin: auto; margin-top: 20px; margin-bottom: 30px; text-align: center;}


.button7 {
  background-color: #DDDDDD; 
  border: 1px solid #555555;
  color: black;
  padding: 5px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 4px;
  cursor: pointer;
}

@media (max-width: 980px) {

.button7 {
  background-color: #DDDDDD; 
  border: 1px solid #555555;
  float: none;
  display: block;
  width: 315px;
  color: black;
  padding: 4px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin-top: 10px;
  margin-bottom: 10px;
  cursor: pointer;
}
}


.select {border:1px solid #666666; font-family: Arial; font-size: 12pt; width: auto; height:30px; text-align:left; padding-left:4px; padding-right:4px; padding-top:1px; padding-bottom:1px; background-color:#FFFFFF}

@media (max-width: 980px) {

	.select{border:1px solid #C0C0C0; font-family: Arial; font-size: 12pt; width: 315px; height:30px; text-align:left; padding-left:4px; padding-right:4px; padding-top:1px; padding-bottom:1px; background-color:#FFFFFF; margin-bottom: 5px;

}
}

@media (min-width: 981px) and (max-width: 1250px) {

	.select{border:1px solid #C0C0C0; font-family: Arial; font-size: 12pt; width: 490px; height:30px; text-align:left; padding-left:4px; padding-right:4px; padding-top:1px; padding-bottom:1px; background-color:#FFFFFF; margin-bottom: 5px;

}
}

/* KONEC SPECIAL CSS SETTINGS FOR PORNSTAR INDEX */










/*SPECIAL CSS SETTINGS FOR VIDEOS INDEX */

.img-tags1 a img{display:block;}
.img-tags1 > a{
display:inline-block;
margin-bottom: 1px;
margin-left: 1px;
text-align: left;
word-wrap: break-word;
width: 178px;}
.img-tags1{text-align: center; margin-left: -4px; margin-right: 0px;}


.pornstars1 {
width: 100%;
margin: auto;
margin-top: 30px;
  background-color: #E0E0E0;
  padding-top: 1px;
  padding-bottom: 1px;

}

/*KONEC SPECIAL CSS SETTINGS FOR VIDEOS INDEX */



/*SPECIAL CSS SETTINGS FOR FACE SEARCH INDEX */
.search-22 {
width: 100%;
margin: auto;
margin-top: 30px;
  background-color: #E0E0E0;
  padding-top: 5px;
  padding-bottom: 5px;
  border-style: solid;
  border-color: #E0E0E0;
  text-align: center;
  font-size: 14pt;
}



.search-face {
text-align: center;
width: 100%;
margin: auto;
margin-top: 0px;
margin-bottom: 30px;
  background-color: #FFFFFF;
  padding-top: 5px;
  padding-bottom: 5px;
  border-style: solid;
  border-color: #E0E0E0;
}


.search-face1 {
text-align: center;
width: 89%;
margin: auto;
margin-top: 0px;
margin-bottom: 30px;
  background-color: #FFFFFF;
  padding-top: 5px;
  padding-bottom: 5px;
  border-style: solid;
  border-color: #E0E0E0;
}



.center-face {
padding-top: 5px;
padding-bottom: 5px;
}


.center-face a { color: #de0000; text-decoration: underline; font-family: Arial; font-size: 16pt; font-weight: bold;}
.center-face a:visited { color: #de0000; text-decoration: underline; font-family: Arial; font-size: 16pt; font-weight: bold;}

/*KONEC SPECIAL CSS SETTINGS FOR FACE SEARCH INDEX */








/*SPECIAL CSS SETTINGS FOR HOMEPAGE */
.stats-1 {
width: 100%;
margin: auto;
margin-top: 30px;
  background-color: #E0E0E0;
  padding-top: 1px;
  padding-bottom: 1px;
  border-style: solid;
  border-color: #E0E0E0;
}


.line1 {
font-family: Arial;
font-size: 11pt;
text-align: left;
  
  padding: 1px;
    }

.line2 {
font-family: Arial;
  font-size: 11pt;
  text-align: left;
  padding: 5px;
}

.line2 a {color: #DE0000 ; text-decoration: underline;}
.line2 a:visited { color: #DE0000; text-decoration: underline;}
.line2 a:hover { color: #DE0000; text-decoration: underline; }
.line2 a:active { color: #DE0000; text-decoration: underline; }

.toplink {
text-align: center;
width: 100%;
margin: auto;
margin-bottom: 30px;
  background-color: #FFFFFF;
  padding-top: 5px;
  padding-bottom: 5px;
  border-style: solid;
  border-color: #E0E0E0;
}

.toplink a { color: #de0000; text-decoration: underline; font-family: Arial; font-size: 18pt; font-weight: bold;}
.toplink a:visited { color: #de0000; text-decoration: underline; font-family: Arial; font-size: 18pt; font-weight: bold;}
.toplink a:hover { color: #de0000; text-decoration: underline; font-family: Arial; font-size: 18pt; font-weight: bold;}
.toplink a:active { color: #de0000; text-decoration: underline; font-family: Arial; font-size: 18pt; font-weight: bold;}


.img-wrap45 a img{display:block;}
.img-wrap45 > a{
display:inline-block;
margin-bottom: 4px;
margin-top: 6px;
margin-right: 2px;
text-align: left;
word-wrap: break-word;
width: 315px;}
.img-wrap45{text-align: center; margin: auto; background-color: #FFFFFF; max-width: 100%;}


.button44 {
  text-align: center;
  width: 120px;
  background-color: #666666;
  margin-bottom: 20px;
  color: black;
  padding: 15px 32px;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  color: white;
}

@media only screen and (max-width: 980px) {
  .button44 {
  margin: auto;
  text-align: center;
  width: 296px;
  background-color: #666666;
  margin-bottom: 20px;
  color: black;
  padding: 8px 5px;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  color: white;
  margin-left: 5px;
  }
}


.button33 {
  width: 100%;
  text-align: right;
  margin-top: 0px;
  margin-bottom: 20px;
  cursor: pointer;
}

@media only screen and (max-width: 980px) {
  .button33 {
  width: 100%;
  text-align: center;
  margin-top: 0px;
  margin-bottom: 20px;
  }
}

.button3 :hover {
  background-color: #999999;
}

.nadpis  {
margin-top: 4px;
margin-bottom: 4px;
text-align: center;
font-size: 12pt; font-family: arial; font-weight: bold; 
} 


.grid-container1 {
width: 100%;
margin: auto;
margin-bottom: 10px;
  display: grid;
  grid-template-columns: 70% auto ;
  grid-gap: 1px;
  background-color: #E0E0E0;
  padding: 1px;
}


.grid-container1 > div {
  background-color: #FFFFFF;
}


.pornstars2 {
width: 100%;
margin: auto;
margin-top: 30px;
  background-color: #E0E0E0;
  padding-top: 1px;
  padding-bottom: 1px;
border: 1px solid #E0E0E0;
text-align: center;
}


.pornstars3 {
width: 100%;
margin: auto;
margin-top: 30px;
  background-color: #E0E0E0;
  padding-top: 1px;
  padding-bottom: 1px;
border: 1px solid #E0E0E0;
text-align: center;
}



.whiteback1 {
background-color: #ffffff;
width: 100%;
 display: block;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  padding-bottom: 10px;
}

.responsive1 {
  height: 40px;
  text-align: center;
  float: left;
  width: 25%;
  margin: auto;
  background-color: #FFFFFF;
  border-style: solid;
  border-color: #E0E0E0;
  box-sizing: border-box;
}

@media only screen and (max-width: 700px) {
  .responsive1 {
height: 80px;
  }
}

@media only screen and (max-width: 500px) {
  .responsive1 {
   width: 100%;
   height: 40px;
   }
}

.responsive1 a { color: #de0000; text-decoration: underline; font-family: Arial; font-size: 12pt;}
.responsive1 a:visited { color: #de0000; text-decoration: underline; font-family: Arial; font-size: 12pt;}
.responsive1 a:hover { color: #de0000; text-decoration: underline; font-family: Arial; font-size: 12pt;}
.responsive1 a:active { color: #de0000; text-decoration: underline; font-family: Arial; font-size: 12pt;}


.grid-11 {
width: 100%;
margin: auto;
margin-top: 35px;
  background-color: #E0E0E0;
  padding-top: 1px;
  padding-bottom: 1px;
  border-style: solid;
  border-color: #E0E0E0;
  text-align: center;
  font-family: Arial;
  font-size: 11pt;
}


.top-pornstars {
margin-top: 30px;
width: 100%;
margin: auto;
  background-color: #E0E0E0;
border: 2px solid #E0E0E0;
text-align: center;
padding-top: 7px;
padding-bottom: 7px;
}

.top-pornstars1 {
width: 100%;
margin: auto;
  background-color: #E0E0E0;
border: 2px solid #E0E0E0;
text-align: center;
padding-top: 0px;
padding-bottom: 0px;
}


.responsive3 {
  padding: 10px 10px;
  float: left;
  width: 25%;
  box-sizing: border-box;
}

@media only screen and (max-width: 700px) {
  .responsive3 {
    width: 33%;
    
  }
}

@media only screen and (max-width: 500px) {
  .responsive3 {
   width: 100%;
  }
}

/*KONEC SPECIAL CSS SETTINGS FOR HOMEPAGE */



/* Pages Settings */
.pages {margin: auto; margin-top: 2px; margin-bottom: 2px; text-align: center;}
.pages1 {margin: auto; margin-top: 20px; margin-bottom: 30px; text-align: center;}


.space {
margin-top: 25px;
}

.bigspace {
margin-bottom: 55px;
}

.img-wrap5 a img{display:block;}
.img-wrap5 > a{
display:inline-block;
margin-bottom: 1px;
margin-left: 1px;
text-align: left;
word-wrap: break-word;
width: 315px;}
.img-wrap5{text-align: center; margin: auto;}


@media (max-width: 570px) {

	.img-wrap5{
width: 100%;
.img-wrap5{text-align: center; margin: auto;}
	}
}
    



/* Footer */
.footer-basic-centered{
	background-color: #E0E0E0;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
	box-sizing: border-box;
	width:100%;
    text-align: center;
	font: normal 18px arial;

	padding: 2px;
	margin-top: 0px;
}

.footer-basic-centered .footer-company-name{
	color:  black;
	font-size: 14px;
	margin: 0;
}

.footer-basic-centered .footer-links{

	font-weight: bold;
	color:  black;
	padding: 10px 0 10px;
	margin: 0;
}

.footer-basic-centered .footer-links a{
	display:inline-block;
	
	color: inherit;
}

@media (max-width: 600px) {

	.footer-basic-centered{
		padding: 5px;
	}

	.footer-basic-centered .footer-company-motto{
		font-size: 14px; padding: 5px;
	}

	.footer-basic-centered .footer-company-name{
		font-size: 12px;
	}

	.footer-basic-centered .footer-links{
		font-size: 14px;
		padding: 5px 0 5px;
	}

	.footer-basic-centered .footer-links a{
		line-height: 1.8; padding: 1px
	}
}


.footer-basic-centered2{
	background-color: #0066FF;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
	box-sizing: border-box;
	width:100%;
    text-align: center;
	font: normal 18px arial;

	padding: 2px;
	margin-top: 0px;
}

.footer-basic-centered2 .footer-company-name{
	color:  black;
	font-size: 14px;
	margin: 0;
}

.footer-basic-centered2 .footer-links2{

	font-weight: bold;
	color:  black;
	padding: 10px 0 10px;
	margin: 0;
}

.footer-basic-centered2 .footer-links a{
	display:inline-block;
	
	color: inherit;
}

@media (max-width: 600px) {

	.footer-basic-centered2{
		padding: 8px;
	}

	.footer-basic-centered2 .footer-company-motto{
		font-size: 18px;
	}

	.footer-basic-centered2 .footer-company-name{
		font-size: 12px;
	}

	.footer-basic-centered2 .footer-links2{
		font-size: 16px;
		padding: 5px 0 5px;
	}

	.footer-basic-centered2 .footer-links2 a{
		line-height: 1.0;
	}
}

.footer-contact {
width: 100%;
text-align: center;
background-color: #FFFFFF;
height: 15px;
padding-top: 10px;
padding-bottom: 10px;
font-size: 12px;
}

.footer-contact2 {
width: 100%;
text-align: center;
background-color: #FFFFFF;
height: 25px;
padding-top: 10px;
padding-bottom: 0px;
font-size: 12px;
}


.footer-contact a {color: #DE0000 ; text-decoration: underline; font-weight: bold; font-size: 14px;}
.footer-contact a:visited { color: #DE0000; text-decoration: underline; font-weight: bold; font-size: 14px;}
.footer-contact a:hover { color: #DE0000; text-decoration: underline; font-weight: bold; font-size: 14px;}
.footer-contact a:active { color: #DE0000; text-decoration: underline; font-weight: bold; font-size: 14px;}

.footer-contact2 a {color: #000000 ; text-decoration: underline; font-weight: bold; font-size: 12px;}
.footer-contact2 a:visited { color: #000000; text-decoration: underline; font-weight: bold; font-size: 12px;}
.footer-contact2 a:hover { color: #000000; text-decoration: underline; font-weight: bold; font-size: 12px;}
.footer-contact2 a:active { color: #000000; text-decoration: underline; font-weight: bold; font-size: 12px;}

.footer-links a {color: #000000 ; text-decoration: none; font-weight: bold; font-size: 18px;}
.footer-links a:visited { color: #000000; text-decoration: none; font-weight: bold; font-size: 18px;}
.footer-links a:hover { color: #000000; text-decoration: underline; font-weight: bold; font-size: 18px;}
.footer-links a:active { color: #000000; text-decoration: underline; font-weight: bold; font-size: 18px;}

.footer-links2 a {color: #ffffff; text-decoration: none; font-weight: bold; font-size: 18px;}
.footer-links2 a:visited { color: #fffffff; text-decoration: none; font-weight: bold; font-size: 18px;}
.footer-links2 a:hover { color: #fffffff; text-decoration: underline; font-weight: bold; font-size: 18px;}
.footer-links2 a:active { color: #ffffff; text-decoration: underline; font-weight: bold; font-size: 18px;}

@media (max-width: 600px) {
.footer-links a {color: #000000 ; text-decoration: none; font-weight: bold; font-size: 3.6vw;}
.footer-links a:visited { color: #000000; text-decoration: none; font-weight: bold; font-size: 3.6vw;}
.footer-links a:hover { color: #000000; text-decoration: underline; font-weight: bold; font-size: 3.6vw;}
.footer-links a:active { color: #000000; text-decoration: underline; font-weight: bold; font-size: 3.6vw;}
}

/* KONEC Footer */

.dot {
  height: 6px;
  width: 6px;
  background-color: #000000;
  border-radius: 50%;
  display: inline-block;
}

.dot2 {
  height: 6px;
  width: 6px;
  background-color: #CCCCCC;
  border-radius: 50%;
  display: inline-block;
}






/* DARK MODE */
html.dark body {
  background-color: #121212;
  color: #e0e0e0;
}

html.dark a {
  color: #ffffff;
}

html.dark .grid-name {  background-color: #666666; border: 2px solid #666666;}


html.dark .img-wrap1 {background-color: #999999;}

@media (max-width: 980px) {

html.dark .img-wrap1{background-color: #000000;}
}




html.dark .img-wrap45{text-align: center; margin: auto; background-color: #999999; max-width: 100%; border: 0px solid #999999;}

@media (max-width: 980px) {

html.dark .img-wrap45 {background-color: #000000;}
}




html.dark .grid-pages {background-color: #999999;}
html.dark .grid-container > div {background-color: #000000;}
html.dark .grid-container1 > div {background-color: #000000;}
html.dark .text-bio {background-color: #333333; border: 1px solid #ccc;}
html.dark div.first {margin-right: 2px;  margin-left: 2px; background-color: #121212; border: 1px solid #ccc;}

@media (max-width: 980px) {
html.dark div.first {border: 0px solid #ccc;}
}


@media (max-width: 980px) {

html.dark	div.first{
background-color: #000000;
	}
}


html.dark .zoom {background-color: #121212; width: 97.5%; border: 1px solid #ccc; height: 144px;}
html.dark .footer-contact {background-color: #000000;}
html.dark .footer-contact2 {background-color: #000000;}

html.dark .footer-contact a {color: #FF9966 ; text-decoration: underline;}
html.dark .footer-contact a:visited { color: #FF9966; text-decoration: underline;}
html.dark .footer-contact a:hover { color: #FF9966; text-decoration: underline; }
html.dark .footer-contact a:active { color: #FF9966; text-decoration: underline; }


html.dark .footer-contact2 a {color: #FF9966 ; text-decoration: none;}
html.dark .footer-contact2 a:visited { color: #FF9966; text-decoration: none;}
html.dark .footer-contact2 a:hover { color: #FF9966; text-decoration: underline; }
html.dark .footer-contact2 a:active { color: #FF9966; text-decoration: underline; }


html.dark .item1 a {color: #FF9966 ; text-decoration: none;}
html.dark .item1 a:visited { color: #FFCCFF; text-decoration: none;}
html.dark .item1 a:hover { color: #FF9966; text-decoration: underline; }
html.dark .item1 a:active { color: #FF9966; text-decoration: underline; }

html.dark .line2 a {color: #FF9966 ; text-decoration: underline;}
html.dark .line2 a:visited { color: #FF9966; text-decoration: underline;}
html.dark .line2 a:hover { color: #FF9966; text-decoration: underline; }
html.dark .line2 a:active { color: #FF9966; text-decoration: underline; }


html.dark .menumobile {
  text-align: center;
  font-family: impact;
  font-size: 26pt;
  margin-top: 0px;
  padding-bottom: 10px;
  background-color: #000000;
}

html.dark .dm {margin-right: 2px;  float: right; color: #000000;}

@media (max-width: 980px) {

html.dark .dm{float: none;}
	}



html.dark .item2 a { color: #ffffff; text-decoration: none; }
html.dark .item2 a:visited { color: #ffffff; text-decoration: none;}
html.dark .item2 a:hover { color: #ffffff; text-decoration: underline; }
html.dark .item2 a:active { color: #ffffff; text-decoration: underline; }

html.dark .item4 a { color: #FF9966; text-decoration: underline; font-family: Arial; font-size: 12pt; font-weight: bold;}
html.dark .item4 a:visited { color: #FF9966; text-decoration: underline; font-family: Arial; font-size: 12pt; font-weight: bold;}
html.dark .item4 a:hover { color: #FF9966; text-decoration: underline; font-family: Arial; font-size: 12pt; font-weight: bold;}
html.dark .item4 a:active { color: #FF9966; text-decoration: underline; font-family: Arial; font-size: 12pt; font-weight: bold;}

html.dark .stats-2 {background-color: #121212; border: 1px solid #666666;}

@media (max-width: 980px) {
html.dark .stats-2 {background-color: #121212; border: 1px solid #666666;}
}

html.dark .pornstars {background-color: #666666; border: 2px solid #666666;}
html.dark .pornstars2 {background-color: #666666; border: 1px solid #666666; width: 100%;}
html.dark .pornstars3 {background-color: #666666; border: 1px solid #ffffff; width: 100%;}
html.dark .stats-1 {background-color: #666666; border: 2px solid #666666;}
html.dark .grid-1 {background-color: #666666; border: 0px solid #666666;}


html.dark .responsive {background-color: #121212; border: 1px solid #666666;  height: 300px;}

@media (max-width: 980px) {
html.dark .responsive {height: 360px;}
}


html.dark .responsive3 {background-color: #121212; border: 1px solid #666666;  height: 300px;}

@media (max-width: 980px) {
html.dark .responsive3 {height: 360px;}
}




html.dark .responsive-1 {background-color: #121212; border: 1px solid #666666;}

html.dark .responsive-1 a { color: #FF9966; text-decoration: underline; font-family: Arial; font-size: 12pt; font-weight: bold;}
html.dark .responsive-1 a:visited { color: #FF9966; text-decoration: underline; font-family: Arial; font-size: 12pt; font-weight: bold;}
html.dark .responsive-1 a:hover { color: #FF9966; text-decoration: underline; font-family: Arial; font-size: 12pt; font-weight: bold;}
html.dark .responsive-1 a:active { color: #FF9966; text-decoration: underline; font-family: Arial; font-size: 12pt; font-weight: bold;}


html.dark .responsive1 {background-color: #121212; border: 1px solid #666666;}

html.dark .responsive1 a { color: #FF9966; text-decoration: underline; font-family: Arial; font-size: 12pt; font-weight: bold;}
html.dark .responsive1 a:visited { color: #FF9966; text-decoration: underline; font-family: Arial; font-size: 12pt; font-weight: bold;}
html.dark .responsive1 a:hover { color: #FF9966; text-decoration: underline; font-family: Arial; font-size: 12pt; font-weight: bold;}
html.dark .responsive1 a:active { color: #FF9966; text-decoration: underline; font-family: Arial; font-size: 12pt; font-weight: bold;}




html.dark .grid-2 {background-color: #121212; border: 0px solid #666666;  padding-top: 1px;  padding-bottom: 1px;}


html.dark .link2 {background-color: #121212; border: 1px solid #666666;}

html.dark .link2 a { color: #FF9966; text-decoration: underline; font-family: Arial; font-size: 12pt; font-weight: bold;}
html.dark .link2 a:visited { color: #FF9966; text-decoration: underline; font-family: Arial; font-size: 12pt; font-weight: bold;}
html.dark .link2 a:hover { color: #FF9966; text-decoration: underline; font-family: Arial; font-size: 12pt; font-weight: bold;}
html.dark .link2 a:active { color: #FF9966; text-decoration: underline; font-family: Arial; font-size: 12pt; font-weight: bold;}


html.dark .search-menus {background-color: #121212; border: 1px solid #666666;}

html.dark .vid-video{text-align: center; margin: auto; max-width: 98%; background-color: #121212; border:}

html.dark .whiteback {background-color: #121212; border: 1px solid #666666; width: 97.9%;}
html.dark .whiteback1 {background-color: #121212; border: 1px solid #666666; width: 99.8%;}

html.dark .frame {border: 1px solid #666666;}


@media (max-width: 980px) {
html.dark .img-tags1 {background-color: #121212; border: 0px solid #666666;}
}

html.dark .pornstars1 {background-color: #666666; border: 2px solid #666666; width: 99.7%;}

html.dark .top-pornstars {background-color: #666666; border: 2px solid #666666; width: 99.7%;}
html.dark .top-pornstars1 {background-color: #666666; border: 2px solid #666666;}

.toplink {
text-align: center;
width: 100%;
margin: auto;
margin-bottom: 30px;
  background-color: #FFFFFF;
  padding-top: 5px;
  padding-bottom: 5px;
  border-style: solid;
  border-color: #E0E0E0;
}

html.dark .toplink {background-color: #121212; border: 1px solid #666666;}

html.dark .toplink a { color: #FF9966; text-decoration: underline; font-family: Arial; font-size: 18pt; font-weight: bold;}
html.dark .toplink a:visited { color: #FF9966; text-decoration: underline; font-family: Arial; font-size: 18pt; font-weight: bold;}
html.dark .toplink a:hover { color: #FF9966; text-decoration: underline; font-family: Arial; font-size: 18pt; font-weight: bold;}
html.dark .toplink a:active { color: #FF9966; text-decoration: underline; font-family: Arial; font-size: 18pt; font-weight: bold;}


html.dark .desc a {color: #FF9966 ; text-decoration: underline;}
html.dark .desc a:visited { color: #FFCCFF; text-decoration: underline;}
html.dark .desc a:hover { color: #FF9966; text-decoration: underline; }
html.dark .desc a:active { color: #FF9966; text-decoration: underline; }

html.dark .desc2 a {color: #FF9966 ; text-decoration: underline;}
html.dark .desc2 a:visited { color: #FFCCFF; text-decoration: underline;}
html.dark .desc2 a:hover { color: #FF9966; text-decoration: underline; }
html.dark .desc2 a:active { color: #FF9966; text-decoration: underline; }

html.dark .desc3 a {color: #FF9966 ; text-decoration: underline;}
html.dark .desc3 a:visited { color: #FFCCFF; text-decoration: underline;}
html.dark .desc3 a:hover { color: #FF9966; text-decoration: underline; }
html.dark .desc3 a:active { color: #FF9966; text-decoration: underline; }

html.dark .desc4 a {color: #FF9966 ; text-decoration: underline;}
html.dark .desc4 a:visited { color: #FFCCFF; text-decoration: underline;}
html.dark .desc4 a:hover { color: #FF9966; text-decoration: underline; }
html.dark .desc4 a:active { color: #FF9966; text-decoration: underline; }

html.dark .desc5 a {color: #FF9966 ; text-decoration: underline;}
html.dark .desc5 a:visited { color: #FFCCFF; text-decoration: underline;}
html.dark .desc5 a:hover { color: #FF9966; text-decoration: underline; }
html.dark .desc5 a:active { color: #FF9966; text-decoration: underline; }


html.dark .div.desc7 {background-color: #121212; border: 1px solid #666666;}

html.dark .desc7 a {color: #FF9966 ; text-decoration: underline;}
html.dark .desc7 a:visited { color: #FF9966; text-decoration: underline;}

html.dark .dot {background-color: #ffffff;}


html.dark .hr.new1 {border-top: 1px solid white; width: 98%;}

html.dark .model {background-color: #121212; border: 1px solid #666666;}

@media (max-width: 980px) {
html.dark .model
{padding-top: 0px;}
}



html.dark .text-link a {color: #FF9966 ; text-decoration: underline;}
html.dark .text-link a:visited { color: #FF9966; text-decoration: underline;}
html.dark .text-link a:hover { color: #FF9966; text-decoration: underline; }
html.dark .text-link a:active { color: #FF9966; text-decoration: underline; }

html.dark .text-link {background-color: #121212; border: 1px solid #666666;}

html.dark .ex{
  background-color: #121212;
  color: #FF9966;


  margin-top: 0px;
  }
  
html.dark .footer-links a {color: #ffffff ; text-decoration: none; font-weight: bold; font-size: 18px;}
html.dark .footer-links a:visited { color: #ffffff; text-decoration: none; font-weight: bold; font-size: 18px;}
html.dark .footer-links a:hover { color: #ffffff; text-decoration: underline; font-weight: bold; font-size: 18px;}
html.dark .footer-links a:active { color: #ffffff; text-decoration: none; font-weight: bold; font-size: 18px;}

@media (max-width: 600px) {
html.dark .footer-links a {color: #ffffff ; text-decoration: none; font-weight: bold; font-size: 3.6vw;}
html.dark .footer-links a:visited { color: #ffffff; text-decoration: none; font-weight: bold; font-size: 3.6vw;}
html.dark .footer-links a:hover { color: #ffffff; text-decoration: underline; font-weight: bold; font-size: 3.6vw;}
html.dark .footer-links a:active { color: #ffffff; text-decoration: underline; font-weight: bold; font-size: 3.6vw;}
}

html.dark .footer-basic-centered{background-color: #666666;}

html.dark .footer-basic-centered .footer-links{color: #ffffff;}

html.dark .center3 {border: 1px solid #121212;}
 
 
html.dark .reklama1{ background-color: #121212;}
 
html.dark .reklama3{background-color: #121212; border: 1px solid #666666;}

html.dark .center-face a { color: #FF9966 ; text-decoration: underline; font-family: Arial; font-size: 16pt; font-weight: bold;}
html.dark .center-face a:visited { color: #FF9966 ; text-decoration: underline; font-family: Arial; font-size: 16pt; font-weight: bold;}

html.dark .search-face {background-color: #121212; border: 1px solid #666666;}
html.dark .search-face1 {background-color: #121212; border: 1px solid #666666;}

html.dark .search-22 {background-color: #666666; border: 2px solid #666666;}

/* ===== FIX PATCH: menu background + search icon + dropdown + dark mode ===== */

/* 1) TOPNAV: dropdown nesmí být oríznutý, ale zároven musíme "vycistit floaty" */
.topnav{
  overflow: visible;                 /* dropdown je videt */
  background-color: #0066ff;         /* jistota, že je modré */
}
.topnav::after{
  content:"";
  display: table;
  clear: both;                       /* clearfix -> vrátí výšku topnav (pozadí) */
}

/* 2) SEARCH: stabilní layout input + ikonka uvnitr */
.topnav .search-container form.menu-search{ margin:0; }

.topnav .search-container .search-wrap{
  position: relative;
  display: inline-block;             /* kompatibilní s float layoutem */
  white-space: nowrap;
}

.topnav .search-container .search-input-wrap{
  position: relative;
  display: inline-block;
  vertical-align: top;
}

/* desktop input: nastavíme pevnou výšku, aby ikonka šla presne centrovat */
.topnav .search-container .search-input-wrap #search-input{
  width: 180px;
  height: 34px;
  line-height: 34px;
  padding: 0 52px 0 10px;            /* vpravo místo pro velkou ikonu */
  margin-top: 8px;                   /* necháme tvuj puvodní spacing */
  font-size: 17px;
  border: none;
  box-sizing: border-box;
}

/* 3) Ikonka = velká klikací plocha, vždy uprostred */
.topnav .search-container .search-type-btn{
  position: absolute;
  right: 6px;
  top: 8px;                          /* zarovnání na input (kvuli margin-top) */
  height: 34px;                      /* stejná výška jako input */
  width: 46px;                       /* velký hitbox */
  margin: 0 !important;
  padding: 0 !important;

  float: none !important;            /* prebije W3Schools float na button */
  background: transparent !important;
  border: 0 !important;

  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  color: #333;                       /* viditelné i na svetlém inputu */
}

.topnav .search-container .search-type-btn:hover{
  background: rgba(0,0,0,.10) !important;
}

.topnav .search-container .search-type-btn svg{
  width: 24px;
  height: 24px;
}

/* 4) Dropdown */
.topnav .search-container .search-type-menu{
  position: absolute;
  right: 16px;
  top: calc(100% + 6px);
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  box-shadow: 0 10px 20px rgba(0,0,0,.12);
  overflow: hidden;
  min-width: 160px;
  display: none;
  z-index: 99999;
}
.topnav .search-container .search-type-menu.open{ display:block; }

.topnav .search-container .stm-item{
  width: 100%;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 12px;
  background: #fff;
  border: 0;
  cursor: pointer;
  text-align: left;
}
.topnav .search-container .stm-item:hover{ background:#f3f4f6; }

/* 5) Dark mode: aby ikonka nezmizela -> udeláme input tmavý */
html.dark .topnav .search-container .search-input-wrap #search-input{
  background: #1f1f1f;
  color: #fff;
  border: 1px solid #333;
}
html.dark .topnav .search-container .search-input-wrap #search-input::placeholder{
  color: rgba(255,255,255,.7);
}
html.dark .topnav .search-container .search-type-btn{
  color: #fff;                       /* ted je ok, protože input je tmavý */
}
html.dark .topnav .search-container .search-type-btn:hover{
  background: rgba(255,255,255,.12) !important;
}
html.dark .topnav .search-container .search-type-menu{
  background:#1f1f1f;
  border-color:#333;
}
html.dark .topnav .search-container .stm-item{ background:#1f1f1f; }
html.dark .topnav .search-container .stm-item:hover{ background:#2a2a2a; }
html.dark .topnav .search-container .stm-text{ color:#fff; }
html.dark .topnav .search-container .stm-ico{ color:#fff; }

/* 6) Mobile režim (tvoje puvodní @media necháme, jen opravíme ikonku uvnitr inputu) */
@media screen and (max-width: 1250px){
  .topnav .search-container .search-wrap{
    display: block;
    white-space: normal;
  }
  .topnav .search-container .search-input-wrap{
    display: block;
    width: 100%;
  }
  .topnav .search-container .search-input-wrap #search-input{
    width: 100%;
    height: 48px;
    line-height: 48px;
    padding: 0 64px 0 14px;          /* víc místa pro prst */
    margin-top: 0;                   /* v mobile tvé CSS dává padding 14px na input */
    border: 1px solid #ccc;
  }
  .topnav .search-container .search-type-btn{
    top: 0;                          /* sedí prímo na input */
    height: 48px;
    width: 54px;
    right: 6px;
    border-radius: 10px;
  }
  .topnav .search-container .search-type-btn svg{
    width: 24px;
    height: 24px;
  }
}

/* 7) Bonus: pokud se ti ztratilo zarovnání H1, vrat to (jen když chceš) */
h1{ text-align:center; }

/* ===== Desktop fixes: same height + dropdown anchored to icon ===== */

/* 1) Desktop: sjednotit výšku input + submit button */
.topnav .search-container .search-input-wrap #search-input{
  height: 34px;
  line-height: 34px;
  margin-top: 8px;
}

.topnav .search-container .search-submit{
  height: 34px;            /* stejné jako input */
  line-height: 34px;
  padding: 0 10px;         /* zruší rozdíly výšky kvuli paddingu */
  margin-top: 8px;
  box-sizing: border-box;
  float: right;            /* necháme kompatibilní s tvým starým stylem */
}

/* ikonka presne podle výšky inputu (at je uprostred) */
.topnav .search-container .search-type-btn{
  top: 8px;
  height: 34px;
}

/* 2) Desktop: dropdown ukotvit pod ikonku / pravý okraj inputu */
.topnav .search-container .search-input-wrap{
  position: relative;      /* kotva pro dropdown */
}

/* dropdown bude zarovnaný k pravému okraji inputu (tj. k ikone) */
.topnav .search-container .search-type-menu{
  right: 0;                /* místo right:16px */
  left: auto;
  top: calc(8px + 34px + 6px); /* 8px (margin-top) + výška inputu + mezera */
  z-index: 99999;
}

/* Mobile necháme jak je (tvoje funguje dobre) */
@media screen and (max-width: 1250px){
  .topnav .search-container .search-submit{
    height: auto;
    line-height: normal;
    padding: 14px;
    margin-top: 10px;
    float: none;
  }
  .topnav .search-container .search-type-menu{
    top: calc(100% + 6px);
    right: 14px;
  }
}

/* ===== FIX: W3Schools .search-container button overrides dropdown buttons ===== */

/* nechceme, aby dropdown tlacítka dedila float:right + margin-right z W3Schools */
.topnav .search-container .search-type-menu button,
.topnav .search-container .search-type-menu .stm-item{
  float: none !important;
  margin: 0 !important;
  padding: 10px 10px !important;
  width: 100% !important;
  background: transparent;      /* background reší .stm-item níž */
  text-align: left !important;
  box-sizing: border-box;
}

/* jistota: samotné položky jsou flex (ikona + text) */
.topnav .search-container .search-type-menu .stm-item{
  display: flex !important;
  align-items: center;
  gap: 8px;
  border: 0;
  cursor: pointer;
  background: #fff;
}

.topnav .search-container .search-type-menu .stm-item:hover{
  background: #f3f4f6;
}

/* ikona + text */
.topnav .search-container .search-type-menu .stm-ico{
  width: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.topnav .search-container .search-type-menu .stm-text{
  font-size: 14px;
  color: #111;
}

/* dark mode pro dropdown */
html.dark .topnav .search-container .search-type-menu .stm-item{
  background: #1f1f1f;
}
html.dark .topnav .search-container .search-type-menu .stm-item:hover{
  background: #2a2a2a;
}
html.dark .topnav .search-container .search-type-menu .stm-text,
html.dark .topnav .search-container .search-type-menu .stm-ico{
  color: #fff;
}

/* ===== MOBILE: keep input tall + icon vertically centered ===== */
@media screen and (max-width: 1250px){

  /* mobilní wrap at má normální flow bez divných výšek */
  .topnav .search-container .menu-search .search-wrap{
    display:block;
    padding:14px;
  }

  /* input vyšší (jako puvodní W3Schools mobil) + místo pro ikonu vpravo */
  .topnav .search-container .menu-search .search-input-wrap{
    position:relative;
    display:block;
    width:100%;
  }

  .topnav .search-container .menu-search input#search-input{
    width:100% !important;
    height:48px !important;
    line-height:48px !important;
    padding:0 54px 0 14px !important;   /* vpravo prostor pro ikonu */
    margin:0 !important;
    box-sizing:border-box;
    border:1px solid #ccc;
  }

  /* ikonka: pres celou výšku inputu (hitbox 48px) + center */
  .topnav .search-container .menu-search .search-type-btn{
    position:absolute !important;
    right:6px !important;
    top:0 !important;
    bottom:0 !important;
    width:48px !important;
    height:auto !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    margin:0 !important;
    padding:0 !important;
    float:none !important;
  }

  .topnav .search-container .menu-search .search-type-btn svg{
    width:22px;
    height:22px;
  }

  /* tlacítko Search pod inputem – jednotná výška */
  .topnav .search-container .menu-search .search-submit{
    width:100% !important;
    display:block !important;
    height:48px !important;
    line-height:48px !important;
    padding:0 14px !important;
    margin:10px 0 0 !important;          /* ta “mezera” bude vždy stejná a cistá */
    float:none !important;
    box-sizing:border-box;
  }

  /* dropdown pod ikonou na mobilu */
  .topnav .search-container .search-type-menu{
    right:14px !important;
    top:calc(48px + 14px + 6px) !important; /* input height + padding-top + gap */
  }
}

/* ===== MOBILE: search area looks like "under menu" (white strip) ===== */
@media screen and (max-width: 1250px){

  /* modré menu zustane */
  .topnav{
    background-color:#0066ff;
  }

  /* search cást bude vizuálne oddelená (bílá) */
  .topnav .search-container{
    float:none !important;
    width:100%;
    background:#ffffff;
    padding:14px;                 /* stejné jako menu položky */
    box-sizing:border-box;
    border-top:1px solid rgba(0,0,0,.08);
  }

  /* padding už reší search-container, tak ho zrušíme na wrapu */
  .topnav .search-container .menu-search .search-wrap{
    padding:0 !important;
  }

  /* at input/button nemají vlastní “menu padding” z puvodního W3Schools media rule */
  .topnav .search-container input[type=text],
  .topnav .search-container button{
    margin:0 !important;
  }

  /* dark mode: search area tmavá (at to nevypálí oci) */
  html.dark .topnav .search-container{
    background:#121212;
    border-top:1px solid rgba(255,255,255,.10);
  }
}

/* ===== FIX mobile overflow: width:100% + padding must be border-box ===== */
@media screen and (max-width: 1250px){

  /* at se padding/border pocítá do šírky */
  .topnav,
  .topnav *{
    box-sizing:border-box;
  }

  /* jistota: nic nepretece doprava */
  .topnav{
    overflow-x:hidden;
  }

  /* W3Schools mobile layout: odkazy + input + button */
  .topnav a,
  .topnav input[type=text],
  .topnav .search-container button{
    width:100%;
    max-width:100%;
  }
}

/* ===== Search text colors ===== */

/* text + placeholder v inputu */
.topnav .search-container input#search-input{
  color:#000;
}

.topnav .search-container input#search-input::placeholder{
  color:#000;
  opacity:1; /* Safari fix */
}

/* text v tlacítku Search */
.topnav .search-container .search-submit{
  color:#000;
}

/* ===== Mobile search button fix ===== */
@media screen and (max-width:1250px){

  .topnav .search-container .search-submit{
    background:#999;   /* tmave šedá */
    color:#000;        /* cerný text */
  }

  .topnav .search-container .search-submit:hover{
    background:#555;
  }

}

/* ===== Mobile: bigger search type icon ===== */
@media screen and (max-width:1250px){

  .topnav .search-container .search-type-btn svg{
    width:24px;
    height:24px;
  }

}

/* === FIX: dropdown menu se nesmí orezávat (mobile videl jen 1 položku) === */
.topnav{ overflow: visible !important; }
.topnav .search-container{ overflow: visible !important; }
.topnav .search-container .search-wrap{ overflow: visible !important; }

/* jistota: dropdown bude nad menu */
.topnav .search-container .search-type-menu{
  z-index: 99999 !important;
}

/* at se ti W3schools pravidlo "button { width:100%; padding:14px }" NEaplikuje na položky dropdownu */
.topnav .search-container .search-type-menu .stm-item{
  float: none !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 10px 10px !important; /* reset na normální */
  display: flex !important;
  text-align: left !important;
}

.dropdown {
  float: left;
  overflow: hidden;
}

.dropdown .dropbtn {
  cursor: pointer;
  font-size: 16px;  
  border: none;
  outline: none;
  color: white;
  padding: 14px 16px;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  float: none;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.dropdown-content a:hover {
  background-color: #0000FF;
}

html.dark .dropdown-content{
  background: #1f1f1f;
}

.show {
  display: block;
}

@media (max-width: 768px) {

  .topnav a,
  .topnav .dropdown,
  .topnav .dropbtn {
    display: block;
    float: none;
    width: 100%;
    text-align: left;
  }

  .topnav {
    display: block;
  }

  .dropdown-content {
    position: relative; /* duležité pro mobil */
    box-shadow: none;
  }

}

@media (max-width: 768px) {

  .topnav a,
  .topnav .dropdown,
  .topnav .dropbtn {
    display: block;
    float: none;
    width: 100%;
    text-align: left;
  }

  .topnav {
    display: block;
  }

}

.blog-content [data-rt-embed-type="true"] {
    display: flex;
    justify-content: center;
    width: 100%;
    overflow-x: auto;
}

.blog-content #purDiv {
    margin-left: auto;
    margin-right: auto;
}