.elementor-5568 .elementor-element.elementor-element-3703daf{--display:flex;}.elementor-5568 .elementor-element.elementor-element-4199319{--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-5568 .elementor-element.elementor-element-a5f0eef{--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;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-7abf121 *//* ==========================================================
   RADIOJINGLE.NL - COMPLETE RADIO HERO
   ROOD / ORANJE HUISSTIJL
========================================================== */

.rj-radio-hero {
    --rj-red: #e81018;
    --rj-red-light: #ff2418;
    --rj-red-orange: #ff421c;
    --rj-orange: #ff8500;
    --rj-orange-light: #ff9a1f;

    position: relative;

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

    display: flex;
    align-items: center;

    overflow: hidden;

    background: #100000;

    color: #ffffff;

    box-sizing: border-box;
}


/* ==========================================================
   ACHTERGRONDFOTO
========================================================== */

.rj-radio-hero-bg {
    position: absolute;
    inset: 0;

    background-image:
        url("https://radiojingle.nl/wp-content/uploads/2026/06/ChatGPT-Image-10-jun-2026-12_22_05.png");

    background-size: cover;
    background-position: center 48%;
    background-repeat: no-repeat;

    transform: scale(1.015);

    z-index: 0;
}


/* ==========================================================
   DONKERROOD → FOTO OVERGANG
========================================================== */

.rj-radio-hero-overlay {
    position: absolute;
    inset: 0;

    z-index: 1;

    pointer-events: none;

    background:
        linear-gradient(
            90deg,
            rgba(16, 0, 0, 0.98) 0%,
            rgba(52, 0, 2, 0.95) 20%,
            rgba(78, 0, 3, 0.88) 38%,
            rgba(65, 4, 1, 0.70) 55%,
            rgba(25, 5, 0, 0.38) 73%,
            rgba(5, 3, 0, 0.20) 100%
        ),
        linear-gradient(
            180deg,
            rgba(0,0,0,0.15) 0%,
            rgba(0,0,0,0.04) 55%,
            rgba(0,0,0,0.60) 100%
        );
}


/* ==========================================================
   EXTRA RODE GLOED LINKS
========================================================== */

.rj-radio-hero::after {
    content: "";

    position: absolute;
    inset: 0;

    z-index: 1;

    pointer-events: none;

    background:
        radial-gradient(
            circle at 18% 45%,
            rgba(232,16,24,0.24),
            transparent 38%
        );
}


/* ==========================================================
   ROOD → ORANJE LIJN ONDERAAN
========================================================== */

.rj-radio-hero::before {
    content: "";

    position: absolute;

    z-index: 5;

    left: 0;
    right: 0;
    bottom: 0;

    height: 3px;

    background:
        linear-gradient(
            90deg,
            var(--rj-red) 0%,
            var(--rj-red-orange) 50%,
            var(--rj-orange) 100%
        );

    box-shadow:
        0 0 16px rgba(255,70,10,0.55);
}


/* ==========================================================
   BINNENSTE CONTAINER
========================================================== */

.rj-radio-hero-inner {
    position: relative;

    z-index: 3;

    width: calc(100% - 80px);
    max-width: 1320px;

    margin: 0 auto;

    padding: 75px 0;

    box-sizing: border-box;
}


/* ==========================================================
   LINKER TEKSTKOLOM
========================================================== */

.rj-radio-copy {
    width: 100%;
    max-width: 880px;
}


/* ==========================================================
   BOVENLABEL
   RADIO JINGLES · RADIOVORMGEVING · CHR
========================================================== */

.rj-radio-kicker {
    display: inline-flex;

    align-items: center;

    margin: 0 0 23px 0;

    padding: 9px 17px;

    border:
        1px solid rgba(255,133,0,0.80);

    border-radius: 100px;

    background:
        linear-gradient(
            90deg,
            rgba(232,16,24,0.17),
            rgba(255,133,0,0.08)
        );

    color: #ffffff;

    font-size: 11px;
    line-height: 1;
    font-weight: 800;

    letter-spacing: 1.7px;

    text-transform: uppercase;

    box-shadow:
        0 0 20px rgba(255,100,0,0.08);
}


/* ==========================================================
   HOOFDTITEL
========================================================== */

.rj-radio-copy h1 {
    display: block;

    max-width: 880px;

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

    color: #ffffff !important;

    font-size:
        clamp(52px, 5vw, 76px) !important;

    line-height:
        1.04 !important;

    font-weight:
        900 !important;

    letter-spacing:
        -2.7px;

    text-align:
        left;

    text-shadow:
        0 4px 22px rgba(0,0,0,0.45);
}


/* ==========================================================
   JINGLES, SWEEPERS
   ORANJE/ROOD + GLOW

   Extra ruimte onderaan voorkomt dat
   de J en G worden afgesneden.
========================================================== */

.rj-radio-copy h1 .rj-highlight {
    display: block;

    position: relative;

    margin: 0 !important;

    /*
       Extra ruimte voor de staarten
       van de j en g.
    */

    padding-top:
        0.04em !important;

    padding-bottom:
        0.20em !important;

    font-family:
        inherit !important;

    font-size:
        inherit !important;

    font-weight:
        inherit !important;

    line-height:
        1.10 !important;

    letter-spacing:
        inherit !important;

    /*
       Geen background-clip gebruiken.
       Dat voorkomt problemen met j/g.
    */

    background:
        none !important;

    -webkit-background-clip:
        initial !important;

    background-clip:
        initial !important;

    /*
       Heldere rood/oranje kleur
    */

    -webkit-text-fill-color:
        #ff421c !important;

    color:
        #ff421c !important;

    overflow:
        visible !important;

    /*
       PREMIUM GLOW
    */

    text-shadow:

        /* subtiele lichte glans */
        0 0 2px rgba(255,255,255,0.24),

        /* warme oranje gloed */
        0 0 7px rgba(255,95,20,0.48),

        /* rode gloed */
        0 0 16px rgba(232,16,24,0.38),

        /* brede zachte oranje gloed */
        0 0 30px rgba(255,133,0,0.16),

        /* donkere diepte */
        0 4px 12px rgba(0,0,0,0.45)

        !important;

    transition:
        text-shadow 0.35s ease,
        filter 0.35s ease;
}


/* ==========================================================
   EXTRA GLANS BIJ HOVER
========================================================== */

.rj-radio-hero:hover .rj-highlight {
    filter:
        brightness(1.08);

    text-shadow:

        0 0 3px rgba(255,255,255,0.30),

        0 0 9px rgba(255,90,20,0.65),

        0 0 20px rgba(232,16,24,0.46),

        0 0 36px rgba(255,133,0,0.22),

        0 4px 12px rgba(0,0,0,0.45)

        !important;
}


/* ==========================================================
   KLEINE ACCENTLIJN
========================================================== */

.rj-radio-line {
    width: 92px;
    height: 4px;

    margin:
        24px 0 25px;

    border-radius:
        20px;

    background:
        linear-gradient(
            90deg,
            var(--rj-red),
            var(--rj-red-orange),
            var(--rj-orange)
        );

    box-shadow:
        0 0 15px rgba(255,65,20,0.55);
}


/* ==========================================================
   DAN HOEF JE NIET VERDER TE ZOEKEN
========================================================== */

.rj-radio-copy h2 {
    margin:
        0 0 10px !important;

    padding:
        0 !important;

    color:
        #ffffff !important;

    font-size:
        clamp(24px, 2.3vw, 33px) !important;

    line-height:
        1.2 !important;

    font-weight:
        800 !important;

    letter-spacing:
        -0.5px;

    text-align:
        left;
}


/* ==========================================================
   BESCHRIJVING
========================================================== */

.rj-radio-sub {
    max-width:
        730px;

    margin:
        0 0 30px !important;

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

    font-size:
        17px !important;

    line-height:
        1.65 !important;

    font-weight:
        400;

    text-align:
        left;

    text-shadow:
        0 2px 10px rgba(0,0,0,0.55);
}


/* ==========================================================
   KNOPPEN CONTAINER
========================================================== */

.rj-radio-actions {
    display:
        flex;

    flex-wrap:
        wrap;

    align-items:
        center;

    gap:
        13px;

    margin-top:
        5px;
}


/* ==========================================================
   ALGEMENE KNOP
========================================================== */

.rj-radio-btn {
    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    gap:
        12px;

    min-height:
        54px;

    box-sizing:
        border-box;

    padding:
        0 25px;

    border-radius:
        10px;

    text-decoration:
        none !important;

    font-size:
        15px;

    line-height:
        1;

    font-weight:
        800;

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease,
        background 0.25s ease,
        border-color 0.25s ease;
}


/* ==========================================================
   PRIMAIRE KNOP
   LUISTER NAAR VOORBEELDEN
========================================================== */

.rj-radio-btn-primary {
    color:
        #ffffff !important;

    border:
        1px solid transparent;

    background:
        linear-gradient(
            100deg,
            var(--rj-red) 0%,
            var(--rj-red-light) 42%,
            var(--rj-red-orange) 67%,
            var(--rj-orange) 100%
        );

    box-shadow:
        0 10px 30px rgba(232,16,24,0.30),
        0 0 22px rgba(255,100,0,0.08);
}


/* primaire knop hover */

.rj-radio-btn-primary:hover {
    color:
        #ffffff !important;

    transform:
        translateY(-3px);

    box-shadow:
        0 14px 36px rgba(232,16,24,0.42),
        0 0 28px rgba(255,133,0,0.18);
}


/* ==========================================================
   PIJLTJE
========================================================== */

.rj-btn-arrow {
    display:
        inline-block;

    font-size:
        22px;

    line-height:
        1;

    transition:
        transform 0.25s ease;
}


.rj-radio-btn-primary:hover .rj-btn-arrow {
    transform:
        translateX(5px);
}


/* ==========================================================
   SECUNDAIRE KNOP
   BEKIJK PRIJZEN
========================================================== */

.rj-radio-btn-secondary {
    color:
        #ffffff !important;

    border:
        1px solid rgba(255,133,0,0.85);

    background:
        rgba(10,3,1,0.58);

    backdrop-filter:
        blur(8px);

    -webkit-backdrop-filter:
        blur(8px);
}


.rj-radio-btn-secondary:hover {
    color:
        #ffffff !important;

    transform:
        translateY(-3px);

    border-color:
        var(--rj-orange-light);

    background:
        rgba(255,70,10,0.15);

    box-shadow:
        0 0 22px rgba(255,122,0,0.14);
}


/* ==========================================================
   USP'S
========================================================== */

.rj-radio-usps {
    display:
        flex;

    flex-wrap:
        wrap;

    gap:
        14px 28px;

    margin-top:
        32px;

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

    font-size:
        13px;

    font-weight:
        600;
}


.rj-radio-usps div {
    display:
        flex;

    align-items:
        center;

    gap:
        7px;
}


/* ==========================================================
   USP VINKJES
========================================================== */

.rj-radio-usps span {
    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    width:
        20px;

    height:
        20px;

    border-radius:
        50%;

    flex-shrink:
        0;

    color:
        #ffffff;

    font-size:
        11px;

    font-weight:
        900;

    background:
        linear-gradient(
            135deg,
            var(--rj-red),
            var(--rj-orange)
        );

    box-shadow:
        0 0 10px rgba(255,60,20,0.35);
}


/* ==========================================================
   TABLET
========================================================== */

@media (max-width: 950px) {

    .rj-radio-hero {
        min-height:
            600px;
    }


    .rj-radio-hero-inner {
        width:
            calc(100% - 50px);

        padding:
            65px 0;
    }


    .rj-radio-copy {
        max-width:
            760px;
    }


    .rj-radio-copy h1 {
        font-size:
            clamp(48px, 7vw, 65px) !important;

        line-height:
            1.04 !important;

        letter-spacing:
            -2px;
    }


    .rj-radio-copy h1 .rj-highlight {
        line-height:
            1.10 !important;

        padding-bottom:
            0.20em !important;
    }


    .rj-radio-hero-bg {
        background-position:
            58% center;
    }

}


/* ==========================================================
   MOBIEL
========================================================== */

@media (max-width: 650px) {

    .rj-radio-hero {
        min-height:
            auto;
    }


    /* achtergrond iets anders positioneren */

    .rj-radio-hero-bg {
        background-position:
            65% center;

        transform:
            none;
    }


    /* donkerdere overlay voor leesbaarheid */

    .rj-radio-hero-overlay {
        background:

            linear-gradient(
                90deg,
                rgba(17,0,0,0.97) 0%,
                rgba(52,0,2,0.92) 60%,
                rgba(25,4,0,0.76) 100%
            ),

            linear-gradient(
                180deg,
                rgba(0,0,0,0.10),
                rgba(0,0,0,0.50)
            );
    }


    .rj-radio-hero-inner {
        width:
            calc(100% - 36px);

        padding:
            52px 0 55px;
    }


    /* bovenlabel */

    .rj-radio-kicker {
        margin-bottom:
            18px;

        padding:
            8px 12px;

        font-size:
            9px;

        letter-spacing:
            1px;
    }


    /* hoofdtitel */

    .rj-radio-copy h1 {
        font-size:
            clamp(39px, 11vw, 48px) !important;

        line-height:
            1.05 !important;

        letter-spacing:
            -1.5px;
    }


    /*
       JINGLES, SWEEPERS MOBIEL
       extra ruimte voor j en g
    */

    .rj-radio-copy h1 .rj-highlight {
        padding-top:
            0.04em !important;

        padding-bottom:
            0.20em !important;

        font-size:
            inherit !important;

        font-weight:
            inherit !important;

        line-height:
            1.11 !important;

        letter-spacing:
            inherit !important;
    }


    /* accentlijn */

    .rj-radio-line {
        width:
            72px;

        height:
            3px;

        margin:
            20px 0 21px;
    }


    /* subtitel */

    .rj-radio-copy h2 {
        font-size:
            23px !important;

        line-height:
            1.25 !important;
    }


    /* beschrijving */

    .rj-radio-sub {
        font-size:
            16px !important;

        line-height:
            1.6 !important;

        margin-bottom:
            25px !important;
    }


    /* knoppen onder elkaar */

    .rj-radio-actions {
        flex-direction:
            column;

        align-items:
            stretch;
    }


    .rj-radio-btn {
        width:
            100%;

        min-height:
            54px;
    }


    /* USP's onder elkaar */

    .rj-radio-usps {
        flex-direction:
            column;

        gap:
            11px;

        margin-top:
            28px;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3703daf *//* HOOFDTITEL - GELIJKE REGELHOOGTE */

.rj-radio-copy h1 {
    margin: 0;
    padding: 0;

    color: #ffffff !important;

    font-size: clamp(45px, 5vw, 76px);
    line-height: 1.02;

    letter-spacing: -2.6px;
    font-weight: 900;

    text-shadow:
        0 3px 20px rgba(0,0,0,0.45);
}


/* JINGLES, SWEEPERS */

.rj-radio-copy h1 span {
    display: block;

    /* exact dezelfde typografie als de rest */
    font: inherit;
    line-height: inherit;
    letter-spacing: inherit;

    margin: 0;
    padding: 0;

    background: linear-gradient(
        90deg,
        #ff2418 0%,
        #ff4218 50%,
        #ff8500 100%
    );

    -webkit-background-clip: text;
    background-clip: text;

    -webkit-text-fill-color: transparent;
    color: transparent !important;

    /* voorkomt afwijkende positionering */
    vertical-align: baseline;

    text-shadow: none;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-db8d516 *//* ==========================================================
   RADIOJINGLE.NL
   PASSIE / PRODUCTIE / DAW BLOK
========================================================== */

.rj-passion-block {
    --rj-red: #E81018;
    --rj-red-light: #F03020;
    --rj-red-orange: #F04020;
    --rj-orange: #F07008;
    --rj-orange-bright: #FF8500;
    --rj-dark-red: #650006;
    --rj-dark: #100000;
    --rj-white: #FFFFFF;

    position: relative;

    width: 100%;

    padding: 90px 28px 75px;

    box-sizing: border-box;

    overflow: hidden;

    color: #111111;

    background:
        radial-gradient(
            circle at 12% 20%,
            rgba(232, 16, 24, .055),
            transparent 31%
        ),
        radial-gradient(
            circle at 88% 65%,
            rgba(255, 133, 0, .055),
            transparent 32%
        ),
        linear-gradient(
            180deg,
            #ffffff 0%,
            #fffdfc 58%,
            #faf6f4 100%
        );
}


/* ==========================================================
   SUBTIELE ACHTERGROND GLOW
========================================================== */

.rj-passion-block::before {
    content: "";

    position: absolute;

    width: 480px;
    height: 480px;

    left: -260px;
    top: 80px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(232,16,24,.08),
            transparent 68%
        );

    pointer-events: none;
}


.rj-passion-block::after {
    content: "";

    position: absolute;

    width: 500px;
    height: 500px;

    right: -280px;
    bottom: -120px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(255,133,0,.08),
            transparent 68%
        );

    pointer-events: none;
}


/* ==========================================================
   INNER
========================================================== */

.rj-passion-inner {
    position: relative;

    z-index: 2;

    width: 100%;
    max-width: 1180px;

    margin: 0 auto;
}


/* ==========================================================
   HEADER
========================================================== */

.rj-passion-header {
    width: 100%;
    max-width: 940px;

    margin: 0 auto 46px;

    text-align: center;
}


/* ==========================================================
   KICKER
========================================================== */

.rj-passion-kicker {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    margin-bottom: 19px;

    padding: 9px 17px;

    border:
        1px solid rgba(240,112,8,.40);

    border-radius: 999px;

    background:
        linear-gradient(
            90deg,
            rgba(232,16,24,.055),
            rgba(255,133,0,.075)
        );

    color: #7d2000;

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

    font-weight: 900;

    letter-spacing: 1.7px;

    text-transform: uppercase;

    box-shadow:
        0 5px 20px rgba(232,16,24,.035);
}


/* ==========================================================
   HOOFDTITEL
========================================================== */

.rj-passion-header h2 {
    max-width: 900px;

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

    color: #111111 !important;

    font-size:
        clamp(42px, 5vw, 68px) !important;

    line-height:
        1.02 !important;

    font-weight:
        900 !important;

    letter-spacing:
        -2.7px;

    text-wrap: balance;
}


/* ORANJE / RODE REGEL */

.rj-passion-header h2 span {
    display: block;

    margin-top: 6px;

    color:
        var(--rj-red-orange) !important;

    background:
        linear-gradient(
            90deg,
            var(--rj-red) 0%,
            var(--rj-red-orange) 42%,
            var(--rj-orange-bright) 100%
        );

    -webkit-background-clip: text;
    background-clip: text;

    -webkit-text-fill-color: transparent;

    text-shadow:
        0 8px 30px rgba(240,64,32,.08);
}


/* ==========================================================
   PASSIE REGEL
========================================================== */

.rj-passion-lead {
    max-width: 750px;

    margin:
        24px auto 0 !important;

    color:
        #292929 !important;

    font-size:
        20px !important;

    line-height:
        1.55 !important;

    font-weight:
        500 !important;
}


.rj-passion-lead strong {
    color:
        var(--rj-red) !important;

    font-weight:
        900;

    text-shadow:
        0 0 14px rgba(232,16,24,.09);
}


/* ==========================================================
   GRADIENT LIJN
========================================================== */

.rj-passion-line {
    width: 115px;
    height: 4px;

    margin: 27px auto;

    border-radius: 999px;

    background:
        linear-gradient(
            90deg,
            var(--rj-red),
            var(--rj-red-orange),
            var(--rj-orange-bright)
        );

    box-shadow:
        0 0 15px rgba(240,64,32,.20);
}


/* ==========================================================
   BESCHRIJVING
========================================================== */

.rj-passion-description {
    max-width: 720px;

    margin: 0 auto !important;

    color:
        #666666 !important;

    font-size:
        16px !important;

    line-height:
        1.7 !important;

    font-weight:
        400 !important;
}


/* ==========================================================
   DAW STAGE
========================================================== */

.rj-daw-stage {
    position: relative;

    width: 100%;
    max-width: 1040px;

    margin: 0 auto;
}


/* ==========================================================
   GLOW ACHTER AFBEELDING
========================================================== */

.rj-daw-glow {
    position: absolute;

    z-index: 0;

    left: 8%;
    right: 8%;

    bottom: -25px;

    height: 100px;

    border-radius: 50%;

    background:
        linear-gradient(
            90deg,
            rgba(232,16,24,.16),
            rgba(240,64,32,.18),
            rgba(255,133,0,.15)
        );

    filter: blur(45px);

    opacity: .75;

    pointer-events: none;
}


/* ==========================================================
   DAW FRAME
========================================================== */

.rj-daw-frame {
    position: relative;

    z-index: 2;

    overflow: hidden;

    padding: 1px;

    border-radius: 18px;

    background:
        linear-gradient(
            120deg,
            var(--rj-red),
            rgba(240,64,32,.35) 38%,
            rgba(255,133,0,.90)
        );

    box-shadow:
        0 30px 65px rgba(0,0,0,.18),
        0 10px 25px rgba(101,0,6,.08);
}


/* ==========================================================
   FAKE DAW TOP BAR
========================================================== */

.rj-daw-topbar {
    display: grid;

    grid-template-columns:
        1fr auto 1fr;

    align-items: center;

    min-height: 42px;

    padding: 0 15px;

    box-sizing: border-box;

    background:
        linear-gradient(
            180deg,
            #1c1c21,
            #101014
        );

    border-bottom:
        1px solid rgba(255,255,255,.08);
}


/* ==========================================================
   TOP BAR LIGHTS
========================================================== */

.rj-daw-lights {
    display: flex;

    align-items: center;

    gap: 6px;
}


.rj-daw-lights span {
    display: block;

    width: 8px;
    height: 8px;

    border-radius: 50%;
}


.rj-daw-lights span:nth-child(1) {
    background:
        var(--rj-red);

    box-shadow:
        0 0 7px rgba(232,16,24,.55);
}


.rj-daw-lights span:nth-child(2) {
    background:
        var(--rj-orange);

    box-shadow:
        0 0 7px rgba(240,112,8,.45);
}


.rj-daw-lights span:nth-child(3) {
    background:
        var(--rj-orange-bright);

    box-shadow:
        0 0 7px rgba(255,133,0,.45);
}


/* ==========================================================
   TOP BAR TITLE
========================================================== */

.rj-daw-topbar-title {
    color:
        rgba(255,255,255,.66);

    font-size: 9px;

    font-weight: 800;

    letter-spacing: 1.4px;

    text-align: center;
}


/* ==========================================================
   LIVE STATUS
========================================================== */

.rj-daw-status {
    justify-self: end;

    color:
        rgba(255,255,255,.55);

    font-size: 8px;

    font-weight: 800;

    letter-spacing: 1px;
}


.rj-daw-status::first-letter {
    color:
        var(--rj-red);
}


/* ==========================================================
   IMAGE WRAP
========================================================== */

.rj-daw-image-wrap {
    position: relative;

    overflow: hidden;

    background:
        #101014;
}


/* subtle shine */

.rj-daw-image-wrap::after {
    content: "";

    position: absolute;

    top: 0;
    left: -30%;

    width: 30%;
    height: 100%;

    pointer-events: none;

    transform:
        skewX(-18deg);

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,.035),
            transparent
        );
}


/* ==========================================================
   IMAGE
========================================================== */

.rj-daw-image {
    display: block;

    width: 100%;
    height: auto;

    margin: 0;

    border: 0;

    transition:
        transform .45s ease,
        filter .45s ease;
}


.rj-daw-frame:hover
.rj-daw-image {
    transform:
        scale(1.012);

    filter:
        contrast(1.03)
        saturate(1.04);
}


/* ==========================================================
   FOOTER LABELS
========================================================== */

.rj-passion-footer {
    display: flex;

    flex-wrap: wrap;

    justify-content: center;

    align-items: center;

    gap: 10px;

    max-width: 850px;

    margin:
        30px auto 0;
}


/* ==========================================================
   FOOTER ITEM
========================================================== */

.rj-passion-item {
    display: inline-flex;

    align-items: center;

    gap: 8px;

    padding:
        9px 14px;

    border:
        1px solid rgba(0,0,0,.08);

    border-radius:
        999px;

    background:
        rgba(255,255,255,.85);

    color:
        #333333;

    font-size:
        11px;

    font-weight:
        800;

    box-shadow:
        0 7px 18px rgba(0,0,0,.04);

    transition:
        transform .2s ease,
        border-color .2s ease,
        box-shadow .2s ease;
}


.rj-passion-item:hover {
    transform:
        translateY(-2px);

    border-color:
        rgba(240,64,32,.25);

    box-shadow:
        0 10px 22px rgba(101,0,6,.07);
}


/* ==========================================================
   DOT
========================================================== */

.rj-passion-icon {
    color:
        var(--rj-red-orange);

    font-size:
        11px;

    text-shadow:
        0 0 8px rgba(240,64,32,.25);
}


/* verschillende dots */

.rj-passion-item:nth-child(1)
.rj-passion-icon {
    color: #E81018;
}


.rj-passion-item:nth-child(2)
.rj-passion-icon {
    color: #F03020;
}


.rj-passion-item:nth-child(3)
.rj-passion-icon {
    color: #F04020;
}


.rj-passion-item:nth-child(4)
.rj-passion-icon {
    color: #F07008;
}


.rj-passion-item:nth-child(5)
.rj-passion-icon {
    color: #FF8500;
}


.rj-passion-item:nth-child(6)
.rj-passion-icon {
    color: #E81018;
}


/* ==========================================================
   BOTTOM STATEMENT
========================================================== */

.rj-passion-bottom {
    display: flex;

    align-items: center;

    justify-content: center;

    gap: 18px;

    max-width: 720px;

    margin:
        31px auto 0;
}


.rj-passion-bottom p {
    flex: 0 0 auto;

    margin: 0 !important;

    color:
        #6b6b6b !important;

    font-size:
        12px !important;

    font-weight:
        600 !important;

    letter-spacing:
        .2px;
}


.rj-passion-bottom strong {
    color:
        #181818;

    font-weight:
        900;
}


/* lines */

.rj-passion-bottom-line {
    width: 100%;
    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(232,16,24,.30)
        );
}


