@import "print.css";
:root {
 
  --fontFamily: 'haffer', Arial, Helvetica, "Nimbus Sans L", sans-serif;
  --transitionAll: 0.3s all ease-in-out;
  --transitionTop: 0.3s top ease-in-out;
  --radius: 0px;

/* barvy */ 

  --dark: #16172c;
  --darkrgb: 22,23,44;
  --secondary: #f4f1ec;
  --secondaryrgb: 244,241,236;
  --light: #d9e4ea;
  --lightrgb:217,228,234;
  --primary: #db4c2a;
  --primaryrgb: 219,76,42;

  --bgform: transparent;
  --hr: var(--dark);
  --border: var(--dark);

  --textColor: var(--dark);
  --hColor: var(--dark);
  --link: var(--dark);
  --linkHover: var(--primary);

  --hr: var(--dark);
  --border: var(--dark);

  --buttonColorText: var(--light);
  --buttonColor: var(--primary);
  --buttonColorBg: var(--primary);
  --buttonColorTextHover: var(--light);
  --buttonColorHover: var(--dark);
  --buttonColorBgHover: var(--dark);

/* gap */
  --mezera: clamp(60px, 6.25vw, 120px);
  --gapbig: var(--mezera);
  --gapbigminus: calc(var(--mezera) * -1);
  --gap: calc(var(--mezera) * 0.5);
  --gapminus: calc(var(--mezera) * -0.5);
  --gapsmall: calc(var(--mezera) * 0.25);
  --gapsmallminus: calc(var(--mezera) * -0.25);
  --gapsmaller: calc(var(--mezera) * 0.125);
  --gapsmallerminus: calc(var(--mezera) * -0.25);
  --gapsmallest: calc(var(--mezera) * 0.0625);
  --gapsmallestminus: calc(var(--mezera) * -0.0625);

  --centerpadding:clamp(30px, 6.25vw, 120px);
  --centerpaddingminus: calc(var(--centerpadding) * -1);

/* center */
  --center: 1600px;
  --centernorrow: 780px;

/* font size */
  --h1: 55pt;
  --h2a: 38pt;
  --h2: 35pt;
  --h3: 25pt;
  --h4: 18pt;

  --big: 20pt;
  --basic: 18pt;
  --button: 16pt;
  --button2: 12pt;

  --middle: 14pt;
  --small: 12pt;

  --menusize: var(--small);
  --menusize2: var(--small);

  --label: var(--middle);
  --tabletext: var(--middle);

/* button */

  --buttonPadding: 15px 25px;
  --buttonPadding2: 10px 20px;

} 


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

:root{

  --h1: 44pt;
  --h2a: 30pt;
  --h2: 30pt;
  --h3: 22pt;
  --h4: 15pt;
  --big: 17pt;
  --basic: 15pt;
  --button: 13pt;
  --button2: 11pt;
  --middle: 13pt;
  --small: 11pt;
}

}

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

:root{

  --menusize: var(--middle);
  --menusize2: var(--h3);

  --centerpadding: 30px;
  --centerpaddingminus: -30px;

    --h1: 36pt;
    --h2a: 26pt;
    --h2: 26pt;
    --h3: 20pt;
    --h4: 14pt;
    --big: 15pt;
    --basic: 13pt;
    --button: 13pt;
    --button2: 12pt;
    --middle: 12pt;
    --small: 11pt;
}

}


.text_medium {
	font-size:var(--middle);line-height:1.5em;
}


body {
  margin: 0px;
  padding: 0px;
  font-weight: 400;
  font-family: var(--fontFamily);
  font-size: var(--big);
  line-height: 1.5em;
  color: var(--textColor);
  background: var(--dark);
  min-width: 1200px;
  scroll-behavior: smooth;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
}


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

  body {
    min-width: 0px;
  }


}


.layout-container {
  background: var(--light);
}




/*=================================================================================================================================
		bg
==================================================================================================================================*/


.lightpurplebg {
background:var(--secondary);
 }

.darkpurplebg {
 background:var(--dark);
 color:var(--light);

  --link: var(--light);
  --linkHover: var(--primary);
  --hColor: var(--light);

}


.svetle-modra{
background:var(--light);
}

.oranzova {
background:var(--primary);
}

.tmave-modra{
background:var(--dark);color:var(--light);--hColor:var(--light);
}


.svetle-modra h3,
.oranzova h3,
.tmave-modra h3{
min-height:2.4em;
margin-bottom:var(--gap);
}


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

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

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

