/*







Theme Name: 	Kokopelia - Wordpress Theme







Description: 	HTML5 Kokopelia WordPress Theme







Version: 		1.0.0







Author: 		Marcin Halak (@versoo90)







Author URI: 	http://www.zajafkastudio.com







Tags: 			jQuery, HTML5, CSS3







*/















/* =============================================================================







   HTML5 Reset







   ========================================================================== */















article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display:block;}







audio, canvas, video {display:inline-block;*display:inline;*zoom:1;}







audio:not([controls]) {display:none;}







[hidden] {display:none;}















html {font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}







html, button, input, select, textarea {font-family:sans-serif;color:#222;}







body {margin:0;font-size:1em;line-height:1;}







p {padding:7px 0 0 0;}















h1,h2,h3,h4,h5,h6 {text-decoration:none;padding:0;color:#444;margin:0;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;font-weight:700;}















a {color:#266E9E;text-decoration:none;}







a:focus {outline:0;}







a:hover, a:active {outline:0;}















abbr[title] {border-bottom:1px dotted;}







b, strong {font-weight:bold;}







.clear {clear:both;}







dfn {font-style:italic;}







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







ins {background:#FF9;color:#000;text-decoration:none;}







mark {background:#FF0;color:#000;font-style:italic;font-weight:bold;}







pre, code, kbd, samp {font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em;}







pre {white-space:pre;white-space:pre-wrap;word-wrap:break-word;}







q {quotes:none;}







q:before, q:after {content:"";content:none;}







small {font-size:90%;}







blockquote {background-color:#EEE;border:1px solid #DDD;margin:10px 0;padding:10px 30px;border-radius:3px;}















sub, sup {font-size:75%;line-height:0;position:relative;vertical-align:baseline;}







sup {top:-0.5em;}







sub {bottom:-0.25em;}















ul {margin:0;padding:0;list-style:none;}







ol {margin:15px;}















dd {margin:0 0 0 40px;}







nav ul, nav ol {list-style:none;list-style-image:none;margin:0;padding:0;}















img {border:0;-ms-interpolation-mode:bicubic;vertical-align:middle;}















svg:not(:root) {overflow:hidden;}















figure {margin:0;}















form {margin:0;}







fieldset {border:0;margin:0;padding:0;}







label {cursor:pointer;}







legend {border:0;*margin-left:-7px;padding:0;white-space:normal;}







button, input, select, textarea {font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle;}







button, input {line-height:normal;}







button, input[type="button"], input[type="reset"], input[type="submit"] {cursor:pointer;-webkit-appearance:none;*overflow:visible;}







button[disabled], input[disabled] { cursor: default; }







input[type="checkbox"], input[type="radio"] {box-sizing:border-box;padding:0;*width:13px;*height:13px;}







input[type="search"] {-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}







input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {-webkit-appearance:none;}







button::-moz-focus-inner, input::-moz-focus-inner {border:0;padding:0;}







textarea {overflow:auto;vertical-align:top;resize:vertical;}







input:valid, textarea:valid {}







input:invalid, textarea:invalid {background-color:#F0DDDD;}















table {border-collapse:collapse;border-spacing:0;}







td {vertical-align:top;}















/* =============================================================================







   General Styles







   ========================================================================== */















/* Font Face Setup, add fonts to /fonts/ folder and link up below with filenames */







@font-face {







    font-family:'Font-Name';







    src:url('fonts/font-name.eot');







    src:url('fonts/font-name.eot?#iefix') format('embedded-opentype'),







        url('fonts/font-name.woff') format('woff'),







        url('fonts/font-name.ttf') format('truetype'),







        url('fonts/font-name.svg#font-name') format('svg');







    font-weight:normal;







    font-style:normal;







}















body {







    font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; /* Serve Helvetica Neue, with Helvetica fallbacks to Arial */







    font-size:11px;







    font-weight:300; /* Better supported than 'lighter' attribute */







    line-height:18px;







    -webkit-font-smoothing:antialiased; /* Antialiased font for great smoothing */







    -moz-font-smoothing:antialiased;







    -o-font-smoothing:antialiased;







    font-smoothing:antialiased;







    text-rendering:optimizeLegibility; /* Optimise legibility for some CSS3 kerning */







    color:#444; /* Lighter on the eyes than #000 Black */







}







/* =============================================================================







   Structure







   ========================================================================== */















/* Add your site structure here */















/* =============================================================================







   Media Queries







   ========================================================================== */















/* 320px and greater */







@media only screen and (min-width: 320px) {







    /* Styles here */







}















/* 480px and greater */







@media only screen and (min-width: 480px) {







    /* Styles here */







}















/* 768px and greater */







@media only screen and (min-width: 768px) {







    /* Styles here */







}















/* 1024px and greater */







@media only screen and (min-width: 1024px) {







    /* Styles here */







}















/* Retina screens */







@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {







    /* Style adjustments for high resolution devices */







}















/* =============================================================================







   Non-Semantic Classes







   ========================================================================== */















/* Custom Selection Styles */







::selection {background:#4e4e4e;color:#FFF;text-shadow:none;}







::-webkit-selection {background:#4e4e4e;color:#FFF;text-shadow:none;}







::-moz-selection {background:#4e4e4e;color:#FFF;text-shadow:none;}















/* Input focus styles */







input:focus {outline:0;border:1px solid #0091BD;} /* Gets rid of blue glow on field focus, adds border color instead */















/* =============================================================================







   WordPress Core CSS Styles







   ========================================================================== */















.alignnone {margin:5px 20px 20px 0;}







.aligncenter,div.aligncenter {display:block;margin:5px auto 5px auto;}







.alignright {float:right;margin:5px 0 20px 20px;}







.alignleft {float:left;margin:5px 20px 20px 0;}







.aligncenter {display:block;margin:5px auto 5px auto;}







a img.alignright {float:right;margin:5px 0 20px 20px;}







a img.alignnone {margin:5px 20px 20px 0;}







a img.alignleft {float:left;margin:5px 20px 20px 0;}







a img.aligncenter {display:inline-block;margin-left:auto;margin-right:auto;}







.wp-caption {background:#FFF;border:1px solid #F0F0F0;max-width:96%;padding:5px 3px 10px;text-align:center;}







.wp-caption.alignnone {margin:5px 20px 20px 0;}







.wp-caption.alignleft {margin:5px 20px 20px 0;}







.wp-caption.alignright {margin:5px 0 20px 20px;}







.wp-caption img {border:0 none;height:auto;margin:0;max-width:98.5%;padding:0;width:auto;}







.wp-caption p.wp-caption-text {font-size:11px;line-height:17px;margin:0;padding:0 4px 5px;}















/* ==========================================================================







   Print styles







   ========================================================================== */















@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 #999;page-break-inside:avoid;}







    thead {display:table-header-group;}







    tr,img {page-break-inside:avoid;}







    img {max-width:100% !important;}







    @page {margin:0.5cm;}







    p,h2,h3 {orphans:3;widows:3;}







    h2,h3 {page-break-after:avoid;}







}















/* ==========================================================================







    Main & Header







   ========================================================================== */















.wrapper { width: 970px; margin: 0 auto; }







#logo { width: 508px; margin: 55px auto 25px auto; }







.menu-bg { min-width: 970px; background: url(img/menu-bg.jpg) repeat-x; min-height: 33px; -webkit-box-shadow:  0px 5px 40px 0px rgba(0, 0, 0, .2); box-shadow:  0px 5px 40px 0px rgba(0, 0, 0, .2); z-index: 99; }







.menu-bg .menu { display: block; vertical-align: middle; height: 33px; text-align: center; margin: 0 auto; }







.menu-bg .menu ul { margin: 0 auto; line-height: 33px; }







.menu-bg .menu ul li { display: inline-block; color: #fff; font-size: 13px; font-family: 'Ubuntu', sans-serif; font-weight: 300; }







.menu-bg .menu ul li:first-child a { color: #858585; border-right: 2px solid #858585; }







.menu-bg .menu ul li:last-child a { color: #858585; border-left: 2px solid #858585; }







.menu-bg .menu ul li a { color: inherit; padding: 0 5px; }







.menu-bg .menu ul li a:hover { color: #CCC; }















/* Dodane CSS */







.single #logo, .page #logo {}























.middle-bg { background: #4e4e4e; padding: 0; min-width: 970px; }







.single .middle-bg { background: #4e4e4e; padding-top: 10px; overflow:hidden; min-width: 970px;}



.page .middle-bg { background: #4e4e4e; padding-top: 10px; overflow:hidden; min-width: 970px; }







h1 { color: #fff; }















.inline { display: inline-block; float: left; }















/* ==========================================================================







    Index posts + stopka







   ========================================================================== */















.index-post { position: relative; -webkit-box-shadow:  2px 3px 10px 0px rgba(0, 0, 0, .6); box-shadow:  2px 3px 10px 0px rgba(0, 0, 0, .6); display: inline-block; float: left; margin: 10px 5px; }







.index-post.small { width: 230px; }







.index-post.large { width: 355px; }







.new-post { width: 99px; height: 30px; background: url(img/nowy.png) no-repeat; position: absolute; top: 15px; left: -3px; }







.index-post img { }







.index-post:hover .post-text { display: block; }







.index-post .post-text { position: absolute; bottom: 0; left: 0; background: rgba(0,0,0,.6); padding: 8px 10px; display: none; }







.index-post.small .post-text { width: 210px; }







.index-post.medium .post-text { width: 212px; }







.index-post.large .post-text { width: 335px; }







.index-post .post-text h2 { padding-bottom: 5px; border-bottom: 1px solid #fff; }







.index-post .post-text h2 a { font-size: 24px; font-weight: bold; color: #fff; margin: 0; padding: 0; display: block; font-family: 'Ubuntu', sans-serif; font-weight: 700; line-height: 27px; }







.index-post .post-text p { margin: 5px 0; padding: 0; color: #fff; font-size: 12px; line-height: 14px; font-family: 'Ubuntu', sans-serif; font-weight: 300; }















.social-small { width: 230px; height: 70px; background: #252525; -webkit-box-shadow:  2px 3px 10px 0px rgba(0, 0, 0, .6); box-shadow:  2px 3px 10px 0px rgba(0, 0, 0, .6); margin: 0 5px; }







.social-small .icons { display: table-cell; vertical-align: middle; width: 230px; height: 75px; text-align: center; }







.social-small .icons a { margin: 0 10px; }







a.facebook { width: 33px; height: 33px; background: url(img/icon-fb.jpg) no-repeat; display: inline-block; }







a.twitter{ width: 33px; height: 33px; background: url(img/icon-twitt.png) no-repeat; display: inline-block; }







a.rss { width: 33px; height: 33px; background: url(img/icon-rss.jpg) no-repeat; display:  inline-block; }







a.facebook:hover { width: 33px; height: 33px; background: url(img/icon-fbh.jpg) no-repeat; display: inline-block; }







a.twitter:hover { width: 33px; height: 33px; background: url(img/icon-twitth.png) no-repeat; display: inline-block; }







a.rss:hover { width: 33px; height: 33px; background: url(img/icon-rssh.jpg) no-repeat; display:  inline-block; }















.search-small { width: 230px; height: 70px; background: #252525; -webkit-box-shadow:  2px 3px 10px 0px rgba(0, 0, 0, .6); box-shadow:  2px 3px 10px 0px rgba(0, 0, 0, .6); margin: 0 5px;  margin-top: 10px; }







.search-cont { display: table-cell; vertical-align: middle; width: 230px; height: 70px; text-align: center; }







.search-cont .search { width: 215px; height: 35px; background: url(img/search-bg.jpg) no-repeat; margin: 0 auto; }







.search-cont .search .s { width: 156px; height: 28px; background: url(img/search-input.jpg) no-repeat; border: none; padding: 0 10px; color: #adadad; margin-top: 3px; }







.search-cont .search .searchsubmit { width: 29px; height: 28px; background: url(img/search-send.jpg) no-repeat; border: none; text-indent: -9999px; margin-top: -5px; }















.footer-bg { background: #1e1e1e; border-top: 1px solid #7d7d7d; padding: 45px 0 25px 0; min-width: 970px; }







.foot-col1 { width: 230px; color: #4e4e4e; font-family: 'Ubuntu', sans-serif; font-weight: 400; font-size: 12px; line-height: 18px; float: left; }







.foot-col1 img { float: left; margin-right: 5px; margin-bottom: 5px; }







.foot-col2 { float: left; width: 475px; text-align: center; margin: 0 10px; }







.foot-col3 { float: left; width: 230px; }















.foot-menu { border-top: 1px solid #4e4e4e; border-bottom: 1px solid #4e4e4e; padding: 20px 0px; margin-top: 20px; }







.foot-menu ul li { display: inline-block; margin: 0 4px; }







.foot-menu ul li a { color: #fff; font-size: 11px; line-height: 14px; font-family: 'Ubuntu', sans-serif; font-weight: 300; }







.foot-menu ul li:first-child, .foot-menu ul li:last-child { display: block; }







.foot-menu ul li:first-child a , .foot-menu ul li:last-child a {color: #858585; }















.foot-cat { margin: 10px; font-family: 'Ubuntu', sans-serif; font-weight: 300; font-size: 12px; line-height: 18px; }







.foot-cat a { color: #4e4e4e; padding: 0 3px; }







.foot-cat a:hover {color: #858585;}















.copy { height: 27px; background: url(img/copy-bg.jpg) repeat-x; margin-bottom: 0px; min-width: 970px; }







.copyright { text-align: center; line-height: 24px; color: #969696; padding-top: 3px;}







.copyright a { color: inherit; }







.copyright a:hover { color: #858585; } 















/* ==========================================================================







    Single post + Footer







   ========================================================================== */	















.single-text { display: block; height: 100%; margin: 0 auto;  width: 970px; -webkit-box-shadow:  2px 3px 10px 0px rgba(0, 0, 0, .6); box-shadow:  2px 3px 10px 0px rgba(0, 0, 0, .6); position: relative; background: #252525; padding: 20px 20px 0 20px; margin-bottom: 20px;  }







.single-text h1 a { font-size: 32px; line-height: 35px; font-family: 'Ubuntu', sans-serif; font-weight: 400; color: #adadad; border-left: 11px solid #B163A3; margin-left: -24px; padding-left: 16px; }







.content-text p {  font-size: 16px; line-height: 20px!important; font-family: 'Ubuntu', sans-serif; font-weight: 400; color: #adadad; margin: 10px 5px;}
.content-text p span { line-height: 20px!important;}


.content-text img { display: inline-block; position: relative; -webkit-box-shadow:  2px 3px 10px 0px rgba(0, 0, 0, .6); box-shadow:  2px 3px 10px 0px rgba(0, 0, 0, .6); margin: 10px 5px; }







.content-text { display: block; }







.response { margin: 0; width: 100%;  }







.images { display: inline-block; overflow: hidden; }







.response img { float: left; display: block; position: relative; -webkit-box-shadow:  2px 3px 10px 0px rgba(0, 0, 0, .6); box-shadow:  2px 3px 10px 0px rgba(0, 0, 0, .6); display: inline-block; float: left; margin: 10px 5px; max-width: 232px; }







.response:last-chlid img { margin: 0; }







.postscroll { position: relative; width: 100%;}























.back-main { position: absolute; bottom: 0; left: 0; height: 35px; background: #050505; display: block; font-size: 14px; font-family: 'Ubuntu', sans-serif; font-weight: 400; color: #adadad; line-height: 35px; text-align: center; }







.back-right { position: absolute; bottom: 0; right: 0; height: 35px; background: #050505; display: block; font-size: 14px; font-family: 'Ubuntu', sans-serif; font-weight: 400; color: #adadad; line-height: 35px; text-align: center; margin-right: 2px; }







.backarrow { margin: -3px 10px 0 -15px; }























.footer-bg-single { height: 51px; background: #1e1e1e; margin-top: -30px; border-top: 1px solid #4e4e4e; min-width: 970px; }







.text-foot { color: #969696; width: 150px; line-height: 13px; float: left; text-align: right; font-size: 12px; font-family: 'Ubuntu', sans-serif; font-weight: 400; padding-top: 13px; }















.foot-icons { float: left; overflow: hidden; padding-top: 11px; margin-left: 25px; }







.foot-icon { float: left; overflow: hidden; margin-top: -10px; margin-left: 25px; }







.foot-icons a { margin: 0 5px; }







a.facebook { width: 33px; height: 33px; background: url(img/icon-fb.jpg) no-repeat; display: inline-block; }







a.twitter{ width: 33px; height: 33px; background: url(img/icon-twitt.jpg) no-repeat; display: inline-block; }







a.rss { width: 33px; height: 33px; background: url(img/icon-rss.jpg) no-repeat; display:  inline-block; }







a.facebookactive { width: 33px; height: 33px; background: url(img/icon-fbh.jpg) no-repeat; display: inline-block; }







a.twitteractive { width: 33px; height: 33px; background: url(img/icon-twitth.jpg) no-repeat; display: inline-block; }







a.pinactive { width: 33px; height: 33px; background: url(img/icon-pin.png) no-repeat; display: inline-block; }







a.rss:hover { width: 33px; height: 33px; background: url(img/icon-rssh.jpg) no-repeat; display:  inline-block; }







.small-logo { padding: 15px 30px 0 120px; float: left; } 







.copy-small { float: right; line-height: 51px; color: #969696; }







.copy-small a { color: inherit; }







.copy-small a:hover { color: #858585; } 















/* ==========================================================================







    Pagination







   ========================================================================== */	















#pagination { width: 100%; margin-top: 15px; text-align: center; font-size: 13px; font-family: 'Ubuntu', sans-serif; font-weight: 400; color: #adadad; }







#pagination a { color: #adadad; }







#pagination .current { color: #adadad; text-decoration: underline; } 







































/* Scroll Bar Master Styling Starts Here */







/* All comments can be freely removed from the css */







.content_6{opacity: 0; position:relative; margin: 0 auto; width:100%; overflow: hidden; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}























/* basic scrollbar styling */







/* vertical scrollbar */







.mCSB_scrollTools .mCSB_dragger{







    cursor:pointer;







    width:100%;







    height:12px;







}







.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{







    width:406px!important;







    height:100%;







    margin:0 auto;







    text-align:center;







}







/* horizontal scrollbar */







.mCSB_horizontal .mCSB_container{







    height:auto;







    width: auto;







    margin-right:0;







    overflow:hidden;







}







.mCSB_horizontal .mCSB_container.mCS_no_scrollbar{







    margin-bottom:0;







}







.mCS_disabled .mCSB_horizontal .mCSB_container.mCS_no_scrollbar,







.mCS_destroyed .mCSB_horizontal .mCSB_container.mCS_no_scrollbar{







    margin-right:0;







}







.mCSB_horizontal.mCustomScrollBox .mCSB_scrollTools{







    width:100%;







    height:12px;







    top:auto;







    right:auto;







    bottom:0;







    left:0;







    overflow:hidden;







}







.mCSB_horizontal .mCSB_scrollTools .mCSB_draggerContainer{







    height:100%;







    width:auto;







    -webkit-box-sizing:border-box;







    -moz-box-sizing:border-box;







    box-sizing:border-box;







    overflow:hidden;







}







.mCSB_horizontal .mCSB_scrollTools .mCSB_buttonLeft+.mCSB_draggerContainer{







    padding-bottom:0;







}







.mCSB_horizontal .mCSB_scrollTools .mCSB_draggerRail{







    width:100%;







    height:12px;







    background: url(img/scroll-bg.jpg) repeat-x;







    cursor: pointer;







}







.mCSB_horizontal .mCSB_scrollTools .mCSB_dragger{







    width:406px!important;







    height:100%;







}







.mCSB_horizontal .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{







    width: 11406px;







    height:12px;







    background: url(img/scrollbar.jpg) no-repeat;







}



.search-no-results .middle-bg {

    padding-top: 25px;

    margin-bottom: -15px;

}



.content-text h1 {

    font-size: 32px;

    line-height: 34px;

    font-family: 'Ubuntu', sans-serif;

    font-weight: 400;

    color: #adadad;

    border-left: 11px solid #B163A3;

    margin-left: -24px;

    padding-left: 16px;

}

.wspolpraca .images, .about .images {

    display: none!important;

}



#cookiesEU-box {
    width: 100%!important;
    position: fixed!important;
    bottom: 0px!important;
    background: #B163A3!important;
    opacity: 0.85!important;
    color: #fff!important;	
}
#cookiesEU-box:hover {
    opacity: 1;	
}
#cookiesEU-box .cookiesEU-text {
    margin: 15px auto!important;
    max-width: 960px!important;	
    color: #fff!important;	
    font-weight: bold!important;
}
.cookiesEU-close {
    top: 20px!important;
    right: 35px!important;
}


.soliloquy-container {
    margin: 15px auto!important;
    position: relative!important;
    width: 100%!important;
    zoom: 1!important;
    clear: both!important;
    float: none!important;
    overflow: hidden!important;
    max-height: auto!important;
}
.soliloquy-container .soliloquy-control-nav {
    bottom: auto!important;
    top: 20px!important;
    line-height: 0!important;
    list-style: none!important;
    margin-left: 5px!important;
    position: absolute!important;
    z-index: 30!important;
    left: 5px!important;
}