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

.paragraph--position--three > .paragraph-content > .paragraph-content-list{
	align-items: inherit;
	justify-content: start;
	flex-wrap: wrap;
	display: flex;
	margin:0px -20px;
}


.paragraph--position--two > .paragraph-content > .paragraph-content-list,
.paragraph--position--fout > .paragraph-content > .paragraph-content-list,
.paragraph--position--five > .paragraph-content > .paragraph-content-list{
	align-items: inherit;
	justify-content: start;
	flex-wrap: wrap;
	display: flex;
	margin:0px -20px;
}

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


.paragraph--position--two > .paragraph-content > .paragraph-content-list > div,
.paragraph--position--fout > .paragraph-content > .paragraph-content-list  > div,
.paragraph--position--five > .paragraph-content > .paragraph-content-list  > div{
padding:0px 20px;
}

.paragraph--position--three > .paragraph-content > .paragraph-content-list  > div{
padding:0px 20px;
}


.paragraph--position--two > .paragraph-content > .paragraph-content-list > div{width:50%;}
.paragraph--position--three > .paragraph-content > .paragraph-content-list  > div{width:33.333%;}
.paragraph--position--fout > .paragraph-content > .paragraph-content-list  > div{width:25%;}
.paragraph--position--five > .paragraph-content > .paragraph-content-list  > div{width:20%;}

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


.paragraph--position--two > .paragraph-content > .paragraph-content-list > div,
.paragraph--position--three > .paragraph-content > .paragraph-content-list  > div,
.paragraph--position--fout > .paragraph-content > .paragraph-content-list  > div,
.paragraph--position--five > .paragraph-content > .paragraph-content-list  > div{
	width:100%; 
}

}




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

.paragraph--position--two > .view-content,
.paragraph--position--three > .view-content,
.paragraph--position--fout  > .view-content,
.paragraph--position--five  > .view-content{
	align-items: inherit;
	justify-content: start;
	flex-wrap: wrap;
	display: flex;
	margin:0px -20px;
}

.paragraph--position--two > .view-content > .views-row,
.paragraph--position--three > .view-content > .views-row,
.paragraph--position--fout  > .view-content > .views-row,
.paragraph--position--five  > .view-content > .views-row{
padding:0px 20px;
}

 


.paragraph--position--two > .view-content > .views-row{width:50%;}
.paragraph--position--three > .view-content > .views-row{width:33.333%;}
.paragraph--position--fout  > .view-content > .views-row{width:25%;}
.paragraph--position--five  > .view-content > .views-row{width:20%;}


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

.paragraph--position--two > .view-content > .views-row,
.paragraph--position--fout  > .view-content > .views-row,
.paragraph--position--five  > .view-content > .views-row{
	width:100%; 
}

.paragraph--position--three > .view-content{	
margin:0px -10px;
}

.paragraph--position--three > .view-content > .views-row{
	width:50%;padding:0px 10px;
}


}


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

.paragraph--position--two > .view-content > .views-row,
.paragraph--position--three > .view-content > .views-row,
.paragraph--position--fout  > .view-content > .views-row,
.paragraph--position--five  > .view-content > .views-row{
	width:100%; 
}


}








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

.has-bg{
  padding: 120px 0px ;
  color: white;
background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

.has-bg h1{
  margin: 0px auto 10px;
}

.has-bg h1,
.has-bg h2,
.has-bg h3{
color:white;
}



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

.paragraph .paragraph.has-bg {
  margin-bottom: 20px;
}


}


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


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

.paragraph--position--left .paragraph-img-txt-image,
.paragraph--position--top .paragraph-img-txt-image,
.paragraph--position--rightuzky .paragraph-img-txt-body,
.paragraph--position--right .paragraph-img-txt-body,
.paragraph--position--bottom .paragraph-img-txt-body{  order: 0;}

.paragraph--position--left .paragraph-img-txt-body,
.paragraph--position--top .paragraph-img-txt-body,
.paragraph--position--rightuzky .paragraph-img-txt-image,
.paragraph--position--right .paragraph-img-txt-image,
.paragraph--position--bottom .paragraph-img-txt-image{  order: 1 ;}

.paragraph--position--top .paragraph--position--left .paragraph-img-txt-image,
.paragraph--position--top .paragraph--position--right .paragraph-img-txt-body{  order: 0;}

.paragraph--position--top .paragraph--position--left .paragraph-img-txt-body,
.paragraph--position--top .paragraph--position--right .paragraph-img-txt-image{  order: 1 ;}


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


.paragraph--position--left .paragraph-img-txt > div.paragraph-img-txt-image{
width:50%;padding-right:40px;
}
.paragraph--position--right .paragraph-img-txt > div.paragraph-img-txt-image{
width:50%;padding-left:40px;
}

.paragraph--position--rightuzky .paragraph-img-txt-image{width:30%;padding-left:40px;}
.paragraph--position--rightuzky .paragraph-img-txt-body{width:70%;}

.paragraph--position--left .paragraph-img-txt > div.paragraph-img-txt-body,
.paragraph--position--right .paragraph-img-txt > div.paragraph-img-txt-body{
width:50%;
}

