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


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

:root {
    --color-primary: #EE3737;
    --color-white: #ffffff;
    --color-almost-white: #FDFDFD;
    --color-light-grey: #F7F5F6;
    --color-grey: #969393;
    --color-almost-black: #5B5757;
    --color-black: #140303;
    --color-success-green: #66CC00;
    --color-light-success-green: #EEFBE1;
    --color-error-red: #FF0F5B;
    --color-light-error-red: #FFDEE8;

    --font-0: normal 700 4rem/1.2 'Bona Nova', serif;
    --font-1: normal 700 4rem/1.2 'Bona Nova', serif;
    --font-2: normal 700 3rem/1.4 'Bona Nova', serif;
    --font-3: normal 700 1.5rem/1.4 'Bona Nova', serif;
    --font-4: normal 700 1.25rem/1.2 'Bona Nova', serif;
    --font-5: normal 400 1.25rem/1.2 'Bona Nova', serif;
    --font-6: normal 400 1.25rem/1.2 'Bona Nova', serif;

    --font-base: normal 200 1.125rem/1.4 'Inter', sans-serif;
    --font-featured: normal 700 1.25rem/1.4 'Inter', sans-serif;
    --font-meta: normal 500 0.875rem/1.4 'Inter', sans-serif;

    --font-nav: normal 500 1rem/1.4 'Inter', sans-serif;
    --font-subheading: normal 400 1rem/1 'Inter', sans-serif;

    --font-size-small: 0.875rem;
    --font-size-medium: 1.5rem;
    --font-size-large: 1.875rem;
    --font-size-x-large: 2.25rem;

    --line-height-base: 1.538;
    --line-height-meta: 1.786;

    --space-0: 5rem;
    --space-1: 3.75rem;
    --space-2: 2.5rem;
    --space-3: 1.875rem;
    --space-4: 1.25rem;
    --space-5: 1rem;
    --space-6: 0.75rem;
    --space-7: 0.5rem;
    --space-8: 0.25rem;

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

    --container-width: 1260px;
    --container-max-width: calc(100vw - 2 * var(--container-padding-space));
    --container-real-width: min(var(--container-width), var(--container-max-width));

    --content-wide-width: 1260px;
    --content-width: 1046px;

    /* ----- */
    --base-color: var(--color-almost-black);
    --content-bg-color: var(--color-white);
    --html-bg-color: var(--color-black);

    --link-color: var(--base-color);
    --link-hover-color: var(--base-color);
    --link-visited-color: var(--base-color);

    --button-padding: var(--form-input-padding);
    --button-small-padding: var(--space-5) var(--space-4);
    --button-border-radius: 0;
    --button-primary-color: var(--base-color);
    --button-primary-bg-color: transparent;

    --form-input-margin: var(--space-7);
    --form-input-border-color: var(--color-grey);
    --form-input-border-radius: var(--space-8);
    --form-input-placeholder-color: var(--color-grey);
    --form-input-padding: var(--space-6) var(--space-5);

    --meta-color: var(--color-black);

    --base-animation-easing: ease-in-out;

    /* -- wp -- */
    --wp--style--block-gap: var(--space-3);
}

@media (max-width: 960px) {
    :root {
        --container-padding-space: var(--space-2);

        --font-0: normal 700 2.5rem/1.2 'Bona Nova', serif;
        --font-1: normal 700 2.5rem/1.2 'Bona Nova', serif;
        --font-2: normal 700 1.75rem/1.4 'Bona Nova', serif;
        --font-3: normal 700 1.625rem/1.4 'Bona Nova', serif;
        --font-4: normal 700 1.25rem/1.2 'Bona Nova', serif;
        --font-5: normal 400 1.125rem/1.2 'Bona Nova', serif;
        --font-6: normal 400 1rem/1.2 'Bona Nova', serif;

        --font-base: normal 200 1.0625rem/1.4 'Inter', sans-serif;
        --font-featured: normal 700 1.1875rem/1.4 'Inter', sans-serif;

        --font-size-small: 0.875rem;
        --font-size-medium: 1.25rem;
        --font-size-large: 1.375rem;
        --font-size-x-large: 1.75rem;

        --space-0: 3.75rem;
        --space-1: 2.75rem;
        --space-2: 2.5rem;
        --space-3: 1.875rem;
        --space-4: 1.25rem;
        --space-5: 1rem;
        --space-6: 0.75rem;
        --space-7: 0.5rem;
        --space-8: 0.25rem;
    }
}

@keyframes spin {
    100% {
        transform: rotate(360deg)
    }
}


/* html5doctor.com based Reset */
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: transparent;
    color: var(--base-color);
    text-decoration: none
}

mark {
    background-color: transparent;
    color: var(--base-color);
    font-style: normal;
    font-weight: normal
}

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: 1.5px solid var(--form-input-border-color);
    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, pre {
    margin: var(--base-space) 0;
}

pre {
    max-width: 100%;
    overflow: auto;
}

h1, h2, h3, h4, h5, h6 {
    margin: var(--space-2) 0 var(--base-space) 0;
}

h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child {
    margin-top: var(--base-space);
}

::-webkit-input-placeholder {
    color: var(--form-input-placeholder-color);
}

:-moz-placeholder {
    color: var(--form-input-placeholder-color);
}

::-moz-placeholder {
    color: var(--form-input-placeholder-color);
    opacity: 1;
}

:-ms-input-placeholder {
    color: var(--form-input-placeholder-color);
}

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

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

embed,
iframe,
object,
video {
    margin: var(--base-space) 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;
}


small, sub, sup {
    font-size: var(--font-size-small);
}

sub {
    vertical-align: sub
}

sup {
    vertical-align: super
}

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

#page-wrap {
    overflow-x: clip;
    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;
}


.alignleft {
    float: left;
}

.alignright {
    float: right;
}

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


.video-container {
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    position: relative;
}

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

.video-container .video-thumbnail {
    position: relative;
}