.rj-passion-bottom-line:last-child {
    background:
        linear-gradient(
            90deg,
            rgba(255,133,0,.30),
            transparent
        );
}


/* ==========================================================
   TABLET
========================================================== */

@media (max-width: 850px) {

    .rj-passion-block {
        padding:
            70px 22px 60px;
    }


    .rj-passion-header h2 {
        font-size:
            clamp(38px, 7vw, 56px) !important;
    }


    .rj-daw-topbar {
        grid-template-columns:
            1fr auto;
    }


    .rj-daw-topbar-title {
        display: none;
    }

}


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

@media (max-width: 600px) {

    .rj-passion-block {
        padding:
            52px 15px 48px;
    }


    .rj-passion-header {
        margin-bottom:
            32px;
    }


    .rj-passion-kicker {
        margin-bottom:
            15px;

        padding:
            7px 12px;

        font-size:
            8px;

        letter-spacing:
            1.2px;
    }


    .rj-passion-header h2 {
        font-size:
            37px !important;

        line-height:
            1.04 !important;

        letter-spacing:
            -1.5px;
    }


    .rj-passion-header h2 span {
        margin-top:
            5px;
    }


    .rj-passion-lead {
        margin-top:
            18px !important;

        font-size:
            17px !important;

        line-height:
            1.5 !important;
    }


    .rj-passion-line {
        width:
            85px;

        margin:
            22px auto;
    }


    .rj-passion-description {
        font-size:
            14px !important;

        line-height:
            1.65 !important;
    }


    .rj-daw-frame {
        border-radius:
            12px;
    }


    .rj-daw-topbar {
        min-height:
            34px;

        padding:
            0 10px;
    }


    .rj-daw-status {
        font-size:
            7px;
    }


    .rj-daw-lights span {
        width:
            6px;

        height:
            6px;
    }


    .rj-passion-footer {
        margin-top:
            22px;

        gap:
            7px;
    }


    .rj-passion-item {
        padding:
            7px 10px;

        font-size:
            9px;
    }


    .rj-passion-bottom {
        gap:
            10px;

        margin-top:
            24px;
    }


    .rj-passion-bottom p {
        font-size:
            10px !important;

        text-align:
            center;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-826e727 *//* ==========================================================
   RADIOJINGLE.NL
   AUDIO SHOWCASE 2026
========================================================== */

.rj-audio2026 {
    --red: #E81018;
    --red-light: #F03020;
    --red-orange: #F04020;
    --orange: #F07008;
    --orange-bright: #FF8500;
    --wine: #650006;
    --white: #FFFFFF;
    --ink: #171717;

    position: relative;

    width: 100%;

    padding: 92px 28px 82px;

    box-sizing: border-box;

    overflow: hidden;

    color: var(--ink);

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.94),
            rgba(251,247,245,.96)
        );
}


