.elementor-7146 .elementor-element.elementor-element-4b79a28{--display:flex;}.elementor-7146 .elementor-element.elementor-element-1a5f236{--display:flex;}.elementor-7146 .elementor-element.elementor-element-63df154{--display:flex;}/* Start custom CSS *//* =============================================
   MALONE MUSIC PREMIUM BEAT STORE
============================================= */

:root {

    --mm-black: #050505;
    --mm-black2: #090909;
    --mm-panel: #101010;
    --mm-panel2: #151515;

    --mm-white: #f6f6f2;
    --mm-gray: #949494;

    --mm-gold: #d5ac58;
    --mm-gold2: #f1cf7a;

    --mm-border:
        rgba(255,255,255,.09);

}


/* REMOVE UNWANTED WIDTH ISSUES */

html {
    scroll-behavior: smooth;
}

body {
    overflow-x: hidden;
}


/* GLOBAL STORE */

.mm-beatstore {

    width: 100%;

    background:
        var(--mm-black);

    color:
        var(--mm-white);

    font-family:
        "Montserrat",
        "Arial",
        sans-serif;

}

.mm-beatstore * {
    box-sizing: border-box;
}

.mm-beatstore h1,
.mm-beatstore h2,
.mm-beatstore h3,
.mm-beatstore p {

    margin-top: 0;

}



/* =============================================
   HERO
============================================= */

.mm-hero {

    min-height: 760px;

    position: relative;

    display: flex;

    align-items: center;

    padding:
        120px 7%;

    overflow: hidden;

    background:

        radial-gradient(
            circle at 75% 40%,
            rgba(213,172,88,.16),
            transparent 34%
        ),

        linear-gradient(
            90deg,
            #050505 0%,
            rgba(5,5,5,.94) 45%,
            rgba(5,5,5,.70) 100%
        );

}


/* DECORATIVE BACKGROUND */

.mm-hero::after {

    content: "";

    position: absolute;

    width: 600px;
    height: 600px;

    right: -180px;
    bottom: -300px;

    border-radius: 50%;

    background:
        rgba(213,172,88,.12);

    filter:
        blur(80px);

}


.mm-hero-overlay {

    position: absolute;

    inset: 0;

    background-image:

        linear-gradient(
            rgba(255,255,255,.018) 1px,
            transparent 1px
        ),

        linear-gradient(
            90deg,
            rgba(255,255,255,.018) 1px,
            transparent 1px
        );

    background-size:
        55px 55px;

    pointer-events: none;

}


.mm-hero-inner {

    max-width: 900px;

    position: relative;

    z-index: 2;

}


.mm-kicker,
.mm-section-label {

    color:
        var(--mm-gold2);

    font-size:
        11px;

    font-weight:
        800;

    letter-spacing:
        4px;

    text-transform:
        uppercase;

}


.mm-hero h1 {

    max-width: 950px;

    margin:
        20px 0 30px;

    font-size:
        clamp(
            65px,
            8vw,
            125px
        );

    line-height:
        .84;

    letter-spacing:
        -7px;

    text-transform:
        uppercase;

}


.mm-hero h1 span {

    display: block;

    color:
        transparent;

    -webkit-text-stroke:
        1px var(--mm-gold2);

}


.mm-hero-copy {

    max-width: 650px;

    color:
        #b9b9b9;

    font-size:
        18px;

    line-height:
        1.8;

}


.mm-hero-actions {

    display: flex;

    flex-wrap: wrap;

    gap: 12px;

    margin-top:
        38px;

}


.mm-btn {

    display: inline-flex;

    justify-content: center;

    align-items: center;

    min-width: 180px;

    min-height: 54px;

    padding:
        15px 28px;

    border-radius:
        3px;

    font-size:
        11px;

    font-weight:
        900;

    letter-spacing:
        2px;

    text-decoration:
        none !important;

    transition:
        .25s ease;

}


