.elementor-555 .elementor-element.elementor-element-14bb32a{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:-19px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-555 .elementor-element.elementor-element-f644174{--display:flex;--min-height:0px;--gap:5px 5px;--row-gap:5px;--column-gap:5px;border-style:solid;--border-style:solid;border-width:0px 1px 0px 0px;--border-top-width:0px;--border-right-width:1px;--border-bottom-width:0px;--border-left-width:0px;border-color:var( --e-global-color-5367d6e );--border-color:var( --e-global-color-5367d6e );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-555 .elementor-element.elementor-element-f644174:not(.elementor-motion-effects-element-type-background), .elementor-555 .elementor-element.elementor-element-f644174 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #0A71D01F 0%, #0A71D02B 100%);}.elementor-555 .elementor-element.elementor-element-f644174.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-555 .elementor-element.elementor-element-34dce65{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--border-radius:26px 0px 0px 0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-555 .elementor-element.elementor-element-dc80e47{--display:flex;--gap:15px 15px;--row-gap:15px;--column-gap:15px;--padding-top:0px;--padding-bottom:0px;--padding-left:11px;--padding-right:0px;}.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-555 .elementor-element.elementor-element-f0dc331{margin:29px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-555 .elementor-element.elementor-element-f0dc331 .elementor-heading-title{font-family:"Jost", Sans-serif;font-size:19px;font-weight:500;color:#75757B;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-555 .elementor-element.elementor-element-eebdf23 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(12px/2);}.elementor-555 .elementor-element.elementor-element-eebdf23 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(12px/2);}.elementor-555 .elementor-element.elementor-element-eebdf23 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(12px/2);}.elementor-555 .elementor-element.elementor-element-eebdf23 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-12px/2);}.elementor-555 .elementor-element.elementor-element-eebdf23 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-12px/2);}.elementor-555 .elementor-element.elementor-element-eebdf23 .elementor-icon-list-item:not(:last-child):after{content:"";border-color:#0A71D01A;}.elementor-555 .elementor-element.elementor-element-eebdf23 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child):after{border-block-start-style:solid;border-block-start-width:1px;}.elementor-555 .elementor-element.elementor-element-eebdf23 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-inline-start-style:solid;}.elementor-555 .elementor-element.elementor-element-eebdf23 .elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-inline-start-width:1px;}.elementor-555 .elementor-element.elementor-element-eebdf23 .elementor-icon-list-icon i{color:#75757B;transition:color 0.3s;}.elementor-555 .elementor-element.elementor-element-eebdf23 .elementor-icon-list-icon svg{fill:#75757B;transition:fill 0.3s;}.elementor-555 .elementor-element.elementor-element-eebdf23 .elementor-icon-list-item:hover .elementor-icon-list-icon i{color:var( --e-global-color-89a3606 );}.elementor-555 .elementor-element.elementor-element-eebdf23 .elementor-icon-list-item:hover .elementor-icon-list-icon svg{fill:var( --e-global-color-89a3606 );}.elementor-555 .elementor-element.elementor-element-eebdf23{--e-icon-list-icon-size:19px;--icon-vertical-offset:0px;}.elementor-555 .elementor-element.elementor-element-eebdf23 .elementor-icon-list-icon{padding-inline-end:2px;}.elementor-555 .elementor-element.elementor-element-eebdf23 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-555 .elementor-element.elementor-element-eebdf23 .elementor-icon-list-item > a{font-family:"Jost", Sans-serif;font-size:17px;font-weight:400;}.elementor-555 .elementor-element.elementor-element-eebdf23 .elementor-icon-list-text{color:#75757B;transition:color 0.3s;}.elementor-555 .elementor-element.elementor-element-72acadf{margin:29px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-555 .elementor-element.elementor-element-72acadf .elementor-heading-title{font-family:"Jost", Sans-serif;font-size:19px;font-weight:500;color:#75757B;}.elementor-555 .elementor-element.elementor-element-8b52f5d .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(12px/2);}.elementor-555 .elementor-element.elementor-element-8b52f5d .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(12px/2);}.elementor-555 .elementor-element.elementor-element-8b52f5d .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(12px/2);}.elementor-555 .elementor-element.elementor-element-8b52f5d .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-12px/2);}.elementor-555 .elementor-element.elementor-element-8b52f5d .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-12px/2);}.elementor-555 .elementor-element.elementor-element-8b52f5d .elementor-icon-list-item:not(:last-child):after{content:"";border-color:#0A71D01A;}.elementor-555 .elementor-element.elementor-element-8b52f5d .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child):after{border-block-start-style:solid;border-block-start-width:1px;}.elementor-555 .elementor-element.elementor-element-8b52f5d .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-inline-start-style:solid;}.elementor-555 .elementor-element.elementor-element-8b52f5d .elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-inline-start-width:1px;}.elementor-555 .elementor-element.elementor-element-8b52f5d .elementor-icon-list-icon i{color:#75757B;transition:color 0.3s;}.elementor-555 .elementor-element.elementor-element-8b52f5d .elementor-icon-list-icon svg{fill:#75757B;transition:fill 0.3s;}.elementor-555 .elementor-element.elementor-element-8b52f5d .elementor-icon-list-item:hover .elementor-icon-list-icon i{color:var( --e-global-color-89a3606 );}.elementor-555 .elementor-element.elementor-element-8b52f5d .elementor-icon-list-item:hover .elementor-icon-list-icon svg{fill:var( --e-global-color-89a3606 );}.elementor-555 .elementor-element.elementor-element-8b52f5d{--e-icon-list-icon-size:19px;--icon-vertical-offset:0px;}.elementor-555 .elementor-element.elementor-element-8b52f5d .elementor-icon-list-icon{padding-inline-end:2px;}.elementor-555 .elementor-element.elementor-element-8b52f5d .elementor-icon-list-item > .elementor-icon-list-text, .elementor-555 .elementor-element.elementor-element-8b52f5d .elementor-icon-list-item > a{font-family:"Jost", Sans-serif;font-size:17px;font-weight:400;}.elementor-555 .elementor-element.elementor-element-8b52f5d .elementor-icon-list-text{color:#75757B;transition:color 0.3s;}.elementor-555 .elementor-element.elementor-element-19c5883{--display:flex;--gap:5px 5px;--row-gap:5px;--column-gap:5px;}.elementor-555 .elementor-element.elementor-element-a1ec039{margin:29px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-555 .elementor-element.elementor-element-a1ec039 .elementor-heading-title{font-family:"Jost", Sans-serif;font-size:19px;font-weight:500;color:#75757B;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-555 .elementor-element.elementor-element-b17e9be{text-align:start;}.elementor-555 .elementor-element.elementor-element-b17e9be img{width:58%;}.elementor-555 .elementor-element.elementor-element-b83b024{text-align:start;}.elementor-555 .elementor-element.elementor-element-b83b024 img{width:58%;}.elementor-555 .elementor-element.elementor-element-4851995{--spacer-size:316px;}.elementor-555 .elementor-element.elementor-element-c90ece8{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-555 .elementor-element.elementor-element-6fc2e9a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}:root{--page-title-display:none;}@media(max-width:767px){.elementor-555 .elementor-element.elementor-element-34dce65{--gap:7px 7px;--row-gap:7px;--column-gap:7px;}.elementor-555 .elementor-element.elementor-element-f0dc331{text-align:start;}.elementor-555 .elementor-element.elementor-element-f0dc331 .elementor-heading-title{font-size:22px;}.elementor-555 .elementor-element.elementor-element-72acadf{text-align:start;}.elementor-555 .elementor-element.elementor-element-72acadf .elementor-heading-title{font-size:22px;}.elementor-555 .elementor-element.elementor-element-19c5883{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-555 .elementor-element.elementor-element-a1ec039{text-align:start;}.elementor-555 .elementor-element.elementor-element-a1ec039 .elementor-heading-title{font-size:22px;}.elementor-555 .elementor-element.elementor-element-b17e9be{text-align:start;}.elementor-555 .elementor-element.elementor-element-b17e9be img{width:54%;}.elementor-555 .elementor-element.elementor-element-b83b024{text-align:start;}.elementor-555 .elementor-element.elementor-element-b83b024 img{width:54%;}}/* Start custom CSS for container, class: .elementor-element-14bb32a *//* ========================================================= ON THE GRAND RADIO — ELEMENTOR-CONTROLLED SIDEBAR EXISTING CLASSES — DO NOT CHANGE: Parent layout : radio-page-layout Left sidebar : radio-desktop-sidebar Right content : radio-main-content WHAT THIS CSS CONTROLS: - two-column desktop layout - 340px desktop sidebar width - 300px tablet sidebar width - sidebar background/border extends to page-content end - sidebar content remains sticky - normal website/page scrolling - mobile sidebar hiding WHAT ELEMENTOR CONTROLS: - sidebar background color or gradient - sidebar border and border color - sidebar padding - container gaps - section spacing - typography, icons and app-button sizes IMPORTANT: Set background, border, padding and gaps on the OUTER container that has the class: radio-desktop-sidebar Delete all older sidebar CSS and sidebar JavaScript. Paste ONLY this complete CSS. ========================================================= */ /* ========================================================= SETTINGS ========================================================= */ :root { --radio-sidebar-width: 340px; --radio-header-height: 82px; --radio-adminbar-height: 0px; --radio-sidebar-sticky-top: calc( var(--radio-header-height) + var(--radio-adminbar-height) ); } /* WordPress admin bar */ body.admin-bar { --radio-adminbar-height: 32px; } @media screen and (max-width: 782px) { body.admin-bar { --radio-adminbar-height: 46px; } } /* ========================================================= SAFE GLOBAL BEHAVIOUR ========================================================= */ .radio-page-layout, .radio-page-layout *, .radio-page-layout *::before, .radio-page-layout *::after { box-sizing: border-box; } /* Normal page scrolling must remain enabled */ html, body { height: auto !important; min-height: 100% !important; overflow-x: hidden !important; overflow-y: auto !important; } /* ========================================================= DESKTOP / TABLET — 751PX AND ABOVE ========================================================= */ @media screen and (min-width: 751px) { /* ----------------------------------------------------- MAIN LAYOUT ----------------------------------------------------- */ .radio-page-layout, .radio-page-layout.e-con { --width: 100% !important; --min-height: 0px !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: calc( 100vh - var(--radio-sidebar-sticky-top) ) !important; max-height: none !important; margin-top: 0 !important; margin-bottom: 0 !important; position: relative !important; overflow: visible !important; transform: none !important; } /* * Structure A: * sidebar and content are direct children. */ .radio-page-layout:not(:has(> .e-con-inner)) { --display: grid !important; display: grid !important; grid-template-columns: var(--radio-sidebar-width) minmax(0, 1fr) !important; grid-template-rows: auto !important; align-items: stretch !important; align-content: start !important; /* * Gap is intentionally NOT forced here. * Change the parent-container gap in Elementor. */ } /* * Structure B: * Elementor added an inner wrapper. */ .radio-page-layout:has(> .e-con-inner) { display: block !important; } .radio-page-layout > .e-con-inner { width: 100% !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: calc( 100vh - var(--radio-sidebar-sticky-top) ) !important; max-height: none !important; display: grid !important; grid-template-columns: var(--radio-sidebar-width) minmax(0, 1fr) !important; grid-template-rows: auto !important; align-items: stretch !important; align-content: start !important; margin-top: 0 !important; margin-bottom: 0 !important; overflow: visible !important; /* * Gap, padding and background are intentionally * left for Elementor controls. */ } /* ----------------------------------------------------- OUTER SIDEBAR COLUMN This element stretches to match the complete height of radio-main-content. Therefore any background or border selected in Elementor continues to the end. ----------------------------------------------------- */ .radio-desktop-sidebar, .radio-desktop-sidebar.e-con { --width: var(--radio-sidebar-width) !important; --min-width: var(--radio-sidebar-width) !important; --max-width: var(--radio-sidebar-width) !important; grid-column: 1 !important; grid-row: 1 !important; width: var(--radio-sidebar-width) !important; min-width: var(--radio-sidebar-width) !important; max-width: var(--radio-sidebar-width) !important; flex: 0 0 var(--radio-sidebar-width) !important; /* * Do NOT make the outer sidebar sticky. * It must stretch with the full page content so * Elementor background and border reach the bottom. */ position: relative !important; top: auto !important; right: auto !important; bottom: auto !important; left: auto !important; align-self: stretch !important; height: auto !important; min-height: 100% !important; max-height: none !important; margin-top: 0 !important; margin-bottom: 0 !important; /* * Background, border, padding and gaps are NOT set. * Configure all of them directly in Elementor. */ overflow: visible !important; z-index: 2 !important; transform: none !important; } /* ----------------------------------------------------- STICKY SIDEBAR CONTENT Elementor normally places all container content inside .e-con-inner. This inner content stays visible while the outer background/border continues down the page. ----------------------------------------------------- */ .radio-desktop-sidebar > .e-con-inner { width: 100% !important; max-width: 100% !important; min-width: 0 !important; position: sticky !important; top: var(--radio-sidebar-sticky-top) !important; align-self: flex-start !important; height: auto !important; min-height: 0 !important; max-height: calc( 100vh - var(--radio-sidebar-sticky-top) ) !important; margin-top: 0 !important; margin-bottom: 0 !important; /* * Padding, gaps and background are NOT overwritten. * Adjust them through Elementor. */ overflow: visible !important; z-index: 3 !important; } /* * Fallback: * When the outer sidebar has no .e-con-inner, keep all * sidebar content inside one first nested container. */ .radio-desktop-sidebar:not(:has(> .e-con-inner)) > .e-con:first-child { position: sticky !important; top: var(--radio-sidebar-sticky-top) !important; align-self: flex-start !important; height: auto !important; min-height: 0 !important; max-height: calc( 100vh - var(--radio-sidebar-sticky-top) ) !important; margin-top: 0 !important; margin-bottom: 0 !important; overflow: visible !important; z-index: 3 !important; } /* ----------------------------------------------------- RIGHT CONTENT ----------------------------------------------------- */ .radio-main-content, .radio-main-content.e-con { grid-column: 2 !important; grid-row: 1 !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; height: auto !important; min-height: calc( 100vh - var(--radio-sidebar-sticky-top) ) !important; max-height: none !important; position: relative !important; margin-top: 0 !important; margin-bottom: 0 !important; overflow: visible !important; z-index: 1 !important; } .radio-main-content > .e-con-inner { width: 100% !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; margin-top: 0 !important; margin-bottom: 0 !important; overflow: visible !important; } /* ----------------------------------------------------- SMALL SAFETY RESETS These do not control design; they only stop Elementor percentage width settings from making the sidebar thin. ----------------------------------------------------- */ .radio-desktop-sidebar, .radio-desktop-sidebar > .e-con-inner, .radio-main-content, .radio-main-content > .e-con-inner { box-sizing: border-box !important; } } /* ========================================================= TABLET — 751PX TO 1100PX ========================================================= */ @media screen and (min-width: 751px) and (max-width: 1100px) { :root { --radio-sidebar-width: 300px; } } /* ========================================================= MOBILE — 750PX AND BELOW ========================================================= */ @media screen and (max-width: 750px) { html, body { overflow-y: auto !important; } .radio-page-layout, .radio-page-layout.e-con, .radio-page-layout > .e-con-inner { width: 100% !important; max-width: 100% !important; height: auto !important; min-height: 0 !important; max-height: none !important; display: block !important; margin-top: 0 !important; margin-bottom: 0 !important; overflow: visible !important; } .radio-desktop-sidebar, .radio-desktop-sidebar.e-con { display: none !important; } .radio-main-content, .radio-main-content.e-con, .radio-main-content > .e-con-inner { width: 100% !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; margin-top: 0 !important; margin-bottom: 0 !important; overflow: visible !important; } }/* End custom CSS */