@import "print.css";

 
:root{

/*menu*/
	--menusize:16px;
	--menulink:#fff; 

	--menulinkhover: #878acf; 
	--menulinkactive:#878acf; 

	--menulink2:#32287f; 

	--menulink2hover: #fff; 
	--menulink2active:#fff; 


/*gap */
	--centergap:50px;
	--centergapminus:-50px;
	--center: 1280px;
	--centernorrow: 800px;

	--gapbig: 150px;
	--gap: 60px;
	--gapminus: -60px;
	--gapsmall: 40px;
	--gapsmallminus: -40px;
	--gapsmaller: 20px;
	--gapsmallerminus: -20px;
	--gapsmallest: 10px;
	--gapsmallestminus: -10px;

/*font size*/

	--fontfamily:  'HelveticaNowProDisplay',Arial,Helvetica,"Nimbus Sans L",sans-serif;

	--basictextSmall: 14px;
	--basicHeightSmall:19px;

	--basictext: 16px;
	--basicHeight:21px;
	--h1:32px;
	--h2:32px;
	--h3:20px;

	--teaserH2: 20px;

/*buttons*/
	--button:14px;
	--buttonpadding: 10px 20px ;
	--buttonBg: #32287f;
	--buttonColor: #fff;
	--buttonBgHover: #878acf;
	--buttonColorHover: #fff;
	--buttonRadius: 0px;
	--buttonHeight:18px;
	--buttonWeight:700;


/*efects*/
	--trans-color-in:all .2s ease-in-out;
	--trans-color-out:all .2s ease-in-out;

/*links*/
	--link:#32287f;
	--linkhover:#878acf;


/*barvy */

	--purple: #32287f;
	--lightPurple: #858AD2;
	--lightPurple2: #9194d1;
	--white: #fff;
	--gray:#E6E4E2;
 	--gold:#917B29;
	--textcolor:#000;

	--barvasquare: #917B29;


	--archevita: #A6D5F4 ;
/*others */

/*-
	--footer:16px;
	--biggertext:22px;
	--bodygapminus:-20px;
	--border:#26487d;
	--borderwhite:#c0c0c0;
	--blue:#13366c;
*/
}


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

:root{

  --centergap: 20px;
  --centergapminus: -20px;
}

 


:root{

  --centergap: 20px;
  --centergapminus: -20px;


/*menu*/
	--menusize:18px;


}

}


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

:root{
  --menulink: #32287f;
  --menulinkhover: #fff;
  --menulinkactive: #fff;
	--menusize:16px;
}

}

body{
margin:0px;
padding:0px;
font-weight: 400;
font-family: var(--fontfamily);
font-size: var(--basictext);
line-height: var(--basicHeight);
color: var(--white);
background: var(--lightPurple);
min-width:1200px;min-height:100vh;
scroll-behavior: smooth;
overscroll-behavior: contain;
-webkit-overflow-scrolling: touch;
}

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

body{
min-width:0px;
}

}


 

.layout-container{
  position: relative;
}

.layout-content {
padding:var(--gap) 0px var(--gap);
color: var(--textcolor);
background: var(--white);
}

.page-id-128 .layout-content, /*front*/
.ma .layout-content{
padding-top:0px;
}
 
/*==================================================================================================================================
		fields
==================================================================================================================================*/

.field--label-inline{

}

.field--label-above .field__label{
font-weight:700;margin-bottom:10px;
}

.field--label-inline .field__label{
display:inline;font-weight:700;
}

.field--label-inline  .field__item,
.field--label-inline .field__items{
display:inline;
}

.field--label-inline .field__items .field__item{
display:inline;

}


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

.expandable-container,
.body-center,
.center{
width:100%;
max-width:var(--center);margin:0px auto;
padding:0px  var(--centergap);
}


.centernarrow{
max-width:var(--centernorrow);margin:0px auto;
}

.body-center .body-center ,
.center .body-center ,
.centernorrow .center,
.body-center .center,
.center .center{
padding:0px;
}

/*==================================================================================================================================
		2 sloupce
==================================================================================================================================*/

.layout-content.onesidebar{
width:100%;
max-width:var(--center);margin:0px auto;
padding:0px  var(--centergap);
  display: flex;
  justify-content: start;
  align-items: start;
}





