/*
Theme Name: PlanetaGracza.pl
Theme URI: 
Author: Krzysiek Dróżdż (WPmagus.pl)
Author URI: http://wpmagus.pl/
Description: 
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: 
Text Domain: planetagracza
*/


/* html5doctor.com Reset v1.6.1 - http://cssreset.com */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1rem 0;padding:0}input,select{vertical-align:middle}

html {box-sizing: border-box;}
*, *:before, *:after {box-sizing: inherit;}

a {text-decoration: underline;}
a:hover {text-decoration: none;}

p, ul, ol, table, blockquote, address, dl {margin: 1rem 0;}

::-webkit-input-placeholder {color: rgba(20, 17, 52, .4); text-transform: uppercase;}
:-moz-placeholder {color: rgba(20, 17, 52, .4); text-transform: uppercase;}
::-moz-placeholder {color: rgba(20, 17, 52, .4); opacity: 1; text-transform: uppercase;}
:-ms-input-placeholder {color: rgba(20, 17, 52, .4); text-transform: uppercase;}

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

img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {height: auto;}

embed,
iframe,
object,
video {margin: 1rem 0; max-width: 100%;}

p > embed,
p > iframe,
p > object,
span > embed,
span > iframe,
span > object {margin-bottom: 0;}

input[type="submit"],
button,
select {-webkit-appearance: none;}

ins {background: transparent;}

address {font-style: normal;}

main, article, section, header, footer, nav, aside {display: block;}



/* Style guide
 * ======================================== */

:root {
    --font-family-base: 'Source Sans Pro', sans-serif;
    --font-family-alt: 'Prometo', sans-serif;
    --font-family-alt2: 'Roboto', sans-serif;

    --font-title-featured: bold 2rem/1.5 Prometo, sans-serif;
    --font-title: bold 1.75rem/1.2857142857 Prometo, sans-serif;
    --font-h3: bold 1.125rem/1.3333333333 Prometo, sans-serif;
    --font-content: 1.125rem/1.4444444444 'Source Sans Pro', sans-serif;
    --font-content-big: 1.25rem/1.2 'Source Sans Pro', sans-serif;
    --font-menu: normal 600 .875rem/1 Roboto, sans-serif;
    --font-small: .875rem/1.2857142857 Roboto, sans-serif;
    --font-quote: bold 1.125rem/1.3333333333 Prometo, sans-serif;
    --font-meta: .75rem/1.3333333333 Roboto, sans-serif;
    --font-tooltip: normal 600 .75rem/1 Roboto, sans-serif;

    --color-almost-white: #fefefe;
    --color-navy: #141134;
    --color-navy-rgb: 20, 17, 52;
    --color-calm-red: #c72128;
    --color-purple-heart: #ba25d2;
    --color-sunglow: #ffca27;
    --color-lima: #7ab317;

    --color-background: var(--color-almost-white);
    --color-background-content: var(--color-almost-white);
    --color-background-card: #f9f9f9;
    --color-text: var(--color-navy);

    --container-width: 1216px;
    --max-container-width: calc(100vw - 4rem);
}



/* Tools
 * ======================================== */

.screen-reader-text {position: absolute; width: 0; height: 0; overflow: hidden;}


#page-wrap {overflow-x: hidden; width: 100%; position: relative;}


.container {width: var(--container-width); max-width: var(--max-container-width); margin: 0 auto;}
.container:after {content: ''; display: block; clear: both;}


.video-container {width: 100%; height: 0; padding-bottom: 56.25%; position: relative;}
.video-container iframe {width: 100%; margin: 0; height: 100%; position: absolute; left: 0; top: 0; right: 0; bottom: 0;}


.icon > a {text-decoration: none;}
.icon > a span {display: none;}
.icon > a:before {content: ''; font-family: "PlanetaGracza"; text-transform: none;}
.icon--facebook > a:before {content: '\0043';}
.icon--twitter > a:before {content: '\0049';}
.icon--instagram > a:before {content: '\0044';}

.icon--search > a:before {content: '\006c';}
.icon--mail > a:before {content: '\0066';}
.icon--account > a:before {content: '\0056';}



/* Global
 * ======================================== */

html {font-size: 16px; font-family: var(--font-family-base); background: var(--color-background);}
body {font-size: 1.125rem; line-height: 1.44444444; color: var(--color-text);}

ul,
ol {margin-left: 2rem;}

a {color: var(--color-text); text-decoration: underline;
    -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}
a:hover {text-decoration: none; color: var(--color-calm-red);}

h1,
h2,
h3,
h4,
h5,
h6 {margin: 2em 0 1rem;}
h1 {font: var(--font-title);}
h2 {font: var(--font-h3);}
h3 {font: var(--font-h3); font-size: 1rem;}
h4 {font-family: var(--font-family-alt2); font-size: 1.125rem; line-height: 1; font-weight: bold;}
h5 {font: var(--font-content); font-weight: bold; text-transform: uppercase;}
h6 {font: var(--font-content); font-weight: bold;}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {text-decoration: none; color: var(--color-text);}

blockquote {font: var(--font-quote); margin: 2rem 0;}
blockquote:before {content: '“'; color: var(--color-calm-red); display: block; font-family: var(--font-family-alt); font-size: 5rem; margin-bottom: -3.5rem;}

table {border-collapse: collapse; border: 2px solid var(--color-navy); height: auto !important;}
table th {border-bottom: 2px solid var(--color-navy); padding: .5rem 1rem; font: var(--font-small);}
table td {border-bottom: 2px solid rgba(var(--color-navy-rgb), .04); padding: .5rem 1rem;}
table tr:last-child td {border-bottom: 0;}

.message {margin: 1rem 0;}
.message--error {color: var(--color-calm-red);}

form {}
input,
select,
textarea,
button {font: var(--font-meta); letter-spacing: 0.04em; color: var(--color-text); background: var(--color-background-content); border: 2px solid rgba(0, 0, 0, 0.04); padding: 1rem; width: 100%;}
input,
textarea {border: 0; border-bottom: 2px solid rgba( var(--color-navy-rgb), .2 );}
input[type="submit"],
input[type="radio"],
input[type="checkbox"],
button {width: auto;}
input[type="radio"],
input[type="checkbox"] {padding: 0;}
.button i {font-size: 1.5em; margin-right: 1rem; vertical-align: baseline; color: var(--color-calm-red);}
form label span.label {font-size: .8125rem; font-weight: 600; opacity: .8; margin: .25rem .625rem;}
form textarea {height: 7.5rem;}

.fields {margin-left: -1rem; margin-top: 2rem;}
.fields:after {content: ''; clear: both; display: block;}
.fields .field {margin: .5rem 0; position: relative; text-align: left; float: left; margin-left: 1rem; width: calc(100% - 1rem);}
.fields .field .wpcf7-form-control-wrap {position: static;}
.fields .field--short {width: calc(50% - 1rem);}
.fields .field--short input[type="submit"] {width: 100%;}
.fields .field--acceptance {font: var(--font-meta); letter-spacing: 0.04em;}
.fields .field--acceptance {padding-left: 1.5rem; position: relative;}
.fields .field--acceptance input {position: absolute; left: 0;}
.fields .field .message {font: var(--font-meta); letter-spacing: 0.04em; text-align: left; margin: .5rem 0 0 0;}

.fields--flex {display: flex; align-items: center; margin-left: 0;}
.fields--flex > * {margin-left: 1rem; flex: 1 1 0;}
.fields--flex > :first-child {margin-left: 0;}
.fields--flex > .button {min-width: 10rem; flex: 0 1 0;}

.field--with_icon {position: relative;}
.field--with_icon:before {font-family: "PlanetaGracza"; text-transform: none; color: var(--color-calm-red); position: absolute; left: 0; top: 50%;
    -webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);
}
.field--with_icon .icon {position: relative;}
.field--with_icon .icon:before {font-family: "PlanetaGracza"; text-transform: none; color: var(--color-calm-red); position: absolute; left: 0; top: 50%;
    -webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);
}
.field--with_icon input {padding-left: 2rem}
.field--with_icon.username:before {content: '\0056';}
.field--with_icon.email:before {content: '\0066';}
.field--with_icon.password:before {content: '\0068';}

.form-container {max-width: 400px; margin: 0 auto; margin-top: 3rem;}
.form-container .fields {text-align: left; margin-top: 0;}
.form-container--signin {max-width: 800px;}

button,
input[type="submit"],
.button,
.wp-block-button__link {cursor: pointer; text-transform: uppercase; font-weight: bold; display: inline-block; padding: 1rem; text-align: center; border: 2px solid var(--color-calm-red); text-decoration: none; overflow: hidden; text-overflow: ellipsis;
    -webkit-transition: border-color .3s, color .3s, background-color .3s; -moz-transition: border-color .3s, color .3s, background-color .3s; -ms-transition: border-color .3s, color .3s, background-color .3s; -o-transition: border-color .3s, color .3s, background-color .3s; transition: border-color .3s, color .3s, background-color .3s;
}

button:hover,
input[type="submit"]:hover,
.button:hover,
.wp-block-button__link:hover {border-color: var(--color-calm-red); background-color: var(--color-calm-red); color: var(--color-almost-white); opacity: 1;}

