.blog-nahled-prispevku {
width: calc(50% - 20px);
margin: 0 10px 20px;
float: left;
}
.blog-nahled-prispevku {
height: 190px;
}
.blog-nahled-prispevku.prvni-ctvrty {
background-color: var(--e-global-color-primary);
}
.blog-nahled-prispevku.druhy-treti {
background-color: var(--e-global-color-f766e15);
}
.blog-nahled-prispevku .predni-strana, .blog-nahled-prispevku .zadni-strana {
height: 100%;
position: relative;
padding: 20px;
}
.blog-nahled-prispevku .zadni-strana {
display: flex;
align-items: center;
justify-content: center;
padding-bottom: 38px;
}
.blog-nahled-prispevku .predni-strana {
display: flex;
align-items: flex-end;
font-weight: 500;
color: white;
font-size: 20px;
}
@media only screen and (min-width: 768px) {
.blog-nahled-prispevku .predni-strana {
font-size: 20px;
}
.blog-nahled-prispevku .zadni-strana {
font-size: 14px;
}
}
.blog-nahled-prispevku .predni-strana .pozadi {
width: 100%;
height: 100%;
position: absolute;
background-size: cover;
top: 0;
left: 0;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
background-blend-mode: color;
filter: brightness(60%) saturate(60%) contrast(80%) opacity(0.8);
}
.blog-nahled-prispevku .predni-strana span {
z-index: 2;
line-break: anywhere;
max-height: 100%;
overflow: hidden;
}
.blog-nahled-prispevku .predni-strana::before {
content: "";
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
} .blog-nahled-prispevku .zadni-strana, .blog-nahled-prispevku:hover .predni-strana {
display: none;
}
.blog-nahled-prispevku:hover .zadni-strana {
display: flex;
}
.blog-nahled-prispevku .zadni-strana {
line-break: anywhere;
max-height: 100%;
overflow: hidden;
}
.blog-nahled-prispevku .blog-nahled-cta {
position: absolute;
bottom: 0px;
right: 0px;
font-weight: 600;
padding: 4px 20px;
}
.blog-nahled-prispevku.prvni-ctvrty .blog-nahled-cta {
background-color: var(--e-global-color-f766e15);
color: var(--e-global-color-secondary);
}
.blog-nahled-prispevku.druhy-treti .blog-nahled-cta {
background-color: var(--e-global-color-primary);
color: white;
}
.blog-nahled-prispevku.prvni-ctvrty .zadni-strana {
color: white;
}
.blog-nahled-prispevku.druhy-treti .zadni-strana {
color: var(--e-global-color-primary);
}
@media only screen and (max-width: 767px) {
.blog-nahled-prispevku .predni-strana {
overflow: hidden;
font-size: 12px;
}
.blog-nahled-prispevku .zadni-strana {
overflow: hidden;
font-size: 10px;
}
}.otazky-a-odpovedi .odpovedi-wrapper {
height: 400px;
max-height: 50vh;
border: solid 1px var(--e-global-color-primary);
overflow: auto;
padding: 20px;
margin-top: 30px;
}
.otazky-a-odpovedi .otazka {
cursor: pointer;
color: var(--e-global-color-primary);
border: solid 1px var(--e-global-color-primary);
margin: 5px 5px 5px 0px;
padding: 2px 10px;
font-weight: 600;
}
.otazky-a-odpovedi .otazka.selected {
background-color: var(--e-global-color-primary);
color: var(--e-global-color-ae559a8);
border: solid 1px var(--e-global-color-primary);
}
.otazky-a-odpovedi .odpoved.selected {
display: block;
}
.otazky-a-odpovedi .otazky-wrapper {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.otazky-a-odpovedi .odpoved {
display: none;
}
.otazky-a-odpovedi .odpovedi-wrapper {
scrollbar-color: var(--e-global-color-primary) var(--e-global-color-4af278f);
}
.otazky-a-odpovedi .odpovedi-wrapper::-webkit-scrollbar {
width: 10px;
height: 10px;
}
.otazky-a-odpovedi .odpovedi-wrapper::-webkit-scrollbar-thumb {
background: var(--e-global-color-primary);
}
.otazky-a-odpovedi .odpovedi-wrapper::-webkit-scrollbar-track {
background: var(--e-global-color-4af278f);
}