/*==================================================================================================================================
		admin
==================================================================================================================================*/

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

#toolbar-administration{
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
width:100%;
}

}

form[class*='user-']{
max-width:500px;padding:0px 20px;margin:auto;
}




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

.downl {
margin:20px 0px;
}

.downl a {
  z-index: 0;
  content: "";
  display: block;
  width: 27px;
  height: 17px;

  margin: auto;
  background: url(../images/black-arrow-big-banner.svg) center top no-repeat;
  background-size: 27px 17px;

  -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;
}


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

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

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

.padding_top{
padding-top:var(--gap);
}

.padding_top_big{
padding-top:var(--gapbig);
}

.padding_bottom_big{
padding-bottom:var(--gapbig);
}


.padding_bottom{
padding-bottom:var(--gap);
}

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

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

.padding_bottom_small{
padding-bottom:var(--gapsmall);
}

.padding_top_small{
padding-top:var(--gapsmall);
}

 


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

#header{
z-index:10001;
  top: 0px;
  left: 0px;
position:relative;
  width: 100%;
padding:0px 0px;
background:var(--purple);
}

#header .center{
max-width:1920px;  display: flex;
  justify-content: center;
  align-items: inherit;
 
}

#block-drualas-theme-sitebranding{
  z-index: 1;  position: relative;margin:0px auto 0px 0px;
}

.site-logo{display:block;line-height:1px;
padding:20px 0px;
}

.site-logo img{
height:28px;width:auto;
}

/** fixed **/

#header{
  position: fixed;
  top: 0px;
  left: 0px;
}

.layout-container{
padding-top:110px;
}

.region-header{
position:relative;
}

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

#header{
min-width:1200px;
}

}

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

.region-header{
  padding-right: 45px;
}

}

/*==================================================================================================================================
		search
==================================================================================================================================*/

#opensearch{
width:22px;height:auto;
oveeflow:hidden;
display:block;
background:url(../images/search.svg) no-repeat center center;
background-size:100% auto;
}

#opensearch:focus,
#opensearch:hover{
background-image:url(../images/search-a.svg) ;
}

.active #opensearch{
background-image:url(../images/default/close-w.svg) ;
background-size:18px auto;
}

.active #opensearch:focus,
.active #opensearch:hover{
background-image:url(../images/default/close-a.svg) ;
}

#block-drualas-theme-exposedformvyhledavanipage-1 {
  display: flex;
  align-items: inherit;position:relative;
}

#block-drualas-theme-exposedformvyhledavanipage-1 form{
position: absolute;
  right: calc(100% + 10px);
  height: 100%;
  align-items: center;
  width: 100vw;
  justify-content: end;
background:var(--purple);
display:none;
}


#block-drualas-theme-exposedformvyhledavanipage-1{margin-left:10px;}

#block-drualas-theme-exposedformvyhledavanipage-1.active form{
display:flex;
}

#block-drualas-theme-exposedformvyhledavanipage-1 form .form--inline {
position:relative;
}


#block-drualas-theme-exposedformvyhledavanipage-1 .form-item{
  margin: 0px 0px 0px;position:relative;
}

#block-drualas-theme-exposedformvyhledavanipage-1 .form-item input{
padding-right:40px;
}


#block-drualas-theme-exposedformvyhledavanipage-1 .form-item label{
  position: absolute !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
  clip: rect(1px,1px,1px,1px);
}


#block-drualas-theme-exposedformvyhledavanipage-1  .form-submit{
line-height:100em;
width:22px;height:22px;
oveeflow:hidden;
display:block;
background:url(../images/search-p.svg) no-repeat center center;
background-size:100% auto;
  padding: 0px;  position: absolute;
  right: 10px;
  top: 8px;
}

#block-drualas-theme-exposedformvyhledavanipage-1  .form-submit:focus,
#block-drualas-theme-exposedformvyhledavanipage-1  .form-submit:hover{
background-image:url(../images/search-a.svg) ;
}


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

#block-drualas-theme-exposedformvyhledavanipage-1{
  position: static;
}

#block-drualas-theme-exposedformvyhledavanipage-1 form{
  right: 0px;
  top: 100%;  padding: 0px 20px;
}

}



/*==================================================================================================================================
		translate
==================================================================================================================================*/

#block-drualas-theme-gtranslate{
  display: flex;
  align-items: inherit;
  margin-left: 15px;
}

