.elementor-683 .elementor-element.elementor-element-4ee0255 .ekit-wid-con .ekit-sidebar-widget{background-color:#F5EAF0;max-width:320px;}.elementor-683 .elementor-element.elementor-element-4ee0255 .ekit-bg-black{background-color:#02010100;}.elementor-683 .elementor-element.elementor-element-4ee0255 .ekit-sidebar-group{--transition-duration:0.5s;}.elementor-683 .elementor-element.elementor-element-4ee0255 .ekit_navSidebar-button{color:#AD2146;background-color:#F5EAF0;border-radius:10% 10% 10% 10%;}.elementor-683 .elementor-element.elementor-element-4ee0255 .ekit_navSidebar-button svg path{stroke:#AD2146;fill:#AD2146;}.elementor-683 .elementor-element.elementor-element-4ee0255 .ekit_navSidebar-button:hover{color:#AD2146;background-color:#F5EAF0;border-color:#02010100;}.elementor-683 .elementor-element.elementor-element-4ee0255 .ekit_navSidebar-button:hover svg path{stroke:#AD2146;fill:#AD2146;}.elementor-683 .elementor-element.elementor-element-4ee0255 .ekit_navSidebar-button i{font-size:30px;}.elementor-683 .elementor-element.elementor-element-4ee0255 .ekit_navSidebar-button svg{max-width:30px;}.elementor-683 .elementor-element.elementor-element-4ee0255 .ekit_navSidebar-button, .elementor-683 .elementor-element.elementor-element-4ee0255 .ekit_social_media ul > li:last-child{padding:4px 7px 5px 7px;}.elementor-683 .elementor-element.elementor-element-4ee0255 .ekit_close-side-widget{color:#333;border-radius:50% 50% 50% 50%;padding:4px 7px 5px 7px;}.elementor-683 .elementor-element.elementor-element-4ee0255 .ekit_close-side-widget svg path{stroke:#333;fill:#333;}.elementor-683 .elementor-element.elementor-element-4ee0255 .ekit_close-side-widget i{font-size:20px;}.elementor-683 .elementor-element.elementor-element-4ee0255 .ekit_close-side-widget svg{max-width:20px;}.elementor-683 .elementor-element.elementor-element-b71c173{--display:flex;--min-height:125px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-683 .elementor-element.elementor-element-ffc7625{padding:20px 20px 20px 20px;text-align:center;}.elementor-683 .elementor-element.elementor-element-ffc7625 .elementor-heading-title{font-family:"Oswald", Sans-serif;font-size:50px;font-weight:600;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#F5EAF0;}.elementor-683 .elementor-element.elementor-element-7ab91ca{margin:20px 10px calc(var(--kit-widget-spacing, 0px) + 20px) 10px;padding:10px 10px 10px 10px;text-align:center;}.elementor-683 .elementor-element.elementor-element-7ab91ca .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:42px;font-weight:600;color:#AD2146;}.elementor-683 .elementor-element.elementor-element-38b9e4c{--display:flex;}.elementor-683 .elementor-element.elementor-element-c2becb1{--display:flex;--border-radius:15px 15px 15px 15px;--margin-top:10px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-683 .elementor-element.elementor-element-c2becb1:not(.elementor-motion-effects-element-type-background), .elementor-683 .elementor-element.elementor-element-c2becb1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#AD2146;}.elementor-683 .elementor-element.elementor-element-6898ad0{--display:flex;--border-radius:15px 15px 15px 15px;--margin-top:10px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-683 .elementor-element.elementor-element-6898ad0:not(.elementor-motion-effects-element-type-background), .elementor-683 .elementor-element.elementor-element-6898ad0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#AD2146;}.elementor-683 .elementor-element.elementor-element-9de4875{--display:flex;--border-radius:15px 15px 15px 15px;--margin-top:10px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-683 .elementor-element.elementor-element-9de4875:not(.elementor-motion-effects-element-type-background), .elementor-683 .elementor-element.elementor-element-9de4875 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#AD2146;}.elementor-683 .elementor-element.elementor-element-795b297{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-683 .elementor-element.elementor-element-b57796b{--divider-border-style:solid;--divider-color:#AD2146;--divider-border-width:3px;}.elementor-683 .elementor-element.elementor-element-b57796b .elementor-divider-separator{width:60px;margin:0 auto;margin-center:0;}.elementor-683 .elementor-element.elementor-element-b57796b .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-683 .elementor-element.elementor-element-d53a273{margin:20px 10px calc(var(--kit-widget-spacing, 0px) + 20px) 10px;padding:10px 10px 10px 10px;text-align:center;}.elementor-683 .elementor-element.elementor-element-d53a273 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:42px;font-weight:600;color:#AD2146;}.elementor-683 .elementor-element.elementor-element-bc9ace9{--display:flex;}.elementor-683 .elementor-element.elementor-element-e1c5c98{--display:flex;--border-radius:15px 15px 15px 15px;--margin-top:10px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-683 .elementor-element.elementor-element-e1c5c98:not(.elementor-motion-effects-element-type-background), .elementor-683 .elementor-element.elementor-element-e1c5c98 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#AD2146;}.elementor-683 .elementor-element.elementor-element-aa64fbd{border-style:none;}.elementor-683 .elementor-element.elementor-element-a18140c{--display:flex;--border-radius:15px 15px 15px 15px;--margin-top:10px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-683 .elementor-element.elementor-element-a18140c:not(.elementor-motion-effects-element-type-background), .elementor-683 .elementor-element.elementor-element-a18140c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#AD2146;}.elementor-683 .elementor-element.elementor-element-443061d{border-style:none;}.elementor-683 .elementor-element.elementor-element-62a4aa5{--display:flex;--border-radius:15px 15px 15px 15px;--margin-top:10px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-683 .elementor-element.elementor-element-62a4aa5:not(.elementor-motion-effects-element-type-background), .elementor-683 .elementor-element.elementor-element-62a4aa5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#AD2146;}.elementor-683 .elementor-element.elementor-element-2ff32f1{border-style:none;}.elementor-683 .elementor-element.elementor-element-c192c2d{--display:flex;--border-radius:15px 15px 15px 15px;--margin-top:10px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-683 .elementor-element.elementor-element-c192c2d:not(.elementor-motion-effects-element-type-background), .elementor-683 .elementor-element.elementor-element-c192c2d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#AD2146;}.elementor-683 .elementor-element.elementor-element-6522b08{border-style:none;}.elementor-683 .elementor-element.elementor-element-f596e48{--display:flex;--border-radius:15px 15px 15px 15px;--margin-top:10px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-683 .elementor-element.elementor-element-f596e48:not(.elementor-motion-effects-element-type-background), .elementor-683 .elementor-element.elementor-element-f596e48 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#AD2146;}.elementor-683 .elementor-element.elementor-element-a0d60a5{border-style:none;}.elementor-683 .elementor-element.elementor-element-5154d98{--display:flex;--border-radius:15px 15px 15px 15px;--margin-top:10px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-683 .elementor-element.elementor-element-5154d98:not(.elementor-motion-effects-element-type-background), .elementor-683 .elementor-element.elementor-element-5154d98 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#AD2146;}.elementor-683 .elementor-element.elementor-element-0620c95{border-style:none;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-683 .elementor-element.elementor-element-842d5cb .elementor-button{background-color:#F5EAF0;font-family:"Oswald", Sans-serif;font-size:12px;font-weight:500;text-shadow:0px 0px 10px rgba(0,0,0,0.3);fill:#AD2146;color:#AD2146;box-shadow:0px 3px 12px 5px rgba(0,0,0,0.5);border-radius:5px 5px 5px 5px;padding:10px 10px 10px 10px;}.elementor-683 .elementor-element.elementor-element-842d5cb{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;top:50%;z-index:9999;}body:not(.rtl) .elementor-683 .elementor-element.elementor-element-842d5cb{right:0px;}body.rtl .elementor-683 .elementor-element.elementor-element-842d5cb{left:0px;}@media(max-width:1024px){.elementor-683 .elementor-element.elementor-element-b71c173{--min-height:125px;}.elementor-683 .elementor-element.elementor-element-ffc7625{padding:0px 0px 0px 0px;}.elementor-683 .elementor-element.elementor-element-ffc7625 .elementor-heading-title{font-size:45px;}}@media(max-width:767px){.elementor-683 .elementor-element.elementor-element-b71c173{--min-height:125px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-683 .elementor-element.elementor-element-ffc7625 .elementor-heading-title{font-size:40px;}.elementor-683 .elementor-element.elementor-element-842d5cb{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}}/* Start custom CSS for elementskit-header-offcanvas, class: .elementor-element-4ee0255 *//* =========================================

RHBB STICKY HAMBURGER MENU

========================================= */

.sticky-hamburger {

position: fixed;

top: 35px;

right: 20px;

z-index: 10000;

width: auto !important;


}

/* Hamburger button */

.sticky-hamburger .elementskit-menu-hamburger {


box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);


}