button:disabled,
input[type="submit"]:disabled {opacity: .35;}


button.button--alt,
input[type="submit"].button--alt,
.button.button--alt {background: var(--color-calm-red); color: var(--color-almost-white); border: 2px solid var(--color-calm-red);}

button.button--alt:hover,
input[type="submit"].button--alt:hover,
.button.button--alt:hover {background: transparent; color: var(--color-calm-red);}


button.close,
.button.close {border: 0; padding: 0;}
button.close:before,
.button.close:before {content: '\005a'; font-family: "PlanetaGracza"; text-transform: none; font-size: 1.5rem;}


.thumbnail {display: block; position: relative; height: 0; padding-bottom: 56.25%; overflow: hidden; background: rgba( var(--color-navy-rgb), .2 ) no-repeat 50% 50%; background-size: cover;}
.thumbnail img {display: block; position: absolute; width: 100%; height: 100%; object-fit: cover;
    -webkit-transition: opacity .3s; -moz-transition: opacity .3s; -ms-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s;
}
.thumbnail:hover {opacity: 1;}
.thumbnail:hover img {}


.meta {font: var(--font-meta); letter-spacing: 0.04em; text-transform: uppercase;}
.meta a {}
.meta .comments:before {content: '\0061'; font-family: "PlanetaGracza", sans-serif; text-transform: none; font-style: normal; margin-right: .25rem; margin-left: 1rem;}
.post-categories {list-style: none; margin: 0; margin-bottom: .25rem;}
.post-categories li {display: inline-block; margin-right: 1rem;}
.post-categories a {text-decoration: none; text-transform: uppercase; font-weight: 600;}
.post-categories a:before {content: ''; display: inline-block; width: 6px; height: 6px; border-radius: 100%; margin-right: .25rem; background: var(--color-almost-white); vertical-align: 5%;}

.share-buttons {}
.share-buttons p {font: var(--font-small); letter-spacing: .04em; font-weight: bold; text-transform: uppercase; display: inline-block; line-height: calc(2rem - 4px);}
.share-buttons p:before {content: '\006d'; vertical-align: -15%; font-family: "PlanetaGracza", sans-serif; text-transform: none; color: var(--color-calm-red); margin-right: .5rem; font-size: 1.125rem;}
.share-buttons ul,
.share-buttons ul li {display: inline-block;}
.share-buttons ul {margin-left: 0;}
.share-buttons ul li {margin-left: 1rem;}
.share-buttons ul li a {display: block; width: 2rem; height: 2rem; line-height: calc(2rem - 4px); text-align: center; border: 2px solid rgba(var(--color-navy-rgb), .1); border-radius: 100%; color: var(--color-calm-red);}
.share-buttons ul li a:before {font-size: 1rem;}
.share-buttons ul li a:hover {color: var(--color-almost-white); background: var(--color-calm-red);}

.list .item .share-buttons {position: absolute; right: 1rem; top: 1rem;}
.list .item .share-buttons p {margin: 0; position: relative; z-index: 12;}
.list .item .share-buttons p span {display: none;}
.list .item .share-buttons p:before {display: block; margin: 0; width: 2rem; height: 2rem; line-height: 2rem; text-align: center; color: var(--color-almost-white); background: var(--color-calm-red); border-radius: 100%;}
.list .item .share-buttons ul {display: none; z-index: 10; position: absolute; top: -2px; left: -2px; right: -2px; padding-top: 2.25rem; border: 2px solid var(--color-almost-white); margin: 0; background: var(--color-almost-white); opacity: .95; border-radius: 1rem;}
.list .item .share-buttons ul li {display: block; margin: 0; width: 100%; padding: 0; background: transparent; margin-top: .25rem;}
.list .item .share-buttons ul li a {color: var(--color-calm-red);}
.list .item .share-buttons ul li a:hover {color: var(--color-almost-white);}
.list .item .share-buttons.on ul,
.list .item .share-buttons:hover ul {display: block;}

.author-block {margin: 3rem 0; padding: .1px 0; font: var(--font-small); letter-spacing: 0.04em; padding-left: calc(2rem + 100px); min-height: 100px; position: relative;}
.author-block .avatar {position: absolute; left: 0; top: 0; width: 100px; height: 100px; border-radius: 100%;}
.author-block .name {margin-top: 1rem;}

.review-block {margin: 3rem -115px 3rem 0; border: 2px solid #f4f4f4; border-top-left-radius: 1.5rem; border-bottom-right-radius: 1.5rem; border-top-right-radius: 6rem;}
.review-block .summary {position: relative;}
.review-block .summary .thumbnail {position: absolute;  z-index: 1; padding-bottom: 0; left: -3.75rem; top: 50%; width: 7.5rem; height: 7.5rem; background: #fff; border-radius: 100%; border: 3px solid #fff;
    -webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);
}
.review-block .summary .thumbnail img {width: 100%;}
.review-block .summary .note {position: absolute; top: 50%; right: 0; font: var(--font-title-featured); font-size: 5rem; color: var(--color-text); width: 13rem; height: 13rem; line-height: 13rem; text-align: center; background: var(--color-almost-white); border-radius: 100%; box-shadow: 0 0 1rem -.25rem rgba(0, 0, 0, .2);
    -webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);
}
.review-block .summary .progress--circle svg {position: absolute; left: 50%; top: 50%;
    -webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);
}
.review-block .summary .progress--circle .progress-bar__circle {stroke: var(--color-lima); opacity: .1;}
.review-block .summary .progress--circle .progress-value__circle {stroke: var(--color-lima); opacity: 1;
    -webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-ms-transform: rotate(-90deg);-o-transform: rotate(-90deg);transform: rotate(-90deg);
    -webkit-transform-origin: 50% 50%;-moz-transform-origin: 50% 50%;-ms-transform-origin: 50% 50%;-o-transform-origin: 50% 50%;transform-origin: 50% 50%;
}
.review-block .summary .progress--line {position: absolute; left: 0; bottom: 0; right: 60px; height: 10px;}
.review-block .summary .progress--line svg {position: absolute; left: 0; right: 0; top: 0; width: 100%; height: 10px;}
.review-block .summary .progress--line .progress-bar__line {stroke: var(--color-lima); opacity: .1;}
.review-block .summary .progress--line .progress-value__line {stroke: var(--color-lima); opacity: 1;}

.review-block .summary .info {padding: 1rem 8rem 1rem 5rem; position: relative; margin-right: 6rem; background: var(--color-text); color: var(--color-almost-white); border-top-left-radius: 1.5rem;}
.review-block .summary .info .title {font: var(--font-meta); letter-spacing: 0.04em; font-weight: bold;}
.review-block .summary .info .description {margin-bottom: 0; text-transform: uppercase; margin-top: 1rem;}
.review-block .summary .info .content {font-size: .875rem; margin-top: 0;}
.review-block .pros-cons {display: flex; padding: 1rem; font-size: .875rem;}
.review-block .pros-cons > div {flex: 1 1 0; padding-right: 10%;}
.review-block .pros-cons h4 {font: var(--font-meta); letter-spacing: 0.04em; font-weight: bold; margin-top: 0;}
.review-block .pros-cons ul {list-style: none; margin-left: 0; margin-bottom: 0;}
.review-block .pros-cons ul li {padding-left: 1.5rem; position: relative; margin-bottom: .5rem;}
.review-block .pros-cons ul li:before {position: absolute; font-family: "PlanetaGracza"; text-transform: none; font-weight: bold; left: 0; top: 50%;
    -webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);
}
.review-block .pros-cons .pros h4 {color: var(--color-lima);}
.review-block .pros-cons .pros ul li:before {content: '\006b'; color: var(--color-lima);}
.review-block .pros-cons .cons h4 {color: var(--color-calm-red);}
.review-block .pros-cons .cons ul li:before {content: '\0067'; color: var(--color-calm-red);}

.post-icon {width: 2rem; height: 2rem; border-radius: 100%;}
.post-icon:before {content: '\006a'; font-family: "PlanetaGracza"; text-transform: none; background: var(--color-almost-white); color: var(--color-calm-red); opacity: .9; border-radius: 100%; font-size: 2rem;}
.post-icon--video:before {content: '\006e'; background: transparent; color: var(--color-almost-white);}
.post-icon--gallery:before {content: '\0063'; background: transparent; color: var(--color-almost-white);}
.post-icon--review {background: var(--color-almost-white); opacity: .9;}
.post-icon--review:before {content: none;}
.post-icon--review .note {color: var(--color-calm-red); width: 2rem; height: 2rem; line-height: 2rem; text-align: center;}
.post-icon--review .note .progress--circle svg {position: absolute; left: 50%; top: 50%;
    -webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);
}
.post-icon--review .note .progress--circle .progress-bar__circle {stroke: var(--color-navy); opacity: .2;}
.post-icon--review .note .progress--circle .progress-value__circle {stroke: var(--color-calm-red); opacity: 1;
    -webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-ms-transform: rotate(-90deg);-o-transform: rotate(-90deg);transform: rotate(-90deg);
    -webkit-transform-origin: 50% 50%;-moz-transform-origin: 50% 50%;-ms-transform-origin: 50% 50%;-o-transform-origin: 50% 50%;transform-origin: 50% 50%;
}


