@charset "UTF-8";
       html {
line-height: 1.15; -webkit-text-size-adjust: 100%; }  body {
margin: 0;
} h1 {
font-size: 2em;
margin: 0.67em 0;
}  hr {
-webkit-box-sizing: content-box;
box-sizing: content-box; height: 0; overflow: visible; } pre {
font-family: monospace, monospace; font-size: 1em; }  a {
background-color: transparent;
} abbr[title] {
border-bottom: none; text-decoration: underline; -webkit-text-decoration: underline dotted;
text-decoration: underline dotted; } b,
strong {
font-weight: bolder;
} code,
kbd,
samp {
font-family: monospace, monospace; font-size: 1em; } small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  img {
border-style: none;
}  button,
input,
optgroup,
select,
textarea {
font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button,
input { overflow: visible;
} button,
select { text-transform: none;
} button,
[type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button;
} button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
border-style: none;
padding: 0;
} button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
outline: 1px dotted ButtonText;
} fieldset {
padding: 0.35em 0.75em 0.625em;
} legend {
-webkit-box-sizing: border-box;
box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress {
vertical-align: baseline;
} textarea {
overflow: auto;
} [type=checkbox],
[type=radio] {
-webkit-box-sizing: border-box;
box-sizing: border-box; padding: 0; } [type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto;
} [type=search] {
-webkit-appearance: textfield; outline-offset: -2px; } [type=search]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; }  details {
display: block;
} summary {
display: list-item;
}  template {
display: none;
} [hidden] {
display: none;
}
*, *:before, *:after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
} html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block;
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden],
template {
display: none;
}
a {
background-color: transparent;
}
a:active,
a:hover,
*:focus {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: bold;
}
i,
em,
dfn {
font-style: italic;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
mark {
background: #ff0;
color: #000;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
ul, li, h1, h2, h3 {
margin: 0;
padding: 0;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 1em 40px;
}
hr {
-webkit-box-sizing: content-box;
box-sizing: content-box;
height: 0;
}
pre {
overflow: auto;
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html input[type=button],
input[type=reset],
input[type=submit] {
-webkit-appearance: none; cursor: pointer; }
button[disabled],
html input[disabled] {
cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type=checkbox],
input[type=radio] {
-webkit-box-sizing: border-box;
box-sizing: border-box; padding: 0; }
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
height: auto;
}
input[type=search] {
-webkit-appearance: textfield; -webkit-box-sizing: content-box; box-sizing: content-box;
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
} input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
} input[type=number] {
-moz-appearance: textfield;
}
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
border: 0; padding: 0; }
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
} .clearfix:before,
.clearfix:after {
content: " "; display: table; }
.clearfix:after {
clear: both;
} .clearfix {
*zoom: 1;
} @font-face {
font-family: "Avenir Next LT Pro";
src: url(//www.lecbaplotenek.cz/wp-content/themes/lecbaplotenek-theme/assets/fonts/AvenirNextLTPro-Regular.ttf) format("truetype");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Avenir Next LT Pro";
src: url(//www.lecbaplotenek.cz/wp-content/themes/lecbaplotenek-theme/assets/fonts/AvenirNextLTPro-MediumIt.ttf) format("truetype");
font-weight: medium;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Avenir Next LT Pro";
src: url(//www.lecbaplotenek.cz/wp-content/themes/lecbaplotenek-theme/assets/fonts/AvenirNextLTPro-Bold.ttf) format("truetype");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Inter";
src: url(//www.lecbaplotenek.cz/wp-content/themes/lecbaplotenek-theme/assets/fonts/Inter-Regular.ttf) format("truetype");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Inter";
src: url(//www.lecbaplotenek.cz/wp-content/themes/lecbaplotenek-theme/assets/fonts/Inter-SemiBold.ttf) format("truetype");
font-weight: 600;
font-style: normal;
font-display: swap;
} h1,
.h1 {
font-family: "Avenir Next LT Pro", sans-serif;
font-weight: 600; font-size: calc(var(--fs-rate) * 10rem);
line-height: 1;
color: #fff;
}
@media screen and (max-width: 640px) {
h1,
.h1 {
font-size: 4rem;
line-height: normal;
}
}
h2,
.h2 {
font-family: "Avenir Next LT Pro", sans-serif;
font-weight: 600; font-size: calc(var(--fs-rate) * 5rem);
line-height: 1.2;
color: #004b89;
}
@media screen and (max-width: 640px) {
h2,
.h2 {
font-size: 2.5rem;
line-height: 1.2;
}
}
h3,
.h3 { font-size: calc(var(--fs-rate) * 3rem);
line-height: 1.2;
font-family: "Avenir Next LT Pro", sans-serif;
font-weight: 600;
color: #004b89;
}
@media screen and (max-width: 640px) {
h3,
.h3 {
font-size: 2rem;
line-height: 1.2;
}
}
h4,
.h4 { font-size: calc(var(--fs-rate) * 2.4rem);
line-height: 1.1666666667;
}
h5,
.h5 { font-size: calc(var(--fs-small-rate) * 1.8rem);
line-height: 1.5555555556;
}
h6,
.h6 { font-size: calc(var(--fs-small-rate) * 1.8rem);
line-height: 1.5555555556;
} .dt-1 {
font-family: "Avenir Next LT Pro", sans-serif;
font-weight: 600; font-size: calc(var(--fs-small-rate) * 8rem);
line-height: 1.2;
}
.dt-2 { font-size: calc(var(--fs-small-rate) * 1.6rem);
line-height: 1.75;
}
.dt-3 { font-size: calc(var(--fs-small-rate) * 1.6rem);
line-height: 1.75;
}
.dt-4 { font-size: calc(var(--fs-small-rate) * 1.6rem); line-height: 1.75;
} .subheader { font-size: calc(var(--fs-small-rate) * 4rem);
line-height: 1.2;
font-family: "Avenir Next LT Pro", sans-serif;
font-weight: 600;
color: #fff;
}
p {
font-family: "Avenir Next LT Pro", sans-serif;
font-weight: 600; font-size: calc(var(--fs-small-rate) * 2rem);
line-height: 1.2;
}
strong,
.strong {
font-family: "Avenir Next LT Pro", sans-serif;
font-weight: 600;
}
.bbt { font-size: calc(var(--fs-small-rate) * 1.8rem);
line-height: 1.5555555556;
}
.sbt { font-size: 12px;
line-height: 1.3333333333;
font-family: "Avenir Next LT Pro", sans-serif;
font-weight: 600;
color: #5e6f7e;
}
.info-text { font-size: calc(var(--fs-small-rate) * 2.5rem);
line-height: 1.4;
font-family: "Avenir Next LT Pro", sans-serif;
font-weight: 400;
color: #fff;
}
.button { font-size: calc(var(--fs-small-rate) * 2rem);
line-height: 1;
font-family: "Avenir Next LT Pro", sans-serif;
font-weight: 600;
text-transform: uppercase;
}
.number {
color: #004b89; font-size: calc(var(--fs-small-rate) * 1.6rem);
line-height: 1.1875;
font-family: "Avenir Next LT Pro", sans-serif;
font-weight: 600;
}
.mixed {
color: #5e6f7e;
font-family: "Avenir Next LT Pro", sans-serif;
font-weight: 600; font-size: calc(var(--fs-small-rate) * 1.6rem);
line-height: 1.375;
}
.ref-text {
color: #28323c;
font-family: "Inter", sans-serif;
font-weight: 400; font-size: calc(var(--fs-small-rate) * 2rem);
line-height: 1.4;
}
.inter-text-lg {
font-family: "Inter", sans-serif;
font-weight: 600; font-size: calc(var(--fs-small-rate) * 1.8rem);
line-height: 1.3888888889;
color: #28323c;
}
.inter-text-md {
font-family: "Inter", sans-serif;
font-weight: 400; font-size: calc(var(--fs-small-rate) * 1.6rem);
line-height: 1.5;
color: #28323c;
}
.person-text {
font-family: "Avenir Next LT Pro", sans-serif;
font-weight: 600; font-size: calc(var(--fs-small-rate) * 3rem);
line-height: 1.4;
color: #004b89;
text-align: center;
}
.person-text-md {
font-family: "Avenir Next LT Pro", sans-serif;
font-weight: 600; font-size: calc(var(--fs-small-rate) * 1.6rem);
line-height: 1.5;
color: #5e6f7e;
text-transform: uppercase;
text-align: center;
}  .btn__primary {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 3rem 4rem;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 7.6rem;
-webkit-box-flex: 1;
-ms-flex: 1 0 0px;
flex: 1 0 0;
min-width: -webkit-max-content;
min-width: -moz-max-content;
min-width: max-content;
gap: 1rem;
border-radius: 5rem;
background: #1bbbe9;
border: 2px solid transparent;
text-decoration: none;
}
.btn__primary.blue-text {
-webkit-transition: 0.3s;
transition: 0.3s;
}
.btn__primary.blue-text:hover {
border: 2px solid #1bbbe9;
color: #1bbbe9;
}
.btn__primary.blue-text:hover .btn__text {
color: #1bbbe9;
}
.btn__primary.blue-text:hover .btn__icon svg .play {
stroke: #1bbbe9;
}
.btn__primary:hover {
border: 2px solid #fff;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
background: #fff;
}
.btn__primary:hover .btn__text {
color: #1bbbe9;
}
.btn__primary:hover .btn__icon svg .play {
stroke: #1bbbe9;
}
.btn__primary .btn__text {
font-family: "Avenir Next LT Pro", sans-serif;
font-weight: 600; font-size: calc(var(--fs-small-rate) * 2rem);
line-height: 1;
color: #fff;
font-style: normal;
text-transform: uppercase;
padding-top: 0.3rem;
}
.btn__secondary {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 3rem 4rem;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-flex: 1;
-ms-flex: 1 0 0px;
flex: 1 0 0;
height: 7.6rem;
min-width: -webkit-max-content;
min-width: -moz-max-content;
min-width: max-content;
gap: 1rem;
border-radius: 5rem;
border: 2px solid #1bbbe9;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
text-decoration: none;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.btn__secondary.blue-text:hover {
background: #1bbbe9;
}
.btn__secondary.blue-text:hover .btn__text {
color: #fff;
}
.btn__secondary.blue-text .btn__text {
color: #1bbbe9;
}
.btn__secondary.white-bg:hover {
border: 2px solid #fff;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
background: #fff;
}
.btn__secondary.white-bg:hover .btn__text {
color: #1bbbe9;
}
.btn__secondary.white-bg:hover .btn__icon svg .play {
stroke: #1bbbe9;
}
.btn__secondary:hover .btn__text {
color: #1bbbe9;
}
.btn__secondary:hover .btn__icon svg .play {
stroke: #1bbbe9;
}
.btn__secondary .btn__icon svg .play {
-webkit-transition: 0.3s;
transition: 0.3s;
}
.btn__secondary .btn__text {
font-family: "Avenir Next LT Pro", sans-serif;
font-weight: 600; font-size: calc(var(--fs-small-rate) * 2rem);
line-height: 1;
color: #fff;
font-style: normal;
text-transform: uppercase;
padding-top: 0.3rem;
padding-right: 0.4rem;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.hotline-button {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 2rem 3rem;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 1.5rem;
border-radius: 10.4rem;
border: 2px solid #91bd21;
text-decoration: none;
}
.hotline-button:hover {
background: #91bd21;
}
.hotline-button:hover svg path {
fill: #fff;
}
.hotline-button:hover .btn__text {
color: #fff;
}
.hotline-button .icon svg {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 2.3rem;
-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;
-ms-flex-item-align: stretch;
align-self: stretch;
}
.hotline-button .icon svg path {
-webkit-transition: 0.3s;
transition: 0.3s;
}
.hotline-button .btn__text {
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-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 1rem;
color: #91bd21;
font-family: "Avenir Next LT Pro", sans-serif;
font-weight: 600; font-size: calc(var(--fs-small-rate) * 2rem);
line-height: 1;
text-decoration: none;
padding-top: 0.3rem;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.btn__icon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 1rem;
} .search-results-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 2rem;
width: 100%;
}
.search-results-container .search-results__content {
padding: clamp(6rem, 15vw, 15rem) 0;
}
.search-results-container .search-results__content .search-title {
padding-bottom: 4rem;
}
.search-results-container .search-results__content .pages-title {
padding-bottom: 2rem;
}
.search-results-container .search-results__content .post-title {
padding: 2rem 0;
}
.search-results-container .search-results__content .search-results-list {
width: 100%;
max-width: -webkit-fit-content;
max-width: -moz-fit-content;
max-width: fit-content;
}
.search-results-container .search-results__content .search-results-list li {
list-style: none;
padding-bottom: 2rem;
}
.search-results-container .search-results__content .search-results-list li p {
font-family: "Inter", sans-serif;
font-weight: 400;
color: #28323c;
font-size: calc(var(--fs-small-rate) * 2rem);
line-height: 1.2;
}
.search-results-container .search-results__content .search-results-list li h3 {
padding-bottom: 1rem;
}
.search-results-container .search-results__content .search-results-list li:hover a {
color: #004b89;
}
.search-results-container .search-results__content .search-results-list li a {
color: #1bbbe9;
font-size: 2rem;
font-style: normal;
line-height: 100%;
font-family: "Avenir Next LT Pro", sans-serif;
font-weight: 600;
text-decoration: none;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.search-results-container .search-results__content .search-results-list li .result {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
html,
body {
font-family: var(--primarniFont);
font-size: 62.5%;
-webkit-text-size-adjust: 100%;
--fs-rate: 1;
--fs-small-rate: 1;
}
@media screen and (max-width: 1024px) {
html,
body {
--fs-rate: 0.85;
--fs-small-rate: 0.85;
}
}
@media screen and (max-width: 640px) {
html,
body {
--fs-rate: 0.75;
--fs-small-rate: 0.8;
}
}
@media screen and (max-width: 450px) {
html,
body {
--fs-rate: 0.65;
--fs-small-rate: 0.75;
}
}
* {
margin: 0;
padding: 0;
border: none;
outline: none;
-webkit-tap-highlight-color: transparent;
-webkit-box-sizing: border-box;  box-sizing: border-box; }
*:focus {
outline: none;
-webkit-tap-highlight-color: transparent;
}
main {
min-height: var(--mainMinHeight);
position: relative;
overflow: hidden;
}
body {
font-size: 1.6rem;
}
.container {
padding: 0 2.5rem;
margin: 0 auto;
width: 100%;
max-width: 125rem;
}
@media screen and (max-width: 600px) {
.container {
padding: 0 1.5rem;
}
}
svg,
img {
max-width: 100%;
height: auto;
}
a {
-webkit-transition: 0.3s;
transition: 0.3s;
text-decoration: none;
}
figure {
margin: 0;
}
.click-body-placeholder {
position: fixed;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 90;
pointer-events: none;
}
.click-body-placeholder.active {
pointer-events: all;
}
.is-layout-flow > * + * {
-webkit-margin-before: 0 !important;
margin-block-start: 0 !important;
-webkit-margin-after: 0 !important;
margin-block-end: 0 !important;
}
section {
overflow: hidden;
}
.fly-hotline {
overflow: hidden;
}
.fly-hotline__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 3rem;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 1.5rem;
position: fixed;
right: -20rem; top: 32rem;
border-radius: 10.4rem 0 0 10.4rem;
background: rgba(145, 189, 33, 0.8);
z-index: 9999;
overflow: hidden; -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
transition: transform 0.3s ease, opacity 0.3s ease;
transition: transform 0.3s ease, opacity 0.3s ease, -webkit-transform 0.3s ease; }
@media screen and (max-width: 1024px) {
.fly-hotline__content {
right: -17rem;
}
}
@media screen and (max-width: 640px) {
.fly-hotline__content {
right: -16rem;
}
}
@media screen and (max-width: 500px) {
.fly-hotline__content {
padding: 2rem;
}
}
.fly-hotline__content:hover {
-webkit-transform: translateX(-19rem);
transform: translateX(-19rem); }
@media screen and (max-width: 1024px) {
.fly-hotline__content:hover {
-webkit-transform: translateX(-17rem);
transform: translateX(-17rem);
}
}
@media screen and (max-width: 640px) {
.fly-hotline__content:hover {
-webkit-transform: translateX(-16rem);
transform: translateX(-16rem);
}
}
.fly-hotline__content svg {
width: 100%;
max-width: 2.3rem;
height: 2.3rem;
}
.fly-hotline__content-text {
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-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 1rem;
opacity: 0; -webkit-transition: opacity 0.3s ease;
transition: opacity 0.3s ease; }
.fly-hotline__content-text:hover {
opacity: 1; }
.fly-hotline__content-text .mixed {
color: #fff;
}
.fly-hotline__content-text a {
border-bottom: 1px solid transparent;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.fly-hotline__content-text a:hover {
color: #004b89;
border-color: #004b89;
}
.fly-hotline__content-text .button {
color: #28323c;
font-weight: bold;
text-decoration: none;
width: 100%;
display: inline-block;
}
.fly-hotline__content:hover .fly-hotline__content-text {
opacity: 1; }
.block-editor__container .wp-block {
background-color: #e0f7fa;
padding: 2rem;
border: 1px solid #00acc1;
border-radius: 5px;
}
.wp-block.custom-block h2 {
color: #00796b;
}
.wp-block.custom-block img {
max-width: 100%;
border: 2px solid #00acc1;
}
.glossary-term {
color: inherit;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
cursor: pointer;
position: relative;
display: inline-block;
}
.glossary-tooltip {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
max-width: 36rem;
padding: 3rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
gap: 2rem;
position: absolute;
background: #28323c;
color: white;
z-index: 1000;
opacity: 0;
top: 0;
left: 0;
border-radius: 0rem 4rem 4rem 4rem;
visibility: hidden;
-webkit-transition: opacity 0.2s, visibility 0.2s;
transition: opacity 0.2s, visibility 0.2s;
}
.glossary-tooltip.active {
opacity: 1;
visibility: visible;
} .glossary-tooltip::after {
content: "";
position: absolute;
left: 60px;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
border-left: 12px solid transparent;
border-right: 12px solid transparent;
}
.glossary-tooltip.top::after {
bottom: -12px;
border-top: 12px solid #1c2632;
}
.glossary-tooltip.bottom::after {
top: -12px;
border-bottom: 12px solid #1c2632;
}
.header-tooltip {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-item-align: stretch;
align-self: stretch;
}
.tooltip-close {
background: none;
border: none;
color: white;
cursor: pointer;
font-size: 18px;
padding: 0;
width: 3rem;
height: 3rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 5rem;
border: 2px solid #687886;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.tooltip-close:hover {
border: 2px solid #fff;
}
.tooltip-close:hover span {
color: #fff;
}
.tooltip-close span {
color: #687886;
text-align: center;
font-size: 1.6rem;
font-style: normal;
font-weight: 900;
line-height: 100%;
text-transform: uppercase;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.tooltip-title {
font-family: "Avenir Next LT Pro", sans-serif;
font-weight: 600;
color: #fff;
}
.tooltip-content p { font-size: calc(var(--fs-small-rate) * 1.6rem);
line-height: 1.5;
font-family: "Inter", sans-serif;
font-weight: 400;
color: #fff;
}
.tooltip-link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 0 3rem;
-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;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-family: "Avenir Next LT Pro", sans-serif;
font-weight: 600;
color: #fff;
text-align: center;
font-size: 1.2rem;
font-style: normal;
line-height: 100%; text-transform: uppercase;
}
.tooltip-link:hover {
color: #00acc1;
}
.video-popup {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1000;
}
.video-popup.active {
opacity: 1;
visibility: visible;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.video-popup__overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
}
.video-popup__content {
width: 100%;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background-color: #fff;
padding: 20px;
border-radius: 5px;
max-width: 120rem;
height: 72rem;
}
@media screen and (max-width: 768px) {
.video-popup__content {
height: auto;
}
}
.video-popup__content iframe,
.video-popup__content video {
width: 100%;
height: 100%;
}
.video-popup__close {
position: absolute;
top: 10px;
right: 10px;
font-size: 20px;
cursor: pointer;
}
.video-popup__iframe {
width: 100%;
height: 100%;
}
.swiper-pagination .swiper-pagination-bullet {
width: 1.5rem;
height: 1.5rem;
}
.leaflet-popup-content {
font-size: 1.6rem !important;
}
.leaflet-popup-content small {
font-size: 90% !important;
}
@media (min-width: 3840px) {
.leaflet-popup-content {
font-size: 2rem !important;
}
.leaflet-popup-content small {
font-size: 90% !important;
}
}
@media (min-width: 2560px) and (max-width: 3839px) {
.leaflet-popup-content {
font-size: 1.8rem !important;
}
.leaflet-popup-content small {
font-size: 90% !important;
}
}
@media (min-width: 2048px) and (max-width: 2559px) {
.leaflet-popup-content {
font-size: 1.7rem !important;
}
.leaflet-popup-content small {
font-size: 90% !important;
}
}
.menu-item-language {
display: none !important;
}
@media screen and (max-width: 890px) {
.menu-item-language {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
}
.info-list {
background: rgba(0, 75, 137, 0.6);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
padding: 1.5rem 0;
}
.info-list__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
text-align: center;
}
.info-list__content p {
color: #fff;
}
.section.section--default-content {
padding: 5rem 0;
}
.section.section--default-content h1 {
font-size: 4rem;
margin: 3.5rem 0;
line-height: 1.3;
color: var(--wp--preset--color--sekundarni);
font-family: var(--sekundarniFont);
}
.section.section--default-content h2 {
font-size: 3.5rem;
margin: 3rem 0;
line-height: 1.2;
color: var(--wp--preset--color--sekundarni);
font-family: var(--sekundarniFont);
}
.section.section--default-content h3 {
font-size: 3rem;
margin: 2.5rem 0;
line-height: 1.2;
color: var(--wp--preset--color--sekundarni);
font-family: var(--sekundarniFont);
}
.section.section--default-content h4 {
font-size: 2.5rem;
margin: 2rem 0;
line-height: 1.2;
color: var(--wp--preset--color--sekundarni);
font-family: var(--sekundarniFont);
}
.section.section--default-content p {
font-size: 1.8rem;
line-height: 1.65;
margin: 2.5rem 0;
}
.section.section--default-content ul, .section.section--default-content ol {
font-size: 1.8rem;
line-height: 1.65;
margin: 2.5rem 0;
padding-left: 3rem;
}
.section.section--default-content a {
color: var(--wp--preset--color--sekundarni);
-webkit-transition: 0.3s;
transition: 0.3s;
}
.section.section--default-content a:hover {
color: var(--wp--preset--color--primarni);
text-decoration: none;
}
.section.section--default-content table {
font-size: 1.8rem;
line-height: 1.65;
margin: 2.5rem 0;
border-collapse: inherit;
}
.section.section--default-content table tr:nth-of-type(1) {
background: black;
color: white;
}
.social-icons.social-icons--header {
display: inline-block;
vertical-align: middle;
margin-left: calc(var(--mezeraMeziPrvky) * 2);
}
.social-icon {
display: inline-block;
vertical-align: middle;
margin: 0 0.5rem;
color: white;
}
.social-icon:hover {
color: red;
}
.social-icon svg {
stroke-width: 1.5;
}
.popup-content {
max-width: 90vw; width: 100%;
overflow-x: auto; -webkit-box-sizing: border-box;
box-sizing: border-box; background: linear-gradient(100deg, #004b89 15.38%, #1bbbe9 100%);
border-radius: 0rem 2rem 2rem 2rem;
padding: 0 !important;
}
.popup-content .form {
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-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 3rem; width: 100%;
max-width: 100%; -webkit-box-sizing: border-box;
box-sizing: border-box;
padding: clamp(3rem, 6vw, 6rem) 0;
}
.popup-content .form h3 {
color: #fff;
font-size: 2.4rem; font-weight: bold;
}
.popup-content .form .contact-form {
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-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 2rem; -ms-flex-item-align: stretch;
align-self: stretch;
padding: 2rem;
border-radius: 0rem 2rem 2rem 2rem;
}
.popup-content .form .contact-form .form-content {
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-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 2rem;
-ms-flex-item-align: stretch;
align-self: stretch;
border-radius: 0rem 2rem 2rem 2rem;
}
.popup-content .form .contact-form .form-content .inputs {
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-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 2rem;
-ms-flex-item-align: stretch;
align-self: stretch;
}
@media (max-width: 900px) {
.popup-content .form .contact-form .form-content .inputs {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.popup-content .form .contact-form .form-content .inputs .col-1 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 1.5rem;
width: 100%;
max-width: 100%; -webkit-box-sizing: border-box;
box-sizing: border-box;
}
@media (max-width: 900px) {
.popup-content .form .contact-form .form-content .inputs .col-1 {
max-width: 100%;
}
}
.popup-content .form .contact-form .form-content .inputs .name_surname,
.popup-content .form .contact-form .form-content .inputs .email_tel {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 1.5rem; -ms-flex-item-align: stretch;
align-self: stretch;
}
@media (max-width: 570px) {
.popup-content .form .contact-form .form-content .inputs .name_surname,
.popup-content .form .contact-form .form-content .inputs .email_tel {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.popup-content .form .contact-form .form-content .inputs .input {
width: 100%;
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-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 1.5rem;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto; min-width: 0; }
.popup-content .form .contact-form .form-content .inputs .input label {
color: #d4e5eb;
font-family: "Avenir Next LT Pro", sans-serif;
font-weight: 600;
font-size: 1.6rem;
font-style: normal;
line-height: normal;
text-transform: uppercase;
}
.popup-content .form .contact-form .form-content .inputs .input input {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 6rem;
padding: 0rem 2rem;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 1rem;
-ms-flex-item-align: stretch;
align-self: stretch;
-webkit-box-sizing: border-box;
box-sizing: border-box; border-radius: 0rem 1.5rem 1.5rem 1.5rem;
background: rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25), 0px 2px 4px 0px rgba(0, 0, 0, 0.1) inset;
box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25), 0px 2px 4px 0px rgba(0, 0, 0, 0.1) inset;
color: #fff;
font-size: 1.8rem;
font-style: normal;
line-height: 140%; font-family: "Avenir Next LT Pro", sans-serif;
font-weight: 600;
}
.popup-content .form .contact-form .form-content .inputs .input input::-webkit-input-placeholder {
display: -webkit-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-flex: 1;
flex: 1 0 0;
align-self: stretch;
color: #fff;
font-size: 1.8rem;
font-style: normal;
line-height: 140%; font-family: "Avenir Next LT Pro", sans-serif;
font-weight: 600;
}
.popup-content .form .contact-form .form-content .inputs .input input::-moz-placeholder {
display: flex;
flex-direction: column;
justify-content: center;
flex: 1 0 0;
align-self: stretch;
color: #fff;
font-size: 1.8rem;
font-style: normal;
line-height: 140%; font-family: "Avenir Next LT Pro", sans-serif;
font-weight: 600;
}
.popup-content .form .contact-form .form-content .inputs .input input:-ms-input-placeholder {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
-ms-flex: 1 0 0px;
flex: 1 0 0;
-ms-flex-item-align: stretch;
align-self: stretch;
color: #fff;
font-size: 1.8rem;
font-style: normal;
line-height: 140%; font-family: "Avenir Next LT Pro", sans-serif;
font-weight: 600;
}
.popup-content .form .contact-form .form-content .inputs .input input::-ms-input-placeholder {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
-ms-flex: 1 0 0px;
flex: 1 0 0;
-ms-flex-item-align: stretch;
align-self: stretch;
color: #fff;
font-size: 1.8rem;
font-style: normal;
line-height: 140%; font-family: "Avenir Next LT Pro", sans-serif;
font-weight: 600;
}
.popup-content .form .contact-form .form-content .inputs .input input::placeholder {
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;
-webkit-box-flex: 1;
-ms-flex: 1 0 0px;
flex: 1 0 0;
-ms-flex-item-align: stretch;
align-self: stretch;
color: #fff;
font-size: 1.8rem;
font-style: normal;
line-height: 140%; font-family: "Avenir Next LT Pro", sans-serif;
font-weight: 600;
}
.popup-content .form .contact-form .form-content .inputs .textarea {
margin-bottom: -1.5rem;
}
.popup-content .form .contact-form .form-content .inputs .textarea textarea {
width: 100% !important;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 20rem;
padding: 1rem 2rem;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 1rem;
-ms-flex-item-align: stretch;
align-self: stretch;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 0rem 1.5rem 1.5rem 1.5rem;
background: rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25), 0px 2px 4px 0px rgba(0, 0, 0, 0.1) inset;
box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25), 0px 2px 4px 0px rgba(0, 0, 0, 0.1) inset;
color: #fff;
font-size: 1.8rem;
font-style: normal;
line-height: 140%; font-family: "Avenir Next LT Pro", sans-serif;
font-weight: 600;
}
.popup-content .form .contact-form .form-content .inputs .textarea textarea::-webkit-input-placeholder {
display: -webkit-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-flex: 1;
flex: 1 0 0;
align-self: stretch;
color: #fff;
font-size: 1.8rem;
font-style: normal;
line-height: 140%; font-family: "Avenir Next LT Pro", sans-serif;
font-weight: 600;
}
.popup-content .form .contact-form .form-content .inputs .textarea textarea::-moz-placeholder {
display: flex;
flex-direction: column;
justify-content: center;
flex: 1 0 0;
align-self: stretch;
color: #fff;
font-size: 1.8rem;
font-style: normal;
line-height: 140%; font-family: "Avenir Next LT Pro", sans-serif;
font-weight: 600;
}
.popup-content .form .contact-form .form-content .inputs .textarea textarea:-ms-input-placeholder {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
-ms-flex: 1 0 0px;
flex: 1 0 0;
-ms-flex-item-align: stretch;
align-self: stretch;
color: #fff;
font-size: 1.8rem;
font-style: normal;
line-height: 140%; font-family: "Avenir Next LT Pro", sans-serif;
font-weight: 600;
}
.popup-content .form .contact-form .form-content .inputs .textarea textarea::-ms-input-placeholder {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
-ms-flex: 1 0 0px;
flex: 1 0 0;
-ms-flex-item-align: stretch;
align-self: stretch;
color: #fff;
font-size: 1.8rem;
font-style: normal;
line-height: 140%; font-family: "Avenir Next LT Pro", sans-serif;
font-weight: 600;
}
.popup-content .form .contact-form .form-content .inputs .textarea textarea::placeholder {
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;
-webkit-box-flex: 1;
-ms-flex: 1 0 0px;
flex: 1 0 0;
-ms-flex-item-align: stretch;
align-self: stretch;
color: #fff;
font-size: 1.8rem;
font-style: normal;
line-height: 140%; font-family: "Avenir Next LT Pro", sans-serif;
font-weight: 600;
}
.popup-content .form .contact-form .form-content .inputs .require-input {
color: #d4e5eb;
font-size: 1.2rem;
font-style: normal;
line-height: normal;
}
.popup-content .form .contact-form .form-content .row {
width: 100%;
}
.popup-content .form .contact-form .form-content .row .require-input {
padding-bottom: 3rem;
color: #d4e5eb;
font-size: 1rem;
font-style: normal;
line-height: normal;
font-weight: 700;
}
.popup-content .form .contact-form .form-content .row .bottom {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-item-align: stretch;
align-self: stretch;
gap: 2rem;
}
@media (max-width: 550px) {
.popup-content .form .contact-form .form-content .row .bottom {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.popup-content .form .contact-form .form-content .row .bottom__check {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 3rem;
width: 100%;
}
@media (max-width: 400px) {
.popup-content .form .contact-form .form-content .row .bottom__check {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.popup-content .form .contact-form .form-content .row .bottom__check .checkbox {
width: 100%;
max-width: 31.6rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 2rem;
color: #d4e5eb;
font-family: "Avenir Next LT Pro", sans-serif;
font-weight: 600;
font-size: 1.2rem;
font-style: normal;
line-height: 1.4;
}
@media (max-width: 400px) {
.popup-content .form .contact-form .form-content .row .bottom__check .checkbox {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
max-width: 100%;
}
}
.popup-content .form .contact-form .form-content .row .bottom__check .checkbox input[type=checkbox] {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
width: 100%;
max-width: 5rem;
height: 5rem;
border-radius: 0rem 1.5rem 1.5rem 1.5rem;
background: rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25), 0px 2px 4px 0px rgba(0, 0, 0, 0.1) inset;
box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25), 0px 2px 4px 0px rgba(0, 0, 0, 0.1) inset;
cursor: pointer;
position: relative;
margin: 0;
}
.popup-content .form .contact-form .form-content .row .bottom__check .checkbox input[type=checkbox]:checked::after {
content: "";
position: absolute;
left: 50%;
top: 45%;
-webkit-transform: translate(-50%, -50%) rotate(45deg);
transform: translate(-50%, -50%) rotate(45deg);
width: 1rem;
height: 2rem;
border: solid #1bbbe9;
border-width: 0 3px 3px 0;
}
.popup-content .form .contact-form .form-content .row .bottom__check .checkbox input[type=checkbox]:hover {
background: rgba(0, 0, 0, 0.15);
}
.popup-content .form .contact-form .form-content .row .bottom__check .checkbox input[type=checkbox]:checked {
background: rgba(0, 0, 0, 0.2);
}
.popup-content .form .contact-form .hidden {
display: none;
}
.popup-content .form .contact-form .sent {
text-align: center;
margin-top: 15px;
border-radius: 15px;
margin-left: auto;
margin-right: auto;
padding: 10px 0;
}
.popup-content .form .contact-form .sent.hidden {
display: none;
}
.popup-content .form .contact-form .sent p {
font-size: 2rem;
line-height: 1.2;
color: #fff;
}
.popup-content .form .contact-form .sending {
height: 300px;
background-size: 90px auto;
}
.popup-content .form .contact-form span.errorEmpty,
.popup-content .form .contact-form span.errorFormat,
.popup-content .form .contact-form span.errorData {
display: block;
overflow: hidden;
color: red;
font-size: 1.8rem;
line-height: 2.5rem;
font-style: normal;
opacity: 1;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease; max-height: 0px;
padding: 0;
opacity: 0;
}
.popup-content .form .contact-form .hasErrorEmpty span.errorEmpty,
.popup-content .form .contact-form .hasErrorFormat span.errorFormat,
.popup-content .form .contact-form .hasErrorData span.errorData {
max-height: 40px;
padding: 4px 0 6px 0;
opacity: 1;
}
.popup-content .form .contact-form .hasErrorEmpty .form-input {
border: 1px solid red;
}
.page-id-2830 .wysiwyg_text_block .button .btn__secondary {
min-width: -webkit-fit-content;
min-width: -moz-fit-content;
min-width: fit-content;
text-align: center;
}
.page-template-archive main, .archive main {
padding-top: 15rem;
}
@media screen and (max-width: 890px) {
.page-template-archive main, .archive main {
padding-top: 3.5rem;
}
}
.page-template-archive main h1, .archive main h1 {
color: #004b89;
font-size: 6rem;
}
.page-template-archive .section--articles-list, .archive .section--articles-list {
padding-bottom: 5rem;
}
.page-template-archive .categories-list, .archive .categories-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 1rem;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 2rem;
}
.page-template-archive .categories-list .category-tag, .archive .categories-list .category-tag {
background: #1bbbe9;
padding: 0.6rem 2rem;
border-radius: 5rem;
font-size: 13px;
font-weight: 400;
font-family: "Inter", sans-serif;
color: white;
line-height: 1;
}
.page-template-archive .categories-list .category-tag:hover, .page-template-archive .categories-list .category-tag.active, .archive .categories-list .category-tag:hover, .archive .categories-list .category-tag.active {
background: #004b89;
}
.page-template-archive .posts-items, .archive .posts-items {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 4rem 2rem;
margin-top: 3rem;
}
@media screen and (max-width: 1000px) {
.page-template-archive .posts-items, .archive .posts-items {
gap: 3rem 1rem;
}
}
@media screen and (max-width: 900px) {
.page-template-archive .posts-items, .archive .posts-items {
grid-template-columns: 1fr 1fr 1fr;
}
}
@media screen and (max-width: 700px) {
.page-template-archive .posts-items, .archive .posts-items {
grid-template-columns: 1fr 1fr;
}
}
@media screen and (max-width: 500px) {
.page-template-archive .posts-items, .archive .posts-items {
grid-template-columns: 1fr;
}
}
.page-template-archive .post-item, .archive .post-item {
display: block;
text-decoration: none;
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
color: black;
position: relative;
padding-bottom: 5rem;
}
.page-template-archive .post-item:hover .post-item__thumbnail--default svg, .archive .post-item:hover .post-item__thumbnail--default svg {
-webkit-transform: translate(-50%, -50%) scale(1.05);
transform: translate(-50%, -50%) scale(1.05);
}
.page-template-archive .post-item:hover p.post-item__title, .archive .post-item:hover p.post-item__title {
text-decoration-color: #1bbbe9;
}
.page-template-archive .post-item .btn__primary, .archive .post-item .btn__primary {
padding: 1rem 2rem;
height: 4rem;
width: auto;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-transition: 0.3s;
transition: 0.3s;
position: absolute;
left: 0;
bottom: 0;
}
.page-template-archive .post-item .btn__primary .btn__text, .archive .post-item .btn__primary .btn__text {
font-size: 14px;
}
.page-template-archive .post-item__header, .archive .post-item__header {
font-size: 0;
position: relative;
}
.page-template-archive .post-item__header .category-tag, .archive .post-item__header .category-tag {
position: absolute;
left: 1rem;
top: 1rem;
background: white;
padding: 0.6rem 2rem;
border-radius: 5rem;
}
.page-template-archive .post-item__header .category-tag p, .archive .post-item__header .category-tag p {
font-size: 13px;
font-weight: 400;
font-family: "Inter", sans-serif;
color: #1bbbe9;
line-height: 1;
}
.page-template-archive .post-item__thumbnail, .archive .post-item__thumbnail {
position: relative;
overflow: hidden;
background-blend-mode: luminosity;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
aspect-ratio: 1/1;
display: inline-block;
text-decoration: none;
width: 100%;
background-color: rgba(27, 187, 233, 0.3);
}
.page-template-archive .post-item__thumbnail .category-tag, .archive .post-item__thumbnail .category-tag {
position: absolute;
z-index: 4;
left: 0;
bottom: 0.5rem;
margin: 0;
}
.page-template-archive .post-item__thumbnail--default svg, .archive .post-item__thumbnail--default svg {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
max-width: 70%;
-webkit-transition: 0.3s ease-out;
transition: 0.3s ease-out;
}
.page-template-archive .post-item__content, .archive .post-item__content {
padding: 1.6rem 0 0 0;
}
.page-template-archive p.post-item__title, .archive p.post-item__title {
font-size: 2rem;
color: #1bbbe9;
line-height: 1.3;
margin: 0 0 1rem 0;
}
@media screen and (max-width: 1000px) {
.page-template-archive p.post-item__title, .archive p.post-item__title {
margin-bottom: 0.8rem;
font-size: 1.8rem;
}
}
.page-template-archive .post-item__excerpt, .archive .post-item__excerpt {
padding: 0;
margin: 0 0 1.6rem 0;
}
.page-template-archive .post-item__excerpt p, .archive .post-item__excerpt p {
margin: 0;
font-family: "Inter", sans-serif;
font-weight: 400;
font-size: 1.6rem;
}
.page-template-archive .pagination, .archive .pagination {
position: relative;
display: block;
margin: 3rem auto auto auto;
text-align: center;
font-size: 0;
}
.page-template-archive .pagination .inner, .archive .pagination .inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 1rem;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.page-template-archive .page-numbers, .archive .page-numbers {
display: inline-block;
vertical-align: middle;
margin: 0rem;
width: 4rem;
height: 4rem;
line-height: 4rem;
text-align: center;
text-decoration: none;
font-size: 1.6rem;
color: white;
background: #004b89;
-webkit-transition: 0.3s;
transition: 0.3s;
font-weight: 300;
}
.page-template-archive .page-numbers.current, .archive .page-numbers.current {
font-weight: 500;
background: #1bbbe9;
}
.page-template-archive .page-numbers.next, .page-template-archive .page-numbers.prev, .archive .page-numbers.next, .archive .page-numbers.prev {
position: relative;
width: 4rem;
height: 4rem;
background: #004b89;
border: none;
}
.page-template-archive .page-numbers.next:hover, .page-template-archive .page-numbers.prev:hover, .archive .page-numbers.next:hover, .archive .page-numbers.prev:hover {
cursor: pointer;
}
.page-template-archive .page-numbers.next:hover:before, .page-template-archive .page-numbers.prev:hover:before, .archive .page-numbers.next:hover:before, .archive .page-numbers.prev:hover:before {
-webkit-transform: translate(-50%, -50%) scale(1);
transform: translate(-50%, -50%) scale(1);
}
.page-template-archive .page-numbers.next:after, .page-template-archive .page-numbers.prev:after, .archive .page-numbers.next:after, .archive .page-numbers.prev:after {
position: absolute;
content: "";
top: 50%;
left: 50%;
-webkit-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
-webkit-transform: translate(-50%, -50%) rotate(45deg);
transform: translate(-50%, -50%) rotate(45deg);
width: 0.8rem;
height: 0.8rem;
border: 2px solid white;
border-left: 0;
border-bottom: 0;
}
.page-template-archive .page-numbers.prev:after, .archive .page-numbers.prev:after {
-webkit-transform: translate(-50%, -50%) rotate(-135deg);
transform: translate(-50%, -50%) rotate(-135deg);
}
header.header {
--logoWidth: 25rem;
--navColor: white;
--navHoverColor: var(--wp--preset--color--sekundarni);
--headerBG: rgba(255, 255, 255, 0.75);
--mezeraMeziPrvky: 1.5rem;
background: var(--headerBG);
width: 100%;
font-size: 0;
}
@media screen and (max-width: 950px) {
header.header {
--logoWidth: 18rem;
}
}
header.header .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 6rem;
}
header.header .header__bottom {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 3rem 0;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 4rem;
-ms-flex-item-align: stretch;
align-self: stretch;
background: rgba(0, 75, 137, 0.4);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
position: fixed;
z-index: 99;
width: 100%;
}
@media screen and (max-width: 890px) {
header.header .header__bottom {
display: none;
}
}
header.header .header__bottom-menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: 0.3s;
transition: 0.3s;
}
header.header .header__bottom-menu .small-logo.visible {
opacity: 1;
visibility: visible;
}
header.header .header__bottom-menu .small-logo.visible svg {
width: 3rem;
margin-right: 2rem;
}
header.header .header__bottom-menu .small-logo {
opacity: 0;
visibility: hidden;
-webkit-transition: opacity 0.3s ease, visibility 0.3s ease;
transition: opacity 0.3s ease, visibility 0.3s ease;
}
header.header .header__bottom-menu .small-logo svg {
width: 0rem;
height: 3rem;
aspect-ratio: 1/1;
}
header.header .header__bottom-menu .small-logo svg path {
fill: #fff;
}
body.admin-bar header.header {
top: 32px;
}
@media screen and (max-width: 782px) {
body.admin-bar header.header {
top: 46px;
}
}   .header__top {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: clamp(3rem, 6vw, 6rem);
padding: 4rem 0;
}
@media screen and (max-width: 1000px) {
.header__top {
padding: 2rem 0;
}
}
.header__top .header__left-col {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 5rem;
-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;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 1rem;
-webkit-box-flex: 1;
-ms-flex: 1 0 0px;
flex: 1 0 0;
}
.header__top .header__left-col a svg {
width: 100%;
max-width: 43.493rem;
height: 5.9644rem;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.header__top .header__left-col .logo-desktop {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media screen and (max-width: 600px) {
.header__top .header__left-col .logo-desktop {
display: none;
}
}
.header__top .header__left-col .logo-mobile {
display: none;
}
@media screen and (max-width: 600px) {
.header__top .header__left-col .logo-mobile {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
.header__top .header__right-col {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 1rem;
}
.header__top .header__right-col .language-switcher {
font-family: "Avenir Next LT Pro", sans-serif;
font-weight: 600; font-size: calc(var(--fs-small-rate) * 2rem);
line-height: 1;
color: #1bbbe9;
}
@media screen and (max-width: 890px) {
.header__top .header__right-col .language-switcher {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 0.8rem;
color: #fff;
}
}
.header__top .header__right-col .language-switcher a,
.header__top .header__right-col .language-switcher span {
font-family: "Avenir Next LT Pro", sans-serif;
font-weight: 600; font-size: calc(var(--fs-small-rate) * 2rem);
line-height: 1;
color: #1bbbe9;
}
@media screen and (max-width: 890px) {
.header__top .header__right-col .language-switcher a,
.header__top .header__right-col .language-switcher span {
color: #fff;
}
}
.header__top .header__right-col .language-switcher a.active,
.header__top .header__right-col .language-switcher span.active {
color: #004b89;
}
@media screen and (max-width: 890px) {
.header__top .header__right-col .language-switcher a.active,
.header__top .header__right-col .language-switcher span.active {
color: #fff;
text-decoration: underline;
}
}
.header__top .header__right-col .language-switcher a:hover,
.header__top .header__right-col .language-switcher span:hover {
color: #004b89;
}
.header__top .header__right-col .info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 1rem;
}
@media screen and (max-width: 890px) {
.header__top .header__right-col .info {
display: none;
}
}
.header__top .header__right-col .info .login svg {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 6rem;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.header__top .header__right-col .info .login svg rect {
-webkit-transition: 0.3s;
transition: 0.3s;
}
.header__top .header__right-col .info .login:hover svg rect {
stroke: #004b89;
}
.header__top .header__right-col .menu-nav__mob {
display: none;
}
@media screen and (max-width: 890px) {
.header__top .header__right-col .menu-nav__mob {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
}
.header__top .header__right-col .menu-nav__mob ul .menu-item.menu-item-login {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.header__top .header__right-col .menu-nav__mob ul .menu-item.menu-item-login a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 2rem;
}
.header__top .header__right-col .menu-nav__mob ul .menu-item.menu-item-login a img {
background: white;
border-radius: 100%;
}
}
.header__top .header__right-col .menu-nav__mob .mobile-nav {
position: fixed;
top: calc(-20px + var(--adminbar-height) + var(--headerHeight) + var(--infoList));
right: 0;
width: 100%;
height: 100vh;
z-index: 111;
overflow-y: auto;
-webkit-transform: none;
transform: none;
}
.header__top .header__right-col .menu-nav__mob .mobile-nav .sub-menu {
-webkit-transition: max-height 0.3s ease;
transition: max-height 0.3s ease;
}
.header__top .header__right-col .menu-nav__mob .menu-btn {
border-radius: 10rem;
background: #1bbbe9;
-webkit-backdrop-filter: blur(2px);
backdrop-filter: blur(2px);
}
body.admin-bar .header__top .mobile-nav {
top: -32px;
}
@media screen and (max-width: 782px) {
body.admin-bar .header__top .mobile-nav {
top: -46px;
}
}
.header__nav {
display: inline-block;
vertical-align: middle;
}
.header__nav ul .menu-item.menu-item-login {
display: none;
}
.header__menu {
list-style-type: none;
padding: 0;
}
@media screen and (max-width: 890px) {
.header__menu {
width: 100%;
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-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
.header__menu .menu-item.menu-item-has-children:hover a {
color: #fff;
}
.header__menu li.menu-item {
display: inline-block;
vertical-align: middle;
margin: 0 3rem 0 0;
position: relative;
}
@media screen and (max-width: 890px) {
.header__menu li.menu-item {
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;
}
}
.header__menu li.menu-item:last-of-type {
margin-right: 0;
}
@media screen and (max-width: 890px) {
.header__menu li.menu-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
width: 100%;
padding: 0 1.5rem;
}
.header__menu li.menu-item.active .sub-menu {
display: block;
}
.header__menu li.menu-item.active > a::after {
-webkit-transform: translateY(-30%) rotate(-135deg);
transform: translateY(-30%) rotate(-135deg);
}
}
.header__menu li.menu-item.menu-item-has-children:hover > .sub-menu {
opacity: 1;
visibility: visible;
-webkit-transform: translateY(0);
transform: translateY(0);
z-index: 100;
}
.header__menu li.menu-item.menu-item-has-children > a {
position: relative;
padding-right: 2.4rem;
padding-bottom: 3rem;
margin-bottom: -3rem;
}
@media screen and (max-width: 890px) {
.header__menu li.menu-item.menu-item-has-children > a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
margin-bottom: 0.5rem;
padding-right: 2.4rem;
max-width: -webkit-fit-content;
max-width: -moz-fit-content;
max-width: fit-content;
padding-bottom: 1rem;
}
}
.header__menu li.menu-item.menu-item-has-children > a.active:after {
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg);
}
.header__menu li.menu-item.menu-item-has-children > a:after {
content: "";
position: absolute;
right: 0;
top: 1rem;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 1.2rem;
height: 1.2rem;
border: solid #fff;
border-width: 0 2px 2px 0;
-webkit-transform: translateY(-70%) rotate(45deg);
transform: translateY(-70%) rotate(45deg);
-webkit-transition: -webkit-transform 0.3s ease;
transition: -webkit-transform 0.3s ease;
transition: transform 0.3s ease;
transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
@media screen and (max-width: 890px) {
.header__menu li.menu-item.menu-item-has-children > a:after {
top: 2.4rem;
}
}
.header__menu li.menu-item.menu-item-has-children > .sub-menu {
position: absolute;
left: -3rem;
top: 5.67rem;
background: rgba(0, 75, 137, 0.92);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
min-width: -webkit-max-content;
min-width: -moz-max-content;
min-width: max-content;
padding: 3rem 3rem 4rem 3rem;
opacity: 0;
visibility: hidden;
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
z-index: -1;
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;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 4rem;
}
@media screen and (max-width: 890px) {
.header__menu li.menu-item.menu-item-has-children > .sub-menu {
display: none;
position: static;
opacity: 1;
visibility: visible;
-webkit-transform: none;
transform: none;
-webkit-box-shadow: none;
box-shadow: none;
background: transparent;
min-width: auto;
padding: 0;
gap: 0;
}
.header__menu li.menu-item.menu-item-has-children > .sub-menu > li > a {
color: #fff;
padding: 1rem 0;
font-size: 1.8rem;
}
}
.header__menu li.menu-item.menu-item-has-children > .sub-menu > li {
display: block;
margin: 0;
width: 100%;
}
@media screen and (max-width: 890px) {
.header__menu li.menu-item.menu-item-has-children > .sub-menu > li {
padding: 0;
}
}
.header__menu li.menu-item.menu-item-has-children > .sub-menu > li > .sub-menu {
left: auto;
right: -2.9rem;
top: -2.6rem;
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
@media screen and (max-width: 890px) {
.header__menu li.menu-item.menu-item-has-children > .sub-menu > li > .sub-menu {
-webkit-transform: none;
transform: none;
overflow: auto;
}
}
@media screen and (max-width: 890px) {
.header__menu li.menu-item.menu-item-has-children > .sub-menu > li > .sub-menu > li > a {
font-size: 1.5rem;
}
}
.header__menu li.menu-item.menu-item-has-children > .sub-menu > li > a {
color: #fff;
text-align: center;
font-family: "Avenir Next LT Pro", sans-serif;
font-weight: 600;
font-size: 2rem;
font-style: normal;
line-height: normal;
width: 100%;
text-align: left;
}
.header__menu li.menu-item.menu-item-has-children > .sub-menu > li > a:hover {
color: #1bbbe9;
}
@media screen and (max-width: 890px) {
.header__menu li.menu-item.menu-item-has-children > .sub-menu > li > a.active:after {
top: 1.6rem;
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg);
}
}
.header__menu li.menu-item.menu-item-has-children > .sub-menu > li > a:after {
-webkit-transform: translateY(-70%) rotate(-45deg);
transform: translateY(-70%) rotate(-45deg);
}
@media screen and (max-width: 890px) {
.header__menu li.menu-item.menu-item-has-children > .sub-menu > li > a:after {
top: 1.1rem;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
right: -2.4rem;
}
}
.header__menu li.menu-item a {
display: block;
color: #fff;
font-family: "Avenir Next LT Pro", sans-serif;
font-weight: 600;
font-size: 2rem;
text-decoration: none;
font-style: normal;
}
.header__menu li.menu-item a:hover {
color: #1bbbe9;
}
@media screen and (max-width: 890px) {
.header__menu li.menu-item a {
padding: 1.5rem 0;
}
}
.menu-btn {
display: none;
}
@media screen and (max-width: 890px) {
.menu-btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 5rem;
height: 5rem;
min-width: 4rem;
min-height: 4rem;
padding: 1rem;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 1rem;
}
}
.menu-btn:hover {
cursor: pointer;
}
.menu-btn:hover span {
border-top-color: var(--navColor);
}
.menu-btn.active span {
border-top-color: var(--navColor);
}
.menu-btn.active span:nth-of-type(1) {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
top: 2.35rem;
}
.menu-btn.active span:nth-of-type(2) {
opacity: 0;
}
.menu-btn.active span:nth-of-type(3) {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
top: 2.35rem;
}
.menu-btn span {
position: absolute;
left: 1.5rem;
width: 100%;
max-width: 1.8rem;
height: 0;
border-top: 3px solid var(--navColor);
-webkit-transition: 0.3s;
transition: 0.3s;
}
.menu-btn span:nth-of-type(1) {
top: 15px;
}
.menu-btn span:nth-of-type(2) {
top: 23px;
}
.menu-btn span:nth-of-type(3) {
top: 31px;
}
@media screen and (max-width: 890px) {
.mobile-nav {
position: fixed;
width: 100%;
left: 0;
background: linear-gradient(100deg, #004b89 15.38%, #1bbbe9 100%);
background-blend-mode: multiply;
text-align: center;
bottom: 0;
-webkit-transform: translateY(105%);
transform: translateY(105%);
opacity: 0;
-webkit-transition: 0.5s ease-out;
transition: 0.5s ease-out;
padding: 2.5rem 0;
-webkit-transition: 0.3s;
transition: 0.3s;
pointer-events: none;
font-size: 0;
}
}
.mobile-nav.open {
pointer-events: all;
opacity: 1;
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
.header__search {
position: relative;
display: inline-block;
vertical-align: middle;
margin-left: calc(var(--mezeraMeziPrvky) * 2);
color: white;
}
.header__search.active input {
padding: 0 5rem 0 2rem;
width: 30rem;
}
.header__search form {
font-size: 0;
}
.header__search input {
position: absolute;
z-index: 1;
right: 1px;
top: 0;
height: 100%;
padding: 0;
width: 0;
-webkit-transition: 0.3s;
transition: 0.3s;
background: white;
border: none;
font-size: 1.6rem;
color: black;
}
.header__search input::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.7);
}
.header__search input:-ms-input-placeholder { color: rgba(0, 0, 0, 0.7);
}
.header__search input:-moz-placeholder { color: rgba(0, 0, 0, 0.7);
}
.header__search button {
position: relative;
z-index: 2;
font-size: 0;
background: black;
color: white;
width: 40px;
text-align: center;
border: none;
aspect-ratio: 1/1;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.header__search button:hover {
cursor: pointer;
color: var(--wp--preset--color--sekundarni);
}
footer.footer {
--footerBG: #28323c;
--footerColor: white;
background: var(--footerBG);
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-align: start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-item-align: stretch;
align-self: stretch;
}
.divider {
border: 1px solid #5e6f7e;
width: 100%;
}
.footer__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 6rem;
padding: clamp(3rem, 10vw, 10rem) 0;
}
@media screen and (max-width: 640px) {
.footer__content {
gap: 3rem;
}
}
.footer__content .footer__cols {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 6rem;
}
@media screen and (max-width: 640px) {
.footer__content .footer__cols {
grid-template-columns: repeat(2, 1fr);
row-gap: 1rem;
-webkit-column-gap: 2rem;
-moz-column-gap: 2rem;
column-gap: 2rem;
}
.footer__content .footer__cols ul:nth-child(3) {
grid-column: span 2;
display: grid;
grid-template-columns: repeat(2, 1fr);
row-gap: 1rem;
-webkit-column-gap: 2rem;
-moz-column-gap: 2rem;
column-gap: 2rem;
}
}
.footer__content .footer__cols ul {
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-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: clamp(1rem, 2vw, 3.5rem);
-webkit-box-flex: 1;
-ms-flex: 1 0 0px;
flex: 1 0 0;
}
.footer__content .footer__cols ul li {
list-style: none;
}
.footer__content .footer__cols ul li a {
color: #1bbbe9;
font-size: 2rem;
font-style: normal;
line-height: 100%; font-family: "Avenir Next LT Pro", sans-serif;
font-weight: 600;
text-decoration: none;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.footer__content .footer__cols ul li a:hover {
color: #fff;
}
@media screen and (max-width: 640px) {
.footer__content .footer__cols ul li a {
font-size: 1.4rem;
line-height: 1;
}
}
@media screen and (max-width: 500px) {
.footer__content .footer__cols ul li a {
font-size: 1.2rem;
line-height: 1;
}
}
.footer__content .search_hotline {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-item-align: stretch;
align-self: stretch;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 3rem;
}
@media screen and (max-width: 632px) {
.footer__content .search_hotline .hotline-button {
width: 100%;
max-width: 100%;
}
}
.footer__content .search_hotline .search-form {
width: 100%;
max-width: 30.6rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 2rem 3rem;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 1.5rem;
border-radius: 10.4rem;
border: 2px solid #687886;
}
@media screen and (max-width: 632px) {
.footer__content .search_hotline .search-form {
max-width: 100%;
}
}
.footer__content .search_hotline .search-form input {
width: 100%;
height: 2rem;
background: transparent;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-top: 0.3rem;
color: #687886;
font-family: "Avenir Next LT Pro", sans-serif;
font-weight: 600;
font-size: 2rem;
font-style: normal;
line-height: 100%; }
.footer__content .search_hotline .search-form input::-webkit-input-placeholder {
color: #687886;
font-family: "Avenir Next LT Pro", sans-serif;
font-weight: 600;
font-size: 2rem;
font-style: normal;
line-height: 100%; }
.footer__content .search_hotline .search-form input::-moz-placeholder {
color: #687886;
font-family: "Avenir Next LT Pro", sans-serif;
font-weight: 600;
font-size: 2rem;
font-style: normal;
line-height: 100%; }
.footer__content .search_hotline .search-form input:-ms-input-placeholder {
color: #687886;
font-family: "Avenir Next LT Pro", sans-serif;
font-weight: 600;
font-size: 2rem;
font-style: normal;
line-height: 100%; }
.footer__content .search_hotline .search-form input::-ms-input-placeholder {
color: #687886;
font-family: "Avenir Next LT Pro", sans-serif;
font-weight: 600;
font-size: 2rem;
font-style: normal;
line-height: 100%; }
.footer__content .search_hotline .search-form input::placeholder {
color: #687886;
font-family: "Avenir Next LT Pro", sans-serif;
font-weight: 600;
font-size: 2rem;
font-style: normal;
line-height: 100%; }
.footer .social {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 3rem 0rem;
-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;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 2rem;
-ms-flex-item-align: stretch;
align-self: stretch;
background: #28323c;
}
.footer .social__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 4.6rem;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-item-align: stretch;
align-self: stretch;
}
.footer .social__content-icon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 5rem;
}
.footer .social__content-icon a svg path {
-webkit-transition: 0.3s;
transition: 0.3s;
}
.footer .social__content-icon a:hover svg path {
fill: #1bbbe9;
}
.footer .social__content .copywriting p {
color: #687886;
text-align: right;
font-size: 1.2rem;
font-style: normal;
line-height: 2.6rem; font-family: "Avenir Next LT Pro", sans-serif;
font-weight: 600;
}
p.footer__col-title {
color: var(--footerColor);
margin: 0 0 2rem 0;
font-size: 1.8rem;
font-weight: 600;
font-family: var(--sekundarniFont);
}