/*
Theme Name: iMagazine
Theme URI: http://imagazine.pl
Author: Yzoja
Author URI: http://pudlo.be
Version: 1.1.2017
*/

@import 'foundation.css';
@import url('https://fonts.googleapis.com/css?family=Inconsolata:400,700|Noto+Serif:400,400i,700,700i|Roboto+Condensed:400,400i,700,700i');

body,  .single #entry {
	font-family: 'Noto Serif', -apple-system, BlinkMacSystemFont, 'Helvetica', 'Tahoma', 'Arial', sans-serif;
}

header li, .toc h4 span,  h1, h2, h3, h4, h5, h6, #post-meta, #scores, .author, .time, .comments, .index .post-meta {
	font-family: 'Roboto Condensed', -apple-system, BlinkMacSystemFont, sans-serif;
}

sup, sub {
	line-height: 0;
}

header li,  .toc .terms h5,  h4 {
	font-weight: normal;
}

.toc h4 span {
	font-size: 0.8em;
}

body {
	background: #fff;
	color: #000;
	height: auto;
	font-size: 18px;
	font-weight: 400;
	line-height: 160%;
}
@media (prefers-color-scheme: dark) { body { color: #BFBFBF; background: #282A36; } }

header {
	background: rgba(255,255,255,0.9);
	margin: 0 auto 2em auto;
	border-bottom: 1px solid #ddd;
	z-index: 25;
	padding-bottom: 0.22em;
	position: relative;
	height: 71px;
	margin-bottom: 0;
}
@media (prefers-color-scheme: dark) { header { color: #838C95; background: #282A36; border-bottom: 1px solid #44475A; } }

header + #featured {
	margin-bottom: 2em;
}

.banner.row img {
	width: 50%;
}

.banner .row img {
	padding: 0 0.5em;
}

.clear {
	clear: both;
}

a, .post-meta .comments, h1.archive-title span, #searchsubmit:hover, footer a:hover, blockquote.right p, blockquote.left p, nav li a i.fa, .main-color, .woocommerce #content  div.product p.price, .woocommerce #content  div.product span.price, #content .woocommerce ul.products li.product .price, #content ul.products li.product .price, code {
	color: #e13a3e;
}

.stream .magazine h4 {
	font-size: 1em;
	margin-bottom: 2em;
}

.magazine-cover p:first-of-type {
	border-top: 10px solid #215871;
}

.embedly-card-hug {
	background: #fff;
}

.rating .score, #entry .woocommerce #respond input#submit, #entry .woocommerce a.button, #entry .woocommerce button.button, #entry .woocommerce input.button,  #cboxLoadedContent form input.button, .login-popups a, .woocommerce #content div.product form.cart .button, #content .button, .submit .button-primary {
	background-color: #215871;
}

#entry .woocommerce #respond input#submit:hover, #entry .woocommerce a.button:hover, #entry .woocommerce button.button:hover, #entry .woocommerce input.button:hover,  #cboxLoadedContent form input.button:hover, .login-popups a:hover, .woocommerce #content div.product form.cart .button:hover, #content .button:hover, .submit .button-primary:hover {
	background-color: #e13a3e;
}

input.Buttons,  .submit .button-primary {
	background: #e13a3e !important;
	font-weight: bold;
	font-size: 16px;
	color: #fff !important;
	cursor: pointer;
	text-transform: uppercase;
	border: 0 !important;
	padding: 5px 10px !important;
}

.relative .title a, .shadowed {
background: #F0821D;
color: #000;
box-shadow: -10px 0 0px #F0821D, 10px 0 0px #F0821D;
}
.icons a:hover, #entry .sendbutton, #entry #sendButton, #authors .icons a, p.src span, p.src strong {
background: #F0821D;
}
a { 
transition: all 300ms ease-out;
}
a:hover {
color: #000;
}
input, #entry .cform legend, #entry .sendbutton, #entry #sendButton {
}
label[for="billing_postcode"]:after {
	content: " w formacie XX-XXX";
	color: #f00;
}
input[type="checkbox"], input[type="radio"] {
margin-bottom: 0 !important;
}
/* Header */


header .row {
	height: inherit;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

header h1 {
	height: 45px;
}

header h1 img {
	display: block;
	height: 45px;
}

#featured {
clear: both;
border-bottom: 1px solid #ddd;
}
.colored-big {
height: 350px;
background-size: cover;
background-position: center center;
position: relative;
text-shadow: 1px 1px 3px rgba(0,0,0,0.4);
}
.colored {
height: 175px;
background-size: cover;
background-position: center center;
position: relative;
text-shadow: 1px 1px 3px rgba(0,0,0,0.4);
}
.colored .comments, .colored-big .comments {
color: #fff;
font-size: 13px;
position: absolute;
right: 15px;
top: 15px;
font-weight: bold;
border-bottom: 0;
pointer-events: none;
}
.colored h3, .colored-big h2 {
pointer-events: none;
color: #fff;
bottom: 15px;
margin-left: 15px;
line-height: 120%;
left: 0;
position: relative;
position: absolute;
}
.colored-big h2 {
margin-right: 2em;
}
.colored h3 {
font-size: 1.3em;
}
.colored h3 a, .colored-big h2 a {
color: #fff;	
}
.colored .time, .colored-big .time {
color: #fff;
font-weight: bold;
font-size: 13px;
position: absolute;
left: 15px;
top: 15px;
border-bottom: 0;
text-transform: uppercase;
}
.time a {
color: #fff;
}
.gradient {
/* background: linear-gradient(to right, RGBA(183, 24, 24, 0.8) 0, RGBA(33, 88, 113, 1) 100%);*/
background: linear-gradient(to right, rgba(0,0,0,.15) 0, rgba(0,0,0,.2) 100%);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
transition: all 300ms ease-out;
}
/*aside.section:after {
background: linear-gradient(to bottom, rgba(0,0,0,0) 0, rgba(0,0,0,.3) 100%);
position: absolute;
bottom: 0;
right: 0;
width: 100%;
height: 50%;
transition: all 300ms ease-out;
}*/
.gradient:hover {
opacity: 0.5;
}
.custom-gradient:hover {
opacity: 0.3 !important;	
}
header h1 {
float: left;
text-align: center;
font-weight: normal;
margin-bottom: 0;
margin-top: 0px;
}
header nav {
text-align: right;
}
nav.blogger {
border-bottom: 1px solid #ddd;
text-align: right;
}
nav.blogger li {
line-height: 35px;
}
nav ul {
margin-left: 0;
margin-bottom: 0;
}
nav li {
display: inline-block;
line-height: 71px;
vertical-align: top;
font-size: 13px;
position: relative;
}
nav li i {
width: 20px;
text-align: center;
}
nav li a {
color: #222;
display: block;
padding: 0 10px;
}
@media (prefers-color-scheme: dark) { nav li a { color: #8BE9FD; } }
nav .sub-menu {
position: absolute;
background: #eee;
display: none;
z-index: 20;
width: 300px;
border-bottom: 1px solid #ddd;
margin-left: 0;
}
@media (prefers-color-scheme: dark) { nav .sub-menu { color: #8BE9FD; background: #282A36; } }

nav #menu .sub-menu {
width: 200px;	
}

nav li .sub-menu {
right: 0px;
}

#zine-menu > ul, #menu > ul {
display: inline-block;
vertical-align: top;
}

nav .sub-menu li {
display: block;
text-align: left;
}
#zine-menu .sub-menu li {
line-height: 20px;
}
#zine-menu .sub-menu li a {
padding: 15px;
}

nav .sub-menu li:hover {
background: #ddd;
}
@media (prefers-color-scheme: dark) { nav .sub-menu li:hover { color: #8BE9FD; background: #44475A; } }
nav .sub-menu li a {
color: #222;
}
@media (prefers-color-scheme: dark) { nav .sub-menu li a { color: #8BE9FD; } }
nav li:hover, nav li.current-menu-item {
background: #eee;
}
@media (prefers-color-scheme: dark) { nav li:hover, nav li.current-menu-item { color: #8BE9FD; background: #44475A; } }
nav li:hover > a, nav li.current-menu-item > a {
color: #000;
}
nav li:hover .sub-menu {
display: block;
}
h1, h2, h3, h4, h5, h6 {
font-weight: bold;
}
@media (prefers-color-scheme: dark) { h1, h2, h3, h4, h5, h6 { color: #BFBFBF; } }

/* */
.magazine {
text-align: center;
}
.magazine h4 {
text-align: center;
margin-top: 1em;
}
.thumbed {
background-size: cover;
background-position: center center;
}
.thumbed .big-title {
width: 80%;
}
section.index article h2, section.index article h3 {
margin-top: 0;
}
.big-title {
text-align: left;
padding-top: 15px;
font-size: 2em;
line-height: 1.2em;
}
.header-post {
height: 250px;
}
.header-post h4 {
font-size: 1em;
margin: 0.5em 0;
}
.header-post img {
width: 80px;
margin-right: 1em;
height: auto;
}
.thumb {
height: 200px;
display: block;
background-position: center center;
background-size: cover;
}
.tag-itunes .cover, .tag-itunes .main-cover {
background-image: url('https://imagazine.pl/wp-content/uploads/2015/06/Apple-Music-hero-03.jpg');
}
.cover {
height: 150px;
display: block;
background-color: #f0f0f0;
background-position: center center;
background-size: cover;
}
.stream .thumb {
height: 140px;
}

#extras {
	margin: 80px 0px 20px 0;
	display: flex;
	flex-wrap: wrap;
}

#extras.xmas {
	padding: 20px 0 0 20px;
	background: #b53107;
	border-radius: 30px;
}

#extras.xmas article {
	margin-bottom: 20px;
}

#extras.cisco:before {
	content: "";
	right: 100%;
	top: 0;
	bottom: 0;
	position: absolute;
	width: 100vw;
	background: #049fd9;
}

#extras.cisco {
	padding: 20px 0;
	display: flex;
	clear: both;
	position: relative;
	background: #049fd9;
	border-radius: 0 30px 30px 0;
}

#extras .info {
	margin-right: auto;
	width: calc(25% - 20px);
	text-align: center;
	margin-bottom: 20px;
}

#extras .info img {
	display: block;
	margin: 20px auto;
}

#extras .info a {
	background: #52A129;
	color: #fff;
	padding: 10px 20px;
	text-transform: uppercase;
	border-radius: 4px;
	font-size: 14px;
	font-weight: bold;
	font-family: 'Roboto Condensed';
	text-decoration: none;
}

#extras.cisco:before {

}

#extras.xmas h3 {
	color: #fff;
}

.cisco h4 {
	color: #fff;
}

.cisco .info {
	color: #fff;
	display: flex;
	flex-direction: column-reverse;
}

.cisco .info > div:first-child {
	padding: 50px;
	text-align: center;
}

.cisco .info .video {
	position: relative;
	width: 100%;
	overflow: hidden;
	border-radius: 20px;
}

.cisco .info .video iframe {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
}

.cisco .info .video:before {
	padding-top: 55%;
	content: "";
	display: block;
}

#extras.cisco .posts {
	display: flex;
	flex-wrap: wrap;
	flex-grow: 2;
	margin-left: 40px;
}

#extras.cisco article {
	width: calc(33.3% - 20px);
	height: unset;
	margin-bottom: 0;
	min-height: 200px;
}

#extras.cisco article:last-child {
	margin-right: 0;
}

#extras article {
	min-height: 300px;
	height: unset;
	border-radius: 20px;
	overflow: hidden;
	margin-right: 20px;
	width: calc(25% - 20px);
}

#extras article .gradient {
	background: linear-gradient(to right, rgba(0,0,0,.15) 0, rgba(0,0,0,.2) 100%) !important;
}