.wpcf7 {position: relative;}
.wpcf7 br {display: none;}
.wpcf7 .wpcf7-not-valid-tip {position: absolute; top: -16px; right: -10px; font-size: 80%; color: var(--base-background-color); background: rgba(114, 17, 33, .75); display: block; padding: 4px 6px;}
.wpcf7 .wpcf7-response-output {display: block; position: absolute; top: 100px; left: 10%; right: 10%; padding: 2em; border: 0; text-align: center; font-size: 18px; color: var(--base-background-color); font-weight: bold; box-shadow: 4px 4px 4px 0 rgba(0, 0, 0, .2); z-index: 101;}
.wpcf7 .wpcf7-response-output.wpcf7-display-none {display: none;}
.wpcf7 .wpcf7-response-output:after {content: '\005a'; font-family: "PlanetaGracza"; text-transform: none; position: absolute; top: 10px; right: 12px; color: var(--base-background-color); cursor: pointer;}
.wpcf7 .wpcf7-response-output.wpcf7-validation-errors {background: #721121;}
.wpcf7 .wpcf7-response-output.wpcf7-mail-sent-ok {background: #5FAD56;}


.gallery {margin-left: -1rem; margin-right: -1rem; margin-top: -1rem;}
.gallery:after {content: ''; clear: both; display: block;}
.gallery .gallery-item {width: 100%; padding: 1rem; float: left;}
.gallery .gallery-item img {width: 100%;}
.gallery.gallery-columns-2 .gallery-item {width: 50%;}
.gallery.gallery-columns-3 .gallery-item {width: 33.3333333333%;}
.gallery.gallery-columns-4 .gallery-item {width: 25%;}
.gallery.gallery-columns-5 .gallery-item {width: 20%;}
.gallery.gallery-columns-6 .gallery-item {width: 16.6666666667%;}
.gallery.gallery-columns-7 .gallery-item {width: 14.285714286%;}
.gallery.gallery-columns-8 .gallery-item {width: 12.5%;}
.gallery.gallery-columns-9 .gallery-item {width: 11.111111111%;}
.gallery.gallery-columns-2 .gallery-item:nth-child(2n+1) {clear: both;}
.gallery.gallery-columns-3 .gallery-item:nth-child(3n+1) {clear: both;}
.gallery.gallery-columns-4 .gallery-item:nth-child(4n+1) {clear: both;}
.gallery.gallery-columns-5 .gallery-item:nth-child(5n+1) {clear: both;}
.gallery.gallery-columns-6 .gallery-item:nth-child(6n+1) {clear: both;}
.gallery.gallery-columns-7 .gallery-item:nth-child(7n+1) {clear: both;}
.gallery.gallery-columns-8 .gallery-item:nth-child(8n+1) {clear: both;}
.gallery.gallery-columns-9 .gallery-item:nth-child(9n+1) {clear: both;}



.wp-pagenavi {text-align: center; display: block; font: var(--font-meta); letter-spacing: 0.04em; width: 100%; margin: 2rem 0;}
.wp-pagenavi .pages {display: none;}
.wp-pagenavi a,
.wp-pagenavi span {display: inline-block; min-width: 2rem; text-align: center; padding: .375rem .25rem; border: 2px solid rgba(var(--color-navy-rgb), .04); border-radius: 5px; margin: .5rem;}
.wp-pagenavi a:hover,
.wp-pagenavi span.current {color: var(--color-calm-red); border-color: rgba(var(--color-navy-rgb), .4);}
.wp-pagenavi .extend {border: 0; padding-left: 0; padding-right: 0; margin: 0; min-width: 0;}
.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink {color: var(--color-almost-white); background: var(--color-calm-red); border-color: var(--color-calm-red);}
.wp-pagenavi .previouspostslink:hover,
.wp-pagenavi .nextpostslink:hover {color: var(--color-almost-white); border-color: var(--color-calm-red);}
.wp-pagenavi .first,
.wp-pagenavi .last {display: none;}

/* Gutenberg Blocks */

.wp-block-columns.small-gap {}
.wp-block-columns.small-gap .wp-block-column:first-child {padding-left: 1rem;}
.wp-block-columns.small-gap .wp-block-column:last-child {padding-right: 1rem;}
.wp-block-column:not(:first-child) {margin-left: 1rem;}

.planetagracza-block-newest-discounts {}
.planetagracza-block-newest-discounts .list .list-items {display: grid; grid-gap: 1rem; grid-template-columns: 1fr 1fr 1fr; position: relative; margin: 0 0 1.75rem 0; padding: 2rem; border: 8px solid var(--color-calm-red); background: var(--color-background-card);}
.planetagracza-block-newest-discounts .list .item {margin: 0; width: auto; grid-column: 1; padding-left: 6rem; position: relative; min-height: 5rem;}
.planetagracza-block-newest-discounts .list .item .title {margin-top: 0; font: var(--font-h3);}
.planetagracza-block-newest-discounts .list .item .thumbnail {width: 5rem; height: 5rem; padding-bottom: 0; position: absolute; left: 0; top: 0;}
.planetagracza-block-newest-discounts .list .item .thumbnail img {display: none;}
.planetagracza-block-newest-discounts .list .item:nth-child(2n+1) {grid-column: 2;}
.planetagracza-block-newest-discounts .list .item:first-child {padding: 0; position: static; grid-column: 1 / span 2; border-bottom: 2px solid rgba( var(--color-navy-rgb), .2); margin-bottom: 2rem;}
.planetagracza-block-newest-discounts .list .item:first-child .title {margin: 0; font: var(--font-title);}
.planetagracza-block-newest-discounts .list .item:first-child .thumbnail {position: absolute; left: auto; right: 1.75rem; top: 1.75rem; bottom: 1.75rem; width: calc(33.333333333% - 2rem); height: auto;}


.planetagracza-block-category-posts-banner {margin: 2rem 0;}
.planetagracza-block-category-posts-banner .list .list-items {position: relative; background: var(--color-navy); margin-right: 0;}
.planetagracza-block-category-posts-banner .list .item {background: transparent;}
.planetagracza-block-category-posts-banner .list .item,
.planetagracza-block-category-posts-banner .list .item a {color: var(--color-almost-white);}
.planetagracza-block-category-posts-banner .list .item {display: flex;}
.planetagracza-block-category-posts-banner .list .item .title {margin-top: 0;}
.planetagracza-block-category-posts-banner .list .item .thumbnail-container {margin: 0 1rem 0 0;}
.planetagracza-block-category-posts-banner .list .item .thumbnail-container .thumbnail {width: 10rem;}
.planetagracza-block-category-posts-banner .list .item .description {position: relative; z-index: 1;}
.planetagracza-block-category-posts-banner .list .item .time,
.planetagracza-block-category-posts-banner .list .item .comments,
.planetagracza-block-category-posts-banner .list .item .post-icon,
.planetagracza-block-category-posts-banner .list .item .share-buttons,
.planetagracza-block-category-posts-banner .list .item .author {display: none;}
.planetagracza-block-category-posts-banner .list .item .category {position: static;}
.planetagracza-block-category-posts-banner .list .item:first-child {width: 100%; padding: 0; display: block;}
.planetagracza-block-category-posts-banner .list .item:first-child .description {padding: 2rem 0; margin: 0 1rem 2rem 1rem; border-bottom: 2px solid var(--color-almost-white);}
.planetagracza-block-category-posts-banner .list .item:first-child .description .time {display: none;}
.planetagracza-block-category-posts-banner .list .item:first-child .meta {display: flex; align-items: center;}
.planetagracza-block-category-posts-banner .list .item:first-child .author {display: flex; position: static;}
.planetagracza-block-category-posts-banner .list .item:first-child .comments {display: block; border-left: 1px solid var(--color-almost-white); margin-left: 1rem; padding-left: 1rem;}
.planetagracza-block-category-posts-banner .list .item:first-child .thumbnail-container {position: static;}
.planetagracza-block-category-posts-banner .list .item:first-child .thumbnail {position: absolute; width: auto; padding: 0; height: auto; left: 0; top: 0; right: 0; bottom: 0;}
.planetagracza-block-category-posts-banner .list .item:first-child .thumbnail:before {content: ''; background: rgba(0, 0, 0, .3); position: absolute; left: 0; top: 0; right: 0; bottom: 0;}
.planetagracza-block-category-posts-banner .list .item:first-child .thumbnail:after {content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.3+100 */
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#4d000000',GradientType=0 ); /* IE6-9 */
}
.planetagracza-block-category-posts-banner .list .item:first-child .title {font: var(--font-title-featured); margin: 5rem 0;}



.comments-container {}
.comments-placeholder {text-align: center;}
.comments-placeholder h2 {}
.comments-placeholder h2 .count {display: block; position: relative; background: url('images/ico-comments.png') no-repeat 50% 50%; background-size: contain; width: 69px; height: 60px; margin: 1rem auto;}
.comments-placeholder h2 .count .value {color: var(--color-almost-white); background: var(--color-calm-red); border-radius: 100%; display: block; height: 2rem; line-height: 2rem; width: 2rem; position: absolute; top: -1rem; left: 50%; margin-left: -1rem;}

.comments-content {display: none;}

.comment-respond {}
.comment-respond h3,
.comment-respond label,
.comment-respond .logged-in-as,
.comment-respond .comment-notes,
.comment-respond .form-submit {display: none;}
.comment-respond p {margin: 0;}
.comment-respond textarea {height: 3.25rem;}

.commentlist {list-style: none; font: var(--font-small); letter-spacing: 0.04em;}
.commentlist ol {list-style: none; margin-left: 0;}
.commentlist li {margin-left: 1.5rem; margin-top: 1.5rem;}
.commentlist .comment-container {border: 2px solid rgba(var(--color-navy-rgb), .04); padding: 1.5rem;}
.commentlist li li .comment-container {background: rgba(var(--color-navy-rgb), .04);}
.commentlist .comment-content {border-top: 2px solid rgba(var(--color-navy-rgb), .04); margin-top: 1rem; padding-tom: 1rem;}
.commentlist .comment-meta {position: relative; padding: 1rem 0 1rem 4.75rem;}
.commentlist .comment-meta .avatar {position: absolute; left: 0; top: 50%; border-radius: 100%;
    -webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);
}
.commentlist .comment-meta .fn {font: var(--font-meta); letter-spacing: 0.04em; font-weight: 500;}
.commentlist .comment-meta .reply-to {font: var(--font-meta); letter-spacing: 0.04em; font-weight: 500; opacity: .4;}
.commentlist .comment-meta .reply-to:before {content: '\0057 '; margin: 0 .5rem; font-family: "PlanetaGracza"; text-transform: none; font-weight: bold;}
.commentlist .comment-meta .comment-metadata {font: var(--font-meta); letter-spacing: 0.04em; opacity: .4;}
.commentlist .comment-meta .comment-metadata a {text-decoration: none;}

.comments-container.on {}
.comments-container.on .comments-placeholder {display: none;}
.comments-container.on .comments-content {display: block;}

#comments {margin-left: 1rem;}
#comments span {display: inline-block; color: var(--color-almost-white); background: var(--color-calm-red); border-radius: 100%; font-weight: bold; width: 2rem; height: 2rem; text-align: center; line-height: 2rem;}

.commentlist .comment-body {position: relative;}
.commentlist .comment-reactions {position: absolute; right: 0; top: 0; list-style: none; margin: 0;}
.commentlist .comment-reactions .reaction-type {display: inline-block; margin-top: 0; vertical-align: middle;}
.commentlist .comment-reactions .reaction-type:first-child {margin-left: 0;}
.commentlist .comment-reactions .reaction-type .react {padding: 0; padding-left: 2rem; height: calc(2rem + 4px); position: relative; border: 2px solid rgba(var(--color-navy-rgb), .04); border-radius: 2rem; line-height: 2rem;}
.commentlist .comment-reactions .reaction-type .label {position: absolute; left: -2px; top: -2px; width: calc(2rem + 4px); height: calc(2rem + 4px); border-radius: 100%; border: 2px solid rgba(var(--color-navy-rgb), .04); display: block; color: var(--color-calm-red);}
.commentlist .comment-reactions .reaction-type .label:before {content: '\004f'; font-family: "PlanetaGracza"; text-transform: none; font-size: 1.25rem;}
.commentlist .comment-reactions .reaction-type.like .label:before {content: '\004f';}
.commentlist .comment-reactions .reaction-type.funny .label:before {content: '\0052';}
.commentlist .comment-reactions .reaction-type.wow .label:before {content: '\0053';}
.commentlist .comment-reactions .reaction-type.sad .label:before {content: '\0051';}
.commentlist .comment-reactions .reaction-type.meh .label:before {content: '\0050';}
.commentlist .comment-reactions .reaction-type .react:hover,
.commentlist .comment-reactions .reaction-type.already_reacted .react {border-color: var(--color-calm-red);}
.commentlist .comment-reactions .reaction-type .react:hover .label,
.commentlist .comment-reactions .reaction-type.already_reacted .react .label {color: var(--color-almost-white); background: var(--color-calm-red);}
.commentlist .comment-reactions .reaction-type .react .count {display: block; padding: 0 1rem 0 .75rem; font: var(--font-tooltip); letter-spacing: 0.04em; font-size: 10px; line-height: 2rem;}


/* Lists */
.list {list-style: none;}
.list .list-items {list-style: none; margin: 0 1rem 0 0; display: flex; flex-wrap: wrap;}
.list .item {margin: 0 0 1rem 1rem; width: calc(50% - 1rem);}
.list .list-header {width: 100%; display: flex; font: var(--font-small); letter-spacing: 0.04em; padding: 0 1rem; justify-content: space-between;}
.list .list-header .title {text-align: left; font-size: 1.125rem; margin: 1rem 0; text-transform: uppercase;}
.list .list-header .title .more {color: var(--color-calm-red); margin-left: 1rem;}
.list .list-header .title .more:before {content: none;}
.list .list-header .more {text-align: right; font-weight: bold; text-transform: uppercase; text-decoration: none; margin: 1rem 0;}
.list .list-header .more:before {content: '\0059'; margin-right: .25rem; font-family: "PlanetaGracza"; text-transform: none; color: var(--color-calm-red);}

.list--tablelike {}
.list--tablelike .list-items {display: block; margin: 0;}
.list--tablelike .list-items .item {margin-left: 0; width: 100%; display: flex; justify-content: space-between; align-items: center; font: var(--font-meta); letter-spacing: 0.04em; font-size: 1rem; font-weight: bold;}
.list--tablelike .list-items a {text-decoration: none;}
.list--tablelike .more {text-align: right; font-weight: bold; text-transform: uppercase; text-decoration: none; margin: 1rem 0;}
.list--tablelike .list-items a.more:before {content: '\0059'; margin-right: .25rem; font-family: "PlanetaGracza"; text-transform: none; color: var(--color-calm-red);}

.list--user-comments {}
.list--user-comments .list-header {padding-left: 0;}
.list--user-comments .list-items {border: 2px solid rgba(var(--color-navy-rgb), .04); padding: 1rem;}
.list--user-comments .list-items .item {font: var(--font-small); letter-spacing: 0.04em; font-weight: normal;  border-top: 2px solid rgba(var(--color-navy-rgb), .04); margin: .75rem 0 0 0; padding-top: .75rem;}
.list--user-comments .item:first-child {border-top: 0; padding-top: 0; margin-top: 0;}
.list--user-comments .item > :first-child {max-width: calc(100% - 8rem); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.list--user-comments .item > .meta {width: 8rem; text-align: right;}

.list--terms-bullets {}
.list--terms-bullets .list-items {margin-left: -1rem; display: block;}
.list--terms-bullets .item {margin: 0 0 1rem 1rem; width: auto; display: inline-block;}
.list--terms-bullets .item a {color: var(--color-almost-white); background: var(--color-calm-red); text-decoration: none; font: var(--font-meta); letter-spacing: 0.04em; font-weight: bold; text-transform: uppercase; padding: .5rem 1rem; border-radius: 2rem;}

.list--blog {}
.list--blog .item {padding: 1rem; background: var(--color-background-card);}
.list--blog .item .thumbnail-container {margin: -1rem -1rem 0 -1rem; position: relative; color: var(--color-almost-white);}
.list--blog .item .thumbnail-container a {color: var(--color-almost-white);}
.list--blog .item .author {position: absolute; left: 1rem; bottom: 1rem; background: rgba(0, 0, 0, .2); padding: .5rem 1.5rem .5rem .5rem; border-radius: 3.5rem; min-height: 3.5rem; display: flex;}
.list--blog .item .author .avatar {width: 40px; height: 40px; border-radius: 100%; border: 2px solid var(--color-almost-white); margin-right: 1rem;}
.list--blog .item .author .name {white-space: pre-wrap; line-height: 1.25rem;}
.list--blog .item .category {position: absolute; top: 1rem; left: 1rem;}
.list--blog .item .category li a {display: inline-block; padding: .125rem .375rem; background: rgba(0, 0, 0, .2); border-radius: .25rem;}
.list--blog .item .thumbnail {}
.list--blog .item .thumbnail img {width: 100%;}
.list--blog .item .title {margin-top: 1rem;}
.list--blog .item .post-icon {position: absolute; right: 1rem; bottom: 1rem;}
.wp-block-column .list--blog {}
.wp-block-column .list--blog .list-items {margin-right: 0; margin-left: -1rem;}


.list.small {}
.list.small .item {width: calc(33.3333333333% - 1rem);}

.list--blog_full {}
.list--blog_full .item {width: 100%; margin-bottom: 0;}
.list--blog_full .item .thumbnail-container,
.list--blog_full .item .thumbnail {height: 100%; position: relative;}
.list--blog_full .item .thumbnail img {position: absolute;}


.list--blog_featured {}
.list--blog_featured .item {position: relative; padding: 0; height: 100%;}
.list--blog_featured .item .thumbnail-container {margin: 0;}
.list--blog_featured .item .thumbnail-container .thumbnail:before {content: ''; background: rgba(0, 0, 0, .3); position: absolute; left: 0; top: 0; right: 0; bottom: 0;}
.list--blog_featured .item .thumbnail-container .thumbnail:after {content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.3+100 */
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#4d000000',GradientType=0 ); /* IE6-9 */
}
.planetagracza-block-category-posts-banner .list .item:first-child .title {font: var(--font-title-featured); margin: 5rem 0;}

.list--blog_featured .item .thumbnail-container .thumbnail:after {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.3+100 */
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#4d000000',GradientType=0 ); /* IE6-9 */
}
.list--blog_featured .item .description {position: absolute; left: 1rem; right: 1rem; bottom: 6rem;}
.list--blog_featured .item .description,
.list--blog_featured .item .description .title a {color: var(--color-almost-white);}
.list--blog_featured .item:hover .description .title a {color: var(--color-calm-red);}


.wp-block-columns.same-height .wp-block-column:first-child .item .title {font: var(--font-title-featured);}
.wp-block-columns.same-height .wp-block-column:not(:first-child) {display: flex;}
.wp-block-columns.same-height .wp-block-column:not(:first-child) > * {width: 100%; height: 100%; display: flex;}
.wp-block-columns.same-height .wp-block-column:not(:first-child) .wpmagus-block__inner-container {width: 100%; height: 100%;}
.wp-block-columns.same-height .wp-block-column:not(:first-child) .list--blog_full,
.wp-block-columns.same-height .wp-block-column:not(:first-child) .list--blog_full .list-items,
.wp-block-columns.same-height .wp-block-column:not(:first-child) .list--blog_full .list-items .item {height: 100%;}


.list--discounts {}
.list--discounts .title {}

.list--discounts.small {}
.list--discounts.small .item {background: var(--color-background-card);}
.list--discounts.small .item .description {padding: 1rem;}
.list--discounts.small .item .thumbnail {margin: -1rem -1rem -1rem -1rem;}
.list--discounts.small .item .excerpt,
.list--discounts.small .item .price,
.list--discounts.small .item .button {display: none;}

.list--discounts.compact {}
.list--discounts.compact .meta,
.list--discounts.compact .excerpt {display: none;}
.list--discounts.compact .post-categories {display: block;}

.list--discounts_details {}
.list--discounts_details .list-items {margin-right: 0;}
.list--discounts_details .item {width: 100%; font-size: .875rem; margin-left: 0; padding: 1rem; background: var(--color-background-card);}
.list--discounts_details .description {position: relative; padding-left: 11rem; padding-right: 12rem;}
.list--discounts_details .description .title {margin-top: 0;}
.list--discounts_details .description .time {padding: 0;}
.list--discounts_details .description .time .days-to-end {display: none;}
.list--discounts_details .description .button {position: absolute; right: 0; top: 50%;
    -webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);
}
.list--discounts_details .thumbnail-container {position: absolute; left: 0; top: 0; width: 10rem;}
.list--discounts_details .excerpt > :last-child {margin-bottom: 0;}

.list--discounts_table {}
.list--discounts_table .list-header {padding: 0;}
.list--discounts_table .list-header .title {color: var(--color-calm-red); font: var(--font-small); font-weight: bold;}
.list--discounts_table .list-items {border: 2px solid var(--color-calm-red); padding: .5rem 1rem;}
.list--discounts_table .list-items .item {position: relative; border-bottom: 2px solid rgba(var(--color-navy-rgb), 0.04); padding: .5rem 0; margin-bottom: 0; font: var(--font-small); letter-spacing: 0.04em;}
.list--discounts_table .list-items .item:last-child {border-bottom: 0;}
.list--discounts_table .list-items .item:hover:after {content: '\0059'; font-family: "PlanetaGracza"; text-transform: none; font-weight: bold; color: var(--color-calm-red); position: absolute; right: 0; top: 50%;
    -webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);
}
.list--discounts_table .list-items .item a {display: block; width: 100%; padding-right: 3rem;}


