@import "print.css";



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

:root {  

	--fontFamily:  'centrumparticipace',Arial,Helvetica,"Nimbus Sans L",sans-serif;

	--transitionAll:.3s all ease-in-out;
	--transitionTop:.3s top ease-in-out;


	--gapbig: 100px;
	--gapbigminus: -100px;

	--gap: 60px;
	--gapminus: -60px;

	--gapsmall: 30px;
	--gapsmallminus:-30px;


	--center: 1600px;
	--centernorrow: 1200px;

	--centerpadding: 60px;
	--centerpaddingminus:-60px;

	--black:#000; 

	--blue: #024659;
	--yellow: #FADB00;
	--pink: #FF2D59;
	--white:#fff;
	--darkGray: #1f1f1f;
	--darkGray2: #2d2d2d;

	--lightGray:#eaeaea;
	--gray:#ddd;
	--gray2:#777777 ;
	

	--textColor: var(--black);
	--hr:var(--gray);
	--border: var(--gray);

	--link: var(--blue);
	--linkHover: var(--pink);

	--buttonColorText:var(--pink);
	--buttonColor:var(--pink);

	--buttonColorHover:var(--pink);
	--buttonColorTextHover:var(--white);
	--hColor:var(--black);

	--bigNumber: 120px;

	--h1: 55px;
	--h2: 40px;
	--h35: 35px;
	--h3: 28px;
	--button: 18px;
	--buttonBig: 20px;

	--menusize: 16px;
	--menusize2: 15px;

	--small: 15px;
	--big: 22px;

	--label: 18px;
	--basictext:  18px;
	--tabletext: 18px;
	--buttonPadding: 15px 25px;
	--buttonPaddingBig: 20px 50px;


}

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

:root{

	--gapbig: 60px;
	--gapbigminus: -60px;

	--gap: 40px;
	--gapminus: -40px;

	--gapsmall: 20px;
	--gapsmallminus:-20px;

	--centerpadding: 30px;
	--centerpaddingminus:-30px;
 
	--menusize: 22px;
	--menusize2: 18px;

	--bigNumber: 60px;

 

	--h1: 35px;
	--h2: 30px;
	--h35: 25px;
	--h3: 25px;

  	--label: 17px;
  	--basictext: 17px;
  	--tabletext: 17px;
	--small: 15px;
	--big: 20px;


	--button: 16px;
	--buttonBig:18px;
	--buttonPadding: 10px 20px;
	--buttonPaddingBig: 15px 30px;
}

}

body{
margin:0px;
padding:0px;
font-weight: 400;
font-family: var(--fontFamily);
font-size: var(--basictext);
line-height: 1.5em;
color: var(--textColor);
background: var(--darkGray);
min-width:1200px;
scroll-behavior: smooth;
overscroll-behavior: contain;
-webkit-overflow-scrolling: touch;
}

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

body{
min-width:0px;
}

}

.layout-container{
  background: var(--white);
}

/*==============================================================================================================
	odsazeni
==============================================================================================================*/


.odsazeni_zhora{margin-top:var(--gap);}
.odsazeni_zespoda{margin-bottom:var(--gap);}

.margin_top_big{margin-top:var(--gapbig);}
.margin_bottom_big{margin-bottom:var(--gapbig);}

.margin_top_small{margin-top:var(--gapsmall);}
.margin_bottom_small{margin-bottom:var(--gapsmall);}


.padding_top_big{padding-top:var(--gapbig);}
.padding_bottom_big{padding-bottom:var(--gapbig);}
.padding_top{padding-top:var(--gap);}
.padding_bottom{padding-bottom:var(--gap);}
.padding_top_small{padding-top:var(--gapsmall);}
.padding_bottom_small{padding-bottom:var(--gapsmall);}


/*==================================================================================================================================
		center
==================================================================================================================================*/

.layout-content {
padding-bottom:var(--gapbig);
padding-top:var(--gapsmall);

}


.paragraph--position--center_narrow  > .paragraph-content,
.path-user .layout-content,
#block-drualas-theme-primary-local-tasks .inner-block,
.paragraph--position--centred > .paragraph-content,
.body-center,
.paragraph-form,
.center,
#cookies-docs{width: 100%;
max-width:var(--center);margin:0px auto;padding:0px  var(--centerpadding);
  position: relative;
}

