@charset "utf-8";

/*
Theme Name: PAD2 10_1
Theme URI: http://pad.widzialni.org/wordpress
Author: Fundacja Widzialni
Author URI: http://widzialni.org/
Description: Szablon spełnia standard dostępności WCAG 2.0 na poziomie AA wymaganym przez rozporządzenie Rady Ministrów o Krajowych Ramach Interoperacyjności z dnia 12 kwietnia 2012 potwierdzony przez pozytywny wynik przeprowadzonego w ich obrębie audytu. Szablon posiada semantyczny kod HTML, możliwość powiększania czionki oraz to, co wyróżnia go spośród innych szablonów - wersję o wysokim kontraście. Oznacza to, że jest dostępny dla użytkowników niepełnosprawnych.
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: pad2
Tags: green, white, light, two-columns, right-sidebar, responsive-layout, fixed-layout, accessibility-ready, custom-header, custom-menu, custom-background, editor-style, featured-images, post-formats

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.

PAD2 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");

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/

body {
    font-family: 'Poppins', sans-serif;
    font-size: 0.9em;
    line-height: 1.385em;
    color: #5A5A5A;
    background-color: #fff;
}

#przyjaciele img {
	border: 1px solid #eaeaea;
	margin-bottom: 15px;
}

button,
input,
select,
textarea {
    font-size: 1em;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
    font-weight: normal;
    font-family: 'Poppins', sans-serif;
    color: #2196F3;
    font-weight: 500;
    margin: 25px 0 20px 0;
    line-height: 1.1em
}

h1 {
    font-size: 1.769em
}

h2 {
    font-size: 1.615em
}

h3 {
    font-size: 1.462em
}

h4 {
    font-size: 1.308em
}

h5 {
    font-size: 1.154em
}

h6 {
    font-size: 1.077em
}

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

blockquote {
    margin: 0 1.5em
}

address {
    margin: 0 0 1.5em
}

pre {
    background: #f0f0f0;
    font-family: Courier, monospace;
    font-size: 0.9375em;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em;
}

code,
kbd,
tt,
var {
    font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
    font-size: 0.9375em;
    color: #2196F3;
}

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

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

big {
    font-size: 125%;
}

b,
strong {
    font-family: sinkinMedium
}


#add-navigation-wrapper {
  background: #1a325a;  
}

#add-navigation ul {
   padding: 0;
}

#add-navigation ul li a{
    text-align: center;
    color: #fff;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/

.noOutline {
    outline: none !important
}

html {
    box-sizing: border-box;
}

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

button#catapultCookie {
    width: 150px;
    text-align: left;
}

*,
*: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;
}

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

blockquote {
    padding: 5px 10px 5px 30px;
    margin: 10px;
    background: #11325c;
    position: relative;
    color: #fff;
    text-align: center;
}

.biger-text blockquote p {font-size: 1.6em;}

blockquote:before {
    content: "“";
    font-size: 4em;
    color: #fff;
    position: absolute;
    left: 5px;
    top: 20px
}

blockquote:after {
    content: "“";
    font-size: 4em;
    color: #fff;
    position: absolute;
    right: 5px;
}

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

ul,
ol {
    margin: 0 0 1.5em 1em;
    padding-left: 5px;
}

ul {
    list-style: disc;
}

ol {
    list-style: decimal;
}

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

dt {
    font-family: sinkinMedium;
}

dd {
    margin: 0 1.5em 1.5em;
}

img {
    height: auto;
    /* Make sure images are scaled correctly. */
    max-width: 100%;
    /* Adhere to container width. */
}

table {
    margin: 0 0 1.5em
}

table th {
    font-weight: normal;
    font-family: sinkinMedium
}