/* Make hamburger lines slightly thicker */

.sticky-hamburger .elementskit-menu-hamburger-icon {

height: 3px !important;

min-height: 3px !important;


}



/* =========================================
   RHBB OFF-CANVAS X BUTTON ONLY
   ========================================= */

/* Remove the background from the X button */
a.ekit_close-side-widget {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

/* Target the actual X SVG */
a.ekit_close-side-widget svg.e-fas-times {
    color: #ad2146 !important;
    fill: #ad2146 !important;
    stroke: #ad2146 !important;
}

/* Target everything inside the SVG */
a.ekit_close-side-widget svg.e-fas-times *,
a.ekit_close-side-widget svg.e-fas-times path {
    fill: #ad2146 !important;
    stroke: #ad2146 !important;
}

/* Keep the X thin */
a.ekit_close-side-widget svg.e-fas-times {
    width: 20px0px !important;
    height: 15px !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c2becb1 *//* =========================================================
   RHBB MUSIC PLAYER — CUSTOM CSS
   ========================================================= */


/* ---------------------------------------------------------
   Step 1: Transparent Player Background
   --------------------------------------------------------- */

.iron-audioplayer[data-playertemplate="skin_boxed_tracklist"] .srp_player_boxed {
    background: transparent !important;
}


/* ---------------------------------------------------------
   Step 2: Rounded Artwork + Border
   --------------------------------------------------------- */

.iron-audioplayer[data-playertemplate="skin_boxed_tracklist"] .srp_player_boxed img {
    border-radius: 12px !important;
    border: 1px solid #f5eaf0 !important;
}


/* ---------------------------------------------------------
   Step 3: Album Title
   --------------------------------------------------------- */

.iron-audioplayer[data-playertemplate="skin_boxed_tracklist"] .album-title {
    font-family: "Montserrat", sans-serif !important;
    font-weight: 500 !important;
    color: #f5eaf0 !important;
}


/* ---------------------------------------------------------
   Step 4: Player Controls
   --------------------------------------------------------- */

.iron-audioplayer[data-playertemplate="skin_boxed_tracklist"] .srp_main_control,
.iron-audioplayer[data-playertemplate="skin_boxed_tracklist"] .srp_play,
.iron-audioplayer[data-playertemplate="skin_boxed_tracklist"] .sricon-play,
.iron-audioplayer[data-playertemplate="skin_boxed_tracklist"] .sricon-pause {
    color: #f5eaf0 !important;
    border-color: #f5eaf0 !important;
}


/* ---------------------------------------------------------
   Step 4: Play Circle
   --------------------------------------------------------- */

.iron-audioplayer[data-playertemplate="skin_boxed_tracklist"] .srp-play-circle {
    border-color: #f5eaf0 !important;
}


/* ---------------------------------------------------------
   Step 6: Waveform Time
   --------------------------------------------------------- */

.iron-audioplayer[data-playertemplate="skin_boxed_tracklist"] .currentTime,
.iron-audioplayer[data-playertemplate="skin_boxed_tracklist"] .totalTime {
    color: #f5eaf0 !important;
}


/* ---------------------------------------------------------
   Step 7: Playlist Track Titles
   --------------------------------------------------------- */

.iron-audioplayer .tracklist-item-title {
    font-family: "Montserrat", sans-serif !important;
    color: #f5eaf0 !important;
}


/* ---------------------------------------------------------
   Step 8: Playlist Track Times
   --------------------------------------------------------- */

.iron-audioplayer .tracklist-item-time {
    font-family: "Montserrat", sans-serif !important;
    color: #f5eaf0 !important;
}


/* ---------------------------------------------------------
   Track Numbers
   --------------------------------------------------------- */

.iron-audioplayer span.number {
    color: #f5eaf0 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6898ad0 *//* =========================================================
   RHBB MUSIC PLAYER — CUSTOM CSS
   ========================================================= */


/* ---------------------------------------------------------
   Step 1: Transparent Player Background
   --------------------------------------------------------- */

.iron-audioplayer[data-playertemplate="skin_boxed_tracklist"] .srp_player_boxed {
    background: transparent !important;
}


/* ---------------------------------------------------------
   Step 2: Rounded Artwork + Border
   --------------------------------------------------------- */

.iron-audioplayer[data-playertemplate="skin_boxed_tracklist"] .srp_player_boxed img {
    border-radius: 12px !important;
    border: 1px solid #f5eaf0 !important;
}


/* ---------------------------------------------------------
   Step 3: Album Title
   --------------------------------------------------------- */

.iron-audioplayer[data-playertemplate="skin_boxed_tracklist"] .album-title {
    font-family: "Montserrat", sans-serif !important;
    font-weight: 500 !important;
    color: #f5eaf0 !important;
}


/* ---------------------------------------------------------
   Step 4: Player Controls
   --------------------------------------------------------- */

.iron-audioplayer[data-playertemplate="skin_boxed_tracklist"] .srp_main_control,
.iron-audioplayer[data-playertemplate="skin_boxed_tracklist"] .srp_play,
.iron-audioplayer[data-playertemplate="skin_boxed_tracklist"] .sricon-play,
.iron-audioplayer[data-playertemplate="skin_boxed_tracklist"] .sricon-pause {
    color: #f5eaf0 !important;
    border-color: #f5eaf0 !important;
}


/* ---------------------------------------------------------
   Step 4: Play Circle
   --------------------------------------------------------- */

.iron-audioplayer[data-playertemplate="skin_boxed_tracklist"] .srp-play-circle {
    border-color: #f5eaf0 !important;
}


/* ---------------------------------------------------------
   Step 6: Waveform Time
   --------------------------------------------------------- */

.iron-audioplayer[data-playertemplate="skin_boxed_tracklist"] .currentTime,
.iron-audioplayer[data-playertemplate="skin_boxed_tracklist"] .totalTime {
    color: #f5eaf0 !important;
}


/* ---------------------------------------------------------
   Step 7: Playlist Track Titles
   --------------------------------------------------------- */

.iron-audioplayer .tracklist-item-title {
    font-family: "Montserrat", sans-serif !important;
    color: #f5eaf0 !important;
}


/* ---------------------------------------------------------
   Step 8: Playlist Track Times
   --------------------------------------------------------- */

.iron-audioplayer .tracklist-item-time {
    font-family: "Montserrat", sans-serif !important;
    color: #f5eaf0 !important;
}


/* ---------------------------------------------------------
   Track Numbers
   --------------------------------------------------------- */

.iron-audioplayer span.number {
    color: #f5eaf0 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9de4875 *//* =========================================================
   RHBB MUSIC PLAYER — CUSTOM CSS
   ========================================================= */


/* ---------------------------------------------------------
   Step 1: Transparent Player Background
   --------------------------------------------------------- */

.iron-audioplayer[data-playertemplate="skin_boxed_tracklist"] .srp_player_boxed {
    background: transparent !important;
}


/* ---------------------------------------------------------
   Step 2: Rounded Artwork + Border
   --------------------------------------------------------- */

.iron-audioplayer[data-playertemplate="skin_boxed_tracklist"] .srp_player_boxed img {
    border-radius: 12px !important;
    border: 1px solid #f5eaf0 !important;
}


/* ---------------------------------------------------------
   Step 3: Album Title
   --------------------------------------------------------- */

.iron-audioplayer[data-playertemplate="skin_boxed_tracklist"] .album-title {
    font-family: "Montserrat", sans-serif !important;
    font-weight: 500 !important;
    color: #f5eaf0 !important;
}


/* ---------------------------------------------------------
   Step 4: Player Controls
   --------------------------------------------------------- */

.iron-audioplayer[data-playertemplate="skin_boxed_tracklist"] .srp_main_control,
.iron-audioplayer[data-playertemplate="skin_boxed_tracklist"] .srp_play,
.iron-audioplayer[data-playertemplate="skin_boxed_tracklist"] .sricon-play,
.iron-audioplayer[data-playertemplate="skin_boxed_tracklist"] .sricon-pause {
    color: #f5eaf0 !important;
    border-color: #f5eaf0 !important;
}


/* ---------------------------------------------------------
   Step 4: Play Circle
   --------------------------------------------------------- */

.iron-audioplayer[data-playertemplate="skin_boxed_tracklist"] .srp-play-circle {
    border-color: #f5eaf0 !important;
}


/* ---------------------------------------------------------
   Step 6: Waveform Time
   --------------------------------------------------------- */

.iron-audioplayer[data-playertemplate="skin_boxed_tracklist"] .currentTime,
.iron-audioplayer[data-playertemplate="skin_boxed_tracklist"] .totalTime {
    color: #f5eaf0 !important;
}


/* ---------------------------------------------------------
   Step 7: Playlist Track Titles
   --------------------------------------------------------- */

.iron-audioplayer .tracklist-item-title {
    font-family: "Montserrat", sans-serif !important;
    color: #f5eaf0 !important;
}


/* ---------------------------------------------------------
   Step 8: Playlist Track Times
   --------------------------------------------------------- */

.iron-audioplayer .tracklist-item-time {
    font-family: "Montserrat", sans-serif !important;
    color: #f5eaf0 !important;
}


/* ---------------------------------------------------------
   Track Numbers
   --------------------------------------------------------- */

.iron-audioplayer span.number {
    color: #f5eaf0 !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-aa64fbd *//* =========================================================
   RHBB SONaar Music Player
   Colour: #f5eaf0
   Font: Montserrat
   Layout: Artwork LEFT / Player RIGHT
   ========================================================= */


/* =========================================================
   1. MAIN PLAYER COLOUR
   ========================================================= */

.elementor-683 .elementor-element.elementor-element-aa64fbd .iron-audioplayer {
    color: #f5eaf0 !important;
}


/* =========================================================
   2. TRACK TITLE
   Bold + 2px larger
   Current size: 20px
   New size: 22px
   ========================================================= */

.elementor-683 .elementor-element.elementor-element-aa64fbd .iron-audioplayer .album-title,
.elementor-683 .elementor-element.elementor-element-aa64fbd .iron-audioplayer .srp-meta.album-title,
.elementor-683 .elementor-element.elementor-element-aa64fbd .iron-audioplayer .srp_meta.srp_meta_1.album-title {
    color: #f5eaf0 !important;
    font-family: "Montserrat", sans-serif !important;
    font-size: 22px !important;
    font-weight: 700 !important;
}


/* =========================================================
   3. PLAYER CONTROLS
   ========================================================= */

.elementor-683 .elementor-element.elementor-element-aa64fbd .iron-audioplayer .control,
.elementor-683 .elementor-element.elementor-element-aa64fbd .iron-audioplayer .play,
.elementor-683 .elementor-element.elementor-element-aa64fbd .iron-audioplayer .pause,
.elementor-683 .elementor-element.elementor-element-aa64fbd .iron-audioplayer .play-btn,
.elementor-683 .elementor-element.elementor-element-aa64fbd .iron-audioplayer .pause-btn {
    color: #f5eaf0 !important;
    fill: #f5eaf0 !important;
}


/* =========================================================
   4. SVG ICONS
   ========================================================= */

.elementor-683 .elementor-element.elementor-element-aa64fbd .iron-audioplayer svg,
.elementor-683 .elementor-element.elementor-element-aa64fbd .iron-audioplayer svg path {
    fill: #f5eaf0 !important;
    stroke: #f5eaf0 !important;
}


/* =========================================================
   5. TIMER
   ========================================================= */

.elementor-683 .elementor-element.elementor-element-aa64fbd .iron-audioplayer .srp_time,
.elementor-683 .elementor-element.elementor-element-aa64fbd .iron-audioplayer .srp-duration,
.elementor-683 .elementor-element.elementor-element-aa64fbd .iron-audioplayer .currentTime,
.elementor-683 .elementor-element.elementor-element-aa64fbd .iron-audioplayer .totalTime,
.elementor-683 .elementor-element.elementor-element-aa64fbd .iron-audioplayer .time.currentTime,
.elementor-683 .elementor-element.elementor-element-aa64fbd .iron-audioplayer .time.totalTime,
.elementor-683 .elementor-element.elementor-element-aa64fbd .iron-audioplayer .timing_currentTime,
.elementor-683 .elementor-element.elementor-element-aa64fbd .iron-audioplayer .timing_totalTime {
    color: #f5eaf0 !important;
    font-family: "Montserrat", sans-serif !important;
}


/* Exact timer elements */

.elementor-683 .elementor-element.elementor-element-aa64fbd .iron-audioplayer .sr_progressbar .currentTime,
.elementor-683 .elementor-element.elementor-element-aa64fbd .iron-audioplayer .sr_progressbar .totalTime {
    color: #f5eaf0 !important;
    font-family: "Montserrat", sans-serif !important;
    font-size: 14px !important;
}


/* =========================================================
   6. PLAY BUTTON
   Smaller size + RHBB light colour
   ========================================================= */

.elementor-683 .elementor-element.elementor-element-aa64fbd .iron-audioplayer .sricon-play {
    font-size: 80% !important;
    transform: scale(0.80) !important;
    transform-origin: center center !important;
    color: #f5eaf0 !important;
    fill: #f5eaf0 !important;
}

.elementor-683 .elementor-element.elementor-element-aa64fbd .iron-audioplayer .sricon-play::before {
    transform: scale(0.80) !important;
    transform-origin: center center !important;
    color: #f5eaf0 !important;
    fill: #f5eaf0 !important;
}

.elementor-683 .elementor-element.elementor-element-aa64fbd .iron-audioplayer .control .play,
.elementor-683 .elementor-element.elementor-element-aa64fbd .iron-audioplayer .control .play .sricon-play {
    color: #f5eaf0 !important;
    fill: #f5eaf0 !important;
    border-color: #f5eaf0 !important;
}


/* =========================================================
   7. PAUSE BUTTON
   ========================================================= */

.elementor-683 .elementor-element.elementor-element-aa64fbd .iron-audioplayer .control .pause,
.elementor-683 .elementor-element.elementor-element-aa64fbd .iron-audioplayer .control .pause::before,
.elementor-683 .elementor-element.elementor-element-aa64fbd .iron-audioplayer .control .pause .sricon-pause {
    color: #f5eaf0 !important;
    border-color: #f5eaf0 !important;
    fill: #f5eaf0 !important;
}


/* =========================================================
   8. MUSIC CARD LAYOUT
   Artwork LEFT / Player RIGHT
   ========================================================= */

.elementor-683 .elementor-element.elementor-element-aa64fbd .iron-audioplayer {
    display: grid !important;
    grid-template-columns: 40% 60% !important;
    grid-template-rows: auto !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}


/* =========================================================
   9. ARTWORK — LEFT COLUMN
   ========================================================= */

.elementor-683 .elementor-element.elementor-element-aa64fbd .iron-audioplayer > .sonaar-grid {
    grid-column: 1 !important;
    grid-row: 1 !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}


/* Artwork size */

.elementor-683 .elementor-element.elementor-element-aa64fbd .iron-audioplayer .sonaar-Artwort-box,
.elementor-683 .elementor-element.elementor-element-aa64fbd .iron-audioplayer .album-art {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}


.elementor-683 .elementor-element.elementor-element-aa64fbd .iron-audioplayer .album-art img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
}


/* =========================================================
   10. PLAYER — RIGHT COLUMN
   ========================================================= */

.elementor-683 .elementor-element.elementor-element-aa64fbd .iron-audioplayer > .album-player {
    grid-column: 2 !important;
    grid-row: 1 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}


/* =========================================================
   11. KEEP PLAYER CONTENT INSIDE RIGHT COLUMN
   ========================================================= */

.elementor-683 .elementor-element.elementor-element-aa64fbd .iron-audioplayer > .album-player .player {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}


/* =========================================================
   12. WAVEFORM
   ========================================================= */

.elementor-683 .elementor-element.elementor-element-aa64fbd .iron-audioplayer > .album-player .sr_progressbar {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}


/* =========================================================
   13. PLAY BUTTON / CONTROLS CONTAINER
   ========================================================= */

.elementor-683 .elementor-element.elementor-element-aa64fbd .iron-audioplayer > .album-player .control {
    box-sizing: border-box !important;
}


/* =========================================================
   14. HIDE STORE AREA IF EMPTY
   ========================================================= */

.elementor-683 .elementor-element.elementor-element-aa64fbd .iron-audioplayer > .album-store:empty {
    display: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-443061d *//* =========================================================
   RHBB SONaar Music Player
   Colour: #f5eaf0
   Font: Montserrat
   Layout: Artwork LEFT / Player RIGHT
   ========================================================= */


/* =========================================================
   1. MAIN PLAYER COLOUR
   ========================================================= */

.elementor-683 .elementor-element.elementor-element-443061d .iron-audioplayer {
    color: #f5eaf0 !important;
}


/* =========================================================
   2. TRACK TITLE
   Bold + 2px larger
   Current size: 20px
   New size: 22px
   ========================================================= */

.elementor-683 .elementor-element.elementor-element-443061d .iron-audioplayer .album-title,
.elementor-683 .elementor-element.elementor-element-443061d .iron-audioplayer .srp-meta.album-title,
.elementor-683 .elementor-element.elementor-element-443061d .iron-audioplayer .srp_meta.srp_meta_1.album-title {
    color: #f5eaf0 !important;
    font-family: "Montserrat", sans-serif !important;
    font-size: 22px !important;
    font-weight: 700 !important;
}


/* =========================================================
   3. PLAYER CONTROLS
   ========================================================= */

.elementor-683 .elementor-element.elementor-element-443061d .iron-audioplayer .control,
.elementor-683 .elementor-element.elementor-element-443061d .iron-audioplayer .play,
.elementor-683 .elementor-element.elementor-element-443061d .iron-audioplayer .pause,
.elementor-683 .elementor-element.elementor-element-443061d .iron-audioplayer .play-btn,
.elementor-683 .elementor-element.elementor-element-443061d .iron-audioplayer .pause-btn {
    color: #f5eaf0 !important;
    fill: #f5eaf0 !important;
}


/* =========================================================
   4. SVG ICONS
   ========================================================= */

.elementor-683 .elementor-element.elementor-element-443061d .iron-audioplayer svg,
.elementor-683 .elementor-element.elementor-element-443061d .iron-audioplayer svg path {
    fill: #f5eaf0 !important;
    stroke: #f5eaf0 !important;
}


/* =========================================================
   5. TIMER
   ========================================================= */

.elementor-683 .elementor-element.elementor-element-443061d .iron-audioplayer .srp_time,
.elementor-683 .elementor-element.elementor-element-443061d .iron-audioplayer .srp-duration,
.elementor-683 .elementor-element.elementor-element-443061d .iron-audioplayer .currentTime,
.elementor-683 .elementor-element.elementor-element-443061d .iron-audioplayer .totalTime,
.elementor-683 .elementor-element.elementor-element-443061d .iron-audioplayer .time.currentTime,
.elementor-683 .elementor-element.elementor-element-443061d .iron-audioplayer .time.totalTime,
.elementor-683 .elementor-element.elementor-element-443061d .iron-audioplayer .timing_currentTime,
.elementor-683 .elementor-element.elementor-element-443061d .iron-audioplayer .timing_totalTime {
    color: #f5eaf0 !important;
    font-family: "Montserrat", sans-serif !important;
}


/* Exact timer elements */

.elementor-683 .elementor-element.elementor-element-443061d .iron-audioplayer .sr_progressbar .currentTime,
.elementor-683 .elementor-element.elementor-element-443061d .iron-audioplayer .sr_progressbar .totalTime {
    color: #f5eaf0 !important;
    font-family: "Montserrat", sans-serif !important;
    font-size: 14px !important;
}


/* =========================================================
   6. PLAY BUTTON
   Smaller size + RHBB light colour
   ========================================================= */

.elementor-683 .elementor-element.elementor-element-443061d .iron-audioplayer .sricon-play {
    font-size: 80% !important;
    transform: scale(0.80) !important;
    transform-origin: center center !important;
    color: #f5eaf0 !important;
    fill: #f5eaf0 !important;
}

.elementor-683 .elementor-element.elementor-element-443061d .iron-audioplayer .sricon-play::before {
    transform: scale(0.80) !important;
    transform-origin: center center !important;
    color: #f5eaf0 !important;
    fill: #f5eaf0 !important;
}

.elementor-683 .elementor-element.elementor-element-443061d .iron-audioplayer .control .play,
.elementor-683 .elementor-element.elementor-element-443061d .iron-audioplayer .control .play .sricon-play {
    color: #f5eaf0 !important;
    fill: #f5eaf0 !important;
    border-color: #f5eaf0 !important;
}


/* =========================================================
   7. PAUSE BUTTON
   ========================================================= */

.elementor-683 .elementor-element.elementor-element-443061d .iron-audioplayer .control .pause,
.elementor-683 .elementor-element.elementor-element-443061d .iron-audioplayer .control .pause::before,
.elementor-683 .elementor-element.elementor-element-443061d .iron-audioplayer .control .pause .sricon-pause {
    color: #f5eaf0 !important;
    border-color: #f5eaf0 !important;
    fill: #f5eaf0 !important;
}


/* =========================================================
   8. MUSIC CARD LAYOUT
   Artwork LEFT / Player RIGHT
   ========================================================= */

.elementor-683 .elementor-element.elementor-element-443061d .iron-audioplayer {
    display: grid !important;
    grid-template-columns: 40% 60% !important;
    grid-template-rows: auto !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}


/* =========================================================
   9. ARTWORK — LEFT COLUMN
   ========================================================= */

.elementor-683 .elementor-element.elementor-element-443061d .iron-audioplayer > .sonaar-grid {
    grid-column: 1 !important;
    grid-row: 1 !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}


/* Artwork size */

.elementor-683 .elementor-element.elementor-element-443061d .iron-audioplayer .sonaar-Artwort-box,
.elementor-683 .elementor-element.elementor-element-443061d .iron-audioplayer .album-art {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}


.elementor-683 .elementor-element.elementor-element-443061d .iron-audioplayer .album-art img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
}


/* =========================================================
   10. PLAYER — RIGHT COLUMN
   ========================================================= */

.elementor-683 .elementor-element.elementor-element-443061d .iron-audioplayer > .album-player {
    grid-column: 2 !important;
    grid-row: 1 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}


/* =========================================================
   11. KEEP PLAYER CONTENT INSIDE RIGHT COLUMN
   ========================================================= */

.elementor-683 .elementor-element.elementor-element-443061d .iron-audioplayer > .album-player .player {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}


/* =========================================================
   12. WAVEFORM
   ========================================================= */

.elementor-683 .elementor-element.elementor-element-443061d .iron-audioplayer > .album-player .sr_progressbar {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}


/* =========================================================
   13. PLAY BUTTON / CONTROLS CONTAINER
   ========================================================= */

.elementor-683 .elementor-element.elementor-element-443061d .iron-audioplayer > .album-player .control {
    box-sizing: border-box !important;
}


/* =========================================================
   14. HIDE STORE AREA IF EMPTY
   ========================================================= */

.elementor-683 .elementor-element.elementor-element-443061d .iron-audioplayer > .album-store:empty {
    display: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-2ff32f1 *//* =========================================================
   RHBB SONaar Music Player
   Colour: #f5eaf0
   Font: Montserrat
   Layout: Artwork LEFT / Player RIGHT
   ========================================================= */


/* =========================================================
   1. MAIN PLAYER COLOUR
   ========================================================= */

.elementor-683 .elementor-element.elementor-element-2ff32f1 .iron-audioplayer {
    color: #f5eaf0 !important;
}


/* =========================================================
   2. TRACK TITLE
   Bold + 2px larger
   Current size: 20px
   New size: 22px
   ========================================================= */

.elementor-683 .elementor-element.elementor-element-2ff32f1 .iron-audioplayer .album-title,
.elementor-683 .elementor-element.elementor-element-2ff32f1 .iron-audioplayer .srp-meta.album-title,
.elementor-683 .elementor-element.elementor-element-2ff32f1 .iron-audioplayer .srp_meta.srp_meta_1.album-title {
    color: #f5eaf0 !important;
    font-family: "Montserrat", sans-serif !important;
    font-size: 22px !important;
    font-weight: 700 !important;
}


/* =========================================================
   3. PLAYER CONTROLS
   ========================================================= */

.elementor-683 .elementor-element.elementor-element-2ff32f1 .iron-audioplayer .control,
.elementor-683 .elementor-element.elementor-element-2ff32f1 .iron-audioplayer .play,
.elementor-683 .elementor-element.elementor-element-2ff32f1 .iron-audioplayer .pause,
.elementor-683 .elementor-element.elementor-element-2ff32f1 .iron-audioplayer .play-btn,
.elementor-683 .elementor-element.elementor-element-2ff32f1 .iron-audioplayer .pause-btn {
    color: #f5eaf0 !important;
    fill: #f5eaf0 !important;
}


/* =========================================================
   4. SVG ICONS
   ========================================================= */

.elementor-683 .elementor-element.elementor-element-2ff32f1 .iron-audioplayer svg,
.elementor-683 .elementor-element.elementor-element-2ff32f1 .iron-audioplayer svg path {
    fill: #f5eaf0 !important;
    stroke: #f5eaf0 !important;
}


/* =========================================================
   5. TIMER
   ========================================================= */

.elementor-683 .elementor-element.elementor-element-2ff32f1 .iron-audioplayer .srp_time,
.elementor-683 .elementor-element.elementor-element-2ff32f1 .iron-audioplayer .srp-duration,
.elementor-683 .elementor-element.elementor-element-2ff32f1 .iron-audioplayer .currentTime,
.elementor-683 .elementor-element.elementor-element-2ff32f1 .iron-audioplayer .totalTime,
.elementor-683 .elementor-element.elementor-element-2ff32f1 .iron-audioplayer .time.currentTime,
.elementor-683 .elementor-element.elementor-element-2ff32f1 .iron-audioplayer .time.totalTime,
.elementor-683 .elementor-element.elementor-element-2ff32f1 .iron-audioplayer .timing_currentTime,
.elementor-683 .elementor-element.elementor-element-2ff32f1 .iron-audioplayer .timing_totalTime {
    color: #f5eaf0 !important;
    font-family: "Montserrat", sans-serif !important;
}


/* Exact timer elements */

.elementor-683 .elementor-element.elementor-element-2ff32f1 .iron-audioplayer .sr_progressbar .currentTime,
.elementor-683 .elementor-element.elementor-element-2ff32f1 .iron-audioplayer .sr_progressbar .totalTime {
    color: #f5eaf0 !important;
    font-family: "Montserrat", sans-serif !important;
    font-size: 14px !important;
}


/* =========================================================
   6. PLAY BUTTON
   Smaller size + RHBB light colour
   ========================================================= */

.elementor-683 .elementor-element.elementor-element-2ff32f1 .iron-audioplayer .sricon-play {
    font-size: 80% !important;
    transform: scale(0.80) !important;
    transform-origin: center center !important;
    color: #f5eaf0 !important;
    fill: #f5eaf0 !important;
}

.elementor-683 .elementor-element.elementor-element-2ff32f1 .iron-audioplayer .sricon-play::before {
    transform: scale(0.80) !important;
    transform-origin: center center !important;
    color: #f5eaf0 !important;
    fill: #f5eaf0 !important;
}

.elementor-683 .elementor-element.elementor-element-2ff32f1 .iron-audioplayer .control .play,
.elementor-683 .elementor-element.elementor-element-2ff32f1 .iron-audioplayer .control .play .sricon-play {
    color: #f5eaf0 !important;
    fill: #f5eaf0 !important;
    border-color: #f5eaf0 !important;
}


/* =========================================================
   7. PAUSE BUTTON
   ========================================================= */

.elementor-683 .elementor-element.elementor-element-2ff32f1 .iron-audioplayer .control .pause,
.elementor-683 .elementor-element.elementor-element-2ff32f1 .iron-audioplayer .control .pause::before,
.elementor-683 .elementor-element.elementor-element-2ff32f1 .iron-audioplayer .control .pause .sricon-pause {
    color: #f5eaf0 !important;
    border-color: #f5eaf0 !important;
    fill: #f5eaf0 !important;
}


/* =========================================================
   8. MUSIC CARD LAYOUT
   Artwork LEFT / Player RIGHT
   ========================================================= */

.elementor-683 .elementor-element.elementor-element-2ff32f1 .iron-audioplayer {
    display: grid !important;
    grid-template-columns: 40% 60% !important;
    grid-template-rows: auto !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}


/* =========================================================
   9. ARTWORK — LEFT COLUMN
   ========================================================= */

.elementor-683 .elementor-element.elementor-element-2ff32f1 .iron-audioplayer > .sonaar-grid {
    grid-column: 1 !important;
    grid-row: 1 !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}


/* Artwork size */

.elementor-683 .elementor-element.elementor-element-2ff32f1 .iron-audioplayer .sonaar-Artwort-box,
.elementor-683 .elementor-element.elementor-element-2ff32f1 .iron-audioplayer .album-art {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}


.elementor-683 .elementor-element.elementor-element-2ff32f1 .iron-audioplayer .album-art img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
}


/* =========================================================
   10. PLAYER — RIGHT COLUMN
   ========================================================= */

.elementor-683 .elementor-element.elementor-element-2ff32f1 .iron-audioplayer > .album-player {
    grid-column: 2 !important;
    grid-row: 1 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}


/* =========================================================
   11. KEEP PLAYER CONTENT INSIDE RIGHT COLUMN
   ========================================================= */

.elementor-683 .elementor-element.elementor-element-2ff32f1 .iron-audioplayer > .album-player .player {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}


/* =========================================================
   12. WAVEFORM
   ========================================================= */

.elementor-683 .elementor-element.elementor-element-2ff32f1 .iron-audioplayer > .album-player .sr_progressbar {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}


/* =========================================================
   13. PLAY BUTTON / CONTROLS CONTAINER
   ========================================================= */

.elementor-683 .elementor-element.elementor-element-2ff32f1 .iron-audioplayer > .album-player .control {
    box-sizing: border-box !important;
}


/* =========================================================
   14. HIDE STORE AREA IF EMPTY
   ========================================================= */

.elementor-683 .elementor-element.elementor-element-2ff32f1 .iron-audioplayer > .album-store:empty {
    display: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-6522b08 *//* =========================================================
   RHBB SONaar Music Player
   Colour: #f5eaf0
   Font: Montserrat
   Layout: Artwork LEFT / Player RIGHT
   ========================================================= */


/* =========================================================
   1. MAIN PLAYER COLOUR
   ========================================================= */

.elementor-683 .elementor-element.elementor-element-6522b08 .iron-audioplayer {
    color: #f5eaf0 !important;
}


/* =========================================================
   2. TRACK TITLE
   Bold + 2px larger
   Current size: 20px
   New size: 22px
   ========================================================= */

.elementor-683 .elementor-element.elementor-element-6522b08 .iron-audioplayer .album-title,
.elementor-683 .elementor-element.elementor-element-6522b08 .iron-audioplayer .srp-meta.album-title,
.elementor-683 .elementor-element.elementor-element-6522b08 .iron-audioplayer .srp_meta.srp_meta_1.album-title {
    color: #f5eaf0 !important;
    font-family: "Montserrat", sans-serif !important;
    font-size: 22px !important;
    font-weight: 700 !important;
}


/* =========================================================
   3. PLAYER CONTROLS
   ========================================================= */

.elementor-683 .elementor-element.elementor-element-6522b08 .iron-audioplayer .control,
.elementor-683 .elementor-element.elementor-element-6522b08 .iron-audioplayer .play,
.elementor-683 .elementor-element.elementor-element-6522b08 .iron-audioplayer .pause,
.elementor-683 .elementor-element.elementor-element-6522b08 .iron-audioplayer .play-btn,
.elementor-683 .elementor-element.elementor-element-6522b08 .iron-audioplayer .pause-btn {
    color: #f5eaf0 !important;
    fill: #f5eaf0 !important;
}


/* =========================================================
   4. SVG ICONS
   ========================================================= */

.elementor-683 .elementor-element.elementor-element-6522b08 .iron-audioplayer svg,
.elementor-683 .elementor-element.elementor-element-6522b08 .iron-audioplayer svg path {
    fill: #f5eaf0 !important;
    stroke: #f5eaf0 !important;
}


/* =========================================================
   5. TIMER
   ========================================================= */

.elementor-683 .elementor-element.elementor-element-6522b08 .iron-audioplayer .srp_time,
.elementor-683 .elementor-element.elementor-element-6522b08 .iron-audioplayer .srp-duration,
.elementor-683 .elementor-element.elementor-element-6522b08 .iron-audioplayer .currentTime,
.elementor-683 .elementor-element.elementor-element-6522b08 .iron-audioplayer .totalTime,
.elementor-683 .elementor-element.elementor-element-6522b08 .iron-audioplayer .time.currentTime,
.elementor-683 .elementor-element.elementor-element-6522b08 .iron-audioplayer .time.totalTime,
.elementor-683 .elementor-element.elementor-element-6522b08 .iron-audioplayer .timing_currentTime,
.elementor-683 .elementor-element.elementor-element-6522b08 .iron-audioplayer .timing_totalTime {
    color: #f5eaf0 !important;
    font-family: "Montserrat", sans-serif !important;
}


/* Exact timer elements */

.elementor-683 .elementor-element.elementor-element-6522b08 .iron-audioplayer .sr_progressbar .currentTime,
.elementor-683 .elementor-element.elementor-element-6522b08 .iron-audioplayer .sr_progressbar .totalTime {
    color: #f5eaf0 !important;
    font-family: "Montserrat", sans-serif !important;
    font-size: 14px !important;
}


/* =========================================================
   6. PLAY BUTTON
   Smaller size + RHBB light colour
   ========================================================= */

.elementor-683 .elementor-element.elementor-element-6522b08 .iron-audioplayer .sricon-play {
    font-size: 80% !important;
    transform: scale(0.80) !important;
    transform-origin: center center !important;
    color: #f5eaf0 !important;
    fill: #f5eaf0 !important;
}

.elementor-683 .elementor-element.elementor-element-6522b08 .iron-audioplayer .sricon-play::before {
    transform: scale(0.80) !important;
    transform-origin: center center !important;
    color: #f5eaf0 !important;
    fill: #f5eaf0 !important;
}

.elementor-683 .elementor-element.elementor-element-6522b08 .iron-audioplayer .control .play,
.elementor-683 .elementor-element.elementor-element-6522b08 .iron-audioplayer .control .play .sricon-play {
    color: #f5eaf0 !important;
    fill: #f5eaf0 !important;
    border-color: #f5eaf0 !important;
}


/* =========================================================
   7. PAUSE BUTTON
   ========================================================= */

.elementor-683 .elementor-element.elementor-element-6522b08 .iron-audioplayer .control .pause,
.elementor-683 .elementor-element.elementor-element-6522b08 .iron-audioplayer .control .pause::before,
.elementor-683 .elementor-element.elementor-element-6522b08 .iron-audioplayer .control .pause .sricon-pause {
    color: #f5eaf0 !important;
    border-color: #f5eaf0 !important;
    fill: #f5eaf0 !important;
}


/* =========================================================
   8. MUSIC CARD LAYOUT
   Artwork LEFT / Player RIGHT
   ========================================================= */

.elementor-683 .elementor-element.elementor-element-6522b08 .iron-audioplayer {
    display: grid !important;
    grid-template-columns: 40% 60% !important;
    grid-template-rows: auto !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}


/* =========================================================
   9. ARTWORK — LEFT COLUMN
   ========================================================= */

.elementor-683 .elementor-element.elementor-element-6522b08 .iron-audioplayer > .sonaar-grid {
    grid-column: 1 !important;
    grid-row: 1 !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}


/* Artwork size */

.elementor-683 .elementor-element.elementor-element-6522b08 .iron-audioplayer .sonaar-Artwort-box,
.elementor-683 .elementor-element.elementor-element-6522b08 .iron-audioplayer .album-art {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}


.elementor-683 .elementor-element.elementor-element-6522b08 .iron-audioplayer .album-art img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
}


/* =========================================================
   10. PLAYER — RIGHT COLUMN
   ========================================================= */

.elementor-683 .elementor-element.elementor-element-6522b08 .iron-audioplayer > .album-player {
    grid-column: 2 !important;
    grid-row: 1 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}


/* =========================================================
   11. KEEP PLAYER CONTENT INSIDE RIGHT COLUMN
   ========================================================= */

.elementor-683 .elementor-element.elementor-element-6522b08 .iron-audioplayer > .album-player .player {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}


/* =========================================================
   12. WAVEFORM
   ========================================================= */

.elementor-683 .elementor-element.elementor-element-6522b08 .iron-audioplayer > .album-player .sr_progressbar {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}


/* =========================================================
   13. PLAY BUTTON / CONTROLS CONTAINER
   ========================================================= */

.elementor-683 .elementor-element.elementor-element-6522b08 .iron-audioplayer > .album-player .control {
    box-sizing: border-box !important;
}


/* =========================================================
   14. HIDE STORE AREA IF EMPTY
   ========================================================= */

.elementor-683 .elementor-element.elementor-element-6522b08 .iron-audioplayer > .album-store:empty {
    display: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-a0d60a5 *//* =========================================================
   RHBB SONaar Music Player
   Colour: #f5eaf0
   Font: Montserrat
   Layout: Artwork LEFT / Player RIGHT
   ========================================================= */


/* =========================================================
   1. MAIN PLAYER COLOUR
   ========================================================= */

.elementor-683 .elementor-element.elementor-element-a0d60a5 .iron-audioplayer {
    color: #f5eaf0 !important;
}


/* =========================================================
   2. TRACK TITLE
   Bold + 2px larger
   Current size: 20px
   New size: 22px
   ========================================================= */

.elementor-683 .elementor-element.elementor-element-a0d60a5 .iron-audioplayer .album-title,
.elementor-683 .elementor-element.elementor-element-a0d60a5 .iron-audioplayer .srp-meta.album-title,
.elementor-683 .elementor-element.elementor-element-a0d60a5 .iron-audioplayer .srp_meta.srp_meta_1.album-title {
    color: #f5eaf0 !important;
    font-family: "Montserrat", sans-serif !important;
    font-size: 22px !important;
    font-weight: 700 !important;
}


/* =========================================================
   3. PLAYER CONTROLS
   ========================================================= */

.elementor-683 .elementor-element.elementor-element-a0d60a5 .iron-audioplayer .control,
.elementor-683 .elementor-element.elementor-element-a0d60a5 .iron-audioplayer .play,
.elementor-683 .elementor-element.elementor-element-a0d60a5 .iron-audioplayer .pause,
.elementor-683 .elementor-element.elementor-element-a0d60a5 .iron-audioplayer .play-btn,
.elementor-683 .elementor-element.elementor-element-a0d60a5 .iron-audioplayer .pause-btn {
    color: #f5eaf0 !important;
    fill: #f5eaf0 !important;
}


/* =========================================================
   4. SVG ICONS
   ========================================================= */

.elementor-683 .elementor-element.elementor-element-a0d60a5 .iron-audioplayer svg,
.elementor-683 .elementor-element.elementor-element-a0d60a5 .iron-audioplayer svg path {
    fill: #f5eaf0 !important;
    stroke: #f5eaf0 !important;
}


/* =========================================================
   5. TIMER
   ========================================================= */

.elementor-683 .elementor-element.elementor-element-a0d60a5 .iron-audioplayer .srp_time,
.elementor-683 .elementor-element.elementor-element-a0d60a5 .iron-audioplayer .srp-duration,
.elementor-683 .elementor-element.elementor-element-a0d60a5 .iron-audioplayer .currentTime,
.elementor-683 .elementor-element.elementor-element-a0d60a5 .iron-audioplayer .totalTime,
.elementor-683 .elementor-element.elementor-element-a0d60a5 .iron-audioplayer .time.currentTime,
.elementor-683 .elementor-element.elementor-element-a0d60a5 .iron-audioplayer .time.totalTime,
.elementor-683 .elementor-element.elementor-element-a0d60a5 .iron-audioplayer .timing_currentTime,
.elementor-683 .elementor-element.elementor-element-a0d60a5 .iron-audioplayer .timing_totalTime {
    color: #f5eaf0 !important;
    font-family: "Montserrat", sans-serif !important;
}


/* Exact timer elements */

.elementor-683 .elementor-element.elementor-element-a0d60a5 .iron-audioplayer .sr_progressbar .currentTime,
.elementor-683 .elementor-element.elementor-element-a0d60a5 .iron-audioplayer .sr_progressbar .totalTime {
    color: #f5eaf0 !important;
    font-family: "Montserrat", sans-serif !important;
    font-size: 14px !important;
}


/* =========================================================
   6. PLAY BUTTON
   Smaller size + RHBB light colour
   ========================================================= */

.elementor-683 .elementor-element.elementor-element-a0d60a5 .iron-audioplayer .sricon-play {
    font-size: 80% !important;
    transform: scale(0.80) !important;
    transform-origin: center center !important;
    color: #f5eaf0 !important;
    fill: #f5eaf0 !important;
}

.elementor-683 .elementor-element.elementor-element-a0d60a5 .iron-audioplayer .sricon-play::before {
    transform: scale(0.80) !important;
    transform-origin: center center !important;
    color: #f5eaf0 !important;
    fill: #f5eaf0 !important;
}

.elementor-683 .elementor-element.elementor-element-a0d60a5 .iron-audioplayer .control .play,
.elementor-683 .elementor-element.elementor-element-a0d60a5 .iron-audioplayer .control .play .sricon-play {
    color: #f5eaf0 !important;
    fill: #f5eaf0 !important;
    border-color: #f5eaf0 !important;
}


/* =========================================================
   7. PAUSE BUTTON
   ========================================================= */

.elementor-683 .elementor-element.elementor-element-a0d60a5 .iron-audioplayer .control .pause,
.elementor-683 .elementor-element.elementor-element-a0d60a5 .iron-audioplayer .control .pause::before,
.elementor-683 .elementor-element.elementor-element-a0d60a5 .iron-audioplayer .control .pause .sricon-pause {
    color: #f5eaf0 !important;
    border-color: #f5eaf0 !important;
    fill: #f5eaf0 !important;
}


/* =========================================================
   8. MUSIC CARD LAYOUT
   Artwork LEFT / Player RIGHT
   ========================================================= */

.elementor-683 .elementor-element.elementor-element-a0d60a5 .iron-audioplayer {
    display: grid !important;
    grid-template-columns: 40% 60% !important;
    grid-template-rows: auto !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}


/* =========================================================
   9. ARTWORK — LEFT COLUMN
   ========================================================= */

.elementor-683 .elementor-element.elementor-element-a0d60a5 .iron-audioplayer > .sonaar-grid {
    grid-column: 1 !important;
    grid-row: 1 !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}


/* Artwork size */

.elementor-683 .elementor-element.elementor-element-a0d60a5 .iron-audioplayer .sonaar-Artwort-box,
.elementor-683 .elementor-element.elementor-element-a0d60a5 .iron-audioplayer .album-art {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}


.elementor-683 .elementor-element.elementor-element-a0d60a5 .iron-audioplayer .album-art img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
}


/* =========================================================
   10. PLAYER — RIGHT COLUMN
   ========================================================= */

.elementor-683 .elementor-element.elementor-element-a0d60a5 .iron-audioplayer > .album-player {
    grid-column: 2 !important;
    grid-row: 1 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}


/* =========================================================
   11. KEEP PLAYER CONTENT INSIDE RIGHT COLUMN
   ========================================================= */

.elementor-683 .elementor-element.elementor-element-a0d60a5 .iron-audioplayer > .album-player .player {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}


/* =========================================================
   12. WAVEFORM
   ========================================================= */

.elementor-683 .elementor-element.elementor-element-a0d60a5 .iron-audioplayer > .album-player .sr_progressbar {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}


/* =========================================================
   13. PLAY BUTTON / CONTROLS CONTAINER
   ========================================================= */

.elementor-683 .elementor-element.elementor-element-a0d60a5 .iron-audioplayer > .album-player .control {
    box-sizing: border-box !important;
}


/* =========================================================
   14. HIDE STORE AREA IF EMPTY
   ========================================================= */

.elementor-683 .elementor-element.elementor-element-a0d60a5 .iron-audioplayer > .album-store:empty {
    display: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-0620c95 *//* =========================================================
   RHBB SONaar Music Player
   Colour: #f5eaf0
   Font: Montserrat
   Layout: Artwork LEFT / Player RIGHT
   ========================================================= */


/* =========================================================
   1. MAIN PLAYER COLOUR
   ========================================================= */

.elementor-683 .elementor-element.elementor-element-0620c95 .iron-audioplayer {
    color: #f5eaf0 !important;
}


/* =========================================================
   2. TRACK TITLE
   Bold + 2px larger
   Current size: 20px
   New size: 22px
   ========================================================= */

.elementor-683 .elementor-element.elementor-element-0620c95 .iron-audioplayer .album-title,
.elementor-683 .elementor-element.elementor-element-0620c95 .iron-audioplayer .srp-meta.album-title,
.elementor-683 .elementor-element.elementor-element-0620c95 .iron-audioplayer .srp_meta.srp_meta_1.album-title {
    color: #f5eaf0 !important;
    font-family: "Montserrat", sans-serif !important;
    font-size: 22px !important;
    font-weight: 700 !important;
}


/* =========================================================
   3. PLAYER CONTROLS
   ========================================================= */

.elementor-683 .elementor-element.elementor-element-0620c95 .iron-audioplayer .control,
.elementor-683 .elementor-element.elementor-element-0620c95 .iron-audioplayer .play,
.elementor-683 .elementor-element.elementor-element-0620c95 .iron-audioplayer .pause,
.elementor-683 .elementor-element.elementor-element-0620c95 .iron-audioplayer .play-btn,
.elementor-683 .elementor-element.elementor-element-0620c95 .iron-audioplayer .pause-btn {
    color: #f5eaf0 !important;
    fill: #f5eaf0 !important;
}


/* =========================================================
   4. SVG ICONS
   ========================================================= */

.elementor-683 .elementor-element.elementor-element-0620c95 .iron-audioplayer svg,
.elementor-683 .elementor-element.elementor-element-0620c95 .iron-audioplayer svg path {
    fill: #f5eaf0 !important;
    stroke: #f5eaf0 !important;
}


/* =========================================================
   5. TIMER
   ========================================================= */

.elementor-683 .elementor-element.elementor-element-0620c95 .iron-audioplayer .srp_time,
.elementor-683 .elementor-element.elementor-element-0620c95 .iron-audioplayer .srp-duration,
.elementor-683 .elementor-element.elementor-element-0620c95 .iron-audioplayer .currentTime,
.elementor-683 .elementor-element.elementor-element-0620c95 .iron-audioplayer .totalTime,
.elementor-683 .elementor-element.elementor-element-0620c95 .iron-audioplayer .time.currentTime,
.elementor-683 .elementor-element.elementor-element-0620c95 .iron-audioplayer .time.totalTime,
.elementor-683 .elementor-element.elementor-element-0620c95 .iron-audioplayer .timing_currentTime,
.elementor-683 .elementor-element.elementor-element-0620c95 .iron-audioplayer .timing_totalTime {
    color: #f5eaf0 !important;
    font-family: "Montserrat", sans-serif !important;
}


/* Exact timer elements */

.elementor-683 .elementor-element.elementor-element-0620c95 .iron-audioplayer .sr_progressbar .currentTime,
.elementor-683 .elementor-element.elementor-element-0620c95 .iron-audioplayer .sr_progressbar .totalTime {
    color: #f5eaf0 !important;
    font-family: "Montserrat", sans-serif !important;
    font-size: 14px !important;
}


/* =========================================================
   6. PLAY BUTTON
   Smaller size + RHBB light colour
   ========================================================= */

.elementor-683 .elementor-element.elementor-element-0620c95 .iron-audioplayer .sricon-play {
    font-size: 80% !important;
    transform: scale(0.80) !important;
    transform-origin: center center !important;
    color: #f5eaf0 !important;
    fill: #f5eaf0 !important;
}

.elementor-683 .elementor-element.elementor-element-0620c95 .iron-audioplayer .sricon-play::before {
    transform: scale(0.80) !important;
    transform-origin: center center !important;
    color: #f5eaf0 !important;
    fill: #f5eaf0 !important;
}

.elementor-683 .elementor-element.elementor-element-0620c95 .iron-audioplayer .control .play,
.elementor-683 .elementor-element.elementor-element-0620c95 .iron-audioplayer .control .play .sricon-play {
    color: #f5eaf0 !important;
    fill: #f5eaf0 !important;
    border-color: #f5eaf0 !important;
}


/* =========================================================
   7. PAUSE BUTTON
   ========================================================= */

.elementor-683 .elementor-element.elementor-element-0620c95 .iron-audioplayer .control .pause,
.elementor-683 .elementor-element.elementor-element-0620c95 .iron-audioplayer .control .pause::before,
.elementor-683 .elementor-element.elementor-element-0620c95 .iron-audioplayer .control .pause .sricon-pause {
    color: #f5eaf0 !important;
    border-color: #f5eaf0 !important;
    fill: #f5eaf0 !important;
}


/* =========================================================
   8. MUSIC CARD LAYOUT
   Artwork LEFT / Player RIGHT
   ========================================================= */

.elementor-683 .elementor-element.elementor-element-0620c95 .iron-audioplayer {
    display: grid !important;
    grid-template-columns: 40% 60% !important;
    grid-template-rows: auto !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}


/* =========================================================
   9. ARTWORK — LEFT COLUMN
   ========================================================= */

.elementor-683 .elementor-element.elementor-element-0620c95 .iron-audioplayer > .sonaar-grid {
    grid-column: 1 !important;
    grid-row: 1 !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}


/* Artwork size */

.elementor-683 .elementor-element.elementor-element-0620c95 .iron-audioplayer .sonaar-Artwort-box,
.elementor-683 .elementor-element.elementor-element-0620c95 .iron-audioplayer .album-art {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}


.elementor-683 .elementor-element.elementor-element-0620c95 .iron-audioplayer .album-art img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
}


/* =========================================================
   10. PLAYER — RIGHT COLUMN
   ========================================================= */

.elementor-683 .elementor-element.elementor-element-0620c95 .iron-audioplayer > .album-player {
    grid-column: 2 !important;
    grid-row: 1 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}


/* =========================================================
   11. KEEP PLAYER CONTENT INSIDE RIGHT COLUMN
   ========================================================= */

.elementor-683 .elementor-element.elementor-element-0620c95 .iron-audioplayer > .album-player .player {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}


/* =========================================================
   12. WAVEFORM
   ========================================================= */

.elementor-683 .elementor-element.elementor-element-0620c95 .iron-audioplayer > .album-player .sr_progressbar {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}


/* =========================================================
   13. PLAY BUTTON / CONTROLS CONTAINER
   ========================================================= */

.elementor-683 .elementor-element.elementor-element-0620c95 .iron-audioplayer > .album-player .control {
    box-sizing: border-box !important;
}


/* =========================================================
   14. HIDE STORE AREA IF EMPTY
   ========================================================= */

.elementor-683 .elementor-element.elementor-element-0620c95 .iron-audioplayer > .album-store:empty {
    display: none !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-65bc155 *//* =========================================
   RHBB FOOTER - FINAL CSS
   ========================================= */

/* ---------- FOOTER CONTAINER ---------- */

.rhbb-footer-1 {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}


/* ---------- SOCIAL ICONS ---------- */

.rhbb-footer-1 .rhbb-footer-right {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 20px !important;
}

.rhbb-footer-1 .rhbb-social {
    font-size: 24px !important;
    color: #f5e5f0 !important;
}


/* ---------- COPYRIGHT + PRIVACY POLICY ---------- */

.rhbb-footer-1 .rhbb-footer-bottom {
    font-size: 14px !important;
    line-height: 1.4 !important;
}

.rhbb-footer-1 .rhbb-copyright {
    font-size: 14px !important;
    color: #f5e5f0 !important;
}

.rhbb-footer-1 .rhbb-privacy {
    font-size: 14px !important;
    color: #f5e5f0 !important;
}


/* ---------- DIVIDER ---------- */

.rhbb-footer-1 .rhbb-divider {
    height: 16px !important;
    width: 1px !important;
    background: #777777 !important;
    margin-left: 10px !important;
    margin-right: 10px !important;
}


/* ---------- MOBILE ---------- */

@media (max-width: 767px) {

    .rhbb-footer-1 .rhbb-footer-bottom {
        font-size: 13px !important;
    }

    .rhbb-footer-1 .rhbb-copyright,
    .rhbb-footer-1 .rhbb-privacy {
        font-size: 13px !important;
    }

    .rhbb-footer-1 .rhbb-divider {
        margin-left: 8px !important;
        margin-right: 8px !important;
    }
}/* End custom CSS */