.center_narrow  ,
.paragraph--position--center_narrow  > .paragraph-content{
max-width:var(--centernorrow);width: 100%;
margin:0px auto;padding:0px  var(--centerpadding);
  position: relative;
}

.paragraph--position--center_narrow  > .paragraph-content  .paragraph--position--center_narrow  > .paragraph-content, 
.center  .paragraph--position--center_narrow  > .paragraph-content, 
.paragraph--position--centred .paragraph--position--center_narrow  > .paragraph-content, 
.center .paragraph--position--centred > .paragraph-content,
.center .center,
.paragraph--position--centred > .paragraph-content .paragraph--position--centred > .paragraph-content{padding:0px;}



/*==============================================================================================================
	down 
==============================================================================================================*/

#downl a{
  z-index: 1;  content: "";
  display: block;
  position: absolute;
  width: 41px;
  margin: auto; 
  height: 17px;
  background: url(../images/down.svg) center top no-repeat;background-size:100% auto;
  bottom: 30px;
	-webkit-transition: var(--transitionAll);
	-moz-transition:var(--transitionAll);
	-o-transition:var(--transitionAll);
	-ms-transition:var(--transitionAll);
	transition: var(--transitionAll);
left: 50%;
  margin-left: -13px;
}

/*==================================================================================================================================
		footer
==================================================================================================================================*/

.region-bottom{
background:var(--darkGray2);
  --link: var(--white);
  --linkHover: var(--white);
  --textColor: var(--white);

color: var(--textColor);  

padding:var(--gap) 0px;
}

.region-bottom .center{
  gap: var(--gapsmall);
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

#block-drualas-theme-leftfooter .field--name-body{
  display: flex;
  gap: 10px 20px;
  align-items: center;
}

#block-drualas-theme-rightfooter .field--name-body{

}

#block-drualas-theme-leftfooter p{

}

#block-drualas-theme-leftfooter img{
width:120px;
}

.socky,
.napiste{
  display: flex;
  align-items: center;
  gap: 5px 10px;
  flex-wrap: wrap;
}

.napiste strong,
.socky strong{
display:block;margin-bottom:0px;
}

.zastupujete .field--name-field-body a,
.napiste a{
  text-transform: uppercase;  border: 1px solid var(--buttonColor);
  background-color: transparent;
  color: var(--buttonColorText);
  font-weight: 500;
  min-height: 0px;
  font-size: var(--button);
  line-height: 1em;
  padding: var(--buttonPadding); 
  margin: 0px;  text-align: center;
  text-decoration: none;
  display: inline-block;
 -webkit-transition: var(--transitionAll);
	-moz-transition:var(--transitionAll);
	-o-transition:var(--transitionAll);
	-ms-transition:var(--transitionAll);
	transition: var(--transitionAll);
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
}


.zastupujete .field--name-field-body a:hover,
.zastupujete .field--name-field-body a:focus,
.napiste a:hover,
.napiste a:focus{  
  border-color: var(--buttonColorHover);
  background-color: var(--buttonColorHover);
  color: var(--buttonColorTextHover);
}


.socs {
  display: flex;
  gap: 10px;
}

.socs a{
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  display: block;
  width: 40px;
  height: 40px;
  line-height: 100em;
  overflow: hidden;
  border:1px solid var(--pink);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 20px auto;
}


.socs a.soc1{
  background-image: url(../images/fb.svg);
}

.socs a.soc2 {
  background-image: url(../images/instagram.svg);
}

.socs a.soc1:focus,
.socs a.soc1:hover{
  background-color:var(--pink);
  background-image: url(../images/fb-a.svg);
}

.socs a.soc2:hover,
.socs a.soc2:focus {
  background-color:var(--pink);
  background-image: url(../images/instagram-a.svg);
}


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

.region-bottom .center {
  justify-content: center;
}

.socky, .napiste {
  flex-direction: column;
}

#block-drualas-theme-leftfooter .field--name-body{
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
}

}

 

