@import url("https://fonts.googleapis.com/css?family=Spartan:300,500,700&display=swap&subset=latin-ext");
@import url("https://fonts.googleapis.com/css?family=Cardo:400,700&display=swap&subset=latin-ext");
html {
scroll-behavior: smooth;
overflow-x: hidden;
scroll-padding-top: 100px;
margin: 0 !important;
}
body{
scroll-behavior: smooth;
background-color: #2b2d3a;
color: #EFEFEF;
font-family: 'Spartan','Arial', sans-serif;
padding: 0px;
margin: 0px;
font-size: 0.8rem;
letter-spacing: 0.06rem;
line-height: 1.57;
overflow-x: hidden;
}
b, strong{
font-weight: 700;
}
img{
max-width: 100%;
height: auto;
background-color: transparent;
}
ul{
margin: 0 ;
padding: 0;
}
li{
padding: 5px 0;
}
*{
box-sizing: border-box;
}
h1, h2, h3, h4{
font-family: 'Spartan','Arial', sans-serif;
font-style: normal;
font-stretch: normal;
font-weight: 500;
}
h1{
font-size: 2.8rem;
font-weight: 300;
margin: 0;
padding: 20px 0 20px 0;
text-align: center;
}
h1 b{
font-weight: 300;
color: #a4ffff;
}
.single h1{
text-align: left;
font-size: 4em;
line-height: 1.3em;
}
.search h1{
text-align: left;
font-size: 2em;
}
.blog h1,
.category h1{
font-size: 2em;
font-weight: 300;
line-height: 1.5;
text-align: center;
color: #b69372;
margin: 10px 0;
padding-bottom: 0px;
}
h2{
font-size: 2em;
font-weight: 300;
line-height: 1.5;
letter-spacing: 1px;
text-align: center;
color: #b69372;
margin-bottom: 0;
}
h2.white{
color: #FFFFFF;
font-size: 3em;
padding-bottom: 30px;
}
h3{
font-size: 1.360em;
font-weight: 500;
line-height: 2;
letter-spacing: 1px;
margin-bottom: 0.5em;
}
.blok-typ-1 h3,
.blok-typ-2 h3{
font-family: 'Cardo','Arial', sans-serif;
color: #b69372;
margin: 0;
}
a{
color: inherit;
color: #b69372; }
.single-post .xy-block a{
color:#a4ffff;
text-decoration: underline;
padding-top: 10px;
}
p{
padding: 0;
margin: 0;
}
input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
a[href^=tel] {
text-decoration:inherit;
color: inherit;
}
.divider{
height: 20px;
}
.max-width{
max-width: 1600px;
margin: auto;
}
.h-padding{
padding-left: 20px;
padding-right: 20px;
}
.v-t-padding{
padding-top: 50px;
}
.v-b-padding{
padding-bottom: 50px;
}
.v-b-margin{
margin-bottom: 50px;
}
.gold{
color: #b69372 !important;
} .btn{
font-family: 'Spartan','Arial', sans-serif;
padding: 20px;
color: #b69372;
border-top: 1px solid #b69372;
display: inline-block;
transition: all 0.3s ease-out;
text-decoration: none;
}
.btn:hover{
background: #b69372;
color: #ffffff;
}
.jca-right {
float: right ;
width: auto ;
}
.jca-left {
float: left ;
width: auto ;
}
.jca-pointer {
cursor: pointer;
}
.endrow {
clear: both;
}
.jca-full-page-height {
min-height: 100vh ;
}
.jca-full-height {
min-height: 100% ;
}
.jca-center {
justify-content: center;
text-align: center;
}
.jca-justify {
text-align: justify;
}
.jca-vertical-center {
align-items: center;
}
.jca-vertical-bottom {
align-items: flex-end;
}
.jca-cover {
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.jca-cols{
display: flex;
}
.jca-1-col{
padding-right: 1vw;
width: 50%;
}
.jca-2-col{
padding-left: 1vw;
width: 50%;
}
.bg-white{
background-color: #FFFFFF;
} .row-share{
text-align: right;
}
.row-share .inner{
display: inline-block;
text-align: center;
min-width: 160px;
}
.addtoany_list a span{
border-radius: 30px !important;
padding: 6px;
transition: all 0.4s ease-in-out ;
}
.addtoany_shortcode a:hover span{
background-color: #a4ffff !important;
}
.addtoany_list a:hover img, .addtoany_list a:hover span {
opacity: 1 !important;
}
.a2a_label{
display: none !important;
}
.row-share h4{
margin-bottom: 5px;
} #header {
height: 76px;
position: fixed;
padding: 0 50px;
left: 0;
right: 0;
z-index: 999;
background-color: #2b2d3a;
text-align: center; }
#header .inner {
display: flex;
height: inherit;
align-items: center;
justify-content: space-between;
transition: all 0.5s ease-out;
margin: auto;
} #content{
background-color: #21232d;
padding-top: 76px;
}
.content-inner{
min-height: 60vh;
} #jca-col-logo {
display: flex;
align-items: center;
justify-content: center;
flex-basis: 20%;
}
#jca-col-logo a {
display: flex;
align-items: center;
}
.jca-logo {
width:200px;
}
.jca-logo polygon,
.jca-logo path{
transition: all 0.4s ease-in-out;
fill: #ffffff;
}
.jca-logo:hover polygon,
.jca-logo:hover path{
fill: #a4ffff;
} #jca-col-search{
flex-basis: 40%;
text-align: left;
}
#search-btn{
height: 32px;
width: 32px;
cursor: pointer;
}
#search-icon{
position: absolute;
transition: all 0.4s ease-in-out 0.2s;
width: 32px;
height: 32px;
}
#search-btn path{
transition: all 0.4s ease-in-out;
}
#search-btn:hover #search-icon path{
fill: #a4ffff;
}
.search-show #search-icon{
opacity: 0;
transition: all 0.4s ease-in-out 0s;
}
#search-icon-close{
position: absolute;
width: 32px;
height: 32px;
opacity: 0;
transition: all 0.4s ease-in-out 0s;
}
.search-show #search-icon-close{
opacity: 1;
transition: all 0.4s ease-in-out 0.2s;
}
#search-icon-close polygon{
fill: #a4ffff;
}
#search-panel{
position: fixed;
top: -200px;
left: 0px;
right: 0px;
background-color: #3c3f51;
height: 150px;
z-index: 900;
transition: top 0.4s ease-in-out;
display: flex;
align-items: center;
justify-content: center;
}
.search-show #search-panel{
top: 76px;
}
#search-panel form{
display: flex;
flex-wrap: wrap;
width: 100%;
justify-content: center;
}
#search-panel input{
background-color: transparent;
border: 1px solid rgba(255,255,255,0.5);
color: #FFFFFF;
margin: 5px;
padding: 10px 20px;
font-size: 1.4em;
letter-spacing: 2px;
}
#search-panel .search-text{
width: 80%;
max-width: 400px;
}
#search-panel .submit{
cursor: pointer;
padding: 10px 30px;
transition: all 0.4s ease-in-out;
background: #ffffff;
color: #21232d;
}
#search-panel .submit:hover{
background: #a4ffff;
color: #21232d;
} #jca-col-menu {
display: flex;
flex-basis: 40%;
justify-content: flex-end;
}
.jca-hamburger {
margin: auto;
position: fixed;
background: transparent;
z-index: 900;
top: 20px;
right: 20px;
width:36px;
height: 36px;
cursor: pointer;
display: none;
align-items: center;
transition: all 0.4s ease-in-out; }
#ham-icon line{
stroke: #FFFFFF;
}
#ham-icon-close polygon{
fill: #a4ffff;
}
#ham-icon{
padding: 2px;
margin: auto;
transition: opacity 0.4s ease-in-out;
}
#ham-icon-close{
opacity: 0;
position: absolute;
transition: opacity 0.4s ease-in-out;
}
.jca-hams div {
height: 1px;
width: 20px;
background:  #DDDDDD;
margin: 6px auto;
transition: all  0.4s ease-in-out;
align-self: center;
}
.show-menu #ham-icon{
opacity: 0;
}
.show-menu #ham-icon-close{
opacity: 1;
}
.show-menu .jca-hamburger{
border-color: #a4ffff;
} #jca-top-menu {
display: flex;
align-items: center;
text-transform: uppercase;
color: #FFFFFF;
font-size: 1.2em;
}
#jca-top-menu ul {
list-style-type: none;
height: 100%;
display: flex;
}
#jca-top-menu a {
color: #FFFFFF;
padding: 15px 10px;
text-decoration: none;
font-weight: 500;
letter-spacing: 1px;
transition: color 0.2s ease-out;
}
#jca-top-menu a:hover{
color: #a4ffff;
}
#jca-top-menu li {
margin: 0 0 0 40px;
padding: 20px 0;
}
#jca-languages{
margin-left:  30px;
}
#jca-languages a.no-current{
font-weight: 300;
} .wpcf7-form p{
margin: 40px 20px ;
}
.wpcf7-form input,
.wpcf7-form textarea {
width: 100%;
max-width: 600px;
padding: 10px 20px;
border: 0;
border-bottom: 1px solid #b4b4b4;
background: transparent;
}
.wpcf7-form input.wpcf7-submit {
border-radius: 0;
border: 0;
background: #db1d1d;
padding: 15px 30px;
color: #FFFFFF;
font-size: 100% !important;
letter-spacing: 2px !important;
font-weight: 700;
transition: all 0.5s ease-in-out;
text-decoration: none;
margin: auto;
cursor: pointer;
text-transform: uppercase;
width: auto;
}
.wpcf7-form input.wpcf7-submit:hover {
background: #111111;
color: #FFFFFF;
}  .pagination{
text-align: center;
}
.pagination span,
.pagination a{
display: inline-block;
padding: 5px ;
}  .story-max-width{
max-width: 1024px;
margin: auto;
}
.story-blok{
font-family: 'Cardo','Arial', sans-serif;
padding-bottom: 50px;
font-size: 1.3em;
}
.story-blok-end{
display: flex;
justify-content: space-between;
}
.story-blok-end .kategorie{
padding-right: 30px;
padding-left: 0px;
padding-top: 30px;
display: block;
font-size: 0.75em;
text-align: left;
}
.story-blok-end .kategorie li{
display: inline-block;
}
.story-blok-end .kategorie a{
padding: 7px 8px 4px 8px;
}
.story-hero-max-width{
max-width: 1184px;
margin: auto;
}
.blok-hero img{
width: 100%;
height: auto;
}
.blok-hero{
opacity: 0;
transform: translateY(-20px);
transition: opacity 3s ease-out, transform 0.5s ease-out ;
}
.blok-hero.jca-on{
opacity: 1;
transform: translateY(0px);
}
.blok-perex{
color: #a4ffff; }
.blok-citace{
color: #a4ffff;
font-family: 'Spartan','Arial', sans-serif;
max-width: 600px;
font-size: 1em;
font-weight: 300;
line-height: 2;
text-transform: uppercase;
}
.blok-citace .uvozovky{
font-size: 10em;
line-height: 1rem;
display: block;
text-align: center;
height: 5rem;
}
.blok-citace hr{
border-top: 1px solid #a4ffff;
margin: 20px 0;
opacity: 0.3;
}
.blok-obrazek{
text-align: center;
display: flex;
justify-content: center;
align-items: center;
}
.blok-obrazek .jca-image-effect{
width: 100%;
}
.jca-mobile .blok-obrazek,
.jca-mobile .blok-galerie{
padding-left: 0;
padding-right: 0;
}
.jca-mobile .blok-obrazek .image-description,
.jca-mobile .blok-galerie .image-description{
padding-left: 20px;
padding-right: 20px;
}
.story-header{
display: flex;
align-items: center;
padding-top: 50px;
padding-bottom: 0px;
font-size: 0.9em;
transform: translateX(-20px);
}
.story-avatar{
background-size: cover;
background-position: center;
border-radius: 30px;
margin-right: 20px;
background: transparent;
}
.story-avatar img{
width: 80px;
height: auto;
border-radius: 40px;
}
.story-date{
opacity: 0.5;
padding-top: 3px;
font-size: 0.9em;
}
.story-podekovani{
background-color: #2b2d3a;
padding: 20px 0;
}
.story-podekovani .inner{
display: flex;
align-items: flex-start;
}
.podekovani-logo{
padding: 20px;
text-align: center;
align-items: flex-start;
flex-basis: 25%;
}
.podekovani-logo img{
}
.podekovani-text{
padding: 20px;
padding-right: 0px;
font-size: 0.9em;
font-weight: 300;
line-height: 2;
flex-basis: 75%;
}
.podekovani-text h2{
font-size: 1.5em;
color: #FFFFFF;
text-align: left;
padding-bottom: 10px;
} .kategorie{
list-style-type: none;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
padding-top: 10px;
}
.kategorie li{
margin: 2px 2px;
border: 1px solid rgba(128,255,255,0.3);
padding: 0;
transition: border 0.4s ease-out;
}
.kategorie li a{
font-family: 'Spartan','Arial', sans-serif;
display: inline-block;
padding: 10px 12px 7px 12px;
color: #a4ffff;
text-decoration: none;
text-transform: uppercase;
font-size: 0.85em;
font-weight: 300;
line-height: normal;
}
.kategorie li:hover{
border: 1px solid rgba(128,255,255,1);
}
.clanky{
display: flex;
flex-wrap: wrap;
padding: 20px 0 20px 0;
margin-left: -1vw;
margin-right: -1vw;
}
.clanek{
width: 25%;
padding: 1vw;
text-align: center;
display: block;
overflow: hidden;
}
.clanek .inner{ position: relative;
width: 100%;
padding-top: 125%;
overflow: hidden;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
transition: transform 0.3s ease-out;
}
.clanek-title{
position: absolute;
z-index: 999;
display: flex;
height: 101%;
width: 100%;
transform: translateY(-100%);
justify-content: center;
align-items: center;
align-content: stretch;
flex-direction: column;
background-color: rgba(18,19,28,0.85);
color: #a4ffff;
opacity: 0;
transition: opacity 0.4s ease-out;
padding: 20px;
text-transform: uppercase;
}
.clanek-title h3{
padding-bottom: 20px;
}
.clanek-title span{
color: #b69372;
}
.clanek:hover  .inner{
transform: scale(1.02);
}
.clanek:hover .clanek-title{
opacity: 1;
} .story-video-yt{
width: 100%;
height: 50vw;
max-height: 552px;
}  .jca_aktualne{
max-width: 800px;
margin: auto;
}
.jca_aktualne p{
font-family: 'Cardo','Arial', sans-serif;
padding-top: 30px;
padding-bottom: 30px;
font-size: 1.3em;
}
.jca_aktualne img{
width: 100%;
height: auto;
}  .jca_oprojektu{
max-width: 800px;
margin: auto;
color: #b69372;
text-align: center;
line-height: 2;
}
.jca_oprojektu hr{
border-top: 1px solid #b69372;
border-bottom: 0;
margin-top: 30px;
width: 200px;
}  .xy-block{
display: flex;
align-items: stretch;
width: 100%;
height: auto;
background-position: center;
background-size: cover;
}
.xy-block.template-content{
flex-direction: column;
}
.xy-block.reverse{
flex-direction: row-reverse;
}
.xy-block .row{
width: 100%;
}
.xy-col-1, .xy-col-2 {
display: flex;
width: 50%;
flex-direction: column;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
align-items: center;
justify-content: center;
min-height: 300px;
padding: 5vw;
padding-left: 0;
}
.reverse .xy-col-1{
padding: 5vw;
padding-right: 0;
} .parallax-hero{
display: flex;
position: relative;
width: 100%;
min-height: calc(60vh - 80px);
height: calc(60vh - 80px);
justify-content: center;
align-items: flex-start;
overflow: hidden;
}
.blog .parallax-hero{
min-height: 300px;
height: 80vh;
border-bottom: 1px solid rgba(128,255,255,0.1);
}
.parallax-nadpis{
position: absolute;
z-index: 99;
margin: auto;
top: 50%;
transform: translateY(-50%);
width: 50%;
height: auto;
opacity: 0;
transition: opacity 1s ease-out 1s;
object-fit: contain;
}
.jca-desktop .page-homepage  .parallax-nadpis{
width: 50%;
}
.jca-desktop .page-o-projektu  .parallax-nadpis{
width: 30%;
}
.jca-desktop .page-clanky  .parallax-nadpis{
width: 40%;
}
.jca-mobile .parallax-nadpis{
width: auto;
height: 70%;
max-width: 80%;
}
.ready .parallax-nadpis{
opacity: 1;
}
.parallax-obrazky{
position: absolute;
z-index: 50;
display: flex;
width: 100%;
height: 100%;
justify-content: center;
align-items: flex-start;
transition: transform 0.2s ease-out;
opacity: 0.5;
}
.parallax-obrazky .col-left{
text-align: right;
padding: 0 3vw 0 0;
margin-top: 10vh;
display: flex;
flex-direction: column;
justify-content: center;
}
.parallax-obrazky .col-right{
text-align: left;
padding: 0 0 0 3vw ;
display: flex;
margin-top: 0;
flex-direction: column;
justify-content: center;
}
.parallax-box{
margin: auto;
text-align: center;
opacity: 0;
position: relative;
margin-bottom: 5vh;
}
.parallax-obrazky .col-right .parallax-box:last-child,
.parallax-obrazky .col-left .parallax-box:last-child{
margin-bottom: 0;
}
.parallax-box::after,
.jca-image-effect::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: linear-gradient(90deg, #2b2d3a 0%, #2b2d3a 100% );
border-right: 1px solid #b69372 ;
transition: all 0.8s cubic-bezier(0.490, 0.360, 0.215, 0.940) ;
}
.parallax-obrazek{
max-height: 40vh;
max-width: 40vw;
margin: auto;
}
.jca-image-effect{
position: relative;
}
.start .parallax-box::after,
.start .jca-image-effect.jca-on::after {
width: 0%;
border-right: 0px solid #b69372;
} @keyframes automat1 {
0% {transform: translateY(0)}
50% {transform: translateY(-100%)}
50.001% {transform: translateY(100%)}
}
@keyframes automat2 {
0% {transform: translateY(100%)}
100% {transform: translateY(-100%)}
}
.automat .parallax-obrazky{
height: auto;
position: absolute;
top: 0%;
}
.automat .parallax-obrazky.obrazky-1{
transform: translateY(0%);
will-change: transform;
}
.automat .parallax-obrazky.obrazky-2{
transform: translateY(100%);
will-change: transform;
}
.automat .parallax-obrazky.obrazky-1{
animation: automat1 linear 50s infinite;
animation-delay: 2s;
}
.automat .parallax-obrazky.obrazky-2{
animation: automat2 linear 50s infinite ;
animation-delay: 1s;
}
.automat .parallax-box {
opacity: 1;
}
.kontakt-box{
font-family: 'Spartan','Arial', sans-serif;
font-size: 0.9em;
line-height: 2em;
font-weight: 300;
border: 1px solid rgba(128,255,255,0.3);
padding: 20px 20px 40px 20px;
display: flex;
flex-wrap: wrap;
}
.kontakt-box h3{
width: 100%;
text-align: center;
padding-bottom: 20px;
}
.kontakt-box .col-1,
.kontakt-box .col-2{
width: 50%;
padding: 0  20px;
display: flex;
justify-content: center;
}
.kontakt-box .col-1{
border-right: 1px solid rgba(128,255,255,0.3);
}    .gallery{
display: flex;
flex-wrap: wrap;
align-items: center;
}
.gallery-item img{
border: 0 !important;
}
.image-description{
font-family: 'Spartan','Arial', sans-serif;
font-size: 0.7em;
padding-top: 10px;
font-style: italic;
font-weight: 400;
}
.image-description .autor{
padding-right: 10px;
color: #b69372;
} .xy-gallery-page header{
position: absolute;
z-index: 999;
left: 40px;
top: 40px;
}
.xy-gallery-page .jca-logo{
width: 180px;
}
.xy-gallery-page #content,
.xy-gallery-page .content-inner{
height: 100vh;
padding: 0;
position: absolute;
top: 0;
}
.xy-gallery-page #footer{
position: absolute;
z-index: 99;
}
.xy-gallery-page .splide{
height: 100vh;
width: 100vw;
position: absolute;
padding: 0;
margin: 0;
background-color: #000000;
}
.xy-gallery-page .splide__center{
display: none;
}
.xy-gallery-page .splide__slide{
padding: 0;
margin: 0;
}
.xy-gallery-page .splide__slide-inner{
height: 100vh;
width: 100vw;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
opacity: 0;
box-shadow: inset 0 0 200px #000000;
transform: scale(0.98);
transition: opacity 3s ease-in, transform 10s ease-out, box-shadow 5s ease-in ;
}
.xy-gallery-page .splide__slide.is-visible .splide__slide-inner{
opacity: 1;
transform: scale(1.06);
box-shadow: inset 0 0 0px #000000;
}
.xy-gallery-page .splide__arrows{
position: absolute;
right: 0px;
bottom: 40px;
}
.xy-gallery-page .image-description{
position: absolute;
left: 0px;
right: 0px;
bottom: 0px;
background: linear-gradient(0deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 100%);
color: #FFFFFF;
font-size: 0.85rem;
min-height: 160px;
display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
padding: 40px 50px;
}
.xy-gallery-page a{
color: #FFFFFF;
text-decoration: none;
display: inline;
}
.xy-gallery-page h1{
font-size: 0.75rem;
margin: 5px 0 0 0;
padding: 0;
display: inline-block;
opacity: 0;
transform: translateY(14px);
transition: opacity 2s ease-in 1.4s, transform 1s ease-out 1.4s;
}
.xy-gallery-page .splide__slide.is-visible h1{
opacity: 1;
transform: translateY(0px);
}
.xy-gallery-page svg {
height: 12px;
width: auto;
margin-left: 2px;
margin-right: 6px;
opacity: 0.5;
}
.xy-gallery-page .image-description .text{
color: #FFFFFF;
margin-right: 150px;
opacity: 0;
transform: translateY(14px);
transition: opacity 2s ease-in 1s, transform 1s ease-out 1s;
}
.xy-gallery-page .splide__slide.is-visible .text{
opacity: 1;
transform: translateY(0px);
} .splide__slide{
opacity: 0.4;
transition: opacity 0.4s ease-in;
}
.splide__slide.is-visible{
opacity: 1;
}
.splide__arrows{
display: flex;
justify-content: center;
padding-top: 25px;
}
.splide__center{
width: 1px;
background-color: rgba(255,255,255,0.3)
}
.splide__arrow{
background: transparent !important;
width: 50px !important;
height: 30px !important;
position: relative !important;
transform: none !important;
margin: 0 30px !important;
opacity: 1 !important;
}
.splide__arrow  path{
fill: #FFFFFF;
transition: all 0.4s ease-in-out ;
}
.splide__arrow:hover path{
fill: #a4ffff;
}
.splide__arrow  svg{
width: 40px !important;
height: 16px !important;
transform: scaleX(1) !important;
}
.jca-mobile  .splide img{
width: 100% !important;
height: auto !important;
max-height: 100% !important;
} #footer{
padding: 50px 0;
}
#footer .row-1{
display: flex;
justify-content: space-between;
align-items: center;
}
#footer .row-2{
text-align: center;
color: #b69372;
font-size: 0.8em;
padding-top: 20px;
}
#footer .row-2 a{
text-decoration: underline;
}
#menu-footer ul{
list-style-type: none;
display: inline-block;
}
#menu-footer li{
display: inline-block;
}
#menu-footer li a{
padding: 10px 30px;
display: inline-block;
transition: color 0.4s ease-in-out 0s;
font-size: 1.2em;
color: #b69372;
text-decoration: none;
}
#menu-footer li a:hover{
color: #ffffff;
}
#footer .addtoany_list a{
padding: 0 8px;
line-height: normal;
}
#footer .addtoany_list a span{
border-radius: 30px !important;
padding: 8px;
background-color: #b69372 !important;
transition: all 0.4s ease-in-out ;
}
#footer .addtoany_list a:hover span{
background-color: #FFFFFF !important;
}   @media only screen and (max-width: 1620px) {
.clanky{
padding: 40px ;
}
}
@media only screen and (max-width: 1280px) {
.story-header{
transform: translateX(0);
}
.jca-hamburger{
display: flex;
}
.jca-logo {
width: 160px;
}
#jca-top-menu{ position: fixed;
top: 60px;
bottom: 0px;
left: 0px;
width: 100vw;
transform: translateX(105%);
z-index: 100;
background-color: #070a1a;
flex-direction: column;
transition: all 0.5s ease-in-out;
}
#jca-top-menu ul{
flex-direction: column;
list-style-type: none;
margin: 60px 0 0 0;
}
#jca-top-menu li {
display: block;
margin: 0;
}
#jca-top-menu li a{
padding: 60px 0 0 0;
display: block;
font-size: 1.5em;
}
.show-menu #jca-top-menu{
transform: translateX(0%);
}
}
@media only screen and (max-width: 768px) {
body{
letter-spacing: 0.06rem;
line-height: 1.57;
overflow-x: hidden;
}
h1, .single h1{
font-size: 2.5em;
font-weight: 500;
}
#header{
height: 60px;
padding: 0 20px;
}
#content {
padding-top: 60px;
}
#jca-col-logo {
flex-basis: 40%;
}
.jca-hamburger{
top: 12px;
}
.jca-post  {
width: auto;
min-width: inherit;
}
.jca-post-title, .jca-post-excerpt{
padding-left: 20px;
padding-right: 20px;
}
.xy-block{
flex-direction: column !important;
}
.blok-typ-1,
.blok-typ-2{
padding-left: 0;
padding-right: 0;
}
.xy-col-1, .xy-col-2 {
width: 100%;
padding: 20px !important;
}
.xy-col-1{
min-height: 100px;
}
.xy-block.full{
padding: 0px !important;
}
.blok-typ-1 .xy-block,
.blok-typ-2 .xy-block{
flex-direction: column-reverse !important;
}
#footer .row-1{
flex-direction: column;
}
#footer .addtoany_list{
padding: 20px 0;
}
#menu-footer li{
display: block;
text-align: center;
}
.search-show #search-panel{
top: 60px;
}
.story-header{
padding-top: 30px;
}
.story-podekovani{
padding-top: 50px;
padding-bottom: 50px;
}
.story-podekovani .inner{
flex-direction: column;
text-align: center;
}
.podekovani-text{
padding: 0;
}
.podekovani-text h2{
text-align: center;
}
.podekovani-logo{
padding-top: 0;
}
.clanky{
margin-left: -50px;
margin-right: -50px;
}
.single .clanky{
padding-left: 10px;
padding-right: 10px;
margin-left: 0px;
margin-right: 0px;
}
.story-clanek{
width: 50%;
padding: 10px !important;
}
.story-video-yt{
height: 54vw;
}
.blok-video{
padding-left: 0px !important;
padding-right: 0px !important;
}
.blok-obrazek img{
width: 100% !important;
height: auto;
}
.parallax-obrazky{
opacity: 0.4;
min-height: 100vh;
}
.parallax-obrazek{
height: auto;
max-width: 100%;
object-fit: cover;
}
.parallax-nadpis{
transform: translateY(-60%);
}
.parallax-obrazky .col-right{
padding-right: 0;
justify-content: flex-start;
}
.parallax-obrazky .col-left{
padding-left: 0;
justify-content: flex-start;
}
.template-parallax{
padding: 0 !important;
}
.kontakt-box{
flex-direction: column;
}
.kontakt-box h3{
text-align: left;
}
.kontakt-box .col-1,
.kontakt-box .col-2{
width: 100%;
padding: 20px 10px;
justify-content: flex-start;
}
.kontakt-box .col-1{
border-right: 0;
border-bottom: 1px solid rgba(128,255,255,0.3);
}
.kontakt-box .col-1 br{ }
.mx-h-padding{
padding-left: 0px;
padding-right: 0px;
}
.image-description{
font-size: 0.6rem;
}
.clanek-title{
display: none;
}
.kategorie li{
margin: 2px;
}
.kategorie li a{
font-size: 0.8em;
padding: 8px 12px 6px 12px;
}
.xy-gallery-page h1{
font-size: 0.75rem;
padding-top: 15px;
line-height: 1.3rem;
text-align: left !important;
}
.xy-gallery-page .image-description .text{
margin-right: 0;
text-align: left !important;
}
.xy-gallery-page .image-description{
padding-bottom: 110px;
padding-top: 100px;
text-align: left !important;
}
.xy-gallery-page .splide__arrows{
bottom: 70px;
}
.xy-gallery-page .splide__slide-inner{
transform: scale(1) !important;
box-shadow: none !important;
}
}
@media only screen and (max-width: 1024px) and (orientation:landscape) {
.jca-mobile #header{
position: relative;
padding: 0 30px;
}
.jca-mobile #jca-top-menu{
top: 0px;
}
.jca-mobile #content{
padding-top: 0;
}
.splide__slide{
text-align: center;
}
.jca-mobile .splide img{
height: 90vh !important;
width: auto !important;
}
.jca-mobile #jca-top-menu li{
margin-left: 20px;
font-size: 0.9em;
}
}
@media only screen and (max-width: 768px) and (orientation:portrait) {
.xy-gallery-page .splide__slide-inner{
background-size: contain;
background-position: center 100px ;
}
.story-blok{
font-size: 1.24em;
}
.blok-citace{
font-size: 1.1em;
}
.story-authors{
font-size: 1em;
}
.jca_oprojektu{
font-size: 1.2em;
}
.kategorie{
padding-left: 2px;
padding-right: 2px;
}
.kategorie li a{
font-size: 0.7rem;
padding: 8px 10px 6px 10px;
}
.single .clanky {
padding-left: 0px;
padding-right: -0px;
margin-left: -10px;
margin-right: -10px;
}
.parallax-hero{
min-height: 60vh;
height: 60vh;
}
.story-blok-end .kategorie{
display: none;
}
}