/* vars */
:root {
  --main-color: #27242c;
  --link-color: #0e6231 !important;
  --layout-width: 1200px;
}

/* layout */

body {
  color: var(--main-color);
  font-family: 'Open Sans', sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.5em;
}

/* elements */

a{
  color: var(--link-color);
  -moz-transition: all .4s;
  -webkit-transition: all .4s;
  transition: all .4s;
}

* {
  outline: none;
}

h1, h2, h3, h4{
  font-family: 'Playfair Display', serif;
  font-weight: 400;
}

button, input, select, textarea{
  font-family: 'Open Sans', sans-serif;
}

input[type="search"]{
  border: 1px solid #999;
  border-radius: 23px;
  padding: 0px 37px 0px 25px;
  line-height: 44px;
  width: 100%;
  box-sizing: border-box;
}
img{
  max-width: 100%;
  height: auto;
}
.layout-container{
  overflow: hidden;
}

/* header */

header{
  width: var(--layout-width);
  margin: 33px auto 29px;
}

.region-header{
  display: grid;
  grid-template-columns: 1fr 2fr 1fr;
}

.site-name{
  display: none;
}
header .menu--header-menu ul.menu{
  margin: 16px 0px;
  text-align: right;
}
header .menu--header-menu ul.menu li{
  display: inline-block;
  width: 44px;
  height: 44px;
  padding: 0;
  background-color: #0e6231;
  border-radius: 22px;
  vertical-align: top;
}

header .menu--header-menu ul.menu li a{
  /* background: url('images/mail.svg') no-repeat center center; */
  background: url('images/rss.svg') no-repeat center center;
  width: 44px;
  height: 44px;
  display: block;  
  border-radius: 22px;
  font-size: 0px;
  text-indent: -5000px;  
}

header .menu--header-menu ul.menu li a.mail{background-size: 30px 30px;}

header .menu--header-menu ul.menu li a.facebook{
  background-image: url('images/fb.svg');
}

header .menu--header-menu ul.menu li a.tw{
  background-image: url('images/tw.svg');
}

header .menu--header-menu ul.menu li a.linkedin{
  background-image: url('images/in.svg');
}

header .menu--header-menu ul.menu li a.ig{
  background-image: url('images/ig.svg');
}

header .menu--header-menu ul.menu li a.yt{
  background-image: url('images/youtube.png');
  background-size: 22px 22px;
}

#block-unieadvokatu-search{
  position: relative;
  padding: 15px 50px;
}
#block-unieadvokatu-search input.button{
  position: absolute;
  height: 46px;
  width: 37px;
  display: block;
  right: 50px;
  top: 15px;
  padding: 0;
  border: none;
  background: transparent url(images/hledat.svg) no-repeat left center;
  font-size: 0px;
  text-indent: -9999px;
}

/* navigation */
a#mobile-menu-button{
  display: none;
}
.region-navigation{
  background: var(--link-color);
  float: left;
  width: 100%;  
}

.region-navigation nav{
  margin: 0 auto;
  width: calc(var(--layout-width) + 38px);
}
.region-navigation nav ul.menu{
  margin: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 30px;
}

@media only screen and (max-width: 600px) {
.boxes{
	display: flex !important;
	flex-wrap: wrap !important;
}
}

.region-navigation nav ul.menu li{
  float: left;
  padding-top: 0px;
  position: relative;
  list-style: none;
  display: block;
  z-index: 10;
  text-decoration: none;
}
.region-navigation nav ul.menu li:first-child{
  margin-left: 0px;
}

