@import "print.css";

:root {  
	
	--fontFamily:  'Roboto',Arial,Helvetica,"Nimbus Sans L",sans-serif;

	--green: #213621;
	--textColor: #383e0a;
	--greenHover: #383e0a;
	--yellow: #ddcb9c;
	--hColor:#757b58;
	--bgSand:#faf6ed;

	--link: #383e0a;
	--linkHover: #383e0a;

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

	--menusize: 25px;
	--basictext: 19px;
	--h1: 30px;
	--h2big: 80px;
	--h2: 50px;
	--h3: 35px;
	--tabletext:16px;
	--button: 22px;
	--buttonPadding: 10px 20px;


	--gapbig: 160px;
	--gapbigminus: -160px;

	--gapbiggest: 320px;
	--gapbiggestminus: -320px;

	--gap: 80px;
	--gapminus: -80px;

	--gapsmall: 40px;
	--gapsmallminus: -40px;
	--gapsmaller: 20px;
	--gapsmallerminus: -20px;

	--gapsmallest: 10px;
	--gapsmallestminus: -10px;

	--center: 1920px;
	--centernorrow: 900px;
	--centerpadding:120px;
	--centerpaddingminus:-120px;

	--logo:150px;
	--logosmall: 90px;

}


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

:root{
	--centerpadding:40px;
	--centerpaddingminus:-40px;
}

}

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

:root{
	--h1: 45px;
	--h2: 30px;
	--h3: 25px;

	--centerpadding:20px;
	--centerpaddingminus:-20px;


	--gapbig: 180px;
	--gapbigminus: -180px;

	--gapbiggest: 270px;
	--gapbiggestminus: -270px;

	--gap: 90px;
	--gapminus: -90px;

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

	--gapsmaller: 10px;
	--gapsmallerminus: -10px;
	--gapsmallest: 5px;
	--gapsmallestminus: -5px;



}

}

/*
	-webkit-transition: var(--transitionAll);
	-moz-transition:var(--transitionAll);
	-o-transition:var(--transitionAll);
	-ms-transition:var(--transitionAll);
	transition: var(--transitionAll);
*/


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(--bgSand);
min-width:1200px;
scroll-behavior: smooth;
overscroll-behavior: contain;
-webkit-overflow-scrolling: touch;
}


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

body{
min-width:0px;
}

}


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

.margin_top_biggest{margin-top:var(--gapbiggest);}
.margin_top_big{margin-top:var(--gapbig);}
.odsazeni_zhora{margin-top:var(--gap);}
.margin_top_small{margin-top:var(--gapsmall);}
.margin_top_smaller{margin-top:var(--gapsmaller);}

.margin_bottom_biggest{margin-bottom:var(--gapbiggest);}
.margin_bottom_big{margin-bottom:var(--gapbig);}
.odsazeni_zespoda{margin-bottom:var(--gap);}
.margin_bottom_small{margin-bottom:var(--gapsmall);}
.margin_bottom_smaller{margin-bottom:var(--gapsmaller);}

.margin_top_minus_biggest{margin-top:var(--gapbiggestminus);position:relative;z-index:1;}
.margin_top_minus_big{margin-top:var(--gapbigminus);position:relative;z-index:1;}
.margin_top_minus{margin-top:var(--gapminus);position:relative;z-index:1;}
.margin_top_minus_small{margin-top:var(--gapsmallminus);position:relative;z-index:1;}

.margin_bottom_minus_biggest{margin-bottom:var(--gapbiggestminus);position:relative;z-index:1;}
.margin_bottom_minus_big{margin-bottom:var(--gapbigminus);position:relative;z-index:1;}
.margin_bottom_minus{margin-bottom:var(--gapminus);position:relative;z-index:1;}
.margin_bottom_minus_small{margin-bottom:var(--gapsmallminus);position:relative;z-index:1;}


.padding_top_biggest{padding-top:var(--gapbiggest);}
.padding_top_big{padding-top:var(--gapbig);}
.padding_top{padding-top:var(--gap);}
.padding_top_small{padding-top:var(--gapsmall);}
.padding_top_smaller{padding-top:var(--gapsmaller);}

.padding_bottom_biggest{padding-bottom:var(--gapbiggest);}
.padding_bottom_big{padding-bottom:var(--gapbig);}
.padding_bottom{padding-bottom:var(--gap);}
.padding_bottom_small{padding-bottom:var(--gapsmall);}
.padding_bottom_smaller{padding-bottom:var(--gapsmaller);}