/* ==========================================================
   BACKGROUND PHOTO
========================================================== */

.rj-audio2026-bg {
    position: absolute;

    inset: 0;

    z-index: 0;

    background-image:
        linear-gradient(
            180deg,
            rgba(255,255,255,.91),
            rgba(255,250,247,.94)
        ),
        url("https://radiojingle.nl/wp-content/uploads/2023/05/375679133.jpeg");

    background-size: cover;

    background-position: center;

    filter:
        saturate(.75)
        contrast(.9);

    opacity: .72;
}


/* zachte kleurvlakken */

.rj-audio2026::before {
    content: "";

    position: absolute;

    width: 520px;
    height: 520px;

    top: -260px;
    left: -220px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(232,16,24,.12),
            transparent 68%
        );

    z-index: 1;

    pointer-events: none;
}


.rj-audio2026::after {
    content: "";

    position: absolute;

    width: 580px;
    height: 580px;

    right: -280px;
    bottom: -260px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(255,133,0,.10),
            transparent 68%
        );

    z-index: 1;

    pointer-events: none;
}


/* ==========================================================
   INNER
========================================================== */

.rj-audio2026-inner {
    position: relative;

    z-index: 2;

    width: 100%;

    max-width: 1080px;

    margin: 0 auto;
}


/* ==========================================================
   HEADER
========================================================== */

