/*
Theme Name: e-magazyny
Theme URI: 
Author: WPmagus.pl
Author URI: https://wpmagus.pl/
Description: 
Version: 2.0.5
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: 
Text Domain: emagazyny
*/

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

:root {
    --color-brand: #005d8f;

    --color-brand-light: #AFCCDC;

    --color-green: #0F8A56;
    --color-red: #DF2A4A;
    --color-blue: #0238D9;
    --color-white: #ffffff;  /* grey-00 */

    --color-almost-white: #F1F5F8;  /* grey-05 */

    --color-lighter-grey: #E2ECEC;  /* grey-10 */
    --color-light-grey: #C4CFCF;  /* grey-20 */

    --color-grey: #9DABAB;  /* grey-40 */

    /*--color-dark-grey: #708080;  /* grey-60 */
    --color-dark-grey: #787878;  /* grey-60 */


    --color-almost-black: #4B5D5D;  /* grey-80 */

    --color-black: #000000;  /* grey-99 */

    --color-palette-01: #A8CB2E;
    --color-palette-02: #60CA58;
    --color-palette-03: #36DD8C;
    --color-palette-04: #1BDAB8;
    --color-palette-05: #18DBDC;
    --color-palette-06: #17B9D2;
    --color-palette-07: #158AD1;
    --color-palette-08: #ED52CB;
    --color-palette-09: #F47B0A;
    --color-palette-10: #ED2F2F;

    --color-base-text: var(--color-almost-black);
    --color-content-bg: var(--color-white);
    --color-html-bg: var(--gradient-base);

    --gradient-base: linear-gradient(90deg, #A8CB2E 0%, #2BEFEF 56.77%, #1485CF 100%);

    --font-0: normal 700 4rem/1.40 'Roboto Condensed', sans-serif;
    --font-1: normal 700 2rem/1.40 'Roboto Condensed', sans-serif;
    --font-2: normal 700 1.25rem/1.48 'Roboto Condensed', sans-serif;
    --font-3: normal 700 1rem/1.40 'Roboto', sans-serif;
    --font-3-cond: normal 700 1rem/1.40 'Roboto Condensed', sans-serif;
    --font-4: normal 400 1rem/1.40 'Roboto', sans-serif;
    --font-5: normal 700 0.875rem/1.60 'Roboto', sans-serif;
    --font-6: normal 400 0.875rem/1.60 'Roboto', sans-serif;
    --font-base: normal 400 1.125rem/1.40 'Roboto', sans-serif;
    --font-meta: normal 500 0.875rem/1.60 'Roboto', sans-serif;
    --font-large: normal 400 1.5rem/1.40 'Roboto', sans-serif;
    --font-small: normal 400 0.75rem/1.60 'Roboto', sans-serif;

    --line-height-base: 1.40;
    --line-height-meta: 1.60;

    --space-0: 3rem;
    --space-1: 2.8125rem;
    --space-2: 2.5rem;
    --space-3: 1.875rem;
    --space-4: 1.25rem;
    --space-5: 0.875rem;
    --space-6: 0.75rem;
    --space-7: 0.5rem;
    --space-8: 0.25rem;
    --space-base: var(--space-3);

    --space-container-padding: var(--space-1);

    --container-width: 1240px;
    --container-max-width: calc(100vw - 2*var(--space-container-padding));

    --content-wide-width: 1240px;
    --content-width: 725px;

    --wp--style--gallery-gap-default: var(--space-base);

    --aspectratio--default: 16/9;
    --aspectratio--vert: 93 / 68;

}

@media (max-width: 640px) {
    :root {
        --font-0: normal 700 2.5rem/1.40 'Roboto Condensed', sans-serif;
        --font-1: normal 700 1.5rem/1.40 'Roboto Condensed', sans-serif;

        --font-large: normal 400 1.25rem/1.40 'Roboto', sans-serif;

        --space-0: 2.5rem;
        --space-1: 2.25rem;
        --space-2: 1.875rem;
        --space-3: 1.375rem;
        --space-4: 1rem;
        --space-5: 0.75rem;
        --space-6: 0.5rem;
        --space-7: 0.375rem;
        --space-8: 0.25rem;
        --space-base: var(--space-4);

        --space-container-padding: var(--space-base);
    }
}


/* 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: var(--space-base) 0;}
h1, h2, h3, h4, h5, h6 {margin: var(--space-2) 0 var(--space-base) 0;}

::-webkit-input-placeholder {color: #939393;}
:-moz-placeholder {color: #939393;}
::-moz-placeholder {color: #939393; opacity: 1;}
:-ms-input-placeholder {color: #939393;}

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

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

embed,
iframe,
object,
video {margin: var(--space-base) 0; max-width: 100%;}

.grecaptcha-logo iframe {margin: 0;}

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

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

address {font-style: normal;}

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



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

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

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

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

.video-container {width: 100%; height: 0; padding-bottom: 56.25%; position: relative; overflow: hidden;}
.video-container iframe {width: 100%; height: 100%; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: 0;}
.video-container .video-thumbnail {position: absolute; left: 0; top: 0; right: 0; bottom: 0;}
.video-container .video-thumbnail:before {content: ''; width: 7.375rem; height: 7.375rem; border-radius: 100%; position: absolute; left: 50%; top: 50%; background: rgba(255, 255, 255, .75);
    -webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -ms-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
}
.video-container .video-thumbnail:after {content: ''; width: 0; height: 0; position: absolute; left: 50%; top: 50%; margin-left: .5rem;
    border-style: solid; border-width: 1.5rem 0 1.5rem 2.5rem; border-color: transparent transparent transparent var(--color-white);
    -webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);
}
.video-container .video-thumbnail:hover {opacity: 1;}
.video-container .video-thumbnail:hover:before {opacity: .5;}

.video-container .video-thumbnail img {height: 100%; object-fit: cover; border-radius: .5rem;}

.icon a {text-decoration: none;}
.icon a span {display: none;}
.icon a:before {content: ''; font-family: "Font Awesome 5 Free", "Font Awesome 5 Brands";}
.icon--facebook a:before {content: '\f39e';}
.icon--youtube a:before {content: '\f167';}
.icon--twitter a:before {content: '\f099';}
.icon--tumblr a:before {content: '\f174';}
.icon--linkedin a:before {content: '\f0e1';}
.icon--google-plus a:before {content: '\f0d4';}
.icon--vimeo a:before {content: '\f194';}
.icon--pinterest a:before {content: '\f0d3';}
.icon--instagram a:before {content: '\f16d';}
.icon--rss a:before {content: '\f143';}
.icon--search a:before {content: '\f002'; font-weight: 600;}
.icon--phone a:before {content: '\f879'; font-weight: bold;}
.icon--mail a:before {content: '\f0e0';}

.skip-links {list-style: none; display: inline-block; position: absolute;}
.skip-link {position: fixed; left: -1000vw; z-index: 9999; min-width: 20rem; top: 0; padding: var(--space-3) var(--space-base); text-decoration: none; background: var(--color-base-text); color: var(--color-content-bg);}
.skip-link:hover,
.skip-link:focus,
.skip-link:active {left: 0;}


#header .nav .nav-toggle {display: none; z-inedx: 10001; cursor: pointer; 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 {
    -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 {
    -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;
}


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

html {font-size: 16px; background: var(--color-white);}
body {font: var(--font-base); color: var(--color-base-text);}

ul,
ol {margin-left: var(--space-base);}

a {color: var(--color-base-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; opacity: .75;}

h1,
h2,
h3,
h4,
h5,
h6 {color: var(--color-black);}
h1 {font: var(--font-1);}
h2 {font: var(--font-2);}
h3 {font: var(--font-3);}
h4 {font: var(--font-4);}
h5 {font: var(--font-5);}
h6 {font: var(--font-6);}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {text-decoration: none; color: inherit;}

blockquote {font-style: italic; position: relative;}
blockquote cite {font: var(--font-meta);}

.wp-block-quote.is-large p,
.wp-block-quote.is-style-large p {font: var(--font-large);}

.wp-block-gallery {display: flex; justify-content: space-between;}
.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) a,
.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) img {width: 20rem; margin: 0 auto;}

table {border-collapse: collapse;}
table th,
table td {padding: var(--space-base); text-align: left;}
table thead th,
table thead td {border: 1px solid var(--color-grey);}
table tbody th,
table tbody td {border: 1px solid var(--color-grey);}

form {}
input,
button,
select,
textarea {font: var(--font-base); padding: var(--space-6) var(--space-4); max-width: 100%; width: 100%; border: 1px solid var(--color-lighter-grey); border-radius: 1px; margin: var(--space-7) 0;}

form .fields {display: grid; grid-template-columns: 1fr; grid-column-gap: var(--space-base); grid-row-gap: var(--space-base);}
form .field {}
form .field .label {display: block;}
form .field input[type="submit"],
form .field button {width: fit-content; padding-left: var(--space-1); padding-right: var(--space-1);}

button,
input[type="submit"],
.button,
.wp-block-button__link {min-width: 0; background: var(--color-brand); color: var(--color-white); cursor: pointer;
    font: var(--font-small); font-weight: 700; text-transform: uppercase; display: inline-block; padding: var(--space-6) var(--space-4);
    text-align: center; border: 0; border-radius: 0; text-decoration: none; overflow: hidden; text-overflow: ellipsis;
    -webkit-transition: opacity .3s, color .3s; -moz-transition: opacity .3s, color .3s; -ms-transition: opacity .3s, color .3s; -o-transition: opacity .3s, color .3s; transition: opacity .3s, color .3s;
}

button:hover,
input[type="submit"]:hover,
.button:hover,
.wp-block-button__link:hover {opacity: .75;}


.thumbnail,
.video-thumbnail {display: block; background: transparent no-repeat 50% 50%; background-size: cover; overflow: hidden;}
.thumbnail img,
.video-thumbnail img {display: block; width: 100%;
    -webkit-transition: opacity .3s; -moz-transition: opacity .3s; -ms-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s;
}
a.thumbnail:hover {opacity: 1;}
a.thumbnail:hover img {opacity: .75;}
.thumbnail img {border-radius: .875rem;}



.meta {font: var(--font-meta); line-height: var(--line-height-meta); color: var(--color-grey); margin: var(--space-base) 0;}
.meta a {color: var(--color-grey); text-decoration: none;}

.meta .post-categories a {
    color: var(--color-dark-grey);
}
.meta > * {margin-right: var(--space-base);}



.wpcf7 {position: relative;}
.wpcf7 br {display: none;}
.wpcf7 form .wpcf7-not-valid-tip {position: absolute; top: -16px; right: -10px; font-size: 80%; color: var(--color-bg); background: var(--color-red); display: block; padding: 4px 6px;}
.wpcf7 form .wpcf7-response-output {display: block; position: absolute; top: 100px; left: 10%; right: 10%; padding: var(--space-base); border: 0; text-align: center; font-size: 18px; color: var(--color-content-bg); font-weight: bold; box-shadow: var(--space-3) var(--space-3) var(--space-3) 0 rgba(0, 0, 0, .2); z-index: 101;}
.wpcf7 form .wpcf7-response-output.wpcf7-display-none {display: none;}
.wpcf7 form .wpcf7-response-output:after {content: 'x'; position: absolute; top: 10px; right: 12px; color: var(--color-bg); cursor: pointer;}

.wpcf7 form.sent .wpcf7-response-output {background: var(--color-green);}
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output,
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.spam .wpcf7-response-output {border-color: var(--color-red); background: var(--color-red);}



.wp-pagenavi {text-align: center; display: block; width: 100%; margin: var(--space-0) 0; border-top: .25rem solid var(--color-almost-white); padding-top: var(--space-base);}
.wp-pagenavi .pages {display: none;}
.wp-pagenavi a,
.wp-pagenavi span {display: inline-block; min-width: 2rem; padding: var(--space-7) var(--space-5); color: var(--color-dark-grey); border: 0; font: var(--font-meta);}
.wp-pagenavi a:hover,
.wp-pagenavi .current {color: var(--color-white); background: var(--color-palette-01); font-weight: 500;}
.wp-pagenavi .first,
.wp-pagenavi .last {display: none;}


.slick-slider {}
.slick-slider .slick-arrow {position: absolute; top: 50%; z-index: 99; border: 0; text-indent: -9999px; width: 3rem; height: 3rem; line-height: 3rem; margin-top: -4.5rem; background: transparent;}
.slick-slider .slick-arrow:before {position: absolute; color: var(--color-base-text); left: 0; top: 0; right: 0; bottom: 0; text-align: center; font-family: "Font Awesome 5 Free"; font-weight: bold; font-size: 2rem; text-indent: 0; opacity: .5;
    -webkit-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s;
}
.slick-slider:hover .slick-arrow:before {opacity: 1;}
.slick-slider .slick-prev {left: -2rem;}
.slick-slider .slick-prev:before {content: '\f0a8';}
.slick-slider .slick-next {right: -2rem;}
.slick-slider .slick-next:before {content: '\f0a9';}
.slick-dots {list-style: none; margin-left: 0;}
.slick-dots li {margin-right: var(--space-3); display: inline-block; vertical-align: middle;}
.slick-dots button {display: block; width: 12px; height: 12px; border: 2px solid var(--color-grey); text-indent: -9999px; border-radius: 100%; padding: 0; background: transparent;}
.slick-dots .slick-active {}
.slick-dots button:hover,
.slick-dots .slick-active button {border-width: 4px; width: 12px; height: 12px;}



.search-form {position: relative;}
.search-form .search-field {
    padding-right: calc(3.25rem + var(--space-4));
    border-radius: 3.75rem; border: 1px solid var(--color-brand-light); background: var(--color-almost-white);}

.search-form .search-field:focus {border-color: var(--color-brand); outline: 0;}

.search-form .search-submit {position: absolute; top: 0; height: 100%; right: 0; width: auto; aspect-ratio: 1 / 1; background: transparent; text-align: center; margin: 0; padding: 0;}
.search-form .search-submit:before {content: '\f002'; font-weight: 600; font-family: "Font Awesome 5 Free"; font-size: 1rem; color: var(--color-grey);}


.wp-block-heading.is-style-has-marker,
.heading--has_marker {padding-bottom: var(--space-4); border-bottom: .25rem solid var(--color-almost-white); margin-bottom: var(--space-3); font: var(--font-2); text-transform: uppercase;}

.heading--bordered {padding-bottom: var(--space-4); border-bottom: .25rem solid var(--color-almost-white); margin-bottom: var(--space-3);}
.heading--with_partner {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.heading--partner {
    display: flex;
    align-items: center;
    gap: var(--space-4);
}
.heading--partner_label {
    font: var(--font-3-cond);
}

@media (max-width: 580px) {
    .heading--with_partner {
        flex-direction: column;
        align-items: flex-start;
        gap: var(--space-4);
    }
    .heading--partner {
        flex-direction: column;
        gap: var(--space-6);
        align-items: flex-start;
    }
}
.wp-block-heading.is-style-has-marker:before,
.heading--has_marker:before {
    content: ''; margin-right: var(--space-5); display: inline-block;
    height: 1.25em;
    width: .5em;
    vertical-align: text-bottom;
    background-color: var(--color-brand);
}

.heading--marker_only {
    font: var(--font-2);
    text-transform: uppercase;
    margin-bottom: 0;
    margin-top:0 !important;
}
.heading--marker_only:before {
    content: ''; margin-right: var(--space-5); display: inline-block;
    height: 1.25em;
    width: .5em;
    vertical-align: text-bottom;
    background-color: var(--color-brand);

}


/* Articles */

.post {}
.post .posted-on {}
.post .posted-on > span {display: none;}
.post .post-categories {margin: 0; list-style: none; display: inline-block;}
.post .post-categories li {display: inline-block; margin-right: var(--space-base);}
.post .post-categories li a {font-weight: 800; line-height: 1; text-transform: uppercase;}
.post .excerpt {margin-bottom: var(--space-4);}
.post .excerpt :first-child {margin-top: 0;}


/* Lists */
ul.list,
.list .list-items {list-style: none; display: grid; grid-gap: var(--space-3); margin: var(--space-base) 0;}
.list .item {}


.list--team {grid-template-columns: 1fr 1fr;}
.list--team .item {}
.list--team .item .name {margin-bottom: 0; font: var(--font-large);}
.list--team .item .title {margin-top: var(--space-6); color: var(--color-grey);}
.list--team .item .photo {aspect-ratio: 1 / 1; object-fit: cover; border-radius: 50%; overflow: hidden; width: 15rem; max-width: 100%;}

@media (max-width: 640px) {
    ul.list--team {grid-template-columns: minmax(0, 1fr);}
}



.list--post {}
.list--post .list-items {}
.list--post .item {}
.list--post .item .title {font: var(--font-1); margin: var(--space-8) 0 var(--space-7) 0;}
.list--post .meta {margin: var(--space-6) 0;}
.list--post .item .thumbnail {}
.list--post .thumbnail img {aspect-ratio: var(--aspectratio--default); object-fit: cover; border-radius: .5rem;}
.list--post .item .excerpt {display: none;}

@media (min-width: 640px) {
    .list--post {}
    .list--post .list-items {}
    .list--post .item {display: flex; gap: var(--space-4);}
    .list--post .meta {margin: 0;}
    .list--post .item .title {margin: var(--space-8) 0 var(--space-7) 0;}
    .list--post .item .thumbnail {flex: 0 0 14rem;}
}

@media (min-width: 1120px) {
    .list--post {}
    .list--post .item {display: flex; gap: var(--space-4);}
    .list--post .meta {margin: 0;}
    .list--post .title {font: var(--font-1); margin: var(--space-8) 0 var(--space-7) 0;}
    .list--post .thumbnail {flex: 0 0 14.4375rem;}
    .list--post .thumbnail img {aspect-ratio: var(--aspectratio--default); object-fit: cover; border-radius: .5rem;}
}



.list--post_list {}
.list--post_list .list-items {}
.list--post_list .item .title {font: var(--font-3); margin: var(--space-8) 0 var(--space-7) 0;}
.list--post_list .item .excerpt {display: none;}

@media (min-width: 360px) {
    .list--post_list {}
    .list--post_list .list-items {}
    .list--post_list .item {display: flex; gap: var(--space-4); align-items: center;}
    .list--post_list .meta {margin: 0; font: var(--font-small);}
    .list--post_list .item .thumbnail {flex: 0 0 8rem;}
    .list--post_list .thumbnail img {aspect-ratio: var(--aspectratio--vert);}
}

@media (min-width: 640px) {
    .list--post_list .item .thumbnail {flex: 0 0 14.4375rem;}

    .list--post_list.list--post_has_items_1 .item .title,
    .list--post_list.list--post_has_items_2 .item .title,
    .list--post_list.list--post_has_items_3 .item .title {font: var(--font-2);}
}

@media (min-width: 960px) {
    .list--post_list .thumbnail img {aspect-ratio: var(--aspectratio--default);}
}



.list--post_list_simple {}
.list--post_list_simple .list-items {grid-gap: var(--space-3) var(--space-1);}
.list--post_list_simple .item .title {font: var(--font-3);}
.list--post_list_simple .item .excerpt,
.list--post_list_simple .item .meta {display: none;}

@media (min-width: 360px) {
    .list--post_list_simple {}
    .list--post_list_simple .list-items {}
    .list--post_list_simple .item {display: flex; gap: var(--space-4); align-items: center;}
    .list--post_list_simple .item .title {margin: 0;}
    .list--post_list_simple .item .thumbnail {flex: 0 0 8rem;}
    .list--post_list_simple .thumbnail img {aspect-ratio: var(--aspectratio--vert);}
}



.list--post_columns {}
.list--post_columns .item .title {font: var(--font-3);}
.list--post_columns .item .excerpt {display: block;}

@media (min-width: 380px) {
    .list--post_columns {}
    .list--post_columns .list-items {grid-template-columns: repeat(1, minmax(0, 1fr));}
    .list--post_columns .item {display: block;}
    .list--post_columns .item .title {font: var(--font-2);}
    .list--post_columns .item .meta {margin: var(--space-base) 0 0 0;}

    .list--post_columns.list--post_has_items_1 .list-items {grid-template-columns: repeat(1, minmax(0, 1fr));}
}

@media (min-width: 480px) {
    .list--post_columns .list-items {grid-template-columns: repeat(2, minmax(0, 1fr));}
}

@media (min-width: 960px) {
    .list--post_columns .list-items {grid-template-columns: repeat(4, minmax(0, 1fr));}

    .list--post_columns.list--post_has_items_1 .list-items {grid-template-columns: repeat(1, minmax(0, 1fr));}
    .list--post_columns.list--post_has_items_1 .item .title {font: var(--font-1);}
    .list--post_columns.list--post_has_items_1 .item .thumbnail img {aspect-ratio: var(--aspectratio--default);}

    .list--post_columns.list--post_has_items_2 .list-items {grid-template-columns: repeat(2, minmax(0, 1fr));}
    .list--post_columns.list--post_has_items_3 .list-items {grid-template-columns: repeat(3, minmax(0, 1fr));}
    .list--post_columns.list--post_has_items_4 .list-items {grid-template-columns: repeat(4, minmax(0, 1fr));}
}


.list--post_grid {}
.list--post_grid .list-items {grid-gap: var(--space-3) var(--space-1);}
.list--post_grid .item .title {font: var(--font-3); margin: var(--space-8) 0 var(--space-7) 0;}
.list--post_grid .item .excerpt {display: none;}

.list--post_grid .item:first-child {display: block;}
.list--post_grid .item:first-child .meta {margin: var(--space-base) 0 0 0;}
.list--post_grid .item:first-child .title {font: var(--font-1);}
.list--post_grid .item:first-child .thumbnail img {aspect-ratio: var(--aspectratio--default);}

@media (min-width: 360px) {
    .list--post_grid {}
    .list--post_grid .list-items {}
    .list--post_grid .item {display: flex; gap: var(--space-4); align-items: center;}
    .list--post_grid .item .meta {margin: 0; font: var(--font-small);}
    .list--post_grid .item .title {font: var(--font-3); margin: var(--space-8) 0 0 0;}
    .list--post_grid .item .thumbnail {flex: 0 0 8rem;}
    .list--post_grid .thumbnail img {aspect-ratio: var(--aspectratio--vert);}
    .list--post_grid .item .excerpt {display: none;}
}

@media (min-width: 960px) {
    .list--post_grid .thumbnail img {aspect-ratio: var(--aspectratio--default);}
    .list--post_grid.list--post_has_items_6 .list-items .thumbnail img {aspect-ratio: var(--aspectratio--vert);}
}

@media (min-width: 960px) {
    .list--post_grid {}
    .list--post_grid .list-items {grid-template-columns: repeat(4, minmax(0, 1fr));}
    .list--post_grid .item {display: block;}
    .list--post_grid .item .meta {margin: var(--space-base) 0 0 0;}
    .list--post_grid .item .title {font: var(--font-2);}
    .list--post_grid .item .excerpt {display: none;}
    .list--post_grid .item:first-child {grid-column: 1 / span 4; display: flex; gap: var(--space-1);}
    .list--post_grid .item:first-child > * {flex: 1 1 0;}
    .list--post_grid .item:first-child .title {font: var(--font-1);}
    .list--post_grid .item:first-child .excerpt {display: block;}

    .list--post_grid.list--post_has_items_2 {}

    .list--post_grid.list--post_has_items_3 .list-items {grid-template-columns: repeat(2, minmax(0, 1fr)); grid-gap: var(--space-1);}
    .list--post_grid.list--post_has_items_4 .list-items {grid-template-columns: repeat(3, minmax(0, 1fr)); grid-gap: var(--space-1);}
    .list--post_grid.list--post_has_items_5 .list-items {grid-gap: var(--space-1);}

    .list--post_grid.list--post_has_items_6 .list-items {grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);}
    .list--post_grid.list--post_has_items_6 .item {grid-column: 2; display: flex;}
    .list--post_grid.list--post_has_items_6 .item .meta {margin: 0;}
    .list--post_grid.list--post_has_items_6 .item:first-child {grid-column: 1 / span 1; grid-row: 1 / span 5; display: block; border-radius: .5rem; overflow: hidden;}
    .list--post_grid.list--post_has_items_6 .item:first-child .thumbnail img {aspect-ratio: var(--aspectratio--default);}
    .list--post_grid.list--post_has_items_6 .item:first-child .description {}
    .list--post_grid.list--post_has_items_6 .item:first-child .meta {margin: var(--space-base) 0 0 0;}
    .list--post_grid.list--post_has_items_6 .item .title {font: var(--font-3);}
    .list--post_grid.list--post_has_items_6 .item:first-child .title {font: var(--font-1);}
    .list--post_grid.list--post_has_items_6 .item .thumbnail {flex: 0 0 8rem;}

    /* If first post with overlay */
    /*.list--post_grid.list--post_has_items_6 .item:first-child {position: relative;}
    .list--post_grid.list--post_has_items_6 .item:first-child .thumbnail,
    .list--post_grid.list--post_has_items_6 .item:first-child .thumbnail img {height: 100%;}
    .list--post_grid.list--post_has_items_6 .item:first-child .description {position: absolute; left: 0; bottom: 0; right: 0; padding: var(--space-base); color: var(--color-almost-white); background: linear-gradient(0deg, rgba(0,0,0,.6) 0%, rgba(0,0,0,0) 100%);}
    .list--post_grid.list--post_has_items_6 .item:first-child .meta,
    .list--post_grid.list--post_has_items_6 .item:first-child .meta a {color: var(--color-almost-white);}
    .list--post_grid.list--post_has_items_6 .item:first-child .title {color: vaR(--color-white);}*/
}