.list--people {display: block; margin: 2rem 0;}
.list--people > .list-items > .item {margin: 1rem 0; border: 2px solid #fafafa; width: 100%; display: flex;}
.list--people .photo {width: 284px; background: transparent; padding-bottom: 0; height: auto;}
.list--people .photo img {height: 100%; object-fit: cover;}
.list--people .info {width: calc(100% - 284px); padding: 0 1.5rem;}
.list--people .name {text-transform: uppercase; margin-top: 1.5rem;}
.list--people .meta {text-transform: none;}
.list--people .meta .item {width: auto; margin-left: 0; margin-right: 1.5rem;}
.list--people .meta a {text-decoration: none; font-weight: 600;}
.list--people .meta a:before {content: none; font-family: "PlanetaGracza"; text-transform: none; font-size: 1rem; vertical-align: middle; color: var(--color-calm-red); margin-right: .5rem;}
.list--people .meta .email:before {content: '\0066';}
.list--people .meta .phone:before {content: '\0069';}
.list--people .meta .www:before {content: '\0065';}


.list--account-hardware {margin-left: 0; font-size: .75rem;}
.list--account-hardware .item {display: inline-block; width: auto; margin: 0 .5rem 1rem 0; padding: .25rem 1rem; border: 1px solid var(--color-navy); border-radius: 1.5rem;}

.list--account-social-profiles {margin-left: 0;}
.list--account-social-profiles .item {display: inline-block; width: auto; margin: 0 .5rem 1rem 0;}
.list--account-social-profiles .item a {color: var(--color-calm-red); border: 2px solid rgba(var(--color-navy-rgb), .04); padding: .25rem; display: block; height: 2rem; line-height: 2rem; min-width: 2rem; text-align: center; border-radius: 2rem; position: relative;}
.list--account-social-profiles .item a:hover {border-color: var(--color-calm-red); background-color: var(--color-calm-red); color: var(--color-almost-white);}
.list--account-social-profiles .item a:before {font-family: "PlanetaGracza"; text-transform: none; font-size: 1.25rem; position: absolute; left: 50%; top: 50%;
    -webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);
}