.page-numbers {
	position: relative;
	background: #fff;
	color: #555;
	border-radius: 3px;
	font-family: 'Noto Serif', -apple-system, BlinkMacSystemFont, 'Helvetica', 'Tahoma', 'Arial', sans-serif;
	font-size: 12px;
	line-height: 15px;
	text-transform: uppercase;
	margin: 0 3px;
	transition: all 0.4s;
	padding: 5px 10px;
}
@media (prefers-color-scheme: dark) { .page-numbers { color: #BFBFBF ; background: #44475A; } }

.page-numbers:before {
	left: -2px;
	top: -2px;
	right: -2px;
	bottom: -2px;
	position: absolute;
	content: "";
	z-index: -1;
	width: calc(100% + 4px);
	transition: all 0.4s;
}

a.page-numbers:before, .page-numbers.current:before {
	border-radius: 5px;
	filter: grayscale(1) brightness(150%);
	background: #179cd9;
	background: -moz-linear-gradient(top, #179cd9 0%, #3c7bb0 100%);
	background: -webkit-linear-gradient(top, #179cd9 0%,#3c7bb0 100%);
	background: linear-gradient(to bottom, #179cd9 0%,#3c7bb0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#179cd9' , endColorstr='#3c7bb0',GradientType=0 );
	margin-right: 5px;
	transition: all 0.4s;
}

span.page-numbers.current:before, a.page-numbers:hover:before {
	filter: grayscale(0) brightness(100%);
}

/* Post loop */

.stream {
	clear: both;
	margin-bottom: 2em;
}

.excerpt {
	color: #111;
	font-size: 0.9em;
	line-height: 120%;
}

.more-link, .read-more {
	text-transform: uppercase;
	font-weight: bold;
	font-family: 'Roboto Condensed', -apple-system, BlinkMacSystemFont, sans-serif;
	font-size: 12px;
	text-align: center;
	background: #EFECF7;
	color: #179CD9;
	border-radius: 30px;
	float: right;
	padding: 5px 20px;	
}
@media (prefers-color-scheme: dark) { .more-link, .read-more { color: #8BE9FD; background: #44475A; } }

body.error404 .banner {
	display: none;
}

.cat {
	text-align: left;
	top: 3.45em;
	left: 5px;
	margin-left: 0.5em;
	position: absolute;
	z-index: 5;
}
.cat a {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 0.7em;
	text-align: center;
	margin-left: 5px;
	padding: 1px 5px;
	background: #fff;
	font-family: 'Roboto Condensed', -apple-system, BlinkMacSystemFont, sans-serif;
}
.cat a[href*="wazne"], .cat a[href*="alert"] {
display: none;
}
h2.column {
font-size: 20px;
padding-top: 5px;
padding-bottom: 5px;
text-transform: uppercase;
}
h2.column i {
padding-right: 5px;
}
h2.title {
font-size: 18px;
}
.thecontent {
padding: 10px 15px;
}
.article {
margin-bottom: 10px;
position: relative;
}
.text .article {
background: #fff;
}
.text .article p {
font-size: 17px;
}
.index .post-meta {
color: #aaa;
padding: 5px 0;
margin: 10px 0;
border-bottom: 1px solid #ddd;
}
@media (prefers-color-scheme: dark) { .index .post-meta { border-bottom: 1px solid #44475A; } }
.post-meta .comments {
float: right;
padding-bottom: 5px;
border-bottom: 1px solid;
}
.index .post-meta .post-date {
padding-right: 5px;
}
.index .post-meta i {
padding-left: 4px;
}
/* regular-loop.php */
.featured {
height: 340px;
}
.featured.thumbed .post-meta {
background: #fff;
width: 60%;
margin-bottom: 0;
}
.featured.thumbed h2 {
margin-top: 0;
background: #fff;
width: 60%;
padding: 0.5em 20px;
margin-bottom: 0;
}
.featured.thumbed .excerpt {
margin-top: 0;
background: #fff;
width: 60%;
padding: 0.5em 20px;	
}
.featured.thumbed .tags {
display: none;
}
.featured.thumbed .post-meta .comments {
padding-right: 5px;
}
.featured h2, .topic h3 {
}
.featured .excerpt, .topic .excerpt {
	font-family: 'Noto Serif', -apple-system, BlinkMacSystemFont, 'Helvetica', 'Tahoma', 'Arial', sans-serif;
}
.topic {
height: 350px;
position: relative;
}
.topic .cover {
height: 288px;
}
/*.cover + .inside {
margin-left: 4em;
background: #fff;
height: 150px;
margin-top: -150px;
padding: 0.5em 1em;
}
*/
.cover + .inside h3 {
font-size: 1.1em;
line-height: 120%;
position: absolute;
bottom: 0;
right: 0;
max-width: 80%;
background: #FFF;
padding: 10px;
}
.post-thumb {
display: block;
height: 250px;
background-size: cover;
background-position: center center;
position: relative;
}
.post-thumb span {
position: absolute;
bottom: 0;
background: #fff;
left: 0;
width: 80%;
padding: 5px 10px 0 0;
font-size: 18px;
}
.stream article {
margin-bottom: 2em;
}
.small {
margin-bottom: 1em;
}
.small .cover {
height: 230px;
display: block;
position: relative;
margin-bottom: 0em;
background-size: cover;
background-position: center center;
box-shadow: inset 0 0 250px 100px rgba(0,0,0,0.3);
}
.small:hover .cover {
opacity: 0.7;
}
.small .article {
height: 190px;
}
.small h3 {
background: linear-gradient(to bottom,transparent 0,rgba(0,0,0,.2) 100%);
position: absolute;
bottom: 0px;
text-align: center;
width: 100%;
margin: 0 auto;
left: 0;
right: 0;
text-shadow: 1px 1px 3px rgba(0,0,0,0.5);
font-weight: bold;
color: #fff;
}
.small h3 small {
color: #fff;	
}
.small h3 span {
line-height: 120%;
padding: 0 1em 1em 1em;
display: block;
font-size: 0.8em;
}
.blog.index h1.column {
text-align: center;
margin-bottom: 1em;
}
.blog.index .colored-big {
margin-bottom: 1em;
}
h1.archive-title {
text-align: center;
}
/* Sections */
.pagination {
text-align: center;
}
/* loop.php */
#masonry {
position: relative;
}
.loop:nth-of-type(2n+1) {
clear: both;
}
/*.loop {
width: 450px;
float: left;
}*/
.loop .author {
font-weight: bold;
text-align: center;
font-size: 0.9em;
margin-bottom: 1em;
}
.main-cover {
display: block;
background-color: #f0f0f0;
background-size: cover;
background-position: center center;
margin-bottom: 1em;
}
@media (prefers-color-scheme: dark) { .main-cover { background-color: #44475A; } }
.main-cover:before {
	padding-top: 60%;
	display: block;
	content: "";
}
.main-cover:hover {
opacity: 0.8;
}
.main-title {
width: 90%;
margin: 0 auto;
font-size: 1.2em;
line-height: 120%;
text-align: center;
margin-bottom: 1em;
}
.main-excerpt {
padding: 1em 0;
font-size: 0.9em;
line-height: 160%;
}
.main-excerpt img {
display: none;
}
.main-title a {
color: #000;
}
@media (prefers-color-scheme: dark) { .main-title a { color: #8BE9FD; } }
section.index {
padding-top: 15px;
padding-bottom: 15px;
}
section.custom {
padding-top: 0;
}
section.custom h1.column {
margin-top: 1em;
}
.tags {
display: block;
margin-top: 5px;
}
.post-meta .time {
float: right;
}
.post-author {
font-size: 0.9em;
margin: 1em 0;
display: block;
text-align: center;
border-bottom: 3px solid #F0821D;
padding-bottom: 1em;
}
.stream .absolute {
position: absolute;
top: 0;
left: 0;
padding: 1em 0;
width: 100%;
height: 100%;
pointer-events: none;
}
.relative .thumb {
box-shadow: inset 0px 50px 50px rgba(0,0,0,0.4);
}
.large-2 .avatar {
max-width: 95%;
display: block;
}
.absolute .post-meta {
background: rgba(0,0,0,0.5);
bottom: 0;
position: absolute;
max-width: 100%;
padding: 5px 10px;
}
.absolute .post-meta a {
color: #fff;
}
.absolute .comments {
position: absolute;
top: 0;
right: 1em;
padding: 15px;
background: #000;
color: #fff;
font-size: 14px;
}
.absolute .big-title {
padding: 0 2em 0 1em;
color: #fff;
text-align: left;
font-size: 1.1em;
margin-right: 40px;
}
.text-title {
text-align: center;
margin: 0 auto 20px auto;
height: 200px;
font-size: 1.5em;
line-height: 130%;
padding: 40px 1em 0 1em;
background: #eee;
font-weight: 900;
}
.text-title, .thumb {
border-top: 1px solid #f2a71d;
}
.text-title .post-meta {
}

/* Carousel */

#newsletter-popup {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.6);
	z-index: 120;
}

#newsletter-popup .overlay {
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 120;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	position: absolute;
}

.popup {
	position: relative;
	background: #fff;
	box-shadow: 0px 4px 6px rgba(0,0,0,0.3);
	border-radius: 5px;
	padding: 20px;
	max-width: 400px;
	width: 90%;
	overflow: hidden;
}

.close-popup {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
}

.flex {
	display: flex;
}

input[type="submit"] {
	cursor: pointer;
}

.popup h2 {
	font-size: 1.2em;
	position: relative;
	color: #fff;
}

.popup form {
	position: relative;
	color: #fff;
	margin: 20px -20px -20px -20px !important;
	padding: 30px 20px;
	background: rgba(0,0,0,0.5);
}

.popup form label {
	color: #fff;
	font-size: 12px;
	display: block;
	font-family: 'Noto Serif', -apple-system, BlinkMacSystemFont, 'Helvetica', 'Tahoma', 'Arial', sans-serif;
}

.popup form label a {
	font-weight: bold;
	color: #fff;
}

.popup form .flex input {
	border: 0;
	background: #fff;
	color: #000;
	padding: 5px 10px;
	line-height: 20px;
	height: 30px;
	font-family: 'Noto Serif', -apple-system, BlinkMacSystemFont, 'Helvetica', 'Tahoma', 'Arial', sans-serif;

}

.popup form input:focus {
	background: #fff;
}

#issues-carousel {
	margin: 2em 0;
	position: relative;
	border-left: 2rem solid #fff;
	border-right: 2rem solid #fff;
}
@media (prefers-color-scheme: dark) { #issues-carousel { color: #838C95; background: #282A36; border-left: 2rem solid #282A36; border-right: 2rem solid #282A36; } }

section > .mag-issue {
	float: left;
	width: 25%;
}

.owl-nav .disabled {
	opacity: 0.2;
}

.owl-prev {
	position: absolute;
	top: 0;
	left: -2rem;
	width: 2.1rem;
	height: 100%;
	font-size: 0;
}

.owl-next {
	position: absolute;
	top: 0;
	right: -2rem;
	width: 2.1rem;
	height: 100%;
	font-size: 0;
}

.owl-prev:before {
	content: "\f104";
	top: 50%;
	line-height: 50px;
	margin-top: -25px;
	position: absolute;
	width: 2rem;
	text-align: center;
	font-family: "FontAwesome";
	font-size: 40px;
}

.owl-next:before {
	content: "\f105";
	top: 50%;
	line-height: 50px;
	margin-top: -25px;
	position: absolute;
	width: 2rem;
	text-align: center;
	font-family: "FontAwesome";
	font-size: 40px;
}


.mag-issue {
	color: #fff;
	overflow: hidden;
	/*padding: 2em;*/
	font-family: 'Noto Serif', -apple-system, BlinkMacSystemFont, 'Helvetica', 'Tahoma', 'Arial', sans-serif;

}

.mag-cover {
	display: block;
	padding: 1em;
	box-shadow: 0px 10px 55px 0px rgba(0,0,0,0.25);
}

.owl-stage {
	display: flex;
}

.owl-item {
	overflow: hidden;
	position: relative;
	flex-basis: 10%;
}

/*.owl-item:nth-of-type(2n+1) .mag-issue-cover {
	display: none;
}

.owl-item:nth-of-type(2n+1) .mag-desc {
	color: #000;
}*/

.mag-issue-cover {
	position: absolute;
	height: 100%;
	overflow: hidden;
	width: 100%;
	left: 0;
	bottom: 0;
	z-index: -1;
	background: #000;
}

.mag-issue-cover .blur, .popup .blur {
	position: absolute;
	background-position: center center;
	top: -10%;
	width: 120%;
	height: 120%;
	left: -10%;
	filter: blur(20px);
	opacity: 0.8;
}

.mag-cover.column {
	/*margin-bottom: 1em;*/
	padding: 0;
	display: block;
	background: #fff;
	box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
}

.mag-desc {
	text-align: left;
	padding: 1rem;
}

.mag-download {
	float: right;
	margin-right: 1.5rem;
	margin-top: -3rem;
	background: #fff;
	box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
	line-height: 40px;
	width: 40px;
	border-radius: 20px;
	color: #000;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	font-size: 20px;
	position: relative;
	z-index: 2;
	transition: all 0.5s;
}

.mag-download:hover {
	transform: rotate(360deg);
	background: #000;
	color: #fff;
}

.mag-issue h4 {
	line-height: 1.2em;
	color: inherit;
	margin-bottom: 1em;
	font-size: 1em;
}

.mag-issue li, .mag-issue ul {
	margin-left: 0;
	margin-bottom: 0;
	padding-left: 0;
	text-align: left;
	list-style-type: circle;
}

.mag-issue li {
	margin-left: 1em;
	font-size: 14px;
	line-height: 1.3em;
	padding-bottom: 5px;
}

/* Single iframe */

#iframe-page {
	height: 100vh;
	width: 100%;
	display: block;
	border: 0;
}

/* Redakcja */

.tt-official, p a[href*="twitter.com"] {
	color: #55ACEE;
	font-weight: bold;

}

.team-author h4 .tt-official {
	float: right;
	padding-top: 0.2em;
	font-size: 0.8em;
}

.team-author .large-3 {
	padding-left: 0;
	padding-right: 1em;
	border-right: 1px solid #ddd;
}

.team-author .large-3 img {
	width: 100%;
}

.team-author .large-9 {
	padding-left: 1em;
	padding-right: 0;
}

.team-author {
	padding-bottom: 2em;
}

#entry .user-desc p {
	font-size: 0.9em;
}

/* Single */
code {
	background: #eee;
	font-size: 0.9em;
	border: 1px solid #ddd;
}

code, pre, .crayon-font-consolas * {
	font-family: 'Inconsolata', monospace;
}

p.archive {
	font-style: normal;
	background-color: #f0f0f0;
	padding: 10px;
	margin-top: 1em;
}

p.rating {
	position: relative;
}

p.rating .score {
	position: absolute;
	top: 50%;
	margin-top: -35px;
	right: 0;
	color: #fff;
	border-radius: 70px;
	float: right;
	font-size: 25px;
	width: 70px;
	height: 70px;
	line-height: 70px;
	text-align: center;
}

p.src {
	background-color: rgba(222,222,222,0.7);
	font-style: normal;
	font-family: 'Noto Serif', -apple-system, BlinkMacSystemFont, 'Helvetica', 'Tahoma', 'Arial', sans-serif;

	padding: 10px 0;	
}

p.src a {
	font-weight: bold;
	color: #222 !important;
}

p.src span, p.src strong {
	font-weight: bold;
	color: #fff;
	float: left;
	margin-top: -10px;
	text-transform: uppercase;
	padding: 10px 15px;
	margin-right: 10px;	
}
#comments-area, #author .row {
max-width: 700px;
width: 90%;
margin: 50px auto 0 auto;
background: #fff;
}
@media (prefers-color-scheme: dark) { #comments-area, #author .row { color: #BFBFBF; background: #282A36; } }
@media (prefers-color-scheme: dark) { #wpcomm .wc-reply .wc-comment-right { color: #BFBFBF; background: #282A36 !important; } }
@media (prefers-color-scheme: dark) { #wpcomm .wc-comment .wc-comment-right { color: #BFBFBF; background: #282A36 !important; } }
@media (prefers-color-scheme: dark) { #wpcomm .wc_comm_form.wc_main_comm_form .wc-field-textarea .wpdiscuz-textarea-wrap textarea { background: #44475A; color: #bfbfbf; } }
@media (prefers-color-scheme: dark) { #wpcomm .wpdiscuz-front-actions { background: #44475A !important; } }

#wpstats {
display: none;
}
#entry > *, #post-meta, .single .post-tags, .fb, #yt-cover, .weekly-index-item > .thecontent > *, #entry > .fb-video.fb_iframe_widget, #entry .full-width-section > * {
	max-width: 700px;
	width: 90%;
	margin-left: auto !important;
	margin-right: auto !important;
	margin-bottom: 1em;
}

#entry section > .full-width:first-child {
	margin-top: -20px;
	padding-top: 0;
}

#entry section > .full-width:first-child img {
	margin-top: 0;
	padding-top: 0;	
}

#entry section + h4 {
	padding-top: 2rem;
}

#entry .full-width-section {
	margin-bottom: 0;
}

#entry > .full-width.download-app {
	background: rgb(237, 239, 239);
	padding: 2rem 5%;
}

#entry > .full-width.download-app p {
	font-size: 0.9em;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

#entry .download-app  #sendButton, .download-app .fle-download {
	margin-top: 0;
	border-radius: 15px;
	font-family: 'Noto Serif', -apple-system, BlinkMacSystemFont, 'Helvetica', 'Tahoma', 'Arial', sans-serif;

	text-transform: uppercase;
	background: #8cbccc;
	font-size: 13px;
}

.download-app .fle-download i {
	padding-right: 10px;
}

#entry > .full-width.download-app .fle-download {
	padding: 20px 40px;
	font-size: 18px;
}

body.role-administrator .download-app {
	display: block !important;
}

.download-app hr:before {
	background: rgb(237, 239, 239);	
}

.download-app a {
	color: #8cbccc;
	font-weight: bold;
}

#entry #app-download {
	border-top: 1px solid #ddd;
	padding-top: 1rem;
	margin-top: 1rem;
	font-size: 0.9em;
}

#entry .download-app .mag-desc {
	margin-left: 1rem;
	color: #000;
}


#entry .download-app form label {
	display: block;
	margin-top: 1rem;
	font-family: 'Noto Serif', -apple-system, BlinkMacSystemFont, 'Helvetica', 'Tahoma', 'Arial', sans-serif;
	
}

