/*========================================================
	 three, four, five column
========================================================*/


.paragraph--position--four > .paragraph-content > .paragraph-content-list,
.paragraph--position--three > .paragraph-content > .paragraph-content-list{
	align-items: inherit;
	justify-content: start;
	flex-wrap: wrap;
	display: flex;
  margin: 0px var(--gapsmallestminus) var(--gapsmallerminus);
}

 
.paragraph--position--three > .paragraph-content > .paragraph-content-list  > div,
.paragraph--position--four > .paragraph-content > .paragraph-content-list  > div{
  padding: 0px var(--gapsmallest);   margin-bottom: var(--gapsmaller);display:flex;
}


.paragraph--position--three > .paragraph-content > .paragraph-content-list  > div{width:33.333%;}
.paragraph--position--four > .paragraph-content > .paragraph-content-list  > div{width:25%;}

@media all and (max-width: 960px) {

.paragraph--position--four > .paragraph-content > .paragraph-content-list, 
.paragraph--position--three > .paragraph-content > .paragraph-content-list {
  justify-content: center;
}

.paragraph--position--three > .paragraph-content > .paragraph-content-list  > div,
.paragraph--position--four > .paragraph-content > .paragraph-content-list  > div{
width:50%;
}

}



@media all and (max-width: 600px) {


.paragraph--position--three > .paragraph-content > .paragraph-content-list  > div,
.paragraph--position--four > .paragraph-content > .paragraph-content-list  > div{
	width:100%; 
    max-width: 600px; 
}

 


}



/*========================================================
	 referencenode
========================================================*/

.referencenodein {
border: 1px solid var(--lightPurple);
}

.referencenodein .field--name-field-body {  
  padding: var(--gapsmaller);
}

/*========================================================
	two
========================================================*/

.pulkyleftsmall,
.paragraph--position--two_first_short  > .paragraph-content > .paragraph-content-list,
.paragraph--position--two > .paragraph-content > .paragraph-content-list{
	align-items: inherit;
	justify-content: start;
	flex-wrap: wrap;
	display: flex;
	margin:0px  var(--gapsmallerminus);
}

.pulkyleftsmallstart{
	align-items: start;
}

.pulkaleftsmall {
padding:0px var(--gapsmaller); 
}

.paragraph--position--two_first_short  > .paragraph-content > .paragraph-content-list > div,
.paragraph--position--two > .paragraph-content > .paragraph-content-list > div{
padding:0px var(--gapsmaller);display:flex;
}

.paragraph--position--two  > .paragraph-content > .paragraph-content-list > div{
width:50%;
}

.pulkaleftsmall.first,
.paragraph--position--two_first_short > .paragraph-content > .paragraph-content-list > div:nth-child(1){width:25%;}

.pulkaleftsmall.last,
.paragraph--position--two_first_short > .paragraph-content > .paragraph-content-list > div:nth-child(2){width:75%;}


@media all and (max-width: 960px) {

.paragraph--position--two > .paragraph-content > .paragraph-content-list{

}

.paragraph--position--two_first_short > .paragraph-content > .paragraph-content-list > div:nth-child(2),
.paragraph--position--two_first_short > .paragraph-content > .paragraph-content-list > div:nth-child(1),
.paragraph--position--two_first_short  > .paragraph-content > .paragraph-content-list > div,
.pulkaleftsmall,
.pulkaleftsmall.last,  .pulkaleftsmall.first,
.paragraph--position--two > .paragraph-content > .paragraph-content-list > div{
	width:100%;
}

.pulkaleftsmall.first,
.paragraph--position--two_first_short  > .paragraph-content > .paragraph-content-list > div:nth-child(1),
.paragraph--position--two > .paragraph-content > .paragraph-content-list > div:nth-child(1){margin-bottom:var(--gapsmaller);}


}

/*========================================================
	fixed
========================================================*/
 

@media all and (min-width: 960px) {


.fixed  {
  position: -webkit-sticky;
  position: sticky;
  top: var(--gapsmall);
  left: 0;
  z-index: 1;

  font-size:var(--basictextSmall);
  line-height:var(--basicHeightSmall);
}


}