/*==================================================================================================================================
		total bottom
==================================================================================================================================*/

.region-totalbottom{
  --link: var(--gray2);
  --linkHover: var(--white);
  --textColor: var(--gray2);
color: var(--textColor);  
}

.region-totalbottom .field--name-body{
padding:20px 0px;
font-size:15px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 10px var(--centerpadding);
}

.region-totalbottom .field--name-body a{
text-decoration:none;
}


.region-totalbottom .field--name-body p{
margin:0px;
}


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

.region-totalbottom .field--name-body{
  justify-content: center;
}

}


/*==================================================================================================================================
		header
==================================================================================================================================*/

#header{
width:100%;
position:fixed;
top:0px;left:0px;
	-webkit-transition: var(--transitionAll);
	-moz-transition:var(--transitionAll);
	-o-transition:var(--transitionAll);
	-ms-transition:var(--transitionAll);
	transition: var(--transitionAll);
-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0); 
box-shadow: 0px 0px 15px 0px rgba(0,0,0,0);
background:var(--white);
  z-index: 10;
}

.scrolltop2 #header{
-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3); 
box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);
}

.region-header{
  display: flex;
  justify-content: space-between;
padding:20px var(--centerpadding);
  align-items: center;
}

#block-drualas-theme-site-branding{
  flex-shrink: 0;
}


a.site-logo{
width:160px;
 line-height: 1px;
display:block;
}

.header-around{padding-top:90px;
}


.user-logged-in #header{
top: 80px;
}

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

.header-around{
padding-top:70px;
}

.region-header{
padding:10px var(--centerpadding);
}

a.site-logo{
	width:130px;
}

}

/*==================================================================================================================================
		Front
==================================================================================================================================*/

.kolem-sebe{

}



.rozcestniky{
  display: flex;
  margin: 0px -20px;
  justify-content: center;
  align-content: inherit;
}

.rozcestnik{
   display: flex;
  align-content: inherit;
  width: 33.333%;
  padding: 0px 20px;
  justify-content: inherit;
}

.rozcestnik a{
display:block;
  width: 100%;
position:relative;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
padding-top:125%;
overflow:hidden;
  -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0);
  box-shadow: 0px 0px 15px 0px rgba(0,0,0,0);
  font-size: var(--h35);
  text-transform: uppercase;
  line-height: 1.2em;
  font-weight: 700;
  text-decoration: none;
  color: white;
overflow:hidden;
}

.rozcestnik a:focus,
.rozcestnik a:hover{
  transform: scale(1.05);
  -webkit-transform: scale(1.05);

  -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);
  box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);
}


.rozcestnik-bg{
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
background-repeat:no-repeat;
background-position:center center;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;

  -webkit-transition: .3s all ease-in-out;
  -moz-transition: .3s all ease-in-out;
  -o-transition: .3s all ease-in-out;
  -ms-transition: .3s all ease-in-out;
  transition: .3s all ease-in-out;
}

.rozcestnik a:focus .rozcestnik-bg,
.rozcestnik a:hover .rozcestnik-bg{
  -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;
}


.rozcestnik a:after{
display:block;content:"";width:50px;height:37px;
background:url(../images/icon-white.svg) no-repeat center center;
background-size:100% auto;
position:absolute;
  top: var(--gapsmall);
  left: var(--gapsmall);
z-index:2;
}

.rozcestnik a p{
  position: absolute;
  padding: var(--gapsmall);
  bottom: 0px;
  left: 0px;
z-index:2;

}


.rozcestnik a:before{
  opacity: 0.5;
z-index:1;

content:"";display:block;height:100%;width:100%;position:absolute;top:0px;left:0px;
}


.rozcestnik1 a .rozcestnik-bg{
background-image:url(../images/participace.webp);
}

.rozcestnik1 a:before{
background:var(--blue);
}

.rozcestnik2 a .rozcestnik-bg{
background-image:url(../images/dialog.webp);
}

.rozcestnik2 a:before{
background:var(--yellow);
}


.rozcestnik3 a .rozcestnik-bg{
background-image:url(../images/forum.webp);
}