.region-navigation ul.menu li a,
.region-navigation ul.menu li span{
  color: #fff;
  display: block;
  line-height: 32px;
  text-decoration: none;
  font-size: 18px;
  padding: 15px 10px;
  font-family: 'Playfair Display', serif;
  font-weight: bold;         
  text-transform: uppercase;
}
.region-navigation ul.menu li a.is-active{
  background-color: #073018;
  color: #fff !important;
}
.region-navigation ul.menu li:hover a{
  background: #0e6231;
}
.region-navigation ul.menu li ul{
  display: none;
  z-index: 10;
}
.region-navigation ul.menu li:hover ul{
  display: block;
  position: absolute;
  top: 100%;
  left: 0px;
  background: #004ab9;
  padding: 0px 0px;
  width: 300px;
}
.region-navigation ul.menu li:hover ul li{
  display: block;
  margin-left: 0px;
  float: none;
}
.region-navigation ul.menu li ul li a,
.region-navigation ul.menu li ul li span{
  line-height: 24px;
  padding: 10px 17px;
  text-transform: none;
  font-size: 16px;
  border-bottom: 1px solid var(--link-color);
}
.region-navigation ul.menu li:hover ul li a:hover{
  text-decoration: underline;
}
.region-navigation ul.menu li:hover ul li ul{
  left: 100%;
  top: 0px;
  display: none;
}
.region-navigation ul.menu li:hover ul li:hover ul{
  display: block;
}
.region-navigation ul.menu li:hover ul li:hover ul li ul{
  display: none;
}
.region-navigation ul.menu li:hover ul li:hover ul li:hover ul{
  display: block;
}

/* highlighted */
.region-highlighted{
  background: #feda9e;
  float: left;
  width: 100%;
  background-image: url('images/sunforest.jpg');
  background-position: center;
  background-size: cover;
}
.region-highlighted .section{
  width: var(--layout-width);
  margin: 0 auto;
}
#block-obhajujemezajmyadvokatu{
  float: left;
  width: 43.5%;
  margin-top: 10%;
}
#block-obhajujemezajmyadvokatu h2{
  font-size: 54px;
  line-height: 70px;
  margin: 45px 0px 35px;
  font-weight: bold;
  color: #525e5e;
}
#block-svatyivo{
  float: right;
  width: 48.5%;
}
p{
  font-size: 18px;
  line-height: 27px;
  font-weight: 300;
  margin: 0px 0px 30px;
}
#block-obhajujemezajmyadvokatu p a{
  line-height: 50px;
  padding: 0px 40px;
  display: inline-block;
  text-decoration: none;
  background: #fff;
  border-radius: 25px;
  font-weight: bold;
  font-size: 18px;
  text-transform: uppercase;
  font-family: 'Playfair Display', serif;
}
#block-obhajujemezajmyadvokatu p a:hover{
  color: #fff;
  background: var(--link-color);
}
#block-svatyivo img{
  display: block;
}
#block-svatyivo p:first-child{
  margin: -10px 0px 0px;
}
#block-svatyivo p:nth-child(2){
  text-align: center;
  margin: -114px 0px 50px;
  padding-left: 210px;
}
#block-svatyivo p:nth-child(2) a{
  padding: 9px 35px;
  background: #fff;
  border-radius: 32px;
  font-size: 18px;
  line-height: 23px;
  color: var(--main-color);
  display: inline-block;
  text-decoration: none;
  font-family: 'Playfair Display', serif;
}
#block-svatyivo p:nth-child(2) a:hover{
  color: #fff;
  background: var(--link-color);
}

