/*
 * XBOX Zone - Polska Strefa Xbox
 * Recreated from: Metro Magazine (wt_metro) by Well Themes v1.0.4
 * Original: http://xbox.com.pl (archived 2018-02-20)
 */

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600&subset=latin-ext');

/* ================================
   1. RESET & BASE
   ================================ */
*, *::before, *::after {
    box-sizing: border-box;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
}

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

body {
    font-family: "Open Sans", "Tahoma", "Verdana", "Arial", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.7;
    color: #535353;
    background: #F4F4F4;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Open Sans", "Tahoma", "Verdana", "Arial", sans-serif;
    color: #444;
    line-height: 1.35;
}

h1 {
    font-size: 30px;
    font-weight: 600;
    line-height: 36px;
    margin-bottom: 5px;
}

h2 {
    font-size: 20px;
    font-weight: 600;
    line-height: 40px;
}

h3 {
    font-size: 16px;
    font-weight: 600;
    line-height: 27px;
}

h4 {
    font-size: 14px;
    font-weight: 600;
}

h5 {
    font-size: 14px;
    font-weight: 400;
}

h6 {
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 400;
    color: #999999;
}

p {
    margin-bottom: 15px;
}

a:link {
    color: #464646;
    transition: color 0.3s linear 0s;
    text-decoration: none;
}

a:visited {
    color: #464646;
}

a:hover {
    color: #359BED;
}

:focus {
    outline: 0;
}

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

.clearfix {
    clear: both;
}

.clearfix::after {
    content: "";
    display: table;
    clear: both;
}

/* ================================
   2. LAYOUT
   ================================ */
#container {
    width: 1240px;
    margin: 0 auto;
    overflow: hidden;
}

#main {
    overflow: hidden;
}

#content {
    width: 640px;
    float: left;
    margin-right: 30px;
    overflow: hidden;
}

#left-sidebar {
    float: left;
    margin-right: 30px;
    overflow: hidden;
}

#right-sidebar {
    float: left;
    overflow: hidden;
}

.sidebar {
    width: 270px;
}

.one-half {
    width: 305px;
    margin-right: 30px;
    float: left;
}

.last-col {
    margin-right: 0;
}

.wp-post-image {
    display: block;
}

/* ================================
   3. HEADER
   ================================ */
#header {
    margin: 0px auto;
    background: #ffffff;
    margin: 30px 0;
    position: relative;
}

#header .wrap {
    overflow: hidden;
}

#header .logo {
    float: left;
    display: inline-block;
    width: 392px;
    height: 100px;
    margin-right: 30px;
    overflow: hidden;
}

#header .logo h1 {
    margin-bottom: 0px;
    display: inline-block;
    line-height: 1;
    font-size: 48px;
}

#header .logo img {
    display: block;
    max-height: 100px;
}

#header .date {
    width: 1px;
    color: #AEAEAE;
    float: left;
    margin-right: 30px;
    margin-top: 35px;
    font-size: 14px;
}

#header .search {
    width: 700px;
    float: right;
    margin-right: 30px;
    margin-top: 5px;
}

#header .social {
    max-width: 207px;
    float: right;
    margin-top: 22px;
}

#header .social ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#header .social ul li {
    float: left;
    margin-left: 5px;
}

#header .social ul li:first-child {
    margin-left: 0;
}

#header .social ul li a {
    display: block;
    float: left;
    height: 48px;
    width: 48px;
    text-indent: -999em;
    transition: all 0.3s;
    border-radius: 4px;
}

#header .social ul li a:hover {
    opacity: 0.8;
}

#header .social ul li a.twitter {
    background: #55ACEE url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M23.953 4.57a10 10 0 01-2.825.775 4.958 4.958 0 002.163-2.723c-.951.555-2.005.959-3.127 1.184a4.92 4.92 0 00-8.384 4.482C7.69 8.095 4.067 6.13 1.64 3.162a4.822 4.822 0 00-.666 2.475c0 1.71.87 3.213 2.188 4.096a4.904 4.904 0 01-2.228-.616v.06a4.923 4.923 0 003.946 4.827 4.996 4.996 0 01-2.212.085 4.936 4.936 0 004.604 3.417 9.867 9.867 0 01-6.102 2.105c-.39 0-.779-.023-1.17-.067a13.995 13.995 0 007.557 2.209c9.053 0 13.998-7.496 13.998-13.985 0-.21 0-.42-.015-.63A9.935 9.935 0 0024 4.59z"/></svg>') no-repeat center center / 24px;
}