.cat-box {text-align: center;}
.cat-box i {font-size: 3em;    padding: 20px 20px;
    width: 100%;
    color: #fff;}

.cat-box h6 {    text-transform: uppercase;
    padding: 30px 10px;
    color: #fff;}
/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    background-color: #8BC34A;
    color: #fff;
    ;
    position: relative;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    display: block;
    border: 1px solid #8BC34A;
    padding: 8px 30px 8px 20px
}

button:after,
input[type="button"]:after,
input[type="reset"]:after,
input[type="submit"]:after {
    content: "→";
    width: 8px;
    overflow: hidden;
    display: block;
    text-indent: -7px;
    font-size: 12px;
    position: absolute;
    right: 12px;
    top: 7px
}

.chrome button:after,
.chrome input[type="button"]:after,
.chrome input[type="reset"]:after,
.chrome input[type="submit"]:after {
    font-size: 20px;
    text-indent: -11px
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {
    background-color: #2196F3;
    border-color: #2196F3;
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {
    outline: 2px solid #8BC34A
}

button:hover:active,
input[type="button"]:hover:active,
input[type="reset"]:hover:active,
input[type="submit"]:hover:active,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
    outline: none
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
select,
textarea {
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    background-color: #FFFFFF;
    border: none;
    color: #555;
    border-radius: 7px;
    padding: 0 10px;
    line-height: 34px;
    height: 34px;
    outline: 1px solid transparent;
    box-shadow: 0px 4px 0px 0px #f1f1f1;
}

textarea {
    line-height: 1.385em;
    padding: 5px 10px;
    height: 150px
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus,
select:focus {
    border-color: #2196F3;
    outline: 1px solid #2196F3;
    background-color: #fff
}


/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/


/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/

a,
a:visited {
    color: #f12112;
    text-decoration: none;
    transition: color 0.3s ease 0s, border 0.3s ease 0s, background-color 0.3s ease 0s;
    -webkit-transition: color 0.3s ease 0s, border 0.3s ease 0s, background-color 0.3s ease 0s;
    -moz-transition: color 0.3s ease 0s, border 0.3s ease 0s, background-color 0.3s ease 0s;
    -o-transition: color 0.3s ease 0s, border 0.3s ease 0s, background-color 0.3s ease 0s
}

a:hover,
a:focus {
    border-color: transparent;
    text-decoration: none
}

a:focus {
    outline: 2px solid #2196F3
}

a:hover:active {
    outline: none
}

a.newWindow {
    background: url("images/icoNewWndw.png") no-repeat right 4px;
    padding-right: 15px;
    margin-right: 5px
}

a.more-link,
a.more-link:visited {
    background-color: #8BC34A;
    color: #fff;
    ;
    position: relative;
    display: inline-block;
    border: 1px solid #8BC34A;
    padding: 8px 30px 8px 20px;
    float: left;
    margin-right: 20px
}

a.more-link:after {
    content: "→";
    width: 5px;
    overflow: hidden;
    display: block;
    text-indent: -7px;
    font-size: 12px;
    position: absolute;
    right: 15px;
    top: 7px
}

.chrome a.more-link:after {
    font-size: 20px;
    text-indent: -11px
}

a.more-link:hover,
a.more-link:focus {
    background-color: #2196F3;
    border-color: #2196F3;
}

a.more-link:focus {
    outline: 2px solid #8BC34A
}

a.more-link:hover:active {
    outline: none
}


/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/


/* Small menu. */

.menu-toggle,
.main-navigation.toggled ul {
    display: block
}

.main-navigation .menu {
    transition: opacity 0.3s ease 0s;
    -webkit-transition: opacity 0.3s ease 0s;
    -moz-transition: opacity 0.3s ease 0s;
    -o-transition: opacity 0.3s ease 0s;
    opacity: 0
}

button.menu-toggle {
    position: absolute;
    top: 0px;
    right: 0;
    padding-top: 18px;
    padding-bottom: 17px
}

button.menu-toggle:after {
    top: 15px
}

button.menu-toggle:focus {
    outline: 2px solid #a9fc48
}

button.menu-toggle:hover:active {
    outline: none
}

.top-nav-wrapper {
    background-color: #2196F3;
    width: 100%;
    text-align: left;
    height: 56px;
    position: relative;
    z-index: 2
}

.main-navigation {
    float: left;
    vertical-align: top;
}

.main-navigation ul {
    margin: 0;
    padding: 0;
    text-align: left
}

.main-navigation ul li {
    list-style-type: none;
    display: inline-block;
    position: relative;
    margin-right: -4px
}

.main-navigation ul li:first-child {
    background-image: none
}

.main-navigation ul li a,
.main-navigation ul li a:visited {
       display: block;
    color: #fff;
    padding: 20px 15px;
    margin-right: -2px;
    position: relative;
    z-index: 2;
    border: none;
    height: 56px;
    text-transform: uppercase;
    background: #2196F3;
    font-weight: 400;
    font-size: 0.92em;
}

.main-navigation ul li a:hover,
.main-navigation ul li a:focus,
.main-navigation ul li.hover a,
.main-navigation ul li.current_page_item a,
.main-navigation ul li.current-menu-item a,
.main-navigation ul li.current_page_ancestor a {
    background: #1a325a;
    color: #fff;
}

.main-navigation ul li.page_item_has_children a:after,
.main-navigation ul li.menu-item-has-children a:after,
#addition-menu li.menu-item-has-children > a:after{
    content: "+";
    display: inline-block;
    margin-left: 5px;
    font-size: 12px
}


.main-navigation ul li ul {
    position: absolute;
    left: -9999em;
    top: 46px;
    background-color: #8BC34A;
    opacity: 0;
    width: 200px;
    transition: opacity 0.3s ease 0s;
    -webkit-transition: opacity 0.3s ease 0s;
    -moz-transition: opacity 0.3s ease 0s;
    -o-transition: opacity 0.3s ease 0s;
    margin: 0;
    padding: 10px 0
}

.main-navigation ul li.hover ul {
    left: 0;
    opacity: 1
}

.main-navigation ul li ul li {
    display: block;
    background: none;
    margin-right: 0
}

.main-navigation ul li.hover ul ul {
    position: absolute;
    left: -9999em;
    opacity: 0;
    top: -10px
}

.main-navigation ul ul li.hover ul {
    left: 200px;
    opacity: 1
}

.main-navigation ul li ul li a,
.main-navigation ul li ul li a:visited,
.main-navigation ul li.hover ul li a {
    height: auto;
    background-color: #8BC34A;
    color: #fff;
    margin: 0;
    padding-top: 8px;
    padding-bottom: 9px
}

.main-navigation ul li ul li a:hover,
.main-navigation ul li ul li a:focus,
.main-navigation ul li ul li.current_page_item a,
.main-navigation ul li ul li.current-menu-item a,
.main-navigation ul li ul li.current_page_ancestor a,
.main-navigation ul li ul li.hover a {
    background-color: #16325b;
    color: #ffffff;
}

.main-navigation ul li ul li ul li a,
.main-navigation ul li ul li ul li a:visited,
.main-navigation ul li.hover ul li.hover ul li a {
    background-color: #8BC34A;
    color: #fff;
}

.main-navigation ul li ul li ul li a:hover,
.main-navigation ul li ul li ul li a:focus,
.main-navigation ul li.hover ul li.hover ul li a:hover,
.main-navigation ul li.hover ul li.hover ul li a:focus,
.main-navigation ul li ul li ul li.current_page_item a,
.main-navigation ul li ul li ul li.current-menu-item a,
.main-navigation ul li.hover ul li.hover ul li.current_page_item a,
.main-navigation ul li.hover ul li.hover ul li.current-menu-item a,
.main-navigation ul li ul li ul li.current_page_ancestor a,
.main-navigation ul li ul li ul li.hover a {
    background-color: #151714;
    color: #88d066
}

.main-navigation ul li.page_item_has_children ul li a:after,
.main-navigation ul li.hover ul li a:after,
.main-navigation ul li.hover.page_item_has_children ul li a:after,
.main-navigation ul li.hover.menu-item-has-children ul li a:after {
    content: "";
    margin: 0
}

.main-navigation ul li.page_item_has_children ul li a:before,
.main-navigation ul li.hover ul li a:before,
.main-navigation ul li.hover.page_item_has_children ul li a:before,
.main-navigation ul li.hover.menu-item-has-children ul li a:before {
    content: "→";
    position: absolute;
    left: 10px;
    width: 5px;
    overflow: hidden;
    display: block;
    text-indent: -7px;
    font-size: 12px;
    opacity: 0;
    transition: opacity 0.3s ease 0s;
    -webkit-transition: opacity 0.3s ease 0s;
    -moz-transition: opacity 0.3s ease 0s;
    -o-transition: opacity 0.3s ease 0s
}

.chrome .main-navigation ul li.page_item_has_children ul li a:before,
.chrome .main-navigation ul li.hover ul li a:before,
.chrome .main-navigation ul li.hover.page_item_has_children ul li a:before,
.chrome .main-navigation ul li.hover.menu-item-has-children ul li a:before {
    font-size: 20px;
    text-indent: -11px
}

.main-navigation ul li.page_item_has_children ul li a:hover:before,
.main-navigation ul li.page_item_has_children ul li a:focus:before,
.main-navigation ul li.hover ul li a:hover:before,
.main-navigation ul li.hover ul li a:focus:before,
.main-navigation ul li.hover.page_item_has_children ul li a:hover:before,
.main-navigation ul li.hover.page_item_has_children ul li a:focus:before,
.main-navigation ul li.hover.menu-item-has-children ul li a:hover:before,
.main-navigation ul li.hover.menu-item-has-children ul li a:focus:before {
    opacity: 1
}

.main-navigation ul li.page_item_has_children ul li.page_item_has_children a:after,
.main-navigation ul li.hover.page_item_has_children ul li.hover.page_item_has_children a:after,
.main-navigation ul li.hover.menu-item-has-children ul li.menu-item-has-children a:after {
    content: "+";
    margin-left: 5px;
    position: absolute;
    right: 10px;
    top: 8px
}

.main-navigation ul li.page_item_has_children ul li.page_item_has_children ul li a:after,
.main-navigation ul li.hover ul li.page_item_has_children ul li a:after,
.main-navigation ul li.hover.page_item_has_children ul li.hover.page_item_has_children ul li a:after,
.main-navigation ul li.hover.menu-item-has-children ul li.hover.menu-item-has-children ul li a:after {
    content: "";
    margin: 0
}

.main-navigation ul li ul li a:focus {
    outline: 2px solid #fff;
    z-index: 9999
}

.main-navigation ul li ul li a:hover:active {
    outline: none
}

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

.nav-links {
    margin: 0;
    padding: 0;
    text-align: center;
    position: relative;
    min-height: 40px
}

.nav-links li {
    display: inline-block;
    list-style-type: none;
    font-size: 0.923em
}

.nav-links li a,
.nav-links li a:visited {
    color: #8BC34A;
    border-color: transparent
}

.nav-links li a:hover {
    border-color: #8BC34A
}

.nav-links li a:focus {
    outline: 2px solid #8BC34A;
    border-color: transparent
}

.nav-links li a:hover:active {
    outline: none
}

.nav-previous {
    left: 0;
    text-align: left
}

.nav-previous a:before {
    content: "←";
    font-size: 13px;
    margin-right: 10px
}

.nav-next {
    position: absolute;
    right: 0;
    text-align: right
}

.nav-next a:after {
    content: "→";
    font-size: 13px;
    margin-left: 10px
}

.page-numbers,
.subpage-numbers {
    margin: 0;
    padding: 20px 0
}

.page-numbers li,
.subpage-numbers li {
    list-style-type: none;
    display: inline-block;
    margin: 0 5px 30px 0
}

.nav-links .page-numbers span,
.nav-links .page-numbers a,
.nav-links .page-numbers a:visited,
.nav-links .subpage-numbers span,
.nav-links .subpage-numbers a,
.nav-links .subpage-numbers a:visited {
    background-color: #8BC34A;
    color: #fff;
    border: none;
    min-width: 20px;
    padding: 10px 15px
}

.nav-links .page-numbers a:focus,
.nav-links .page-numbers a:hover,
.nav-links .subpage-numbers a:focus,
.nav-links .subpage-numbers a:hover {
    background-color: #2196F3;
}

.nav-links .page-numbers .dots,
.nav-links .subpage-numbers .dots {
    background-color: transparent;
    color: #8BC34A
}

.nav-links .page-numbers .current,
.nav-links .subpage-numbers .current {
    background-color: #2196F3;
}

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

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

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

#add-navigation-wrapper {
    width: 1200px;
    margin: 0 auto 0 auto;
    position: relative;
    z-index: 1
}

#add-navigation ul {
    margin: 0;
    padding: 0;
    display: flex;
    padding: 0;
}

#add-navigation ul li {
    display: flex;
    vertical-align: middle;
    height: auto;
    padding: 0;
	position: relative;
}

#add-navigation ul li:first-child {
    border: none
}

#add-navigation ul li a,
#add-navigation ul li a:visited {
    font-size: 0.9em;
    line-height: 1.1;
    display: block;
    /* padding: 10px 0 10px 42px; */
    padding: 15px 8px;
    border: none;
}

#add-navigation ul li:nth-child(1) a {
    /*background: url("images/icons/signs.png") no-repeat 0 center;*/
}
#add-navigation ul li:nth-child(2) a {
    /*background: url("images/icons/calendar.png") no-repeat 0 center;*/
}
#add-navigation ul li:nth-child(3) a {
    /*background: url("images/icons/parents.png") no-repeat 0 center;*/
}
#add-navigation ul li:nth-child(4) a {
    /*background: url("images/icons/bookshelf.png") no-repeat 0 center;*/
}
#add-navigation ul li:nth-child(5) a {
    /*background: url("images/icons/mathematics.png") no-repeat 0 center;*/
}

#add-navigation ul li a:hover {
    text-decoration: none;
    background: #1a325a;
    color: #fff;
}

#add-navigation ul li a:focus {
    outline: 2px solid #fff
}

#add-navigation ul li a:hover:active {
    outline: none
}

#add-navigation ul li ul {
    position: absolute;
    left: -9999em;
    top: 55px;
    background-color: #8BC34A;
    opacity: 0;
    width: auto;
    transition: opacity 0.3s ease 0s;
    -webkit-transition: opacity 0.3s ease 0s;
    -moz-transition: opacity 0.3s ease 0s;
    -o-transition: opacity 0.3s ease 0s;
    margin: 0;
    display: block;
    padding: 0;
    height: auto;
    z-index: 5
}

#add-navigation ul li.hover ul {
    opacity: 1;
    left: 0
}

#add-navigation ul li ul li {
    display: block;
    height: auto;
    padding: 0;
    width: 100%;
    border: none
}

#add-navigation ul li ul li a,
#add-navigation ul li ul li a:visited {
    padding: 8px 10px 9px 10px;
    background: none;
	text-align: left;
}

#add-navigation ul li ul li a:hover,
#add-navigation ul li ul li a:focus,
#add-navigation ul li ul li.hover a {
    text-decoration: none;
    background-color: #1a325a
    color: #fff;
}

#add-navigation ul li ul li a:before {
    content: none;
    position: absolute;
    left: 10px;
    width: 5px;
    overflow: hidden;
    display: block;
    text-indent: -7px;
    font-size: 12px;
    opacity: 0;
    transition: opacity 0.3s ease 0s;
    -webkit-transition: opacity 0.3s ease 0s;
    -moz-transition: opacity 0.3s ease 0s;
    -o-transition: opacity 0.3s ease 0s
}

.chrome #add-navigation ul li ul li a:before {
    font-size: 20px;
    text-indent: -11px
}

#add-navigation ul li ul li a:hover:before,
#add-navigation ul li ul li a:focus:before {
    opacity: 1
}

#add-navigation ul li ul li ul li a,
#add-navigation ul li ul li.hover ul li a,
#add-navigation ul li ul li ul li a:visited {
    background-color: #8BC34A;
    color: #fff
}

#add-navigation ul li ul li ul li a:hover,
#add-navigation ul li ul li ul li a:focus,
#add-navigation ul li ul li ul li.hover a {
    background-color: #151714;
    color: #88d066
}

#add-navigation ul li.hover ul li ul {
    position: absolute;
    left: -9999em;
    top: 0
}

