/* CORE STYLES */
:root { 
  --primary-color:rgba(24, 26, 27, 0.75);
  --overlay-color: rgba(227, 217, 206 , 0.85);
  --menu-speed: 0.0s;
}

* {
  box-sizing: border-box;
/*
@sssssssfont-face {
    font-family: 'Ganaj';
    src: url('../font/ganaj-regular.otf') format('opentype'),
         url('../font/ganaj-regular.ttf') format('truetype'),
         url('../font/ganaj-regular.woff2') format('woff2'),
         url('../font/ganaj-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}*/
	

	
  list-style-type: none;}

body {	background-color: #181b1c;
      	color: #e3d9ce;  /* rgba(236, 177, 75, 1) ;*/  /*rgba(209, 194, 179, 1);*/
      	font-family: 'Advent Pro', sans-serif;
	font-weight: 100;
 	font-style: normal;
	font-size:1.5rem;
	  line-height: 1.3;
	}

@media all and (orientation: landscape){
#mail {	max-height: 20px;
}}
@media all and (orientation: landscape){
#clanok {	font-family:  'Advent Pro',sans-serif;
	font-weight: 300;
	 /* ssline-height: 0.5;
	  ssmargin-left: 50px;
	 ssssmargin-right: 50px; */
	  font-size: 1.5rem;
}}
	
	@media all and (orientation: portrait)  {
#clanok {	font-family:  'Advent Pro',sans-serif;
	font-weight: 300;
	/*  ssssline-height: 1.4;
	  ssssssmargin-left: 30px;
	  ssssssmargin-right: 30px;*/
	  font-size: 1.5rem;
}}

/*
@media all and (orientation: landscape){
#biography {	font-family:  'Advent Pro',sans-serif;
	font-weight: 300;
	  ssline-height: 0.5;
	  margin-left: 200px;
	  margin-right: 200px;
	  font-size: 1.5rem;
}}
	
	@media all and (orientation: portrait)  {
#biography {	font-family:  'Advent Pro',sans-serif;
	font-weight: 300;
	  ssssline-height: 1.4;
	  margin-left: 30px;
	  margin-right: 30px;
	  font-size: 0.8rem;
}}

@media all and (orientation: landscape){
#poetry {	font-family: 'Advent Pro',sans-serif;
	font-weight: 300;
	  ssline-height: 0.5;
	  margin-left: 50px;
	  margin-right: 50px;
	  font-size: 1.5rem;
}}
	
	@media all and (orientation: portrait)  {
#poetry {	font-family: 'Advent Pro',sans-serif;
	font-weight: 300;
	  ssssline-height: 1.4;
	  margin-left: 30px;
	  margin-right: 30px;
	  font-size: 1.5rem;
}}

#sculpt {
}
*/
.contentdiv {
z-index:0 !important ;	
}
.gm {
z-index:0 !important ;	
}
	
img, video, canvas {
	max-width: 100%;
}


.tlacidlo	{
	z-index:6;
	  display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

    -webkit-box-orient: vertical; 
    -moz-box-orient: vertical;
    box-orient: vertical;
    flex-direction: column;

    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    justify-content: center;

    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;  
    align-items: center;

	
	  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
	
	
	float:right;
	align-items: stretch;
	ssssssmargin:1.15vmin;
	align-items: center;
	object-fit: contain;
	background-size: contain;
  max-width: 100%;  
  max-height: 100%;
  filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12,
Color='#444')";
	filter: url(#drop-shadow);
	-webkit-filter: drop-shadow(5px 10px 7px rgba(0.9,0.9,0.9,0.9));
	filter: drop-shadow(5px 10px 7px rgba(0.9,0.9,0.9,0.9));
	
	
	ssdisplay: inline-block;
ssssmargin: 100px auto;
	-webkit-filter: drop-shadow(5px 10px 7px rgba(0.9,0.9,0.9,0.9)) brightness(100%); 
	
	list-style-type: none;
}
	
	

.tlacidlo:hover {
max-width: 100%;
  filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12,
Color='#444')";
	filter: url(#drop-shadow);
	-webkit-filter: drop-shadow(5px 10px 7px rgba(0.9,0.9,0.9,0.9));
	filter: drop-shadow(5px 10px 7px rgba(0.9,0.9,0.9,0.9));
	
	
	ssdisplay: inline-block;
ssssmargin: 100px auto;

-webkit-filter: drop-shadow(5px 10px 7px rgba(0.4,0.4,0.4,0.4)) brightness(60%);
list-style-type: none;
}