.video-container .video-thumbnail:after {
    content: '\25ba';
    font-size: 2rem;
    text-align: center;
    opacity: 0.8;
    width: 7rem;
    height: 5rem;
    margin: -2.5rem auto auto -3.5rem;
    line-height: 5rem;
    border-radius: 2rem;
    position: absolute;
    left: 50%;
    top: 50%;
    background: var(--button-primary-bg-color);
    color: var(--button-primary-color);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.video-container .video-thumbnail img {
    aspect-ratio: 16 / 9;
    object-fit: cover;
}

.video-container .video-thumbnail:hover {
    opacity: 1;
}

.video-container .video-thumbnail:hover img {
    opacity: 0.8;
}

.video-container .video-thumbnail:hover:after {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}


a.icon {
    text-decoration: none;
}

a.icon:before {
    content: '';
    font-family: "Font Awesome 5 Free", "Font Awesome 5 Brands";
}

a.icon--facebook:before {
    content: '\f39e';
}

a.icon--youtube:before {
    content: '\f167';
}

a.icon--vimeo:before {
    content: '\f27d';
}

a.icon--twitter:before {
    content: '\f099';
}

a.icon--tumblr:before {
    content: '\f174';
}

a.icon--tiktok:before {
    content: '\e07b';
}

a.icon--linkedin:before {
    content: '\f0e1';
}

a.icon--google-plus:before {
    content: '\f0d4';
}

a.icon--vimeo:before {
    content: '\f194';
}

a.icon--spotify:before {
    content: '\f1bc';
}

a.icon--pinterest:before {
    content: '\f0d3';
}

a.icon--instagram:before {
    content: '\f16d';
}

a.icon--reddit:before {
    content: '\f281';
}

a.icon--quora:before {
    content: '\f2c4';
}

a.icon--behance:before {
    content: '\f1b4';
}

a.icon--github:before {
    content: '\f09b';
}

a.icon--stackoverflow:before {
    content: '\f16c';
}

a.icon--stackexchange:before {
    content: '\f18d';
}

a.icon--rss:before {
    content: '\f143';
}

a.icon--search:before {
    content: '\f002';
    font-weight: 600;
}

a.icon--phone:before {
    content: '\f879';
    font-weight: bold;
}

a.icon--mail:before {
    content: '\f0e0';
}

a.icon--cart:before {
    content: '\f07a';
    font-weight: bold;
}


a.icon--account:before {
    content: '\f007';
    font-weight: bold;
}


strong {font-weight: 800; color: var(--color-black)}


.screen-reader-text {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}


.skip-links {
    list-style: none;
    display: inline-block;
    position: absolute;
}

.skip-link {
    position: fixed;
    left: -100vw;
    z-index: 9999;
    min-width: 20rem;
    top: 0;
    padding: var(--space-3) var(--base-space);
    text-decoration: none;
    background: var(--base-color);
    color: var(--content-bg-color);
}

.skip-link:hover,
.skip-link:focus,
.skip-link:active {
    left: 0;
}

.admin-bar .skip-link {
    top: 32px;
}

@media (max-width: 782px) {
    .admin-bar .skip-link {
        top: 46px;
    }
}


.toggle {
    color: var(--base-color);
    background: transparent;
    border-color: transparent;
    border-radius: 0;
    position: relative;
    margin: 0;
    padding: 0;
    display: block;
    width: auto;
    height: 1.5rem;
}


.nav .toggle--nav {
    display: none;
    z-index: 10001;
    cursor: pointer;
    background: transparent;
    padding: 0;
    overflow: hidden;
    font-size: 0;
    text-indent: -9999px;
    border-radius: 0;
    border: none;
}

.nav .toggle--nav span {
    background: var(--base-color);
    top: 50%;
    display: block;
    margin-left: 12.5%;
    right: 0;
    border-radius: 2px;
    -webkit-transition: background 0.3s var(--base-animation-easing) 0.15s;
    -moz-transition: background 0.3s var(--base-animation-easing) 0.15s;
    -ms-transition: background 0.3s var(--base-animation-easing) 0.15s;
    -o-transition: background 0.3s var(--base-animation-easing) 0.15s;
    transition: background 0.3s var(--base-animation-easing) 0.15s;
}

.nav .toggle--nav span:before,
.nav .toggle--nav span:after {
    content: '';
    background: var(--base-color);
    position: absolute;
    display: block;
    width: 87.5%;
    left: 0;
    border-radius: 2px;
    -webkit-transition: all 0.3s var(--base-animation-easing) 0s;
    -moz-transition: all 0.3s var(--base-animation-easing) 0s;
    -ms-transition: all 0.3s var(--base-animation-easing) 0s;
    -o-transition: all 0.3s var(--base-animation-easing) 0s;
    transition: all 0.3s var(--base-animation-easing) 0s;
}

.nav .toggle--nav span:before {
    top: 0;
}

.nav .toggle--nav span:after {
    bottom: 0;
}

.nav.nav-on .toggle--nav {
}

.nav.nav-on .toggle--nav span {
    background: transparent !important;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -ms-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}

.nav.nav-on .toggle--nav span:before,
.nav.nav-on .toggle--nav span:after {
    width: 100%;
    -webkit-transition-delay: 0.15s;
    -moz-transition-delay: 0.15s;
    -ms-transition-delay: 0.15s;
    -o-transition-delay: 0.15s;
    transition-delay: 0.15s;
}

.nav.nav-on .toggle--nav span:before {
    top: 50%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.nav.nav-on .toggle--nav span:after {
    bottom: 50%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.nav .nav-container {
    -webkit-transition: all .5s var(--base-animation-easing) 0s;
    -moz-transition: all .5s var(--base-animation-easing) 0s;
    -ms-transition: all .5s var(--base-animation-easing) 0s;
    -o-transition: all .5s var(--base-animation-easing) 0s;
    transition: all .5s var(--base-animation-easing) 0s;
}


.toggle--search-box {
    aspect-ratio: 1 / 1;
}

.toggle--search-box > span {
    position: absolute;
    clip: unset;
    clip-path: none;
    background: var(--base-color);
    border-radius: 2px;
    bottom: 1px;
    right: 0;
    width: 2px;
    height: 57%;
    display: block;
    transform: rotate(-45deg);
    transform-origin: 100% 100%;
    transition: all .3s var(--base-animation-easing) 0s;
}

.toggle--search-box:before {
    content: '';

    position: absolute;
    background: var(--base-color);
    border-radius: 2px;
    bottom: calc(50% - 0.5px);
    right: calc(50% - 0.15px);
    width: 2px;
    height: 0;
    display: block;
    transform: rotate(-45deg) translate(50%, 50%);
    transform-origin: 100% 100%;
    transition: all .3s var(--base-animation-easing) 0s;
    z-index: 1;
}

.toggle--search-box:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0.5px;
    display: block;
    height: 70%;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    border: 2px solid var(--base-color);
    transition: all .3s var(--base-animation-easing) 0s;
}

.search-box-container .search-box {
    -webkit-transition: all .5s var(--base-animation-easing) 0s;
    -moz-transition: all .5s var(--base-animation-easing) 0s;
    -ms-transition: all .5s var(--base-animation-easing) 0s;
    -o-transition: all .5s var(--base-animation-easing) 0s;
    transition: all .5s var(--base-animation-easing) 0s;
}

.search-box-container.search-box-on .toggle--search-box:before {
    height: 134%;
    bottom: calc(50% - 0.5px);
    right: calc(50% + 0.5px);
    transform: rotate(45deg) translate(50%, 50%);
}

.search-box-container.search-box-on .toggle--search-box:after {
    transform: scale(0);
    transform-origin: 20% 20%;
}

.search-box-container.search-box-on .toggle--search-box span {
    height: 134%;
}


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

html {
    font-size: 16px;
    background: var(--html-bg-color);
}

body {
    font: var(--font-base);
    color: var(--base-color);
}

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

li > ul,
li > ol {
    margin-top: 0;
    margin-bottom: 0;
}

dl {
}

dl dt {
    font-weight: bold;
}

dl dd {
    padding-left: var(--base-space);
    margin-bottom: var(--space-3);
}

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

a:hover:not(.button) {
    color: var(--link-hover-color);
    text-decoration: none;
    opacity: .75;
}

a:visited:not(.button) {
    color: var(--link-visited-color);
}

h1,
h2,
h3,
h4,
h5,
h6,
h1.has-text-color,
h2.has-text-color,
h3.has-text-color,
h4.has-text-color,
h5.has-text-color,
h6.has-text-color {
    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;
}

q,
blockquote {
    font-style: italic;
    position: relative;
}

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

table {
    width: 100%;
}

table th,
table td {
    padding: var(--space-4) var(--space-3);
    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);
}

table tfoot th,
table tfoot td {
    border: 1px solid var(--color-grey);
}


form {
}

label {
    display: block;
}

input,
button,
select,
textarea,
span.select2 .select2-selection,
span.select2 .select2-selection--single {
    font: var(--font-base);
    padding: var(--form-input-padding);
    max-width: 100%;
    width: 100%;
    border: 1.5px solid var(--form-input-border-color);
    border-radius: var(--form-input-border-radius);
    height: auto;
    margin: var(--form-input-margin) 0;
}

input[type="radio"],
input[type="checkbox"] {
    padding: 0;
    width: auto;
    margin-top: 0;
    margin-bottom: 0;
    margin-right: var(--space-5);
    display: inline-block;
    vertical-align: middle;
}

span.select2 .select2-selection .select2-selection__rendered {
    line-height: 1;
}

span.select2 .select2-selection .select2-selection__arrow {
    height: 100%;
}

span.select2 .select2-selection .select2-selection__arrow:after {
    content: '\25BE';
    position: absolute;
    font-weight: bold;
    color: var(--color-grey);
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

span.select2 .select2-selection .select2-selection__arrow b {
    display: none;
}

form {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-column-gap: var(--space-0);
    grid-row-gap: var(--space-1);
}
@media (max-width: 600px) {
    form {
        grid-template-columns: minmax(0, 1fr);
    }
}

form .field {
    grid-column: span 2;
}
@media (max-width: 600px) {
    form .field {
        grid-column: span 1;
    }
}
form .field--short {
    grid-column: span 1;
}

form .field .label {
    display: block;
    font: var(--font-nav);
    color: vaR(--color-black);
    letter-spacing: 5%;
}

form .field .req {
    text-indent: -9999px;
    color: var(--color-primary);
    position: relative;
    display: inline-block;
}

form .field .req:before {
    content: '*';
    text-indent: 0;
    position: absolute;
    left: 0;
}


.wpmagus-review-form {
    display: block;
}


button,
input[type="submit"],
.button,
.wp-block-button__link,
:root body :where(.wp-element-button, .wp-block-button__link) {
    position: relative;
    font: var(--font-base);
    font-weight: 300;
    text-transform: uppercase;
    min-width: 0;
    width: fit-content;
    background: var(--button-primary-bg-color);
    color: var(--button-primary-color);
    cursor: pointer;
    font: var(--font-base);
    display: block;
    padding: var(--button-padding);
    text-align: center;
    border: 0;
    border-radius: var(--button-border-radius);
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: var(--form-input-margin) 0;
    -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:before,
input[type="submit"]:before,
.button:before,
.wp-block-button__link:before,
:root body :where(.wp-element-button, .wp-block-button__link):before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: .375rem;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    background: var(--color-primary);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

button:after,
input[type="submit"]:after,
.button:after,
.wp-block-button__link:after,
:root body :where(.wp-element-button, .wp-block-button__link):after {
    content: '';
    display: inline-block;
    width: 2.25rem;
    height: 1.375rem;
    background: url('assets/images/arrows-black.svg') no-repeat 50% 50%;
    vertical-align: -20%;
    margin-left: var(--space-6);
}


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

button:disabled,
input[type="submit"]:disabled,
.button:disabled,
.wp-block-button__link:disabled {
    cursor: not-allowed;
    opacity: .5;
}

button.loading,
input[type="submit"].loading,
.button.loading,
.wp-block-button__link.loading,
.wpcf7-form.submitting .wpcf7-submit.has-spinner {
    opacity: .25;
    position: relative;
}

button.loading:after,
input[type="submit"].loading:after,
.button.loading:after,
.wp-block-button__link.loading:after,
.wpcf7-form.submitting .wpcf7-submit.has-spinner:after {
    content: '\2686';
    animation: spin 2s linear infinite;
    position: absolute;
    right: var(--space-4);
    line-height: 1.2;
    font-size: 1.5rem;
}


.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;
}

.thumbnail:hover {
    opacity: 1;
}

.thumbnail:hover img {
    opacity: .75;
}


.meta {
    font: var(--font-meta);
    letter-spacing: 5%;
    line-height: var(--line-height-meta);
    color: var(--meta-color);
    margin: var(--space-4) 0;
}

.meta a {
    color: inherit;
    text-decoration: none;
}

.meta > * {
    margin-right: var(--space-4);
}

.meta > *:before {
    content: '';
    display: inline-block;
    width: .375rem;
    aspect-ratio: 1 / 1;
    margin-right: var(--space-4);
    border-radius: 50%;
    background: url('assets/images/bullet.svg') no-repeat 50% 50%;
    vertical-align: 10%;
}
.meta > *:first-child:before {
    content: none;
}


.wpcf7 {
    position: relative;
}

.wpcf7 br {
    display: none;
}

.wpcf7 form {
    display: grid;
    grid-gap: var(--base-space);
    margin: var(--base-space) 0;
}

.wpcf7 form .wpcf7-list-item-label {
    font: var(--font-nav);
    color: var(--color-black);
    letter-spacing: 5%;
}

.wpcf7 form .wpcf7-not-valid-tip {
    position: absolute;
    top: -16px;
    right: -10px;
    font-size: 80%;
    color: var(--color-error-red);
    background: var(--color-light-error-red);
    display: block;
    padding: 4px 6px;
}

.wpcf7 form .wpcf7-response-output {
    display: block;
    position: absolute;
    top: 100px;
    left: 10%;
    right: 10%;
    padding: var(--base-space);
    border: 0;
    text-align: center;
    font-size: 18px;
    color: var(--color-white);
    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: '\00D7';
    position: absolute;
    top: 10px;
    right: 12px;
    color: var(--color-error-red);
    cursor: pointer;
}

.wpcf7 form.sent .wpcf7-response-output {
    background: var(--color-light-success-green);
    color: var(--color-success-green);
}
.wpcf7 form.sent .wpcf7-response-output:after {
    color: var(--color-success-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-error-red);
    background: var(--color-light-error-red);
    color: var(--color-error-red);
}

.wpcf7 form .wpcf7-spinner {
    display: none !important;
}


.gallery {
    display: flex;
    align-items: normal;
    flex-wrap: wrap;
    gap: var(--wp--style--block-gap, 0.5em);
}

.gallery .gallery-item {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: center;
    max-width: 100%;
    position: relative;
}

.gallery .gallery-item img {
    flex: 1 0 0%;
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.gallery.gallery-columns-2 .gallery-item {
    width: calc(50% - var(--wp--style--block-gap));
}

.gallery.gallery-columns-3 .gallery-item {
    width: calc(33.3333333333% - var(--wp--style--block-gap));
}

.gallery.gallery-columns-4 .gallery-item {
    width: calc(25% - var(--wp--style--block-gap));
}

.gallery.gallery-columns-5 .gallery-item {
    width: calc(20% - var(--wp--style--block-gap));
}

.gallery.gallery-columns-6 .gallery-item {
    width: calc(16.6666666667% - var(--wp--style--block-gap));
}

.gallery.gallery-columns-7 .gallery-item {
    width: calc(14.285714286% - var(--wp--style--block-gap));
}

.gallery.gallery-columns-8 .gallery-item {
    width: calc(12.5% - var(--wp--style--block-gap));
}

.gallery.gallery-columns-9 .gallery-item {
    width: calc(11.111111111% - var(--wp--style--block-gap));
}


body .wp-pagenavi {
    text-align: center;
    display: block;
    width: 100%;
    margin: var(--space-0) 0;
    padding: 0 calc(var(--base-space) + 1.25rem);
    position: relative;
}

body .wp-pagenavi .pages {
    display: none;
}

body .wp-pagenavi a,
body .wp-pagenavi span {
    display: inline-block;
    min-width: 2rem;
    padding: var(--space-5) var(--space-5);
    color: var(--color-grey);
    border: 0;
}

body .wp-pagenavi a:hover,
body .wp-pagenavi .current {
    color: var(--base-color);
    font-weight: bold;
}

body .wp-pagenavi .nextpostslink,
body .wp-pagenavi .previouspostslink {display: block; position: absolute; top: 50%; text-indent: -99999px; width: 1.25rem; height: 1.375rem; background: url('assets/images/arrow.svg') no-repeat 50% 50% / contain;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
body .wp-pagenavi .nextpostslink {
    right: 0;
}
body .wp-pagenavi .previouspostslink {
    left: 0;
    -webkit-transform: scaleX(-1) translateY(-50%);
    -moz-transform: scaleX(-1) translateY(-50%);
    -ms-transform: scaleX(-1) translateY(-50%);
    -o-transform: scaleX(-1) translateY(-50%);
    transform: scaleX(-1) translateY(-50%);
}


.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(--base-color);
    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;
}


.menu {
    list-style: none;
    display: flex;
    gap: var(--space-3);
    margin: var(--base-space) 0;
    padding: 0;
    letter-spacing: 5%;
}

@media (max-width: 800px) {
    .menu {gap: var(--space-3);}
}

.menu--social {
}


#breadcrumbs {
    font: var(--font-meta);
    opacity: .65;
}

#breadcrumbs a {
    text-decoration: none;
}


/* Articles */


/* Lists */
.list:not(:has(.list-items)),
.list .list-items {
    list-style: none;
    display: grid;
    margin: var(--base-space) 0;
    grid-gap: var(--space-2);
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

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

.list .item {
    margin: 0;
}


.list--icon {
}


.list--logo {
}


.list--faq {
}


.list--page {
}

.list--page .list-items {
    display: block;
}
.list--page .list-items .item {border-bottom: 5px solid var(--color-light-grey);}
.list--page .list-items .item:last-child {border-bottom: 0;}
.list--page .list-items .title {font: var(--font-base); font-size: var(--font-size-large); font-weight: 500; position: relative; padding-left: var(--space-4);}
.list--page .list-items .title a {color: var(--color-black); text-transform: uppercase; display: block; padding-right: 3rem;}
.list--page .list-items .title a:hover {color: var(--color-primary);}
.list--page .list-items .title:before {content: '';
    position: absolute;
    top: 1.125rem;
    left: 0;
    width: .375rem;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    background: var(--color-primary);
}
.list--page .list-items .title:after {
    content: '';
    position: absolute;
    top: .625rem;
    right: 0;
    width: 2.25rem;
    height: 1.375rem;
    background: url(assets/images/arrows-black.svg) no-repeat 50% 50%;
}


.list.list--portfolio {grid-template-columns: repeat(4, minmax(0, 1fr)); grid-gap: var(--space-5); grid-template-rows: repeat(5, 10vw);}
.list.list--portfolio .item {position: relative;}
.list.list--portfolio .item img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.list.list--portfolio .item:nth-child(6n+1) {grid-column: span 2; grid-row: span 3;}
.list.list--portfolio .item:nth-child(6n+2) {grid-row: span 3;}
.list.list--portfolio .item:nth-child(6n+3) {grid-row: span 2;}
.list.list--portfolio .item:nth-child(6n+4) {grid-row: span 3;}
.list.list--portfolio .item:nth-child(6n+5) {grid-row: span 2;}
.list.list--portfolio .item:nth-child(6n+6) {grid-column: span 2; grid-row: span 2;}

@media (max-width: 600px) {
    .list.list--portfolio {display: block;}
    .list.list--portfolio .item:nth-child(1n) {grid-row: span 1;}
    .list.list--portfolio .item:nth-child(1n) img {position: static; width: 100%; height: auto;}
    .list.list--portfolio .item:nth-child(6n+1) img {aspect-ratio: 3 / 2;}
    .list.list--portfolio .item:nth-child(6n+2) img {aspect-ratio: 2 / 3;}
    .list.list--portfolio .item:nth-child(6n+3) img {aspect-ratio: 1 / 1;}
    .list.list--portfolio .item:nth-child(6n+4) img {aspect-ratio: 2 / 3;}
    .list.list--portfolio .item:nth-child(6n+5) img {aspect-ratio: 3 / 2;}
    .list.list--portfolio .item:nth-child(6n+6) img {aspect-ratio: 1 / 1;}

}


.list.list--post {}
.list.list--post .list-items {}
.list.list--post .item {}
.list.list--post .item .thumbnail {margin-bottom: var(--space-3);}
.list.list--post .item .thumbnail img {aspect-ratio: 407 / 280; object-fit: cover;}
.list.list--post .item .title {font: var(--font-3); margin-top: var(--space-4);}



.list--team {
}


.list--testimonial {

}
.list--testimonial .list-items{
    display: block;
}


.list--statistic {
}

.list--statistic .item {
}

.list--statistic .item .value {
}

.list--statistic .item .name {
}


.list--toc {
}

.list.list--pricing-table-package {grid-template-columns: repeat(3, minmax(0, 1fr));}
.list.list--pricing-table-package .item {padding: var(--base-space); background: var(--color-light-grey);}
.list.list--pricing-table-package .item > .name {color: var(--color-primary); text-align: center; font: var(--font-subheading); text-transform: uppercase; letter-spacing: 5%;}
.list.list--pricing-table-package .item .price {font: var(--font-1); text-align: center; color: var(--color-black); display: block; margin-top: var(--base-space);}
.list.list--pricing-table-package .item .price .label {display: none;}
.list.list--pricing-table-package .item .price .value {}
.list.list--pricing-table-package .item .features {margin-top: var(--space-3); list-style: none; margin-left: 0;}
.list.list--pricing-table-package .item .features li {margin: var(--space-6); position: relative; padding-left: var(--base-space);}
.list.list--pricing-table-package .item .features li:before {
    content: '';
    position: absolute;
    top: .625rem;
    left: 0;
    width: .375rem;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    background: var(--color-primary);
}
.list.list--pricing-table-package .item .features li .name {}
.list.list--pricing-table-package .item .features li .value {}

@media (max-width: 960px) {
    .list.list--pricing-table-package {grid-template-columns: repeat(1, minmax(0, 1fr));}
}


/* Gutenberg Blocks */
/* Block styles */

.has-small-font-size {
    font-size: var(--font-size-small);
}

.has-medium-font-size {
    font-size: var(--font-size-medium);
}

.has-large-font-size {
    font-size: var(--font-size-large);
}

.has-x-large-font-size {
    font-size: var(--font-size-x-large);
}


.is-layout-flex {
    display: flex;
    flex-wrap: wrap;
    gap: var(--base-space);
    word-break: break-word;
}

.is-layout-grid {
    display: grid;
    gap: var(--base-space);
    word-break: break-word;
}


.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: 100vw;
    max-width: 100vw;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}


blockquote.alignleft,
figure.wp-caption.alignleft,
img.alignleft,
.wp-caption.alignleft {
    margin: 0 var(--base-space) var(--base-space) 0;
}


blockquote.alignright,
figure.wp-caption.alignright,
img.alignright,
.wp-caption.alignright {
    margin: 0 0 var(--base-space) var(--base-space);
}


blockquote.aligncenter,
img.aligncenter,
.wp-caption.aligncenter {
    margin-top: var(--base-space);
    margin-bottom: var(--base-space);
}


.wp-caption {
    margin-bottom: 1rem;
    max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
    display: block;
    margin: 0;
}


.wp-caption-text,
.wp-element-caption {
    font: var(--font-meta);
}


.wp-element-caption {
    margin-top: calc(-1 * var(--space-3));
}


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


/* Blocks */

.wp-block-code,
.wp-block-columns,
.wp-block-cover,
.wp-block-details,
.wp-block-embed,
.wp-block-gallery,
.wp-block-group,
.wp-block-media-text,
.wp-block-pullquote,
.wp-block-quote,
.wp-block-table,
.magdalenadziedzic-block {
    margin-top: var(--space-0);
    margin-bottom: var(--space-0);
}


.is-style-subheading {font: var(--font-subheading); letter-spacing: 0.05rem; text-transform: uppercase; color: var(--color-grey); margin-top: var(--space-2);}
.is-style-subheading + .wp-block-heading,
.is-style-subheading + .block-title {margin-top: var(--base-space);}


.wp-block-code {
}


.wp-block-columns {
}

.wp-block-columns {
    gap: var(--space-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-group,
.wp-block-columns .magdalenadziedzic-block {
    max-width: 100%;
}


.wp-block-cover {
}

.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-details {
}


.wp-block-embed {
}

.wp-block-embed.is-type-video iframe {
    width: 100%;
    height: auto;
}

.wp-block-embed.is-type-video.wp-embed-aspect-16-9 iframe {
    aspect-ratio: 16 / 9;
}


.wp-block-gallery {
}


.wp-block-group {
}

.wp-block-group.alignfull {}
.wp-block-group.alignfull .wp-block-group__inner-container {max-width: var(--container-max-width); margin-left: auto; margin-right: auto;}

.wp-block-media-text {
}

.wp-block-media-text > .wp-block-media-text__content {
    padding: 0 0 0 var(--space-0);
}

.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;
}

@media (max-width: 772px) {
    .wp-block-media-text.is-stacked-on-mobile {
        grid-template-columns: 100% !important;
    }
    .wp-block-media-text.is-stacked-on-mobile>.wp-block-media-text__media {
        grid-column: 1;
        grid-row: 1;
    }
    .wp-block-media-text.is-stacked-on-mobile>.wp-block-media-text__content {
        grid-column: 1;
        grid-row: 2;
        padding: 0;
    }
}


.wp-block-pullquote {
    border-top: .5rem solid var(--color-grey);
    border-bottom: .5rem solid var(--color-grey);
}

.wp-block-pullquote cite {
    font: var(--font-meta);
}

.wp-block-pullquote cite:before {
    content: '\2013';
    margin-right: var(--space-5);
}


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

blockquote cite,
.wp-block-quote cite {
    font: var(--font-meta);
}

blockquote cite:before,
.wp-block-quote cite:before {
    content: '\2013';
    margin-right: var(--space-5);
}


.wp-block-table {
}

.wp-block-table thead {
    border-bottom-width: 1px;
}


.wp-block-buttons {
}


p.has-background {
    padding: var(--base-space);
}

.wp-block-group.has-background,
.magdalenadziedzic-block.has-background {
    padding: var(--space-0) 0;
}

.wp-block-group.has-background.alignfull {
    width: 100vw;
    max-width: 100vw;
    padding-left: 0;
    padding-right: 0;
    z-index: 50;
}

.wpmagus-block.alignfull > .wpmagus-block__inner-container,
.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.alignfull :first-child {margin-top: 0;}
.wp-block-group.has-background.alignfull :last-child {margin-bottom: 0;}

.section-content > .has-background:first-child {
    margin-top: 0;
}

.section-header + .section-content > .has-background:first-child {
    margin-top: calc(-1 * var(--space-1));
}

.section-content > .has-background:last-child {
    margin-bottom: 0;
}

.has-background + .has-background {
    margin-top: calc(-1 * var(--space-0));
}
.has-white-to-grey-gradient-background + .has-magdalenadziedzic-light-grey-background-color {
    margin-top: calc(-2 * var(--space-0));
}


.magdalenadziedzic-block {
}


.widget_magdalenadziedzic-widget-cta-banner,
.magdalenadziedzic-block-cta-banner.has-background {width: 100vw; position: relative; left: 50%; z-index: 1; padding: calc(3 * var(--space-0)) 0 var(--space-0) 0; color: var(--color-white);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
.magdalenadziedzic-block-cta-banner.has-background {padding-top: calc(6 * var(--space-0));}
.widget_magdalenadziedzic-widget-cta-banner .attachment-full,
.magdalenadziedzic-block-cta-banner .attachment-full {position: absolute; left: 0; top: 0; bottom: 0; right: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2;}
.widget_magdalenadziedzic-widget-cta-banner:after,
.magdalenadziedzic-block-cta-banner:after {content: ''; z-index: -1; position: absolute; top: 0; left: 0; right: 0; bottom: 0;
    background: radial-gradient(60.3% 57.07% at 50% 50%, rgba(0, 0, 0, 0.10) 33.17%, rgba(0, 0, 0, 0.40) 100%);
}
.magdalenadziedzic-block-cta-banner:after {
    background: radial-gradient(60.3% 57.07% at 50% 50%, rgba(0, 0, 0, 0.10) 33.17%, rgba(0, 0, 0, 0.40) 100%);
}
.widget_magdalenadziedzic-widget-cta-banner .container,
.magdalenadziedzic-block-cta-banner .magdalenadziedzic-block__inner-container {
    width: var(--container-width); max-width: var(--container-max-width); margin-left: auto; margin-right: auto;
    padding-right: 15%;
}
.widget_magdalenadziedzic-widget-cta-banner .show-more,
.magdalenadziedzic-block-cta-banner .show-more {position: absolute; right: calc((100vw - var(--container-real-width)) / 2 ); bottom: var(--space-0); color: var(--color-white);}
.widget_magdalenadziedzic-widget-cta-banner .show-more:after,
.magdalenadziedzic-block-cta-banner .show-more:after {background-image: url(assets/images/arrows.svg);}
.magdalenadziedzic-block-cta-banner:first-child {margin-top: 0;}
.widget_magdalenadziedzic-widget-cta-banner .block-header,
.magdalenadziedzic-block-cta-banner .block-header {color: var(--color-white);}
.widget_magdalenadziedzic-widget-cta-banner .block-header p {font: var(--font-2);}
.magdalenadziedzic-block-cta-banner .block-header p {font: var(--font-1);}
.widget_magdalenadziedzic-widget-cta-banner .block-header p,
.magdalenadziedzic-block-cta-banner .block-header p {padding-left: 30%; position: relative;}
.widget_magdalenadziedzic-widget-cta-banner .block-header p:before,
.magdalenadziedzic-block-cta-banner .block-header p:before {content: ''; position: absolute; top: 50%; left: 0; height: 2px; width: 25%; background: var(--color-white);}
.widget_magdalenadziedzic-widget-cta-banner .block-title {color: var(--color-white); font: var(--font-2);}
.magdalenadziedzic-block-cta-banner .block-title {color: var(--color-white); font: var(--font-1);}
@media (max-width: 960px) {
    .widget_magdalenadziedzic-widget-cta-banner .container,
    .magdalenadziedzic-block-cta-banner .magdalenadziedzic-block__inner-container {
        padding-right: 0;
    }
    .widget_magdalenadziedzic-widget-cta-banner .show-more,
    .magdalenadziedzic-block-cta-banner .show-more {position: relative; bottom: auto; right: auto; margin-left: auto;}
}


.magdalenadziedzic-block-portfolio {}
.magdalenadziedzic-block-portfolio.alignfull .magdalenadziedzic-block__inner-container {max-width: var(--container-real-width); margin-left: auto; margin-right: auto;}


.magdalenadziedzic-block-pt-posts {}
.magdalenadziedzic-block-pt-posts .list.list--post .list-items {grid-template-columns: repeat(3, minmax(0, 1fr));}
.magdalenadziedzic-block-pt-posts .show-more {margin-left: auto;}

@media (max-width: 860px) {
    .magdalenadziedzic-block-pt-posts .list.list--post .list-items {grid-template-columns: repeat(1, minmax(0, 1fr));}
}


.magdalenadziedzic-block-pt-pages {}
.magdalenadziedzic-block-pt-pages .magdalenadziedzic-block__inner-container {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 var(--space-0);}
.magdalenadziedzic-block-pt-pages .block-header {grid-column: 1 / -1;}

@media (max-width: 860px) {
    .magdalenadziedzic-block-pt-pages .magdalenadziedzic-block__inner-container {grid-template-columns: repeat(1, minmax(0, 1fr)); gap: 0 var(--space-0);}
}


/* Widgets */

.widget {
}

.widget-title {
    font: var(--font-4);
}

.widget .list > .list-items {
    grid-template-columns: minmax(0, 1fr);
}


.widget_calendar {
}

.widget_calendar table {
    width: 100%;
    margin-bottom: var(--space-4);
}

.widget_calendar table caption {
    margin-bottom: var(--space-5);
}

.widget_calendar td,
.widget_calendar th {
    padding: var(--space-5);
    text-align: center;
}


.widget_nav_menu .menu {
    display: block;
}


/* Sections */
.section {
    width: var(--content-width);
    max-width: var(--container-max-width);
    margin-left: auto;
    margin-right: auto;
    padding: .1px 0;
}

.section-header {
    margin: var(--space-1) 0;
    text-align: center;
}

.section-header .section-title {}
.section-header .section-title:first-child {margin-top: 0;}

.section-header .lead {
    font: var(--font-featured);
    color: var(--color-black);
}


.section--wide {
    width: var(--content-wide-width);
}


.section--with_sidebar {
    width: var(--content-wide-width);
    display: grid;
    grid-template-columns: minmax(0, 3fr) minmax(0, 1fr);
    gap: var(--space-1);
}

.section--with_sidebar .section-header {
    grid-column: 1 / -1;
}

.section--with_sidebar_left {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 3fr) ;
    gap: var(--space-1);
}

.section--with_sidebar_left .sidebar {grid-column: 1; grid-row: 2;}


.section--with_sidebar .sidebar h2 {font: var(--font-subheading); letter-spacing: 0.05rem; color: var(--color-grey);}
.section--with_sidebar .sidebar .categories {list-style: none; margin-left: 0;}
.section--with_sidebar .sidebar .categories a {text-decoration: none; display: block; margin: var(--space-7) 0; position: relative; padding-left: var(--space-4); font: var(--font-nav); color: var(--color-black);}
.section--with_sidebar .sidebar .categories a:before {content: none; position: absolute; top: 50%; left: 0; width: 0.375rem; aspect-ratio: 1 / 1; background: var(--color-primary); border-radius: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.section--with_sidebar .sidebar .categories a:hover {color: var(--color-primary);}
.section--with_sidebar .sidebar .categories a:hover:before,
.section--with_sidebar .sidebar .categories .cat-item-all > a:before,
.section--with_sidebar .sidebar .categories .current-cat > a:before {content: '';}

.section--with_sidebar .sidebar .categories:has(.current-cat) .cat-item-all > a:before {content: none;}

@media (max-width: 772px) {
    .section--with_sidebar {
        grid-template-columns: minmax(0, 1fr);
    }
    .section--with_sidebar_left .sidebar {grid-column: 1 / -1; grid-row: 3;}
}


.section--post--section--single {}
.section--post--section--single .section-header {}


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

#header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
}


#header .container {
    position: relative;
    display: flex;
    justify-content: space-between;
    gap: var(--base-space);
}

#header .container:after {
    content: none;
}