#add-navigation ul li.hover ul li.hover ul {
    left: 100%
}


/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/


/* Text meant only for screen readers. */

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
}


/*--------------------------------------------------------------
# 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,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
    content: "";
}

.clear,
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
    clear: both;
}


/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/

h2.entry-title,
h2.page-title,
.tribe-events-single-event-title {
    margin: 0;
    color: #2196F3;
    font-size: 2em;
    line-height: 1.1em;
    margin-bottom: 30px;
    text-transform: uppercase;
}

.post,
.post-search {
    position: relative;
    margin: 0 0 40px 0;
    padding: 0
}

.search .post {
    border-bottom: 2px solid #f0f0f0
}

h3.entry-title,
h3.page-title {
    margin: 0;
    line-height: 1.1em;
    font-size: 1.362em
}

h3.entry-title a,
h3.entry-title a:visited,
h3.page-title a,
h3.page-title a:visited {
    color: #16325b;
    border-color: transparent;
    font-weight: 400;
    text-transform: uppercase;
}

h3.entry-title a:hover,
h3.entry-title a:focus,
h3.page-title a:hover,
h3.page-title a:focus {
    color: #2196F3
}

h3.entry-title a:hover,
h3.page-title a:hover {
    border-color: #2196F3
}

h3.entry-title a:focus,
h3.page-title a:focus {
    outline: 2px solid #2196F3
}

h3.entry-title a:hover:active,
h3.page-title a:hover:active {
    outline: none
}

h3.entry-title.marginTitle,
h3.page-title.marginTitle {
    margin-bottom: 10px;
}

.post-content {
    margin-bottom: 20px;
}

.post-content.marginPost {}

.post-content h3 {
    margin-bottom: 10px;
}

.minHeight {
    min-height: 120px
}

.entry-meta {
    font-size: 0.923em;
    text-align: left;
}

.entry-meta p {
    margin: 22px 0
}

.entry-meta .posted-on {
   
}

/*.entry-meta .posted-on:before {
    content: "|";
    margin-right: 20px;
    color: #9a9a9a;
    font-size: 12px
}*/

.chrome .entry-meta .posted-on:before {
    font-size: 10px
}

.entry-thumbnail {
    position: relative;
    margin-bottom: 20px;
}

.entry-img {
    margin-bottom: 20px;
}

.index-page .entry-thumbnail,
.categories .entry-thumbnail {}

.entry-thumbnail a {
    display: block;
    border: 0px solid #8BC34A;
    position: relative;
    overflow: hidden
}

.entry-thumbnail a:focus,
.entry-thumbnail a:hover {}

.entry-thumbnail img.attachment-thumb-mini {
    display: block;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    opacity: 1
}

.entry-thumbnail a:hover img.attachment-thumb-mini,
.entry-thumbnail a:focus img.attachment-thumb-mini {}

.gallery-link,
.gallery-link:visited {
    border: 0px solid #8BC34A;
    display: inline-block;
    overflow: hidden;
    margin: 0 5px 5px 0;
    position: relative;
    width: 150px;
    height: 150px
}

.gallery-link:focus,
.gallery-link:hover {}

.gallery-link .gallery-link-img {
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    display: block
}

.gallery-link:focus .gallery-link-img,
.gallery-link:hover .gallery-link-img {}

.gallery-item a,
.gallery-item a:visited {
    border: 0px solid #8BC34A;
    display: inline-block;
    overflow: hidden;
    position: relative;
    width: 150px;
    height: 150px
}

.gallery-item a:hover,
.gallery-item a:focus {}

.gallery-item img {
    display: block;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    display: block
}

.gallery-item a:hover .attachment-thumbnail,
.gallery-item a:focus .attachment-thumbnail {}

.entry-footer {
    background-color: #8BC34A;
    color: #fff;
}

.entry-footer ul {
    margin: 0 20px;
    padding: 20px 0
}

.entry-footer ul li {
    display: inline-block;
    list-style-type: none
}

.entry-footer li:before {
    content: "▪";
    margin: 0 10px;
    font-size: 12px;
    color: #aaa
}

.entry-footer li:first-child:before {
    content: "";
    margin: 0
}

.entry-footer li.edit-link {}

.entry-footer li.edit-link:before {
    content: ""
}

.attachment .entry-footer li.edit-link {
    float: none
}

.entry-footer a,
.entry-footer a:visited {
    color: #fff;
    border-color: #fff
}

.entry-footer a:hover,
.entry-footer a:focus {
    border-color: transparent
}

.entry-footer a:focus {
    outline: 2px solid #fff
}

.entry-footer a:hover:active {
    outline: none
}

.site-main .post-navigation {
    margin-top: 1em
}

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

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

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

.taxonomy-description {
    margin: 0 0 40px 0
}

.gallery-link-list {
    margin: 0;
    padding: 0
}

.gallery-link-list-element {
    list-style-type: none;
    display: inline-block
}

.gallery-item-list {
    margin: 0;
    padding: 0
}

.gallery-item-list-element {
    list-style-type: none;
    display: inline-block
}


/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/

#comments {
    background-color: #fdfdfd;
    padding: 20px 30px;
    margin-top: -1em;
    border: 1px solid #f0f0f0;
    margin-bottom: 30px;
}

#comments h3 {
    margin: 0 0 20px 0;
    font-size: 1.462em
}

.comment-list {
    list-style: none;
    margin: 0 0 50px 0;
    padding: 0
}

.comment-list article,
.comment-list .pingback,
.comment-list .trackback {
    border-top: 2px solid #f0f0f0;
    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;
    font-size: 1.308em;
    padding: 10px 0 0 80px
}

.comment-author .avatar {
    border: 2px solid #8BC34A;
    position: absolute;
    left: 0;
    top: 0
}

.comment-author .fn {
    font-weight: normal;
    color: #2196F3;
    font-family: sinkinRegular
}

.comment-metadata {
    margin: 5px 0 0 80px
}

.comment-metadata .edit-link {
    float: right
}

.comment-awaiting-moderation,
.comment-content,
.comment-list .reply {
    margin: 10px 0 0 80px
}

.reply {
    min-height: 40px
}

a.comment-reply-link,
a.comment-reply-link:visited {
    background-color: #8BC34A;
    color: #fff;
    position: relative;
    display: inline-block;
    border: 1px solid #8BC34A;
    padding: 8px 30px 8px 20px;
    float: left
}

a.comment-reply-link:after {
    content: "→";
    width: 5px;
    overflow: hidden;
    display: block;
    text-indent: -7px;
    font-size: 12px;
    position: absolute;
    right: 15px;
    top: 7px
}

.chrome a.comment-reply-link:after {
    font-size: 20px;
    text-indent: -11px
}

a.comment-reply-link:hover,
a.comment-reply-link:focus {
    background-color: #2196F3;
    border-color: #2196F3;
}

a.comment-reply-link:focus {
    outline: 2px solid #8BC34A
}

a.comment-reply-link:hover:active {
    outline: none
}

.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;
}

.required {
    color: #dd0000
}

.comment-form label {
    display: block;
    margin-bottom: 4px
}


/*--------------------------------------------------------------
# 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
--------------------------------------------------------------*/

figure.gallery-item {
    margin: 1em 0
}

.gallery {
    margin: 1.5em 0 1em 0;
}

.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%;
}

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

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

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

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

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

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

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

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

.gallery-columns-2 .gallery-item-list .gallery-item-list-element {
    max-width: 50%;
    width: 50%;
}

.gallery-columns-3 .gallery-item-list .gallery-item-list-element {
    max-width: 33.33%;
    width: 33.33%;
}

.gallery-columns-4 .gallery-item-list .gallery-item-list-element {
    max-width: 25%;
    width: 25%;
}

.gallery-columns-5 .gallery-item-list .gallery-item-list-element {
    max-width: 20%;
    width: 20%;
}

.gallery-columns-6 .gallery-item-list .gallery-item-list-element {
    max-width: 16.66%;
    width: 16.66%;
}

.gallery-columns-7 .gallery-item-list .gallery-item-list-element {
    max-width: 14.28%;
    width: 14.28%;
}

.gallery-columns-8 .gallery-item-list .gallery-item-list-element {
    max-width: 12.5%;
}

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


/**/

.gallery-columns-2 .gallery-item-list .gallery-item {
    max-width: 100%;
}

.gallery-columns-3 .gallery-item-list .gallery-item {
    max-width: 100%;
}

.gallery-columns-4 .gallery-item-list .gallery-item {
    max-width: 100%;
}

.gallery-columns-5 .gallery-item-list .gallery-item {
    max-width: 100%;
}

.gallery-columns-6 .gallery-item-list .gallery-item {
    max-width: 100%;
}

.gallery-columns-7 .gallery-item-list .gallery-item {
    max-width: 100%;
}

.gallery-columns-8 .gallery-item-list .gallery-item {
    max-width: 100%;
}

.gallery-columns-9 .gallery-item-list .gallery-item {
    max-width: 100%;
}

.gallery-caption {
    display: block;
    padding: 0 20px
}


/*--------------------------------------------------------------
# Font size
--------------------------------------------------------------*/

#font-wrapper {
    right: 0;
    top: 35px;
    font-size: 1.323em;
    font-weight: 700;
    text-align: right;
}

#font-wrapper p {
    display: inline-block;
    margin: 2px 0;
    vertical-align: top;
    text-transform: uppercase;
}

.font-list ul {
    display: inline-block;
    margin: 0;
    padding: 0;
    margin-top: 28px;
}

.font-list ul li {
    list-style-type: none;
    display: inline-block;
    vertical-align: top;
    margin-left: 10px;
}

.top-font-bar {
    display: block;
    padding: 10px 0;
    border-bottom: 5px solid #f3f3f3;
    
}

.top-font-bar .haslo {
    text-transform: uppercase;
    font-weight: 500;
    color: #000;
    line-height: 31px;
}

.top-font-bar .haslo p {
    margin: 0;
}

.font-list img {
    display: block
}

.font-list a,
.font-list a:visited {
    border-color: transparent;
    display: block;
    padding: 6px 10px;
    border-radius: 15px;
    margin-bottom: 5px;
    color: #ffffff;
    font-weight: 400;
    background: #8BC34A;
}

