/* Theme Name: Nowa Muzyka Author: Vian Author URI: http://www.vian.pl */ /* BEGIN reset css */ body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; } html { -webkit-text-size-adjust: 100%; } table { border-collapse: collapse; border-spacing: 0; } fieldset, img, button { border: 0; } button { margin: 0; } address, caption, cite, code, dfn, em, strong, th, var, b, i { font-style: normal; font-weight: normal; } ol, ul { list-style: none; } caption, th { text-align: left; } h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; } q:before, q:after { content: ''; } a, a:hover, object { outline: none; } :focus { outline-width: 0; } button::-moz-focus-inner { border: 0; padding: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } img, object { float: left; display: inline; } legend { display: none; } strong { font-weight: bold; } em { font-style: italic; } label { cursor: pointer; } input[type="submit"], button { cursor: pointer; } object { outline: none; } table { empty-cells: show; table-layout: auto; } /* BEGIN reset css */ /* BEGIN icomoon */ @font-face { font-family: 'icomoon'; src: url("css/fonts/icomoon.eot?-w9kzul"); src: url("css/fonts/icomoon.eot?#iefix-w9kzul") format("embedded-opentype"), url("css/fonts/icomoon.ttf?-w9kzul") format("truetype"), url("css/fonts/icomoon.woff?-w9kzul") format("woff"), url("css/fonts/icomoon.svg?-w9kzul#icomoon") format("svg"); font-weight: normal; font-style: normal; } @media screen and (-webkit-min-device-pixel-ratio: 0) { @font-face { font-family: 'icomoon'; src: url("css/fonts/icomoon.svg?-w9kzul#icomoon") format("svg"); } } /* END icomoon */ /* BEGIN Overpass */ /* @font-face { font-family: 'overpass'; src: url('css/fonts/overpass-regular.eot'); src: url('css/fonts/overpass-regular.eot?#iefix') format('embedded-opentype'), url('css/fonts/overpass-regular.woff2') format('woff2'), url('css/fonts/overpass-regular.woff') format('woff'), url('css/fonts/overpass-regular.ttf') format('truetype'); font-weight: 400; font-style: normal; } @font-face { font-family: 'overpass'; src: url('css/fonts/overpass-italic.eot'); src: url('css/fonts/overpass-italic.eot?#iefix') format('embedded-opentype'), url('css/fonts/overpass-italic.woff2') format('woff2'), url('css/fonts/overpass-italic.woff') format('woff'), url('css/fonts/overpass-italic.ttf') format('truetype'); font-weight: 400; font-style: italic; } @font-face { font-family: 'overpass'; src: url('css/fonts/overpass-heavy.eot'); src: url('css/fonts/overpass-heavy.eot?#iefix') format('embedded-opentype'), url('css/fonts/overpass-heavy.woff2') format('woff2'), url('css/fonts/overpass-heavy.woff') format('woff'), url('css/fonts/overpass-heavy.ttf') format('truetype'); font-weight: 700; font-style: normal; } @font-face { font-family: 'overpass'; src: url('css/fonts/overpass-heavy-italic.eot'); src: url('css/fonts/overpass-heavy-italic.eot?#iefix') format('embedded-opentype'), url('css/fonts/overpass-heavy-italic.woff2') format('woff2'), url('css/fonts/overpass-heavy-italic.woff') format('woff'), url('css/fonts/overpass-heavy-italic.ttf') format('truetype'); font-weight: 700; font-style: italic; } */ /* END Overpass */ /* BEGIN GT-Pressura */ @font-face { font-family: 'gt_pressura'; src: url("css/fonts/GT-Pressura-Regular.eot"); src: url("css/fonts/GT-Pressura-Regular.eot?#iefix") format("embedded-opentype"), url("css/fonts/GT-Pressura-Regular.woff") format("woff"), url("css/fonts/GT-Pressura-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-family: 'gt_pressura'; src: url("css/fonts/GT-Pressura-Regular-Italic.eot"); src: url("css/fonts/GT-Pressura-Regular-Italic.eot?#iefix") format("embedded-opentype"), url("css/fonts/GT-Pressura-Regular-Italic.woff") format("woff"), url("css/fonts/GT-Pressura-Regular-Italic.ttf") format("truetype"); font-weight: normal; font-style: italic; } @font-face { font-family: 'gt_pressura'; src: url("css/fonts/GT-Pressura-Bold.eot"); src: url("css/fonts/GT-Pressura-Bold.eot?#iefix") format("embedded-opentype"), url("css/fonts/GT-Pressura-Bold.woff") format("woff"), url("css/fonts/GT-Pressura-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; } @font-face { font-family: 'gt_pressura'; src: url("css/fonts/GT-Pressura-Bold-Italic.eot"); src: url("css/fonts/GT-Pressura-Bold-Italic.eot?#iefix") format("embedded-opentype"), url("css/fonts/GT-Pressura-Bold-Italic.woff") format("woff"), url("css/fonts/GT-Pressura-Bold-Italic.ttf") format("truetype"); font-weight: bold; font-style: italic; } /* END GT-Pressura */ /* BEGIN layout */ body, html { height: 100%; } body { background: #141414; } body, button, input, select, textarea { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font: 18px "gt_pressura", sans-serif; color: #fff; } input[type="text"], input[type="email"], input[type="number"], input[type="tel"], input[type="password"], textarea { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; width: 100%; padding: 0; background: #141414; border-width: 0; -webkit-appearance: none; } input[type="text"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="number"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #fff; } input[type="text"]:-moz-placeholder, input[type="email"]:-moz-placeholder, input[type="number"]:-moz-placeholder, input[type="tel"]:-moz-placeholder, input[type="password"]:-moz-placeholder, textarea:-moz-placeholder { /* Firefox 18- */ color: #fff; opacity: 1; } input[type="text"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="number"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, input[type="password"]::-moz-placeholder, textarea::-moz-placeholder { /* Firefox 19+ */ color: #fff; opacity: 1; } input[type="text"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="number"]:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #fff; } input[type="submit"], button { -webkit-appearance: none; } a { color: #fff; text-decoration: none; } h1, h2, h3 { font-weight: bold; } h1 sup, h2 sup, h3 sup { font-weight: normal; text-transform: uppercase; } h1, h2 { font-size: 42px; line-height: 48px; } h1 sup, h2 sup { font-size: 22px; } h3 { font-size: 30px; line-height: 36px; } h3 sup { font-size: 18px; } /* END layout */ /* BEGIN animations */ /* END animations */ /* BEGIN clearix */ .slider-full .slides li .slide-content .description, #artist .artist-data .content .content- .description, #news-single .ns-content .lead-content .lead, #news-single .ns-content .lead-content .content, #landing-v1 .info .txt, #contact .info .txt, #contact .data .txt, #faq .groups .group .group-content .qas li .answer .answer-, .intro-header .outer .wrapper, .items-grid .ig-wrapper, .filter-hashtags, #news-list-home .list .items, #artists-list .list .items, #artist-intro .intro-header .outer .wrapper, #artist .artist-data .content .content- .website-socials .socials, #artist .artist-data .gallery, #tickets .passes .p-group .p-item .p-operators ul, #news-single .ns-content .lead-content, #news-single .ns-nav .items, #landing-v1 .info .c-cols, #contact .c-cols, #timetable-intro .switcher, #timetable .days .day .day-content .day-content-, #f .app, #f .name-playlist, #f .footer-menu { display: inline-block; } .slider-full .slides li .slide-content .description:after, #artist .artist-data .content .content- .description:after, #news-single .ns-content .lead-content .lead:after, #news-single .ns-content .lead-content .content:after, #landing-v1 .info .txt:after, #contact .info .txt:after, #contact .data .txt:after, #faq .groups .group .group-content .qas li .answer .answer-:after, .intro-header .outer .wrapper:after, .items-grid .ig-wrapper:after, .filter-hashtags:after, #news-list-home .list .items:after, #artists-list .list .items:after, #artist-intro .intro-header .outer .wrapper:after, #artist .artist-data .content .content- .website-socials .socials:after, #artist .artist-data .gallery:after, #tickets .passes .p-group .p-item .p-operators ul:after, #news-single .ns-content .lead-content:after, #news-single .ns-nav .items:after, #landing-v1 .info .c-cols:after, #contact .c-cols:after, #timetable-intro .switcher:after, #timetable .days .day .day-content .day-content-:after, #f .app:after, #f .name-playlist:after, #f .footer-menu:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } html .slider-full .slides li .slide-content .description, .slider-full .slides li .slide-content html .description, html #artist .artist-data .content .content- .description, #artist .artist-data .content .content- html .description, html #news-single .ns-content .lead-content .lead, #news-single .ns-content .lead-content html .lead, html #news-single .ns-content .lead-content .content, #news-single .ns-content .lead-content html .content, html #landing-v1 .info .txt, #landing-v1 .info html .txt, html #contact .info .txt, #contact .info html .txt, html #contact .data .txt, #contact .data html .txt, html #faq .groups .group .group-content .qas li .answer .answer-, #faq .groups .group .group-content .qas li .answer html .answer-, html .intro-header .outer .wrapper, .intro-header .outer html .wrapper, html .items-grid .ig-wrapper, .items-grid html .ig-wrapper, html .filter-hashtags, html #news-list-home .list .items, #news-list-home .list html .items, html #artists-list .list .items, #artists-list .list html .items, html #artist-intro .intro-header .outer .wrapper, #artist-intro .intro-header .outer html .wrapper, html #artist .artist-data .content .content- .website-socials .socials, #artist .artist-data .content .content- .website-socials html .socials, html #artist .artist-data .gallery, #artist .artist-data html .gallery, html #tickets .passes .p-group .p-item .p-operators ul, #tickets .passes .p-group .p-item .p-operators html ul, html #news-single .ns-content .lead-content, #news-single .ns-content html .lead-content, html #news-single .ns-nav .items, #news-single .ns-nav html .items, html #landing-v1 .info .c-cols, #landing-v1 .info html .c-cols, html #contact .c-cols, #contact html .c-cols, html #timetable-intro .switcher, #timetable-intro html .switcher, html #timetable .days .day .day-content .day-content-, #timetable .days .day .day-content html .day-content-, html #f .app, #f html .app, html #f .name-playlist, #f html .name-playlist, html #f .footer-menu, #f html .footer-menu { display: block; } * html .slider-full .slides li .slide-content .description, .slider-full .slides li .slide-content * html .description, * html #artist .artist-data .content .content- .description, #artist .artist-data .content .content- * html .description, * html #news-single .ns-content .lead-content .lead, #news-single .ns-content .lead-content * html .lead, * html #news-single .ns-content .lead-content .content, #news-single .ns-content .lead-content * html .content, * html #landing-v1 .info .txt, #landing-v1 .info * html .txt, * html #contact .info .txt, #contact .info * html .txt, * html #contact .data .txt, #contact .data * html .txt, * html #faq .groups .group .group-content .qas li .answer .answer-, #faq .groups .group .group-content .qas li .answer * html .answer-, * html .intro-header .outer .wrapper, .intro-header .outer * html .wrapper, * html .items-grid .ig-wrapper, .items-grid * html .ig-wrapper, * html .filter-hashtags, * html #news-list-home .list .items, #news-list-home .list * html .items, * html #artists-list .list .items, #artists-list .list * html .items, * html #artist-intro .intro-header .outer .wrapper, #artist-intro .intro-header .outer * html .wrapper, * html #artist .artist-data .content .content- .website-socials .socials, #artist .artist-data .content .content- .website-socials * html .socials, * html #artist .artist-data .gallery, #artist .artist-data * html .gallery, * html #tickets .passes .p-group .p-item .p-operators ul, #tickets .passes .p-group .p-item .p-operators * html ul, * html #news-single .ns-content .lead-content, #news-single .ns-content * html .lead-content, * html #news-single .ns-nav .items, #news-single .ns-nav * html .items, * html #landing-v1 .info .c-cols, #landing-v1 .info * html .c-cols, * html #contact .c-cols, #contact * html .c-cols, * html #timetable-intro .switcher, #timetable-intro * html .switcher, * html #timetable .days .day .day-content .day-content-, #timetable .days .day .day-content * html .day-content-, * html #f .app, #f * html .app, * html #f .name-playlist, #f * html .name-playlist, * html #f .footer-menu, #f * html .footer-menu { height: 1%; } /* END clearix */ /* BEGIN grid */ #h .wrapper, #news-list-home .list { max-width: 1360px; margin: 0 auto; padding-right: 20px; padding-left: 20px; } .slider-full .slides li .slide-content, .intro-header .outer .wrapper, .items-grid .ig-wrapper, #news-list-home .list .list-header, #news-list-home .list .items, #news-list-home .more-items .more-, #artists-list .list, #artists-list .list .msg, #artist-intro .intro-header .date-scene-name .wrapper, #artist-intro .intro-header .outer .wrapper, #artist, #tickets, #news-single .ns-content, #news-single .ns-nav .wrapper, #landing-v1 .info .wrapper, #landing-v1 .form-wrapper .wrapper, #partners .wrapper, #contact .wrapper, #faq .groups .wrapper, #timetable .days .day .day-header .day-header-, #timetable .file .wrapper, #elements-list .elements-lead, #elements-list .filter-hashtags-wrapper, #f .wrapper { max-width: 1120px; margin: 0 auto; padding-right: 20px; padding-left: 20px; } .sec-intro .intro-content .intro-content-, #about-teaser .header .header-content .wrapper, #about-teaser .info .wrapper, #landing-v1 .claim, #landing-v1 .slider .slides li .slide-content { max-width: 960px; margin: 0 auto; padding-right: 20px; padding-left: 20px; } /* END grid */ /* BEGIN fit to block */ .link-overall, #h.compact .logo-desc .logo a, #f .name-playlist .playlist .c-link a { display: block; width: 100%; height: 100%; text-indent: -55000px; } /* BEGIN fit to block */ /* BEGIN image block */ .slider-full .slides li .slide-content .description img, #artist .artist-data .content .content- .description img, #news-single .ns-content .lead-content .lead img, #news-single .ns-content .lead-content .content img, #landing-v1 .info .txt img, #contact .info .txt img, #contact .data .txt img, #faq .groups .group .group-content .qas li .answer .answer- img, .items-grid .ig-item-classic .thumb img, #news-list-home .list .items article .thumb-txt .thumb img, #about-teaser .header .bg-area img, #artists-list .list .items .item .photo img, #artist .artist-data .gallery li img { display: block; float: none; width: auto; max-width: 100%; height: auto; } /* END image block */ /* BEGIN entry */ .slider-full .slides li .slide-content .description p:first-child, #artist .artist-data .content .content- .description p:first-child, #news-single .ns-content .lead-content .lead p:first-child, #news-single .ns-content .lead-content .content p:first-child, #landing-v1 .info .txt p:first-child, #contact .info .txt p:first-child, #contact .data .txt p:first-child, #faq .groups .group .group-content .qas li .answer .answer- p:first-child, .slider-full .slides li .slide-content .description ol:first-child, #artist .artist-data .content .content- .description ol:first-child, #news-single .ns-content .lead-content .lead ol:first-child, #news-single .ns-content .lead-content .content ol:first-child, #landing-v1 .info .txt ol:first-child, #contact .info .txt ol:first-child, #contact .data .txt ol:first-child, #faq .groups .group .group-content .qas li .answer .answer- ol:first-child, .slider-full .slides li .slide-content .description ul:first-child, #artist .artist-data .content .content- .description ul:first-child, #news-single .ns-content .lead-content .lead ul:first-child, #news-single .ns-content .lead-content .content ul:first-child, #landing-v1 .info .txt ul:first-child, #contact .info .txt ul:first-child, #contact .data .txt ul:first-child, #faq .groups .group .group-content .qas li .answer .answer- ul:first-child, .slider-full .slides li .slide-content .description h2:first-child, #artist .artist-data .content .content- .description h2:first-child, #news-single .ns-content .lead-content .lead h2:first-child, #news-single .ns-content .lead-content .content h2:first-child, #landing-v1 .info .txt h2:first-child, #contact .info .txt h2:first-child, #contact .data .txt h2:first-child, #faq .groups .group .group-content .qas li .answer .answer- h2:first-child, .slider-full .slides li .slide-content .description h3:first-child, #artist .artist-data .content .content- .description h3:first-child, #news-single .ns-content .lead-content .lead h3:first-child, #news-single .ns-content .lead-content .content h3:first-child, #landing-v1 .info .txt h3:first-child, #contact .info .txt h3:first-child, #contact .data .txt h3:first-child, #faq .groups .group .group-content .qas li .answer .answer- h3:first-child, .slider-full .slides li .slide-content .description h4:first-child, #artist .artist-data .content .content- .description h4:first-child, #news-single .ns-content .lead-content .lead h4:first-child, #news-single .ns-content .lead-content .content h4:first-child, #landing-v1 .info .txt h4:first-child, #contact .info .txt h4:first-child, #contact .data .txt h4:first-child, #faq .groups .group .group-content .qas li .answer .answer- h4:first-child { margin-top: 0; } .slider-full .slides li .slide-content .description p, #artist .artist-data .content .content- .description p, #news-single .ns-content .lead-content .lead p, #news-single .ns-content .lead-content .content p, #landing-v1 .info .txt p, #contact .info .txt p, #contact .data .txt p, #faq .groups .group .group-content .qas li .answer .answer- p, .slider-full .slides li .slide-content .description ol, #artist .artist-data .content .content- .description ol, #news-single .ns-content .lead-content .lead ol, #news-single .ns-content .lead-content .content ol, #landing-v1 .info .txt ol, #contact .info .txt ol, #contact .data .txt ol, #faq .groups .group .group-content .qas li .answer .answer- ol, .slider-full .slides li .slide-content .description ul, #artist .artist-data .content .content- .description ul, #news-single .ns-content .lead-content .lead ul, #news-single .ns-content .lead-content .content ul, #landing-v1 .info .txt ul, #contact .info .txt ul, #contact .data .txt ul, #faq .groups .group .group-content .qas li .answer .answer- ul { margin-top: 26px; font-size: 18px; line-height: 26px; } .slider-full .slides li .slide-content .description ol, #artist .artist-data .content .content- .description ol, #news-single .ns-content .lead-content .lead ol, #news-single .ns-content .lead-content .content ol, #landing-v1 .info .txt ol, #contact .info .txt ol, #contact .data .txt ol, #faq .groups .group .group-content .qas li .answer .answer- ol, .slider-full .slides li .slide-content .description ul, #artist .artist-data .content .content- .description ul, #news-single .ns-content .lead-content .lead ul, #news-single .ns-content .lead-content .content ul, #landing-v1 .info .txt ul, #contact .info .txt ul, #contact .data .txt ul, #faq .groups .group .group-content .qas li .answer .answer- ul { margin-left: 15px; } .slider-full .slides li .slide-content .description ol, #artist .artist-data .content .content- .description ol, #news-single .ns-content .lead-content .lead ol, #news-single .ns-content .lead-content .content ol, #landing-v1 .info .txt ol, #contact .info .txt ol, #contact .data .txt ol, #faq .groups .group .group-content .qas li .answer .answer- ol { list-style-type: decimal; } .slider-full .slides li .slide-content .description ul, #artist .artist-data .content .content- .description ul, #news-single .ns-content .lead-content .lead ul, #news-single .ns-content .lead-content .content ul, #landing-v1 .info .txt ul, #contact .info .txt ul, #contact .data .txt ul, #faq .groups .group .group-content .qas li .answer .answer- ul { list-style-type: disc; } .slider-full .slides li .slide-content .description h2, #artist .artist-data .content .content- .description h2, #news-single .ns-content .lead-content .lead h2, #news-single .ns-content .lead-content .content h2, #landing-v1 .info .txt h2, #contact .info .txt h2, #contact .data .txt h2, #faq .groups .group .group-content .qas li .answer .answer- h2, .slider-full .slides li .slide-content .description h3, #artist .artist-data .content .content- .description h3, #news-single .ns-content .lead-content .lead h3, #news-single .ns-content .lead-content .content h3, #landing-v1 .info .txt h3, #contact .info .txt h3, #contact .data .txt h3, #faq .groups .group .group-content .qas li .answer .answer- h3 { margin-top: 40px; } .slider-full .slides li .slide-content .description h4, #artist .artist-data .content .content- .description h4, #news-single .ns-content .lead-content .lead h4, #news-single .ns-content .lead-content .content h4, #landing-v1 .info .txt h4, #contact .info .txt h4, #contact .data .txt h4, #faq .groups .group .group-content .qas li .answer .answer- h4 { margin-top: 30px; } .slider-full .slides li .slide-content .description a, #artist .artist-data .content .content- .description a, #news-single .ns-content .lead-content .lead a, #news-single .ns-content .lead-content .content a, #landing-v1 .info .txt a, #contact .info .txt a, #contact .data .txt a, #faq .groups .group .group-content .qas li .answer .answer- a { color: #00b388; } .slider-full .slides li .slide-content .description img.alignnone, #artist .artist-data .content .content- .description img.alignnone, #news-single .ns-content .lead-content .lead img.alignnone, #news-single .ns-content .lead-content .content img.alignnone, #landing-v1 .info .txt img.alignnone, #contact .info .txt img.alignnone, #contact .data .txt img.alignnone, #faq .groups .group .group-content .qas li .answer .answer- img.alignnone { margin: 40px 0; } .slider-full .slides li .slide-content .description img.aligncenter, #artist .artist-data .content .content- .description img.aligncenter, #news-single .ns-content .lead-content .lead img.aligncenter, #news-single .ns-content .lead-content .content img.aligncenter, #landing-v1 .info .txt img.aligncenter, #contact .info .txt img.aligncenter, #contact .data .txt img.aligncenter, #faq .groups .group .group-content .qas li .answer .answer- img.aligncenter { margin: 40px auto; } .slider-full .slides li .slide-content .description img.alignleft, #artist .artist-data .content .content- .description img.alignleft, #news-single .ns-content .lead-content .lead img.alignleft, #news-single .ns-content .lead-content .content img.alignleft, #landing-v1 .info .txt img.alignleft, #contact .info .txt img.alignleft, #contact .data .txt img.alignleft, #faq .groups .group .group-content .qas li .answer .answer- img.alignleft { float: left; margin: 15px 15px 15px 0; } .slider-full .slides li .slide-content .description img.alignright, #artist .artist-data .content .content- .description img.alignright, #news-single .ns-content .lead-content .lead img.alignright, #news-single .ns-content .lead-content .content img.alignright, #landing-v1 .info .txt img.alignright, #contact .info .txt img.alignright, #contact .data .txt img.alignright, #faq .groups .group .group-content .qas li .answer .answer- img.alignright { float: right; margin: 15px 0 15px 15px; } .slider-full .slides li .slide-content .description .video, #artist .artist-data .content .content- .description .video, #news-single .ns-content .lead-content .lead .video, #news-single .ns-content .lead-content .content .video, #landing-v1 .info .txt .video, #contact .info .txt .video, #contact .data .txt .video, #faq .groups .group .group-content .qas li .answer .answer- .video { position: relative; height: 0; margin-top: 26px; padding-bottom: 57%; } .slider-full .slides li .slide-content .description .video iframe, #artist .artist-data .content .content- .description .video iframe, #news-single .ns-content .lead-content .lead .video iframe, #news-single .ns-content .lead-content .content .video iframe, #landing-v1 .info .txt .video iframe, #contact .info .txt .video iframe, #contact .data .txt .video iframe, #faq .groups .group .group-content .qas li .answer .answer- .video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .slider-full .slides li .slide-content .description iframe, #artist .artist-data .content .content- .description iframe, #news-single .ns-content .lead-content .lead iframe, #news-single .ns-content .lead-content .content iframe, #landing-v1 .info .txt iframe, #contact .info .txt iframe, #contact .data .txt iframe, #faq .groups .group .group-content .qas li .answer .answer- iframe { max-width: 100%; } /* END entry */ /* BEGIN icons */ [class^="icon-"], [class*=" icon-"], .ui-checkboxradio-label.ui-custom-checkbox:before, .ui-selectmenu-button span.ui-icon { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-check:before { content: "\e90e"; } .icon-grid:before { content: "\e900"; } .icon-list:before { content: "\e901"; } .icon-residentadvisor:before { content: "\e902"; } .icon-soundcloud:before { content: "\e903"; } .icon-facebook:before { content: "\e904"; } .icon-bandcamp:before { content: "\e905"; } .icon-instagram:before { content: "\e906"; } .icon-twitter:before { content: "\e907"; } .icon-youtube:before { content: "\e908"; } .icon-angle-down:before { content: "\e909"; } .icon-angle-up:before { content: "\e90a"; } .icon-close:before { content: "\e90b"; } .icon-angle-left:before { content: "\e90c"; } .icon-angle-right:before { content: "\e90d"; } /* END icons */ /* BEGIN elements */ iframe[name='google_conversion_frame'] { height: 0 !important; width: 0 !important; line-height: 0 !important; font-size: 0 !important; float: left; } .link-overall { position: absolute; top: 0; left: 0; } .bg-cover { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-position: center center; background-repeat: no-repeat; background-size: cover; } .bg-cover.bc-top { background-position: center top; } .bg-cover.bg-bottom { background-position: center bottom; } /* END elements */ /* BEGIN wide container */ .wide-container { margin: 0 20px; } .wide-container.w-v2 .wide-container- { max-width: 1360px; } .wide-container .wide-container- { max-width: 1730px; margin: 0 auto; } /* END wide container */ /* BEGIN vertical align */ .va-m { position: relative; display: table; width: 100%; height: 100%; } *:first-child + html .va-m { display: block; } .va-m- { display: table-cell; vertical-align: middle; width: 100%; } *:first-child + html .va-m- { display: block; position: relative; top: 50%; } *:first-child + html .va-m-- { display: block; position: relative; top: -50%; } /* END vertical align */ /* BEGIN element highlighted */ .el-hl { display: block; padding: 0 7px; } .el-hl > span { -webkit-box-shadow: -7px 0 0 #141414, 7px 0 0 #141414; -moz-box-shadow: -7px 0 0 #141414, 7px 0 0 #141414; box-shadow: -7px 0 0 #141414, 7px 0 0 #141414; box-decoration-break: clone; padding: 3px 0; background-color: #141414; color: #fff; } /* END element highlighted */ /* BEGIN buttons */ .btn { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; display: inline-block; padding: 10px 40px; background: transparent; border-width: 0; font-size: 30px; line-height: 38px; font-weight: bold; text-align: center; text-decoration: none !important; } .btn.btn-primary { background-color: #00b388; color: #fff !important; } .btn.btn-secondary { border: 1px solid #00b388; color: #00b388; } .btn.btn-c-classic { padding-right: 20px; padding-left: 20px; background-color: #141414; font-size: 22px; line-height: 28px; color: #fff !important; } .btn-hl { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; display: block; padding: 15px; background-color: #fff; font-size: 18px; line-height: 26px; font-weight: bold; color: #141414; text-align: center; } .btn-hl .icon { display: block; font-size: 24px; line-height: 26px; text-align: center; } .btn-hl.btn-hl2 { background-color: #bedff0; } /* END buttons */ /* BEGIN form */ .form .form-row { overflow: hidden; margin-top: 15px; } .form .form-row.form-row-submit { margin-top: 35px; text-align: center; } .form .form-row.form-row-submit .form-submit-wrapper { width: 100%; } .form .form-row.form-row-submit .form-submit-wrapper .btn { width: 100%; } .form .form-row.form-row-sep-lg-1 { margin-top: 35px; } .form .form-row:first-child { margin-top: 0; } .form .form-row .form-item { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; position: relative; width: 100%; font-size: 0; } .form .form-row .form-item input[type="text"], .form .form-row .form-item input[type="email"], .form .form-row .form-item input[type="number"], .form .form-row .form-item input[type="tel"], .form .form-row .form-item input[type="password"], .form .form-row .form-item textarea { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 12px 15px; background: #fff; font-size: 18px; line-height: 24px; font-weight: bold; color: #141414; } .form .form-row .form-item input[type="text"]::-webkit-input-placeholder, .form .form-row .form-item input[type="email"]::-webkit-input-placeholder, .form .form-row .form-item input[type="number"]::-webkit-input-placeholder, .form .form-row .form-item input[type="tel"]::-webkit-input-placeholder, .form .form-row .form-item input[type="password"]::-webkit-input-placeholder, .form .form-row .form-item textarea::-webkit-input-placeholder { color: #141414; } .form .form-row .form-item input[type="text"]:-moz-placeholder, .form .form-row .form-item input[type="email"]:-moz-placeholder, .form .form-row .form-item input[type="number"]:-moz-placeholder, .form .form-row .form-item input[type="tel"]:-moz-placeholder, .form .form-row .form-item input[type="password"]:-moz-placeholder, .form .form-row .form-item textarea:-moz-placeholder { /* Firefox 18- */ color: #141414; opacity: 1; } .form .form-row .form-item input[type="text"]::-moz-placeholder, .form .form-row .form-item input[type="email"]::-moz-placeholder, .form .form-row .form-item input[type="number"]::-moz-placeholder, .form .form-row .form-item input[type="tel"]::-moz-placeholder, .form .form-row .form-item input[type="password"]::-moz-placeholder, .form .form-row .form-item textarea::-moz-placeholder { /* Firefox 19+ */ color: #141414; opacity: 1; } .form .form-row .form-item input[type="text"]:-ms-input-placeholder, .form .form-row .form-item input[type="email"]:-ms-input-placeholder, .form .form-row .form-item input[type="number"]:-ms-input-placeholder, .form .form-row .form-item input[type="tel"]:-ms-input-placeholder, .form .form-row .form-item input[type="password"]:-ms-input-placeholder, .form .form-row .form-item textarea:-ms-input-placeholder { color: #141414; } .form .form-row .form-item .fi-label { display: inline-block; margin-bottom: 5px; font-size: 18px; line-height: 26px; } .form .form-row .form-item .choices li { margin-top: 10px; } .form .form-row .form-item .choices li:first-child { margin-top: 0; } .form .form-submit-wrapper { display: inline-block; position: relative; width: 100%; } .form .form-submit-wrapper .submit-loader { display: none; position: absolute; z-index: 10; top: 0; right: 0; bottom: 0; left: 0; width: auto; height: auto; margin: 0; background: url(img/ajax-loader.svg) center center no-repeat; background-size: auto 32px; } .form .form-submit-wrapper .submit-loader.is-active { display: block; } .form .form-submit-wrapper .submit-loader.is-active ~ * { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; visibility: hidden; } .form .validation-msg, .form span.wpcf7-not-valid-tip { margin-top: 5px; font-size: 18px; line-height: 26px; color: #ff5959; } .form div.wpcf7-response-output, .form .form-message { margin: 30px 0 0; padding: 0; border-width: 0; font-size: 22px; line-height: 32px; font-weight: bold; text-align: center; } .form .wpcf7-form .form-rows .form-row { -webkit-transition: all 250ms ease 0ms; -moz-transition: all 250ms ease 0ms; -ms-transition: all 250ms ease 0ms; -o-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; } .form .wpcf7-form.submitting .form-rows .form-row, .form .wpcf7-form.resetting .form-rows .form-row { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; filter: alpha(opacity=10); opacity: 0.1; } .form .wpcf7-form.submitting .form-rows .form-row.form-row-submit, .form .wpcf7-form.resetting .form-rows .form-row.form-row-submit { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; } .form .wpcf7-form.submitting .form-submit-wrapper .submit-loader, .form .wpcf7-form.resetting .form-submit-wrapper .submit-loader { display: block; } .form .wpcf7-form.submitting .form-submit-wrapper .submit-loader ~ *, .form .wpcf7-form.resetting .form-submit-wrapper .submit-loader ~ * { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; visibility: hidden; } .form .wpcf7-form.sent .form-rows { display: none; } .form .wpcf7-form.invalid div.wpcf7-response-output { color: #ff5959; } .form .wpcf7-acceptance + span.wpcf7-not-valid-tip, .form .wpcf7-radio + span.wpcf7-not-valid-tip { margin-top: 0; margin-bottom: 5px; } .form .wpcf7-radio .wpcf7-list-item { display: block; margin-top: 10px; } .form .wpcf7-radio .wpcf7-list-item:first-child { margin-top: 0; } /* END form */ /* BEGIN custom checkbox / radio */ .ui-checkboxradio-label { vertical-align: middle; margin: 0; padding: 0 0 0 26px; font-size: 14px; line-height: 20px; text-align: left; } .ui-checkboxradio-label.ui-custom-checkbox:before { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; content: ""; position: absolute; top: 1px; left: 0; width: 18px; height: 18px; font-size: 12px; line-height: 18px; background-color: #fff; color: #141414; text-align: center; } .ui-checkboxradio-label.ui-custom-radio:before { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; content: ""; position: absolute; top: 1px; left: 0; width: 16px; height: 16px; border: 1px solid #fff; } .ui-checkboxradio-label.ui-state-active.ui-custom-checkbox:before { content: "\e90e"; background-color: #fff; border-color: #fff; } .ui-checkboxradio-label.ui-state-active.ui-custom-radio:after { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; content: ""; position: absolute; top: 5px; left: 4px; width: 10px; height: 10px; background-color: #fff; } .ui-checkboxradio-label a { text-decoration: underline; } /* END custom checkbox / radio */ /* BEGIN custom select */ .ui-selectmenu-fluid { position: relative; } .ui-selectmenu-button { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; outline-width: 0; margin: 0; padding: 0; background: #fff; color: #141414; } .ui-selectmenu-fluid .ui-selectmenu-button { display: block; width: auto !important; } .ui-selectmenu-button span.ui-selectmenu-text { outline-width: 0; margin: 0; padding: 12px 48px 12px 24px; font-size: 22px; line-height: 24px; font-weight: bold; } .ui-selectmenu-button span.ui-icon { float: none; position: absolute; top: 50%; right: 0; margin: -7px 0 0; width: 46px; font-size: 14px; color: #141414; text-align: center; text-indent: 0; } .ui-selectmenu-button span.ui-icon:before { content: "\e909"; } .ui-selectmenu-button.ui-corner-top { -webkit-border-radius: 2px 2px 0 0; -moz-border-radius: 2px 2px 0 0; border-radius: 2px 2px 0 0; } .ui-selectmenu-button.ui-corner-top span.ui-icon:before { content: "\e90a"; } .ui-selectmenu-menu { overflow: auto; } .ui-selectmenu-menu .ui-menu { -webkit-border-radius: 0 0 2px 2px; -moz-border-radius: 0 0 2px 2px; border-radius: 0 0 2px 2px; margin-top: 1px; padding-bottom: 12px; background: #fff; font-size: 22px; font-weight: bold; color: #141414; } .ui-selectmenu-menu .ui-menu .ui-menu-item { list-style: none; } .ui-selectmenu-menu .ui-menu .ui-menu-item .ui-menu-item-wrapper { padding: 5px 20px; } .ui-selectmenu-menu .ui-menu .ui-menu-item .ui-menu-item-wrapper.ui-state-active { margin: 0; background-color: #bedff0; } .ui-selectmenu-fluid .ui-selectmenu-menu { right: 0; } .ui-selectmenu-fluid .ui-selectmenu-menu .ui-menu { width: 100% !important; } /* END custom select */ /* BEGIN magnific animations */ .mfp-zoom-in { /* start state */ /* animate in */ /* animate out */ } .mfp-zoom-in img { float: none; } .mfp-zoom-in .mfp-with-anim { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transition: all 0.2s ease-in-out 0ms; -moz-transition: all 0.2s ease-in-out 0ms; -ms-transition: all 0.2s ease-in-out 0ms; -o-transition: all 0.2s ease-in-out 0ms; transition: all 0.2s ease-in-out 0ms; -moz-transform: scale(0.8); -o-transform: scale(0.8); -ms-transform: scale(0.8); -webkit-transform: scale(0.8); transform: scale(0.8); } .mfp-zoom-in.mfp-bg { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transition: all 0.3s ease-out 0ms; -moz-transition: all 0.3s ease-out 0ms; -ms-transition: all 0.3s ease-out 0ms; -o-transition: all 0.3s ease-out 0ms; transition: all 0.3s ease-out 0ms; } .mfp-zoom-in.mfp-ready .mfp-with-anim { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } .mfp-zoom-in.mfp-ready.mfp-bg { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); opacity: 0.8; } .mfp-zoom-in.mfp-removing .mfp-with-anim { -moz-transform: scale(0.8); -o-transform: scale(0.8); -ms-transform: scale(0.8); -webkit-transform: scale(0.8); transform: scale(0.8); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; } .mfp-zoom-in.mfp-removing.mfp-bg { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; } /* END magnific animations */ /* BEGIN section intro */ .sec-intro { position: relative; height: 100%; } .sec-intro.h-half { height: 50%; } .sec-intro .bg-cover, .sec-intro .img-overlay { z-index: 1; } .sec-intro .color-overlay { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=15)"; filter: alpha(opacity=15); opacity: 0.15; z-index: 2; background-color: #141414; } .sec-intro .intro-content { position: relative; z-index: 3; height: 100%; } .sec-intro .intro-content .intro-content- { text-align: center; } .sec-intro .intro-content h2 { font-size: 48px; line-height: 55px; } /* END section intro */ /* BEGIN slider full */ .slider-full { overflow: hidden; position: relative; height: 100%; } .slider-full .bx-wrapper, .slider-full .bx-viewport, .slider-full .slides, .slider-full .slides li { height: 100% !important; } .slider-full .slides li { position: relative; } .slider-full .slides li .bg-cover { z-index: 1; } .slider-full .slides li .video-cover { overflow: hidden; position: absolute; z-index: 2; top: 0; right: 0; bottom: 0; left: 0; } .slider-full .slides li .video-cover video { position: absolute; bottom: 0; right: 0; left: 0; width: 100%; height: auto; min-height: 100%; object-fit: cover; } .slider-full .slides li .slide-wrapper { height: 100%; } .slider-full .slides li .slide-content { position: relative; z-index: 3; text-align: center; } .slider-full .slides li .slide-content.sc-below { padding-top: 112px; } .slider-full .slides li .slide-content .slide-content- { max-width: 900px; margin: 0 auto; } .slider-full .slides li .slide-content .heading h2 { font-size: 56px; line-height: 56px; } .slider-full .slides li .slide-content .description { margin-top: 30px; } .slider-full .slides li .slide-content .app-buttons { margin-top: 30px; } .slider-full .bx-controls-direction a { position: absolute; z-index: 50; top: 0; bottom: 0; width: 25%; text-indent: -55000px; } .slider-full .bx-controls-direction a.bx-prev { left: 0; } .slider-full .bx-controls-direction a.bx-next { right: 0; } .slider-full .bx-pager { position: absolute; right: 20px; left: 20px; bottom: 62px; font-size: 10px; line-height: 12px; text-align: center; } .slider-full .bx-pager .bx-pager-item { display: inline-block; position: relative; z-index: 200; height: 12px; margin: 5px 5px; } .slider-full .bx-pager .bx-pager-item a { -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); display: block; width: 10px; height: 10px; border: 1px solid #fff; text-indent: -55000px; } .slider-full .bx-pager .bx-pager-item a.active { background-color: #fff; } /* END slider full */ /* BEGIN intro header */ .intro-header { position: absolute; z-index: 10; bottom: 0; right: 0; left: 0; } .intro-header .outer { padding: 20px 0; background-color: #141414; } .intro-header .close-wrapper { position: relative; padding-right: 50px; } .intro-header .close-wrapper .close { position: absolute; top: 50%; right: 0; margin-top: -15px; font-size: 30px; line-height: 1; } /* END intro header */ /* BEGIN tickets operators */ .ticket-operator { display: block; height: 50px; background-image: url(img/tickets_operators.png); background-repeat: no-repeat; } .ticket-operator.to-invert.to-ticketpro { background-position: 0 -50px; } .ticket-operator.to-invert.to-bilety-24 { background-position: -150px -50px; } .ticket-operator.to-invert.to-biletin { background-position: -300px -50px; } .ticket-operator.to-invert.to-biletomat { background-position: -450px -50px; } .ticket-operator.to-invert.to-ticketportal { background-position: -600px -50px; } .ticket-operator.to-invert.to-ebilet { background-position: -750px -50px; } .ticket-operator.to-invert.to-festicket { background-position: -900px -50px; } .ticket-operator.to-ticketpro { width: 118px; background-position: 0 0; } .ticket-operator.to-bilety-24 { width: 112px; background-position: -150px 0; } .ticket-operator.to-biletin { width: 103px; background-position: -300px 0; } .ticket-operator.to-biletomat { width: 119px; background-position: -450px 0; } .ticket-operator.to-ticketportal { width: 136px; background-position: -600px 0; } .ticket-operator.to-ebilet { width: 98px; background-position: -750px 0; } .ticket-operator.to-festicket { width: 120px; background-position: -900px 0; } /* END tickets operators */ /* BEGIN items grid */ .items-grid .ig-wrapper { padding-bottom: 100px; } .items-grid .ig-item .txt { text-align: center; } .items-grid .ig-item .txt .date { margin-bottom: 30px; font-size: 13px; font-weight: bold; } .items-grid .ig-item .txt .description { margin-top: 15px; } .items-grid .ig-item .txt .description p { font-size: 16px; font-weight: bold; } .items-grid .ig-item .txt .hashtags { margin-top: 22px; text-align: center; } .items-grid .ig-item .txt .hashtags li { display: inline-block; vertical-align: top; margin: 2px 2px 0; padding: 2px 10px; background-color: #00b388; font-size: 16px; font-weight: bold; color: #141414; } .items-grid .ig-item-classic { float: left; width: 50%; margin-top: 100px; } .items-grid .ig-item-classic:nth-child(2n+1) { clear: left; } .items-grid .ig-item-classic .ig-item- { margin: 0 80px; } .items-grid .ig-item-classic .thumb img { margin: 0 auto; } .items-grid .ig-item-classic .txt { margin-top: 45px; } .items-grid .ig-item-classic .txt h2 { font-size: 30px; line-height: 36px; } .items-grid .ig-item-hl .ig-item- { background-color: #bedff0; } .items-grid .ig-item-hl .ig-item-- { padding: 90px 20px; } .items-grid .ig-item-hl .thumb-txt { position: relative; max-width: 800px; margin: 0 auto; height: 530px; } .items-grid .ig-item-hl .thumb-txt .thumb { z-index: 1; } .items-grid .ig-item-hl .thumb-txt .overlay { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); opacity: 0.5; z-index: 2; background-color: #003d5c; } .items-grid .ig-item-hl .thumb-txt .overlay-v2 { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=15)"; filter: alpha(opacity=15); opacity: 0.15; z-index: 2; background-color: #141414; } .items-grid .ig-item-hl .thumb-txt .txt { position: relative; z-index: 3; height: 100%; } .items-grid .ig-item-hl .thumb-txt .txt .txt- { max-width: 425px; margin: 0 auto; padding: 30px 20px; } .items-grid .ig-item-full { position: relative; } .items-grid .ig-item-full .ig-item- { position: relative; height: 720px; } .items-grid .ig-item-full .thumb { z-index: 1; } .items-grid .ig-item-full .overlay { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); opacity: 0.5; z-index: 2; background-color: #003d5c; } .items-grid .ig-item-full .overlay-v2 { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=15)"; filter: alpha(opacity=15); opacity: 0.15; z-index: 2; background-color: #141414; } .items-grid .ig-item-full .txt { position: relative; z-index: 2; height: 100%; } .items-grid .ig-item-full .txt .txt- { max-width: 800px; margin: 0 auto; padding: 30px 20px; } /* END items grid */ /* BEGIN map infowindow */ .gm-style-iw { font-family: "gt_pressura", sans-serif !important; font-size: 16px !important; color: #141414 !important; } /* END map infowindow */ /* BEGIN app buttons */ .app-buttons { text-align: center; } .app-buttons .ab { display: inline-block; width: 150px; height: 44px; margin: 0 10px; text-indent: -55000px; background-image: url(img/app_buttons.png); background-repeat: no-repeat; background-size: 100%; } .app-buttons .ab.ab-as { background-position: left top; } .app-buttons .ab.ab-gp { background-position: left bottom; } /* END app buttons */ /* BEGIN filter hashtags */ .filter-hashtags { margin: 0 80px; } .filter-hashtags .c-label { float: left; margin-top: 3px; margin-right: 15px; } .filter-hashtags .c-fields { overflow: hidden; } .filter-hashtags .c-fields .c-fields- { margin-top: -4px; margin-left: -4px; } .filter-hashtags .c-fields a { display: inline-block; vertical-align: top; margin: 4px 4px 0; padding: 2px 10px; font-weight: bold; border: 1px solid #fff; } .filter-hashtags .c-fields a.active { background-color: #00b388; border-color: #00b388; color: #141414; } /* END filter hashtags */ /* BEGIN header */ #h { -webkit-transition: all 150ms ease 0ms; -moz-transition: all 150ms ease 0ms; -ms-transition: all 150ms ease 0ms; -o-transition: all 150ms ease 0ms; transition: all 150ms ease 0ms; position: fixed; z-index: 300; top: 0; right: 0; left: 0; padding: 28px 0; } #h .logo-desc { -webkit-transition: all 150ms ease 0ms; -moz-transition: all 150ms ease 0ms; -ms-transition: all 150ms ease 0ms; -o-transition: all 150ms ease 0ms; transition: all 150ms ease 0ms; float: left; position: relative; z-index: 1; } #h .logo-desc .link-overall { z-index: 10; } #h .logo-desc .logo { -webkit-transition: all 150ms ease 0ms; -moz-transition: all 150ms ease 0ms; -ms-transition: all 150ms ease 0ms; -o-transition: all 150ms ease 0ms; transition: all 150ms ease 0ms; float: left; width: 115px; height: 113px; margin: 0 20px 0 15px; background: url(img/logo_fnm.png) no-repeat; background-size: 100%; } #h .logo-desc .desc { -webkit-transition: all 150ms ease 0ms; -moz-transition: all 150ms ease 0ms; -ms-transition: all 150ms ease 0ms; -o-transition: all 150ms ease 0ms; transition: all 150ms ease 0ms; float: left; height: 113px; font-weight: bold; font-size: 22px; line-height: 1; } #h .menu-switcher { display: none; } #h .main-menu { -webkit-transition: all 150ms ease 0ms; -moz-transition: all 150ms ease 0ms; -ms-transition: all 150ms ease 0ms; -o-transition: all 150ms ease 0ms; transition: all 150ms ease 0ms; float: right; } #h .main-menu nav > ul { float: left; font-size: 22px; line-height: 26px; font-weight: bold; } #h .main-menu nav > ul.languages { margin-left: 8px; font-weight: normal; text-transform: uppercase; } #h .main-menu nav > ul > li { float: left; position: relative; } #h .main-menu nav > ul > li:first-child { margin-left: 0; } #h .main-menu nav > ul > li.menu-item-hl { margin-top: -2px; margin-left: 10px; } #h .main-menu nav > ul > li.menu-item-hl > a { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 6px 20px; background-color: #00b388; } #h .main-menu nav > ul > li.menu-item-hl > a .txt:after { display: none; } #h .main-menu nav > ul > li.menu-item-mobile { display: none; } #h .main-menu nav > ul > li > a { display: inline-block; padding: 4px 14px; background-color: transparent; /*.txt { border-bottom: 1px solid transparent; }*/ } #h .main-menu nav > ul > li > ul { -webkit-transition: all 100ms ease 0ms; -moz-transition: all 100ms ease 0ms; -ms-transition: all 100ms ease 0ms; -o-transition: all 100ms ease 0ms; transition: all 100ms ease 0ms; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; visibility: hidden; position: absolute; top: 100%; left: 0; width: 200px; padding-top: 10px; border-bottom: 15px solid #141414; font-weight: normal; } #h .main-menu nav > ul > li > ul:before { -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); content: ""; position: absolute; top: 7px; left: 16px; width: 16px; height: 16px; background-color: #141414; } #h .main-menu nav > ul > li > ul > li { background-color: #141414; color: #fff; } #h .main-menu nav > ul > li > ul > li:first-child { border-top: 15px solid #141414; } #h .main-menu nav > ul > li > ul > li > a { display: block; padding: 4px 14px; } #h .main-menu nav > ul > li > ul > li > a .txt { border-width: 1px; } body.post-type-archive-fnm_artysci #h .main-menu nav > ul li.menu-item-artists > a .txt:after, body.single-fnm_artysci #h .main-menu nav > ul li.menu-item-artists > a .txt:after, body.post-type-archive-fnm_aktualnosci #h .main-menu nav > ul li.menu-item-news > a .txt:after, body.single-fnm_aktualnosci #h .main-menu nav > ul li.menu-item-news > a .txt:after, #h .main-menu nav > ul li.current-menu-item > a .txt:after, #h .main-menu nav > ul li.current-menu-ancestor > a .txt:after { width: 100%; } body.post-type-archive-fnm_artysci #h .main-menu nav > ul li.menu-item-artists.menu-item-hl > a, body.single-fnm_artysci #h .main-menu nav > ul li.menu-item-artists.menu-item-hl > a, body.post-type-archive-fnm_aktualnosci #h .main-menu nav > ul li.menu-item-news.menu-item-hl > a, body.single-fnm_aktualnosci #h .main-menu nav > ul li.menu-item-news.menu-item-hl > a, #h .main-menu nav > ul li.current-menu-item.menu-item-hl > a, #h .main-menu nav > ul li.current-menu-ancestor.menu-item-hl > a { background-color: #00cc9c; } #h .main-menu nav > ul li > a .txt { position: relative; } #h .main-menu nav > ul li > a .txt:after { content: ""; position: absolute; top: 100%; left: 0; width: 0; height: 1px; background-color: #fff; } #h.compact { padding-top: 20px; padding-bottom: 20px; background-color: rgba(0, 0, 0, 0.6); } #h.compact .logo-desc { margin-top: -5px; margin-bottom: -5px; } #h.compact .logo-desc .logo { width: 70px; height: 69px; } #h.compact .logo-desc .desc { height: 69px; font-size: 14px; } #h.compact .main-menu { margin-top: 11px; } /* END header */ /* BEGIN main */ #main { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 100%; } /* BEGIN main */ /* BEGIN home intro */ #home-intro { height: 100%; } /* END home intro */ /* BEGIN news list (home) */ #news-list-home .list { position: relative; z-index: 2; padding: 50px 0 100px; background-color: #141414; } #news-list-home .list .list-header { margin-bottom: 60px; } #news-list-home .list .items { margin-top: -100px; } #news-list-home .list .items article { float: left; width: 50%; margin-top: 100px; } #news-list-home .list .items article:nth-child(2n+1) { clear: left; } #news-list-home .list .items article .article- { margin: 0 80px; } #news-list-home .list .items article .thumb-txt .thumb img { margin: 0 auto; } #news-list-home .list .items article .thumb-txt .txt { margin-top: 45px; overflow: hidden; font-weight: bold; text-align: center; } #news-list-home .list .items article .thumb-txt .txt .date { font-size: 13px; } #news-list-home .list .items article .thumb-txt .txt h3 { margin-top: 30px; } #news-list-home .more-items { position: relative; z-index: 1; margin-top: -80px; background-color: #bedff0; } #news-list-home .more-items .more- { padding-top: 130px; padding-bottom: 50px; font-weight: bold; text-align: center; } #news-list-home .more-items .more- a { color: #141414; } /* END news list (home) */ /* BEGIN about teaser */ #about-teaser { text-align: center; } #about-teaser .header { position: relative; z-index: 1; } #about-teaser .header .bg-area img { width: 100%; } #about-teaser .header .header-content { position: absolute; top: 140px; right: 0; left: 0; } #about-teaser .header .header-content h2 { font-size: 48px; line-height: 58px; } #about-teaser .info { position: relative; z-index: 2; margin-top: -100px; } #about-teaser .info .outer { background-color: #00b388; } #about-teaser .info .wrapper { padding: 50px; } #about-teaser .info .info-content { font-size: 30px; line-height: 36px; font-weight: bold; color: #141414; } #about-teaser .info .more { margin-top: 35px; font-weight: bold; } /* END about teaser */ /* BEGIN artists intro */ #artists-intro { height: 100%; } #artists-intro .slider-header { position: relative; height: 100%; } #artists-intro .slider-header .slider-full { z-index: 1; } #artists-intro .slider-header .intro-header h1 { float: left; } #artists-intro .slider-header .intro-header .views-filters { float: right; } #artists-intro .slider-header .intro-header .views-filters .views { float: left; margin-right: 15px; } #artists-intro .slider-header .intro-header .views-filters .views li { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); opacity: 0.3; float: left; margin-left: 15px; } #artists-intro .slider-header .intro-header .views-filters .views li a .icon { display: block; font-size: 24px; line-height: 48px; } #artists-intro .slider-header .intro-header .views-filters .views li.current { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; } #artists-intro .slider-header .intro-header .views-filters .filters { float: left; } #artists-intro .slider-header .intro-header .views-filters .filters .filter { float: left; margin-left: 20px; } #artists-intro .slider-header .intro-header .views-filters .filters .filter.filter-select { width: 300px; } /* END artists intro */ /* BEGIN artists list */ #artists-list .list { position: relative; min-height: 100px; } #artists-list .list .msg { padding-top: 90px; text-align: center; } #artists-list .list .loader-wrapper { z-index: 2; } #artists-list .list .loader-wrapper, #artists-list .list .loader-wrapper .loader-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } #artists-list .list .loader-wrapper .loader-overlay { background-color: #141414; } #artists-list .list .loader-wrapper .loader { position: absolute; top: 50px; right: 0; left: 0; height: 50px; background: url(img/ajax-loader.svg) center top no-repeat; background-size: auto 50px; } #artists-list .list .items { margin-left: -30px; } #artists-list .list .items .item { float: left; width: 33.3%; margin-top: 90px; } #artists-list .list .items .item:nth-child(3n+1) { clear: left; } #artists-list .list .items .item .item- { position: relative; margin-left: 30px; } #artists-list .list .items .item .photo { margin-bottom: 22px; } #artists-list .list .items-list { margin-top: 60px; margin-left: -30px; } #artists-list .list .items-list .item { display: inline-block; margin-top: 10px; margin-left: 30px; } #artists-list .list .items-list .item.headliner h3 { font-size: 42px; } #artists-list .list .items-list .item h3 { font-size: 24px; } #artists-list .list .items-list .item h3 sup { font-size: 16px; } /* END artists list */ /* BEGIN artist intro */ #artist-intro .bg-cover { bottom: 74px; } #artist-intro .bg-cover:last-child { bottom: 0; } #artist-intro .intro-header .date-scene-name .date-scene { padding: 20px 0; background-color: #acacac; font-size: 22px; color: #141414; } #artist-intro .intro-header .date-scene-name .date-scene.ds-v1 { background-color: #00b388; } #artist-intro .intro-header .date-scene-name .date-scene.ds-v2 { background-color: #fff; } #artist-intro .intro-header .date-scene-name .date-scene.ds-v3 { background-color: #f8f2af; } #artist-intro .intro-header .date-scene-name .date-scene.ds-v4 { background-color: #acacac; } #artist-intro .intro-header .date-scene-name .date-scene.ds-v5 { background-color: #bedff0; } #artist-intro .intro-header .date-scene-name .date-scene.ds-v6 { background-color: #ebadcc; } #artist-intro .intro-header .date-scene-name .date-scene .date { font-weight: bold; } #artist-intro .intro-header .date-scene-name .name { padding: 20px 0; background-color: #141414; } #artist-intro .intro-header .outer { padding: 20px 0; background-color: #141414; } /* END artist intro */ /* BEGIN artist */ #artist .artist-data { position: relative; margin-top: 60px; } #artist .artist-data .content { min-height: 240px; padding-right: 400px; } #artist .artist-data .content.content-full { min-height: 0; padding-right: 0; } #artist .artist-data .content.content-full .content- { max-width: 765px; } #artist .artist-data .content .content- { max-width: 560px; } #artist .artist-data .content .content- .website-socials { margin-top: 50px; color: #00b388; } #artist .artist-data .content .content- .website-socials a { color: #00b388; } #artist .artist-data .content .content- .website-socials .socials { margin-top: 20px; } #artist .artist-data .content .content- .website-socials .socials li { float: left; margin-left: 25px; } #artist .artist-data .content .content- .website-socials .socials li:first-child { margin-left: 0; } #artist .artist-data .content .content- .website-socials .socials li a { display: block; } #artist .artist-data .content .content- .website-socials .socials li a .icon { display: block; font-size: 26px; } #artist .artist-data .gallery { margin-top: 20px; margin-left: -30px; } #artist .artist-data .gallery li { float: left; width: 33.3%; margin-top: 30px; } #artist .artist-data .gallery li:nth-child(3n+1) { clear: left; } #artist .artist-data .gallery li .li- { margin-left: 30px; } #artist .artist-data .gallery li img { margin: 0 auto; } #artist .artist-data .refs { position: absolute; top: 0; right: 0; width: 355px; } #artist .artist-data .refs li { margin-top: 20px; } #artist .artist-data .refs li:first-child { margin-top: 0; } /* END artist */ /* BEGIN tickets intro */ #tickets-intro { height: 50%; } #tickets-intro .intro-content .btn { padding: 14px 45px; font-size: 42px; line-height: 53px; } #tickets-intro .intro-content .btn .ticket-operator { margin: 25px auto 15px; } /* END tickets intro */ /* BEGIN tickets */ #tickets .operators { margin-top: 30px; text-align: center; } #tickets .operators ul li { display: inline-block; width: 20%; margin-top: 30px; } #tickets .operators ul li .li- { margin: 0 20px; } #tickets .operators ul li .ticket-operator { margin: 0 auto; } #tickets .passes { display: table; border-spacing: 2px; width: 100%; margin-top: 90px; } #tickets .passes .p-group { display: table-row; width: 100%; } #tickets .passes .p-group .p-item { display: table-cell; width: 50%; color: #141414; background-color: #fff; } #tickets .passes .p-group .p-item.p-item-v1 { background-color: #00b388; } #tickets .passes .p-group .p-item.p-item-v1-2 { background-color: #41cca3; } #tickets .passes .p-group .p-item.p-item-v2 { background-color: #fff; } #tickets .passes .p-group .p-item.p-item-v3 { background-color: #f8f2af; } #tickets .passes .p-group .p-item.p-item-v3-2 { background-color: #fffbd1; } #tickets .passes .p-group .p-item.p-item-v4 { background-color: #acacac; } #tickets .passes .p-group .p-item.p-item-v5 { background-color: #bedff0; } #tickets .passes .p-group .p-item.p-item-v6 { background-color: #ebadcc; } #tickets .passes .p-group .p-item.p-item-v7 { background-color: #bbadeb; } #tickets .passes .p-group .p-item.p-item-v7-2 { background-color: #d7caff; } #tickets .passes .p-group .p-item.p-item-v8 { background-color: #ef3c97; } #tickets .passes .p-group .p-item .p-item- { padding: 20px 35px 35px; } #tickets .passes .p-group .p-item h2 { font-size: 80px; line-height: 80px; text-transform: uppercase; } #tickets .passes .p-group .p-item h2 + .lead { margin-top: 35px; } #tickets .passes .p-group .p-item .lead p { font-size: 30px; line-height: 36px; } #tickets .passes .p-group .p-item .description { margin-top: 30px; } #tickets .passes .p-group .p-item .description p { line-height: 24px; font-weight: bold; } #tickets .passes .p-group .p-item .p-links { margin-top: 35px; text-align: center; } #tickets .passes .p-group .p-item .p-links li { margin-top: 10px; } #tickets .passes .p-group .p-item .p-links li:first-child + li { margin-top: 20px; } #tickets .passes .p-group .p-item .p-links li a { color: #141414; text-decoration: underline; } #tickets .passes .p-group .p-item .p-links li a.btn-primary { min-width: 192px; padding-right: 15px; padding-left: 15px; border: 1px solid #141414; } #tickets .passes .p-group .p-item .p-operators { margin-top: 25px; } #tickets .passes .p-group .p-item .p-operators h4 { font-weight: bold; } #tickets .passes .p-group .p-item .p-operators ul { margin-left: -45px; } #tickets .passes .p-group .p-item .p-operators ul li { float: left; margin-top: 30px; margin-left: 45px; } /* END tickets */ /* BEGIN news list intro */ #news-list-intro .intro-content .date { margin-bottom: 40px; font-weight: bold; } /* END news list intro */ /* BEGIN news single intro */ #news-single-intro { height: 70%; } /* END news single intro */ /* BEGIN news single */ #news-single .news-single- { position: relative; z-index: 2; } #news-single .news-single-- { background-color: #141414; } #news-single .ns-content { margin-top: 45px; padding-bottom: 80px; } #news-single .ns-content .date { font-size: 13px; font-weight: bold; } #news-single .ns-content .lead-content { margin-top: 30px; margin-left: -60px; } #news-single .ns-content .lead-content .c-col { float: left; width: 50%; } #news-single .ns-content .lead-content .c-col .c-col- { margin-left: 60px; } #news-single .ns-content .lead-content .lead { word-wrap: break-word; } #news-single .ns-content .lead-content .lead p, #news-single .ns-content .lead-content .lead ol, #news-single .ns-content .lead-content .lead ul { margin-top: 36px; font-size: 30px; line-height: 36px; } #news-single .ns-content .lead-content .lead ol, #news-single .ns-content .lead-content .lead ul { margin-left: 30px; } #news-single .ns-content .lead-content .lead ol li + li, #news-single .ns-content .lead-content .lead ul li + li { margin-top: 24px; } #news-single .ns-content .lead-content .lead ul { list-style-type: none; } #news-single .ns-content .lead-content .lead ul li { position: relative; } #news-single .ns-content .lead-content .lead ul li:before { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; content: ""; position: absolute; top: 14px; left: -20px; width: 8px; height: 8px; background-color: #fff; } #news-single .ns-nav { position: relative; z-index: 1; margin-top: -100px; padding: 150px 0 50px; background-color: #bedff0; } #news-single .ns-nav .items { margin-left: -30px; } #news-single .ns-nav .items li { float: left; width: 33.3%; min-height: 1px; } #news-single .ns-nav .items li .item- { margin-left: 30px; } #news-single .ns-nav .items li .btn-hl { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } /* END news single */ /* BEGIN landing v1 */ #landing-v1 .el-offset-up { margin-top: -80px; } #landing-v1 .el-offset-down { margin-top: 120px; } #landing-v1 .info { position: relative; z-index: 5; } #landing-v1 .info.info-hl1 .info- { background-color: #141414; } #landing-v1 .info.info-hl2 .info- { background-color: #bedff0; color: #141414; } #landing-v1 .info .info- { padding: 45px 0; } #landing-v1 .info .c-cols { margin-left: -30px; } #landing-v1 .info .c-cols.c-cols-3 .c-col { width: 33.3%; } #landing-v1 .info .c-cols.c-cols-2 .c-col { width: 50%; } #landing-v1 .info .c-cols.c-cols-1 .c-col { width: 100%; } #landing-v1 .info .c-cols .c-col { float: left; min-height: 1px; } #landing-v1 .info .c-cols .c-col .c-col- { margin-left: 30px; } #landing-v1 .claim { padding-top: 100px; margin-bottom: 30px; text-align: center; } #landing-v1 .claim h2 { font-size: 48px; line-height: 55px; } #landing-v1 .slider { overflow: hidden; height: 1200px; } #landing-v1 .slider .bx-wrapper, #landing-v1 .slider .bx-viewport, #landing-v1 .slider .slides, #landing-v1 .slider .slides li { height: 100% !important; } #landing-v1 .slider .slides li { position: relative; } #landing-v1 .slider .slides li .bg-cover { z-index: 1; } #landing-v1 .slider .slides li .slide-wrapper { height: 100%; } #landing-v1 .slider .slides li .slide-content { position: relative; z-index: 3; text-align: center; } #landing-v1 .slider .slides li .slide-content .heading h2 { font-size: 48px; line-height: 55px; } #landing-v1 .slider .bx-controls-direction a { position: absolute; z-index: 50; top: 0; bottom: 0; width: 25%; text-indent: -55000px; } #landing-v1 .slider .bx-controls-direction a.bx-prev { left: 0; } #landing-v1 .slider .bx-controls-direction a.bx-next { right: 0; } #landing-v1 .slider .bx-pager { position: absolute; right: 20px; left: 20px; bottom: 200px; font-size: 14px; line-height: 16px; text-align: center; } #landing-v1 .slider .bx-pager .bx-pager-item { display: inline-block; position: relative; z-index: 200; height: 16px; margin: 5px 12px; } #landing-v1 .slider .bx-pager .bx-pager-item a { -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); display: block; width: 14px; height: 14px; border: 1px solid #fff; text-indent: -55000px; } #landing-v1 .slider .bx-pager .bx-pager-item a.active { background-color: #fff; } #landing-v1 .illustration { position: relative; height: 1200px; } #landing-v1 .illustration-hl { position: relative; z-index: 5; } #landing-v1 .illustration-hl .illustration-hl- { background-color: #00b388; } #landing-v1 .illustration-hl .illustration-hl- .illustration-hl-- { padding: 90px 20px; } #landing-v1 .illustration-hl .illustration-hl- .illustration-hl-- .illustration-hl--- { position: relative; max-width: 800px; height: 530px; margin: 0 auto; } #landing-v1 .content-illustration { position: relative; } #landing-v1 .content-illustration .ci-content { position: absolute; z-index: 2; top: 0; right: 0; left: 0; } #landing-v1 .content-illustration .ci-content .claim { padding-top: 0; } #landing-v1 .content-illustration .ci-illustration { position: relative; z-index: 1; } #landing-v1 .form-wrapper .form { max-width: 600px; margin: 0 auto; } /* END landing v1 */ /* BEGIN partners */ #partners { position: relative; z-index: 2; margin-top: -350px; } #partners .partners- { padding: 20px 0; background-color: #141414; } #partners .groups { margin-top: -20px; } #partners .groups .group { margin-top: 100px; } #partners .groups .group.group-inline { display: inline-block; margin-right: 80px; vertical-align: top; } #partners .groups .group .group-header h2 { font-size: 13px; line-height: normal; font-weight: normal; } #partners .groups .group .items li { display: inline-block; vertical-align: top; margin: 30px 40px 0; } #partners .groups .group .items li .logo { min-height: 100px; line-height: 100px; } #partners .groups .group .items li .logo img { display: inline-block; float: none; vertical-align: middle; width: auto; height: auto; } /* END partners */ /* BEGIN contact */ #contact { background-color: #bedff0; } #contact .c-cols { margin-left: -60px; } #contact .c-cols .c-col { float: left; width: 50%; min-height: 1px; } #contact .c-cols .c-col .c-col- { margin-left: 60px; } #contact .info .info- { padding: 50px 0 100px; background-color: #141414; } #contact .info .txt p, #contact .info .txt ol, #contact .info .txt ul { margin-top: 36px; font-size: 30px; line-height: 36px; } #contact .info .refs p, #contact .info .refs ol, #contact .info .refs ul { margin-top: 18px; } #contact .data { padding: 40px 0; color: #141414; } /* END contact */ /* BEGIN faq */ #faq .groups { background-color: #fff; color: #141414; } #faq .groups .group { margin-top: 1px; } #faq .groups .group:first-child { margin-top: 0; } #faq .groups .group .group-header { cursor: pointer; padding: 20px; background-color: #bedff0; text-align: center; } #faq .groups .group .group-content { display: none; } #faq .groups .group .group-content .qas li:first-child { margin-top: 0; } #faq .groups .group .group-content .qas li .active { background-color: #dcdcdc; } #faq .groups .group .group-content .qas li .question { -webkit-transition: background-color 200ms ease 0ms; -moz-transition: background-color 200ms ease 0ms; -ms-transition: background-color 200ms ease 0ms; -o-transition: background-color 200ms ease 0ms; transition: background-color 200ms ease 0ms; cursor: pointer; padding: 15px 0; font-weight: bold; } #faq .groups .group .group-content .qas li .answer { -webkit-transition: background-color 200ms ease 0ms; -moz-transition: background-color 200ms ease 0ms; -ms-transition: background-color 200ms ease 0ms; -o-transition: background-color 200ms ease 0ms; transition: background-color 200ms ease 0ms; display: none; } #faq .groups .group .group-content .qas li .answer .answer- { padding: 10px 0 15px; } /* END faq */ /* BEGIN timetable intro */ #timetable-intro { height: 260px; } #timetable-intro .switcher li { float: left; width: 50%; } #timetable-intro .switcher li a { display: block; text-align: center; padding: 20px 0; background-color: #141414; font-size: 42px; line-height: 48px; font-weight: bold; color: #fff; } #timetable-intro .switcher li + li a { background-color: #fff; color: #141414; } /* END timetable intro */ /* BEGIN timetable */ #timetable.switched { background-color: #fff; } #timetable.switched .days .day { border-color: #141414; } #timetable.switched .days .day .day-content .day-content- { display: none; } #timetable.switched .days .day .day-content .day-content- + .day-content- { display: block; } #timetable.switched .days .day .day-content .hours { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; color: #141414; } #timetable.switched .days .day .day-content .scenes .slides > li .scene-name { background-color: #141414; color: #fff; } #timetable.switched .days .day .day-content .scenes .slides > li .artists > li { border-right: 1px solid #141414; } #timetable.switched .days .day .day-content .scenes .slides > li .artists > li:nth-child(4n):after { background-color: #141414; } #timetable.switched .days .day .day-content .scenes .slides > li .artists > li .artist:before { content: ""; position: absolute; top: -1px; right: 0; left: 0; height: 1px; background-color: #141414; } #timetable.switched .days .day .day-content .scenes .slides > li .artists > li .artist:after { content: ""; position: absolute; bottom: 0; right: 0; left: 0; height: 1px; background-color: #141414; } #timetable.no-scenes .days .day.day-theme-v1 .artists .artist { background-color: #00b388; } #timetable.no-scenes .days .day.day-theme-v1 .bx-viewport { background-color: #00b388; } #timetable.no-scenes .days .day.day-theme-v2 .artists .artist { background-color: #fff; } #timetable.no-scenes .days .day.day-theme-v2 .bx-viewport { background-color: #fff; } #timetable.no-scenes .days .day.day-theme-v3 .artists .artist { background-color: #f8f2af; } #timetable.no-scenes .days .day.day-theme-v3 .bx-viewport { background-color: #f8f2af; } #timetable.no-scenes .days .day.day-theme-v4 .artists .artist { background-color: #acacac; } #timetable.no-scenes .days .day.day-theme-v4 .bx-viewport { background-color: #acacac; } #timetable.no-scenes .days .day.day-theme-v5 .artists .artist { background-color: #bedff0; } #timetable.no-scenes .days .day.day-theme-v5 .bx-viewport { background-color: #bedff0; } #timetable.no-scenes .days .day.day-theme-v6 .artists .artist { background-color: #ebadcc; } #timetable.no-scenes .days .day.day-theme-v6 .bx-viewport { background-color: #ebadcc; } #timetable.no-scenes .days .artists .artist:before { content: ""; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; } #timetable.no-scenes .days .artists .artist .link-overall { z-index: 5; } #timetable.no-scenes .days .artists .artist .artist- { position: relative; z-index: 2; } #timetable .days .day { overflow: hidden; position: relative; border-top: 2px solid #fff; } #timetable .days .day:first-child { border-width: 0; border-color: #444; } #timetable .days .day.day-theme-v1 { color: #00b388; } #timetable .days .day.day-theme-v1 .day-content .scenes .slides > li .artists > li, #timetable .days .day.day-theme-v1 .day-content .scenes .slides > li .artists > li .artist { background-color: #00b388; } #timetable .days .day.day-theme-v2 { color: #fff; } #timetable .days .day.day-theme-v2 .day-content .scenes .slides > li .artists > li, #timetable .days .day.day-theme-v2 .day-content .scenes .slides > li .artists > li .artist { background-color: #fff; } #timetable .days .day.day-theme-v3 { color: #f8f2af; } #timetable .days .day.day-theme-v3 .day-content .scenes .slides > li .artists > li, #timetable .days .day.day-theme-v3 .day-content .scenes .slides > li .artists > li .artist { background-color: #f8f2af; } #timetable .days .day.day-theme-v4 { color: #acacac; } #timetable .days .day.day-theme-v4 .day-content .scenes .slides > li .artists > li, #timetable .days .day.day-theme-v4 .day-content .scenes .slides > li .artists > li .artist { background-color: #acacac; } #timetable .days .day.day-theme-v5 { color: #bedff0; } #timetable .days .day.day-theme-v5 .day-content .scenes .slides > li .artists > li, #timetable .days .day.day-theme-v5 .day-content .scenes .slides > li .artists > li .artist { background-color: #bedff0; } #timetable .days .day.day-theme-v6 { color: #ebadcc; } #timetable .days .day.day-theme-v6 .day-content .scenes .slides > li .artists > li, #timetable .days .day.day-theme-v6 .day-content .scenes .slides > li .artists > li .artist { background-color: #ebadcc; } #timetable .days .day .day-header { cursor: pointer; padding: 20px 80px; } #timetable .days .day .day-header .day-header- .day-header-- { margin-left: 40%; } #timetable .days .day .day-header h2 { font-size: 64px; line-height: 1; } #timetable .days .day .day-header h2 sup { position: relative; top: -6px; text-transform: none; } #timetable .days .day .day-content { display: none; position: relative; } #timetable .days .day .day-content .day-content- + .day-content- { /* display: none; */ } #timetable .days .day .day-content .hours { -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); float: left; position: relative; z-index: 10; width: 60px; color: #fff; } #timetable .days .day .day-content .hours + .hours { float: right; } #timetable .days .day .day-content .hours + .hours li { text-align: left; } #timetable .days .day .day-content .hours li { position: relative; padding: 0 10px; height: 64px; font-size: 14px; line-height: 17px; text-align: right; } #timetable .days .day .day-content .hours li:first-child { height: 90px; } #timetable .days .day .day-content .hours li .hour { position: absolute; right: 10px; bottom: 0; left: 10px; margin-bottom: -7px; } #timetable .days .day .day-content .scenes { overflow: hidden; } #timetable .days .day .day-content .scenes .bx-wrapper { margin-left: 0 !important; } #timetable .days .day .day-content .scenes .slides > li { float: left; width: 200px; } #timetable .days .day .day-content .scenes .slides > li .scene-name { height: 90px; padding: 0 10px; background-color: #fff; color: #141414; } #timetable .days .day .day-content .scenes .slides > li .scene-name .scene-name- { padding-top: 12px; } #timetable .days .day .day-content .scenes .slides > li .scene-name .name { height: 40px; line-height: 20px; font-weight: bold; } #timetable .days .day .day-content .scenes .slides > li .scene-name .description { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 8px; font-size: 12px; } #timetable .days .day .day-content .scenes .slides > li .artists > li { position: relative; height: 16px; background-color: #acacac; border-right: 1px solid #fff; font-weight: bold; color: #141414; } #timetable .days .day .day-content .scenes .slides > li .artists > li:nth-child(4n):after { content: ""; position: absolute; bottom: 0; right: 0; left: 0; height: 1px; background-color: #fff; } #timetable .days .day .day-content .scenes .slides > li .artists > li .artist { position: absolute; z-index: 10; top: 0; right: 0; left: 0; height: 400%; background-color: #acacac; font-size: 20px; line-height: 20px; } #timetable .days .day .day-content .scenes .slides > li .artists > li .artist:before { content: ""; position: absolute; top: -1px; right: 0; left: 0; height: 1px; background-color: #fff; } #timetable .days .day .day-content .scenes .slides > li .artists > li .artist:after { content: ""; position: absolute; bottom: 0; right: 0; left: 0; height: 1px; background-color: #fff; } #timetable .days .day .day-content .scenes .slides > li .artists > li .artist .link-overall { z-index: 10; } #timetable .days .day .day-content .scenes .slides > li .artists > li .artist .artist- { position: relative; z-index: 5; height: 100%; padding: 0 10px; } #timetable .days .day .day-content .scenes .slides > li .artists > li .artist sup { font-size: 13px; } #timetable .days .day .day-content .scenes .bx-controls-direction a { -webkit-transition: opacity 200ms ease 0ms; -moz-transition: opacity 200ms ease 0ms; -ms-transition: opacity 200ms ease 0ms; -o-transition: opacity 200ms ease 0ms; transition: opacity 200ms ease 0ms; position: absolute; top: 0; bottom: 0; width: 40px; padding: 0 10px; background-color: rgba(0, 0, 0, 0.4); } #timetable .days .day .day-content .scenes .bx-controls-direction a.bx-prev { left: 60px; } #timetable .days .day .day-content .scenes .bx-controls-direction a.bx-next { right: 60px; } #timetable .days .day .day-content .scenes .bx-controls-direction a.disabled { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; visibility: hidden; } #timetable .days .day .day-content .scenes .bx-controls-direction a .icon { display: block; position: absolute; top: 50%; right: 0; left: 0; margin-top: -20px; font-size: 40px; line-height: 64px; text-align: center; } #timetable .file { background-color: #bedff0; padding: 60px 0; text-align: center; } #timetable .file .btn-primary { max-width: 240px; padding-right: 20px; padding-left: 20px; background-color: #141414; font-size: 22px; line-height: 28px; } /* END timetable */ /* BEGIN elements list */ #elements-list .elements-lead { margin-top: 30px; margin-bottom: 60px; } #elements-list .elements-lead p { font-size: 30px; line-height: 36px; text-align: center; } #elements-list .filter-hashtags-wrapper { margin-top: 30px; } #elements-list .items-grid .ig-item.disabled { display: none; } #elements-list .items-grid .ig-item-classic { margin-top: 60px; } #elements-list .items-grid .ig-item-classic .txt { margin-top: 20px; } /* END elements list */ /* BEGIN footer */ #f { margin-top: 60px; padding-bottom: 20px; } #f .buy-ticket { margin-bottom: 60px; text-align: center; } #f .app { margin-bottom: 50px; font-size: 18px; line-height: 24px; } #f .app .app- { float: right; } #f .app .c-label { float: left; } #f .app .app-buttons { float: left; margin-top: -10px; margin-right: -10px; margin-left: 10px; } #f .name-playlist { margin-bottom: 35px; font-size: 18px; line-height: 24px; } #f .name-playlist .name { float: left; font-weight: bold; } #f .name-playlist .playlist { float: right; } #f .name-playlist .playlist .c-label { float: left; } #f .name-playlist .playlist .c-link { float: left; width: 175px; height: 53px; margin-top: -14px; margin-left: 20px; background: url(img/logo_spotify.png) no-repeat; background-size: 100%; } #f .footer-menu { padding-bottom: 20px; } #f .footer-menu .menu-list-item:first-child { float: left; } #f .footer-menu .menu-list-item:first-child + .menu-list-item { float: right; } #f .footer-menu .menu-list-item > ul { font-size: 22px; line-height: 30px; font-weight: bold; } #f .footer-menu .menu-list-item > ul.socials li { margin-left: 45px; } #f .footer-menu .menu-list-item > ul.socials li a .icon { display: block; font-size: 30px; } #f .footer-menu .menu-list-item > ul > li { float: left; position: relative; margin-left: 30px; } #f .footer-menu .menu-list-item > ul > li.menu-item-sep { margin-left: 45px; } #f .footer-menu .menu-list-item > ul > li:first-child { margin-left: 0; } #f .footer-menu .menu-list-item > ul > li > a { display: block; } #f .footer-menu .menu-list-item > ul > li > ul { display: none; position: absolute; z-index: 10; bottom: 100%; right: 0; left: 0; padding: 10px; background-color: #141414; border-top: 2px solid #fff; text-align: center; } #f .footer-menu .menu-list-item > ul > li > ul li { margin-top: 8px; } #f .footer-menu .menu-list-item > ul > li > ul li:first-child { margin-top: 0; } #f .copyright { margin-top: 20px; font-size: 13px; } /* END footer */ /* BEGIN HD/"retina" */ @media screen and (-webkit-min-device-pixel-ratio: 1.3), screen and (min--moz-device-pixel-ratio: 1.3), screen and (min-resolution: 200dpi) { /* BEGIN app buttons */ .app-buttons .ab { background-image: url(img/hd/app_buttons@2.png); } /* END app buttons */ } /* END HD/"retina" */ /* BEGIN activate hovers only on desktop */ @media screen and (min-width: 1240px) { /* BEGIN layout */ a { -webkit-transition: all 100ms ease 0ms; -moz-transition: all 100ms ease 0ms; -ms-transition: all 100ms ease 0ms; -o-transition: all 100ms ease 0ms; transition: all 100ms ease 0ms; } /* END layout */ /* BEGIN buttons */ .btn.btn-primary:hover { background-color: #00cc9c; } .btn.btn-secondary:hover { background-color: #00b388; } .btn.btn-c-classic:hover { background-color: #333; } .btn-hl:hover { background-color: #00b388; color: #fff; } /* END buttons */ /* BEGIN tickets operators */ .ticket-operator { -webkit-transition: all 0ms ease 0ms; -moz-transition: all 0ms ease 0ms; -ms-transition: all 0ms ease 0ms; -o-transition: all 0ms ease 0ms; transition: all 0ms ease 0ms; } .ticket-operator.to-hover.to-ticketpro:hover { background-position: 0 -100px; } .ticket-operator.to-hover.to-bilety-24:hover { background-position: -150px -100px; } .ticket-operator.to-hover.to-bilety-24.to-invert:hover { background-position: -150px -150px; } .ticket-operator.to-hover.to-biletin:hover { background-position: -300px -100px; } .ticket-operator.to-hover.to-biletomat:hover { background-position: -450px -100px; } .ticket-operator.to-hover.to-ticketportal:hover { background-position: -600px -100px; } .ticket-operator.to-hover.to-ebilet:hover { background-position: -750px -100px; } .ticket-operator.to-hover.to-festicket:hover { background-position: -900px -100px; } /* END tickets operators */ /* BEGIN items grid */ /* END items grid */ /* BEGIN header */ #h .main-menu nav > ul li > a:hover .txt:after { width: 100%; } #h .main-menu nav > ul li > a .txt:after { -webkit-transition: all 250ms ease 0ms; -moz-transition: all 250ms ease 0ms; -ms-transition: all 250ms ease 0ms; -o-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; } #h .main-menu nav > ul li.menu-item-hl > a:hover { background-color: #00cc9c; } #h .main-menu nav > ul > li:hover > ul { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; visibility: visible; } /* END header */ /* BEGIN artists list */ #artists-list .list .items .item .link-overall:hover ~ * { color: #bedff0; } #artists-list .list .items-list .item h3 a:hover { color: #bedff0; } /* END artists list */ /* BEGIN artist */ #artist .artist-data .content .content- .website-socials a:hover { color: #00cc9c; } /* END artist */ /* BEGIN faq */ #faq .groups .group .group-header { -webkit-transition: background-color 200ms ease 0ms; -moz-transition: background-color 200ms ease 0ms; -ms-transition: background-color 200ms ease 0ms; -o-transition: background-color 200ms ease 0ms; transition: background-color 200ms ease 0ms; } #faq .groups .group .group-header:hover { background-color: #b5e6ff; } #faq .groups .group .group-content .qas li .question:hover { background-color: #dcdcdc; } /* END faq */ /* BEGIN timetable */ #timetable.no-scenes .days .day .artists .artist:hover:before { background-color: rgba(255, 255, 255, 0.3); } #timetable.no-scenes .days .day .artists .artist:before { -webkit-transition: all 100ms ease 0ms; -moz-transition: all 100ms ease 0ms; -ms-transition: all 100ms ease 0ms; -o-transition: all 100ms ease 0ms; transition: all 100ms ease 0ms; } #timetable .days .day .day-header { -webkit-transition: background-color 200ms ease 0ms; -moz-transition: background-color 200ms ease 0ms; -ms-transition: background-color 200ms ease 0ms; -o-transition: background-color 200ms ease 0ms; transition: background-color 200ms ease 0ms; } #timetable .days .day .day-header:hover { background-color: #2a2a2a; } #timetable .days .day .day-content .scenes .slides > li .artists > li .artist .link-overall:hover + .artist- { background-color: rgba(255, 255, 255, 0.3); } #timetable .days .day .day-content .scenes .slides > li .artists > li .artist .artist- { -webkit-transition: background-color 100ms ease 0ms; -moz-transition: background-color 100ms ease 0ms; -ms-transition: background-color 100ms ease 0ms; -o-transition: background-color 100ms ease 0ms; transition: background-color 100ms ease 0ms; } #timetable .file .btn-primary:hover { background-color: #333; } /* END timetable */ /* BEGIN footer */ #f .footer-menu .menu-list-item ul li a:hover .txt { border-color: #fff; } #f .footer-menu .menu-list-item ul li a .txt { -webkit-transition: all 100ms ease 0ms; -moz-transition: all 100ms ease 0ms; -ms-transition: all 100ms ease 0ms; -o-transition: all 100ms ease 0ms; transition: all 100ms ease 0ms; border-bottom: 2px solid transparent; } #f .footer-menu .menu-list-item > ul > li:hover > ul { display: block; } /* END footer */ } /* END activate hovers only on desktop */ /* BEGIN tablet */ @media screen and (max-width: 1239px) { /* BEGIN header */ #h { padding-top: 20px; padding-bottom: 20px; } #h .logo-desc { margin-top: -5px; margin-bottom: -5px; } #h .logo-desc .logo { width: 90px; height: 88px; } #h .logo-desc .desc { height: 88px; font-size: 18px; } #h .main-menu { margin-top: 8px; } #h .main-menu nav > ul > li > ul.opened { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; visibility: visible; } /* END header */ /* BEGIN footer */ #f .footer-menu .menu-list-item > ul > li > ul.opened { display: block; } /* END footer */ } @media screen and (max-width: 1099px) { /* BEGIN section intro */ .sec-intro .intro-content h2 { font-size: 30px; line-height: 35px; } /* END section intro */ /* BEGIN slider full */ .slider-full .slides li .slide-content .heading h2 { font-size: 42px; line-height: 48px; } .slider-full .bx-pager { bottom: 40px; } /* END slider full */ /* BEGIN items grid */ .items-grid .ig-wrapper { padding-bottom: 60px; } .items-grid .ig-item .txt .date { margin-bottom: 15px; } .items-grid .ig-item-classic { margin-top: 60px; } .items-grid .ig-item-classic .ig-item- { margin: 0 30px; } .items-grid .ig-item-classic .txt { margin-top: 30px; } .items-grid .ig-item-hl .ig-item-- { padding: 60px 20px; } .items-grid .ig-item-hl .thumb-txt { height: 460px; } .items-grid .ig-item-full .ig-item- { height: 600px; } /* BEGIN items grid */ /* BEGIN filter hashtags */ .filter-hashtags { margin-right: 30px; margin-left: 30px; } /* END filter hashtags */ /* BEGIN header */ #h .menu-switcher { -webkit-transition: all 100ms ease 0ms; -moz-transition: all 100ms ease 0ms; -ms-transition: all 100ms ease 0ms; -o-transition: all 100ms ease 0ms; transition: all 100ms ease 0ms; display: block; overflow: hidden; position: absolute; top: 50%; right: 15px; z-index: 3; width: 40px; height: 40px; margin-top: -30px; } #h .menu-switcher .bar { -webkit-transition: all 100ms ease 0ms; -moz-transition: all 100ms ease 0ms; -ms-transition: all 100ms ease 0ms; -o-transition: all 100ms ease 0ms; transition: all 100ms ease 0ms; display: block; position: absolute; top: 50%; left: 50%; width: 30px; height: 3px; margin-left: -15px; background-color: #fff; } #h .menu-switcher .bar:first-child { margin-top: -9px; } #h .menu-switcher .bar:first-child + .bar { margin-top: -1px; } #h .menu-switcher .bar:first-child + .bar + .bar { margin-top: 7px; } #h .menu-switcher.active .bar:first-child { -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 50%; left: 50%; margin-top: -1px; } #h .menu-switcher.active .bar:first-child + .bar { -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); position: absolute; top: 50%; left: 50%; margin-top: -1px; } #h .menu-switcher.active .bar:first-child + .bar + .bar { display: none; } #h .main-menu { -webkit-transition: all 100ms ease 0ms; -moz-transition: all 100ms ease 0ms; -ms-transition: all 100ms ease 0ms; -o-transition: all 100ms ease 0ms; transition: all 100ms ease 0ms; float: none; overflow: auto; position: fixed; z-index: 1; top: 120%; right: 0; left: 0; height: 100%; margin: 0; padding: 0; background-color: rgba(0, 0, 0, 0.95); } #h .main-menu nav { display: table; float: none; width: 100%; height: 100%; } #h .main-menu nav > ul.menu-items { display: table-cell; float: none; vertical-align: middle; text-align: center; } #h .main-menu nav > ul.menu-items > li { padding: 2px 6px; } #h .main-menu nav > ul.menu-items > li:first-child { margin-top: 60px; } #h .main-menu nav > ul.menu-items > li:last-child { margin-bottom: 30px; } #h .main-menu nav > ul.menu-items > li.menu-item-has-children { padding-bottom: 10px; } #h .main-menu nav > ul.menu-items > li.menu-item-has-children > a { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); opacity: 0.5; } #h .main-menu nav > ul.menu-items > li > ul { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; visibility: visible; position: static; width: auto; padding-top: 0; border-bottom-width: 0; font-weight: normal; } #h .main-menu nav > ul.menu-items > li > ul:before { display: none; } #h .main-menu nav > ul.menu-items > li > ul > li { background-color: transparent; } #h .main-menu nav > ul.menu-items > li > ul > li:first-child { border-top-width: 0; } #h .main-menu nav > ul.menu-items > li > ul > li > a { display: inline-block; padding-top: 3px; padding-bottom: 3px; } #h .main-menu nav > ul.menu-items > li > a { padding-top: 6px; padding-bottom: 6px; } #h .main-menu nav > ul.languages { position: absolute; top: 20px; right: 20px; left: 20px; text-align: center; } #h .main-menu nav > ul.languages li { display: inline-block; } #h .main-menu nav > ul > li { float: none; } #h .main-menu nav > ul > li.menu-item-hl { margin-top: 15px; margin-bottom: 10px; } #h .main-menu nav > ul > li.menu-item-hl:last-child { margin-bottom: 0; } #h .main-menu nav > ul > li.menu-item-mobile { display: block; } #h .main-menu.opened { -moz-transform: translate3d(0, -120%, 0); -o-transform: translate3d(0, -120%, 0); -ms-transform: translate3d(0, -120%, 0); -webkit-transform: translate3d(0, -120%, 0); transform: translate3d(0, -120%, 0); } #h.compact .menu-switcher { margin-top: -25px; } #h.compact .main-menu { margin-top: 0; } /* END header */ /* BEGIN news list (home) */ #news-list-home .list { padding: 40px 0 60px; } #news-list-home .list .items { margin-top: -60px; } #news-list-home .list .items article { margin-top: 60px; } #news-list-home .list .items article .article- { margin: 0 30px; } #news-list-home .list .items article .thumb-txt .txt { margin-top: 30px; } #news-list-home .list .items article .thumb-txt .txt h3 { margin-top: 15px; } /* END news list (home) */ /* BEGIN about teaser */ #about-teaser .header .header-content { top: 60px; } #about-teaser .header .header-content h2 { font-size: 42px; line-height: 50px; } #about-teaser .info { margin-top: -50px; } #about-teaser .info .wrapper { padding: 40px; } #about-teaser .info .info-content { font-size: 26px; line-height: 31px; } #about-teaser .info .more { margin-top: 30px; } /* END about teaser */ /* BEGIN artist intro */ /* END artist intro */ /* BEGIN tickets */ #tickets .operators ul li { width: auto; } #tickets .operators ul li .li- { margin: 0 30px; } #tickets .passes { margin-top: 60px; } #tickets .passes .p-group .p-item h2 { font-size: 56px; line-height: 56px; } #tickets .passes .p-group .p-item h2 + .lead { margin-top: 15px; } #tickets .passes .p-group .p-item .description { margin-top: 20px; } #tickets .passes .p-group .p-item .p-links { margin-top: 30px; } #tickets .passes .p-group .p-item .p-operators { margin-top: 20px; } /* END tickets */ /* BEGIN news list intro */ #news-list-intro .intro-content .date { margin-bottom: 15px; } /* END news list intro */ /* BEGIN news single intro */ #news-single-intro { height: 85%; } /* END news single intro */ /* BEGIN news single */ #news-single .ns-content { margin-top: 30px; padding-bottom: 60px; } #news-single .ns-content .lead-content .c-col { width: 100%; } #news-single .ns-content .lead-content .c-col + .c-col { margin-top: 30px; } #news-single .ns-nav .items { margin-left: -10px; } #news-single .ns-nav .items li .item- { margin-left: 10px; } /* END news single */ /* BEGIN landing v1 */ #landing-v1 .info .info- { padding: 30px 0; } #landing-v1 .info .c-cols.c-cols-3 .c-col { width: 100%; } #landing-v1 .info .c-cols.c-cols-2 .c-col { width: 100%; } #landing-v1 .info .c-cols .c-col + .c-col { margin-top: 26px; } #landing-v1 .claim h2 { font-size: 30px; line-height: 36px; } #landing-v1 .slider { height: 1000px; } #landing-v1 .slider .slides li .slide-wrapper { position: absolute; z-index: 200; right: 20px; left: 20px; bottom: 200px; height: auto; } #landing-v1 .slider .slides li .slide-content .heading h2 { font-size: 42px; line-height: 48px; } #landing-v1 .slider .bx-pager { bottom: 120px; } #landing-v1 .illustration { height: 1000px; } #landing-v1 .illustration-hl .illustration-hl- .illustration-hl-- { padding: 60px 20px; } #landing-v1 .illustration-hl .illustration-hl- .illustration-hl-- .illustration-hl--- { height: 460px; } /* BEGIN landing v1 */ /* BEGIN faq */ #faq .groups .group .group-header h2 { font-size: 30px; line-height: 36px; } /* END faq */ /* BEGIN timetable intro */ #timetable-intro .switcher li a { font-size: 36px; line-height: 41px; } /* END timetable intro */ /* BEGIN timetable */ #timetable .days .day .day-header h2 { font-size: 48px; } #timetable .days .day .day-header h2 sup { top: 0; } #timetable .days .day .day-content .scenes .bx-controls-direction a .icon { font-size: 30px; line-height: 48px; } #timetable .file { padding: 40px 0; } /* END timetable */ /* BEGIN partners */ #partners .groups { margin-top: -20px; } #partners .groups .group { margin-top: 75px; } #partners .groups .group .items { margin-top: -10px; } /* END partners */ /* BEGIN contact */ #contact .c-cols .c-col { width: 100%; } #contact .c-cols .c-col + .c-col { margin-top: 36px; } #contact .c-cols .c-col.c-col-empty { display: none; } #contact .c-cols .c-col.c-col-empty + .c-col { margin-top: 0; } #contact .info .info- { padding: 25px 0 50px; } #contact .info .txt p, #contact .info .txt ol, #contact .info .txt ul { margin-top: 29px; font-size: 24px; line-height: 29px; } #contact .info .refs p, #contact .info .refs ol, #contact .info .refs ul { margin-top: 10px; } #contact .data { padding-right: 20px; padding-left: 20px; } /* END contact */ /* BEGIN footer */ #f .app { text-align: center; } #f .app .app- { float: none; } #f .app .c-label { display: none; } #f .app .app-buttons { float: none; margin-top: 0; margin-right: 0; margin-left: 0; } #f .name-playlist { text-align: center; } #f .name-playlist .name { float: none; margin-bottom: 30px; } #f .name-playlist .playlist { float: none; } #f .name-playlist .playlist .c-label { float: none; } #f .name-playlist .playlist .c-link { float: none; margin-top: 10px; margin-right: auto; margin-left: auto; } #f .footer-menu { text-align: center; } #f .footer-menu .menu-list-item:first-child { float: none; } #f .footer-menu .menu-list-item:first-child + .menu-list-item { float: none; margin-top: 10px; } #f .footer-menu .menu-list-item > ul.socials > li { margin-left: 10px; } #f .footer-menu .menu-list-item > ul > li { display: inline-block; float: none; margin: 0 10px; } #f .footer-menu .menu-list-item > ul > li.menu-item-sep { margin-left: 10px; } #f .footer-menu .menu-list-item > ul > li:first-child { margin-left: 10px; } #f .copyright { text-align: center; } /* END footer */ } @media screen and (max-width: 768px) { /* BEGIN artists intro */ #artists-intro .slider-header .intro-header .views-filters { float: none; } #artists-intro .slider-header .intro-header .views-filters .views { float: right; margin-right: 0; } #artists-intro .slider-header .intro-header .views-filters .filters { float: none; clear: both; padding-top: 15px; } #artists-intro .slider-header .intro-header .views-filters .filters .filter { float: none; margin-left: 0; } #artists-intro .slider-header .intro-header .views-filters .filters .filter.filter-select { width: auto; } /* END artists intro */ /* BEGIN artists list */ #artists-list .list .items .item { width: 50%; margin-top: 60px; } #artists-list .list .items .item:nth-child(3n+1) { clear: none; } #artists-list .list .items .item:nth-child(2n+1) { clear: left; } #artists-list .list .items .item .photo { margin-bottom: 15px; } /* END artists list */ /* BEGIN artist */ #artist .artist-data .content { min-height: 0; padding-right: 0; } #artist .artist-data .refs { position: static; width: auto; max-width: 355px; margin: 45px auto 0; } /* END artist */ /* BEGIN timetable */ #timetable.switched .days .day .day-content .scenes .bx-controls-direction a { color: #141414; } #timetable .days .day .day-content { position: static; } #timetable .days .day .day-content .hours + .hours { display: none; } #timetable .days .day .day-content .scenes .bx-controls-direction a { bottom: auto; width: auto; padding: 20px; background-color: transparent; } #timetable .days .day .day-content .scenes .bx-controls-direction a.bx-prev { left: 0; } #timetable .days .day .day-content .scenes .bx-controls-direction a.bx-next { right: 0; } #timetable .days .day .day-content .scenes .bx-controls-direction a .icon { position: static; margin-top: 0; } /* END timetable */ } /* END tablet */ /* BEGIN mobile */ @media screen and (max-width: 649px) { /* BEGIN layout */ body, button, input, select, textarea { font-size: 16px; } h1, h2 { font-size: 32px; line-height: 37px; } h3 { font-size: 24px; line-height: 29px; } /* END layout */ /* BEGIN entry */ .slider-full .slides li .slide-content .description p, #artist .artist-data .content .content- .description p, #news-single .ns-content .lead-content .lead p, #news-single .ns-content .lead-content .content p, #landing-v1 .info .txt p, #contact .info .txt p, #contact .data .txt p, #faq .groups .group .group-content .qas li .answer .answer- p, .slider-full .slides li .slide-content .description ol, #artist .artist-data .content .content- .description ol, #news-single .ns-content .lead-content .lead ol, #news-single .ns-content .lead-content .content ol, #landing-v1 .info .txt ol, #contact .info .txt ol, #contact .data .txt ol, #faq .groups .group .group-content .qas li .answer .answer- ol, .slider-full .slides li .slide-content .description ul, #artist .artist-data .content .content- .description ul, #news-single .ns-content .lead-content .lead ul, #news-single .ns-content .lead-content .content ul, #landing-v1 .info .txt ul, #contact .info .txt ul, #contact .data .txt ul, #faq .groups .group .group-content .qas li .answer .answer- ul { margin-top: 23px; font-size: 16px; line-height: 23px; } /* END entry */ /* BEGIN wide container */ .wide-container { margin: 0; } /* END wide container */ /* BEGIN buttons */ .btn { padding: 8px 32px; font-size: 24px; line-height: 30px; } .btn-hl { padding: 12px; font-size: 16px; line-height: 23px; } .btn-hl .icon { font-size: 20px; line-height: 23px; } /* END buttons */ /* BEGIN form */ .form .form-row.form-row-submit { margin-top: 25px; } .form .form-row.form-row-sep-lg-1 { margin-top: 25px; } .form .form-row .form-item input[type="text"], .form .form-row .form-item input[type="email"], .form .form-row .form-item input[type="number"], .form .form-row .form-item input[type="tel"], .form .form-row .form-item input[type="password"], .form .form-row .form-item textarea { padding-top: 8px; padding-bottom: 8px; font-size: 16px; line-height: 22px; } .form .form-row .form-item .fi-label { font-size: 16px; line-height: 23px; } .form .validation-msg, .form span.wpcf7-not-valid-tip { font-size: 16px; line-height: 23px; } .form div.wpcf7-response-output, .form .form-message { font-size: 18px; line-height: 26px; } /* END form */ /* BEGIN intro header */ .intro-header .outer { padding: 15px 0; } .intro-header .close-wrapper { padding-right: 40px; } .intro-header .close-wrapper .close { margin-top: -10px; font-size: 20px; } /* END intro header */ /* BEGIN section intro */ .sec-intro .intro-content h2 { font-size: 24px; line-height: 29px; } /* END section intro */ /* BEGIN slider full */ .slider-full .slides li .slide-content .slide-content- { padding-top: 25px; } .slider-full .slides li .slide-content .heading h2 { font-size: 32px; line-height: 32px; } .slider-full .bx-pager { bottom: 20px; } /* END slider full */ /* BEGIN items grid */ .items-grid .ig-wrapper { padding-bottom: 30px; } .items-grid .ig-item .txt .date { margin-bottom: 5px; } .items-grid .ig-item .txt h2 { font-size: 24px; line-height: 29px; } .items-grid .ig-item .txt .description { margin-top: 10px; } .items-grid .ig-item .txt .description p { font-size: 14px; } .items-grid .ig-item-classic { width: 100%; margin-top: 40px; } .items-grid .ig-item-classic .ig-item- { margin: 0; } .items-grid .ig-item-classic .txt { margin-top: 12px; } .items-grid .ig-item-classic .txt h2 { font-size: 24px; line-height: 29px; } .items-grid .ig-item-hl .ig-item-- { padding: 20px; } .items-grid .ig-item-hl .thumb-txt { height: 280px; } .items-grid .ig-item-full .ig-item- { height: 280px; } /* BEGIN items grid */ /* BEGIN filter hashtags */ .filter-hashtags { margin-right: 0; margin-left: 0; } .filter-hashtags .c-label { float: none; margin-top: 0; margin-right: 0; } .filter-hashtags .c-fields { margin-top: 7px; } /* END filter hashtags */ /* BEGIN app buttons */ .app-buttons .ab { width: 130px; height: 38px; margin-right: 5px; margin-left: 5px; } /* END app buttons */ /* BEGIN header */ #h { padding-top: 15px; padding-bottom: 15px; } #h .logo-desc { margin-top: 0; margin-bottom: 0; } #h .logo-desc .logo { width: 41px; height: 40px; margin: 0; } #h .logo-desc .desc { display: none; } #h .menu-switcher { margin-top: -20px; } #h .main-menu nav > ul.menu-items { text-align: left; } #h .main-menu nav > ul.menu-items > li > ul { padding-left: 20px; } #h.compact { padding-top: 10px; padding-bottom: 10px; } #h.compact .logo-desc { margin-top: 0; margin-bottom: 0; } #h.compact .logo-desc .logo { width: 41px; height: 40px; margin: 0; } #h.compact .menu-switcher { margin-top: -20px; } /* END header */ /* BEGIN news list (home) */ #news-list-home .list { padding: 30px 0; } #news-list-home .list .list-header { margin-bottom: 40px; } #news-list-home .list .items { margin-top: -40px; } #news-list-home .list .items article { width: 100%; margin-top: 40px; } #news-list-home .list .items article .article- { margin: 0; } #news-list-home .list .items article .thumb-txt .txt { margin-top: 12px; } #news-list-home .list .items article .thumb-txt .txt h3 { margin-top: 5px; } #news-list-home .more-items { margin-top: 0; } #news-list-home .more-items .more- { padding-top: 30px; padding-bottom: 30px; } /* END news list (home) */ /* BEGIN about teaser */ #about-teaser .header .header-content { position: relative; top: 0; margin-top: -90px; padding-bottom: 40px; } #about-teaser .header .header-content h2 { font-size: 30px; line-height: 36px; } #about-teaser .info { margin-top: -10px; } #about-teaser .info .wrapper { padding: 30px 20px; } #about-teaser .info .info-content { font-size: 18px; line-height: 22px; } #about-teaser .info .more { margin-top: 15px; } /* END about teaser */ /* BEGIN artists intro */ #artists-intro .slider-header .intro-header .views-filters .views li a .icon { line-height: 37px; } /* END artists intro */ /* BEGIN artists list */ #artists-list .list .items-list { margin-top: 20px; margin-left: -25px; } #artists-list .list .items-list .item { margin-top: 5px; margin-left: 25x; } #artists-list .list .items-list .item.headliner h3 { font-size: 32px; } #artists-list .list .items-list .item h3 { font-size: 20px; } /* END artists list */ /* BEGIN artist intro */ #artist-intro .intro-header .date-scene-name .date-scene { padding: 15px 0; font-size: 20px; } #artist-intro .intro-header .date-scene-name .name { padding: 15px 0; } /* END artist intro */ /* BEGIN artist */ #artist .artist-data { margin-top: 10px; } #artist .artist-data .content .content- .website-socials { margin-top: 20px; } #artist .artist-data .gallery { margin-top: 10px; margin-left: -20px; } #artist .artist-data .gallery li { width: 50%; margin-top: 20px; } #artist .artist-data .gallery li:nth-child(3n+1) { clear: none; } #artist .artist-data .gallery li:nth-child(2n+1) { clear: left; } #artist .artist-data .gallery li .li- { margin-left: 20px; } #artist .artist-data .refs { margin-top: 35px; } #artist .artist-data .refs li { margin-top: 10px; } /* END artist */ /* BEGIN tickets intro */ #tickets-intro .intro-content .btn { font-size: 30px; line-height: 36px; } #tickets-intro .intro-content .btn .ticket-operator { margin-top: 15px; } /* END tickets intro */ /* BEGIN tickets */ #tickets .operators { margin-top: 10px; } #tickets .passes { display: block; width: auto; margin: 30px -20px 0; } #tickets .passes .p-group { display: block; } #tickets .passes .p-group .p-item { display: block; width: auto; } #tickets .passes .p-group .p-item .p-item- { padding: 20px 20px 30px; } #tickets .passes .p-group .p-item .lead p { font-size: 24px; line-height: 29px; } #tickets .passes .p-group .p-item .description p { line-height: 22px; } #tickets .passes .p-group .p-item .p-links { margin-top: 25px; } #tickets .passes .p-group .p-item .p-links li { margin-top: 8px; } #tickets .passes .p-group .p-item .p-links li:first-child + li { margin-top: 15px; } /* END tickets */ /* BEGIN news single intro */ #news-single-intro { height: 75%; } /* END news single intro */ /* BEGIN news single */ #news-single .ns-content { margin-top: 10px; padding-bottom: 30px; } #news-single .ns-content .lead-content { margin-top: 25px; } #news-single .ns-content .lead-content .lead p, #news-single .ns-content .lead-content .lead ol, #news-single .ns-content .lead-content .lead ul { margin-top: 26px; font-size: 20px; line-height: 26px; } #news-single .ns-content .lead-content .lead ol, #news-single .ns-content .lead-content .lead ul { margin-left: 20px; } #news-single .ns-content .lead-content .lead ol li + li, #news-single .ns-content .lead-content .lead ul li + li { margin-top: 17px; } #news-single .ns-content .lead-content .lead ul li:before { top: 11px; left: -15px; width: 5px; height: 5px; } #news-single .ns-nav { margin-top: 0; padding: 20px 0; } #news-single .ns-nav .items li { width: 50%; } #news-single .ns-nav .items li:nth-child(2) { display: none; } /* END news single */ /* BEGIN landing v1 */ #landing-v1 .el-offset-up { margin-top: 0; } #landing-v1 .el-offset-down { margin-top: 50px; } #landing-v1 .info .info- { padding: 20px 0; } #landing-v1 .info .c-cols .c-col + .c-col { margin-top: 23px; } #landing-v1 .claim { padding-top: 50px; } #landing-v1 .claim h2 { font-size: 24px; line-height: 29px; } #landing-v1 .slider { height: 300px; } #landing-v1 .slider .slides li .slide-wrapper { position: static; height: 100%; } #landing-v1 .slider .slides li .slide-content .heading h2 { font-size: 30px; line-height: 36px; } #landing-v1 .slider .bx-pager { bottom: 20px; } #landing-v1 .slider .bx-pager .bx-pager-item { margin-right: 9px; margin-left: 9px; } #landing-v1 .illustration { height: 300px; } #landing-v1 .illustration-hl .illustration-hl- .illustration-hl-- { padding: 20px; } #landing-v1 .illustration-hl .illustration-hl- .illustration-hl-- .illustration-hl--- { height: 280px; } #landing-v1 .content-illustration .ci-content { position: static; } /* BEGIN landing v1 */ /* BEGIN faq */ #faq .groups .group .group-header { padding: 12px 20px; } #faq .groups .group .group-header h2 { font-size: 24px; line-height: 29px; } #faq .groups .group .group-content .qas li { border-top: 1px solid #e6e6e6; } #faq .groups .group .group-content .qas li .question { padding: 12px 0; } /* END faq */ /* BEGIN partners */ #partners .groups .group { margin-top: 50px; } #partners .groups .group .items li { margin: 20px 30px 0; } #partners .groups .group .items li .logo { height: 100px; } #partners .groups .group .items li .logo a { display: inline-block; height: 100%; } #partners .groups .group .items li .logo img { max-width: 100%; max-height: 100%; } /* END partners */ /* BEGIN contact */ #contact .c-cols .c-col + .c-col { margin-top: 23px; } #contact .info .info- { padding: 10px 0 30px; } #contact .info .refs p, #contact .info .refs ol, #contact .info .refs ul { margin-top: 10px; } #contact .data { padding: 25px 0; } /* END contact */ /* BEGIN timetable intro */ #timetable-intro { height: 150px; } #timetable-intro .switcher li a { padding-top: 15px; padding-bottom: 15px; font-size: 30px; line-height: 33px; } /* END timetable intro */ /* BEGIN timetable */ #timetable .days .day .day-header { padding-right: 40px; padding-left: 40px; text-align: center; } #timetable .days .day .day-header .day-header- .day-header-- { margin-left: 0; } #timetable .days .day .day-header h2 { font-size: 36px; } #timetable .days .day .day-header h2 sup { top: -1px; font-size: 16px; } #timetable .days .day .day-content .hours li { height: 56px; } #timetable .days .day .day-content .hours li:first-child { height: 82px; } #timetable .days .day .day-content .scenes .slides > li .scene-name { height: 82px; } #timetable .days .day .day-content .scenes .slides > li .scene-name .name { line-height: 16px; height: 32px; } #timetable .days .day .day-content .scenes .slides > li .artists > li { height: 14px; } #timetable .days .day .day-content .scenes .slides > li .artists > li .artist { font-size: 16px; line-height: 16px; } #timetable .days .day .day-content .scenes .bx-controls-direction a .icon { font-size: 20px; line-height: 36px; } #timetable .file { padding: 25px 0; } /* END timetable */ /* BEGIN elements list */ #elements-list .elements-lead { margin-top: 0; margin-bottom: 30px; } #elements-list .elements-lead p { font-size: 16px; line-height: 21px; } #elements-list .filter-hashtags-wrapper { margin-top: 0; } #elements-list .ig-wrapper { margin-top: -20px; } /* END elements list */ /* BEGIN footer */ #f { margin-top: 45px; } #f .buy-ticket { margin-bottom: 45px; } #f .app { margin-right: -10px; margin-left: -10px; margin-bottom: 35px; } #f .name-playlist .name { display: none; } #f .name-playlist .playlist .c-link { margin-top: 8px; width: 99px; height: 30px; } #f .footer-menu { padding-bottom: 0; } #f .footer-menu .menu-list-item:first-child + .menu-list-item { margin-top: 7px; } #f .footer-menu .menu-list-item > ul { margin: 0 -10px; font-size: 16px; line-height: 26px; } #f .footer-menu .menu-list-item > ul.socials li { margin-left: 6px; } #f .footer-menu .menu-list-item > ul.socials li a .icon { font-size: 26px; } #f .footer-menu .menu-list-item > ul > li { margin: 0 6px; } #f .footer-menu .menu-list-item > ul > li.menu-item-sep { margin-left: 6px; } #f .footer-menu .menu-list-item > ul > li:first-child { margin-left: 6px; } #f .copyright { margin-top: 30px; } /* END footer */ } @media screen and (max-width: 399px) { /* BEGIN artists list */ #artists-list .list .items .item { width: 100%; margin-top: 30px; } /* END artists list */ } /* END mobile */ /* ######################## additions 2019 ######################### */ .scenes { position: relative; z-index: 11; } .link-overall { z-index: 2; } .artists:hover { filter: brightness(1.2); } .artists_unset { height: 10px; } .artist_.unset { background: #ccc; color: #000; display: flex; align-content: center; font-weight: bold; padding: 0 10px; border-radius: 5px; box-shadow: 0 0 5px black; margin: 0 0 10px 0; position: relative; } .artist_.unset:hover { filter: brightness(1.2); } #timetable .days .day .day-content .scenes .slides > li .artists > li { border-right: none; position: relative; } #timetable .days .day .day-content .scenes .slides > li .artists > li:hover { z-index: 3; } #timetable .days .day .day-content .scenes .slides > li .artists > li .artist { border-radius: 0; box-shadow: 0 0 5px black; /* filter: brightness(1.2); */ margin: 0 1px 0 1px; } #timetable .days .day .day-content .scenes .slides > li .artists > li .artist:before { opacity: 0; } #timetable .days .day .day-content .scenes .slides > li .artists > li .artist:after { opacity: 0; } #timetable .days .day .day-content .scenes .slides > li .artists > li:nth-child(4n):after { opacity: .4; } .slide-wrapper .description img { width: 100% !important; height: auto !important; border: 1px solid; } .scenes.wersja_opisowa .bx-viewport { color: #000; padding: 4rem; font-size: 2rem; } #timetable .days .day .day-content .scenes .bx-controls-direction a.bx-next { right: 0; } #timetable .days .day .day-content .scenes .bx-controls-direction a.bx-prev { left: 0; } .day-content .bx-viewport a { color: #000; } #artist-intro .intro-header .date-scene-name .date-scene .date span { display: none !important; } #timetable-intro .intro-header { display: none !important; } #timetable-intro .bg-cover { background-position: center 20%; } /* one page event view */ #timetable .days .day .day-content h3 { display: block; width: 100%; max-width: 1400px; padding: 2rem 0; text-align: center; color: #000; border-bottom: 2px solid; margin-left: 60px; } .day-nr-4 .h3_day_1 { display: none !important; } .day-nr-0 .h3_day_1 { display: none !important; } .day-nr-5 .h3_day_1 { background: #E4D0C7; } #timetable .days .day-nr-5.day .day-content .day_1 .scenes .slides > li .scene-name { background: #E4D0C7; } .day-nr-5 .h3_day_2 { background: #84B5D6; } #timetable .days .day-nr-5.day .day-content .day_2 .scenes .slides > li .scene-name { background: #84B5D6; } .day-nr-6 .h3_day_1 { background: #E4D0C7; } #timetable .days .day-nr-6.day .day-content .day_1 .scenes .slides > li .scene-name { background: #E4D0C7; } .day-nr-6 .h3_day_2 { background: #84B5D6; } #timetable .days .day-nr-6.day .day-content .day_2 .scenes .slides > li .scene-name { background: #84B5D6; } #timetable .days .day .day-content .day-content- { position: relative; } #timetable .days .day .day-content .day-content-.day_1 .bx-wrapper { max-width: 1400px !important; } #timetable .days .day .day-content .day-content-.day_1 .bx-viewport ul.artists, #timetable .days .day .day-content .day-content-.day_1 .bx-viewport ul > li { width: 467px !important; text-align: center; } #timetable .days .day .day-content .day-content-.day_1.event_5 .bx-viewport ul > li { width: 466px !important; } #timetable .days .day .day-content .day-content-.day_1.event_6 .bx-viewport ul > li { width: 350px !important; } #timetable .days .day.day-theme-v5 .day-content .scenes .slides > li .artists > li, #timetable .days .day.day-theme-v5 .day-content .scenes .slides > li .artists > li .artist { background-color: #F1FFFF; } #timetable .days .day.day-theme-v5.day-nr-5 .day-content .day_1 .scenes .slides > li .artists > li, #timetable .days .day.day-theme-v5 .day-content .day_1 .scenes .slides > li .artists > li .artist { background-color: #F5F4F0; } #timetable .days .day.day-theme-v1 .day-content .scenes .slides > li .artists > li, #timetable .days .day.day-theme-v1 .day-content .scenes .slides > li .artists > li .artist { background-color: #F1FFFF; } #timetable .days .day.day-theme-v1.day-nr-6 .day-content .day_1 .scenes .slides > li .artists > li, #timetable .days .day.day-theme-v1 .day-content .day_1 .scenes .slides > li .artists > li .artist { background-color: #F5F4F0; } /* disable later */ #timetable.no-hours .days .day .day-content .hours + .hours li, #timetable.no-hours .days .day .day-content .hours li { height: auto !important; } #timetable.no-hours .days .day .day-content .scenes .slides > li .artists > li .artist { height: 61px !important; } #timetable.no-hours .days .day.day-theme-v1 .day-content .scenes .slides > li .artists > li { height: 64px !important; } #timetable.no-hours .days .day.day-theme-v1 .day-content .scenes .slides > li .artists > li.empty { height: 0 !important; } #timetable.no-hours .days .day.day-theme-v2 .day-content .scenes .slides > li .artists > li { height: 64px !important; } #timetable.no-hours .days .day.day-theme-v2 .day-content .scenes .slides > li .artists > li.empty { height: 0 !important; } #timetable.no-hours .days .day.day-theme-v3 .day-content .scenes .slides > li .artists > li { height: 64px !important; } #timetable.no-hours .days .day.day-theme-v3 .day-content .scenes .slides > li .artists > li.empty { height: 0 !important; } #timetable.no-hours .days .day.day-theme-v4 .day-content .scenes .slides > li .artists > li { height: 64px !important; } #timetable.no-hours .days .day.day-theme-v4 .day-content .scenes .slides > li .artists > li.empty { height: 0 !important; } #timetable.no-hours .days .day.day-theme-v5 .day-content .scenes .slides > li .artists > li { height: 64px !important; } #timetable.no-hours .days .day.day-theme-v5 .day-content .scenes .slides > li .artists > li.empty { height: 0 !important; } #timetable.no-hours .days .day .bx-viewport { background: #fff; } #timetable.no-hours .days .day .day-content .scenes .slides > li .artists > li .artist:after, #timetable.no-hours .days .day .day-content .scenes .slides > li .artists > li .artist:before, #timetable.no-hours .days .day .day-content .scenes .slides > li .artists > li:nth-child(4n):after { display: none !important; } .days .day .scenes > small { font-weight: normal; padding: 1em 0 1em 0; display: block; position: absolute; z-index: 2; top: 2rem; left: 1rem; color: #000; } /* no scenes */ #timetable.no-scenes .artists { display: flex; flex-wrap: wrap; } #timetable.no-scenes .artists:hover { filter: none; } #timetable.no-scenes .artists .artist { display: block; flex: 0 0 calc(20% - 4rem - 4px); background: #fff; border: 2px solid black; padding: 2rem; position: relative; height: auto !important; } #timetable.no-scenes .artists .artist a, #timetable.no-scenes .artists .artist div { color: #000 !important; } #timetable.no-scenes .days .day .day-content h3 { margin-left: 0; max-width: 100%; } #timetable.no-scenes .days .day .day-content .day-content-.day_1 .bx-wrapper { max-width: 100% !important; } #timetable.no-scenes .h3_day_1 { display: none !important; } @media screen and (max-width: 1099px) { #timetable.no-scenes .artists .artist { flex: 0 0 calc(33.33% - 4rem - 4px); } } @media screen and (max-width: 768px) { .days .day .scenes > small { top: 8rem; } } @media screen and (max-width: 649px) { .days .day .scenes > small { top: 6rem; } #timetable.no-scenes .artists .artist { flex: 0 0 calc(50% - 44px); padding: 20px; } .scenes.wersja_opisowa .bx-viewport { padding: 20px; font-size: 20px; } } .days .day .scenes > small#small2nd { display: none; } .days .day.day-nr-4 .scenes > small { display: none; } .days .day.day-nr-0 .scenes > small#small2nd { display: block; padding-top: 0; } #timetable.no-hours .days .day.day-nr-4 .day-content .scenes .slides > li { width: 100%; text-align: center; float: none; } #timetable.no-hours .days .day.day-nr-0 .day-content .scenes .slides > li { width: 100%; text-align: center; float: none; }