#header .site-title {
    margin: var(--space-4) 0;
    padding: 0;
    max-width: calc(100% - 5rem);
}

#header .site-title a {
    width: auto;
    white-space: nowrap;
    max-width: 100%;
    height: 5rem;
    line-height: 5rem;
    display: block;
    font: var(--font-1);
    text-decoration: none;
    background: transparent no-repeat left 50%;
    background-size: contain;
}


#header .nav {
    text-align: left;
    padding: 0;
    right: 0;
    position: static;
    display: flex;
    gap: var(--space-1);
    flex: 1 1 100%;
}

@media (max-width: 1080px) {
    #header .nav {
        text-align: left;
        justify-content: end;
        padding-right: calc(2rem + var(--space-1));
    }
}

@media (max-width: 800px) {
    #header .nav {
        padding-right: calc(2rem + var(--base-space));
    }
}

#header .nav .nav-container {
    height: 100%;
    display: flex;
    gap: var(--space-1);
    flex: 1 1 100%;
    justify-content: space-between;
}


#header .nav a {
    text-decoration: none;
    display: block;
    color: var(--color-white);
    font: var(--font-nav);
}

#header .nav a:hover {
    opacity: 1;
    color: var(--color-primary);
}


#header .nav .menu {
    align-items: center;
    height: 100%;
    justify-content: end;
    margin: 0;
}