.font-list .bip a {
    color: #fff;
    background: #d9241b;
    border-color: #d9241b;
}

.font-list .facebook a {
    color: #fff;
    background: #2196F3;
    border-color: #2196F3;
}

.font-list a:focus {
    outline: 2px solid #2196F3
}

.font-list a:hover:active {
    outline: none
}

#font-wrapper p.contrast-wrapper {
    margin-top: 4px
}

.contrast-wrapper a,
.contrast-wrapper a:visited {
    color: #000;
    border: 2px solid #000;
    padding: 0 5px;
}

.contrast-wrapper a:hover {
    border-color: #8BC34A
}

.font-contrast img {
    margin-left: 11px;
    vertical-align: -6px
}

.entry-content #fbgallery ul li a img {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 100%;
    width: auto;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    height: auto;
    padding: 0;
    border: none;
}


/*--------------------------------------------------------------
# Skip links
--------------------------------------------------------------*/

#skip-links {
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    list-style: none;
}

#skip-links a {
    display: inline;
    left: -9000em;
    padding: 5px 10px 7px 10px;
    font-size: 1em;
    position: absolute;
    text-decoration: none;
    z-index: 10000;
    width: 250px;
    text-align: center;
    transition: none;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none
}

#skip-links a:hover,
#skip-links a:focus,
#skip-links a:active {
    background: #8BC34A;
    border: 1px solid #8BC34A;
    color: #fff;
    left: 0;
    top: 0;
    position: absolute;
    font-weight: normal;
    outline: none;
}

.goto-top {
    display: none
}

#fbgallery a {
    position: relative;
    width: 100%;
    height: 160px;
    overflow: hidden;
    padding: 0;
}


/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/

#header_top,
#header_top_subpage {
    width: 100%;
    background: #fff;
}

.site-header {
    background: #fff;
    width: 1200px;
    margin: 0 auto;
    position: relative;
    padding-bottom: 5px;
    margin-top: 10px;
}

.site-branding {
    display: inline-block;
    width: 100%;
    margin: 15px 0;
}

.site-branding h1.site-title a {
    text-transform: uppercase;
    padding: 20px 0;
    vertical-align: middle;
    color: #1a325a;
}

#logo {
        display: inline-block;
    float: left;
   
}

#logo img {
    display: inline-block;
    margin: 0;
    margin-right: 15px;
    max-height: 135px;
	max-width: 100%;
    height: auto;
}

.site-title {
    border: none;
    font-size: 2em;
    color: #8BC34A;
    line-height: 1em;
    display: table-cell;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    text-align: left;
    position: static !important;
    height: 120px;
    text-align: center;
}

.site-title a,
.site-title a:visited {
    color: #8BC34A;
    border-color: transparent;
    display: inline-block
}

.site-title a:focus {
    outline: 2px solid #8BC34A
}

.site-title a:hover:active {
    outline: none
}

.site-description {
    display: block;
    margin: -20px 0 10px 0;
    text-align: center
}


.ecwd-event {background: none; margin-top: 20px;}

.frends .col-xs-4 {text-align: center;}
.frends img {max-width: 160px; margin: 0 auto; margin-bottom: 20px;}
.frends h1 {
    text-transform: uppercase;
    text-align: center;
}


/*--------------------------------------------------------------
# Sidebar
--------------------------------------------------------------*/

#sidebar {
    width: 28%;
    float: right;
    vertical-align: top;
    margin-top: 0;
    margin-bottom: 15px
}

#sidebar ul {
    margin: 0 0 0 20px;
    padding: 10px 18px;
}

#sidebar ul li {
    list-style-type: decimal-leading-zero;
}

#sidebar ul ul {
    padding: 0 20px
}

#sidebar a {
    border: none;
}

#sidebar a,
#sidebar a:visited {
    color: #8BC34A;
    border-color: #8BC34A
}

#sidebar a:hover,
#sidebar a:focus {
    border-color: transparent;
    color: #2196F3;
}

#sidebar a:focus {
    outline: 2px solid #8BC34A
}

#sidebar a:hover:active {
    outline: none
}


/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/

#page {
    position: relative;
    z-index: 2
}

#content-wrapper:focus, #page:focus {outline: none;}

#background-img {
    position: fixed;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%
}

#background-img img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    min-width: 50%;
    min-height: 50%
}

#main-content-wrapper {
    width: 1200px;
    margin: 0 auto 0 auto;
    background: #fff;
    position: relative;
}

#content {
    width: 72%;
    float: left;
    vertical-align: top;
    margin-top: 20px;
    padding-right: 30px;
}

.content-area {}

#content table {
    border-collapse: collapse;
    border: 1px solid #2196F3
}

#content table th {
    font-weight: normal;
    font-size: 1em;
    padding: 5px;
    background: #2196F3;
    color: #fff;
    font-family: sinkinMedium;
    border-left: 1px solid #fff
}

#content .fw-table table > thead > tr > th {border-bottom: none;}
 
#content #plan-lekcji table, #content #plan-lekcji table th {text-align: center;}

#content table tr th:first-child {
    border: none
}

#content table td {
    border: 1px solid #2196F3;
    padding: 5px
}

#content .table-responsive table td, #content .table-responsive table th {border: none;}

#content .page-content .widget ul {
    margin: 20px 0;
    padding-left: 20px
}

#content .page-content .widget ul li {
    list-style-type: none
}

.table-responsive {
  min-height: .01%;
  overflow-x: auto;
}
@media screen and (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
  }
  .table-responsive > .table {
    margin-bottom: 0;
  }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  .table-responsive > .table-bordered {
    border: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}


/*--------------------------------------------------------------
# Crumbpath
--------------------------------------------------------------*/

#crumbpath {
    background-color: #16325b;
    margin: 10px 0 0 0;
    padding: 15px 10px;
    text-transform: capitalize;
    color: #fff;
    font-weight: 400;
}

#crumbpath p {
    display: inline-block;
    margin: 0 15px 0 0
}

#crumbpath ol {
    margin: 0;
    padding: 0;
    display: inline-block
}

#crumbpath li {
    display: inline-block;
    vertical-align: top
}

#crumbpath li:before {
    content: ">";
    margin: 0 10px;
    vertical-align: 1px;
    font-size: 0.9em;
    color: #fff;
}

#crumbpath li:first-child:before {
    content: "";
    margin: 0
}

#crumbpath a,
#crumbpath a:visited {

    border-color: transparent
}

#crumbpath a:hover {
    
}

#crumbpath a:focus {
    outline: 2px solid #8BC34A
}

#crumbpath a:hover:active {
    outline: none
}

.dokumenty a {
    color: #89c343;
}


/*--------------------------------------------------------------
# Search
--------------------------------------------------------------*/

#search-wrapper {
    display: inline-block;
    width: 223px;
    vertical-align: top;
    float: right
}

#search-wrapper .search-form {
    position: relative;
    width: 100%
}

#search-wrapper input[type="search"] {
    width: 153px;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #8BC34A;
    border: 1px solid #8BC34A;
    height: 44px;
    line-height: 44px;
    color: #fff;
    padding-left: 20px;
    padding-right: 50px
}

#search-wrapper input[type="search"]:focus {
    outline: 2px solid #6aab4d
}

#search-wrapper .search-submit {
    position: absolute;
    right: 8px;
    top: 10px;
    z-index: 2;
    display: block
}

#search-wrapper .search-submit:focus {
    outline: 2px solid #6aab4d
}

#search-wrapper .search-submit:hover:active {
    outline: none
}

.page-content .search-form {
    width: 100%;
    margin-bottom: 1px;
    position: relative;
    background-color: #fff;
    padding: 15px 20px
}

.page-content .search-form input[type="search"] {
    width: 91%
}

.page-content .search-form input[type="search"]:focus {
    outline: 1px solid #88d065;
    border-color: #88d065
}

.page-content .search-form .search-btn-wrapper {
    display: inline-block;
    padding: 5px 0 0 5px;
    vertical-align: top
}

.page-content .search-form .search-submit:focus {
    outline: 2px solid #88d065
}

.page-content .search-form .search-submit:hover:active {
    outline: none
}


/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/




/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/

.widget {
    margin-bottom: 1px;
}

.widget h2 {
    margin: 20px 0;
    padding: 15px 18px;
    font-size: 1.215em;
    position: relative;
    background: #2196F3;
    text-transform: uppercase;
    font-weight: 400;
    color: #fff;
    border-radius: 7px 7px 0 0;
}


/* Menu */

.widget_nav_menu h2 {
    clip: rect(1px, 1px, 1px, 1px);
    display: block
}

#sidebar .menu {
    background-color: #2196F3;
    margin: 0;
    padding: 0
}

#sidebar .menu li {
    list-style-type: none;
    position: relative
}

#sidebar .menu li a,
#sidebar .menu li a:visited {
    color: #fff;
    border: none;
    display: block;
    background-color: #2196F3;
    padding: 10px 20px 9px 20px;
    position: relative;
    display: block;
    font-size: 1.154em
}

#sidebar .menu li a:before {}

.chrome #sidebar .menu li a:before {
    font-size: 20px;
    text-indent: -11px
}

#sidebar .menu li a:hover:before,
#sidebar .menu li a:focus:before,
#sidebar .menu li.hover a:before,
#sidebar .menu li.current_page_item a:before,
#sidebar .menu li.current-menu-item a:before {
    opacity: 1
}

#sidebar .menu li a:hover,
#sidebar .menu li a:focus,
#sidebar .menu li.hover a,
#sidebar .menu li.current_page_item a,
#sidebar .menu li.current-menu-item a {
    background-color: #8BC34A;
}

#sidebar .menu li ul {
    position: absolute;
    left: -9999em;
    top: 0;
    width: 245px;
    background-color: #8BC34A;
    transition: opacity 0.3s ease 0s;
    -webkit-transition: opacity 0.3s ease 0s;
    -moz-transition: opacity 0.3s ease 0s;
    -o-transition: opacity 0.3s ease 0s;
    opacity: 0;
    z-index: 9999;
    padding: 0;
    margin: 0
}