.list--post_related {}
.list--post_related .item {display: block;}
.list--post_related .item .title {font: var(--font-2);}
.list--post_related .item .thumbnail {margin-bottom: var(--space-5);}
.list--post_related .item .excerpt,
.list--post_related .item .meta:last-child {display: none;}

@media (min-width: 640px) {
    .list--post_related .list-items {grid-template-columns: repeat(3, minmax(0, 1fr));}
}



.secondary .list--post {}
.secondary .list--post .list-items {}
.secondary .list--post .item .title {font: var(--font-3); margin: var(--space-8) 0 var(--space-7) 0;}
.secondary .list--post .item .excerpt {display: none;}

@media (min-width: 360px) {
    .secondary .list--post {}
    .secondary .list--post .list-items {}
    .secondary .list--post .item {display: flex; gap: var(--space-4); align-items: center;}
    .secondary .list--post .meta {margin: 0; font: var(--font-small);}
    .secondary .list--post .item .title {font: var(--font-3); margin: var(--space-8) 0 var(--space-7) 0;}
    .secondary .list--post .item .thumbnail {flex: 0 0 10rem;}
    .secondary .list--post .thumbnail img {aspect-ratio: var(--aspectratio--vert);}
}



.widget {margin-bottom: 0;}
.widget .widget-title {margin-top: 0;}