/*========================================================
	paragraphs group
========================================================*/

.paragraph--position--bottom > .paragraph-content > .paragraph-content-list{align-items: end;}
.paragraph--position--top > .paragraph-content > .paragraph-content-list{align-items: start;}
.paragraph--position--center > .paragraph-content > .paragraph-content-list{align-items: center;}
.paragraph--position--inherit > .paragraph-content > .paragraph-content-list{align-items: inherit;}
 


/*==============================================================
	start galerie
==============================================================*/ 


.node-napsalionas .field--name-field-image,
.field--name-field-galerie  {
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  align-items: start;
  margin: 0px var(--gapsmallestminus);
}

.node-napsalionas .field--name-field-image > a,
.field--name-field-galerie  .field__item{
  width: 33.33%;
  padding: var(--gapsmallest);
}

a.videog {
  line-height: 1px;
  position: relative;
  overflow: hidden;
  display: flex;
  text-decoration: none;
  width: 100%;
}
 

a.videog img {
  width: 100%;
  object-fit: cover;
  -webkit-transition: .5s all ease-in-out;
  -moz-transition: .5s all ease-in-out;
  -o-transition: .5s all ease-in-out;
  -ms-transition: .5s all ease-in-out;
  transition: .5s all ease-in-out;
}

a.videog:focus img, a.videog:hover img {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
  -webkit-transform-origin: center center 0;
  -moz-transform-origin: center center 0;
  -o-transform-origin: center center 0;
  -ms-transform-origin: center center 0;
  transform-origin: center center 0;
}

a.videog::after {
  width: 50px;
  height: 50px;
  display: block;
  content: "";
  background: url(../images/play-button.svg) no-repeat center center;
  background-size: 100% auto;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -25px;
  margin-top: calc(-25px + var(--gapsmallestminus));

  -webkit-transition: .5s all ease-in-out;
  -moz-transition: .5s all ease-in-out;
  -o-transition: .5s all ease-in-out;
  -ms-transition: .5s all ease-in-out;
  transition: .5s all ease-in-out;
opacity:0.5;
}

a.videog:focus:after, a.videog:hover:after{
opacity:1;

}



@media all and (max-width: 720px){

.field--name-field-galerie  .field__item,
.node-napsalionas .field--name-field-image > a{
width:50%;
}

}


/*===============================================================
	image
===============================================================*/

.paragraph--type--image .inimg{
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
background-repeat:no-repeat;
background-position:center bottom;
}

/*========================================================
	show more and less
========================================================*/


.button .showless{display:none;}


.show .button .showless{display:inline-block;}
.show .button .showmore{display:none;}

.field--name-field-galerie .field__item{
display:none;
}

.field--name-field-galerie .field__item:nth-child(9),
.field--name-field-galerie .field__item:nth-child(8),
.field--name-field-galerie .field__item:nth-child(7),
.field--name-field-galerie .field__item:nth-child(6),
.field--name-field-galerie .field__item:nth-child(5),
.field--name-field-galerie .field__item:nth-child(4),
.field--name-field-galerie .field__item:nth-child(3),
.field--name-field-galerie .field__item:nth-child(2),
.field--name-field-galerie .field__item:nth-child(1){
display:block;
}

.show .field--name-field-galerie .field__item{
display:block;
}

.longtext{
position:relative;
  overflow: hidden;
  max-height: 19em;
}

.longtext:after {
  content: "";
  display: block;
  width: 100%;
  height: 50px;
  position: absolute;
  left: 0px;
  bottom: 0px;
  z-index: 1;
  background: -moz-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
  background: -webkit-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
  background: linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff',endColorstr='#ffffff',GradientType=0);
}

.show .longtext{
  max-height: unset;
  min-height: 0;
}

.show .longtext:after{
display:none;
}




/*========================================================
	obrázky
========================================================*/

.field--name-field-image{
line-height:1px;
}

.field--name-field-image img{
width:100%;
}

/*========================================================
	img - text
========================================================*/


.paragraph-img-txt{
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
display: flex;
}

