html,button,input,select,textarea { color: #97999c; }
html,body,button,input,select,textarea,li { font-family: centrale_sans_regular, "Helvetica Neue", Helvetica, Arial, sans-serif; }
/* ==========================================================================
Typo */
body * { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -moz-background-clip:padding-box !important; -webkit-background-clip:padding-box !important; background-clip:padding-box !important; }
body { color: black; font-size: 14px; line-height: 1.4; position: relative; }
p,h1,h2,h3,h4 { color: #101010; }
p { }
h1 { font-size: 2.2em; line-height: 1.2em; font-weight: normal; font-family: centrale_sans_bold; }
h2 { font-size: 1em; line-height: 1.2em; font-weight: normal; }
h3 { font-size: 1.6em; font-weight: normal; font-family: centrale_sans_bold; }
strong, b { font-family: centrale_sans_bold; font-weight: normal; }
a { color: #101010; text-decoration: none; outline: none !important; }
a:hover { color:#97999c; }
a:active { outline: none; }
img { max-width: 100%; }
/* ==========================================================================
Layout & Grid - tutaj gridpak */
.proportion { position: relative; height: 0; width: 100%; padding-bottom: 56.25%; overflow: hidden; }
.proportion * { width: 100%; height: 100%; position: absolute; top:0px; left: 0px; }
/* ==========================================================================
Sections */
body { padding-top: 65px; /*margin-top: 56.25%; *//* proporcje 16/9 */ /*border-top:10px solid transparent;*/ }
/* Klasy ogolne - do wielu sekcji */
.standard_section { }
.standard_section:before,.standard_section:after{content:" ";display:table}.standard_section:after{clear:both}.standard_section{*zoom:1}
.content_wide_60 { padding-left: 20%; padding-right: 20%; }
.content_wide_70 { padding-left: 15%; padding-right: 15%; }
.content_wide_80 { padding-left: 10%; padding-right: 10%; }
.content_wide_90 { padding-left: 5%; padding-right: 5%; }
#page { position: relative; }
#page_temp { position: absolute; top:65px; width: 100%; left: 0px; }
/* MENU */
body.fixedmenu { }
body header { position: fixed; top:0px; }
body.fixedmenu header > div { top:-45px; opacity: 0.7; }
body.fixedmenu header:hover > div { top:0px; opacity: 1; }
body.fixedmenu .slider { /*margin-top: 0px;*/ }
body.staticmenu { padding-top: 0px; }
body.staticmenu header { position: static; }
header { position: absolute; top:0px; height: 65px; width: 100%; z-index: 999; }
header > div { position: absolute; top:0px; left:0px; background-color: #dbdbdb; width: 100%; height: 65px; }
header > div > p { font-size: 0.8em; color: #666; padding-top: 6px; }
header a.logo { position:absolute; display: block; padding:0 1%; width: 168px; line-height: 55px; }
header > div > nav { margin-left: 240px; }
header > div > nav ul { display: block; margin: 0; padding: 0; }
header > div > nav li { display: inline-block; margin: 0; padding: 0 4% 0 0; }
header > div > nav li a { text-decoration: none; padding-bottom: 3px; letter-spacing: 1px; line-height: 65px; border-bottom: 3px solid transparent; /* font-weight: bold; */ }
header > div > nav li a:hover, header > div > nav li.active a, header > div > nav li.active a { border-bottom: 3px solid black; color: #000; }
header li.language { position: absolute; top:0px; right: 10px; width: 50px; line-height: 65px; font-size: 12px; }
header li.language a { color: #999; }
#pull { float: right; padding-right: 20px; line-height: 62px; font-size: 3em; display: none; }
/* SUBMENU */
.sub { position: absolute; width: 100%; top:0px; z-index: 111; text-align: center; }
.sub ul, .sub li { margin: 0px; padding: 0px; }
.sub li { display: inline-block; padding: 10px 15px; }
.sub a { padding-bottom: 3px; line-height: 1em; letter-spacing: 1px; border-bottom:3px solid transparent; display: inline-block; color: #e4322f; }
.sub a:hover, .sub a.selected { border-bottom: 3px solid #e4322f; }
#audio_player { position: absolute; text-align: center; right: 80px; top:0px; height: 65px; z-index: 1000; } /* nazwa dobrze, jak jest opisowa, w tym przypadku, do czego służy ten element */
#audio_player nav { display: block; height: 65px; }
#audio_player nav a { display: inline-block; font-size: 1.6em; padding: 20px 5px 0px; }
#audio_player nav a:hover { color: #fff; }
#audio_player ul { display: block; margin: 0px; padding: 0px; visibility:hidden; }
#audio_player ul li { text-align: left; display: block; list-style: none; margin: 0px; padding: 10px 40px 10px 10px; background-color:#e4322f; }
#audio_player li i { border-bottom: none; display: inline-block; vertical-align: middle; }
#audio_player li a { border-bottom: none; display: inline-block; vertical-align: middle; }
#audio_player li.playing a, #audio_player li a:hover { color: #fff; }
#audio_player li a:before { padding-right: 7px; display: inline-block; vertical-align: middle; }
#trackinfo { position: absolute; margin: 0px; padding: 0px; top: 45px; height: 20px; width: 100%; }
#tracktimer { padding-right: 5px; display: inline-block; width: 45px; }
/* Intro */
.intro { width: 100%; height: 100%; position: fixed; z-index: 9999; top: 0; left: 0; background-color: #161416; }
.intro figure { display: block; width: 100%; height: 100%; position: relative; z-index: 999; }
.intro figure>img { max-width: none; position: absolute; top:50%; left: 50%; margin-left: -950px; margin-top: -633px; z-index: -1; }
.intro figure span { display: block; width: 480px; position: absolute; top:50%; left: 50%; margin-left: -240px; margin-top: -70px; }
.intro figure:after { content: ""; width: 100%; height: 100%; position: absolute; top:0px; left: 0px; z-index: 999; }
/* Slider */
.slider { position: relative; width:100%; padding-bottom: 45%; height: 0; background: #161416;}
.slider article { width: 100%; height: 100%; position: absolute; }
.slider article > div { position: absolute; width: 100%; bottom: 18%; padding: 0px 20% 0px 10%; }
.slider h1 { font-size: 5.5em; line-height: 1.1em; font-family: 'Abril Fatface'; margin:0; padding: 0 0; margin-bottom: 6px; }
.slider p { width: 80%; font-size: 1.4em; margin: 0px 0px 0px; line-height: 1.3em; }
p.subtitle_slider { font-family: centrale_sans_bold; letter-spacing: 2px; margin: 30px 0px 15px; }
.slider .icon-plus-circled { font-size: 1.4em; text-align: left; padding: 0px; text-indent: -5px; }
.slider nav { position: absolute; bottom: 50px; width: 100%; text-align: center; }
.slider nav ul { margin: 0px; padding: 0px; }
.slider nav li { list-style: none; display: inline-block; padding: 0px; margin: 0px 2px; }
.slider nav a { width: 16px; height: 16px; display: inline-block; border: 2px solid white; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; }
.slider nav a:hover, .slider nav a.active { background-color: #fff; }
.slider article.with_thumb { }
.slider article.with_thumb > div { z-index: 0; width:100%; bottom: 15%; padding-left: 42%; padding-right: 0%; }
.slider article.with_thumb figure { z-index: 1; width:31%; position: absolute; left: 6%; bottom:15%; padding-left: 0px; }
.slider article.with_thumb figure img {
filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+, Firefox on Android */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}
.slider article.with_thumb figure a:hover img {
filter: url("data:image/svg+xml;utf8,#grayscale");
-webkit-filter: grayscale(0%);
}
.slider article.dark { background: #161416; }
.slider article.dark p, .slider article.dark h1, .slider article.dark a { color: #fff; }
.slider article.dark a:hover { color: #FDFAB9; }
.slider nav.dark a { border-color: white; }
.slider nav.dark a:hover, .slider nav.dark a.active { background-color: #faa; }
.slider article.yellow { background: #FDFF60; }
.slider article.yellow p, .slider article.yellow h1, .slider article.yellow a { color: #101010; }
.slider article.yellow a:hover { color: #fff; }
.slider nav.yellow a { border-color: #101010; }
.slider nav.yellow a:hover, .slider nav.yellow a.active { background-color: #101010; }
/* Newslist */
.news_list { background: #fff; padding-top: 80px; }
.news_list div { position: relative; }
.news_list article { position: relative; z-index: 1; margin-bottom: 50px; }
.news_list article.featured:after { z-index: -1; content: " "; display: block; height: 100%; width: 100%; border: 15px solid #FDFAB9; position: absolute; top: -15px; left: -15px; background-color:#FDFAB9; }
.news_list figure { width: 70%; margin: 10px auto 0; margin-bottom: 20px; }
.news_list figure a img { display: block; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;
filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+, Firefox on Android */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}
.news_list figure a:hover img {
opacity: 1;
filter: url("data:image/svg+xml;utf8,#grayscale");
-webkit-filter: grayscale(0%);
}
.news_list h1 { font-size: 1.8em; margin-bottom: 20px; }
.news_list p { color: #000; }
.news_list article.featured a:hover { color: #ffd600; }
.news_list .icon-plus { font-size: 20px; line-height: 1em; position: relative; right: 2px; display: block; }
.news_list { position: relative; width: 100%; overflow: hidden; }
#news { position: absolute; top:0px; left: 0px; width: 100%; }
#news article { width: auto; }
/*Podstrony*/
/*Aktualnosci*/
.news { padding-top: 80px; }
.news article { position: relative; }
.news h1 { font-size: 1em;text-transform: uppercase;}
.news blockquote { margin: 0px; padding: 0px; font-family: 'Abril Fatface'; font-size: 2.5em; width: 60%; position: absolute; left: 120%; }
.news p { margin: 20px 0px; }
.news p a { font-family: centrale_sans_bold; text-decoration: underline; }
.socials_bottom { margin-bottom: 50px; }
.socials_bottom:after { content:" "; display: block; border-bottom: 2px solid #000; position: relative; left: -30%; }
.socials_bottom ul { margin: 0px; padding: 20px 0px 10px; }
.socials_bottom li { list-style: none; display: inline-block; }
.socials_bottom li>a { display: inline-block; line-height: 30px; font-size: 30px; text-decoration: none; }
.socials_bottom li.social_show a { margin-left: 15px; width: 30px; position: relative; /*background-color: #111; border-radius: 15px;*/ }
.socials_bottom li.social_show a:hover { list-style: none; width: 150px; }
.socials_bottom li.social_show a span { position: absolute; top:3px; left: 10px; display: block; width: 0px; visibility: hidden; }
.socials_bottom li.social_show a:hover span { width: 150px; visibility: visible; }
.socials_bottom li.social_show span div { position: absolute; top:0px; left: 20px; display: block; width: 150px; z-index: 2; }
/* -- Kalendarz -- */
.page-template-p-events-php, .calendar { background-color: #161416; overflow: hidden; }
.calendar * { color: white; }
.calendar p.month { font-size: 1.7em; font-weight: bold; margin: 20px 0 20px 0px; padding: 35px 0px 25px; padding-left: 51%; text-indent: 15px; border-top: 3px solid white; display: inline-block; } /*miesiac*/
.calendar p.month:first-child { border-top: 0px; text-indent: 0px; }
.calendar p.month.odd { text-indent: 0px; padding-left:0px; margin-left: 52.2%; display: block; }
.calendar article { margin-bottom: 50px; }
.calendar article p { margin:0px; }
.calendar article:before,.calendar article:after{content:" ";display:table}.calendar article:after{clear:both}.calendar article{*zoom:1}
.calendar article time { font-size: 2.8em; line-height: 1em; font-family: centrale_sans_bold; text-align: right; } /*dzien miesiaca*/
.calendar article h3 { margin:0px 0px 5px; line-height: 1.2em; font-family: centrale_sans_regular; font-weight: bold; }
.calendar article div { }
.calendar article a.event_more { display: inline-block; width: 20px; height: 20px; font-size: 20px; line-height: 20px; position: relative; top: 10px; left: -1px; }
.calendar article.opened a.event_more { transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -moz-transform: rotate(45deg); }
.calendar article div.event_desc { position: absolute; width: 25%; visibility: hidden; display: none; z-index: -100; }
.calendar article div.event_desc p { margin: 10px 0px; padding-top: 15px; }
.calendar article ul.event_head { margin: 40px 0px 0px 0px; padding: 0px; }
.calendar article ul.event_head li { margin: 5px 0px; padding: 0px; padding-left: 25px; position: relative; list-style: none; line-height: 16px; font-family: centrale_sans_bold; }
.calendar article ul.event_head li span { display: inline-block; position: absolute; top:1px; left: 1px; width: 26px; height: 16px; line-height: 16px; font-size: 14px; }
.calendar article ul.event_head li span.icon-location { font-size: 16px; left: 0px; }
/* .calendar article:nth-child(odd) { left: 37.5%; } */
.calendar h1 {font-size: 1.6em;}
.calendar .archive-nav { text-align: center; padding: 30px 0px; }
/* -- Page -- */
.page { }
.page > figure { position: relative; width: 100%; height: 0px; padding-bottom: 45%; overflow: hidden; }
.page > figure * { position: absolute; top:0px; left: 0px; width: 100%; }
.page h1 { margin-top: 0px; font-size: 1.6em; }
/* -- Biografia -- */
.biography { background: #161416; color: white; height: 100%; overflow: hidden; }
.biography * { color: white; }
.page_text { position: relative; margin: 80px 15%; }
.biography h1 { font-size: 1.6em; margin-bottom: 15px; }
.biography .lead { margin-bottom: 15px; }
.biography p { width: 60%; margin-bottom: 30px; }
.biography p.shift { position: relative; left:220px; }
.biography blockquote { margin: 0px; padding: 0px; font-family: 'Abril Fatface'; font-size: 2.1em; line-height: 1.1em; width: 330px; position: absolute; right: -60px; }
.biography blockquote p { margin: 0px; padding: 0px; width: 100%; }
.biography blockquote span { display: block; font-size: 16px; font-family: centrale_sans_bold; margin-top: 8px; }
.biography .page_text img { position: absolute; left: -110px; margin-top: 2%; width: 250px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; }
.biography blockquote.left { position: absolute; left: -50px; }
/*Galeria*/
.galleries { background: #161416; width: 100%; padding-bottom: 100px; }
.galleries h3 { text-align: center; margin: 0px; padding: 10px 20px 60px; font-size: 14px; font-family: centrale_sans_regular; color: #999; }
.gallery { position: relative; width: 100%; overflow: hidden; z-index: 0; padding-top: 80px;}
.gallery > div { width: 5000px; height: 500px; position: absolute; }
.gallery figure { float: left; height: 100%; margin-right: 30px; position: relative; cursor: pointer; }
.gallery figure img { min-height: 100%; max-height: 100%; }
.gallery figure iframe { width: 888px; height: 100%; z-index: -1; }
.gallery figure.active iframe { z-index: 2; }
.gallery figure.active .invisible_trigger { display: none; }
.gallery figcaption { padding: 25px; font-size: 1.6em; opacity: 0; width: 100%; height: 100%; position: absolute; top:0px; left: 0px; background-color: #FFF9B7; }
.gallery .invisible_trigger { position: absolute; width: 100%; height: 100%; z-index: 1; }
.gallery a.nxt, .gallery a.prv { z-index: -1; display: block; width: 10%; height: 500px; position: relative; background: transparent url('../images/arrow.svg') center center no-repeat; }
.gallery a.nxt { float: right; -webkit-transform:rotate(180deg); transform:rotate(180deg); }
.gallery a.prv { float: left; }
.gallery a:hover { background-color: rgba(255,255,255,0.1); }
.gallery div img { opacity: 0; cursor: pointer; }
.gallery_grid { margin-top: 100px; width: 100%; overflow: hidden; padding-left: 10%; padding-right: 10%; }
.gallery_grid > div { width: 33.333336%; border:0px solid transparent; border-left-width:30px; float:left; }
.gallery_grid > div p { margin: 0px; text-align: center; padding-top: 5px; }
.gallery_grid > div a { color: #999; }
.gallery_grid > div a:hover { color: #eee; }
.gallery_grid figure a { display: block; width: 100%; height: 0; padding-bottom: 56.25%; position: relative; overflow: hidden; }
.gallery_grid img { position: absolute; top:0px; left: 0px; width: 100%; text-align: center; }
.gallery_grid a:hover img { opacity: 0.8; }
/* Dyskografia */
.discography { background: white; padding-top: 50px; padding-left: 5%; padding-right: 5%; }
.discography_grid { position: relative; }
.discography_grid:before,.discography_grid:after{content:" ";display:table}.discography_grid:after{clear:both}.discography_grid{*zoom:1}
.discography_grid > span { position: absolute; left: -15px; } /* AZ */
.discography_grid > article { width: 20%; min-height: 320px; border:0px solid transparent; border-left-width:30px; padding:0 0px; float:left; }
.discography_grid > article h1 {margin-bottom: 0; margin-top: 8%; font-family: centrale_sans_regular; font-size: 0.9em; text-transform: uppercase;} /*Autor - Tomasz Stanko */
.discography_grid > article > p {margin-top: 0; font-family: centrale_sans_bold; font-size: 0.9em;} /*Tytul albumu*/
.discography_grid > article > a { display: block; position: relative; width: 100%; padding-bottom: 100%; overflow: hidden; }
.discography_grid > article img {
position: absolute; width: 100%; height: 100%; top: 0px; left: 0px;
filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+, Firefox on Android */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}
.discography_grid > article:hover img, .discography_grid > article.opened img {
opacity: 1;
filter: url("data:image/svg+xml;utf8,#grayscale");
-webkit-filter: grayscale(0%);
}
.discography_grid p.tracks_special {font-family: centrale_sans_regular;}
div#album:before,div#album:after{content:" ";display:table}div#album:after{clear:both}div#album{*zoom:1}
div#album { clear:left; overflow: hidden; }
article.album figure, article.album div { border:0px solid transparent; border-left-width:30px; float:left; }
.discography_grid article.album { width: 100%; border: 0px; margin-bottom: 80px; }
.discography_grid article.album a.close { position: absolute; left: -30px; }
.discography_grid article.album figure { width: 31.25%; }
.discography_grid article.album figcaption { }
.discography_grid article.album figcaption h1, .discography_grid > article.album figcaption p.album_title { font-size: 1.4em; }
.track_list { background: #dbdbdb; min-height: 500px; width:37.5%; }
.track_list > p { font-family: centrale_sans_bold; margin-left: 50px; }
.track_list ol { margin-left: 0px; padding: 0px; }
.track_list li { position: relative; margin:0px 0px 0px 70px; padding: 3px 0px; }
.track_list a { position: absolute; top: 3px; left: -52px; font-size: 18px; }
div.credits { width: 31.25%; line-height: 1.6em;}
.discography .icon-cancel {font-size: 2em;}
/* Projekty */
.projects {background: white;}
img.projects_opening {width: 100%;}
.projects p.band_members {font-family: centrale_sans_bold;}
.projects article {padding-bottom: 30px;}
.projects article img {width: 100%;}
.projects .projects_archive {padding-top: 30px; padding-bottom: 30px;}
.projects .projects_archive p {font-family: centrale_sans_bold; font-size: 1.4em;}
/*Footer*/
footer { background: white; position: fixed; top: -450px; height: 450px; width: 100%; overflow: hidden; z-index: 100; padding-top: 30px; }
body.show_contact { padding-top:450px; }
body.show_contact header { position: fixed; top:450px; }
body.show_contact header > div { top:0px !important; opacity: 1; }
body.show_contact footer { top:0px; }
body.show_contact .sub { display: none; }
footer .close { position: absolute; left: 30px; top: 10px; font-size: 2em; }
.footer_left { width: 33.33336%; float: left; text-align: center; }
.message {width: 33.33336%; float: left; text-align: center; }
.footer_right { width: 33.33336%; float: right; text-align: center; }
input, textarea { -webkit-appearance: none; border-radius: 0; }
footer input[type="text"], footer textarea { border:none; border-bottom: 2px solid #101010; text-align: center; outline: none; margin:15px 0px; padding: 0px 0px 8px 0px; width: 90%; color: #101010; }
footer input[type="submit"] { background-color: #101010; border: 1px solid #fff; outline: none; color: #fff; margin-top: 20px; padding: 6px 15px; letter-spacing: 1px; font-style: italic; }
footer input[type="submit"]:hover { background-color: #fff; border: 1px solid #101010; color: #101010; }
footer input[type="text"].half, footer input[type="text"].half2 { width: 40%; float: left; margin-left: 5%; }
footer input[type="text"].half2 { float: right; margin-right: 5%; }
footer input[type="text"].error, footer textarea.error { border-bottom:2px solid #E2493F; }
footer textarea { resize:none; height: 1em; min-height: 27px; }
#message_info, #subscribe_info { position: relative; display: block; padding-top: 3px; }
input[type="text"]:focus::-moz-placeholder { color: #777; }
input[type="text"]:focus:-moz-placeholder { color: #777; }
input[type="text"]:focus::-webkit-input-placeholder { color: #777; }
input[type="text"]:focus:-ms-input-placeholder { color: #777; }
textarea:focus::-moz-placeholder { color: #777; }
textarea:focus:-moz-placeholder { color: #777; }
textarea:focus::-webkit-input-placeholder { color: #777; }
textarea:focus:-ms-input-placeholder { color: #777; }
*.error::-moz-placeholder { color: #E2493F; }
*.error:-moz-placeholder { color: #E2493F; }
*.error::-webkit-input-placeholder { color: #E2493F; }
*.error:-ms-input-placeholder { color: #E2493F; }
input[type="text"].error:focus::-moz-placeholder { color: #E2493F; }
input[type="text"].error:focus:-moz-placeholder { color: #E2493F; }
input[type="text"].error:focus::-webkit-input-placeholder { color: #E2493F; }
input[type="text"].error:focus:-ms-input-placeholder { color: #E2493F; }
textarea.error:focus::-moz-placeholder { color: #E2493F; }
textarea.error:focus:-moz-placeholder { color: #E2493F; }
textarea.error:focus::-webkit-input-placeholder { color: #E2493F; }
textarea.error:focus:-ms-input-placeholder { color: #E2493F; }
/* ==========================================================================
Helper classes
========================================================================== */
.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}.clearfix{*zoom:1}
.clear {clear:both}
a {
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
-ms-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
transition: all 200ms ease-out;
}
body {
-webkit-transition: padding-top 200ms ease-out, border-top 200ms ease-out;
-moz-transition: padding-top 200ms ease-out, border-top 200ms ease-out;
-ms-transition: padding-top 200ms ease-out, border-top 200ms ease-out;
-o-transition: padding-top 200ms ease-out, border-top 200ms ease-out;
transition: padding-top 200ms ease-out, border-top 200ms ease-out;
}
footer, body header, body header div, .slider {
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
-ms-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
transition: all 200ms ease-out;
}
#preloader { position: fixed; z-index: 9999; top:50%; margin-top: -20px; left: 0px; width: 40px; height: 40px; background-color: #000; }
.bb { }
/* ==========================================================================
Media Queries for Responsive Design.
Theses examples override the primary ('mobile first') styles.
Modify as content requires.
========================================================================== */
@media only screen and (min-width: 1440px) {
.content_wide_80 { padding-left: 0px; padding-right: 0px; width: 1300px; margin: 0 auto; }
.slider > article { width: 1300px; margin-left: -650px; left: 50%; }
.page_text { width: 900px; margin: 85px auto; }
.discography_grid > article { min-height: 400px; }
.gallery_grid { width: 1200px; margin: 100px auto; }
}
@media only screen and (min-width: 1280px) {
.content_wide_80 { padding-left: 15%; padding-right: 15%; }
.calendar { padding-left: 15%; padding-right: 15%; }
}
@media only screen and (max-width: 1280px) {
.content_wide_80 { padding-left: 15%; padding-right: 15%; }
}
@media only screen and (max-width: 1024px) {
.content_wide_80 { padding-left: 10%; padding-right: 10%; }
body { padding-top: 0px; }
body header { position: static; }
.sub { position: absolute; top:0px; }
#audio_player { position: fixed; top:auto; bottom:0px; right: 0px; width: 100%; height: 45px; background-color: #ccc; }
#audio_player nav { height: 45px; }
#audio_player nav a { display: inline-block; font-size: 2em; padding: 10px 10px 0px; }
#audio_player ul { position: absolute; bottom:45px; width: 100%; }
#audio_player ul li { text-align: center; margin: 0px; padding: 10px 0px; }
#audio_player ul li:first-child { padding-top: 20px; }
#audio_player ul li:last-child { padding-bottom: 20px; }
#trackinfo { position: absolute; margin: 0px; padding: 0px; left: 50%; margin-left: 100px; top: 15px; height: 10px; text-align: left; }
#tracktimer { padding-right: 5px; display: inline-block; width: 45px; }
.slider h1 { font-size: 3.4em; }
.slider p { font-size: 1.2em; }
.span_4 { width: 50%; }
/* calendar */
.span_3_b { width: 24%; }
.span_4_b { width: 45%; }
.span_5_b, .span_8_b { width: 25%; }
/* discography */
.discography_grid > article { width: 33.33336%; }
.biography blockquote { right: -130px; }
}
@media only screen and (max-width: 768px) {
.content_wide_80 { padding-left: 40px; padding-right: 40px; }
.slider h1 { font-size: 2.4em; }
.slider p { font-size: 1em; }
header { height: auto; }
header > div { position: static; height: auto;}
header > div > nav { float: none; width: 100%; overflow: hidden; height: 0; margin: 0px 0px 0px 0px; }
header > div > nav li { margin: 0; padding: 10px 20px; margin: 0px; display: block; text-align: center; }
header > div > nav li a { line-height: 25px; }
header > div > nav li a:hover, header > div > nav li.active a, header > div > nav li.active a { border-bottom: 3px solid black; color: #000; }
header li.language { display: block; position: relative; right: auto; line-height:25px; padding-bottom: 0px; text-align: center; width: auto; text-transform: uppercase; }
header li.language a { font-size: 14px; }
#pull { display: block; }
.news .row { margin-left: 0px; }
.span_8 { width: 100%; }
/* discography */
.discography_grid > article { width: 50%; min-height: 300px; }
.discography_grid article.album { }
.discography_grid article.album figure { width: 100%; overflow: hidden; }
.discography_grid article.album figure img { width: 25%; float: left; }
.discography_grid article.album figcaption { width: 70%; float: right; }
.track_list { width: 100%; background-color: #fff; min-height: inherit; }
.track_list > p { margin-left: 20px; }
.track_list li { margin-left: 40px; }
div.credits { width: 100%; }
.biography p { width: 100%; padding: 0px !important; }
.biography .page_text img { position: static; }
.biography p.shift { left: 0px; }
.biography blockquote, .biography blockquote.left { position: static; }
/* header a.language { right: 100px; } */
}
@media only screen and (max-width: 640px) {
.content_wide_80, .content_wide_70 { padding-left: 20px; padding-right: 20px; }
.slider { height: auto; padding-bottom: 0; }
.slider article { position: relative; }
.slider figure { position: relative !important; width: 100%; left: auto; bottom: auto; }
.slider article.with_thumb figure { position: relative !important; width: 100%; left: auto; bottom: auto; }
.slider article.with_thumb > div { padding-left: 20px; }
.slider article > div { position: relative; }
.slider p { display: block; padding-bottom: 1em; }
.slider h1 { font-size: 2.5em; margin-bottom: 0px; }
.slider p.subtitle_slider { display: block; margin-top: 10px; }
.span_4 { width: 100%; }
.span_6 { width: 100%; }
footer { position: static; height: 1000px; display: none; }
footer > div { width: 100% !important; }
body { padding-bottom: 45px; }
body.show_contact { padding-top: 0px; padding-bottom: 350px; }
body.show_contact header { position: absolute; top:1000px; }
body.show_contact footer { top:0px; display: block; }
body.show_contact footer .close { z-index: 1; left: 10px; }
body.show_contact #page { display: none; }
body.show_contact #pull { visibility: hidden; }
.gallery > div { height: auto; width: 100% !important; position: static; }
.gallery div img { opacity: 1; min-height: inherit; }
.gallery figure { float: none; margin: 0px 10px 10px 10px; }
.gallery a.nxt, .gallery a.prv { display: none; }
.gallery figure iframe { width: 100%; height: 360px; }
.gallery .invisible_trigger { display: none; }
.gallery_grid { padding-left: 10px; padding-right: 10px; }
.gallery_grid > div { width:50%; border-left-width: 15px; }
.discography_grid article.album a.close { left: -10px; }
.discography_grid article.album figure img { width: 100%; float: none; }
.discography_grid article.album figcaption { float: none; width: 100%; padding-top: 10px; }
.discography_grid article.album figcaption h1 { margin-bottom: 0px; }
.discography_grid article.album figcaption p { margin: 5px 0px; }
.calendar p.month, .calendar p.month.odd { border-top: none; margin-left: 15px; text-indent: 0px; padding-left: 0px; }
.calendar .col { border-left-width: 20px; }
.calendar .span_3_b, .calendar .span_4_b { width: 75%; padding-bottom: 10px; border-left-width: 30px; }
.calendar .span_4_b { float: right; padding-right: 15px; }
.calendar time { text-indent: 40px; }
.calendar article a.event_more { display: none; }
.calendar article div.event_desc { display: block; visibility: visible; width: 75%; position: static; }
.intro figure span { width: 280px; margin-left: -140px; }
.news_list article { margin-bottom: 25px; }
}
@media only screen and (max-width: 320px) {
.discography_grid > article { width: 50%; min-height: 200px; }
}
@media print,
(-o-min-device-pixel-ratio: 5/4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi) {
/* Style adjustments for high resolution devices */
}
/* Print ==================== */
@media print {
*{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""}pre,blockquote{border:1px solid #97999c;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100%!important}@page{margin:.5cm}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}
}
/* Font ===================== */
/*
* Web Fonts from fontspring.com
*
* All OpenType features and all extended glyphs have been removed.
* Fully installable fonts can be purchased at http://www.fontspring.com
*
* The fonts included in this stylesheet are subject to the End User License you purchased
* from Fontspring. The fonts are protected under domestic and international trademark and
* copyright law. You are prohibited from modifying, reverse engineering, duplicating, or
* distributing this font software.
*
* (c) 2010-2012 Fontspring
*
*
*
*
* The fonts included are copyrighted by the vendor listed below.
*
* Vendor: Typedepot
* License URL: http://www.fontspring.com/fflicense/typedepot
*
*
*/
@font-face {
font-family: 'centrale_sans_regular';
src: url('fonts/centralesans_regular_polish/CentraleSans-Regular-webfont.eot');
src: url('fonts/centralesans_regular_polish/CentraleSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/centralesans_regular_polish/CentraleSans-Regular-webfont.woff') format('woff'),
url('fonts/centralesans_regular_polish/CentraleSans-Regular-webfont.ttf') format('truetype'),
url('fonts/centralesans_regular_polish/CentraleSans-Regular-webfont.svg#centrale_sans_regularregular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'centrale_sans_bold';
src: url('fonts/centralesans_bold_polish/CentraleSans-Bold-webfont.eot');
src: url('fonts/centralesans_bold_polish/CentraleSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/centralesans_bold_polish/CentraleSans-Bold-webfont.woff') format('woff'),
url('fonts/centralesans_bold_polish/CentraleSans-Bold-webfont.ttf') format('truetype'),
url('fonts/centralesans_bold_polish/CentraleSans-Bold-webfont.svg#centrale_sans_boldbold') format('svg');
font-weight: normal;
font-style: normal;
}
/*
@font-face {
font-family: 'austinbold';
src: url('fonts/austinbold.eot');
src: url('fonts/austinbold.eot?#iefix') format('embedded-opentype'),
url('fonts/austinbold.woff') format('woff'),
url('fonts/austinbold.ttf') format('truetype'),
url('fonts/austinbold.svg#austinbold') format('svg');
font-weight: normal;
font-style: normal;
}
*/
/* Icons */
@font-face {
font-family: 'icons';
src:url('fonts/icons.eot');
}
@font-face {
font-family: 'icons';
src: url(data:application/x-font-woff;charset=utf-8;base64,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) format('woff'),
url(data:application/x-font-ttf;charset=utf-8;base64,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) format('truetype');
font-weight: normal;
font-style: normal;
}
/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
font-family: 'icons';
content: attr(data-icon);
speak: none;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
}
/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="icon-"] {
*/
.icon-facebook, .icon-pinterest, .icon-plus, .icon-link, .icon-clock, .icon-location, .icon-mail, .icon-twitter, .icon-vimeo, .icon-facebook-2, .icon-arrow-right, .icon-arrow-left, .icon-close, .icon-back, .icon-list, .icon-play-circle, .icon-play, .icon-play-prev, .icon-play-next, .icon-pause {
font-family: 'icons';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
}
.icon-facebook:before {
content: "\e000";
}
.icon-pinterest:before {
content: "\e001";
}
.icon-plus:before {
content: "\e006";
}
.icon-link:before {
content: "\e007";
}
.icon-clock:before {
content: "\e008";
}
.icon-location:before {
content: "\e009";
}
.icon-mail:before {
content: "\e00a";
}
.icon-twitter:before {
content: "\e00b";
}
.icon-vimeo:before {
content: "\e00c";
}
.icon-facebook-2:before {
content: "\e00d";
}
.icon-arrow-right:before {
content: "\e00e";
}
.icon-arrow-left:before {
content: "\e00f";
}
.icon-close:before {
content: "\e010";
}
.icon-back:before {
content: "\e011";
}
.icon-list:before {
content: "\e012";
}
.icon-play-circle:before {
content: "\e013";
}
.icon-play:before {
content: "\e014";
}
.icon-play-prev:before {
content: "\e015";
}
.icon-play-next:before {
content: "\e016";
}
.icon-pause:before {
content: "\e002";
}
/*Klasy nadajace kolory dla Fontello*/
.white_icon {color: white;}
.dark_grey_icon { color: #1C1B1F; }
.light_grey_icon { color: #6c6c6c; }