/*
Theme Name: milionoczu
Theme URI: http://milionoczu.pl
Description: Bootstrap

Author: DamianMartyniuk
Author URI: http://milionoczu.pl
Version: 1.0.0
CSS Rules: Sorted alphabetically for better organization.
*/

@font-face {
    font-family: 'novecento_sans_widemedium';
    src: url('fonts/Novecentosanswide-Medium-webfont.eot');
    src: url('fonts/Novecentosanswide-Medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Novecentosanswide-Medium-webfont.woff') format('woff'),
         url('fonts/Novecentosanswide-Medium-webfont.ttf') format('truetype'),
         url('fonts/Novecentosanswide-Medium-webfont.svg#novecento_sans_widemedium') format('svg');
    font-weight: normal;
    font-style: normal;

}
html{width:100%; height:100%}
body{font-family: 'Oswald', sans-serif; font-weight:400; -webkit-overflow-scrolling: touch;-webkit-font-smoothing: antialiased;background: #ffffff url(images/bkg.jpg) repeat; color: #555;font-size: 14px; width:100%; height:100%; padding-top:85px;}

#preloader{position: fixed; top: 50%; left: 50%; margin: -15px 0 0 -15px; width: 30px; height: 30px; border: 4px solid #ee3858; border-right-color: transparent; border-radius: 50%;
	-webkit-animation: spin 1s linear infinite;
	-moz-animation: spin 1s linear infinite;
	-ms-animation: spin 1s linear infinite;
	-o-animation: spin 1s linear infinite;
	animation: spin 1s linear infinite;
	display:none; z-index: 1109;
}
@keyframes spin
{
	from { transform: rotate(0deg);}
	50%  { transform: rotate(180deg);}
	to   { transform: rotate(360deg);}
}
#preloader-layer{position:fixed; top:0; right:0; bottom:0; left:0; background: rgba(0,0,0,0.5); z-index:1008; display:none}	