.widget_categories {}
.widget_categories ul {list-style: none; margin-left: 0;}
.widget_categories ul a {text-transform: uppercase; font: var(--font-meta); text-decoration: none;}

/* Blocks */
/* Gutenberg Blocks */

.has-small-font-size {font: var(--font-small);}
.has-medium-font-size {font: var(--space-base);}
.has-large-font-size {font: var(--font-large);}
.has-x-large-font-size {font: var(--font-0);}

.wp-block-embed,
.wp-block-columns {margin: var(--space-2) 0;}


.wp-block-quote,
.wp-block-quote.is-large,
.wp-block-quote.is-style-large {padding-left: var(--space-1); border-left: 5px solid var(--color-grey);}


.wp-block-buttons {}

.wp-block-image :where(figcaption) {color: var(--color-grey); font: var(--font-meta);}


.wp-block-group,
.emagazyny-block {max-width: var(--container-max-width); margin-left: auto; margin-right: auto;}
.wp-block-group .emagazyny-block:first-child {margin-top: 0;}
.wp-block-group .emagazyny-block:last-child {margin-bottom: 0;}
.wp-block-columns .wp-block-group,
.wp-block-columns .emagazyny-block {max-width: 100%;}

.wp-block-group.has-emagazyny-almost-white-background-color {}
.wp-block-group.has-emagazyny-almost-white-background-color .heading--has_marker {border-bottom-color: var(--color-lighter-grey);}