.center_narrow .center_narrow,
.paragraph--position--center_narrow > .paragraph-content .center_narrow,
.paragraph--position--centred > .paragraph-content .center_narrow,
.body-center .center_narrow,
.center .center_narrow,
.center_narrow .paragraph--position--center_narrow > .paragraph-content,
.paragraph--position--center_narrow > .paragraph-content .paragraph--position--center_narrow > .paragraph-content,
.paragraph--position--centred > .paragraph-content .paragraph--position--center_narrow > .paragraph-content,
.body-center .paragraph--position--center_narrow > .paragraph-content,
.center .paragraph--position--center_narrow > .paragraph-content,
.center_narrow .paragraph--position--centred > .paragraph-content,
.paragraph--position--center_narrow > .paragraph-content .paragraph--position--centred > .paragraph-content,
.paragraph--position--centred > .paragraph-content .paragraph--position--centred > .paragraph-content,
.body-center .paragraph--position--centred > .paragraph-content,
.center .paragraph--position--centred > .paragraph-content,
.center_narrow .body-center,
.paragraph--position--center_narrow > .paragraph-content .body-center,
.paragraph--position--centred > .paragraph-content .body-center,
.body-center .body-center,
.center .body-center,
.center_narrow .center,
.paragraph--position--center_narrow > .paragraph-content .center,
.paragraph--position--centred > .paragraph-content .center,
.body-center .center,
.center .center {
  padding: 0px;
}




/*==================================================================================================================================
		odsazeni
==================================================================================================================================*/
.margin_top,
.odsazeni_zhora {
  margin-top: var(--gap);
}
.margin_bottom,
.odsazeni_zespoda {
  margin-bottom: var(--gap);
}
.margin_top_big {
  margin-top: var(--gapbig);
}
.margin_bottom_big {
  margin-bottom: var(--gapbig);
}
.margin_top_small {
  margin-top: var(--gapsmall);
}
.margin_bottom_small {
  margin-bottom: var(--gapsmall);
}
.padding_top_big {
  padding-top: var(--gapbig);
}
.padding_bottom_big {
  padding-bottom: var(--gapbig);
}
.padding_top {
  padding-top: var(--gap);
}
.padding_bottom {
  padding-bottom: var(--gap);
}
.padding_top_small {
  padding-top: var(--gapsmall);
}
.padding_bottom_small {
  padding-bottom: var(--gapsmall);
}
@media all and (max-width: 720px) {
  .mobilepaddingtopzero {
    padding-top: 0;
  }
  .mobilepaddingbottomzero {
    padding-bottom: 0;
  }
}

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

#header {
  width: 100%;
  position: relative;
  top: 0px;
  left: 0px;
  -webkit-transition: var(--transitionAll);
  -moz-transition: var(--transitionAll);
  -o-transition: var(--transitionAll);
  -ms-transition: var(--transitionAll);
  transition: var(--transitionAll);
  z-index: 10;
  border-bottom:1px solid var(--dark);
}

.region-header {
  max-width: var(--center);
  gap: var(--gap);
  margin: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  -webkit-transition: var(--transitionAll);
  -moz-transition: var(--transitionAll);
  -o-transition: var(--transitionAll);
  -ms-transition: var(--transitionAll);
  transition: var(--transitionAll);
  padding: var(--gapsmall) var(--centerpadding);
}

#block-drualas-theme-site-branding {
  position: relative;
  z-index: 1000001;
  flex-shrink: 0;
}

a.site-logo {
  line-height: 1px;
  display: block;
}
a.site-logo img {
  width: 105px;
  -webkit-transition: 0.3s all ease-in-out;
  -moz-transition: 0.3s all ease-in-out;
  -o-transition: 0.3s all ease-in-out;
  -ms-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
}

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

.mactive #header{
  background: var(--light);
}

}


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

.region-bottom {
  font-size: var(--middle);
  line-height: 1.5em;
  color: var(--light);

  --link: var(--light);
  --linkHover: var(--primary);
  --hColor: var(--light);
  padding: var(--gapbig) 0px var(--gapsmall);

}


.region-bottom h2{
font-size:var(--h3);line-height:1.2em;
}

.region-bottom a {
  text-decoration: none;
}
.region-bottom a:hover,
.region-bottom a:focus {
  text-decoration: underline;
}

.region-bottom  > .center {
  display: flex;
  justify-content: space-between;
  align-items: start;
  gap:   var(--gap) var(--gap);
}


.region-bottom  > .center > div {
	width:calc(33.33% - (var(--centerpadding) * 2 * 0.3333));
}

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