#entry .download-app .alignleft {
	max-width: 350px !important;
	box-shadow: 0 2px 4px rgba(0,0,0,0.1);
	border-radius: 15px;
}

.download-app .fle-download {
	font-weight: bold;
	font-family: 'Noto Serif', -apple-system, BlinkMacSystemFont, 'Helvetica', 'Tahoma', 'Arial', sans-serif;

	color: #fff;
	display: inline-block;
}

#entry .download-app .flex input, .download-app .fle-download {
	margin-bottom: 0;
	padding: 0px 20px;
	font-size: 15px;
	line-height: 25px;
}

#entry .download-app .flex input[type="text"] {
	border-radius: 15px;
	margin-right: 1rem;
	box-shadow: none;
	border: 0;
	background: #fff;
	font-family: 'Noto Serif', -apple-system, BlinkMacSystemFont, 'Helvetica', 'Tahoma', 'Arial', sans-serif;

	transition: all 0.4s;
}

#entry .full-width.download-app > * {
	max-width: 100%;
	width: 700px;
	margin-left: auto !important;
	margin-right: auto !important;
}

.banner.entry  {
padding-left: 0;
padding-right: 0;
max-width: 100%;
width: 100%;
text-align: center;
margin-left: auto !important;
margin-right: auto !important;

}

.blog.custom .banner:nth-child(2) {
	padding-left: 0;
	padding-right: 0;
	margin-bottom: 0;
}
.blog.custom .banner.temp-3:nth-child(2) {
	margin-bottom: 1em;
	padding-left: 0.5em;
	padding-right: 0.5em;
}

article.single #thecontent iframe.twitter-tweet {

max-width: 550px !important;

}
#entry > aside {
width: auto;
}
.footnotes {
border-top: 1px solid #ddd;
padding-top: 2em;
margin-top: 2em;
}
.footnote-content-wrapper p {
color: #222 !important;
}
#thecontent > object {
display: block !important;
max-width: 100%;
margin-left: auto !important;
margin-right: auto !important;
}
.banner.entry {
padding-top: 1em;
}
#entry > .tiled-gallery.type-rectangular {
width: 100%;
}
.gallery-row {
margin: 0 auto;
max-width: 100%;
}
#entry .drop_cap, #thecontent .drop_cap {
float: left;
font-size: 5em;
font-weight: normal;
line-height: 0.90;
margin-top: 5px;
margin-right: 10px;
}
.single .post-tags {
	margin-top: 1em;
	padding: 0;
	font-family: 'Noto Serif', -apple-system, BlinkMacSystemFont, 'Helvetica', 'Tahoma', 'Arial', sans-serif;

font-size: 0.9em;
}
.single .post-tags a {
color: #aaa;
}
#title.external:before {
	content: "";
	display: none;
}
#title.external {
	padding-top: 40px;
}
#title, .weekly-title {
	max-width: 850px;
	width: 95%;	
	line-height: 120%;
	text-align: center;
	margin-bottom: 1em;
	margin-top: 1em;
	margin-left: auto !important;
	margin-right: auto !important;
	font-size: 2em;
}
@media (prefers-color-scheme: dark) { #title, .weekly-title { color: #BFBFBF; } }

#vid-cover {
	width: 100%;
	position: relative;
}

#vid-cover:before {
	content: "";
	display: block;
	padding-top: 52%;
}

#vid-cover * {
	width: 100% !important;
	height: 100% !important;
	max-height: 90vh !important;
	position: absolute;
	top: 0;
	left: 0;
}

.above-thumb + #cover {
	padding-bottom: 2rem;
}

.above-thumb {
	padding: 1px 0;
}

#related {
margin-top: 1em;
}
#related h1 {
text-align: center;
margin: 1em auto;
font-size: 1.5em;
}
article li {
	font-size: 1em;
	margin-left: 40px;
}
#entry, #entry p, #edito p {
	font-size: 18px;
	line-height: 160%;
}
#comments-area {
	padding: 10px 20px 0 20px;
}
#comments-area > div {
	padding: 20px;
}
#post-meta {
	margin-bottom: 2em;
	text-align: center;
	font-size: 0.9em;
}

}
#post-meta .comments {
}
#post-meta .timestamp {
text-transform: uppercase;
font-size: 0.8em;
padding: 3px 10px;
background: #eee;
font-weight: bold;
}
.author em a {
color: #000;
}

#entry > .wp-video {
	max-width: 1000px;
}

#entry > .wp-video[style="width: 200px;"] {
	max-width: 1000px;
	width: 200px !important;
}

#entry > .wp-video[style="width: 606px;"] {
	max-width: 700px;
	width: 100% !important;
}

#thecontent #entry > p.full-width.medium-width, #entry > *.full-width, #entry > *.full-width  > *.full-width,  .weekly-index-item > .thecontent > *.full-width {
padding: 20px 0;
max-width: 100%;
width: 100%;
}
#thecontent #entry div.full-width p, #thecontent #entry div.full-width h3, #thecontent #entry div.full-width h2 {
	padding-left: 3rem;
	padding-right: 3rem;
	margin-left: 0;
	color: inherit;
}

#thecontent #entry div.full-width h3, #thecontent #entry div.full-width h2 {
	padding-top: 2rem;
}

#thecontent #entry > div.full-width  {
	margin-bottom: 0;
}

#thecontent #entry div.full-width:last-of-type {
	margin-bottom: 2em;
}

#thecontent #entry div.full-width .column.marginless {
	margin-top: -20px;
	margin-bottom: -20px;
	padding: 0 !important;
}
#thecontent #entry div.full-width .column.marginless span.embed-youtube {
	width: 100%;
	position: relative;
}
#thecontent #entry div.full-width .column.marginless span.embed-youtube:before {
	padding-top: 50%;
	display: block;
	content: "";
}
#thecontent #entry div.full-width .column.marginless span.embed-youtube iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100% !important;
}

#thecontent #entry div.full-width .column.marginless p {
	margin-bottom: 0;
	padding: 0 !important;
}
article.single #thecontent div.full-width .column.marginless iframe {
	max-width: 100% !important;
}

#thecontent #entry > p.medium-width, .weekly-index-item > .thecontent > .p.medium-width {
	max-width: 700px;
	width: 90%;
}

.medium-width.banner {
	max-width: 1200px;
}

p.full-width img, img.full-width, p.medium-width img, img.medium-width, p.full-width > a, p.medium-width > a {
	width: 100%;
	display: block;
}
#thecontent .instagram-media.instagram-media-rendered {
	box-shadow: none !important;
	border-radius: 0px !important;
	border: 1px solid #ddd !important;
	max-width: 700px !important;
}

#thecontent iframe + p {
	padding-top: 20px;
}
#thecontent h2,  .weekly-index-item > .thecontent h2 {
position: relative;
color: #2F2D40;
margin: 0 20px 20px 20px;
font-size: 1.9em;
padding-top: 10px;
}
#thecontent h3,  .weekly-index-item > .thecontent h3 {
margin: 0 20px 10px 20px;
padding-top: 10px;
position: relative;
}
@media (prefers-color-scheme: dark) { #thecontent h2, #thecontent h3 { color: #BFBFBF; } }


#thecontent h2[style*="center"]::before,  .weekly-index-item > .thecontent h2[style*="center"]::before {
display: none;
}
#thecontent p, .weekly-index-item > .thecontent, #gateway p {
/*font-weight: 300;*/
}
#entry .wp-caption, .weekly-index-item > .thecontent .wp-caption {

max-width: 100% !important;

}
.wp-caption-text {

font-size: 0.9em;

}
#entry .wp-caption-text {

opacity: 0.8;

}
#entry .wp-caption.aligncenter p.wp-caption-text {

font-size: 0.9em;

text-align: center;

}
.alignleft {
float: left;
max-width: 55%;
margin-right: 1em !important;
margin-left: -2em;
margin-bottom: 20px;
}
.alignright {
float: right;
max-width: 55%;
margin-left: 1em !important;
margin-right: -2em;
margin-bottom: 20px;
}
.aligncenter {
display: block;
margin: 0 auto;
}
#entry .aligncenter {
margin: 1em auto;
}
article.single .post-meta {
padding-top: 5px;
}
article.single #thecontent iframe, article.single #thecontent .twitter-video, .weekly-index-item > .thecontent .twitter-video, .weekly-index-item > .thecontent iframe {
max-width: 800px !important;
display: block !important;
margin: 0 auto !important;
}
article.single #thecontent .twitter-video > div, .weekly-index-item > .thecontent .twitter-video > div {
display: block;
margin: 0 auto !important;
}
article.single #thecontent iframe[src*="youtu"], .weekly-index-item > .thecontent iframe[src*="youtu"] {
height: 400px !important;
width: 100% !important;
}
#entry .fb_iframe_widget iframe, #entry .fb_iframe_widget {
	margin-left: 0 !important;
	margin-bottom: 1em !important;
	display: block !important;
}
article.single #thecontent iframe[id*="twitter-widget"], #thecontent .embed iframe[id*="twitter-widget"], article.single #thecontent twitterwidget, .zine #thecontent twitterwidget, #entry .instagram-media, #entry iframe.tumblr-embed {
	margin-right: auto !important;
	margin-left: auto !important;
	margin-bottom: 1em !important;
	display: block !important;	
	max-width: 100% !important;
}

#entry .woocommerce .woocommerce-MyAccount-navigation {
	float: none;
	width: 100%;
}

#entry .woocommerce .woocommerce-MyAccount-navigation ul {
	display: flex;
	flex-wrap: wrap;
	text-align: center;
	line-height: 30px;
}

#entry .woocommerce .woocommerce-MyAccount-navigation li {
	margin-left: 0;
	font-size: 12px;
	line-height: 30px;
	background: #fafafa;
	flex-grow: 2;
	margin: 4px;
}

.woocommerce-account #entry .woocommerce-MyAccount-content {
	width: 100%;
	float: none;
	margin-top: 2em;
}

#entry iframe.wp-embedded-content {
	margin-left: auto !important;
	margin-right: auto !important;
	position: relative;
	display: block !important;
}

article.single #entry iframe#printForm {
height: 1550px;
width: 676px;
}
article.single #thecontent iframe.alignleft {
margin-right: 20px !important;
margin-left: -20px !important;
margin-bottom: 20px !important;
}
blockquote {
font-style: italic;
border-left: 0;
}
.postid-65107 blockquote p {
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-image: -moz-linear-gradient(-45deg,  #E1673A 0%, #562A29 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #E1673A), color-stop(100%,#562A29));
	background-image: -webkit-linear-gradient(-45deg,  #E1673A 0%,#562A29 100%);
	background-image: -o-linear-gradient(-45deg,  #E1673A 0%,#562A29 100%);
	background-image: -ms-linear-gradient(-45deg,  #E1673A 0%,#562A29 100%);
	background-image: linear-gradient(135deg,  #E1673A 0%,#562A29 100%);
}

#entry blockquote.left, #entry blockquote.right, #weekly-yz-issue blockquote.left, #weekly-yz-issue blockquote.right {
max-width: 1000px;
width: 60%;
}	
#entry blockquote.left p, #entry blockquote.right p, #weekly-yz-issue blockquote.left p, #weekly-yz-issue blockquote.right p {
width: 100%;
max-width: 300px;
line-height: 120%;
font-size: 1.2em;
}
#entry blockquote.left p, #weekly-yz-issue blockquote.left p {
margin: 1em 1em 1em auto;
}
.post-edit-link {

clear: both;

display: block;

}
#share {
	float: right;
    position: relative;
    z-index: 1;
}
#share a {
color: #000;
}
#share small {
background: #eee;
display: inline-block;
height: 30px;
line-height: 30px;
padding: 0 10px;
vertical-align: top;
}
#share i, .icons a {
background: #000;
color: #fff;
height: 30px;
line-height: 30px;
width: 30px;
font-size: 15px;
text-align: center;
margin-bottom: 10px;
}
a .hide-for-large-up {display: inline !important;}


.tile {
	position: relative;
	min-width: 250px;
	flex-grow: 2;
	flex-basis: 23%;
	max-width: 98%;
	margin: 1%;
	background: #333;
	border-radius: 10px;
}

.tile:after {
	content: "";
	width: 96%;
	bottom: 0;
	top: 10px;
	height: auto;
	left: 2%;
	border-radius: 12px;
	position: absolute;
	z-index: -1;
	box-shadow: 0 0 20px 2px rgba(0,0,0,0.1);
}

.tile-bg {
	position: absolute;
	border-radius: 10px;
	overflow: hidden;
	display: block;
	top: 0;
	left: 0;
	z-index: 2;
	mix-blend-mode: luminosity;
	filter: grayscale(1);
	width: 100%;
	height: 100%;
	opacity: 0.5;
	background-size: cover;
	background-position: center center;
}

.tile-gradient {
	z-index: 1;
	position: relative;
	border-radius: 10px;
	overflow: hidden;
	display: block;
	top: 0;
	left: 0;
	opacity: 0.8;
	width: 100%;
}

.tile-gradient:before {
	padding-top: 70%;
	display: block;
	content: "";
}

.tile-inside {
	z-index: 3;
	font-size: 0.9rem;
	position: absolute;
	top: 0;
	left: 0;
	padding: 1rem;
}

.tile-inside *, .tile a {
	color: #fff;
}

.tile-inside h2 {
	line-height: 120%;
	font-size: 1.4em;
	padding-top: 1em;
}

.tile-meta .comments {
	font-weight: bold;
}