.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {padding-left: 0;}
.wp-block-media-text.has-media-on-the-left .wp-block-media-text__content {padding-right: 0;}


.alignwide {width: var(--content-wide-width); max-width: var(--container-max-width); position: relative; left: 50%; margin-left: 0; margin-right: 0;
    -webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);
}
.alignfull {width: 100%; max-width: var(--container-max-width); position: relative; left: 50%;
    -webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);
}

.wp-block-group.has-background,
.emagazyny-block.has-background {padding: calc( var(--space-1) - var(--space-2)) 0 calc( var(--space-2) - var(--space-base)) 0; margin-top: var(--space-1);}

.wp-block-group.has-background.alignfull {width: 100vw; max-width: 100vw; padding-left: 0; padding-right: 0; z-index: 50;}
.wp-block-group.has-background.alignfull > .wp-block-group__inner-container {width: var(--container-width); max-width: var(--container-max-width); margin-left: auto; margin-right: auto;}

.wp-block-group.has-background + .wp-block-group.has-background {margin-top: calc(-1 * var(--space-0));}

.wp-block-cover:first-child,
.wp-block-group.has-background:first-child,
.emagazyny-block.has-background:first-child {margin-top: 0;}

.wp-block-cover:last-child,
.wp-block-group.has-background:last-child,
.emagazyny-block.has-background:last-child {margin-bottom: 0;}