#block-drualas-theme-gtranslate #gt_float_wrapper,
#block-drualas-theme-gtranslate .gtranslate_wrapper ,
#block-drualas-theme-gtranslate .inner-block{
  display: flex;
  align-items: inherit;
}

body  .gtranslate_wrapper *{
  font-family: var(--fontfamily) ;
  font-size: var(--menusize) ;
}

body  .gt_float_switcher .gt-selected{
  background-color: transparent;
}

body  .gt_float_switcher .gt-selected .gt-current-lang {
  padding: 0px;
  color: var(--menulink);
}

body  .gt_float_switcher .gt-selected .gt-current-lang:focus,
body  .gt_float_switcher .gt-selected .gt-current-lang:hover {
color:var(--menulinkhover);
}

.gt_float_switcher .gt_options img,
body .gt-current-lang img{
display:none;
} 

body .gt_float_switcher .gt-selected .gt-current-lang span.gt_float_switcher-arrow{
display:none;
}

body .gt_float_switcher{
  display: flex;
  align-items: center;
  background: transparent;
  color: var(--menulink);
  box-shadow: unset;
  position: relative;
  overflow: visible;
}

body .gt_float_switcher .gt_options{
  position: absolute;
  top: 100%;
  right: 0px;
  background: var(--purple);
  padding: 10px 20px;
  transform: translateX(0px) !important;
}


body .gt_float_switcher .gt_options a{
 color:var(--menulink);
  font-weight: 700;
  padding: 5px 0px;
}

body .gt_float_switcher .gt_options a:hover {
  background: transparent;
  color: var(--menulinkhover);
}


/*  --menulink: #fff;
  --menulinkhover: #878acf;*/

/*==================================================================================================================================
		alert
==================================================================================================================================*/

.infoage {
width:100%;
background:white;
display:none;
}

.infoage .view-content{
max-width:1920px;width:100%;
margin:0px auto;
  padding: 20px 60px 20px var(--centergap);
position:relative;
}

.infoage.active {
display:block;
}

#closa {
  line-height: 100em;
  overflow: hidden;
  right: var(--centergap);
  display: block;
  background: url(../images//default/close.svg) no-repeat center center transparent;
    background-size: auto;
  background-size: 14px auto;
  width: 30px;
  height: 30px;
  position: absolute;
  cursor: pointer;
  top: 50%;
  margin-top: -15px;
}

.infoage h3{
display:inline-block;
font-size:16px;line-height:21px;  margin: 0px;
}

.infoage a.trychle{
text-decoration:none;
  display: flex;
  align-items: center;
}

.infoage a.trychle h3:after{
  flex-shrink: 0;
margin-left:10px;
content:"";display:inline-block;
width:20px;height:14px;
background:url(../images/arrow-right.svg) no-repeat center center;
background-size:100% auto;
}

/*==================================================================================================================================
		drobecek
==================================================================================================================================*/

.region-highlighted{
background:var(--lightPurple);
}

.region-highlighted .center{
max-width:1920px;
}


/*==================================================================================================================================
		opening
==================================================================================================================================*/


.openhours{
  position: fixed;
  z-index: 1000;
  left: var(--centergap);
  bottom: var(--centergap);
  box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
  background: #A6D5F4;
  padding: 10px;
  font-weight: 700;
  align-items: center;
display:none;
color:var(--purple);
}

.active.openhours{
display:flex;
}


.openhours:before{
content:"";display:block;
width:36px;height:36px;
margin-right:10px;
background:url(../images/openning.svg) no-repeat center center;
background-size:100% auto;
}

#openclose{
  line-height: 100em;
  overflow: hidden;
  display: block;
  background: url(../images/default/close-r.svg) no-repeat center center transparent;
  background-size: 14px auto;
  width: 30px;
  height: 30px;
cursor:pointer;
margin-left:10px;
}

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

.openhours{
  width: 208px;
  left: 50%;
  margin-left: -104px;
}

}

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


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

.region-footer{
color:var(--purple);
background:var(--gray);
padding:var(--gap) 0px;
}

.region-footer .center{
  display: flex;
  flex-wrap: wrap;padding:0px calc(var(--centergap) + var(--gapsmallerminus));
}

.region-footer .center > div{
width:50%;padding:0px var(--gapsmaller);
}



