/* MRKeliawebModern 2.0 pane layouts. Real DNN panes; edit/layout modes keep stable drop targets. */
.ew-pane-layout{--ew-pane-gap:24px;--ew-pane-row-gap:32px;display:flow-root}
.ew-main:has(> .ew-pane-layout){min-height:0}
.ew-pane-row{display:flex;flex-wrap:wrap;gap:var(--ew-pane-gap);align-items:flex-start;margin-block:var(--ew-pane-row-gap)}
.ew-pane-row.ew-pane-full{width:100%;max-width:none;margin-inline:0}
.ew-pane-row.ew-pane-narrow{max-width:880px}
.ew-pane{flex:1 1 0%;min-width:0;max-width:100%;overflow-wrap:break-word}
.ew-pane :where(img,video){max-width:100%;height:auto}
.ew-pane :where(iframe,canvas,svg){max-width:100%}
.ew-pane-row[data-pane-row="banner"]{margin-block-start:0}
.ew-pane-weight-2{flex-grow:2}
.ew-pane-weight-3{flex-grow:3}
.ew-pane-physical{direction:ltr}
.ew-theme[dir="rtl"] .ew-pane{direction:rtl}
.ew-theme[dir="ltr"] .ew-pane{direction:ltr}
.ew-pane-layout:not(.ew-pane-edit):not(:has(.dnnSortable, .paneOutline)):not(body.dnnEditState .ew-pane-layout) .ew-pane.DNNEmptyPane:not(:has(.DnnModule)){display:none!important}
.ew-pane-layout:not(.ew-pane-edit):not(:has(.dnnSortable, .paneOutline)):not(body.dnnEditState .ew-pane-layout) .ew-pane-row:not(:has(> .ew-pane:not(.DNNEmptyPane), > .ew-pane .DnnModule)){display:none!important}
:is(.ew-pane-edit, body.dnnEditState .ew-pane-layout, .ew-pane-layout:has(.dnnSortable, .paneOutline)) .ew-pane-row{position:relative;padding-block-start:32px;margin-block:40px}
:is(.ew-pane-edit, body.dnnEditState .ew-pane-layout, .ew-pane-layout:has(.dnnSortable, .paneOutline)) .ew-pane-row::before{content:attr(data-layout-label);position:absolute;inset-block-start:0;inset-inline:0;text-align:start;font-size:12px;font-weight:600;color:var(--ew-primary);pointer-events:none}
:is(.ew-pane-edit, body.dnnEditState .ew-pane-layout, .ew-pane-layout:has(.dnnSortable, .paneOutline)) .ew-pane{display:block!important;min-height:132px!important;border:1px dashed var(--ew-border-strong);background:var(--ew-cream);padding:12px;border-radius:8px;transition:none}
:is(.ew-pane-edit, body.dnnEditState .ew-pane-layout, .ew-pane-layout:has(.dnnSortable, .paneOutline)) .ew-pane::before{content:attr(data-pane-name);display:block;direction:ltr;text-align:left;font-size:11px;font-weight:600;line-height:1.5;overflow-wrap:anywhere;color:var(--ew-primary);background:var(--ew-soft);padding:6px 8px;margin-block-end:12px;border-radius:4px;pointer-events:none}
:is(.ew-pane-edit, body.dnnEditState .ew-pane-layout, .ew-pane-layout:has(.dnnSortable, .paneOutline)) .ew-pane-full{padding-inline:16px}
@media(max-width:1100px){
 .ew-pane-layout{--ew-pane-gap:20px;--ew-pane-row-gap:28px}
 .ew-pane-count-4>.ew-pane{flex-basis:calc((100% - var(--ew-pane-gap))/2)}
 .ew-pane-count-5>.ew-pane,.ew-pane-count-6>.ew-pane{flex-basis:calc((100% - 2*var(--ew-pane-gap))/3)}
}
@media(max-width:760px){
 .ew-pane-layout{--ew-pane-gap:16px;--ew-pane-row-gap:24px}
 .ew-pane-row:not(.ew-pane-many)>.ew-pane{flex-basis:100%}
 .ew-pane-many>.ew-pane{flex-basis:calc((100% - var(--ew-pane-gap))/2)}
 .ew-pane-sidebar>.ew-pane-primary{order:-1}
}
@media(max-width:540px){.ew-pane-row>.ew-pane{flex-basis:100%}}
@media print{:is(.ew-pane-edit, body.dnnEditState .ew-pane-layout, .ew-pane-layout:has(.dnnSortable, .paneOutline)) .ew-pane-row::before,:is(.ew-pane-edit, body.dnnEditState .ew-pane-layout, .ew-pane-layout:has(.dnnSortable, .paneOutline)) .ew-pane::before{display:none}:is(.ew-pane-edit, body.dnnEditState .ew-pane-layout, .ew-pane-layout:has(.dnnSortable, .paneOutline)) .ew-pane{border:0;background:transparent;padding:0}}
:is(.ew-pane-edit, body.dnnEditState .ew-pane-layout, .ew-pane-layout:has(.dnnSortable, .paneOutline)) .ew-pane-row{display:grid;align-items:start}
:is(.ew-pane-edit, body.dnnEditState .ew-pane-layout, .ew-pane-layout:has(.dnnSortable, .paneOutline)) [data-pane-row="banner"]{grid-template-columns:minmax(0,1fr)}
:is(.ew-pane-edit, body.dnnEditState .ew-pane-layout, .ew-pane-layout:has(.dnnSortable, .paneOutline)) [data-pane-row="intro"]{grid-template-columns:minmax(0,1fr)}
:is(.ew-pane-edit, body.dnnEditState .ew-pane-layout, .ew-pane-layout:has(.dnnSortable, .paneOutline)) [data-pane-row="content"]{grid-template-columns:minmax(0,1fr) minmax(0,3fr) minmax(0,1fr)}
:is(.ew-pane-edit, body.dnnEditState .ew-pane-layout, .ew-pane-layout:has(.dnnSortable, .paneOutline)) [data-pane-row="two-a"]{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
:is(.ew-pane-edit, body.dnnEditState .ew-pane-layout, .ew-pane-layout:has(.dnnSortable, .paneOutline)) [data-pane-row="three-a"]{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr)}
:is(.ew-pane-edit, body.dnnEditState .ew-pane-layout, .ew-pane-layout:has(.dnnSortable, .paneOutline)) [data-pane-row="four-a"]{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr)}
:is(.ew-pane-edit, body.dnnEditState .ew-pane-layout, .ew-pane-layout:has(.dnnSortable, .paneOutline)) [data-pane-row="wide-left"]{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}
:is(.ew-pane-edit, body.dnnEditState .ew-pane-layout, .ew-pane-layout:has(.dnnSortable, .paneOutline)) [data-pane-row="wide-right"]{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}
:is(.ew-pane-edit, body.dnnEditState .ew-pane-layout, .ew-pane-layout:has(.dnnSortable, .paneOutline)) [data-pane-row="quarter-left"]{grid-template-columns:minmax(0,3fr) minmax(0,1fr)}
:is(.ew-pane-edit, body.dnnEditState .ew-pane-layout, .ew-pane-layout:has(.dnnSortable, .paneOutline)) [data-pane-row="quarter-right"]{grid-template-columns:minmax(0,1fr) minmax(0,3fr)}
:is(.ew-pane-edit, body.dnnEditState .ew-pane-layout, .ew-pane-layout:has(.dnnSortable, .paneOutline)) [data-pane-row="sidebar-left"]{grid-template-columns:minmax(0,1fr) minmax(0,3fr)}
:is(.ew-pane-edit, body.dnnEditState .ew-pane-layout, .ew-pane-layout:has(.dnnSortable, .paneOutline)) [data-pane-row="sidebar-right"]{grid-template-columns:minmax(0,3fr) minmax(0,1fr)}
:is(.ew-pane-edit, body.dnnEditState .ew-pane-layout, .ew-pane-layout:has(.dnnSortable, .paneOutline)) [data-pane-row="sidebar-both"]{grid-template-columns:minmax(0,1fr) minmax(0,2fr) minmax(0,1fr)}
:is(.ew-pane-edit, body.dnnEditState .ew-pane-layout, .ew-pane-layout:has(.dnnSortable, .paneOutline)) [data-pane-row="feature-left"]{grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr)}
:is(.ew-pane-edit, body.dnnEditState .ew-pane-layout, .ew-pane-layout:has(.dnnSortable, .paneOutline)) [data-pane-row="feature-centre"]{grid-template-columns:minmax(0,1fr) minmax(0,2fr) minmax(0,1fr)}
:is(.ew-pane-edit, body.dnnEditState .ew-pane-layout, .ew-pane-layout:has(.dnnSortable, .paneOutline)) [data-pane-row="feature-right"]{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,2fr)}
:is(.ew-pane-edit, body.dnnEditState .ew-pane-layout, .ew-pane-layout:has(.dnnSortable, .paneOutline)) [data-pane-row="full-width"]{grid-template-columns:minmax(0,1fr)}
:is(.ew-pane-edit, body.dnnEditState .ew-pane-layout, .ew-pane-layout:has(.dnnSortable, .paneOutline)) [data-pane-row="two-b"]{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
:is(.ew-pane-edit, body.dnnEditState .ew-pane-layout, .ew-pane-layout:has(.dnnSortable, .paneOutline)) [data-pane-row="three-b"]{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr)}
:is(.ew-pane-edit, body.dnnEditState .ew-pane-layout, .ew-pane-layout:has(.dnnSortable, .paneOutline)) [data-pane-row="four-b"]{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr)}
:is(.ew-pane-edit, body.dnnEditState .ew-pane-layout, .ew-pane-layout:has(.dnnSortable, .paneOutline)) [data-pane-row="five"]{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr)}
:is(.ew-pane-edit, body.dnnEditState .ew-pane-layout, .ew-pane-layout:has(.dnnSortable, .paneOutline)) [data-pane-row="six"]{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr)}
:is(.ew-pane-edit, body.dnnEditState .ew-pane-layout, .ew-pane-layout:has(.dnnSortable, .paneOutline)) [data-pane-row="narrow"]{grid-template-columns:minmax(0,1fr)}
:is(.ew-pane-edit, body.dnnEditState .ew-pane-layout, .ew-pane-layout:has(.dnnSortable, .paneOutline)) [data-pane-row="bottom"]{grid-template-columns:minmax(0,1fr)}
:is(.ew-pane-edit, body.dnnEditState .ew-pane-layout, .ew-pane-layout:has(.dnnSortable, .paneOutline)) [data-pane-row="fluid"]{grid-template-columns:minmax(0,1fr)}
:is(.ew-pane-edit, body.dnnEditState .ew-pane-layout, .ew-pane-layout:has(.dnnSortable, .paneOutline)) [data-pane-row="pre-footer"]{grid-template-columns:minmax(0,1fr)}
:is(.ew-pane-edit, body.dnnEditState .ew-pane-layout, .ew-pane-layout:has(.dnnSortable, .paneOutline)) .ew-pane{width:100%;min-width:0;box-sizing:border-box}
@media(max-width:760px){:is(.ew-pane-edit, body.dnnEditState .ew-pane-layout, .ew-pane-layout:has(.dnnSortable, .paneOutline)) .ew-pane-row{grid-template-columns:minmax(0,1fr)}}
body.dnnEditState .ew-header,.ew-theme:has(.ew-pane-edit,.dnnSortable,.paneOutline) .ew-header{position:relative!important;top:auto!important;inset-inline:auto!important;transform:none!important;margin:0!important;transition:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
body.dnnEditState .ew-backdrop,.ew-theme:has(.ew-pane-edit,.dnnSortable,.paneOutline) .ew-backdrop{display:none!important;pointer-events:none!important}
.ew-pane-layout .DnnAjaxPanel.ew-pane::before{display:none}
.ew-pane-layout .DnnAjaxPanel.ew-pane > [data-pane-name]{min-width:0;min-height:132px;width:100%}
.ew-pane-layout .DnnAjaxPanel.ew-pane > [data-pane-name]::before{content:attr(data-pane-name);display:block;direction:ltr;text-align:left;font-size:11px;font-weight:600;line-height:1.5;overflow-wrap:anywhere;color:var(--ew-primary);background:var(--ew-soft);padding:6px 8px;margin-block-end:12px;border-radius:4px;pointer-events:none}
.ew-edit-mode .ew-header{position:relative!important;top:auto!important;inset-inline:auto!important}.ew-edit-mode .ew-backdrop{display:none!important}
body.dnnEditState .ew-widgets,.ew-theme:has(.ew-pane-edit,.dnnSortable,.paneOutline) .ew-widgets{display:none!important}