.wp-block-cover.alignfull {width: 100vw; max-width: 100vw;}
.wp-block-cover.alignfull .wp-block-cover__inner-container {width: var(--content-wide-width); max-width: var(--container-max-width);}

.wp-block-table .has-fixed-layout {width: calc(100% - 1px);}

.wp-block-columns {gap: var(--space-1); margin: var(--space-base) 0;}
.wp-block-columns .wp-block-column {flex-basis: 0; flex-grow: 1;}
.wp-block-columns .wp-block-column[style^="flex-basis"] {}

.wp-block-columns .wp-block-column .emagazyny-block:first-child {margin-top: 0;}
.wp-block-columns .wp-block-column .emagazyny-block:first-child .block-title,
.wp-block-columns .wp-block-column .wp-block-heading.is-style-has-marker:first-child {margin-top: calc(var(--space-1) - var(--space-base));}
.wp-block-columns .wp-block-column .emagazyny-block:last-child {margin-bottom: 0;}

@media (max-width: 960px) {
    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {flex-basis: 100% !important;}
    .wp-block-columns {flex-wrap: wrap !important; gap: 0;}
}
@media (min-width: 961px) {
    .wp-block-columns {flex-wrap: nowrap !important;}
}

.wp-block-column.has-background {padding: .1px var(--space-base); border-radius: .5rem;}