#sidebar .menu li.hover ul {
    left: -245px;
    opacity: 1
}

#sidebar .menu li.hover ul ul {
    left: -9999em;
    opacity: 0
}

#sidebar .menu ul li.hover ul {
    left: -245px;
    opacity: 1
}

#sidebar .menu li ul li a,
#sidebar .menu li ul li a:visited,
#sidebar .menu li.hover ul li a {
    background-color: #8BC34A;
    color: #fff;
}

#sidebar .menu li ul li a:before,
#sidebar .menu li ul li a:visited:before,
#sidebar .menu li.hover ul li a:before {
    opacity: 0
}

#sidebar .menu li ul li a:hover,
#sidebar .menu li ul li a:focus,
#sidebar .menu li.hover ul li a:hover,
#sidebar .menu li.hover ul li a:focus,
#sidebar .menu li.hover ul li.hover a,
#sidebar .menu li.current-menu-item ul li a:hover,
#sidebar .menu li.current-menu-item ul li a:focus,
#sidebar .menu li.current-page-item ul li a:hover,
#sidebar .menu li.current-page-item ul li a:focus,
#sidebar .menu li.current_page_ancestor ul li a:hover,
#sidebar .menu li.current_page_ancestor ul li a:focus {
    background-color: #151714;
    color: #88d066;
}

#sidebar .menu li ul li a:hover:before,
#sidebar .menu li ul li a:focus:before,
#sidebar .menu li.hover ul li a:hover:before,
#sidebar .menu li.hover ul li a:focus:before,
#sidebar .menu li.hover ul li.hover a:before,
#sidebar .menu li.current-menu-item ul li a:hover:before,
#sidebar .menu li.current-menu-item ul li a:focus:before,
#sidebar .menu li.current-page-item ul li a:hover:before,
#sidebar .menu li.current-page-item ul li a:focus:before,
#sidebar .menu li.current_page_ancestor ul li a:hover:before,
#sidebar .menu li.current_page_ancestor ul li a:focus:before {
    opacity: 1
}

#sidebar .menu li ul li ul li a,
#sidebar .menu li ul li ul li a:visited,
#sidebar .menu li.hover ul li.hover ul li a {
    background-color: #8BC34A;
    color: #fff;
}

#sidebar .menu li ul li ul li a:before,
#sidebar .menu li ul li ul li a:visited:before,
#sidebar .menu li.hover ul li.hover ul li a:before {
    opacity: 0
}

#sidebar .menu li ul li ul li a:hover,
#sidebar .menu li ul li ul li a:focus,
#sidebar .menu li.hover ul li ul li a:hover,
#sidebar .menu li.hover ul li ul li a:focus,
#sidebar .menu li.current-menu-item ul li ul li a:hover,
#sidebar .menu li.current-menu-item ul li ul li a:focus,
#sidebar .menu li.current-page-item ul li ul li a:hover,
#sidebar .menu li.current-page-item ul li ul li a:focus,
#sidebar .menu li.current_page_ancestor ul li ul li a:hover,
#sidebar .menu li.current_page_ancestor ul li ul li a:focus {
    background-color: #151714;
    color: #88d066;
}

#sidebar .menu li ul li ul li a:hover:before,
#sidebar .menu li ul li ul li a:focus:before,
#sidebar .menu li.hover ul li ul li a:hover:before,
#sidebar .menu li.hover ul li ul li a:focus:before,
#sidebar .menu li.current-menu-item ul li ul li a:hover:before,
#sidebar .menu li.current-menu-item ul li ul li a:focus:before,
#sidebar .menu li.current-page-item ul li ul li a:hover:before,
#sidebar .menu li.current-page-item ul li ul li a:focus:before,
#sidebar .menu li.current_page_ancestor ul li ul li a:hover:before,
#sidebar .menu li.current_page_ancestor ul li ul li a:focus:before {
    opacity: 1
}

#sidebar .menu a:focus {
    outline: 2px solid #fff;
    z-index: 9999
}

#sidebar .menu a:hover:active {
    outline: none
}


/* Calendar */

#sidebar .widget_calendar {
    background-color: #8BC34A;
    color: #fff;
}

.widget_calendar h2 {
    color: #fff;
}

.widget_calendar caption {
    text-transform: uppercase;
    line-height: 32px
}

.widget_calendar table {
    width: 180px;
    margin-left: 32px;
    margin-bottom: 0
}

.widget_calendar th {
    background-color: #2196F3;
    color: #fff;
    width: 24px;
    padding: 4px 0
}

.widget_calendar td {
    border: 1px solid #464a44;
    text-align: center;
    width: 24px;
    padding: 4px 0
}

.widget_calendar tr:first-child td {
    border-top: none
}

.widget_calendar tr td:first-child {
    border-left: none
}

.widget_calendar tr td:last-child {
    border-right: none
}

.widget_calendar td#today {
    background-color: #464a44
}

#sidebar .widget_calendar a,
#sidebar .widget_calendar a:visited {
    background-color: #2196F3;
    color: #fff;
    display: block;
    margin: -5px 0;
    line-height: 26px;
    border: none
}

#sidebar .widget_calendar a:hover,
#sidebar .widget_calendar a:focus {
    background-color: #fff;
    color: #2196F3
}

#sidebar .widget_calendar a:focus {
    outline: 2px solid #88d065
}

#sidebar .widget_calendar a:hover:active {
    outline: none
}

.widget_calendar tfoot td {
    border: none;
    padding: 20px 0
}


/* Text */

.widget_text {
    background-color: #fff
}

.widget_text .textwidget {
    padding: 15px 20px
}

.widget_text .textwidget p:first-child {
    margin-top: 0
}

.widget_text h2 {
    color: #fff;
}


.table {
    width: 100%;
    max-width: 100%;
}
.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #85bd37;
    color: #fff;
}

.table-striped > thead {
    background: #003d66;
    color: #fff;
    font-weight: 500;
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 8px;
    vertical-align: middle;
}

/* Archive */

.widget_archive {
    background-color: #fff
}

.widget_archive h2 {
    color: #555;
}

#sidebar .widget_archive ul {
    margin: 0;
    padding: 0 20px 15px 20px
}

#sidebar .widget_archive ul li {
    position: relative;
    margin-bottom: 0;
    color: #545f4f
}

#sidebar .widget_archive ul li:before {
    content: "→";
    position: absolute;
    left: -10px;
    width: 5px;
    overflow: hidden;
    display: block;
    text-indent: -7px;
    font-size: 12px
}

.chrome #sidebar .widget_archive ul li:before {
    font-size: 20px;
    text-indent: -11px
}

#sidebar .widget_archive ul a,
#sidebar .widget_archive ul a:visited {
    border-color: transparent
}

#sidebar .widget_archive ul a:hover {
    border-color: #8BC34A
}

#sidebar .widget_archive div {
    text-align: left;
    padding: 0 20px 15px 20px
}

#content .page-content .widget_archive ul {
    margin: 0;
    padding: 0 20px 15px 20px
}

#content .page-content .widget_archive ul li {
    position: relative;
    margin-bottom: 5px
}

#content .page-content .widget_archive ul li:before {
    content: "→";
    position: absolute;
    left: -10px;
    width: 5px;
    overflow: hidden;
    display: block;
    text-indent: -7px;
    font-size: 12px
}

.chrome #content .page-content .widget_archive ul li:before {
    font-size: 20px;
    text-indent: -11px
}

#content .page-content .widget_archive p {
    margin: 0 20px 15px 20px
}

#content .page-content .widget_archive ul a,
#content .page-content .widget_archive ul a:visited {
    color: #8BC34A;
    border-color: transparent
}

#content .page-content .widget_archive ul a:hover {
    border-color: #8BC34A
}

#content .page-content .widget_archive ul a:focus {
    outline: 2px solid #8BC34A
}

#content .page-content .widget_archive ul a:hover:active {
    outline: none
}


/* Search */

.widget_search {}

.widget_search h2 {
    color: #fff;
}

#sidebar .search-form {
    padding: 5px 18px 20px 18px;
    position: relative;
    display: block
}

#sidebar .search-form input[type="search"] {
    width: 60%
}

#sidebar .search-form input[type="search"]:focus {
    outline: none;
}

#sidebar .search-btn-wrapper {
    display: inline-block;
    vertical-align: top;
    margin: 5px 0 0 5px
}

#sidebar .search-submit:focus {
    outline: 2px solid #88d065
}

#sidebar .search-submit:hover:active {
    outline: none
}


/* Categories */

.widget_categories {}

.widget_categories h2 {}

#sidebar .widget_categories ul {
    padding: 10px 18px;
}

#sidebar .widget_categories ul li {
    position: relative;
    color: #545f4f;
    margin-bottom: 5px;
}

.chrome #sidebar .widget_categories ul li:before {
    font-size: 20px;
    text-indent: -11px
}

#sidebar .widget_categories ul a,
#sidebar .widget_categories ul a:visited {
    border-color: transparent
}

#sidebar .widget_categories ul a:hover {
    border-color: #8BC34A
}

#sidebar .widget_categories div {
    text-align: left;
    padding: 0 20px 15px 20px
}

#content .page-content .widget_categories ul {
    margin: 0;
    padding: 0 20px 15px 20px
}

#content .page-content .widget_categories ul li {
    position: relative;
    margin-bottom: 5px
}

#content .page-content .widget_categories ul li:before {
    content: "→";
    position: absolute;
    left: -10px;
    width: 5px;
    overflow: hidden;
    display: block;
    text-indent: -7px;
    font-size: 12px
}

.chrome #content .page-content .widget_categories ul li:before {
    font-size: 20px;
    text-indent: -11px
}

#content .page-content .widget_categories ul a,
#content .page-content .widget_categories ul a:visited {
    color: #8BC34A;
    border-color: transparent
}

#content .page-content .widget_categories ul a:hover {
    border-color: #8BC34A
}

#content .page-content .widget_categories ul a:focus {
    outline: 2px solid #8BC34A
}

