@charset "utf-8";
/*
Theme Name: Panda
Theme URI: http://potrebka.pl
Author: Piotr Potrebka
Author URI: http://potrebka.pl
Description: Panda is a clean minimal and responsive WordPress theme well suited for travel, health, business, finance, portfolio, design, art, photography, personal, ecommerce and any other creative websites and blogs. Panda works fine with major WordPress plugins like WooCommerce, bbPress, JetPack and many others.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: panda
Tags: blue, white, black, light, two-columns, left-sidebar, responsive-layout, fixed-layout, accessibility-ready, custom-header, custom-menu, editor-style, featured-images, post-formats, masonry, metro

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

panda is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Posts and pages
# Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
# Fonts size
# Skip links
# Header
# Sidebar
# Content
# Crumbpath
# Search
# Footer
# Widgets
# Slider
--------------------------------------------------------------*/

@import url("css/normalize.css");
@import url("css/fonts.css");
@import url("css/font-awesome.min.css");

/*--------------------------------------------------------------
# Grid
--------------------------------------------------------------*/

.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}


.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }


.grid {
    padding: 15px;
    float: left;
}
.one-full {
    margin-right: 0;
    width: 100%;
    overflow: hidden;
}
.one-half {
    width: 50%;
}
.one-third {
    width: 33.3%;
}
.two-third {
    width: 66.7%;
}
.one-fourth {
    width: 25%;
}
.three-fourth {
    width: 75%;
}
.one-fifth {
    width: 20%;
}
.two-fifth {
    width: 40%;
}
.three-fifth {
    width: 60%;
}
.four-fifth {
    width: 80%;
}

@media only screen and (max-width: 900px) {
	.one-third, .one-fourth, .one-fifth { width: 50%; }
}

@media only screen and (max-width: 600px) {
	.grid {  margin: 1% 0 1% 0%; }
	.one-full, .one-half, .one-third, .two-third , .one-fourth , .three-fourth, .one-fifth, .two-fifth, .three-fifth, .four-fifth { width: 100%; }
}

.nopadding { padding: 15px 0; }


/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	color: #666;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.5;
	font-family: 'Roboto', Arial;
	font-weight: 300;
}
body.admin-bar .site-content { margin-top: 80px; }
body.admin-bar .site-header { top: 32px; }

h1,
h2,
h3,
h4,
h5,
h6 { 
	color: #333;
	font-weight: 400;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
	margin: 0;
	padding: 0;
	line-height: 1.2;
	font-family: 'Roboto', Arial;
}

h1 { font-size: 32px; font-size: 2rem; }
h2 { font-size: 26px; font-size: 1.625rem;  }
h3 { font-size: 24px; font-size: 1.500rem; }
h4 { font-size: 20px; font-size: 1.250rem; }
h5 { font-size: 18px; font-size: 1.125rem; margin: 15px 0;}
h6 { font-size: 16px; font-size: 1rem; margin: 10px 0;}

dfn,
cite,
em,
i { font-style: italic; }

blockquote { margin: 0 1.5em; }

address { margin: 0 0 1.5em; }