@media all and (orientation: landscape)  {
.tlacidlohome	{
	z-index:6;
	  display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

    -webkit-box-orient: vertical; 
    -moz-box-orient: vertical;
    box-orient: vertical;
    flex-direction: column;

    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    justify-content: center;

    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;  
    align-items: center;

	
	  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
	
	
	float:right;
	align-items: stretch;
	ssssssmargin:1.15vmin;
	align-items: center;
	object-fit: contain;
	background-size: contain;
  max-width: 100%;  
  max-height: 100%;
  filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12,
Color='#444')";
	filter: url(#drop-shadow);
	-webkit-filter: drop-shadow(5px 10px 7px rgba(0.9,0.9,0.9,0.9));
	filter: drop-shadow(5px 10px 7px rgba(0.9,0.9,0.9,0.9));
	
	
	ssdisplay: inline-block;
ssssmargin: 100px auto;
	-webkit-filter: drop-shadow(5px 10px 7px rgba(0.9,0.9,0.9,0.9)) brightness(100%); 
	    
    margin-top: -17px;	
}}


@media all and (orientation: portrait)  {
.tlacidlohome	{
	z-index:6;
	  display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

    -webkit-box-orient: vertical; 
    -moz-box-orient: vertical;
    box-orient: vertical;
    flex-direction: column;

    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    justify-content: center;

    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;  
    align-items: center;

	
	  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
	
	
	float:right;
	align-items: stretch;
	sssssssmargin:1.15vmin;
	align-items: center;
	object-fit: contain;
	background-size: contain;
  max-width: 100%;  
  max-height: 100%;
  filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12,
Color='#444')";
	filter: url(#drop-shadow);
	-webkit-filter: drop-shadow(5px 10px 7px rgba(0.9,0.9,0.9,0.9));
	filter: drop-shadow(5px 10px 7px rgba(0.9,0.9,0.9,0.9));
	
	
	ssdisplay: inline-block;
ssssmargin: 100px auto;
	-webkit-filter: drop-shadow(5px 10px 7px rgba(0.9,0.9,0.9,0.9)) brightness(100%); 
  
    margin-top: -13px;	
}}


/*
.sssssstlacidlohome	{
	float: right;
  ssssmax-width: 100%;
  filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12,
Color='#444')";
	filter: url(#drop-shadow);
	-webkit-filter: drop-shadow(5px 10px 7px rgba(0.9,0.9,0.9,0.9));
	filter: drop-shadow(5px 10px 7px rgba(0.9,0.9,0.9,0.9));
	
	
	ssdisplay: inline-block;
ssssmargin: 100px auto;
	-webkit-filter: drop-shadow(5px 10px 7px rgba(0.9,0.9,0.9,0.9)) brightness(100%); 
	
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
transition: all 0.2s ease;       	

    margin: 11px;
    margin-top: -6px;
ssswidth:( height * 1.3181818181818181818181818181818);
padding-left:35%;
}
	*/
	

.tlacidlohome:hover {
ssssmax-width: 100%;
  filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12,
Color='#444')";
	filter: url(#drop-shadow);
	-webkit-filter: drop-shadow(5px 10px 7px rgba(0.9,0.9,0.9,0.9));
	filter: drop-shadow(5px 10px 7px rgba(0.9,0.9,0.9,0.9));
	
	
	ssdisplay: inline-block;
ssssmargin: 100px auto;

-webkit-filter: drop-shadow(5px 10px 7px rgba(0.4,0.4,0.4,0.4)) brightness(60%);
}





.menuvlado {
color: white;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 1;
}

.menuvlado .toggler {
color: white;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  cursor: pointer;
  width: 70px; 
  height: 80px; 
  opacity: 0;
}