#header .nav .menu li {
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;
}

@media (max-width: 1080px) {
    #header .nav .nav-container .menu {
        display: block;
        height: auto;
        text-align: center;
    }

    #header .nav .nav-container .menu li {
        display: block;
        height: auto;
    }

    #header .nav .nav-container .menu a {
        padding: var(--space-5) 0;
    }

    #header .nav .nav-container .menu.menu--social {
        display: flex;
        justify-content: center;
        margin-top: var(--space-2);
    }
}



#header .nav .menu-item-has-children > a {
    padding-right: var(--space-4);
    position: relative;
}

#header .nav .menu-item-has-children > a:after {
    content: '\203A';
    line-height: 1;
    display: block;
    font-size: .875rem;
    font-weight: bold;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%) rotate(90deg);
    -moz-transform: translateY(-50%) rotate(90deg);
    -ms-transform: translateY(-50%) rotate(90deg);
    -o-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg);
}

@media (max-width: 1080px) {
    #header .nav .menu-item-has-children > a {
        padding-right: 0;
    }
    #header .nav .menu-item-has-children > a:after {
        content: none;
    }
}

#header .nav .current_page_parent > a,
#header .nav .current-menu-item > a,
#header .nav .current-menu-ancestor > a {
    color: var(--color-primary);
}


