@charset "UTF-8";

/*
Theme Name: Szkoła Rodzicielstwa
Theme URI:
Author: KENNY
Author URI: https://kenny.pl/
Description:
Version: 1.0
Tags: szkola, rodzicielstwa, kenny
*/

@font-face {
    font-family: 'Axiforma';
    src:  url('./assets/fonts/Axiforma-Regular.woff2') format('woff2'),
          url('./assets/fonts/Axiforma-Regular.woff') format('woff');
    font-display: swap;
}

@font-face {
    font-family: 'Bebas Neue Pro';
    src:  url('./assets/fonts/BebasNeuePro-Bold.woff2') format('woff2'),
          url('./assets/fonts/BebasNeuePro-Bold.woff') format('woff');
    font-display: swap;
}

:root {
    --color-white: #fff;
    --color-black: #000;
    --color-yellow: #f9f1e4;
    --color-pink: #f7cadf;
    --color-purple: #ada6d2;
    --color-navy: #363b8d;
}

*,*::before,*::after {
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

body {
    margin: 0;
    padding: 0;
    font-family: 'Axiforma', sans-serif;
    color: var(--color-black);
    background-color: var(--color-yellow);
    font-size: 14px;
    line-height: 1.65;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Bebas Neue Pro', sans-serif;
    color: var(--color-navy);
}

a {
    text-decoration: none;
}

.font-bebas {
    font-family: 'Bebas Neue Pro', sans-serif;
}

.text-navy {
    color: var(--color-navy);
}

.text-pink {
    color: var(--color-pink);
}

.text-yellow {
    color: var(--color-yellow);
}

.bg-purple {
    background-color: var(--color-purple);
}

.bg-pink {
    background-color: var(--color-pink);
}

.bg-navy {
    background-color: var(--color-navy);
}

.mw-300 {
    max-width: 300px;
}

.mw-500 {
    max-width: 500px;
}

.mw-600 {
    max-width: 600px;
}

.mw-800 {
    max-width: 800px;
}

.mw-1000 {
    max-width: 1000px;
}

.hero {
    background-image: url(./assets/images/bg-hero.jpg);
    background-size: cover;
}

.btn {
    font-family: 'Bebas Neue Pro', sans-serif;
    text-transform: uppercase;
    border-radius: 4rem;
    padding: 10px 20px;
    line-height: 1;
    letter-spacing: 0.01rem;
    transition: all .25s ease;

    &:hover {
        transform: translateY(-2px);
    }

    &:active {
        color: var(--color-white) !important;
        background-color: var(--color-navy) !important;
        border-color: var(--color-navy) !important;
    }

    &.btn-primary {
        background-color: var(--color-pink);
        border-color: var(--color-pink);
        color: var(--color-navy);
    }

    &.btn-outline-primary {
        border-color: var(--color-pink);
        color: var(--color-pink);

        &:hover {
            background-color: var(--color-pink);
            color: var(--color-navy);
        }
    }

    &.btn-secondary {
        background-color: var(--color-navy);
        border-color: var(--color-navy);
        color: var(--color-white);
    }

    &.btn-outline-secondary {
        border-color: var(--color-navy);
        color: var(--color-navy);

        &:hover {
            background-color: var(--color-navy);
            color: var(--color-white);
        }
    }
}

.my-li {
    list-style: none;
    padding: 0;
    margin: 0;

    li {
        position: relative;
        padding-left: 2rem;
        margin-bottom: .75rem;

        &::before {
            content: "";
            position: absolute;
            left: 0;
            top: .2em;
            width: 18px;
            height: 18px;
            background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzcwNl8yKSI+CjxwYXRoIGQ9Ik0xNS40MzY2IDYuNTkxMjRDMTUuMjcwNiA2LjUzNTQ4IDE1LjEwNCA2LjQ5NzQ0IDE0LjkzNjkgNi40NjY4OEMxNS4wNTQ2IDYuMzQwOTIgMTUuMTY4IDYuMjA5MDcgMTUuMjcwNiA2LjA2MzMxQzE2LjQ3NDUgNC4zNTczMiAxNi4xMDcgMS45NjkwMyAxNC40NTAyIDAuNzI5MzM3QzEyLjc5MzUgLTAuNTEwMzY0IDEwLjQ3NDEgLTAuMTMxOTY4IDkuMjcwMTkgMS41NzQwMkM5LjE2NzY3IDEuNzE5MjcgOS4wODA3NSAxLjg3MDk1IDkuMDAwNTkgMi4wMjUzMUM4LjkyMDQzIDEuODcwOTUgOC44MzM1MSAxLjcxOTI3IDguNzMwOTUgMS41NzQwMkM3LjUyNjUxIC0wLjEzMTk2OCA1LjIwNzcxIC0wLjUxMDM2NCAzLjU1MDQxIDAuNzI5MzM3QzEuODkzNjUgMS45NjkwMyAxLjUyNjE4IDQuMzU3MzIgMi43MzAxIDYuMDYzMzFDMi44MzI2NCA2LjIwODU0IDIuOTQ2MTEgNi4zNDA5MiAzLjA2Mzc0IDYuNDY2ODhDMi44OTY2NiA2LjQ5NzQ0IDIuNzI5NTggNi41MzYwMSAyLjU2MzU0IDYuNTkxMjRDMC42MTU4MjMgNy4yNDM1IC0wLjQ1MDE2NSA5LjM5NzU2IDAuMTgyNzY0IDExLjQwMzdDMC44MTU2OTUgMTMuNDA5MyAyLjkwODExIDE0LjUwNyA0Ljg1NTgzIDEzLjg1NTJDNS4wMjE4NyAxMy43OTk1IDUuMTc4NTUgMTMuNzI5OCA1LjMzMTU1IDEzLjY1MzJDNS4zMDgxNSAxMy44MjYzIDUuMjkyMDMgMTQuMDAxNiA1LjI5MjAzIDE0LjE4MTFDNS4yOTIwMyAxNi4yOTAxIDYuOTUyNDMgMTcuOTk5OSA5LjAwMDU5IDE3Ljk5OTlDMTEuMDQ4OCAxNy45OTk5IDEyLjcwOTIgMTYuMjkwMSAxMi43MDkyIDE0LjE4MTFDMTIuNzA5MiAxNC4wMDE2IDEyLjY5MyAxMy44MjYzIDEyLjY2OTYgMTMuNjUzN0MxMi44MjIxIDEzLjcyOTggMTIuOTc4OCAxMy44IDEzLjE0NDggMTMuODU1MkMxNS4wOTI2IDE0LjUwNyAxNy4xODUgMTMuNDA5MyAxNy44MTc5IDExLjQwMzdDMTguNDUwOCA5LjM5ODEgMTcuMzg0OCA3LjI0MzUgMTUuNDM2NiA2LjU5MTc3VjYuNTkxMjRaIiBmaWxsPSIjQUZBN0QzIi8+CjxwYXRoIGQ9Ik05LjAwMDA3IDEyLjAxNDJDMTAuNjE2OCAxMi4wMTQyIDExLjkyNzQgMTAuNjY0NyAxMS45Mjc0IDguOTk5OUMxMS45Mjc0IDcuMzM1MTUgMTAuNjE2OCA1Ljk4NTYgOS4wMDAwNyA1Ljk4NTZDNy4zODMzNSA1Ljk4NTYgNi4wNzI3NSA3LjMzNTE1IDYuMDcyNzUgOC45OTk5QzYuMDcyNzUgMTAuNjY0NyA3LjM4MzM1IDEyLjAxNDIgOS4wMDAwNyAxMi4wMTQyWiIgZmlsbD0iI0Y4Q0JFMSIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzcwNl8yIj4KPHJlY3Qgd2lkdGg9IjE4IiBoZWlnaHQ9IjE4IiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=");
            background-size: contain;
            background-repeat: no-repeat;
        }
    }
}

.navbar .menu-item {
    margin: 20px auto;

    a {
        color: var(--color-navy);
        font-family: 'Bebas Neue Pro', sans-serif;
        font-size: 22px;
        transition: all .25s ease;

        &:hover {
            color: var(--color-purple);
        }
    }
}

.navbar-toggler span {
    display: block;
    background-color: var(--color-navy);
    height: 1.5px;
    width: 20px;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 0;
    position: relative;
    left: 0;
    opacity: 1;
    transition: all .35s ease-out;
    transform-origin: center left;

    &:nth-child(1) {
        transform: translate(0%, 0%) rotate(0deg);
        margin-top: 0.3em;
    }
    &:nth-child(2) {
        opacity: 1;
    }
    &:nth-child(3) {
        transform: translate(0%, 0%) rotate(0deg);
    }
}
  
.navbar-toggler:not(.collapsed) {

    span:nth-child(1) {
        transform: translate(15%, -33%) rotate(45deg);
    }
    span:nth-child(2) {
        opacity: 0;
    }
    span:nth-child(3) {
        transform: translate(15%, 33%) rotate(-45deg);
    }
}

.navbar-toggler {
    border: 0;

    &:focus {
        box-shadow: none;
    }
}

.nav-icons {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 56px;
}

.offcanvas {
    --bs-offcanvas-height: max-content;
    background-color: var(--color-yellow);
}

.offcanvas-backdrop {
    background-color: rgb(53 58 141 / 85%);
    backdrop-filter: blur(5px);

    &.show {
        opacity: 1;
    }
}

.close-btn {
    position: absolute;
    right: 24px;
    top: 20px;
}

.admin-bar .offcanvas-top {
    margin-top: 32px !important;
}

.card-category {
    aspect-ratio: 2 / 1;
    background-color: var(--color-white);
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding-left: 1em;
    transition: all .25s ease;

    &:hover {
        background-color: var(--color-pink);
        transform: translateY(-5px);

        .card-small {
            color: var(--color-black);
        }
    }

    .card-title {
        font-family: 'Bebas Neue Pro', sans-serif;
        color: var(--color-navy);
        font-size: 1.6rem;
        line-height: 1;
        margin-bottom: 2px;
    }

    .card-small {
        font-size: clamp(0.625rem, 0.5096rem + 0.3205vw, 0.75rem);
        line-height: 1.2;
        color: var(--color-purple);
        max-width: 66%
    }

    &.dziecko {
        background-image: url(./assets/images/dziecko.svg);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: 105% 1rem;
    }

    &.mama {
        background-image: url(./assets/images/mama.svg);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: 105% 1rem;
    }

    &.tata {
        background-image: url(./assets/images/tata.svg);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: 105% 1rem;
    }

    &.rodzenstwo {
        background-image: url(./assets/images/rodzenstwo.svg);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: 116% 1.4rem;
    }
}

.img-movie {
    aspect-ratio: 2 / 1;
    object-fit: cover;
    width: 100%;
}

.title-movie {
    font-family: 'Bebas Neue Pro', sans-serif;
    font-size: 1.2rem;
    line-height: 1.2;
    color: var(--color-navy);
    padding: 1rem;
}

ul.tab {
    list-style-type: none;
    padding-left: 0;
    transition: all .25s ease;
    font-family: 'Bebas Neue Pro', sans-serif;
    font-size: clamp(1.125rem, 0.875rem + 0.625vw, 1.375rem);
    line-height: 1;
    color: var(--color-navy);

    .tab-item > div {
        padding: 20px;
        border-bottom: 1px solid var(--color-purple);
        cursor: pointer;
    }

    .tab-item > div.active {
        background-color: var(--color-navy);
        color: var(--color-white);
        padding: 20px;
        border-radius: 1rem;
        border-bottom: none;
    }

    .tab-item:has(+ .tab-item > div.active) > div {
        border-bottom: 1px solid var(--color-yellow);
    }

    .tab-item:has(.active) > div {
        border-bottom: 1px solid var(--color-yellow);
    }
}

.review-item > div:first-child {
    font-family: 'Bebas Neue Pro', sans-serif;
    font-size: calc(1.3rem + .6vw);
    color: var(--color-navy);
    position: relative;

    &::before {
        content: '';
        background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCA1NiA0OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI0IDBMMTUgMjMuMkgyMi44VjQ3LjJIMFYyNS42TDEzLjQgMEgyNFpNNTYgMEw0NyAyMy4ySDU0LjhWNDcuMkgzMi4yVjI1LjZMNDUuNCAwSDU2WiIgZmlsbD0iI0Y4Q0JFMSIvPgo8L3N2Zz4K");
        width: 56px;
        height: 48px;
        position: absolute;
        left: -38px;
        top: -18px;
        z-index: -1;
    }
}

.review-item img {
    width: 62px;
}

.footer {
    ul {
        padding-left: 0;
        margin-bottom: 0;
        list-style: none;

        li {
            margin-bottom: 3px;

            a {
                color: var(--color-black);
                transition: all .25s ease;

                &:hover {
                    text-decoration: underline;
                    text-underline-offset: 2px;
                }
            }
        }
    }

    .border-top a {
        color: var(--color-black);
        font-weight: 600;;
        transition: all .25s ease;

        &:hover {
            text-decoration: underline;
            text-underline-offset: 4px;
        }
    }
}

.video-wrapper {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}
  
.video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.plan-wrapper {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
    background-size: cover;

    &::after {
        content: '';
        position: absolute;
        inset: 0;
        background: rgb(53 58 141 / 85%);
        backdrop-filter: blur(5px);
        z-index: 1;
        border-radius: inherit;
    }

    .no-entry {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 2;
        text-align: center;
    }
}

.accordion-item {
    background: transparent;
    border: none;
    margin-bottom: 1rem;

    .accordion-header .accordion-button {
        border-radius: 1rem !important;
        color: var(--color-navy);
        font-size: clamp(1.125rem, 0.875rem + 0.625vw, 1.375rem);
        padding: 18px 28px;

        &::after {
            margin-left: 12px;
            background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.7442 5.318L8.61746 12.4446C8.45278 12.6093 8.2332 12.6997 7.99398 12.6997C7.75958 12.6997 7.53987 12.6093 7.37545 12.4446L0.255349 5.32476C0.0906663 5.15995 0 4.94024 0 4.70584C0 4.47143 0.0905362 4.2516 0.255349 4.08691L0.779704 3.56256C0.944386 3.39788 1.16422 3.30695 1.39863 3.30695C1.63303 3.30695 1.85274 3.39788 2.01755 3.56256L7.99645 9.54146L13.982 3.55567C14.1467 3.39111 14.3664 3.30032 14.6009 3.30032C14.8353 3.30032 15.0549 3.39111 15.2197 3.55567L15.7442 4.08028C16.0853 4.42148 16.0853 4.9768 15.7442 5.318Z' fill='%23363B8E'/%3E%3C/svg%3E%0A");
            background-size: contain;
            width: 16px;
            height: 16px;
        }

        &:focus {
            box-shadow: none;
        }
    }

    .accordion-button:not(.collapsed) {
        background-color: var(--color-white);
        box-shadow: none;
    }
}

.sub-cat-item {
    padding-top: .65rem;
    padding-bottom: .65rem;
    position: relative;
    transition: all .25s ease;;

    &::after {
        content: '';
        background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.31801 0.255806L12.4446 7.38254C12.6093 7.54722 12.6997 7.7668 12.6997 8.00602C12.6997 8.24042 12.6093 8.46013 12.4446 8.62455L5.32478 15.7447C5.15997 15.9093 4.94026 16 4.70585 16C4.47145 16 4.25161 15.9095 4.08693 15.7447L3.56257 15.2203C3.39789 15.0556 3.30697 14.8358 3.30697 14.6014C3.30697 14.367 3.39789 14.1473 3.56257 13.9824L9.54148 8.00355L3.55568 2.01801C3.39113 1.85333 3.30033 1.63362 3.30033 1.39909C3.30033 1.16468 3.39113 0.945104 3.55568 0.780292L4.0803 0.255806C4.4215 -0.0852656 4.97681 -0.0852656 5.31801 0.255806Z' fill='white'/%3E%3C/svg%3E%0A");
        width: 16px;
        height: 16px;
        position: absolute;
        top: 50%;
        right: 4vw;
        transform: translateY(-50%);
    }

    &:hover {
        transform: scale(.98);
    }
}

.user-info span {
    background-color: var(--color-pink);
    padding: 4px 8px;
    border-radius: 100px;
    border: 1px solid var(--color-white);
    font-family: 'Bebas Neue Pro', sans-serif;
    color: var(--color-navy);
}

.pink-tag {
    background-color: var(--color-pink);
    width: max-content;
    color: var(--color-navy);
    font-family: 'Bebas Neue Pro', sans-serif;
    border: 1px solid var(--color-white);
    border-radius: 1rem;
    padding: 0 12px;
    position: absolute;
    right: 10px;
    top: 10px;
}

.classic-link {
    color: var(--color-black);
    text-decoration: underline;
    text-underline-offset: 2px;
    transition: all .25s ease;

    &:hover {
        color: var(--color-purple);
    }
}

.cropped {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.note {
    background-color: var(--color-yellow);
    color: var(--color-black);
    padding: 8px 20px;
    border-radius: 2rem;
    font-size: 10px;
    line-height: 21px;
    font-weight: 600;
}

.select-page {
    list-style: none;
    display: flex;
    background-color: var(--color-white);
    border-radius: 2rem;
    padding: 10px 14px;
    gap: 6px;

    .select-page__item {
        a,
        span {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 38px;
            height: 38px;
            border-radius: 50%;
            text-decoration: none;
            font-weight: 500;
            color: var(--color-black);
            transition: all 0.2s ease-in-out;
        }

        a:hover {
            background-color: var(--color-light);
        }

        .current {
            background-color: var(--color-yellow);
            color: var(--color-black);
        }
    }
}

/* gutenberg */
.wp-block-heading {
    margin-bottom: 1rem;
}

.wp-block-separator {
    border: none;
    background-image: url("data:image/svg+xml,%3Csvg width='133' height='38' viewBox='0 0 133 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_529_433)'%3E%3Cpath d='M80.4464 13.9148C80.0867 13.7971 79.7258 13.7168 79.3638 13.6523C79.6186 13.3864 79.8645 13.108 80.0867 12.8003C82.6952 9.19873 81.899 4.15681 78.3093 1.53967C74.7197 -1.07747 69.6944 -0.278633 67.0859 3.3229C66.8637 3.62954 66.6754 3.94975 66.5017 4.27562C66.3281 3.94975 66.1397 3.62954 65.9176 3.3229C63.3079 -0.278633 58.2838 -1.07747 54.693 1.53967C51.1034 4.15681 50.3072 9.19873 52.9157 12.8003C53.1378 13.1069 53.3837 13.3864 53.6386 13.6523C53.2766 13.7168 52.9145 13.7982 52.5548 13.9148C48.3347 15.2918 46.0251 19.8393 47.3964 24.0744C48.7678 28.3085 53.3014 30.6258 57.5214 29.2499C57.8812 29.1322 58.2206 28.9851 58.5522 28.8233C58.5014 29.1888 58.4665 29.5588 58.4665 29.9378C58.4665 34.3903 62.064 37.9997 66.5017 37.9997C70.9394 37.9997 74.537 34.3903 74.537 29.9378C74.537 29.5588 74.502 29.1888 74.4513 28.8244C74.7817 28.9851 75.1212 29.1333 75.4809 29.2499C79.701 30.6258 84.2345 28.3085 85.6059 24.0744C86.9772 19.8404 84.6676 15.2918 80.4464 13.9159V13.9148Z' fill='%23AFA7D3'/%3E%3Cpath d='M66.5007 25.3635C70.0036 25.3635 72.8432 22.5144 72.8432 19C72.8432 15.4855 70.0036 12.6365 66.5007 12.6365C62.9978 12.6365 60.1582 15.4855 60.1582 19C60.1582 22.5144 62.9978 25.3635 66.5007 25.3635Z' fill='%23F8CBE1'/%3E%3C/g%3E%3Cg clip-path='url(%23clip1_529_433)'%3E%3Cpath d='M127.446 13.9148C127.087 13.7971 126.726 13.7168 126.364 13.6523C126.619 13.3864 126.864 13.108 127.087 12.8003C129.695 9.19873 128.899 4.15681 125.309 1.53967C121.72 -1.07747 116.694 -0.278633 114.086 3.3229C113.864 3.62954 113.675 3.94975 113.502 4.27562C113.328 3.94975 113.14 3.62954 112.918 3.3229C110.308 -0.278633 105.284 -1.07747 101.693 1.53967C98.1034 4.15681 97.3072 9.19873 99.9157 12.8003C100.138 13.1069 100.384 13.3864 100.639 13.6523C100.277 13.7168 99.9145 13.7982 99.5548 13.9148C95.3347 15.2918 93.0251 19.8393 94.3964 24.0744C95.7678 28.3085 100.301 30.6258 104.521 29.2499C104.881 29.1322 105.221 28.9851 105.552 28.8233C105.501 29.1888 105.466 29.5588 105.466 29.9378C105.466 34.3903 109.064 37.9997 113.502 37.9997C117.939 37.9997 121.537 34.3903 121.537 29.9378C121.537 29.5588 121.502 29.1888 121.451 28.8244C121.782 28.9851 122.121 29.1333 122.481 29.2499C126.701 30.6258 131.235 28.3085 132.606 24.0744C133.977 19.8404 131.668 15.2918 127.446 13.9159V13.9148Z' fill='%23AFA7D3'/%3E%3Cpath d='M113.501 25.3635C117.004 25.3635 119.843 22.5144 119.843 19C119.843 15.4855 117.004 12.6365 113.501 12.6365C109.998 12.6365 107.158 15.4855 107.158 19C107.158 22.5144 109.998 25.3635 113.501 25.3635Z' fill='%23F8CBE1'/%3E%3C/g%3E%3Cg clip-path='url(%23clip2_529_433)'%3E%3Cpath d='M33.4464 13.9148C33.0867 13.7971 32.7258 13.7168 32.3638 13.6523C32.6186 13.3864 32.8645 13.108 33.0867 12.8003C35.6952 9.19873 34.899 4.15681 31.3093 1.53967C27.7197 -1.07747 22.6944 -0.278633 20.0859 3.3229C19.8637 3.62954 19.6754 3.94975 19.5017 4.27562C19.3281 3.94975 19.1397 3.62954 18.9176 3.3229C16.3079 -0.278633 11.2838 -1.07747 7.69301 1.53967C4.10337 4.15681 3.30717 9.19873 5.91567 12.8003C6.13784 13.1069 6.38369 13.3864 6.63856 13.6523C6.27655 13.7168 5.91454 13.7982 5.55479 13.9148C1.33473 15.2918 -0.974912 19.8393 0.396438 24.0744C1.76779 28.3085 6.30136 30.6258 10.5214 29.2499C10.8812 29.1322 11.2206 28.9851 11.5522 28.8233C11.5014 29.1888 11.4665 29.5588 11.4665 29.9378C11.4665 34.3903 15.064 37.9997 19.5017 37.9997C23.9394 37.9997 27.537 34.3903 27.537 29.9378C27.537 29.5588 27.502 29.1888 27.4513 28.8244C27.7817 28.9851 28.1212 29.1333 28.4809 29.2499C32.701 30.6258 37.2345 28.3085 38.6059 24.0744C39.9772 19.8404 37.6676 15.2918 33.4464 13.9159V13.9148Z' fill='%23AFA7D3'/%3E%3Cpath d='M19.5007 25.3635C23.0036 25.3635 25.8432 22.5144 25.8432 19C25.8432 15.4855 23.0036 12.6365 19.5007 12.6365C15.9978 12.6365 13.1582 15.4855 13.1582 19C13.1582 22.5144 15.9978 25.3635 19.5007 25.3635Z' fill='%23F8CBE1'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_529_433'%3E%3Crect width='39' height='38' fill='white' transform='translate(47)'/%3E%3C/clipPath%3E%3CclipPath id='clip1_529_433'%3E%3Crect width='39' height='38' fill='white' transform='translate(94)'/%3E%3C/clipPath%3E%3CclipPath id='clip2_529_433'%3E%3Crect width='39' height='38' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    background-size: contain;
    width: 133px;
    height: 38px;
    opacity: 1;
    margin: 2rem auto;
}

.disabled {
    opacity: 0.5;
}

/* rcp */

.rcp_form {

    legend {
        color: var(--color-navy);
        font-family: 'Bebas Neue Pro', sans-serif;
    }

    fieldset p {
        display: flex;
        align-items: center;
        gap: 12px;
        margin-bottom: 15px;
    }

    label {
        width: 150px;
    }

    input {
        border-radius: 1.2rem;
        font-family: 'Bebas Neue Pro', sans-serif;
        font-size: 16px;
        color: var(--color-navy);
        background-color: var(--color-yellow);
        padding: 7px 20px;
        border: 0;
        letter-spacing: 0.01rem;
        width: 100%;

        &:focus {
            box-shadow: 0 0 0 .25rem rgb(247 202 223);
            outline: none;
        }

        &[type="submit"]:focus {
            box-shadow: none;
        }

        &[type="checkbox"] {
            appearance: none;
            width: 1em;
            height: 1em;
            padding: 0;
            border-radius: .25em;
            background-color: var(--bs-form-check-bg);
            background-image: var(--bs-form-check-bg-image);
            background-repeat: no-repeat;
            background-position: center;
            background-size: contain;
            border: var(--bs-border-width) solid var(--bs-border-color);

            &:checked {
                background-color: var(--color-navy);
                border-color: var(--color-navy);
                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='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
            }
        }

        &::placeholder {
            color: var(--color-navy);
        }
    }

    a {
        color: var(--color-black) !important;
        text-decoration: underline !important;
        text-underline-offset: 2px;
    }

    .rcp-button {
        font-family: 'Bebas Neue Pro', sans-serif;
        font-size: 16px;
        text-transform: uppercase;
        border-radius: 4rem;
        padding: 10px 20px;
        line-height: 1;
        letter-spacing: 0.01rem;
        transition: all .25s ease;
        background-color: var(--color-navy);
        border-color: var(--color-navy);
        border: 1px;
        color: var(--color-white);
        width: auto;

        &:hover {
            transform: translateY(-2px);
        }
    }

    .membership-amount, .rcp_login_link {
        display: none;
    }

    .rcp-gateway-saved-payment-methods {
        list-style: none;
        padding-left: 0;
    
        label {
            width: auto;

            input {
                width: auto;
            }
        }
    }

    .rcp_error {
        font-size: 12px;
        color: #dc3232;
    }

    #rcp_profile_display_name_wrap {
        display: none;
    }

    #rcp_agree_to_terms_wrap label, #rcp_agree_to_privacy_policy_wrap label {
        width: auto !important;
    }

    #rcp_card_name_wrap label,
    #rcp_card_wrap label {
        width: 180px;
    }

    #rcp_card_name_wrap input,
    #rcp_card_wrap #rcp-card-element {
        flex: 1;
        font-size: 16px;
        font-weight: 600;
    }
}