.tile-categories {
	font-size: 0.9em;
	text-indent: -4px;
}

.tile-categories a {
	padding: 0 4px;
	margin-right: 5px;
	text-transform: uppercase;
}

.tile-categories a[href*="alert"] {
	display: none;
}

.tile-categories a:hover {
	background: #179cd9;
}

.tile-meta, .tile-categories, .tile-excerpt {
	font-family: 'Noto Serif', -apple-system, BlinkMacSystemFont, 'Helvetica', 'Tahoma', 'Arial', sans-serif;

}

.tile-excerpt {
	background: #fff;
	color: #aaa;
	position: relative;
	line-height: 140%;
	z-index: 5;
	margin-top: 200px;
	font-size: 14px;
	padding: 1em;
	padding-bottom: 5em;
	border-radius: 0 0 10px 10px;
}

.tile-excerpt p {
	color: #444;
	font-size: 1em;
}

.tile-meta a {
	color: #179cd9;
}

.tile-meta {
	z-index: 6;
	position: absolute;
	bottom: 0;
	padding: 1em;
	margin-top: 1em;
	font-size: 0.8rem;
	background: #fff;
	left: 0;
	right: 0;
}

body.category-alert #all .stream > div:first-child {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

@media screen and (max-width: 500px) {
	.tile {
		width: 100%;
		margin: 0;
		margin-bottom: 1em;
	}
}

@media only screen and (min-width: 64.063em) {

.category-3281 .stream .column:nth-of-type(4n+1) {
clear: both;
}

a .hide-for-large-up { display: none !important;}}
.snapchat {
	font-family: 'Noto Serif', -apple-system, BlinkMacSystemFont, 'Helvetica', 'Tahoma', 'Arial', sans-serif;

}
.icons a:hover {
	color: #fff !important;
}
.icons a {
color: #fff !important;
display: inline-block;
margin-left: 0;
margin-right: 10px;
margin-bottom: 10px;
}
#share i.fa-twitter {
background: #55ACEE;
}
span.twitter i {
color: #55ACEE !important;
}
span.twitter > a {
	color: #000;
}
#share i.fa-facebook, .facebook a {
background: #3664A2;
}
.facebook a {
color: #3664A3;
}
#share .reddit i {
background: #3393D8;
}
#share .google-plus i {
background: #D54330;
}
#share .linkedin i {
background: #0077B5;
}
.post-meta, #postmeta, #share small {
font-size: 14px;
}
#related .inside {
font-size: 14px;
}
hr:before {
content: "\f1db";
font-family: FontAwesome;
vertical-align: text-top;
display: block;
width: 50px;
margin: 0 auto;
text-align: center;
color: #2F2D40;
background: #fff;
padding: 0 5px;
font-size: 30px;
margin-top: -14px;
}

section[style*="background"] hr:before {
	background: inherit !important;	
}
#entry hr {
max-width: 900px;
background: inherit;
}
hr {
overflow: visible;
position: relative;
border-width: 0;
width: 100%;
margin: 30px auto 30px auto !important;
border-top: 1px solid rgba(120,120,120,0.4);
}
@media (prefers-color-scheme: dark) { .fa-user:before { border: solid: #BFBFBF; } }
@media (prefers-color-scheme: dark) { hr:before { border: solid: #BFBFBF; background: inherit; } }
@media (prefers-color-scheme: dark) { hr:after { border: solid: #BFBFBF; background: inherit; } }
hr.underline {
z-index: 0;
position: relative;
}
hr.underline + h3 {
text-transform: uppercase;
margin-top: -50px !important;
padding-bottom: 1em;
position: relative;
z-index: 1;
text-shadow: -5px 0px 0 #fff, 5px 0px 0 #fff;
}
hr.line:before {
display: none;
}
hr + h3 {
margin-top: 30px !important;
}
.full-width table {width: 98%; margin: 1%;}
section.full-width table {width: 100%; margin: 0;}
table ul, table li {padding-left: 0 !important;}
table {margin-bottom: 1rem !important; min-width: 100%;}
@media (prefers-color-scheme: dark) { table { color: #BFBFBF; background: #44475A; } }
@media (prefers-color-scheme: dark) { table tr th, table tr td { color: #BFBFBF; } }
#entry table * {
	font-size: 0.9rem;
}
/* */
.banner {
display: block;
margin: 0 auto 1em auto;
text-align: center;
padding-left: 0.5em;
padding-right: 0.5em;
}
.banner iframe {
	max-width: 100%;
	margin: 0 auto !important;
	display: block;
}
.banner:first-child {
margin-top: 1em;
margin-bottom: 2em;
}
.banner.centered {
clear: both;
}
.banner img {
vertical-align: middle;
max-width: 100% !important;
}
#bottom-ads {
margin-top: 0em;
padding: 1em 0;
/*border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;*/
}
#bottom-ads .row div {
line-height: 70px;
text-align: center;
}
#bottom-ads .row div img {
vertical-align: middle;
}
#bottom-ads a:hover {
opacity: 0.4;
}

/* Australia */

article.australia {
	position: relative;
	min-height: 100%;
	clear: both;
	padding: 3em;
	background-attachment: fixed;
	background-size: cover;
	overflow: hidden;
}

article.australia ~ article.australia {
	margin-top: 3em;
}

.au-thumbnails {
	max-width: 800px;
	/*position: fixed;*/
	margin: 0 auto;
	text-align: center;
	bottom: -3em;
	left: 0;
	display: flex;
	flex-wrap: wrap;
	right: 0;
	margin-top: 3em;
}
/*
.au-thumbnails .mCSB_container {
	display: flex;	
}*/

.au-thumbnails .media {
	margin: 0px;
	padding: 0 !important;
	flex-grow: 2;
	min-width: 100px;
	width: 16%;
}

.au-thumbnails.col-5 .media {
	width: 20%;
}

.au-thumbnails.col-4 .media {
	width: 25%;
}

.au-thumbnails.col-3 .media {
	width: 33%;
}

.au-thumbnails .media a {
	display: block;
	background-size: cover;
}

.au-thumbnails .media a:after {
	content: "";
	background: rgba(255,255,255,0.3);
	transition: all 0.4s;
	padding-top: 100%;
	display: block;
	background-size: cover;
}

.au-thumbnails .media:hover a:after {
	background: rgba(255,255,255,0);
}

.au-post-content .au-img {
	float: right;
	margin-right: -3rem;
	margin-left: 3rem;
	max-width: 50%;
	clear: both;
}

.au-post-content .au-img + p {
	max-width: 900px;
}

.au-post-content .au-img:nth-of-type(4n+1) {
	float: left;
	margin-left: -3rem;
	margin-right: 3rem;
}

.au-post-content {
	max-width: 800px;
	position: relative;
	z-index: 3;
	background: #fff;
	margin: 0 auto;
	/*height: 90vh;*/
	padding: 3rem;
	overflow: auto;
}

.au-post-content p {
	max-width: 700px;
	margin-left: auto;
	margin-right: auto;
}


.au-post-meta i {
	padding-left: 2em;
	padding-right: 0.5em;
}

.au-post-content .entry h1 {
	line-height: 120%;
	font-size: 2em;
}


.au-post-meta {
	font-family: 'Noto Serif', -apple-system, BlinkMacSystemFont, 'Helvetica', 'Tahoma', 'Arial', sans-serif;
	color: #a4a4a4;
	margin-bottom: 1rem;
	padding-bottom: 1em;
	font-size: 0.8em;
	border-bottom: 1px solid #ddd;
}

#twitter-timeline {
	background: #fff;
	position: fixed;
	width: 350px;
	top: 0;
	padding: 20px;
	padding-top: 120px;
	height: 100%;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	border-right: 1px solid #ddd;
	color: #fff;
}

#twitter-timeline iframe {
	max-height: 80vh;
}

#twitter-timeline * {
	color: #fff;
}

#twitter-timeline ~ #ces, #twitter-timeline ~ .event-page {}

#twitter-timeline ~ #ces, #twitter-timeline ~ .event-page, #twitter-timeline ~ footer, #twitter-timeline ~ #bottom-ads {
	margin-left: 350px;
} 

#event-header {
	padding: 2rem;
	text-align: center;
	background: #fff;
}

#ifa a {
	color: #172A79;
}

#ifa a:hover {
	color: #073872;
}

#ces a {
	color: #4D97C8;
}

#ces a:hover, a:focus {
	color: #3DBD9D;
}

@media screen and (max-width: 770px) {

	#twitter-timeline {
		position: static;
		height: 450px;
		display: flex;
		margin: 20px 0;
		width: 100%;
		padding-top: 0;
		overflow: scroll;
	}

	#twitter-timeline iframe[id*="twitter-widget-"] {
		margin: 0 20px 0 0 !important;
		display: block !important;
	}

	#twitter-timeline ~ #ces, #twitter-timeline .event-page, #twitter-timeline ~ footer, #twitter-timeline ~ #bottom-ads, #twitter-timeline ~ #ces, #twitter-timeline ~ .event-page, #twitter-timeline ~ footer, #twitter-timeline ~ #bottom-ads {
		margin-left: 0;
	}

	article.australia {
		padding: 2em;
	}

	.au-post-meta {
		font-size: 11px;
	}

	.au-post-content .entry h1 {
		font-size: 1.3rem;
	}

	.au-post-content {
		padding: 2rem;
	}

	.au-post-content p {
		font-size: 0.9rem;
	}

}

/* Pages */
.page-template-page-main article, .page-template-page-main .article {
margin-bottom: 0;
}
#entry .cform fieldset {
background: #fff;
border: 1px solid #ddd;
padding: 1em;
}
#entry .cform legend {
font-weight: bold;
padding: 0 1em;
font-size: 1.5em;
color: #222;
}
#entry .cform label {
display: block;
text-align: left;
font-weight: bold;
width: 100%;
margin: 0;
}
#entry .cform input, #entry .cform textarea, #entry .cform select {
display: inline-block;
width: 50%;
}
#entry .cform input.sendbutton, #entry #sendButton {
width: 100px;
font-weight: bold;
font-size: 1.2em;
color: #fff;
border: 0 !important;
cursor: pointer;
margin-right: 1em;
margin-top: -2em;
}
#entry .cform label span {
text-align: left;
font-weight: bold;
width: 100%;
}
#entry span.reqtxt, #entry span.emailreqtxt {
display: inline-block;
margin-left: 5px;
margin-top: 7px;
}
img.redakcja {
float: left;
width: 115px;
margin-right: 15px;
padding-right: 15px;
padding-bottom: 2em;
margin-bottom: 1em;
border-right: 1px solid #ddd;
}
div.redakcja {
min-height: 130px;
margin-top: 2em;
font-size: 0.9em;
}
.redakcja ~ h3 {
clear: both;
}
#kontakt h3 {
max-width: 100%;
padding-left: 0;
margin-left: 0;
}
/* Sidebar */

#sidebar .textwidget {
	display: flex;
	justify-content: space-around;
}

#sidebar {
	width: 100%;
	clear: both;
}

#sidebar-ads {
	width: 300px;
}

#sidebar iframe {
	overflow: hidden;
	height: 270px !important;
	border: 0;
}

#slideshow, #slideshow2 {
position: relative;
}
#slideshow div.active, #slideshow2 div.active, #slideshow3 div.active {
z-index: 10;
opacity: 1.0;
}
#slideshow div.last-active, #slideshow2 div.last-active, #slideshow3 div.last-active {
z-index: 9;
}
#slideshow div, #slideshow2 div {
width: 300px;
max-width: 100%;
left: 0;
right: 0;
position: absolute;
margin: 0 auto;
padding: 0;
z-index: 8;
opacity: 1.0;
display: block;
overflow: hidden;
}

#text-402422659, #text-402422657 {
padding: 0;
border: 0;
}
#text-402422659 iframe {
display: block !important;
margin: 0 auto !important;
}
.widget {
background: #fff;
padding-top: 0.5em;
padding-bottom: 0.5em;
margin-bottom: 2em;
position: relative;
border: 1px solid #ddd;
}
#sidebar-ads {
overflow: hidden;
}

#sidebar-ads img {
max-width: 100%;
display: block;
}
.widget h2 {
font-size: 1.5em;
margin-bottom: 1em;
padding-bottom: 10px;
border-bottom: 1px solid #ddd;
position: relative;
font-weight: normal;
text-align: center;
font-style: italic;
}
.widget .overlay {
margin-bottom: 1em;
height: 140px;
display: block;
background-size: cover;
background-position: center center;
}
.widget .excerpt {
font-size: 0.9em;
line-height: 160%;
}
form label {
display: none;
}
nav > .fa-search {
float: right;
padding-left: 5px;
padding-top: 25px;
cursor: pointer;
}
article .searchform {
position: relative;
padding-bottom: 5px;
width: 100%;
max-width: 400px;
margin-left: auto;
margin-right: auto;
}
#s, .searchform input.s {
background: #fff !important;
border: 0;
border-radius: 5px;
padding: 1em;
font-size: 19px;
box-shadow: 0px 2px 4px rgba(0,0,0,0.3);
height: auto !important;
margin-bottom: 6px;
}
#searchsubmit, .searchsubmit {
position: absolute;
top: 50%;
margin-top: -16px;
font-size: 20px;
right: 20px;
background: transparent;
color: #000;
border: 0;
cursor: pointer;
font-family: 'FontAwesome';
font-weight: bold;
text-transform: uppercase;
}
/* Bottom */
#bottom {
background: #222;
color: #eee;
}
#bottom .columns {
padding-top: 2em;
padding-bottom: 2em;
}
#bottom h2 {
color: #ddd;
}
input[type="text"] {
background: rgba(0,0,0,0.1);
border: 1px solid #475000;
}
input[type="text"]:focus {
background: rgba(0,0,0,0.2);	
}
#placeholder404 span {
display: block;
width: 100%;
height: 500px;
background-position: center center;
background-size: contain;
background-repeat: no-repeat;
margin: 0 auto 2em;	
}
.placeholder {
display: block;
width: 200px;
max-width: 100%;
height: 50px;
background-position: center center;
background-size: contain;
background-repeat: no-repeat;
margin: 0 auto;
}
footer {
background: #222;
padding: 2em 0;
}
@media (prefers-color-scheme: dark) { footer { color: #838C95; background: #282A36; } }
footer .row {
color: #eee;
font-size: 18px;
text-align: center;
}
footer .row  div {
font-size: 0.9em;
}
footer .large-4.small-12.medium-12:first-of-type {
text-align: left;
}
footer li {
list-style-type: none;
display: inline-block;
font-size: 2em;
}
footer ul {
margin-left: 0;
}
footer a {
color: #eee;
}
#footer-logo {
width: 50%;
}
/* Stuff & things */
section.center {
text-align: center;
}
iframe {
display: block;
max-width: 100% !important;
}
.embed-youtube iframe {
	width: 100%;
}
nav .fa-bars, #search {
display: none;
}
header .row {
position: relative;
}
#search {
position: absolute;
right: 0;
left: 0;
width: 90%;
max-width: 800px;
margin: 0 auto;
overflow: visible;
top: 110%;
}
/* Users */
#authors {
background: #363D40;
clear: both;
}
@media (prefers-color-scheme: dark) { #authors { background: #44475A; } }
#authors h5 a {
color: #fff;
}
#authors img {
float: left;
width: 97px;
margin-right: 0.5em;
}
#authors .icons a:hover {
background: #000;
}
#authors h2 {
color: #ffffff;
text-align: center;
margin: 0.5em auto 1em;
}
#authors .column {
margin-bottom: 2em;
min-height: 100px;
}
#authors h5 {
color: #ffffff;
font-size: 1.1em;
}
#author img {
margin-right: 1em;
}
#author {
margin-bottom: 1em;
}
.src {
opacity: 0.8;
font-size: 0.9em;
}
#single-zine #entry .user-desc {
	margin-bottom: 2em;
}
#single-zine #entry .user-desc p {
	font-size: 0.8em;
	margin-bottom: 0.5em;
}