pre {
	background: #eee;
	font-family: Courier, monospace;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.5;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, monospace;
	font-size: 16px;
	font-size: 1rem;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big { font-size: 125%; }

b, strong { font-weight: 700; }

.lcfirst {
  text-transform: capitalize;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html { box-sizing: border-box; }

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body { 
	background-repeat: repeat;
    background-position: center top;
	background-color: #EEE;
}

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

blockquote { padding:5px 0 5px 20px; border-left:5px solid #ddd; margin:0 0 0 20px; }

hr { background-color: #ccc; border: 0; height: 1px; margin-bottom: 1.5em; }

ul,
ol { margin: 0 0 1.5em 3em; }

ul { list-style: disc; }

ol { list-style: decimal; }

li > ul,
li > ol { margin-bottom: 0;	margin-left: 1.5em; }

dt { font-weight: bold; }

dd { margin: 0 1.5em 1.5em; }

img { 
	height: auto;
	max-width: 100%;
	vertical-align: bottom;
}

table { margin: 0 0 1.5em; width: 100%; }
table th { font-weight:normal; font-weight: 700; }

#systemMode {width: 1px; height: 1px; background: url("images/transparent.png"); position: absolute; left: -9000em; }

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] { background:#233e8a; color:#fff; border: 0; font-size: 0.875rem; text-decoration: none; padding:8px 20px 9px 20px; }

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover { color:#fff; background-color:#17244a; border: 0;}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {color:#fff; }

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea,
select {
	font-size: 16px; 
	font-size: 1rem; 
	color: #222;
	border: 1px solid #DDD;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus,
select:focus {
	color: #222;
	border-color: #1e65a7;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
	padding: 3px;
}

textarea {
	padding-left: 3px;
	width: 100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a,
a:visited { color:#3d5165; transition: background-color 0.2s ease 0s, color 0.2s ease 0s; text-decoration:none; }
a:focus { outline: thin dotted;	text-decoration:none; }
a:hover:active { outline:none; }

a.more-link,
a.more-link:visited { display: inline-block; color:#fff; text-decoration: none; text-transform: uppercase; padding:8px 30px 9px 40px; float:right; }
a.more-link:hover, 
a.more-link:focus { color:#fff; background-position: 0 -63px; }
a.more-link:focus { outline: 2px solid #222;}
a.more-link:hover:active {outline: none}


/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
	display: block;
}

.main-navigation ul {
	display: inline-block;
	list-style: none;
	margin: 0 auto;
	padding: 0;
}

.main-navigation li {
	display:inline-block;
	position: relative;
	margin:0;
	padding:0;
}

.main-navigation a {
	display: block;
	text-decoration: none;
	/*text-transform: uppercase;*/
	color: #fbebac;
	padding: 14px 0 15px;
	margin: 0 20px;
	font-size: 14px;
	font-size: 0.850rem;
	font-family: 'PT Serif';
}

.main-navigation li.hover a,
.main-navigation a:hover,
.main-navigation a:focus,
.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a {
	color:#EEE;
	outline:none;
	font-family: 'PT Serif';
}

.main-navigation ul ul {
	float: left;
	position: absolute;
	top: 48px;
	left: -999em;
	z-index: 99999;
	padding: 0 0;
	background-color: #2C3E50;
	width: 220px;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
	padding:0;
	background:#2C3E50;
}

.main-navigation ul ul a {
	color:#fff;
	margin:0;
	padding:10px 15px;
	border-bottom: 1px dotted #415b75;
}

.main-navigation ul ul li:last-child a { border: 0; }

.main-navigation ul ul a:focus,
.main-navigation ul ul a:hover {
	color:#c5daf0;
}

.main-navigation ul ul li {
	width: 220px;
	padding: 0 5px;
}

.main-navigation li:hover > a,
.main-navigation li.focus > a {

}

.main-navigation ul ul :hover > a,
.main-navigation ul ul .focus > a {
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul,
.main-navigation ul li.hover > ul {
	left: 10px;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul,
.main-navigation ul ul li.hover > ul {
	left: 100%;
}

.main-navigation ul li:last-child:hover ul li:hover > ul,
.main-navigation ul li:last-child:hover ul li.focus > ul,
.main-navigation ul li:last-child:hover ul li.hover > ul,
.main-navigation ul li.hover:last-child ul li:hover > ul,
.main-navigation ul li.hover:last-child ul li.focus > ul,
.main-navigation ul li.hover:last-child ul li.hover > ul {
	left: auto;
	right:100%;
}

.addition-navigation { margin: 0 0 1.5em; }

/* Small menu. */
.menu-toggle {
	background-color: transparent;
	border: 1px solid #d1d1d1;
	color: #1a1a1a;
	margin: 1em 0;
	padding: 1em;
}

.no-js .menu-toggle {
	display: none;
}

.menu-toggle:hover,
.menu-toggle:focus {
	background-color: transparent;
	border-color: #007acc;
	color: #007acc;
}

.menu-toggle.toggled-on,
.menu-toggle.toggled-on:hover,
.menu-toggle.toggled-on:focus {
	background-color: #1a1a1a;
	border-color: #1a1a1a;
	color: #fff;
}

.menu-toggle:focus {
	outline: 0;
}

.menu-toggle.toggled-on:focus {
	outline: thin dotted;
}

.nav-links { margin: 0 0; padding: 0 0; list-style:none; min-height:30px; }
.nav-links li { margin:0; padding:0; display:inline-block; }
.nav-links ul.page-numbers { margin:0; padding:0; }

.page-numbers span,
.page-numbers a,
.page-numbers a:visited { border: 1px solid #4a4a4a; background:#222; color:#fff; text-shadow: 0 1px 0 #222; text-decoration: none; text-transform: uppercase; display:inline-block; padding: 5px 12px;}
.page-numbers a:focus,
.page-numbers a:hover { color:#fff; background-color:#1e65a7; border: 1px solid #247ac9; }
.dots { background:#222 !important; } 
/*.current { color:#fff; background-color:#1e65a7; }*/

.nav-previous a,
.nav-next a { background-color:#5A81C5; color:#fff; text-decoration: none; display: block; width: 100%; padding: 10px 20px; }

.subpage-numbers { margin:0; padding:0; }
.subpage-numbers a,
.subpage-numbers a:visited { background:#222; color:#fff; text-decoration: none; display:block; padding: 4px 10px;}
.subpage-numbers a:focus,
.subpage-numbers a:hover { color:#fff; background-color:#1e65a7; }
.subpage-numbers li { display:inline-block; padding: 5px 12px; } 

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.post-type-archive-event .site-main { background-color: #FFF; padding: 20px; }
.post-type-archive-event article { border-bottom: 1px solid #DDD; margin: 0 0; }
.post-type-archive-event article:nt-child(even) { background-color: #F8F8F8; }

.post-type-archive-event article a { padding: 10px 0; display: block; clear: both; }
.post-type-archive-event article .date { float: left; width: 300px; }
.post-type-archive-event article .date span { display: inline-block; width: 3em; color: #ff002a; font-weight: bold; text-transform: uppercase; }
.post-type-archive-event article .title { margin-right: 300px; width: auto; overflow: hidden; float: none !important; }

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 45%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 45%;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	left:-10000px
}


/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.gallery:before,
.gallery:after,
.box:before,
.box:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
    content: "";
    display: table;
}

.clear,
.clear:after,
.entry-content:after,
.widget ul li:after,
.comment-content:after,
.gallery:after,
.box:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
h2.entry-title { color:#222; font-weight: 400; padding: 0 0 10px 0; margin: 0 0 15px; display: block; border-bottom: 1px solid #EEE; }

h2.page-title, .main-sidebar h2.widget-title { text-align: center; position: relative; margin: 0 0 2em; color: #666; }
.main-sidebar h2.widget-title { text-align: left; margin: 0 0 15px; padding: 0 0; }
h2.page-title .hbox, h2.widget-title .hbox { max-width: 80%; margin: 0 auto; z-index: 10; border-radius: 2px; display: inline-block; padding: 10px 15px;  background: #FFF; box-shadow: 0 0 2px #CCC; }
.main-sidebar h2.widget-title .hbox { background: #3b5998; color: #FFF; box-shadow: 0 0 2px #CCC; }
h2.page-title:before,
h2.page-title:after,

.main-sidebar h2.widget-title:after {
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #FFF;
    display: block;
    height: 8px;
    content: " ";
    width: 100%;
    position: absolute;
    left: 0;
    top: 46%;
	z-index: -1;
}

.main-sidebar h2.widget-title:after {
	border-top: 1px solid #3b5998;
	border-bottom: 1px solid #3b5998;
}

.widget-title a { color: #FFF; }

.taxonomy-description { border-radius: 2px; background-color: #FFF; padding: 10px 20px; text-align: center; margin: 0 0 2em; color: #666; }

.sticky { display: block; }

.hentry { position: relative; color:#333; padding: 20px; border-radius: 2px; }
.hentry a { color:#3d5165; }
.hentry a:hover { color:#3a7bbc; }


.box .grid .hentry { padding: 0; box-shadow: 0 0 2px #CCC; background-color: #FFF; }
.box .grid .hentry .entry-content { padding: 10px 20px; }

.box .grid .hentry .entry-footer { padding: 10px 20px; }
.box .grid .entry-meta { border-radius: 4px; position: absolute; top: -14px; left: -10px; background-color: #3b5998; color: #FFF; padding: 6px 10px; font-size: 12px; font-size: 0.750rem; }
.box .grid .hentry .entry-thumbnail { border-top-left-radius : 2px; border-top-right-radius : 2px; }
.hentry:hover .entry-thumbnail img { opacity: 1; }


/*.box .grid:first-child { width: 100%; }*/

.entry-header { position: relative; }
.entry-header .entry-title { margin: 0 0 1em;  }
.entry-header .entry-meta { display: block; padding: 5px 10px; text-align: right; }

.entry-content p, .entry-content blockquote, .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5  { margin: 15px 0 15px; }
.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5  { clear: both; }
.entry-content h3 { font-size: 1.250rem; }
.entry-content blockquote p:last-child { margin-bottom: 0; }
.entry-content ul, .entry-content ol { margin: 0 0 15px; padding: 0 0 0 15px; }
.entry-content ul ul, .entry-content ul ol, .entry-content ol ol, .entry-content ol ul { margin: 0 0 0 15px; }

.entry-content ul ul { list-style-type: circle; }
.entry-content ul ul ul { list-style-type: square; }

.entry-content ol ol { list-style-type: lower-alpha; }
.entry-content ol ol ol { list-style-type: lower-roman; }

.home .page-header, .archive .page-header { padding: 0 20px }

.post-insert { background: none; padding: 0;  }
.post-insert-wrap {  background-color: #2d343b; padding: 20px; border-radius: 2px; color: #FFF; }
.post-insert-wrap a { text-decoration: none; }
.post-event { margin: 0 0 35px 0; } 
.post-open { background-color: #2e5aa5; color: #FFF; padding: 20px;   }
.post-open h3 { margin: 0px 0 0 0px; }
.post-open p { margin: 5px 0; }
.post-open a { color: #FFF; }

.post-event ul { list-style: none; padding: 0; margin:0; display:table; }
.post-event ul li { border-bottom: 1px solid #4e5761; padding: 10px 0; }
.post-event ul li:last-child { border-bottom: 0; }
.post-event ul li:hover { background-color: #40474f; }
.post-event ul li div { display:table-cell; vertical-align: middle; }
.post-event ul li span { padding: 0 10px; }

.entry-thumbnail { position:relative; margin: 0 0 10px 0; overflow: hidden; }
.entry-thumbnail a { display:block; width:100%; height:100%; }
.entry-thumbnail img { width:100%; height: auto; }
.entry-thumbnail a span { display:block; position:absolute; left:-9000em; top:0 ;}
.entry-thumbnail a:hover span,
.entry-thumbnail a:focus span { left:0; }

.entry-thumbnail .image-caption { position: absolute; bottom: 0; right: 0; display: inline-block; padding: 5px 10px; background-color: #FFF; color: #333; font-size: 14px; font-size: 0.875rem; }

.entry-content a.gallery-link { display: inline-block; outline: 2px solid transparent; margin: 10px; }
.entry-content a.gallery-link img {border: none; outline: none; display: block; }
.entry-content a.gallery-link .gallery-link-wrapper {background:#fff; padding:2px; border: none; overflow: hidden; outline: 2px solid transparent; position: relative;}
.entry-content a.gallery-link:hover .gallery-link-wrapper,
.entry-content a.gallery-link:focus .gallery-link-wrapper {outline: 2px solid #1e65a7; }

.entry-meta { padding: 6px 0px; }
.entry-meta p { margin:0;}

.entry-footer { clear:both; border-top: 1px solid #EEE; padding: 10px 0 0; color: #888; }
.entry-footer a { color: #888; font-size: 14px; font-size: 0.850rem; }
.entry-footer ul { margin: 0; padding: 0; list-style: none; display: inline-block; float: right }
.entry-footer ul li { margin: 0; padding: 0 5px 0 0; display: inline-block; float: left }

.updated:not(.published) { display: none; }

.single .byline,
.group-blog .byline { display: inline; }

.page-content,
.entry-summary { margin: 1.5em 0 0; }

.page-links { clear: both;	margin: 0 0 1.5em; }


/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comments-area { padding: 20px; font-size: 0.850rem; }

.comment-respond { padding:10px 30px 20px; background:#f7f7f7; clear:both; }
.comment-respond label { padding:0 0 10px; display:block;}
.comment-content a { word-wrap: break-word; }

.bypostauthor { display: block; }

.comment-list { list-style: none; margin: 0 0 50px 0; padding:0; background-color: #FFF; }

.comment-list .reply { margin-top: 25px; }

.comment-list article,
.comment-list .pingback,
.comment-list .trackback { border-top:2px solid #f7f7f7; margin-bottom:25px; padding-top: 25px;}

.comment-list > li:first-child > article,
.comment-list > .pingback:first-child,
.comment-list > .trackback:first-child { border-top: 0; }

.comment-author { position: relative; padding:0 0 10px 0; }
.comment-author .avatar { border: 1px solid rgba(0, 0, 0, 0.1); padding: 2px; position: absolute; top: 0; left: 0; }
.comment-author .fn { font-weight:normal; }

.comment-metadata a { text-decoration: none; }

.comment-form input[type="text"], .comment-form input[type="email"], .comment-form input[type="url"]  { width: 98%; }
.comment-form label { font-weight: 700; }
.comment-form textarea { max-width: 100%; min-width: 280px; }
.comment-form-author, .comment-form-email, .comment-form-url { width: 30%; float: left; padding: 0 5px; }
.comment-form-author { padding-left: 0; }
.comment-form-url { padding-right: 0; }

.comment-author,
.comment-awaiting-moderation,
.comment-content,
.comment-list .reply,
.comment-metadata { padding-left: 55px; }

.comment-edit-link { margin-left: 10px; }

.comment-content { -webkit-hyphens: auto; -moz-hyphens:auto; -ms-hyphens:auto; hyphens:auto; word-wrap: break-word; }

.comment-content ul,
.comment-content ol { margin: 0 0 25px 25px; }

.comment-content li > ul,
.comment-content li > ol { margin-bottom: 0; }

.comment-content > :last-child { margin-bottom: 0; }

.comment-list .children { list-style:none; margin-left: 15px; }

.comment-reply-title small a { float: right; }

.comment-navigation .nav-next,
.comment-navigation .nav-previous {	display: inline-block; }

.comment-navigation .nav-previous a { margin-right: 10px; }

#comment-nav-above { margin-top: 36px; 	margin-bottom: 0; }

.comment-reply-link,
.comment-reply-link:visited,
#cancel-comment-reply-link,
#cancel-comment-reply-link:visited{ background:#3b5998; color:#fff; display:inline-block; padding: 5px 15px; border-radius: 2px; font-size: 0.850rem; }

.comment-reply-link:focus,
.comment-reply-link:hover,
#cancel-comment-reply-link:focus,
#cancel-comment-reply-link:hover { color:#fff; background-color:#1e65a7; }

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0 auto;
}

.wp-caption-text {
	text-align: center;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
	margin: 0 1% 1% 0;
	float: left;
}

.gallery img { width: 100%; max-width: 100%; height: auto; }

.gallery-columns-2 .gallery-item {
	width: 48%;
}

.gallery-columns-3 .gallery-item {
	width: 32%;
}

.gallery-columns-4 .gallery-item {
	width: 24%;
}

.gallery-columns-5 .gallery-item {
	width: 19%;
}

.gallery-columns-6 .gallery-item {
	width: 15.66%;
}

.gallery-columns-7 .gallery-item {
	width: 13.28%;
}

.gallery-columns-8 .gallery-item {
	width: 11.5%;
}

.gallery-columns-9 .gallery-item {
	width: 11.11%;
}

.gallery-caption {
	display: block;
}





.goto-top { display:none; }

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
.site-header {  }
.logo { text-align: center; max-width: 1220px; margin: 80px auto 0 auto; }
.header-wrapper { width: 100%; position: fixed; top:0; left: 0; z-index: 40; background-color: #2C3E50; padding: 0 0; background-color: #2C3E50; }
.admin-bar .site { top: 32px; }
.admin-bar .header-wrapper { top: 32px; }
.header-wrapper .container { max-width: 1220px; margin: 0 auto; }
.header-wrapper .container .logo { text-align: center; float: left; max-width: 160px; margin: 0 50px 0 0;  }
.main-navigation { text-align: center; float: left;  }
.site-title { font-weight:900; display: block; padding: 6px; }
.site-title a { text-decoration:none; color:#3b5998; }
.site-title a:hover { color: blue; }

.site-branding { margin: 80px auto 50px auto; width: 100%;   }
.site-description { color: #333; font-family: 'PT Serif'; font-size: 1.2rem; }

/*--------------------------------------------------------------
# Sidebar
--------------------------------------------------------------*/
.main-sidebar { color: #333; }
.main-sidebar section { margin: 0 0 30px 0; }
/*.main-sidebar .widget-title { padding: 0 0 15px; }*/
.main-sidebar .widget > ul, .main-sidebar .textwidget, .main-sidebar .menu, .main-sidebar .tagcloud { background-color: #FFF; padding: 20px; list-style:none; margin: 0; border-radius: 2px; box-shadow: 0px 0px 2px #CCC; }
.main-sidebar .search-form { background-color: #FFF; padding: 0 0; list-style:none; margin: 0; border-radius: 2px; box-shadow: 0px 0px 2px #CCC; }

.main-sidebar ul li { margin:0 0 1px 0; padding:0; position: relative; }
.main-sidebar ul li a { color:#222; text-decoration:none; }

.main-sidebar ul li.hover a,
.main-sidebar ul li a:hover,
.main-sidebar ul li a:focus,
.main-sidebar ul li.current_page_item a { color:#000; }

.main-sidebar ul li:hover > ul,
.main-sidebar ul li.hover > ul { left:100%; }

.main-sidebar ul ul li:hover > ul,
.main-sidebar ul ul li.hover > ul { left: 100%; }

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
#content { width:100%; max-width: 1280px; margin: 0 auto; padding: 10px; margin-top: 40px; position:relative;  }

#primary { padding: 0 0; background-color: #FFF; box-shadow: 0 0 2px #CCC; }
.home #primary, .archive #primary, .search #primary { box-shadow: none; background-color: transparent; width: 100%; float: none; padding: 0; }
.asidebar #primary { float: left; width: 66.7%; padding: 15px 0; }

table {border-collapse: collapse; border: 1px solid #1e65a7;}
table th {font-weight:normal; padding: 8px 10px 6px 10px; background: #1e65a7; color: #fff}
table td {padding: 5px; border: 1px solid #1e65a7;}

/*--------------------------------------------------------------
# Breadcrumb
--------------------------------------------------------------*/
#breadcrumbs { padding: 10px 20px 10px 20px; clear: both; border-bottom: 1px solid #EEE; background-color: #FFF; }
#breadcrumbs p { display:inline-block; margin:0 10px 0 0}
#breadcrumbs ul { list-style:none; margin:0; padding:0; display:inline-block; }
#breadcrumbs ul li { display:inline-block; margin:0 5px; padding:0}
#breadcrumbs ul li:first-child { margin-left:0; }
#breadcrumbs ul li::after { content: "/"; margin:0 0 0 10px;}
#breadcrumbs ul li:last-child::after { content: ""; }
#breadcrumbs ul li a { text-decoration:none; }

/*--------------------------------------------------------------
# Search
--------------------------------------------------------------*/
.search-toggle { float: right; font-family: FontAwesome;}
.search-toggle a { display:block; width: 50px; height: 50px; line-height: 50px; background: #ebbf0e; color: #FFF; text-align: center; }
.search-toggle a:hover, .search-toggle a:focus { background-color: #d1b02c; }

.search-toggle { position: relative; }
#search-wrapper { position:absolute; right: 0; top:0; line-height: 50px; display: none; }
.search-form { background:#f7f7f7; width:240px; }
.search-form label { float:left; }
.search-form input[type="search"] { width:164px; margin: 0px 8px;}
.search-form input[type="search"]:focus { outline:2px solid #1e65a7; }

.search-form .search-submit { text-shadow: none; border: 0; padding: 0; display:block; width: 50px; height: 50px; line-height: 50px; background: #ebbf0e; color: #FFF; text-align: center; float:right; }
.search-form .search-submit:hover, .search-toggle a:focus { background-color: #115fa7; }

.page-content .search-form { width:100%; margin-bottom:30px; }
.page-content .search-form label { width:90%; }
.page-content .search-form input[type="search"] { width:90%; border:2px solid #666; }
.page-content .search-form input[type="search"]:focus { border:2px solid #1e65a7; }

/*--------------------------------------------------------------
# Social icons
--------------------------------------------------------------*/
.site-header .social-icons { position: fixed; top: 90px; z-index: 20; right: 0; font-family: FontAwesome;}
.site-header  .social-icons a { font-size: 20px; font-size: 1.250rem; display:block; width: 46px; height: 46px; line-height: 50px; background: #3e4756; color: #FFF; text-align: center; margin-bottom: 1px;}

.site-footer .social-icons { float: right; position: relative; top: 0; z-index: 1; right: 0; font-family: FontAwesome; text-align: right;}
.site-footer .social-icons a { font-size: 24px; font-size: 1.500rem; display: block; float: left; width: 50px; height: 50px; line-height: 50px; margin-right: 1px; background: #3e4756; color: #FFF; text-align: center; }

.social-icons a.facebook { background: #3b5998; }
.social-icons a.google-plus { background: #dd4e40; }
.social-icons a.instagram { background: #d8ccc0; }
.social-icons a.twitter { background: #4099FF; }
.social-icons a.youtube { background: #d52324; }
.social-icons a.vimeo { background-color: #1ab7ea; }
.social-icons a.flickr { background-color: #ff0084; }
.social-icons a.vk { background-color: #4c75a3; }
.social-icons a.pinterest { background-color: #cb2027; }
.social-icons a.tumblr { background-color: #f31da0; }
.social-icons a.wordpress { background-color: #00749a; }
.social-icons a.github { background-color: #333; }
.social-icons a.paypal { background-color: #002f86; }
.social-icons a.skype { background-color: #00aff0; }
.social-icons a:hover { opacity: 0.6; }

.lang a { width: 40px;  background: url('images/ua.jpg') 0 14px no-repeat; text-indent:-9999em; }
.lang-pl a { width: 40px;  background: url('images/pl.jpg') 0 14px no-repeat; text-indent:-9999em; }

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#colophon { color: #FFF; position:relative; margin: 10px 0 0 0; background-color: #2C3E50; }
#colophon .footer-wrapper { max-width: 1260px; margin: 0px auto; padding: 0 0; } 
#colophon .footer-bottom { background-color: #233342; color: #FFF; } 
#colophon .footer-bottom .container { max-width: 1260px; margin: 0px auto; padding: 0 0; }
#colophon .footer-bottom a { color: #EEE; }
#colophon section:last-child { margin-right: 0; }
#colophon section ul { margin: 0 0; }
#colophon section a { color: #FFF; text-decoration: none; }
#colophon section a:hover { color: #f9f3ad; }

.footer-bottom p  { margin: 0 0; color: #EEE; font-size: 14px; font-size: 0.850rem; }



/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget { margin: 0 0 1.5em; position:relative; padding: 0 0 1.5em; }
.widget-title { color: #333; margin:0; padding: 15px 0; }
.widget  ul li { border-bottom: 1px dotted #EEE; padding: 5px 0; }
.widget ul ul { margin-left: 0; list-style: none; padding: 0 0 0 20px; border-top: 1px dotted #EEE; margin-top: 5px; }
.widget ul ul li:last-child { padding-bottom: 0; }


.post-insert-wrap .widget-title { color: #FFF; margin:0; padding: 0 0 15px 0; }
.site-footer .widget-title { color: #FFF; padding-left: 0; }


/* Calendar widget */
.widget_calendar a { font-weight: 400; display: block; }
.widget_calendar #wp-calendar { width: 100%; }
.widget_calendar caption { background: #ebbf0e; font-weight: bold; color: #fff; padding: 5px 10px; }
.post-insert-wrap  .widget_calendar caption { background: #342c2c; color: #fff; padding: 5px 10px; }
.widget_calendar thead { color: #888; font-weight: 400; background: #333; }
.post-insert-wrap .widget_calendar thead { color: #fff; font-weight: 400; background: #e7416a; box-shadow: 0; }
.widget_calendar th { font-weight: 600; background: none; }
.widget_calendar th, .widget_calendar td { padding: 6px 0; text-align: center; border: 1px solid #EAEAEA; }
.post-insert-wrap .widget_calendar th, .post-insert-wrap .widget_calendar td { padding: 6px 0; text-align: center; border: 1px solid #f56d8e; }
#colophon .widget_calendar td a, .widget_calendar td a { font-weight: 700; color: #ebbf0e; }
.post-insert-wrap table th { background-color: #FFF; color: #333; }
.post-insert-wrap table { border: 1px solid #FFF; }
.post-insert-wrap table caption { margin: 0px 0px 15px; clear: none; }
.post-insert-wrap table td { border: 1px solid #FFF; color: #FFF; text-align: center; }

.post-otto .title { position: absolute; background-color: #000; color: #fff; font-size: 10px; font-size: 0.625rem; padding: 3px 6px; opacity: 0.6; }

.widget_recent_entries {  }
.widget_recent_entries ul { list-style: none; margin: 0; padding: 0; }
.widget_recent_entries ul li { border-bottom: 1px solid #EEE; margin-bottom: 10px; padding-bottom: 10px; }
.widget_recent_entries ul li h3 { font-size: 1.250rem;  }
.site-footer .widget_recent_entries ul li { border-bottom: 1px solid #809fe0; }

.widget_recent_entries .post-thumbnail { width: 80px; float: left; margin: 6px 10px 2px 0;}
.widget_recent_entries .post-excerpt { margin: 1em 0;}
.site-footer .widget_recent_entries .post-excerpt { color: #FFF; margin: 1em 0;}
.widget_recent_entries .post-date { line-height: 24px; padding: 6px 0; float: left; display: block; }
 { content: "\f017"; font-family: FontAwesome; padding: 0 10px 0 0; }
.widget_recent_entries a.read-more { float: right; border: 1px solid #EEE; text-transform: uppercase; font-size: 14px; font-size: 0.875rem; padding: 8px 10px; display: inline-block;}
.widget_recent_entries a.read-more:hover, .widget_recent_entries a.read-more:focus { border: 1px solid #b5303e !important;}


.widget_recent_entries .flexslider .post-thumbnail { position: relative; max-width: 100%; width: 100%; float: none; margin: 0 0 20px 0; }
.widget_recent_entries .flexslider ul li { border-bottom: 0; padding: 0; margin: 0; }
.widget_recent_entries .flexslider .post-date { padding: 6px 10px; float: none; display: block; position: absolute; top: 0; left: 0; background-color: #3b5998; color: #FFF; font-size: 12px; font-size: 0.750rem; }
.widget_recent_entries .flexslider .post-date:before { content: ""; padding: 0 0; }
.widget_recent_entries .flexslider ul li h3 { line-height: 1.2; }


.flexslider { margin: 0 0 30px; border: 0; }
.flex-direction-nav a { top: 30%; }
.flex-direction-nav a { height: 60px; }
.flex-control-nav { bottom: -20px; }
.post-insert .flexslider ul li a { padding: 0 0; }

.widget_static_map { overflow: visible; }
.widget_static_map .map { position: relative; }
.widget_static_map .place-card { display: none !important; }
.widget_static_map .map .map-marker { background: #FFF; border: 1px solid #EAEAEA; position: absolute; bottom: 0px; left: 0; z-index: 10; width: 100%; }
.sidebar .widget_static_map .map .map-marker { left: 0; bottom: 0; }
.widget_static_map .map .map-marker .point { background-color: #004577; color: #FFF; display: inline-block; height: 100%; font-size: 28px; line-height: 28px; float: left; margin-right: 10px; padding: 10px; box-sizing: border-box; }
.widget_static_map .map .map-marker .address { font-size: 12px; font-size: 0.750rem; line-height: 17px; padding: 7px 5px 6px; color: #555; }
.widget_static_map .map .map-marker .address p { margin: 0; }

.main-sidebar ul li:last-child { border: 0; }
.widget_categories ul li a:hover, .widget_archive ul li a:hover { text-decoration: underline; }

/* Widget RSS */
.widget_rss ul li a { display: block; }
.widget_rss ul li span.rss-date, .widget_rss ul li cite  { display: block; text-align: right; font-size: 12px; font-size: 0.850rem; }

/* Make sure select elements fit in widgets. */
.widget select {
	width: 100%;
	border:2px solid #e2e2e2;
	padding:5px;
}
.widget select:focus {
	border-color: #1e65a7;
	outline:1px solid #1e65a7;
}

/* Search widget. */
.widget_search .search-form { width: 100%; }
.widget_search .search-form label { float:left; }
.widget_search .search-form input[type="search"] { width:100%; margin: 8px 10px;}

/* Boom */

.widget_boom ul { list-style: none; margin: 0 0; padding: 0 0; }
.widget_boom ul li { margin: 0 0 16px 0; position: relative; padding: 0 0; }
.widget_boom ul li a { display: block; }
.widget_boom ul li h3 { bottom: 0; color: #FFF; padding: 3px 6px; opacity: 0.8; }
.widget_boom ul li .title { display: none; position: absolute; background-color: #000; color: #fff; font-size: 10px; font-size: 0.625rem; padding: 3px 6px; opacity: 0.6; }

/* Widgets in content */
.page-content .widget h2 { background:none; color:#1e65a7; text-shadow:none; padding:5px 0;}

.page-content .widget ul { list-style:none; margin:0 0 0 15px; padding:0; }
.page-content .widget ul li { margin:5px 0; padding:0 0 2px 15px; }
.page-content .widget ul li a { text-transform:none; padding:2px 5px; }
.page-content .widget ul li a:hover,
.page-content .widget ul li a:focus { color:#fff; background:#1e65a7; text-decoration:none;}

/*--------------------------------------------------------------
# Insert article 
--------------------------------------------------------------*/
.post-insert a { color: #FFF; }
.post-insert a:hover { color: #EEE; }
.post-insert ul { list-style: none; padding: 0; margin: 0; }
.post-insert ul li { padding: 0 0; margin: 0; }
.post-insert ul li a { display: block; padding: 6px 10px; }
.post-insert .widget { border-bottom: 1px solid #EEE; }
.post-insert .widget:last-child { border-bottom: 0; margin: 0 0 0; padding: 0 0 0; }

/*--------------------------------------------------------------
# Related posts
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Featured / slider
--------------------------------------------------------------*/
.featured-container { padding: 0 15px;  }
.featured { background-color: #000; border-radius: 0; }
.featured header { position: absolute; bottom: 0; left: 0; background: #000; color: #FFF; opacity: 0.8; padding: 20px; left: 0; right: 0; }
.featured header a { color: #FFF; }
.featured header h3 { font-size: 32px; font-size: 2rem; }
.featured .left-col {
	width: 66.7%;
	float: left;
	position: relative;
}

.featured .right-col {
	width: 33.3%;
	float: right;
	height: 460px;
	overflow: hidden;
}

@media only screen and (max-width: 900px) {
	.featured .left-col { width: 100%; float: none; }
	.featured .right-col { display: none; float: none; }
}

.featured .right-col ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.featured .flex-direction-nav a { top: 50%; }
.featured .right-col ul li:first-child { width: 100%; float: none; clear: both; }
.featured .right-col ul li { width: 50%; float: left; padding: 0 0 1px 1px; }

.featured .slider-nav .flex-active img { opacity: 0.6; }

/*--------------------------------------------------------------
# Cookie info
--------------------------------------------------------------*/
.cookie-info { position: fixed; bottom: 0; background-color: #FFF; padding: 10px; width: 100%; color: #000; text-align: center;	z-index: 9999; box-shadow: 0 0 4px #888; }
a.button { display: inline-block; padding: 6px 10px; box-shadow: inset 0 0 1px #888; background-color: #2C3E50;	border-radius: 2px;	color: #FFF; }
a.button:hover { color: #FFF; opacity: 0.8; }
a.btc-green { background-color: green; color: #FFF; }
a.btc-purple { background-color: purple; color: #FFF; }
a.btc-red { background-color: red; color: #FFF; }
a.btc-orange { background-color: orange; color: #FFF; }
a.btc-aqua, a.btc-aqua:hover { background-color: aqua; color: #333; }
a.btc-pink, a.btc-pink:hover { background-color: pink; color: #333; }
a.btc-silver { background-color: silver; color: #FFF; }
a.btc-teal { background-color: teal; color: #FFF; }
a.btc-violet   { background-color: violet; color: #FFF; }
a.btc-brown   { background-color: brown; color: #FFF; }
a.btc-gold { background-color: gold; color: #333; }

a.bts-xl { font-size: 1.5rem; }
a.bts-large { font-size: 1.2rem; }
a.bts-normal { font-size: 1rem; }
a.bts-small { font-size: 0.850rem; }

.cue-wrapper { background-color: #EEE; border: 1px solid #EEE; color: #333; padding: 20px; }
.cue-wrapper .description { font-weight: bold; }
.cue-wrapper .ceu-email { width: 100%; margin-bottom: 10px; }

.grecaptcha-badge { 
    visibility: hidden !important;
    display:none !important;
}


body.page-id-18967 .entry-header .entry-title,
body.page-id-5073 .entry-header .entry-title{
  display:none;
}

.entry-content{
    background: #fff;
    padding: 30px 10px 30px 10px;
}