/*
Theme Name: filharmonic one
Theme URI:
Author: brick-media
Author URI: 
Description: Strona dla Filharmonii Lubelskiej
Version: 999
License:
License URI: 
Text Domain: filharmonia
Tags:
*/

/********************************************************
    ## Common
********************************************************/

a,.btn,input,button,.woocommerce .product-fix .compare,.woocommerce .product-fix .yith-wcqv-button,.woocommerce ul.products li.product .thumbs,.team-image::after,.team-social,.pricing-list,.article-wrap,.widget-area section,.content-box,.team-details,.pricing-list,.woocommerce ul.products li.product,.testimonial .testimonial-prev,.testimonial .testimonial-next,.testimonial .item-default{
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
a:hover{ text-decoration: none; }
article a:hover,article a:focus{color:#222;}

table,.masonry-wrap { width: 100%; }
th, td { font-weight: inherit; border: 1px solid #eee; padding: 5px; text-align: center; }

h2{ font-size: 42px; } h2.h2-medium{ font-size: 32px; } h2.h2-small{ font-size: 28px; }
h3{ font-size: 36px;} h3.h3-small{ font-size: 24px; } h3.h3-extra-small{font-size: 20px;}
h5{ font-size: 16px; }
h6{ font-size: 14px; }
h1,h2,h3,h4,h5,h6,h7,h8{line-height:1.5;}

img{ height: auto; max-width: 100%; }

.mt-10{margin-top:10px;}
.mt-20{margin-top:20px;}
.mt-30{margin-top:30px;}
.mt-40{margin-top:40px;}
.mt-50{margin-top:50px;}
.mt-60{margin-top:60px;}
.mt-70{margin-top:70px;}
.mt-80{margin-top:80px;}
.mt-90{margin-top:90px;}
.mt-100{margin-top:100px;}
.mt-150{margin-top:150px;}

.mb-10{margin-bottom:10px;}
.mb-20{margin-bottom:20px;}
.mb-30{margin-bottom:30px;}
.mb-40{margin-bottom:40px;}
.mb-50{margin-bottom:50px;}
.mb-60{margin-bottom:60px;}
.mb-70{margin-bottom:70px;}
.mb-80{margin-bottom:80px;}
.mb-90{margin-bottom:90px;}
.mb-100{margin-bottom:100px;}
.mb-120{margin-bottom:120px;}
.mb-150{margin-bottom:150px;}

.mr-10vw{margin-right:10vw;}

.pad-l-10percent{padding-left:10%}
.pad-r-10percent{padding-right:10%;}
.pad-l-7percent{padding-left:7%}
.pad-r-7percent{padding-right:7%;}
.pad-l-15{padding-left:15px;}


.display-inline-b,.header-top .header-social a,.social-media a a,.footer-top li a,.woocommerce ul.products li.product .price del,.owl-nav>div,.wpcf7-form-control-wrap{
	display: inline-block;
}
.overflow,.woocommerce ul.products li.product .price{
	overflow: hidden;
}
.full-width,.footer-top li a,.woocommerce .related .products .product-fix,.blog-article .calendar_wrap,.woocommerce-Reviews input,.wpcf7 label, .wpcf7 input, .wpcf7 select, .wpcf7 textarea,.wpcf7-form-control-wrap,.woocommerce .product-fix a.compare:before,.woocommerce .product-fix a.yith-wcqv-button:before,.widget-area .search-form label,.widget-area .search-form .search-field,.reply,.product-fix .product-hover,.product-fix .product-image .background-overlay,.woocommerce div.product form.cart .variations td,.woocommerce div.product form.cart .variations td.label,.woocommerce div.product form.cart .variations select,.sku_wrapper,.posted_in{
	width: 100%;
	max-width:1500px;
}
.full-width-nomax{max-width:100%;}

.full-width{padding-right: 40px;padding-left: 40px;}
.width-100percent{width:100%;}

.position-relative{ position: relative; }

button,input[type=submit],.btn,.widget-area .search-form .search-submit,.wpcf7 .wpcf7-submit,.camera-slider .btn, a.btn{ padding: 15px 20px; font-size: 14px; line-height:1; font-weight: 700; text-transform:uppercase; letter-spacing:0.5px;border: solid 1px; border-radius: 8px; outline:none; }
.btn:focus { box-shadow:none; }

.btn-gold-fill,.btn.btn-gold-fill,a.btn.btn-gold-fill,.filter-button.btn-gold-fill,.filter-button:hover,.wp-block-button__link{background:#C99D66;border-color:#C99D66;color:#222;} 
.btn-gold-fill:hover,a.btn.btn-gold-fill:hover,.wp-block-button__link:hover { background: #A88355; border-color: #A88355;color:#000;}
a.btn.btn-purple-fill{background:#472963;border-color:#472963;color:#fff;}
a.btn.btn-gold-border{background:transparent;border:solid 2px #C99D66;color:#C99D66;}
a.btn.btn-purple-border{background:transparent;border:solid 1px #472963;color:#472963;}
a.btn.btn-purple-border:hover{background:#472963;color:#fff;}
.filter-button{background:transparent;border: solid 1px;color:#472963;white-space: nowrap;margin-right: 5px;}
.btn.btn-big{font-size:18px;}
.btn-back{display: flex; align-items: center;padding:0 15px 0 0;background:#fff;border:none;border-radius:100px;color:#000;}
.btn-back svg{width: 30px; height: 35px; padding: 10px 0 10px 10px;}

.color-white{color:#ffffff}
.color-gold{color:#8B6D46}
.color-purple{color:#472963}

.f-size-16{font-size:16px;}
.f-size-18{font-size:18px;}
.f-size-22{font-size:22px;}
.f-size-24{font-size:24px;}
.f-size-28{font-size:28px;}
.f-size-32{font-size:32px;}
.f-size-36{font-size:36px;}
.f-size-52{font-size:clamp(22px, 3vw, 52px);}
.font-weight-500{font-weight:500;}
.font-weight-600{font-weight:600;}
.font-weight-700{font-weight:700;}
.font-weight-800{font-weight:800;}

hr.wp-block-separator{border-top: 1px solid rgba(0,0,0,.1);}
hr.hr-short-white {border-top: solid 1px #fff;width: 80px;margin-left: 0;}
hr.hr-short-dark {border-top: solid 1px #222;width: 80px;margin-left: 0;}

/********************************************************
    ## Header
********************************************************/
.header .site-branding.logo{display:inherit;width:270px;z-index: 9999;}
.navbar-nav.navbar-right{width:270px;justify-content:right;}
nav.fixed-top{height:100px;padding:0;background:#472963;transition:all 0.5s;}

.navbar-expand-lg #primary-menu.navbar-nav .dropdown-menu { position: fixed; display: none; top: 68px; justify-content: center; align-items:center; border-radius: 0; left: 0; float: left; width: 100%; color: #fff; list-style: none; padding:60px 0 30px; background: rgba(71, 41, 99, 0.9); overflow: hidden; transition: all 0.3s; }
.navbar-expand-lg #primary-menu.navbar-nav .dropdown-menu a{display:block;text-align:center;}
.navbar-right li{display:flex;align-items:center;padding:0;}

.primary-menu .navbar-nav>li{padding:15px 0;}
.primary-menu .navbar-nav>li>a{display:block;text-transform: initial;letter-spacing: 0.3px;padding:6px 15px 7px;border:solid 1px transparent;transition: none;}
.primary-menu .navbar-nav > li.active > a,.dropdown-menu > .active > a{border:solid 1px #fff;border-radius:100px;}
.primary-menu .navbar-nav > li.active > a:hover,.dropdown-menu > .active > a:hover{color:#c99d66;border-color:#c99d66;}
.primary-menu .dropdown-menu > li > a{color:#fff;padding: 7px 15px;}
.primary-menu .navbar-nav>li>a:hover,.dropdown-language .dropdown-menu a:hover,.dropdown-menu > li > a:hover{color:#c99d66;}
.primary-menu .navbar-nav > li > a:hover path{fill:#c99d66;}
.primary-menu .navbar-nav>li:last-child>a,.search-cart li:last-child{ background: #c99d66;color:#222;border-color: #c99d66;margin-left: 5px;border-radius:100px; }
.dropdown-menu{ -webkit-box-shadow: 0; box-shadow: 0; border: 0; }
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{ background-color: transparent; }
#primary-menu .primary-menu .dropdown-menu>li>a { padding: 12px 25px; }
.primary-menu .dropdown-menu>.dropdown>.dropdown-menu { top: 0; left: 100%; }

.search-toggle, .search-cancel {display: block;cursor: pointer;font-size: 1.45rem;line-height: inherit;}
.search-toggle{color: #fff;}
.search-cancel{color:#000;}
.search-block {position: fixed;top: 0;right: -100%;width: 100%;height: 100px; z-index: 9999999999;overflow: hidden;background-color: #fff;transition: all 0.35s ease-in-out;display:none;}
.search-block.is-active {top: 0;right: 0;display:block;}
.search-form {display: flex;align-items: center;justify-content: center;column-gap: 0.75rem;padding: 15px 40px;}
.search-input {display: block;font-family: inherit;font-size: 20px;font-weight: 600;line-height: 1.5;width: 100%;height: 70px;padding: 0.65rem 0;border: none;outline: none;color: #000;}
.search-input::placeholder {color: #000; }
.search-input::-webkit-search-decoration, .search-input::-webkit-search-cancel-button {display: none;visibility: hidden;}
.search-submit {padding: 0;margin: 15px;background: top;border: none;color: black;font-size: 20px;}
.search-form label{width: 100%; margin: 0; }
.qty-round{display:flex;width:30px;height:30px;border:solid 1px;border-radius:100px;font-size:16px;align-items:center;justify-content:center;margin-left: 5px;}

.breadcrumb{position:relative;background-size: 100%; background-position: center; background-repeat: no-repeat; border-radius: 0; padding: 0;}
.breadcrumb .row{padding: 40px 0px;}
.breadcrumb:after{content: '';position: absolute;width: 100%;height: 100%;background:#472963;opacity:100%;top: 0;left: 0;z-index:0;mix-blend-mode:color;}
/*.single-concerts .breadcrumb:after{background:#c99d66;}*/
.breadcrumb-wrap{z-index:1}
.breadcrumb-wrap h1{ font-size: 48px; margin: 0; color: #fff; }

/********************************************************
    ## Contact Form
********************************************************/
.form-control{ min-height: inherit; height: inherit; }
.wpcf7-form-control-wrap{ margin-top: 5px; }
.wpcf7 input, .wpcf7 select, .wpcf7 textarea,.wpcf7 .wpcf7-submit,.form-control, input, select, textarea,input[type=submit]{ border: 1px solid #fff; padding: 6px 15px; outline: none; }
.wpcf7 .wpcf7-submit,input[type=submit]{ width: auto; height: inherit; border: 1px solid; font-size: 18px; padding: 10px 25px; border-radius:0; }

/********************************************************
    ## Post navigations
********************************************************/
.posts-navigation,.post-navigation{ text-align: center; padding: 25px 0 0; display: inline-block; width: 100%; }
.nav-previous { float: left; }
.nav-next { float: right; }

/********************************************************
    ## Footer
********************************************************/
#newsletter{position:relative;overflow:hidden;background-color:#C99D66;background-image: url(https://filharmonialubelska.pl/wp-content/uploads/2025/04/baner-pattern-5.avif);padding:80px 0;}
#newsletter h2{font-size: clamp(54px, 7vw, 120px); font-weight: 800; /*position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);*/ line-height: 1; color: #472963;text-align:center;}
#newsletter p{font-weight: 600; color: #472963; }
.newsletter .form-control{ padding: 9px 15px; background: none; border-color: #333; color: #fff; }
.newsletter .btn{ position: absolute; top: 4px; right: 3px; }
.mc_form_inside { display: flex; justify-content: center; }
.footer-main { position: relative;background-image: url(https://filharmonialubelska.pl/wp-content/uploads/2025/04/footer-bg.avif); background-size: cover; background-position: center; background-repeat: no-repeat;}
.footer-main:before{content: ""; position: absolute; width: 100%; height: 100%; background: rgba(71, 41, 99, 0.9);}
.footer-main .partner-box{display: flex; height: 120px; flex-direction: column; justify-content: space-between;}
.row-partners img{max-height:80px;}
.site-info,.footer-social{ margin: 10px 0; }
.site-info{ font-size: 14px; margin-top: 13px; }
.footer-top{font-size:16px; padding-top: 80px; padding-bottom: 40px;}
.footer-top h4{ margin-bottom: 30px; margin-top: 40px; }
.footer-top .menu{ list-style: none; padding: 0; margin: 0; }
.footer-top .menu li:first-child a{ padding-top: 0; }
.footer-top .menu li a{ font-weight: 800; padding: 2.5px 0; text-transform: capitalize; }
ul.social-media{ display: flex; list-style: none; padding: 0; }
.footer-top .social-media{margin-top: 92px;}
.social-media a,.footer-top .social-media a{display: flex;margin:0 10px;width: 40px;height: 40px;line-height: 40px;text-align: center;padding: 0;color: #333;border-radius: 100%;}
.social-media li:first-child a, .footer-top .social-media li:first-child a{margin:0px 10px 0 0;}
.social-media li:last-child a, .footer-top .social-media li:last-child a{margin:0 0 0 10px;}
.footer-bottom{font-size:16px;}
.footer-bottom{ padding: 28px 0; }

/********************************************************
    ## Accessibility
********************************************************/
.screen-reader-text{background:#fff;color:#000;transition:all 0s;}
.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {background-color: #fff; border-radius: 8px; clip: auto !important; color: #000; display: block; font-size: 17px;  font-weight: 600; height: auto; left: auto; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ }
.content-404{ position: absolute; top: 30%; width: 100%; }
.skip-menu:focus{top: 120px;}
.entry-thumb-concert a:focus-visible { display: block;}
.entry-thumb-concert a:focus-visible img{outline: 5px solid #e0600b; outline-offset: -5px;}

.row-breadcrumb {height: calc(100vh - 240px);min-height: 500px;}
.150-window-height{min-height:150px;}
.thirty-window-height { min-height: 30vh; z-index: 99; }
.fifty-window-height { min-height: 50vh; z-index: 99; }
.sixty-window-height {height: 60vh;min-height: 400px; z-index: 99; }
.seventy-window-height {height: 70vh;min-height: 500px; z-index: 99; }
.full-window-height {min-height: 100vh; z-index: 99; }

/*HOME PAGE*/
#home-video-banner .video-bg,#home-like-classic .video-bg{display: flex;flex-direction: column; align-items: center; justify-content: center;padding:15px;}
ul.social-media{ display: flex; list-style: none; padding: 0; }
#home-follow{position: relative;overflow: hidden;background-color:#472963;background-image: url(https://filharmonialubelska.pl/wp-content/uploads/2025/04/footer-bg.avif); background-size: cover; background-position: center; background-repeat: no-repeat; }
#home-follow:before {content: ""; position: absolute;top: 0;width: 100%;height: 100%;background-color: rgba(71, 41, 99, 0.9);background-size: cover; background-repeat: no-repeat;background-position: center;}
.ml-73{margin-left:73px;}
#home-last-news .max-width{max-width:500px;}
#home-last-news img{ width: 100%; aspect-ratio: 899 / 499;object-fit: cover;object-position: center;}
#home-like-classic{position: relative;overflow: hidden;background-color:#472963;}
#home-like-classic p{color: #fff;max-width: 500px;margin: 0px auto 40px;text-align: center;}
#home-like-classic img.logo-like-classic{max-width:320px;}
.video-bg { position: relative; width: 100%; overflow: hidden; }
.video-bg video { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100vw; height: 100vh; object-fit: cover; z-index: -1;}
.overlay.video-home-background{position: absolute; width: 100%; height: 100%; background-color: rgba(0,0,0,0.4); z-index: -1; background-image: url(https://filharmonialubelska.pl/wp-content/uploads/2025/04/banner_shapes.avif);background-repeat: no-repeat; background-size: cover;background-position:center;background-attachment: fixed;}
.overlay.video-like-classic { position: absolute; width: 100%; height: 100%; background-color: rgb(71, 41, 99,0.9); z-index: -1; background-image: url(https://filharmonialubelska.pl/wp-content/uploads/2025/04/banner_shapes.avif); background-repeat: no-repeat; background-size: cover; background-position: center; background-attachment: fixed; }
.overlay.overlay-blend-color { position: absolute; width: 100%; height: 100%; background-color: rgb(71, 41, 99); z-index: -1; background-repeat: no-repeat; background-size: cover; background-position: center; mix-blend-mode: color; }
.overlay-breadcrumb{position: absolute; width: 100%; height: 100%;background-image: url(https://filharmonialubelska.pl/wp-content/uploads/2025/04/banner_shapes.avif);background-repeat: no-repeat; background-size: cover;background-position:center;background-attachment: fixed;mix-blend-mode: difference;}

img.logo-on-banner{max-width:50vw;}
video::cue { font-family: 'Montserrat', sans-serif; color: white; font-size: 20px; background-color: rgba(0, 0, 0, 0); }
.my-carousel { padding: 80px 10vw 80px 40px; position: relative; overflow: hidden; }
.my-carousel:after, .my-carousel:before { content: ""; position: absolute; display: block; top: 0; height: 100%; width: 40px; background-color: #fff; z-index: 3; }
.my-carousel:after { left: 0; }
.my-carousel:before { right: 0; opacity: 0; }
.my-carousel .slick-list { overflow: visible; }
.my-carousel__image { padding-right: 40px; }
.my-carousel .my-carousel__item .media-wrapper { position: relative; aspect-ratio: 3/2; width:100%; max-height:350px; display: flex; flex-direction: column; justify-content: center; align-items: center; color:#fff; -webkit-transition: all 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53); -o-transition: all 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: all 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53); }
.my-carousel__item .media-wrapper-overlay { position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.4); z-index: 0; }
.my-carousel .my-carousel__item-inner { position: relative; width: calc(100% - 40px);}
.my-carousel__item-inner h3{display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.my-carousel__item-inner .excerpt{display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;font-weight:500;margin-bottom:20px;}
.my-carousel__item-inner p.uptitle{font-size:16px;font-weight:600;color:#8B6D46;margin-bottom: 5px;}
.my-carousel__item-inner p.director{font-size:16px;margin-bottom: 5px;min-height: 24px;}
.my-carousel__item-inner .date{font-size:16px;font-weight:700;color:#472963;margin-bottom: 10px;}
.my-carousel__item-inner p.date span.time,p.date span.time,.my-carousel__item-inner .date .time{color: #FFF; margin-left: 15px; background: #472963; border-radius: 100px; padding: 0 10px;}
.concert-view-2 p.date span.time{margin-left:0;}
#section-with-concerts .concert-view-2 ul.ul-buy-ticket { width: calc(100% - 30px); }
.my-carousel__item-inner .two-buttons.d-flex a.btn{padding:15px 5px;display: flex;justify-content: center;align-items: center;}
.my-carousel__item-inner .two-buttons.d-flex .buy-ticket{width:40%;}
.my-carousel__item-inner .two-buttons.d-flex a.btn.more-info{width:55%;margin-right:5%;}
.my-carousel .slick-active .media-wrapper { opacity: 1 !important; }
.my-carousel .slick-arrow{position:absolute;z-index:1; position: absolute; top: 23%;}
.my-carousel.orchestra-carousel .slick-arrow{position:absolute;z-index:1; position: absolute; top: 43%;}
.my-carousel .slick-arrow.slick-prev{left:20px;}
.my-carousel .slick-arrow.slick-next{right:55px;}
.my-carousel .slick-arrow,.yt-carousel .slick-arrow,.calendar-arrow{width: 40px; height: 40px;padding: 0; border-radius: 100%;background:#472963; border: none;}
.my-carousel .btn-callendar{position:absolute;right:40px;align-items:center;}
.btn-callendar{display:flex;align-items:center;justify-content:center;}
.my-carousel .btn-callendar svg{margin-left:10px;}
.last-news-thumb{position:relative;overflow:hidden}
img.last-news-img{position:absolute;left:0; top:0;}
.yt-carousel { /*padding-right: calc(50vw - 24px);*/ paddingr-right:0; position: relative; overflow: hidden; }
.yt-carousel h2{font-size:36px;}
.yt-carousel .my-carousel__item .media-wrapper {position:relative;width: 100%; aspect-ratio: 1000 / 565; display: flex; align-items: center; justify-content: center;}
.yt-carousel .my-carousel__item .media-wrapper span{color:#fff;font-size:16px;font-weight:800;z-index: 1;}
.yt-carousel__image{padding-right: 30px;}
.yt-carousel .slick-list { overflow: visible; }
.slick-arrows-yt { position: absolute; right: 40px; top: 2px; }

/*CONCERTS*/
.concert-filters{position: relative; display: flex; flex-wrap: nowrap; overflow: scroll; -ms-scroll-chaining: none; overscroll-behavior: none; scrollbar-width: none; -ms-overflow-style: none; }
/*#section-with-concerts .post-item:nth-child(3n+2){border: solid 1px #ccc;border-top: transparent;border-bottom: transparent;}*/
#section-with-concerts .post-item:after {content: '';height: 1px;width: calc(100% - 30px);background: #ccc;position: absolute;margin-top: 40px;left:15px;}
.loader { display: flex; flex-direction:column; justify-content: center; align-items: center; height: 100px;  /* Ustaw wysokość loadera */ width: 100%;    /* Szerokość na całą szerokość kontenera */ text-align: center; }
.loader svg { width: 200px; height: 200px; }
.description_small{max-width:75%;}
.description-final{background:#472963;color:#fff;padding:20px;}
.taxonomy-additional-photo{width: 100%; aspect-ratio: 700 / 300; object-fit: cover; object-position: center;}
.entry-thumb-concert{overflow:hidden;}
.entry-thumb-concert img { width: 100%; aspect-ratio: 600 / 400; object-fit: cover; object-position: center;transform: scale(1);transition:all 0.3s;}
.my-carousel__item-inner:hover .entry-thumb-concert img{transform: scale(1.1);}
img.single-concert-thumbnail{width: 100%; aspect-ratio: 730 / 615; object-fit: cover; object-position: center;}
.description-expand { display: -webkit-box; -webkit-line-clamp: 3; /* Ogranicza do 3 linijek */ -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; max-width: 100%; /* Dopasowanie szerokości */ }
.read-more {background: transparent;border: 0;padding: 0;color: #222;font-size: 17px;font-weight: 500;text-transform: capitalize;display: none; /* Ukryj przycisk na początku */ }
.vertical-space-between { display: flex; flex-direction: column; justify-content: space-between; }
.modal-backdrop{background:#fff;}
.modal-open .modal { -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); }
.modal-content{padding:0px;border-radius: 0;}
.modal-container{padding:0px;}
.modal-content .close { position: absolute; top: 20px; right: 20px; width: 40px; height: 40px; background: #D9D9D9; border-radius: 100px; display: flex; justify-content: center; align-items: center; }
.artist-list .artist{border-bottom: solid 1px #AEAEAE; padding: 0px 0 20px; margin: 20px 0;}
.bio-who-will-perform{max-height:305px;overflow-y: auto;padding-right:15px;}
/* Stylizacja paska przewijania dla Webkit (Chrome, Edge, Safari) */
.bio-who-will-perform::-webkit-scrollbar { width: 10px; }
.bio-who-will-perform::-webkit-scrollbar-track { background: #f1f1f1; }
.bio-who-will-perform::-webkit-scrollbar-thumb { background: #c99d66; border-radius: 5px; }
.bio-who-will-perform::-webkit-scrollbar-thumb:hover { background: #A88355; }
.bio-who-will-perform { scrollbar-width: thin; scrollbar-color: #c99d66 #f1f1f1; }
.button-bio{display: flex; align-items: center;background: transparent; border: none; color: #000;padding:0;font-size:18px;}
.button-bio svg{margin-left:10px;}
.single-concert-final-img { width: 80%; aspect-ratio: 715 / 430; object-fit: cover; object-position: center; max-width: 715px; }
.ticket-info{min-height:27px;}
.ratio-square { width: 100%; aspect-ratio: 1/ 1; object-fit: cover; object-position: center; }
ul.ul-buy-ticket{ position: absolute; margin: 0; padding: 0; width: 40%; bottom: 50px; }
#section-with-concerts ul.ul-buy-ticket{width:calc(40% - 11px);}
.nav-sections .buy-ticket{width: calc(40% + 0.75rem);}
.nav-sections  ul.ul-buy-ticket{bottom:0;top:0;width:100%;display:flex;justify-content:end;margin-right: calc(40% + 5px);}
.nav-sections ul.ul-buy-ticket li{margin-left:5px;}
.nav-sections ul.ul-buy-ticket li a{padding:15px 20px;}
ul.ul-buy-ticket li { list-style: none; }
ul.ul-buy-ticket li a { display:block; padding: 15px 0px; font-size:16px;line-height:1; font-weight:600; text-align: center; text-decoration: none; background: #c99d66; color: #222; border-radius:8px; margin-bottom: 4px; transition: 0.5s; }
ul.ul-buy-ticket li a:hover{ background: #A88355; border-color: #A88355; }
span.btn{padding:15px 0;}

/*KALENDARZ*/
.calendar { max-width: 100%; margin: 0 auto; margin-top: 20px; }
.calendar table{width:100%;table-layout: fixed;}
.concert-day a { background-color: #c99d66;border:solid 2px #c99d66; color: #000; font-weight: 600; border-radius: 50%; width: 30px; height: 30px; display: flex; text-align: center; margin: auto; justify-content: center; align-items: center; }
.calendar td a:hover,.calendar td a:focus { background-color: #A88355;border-color:#A88355;color: #000;}
.calendar th { font-weight: 600; text-align: center; }
.calendar td { text-align: center; padding: 10px; cursor: pointer; min-width: 40px; }
.calendar .disabled { color: #ccc; }
.calendar td,.calendar th{aspect-ratio: 1 / 1;}
.calendar-arrow{position:absolute;} #prev-month{left:10px;} #next-month{right:10px;}
#concert-modal .modal-container {margin:0;padding:20px 40px 80px; }
.row.popup-calendar-img{margin:0;}
.month-year{font-size:24px;font-weight:600;margin-bottom:40px;display:flex;justify-content:center;}
.popup-calendar-img {position:relative; width: 100%; aspect-ratio: 1200 / 500; background-size: cover;background-position:center;padding:20px 40px; }
.popup-calendar-img:before { content: ''; position: absolute; width: 100%; height: 100%; background: #000; opacity: 30%; top: 0; left: 0; z-index: 0; }
.popup-calendar-img #concert-title{color:#fff;}
.modal-content .date{font-size: 16px; font-weight: 700; color: #472963;}
.modal-content .date p{margin-bottom:0;}
.modal-content .date .time{color:#fff;margin-left: 15px; background: #472963; border-radius: 100px; padding: 0 10px;}
.modal-content .excerpt{display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.modal-content #concert-link{margin-right:15px;}

/*O NAS*/
#home-follow h2.h2-small{font-size:42px;}
h2.h2-gold-bg{background: #C99D66; padding: 10px 20px; font-size: 24px; font-weight: 600; color: #222;}
.employee-box a{font-size:16px;color:#222;}
img.employee-thumb,.employee-thumb img{ width: 100%; aspect-ratio: 385/500; object-fit: cover; object-position: top; }
img.fonografia-thumb{ width: 100%; aspect-ratio: 1/1; object-fit: cover; object-position: center; }
.fonografia-thumb-box{position:relative;}
img.projects-thumb{width: 100%; aspect-ratio: 440/205; object-fit: cover; object-position: center;background:#ececec;}
a .projects-box{color:#222;}
img.single-project-thumbnail { width: 100%; aspect-ratio: 1760 / 340; object-fit: cover; object-position: center; }
.row.row-centering { display: flex; justify-content: center; flex-wrap: wrap; }
#accordion{border-top: solid 1px #AEAEAE;}
.accordion-head { padding: 20px 0; border-bottom: solid 1px #AEAEAE; }
.accordion-head h3{max-width:70%;}
.accordion-head svg{position:absolute;right:15px;}
#accordion .accordion-header{position:sticky;top:100px;background:#fff;}
.category-buttons{position:sticky;top:110px;z-index:9;padding-left:12px;padding-right:12px;}
.category-buttons .category-button{margin:3px;}
a[href^="mailto:"] {word-break: break-word;}
footer a[href^="mailto:"] {word-break: normal;}

#dLabel{padding:0;margin:0 30px;background:transparent;border:none;}
#dLabel a{width: 75px;height: 40px;line-height: 38px;border-radius: 100px;padding: 0;background-color: #fff;font-size: 16px;font-weight: 700;color: #000;border: solid 1px #fff;z-index: 0;position: relative;display: block;text-align: center;}
a.glink{width:100%;text-align:center;}
a.glink.gt-current-lang{display:block;text-align:center;}
#dLabel a:after{position: absolute;content: ""; width: 0px; height: 0px;border-top: 5px solid black;border-right: 5px solid transparent;border-bottom: 5px solid transparent;border-left: 5px solid transparent;top: 17px;right: 13px;}
.dropdown-language.show #dLabel a:after{transform: rotateX(180deg);top: 9px;}
.dropdown-language{position: relative;}
.dropdown-language .dropdown-menu{min-width: 75px; width: 75px;top: 20px;left: 30px;z-index: -1;margin: 0;padding: 15px 0 0;border-radius: 0 0 15px 15px;}
.dropdown-language .dropdown-menu a{color:#000;padding:10px 0;font-size: 14px;font-weight: bold;}

#djacc{width:40px;height:40px;}
.djacc-popup.djacc--static .djacc__openbtn, .djacc-popup.djacc--static:hover .djacc__openbtn,.djacc-opened .djacc-popup.djacc--static .djacc__openbtn{margin:0;}
.djacc-popup .djacc__close,.djacc-popup .djacc__bar::after{ background: #472963;}
.djacc-popup .djacc__bar::after { border: 4px solid #472963;}
.djacc-popup .djacc__close:hover { background: #c99d66;}
.djacc-popup .djacc__bar::before { background: #c99d66;}
.djacc-popup .djacc__close, .djacc-popup .djacc__reset{width:40px;height:40px;}
.djacc-popup .djacc__panel{border-radius:0;margin-top: -16px;margin-right: -16px;}

.cky-consent-bar .cky-notice .cky-title,#djacc .djacc-popup .djacc__title{font-size: 18px;font-weight:600;}
.cky-consent-bar .cky-btn{border:solid 1px;border-radius:8px;}

h3.has-background,h2.has-background{padding:10px;}
ul.wp-block-list{padding-left:20px;}
ul.ul-gold-dots,ul.ul-gold-dots ul{list-style:none}
ul.ul-gold-dots li:before{content: '';position: absolute;width: 5px;height: 5px;background: #8B6D46;border-radius: 100px;margin-left: -15px;margin-top: 11px;}
ul.ul-gold-dots ul li:before{content: ''; position:absolute;width:5px;height:5px;background:#8B6D46;border-radius:100px;margin-left:-17px;margin-top:11px;}
.wp-block-gallery.is-layout-flex.gap-40{gap:40px;}
.wp-block-gallery.is-layout-flex.gap-110{gap:110px;}
.wp-block-gallery.gap-40.has-nested-images.columns-default figure.wp-block-image:not(#individual-image) { width: calc(33.33% - 40px); }
.wp-block-gallery.gap-110.has-nested-images.columns-default figure.wp-block-image:not(#individual-image) { width: calc(33.33% - 110px); }

.wp-block-boldblocks-youtube-block .yb-btn-play{background-image: url(https://filharmonialubelska.pl/wp-content/uploads/2025/04/play.avif);width: 80px; height: 80px; background-size: cover;filter: grayscale(0%);}
.wp-block-boldblocks-youtube-block .yb-player:after{background:#472963;mix-blend-mode:color;}
.wp-block-boldblocks-youtube-block .yb-player:hover:after{background:transparent;mix-blend-mode:color;}
.wp-block-boldblocks-youtube-block .yb-player + figcaption { margin-bottom: 0; margin-top: -50px; background: #c99d66; position: absolute; margin-left: 20px; z-index: 10; padding: 5px 10px; font-weight: 600; border-radius: 8px; }
.wp-block-boldblocks-youtube-block .yb-player.is-activated + figcaption { display: none; }

.mc4wp-form-basic input[type="email"]{min-height:40px;}
.sticky-heading{position: sticky;top: 100px;background: white;z-index:1;}