#single-zine .user-desc h4 {
	margin-top: 0;
	font-size: 1.1em;
	margin-bottom: 0.5em;
}

#single-zine .icons a {
	margin-right: 5px;
}


.zine-first-issue {
	position: relative;
	overflow: hidden;
	width: 100%;
}

.zine-flex {
	padding: 3em;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
	margin: 0 auto;
	max-width: 1100px;
}

#weekly-series {
	justify-content: space-around;
	display: flex;	
	flex-wrap: wrap;
	margin: 0 auto;
	background: #f0f0f0;
	padding: 2rem 0;	
}

#weekly-issues {
	padding: 2rem 0;
	background: #f0f0f0;
}

#weekly-issues .zines {
	max-width: 1600px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 90%;
	margin: 0 auto;
}

.weekly-serie {
	width: 20%;
	flex-grow: 2;
	position: relative;
	background-size: cover;
	background-position: center center;
}

.weekly-serie span {
	position: absolute;
	bottom: 0;
	padding: 1em;
	font-size: 1em;
	line-height: 1em;
	color: #fff;
	z-index: 2;
	font-family: 'Noto Serif', -apple-system, BlinkMacSystemFont, 'Helvetica', 'Tahoma', 'Arial', sans-serif;

	font-weight: bold;
	display: block;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
}

.weekly-serie:before {
	padding-top: 35%;
	content: "";
	display: block;
	background: rgba(0,0,0,0.5);
	transition: all 0.4s;
}

.weekly-serie:hover:before {
	background: rgba(0,0,0,0.1);
}

#weekly-issues article.card {
	width: 300px;
	font-size: 0.9em;
	flex-grow: 2;
	margin: 2rem;
	max-width: 600px;
}

.card .issue-cover {
	background-size: cover;
	background-position: center center;
	margin-bottom: 1rem;
	padding-top: 60%;
	display: block;
}

#weekly-issues .card h2 {
	font-size: 1.3em;
}

.card h1 {
	font-size: 1.5em;
}

.zine-flex > article {
	max-width: 500px;
	width: 50%;
	min-width: 300px;
	color: #fff;
}

.zine-first-issue .blur-cover {
	filter: blur(20px);
	z-index: -1;
	-webkit-filter: blur(20px);
	position: absolute;
	top: -5%;
	left: -5%;
	width: 110%;
	height: 110%;
	background-size: cover;
	background-position: center center;
}

.zine-first-issue a {
	color: #179CD9;
	font-weight: bold;
}

#content.zine-first-issue ul.products li.product h3 {
	color: #fff;
}

#content.zine-first-issue .woocommerce ul.products li.product .price {
	color: #179CD9 !important;
}

.zine-first-issue .blur-cover:before {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.5);
	position: absolute;
	content: "";
}

.zine-first-issue .woocommerce ul.products li.product  {
	min-width: 80%;
}

.post-84525 .woocommerce ul.products li.product {
	width: 400px;
	max-width: 100%;
	margin: 1em auto;
	float: none;
	display: block;
}

.zine-first-issue .woocommerce ul.products li.product img {
	background-color: #fff;
	margin-right: 1em;
}

#newest-zine {
	max-width: 500px;
	width: 50%;
	min-width: 300px;
}

article.card {
	background: #fff;
	padding-bottom: 2rem;
	overflow: hidden;
	margin-left: 2em;
}

article.card h1 {
	font-size: 1.5em;
}

article.card img, article.card > a {
	width: 100%;
	display: block;
}

article.card h1, article.card h2, article.card p {
	padding: 0 2rem;
}

article.card h1, article.card h2 {
	padding-top: 1rem;
}

article.card p {
	font-size: 0.8em;
}

@media only screen and (max-width: 38em) {

	.weekly-serie {
		width: 33%;
	}


	#extras {
		margin: 20px 10px;
	}

	#extras.cisco {
		display: block;
		padding-right: 20px;
	}

	#extras article, #extras .info  {
		width: unset;
		flex: 1 1 80%;
		margin: 0 20px 20px 0;
	}

	#extras.cisco .posts {
		display: flex;
		flex-direction: column;
		margin: 0;
	}

	#extras.cisco article {
		width: 100%;
		flex: 1 1 80%;
		margin-top: 20px;
	}


	.toc-right .large-push-1 {
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		background: #fff;
		z-index: 2;
		margin: 0 auto;
		padding-left: 0;
		padding-right: 0;
	}

	.toc-right {
		position: relative;	
	}

	.toc h4 {
		padding-left: 0;
	}

	.toc-right .toc-thumb img {
		margin-bottom: 140px;
	}
	
.toc h4, .toc .terms {
	border-left: 0 !important;
	border-right: 0 !important;
	text-align: center;
}

.weekly-index:first-of-type {
	padding-top: 0 !important;
}

.toc {
	margin-top: 0em !important;
	padding-bottom: 1em;
	margin-bottom: 0 !important;
	border-bottom: 1px solid #ddd;
}

.alignleft {
float: left;
max-width: 45%;
margin-right: 1em !important;
margin-left: 0em;
margin-bottom: 20px;
}
.magazine-cover p {
margin-left: 0 !important;
padding: 1em 0 !important;
}
.alignright {
float: right;
max-width: 45%;
margin-left: 1em !important;
margin-right: 0em;
margin-bottom: 20px;
}
#entry .wp-caption-text {

font-size: 14px;

padding-top: 1em;

width: 90%;

margin: 0 auto;

opacity: 0.8;

}
#entry .wp-caption.aligncenter p.wp-caption-text {

font-size: 0.9em;

text-align: center;

}
#authors img {
float: left;
width: 60px;
margin-right: 0.5em;
}
#authors .icons {
clear: both;
}
#authors .icons a {
margin-right: 5px;
}
.user-desc p {
font-size: 0.7em;
}
#author img {
max-width: 90%;
}
#author .icons a {
margin-right: 5px;
}
#entry blockquote.left, #entry blockquote.right {
max-width: 1000px;
width: 100%;
}
#entry blockquote.right p, #entry blockquote.left p {
margin: 1em;
max-width: 100%;
width: auto;
}
.page-numbers {
padding: 2px 5px;
font-size: 0.9em;
background: #fff;
margin-right: 5px;
}	
.magazine {
padding: 0 0.5em;
display: block;
}
header h1 {
height: 45px;
text-align: left;
padding-left: 1em;
padding-top: 5px !important;
}
header {
height: 65px;
}

.single #content {
padding-top: 0px;
}
header h1 img {
height: 35px;
width: auto;
}
#comments-area, #disqus_thread, #comments-area > div {
padding: 0;
}
.magazine h4 {
font-size: 2em;
}
header h1 {
padding: 10px;
}
.big-title {
text-align: left;
padding-top: 15px;
font-size:1.5em;
line-height: 1.2em;
}
nav .fa-bars {
cursor: pointer;
display: block;
float: right;
position: relative;
font-size: 1.4em;
padding: 20px 15px 20px;
}
#zine-menu .sub-menu {
width: 100%;
min-width: 100%;
}
nav > div {
position: fixed;
top: 0;
right: -200px;
width: 200px;
background: #222;
text-align: left;
height: 100%;
overflow-y: scroll; 
-webkit-overflow-scrolling: touch;
z-index: 1;
}
nav > div li {
line-height: 50px;
display: block;
}
nav > div li a {
border-bottom: 1px solid #000;
}
nav > div a {
color: #fff;
}
nav > div ul.sub-menu {
border: 0;
background: #222;
display: block;
position: static;
}
nav > div ul.sub-menu li a {
padding-left: 2em;
color: #fff;
}
nav li:hover, nav li.current-menu-item, nav > div ul.sub-menu li:hover {
background: #F0821D;
}
#post-meta .author {
display: block;
}
#entry .cform input, #entry .cform textarea, #entry .cform select {
display: block;
width: 100%;
}
#entry span.reqtxt, #entry span.emailreqtxt {
display: inline-block;
margin-left: 0px;
margin-top: -10px;
margin-bottom: 5px;
}
.banner.row img {
width: 100%;
}
.banner {
padding-top: 0.5em;}
}

@media only screen and (min-width: 64.063em) {

	.zine-parent > a > i {
		min-width: 30px;
	}

	#zine-menu li.zine-parent > a {
		width: 40px;
		overflow: hidden;
		white-space: nowrap;
		transition: all 0.4s;
	}	

	#zine-menu li.zine-parent > a > span {
		padding-right: 10px;
		padding-left: 10px;
		/*position: absolute;
		top: 0;
		width: auto;
		right: 50%;
		white-space: nowrap;
		transition: all 0.4s;
		font-size: 14px !important;
		color: #333;
		background: #eee;
		padding: 0px 10px;
		opacity: 0;
		z-index: 6;*/
	}

	#zine-menu li.zine-parent:hover > a {
		width: 180px;
	}

	#zine-menu li.zine-parent:hover > a > span {
		font-size: 14px !important;
		opacity: 1;
	}

	#zine-menu li.zine-parent > a {
		text-align: left;
		position: relative;
	}

	#zine-menu li.zine-parent .sub-menu {
		opacity: 0;

	}

	#zine-menu li.zine-parent:hover .sub-menu { 
		opacity: 1;	
	}


}

/* Medium only */
@media only screen and (min-width: 38.063em) and (max-width: 64em) {

	.weekly-serie {
		width: 25%;
	}

	#extras {
		margin: 40px -10px 20px 10px;
	}

	#extras article, #extras .info  {
		width: calc(50% - 20px);
		margin: 0 20px 20px 0;
	}

	#extras.cisco article {
		flex: 1 1 80%;
		margin: 0 20px 20px 0;
	}

	#extras.cisco article:last-child {
		margin: 0 20px 0 0;
	}

	.cisco .info {
		align-self: flex-start;
		flex: 0 0 60%;
	}

.toc h4 {
	padding-left: 1rem !important;
}
#authors img {
float: left;
width: 80px;
margin-right: 0.5em;
margin-bottom: 5px;
}
#authors h5 {
font-size: 1em;
}
#authors .icons {
clear: both;
}
#authors .icons a {
margin-right: 5px;
}
#entry blockquote.left, #entry blockquote.right {
max-width: 1000px;
width: 40%;
}	
#entry blockquote.right p {
margin-left: 2em;
margin-right: 1em;
max-width: 100%;
width: auto;
}
#entry blockquote.left p {
margin-right: 2em;
margin-left: 1em;
width: auto;
max-width: 100%;
}
.banner {
padding-top: 0.5em;
}
nav > div ul.sub-menu li a {
color: #fff;
}			
nav > div ul.sub-menu li:hover a {
color: #111;
}
nav div li:hover > a > i {
color: #111;
}
nav > div a {
color: #fff;
}
.banner.row img {
width: 75%;
}
.alignleft {
float: left;
max-width: 55%;
margin-right: 1em !important;
margin-left: 0em;
margin-bottom: 20px;
}
.alignright {
float: right;
max-width: 55%;
margin-left: 1em !important;
margin-right: 0em;
margin-bottom: 20px;
}
nav li:hover, nav li.current-menu-item {
background: #F0821D;
}
.small h3 span {
font-size: 0.7em;
}
.small .cover {
height: 150px;
}
nav .fa-bars {
cursor: pointer;
display: block;
float: right;
position: relative;
font-size: 1.1em;
padding: 25px 15px 20px 60px;
}
nav .fa-bars:after {
	content: "Menu";
	font-weight: bold;
	font-family: 'Roboto Condensed', -apple-system, BlinkMacSystemFont, sans-serif;
	text-transform: uppercase;
	position: absolute;
	margin-right: 5px;
	font-size: 0.8em;
	line-height: 20px;
	left: 0;
}
#zine-menu .sub-menu {
width: 100%;
min-width: 100%;
}

nav > div {
position: fixed;
top: 0;
right: -200px;
width: 200px;
background: #222;
text-align: left;
height: 100%;
-webkit-overflow-scrolling: touch;
overflow: auto;
z-index: -1;
}
nav > div li {
line-height: 45px;
display: block;
}
nav > div li a {
border-bottom: 1px solid #000;
}
nav > div a {
color: #fff;
}
nav > div ul.sub-menu {
border: 0;
background: #222;
display: block;
position: static;
}
nav > div ul.sub-menu li a {
padding-left: 2em;
}
.banner.right {
width: 50%;
}
.banner.left {
width: 50%;
}
.banner.right-2x {
width: 100%;
float: none;
}
.banner.left-2x {
float: none;
width: 100%;
}
}

@media only screen and (min-width: 1025px) and (max-width: 1300px) {

	.weekly-serie {
		width: 25%;
	}

/*#zine-menu li a i {
	display: none;
}*/

nav li a {
	padding: 0 5px;
}

.zine-cover-inside h2, #issue-cover .inside #title {
	font-size: 3em !important;
}

.zine .header h2 {
	font-family: 2em;
}

