:root, body {
font-family: 'Montserrat', sans-serif;
font-size: 24px;
line-height: 32px ;
font-style: normal;
font-weight: 400;
color: black;
text-decoration: none;
letter-spacing: 0px;
}
body  {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
header, aside,main {
padding-left: 98px;
padding-right: 51px;
}
@media (max-width: 380px) {
header, aside,main {
padding-left: 30px;
padding-right: 30px;
}
}
@media (max-width: 960px) {
header, aside,main {
padding-left: 37px;
padding-right: 37px;
}
}
header a {
text-decoration: none;
}
.header-top  {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
h1 {
font-size: 14px;
line-height: 17px ;
font-family: inherit;
font-style: normal;
font-weight: 400;
color: black ;
letter-spacing: 0px;
padding-right: 10px;
}
header h1 {
max-width: 238px;
}
a.title {
position: relative;
}
h2 {
font-size: 22px;
line-height: 32px;
font-family: inherit;
font-style: normal;
font-weight: 800;
color: black;
letter-spacing:0px;
}
@media (min-width: 680px) {
h2 {
font-size: 52px;
line-height: 62px;
}
}
header h2 a {
font-size: 52px;
line-height: 62px;
font-weight: 800;
}
.switches li a {
font-size: 14px;
line-height: 17px;
padding-bottom: 8px;
font-weight: 600;
}
main h2 {
font-weight: 800;
font-size: 24px;
line-height: 28px;
margin-bottom: 20px;
}
.lower_part svg {
display: none;
}
@media (min-width: 960px) {
.switches li a {
font-size: 18px;
line-height: 21px;
}
main h2 {
font-weight: 800;
font-size: 45px;
line-height: 55px;
margin-top: 28px;
margin-bottom: 43px;
}
.lower_part svg {
display: block;
}
aside ul.menu li {
font-size: 24px;
line-height: 25px;
}
}
h4.yellowy {
font-size: 24px;
line-height: 30px;
font-weight: 600;
margin-bottom: 14px;
}
.menu-main-menu-container > ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
aside ul li  a,
aside a
{
color: black;
font-size: 18px;
line-height: 21px;
text-decoration: none;
font-weight: 400;
}
aside ul li ul{
display: none;
overflow: hidden;
}
aside ul li.active ul {
}
aside ul li.active .klick .inner,
aside ul li.active .klick .inner	{
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
aside ul > li {
position: relative;
margin:0;
}
aside ul li.menu-item-has-children > .klick  {
background: transparent;
width: 20px;
height: 20px;
position: absolute;
left: -26px;
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
top: 5px;
}
@media (max-width: 960px) {
aside ul li.menu-item-has-children > .klick  {
top: 3px;
}
}
main ul {
padding-left: 20px;
}
aside ul li.menu-item-has-children > .klick .inner {
position: relative;
height: 14px;
width: 14px;
display: block;
-webkit-transition: -webkit-transform 250ms ease-in;
transition: -webkit-transform 250ms ease-in;
-o-transition: transform 250ms ease-in;
transition: transform 250ms ease-in;
transition: transform 250ms ease-in, -webkit-transform 250ms ease-in;
}
aside ul li.menu-item-has-children > .klick .inner:before,
aside ul li.menu-item-has-children > .klick .inner:after  {
content: "";
display: inline-block;
background: black;
position: absolute;
}
aside ul li.menu-item-has-children > .klick .inner:before {
top: 0;
left: 6.5px;
height: 15px;
width: 1px;
}
aside ul li.menu-item-has-children > .klick .inner:after  {
top: 6.5px;
left: 0;
height: 1px;
width: 15px;
}
aside ul li ul li{
padding-left: 20px;
}
aside ul li ul li {
position: relative;
}
aside ul li ul li:before {
display: block;
position: absolute;
top: 12px;
left: 4px;
content: '';
width: 11px;
height: 1px;
background: black;
}
@media (min-width: 960px) {
aside ul li ul li:before {
top: 15px;
}
}
aside {
background-image: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
main .attachment-full {
margin-bottom: 48px;
}
.searchform {
position: relative;
max-width: calc(100vw - 86px);
margin-bottom: 38px;
margin-top: 38px;
}
.searchform input[type="search"] {
background: transparent !important;
border: none;
padding: 10px 10px 2px 0;
color: black;
width: 100%;
}
.searchform input[type="search"]:focus{
border: none ;
outline: none;
}
.searchform input[type="submit"] {
background: transparent;
color: white;
border: none;
width: 60px;
position: absolute;
top: 0;
height: 100%;
right: 0;
cursor: pointer;
z-index: 100;
-webkit-transition: background-color 250ms ease-in;
-o-transition: background-color 250ms ease-in;
transition: background-color 250ms ease-in;
opacity: 0;
}
.searchform input[type="search"]::-webkit-input-placeholder
{
font-size: 20px;
line-height: 24px;
color: #FFFFFF;
}
.searchform input[type="search"]::-webkit-input-placeholder,
.searchform input[type="search"]:-ms-input-placeholder,
.searchform input[type="search"]::placeholder
{
font-size: 20px;
line-height: 24px;
color: #FFFFFF;
}
@media (min-width: 960px) {
header h2 {
font-weight: 800;
font-size: 100px;
line-height: 122px;
letter-spacing: 0px;
color: #000000;
}
.language_ver {
position: relative;
}
header h1, header h3 {
font-weight:400;
font-size: 18px;
line-height: 21px;
letter-spacing: 0px;
color: #000000;
opacity: 1;
}
}
input:-internal-autofill-selected {
background: transparent !important;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
-webkit-appearance:none;
}
aside form {
border-bottom: 1px solid black;
position: relative;
}
aside form label:after {
content: '';
position: absolute;
right: 4px;
top: 11px;
width: 0px;
height: 0px;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
border-left: 15px solid black ;
}
.home aside form label:after {
border-left: 15px solid white;
}
.home aside form {
border-bottom: 1px solid white;
}
.home aside form  input:focus  + label:after {
border-left: 15px solid black ;
} main:empty {
margin: 0 !important;
}
.switches {
list-style-type: none;
position: relative;
padding-right: 25px;
margin: 0 10px 0 auto;
-ms-flex-item-align: start;
align-self: flex-start;
margin-top: -9px;
}
.lng {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.search_sheet {
padding: 80px 40px;
max-width: 1120px;
}
@media (max-width: 960px) {
.language_ver {
display: none;
}
.search_sheet {
padding: 51px 17px;
}
}
a, p, body {
font-size: 18px;
line-height: 26px;
font-family: inherit ;
font-style: normal;
font-weight: 300;
color: black;
text-decoration: none;
letter-spacing: 0px;
}
p {
margin-bottom: 24px;
}
a {
cursor:pointer;
}
main {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
margin: 0 0 36px auto;
}
@media (min-width: 960px) and  (max-width: 1260px) {
main {
max-width: calc( 100vw - 380px);
}
}
.loop-sheet {
max-width: 980px;
}
.sheet-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.hitarea {
width: 21px;
height: 100%;
display: block;
position: absolute;
right:0;
top: 0;
cursor: pointer;
}
@-webkit-keyframes heighty {
from {
opacity: 0;}
to { opacity: 1;}
}
@keyframes heighty {
from {
opacity: 0;}
to { opacity: 1;}
}
.content address , i {
font-style: normal !important;
}
.rem {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
display: none;
width: 100%;
}
.rem a {
-webkit-animation-name: heighty;
animation-name: heighty;
-webkit-animation-duration: 450ms;
animation-duration: 450ms;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
display: block;
}
.switches.active .rem {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.switches.active .hitarea:after {
-webkit-transform: rotate(60deg);
-ms-transform: rotate(60deg);
transform: rotate(60deg);
top: auto;
bottom: 0;
bottom: -28px;
}
::-webkit-input-placeholder {
color: black;
}
:-ms-input-placeholder {
color: black;
}
::placeholder {
color: black;
}
.main_wrap {
background-color: #e0e0e0;
padding-top: 28px;
}
.mobile-nav {
display: none;
}
.content {
max-width: 776px;
}
.links {
clear: both;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.links a {
text-decoration: none !important;
position: relative;
}
.links a[rel=next]:after, .links a[rel=prev]:before {
content: '';
position: absolute;
top: 5px;
width: 0px;
height: 0px;
}
.links a[rel=next] {
padding-right: 27px;
}
.links a[rel=next]:after {
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
border-left: 15px solid black;
right: 0;
}
.links a[rel=prev] {
padding-left: 27px;
}
.links a[rel=prev]:before {
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
border-right: 15px solid black;
left: 0;
}
.item_left:not(:empty)  {
width: 360px;
height: 242px;
-o-object-fit: cover;
object-fit: cover;
min-width: 360px;
}
.item {
padding: 20px 0 4px 0;
}
@media (min-width: 960px) {
.item_left:not(:empty) {
padding-right: 41px;
}
}
dd {
margin-bottom: 10px;
}
dt {
font-weight: 600;
margin-bottom: 20px;
}
.pagination {
margin-top: 40px;
}
@media (max-width: 960px) {
.loop-sheet {
max-width: calc(100vw - 40px);
}
.item {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.loop-sheet .yellowy {
margin: 46px 0px 20px 0px;
}
}
@media (min-width: 960px) and (max-width: 1260px) {
.item {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.item_right {
margin-top: 28px;
padding-left: 0;
}
}
.page-numbers.dots  {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.pagination {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.page-numbers {
padding: 0 6px;
}
.lower_part {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
padding-bottom: 22px;
}
.search_sheet h2 {
margin: 20px 0;
}
header h2 {
margin: 22px 0 0 0 ;
}
.small_box {
border-bottom: 1px solid black;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.small_box h4 {
transition: color 250ms ease-in;
}
.small_box .line {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding-bottom: 6px;
}
@media (min-width: 960px) {
header h3 {
max-width: 498px;
}
header h1 {
max-width: 279px;
}
header h2 {
margin: 36px 0 0 0 ;
}
.language_ver {
margin-bottom: 13px;
}
header.eng
.language_ver {
margin-bottom: 9px;
}
}
.search-highlight {
display: inline-block;
background-color: white;
padding: 0 6px;
}
ol  {
padding: 10px 26px;
}
.page-template-loop-template .content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
form label {
position: relative;
}
aside form label:after {
top: 2px;
}
em {
font-style: normal;
}
ul.sub-menu {
max-width: 100%;
padding-bottom: 14px;
}
.home input:-webkit-autofill,
.home  input:-webkit-autofill:hover,
.home  input:-webkit-autofill:focus,
.home  textarea:-webkit-autofill,
.home  textarea:-webkit-autofill:hover,
.home  textarea:-webkit-autofill:focus,
.home  select:-webkit-autofill,
.home  select:-webkit-autofill:hover,
.home  select:-webkit-autofill:focus {
background: transparent !important;
background-color: transparent !important;
-webkit-text-fill-color: white;
-webkit-transition: background-color 500ms ease-in-out 0s;
transition: background-color 500ms ease-in-out 0s;
-webkit-box-shadow: 0 0 0px 1000px #000 inset;
}
input:-webkit-autofill:focus + label:after{
border-left: 15px solid black;
}
.item_right.taken {
padding-left: 0px;
}
.searchform input[type="search"]:focus{
padding: 10px 10px 2px 0;
}
body:not(.home) ::-webkit-input-placeholder { color: black !important;
}
body:not(.home) :-ms-input-placeholder { color: black !important;
}
body:not(.home) ::placeholder {
color: black !important;
}
main ul {
margin: 14px  0 28px  8px;
}
main ul li,
main ol li {
margin-bottom: 6px;
}
main h3 {
margin: 28px 0 14px 0;
font-size: 24px;
line-height: 32px;
}
main a {
transition: text-decoration 250ms ease-in;
}
main a:not(.item):hover {
text-decoration: underline;
}
@media (min-width: 520px) {
aside form {
min-width: auto;
max-width: 212px;
}
}
@media (min-width: 960px) {
.menu li {
min-width: 324px;
}
}
.menu-item-has-children.current-menu-item  > ul {
display: block;
}
.menu-item-has-children.current-menu-item  .inner  {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.menu-item-has-children.current-menu-item.active  .inner  {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
.vice {
display: flex;
margin-left: 20px;
align-items: flex-end;
justify-content: flex-end;
}
.more {
color: white;
padding: 1px 28px 0 0;
position: relative;
min-height: 24px;
}
.more:before {
content: '';
position: absolute;
width: 0;
height: 0;
border-left: 7.5px solid transparent;
border-right: 7.5px solid transparent;
border-top: 13px solid black;
right: 0;
top: 4px;
}
.vice:before,
.published {
font-size: 12px;
line-height: 26px;
font-weight: 300;
}
.vice_cz:before  {
content: 'Celý článek';
}
.vice_eng:before  {
content: 'Read more';
}
.pag_inner{
position: relative;
padding: 0 26px;
}
.next, .prev {
position: absolute;
top: 5px;
width: 20px;
height: 20px;
}
.prev {
left: -7px;
}
.next {
right: -18px;
}
.next:after,
.prev:after{
content: '';
position: absolute;
right: 4px;
top: 0px;
width: 0px;
height: 0px;
}
a.vice:hover {
text-decoration: none !important;
color: black;
}
.next:after {
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
border-left: 15px solid black;
}
.prev:after {
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
border-right: 15px solid black;
}
.page-numbers.dots,
.page-numbers{
display: none;
}
.page-numbers.current,
.prev.page-numbers,
.next.page-numbers
{
display: block;
}
/*
body {
position: relative;
}
body:before {
content: '';
display: block;
position: absolute;
height: auto;
width: 102vw;
background-size: 100% auto;
background-image: url(//cosdat.idu.cz/wp-content/themes/Idubase/assets/nahledy/1.png);
opacity: .5;
z-index: 106;
background-repeat: no-repeat;
top: 124px;
left: -95px;
bottom: 0;
}