.rozcestnik3 a:before{
background:var(--pink);
}


@media all and (max-width: 720px) {
 
.rozcestniky{
  margin: 0px -10px;

  flex-wrap: wrap;
}

.rozcestnik{
  padding: 0px 10px;

  width: 100%;margin-bottom:var(--gapsmall);
}

.rozcestnik a{
  padding-top: 100%;
}

}



/**** k čemu slouží ***/

.kcemuslouzi .field--name-field-body{
  width: 70%;
}

.kcemuslouzi .paragraph-content{
  display: flex;  
  justify-content: space-between;position:relative;
}

.kcemuslouzi .paragraph-content:after{
display:block;content:""; 
 width: 300px;
  height: 217px; 

  align-self: start;
background:url(../images/icon-white.svg) no-repeat center center;
background-size:100% auto;
}

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

.kcemuslouzi .field--name-field-body{
  width: 100%;
}

.kcemuslouzi .paragraph-content{
  flex-wrap: wrap;
}

.kcemuslouzi .paragraph-content:after{
display:none;
}

.kcemuslouzi .field--name-field-body:before{
    position: relative;float:right;
background:url(../images/icon-white.svg) no-repeat center center;
background-size:100% auto;
display:block;content:""; 
    width: 100px;
    height: 77px;top:0px;right:0;      margin: 0px 0px 0px 10px;  order: -1;
}

}

/**** čísla ****/

#block-cisla{
  width: 100%;
  margin: auto;
  padding: 0px var(--centerpadding);
  max-width: var(--center);
}

.numbers{
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  align-content: start;
}

.number{
  text-align: center;width:33.333%;
}

.number .item{
  font-size: var(--bigNumber);
  font-weight: 700;
  display: block;
  line-height: 1em;
}

.number .popis{
text-transform:uppercase;
display:block;
}


.number.lide .item{color:var(--blue);}
.number.akce .item{color:var(--yellow);}
.number.instituce .item{color:var(--pink);}


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

.numbers{gap:20px;}
.number{width:100%;}

}


/*==================================================================================================================================
		colored bg
==================================================================================================================================*/

.dark_bg {
--textColor:var(--white);
  --link: var(--white);
  --linkHover: var(--pink);

  background: var(--blue);
  color: var(--textColor);
}

/*==================================================================================================================================
		zapojte se
==================================================================================================================================*/


.zastupujete .field--name-field-body{
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
  background: var(--blue);
  padding: var(--gap) var(--gap);
  color: var(--white);
}

.zastupujete .field--name-field-body a{
margin-top:20px;
}


/*** form ***/

.formzastupujete .field--name-field-block{
width: 100%;
max-width:1000px;margin:0px auto;padding:0px  var(--centerpadding);
  position: relative;

}

.webform-submission-form {
display:flex;margin:0px -10px;
flex-wrap:wrap;
justify-content:start;align-items:start;
}

.webform-submission-form > div{
padding:0px 10px 0px;width:100%;position:relative;
}

.webform-submission-form > div.form-type-email,
.webform-submission-form > div.form-type-textfield{
width:50%;
}

.form-item--error-message{display:none;}
 
.webform-confirmation{
  text-align: center;
}

.webform-confirmation__message{
  font-size: var(--h2);  margin: 0px 0px 20px !important;
  font-weight: 700;    color: var(--pink);
}
 

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

.webform-submission-form > div.form-type-email, .webform-submission-form > div.form-type-textfield {
  width: 100%;
}

}


/*==================================================================================================================================
		aktuality - 1 clanek
==================================================================================================================================*/

.teaser-article{
  padding-bottom: 125%;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  overflow: hidden;
  position: relative;
  width: 100%;
  background: #fff;
display:flex;
  -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0);
  box-shadow: 0px 0px 15px 0px rgba(0,0,0,0);

--textColor:var(--white);
  --link: var(--white);
  --linkHover: var(--white);
}


.teaser-article:focus,
.teaser-article:hover{
  transform: scale(1.05);
  -webkit-transform: scale(1.05);

  -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);
  box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);
}