/* content */
main{
  clear: both;
  padding-top: 55px;
}
.region-content{
  width: var(--layout-width);
  margin: 0 auto;
}
body.homepage .paragraph--type--dva-sloupce .field--name-field-levy-text{
  width: 41%;
  float: left;
}
body.homepage .paragraph--type--dva-sloupce .field--name-field-pravy-text{
  width: 51%;
  float: right;
}
.paragraph--type--dva-sloupce .field--name-field-levy-text{
  width: 48%;
  float: left;
}
.paragraph--type--dva-sloupce .field--name-field-pravy-text{
  width: 48%;
  float: right;
}
.paragraph--type--jeden-sloupec{
  clear: both;
}
body.homepage .paragraph--type--dva-sloupce .field--name-field-levy-text p{
  font-size: 26px;
  line-height: 39px;
  color: #000;
  font-family: 'Playfair Display', serif;
}
body.homepage #block-unieadvokatu-content .paragraph--type--jeden-sloupec ul{
  padding: 25px 0px 0px;
  margin: 0;
  list-style: none;
}
body.homepage #block-unieadvokatu-content .paragraph--type--jeden-sloupec ul li{
  height: 253px;
  display: block;
  width: 31.7%;
  float: left;
  margin: 0px 2.45% 36px 0px;
  text-align: center;
  padding-top: 193px;
  box-sizing: border-box;
  position: relative;
  padding-left: 0px;
  background: transparent;
}
body.homepage #block-unieadvokatu-content .paragraph--type--jeden-sloupec ul li:nth-child(3n+3){
  margin-right: 0px;
}
body.homepage #block-unieadvokatu-content .paragraph--type--jeden-sloupec ul li:first-child{
  background: transparent url(images/boxy-problemy.jpg) no-repeat center center;
  background-size: cover;
}
body.homepage #block-unieadvokatu-content .paragraph--type--jeden-sloupec ul li:nth-child(2){
  background: transparent url(images/klara_web_audiovideo.jpg) no-repeat center center;
  background-size: cover;
}
body.homepage #block-unieadvokatu-content .paragraph--type--jeden-sloupec ul li:nth-child(3){
  background: transparent url(images/klara_web_udalosti.jpg) no-repeat center center;
  background-size: cover;
}
body.homepage #block-unieadvokatu-content .paragraph--type--jeden-sloupec ul li a{
  text-align: center;
  line-height: 30px;
  padding: 15px;
  display: block;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 20px;
  color: #fff;
  background: #0e6231e8;
  font-family: 'Playfair Display', serif;
}
body.homepage #block-unieadvokatu-content .paragraph--type--jeden-sloupec ul li a:hover{
  text-decoration: underline;
}
body.homepage #block-unieadvokatu-content .paragraph--type--jeden-sloupec ul li a:before{
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
}

/* content 2 */
.region-content-2{
  background: #f5f5f1;
  width: 100%;
  float: left;
}
.region-content-2 .block{
  margin: 0 auto;
  width: var(--layout-width);
}
.region-content-2 .block h2.block-title{
  text-align: center;
  margin: 45px 0px 40px;
  font-size: 32px;
  line-height: 48px;
  color: #000;
}