#header .social ul li a.fb {
    background: #3B5998 url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"/></svg>') no-repeat center center / 24px;
}

#header .social ul li a.gplus {
    background: #DD4B39 url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M12 0C5.372 0 0 5.373 0 12s5.372 12 12 12c6.627 0 12-5.373 12-12S18.627 0 12 0zm3.5 14.5h-2v2c0 .276-.224.5-.5.5s-.5-.224-.5-.5v-2h-2c-.276 0-.5-.224-.5-.5s.224-.5.5-.5h2v-2c0-.276.224-.5.5-.5s.5.224.5.5v2h2c.276 0 .5.224.5.5s-.224.5-.5.5z"/></svg>') no-repeat center center / 24px;
}

#header .social ul li a.rss {
    background: #FF6600 url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M6.503 20.752c0 1.794-1.456 3.248-3.251 3.248-1.796 0-3.252-1.454-3.252-3.248 0-1.794 1.456-3.248 3.252-3.248 1.795.001 3.251 1.454 3.251 3.248zm-6.503-12.572v4.811c6.05.062 10.96 4.966 11.022 11.009h4.817c-.062-8.71-7.118-15.758-15.839-15.82zm0-8.18v4.819c12.951.115 23.363 10.528 23.478 23.181h4.522c-.115-15.692-12.808-28.378-28-28z"/></svg>') no-repeat center center / 20px;
}

/* ================================
   4. NAVIGATION MENU
   ================================ */
#main-menu {
    width: 100%;
    background: #333333;
    float: left;
    position: relative;
    z-index: 30;
    margin-top: 30px;
    height: 58px;
}

#main-menu ul {
    float: left;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    position: relative;
    z-index: 99;
}

#main-menu ul li {
    float: left;
    padding: 0px;
    margin: 0px;
    position: relative;
}

#main-menu ul li a {
    display: block;
    padding: 18px 22px;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
    color: #FFFFFF;
    transition: background 0.3s;
}

#main-menu .current-menu-item,
#main-menu .current_page_item,
#main-menu ul li a:hover {
    background: #359BED;
}

/* Submenu */
#main-menu ul li ul {
    display: none;
    position: absolute;
    padding: 0;
    background: #F2F2F2;
    margin-top: 0;
}

#main-menu ul li:hover > ul {
    display: block;
}

#main-menu ul li ul li {
    float: none;
    padding: 0px;
}

#main-menu ul li ul li a {
    padding: 12px 20px 12px 18px;
    display: block;
    width: 142px;
    text-align: left;
    height: auto;
    background: #EEEEEE;
    font-size: 14px;
    font-weight: 400;
    border-bottom: 1px solid #CCC;
    color: #333333;
    text-transform: none;
}

#main-menu ul li ul li:hover a {
    color: #000000;
    background: #E0E0E0;
}

/* Home icon */
#main-menu .menu-item-home {
    width: 80px;
}

#main-menu .menu-item-home a {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z"/></svg>') no-repeat 50% 50% / 24px;
    text-indent: -999em;
    display: block;
}

#main-menu .menu-item-home a:hover {
    background: #359BED url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z"/></svg>') no-repeat 50% 50% / 24px;
}

#main-menu a.sf-with-ul {
    padding-right: 25px;
    min-width: 1px;
}

/* ================================
   5. SLIDER
   ================================ */
#wt-slider {
    overflow: hidden;
    position: relative;
    z-index: 1;
    margin-bottom: 30px;
}

#wt-slider .flex-viewport {
    max-height: 630px;
    transition: all 1s ease 0s;
}