.region-bottom{
  padding: var(--gapbig) 0px var(--gap);
}

  .region-bottom .center {
    text-align: start;
    flex-wrap: wrap;
    flex-direction: column;
  }


.region-bottom  > .center > div {
	width:100%;text-align:center;
}

}


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

.region-totalbottom {
  font-size: var(--middle);
  line-height: 1.5em;
  color: var(--primary);
  font-weight:700;
  text-align: center;

  --link: var(--primary);
  --linkHover: var(--light);

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

.region-totalbottom .center {
    text-align: center;align-items:center;justify-content:center;
    flex-wrap: wrap;
    flex-direction: column;display:flex;
gap:var(--gapsmall);
  }


.region-totalbottom a {
  text-decoration: none;
}

.region-totalbottom p {
  margin: 0px;
}

#block-drualas-theme-socky{margin-bottom:var(--gap);}

#block-drualas-theme-socky p{
    text-align: center;align-items:center;justify-content:center;
    flex-wrap: wrap;gap:var(--gapsmaller) var(--gapsmall);
    display:flex;
}

#block-drualas-theme-socky a{
display:block;height:35px;line-height:100em;overflow:hidden;
background-repeat:no-repeat;
background-position:center center;
background-size:auto 100%;
}

#block-drualas-theme-socky a[href*="facebook"]{background-image:url(../images/facebook.svg);width:17px;}
#block-drualas-theme-socky a[href*="instagram"]{background-image:url(../images/instagram.svg);width:35px;}
#block-drualas-theme-socky a[href*="linkedin"]{background-image:url(../images/linekdin.svg);width:35px;}

#block-drualas-theme-socky a[href*="facebook"]:focus,
#block-drualas-theme-socky a[href*="facebook"]:hover{background-image:url(../images/facebook-a.svg);}

#block-drualas-theme-socky a[href*="instagram"]:hover,
#block-drualas-theme-socky a[href*="instagram"]:focus{background-image:url(../images/instagram-a.svg);}

#block-drualas-theme-socky a[href*="linkedin"]:hover,
#block-drualas-theme-socky a[href*="linkedin"]:focus{background-image:url(../images/linekdin-a.svg);}

#block-drualas-theme-totalfooter .field--name-body,
#block-drualas-theme-creators  .field--name-body {
    text-align: center;align-items:center;justify-content:center;
    flex-wrap: wrap;gap:var(--gapsmaller) var(--gapsmall);
    display:flex;


}


/*=================================================================================================================================
		služby
==================================================================================================================================*/

.view-sluzby .view-content{
display:flex;flex-wrap:wrap;
align-items:inherit;
justify-content:start;
gap:var(--gap);
}


.view-sluzby .view-content .views-row{
  display: flex;
width:calc(33.33% - (var(--gap) * 2 * 0.3333 ));
}



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

.view-sluzby .view-content .views-row {
  width: calc(50% - (var(--gap) * 0.5));
}

}

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

.view-sluzby .view-content .views-row {
  width: 100%;
}

}


/*=================================================================================================================================
	detail služby
==================================================================================================================================*/


.page-node-type-osoba .layout-content,
.page-node-type-sluzby .layout-content{
	padding:var(--gapbig) 0px;
}



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

.form-item-markup{
font-size:var(--middle);
}

.form-item-markup p{
margin:0px;
}

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

.webform-ajax-form-wrapper{
  --gapsmaller: 20px;
}

}

/*=================================================================================================================================
		tým
==================================================================================================================================*/

.view-team.view-display-id-block_1 .view-content{
  display: flex;
  align-items: start;
  justify-content: start;
  gap: var(--gapbig);flex-wrap:wrap;
}

.view-team.view-display-id-block_1 .view-content > div{
  width: calc(50% - (var(--gapbig) * 0.5));  text-align: center;
}

.teaser-osoba-img a{display:block;}


.teaser-osoba-img{
line-height:1px;
max-width:600px;
margin: 0px auto var(--gap);
}

.person-column .field--name-field-viewimage{line-height:1px;}

.person-column .field--name-field-viewimage img,
.teaser-osoba-img img{
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}

.teaser-osoba-inner{
  font-size: var(--basic);
  line-height:1.5em;
  --link: var(--dark);
  --linkHover: var(--primary);
}

.teaser-osoba-inner h3{font-size:var(--h2);font-weight:400;}

.teaser-osoba-inner a{
text-decoration:none;
}


.token-osoba{
font-size:var(--small);line-height:1.5em;
}

.token-osoba h3{
font-weight:400;font-size:var(--h4);  margin: 0px 0px var(--gapsmall);
}


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


.teaser-osoba-img{
max-width:80%;
}