.menuvlado .hamburger {
	background-color: rgba(35, 30, 30, ,0.75); s#231e1e;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  width: 80px;
  height: 90px;
  padding: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Hamburger Line */
.menuvlado .hamburger > div {
  position: relative;
  flex: none;
  width: 100%;
  height: 2px;
  background: rgba(227, 217, 206 , 0.85);
  display: flex;
  align-items: center;
  justify-content: center;
  ssstransition: all 0.4s ease;
}

/* Hamburger Lines - Top & Bottom */
.menuvlado .hamburger > div::before,
.menuvlado .hamburger > div::after {
  content: '';
  position: absolute;
  z-index: 1;
  top: -10px;
  width: 100%;
  height: 2px;
  background: rgba(227, 217, 206 , 0.85);
}

/* Moves Line Down */
.menuvlado .hamburger > div::after {
  top: 10px;
}

@media all and (orientation: portrait){
	
.menuvlado .toggler {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  cursor: pointer;
  width: 90px; 
  height: 110px; 
  opacity: 0;
}	
	
	
	
.menuvlado .hamburger {
	background-color: rgba(35, 30, 30, ,0.75); s#231e1e;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  width: 100px;
  height: 120px;
  padding: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
}


/* Hamburger Line */
.menuvlado .hamburger > div {
  position: relative;
  flex: none;
  width: 100%;
  height: 3px;
  background: rgba(227, 217, 206 , 0.85);
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Hamburger Lines - Top & Bottom */
.menuvlado .hamburger > div::before,
.menuvlado .hamburger > div::after {
  content: '';
  position: absolute;
  z-index: 1;
  top: -20px;
  width: 100%;
  height: 3px;
  background: rgba(227, 217, 206 , 0.85);
}

/* Moves Line Down */
.menuvlado .hamburger > div::after {
  top: 20px;
}}


/* Toggler Animation */
.menuvlado .toggler:checked + .hamburger > div {
  transform: rotate(135deg);
}

/* Turns Lines Into X */
.menuvlado .toggler:checked + .hamburger > div:before,
.menuvlado .toggler:checked + .hamburger > div:after {
  top: 0;
  transform: rotate(90deg);
}

/* Rotate On Hover When Checked
.menuvlado .toggler:checked:hover + .hamburger > div {
  transform: rotate(225deg);
} */

/* Show Menu */
.menuvlado .toggler:checked ~ .menu_vlado{
  visibility: visible;
}

.menuvlado .toggler:checked ~ .menu_vlado> div {
  transform: scale(1);
  transition-duration: var(--menu-speed);
}

.menuvlado .toggler:checked ~ .menu_vlado> div > div {
  opacity: 1;
  z-index:2;
  
    max-height: 900px;
  sssstransition:  opacity 0.4s ease 0.4s;
}


/* skryt nazvy tlacidiel menu */
span.image-title.visually-hidden {
    font-size: 0px;
}


.menuvlado .menu_vlado{
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  visibility: hidden;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  
}

.menuvlado .menu_vlado> div {
  background: rgba(35, 30, 30, 1);
  border-radius: 50%;
  width: 300vw;
  height: 300vw;
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  transform: scale(0);
  ssstransition: all 0.4s ease;
  z-index: 5;
   -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);  
}

.menuvlado .menu_vlado> div > div {
	  sssdisplay: -webkit-box;
    sssdisplay: -moz-box;
    sssdisplay: -ms-flexbox;
    sssdisplay: -webkit-flex;
    sssdisplay: flex;

    -webkit-box-orient: vertical; 
    -moz-box-orient: vertical;
    box-orient: vertical;
    flex-direction: column;

    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    justify-content: center;

    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;  
    align-items: center;

	
	  sssdisplay: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
	
	
	ssfloat:right;
	align-items: stretch;
	margin:10px;
	align-items: center;
	object-fit: contain;
	background-size: contain;
  max-width: 100%;  
  max-height: 100%;
	
	
	
	
	
  text-align: center;
 /*max-width: 90vw;
 max-height: 100vh;*/
 max-width: 100vmin;
 max-height: 100vmin;
  opacity: 0;
  ssstransition: opacity 0.4s ease;
  column-count: 3;
}

@media all and (orientation: landscape)  {
.menuvlado .menu_vlado> div > div > ul > li {
  list-style: none;
  color: rgba(227, 217, 206 , 0.85);
  font-family: 'Advent Pro',sans-serif;
  font-size: 3rem;
  line-height: 1.2;
  spadding: 1rem;

  }}

.menuvlado .menu_vlado> div > div > ul > li::after {
content:after;
}

/* Mobile Styles */
@media all and (orientation: portrait)  {
.menuvlado .menu_vlado> div > div > ul > li {
  list-style: none;
  color: rgba(227, 217, 206 , 0.85);
  font-family: 'Advent Pro',sans-serif;
  font-size: 4rem;
  spadding: 1rem;

}}




.menuvlado .menu_vlado > div > div > ul > li > a {
  ssssscolor: rgba(227, 217, 206 , 0.85);
  text-decoration: none;
  sssstransition: color 0.4s ease;
}













.menuvladohome {
    width: 100%;
  height: 100%;
  visibility: visible;
  display: flex;
  align-items: center;
  justify-content: center;
  
}


.menuvladohome .menu_vladohome> div {
  background: rgba(35, 30, 30, 1);
  border-radius: 50%;
  width: 300vw;
  height: 300vw;
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  transform: scale(0);
  ssstransition: all 0.4s ease;
  z-index: 5;
   -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);  
}