.wp-block-media-text {}
.wp-block-media-text .wp-block-media-text__media {}
.wp-block-media-text .wp-block-media-text__media img {border-radius: .5rem;}

.emagazyny-block {margin-top: var(--space-2); margin-bottom: var(--space-2);}
.emagazyny-block .block-title {}


/* Sections */
.section {/*width: var(--content-width);*/width: 100%; max-width: var(--container-max-width); margin-left: auto; margin-right: auto;}
.section-header {}
.section-header .section-title {margin-top: var(--space-base);}
.section-footer {margin-top: var(--space-0);}

.section--has_sidebar {width: var(--content-wide-width);}
.section--has_sidebar.sidebar-container,
.section--has_sidebar .sidebar-container {display: flex; gap: var(--space-0);}
.section--has_sidebar .primary {flex-basis: var(--content-width); max-width: calc(var(--content-wide-width) - var(--space-0) - 300px);}
.section--has_sidebar .secondary {flex: 1 1 0; min-width: 300px;}
@media (max-width: 1020px) {
    .section--has_sidebar.sidebar-container,
    .section--has_sidebar .sidebar-container {display: block;}
    .section--has_sidebar .primary {max-width: none;}
    .section--has_sidebar .secondary {margin-top: var(--space-0);}
}


.section--page {}
.section--page .section-title {text-align: center; font: var(--font-0);}


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

#header {background: var(--color-white);}
#header .container {position: relative; display: flex; justify-content: space-between; padding: 0 0 3rem 0;}
#header .container:after {content: none;}
#header .site-title {margin: 0; padding: var(--space-6) 0; max-width: calc(100% - 5rem);}
#header .site-title a {width: 12.5625rem; max-width: 100%; height: 3.75rem; line-height: 3.75rem; display: block; font: var(--font-1); text-decoration: none; background: transparent no-repeat left 50%; background-size: contain;}
@media (max-width: 1120px) {
    #header {position: relative; padding-bottom: var(--space-6);}
    #header:before {content: ''; position: absolute; left: 0; bottom: 0; right: 0; height: .5rem;

        /*background: var(--gradient-base);*/
    }
    #header .container {padding-right: 4rem; padding-bottom: 0;}
}

