@charset "utf-8";
@import url('../fonts/fonts.css');
@import url('../vendor/bootstrap-icons-1.10.4/font/bootstrap-icons.css');

:root {
    --bs-blue: #018fff;
    --bs-body-color: #231f20;
    --bs-body-font-size: 1.125rem /* 18/16 */;
    --bs-clip-path-1: polygon(
            95.19% 6.95%,
            99.97% 15.65%,
            100.51% 21.82%,
            108.21% 38.15%,
            101.73% 45.69%,
            96.12% 48.56%,
            100.75% 57.39%,
            99.58% 70.24%,
            96.5% 80.08%,
            98.68% 89.19%,
            87.29% 90.88%,
            76.31% 92.51%,
            61.2% 94.75%,
            49.45% 96.61%,
            37.96% 93.46%,
            21.41% 94.06%,
            10.01% 92.01%,
            10.41% 88%,
            5.81% 73.54%,
            6.41% 63.82%,
            7.8% 48.54%,
            6% 36.04%,
            6% 26.32%,
            8.41% 12.43%,
            10.81% 11.72%,
            19.32% 5.95%,
            30.41% 5.65%,
            42.52% 5.39%,
            52.11% 6.59%,
            64.13% 6.32%,
            76.96% 10.26%,
            86.57% 5.9%
    );
    --bs-clip-path-2: polygon(
            -15.48% 152%,
            -21.92% 153.67%,
            1.25% 97.48%,
            1.56% 76.05%,
            0.5% 52.72%,
            1.72% 43.2%,
            -5.39% 11.58%,
            -9.69% -11.28%,
            -17.54% -52.99%,
            -10.34% -25.39%,
            -5.9% -8.38%,
            2px 16.96%,
            -4.4% -19.89%,
            -7.56% -42.66%,
            -10.95% -67.02%,
            -11.47% -93.32%,
            -6.5% -92.98%,
            -2.72% -59.87%,
            0.06% -35.58%,
            5.46% -1.21%,
            4.68% -28.44%,
            4.26% -49.86%,
            3.44% -92.3%,
            7.35% -49.91%,
            9.86% -22.77%,
            14.75% -9.03%,
            13.7% -28.42%,
            14.87% -91.52%,
            16.55% -56.99%,
            18.07% -25.58%,
            24.55% 9.36%,
            22.32% -22.65%,
            24.59% -55.52%,
            27.02% -90.69%,
            28.48% -51.28%,
            29.33% -28.46%,
            30.61% 6.04%,
            34.14% -28.33%,
            35.91% -45.58%,
            38.4% -69.87%,
            40.44% -89.78%,
            46.9% -89.34%,
            43.43% -54.12%,
            40.89% -28.41%,
            37.79% 3.03%,
            43.51% 7.25%,
            47.32% -14.21%,
            50.69% -36.94%,
            54.08% -59.88%,
            58.33% -88.56%,
            58.61% -29.86%,
            58.81% 4.25%,
            63.89% -32.63%,
            70.26% -87.75%,
            74.08% 5.52%,
            81.91% -46.92%,
            88.87% -86.48%,
            89.1% -49.86%,
            89.3% -17%,
            83.42% 1.51%,
            95.72% -35.79%,
            97% -45.48%,
            102.29% -85.57%,
            95.34% 9.5%,
            101.38% -28.25%,
            104.61% -48.42%,
            110.46% -85.01%,
            114.71% -84.72%,
            241px -84.33%,
            92.87% -41.25%,
            100.38% 5.66%,
            99.29% 16.1%,
            99.25% 32.23%,
            99.09% 57.94%,
            97.16% 80.34%,
            101.39% 111.25%,
            241px 96.62%,
            92.09% 108.56%,
            97.34% 122.48%,
            115.34% 170.25%,
            107.07% 151.28%,
            97.69% 152.25%,
            94.05% 155.49%,
            89.29% 159.73%,
            83.88% 170.48%,
            80.17% 120.12%,
            78.04% 95.52%,
            70.78% 99.12%,
            63.88% 100.92%,
            52.84% 101.25%,
            42.96% 108.83%,
            35.48% 110.64%,
            34.28% 127.27%,
            32.21% 176.1%,
            29.46% 131.54%,
            26.94% 96.47%,
            20.51% 103.84%,
            12.24% 97.87%,
            5.89% 147.26%,
            1.75% 179.42%,
            5.11% 97.3%,
            -10.94% 180.8%,
            -13.72% 151.54%
    );
    --bs-danger: #f7261d;
    --bs-danger-rgb: rgb(247, 38, 29);
    --bs-dark: #313131;
    --bs-dark-rgb: 49, 49, 49;
    --bs-font-sans-serif: 'Calibri', sans-serif;
    --bs-font-sans-serif-hawkes: 'Hawkes', sans-serif;
    --bs-font-sans-serif-hawkes-bold-wide: 'Hawkes Bold Wide', sans-serif;
    --bs-font-sans-serif-hawkes-medium-narrow: 'Hawkes Medium Narrow', sans-serif;
    --bs-font-sans-serif-hawkes-script: 'Hawkes Script', sans-serif;
    --bs-gray-200: #ececec;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #4b4b4b;
    --bs-gray-800: #313131;
    --bs-green: #148c80;
    --bs-light: #f5f5f5;
    --bs-light-rgb: 245, 245, 245;
    --bs-orange: #f7931d;
    --bs-primary: #f7931d;
    --bs-primary-rgb: 247, 147, 29;
    --bs-secondary: #148c80;
    --bs-secondary-rgb: 17, 129, 128;
    --bs-success: #148c80;
    --bs-success-rgb: 48, 82, 34;
    --bs-teal: #148c80;
    --bs-yellow: #fff001;
}

:root.wcag-font-default {
    font-size: 16px;
}

:root.wcag-font-big {
    font-size: 18px;
}

:root.wcag-font-bigger {
    font-size: 20px;
}