.rj-audio2026-header {
    max-width: 760px;

    margin-bottom: 44px;
}


.rj-audio2026-kicker {
    display: inline-flex;

    align-items: center;

    margin-bottom: 16px;

    padding: 8px 14px;

    border: 1px solid rgba(232,16,24,.20);

    border-radius: 999px;

    background:
        rgba(255,255,255,.70);

    backdrop-filter:
        blur(10px);

    -webkit-backdrop-filter:
        blur(10px);

    color: #8e1d1d;

    font-size: 9px;

    font-weight: 900;

    letter-spacing: 1.5px;

    box-shadow:
        0 7px 20px rgba(70,20,10,.04);
}


.rj-audio2026-header h2 {
    margin: 0 0 15px !important;

    color: #171717 !important;

    font-size:
        clamp(46px,5vw,68px) !important;

    line-height: 1 !important;

    font-weight: 900 !important;

    letter-spacing: -2.8px;
}


.rj-audio2026-header h2 span {
    background:
        linear-gradient(
            90deg,
            var(--red),
            var(--red-orange),
            var(--orange)
        );

    -webkit-background-clip: text;

    background-clip: text;

    -webkit-text-fill-color: transparent;

    color: var(--red);
}


.rj-audio2026-header p {
    max-width: 680px;

    margin: 0 !important;

    color: #626262 !important;

    font-size: 15px !important;

    line-height: 1.7 !important;
}


/* ==========================================================
   CARD
========================================================== */