.teaser-article:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
/*  background: rgba(0,0,0,0.5);*/
  background: linear-gradient(0deg,rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.1) 100%);
  z-index: 1;
}

.teaser-article:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  background: linear-gradient(0deg,rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.2) 100%);
opacity:0;
  z-index: 1;
  -webkit-transition: var(--transitionAll);
  -moz-transition: var(--transitionAll);
  -o-transition: var(--transitionAll);
  -ms-transition: var(--transitionAll);
  transition: var(--transitionAll);
}


.teaser-article:hover:after ,
.teaser-article:focus:after {
opacity:1;
}

.teaser-osoba-img{
  line-height: 1px;
  display: flex;
  overflow: hidden;
}

.teaser-article-img{
  line-height: 1px;
  display: flex;
  overflow: hidden;
position:absolute;top:0px;left:0px;width:100%;height:100%;

  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
background-repeat:no-repeat;
background-position:center center;

}

.teaser-article-img .field--name-field-obrazek {
  width: 100%;  display: flex;
}

.teaser-osoba-img img,
.teaser-article-img img{
width:100%;  object-fit: cover;
  -webkit-transition: .3s all ease-in-out;
  -moz-transition: .3s all ease-in-out;
  -o-transition: .3s all ease-in-out;
  -ms-transition: .3s all ease-in-out;
  transition: .3s all ease-in-out;
}

a.teaser-osoba-img:focus img,
a.teaser-osoba-img:hover img,
a:hover .teaser-article-img img,
a:focus .teaser-article-img 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;
}

.teaser-article-inner{
  width: 100%;
  position: absolute;
  bottom: 0px;
  left: 0px;
  padding: 20px;
  z-index:2;
}

.teaser-article h3{
text-transform:uppercase;
margin:0px;
}

.teaser-article-text{
  -webkit-transition: .3s all ease-in-out;
  -moz-transition: .3s all ease-in-out;
  -o-transition: .3s all ease-in-out;
  -ms-transition: .3s all ease-in-out;
  transition: .3s all ease-in-out;
  max-height: 1px;  overflow: hidden;
}

.teaser-article:hover .teaser-article-text{
  max-height: 500px;
}

.view-aktuality.view-display-id-block_1 h3{
text-transform:uppercase;
  font-size: var(--h3);
}
.view-aktuality.view-display-id-block_1 .teaser-article {
  padding-bottom: 56.25%;
}


.article-date{
font-size:var(--small);
}


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

.teaser-article:before {
  background: linear-gradient(0deg,rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.2) 100%);
}

}

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

.teaser-article-text{display:none;}
}


/*======================================================
	výpis dlaždic
======================================================*/

.viewblocks .view-content{
  display: flex;
  flex-wrap: wrap;
  align-content: inherit;
  justify-content: start;
  margin: 0px -20px;
}


.viewblocks .view-content .views-row{
  padding: 20px;
  display: flex;
  width: 33.33%;
}

.view-aktuality.view-display-id-block_2  .views-row:last-child{
display:none;
}


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

.viewblocks .view-content .views-row{
  width: 25%;
}

.view-aktuality.view-display-id-block_2  .views-row:last-child{
display:flex;
}

}

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

.viewblocks .view-content{
  margin: 0px -10px;
}

.viewblocks .view-content .views-row{
  width: 50%;
  padding: 10px;
}

.view-aktuality.view-display-id-block_2  .views-row:last-child{
display:flex;
}


}

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

.viewblocks .view-content .views-row{
  width: 100%;
}


}


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

.field--name-field-galerie{
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  align-content: inherit;
  margin: -20px;
}

.field--name-field-galerie .field__item{
  display: flex;
  justify-content: start;
  align-content: inherit;
  padding: 20px;
  width: 50%;
}

.field--name-field-galerie .field__item a{
  display: flex;
  justify-content: start;
  align-content: inherit;
}

.field--name-field-galerie .field__item a img{
  object-fit: cover;
}




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


.field--name-field-galerie{
  margin: -10px;
}

.field--name-field-galerie .field__item{
  padding: 10px;
}


}

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

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

}

/*======================================================
	detail aktuality a akce
======================================================*/
 