.view-aktuality .views-row,
.view-taxonomy-term .views-row{
  width: calc(50% - 19px);
  float: left;
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #e7e6dc;
  padding: 31px 24px 24px;
  margin: 0px 0px 30px;
}
.view-aktuality .views-row:nth-child(2n+2),
.view-taxonomy-term .views-row:nth-child(2n+2){
  float: right;
}
.view-aktuality .views-row:nth-child(2n+2) + .views-row,
.view-taxonomy-term .views-row:nth-child(2n+2) + .views-row{
  clear: both;
}
.view-aktuality .views-row .datum,
.view-taxonomy-term .views-row .datum{
  float: left;
  width: 64px;
  margin-right: 34px;
  text-align: center;
  background: var(--link-color);
  padding-bottom: 4px;
}
.view-aktuality .views-row .datum .day,
.view-taxonomy-term .views-row .datum .day{
  display: block;
  font-size: 26px;
  line-height: 35px;
  color: #fff;
  font-weight: bold;
  font-family: 'Playfair Display', serif;
}
.view-aktuality .views-row .datum .month,
.view-taxonomy-term .views-row .datum .month,
.view-aktuality .views-row .datum .year,
.view-taxonomy-term .views-row .datum .year{
  display: block;
  color: #fff;
  font-size: 16px;
  line-height: 24px;
  text-transform: uppercase;
}
.view-aktuality .views-row h2,
.view-taxonomy-term .views-row h2{
  width: calc(100% - 98px);
  float: right;
  font-size: 22px;
  line-height: 33px;
  margin: 0px 0px 15px;
}
.view-aktuality .views-row h2 a,
.view-taxonomy-term .views-row h2 a{
  color: #000;
  text-decoration: none;
}
.view-aktuality .views-row h2 a:hover,
.view-taxonomy-term .views-row h2 a:hover{
  text-decoration: underline;
}
.view-aktuality .views-row .node__content,
.view-taxonomy-term .views-row .node__content{
  width: calc(100% - 98px);
  float: right;
}
.view-aktuality .views-row field--name-field-perex,
.view-taxonomy-term .views-row field--name-field-perex{
  font-size: 16px;
  line-height: 24px;
}
.view-aktuality div.more-link,
.view-taxonomy-term div.more-link{
  clear: both;
  text-align: center;
  margin-bottom: 46px;
}
.view-aktuality div.more-link a,
.view-taxonomy-term div.more-link a,
.go-back a{
  line-height: 50px;
  padding: 0px 28px;
  display: inline-block;
  text-decoration: none;
  background: #fff;
  color: #0f471b;
  border-radius: 25px;
  font-weight: bold;
  font-size: 18px;
  text-transform: uppercase;
  font-family: 'Playfair Display', serif;
  text-decoration: none !important;
}
.view-aktuality div.more-link a:hover,
.view-taxonomy-term div.more-link a:hover{
  color: #fff;
  background: #0f471b;
}
body.not-front .view-aktuality .views-row,
body.not-front .view-taxonomy-term .views-row{
  width: 100%;
}
body.not-front .view-aktuality div.more-link a,
body.not-front .view-taxonomy-term div.more-link a,
.go-back a{
  color: var(--link-color);
  border: 1px solid var(--link-color);
}
body.not-front .view-aktuality div.more-link a:hover,
body.not-front .view-taxonomy-term div.more-link a:hover,
.go-back a:hover{
  background: var(--link-color);
  color: #fff;
}
/* content 3 */
.region-content-3{
  clear: both;
}
#block-propagaceclenu{
  margin: 0 auto 0px;
  width: var(--layout-width);
  clear: both;
}
#block-propagaceclenu h2.block-title{
  text-align: center;
  padding: 45px 0px 40px;
  margin: 0px;
  font-size: 32px;
  line-height: 48px;
  color: #000;
}
#block-propagaceclenu .field--name-field-text-vlevo{
  width: 31.7%;
  float: left;
  margin: 0px 2.45% 50px 0px;
  box-sizing: border-box;
}
#block-propagaceclenu .field--name-body{
  width: 31.7%;
  float: left;
  margin: 0px 2.45% 50px 0px;
  box-sizing: border-box;
}
#block-propagaceclenu .field--name-field-text-vpravo{
  width: 31.7%;
  float: left;
  margin: 0px 0px 50px 0px;
  box-sizing: border-box;
}
#block-propagaceclenu p:first-child{
  float: left;
  width: 48px;
  margin-right: 30px;
}
#block-propagaceclenu p:nth-child(2){
  line-height: 27px;
  color: #000;
  margin: 0px 0px 15px;
  font-family: 'Playfair Display', serif;
  width: calc(100% - 78px);
  float: right;
}
#block-propagaceclenu p:nth-child(3){
  line-height: 24px;
  font-size: 16px;
  margin: 0px 0px 8px;
  width: calc(100% - 78px);
  float: right;
}
#block-propagaceclenu p:nth-child(4){
  width: calc(100% - 78px);
  float: right;
}
#block-propagaceclenu p a{
  font-size: 16px;
  text-decoration: none;
}
#block-propagaceclenu p a:hover{
  text-decoration: underline;
}
/* footer */

footer{
  background: #eeeee8;
  clear: both;
  width: 100%;
  float: left;
}

footer .region-footer{
  margin: 0 auto;
  width: var(--layout-width);
  padding: 61px 0px 0px;
  /* display: grid;
  grid-template-columns: 1fr 2fr 1fr 1fr; */
}

footer h2{
  color: #836554;
  text-transform: uppercase;
  font-size: 18px;
  margin-bottom: 20px;
  font-weight: bold;
  margin: 0px 0px 15px;
}

footer #block-logopaticka{
  width: 22%;
  float: left;
  margin: 0px 4% 30px 0px;
}
footer #block-hlavninavigace{
  width: 26%;
  float: left;
  margin: 0px 4% 30px 0px;
}
footer #block-duleziteodkazy{
  width: 20%;
  float: left;
  margin: 0px 4% 30px 0px;
}
footer #block-headermenu-2{
  width: 20%;
  float: left;
  margin: 0px 0px 30px 0px;
}

