/* Repertuar */
.repertuar{display:flex;flex-direction: column;}
.repertuar h2{text-transform:uppercase;}
.repertuar .spectacles{padding-top:50px;}
.repertuar .month_header{position:relative;margin-top:-46px;}
.repertuar .month_header:after{content:'';position: absolute;z-index: 2;bottom: 0;left: 0;width: 100%;height: 2px;background-image: linear-gradient(to right, #c90720 50%, rgba(255, 255, 255, 0) 0%);background-size: 4px 2px;}
.repertuar .month_name{position:relative;position: relative;z-index: 3;line-height:1;padding:10px 0 8px 0;margin: 0 auto;transform: translate(0,50%);max-width: 500px;background:#C9071F;color:white;border: 3px solid white;}
.repertuar .ev{color:#000;position:relative;display:flex;height:auto;align-items:center;padding:43px 20px;box-sizing: border-box;}
.repertuar .ev.foksal .ev-title .main-title{color:#078d44;}
.repertuar .ev:before{content:'';top:0;left:0;height:100%;width:100%;display:block;position:absolute;background:white;opacity:0;z-index:1;transition:all .4s ease-out;}
.repertuar .ev:last-child:after{display:none;}
.repertuar .ev:after{
    content:'';
    position:absolute;
    z-index: 2;
    bottom:0;
    left: 0;
    width:100%;
    height:2px;
    background-image:linear-gradient(to right, #c90720 50%, rgba(255, 255, 255, 0) 0%);
    background-size:4px 2px;
}
.repertuar .ev h3{font-size:24px;line-height:1;}
.repertuar .ev > div{position:relative;z-index:2;display:block;width:auto;padding:0;}
.repertuar .ev .ev-title{align-self:flex-start;padding-right:25px;padding-left:25px;}
.repertuar .ev .ev-title h3{margin:0 0 4px;}
.repertuar .ev .ev-title h3.ev-hour-outer{font-size:20px;margin:0 0 1px;}
.repertuar .ev .ev-title h4{font-family: 'lucidabrigefceop-romanregular';font-size:20px;margin:0;}
.repertuar .ev .ev-date{text-transform:lowercase;font-size:17px;line-height:1.1;flex-grow:0;background:white;padding:20px 4px;text-align: center;box-shadow:2px 2px 5px #ccc;width:150px;flex-shrink:0;}
.repertuar .ev .ev-date.weekend *{color:#c90720}
.repertuar .ev .ev-date h3{font-size:35px;margin:0 0 3px;font-weight: bold;}
.repertuar .ticket{display: inline-block;padding: 4px 20px;font-size: 18px;}
.repertuar .ticket.inactive{filter:grayscale(1);pointer-events:none;}
.repertuar .kup_bilet{max-width:150px;}
.repertuar .ev-image{position:absolute;z-index:0;left:0;top:0;object-fit:cover;height:100%;width:100%;opacity:0;transition:all .4s ease-out;filter:grayscale(0);}
.repertuar .ev:hover:before{opacity:0.35;}
.repertuar .ev:hover .ev-image.loaded{opacity:0.35;}
.repertuar .ev .ev-url{text-align:right;flex-grow:1;flex-shrink:0;padding-right:0;}
.repertuar .ev h3.ev-type{font-family:'lucidabrigefceop-romanregular';text-transform:uppercase;margin:6px 0 2px}
.repertuar .ev .ev-remaining{position:absolute;right: 20px;margin-top: 75px;}
.repertuar .ev .zobacz_obsade img{margin:0;}
.repertuar .ev .zobacz_obsade{position:absolute;z-index: 2;right:36px;bottom:20px;width:153px;}

[data-month="01"]+[data-month="01"] .month_header .month_name,
[data-month="02"]+[data-month="02"] .month_header .month_name,
[data-month="03"]+[data-month="03"] .month_header .month_name,
[data-month="04"]+[data-month="04"] .month_header .month_name,
[data-month="05"]+[data-month="05"] .month_header .month_name,
[data-month="06"]+[data-month="06"] .month_header .month_name,
[data-month="07"]+[data-month="07"] .month_header .month_name,
[data-month="08"]+[data-month="08"] .month_header .month_name,
[data-month="09"]+[data-month="09"] .month_header .month_name,
[data-month="10"]+[data-month="10"] .month_header .month_name,
[data-month="11"]+[data-month="11"] .month_header .month_name,
[data-month="12"]+[data-month="12"] .month_header .month_name{visibility:hidden;}

#load-events{visibility:hidden;cursor:default;}
.loading #load-events{animation: blinker 2.5s linear infinite;visibility:visible;}

#months{margin: 10px 0 20px;}

.repertoire-top{text-align:center;}
.repertuar-header{text-align:center;}
.select-range-outer{cursor:pointer;display: inline-block;}
.select-range,.date-select span{color:#c90720;font-size:21px;background:white;display:inline-block;padding:7px 12px 6px;border:1px solid #c90720;border-radius:6px;margin-right: 6px;}
.date-select span{background:none;border:0;margin: 0;}
.select-range-outer img{top:-2px;position:relative;}
.daterange-outer{display:none;}
.daterange{display:flex;margin: 15px -10px 0;justify-content:center;}
.filters-cats .btn{position: relative;margin: 20px 8px;min-width: 250px;opacity: 0.86;}
.repertuar-header .filters-cats{margin: 20px 0;display: flex;justify-content: space-between;}
.repertuar-header .filters-cats .btn{margin:10px 0;}
.filters-cats .btn:before{content:'';width:10px;height:10px;display:inline-block;background:50% / 100% no-repeat url(../../images/decor.svg);margin-right:10px;}
.filters-cats .btn:after{content:'';width:10px;height:10px;display:inline-block;background:50% / 100% no-repeat url(../../images/decor.svg);margin-left:10px;}
.filters-cats .btn.active,.filters-cats .btn:hover,.filters-cats.btn{opacity:1;}
.date-select{margin: 0 4px 25px;display: flex;align-items: center;}
.datepicker{border-radius:5px;border: 1px solid #bbb;padding: 9px 10px 8px;box-shadow: 1px 1px 4px #ddd;color: #000;}
#ui-datepicker-div{z-index:10 !important;}
.repertuar-test .months-inner{display: flex;flex-wrap: wrap;justify-content: center;overflow: hidden;will-change: transform;user-select: none;width: 100%;}
.repertuar-test .months-inner.active{cursor:grabbing;cursor:-webkit-grab;}
.months-inner.active a{pointer-events:none;}
.repertuar.loading .spectacles{opacity:0;transition:0.7s;}
.repertuar #months:after{content:attr(data-loading);position:absolute;margin-top:135px;left:50%;transform:translate(-50%,0);opacity:0;pointer-events:none;transition:1s;}
.repertuar.loading #months:after{opacity:1;}

@keyframes blinker {
  50% {
    opacity: 0.5;
  }
}

@media (max-width:900px){
	.repertuar-header .filters-cats{flex-direction:column;justify-content: center;align-items: center;}
}

@media all and (max-width:768px){
	.repertuar .ev-image{display:none;}
	.repertuar .ev{padding:30px 10px;flex-direction:column;}
	.repertuar .ev .ev-date{padding: 15px 2px;width: 130px;}
	.repertuar .ev .ev-title{text-align:center;width: 100%;padding: 20px 0 10px;}
	.repertuar .ev .ev-date h3{font-size:32px;}
	.repertuar .ev .ev-date{font-size: 15px;}
	.repertuar .month_name,
	.repertuar .ev h3{font-size:20px;}
	.repertuar .ev .ev-title h3:not(.red){font-size:18px;}
	.repertuar .ev .ev-title h4{font-size:16px;}
	.repertuar .ev .ev-title h3{margin:4px 0 1px;}
    .filters-cats .btn{min-width:230px;}
	.repertuar .ev .ev-remaining{position:relative;right: initial;margin: 0;}
	.daterange{flex-direction:column;align-items: center;margin-top: 40px;}
	.date-select span{font-size:16px;}
}