.node-soubor,
.node-clen,
.node-cyklus,
.node-event,
.node-article{

.field--name-field-odkaz ,
.field--name-field-e-mail ,
.field--name-field-telefon{
font-size:var(--big);line-height:1.5em;
}




.field--name-field-datum-cyklu,
.field--name-field-datum-akce {
font-size:var(--big);line-height:1.5em;
  margin: 0px 0px var(--gapsmall);font-weight:700;
}

.event-top{
margin-bottom:var(--gap);
}

.paragraph {
margin-top:var(--gap);
}

.paragraph.center,
.paragraph > .paragraph-content{
  max-width: var(--centernorrow);
}

.field--name-field-obrazek{
  margin: 0px 0px var(--gap);
}

.field--name-body p img{
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
    pointer-events: none;
}

.field--name-field-obrazek img{
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}

}


.node-clen .field--name-field-odkaz{
    font-size: var(--basictext);
    line-height: 1.5em;margin-bottom:var(--gap);
}


.field--name-field-perex {
font-size:var(--big);line-height:1.5em;
  margin: 0px 0px var(--gap);
}

.event-top .field--name-field-perex {
  margin: 0px 0px var(--gapsmall);
}

.field--name-field-tags {
  display: flex;
  justify-content: start;
  margin: 0px 0px var(--gap);
  gap: 10px 10px;
  align-items: center;
}


.field--name-field-tags .field__items{
  display: flex;
  justify-content: start;
  margin: 0px 0px ;
  gap: 10px 10px;
  align-items: center;
}


.field--name-field-tags .field__label{
  font-weight: 700;
  text-transform: uppercase;
  font-size: var(--small);
}


.field--name-field-tags a{
  border: 1px solid var(--buttonColor);
  background-color: transparent;
  color: var(--buttonColorText);
  font-weight: 700;
  min-height: 0px;
  font-size: var(--small);
  line-height: 1em;
  padding: 10px;
  margin: 0px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
 -webkit-transition: var(--transitionAll);
	-moz-transition:var(--transitionAll);
	-o-transition:var(--transitionAll);
	-ms-transition:var(--transitionAll);
	transition: var(--transitionAll);
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}

.field--name-field-tags a:focus,
.field--name-field-tags a:hover{
  border-color: var(--buttonColorHover);
  background-color: var(--buttonColorHover);
  color: var(--buttonColorTextHover);
}


/*======================================================
	osoba
======================================================*/

.node-osoba .field--name-field-obrazek img,
.node-ambasador .field--name-field-obrazek img{
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}

.field--label-inline{
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.text-align-center .field--label-inline{
justify-content:center;
}

.node-soubor .field__label,
.node-osoba .field__label,
.node-ambasador .field__label{
font-weight:700;
}

.node-soubor .field,
.node-osoba  .field ,
.node-ambasador  .field {
margin-bottom:var(--gapsmall);
}

.node-ambasador .field--name-field-pozice + .field--name-field-rocnik ,
.node-osoba .field--name-field-telefon + .field--name-field-e-mail,
.node-ambasador  .field--name-field-telefon + .field--name-field-e-mail{
  margin-top: var(--gapsmallminus);
}


/*======================================================
	submenu
======================================================*/

#block-drualas-theme-hlavninavigace{
  max-width: var(--center);
  margin: auto;
  width: 100%;
  padding: 0px var(--centerpadding);
  display: flex;
  justify-content: center;
}

.region-content #block-drualas-theme-hlavninavigace ul.menu{
  margin: 0px 0px var(--gap);
  display: flex;
  flex-wrap: wrap;
  gap: 0px 30px;
  align-items: end;
  border-bottom: 1px solid var(--border);
}

.region-content #block-drualas-theme-hlavninavigace ul.menu li{
  padding: 0px;  margin-bottom: 0px;
}

.region-content #block-drualas-theme-hlavninavigace ul.menu li:before{
  display: none;
}

#block-drualas-theme-hlavninavigace ul.menu li a{
  color: var(--black);
  border-bottom: 3px solid rgba(255,45,89,0);
  text-decoration: none;
  display: block;
  font-size: var(--buttonBig);
  text-transform: uppercase;
  font-weight: 700;
  position: relative;
  bottom: -1px;
  padding: 5px 10px;
}