:root.wcag-contrast-blackwhite {
    --bs-wcag-default-color: white;
    --bs-wcag-default-color-rgb: 255, 255, 255;
}

:root.wcag-contrast-blackyellow {
    --bs-wcag-default-color: yellow;
    --bs-wcag-default-color-rgb: 255, 255, 0;
}

:root.wcag-contrast-blackwhite,
:root.wcag-contrast-blackyellow {
    --bs-body-bg: #000000;
    --bs-body-color: var(--bs-wcag-default-color);
    --bs-border-color: var(--bs-wcag-default-color);
    --bs-dark-rgb: 0, 0, 0;
    --bs-link-hover-color: var(--bs-wcag-default-color);
    --bs-primary-rgb: var(--bs-wcag-default-color-rgb);
    --bs-wcag-black-color: #000;
}

:root.wcag-contrast-blackwhite .bi,
:root.wcag-contrast-blackyellow .bi {
    color: var(--bs-wcag-default-color);
}

:root.wcag-contrast-blackwhite .btn-primary .bi,
:root.wcag-contrast-blackyellow .btn-primary .bi {
    color: var(--bs-wcag-black-color);
}

.wcag-contrast-blackwhite .text-dark,
.wcag-contrast-blackyellow .text-dark {
    --bs-dark-rgb: var(--bs-wcag-default-color-rgb);
}

.calibri {
    font-family: var(--bs-font-sans-serif);
}

.hawkes {
    font-family: var(--bs-font-sans-serif-hawkes);
}

.hawkes-bold-wide {
    font-family: var(--bs-font-sans-serif-hawkes-bold-wide);
}

.hawkes-script {
    font-family: var(--bs-font-sans-serif-hawkes-script);
}

.hawkes-medium-narrow {
    font-family: var(--bs-font-sans-serif-hawkes-medium-narrow);
}