.rcp-table-wrapper button {
    background-color: transparent;
    border-color: transparent;
    color: var(--color-black);
    border: none;
    padding: 0;
    text-decoration: underline;
    text-underline-offset: 2px;
}

tbody, td, tfoot, th, thead, tr {
    padding-right: 18px;
}

.blockUI {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}

#rcp-card-element {
    padding: 10.605px 20px
}

.modal {
    background-color: rgb(53 58 141 / 65%);
    backdrop-filter: blur(5px);

    .modal-dialog {
        max-width: 600px;

        .modal-content {
            border: none;
        }
    }
}



@media (min-width: 768px) {
    .sub-cat-item {
        
        &::after {
            right: 1.5vw;
        }
    }

    .card-category {

        &.dziecko {
            background-position: 105% 2rem;
        }
    
        &.mama {
            background-position: 105% 2rem;
        }
    
        &.tata {
            background-position: 105% 2rem;
        }
    
        &.rodzenstwo {
            background-position: 116% 2.4rem;
        }
    }

    .step-with-line::after {
        content: "";
        position: absolute;
        top: 2.7em;
        right: -50px;
        width: 100px;
        height: 1.5px;
        border-top: 1.5px dashed var(--color-purple);
        transform: translateY(-50%);
    }

    .mw-80 {
        max-width: 80%;
    }

    #rcp_card_name_wrap,
    #rcp_card_wrap {
        display: flex;
        align-items: center;
        gap: 12px;
        margin-bottom: 16px;
    }
}