.region-bottom {
  color: var(--purple);
  --linkhover: #fff;

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

.region-bottom .center{
display: flex;
  flex-wrap: wrap;
  padding: 0px calc(var(--centergap) + var(--gapsmallerminus));
  justify-content: space-between;
}

.region-bottom .center > nav,
.region-bottom .center > div{
padding:0px var(--gapsmaller);
}


.region-bottom ul{
list-style:none;
padding-left:0px;
margin:0px 0px 20px;
}


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



#block-drualas-theme-footerlogo{
    margin-bottom: var(--gapsmaller);
order:0;
width:100%;
}

#block-drualas-theme-footerkontakt{
order:2;

}

#block-drualas-theme-paticka{
order:3;
}

#block-drualas-theme-footeropeninghours{
order:1;
}

#block-drualas-theme-footeropeninghours strong{display:block;}
#block-drualas-theme-footeropeninghours br{display:none;}

}

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

.region-footer .center > div {
  width: 100%;  margin-bottom: var(--gapsmall);
}  

.region-footer .center > div:last-child {
   margin-bottom: 0px;
} 


}


/*** total bottom ***/
 
.region-totalbottom .center{
max-width:1920px;
}

.region-totalbottom{
  --link: #32287f;
  --linkhover: #fff;
color:var(--purple);
padding:var(--gapsmall) 0px var(--gapsmall);

}

#block-drualas-theme-paticka-2 .field--name-body{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

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

#block-drualas-theme-paticka-2 .field--name-body p{
margin-bottom:10px;    width: 100%;
}

.region-totalbottom{
  padding: var(--gapsmaller) 0px var(--gapsmall);
}


}

/*** socky ***/

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

.socky a{
display:block;height:41px;width:40px;line-height:100em;overflow:hidden;
background-repeat:no-repeat;
background-size:100% auto;
background-position:center center;
}

.socky a:focus,
.socky a:hover{
opacity:0.5;
}



.soc1{background-image:url(../images/soc1.svg);}
.soc2{background-image:url(../images/soc2.svg);}
.soc3{background-image:url(../images/soc3.svg);}

/*==================================================================================================================================
		běžící symboly
==================================================================================================================================*/

.marquee-container {
  overflow: hidden;
  width: 100%;
  padding: var(--gapsmaller) 0px;
  background: white;
}


.marquee-container { overflow: hidden; width: 100%; }

.marquee-row { overflow: hidden; white-space: nowrap; cursor: grab; touch-action: pan-y;   line-height: 1px;}

.marquee-row:active { cursor: grabbing; }

.marquee-content { display: inline-flex; will-change: transform; 
}


.marquee-item {   
padding: 0px 0px 0px 0px;
flex-shrink: 0;
background:url(../images/run.svg) no-repeat center center;
background-size:auto 100% ;
width:307px;
height:34px;

}

.marquee-row, .marquee-row * {
  user-select: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
}

/*==================================================================================================================================
		kontakty
==================================================================================================================================*/

.kontakt-item.active{font-weight:700}

.node-oddeleni .field--name-field-e-mail,
.teaser-oddeleni > .field--name-field-e-mail{
margin-bottom:20px;
}

.teaser-oddeleni{
margin-bottom:var(--gap);
}

.teaser-oddeleni .views-field-nothing a{
display:block;  word-break: keep-all;
}

.kontaktmenuview {
margin-bottom:20px;
}

.kontaktmenu h2{
  font-size: var(--basictextSmall);
  line-height: var(--basicHeightSmall);
  text-transform: none;
}


.teaser-oddeleni table{width:100%;}

.teaser-oddeleni tbody tr td.views-field-title{
font-weight:700;
}

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

 .fixed .paragraph-content-list{   display: flex; flex-direction: column;}
.order1{order:0;}
.order2{order:1;}
.order3{order:2;}


.teaser-oddeleni h3{
margin:0px;
padding:20px;
color:var(--white);    text-transform: none;
background:var(--purple);
}

.teaser-oddeleni thead{display:none;}

.teaser-oddeleni tbody tr,
.teaser-oddeleni tbody,
.teaser-oddeleni table{
display:block;
}