#wt-slider .slides {
    list-style: none;
    margin: 0;
    padding: 0;
}

#wt-slider .slides li {
    position: relative;
}

#wt-slider .attachment-wt-slider-img {
    width: 640px;
    height: 320px;
    display: block;
    background: #359BED;
    object-fit: cover;
}

#wt-slider .slider-text {
    background: #333333;
    height: 80px;
    padding: 5px 20px 15px;
    color: #FFFFFF;
}

#wt-slider .slider-text .wrap {
    width: 575px;
}

#wt-slider .slider-text h3 {
    display: block;
    margin-bottom: 7px;
}

#wt-slider .slider-text h3 a,
#wt-slider .slider-text h2 a {
    color: #FFFFFF;
}

#wt-slider .slider-text p {
    margin-bottom: 0;
    color: #ccc;
}

#wt-slider .slider-nav {
    bottom: 0px;
    display: inline-block;
    position: absolute;
    right: 0px;
    z-index: 2;
    background: #359BED;
    height: 100px;
    width: 40px;
}

#wt-slider .slider-nav .flex-direction-nav {
    margin-top: 18px;
    overflow: hidden;
    width: 14px;
    margin-left: 12px;
    list-style: none;
    padding: 0;
}

#wt-slider .slider-nav li {
    float: left;
}

#wt-slider .slider-nav a {
    display: inline-block;
    height: 30px;
    overflow: hidden;
    text-indent: -999em;
    transition: all 0.3s ease 0s;
    width: 14px;
    color: white;
}

#wt-slider .slider-nav .flex-prev {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M7 14l5-5 5 5H7z"/></svg>') no-repeat center center / 14px;
}

#wt-slider .slider-nav .flex-next {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M7 10l5 5 5-5H7z"/></svg>') no-repeat center center / 14px;
}

/* ================================
   6. FEATURED POSTS
   ================================ */
#feat-posts {
    overflow: hidden;
    margin-bottom: 20px;
}

#feat-posts .cat-header {
    background: #5FB435;
}

#feat-posts .left {
    width: 423px;
    height: 425px;
    overflow: hidden;
    margin-right: 10px;
    float: left;
}

#feat-posts .right {
    width: 207px;
    overflow: hidden;
    float: left;
}

#feat-posts .left,
#feat-posts .left a {
    color: #FFFFFF;
}

#feat-posts .left .thumb-wrap {
    position: relative;
    overflow: hidden;
    width: 423px;
    float: left;
}

#feat-posts .left .overlay {
    position: absolute;
    width: 423px;
    height: 100%;
    top: 0;
    transition: background 0.3s;
}

#feat-posts .left .overlay:hover {
    background: rgba(95, 180, 53, 0.5);
}

#feat-posts .left .wp-post-image {
    width: 423px;
    height: 320px;
    display: block;
    background: #5FB435;
    object-fit: cover;
}

#feat-posts .left a.post-link,
#feat-posts .left a.img-link {
    width: 48px;
    height: 48px;
    position: absolute;
    display: block;
    background-color: #5FB435;
    text-indent: -999em;
    top: 38%;
}

#feat-posts .left a.post-link { left: -100%; }
#feat-posts .left a.img-link { right: -100%; }
#feat-posts .left .overlay:hover a.post-link { left: 37%; }
#feat-posts .left .overlay:hover a.img-link { right: 37%; }

#feat-posts .post-text {
    height: 85px;
    padding: 10px;
    overflow: hidden;
    background: #5FB435;
}

#feat-posts .post-text h3 a {
    color: #FFFFFF;
}

#feat-posts #tiles {
    width: 207px;
}

#feat-posts .wp-post-image {
    width: 207px;
    height: 207px;
    object-fit: cover;
}

/* Live tiles */
.live-tile {
    position: relative;
    overflow: hidden;
}

.tile-title {
    position: absolute;
    bottom: 15px !important;
    left: 0 !important;
    padding: 4px 8px !important;
    max-width: 90%;
    z-index: 2;
}

.tile-title a {
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.3;
    text-decoration: none !important;
    display: inline-block;
    color: #FFFFFF;
}