/* Post Types */
.type-discount .price {}
.type-discount .price span {margin-right: .5rem;}
.type-discount .price .new {color: var(--color-calm-red); font-weight: bold;}
.type-discount .price .normal {text-decoration: line-through; opacity: .4;}
.type-discount .price .discount {font-weight: bold; background: rgba( var(--color-navy-rgb), .05 ); border-radius: 5px; padding: .125rem .5rem;}
.type-discount .time {position: relative; padding-left: 3rem;}
.type-discount .time .days-to-end {display: block; font-weight: bold;}
.type-discount .time .days-to-end .days {position: absolute; left: 0; top: 0; font: var(--font-h3); width: 2rem; text-align: center; height: 2rem; line-height: 2rem; border: 1px solid var(--color-navy); border-radius: 5px; color: var(--color-calm-red);}
.type-discount .time .last-modification {display: block; text-transform: none; opacity: .4;}


/* Sections */
.section {}
.section-header {}
.section-thumbnail {margin-bottom: 2rem; height: 0; padding-bottom: 56.25%;}
.section-title {margin-bottom: 1rem;}
.meta + .section-title {margin-top: 1rem;}
.section-title + .meta {margin-bottom: 2rem;}
.section-content {}
.section-footer aside {margin-top: 3rem; padding-top: 3rem; border-top: 2px solid rgba( var(--color-navy-rgb), .1);}
/*.archive .section-title {margin-left: 1rem;}*/


.section--with_ads {}
.section--with_ads .section-header,
.section--with_ads .section-content {width: 894px; max-width: calc(100% - 300px); padding: 0 135px;}
.section--with_ads .section-header .section-thumbnail {margin-left: -135px; margin-right: -135px;}
.section--with_ads figure {max-width: calc(100% + 135px);}
.section--with_ads .list--discounts_details {margin-right: -115px;}
.section--with_ads .section-content {position: relative;}
.section--with_ads .ads-container {position: absolute; right: -300px; top: 0;}


.search-form {width: 984px; max-width: 100%; margin: 0 auto; position: relative; padding-right: 8rem;}
.search-form .search-submit {position: absolute; right: 0; top: 0; width: 7rem; padding: .75rem 1rem;}
.search-form .search-submit:before {content:'\006c'; text-transform: none; font-size: 1rem; vertical-align: -15%; font-family: PlanetaGracza; margin-right: .5rem; color: var(--color-calm-red);}
.search-form .search-submit:hover:before {color: var(--color-almost-white);}


.section--page {width: 984px; max-width: 100%; margin: 0 auto;}

.section--page_wide {width: 100%;}


.section--search {}
.section--search .section-header {margin: 0 auto 3rem auto; width: 984px; max-width: 100%;}
.section--search .section-title {font: var(--font-meta); letter-spacing: 0.04em; font-weight: bold;}
.section--search .section-title .query {font: var(--font-h3); display: block;}