#cookiesEU-box{background:rgba(0,0,0,0.7); font-size:12px; font-weight:300; padding:5px 15px; position:fixed; bottom:0; width: 100%; z-index:1999}
#cookiesEU-box p{margin:0 120px 0 0;color:#fff; }
#cookiesEU-box a.cookiesEU-close:hover{color:#fff}
#cookiesEU-box a.cookiesEU-close{position: absolute; right: 20px; top:10px; bottom: 10px; padding: 0 10px; border: none; border-radius:0; box-shadow: 0 2px 2px rgba(0,0,0,0.3); color:#fff; text-transform:uppercase; line-height:25px; text-decoration: none;
background: #ee3858;
background: -moz-linear-gradient(top,  #ee3858 0%, #ee3a38 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ee3858), color-stop(100%,#ee3a38)); 
background: -webkit-linear-gradient(top,  #ee3858 0%,#ee3a38 100%);
background: -o-linear-gradient(top,  #ee3858 0%,#ee3a38 100%); 
background: -ms-linear-gradient(top,  #ee3858 0%,#ee3a38 100%);
background: linear-gradient(to bottom,  #ee3858 0%,#ee3a38 100%);}

#langswitcher{position: fixed; width:26px; height:60px; top: 70px; right: 0; background:#313131;z-index:998}
#langswitcher a{float: left; width: 26px; height:20px; text-align:center; line-height:20px; overflow:hidden; color:#fff; font-size:11px;}
#langswitcher a:hover,
#langswitcher a.active{background:#ee3858; text-decoration:none}

.search-box{position: fixed; top:0; right:20px; width: 200px; height:40px; background:#313131; z-index:998}
#search{float: left; width: 160px;background:none; border:none; border-radius:0; height:40px; color:#fff}
#search:focus{box-shadow: none}
#searchsubmit{float:right; width:40px; height:40px; background:#ee3858; border:none; border-radius:0}
#searchsubmit span{font-size:12px; color:#fff}
#searchsubmit:hover span{color:#313131}

/* Titles */
h1, h2, h3, h4, h5, h6{color: #fff;  font-weight: 400;font-family: 'Oswald', sans-serif;}
h4{font-size:18px; text-transform:uppercase} 
h1{font-size: 18px; margin-top: 55px; text-align:center;font-family: 'Oswald', sans-serif;}
.main h1{color:#fff;text-transform:uppercase;}
.logo{display: inline-block; width:178px; height:106px; background:url(images/logo2016.png) no-repeat; text-indent:-999px; overflow:hidden;}


#mobile-head{display: inline-block; padding: 10px; width:100%; height:85px; background:#313131; text-align:center; position: fixed; top:0; left: 0; width:100%;z-index: 1000;}
#mobile-head .logo{margin-left: 60px; width:200px; height:60px; background:url(images/mobile.png) no-repeat}
.mobile-toggle{position: absolute; top: 24px; left: 15px; background: none; border: 1px solid #4a4a4a; border-radius: 4px; padding: 9px 10px 4px 10px;}
.mobile-toggle .icon-bar{border-radius: 1px; display: block;  height: 2px; width: 22px;background-color: #FFFFFF; margin-bottom: 5px}

.container-fluid{width:100%; overflow: hidden;}
.sidebar{background:rgb(49, 49, 49); min-height:500px; bottom: 0; padding:0; display: block; left: 0; overflow-x: hidden; overflow-y: auto; position: fixed;top: 85px; z-index: 1000;}
.nav-sidebar li a{font-family: 'novecento_sans_widemedium'; text-align:right; padding: 4px 70px 4px 10px;  margin:5px 0; color:#fff; text-transform:uppercase}
.nav-sidebar li a .caret{margin-right:-15px}
.nav-sidebar li.active a,
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus,
.nav-sidebar li a:hover{background-color:rgba(0, 165, 50, 0.9)}
.nav-sidebar li.menu-item-23 a{background: url(images/sprite.png) no-repeat right 15px top 0px}
.nav-sidebar li.menu-item-24 a{background: url(images/sprite.png) no-repeat right 15px top -90px}
.nav-sidebar li.menu-item-34 a{background: url(images/sprite.png) no-repeat right 15px top -30px}
.nav-sidebar li.menu-item-25 a{background: url(images/sprite.png) no-repeat right 15px top -60px}
.nav-sidebar li.menu-item-23.active a, .nav-sidebar li.menu-item-24.active a, .nav-sidebar li.menu-item-34.active a, .nav-sidebar li.menu-item-25.active a,
.nav-sidebar li.menu-item-23 a:hover, .nav-sidebar li.menu-item-24 a:hover, .nav-sidebar li.menu-item-34 a:hover, .nav-sidebar li.menu-item-25 a:hover{background-color:rgba(0, 165, 50, 0.9)}
.dropdown-menu{background:#000; border-radius: 0; width:100%;}
.nav-sidebar .active .dropdown-menu a{background:#000}
.nav-sidebar .active .dropdown-menu .active a, .nav-sidebar .active .dropdown-menu a:hover{background-color:#ee3858; color:#fff}
.footer{padding:5px 20px; width:100%; text-align:right; position:absolute; bottom:10px; color:#fff; font-size:12px;}
.footer a{color:#ee3858}
.footer a:hover{text-decoration: underline}
.footer .widget-wrapper{padding-bottom:0}

#filters{display: inline-block; width:100%; padding:0 10px}
#filters .filter{float: left; padding: 3px 21px 3px 7px; margin-right:10px; background: #313131 url(images/close.png) no-repeat right 5px top 7px; border-radius: 5px; border: 1px solid #333; font-size: 11px; color:#fff;-webkit-transition:background 0.4s ease-in;-o-transition:background 0.4s ease-in;-ms-transition:background 0.4s ease-in;-moz-transition:background 0.4s ease-in;transition:background 0.4s ease-in;}
#filters .filter:hover{background-color:#ee3858;}

#brick-wrap {max-width: 1300px; margin: 0 5px; text-align:right}
.brick{float: left; color:#fff; background:rgba(0, 165, 50, 0.8); margin:5px 0; -webkit-transition:background 0.3s ease-in;-o-transition:background 0.3s ease-in;-ms-transition:background 0.3s ease-in;-moz-transition:background 0.3s ease-in;transition:background 0.3s ease-in; position:relative; overflow: hidden}
.brick p.sections{font-size: 13px;}
.brick .dummy{float: left; width:100%; height: 370px; background:#000}
.brick:hover{background:#ee3858}
.brick:hover .hover{background:rgba(255,255,255,0.8)}
.brick:before{position: absolute; top: 0; right:30px; width:90px; height:90px; background: #FFFFFF url(images/arrow.png) no-repeat center; content:'';z-index:5}
.brick .hover{position: absolute; top:0; left:0; width:100%; z-index:1; background:rgba(255,255,255,0);-webkit-transition:background 0.3s ease-in;-o-transition:background 0.3s ease-in;-ms-transition:background 0.3s ease-in;-moz-transition:background 0.3s ease-in;transition:background 0.3s ease-in;}
.brick .picture{float: left; width:100%; position: relative; text-align:center; overflow:hidden}
.brick .picture img{max-width:none; position: absolute; top: 0; left:50%;}
.brick-small {width:100%; height:520px;}
.brick-small .hover{height:260px;}
.brick-small .picture{height:260px;}
.brick-small .picture img{margin-left:-125px}
.brick-small .dummy{height: 260px;}
.brick-big {width:100%; height:520px;}
.brick-big .hover{height:370px;}
.brick-big .picture{height:370px;}
.brick-big .picture img{margin-left:-255px}
.brick p{color:#fff}
.brick .read-more{display:none}
.icon{position: absolute; top: 340px; right:30px; width:30px; height:30px; padding-top:30px; z-index:5; overflow:hidden; background: #ee3858 url(images/sprite.png) no-repeat right 0;}
.brick.brick-small .icon{top: 230px;}
.icon.artist{background-position: right -90px;}
.icon.news{background-position: right -60px;}
.post-entry{padding:10px 30px;}

#single-content{background:#fff; max-width:1030px; margin: 50px 0px;}
#single-content a{color:#ee3858}
#single-content h4{font-size:48px; color:#313131;}
#single-content h5{color:#313131; font-size:22px;}
#single-content .post-entry{padding:30px 10px;}
#single-content .icon{float: left; position: static; text-align:right; background-color:#313131; line-height: 32px; padding-top:0; padding-right:40px; color:#fff; width:100%; margin:0}
#single-content p{line-height: 20px;}
#single-content p:first-of-type{margin-top:40px;}
#single-content .widget{float:right; min-width: 100%; background:#313131; padding:20px 10px; line-height:32px; text-align:right; color:#fff; min-height:70px; margin-top:20px}
#single-content .widget .programsmall{float: right; background:#313131 url(images/sprite.png) no-repeat right 0;padding-top:30px; width:30px; height:30px; overflow:hidden; margin-left:10px}
#single-content .widget hr{float: left;width:100%; margin:5px 0; border-color:#313131}
#single-content .widget a{color:#fff}
#single-content .fb{display: inline-block; width:100%; padding: 0 0 0 50px; height:40px; line-height:36px; color:#313131; margin-bottom:10px; background:url(images/social.png) no-repeat 0 0}
#single-content .twitter{display: inline-block; width:100%; padding: 0 0 0 50px; height:40px; line-height:36px; color:#313131; margin-bottom:10px; background:url(images/social.png) no-repeat 0 -40px}
#single-content .youtube{display: inline-block; width:100%; padding: 0 0 0 50px; height:40px; line-height:36px; color:#313131; margin-bottom:10px; background:url(images/social.png) no-repeat 0 -80px}
#single-content .www{display: inline-block; width:100%; padding: 0 0 0 50px; height:40px; line-height:36px; color:#313131; margin-bottom:10px; background:url(images/social.png) no-repeat 0 -120px}
#single-content .myspace{display: inline-block; width:100%; padding: 0 0 0 50px; height:40px; line-height:36px; color:#313131; margin-bottom:10px; background:url(images/social.png) no-repeat 0 -160px}
#single-content .soundcloud{display: inline-block; width:100%; padding: 0 0 0 50px; height:40px; line-height:36px; color:#313131; margin-bottom:10px; background:url(images/social.png) no-repeat 0 -200px}


#single-content .partners{text-align:center;}

#post-not-found{padding:50px}

#festival-asistent{background:#ee3858; color:#fff; position: absolute; top:0; width:100%; z-index:999}
#festival-asistent label{color:#fff; font-weight:300; font-size:13px;}
#festival-asistent > .row{padding-top:15px; padding-bottom:15px; margin:0}
#festival-asistent .styled-select{display: inline-block; width:100%; overflow:hidden; vertical-align:-12px; background: #fff url(images/arrow_input.jpg) no-repeat right 10px top 20px;}
#festival-asistent .form-control{border-radius:0; border:none; width:120%; color:#a9a9a9; border-top:2px solid #d9d9d9; height:30px; padding:2px 10px;background: transparent;}
#festival-asistent .row div.hours span{width:10%;display: inline-block; text-align:center}
#festival-asistent .row div.hours .form-control{width:130%}
#festival-asistent .row div.hours .styled-select{width:45%;}
#filterposts{width: 100%; background:#313131; color:#fff; border:0; border-bottom: 5px solid #be2d46; height:40px; margin-top:5px; line-height:39px}
.program-wrap{position: relative;height:60px;}
#showprogram{position: absolute; top: 0px; left: 15px; right: 15px; padding: 10px; display: block; background:#313131; color:#fff; border:0; text-align:center; font-weight:400}
#filterposts:hover,
#showprogram:hover{color:#313131; background:#fff; text-decoration:none}

#toggle-asistent{position: fixed; top:85px; z-index:999; height:40px; width:40px; right:0px; background:#313131 url(images/sprite.png) no-repeat 5px -115px; border:none; color:#fff;-webkit-transition:background 0.3s ease-in;-o-transition:background 0.3s ease-in;-ms-transition:background 0.3s ease-in;-moz-transition:background 0.3s ease-in;transition:background 0.3s ease-in; text-indent:-999px}


.day h3{fdisplay: inline-block; height:90px; color:#313131; font-size:28px; margin:0; padding-top:62px;}
.day-box{float: left; width:90px; height:90px; margin-right:15px; background: #ee3858; padding:24px 15px 0px 15px; color:#fff; font-size:24px; line-height:28px}
.day-content{padding:30px 0 30px 105px; background:url(images/dots.png) repeat-y 88px 0}
#single-content .day-content a{color:#313131; font-weight:400; width:100%; display: inline-block; margin:3px 0}
/* Paragraph & Typographic */
p{font-size: 12px; line-height: 16px; margin-bottom: 5px;color:#313131}
.centered{text-align: center;}
/* Links */
a{-webkit-transition: color 0.1s ease-in, background 0.1s ease-in;-o-transition: color 0.1s ease-in, background 0.1s ease-in;-ms-transition: color 0.1s ease-in, background 0.1s ease-in;-moz-transition: color 0.1s ease-in, background 0.1s ease-in;color: #fff;transition: color 0.1s ease-in, background 0.1s ease-in;word-wrap: break-word;}
a:hover,a:focus{color: #fff; outline: 0; text-decoration: underline;}
a:before,a:after{-webkit-transition: color 0.1s ease-in, background 0.1s ease-in;-o-transition: color 0.1s ease-in, background 0.1s ease-in;-ms-transition: color 0.1s ease-in, background 0.1s ease-in;-moz-transition: color 0.1s ease-in, background 0.1s ease-in;transition: color 0.1s ease-in, background 0.1s ease-in;}

hr{border: 0;border-top: 1px solid #ccc;display: block;height: 1px;margin: 1em 0;padding: 0;}

.navbar{margin-bottom: 0px; text-transform: uppercase;}
.navbar-inverse{padding-bottom: 70px; padding-top: 70px;}
.navbar-inverse{background-color: #1abc9c; border-color: #16a085;}
.navbar-inverse .navbar-nav > li > a{color: white;}
.navbar-inverse .navbar-nav > li > a:hover{color: #222222;}
.navbar-brand{font-size: 20px; font-weight: 700; letter-spacing: 2px;}
.navbar-inverse .navbar-brand{color: white;}
.navbar-inverse .navbar-toggle{border-color: transparent;}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover{background-color: transparent; color: #222222;}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus{background-color: transparent; color: #222222;}

/* ================== PORTFOLIO IMAGES HOVER EFFECT ================== */
/* Effects also are controled by hover.zoom.js */
.zoom{background: transparent url(images/loader.gif) no-repeat center;display: block;overflow: hidden;position: relative;}
.zoom img{display: none;}
.zoomOverlay{background-image: url(images/zoom.png);background-position: center;background-repeat: no-repeat;bottom: 0;display: none;left: 0;position: absolute;right: 0;top: 0;	}
.zoom2{opacity: 1;}
.zoom2:hover{opacity: 0.5;}

/* glyphicon Configuration */
.glyphicon{color: #1abc9c; font-size: 40px;}

/* WP User Avatar */
.wp-user-avatar{margin: 0;}

@media screen and (min-width: 768px) {
body{background: #ffffff url(images/bkg.jpg) no-repeat right top fixed;padding-top:0}
.nav-sidebar li a {font-size:12px}
.footer{font-size:9px}
h1{font-size: 36px; margin-bottom: 10px; margin-top: 10px; }
h4{font-size:24px;} 
p{font-size: 14px; line-height: 18px; margin-bottom: 15px;}
.sidebar{top: 0px;}
#single-content{margin: 100px 50px;}
#single-content .post-entry{padding:30px 50px;}
#single-content .widget{margin-right:-50px; margin-left:-15px; margin-top:0px}
.brick p.sections{font-size: 18px;}
.main h1{text-align:left; margin-left:30px; font-size:36px;}	
.brick{margin: 5px;}
.brick-small {width:250px;}
.brick-big {width:510px;}
.days{padding:50px}
.day-box{margin-right:40px;}
.day h3{font-size:48px;padding-top:42px;}
.day-content{padding:30px 0 30px 130px;}
#festival-asistent{position:fixed;}
#festival-asistent > .row{padding-top:30px; padding-bottom:30px; margin-left:0}
#showprogram{top:21px;left: 10px; right: 35px; padding:26px;border-bottom: 5px solid #be2d46; }
#toggle-asistent{position: fixed; top:0px; z-index:999; height:40px; width:auto; right:230px; padding: 0 55px 0 40px; border-top: 5px solid #ee3858; border-bottom: 5px solid #ee3858; background:#313131 url(images/sprite.png) no-repeat 5px -115px; border:none; color:#fff;-webkit-transition:background 0.3s ease-in;-o-transition:background 0.3s ease-in;-ms-transition:background 0.3s ease-in;-moz-transition:background 0.3s ease-in;transition:background 0.3s ease-in;text-indent:0}
#toggle-asistent span{position: absolute; top:0; right:0; width:40px; height: 40px; background: #ee3858 url(images/toggle.png) no-repeat 0 -40px;}
#toggle-asistent:hover,
#toggle-asistent.active{background-color:#ee3858}
#toggle-asistent.active span{background-position: 0 0}
#filterposts{margin-top:15px;}
#festival-asistent label{font-size:13px;}
#festival-asistent .form-control{border-top:5px solid #d9d9d9; height:40px; padding:5px 10px;
}
@media screen and (min-width: 1200px) {
	.nav-sidebar li a {font-size:14px;}
	.footer{font-size:12px}
}

@media screen and (min-width: 1600px) {
	h1{font-size: 36px; margin-bottom: 20px; margin-top: 50px; }
	.footer{font-size:14px; padding:15px 20px;}
}