footer ul.menu,
footer ul.menu li{
  padding: 0;
  margin: 0;
  line-height: 1em;
  list-style: none;
}

footer ul.menu li{
  margin-bottom: 0.5em;
}

footer ul.menu li a{
  color: #000;
  font-size: 0.88em;
  text-decoration: none;
}

footer ul.menu li a:hover{
  text-decoration: underline;
}

footer .menu--main ul.menu{
  column-count: 2;
}

footer .menu--header-menu ul.menu li a{
  /* background: url('images/mail.svg') no-repeat left center; */
  background: url('images/rss.svg') no-repeat left center;
  padding-left: 26px;
}

footer .menu--header-menu ul.menu li a.facebook{
  background: url('images/fb.svg') no-repeat 5px center;
}

footer .menu--header-menu ul.menu li a.tw{
  background: url('images/tw.svg') no-repeat left center;
}

footer .menu--header-menu ul.menu li a.linkedin{
  background: url('images/in.svg') no-repeat left center;
}

footer .menu--header-menu ul.menu li a.ig{
  background: url('images/ig.svg') no-repeat left center;
}

footer .menu--header-menu ul.menu li a.yt{
  background-image: url('images/youtube.png');
  background-size: 22px 22px;
}

footer .copyright{
  border-top: 1px solid #a3896f;
  padding: 21px 0;
  font-size: 0.88em;
  width: var(--layout-width);
  margin: 0 auto;
  color: #836554;
  clear: both;
}