.red .tile-title { background: #DC3030; }
.green .tile-title { background: #5FB435; }
.skyblue .tile-title { background: #6AB7FE; }
.blue .tile-title { background: #1BA1E2; }
.orange .tile-title { background: #FA824F; }

/* ================================
   7. FEATURED CATEGORIES
   ================================ */
.feat-cat {
    overflow: hidden;
    margin-bottom: 30px;
}

.feat-cat .attachment-wt-cat-img {
    width: 305px;
    height: 175px;
    display: block;
    object-fit: cover;
    background: #ddd;
}

.attachment-wt-medium-thumb {
    width: 75px;
    height: 75px;
    display: block;
    object-fit: cover;
    background: #ddd;
}

.feat-cat .item-post {
    margin-bottom: 10px;
    padding-bottom: 10px;
    overflow: hidden;
    border-bottom: 1px solid #EEEEEE;
}

.feat-cat .item-post h4 {
    margin-bottom: 5px;
}

.feat-cat .item-post .thumb-wrap {
    width: 75px;
    margin-right: 15px;
    float: left;
    position: relative;
}

.feat-cat .item-post .post-wrap {
    float: left;
    width: 215px;
}

.feat-cat .item-post:nth-child(4) {
    margin-bottom: 0;
    border-bottom: none;
}

.entry-meta {
    color: #999999;
}

.entry-meta a { color: #999999; }

.entry-meta .date {
    padding-left: 0;
    margin-right: 14px;
}

.entry-meta .author {
    padding-left: 20px;
    margin-right: 14px;
}

.entry-meta .category {
    padding-left: 20px;
    margin-right: 14px;
}

/* Category headers */
.cat-header {
    background: #5FB435;
    margin-bottom: 30px;
    padding: 6px 10px;
    overflow: hidden;
}

.cat-header a.rss {
    text-indent: -999em;
    display: inline-block;
    width: 0px;
    float: right;
    margin-top: 2px;
}

.cat-header h3 {
    padding-left: 0;
    display: inline-block;
    color: #FFFFFF;
    background: none;
    margin-bottom: 0;
}

.cat-header h3 a {
    color: #FFFFFF;
}

/* Category color schemes */
#feat-cat1 .cat-header { background: #1BA1E2; }
#feat-cat1 .tag-title { background: #1BA1E2; }
#feat-cat2 .cat-header { background: #5FB435; }
#feat-cat2 .tag-title { background: #5FB435; }
#feat-cat3 .cat-header { background: #DC3030; }
#feat-cat3 .tag-title { background: #DC3030; }
#feat-cat4 .cat-header { background: #FA824F; }
#feat-cat4 .tag-title { background: #FA824F; }
#feat-cat5 .cat-header { background: #3B5D9C; }
#feat-cat5 .tag-title { background: #3B5D9C; }

.feat-cat .tag-title {
    display: block;
    float: left;
    padding: 1px 6px;
    margin-right: 7px;
}

.feat-cat .main-post .tag-title {
    font-weight: 600;
}

.feat-cat .main-post .entry-header {
    overflow: hidden;
    margin-top: 10px;
}

.feat-cat .tag-title a {
    color: #FFFFFF;
}

.feat-cat h2 {
    display: inline;
    line-height: 1.2;
}

.feat-cat .item-post .tag-title {
    padding: 0px 6px;
    margin-top: -1px;
}

.feat-cat .item-post h3 {
    display: inline;
    line-height: 1.1;
    background: none;
    padding: 0;
    color: #444;
    margin-bottom: 0;
}

.feat-cat ul,
.feat-cat ol {
    margin: 0;
    padding: 0;
    list-style: none;
}

.feat-cat .entry-meta {
    margin-bottom: 10px;
}

.feat-cat .item-post .entry-meta {
    margin-bottom: 0;
}

.feat-cat p {
    margin-bottom: 0;
}

/* Overlay hover effects */
.thumb-wrap {
    position: relative;
    overflow: hidden;
}

.overlay a {
    transition: all 0.4s;
}

.feat-cat .main-post .overlay {
    position: absolute;
    width: 100%;
    height: 175px;
    top: 0;
    transition: background 0.3s;
}

#feat-cat1 .overlay:hover { background: rgba(27, 161, 226, 0.8); }
#feat-cat2 .overlay:hover { background: rgba(95, 180, 53, 0.8); }
#feat-cat3 .overlay:hover { background: rgba(220, 48, 48, 0.8); }
#feat-cat4 .overlay:hover { background: rgba(250, 130, 79, 0.8); }
#feat-cat5 .overlay:hover { background: rgba(59, 93, 156, 0.8); }

.feat-cat .main-post a.post-link,
.feat-cat .main-post a.img-link {
    width: 48px;
    height: 48px;
    position: absolute;
    display: block;
    text-indent: -999em;
    top: 38%;
}

.feat-cat .main-post a.post-link { left: -100%; }
.feat-cat .main-post a.img-link { right: -100%; }
.feat-cat .main-post .overlay:hover a.post-link { left: 32%; }
.feat-cat .main-post .overlay:hover a.img-link { right: 32%; }

#feat-cat1 .overlay a { background-color: #1BA1E2; }
#feat-cat2 .overlay a { background-color: #5FB435; }
#feat-cat3 .overlay a { background-color: #DC3030; }
#feat-cat4 .overlay a { background-color: #FA824F; }
#feat-cat5 .overlay a { background-color: #3B5D9C; }

.feat-cat .item-post .overlay {
    position: absolute;
    width: 100%;
    height: 75px;
    top: 0;
}

.feat-cat .item-post a.img-link {
    width: 30px;
    height: 30px;
    position: absolute;
    left: -100%;
    top: 32%;
    display: block;
    text-indent: -999em;
}

.feat-cat .item-post .overlay:hover a.img-link {
    left: 30%;
}

/* ================================
   8. WIDGETS / SIDEBAR
   ================================ */
.sidebar .widget {
    margin-bottom: 30px;
    overflow: hidden;
}

.widget h3 {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="white"><path d="M8 1l8 7H0z" transform="rotate(90 8 8)"/></svg>');
    background-position: 96% 12px;
    background-repeat: no-repeat;
    background-size: 12px;
    background-color: #359BED;
    padding: 8px 12px;
    color: #FFFFFF;
    margin-bottom: 15px;
}

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

.widget ul li {
    padding: 3px 0;
}

.widget_recent_comments ul li,
.widget_recent_entries ul li,
.widget_categories ul li,
.widget_archive ul li {
    padding: 3px 0 3px 16px;
    position: relative;
}

.widget_recent_comments ul li::before,
.widget_recent_entries ul li::before,
.widget_categories ul li::before,
.widget_archive ul li::before {
    content: "\25B8";
    color: #999;
    position: absolute;
    left: 0;
    top: 3px;
}

/* Search widget */
#searchform {
    overflow: hidden;
}

#searchform .searchfield {
    font-size: 14px !important;
    padding: 13px 10px 13px;
    width: 201px;
    height: 48px;
    border: 1px solid #EEEEEE;
    border-right: none;
    font: inherit;
    color: #999999;
    display: block;
    float: left;
    box-sizing: border-box;
}

#searchform .submit {
    background: #359BED;
    display: inline-block;
    border: none;
    width: 48px;
    height: 48px;
    text-indent: -999em;
    float: left;
    cursor: pointer;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px;
}

/* Tag cloud */
.widget_tag_cloud {
    overflow: hidden;
}

.tagcloud a {
    background: #359BED;
    color: #FFFFFF;
    display: block;
    float: left;
    font-size: 14px !important;
    line-height: 12px;
    margin: 0 2px 2px 0;
    padding: 8px 10px;
    transition: background 0.3s;
}

.tagcloud a:hover {
    background: #3FB4FF;
    color: #FFFFFF;
}

/* Social counter widget */
.widget_social_counter,
.widget_social_counter a {
    color: #FFFFFF;
}

.widget_social_counter .wrap {
    overflow: hidden;
}

.widget_social_counter .facebook {
    width: 107px;
    height: 107px;
    background: #3C5B9B;
    float: left;
    margin-right: 16px;
    padding: 10px;
}

.widget_social_counter .twitter {
    width: 107px;
    height: 107px;
    float: left;
    background: #59C8FF;
    padding: 10px;
}

.widget_social_counter .bottom {
    margin-top: 15px;
    margin-right: 5px;
    text-align: right;
}

.widget_social_counter .count {
    font-size: 22px;
    font-weight: 600;
    line-height: 1.2;
}

.widget_social_counter .count a {
    color: #FFFFFF;
}

.widget_social_counter .text {
    font-size: 16px;
}

.widget_social_counter .icon img {
    width: 32px;
    height: 32px;
}

/* Comments widget */
.widget_comments h4 {
    margin-bottom: 3px;
}

.widget_comments ul li {
    overflow: hidden;
    margin-bottom: 3px;
    padding-bottom: 10px;
    border-bottom: 1px solid #EEEEEE;
}

.widget_comments ul li::before {
    display: none;
}

.widget_comments ul li:last-child {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}

.widget_comments .comment-time {
    font-size: 13px;
    color: #999999;
}

.widget_comments .comment-text {
    line-height: 1.3;
    font-size: 13px;
    margin-bottom: 2px;
    color: #999999;
}

.widget_comments .comment-text a {
    color: #999999;
}

.widget_comments .avatar {
    width: 65px;
    height: 65px;
    float: left;
    margin-right: 10px;
    margin-top: 5px;
    background: #ddd;
    border-radius: 4px;
}

.widget_comments .comment {
    width: 171px;
    float: left;
}

/* Tile posts widget */
.widget_tile_posts {
    margin-bottom: 0 !important;
}

.widget_tile_posts .live-tile,
.widget_tile_posts .list-tile {
    width: 270px;
    height: 270px;
    margin-bottom: 30px;
}

.widget_tile_posts .wp-post-image {
    width: 270px;
    height: 270px;
    display: block;
    object-fit: cover;
    background: #ddd;
}

.widget_tile_posts .tile-title a {
    font-size: 16px !important;
}

/* Polls widget */
.widget_polls-widget p strong {
    font-size: 17px;
    font-weight: 600;
}

.widget_polls-widget .wp-polls-ans p {
    font-size: 14px;
    font-weight: 400;
}

.wp-polls ul,
.wp-polls-ul,
.wp-polls-ans ul {
    padding-left: 3px;
}

.wp-polls ul li,
.wp-polls-ul li,
.wp-polls-ans ul li {
    padding-left: 3px;
    list-style: none;
}

.widget_polls-widget .wp-polls input.Buttons {
    margin-right: 15px;
    border: 0px;
    padding: 5px 7px;
    font: inherit;
    font-size: 15px;
    font-weight: 600;
    color: #FFFFFF;
    background: #52ACFE;
    margin: 10px 10px 3px 0;
    float: left;
    display: inline-block;
    cursor: pointer;
}

.widget_polls-widget .wp-polls a {
    text-decoration: none;
    color: #FFFFFF;
    padding: 7px 14px;
    font: inherit;
    font-size: 15px;
    font-weight: 600;
    border: 0px;
    background: #52ACFE;
    display: inline-block;
    margin: 10px 0 3px;
    line-height: 20px;
}

/* Google+ widget */
.widget_googleplus .google-box {
    padding: 10px;
}

.gplus-placeholder {
    background: #eee;
    padding: 30px;
    text-align: center;
    color: #999;
    border: 1px solid #ddd;
}

/* ================================
   9. FOOTER
   ================================ */
#footer {
    margin-bottom: 20px;
}

#footer .footer-widgets {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #EEEEEE;
    overflow: hidden;
}

#footer .widget {
    width: 287px;
    float: left;
    margin-left: 30px;
}