.mm-btn-gold {

    background:
        var(--mm-gold);

    color:
        #050505 !important;

}


.mm-btn-gold:hover {

    background:
        var(--mm-gold2);

    transform:
        translateY(-3px);

    box-shadow:
        0 15px 40px
        rgba(213,172,88,.25);

}


.mm-btn-outline {

    border:
        1px solid
        rgba(255,255,255,.25);

    color:
        #fff !important;

}


.mm-btn-outline:hover {

    border-color:
        var(--mm-gold);

    color:
        var(--mm-gold2) !important;

}



/* SCROLL INDICATOR */

.mm-scroll {

    position: absolute;

    right: 4%;

    bottom: 45px;

    display: flex;

    align-items: center;

    gap: 12px;

    color:
        #666;

    font-size:
        9px;

    font-weight:
        700;

    letter-spacing:
        2px;

    transform:
        rotate(-90deg);

    transform-origin:
        right bottom;

}


.mm-scroll span {

    width: 35px;

    height: 1px;

    background:
        var(--mm-gold);

}



/* =============================================
   BENEFITS
============================================= */

.mm-benefits {

    display: grid;

    grid-template-columns:
        repeat(3,1fr);

    border-top:
        1px solid var(--mm-border);

    border-bottom:
        1px solid var(--mm-border);

    background:
        #090909;

}


.mm-benefit {

    display: flex;

    gap: 22px;

    padding:
        32px 35px;

    border-right:
        1px solid var(--mm-border);

}


.mm-benefit:last-child {
    border-right: 0;
}


.mm-benefit > strong {

    color:
        var(--mm-gold);

    font-size:
        13px;

}


.mm-benefit h3 {

    margin-bottom:
        7px;

    font-size:
        14px;

    letter-spacing:
        1px;

    text-transform:
        uppercase;

}


.mm-benefit p {

    margin: 0;

    color:
        #777;

    font-size:
        12px;

    line-height:
        1.6;

}



/* =============================================
   STORE INTRO
============================================= */

.mm-store-intro {

    padding:
        110px 6%
        45px;

    text-align:
        center;

    background:

        radial-gradient(
            circle at center,
            rgba(213,172,88,.055),
            transparent 35%
        ),

        #050505;

}


.mm-store-intro h2,
.mm-license-section h2,
.mm-process h2,
.mm-final-cta h2 {

    margin:
        15px 0;

    font-size:
        clamp(
            42px,
            6vw,
            80px
        );

    line-height:
        .95;

    letter-spacing:
        -4px;

}


.mm-store-intro h2 span,
.mm-license-section h2 span,
.mm-process h2 span,
.mm-final-cta h2 span {

    color:
        var(--mm-gold);

}


.mm-store-intro > p {

    max-width:
        700px;

    margin:
        0 auto;

    color:
        var(--mm-gray);

    font-size:
        15px;

    line-height:
        1.8;

}


.mm-store-categories {

    display: flex;

    justify-content:
        center;

    flex-wrap:
        wrap;

    gap:
        11px;

    margin-top:
        35px;

}


.mm-store-categories span {

    padding:
        9px 17px;

    border:
        1px solid var(--mm-border);

    color:
        #888;

    font-size:
        9px;

    font-weight:
        800;

    letter-spacing:
        1.4px;

}



/* =============================================
   ACTUAL BEATSTORE PLAYER
============================================= */

.malone-beatstore-player {

    width:
        min(1280px,88%);

    margin:
        0 auto 100px !important;

    padding:
        0 !important;

    gap:
        0 !important;

    overflow:
        hidden;

    border:
        1px solid
        var(--mm-border);

    border-radius:
        8px;

    background:
        #101010;

    box-shadow:
        0 35px 90px
        rgba(0,0,0,.65);

}


/* Elementor */

.malone-beatstore-player.e-con {

    padding:
        0 !important;

    gap:
        0 !important;

}