#zine-menu li a i {
	font-size: 14px;
}

}
@media only screen and (min-width: 64.063em) {
header nav li .sub-menu li:hover a {
color: #000;
}
#entry .alignleft {
margin-left: -3em !important;
}
#entry .alignright {
margin-right: -3em !important;
}
#authors .large-3:nth-child(4n+1) {
clear: both;
}
.banner.right {
width: 33.33333%;
}
.banner.left {
width: 33.33333%;
}
.banner.right-2x {
width: 66.66666%;
float: right;
}
.banner.left-2x {
float: left;
width: 66.66666%;
}
#entry blockquote.left, #entry blockquote.right {
max-width: 1000px;
width: 40%;
}		

}
.lv_window.lv_window_mac, .lv_window.lv_window_mac * {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.lv_slider {
padding-top: 5px !important;
}
/* Halloween CSS */

/*

.fa.fa-search:before {

content: "";

}
#menu-item-53767 {

background-repeat: no-repeat;

background-image: url(img/web.png);

background-size: contain;

background-position: center center;		

}
hr.fa-apple:before {

content: "";

width: 60px;

height: 60px;

margin-top: -30px;

background-repeat: no-repeat;

background-image: url(img/duszek.png);

background-size: contain;

background-position: center center;

}
hr.fa-headphones:before {

content: "";

width: 60px;

height: 60px;

margin-top: -30px;

background-repeat: no-repeat;

background-image: url(img/wampir.png);

background-size: contain;

background-position: center center;

}
hr:before {

content: "" !important;

width: 60px;

height: 60px;

margin-top: -30px;

background-repeat: no-repeat;

background-image: url(img/czacha.png);

background-size: contain;

background-position: center center;

}
h2 .fa.fa-users:before {

content: "";

}
h2 .fa.fa-users {

width: 50px;

height: 40px;

background-repeat: no-repeat;

background-image: url(img/redakcja.png);

background-size: contain;

background-position: center center;	

display: inline-block;

vertical-align: baseline;

margin-bottom: -4px;

}

*/
/* Bond! */

/*

.fa.fa-search:before {

content: "";

}
#menu-item-53767 {

background-repeat: no-repeat;

background-image: url(szukaj.png);

background-size: contain;

background-position: center center;		

}
hr.fa-apple:before {

content: "";

width: 60px;

height: 60px;

margin-top: -30px;

background-repeat: no-repeat;

background-image: url(gun.png);

background-size: contain;

background-position: center center;

}
hr.fa-headphones:before {

content: "";

width: 60px;

height: 60px;

margin-top: -30px;

background-repeat: no-repeat;

background-image: url(gun.png);

background-size: contain;

background-position: center center;

}
hr:before {

content: "" !important;

width: 60px;

height: 60px;

margin-top: -30px;

background-repeat: no-repeat;

background-image: url(martini.png);

background-size: contain;

background-position: center center;

}
h2 .fa.fa-users:before {

content: "";

}
h2 .fa.fa-users {

width: 50px;

height: 40px;

background-repeat: no-repeat;

background-image: url(ludzie.png);

background-size: contain;

background-position: center center;	

display: inline-block;

vertical-align: baseline;

margin-bottom: -4px;

}

*/

/* Star Wars! */

/*.fa.fa-search:before {

content: "";

}
#menu-item-53767 {

background-repeat: no-repeat;

background-image: url(img/star-wars-icons-Search.png);

background-size: contain;

background-position: center center;		

}
hr.fa-apple:before {

content: "";

width: 60px;

height: 60px;

margin-top: -30px;

background-repeat: no-repeat;

background-image: url(img/star-wars-icons-Apple.png);

background-size: contain;

background-position: center center;

}
hr.fa-headphones:before {

content: "";

width: 60px;

height: 60px;

margin-top: -30px;

background-repeat: no-repeat;

background-image: url(img/star-wars-icons-Lifestyle.png);

background-size: contain;

background-position: center center;

}
hr:before {

content: "" !important;

width: 60px;

height: 60px;

margin-top: -30px;

background-repeat: no-repeat;

background-image: url(img/star-wars-icons-OZDOBNIK-HR.png);

background-size: contain;

background-position: center center;

}
h2 .fa.fa-users:before {

content: "";

}
h2 .fa.fa-users {

width: 50px;

height: 40px;

background-repeat: no-repeat;

background-image: url(img/star-wars-icons-Drukuj.png);

background-size: contain;

background-position: center center;	

display: inline-block;

vertical-align: baseline;

margin-bottom: -4px;

}*/

.flex {
	display: flex;
}

#bottom-ads {
	background: #fff;
}

/* FitBit stuff & things */

#fitbit {
	clear: both;
}

#entry.before-event p {
	font-family: 'More Pro Book', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
	font-size: 2.5em;
	font-weight: bold;	
	text-align: center;
	color: #072a39;
	margin-bottom: 1em;
}

body.post-type-archive-fitbitchallenge {
	background: #eee;
}

#fitbit.homepage-fitbit {
	margin-top: 6em;
}

#fitbit a {
	color: #45C2C4;
}

#fitbit-logo {
	display: block;
	width: 70%;
	padding: 1em 0;
	max-width: 500px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}

.fitbit-user-info {
	max-width: 500px;
	width: 100%;
	text-align: right;
}

.fitbit-user-info.user-2 {
	margin-left: auto;
	margin-right: 0;
	text-align: left;
}

#fitbit-ribbon {
	display: block;
	background: #fff;
	margin: 0em 0 6em;
	font-family: 'Noto Serif', -apple-system, BlinkMacSystemFont, 'Helvetica', 'Tahoma', 'Arial', sans-serif;
	position: relative;
}

#fitbit-comments {
	background: #fff;
	padding: 2em;
	font-size: 15px;
}

#fitbit-ribbon .fitbit-progress-bar {
	background: #179CD9;
	height: 40px;
	position: absolute;
	width: 100%;
	top: 100%;
	left: 0;
}

#fitbit-ribbon .flex {
	position: relative;
	z-index: 2;
}

.flex > div {
	width: 45%;
	flex-grow: 2;
	padding: 0 2em;
}

#fitbit-ribbon .fitbit-progress {
	background: #e13a3e;
	transition: all 2000ms ease-out;
	position: absolute;
	left: 0;
	top: 0;
	width: 50%;
	height: 100%;
}

#fitbit-ribbon .column {
	margin-top: 0;
	margin-bottom: 0;
}

.half {
	background: #3D5A5B;
	z-index: -1;
	position: fixed;
	width: 50%;
	right: 0;
	top: 0;
	height: 100%;
}

.fitbit-name {
	line-height: 1em;
	font-weight: bold;
	font-family: 'Noto Serif', -apple-system, BlinkMacSystemFont, 'Helvetica', 'Tahoma', 'Arial', sans-serif;
	font-size: 2.5rem;
	color: #072A39;
	text-transform: uppercase;
}

.avatar-circle {
	vertical-align: middle;
	display: inline-block;
	max-width: 200px;
	width: 38%;	
}

.avatar-circle img {
	box-shadow: 0 3px 3px rgba(0,0,0,0.1);
	border: 5px solid #fff;
	margin-top: -1rem;
	margin-bottom: -1rem;
	font-size: 0;
	display: block;
	max-width: 100%;
	width: 100%;
	height: auto;
	border-radius: 125px;
	-moz-border-radius: 125px;
	-webkit-border-radius: 125px;
}

.fitbit-user {
	font-size: 0;
	padding: 0 1rem;
	width: 60%;
	vertical-align: middle;
	display: inline-block;
}

.fitbit-user p {
	color: #06AFB9;
	margin-bottom: 0px;
	font-size: 1.5rem;

}

#fitbit-activity {
	padding: 2em 0 0 0;
}

.fitbitchallenge {
	width: 50%;
	float: left;
	clear: both;
}

.fitbitchallenge.author-4 {
	float: right;
	border-right: 0;
	margin-right: 1px;
}

.fitbitchallenge .activity img.alignleft {
	max-height: 100%;
	position: relative;
	width: auto;
	margin-right: 2rem;
	margin-bottom: 0;
}

.fitbitchallenge .activity img.alignright {
	max-height: 100%;
	position: relative;
	width: auto;
	margin-left: 2rem;
	margin-bottom: 0;
}


.fitbitchallenge.author-57, .fitbitchallenge.author-2 {
	width: 100%;
    text-align: left;
    float: none;
    border-right: 0;
    padding-bottom: 1px;
    position: relative;
}

.fitbitchallenge.author-2 p img.aligncenter.size-medium {
	margin-left: auto;
	margin-right: auto;
	width: auto;
	max-width: 100%;
}

/*.fitbitchallenge.author-57:after, .fitbitchallenge.author-35:after {
	content: "";
	width: 1px;
	height: 100%;
	position: absolute;
	background: #fff;
	left: 50%;
	margin-left: -1px;
	top: 8px;
	z-index: -1;
}*/

.fitbitchallenge.author-35 .timestamp span {
	color: #E13A3E;
}

.fitbitchallenge.author-4 .timestamp span {
	color: #179cd9;
}

.fitbitchallenge.author-2 .timestamp span {
	color: #4dbfbf;
}

.fitbitchallenge.author-57 .timestamp, .fitbitchallenge.author-2 .timestamp {
	width: 100%;
	text-align: center;
}

.fitbitchallenge.author-57 .activity, .fitbitchallenge.author-2 .activity {
    max-width: 500px;
    float: none;
    margin-right: auto;
}

.fitbitchallenge .timestamp span {
	display: block;	
}

.fitbitchallenge .timestamp {
	position: relative;
	text-transform: uppercase;
	color: #222;
	font-family: 'Noto Serif', -apple-system, BlinkMacSystemFont, 'Helvetica', 'Tahoma', 'Arial', sans-serif;
	display: block;
	text-align: right;
	font-weight: bold;
	font-size: 15px;
	margin-top: -12px;
	padding-right: 15px;
}

.author-4 .timestamp {
	text-align: left;
	padding-left: 15px;
}

.activity.short-status p {
	font-size: 20px;
	margin-bottom: 0;
}

.format-aside .activity {
	box-shadow: inset  0 100px 250px rgba(77, 191, 191, 0.3);
	border-bottom: 0;
}

/*.format-aside .activity:before {
	content: "\f024";
	font-size: 120px;
	top: -60px;
	left: -3%;
	font-family: 'FontAwesome';
	position: absolute;
	color: #fff;
	text-shadow: 0 3px 3px rgba(0,0,0,0.3);
}*/

.activity {
	box-shadow: 0 2px 2px rgba(0,0,0,0.1);
	max-width: 500px;
	width: 90%;
	margin-left: auto;
	border-top: 3px solid #4DBFBF;
	margin-right: 15px;
	background: #fff;
	margin-top: 1em;
	position: relative;
	margin-bottom: 4em;
	padding: 2rem;
}

.author-4 .activity {
	margin-left: 15px;
	margin-right: auto;	
}

.activity p, .activity li {
	font-family: 'Noto Serif', -apple-system, BlinkMacSystemFont, 'Helvetica', 'Tahoma', 'Arial', sans-serif;
	font-size: 15px;
	margin-bottom: 0;
}

.activity ul {
	margin-top: 1em;
}

.activity li {
	margin-left: 0;
}

.activity p.status-image {
	width: calc(100% + 4rem);
	margin-left: -2rem;
}

.activity p.status-image img {
	float: none !important;
}

.activity p.status-image img {
	margin: 0 !important;
	float: none;
	max-width: 100%;
}

.activity p.status-image + p {
	margin-top: 2rem;
	clear: both;
}

.activity p.status-image:first-child {
	margin-top: -2rem;
}

.activity p.status-image:last-child {
	margin-bottom: -2rem;
}

.activity p ~ p {
	margin-top: 1em;
}

.fitbit-share {
	position: absolute;
	bottom: 0;
	right: 5px;
	height: 0px;
	width: 100px;
	overflow: hidden;
	text-align: right;
	transition: all 400ms ease-out;
}

.activity:hover .fitbit-share {
	height: 45px;
}

#fitbit .fitbit-share .facebook {
	color: #3b5998;
	width: 35px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	display: inline-block;
	margin-top: 10px;
}

#fitbit .fitbit-share .twitter {
	color: #55acee;
	width: 35px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	display: inline-block;
	margin-top: 10px;
}

/*.activity:before {
	content: "";
	width: 0;
	height: 0;
	border-width: 15px 15px;
	border-style: solid;
	border-color: transparent transparent transparent #fff;
	left: 100%;
	position: absolute;
	top: 10px;
}

.author-4 .activity:before {
	border-color: transparent #fff transparent transparent;	
	left: auto;
	right: 100%;
}*/

/* YzZine */

#scores {
	padding: 2em 0 !important;
	text-align: center;

}

/* Moridin version

#scores i {
	display: block;
	font-size: 2em;
}

#scores .enabled > * {
	pointer-events: none;
}

#thanks {
	background-color: #c0c0c0;
	cursor: pointer;
	color: #fff;
	padding: 2em 0;	
}

#i-like-it {
	background-color: #c0c0c0;
	cursor: pointer;
	color: #fff;
	padding: 2em 0;
}

#i-like-it:hover, #meh:hover {
	background-color: #222;
	color: #fff;
}

#meh {
	background-color: #909090;
	cursor: pointer;
	color: #fff;
	padding: 2em 0;
}

*/

/* Yz version */

#scores > div > span {
	display: inline-block;
	padding: 0.5em 1em;
	transition: all 0.4s;
}

#scores > div.enabled > span {
	cursor: pointer;
}


#scores > div.enabled > span:hover {
	color: #aaa;
}

#scores #thanks {
	opacity: 1;
	text-align: center;
    -webkit-animation: fade 0.8s; /* Chrome, Safari, Opera */ 
    animation: fade 0.8s;
}

@-webkit-keyframes fade {
    0%   {opacity: 0;}
    100% {opacity: 1;}
} 

/* Standard syntax */
@keyframes fade {
    0%   {opacity: 0;}
    100% {opacity: 1;}
}

#scores > div strong {
	vertical-align: middle;	
}

#scores i {
	margin-right: 5px;
	vertical-align: middle;
}

#weekly-ad {
	background: #eee;
	padding: 2em;
	margin: 2em 0;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

.weekly-ad {
	max-width: 60em;
	margin: 0em auto;
	background: #eee;
}

.weekly-ad #weekly-logo {
	display: block;
	max-width: 500px;
	width: 100%;
	margin: 0em auto 1em;
}

.navigation {
	padding-top: 2em;
}

.navigation .next {
	float: right;
}

.navigation .column {
	background-position: center center;
	background-size: cover;
	text-align: center;
	position: relative;
	padding: 0;
}

.navigation .column h3 {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	left: 5em;
	text-align: left;
	max-width: 400px;
	color: #fff;
	margin: 0 auto;
	display: inline-block;
	opacity: 0.7;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.4);
}