#footer .widget:first-child {
    margin-left: 0;
}

#footer h3 {
    background-color: #333333;
}

#footer .widget_comments .comment {
    width: 180px;
    float: left;
}

.footer-bottom {
    text-align: center;
    padding: 10px 0;
    color: #999;
    font-size: 13px;
}

.footer-bottom p {
    margin: 0;
}

/* ================================
   10. PLACEHOLDER STYLES
   ================================ */
.ad-banner {
    background: #f0f0f0;
    border: 1px dashed #ccc;
    text-align: center;
    padding: 25px;
    color: #999;
    font-size: 16px;
    height: 90px;
    line-height: 40px;
}

.ad-placeholder-250 {
    background: #f0f0f0;
    border: 1px dashed #ccc;
    text-align: center;
    padding: 20px;
    color: #999;
    width: 250px;
    height: 250px;
    line-height: 210px;
    margin: 0 auto;
}

.fb-likebox-placeholder {
    background: #f7f7f7;
    border: 1px solid #ddd;
    padding: 20px;
    text-align: center;
    min-height: 200px;
}

.fb-likebox-placeholder p {
    margin-bottom: 8px;
    color: #666;
}

.redakcja-box {
    background: #008600;
    color: #FFFFFF;
    padding: 20px;
    text-align: center;
}

