@import "print.css";
:root {
  --fontFamily: 'Roboto', Arial, Helvetica, "Nimbus Sans L", sans-serif;
  --transitionAll: 0.3s all ease-in-out;
  --transitionTop: 0.3s top ease-in-out;
  --radius: 20px;
  /* colors */
  --dark: #131313;
  --dark_48: #929b9a;
  --light: #F8FCFC;
  --primary: #eebc00;
  --primary_48: #afe0db;
  --primarydark_48: #ffd901;
  --darklight_16: #3f4e4d;
  --lightBg: #fffbef;
  --darkrgb: 19, 19, 19;
  --lightrgb: 248, 252, 252;
  --primaryrgb: 238, 188, 0;
  --white: #ffffff;
  --bgform: var(--lightBg);
  --textColor: rgba(var(--darkrgb), 0.8);
  --hColor: var(--dark);
  --hr: var(--dark_48);
  --border: rgba(var(--primaryrgb), 0.48);
  --link: var(--primary);
  --linkHover: var(--primarydark_48);
  --buttonColorText: var(--dark);
  --buttonColor: var(--primary);
  --buttonColorBg: var(--primary);
  --buttonColorTextHover: var(--dark);
  --buttonColorHover: var(--primarydark_48);
  --buttonColorBgHover: var(--primarydark_48);
  /* gap */
  --mezera: clamp(80px, 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);
  --center: 1720px;
  --centernorrow: 1000px;
  --centerpadding: var(--mezera);
  --centerpaddingminus: calc(var(--mezera) * -1);
  /* font size */
  --h1: 64px;
  --h2: 48px;
  --h3: 32px;
  --h4: 24px;
  --basic: 16px;
  --big: 20px;
  --big2: 20px;
  --smaller: 14px;
  --small: 12px;
  /* formáty textu */
  --button: var(--basic);
  --buttonPadding: 15px 25px;
  --menusize: var(--basic);
  --menusize2: var(--basic);
  --label: var(--basic);
  --basictext: var(--basic);
  --tabletext: var(--basic);
  /* view */
  --v4sirka: calc(25% - calc(var(--gapsmall) * 3 * 0.25));
  --v3sirka: calc(33.33% - calc(var(--gapsmall) * 2 * 0.3333));
  --v2sirka: calc(50% - calc(var(--gapsmall) * 1 * 0.5));
}
@media all and (max-width: 1500px) {
  :root {
    --v4sirka: calc(33.333% - calc(var(--gapsmall) * 2 * 0.3333));
  }
}
@media all and (max-width: 720px) {
  :root {
    --mezera: 60px;
    --v4sirka: calc(50% - calc(var(--gapsmall) * 0.5));
    --v3sirka: calc(50 - calc(var(--gapsmall) * 0.5));
    --centerpadding: 30px;
    --centerpaddingminus: -30px;
    --buttonPadding: 10px 20px;
    --h1: 40px;
    --h2: 32px;
    --h3: 24px;
    --h4: 20px;
    --basic: 16px;
    --big: 18px;
    --big2: 16px;
    --small: 12px;
    --menusize: var(--big);
    --menusize2: var(--basic);
    --menusize3: calc(var(--basic) * 0.9);
  }
}
@media all and (max-width: 500px) {
  :root {
    --v3sirka: 100%;
    --v4sirka: 100%;
  }
}
#main {
  overflow: hidden;
}
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(--dark);
  min-width: 1200px;
  scroll-behavior: smooth;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
}
@media all and (max-width: 720px) {
  body {
    min-width: 0px;
  }
}
/*
[data-once="ajax-pager"] {
scroll-margin-top: 25rem;
}
*/
.layout-container {
  background: var(--lightBg);
}
.layout-content {
  padding-bottom: var(--gapbig);
  padding-top: var(--gapbig);
}
/*==================================================================================================================================
		bg
==================================================================================================================================*/
.darkbg {
  background: var(--primary);
  color: var(--textColor);
  --textColor: var(--white);
  --hColor: var(--white);
  --buttonColorText: var(--white);
  --buttonColor: var(--dark);
  --buttonColorBg: var(--dark);
  --buttonColorTextHover: var(--light);
  --buttonColorHover: var(--primarydark_48);
  --buttonColorBgHover: var(--primarydark_48);
}
.darkbg strong {
  color: var(--white);
}
blockquote h2,
.darkbg h2 {
  font-size: var(--h3);
}
.whitebg {
  background: var(--white);
}
/*==================================================================================================================================
		center
==================================================================================================================================*/
.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: var(--centernorrow);
  width: 100%;
  margin: 0px auto;
  padding: 0px var(--centerpadding);
  position: relative;
}
.paragraph--position--center_narrow > .paragraph-content .paragraph--position--centred > .paragraph-content,
.paragraph--position--center_narrow > .paragraph-content .paragraph--position--center_narrow > .paragraph-content,
.center .paragraph--position--center_narrow > .paragraph-content,
.center .paragraph--position--centred > .paragraph-content,
.center .center,
.paragraph--position--centred .paragraph--position--center_narrow > .paragraph-content,
.paragraph--position--centred > .paragraph-content .paragraph--position--centred > .paragraph-content {
  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: fixed;
  top: 0px;
  left: 0px;
  -webkit-transition: var(--transitionAll);
  -moz-transition: var(--transitionAll);
  -o-transition: var(--transitionAll);
  -ms-transition: var(--transitionAll);
  transition: var(--transitionAll);
  -webkit-box-shadow: 0px 16px 96px 0px rgba(var(--darkrgb), 0);
  box-shadow: 0px 16px 96px 0px rgba(var(--darkrgb), 0);
  background: var(--light);
  z-index: 10;
}
.scrolltop2 #header {
  -webkit-box-shadow: 0px 16px 96px 0px rgba(var(--darkrgb), 0.24);
  box-shadow: 0px 16px 96px 0px rgba(var(--darkrgb), 0.24);
}
.region-header {
  gap: 0px 40px;
  max-width: var(--center);
  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: 10px var(--centerpadding);
}
.user-logged-in #header {
  top: 80px;
}
#block-drualas-theme-site-branding {
  flex-shrink: 0;
}
a.site-logo {
  line-height: 1px;
  display: block;
}
a.site-logo img {
  height: 40px;
  -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;
}
.scrolltop2 a.site-logo img {
  height: 40px;
}
@media all and (max-width: 720px) {
  a.site-logo img,
  .scrolltop2 a.site-logo img {
    height: 30px;
  }
}
/*==================================================================================================================================
	header bg
==================================================================================================================================*/
.header-around {
  position: relative;
  padding-top: 70px;
}
.region-highlighted {
  display: flex;
  align-items: start;
  justify-content: center;
  flex-direction: column;
  position: relative;
  padding: var(--gapbig) 0px;
  --textColor: var(--light);
  --hColor: var(--light);
}
.region-highlighted h1 {
  margin: 20px 0px;
}
.header-around-bgaround {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.header-around-bg {
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  animation: showSlide 15000ms infinite ease;
  -webkit-transform-origin: right center 0;
  -moz-transform-origin: right center 0;
  -o-transform-origin: right center 0;
  -ms-transform-origin: right center 0;
  transform-origin: right center 0;
  -moz-transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}
.nema .header-around-bg {
  background-image: url(../images/default.webp);
}
.header-around-bg::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  background: linear-gradient(90deg, rgba(28, 45, 43, 0.8) 0%, rgba(28, 45, 43, 0) 75%);
}
.header-around-bg::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  background: linear-gradient(0deg, rgba(28, 45, 43, 0.8) 0%, rgba(28, 45, 43, 0) 75%, rgba(28, 45, 43, 0.09) 100%);
}
/*==================================================================================================================================
		second menu
==================================================================================================================================*/
.second-menu {
  display: flex;
  justify-content: end;
  align-items: center;
  gap: 20px;
}
.telefon {
  text-align: left;
  flex-shrink: 0;
}
.telefon a {
  text-decoration: none;
}
.popisek {
  font-size: var(--small);
  line-height: 1em;
  color: var(--textColor);
}
/*==================================================================================================================================
		footer
==================================================================================================================================*/
.region-bottom {
  --link: var(--light);
  --linkHover: var(--primary);
  --textColor: rgba(var(--lightrgb), 0.8);
  --hColor: var(--light);
  color: var(--textColor);
  padding: var(--gap) 0px;
}
.region-bottom a {
  text-decoration: none;
}
.region-bottom p {
  margin: 0px;
}
/* paticka menu */
footer .menu {
  border-top: 1px solid rgba(var(--lightrgb), 0.16);
  margin: var(--gap) 0px 0px;
  list-style: none;
  padding: var(--gap) 0px 0px;
  display: flex;
  gap: var(--gapsmall);
  justify-content: space-around;
  width: 100%;
}
footer .menu li a {
  font-weight: 700;
}
@media all and (max-width: 720px) {
  .region-bottom .center {
    text-align: center;
  }
  footer .menu {
    justify-content: center;
    flex-wrap: wrap;
  }
}
/*==================================================================================================================================
		total bottom
==================================================================================================================================*/
.region-totalbottom {
  border-top: 1px solid rgba(var(--lightrgb), 0.16);
  --link: var(--light);
  --linkHover: var(--primary);
  --textColor: rgba(var(--lightrgb), 0.8);
  color: var(--textColor);
}
.region-totalbottom a {
  text-decoration: none;
}
.region-totalbottom p {
  margin: 0px;
}
.region-totalbottom .field--name-body {
  padding: var(--gap) 0px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px 20px;
}
@media all and (max-width: 720px) {
  .region-totalbottom .field--name-body {
    justify-content: center;
    flex-wrap: wrap;
    text-align: center;
  }
  .region-totalbottom .field--name-body p {
    width: 100%;
  }
  .region-totalbottom .field--name-body span {
    display: block;
  }
  .region-totalbottom .field--name-body p:nth-child(2) {
    order: 99;
  }
}
.socs {
  gap: 10px;
  display: flex;
}
.socs a {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: auto 20px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 1px solid var(--primary);
  background-color: var(--primary);
  width: 48px;
  height: 48px;
  line-height: 100em;
  overflow: hidden;
  display: block;
  position: relative;
  z-index: 1;
}
.socs a:focus,
.socs a:hover {
  border: 1px solid var(--primarydark_48);
  background-color: var(--primarydark_48);
}
.socs a[href*="facebook"] {
  background-image: url(../images/fb-a.svg);
}
.socs a[href*="instagram"] {
  background-image: url(../images/insta-a.svg);
}
.socs a[href*="x.com"],
.socs a[href*="twitter"] {
  background-image: url(../images/x-a.svg);
}
.socs a[href*="linkedin"] {
  background-image: url(../images/linked-a.svg);
}
.socs a[href*="youtube"] {
  background-image: url(../images/you-a.svg);
}
/*==================================================================================================================================
	view clanky
==================================================================================================================================*/
.viewrows .view-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: inherit;
  gap: var(--gapsmall);
}
.viewcol4 > .view-content .views-row {
  width: var(--v4sirka);
}
.viewcol3 > .view-content .views-row {
  width: var(--v4sirka);
}
.viewslider .view-content {
  display: flex;
  margin: 0px calc(-24px - var(--gapsmaller));
}
.node-aktualita .field--name-field-topimage {
  margin-top: var(--gapbig);
  line-height: 1px;
  overflow: hidden;
  -webkit-border-radius: var(--radius);
  -moz-border-radius: var(--radius);
  border-radius: var(--radius);
}
.viewslider .view-content > .views-row {
  display: none;
}
@media all and (min-width: 1500px) {
  .viewslider .view-content > .views-row:nth-child(4),
  .viewslider .view-content > .views-row:nth-child(3),
  .viewslider .view-content > .views-row:nth-child(2),
  .viewslider .view-content > .views-row:nth-child(1) {
    display: flex;
  }
}
@media all and (max-width: 1500px) and (min-width: 721px) {
  .viewslider .view-content > .views-row:nth-child(3),
  .viewslider .view-content > .views-row:nth-child(2),
  .viewslider .view-content > .views-row:nth-child(1) {
    display: flex;
  }
}
@media all and (max-width: 720px) and (min-width: 581px) {
  .viewslider .view-content > .views-row:nth-child(2),
  .viewslider .view-content > .views-row:nth-child(1) {
    display: flex;
  }
}
@media all and (max-width: 580px) {
  .viewslider .view-content > .views-row:nth-child(1) {
    display: flex;
  }
}
@media all and (max-width: 720px) {
  .viewslider .view-content {
    margin: 0px calc(-10px - var(--gapsmaller));
  }
}
/*==================================================================================================================================
	reference
==================================================================================================================================*/
.slickrecenze {
  display: flex;
  flex-direction: column;
  gap: var(--gap);
}
.slickrecenze > .view-content {
  margin: 0px calc(-24px - var(--gapsmaller));
}
.slickrecenze > .view-content > .views-row {
  display: none;
}
.slickrecenze > .view-content > .views-row:nth-child(2),
.slickrecenze > .view-content > .views-row:nth-child(1) {
  display: flex;
}
.teaser-recenze {
  width: 100%;
  background: var(--white);
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-border-radius: var(--radius);
  -moz-border-radius: var(--radius);
  border-radius: var(--radius);
  overflow: hidden;
  text-decoration: none;
  padding: var(--gap);
  text-align: center;
  flex-direction: column;
}
.teaser-recenze .field--name-body {
  font-style: italic;
}
.teaser-recenze h3 {
  margin: 0px;
  font-size: var(--big);
  line-height: 1.2em;
}
.teaser-recenze .field--name-field-ikona {
  width: 200px;
  height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
}
.teaser-recenze .field--name-field-ikona img {
  max-height: 100%;
}
.marquee-content {
  display: inline-flex;
  will-change: transform;
  align-items: center;
}
.refline .view-content {
  overflow: hidden;
  white-space: nowrap;
  cursor: grab;
  touch-action: pan-y;
  margin: 0px 0px var(--gap);
  display: flex;
}
.refline .view-content:active {
  cursor: grabbing;
}
.view-reference.view-display-id-attachment_1 .view-content {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: var(--gap);
  margin: 0px 0px var(--gap);
}
.refline .view-content .views-row {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0px var(--gapbig);
  height: 100px;
}
.refline .views-row img {
  filter: grayscale(100%);
  height: 100px;
  max-width: unset;
}
.refline .views-row.nasirku img {
  height: 60px;
}
.view-reference.view-display-id-attachment_1 .views-row {
  width: 200px;
  height: 100px;
  display: flex;
  margin: 0px 20px;
  justify-content: center;
  align-items: center;
}
.view-reference.view-display-id-attachment_1 .views-row img {
  filter: grayscale(100%);
  max-height: 100%;
}
.refline .views-row img:hover,
.view-reference.view-display-id-attachment_1 .views-row img:hover {
  filter: grayscale(0%);
}
@media all and (max-width: 720px) {
  .refline .view-content .views-row {
    margin: 0px var(--gap);
    height: 70px;
  }
  .refline .views-row img {
    height: 70px;
  }
  .refline .views-row.nasirku img {
    height: 40px;
  }
}
/*==================================================================================================================================
	prostý výpis log
=================================================================================================================================*/
.refline2 .view-content {
  overflow: hidden;
  white-space: nowrap;
  margin: 0px 0px;
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap) var(--gapbig);
  justify-content: center;
}
.refline2 .view-content .views-row {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0px  ;
  height: 100px;
}
.refline2 .views-row img {
  filter: grayscale(100%);
  height: 100px;
  max-width: unset;
}
.refline2 .views-row.nasirku img {
  height: 60px;
}
.refline2 .views-row img:hover {
  filter: grayscale(0%);
}
/*==================================================================================================================================
	main reference
==================================================================================================================================*/
.mainrecenze .view-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: inherit;
  gap: var(--gap);
}
.mainrecenze .view-content .views-row {
  width: calc(50% - (var(--gap) * 0.5));
  display: flex;
}
@media all and (max-width: 650px) {
  .mainrecenze .view-content .views-row {
    width: 100%;
  }
}
/*==================================================================================================================================
	view proč my
==================================================================================================================================*/
.paragraph--type--view .view-proc-my {
  /*padding:var(--gap) var(--gapsmall);
  background: var(--white);*/
  display: flex;
  align-items: inherit;
  justify-content: space-between;
  -webkit-border-radius: var(--radius);
  -moz-border-radius: var(--radius);
  border-radius: var(--radius);
  overflow: hidden;
}
.view-proc-my .view-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: start;
  gap: var(--gapsmall);
  text-align: center;
}
.view-proc-my .view-content > div {
  width: calc(25% - (var(--gapsmall) * 3 * 0.25 + 1px));
}
#block-drualas-theme-oblasti .view-proc-my .view-content > div,
#block-oblasti .view-proc-my .view-content > div {
  width: calc(50% - (var(--gapsmall) * 1 * 0.5));
}
.procmy .field--name-field-ikona img {
  height: 32px;
}
.procmy h3 {
  margin: 10px auto;
  font-size: var(--big);
  line-height: 1.2em;
}
@media all and (max-width: 720px) {
  .procmy h3 {
    font-size: var(--basic);
  }
  .view-proc-my .view-content > div {
    width: calc(50% - (var(--gapsmall) * 1 * 0.5));
  }
}
@media all and (max-width: 400px) {
  .view-proc-my .view-content > div {
    width: 100%;
  }
}
/*==================================================================================================================================
	share
==================================================================================================================================*/
.share-info {
  gap: var(--gapsmaller);
  padding: var(--gapsmall) var(--gap);
  background: var(--primary);
  color: var(--light);
  display: flex;
  justify-content: space-between;
  align-items: center;
  -webkit-border-radius: var(--radius);
  -moz-border-radius: var(--radius);
  border-radius: var(--radius);
  margin: var(--gapbig) auto;
}
h3.share-title {
  color: var(--light);
  margin: 0px;
}
.share-box {
  display: flex;
  gap: var(--gapsmaller);
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
a.share {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: auto 20px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 1px solid var(--light);
  background-color: var(--primary);
  width: 48px;
  height: 48px;
  line-height: 100em;
  overflow: hidden;
  display: block;
  position: relative;
  z-index: 1;
}
a.share:hover,
a.share:focus {
  background-color: var(--dark);
  border-color: var(--dark);
}
a.share1 {
  background-image: url(../images/fb-a.svg);
}
a.share2 {
  background-image: url(../images/insta-a.svg);
}
a.share3 {
  background-image: url(../images/linked-a.svg);
}
a.share4 {
  background-image: url(../images/mail-w.svg);
  background-size: 20px auto ;
}
a.share5 {
  background-image: url(../images/icon-print.svg);
  background-size: 20px auto ;
}
@media all and (max-width: 720px) {
  .share-info {
    justify-content: center;
    flex-wrap: wrap;
  }
}
/*==================================================================================================================================
	další články
==================================================================================================================================*/
.region-content > .views-element-container > h2 {
  text-align: center;
}
/*==================================================================================================================================
	oblasti - blok
==================================================================================================================================*/
.region-content > .views-element-container,
#block-drualas-theme-oblasti {
  width: 100%;
  max-width: var(--center);
  margin: var(--gapbig) auto 0px auto;
  padding-left: var(--centerpadding);
  padding-right: var(--centerpadding);
  position: relative;
}
#block-drualas-theme-oblasti,
#block-oblasti {
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  align-items: center;
  gap: var(--gap);
}
#block-drualas-theme-oblasti > h2,
#block-oblasti > h2 {
  width: 100%;
  text-align: center;
  margin-bottom: 0;
  max-width: 800px;
  margin-right: auto;
  margin-left: auto;
}
#block-drualas-theme-oblasti > div,
#block-oblasti > div {
  width: calc(60% - (var(--gap) * 0.5));
}
#block-drualas-theme-oblasti > div:first-child,
#block-oblasti > div:first-child {
  width: calc(40% - (var(--gap) * 0.5));
}
@media all and (max-width: 720px) {
  #block-drualas-theme-oblasti > div,
  #block-oblasti > div {
    width: 100%;
  }
}
/*==================================================================================================================================
	filtry
==================================================================================================================================*/
.bef-exposed-form .form--inline > .form-item,
.bef-exposed-form .form--inline .js-form-wrapper > .form-item {
  float: none;
  margin: 0px;
}
.region-content .bef-links ul {
  margin: 0px auto var(--gap);
  display: flex;
  max-width: var(--centernorrow);
  gap: 10px ;
  flex-wrap: wrap;
  justify-content: center;
}
.region-content .bef-links ul li {
  margin-bottom: 0px;
  padding-left: 0px;
}
.region-content .bef-links ul li:before {
  display: none;
}
.bef-links ul a {
  font-family: var(--fontFamily);
  border: 1px solid var(--buttonColor);
  background-color: transparent;
  color: var(--primary);
  font-weight: 700;
  min-height: 0px;
  font-size: var(--button);
  line-height: 1em;
  padding: var(--buttonPadding);
  margin: 0px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  -webkit-transition: var(--transitionAll);
  -moz-transition: var(--transitionAll);
  -o-transition: var(--transitionAll);
  -ms-transition: var(--transitionAll);
  transition: var(--transitionAll);
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
}
.bef-links ul a:hover,
.bef-links ul a:focus {
  border-color: var(--buttonColorHover);
  background-color: var(--buttonColorBgHover);
  color: var(--buttonColorTextHover);
}
.bef-links ul a.bef-link--selected {
  border-color: var(--primarydark_48);
  background-color: var(--primarydark_48);
  color: var(--light);
}
@media all and (max-width: 720px) {
  .region-content .bef-links ul li {
    width: calc(33.33% - (10px * 2 * 0.3333));
    display: flex;
  }
  .region-content .bef-links ul li a {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
  }
}
@media all and (max-width: 500px) {
  .region-content .bef-links ul li {
    width: calc(50% - (10px * 1 * 0.5));
  }
}
/*==================================================================================================================================
	Footer block
==================================================================================================================================*/
.region-footer {
  background: var(--white);
  padding: var(--gap) 0px var(--gapbig);
}
#block-drualas-theme-kontakt {
  margin-top: var(--gap);
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap);
  justify-content: center;
  align-items: start;
}
.views-element-container + #block-drualas-theme-kontakt {
  margin-top: var(--gapbig);
}
#block-drualas-theme-kontakt > div {
  width: calc(50% - (var(--gap)*0.5));
}
.provozovatel,
.adresa,
.tel,
.mail {
  margin: var(--gap) 0px;
  background-repeat: no-repeat;
  background-position: left 6px;
  background-size: 30px auto;
  padding-left: 40px;
  font-size: var(--h4);
  line-height: 1.2em;
}
.provozovatel a,
.adresa a,
.tel a,
.mail a {
  text-decoration: none;
}
#block-drualas-theme-kontakt .popisek {
  font-size: var(--basictext);
}
.adresa {
  background-image: url(../images/location.svg);
}
.tel {
  background-image: url(../images/phone.svg);
}
.mail {
  background-image: url(../images/mail.svg);
}
@media all and (max-width: 720px) {
  #block-drualas-theme-kontakt > div {
    width: 100%;
  }
}
/*==================================================================================================================================
	Footer form
==================================================================================================================================*/
.webform-submission-form > div.form-type-date label,
.webform-submission-form > div.form-type-tel label,
.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: 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;
  position: absolute;
  left: calc(var(--gapsmall) + 10px);
  top: 21px;
}
.webform-submission-form > div.form-type-date label,
.webform-submission-form > div.form-type-tel.focused label,
.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: 11px;
  font-size: var(--small);
}
.form-item-chcitrn label,
.form-item-chcidrapak label,
.form-item-chcivlek label,
.form-item-chcizajistitdopravu label {
  font-weight: 700 !important;
}
.form-item-chcitrn label .desc,
.form-item-chcidrapak label .desc,
.form-item-chcivlek label .desc,
.form-item-chcizajistitdopravu label .desc {
  font-weight: 400;
}
/*** captcha ***/
.captcha {
  margin: 0px 0px 20px;
}
.captcha legend {
  position: absolute !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}
