@import "print.css";

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

	--green: #373e10;
	--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: 75px;
	--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:1000px;
	--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{

	--menusize: 20px;

	--basictext: 17px;
    
	--h1: 30px;
	--h2big: 38px;
	--h2: 38px;
	--h3: 30px;
    
	--tabletext:16px;
	--button: 22px;
	--buttonPadding: 10px 20px;


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

	--gapbiggest: 160px;
	--gapbiggestminus: -160px;
    
	--gapbig: 80px;
	--gapbigminus: -80px;

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

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

	--gapsmallest: 5px;
	--gapsmallestminus: -5px;

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


}

}

/*
	-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:00px;}
.margin_right{margin-right:00px;}
.margin_right_minus{margin-right:0px;}
.margin_right_minus_big{margin-right:0px;}

.margin_left_big{margin-left:00px;}
.margin_left{margin-left:00px;}
.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 {

h2{color:var(--yellow);}

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


 


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

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


.region-footer .center{
max-width:var(--centernorrow);
  padding-bottom: var(--gap);
}

#block-drualas-theme-contactus{
text-align:center;padding:var(--gap) 0px var(--gapsmall);

h3,
h2{
color:var(--yellow);
}

}


 


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

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



 

/*==================================================================================================================================
		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 {
  max-width: 1200px;
  margin: auto;
}

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


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

.logopost{
  margin-bottom: -40px;
}


.logopost img {
  height: 200px;
}

.postcolumn-in2{
padding-top: 60px;
}

#block-signpost .field--name-body{
  flex-wrap: wrap;
}

.postcolumn {
  width: 100%;
}

.postcolumn:first-child {
  margin-bottom: var(--gap);
}

}




/*==================================================================================================================================
		form
==================================================================================================================================*/




.webform-submission-form {

  --link: #fff;
  --linkHover: #ddcb9c;


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


.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;
  pointer-events: none;
color:#fff;
/*
  background: white;
  padding: 0px 5px;
*/
}

/*
.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: -10px;
}*/

.webform-submission-form > div.form-item-source{
width:100%;
}

.webform-submission-form > div.form-item-source label{display:none;}

.webform-submission-form > div.form-item-source input{
  border: none;
  color: var(--yellow);
  text-align: center;
  background: transparent;
text-transform:uppercase;
  padding: 0px;font-weight:500;
  font-size: var(--h3);
}

.webform-confirmation{
  text-align: center;
}

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


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

.webform-submission-form > div.form-type-textarea label, .webform-submission-form > div.form-type-email label, .webform-submission-form > div.form-type-textfield label{
  top: 15px;
}

}

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

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

}


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

#block-drualas-theme-contactus{

  --link: #fff;
  --linkHover: #ddcb9c;

}

#block-drualas-theme-contactus h3{
  margin-top: -20px;
}

#block-drualas-theme-contactus p{
  font-size: 1.3em;
line-height:1.5em;
}



#block-drualas-theme-contactus a[href*='tel']:before{
  background: url(../images/phone.svg) no-repeat left center;
content:"";display:inline-block;margin-right:10px;
width:24px;height:24px;
background-size:auto 100%;  vertical-align: middle;
}
#block-drualas-theme-contactus a[href*='mail']:before{
background:url(../images/mail.svg) no-repeat left center;
content:"";display:inline-block;margin-right:10px;
width:24px;height:24px;  vertical-align: middle;
background-size:100% auto ;

}
 

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

.captcha{
margin:20px 0px;
}

.captcha .description{
display:none;
}

.captcha legend{
  position: absolute !important;
  height: 1px !important;
  width: 1px !important;
  overflow:
hidden;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px,1px,1px,1px);
}

.captcha input{width:100px;min-width:100px;max-width:100px;}

.captcha label:after{content:" NAVIGATOR";font-weight:700;display:inline;color:#c0210c;}
.captcha label{margin:0px 10px 0px 0px;}

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

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

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

.item-par-420 .paragraph-img-txt-image{
  min-height: 500px;
}

}

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

#block-drualas-theme-logofront{
max-width:200px;width:70%;margin:auto;
}

.item-par-421 {margin-top:var(--gapsmall);}

}


/*==============================================================================================================
	curves
==============================================================================================================*/

.region-footer:after{
  pointer-events: none;
content:"";display:block;position:absolute;
background:url(../images/curve-bottom.svg) center center no-repeat;
background-size:100% auto;
bottom:0px;right:0px;
width:500px;height:265px;
}

@media all and (max-width: 720px) {
.region-footer:after{
width:200px;height:106px;

}

}

.item-par-350{position:relative;}

.item-par-350:after{
  pointer-events: none;
content:"";display:block;position:absolute;
background:url(../images/curve-leftgreen2.svg) center center no-repeat;
background-size:100% auto;
  bottom: 100px;left:0px;
width:286px;height:594px;
}

@media all and (max-width: 720px) {
.item-par-350:after{width:114px;height:238px;
}
}

.item-par-412{position:relative;}

.item-par-412:after{
  pointer-events: none;
content:"";display:block;position:absolute;
background:url(../images/curve-rightgreen.svg) center center no-repeat;
background-size:100% auto;
top:0px;right:0px;
width:260px;height:598px;
}

@media all and (max-width: 720px) {
.item-par-412:after{width:104px;height:240px;
}
}

.region-highlighted:before{
  pointer-events: none;
content:"";display:block;position:absolute;
background:url(../images/curve-lefttop.svg) center center no-repeat;
background-size:100% auto;
top:0px;left:0px;
width:230px;height:183px;
}

@media all and (max-width: 720px) {
.region-highlighted:before{width:92px;height:74px;
}
}


.region-highlighted:after{
  pointer-events: none;
content:"";display:block;position:absolute;
background:url(../images/curve-right.svg) center center no-repeat;
background-size:100% auto;
bottom:0px;right:0px;
width:279px;height:641px;
}

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

.region-highlighted:after{width:112px;height:257px;
}
}