.redakcja-box p {
    margin-bottom: 8px;
}

/* Placeholder images */
img[src*="placeholder"] {
    background: #ddd;
}

/* ================================
   11. SINGLE POST (for subpages)
   ================================ */
#content .post,
#content .page {
    overflow: hidden;
    margin-bottom: 30px;
    clear: both;
    background: #FFFFFF;
}

.post-nav {
    overflow: hidden;
}

.post-nav a {
    display: inline-block;
    color: #FFFFFF;
    font-size: 16px;
}

.post-nav .prev {
    float: left;
    padding: 6px 12px;
    background: #359BED;
    margin-bottom: 20px;
}

.post-nav .next {
    background: #359BED;
    float: right;
    padding: 6px 12px;
    margin-bottom: 20px;
}

.post .entry-meta,
.page .entry-meta {
    margin-bottom: 15px;
}

.entry-footer .entry-tags {
    overflow: hidden;
}

.entry-footer .entry-tags a {
    background: #359BED;
    color: #FFFFFF;
    display: block;
    float: left;
    font-size: 14px !important;
    line-height: 12px;
    margin: 0 2px 2px 0;
    padding: 8px 10px;
    transition: all 0.2s ease-in-out 0s;
}

.entry-footer .entry-tags a:hover {
    background: #FA824F;
}