.rj-audio2026-card {
    position: relative;

    margin-bottom: 18px;

    overflow: hidden;

    border: 1px solid rgba(40,20,20,.08);

    border-radius: 20px;

    background:
        rgba(255,255,255,.78);

    backdrop-filter:
        blur(18px);

    -webkit-backdrop-filter:
        blur(18px);

    box-shadow:
        0 20px 50px rgba(65,25,15,.08),
        0 2px 7px rgba(0,0,0,.025);

    transition:
        transform .25s ease,
        border-color .25s ease,
        box-shadow .25s ease;
}


.rj-audio2026-card:hover {
    transform:
        translateY(-3px);

    border-color:
        rgba(232,16,24,.20);

    box-shadow:
        0 28px 58px rgba(65,25,15,.11);
}


/* tiny accent line */

.rj-audio2026-card::before {
    content: "";

    position: absolute;

    left: 0;

    top: 20px;

    bottom: 20px;

    width: 3px;

    border-radius:
        0 3px 3px 0;

    background:
        linear-gradient(
            180deg,
            var(--red),
            var(--red-orange),
            var(--orange)
        );
}


/* ==========================================================
   SUMMARY
========================================================== */

.rj-audio2026-summary {
    display: block;

    list-style: none;

    cursor: pointer;

    outline: none;
}


.rj-audio2026-summary::-webkit-details-marker {
    display: none;
}


.rj-audio2026-summary::marker {
    display: none;

    content: "";
}


/* ==========================================================
   CARD TOP
========================================================== */

.rj-audio2026-cardtop {
    display: grid;

    grid-template-columns:
        auto 1fr auto;

    align-items: center;

    gap: 16px;

    padding:
        22px 24px 18px;
}


/* ==========================================================
   NUMBER
========================================================== */

.rj-audio2026-number {
    width: 42px;
    height: 42px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 12px;

    color: var(--red);

    background:
        linear-gradient(
            135deg,
            rgba(232,16,24,.08),
            rgba(255,133,0,.07)
        );

    border:
        1px solid rgba(232,16,24,.13);

    font-size: 10px;

    font-weight: 900;
}


/* ==========================================================
   TYPE
========================================================== */

.rj-audio2026-type {
    display: block;

    margin-bottom: 4px;

    color: #9d8d88;

    font-size: 7px;

    font-weight: 900;

    letter-spacing: 1.6px;
}


/* ==========================================================
   TITLE
========================================================== */

.rj-audio2026-title h3 {
    margin: 0 0 5px !important;

    color: #1d1d1d !important;

    font-size:
        clamp(23px,3vw,31px) !important;

    line-height: 1 !important;

    font-weight: 850 !important;

    letter-spacing: -.6px;
}


.rj-audio2026-title p {
    margin: 0 !important;

    color: #79706d !important;

    font-size: 11px !important;

    line-height: 1.4 !important;
}


/* ==========================================================
   BADGE
========================================================== */

.rj-audio2026-badge {
    padding: 7px 10px;

    border: 1px solid rgba(232,16,24,.14);

    border-radius: 999px;

    background:
        rgba(255,255,255,.68);

    color: #8f7470;

    font-size: 8px;

    font-weight: 850;
}


/* ==========================================================
   WAVEBOX
========================================================== */

.rj-audio2026-wavebox {
    position: relative;

    height: 88px;

    margin:
        0 24px 13px;

    overflow: hidden;

    border: 1px solid rgba(40,20,20,.07);

    border-radius: 13px;

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.92),
            rgba(247,241,239,.92)
        );

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.95),
        inset 0 0 18px rgba(70,20,15,.025);
}


/* modern subtle grid */

.rj-audio2026-wavebox::before {
    content: "";

    position: absolute;

    inset: 0;

    background:
        linear-gradient(
            rgba(20,20,20,.025) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(20,20,20,.025) 1px,
            transparent 1px
        );

    background-size:
        32px 32px;

    pointer-events: none;
}


/* ==========================================================
   PLAY ICON
========================================================== */

.rj-audio2026-play {
    position: absolute;

    z-index: 4;

    left: 13px;

    top: 50%;

    width: 32px;
    height: 32px;

    display: flex;

    align-items: center;
    justify-content: center;

    transform:
        translateY(-50%);

    border-radius: 50%;

    background:
        linear-gradient(
            135deg,
            var(--red),
            var(--red-orange)
        );

    box-shadow:
        0 7px 18px rgba(232,16,24,.18);
}


.rj-audio2026-play span {
    width: 0;
    height: 0;

    margin-left: 2px;

    border-top: 5px solid transparent;

    border-bottom: 5px solid transparent;

    border-left: 8px solid #ffffff;
}


/* ==========================================================
   WAVEFORM
========================================================== */

.rj-audio2026-wave {
    position: absolute;

    left: 58px;

    right: 18%;

    top: 13px;

    bottom: 13px;

    display: flex;

    align-items: center;

    gap: 2px;
}


.rj-audio2026-wave i {
    flex: 1;

    min-width: 2px;

    border-radius: 999px;
}


/* ==========================================================
   CHR
========================================================== */

.rj-audio2026-wave-chr i {
    background:
        linear-gradient(
            180deg,
            #F03020,
            #E81018
        );

    opacity: .92;

    box-shadow:
        0 0 3px rgba(232,16,24,.16);
}


/* ==========================================================
   AC
========================================================== */

.rj-audio2026-wave-ac i {
    background:
        linear-gradient(
            180deg,
            #F07008,
            #F04020
        );

    opacity: .86;

    box-shadow:
        0 0 3px rgba(240,64,32,.12);
}


/* ==========================================================
   COMMERCIALS
========================================================== */

.rj-audio2026-wave-commercials i {
    background:
        linear-gradient(
            180deg,
            #FF6842,
            #E81018
        );

    opacity: .90;

    box-shadow:
        0 0 3px rgba(232,16,24,.14);
}


/* ==========================================================
   MODERN FADE
========================================================== */

.rj-audio2026-wave-fade {
    position: absolute;

    right: 0;

    top: 0;

    bottom: 0;

    width: 22%;

    pointer-events: none;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,.72) 65%,
            rgba(255,255,255,.96)
        );
}


.rj-audio2026-wave-fade::before {
    content: "";

    position: absolute;

    top: 18px;

    left: 12%;

    width: 70%;

    height: 2px;

    border-radius: 999px;

    background:
        linear-gradient(
            90deg,
            rgba(232,16,24,.55),
            rgba(240,64,32,.15)
        );

    transform:
        rotate(16deg);

    transform-origin:
        left center;

    opacity: .45;
}


/* ==========================================================
   OPENBAR
========================================================== */

.rj-audio2026-openbar {
    display: flex;

    align-items: center;

    justify-content: space-between;

    min-height: 44px;

    margin:
        0 24px 18px;

    padding:
        0 14px;

    border:
        1px solid rgba(40,20,20,.07);

    border-radius: 11px;

    background:
        rgba(255,255,255,.64);

    transition:
        background .2s ease,
        border-color .2s ease;
}


.rj-audio2026-summary:hover
.rj-audio2026-openbar {
    background:
        rgba(255,246,243,.92);

    border-color:
        rgba(232,16,24,.15);
}


/* ==========================================================
   OPEN LEFT
========================================================== */

.rj-audio2026-openleft {
    display: flex;

    align-items: center;

    gap: 9px;
}


.rj-audio2026-openleft strong {
    color: #4a3531;

    font-size: 10px;

    font-weight: 850;

    text-transform: uppercase;

    letter-spacing: .6px;
}


/* ==========================================================
   MINI PLAY
========================================================== */

.rj-audio2026-mini-play {
    position: relative;

    width: 22px;
    height: 22px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background:
        linear-gradient(
            135deg,
            var(--red),
            var(--red-orange)
        );
}


.rj-audio2026-mini-play::after {
    content: "";

    width: 0;
    height: 0;

    margin-left: 2px;

    border-top: 4px solid transparent;

    border-bottom: 4px solid transparent;

    border-left: 6px solid #ffffff;
}


/* ==========================================================
   CHEVRON
========================================================== */

.rj-audio2026-chevron {
    width: 7px;
    height: 7px;

    border-right:
        2px solid #6f5954;

    border-bottom:
        2px solid #6f5954;

    transform:
        translateY(-2px)
        rotate(45deg);

    transition:
        transform .25s ease;
}