#content .page-content .widget_categories ul a:hover:active {
    outline: none
}


/* Tags */

.widget_tag_cloud {}

.widget_tag_cloud h2 {}

.widget_tag_cloud .tagcloud {
    padding: 0 20px 15px 20px;
    text-align: center
}

.widget_tag_cloud .tagcloud a {
    display: inline-block;
    padding-bottom: 5px;
    line-height: 1em
}


/* Recent comments */

.widget_recent_comments {
    background-color: #fff
}

.widget_recent_comments h2 {}

#sidebar .widget_recent_comments ul {
    margin: 0;
    padding: 0 10px 15px 0
}

#sidebar .widget_recent_comments ul li {
    position: relative;
    margin-bottom: 0;
    color: #545f4f
}

.chrome #sidebar .widget_recent_comments ul li:before {
    font-size: 20px;
    text-indent: -11px
}


/* Meta */

#sidebar .widget_meta ul {
    margin: 0;
    padding: 0 20px 15px 20px
}

#sidebar .widget_meta ul li {
    position: relative;
    margin-bottom: 0;
    color: #fff
}

#sidebar .widget_meta ul li:before {
    content: "→";
    position: absolute;
    left: -10px;
    width: 5px;
    overflow: hidden;
    display: block;
    text-indent: -7px;
    font-size: 12px
}

.chrome #sidebar .widget_meta ul li:before {
    font-size: 20px;
    text-indent: -11px
}

#sidebar .widget_meta ul a,
#sidebar .widget_meta ul a:visited {
    color: #fff
}

#sidebar .widget_meta ul a:hover {
    border-color: #fff
}

#sidebar .widget_meta ul a:focus {
    outline: 2px solid #fff
}

#sidebar .widget_meta ul a:hover:active {
    outline: none
}


/* TOC */

.widget_pages {}

.widget_pages h2 {}

#sidebar .widget_pages ul {
    margin: 0;
    padding: 0 20px 15px 20px
}

#sidebar .widget_pages ul ul {
    padding-bottom: 0
}

#sidebar .widget_pages ul li {
    position: relative;
    margin-bottom: 0;
    color: #545f4f
}

#sidebar .widget_pages ul li:before {
    content: "→";
    position: absolute;
    left: -10px;
    width: 5px;
    overflow: hidden;
    display: block;
    text-indent: -7px;
    font-size: 12px
}

.chrome #sidebar .widget_pages ul li:before {
    font-size: 20px;
    text-indent: -11px
}

#sidebar .widget_pages ul a,
#sidebar .widget_pages ul a:visited {
    border-color: transparent
}

#sidebar .widget_pages ul a:hover {
    border-color: #8BC34A
}


/* Recent entries */

.widget_recent_entries {}

.widget_recent_entries h2 {
    text-transform: uppercase;
}

#sidebar .widget_recent_entries ul {
    padding: 10px 18px;
}

#sidebar .widget_recent_entries ul li {
    position: relative;
    margin-bottom: 5px;
    color: #545f4f
}

.chrome #sidebar .widget_recent_entries ul li:before {
    font-size: 20px;
    text-indent: -11px
}

#sidebar .post-date {
    display: block;
    font-size: 0.923em
}

#content .page-content .widget_recent_entries ul {
    margin: 0;
    padding: 0 20px 15px 20px
}

#content .page-content .widget_recent_entries ul li {
    position: relative;
    margin-bottom: 5px
}

#content .page-content .widget_recent_entries ul li:before {
    content: "→";
    position: absolute;
    left: -10px;
    width: 5px;
    overflow: hidden;
    display: block;
    text-indent: -7px;
    font-size: 12px
}

.chrome #content .page-content .widget_recent_entries ul li:before {
    font-size: 20px;
    text-indent: -11px
}

#content .page-content .widget_recent_entries ul a,
#content .page-content .widget_recent_entries ul a:visited {
    color: #8BC34A;
    border-color: transparent
}

#content .page-content .widget_recent_entries ul a:hover {
    border-color: #8BC34A
}

#content .page-content .widget_recent_entries ul a:focus {
    outline: 2px solid #8BC34A
}

#content .page-content .widget_recent_entries ul a:hover:active {
    outline: none
}


/* RSS */

.widget_rss {
    background-color: #fff
}

.widget_rss h2 {
    color: #555;
}

#sidebar .widget_rss h2 a,
#sidebar .widget_rss h2 a:visited {
    border-color: transparent;
    color: #8BC34A
}

#sidebar .widget_rss h2 a:hover {
    border-color: #8BC34A
}

#sidebar .widget_rss ul {
    margin: 0;
    padding: 0 20px 15px 20px
}

#sidebar .widget_rss ul li {
    position: relative;
    margin-bottom: 10px;
    color: #545f4f
}

#sidebar .widget_rss ul li:before {
    content: "→";
    position: absolute;
    left: -10px;
    width: 5px;
    overflow: hidden;
    display: block;
    text-indent: -7px;
    font-size: 12px
}

.chrome #sidebar .widget_rss ul li:before {
    font-size: 20px;
    text-indent: -11px
}

#sidebar .rss-date {
    display: block;
    font-size: 0.923em;
    text-align: right;
    padding: 5px 0
}


/*--------------------------------------------------------------
# Slider
--------------------------------------------------------------*/

#slider-wrapper {
    width: 100%;
    margin: 0 auto 10px auto;
    position: relative;
    z-index: 1;
}

#slider {
    position: relative;
    margin-top: 15px;
    margin-bottom: 10px;
}

#slider .static-banner {
    padding: 150px 0;
    background-image: url(images/static-banner.jpg);
    background-position: center;
    background-repeat: no-repeat;
}

#slider .slide {
    position: relative
}

#slider .slide img {
    width: 100%;
    height: auto;
    display: block
}

#slider .slider-text {
    background-color: #8BC34A;
    padding: 15px 20px;
    color: #fff;
    ;
    display: table;
    width: 100%
}

#slider .slider-text-content {
    width: 580px;
    display: table-cell;
    vertical-align: top
}

#slider .slider-text-content h2 {
    font-size: 1.462em;
    line-height: 1em;
    color: #fff;
    margin: 0;
    padding: 0;
    font-weight: normal;
    font-family: sinkinRegular
}

#slider .slider-text .more-link,
#slider .slider-text .more-link:visited {
    background-color: #2196F3;
    border-color: #2196F3;
    display: inline-block;
    margin-left: 40px;
    vertical-align: top
}

#slider .slider-text .more-link:hover,
#slider .slider-text .more-link:focus {
    background-color: #fff;
    border-color: #fff;
}

#slider .slider-text .more-link:focus {
    outline: 2px solid #6aab4d
}

#slider .slider-text .more-link:hover:active {
    outline: none;
}

.mapa {
    filter: grayscale(100%);
}


/*--------------------------------------------------------------
# Naglowki
--------------------------------------------------------------*/

#primary .fw-container {
    padding: 0;
}

h3.fw-special-title {
    margin: 0;
    padding: 10px 0;
    position: relative;
    text-transform: uppercase;
    font-weight: 700;
    color: #434343;
    border-bottom: 1px solid #e5e5e5;
}

h4.header-mosir {
    margin: 0 0 20px 0;
    color: #555;
}

ul.list-mosir {
    margin: 0;
    padding: 0 0 0 15px;
    list-style: circle;
}

ul.list-mosir li {
    border-bottom: 1px solid #f5f5f5;
    padding: 3px 0;
}

#crumbpath {
    width: 100%;
    float: left;
}

.info-box {
    text-align: center;
    padding: 20px;
    margin-bottom: 20px;
    border-top: 5px solid #2196F3;
}

.info-box h5 {
    text-transform: uppercase;
    color: #555;
}

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

.bootom-footer {
    text-align: center;
    color: #fff;
    padding: 15px 0;
    border-top: 5px solid #FFFFFF;
    background: #2196F3;
}

ul.list-silownia {
    margin: 0;
    padding: 20px 30px;
    list-style: decimal-leading-zero;
}

ul.list-silownia li {
    border-bottom: 1px solid #f5f5f5;
    padding: 5px 0;
}

.golf-box {
    margin-bottom: 20px;
}

.golf-box h5 {
    margin: 0;
    padding: 10px;
    color: #FFFFFF;
    font-weight: 400;
    background: #8BC34A;
    display: inline-block;
    margin-top: -4px;
}

.golf-text-box {
    padding: 10px;
    border: 1px solid #8BC34A;
    -webkit-transition: all 0.45s ease;
    -moz-transition: all 0.45s ease;
    -ms-transition: all 0.45s ease;
    -o-transition: all 0.45s ease;
    transition: all 0.45s ease;
}

.golf-text-box:hover {
    color: #fff;
    background: #8BC34A;
}

a.read-more {
    padding: 5px 8px;
    display: inline-block;
    margin-top: 10px;
    border: 1px solid #656565;
    color: #656565;
    font-weight: 700;
    text-transform: lowercase;
}

.read-mode-box {text-align: right;}

.read-mode-box a.read-more,
.propozycje-tras a,
.error-404 a.btn-404 {
   text-align: right;
    display: inline-block;
    margin: 15px 0;
    border: none;
   padding: 0;
    font-weight: 400;

    
}

.read-mode-box a.read-more:hover,
.propozycje-tras a:hover,
.error-404 a.btn-404:hover,
a.read-more:hover {
    opacity: 0.8;
}

.entry-content {
    padding-bottom: 20px;
}

.single_post .entry-content a {
    
    font-weight: bold;
}

.single_post .entry-content a.a2a_button_facebook {
    border: none;
}

.single_post .entry-content a:hover {
    color: #2196F3;
    border-color: #2196F3;
}

.entry-meta {
}

#site-footer {
    width: 1200px;
    margin: 0 auto;
    padding: 0;
    /*border-top: 5px solid #2196F3;*/
}

.subfooter {
    width: 100%;
    display: inline-block;
    padding: 20px 0;
    background-color: #2196F3;
    color: #fff;
    font-weight: 400;
    border-radius: 0 0 7px 7px;
}