/* Pagination */
#content .pagination {
    clear: both;
    overflow: hidden;
    margin: 30px 0;
}

#content .pagination a:hover {
    color: #FFFFFF;
    background: #359BED;
}

#content .pagination .page-numbers {
    background: #EEEEEE;
    display: inline-block;
    margin-right: 3px;
    margin-bottom: 8px;
    padding: 5px 12px;
}

#content .pagination .current {
    background: #359BED;
    color: #ffffff;
}

/* Comments */
#comments {
    max-width: 640px;
}

#comments h3#comments-title {
    margin-bottom: 15px;
    background: none;
    color: #444;
    padding: 0;
}

#comments ol.commentlist {
    margin: 10px 0;
    list-style: none;
}

#comments .comment {
    overflow: hidden;
    margin-bottom: 10px;
}

#comments .author-avatar {
    float: left;
    width: 60px;
    margin-right: 20px;
}

#comments .author-avatar img {
    display: block;
    border-radius: 4px;
}

#comments .comment-meta {
    margin-bottom: 5px;
}

#comments .comment-author .fn {
    width: auto;
    font-style: normal;
    margin-right: 10px;
}

#comments .comment-time {
    font-size: 13px;
    letter-spacing: 0;
    margin-right: 5px;
}

#comments .comment-time a {
    color: #AEAEAE;
}

#comments .comment-text {
    color: #777777;
}

/* Author info */
#content .entry-author {
    margin-bottom: 20px;
    overflow: hidden;
    background: #F4F4F4;
    padding: 10px;
}