.menuvladohome .menu_vladohome> div > div {
	  sssdisplay: -webkit-box;
    sssdisplay: -moz-box;
    sssdisplay: -ms-flexbox;
    sssdisplay: -webkit-flex;
    sssdisplay: flex;

    -webkit-box-orient: vertical; 
    -moz-box-orient: vertical;
    box-orient: vertical;
    flex-direction: column;

    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    justify-content: center;

    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;  
    align-items: center;

	
	  sssdisplay: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
	
	
	ssfloat:right;
	align-items: stretch;
	margin:10px;
	align-items: center;
	object-fit: contain;
	background-size: contain;
  max-width: 100%;  
  max-height: 100%;
	
	
	
	
	
  text-align: center;
 /*max-width: 90vw;
 max-height: 100vh;*/
 max-width: 100vmin;
 max-height: 100vmin;
  opacity: 0;
  ssstransition: opacity 0.4s ease;
  column-count: 2;
}

@media all and (orientation: landscape)  {
.menuvladohome .menu_vladohome> div > div > ul > li {
  list-style: none;
  color: rgba(227, 217, 206 , 0.85);
  font-family: 'Advent Pro',sans-serif;
  font-size: 3rem;
  line-height: 1.2;
  spadding: 1rem;

  }}

.menuvladohome .menu_vladohome> div > div > ul > li::after {
content:after;
}

/* Mobile Styles */
@media all and (orientation: portrait)  {
.menuvladohome .menu_vladohome> div > div > ul > li {
  list-style: none;
  color: rgba(227, 217, 206 , 0.85);
  font-family: 'Advent Pro',sans-serif;
  font-size: 4rem;
  spadding: 1rem;

}}




.menuvladohome .menu_vladohome > div > div > ul > li > a {
  ssssscolor: rgba(227, 217, 206 , 0.85);
  text-decoration: none;
  sssstransition: color 0.4s ease;
}















	
a {text-decoration:none;
	color:#e3d9ce;
	}
	
a:hover {color:cyan;}

.wrapper {aaaaaamax-width: 960px;
  margin: auto;
  aaaoverflow: hidden;
  aaaapadding: 0 0rem;
 min-height:500px;
  background: rgba(130, 110, 39, 0.75);
  color: #fff;
  height: 100vh;
  position: relative;
}

.wrapper:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.wrapper .wrapper-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 100%;
}

	
#nadpis  {font-weight: 300;
list-style-type: none;
padding: 15px;

}

@media all and (orientation: landscape){
#nadpis  {font-weight: 300;
list-style-type: none;
ssssmargin: 0px 500px 0px 300px;

}}

	
#nadpis a {text-decoration:none;
	color:#e3d9ce;
	text-shadow: 3px 4px 10px black;
	list-style-type: none;  

	}
	



#content	{XXXXXXbackground-image: url("../images/bgss.png")XXXXX;
			XXXXXXXXpadding: 200px;
			sssssmargin: auto;
                 font-size: 12 px;
				 z-index:1;
		margin-top: -30px;
 			}


#clanok a	{text-decoration:underline;}



@media all and (orientation: landscape){
#copyright	{line-height: 0.5;
margin-top: 100px;
	float:left;
	min-height:50px;
			width:100%;
			font-size: 1.5rem;
			padding:6px;}}

@media all and (orientation: portrait){
#copyright	{line-height: 0.5;
font-size: 1.5rem;
margin-top: 200px;
	float:left;
	min-height:50px;
			width:100%;
			padding:6px;}}
	
	