#block-drualas-theme-hlavninavigace ul.menu li a:focus,
#block-drualas-theme-hlavninavigace ul.menu li a:hover{
  color: var(--pink);
}

#block-drualas-theme-hlavninavigace ul.menu li a.is-active{
  color: var(--pink);
  border-color:rgba(255,45,89,1);

}



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

.region-content #block-drualas-theme-hlavninavigace ul.menu{
  border-bottom: none;  justify-content: center;  gap: 10px 10px;
}

#block-drualas-theme-hlavninavigace ul.menu li a{
  font-size: var(--menusize);
}

}

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

.region-content #block-drualas-theme-hlavninavigace ul.menu {
    flex-direction: column;    align-items: center;
}

}

/*======================================================
	vypis osob
======================================================*/

.teaser-osoba{
  border: 1px solid var(--border);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  width: 100%;


}

.teaser-osoba-text{
  padding: var(--gapsmall);
}

.teaser-osoba h3{
  --link: var(--black);
  --linkHover: var(--pink);
  font-size: var(--big);
}

.teaser-osoba .field--name-field-pozice {
margin-bottom:20px;font-style:italic;
}

.field--name-field-e-mail a,
.field--name-field-telefon a{
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 20px auto;
  padding-left: 30px;
  display: inline-block;
}


.field--name-field-telefon  a{ background-image: url(../images/phone.svg);}
.field--name-field-e-mail a{background-image: url(../images/mail.svg);

}

.teaser-osoba-img,
.teaser-osoba .field--name-field-obrazek img{
-webkit-border-top-left-radius: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
}

@media all and (max-width: 1270px)  and (min-width: 640px) {

.field--name-field-e-mail a, .field--name-field-telefon a{
  background: unset !important;  padding-left: 0px;
}

}



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

.teaser-osoba-text{
  padding: var(--gapsmall) var(--gapsmall) 30px;
}

}


/*======================================================
	soubor
======================================================*/

.node-soubor .field--name-field-file .button,
.node-soubor .field--name-field-typ-souboru,
.node-soubor .field--name-field-file,
.node-soubor .field--name-field-tags{
text-align:center;  justify-content: center;
}

/*======================================================
participace
======================================================*/

.zapoj-se{margin-bottom:10px;}

.loga .field--name-field-image{
  max-width: 200px;
  margin: auto;
}

.loga a.photoswipe{
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;  overflow: visible;
}

.loga .paragraph--type--image img {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}


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

.loga .field--name-field-image{
  max-width: 150px;
}

.loga.paragraph--position--three > .paragraph-content > .paragraph-content-list > div{
    width: auto;    max-width: 50%;
}

.loga.paragraph--position--three > .paragraph-content > .paragraph-content-list > div > .paragraph-content{
  padding: 0px var(--gapsmall);
}


}


/*======================================================
 vypis eventu
======================================================*/

a.teaser-event{
 /* border: 1px solid var(--border);*/
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  width: 100%;
  padding: var(--gapsmall);
  --link: var(--black);
  --linkHover: var(--black);

  overflow: hidden;
  position: relative;
  width: 100%;
  background: var(--gray);
  display: block;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0);
  box-shadow: 0px 0px 20px 0px rgba(0,0,0,0);
text-decoration:none;
}


a.teaser-event h3{
margin:0px 0px 10px;
}

a.teaser-event:focus,
a.teaser-event:hover {

background:var(--gray);

  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3);
  box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3);
}

a.teaser-event .akce-date{
text-decoration:none;
}

.field--type-daterange time{display:inline-block;}


a.teaser-event.zluta{
  background: var(--yellow);
  --link: var(--black);
  --linkHover: var(--black);
}

a.teaser-event.zluta:focus,
a.teaser-event.zluta:hover {
  background: var(--yellow);
}

a.teaser-event.modra{
  background: var(--blue);
  --link: var(--white);
  --linkHover: var(--white);
}

a.teaser-event.modra:focus,
a.teaser-event.modra:hover {
  background: var(--blue);
}