#header .nav .sub-menu {
    display: none;
    text-align: left;
    min-width: 15rem;
    margin: 0;
    position: absolute;
    z-index: 1000;
    left: calc(-1 * var(--base-space));
    top: 100%;
    background: var(--html-bg-color);
    height: auto;
}

@media (max-width: 1080px) {
    #header .nav .sub-menu {
        display: block;
        position: static;
        text-align: center;
        background: rgba(0, 0, 0, .05);
        font-size: var(--font-size-small);
    }
}


#header .nav .menu li a:focus + .sub-menu,
#header .nav .menu li:focus-within > .sub-menu,
#header .nav .menu li:hover > .sub-menu {
    display: block;
}


#header .nav .sub-menu li {
    display: block;
}

#header .nav .sub-menu a {
    padding: var(--space-5) var(--base-space);
}

#header .nav .sub-menu .menu-item-has-children > a {
    padding-right: calc(var(--base-space) + var(--space-3));
}

#header .nav .sub-menu .menu-item-has-children > a:after {
    right: var(--base-space);
    -webkit-transform: translateY(-50%) rotate(0);
    -moz-transform: translateY(-50%) rotate(0);
    -ms-transform: translateY(-50%) rotate(0);
    -o-transform: translateY(-50%) rotate(0);
    transform: translateY(-50%) rotate(0);
}

