.elementor-79357 .elementor-element.elementor-element-79b7b78d{--display:flex;}.elementor-79357 .elementor-element.elementor-element-ddd73ba{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-79357 .elementor-element.elementor-element-d818663{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for html, class: .elementor-element-2ec4942 */<style>

/* MOCNE OZNACZENIE: PODCAST CALFERT O UPRAWIE */

.cf-podcast-brand {
    display: flex;
    align-items: center;
    gap: 11px;
    margin-bottom: 17px;
}

.cf-podcast-brand-icon {
    flex: 0 0 auto;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: #fff;
    color: #972c67;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    line-height: 1;
}

.cf-podcast-brand-text {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.cf-podcast-brand-small {
    color: rgba(255,255,255,0.72);
    font-family: 'Saira', Arial, sans-serif;
    font-size: 10px;
    line-height: 1.2;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.8px;
}

.cf-podcast-brand-name {
    color: #fff;
    font-family: 'Saira', Arial, sans-serif;
    font-size: 21px;
    line-height: 1.15;
    font-weight: 800;
    letter-spacing: -0.2px;
}

.cf-podcast-brand-name strong {
    color: #fff !important;
}


/* DODATKOWY PASEK "PODCAST" */

.cf-podcast-format-bar {
    display: flex;
    align-items: center;
    gap: 8px;
    width: fit-content;
    margin-bottom: 14px;
    padding: 7px 13px;
    background: #fff;
    color: #972c67;
    border-radius: 6px;
    font-family: 'Saira', Arial, sans-serif;
    font-size: 12px;
    line-height: 1;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1.5px;
}

.cf-podcast-format-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #972c67;
    box-shadow: 0 0 0 4px rgba(151,44,103,0.12);
}


/* MOBILE */

@media (max-width:767px) {

    .cf-podcast-brand {
        gap: 9px;
        margin-bottom: 15px;
    }

    .cf-podcast-brand-icon {
        width: 30px;
        height: 30px;
        font-size: 13px;
    }

    .cf-podcast-brand-name {
        font-size: 18px;
    }

    .cf-podcast-brand-small {
        font-size: 9px;
    }

    .cf-podcast-format-bar {
        font-size: 11px;
        padding: 7px 11px;
    }

}

</style>


/* =========================================================
   TYTUŁ KONKRETNEGO ODCINKA
   ========================================================= */

.cfp-episode {
    display: flex;
    align-items: flex-start;
    gap: 12px;

    max-width: 900px;

    margin: 18px 0 0;
    padding: 15px 17px;

    background: rgba(255,255,255,0.11);

    border: 1px solid rgba(255,255,255,0.20);
    border-left: 4px solid #fff;

    border-radius: 8px;
}


.cfp-episode-number {
    flex: 0 0 auto;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 27px;

    padding: 5px 9px;

    background: #fff;
    color: #972c67;

    border-radius: 5px;

    font-size: 10px;
    line-height: 1;

    font-weight: 800;

    text-transform: uppercase;
    letter-spacing: 1px;

    white-space: nowrap;
}


.cfp-episode-content {
    flex: 1;
}


.cfp-episode-label {
    display: block;

    margin-bottom: 3px;

    color: rgba(255,255,255,0.70);

    font-size: 10px;
    line-height: 1.2;

    font-weight: 700;

    text-transform: uppercase;
    letter-spacing: 1.3px;
}


.cfp-episode-title {
    display: block;

    color: #fff !important;

    font-size: 18px;
    line-height: 1.4;

    font-weight: 700;
}


@media (max-width: 767px) {

    .cfp-episode {
        gap: 9px;

        margin-top: 15px;
        padding: 13px 12px;
    }


    .cfp-episode-number {
        padding: 5px 7px;

        font-size: 9px;
    }


    .cfp-episode-title {
        font-size: 16px;
        line-height: 1.35;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ddd73ba */@import url('https://fonts.googleapis.com/css2?family=Saira:wght@400;500;600;700;800&display=swap');


/* =========================================================
   PODCAST CALFERT O UPRAWIE
   ========================================================= */

.cfp-box,
.cfp-box * {
    box-sizing: border-box;
    font-family: 'Saira', Arial, sans-serif;
}

.cfp-box {
    position: relative;
    width: 100%;
    margin: 24px 0 42px;
    padding: 5px;

    border-radius: 15px;

    background: linear-gradient(
        120deg,
        #972c67,
        #c64d8c,
        #751b4d,
        #972c67
    );

    background-size: 250% 250%;

    animation: cfpBorderAnimation 8s ease infinite;

    box-shadow:
        0 15px 36px rgba(117, 27, 77, 0.20),
        0 4px 12px rgba(0, 0, 0, 0.07);
}


@keyframes cfpBorderAnimation {

    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }

}


/* =========================================================
   ŚRODEK
   ========================================================= */

.cfp-inner {
    overflow: hidden;
    background: #fff;
    border-radius: 11px;
}


/* =========================================================
   GÓRNA CZĘŚĆ
   ========================================================= */

.cfp-head {
    position: relative;
    overflow: hidden;

    padding: 29px 30px 25px;

    color: #fff;

    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(255, 255, 255, 0.15),
            transparent 38%
        ),
        linear-gradient(
            135deg,
            #972c67 0%,
            #711d4b 100%
        );
}


/* =========================================================
   NAZWA PODCASTU
   ========================================================= */

.cfp-brand {
    display: flex;
    align-items: center;
    gap: 9px;

    margin-bottom: 15px;
}


.cfp-brand-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 29px;
    height: 29px;

    flex: 0 0 29px;

    border-radius: 50%;

    background: #fff;
    color: #972c67;

    font-size: 13px;
    line-height: 1;
}


/* WordPress czasami zamienia emoji na obraz */
.cfp-brand-icon img.emoji {
    width: 14px !important;
    height: 14px !important;
    min-width: 14px !important;
    min-height: 14px !important;

    margin: 0 !important;
    padding: 0 !important;

    object-fit: contain;
}


.cfp-brand-name {
    color: #fff !important;

    font-size: 15px;
    line-height: 1.2;

    font-weight: 800;

    text-transform: uppercase;
    letter-spacing: 1.5px;
}


.cfp-brand-name strong {
    color: #fff !important;
}


/* =========================================================
   TYTUŁ
   ========================================================= */

.cfp-title {
    max-width: 860px;

    margin: 0 0 10px !important;
    padding: 0 !important;

    color: #fff !important;

    font-size: clamp(26px, 3vw, 35px) !important;
    line-height: 1.18 !important;

    font-weight: 800 !important;
}


/* =========================================================
   OPIS
   ========================================================= */

.cfp-description {
    max-width: 860px;

    margin: 0 !important;

    color: rgba(255,255,255,0.91) !important;

    font-size: 16px;
    line-height: 1.6;
}


.cfp-description strong {
    color: #fff !important;
}


/* =========================================================
   GŁÓWNY PRZYCISK PLAY
   ========================================================= */

.cfp-action {
    display: flex;
    align-items: center;
    flex-wrap: wrap;

    gap: 12px;

    margin-top: 21px;
}


.cfp-main-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 9px;

    min-height: 47px;

    padding: 12px 19px;

    border: 0;
    border-radius: 8px;

    background: #fff;
    color: #972c67;

    font-size: 15px;
    line-height: 1;

    font-weight: 800;

    cursor: pointer;

    appearance: none;
    -webkit-appearance: none;

    box-shadow: 0 6px 18px rgba(0,0,0,0.17);

    animation: cfpButtonAnimation 2.8s ease-in-out infinite;

    transition:
        background .2s ease,
        color .2s ease,
        transform .2s ease,
        opacity .2s ease;
}