.subfooter a {
    color: #f9f9f9;
}

.footer-top {
    width: 100%;
    display: inline-block;
    padding: 25px 0;
    background-color: #87bf3e;
    color: #fff;
    border-radius: 7px 7px 0 0;
}

.footer-top .footer-wigg a {
    width: 100%;
    color: #fff;
}

.footer-top img {
    max-height: 122px;
}

.footer-top h5 {
    margin: 0 0 20px 0;
    color: #fff;
}

.footer-top ul {
    margin: 0;
    list-style: none;
    padding-left: 0;
}

.footer-promo {
    width: 100%;
    display: inline-block;
    padding: 15px 0 0 0;
    color: #444;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

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

.footer-wigg {
    margin: 10px 0;
}

.szlak-box {
    width: 100%;
    float: left;
    background: #F9F9F9;
    padding: 10px;
    border: 1px solid #BDBDBD;
    margin-bottom: 20px;
    -webkit-transition: all 0.45s ease;
    -moz-transition: all 0.45s ease;
    -ms-transition: all 0.45s ease;
    -o-transition: all 0.45s ease;
    transition: all 0.45s ease;
}

.szlak-box:hover {
    background: #Fff;
    border: 1px solid #f5f5f5;
}

.szlak-box img {
    max-height: 50px;
}

a.szlaki-link {
    text-transform: uppercase;
    font-weight: 400;
    color: #444;
}

.propozycje-tras {
    margin-bottom: 20px;
    border-bottom: 1px solid #E5E5E5;
}

.tribe-events-widget-link {
    text-align: center;
    padding: 8px 5px;
    background: #8BC34A;
}

#sidebar .tribe-events-widget-link a {
    color: #fff;
    text-transform: uppercase;
}

#secondary .widget {
    background-color: #f9f9f9;
    margin-bottom: 20px;
    border-bottom: 5px solid #f3f3f3;
}

ol.tribe-list-widget {
    padding: 10px;
    border: 2px solid #8BC34A;
    margin: 0;
    text-align: center;
}

.fw-heading fw-heading-h3 .fw-special-subtitle {
    margin-top: 10px;
    font-weight: bold;
    margin-bottom: 30px;
}

h4.tribe-event-title {
    margin: 0;
}

.tribe-events-list-widget ol li {
    margin-bottom: 10px;
    padding: 5px 0;
}

.type-tribe_events {
    border: none;
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}

.single-post .entry-thumbnail img {
    border: 5px solid #f3f3f3;
}

.single-post h3.entry-title {
    margin-bottom: 20px;
}

.error-404 {
    text-align: center;
}

.error-404 header h1 {
    font-weight: 700;
    font-size: 65px;
    color: #232323
}

.error-404 header h2 {
    font-size: 20px;
    font-weight: 400;
    text-transform: uppercase;
    color: #5e5e5e;
}




/* PORTFOLIO BOX */

.portfolio-box {
    display: block;
    position: relative;
    margin: 0 auto;
    max-width: 650px;
    opacity: 0.95;
}

.portfolio-box h4 {
    margin: 0;
    padding: 10px 5px;
    text-align: center;
    background: #2196F3;
    color: #fff;
    font-weight: 400;
}

.portfolio-box .portfolio-box-caption {
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #fff;
    opacity: 0;
    background: rgba(52, 152, 219, 0.50);
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content {
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: center;
    transform: translateY(-50%);
}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
    padding: 0 15px;
    font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
    font-size: 18px;
}

.portfolio-box:hover .portfolio-box-caption {
    opacity: 1;
}

#tribe-bar-form .tribe-bar-submit input[type=submit] {
    font-size: 11px;
    background: #8BC34A;
}

#tribe-bar-form {
    background: none;
    border: 1px solid #8BC34A;
}

#tribe-geo-results h2.tribe-events-page-title,
h2.tribe-events-page-title {
    text-transform: uppercase;
}

.tribe-events-meta-group .tribe-events-single-section-title {
    color: #fff;
    background: #2196F3;
    padding: 8px 5px;
    display: inline-block;
}

.single-tribe_events .tribe-events-event-meta {
    background: none;
}

#tribe-events .tribe-events-button,
.tribe-events-button {
    background: #8BC34A;
    border-radius: 0;
}


/* BOOTSRAP GRID*/

.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 768px) {
    .container {
        width: 100%;
    }
}

@media (min-width: 992px) {
    .container {
        width: 100%;
    }
}

@media (min-width: 1200px) {
    .container {
        width: 1170px;
    }
}

.container-fluid {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.row {
    margin-right: -15px;
    margin-left: -15px;
}

.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
    float: left;
}

.col-xs-12 {
    width: 100%;
}

.col-xs-11 {
    width: 91.66666667%;
}

.col-xs-10 {
    width: 83.33333333%;
}

.col-xs-9 {
    width: 75%;
}

.col-xs-8 {
    width: 66.66666667%;
}

.col-xs-7 {
    width: 58.33333333%;
}

.col-xs-6 {
    width: 50%;
}

.col-xs-5 {
    width: 41.66666667%;
}

.col-xs-4 {
    width: 33.33333333%;
}

.col-xs-3 {
    width: 25%;
}

.col-xs-2 {
    width: 16.66666667%;
}

.col-xs-1 {
    width: 8.33333333%;
}

.col-xs-pull-12 {
    right: 100%;
}

.col-xs-pull-11 {
    right: 91.66666667%;
}

.col-xs-pull-10 {
    right: 83.33333333%;
}

.col-xs-pull-9 {
    right: 75%;
}

.col-xs-pull-8 {
    right: 66.66666667%;
}

.col-xs-pull-7 {
    right: 58.33333333%;
}

.col-xs-pull-6 {
    right: 50%;
}

.col-xs-pull-5 {
    right: 41.66666667%;
}

.col-xs-pull-4 {
    right: 33.33333333%;
}

.col-xs-pull-3 {
    right: 25%;
}

.col-xs-pull-2 {
    right: 16.66666667%;
}

.col-xs-pull-1 {
    right: 8.33333333%;
}

.col-xs-pull-0 {
    right: auto;
}

.col-xs-push-12 {
    left: 100%;
}

.col-xs-push-11 {
    left: 91.66666667%;
}

.col-xs-push-10 {
    left: 83.33333333%;
}

.col-xs-push-9 {
    left: 75%;
}

.col-xs-push-8 {
    left: 66.66666667%;
}

.col-xs-push-7 {
    left: 58.33333333%;
}

.col-xs-push-6 {
    left: 50%;
}

.col-xs-push-5 {
    left: 41.66666667%;
}

.col-xs-push-4 {
    left: 33.33333333%;
}

.col-xs-push-3 {
    left: 25%;
}

.col-xs-push-2 {
    left: 16.66666667%;
}

.col-xs-push-1 {
    left: 8.33333333%;
}

.col-xs-push-0 {
    left: auto;
}

.col-xs-offset-12 {
    margin-left: 100%;
}

.col-xs-offset-11 {
    margin-left: 91.66666667%;
}

.col-xs-offset-10 {
    margin-left: 83.33333333%;
}

.col-xs-offset-9 {
    margin-left: 75%;
}

.col-xs-offset-8 {
    margin-left: 66.66666667%;
}

.col-xs-offset-7 {
    margin-left: 58.33333333%;
}

.col-xs-offset-6 {
    margin-left: 50%;
}

.col-xs-offset-5 {
    margin-left: 41.66666667%;
}

.col-xs-offset-4 {
    margin-left: 33.33333333%;
}

.col-xs-offset-3 {
    margin-left: 25%;
}

.col-xs-offset-2 {
    margin-left: 16.66666667%;
}

.col-xs-offset-1 {
    margin-left: 8.33333333%;
}

.col-xs-offset-0 {
    margin-left: 0;
}

@media (min-width: 768px) {
    .col-sm-1,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12 {
        float: left;
    }
    .col-sm-12 {
        width: 100%;
    }
    .col-sm-11 {
        width: 91.66666667%;
    }
    .col-sm-10 {
        width: 83.33333333%;
    }
    .col-sm-9 {
        width: 75%;
    }
    .col-sm-8 {
        width: 66.66666667%;
    }
    .col-sm-7 {
        width: 58.33333333%;
    }
    .col-sm-6 {
        width: 50%;
    }
    .col-sm-5 {
        width: 41.66666667%;
    }
    .col-sm-4 {
        width: 33.33333333%;
    }
    .col-sm-3 {
        width: 25%;
    }
    .col-sm-2 {
        width: 16.66666667%;
    }
    .col-sm-1 {
        width: 8.33333333%;
    }
    .col-sm-pull-12 {
        right: 100%;
    }
    .col-sm-pull-11 {
        right: 91.66666667%;
    }
    .col-sm-pull-10 {
        right: 83.33333333%;
    }
    .col-sm-pull-9 {
        right: 75%;
    }
    .col-sm-pull-8 {
        right: 66.66666667%;
    }
    .col-sm-pull-7 {
        right: 58.33333333%;
    }
    .col-sm-pull-6 {
        right: 50%;
    }
    .col-sm-pull-5 {
        right: 41.66666667%;
    }
    .col-sm-pull-4 {
        right: 33.33333333%;
    }
    .col-sm-pull-3 {
        right: 25%;
    }
    .col-sm-pull-2 {
        right: 16.66666667%;
    }
    .col-sm-pull-1 {
        right: 8.33333333%;
    }
    .col-sm-pull-0 {
        right: auto;
    }
    .col-sm-push-12 {
        left: 100%;
    }
    .col-sm-push-11 {
        left: 91.66666667%;
    }
    .col-sm-push-10 {
        left: 83.33333333%;
    }
    .col-sm-push-9 {
        left: 75%;
    }
    .col-sm-push-8 {
        left: 66.66666667%;
    }
    .col-sm-push-7 {
        left: 58.33333333%;
    }
    .col-sm-push-6 {
        left: 50%;
    }
    .col-sm-push-5 {
        left: 41.66666667%;
    }
    .col-sm-push-4 {
        left: 33.33333333%;
    }
    .col-sm-push-3 {
        left: 25%;
    }
    .col-sm-push-2 {
        left: 16.66666667%;
    }
    .col-sm-push-1 {
        left: 8.33333333%;
    }
    .col-sm-push-0 {
        left: auto;
    }
    .col-sm-offset-12 {
        margin-left: 100%;
    }
    .col-sm-offset-11 {
        margin-left: 91.66666667%;
    }
    .col-sm-offset-10 {
        margin-left: 83.33333333%;
    }
    .col-sm-offset-9 {
        margin-left: 75%;
    }
    .col-sm-offset-8 {
        margin-left: 66.66666667%;
    }
    .col-sm-offset-7 {
        margin-left: 58.33333333%;
    }
    .col-sm-offset-6 {
        margin-left: 50%;
    }
    .col-sm-offset-5 {
        margin-left: 41.66666667%;
    }
    .col-sm-offset-4 {
        margin-left: 33.33333333%;
    }
    .col-sm-offset-3 {
        margin-left: 25%;
    }
    .col-sm-offset-2 {
        margin-left: 16.66666667%;
    }
    .col-sm-offset-1 {
        margin-left: 8.33333333%;
    }
    .col-sm-offset-0 {
        margin-left: 0;
    }
}

