/*
Theme Name: Kuratorium - Nowy Wordpress
Description: Motyw dla kuratoriów
Theme URI: http://kuratorium.men.gov.pl/
Author: MEN
Author URI: http://men.gov.pl
Version: 1.8
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: men
Tags: one-column, two-columns, three-columns, left-sidebar, right-sidebar, grid-layout, flexible-header, accessibility-ready, custom-colors, custom-logo, editor-style, featured-images, footer-widgets, news, education

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.

MEN 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.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
    ## Posts and pages
	## Asides
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
body {
    margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
    display: block;
}
audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}
audio:not([controls]) {
    display: none;
    height: 0;
}
[hidden],
template {
    display: none;
}
a {
    background-color: transparent;
}
a:active,
a:hover {
    outline: 0;
}
abbr[title] {
    border-bottom: 1px dotted;
}
b,
strong {
    font-weight: bold;
}
dfn {
    font-style: italic;
}
h1 {
    font-size: 32px;
    margin: 16px 0;
}
mark {
    background: #ff0;
    color: #000;
}
small {
    font-size: 80%;
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {
    top: -5px;
}
sub {
    bottom: -5px;
}
img {
    border: 0;
}
svg:not(:root) {
    overflow: hidden;
}
figure {
    margin: 16px 40px;
}
hr {
    box-sizing: content-box;
    height: 0;
}
pre {
    overflow: auto;
}
code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 16px;
}
button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}
button {
    overflow: visible;
}
button,
select {
    text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}
button[disabled],
html input[disabled] {
    cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}
input {
    line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}
input[type="search"] {
    -webkit-appearance: textfield;
    box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
fieldset {
    border: 1px solid #DDD;
    padding: 1em;
    margin: 0 0 1em;
}
legend {
    border: 0;
    padding: 0;
}
textarea {
    overflow: auto;
}
optgroup {
    font-weight: bold;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
td,
th {
    border: 1px solid #EEE;
    padding: 5px;
	text-align: left;
}
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/

body,
button,
input,
select,
textarea {
    color: #222;
    font-size: 14px;
    line-height: 1.5;
	font-family: Arial, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #000;
	letter-spacing: -1px;
    font-weight: 400;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    margin: 0;
    padding: 0;
	line-height: 1.2;
	font-family: 'Roboto Slab', 'Trebuchet MS';
}
h1 {
	font-size: 36px;
}
h2 {
	font-size: 28px;
}
h3 {
	font-size: 24px;
}
h4 {
	font-size: 18px;
}
h5 {
	font-size: 16px;
}
h6 {
	font-size: 14px;
}
p {
    margin-bottom: 16px;
}
dfn,
cite,
em,
i {
    font-style: italic;
}
blockquote {
    margin: 0 16px;
}
address {
    margin: 0 0 16px;
}

pre {
    background: #EEE;
    font-size: 16px;
    line-height: 1.3;
    margin-bottom: 16px;
    max-width: 100%;
    padding: 16px;
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
}
code,
kbd,
tt,
var {
    font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
    font-size: 15px;
}
abbr,
acronym {
    border-bottom: 1px dotted #EEE;
    cursor: help;
}
mark,
ins {
    background: #fff9c0;
    text-decoration: none;
}
big {
    font-size: 125%;
}
/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/

html {
    box-sizing: border-box;
}
*,
*:before,
*:after {
    box-sizing: inherit;
}
body {
    background: white;
}
hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 16px;
}
ul,
ol {
    margin: 0 0 16px 16px;
    padding: 0 0 0 16px;
}
ul {
    list-style: disc;
}
ol {
    list-style: decimal;
}
li > ul,
li > ol {
    margin-bottom: 0;
    margin-left: 20px;
}
li > ol {
    list-style: lower-alpha;
}
li li > ol {
    list-style: lower-roman;
}
li li li > ol {
    list-style: decimal-leading-zero;
}
ul.no-list-style,
ul.no-list-style ul,
ul.no-list-style ol,
ol.no-list-style,
ol.no-list-style ol,
ol.no-list-style ul {
    list-style: none;
}
ul.no-margin,
ol.no-margin {
    margin: 0;
    padding: 0;
}
dt {
    font-weight: bold;
}
dd {
    margin: 0 16px 16px;
}
img {
    height: auto;
    /* Make sure images are scaled correctly. */
    max-width: 100%;
    /* Adhere to container width. */
}
table {
    margin: 0 0 16px;
    width: 100%;
}
/*--------------------------------------------------------------
# Grid
--------------------------------------------------------------*/

.row::after {
    content: "";
    clear: both;
    display: block;
}
.row > div { margin-right: 3.2%; float: left; display: inline; position: relative; }
.row div:last-child { clear: right; margin-right: 0!important; }

.grid {
    margin-right: 3.2%;
    float: left;
    display: inline;
    position: relative;
}

.last {
    clear: right;
    margin-right: 0!important;
}

.col-1,
.one-fifth {
    width: 17.4%;
}

.col-2,
.one-fourth {
    width: 22.6%;
}

.col-3,
.one-third {
    width: 31.2%;
}

.col-4,
.two-fifth {
    width: 38.1%;
}

.col-5,
.one-half {
    width: 48.4%;
}

.col-6,
.three-fifth {
    width: 58.7%;
}

.col-7,
.two-third {
    width: 65.6%;
}

.col-8;
.three-fourth {
    width: 74.2%;
}

.col-9,
.four-fifth {
    width: 79.4%;
}

.col-10,
.full {
    margin-right: 0;
    width: 100%;
    overflow: hidden;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
form {
	margin: 0;
	padding: 0;
}

form .row, form .form-group, form .field { margin-bottom: 10px; }
form .descr, form .description { margin: 0 0; color: #666; font-size: 90%; }
form .error { color: red; font-size: 90%; }
form label { cursor: pointer; font-weight : 700; display: block; }
form label.checkbox { display: inline-block; font-weight : 400;}

.wp-editor-container { border: 1px solid #EEE; }

input,
textarea,
textarea.wpcf7-textarea,
select.wpcf7-select,
select,
button {
    margin: 0;
    -webkit-box-sizing: border-box;
    /* For legacy WebKit based browsers */
    -moz-box-sizing: border-box;
    /* For legacy (Firefox <29) Gecko based browsers */
    box-sizing: border-box;
    padding: 3px 6px;
}

select,
select.wpcf7-select {
	width: 100%;
	min-width: 60px;
	max-width: 100%;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    cursor: pointer;
    padding: 3px 15px;
    background: #212f48;
    color: white;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: solid 1px #20538D;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
}


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: #356094;
    border: solid 1px #2A4E77;
    text-decoration: none;
}

.mce-btn button:hover, .mce-btn button:focus, button.wp-switch-editor:hover, button.wp-switch-editor:focus {
	background: none;
	border: solid 0;
}

input.wpcf7-text,
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea.wpcf7-textarea,
textarea {
    /*color: #666;*/
    border: 1px solid #DDD;
    border-radius: 2px;
}
input.wpcf7-text:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea.wpcf7-textarea:focus,
textarea:focus {
    /*color: #111;*/
    border-color: #595959;
    box-shadow: 0 0 2px blue;
}
button[disabled],
input[disabled],
select[disabled],
textarea[disabled] {
    cursor: default;
    opacity: .5;
}
input.wpcf7-text,
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
    padding: 3px 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 60px;
	width: 100%;
	max-width: 100%;
}
textarea.wpcf7-textarea,
textarea {
    padding: 5px 10px;
    width: 100%;
    min-width: 260px;
    max-width: 100%;
}
/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/

a {
    color: royalblue;
    text-decoration: none;
}
a:visited {
    /*color: purple;*/
}
a:hover,
a:focus,
a:active {
    color: midnightblue;
}
a:focus {
	outline: 2px solid #0070bb;
}
a:hover,
a:active {
    text-decoration: underline;
}
/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/

.main-navigation {
    clear: both;
    display: block;
}
.main-navigation ul {
    list-style: none;
    margin: 0;
    padding-left: 0;
}
.main-navigation ul > li {
    display: inline-block;
    position: relative;
}
.main-navigation li li {
    display: block;
    position: relative;
}
.main-navigation a {
    display: block;
    text-decoration: none;
    padding: 5px 6px;
}
.main-navigation ul ul {
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    float: left;
    position: absolute;
    top: 100%;
    left: -999em;
    z-index: 99999;
    background-color: white;
    box-shadow: 0 0 2px #EEE;
    padding: 5px 10px;
    width: 300px;
}
.main-navigation ul ul ul {
    left: -999em;
    top: 0;
}
.main-navigation ul ul a {
    display: block;
    padding: 5px 10px;
}
.main-navigation ul ul li {} .main-navigation li:hover > a {} .main-navigation ul ul:hover > a {} .main-navigation ul ul a:hover {} .main-navigation ul li:hover > ul {
    left: auto;
}
.main-navigation ul ul li:hover > ul {
    left: 100%;
}
.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a {}
/* Small menu. */

.menu-toggle, .mobile {
    display: none;
	font-size: 44px;
	cursor: pointer;
	padding: 0 15px;
	background: none repeat scroll 0% 0% #003fbc;
	color: white;
	border-radius: 0;
	border: 0;
	text-shadow: none;
	z-index: 3;
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
    margin: 0 0 16px;
    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%;
}


/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/

/* Text meant only for screen readers. */

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}
.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    display: block;
    font-size: 14px;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */
}
.page-title h2, .hide {
    clip: rect(1px, 1px, 1px, 1px);
    display: block;
    position: absolute;
}
legend {
    font-size: 1.5em;
}
/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/

.alignleft {
    display: inline;
    float: left;
    margin: 0 16px 16px 0;
}
.alignright {
    display: inline;
    float: right;
    margin: 0 0 16px 16px;
}
.aligncenter {
    clear: both;
    display: block;
    margin: 0 auto 16px auto;
}
.alignnone {
    clear: both;
    display: block;
    margin: 0 0 16px;
}

.floatleft {
    display: inline;
    float: left;
}
.floatright {
    display: inline;
    float: right;
}


/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/

.clear:before,
.clear:after,
.group:before,
.group:after,
.wrapper:before,
.wrapper:after,
.section-wrapper:before,
.section-wrapper:after,
.primary-menu:before,
.primary-menu:after,
.main-navigation ul ul:before,
.main-navigation ul ul:after,
.widget ul li:before,
.widget ul li: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,
.entry .images.shortcode:before,
.entry .images.shortcode:after,
.site-footer:before,
.site-footer:after {
    content: "";
    display: table;
}
.clear:after,
.group:after,
.wrapper:after,
.section-wrapper:after,
.primary-menu:after,
.main-navigation ul ul:after,
.widget ul li:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.entry .images.shortcode:after,
.site-footer:after {
    clear: both;
}
/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/