@keyframes cfpButtonAnimation {

    0%,
    100% {
        transform: translateY(0);
        box-shadow: 0 6px 18px rgba(0,0,0,0.17);
    }

    50% {
        transform: translateY(-2px);
        box-shadow: 0 9px 24px rgba(0,0,0,0.24);
    }

}


.cfp-main-button:hover {
    background: #f9edf4;
}


.cfp-main-button:disabled {
    opacity: 0.72;
    cursor: wait;
    animation: none;
}


.cfp-main-button.cfp-playing {
    background: #f9edf4;
    color: #711d4b;
    animation: none;
}


.cfp-play-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 24px;
    height: 24px;

    flex: 0 0 24px;

    border-radius: 50%;

    background: #972c67;
    color: #fff;

    font-size: 10px;
    line-height: 1;

    padding-left: 2px;
}


.cfp-main-button.cfp-playing .cfp-play-icon {
    background: #711d4b;
}


.cfp-action-note {
    color: rgba(255,255,255,0.80);

    font-size: 13px;
    line-height: 1.4;
}


/* =========================================================
   BELKA NAD PLAYEREM
   ========================================================= */

.cfp-player-top {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 15px;

    padding: 13px 18px;

    background: #f7f7f7;

    border-bottom: 1px solid #e2e2e2;
}