.section--discount_single {}
.section--discount_single .section-header {border-bottom: 2px solid rgba( var(--color-navy-rgb), .1 );}
.section--discount_single .meta {position: relative;}
.section--discount_single .time {position: relative; padding-left: 3rem;}
.section--discount_single .time .days-to-end {display: block; font-weight: bold;}
.section--discount_single .time .days-to-end .days {position: absolute; left: 0; top: 0; font: var(--font-h3); width: 2rem; text-align: center; height: 2rem; line-height: 2rem; border: 1px solid var(--color-navy); border-radius: 5px; color: var(--color-calm-red);}
.section--discount_single .time .last-modification {display: block; text-transform: none; opacity: .4;}
.section--discount_single .button {position: absolute; right: 0; bottom: -.675rem;}


.section--404 {text-align: center; margin: 4rem 0;}
.section--404 .container { background: url(images/bg-dpad.png) no-repeat 50% 50%; background-size: contain;}
.section--404 .section-header {margin-bottom: 3rem; font: var(--font-meta); letter-spacing: 0.04em; font-weight: bold;}
.section--404 .section-title {margin-top: .5rem;}
.section--404 .section-title:after {content: ''; display: block; width: 480px; max-width: 100%; height: 365px; background: url('images/404.png') no-repeat 50% 50%; background-size: contain; margin: 5rem auto;}
.section--404 .section-content a {text-decoration: none; color: var(--color-calm-red);}


.section--login {text-align: center;}
.section--login .section-title {}
.section--login .section-header {padding-left: 15%; padding-right: 15%;}
.section--login .form-container {}
.section--login .form-container:after {content: ''; display: block; background: url('images/planeta.png') no-repeat 50% 50%; background-size: contain; width: 358px; max-width: calc(100vw - 2rem); height: 232px; margin: 8rem auto 3rem auto;}
.section--login .form-container .form {margin-bottom: 2rem;}
.section--login .form-container p a {text-decoration: none; color: var(--color-calm-red);}


.section--account {}
.section--account .name {text-transform: uppercase;}
.section--account h2 {font: var(--font-h3); text-transform: uppercase;}
.section--account h3 {font: var(--font-meta); letter-spacing: .04em; font-weight: bold; text-transform: uppercase;}
.section--account .account-actions a {margin-right: 1rem;}


#search-overlay {position: fixed; display: none; top: 0; left: 0; right: 0; bottom: 0; background: var(--color-almost-white ); opacity: .95; z-index: 9999;}
#search-overlay h2 {font: var(--font-title); text-transform: uppercase;}
#search-overlay .close {position: absolute; right: 2.5rem; top: 3rem; padding: .5rem 1rem;}
#search-overlay .container {position: absolute; top: 50%; left: 50%;
    -webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);
}
#search-overlay .list {margin-top: 2rem;}
#search-overlay .list .list-header {padding-left: 0; text-transform: uppercase; border-bottom: 1px solid rgba(var(--color-navy-rgb), .4); margin-bottom: 1rem;}
#search-overlay .list .title {}
#search-overlay .search-form {width: 100%;}


/* Widgets */
.widget {margin: 3rem 0;}
.planetagracza_widget_newsletter {background: transparent url('images/bg-dpad.png') no-repeat 50% top; background-size: contain; text-align: center; padding-top: 6rem; max-width: calc(100vw - 2rem); margin-left: auto; margin-right: auto;}
.planetagracza_widget_newsletter > * {width: 800px; max-width: 100%; margin-left: auto; margin-right: auto;}
.planetagracza_widget_newsletter .widget-title {font: var(--font-meta); letter-spacing: 0.04em; width: 584px; max-width: 100%; font-weight: bold; text-transform: uppercase;}
.planetagracza_widget_newsletter .cta {font: var(--font-title); width: 584px; max-width: 100%; margin-top: 0; text-transform: uppercase;}
.planetagracza_widget_newsletter .content {font: var(--font-small); letter-spacing: 0.04em; width: 584px; max-width: 100%;}
.planetagracza_widget_newsletter .field {flex: 1 1 0;}


.planetagracza_widget_register {background: transparent url('images/bg-dpad.png') no-repeat 50% top; background-size: contain; text-align: center; padding-top: 6rem; max-width: calc(100vw - 2rem); margin-left: auto; margin-right: auto;}
.planetagracza_widget_register > * {width: 800px; max-width: 100%; margin-left: auto; margin-right: auto;}
.planetagracza_widget_register .widget-title {font: var(--font-meta); letter-spacing: 0.04em; width: 584px; max-width: 100%; font-weight: bold; text-transform: uppercase;}
.planetagracza_widget_register .form {width: 400px;}
.planetagracza_widget_register .cta {font: var(--font-title); width: 584px; max-width: 100%; margin-top: 0;}
.planetagracza_widget_register .content {font: var(--font-small); letter-spacing: 0.04em; width: 584px; max-width: 100%;}
.planetagracza_widget_register .field {flex: 1 1 0;}
.planetagracza_widget_register p a {text-decoration: none; color: var(--color-calm-red);}



/* Header
 * ======================================== */

#header {background: var(--color-background-content); position: fixed; width: 100%; height: 5rem; z-index: 9999;
    -webkit-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, .1);
    box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, .1);
}

#header a {text-decoration: none; font: var(--font-menu); letter-spacing: 0.04em;}
#header ul {margin: 0; list-style: none; text-align: center; line-height: 5rem;}
#header ul li {display: inline-block; text-transform: uppercase;}

#header .site-title {margin: 0; position: absolute; left: 2.5rem; top: 50%; max-width: calc(100% - 7.5rem); text-indent: -9999px;
    -webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);
}
#header .site-title a {display: block; width: 9.375rem; height: 3.125rem; line-height: 3.125rem; background: transparent url('images/planetagracza-logo.svg') no-repeat left 50%; background-size: contain;}

#header nav {}
#header nav .nav-toggle {display: none;}
#header nav .nav-container {padding: 0 11rem;}
#header nav ul li {position: relative; margin: 0 .5rem;}
#header nav ul .menu-item-has-children {padding-right: .875rem;}
#header nav ul .menu-item-has-children:after {content: '\0062'; text-transform: none; font-weight: normal; position: absolute; right: 0; top: .125rem; color: var(--color-calm-red); font-family: "PlanetaGracza"; text-transform: none; font-size: .675rem;}
#header nav ul li a {padding: .5rem 0;}
#header nav ul li ul {display: none; top: 5rem; left: -1rem; line-height: 1; text-align: left; min-width: 300px; position: absolute; z-index: 9999; background: var(--color-background-content); padding: .5rem 0;}
#header nav ul li:hover ul {display: block;}
#header nav ul li li {display: block; padding-left: 1rem; padding-right: 1rem;}
#header nav ul li li a {display: block;}
#header nav .sub-menu {
    -webkit-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, .1);
    box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, .1);
}
#header nav .sub-menu p {text-align: center; font: var(--font-meta); letter-spacing: 0.04em; text-transform: none;}

#header .menu--user {position: absolute; right: 2.5rem; top: 0;}
#header .menu--user .icon a:before {color: var(--color-calm-red);}
#header nav .menu--user li ul {left: auto; right: -1rem; width: 188px; min-width: 0; padding: 0 1rem 1rem 1rem;}


/* Footer
 * ======================================== */

#footer {position: relative; margin: 0 auto; background: var(--color-navy); color: var(--color-almost-white); font: var(--font-meta); letter-spacing: 0.04em; line-height: 1; padding: 2.5rem 2.5rem 1.25rem 2.5rem;}
#footer a {color: var(--color-almost-white); text-decoration: none;}
#footer ul {list-style: none; margin-left: 0;}
#footer ul li {display: inline-block;}

#footer .site-title {margin: 0;}
#footer .site-title a {display: block; height: 2.5rem; width: 7.5rem; background: transparent url('images/planetagracza-logo-alt.svg') no-repeat left 50%; background-size: contain; text-indent: -9999px;}

#footer .nav--social {position: absolute; top: 2.75rem; right: 2.5rem; font-size: 1rem;}
#footer .nav--social ul {margin: 0;}
#footer .nav--social li {margin-left: 1rem;}
#footer .nav--social a {display: block; position: relative; width: 2rem; height: 2rem; text-align: center; line-height: 2rem; border: 2px solid rgba(254, 254, 254, .3); border-radius: 100%;}
#footer .nav--social a:before {position: absolute; left: 50%; top: 50%;
    -webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);
}

#footer .copyright {border-top: 2px solid rgba(254, 254, 254, .3); margin-top: 1.5rem;}
#footer .copyright p {display: inline-block; margin-bottom: 0;}
#footer .copyright ul {display: inline-block; margin-bottom: 0;}
#footer .copyright ul li {margin-left: 1rem; padding-left: 1rem; border-left: 2px solid rgba(254, 254, 254, .3);}
#footer .createdby {position: absolute; bottom: .5rem; right: 2.5rem;}
#footer .createdby span {display: block; text-indent: -9999px;}



/* Main
 * ======================================== */

#main-container {margin-top: 5rem;}

#main {background: var(--color-background-content); padding: 0; padding-top: 1rem; position: relative;}

.plane-sky-left {position: absolute; right: calc(100% + 2rem); top: 0;}



/* RWD
 * ======================================== */

