@import "print.css";

 
:root{
	--fontfamily:  'Montserrat',Arial,Helvetica,"Nimbus Sans L",sans-serif;
	--trans-color-in:all .2s ease-in-out;
	--trans-color-out:all .2s ease-in-out;

	--h1:60px;
	--h2:60px;
	--h3:25px;
	--footer:16px;

	--menusize:16px;
	--basictext: 18px;
	--biggertext:22px;
	--button:17px;
	--buttonpadding: 8px 30px ;

	--center: 1400px;
	--centernorrow: 800px;

	--centergap:60px;

	--centergapminus:-60px;
	--bodygapminus:-20px;

	--gapbig: 150px;
	--gap: 80px;
	--gapsmall: 40px;
	--gapminus: -80px;
	--gapsmallminus: -40px;


	--link:#5b2123;
	--linkhover:#461617;


	--menulink:#5b2123; /*#13366c;*/
	--menulinkhover: #fff;/*#427cbf;*/
	--menulinkactive:#5b2123; /*#427cbf;*/

	--border:#26487d;
	--borderwhite:#c0c0c0;

	--blue:#ffb82e;
	--white:#fff;
	--gray:#5b2123;
}

/*
.lightbg {
	--menulink:#13366c;
	--menulinkhover: #13366c;
	--menulinkactive:#13366c; 
}
*/

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

:root{
	--centergap:20px;
	--centergapminus:-20px;

	--menusize:22px;
	--h1:40px;
	--h2:40px;
	--h3:22px;
	--basictext: 16px;
	--biggertext:19px;

	--gapbig: 80px;



	--gap: 40px;
	--gapsmall: 20px;
	--gapminus: -40px;
	--gapsmallminus: -20px;


	--footer:16px;
	--button:17px;
	--buttonpadding: 8px 30px ;
	--bodygapminus:-20px;


}

}

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

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

body{
min-width:0px;
}

}


.layout-container{
  position: relative;
padding:0px;
}

.bigger {
  font-size: var(--biggertext);
color:var(--blue);line-height:1.7em;
}

/*==================================================================================================================================
		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;
}

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


/*==================================================================================================================================
		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);
}



/*==================================================================================================================================
		backgrounds
==================================================================================================================================*/

.graybg {
background:url(../images/bggray.png) no-repeat center bottom calc(var(--gap) - 20px) var(--gray);
  background-size: 1400px auto;
}

.whitebg {
 
background:url(../images/bgwhite.png) no-repeat center bottom calc(var(--gap) - 20px) var(--white);
  background-size: 1400px auto;

}

 
.bluebg{
position:relative;
background:url(../images/bgblue.png) no-repeat center bottom -20px var(--blue);
  background-size: 1400px auto;
}

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


.sectionrow{
/*min-height:100vh;*/
}

#kontakt{
min-height:calc(100vh - 36px);
}

#profil{min-height:0vh;
}

}

.region-content .bluebg ul li::before{
border-color:#5b2123;
}


 
.bluebg .bigger,
.bluebg h3,
.bluebg h2,
.bluebg{
color:#5b2123;
}

.bluebg a{color:#5b2123;}

.bluebg a:hover,
.bluebg a:focus{
color:#5b2123;
}


#profil img{
  min-height: 600px;
max-height:calc(100vh - var(--gapbig) );
  margin-bottom: 77px;
}


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


#profil img {
  min-height: 0;
  margin-bottom: 0px;
}

#profil{
  padding-top:120px;
}

}

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

#block-drualas-theme-paticka .field--name-body{
display:flex;
justify-content:space-between;
color:#ffb82e;
font-size:var(--footer);
line-height:1em;
  --link: #ffb82e;
  --linkhover: #fff;
padding:0px 0px 20px;
}


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

#block-drualas-theme-paticka .field--name-body{
  justify-content: center;
  flex-direction: column;
  align-items: center;
    padding: 0px 0px 50px;text-align:center;
}

.center-footer{
margin:20px 0px;
}

}



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

#block-quickcontact{
  position: absolute;
  bottom: 0px;
  width: 100%;
  left: 0px;
  padding: 20px 0px;
  background: var(--blue);

box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.14);
-webkit-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.14);
-moz-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.14);
}


#block-drualas-theme-quickcontact{
 /* position: fixed;*/
  bottom: 0px;
  width: 100%;
  left: 0px;
  padding: 20px 0px;
  background: var(--blue);
}

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

.region-content #block-quickcontact ul,
#block-drualas-theme-quickcontact ul{
margin:0px;padding:0px;list-style:none;
  display: flex;
  justify-content: space-between;
}

.region-content #block-quickcontact ul li:before{
display:none;
}


.region-content #block-quickcontact ul li,
#block-drualas-theme-quickcontact ul li{
background-repeat:no-repeat;background-position:left 0px;
padding-left:25px;
background-size:16px auto;
line-height:1em;margin:0px;
color:#5b2123;
font-size:var(--footer);
}