.navigation .next h3 {
	right: 5em;
	left: auto;
	text-align: right;
}

.navigation .column:hover h3 {
	opacity: 1;
}

.navigation .prev:after {
	content: "\f104";
	font-family: 'FontAwesome';
	font-size: 80px;
	left: 2rem;
	top: 50%;
	line-height: 80px;
	margin-top: -40px;
	position: absolute;
	color: #fff;
	opacity: 0.2;
	transition: all 0.3s;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.4);
}

.navigation .prev.large-12:before {
	padding-top: 17%;
}

.navigation .prev:hover:after {
	left: 4rem;	
	opacity: 0.8;
}

.navigation .next:after {
	content: "\f105";
	font-family: 'FontAwesome';
	font-size: 80px;
	right: 2rem;
	top: 50%;
	line-height: 80px;
	margin-top: -40px;
	position: absolute;
	color: #fff;
	opacity: 0.2;
	transition: all 0.3s;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.4);
}

.navigation .next:hover:after {
	right: 4rem;	
	opacity: 0.8;
}

/*.navigation .next h3 span {
	background: #225972;
	box-shadow: 10px 0 0px 0px #225972, -10px 0 0px 0px #225972;
}

.navigation .prev h3 span  {
	background: #B7191B;
	box-shadow: 10px 0 0px 0px #B7191B, -10px 0 0px 0px #B7191B;	
}*/

.navigation .column:before {
	padding-top: 35%;
	display: block;
	content: "";
	opacity: 0.3;
	background: #000;
}


.woocommerce div.product .woocommerce-tabs .panel {
	padding: 2em !important;
}

.single-weekly header {
	right: 0 !important;
}

#weekly-yz-issue {
	position: relative;
}

.single-weekly #content .section {
	width: 100%;
	display: block;
}

#edito {
	max-width: 700px;
	width: 90%;
	margin: 3em auto;
}

#weekly-index {
	max-width: 900px;
	width: 90%;
	margin: 3em auto;	
}


#issue-cover {
	width: 100%;
	background-size: cover;
	position: relative;
	z-index: -1;
	background-position: center center;
}

#issue-cover[style*="eggz"] {
	width: 700px;
	max-width: 100%;
	margin: 2em auto 0;
}

#issue-cover[style*="eggz"] .inside {
	display: none;
}

#issue-cover:before {
	padding-top: 63%;
	display: block;
	content: "";
}

#issue-cover .inside {
	position: absolute;
	bottom: 10%;
	color: #fff;
	max-width: 1000px;
	width: 90%;
	margin: 0 auto;
	left: 0;
	right: 0;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.9);
}

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

.login-popups a {
	color: #fff;
	font-weight: bold;

	padding: 10px 20px;
	margin: 0 10px;
}

#issue-cover .inside #title {
	font-size: 4em;	
	line-height: 120%;
	color: #fff;
	margin-top: 0;
}

#title img {
	max-width: 250px;
	height: auto;
}

#entry.space {
	padding-top: 3em;
}

article.zine {
	background: #fff;
	padding: 2em 0 0;
}

.zine .vertical {
	width: auto;
}

.zine .inline {
	vertical-align: baseline;
}

article.no-thumb {
	padding: 2em 0 0;
}

article.zine .header {
	text-align: left;
	margin-bottom: 2em;
	padding-top: 1em;
}

article.zine .header .zine-meta {
	color: #7a7a7a;
}

.zine-cover-inside .zine-meta {
	display: inline-block;
	background: #225972;
	color: #fff;
	padding: 5px 10px;
}

.zine .header h2 {
	font-size: 2.5em;
	text-align: center;
	line-height: 120%;
}

.single-weekly h2 small {
	display: block;
	line-height: 1.2em;
	color: inherit;
}

.zine-content {
	overflow: hidden;
}

.zine blockquote {
    -webkit-column-span: 3;
    column-span: 3;
}

.zine-meta {
	color: #fff;
	font-size: 1.2em;

	text-align: right;
}

.zine-cover-inside {
	bottom: 10%;
	text-align: center;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 800px;
	max-width: 90%;
	color: #fff;
	z-index: 3;
	position: absolute;
}

.postid-70854 .zine-cover-inside {
	width: 1200px;
}

.zine-cover-inside h2 {
	font-size: 3.5em;	
	text-shadow: -2px 2px 4px rgba(0,0,0,0.5);
	line-height: 120%;
	color: #fff;
}

.zine-cover-inside .zine-meta {
	text-align: center;
}

aside.section {
	display: block;
	background-position: center center;
	background-size: cover;
	width: 100%;
	position: relative;
}


aside.section:before {
	content: "";
	padding-top: 40%;
	display: block;
}

article.zine .zine-content, article.zine .header  {
	max-width: 700px;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}

article.zine .header ~ .zine-content {
	margin-top: 0;
	padding: 0;

}

article.zine .zine-content {
	margin-bottom: 5vh;
	margin-top: 5vh;
}

aside.section:after {
	content: "";
}

.zine aside + div {
	flex: 10 0 auto;
}

.zine .zine-cover {
	width: 100%;
}

.zine p {
	font-size: 1em;
}

/* */

.magazine-cover {
	text-align: left;
	max-width: 900px;
	margin: 3em auto;
	padding-top: 3em;
	border-top: 1px solid #ddd;
}

.magazine-cover p:first-of-type {
	color: #222;
	font-size: 15px;
	background: #fff;
	padding: 1em;
}

.toc {
	margin: 3em auto;

}

.admin-only {
	display: none;
}

.role-administrator .admin-only {
	display: block;
}

.toc .terms {
	padding: 1rem;
	text-transform: uppercase;
	font-size: 0.8em;
	border-left: 10px solid;
	margin-bottom: 0;
	background: #fff;
	position: relative;
	z-index: 2;
}

.large-pull-1, .large-push-1 {
	padding-top: 1em;
}

.toc h4 {
	position: relative;
	z-index: 2;
	font-size: 1em;
	background: #fff;
	margin-top: 0;
	border-left: 10px solid;
	/*border-top: 1px solid #ddd;*/
	line-height: 1.2em;
	padding-left: 1rem;
	padding-bottom: 1rem;
}

.toc h4 small {
	display: block;
	padding: 5px 0;
	line-height: 1em;
	font-size: 0.8em;
}

.toc .terms h5 {
	display: inline-block;
	font-size: 1em;
}

.toc .terms h5 ~ h5:before {
	content: "/";
	color: #a7a7a7;
	padding-right: 3px;
}

.toc h4 span {
	margin-top: 10px;
	display: block;
	color: #7a7a7a;
	font-weight: normal;
}

.toc-right h4 {
	border-left: 0;
	border-right: 10px solid;
	padding-right: 1rem;
}

.toc-right .terms {
	border-left: 0;
	border-right: 10px solid;
}

.toc .fake-cover {
	height: 30vh;
	min-height: 250px;
	position: relative;
	background: #225972;
}

.toc .center h4 {
	border: 0;

}

.toc .toc-thumb {
	padding: 0;
	position: relative;
}

.toc .toc-thumb:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	/*background: #225972;*/
	opacity: 0.3;
	width: 100%;
	height: 100%;
}

#subs {
	text-align: center;
	margin: 3em auto;
	/*border-top: 1px solid #ddd;
	padding-bottom: 3em;*/
}

.address address {
	clear: both;
}

.product .summary {
	padding-top: 3em;
}

#entry .woocommerce form.checkout_coupon, #entry .woocommerce form.login, #entry .woocommerce form.register, #cboxLoadedContent form {
	border: 0;
	padding: 2em;
}

#entry .woocommerce #respond input#submit, #entry .woocommerce a.button, #entry .woocommerce button.button, #entry .woocommerce input.button, #cboxLoadedContent form input.button, .woocommerce #content div.product form.cart .button, #content .button {
	color: #fff;
	border-radius: 0;
	font-family: 'Noto Serif', -apple-system, BlinkMacSystemFont, 'Helvetica', 'Tahoma', 'Arial', sans-serif;
}

.button {
	font-weight: bold !important;
}

#subs .woocommerce ul.products li.product, #subs .woocommerce-page ul.products li.product {
	float: none;
	display: inline-block;
	margin: 0 1em;
	max-width: 500px;
}

#content img.attachment-shop_catalog {
	float: left;
	margin-right: 1em;
	max-width: 40%;
}

#content ul.products li.product h3 {
	padding-top: 2em;
}

#thecontent .woocommerce h2, #thecontent .woocommerce h3 {
	margin: 0;
	margin-top: 1em;
}

.single-weekly #cboxLoadedContent {
	max-width: 500px;
	min-width: 100%;
	margin: 0 auto !important;
}

#login_data {
	margin: 0 auto;
}

#cboxLoadedContent {
	border: 0 !important;
	padding: 2em 0;
	background: #fff !important;
}

/* weekly */

#weekly-issue {
	overflow: hidden;
	width: 100%;
	position: relative;
	background-color: #000;
	background-size: cover;
	background-position: center center;
	background-attachment: fixed;
}

#weekly-issue .container {
	display: flex;
	box-shadow: 0 0 400px 400px rgba(0,0,0,0.5);
}

.weekly-item  {
	width: 100vw;
	background: #fff;
}

.weekly-index:first-of-type {
	padding-top: 2em;
	border-top: 1px solid #ddd;
	margin-top: 2em;
}

.weekly-index {
	padding-bottom: 2em;
	counter-increment: index;
}

.weekly-index h4.main-color {
	text-align: center;
}

.weekly-index h4.main-color:before {
	font-family: 'FontAwesome';
	font-size: 0.7em;
	margin-right: 10px;
	color: #000;
}

.weekly-index-item {
	margin-top: 1em;
}

.weekly-index-item h5 {
	margin-bottom: 0;
}

.weekly-index-item span {
	color: #666;
	font-size: 0.8em;
	border-bottom: 1px solid #ddd;
	padding-bottom: 5px;
}

.weekly-index-item:last-of-type span {
	border-bottom: 0;
}

.weekly-post-meta {
	margin-bottom: 2em;
	text-align: center;
	font-size: 0.9em;
}

.controls {
	width: 60px;
	height: 60px;
	text-align: center;
	line-height: 60px;
	background: #aaa;
	color: #fff;
	position: fixed;
	bottom: 1em;
	cursor: pointer;
}

.controls:hover {
	background: #888;
}

.weekly-item .thecontent, .weekly-item .thecontent > p {
	font-size: 17px;
}

#prev {
	left: 1em;
	z-index: 4;
	display: none;
}

#next {
	right: 1em;
	z-index: 6;
}

ul, ol, dl {font-size: 1em;}

@media screen and (max-width: 1330px) {

	header h1, header h1 img {
		height: 30px;
	}

}

@media screen and (max-width: 1180px) {

	header h1, header h1 img {
		height: 20px;
		padding-top: 0;
		padding-bottom: 0;
	}

	.colored h3 {
		font-size: 1.2em;
	}

}

@media only screen and (max-width: 800px) {

	.zine-flex {
		justify-content: space-around;
		padding: 2rem;
	}

	#newest-zine, .zine-flex > article {
		width: 100%;
	}

	#newest-zine article.card {
		margin-left: 0;
	}

	#newest-zine article.card {
		font-size: 0.8em;
	}

	.weekly-desc p {
		font-size: 0.8em;
	}


	.weekly-serie {
		width: 33.3%;
	}

	#featured article:nth-of-type(n+4) {
		display: none;
	}

	header h1 img {
		max-height: 100% !important;
	}

	.au-photos, .au-post-content {
		float: none !important;
		width: 100% !important;
	}

	article.australia {
		height: auto !important;
	}

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

	#colorbox {
		margin-left: -50px;
	}

	#cboxContent, #cboxWrapper, #colorbox {
		min-width: 300px !important;
		width: 300px !important;
		left: 0 !important;
		right: 0 !important;
		margin: 0 auto !important;
	}

	#cboxLoadedContent form {
		padding: 1em !important;
	}

	.single #thecontent #entry iframe {
		float: none !important;
		display: block !important;
		margin-left: 0 !important;
		margin-bottom: 1rem !important;
		max-width: 100% !important;
	}

	aside.section:before {
		padding-top: 60%;
	}

	aside.section .zine-cover-inside {
		position: relative;
	}

	aside.section h2 {
		line-height: 1em;
		font-size: 1.3em;
		margin-bottom: 0;
		padding-bottom: 1em;
	}

	aside.section h2  small {
		padding-top: 1em;
	}

	.zine-cover-inside h2, #issue-cover .inside #title {
		font-size: 2em;
	}

	.zine .header h2 {
		font-size: 1.5em;
	}

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

	html #wpadminbar {
		position: fixed !important;
	}

	#edito p {
		font-size: 0.9em;
	}

	.magazine-cover h4 {
		margin: 1em;
		text-align: center;
	}
}


@media only screen and (max-width: 600px) {
	admin-bar #menu-home {
		padding-top: 46px;
	}
	
	#entry .download-app .alignleft {
		max-width: 250px !important;
	}

	#entry .download-app  .flex {
		flex-wrap: nowrap;
	}

	#app-download {
		clear: both;
	}

	.weekly-serie {
		width: 50%;
	}

	#weekly-issues > article.card {
		max-width: 100%;
	}

	#authors .column:nth-of-type(2n+1) {
		clear: both;
	}

	#featured article:nth-of-type(n+3) {
		display: none;
	}

	#sidebar .textwidget {
		flex-wrap: wrap;
	}

	.flex {
		flex-wrap: wrap;
	}

	.flex > div {
		width: 100%;
		flex-basis: 100%;
	}

}

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

	.weekly-serie {
		width: 10%;
	}

}

@media only screen and (max-width: 400px) {

	.weekly-serie {
		width: 100%;
	}

}

@media only screen and (max-width: 46em) {

	.fitbitchallenge {
		width: 100%;
		border-right: 0;
	}

	.fitbit-name {
		font-size: 1.4rem;
	}

	.half {
		display: none;
	}

	.fitbitchallenge .timestamp:before {
		display: none;
	}

	.fitbit-share {
		height: 45px;
	}

	.activity p img:only-child {
		max-width: 100%;
		width: 100%;
		margin: 0;
	}

}

@media only screen and (max-width: 64em) and (min-width: 38.063em) {

	#fitbit-ribbon .column {
		width: 50% !important;
	}

	.fitbit-share {
		height: 45px;
	}

	.activity p img:only-child {
		max-width: 100%;
		width: 100%;
		margin: 0;
	}

	.zine-cover-inside h2, #issue-cover .inside #title {
		font-size: 2.5em;
	}

	.zine .header h2 {
		font-family: 2em;
	}

}