.rj-audio2026-card[open]
.rj-audio2026-chevron {
    transform:
        translateY(2px)
        rotate(225deg);
}


/* ==========================================================
   OPEN STATE
========================================================== */

.rj-audio2026-card[open] {
    border-color:
        rgba(232,16,24,.18);

    background:
        rgba(255,255,255,.88);
}


/* ==========================================================
   PLAYER AREA
========================================================== */

.rj-audio2026-player {
    padding:
        20px 24px 24px;

    border-top:
        1px solid rgba(40,20,20,.06);

    background:
        rgba(255,255,255,.78);
}


/* ==========================================================
   PLAYER HEADING
========================================================== */

.rj-audio2026-playerhead {
    margin-bottom: 12px;
}


.rj-audio2026-playerhead strong {
    display: block;

    color: #252525;

    font-size: 11px;

    font-weight: 850;
}


.rj-audio2026-playerhead small {
    display: block;

    margin-top: 3px;

    color: #8c817e;

    font-size: 9px;
}


/* ==========================================================
   SOUNDCLOUD
========================================================== */

.rj-audio2026-player iframe {
    display: block;

    width: 100% !important;

    min-height: 700px;

    border: 0;

    border-radius: 12px;

    overflow: hidden;

    background: #ffffff;

    box-shadow:
        0 12px 28px rgba(40,20,10,.08);
}


/* ==========================================================
   TABLET
========================================================== */

@media (max-width: 850px) {

    .rj-audio2026 {
        padding:
            70px 22px;
    }

}


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

@media (max-width: 650px) {

    .rj-audio2026 {
        padding:
            52px 15px;
    }


    .rj-audio2026-header {
        margin-bottom:
            32px;
    }


    .rj-audio2026-header h2 {
        font-size:
            40px !important;

        letter-spacing:
            -1.8px;
    }


    .rj-audio2026-header p {
        font-size:
            14px !important;
    }


    .rj-audio2026-card {
        border-radius:
            15px;
    }


    .rj-audio2026-cardtop {
        grid-template-columns:
            auto 1fr;

        gap:
            12px;

        padding:
            18px 16px 15px;
    }


    .rj-audio2026-badge {
        grid-column:
            2;

        justify-self:
            start;
    }


    .rj-audio2026-title h3 {
        font-size:
            23px !important;
    }


    .rj-audio2026-wavebox {
        height:
            78px;

        margin:
            0 16px 11px;
    }


    .rj-audio2026-wave {
        left:
            49px;

        right:
            22%;

        gap:
            2px;
    }


    .rj-audio2026-play {
        left:
            10px;

        width:
            27px;

        height:
            27px;
    }


    .rj-audio2026-wave-fade {
        width:
            26%;
    }


    .rj-audio2026-openbar {
        margin:
            0 16px 15px;
    }


    .rj-audio2026-player {
        padding:
            15px 12px 18px;
    }


    .rj-audio2026-player iframe {
        min-height:
            700px;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a5f0eef *//* ==========================================================
   RADIOJINGLE.NL
   SOUNDCLOUD / PLAYLIST SHOWCASE
   LICHTERE WARM-RODE VERSIE
========================================================== */

.rj-sc-showcase {
    --rj-red: #E81018;
    --rj-red-light: #F03020;
    --rj-red-orange: #F04020;
    --rj-orange: #F07008;
    --rj-orange-bright: #FF8500;
    --rj-gold: #FFB000;
    --rj-dark-red: #650006;
    --rj-deep-red: #350004;
    --rj-black: #100000;
    --rj-white: #FFFFFF;

    position: relative;
    width: 100%;
    padding: 85px 28px;
    box-sizing: border-box;
    overflow: hidden;

    color: #ffffff;

    background:
        radial-gradient(
            circle at 12% 8%,
            rgba(240, 48, 32, .26),
            transparent 32%
        ),
        radial-gradient(
            circle at 88% 35%,
            rgba(255, 133, 0, .16),
            transparent 36%
        ),
        radial-gradient(
            circle at 48% 100%,
            rgba(232, 16, 24, .14),
            transparent 40%
        ),
        linear-gradient(
            135deg,
            #410005 0%,
            #2d0003 42%,
            #4a1002 100%
        );
}


/* ==========================================================
   ACHTERGROND GLOW
========================================================== */

.rj-sc-showcase::before {
    content: "";
    position: absolute;
    width: 600px;
    height: 600px;
    left: -300px;
    top: -260px;
    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(240, 48, 32, .24),
            rgba(232, 16, 24, .08) 42%,
            transparent 70%
        );

    pointer-events: none;
}


.rj-sc-showcase::after {
    content: "";
    position: absolute;
    width: 650px;
    height: 650px;
    right: -350px;
    bottom: -330px;
    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(255, 133, 0, .17),
            rgba(240, 64, 32, .06) 45%,
            transparent 70%
        );

    pointer-events: none;
}


/* ==========================================================
   INNER
========================================================== */

.rj-sc-showcase-inner {
    position: relative;
    z-index: 2;

    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
}


/* ==========================================================
   HEADER
========================================================== */

.rj-sc-header {
    max-width: 820px;
    margin-bottom: 48px;
}


.rj-sc-kicker {
    display: inline-flex;
    align-items: center;

    margin-bottom: 17px;
    padding: 8px 15px;

    border: 1px solid rgba(255, 133, 0, .85);
    border-radius: 999px;

    background:
        linear-gradient(
            90deg,
            rgba(232, 16, 24, .18),
            rgba(255, 133, 0, .14)
        );

    color: #ffffff;

    font-size: 10px;
    line-height: 1;
    font-weight: 900;
    letter-spacing: 1.5px;

    box-shadow:
        0 0 18px rgba(255, 133, 0, .08);
}


.rj-sc-header h2 {
    margin: 0 0 14px !important;
    padding: 0 !important;

    color: #ffffff !important;

    font-size: clamp(46px, 5vw, 70px) !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    letter-spacing: -2.5px;
}


.rj-sc-header h2 span {
    color: #F04020 !important;

    background:
        linear-gradient(
            90deg,
            #F03020,
            #F04020 45%,
            #FF8500
        );

    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;

    filter:
        drop-shadow(0 0 9px rgba(240, 64, 32, .25));
}


.rj-sc-header p {
    margin: 0 !important;

    color: rgba(255, 255, 255, .76) !important;

    font-size: 17px !important;
    line-height: 1.65 !important;
}


/* ==========================================================
   PLAYLIST CARD
========================================================== */

.rj-sc-card {
    position: relative;
    margin-bottom: 30px;
    overflow: hidden;

    border: 1px solid rgba(240, 64, 32, .55);
    border-radius: 20px;

    background:
        radial-gradient(
            circle at 15% 20%,
            rgba(232, 16, 24, .15),
            transparent 32%
        ),
        linear-gradient(
            135deg,
            #510006 0%,
            #3b0004 55%,
            #351000 100%
        );

    box-shadow:
        0 24px 55px rgba(16, 0, 0, .30),
        0 0 28px rgba(232, 16, 24, .08);

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        border-color .25s ease;
}


.rj-sc-card:hover {
    transform: translateY(-3px);

    border-color:
        rgba(255, 133, 0, .70);

    box-shadow:
        0 30px 65px rgba(16, 0, 0, .35),
        0 0 35px rgba(240, 64, 32, .13);
}


/* ==========================================================
   GRADIENT RAND
========================================================== */

.rj-sc-card::before {
    content: "";
    position: absolute;
    inset: 0;

    padding: 1px;
    border-radius: 20px;

    pointer-events: none;

    background:
        linear-gradient(
            125deg,
            rgba(232, 16, 24, .95),
            rgba(240, 64, 32, .32),
            rgba(255, 133, 0, .85)
        );

    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);

    -webkit-mask-composite: xor;
    mask-composite: exclude;
}


/* ==========================================================
   DETAILS / SUMMARY
========================================================== */

.rj-sc-summary {
    position: relative;
    display: block;
    padding: 0;

    list-style: none;
    cursor: pointer;
    outline: none;
}