.margin_right_big{margin-right:var(--gapbig);}
.margin_right{margin-right:var(--gap);}
.margin_right_minus{margin-right:var(--gapminus);}
.margin_right_minus_big{margin-right:var(--gapbigminus);}

.margin_left_big{margin-left:var(--gapbig);}
.margin_left{margin-left:var(--gap);}
.margin_left_minus{margin-left:var(--gapminus);}
.margin_left_minus_big{margin-left:var(--gapbigminus);}



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

.paragraph--type--image.margin_bottom_minus_small {
  margin-bottom: -20px;
}

.margin_right_big{margin-right:20px;}
.margin_right{margin-right:20px;}
.margin_right_minus{margin-right:0px;}
.margin_right_minus_big{margin-right:0px;}

.margin_left_big{margin-left:20px;}
.margin_left{margin-left:20px;}
.margin_left_minus{margin-left:0px;}
.margin_left_minus_big{margin-left:0px;}


.mobile_margin_top_zero{margin-top:0px;}
.mobile_margin_bottom_zero{margin-bottom:0px;}
.mobile_padding_top_zero{padding-top:0px;}
.mobile_padding_bottom_zero{padding-bottom:0px;}


}

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

.pink_bg {
 }

.black_bg {

background-color:var(--green);
color:var(--textColor);

--hColor:#fff;
--textColor: #fff;

}

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

/*
.layout-content {
padding-bottom:var(--gap);
}*/


.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,
.hero-media__content ,
.center,
#cookies-docs{width: 100%;
max-width:var(--center);margin:0px auto;padding:0px  var(--centerpadding);
  position: relative;
}

.paragraph--position--center_narrow  > .paragraph-content{
max-width:var(--centernorrow);
}

.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: 27px;
  margin: auto; 
  height: 17px;
  background: url(../images/white-arrow-big-banner.svg) center top no-repeat;
  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;
}

#downl a:focus,
#downl a:hover{
  background-image: url(../images/red-arrow-big-banner.svg);
}



/*==============================================================================================================
	captcha
==============================================================================================================*/


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

form.webform-submission-form > fieldset,
form.webform-submission-form > div{
width:100%;margin-bottom:var(--gapsmall);
padding:0px var(--gapsmaller);
}

form.webform-submission-form > div.form-item-telefon,
form.webform-submission-form > div.form-item-lastname,
form.webform-submission-form > div.form-item-name,
form.webform-submission-form > div.form-item-e-mail{
width:50%;
}

.buttonsubmit + .webform-button--submit {display:none;}

.form-actions {
  margin-bottom: 0px !important;
}

/*** labels **/

.webform-submission-form > div.form-type-textarea label, 
.webform-submission-form > div.form-type-email label, 
.webform-submission-form > div.form-type-textfield label{
  -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;
  position: absolute;
left:var(--gapsmaller);
top:10px;
}


.webform-submission-form > div.form-type-textarea.focused label,
.webform-submission-form > div.form-type-email.focused label,
.webform-submission-form > div.form-type-textfield.focused label{
   top: -14px;   font-size: 0.9em;

}


/****captcha *****/

.captcha {
  display: flex;
  align-items: center;
  justify-content: start;
}

.captcha .form-item-captcha-response .description,
.captcha  legend{
display:none;
}


.captcha .form-item-captcha-response {
margin:0px ;
  display: flex;
  align-items: center;
  justify-content: start;
}

.captcha .form-item-captcha-response label {
  min-width: 150px;
}

.captcha input.form-text{
width:100px;margin:5px 10px;
  border: 1px solid var(--border);
padding:10px;
}



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

.captcha {
flex-wrap:wrap;
}

.captcha .form-item-captcha-response {
  margin: 10px 0px;
width:100%;
}

 

}

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

form.webform-submission-form > div.form-item-telefon,
form.webform-submission-form > div.form-item-lastname,
form.webform-submission-form > div.form-item-name,
form.webform-submission-form > div.form-item-e-mail{

width:100%;
}


}


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

.region-footer{
background:var(--green);
  color: var(--textColor);
text-align:center;
--textColor: #fff;
}

.region-footer .field--name-body{
  display: flex;gap:20px;
  justify-content: space-between;
}

.footer-img1{  align-self: end;line-height:1px;}
.footer-img2{  align-self: start;line-height:1px;}