#block-quickcontact ul strong,
#block-quickcontact ul a,
#block-drualas-theme-quickcontact ul strong,
#block-drualas-theme-quickcontact ul a{
font-weight:700;text-decoration:none;
display:block;margin-top:5px;
color:#5b2123; 

}

#block-quickcontact ul a:focus,
#block-quickcontact ul a:hover,
#block-drualas-theme-quickcontact ul a:focus,
#block-drualas-theme-quickcontact ul a:hover{
color:#5b2123;
}

#block-quickcontact ul li.mail,
#block-drualas-theme-quickcontact ul li.mail{background-image:url(../images/mail.png);}

#block-quickcontact ul li.mobil,
#block-drualas-theme-quickcontact ul li.mobil{background-image:url(../images/phone.png);}

#block-quickcontact ul li.datovka,
#block-drualas-theme-quickcontact ul li.datovka{background-image:url(../images/datovka.png);background-size:18px auto;}

#block-quickcontact ul li.adresa,
#block-drualas-theme-quickcontact ul li.adresa{background-image:url(../images/location.png);background-size:14px auto;}

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


.region-content #block-quickcontact ul, #block-drualas-theme-quickcontact ul{
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px 0px;
}

.region-content #block-quickcontact ul li, #block-drualas-theme-quickcontact ul li{
  width: 50%;
}

#block-quickcontact {  
    padding: 60px var(--centergap);
    position: relative;
    width: calc(100% + var(--centergap) + var(--centergap));
    margin: 0px var(--centergapminus);
}


#block-quickcontact .inner-block,
#block-drualas-theme-quickcontact .inner-block{
padding:20px 0px ;
}


}

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

.region-content #block-quickcontact ul li, #block-drualas-theme-quickcontact ul li{
  width: 100%;
}


}

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

#header{
z-index:10000;
  position: fixed;  min-width: 1200px;
  top: 0px;
  left: 0px;
  width: 100%;
padding:20px 0px;
  -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;
}

#header .center{
  display: flex;
  justify-content: space-between;
  align-items: center;
max-width:100%;
}


.site-logo{display:block;line-height:1px;
  position: relative;
  z-index: 100000;
}

.site-logo img{
opacity:0;height:25px;width:auto;
  -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;

}

.scrolltop #header{  background: var(--blue);

padding:10px 0px;
}

.scrolltop .site-logo img{
height:25px;opacity:1;
}

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

#header{
  min-width: 0px;    min-height: 80px;
}

.site-logo{
  margin-top: 16px;
}
 
.site-logo img{
height:25px;
}



}

/*==================================================================================================================================
		kontakt
==================================================================================================================================*/

.region-content #kontakt ul li::before {
display:none;
}

.region-content #kontakt ul li{
background-repeat:no-repeat;background-position:left 0px;
padding-left:30px;
background-size:16px auto;
line-height:1em;
color:var(--blue);
font-size:var(--basictext);margin-bottom:20px;
}

#kontakt  ul strong,
#kontakt  ul a{
font-weight:700;text-decoration:none;
display:block;margin-top:5px;
color:var(--blue);

}

#kontakt ul a:focus,
#kontakt ul a:hover{
color:#fff;
}


#kontakt  ul li.ic{background-image:url(../images/ic.png);}
#kontakt  ul li.www{background-image:url(../images/www.png);}

#kontakt  ul li.mail{background-image:url(../images/mail-w.png);}
#kontakt  ul li.mobil{background-image:url(../images/phone-w.png);}
#kontakt  ul li.datovka{background-image:url(../images/datovka.png);background-size:18px auto;}
#kontakt  ul li.adresa{background-image:url(../images/location-w.png);background-size:14px auto;}

#kontakt img{
  width: 400px;
  margin: 0px 0px 0px auto;
  display: block;
}



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

#kontakt{
text-align:center;
}

#kontakt img{margin:20px auto;}

.region-content #kontakt ul {  
  margin: 0px auto 20px;
text-align: left;
  max-width: 390px;

}

}


/*==================================================================================================================================
		reference
==================================================================================================================================*/


.recenzeslick .view-content{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: inherit;
  text-align: center;margin-top:20px;margin-bottom:-20px;
}


.recenzeslick .view-content .views-row{
  display: flex;
  justify-content: inherit;
  align-items: inherit;   padding:20px;
  max-width: 50%;
}

 


.recenzeslick .view-content .views-row a{
  font-size: var(--footer);
  width: 100%;text-decoration:none;color:black;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

.recenzeslick .field--name-field-image {
line-height:1px;width:100%;margin-bottom:10px;
}

.recenzeslick .field--name-field-image img{
 
}

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

.recenzeslick .view-content .views-row{
max-width:300px;
}
}


/*==================================================================================================================================
		rolování
==================================================================================================================================*/