@media (max-width: 1080px) {
    #header .nav .sub-menu .menu-item-has-children > a {
        padding: var(--space-5) 0;
    }
}

#header .nav .sub-menu .sub-menu {
    top: 0;
    left: 100%;
}


#header .nav .toggle--search-box {
    height: 1.25rem;
}


#header .nav .toggle--nav {
    position: absolute;
    display: none;
    width: 2rem;
    height: 1.5rem;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

#header .nav .toggle--nav:before,
#header .nav .toggle--nav:after {content: none;}

#header .nav .toggle--nav span {
    height: 2px;
    background: var(--color-white);
}

#header .nav .toggle--nav span:before,
#header .nav .toggle--nav span:after {
    background: var(--color-white);
    height: 2px;
}

#header .nav.nav-on .toggle--nav span:before {
    margin-top: -1px; /* half of height */
}

#header .nav.nav-on .toggle--nav span:after {
    margin-bottom: -1px; /* half of height */
}

@media (max-width: 1080px) {
    #header .nav .toggle--nav {
        display: block;
    }

    #header .nav .nav-container {
        background: var(--html-bg-color);
        padding: var(--space-0) var(--container-padding-space);
        position: absolute;
        top: 100%;
        min-height: 100vh;
        right: calc(-1 * var(--container-padding-space));
        z-index: 10000;
        width: 100vw;
        display: block;

        -webkit-transform: translateX(150%);
        -moz-transform: translateX(150%);
        -ms-transform: translateX(150%);
        -o-transform: translateX(150%);
        transform: translateX(150%);
    }

    #header .nav.nav-on .nav-container {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}