#header .nav {text-align: right; padding: 0; right: 0; position: static; display: flex; align-items: center;}
#header .nav .nav-container {display: flex;}
#header .nav .nav-toggle {position: absolute; display: none; width: 2rem; height: 1.5rem; top: 1.375rem; right: 0;}
#header .nav .nav-toggle span {height: 2px; background: var(--color-base-text); left: .25rem;}
#header .nav .nav-toggle span:before,
#header .nav .nav-toggle span:after {background: var(--color-base-text); height: 2px; left: -.25rem}
#header .nav .nav-toggle span:before {top: -.55rem;}
#header .nav .nav-toggle span:after {bottom: -.55rem;}
@media (max-width: 1120px) {
    #header .nav .nav-toggle {display: block;}

    #header .nav .nav-container {background: var(--color-content-bg); flex-direction: column-reverse; justify-content: start; padding: var(--space-1) var(--space-container-padding); position: absolute; top: calc(5.25rem + var(--space-6)); min-height: 100vh; right: calc(-1 * var(--space-container-padding)); z-index: 10000; width: 100vw;
        -webkit-transform: translateX(150%); -moz-transform: translateX(150%); -ms-transform: translateX(150%); -o-transform: translateX(150%); transform: translateX(150%);
        -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s;
    }
    #header .nav.on .nav-container {display: flex;
        -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0);
    }
}

#header .nav a {text-decoration: none; display: block;}
#header .nav a:hover {opacity: 1;}
#header .nav ul {display: flex; gap: var(--space-4); margin: 0; font: var(--font-meta);}
#header .nav ul li {position: relative;}
#header .nav ul li a {}
#header .nav ul li.current-menu-item > a,
#header .nav ul li.current-menu-ancestor > a {}
@media (max-width: 1120px) {
    #header .nav {text-align: center;}
    #header .nav ul {display: block;}
}

#header .nav ul .sub-menu {display: none; text-align: left; min-width: 15rem; margin: 0; position: absolute; left: calc(-1 * var(--space-base)); background: var(--color-content-bg);}
#header .nav ul .sub-menu li {margin-left: 0;}
#header .nav ul .sub-menu a {padding: var(--space-5) var(--space-base);}
#header .nav ul li a:focus + .sub-menu,
#header .nav ul li:focus-within .sub-menu,
#header .nav ul li:hover .sub-menu {display: block;}
@media (max-width: 1120px) {
    #header .nav ul .sub-menu {display: block; position: static;}
}

#header .nav .menu--primary {position: absolute; line-height: 2.5rem; left: 0; right: 0; top: calc(var(--space-6) + 3.75rem); padding-top: calc(var(--space-6) + .5rem); justify-content: space-between; text-transform: uppercase;}
#header .nav .menu--primary:before {
    content: ''; position: absolute; left: 0; top: var(--space-6); right: 0; height: 1px;
    background: var(--color-brand);}
#header .nav .menu--primary a {color: var(--color-black);}
@media (max-width: 1120px) {
    #header .nav .menu--primary {position: static;}
    #header .nav .menu--primary:before {content: none;}
}

#header .nav .menu--secondary {line-height: 3.75rem;}
#header .nav .menu--secondary a {color: var(--color-dark-grey);}
@media (max-width: 1120px) {
    #header .nav .menu--secondary {line-height: 2.5rem;}
}

#header .nav .search-container {padding: 0.3125rem; margin: 0 var(--space-base);}
#header .nav .search-container .search-toggle {display: none; background: none; border: 0;}
#header .nav .search-container .search-toggle:before {content: '\f002'; font-weight: 600; font-family: "Font Awesome 5 Free"; font-size: 1rem; color: var(--color-grey);}
#header .nav .search-container.on .search-toggle:before {content: '\f00d';}

@media (max-width: 540px) {
    #header .nav .search-container {margin-right: 0;}
    #header .nav .search-container .search-toggle {display: block;}
    #header .nav .search-container .search-form {position: absolute; z-index: 9999; left: 0; right: 0; top: calc(5.25rem + var(--space-6)); background: var(--color-white); padding: var(--space-base) var(--space-container-padding);
        -webkit-transform: translateY(-20rem);
        -moz-transform: translateY(-20rem);
        -ms-transform: translateY(-20rem);
        -o-transform: translateY(-20rem);
        transform: translateY(-20rem);
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        -ms-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
    }
    #header .nav .search-container.on .search-form {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}


@media (max-width: 1120px) {
    body #main,
    body #footer {
        -webkit-transition: opacity .3s;
        -moz-transition: opacity .3s;
        -ms-transition: opacity .3s;
        -o-transition: opacity .3s;
        transition: opacity .3s;
    }

    body.nav-menu-on #main,
    body.nav-menu-on #footer {
        opacity: .15;
    }
}


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

#footer {
    background: var(--color-black);
    font: var(--font-4);
    color: var(--color-white);
}
@media (max-width: 580px) {
    #footer {text-align: center;}
}

#footer a {text-decoration: none;}

#footer .site-title {margin: var(--space-base) 0; padding: 0;}
#footer .site-title a {
    width: auto; aspect-ratio: 348/52; max-width: 100%; height: 2.5rem; line-height: 3.9375rem; display: block; font: var(--font-1); text-decoration: none;
    background: transparent no-repeat left 50%; background-size: contain;

    filter: brightness(0) invert(1);

}
@media (max-width: 580px) {
    #footer .site-title a {background-position: 50% 50%;}
}

#footer .site-description {padding-right: 30%;}
@media (max-width: 580px) {
    #footer .site-description {padding-right: 0;}
}

#footer .nav {
    background: var(--color-brand);
    padding: var(--space-1) 0; position: relative; z-index: 1; display: grid; grid-template-columns: 1fr 1fr; grid-gap: var(--space-1);}
#footer .nav:before {
    content: ''; position: absolute; left: 50%; width: 100vw; top: 0; bottom: 0; background: inherit; z-index: -1;
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -ms-transform: translate(-50%);
    -o-transform: translate(-50%);
    transform: translate(-50%);
}
@media (max-width: 900px) {
    #footer .nav {display: block; padding-bottom: calc(2*var(--space-1) + 1.75rem); position: relative;}
}