/* vnitřní */
body.not-front .region-content{
  width: 100%;
}
body.not-front main{
  padding-top: 0px;
}
body.not-front #block-unieadvokatu-page-title{
  background: #f5f5f1;
  margin: 0px 0px 50px;
  background-image: url('images/sunforest.jpg');
  background-position: center;
  background-size: cover;
} 
body.not-front #block-unieadvokatu-page-title h1{
  font-size: 52px;
  line-height: 68px;
  margin: 0px auto;
  width: var(--layout-width);
  text-align: center;
  padding: 56px 0px;
  font-weight: bold;
  color: #525e5e;
}
body.not-front #block-unieadvokatu-content{
  width: 1000px;
  margin: 0 auto;
}
.feed-icons{
  display: none;
}
.node--type-article.node--view-mode-full .field--name-field-perex,
.node--type-page .field--name-field-perex{
  font-size: 16px !important;
  line-height: 24px !important;
  margin: 0px 0px 30px;
}
.node--type-article.node--view-mode-full p,
.node--type-page p{
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
}
.node--type-article.node--view-mode-full h2,
.node--type-page h2{
  padding: 15px 0px 0px;
  margin: 0px 0px 20px;
  font-size: 26px;
  line-height: 33px;
  color: var(--link-color);
  font-weight: bold;
}
.node--type-article.node--view-mode-full h3,
.node--type-page h3{
  padding: 10px 0px 0px;
  margin: 0px 0px 25px;
  font-size: 22px;
  line-height: 28px;
  color: #111;
  font-weight: bold;
}
figcaption{
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  font-style: italic;
  text-align: center;
  padding: 10px 0px;
}
.node--type-article.node--view-mode-full ul,
.node--type-page ul{
  margin: 0px 0px 30px;
  padding: 0;
  list-style: none;
}
.node--type-article.node--view-mode-full ul li,
.node--type-page ul li{
  padding-left: 23px;
  background: transparent url(images/li.svg) no-repeat left 10px;
  font-size: 16px;
  font-weight: normal;
}
.node--type-article.node--view-mode-full ol,
.node--type-page ol{
  margin: 0px 0px 30px;
  padding: 0;
  counter-reset: li;
}
.node--type-article.node--view-mode-full ol li,
.node--type-page ol li{
  font-size: 16px;
  font-weight: normal;
  list-style-type: none;
}
.node--type-article.node--view-mode-full ol li:before,
.node--type-page ol li:before {
  content: counter(li,decimal) ")";
  counter-increment: li;
  display: block;
  float: left;
  margin-right: 5px;
  font-weight: bold;
  min-width: 18px;
}
.node--type-article.node--view-mode-full a,
.node--type-page a{
  text-decoration: underline;
  font-weight: 600;
}
.node--type-article.node--view-mode-full a:hover,
.node--type-page a:hover{
  text-decoration: none;
}
.article-info{
  width: 100%;
  float: left;
  border-top: 1px solid #eeeee8;
  border-bottom: 1px solid #eeeee8;
  margin: 40px 0px 40px;
  font-size: 17px;
  padding: 24px 0px 17px;
}
.article-info .autor{
  float: left;
  display: block;
  margin-right: 30px;
}
.article-info .autor strong{
  float: right;
  margin-left: 7px;
}
.article-info .vydano{
  float: left;
  display: block;
}
.article-info .sdilet{
  float: right;
  display: block;
  margin-top: -8px;
}
.article-info .sdilet a{
  background: url('images/mail.svg') no-repeat center center;
  width: 44px;
  height: 44px;
  display: inline-block;
  vertical-align: middle;  
  border-radius: 22px;
  font-size: 0px;
  text-indent: -5000px;  
  background-color: #e8e8de;
  margin: 0px 0px 0px 5px;
}
.article-info .sdilet a.fb{
  background-image: url('images/fb.svg');
}
.article-info .sdilet a.tw{
  background-image: url('images/tw.svg');
}
.article-info .sdilet a.linkedin{
  background-image: url('images/in.svg');
}
.article-info .sdilet a.ig{
  background-image: url('images/ig.svg');
}
.article-info .sdilet a.yt{
  background-image: url('images/youtube.png');
  background-size: 22px 22px;
}
.go-back{
  text-align: center;
  margin: 0px 0px 68px;
  clear: both;
}
.field--name-field-nadpis-formulare,
.field--name-field-nadpis-souboru{
  padding: 15px 0px 0px;
  margin: 0px 0px 20px;
  font-size: 26px;
  line-height: 33px;
  color: var(--link-color);
  font-weight: bold;
  font-family: 'Playfair Display', serif;
}
.field--name-field-formular{
  background: #f5f5f1;
  padding: 40px 47px;
  margin: 0px 0px 50px;
}
form .form-item{
  margin: 0px 0px 30px;
}
form .form-actions{
  margin: 0px 0px 0px;
}
form .form-item label{
  margin-bottom: 10px;
  line-height: 20px;
  display: block;
  font-size: 16px;
  font-weight: normal;
}
form .description{
  font-size: 12px;
  line-height: 20px;
}
input.form-text,
input.form-email{
  line-height: 48px;
  padding: 0px 19px;
  border: 1px solid #d2c9c2;
  background: #fff;
  font-size: 16px;
  font-weight: normal;
  color: #aaa;
}
textarea{
  line-height: 24px;
  padding: 10px 19px;
  border: 1px solid #d2c9c2;
  background: #fff;
  font-size: 16px;
  font-weight: normal;
  color: #aaa;
}
input.form-submit{
  line-height: 50px;
  padding: 0px 40px;
  display: inline-block;
  text-decoration: none;
  color: #fff;
  background: var(--link-color);
  border-radius: 25px;
  font-weight: bold;
  font-size: 18px;
  text-transform: uppercase;
  font-family: 'Playfair Display', serif;
  border: none;
}
input.form-submit:hover{
  color: var(--link-color);
  background: #fff;
}
table{
  width: 100%;
  font-size: 16px;
  margin: 0px 0px 35px;
}
tr{
  border-bottom: 1px solid #ded8d3;
}
th{
  text-align: left;
  font-weight: bold;
  padding: 0px 25px 10px;
}
td{
  padding: 18px 25px;
}
tbody tr:nth-child(2n+2) td{
  background: #f7f7f4;
}
#block-unieadvokatu-local-tasks{
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}
body.user-login main{
  margin-bottom: 50px;
}
ol.search-results{
  padding-left: 0px;
}
ol.search-results li{
  margin: 0px 0px 30px;
}
ol.search-results li p{
  margin-bottom: 0px;
}
ol.search-results li h3{
  margin-bottom: 10px;
}
#block-unieadvokatu-content input[type="search"]{
  width: 300px;
}
a#edit-help-link{
  display: none;
}
.paragraph--type--fotogalerie .field--name-field-fotka .field__item{
  width: 32%;
  float: left;
  margin: 0px 2% 2% 0px;
}
.paragraph--type--fotogalerie .field--name-field-fotka .field__item:nth-child(3n+3){
  margin-right: 0px;
}
.paragraph--type--fotogalerie .field--name-field-fotka .field__item:nth-child(3n+3) + .field__item{
  clear: both;
}