.view-team.view-display-id-block_1 .view-content > div {
  width: 100%;
}

}


/*=================================================================================================================================
	rozvržení týmu
==================================================================================================================================*/

.team > .paragraph-content > .paragraph-content-list{

}

.team > .paragraph-content > .paragraph-content-list > div.team-advokati {
  width: calc(66.66% - (var(--gap) * 0.5));
}

.team > .paragraph-content > .paragraph-content-list > div.team-administrativa {
  width: calc(33.33% - (var(--gap) * 0.5));
}

.team-advokati{}

.team-administrativa{}


.team-advokati .paragraph--type--text-content{
margin-bottom:var(--gap);
}


.team-administrativa  > .paragraph-content > .paragraph-content-list {
  display: flex;
  flex-direction: column;text-align:right;
}

.team-administrativa .paragraph--type--text-content{
order:1;margin-top:var(--gap);
}

.team-administrativa .paragraph--type--text-content h2,
.team-advokati .paragraph--type--text-content h2{margin:0px;}



.team-administrativa .paragraph--type--view{
order:0;
}

.view-team.view-display-id-block_3 .view-content{display:flex;gap:var(--gap);flex-wrap:wrap;}


.view-team.view-display-id-block_3 .view-content .views-row{  width: calc(50% - (var(--gap) * 0.5));}


.view-team.view-display-id-block_4 .view-content{display:flex;flex-direction:column;gap:var(--gap);}


.view-team.view-display-id-block_4 .view-content .views-row{}


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

.team > .paragraph-content > .paragraph-content-list > div.team-advokati,
.team > .paragraph-content > .paragraph-content-list > div.team-administrativa {
  width: 100%;
}


.view-team.view-display-id-block_3 .view-content .views-row,
.view-team.view-display-id-block_4 .view-content .views-row{width:calc(50% - (var(--gap) * 0.5));}


.team-administrativa .paragraph--type--text-content{
order:0;margin-bottom:var(--gap); 
}

.team-administrativa .paragraph--type--view{
order:1;
}

.team-administrativa  > .paragraph-content > .paragraph-content-list {
text-align:left;
}

.team-administrativa > .paragraph-content > .paragraph-content-list > div{width:100%;}

.view-team.view-display-id-block_4 .view-content {
  flex-direction: row;
  flex-wrap: wrap;
}

}

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

.team-administrativa > .paragraph-content > .paragraph-content-list,
.team{text-align:center;}

.view-team.view-display-id-block_3 .view-content .views-row,
.view-team.view-display-id-block_4 .view-content .views-row{width:100%;}


}

/*=================================================================================================================================
	detail osoby
==================================================================================================================================*/

.person-columns {
  display: flex;
  justify-content: space-between;
  align-items: start;
  gap: var(--gapbig);
  margin-bottom: var(--gap);
}
.person-column.first {
}
.person-column.first .node-title {
}

.person-column.first .person-contats,
.person-column.first .field--name-field-pozice {
  margin-bottom: 20px;
}

.person-column.last {
  width: 42%;
  flex-shrink: 0;
}





    
.person-socials {
  margin-top: var(--gap);
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.person-socials-label {
  width: 100%;
  color: var(--dark);
}
.field--name-field-youtube a,
.field--name-field-linkedin a,
.field--name-field-instagram a,
.field--name-field-facebook a {
  display: block;
  width: 40px;
  height: 40px;
  line-height: 100em;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
}
.field--name-field-facebook a {
  background-image: url(../images/fb.svg);
}
.field--name-field-facebook a:hover,
.field--name-field-facebook a:focus {
  background-image: url(../images/fb-a.svg);
}
.field--name-field-instagram a {
  background-image: url(../images/insta.svg);
}
.field--name-field-instagram a:hover,
.field--name-field-instagram a:focus {
  background-image: url(../images/insta-a.svg);
}
.field--name-field-linkedin a {
  background-image: url(../images/linked.svg);
}
.field--name-field-linkedin a:hover,
.field--name-field-linkedin a:focus {
  background-image: url(../images/linked-a.svg);
}
.field--name-field-youtube a {
  background-image: url(../images/you.svg);
}
.field--name-field-youtube a:hover,
.field--name-field-youtube a:focus {
  background-image: url(../images/you-a.svg);
}
@media all and (max-width: 720px) {
  .person-columns {
    flex-direction: column;
    gap: var(--gap);
  }
  .person-column.last {
    order: 0;
    width: 100%;
  }
  .person-column.last img {
    width: 100%;
  }
  .person-column.first {
    order: 1;
  }
}