.footer-text{
  padding:var(--gap) 0px;

}

.footer-number{font-size:40px;font-weight:700;}

.footer-address{}


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

.region-bottom .center{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px var(--centerpadding);
  padding-top: 20px;
  padding-bottom: 20px;
}

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

#header{
  position: relative;
  z-index: 11;
  top: 0px;
  left: 0px;
width:100%;
}

/*
.region-header{
    display: flex;
    justify-content: space-between;
    align-items: start;
	-webkit-transition: var(--transitionAll);
	-moz-transition:var(--transitionAll);
	-o-transition:var(--transitionAll);
	-ms-transition:var(--transitionAll);
	transition: var(--transitionAll);
}*/


/************************
	logo
************************/


a.site-logo{
 position: fixed;
top:20px;left:20px;
  z-index: 102;
 line-height: 1px;
display:block;
}


a.site-logo img{
  height: var(--logo);
	-webkit-transition: var(--transitionAll);
	-moz-transition:var(--transitionAll);
	-o-transition:var(--transitionAll);
	-ms-transition:var(--transitionAll);
	transition: var(--transitionAll);
}

.scrolltop a.site-logo img{
height:var(--logosmall);
}

.mactive  a.site-logo img{
height:var(--logo);
}

.page-id-49 a.site-logo {
  visibility: hidden;opacity:0;
}

.scrolltop .page-id-49 a.site-logo,
.mactive .page-id-49  a.site-logo {
	-webkit-transition: var(--transitionAll);
	-moz-transition:var(--transitionAll);
	-o-transition:var(--transitionAll);
	-ms-transition:var(--transitionAll);
	transition: var(--transitionAll);

visibility:visible;opacity:1;
}


/************************
	highlighted
************************/

.ma .region-highlighted{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}



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

.field--name-field-gallery{
  display: flex;flex-wrap:wrap;
  justify-content: center;
  align-items: inherit;
margin:0px var(--gapsmallerminus);
}

 .field--name-field-gallery .field__item{
  padding:   var(--gapsmaller);
  width: 33.3%;
  justify-content: inherit;
  align-items: start;
  display: flex;
}

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

 .field--name-field-gallery .field__item{
  width: 25%;
}

}

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


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

}

/*================== menu ===========================*/

.region-content .menu--gallery ul li::before{display:none;}

.menu--gallery ul{
  list-style: none;
  padding: 0px var(--centerpadding);
  margin: 0px 0px 0;
  display: flex;
  justify-content: center;
  gap: 10px var(--gapsmall);
}

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

.menu--gallery + .menu--gallery{
margin-bottom:var(--gapsmaller);
}


.region-content .menu--gallery ul li{
  margin-bottom: 0px;
  padding-left: 0px;
}


.region-content .menu--gallery ul li a{
  color:var(--hColor);
text-decoration:none;
font-weight:400;font-size:var(--h3);
}


.region-content .menu--gallery ul li.menu-item--active-trail > a,
.region-content .menu--gallery ul li a.is-active,
.region-content .menu--gallery ul li a:focus,
.region-content .menu--gallery ul li a:hover{
  color: var(--linkhover);
}

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

.menu--gallery ul{
  flex-wrap: wrap; 
}

}

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

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

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

}

.user-logged-in #header{
position:absolute;
}

.user-logged-in a.site-logo,
.user-logged-in .rmm-header{

    position: relative;
}

.user-logged-in  .region-header{
    display: flex;
    justify-content: space-between;
    align-items: start;
}

.block-menu{
position:static;
}


/*==================================================================================================================================
		signpost
==================================================================================================================================*/


#block-signpost .field--name-body{
  display: flex;
  justify-content: center;
  align-items: start;
  margin: 0px var(--gapsmallminus);
}

.postcolumn{
  padding: 0px var(--gapsmall);
  width: 50%;
}

.postcolumn-in{

}

.region-content .postcolumn-in ul > li {
  margin-bottom: 0px;
}

.logopost{
  display: flex;
  justify-content: center;
  margin-bottom: -60px;
}

.logopost1{
background:var(--bgSand);padding:0px 10px;
}

.logopost img{
height:300px;
}


.postcolumn-in2{
border:2px solid var(--hColor);
  padding: var(--gap) var(--gapsmall) var(--gapsmall);
}
 
.postcolumn-in2 .button {
  justify-content: center;
}