.teaser-oddeleni > .field--name-field-e-mail {
  color: var(--white);
  margin-bottom: 0px;
  margin-top: -10px;
    padding: 0px 20px 20px;
  background: var(--purple);
  --link: #fff;
  --linkhover: #878acf; 
}

.teaser-oddeleni > .field--name-body{
  color: var(--white);
  margin-bottom: 0px;
  margin-top: -10px;
    padding: 0px 20px 20px;
  background: var(--purple);
  --link: #fff;
  --linkhover: #878acf;
}

.teaser-oddeleni > .field--name-body p{margin-bottom:0px;}


.teaser-oddeleni tbody td{
display:block;  padding: 0px 20px;
}

.teaser-oddeleni tbody tr td.views-field-nothing{
padding-bottom:20px;
}

.teaser-oddeleni tbody tr td.views-field-title{
padding-top:20px;
}


}

/*==================================================================================================================================
		front aktuality
==================================================================================================================================*/

.frontaktuality{
padding:var(--gapsmall) 0px ;
background:var(--gray);
}


.paragraph--position--two_first_short.frontaktuality > .paragraph-content > .paragraph-content-list{
  margin: 0px -10px;
}

.paragraph--position--two_first_short.frontaktuality > .paragraph-content > .paragraph-content-list  > div{
  padding: 0px 10px;
}

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

.paragraph--position--two_first_short.frontaktuality  > .paragraph-content > .paragraph-content-list > div:nth-child(2) {
  width: 75%;  align-items: inherit;
}

.paragraph--position--two_first_short.frontaktuality  > .paragraph-content > .paragraph-content-list > div,
.paragraph--position--two_first_short.frontaktuality  > .paragraph-content > .paragraph-content-list > div > div > div,
.paragraph--position--two_first_short.frontaktuality  > .paragraph-content > .paragraph-content-list > div > div{
  flex-wrap: wrap;display:flex;align-items:start;
}



.frontaktuality-open .field--name-field-body{  
/*border: 1px solid var(--purple);
  padding:10px 20px;  width: 100%;*/
color:var(--purple);
}

.frontaktuality-open .field--name-field-body p{margin:0px;  align-self: center;}

.view-aktuality.view-display-id-block_1 {
  display: flex;
  align-items: inherit;
}

.view-aktuality.view-display-id-block_1 .view-content {
  display: flex;
  gap: 20px;  align-items: inherit;
}

.view-aktuality.view-display-id-block_1 .views-row{
  display: flex;
  align-items: inherit;
}

.view-aktuality.view-display-id-block_1 a.trychle {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 20px;width:100%;
  background: var(--purple);
  color: white;
  text-decoration: none;
}
 


.view-aktuality.view-display-id-block_1 a.trychle:after {
  margin-left: 10px;
  content: "";
  display: block;
  width: 20px;
  height: 14px;
  background: url(../images/arrow-right.svg) no-repeat center center;
  background-size: 100% auto;  flex-shrink: 0;
}

.view-aktuality.view-display-id-block_1 a.trychle:focus,
.view-aktuality.view-display-id-block_1 a.trychle:hover {
background:var(--lightPurple);
color:var(--white);
}

.view-aktuality.view-display-id-block_1 a.trychle:focus:after,
.view-aktuality.view-display-id-block_1 a.trychle:hover:after  {
background-image: url(../images/arrow-right-a.svg);
}

.view-aktuality.view-display-id-block_1 .trychle  h2,
.view-aktuality.view-display-id-block_1 .trychle  h3{
  margin: 0px; font-size:var(--teaserH2);color:#fff;
}


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

.paragraph--position--two_first_short.frontaktuality > .paragraph-content > .paragraph-content-list > div:nth-child(2){
  width: 100%;
}

.paragraph--position--two_first_short.frontaktuality > .paragraph-content > .paragraph-content-list > div:nth-child(1) {
  width: 100%;margin-bottom:var(--gapsmaller);
}

}

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

.view-aktuality.view-display-id-block_1 .view-content{
  flex-direction: column;
}

.view-aktuality.view-display-id-block_1 .views-row{
  width: 100%;
}

}



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

.header-bg{
  background-color: transparent;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
background-repeat: no-repeat;
  color: var(--white);
margin-bottom:var(--gap);
}

.header-bg .center{
height:26vw;
  display: flex;
  justify-content: start;
  align-items: end;
  padding: var(--centergap);
}