.paragraph-img-txt-image{
line-height: 1px;
}

/* top */

.paragraph--position--top .paragraph-img-txt-image{  order: 0;width:100%;}
.paragraph--position--top .paragraph-img-txt-body{  order: 1;width:100%;}

/* bottom */

.paragraph--position--bottom .paragraph-img-txt-body{  order: 0;width:100%;}
.paragraph--position--bottom .paragraph-img-txt-image{  order: 1;width:100%;}

/*left */

.paragraph--position--left .paragraph-img-txt-body{  
	order: 1;
	width:50%;
	padding-left:var(--gap);
}

.paragraph--position--left .paragraph-img-txt-image{  
	order: 0;
	width:50%;  
	text-align: left; 
}

/*right*/

.paragraph--position--right .paragraph-img-txt-image{  
	order: 1;
	width:50%;  
	text-align: right; 
}

.paragraph--position--right .paragraph-img-txt-body{  
	order: 0;
	width:50%;
	padding-right:var(--gap);
}

@media all and (max-width: 720px) {


/* left */

.paragraph--position--left .paragraph-img-txt-image{ order: 1; width:100%;  text-align: center;}
.paragraph--position--left .paragraph-img-txt-body{ order: 0; padding-left:0px; width:100%;  }


/* right */

.paragraph--position--right .paragraph-img-txt-image{ order: 1; width:100%;  text-align: center;}
.paragraph--position--right .paragraph-img-txt-body{ order: 0; padding-right:0px; width:100%;  }

}



/*========================================================
	osoby
========================================================*/

.field--name-field-osoby{
color:var(--purple);  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  align-items: inherit;
  margin: 0px var(--gapsmallestminus) var(--gapsmallerminus) ;
}

.field--name-field-osoby > .field__item{
  display: flex;
  justify-content: inherit;
  align-items: inherit;margin-bottom:var(--gapsmaller);
  padding: 0px var(--gapsmallest);
  width:33.333%;
}

.teaser-osoba{
border:1px solid var(--lightPurple);
background:#fff;
padding:var(--gapsmaller);width:100%;
}

@media all and (max-width: 720px) {

.field--name-field-osoby > .field__item{
width:50%;
}

}

@media all and (max-width: 450px) {

.field--name-field-osoby > .field__item{
width:100%;
}

}


/*========================================================
	view
========================================================*/

.node-odbornacinnost > .paragraph  > .body-center:before ,
.node-odbornacinnost > .paragraph  > .center:before ,
.node-akce > .paragraph  > .body-center:before ,
.node-akce > .paragraph  > .center:before ,

.node-lokace > .paragraph  > .body-center:before ,
.node-lokace > .paragraph  > .center:before ,


.node-skoly > .paragraph  > .body-center:before ,
.node-skoly > .paragraph  > .center:before ,

.node-tiskovazprava  > .paragraph  > .body-center:before ,
.node-tiskovazprava  > .paragraph  > .center:before ,

.border_top > .body-center:before ,
.border_top > .center:before {  
margin-top: var(--gapsmall);
margin-bottom: var(--gapsmall);
display:block;content:"";width:100%;height:1px; background: var(--lightPurple);
}



.border_bottom > .body-center:after ,
.border_bottom > .center:after {  
margin-top: var(--gapsmall);
margin-bottom: var(--gapsmall);
display:block;content:"";width:100%;height:1px; background: var(--lightPurple);
}





























/*==============================================================
	background
==============================================================*/ 

.paragraph--position--background {
  background-repeat:no-repeat
background-position: center center ; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
 
.paragraph--position--background  .paragraph-img-txt{
  align-items: start;
  justify-content: end;
  padding:var(--gapsmall) var(--centergap) 0px ;
  float: right;
}

.paragraph--position--background  .paragraph-img-txt-body{
  background: rgba(255,255,255,0.7);
    padding: 30px 30px 10px;
max-width:400px;
}

.paragraph--position--background  .paragraph-img-txt-body .center{
padding:0px;
}

@media all and (max-width: 720px) {

.paragraph--position--background:after{
clear:both;display:block;content:"";
}

}