@media (max-width: 1280px) {
    #header nav .nav-container {padding-right: 6rem;}
    #header nav ul li {margin: 0 .25rem;}
}

@media (max-width: 1140px) {
    #header {position: relative;}
    #header .site-title {left: 1rem;}

    #header ul {line-height: 1;}
    #header nav .nav-toggle {position: absolute; width: 2rem; height: 2rem; top: 1.375rem; right: 1rem;}
    #header nav .nav-toggle span,
    #header nav .nav-toggle span:before,
    #header nav .nav-toggle span:after {background: var(--color-calm-red); height: 2px;}
    #header nav.on .nav-toggle span:before,
    #header nav.on .nav-toggle span:after {background-color: var(--color-calm-red);}
    #header nav .nav-container {background: var(--color-background); padding: 1rem 1rem 2rem 1rem; position: absolute; top: 5rem; right: 0; z-index: 10000; width: 100vw;
        -webkit-box-shadow: 0px 40px 40px 0px rgba(0, 0, 0, .05);
        -moz-box-shadow: 0px 40px 40px 0px rgba(0, 0, 0, .05);
        box-shadow: 0px 40px 40px 0px rgba(0, 0, 0, .05);
    }
    #header nav .nav-container ul {display: block; float: none; width: 100%;}
    #header nav .nav-container ul li {display: block; text-align: left; margin: 0;}
    #header nav .nav-container ul li a {display: block; padding: 1rem 0;}
    #header nav .nav-container ul ul {display: none; position: static; margin-left: 1rem;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }
    #header nav .nav-container ul .icon--account ul {margin-left: 0;}
    #header nav ul li:hover > ul {display: none;}
    #header nav ul li.on > ul {display: block;}
    #header nav ul .menu-item-has-children:after {top: 0; padding: 1rem;}
    #header nav ul .menu-item-has-children.on a:after {-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}
    #header nav .menu--user {position: static;}
    #header nav .menu--user .icon--account:after {content: none;}
    #header nav .menu--user .icon--account > a {display: none;}
    #header nav .menu--user .icon--account > .sub-menu {display: block; position: static; width: 100%; padding: 0;}

    #header nav .nav-toggle {cursor: pointer; z-index: 10001; background: transparent; padding: 0; display: block; overflow: hidden; font-size: 0; text-indent: -9999px; border-radius: 0; border: none;}
    #header nav .nav-toggle span {top: 50%; display: block; position: absolute; left: 0; right: 0;
        -webkit-transition: background 0 0.3s; -moz-transition: background 0 0.3s; -ms-transition: background 0 0.3s; -o-transition: background 0 0.3s; transition: background 0 0.3s;
    }
    #header nav .nav-toggle span:before,
    #header nav .nav-toggle span:after {position: absolute; display: block; left: 0; width: 100%; content: '';
        -webkit-transition-duration: 0.3s, 0.3s; -moz-transition-duration: 0.3s, 0.3s; -ms-transition-duration: 0.3s, 0.3s; -o-transition-duration: 0.3s, 0.3s; transition-duration: 0.3s, 0.3s;
        -webkit-transition-delay: 0.3s, 0; -moz-transition-delay: 0.3s, 0; -ms-transition-delay: 0.3s, 0; -o-transition-delay: 0.3s, 0; transition-delay: 0.3s, 0;
    }
    #header nav .nav-toggle span:before {top: -.75rem;
        -webkit-transition-property: top, -webkit-transform; -moz-transition-property: top, -moz-transform; -ms-transition-property: top, -ms-transform; -o-transition-property: top, -o-transform; transition-property: top, transform;
    }
    #header nav .nav-toggle span:after {bottom: -.75rem;
        -webkit-transition-property: bottom, -webkit-transform; -moz-transition-property: bottom, -moz-transform; -ms-transition-property: bottom, -ms-transform; -o-transition-property: bottom, -o-transform; transition-property: bottom, transform;
    }
    #header nav.on .nav-toggle {}
    #header nav.on .nav-toggle span {background: none;}
    #header nav.on .nav-toggle span:before {top: 0;
        -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);
    }
    #header nav.on .nav-toggle span:after {bottom: 0;
        -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);
    }
    #header nav.on .nav-toggle span:before,
    #header nav.on .nav-toggle span:after {
        -webkit-transition-delay: 0, 0.3s; -moz-transition-delay: 0, 0.3s; -ms-transition-delay: 0, 0.3s; -o-transition-delay: 0, 0.3s; transition-delay: 0, 0.3s;
    }
    #header nav .nav-container {
        display: none;
    }
    body.nav-on #main {opacity: .25;}
}

@media (max-width: 1120px) {
    .wp-block-columns.same-height .wp-block-column:first-child .item .title {font: var(--font-title);}

    .list--discounts_details .description {padding-right: 0; padding-left: 17rem;}
    .list--discounts_details .description .thumbnail-container {width: 16rem;}
    .list--discounts_details .description .button {position: static;
        -webkit-transform: none;-moz-transform: none;-ms-transform: none;-o-transform: none;transform: none;
    }
}

@media (max-width: 1040px) {
    .container {max-width: 100vw;}

    #main-container {margin-top: 0;}


    #footer {padding: 2.5rem 1rem 1.25rem 1rem;}
    #footer .copyright {border-top: 0; margin-top: 1.5rem; text-align: center;}
    #footer .copyright p {display: block;}
    #footer .copyright ul {display: block; border-top: 2px solid rgba(254, 254, 254, .3); margin-top: 1.5rem; margin-bottom: 0;}
    #footer .copyright ul li {margin: 1rem 0; display: block; padding-left: 0; border-left: 0;}
    #footer .createdby {position: static;}

    .section .section-header {margin: 0 1rem;}

    .section--page .section-content {margin: 0 1rem;}

    .section--with_ads {}
    .section--with_ads .section-header,
    .section--with_ads .section-content {padding: 0 135px 0 1rem; margin-left: 0;}
    .section--with_ads .section-header .section-thumbnail {margin-left: 0;}
}

@media (max-width: 960px) {
    .list .item .share-buttons:hover ul {display: none;}
    .list .item .share-buttons.on ul {display: block;}

    .list--discounts_table .list-items .item:after {content: '\0059'; font-family: "PlanetaGracza"; text-transform: none; font-weight: bold; color: var(--color-calm-red); position: absolute; right: 0; top: 50%;
        -webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);
    }

    .list--discounts_details .description {padding-right: 0; padding-left: 0;}
    .list--discounts_details .description .thumbnail-container {width: 100%; position: static; margin-bottom: 1rem;}
    .list--discounts_details .description .button {position: absolute; right: 0; bottom: 0; top: auto;
        -webkit-transform: none;-moz-transform: none;-ms-transform: none;-o-transform: none;transform: none;
    }
}

@media (max-width: 892px) {
    .wp-block-columns.planetagracza-block--featured {display: block;}
    .wp-block-columns.planetagracza-block--featured .wp-block-column {width: 100%; margin-bottom: 1rem; margin-left: 0;}
    .wp-block-columns.planetagracza-block--featured .wp-block-column:first-child .item .title {font: var(--font-h3);}
    .wp-block-columns.small-gap .wp-block-column:first-child {padding-left: 0;}
    .wp-block-columns.small-gap .wp-block-column:last-child {padding-right: 0;}
    #main .section-content .planetagracza-block--featured:first-child {margin-top: -2rem;}

    .section--with_ads {}
    .section--with_ads .section-header,
    .section--with_ads .section-content {padding: 0 1rem 0 1rem; margin-left: 0;}
    .section--with_ads .section-header .section-thumbnail {margin-right: 0;}
    .section--with_ads figure {max-width: calc(100%);}
    .section--with_ads .list--discounts_details {margin-right: 0;}
}