.rj-sc-summary::-webkit-details-marker {
    display: none;
}


.rj-sc-summary::marker {
    display: none;
    content: "";
}


/* ==========================================================
   TOP
========================================================== */

.rj-sc-top {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;

    gap: 18px;

    padding: 25px 28px 21px;

    border-bottom:
        1px solid rgba(255, 255, 255, .08);

    background:
        linear-gradient(
            90deg,
            rgba(255, 255, 255, .015),
            rgba(255, 133, 0, .025)
        );
}


/* ==========================================================
   NUMBER
========================================================== */

.rj-sc-number {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 42px;
    height: 42px;

    border:
        1px solid rgba(255, 133, 0, .65);

    border-radius: 10px;

    color: #FFB000;

    background:
        linear-gradient(
            135deg,
            rgba(232, 16, 24, .20),
            rgba(255, 133, 0, .08)
        );

    font-size: 11px;
    font-weight: 900;

    box-shadow:
        inset 0 0 12px rgba(255, 133, 0, .05);
}


/* ==========================================================
   TITLE
========================================================== */

.rj-sc-small {
    display: block;

    margin-bottom: 5px;

    color:
        rgba(255, 255, 255, .45);

    font-size: 8px;
    font-weight: 800;
    letter-spacing: 1.7px;
}


.rj-sc-title h3 {
    margin: 0 0 6px !important;
    padding: 0 !important;

    color: #ffffff !important;

    font-size:
        clamp(26px, 3vw, 38px) !important;

    line-height: 1 !important;
    font-weight: 900 !important;
}


.rj-sc-title p {
    margin: 0 !important;

    color:
        rgba(255, 255, 255, .68) !important;

    font-size: 12px !important;
}


/* ==========================================================
   FORMAT BADGE
========================================================== */

.rj-sc-format {
    padding: 8px 12px;

    border:
        1px solid rgba(255, 133, 0, .55);

    border-radius: 999px;

    color:
        rgba(255, 255, 255, .78);

    background:
        rgba(255, 133, 0, .05);

    font-size: 8px;
    font-weight: 800;
}


/* ==========================================================
   WAVEBOX BASIS
========================================================== */

.rj-sc-wavebox {
    position: relative;

    height: 145px;

    margin:
        22px 28px 18px;

    overflow: hidden;

    border-radius: 10px;
}


/* DAW GRID */

.rj-sc-wavebox::before {
    content: "";

    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            rgba(255, 255, 255, .035) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(255, 255, 255, .035) 1px,
            transparent 1px
        );

    background-size:
        30px 30px;

    pointer-events: none;
}


/* ==========================================================
   WAVEFORM BASIS
========================================================== */

.rj-sc-wave {
    position: absolute;

    left: 13px;
    right: 20%;
    top: 13px;
    bottom: 13px;

    display: flex;
    align-items: center;

    gap: 3px;
}


.rj-sc-wave i {
    flex: 1;

    min-width: 2px;

    transition:
        transform .25s ease,
        filter .25s ease,
        box-shadow .25s ease;
}


/* ==========================================================
   01 — CHR / POP
========================================================== */

.rj-sc-card:nth-of-type(1) .rj-sc-wavebox {
    border:
        1px solid rgba(240, 48, 32, .90);

    background:
        radial-gradient(
            circle at 35% 50%,
            rgba(240, 48, 32, .28),
            transparent 60%
        ),
        linear-gradient(
            135deg,
            #8A0008 0%,
            #650006 48%,
            #3C0500 100%
        );

    box-shadow:
        inset 0 0 38px rgba(232, 16, 24, .18),
        0 0 20px rgba(232, 16, 24, .10);
}


.rj-sc-card:nth-of-type(1) .rj-sc-wave i {
    border-radius: 2px;

    background:
        linear-gradient(
            180deg,
            #FF9500 0%,
            #FF7200 28%,
            #F04020 62%,
            #E81018 100%
        );

    box-shadow:
        0 0 7px rgba(240, 64, 32, .48);
}


.rj-sc-card:nth-of-type(1)
.rj-sc-wave i:nth-child(2n) {
    transform: scaleY(.90);
}


.rj-sc-card:nth-of-type(1)
.rj-sc-wave i:nth-child(3n) {
    transform: scaleY(.76);
}


.rj-sc-card:nth-of-type(1)
.rj-sc-wave i:nth-child(5n) {
    transform: scaleY(1.10);
}


.rj-sc-card:nth-of-type(1)
.rj-sc-wave i:nth-child(7n) {
    transform: scaleY(.62);
}


.rj-sc-card:nth-of-type(1)
.rj-sc-wave i:nth-child(11n) {
    transform: scaleY(1.16);
}


/* ==========================================================
   02 — AC / ALGEMEEN / LITE
========================================================== */

.rj-sc-card:nth-of-type(2) .rj-sc-wavebox {
    border:
        1px solid rgba(255, 133, 0, .90);

    background:
        radial-gradient(
            circle at 42% 50%,
            rgba(255, 133, 0, .27),
            transparent 60%
        ),
        linear-gradient(
            135deg,
            #721900 0%,
            #541000 48%,
            #351000 100%
        );

    box-shadow:
        inset 0 0 38px rgba(255, 133, 0, .15),
        0 0 20px rgba(255, 133, 0, .10);
}


.rj-sc-card:nth-of-type(2) .rj-sc-wave i {
    border-radius: 5px;

    background:
        linear-gradient(
            180deg,
            #FFD21A 0%,
            #FFB000 28%,
            #FF8500 63%,
            #F07008 100%
        );

    box-shadow:
        0 0 6px rgba(255, 133, 0, .50);
}


.rj-sc-card:nth-of-type(2)
.rj-sc-wave i:nth-child(2n) {
    transform: scaleY(.94);
}


.rj-sc-card:nth-of-type(2)
.rj-sc-wave i:nth-child(4n) {
    transform: scaleY(.86);
}


.rj-sc-card:nth-of-type(2)
.rj-sc-wave i:nth-child(6n) {
    transform: scaleY(.78);
}


.rj-sc-card:nth-of-type(2)
.rj-sc-wave i:nth-child(9n) {
    transform: scaleY(.69);
}


.rj-sc-card:nth-of-type(2)
.rj-sc-wave i:nth-child(13n) {
    transform: scaleY(.82);
}


/* ==========================================================
   03 — COMMERCIALS
========================================================== */

.rj-sc-card:nth-of-type(3) .rj-sc-wavebox {
    border:
        1px solid rgba(240, 64, 32, .90);

    background:
        radial-gradient(
            circle at 32% 50%,
            rgba(240, 64, 32, .28),
            transparent 58%
        ),
        linear-gradient(
            135deg,
            #790007 0%,
            #570005 48%,
            #3C0900 100%
        );

    box-shadow:
        inset 0 0 38px rgba(240, 48, 32, .17),
        0 0 20px rgba(240, 48, 32, .10);
}


.rj-sc-card:nth-of-type(3) .rj-sc-wave i {
    border-radius: 2px;

    background:
        linear-gradient(
            180deg,
            #FF9A00 0%,
            #FF6508 26%,
            #F03020 60%,
            #E81018 100%
        );

    box-shadow:
        0 0 7px rgba(240, 48, 32, .52);
}


.rj-sc-card:nth-of-type(3)
.rj-sc-wave i:nth-child(2n) {
    transform: scaleY(.72);
}


.rj-sc-card:nth-of-type(3)
.rj-sc-wave i:nth-child(3n) {
    transform: scaleY(1.07);
}


.rj-sc-card:nth-of-type(3)
.rj-sc-wave i:nth-child(5n) {
    transform: scaleY(.54);
}


.rj-sc-card:nth-of-type(3)
.rj-sc-wave i:nth-child(7n) {
    transform: scaleY(.88);
}


.rj-sc-card:nth-of-type(3)
.rj-sc-wave i:nth-child(8n) {
    transform: scaleY(.64);
}


.rj-sc-card:nth-of-type(3)
.rj-sc-wave i:nth-child(11n) {
    transform: scaleY(1.12);
}