.btn-close {
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
    color: var(--bs-wcag-default-color, #000);
}

.wcag-contrast-blackwhite .btn-close {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center / 1em auto no-repeat;
}

.wcag-contrast-blackyellow .btn-close {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffff00'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center / 1em auto no-repeat;
}

.wcag-contrast-blackyellow .invalid-feedback {
    color: var(--bs-wcag-default-color, #000);
}

.wcag-contrast-blackyellow .form-control.is-invalid, .was-validated .form-control:invalid {
    border-color: var(--bs-wcag-default-color, #000);
    border-width: 2px;
    background-image: none;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--bs-font-sans-serif-hawkes);
    font-weight: 700;
    text-transform: uppercase;
}

h1,
.h1 {
    font-size: calc(2.075rem + 1.5vw);
}

@media (min-width: 1200px) {
    h1,
    .h1 {
        font-size: 3.2rem;
    }
}

h2,
.h2 {
    font-size: calc(1.725rem + 0.9vw);
}

@media (min-width: 1200px) {
    h2,
    .h2 {
        font-size: 2.4rem;
    }
}

h3,
.h3 {
    font-size: calc(1.7rem + 0.6vw);
}

@media (min-width: 1200px) {
    h3,
    .h3 {
        font-size: 2.15rem;
    }
}

h4,
.h4 {
    font-size: calc(1.675rem + 0.3vw);
}

@media (min-width: 1200px) {
    h4,
    .h4 {
        font-size: 1.8rem;
    }
}

body:not([data-page_name='rezerwacja_index_index'], [data-page_name='blad']) .main {
    padding-bottom: 8rem;
}

.text-muted {
    color: var(--bs-wcag-default-color, #6c757d) !important;
}

.form-text {
    color: var(--bs-wcag-default-color, #6c757d);
}

.header {
    left: 0;
    position: fixed;
    right: 0;
    z-index: 3;
}

.main {
    padding-top: 5rem;
}

.footer {
    --bs-border-color: var(--bs-wcag-default-color, var(--bs-gray-600));
    border-top: 1px solid var(--bs-wcag-default-color, transparent);
    color: var(--bs-wcag-default-color, #bcb0b0);
}

.footer h2 {
    font-family: var(--bs-font-sans-serif);
    font-size: 1rem /* 16/16 */;
}

.footer a {
    color: var(--bs-wcag-default-color, var(--bs-primary));
}

.footer .nav {
    --bs-nav-link-color: var(--bs-wcag-default-color, var(--bs-primary));
    --bs-nav-link-font-size: 1rem /* 16/16 */;
    --bs-nav-link-hover-color: var(--bs-wcag-default-color, var(--bs-primary));
    --bs-nav-link-padding-x: 0;
    --bs-nav-link-padding-y: 0;
}

.footer .nav-link {
    font-family: var(--bs-body-font-family);
    text-transform: none;
}

.navbar {
    height: 5rem /* 80/16 */;
    --bs-navbar-brand-padding-y: 0;
    --bs-navbar-toggler-focus-width: 0;
}

.wcag-contrast-blackwhite .navbar,
.wcag-contrast-blackyellow .navbar {
    border-bottom: 1px solid var(--bs-wcag-default-color);
}

.navbar-dark {
    --bs-navbar-color: var(--bs-white);
    --bs-navbar-hover-color: var(--bs-primary);
    --bs-navbar-toggler-icon-bg: url('../images/layout/icons/hamburger_menu.webp');
}

.wcag-contrast-blackwhite .navbar-dark {
    --bs-navbar-toggler-icon-bg: url('../images/layout/icons/hamburger_menu-white.webp');
}

.wcag-contrast-blackyellow .navbar-dark {
    --bs-navbar-toggler-icon-bg: url('../images/layout/icons/hamburger_menu-yellow.webp');
}

.navbar-nav {
    --bs-nav-link-font-size: 1.0625rem /* 17/16 */;
    --bs-nav-link-font-weight: 300;
}

.nav-link {
    font-family: var(--bs-font-sans-serif-hawkes);
    text-transform: uppercase;
}

.navbar-toggler {
    --bs-border-width: 0;
    --bs-navbar-toggler-border-radius: 0;
}

.btn {
    align-items: center;
    --bs-btn-border-radius: 0.125rem /* 2/16 */;
    --bs-btn-font-family: var(--bs-font-sans-serif-hawkes);
    --bs-btn-font-size: 1.5rem;
    --bs-btn-font-weight: 300;
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-padding-x: 1.2rem;
    --bs-btn-padding-y: 0.4rem;
    --bs-btn-scale: scale(1.1);
    display: inline-flex;
    justify-content: center;
    text-transform: uppercase;
    transition-property: all;
}

.btn.btn-clip-path-1 {
    padding-left: calc(var(--bs-btn-padding-x) + 0.5rem);
}

.navbar-dark .btn {
    --bs-btn-active-color: var(--bs-white);
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-padding-x: 0.8rem;
    --bs-btn-padding-y: 0;
    --bs-btn-scale: scale(1);
    color: var(--bs-wcag-default-color, var(--bs-white));
    padding-left: var(--bs-btn-padding-x);
}

.btn:hover {
    transform: var(--bs-btn-scale);
}

.btn-group-sm > .btn,
.btn-sm {
    --bs-btn-border-radius: 0.125rem /* 2/16 */;
    --bs-btn-font-size: 1.2rem;
    --bs-btn-padding-x: 1.4rem;
    --bs-btn-padding-y: 0.2rem;
}

.btn-group-lg > .btn,
.btn-lg {
    --bs-btn-border-radius: 0.125rem /* 2/16 */;
    --bs-btn-font-size: 1.7rem;
    --bs-btn-padding-x: 1.5rem;
    --bs-btn-padding-y: 1rem;
}

.btn-primary {
    --bs-btn-active-bg: var(--bs-wcag-default-color, var(--bs-primary));
    --bs-btn-active-border-color: var(--bs-wcag-default-color, var(--bs-primary));
    --bs-btn-active-color: var(--bs-wcag-black-color, #fff);
    --bs-btn-bg: var(--bs-wcag-default-color, var(--bs-primary));
    --bs-btn-border-color: var(--bs-wcag-default-color, var(--bs-primary));
    --bs-btn-color: var(--bs-wcag-black-color, #fff);
    --bs-btn-disabled-color: var(--bs-wcag-black-color, #fff);
    --bs-btn-hover-bg: var(--bs-wcag-default-color, var(--bs-primary));
    --bs-btn-hover-border-color: var(--bs-wcag-default-color, var(--bs-primary));
    --bs-btn-hover-color: var(--bs-wcag-black-color, #fff);
}

.btn-secondary {
    --bs-btn-active-bg: var(--bs-wcag-default-color, var(--bs-secondary));
    --bs-btn-active-border-color: var(--bs-wcag-default-color, var(--bs-secondary));
    --bs-btn-active-color: var(--bs-wcag-black-color, #fff);
    --bs-btn-bg: var(--bs-wcag-default-color, var(--bs-secondary));
    --bs-btn-border-color: var(--bs-wcag-default-color, var(--bs-secondary));
    --bs-btn-color: var(--bs-wcag-black-color, #fff);
    --bs-btn-disabled-bg: var(--bs-wcag-default-color, var(--bs-secondary));
    --bs-btn-disabled-border-color: var(--bs-wcag-default-color, var(--bs-secondary));
    --bs-btn-disabled-color: var(--bs-wcag-black-color, #fff);
    --bs-btn-hover-bg: var(--bs-wcag-default-color, var(--bs-secondary));
    --bs-btn-hover-border-color: var(--bs-wcag-default-color, var(--bs-secondary));
    --bs-btn-hover-color: var(--bs-wcag-black-color, #fff);
}

.btn-dark {
    --bs-btn-active-bg: var(--bs-wcag-default-color, #4d5154);
    --bs-btn-active-border-color: var(--bs-wcag-default-color, #373b3e);
    --bs-btn-active-color: var(--bs-wcag-black-color, #fff);
    --bs-btn-bg: var(--bs-wcag-default-color, #212529);
    --bs-btn-border-color: var(--bs-wcag-default-color, #212529);
    --bs-btn-color: var(--bs-wcag-black-color, #fff);
    --bs-btn-disabled-bg: var(--bs-wcag-default-color, #212529);
    --bs-btn-disabled-border-color: var(--bs-wcag-default-color, #212529);
    --bs-btn-disabled-color: var(--bs-wcag-black-color, #fff);
    --bs-btn-hover-bg: var(--bs-wcag-default-color, #424649);
    --bs-btn-hover-border-color: var(--bs-wcag-default-color, #373b3e);
    --bs-btn-hover-color: var(--bs-wcag-black-color, #fff);
}

.btn-clip-path-1 {
    clip-path: var(--bs-clip-path-1);
}

.btn-clip-path-2 {
    clip-path: var(--bs-clip-path-2);
}

.form-label {
    margin-bottom: 0.6rem;
}

/* form */

.form-select,
.form-control {
    background-color: var(--bs-wcag-black-color, #fff);
    border: 1px solid var(--bs-wcag-default-color, #ced4da);
    border-radius: 0.125rem /* 2/16 */;
    color: var(--bs-wcag-default-color, var(--bs-body-color));
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
}

.form-control::placeholder {
    color: var(--bs-wcag-default-color, var(--bs-body-color));
}

.wcag-contrast-blackwhite .form-control.border-0,
.wcag-contrast-blackyellow .form-control.border-0 {
    border: 1px solid var(--bs-wcag-default-color) !important;
}

.form-check.input-group {
    display: block;
}

.form-check.input-group .form-check-input {
    border-radius: 50% !important;
}

.form-check-input[type='checkbox'] {
    border-radius: 0;
}

.form-check-input {
    background-color: var(--bs-wcag-black-color, #fff);
    border-color: var(--bs-wcag-default-color, #313131);
}

.form-check-input:checked {
    background-color: var(--bs-wcag-default-color, #313131);
    border-color: var(--bs-wcag-default-color, #313131);
}

.wcag-contrast-blackwhite .form-check-input:checked[type='checkbox'],
.wcag-contrast-blackyellow .form-check-input:checked[type='checkbox'] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}

.form-check-input:focus {
    border-color: var(--bs-wcag-default-color, #313131);
    box-shadow: 0 0 0 0.25rem rgba(49, 49, 49, 0.25);
    outline: 0;
}

.form-select.is-valid:not([multiple]):not([size]),
.form-select.is-valid:not([multiple])[size='1'],
.was-validated .form-select:valid:not([multiple]):not([size]),
.was-validated .form-select:valid:not([multiple])[size='1'] {
    background-image: none;
    padding-right: 4.125rem;
}

.form-control.is-valid,
.was-validated .form-control:valid {
    border-color: var(--bs-wcag-default-color, #198754);
}

.wcag-contrast-blackwhite .form-control.is-valid,
.wcag-contrast-blackwhite .was-validated .form-control:valid {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
}

.wcag-contrast-blackyellow .form-control.is-valid,
.wcag-contrast-blackyellow .was-validated .form-control:valid {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23ffff00' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
}

.form-check-input.is-valid ~ .form-check-label,
.was-validated .form-check-input:valid ~ .form-check-label {
    color: var(--bs-wcag-default-color, #198754);
}

.form-select.is-valid,
.was-validated .form-select:valid {
    color: var(--bs-wcag-default-color, #198754);
}

.form-check-input.is-valid:checked,
.was-validated .form-check-input:valid:checked {
    background-color: var(--bs-wcag-default-color, #198754);
}

.wcag-contrast-blackwhite .form-check-input:checked[type='radio'] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23000'/%3e%3c/svg%3e");
}

.wcag-contrast-blackyellow .form-check-input:checked[type='radio'] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23000'/%3e%3c/svg%3e");
}

.form-select.is-valid,
.was-validated .form-select:valid {
    border-color: var(--bs-wcag-default-color, #198754);
}

.form-select.is-valid:focus,
.was-validated .form-select:valid:focus {
    border-color: var(--bs-wcag-default-color, #198754);
    box-shadow: 0 0 0 0.25rem rgba(var(--bs-wcag-default-color-rgb), 0.25);
}

/*end form*/

/* .card */

.card {
    border: 1px solid var(--bs-wcag-default-color, transparent);
    --bs-card-bg: var(--bs-wcag-black-color, var(--bs-light));
    --bs-card-border-radius: 0;
    --bs-card-border-width: 0;
    --bs-card-spacer-x: 1.5rem;
    --bs-card-spacer-y: 1.5rem;
    /*clip-path: var(--bs-clip-path-2);*/
}

.card-lg {
    --bs-card-spacer-x: 3rem;
    --bs-card-spacer-y: 3rem;
}

/* end .card */

.navbar-dropdown-menu {
    border: 1px solid var(--bs-wcag-default-color, transparent);
    --bs-dropdown-bg: var(--bs-wcag-black-color, var(--bs-dark));
    --bs-dropdown-border-radius: 0;
    --bs-dropdown-border-width: 0;
    --bs-dropdown-padding-x: 1rem;
    --bs-dropdown-padding-y: 1rem;
    --bs-dropdown-spacer: 2rem;
    padding-bottom: calc(2 * var(--bs-dropdown-padding-y));
}

/* .modal */
.modal {
    --bs-modal-header-padding: 1rem 2rem;
    --bs-modal-padding: 1rem 2rem;
}

.modal-content {
    background-color: var(--bs-wcag-black-color, var(--bs-modal-bg));
    border: 1px solid var(--bs-wcag-default-color, transparent);
}

.modal-body {
    font-size: 1.125rem /* 18/16 */;
}

.modal-footer {
    padding: 1rem 2rem;
}

/* end .modal */

/* .homepage-jumbotron */
.homepage-jumbotron {
    background-image: url('../images/layout/szpak-balijski.webp');
    background-position-x: left;
    background-position-y: top;
    background-repeat: no-repeat;
    background-size: cover;
    /*height: calc(100vh - 80px);*/
    padding: 3rem 0 calc(7vw + 3rem);
    position: relative;
}

@media (min-width: 1200px) {
    .homepage-jumbotron {
        height: calc(100vh - 80px);
    }
}

.wcag-contrast-blackwhite .homepage-jumbotron,
.wcag-contrast-blackyellow .homepage-jumbotron {
    background-image: none;
    padding: 3rem 0;
}

.homepage-jumbotron::after {
    background-image: url('../images/layout/05_tlo-scaled.webp');
    background-position-x: center;
    background-position-y: top;
    background-repeat: no-repeat;
    background-size: cover;
    bottom: 0;
    content: '';
    height: 7vw;
    left: 0;
    position: absolute;
    right: 0;
}

.wcag-contrast-blackwhite .homepage-jumbotron::after,
.wcag-contrast-blackyellow .homepage-jumbotron::after {
    display: none;
}

[data-page_name='blad'] .homepage-jumbotron {
    background-image: url('../images/layout/blad.webp');
}

.homepage-jumbotron__row {
    align-items: center;
    height: 90%;
}

.homepage-jumbotron__header {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin-bottom: 4rem;
    text-transform: uppercase;
}

@media (min-width: 992px) {
    .homepage-jumbotron__header {
        align-items: flex-start;
    }
}

.homepage-jumbotron__header span:first-child {
    color: var(--bs-wcag-default-color, var(--bs-white));
    font-family: var(--bs-font-sans-serif-hawkes-script);
    font-size: calc(3.375rem + 1.5vw);
}

@media (min-width: 1200px) {
    .homepage-jumbotron__header span:first-child {
        font-size: 4.375rem /* 70/16 */;
    }
}

.homepage-jumbotron__header span:last-child {
    color: var(--bs-wcag-default-color, var(--bs-primary));
    font-family: var(--bs-font-sans-serif-hawkes-bold-wide);
    font-size: calc(3.375rem + 1.5vw);
}

@media (min-width: 1200px) {
    .homepage-jumbotron__header span:last-child {
        font-size: 7.5rem /* 120/16 */;
        margin-top: -1.875rem /* 30/16 */;
    }
}

/* end .homepage-jumbotron */

/* .navbar */
.navbar-nav {
    --bs-nav-link-color: var(--bs-wcag-default-color, var(--bs-navbar-color));
    --bs-nav-link-hover-color: var(--bs-wcag-default-color, var(--bs-navbar-hover-color));
}

.navbar-brand img {
    max-height: 2.375rem /* 38/16 */;
    width: auto;
}

.navbar-toggler-icon {
    background-image: var(--bs-navbar-toggler-icon-bg);
    height: 1.25rem /* 20/16 */;
    width: 2.0625rem /* 33/16 */;
}

.navbar-collapse:not(.show) {
    display: flex;
}

.nav--top {
    transform: translateY(-0.1875rem /* -3/16 */);
}

.nav--top .nav-link {
    font-family: var(--bs-font-sans-serif-hawkes-medium-narrow);
    --bs-nav-link-color: var(--bs-wcag-default-color, var(--bs-white));
    --bs-nav-link-font-size: 1.5625rem /* 25/16 */;
    --bs-nav-link-font-weight: 600;
    --bs-nav-link-hover-color: var(--bs-wcag-default-color, var(--bs-primary));
}

@media (min-width: 1200px) and (max-width: 1400px) {
    .nav--top .nav-link {
        --bs-nav-link-padding-x: 0.3rem;
    }
}

.navbar-collapse {
    background-color: var(--bs-wcag-black-color, var(--bs-dark));
    border-left: 1px solid var(--bs-wcag-default-color, transparent);
    bottom: 0;
    box-shadow: -0.5rem 0 1rem rgba(0, 0, 0, 0.15) !important;
    flex-direction: column;
    height: auto !important;
    left: auto;
    opacity: 0;
    padding: 5rem /* 80/16 */ 2rem;
    position: fixed;
    right: 0;
    top: 0;
    transform: translateX(calc(100% + 0.5rem));
    transition-duration: 0.25s;
    transition-property: opacity, transform, visibility;
    transition-timing-function: ease-in-out;
    visibility: hidden;
    width: 100%;
    z-index: 1;
}

@media (min-width: 576px) {
    .navbar-collapse {
        width: 22.5rem /* 360/16 */;
    }
}

[aria-expanded='true'] + .navbar-collapse {
    opacity: 1;
    transform: translateX(0);
    visibility: visible;
}

.navbar-collapse .navbar-nav {
    width: 100%;
}

.navbar-collapse .navbar-toggler {
    font-size: 2.25rem /* 36/16 */;
    position: absolute;
    right: 0;
    top: 1.125rem /* 18/16 */;
}

@media (min-width: 1200px) {
    .navbar-collapse {
        width: 22.5rem /* 360/16 */;
    }
}

.navbar-buttons {
    align-items: center;
    display: inline-flex;
    margin-left: 0.5rem;
}

.navbar-buttons__basket {
    align-items: center;
    bottom: 0.125rem /* 2/16 */;
    display: inline-flex;
    position: relative;
}

[data-koszyk-czy-pelny='true'] .navbar-buttons__basket {
    padding-left: 3.2rem;
}

.navbar-buttons__basket__clock {
    font-size: 1.1rem;
    left: 0;
    position: absolute;
}

.navbar-buttons__basket__icon {
    bottom: 0.3125rem /* 5/16 */;
    position: relative;
}

.navbar-buttons__basket__icon::before {
    align-items: center;
    background-color: var(--bs-wcag-default-color, var(--bs-primary));
    border-radius: 50%;
    bottom: -0.3125rem /* -5/16 */;
    color: var(--bs-wcag-black-color, var(--bs-body-color));
    content: attr(data-navbar-basket-quantity);
    display: inline-flex;
    font-family: var(--bs-font-sans-serif);
    font-size: 0.8rem;
    height: 1.5rem;
    justify-content: center;
    position: absolute;
    right: -0.625rem /* -10/16 */;
    width: 1.5rem;
}

.navbar-buttons__wcag-dropdown {
    bottom: 0.25rem /* 4/16 */;
    position: relative;
}

.navbar-buttons__language {
    align-items: center;
    display: inline-flex;
}

.navbar-buttons__language img {
    bottom: 0.375rem /* 6/16 */;
    height: 1.2rem;
    width: auto;
}

/* end .navbar */

/* .main */

/* main-header */
.main-header {
    background-color: var(--bs-wcag-black-color, #4a593b);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 0 0 calc(7vw + 14rem);
    position: relative;
}

.wcag-contrast-blackwhite .main-header,
.wcag-contrast-blackyellow .main-header {
    background-image: none !important;
    padding: 0 0 14rem;
}

.main-header::after {
    background-image: url('../images/layout/main-header-bg-bottom.png');
    background-position-x: center;
    background-position-y: top;
    background-repeat: no-repeat;
    background-size: cover;
    bottom: 0;
    content: '';
    height: 7vw;
    left: 0;
    position: absolute;
    right: 0;
}

.wcag-contrast-blackwhite .main-header::after,
.wcag-contrast-blackyellow .main-header::after {
    display: none;
}

.main-header__title {
    color: var(--bs-wcag-default-color, var(--bs-primary));
    left: 50%;
    position: absolute;
    text-align: center;
    text-shadow: 0 0 15px #313131;
    top: 40%;
    transform: translate(-50%, -50%);
}

.wcag-contrast-blackwhite .main-header__title,
.wcag-contrast-blackyellow .main-header__title {
    top: 45%;
}

@media (min-width: 992px) {
    .main-header__title {
        top: 32%;
    }

    .wcag-contrast-blackwhite .main-header__title,
    .wcag-contrast-blackyellow .main-header__title {
        top: 45%;
    }
}

.main__btn-group {
    border-top: 1px solid var(--bs-wcag-default-color, var(--bs-primary));
    display: grid;
    grid-gap: 1.5rem;
    grid-template-columns: 1fr;
    margin-top: 2.5rem;
    padding-top: 1.5rem;
}

@media (min-width: 576px) {
    .main__btn-group {
        grid-template-columns: repeat(2, max-content);
        justify-content: space-between;
    }

    .main__btn-group [type='submit'] {
        grid-column: 2;
    }
}

.main__btn-group--no-border {
    border-top-width: 0;
    margin-top: 1.5rem;
    padding-top: 0;
}

/* .attachments */
.attachments,
.invoices {
    display: flex;
    list-style: none outside none;
    margin: -1.5rem 0 0;
    padding: 0;
}

.attachments li,
.invoices li {
    margin-top: 1.5rem;
}

.attachments li .card,
.invoices li .card {
}

.attachments a,
.invoices a {
    text-decoration: none;
}

.attachments [class*='bi'],
.invoices [class*='bi'] {
    font-size: 2rem;
}

.invoices .card {
    position: relative;
}

.invoices .card.selected::before {
    background-image: url('../images/layout/icons/check.webp');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    content: '';
    height: 2.5rem;
    position: absolute;
    right: -0.9375rem;
    top: -0.9375rem;
    width: 2.5rem;
}

.wcag-contrast-blackwhite .invoices .card.selected::before {
    background-image: url('../images/layout/icons/check-white.webp');
}

.wcag-contrast-blackyellow .invoices .card.selected::before {
    background-image: url('../images/layout/icons/check-yellow.webp');
}

/* end .attachments */

/* .wcag-font */
.wcag-font {
    align-items: baseline;
    display: flex;
    justify-content: center;
}

.wcag-font__item {
    color: var(--bs-wcag-default-color, var(--bs-white));
    cursor: pointer;
    font-family: var(--bs-font-sans-serif-hawkes-script);
    line-height: 1;
    margin-right: 0.5rem;
    text-align: center;
    text-decoration: none;
    width: 1.6rem;
}

.wcag-font__item:last-child {
    margin-right: 0;
}

.wcag-font__item:hover {
    color: var(--bs-wcag-default-color, var(--bs-primary));
}

.wcag-font__item.active {
    color: var(--bs-wcag-default-color, var(--bs-primary));
    text-decoration: underline;
}

.wcag-font__item[data-font='default'] {
    font-size: 2rem;
}

.wcag-font__item[data-font='big'] {
    font-size: 2.2rem;
}

.wcag-font__item[data-font='bigger'] {
    font-size: 2.4rem;
}

/* end .wcag-font */

/* .wcag-contrast */
.wcag-contrast {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-top: 1.5rem;
}

.wcag-contrast__item {
    align-items: center;
    border: var(--bs-border-width) var(--bs-border-style) transparent;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    font-size: 0.7rem;
    font-weight: 700;
    height: 1.6rem;
    justify-content: center;
    margin-right: 0.5rem;
    text-decoration: none;
    width: 1.6rem;
}

.wcag-contrast__item:last-child {
    margin-right: 0;
}

.wcag-contrast__item[data-contrast='default'] {
    background-color: var(--bs-primary);
}

.wcag-contrast__item[data-contrast='blackwhite'] {
    background-color: white;
    position: relative;
}

.wcag-contrast__item[data-contrast='blackyellow'] {
    background-color: yellow;
    position: relative;
}

.wcag-contrast-blackyellow .wcag-contrast__image .wcag-contrast__image__default,
.wcag-contrast-blackwhite .wcag-contrast__image .wcag-contrast__image__default,
.wcag-contrast__image .wcag-contrast__image__white,
.wcag-contrast-blackyellow .wcag-contrast__image .wcag-contrast__image__white,
.wcag-contrast__image .wcag-contrast__image__yellow,
.wcag-contrast-blackwhite .wcag-contrast__image .wcag-contrast__image__yellow {
    display: none;
}

.wcag-contrast-blackwhite .wcag-contrast__image .wcag-contrast__image__white,
.wcag-contrast-blackyellow .wcag-contrast__image .wcag-contrast__image__yellow {
    display: inline-block;
}

/* end .wcag-contrast */

/* .logotypes */
.logotypes {
    margin-top: 3rem;
}

@media (min-width: 992px) {
    .logotypes {
        margin-top: 0;
    }
}

.logotypes img {
    max-height: 7rem;
}

/* end .logotypes */

/* .horizontal-rule */
.horizontal-rule-underline {
    background-image: url('../images/layout/underline.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    border-width: 0;
    height: 2.25rem /* 36/16 */;
}

.horizontal-rule-circle {
    border-width: 0;
    opacity: 1;
}

.horizontal-rule-circle:before {
    border-width: 0;
    color: var(--bs-wcag-default-color, var(--bs-primary));
    content: '•';
    font-family: var(--bs-font-sans-serif-hawkes-bold-wide);
    font-size: 3rem;
}

.rezerwujacy-haslo-block {
    display: none;
}

.preloader {
    align-items: center;
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    transition-duration: 0.5s;
    transition-property: opacity, visibility;
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    visibility: hidden;
    z-index: 9999;
}

.preloader--active {
    background-color: rgba(var(--bs-black-rgb), 0.9);
    opacity: 1;
    visibility: visible;
}

@keyframes rotateY {
    0% {
        transform: rotateY(0deg);
    }
    100% {
        transform: rotateY(360deg);
    }
}

.preloader--active svg .zoo-animal-1,
.preloader--active svg .zoo-animal-2,
.preloader--active svg .zoo-animal-3 {
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-name: rotateY;
    animation-play-state: running;
    animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transform-box: fill-box;
    transform-origin: center;
}

.preloader--active svg .zoo-animal-1 {
    animation-delay: 0s;
}

.preloader--active svg .zoo-animal-2 {
    animation-delay: 0.4s;
}

.preloader--active svg .zoo-animal-3 {
    animation-delay: 0.8s;
}

.preloader--no-animations svg .zoo-animal-1,
.preloader--no-animations svg .zoo-animal-2,
.preloader--no-animations svg .zoo-animal-3 {
    animation: none;
}

/* .donation */
/*.donation {*/
/*}*/

.donation__items {
    display: grid;
    grid-gap: 1.5rem;
    grid-template-columns: repeat(2, 1fr);
}

.donation__item {
    position: relative;
}

.donation__item__input {
    position: absolute;
    visibility: hidden;
    z-index: -1;
}

.donation__item__label {
    border: none;
    font-size: 1.5rem;
}

.donation__item__input:checked + .donation__item__label {
    background-color: var(--bs-wcag-black-color, var(--bs-primary));
    border: 1px solid var(--bs-wcag-default-color, transparent);
    color: var(--bs-wcag-default-color, #fff);
}

/* end .donation */

/* .list */
.list {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

.list-item:not(:first-child) {
    margin-top: 1.5rem;
}

.date__time {
    align-items: center;
    background-color: var(--bs-white);
    border-radius: 50%;
    display: inline-flex;
    flex-direction: column;
    height: 6rem;
    justify-content: center;
    width: 6rem;
}

.date--today .date__time {
    background-color: rgba(var(--bs-secondary-rgb), 0.2);
}

.date--saturday .date__time,
.date--sunday .date__time {
    background-color: rgba(var(--bs-primary-rgb), 0.2);
}

.date__time__day {
    font-family: var(--bs-font-sans-serif-hawkes);
    font-size: 2rem;
    font-weight: 700;
    line-height: 1;
}

.wcag-contrast-blackwhite .date__time.bg-dark,
.wcag-contrast-blackyellow .date__time.bg-dark {
    background-color: var(--bs-wcag-default-color) !important;
}

.wcag-contrast-blackwhite .date__time.text-white,
.wcag-contrast-blackyellow .date__time.text-white {
    color: var(--bs-wcag-black-color) !important;
}

.date__time__month {
    font-size: 1rem;
    line-height: 1;
}

.date__time__year {
    font-size: 1rem;
}

.date-day-of-the-week {
    font-size: 1.2rem;
    text-transform: uppercase;
}

/* end .list */

.top-right-radius-50 {
    border-top-right-radius: 50% !important;
}

.bottom-right-radius-50 {
    border-bottom-right-radius: 50% !important;
}

/* truncate-string */
.truncate-string {
    position: relative;
}

.truncate-string::before {
    content: attr(data-text-truncate);
}

.truncate-string--expanded::before {
    content: attr(data-text);
}

.truncate-string__btn {
    color: var(--bs-wcag-default-color, var(--bs-primary));
    font-family: var(--bs-font-sans-serif);
    font-size: 1rem /* 16/16 */;
    margin-left: 0.5rem;
    padding: 0;
    text-transform: lowercase;
    vertical-align: baseline;
}

.truncate-string__btn:hover {
    color: var(--bs-wcag-default-color, var(--bs-primary));
    transform: none;
}

.truncate-string__btn::before {
    content: attr(data-button-text-expand);
}

.truncate-string--expanded .truncate-string__btn::before {
    content: attr(data-button-text-colapse);
}

/* end truncate-string */
@media (min-width: 1200px) {
    /*.choose-a-date {*/
    /*    position: sticky;*/
    /*    top: 8rem;*/
    /*}*/
}

/* .month-selector */
.month-selector .month-switch {
    color: var(--bs-body-color);
    display: inline-flex;
    align-items: center;
    font-size: x-large
}

@media (min-width: 992px) {
    .month-selector .month-switch {
        font-size: xx-large
    }
}

.month-selector .month-switch.unavailable {
    opacity: 0.2;
    pointer-events: none;
}

/* end .month-selector */

/* .kalendarz-terminow */
.kalendarz-terminow {
    display: flex;
    flex-wrap: wrap;
}

.kalendarz-terminow-header {
    height: 50px;
    line-height: 50px;
    text-align: center;
    width: calc(100% / 7);
}

.kalendarz-terminow-header {
    color: var(--bs-wcag-default-color, var(--bs-primary));
    font-weight: bold;
    text-transform: capitalize;
}

.kalendarz-terminow-body {
    padding-bottom: 75%;
    position: relative;
    width: 100%;
}

@media (min-width: 768px) {
    .kalendarz-terminow-body {
        padding-bottom: 50%;
    }
}

@media (min-width: 992px) {
    .kalendarz-terminow-body {
        padding-bottom: 40%;
    }
}

.kalendarz-terminow-body-buttons {
    bottom: 0;
    display: grid;
    grid-gap: 0.2rem;
    grid-template-columns: repeat(7, 1fr);
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

@media (min-width: 556px) {
    .kalendarz-terminow-body-buttons {
        grid-gap: 0.4rem;
    }
}

@media (min-width: 768px) {
    .kalendarz-terminow-body-buttons {
        grid-gap: 0.8rem;
    }
}

.kalendarz-terminow-body button {
    align-items: center;
    background-color: transparent;
    border-width: 0;
    color: var(--bs-wcag-default-color, var(--bs-body-color));
    display: flex;
    justify-content: center;
    position: relative;
    padding: 0;
}

.kalendarz-terminow-body button:focus {
    outline-width: 0;
}

.kalendarz-terminow-body button.dzien-z-terminami .kalendarz-numer-dnia {
    background-color: var(--bs-wcag-default-color, rgba(var(--bs-primary-rgb), 0.4));
    color: var(--bs-wcag-black-color, var(--bs-body-color));
    font-weight: bold;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    width: 27px;
    height: 27px;
}

@media (max-width: 576px) {
    .kalendarz-terminow-body button.dzien-z-terminami .kalendarz-numer-dnia {
        font-size: 0.8rem;
    }
}

@media (min-width: 992px) {
    .kalendarz-terminow-body button.dzien-z-terminami .kalendarz-numer-dnia {
        width: 50px;
        height: 50px;
    }
}

.kalendarz-terminow-body button.dzien-z-terminami.date-past {
    background-color: transparent;
    color: var(--bs-wcag-default-color, var(--bs-body-color));
    font-weight: normal;
}

.kalendarz-terminow-body button.dzien-z-terminami:hover {
    cursor: pointer;
}

.kalendarz-terminow-body button.date-past,
.kalendarz-terminow-body button.dzien-bez-terminow {
    pointer-events: none;
}

.kalendarz-terminow-body button.date-past span,
.kalendarz-terminow-body button.dzien-bez-terminow span {
    opacity: 0.5;
}

.kalendarz-terminow-body button.selected {
    background-color: var(--bs-wcag-black-color, rgba(var(--bs-secondary-rgb), 0.4));
    border: 1px solid var(--bs-wcag-default-color, transparent);
    color: var(--bs-wcag-default-color, var(--bs-body-color));
}

.kalendarz-terminow-body-buttons[data-day-of-week-number="1"] button:first-of-type {
    grid-column-start: 1;
}

.kalendarz-terminow-body-buttons[data-day-of-week-number="2"] button:first-of-type {
    grid-column-start: 2;
}

.kalendarz-terminow-body-buttons[data-day-of-week-number="3"] button:first-of-type {
    grid-column-start: 3;
}

.kalendarz-terminow-body-buttons[data-day-of-week-number="4"] button:first-of-type {
    grid-column-start: 4;
}

.kalendarz-terminow-body-buttons[data-day-of-week-number="5"] button:first-of-type {
    grid-column-start: 5;
}

.kalendarz-terminow-body-buttons[data-day-of-week-number="6"] button:first-of-type {
    grid-column-start: 6;
}

.kalendarz-terminow-body-buttons[data-day-of-week-number="7"] button:first-of-type {
    grid-column-start: 7;
}

/* end .kalendarz-terminow */


table.uczestnik-aktywne-karnety-table tbody {
    border: 1px solid lightgray;
    display: block;
    background-color: lightgray;
    font-size: smaller;
}


table.uczestnik-aktywne-karnety-table tbody td {
    padding-left: 5px;
    padding-right: 5px;
}

table.uczestnik-aktywne-karnety-table tbody th {
    padding-left: 10px;
    padding-right: 15px;
    width: 110px;
}

table.uczestnik-aktywne-karnety-table tbody + tbody {
    margin-top: 5px;
}

.uczestnik-aktywne-karnety-head {
    font-size: 1rem;
    /*text-align: center;*/
    margin-top: 10px;
}

#calendarWrapper {
    padding: 2rem 1rem;
    margin-top: 1rem;
}

.cal-nazwa-miesiaca {
    font-family: var(--bs-font-sans-serif-hawkes);
    font-size: 1.2rem;
    font-weight: bold;
    text-transform: uppercase;
}

@media (min-width: 768px) {
    .cal-nazwa-miesiaca {
        font-size: 1.6rem;
    }
}

@media (min-width: 992px) {
    .cal-nazwa-miesiaca {
        font-size: 2rem;
    }
}

.form-control.is-valid, .was-validated .form-control:valid {
    background-image: none;
    padding-right: 0.75rem;
}

#button-kod-zatwierdz {
    padding: 5px;
    font-size: 1.2rem;;
}

.kod-rabatowy-input-group button[data-js-barcode-reader="toggle"] {
    padding: 5px;
    font-size: 1.2rem;

}

@media (max-width: 600px) {
    .kod-rabatowy-input-group {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
    }

    #koszyk-kod {
        display: flex;
        grid-column-start: 1;
        grid-column-end: 3;
        width: 100%;
    }

    #button-kod-zatwierdz {
        display: flex;
        grid-column-start: 3;
        grid-column-end: 4;
        font-size: 1rem;;
    }

    .kod-rabatowy-input-group button[data-js-barcode-reader="toggle"] {
        grid-column-start: 4;
        grid-column-end: 5;
        font-size: 1rem;
    }
}

.menus {
    overflow-y: auto;
    height: 100%;
}

.form-check-input.is-invalid ~ .form-check-label,
.was-validated .form-check-input:invalid ~ .form-check-label {
    color: initial;
}

.form-check-input.is-valid ~ .form-check-label,
.was-validated .form-check-input:valid ~ .form-check-label {
    color: initial;
}

.form-check-input.is-valid:checked, .was-validated
.form-check-input:valid:checked {
    background-color: var(--bs-wcag-default-color, #313131);
    border-color: var(--bs-wcag-default-color, #313131);
}

.zalogowany-imie-nazwisko {
    color: var(--bs-wcag-default-color, var(--bs-primary));
    text-transform: uppercase;
}

@media (max-width: 767px) {
    .termin-grid .wydarzenie-opis {
        margin-top: 10px;
        margin-bottom: 10px;
        font-weight: 400;
    }
}

@media (min-width: 768px) {
    .termin-grid {
        display: grid;
        grid-template-columns: 3fr 2fr;
        gap: 0.7rem;
        grid-template-areas: 'wydarzenienazwa opis'
                            'wolneinfo opis'
                            'termininfo opis'
                            'przycisk opis';
    }

    .termin-grid .tg-title {
        grid-area: wydarzenienazwa;
    }

    .termin-grid .tg-termin-info {
        grid-area: wolneinfo;
    }

    .termin-grid .tg-wolne {
        grid-area: termininfo;
    }

    .termin-grid .tg-przycisk {
        grid-area: przycisk;
    }

    .termin-grid .wydarzenie-opis {
        grid-area: opis;
    }
}