#footer .nav ul {margin-left: 0;}
#footer .nav ul li {margin: var(--space-8) 0;}

#footer .nav .menu--social {}
#footer .nav .menu--social li {display: inline-block; margin-right: var(--space-base); font-size: 1.25rem;}
#footer .nav .menu--social li a {color: var(--color-white);}
@media (max-width: 900px) {
    #footer .nav .menu--social {position: absolute; left: 0; right: 0; bottom: var(--space-1);}
}

#footer .list--widgets {}
#footer .list--widgets .list-items {grid-template-columns: 1fr 1fr; grid-gap: var(--space-1);}
@media (max-width: 580px) {
    #footer .list--widgets .list-items {text-align: left;}
}
@media (max-width: 380px) {
    #footer .list--widgets .list-items {text-align: center; display: block;}
}

#footer .list--widgets .widget-title {font: var(--font-small); text-transform: uppercase; color: var(--color-white); margin-top: var(--space-base);}
#footer .list--widgets a {color: var(--color-white);}


#footer .copyright {
    color: var(--color-white);
    font: var(--font-small);
    margin: 0;
    padding: var(--space-4) 0;
    text-align: left;
}
#footer .copyright a {color: inherit;}


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

#main {background: var(--color-white); padding: var(--space-2) 0;}

@media (max-width: 640px) {
    #main {padding: var(--space-4) 0;}
}


/* 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;}
.quot {}
.quot .has-text-align-center {font-size: 100px; color: #4b5d5d;}
.quot blockquote:before {content: ''; background: url(/wp-content/uploads/2025/09/quote-left.png); width: 26px; height: 18px; position: absolute; left: -20px; top: -10px;}
.quot blockquote:after {content: ''; background: url(/wp-content/uploads/2025/09/quote-right.png); width: 26px; height: 18px; position: absolute; right: -20px; bottom: -10px;}

.commentlist {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: .5rem;
}
.commentlist .comment-body {
    border-top: 1px solid var(--color-lighter-grey);
    padding-top:var(--space-5);
    padding-left: var(--space-5);
    padding-right: var(--space-5);
    display: flex;
    flex-direction: column;
    gap: var(--space-7);
}
.commentlist .comment-meta {
    font: var(--font-meta);
    display: flex;
    justify-content: space-between;
}

.comment-author {
    display: block;


    .fn, a, span {
        line-height: 1 !important;
        text-decoration: none;
        vertical-align: middle;
    }

    img {
       display: none;
    }
}

.comment-metadata .edit-link {
    float: right;
    margin-left:30px;
}
.comment-metadata {
    a {
        font-weight: 400 !important;
        text-decoration: none;
    }
}

.comment-content {
    font: var(--font-4);
    --space-base: .25em;
    p {

    }
}

.comment-body .reply a {
    font: var(--font-small);
    padding: var(--space-7) var(--space-6);
    background: var(--color-lighter-grey);
    border-radius: 3px;
    text-decoration: none;
}

.comment-respond .comment-reply-title {
    display: flex;
    justify-content: space-between;
    align-items: center;

    font: var(--font-3);
    text-transform: uppercase;
    border-top: 1px solid var(--color-lighter-grey);
    padding-top: var(--space-4);
    margin-top: var(--space-4);
    margin-bottom: var(--space-7);
}

.comment-respond .comment-reply-title a {
    font: var(--font-small);
    padding: var(--space-7) var(--space-6);
    background: var(--color-lighter-grey);
    border-radius: 3px;
    text-decoration: none;

}

.logged-in-as {
    font: var(--font-meta);
    margin: 0;
}

.required-field-message {
    display: block;
    font: var(--font-small);
    color: var(--color-grey);
    margin-top: var(--space-7);
}

.comment-form {
    --space-base: 0;
}

.comment-form-comment {
    margin-top: var(--space-7);
    label {
        font: var(--font-meta);
    }

    textarea {
        width: 100%;
        height: 100px;
        padding: var(--space-7);
        border: 1px solid var(--color-lighter-grey);
        border-radius: 3px;
        font: var(--font-4);
    }

    textarea:focus {
        outline: none;
        border-color: var(--color-dark-grey);
    }
}

.commentlist .children{
    list-style: none;
    margin-left: var(--space-5);
}

.comment-form-author, .comment-form-email, .comment-form-url {
    display: grid;
    grid-template-columns: 1fr 3fr;
    align-items: center;
    gap: var(--space-7);
    label {
        font: var(--font-meta);
    }

    input {
        width: 100%;
        padding: var(--space-7);
        border: 1px solid var(--color-lighter-grey);
        border-radius: 3px;
        font: var(--font-4);
    }
    input:focus {
        outline: none;
        border-color: var(--color-dark-grey);
    }
}

.comment-notes #email-notes {
    font: var(--font-small);
    background: var(--color-almost-white);
    display: block;
    padding: var(--space-7);
}

.comment-form-cookies-consent {
    display: grid;
    grid-template-columns: fit-content(20px) 3fr;
    align-items: center;
    gap: var(--space-7);
    label {
        font: var(--font-meta);
    }
}

.ml-form-embedContainer .ml-form-embedWrapper {
    background-color: var(--color-almost-white) !important;
    border-radius: 0 !important;
}

.ml-form-embedContainer .ml-form-embedWrapper .label-description * {
    font: var(--font-small) !important;
}

.ml-subscribe-form h4 {
    font: var(--font-1) !important;
}

.ml-form-embedBody {
    padding-top: var(--space-1) !important;
    padding-left: var(--space-1) !important;
    padding-right: var(--space-1) !important;

}

.ml-form-embedSubmit {
    padding-bottom: var(--space-4) !important;
}

@media screen and (max-width: 768px){
    .ml-form-embedBody {
        padding: var(--space-4) !important;
    }
}