.captcha input {
  width: 292px;
  min-width: 292px;
  max-width: 292px;
  border: 1px solid var(--border);
  flex-shrink: 0;
}
.captcha label:after {
  content: " VYKOPEJSI";
  font-weight: 700;
  display: inline;
  color: var(--primary);
}
.captcha label {
  -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;
  position: absolute;
  left: var(--gapsmall);
  top: 21px;
}
.captcha .focused label {
  top: 11px;
  color: rgba(var(--darkrgb), 0.48);
  font-size: var(--small);
}
.captcha .form-item {
  margin-bottom: 0px;
  display: flex;
  justify-content: start;
  align-items: start;
  gap: 10px;
}
.captcha .description {
  align-self: center;
  text-align: left;
  padding: 0px;
}
.captcha .captcha__description {
  display: none;
}
@media all and (max-width: 720px) {
  .captcha .form-item {
    flex-wrap: wrap;
  }
}
/*** messages ***/
.form-item--error-message {
  display: none;
}
/*** confirm ***/
.webform-confirmation {
  text-align: center;
}
.webform-confirmation__message {
  font-size: var(--h2);
  margin: 0px 0px 20px !important;
  font-weight: 700;
  color: var(--primary);
}
.region-content .webform-confirmation__message {
  color: var(--dark);
}
/*** form ***/
.webform-submission-form {
  display: flex;
  margin: 0px -10px;
  flex-wrap: wrap;
  justify-content: start;
  align-items: start;
}
.webform-submission-form .form-submit {
  width: 100%;
}
.webform-submission-form > fieldset,
.webform-submission-form > div {
  padding: 0px 10px 0px;
  width: 100%;
  position: relative;
}
.webform-submission-form > div.form-type-date,
.webform-submission-form > div.webform-type-tel,
.webform-submission-form > div.form-type-email,
.webform-submission-form > div.form-type-textfield {
  width: 50%;
}
.webform-submission-form > div.form-item-address {
  width: 100%;
}
.form-item--error-message {
  display: none;
}
.webform-confirmation {
  text-align: center;
}
.webform-confirmation__message {
  font-size: var(--h2);
  margin: 0px 0px 20px !important;
  font-weight: 700;
  color: var(--pink);
}
@media all and (max-width: 500px) {
  .webform-submission-form > div.form-type-date,
  .webform-submission-form > div.webform-type-tel,
  .webform-submission-form > div.form-type-email,
  .webform-submission-form > div.form-type-textfield {
    width: 100%;
  }
}
/*==============================================================================================================
	down 
==============================================================================================================*/
#downl a {
  z-index: 1;
  content: "";
  display: block;
  position: absolute;
  width: 40px;
  margin: auto;
  height: 40px;
  background: url(../images/arrow-down.svg) center center no-repeat var(--primary);
  background-size: 19px auto;
  bottom: 50px;
  -webkit-transition: var(--transitionAll);
  -moz-transition: var(--transitionAll);
  -o-transition: var(--transitionAll);
  -ms-transition: var(--transitionAll);
  transition: var(--transitionAll);
  left: 50%;
  margin-left: -20px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
}
#downl a:focus,
#downl a:hover {
  background-image: url(../images/arrow-down.svg);
  background-color: var(--primarydark_48);
}
@media all and (max-width: 720px) {
  #downl {
    display: none;
  }
}
/*==============================================================================================================
	slovník pojmů 
==============================================================================================================*/
.view-slovnik-pojmu .view-content {
  justify-content: start;
}
.view-slovnik-pojmu form .form--inline {
  display: flex;
  justify-content: start;
  align-items: end;
  flex-wrap: wrap;
  gap: 10px;
}
.view-slovnik-pojmu form .form--inline input.form-text {
  padding: var(--buttonPadding);
  font-size: var(--button);
  line-height: 1em;
}
.view-slovnik-pojmu.view-display-id-attachment_1 {
  display: flex;
  flex-wrap: wrap;
  margin: var(--gapsmall) 0px;
}
.view-slovnik-pojmu.view-display-id-attachment_1 .view-header {
  font-weight: 700;
}
.view-slovnik-pojmu.view-display-id-attachment_1 .views-summary {
  font-size: var(--smaller);
}
.view-slovnik-pojmu.view-display-id-attachment_1 .views-summary a {
  font-weight: 700;
  font-size: var(--basic);
}
.view-slovnik-pojmu.view-display-id-attachment_1 .view-content {
  gap: 10px;
}
/*==============================================================================================================
	ceník 
==============================================================================================================*/
.ceny .field--name-field-body {
  display: flex;
  justify-content: space-between;
  align-items: inherit;
  flex-wrap: wrap;
  gap: var(--gapsmall);
}
.ceny .field--name-field-body p {
  width: calc(20% - (var(--gapsmall) * 4 * 0.2));
  background: var(--lightBg);
  -webkit-border-radius: var(--radius);
  -moz-border-radius: var(--radius);
  border-radius: var(--radius);
  padding: var(--gapsmall);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
}
.ceny .field--name-field-body p strong {
  display: block;
  margin: 10px 0px;
  font-size: var(--h3);
  line-height: 1em;
  color: var(--primary);
}
.ceny .field--name-field-body p em {
  font-style: normal;
  font-size: var(--small);
  opacity: 0.6;
  line-height: 1.2em;
}
.cenyextra .field--name-field-body {
  display: flex;
  justify-content: space-between;
  align-items: inherit;
  flex-wrap: wrap;
  gap: var(--gapsmall);
}
.cenyextra .field--name-field-body h3 {
  width: 100%;
}
.cenyextra .field--name-field-body p {
  line-height: 1.2em;
  width: calc(25% - (var(--gapsmall) * 3 * 0.25));
  background: var(--lightBg);
  -webkit-border-radius: var(--radius);
  -moz-border-radius: var(--radius);
  border-radius: var(--radius);
  padding: var(--gapsmall);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
}
.cenyextra .field--name-field-body p strong {
  display: block;
  margin: 5px 0px;
  font-size: var(--h3);
  line-height: 1em;
  color: var(--primary);
}
.cenyextra .field--name-field-body p em {
  line-height: 1.2em;
  font-style: normal;
  font-size: var(--small);
  opacity: 0.6;
}
@media all and (max-width: 720px) {
  .cenyextra .field--name-field-body,
  .ceny .field--name-field-body {
    justify-content: center;
  }
  .cenyextra .field--name-field-body p,
  .ceny .field--name-field-body p {
    width: calc(33.33% - (var(--gapsmall) * 2 * 0.3333));
  }
}
@media all and (max-width: 600px) {
  .cenyextra .field--name-field-body,
  .ceny .field--name-field-body {
    justify-content: center;
  }
  .cenyextra .field--name-field-body p,
  .ceny .field--name-field-body p {
    width: calc(50% - (var(--gapsmall) * 0.5));
  }
}
.image-alt {
  font-size: var(--basictext);
  color: var(--hColor);
  font-weight: 700;
  display: block;
  line-height: 1.2em;
  margin-top: 10px;
}
.form-type-webform-markup {
  font-size: 0.9em;
  line-height: 1.2em;
}
.form-type-webform-markup p {
  margin: 0px;
}