@media only screen and (max-width: 1050px) and (min-width: 720px) {

	.fitbit-name {
		font-size: 1.8rem;
	}

}

@media only screen and (max-width: 450px) {

	.fitbit-user-info.user-2 {
		margin-bottom: 1rem;
	}

	#entry .download-app .alignleft {
		max-width: 150px !important;
		float: right;
		margin-right: 0;
		margin-left: 1rem;
	}

	#entry .download-app form {
		clear: both;
	}

	#entry .user-desc p {
		font-size: 12px;
	}

	.team-author h4 .tt-official {
		display: block;
		float: none;
	}

	#authors h5 {
		font-size: 0.8em;
		margin-top: 0;
	}

	#authors img {
		width: 50px;
		margin-bottom: 5px;
	}

	#featured article:nth-of-type(n+3) {
		display: none;
	}
}

/* blog magic */

textarea#blogcontent {
	visibility: visible !important;
	font-size: 17px;

}

#blog.add-post {
	max-width: 1000px;
	margin: 0 auto;
}

select#blogi-cat {
	height: 300px;
	background: none;
	border: 0;
	padding: 0;
	overflow: auto;

	font-weight: normal;
	margin: 1em 0;
	font-size: 16px;
}

select#blogi-cat option {
	font-weight: bold;	
}

select#blogi-cat:focus {
	outline: none;
}

#cover-img {
	height: 400px;
	display: block;
	position: relative;
	background-color: #eee;
	background-size: cover;
	background-position: center center;
	margin-bottom: -350px;
	z-index: -1;
}

fieldset.images {
	padding: 0;
	position: relative;
	border: 3px dashed #fff;
	background: none;
	text-align: center;
	margin-bottom: 100px;
}

fieldset.images:before {
	line-height: 250px;
	content: "\f03e";
	position: absolute;
	width: 100%;
	text-align: center;
	font-family: 'FontAwesome';
	color: #fff;
	font-size: 100px;
}

fieldset.images input {
	height: 250px;
	opacity: 0;
	cursor: pointer;
	border: 0;
	color: #fff;
	font-weight: bold;
	font-size: 1.2em;
	text-align: center;
}

.screen-reader-text, .screen-reader-text span, .ui-helper-hidden-accessible {
    position: absolute;
    margin: -1px;
    padding: 0;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    border: 0;
    word-wrap: normal!important;
}

#media-search-input {
	padding: 0 5px;
    height: 24px;
}

.media-frame select {
	line-height: 20px;
	padding-left: 5px;
}

input#blog-title {
	border: 0;
	background: none;
	box-shadow: none;

	font-size: 2.75rem;
	text-align: center;
	height: 60px;
	font-weight: bold;
	padding: 0;
	color: #000;
	margin-top: 1em;
}

.wp-editor-tabs button:hover, .wp-editor-tabs button:focus, .wp-editor-tabs .button:hover, .wp-editor-tabs .button:focus {
	background: #ebebeb;
	color: #777;
}

#blog-submit {
	font-weight: bold;
	font-size: 1em;
	background: #215871;
	color: #fff;
	padding: 10px 20px;
	border: 0;
	cursor: pointer;
	text-transform: uppercase;
}

#blog-submit.center {
	width: 150px;
	text-align: center;
	margin: 1em auto;
	display: block;
}

.blog-form {
	display: inline-block;
	padding-right: 10px;
	color: #aaa;
	font-size: 20px;
	font-weight: normal;
}

.blog-form ~ .blog-form {
	border-left: 1px solid #ddd;
	padding-left: 10px;
}

.blog-form i {
	font-weight: normal;
	color: #333;
	vertical-align: middle;
	font-size: 16px;
}

.blog-form input[type="submit"] {
	background: none;
	font-size: 18px;
	color: #7a7a7a;
	padding: 0px 5px;
	border: 0;
	cursor: pointer;
	vertical-align: middle;
}

.blog-loop .more-link {
	background: #fff;
}

.blog-loop .main-excerpt {
	padding-bottom: 1em;
	margin-bottom: 1em;
	border-bottom: 1px solid #333;
}

img[src="#"] {
	height: 0;
	opacity: 0;
	transition: all 0.3s ease-out;
}

img {
	opacity: 1;
}

#entry .faq h3 {
	color: inherit;
	width: 100%;
	margin-left: 0;
	font-size: 1.2em;
}

.page-template-page-gerda {
	background-color: #fff;
	color: #222;
	text-align: center;
	background-attachment: fixed;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: bottom center;
}

.page-template-page-gerda label {
	display: block;
}

#hello-info {
	margin-bottom: 2em;
	padding: 2em;
	text-align: left;
	color: #fff;
	background: rgba(0,0,0,0.6);
}

#hello-info > *, #hello-info a:hover {
	color: #fff;
}

#hello-info a {
	color: #5b84d8;
}

.page-template-page-gerda .post-password-form {
	max-width: 344px;
	left: 0;
	background: rgba(0,0,0,0.6);
	right: 0;
	margin: 0 auto 2em;
	color: #fff;
	border: 1px solid #000;
	padding: 20px;
}

label[for="pwbox-64361"] {
	text-align: left;
	position: relative;
	text-indent: 10px;
	font-weight: bold;

	font-size: 1em;
	text-transform: capitalize;
}

label[for="pwbox-64361"] input {
	position: absolute;
	text-indent: 55px;
	z-index: 3;
	font-family: 'Noto Serif', -apple-system, BlinkMacSystemFont, 'Helvetica', 'Tahoma', 'Arial', sans-serif;
	color: #000;
	background: #fff;
	margin-top: -30px;
	border: 0;
}

label[for="pwbox-64361"] input:focus {
	background: #fff;
}

.g-recaptcha {
	max-width: 304px;
	display: block;
	margin: 1em auto;
}

.page-template-page-gerda .post-password-form p {
	font-size: 15px;
}

.page-template-page-gerda .error {
	color: #C00 !important;
	font-size: 16px;
	font-weight: bold;
	padding: 10px 0;
	border: 1px solid #C00;
	background: #fff;
	max-width: 344px;
	margin: 1em auto;
}

.page-template-page-gerda .post-password-form input[type="submit"] {
	margin-top: 20px;
	background: #5b84d8;
	border: 0;
	padding: 10px 20px;
	font-weight: bold;
	text-transform: uppercase;
	color: #fff;
	cursor: pointer;
}

.page-template-page-gerda .post-password-form input[disabled] {
	cursor: default;
	color: #aaa;
	background: #ddd;
}

#gerda {
	width: 100%;
	min-height: 94vh;
	top: 0;
	position: absolute;
}

#gerda > * {
	left: 0;
	right: 0;
	max-width: 700px;
	width: 90%;
	margin: 0 auto;
}

#captcha-ok {
	margin: 0 auto;
	max-width: 100%;
	width: 100%;
	background: rgba(25, 46, 89, 0.6);
	padding: 3em;
}

#captcha-ok > * {
	max-width: 700px;
	color: #fff;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

#gerda h1 {
	margin-top: 1em;
	text-align: center;
	line-height: 1.3em;
}


@media print {
	header ul {
		display: none;
	}

	header img {
		display: block;
		margin-top: 2em;
	}

	#scores, a:after {
		display: none;
	}

	a:after {
		content: "";
	}
}

.post-69611 #your-profile > table:nth-of-type(1), .post-69611 #your-profile > table:nth-of-type(2), #post-by-email {
	display: none;
}

.post-69611 #your-profile > table + h3{
	margin-top: 2em;
}

.post-69611 #your-profile  label {
	display: block;
	font-weight: bold;
	font-size: 1rem;
}
.post-69611 #your-profile h3 {
	margin-left: 0;
}

#your-profile th span.description {
	font-size: 1.6rem;
}


#your-profile th label span.description {
	font-size: 0.8em;
}

#your-profile input {
	margin-bottom: 0;
}

.submit .button-primary {
	margin-top: 2em;
}

#entry > #columns {
	max-width: 1000px;
}

div[id*="gallery-"] {
	margin-bottom: 1em  !important;
}

div[id*="gallery-"] img {
	border: 0px solid #ddd !important;
}

dl.gallery-item dt {
	margin: 1em 0.5em 0 !important;
}

div[id*="gallery-"] .gallery-item {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

/* twitter */

#image-tweet-stream {
	border: 1px solid #55ACEE;
	padding: 2rem;
}

.imag-tweet {
	padding-bottom: 1rem;
	font-family: 'Noto Serif', -apple-system, BlinkMacSystemFont, 'Helvetica', 'Tahoma', 'Arial', sans-serif;
}

.imag-tweet img {
	display: block;
	margin-bottom: 0.5rem;
}

.imag-tweet ~ .imag-tweet {
	border-top: 1px solid #55ACEE;
	padding-top: 1rem;
}

.imag-meta {
	padding-top: 0.5rem;
	font-size: 0.9em;
	color: #666;
}

.imag-meta:before {
	content: "- ";
}

#iChwila {
	background: #f0f0f0;
	margin-bottom: 4rem;
	position: relative;
}

#stream {
	position: relative;
}

#stream:before {
	content: "";
	display: block;
	padding-top: 55%;
}

#stream iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#iChwila a {color: #f0f0f0;} 

#iChwila #imag-tweet-stream {
	overflow: auto;
	height: 80vh;
}

address {
	clear: both;
	font-style: normal;
	padding: 2em 0;
}

.validate-postcode label:after {
	content: "(w formacie XX-XXX)";
	padding-left: 1rem;
	font-size: 0.8em;
}

/* Comments by Moridin */

#commentform label {
	display: block;
	font-family: 'Roboto Condensed';
	font-weight: bold;
}

#commentform input, #commentform textarea {
	border: 1px solid #eee;
	border-bottom: 1px solid #ddd;
	background: #fff;
	box-shadow: none;
	font-family: 'Roboto Condensed';
}

#commentform #submit {
	border: 0;
	background: #000;
	color: #fff;
	padding: 10px 20px;
	display: inline-block;
	font-weight: bold;
	text-transform: uppercase;
}

.comment-subscription-form {
	padding: 10px 20px;
	background: #eee;
	margin-bottom: 0;
}

.comment-notes {
	font-family: 'Roboto Condensed';
	border: 1px solid #ddd;
	border-radius: 5px;
	padding: 10px;
	background: #fafafa;
	font-size: 12px;
}


#comments-area > ol { font-size: 15px; list-style-type: none; margin: 0; }
#comments-area > ul { font-size: 15px; list-style-type: none; margin: 0; }
#comments-area { padding: 0; }
#comments-area > div { padding: 0; }
#comments-area li { margin-left: 0; font-size: 1rem;}
#comments-area ul { margin-left: 0; list-style-type: none; }
#comments-area .comment-body { margin-bottom: 40px; }
#comments-area .comment-meta { font-size: 13px; margin-bottom: 5px; font-family: 'Roboto Condensed', -apple-system, BlinkMacSystemFont, sans-serif; }
#comments-area .reply { font-family: 'Roboto Condensed', -apple-system, BlinkMacSystemFont, sans-serif; }
.comment li {margin-left: 1em;}
.vcard {
	border: none;
	margin: 0;
	padding: 0;
	font-family: 'Roboto Condensed', -apple-system, BlinkMacSystemFont, sans-serif;
	display: block;
}

#comment > li { margin-left: 0; }

/* comments by Yz */

.says {
	display: none;
}

.comment-meta.commentmetadata {
	display: inline-block;
	float: right;
	margin-top: -29px;
}

.comment-meta.commentmetadata a {
	color: #aaa;
}

.comment {
	margin-top: 1em;
	padding-top: 1em;
	border-top: 1px solid #ddd;
}

.reply {
	margin-bottom: 1em;
	text-align: right;
}

.reply a {
	color: #aaa;
	text-transform: uppercase;
	font-size: 12px;
}

.comment .comment {
	margin-left: 20px !important;
}

.comment-meta.commentmetadata ~ * {
	margin-left: 70px;
	font-family: 'Roboto Condensed', -apple-system, BlinkMacSystemFont, sans-serif;
}

.vcard img {
	border-radius: 45px;
	float: left;
	width: 50px;
	margin-right: 20px;
	margin-bottom: 1em;
	box-shadow: 0 10px 10px rgba(0,0,0,0.1);
}

.vcard .fn {
	font-size: 15px;
	font-weight: bold;
	font-style: normal;
}

.vcard .fn a {
	color: #222;
}

.overlay-rules {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 30;
	background: rgba(0,0,0,0.5);
}

.overlay-rules > div {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	z-index: 2222;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.overlay-rules .content {
	background: #fff;
	padding: 40px;
	border-radius: 0px;
	overflow: auto;
	max-height: 90vh;
	width: 96%;
	max-width: 750px;
}

.overlay-rules .content button, .overlay-rules .content a.button {
	min-width: 100px;
	font-weight: bold;
	font-family: 'Roboto Condensed';
	text-aling: center;
	background: #222;
}

@media screen and (max-width: 600px) {

	
	#twitter-timeline {
		display: none !important;
	}
	
	.comment-meta.commentmetadata ~ * {
		margin-left: 0px;
		clear: both;
	}	

	.comment-meta.commentmetadata {
		text-align: left;
		float: none;
		margin-top: 0px;
		margin-bottom: 20px;
	}

}

#app-baner {
	background-color: #f0f0f0;
}

#app-baner .row {
	background-image: url('app/hero.jpg');
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}

#app-baner a {
	display: block;
	padding: 15% 0;
	min-height: 200px;
}

#app-baner .text {
	width: 200px;
	text-align: center;
}

#app-baner .icon {
	width: 50px;
	height: auto;
	filter: drop-shadow(0 0 20px rgba(0,0,0,0.1));
	display: block;
	margin: 0 auto 1em;
}

#app-baner p {
	font-family: 'Roboto Condensed';
	text-align: center;
	max-width: 200px;
	color: #000;
}

@media screen and (max-width: 500px) {

	#app-baner .row {
		background-position: 80px 0;
		background-size: auto 100%;
	}

	#app-baner .text {
		width: 150px;
	}

}

.postid-115905 .poll-hd {
	display: none;
}

.postid-115905 small + small {
	display: none;
}

@media (prefers-color-scheme: dark) { input[type="checkbox"] + label, input[type="radio"] + label { color: #BFBFBF; } }


@media only screen and (max-width: 64em) {
	.admin-bar #menu-home {
		padding-top: 32px; 
	}

	#menu > #menu-home {
	  display: flex;
	  flex-direction: column;
	}

	#menu-item-53767 {
	  order: -1;
	}
}