.malone-beatstore-player
.elementor-widget-html {

    margin:
        0 !important;

}


/* PLAYER HEADER */

.mm-player-header {

    display:
        flex;

    justify-content:
        space-between;

    align-items:
        center;

    width:
        100%;

    padding:
        18px 22px;

    border-bottom:
        1px solid
        var(--mm-border);

    background:
        #090909;

}


.mm-player-brand {

    display:
        flex;

    align-items:
        center;

    gap:
        12px;

}


.mm-player-dot {

    width:
        9px;

    height:
        9px;

    border-radius:
        100%;

    background:
        var(--mm-gold);

    box-shadow:
        0 0 18px
        var(--mm-gold);

}


.mm-player-brand small {

    display:
        block;

    margin-bottom:
        3px;

    color:
        #666;

    font-size:
        8px;

    font-weight:
        800;

    letter-spacing:
        1.5px;

}


.mm-player-brand strong {

    display:
        block;

    color:
        #fff;

    font-size:
        12px;

    letter-spacing:
        1px;

}


.mm-player-message {

    color:
        #666;

    font-size:
        9px;

    font-weight:
        800;

    letter-spacing:
        2px;

}


/* REAL SHORTCODE */

.malone-beatstore-player
.elementor-widget-shortcode {

    width:
        100%;

    margin:
        0 !important;

    padding:
        15px;

}


.malone-beatstore-player
.elementor-shortcode {

    width:
        100%;

}


/* IFRAME FALLBACK */

.malone-beatstore-player iframe {

    display:
        block;

    width:
        100% !important;

    max-width:
        100% !important;

    min-height:
        720px;

    border:
        none !important;

    background:
        #101010;

}



/* =============================================
   LICENSES
============================================= */

.mm-license-section {

    padding:
        110px 6%;

    background:
        #090909;

    text-align:
        center;

}


.mm-section-description {

    max-width:
        720px;

    margin:
        0 auto 60px;

    color:
        var(--mm-gray);

    line-height:
        1.8;

}


.mm-license-grid {

    display:
        grid;

    grid-template-columns:
        repeat(4,1fr);

    max-width:
        1300px;

    margin:
        auto;

    border-top:
        1px solid
        var(--mm-border);

    border-left:
        1px solid
        var(--mm-border);

}


.mm-license {

    position:
        relative;

    padding:
        42px 29px;

    border-right:
        1px solid
        var(--mm-border);

    border-bottom:
        1px solid
        var(--mm-border);

    background:
        #0d0d0d;

    text-align:
        left;

    transition:
        .25s ease;

}


.mm-license:hover {

    background:
        #131313;

}


.mm-license-featured {

    background:

        linear-gradient(
            180deg,
            rgba(213,172,88,.10),
            #0d0d0d
        );

}


.mm-most-popular {

    position:
        absolute;

    top: 0;
    right: 0;

    padding:
        8px 12px;

    background:
        var(--mm-gold);

    color:
        #050505;

    font-size:
        8px;

    font-weight:
        900;

    letter-spacing:
        1px;

}


.mm-license-number {

    margin-bottom:
        40px;

    color:
        #454545;

    font-size:
        12px;

}


.mm-license-type {

    color:
        var(--mm-gold);

    font-size:
        9px;

    font-weight:
        900;

    letter-spacing:
        2px;

}


.mm-license h3 {

    margin:
        8px 0 18px;

    font-size:
        28px;

}


.mm-license p {

    min-height:
        95px;

    color:
        #777;

    font-size:
        13px;

    line-height:
        1.7;

}


.mm-license ul {

    min-height:
        155px;

    margin:
        28px 0;

    padding: 0;

    list-style:
        none;

}


.mm-license li {

    padding:
        8px 0;

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

    color:
        #aaa;

    font-size:
        11px;

}