.cfp-player-title {
    color: #282828;

    font-size: 14px;
    line-height: 1.4;

    font-weight: 700;
}


/* =========================================================
   MAŁY PRZYCISK URUCHOM PODCAST
   ========================================================= */

.cfp-small-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 7px;

    padding: 7px 11px;

    border: 0;
    border-radius: 6px;

    background: #972c67;
    color: #fff;

    font-size: 12px;
    line-height: 1;

    font-weight: 800;

    white-space: nowrap;

    cursor: pointer;

    appearance: none;
    -webkit-appearance: none;

    transition:
        background .2s ease,
        opacity .2s ease;
}


.cfp-small-button:hover {
    background: #751b4d;
}


.cfp-small-button:disabled {
    opacity: 0.6;
    cursor: wait;
}


.cfp-small-play {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 19px;
    height: 19px;

    border-radius: 50%;

    background: #fff;
    color: #972c67;

    font-size: 8px;
    line-height: 1;

    padding-left: 1px;
}


/* =========================================================
   ODTWARZACZ
   ========================================================= */

.cfp-player {
    position: relative;

    padding: 8px;

    background: #fff;

    transition:
        box-shadow .3s ease,
        background .3s ease;
}


.cfp-player.cfp-player-active {
    background: #fffafd;

    box-shadow:
        inset 0 0 0 2px #972c67,
        inset 0 0 25px rgba(151,44,103,0.05);
}


/* element przed załadowaniem widgetu */

.cfp-player .spreaker-player {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 100%;
    min-height: 160px;

    background: #f7f7f7;

    color: #972c67;

    font-size: 15px;
    font-weight: 700;

    text-decoration: none;
}


/* iframe wygenerowany przez Spreaker */

.cfp-player iframe {
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;

    height: 470px !important;

    border: 0 !important;
}


/* =========================================================
   STATUS POD PLAYEREM
   ========================================================= */

.cfp-bottom {
    padding: 11px 18px 15px;

    background: #fff;

    color: #686868;

    font-size: 13px;
    line-height: 1.5;

    text-align: center;
}


.cfp-bottom strong {
    color: #972c67 !important;
}


.cfp-bottom.cfp-status-playing {
    color: #711d4b;
    font-weight: 600;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .cfp-box {
        margin: 18px 0 32px;

        padding: 4px;

        border-radius: 11px;
    }


    .cfp-inner {
        border-radius: 8px;
    }


    .cfp-head {
        padding: 22px 17px 20px;
    }


    .cfp-brand {
        margin-bottom: 13px;
    }


    .cfp-brand-icon {
        width: 26px;
        height: 26px;

        flex-basis: 26px;
    }


    .cfp-brand-icon img.emoji {
        width: 12px !important;
        height: 12px !important;

        min-width: 12px !important;
        min-height: 12px !important;
    }


    .cfp-brand-name {
        font-size: 12px;

        letter-spacing: 1.25px;
    }


    .cfp-title {
        font-size: 25px !important;
    }


    .cfp-description {
        font-size: 15px;
    }


    .cfp-action {
        display: block;

        margin-top: 18px;
    }


    .cfp-main-button {
        width: 100%;

        min-height: 48px;

        padding: 13px 14px;
    }


    .cfp-action-note {
        display: block;

        margin-top: 9px;

        text-align: center;
    }


    .cfp-player-top {
        align-items: stretch;
        flex-direction: column;

        gap: 9px;

        padding: 12px 14px;
    }


    .cfp-small-button {
        width: 100%;

        min-height: 38px;
    }


    .cfp-player {
        padding: 5px;
    }


    .cfp-player iframe {
        height: 420px !important;
    }


    .cfp-bottom {
        padding: 10px 13px 14px;

        font-size: 12px;
    }

}


/* =========================================================
   OGRANICZENIE ANIMACJI
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .cfp-box,
    .cfp-main-button {
        animation: none;
    }

}/* End custom CSS */