#header .search-box-container .search-box {
    background: var(--content-bg-color);
    position: absolute;
    z-index: 1;
    top: 100%;
    left: 0;
    right: 0;

    -webkit-transform: translateY(-100vh);
    -moz-transform: translateY(-100vh);
    -ms-transform: translateY(-100vh);
    -o-transform: translateY(-100vh);
    transform: translateY(-100vh);
}

#header .search-box-container .search-box:before {
    content: '';
    width: 100vw;
    position: absolute;
    left: 50%;
    height: 100%;
    background: var(--content-bg-color);
    z-index: -1;

    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

#header .search-box-container.search-box-on .search-box {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}


@media (max-width: 1080px) {
    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,
    body.search-on #main,
    body.search-on #footer {
        opacity: .15;
    }
}


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

#footer {
    margin-top: var(--space-0);
    color: var(--color-white);
    font: var(--font-meta);
    font-weight: 200;
}

#footer .footer-container {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-1);}

@media (max-width: 1400px) {
    #footer .footer-container {display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);}
}

@media (max-width: 1200px) {
    #footer .footer-container {display: grid; grid-template-columns: minmax(0, 1fr);}
    #footer .footer-content {text-align: center;}
    #footer .footer-content .site-title a {margin: 0 auto;}
    #footer .footer-content .menu {justify-content: center;}
}