/* responsive */
@media screen and (max-width: 1300px){
  .region-navigation ul.menu li a {padding: 15px 10px;}
}
@media screen and (max-width: 1200px){
  :root {--layout-width: 100%;}
  header, .region-highlighted .section, .region-content, .region-content-2 .block, #block-propagaceclenu, footer .region-footer, footer .copyright {box-sizing: border-box; padding-left: 20px; padding-right: 20px;}
  .region-navigation nav{width: 100%; box-sizing: border-box; padding-left: 10px; padding-right: 10px;}
  body.homepage #block-unieadvokatu-content .paragraph--type--jeden-sloupec ul li a{font-size: 18px;}
  .region-navigation ul.menu li a {font-size: 16px; padding: 0px 5px;}
  #block-headermenu{min-width: 290px;}
  #block-unieadvokatu-search {padding: 15px 20px;}
  #block-unieadvokatu-search input.button {right: 20px;}
  body.not-front .region-content {padding: 0;}
  body.not-front #block-unieadvokatu-page-title h1 {padding: 56px 20px; box-sizing: border-box;}
  body.not-front #block-unieadvokatu-content {width: 100%; box-sizing: border-box; padding-left: 20px; padding-right: 20px; max-width: 1000px;}
}
@media screen and (max-width: 1023px){
  #block-svatyivo p:nth-child(2) {padding-left: 150px;}
  body.homepage #block-unieadvokatu-content .paragraph--type--jeden-sloupec ul li {padding-top: 163px; display: table;}
  body.homepage #block-unieadvokatu-content .paragraph--type--jeden-sloupec ul li a {display: table-cell; width: 100%; box-sizing: border-box; vertical-align: bottom;}
  #block-unieadvokatu-branding{display: table; height: 100%;}
  #block-unieadvokatu-branding a.site-logo{display: table-cell; vertical-align: middle;}
  footer #block-headermenu-2 {width: 16%;}
  footer #block-hlavninavigace {width: 30%;}
  a#mobile-menu-button{display: block; text-align: center; color: #fff; text-decoration: none; font-size: 18px; font-family: 'Playfair Display', serif; font-weight: bold; text-transform: uppercase; line-height: 60px;}
  a#mobile-menu-button:before{content: ""; display: inline-block; vertical-align: middle; width: 30px; height: 30px; background: transparent url(images/menu.png) no-repeat center center; background-size: 20px 20px; margin-right: 0px; position: relative; top: -1px;}
  .region-navigation nav{display: none;}
  body.mobile-menu-expanded .region-navigation{position: relative; z-index: 1;}
  body.mobile-menu-expanded .region-navigation nav{padding-left: 0px; padding-right: 0px; display: block; position: absolute; top: 100%; width: 100%; left: 0px; background: var(--link-color);}
  .region-navigation nav ul.menu li{float: none;}    
  .region-navigation ul.menu li a {font-size: 18px; padding: 0px 20px; line-height: 48px; border-bottom: 1px solid #004ab9;}
  .region-navigation ul.menu li:hover ul, .region-navigation ul.menu li ul {display: block; position: static; background: transparent; padding: 0px 0px; width: 100%;}
  .region-navigation ul.menu li:hover ul li a, .region-navigation ul.menu li ul li a{padding-left: 40px; line-height: 44px; text-transform: none; font-size: 16px;}
  .region-navigation ul.menu li:hover ul li ul li a, .region-navigation ul.menu li ul li ul li a {padding-left: 60px;}
}
@media screen and (max-width: 767px){
  .view-aktuality .views-row, .view-taxonomy-term .views-row {width: 100%;}
  #block-propagaceclenu .field--name-field-text-vlevo, #block-propagaceclenu .field--name-body {width: 100%; margin: 0px 0px 30px 0px;}
  #block-propagaceclenu .field--name-field-text-vpravo{width: 100%;}
  body.homepage #block-unieadvokatu-content .paragraph--type--jeden-sloupec ul li {padding-top: 193px; display: block; width: 100%;}
  body.homepage #block-unieadvokatu-content .paragraph--type--jeden-sloupec ul li a {display: block;}
  body.homepage #block-unieadvokatu-content .paragraph--type--jeden-sloupec ul {margin: 0 auto; max-width: 380px;}
  .paragraph--type--dva-sloupce .field--name-field-levy-text {width: 100%;}
  .paragraph--type--dva-sloupce .field--name-field-pravy-text {width: 100%;}
  #block-obhajujemezajmyadvokatu {width: 100%;}
  #block-svatyivo {width: 100%;}
  footer #block-logopaticka {width: 100%; margin: 0px 0% 0px 0px; text-align: center;}
  footer #block-hlavninavigace {width: 100%; margin-right: 0px;}
  footer #block-duleziteodkazy {width: 48%;}
  footer #block-headermenu-2 {width: 48%;}
  footer .region-footer {padding: 45px 20px 0px;}
  .region-header {display: block;}
  #block-unieadvokatu-branding {width: 50%; max-width: 261px; float: left;}
  #block-unieadvokatu-search {padding: 10px 0px 15px 20px; width: 50%; float: right; box-sizing: border-box;}
  #block-unieadvokatu-search input.button {right: 0px; top: 10px;}
  #block-headermenu {width: 100%; clear: both;}
  header .menu--header-menu ul.menu {text-align: center;}
  body.homepage .paragraph--type--dva-sloupce .field--name-field-levy-text {width: 100%;}
  body.homepage .paragraph--type--dva-sloupce .field--name-field-pravy-text {width: 100%;}
  .article-info .sdilet {float: none; display: block; margin-top: 0px; padding-top: 15px; clear: both; text-align: center;}
  body.not-front #block-unieadvokatu-page-title h1 {font-size: 32px; line-height: 42px;}
  td {padding: 18px 5px;}
  th{padding: 0px 5px 10px;}
  input.form-text, input.form-email {width: 100%; box-sizing: border-box;}
  .field--name-field-formular {padding: 20px 20px;}
}
@media screen and (max-width: 479px){
  #block-unieadvokatu-branding {width: 42%;}
  #block-unieadvokatu-search {padding: 0px 0px 15px 10px; width: 58%; margin-top: -5px;}
  #block-unieadvokatu-search input.button {right: 0px; top: 0px;}
  header input[type="search"] {padding: 0px 37px 0px 15px; font-size: 16px;}
  #block-obhajujemezajmyadvokatu h2 {font-size: 32px; line-height: 42px;}
  #block-svatyivo p:nth-child(2) {padding-left: 75px;}
  body.homepage .paragraph--type--dva-sloupce .field--name-field-levy-text p {font-size: 22px; line-height: 34px;}
  body.homepage #block-unieadvokatu-content .paragraph--type--jeden-sloupec ul li a {font-size: 17px;}
  .view-aktuality .views-row, .view-taxonomy-term .views-row {padding: 20px 20px 20px;}
  .view-aktuality .views-row .datum, .view-taxonomy-term .views-row .datum {margin-right: 20px;}
  .view-aktuality .views-row h2, .view-taxonomy-term .views-row h2 {width: auto; float: none;}
  .view-aktuality .views-row .node__content, .view-taxonomy-term .views-row .node__content {width: auto; float: none;}
  .article-info .autor {margin-right: 0px;}
  .paragraph--type--fotogalerie .field--name-field-fotka .field__item{width: 100%; text-align: center; margin-right: 0px;}
}