:root {
--black: #090E1C;
--dark-blue: #0B1223;
--dark: #3C414F;
--dark-gray: #84868D;
--gray: #CECFD2;
--light: #F4F4F4;
--white: #ffffff;	
--blue: #335FC9;
--light-blue: #F5F7FC;
--blue-dark: #111E3F;
--orange: #c95233;
--green: #aac933;
--ff-inter: 'Inter',Helvetica,Arial,Lucida,sans-serif !important;
}
::selection {
color: var(--white);
background-color: rgba(11, 18, 35, 0.75);
}
.fixed-position {
overflow: hidden !important;
}
@media (max-width: 980px) {
.col-switch {
display: flex;
flex-flow: column-reverse;
gap: 30px;
}
} .dipi_popup {
backdrop-filter: blur(16px) !important;
}
.dipi_popup-close {
mask: url(//vltavan.cz/wp-content/uploads/icons-close.svg) center/contain no-repeat;
background-color: var(--light-blue) !important;
opacity: .5;
transition: opacity .3s ease !important;
width: 56px !important;
height: 56px !important;
}
.dipi_popup-close:hover {
opacity: 1;
}
.dipi_popup-close span {
display: none;
}
.film {
background: var(--dark-blue);
}
.film img {
filter: saturate(1.25);
opacity: .8;
transition: opacity .3s ease;
}
.film:hover img {
opacity: .4;
}
.film::before,
.film::after {
content: "";
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
z-index: 100;
transition: height  .3s .1s ease, width .3s .1s ease;
}
.film::before {
background: var(--blue);
width: 56px;
height: 56px;
border-radius: 16px;
}
.film:hover::before {
width: 64px;
height: 64px;
}
.film::after {
background: url(//vltavan.cz/wp-content/uploads/icon-play.svg) center/contain no-repeat;
width: 32px;
height: 32px;
} h1, h2, h3 {
padding-bottom: 0;
}
.inter, .inter * {
font-family: var(--ff-inter);
}
.blue-box p {
margin-top: 2.5rem; 
}
@media (max-width: 980px) {
.blue-box p {
margin-top: 1rem; 
}
} .et_pb_button {
transition: background-color .3s ease, color .3s ease, border-color .3s ease !important;
} .fixed-nav {
top: -120px !important;
transition: top .5s ease-out !important;
}
.scrolled .fixed-nav {
top: 0 !important;
}
body.logged-in.admin-bar .scrolled .fixed-nav {
top: calc(0px + 32px) !important;
}
.et-db #et-boc .et-l .et_mobile_menu li a:hover,
.et-db #et-boc .et-l .nav ul li a:hover {
opacity: 1 !important;
}
.et-db #et-boc .et-l .et_pb_menu .et-menu>li {
padding-inline: 1rem;
}
.et-db #et-boc .et-l .et_pb_menu .et-menu {
margin-inline: -1rem !important;
}
.et-db #et-boc .et-l .et-menu a:hover {
opacity: 1;
}
.et-db #et-boc .et-l .et_pb_menu .et-menu.nav > li:not(.nav-btn)>a::after {
content: "";
background: var(--gray);
height: 7px;
width: 0;
position: absolute;
bottom: 0 !important;
top: unset !important;
left: 50%;
margin-left: -18px; transition: width .3s ease-out, background-color .3s ease-out, opacity .3s ease-out;
mask: url(//vltavan.cz/wp-content/uploads/icon-wave-single.svg) left/36px no-repeat;
-webkit-mask: url(//vltavan.cz/wp-content/uploads/icon-wave-single.svg) left/36px no-repeat;
opacity: 0;
}
.et-db #et-boc .et-l .fixed-nav .et_pb_menu .et-menu.nav > li:not(.nav-btn)>a::after {
content: "";
background: var(--blue);
}
.et-db #et-boc .et-l .et_pb_menu .et-menu.nav > li:not(.nav-btn)>a:hover::after,
.et-db #et-boc .et-l .et_pb_menu .et-menu.nav > li:not(.nav-btn).current_page_item>a::after {
width: 36px;
opacity: 1;
}
.et-db #et-boc .et-l .fixed-nav .et_pb_menu .et-menu.nav > li:not(.nav-btn).current_page_item>a::after {
background: var(--gray);
} .et-db #et-boc .et-l .et_pb_menu .et-menu>li>a {
padding: 0 !important;
}
.et-db #et-boc .et-l .top-nav .et_pb_menu .et-menu>li.nav-btn>a {
background: var(--blue);
border-radius: 100px;
padding: .75rem 1.5rem !important;
font-weight: 600;
transition: background-color .3s ease !important;
color: var(--white) !important;
}
.et-db #et-boc .et-l .et_pb_menu .et-menu>li.nav-btn>a:hover {
background: var(--blue-dark);
} @media (min-width: 1201px) {
.et-db #et-boc .et-l .et-menu .menu-item-has-children>a:first-child:after {
position: relative;
top: 2px;
margin-left: 2px;
line-height: 0;
}
.et-db #et-boc .et-l ul.sub-menu {
border: none !important;
border-radius: 16px;
left: 50% !important;
transform: translateX(-50%) !important;
top: calc(100% + 1rem) !important;
width: fit-content !important;
padding: .5rem !important;
overflow: hidden;
transition-delay: .5s;
box-shadow: 0px 16px 40px -16px rgba(11,18,35,0.2) !important;
-moz-box-shadow: 0px 16px 40px -16px rgba(11,18,35,0.2) !important;
-webkit-box-shadow: 0px 16px 40px -16px rgba(11,18,35,0.2) !important;
padding: .75rem !important;
}
.et-db #et-boc .et-l li:hover > ul.sub-menu {
transition-delay: 0s !important;
}
.et-db #et-boc .et-l .scrolled ul.sub-menu {
top: calc(100% + 1.5rem) !important;
}
}
@media screen and (min-width: 1201px) {
.et-db #et-boc .et-l .top-nav .et-menu li:not(.mega-menu) ul, .top-nav #top-menu li:not(.mega-menu) ul {
width: fit-content !important;
}
}
.et-db #et-boc .et-l .nav li li a {
white-space: nowrap;
padding: .75rem;
transition: background-color .3s ease, color .3s ease !important;
border-radius: 12px;
line-height: 1;
text-align: center;
}
.et-db #et-boc .et-l .nav li li a:hover {
color: var(--dark-blue) !important;
}
.et-db #et-boc .et-l .nav li li {
padding: 0;
}
.et-db #et-boc .et-l .et_mobile_menu li a:hover, .nav ul li a:hover {
background: var(--light);
} .et-db #et-boc .et-l .main-nav .dipi_hamburger.hamburger {
background: none !important;
}
.et-db #et-boc .et-l .main-nav .hamburger.is-active:hover, .hamburger:hover {
opacity: 1;
}
.et-db #et-boc .et-l .main-nav .dipi_hamburger.hamburger.is-active {
background: none !important;
}
.fixed-nav .dipi_hamburger .hamburger-inner,
.fixed-nav .dipi_hamburger .hamburger-inner:after,
.fixed-nav .dipi_hamburger .hamburger-inner:before,
.fixed-nav .dipi_hamburger.hamburger.is-active .hamburger-inner,
.fixed-nav .dipi_hamburger.hamburger.is-active .hamburger-inner:after,
.fixed-nav .dipi_hamburger.hamburger.is-active .hamburger-inner:before {
background-color: var(--blue-dark) !important;
}
@media (max-width: 1200px) {
.et-db #et-boc .et-l .top-nav .main-nav.et_pb_menu .et_mobile_menu {
position: fixed;
left: 2%;
width: 96vw;
background: var(--blue-dark) !important;
border-radius: 16px;
border-top: 0;
}
.et-db #et-boc .et-l .top-nav.fixed-nav .main-nav.et_pb_menu .et_mobile_menu {
margin-top: 1rem;
}
.et-db #et-boc .et-l .top-nav .main-nav.et_pb_menu .et_mobile_menu li {
position: relative;
}
.et-db #et-boc .et-l .top-nav .main-nav.et_pb_menu .et_mobile_menu li a {
padding: .5rem 1rem;
border-radius: 8px;
transition: background-color .3s ease, color .3s ease;
opacity: 1 !important;
}
.et-db #et-boc .et-l .top-nav.fixed-nav .main-nav.et_pb_menu .et_mobile_menu li a {
color: var(--white) !important;
}
.et-db #et-boc .et-l .top-nav .main-nav .et_mobile_menu .menu-item-has-children>a {
background-color: transparent;
}
.et-db #et-boc .et-l .top-nav .main-nav.et_pb_menu .et_mobile_menu li a:hover {
background: var(--white);
color: var(--black) !important;
}
.et-db #et-boc .et-l .top-nav .sub-menu {
padding-inline: 1rem !important;
}
.et-db #et-boc .et-l .top-nav .et_mobile_menu li li {
padding-left: 0;
}
body.dipi-collapse-submenu-mobile .et-l--header .et_mobile_menu li.menu-item-has-children>a::before,
body.dipi-collapse-submenu-mobile .et-l--header .et_mobile_menu li.menu-item-has-children>a::after {
color: var(--light) !important;
content: "L" !important;
}
body.dipi-collapse-submenu-mobile .et-l--header .et_mobile_menu li.menu-item-has-children>a.dipi-collapse-menu:after {
transform: rotate(45deg) !important;
}
body.dipi-collapse-submenu-mobile .et-l--header .et_mobile_menu li.menu-item-has-children>a:hover::before,
body.dipi-collapse-submenu-mobile .et-l--header .et_mobile_menu li.menu-item-has-children>a:hover::after {
background: var(--light) !important;
color: var(--darkblue) !important;
}
.et-db #et-boc .et-l .et_mobile_menu .current_page_item:not(.current-menu-ancestor) {
border: 1px solid var(--blue);
border-radius: 8px;
margin-block: .5rem;
}
.et-db #et-boc .et-l .current-menu-ancestor::after {
content: "";
position: absolute;
width: 6px;
height: 6px;
background: var(--blue);
left: 0;
display: block;
top: 18px;
border-radius: 2px;
left: 0;
opacity: 1;
transition: left .3s ease, opacity .3s ease;
}
.et-db #et-boc .et-l .current-menu-ancestor:hover::after {
left: -16px;
opacity: 0;
}
.et-db #et-boc .et-l .top-nav .et_pb_button {
height: 41px;
align-content: center;
}
} .hero-btns {
display: flex;
flex-flow: row wrap;
justify-content: center;
gap: 2rem;
}
@media (max-width: 767px) {
.hero-btns {
gap: 1rem;
}
}
.rozcestnik {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 2rem;
}
.rozcestnik .et_pb_column {
width: 100% !important;
margin: 0 !important;
}
.rozcestnik.rozcestnik-3 {
display: grid;
grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 767px) {
.rozcestnik.rozcestnik-3 {
grid-template-columns: 1fr;
}
}
@media (max-width: 475px) {
.rozcestnik .et_pb_column {
display: flex;
flex-flow: row nowrap;
gap: 2rem;
align-items: center;
padding: 1rem !important;
}
.rozcestnik .et_pb_module {
margin: 0 !important;
}
.rozcestnik .et_pb_module:first-child {
margin-top: .25rem !important;
order: 1;
}
}
.rozcestnik-item {
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
}
.rozcestnik h2 em,
.rozcestnik h3 em {
font-family: var(--ff-inter);
font-style: normal;
font-size: 24px;
color: var(--white) !important;
}
@media (max-width: 980px) {
.rozcestnik {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 767px) {
.rozcestnik h2 em,
.rozcestnik h3 em {
font-size: 20px;
}
}
@media (max-width: 475px) {
.rozcestnik {
grid-template-columns: 1fr;
gap: 1rem;
}
.rozcestnik .et_pb_column {
display: flex;
flex-flow: row nowrap;
gap: 2rem;
align-items: center;
padding: 1rem !important;
}
.rozcestnik .et_pb_module {
margin: 0 !important;
}
.rozcestnik .et_pb_module:first-child {
margin-top: .25rem !important;
order: 1;
}
}  .posts-grid {
display: grid;
grid-template-columns: 1fr;
gap: 3rem 2rem;
}
@media (min-width: 600px) {
.posts-grid {
grid-template-columns: repeat(2, 1fr);
}
.posts-grid:not(.events-grid) .post-item:nth-child(1) {
grid-column: span 2;
}
.posts-grid .blog-pagination {
grid-column: span 2;
}
}
@media (min-width: 768px) {
.posts-grid {
grid-template-columns: repeat(6, 1fr);
}
.posts-grid:not(.events-grid) .post-item {
grid-column: span 2;
}
.posts-grid:not(.events-grid) .post-item:nth-child(1),
.posts-grid:not(.events-grid) .post-item:nth-child(2) {
grid-column: span 3;
}
.posts-grid .blog-pagination {
grid-column: span 6;
}
}
@media (min-width: 981px) {
.posts-grid {
grid-template-columns: repeat(12, 1fr);
gap: 3rem 2rem;
}
.posts-grid:not(.events-grid) .post-item:nth-child(1),
.posts-grid:not(.events-grid) .post-item:nth-child(2),
.posts-grid:not(.events-grid) .post-item:nth-child(3) {
grid-column: span 4;
}
.posts-grid:not(.events-grid) .post-item {
grid-column: span 3;
}
.posts-grid .blog-pagination {
grid-column: span 12;
}
}
@media (min-width: 600px) {
.posts-grid.events-grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (min-width: 981px) {
.posts-grid.events-grid {
grid-template-columns: repeat(3, 1fr);
}
}
.posts-grid.events-grid.past {
grid-template-columns: 1fr;
}
@media (min-width: 600px) {
.posts-grid.events-grid.past {
grid-template-columns: repeat(2, 1fr);
}
}
@media (min-width: 768px) {
.posts-grid.events-grid.past {
grid-template-columns: repeat(3, 1fr);
}
.posts-grid.events-grid.past .post-title {
padding-bottom: .25rem;
}
.posts-grid.events-grid.past .post-img {
margin-bottom: .75rem;
}
}
@media (min-width: 981px) {
.posts-grid.events-grid.past {
grid-template-columns: repeat(4, 1fr);
}
}
.blog-pagination {
display: flex;
flex-flow: row;
gap: 1rem;
vertical-align: middle;
}
.blog-pagination .page-numbers {
width: 32px;
height: 32px;
background: var(--white);
display: flex;
justify-content: center;
align-items: center;
border-radius: 12px;
color: var(--dark);
transition: background-color .3s ease, color .3s ease;
}
.blog-pagination .page-numbers.current {
background: var(--light);
}
.blog-pagination .page-numbers:not(.current):hover {
background: var(--blue);
color: var(--white);
}
.prev.page-numbers {
color: transparent !important;
}
.prev.page-numbers,
.next.page-numbers {
color: transparent !important;
}
.prev.page-numbers::after,
.next.page-numbers::after {
content: "";
position: relative;
background: var(--dark);
width: 32px;
height: 32px;
mask: url(//vltavan.cz/wp-content/uploads/icon-arrow-stroke.svg) center/12px no-repeat;
-webkit-mask: url(//vltavan.cz/wp-content/uploads/icon-arrow-stroke.svg) center/12px no-repeat;
position: absolute;
transition: background-color .3s ease;
}
.prev.page-numbers::after {
transform: rotate(180deg);
}
.page-numbers:hover::after {
background: var(--white);
}
.post-item {
position: relative;
}
.post-img {
width: 100%;
height: 300px;
border-radius: 16px;
margin-bottom: 1.5rem;
padding: 1rem;
display: flex;
flex-flow: column;
justify-content: space-between;
position: relative;
overflow: hidden;
transition: transform .3s ease;
}
.akce .post-img {
height: 240px;
}
.posts-grid .post-img {
height: auto;
aspect-ratio: 16 / 10;
}
.posts-grid .akce-body .post-img {
height: 220px;
aspect-ratio: unset;
}  .post-item a:hover .post-img {
transform: scale(1.025);
}
.post-item a .post-img::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
background: var(--blue);
top: 0;
left: 0;
opacity: 0;
z-index: 0;
transition: opacity .3s ease;
}
.post-item a:hover .post-img::before {
opacity: .666;
}
.post-img span {
padding: 6px 8px;
line-height: 1;
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
border-radius: 6px;
width: fit-content;
z-index: 99;
}
.post-img span.post-tag {
background: var(--white);
color: var(--blue);
}
.post-img span.post-date {
background: var(--blue);
color: var(--white);
font-size: 14px;
font-weight: 700;
}
.post-title {
font-family: var(--ff-inter);
font-size: 18px;
font-weight: 700;
}
.post-content {
padding-top: .75rem;
font-size: 16px;
line-height: 1.6;
color: var(--dark);
}
@media (max-width: 767px) {
.post-img {
height: 200px;
}
.akce .post-img {
height: 240px;
}
}
.post-body p:first-child {
color: var(--dark-blue) !important;
}
@media (min-width: 768px) {
.post-body p:first-child {
font-size: 18px !important;
}
}
.post-body .wp-block-image:not(:first-child) img {
margin-top: 2rem;
}
.post-body .wp-block-image img {
border-radius: 1rem;
}
.post-body .wp-element-caption {
text-align: left;
color: var(--dark-gray)
}
.single-post .dipi-breadcrumbs li:nth-child(2),
.single-post .dipi-breadcrumbs li:nth-child(3) {
display: none;
}
@media (min-width: 981px) {
.post-header-image * {
width: 100% !important;
}
} .akce-meta {
background: var(--light);
width: fit-content;
border-radius: 12px;
padding: .75rem 1.25rem;
display: flex;
gap: 1.5rem;
}
.akce-meta span {
display: flex !important;
gap: .75rem;
align-items: center;
}
.akce-meta span::before {
content: "";
position: relative;
width: 20px;
height: 20px;
}
.akce-meta span.akce-date::before {
background: url(//vltavan.cz/wp-content/uploads/icon-calendar.svg) center/contain no-repeat;
}
.akce-meta span.akce-time::before {
background: url(//vltavan.cz/wp-content/uploads/icon-clock.svg) center/contain no-repeat;
}
.akce-meta span.akce-place::before {
background: url(//vltavan.cz/wp-content/uploads/icon-marker.svg) center/contain no-repeat;
}
@media (max-width: 600px) {
.akce-meta {
padding: .5rem 1rem;
margin-bottom: 3rem;
}
.akce-meta span {
font-size: 14px;
}
.akce-meta span::before {
width: 16px;
height: 16px;
}
} .kontakt-spolky strong {
font-family: var(--ff-inter);
font-size: 24px;
color: var(--dark-blue) !important;
}
.contact-blurb .et_pb_blurb_container {
display: flex;
flex-flow: row;
gap: 1rem;
align-items: baseline;
}
.contact-blurb .et_pb_module_header {
flex: 0 0 130px;
}
.cards-row .et_pb_column {
display: flex;
justify-content: center;
gap: 2rem;
flex-flow: row wrap;
}
.kontakt-card .et_pb_blurb_description p:first-child {
margin-bottom: 1rem;
}
.cards-row .et_pb_module {
width: clamp(200px, 75%, 340px);
}
@media (max-width: 980px) {
.cards-row .et_pb_module {
width: calc(50% - 1rem);
}
}
@media (max-width: 767px) {
.cards-row .et_pb_module {
width: 100%;
}
} .book-item em {
font-style: normal;
color: var(--blue);
font-size: 18px;
}
.book-item::after {
content: "Objednat";
position: absolute;
right: 1rem;
bottom: 1rem;
background: var(--blue);
color: var(--white);
padding: .5rem 1.5rem;
border-radius: 100px;
line-height: 1;
font-size: 14px;
font-weight: 600;
transition: background-color .3s ease;
}
.book-item:hover::after {
background: var(--dark-blue);
}
.book-item p {
padding-bottom: 1.5rem;
}
.book-item .et_pb_main_blurb_image {
margin-bottom: 1rem;
} .albums-grid {
display: grid;
grid-template-columns: 1fr;
gap: 3rem 2rem;
}
@media (min-width: 600px) {
.albums-grid {
grid-template-columns: repeat(2, 1fr);
}
.albums-grid .blog-pagination {
grid-column: span 2;
}
}
@media (min-width: 981px) {
.albums-grid {
grid-template-columns: repeat(3, 1fr);
}
.albums-grid .blog-pagination {
grid-column: span 3;
}
}
.single-akce .albums-grid {
grid-template-columns: repeat(2, 1fr);
}
.albums-title {
margin-bottom: 2rem;
}
.album-item .album-img {
height: auto;
aspect-ratio: 16 / 10;
margin-bottom: 1rem;
border-radius: 16px;
position: relative;
overflow: hidden;
transform: none;
transition: transform .3s ease;
}
.album-item:hover .album-img {
transform: scale(1.025);
}
.album-item .album-img::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
background: var(--blue);
top: 0;
left: 0;
opacity: 0;
z-index: 0;
transition: opacity .3s ease;
}
.album-item:hover .album-img::before {
opacity: .666;
}
.album-item .album-title {
font-family: var(--ff-inter);
font-size: 18px;
font-weight: 600;
}
.single-fotogalerie .et_pb_row .et_pb_row {
width: 100% !important;
}
.single-fotogalerie .swiper-container::after,
.single-fotogalerie .swiper-container::before {
width: calc((100% - 1440px) / 2);
} .nf-form .nf-form-content {
padding: 0;
}
.nf-form .nf-field-label label {
color: var(--light);
font-size: 14px;
font-weight: 500;
}
.nf-form .nf-field-label {
margin-bottom: .5rem !important;
}
.nf-form .nf-form-content input:not([type=button]),
.nf-form .nf-form-content textarea {
background: var(--light);
border-radius: 12px;
color: var(--dark);
border: 0;
padding: .75rem 1rem;
}
.nf-form .nf-form-content input:not([type=button]):focus,
.nf-form .nf-form-content textarea:focus {
color: var(--dark);
background: var(--white);
}
.nf-form .nf-error.field-wrap .nf-field-element:after,
.nf-form .nf-pass.field-wrap .nf-field-element:after {
border-radius: 12px;
height: 42px;
width: 42px;
right: .25rem;
top: .25rem;
line-height: 44px;
background: var(--orange);
}
.nf-form .nf-pass.field-wrap .nf-field-element:after {
color: var(--white);
background: var(--green);
text-align: center;
}
.nf-form .nf-error-msg {
background: var(--orange);
width: fit-content;
border-radius: 8px;
padding: .25rem .5rem;
color: var(--white);
font-weight: 600;
color: var(--dark-blue) !important;
font-size: 14px;
}
.nf-form .nf-form-fields-required {
display: none;
}
.nf-form nf-field:last-child .nf-field-container {
margin-bottom: 0;
}
.nf-form nf-field:not(:last-child) .nf-field-container {
margin-bottom: 1rem;
}
.nf-form p, .nf-form p a {
color: var(--light);
}
.nf-form p a {
text-decoration: underline;
}
.nf-form p, .nf-form p a {
color: var(--light);
}
.nf-form p a {
text-decoration: underline;
}
.nf-form .nf-form-content input[type=submit] {
background: var(--dark-blue);
color: var(--white);
width: 100%;
border-radius: 100px;
font-weight: 600;
font-size: 16px;
transition: background-color .3s ease, color .3s ease;
cursor: pointer;
}
.nf-form .nf-form-content input[type=submit]:hover {
background: var(--white);
color: var(--dark-blue);
} .swiper-container {
overflow: visible !important;
}
.dp-carousel {
width: 90%;
max-width: 1440px;
margin: auto;
}
.swiper-container::after,
.swiper-container::before {
content: "";
display: block;
position: absolute;
background: linear-gradient(90deg, transparent, var(--white));
height: 106%;
width: calc((100% - 1440px)/2);
right: 0;
top: -3%;
z-index: 999;
pointer-events: none !important;
}
.swiper-container::before {
background: linear-gradient(270deg, transparent, var(--white));
left: 0;
}
.swiper-navigation {
position: absolute;
top: 0;
width: 90%;
transform: translateY(calc(-100% - 3rem));
max-width: 1440px;
margin: auto !important;
display: flex !important;
justify-content: flex-end;
gap: 1rem;
}
.swiper-button-next,
.swiper-button-prev {
position: relative !important;
transform: none !important;
margin: 0 !important;
left: unset;
right: unset;
height: 40px;
width: 40px;
background: var(--light);
border-radius: 12px;
}
@media (max-width: 767px) {
.swiper-navigation {
position: relative;
transform: none;
width: 100%;
justify-content: start;
margin-top: 2rem !important;
}
}
.dipi_horizontal_timeline .swiper-container-horizontal {
overflow: visible !important;
}
.dipi_horizontal_timeline .dipi-carousel-main::after,
.dipi_horizontal_timeline .dipi-carousel-main::before {
content: "";
display: block;
position: absolute;
background: linear-gradient(90deg, transparent, var(--white));
height: 106%;
width: calc((100% - 1440px) / 2);
right: 0;
top: -3%;
z-index: 999;
pointer-events: none !important;
}
.dipi_horizontal_timeline .dipi-carousel-main::before {
background: linear-gradient(270deg, transparent, var(--white));
left: 0;
}
.dipi_horizontal_timeline .dipi-carousel-main {
width: 90%;
max-width: 1440px;
margin-inline: auto;
}
.dipi_horizontal_timeline .swiper-button-prev.swiper-arrow-button,
.dipi_horizontal_timeline .swiper-button-next.swiper-arrow-button {
bottom: -100px !important;
position: absolute !important;
left: 50% !important;
}
@media (max-width: 767px) {
.historie-timeline.dipi_horizontal_timeline.et_pb_module .dipi_htl_layout_top_phone .swiper-button-prev.swiper-arrow-button,
.historie-timeline.dipi_horizontal_timeline.et_pb_module .dipi_htl_layout_top_phone .swiper-button-next.swiper-arrow-button {
bottom: -100px !important;
}
}
.dipi_horizontal_timeline .swiper-button-next {
transform: translateX(50%) !important;
}
.dipi_horizontal_timeline .swiper-button-prev {
transform: translateX(-150%) rotate(180deg) !important;
}
.dipi_horizontal_timeline .dipi_horizontal_timeline_item .ribbon-ico-circle {
border-radius: 8px;
}
.swiper-button-next:not(.swiper-button-disabled):hover,
.swiper-button-prev:not(.swiper-button-disabled):hover {
background: var(--blue);
}
.swiper-button-next::after, .swiper-button-prev::after {
content: "" !important;
mask: url(//vltavan.cz/wp-content/uploads/icon-arrow-stroke.svg) center/16px no-repeat;
-webkit-mask: url(//vltavan.cz/wp-content/uploads/icon-arrow-stroke.svg) center/16px no-repeat;
width: 100%;
height: 100%;
background: var(--dark-gray);
}
.dipi_horizontal_timeline_item:nth-last-child(2) .et_pb_image_wrap.ribbon-ico-wrap::after {
background: var(--light);
content: "";
position: relative;
left: 0;
top: 0;
width: 1000px;
height: 3px;
}
.swiper-button-next:not(.swiper-button-disabled):hover::after,
.swiper-button-prev:not(.swiper-button-disabled):hover::after {
background: var(--white);
}
.swiper-button-disabled {
cursor: default !important;
}
.swiper-button-next, .swiper-button-prev,
.swiper-button-next:after, .swiper-button-prev:after {
transition: background-color .3s ease, opacity .3s ease;
}
.swiper-button-prev {
transform: rotate(180deg) !important;
}
@media (max-width: 980px) {
.dipi_horizontal_timeline .dipi_htl_item_container {
text-align: left !important;
}
}
@media (max-width: 1600px) {
.swiper-container::after,
.swiper-container::before {
width: 5%;
}
}
@media (max-width: 1365px) {
.dp-carousel {
width: 80%;
margin-left: 5%;
}
} .cile-row h3 {
padding-bottom: 1rem;
}
@media (min-width: 981px) {
.cile-row {
display: flex;
flex-flow: row nowrap;
gap: 2rem;
align-items: flex-end;
}
.cile-row .et_pb_column {
width: 100%;
margin: 0;
height: fit-content;
}
.cile-row::after {
display: none;
}
}
.img-badge {
border-radius: 16px;
}
@media (max-width: 980px) {
.et_pb_image.img-badge {
top: 0;
bottom: auto;
}
}
.map-hotspot h2,
.map-hotspot h3 {
font-family: var(--ff-inter);
font-style: normal;
font-size: 18px;
color: var(--white) !important;
padding-bottom: .5rem;
margin-top: .5rem;
}
@media (max-width: 767px) {
.map-hotspot h2,
.map-hotspot h3 {
font-size: 16px;
}
}
.mapa-rozcestnik .et_pb_column {
display: flex;
flex-flow: row wrap;
gap: 1rem 2rem;
justify-content: center;
}
.mapa-rozcestnik .et_pb_module {
margin: 0 !important;
}
@media (min-width: 1360px) {
.mapa-rozcestnik .et_pb_module {
min-width: 270px;
}
}
.hotspot-map h2,
.hotspot-map h3 {
font-size: 20px;
margin-top: .75rem;
}
.hotspot-map h2 em,
.hotspot-map h3 em {
font-family: var(--ff-inter);
font-style: normal;
font-size: 24px;
color: var(--white) !important;
padding-bottom: .5rem;
margin-top: .5rem;
}
@media (max-width: 980px) {
.mapa-rozcestnik .et_pb_column {
gap: 1rem;
}
.hotspot-map h2,
.hotspot-map h3 {
margin-top: .5rem;
}
}
@media (max-width: 767px) {
.mapa-rozcestnik .et_pb_column {
display: grid;
grid-template-columns: 1fr 1fr;
}
.mapa-rozcestnik .et_pb_module {
min-width: unset;
}
.hotspot-map h2,
.hotspot-map h3 {
font-size: 16px;
}
.hotspot-map h2 em,
.hotspot-map h3 em {
font-size: 20px;
}
}
@media (max-width: 525px) {
.mapa-rozcestnik .et_pb_column {
grid-template-columns: 1fr ;
}
} .partners {
display: flex;
flex-flow: row wrap;
gap: 4rem 8rem;
justify-content: center;
align-items: center;
}
.partners .et_pb_module {
margin: 0 !important; max-width: 200px;
justify-content: center;
align-items: center;
display: flex;
}
.partners img {
width: 100% !important;
}
@media (max-width: 980px) {
.partners {
gap: 4rem 6rem;
}
}
@media (max-width: 767px) {
.partners {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 3rem;
}
.partners .et_pb_module {
width: 100%;
max-width: 100%;
}    
}
@media (max-width: 525px) {
.partners {
grid-template-columns: 1fr 1fr;
gap: 3rem;
}
} .inline-btns .et_pb_button_module_wrapper,
.inline-btns .et_pb_button_module {
display: inline-block;
margin-right: 2rem !important;
margin-bottom: 1rem !important;
}
.et_pb_button.btn-arrow {
display: flex;
flex-flow: row nowrap;
align-items: center;
width: fit-content;
gap: .75rem;
}
body #page-container .et_pb_section .et_pb_button.btn-arrow::after {
display: block !important;
position: relative;
border-radius: 12px;
width: 32px;
height: 32px;
opacity: 1;
background: url(//vltavan.cz/wp-content/uploads/icon-arrow-stroke.svg) center/12px no-repeat var(--blue);
content: "" !important;
margin: 0;
margin: 0;
transition: transform .3s ease;
}
body #page-container .et_pb_section .et_pb_button.btn-arrow:hover::after {
transform: scale(1.1);
}  .downloads .et_pb_column {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 2rem;
}
.downloads .et_pb_module {
margin: 0 !important;
}
.download-btn * {
transition: color 0s ease, background-color .3s ease !important;
}
.download-btn .et_pb_blurb_content {
display: flex;
flex-flow: row nowrap;
align-items: center;
gap: 2rem;
justify-content: space-between;
}
.download-btn .et_pb_blurb_container {
padding: 0;
}
.download-btn .et_pb_main_blurb_image {
margin: 0;
width: auto;
order: 1;
}
.download-btn .et_pb_main_blurb_image img {
border-radius: 0;
}
@media (max-width: 980px) {
.downloads .et_pb_column {
grid-template-columns: repeat(2, 1fr);
gap: 1.5rem;
}
}
@media (max-width: 767px) {
.downloads .et_pb_column {
grid-template-columns: 1fr;
gap: 1rem;
}
} .download-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 2rem;
}
.download-grid .download-item {
margin: 0 !important;
background: var(--light-blue);
padding: 1rem 1.5rem;
border-radius: 1rem;
display: flex;
flex-flow: row nowrap;
gap: 2rem;
justify-content: space-between;
align-items: center;
transition: background-color .3s ease, color .3s ease;
}
.download-item-title {
font-size: 18px !important;
font-weight: 600 !important;
font-family: var(--ff-inter) !important;
}
.download-item-icon {
display: flex;
flex-flow: row nowrap;
align-items: center;
gap: 2rem;
justify-content: center;
background: var(--white);
width: 2.5rem;
height: 2.5rem;
border-radius: 100%;
flex-shrink: 0;
}
.download-item-icon svg {
width: 1rem;
}
.download-item:hover {
background: var(--blue);
color: var(--white) !important;
}
.download-item:hover .download-item-title {
color: var(--white) !important;
}
@media (max-width: 980px) {
.download-grid {
grid-template-columns: repeat(2, 1fr);
gap: 1.5rem;
}
}
@media (max-width: 767px) {
.download-grid {
grid-template-columns: 1fr;
gap: 1rem;
}
}   .et_pb_blog_grid .et_pb_post, .et_pb_posts .et_pb_post {
position: relative;
} .et_pb_blog_grid .et_pb_post .entry-title a:after, .et_pb_posts .et_pb_post .entry-title a:after {
position: absolute;
display: block;
content: "";
width: 100%;
height: 100%;
left: 0;
top: 0;
} .et_pb_blog_grid .et_pb_post:hover, .et_pb_posts .et_pb_post:hover {
cursor: pointer;
} footer .et_pb_column {
justify-content: space-between;
display: flex;
flex-flow: row wrap;
width: 100% !important;
gap: 0 4rem;
}
footer .et_pb_text_inner {
display: flex;
flex-flow: row wrap;
gap: 1rem;
}
footer .et_pb_row:after {
display: none;
}
footer p {
padding-bottom: 0;
}
footer p,
footer p a {
white-space: nowrap;
}