@media (min-width: 992px) {
    .col-md-1,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-10,
    .col-md-11,
    .col-md-12 {
        float: left;
    }
    .col-md-12 {
        width: 100%;
    }
    .col-md-11 {
        width: 91.66666667%;
    }
    .col-md-10 {
        width: 83.33333333%;
    }
    .col-md-9 {
        width: 75%;
    }
    .col-md-8 {
        width: 66.66666667%;
    }
    .col-md-7 {
        width: 58.33333333%;
    }
    .col-md-6 {
        width: 50%;
    }
    .col-md-5 {
        width: 41.66666667%;
    }
    .col-md-4 {
        width: 33.33333333%;
    }
    .col-md-3 {
        width: 25%;
    }
    .col-md-2 {
        width: 16.66666667%;
    }
    .col-md-1 {
        width: 8.33333333%;
    }
    .col-md-pull-12 {
        right: 100%;
    }
    .col-md-pull-11 {
        right: 91.66666667%;
    }
    .col-md-pull-10 {
        right: 83.33333333%;
    }
    .col-md-pull-9 {
        right: 75%;
    }
    .col-md-pull-8 {
        right: 66.66666667%;
    }
    .col-md-pull-7 {
        right: 58.33333333%;
    }
    .col-md-pull-6 {
        right: 50%;
    }
    .col-md-pull-5 {
        right: 41.66666667%;
    }
    .col-md-pull-4 {
        right: 33.33333333%;
    }
    .col-md-pull-3 {
        right: 25%;
    }
    .col-md-pull-2 {
        right: 16.66666667%;
    }
    .col-md-pull-1 {
        right: 8.33333333%;
    }
    .col-md-pull-0 {
        right: auto;
    }
    .col-md-push-12 {
        left: 100%;
    }
    .col-md-push-11 {
        left: 91.66666667%;
    }
    .col-md-push-10 {
        left: 83.33333333%;
    }
    .col-md-push-9 {
        left: 75%;
    }
    .col-md-push-8 {
        left: 66.66666667%;
    }
    .col-md-push-7 {
        left: 58.33333333%;
    }
    .col-md-push-6 {
        left: 50%;
    }
    .col-md-push-5 {
        left: 41.66666667%;
    }
    .col-md-push-4 {
        left: 33.33333333%;
    }
    .col-md-push-3 {
        left: 25%;
    }
    .col-md-push-2 {
        left: 16.66666667%;
    }
    .col-md-push-1 {
        left: 8.33333333%;
    }
    .col-md-push-0 {
        left: auto;
    }
    .col-md-offset-12 {
        margin-left: 100%;
    }
    .col-md-offset-11 {
        margin-left: 91.66666667%;
    }
    .col-md-offset-10 {
        margin-left: 83.33333333%;
    }
    .col-md-offset-9 {
        margin-left: 75%;
    }
    .col-md-offset-8 {
        margin-left: 66.66666667%;
    }
    .col-md-offset-7 {
        margin-left: 58.33333333%;
    }
    .col-md-offset-6 {
        margin-left: 50%;
    }
    .col-md-offset-5 {
        margin-left: 41.66666667%;
    }
    .col-md-offset-4 {
        margin-left: 33.33333333%;
    }
    .col-md-offset-3 {
        margin-left: 25%;
    }
    .col-md-offset-2 {
        margin-left: 16.66666667%;
    }
    .col-md-offset-1 {
        margin-left: 8.33333333%;
    }
    .col-md-offset-0 {
        margin-left: 0;
    }
}

@media (min-width: 1200px) {
    .col-lg-1,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12 {
        float: left;
    }
    .col-lg-12 {
        width: 100%;
    }
    .col-lg-11 {
        width: 91.66666667%;
    }
    .col-lg-10 {
        width: 83.33333333%;
    }
    .col-lg-9 {
        width: 75%;
    }
    .col-lg-8 {
        width: 66.66666667%;
    }
    .col-lg-7 {
        width: 58.33333333%;
    }
    .col-lg-6 {
        width: 50%;
    }
    .col-lg-5 {
        width: 41.66666667%;
    }
    .col-lg-4 {
        width: 33.33333333%;
    }
    .col-lg-3 {
        width: 25%;
    }
    .col-lg-2 {
        width: 16.66666667%;
    }
    .col-lg-1 {
        width: 8.33333333%;
    }
    .col-lg-pull-12 {
        right: 100%;
    }
    .col-lg-pull-11 {
        right: 91.66666667%;
    }
    .col-lg-pull-10 {
        right: 83.33333333%;
    }
    .col-lg-pull-9 {
        right: 75%;
    }
    .col-lg-pull-8 {
        right: 66.66666667%;
    }
    .col-lg-pull-7 {
        right: 58.33333333%;
    }
    .col-lg-pull-6 {
        right: 50%;
    }
    .col-lg-pull-5 {
        right: 41.66666667%;
    }
    .col-lg-pull-4 {
        right: 33.33333333%;
    }
    .col-lg-pull-3 {
        right: 25%;
    }
    .col-lg-pull-2 {
        right: 16.66666667%;
    }
    .col-lg-pull-1 {
        right: 8.33333333%;
    }
    .col-lg-pull-0 {
        right: auto;
    }
    .col-lg-push-12 {
        left: 100%;
    }
    .col-lg-push-11 {
        left: 91.66666667%;
    }
    .col-lg-push-10 {
        left: 83.33333333%;
    }
    .col-lg-push-9 {
        left: 75%;
    }
    .col-lg-push-8 {
        left: 66.66666667%;
    }
    .col-lg-push-7 {
        left: 58.33333333%;
    }
    .col-lg-push-6 {
        left: 50%;
    }
    .col-lg-push-5 {
        left: 41.66666667%;
    }
    .col-lg-push-4 {
        left: 33.33333333%;
    }
    .col-lg-push-3 {
        left: 25%;
    }
    .col-lg-push-2 {
        left: 16.66666667%;
    }
    .col-lg-push-1 {
        left: 8.33333333%;
    }
    .col-lg-push-0 {
        left: auto;
    }
    .col-lg-offset-12 {
        margin-left: 100%;
    }
    .col-lg-offset-11 {
        margin-left: 91.66666667%;
    }
    .col-lg-offset-10 {
        margin-left: 83.33333333%;
    }
    .col-lg-offset-9 {
        margin-left: 75%;
    }
    .col-lg-offset-8 {
        margin-left: 66.66666667%;
    }
    .col-lg-offset-7 {
        margin-left: 58.33333333%;
    }
    .col-lg-offset-6 {
        margin-left: 50%;
    }
    .col-lg-offset-5 {
        margin-left: 41.66666667%;
    }
    .col-lg-offset-4 {
        margin-left: 33.33333333%;
    }
    .col-lg-offset-3 {
        margin-left: 25%;
    }
    .col-lg-offset-2 {
        margin-left: 16.66666667%;
    }
    .col-lg-offset-1 {
        margin-left: 8.33333333%;
    }
    .col-lg-offset-0 {
        margin-left: 0;
    }
}

.padding-zero {
    padding-left: 0;
    padding-right: 0;
}

.single-post  #primary .col-md-8 {
    margin-bottom: 50px;
}

i.red {
	color:#ff1500;
	}
	
i.blue {
	color:#2296f4;
	}
	

div.event-details-container {
	background-color:#f9f9f9;
}

.dokumenty ul {list-style: none; margin-left: 0;}
.dokumenty ul li {margin-bottom: 8px;}

/*--------------------------------------------------------------
9.1 Widgets Facebook
--------------------------------------------------------------*/

/* glowny div z like box'em */
#like-box {
	position: fixed;
	z-index: 99;
	top: 150px;  /* jego polozenie od gory */
	left: -296px; /* szerokosc wygenerowanego boxa + 4px obramowania */
	-webkit-transition: left 0.5s ease-out;
	-moz-transition: left 0.5s ease-out;
	-o-transition: left 0.5s ease-out;
	transition: left 0.5s ease-out;
}
 
/* wysuniecie like box'a */
#like-box:hover {
	left: 0px;
}
 
/* zewnetrzna ramka boxa */
#like-box .outside {
	position: relative;
	z-index: 1;
	background: #1a325a;
	padding: 2px;
	min-width: 1px;
	float: left;
}
 
/* wewnetrzne tlo boxa */
#like-box .inside {
	position: relative;
	z-index: 2;
	background: #fff;
}
 
/* pasek z logo FB */
#like-box .belt {
	position: relative;
	z-index: 0;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg); 
	-o-transform: rotate(90deg); 
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); 
	float: left;
	width: 110px; 
	height: 52px;
	padding: 7px 0px 0px 14px;
	margin: 29px 0px 0px -45px;
	background: #fff;
    border: 2px solid;
    border-color: #1a325a;
	color: #1a325a;
	font-weight: bold;
	font-size: 16px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	cursor: pointer;
}