.paragraph--position--rightuzky .paragraph-img-txt-body,
.paragraph--position--left .paragraph-img-txt-body,
.paragraph--position--right .paragraph-img-txt-body{
padding-top:0px;
}

 

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


.paragraph--position--top .paragraph--position--left .paragraph-img-txt-body,
.paragraph--position--top .paragraph--position--right .paragraph-img-txt-body{  order: 1;}

.paragraph--position--top .paragraph--position--right .paragraph-img-txt-image,
.paragraph--position--top .paragraph--position--left .paragraph-img-txt-image{order:0}



.paragraph--position--right .paragraph-img-txt-image,
.paragraph--position--rightuzky .paragraph-img-txt-image,
.paragraph--position--bottom .paragraph-img-txt-image{  order: 0;}

.paragraph--position--right .paragraph-img-txt-body,
.paragraph--position--rightuzky .paragraph-img-txt-body,
.paragraph--position--bottom .paragraph-img-txt-body{  order: 1;}


.paragraph--position--rightuzky .paragraph-img-txt-image,
.paragraph--position--right .paragraph-img-txt > div.paragraph-img-txt-image,
.paragraph--position--left .paragraph-img-txt > div.paragraph-img-txt-image{
width:100%;padding-right:0px;padding-left:0px;
}
 
.paragraph--position--rightuzky .paragraph-img-txt-body,
.paragraph--position--left .paragraph-img-txt > div.paragraph-img-txt-body,
.paragraph--position--right .paragraph-img-txt > div.paragraph-img-txt-body{
width:100%;
}

.paragraph-img-txt-image{
margin-bottom:20px;
}

}

/*========================================================
	node items
========================================================*/


.paragraph-item-link{
display:block;text-decoration:none;
}

.paragraph-item-content-image{
position:relative;margin: auto;
line-height:1px;
align-items: center;
justify-content: center;
flex-wrap: wrap;
display: flex;
}

.classic-view-image,
.paragraph-item-content-image,
.paragraph-item-content-image-content{position:relative;
line-height:1px;
}

.classic-view-image  img,
.paragraph-item-content-image-content img{
}


.paragraph--position--one .paragraph-item-around{  display: table;width: 100%;}


.paragraph--position--one .paragraph-item-around .paragraph-item-content-image{
width:240px;
padding-right:40px;
display:table-cell;vertical-align:top;
}

.paragraph--position--one .paragraph-item-around  .paragraph-item-content-texts{display:table-cell;vertical-align:top;
}

.paragraph--position--one .paragraph-item-content h3{
margin-top:0px;
}




.paragraph--position--one .paragraph-item-around   .paragraph-item-content-image img{
max-width:100%;
max-height:unset;
}

.item-par-239 .views-row .paragraph-item-content-texts{text-align:center;}

.views-row .paragraph-item-content-texts h2{ transition: var(--trans-color-out);  font-weight:700;}

.item-par-239 .views-row .paragraph-item-content-texts h2{font-size:18px;line-height:26px;margin: 20px auto 10px; }


.views-row a:hover .paragraph-item-content-texts h2,
.views-row a:focus .paragraph-item-content-texts h2{
color:#ff642e;
}

.paragraph-item-content-text{
margin-bottom:20px;
}



 



.item-par-239 .paragraph-item-content-link  span{
display:inline-block;
width:24px;height:24px;margin:auto;
background:url(../images/sipka-realizace.svg) no-repeat center center  transparent !important;
background-size:100% auto  !important;
line-height:100em;overflow:hidden;
  border: none !important;
  padding: 0px !important;
}

.item-par-239 .paragraph-item-content-link {
margin-top:0px;
  padding-left: 0px;
  margin-left: 0px;
background:url(../images/tecky.png) no-repeat center center;
  height: 24px;
}

.item-par-239  a:focus .paragraph-item-content-link  ,
.item-par-239 a:hover .paragraph-item-content-link  {
background:url(../images/tecky-a.png) no-repeat center center;
}
.item-par-239 a:focus .paragraph-item-content-link  span,
.item-par-239 a:hover .paragraph-item-content-link  span{
background-image:url(../images/sipka-realizace-a.svg) !important;
background-color:transparent !important;
}


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

.paragraph--position--one .paragraph-item-around{  display: block;}


.paragraph--position--one .paragraph-item-around .paragraph-item-content-image{
margin-bottom:20px;
padding-right:0px;display:block;width:100%;
}

.paragraph--position--one .paragraph-item-around  .paragraph-item-content-texts{display:block;
}

}



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

.field--name-field-gallery {
  margin: 50px -20px 50px;line-height:1px;
  align-items: inherit;
  justify-content: start;
  flex-wrap: wrap;
  display: flex;
  clear: both;
}

.field--name-field-gallery > div {
padding:20px ;
width:50%;
  display: flex;
  align-items: inherit;
}


.field--name-field-gallery > div > a{
  display: flex;
  align-items: center;
width:100%;  background: #e1e1e1;
}


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

.field--name-field-gallery > div{
width:50%;
}

}

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

.galerie-fours{
margin:0px 10px 20px;
}

.field--name-field-gallery > div{
padding:5px;
}

}

 

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