@media (min-width: 782px) {
    .wp-block-columns {
        gap: 2rem;
    }
}

@media (min-width: 992px) {
    .nav-icons {
        width: 60px;
    }

    .navbar .menu-item {
        margin: 0 20px;

        a { 
            font-size: 18px;
        }
    }

    .card-category {

        .card-small {
            max-width: 60%
        }
    }

    .step-with-line::after {
        right: -70px;
        width: 140px;
    }
}

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

    .h2, h2 {
        font-size: 2.5rem;
        line-height: 1;
    }

    .h3, h3 {
        font-size: 2rem;
    }

    .card-category {
        padding-left: 2em;

        .card-title {
            margin-bottom: 6px;
        }
    }

    .step-with-line::after {
        right: -120px;
        width: 240px;
    }
}


/* forms */

.form-control::placeholder {
    font-family: 'Bebas Neue Pro', sans-serif;
    opacity: 1;
    color: var(--color-navy);
    text-transform: uppercase;
    letter-spacing: 0.01rem;
}

.wpcf7-not-valid-tip {
    font-size: 10px;
    margin: 2px 12px 0;
}

.wpcf7-spinner {
    display: none;
}

.wpcf7 form .wpcf7-response-output {
    font-size: 10px;
    border-radius: 5rem;
    padding: .5rem .8rem .4rem;
    background-color: var(--color-pink);
    border-color: transparent !important;
}

.form-control {
    border-radius: 1.2rem;
    font-family: 'Bebas Neue Pro', sans-serif;
    color: var(--color-navy);
    padding: 7px 20px;
    border: 0;
    letter-spacing: 0.01rem;
}

.form-control:focus,
.form-check-input:focus {
    box-shadow: 0 0 0 .25rem rgb(247 202 223);
    color: var(--color-navy);
}

.wpcf7-list-item {
    margin: 0;
}

.wpcf7-check {
    text-align: start;

    a {
        color: var(--color-black);
        text-decoration: underline;
        text-underline-offset: 2px;
    }

    span:nth-child(2) {
        font-size: 0.65rem;
    }
}

.form-check-input:checked {
    background-color: var(--color-navy);
    border-color: var(--color-navy);
}

.btn:disabled {
    opacity: 1;
}

.grecaptcha-badge {
    visibility: hidden;
}
#CookiebotWidget {
    display: none !important;
}