.mm-license a {

    display:
        flex;

    justify-content:
        space-between;

    color:
        var(--mm-gold) !important;

    font-size:
        10px;

    font-weight:
        900;

    letter-spacing:
        1px;

    text-decoration:
        none !important;

}


.mm-license-note {

    max-width:
        900px;

    margin:
        35px auto 0;

    color:
        #606060;

    font-size:
        10px;

    line-height:
        1.7;

}



/* =============================================
   PROCESS
============================================= */

.mm-process {

    padding:
        110px 6%;

    background:
        #050505;

}


.mm-process-heading {

    max-width:
        850px;

    margin-bottom:
        55px;

}


.mm-process-grid {

    display:
        grid;

    grid-template-columns:
        repeat(4,1fr);

    max-width:
        1300px;

}


.mm-process-item {

    padding:
        30px 30px 30px 0;

    border-top:
        1px solid
        var(--mm-border);

}


.mm-process-item span {

    color:
        var(--mm-gold);

    font-size:
        10px;

    font-weight:
        900;

}


.mm-process-item h3 {

    margin:
        40px 0 12px;

    font-size:
        18px;

}


.mm-process-item p {

    max-width:
        240px;

    color:
        #777;

    font-size:
        12px;

    line-height:
        1.7;

}



/* =============================================
   FINAL CTA
============================================= */

.mm-final-cta {

    position:
        relative;

    overflow:
        hidden;

    padding:
        130px 6%;

    text-align:
        center;

    background:
        #0b0b0b;

}


.mm-cta-glow {

    position:
        absolute;

    width:
        600px;

    height:
        600px;

    top: 40%;
    left: 50%;

    transform:
        translate(-50%,-50%);

    border-radius:
        100%;

    background:
        rgba(213,172,88,.10);

    filter:
        blur(100px);

}


.mm-final-content {

    position:
        relative;

    z-index:
        2;

}


.mm-final-cta p {

    margin:
        0 auto 35px;

    color:
        #888;

    font-size:
        16px;

}



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

@media(max-width:1024px) {

    .mm-benefits {

        grid-template-columns:
            1fr;

    }

    .mm-benefit {

        border-right: 0;

        border-bottom:
            1px solid
            var(--mm-border);

    }

    .mm-license-grid {

        grid-template-columns:
            repeat(2,1fr);

    }

    .mm-process-grid {

        grid-template-columns:
            repeat(2,1fr);

    }

}



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

@media(max-width:767px) {

    .mm-hero {

        min-height:
            640px;

        padding:
            90px 22px;

    }


    .mm-hero h1 {

        font-size:
            54px;

        letter-spacing:
            -4px;

    }


    .mm-hero-copy {

        font-size:
            15px;

    }


    .mm-hero-actions {

        flex-direction:
            column;

    }


    .mm-btn {

        width:
            100%;

    }


    .mm-scroll {

        display:
            none;

    }


    .mm-store-intro {

        padding:
            75px 22px 35px;

    }


    .malone-beatstore-player {

        width:
            calc(100% - 30px);

        margin-bottom:
            70px !important;

    }


    .mm-player-header {

        align-items:
            flex-start;

        flex-direction:
            column;

        gap:
            12px;

    }


    .mm-player-message {

        display:
            none;

    }


    .malone-beatstore-player
    .elementor-widget-shortcode {

        padding:
            8px;

    }


    .malone-beatstore-player iframe {

        min-height:
            650px;

    }


    .mm-license-section,
    .mm-process,
    .mm-final-cta {

        padding:
            75px 20px;

    }


    .mm-store-intro h2,
    .mm-license-section h2,
    .mm-process h2,
    .mm-final-cta h2 {

        font-size:
            44px;

        letter-spacing:
            -2px;

    }


    .mm-license-grid {

        grid-template-columns:
            1fr;

    }


    .mm-process-grid {

        grid-template-columns:
            1fr;

    }


    .mm-process-item {

        padding-right:
            0;

    }

}/* End custom CSS */