.header-bg .center h1{
text-shadow: 0px 0px 11px rgba(0,0,0,0.43);
  margin: 0px;color:var(--white);
}


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

.header-bg .center{
height:75vw;
}

}


/*==================================================================================================================================
		partneri
==================================================================================================================================*/

.partneri .field--name-field-image {
  line-height: 1px;
  width: 250px;
  height: 100px;
  display: flex;
  justify-content: center;
  align-content: center;
  margin: 0px auto 20px;
}

.partneri .field--name-field-image img {
  object-fit: contain;
}


.partneri.paragraph--position--three > .paragraph-content > .paragraph-content-list > div{
    justify-content: center;
}

/*==================================================================================================================================
		akce
==================================================================================================================================*/

.box-border-in .field--label-above .field__label{
  font-size: var(--h3);
  text-transform: uppercase;
  margin: 0px 0px 10px;
}



/*==================================================================================================================================
		publikace
==================================================================================================================================*/

.field--name-field-autor,
.field--name-field-cena{
}

.node-publikace .field--name-field-image{
margin-bottom:20px;
}

.node-publikace .field--name-field-image img {
  width: auto;
}

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

.boxes-border > div{
  display: flex;
  justify-content: inherit;
  align-items: inherit;margin-bottom:var(--gapsmaller);
  padding: 0px var(--gapsmallest);
  width:33.333%;
}

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

.node-publikace .field--name-field-perex,
.node-publikace .boxes-border{
margin-bottom:var(--gapsmall);
}


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

.boxes-border > div{width:50%;
}

}

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

.boxes-border > div{width:100%;
}

}



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

.field--name-field-pozice{font-weight:700;}

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

.node-galerie .paragraph--type--gallery .pulkaleftsmall.first{display:none;}

.node-galerie .paragraph--type--gallery .pulkaleftsmall.last{  width: 100%;}


/*==================================================================================================================================
		dlazdice vypis
==================================================================================================================================*/

.mosaikview .view-content {
display:flex;
flex-wrap:wrap;
margin:0px var(--gapsmallestminus) var(--gapsmallerminus);
}

.mosaikview .view-content .views-infinite-scroll-content-wrapper {
display:flex;
flex-wrap:wrap;

}

.mosaikview .views-row{
width:33.333%;padding:0px var(--gapsmallest);margin-bottom:var(--gapsmall);
  display: flex;
  justify-content: inherit;
  align-items: inherit;
}

.mosaikview .views-row > a{
width:100%;  
}

a.tgalerie ,
a.teaser {
position:relative;
  display: block;
  text-decoration: none;
}
 

.tgalerie h2,
.tgalerie h3,
.teaser  h3,
.teaser  h2{
margin:10px 0px 5px ;
font-size:var(--teaserH2);
text-transform:none;
}


.teaser .field--name-field-druh,
.teaser .field--name-field-typ-akce{
  display: flex;
  flex-direction: column;
  gap: 5px;
  position: absolute;
  top: 0px;
  left: 0px;
}

.teaser .field--name-field-druh .field__item,
.teaser .field--name-field-typ-akce .field__item{
background:var(--purple);
color:var(--white);
padding:2px 10px;
  display: inline-block;
font-size:var(--basictextSmall);
line-height:(--basicHeightSmall);
}


a.teaser .field--name-field-image {
  overflow: hidden;
  position: relative;

}

a.teaser .field--name-field-image img{
  width: 100%;
  -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.teaser:focus  .field--name-field-image img,
a.teaser:hover .field--name-field-image img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  -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;
}


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

.fview  .mosaikview .views-row:last-child{
display:none;
}

}


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

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

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


}


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

.mosaikview .views-row {
  width: 50%;
}

}


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

.mosaikview .views-row {
  width: 100%;
}


}

/*** tiskové zprávy ***/

.field--name-field-datum-vydani-zpravy{
color:var(--lightPurple);font-style:italic;
margin-bottom:5px;
}
 

.teaser-napsalionas .field--name-field-prilohy a{
  color: var(--link);
  font-size: var(--basictext);
  line-height: var(--basicHeight);
  padding: 0;
  font-weight: 400;  background-color: transparent;  text-decoration: underline;
}

.teaser-napsalionas .field--name-field-prilohy a:after{
display:none; 
}