.widget {
    margin: 0 0 20px;
}
.sidebar  .widget > ul, 
.sidebar  .widget > div > ul, 
.sidebar  .widget > .search-form, 
.sidebar  .widget > .textwidget, 
.sidebar  .widget > div.tagcloud {
	padding: 10px;
	border: 1px solid #EEE;
	border-top: 0;
	background: url('images/widget-shadow.jpg') bottom center no-repeat transparent;
}

.sidebar .widget .textwidget ul {
	padding: 0;
	border: 0;
	background: none;
}


.sidebar .widget .text {
	padding: 2px;
	border: 1px solid #EEE;
}

/* Make sure select elements fit in widgets. */

.widget select {
    max-width: 100%;
}
.widget ul li:last-child {
    border: 0;
}
.widget h2 {
	background-color: #212f48;
	color: white;
	font-weight: 400;
	padding: 15px 20px;
	font-size: 20px;
	position: relative; 
}

.widget h2 a {
	color: white;
}

.widget h2:after {
	font-family: FontAwesome;
	content: "";
	width: 50px;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	background: #3b8dbd;
	text-align: center;
	font-size: 30px;
	line-height: 54px;
}

.widget_recent_entries h2:after {
	content: "\f1ea";
}

.widget_archive h2:after {
	content: "\f022";
}

.widget_pages h2:after {
	content: "\f0f6";
}

.widget_meta h2:after {
	content: "\f0e4";
}

.widget_recent_comments h2:after {
	content: "\f0e6";
}

.widget_calendar h2:after {
	content: "\f073";
}

.widget_tag_cloud h2:after {
	  content: "\f02c";
}

.widget_search h2:after {
	  content: "\f002";
}

.widget_categories h2:after {
	  content: "\f1ea";
}

.widget_text h2:after {
	  content: "\f129";
}

.widget_nav_menu h2:after {
	  content: "\f0c9";
}

.widget_rss h2:after {
	  content: "\f143";
}

.widget_map h2:after,
.widget_google_map h2:after {
	  content: "\f279";
}

.widget .rss-widget-icon { display: none; }

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/