@media (max-width: 787px) {
    .list.small {}
    .list.small .item {width: calc(100% - 1rem);}

    .list {}
    .list .list-header {display: block; text-align: center;}
    .list .list-header .title {display: inline-block; position: relative;}
    .list .list-header .title:before,
    .list .list-header .title:after {content: ''; height: 2px; background: var(--color-calm-red); width: 100vw; position: absolute; top: 50%;}
    .list .list-header .title:before {right: calc(100% + 1rem);}
    .list .list-header .title:after {left: calc(100% + 1rem);}
    .list .list-header .more {display: none;}

    .list--discounts_details .description .button {position: static; width: 100%;}


    .fields {width: 400px; max-width: 100%; margin-left: auto; margin-right: auto;}
    .fields .field {display: block; margin: 1rem auto; float: none; width: 100%;}
    .fields .field--short {width: 100%;}

    .fields--flex {display: block; align-items: center;}
    .fields--flex .field {margin: 1rem auto; width: 100%;}
    .fields--flex > .button {width: 100%; margin-left: 0;}

    .planetagracza-block-newest-discounts {}
    .planetagracza-block-newest-discounts .list .list-items {display: block; position: static; padding: .1px 1rem; border: 0;
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#141134+32,c72128+100 */
        background: rgb(20,17,52); /* Old browsers */
        background: -moz-linear-gradient(45deg,  rgba(20,17,52,1) 32%, rgba(199,33,40,1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(45deg,  rgba(20,17,52,1) 32%,rgba(199,33,40,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(45deg,  rgba(20,17,52,1) 32%,rgba(199,33,40,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#141134', endColorstr='#c72128',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    }
    .planetagracza-block-newest-discounts .list-items,
    .planetagracza-block-newest-discounts .list-items a {color: var(--color-almost-white);}
    .planetagracza-block-newest-discounts .list .item {margin: 1.5rem 0; width: auto; grid-column: 1; padding-left: 6.5rem;}
    .planetagracza-block-newest-discounts .list .item .thumbnail {width: 5rem; height: 5rem; padding-bottom: 0; position: absolute; left: 0; top: 0;}
    .planetagracza-block-newest-discounts .list .item:first-child {border-bottom: 2px solid rgba( 255, 255, 255, .2); margin-bottom: 1.5rem; padding-bottom: 1.5rem;}
    .planetagracza-block-newest-discounts .list .item:first-child .description {display: grid;}
    .planetagracza-block-newest-discounts .list .item:first-child .title {grid-row: 1; font: var(--font-h3);}
    .planetagracza-block-newest-discounts .list .item:first-child .thumbnail {position: static; width: 100%; height: 0; padding-bottom: 100%; margin: 1rem 0;}
    .planetagracza-block-newest-discounts .list .item:first-child .meta {display: block;}
    .planetagracza-block-newest-discounts .list .item:first-child .meta .price,
    .planetagracza-block-newest-discounts .list .item:first-child .meta .time {display: none;}
    .planetagracza-block-newest-discounts .list .item:first-child .meta .button {width: 100%;}

    .planetagracza-block-category-posts-banner {position: static;}
    .planetagracza-block-category-posts-banner .list .list-items {display: block; margin: 0; padding: .1px 0;}
    .planetagracza-block-category-posts-banner .list .item {background: transparent; width: 100%; margin: 1.5rem 0; display: block; padding: 0 0 0 7.5rem; position: relative; min-height: 5rem;}
    .planetagracza-block-category-posts-banner .list .item .thumbnail-container {margin: 0; display: block; position: static;}
    .planetagracza-block-category-posts-banner .list .item .thumbnail-container .thumbnail {position: absolute; left: 1rem; top: 0; width: 5rem; height: 5rem; padding: 0;}
    .planetagracza-block-category-posts-banner .list .item .author,
    .planetagracza-block-category-posts-banner .list .item .time,
    .planetagracza-block-category-posts-banner .list .item .comments {display: none;}
    .planetagracza-block-category-posts-banner .list .item .category {position: static; display: block;}
    .planetagracza-block-category-posts-banner .list .item:first-child {width: 100%; padding: 0; display: block; position: relative; margin: 0;}
    .planetagracza-block-category-posts-banner .list .item:first-child .description {padding: 2rem 1rem; border-bottom: 0; margin: 0;}
    .planetagracza-block-category-posts-banner .list .item:first-child .thumbnail {position: absolute; width: auto; padding: 0; height: auto; left: 0; top: 0; right: 0; bottom: 0;}
    .planetagracza-block-category-posts-banner .list .item:first-child .title {margin: 2rem 0 0 0; font: var(--font-h3);}
    .planetagracza-block-category-posts-banner .list .item:first-child .category {position: absolute; margin-top: 1rem;}

    .section--discount_single .button {position: static; width: 100%;}
}

@media (max-width: 727px) {
    .author-block {padding-left: 0; min-height: 0; position: static; text-align: center;}
    .author-block .avatar {position: static; display: block; width: 100px; height: 100px; border-radius: 100%; margin: 0 auto;}
    .author-block .name {margin-top: 1rem;}

    .review-block {margin: 8.5rem 0 3rem 0; border-top-left-radius: 0; border-bottom-right-radius: 0; border-top-right-radius: 0;}
    .review-block .summary {position: relative;}
    .review-block .summary .thumbnail {display: none;}
    .review-block .summary .note {position: absolute; top: -6.5rem; right: calc(50% - 6.5rem);
        -webkit-transform: scale(.7);-moz-transform: scale(.7);-ms-transform: scale(.7);-o-transform: scale(.7);transform: scale(.7);
    }
    .review-block .summary .progress--line {position: absolute; left: 0; bottom: 0; right: 0; height: 10px;}
    .review-block .summary .info {padding: 5.5rem 1rem 1rem 1rem; margin-right: 0; border-top-left-radius: 0; text-align: center;}
    .review-block .pros-cons {flex-wrap: wrap;}
    .review-block .pros-cons > div {flex: 1 1 100%; padding-right: 0; margin-top: 1rem;}

    .commentlist {margin-left: .5rem;}
    .commentlist ol {margin-left: 0;}
    .commentlist li {margin-left: .5rem; margin-top: 1.5rem;}

    .commentlist .comment-reactions {position: static; margin: 1rem 0;}
    .commentlist .comment-reactions .reaction-type {margin-left: .125rem;}
    .commentlist .comment-reactions .reaction-type:first-child {margin-left: 0;}
    .commentlist .comment-reactions .reaction-type .react {padding: 0; padding-left: 1.5rem; height: calc(1.5rem + 4px); border-radius: 1.5rem; line-height: 1.5rem;}
    .commentlist .comment-reactions .reaction-type .label {width: calc(1.5rem + 4px); height: calc(1.5rem + 4px);}
    .commentlist .comment-reactions .reaction-type .label:before {font-size: .875rem;}
    .commentlist .comment-reactions .reaction-type .react .count {line-height: 1.5rem; padding: 0 .5rem;}

    .list--blog {}
    .list--blog .item {width: calc(100% - 1rem);}

    .list--blog_full .item .thumbnail {padding-bottom: 100%;}

    .list--people {}
    .list--people > .list-items > .item {display: block;}
    .list--people .thumbnail {width: 100%;}
    .list--people .info {width: 100%;}

    .section--with_ads .section-header,
    .section--with_ads .section-content {max-width: 100%;}

    #footer .site-title {}
    #footer .site-title a {margin: 0 auto;}

    #footer .nav--social {position: static; text-align: center; margin: 1.5rem 0;}
}

@media (max-width: 480px) {
    .wp-pagenavi a,
    .wp-pagenavi span {margin: .25rem .2rem; min-width: 1.75rem;}
    .wp-pagenavi .extend {margin-left: -.2rem; margin-right: -.2rem;}
}

@media (max-width: 320px) {
    .gallery {}
    .gallery .gallery-item {width: 100%; float: none;}
    .gallery.gallery-columns-2 .gallery-item {width: 100%;}
    .gallery.gallery-columns-3 .gallery-item {width: 100%;}
    .gallery.gallery-columns-4 .gallery-item {width: 100%;}
    .gallery.gallery-columns-5 .gallery-item {width: 100%;}
    .gallery.gallery-columns-6 .gallery-item {width: 100%;}
    .gallery.gallery-columns-7 .gallery-item {width: 100%;}
    .gallery.gallery-columns-8 .gallery-item {width: 100%;}
    .gallery.gallery-columns-9 .gallery-item {width: 100%;}
    .gallery.gallery-columns-2 .gallery-item:nth-child(2n+1) {clear: both;}
}



/* Print
 * ======================================== */

@media print {
    body {background: none !important; color: #2b2b2b; font-size: 12pt; width: 100%;}
    #header {background: none; min-height: 100px;}
    #header .site-title a {height: 100px;}
    #header .site-title:after {position: absolute; right: 0; top: 0;}
    #header nav {display: none;}
    #footer {display: none;}
    h2, h3 {page-break-after: avoid;}
    article a {font-weight: bolder; text-decoration: none;}
    article a[href^=http]:after {content:" <" attr(href) "> ";}
}



/* WP Styles
 * ======================================== */

.alignleft {float: left;}
.alignright {float: right;}
.aligncenter {display: block; margin-left: auto; margin-right: auto; text-align: center;}

blockquote.alignleft,
figure.wp-caption.alignleft,
img.alignleft {margin: .5em 1rem .5em 0;}
.wp-caption.alignleft {margin: .5em 1rem .5em 0;}

blockquote.alignright,
figure.wp-caption.alignright,
img.alignright {margin: .5em 0 .5em 1rem;}
.wp-caption.alignright {margin: .5em 0 .5em 1rem;}

blockquote.aligncenter,
img.aligncenter,
.wp-caption.aligncenter {margin-top: .5em; margin-bottom: .5em;}

.site-content blockquote.alignleft,
.site-content blockquote.alignright {padding-top: .5em; width: 50%;}

.site-content blockquote.alignleft p,
.site-content blockquote.alignright p {margin-bottom: .5em;}

.wp-caption {margin-bottom: 1rem; color: #767676;}
.wp-caption img[class*="wp-image-"] {display: block; margin: 0;}
.wp-caption-text {font-style: italic; line-height: 1.4; margin: .5em 0;}
div.wp-caption .wp-caption-text {padding-right: 1rem}

div.wp-caption.alignright img[class*="wp-image-"],
div.wp-caption.alignright .wp-caption-text {padding-left: 1rem; padding-right: 0;}

.wp-smiley {border: 0; margin-bottom: 0; margin-top: 0; padding: 0;}