.teaser-napsalionas .field--name-field-prilohy a:focus,
.teaser-napsalionas .field--name-field-prilohy a:hover{
  color: var(--linkhover); text-decoration: none;
}



/*==================================================================================================================================
		filtry
==================================================================================================================================*/


.bef-exposed-form .form--inline > .form-item, .bef-exposed-form .form--inline .js-form-wrapper > .form-item {
  float: none;
}

.bef-exposed-form .form-type-checkbox label.option, 
.bef-exposed-form .form-type-checkbox input + label.option {
  color: var(--purple);
  border: 1px solid var(--purple);
  text-decoration: none;
  padding: 6px 11px;  font-size: var(--button);
  font-weight: var(--buttonWeight);
  display: inline-block;
  line-height: 1em;
  background: white;
}

.bef-exposed-form .form-type-checkbox label.option:focus,
.bef-exposed-form .form-type-checkbox input + label.option:focus,

.bef-exposed-form .form-type-checkbox label.option:hover,
.bef-exposed-form .form-type-checkbox input + label.option:hover,
.bef-exposed-form .form-type-checkbox input:checked + label.option {
  color: var(--white);
  background: var(--purple);
}


.bef-exposed-form .form-checkboxes{
  display: flex;
  flex-wrap: wrap; 
  gap: 7px;
  justify-content: start;
  align-items: start;
}

.bef-exposed-form .form--inline .form-item{
  margin-bottom: 0px;
}

body .bef-exposed-form > div > .form-item{
  margin-bottom: var(--gapsmaller) !important;
}

body .bef-exposed-form .form-actions {
  gap: 10px;  flex-direction: unset;
}


/*==========================================================================
	odkazy taxonomy 
==========================================================================*/

.feed-icons{display:none;}

.pulkaleftsmall.first .field--type-entity-reference a{
  color: var(--purple);
  border: 1px solid var(--purple);
  text-decoration: none;
  padding: 8px 15px;
  font-size: var(--button);
  font-weight: var(--buttonWeight);
  display: inline-block;
  line-height: 1em;
  background: white;
  vertical-align: middle;
  cursor: pointer;
}

.pulkaleftsmall.first .field--type-entity-reference a:focus,
.pulkaleftsmall.first .field--type-entity-reference a:hover{
  color: var(--white);
  background: var(--purple);
}

.teaser  .field--name-field-datum,
.teaser .field--name-field-typ-skoly{
color:var(--lightPurple);
font-style:italic;margin-bottom:5px;
}

.teaser .field--name-field-typ-skoly .field__item{display:inline;}
.teaser .field--name-field-typ-skoly .field__item + .field__item:before {display:inline;content:", "}



.teaser-text{
color:var(--textcolor);
  line-height: 1.3em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  max-height: 2.6em;
}


/*==========================================================================
	square 
==========================================================================*/

/*** detail osoby ***/

.node-osoba .field--name-field-image{
margin:var(--gapsmall) 0px;
}

.node-osoba .field--name-field-image img{
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
width:auto;
}

 
/*** výpis ***/

.squareview  .views-row {
  margin-bottom: var(--gapsmaller);
}

.squareview  .views-row > a{
  display: flex;
  flex-direction: column;
}

a.square{
text-decoration:none;
display:block;
}

.square a{
text-decoration:none;
}

.ocontact a{
text-decoration:none;
color:var(--textcolor);
}

.ocontact a:hover,
.ocontact a:focus{
text-decoration:underline;
color:var(--lightPurple);
}

.square-img {
padding:20px;

}

.square a .square-img {
background:var(--purple);
}

.square-img2{
line-height:1px;overflow:hidden;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;

}

.square a img{
  filter: grayscale(100%);
}

.square img{
  -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;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
  height: auto;
}

.square a:focus img,
.square a:hover img{
  filter: grayscale(0%);
}

a.square:focus img,
a.square: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;
}

.square h2,
.square h3{
  margin: 10px 0px 5px;
  font-size: var(--teaserH2);
  text-transform: none;
}

 


.referencenode .button a,
a.square h2,
a.square h3{
  display: flex;
  font-size: var(--teaserH2);
  line-height: 1.2em;
  justify-content: space-between;
  align-items: center;
  padding: 10px 20px;
  width: 100%;
  background: var(--purple);
  color: white;
  text-decoration: none;
margin:auto 0px 0px;
  height: 100%;
} 