.sticky {
    display: block;
}
.hentry {
    margin: 0 0 20px;
}
.byline,
.updated:not(.published) {
    display: none;
}
.single .byline,
.group-blog .byline {
    display: inline;
}
.page-content,
.entry-content,
.entry-summary {
    margin: 24px 0 0;
}
.page-links {
    clear: both;
    margin: 0 0 20px;
	text-align: right;
}
.page-links .link { display: inline-block; padding: 4px 10px; border: 1px solid #EEE; margin: 0 2px 0; }
.page-links a:hover .link { background-color: #EEE; }
/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/

.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
    display: none;
}
/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/

.comment-content a {
    word-wrap: break-word;
}
.bypostauthor {
    display: block;
}
/*--------------------------------------------------------------
# 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. 
.fluid-container {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}

.fluid-container embed,
.fluid-container iframe,
.fluid-container object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}*/

embed,
iframe,
object {
    max-width: 100%;
    width: 100%;
	height: 100%;
	border: 0;
}
/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/

.wp-caption {
    max-width: 100%;
    border-bottom: 1px solid #EEE;
    border-radius: 2px;
}
.wp-caption img[class*="wp-image-"] {
    display: block;
    margin: 0 auto;
}
.wp-caption-text {
	font-size: 13px;
    line-height: 1.2;
    padding: 5px;
}
.wp-caption .wp-caption-text {
    margin: 0 0;
}
/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/

.gallery {
    margin-bottom: 16px;
}
.gallery-item {
    text-align: center;
    vertical-align: top;
    width: 100%;
    margin: 0 0;
    display: inline-block;
}
.gallery-item img {
    display: block;
}
.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 .gallery-item img {
    display: block;
    padding: 3px
}
.gallery .gallery-caption {
    display: block;
    font-size: 12px;
    margin: 0 0;
}


.search-form {
    width: 100%;
    margin: 0 0 16px 0;
}
.search-form .search-input {
    width: 82%;
}
.search-form .search-submit-box {
    display: inline-block;
}

/*--------------------------------------------------------------
## Colors
--------------------------------------------------------------*/

.c3 { color: #333; }
.c6 { color: #666; }
.c8 { color: #888; }
.ca { color: #AAA; }
.ce { color: #EEE; }
.cf { color: #FFF; }
.cb { color: #BBB; }
.cd { color: #DDD; }

/*--------------------------------------------------------------
## MEN
--------------------------------------------------------------*/

.right { float: right; }
.left { float: left; }
.clear { float: none; }


a.button {  padding: 6px 12px; background-color: crimson; display: inline-block; color: #FFF; border-radius: 4px;  }
a.button:hover { text-decoration: none; background-color: #333;  }

a.medium { padding: 8px 16px; font-size: 1.250em; }
a.large { padding: 10px 20px; font-size: 1.5em; }

.align-right { text-align: right; }
.align-left { text-align: left; }

.inline { margin: 0; padding: 0; list-style: none; display: inline; }
.inline li {	display: inline-block }

.pr5 { padding-right: 5px; }
.pr10 { padding-right: 10px; }
.pr15 { padding-right: 15px; }

.pl5 { padding-left: 5px; }
.pl10 { padding-left: 10px; }
.pl15 { padding-left: 15px; }

.pt5 { padding-top: 5px; }
.pt10 { padding-top: 10px; }
.pt15 { padding-top: 15px; }

.pb5 { padding-bottom: 5px; }
.pb10 { padding-bottom: 10px; }
.pb15 { padding-bottom: 15px; }

/*--------------------------------------------------------------
## Structure
--------------------------------------------------------------*/
#page {
    width: 100%;
    min-width: 300px;
    margin: 0 auto;
    position: relative;
	overflow: hidden;
}

.container {
	margin-right:auto;
	margin-left:auto;
}
.container:after,.container:before {
	content:" ";
	display:table
}
.container:after {
	clear:both
}

.headbg { color: white; background: #212f48; }

.wrapper, .site-content {
	min-width: 300px;
	max-width: 1180px;
	width: 100%;
	margin: 0 auto;
}

.inline { margin: 0; padding: 0; list-style: none; display: inline; }
.inline li {	display: inline-block }

.site-title {
	letter-spacing: -1px;
	word-wrap: break-word;
	line-height: 1.2;
    font-weight: 400;
    margin: 0 0;
    padding: 0 0;
	color: white;
	font-size: 28px;
	font-family: 'Roboto Slab', 'Trebuchet MS';
}
.site-title a {
	color: white;
}


.header-logo-wrapper { width: 360px; height: 90px; position: relative; }
.header-logo-image {
    width: 90px;
    overflow: hidden;
	position: absolute;
}
.header-logo-title {
    color: white;
    margin: 0;
    width: 260px;
	position: absolute;
	left: 91px;
	top: 5px;
}

.header-logo-wrapper .search-form { 
	width: 100%;
    display: table-cell;
    vertical-align: middle;
}

#masthead .container .wrapper {
	padding: 10px 0;
	font-size: 14px;
}

/* ====================================================================================================================
 * Search box
 * ====================================================================================================================*/

header .search-wrapper {
	position: absolute;
	top: 44px;
	right: 0;
}

header .search-input-box {
	width: 300px;
	border: 1px solid #EEE;
	overflow: hidden;
	position: relative;
}

header .search-input-box .search-input {
    padding: 12px 10px 12px 10px;
    box-sizing: border-box;
    max-width: 100%;
    width: 244px;
    border: 0;
	border-radius: 0;
    background: none;
    color: #d3dae6;
    font-size: 14px;
}

header .search-input-box .search-input:focus {
    background: white;
    color: #363636;
}


header .search-input-box .search-submit {
    cursor: pointer;
    box-shadow: none;
    text-shadow: none;
    line-height: 38px;
    border: 0;
    background-color: transparent;
    border-radius: 0px;
    color: white;
    font-size: 25px;
    float: right;
    border-left: 1px solid #EEE;
    position: absolute;
    right: 0px;
    top: 0;

}

#masthead .site-branding { position: relative; padding: 20px 0; }


.navigation-search {
    padding: 0 40px;
    position: relative;
    clear: both;
    border-bottom: 1px solid #EEE;
    height: 66px;
}
.breadcrumbs {
    width: 100%;
    padding: 10px 0;
	margin: 0 0 30px;
	color: #363636;
	border-bottom: 1px solid #EEE;
	font-size: 12px;

}

.breadcrumbs .current { font-weight: 700; }

.search-mobile {
    display: none;
}
.site-content {
    position: relative;
	margin: 30px auto 0 auto;
}
/*--------------------------------------------------------------
## Navigation
--------------------------------------------------------------*/

#site-navigation { background-color: #191f2b; color: #000; border-top: 1px solid #465571; }

ul.menu-top-left, ul.menu-top-right { 
	margin: 0;
	padding: 0;
	position: relative;
}

ul.menu-top-left a, ul.menu-top-right a { color: #363c48; }

ul.menu-top-left li { 
	padding: 0 10px;
	border-right: 1px solid #EEE;
}

ul.menu-top-left li:last-child { border-right: 0; }

ul.menu-top-right li { 
	padding-left: 10px;
}

ul.menu-top-left .bip img { vertical-align: middle; }
ul.menu-top-left .contrast-version { 
	font-size: 18px;
	color: #000;
}
ul.menu-top-left .font-size .font-normal { 
	font-size: 12px;
	color: #000;
}


ul.menu-top-left .font-size .font-large { 
	font-size: 18px;
	color: #000;
}

ul.primary-menu {
    margin: -4px 0 0 0;
    padding: 0;
    float: none;
}
ul.primary-menu li {
    display: inline-block;
    position: relative;
    padding: 0;
    margin: 0;
}
ul.primary-menu > li.wordpress { background-color: crimson; }
ul.primary-menu > li {
    display: inline-block;
    position: relative;
}
ul.primary-menu > li:last-child {
    margin-right: 0px;
}
ul.primary-menu > li > a {
    line-height: 65px;
	border-top: 4px solid transparent;
}
ul.primary-menu li {
    float: left;
    position: relative;
}
ul.primary-menu > li {

}
ul.primary-menu > li.current-cat,
ul.primary-menu > li.current-cat-parent,
ul.primary-menu > li.hover {
    
}

ul.primary-menu a {
    color: white;
    display: block;
    text-decoration: none;
    padding: 0 10px;
    position: relative;
}

ul.primary-menu > li > a:hover,
ul.primary-menu > li > a:focus,
ul.primary-menu > li > a:active, 
ul.primary-menu > li.current-menu-item > a {
    background-color: white;
	color: #333;
	border-top: 4px solid #e21931;
}


ul.primary-menu > li:first-child > a {
    /*padding: 0 10px 0 0;*/
}
ul.primary-menu a a:hover,
ul.primary-menu a a:focus,
ul.primary-menu a a:active {
    color: white;
}
ul.primary-menu ul {
    position: absolute;
    top: 100%;
    left: -9999em;
    background-color: #212f48;
    width: 440px;
    padding: 10px 0;
    z-index: 100;
    margin: 0 0;
    opacity: 0.9;
    color: white;
}

.main-navigation ul ul li:hover > ul {
    left: -9999em;
}

ul.primary-menu > li:hover > ul,
ul.primary-menu > li.hover > ul {
    left: 0px;
}

ul.primary-menu > li:nth-last-child(-n+3):hover > ul,
ul.primary-menu > li.hover:nth-last-child(-n+3) > ul {
    left: auto;
    right: 0;
}
ul.primary-menu ul li {
    float: none;
    position: static;
}
ul.primary-menu ul li {
    font-size: 12px;
    position: relative;
    display: block;
    width: 50%;
    padding: 0;
    float: left;
}
ul.primary-menu ul li.group {
    width: 100%;
    clear: both;
    float: none;
    height: 1px;
    overflow: hidden;
}
ul.primary-menu ul li:nth-child(even) {
    float: left;
    zoom: 1;
}
ul.primary-menu ul li:nth-child(even):before,
.nav ul li:nth-child(even):after {
    content: "";
    display: table;
}
ul.primary-menu ul li:nth-child(even):after {
    clear: both;
}
ul.primary-menu li ul a {
    padding: 10px 20px;
}
ul.primary-menu li:hover ul a,
ul.primary-menu li.hover ul a {
    text-shadow: none;
}
ul.primary-menu li:hover ul a:hover,
ul.primary-menu li.hover ul a:hover,
ul.primary-menu li.hover ul a:focus,
ul.primary-menu li.hover ul a:active {
    text-decoration: underline;
    box-shadow: none;
}
#top-navigation {
    display: inline;
    float: right;
}
ul.top-menu {
    float: right;
    margin: 0 0;
    padding: 0 0;
}
ul.top-menu li {
    float: left;
    line-height: 40px;
    vertical-align: 30%;
}
ul.top-menu li a {
    color: #000;
    font-weight: 400;
    display: inline-block;
}
ul.top-menu li.social a span.title {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}
ul.top-menu li {
    position: relative;
}
ul.top-menu li.social a:before {
    font-family: FontAwesome;
    font-size: 24px;
    line-height: 40px;
}

ul.top-menu li.sepleft {
    border-left: 1px solid #EEE;
    margin-left: 10px;
    padding-left: 10px;
}
ul.top-menu li.sepright {
    border-right: 1px solid #EEE;
    margin-right: 10px;
    padding-right: 10px;
}
ul.top-menu li.facebook a:before {
    color: #3b5998;
    content: "\f082";
}
ul.top-menu li.twitter a:before {
    color: #5ea9dd;
    content: "\f081";
}
ul.top-menu li.youtube a:before {
    color: #e12b26;
    content: "\f166";
}

ul.top-menu li.flickr a:before {
    color: #ff0f84;
    content: "\f16e";
}
ul.top-menu ul {
    display: none;
}

.sidebar ul.nav-sidebar { padding: 0 0; margin: 0 0;   }
.sidebar ul.nav-sidebar li { list-style: none;  }


#sidebar ul.menu,
ul.sidebar-menu {
	margin: 0 0 0 0px; 
}

#sidebar ul.menu ul {
    margin: 0 0 0 20px;
}

#sidebar ul.menu li,
ul.sidebar-menu li {
	padding: 0px 0px; 
	border-bottom: 0;
	list-style: none;
	
}

#sidebar ul.menu li > ul,
ul.sidebar-menu li > ul {
	display: none; 
}

#sidebar ul.menu .current-menu-item > ul.sub-menu,
ul.sidebar-menu .current-cat > ul.children {
	display: block; 
}

#sidebar ul.menu ul > li.have-children ul,
ul.sidebar-menu ul > li.have-children ul {
	display: block; 
}

#sidebar ul.menu .current-menu-item > ul.children,
#sidebar ul.menu .current-menu-ancestor > ul.sub-menu,
#sidebar ul.menu .current-post-ancestor > ul.sub-menu,
ul.sidebar-menu .current-cat-parent > ul.children,
ul.sidebar-menu .current-cat-parent .current-cat > ul.children {
	display: block; 
}

#sidebar ul.menu .current-menu-item > a,
#sidebar ul.menu .current-post-parent > a,
#sidebar ul.menu .current-cat-parent .current-cat > a,
ul.sidebar-menu .current-cat > a,
ul.sidebar-menu .current-cat-parent > a,
ul.sidebar-menu .current-cat-parent .current-cat > a {
	font-weight: bold; 
}

#sidebar ul.menu a,
ul.sidebar-menu a {
	display: block;
	padding: 6px 5px;
	border-bottom: 1px solid #e2e2e2;
	font-size: 0.850em;
}

#sidebar ul.menu li:last-child a { border-bottom: 0; }
ul.sidebar-menu li:last-child a { border-bottom: 0; }

/* ====================================================================================================================
 * Slider
 * ====================================================================================================================*/

/*
 * jQuery FlexSlider v2.4.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 and later license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 * 
 */

/* ====================================================================================================================
 * RESETS
 * ====================================================================================================================*/

.slider { background-color: #EEE; padding: 20px; border-bottom: 1px solid #EEE }
.slides,
.slides > li,
.flex-control-nav,
.flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none;
}
.flex-pauseplay span {
    text-transform: capitalize;
}
/* ====================================================================================================================
 * BASE STYLES
 * ====================================================================================================================*/

.flexslider {
    margin: 0;
    padding: 0;
}
.flexslider .slides > li {
    display: block;
    -webkit-backface-visibility: hidden;
}
.flexslider .slides img {
    width: 100%;
    display: block;
}
.flexslider .slides:after {
    content: "\f052";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
html[xmlns] .flexslider .slides {
    display: block;
}
* html .flexslider .slides {
    height: 1%;
}
.no-js .flexslider .slides > li:first-child {
    display: block;
}
/* ====================================================================================================================
 * DEFAULT THEME
 * ====================================================================================================================*/

.featured-container {
    
}
.flexslider {
    margin: 0 0;
    position: relative;
}
.flexslider .slides img {
    height: auto;
}
.flex-viewport {
    max-height: 2000px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}
.featured h3 {
    margin: 10px 0;
}
.featured ul {
    position: relative;
    min-height: 120px;
}
.featured ul li {
    z-index: 1;
    width: 100%;
    opacity: 0;
    float: left;
    margin-right: -100%;
    position: relative;
    display: block;
    z-index: 1;
}
.featured ul li:first-child {
    z-index: 2;
    opacity: 1;
}
.featured .left-col {
    float: left;
    position: relative;
    min-width: 280px;
    max-width: 780px;
    height: auto;
}
.featured .right-col {
    float: right;
    overflow: hidden;
    min-width: 240px;
    max-width: 400px;
    height: 100%;
    position: absolute;
    right: 0;
    padding: 0 20px;
}
.featured .read-more {
    position: absolute;
    bottom: 0;
}
.featured .read-more a {
    background-color: white;
    border: 1px solid #EEE;
    color: #555;
    line-height: 24px;
    text-transform: uppercase;
    font-size: 0.750em;
    padding: 5px 10px;
    display: inline-block;
}
.featured .read-more a:hover {
    background-color: #b5303e;
    color: white;
}
.loading .flex-viewport {
    max-height: 300px;
}
.carousel li {
    margin-right: 5px;
}
.flex-direction-nav {
    *height: 0;
}
.flex-direction-nav a {
    text-decoration: none;
    display: block;
    width: 40px;
    height: 60px;
    margin: 0 0;
    position: absolute;
    top: 50%;
    z-index: 10;
    overflow: hidden;
    opacity: 0;
    cursor: pointer;
    color: rgba(0, 0, 0, 0.8);
}
.flex-direction-nav a:before {
    font-family: "FontAwesome";
    font-size: 40px;
    display: inline-block;
    content: '\f053';
    color: rgba(0, 0, 0, 0.8);
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}
.flex-direction-nav a.flex-next:before {
    content: '\f054';
}
.flex-direction-nav .flex-prev {
    left: -50px;
}
.flex-direction-nav .flex-next {
    right: -50px;
    text-align: right;
}
.flexslider:hover .flex-direction-nav .flex-prev {
    opacity: 0.7;
    left: 10px;
}
.flexslider:hover .flex-direction-nav .flex-prev:hover {
    opacity: 1;
}
.flexslider:hover .flex-direction-nav .flex-next {
    opacity: 0.7;
    right: 10px;
}
.flexslider:hover .flex-direction-nav .flex-next:hover {
    opacity: 1;
}
.flex-direction-nav .flex-disabled {
    opacity: 0 !important;
    cursor: default;
}
.flex-pauseplay a {
    position: absolute;
    bottom: 6px;
    right: 0;
    display: block;
    width: 20px;
    height: 25px;
    opacity: 0.8;
    z-index: 10;
    overflow: hidden;
    cursor: pointer;
    color: #212f48
}
.flex-pauseplay a:before {
    font-family: "FontAwesome";
    font-size: 20px;
    display: inline-block;
    content: '\f04c';
}
.flex-pauseplay a:hover {
    opacity: 1;
}
.flex-pauseplay a.flex-play:before {
    content: '\f04b';
}
.flex-control-nav {
    position: absolute;
    bottom: 0;
    right: 40px;
    display: inline-block;
    z-index: 4;
}
.flex-control-nav li {
    margin: 0 3px;
    display: inline-block;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    width: 22px;
    height: 22px;
    border: 1px solid #EEE
}
.flex-control-paging li a {
    display: block;
    background: #EEE;
    cursor: pointer;
    text-indent: -9999px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    width: 20px;
    height: 20px;
    border: 2px solid white;
    cursor: pointer;
}
.flex-control-paging li a:hover,
.flex-control-paging li a.flex-active {
    background: #212f48;
}
.flex-control-thumbs {
    margin: 5px 0 0;
    position: static;
    overflow: hidden;
}
.flex-control-thumbs li {
    width: 25%;
    float: left;
    margin: 0;
}
.flex-control-thumbs img {
    width: 100%;
    height: auto;
    display: block;
    opacity: .7;
    cursor: pointer;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}
.flex-control-thumbs img:hover {
    opacity: 1;
}
.flex-control-thumbs .flex-active {
    opacity: 1;
    cursor: default;
}

.content-break {
    height: 30px;
    min-height: 1px;
    background-color: #EEE;
    margin: 16px 0;
    width: 200%;
    background: url('images/content-break.png') top left repeat transparent;
    border: 1px solid #EEE;
    border-right: 0;
    border-left: 0;
	z-index: 2;
	margin-left: -50%;
}
.boom-section {
    background: url('images/content-break.png') top left repeat transparent;
    height: auto;
    border-bottom: 0;
    width: 100%;
}
.boom-section .widget { margin: 0 0 0; }
.boom-section ul {
	clear: both;
}

.boom-section ul li { text-align: center; width: 30%; float: left; }
.boom-section ul li:last-child { margin-left: 10%; width: 60%; }
.boom-section ul a { border: 0; }
.boom-section ul a:hover { border: 0; }

/*
.videos-focus {
    margin-bottom: 16px;
}
.videos-focus .heading {
    color: #e54e53;
}
.videos-focus .row {
    border: 1px solid #EEE;
    padding: 10px;
}
.videos-focus .first {
    border: 1px solid #EEE;
    padding: 10px;
    background: white;
	float: right;
}
.videos-focus .third {
    margin-top: 20px;
}
.videos-focus .grid-bottom {
    margin-top: 20px;
}
.videos-focus img {
    width: 100%;
}
.videos-focus h3 {
    position: absolute;
    line-height: 1;
    z-index: 2;
    overflow: hidden;
    bottom: 0px;
    left: 80px;
    padding: 10px;
    right: 10px;
}
.videos-focus h3 span {
    hyphens: auto;
    background-color: white;
    color: #000;
    font-weight: bold;
    display: inline;
    line-height: 1.9em;
    font-weight: 400;
	padding: 5px 0;
}

.videos-focus .video-title {
	position: absolute;
}

.videos-focus .play {
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	top: 50px;
    width: 281px;
    height: 281px;
	background: url('images/play.png') 0 0 no-repeat transparent;
}



.videos-focus span.video-icon {
    position: absolute;
    z-index: 2;
    overflow: hidden;
    left: 10px;
    width: 62px;
    height: 73px;
    color: white;
	background: url('images/movie.png') 0 0 no-repeat transparent;
	bottom: 10px;
}
.videos-focus a {
    display: block;
    max-height: 208px;
    overflow: hidden;
	position: relative;
	display: block;
}


.news-focus {
    margin-bottom: 16px;
}

.news-focus .heading > a {
    color: inherit;
}
.news-focus .heading .subcats {
    font-weight: normal;
    clear: both;
    padding: 0;
    margin: 0;
}
.news-focus .heading li {
    display: block;
    font-size: 14px;
    position: relative;
    z-index: 4;
    list-style: none;
    margin: 0;
	float: left;
	position: relative;
}
.news-focus .div:first-child {
    border: 1px solid red;
    display: block;
}
.news-focus .heading .subcats a {
    color: #333;
    display: block;
    padding: 12px 10px;
    text-transform: uppercase;
    z-index: 4;
	float: left;
}
.news-focus .heading li a[aria-selected='true']:after {
    content: "";
    height: 4px;
    width: 86%;
    position: absolute;
    left: 0px;
    bottom: -4px;
    z-index: 203;
    background-color: #e22d2d;
}

.news-focus ul.subcats li:after {
	content: url('images/news-focus-sep.jpg');
	float: left;
	display: block;
	width: 20px;
	height: 40px;
}

.news-focus ul.subcats li:last-child:after {
	display: none;
	content: '';
}

.news-focus .heading .subcats a.active {} .news-focus .heading .subcats {
    z-index: 1;
}

.news-focus .row {
    position: relative;
    margin-right: -100%;
    float: left;
    width: 100%;
}

.news-focus article {
    border: 1px solid #EEE;
    box-sizing: border-box;
    margin-bottom: 20px;
    margin-right: 3.2%;
    float: left;
    display: inline;
    position: relative;
    width: 48.4%;
    padding: 0 0;
}
.news-focus article .post-thumbnail {
    width: 100%;
    height: auto;
    margin: 0 0;
    float: none;
    position: relative;
}
.news-focus article:hover .post-thumbnail {
    opacity: 0.75;
}
.news-focus article img {
    float: none;
    margin-bottom: 10px;
}
.news-focus article h3 {
    margin-bottom: 16px;
    padding: 0 10px;
}
.news-focus article h3 a {
    color: #000;
}
.news-focus article .excerpt {
    margin-bottom: 50px;
    padding: 0 10px;

}
.news-focus article footer {
    position: absolute;
    bottom: 0;
    height: 40px;
    border-top: 1px solid #EEE;
    width: 100%;
    overflow: hidden;
    background: white;
    text-align: left;
}
.news-focus article footer time {
    width: 60%;
    float: left;
    display: block;
    min-height: 40px;
    line-height: 40px;
    box-sizing: border-box;
    padding: 0 10px;
    border-right: 1px solid #EEE;
}
.news-focus article footer a {
    text-align: center;
    width: 40%;
    float: left;
    display: block;
    min-height: 40px;
    line-height: 40px;
    box-sizing: border-box;
    padding: 0 10px;
}
.news-focus article footer a:hover, .news-focus article footer a:focus {
    background-color: #212f48;
    color: white;
}
.news-focus article:nth-child(2n+1) {
    clear: both;
}
.news-focus article:nth-child(2n) {
    margin-right: 0;
}
.news-focus article:first-child {
    margin-top: 0;
}
*/
/*.news-focus article:nth-last-child(-n+2) .excerpt {
    display: none;
}*/



div[aria-hidden='true'] {
   display: none;
}
div[aria-hidden='false'] {
   display:block;
}

.read-more-all a {
    float: right;
    display: block;
    color: white;
    background-color: #212f48;
    line-height: 24px;
    text-transform: uppercase;
    font-size: 12px;
    padding: 5px 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.read-more-all a:hover {
    background-color: #b5303e;
    color: white;
}

.share-links { border-left: 1px solid #EEE; position: absolute; left: 0; top: -30px; }
.share-links ul { list-style: none; margin: 0 0; padding: 0 0; }
.share-links li { display: block; float: left; }

.share-links a {
	/*font-family: FontAwesome;
	content: "";*/
	width: 50px;
	text-align: center;
	font-size: 20px;
	line-height: 34px;
	height: 35px;
	border: 1px solid #EEE;
	border-left: 0;
	border-top: 0;
	color: #000;
	display: block;
}
.share-links a:hover { text-decoration: none; color: white; background-color: #354b72; }
/*.share-links .facebook a {
	left: 0px;
}
.share-links .facebook a:after {
	content: "\f082";
}

.share-links .twitter a {
	left: 50px;
}
.share-links .twitter a:after {
	content: "\f081";
}

.share-links .print a {
	left: 100px;
}


.share-links .font-size a {
	left: 100px;
}

.share-links .font-size a:after {
	content: "\f042";
}*/

.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6 {
    font-weight: 400;
	color: #333;
	margin: 16px 0;
}


.entry {
    -ms-word-wrap: break-word;
    word-wrap: break-word;

}

.entry .read-more {
    text-align: right;
}
.entry iframe,
.entry audio,
.entry video,
.entry .video-container {
    margin-bottom: 16px;
}
/* table */

.entry table {
    margin-bottom: 16px;
    width: 100%;
}
.entry table tr:nth-child(even) {
    background: #f9f9f9;
}
.entry table td {
    border: 1px solid #EEE;
    padding: 5px;
}
.entry table th {
    font-weight: 600;
    padding: 10px 5px;
}
.entry .images {
    width: 150px;
    float: left;
    margin: 0 16px 0 0;
    padding: 0 0;
    display: block;
}
.entry .images.shortcode {
	width: auto;
	float: none;
	margin: 0 0 16px 0;
	border-top: 1px solid #EEE;
	border-bottom: 1px solid #EEE;
	padding: 5px 0;
}

.entry .images div {
    padding: 0;
    margin: 0;
    position: relative;
}

.entry .images.shortcode div.image {
	width: 180px;
	float: left;
	margin: 0 10px 0 0;
}

.entry .images.shortcode div.image-descriptions {
	font-size: 12px;
	color: #595959;
}

.entry .images div a {
    display: block;
}
.entry .images div img {
    border-radius: 2px;
}
.entry .images div span.description {
    padding: 5px;
    background-color: white;
    opacity: 0.8;
    font-size: 8px;
    line-height: 1;
    z-index: 2;
    color: #333;
    position: absolute;
    bottom: 7px;
    left: 0px;
    overflow: hidden;
}
.entry .images.inline {
    width: 100%;
    float: none;
}
.entry .images.inline div {
    position: relative;
    width: 150px;
    height: 150px;
    list-style: none;
    display: inline-block;
    padding: 0;
    margin: 0 10px 10px 0;
}
.entry .images.inline div:last-child {
    margin: 0 0;
}

.entry .attachments {
    margin: 0 0 16px;
    padding: 0;
    border: 1px solid #EEE;
    border-radius: 2px;
    clear: both;
}
.entry .attachments > div {
    list-style: none;
    padding: 6px 10px;
    margin: 0;
    border-bottom: 1px solid #EEE;
}
.entry .attachments > div:last-child {
    border-bottom: 0;
}
.entry .attachments > div div.description {
    font-size: 12px;
    color: #555;
}
.entry .attachments > div div.filemeta {
    color: #333;
    font-size: 12px;
}
.entry .attachments > div div.filemeta span {
    display: inline-block;
    margin: 0 10px 0 0;
    color: #333;
}

.content .newsletter-wrapper {
	border: 1px solid #EEE;
	padding: 20px;
	font-size: 12px;
	margin-bottom: 16px;
}

.entry .toc { background-color: white; width: 280px; margin: 0 0 1em 20px; padding: 0; float: right;  border: 1px solid #EEE; list-style: none; }
.entry .toc li { border-bottom: 1px solid #EEE; }
.entry .toc li a { display: block; padding: 5px 10px; font-size: 14px; }
.entry .toc li.level-h2 { font-weight: 700; }
.entry .toc li.level-h3 a { padding: 5px 10px 5px 30px; }

.entry .toc2 { float: none; margin-left: 0; }

.sidebar {
    /*padding-bottom: 20px;*/
    position: relative;
    float: right;
}
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed,
.video-container video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.image-container {
    position: relative;
}
.image-container img {
    display: block;
    width: 100%;
    height: auto;
}
.image-caption {
    background: rgba(0, 0, 0, 0.7);
    color: white;
    font-size: 13px;
    line-height: 1.3em;
    font-style: italic;
    padding: 8px 10px;
    position: absolute;
    bottom: 8px;
    left: 8px;
    margin-right: 8px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.4), 0 1px 0 rgba(255, 255, 255, 0.03);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.4), 0 1px 0 rgba(255, 255, 255, 0.03);
}
.page-title h1, .page-title h2 {
    border-bottom: 1px solid #CCC;
    margin-bottom: 30px;
    padding-bottom: 15px;
}
/* ------------------------------------ */

.page-image {
    overflow: hidden;
    position: relative;
    margin: 0 0 30px 0;
}
.page-image-text {
    position: absolute;
    top: 50%;
    margin-top: -35px;
    width: 100%;
    text-align: center;
}
.page-image-text .caption {
    color: white;
    font-size: 44px;
    line-height: 70px;
    text-transform: uppercase;
    font-weight: 600;
    text-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
}
.page-image-text .description {
    display: block;
    color: white;
    font-size: 15px;
    line-height: 36px;
}
.page-image-text .description i {
    background: rgba(0, 0, 0, 0.7);
    opacity: 0.9;
    font-style: normal;
    padding: 6px 10px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}
.home .wp-post-image {
    box-shadow: none;
    border: 0;
}
.wp-post-image {
    border: 1px solid #EEE;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 4px;
}
.section-wrapper {
	position: relative;
}
.single .section-wrapper {
    border: 0;
    padding: 0;
}
.single .section-wrapper article .post-inner {
    border: 1px solid #EEE;
    padding: 20px 20px 0;
}

.footer-grid2 .widget {
    width: 31.2%;
    margin-right: 3.2%;
    float: left;
    display: inline;
    position: relative;
}
.footer-grid2 .widget:last-child {
    width: 65.6%;
    clear: right;
    margin-right: 0!important;
}
.footer-grid3 .widget {
    width: 31.2%;
    margin-right: 3.2%;
    float: left;
    display: inline;
    position: relative;
	margin-bottom: 0;
}
.footer-grid3 .widget:last-child {
    clear: right;
    margin-right: 0!important;
}
.footer-grid4 .widget {
    width: 22.6%;
    margin-right: 3.2%;
    float: left;
    display: inline;
    position: relative;
}
.footer-grid4 .widget:last-child {
    clear: right;
    margin-right: 0!important;
}
#footer .widget_nav_menu ul {
    padding: 0;
    margin: 0
}
/*#footer .widget_nav_menu ul li {
    float: left;
    width: 48%;
    margin-right: 2%;
}
#footer .widget_nav_menu ul li:nth-child(even) {
    width: 48%;
    margin-right: 0;
}*/

#footer .widget_nav_menu ul#menu-jednostki-podlegle li {
    float: none;
    width: 100%;
}

#menu-na-skroty li:nth-last-child(-n+2) a {
    border-bottom: 0;
}
#menu-jednostki-podlegle li:last-child a {
    border-bottom: 0;
}

#footer {
	color: #EEE;
	font-size: 12px;
	/*background: url('images/bgheader.jpg') bottom center no-repeat #20252f;*/
	background-color: #20252f;
}

/* "Na skróty" i boks kontaktowy w stopce (odtworzone bez zależności od bazy danych) */
.ak-footer-box-title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0 0 12px;
	padding-bottom: 10px;
	border-bottom: 1px solid #465571;
	color: #fff;
	font-size: 20px;
	font-weight: 400;
}
.ak-footer-box-icon { flex: 0 0 auto; color: #fff; }
.ak-footer-box-icon svg { display: block; width: 22px; height: 22px; }
#menu-na-skroty { list-style: none; margin: 0; padding: 0; }
#menu-na-skroty li { border-bottom: 1px solid #354b72; }
#menu-na-skroty li:last-child { border-bottom: 0; }
#menu-na-skroty li a { display: block; padding: 10px 0; color: #cfd5e0; text-decoration: none; }
#menu-na-skroty li a:hover, #menu-na-skroty li a:focus { color: #fff; text-decoration: underline; }

.ak-footer-contact-row {
	display: flex;
	align-items: stretch;
	background: #fff;
	color: #20252f;
}
.ak-footer-contact-pin {
	flex: 0 0 48px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #191f2b;
	color: #fff;
}
.ak-footer-contact-pin svg { width: 20px; height: 20px; }
.ak-footer-contact-text { padding: 14px 16px; font-size: 13px; line-height: 1.6; }
.ak-footer-contact-text a { color: #20252f; }

/* "Kompas Jutra" / "Praca dla nauczycieli" style widgets (AK_Category_Posts_Widget, AK_Banner_Widget) */
.widget > .ak-cat-widget-header { margin: 0; padding: 0; display: flex; align-items: stretch; }
.ak-cat-widget-title,
.widget h2.ak-cat-widget-title { flex: 1 1 auto; margin: 0; padding: 15px 16px; background: #191f2b; color: #fff; font-family: Georgia, 'Times New Roman', serif; font-size: 19px; font-weight: 400; line-height: 1.3; display: flex; align-items: center; }
.ak-cat-widget-title:after,
.widget h2.ak-cat-widget-title:after { content: none !important; display: none !important; width: 0 !important; background: none !important; }
.ak-cat-widget-icon { flex: 0 0 58px; display: flex; align-items: center; justify-content: center; background: #354b72; color: #fff; }
.ak-cat-widget-icon svg { width: 24px; height: 24px; }
.widget > .ak-cat-widget-body { padding: 4px 15px 12px; background: #fff; }
.ak-cat-widget-item { padding: 14px 0; border-bottom: 1px solid #eee; }
.ak-cat-widget-item:last-child { border-bottom: 0; padding-bottom: 4px; }
.ak-cat-widget-date { display: flex; align-items: center; gap: 6px; margin: 0 0 8px; color: #767676; font-size: 13px; }
.ak-cat-widget-date svg { width: 14px; height: 14px; flex: 0 0 auto; }
.ak-cat-widget-item-title { margin: 0 0 8px; font-family: Georgia, 'Times New Roman', serif; font-size: 19px; font-weight: 400; line-height: 1.3; }
.ak-cat-widget-item-title a { color: #1b1b1b; }
.ak-cat-widget-item-title a:hover, .ak-cat-widget-item-title a:focus { color: #354b72; }
.ak-cat-widget-excerpt { margin: 0 0 8px; color: #6b7280; font-size: 14px; }
.ak-cat-widget-more { display: block; text-align: right; font-size: 13px; }
.widget > .ak-cat-widget-showmore { display: block; margin: 0; padding: 13px 15px; background: #191f2b; color: #fff; text-align: center; font-weight: 700; font-size: 14px; }
.widget > .ak-cat-widget-showmore:hover, .widget > .ak-cat-widget-showmore:focus { background: #354b72; color: #fff; text-decoration: none; }
.widget > .ak-banner-widget-body { padding: 12px; background: #fff; }
.ak-banner-widget-body a { display: block; }
.ak-banner-widget-body img { display: block; width: 100%; height: auto; }



#footer-widgets {
	max-width: 1180px;
	width: 100%;
	margin: 16px auto;
	padding: 16px 0;
}

#footer-bottom {
	max-width: 1180px;
	width: 100%;
	margin: 16px auto;
	padding: 16px 0;
	border-top: 1px solid #2b3d5d;
}

#footer a {
	color: #EEE;

}

#footer a:hover {
	color: #c2d8f4;
}

#footer .widget h2 {
    font-size: 18px;
	background-color: transparent;
	padding: 15px 20px 15px 0;
	border-bottom: 1px solid #2b3d5d;
	margin-bottom: 16px;
}

#footer .widget h2::after { background-color: transparent; }
/*  post : custom loop
/* ------------------------------------ */

article.hentry:hover .bg {
	display: block;
}


article.hentry div.date {
    color: white;
    background-color: crimson;
    display: inline-block;
    margin-left: 20px;
    padding: 8px 10px;
	right: 0;
	top: -30px;
	position: absolute;
    font-size: 12px;
    font-weight: 400;
    height: 35px;
	font-family: 'Roboto Slab', 'Trebuchet MS';
}

/* BIP Info */
article.hentry .article-meta {
    border: 1px solid #EEE;
    margin: 0 0;
    padding: 10px 20px;
	background-color: #F5F5F5;
	border-radius: 2px;
}
.article-meta a { color: cornflowerblue; font-size: 16px; font-weight: 700; letter-spacing: 0px; }
.article-meta a:before { content: "\f067"; font-family: "FontAwesome"; font-size: 16px; display: inline-block; padding: 6px; font-weight: 400; }
.article-meta table { display: none; border: 0; }
.article-meta table tr th, .article-meta table tr td { background-color: #F5F5F5; border: 0; border-bottom: 1px solid #DDD; font-weight: 400; font-size: 14px; }
.article-meta table tr:last-child th, .article-meta table tr:last-child td { border-bottom: 0; }


article.hentry .post-thumbnail {
    width: 180px;
    height: auto;
    float: left;
    margin: 5px 16px 10px 0;
}

article.hentry .post-thumbnail.medium {
    width: 280px;
    height: auto;
    float: left;
    margin: 10px 16px 10px 0;
}


article.colr-2 .post-thumbnail.medium,
article.colr-2 .post-thumbnail.large,
article.colr-3 .post-thumbnail.medium,
article.colr-3 .post-thumbnail.large {
    width: 100%;
    max-width: 100%;
    margin: 0 0 10px;
    height: auto;
}

main article.colr-2 {
    margin-right: 3.2%;
    float: left;
    display: inline;
    position: relative;
	width: 48.4%;
}

main article.colr-3 {
    margin-right: 3.2%;
    float: left;
    display: inline;
    position: relative;
	width: 31.2%;
}

.last {
	margin-right: 0;
}

.post-break { border-bottom: 1px solid #EEE; margin-bottom: 30px; }

.content .widget h2 {
    background-color: transparent;
    color: black;
    font-weight: 400;
    padding: 15px 10px 15px 15px;
    font-size: 28px;
    position: relative;
    border-bottom: 1px solid #EEE;
}

.content .widget h2:after { content: ""; top: 16px; left: 0px; right: auto; width: 8px; height: 34px; }


article.hentry {
    /*border-bottom: 1px solid #EEE;*/
    padding-top: 30px;
    padding-bottom: 30px;
    margin-bottom: 0;
	position: relative;
}

article.custom {
    /*border-bottom: 1px solid #EEE;*/
    padding-top: 0px;
    margin-bottom: 0;
	position: relative;
}

article.colr-1 {
	background: url('images/post-shadow.jpg') bottom center no-repeat transparent;
}

main article.hentry:last-child {
	border-bottom: 0;
}

article.hentry:last-child {
    border-bottom: 0;
    margin-bottom: 0px;
}

article.hentry .post-inner {
    height: 100%;
}
.post-list .post-thumbnail {
    width: 150px;
    height: 150px;
    float: left;
    margin-right: 16px;
    margin-bottom: 10px;
}
.post-list article {
    border-bottom: 1px solid #EEE;
    padding-bottom: 30px;
    margin-bottom: 30px;
}
.post-list article:last-child {
    border-bottom: 0;
    margin-bottom: 0px;
}
.post-list article .post-inner {
    height: 100%;
}
.post-list article .post-title {
    font-size: 20px;
    line-height: 20px;
}
.post-hover:hover .post-thumbnail {
    opacity: 0.75;
}
.post-hover:hover .post-title a {
    color: #3b8dbd;
}
.post-hover:hover .thumb-icon {
    background: white;
    color: #111;
}
.post-thumbnail {
    width: 100%;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    transition: all 1s ease;
    position: relative;
    margin-bottom: 16px;
}
.post-thumbnail img {
    display: block;
    width: 100%;
    height: auto;
}
.post-meta {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 400;
    color: #bbb;
    margin-bottom: 5px;
}
.post-meta .post-category {
    float: left;
    margin-right: 6px;
}
.post-meta .post-date {
    float: left;
}

.content .post-title, 
.post-title {
    color: #444;
    font-weight: normal;
    font-family: 'Roboto Slab', 'Trebuchet MS';
    margin-top: 0;
    margin-bottom: 16px;
    font-weight: 400;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    
}
.post-title strong {
    font-weight: 600;
}
.post-title i {
    font-style: italic;
}
.post-title a {
    color: #444;
}
.post-title a:hover {
    color: #3b8dbd;
}
.single .post-inner .post-thumbnail {
    margin-bottom: 32px;
}
.post-byline {
    font-size: 14px;
    font-weight: 400;
    color: #aaa;
    text-transform: uppercase;
    margin-bottom: 16px;
}
.entry.share {
    padding-right: 100px;
    min-height: 354px;
    /* share buttons height */
    position: relative;
}
.entry.share .entry-inner {
    float: left;
    width: 100%;
}
.post-pages {
    font-weight: 600;
    margin-bottom: 20px;
}
.post-tags {
    margin-bottom: 40px;
}
.post-tags span {
    font-size: 14px;
    color: #999;
    display: inline-block;
    margin: 0 7px 0 0;
}
.post-tags a {
    background: #f2f2f2;
    display: inline-block;
    line-height: 16px;
    white-space: nowrap;
    font-size: 12px;
    color: #333;
    padding: 3px 7px;
    margin: 0 5px 2px 0;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}
.post-tags a:hover {
    background-color: #265977;
    color: white;
}

.relatedposts {
    width: 100%;
    margin: 0 0 30px 0;
	padding: 0;
}
.relatedposts h2 { font-size: 18px; margin: 0 0 16px; }
.relatedposts ul { 
	list-style: none;
	padding: 0;
	margin: 0;
}

.relatedposts ul li {
    margin: 0;
    float: left;
    width: 31.8%;
	margin-right: 2%;
	position: relative;
	height: 146px;
	overflow: hidden;
	border: 1px solid #EEE;
}

.relatedposts ul li:last-child {
	margin-right: 0;
}

.relatedposts ul li img {
    margin: 0;
    padding: 0;
	border: 0;
}

.relatedposts ul li a {
    color: #333;
    text-decoration: none;
    display: block;
    padding: 4px;
	position: absolute;
	bottom: 0px;
	left: 0;
	background-color: white;
	width: 100%;
}


.single article .relatedposts {
	float: right;
	width: 270px;
	margin: 0 0 30px 30px;
}

.single article .relatedposts ul li {
	margin: 0;
	float: none;
	width: 100%;
	margin-bottom: 10px;
	position: relative;
	height: auto;
	overflow: auto;
	border-bottom: 1px solid #EEE;
	padding: 4px;
}

.single article .relatedposts ul li a { position: relative; top: 0; right: 0; padding: 0; }
.single article .relatedposts ul li p { margin: 0; font-size: 14px; }

.job-details table caption { text-align: left; font-weight: 700; margin: 0 0 10px; }
.job-details table tr th {  }
.job-details table tr th:first-child { width: 20%; }

.tjosearchform .content table caption { text-align: left; font-weight: 700; margin: 0 0 10px; }


.tjosearchform fieldset {
    border: 0;
    background-color: #212f48;
    padding: 1em;
    margin: 0 0 1em;
    color: #FFF;
    border-radius: 2px;
}
.tjosearchform legend {
    border: 0;
    padding: 0;
    color: #212f48;
}
.tjosearchform input, .tjosearchform select {
    border: 0;
    padding: 8px 10px;
}

.tjosearchform input[type="submit"] {
    background: crimson;
    border: 0;
    text-decoration: none;
}

.tjosearchform input[type="submit"]:hover, input[type="submit"]:focus {
    background: #e6af4b;
    border: 0;
    text-decoration: none;
}

.atj-extended a { 
	color: #fff;
	text-align: center;
	display: block;
	text-transform: uppercase;
	font-weight: 600;
	overflow: hidden;
	padding: 10px 0 30px;
	position: relative;
}

.atj-extended a span {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    padding: 0 20px;
}

.atj-extended a span::before, .atj-extended a span::after {
    content: '';
    width: 1000px;
    height: 1px;
    background-color: #7b94b1;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
}

.atj-extended a span::after {
    right: -1000px;
}

.atj-extended a span::before {
    left: -1000px;
}

.atj-extended a:after {
	font-family: "FontAwesome";
	content: "\f078";
	position: absolute;
	height: 30px;
	line-height: 30px;
	width: 30px;
	bottom: 0px;
	left: 50%;
	margin-top: -15px;
	margin-left: -15px;
}

.atj-extended a.open:after {
	content: "\f077";
}

.atj-extended-wrapper { display: none; }

.widget {
    overflow: hidden;
}
.widget ul {
    margin: 0;
    padding: 0
}
.widget ul li {
    list-style: none;
}
.widget > h3 {
    font-size: 15px;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 6px;
}
.widget > h3 a,
.widget > h3 a:hover {
    color: #444;
}
.widget > h3 a img {
    display: none;
    float: left;
    margin: 3px 7px 0 0;
}
.widget select {
    border: 1px solid #ddd;
    color: #555;
    font-size: 15px;
    padding: 7px;
    width: 100%;
    max-width: 100%;
}
.category-menu ul ul {
    margin: 0 0 0 20px;
}
.widget-line {
    position: relative;
    background: #EEE;
    border: 2px solid #EEE;
    margin-bottom: 30px;
}
.widget-line:after {
    top: -2px;
    right: 0px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    border-top-color: white;
    border-width: 10px;
    margin-left: -10px;
    z-index: 2;
}
.widget-line:before {
    top: 0;
    right: -3px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    border-top-color: #EEE;
    border-width: 13px;
    margin-left: -13px;
    z-index: 1;
}

.videos-focus .widget-line {
    position: relative;
    background: orange;
    border: 2px solid orange;
    margin-bottom: 30px;
}
.videos-focus .widget-line:before {
    border-color: #EEE;
    border-top-color: orange;
}
.widget_recent_entries .post-date:before,
.widget_rss .rss-date:before,
.widget_nav_menu ul li a:before,
.widget_pages ul li a:before {
    font-family: FontAwesome;
    margin-right: 6px;
    color: #888;
    display: inline-block !important;
    width: 16px;
    text-align: center;
}
.widget_archive ul li,
.widget_categories ul li,
.widget_links ul li,
.widget_meta ul li,
.widget_recent_comments ul li,
.widget_recent_entries ul li,
.widget_teacher_job ul li,
.widget_rss ul li,
.widget_pages ul li,
.widget_nav_menu ul li {
    padding: 8px 0;
    border-bottom: 1px solid #EEE;
}
.widget_nav_menu ul li a:before,
.widget_pages ul li a:before {
    /*content: "\f101";*/
}

.widget_recent_entries ul li h3 {
    color: #000;
	line-height: 1.2;

	font-size: 18px;
}

.widget_recent_entries ul li a {
    color: #000;
}

.widget_recent_entries .post-thumbnail {
    width: 80px;
    float: left;
    margin: 4px 10px 2px 0;
}
.widget_recent_entries .post-excerpt {
    color: #555;
    margin: 16px 0;
}
.widget_recent_entries .post-date {
    line-height: 24px;
    padding: 6px 0;
    display: block;
    font-size: 14px;
}
.widget_recent_entries .post-date:before {
    content: "\f017";
}
.widget_recent_entries .read-more {
    float: right;
}
.widget_recent_entries .read-more a {
    background-color: white;
    border: 1px solid #EEE;
    color: #555;
    text-transform: uppercase;
    font-size: 0.750em;
    padding: 8px 10px;
    display: inline-block;
}
.widget_recent_entries .read-more a:hover, .widget_recent_entries .read-more a:focus {
    background-color: crimson;
    color: white;
    border: 1px solid #b5303e !important;
}

.widget_teacher_job .details { color: #595959; text-align: right; font-size: 0.850em; }

.widget_rss ul li a {
    color: #000;
}
.widget_rss .rssSummary {
    color: #595959;
    margin: 16px 0 0;
}
.widget_rss .rss-date {
    display: block;
    font-size: 0.850em;
	float: right;
}
.widget_rss .rss-date:before {
    content: "\f017";
}
.widget_pages ul li a,
.widget_nav_menu ul li a {
    display: block;
}
.widget_pages li li a,
.widget_nav_menu li li a {
    padding-left: 15px;
}
.widget_pages li li li a,
.widget_nav_menu li li li a {
    padding-left: 30px;
}
.widget_pages ul ul,
.widget_pages ul ul ul,
.widget_nav_menu ul ul,
.widget_nav_menu ul ul ul {
    border: 0;
}
.widget_calendar a {
    font-weight: 400;
    display: block;
}
.widget_calendar #wp-calendar {
    width: 100%;
}
.widget_calendar caption {
    background: #212f48;
    color: white;
    padding: 8px 10px;
	font-weight: bold;
	text-transform: uppercase;
}
.widget_calendar caption:before {
    color: white;
    font-size: 15px;
}
.widget_calendar thead {
    background: #EEE;
    -webkit-box-shadow: 0 1px 0 #ddd;
    box-shadow: inset 0 -1px 0 #ddd;
}
.widget_calendar th {
    font-weight: 600;
}
.widget_calendar th,
.widget_calendar td {
    padding: 6px 0;
    text-align: center;
    border: 1px solid #EEE;
}
.sidebar .widget_boom { }
.widget_boom ul li { text-align: center; }
.widget_boom a { display: block; padding: 10px 0px; margin: 0px auto 10px auto; border: 1px solid #EEE; }
.widget_boom a:hover { border: 1px solid #2c3b51; }


.google-map {
    overflow: visible;
}
.map {
    position: relative;
}
.place-card {
    display: none !important;
}
.map .map-marker {
    background: white;
    border: 1px solid #EEE;
    position: absolute;
    bottom: 0px;
    left: 0;
    z-index: 10;
    width: 100%;
}
.sidebar .map .map-marker { left: 0; bottom: 0; }
.map .map-marker .point {
    background-color: #2c3b51;
    color: white;
    display: inline-block;
    height: 100%;
    font-size: 28px;
    min-height: 20px;
    float: left;
    margin-right: 10px;
    padding: 2px 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.map .map-marker .address {
    font-size: 12px;
    line-height: 17px;
    padding: 7px 5px 6px;
    color: #555;
}
.map .map-marker .address p {
    margin: 0;
}

.table-of-contents:before {
	content: 'Spis treści';
	position: absolute;
	font-size: 16px;
	font-weight: 400;
	top: -15px;
	left: 20px;
	color: #333;
	background-color: #EEE;
	display: inline-block;
	padding: 5px 10px;
}

.table-of-contents {
	margin: 32px 0 16px;
	padding: 20px 40px;
	border: 1px solid #EEE;
	position: relative;
}

.table-of-contents li {
	border-bottom: 1px solid #EEE;
	padding: 10px 0px;
}

.table-of-contents li:last-child {
	border-bottom: 0;
}


.table-row { border-bottom: 1px solid #EEE; padding: 6px 0; }
.table-row .table-row-heading { display: inline-block; width: 150px; }
.table-row .table-row-value { display: inline-block; margin-left: 50px; }

/*.sidebar .sidebar-menu ul, .sidebar .widget_nav_menu ul {
	border: 1px solid #EEE;
}
.sidebar .sidebar-menu ul li a, .sidebar .widget_nav_menu ul li a{ display: block; padding: 10px 30px; color: #333; background-color: #FAFAFA; }
.sidebar .sidebar-menu ul li a:hover, .sidebar .sidebar-menu ul li a:focus, .sidebar .widget_nav_menu ul li a:hover, .sidebar .widget_nav_menu ul li a:focus { color: #555; box-shadow: inset 0 0 10px #e2e2e2; }
.sidebar .sidebar-menu ul li:last-child a, .sidebar .widget_nav_menu ul li:last-child a { border-bottom: 0; }
*/

/* Pagination */

.pagination {
    margin: 0 0 30px 0;
}
.pagination ul {
    margin: 0;
    padding: 0;
}
.pagination li a,
.pagination li a:hover,
.pagination li.active a,
.pagination li.disabled {
    color: #333;
}
.pagination li {
    display: inline-block;
    list-style: none;
}
.pagination li a,
.pagination li a:hover,
.pagination li.active a,
.pagination li.disabled {
    padding: 12px;
    padding: 0.5em;
}
.pagination li a:hover,
.pagination li.active a {
    color: #000;
	font-weight: 700;
}

/* Post Navigation
.post-nav { margin: 0; padding: 0; list-style: none; border-top: 1px solid #EEE; }
.post-nav .next { float: left; }
.post-nav .previous { float: right; }
.post-nav .fa { font-size: 32px; padding: 5px 10px; border: 1px solid #EEE; border-top: 0; }*/

/* Post Navigation */
.post-nav {
	margin: 0;
	padding: 0;
	list-style: none;
	border-top: 1px solid #EEE;
	position: absolute;
	width: 76px;
	height: 40px;
	top: -30px;
	margin: 0 auto;
	left: 140px;
}
.post-nav .next { float: left; }
.post-nav .previous { float: right; }
.post-nav .fa { font-size: 20px; padding: 5px 10px; border: 1px solid #EEE; border-top: 0; color: black; border-top: 0px; }


.oldBrowser {
    background-color: white;
    border-bottom: 1px solid #EEE;
    box-shadow: 0 2px 2px #EEE;
    width: 100%;
}
.oldBrowser .browser-wrapper {
    padding: 20px;
	max-width: 1180px;
	min-width: 300px;
	width: 100%;
	margin: 0 auto;
}

/* .youtube-container { display: block; margin: 20px auto; width: 100%; max-width: 600px; }
.youtube-wrapper { display: block; width: 100%; padding-bottom: 56.25%; overflow: hidden; position: relative; width: 100%; height: 100%; cursor: hand; cursor: pointer; display: block; }
.youtube-wrapper p { position: absolute; bottom: 0; background-color: white; padding: 10px 0px; margin: 0 0; width: 100%; }
img.youtube-thumb { bottom: 0; display: block; left: 0; margin: -80px auto 0 auto; max-width: 100%; width: 100%; position: absolute; right: 0; top: 0; height: auto }
div.play-button { height: 445px; width: 445px; left: 30%; top:6%; margin-left: -36px; margin-top: -36px; position: absolute; background: url("images/play.png") no-repeat; }
#youtube-iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }*/


.youtube-wrapper span.video-icon {
    position: absolute;
    z-index: 2;
    overflow: hidden;
    left: 26%;
    top: 5%;
    font-size: 400px;
    line-height: 400px;
    color: white;
}

.jo-420 { display: none; }



/* ====================================================================================================================
 * RESPONSIVE
 * ====================================================================================================================*/
@media screen and (max-width: 1100px) {

    #footer { padding: 10px 10px; }
}
@media screen and (max-width: 900px) {
	
	
    .featured .left-col {
        float: none;
        min-width: 180px;
        max-width: 1000px;
        height: auto;
    }
    .featured .right-col {
        float: none;
        overflow: hidden;
        width: 100%;
        max-width: 100%;
        height: 160px;
        position: absolute;
        right: 0;
        bottom: 0;
        background: transparent;
        color: white;
    }
    .featured .right-col time {
        color: white;
        background: url('images/opacity-10.png') top left repeat transparent;
    }
    .featured .right-col h3 {
        color: white;
        background: url('images/opacity-10.png') top left repeat transparent;
    }
    .featured .right-col .excerpt {
        display: none;
    }
    .featured .read-more {
        position: absolute;
        bottom: 10px;
    }
    .featured .read-more a {
        background-color: white;
        border: 0;
        color: #000;
        line-height: 24px;
        text-transform: uppercase;
        font-size: 0.75em;
        padding: 5px 10px;
        display: inline-block;
    }
    .flex-control-nav,
    .flex-pauseplay,
    .flex-pauseplay a {
        bottom: 10px;
    }
}
@media screen and (max-width: 920px) {
    body,
    button,
    input,
    select,
    textarea {
        font-size: 14px;
    }
	.videos-focus h3 {
		font-size: 14px;
	}
}
@media screen and (max-width: 500px) {
	.search-form .search-input {
		width: 72%;
	}
    .news-focus article {
        float: none;
        margin-right: 0;
        clear: both;
        width: 100%;
        display: block;
    }
    .news-focus img {
        width: 100%;
    }
    .news-focus article footer {
        position: relative;
        height: auto;
        border: 0;
        bottom: auto;
    }
    .news-focus article .excerpt {
        margin-bottom: 10px;
        padding: 0px 10px;
    }
}
@media screen and (max-width: 800px) {
	ul.top-menu { float: none; }
	
	.site-content, .site-header .container { padding: 0 10px; }
	
	.mobile {
		display: block;
		margin: 10px 0 0;
	}
	.mobile .search-submit-box { display: inline; }
	
	.widget_boom .grid,
    .content,
    .sidebar {
        float: none;
        clear: both;
        width: auto;
        display: block;
		margin: 0 0;
    }
	.single .section-wrapper article .post-inner {
		padding: 10px 10px 0px;
	}
	
	#footer .widget_nav_menu ul li:nth-child(2n) {
		width: 100%;
		margin-right: 0px;
	}
	
    #footer .widget_nav_menu ul li {
        float: none;
        width: 100%;
        margin-right: 0;
    }

    .footer-grid3 .widget {
        width: 100%;
        float: none;
        clear: both;
    }
	
	
    .menu-toggle {
        display: block;
    }
    .menu-toggle:hover,
    .menu-toggle:focus {
        background-color: #eabc05;
        border: 0;
        text-decoration: none;
    }
    .menu-toggle:before {
        font-family: "FontAwesome";
        content: "\f054";
        content: '';
    }
    ul.primary-menu > li.expanded ul,
    ul.primary-menu > li.current-cat ul,
    ul.primary-menu > li.current-cat-parent ul {
        display: block;
    }
	
	#masthead .menu-wrapper {
		padding: 0 10px;
		position: absolute;
        z-index: 100;
		top: 100%;
		left: 0;
		width: 100%;
		box-sizing: border-box;
	}
	
	ul.primary-menu {
        background-color: #191f2b;
		width: 100%;
		border-top: 1px solid #243048;
    }
    ul.primary-menu li {
        display: block;
        color: white;
        float: none;
    }
    ul.primary-menu ul li {
        border-bottom: 0;
    }
    ul.primary-menu a {
        letter-spacing: 0px;
        color: white;
        padding: 10px 20px;
    }
    ul.primary-menu li .children-dropdown-toggle {
        font-size: 11px;
        height: 100%;
        width: 60px;
        position: absolute;
        right: 0px;
        top: 0px;
        cursor: pointer;
        color: white;
        padding-right: 20px;
        text-align: center;
        z-index: 12;
    }
    ul.primary-menu li .children-dropdown-toggle:before {
        font-family: "FontAwesome";
        content: "\f054";
        position: absolute;
        height: 30px;
        line-height: 30px;
        width: 30px;
        top: 20px;
        left: 50%;
        margin-top: -15px;
        margin-left: -15px;
    }
    ul.primary-menu > li.expanded .children-dropdown-toggle:before,
    ul.primary-menu > li.current-cat .children-dropdown-toggle:before,
    ul.primary-menu > li.current-cat-parent .children-dropdown-toggle:before,
    ul.primary-menu > li .children-dropdown-toggle:hover:before {
        content: "\f078";
    }
    ul.primary-menu > li > a {
        color: white;
        float: none;
		border-bottom: 1px solid #243048;
		border-top: 0;
		line-height: 35px;
    }
    ul.primary-menu > li > a:hover,
    ul.primary-menu > li > a:focus,
    ul.primary-menu > li > a:active {
        color: white;
    }
	
	ul.primary-menu > li.current-menu-item > a, 
	ul.primary-menu > li > a:active, 
	ul.primary-menu > li > a:focus, 
	ul.primary-menu > li > a:hover {
		background-color: #191f2b;
		border-top: 0;
		color: #FFF;
		border-bottom: 1px solid #243048;
		display: block;
	}
	
	
	
    ul.primary-menu > li.current-cat ul {
        display: block;
    }
    ul.primary-menu ul {
        position: relative;
        top: auto;
        left: auto;
        background-color: #212f48;
        width: 100%;
        padding: 10px 0px;
        z-index: 1;
        box-shadow: none;
        margin: 0px;
        opacity: 1;
        color: white;
        display: none;
        float: none;
    }
	
    ul.primary-menu li ul a {
        padding: 10px 20px;
        width: auto;
    }
	ul.primary-menu > li:first-child > a {
		padding: 10px 20px;
	}
	
	ul.primary-menu .current-menu-item > ul.sub-menu {
		display: block; 
	}

	ul.primary-menu ul > li.have-children ul {
		display: block; 
	}
	
	ul.primary-menu .current-menu-item > ul.children,
	ul.primary-menu .current-menu-ancestor > ul.sub-menu,
	ul.primary-menu .current-post-ancestor > ul.sub-menu {
		display: block; 
	}

	ul.primary-menu .current-menu-item > a,
	ul.primary-menu .current-post-parent > a,
	ul.primary-menu .current-cat-parent .current-cat > a {
		font-weight: bold; 
	}

    .flex-direction-nav .flex-prev {
        opacity: 1;
        left: 10px;
    }
    .flex-direction-nav .flex-next {
        opacity: 1;
        right: 10px;
    }
    .search-input-box {
        display: block;
        top: 0;
        z-index: 1;
        left: 0;
        height: 100%;
        width: 100%;
    }
	
	.videos-focus .first {
		float: none;
		display: block;
		clear: both;
		width: 100%;
	}
	.videos-focus .first iframe {  }
	.videos-focus .third {
		margin-top: 20px;
	}
	
}
@media screen and (max-width: 800px) {
    #top-navigation {
        float: none;
    }
	.menu-wrapper { display: none; }
}
@media screen and (max-width: 640px) {
	
	
	.post-break { border: 0; margin: 0px; }
	
	#footer .right {
   		float: none;
	}
	
	#top-navigation { margin-top: 0; }
	ul.top-menu li.social a { display: none; }
	#footer .inline { margin: 1em 0 0; display: block; }
	#footer .inline li { display: block; }
	
	header .search-wrapper { position: relative; top: auto; right: auto; }
	
	
	.header-logo-wrapper { display: block; width: 100%; margin-bottom: 1em; height: auto;  }
	.header-logo-image { width: 100%; position: relative; text-align: center; height: 96px; left: auto; top: auto; }
	.header-logo-title { width: 100%; position: relative; text-align: center; left: auto; top: auto; }
	
	header .search-input-box { padding: 0 0; width: 100%; }
	header .search-input-box .search-input { width: 100%; }
	header .search-input-box .search-submit { background-color: #212f48; line-height: 41px; } 	

	.alignleft, .alignright, .aligncenter {
		float: none;
		clear: both;
		margin: 0 0 10px 0;
	}
	p > a > .alignleft, p > a > .alignright, p > a > .aligncenter  {
		float: none;
		clear: both;
		margin: 0 0;
	}
	
	main article.colr-2, main article.colr-3 { width: 100%; float: none; margin: 0 0 1em 0; border-bottom: 1px solid #EEE; padding: 0 0 1em 0; display: block; }
	article.colr-2 .post-thumbnail.large, article.colr-2 .post-thumbnail.medium, article.colr-3 .post-thumbnail.large, article.colr-3 .post-thumbnail.medium {
		width: 200px;
		max-width: 100%;
		margin: 0 10px 10px 0;
		height: auto;
	}
	
	article.hentry .post-thumbnail {
		width: 100px;
		height: 100px;
	}
	.entry .images {
		width: 100%;
		margin: 0 0;
	}
	
	.entry .images > div {
		width: 100%;
		height: auto;
		margin: 0 0;
	}
	.entry .images div span.description {
		bottom: 0;
		font-size: 8px;
	}
	
	.entry .images.shortcode div.image {
		width: 100%;
		float: none;
		margin: 0 0 5px 0;
	}
		
	.entry .images.shortcode div.image-descriptions {
		font-size: 12px;
		font-size: 0.750em;
		border-bottom: 1px solid #EEE;
		color: #595959;
	}
	
	article.hentry div.date {
		float: none;
		display: block;
		color: #333;
		margin: 0;
		width: auto;
		text-align: right;
		background: none;
		position: relative;
		right: auto;
		top: auto;
	}
	
	.videos-focus .play {
		width: 140px;
		height: 140px;
		background: url('images/play.png') 0 0 no-repeat transparent;
		background-size: 60% auto;
	}


}
@media screen and (max-width: 420px) {
	
	.grid, .row > div {
		float: none;
		position: relative;
		display: block;
	}
	.row > div {
		margin: 0 0 1em 0;
	}
	
	.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10 {
		width: 100%
	}
	
	th.jo-hours,
	th.jo-city,
	th.jo-date,
	td.jo-hours,
	td.jo-city,
	td.jo-date {
		display: none; 
	}
	
	.jo-420 { display: block; }
	
	.search-form .search-input {
		width: 66%;
	}
	.header-logo-title {  }
    .featured h3 {
		font-size: 16px;
        line-height: 1;
        margin: 10px 0;
    }
    .flex-control-nav {
        display: none;
    }
    ul.primary-menu ul li {
        display: block;
        width: 100%;
        padding: 0px;
        float: none;
    }
	article.colr-2 .post-thumbnail.large, article.colr-2 .post-thumbnail.medium, article.colr-3 .post-thumbnail.large, article.colr-3 .post-thumbnail.medium {
		width: 100%;
		max-width: 100%;
		margin: 0 10px 10px 0;
		height: auto;
	}
    ul.primary-menu ul li:nth-child(2n) {
        float: none;
    }
    .search-submit-box {
        display: none;
    }
	.boom-section ul li { text-align: center; width: 100%; float: none; }
	.boom-section ul li:last-child { margin-left: 0; width: 100%; }
}

/* ====================================================================================================================
 * Print
 * ====================================================================================================================*/

@media print {
	#sidebar, .site-header, .footer  { display: none; }
	.content { width: 100%; margin: 0 0; }
}


.cookie-info { position: fixed; bottom: 0; background-color: white; padding: 10px; width: 100%; color: #000; text-align: center;	z-index: 9999; box-shadow: 0 0 4px #595959; display: none; }
.cookie-info .wrapper { max-width: 1180px; min-width: 280px; margin: 0 auto; font-size: 90%; color: #333; }
.cookie-info .wrapper button { float: right; border: 0; font-size: 90%; border-radius: 0; background: #333; box-shadow: none; color: white; text-shadow: none; padding: 3px 15px; cursor: pointer; line-height: 1.5; }

.bip-button {
	text-align: right;
	font-size: 13px;
	font-weight: bold;
}

.bip-info {
	border: 1px solid #EEE;
	border-radius: 2px;
	padding: 10px;
	margin: 16px 0;
	font-size: 13px;
	display: none;
}
.entry .bip-info p, .bip-info p { margin-bottom: 0px; }


.referer-page { display: none; }


/* Shortcodes */
div.infobox {
	border: 1px solid #EEE;
	padding: 20px;
	margin: 0 0 16px;
	color: red;
}

div.error {
	border: 1px solid red;
	padding: 20px;
	margin: 0 0 16px;
	color: red;
}

.infobox-close { float: right; }


.ppc-cat {
	list-style: none;
	padding: 0 0;
	margin: 0 0;
}

.ppc-cat li {
	margin: 0 2px 0 0;
	border-bottom: 1px solid #EEE;
	display: inline-block;

}

.ppc-cat li a {
	display: block;
	border: 1px solid #CCC;
	background: #EEE;
	padding: 15px 15px;
}

.ppc-cat li a:hover {
	background: green;
	color: white;
}


/* ====================================================================================================================
 * Accessibility
 * ====================================================================================================================*/

.font-large {
	font-size: 20px !important;
}

.contrast { 
	background-color: black;
}

.contrast * {
	color: yellow;
	background-color: black;
}

.contrast ul, .contrast ul li { background-color: transparent; }

.contrast a { color: yellow; }

.contrast .widget h2 { color: yellow; background-color: #000; border: 1px solid white; }
.contrast .widget h2::after { color: yellow; background-color: #000; border-left: 1px solid white; }
.contrast .sidebar .widget > ul, .contrast .sidebar .widget > div > ul, .contrast .sidebar .widget > .search-form, .contrast .sidebar .widget > .textwidget, .contrast.sidebar .widget > div.tagcloud { color: yellow; background: black; }

.contrast .switch-to-contrast span { color: white; }

.contrast .widget_recent_entries .post-excerpt, 
.contrast ul.primary-menu > li > a {
	color: yellow;
}

.contrast a:hover, .contrast a:focus {
	color: white;
	outline: 2px solid white;
}

.contrast ul.primary-menu ul {
	background-color: black;
	border: 1px solid white;
}

.contrast article.hentry div.date {
	color: black;
	background: white;
}

.contrast .featured .right-col  {
	color: yellow;
	background-color: black;
}

.contrast .search-input-box input.search-input { border: 1px solid white; background-color: white; color: black; }
.contrast .post-title a, .contrast .news-focus article h3 a, .contrast .widget_recent_entries ul li a { color: white; }

.contrast .featured .read-more a, .contrast .read-more-all a, .contrast .widget_recent_entries .read-more a {
	color: black;
	background-color: yellow;
}

.contrast .featured .read-more a:hover, .contrast .read-more-all a:hover, .contrast .widget_recent_entries .read-more a:hover {
	color: yellow;
	background-color: black;
}

.contrast .content h1, .contrast .content h2, .contrast .content h3, .contrast .content h4, .contrast .content h5, .contrast .content h6 {
    font-weight: 400;
    line-height: 16px;
    color: white;
}

.contrast ul.top-menu li a:before {
    color: white;
}
.contrast ul.top-menu li a:hover:before {
	color: yellow;
}

.contrast ul.primary-menu > li > a:hover, 
.contrast ul.primary-menu > li > a:focus, 
.contrast ul.primary-menu > li > a:active, 
.contrast ul.primary-menu > li.current-menu-item > a { color: white; background-color: black; }

.contrast #site-navigation { border: 1px solid #465571; border-left: 0; border-right: 0; }
.contrast #site-navigation, .contrast .container, .contrast .wrapper, .contrast .menu-wrapper, .contrast .primary-menu, .contrast .primary-menu a { background-color: transparent; }
.contrast article.colr-1 { background-color: transparent; background-image: none; }

.contrast .bip img { background-color: white; padding: 1px; }

#bbpress-forums ul.bbp-lead-topic, #bbpress-forums ul.bbp-topics, #bbpress-forums ul.bbp-forums, #bbpress-forums ul.bbp-replies, #bbpress-forums ul.bbp-search-results, #bbpress-forums, #bbpress-forums .bbp-forum-info .bbp-forum-content, #bbpress-forums p.bbp-topic-meta {
    font-size: 1em;
}
#subscription-toggle { float: right; }
#bbpress-forums div.wp-editor-container { border: 1px solid #EEE; }
