/* LT Charity for Joomla (Helix Ultimate + SP Page Builder Lite). * Generated by technetwork/joomla-rebuild/emit.py from the WordPress theme's design. Helix loads this file * after its own CSS. Add your own rules at the very end. */ /* ==================== Fonts and tokens (from theme.py) ==================== */ /* Generated by engine/build.py from themes/lt-charity/theme.py. Do not edit by hand. */ @font-face{font-family:'Hepta Slab';font-style:normal;font-weight:1 900;font-display:swap;src:url('../fonts/hepta-slab-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF} @font-face{font-family:'Hepta Slab';font-style:normal;font-weight:1 900;font-display:swap;src:url('../fonts/hepta-slab-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD} @font-face{font-family:'Kumbh Sans';font-style:normal;font-weight:100 900;font-display:swap;src:url('../fonts/kumbh-sans-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF} @font-face{font-family:'Kumbh Sans';font-style:normal;font-weight:100 900;font-display:swap;src:url('../fonts/kumbh-sans-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD} body{--lt-primary:var(--e-global-color-primary,#4A1E4E);--lt-soft:var(--e-global-color-secondary,#5A5061);--lt-ink:var(--e-global-color-text,#1F1622);--lt-accent:var(--e-global-color-accent,#F2B230);--lt-base:var(--e-global-color-ltbase,#F3F3F6);--lt-surface:var(--e-global-color-ltsurface,#E7E2EB);--lt-line:var(--e-global-color-ltline,#CEC5D3);--lt-dark:var(--e-global-color-ltdark,#3B1740);--lt-on-dark:var(--e-global-color-ltondark,#F3F3F6);--lt-on-dark-soft:var(--e-global-color-ltondarksoft,#D3C4D6);--lt-primary-deep:var(--e-global-color-ltprimarydeep,#30113A);--lt-font-display:var(--e-global-typography-primary-font-family,'Hepta Slab'),Rockwell, 'Roboto Slab', Georgia, serif;--lt-font-ui:var(--e-global-typography-secondary-font-family,'Kumbh Sans'),system-ui, sans-serif;--lt-font-body:var(--e-global-typography-text-font-family,'Kumbh Sans'),system-ui, sans-serif;--lt-font-button:var(--e-global-typography-accent-font-family,'Kumbh Sans'),system-ui, sans-serif;--lt-fs-sm:0.875rem;--lt-fs-base:1.125rem;--lt-fs-nav:1rem;--lt-fs-md:1.375rem;--lt-fs-lg:1.75rem;--lt-fs-xl:2.1875rem;--lt-fs-2xl:clamp(2rem, 1.5rem + 2.2vw, 2.75rem);--lt-fs-3xl:clamp(2.4rem, 1.6rem + 3.4vw, 3.5rem);--lt-fs-hero:clamp(2.6rem, 1.5rem + 4.6vw, 5.25rem);--lt-lh-body:1.6;--lt-lh-heading:1.08;--lt-measure:64ch;--lt-sec-y:clamp(4rem, 2.6rem + 5.5vw, 7.5rem);--lt-gutter:clamp(1.1rem, 4vw, 2.5rem);--lt-wide:1200px;--lt-radius-btn:6px;--lt-radius-img:6px;--lt-scroll-pad:5.5rem;--lt-radius-field:min(var(--lt-radius-btn,4px),6px);} /* ==================== Hello Elementor reset, limited to LT content ==================== */ :where(.ltj, .sp-page-builder) *, :where(.ltj, .sp-page-builder) :after, :where(.ltj, .sp-page-builder) :before{box-sizing:border-box} :where(.ltj, .sp-page-builder) h1, :where(.ltj, .sp-page-builder) h2, :where(.ltj, .sp-page-builder) h3, :where(.ltj, .sp-page-builder) h4, :where(.ltj, .sp-page-builder) h5, :where(.ltj, .sp-page-builder) h6{color:inherit;font-family:inherit;font-weight:500;line-height:1.2;margin-block-end:1rem;margin-block-start:.5rem} :where(.ltj, .sp-page-builder) h1{font-size:2.5rem} :where(.ltj, .sp-page-builder) h2{font-size:2rem} :where(.ltj, .sp-page-builder) h3{font-size:1.75rem} :where(.ltj, .sp-page-builder) h4{font-size:1.5rem} :where(.ltj, .sp-page-builder) h5{font-size:1.25rem} :where(.ltj, .sp-page-builder) h6{font-size:1rem} :where(.ltj, .sp-page-builder) p{margin-block-end:.9rem;margin-block-start:0} :where(.ltj, .sp-page-builder) hr{box-sizing:content-box;height:0;overflow:visible} :where(.ltj, .sp-page-builder) pre{font-family:monospace;font-size:1em;white-space:pre-wrap} :where(.ltj, .sp-page-builder) a{background-color:transparent;color:#c36;text-decoration:none} :where(.ltj, .sp-page-builder) a:active, :where(.ltj, .sp-page-builder) a:hover{color:#336} :where(.ltj, .sp-page-builder) a:not([href]):not([tabindex]), :where(.ltj, .sp-page-builder) a:not([href]):not([tabindex]):focus, :where(.ltj, .sp-page-builder) a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none} :where(.ltj, .sp-page-builder) a:not([href]):not([tabindex]):focus{outline:0} :where(.ltj, .sp-page-builder) abbr[title]{border-block-end:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted} :where(.ltj, .sp-page-builder) b, :where(.ltj, .sp-page-builder) strong{font-weight:bolder} :where(.ltj, .sp-page-builder) code, :where(.ltj, .sp-page-builder) kbd, :where(.ltj, .sp-page-builder) samp{font-family:monospace;font-size:1em} :where(.ltj, .sp-page-builder) small{font-size:80%} :where(.ltj, .sp-page-builder) sub, :where(.ltj, .sp-page-builder) sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline} :where(.ltj, .sp-page-builder) sub{bottom:-.25em} :where(.ltj, .sp-page-builder) sup{top:-.5em} :where(.ltj, .sp-page-builder) img{border-style:none;height:auto;max-width:100%} :where(.ltj, .sp-page-builder) details{display:block} :where(.ltj, .sp-page-builder) summary{display:list-item} :where(.ltj, .sp-page-builder) figcaption{color:#333;font-size:16px;font-style:italic;font-weight:400;line-height:1.4} :where(.ltj, .sp-page-builder) [hidden], :where(.ltj, .sp-page-builder) template{display:none} @media print { :where(.ltj, .sp-page-builder) *, :where(.ltj, .sp-page-builder) :after, :where(.ltj, .sp-page-builder) :before{background:transparent!important;box-shadow:none!important;color:#000!important;text-shadow:none!important} :where(.ltj, .sp-page-builder) a, :where(.ltj, .sp-page-builder) a:visited{text-decoration:underline} :where(.ltj, .sp-page-builder) a[href]:after{content:" (" attr(href) ")"} :where(.ltj, .sp-page-builder) abbr[title]:after{content:" (" attr(title) ")"} :where(.ltj, .sp-page-builder) a[href^="#"]:after, :where(.ltj, .sp-page-builder) a[href^="javascript:"]:after{content:""} :where(.ltj, .sp-page-builder) pre{white-space:pre-wrap!important} :where(.ltj, .sp-page-builder) blockquote, :where(.ltj, .sp-page-builder) pre{-moz-column-break-inside:avoid;border:1px solid #ccc;break-inside:avoid} :where(.ltj, .sp-page-builder) thead{display:table-header-group} :where(.ltj, .sp-page-builder) img, :where(.ltj, .sp-page-builder) tr{-moz-column-break-inside:avoid;break-inside:avoid} :where(.ltj, .sp-page-builder) h2, :where(.ltj, .sp-page-builder) h3, :where(.ltj, .sp-page-builder) p{orphans:3;widows:3} :where(.ltj, .sp-page-builder) h2, :where(.ltj, .sp-page-builder) h3{-moz-column-break-after:avoid;break-after:avoid} } :where(.ltj, .sp-page-builder) label{display:inline-block;line-height:1;vertical-align:middle} :where(.ltj, .sp-page-builder) button, :where(.ltj, .sp-page-builder) input, :where(.ltj, .sp-page-builder) optgroup, :where(.ltj, .sp-page-builder) select, :where(.ltj, .sp-page-builder) textarea{font-family:inherit;font-size:1rem;line-height:1.5;margin:0} :where(.ltj, .sp-page-builder) input[type=date], :where(.ltj, .sp-page-builder) input[type=email], :where(.ltj, .sp-page-builder) input[type=number], :where(.ltj, .sp-page-builder) input[type=password], :where(.ltj, .sp-page-builder) input[type=search], :where(.ltj, .sp-page-builder) input[type=tel], :where(.ltj, .sp-page-builder) input[type=text], :where(.ltj, .sp-page-builder) input[type=time], :where(.ltj, .sp-page-builder) input[type=url], :where(.ltj, .sp-page-builder) select, :where(.ltj, .sp-page-builder) textarea{border:1px solid #666;border-radius:3px;padding:.5rem 1rem;transition:all .3s;width:100%} :where(.ltj, .sp-page-builder) input[type=date]:focus, :where(.ltj, .sp-page-builder) input[type=email]:focus, :where(.ltj, .sp-page-builder) input[type=number]:focus, :where(.ltj, .sp-page-builder) input[type=password]:focus, :where(.ltj, .sp-page-builder) input[type=search]:focus, :where(.ltj, .sp-page-builder) input[type=tel]:focus, :where(.ltj, .sp-page-builder) input[type=text]:focus, :where(.ltj, .sp-page-builder) input[type=time]:focus, :where(.ltj, .sp-page-builder) input[type=url]:focus, :where(.ltj, .sp-page-builder) select:focus, :where(.ltj, .sp-page-builder) textarea:focus{border-color:#333} :where(.ltj, .sp-page-builder) button, :where(.ltj, .sp-page-builder) input{overflow:visible} :where(.ltj, .sp-page-builder) button, :where(.ltj, .sp-page-builder) select{text-transform:none} :where(.ltj, .sp-page-builder) [type=button], :where(.ltj, .sp-page-builder) [type=reset], :where(.ltj, .sp-page-builder) [type=submit], :where(.ltj, .sp-page-builder) button{-webkit-appearance:button;width:auto} :where(.ltj, .sp-page-builder) [type=button], :where(.ltj, .sp-page-builder) [type=submit], :where(.ltj, .sp-page-builder) button{background-color:transparent;border:1px solid #c36;border-radius:3px;color:#c36;display:inline-block;font-size:1rem;font-weight:400;padding:.5rem 1rem;text-align:center;transition:all .3s;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap} :where(.ltj, .sp-page-builder) [type=button]:focus, :where(.ltj, .sp-page-builder) [type=button]:hover, :where(.ltj, .sp-page-builder) [type=submit]:focus, :where(.ltj, .sp-page-builder) [type=submit]:hover, :where(.ltj, .sp-page-builder) button:focus, :where(.ltj, .sp-page-builder) button:hover{background-color:#c36;color:#fff;text-decoration:none} :where(.ltj, .sp-page-builder) [type=button]:not(:disabled), :where(.ltj, .sp-page-builder) [type=submit]:not(:disabled), :where(.ltj, .sp-page-builder) button:not(:disabled){cursor:pointer} :where(.ltj, .sp-page-builder) fieldset{padding:.35em .75em .625em} :where(.ltj, .sp-page-builder) legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal} :where(.ltj, .sp-page-builder) progress{vertical-align:baseline} :where(.ltj, .sp-page-builder) textarea{overflow:auto;resize:vertical} :where(.ltj, .sp-page-builder) [type=checkbox], :where(.ltj, .sp-page-builder) [type=radio]{box-sizing:border-box;padding:0} :where(.ltj, .sp-page-builder) [type=number]::-webkit-inner-spin-button, :where(.ltj, .sp-page-builder) [type=number]::-webkit-outer-spin-button{height:auto} :where(.ltj, .sp-page-builder) [type=search]{-webkit-appearance:textfield;outline-offset:-2px} :where(.ltj, .sp-page-builder) [type=search]::-webkit-search-decoration{-webkit-appearance:none} :where(.ltj, .sp-page-builder) ::-webkit-file-upload-button{-webkit-appearance:button;font:inherit} :where(.ltj, .sp-page-builder) select{display:block} :where(.ltj, .sp-page-builder) table{background-color:transparent;border-collapse:collapse;border-spacing:0;font-size:.9em;margin-block-end:15px;width:100%} :where(.ltj, .sp-page-builder) table td, :where(.ltj, .sp-page-builder) table th{border:1px solid hsla(0,0%,50%,.502);line-height:1.5;padding:15px;vertical-align:top} :where(.ltj, .sp-page-builder) table th{font-weight:700} :where(.ltj, .sp-page-builder) table tfoot th, :where(.ltj, .sp-page-builder) table thead th{font-size:1em} :where(.ltj, .sp-page-builder) table caption+thead tr:first-child td, :where(.ltj, .sp-page-builder) table caption+thead tr:first-child th, :where(.ltj, .sp-page-builder) table colgroup+thead tr:first-child td, :where(.ltj, .sp-page-builder) table colgroup+thead tr:first-child th, :where(.ltj, .sp-page-builder) table thead:first-child tr:first-child td, :where(.ltj, .sp-page-builder) table thead:first-child tr:first-child th{border-block-start:1px solid hsla(0,0%,50%,.502)} :where(.ltj, .sp-page-builder) table tbody>tr:nth-child(odd)>td, :where(.ltj, .sp-page-builder) table tbody>tr:nth-child(odd)>th{background-color:hsla(0,0%,50%,.071)} :where(.ltj, .sp-page-builder) table tbody tr:hover>td, :where(.ltj, .sp-page-builder) table tbody tr:hover>th{background-color:hsla(0,0%,50%,.102)} :where(.ltj, .sp-page-builder) table tbody+tbody{border-block-start:2px solid hsla(0,0%,50%,.502)} @media(max-width:767px) { :where(.ltj, .sp-page-builder) table table{font-size:.8em} :where(.ltj, .sp-page-builder) table table td, :where(.ltj, .sp-page-builder) table table th{line-height:1.3;padding:7px} :where(.ltj, .sp-page-builder) table table th{font-weight:400} } :where(.ltj, .sp-page-builder) dd, :where(.ltj, .sp-page-builder) dl, :where(.ltj, .sp-page-builder) dt, :where(.ltj, .sp-page-builder) li, :where(.ltj, .sp-page-builder) ol, :where(.ltj, .sp-page-builder) ul{background:transparent;border:0;font-size:100%;margin-block-end:0;margin-block-start:0;outline:0;vertical-align:baseline} :where(.ltj, .sp-page-builder) [tabindex]:not([tabindex="-1"]):focus-visible, :where(.ltj, .sp-page-builder) a:focus-visible, :where(.ltj, .sp-page-builder) button:focus-visible, :where(.ltj, .sp-page-builder) input:focus-visible, :where(.ltj, .sp-page-builder) select:focus-visible, :where(.ltj, .sp-page-builder) textarea:focus-visible{box-shadow:0 0 0 4px #fff;outline:2px solid #000;outline-offset:2px} :where(.ltj, .sp-page-builder) [tabindex]:not([tabindex="-1"]):focus:not(:focus-visible), :where(.ltj, .sp-page-builder) a:focus:not(:focus-visible), :where(.ltj, .sp-page-builder) button:focus:not(:focus-visible), :where(.ltj, .sp-page-builder) input:focus:not(:focus-visible), :where(.ltj, .sp-page-builder) select:focus:not(:focus-visible), :where(.ltj, .sp-page-builder) textarea:focus:not(:focus-visible){box-shadow:none;outline:none} /* ==================== Engine (shared by every LT theme) ==================== */ html{scroll-behavior: smooth; scroll-padding-top: var(--lt-scroll-pad, 6rem);} body{margin: 0; background-color: var(--lt-base); color: var(--lt-ink); font-family: var(--lt-font-body); font-size: var(--lt-fs-base); line-height: var(--lt-lh-body, 1.6); -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility;} h1, h2, h3, h4, h5, h6, .ltj-heading-title{font-family: var(--lt-font-display); line-height: var(--lt-lh-heading, 1.1); text-wrap: balance; margin-top: 0;} p{text-wrap: pretty;} img{max-width: 100%; height: auto;} .screen-reader-text{position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); white-space: nowrap;} .skip-link:focus{clip: auto; width: auto; height: auto; z-index: 100000; top: 0.5rem; left: 0.5rem; padding: 0.75rem 1rem; background: var(--lt-base); color: var(--lt-ink);} :where(a, button, summary, input, select, textarea, .ltj-tab-title, [tabindex]):focus-visible{outline: 2px solid var(--lt-focus, var(--lt-primary)); outline-offset: 3px;} .ltj-widget-text-editor p{margin: 0 0 0.9em;} .ltj-widget-text-editor > :last-child, .ltj-widget-text-editor p:last-child{margin-bottom: 0;} .ltj-widget-text-editor{max-width: var(--lt-measure, 68ch);} .lt-wide-text.ltj-widget-text-editor{max-width: none;} .ltj-e-con.lt-sec{--padding-top: var(--lt-sec-y); --padding-bottom: var(--lt-sec-y); --padding-left: var(--lt-gutter); --padding-right: var(--lt-gutter);} .ltj-e-con.lt-sec--tight{--padding-top: calc(var(--lt-sec-y) * 0.6); --padding-bottom: calc(var(--lt-sec-y) * 0.6);} .ltj-e-con.lt-tint{background-color: var(--lt-surface);} .ltj-e-con.lt-dark{background-color: var(--lt-dark); color: var(--lt-on-dark); --lt-focus: var(--lt-accent);} .lt-dark :is(.ltj-heading-title, .ltj-widget-text-editor, .ltj-icon-list-text, .ltj-tab-title a, .ltj-tab-content){color: var(--lt-on-dark);} body .lt-dark .ltj-widget-text-editor a{color: var(--lt-on-dark);} .lt-lead.ltj-widget-text-editor{font-size: var(--lt-fs-md); color: var(--lt-soft);} .lt-dark .lt-lead.ltj-widget-text-editor{color: var(--lt-on-dark-soft, var(--lt-on-dark));} .lt-small.ltj-widget-text-editor, .lt-note.ltj-widget-text-editor{font-size: var(--lt-fs-sm); color: var(--lt-soft);} .lt-dark .lt-note.ltj-widget-text-editor{color: var(--lt-on-dark-soft, var(--lt-on-dark));} .lt-buttons.ltj-e-con{--gap: 12px;} body .ltj-widget-button.lt-btn--outline .ltj-button{background: transparent; color: var(--lt-primary); box-shadow: inset 0 0 0 2px currentColor;} body .ltj-widget-button.lt-btn--outline .ltj-button:hover{background: color-mix(in srgb, var(--lt-primary) 8%, transparent); color: var(--lt-primary);} body .lt-dark .ltj-widget-button.lt-btn--outline .ltj-button{color: var(--lt-on-dark);} body .lt-dark .ltj-widget-button.lt-btn--outline .ltj-button:hover{background: color-mix(in srgb, var(--lt-on-dark) 12%, transparent); color: var(--lt-on-dark);} body .ltj-widget-button.lt-btn--quiet .ltj-button{padding: 0.2em 0; border-radius: 0; background: none; color: var(--lt-primary); text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 0.3em;} body .lt-dark .ltj-widget-button.lt-btn--quiet .ltj-button{color: var(--lt-on-dark);} .lt-ticks .ltj-icon-list-item{align-items: flex-start !important; padding-block: 0.3rem;} .lt-ticks .ltj-icon-list-icon{flex: none; margin-top: 0.3em; margin-right: 0.65rem;} .lt-ticks .ltj-icon-list-icon svg{width: 0.85em !important; height: 0.85em !important; fill: var(--lt-primary);} .lt-dark .lt-ticks .ltj-icon-list-icon svg{fill: var(--lt-accent);} .lt-ticks .ltj-icon-list-text{color: inherit; font-size: var(--lt-fs-base);} .lt-faq .ltj-toggle-item{border-top: 1px solid var(--lt-line);} .lt-faq .ltj-toggle-item:last-child{border-bottom: 1px solid var(--lt-line);} .lt-faq .ltj-tab-title{position: relative; padding: 1.1rem 3rem 1.1rem 0 !important; border: 0 !important; cursor: pointer;} body .lt-faq .ltj-tab-title a, body .lt-faq .ltj-toggle-item[open] > summary > .ltj-tab-title a{color: var(--lt-ink); font-family: var(--lt-font-display); font-size: var(--lt-fs-md); font-weight: 700; text-decoration: none;} .lt-faq .ltj-toggle-icon{display: none !important;} .lt-faq .ltj-tab-title::after{content: "+"; position: absolute; right: 0.25rem; top: 50%; transform: translateY(-50%); font-family: var(--lt-font-body); font-size: 1.6rem; line-height: 1; color: var(--lt-primary);} .lt-faq .ltj-toggle-item[open] > summary > .ltj-tab-title::after{content: "\2212";} .lt-faq .ltj-tab-content{padding: 0 3rem 1.25rem 0 !important; border: 0 !important; color: var(--lt-soft); max-width: var(--lt-measure, 68ch);} .ltj-e-con.lt-rows{--gap: 0;} .lt-rows > .ltj-e-con, .lt-rows > .ltj-e-con-inner > .ltj-e-con{--padding-top: 0.85rem; --padding-bottom: 0.85rem; border-bottom: 1px solid var(--lt-line);} .lt-rows > .ltj-e-con:first-child{border-top: 1px solid var(--lt-line);} .lt-rows .ltj-widget-text-editor p{margin: 0;} .lt-num{font-variant-numeric: tabular-nums lining-nums;} .lt-photo img, .ltj-widget-image.lt-photo img{display: block; width: 100%; object-fit: cover; border-radius: var(--lt-radius-img, 0);} .lt-ar-wide img{aspect-ratio: 16 / 10;} .lt-ar-photo img{aspect-ratio: 4 / 3;} .lt-ar-square img{aspect-ratio: 1;} .lt-ar-tall img{aspect-ratio: 4 / 5;} .lt-posts--grid{display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr)); gap: 2rem;} .lt-post{display: flex; flex-direction: column; gap: 0.9rem;} .lt-post__img{display: block; width: 100%; aspect-ratio: 16 / 10; object-fit: cover; border-radius: var(--lt-radius-img, 0);} .lt-post__meta{margin: 0; font-family: var(--lt-font-ui, var(--lt-font-body)); font-size: var(--lt-fs-sm); color: var(--lt-soft);} .lt-post__title{margin: 0.2rem 0 0.4rem; font-size: var(--lt-fs-lg);} body .lt-post__title a{color: var(--lt-ink); text-decoration: none;} body .lt-post__title a:hover{text-decoration: underline; text-underline-offset: 0.2em;} .lt-post__excerpt{margin: 0; color: var(--lt-soft);} .lt-blog, .lt-404, .lt-page:not(.lt-page--built){max-width: calc(var(--lt-wide) + 2 * var(--lt-gutter)); margin: 0 auto; padding: var(--lt-sec-y) var(--lt-gutter); box-sizing: border-box;} .lt-blog__head{max-width: 48rem; margin-bottom: 3rem;} .lt-blog__title, .lt-page__title, .lt-404__title{font-size: var(--lt-fs-3xl); font-weight: 800; margin-bottom: 0.6rem;} .lt-blog__intro{font-size: var(--lt-fs-md); color: var(--lt-soft); margin: 0;} .lt-posts--list{display: grid; gap: 0; border-top: 1px solid var(--lt-line);} .lt-posts--list .lt-post{display: grid; grid-template-columns: minmax(0, 1fr); gap: 1.25rem 2.5rem; padding: 2rem 0; border-bottom: 1px solid var(--lt-line);} .lt-posts--list .lt-post.has-img{grid-template-columns: minmax(0, 2fr) minmax(0, 3fr); align-items: center;} .lt-posts--list .lt-post__title{font-size: var(--lt-fs-xl);} .lt-page__content > *:not(.ltj){max-width: var(--lt-measure, 68ch);} .navigation.pagination{margin-top: 2.5rem;} .nav-links{display: flex; flex-wrap: wrap; gap: 0.5rem;} .nav-links .page-numbers{display: inline-block; min-width: 2.75rem; padding: 0.6rem 0.9rem; box-sizing: border-box; border: 1px solid var(--lt-line); text-align: center; text-decoration: none; color: var(--lt-ink);} .nav-links .page-numbers.current{background: var(--lt-ink); border-color: var(--lt-ink); color: var(--lt-base);} .lt-single{max-width: 46rem; margin: 0 auto; padding: var(--lt-sec-y) var(--lt-gutter); box-sizing: content-box;} .lt-single__back{margin: 0 0 1.5rem; font-family: var(--lt-font-ui, var(--lt-font-body)); font-size: var(--lt-fs-sm);} .lt-single__title{font-size: var(--lt-fs-3xl); font-weight: 800; margin-bottom: 0.75rem;} .lt-single__meta{margin: 0 0 2rem; color: var(--lt-soft); font-family: var(--lt-font-ui, var(--lt-font-body)); font-size: var(--lt-fs-sm);} .lt-single__media{margin: 0 0 2.5rem;} .lt-single__media img{display: block; width: 100%; border-radius: var(--lt-radius-img, 0);} .lt-single__content{font-size: var(--lt-fs-md); line-height: var(--lt-lh-body, 1.6);} .lt-single__content h2{font-size: var(--lt-fs-xl); margin: 2.2rem 0 0.8rem;} .lt-single__content h3{font-size: var(--lt-fs-lg); margin: 1.8rem 0 0.6rem;} .lt-single__content blockquote{margin: 2rem 0; padding-left: 1.25rem; border-left: 3px solid var(--lt-primary); font-size: var(--lt-fs-lg);} .lt-single__nav{display: flex; justify-content: space-between; gap: 2rem; margin-top: 3rem; padding-top: 1.5rem; border-top: 1px solid var(--lt-line); font-family: var(--lt-font-ui, var(--lt-font-body));} .lt-single__next{margin-left: auto; text-align: right;} .search-form{display: flex; gap: 0.5rem; max-width: 32rem;} .search-form label{flex: 1;} .search-form .search-field{width: 100%; box-sizing: border-box; padding: 0.8rem 1rem; border: 1px solid var(--lt-line-strong, var(--lt-soft)); border-radius: var(--lt-radius-field, min(var(--lt-radius-btn, 4px), 6px)); background: var(--lt-base); color: var(--lt-ink); font: inherit;} .lt-404{min-height: 50vh;} .lt-404__text{max-width: 36rem; font-size: var(--lt-fs-md); color: var(--lt-soft); margin: 0 0 2rem;} .lt-404__links{display: flex; flex-wrap: wrap; gap: 0.5rem 1.75rem; margin: 2.5rem 0 0; padding: 0; list-style: none; font-family: var(--lt-font-ui, var(--lt-font-body)); font-weight: 600;} @media (max-width: 767px) { .lt-posts--list .lt-post.has-img{grid-template-columns: minmax(0, 1fr);} .lt-faq .ltj-tab-content{padding-right: 0 !important;} } @media (prefers-reduced-motion: reduce) { html{scroll-behavior: auto;} *, *::before, *::after{animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important;} } body :is(input[type="text"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="number"], input[type="password"], input[type="date"], textarea, select){border-radius: var(--lt-radius-field, min(var(--lt-radius-btn, 4px), 6px));} body :is(.search-submit, .comment-form [type="submit"], .post-password-form [type="submit"]){padding: 0.8rem 1.3rem; border: 0; border-radius: var(--lt-radius-btn, 4px); background: var(--lt-primary); color: var(--lt-on-primary, var(--lt-base)); font-family: var(--lt-font-ui, var(--lt-font-body)); font-weight: 700; cursor: pointer;} body :is(.search-submit, .comment-form [type="submit"], .post-password-form [type="submit"]):hover, body :is(.search-submit, .comment-form [type="submit"], .post-password-form [type="submit"]):focus{background: var(--lt-primary-deep, var(--lt-ink)); color: var(--lt-on-primary, var(--lt-base));} .comment-form :is(input[type="text"], input[type="email"], input[type="url"], textarea){width: 100%; box-sizing: border-box; padding: 0.7rem 0.9rem; border: 1px solid var(--lt-line-strong, var(--lt-soft)); border-radius: var(--lt-radius-field, min(var(--lt-radius-btn, 4px), 6px)); background: var(--lt-base); color: var(--lt-ink); font: inherit;} /* ==================== Theme: LT Charity ==================== */ h1, h2, h3, h4, h5, h6, .ltj-heading-title, .lt-brand__name, .lt-blog__title, .lt-single__title, .lt-404__title{letter-spacing: -0.01em;} .lt-num, .lt-num p{font-variant-numeric: tabular-nums lining-nums;} body .ltj-button{letter-spacing: 0.005em;} .lt-h3 .ltj-heading-title{font-size: var(--lt-fs-xl);} .lt-h4 .ltj-heading-title{font-size: var(--lt-fs-md); font-weight: 650; line-height: 1.2;} .ltj-e-con.lt-sec.lt-topbar-bar{--padding-top: 0.5rem; --padding-bottom: 0.5rem; font-size: var(--lt-fs-sm);} .lt-topbar-bar .ltj-widget-text-editor{color: var(--lt-on-dark); white-space: nowrap;} .lt-topbar-bar .lt-topbar__open{flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis;} .lt-dot{display: inline-block; width: 0.55rem; height: 0.55rem; margin-right: 0.55rem; border-radius: 50%; background: var(--lt-accent); vertical-align: 0.06em;} .lt-header{border-bottom-color: var(--lt-line);} .lt-brand__mark{width: 2.4rem; height: 2.4rem;} .lt-brand__name{font-size: 1.55rem; font-weight: 750; letter-spacing: -0.01em;} body .lt-menu a{font-weight: 600;} .ltj-e-con.lt-hero{--padding-top: clamp(3rem, 1.8rem + 5vw, 6rem); --padding-bottom: clamp(3rem, 1.8rem + 5vw, 6rem);} .lt-hero__title .ltj-heading-title{font-size: var(--lt-fs-hero); font-weight: 750; line-height: 1.02; letter-spacing: -0.02em; color: var(--lt-on-dark); max-width: 13ch;} .lt-dark .lt-hero__lead.ltj-widget-text-editor{color: var(--lt-on-dark-soft); font-size: var(--lt-fs-md); max-width: 34rem;} .lt-dark .lt-hero__note.ltj-widget-text-editor{color: var(--lt-on-dark-soft); font-size: var(--lt-fs-sm);} body .lt-dark .ltj-widget-button.lt-btn--primary .ltj-button{background: var(--lt-on-dark); color: var(--lt-dark);} body .lt-dark .ltj-widget-button.lt-btn--primary .ltj-button:hover{background: #FFFFFF; color: var(--lt-dark);} .ltj-e-con.lt-ladder{width: 100%; max-width: 34rem; margin-inline: auto;} .ltj-e-con.lt-ladder__rails{position: relative; --padding-top: 1.4rem; --padding-bottom: 1.4rem; --padding-left: 1.75rem; --padding-right: 1.75rem;} .ltj-e-con.lt-ladder__rails::before, .ltj-e-con.lt-ladder__rails::after{content: ""; position: absolute; top: 0; bottom: 0; width: 8px; border-radius: 4px; background: var(--lt-on-dark-soft); opacity: 1; mix-blend-mode: normal;} .ltj-e-con.lt-ladder__rails::before{left: 0; right: auto;} .ltj-e-con.lt-ladder__rails::after{right: 0; left: auto;} .ltj-e-con.lt-rung{position: relative; --padding-top: 1.05rem; --padding-bottom: 1.15rem;} .ltj-e-con.lt-rung::after{content: ""; position: absolute; left: -1.75rem; right: -1.75rem; bottom: 0; height: 6px; background: var(--lt-accent);} .lt-rung__amount .ltj-heading-title{font-size: clamp(1.9rem, 1.4rem + 1.4vw, 2.6rem); font-weight: 800; line-height: 1; letter-spacing: -0.02em; color: var(--lt-on-dark); font-variant-numeric: tabular-nums lining-nums;} .lt-dark .lt-rung__text.ltj-widget-text-editor{color: var(--lt-on-dark); font-size: var(--lt-fs-base); line-height: 1.35;} .lt-rung__text p{margin: 0;} .lt-dark .lt-ladder__caption.ltj-widget-text-editor{color: var(--lt-on-dark-soft); font-size: var(--lt-fs-sm); text-align: center; padding-top: 0.9rem;} .lt-hero .ltj-e-con.lt-rung{animation: lt-climb 0.42s cubic-bezier(0.2, 0.7, 0.2, 1) both;} .lt-hero .ltj-e-con.lt-rung:nth-last-child(2){animation-delay: 0.07s;} .lt-hero .ltj-e-con.lt-rung:nth-last-child(3){animation-delay: 0.14s;} .lt-hero .ltj-e-con.lt-rung:nth-last-child(4){animation-delay: 0.21s;} .lt-hero .ltj-e-con.lt-rung:nth-last-child(5){animation-delay: 0.28s;} .lt-hero .ltj-e-con.lt-rung:nth-last-child(6){animation-delay: 0.35s;} @keyframes lt-climb{from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; }} .ltj-e-con.lt-ladder-band .lt-cta__title .ltj-heading-title{font-size: var(--lt-fs-2xl);} .lt-rungtag p{display: inline-block; margin: 0; padding: 0.3rem 0.95rem 0.45rem; border: 0 solid var(--lt-primary); border-width: 0 4px 4px; color: var(--lt-ink); font-size: var(--lt-fs-base); line-height: 1.35;} .lt-rungtag strong{margin-right: 0.2rem; color: var(--lt-primary); font-family: var(--lt-font-display); font-size: 1.3em; font-weight: 800;} .lt-programme__name .ltj-heading-title{font-size: var(--lt-fs-lg);} .lt-programme__name .ltj-heading-title a{color: var(--lt-ink); text-decoration: none;} .lt-programme__name .ltj-heading-title a:hover{color: var(--lt-primary); text-decoration: underline; text-underline-offset: 0.15em;} .ltj-e-con.lt-programme{--padding-top: 1.6rem; --padding-bottom: 1.6rem;} .lt-programme__when{font-weight: 650;} .lt-stock__item{font-size: var(--lt-fs-md);} .lt-chip p{display: inline-block; margin: 0; padding: 0.15rem 0.7rem 0.2rem; border: 1px solid var(--lt-line); border-radius: 3px; color: var(--lt-soft); font-size: var(--lt-fs-sm); font-weight: 650; white-space: nowrap;} .lt-chip--low p{border-color: var(--lt-primary); background: var(--lt-primary); color: var(--lt-base);} .ltj-e-con.lt-steps{border-top: 4px solid var(--lt-primary);} .ltj-e-con.lt-step{--padding-top: 1.5rem; --padding-bottom: 1.5rem; --padding-right: 2rem; --padding-left: 2rem; border-left: 1px solid var(--lt-line);} .ltj-e-con.lt-step:first-child{--padding-left: 0; border-left: 0;} .lt-step__n{color: var(--lt-primary); font-family: var(--lt-font-display); font-size: var(--lt-fs-2xl); font-weight: 800; line-height: 1;} .lt-step__n p{margin: 0;} .lt-shift__role .ltj-heading-title{font-size: var(--lt-fs-md); line-height: 1.2;} .lt-shift__when{font-weight: 650;} .lt-shifts--compact .ltj-e-con.lt-shift{grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;} .lt-shifts--compact .lt-shift > .lt-note{display: none;} .lt-share__amount{color: var(--lt-primary); font-family: var(--lt-font-display); font-size: var(--lt-fs-lg); font-weight: 800; line-height: 1;} .lt-share__label{font-size: var(--lt-fs-base);} .lt-price__label{font-size: var(--lt-fs-base); font-weight: 500;} .lt-price__note{color: var(--lt-soft); font-size: var(--lt-fs-sm);} .lt-price__amount{font-weight: 650; text-align: right;} .lt-day .lt-price__label{font-family: var(--lt-font-display); font-weight: 700; color: var(--lt-primary);} .lt-day .lt-price{grid-template-columns: 5rem minmax(0, 1fr) !important;} .lt-day .lt-price__amount{text-align: left; font-weight: 400;} .lt-quote{border-left: 6px solid var(--lt-primary); padding-left: 1.5rem;} .lt-quote p{margin: 0; color: var(--lt-ink); font-family: var(--lt-font-display); font-size: var(--lt-fs-xl); font-weight: 500; line-height: 1.3; max-width: 30ch;} .ltj-e-con.lt-way{--padding-top: 1.25rem; border-top: 1px solid var(--lt-line);} .ltj-e-con.lt-pagehead{--padding-top: clamp(3rem, 2rem + 4vw, 5.5rem); --padding-bottom: clamp(2.5rem, 1.5rem + 3vw, 4rem); border-bottom: 1px solid var(--lt-line);} .lt-pagehead__title .ltj-heading-title{font-size: var(--lt-fs-3xl); max-width: 18ch;} .lt-pagehead .lt-lead{max-width: 44rem;} .lt-timeline__year{color: var(--lt-primary); font-family: var(--lt-font-display); font-size: var(--lt-fs-xl); font-weight: 800; line-height: 1;} .ltj-e-con.lt-people{border-top: 1px solid var(--lt-line); --padding-top: 1.75rem;} .ltj-e-con.lt-desks{border-top: 1px solid var(--lt-line);} .ltj-e-con.lt-desk{--padding-top: 2rem; --padding-bottom: 2rem; --padding-right: 2rem; border-bottom: 1px solid var(--lt-line);} .lt-desk a{font-weight: 600;} .lt-map img{display: block; width: 100%; border: 1px solid var(--lt-line); border-radius: 6px;} .lt-cta__title .ltj-heading-title{font-size: var(--lt-fs-3xl); color: var(--lt-on-dark);} .ltj-e-con.lt-sec.lt-footer{--padding-top: 4rem; --padding-bottom: 2.5rem;} .lt-footer__brand .ltj-heading-title{font-size: 2rem; color: var(--lt-on-dark);} .lt-footer__title .ltj-heading-title{font-family: var(--lt-font-ui); font-size: var(--lt-fs-base); font-weight: 650; color: var(--lt-on-dark-soft);} .lt-links{margin: 0; padding: 0; list-style: none;} .lt-links li{margin: 0 0 0.5rem;} .lt-credit-bar{border-top: 1px solid color-mix(in srgb, var(--lt-on-dark) 14%, transparent);} .lt-posts--grid .lt-post{border-top: 4px solid var(--lt-primary); padding-top: 1rem;} .lt-posts--grid .lt-post.has-img{border-top: 0; padding-top: 0;} .ltj-e-con.lt-form{border: 0; border-top: 4px solid var(--lt-primary); background: var(--lt-base);} @media (max-width: 1024px) { .ltj-e-con.lt-hero .lt-ladder{margin-inline: 0;} } @media (max-width: 767px) { .lt-topbar-bar .ltj-widget-text-editor{white-space: normal;} .lt-topbar-bar .lt-topbar__line:not(.lt-topbar__open){display: none;} .ltj-e-con.lt-ladder__rails{--padding-left: 1.1rem; --padding-right: 1.1rem; --padding-top: 1rem; --padding-bottom: 1rem;} .ltj-e-con.lt-ladder__rails::before, .ltj-e-con.lt-ladder__rails::after{width: 6px;} .ltj-e-con.lt-rung{--gap: 12px !important; --column-gap: 12px !important; --padding-top: 0.85rem; --padding-bottom: 0.95rem;} .ltj-e-con.lt-rung::after{left: -1.1rem; right: -1.1rem; height: 5px;} .lt-dark .lt-rung__text.ltj-widget-text-editor{font-size: 1rem;} .lt-rung__amount .ltj-heading-title{font-size: 1.7rem;} .ltj-e-con.lt-step, .ltj-e-con.lt-step:first-child{--padding-left: 0; --padding-right: 0; border-left: 0; border-top: 1px solid var(--lt-line);} .ltj-e-con.lt-step:first-child{border-top: 0;} .lt-quote p{font-size: var(--lt-fs-lg);} .lt-h3 .ltj-heading-title{font-size: var(--lt-fs-lg);} .lt-shifts--compact .ltj-e-con.lt-shift{grid-template-columns: 1fr !important;} .lt-price__amount{text-align: right;} } /* ==================== Elementor's own CSS (the parts LT pages use) ==================== */ :root{--direction-multiplier:1} .ltj-clearfix:after{clear:both;content:"";display:block;height:0;width:0} .ltj *, .ltj :after, .ltj :before{box-sizing:border-box} .ltj a{box-shadow:none;text-decoration:none} .ltj hr{background-color:transparent;margin:0} .ltj img{border:none;border-radius:0;box-shadow:none;height:auto;max-width:100%} .ltj embed, .ltj iframe, .ltj object, .ltj video{border:none;line-height:1;margin:0;max-width:100%;width:100%} .ltj-element{--flex-direction:initial;--flex-wrap:initial;--justify-content:initial;--align-items:initial;--align-content:initial;--gap:initial;--flex-basis:initial;--flex-grow:initial;--flex-shrink:initial;--order:initial;--align-self:initial;align-self:var(--align-self);flex-basis:var(--flex-basis);flex-grow:var(--flex-grow);flex-shrink:var(--flex-shrink);order:var(--order)} .ltj-element:where(.ltj-e-con-full,.ltj-widget){align-content:var(--align-content);align-items:var(--align-items);flex-direction:var(--flex-direction);flex-wrap:var(--flex-wrap);gap:var(--row-gap) var(--column-gap);justify-content:var(--justify-content)} :root{--page-title-display:block} @keyframes eicon-spin{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}} .ltj-widget{position:relative} .ltj-widget:not(:last-child){margin-block-end:var(--kit-widget-spacing,20px)} .ltj-e-con{--border-radius:0;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;--border-style:initial;--border-color:initial;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--content-width:min(100%,var(--container-max-width,1140px));--width:100%;--min-height:initial;--height:auto;--text-align:initial;--margin-top:0px;--margin-right:0px;--margin-bottom:0px;--margin-left:0px;--padding-top:var(--container-default-padding-top,10px);--padding-right:var(--container-default-padding-right,10px);--padding-bottom:var(--container-default-padding-bottom,10px);--padding-left:var(--container-default-padding-left,10px);--position:relative;--z-index:revert;--overflow:visible;--gap:var(--widgets-spacing,20px);--row-gap:var(--widgets-spacing-row,20px);--column-gap:var(--widgets-spacing-column,20px);--overlay-mix-blend-mode:initial;--overlay-opacity:1;--overlay-transition:0.3s;--e-con-grid-template-columns:repeat(3,1fr);--e-con-grid-template-rows:repeat(2,1fr);border-radius:var(--border-radius);height:var(--height);min-height:var(--min-height);min-width:0;overflow:var(--overflow);position:var(--position);width:var(--width);z-index:var(--z-index);--flex-wrap-mobile:wrap} .ltj-e-con{--margin-block-start:var(--margin-top);--margin-block-end:var(--margin-bottom);--margin-inline-start:var(--margin-left);--margin-inline-end:var(--margin-right);--padding-inline-start:var(--padding-left);--padding-inline-end:var(--padding-right);--padding-block-start:var(--padding-top);--padding-block-end:var(--padding-bottom);--border-block-start-width:var(--border-top-width);--border-block-end-width:var(--border-bottom-width);--border-inline-start-width:var(--border-left-width);--border-inline-end-width:var(--border-right-width)} body.rtl .ltj-e-con{--padding-inline-start:var(--padding-right);--padding-inline-end:var(--padding-left);--margin-inline-start:var(--margin-right);--margin-inline-end:var(--margin-left);--border-inline-start-width:var(--border-right-width);--border-inline-end-width:var(--border-left-width)} .ltj-e-con{margin-block-end:var(--margin-block-end);margin-block-start:var(--margin-block-start);margin-inline-end:var(--margin-inline-end);margin-inline-start:var(--margin-inline-start);padding-inline-end:var(--padding-inline-end);padding-inline-start:var(--padding-inline-start)} .ltj-e-con.ltj-e-flex{--flex-direction:column;--flex-basis:auto;--flex-grow:0;--flex-shrink:1;flex:var(--flex-grow) var(--flex-shrink) var(--flex-basis)} .ltj-e-con-full, .ltj-e-con>.ltj-e-con-inner{padding-block-end:var(--padding-block-end);padding-block-start:var(--padding-block-start);text-align:var(--text-align)} .ltj-e-con-full.ltj-e-flex, .ltj-e-con.ltj-e-flex>.ltj-e-con-inner{flex-direction:var(--flex-direction)} .ltj-e-con, .ltj-e-con>.ltj-e-con-inner{display:var(--display)} .ltj-e-con.ltj-e-grid{--grid-justify-content:start;--grid-align-content:start;--grid-auto-flow:row} .ltj-e-con.ltj-e-grid, .ltj-e-con.ltj-e-grid>.ltj-e-con-inner{align-content:var(--grid-align-content);align-items:var(--align-items);grid-auto-flow:var(--grid-auto-flow);grid-template-columns:var(--e-con-grid-template-columns);grid-template-rows:var(--e-con-grid-template-rows);justify-content:var(--grid-justify-content);justify-items:var(--justify-items)} .ltj-e-con-boxed.ltj-e-flex{align-content:normal;align-items:normal;flex-direction:column;flex-wrap:nowrap;justify-content:normal} .ltj-e-con-boxed.ltj-e-grid{grid-template-columns:1fr;grid-template-rows:1fr;justify-items:legacy} .ltj-e-con-boxed{gap:initial;text-align:initial} .ltj-e-con.ltj-e-flex>.ltj-e-con-inner{align-content:var(--align-content);align-items:var(--align-items);align-self:auto;flex-basis:auto;flex-grow:1;flex-shrink:1;flex-wrap:var(--flex-wrap);justify-content:var(--justify-content)} .ltj-e-con.ltj-e-grid>.ltj-e-con-inner{align-items:var(--align-items);justify-items:var(--justify-items)} .ltj-e-con>.ltj-e-con-inner{gap:var(--row-gap) var(--column-gap);height:100%;margin:0 auto;max-width:var(--content-width);padding-inline-end:0;padding-inline-start:0;width:100%} .ltj-e-con .ltj-widget.ltj-widget{margin-block-end:0} .ltj-e-con:before{border-block-end-width:var(--border-block-end-width);border-block-start-width:var(--border-block-start-width);border-color:var(--border-color);border-inline-end-width:var(--border-inline-end-width);border-inline-start-width:var(--border-inline-start-width);border-radius:var(--border-radius);border-style:var(--border-style);content:var(--background-overlay);display:block;height:max(100% + var(--border-top-width) + var(--border-bottom-width),100%);left:calc(0px - var(--border-left-width));mix-blend-mode:var(--overlay-mix-blend-mode);opacity:var(--overlay-opacity);position:absolute;top:calc(0px - var(--border-top-width));transition:var(--overlay-transition,.3s);width:max(100% + var(--border-left-width) + var(--border-right-width),100%)} .ltj-e-con:before{transition:background var(--overlay-transition,.3s),border-radius var(--border-transition,.3s),opacity var(--overlay-transition,.3s)} .ltj-e-con .ltj-widget{min-width:0} .ltj-e-con.ltj-e-con>.ltj-e-con-inner>.ltj-widget, .ltj.ltj .ltj-e-con>.ltj-widget{max-width:100%} .ltj-e-con .ltj-widget:not(:last-child){--kit-widget-spacing:0px} @media (max-width:767px) { .ltj-e-con.ltj-e-flex{--width:100%;--flex-wrap:var(--flex-wrap-mobile)} } .ltj-heading-title{line-height:1;margin:0;padding:0} .ltj-button{background-color:#69727d;border-radius:3px;color:#fff;display:inline-block;fill:#fff;font-size:15px;line-height:1;padding:12px 24px;text-align:center;transition:all .3s} .ltj-button:focus, .ltj-button:hover, .ltj-button:visited{color:#fff} .ltj-button-content-wrapper{display:flex;flex-direction:row;gap:5px;justify-content:center} .ltj-button-icon{align-items:center;display:flex} .ltj-button-icon svg{height:auto;width:1em} .ltj-button-icon .ltj-e-font-icon-svg{height:1em} .ltj-button-text{display:inline-block} .ltj-button.ltj-size-xs{border-radius:2px;font-size:13px;padding:10px 20px} .ltj-button.ltj-size-md{border-radius:4px;font-size:16px;padding:15px 30px} .ltj-button.ltj-size-lg{border-radius:5px;font-size:18px;padding:20px 40px} .ltj-button.ltj-size-xl{border-radius:6px;font-size:20px;padding:25px 50px} .ltj-button span{text-decoration:inherit} .ltj-element.ltj-button-info .ltj-button{background-color:#5bc0de} .ltj-element.ltj-button-success .ltj-button{background-color:#5cb85c} .ltj-element.ltj-button-warning .ltj-button{background-color:#f0ad4e} .ltj-element.ltj-button-danger .ltj-button{background-color:#d9534f} .ltj-widget-button .ltj-button .ltj-button-info{background-color:#5bc0de} .ltj-widget-button .ltj-button .ltj-button-success{background-color:#5cb85c} .ltj-widget-button .ltj-button .ltj-button-warning{background-color:#f0ad4e} .ltj-widget-button .ltj-button .ltj-button-danger{background-color:#d9534f} .ltj-widget-heading .ltj-heading-title[class*=ltj-size-]>a{color:inherit;font-size:inherit;line-height:inherit} .ltj-widget-heading .ltj-heading-title.ltj-size-small{font-size:15px} .ltj-widget-heading .ltj-heading-title.ltj-size-medium{font-size:19px} .ltj-widget-heading .ltj-heading-title.ltj-size-large{font-size:29px} .ltj-widget-heading .ltj-heading-title.ltj-size-xl{font-size:39px} .ltj-widget-heading .ltj-heading-title.ltj-size-xxl{font-size:59px} .ltj-widget-image{text-align:center} .ltj-widget-image a{display:inline-block} .ltj-widget-image a img[src$=".svg"]{width:48px} .ltj-widget-image img{display:inline-block;vertical-align:middle} .ltj-widget .ltj-icon-list-items{list-style-type:none;margin:0;padding:0} .ltj-widget .ltj-icon-list-item{margin:0;padding:0;position:relative} .ltj-widget .ltj-icon-list-item:after{inset-block-end:0;position:absolute;width:100%} .ltj-widget .ltj-icon-list-item, .ltj-widget .ltj-icon-list-item a{align-items:var(--icon-vertical-align,center);display:flex;font-size:inherit} .ltj-widget .ltj-icon-list-icon+.ltj-icon-list-text{align-self:center;padding-inline-start:5px} .ltj-widget .ltj-icon-list-icon{display:flex;inset-block-start:var(--icon-vertical-offset,initial);position:relative} .ltj-widget .ltj-icon-list-icon svg{height:var(--e-icon-list-icon-size,1em);width:var(--e-icon-list-icon-size,1em)} .ltj-widget .ltj-icon-list-icon i{font-size:var(--e-icon-list-icon-size);width:1.25em} .ltj-widget.ltj-widget-icon-list .ltj-icon-list-icon{text-align:var(--e-icon-list-icon-align)} .ltj-widget.ltj-widget-icon-list .ltj-icon-list-icon svg{margin:var(--e-icon-list-icon-margin,0 calc(var(--e-icon-list-icon-size, 1em) * .25) 0 0)} .ltj-widget.ltj-list-item-link-full_width a{width:100%} #left-area ul.ltj-icon-list-items, .ltj .ltj-element ul.ltj-icon-list-items{padding:0} .ltj-tab-title a{color:inherit} .ltj-toggle{text-align:start} .ltj-toggle .ltj-tab-title{border-block-end:1px solid #d5d8dc;cursor:pointer;font-weight:700;line-height:1;margin:0;outline:none;padding:15px} .ltj-toggle .ltj-tab-title .ltj-toggle-icon{display:inline-block;width:1em} .ltj-toggle .ltj-tab-title .ltj-toggle-icon svg{height:1em;margin-inline-start:-5px;width:1em} .ltj-toggle .ltj-tab-title .ltj-toggle-icon.ltj-toggle-icon-right{float:right;text-align:right} .ltj-toggle .ltj-tab-title .ltj-toggle-icon.ltj-toggle-icon-left{float:left;text-align:left} .ltj-toggle .ltj-tab-title .ltj-toggle-icon .ltj-toggle-icon-closed{display:block} .ltj-toggle .ltj-tab-title .ltj-toggle-icon .ltj-toggle-icon-opened{display:none} .ltj-toggle .ltj-toggle-item[open] > summary > .ltj-tab-title{border-block-end:none} .ltj-toggle .ltj-toggle-item[open] > summary > .ltj-tab-title .ltj-toggle-icon-closed{display:none} .ltj-toggle .ltj-toggle-item[open] > summary > .ltj-tab-title .ltj-toggle-icon-opened{display:block} .ltj-toggle .ltj-tab-content{border-block-end:1px solid #d5d8dc;display:none;padding:15px} @media (max-width:767px) { .ltj-toggle .ltj-tab-title{padding:12px} .ltj-toggle .ltj-tab-content{padding:12px 10px} } .ltj-e-con-inner>.ltj-widget-toggle, .ltj-e-con>.ltj-widget-toggle{width:var(--container-widget-width);--flex-grow:var( --container-widget-flex-grow )} .ltj-widget-divider{--divider-border-style:none;--divider-border-width:1px;--divider-color:#0c0d0e;--divider-icon-size:20px;--divider-element-spacing:10px;--divider-pattern-height:24px;--divider-pattern-size:20px;--divider-pattern-url:none;--divider-pattern-repeat:repeat-x} .ltj-widget-divider .ltj-divider{display:flex} .ltj-widget-divider .ltj-divider__text{font-size:15px;line-height:1;max-width:95%} .ltj-widget-divider .ltj-divider__element{flex-shrink:0;margin:0 var(--divider-element-spacing)} .ltj-widget-divider .ltj-divider-separator{direction:ltr;display:flex;margin:0} .rtl .ltj-widget-divider .ltj-divider__text{direction:rtl} .ltj-e-con-inner>.ltj-widget-divider, .ltj-e-con>.ltj-widget-divider{width:var(--container-widget-width,100%);--flex-grow:var( --container-widget-flex-grow )} .ltj-e-con{--container-widget-width:100%} .ltj-e-con-inner>.ltj-widget-spacer, .ltj-e-con>.ltj-widget-spacer{width:var(--container-widget-width,var(--spacer-size));--align-self:var( --container-widget-align-self,initial );--flex-shrink:0} /* Elementor's toggle opens with JS; here each item is a
. */ .ltj-toggle-item > summary { display: block; margin: 0; padding: 0; list-style: none; cursor: pointer; } .ltj-toggle-item > summary::-webkit-details-marker { display: none; } .ltj-toggle-item > summary::marker { content: none; } .ltj-toggle .ltj-toggle-item[open] > .ltj-tab-content { display: block; } /* Elementor icon-list widget defaults (its page CSS sets these per widget). */ .ltj-widget-icon-list { --e-icon-list-icon-size: 14px; --icon-vertical-offset: 0px; } .ltj-widget-icon-list .ltj-icon-list-icon svg { width: var(--e-icon-list-icon-size, 1em); height: var(--e-icon-list-icon-size, 1em); } /* ==================== Site settings (kit) ==================== */ :is(.site, .error-page){--e-global-color-primary:#4A1E4E;--e-global-color-secondary:#5A5061;--e-global-color-text:#1F1622;--e-global-color-accent:#F2B230;--e-global-color-ltbase:#F3F3F6;--e-global-color-ltsurface:#E7E2EB;--e-global-color-ltline:#CEC5D3;--e-global-color-ltdark:#3B1740;--e-global-color-ltondark:#F3F3F6;--e-global-color-ltondarksoft:#D3C4D6;--e-global-color-ltprimarydeep:#30113A;--e-global-typography-primary-font-family:"Hepta Slab";--e-global-typography-primary-font-weight:700;--e-global-typography-secondary-font-family:"Kumbh Sans";--e-global-typography-text-font-family:"Kumbh Sans";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Kumbh Sans";--e-global-typography-accent-font-weight:650;background-color:#F3F3F6;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 );} :is(.site, .error-page) button,:is(.site, .error-page) input[type="button"],:is(.site, .error-page) input[type="submit"],:is(.site, .error-page) .ltj-button{background-color:var( --e-global-color-primary );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );color:#F3F3F6;border-radius:6px 6px 6px 6px;padding:0.9em 1.5em 0.9em 1.5em;} :is(.site, .error-page) button:hover,:is(.site, .error-page) button:focus,:is(.site, .error-page) input[type="button"]:hover,:is(.site, .error-page) input[type="button"]:focus,:is(.site, .error-page) input[type="submit"]:hover,:is(.site, .error-page) input[type="submit"]:focus,:is(.site, .error-page) .ltj-button:hover,:is(.site, .error-page) .ltj-button:focus{background-color:#30113A;color:#F3F3F6;} :is(.site, .error-page) a{color:var( --e-global-color-primary );} :is(.site, .error-page) a:hover{color:#1F1622;} :is(.site, .error-page) h1{font-family:"Hepta Slab", Sans-serif;font-size:var(--lt-fs-3xl);font-weight:750;} :is(.site, .error-page) h2{font-family:"Hepta Slab", Sans-serif;font-size:var(--lt-fs-2xl);font-weight:700;} :is(.site, .error-page) h3{font-family:"Hepta Slab", Sans-serif;font-size:var(--lt-fs-lg);font-weight:650;} :is(.site, .error-page) h4{font-family:"Hepta Slab", Sans-serif;font-size:var(--lt-fs-md);font-weight:650;} :root:not(#ltj-k1):not(#ltj-k2) :is(.com-content-category-blog .page-header h1, .com-content-category-blog > h1){font-family:"Hepta Slab", Sans-serif;font-size:var(--lt-fs-3xl);font-weight:750;} :root:not(#ltj-k1):not(#ltj-k2) .view-article .article-header h1{font-family:"Hepta Slab", Sans-serif;font-size:var(--lt-fs-3xl);font-weight:750;} :root:not(#ltj-k1):not(#ltj-k2) .ltj .mod-articles-title{font-family:"Hepta Slab", Sans-serif;font-size:var(--lt-fs-lg);font-weight:650;} :root:not(#ltj-k1):not(#ltj-k2) .com-content-category-blog .article-list .article .article-header h2{font-family:"Hepta Slab", Sans-serif;font-weight:700;} .ltj-e-con{--container-max-width:1200px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;} .ltj-widget:not(:last-child){--kit-widget-spacing:16px;} .ltj-element{--widgets-spacing:16px 16px;--widgets-spacing-row:16px;--widgets-spacing-column:16px;} @media(max-width:1024px){.ltj-e-con{--container-max-width:1024px;}} @media(max-width:767px){.ltj-e-con{--container-max-width:767px;}} /* ==================== Layout of every container ==================== */ .ltj-element.ltj-element.ltj-l-012065{--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:0px 0px;--row-gap:0px;--column-gap:0px;} .ltj-element.ltj-element.ltj-l-0a6576{--display:grid;--e-con-grid-template-columns:minmax(0,0.9fr) minmax(0,1.1fr);--e-con-grid-template-rows:auto;--gap:56px 56px;--row-gap:56px;--column-gap:56px;--grid-auto-flow:row;} .ltj-element.ltj-element.ltj-l-1717e2{--display:grid;--e-con-grid-template-columns:minmax(0,0.8fr) minmax(0,1.2fr);--e-con-grid-template-rows:auto;--gap:48px 48px;--row-gap:48px;--column-gap:48px;--grid-auto-flow:row;} .ltj-element.ltj-element.ltj-l-195c16{--display:grid;--e-con-grid-template-columns:minmax(0,0.8fr) minmax(0,1.6fr) minmax(0,1fr);--e-con-grid-template-rows:auto;--gap:28px 28px;--row-gap:28px;--column-gap:28px;--grid-auto-flow:row;} .ltj-element.ltj-element.ltj-l-19bd06{--display:grid;--e-con-grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);--e-con-grid-template-rows:auto;--gap:56px 56px;--row-gap:56px;--column-gap:56px;--grid-auto-flow:row;--align-items:center;} .ltj-element.ltj-element.ltj-l-20c924{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:12px 12px;--row-gap:12px;--column-gap:12px;--flex-wrap:wrap;} .ltj-element.ltj-element.ltj-l-29639b{--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:10px 10px;--row-gap:10px;--column-gap:10px;} .ltj-element.ltj-element.ltj-l-3b5c49{--display:grid;--e-con-grid-template-columns:repeat(3, minmax(0,1fr));--e-con-grid-template-rows:auto;--gap:28px 28px;--row-gap:28px;--column-gap:28px;--grid-auto-flow:row;} .ltj-element.ltj-element.ltj-l-40a24d{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:24px 24px;--row-gap:24px;--column-gap:24px;--flex-wrap:nowrap;} .ltj-element.ltj-element.ltj-l-428464{--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:8px 8px;--row-gap:8px;--column-gap:8px;} .ltj-element.ltj-element.ltj-l-47eb70{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:24px 24px;--row-gap:24px;--column-gap:24px;--flex-wrap:nowrap;--width:auto;} .ltj-element.ltj-element.ltj-l-4a4262{--display:grid;--e-con-grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.2fr);--e-con-grid-template-rows:auto;--gap:4px 16px;--row-gap:4px;--column-gap:16px;--grid-auto-flow:row;} .ltj-element.ltj-element.ltj-l-4a4eb7{--display:grid;--e-con-grid-template-columns:5.5rem minmax(0,1fr);--e-con-grid-template-rows:auto;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--grid-auto-flow:row;--align-items:center;} .ltj-element.ltj-element.ltj-l-4db182{--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:2px 2px;--row-gap:2px;--column-gap:2px;} .ltj-element.ltj-element.ltj-l-58a84c{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:24px 24px;--row-gap:24px;--column-gap:24px;--flex-wrap:wrap;} .ltj-element.ltj-element.ltj-l-5e74f0{--display:grid;--e-con-grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);--e-con-grid-template-rows:auto;--gap:56px 56px;--row-gap:56px;--column-gap:56px;--grid-auto-flow:row;--align-items:center;} .ltj-element.ltj-element.ltj-l-606c25{--display:grid;--e-con-grid-template-columns:minmax(0,0.9fr) minmax(0,1.1fr);--e-con-grid-template-rows:auto;--gap:64px 64px;--row-gap:64px;--column-gap:64px;--grid-auto-flow:row;} .ltj-element.ltj-element.ltj-l-75f506{--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:14px 14px;--row-gap:14px;--column-gap:14px;} .ltj-element.ltj-element.ltj-l-77d61d{--display:grid;--e-con-grid-template-columns:minmax(0,1fr) minmax(0,1fr);--e-con-grid-template-rows:auto;--gap:56px 56px;--row-gap:56px;--column-gap:56px;--grid-auto-flow:row;} .ltj-element.ltj-element.ltj-l-881027{--display:grid;--e-con-grid-template-columns:minmax(0,1fr) minmax(0,1fr);--e-con-grid-template-rows:auto;--gap:64px 64px;--row-gap:64px;--column-gap:64px;--grid-auto-flow:row;--align-items:center;} .ltj-element.ltj-element.ltj-l-897626{--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:16px 16px;--row-gap:16px;--column-gap:16px;} .ltj-element.ltj-element.ltj-l-8dde02{--display:grid;--e-con-grid-template-columns:repeat(3, minmax(0,1fr));--e-con-grid-template-rows:auto;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--grid-auto-flow:row;} .ltj-element.ltj-element.ltj-l-92785e{--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:20px 20px;--row-gap:20px;--column-gap:20px;} .ltj-element.ltj-element.ltj-l-982ac6{--display:grid;--e-con-grid-template-columns:minmax(0,1fr);--e-con-grid-template-rows:auto;--gap:32px 32px;--row-gap:32px;--column-gap:32px;--grid-auto-flow:row;--align-items:end;} .ltj-element.ltj-element.ltj-l-a87b9c{--display:grid;--e-con-grid-template-columns:7.6rem minmax(0,1fr);--e-con-grid-template-rows:auto;--gap:18px 18px;--row-gap:18px;--column-gap:18px;--grid-auto-flow:row;--align-items:center;} .ltj-element.ltj-element.ltj-l-a8e31f{--display:grid;--e-con-grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);--e-con-grid-template-rows:auto;--gap:32px 32px;--row-gap:32px;--column-gap:32px;--grid-auto-flow:row;} .ltj-element.ltj-element.ltj-l-b0b7b4{--display:grid;--e-con-grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);--e-con-grid-template-rows:auto;--gap:56px 56px;--row-gap:56px;--column-gap:56px;--grid-auto-flow:row;} .ltj-element.ltj-element.ltj-l-b1060b{--display:grid;--e-con-grid-template-columns:1.1fr 1fr;--e-con-grid-template-rows:auto;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--grid-auto-flow:row;--align-items:end;} .ltj-element.ltj-element.ltj-l-b2573e{--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:4px 4px;--row-gap:4px;--column-gap:4px;} .ltj-element.ltj-element.ltj-l-b462cd{--display:grid;--e-con-grid-template-columns:repeat(4, minmax(0,1fr));--e-con-grid-template-rows:auto;--gap:32px 32px;--row-gap:32px;--column-gap:32px;--grid-auto-flow:row;} .ltj-element.ltj-element.ltj-l-ba9aac{--display:grid;--e-con-grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);--e-con-grid-template-rows:auto;--gap:56px 56px;--row-gap:56px;--column-gap:56px;--grid-auto-flow:row;--align-items:center;} .ltj-element.ltj-element.ltj-l-bca960{--display:grid;--e-con-grid-template-columns:repeat(2, minmax(0,1fr));--e-con-grid-template-rows:auto;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--grid-auto-flow:row;} .ltj-element.ltj-element.ltj-l-bd571a{--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:22px 22px;--row-gap:22px;--column-gap:22px;} .ltj-element.ltj-element.ltj-l-c3eb00{--display:grid;--e-con-grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);--e-con-grid-template-rows:auto;--gap:48px 48px;--row-gap:48px;--column-gap:48px;--grid-auto-flow:row;} .ltj-element.ltj-element.ltj-l-d0a30a{--display:grid;--e-con-grid-template-columns:7rem minmax(0,1fr);--e-con-grid-template-rows:auto;--gap:24px 24px;--row-gap:24px;--column-gap:24px;--grid-auto-flow:row;} .ltj-element.ltj-element.ltj-l-d2ca6a{--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:12px 12px;--row-gap:12px;--column-gap:12px;} .ltj-element.ltj-element.ltj-l-d33732{--display:grid;--e-con-grid-template-columns:minmax(0,1.6fr) repeat(3, minmax(0,1fr));--e-con-grid-template-rows:auto;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--grid-auto-flow:row;} .ltj-element.ltj-element.ltj-l-daba0c{--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:24px 24px;--row-gap:24px;--column-gap:24px;} .ltj-element.ltj-element.ltj-l-db0cb8{--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:6px 6px;--row-gap:6px;--column-gap:6px;} .ltj-element.ltj-element.ltj-l-db7f51{--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:40px 40px;--row-gap:40px;--column-gap:40px;} .ltj-element.ltj-element.ltj-l-ddc82f{--display:grid;--e-con-grid-template-columns:minmax(0,1fr) minmax(0,1fr);--e-con-grid-template-rows:auto;--gap:56px 56px;--row-gap:56px;--column-gap:56px;--grid-auto-flow:row;--align-items:center;} .ltj-element.ltj-element.ltj-l-e44914{--display:grid;--e-con-grid-template-columns:minmax(0,1fr) auto;--e-con-grid-template-rows:auto;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--grid-auto-flow:row;--align-items:center;} .ltj-element.ltj-element.ltj-l-ea7f6c{--display:grid;--e-con-grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);--e-con-grid-template-rows:auto;--gap:32px 32px;--row-gap:32px;--column-gap:32px;--grid-auto-flow:row;--align-items:end;} .ltj-element.ltj-element.ltj-l-ff6540{--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:18px 18px;--row-gap:18px;--column-gap:18px;} @media(min-width:768px){.ltj-element.ltj-element.ltj-l-db7f51{--content-width:1200px;}} @media(max-width:1024px){.ltj-element.ltj-element.ltj-l-0a6576{--e-con-grid-template-columns:1fr;--e-con-grid-template-rows:auto;--grid-auto-flow:row;}.ltj-element.ltj-element.ltj-l-1717e2{--e-con-grid-template-columns:1fr;--e-con-grid-template-rows:auto;--grid-auto-flow:row;}.ltj-element.ltj-element.ltj-l-195c16{--e-con-grid-template-columns:minmax(0,0.8fr) minmax(0,1.6fr);--e-con-grid-template-rows:auto;--grid-auto-flow:row;}.ltj-element.ltj-element.ltj-l-19bd06{--e-con-grid-template-columns:1fr;--e-con-grid-template-rows:auto;--grid-auto-flow:row;}.ltj-element.ltj-element.ltj-l-3b5c49{--e-con-grid-template-columns:repeat(2, minmax(0,1fr));--e-con-grid-template-rows:auto;--grid-auto-flow:row;}.ltj-element.ltj-element.ltj-l-4a4262{--e-con-grid-template-columns:minmax(0,1fr) minmax(0,1fr);--e-con-grid-template-rows:auto;--grid-auto-flow:row;}.ltj-element.ltj-element.ltj-l-4a4eb7{--e-con-grid-template-columns:5.5rem minmax(0,1fr);--e-con-grid-template-rows:auto;--grid-auto-flow:row;}.ltj-element.ltj-element.ltj-l-5e74f0{--e-con-grid-template-columns:1fr;--e-con-grid-template-rows:auto;--grid-auto-flow:row;}.ltj-element.ltj-element.ltj-l-606c25{--e-con-grid-template-columns:1fr;--e-con-grid-template-rows:auto;--grid-auto-flow:row;}.ltj-element.ltj-element.ltj-l-77d61d{--e-con-grid-template-columns:1fr;--e-con-grid-template-rows:auto;--grid-auto-flow:row;}.ltj-element.ltj-element.ltj-l-881027{--e-con-grid-template-columns:1fr;--e-con-grid-template-rows:auto;--grid-auto-flow:row;}.ltj-element.ltj-element.ltj-l-8dde02{--e-con-grid-template-columns:repeat(3, minmax(0,1fr));--e-con-grid-template-rows:auto;--grid-auto-flow:row;}.ltj-element.ltj-element.ltj-l-982ac6{--e-con-grid-template-columns:minmax(0,1fr);--e-con-grid-template-rows:auto;--grid-auto-flow:row;}.ltj-element.ltj-element.ltj-l-a87b9c{--e-con-grid-template-columns:7.6rem minmax(0,1fr);--e-con-grid-template-rows:auto;--grid-auto-flow:row;}.ltj-element.ltj-element.ltj-l-a8e31f{--e-con-grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);--e-con-grid-template-rows:auto;--grid-auto-flow:row;}.ltj-element.ltj-element.ltj-l-b0b7b4{--e-con-grid-template-columns:1fr;--e-con-grid-template-rows:auto;--grid-auto-flow:row;}.ltj-element.ltj-element.ltj-l-b1060b{--e-con-grid-template-columns:1.1fr 1fr;--e-con-grid-template-rows:auto;--grid-auto-flow:row;}.ltj-element.ltj-element.ltj-l-b462cd{--e-con-grid-template-columns:repeat(2, minmax(0,1fr));--e-con-grid-template-rows:auto;--grid-auto-flow:row;}.ltj-element.ltj-element.ltj-l-ba9aac{--e-con-grid-template-columns:1fr;--e-con-grid-template-rows:auto;--grid-auto-flow:row;}.ltj-element.ltj-element.ltj-l-bca960{--e-con-grid-template-columns:repeat(2, minmax(0,1fr));--e-con-grid-template-rows:auto;--grid-auto-flow:row;}.ltj-element.ltj-element.ltj-l-c3eb00{--e-con-grid-template-columns:1fr;--e-con-grid-template-rows:auto;--grid-auto-flow:row;}.ltj-element.ltj-element.ltj-l-d0a30a{--e-con-grid-template-columns:7rem minmax(0,1fr);--e-con-grid-template-rows:auto;--grid-auto-flow:row;}.ltj-element.ltj-element.ltj-l-d33732{--e-con-grid-template-columns:repeat(2, minmax(0,1fr));--e-con-grid-template-rows:auto;--grid-auto-flow:row;}.ltj-element.ltj-element.ltj-l-ddc82f{--e-con-grid-template-columns:1fr;--e-con-grid-template-rows:auto;--grid-auto-flow:row;}.ltj-element.ltj-element.ltj-l-e44914{--e-con-grid-template-columns:minmax(0,1fr) auto;--e-con-grid-template-rows:auto;--grid-auto-flow:row;}.ltj-element.ltj-element.ltj-l-ea7f6c{--e-con-grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);--e-con-grid-template-rows:auto;--grid-auto-flow:row;}} @media(max-width:767px){.ltj-element.ltj-element.ltj-l-0a6576{--e-con-grid-template-columns:1fr;--e-con-grid-template-rows:auto;--grid-auto-flow:row;}.ltj-element.ltj-element.ltj-l-1717e2{--e-con-grid-template-columns:1fr;--e-con-grid-template-rows:auto;--grid-auto-flow:row;}.ltj-element.ltj-element.ltj-l-195c16{--e-con-grid-template-columns:1fr;--e-con-grid-template-rows:auto;--grid-auto-flow:row;}.ltj-element.ltj-element.ltj-l-19bd06{--e-con-grid-template-columns:1fr;--e-con-grid-template-rows:auto;--grid-auto-flow:row;}.ltj-element.ltj-element.ltj-l-20c924{--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;}.ltj-element.ltj-element.ltj-l-3b5c49{--e-con-grid-template-columns:1fr;--e-con-grid-template-rows:auto;--grid-auto-flow:row;}.ltj-element.ltj-element.ltj-l-40a24d{--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;}.ltj-element.ltj-element.ltj-l-47eb70{--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;--width:auto;}.ltj-element.ltj-element.ltj-l-4a4262{--e-con-grid-template-columns:1fr;--e-con-grid-template-rows:auto;--grid-auto-flow:row;}.ltj-element.ltj-element.ltj-l-4a4eb7{--e-con-grid-template-columns:4.2rem minmax(0,1fr);--e-con-grid-template-rows:auto;--grid-auto-flow:row;}.ltj-element.ltj-element.ltj-l-58a84c{--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;}.ltj-element.ltj-element.ltj-l-5e74f0{--e-con-grid-template-columns:1fr;--e-con-grid-template-rows:auto;--grid-auto-flow:row;}.ltj-element.ltj-element.ltj-l-606c25{--e-con-grid-template-columns:1fr;--e-con-grid-template-rows:auto;--grid-auto-flow:row;}.ltj-element.ltj-element.ltj-l-77d61d{--e-con-grid-template-columns:1fr;--e-con-grid-template-rows:auto;--grid-auto-flow:row;}.ltj-element.ltj-element.ltj-l-881027{--e-con-grid-template-columns:1fr;--e-con-grid-template-rows:auto;--grid-auto-flow:row;}.ltj-element.ltj-element.ltj-l-8dde02{--e-con-grid-template-columns:1fr;--e-con-grid-template-rows:auto;--grid-auto-flow:row;}.ltj-element.ltj-element.ltj-l-982ac6{--e-con-grid-template-columns:minmax(0,1fr);--e-con-grid-template-rows:auto;--grid-auto-flow:row;}.ltj-element.ltj-element.ltj-l-a87b9c{--e-con-grid-template-columns:5.4rem minmax(0,1fr);--e-con-grid-template-rows:auto;--grid-auto-flow:row;}.ltj-element.ltj-element.ltj-l-a8e31f{--e-con-grid-template-columns:1fr;--e-con-grid-template-rows:auto;--grid-auto-flow:row;}.ltj-element.ltj-element.ltj-l-b0b7b4{--e-con-grid-template-columns:1fr;--e-con-grid-template-rows:auto;--grid-auto-flow:row;}.ltj-element.ltj-element.ltj-l-b1060b{--e-con-grid-template-columns:1fr;--e-con-grid-template-rows:auto;--grid-auto-flow:row;}.ltj-element.ltj-element.ltj-l-b462cd{--e-con-grid-template-columns:1fr;--e-con-grid-template-rows:auto;--grid-auto-flow:row;}.ltj-element.ltj-element.ltj-l-ba9aac{--e-con-grid-template-columns:1fr;--e-con-grid-template-rows:auto;--grid-auto-flow:row;}.ltj-element.ltj-element.ltj-l-bca960{--e-con-grid-template-columns:1fr;--e-con-grid-template-rows:auto;--grid-auto-flow:row;}.ltj-element.ltj-element.ltj-l-c3eb00{--e-con-grid-template-columns:1fr;--e-con-grid-template-rows:auto;--grid-auto-flow:row;}.ltj-element.ltj-element.ltj-l-d0a30a{--e-con-grid-template-columns:4.5rem minmax(0,1fr);--e-con-grid-template-rows:auto;--grid-auto-flow:row;}.ltj-element.ltj-element.ltj-l-d33732{--e-con-grid-template-columns:1fr;--e-con-grid-template-rows:auto;--grid-auto-flow:row;}.ltj-element.ltj-element.ltj-l-ddc82f{--e-con-grid-template-columns:1fr;--e-con-grid-template-rows:auto;--grid-auto-flow:row;}.ltj-element.ltj-element.ltj-l-e44914{--e-con-grid-template-columns:minmax(0,1fr) auto;--e-con-grid-template-rows:auto;--grid-auto-flow:row;}.ltj-element.ltj-element.ltj-l-ea7f6c{--e-con-grid-template-columns:1fr;--e-con-grid-template-rows:auto;--grid-auto-flow:row;}} /* ==================== Joomla: Helix header, menu, off-canvas, footer, articles, forms ==================== */ /* Joomla chrome for LT themes on Helix Ultimate 2.2 (header style-1, off-canvas 1-LeftAlign) + SP Page Builder + core modules + Convert Forms. Selectors target Helix's own markup; the look is the WordPress theme's header, mobile menu, footer, blog and form (engine.css sections "Header", "Mobile menu", "Footer", "Posts", "Contact form"). */ :root { --ltj-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); --ltj-panel-w: min(86vw, 360px); } /* ---------- SP Page Builder bridge ---------- Each LT section is one SP Page Builder section (class ltj-shell) holding one Text Block (class ltj-html) with the section's HTML, or a Module addon (class ltj-html) showing a Custom HTML module with it. SP Page Builder's wrappers in between take no space, so the LT section lays out exactly as on WordPress. */ .sppb-section.ltj-shell, .ltj-shell :is(.sppb-row-container, .sppb-container-inner, .sppb-row, [class*="sppb-col-"], .sppb-column, .sppb-column-addons, .sppb-addon-wrapper, .sppb-addon-wrapper > .clearfix, .sppb-addon.ltj-html, .sppb-addon.ltj-html > .sppb-addon-content, .sppb-addon.ltj-html .mod-custom) { display: contents; } .com-sppagebuilder #sp-main-body, .com-sppagebuilder #sp-main-body > .row, .com-sppagebuilder #sp-component, .com-sppagebuilder #sp-component > .sp-column { margin: 0; padding: 0; } /* Modules that carry LT markup (top bar, footer) get no module chrome around them. */ .ltj-module { margin: 0; padding: 0; } /* ---------- Page base ---------- */ body.site { background-color: var(--lt-base); color: var(--lt-ink); font-family: var(--lt-font-body); font-size: var(--lt-fs-base); line-height: var(--lt-lh-body, 1.6); } .body-wrapper, .body-innerwrapper { overflow-x: clip; } /* ---------- Top bar (position top1) ---------- */ #sp-top-bar { padding: 0; background: none; color: inherit; font-size: inherit; } #sp-top-bar > .container, #sp-top-bar .container-inner { max-width: none; margin: 0; padding: 0; } #sp-top-bar .row { margin: 0; } #sp-top-bar #sp-top1 { flex: 0 0 100%; width: 100%; max-width: 100%; padding: 0; } #sp-top-bar #sp-top2:not(:has(.sp-module)) { display: none; } #sp-top-bar .sp-column { text-align: left !important; } #sp-top-bar .sp-module { display: block; margin: 0; } #sp-top-bar a { color: inherit; } /* ---------- Sticky top bar + header ---------- WordPress: the whole site header (top bar + header, .lt-site-header) is position: sticky at the top, at every width. Helix's own sticky header is off (it fixes #sp-header alone after 100px and lets the top bar scroll away); here the top bar sticks at 0 and the header right under it. --ltj-topbar-h is the top bar's real height, kept up to date by the "Sticky top bar" module (position debug); without it: one line of top bar text, two on phones. */ :root { --ltj-topbar-h0: calc(1rem + var(--lt-fs-sm) * var(--lt-lh-body, 1.6)); } #sp-top-bar { position: sticky; top: 0; z-index: 101; } #sp-top-bar:not(:has(.sp-module)) { display: none; } #sp-header { position: sticky; top: var(--ltj-topbar-h, var(--ltj-topbar-h0)); z-index: 100; } body:not(:has(#sp-top-bar .sp-module)) #sp-header { top: 0; } @media (max-width: 767px) { :root { --ltj-topbar-h0: calc(1rem + 2 * var(--lt-fs-sm) * var(--lt-lh-body, 1.6)); } } /* ---------- Header (logo, menu, header button, off-canvas toggler) ---------- */ #sp-header { height: auto; background-color: var(--lt-header-bg, var(--lt-base)); border-bottom: 1px solid var(--lt-line); box-shadow: none; animation: none; } #sp-header.header-sticky { animation: none; } #sp-header > .container { max-width: calc(var(--lt-wide) + 2 * var(--lt-gutter)); margin-inline: auto; padding: 0.85rem var(--lt-gutter); box-sizing: border-box; } #sp-header .container-inner { padding: 0; } #sp-header .container-inner > .row { display: flex; flex-wrap: nowrap; align-items: center; gap: 2rem; margin: 0; } #sp-header #sp-logo, #sp-header #sp-menu { width: auto; max-width: none; padding: 0; } #sp-header #sp-logo { flex: 0 1 auto; min-width: 0; margin-right: auto; } #sp-header #sp-menu { flex: none; } #sp-header #sp-menu > .sp-column { gap: 2rem; } #sp-header .sp-column { height: auto; } /* Brand: Helix's text logo carries the WordPress brand markup (mark + name) in logo_text. */ :is(#sp-header, .offcanvas-menu) .logo { display: flex; height: auto; min-width: 0; margin: 0; line-height: inherit; } :is(#sp-header, .offcanvas-menu) .logo a { display: inline-flex; align-items: center; gap: 0.6rem; min-width: 0; margin: 0; padding: 0; color: var(--lt-brand-color, var(--lt-ink)); font-size: inherit; line-height: inherit; text-decoration: none; white-space: nowrap; } :is(#sp-header, .offcanvas-menu) .logo a:hover { color: var(--lt-brand-color, var(--lt-ink)); text-decoration: none; } .logo .lt-brand__mark { display: inline-flex; flex: none; width: 2.3rem; height: 2.3rem; color: var(--lt-primary); } .logo .lt-brand__mark svg { width: 100%; height: 100%; } .logo .lt-brand__name { min-width: 0; overflow: hidden; text-overflow: ellipsis; line-height: var(--lt-lh-body, 1.6); } /* Engine defaults for the site name, at zero specificity: theme.css's ".lt-brand__name" (earlier in this file) wins. */ :where(.logo .lt-brand__name) { font-family: var(--lt-font-display); font-size: var(--lt-fs-lg); font-weight: 800; letter-spacing: -0.01em; } /* Menu (Helix mega menu, used as a plain 3-level dropdown menu). */ #sp-header .sp-megamenu-wrapper { align-items: center; } #sp-header .sp-megamenu-parent.d-lg-block { display: flex !important; float: none; align-items: center; gap: 1.6rem; margin: 0; padding: 0; } #sp-header .sp-megamenu-parent > li { display: flex; align-items: center; position: relative; padding: 0; } #sp-header .sp-megamenu-parent > li > a, #sp-header .sp-megamenu-parent > li > a:last-child, #sp-header .sp-megamenu-parent > li:last-child > a { display: inline; margin: 0; padding: 0; color: var(--lt-ink); font-family: var(--lt-font-ui, var(--lt-font-body)); font-size: var(--lt-fs-nav, var(--lt-fs-base)); font-weight: 500; line-height: var(--lt-lh-body, 1.6); text-decoration: none; white-space: nowrap; } /* WordPress underlines the current page only (current-menu-item), not its parents and not the blog item on a post. */ #sp-header .sp-megamenu-parent > li > a:hover, body:not(.view-article) #sp-header .sp-megamenu-parent > li.current-item > a { color: var(--lt-ink); text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 0.35em; } body.ltr #sp-header .sp-megamenu-parent .sp-has-child > a::after { content: none; } /* Chevrons: down after a top item with a dropdown, right after a dropdown item with a flyout (WordPress: lt-dd-toggle). */ #sp-header .sp-megamenu-parent li.sp-has-child::after { content: ""; display: inline-block; flex: none; width: 24px; height: 24px; margin-left: 0.15rem; background-color: var(--lt-ink); -webkit-mask: var(--ltj-chevron) center / 16px 16px no-repeat; mask: var(--ltj-chevron) center / 16px 16px no-repeat; } #sp-header .sp-dropdown li.sp-has-child::after { margin: 0 0.5rem 0 0; transform: rotate(-90deg); } /* Dropdown (level 2) under the item; flyout (level 3) beside it. */ #sp-header .sp-megamenu-parent .sp-dropdown { top: 100%; left: -1rem !important; z-index: 20; width: auto !important; min-width: 220px; max-width: 300px; padding: 0; } #sp-header .sp-megamenu-parent .sp-dropdown.sp-dropdown-sub { top: -0.45rem; left: 100% !important; } #sp-header .sp-megamenu-parent .sp-dropdown .sp-dropdown-inner { padding: 0.4rem 0; border: 1px solid var(--lt-line); background: var(--lt-base); box-shadow: 0 12px 28px color-mix(in srgb, var(--lt-ink) 12%, transparent); } #sp-header .sp-megamenu-parent .sp-dropdown li.sp-menu-item { display: flex; align-items: center; position: relative; padding: 0; } #sp-header .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a { flex: 1; display: block; padding: 0.55rem 1.1rem; color: var(--lt-ink); font-family: var(--lt-font-ui, var(--lt-font-body)); font-size: var(--lt-fs-sm); font-weight: 500; line-height: 1.35; text-decoration: none; white-space: normal; } #sp-header .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover, body:not(.view-article) #sp-header .sp-megamenu-parent .sp-dropdown li.sp-menu-item.current-item > a { background: var(--lt-surface); color: var(--lt-ink); text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 0.35em; } /* Header button (Custom HTML module in position "menu"). */ #sp-header .sp-module { margin: 0; } /* Engine defaults at one specificity step below theme.css's "body a.lt-header-cta" (theme.css comes earlier in this file). */ :where(body) a.lt-header-cta, :where(body) a.lt-drawer__cta { display: inline-block; padding: 0.75em 1.3em; border-radius: var(--lt-radius-btn, 4px); background: var(--lt-primary); color: var(--lt-on-primary, var(--lt-base)); font-family: var(--lt-font-ui, var(--lt-font-body)); font-size: var(--lt-fs-sm); font-weight: 700; line-height: 1.2; text-decoration: none; white-space: nowrap; } :where(body) a.lt-header-cta:hover, :where(body) a.lt-drawer__cta:hover { background: var(--lt-primary-deep, var(--lt-ink)); color: var(--lt-on-primary, var(--lt-base)); text-decoration: none; } #sp-header .header-modules:empty, #sp-header .header-modules:not(:has(*)) { display: none !important; } /* Off-canvas toggler: three lines like the WordPress menu button, only up to 1024px. */ #sp-header #offcanvas-toggler { display: none !important; align-items: center; justify-content: center; width: 44px; height: 44px; margin: 0 -0.6rem 0 0; color: var(--lt-ink); } :is(#offcanvas-toggler, .close-offcanvas) .burger-icon { position: relative; width: 18px; height: 12px; } #offcanvas-toggler .burger-icon > span { position: absolute; left: 0; width: 18px; height: 2px; margin: 0; border-radius: 1px; background-color: currentColor; } #offcanvas-toggler .burger-icon > span:nth-child(1) { top: 0; } #offcanvas-toggler .burger-icon > span:nth-child(2) { top: 5px; } #offcanvas-toggler .burger-icon > span:nth-child(3) { top: 10px; } .offcanvas-active #offcanvas-toggler .burger-icon > span { transform: none; opacity: 1; } @media (min-width: 1025px) and (max-width: 1280px) { #sp-header .container-inner > .row, #sp-header #sp-menu > .sp-column { gap: 1.25rem; } } @media (max-width: 1024px) { #sp-header .sp-megamenu-parent.d-lg-block, #sp-header #sp-menu .sp-module:has(.lt-header-cta) { display: none !important; } #sp-header #offcanvas-toggler { display: inline-flex !important; } #sp-header .logo .lt-brand__name { max-width: calc(100vw - 9rem); } } /* ---------- Off-canvas menu (WordPress: right-hand panel) ---------- */ body.ltr.offcanvs-position-right .offcanvas-menu { right: calc(-1 * var(--ltj-panel-w) - 20px); top: 0; } body.ltr.offcanvs-position-right.offcanvas-active .offcanvas-menu { right: 0; } .offcanvas-menu { width: var(--ltj-panel-w); height: 100%; padding: 1rem 1.4rem 2rem; box-sizing: border-box; overflow-x: hidden; overflow-y: auto; background: var(--lt-base); color: var(--lt-ink); font-family: var(--lt-font-body); line-height: var(--lt-lh-body, 1.6); } .offcanvas-overlay { position: fixed; background: color-mix(in srgb, var(--lt-ink) 45%, transparent); -webkit-backdrop-filter: none; backdrop-filter: none; } .offcanvas-menu > .d-flex:first-child { justify-content: space-between; gap: 0.75rem; min-height: 44px; margin: 0 0 1.5rem; padding: 0 !important; } body.ltr .offcanvas-menu .close-offcanvas { position: static; display: inline-flex; align-items: center; justify-content: center; flex: none; width: 44px; height: 44px; margin-right: -0.6rem; color: var(--lt-ink); } .close-offcanvas .burger-icon { width: 20px; height: 20px; } .offcanvas-menu .close-offcanvas .burger-icon > span, .offcanvas-active .offcanvas-menu .close-offcanvas .burger-icon > span { position: absolute; top: 9px; left: -0.5px; width: 21px; height: 2.3px; margin: 0; border-radius: 1.2px; background-color: currentColor; opacity: 1; transition: none; } .offcanvas-menu .close-offcanvas .burger-icon > span:nth-child(1) { transform: rotate(45deg); } .offcanvas-menu .close-offcanvas .burger-icon > span:nth-child(2) { display: none; } .offcanvas-menu .close-offcanvas .burger-icon > span:nth-child(3) { transform: rotate(-45deg); } .offcanvas-menu .offcanvas-inner { max-height: none; padding: 0; overflow: visible; } .offcanvas-menu .offcanvas-inner .header-modules:not(:has(*)) { display: none !important; } .offcanvas-menu .offcanvas-inner .sp-module, .offcanvas-menu .offcanvas-inner .sp-module:not(:last-child) { margin: 0; padding: 0; } .offcanvas-menu .offcanvas-inner ul.menu, .offcanvas-menu .offcanvas-inner ul.menu ul { display: block; margin: 0; padding: 0; list-style: none; } .offcanvas-menu .offcanvas-inner ul.menu > li { overflow: visible; border-bottom: 1px solid var(--lt-line); } .offcanvas-menu .offcanvas-inner ul.menu li > a { position: relative; display: block; opacity: 1; color: var(--lt-ink); font-family: var(--lt-font-ui, var(--lt-font-body)); text-decoration: none; } .offcanvas-menu .offcanvas-inner ul.menu > li > a { padding: 0.9rem 0; font-size: var(--lt-fs-md); font-weight: 600; line-height: var(--lt-lh-body, 1.6); } body:not(.view-article) .offcanvas-menu .offcanvas-inner ul.menu li.current > a { text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 0.35em; } .offcanvas-menu .offcanvas-inner ul.menu li.current > a .menu-toggler { text-decoration: none; } .offcanvas-menu .offcanvas-inner ul.menu li { display: flex; flex-wrap: wrap; align-items: center; } .offcanvas-menu .offcanvas-inner ul.menu li > a { flex: 1; } .offcanvas-menu .offcanvas-inner ul.menu li > ul.menu-child { flex-basis: 100%; font-size: inherit; } .offcanvas-menu .offcanvas-inner ul.menu li ul.menu-child li > a, .offcanvas-menu .offcanvas-inner ul.menu li.active ul.menu-child li > a { color: var(--lt-ink); opacity: 1; } .offcanvas-menu .offcanvas-inner ul.menu ul.menu-child.menu-child { margin: 0 0 0.5rem 0.4rem; padding: 0 0 0 0.85rem; border-left: 2px solid var(--lt-line); } .offcanvas-menu .offcanvas-inner ul.menu ul.menu-child > li { border: 0; } .offcanvas-menu .offcanvas-inner ul.menu ul.menu-child > li > a { display: flex; align-items: center; min-height: 44px; padding: 0.35rem 0; font-size: var(--lt-fs-base); font-weight: 500; line-height: 1.35; } .offcanvas-menu .offcanvas-inner ul.menu ul.menu-child ul.menu-child > li > a { font-size: var(--lt-fs-sm); } /* Sub-menu toggles: a chevron at the right, pointing right when closed, down when open (Helix's own icon off). */ .offcanvas-menu .offcanvas-inner ul.menu li.menu-parent > a > .menu-toggler { position: absolute; top: 50%; right: -0.6rem; display: block; width: 44px; height: 44px; padding: 0; transform: translateY(-50%); } .offcanvas-menu li.menu-parent > a > .menu-toggler::after, .offcanvas-menu li.menu-parent.menu-parent-open > a > .menu-toggler::after { content: ""; position: absolute; inset: 0; background-color: var(--lt-ink); -webkit-mask: var(--ltj-chevron) center / 16px 16px no-repeat; mask: var(--ltj-chevron) center / 16px 16px no-repeat; transform: rotate(-90deg); transition: transform 0.2s; } .offcanvas-menu li.menu-parent.menu-parent-open > a > .menu-toggler::after { transform: none; } .lt-drawer__extra { display: flex; flex-direction: column; gap: 0.4rem; margin: 1.4rem 0 1rem; color: var(--lt-soft); font-size: var(--lt-fs-sm); } .lt-drawer__extra p { margin: 0; } body .lt-drawer__extra a { color: var(--lt-ink); } body .offcanvas-menu a.lt-drawer__cta, body .offcanvas-menu a.lt-drawer__cta:hover { display: block; color: var(--lt-on-primary, var(--lt-base)); padding: 0.95em 1.3em; font-size: var(--lt-fs-base); text-align: center; } /* ---------- Footer (footer1: Custom HTML) and credit line (footer2: Helix copyright) ---------- */ #sp-footer, #sp-credit { margin: 0; padding: 0; background: none; color: inherit; font-size: inherit; } #sp-footer > .row, #sp-credit > .row { margin: 0; } #sp-footer1, #sp-footer2 { width: 100%; padding: 0; text-align: left; } #sp-footer .sp-module, #sp-credit .sp-module { margin: 0; } body .lt-footer a { color: inherit; } #sp-credit { background: var(--lt-footer-bg, var(--lt-dark)); border-top: 1px solid color-mix(in srgb, var(--lt-on-dark) 14%, transparent); color: var(--lt-on-dark-soft, var(--lt-on-dark)); } #sp-credit #sp-footer2 > .sp-column { max-width: calc(var(--lt-wide) + 2 * var(--lt-gutter)); margin: 0 auto; padding: 1.1rem var(--lt-gutter) 1.4rem; box-sizing: border-box; font-family: var(--lt-font-ui, var(--lt-font-body)); font-size: var(--lt-fs-sm); line-height: var(--lt-lh-body, 1.6); } #sp-credit .sp-copyright a { color: var(--lt-on-dark); } /* ---------- Pages without SP Page Builder: blog, article, other components ---------- */ body.site:not(.com-sppagebuilder) #sp-main-body { padding: 0; } body.site:not(.com-sppagebuilder) #sp-main-body > .container { max-width: calc(var(--lt-wide) + 2 * var(--lt-gutter)); margin: 0 auto; padding: var(--lt-sec-y) var(--lt-gutter); box-sizing: border-box; } body.site:not(.com-sppagebuilder) #sp-main-body .container-inner, body.site:not(.com-sppagebuilder) #sp-main-body .container-inner > .row { margin: 0; padding: 0; } body.site:not(.com-sppagebuilder) #sp-component { padding: 0; } /* Blog (category blog of the Notes category; WordPress: .lt-blog). */ .com-content-category-blog .page-header { max-width: 48rem; margin: 0; padding: 0; border: 0; } .com-content-category-blog .page-header h1, .com-content-category-blog > h1, .view-category .page-header h1 { margin: 0 0 0.6rem; font-family: var(--lt-font-display); font-size: var(--lt-fs-3xl); font-weight: 800; line-height: var(--lt-lh-heading, 1.1); } .com-content-category-blog > h1 { max-width: 48rem; } .com-content-category-blog .category-desc { max-width: 48rem; margin: 0 0 3rem; color: var(--lt-soft); font-size: var(--lt-fs-md); } .com-content-category-blog .category-desc p { margin: 0; } .com-content-category-blog .article-list { display: grid; gap: 0; margin: 0; border-top: 1px solid var(--lt-line); } .com-content-category-blog .article-list > .row { margin: 0; } .com-content-category-blog .article-list > .row > [class*="col-"] { padding: 0; } .com-content-category-blog .article-list .article { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 3fr); align-items: center; gap: 1.25rem 2.5rem; margin: 0; padding: 2rem 0; border: 0; border-bottom: 1px solid var(--lt-line); background: none; box-shadow: none; } .com-content-category-blog .article-list .article .article-intro-image { float: none; margin: 0; border: 0; border-radius: 0; } .com-content-category-blog .article-list .article .article-intro-image img { border-radius: var(--lt-radius-img, 0); } .com-content-category-blog .article-intro-image img, .mod-articles-items :is(.item-image, .article-intro-image) img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 10; object-fit: cover; border-radius: var(--lt-radius-img, 0); } .com-content-category-blog .article-body { display: flex; flex-direction: column; margin: 0; padding: 0; } .com-content-category-blog .article-header { order: 2; margin: 0; } .com-content-category-blog .article-info { order: 1; } .com-content-category-blog .article-introtext { order: 3; } .com-content-category-blog .article-list .article .article-header h2 { margin: 0.2rem 0 0.4rem; font-family: var(--lt-font-display); font-size: var(--lt-fs-xl); line-height: var(--lt-lh-heading, 1.1); } :is(.com-content-category-blog .article-header h2, .mod-articles-title) a { color: var(--lt-ink); text-decoration: none; } :is(.com-content-category-blog .article-header h2, .mod-articles-title) a:hover { color: var(--lt-ink); text-decoration: underline; text-underline-offset: 0.2em; } :is(.com-content-category-blog, .view-article) .article-info, .mod-articles-items dl { display: block; margin: 0; padding: 0; color: var(--lt-soft); font-family: var(--lt-font-ui, var(--lt-font-body)); font-size: var(--lt-fs-sm); } :is(.com-content-category-blog, .view-article) .article-info > span { margin: 0; padding: 0; font-size: inherit; } .com-content-category-blog .article-info .category-name { display: none; } :is(.com-content-category-blog, .view-article) .article-info > span::before, .mod-articles-items dl [class*="icon-"] { display: none; } .com-content-category-blog .article-introtext { color: var(--lt-soft); } .com-content-category-blog .article-introtext p { margin: 0; } .com-content-category-blog .pagination-wrapper, .com-content-category-blog .com-content-category-blog__navigation { margin-top: 2.5rem; } @media (max-width: 767px) { .com-content-category-blog .article-list .article { grid-template-columns: minmax(0, 1fr); } } /* Article (WordPress: .lt-single). The blog menu item shows no page heading, so the article title is the page's h1; the kicker above it ("Notes for owners", a link to the blog like WordPress's .lt-single__back) is the article's category link (show_category + link_category; the category's title is the blog title). The info block is taken apart (display: contents) so the category goes above the title and the date below it. */ .view-article .article-details { display: flex; flex-direction: column; max-width: 46rem; margin: 0 auto; } .view-article .article-details > .page-header { order: 0; margin: 0 0 1.5rem; padding: 0; border: 0; } .view-article .article-details > .article-info .category-name { order: 0; margin: 0 0 1.5rem; font-family: var(--lt-font-ui, var(--lt-font-body)); font-size: var(--lt-fs-sm); line-height: var(--lt-lh-body, 1.6); } .view-article .article-details > .article-info .category-name a { color: var(--lt-primary); text-decoration: none; } .view-article .article-details > .article-info .category-name a:hover { color: var(--lt-primary-deep, var(--lt-ink)); } .view-article .article-details > .article-header { order: 1; margin: 0; } .view-article .article-details > .article-header :is(h1, h2) { margin: 0 0 0.75rem; font-family: var(--lt-font-display); font-size: var(--lt-fs-3xl); font-weight: 800; line-height: var(--lt-lh-heading, 1.1); } .view-article .article-details > .article-info { display: contents; } .view-article .article-details > .article-info > :not(.category-name) { order: 2; margin: 0 0 2rem; } .view-article .article-details > .article-full-image { order: 3; float: none; margin: 0 0 2.5rem; } .view-article .article-details > .article-full-image img { display: block; width: 100%; height: auto; border-radius: var(--lt-radius-img, 0); } /* Hello Elementor caps the featured image of a post (.post .wp-post-image): portrait photos are cropped, not shown whole. */ .view-article .article-details > .article-full-image img { max-height: 500px; object-fit: cover; } @media (max-width: 991px) { .view-article .article-details > .article-full-image img { max-height: 400px; } } @media (max-width: 575px) { .view-article .article-details > .article-full-image img { max-height: 300px; } } .view-article .article-details > [itemprop="articleBody"] { order: 4; font-size: var(--lt-fs-md); line-height: var(--lt-lh-body, 1.6); } /* Hello Elementor's paragraph spacing (reset.css: p { margin-block: 0 .9rem }); Bootstrap's is 1rem. All sample posts are

only. */ .view-article .article-details > [itemprop="articleBody"] p { margin: 0 0 0.9rem; } /* WordPress: the last paragraph's margin collapses into the gap above the post navigation; a flex item keeps it inside. */ .view-article .article-details > [itemprop="articleBody"] > :last-child { margin-bottom: 0; } .view-article .article-details > .article-can-edit:not(:has(*)) { display: none !important; } .view-article .article-details > .pagenavigation { order: 5; margin-top: 3rem; padding-top: 1.5rem; padding-bottom: 0; border-top: 1px solid var(--lt-line); font-family: var(--lt-font-ui, var(--lt-font-body)); } /* WordPress: older post on the left, newer on the right, each shown by its title. Joomla's "next" is the older article; the titles come from the language override JNEXT_TITLE / JPREVIOUS_TITLE = "%s" (ltj_install.php). */ /* Helix's clearfix pseudo-elements would be flex items (and centre a lone link). */ .view-article .pagenavigation .pagination::before, .view-article .pagenavigation .pagination::after { content: none; display: none; } .view-article .pagenavigation .pagination { display: flex; justify-content: space-between; gap: 2rem; width: 100%; margin: 0; padding: 0; } .view-article .pagenavigation .btn { display: block; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; color: var(--lt-primary); font: inherit; line-height: inherit; text-align: left; text-decoration: none; white-space: normal; } .view-article .pagenavigation .btn.next { order: 0; } .view-article .pagenavigation .btn.previous { order: 1; margin-left: auto; text-align: right; } .view-article .pagenavigation .btn .visually-hidden { position: static !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; clip: auto !important; white-space: normal !important; } .view-article .pagenavigation .btn [aria-hidden="true"] { display: none; } /* ---------- Latest notes (core Articles module in the home page's notes section; WordPress: .lt-posts--grid) ---------- */ .ltj :has(> .mod-articles-items) { container-type: normal; } .ltj .mod-articles-items { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr)); gap: 2rem; margin: 0; padding: 0; list-style: none; } .ltj .mod-articles-items > li { margin: 0; padding: 0; } .ltj .mod-articles-item, .ltj .mod-articles-item-content { display: flex; flex-direction: column; margin: 0; padding: 0; border: 0; background: none; } .ltj .mod-articles-item-content > :is(.item-image, .article-intro-image) { order: -1; float: none; margin: 0 0 0.9rem; } .ltj .mod-articles-item-content > :is(.item-image, .article-intro-image) a { display: block; } .ltj .mod-articles-item-content > dl { order: 0; } .ltj .mod-articles-item-content > dl dt, .ltj .mod-articles-item-content > dl dd { margin: 0; padding: 0; font-weight: 400; } .ltj .mod-articles-title { order: 1; margin: 0.2rem 0 0.4rem; font-family: var(--lt-font-display); font-size: var(--lt-fs-lg); line-height: var(--lt-lh-heading, 1.1); } .ltj .mod-articles-item-content > p { order: 2; margin: 0; color: var(--lt-soft); } /* ---------- Contact form (Convert Forms, class suffix lt-cf; WordPress: WPForms in .lt-form) ---------- */ /* Sizes and radii read WPForms' own variables (--wpforms-*) where WordPress does, so a theme.css override of them (mapped onto .convertforms.lt-cf by jlib/css.py chrome_aliases) applies here too; the fallbacks are the engine's values. */ /* The engine's form panel (its "Contact form" section is replaced by this file): white panel with a hairline border. (0-1-0): beats Elementor's .e-con defaults (earlier), loses to the theme's ".e-con.lt-form" overrides like on WordPress. */ .ltj-e-con:where(.lt-form) { --padding-top: clamp(1.25rem, 1rem + 1.5vw, 2.25rem); --padding-right: clamp(1.25rem, 1rem + 1.5vw, 2.25rem); --padding-bottom: clamp(1.25rem, 1rem + 1.5vw, 2.25rem); --padding-left: clamp(1.25rem, 1rem + 1.5vw, 2.25rem); align-self: start; background: var(--lt-form-bg, #FFFFFF); border: 1px solid var(--lt-line); border-radius: var(--lt-radius-field, min(var(--lt-radius-btn, 4px), 6px)); } body .convertforms.lt-cf { max-width: none; margin: 24px 0; padding: 0; border: 0; background: none; color: var(--lt-ink); font-family: var(--lt-font-body); font-size: var(--lt-fs-base); line-height: var(--lt-lh-body, 1.6); } body .convertforms.lt-cf form, body .convertforms.lt-cf .cf-form-wrap { display: block; margin: 0; padding: 0; background: none !important; } body .convertforms.lt-cf .cf-response:empty { display: none; } body .convertforms.lt-cf .cf-fields { display: block; margin: 0; padding: 0; } body .convertforms.lt-cf .cf-control-group { display: block; width: 100%; min-width: 0; margin: 0; padding: 15px 0; border: 0; } /* WPForms under 600 px: ".wpforms-form .wpforms-field { padding: 15px 1px }" (fields 2 px narrower: a description can wrap). */ @media (max-width: 600px) { body .convertforms.lt-cf .cf-control-group:not([data-type="submit"]) { padding-right: 1px; padding-left: 1px; } } body .convertforms.lt-cf .cf-control-label { margin: 0 0 15px; padding: 0; } body .convertforms.lt-cf .cf-control-label .cf-label, body .convertforms.lt-cf legend.cf-label { display: block; float: none; width: auto; margin: 0; padding: 0; color: var(--lt-ink); font-family: var(--lt-font-ui, var(--lt-font-body)); font-size: var(--wpforms-label-size-font-size, var(--lt-fs-sm)); font-weight: 700; line-height: 19px; } /* A legend sits on the fieldset's top border (above its padding); WPForms' label sits inside the padding: float it in. */ body .convertforms.lt-cf legend.cf-label { float: left; width: auto; margin-bottom: 15px; } body .convertforms.lt-cf legend.cf-label + .cf-control-input { clear: both; } body .convertforms.lt-cf .cf-required-label { color: var(--lt-error, #B42318); font-weight: 700; } body .convertforms.lt-cf .cf-control-input { display: block; margin: 0; padding: 0; } body .convertforms.lt-cf :is(input.cf-input[type="text"], input.cf-input[type="email"], input.cf-input[type="tel"], input.cf-input[type="number"], input.cf-input[type="url"], input.cf-input[type="date"], select.cf-input, textarea.cf-input) { display: block; width: 100%; height: 46px; margin: 0; padding: 0 14px; box-sizing: border-box; border: 1px solid var(--lt-field-border, var(--lt-soft)); border-radius: var(--wpforms-field-border-radius, var(--lt-radius-field, min(var(--lt-radius-btn, 4px), 6px))); background-color: var(--lt-field-bg, #FFFFFF); box-shadow: none; color: var(--lt-ink); font-family: inherit; font-size: var(--wpforms-field-size-font-size, 16px); line-height: var(--wpforms-field-size-font-size, 16px); } /* WPForms field size "small" (theme.py form field "size": "small") = a quarter of the row, full width on phones. */ body .convertforms.lt-cf .cf-control-input .cf-input.lt-cf-size-small { max-width: 25%; } @media (max-width: 600px) { body .convertforms.lt-cf .cf-control-input .cf-input.lt-cf-size-small { max-width: 100%; } } body .convertforms.lt-cf select.cf-input { padding-right: 24px; line-height: 25.6px; } body .convertforms.lt-cf .cf-select::after { right: 12px; } body .convertforms.lt-cf .cf-control-input textarea.cf-input.cf-input { height: 128.8px; padding: 14px; line-height: 20.8px; resize: vertical; } body .convertforms.lt-cf :is(input, select, textarea):focus { border-color: var(--lt-field-border, var(--lt-soft)); box-shadow: none; outline: 2px solid var(--lt-primary); outline-offset: 1px; } body .convertforms.lt-cf .cf-control-input .cf-control-input-desc { margin: 5px 0 0; padding: 0; color: var(--lt-soft); font-family: inherit; font-size: var(--wpforms-label-size-sublabel-font-size, 13px); line-height: 17px; } body .convertforms.lt-cf .cf-list { display: flex; flex-direction: column; gap: 15px; margin: 0; padding: 0; } body .convertforms.lt-cf :is(.cf-checkbox-group, .cf-radio-group) { display: flex; align-items: flex-start; gap: 0; /* Convert Forms: 5px; WPForms: only the label's 12px padding */ position: relative; width: auto; margin: 0; padding: 0; } body .convertforms.lt-cf :is(.cf-checkbox-group, .cf-radio-group) input.cf-input { position: static; flex: none; width: 16px; height: 16px; margin: calc((var(--wpforms-label-size-font-size, var(--lt-fs-sm)) * 1.3 - 16px) / 1.5) 0 0 2px; /* WPForms: (label size x 1.3 - box size) / 1.5 */ opacity: 1; -webkit-appearance: auto; appearance: auto; accent-color: var(--lt-primary); } body .convertforms.lt-cf :is(.cf-checkbox-group, .cf-radio-group) .cf-label { display: block; margin: 0; padding: 0 0 0 12px; color: var(--lt-ink); font-family: inherit; font-size: var(--wpforms-label-size-font-size, var(--lt-fs-sm)); font-weight: 400; line-height: 1.3; cursor: pointer; } body .convertforms.lt-cf :is(.cf-checkbox-group, .cf-radio-group) .cf-label::before, body .convertforms.lt-cf :is(.cf-checkbox-group, .cf-radio-group) .cf-label::after { content: none; display: none; } body .convertforms.lt-cf .cf-control-group[data-type="submit"] { padding: 10px 0 0; } body .convertforms.lt-cf .cf-btn { display: inline-flex; width: auto; min-width: 0; align-items: center; justify-content: center; height: 48px; margin: 0; padding: 0 15px; border: 0; border-radius: var(--wpforms-button-border-radius, var(--lt-radius-btn, 4px)); background: var(--lt-primary); color: var(--lt-on-primary, var(--lt-base)); font-family: var(--lt-font-button, var(--lt-font-ui, var(--lt-font-body))); font-size: var(--wpforms-button-size-font-size, 16px); font-weight: var(--e-global-typography-accent-font-weight, 600); line-height: 16px; box-shadow: none; cursor: pointer; } body .convertforms.lt-cf .cf-btn:hover, body .convertforms.lt-cf .cf-btn:focus { background: var(--lt-primary-deep, var(--lt-ink)); color: var(--lt-on-primary, var(--lt-base)); } body .convertforms.lt-cf .cf-btn-text { font: inherit; } body .convertforms.lt-cf .cf-btn .cf-spinner-container { display: none; } body .convertforms.lt-cf.cf-loading .cf-btn .cf-spinner-container, body .convertforms.lt-cf .cf-btn.cf-disabled .cf-spinner-container { display: inline-flex; } body .convertforms.lt-cf .cf-response { margin: 0 0 15px; padding: 1rem 1.25rem; border: 0; border-left: 4px solid var(--lt-primary); background: var(--lt-surface); color: var(--lt-ink); } /* ---------- Error page (Helix error.php) ---------- Helix's error page prints no header or footer, only the modules of position 404. The WordPress 404 page (top bar, header, text + search + links, footer, credit line) is rebuilt there from modules: "404: top bar and header" (the top bar module, the brand, the main menu as a Menu module, the header button), "Page not found" (the WordPress 404 text with a Smart Search form) and "404: footer" (the footer module + the credit line). No JavaScript runs on this page, so the phone menu opens with a checkbox (the menu button) and shows the menu under the header. */ :root.error-page, :root.error-page body { height: auto; } :root.error-page body { display: block; margin: 0; padding: 0; background-color: var(--lt-base); color: var(--lt-ink); font-family: var(--lt-font-body); font-size: var(--lt-fs-base); line-height: var(--lt-lh-body, 1.6); text-align: left; } :root.error-page body > .container { max-width: none; margin: 0; padding: 0; text-align: left; } :root.error-page body > .container > :is(.error-code, .error-message, .btn, .error-logo) { display: none; } :root.error-page .sp-module { margin: 0; } :root.error-page .lt-404 a { color: var(--lt-primary); } :root.error-page .lt-404 .search-form { margin: 0; } /* Helix's template.css loads after custom.css on this page: its rules are outweighed here (:root.error-page). */ :root.error-page #sp-header.ltj-404-header { height: auto; box-shadow: none; animation: none; } :root.error-page #sp-header .logo { display: flex; height: auto; } :root.error-page #sp-header .logo a { font-size: inherit; line-height: inherit; } /* Search (Smart Search module), in the WordPress search form's look. */ :root.error-page .lt-404 .mod-finder { max-width: 32rem; margin: 0; } :root.error-page .lt-404 .mod-finder__search { display: flex; flex-wrap: nowrap; gap: 0.5rem; } :root.error-page .lt-404 .mod-finder .form-control { flex: 1; align-self: flex-start; min-width: 0; height: auto; padding: 0.8rem 1rem; border: 1px solid var(--lt-line-strong, var(--lt-soft)); border-radius: var(--lt-radius-field, min(var(--lt-radius-btn, 4px), 6px)) !important; background: var(--lt-base); box-shadow: none; color: var(--lt-ink); font: inherit; line-height: 1; } :root.error-page .lt-404 .mod-finder .btn { flex: none; margin: 0 !important; padding: 0.9rem 1.5rem; border: 0; border-radius: var(--lt-radius-btn, 4px) !important; background: var(--lt-primary); color: var(--lt-on-primary, var(--lt-base)); font-family: var(--lt-font-ui, var(--lt-font-body)); font-size: 1rem; font-weight: 600; line-height: 1.5; } :root.error-page .lt-404 .mod-finder .btn:is(:hover, :focus) { background: var(--lt-primary-deep, var(--lt-ink)); color: var(--lt-on-primary, var(--lt-base)); } :root.error-page .lt-404 .mod-finder .btn .icon-search { display: none; } /* Top bar + header: sticky together, like WordPress. */ :root.error-page .ltj-404-top { position: sticky; top: 0; z-index: 100; } :root.error-page #sp-header.ltj-404-header { position: relative; top: auto; z-index: auto; } .ltj-404-header #sp-logo { display: flex; align-items: center; } .ltj-404-header #sp-menu > .sp-column { display: flex; align-items: center; justify-content: flex-end; } .ltj-404-nav { display: flex; align-items: center; gap: 2rem; } .ltj-404-nav .sp-module, .ltj-404-nav .sp-module-content { display: contents; } .ltj-404-nav :is(.mod-menu, .mod-menu__sub) { margin: 0; padding: 0; list-style: none; } .ltj-404-nav .mod-menu { display: flex; flex-wrap: nowrap; align-items: center; gap: 1.6rem; } .ltj-404-nav .mod-menu > li { display: flex; align-items: center; position: relative; padding: 0; } .ltj-404-nav .mod-menu a { color: var(--lt-ink); font-family: var(--lt-font-ui, var(--lt-font-body)); font-weight: 500; text-decoration: none; } .ltj-404-nav .mod-menu > li > a { font-size: var(--lt-fs-nav, var(--lt-fs-base)); line-height: var(--lt-lh-body, 1.6); white-space: nowrap; } .ltj-404-nav .mod-menu a:hover { color: var(--lt-ink); text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 0.35em; } .ltj-404-nav .mod-menu .menu-toggler { display: none; } .ltj-404-nav .mod-menu li:is(.parent, .menu-parent)::after { content: ""; display: inline-block; flex: none; width: 24px; height: 24px; margin-left: 0.15rem; background-color: var(--lt-ink); -webkit-mask: var(--ltj-chevron) center / 16px 16px no-repeat; mask: var(--ltj-chevron) center / 16px 16px no-repeat; } .ltj-404-nav .mod-menu__sub li:is(.parent, .menu-parent)::after { margin: 0 0.5rem 0 0; transform: rotate(-90deg); } .ltj-404-nav .mod-menu__sub { position: absolute; top: 100%; left: -1rem; z-index: 20; min-width: 220px; max-width: 300px; padding: 0.4rem 0; border: 1px solid var(--lt-line); background: var(--lt-base); box-shadow: 0 12px 28px color-mix(in srgb, var(--lt-ink) 12%, transparent); font-size: var(--lt-fs-sm); visibility: hidden; opacity: 0; transition: opacity 0.15s, visibility 0s 0.15s; } .ltj-404-nav .mod-menu__sub .mod-menu__sub { top: -0.45rem; left: 100%; } .ltj-404-nav li:is(:hover, :focus-within) > .mod-menu__sub { visibility: visible; opacity: 1; transition: opacity 0.15s; } .ltj-404-nav .mod-menu__sub li { display: flex; align-items: center; position: relative; } .ltj-404-nav .mod-menu__sub a { flex: 1; display: block; padding: 0.55rem 1.1rem; font-size: var(--lt-fs-sm); line-height: 1.35; } .ltj-404-nav .mod-menu__sub a:hover { background: var(--lt-surface); } /* Menu button (a label for the hidden checkbox), only up to 1024px. */ .ltj-404-menu-state { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); opacity: 0; } .ltj-404-header label#offcanvas-toggler { display: none; cursor: pointer; } .ltj-404-header:has(.ltj-404-menu-state:focus-visible) label#offcanvas-toggler { outline: 2px solid var(--lt-primary); outline-offset: 2px; } @media (max-width: 1024px) { .ltj-404-nav { display: none; } .ltj-404-header label#offcanvas-toggler { display: inline-flex !important; } .ltj-404-header:has(.ltj-404-menu-state:checked) .ltj-404-nav { display: block; position: absolute; top: 100%; left: 0; right: 0; max-height: calc(100vh - 8rem); overflow-y: auto; padding: 1rem var(--lt-gutter) 1.5rem; border-bottom: 1px solid var(--lt-line); background: var(--lt-header-bg, var(--lt-base)); box-shadow: 0 12px 28px color-mix(in srgb, var(--lt-ink) 12%, transparent); } .ltj-404-nav .mod-menu { display: block; } .ltj-404-nav .mod-menu li { display: block; } .ltj-404-nav .mod-menu .menu-toggler { display: none; } .ltj-404-nav .mod-menu li:is(.parent, .menu-parent)::after { content: none; } .ltj-404-nav .mod-menu a, .ltj-404-nav .mod-menu > li > a { display: block; padding: 0.7rem 0; border-bottom: 1px solid var(--lt-line); font-size: var(--lt-fs-base); line-height: 1.35; white-space: normal; } .ltj-404-nav .mod-menu__sub { position: static; min-width: 0; max-width: none; padding: 0 0 0 1rem; border: 0; background: none; box-shadow: none; visibility: visible; opacity: 1; } .ltj-404-nav .mod-menu__sub a { padding: 0.6rem 0; font-size: var(--lt-fs-sm); } .ltj-404-nav a.lt-header-cta { display: block; margin-top: 1.25rem; text-align: center; } } /* ==================== Theme rules for the Joomla chrome (theme.css selectors on WordPress-only markup, mapped to Helix / com_content / mod_articles; see jlib/css.py chrome_aliases) ==================== */ :root:not(#ltj-a):not(#ltj-b):not(#ltj-c) .lt-brand__name{letter-spacing: -0.01em;} :root:not(#ltj-a):not(#ltj-b):not(#ltj-c) :is(.com-content-category-blog .page-header h1, .com-content-category-blog > h1), :root:not(#ltj-a):not(#ltj-b):not(#ltj-c) .view-article .article-header h1{letter-spacing: -0.01em;} :root:not(#ltj-a):not(#ltj-b):not(#ltj-c) #sp-header{border-bottom-color: var(--lt-line);} :root:not(#ltj-a):not(#ltj-b):not(#ltj-c) .lt-brand__mark{width: 2.4rem; height: 2.4rem;} :root:not(#ltj-a):not(#ltj-b):not(#ltj-c) .lt-brand__name{font-size: 1.55rem; font-weight: 750; letter-spacing: -0.01em;} :root:not(#ltj-a):not(#ltj-b):not(#ltj-c) #sp-header .sp-megamenu-parent > li > a, :root:not(#ltj-a):not(#ltj-b):not(#ltj-c) .ltj-404-nav .mod-menu > li > a{font-weight: 600;} :root:not(#ltj-a):not(#ltj-b):not(#ltj-c) #sp-header .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a, :root:not(#ltj-a):not(#ltj-b):not(#ltj-c) .ltj-404-nav .mod-menu__sub li > a{font-weight: 600;} :root:not(#ltj-a):not(#ltj-b):not(#ltj-c) .offcanvas-menu .offcanvas-inner ul.menu ul.menu-child li > a{font-weight: 600;} :root:not(#ltj-a):not(#ltj-b):not(#ltj-c) .ltj .mod-articles-items > li{border-top: 4px solid var(--lt-primary); padding-top: 1rem;} :root:not(#ltj-a):not(#ltj-b):not(#ltj-c) .ltj .mod-articles-items > li:has(:is(.item-image, .article-intro-image)){border-top: 0; padding-top: 0;}