/* ==========================================================
   WAVE HOVER
========================================================== */

.rj-sc-card:nth-of-type(1):hover
.rj-sc-wave i {
    filter:
        brightness(1.20)
        saturate(1.08);

    box-shadow:
        0 0 6px rgba(232, 16, 24, .75),
        0 0 15px rgba(255, 133, 0, .28);
}


.rj-sc-card:nth-of-type(2):hover
.rj-sc-wave i {
    filter:
        brightness(1.18)
        saturate(1.06);

    box-shadow:
        0 0 6px rgba(255, 133, 0, .72),
        0 0 15px rgba(255, 176, 0, .25);
}


.rj-sc-card:nth-of-type(3):hover
.rj-sc-wave i {
    filter:
        brightness(1.20)
        saturate(1.08);

    box-shadow:
        0 0 6px rgba(240, 48, 32, .78),
        0 0 15px rgba(255, 133, 0, .24);
}


/* ==========================================================
   AUTOMATION / FADE LINE
========================================================== */

.rj-sc-fade {
    position: absolute;

    right: 0;
    top: 0;

    width: 28%;
    height: 100%;

    z-index: 4;

    pointer-events: none;
}


.rj-sc-fade path {
    fill: none;

    stroke:
        rgba(255, 255, 255, .98);

    stroke-width: 2.3;

    vector-effect:
        non-scaling-stroke;

    filter:
        drop-shadow(
            0 0 4px rgba(255, 255, 255, .30)
        );
}


.rj-sc-fade circle {
    fill: #ffffff;

    filter:
        drop-shadow(
            0 0 4px rgba(255, 255, 255, .40)
        );
}


/* ==========================================================
   OPEN PLAYLIST BAR
========================================================== */

.rj-sc-open {
    display: flex;

    align-items: center;

    gap: 11px;

    min-height: 52px;

    margin:
        0 28px 21px;

    padding:
        0 17px;

    box-sizing: border-box;

    border:
        1px solid rgba(255, 133, 0, .62);

    border-radius: 10px;

    background:
        linear-gradient(
            90deg,
            rgba(232, 16, 24, .18),
            rgba(255, 133, 0, .10)
        );

    color: #ffffff;

    transition:
        border-color .25s ease,
        background .25s ease,
        box-shadow .25s ease;
}


.rj-sc-summary:hover .rj-sc-open {
    border-color:
        rgba(255, 133, 0, .95);

    background:
        linear-gradient(
            90deg,
            rgba(240, 48, 32, .26),
            rgba(255, 133, 0, .15)
        );

    box-shadow:
        0 0 22px rgba(255, 133, 0, .10);
}


.rj-sc-open strong {
    color: #ffffff;

    font-size: 11px;
    font-weight: 900;
    letter-spacing: .6px;
}


/* ==========================================================
   PLAY ICON
========================================================== */

.rj-sc-play-symbol {
    position: relative;

    width: 30px;
    height: 30px;

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

    flex: 0 0 30px;

    border-radius: 50%;

    background:
        linear-gradient(
            135deg,
            #E81018,
            #F04020 50%,
            #FF8500
        );

    box-shadow:
        0 0 14px rgba(240, 64, 32, .35);
}


.rj-sc-play-symbol::after {
    content: "";

    width: 0;
    height: 0;

    margin-left: 2px;

    border-top:
        5px solid transparent;

    border-bottom:
        5px solid transparent;

    border-left:
        8px solid #ffffff;
}


/* ==========================================================
   CHEVRON
========================================================== */

.rj-sc-chevron {
    width: 8px;
    height: 8px;

    margin-left: auto;

    border-right:
        2px solid #ffffff;

    border-bottom:
        2px solid #ffffff;

    transform:
        translateY(-2px)
        rotate(45deg);

    transition:
        transform .25s ease;
}


.rj-sc-card[open]
.rj-sc-chevron {
    transform:
        translateY(2px)
        rotate(225deg);
}


.rj-sc-card[open]
.rj-sc-open {
    border-color:
        rgba(255, 133, 0, .95);

    background:
        linear-gradient(
            90deg,
            rgba(240, 48, 32, .25),
            rgba(255, 133, 0, .14)
        );
}


/* ==========================================================
   PLAYER AREA
========================================================== */

.rj-sc-player-area {
    padding:
        23px 28px 28px;

    border-top:
        1px solid rgba(255, 255, 255, .09);

    background:
        linear-gradient(
            180deg,
            rgba(65, 0, 5, .80),
            rgba(35, 0, 2, .92)
        );
}


/* ==========================================================
   PLAYER LABEL
========================================================== */

.rj-sc-player-label {
    display: flex;

    align-items: center;
    justify-content: space-between;

    gap: 20px;

    margin-bottom: 14px;

    padding:
        0 4px;
}


.rj-sc-player-label span {
    color: #ffffff;

    font-size: 11px;
    font-weight: 900;
    letter-spacing: 1px;
}


.rj-sc-player-label small {
    color:
        rgba(255, 255, 255, .55);

    font-size: 10px;
}


/* ==========================================================
   SOUNDCLOUD IFRAME
========================================================== */

.rj-sc-player-area iframe {
    display: block;

    width: 100% !important;

    min-height: 700px;

    border: 0;

    border-radius: 12px;

    overflow: hidden;

    background: #111111;

    box-shadow:
        0 15px 35px rgba(0, 0, 0, .28);
}


/* ==========================================================
   TABLET
========================================================== */

@media (max-width: 850px) {

    .rj-sc-showcase {
        padding:
            70px 22px;
    }

}


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

@media (max-width: 650px) {

    .rj-sc-showcase {
        padding:
            55px 15px;
    }


    .rj-sc-header {
        margin-bottom:
            34px;
    }


    .rj-sc-header h2 {
        font-size:
            42px !important;

        letter-spacing:
            -1.7px;
    }


    .rj-sc-header p {
        font-size:
            15px !important;
    }


    .rj-sc-card {
        border-radius:
            15px;
    }


    .rj-sc-top {
        grid-template-columns:
            auto 1fr;

        padding:
            19px 17px 16px;
    }


    .rj-sc-format {
        grid-column: 2;

        justify-self: start;
    }


    .rj-sc-title h3 {
        font-size:
            27px !important;

        line-height:
            1.05 !important;
    }


    .rj-sc-wavebox {
        height:
            120px;

        margin:
            16px 17px 15px;
    }


    .rj-sc-wave {
        right:
            25%;

        gap:
            2px;
    }


    .rj-sc-fade {
        width:
            35%;
    }


    .rj-sc-open {
        margin:
            0 17px 17px;
    }


    .rj-sc-player-area {
        padding:
            16px 12px 18px;
    }


    .rj-sc-player-label {
        flex-direction:
            column;

        align-items:
            flex-start;

        gap:
            3px;
    }


    .rj-sc-player-area iframe {
        min-height:
            700px;
    }

}/* End custom CSS */
/* Start custom CSS */.iron-audioplayer .playlist li{
    transition:all 150ms;
}
.elementor-widget-heading sup{
    top:-12px;
    letter-spacing:-0.1px;
    text-transform:uppercase;
    text-decoration:none;
}
.ekit-image-accordion-hover .ekit-wid-con .elementskit-image-accordion-wraper .elementskit-single-image-accordion:hover {
    -webkit-box-flex: 2!important;
    -ms-flex: 2!important;
    flex: 2!important;
}
#audience_pricing_table {
    font-weight:400;
    color:#000;
}
#audience_pricing_table .srp_term_title {
    display:none;
}
#audience_pricing_table .srp_term_meta {
    height: 30px;
    font-size: 0.8rem;
}
#audience_pricing_table .srp_term_meta_list{
    margin-bottom:20px;
}
#audience_pricing_table .srp_term_meta::before {
    font-size: 0.9rem;
}
#audience_pricing_table .view-license-button {
    color:#fff;
    border:none;
    background-color: var(--e-global-color-primary);
    padding: 18px 40px;
    font-size: 14px;
}
#audience_pricing_table .view-license-button:hover {
    background-color: #000;
    padding: 18px 40px;
    font-size: 14px;
}/* End custom CSS */