#footer a {
    text-decoration: none;
    color: inherit;
}

#footer .nav {
}

#footer ul {
    margin-left: 0;
    list-style: none;
}

#footer p,
#footer ul li {
    margin: var(--space-7) 0;
}

#footer .list--widgets {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

@media (max-width: 960px) {
    #footer .list--widgets {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 480px) {
    #footer .list--widgets {
        grid-template-columns: repeat(1, minmax(0, 1fr));
        text-align: center;
    }
    #footer .widget .menu {justify-content: center;}
}

#footer .widget-title {font: var(--font-6); color: inherit;}

#footer .widget .menu {font-weight: 400;}

#footer .copyright-madeby {
}


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

#main {
    background: var(--content-bg-color);
    padding: .1px 0;
    padding-top: 7.875rem;
}
#header {background: var(--html-bg-color);}

#main .after-content {margin-top: var(--space-0); margin-bottom: -1px;}

.page-template-tpl-no_title #main {padding-top: 0;}
.page-template-tpl-no_title #header {background: transparent;}


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

@media print {
    body {
        background: none !important;
        color: #2b2b2b;
        font-size: 10pt;
        width: 100%;
    }

    #header {
        background: none;
        min-height: 100px;
    }

    #header .site-title a {
        height: 100px;
        width: auto;
    }

    #header nav {
        display: none;
    }

    #footer {
        display: none;
    }

    h1, h2, h3, h4, h5, h6 {
        page-break-after: avoid;
    }

    #main a {
        font-weight: bolder;
        text-decoration: none;
    }

    #main a[href^=http]:after {
        content: " <" attr(href) "> ";
    }

    #main .secondary {
        display: none;
    }
}