@font-face {
font-family: "Archivo";
src: url(//www.b4l.cz/wp-content/themes/b4l/assets/fonts/Archive_SemiExpanded/Archivo_SemiExpanded-Regular.ttf) format('truetype');
font-weight: 400;
font-style:normal;
font-display: swap;
}
@font-face {
font-family: "Archivo";
src: url(//www.b4l.cz/wp-content/themes/b4l/assets/fonts/Archive_SemiExpanded/Archivo_SemiExpanded-Italic.ttf) format('truetype');
font-weight: 400;
font-style:italic;
font-display: swap;
}
@font-face {
font-family: "Archivo";
src: url(//www.b4l.cz/wp-content/themes/b4l/assets/fonts/Archive_SemiExpanded/Archivo_SemiExpanded-Bold.ttf) format('truetype');
font-weight: 700;
font-style:normal;
font-display: swap;
}
@font-face {
font-family: "Archivo";
src: url(//www.b4l.cz/wp-content/themes/b4l/assets/fonts/Archive_SemiExpanded/Archivo_SemiExpanded-BoldItalic.ttf) format('truetype');
font-weight: 700;
font-style:italic;
font-display: swap;
}
html
{
overflow-x:hidden ;
}
body
{
font-family:"Archivo", sans-serif;
font-size: 14px;
line-height: 1.5em;
color: #cecece;
overflow-x:hidden;
background: #090909;
}
@media(min-width:1600px) {
.container {
max-width: 1526px;
}
}
h2, h1
{
font-weight: 400;
text-align: left;
margin-bottom:39px;
margin-top:50px;
text-shadow: 0 0 50px #ffffffbf;
font-size: 48px;
color: #ffffff;
}
h3
{
font-size:28px;
font-weight:400;
margin-bottom: 20px;
}
h2.underlined, h1.underlined:after, h2.underlined-small
{
margin-bottom:39px;
}
h2.underlined:after, h1.underlined:after, h3.underlined:after, h2.underlined-small:after
{
width:500px;
max-width: 100%;
height:1px;
background-color: #333333;
content:'';
display: block;
margin-top:40px;
}
h2.underlined-small
{
font-size: 24px;
}
h2.underlined-small:after
{
margin-top:28px;
width: 300px;
}
h3.underlined:after
{
margin-top:15px;
}
.yellow-text
{
color:#2B85FF;
}
#video-head video, #introCarousel, #introCarousel, #introCarousel .carousel-item img
{
height:867px;
max-height: 100vh;
width: 100%;
object-fit: cover;
display: block;
}
#video-head, #introCarousel
{
margin-bottom: 100px;
position: relative;
z-index: 1;
}
#video-head:before
{
background:#0f3460;
position: absolute;
top:0;
left: 0;
width: 100%;
height: 100%;
opacity: 0.1;
content: '';
}
@media (max-width: 1200px)
{
#introCarousel, #introCarousel .carousel-item img
{
height:auto;
min-height:500px;
}
}
.moved
{
transform: translateY(150px);
transition: all 0.5s ease-in-out;
}
.moved.moved-done
{
transform: translateY(0px);
}
.header-date
{
font-size: 14px;
line-height:18px;
color:#ffffff;
font-weight: 700;
border-left:3px solid #ffffff;
padding-left: 25px;
}
.header-date p
{
margin-bottom: 0px;
}
@media(max-width: 1400px)
{
header .custom-logo {
width: 250px;
height: auto;
}
}
@media(max-width: 1200px)
{
header .custom-logo {
width: 200px;
height: auto;
}
}
#searchform, #searchform-artist
{
position: relative;
}
#searchform input#s, #searchform-artist  input#s-artist
{
width:399px;
height:48px;
border-radius:24px;
background: rgba(0,0,0,0.5);
display: block;
padding:15px 45px 15px 20px;
border:0;
font-size:14px;
color:white;
line-height: 18px;
font-style: italic;
}
#searchform-artist  input#s-artist
{
border:1px solid white;
max-width:100%;
}
#searchform, #searchform input#s
{
max-width: 100%;
}
#searchform #searchsubmit, #searchform-artist #searchsubmit-artist
{
background: url(//www.b4l.cz/wp-content/themes/b4l/assets/images/icon_search.svg) no-repeat center center;
position: absolute;
right:18px;
top:16px;
border:0;
height: 16px;
width: 15px;
opacity: 0.7;
transition: opacity 0.3s ease-in-out;
}
#searchform #searchsubmit:hover, #searchform-artist #searchsubmit-artist:hover
{
opacity: 1;
}
.card
{
background-color: transparent;
overflow:hidden;
border: 0;
}
.card-body
{
padding:26px 30px;
}
.card h3
{
font-weight:600;
font-size: 24px;
color: #ffffff;
line-height: 32px;
margin-top:20px;
border-top:1px solid #999999;
padding-top: 20px;
transition: all 0.3s ease-in-out;
}
.card h3:after
{
background: url(//www.b4l.cz/wp-content/themes/b4l/assets/images/arrow_top_right.svg);
background-size: contain;
margin-left:15px;
display: inline-block;
content:'';
height: 16px;
width: 16px;
transition: all 0.3s ease-in-out;
}
.card:hover h3
{
text-decoration: underline;
}
.card:hover h3:after
{
transform: rotateZ(45deg);
}
.card .spaceholder, .spaceholder-square, .swiper-interpreti .spaceholder, .boxes-interpreti-headliners .spaceholder
{
height:0;
padding-bottom: 64.3%;
position: relative;
border-radius:20px;
overflow:hidden;
}
.swiper-interpreti .spaceholder, .boxes-interpreti-headliners .spaceholder
{
padding-bottom: 125%;
}
.spaceholder.with-overlay:after
{
position: absolute;
background: rgba(15, 52, 96, 0.45);
top:0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
content:'';
display: block;
border-radius: 20px;
z-index: 1;
transition: all 0.3s ease-in-out;
}
.card:hover .spaceholder.with-overlay:after
{
background: rgba(15, 52, 96, 0);
}
.spaceholder-square
{
padding-bottom: 110%;
}
.card .spaceholder img, .spaceholder-square img, .swiper-interpreti .spaceholder img, .boxes-interpreti-headliners .spaceholder .img, .swiper-historie .spaceholder img
{
position:absolute;
top:0;
left: 0;
right: 0;
bottom: 0;
border-radius: 20px;
object-fit: cover;
width: 100%;
height:100%;
z-index:1;
transition: all 0.5s ease-in-out;
}
.card:hover .spaceholder img, div:hover>.spaceholder-square img, .swiper-interpreti .swiper-slide:hover .spaceholder img, .swiper-historie .swiper-slide:hover .spaceholder img,
#block-videa .video-box:hover .youtube-video-hide-image, .boxes-interpreti-headliners .card:hover .spaceholder .img, .historie-rocnik .historie-gallery-item:hover img
{
left: -10px;
right: -10px;
top: -10px;
bottom: -10px;
height: calc(100% + 20px);
width: calc(100% + 20px);
}
.spaceholder .arrow-circle, .video-box .arrow-circle
{
height: 80px;
width: 80px;
border-radius: 80px;
position: absolute;
top: 50%;
left: 50%;
margin-left: -40px;
margin-top: -40px;
z-index: 2;
backdrop-filter: blur(10px);
background: url(//www.b4l.cz/wp-content/themes/b4l/assets/images/arrow_top_right_white.svg) no-repeat center center;
background-size: 24px 24px;
transition: all 0.3s ease-in-out;
}
.card:hover .spaceholder .arrow-circle, .swiper-merch .swiper-slide:hover .arrow-circle, .video-box:hover .arrow-circle, .swiper-interpreti .swiper-slide:hover .spaceholder .arrow-circle,
.swiper-historie .swiper-slide:hover .spaceholder .arrow-circle, .historie-rocnik .historie-gallery-item:hover .arrow-circle
{
background-color: #2B85FF;
box-shadow: 0 0 40px 0 #2B85FF;
transform: rotateZ(45deg);
}
.historie-gallery-item .arrow-circle
{
margin-left: -20px;
margin-top: -20px;
height: 40px;
width: 40px;
border-radius: 40px;
background-size: 12px 12px;
}
.card .date, .date-calendar
{
padding-left: 22px;
background: url(//www.b4l.cz/wp-content/themes/b4l/assets/images/ico_kalendar.svg) no-repeat left center;
}
.card a.full-size-link, a.full-size-link
{
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: block;
opacity: 0;
z-index: 10;
}
.category-read-more
{
line-height: 22px;
font-size: 18px;
color: #ffffff;
}
.category-read-more:after
{
background: url(//www.b4l.cz/wp-content/themes/b4l/assets/images/arrow_top_right.svg);
background-size: contain;
margin-left:23px;
display: inline-block;
content:'';
height: 13px;
width: 13px;
transition: all 0.3s ease-in-out;
}
.category-read-more:hover:after
{
transform: rotateZ(45deg);
}
@media(max-width: 992px)
{
h2.underlined::after, h1.underlined::after, h3.underlined::after, h2.underlined-small::after
{
width:450px;
}
}
@media(max-width: 768px)
{
.with-category-link .category-read-more
{
display: block;
margin-top: -90px;
}
.with-category-link h2.underlined::after
{
margin-top: 65px;
}
}
.alm-listing.alm-ajax.row.boxes
{
display: flex;
margin-left:-24px;
margin-right:-24px;
}
.ajax-load-more-wrap.white .alm-load-more-btn.more
{
font-size:0;
border-radius:66px;
background:transparent;
height:66px;
width:66px;
position: relative;
border:0;
transition: background-color 0.3s ease-in-out;
margin-top:40px;
}
.ajax-load-more-wrap.white .alm-load-more-btn.more:disabled
{
display: none;
}
.ajax-load-more-wrap.white .alm-load-more-btn.more.loading:before
{
opacity: 0;
}
.alm-load-more-btn.more:after
{
display: block;
content: url(//www.b4l.cz/wp-content/themes/b4l/assets/images/plus.svg);
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
}
.ajax-load-more-wrap.white .alm-load-more-btn.more.loading:after
{
animation-name: loaMoreCircle;
animation-duration: 1000ms;
animation-iteration-count: infinite;
animation-timing-function: linear;
}
@keyframes loaMoreCircle {
0% { transform: rotateZ(0deg); }
25% { transform: rotateZ(90deg); }
50% { transform: rotateZ(180deg); }
75% { transform: rotateZ(270deg); }
100% { transform: rotateZ(360deg); }
}
#download-app-block
{
background: url(//www.b4l.cz/wp-content/themes/b4l/assets/images/bg_app_.webp) no-repeat center center;
background-size: cover;
color:white;
margin-bottom:100px;
padding-top:0px;
padding-bottom:100px;
margin-top:200px;
position: relative;
}
#download-app-block>div
{
position: relative;
z-index:2;
}
#download-app-block:before
{
height:117%;
width:50%;
position: absolute;
left:50%;
top:-17%;
background:url(//www.b4l.cz/wp-content/themes/b4l/assets/images/bg_app_mobil.webp) no-repeat left bottom;
background-size:auto 100%;
content:'';
display: block;
z-index:1;
}
.info-list
{
list-style-type: none;
column-count: 2;
column-gap: 70px;
}
.accordion .accordion-item {
break-inside: avoid-column;
color:white;
}
.accordion-item:last-of-type .accordion-button.collapsed
{
border-radius: 0;
}
.accordion
{
--bs-accordion-btn-focus-box-shadow:none;
}
@media(max-width: 992px)
{
.info-list
{
column-count: 1;
}
}
.info-list li, .accordion-header
{
border-bottom:1px solid #333333;
border-radius: 0;
}
.info-list li a, .accordion-header button.accordion-button, .accordion-item .accordion-button:focus
{
border-bottom:3px solid #090909;
display: block;
padding: 30px 30px 30px 0;
color:#FFFFFF;
font-size: 24px;
line-height: 30px;
transition: all 0.3s ease-in-out;
text-decoration: none;
text-transform: uppercase;
position: relative;
background-color: transparent;
}
.info-list li a:after, .accordion-header button:after
{
position:absolute;
content: url(//www.b4l.cz/wp-content/themes/b4l/assets/images/arrow_top_right.svg);
right:0;
top:50%;
margin-top:-9px;
display: block;
filter: brightness(0) invert(1);
transition: transform 0.3s ease-in-out;
background: none;
}
.info-list li a:hover, .accordion-header button:hover, .accordion-header button:not(.collapsed), .accordion-item .accordion-button:focus
{
border-bottom-color: white;
border-radius:0;
font-weight: 700;
}
.info-list li a:hover:after, .accordion-header button:hover:after
{
filter: none;
transform: rotateZ(45deg);
}
.accordion-header .accordion-button:not(.collapsed)::after
{
transform: rotateZ(90deg);
filter: none;
background: none;
}
.accordion-item
{
background-color: transparent;
}
h2.accordion-header
{
margin: 0;
}
.accordion-body h2, .accordion-body h3
{
font-size: 20px;
}
.single-page article h2:not('.like-h1')
{
font-size:28px;
line-height:36px;
margin-bottom:20px;
}
article .content h2:not('.like-h1')
{
text-align:left;
margin-bottom:15px;
font-size:28px;
line-height:36px;
}
@media(max-width:768px)
{
h2
{
font-size:35px;
line-height:45px;
margin-bottom:20px;
margin-top:20px;
}
}
ul
{
padding-left:15px;
}
a
{
color: #ffffff;
transition:color 0.2s ease-in-out;
}
a:hover, .yellow-link>a, .yellow-link>strong>a, a.yellow-link
{
color: #2B85FF;
}
.max-100
{
max-width:100%;
}
.full-width
{
width:100vw;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
padding-left:15px;
padding-right:15px;
}
@media (max-width: 768px)
{
h1 
{
font-size: 24px;
line-height: 32px;
margin-bottom: 20px;
margin-top: 20px;
}
}
header
{
z-index:20;
transition:all 0.3s ease-in-out;
position: fixed;
top:0;
left:0;
right: 0;
}
#header-top
{
max-height:200px;
transition: all 0.3s ease-in-out;
overflow: hidden;
}
header.scrolled #header-top
{
max-height: 0;
}
#header-fixed
{
background:rgba(0,0,0,0.5);
padding:28px 0;
transition: all 0.3s ease-in-out;
}
header.scrolled #header-fixed
{
background:rgba(0,0,0,1);
}
header #logo
{
display:block;
margin-bottom:8px;
}
header #logo img
{
transition:all 0.3s ease-in-out;
}
.social-menu li a
{
padding:7px;
}
.partners-loga img
{ }
.social-menu li a:hover img, .partners-loga img:hover
{
filter: brightness(0) saturate(100%) invert(13%) sepia(88%) saturate(6118%) hue-rotate(350deg) brightness(97%) contrast(110%);
animation: 1 recolor 0.3s linear;
}
@keyframes recolor {
0% {
opacity:1;
filter:none;
}
49% {
filter: none;
}
50% {
opacity:0;
filter: brightness(0) saturate(100%) invert(13%) sepia(88%) saturate(6118%) hue-rotate(350deg) brightness(97%) contrast(110%);
}
100% {
filter: brightness(0) saturate(100%) invert(13%) sepia(88%) saturate(6118%) hue-rotate(350deg) brightness(97%) contrast(110%);
opacity:1;
}
}
ul.main-menu
{
display:flex;
justify-content: end;
}
ul.main-menu li
{
padding:0 19px;
}
ul.main-menu li a
{
color: #ffffff;
font-size: 16px;
line-height:24px;
transition:color 0.2s ease-in-out;
position:relative;
padding:5px;
}
@media(max-width: 1400px)
{
ul.main-menu a
{
padding: 8px 8px;
}
ul.main-menu li
{
padding:0 10px;
}
}
@media(max-width: 1200px)
{
ul.main-menu li
{
padding:0 5px;
}
}
ul.main-menu li a:hover
{
color: black;
}
ul.main-menu li a:hover, ul.main-menu li.current-menu-item a, ul.main-menu li .nav-link:focus,
#expanded-menu ul li a:hover, #expanded-menu ul li.current-menu-item a, ul.expanded-menu li .nav-link:focus
{
color:#2B85FF;
}
ul.main-menu li a img
{
margin-top:-5px;
}
body:not(.page-2) #site-header:not(.scrolled) ul.main-menu li a:hover
{
color:#2B85FF;
}
@media(max-width:1200px)
{
ul.main-menu li a
{
padding:8px;
}
}
header #logo
{
z-index:1000;
position:relative;
}
#main-menu-toggler
{
display:block;
width:33px;
height:29px;
margin-right:0;
margin-left:auto;
cursor:pointer;
z-index:1000;
position:relative
}
#main-menu-toggler span
{
display:block;
height:3px;
background: #ffffff;
border-radius:3px;
width:33px;
margin-top:10px;
transition:all 0.2s ease-in-out; 
}
#main-menu-toggler span:first-child
{
margin-top:0px;
}
#main-menu-toggler.active-menu span:nth-child(2)
{
display:none;
}
#main-menu-toggler.active-menu span:first-child
{
transform:rotate(45deg);
margin-top:25px;
}
#main-menu-toggler.active-menu span:last-child
{
transform:rotate(-45deg);
margin-top:-3px;
}
#expanded-menu
{
position:absolute;
display: block;
width: 100%;
background: rgba(0,0,0,0.5);
border-radius: 0px 0px 20px 20px;
right: 0;
margin-top: 0px;
z-index: 2;
justify-content: center;
transition: all 0.3s ease-in-out;
max-height: 0;
height: 0;
overflow:hidden;
}
.scrolled #expanded-menu {
background: #000000;
}
#expanded-menu.active-menu
{
max-height:100vh;
height: auto;
}
#expanded-menu ul
{
display: block;
padding:0;
margin:20px 0;
column-count: 5;
}
#expanded-menu ul li
{
padding:15px 0;
}
#expanded-menu ul li a
{
font-size:18px;
line-height:25px;
color:white;
padding:0;
}
@media(max-width:1200px)
{
#expanded-menu ul
{
column-count: 4;
}
}
@media(max-width:999px)
{
#expanded-menu ul
{
column-count: 1;
}
#expanded-menu ul li
{
text-align:center;
}
}
.lang-switcher
{
line-height: normal;
list-style-type: none;
margin-bottom: 0;
padding: 0;
margin-left:0px;
}
.lang-switcher li:after {
content: " | ";
display: inline-block;
margin-left: 3px;
color:white;
}
.lang-switcher li
{
display: inline-block;
}
.lang-switcher li a
{
color:white;
text-decoration:none;
font-size:14px;
}
.lang-switcher li.current-lang a
{
font-weight:700;
}
.lang-switcher li:last-child:after
{
display:none;
}
.lang-switcher li a:hover
{
color:rgba(255, 0, 24, 1);
text-decoration:none;
}
.absolute-title
{
position:absolute;
top:-500px;
z-index:0;
}
.swiper-merch h3, .swiper-interpreti h3, .swiper-historie h3, .historie-rocnik .historie-gallery-item h3
{ font-size:20px;
color:white; line-height:25px;
position: absolute;
bottom:35px;
left:35px;
right:35px;
opacity: 0;
transition: opacity 0.3s ease-in-out;
z-index: 2;
margin: 0;
padding: 0;
}
.historie-rocnik .historie-gallery-item h3
{ font-size:16px;
line-height:19px;
bottom:15px;
left:15px;
right:15px;
}
.swiper-interpreti .swiper-slide, .swiper-historie .swiper-slide
{
transition: all 0.3s ease-in-out;
border-radius:20px;
overflow:hidden;
} .swiper-merch .swiper-slide h3, .swiper-interpreti .swiper-slide h3, .swiper-historie .swiper-slide h3, .historie-rocnik .historie-gallery-item h3
{
opacity: 1;
}
.swiper-merch .swiper-slide:hover h3, .swiper-interpreti .swiper-slide:hover h3, .swiper-historie .swiper-slide:hover h3, .historie-rocnik .historie-gallery-item:hover h3
{
opacity: 1;
}
.swiper-merch .spaceholder-square:before, .video-box:before, .swiper-interpreti .spaceholder:before, .swiper-historie .spaceholder:before, .historie-rocnik .historie-gallery-item:before
{
background: rgb(0,0,0);
background: linear-gradient(0deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 80%, rgba(0,0,0,0) 100%);
content:'';
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
display: block;
opacity:0;
transition: opacity 0.3s ease-in-out;
z-index: 2;
}
.swiper-interpreti .spaceholder:before
{
background:transparent;
}
.swiper-merch .swiper-slide .spaceholder-square:before, .video-box:before,
.swiper-historie .swiper-slide .spaceholder:before,
.historie-rocnik .historie-gallery-item:before
{
opacity: 1;
}
.swiper-merch .swiper-slide:hover .spaceholder-square:before, .video-box:hover:before,
.swiper-interpreti .swiper-slide:hover .spaceholder:before, .swiper-historie .swiper-slide:hover .spaceholder:before,
.historie-rocnik .historie-gallery-item:before
{
opacity: 1;
}
.swiper-button:after     
{
content: none !important;
}
.swiper-button-disabled
{
opacity:0.5;
}
.swiper-merch .swiper-slide, .swiper-interpreti .swiper-slide, .swiper-historie .swiper-slide
{
width:343px;
padding:0px;
}
.swiper-merch .swiper-slide>div, .swiper-interpreti .swiper-slide>div, .swiper-historie .swiper-slide>div
{
position:relative;
} .swiper-merch .boxes, .swiper-interpreti .boxes, .swiper-historie .boxes
{
width: 100%;
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1;
}
.block-vstupenky
{
margin-bottom: 100px;
}
.block-vstupenky .wp-block-media-text
{
display:flex;
}
.block-vstupenky .wp-block-media-text>figure
{
flex: 0 0 auto;
width: auto;
align-self: start;
}
.block-vstupenky .wp-block-media-text>figure>img
{
width: auto;
}
.block-vstupenky .wp-block-media-text>.wp-block-media-text__content
{
flex: 1 0 0%;
padding:0 24px;
height: 100%;
align-self: unset;
display: flex;
flex-flow: column;
}
.block-vstupenky h3.underlined:after
{
width: auto;
}
#block-videa .ratio
{
border-radius:20px;
overflow:hidden;
}
#block-videa .video-box .ratio.ratio-1x1
{
--bs-aspect-ratio: 110%;
}
#block-videa .video-box h2
{
position: absolute;
bottom:0px;
right:0px;
left:0px;
padding:25px 35px;
font-size: 18px;
line-height: 22px;
font-weight: 500;
margin:0;
color:white;
display:none;
z-index: 2;
}
#block-videa .video-box h2
{
display: block;
}
#block-videa .video-box:hover h2
{
display: block;
}
#block-videa .video-box
{
border-radius: 20px;
overflow: hidden;
}
#block-videa .video-box .youtube-video-hide-image
{
position: absolute;
top:0;
left: 0;
right: 0;
bottom: 0;
object-fit: cover;
height: 100%;
width: 100%;
z-index: 1;
transition: all 0.5s ease-in-out;
}
.video-box .arrow-circle
{
background: transparent;
cursor: pointer;
}
.video-box .arrow-circle:before {
width: 0;
height: 0;
border-top: 12px solid transparent;
border-left: 22px solid #fff;
border-bottom: 12px solid transparent;
content:'';
display: block;
position: absolute;
top:50%;
left: 50%;
margin-left:-8px;
margin-top:-12px;
}
.video-box:hover .arrow-circle
{
transform: rotateZ(0);
}
.video-box.hide-before:before
{
top:auto;
height:0;
}
#block-videa
{
margin-bottom: 100px;
}
.btn-primary, .filtr button, a.back-button, .timetable-day ul li button
{
line-height: 20px;
color: #ffffff;
font-size: 16px;
font-weight: 700;
text-align: center;
padding:14px 66px 14px 32px;
border: 1px solid white;
border-radius: 40px;
background-color:rgba(41,41,41,0);
transition:all 0.3s ease-in-out;
position:relative;
overflow:hidden;
text-decoration:none;
display:inline-block;
}
a.back-button
{
padding:14px 32px 14px 66px;
}
.single-page .btn-primary
{
margin-top:20px;
}
.filtr button, .timetable-day ul li button
{
padding:14px 25px 14px 25px;
} .btn-primary:after, .filtr button:after, .back-button:after
{
content: "";
z-index: -1;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 120%;
height: 100%;
background-color: #2B85FF;
backface-visibility: hidden;
transform: rotate3d(0,0,1,10deg) translate3d(-1.2em,110%,0);
transform-origin: 0% 100%;
transition: transform 0.5s ease;
}
.btn-primary:before, .back-button:before
{
content: url(//www.b4l.cz/wp-content/themes/b4l/assets/images/arrow_top_right_white.svg);
display: block;
position: absolute;
top: 50%;
right: 32px;
transform: scale(50%) rotate(45deg);
margin-top: -10px;
transition: all 0.3s ease-in-out;
}
.back-button:before
{
right: unset;
left:32px;
transform: scale(50%) rotate(270deg);
}
.btn-primary:hover:before, .back-button:hover:before
{
transform: scale(50%) rotate(0deg); }
.back-button:hover:before
{
transform: scale(50%) rotate(225deg);
}
.btn-primary:hover:after, .filtr button:hover:after, .filtr button.active:after, .back-button:hover:after
{
transform: rotate3d(0,0,1,0) translateZ(0);
}
.btn-primary:hover, .filtr button:hover, .filtr button.active, .back-button:hover
{
color: #ffffff;
background-color:rgba(41,41,41,0);
border-color:#2B85FF;
}
#breadcrumbs span.breadcumb-separator
{
width: 38px;
display: inline-block;
position:relative;
text-align:center;
}
#breadcrumbs span.breadcumb-separator:before
{
content:url(//www.b4l.cz/wp-content/themes/b4l/assets/images/arrow_top_right.svg);
display:block;
position:absolute;
left:10px;
bottom:-7px;
transform: scale(0.7,0.7) rotateZ(45deg);
}
#breadcrumbs a
{
color: #3e3e3e;
font-size: 14px;
font-weight: 400;
text-decoration:none;
color:#ffffff;
}
#breadcrumbs a:hover
{
color: #ffffff;
text-decoration: underline;
}
#breadcrumbs span.breadcrumb_last
{
font-weight:700;
font-size: 14px;
color:#ffffff;
} .swiper-controls
{
display: flex;
justify-content: end;
margin-top: 32px;
}
.swiper-controls>.swiper-prev, .swiper-controls>.swiper-next
{
width:40px;
height:30px;
content: url(//www.b4l.cz/wp-content/themes/b4l/assets/images/arrow_prev.svg);
margin-left: 50px;
}
.swiper-controls>.swiper-next
{
content: url(//www.b4l.cz/wp-content/themes/b4l/assets/images/arrow_next.svg);
}
.swiper-controls>.swiper-next:not(.swiper-button-disabled):hover, .swiper-controls>.swiper-prev:not(.swiper-button-disabled):hover
{
filter: brightness(0) saturate(100%) invert(13%) sepia(88%) saturate(6118%) hue-rotate(350deg) brightness(97%) contrast(110%);
animation: 1 recolor 0.3s linear;
} #header-image
{
height: 434px;
margin-bottom: 40px;
}
#header-image:before, #header-image:after
{
background:#090909;
position: absolute;
top:0;
left: 0;
width: 100%;
height: 100%;
opacity: 0.3;
content: '';
z-index:2;
}
#header-image:after
{
background-color: #0f3460;
opacity: 0.2;
z-index:1;
}
#header-image img
{
width: 100%;
height: 100%;
object-fit: cover;
}
.main-content.front-page
{
padding-top:90px;
}
.main-content
{
padding-bottom:90px;
}
.single-page article .wp-block-image img
{
margin-bottom:50px;
margin-top:50px;
}
.single-page article div>.wp-block-image:first-child img
{
margin-top: 0;
}
article ol
{
margin-bottom:20px;
}
article ol li
{
margin-bottom:20px;
}
article ol ul
{   
margin-bottom:20px;
}
article ol ul li
{
margin-top:20px;
}
.subpages-boxes figure
{
position: relative;
overflow:hidden;
height: 0;
padding-bottom: 64.3%;
}
.subpages-boxes .card, .subpages-boxes figure
{
border-radius: 20px;
}
.subpages-boxes .card .card-body, .subpages-boxes figure figcaption
{
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
display: flex;
flex-flow: column;
z-index: 2;
text-align:center;
justify-content: center;
background:rgba(15, 52, 96, 0.45);
transition: background-color 0.3s ease-in-out;
margin:0;
}
.subpages-boxes .card .spaceholder img, .subpages-boxes figure img
{
transition: all 0.6s ease-in-out;
position: absolute;
}
.subpages-boxes figure img
{
max-width: unset;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
object-fit: cover;
width: 100%;
height: 100%;
}
.subpages-boxes .card:hover .spaceholder img, .subpages-boxes figure:hover img
{
left:-10px;
right: -10px;
top:-10px;
bottom:-10px;
height: calc(100% + 20px);
width: calc(100% + 20px);
}
.subpages-boxes .card:hover .card-body, .subpages-boxes figure:hover figcaption {
background: rgba(15, 52, 96, 0.35);
}
.subpages-boxes .card .card-body h3, .subpages-boxes figcaption a
{
text-decoration: none;
text-transform: uppercase;
border:0;
padding: 0;
margin: 0;
}
.subpages-boxes figcaption a
{
font-weight: 600;
font-size: 24px;
color: #ffffff;
line-height: 32px;
transition: all 0.3s ease-in-out;
display: flex;
justify-content: center;
align-items: center;
height: 100%;
width: 100%;
padding:25px;
}
.subpages-boxes .card .card-body:before
{
}
.subpages-boxes .card .card-body h3:after
{
display: none;
}
.single-page img.attachment-post-thumbnail
{
max-width:100%;
height:auto!important;
}
.ratio .wp-block-embed__wrapper iframe
{
height:100%;
width:100%;
}
@media (min-width: 600px)
{
.wp-block-gallery.has-nested-images.columns-6 figure.wp-block-image:not(#individual-image) {
width: calc(16.66667% - 7px * 0.83333);
flex-grow:0;
}
} .color-white
{
color:white;
}
.filtr-title
{
font-size: 18px;
line-height: 24px;
color:white;
}
ul.filtr
{
list-style-type: none;
}
ul.filtr button
{
text-transform: uppercase;
font-size: 14px;
}
@media(max-width:768px)
{
ul.filtr {
flex-wrap: nowrap;
overflow: auto;
-webkit-overflow-scrolling: touch;
}
}
.interpreti-stage
{
margin-bottom: 80px;
}
.interpreti-stage h2
{
font-size:24px;
line-height:30px;
font-weight: 700;
margin-bottom: 0;
text-transform: uppercase;
}
.interpreti-stage h2 span
{
font-weight: 400;
}
.interpreti-stage .card
{
border-bottom:1px solid #999999;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.interpreti-stage .card .card-body
{
padding-top: 42px;
}
.interpreti-stage .separator:before
{
display: block;
width: 1px;
height: 100%;
content: '';
background-color: #999999;
}
.interpreti-stage .separator:last-of-type
{
display: none;
}
.interpreti-den
{
transition: all 0.3s ease-in-out;
}
.playlist-link
{
color:#a2a2a2;
font-size: 14px;
display: inline-block;
line-height: 19px;
}
.playlist-link:after
{
display: inline-block;
background:url(//www.b4l.cz/wp-content/themes/b4l/assets/images/social/icon_spotify.svg) no-repeat center center;
margin-left:6px;
margin-bottom: -3px;
height:19px;
width:19px;
content:'';
} .kontakty-info-item h2, .kontakty-lide-item h2
{
font-size: 15px;
margin:0;
font-weight: 700;
}
.kontakty-lide-item-foto
{
height:65px;
width:65px;
object-fit: cover;
border-radius: 65px;
}
.kontakty-lide-item-facebook
{
top:0;
left:0;
position: absolute;
display: block;
}
.kontakty-lide-item-facebook img
{
height:25px;
width:25px;
} .timetable-day .timetable-moving
{
overflow: auto;
cursor: grab;
-webkit-user-select: none; -ms-user-select: none; user-select: none;
padding-left:20px;
position: relative;
}
.timetable-day
{
display: flex;
max-height:0;
transition: height 0.5s ease-in-out;
overflow:hidden;
margin-right: calc(50% - 50vw);
}
.timetable-day.active
{
max-height:10000px;
}
.timetable-day-data, .timetable-day ul
{
display: flex;
flex-flow: row;
flex-wrap: nowrap;
position: relative;
}
.timetable-day>ul.timeline:after
{
background: rgb(9,9,9);
background: linear-gradient(90deg, rgba(9,9,9,1) 0%, rgba(9,9,9,0) 100%);
position: absolute;
top: -106px;
bottom: 0;
right: -50px;
width:50px;
content:'';
z-index: 10;
}
.timetable-day>ul.timeline
{
flex-flow:column;
width:100px;
margin-top:106px;
margin-left:0;
padding-left:0;
}
.timetable-day>ul.timeline li
{
height:109px;
margin-bottom:-9px;
margin-left:0;
padding-left:0;
}
.timetable-day>ul.timeline li:first-child
{
height:18px;
margin-top:-9px;
}
.timetable-day>ul.timeline li span.half
{
height:50px;
border-top:1px solid white;
border-bottom:1px solid white;
margin-top:25px;
width:20px;
margin-left:5px;
display: block;
position: relative;
opacity:0.5;
}
.timetable-day>ul.timeline li span.half:before
{
position: absolute;
content:'';
top:50%;
width:30px;
margin:-1px -5px 0 -5px;
height:1px;
background-color: white;
left:0;
right:0;
}
.timetable-day>ul.timeline li span.time-item
{
padding-left:50px;
font-size:14px;
margin-top:15px;
position: relative;
display: block;
}
.timetable-day>ul.timeline li span.time-item:first-child
{
margin-top: 0px;
}
.timetable-day>ul.timeline li span.time-item:before
{
position: absolute;
content:'';
top:50%;
width:30px;
height:1px;
background-color: white;
left:0;
}
.timetable-day ul
{
list-style-type: none;
margin-left: 0;
}
.timetable-day-data .stage-timetable, .timetable-day ul li
{ padding:0;
margin-left:25px;
width: 173px;
min-width: 173px;
}
.timetable-day-data .stage-timetable:last-child, .timetable-day ul li:last-child
{
padding-right:50px;
width: 223px;
min-width: 223px;
}
.timetable-day ul li button
{
width:100%;
font-size:12px;
text-transform:uppercase;
height: 100%;
}
.timetable-day ul li button span
{
font-size:10px;
font-weight: 400;
text-transform:none;
display:block;
}
.timetable-day .card
{
padding: 0 0 8px 0;
text-overflow: ellipsis;
}
.timetable-day .card-body
{
border-radius: 10px;
color: black;
background: white;
font-size: 12px;
padding:12px;
transition: background-color 0.3s ease-in-out;
line-height:15px;
}
.timetable-day .card-body strong
{
display:inline-block;
padding-bottom:7px;
text-transform: uppercase;
}
.timetable-day .headliner .card-body
{
background-color: rgba(255,255,255,0.8);
}
.timetable-day .card-body-bg {
position: absolute;
left: 0;
bottom: 8px;
right: 0;
top: 0;
z-index: -1;
background-position: center;
background-size: cover;
border-radius: 10px;
background-size: 150% auto;
background-position: 50% 40%;
}
.timetable-day .card.headliner .card-body:hover
{
background: #2B85FF;
color:white;
}
.timetable-day ul li button
{
padding: 7px 20px 7px 20px;
}
.timetable-day .stage-titles-wrapper
{
height:106px;
}
.timetable-day .stage-titles-wrapper ul
{
margin-bottom: 0;
}
@media(max-width: 768px)
{
.timetable-day>ul.timeline
{
width:55px;
}
.timetable-day>ul.timeline li span.time-item
{
padding-left:10px;
}
.timetable-day>ul.timeline li span.time-item:before
{
width:5px;
}
}
.swiper-controls-timetable>div:not(.swiper-button-disabled)
{
cursor:pointer;
}
@media(min-width: 1200px)
{
.wp-block-columns.is-layout-flex
{
gap:50px;
}
}
.wp-embed-aspect-16-9
{
aspect-ratio: 16/9;
}
.wp-embed-aspect-16-9 .wp-block-embed__wrapper
{
height:100%;
}
.wp-block-embed iframe
{
height:100%;
width:100%;
}
.stagetitles-fixed
{
position: absolute;
background: #090909;
z-index: 0;
opacity:0;
transition: opacity 0.2s ease-in-out;
top:0;
}
.stagetitles-fixed.showing
{
opacity:1;
z-index:2;
}
.timetable-day .stagetitles-fixed .stage-titles-wrapper
{
height:auto;
padding-bottom:10px;
padding-top:10px
} .tables-ubytovani table
{
border-collapse: separate;
background: rgba(255,255,255,0.1);
}
.tables-ubytovani td
{
border:0;
background:black;
padding: 10px 15px;
transition: all 0.3s ease-in-out;
}
.tables-ubytovani tr:has(a:hover) td
{
background: #2B85FF;
color:black;
}
.tables-ubytovani tr td a:hover
{
color:black;
} footer
{
padding-top:120px;
color:white;
position:relative;
font-size:16px;
padding-bottom:50px;
}
footer hr
{
margin-bottom:100px;
margin-top:100px;
border-top-color: #ffffff;
}
footer>*
{
z-index:1;
}
footer h2
{
color: #ffffff;
font-size: 24px;
font-weight: 400;
line-height:32px;
margin-bottom:22px;
text-align:left; border-bottom:1px solid #ffffff;
padding-bottom: 22px;
margin-top:0;
text-shadow: 0 0 50px #ffffffbf;
}
footer .footer-menus  ul.social-menu
{
display: flex;
margin:-8px -8px 0 -8px;
}
footer .social-menu li
{
padding:0 9px;
}
footer .social-menu li.only-head
{
display: none;
}
footer .social-menu li a:hover svg path, a.svg svg path, .svg a svg path
{
transition:all 0.2s ease-in-out;
}
.social-menu li a:hover svg path, a.svg:hover svg>path, .svg a:hover svg>path
{
fill: #2B85FF!important;
}
footer a, footer li a.nav-link
{
color:white;
text-decoration:none;
}
footer a:hover, footer li a.nav-link:hover
{
color:white;
text-decoration:underline;
}
footer:before
{
width:100%;
content:'';
background:url(//www.b4l.cz/wp-content/themes/b4l/assets/images/bg_footer_2026.webp) no-repeat center bottom;
height:0;
display: block;
position: absolute;
bottom: 0;
left: 0;
right: 0;
background-size: 100% auto;
z-index: -2;
padding-top:1200px;
background-attachment: fixed;
}
footer:after
{
content:'';
height:400px;
display: block;
position: absolute;
bottom: 800px;
left: 0;
right: 0;
background: rgb(9,9,9);
background: linear-gradient(180deg, rgba(9,9,9,1) 0%, rgba(9,9,9,0) 100%);
z-index: -1;
}
.footer-menus ul
{
list-style-type:none;
margin-left:0px;
padding-left:0;
margin-top:-8px;
}
.footer-menus .col-separator:before
{
display:block;
height:175px;
width:1px;
content:'';
background:white;
margin-top:55px;
}
.footer-menus li.hide-in-footer
{
display: none;
}
.footer-menus li a
{
font-size:16px;
padding:10px 0;
line-height:19px;
transition: all 0.3s ease-in-out;
}
.footer-menus ul.footer-menu
{
column-count: 2;
column-gap: 100px;
}
.footer-menus ul.footer-menu li {
-webkit-column-break-inside: avoid;
}
.footer-menus ul.footer-menu li a
{
position: relative;
padding-left:31px;
font-size: 14px;
transition: color 0.3s ease-in-out;
}
.footer-menus ul.footer-menu li a:before
{
position: absolute;
left: 0;
top: 50%;
margin-top: -8px;
content: url(//www.b4l.cz/wp-content/themes/b4l/assets/images/arrow_top_right.svg);
transform: scale(50%);
display: block;
transition: all 0.3s ease-in-out;
filter: brightness(0) invert(1);
}
.footer-menus ul.footer-menu li a:hover
{
color:#FFFFFF;
text-decoration: underline;
}
.footer-menus ul.footer-menu li a:hover:before
{ transform: scale(50%) rotateZ(45deg);
}
footer .footer-menus ul#menu-aplikace
{
display: flex;
gap: 15px;
margin-top:10px;
}
#footer-copy
{
font-size: 12px;
color: #e2e2e2;
}
#b4l-footer-logo
{
transition: all 0.3s ease-in-out;
display: inline-block;
}
#footer-logo:hover #b4l-footer-logo
{
fill: #2B85FF;
}
#copy
{
margin-bottom:20px;
}
hr
{
border-top-color: #333333;
opacity: 1;
}
.Golddust{ position:fixed; top:0; left:0; width:100%; height:113%; pointer-events:none; z-index:-1;}
#Golddust{ pointer-events:none; }
.editor-styles-wrapper
{
position: relative;
}
figure.w-100>img, .wp-block-embed.w-100 iframe
{
width:100%;
height:100%;
}
.newsletter-form .ec-v-form-holder
{
background: rgba(0,0,0,0)!important;
}
.newsletter-form .ec-v-form-column>div
{
padding-left: 0!important;
padding-right: 0!important;
}
.newsletter-form .ec-v-form-text
{
font-size:14px!important;
font-family:"Montserrat", sans-serif!important;
}
.newsletter-form .ec-v-forms-form-control[type='email']
{
border:1px solid white;
color:white;
border-radius:24px;
background: #222222;
font-size:16px;
line-height:20px;
padding:14px 22px 14px 22px;
}
.newsletter-form .ec-v-form-submit button
{
height:49px;
border-radius:49px;
color:black;
padding:14px 59px 14px 36px;
font-size:16px;
font-weight: 700;
line-height:19px
}
.newsletter-form .ec-v-form-submit button:before {
content: url(//www.b4l.cz/wp-content/themes/b4l/assets/images/arrow_top_right_white.svg);
display: block;
position: absolute;
top: 50%;
right: 32px;
margin-top: -10px;
transition: all 0.3s ease-in-out;
transform: scale(50%) rotate(0deg); }
.ec-v-form-input input[type="checkbox"] + label
{
margin-top: 4px;
}
.ec-v-form-input input[type="checkbox"] + label::before
{
height:14px!important;
width:14px!important;
background-color: #222222!important;
border: 1px solid white!important;
border-radius: 14px!important;
}
.ec-v-form-input input[type="checkbox"] + label::after {
top: 2px!important;
left: 5px!important;
width: 4px!important;
height: 10px!important;
}
.newsletter-form .ec-v-form-holder .ec-v-form-input p
{
margin-left:15px;
}
.newsletter-form .ec-v-form-input input[type="checkbox"] + label
{
padding-left:25px;
}
@media(max-width:1400px)
{
.ec-v-form-holder
{
width:300px!important;
}
}
@media(max-width: 999px)
{
.ec-v-form-holder
{
width:100%!important;
max-width:200px;
}
.ec-v-form-holder, .ec-v-form-holder p
{
text-align:left;
}
.ec-v-form-holder form .ec-v-form-input p
{
margin-left: 25px;
}
}
.smartbanner
{
z-index: 100;
}
.above-video
{
bottom:0;
top:0;
left:0;
right:0;
padding-top: 240px;
color:white;
}
.above-video-text
{
font-size:25px;
line-height: 32px;
text-shadow: 0 0 50px #ffffffbf;
font-weight: 700;
}
.above-video a
{
color: #000000;
text-transform: uppercase;
font-size: 14px;
line-height: 20px;
font-weight: 700;
text-align: center;
padding: 14px 66px 14px 32px;
border: 1px solid #2B85FF;
border-radius: 40px;
background-color: rgba(41,41,41,0);
transition: all 0.3s ease-in-out;
position: relative;
overflow: hidden;
text-decoration: none;
display: inline-block;
z-index:2;
}
.above-video a:before
{
content: url(//www.b4l.cz/wp-content/themes/b4l/assets/images/arrow_top_right_white.svg);
display: block;
position: absolute;
top: 50%;
right: 32px;
margin-top: -10px;
transition: all 0.3s ease-in-out;
transform: scale(50%) rotate(0deg);
filter: brightness(0);
}
.above-video a:after
{
content: "";
z-index: -1;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 120%;
height: 100%;
background-color: #2B85FF;
backface-visibility: hidden;
transform-origin: 0% 100%;
transition: transform 0.5s ease;
transform: rotate3d(0,0,1,0) translateZ(0);
}
.above-video a:hover
{
background-color: black;
color:white;
border-color: #FFFFFF;
}
.above-video a:hover:before
{
transform: scale(50%) rotate(45deg);
filter: brightness(100);
}
.above-video a:hover:after
{
transform: rotate3d(0, 0, 1, 10deg) translate3d(-1.2em, 110%, 0);
}
#introCarousel .carousel-indicators button
{
background:white;
width:18px;
height:12px;
border-radius:2px;
padding:0;
border:0;
margin:0 7px 0 7px;
}
#introCarousel .carousel-indicators button.active
{
background:#2B85FF;
}
.hide-me
{
display:none;
}
#cmplz-manage-consent .cmplz-btn.cmplz-manage-consent
{
color:black;
background-color:#2B85FF;
}
@media(max-width:768px)
{
.mapa-ratio-container
{
--bs-aspect-ratio: 150%;
bs-aspect-ratio: 150%;
}
}