/*	
.read-more-state {
  display: none;
}

.read-more-target {
	sposition:absolute;
left:-10000px;
top:auto;
swidth:1px;
sheight:1px;
soverflow:hidden;

	  display: none;
  sopacity: 0;
  svisibility: hidden;
  smax-height: 0;
  sfont-size: 0;
  transition: .25s ease;
}

.read-more-state:checked ~ .read-more-wrap .read-more-target {
	sposition:relative;
	left:10000px
top:auto;
swidth:auto;
sheight:auto;
soverflow:visible;
	  transition: .25s ease;
	
display: block;
  sopacity: 1;
  svisibility: visible;
  sfont-size: inherit;
  smax-height: 999em;
}



.read-more-state ~ .read-more-trigger:before {
  content: 'Show more...';
}

.read-more-state:checked ~ .read-more-trigger:before {
  content: 'Show less';
}
@media all and (orientation: landscape){
.read-more-trigger {
  position:absolute;
  cursor: pointer;
  display: inline-block;
  padding: 0 .5em;
  color: lightgrey;  
  font-size: 1em;
  sbackground-color: black;
  line-height: 2;
  border: 1px solid #ddd;
  sborder-radius: 2.25em;
  border-color:#666;
  z-index:5;
  margin-left: 100px;
  transition: opacity 1s ease-in-out;
}

.read-more-trigger:hover {
  opacity: 0.5;
}}

@media all and (orientation: portrait){
.read-more-trigger {
  position:absolute;
  cursor: pointer;
  sdisplay: inline-block;
  padding: .5em;
  color: lightgrey;  
  font-size: 3em;
  sbackground-color: black;
  line-height: 1;
  border: 1px solid #ddd;
  sborder-radius: 2.25em;
  border-color:#666;
  z-index:5;
  margin-left: 100px;
  smin-width:350px;
}}
*/

ul.sigFreeClassic {list-style-type: none;

  display: block;
  align-items: center;
align-content:center;
align-images:center;
margin:auto;
display: flex;
  flex-wrap: wrap;
  align-content: center;
  align-items: center;
text-align: center;

    justify-content: center;
}


.sigFreeContainer {
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  align-items: center;
}

.sigFreeClassic {
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  align-items: center;
}


.sigFreeThumb {
display: inline-block;
}


@media all and (orientation: portrait){
.fancybox-button {
padding:0px;
height:50px;
width:100px;}}


.fancybox-caption {color: #747474;
text-align: right;
background: none
position: relative; }


.fancybox-caption__body {color: #747474;
text-align: right;
background: none;
position: relative;  
  display: none;
ssssssanimation: hideAnimation 0s ease-in 5s;
  sssssssssssanimation-fill-mode: forwards;}

.fancybox-is-open .fancybox-bg {
  opacity: 1;
 /* transition-timing-function: unset;*/
  transition-timing-function: cubic-bezier(.22,.61,.36,1);
}

.fancybox-progress {
    background: black;
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scaleX(0);
    transform-origin: 0;
    transition-property: transform;
    transition-timing-function: linear;
    z-index: 99998;
}

@keyframes hideAnimation {
  to {
    visibility: hidden;
    width: 0;
    height: 0;
  }
}

.fancybox-error p:before {
  content: "Image viewing is not optimized for Edge and Explorer (no avif support). Please, use another browser.";
font-size: 30px;
}

.fancybox-error p {
  font-size: 0px;
}

.pagenavcounter{
	margin-left: 40px;
	font-size: 0px;
}

.pagination{
font-size: 3rem;
text-align: center;
}

h2{
font-size: 2rem;
padding-left: 40px;
}

p{
padding-left: 40px;
font-size: 1.5rem;
}

h3 {
padding-left: 40px;
font-size: 1.5rem;
}

ul.nav.flex-column{
    margin-block-start: 0em;
    margin-block-end: 0em;
}

.viewer .watermark a{
opacity:0;
display:none;
}

.viewer .controls a, .viewer .controls p {
    opacity: 0;
}

.viewer .titlebar{
opacity:0;
}

.viewer .controls {
  opacity: 0;
}
.zmiz a{ opacity: 0;}
.zmiza a{ opacity: 0;}

.avPlayerWrapper {
width:700px;
margin:0px;
}