a.square{
background-color:var(--barvasquare);
}

a.square:hover,
a.square:focus{
 /* background: var(--lightPurple);*/
}

.referencenode .button a:focus,
.referencenode .button a:hover,
a.square:hover h2,
a.square:hover h3,
a.square:focus h2 ,
a.square:focus h3{
  background: var(--lightPurple);
  color: var(--white);
}
 
.referencenode .button a:after,
a.square h2:after,
a.square h3:after{
  margin-left: 10px;
  content: "";
  display: block;
  width: 20px;
  height: 14px;
  background: url(../images/arrow-right.svg) no-repeat center center;
  background-size: 100% auto;
  flex-shrink: 0;
}

.referencenode .button a:focus:after,
.referencenode .button a:hover:afrer,
a.square:hover h2:after,
a.square:hover h3:after ,
a.square:focus h2:after,
a.square:focus h3:after {
  background-image: url(../images/arrow-right-a.svg);
}

/*==================================================================================================================================
		rozcestnik
==================================================================================================================================*/


#block-drualas-theme-zakladnirozcestnik{
background:var(--purple);  padding: var(--gapsmall) 0px;
}

#block-drualas-theme-zakladnirozcestnik .inner-block {
  width: 100%;
  margin: 0px auto;max-width:1920px;
  padding: 0px var(--centergap);
}

#block-drualas-theme-zakladnirozcestnik .slick-slide{
  justify-content: center;
}

.rozcestnik-row{
  position: relative;
  text-decoration: none;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
}

.rozcestnik-row h2{
  margin: 0px 0px 0px;color:white;text-transform:uppercase;

}

.rozcestnik-row:focus h2,
.rozcestnik-row:hover h2{
color:white;

}

.rozcestnikhover{
 
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  text-align: center;
    -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;

opacity:0;  z-index: 1;
}

.rozcestnik-row:focus .rozcestnikhover,
.rozcestnik-row:hover  .rozcestnikhover{
opacity:1;
}

.rozcestnik-row .field--name-field-image{}

.rozcestnik-row .field--name-field-image img{
    -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;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}


.rozcestnik-row:focus  .field--name-field-image img,
.rozcestnik-row:hover   .field--name-field-image 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;
}


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

#block-drualas-theme-zakladnirozcestnik{
 padding: var(--gapsmaller) 0px;
}
}

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

.rozcestnik-row h2{
font-size:calc(var(--h2) * 0.9);
}

}

/*==================================================================================================================================
		float quote
==================================================================================================================================*/


.floatquote.paragraph--type--text-content .field--name-field-body,
.floatquote .field--name-field-righttext {
  color: var(--purple);
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  align-items: inherit;
  margin: 0px var(--gapsmallestminus) var(--gapsmallestminus);
}

 blockquote{
  color: var(--purple);
  margin: 0px 0px var(--gapsmaller);
  border: 1px solid var(--lightPurple);
  background: #fff;
  padding: var(--gapsmaller);
}

.floatquote.paragraph--type--text-content .field--name-field-body blockquote,
.floatquote .field--name-field-righttext blockquote{
  width: calc(33.333% - var(--gapsmaller));
  margin: 0px var(--gapsmallest) var(--gapsmaller);
}

a[href*='?button']{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 20px;width:100%;
  background: var(--purple);
  color: white;
  text-decoration: none;
}

a[href*='?button']:after {
  margin-left: 10px;
  content: "";
  display: block;
  width: 20px;
  height: 14px;
  background: url("../images/arrow-right.svg") center center / 100% no-repeat;
  flex-shrink: 0;
}

a[href*='?button']:focus,
a[href*='?button']:hover{
  background: var(--lightPurple);
  color: var(--white);
}

a[href*='?button']:focus:after,
a[href*='?button']:hover:after{
background-image: url("../images/arrow-right-a.svg") ;
}


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

.floatquote.paragraph--type--text-content .field--name-field-body blockquote,
.floatquote .field--name-field-righttext blockquote{
  width: calc(50% - var(--gapsmallest));
}
 

}

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

.floatquote.paragraph--type--text-content .field--name-field-body blockquote,
.floatquote .field--name-field-righttext blockquote{
  width: calc(100% - var(--gapsmallest));
}

}