#content .entry-author h3 {
    margin-bottom: 5px;
    background: none;
    color: #444;
    padding: 0;
}

#content .entry-author .author-avatar {
    float: left;
    width: 80px;
    margin-top: 5px;
}

/* Social sharing */
#content .entry-social {
    margin-bottom: 20px;
    padding: 10px;
    background: #FFFFFF;
}

/* Related posts */
#content .related-posts {
    margin-bottom: 20px;
    background: #FFFFFF;
}

#content .related-posts h3 {
    margin-bottom: 10px;
    background: none;
    color: #444;
    padding: 0;
}

#content .related-posts .date {
    color: #999999;
    margin-top: 5px;
}

#content .related-posts ul {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
}

#content .related-posts ul li {
    overflow: hidden;
    margin-bottom: 15px;
    width: 290px;
    margin-right: 20px;
    float: left;
}

/* Respond form */
#respond input[type=submit] {
    background: #FA824F;
    color: #FFFFFF !important;
    cursor: pointer;
    font: inherit;
    font-size: 16px;
    font-weight: 600;
    display: inline-block;
    padding: 10px 12px;
    text-decoration: none;
    border: none;
    margin: 10px 0 50px;
}

/* ================================
   12. MEDIA QUERIES (Simplified)
   ================================ */
@media only screen and (max-width: 1259px) {
    #container {
        width: 960px;
    }

    #content {
        width: 460px;
    }

    .sidebar {
        width: 200px;
    }

    #header .search {
        width: 420px;
    }

    .one-half {
        width: 215px;
    }

    .feat-cat .attachment-wt-cat-img {
        width: 215px;
        height: 130px;
    }

    .feat-cat .item-post .post-wrap {
        width: 125px;
    }

    #feat-posts .left {
        width: 323px;
    }

    #feat-posts .left .wp-post-image {
        width: 323px;
    }

    .widget_comments .comment {
        width: 110px;
    }

    .widget_tile_posts .live-tile,
    .widget_tile_posts .list-tile {
        width: 200px;
        height: 200px;
    }

    .widget_tile_posts .wp-post-image {
        width: 200px;
        height: 200px;
    }

    #footer .widget {
        width: 213px;
    }
}

@media only screen and (max-width: 979px) {
    #container {
        width: 90%;
        min-width: 320px;
    }

    #content {
        width: 100%;
        float: none;
        margin-right: 0;
    }

    .sidebar {
        width: 100%;
        float: none;
        margin-right: 0;
    }

    #left-sidebar,
    #right-sidebar {
        float: none;
        margin-right: 0;
    }

    .one-half {
        width: 48%;
    }

    .feat-cat .attachment-wt-cat-img {
        width: 100%;
        height: auto;
    }

    #footer .widget {
        width: 100%;
        float: none;
        margin-left: 0;
        margin-bottom: 20px;
    }

    #header .logo {
        width: 100%;
        text-align: center;
        margin-right: 0;
    }

    #header .search {
        width: 100%;
        float: none;
    }

    #header .social {
        float: none;
        margin: 10px auto;
    }

    #wt-slider .attachment-wt-slider-img {
        width: 100%;
        height: auto;
    }

    #feat-posts .left {
        width: 100%;
        height: auto;
        margin-right: 0;
    }

    #feat-posts .left .wp-post-image {
        width: 100%;
        height: auto;
    }

    #feat-posts .right {
        width: 100%;
    }

    .widget_tile_posts .live-tile,
    .widget_tile_posts .list-tile {
        width: 100%;
        height: auto;
    }

    .widget_tile_posts .wp-post-image {
        width: 100%;
        height: auto;
    }
}

@media only screen and (max-width: 600px) {
    .one-half {
        width: 100%;
        float: none;
        margin-right: 0;
    }

    .last-col {
        margin-right: 0;
    }

    #main-menu {
        height: auto;
    }

    #main-menu ul li {
        float: none;
    }

    #main-menu ul li a {
        font-size: 14px;
        padding: 12px 15px;
    }

    .widget_social_counter .facebook,
    .widget_social_counter .twitter {
        width: 45%;
    }
}