a.teaser-event.ruzova{
  background: var(--pink);
  --link: var(--white);
  --linkHover: var(--white);
}

a.teaser-event.ruzova:focus,
a.teaser-event.ruzova:hover {
  background: var(--pink);
}





/*======================================================
 vypis partneru
======================================================*/

.view-partneri.view-display-id-block_4 .views-row{
border-bottom:1px solid var(--border);
margin-bottom:var(--gapsmall);
padding-bottom:var(--gapsmall);

}


.view-partneri.view-display-id-block_4 .views-row:last-child{
border-bottom:none;margin-bottom:0px;padding-bottom:0px;
}

.teaser-partner {
  align-items: center;
}

.teaser-partner .pulka.first{width:35%;}

.teaser-partner .pulka.first  .field--name-field-obrazek{
  height: 150px;
  display: flex;max-width:300px;margin:auto;
  justify-content: center;
  align-items: center;
}

.teaser-partner .pulka.first  .field--name-field-obrazek img{
  object-fit: cover;
  max-height: 100%;
}

.token-partner .field--name-field-obrazek{
  display: flex;
  justify-content: center;
  align-items: center;
}


.teaser-partner .pulka.last{width:65%;}

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

.teaser-partner .pulka.first .field--name-field-obrazek {
  height: auto;
}

.teaser-partner .pulka.first .field--name-field-obrazek img {
  max-height: 150px;
}

.teaser-partner .pulka.first{width:100%;}

.teaser-partner .pulka.last{width:100%;}

}


/*======================================================
ladění
======================================================*/


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

.item-par-560{
text-align:center;}

.item-par-559{
  justify-content: center;
}

.item-par-567 a{  word-wrap: anywhere;}

}

/*** partneři ***/

.rowspartners .view-content{
  display: flex;
  justify-content: start;
  align-content: center;
margin:0px -40px -40px;
  flex-wrap: wrap;
}

.rowspartners .view-content > div{
  width: 33.33%;
  padding:40px 40px 40px;
  display: flex;
  justify-content: center;
  align-items: center;}


.rowspartners .field--name-field-obrazek {  width: 100%;
height:80px;  display: flex;  justify-content: center;
  align-content: center;
}

.rowspartners .field--name-field-obrazek  img{  object-fit: contain;
}



/*=======================================================
 dialog
=======================================================*/

.page-id-678,
.page-id-677,
.page-id-676,
.page-id-675{
background-image:url(../images/quote-yellow.svg);
background-repeat:no-repeat;
background-position:calc(100% - 50px) 120px;
background-size:400px auto;
 

blockquote{
  background-image: url(../images/icon-black.svg);
  background-color: var(--yellow);
  color: var(--black);
}

}

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

.page-id-678,
.page-id-677,
.page-id-676,
.page-id-675{
background-position:calc(100% - 20px) 70px;
background-size:200px auto;
}

}


/*=======================================================
 forum
=======================================================*/

.page-id-674{
background-image:url(../images/quote-pink.svg);
background-repeat:no-repeat;
background-position:calc(100% - 50px) 230px;
background-size:400px auto;
}

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

.page-id-674{
background-position:calc(100% - 20px) 70px;
background-size:200px auto;
}


}


/*=======================================================
	participace
=======================================================*/

.page-id-673{
background-image:url(../images/quote-blue.svg);
background-repeat:no-repeat;
background-position:calc(100% - 50px) 120px;
background-size:400px auto;
}


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

.page-id-673{
background-position:calc(100% - 20px) 70px;
background-size:200px auto;
}

}



 .item-par-530 .paragraph-content-list{
  display: flex;
  flex-wrap: wrap;
gap:10px;
}




.page-id-673 blockquote{
  background-color: var(--blue);
}

/*
.item-par-530 .paragraph-content-list{

 .button a {
  background-color: var(--yellow);
}

--buttonColorText:var(--black);
--buttonColor:var(--yellow);

 .button a:focus,
 .button a:hover {
border-color:var(--black);
}

--buttonColorHover:var(--yellow);
--buttonColorTextHover:var(--black);
}
 
*/