/* Original file: assets\wgs-base-style.css */ @charset "UTF-8"; /*##################################################### */ /*#region CSSVariables */ :root { --font-family: "Open Sans Normal", sans-serif; --font-height: 1.2; --font-size: 16px; --h1fontsize: calc(var(--font-size) * 1.90); --h2fontsize: calc(var(--font-size) * 1.75); --h3fontsize: calc(var(--font-size) * 1.50); --h4fontsize: calc(var(--font-size) * 1.25); --h5fontsize: calc(var(--font-size) * 1.00); --h6fontsize: calc(var(--font-size) * 0.88); font-size: var(--font-size); } @media screen and (max-width: 400px) { :root { --font-size: 12px; } } h1 { font-size: var(--h1fontsize); } h2 { font-size: var(--h2fontsize); } h3 { font-size: var(--h3fontsize); } h4 { font-size: var(--h4fontsize); } h5 { font-size: var(--h5fontsize); } h6 { font-size: var(--h6fontsize); } /*#endregion CSSVariables */ /*##################################################### */ /*##################################################### */ /*#region jqueryui */ .tabs a.btn, .tabs a.btn-block, .tabs a.btn-inline, .tabs a.btn-outline { display: block; } li:has(> .ui-accordion h3.ui-accordion-header) { margin-left: 2ch; padding-block: 0.5ch; } li:has(> .ui-accordion h3.ui-accordion-header)::marker { font-size: 1.25rem; font-weight: bold; color: var(--col-base); } li:has(> .ui-accordion h3.ui-accordion-header) .ui-accordion { margin-bottom: 0; } :not(#epanel-content):not(.editor-sidebar) > .ui-accordion:has(h3.ui-accordion-header):not(#epanel-content):not(#epanel-header):not(aside), :is(#content, #CustomPageBody) .ui-accordion:has(h3.ui-accordion-header), .ui-accordion:has(h3.ui-accordion-header) { margin-bottom: 20px; } :not(#epanel-content):not(.editor-sidebar) > .ui-accordion:has(h3.ui-accordion-header):not(#epanel-content):not(#epanel-header):not(aside)[is-pure-js] .ui-accordion-content, :is(#content, #CustomPageBody) .ui-accordion:has(h3.ui-accordion-header)[is-pure-js] .ui-accordion-content, .ui-accordion:has(h3.ui-accordion-header)[is-pure-js] .ui-accordion-content { transition: height linear 0.25s; } :not(#epanel-content):not(.editor-sidebar) > .ui-accordion:has(h3.ui-accordion-header):not(#epanel-content):not(#epanel-header):not(aside) .ui-accordion, :is(#content, #CustomPageBody) .ui-accordion:has(h3.ui-accordion-header) .ui-accordion, .ui-accordion:has(h3.ui-accordion-header) .ui-accordion { font-size: 85%; } :not(#epanel-content):not(.editor-sidebar) > .ui-accordion:has(h3.ui-accordion-header):not(#epanel-content):not(#epanel-header):not(aside) > :not(:first-child, .ui-accordion-content), :is(#content, #CustomPageBody) .ui-accordion:has(h3.ui-accordion-header) > :not(:first-child, .ui-accordion-content), .ui-accordion:has(h3.ui-accordion-header) > :not(:first-child, .ui-accordion-content) { margin-top: 0.7rem; } :not(#epanel-content):not(.editor-sidebar) > .ui-accordion:has(h3.ui-accordion-header):not(#epanel-content):not(#epanel-header):not(aside) h3.ui-accordion-header, :is(#content, #CustomPageBody) .ui-accordion:has(h3.ui-accordion-header) h3.ui-accordion-header, .ui-accordion:has(h3.ui-accordion-header) h3.ui-accordion-header { align-items: center; background-color: var(--col-base); border-radius: 5px; color: #fffaf0; cursor: pointer; font-size: 1.25em; font-weight: bold; justify-content: space-between; line-height: 1.2; list-style: none; margin-bottom: 0; padding: 10px 1em; position: relative; text-align: left; text-indent: 0; transition: 0.25s border-radius ease-out 0.25s; } :not(#epanel-content):not(.editor-sidebar) > .ui-accordion:has(h3.ui-accordion-header):not(#epanel-content):not(#epanel-header):not(aside) h3.ui-accordion-header.ui-state-active, :is(#content, #CustomPageBody) .ui-accordion:has(h3.ui-accordion-header) h3.ui-accordion-header.ui-state-active, .ui-accordion:has(h3.ui-accordion-header) h3.ui-accordion-header.ui-state-active { border-radius: 5px 5px 0 0; transition: 0.1s border-radius ease-in 0s; border: none; } :not(#epanel-content):not(.editor-sidebar) > .ui-accordion:has(h3.ui-accordion-header):not(#epanel-content):not(#epanel-header):not(aside) h3.ui-accordion-header:only-child, :is(#content, #CustomPageBody) .ui-accordion:has(h3.ui-accordion-header) h3.ui-accordion-header:only-child, .ui-accordion:has(h3.ui-accordion-header) h3.ui-accordion-header:only-child { cursor: default; } :not(#epanel-content):not(.editor-sidebar) > .ui-accordion:has(h3.ui-accordion-header):not(#epanel-content):not(#epanel-header):not(aside) h3.ui-accordion-header:only-child .icon, :is(#content, #CustomPageBody) .ui-accordion:has(h3.ui-accordion-header) h3.ui-accordion-header:only-child .icon, .ui-accordion:has(h3.ui-accordion-header) h3.ui-accordion-header:only-child .icon { opacity: 0; } :not(#epanel-content):not(.editor-sidebar) > .ui-accordion:has(h3.ui-accordion-header):not(#epanel-content):not(#epanel-header):not(aside) h3.ui-accordion-header:has(.ui-accordion-header-icon), :is(#content, #CustomPageBody) .ui-accordion:has(h3.ui-accordion-header) h3.ui-accordion-header:has(.ui-accordion-header-icon), .ui-accordion:has(h3.ui-accordion-header) h3.ui-accordion-header:has(.ui-accordion-header-icon) { padding-left: 2em; } :not(#epanel-content):not(.editor-sidebar) > .ui-accordion:has(h3.ui-accordion-header):not(#epanel-content):not(#epanel-header):not(aside) .ui-accordion-header-icon, :is(#content, #CustomPageBody) .ui-accordion:has(h3.ui-accordion-header) .ui-accordion-header-icon, .ui-accordion:has(h3.ui-accordion-header) .ui-accordion-header-icon { transition: 0.1s rotate ease-in; rotate: -90deg; } :not(#epanel-content):not(.editor-sidebar) > .ui-accordion:has(h3.ui-accordion-header):not(#epanel-content):not(#epanel-header):not(aside) .ui-accordion-header-icon.fas, :is(#content, #CustomPageBody) .ui-accordion:has(h3.ui-accordion-header) .ui-accordion-header-icon.fas, .ui-accordion:has(h3.ui-accordion-header) .ui-accordion-header-icon.fas { text-indent: 0; overflow: visible; margin: 0; background: none; width: auto; height: auto; display: inline; } :not(#epanel-content):not(.editor-sidebar) > .ui-accordion:has(h3.ui-accordion-header):not(#epanel-content):not(#epanel-header):not(aside) .ui-accordion-header-icon.fa-chevron-circle-down, :is(#content, #CustomPageBody) .ui-accordion:has(h3.ui-accordion-header) .ui-accordion-header-icon.fa-chevron-circle-down, .ui-accordion:has(h3.ui-accordion-header) .ui-accordion-header-icon.fa-chevron-circle-down { position: absolute; left: 10px; } :not(#epanel-content):not(.editor-sidebar) > .ui-accordion:has(h3.ui-accordion-header):not(#epanel-content):not(#epanel-header):not(aside) .ui-accordion-header-icon.arrow-animate, :not(#epanel-content):not(.editor-sidebar) > .ui-accordion:has(h3.ui-accordion-header):not(#epanel-content):not(#epanel-header):not(aside) .ui-accordion-header-icon.active, :is(#content, #CustomPageBody) .ui-accordion:has(h3.ui-accordion-header) .ui-accordion-header-icon.arrow-animate, :is(#content, #CustomPageBody) .ui-accordion:has(h3.ui-accordion-header) .ui-accordion-header-icon.active, .ui-accordion:has(h3.ui-accordion-header) .ui-accordion-header-icon.arrow-animate, .ui-accordion:has(h3.ui-accordion-header) .ui-accordion-header-icon.active { rotate: 0deg; } :not(#epanel-content):not(.editor-sidebar) > .ui-accordion:has(h3.ui-accordion-header):not(#epanel-content):not(#epanel-header):not(aside) .ui-accordion-content, :is(#content, #CustomPageBody) .ui-accordion:has(h3.ui-accordion-header) .ui-accordion-content, .ui-accordion:has(h3.ui-accordion-header) .ui-accordion-content { background: var(--col-fainter); border-radius: 0 0 5px 5px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.5); color: var(--col-text); padding: 1rem; display: flex; flex-flow: column; overflow: visible; } :not(#epanel-content):not(.editor-sidebar) > .ui-accordion:has(h3.ui-accordion-header):not(#epanel-content):not(#epanel-header):not(aside) .ui-accordion-content p:not(:last-child), :is(#content, #CustomPageBody) .ui-accordion:has(h3.ui-accordion-header) .ui-accordion-content p:not(:last-child), .ui-accordion:has(h3.ui-accordion-header) .ui-accordion-content p:not(:last-child) { margin-bottom: 10px; text-align: justify; } :not(#epanel-content):not(.editor-sidebar) > .ui-accordion:has(h3.ui-accordion-header):not(#epanel-content):not(#epanel-header):not(aside) .ui-accordion-content:has(> table), :is(#content, #CustomPageBody) .ui-accordion:has(h3.ui-accordion-header) .ui-accordion-content:has(> table), .ui-accordion:has(h3.ui-accordion-header) .ui-accordion-content:has(> table) { overflow: auto; line-height: 1; } :not(#epanel-content):not(.editor-sidebar) > .ui-accordion:has(h3.ui-accordion-header):not(#epanel-content):not(#epanel-header):not(aside) .ui-accordion-content table h5, :is(#content, #CustomPageBody) .ui-accordion:has(h3.ui-accordion-header) .ui-accordion-content table h5, .ui-accordion:has(h3.ui-accordion-header) .ui-accordion-content table h5 { padding: 0; font-size: 13px; font-weight: bold; } :not(#epanel-content):not(.editor-sidebar) > .ui-accordion:has(h3.ui-accordion-header):not(#epanel-content):not(#epanel-header):not(aside) .ui-accordion-content table dl, :is(#content, #CustomPageBody) .ui-accordion:has(h3.ui-accordion-header) .ui-accordion-content table dl, .ui-accordion:has(h3.ui-accordion-header) .ui-accordion-content table dl { padding: 0; } :not(#epanel-content):not(.editor-sidebar) > .ui-accordion:has(h3.ui-accordion-header):not(#epanel-content):not(#epanel-header):not(aside) .ui-accordion-content table th, :not(#epanel-content):not(.editor-sidebar) > .ui-accordion:has(h3.ui-accordion-header):not(#epanel-content):not(#epanel-header):not(aside) .ui-accordion-content table td, :is(#content, #CustomPageBody) .ui-accordion:has(h3.ui-accordion-header) .ui-accordion-content table th, :is(#content, #CustomPageBody) .ui-accordion:has(h3.ui-accordion-header) .ui-accordion-content table td, .ui-accordion:has(h3.ui-accordion-header) .ui-accordion-content table th, .ui-accordion:has(h3.ui-accordion-header) .ui-accordion-content table td { padding: 0.2rem 0.3rem; } :not(#epanel-content):not(.editor-sidebar) > .ui-tabs:not(#registrationtabstage):not(#epanel-content):not(#epanel-header):not(aside), :is(#content, #CustomPageBody) .ui-tabs:not(#registrationtabstage), .ui-tabs:not(#registrationtabstage) { --fg-active: var(--col-base); --fg-inactive: white; --bg-active: var(--col-lightest); --bg-inactive: var(--col-base); --bg-hover: var(--col-lighter); --border-color: #aaa; --border-radius: 5px; --shadow: 1px 2px 4px #aaa; padding: 0; margin: 20px 30px; } :not(#epanel-content):not(.editor-sidebar) > .ui-tabs:not(#registrationtabstage):not(#epanel-content):not(#epanel-header):not(aside) .ui-tabs-nav, :is(#content, #CustomPageBody) .ui-tabs:not(#registrationtabstage) .ui-tabs-nav, .ui-tabs:not(#registrationtabstage) .ui-tabs-nav { display: flex; flex-wrap: wrap; gap: 0.5ch; margin-bottom: -1px; margin-right: 5px; padding: 0 15px !important; position: relative; } :not(#epanel-content):not(.editor-sidebar) > .ui-tabs:not(#registrationtabstage):not(#epanel-content):not(#epanel-header):not(aside) .ui-tabs-nav.ui-widget:not(:has(.ui-state-active)), :is(#content, #CustomPageBody) .ui-tabs:not(#registrationtabstage) .ui-tabs-nav.ui-widget:not(:has(.ui-state-active)), .ui-tabs:not(#registrationtabstage) .ui-tabs-nav.ui-widget:not(:has(.ui-state-active)) { justify-content: center; min-width: 100%; transition: 1s min-width; transition-delay: 0s; width: fit-content; } :not(#epanel-content):not(.editor-sidebar) > .ui-tabs:not(#registrationtabstage):not(#epanel-content):not(#epanel-header):not(aside) .ui-tabs-nav:has(.ui-state-active), :is(#content, #CustomPageBody) .ui-tabs:not(#registrationtabstage) .ui-tabs-nav:has(.ui-state-active), .ui-tabs:not(#registrationtabstage) .ui-tabs-nav:has(.ui-state-active) { min-width: 0%; transition-delay: 0.5s; } :not(#epanel-content):not(.editor-sidebar) > .ui-tabs:not(#registrationtabstage):not(#epanel-content):not(#epanel-header):not(aside) .ui-tabs-nav:has(.ui-state-active) + .ui-tabs-panel, :is(#content, #CustomPageBody) .ui-tabs:not(#registrationtabstage) .ui-tabs-nav:has(.ui-state-active) + .ui-tabs-panel, .ui-tabs:not(#registrationtabstage) .ui-tabs-nav:has(.ui-state-active) + .ui-tabs-panel { border-top-left-radius: 0; transition-delay: 0s; } :not(#epanel-content):not(.editor-sidebar) > .ui-tabs:not(#registrationtabstage):not(#epanel-content):not(#epanel-header):not(aside) .ui-tabs-nav .ui-tabs-tab, :is(#content, #CustomPageBody) .ui-tabs:not(#registrationtabstage) .ui-tabs-nav .ui-tabs-tab, .ui-tabs:not(#registrationtabstage) .ui-tabs-nav .ui-tabs-tab { --border: 1px; --offset: 5px; --inset: 2px; --outset: -1px; background-color: var(--bg-inactive); border: solid var(--border) var(--border-color); border-bottom-width: 0; border-radius: var(--border-radius); box-shadow: var(--shadow); display: flex; flex: auto; list-style-type: none; margin: 0; z-index: 1; } :not(#epanel-content):not(.editor-sidebar) > .ui-tabs:not(#registrationtabstage):not(#epanel-content):not(#epanel-header):not(aside) .ui-tabs-nav .ui-tabs-tab .ui-tabs-anchor, :is(#content, #CustomPageBody) .ui-tabs:not(#registrationtabstage) .ui-tabs-nav .ui-tabs-tab .ui-tabs-anchor, .ui-tabs:not(#registrationtabstage) .ui-tabs-nav .ui-tabs-tab .ui-tabs-anchor { color: var(--fg-inactive); cursor: pointer; display: block; font-family: Montserrat, Helvetica, Arial; font-weight: 600; line-height: 1; max-width: 100%; width: 100%; padding: 5px 20px; text-wrap: balance; } :not(#epanel-content):not(.editor-sidebar) > .ui-tabs:not(#registrationtabstage):not(#epanel-content):not(#epanel-header):not(aside) .ui-tabs-nav .ui-tabs-tab.ui-state-active, :is(#content, #CustomPageBody) .ui-tabs:not(#registrationtabstage) .ui-tabs-nav .ui-tabs-tab.ui-state-active, .ui-tabs:not(#registrationtabstage) .ui-tabs-nav .ui-tabs-tab.ui-state-active { border-bottom-color: transparent; z-index: 2; } :not(#epanel-content):not(.editor-sidebar) > .ui-tabs:not(#registrationtabstage):not(#epanel-content):not(#epanel-header):not(aside) .ui-tabs-nav .ui-tabs-tab.ui-state-active, :is(#content, #CustomPageBody) .ui-tabs:not(#registrationtabstage) .ui-tabs-nav .ui-tabs-tab.ui-state-active, .ui-tabs:not(#registrationtabstage) .ui-tabs-nav .ui-tabs-tab.ui-state-active { background-color: var(--bg-active); } :not(#epanel-content):not(.editor-sidebar) > .ui-tabs:not(#registrationtabstage):not(#epanel-content):not(#epanel-header):not(aside) .ui-tabs-nav .ui-tabs-tab.ui-state-active a, :is(#content, #CustomPageBody) .ui-tabs:not(#registrationtabstage) .ui-tabs-nav .ui-tabs-tab.ui-state-active a, .ui-tabs:not(#registrationtabstage) .ui-tabs-nav .ui-tabs-tab.ui-state-active a { color: var(--fg-active); } :not(#epanel-content):not(.editor-sidebar) > .ui-tabs:not(#registrationtabstage):not(#epanel-content):not(#epanel-header):not(aside) .ui-tabs-nav .ui-tabs-tab:not(.ui-state-active):hover, :is(#content, #CustomPageBody) .ui-tabs:not(#registrationtabstage) .ui-tabs-nav .ui-tabs-tab:not(.ui-state-active):hover, .ui-tabs:not(#registrationtabstage) .ui-tabs-nav .ui-tabs-tab:not(.ui-state-active):hover { background-color: var(--bg-hover); } :not(#epanel-content):not(.editor-sidebar) > .ui-tabs:not(#registrationtabstage):not(#epanel-content):not(#epanel-header):not(aside) .ui-tabs-nav:has(.ui-state-active) .ui-tabs-tab, :is(#content, #CustomPageBody) .ui-tabs:not(#registrationtabstage) .ui-tabs-nav:has(.ui-state-active) .ui-tabs-tab, .ui-tabs:not(#registrationtabstage) .ui-tabs-nav:has(.ui-state-active) .ui-tabs-tab { --a: calc( 0% - var(--offset)); --b: calc( 0% + var(--border)); --c: calc(100% - var(--border)); --d: calc(100% - var(--inset )); --e: calc(100% + var(--offset)); --f: calc(100% + var(--outset)); clip-path: polygon(var(--a) var(--a), var(--a) var(--d), var(--b) var(--d), var(--b) var(--f), var(--c) var(--f), var(--e) var(--d), var(--e) var(--d), var(--e) var(--a)); } :not(#epanel-content):not(.editor-sidebar) > .ui-tabs:not(#registrationtabstage):not(#epanel-content):not(#epanel-header):not(aside) .ui-tabs-nav:has(.ui-state-active) .ui-tabs-tab, :not(#epanel-content):not(.editor-sidebar) > .ui-tabs:not(#registrationtabstage):not(#epanel-content):not(#epanel-header):not(aside) .ui-tabs-nav:has(.ui-state-active) .ui-tabs-tab .ui-tabs-anchor, :is(#content, #CustomPageBody) .ui-tabs:not(#registrationtabstage) .ui-tabs-nav:has(.ui-state-active) .ui-tabs-tab, :is(#content, #CustomPageBody) .ui-tabs:not(#registrationtabstage) .ui-tabs-nav:has(.ui-state-active) .ui-tabs-tab .ui-tabs-anchor, .ui-tabs:not(#registrationtabstage) .ui-tabs-nav:has(.ui-state-active) .ui-tabs-tab, .ui-tabs:not(#registrationtabstage) .ui-tabs-nav:has(.ui-state-active) .ui-tabs-tab .ui-tabs-anchor { border-radius: var(--border-radius) var(--border-radius) 0 0; } :not(#epanel-content):not(.editor-sidebar) > .ui-tabs:not(#registrationtabstage):not(#epanel-content):not(#epanel-header):not(aside) .ui-tabs-nav + .ui-tabs-panel, :is(#content, #CustomPageBody) .ui-tabs:not(#registrationtabstage) .ui-tabs-nav + .ui-tabs-panel, .ui-tabs:not(#registrationtabstage) .ui-tabs-nav + .ui-tabs-panel { border-top-left-radius: var(--border-radius); transition: 1s border-radius; transition-delay: 0.25s; } :not(#epanel-content):not(.editor-sidebar) > .ui-tabs:not(#registrationtabstage):not(#epanel-content):not(#epanel-header):not(aside) .ui-tabs-panel, :is(#content, #CustomPageBody) .ui-tabs:not(#registrationtabstage) .ui-tabs-panel, .ui-tabs:not(#registrationtabstage) .ui-tabs-panel { background-color: var(--bg-active); border: solid 1px var(--border-color); border-radius: var(--border-radius); border-top-left-radius: 0; box-shadow: var(--shadow); padding: 30px; position: relative; z-index: 1; } :not(#epanel-content):not(.editor-sidebar) > .ui-tabs:not(#registrationtabstage):not(#epanel-content):not(#epanel-header):not(aside) .ui-tabs-panel .wp-generator-container .playlist-wrapper .fluid-width-video-wrapper, :is(#content, #CustomPageBody) .ui-tabs:not(#registrationtabstage) .ui-tabs-panel .wp-generator-container .playlist-wrapper .fluid-width-video-wrapper, .ui-tabs:not(#registrationtabstage) .ui-tabs-panel .wp-generator-container .playlist-wrapper .fluid-width-video-wrapper { aspect-ratio: 16/9; } :not(#epanel-content):not(.editor-sidebar) > .ui-tabs:not(#registrationtabstage):not(#epanel-content):not(#epanel-header):not(aside) .ui-tabs-panel .wp-generator-container .playlist-wrapper .fluid-width-video-wrapper #current-video-wrapper, :is(#content, #CustomPageBody) .ui-tabs:not(#registrationtabstage) .ui-tabs-panel .wp-generator-container .playlist-wrapper .fluid-width-video-wrapper #current-video-wrapper, .ui-tabs:not(#registrationtabstage) .ui-tabs-panel .wp-generator-container .playlist-wrapper .fluid-width-video-wrapper #current-video-wrapper { width: 100% !important; height: 100% !important; } @media screen and (max-width: 500px) { :not(#epanel-content):not(.editor-sidebar) > .ui-tabs:not(#registrationtabstage):not(#epanel-content):not(#epanel-header):not(aside), :is(#content, #CustomPageBody) .ui-tabs:not(#registrationtabstage), .ui-tabs:not(#registrationtabstage) { margin: 0; } :not(#epanel-content):not(.editor-sidebar) > .ui-tabs:not(#registrationtabstage):not(#epanel-content):not(#epanel-header):not(aside) .ui-tabs-nav, :is(#content, #CustomPageBody) .ui-tabs:not(#registrationtabstage) .ui-tabs-nav, .ui-tabs:not(#registrationtabstage) .ui-tabs-nav { margin: 0; padding: 0 5px !important; } :not(#epanel-content):not(.editor-sidebar) > .ui-tabs:not(#registrationtabstage):not(#epanel-content):not(#epanel-header):not(aside) .ui-tabs-nav .ui-tabs-tab, :is(#content, #CustomPageBody) .ui-tabs:not(#registrationtabstage) .ui-tabs-nav .ui-tabs-tab, .ui-tabs:not(#registrationtabstage) .ui-tabs-nav .ui-tabs-tab { --outset: 0; --inset: 0; --ofset: 0; box-shadow: none !important; margin: 0; border-bottom: solid var(--border-color) var(--border) !important; border-radius: var(--border-radius) !important; } :not(#epanel-content):not(.editor-sidebar) > .ui-tabs:not(#registrationtabstage):not(#epanel-content):not(#epanel-header):not(aside) .ui-tabs-nav .ui-tabs-tab .ui-tabs-anchor, :is(#content, #CustomPageBody) .ui-tabs:not(#registrationtabstage) .ui-tabs-nav .ui-tabs-tab .ui-tabs-anchor, .ui-tabs:not(#registrationtabstage) .ui-tabs-nav .ui-tabs-tab .ui-tabs-anchor { margin: 0; } :not(#epanel-content):not(.editor-sidebar) > .ui-tabs:not(#registrationtabstage):not(#epanel-content):not(#epanel-header):not(aside) .ui-tabs-panel, :is(#content, #CustomPageBody) .ui-tabs:not(#registrationtabstage) .ui-tabs-panel, .ui-tabs:not(#registrationtabstage) .ui-tabs-panel { margin: 0; border-top-left-radius: var(--border-radius); padding: 10px; } :not(#epanel-content):not(.editor-sidebar) > .ui-tabs:not(#registrationtabstage):not(#epanel-content):not(#epanel-header):not(aside) .ui-tabs-panel li, :is(#content, #CustomPageBody) .ui-tabs:not(#registrationtabstage) .ui-tabs-panel li, .ui-tabs:not(#registrationtabstage) .ui-tabs-panel li { padding: 0; } } .ui-dialog:not(.elfinder-dialog) { outline: 0; z-index: 999999; max-width: 1450px; width: 84% !important; position: fixed; top: 7vh; border: 1px solid #111; border-radius: 5px; overflow: hidden; box-shadow: 2px 2px 5px -2px #111; background-color: white; } .ui-dialog:not(.elfinder-dialog) .ui-dialog-titlebar { padding: 6px 10px; position: relative; display: flex; justify-content: space-between; background-color: var(--col-base, #b33); color: #fff; align-items: center; line-height: 1; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .ui-dialog:not(.elfinder-dialog) .ui-dialog-titlebar .ui-dialog-title { white-space: nowrap; max-width: calc(100% - 25px); overflow: hidden; text-overflow: ellipsis; margin-right: auto; line-height: 1.1; } .ui-dialog:not(.elfinder-dialog) .ui-dialog-titlebar .ui-dialog-titlebar-download { right: 32px; } .ui-dialog:not(.elfinder-dialog) .ui-dialog-titlebar .ui-dialog-titlebar-download:not(li)::before { padding-right: 0.5ch; transition: none !important; content: "\f56d" !important; font: var(--fa-font-solid, normal 900 1em/1 "Font Awesome 6 Free") !important; position: static !important; width: auto !important; opacity: 1 !important; vertical-align: text-bottom; } .ui-dialog:not(.elfinder-dialog) .ui-dialog-titlebar .ui-dialog-titlebar-download:is(li) { padding-left: 10px; margin-left: 25px; } .ui-dialog:not(.elfinder-dialog) .ui-dialog-titlebar .ui-dialog-titlebar-download:is(li)::marker { content: "\f56d" !important; font: var(--fa-font-solid, normal 900 1em/1 "Font Awesome 6 Free") !important; color: currentColor; } .ui-dialog:not(.elfinder-dialog) .ui-dialog-titlebar .ui-dialog-titlebar-download:is(li) > ul:not([class]) { list-style-type: circle; } .ui-dialog:not(.elfinder-dialog) .ui-dialog-titlebar .ui-dialog-titlebar-close { right: 4px; } .ui-dialog:not(.elfinder-dialog) .ui-dialog-titlebar .ui-dialog-titlebar-close:not(li)::before { padding-right: 0.5ch; transition: none !important; content: "\f057" !important; font: var(--fa-font-solid, normal 900 1em/1 "Font Awesome 6 Free") !important; position: static !important; width: auto !important; opacity: 1 !important; vertical-align: text-bottom; } .ui-dialog:not(.elfinder-dialog) .ui-dialog-titlebar .ui-dialog-titlebar-close:is(li) { padding-left: 10px; margin-left: 25px; } .ui-dialog:not(.elfinder-dialog) .ui-dialog-titlebar .ui-dialog-titlebar-close:is(li)::marker { content: "\f057" !important; font: var(--fa-font-solid, normal 900 1em/1 "Font Awesome 6 Free") !important; color: currentColor; } .ui-dialog:not(.elfinder-dialog) .ui-dialog-titlebar .ui-dialog-titlebar-close:is(li) > ul:not([class]) { list-style-type: circle; } .ui-dialog:not(.elfinder-dialog) .ui-dialog-titlebar button.ui-dialog-titlebar-download.ui-dialog-titlebar-download, .ui-dialog:not(.elfinder-dialog) .ui-dialog-titlebar button.ui-dialog-titlebar-close.ui-dialog-titlebar-close { padding: 0px; height: 24px; width: 24px; border-radius: 4px; cursor: pointer; position: absolute; display: flex; align-items: center; justify-content: center; color: white; background-color: var(--col-base, #b33); } .ui-dialog:not(.elfinder-dialog) .ui-dialog-titlebar button.ui-dialog-titlebar-download.ui-dialog-titlebar-download:hover, .ui-dialog:not(.elfinder-dialog) .ui-dialog-titlebar button.ui-dialog-titlebar-close.ui-dialog-titlebar-close:hover { box-shadow: inset 0 0 4px rgba(17, 17, 17, 0.6); background-color: var(--col-whitest, #FFCCCC); color: var(--col-base, #b33); } .ui-dialog:not(.elfinder-dialog) .ui-dialog-titlebar button.ui-dialog-titlebar-download.ui-dialog-titlebar-download::before, .ui-dialog:not(.elfinder-dialog) .ui-dialog-titlebar button.ui-dialog-titlebar-close.ui-dialog-titlebar-close::before { align-content: center; height: 18px; width: 18px; line-height: 18px; position: static; padding-right: 0; } .ui-dialog:not(.elfinder-dialog) #dialog, .ui-dialog:not(.elfinder-dialog) iframe { border: none; line-height: 0; } .ui-dialog:not(.elfinder-dialog) .ui-widget-content iframe { height: 86vh; width: 100%; } .ui-dialog:not(.elfinder-dialog) ~ .ui-widget-overlay { background-color: #333; cursor: pointer; height: 100%; inset: 0; opacity: 0.5; position: fixed; transition: background-color 0.3s ease; width: 100%; z-index: 999998; } .ui-dialog:not(.elfinder-dialog) ~ .ui-widget-overlay:hover, .ui-dialog:not(.elfinder-dialog):has(.ui-dialog-titlebar-close:hover) ~ .ui-widget-overlay { background-color: #666; } /*#endregion jqueryui */ /*##################################################### */ /*##################################################### */ /*#region mixins */ /*#endregion mixins */ /*##################################################### */ /*##################################################### */ /*#region colors */ :root { /* Standard Colours */ --col-gray: oklch( 55% 0 0); --col-disabled: oklch( 94% 0 0 / 70%); --col-text: oklch( 25% 0 0); --col-white: oklch(100% 0 0); /* Theme Color */ --col-base: #8BD2FE; --col-theme-red: #952329; --col-theme-blue: #336699; --col-theme-green: #00a39e; --col-theme-aqua: #8BD2FE; /* Whiter */ --col-whiten: color-mix(in srgb, white 30%, var(--col-base)); --col-whiter: color-mix(in srgb, white 50%, var(--col-base)); --col-whitest: color-mix(in srgb, white 90%, var(--col-base)); /* Lighter */ --col-light: color-mix(in srgb, white 20%, var(--col-base)); --col-lighter: color-mix(in srgb, white 40%, var(--col-base)); --col-lightest: color-mix(in srgb, white 95%, var(--col-base)); /* Transparent */ --col-faint: color-mix(in srgb, transparent 80%, var(--col-base)); --col-fainter: color-mix(in srgb, transparent 90%, var(--col-base)); --col-faintest: color-mix(in srgb, transparent 98%, var(--col-base)); /* Darker */ --col-dark: color-mix(in srgb, black 20%, var(--col-base)); --col-darker: color-mix(in srgb, black 40%, var(--col-base)); --col-darkest: color-mix(in srgb, black 90%, var(--col-base)); /* Other variables */ --table-border: 1px solid var(--col-faint); --table-border-dark: 1px solid var(--col-base ); } /*#endregion colors */ /*##################################################### */ /*##################################################### */ /*#region Icons */ body :is(a, .btn, .btn-block, .btn-inline, .btn-outline, li, i) { cursor: pointer; } body :is(a, .btn, .btn-block, .btn-inline, .btn-outline, li, i).regular::before { font: var(--fa-font-regular, normal 400 1em/1 "Font Awesome 6 Free"); } body :is(a, .btn, .btn-block, .btn-inline, .btn-outline, li, i).solid::before { font: var(--fa-font-solid, normal 900 1em/1 "Font Awesome 6 Free"); } body :is(a, .btn, .btn-block, .btn-inline, .btn-outline, li, i) { /* Styles for all icons */ } body :is(a, .btn, .btn-block, .btn-inline, .btn-outline, li, i):is(.dropbox, .facebook, .github, .git, .google-drive, .drive, .google, .instagram, .linkedin, .twitter, .youtube, .download-2, .download, .file-2, .file-edit, .file, .img, .png, .jpg, .photo, .pdf, .ppt, .video, .word, .doc, .xls, .zip, .account, .circle-user, .add-cart, .add-to-cart, .asterisk, .astrx, .audio, .back, .backstep, .restart, .bird, .dove, .book, .calculator, .calculate, .math, .calendar, .event, .card, .credit-card, .pay, .cart, .add-cart, .buy, .check, .checkmark, .checkbox, .square-check, .clock, .comment, .delete-all, .dumpster, .delete, .trash, .donate, .give, .early-bird, .edit, .write, .email, .extern, .external, .finish, .form, .checklist, .group, .headphones, .history, .info-2, .info, .layers, .link, .chain, .list-2, .list, .location, .marker, .map, .mobile, .mute, .audio-off, .pencil, .phone, .tel, .pin, .pin, .plus, .add, .register, .search, .settings, .gear, .options, .spinner, .loader, .star-2, .star-outlined, .star, .star-filled, .thumbs, .ticket, .add-ticket, .toolkit, .tools, .development, .user, .users-2, .users-3, .users, .x-2, .x, .xmark, .prev, .chevron-left, .next, .chevron-right):is(:empty, :has(> .hidden:only-child)) { padding-inline: 1ch !important; } body :is(a, .btn, .btn-block, .btn-inline, .btn-outline, li, i):is(.dropbox, .facebook, .github, .git, .google-drive, .drive, .google, .instagram, .linkedin, .twitter, .youtube, .download-2, .download, .file-2, .file-edit, .file, .img, .png, .jpg, .photo, .pdf, .ppt, .video, .word, .doc, .xls, .zip, .account, .circle-user, .add-cart, .add-to-cart, .asterisk, .astrx, .audio, .back, .backstep, .restart, .bird, .dove, .book, .calculator, .calculate, .math, .calendar, .event, .card, .credit-card, .pay, .cart, .add-cart, .buy, .check, .checkmark, .checkbox, .square-check, .clock, .comment, .delete-all, .dumpster, .delete, .trash, .donate, .give, .early-bird, .edit, .write, .email, .extern, .external, .finish, .form, .checklist, .group, .headphones, .history, .info-2, .info, .layers, .link, .chain, .list-2, .list, .location, .marker, .map, .mobile, .mute, .audio-off, .pencil, .phone, .tel, .pin, .pin, .plus, .add, .register, .search, .settings, .gear, .options, .spinner, .loader, .star-2, .star-outlined, .star, .star-filled, .thumbs, .ticket, .add-ticket, .toolkit, .tools, .development, .user, .users-2, .users-3, .users, .x-2, .x, .xmark, .prev, .chevron-left, .next, .chevron-right):is(:empty, :has(> .hidden:only-child))::before { margin: 0 !important; } body :is(a, .btn, .btn-block, .btn-inline, .btn-outline, li, i):is(.dropbox, .facebook, .github, .git, .google-drive, .drive, .google, .instagram, .linkedin, .twitter, .youtube, .download-2, .download, .file-2, .file-edit, .file, .img, .png, .jpg, .photo, .pdf, .ppt, .video, .word, .doc, .xls, .zip, .account, .circle-user, .add-cart, .add-to-cart, .asterisk, .astrx, .audio, .back, .backstep, .restart, .bird, .dove, .book, .calculator, .calculate, .math, .calendar, .event, .card, .credit-card, .pay, .cart, .add-cart, .buy, .check, .checkmark, .checkbox, .square-check, .clock, .comment, .delete-all, .dumpster, .delete, .trash, .donate, .give, .early-bird, .edit, .write, .email, .extern, .external, .finish, .form, .checklist, .group, .headphones, .history, .info-2, .info, .layers, .link, .chain, .list-2, .list, .location, .marker, .map, .mobile, .mute, .audio-off, .pencil, .phone, .tel, .pin, .pin, .plus, .add, .register, .search, .settings, .gear, .options, .spinner, .loader, .star-2, .star-outlined, .star, .star-filled, .thumbs, .ticket, .add-ticket, .toolkit, .tools, .development, .user, .users-2, .users-3, .users, .x-2, .x, .xmark, .prev, .chevron-left, .next, .chevron-right)::before { margin-right: 0.5ch; opacity: 1 !important; position: static !important; transition: none !important; } body :is(a, .btn, .btn-block, .btn-inline, .btn-outline, li, i):is(.dropbox, .facebook, .github, .git, .google-drive, .drive, .google, .instagram, .linkedin, .twitter, .youtube, .download-2, .download, .file-2, .file-edit, .file, .img, .png, .jpg, .photo, .pdf, .ppt, .video, .word, .doc, .xls, .zip, .account, .circle-user, .add-cart, .add-to-cart, .asterisk, .astrx, .audio, .back, .backstep, .restart, .bird, .dove, .book, .calculator, .calculate, .math, .calendar, .event, .card, .credit-card, .pay, .cart, .add-cart, .buy, .check, .checkmark, .checkbox, .square-check, .clock, .comment, .delete-all, .dumpster, .delete, .trash, .donate, .give, .early-bird, .edit, .write, .email, .extern, .external, .finish, .form, .checklist, .group, .headphones, .history, .info-2, .info, .layers, .link, .chain, .list-2, .list, .location, .marker, .map, .mobile, .mute, .audio-off, .pencil, .phone, .tel, .pin, .pin, .plus, .add, .register, .search, .settings, .gear, .options, .spinner, .loader, .star-2, .star-outlined, .star, .star-filled, .thumbs, .ticket, .add-ticket, .toolkit, .tools, .development, .user, .users-2, .users-3, .users, .x-2, .x, .xmark, .prev, .chevron-left, .next, .chevron-right):is(li) { position: relative; list-style-type: none; padding-left: 25px; } body :is(a, .btn, .btn-block, .btn-inline, .btn-outline, li, i):is(.dropbox, .facebook, .github, .git, .google-drive, .drive, .google, .instagram, .linkedin, .twitter, .youtube, .download-2, .download, .file-2, .file-edit, .file, .img, .png, .jpg, .photo, .pdf, .ppt, .video, .word, .doc, .xls, .zip, .account, .circle-user, .add-cart, .add-to-cart, .asterisk, .astrx, .audio, .back, .backstep, .restart, .bird, .dove, .book, .calculator, .calculate, .math, .calendar, .event, .card, .credit-card, .pay, .cart, .add-cart, .buy, .check, .checkmark, .checkbox, .square-check, .clock, .comment, .delete-all, .dumpster, .delete, .trash, .donate, .give, .early-bird, .edit, .write, .email, .extern, .external, .finish, .form, .checklist, .group, .headphones, .history, .info-2, .info, .layers, .link, .chain, .list-2, .list, .location, .marker, .map, .mobile, .mute, .audio-off, .pencil, .phone, .tel, .pin, .pin, .plus, .add, .register, .search, .settings, .gear, .options, .spinner, .loader, .star-2, .star-outlined, .star, .star-filled, .thumbs, .ticket, .add-ticket, .toolkit, .tools, .development, .user, .users-2, .users-3, .users, .x-2, .x, .xmark, .prev, .chevron-left, .next, .chevron-right):is(li)::before { position: absolute !important; width: 1ch !important; display: flex; justify-content: center; left: 0.7ch; } body :is(a, .btn, .btn-block, .btn-inline, .btn-outline, li, i):is(.dropbox, .facebook, .github, .git, .google-drive, .drive, .google, .instagram, .linkedin, .twitter, .youtube, .download-2, .download, .file-2, .file-edit, .file, .img, .png, .jpg, .photo, .pdf, .ppt, .video, .word, .doc, .xls, .zip, .account, .circle-user, .add-cart, .add-to-cart, .asterisk, .astrx, .audio, .back, .backstep, .restart, .bird, .dove, .book, .calculator, .calculate, .math, .calendar, .event, .card, .credit-card, .pay, .cart, .add-cart, .buy, .check, .checkmark, .checkbox, .square-check, .clock, .comment, .delete-all, .dumpster, .delete, .trash, .donate, .give, .early-bird, .edit, .write, .email, .extern, .external, .finish, .form, .checklist, .group, .headphones, .history, .info-2, .info, .layers, .link, .chain, .list-2, .list, .location, .marker, .map, .mobile, .mute, .audio-off, .pencil, .phone, .tel, .pin, .pin, .plus, .add, .register, .search, .settings, .gear, .options, .spinner, .loader, .star-2, .star-outlined, .star, .star-filled, .thumbs, .ticket, .add-ticket, .toolkit, .tools, .development, .user, .users-2, .users-3, .users, .x-2, .x, .xmark, .prev, .chevron-left, .next, .chevron-right):is(.spinner, .spin)::before { animation: fa-spin 1s steps(8) infinite; display: inline-flex; } body :is(a, .btn, .btn-block, .btn-inline, .btn-outline, li, i):is(.dropbox, .facebook, .github, .git, .google-drive, .drive, .google, .instagram, .linkedin, .twitter, .youtube, .download-2, .download, .file-2, .file-edit, .file, .img, .png, .jpg, .photo, .pdf, .ppt, .video, .word, .doc, .xls, .zip, .account, .circle-user, .add-cart, .add-to-cart, .asterisk, .astrx, .audio, .back, .backstep, .restart, .bird, .dove, .book, .calculator, .calculate, .math, .calendar, .event, .card, .credit-card, .pay, .cart, .add-cart, .buy, .check, .checkmark, .checkbox, .square-check, .clock, .comment, .delete-all, .dumpster, .delete, .trash, .donate, .give, .early-bird, .edit, .write, .email, .extern, .external, .finish, .form, .checklist, .group, .headphones, .history, .info-2, .info, .layers, .link, .chain, .list-2, .list, .location, .marker, .map, .mobile, .mute, .audio-off, .pencil, .phone, .tel, .pin, .pin, .plus, .add, .register, .search, .settings, .gear, .options, .spinner, .loader, .star-2, .star-outlined, .star, .star-filled, .thumbs, .ticket, .add-ticket, .toolkit, .tools, .development, .user, .users-2, .users-3, .users, .x-2, .x, .xmark, .prev, .chevron-left, .next, .chevron-right):is(.prev, .chevron-left)::after { margin-left: 0.5ch; opacity: 1 !important; position: static !important; transition: none !important; } body :is(a, .btn, .btn-block, .btn-inline, .btn-outline, li, i):is(.dropbox, .facebook, .github, .git, .google-drive, .drive, .google, .instagram, .linkedin, .twitter, .youtube, .download-2, .download, .file-2, .file-edit, .file, .img, .png, .jpg, .photo, .pdf, .ppt, .video, .word, .doc, .xls, .zip, .account, .circle-user, .add-cart, .add-to-cart, .asterisk, .astrx, .audio, .back, .backstep, .restart, .bird, .dove, .book, .calculator, .calculate, .math, .calendar, .event, .card, .credit-card, .pay, .cart, .add-cart, .buy, .check, .checkmark, .checkbox, .square-check, .clock, .comment, .delete-all, .dumpster, .delete, .trash, .donate, .give, .early-bird, .edit, .write, .email, .extern, .external, .finish, .form, .checklist, .group, .headphones, .history, .info-2, .info, .layers, .link, .chain, .list-2, .list, .location, .marker, .map, .mobile, .mute, .audio-off, .pencil, .phone, .tel, .pin, .pin, .plus, .add, .register, .search, .settings, .gear, .options, .spinner, .loader, .star-2, .star-outlined, .star, .star-filled, .thumbs, .ticket, .add-ticket, .toolkit, .tools, .development, .user, .users-2, .users-3, .users, .x-2, .x, .xmark, .prev, .chevron-left, .next, .chevron-right):is(.prev, .chevron-left)::before { content: ""; } body :is(a, .btn, .btn-block, .btn-inline, .btn-outline, li, i):is(.dropbox, .facebook, .github, .git, .google-drive, .drive, .google, .instagram, .linkedin, .twitter, .youtube, .download-2, .download, .file-2, .file-edit, .file, .img, .png, .jpg, .photo, .pdf, .ppt, .video, .word, .doc, .xls, .zip, .account, .circle-user, .add-cart, .add-to-cart, .asterisk, .astrx, .audio, .back, .backstep, .restart, .bird, .dove, .book, .calculator, .calculate, .math, .calendar, .event, .card, .credit-card, .pay, .cart, .add-cart, .buy, .check, .checkmark, .checkbox, .square-check, .clock, .comment, .delete-all, .dumpster, .delete, .trash, .donate, .give, .early-bird, .edit, .write, .email, .extern, .external, .finish, .form, .checklist, .group, .headphones, .history, .info-2, .info, .layers, .link, .chain, .list-2, .list, .location, .marker, .map, .mobile, .mute, .audio-off, .pencil, .phone, .tel, .pin, .pin, .plus, .add, .register, .search, .settings, .gear, .options, .spinner, .loader, .star-2, .star-outlined, .star, .star-filled, .thumbs, .ticket, .add-ticket, .toolkit, .tools, .development, .user, .users-2, .users-3, .users, .x-2, .x, .xmark, .prev, .chevron-left, .next, .chevron-right) > ul:not([class]) { list-style-type: circle; } body :is(a, .btn, .btn-block, .btn-inline, .btn-outline, li, i) { /* Styles for individual icons */ } body :is(a, .btn, .btn-block, .btn-inline, .btn-outline, li, i):is(.dropbox)::before { content: "\f16b" !important; font: var(--fa-font-brands, normal 900 1em/1 "Font Awesome 6 Free") !important; } body :is(a, .btn, .btn-block, .btn-inline, .btn-outline, li, i):is(.facebook)::before { content: "\f09a" !important; font: var(--fa-font-brands, normal 900 1em/1 "Font Awesome 6 Free") !important; } body :is(a, .btn, .btn-block, .btn-inline, .btn-outline, li, i):is(.github, .git)::before { content: "\f09b" !important; font: var(--fa-font-brands, normal 900 1em/1 "Font Awesome 6 Free") !important; } body :is(a, .btn, .btn-block, .btn-inline, .btn-outline, li, i):is(.google-drive, .drive)::before { content: "\f3aa" !important; font: var(--fa-font-brands, normal 900 1em/1 "Font Awesome 6 Free") !important; } body :is(a, .btn, .btn-block, .btn-inline, .btn-outline, li, i):is(.google)::before { content: "\f1a0" !important; font: var(--fa-font-brands, normal 900 1em/1 "Font Awesome 6 Free") !important; } body :is(a, .btn, .btn-block, .btn-inline, .btn-outline, li, i):is(.instagram)::before { content: "\f16d" !important; font: var(--fa-font-brands, normal 900 1em/1 "Font Awesome 6 Free") !important; } body :is(a, .btn, .btn-block, .btn-inline, .btn-outline, li, i):is(.linkedin)::before { content: "\f08c" !important; font: var(--fa-font-brands, normal 900 1em/1 "Font Awesome 6 Free") !important; } body :is(a, .btn, .btn-block, .btn-inline, .btn-outline, li, i):is(.twitter)::before { content: "\f099" !important; font: var(--fa-font-brands, normal 900 1em/1 "Font Awesome 6 Free") !important; } body :is(a, .btn, .btn-block, .btn-inline, .btn-outline, li, i):is(.youtube)::before { content: "\f167" !important; font: var(--fa-font-brands, normal 900 1em/1 "Font Awesome 6 Free") !important; } body :is(a, .btn, .btn-block, .btn-inline, .btn-outline, li, i):is(.download-2)::before { content: "\f019" !important; font: var(--fa-font-solid, normal 900 1em/1 "Font Awesome 6 Free") !important; } body :is(a, .btn, .btn-block, .btn-inline, .btn-outline, li, i):is(.download)::before { content: "\f56d" !important; font: var(--fa-font-solid, normal 900 1em/1 "Font Awesome 6 Free") !important; } body :is(a, .btn, .btn-block, .btn-inline, .btn-outline, li, i):is(.file-2)::before { content: "\f15b" !important; font: var(--fa-font-solid, normal 900 1em/1 "Font Awesome 6 Free") !important; } body :is(a, .btn, .btn-block, .btn-inline, .btn-outline, li, i):is(.file-edit)::before { content: "\f31c" !important; font: var(--fa-font-solid, normal 900 1em/1 "Font Awesome 6 Free") !important; } body :is(a, .btn, .btn-block, .btn-inline, .btn-outline, li, i):is(.file)::before { content: "\f15c" !important; font: var(--fa-font-solid, normal 900 1em/1 "Font Awesome 6 Free") !important; } body :is(a, .btn, .btn-block, .btn-inline, .btn-outline, li, i):is(.img, .png, .jpg, .photo)::before { content: "\f03e" !important; font: var(--fa-font-solid, normal 900 1em/1 "Font Awesome 6 Free") !important; } body :is(a, .btn, .btn-block, .btn-inline, .btn-outline, li, i):is(.pdf)::before { content: "\f1c1" !important; font: var(--fa-font-solid, normal 900 1em/1 "Font Awesome 6 Free") !important; } body :is(a, .btn, .btn-block, .btn-inline, .btn-outline, li, i):is(.ppt)::before { content: "\f1c4" !important; font: var(--fa-font-solid, normal 900 1em/1 "Font Awesome 6 Free") !important; } body :is(a, .btn, .btn-block, .btn-inline, .btn-outline, li, i):is(.video)::before { content: "\f008" !important; font: var(--fa-font-solid, normal 900 1em/1 "Font Awesome 6 Free") !important; } body :is(a, .btn, .btn-block, .btn-inline, .btn-outline, li, i):is(.word, .doc)::before { content: "\f1c2" !important; font: var(--fa-font-solid, normal 900 1em/1 "Font Awesome 6 Free") !important; } body :is(a, .btn, .btn-block, .btn-inline, .btn-outline, li, i):is(.xls)::before { content: "\f1c3" !important; font: var(--fa-font-solid, normal 900 1em/1 "Font Awesome 6 Free") !important; } body :is(a, .btn, .btn-block, .btn-inline, .btn-outline, li, i):is(.zip)::before { content: "\f1c6" !important; font: var(--fa-font-solid, normal 900 1em/1 "Font Awesome 6 Free") !important; } body :is(a, .btn, .btn-block, .btn-inline, .btn-outline, li, i):is(.account, .circle-user)::before { content: "\f2bd" !important; font: var(--fa-font-solid, normal 900 1em/1 "Font Awesome 6 Free") !important; } body :is(a, .btn, .btn-block, .btn-inline, .btn-outline, li, i):is(.add-cart, .add-to-cart)::before { content: "\f217" !important; font: var(--fa-font-solid, normal 900 1em/1 "Font Awesome 6 Free") !important; } body :is(a, .btn, .btn-block, .btn-inline, .btn-outline, li, i):is(.asterisk, .astrx)::before { content: "*" !important; font: var(--fa-font-solid, normal 900 1em/1 "Font Awesome 6 Free") !important; } body :is(a, .btn, .btn-block, .btn-inline, .btn-outline, li, i):is(.audio)::before { content: "\f028" !important; font: var(--fa-font-solid, normal 900 1em/1 "Font Awesome 6 Free") !important; } body :is(a, .btn, .btn-block, .btn-inline, .btn-outline, li, i):is(.back, .backstep, .restart)::before { content: "\f048" !important; font: var(--fa-font-solid, normal 900 1em/1 "Font Awesome 6 Free") !important; } body :is(a, .btn, .btn-block, .btn-inline, .btn-outline, li, i):is(.bird, .dove)::before { content: "\f4ba" !important; font: var(--fa-font-solid, normal 900 1em/1 "Font Awesome 6 Free") !important; } body :is(a, .btn, .btn-block, .btn-inline, .btn-outline, li, i):is(.book)::before { content: "\f02d" !important; font: var(--fa-font-solid, normal 900 1em/1 "Font Awesome 6 Free") !important; } body :is(a, .btn, .btn-block, .btn-inline, .btn-outline, li, i):is(.calculator, .calculate, .math)::before { content: "\f1ec" !important; font: var(--fa-font-solid, normal 900 1em/1 "Font Awesome 6 Free") !important; } body :is(a, .btn, .btn-block, .btn-inline, .btn-outline, li, i):is(.calendar, .event)::before { content: "\f783" !important; font: var(--fa-font-solid, normal 900 1em/1 "Font Awesome 6 Free") !important; } body :is(a, .btn, .btn-block, .btn-inline, .btn-outline, li, i):is(.card, .credit-card, .pay)::before { content: "\f09d" !important; font: var(--fa-font-solid, normal 900 1em/1 "Font Awesome 6 Free") !important; } body :is(a, .btn, .btn-block, .btn-inline, .btn-outline, li, i):is(.cart, .add-cart, .buy)::before { content: "\f217" !important; font: var(--fa-font-solid, normal 900 1em/1 "Font Awesome 6 Free") !important; } body :is(a, .btn, .btn-block, .btn-inline, .btn-outline, li, i):is(.check, .checkmark)::before { content: "\f00c" !important; font: var(--fa-font-solid, normal 900 1em/1 "Font Awesome 6 Free") !important; } body :is(a, .btn, .btn-block, .btn-inline, .btn-outline, li, i):is(.checkbox, .square-check)::before { content: "\f14a" !important; font: var(--fa-font-solid, normal 900 1em/1 "Font Awesome 6 Free") !important; } body :is(a, .btn, .btn-block, .btn-inline, .btn-outline, li, i):is(.clock)::before { content: "\f017" !important; font: var(--fa-font-regular, normal 900 1em/1 "Font Awesome 6 Free") !important; } body :is(a, .btn, .btn-block, .btn-inline, .btn-outline, li, i):is(.comment)::before { content: "\f075" !important; font: var(--fa-font-solid, normal 900 1em/1 "Font Awesome 6 Free") !important; } body :is(a, .btn, .btn-block, .btn-inline, .btn-outline, li, i):is(.delete-all, .dumpster)::before { content: "\f793" !important; font: var(--fa-font-solid, normal 900 1em/1 "Font Awesome 6 Free") !important; } body :is(a, .btn, .btn-block, .btn-inline, .btn-outline, li, i):is(.delete, .trash)::before { content: "\f2ed" !important; font: var(--fa-font-regular, normal 900 1em/1 "Font Awesome 6 Free") !important; } body :is(a, .btn, .btn-block, .btn-inline, .btn-outline, li, i):is(.donate, .give)::before { content: "\f4c0" !important; font: var(--fa-font-solid, normal 900 1em/1 "Font Awesome 6 Free") !important; } body :is(a, .btn, .btn-block, .btn-inline, .btn-outline, li, i):is(.early-bird)::before { content: "\f39a" !important; font: var(--fa-font-brands, normal 900 1em/1 "Font Awesome 6 Free") !important; } body :is(a, .btn, .btn-block, .btn-inline, .btn-outline, li, i):is(.edit, .write)::before { content: "\f044" !important; font: var(--fa-font-regular, normal 900 1em/1 "Font Awesome 6 Free") !important; } body :is(a, .btn, .btn-block, .btn-inline, .btn-outline, li, i):is(.email)::before { content: "@" !important; font: var(--fa-font-regular, normal 900 1em/1 "Font Awesome 6 Free") !important; } body :is(a, .btn, .btn-block, .btn-inline, .btn-outline, li, i):is(.extern, .external)::before { content: "\f08e" !important; font: var(--fa-font-solid, normal 900 1em/1 "Font Awesome 6 Free") !important; } body :is(a, .btn, .btn-block, .btn-inline, .btn-outline, li, i):is(.finish)::before { content: "\f11e" !important; font: var(--fa-font-solid, normal 900 1em/1 "Font Awesome 6 Free") !important; } body :is(a, .btn, .btn-block, .btn-inline, .btn-outline, li, i):is(.form, .checklist)::before { content: "\f0ae" !important; font: var(--fa-font-solid, normal 900 1em/1 "Font Awesome 6 Free") !important; } body :is(a, .btn, .btn-block, .btn-inline, .btn-outline, li, i):is(.group)::before { content: "\e533" !important; font: var(--fa-font-solid, normal 900 1em/1 "Font Awesome 6 Free") !important; } body :is(a, .btn, .btn-block, .btn-inline, .btn-outline, li, i):is(.headphones)::before { content: "\f025" !important; font: var(--fa-font-solid, normal 900 1em/1 "Font Awesome 6 Free") !important; } body :is(a, .btn, .btn-block, .btn-inline, .btn-outline, li, i):is(.history)::before { content: "\f1da" !important; font: var(--fa-font-solid, normal 900 1em/1 "Font Awesome 6 Free") !important; } body :is(a, .btn, .btn-block, .btn-inline, .btn-outline, li, i):is(.info-2)::before { content: "\f129" !important; font: var(--fa-font-solid, normal 900 1em/1 "Font Awesome 6 Free") !important; } body :is(a, .btn, .btn-block, .btn-inline, .btn-outline, li, i):is(.info)::before { content: "\f05a" !important; font: var(--fa-font-solid, normal 900 1em/1 "Font Awesome 6 Free") !important; } body :is(a, .btn, .btn-block, .btn-inline, .btn-outline, li, i):is(.layers)::before { content: "\f5fd" !important; font: var(--fa-font-solid, normal 900 1em/1 "Font Awesome 6 Free") !important; } body :is(a, .btn, .btn-block, .btn-inline, .btn-outline, li, i):is(.link, .chain)::before { content: "\f0c1" !important; font: var(--fa-font-solid, normal 900 1em/1 "Font Awesome 6 Free") !important; } body :is(a, .btn, .btn-block, .btn-inline, .btn-outline, li, i):is(.list-2)::before { content: "\f022" !important; font: var(--fa-font-solid, normal 900 1em/1 "Font Awesome 6 Free") !important; } body :is(a, .btn, .btn-block, .btn-inline, .btn-outline, li, i):is(.list)::before { content: "\f022" !important; font: var(--fa-font-regular, normal 900 1em/1 "Font Awesome 6 Free") !important; } body :is(a, .btn, .btn-block, .btn-inline, .btn-outline, li, i):is(.location, .marker)::before { content: "\f3c5" !important; font: var(--fa-font-solid, normal 900 1em/1 "Font Awesome 6 Free") !important; } body :is(a, .btn, .btn-block, .btn-inline, .btn-outline, li, i):is(.map)::before { content: "\f5a0" !important; font: var(--fa-font-solid, normal 900 1em/1 "Font Awesome 6 Free") !important; } body :is(a, .btn, .btn-block, .btn-inline, .btn-outline, li, i):is(.mobile)::before { content: "\f3cf" !important; font: var(--fa-font-solid, normal 900 1em/1 "Font Awesome 6 Free") !important; } body :is(a, .btn, .btn-block, .btn-inline, .btn-outline, li, i):is(.mute, .audio-off)::before { content: "\f6a9" !important; font: var(--fa-font-solid, normal 900 1em/1 "Font Awesome 6 Free") !important; } body :is(a, .btn, .btn-block, .btn-inline, .btn-outline, li, i):is(.pencil)::before { content: "\f303" !important; font: var(--fa-font-solid, normal 900 1em/1 "Font Awesome 6 Free") !important; } body :is(a, .btn, .btn-block, .btn-inline, .btn-outline, li, i):is(.phone, .tel)::before { content: "\f095" !important; font: var(--fa-font-solid, normal 900 1em/1 "Font Awesome 6 Free") !important; } body :is(a, .btn, .btn-block, .btn-inline, .btn-outline, li, i):is(.pin, .pin)::before { content: "\f276" !important; font: var(--fa-font-solid, normal 900 1em/1 "Font Awesome 6 Free") !important; } body :is(a, .btn, .btn-block, .btn-inline, .btn-outline, li, i):is(.plus, .add)::before { content: "+" !important; font: var(--fa-font-solid, normal 900 1em/1 "Font Awesome 6 Free") !important; } body :is(a, .btn, .btn-block, .btn-inline, .btn-outline, li, i):is(.register)::before { content: "\f234" !important; font: var(--fa-font-solid, normal 900 1em/1 "Font Awesome 6 Free") !important; } body :is(a, .btn, .btn-block, .btn-inline, .btn-outline, li, i):is(.search)::before { content: "\f002" !important; font: var(--fa-font-solid, normal 900 1em/1 "Font Awesome 6 Free") !important; } body :is(a, .btn, .btn-block, .btn-inline, .btn-outline, li, i):is(.settings, .gear, .options)::before { content: "\f013" !important; font: var(--fa-font-solid, normal 900 1em/1 "Font Awesome 6 Free") !important; } body :is(a, .btn, .btn-block, .btn-inline, .btn-outline, li, i):is(.spinner, .loader)::before { content: "\f110" !important; font: var(--fa-font-solid, normal 900 1em/1 "Font Awesome 6 Free") !important; } body :is(a, .btn, .btn-block, .btn-inline, .btn-outline, li, i):is(.star-2, .star-outlined)::before { content: "\f005" !important; font: var(--fa-font-regular, normal 900 1em/1 "Font Awesome 6 Free") !important; } body :is(a, .btn, .btn-block, .btn-inline, .btn-outline, li, i):is(.star, .star-filled)::before { content: "\f005" !important; font: var(--fa-font-solid, normal 900 1em/1 "Font Awesome 6 Free") !important; } body :is(a, .btn, .btn-block, .btn-inline, .btn-outline, li, i):is(.thumbs)::before { content: "\f164" !important; font: var(--fa-font-solid, normal 900 1em/1 "Font Awesome 6 Free") !important; } body :is(a, .btn, .btn-block, .btn-inline, .btn-outline, li, i):is(.ticket, .add-ticket)::before { content: "\f145" !important; font: var(--fa-font-solid, normal 900 1em/1 "Font Awesome 6 Free") !important; } body :is(a, .btn, .btn-block, .btn-inline, .btn-outline, li, i):is(.toolkit, .tools, .development)::before { content: "\f7d9" !important; font: var(--fa-font-solid, normal 900 1em/1 "Font Awesome 6 Free") !important; } body :is(a, .btn, .btn-block, .btn-inline, .btn-outline, li, i):is(.user)::before { content: "\f007" !important; font: var(--fa-font-solid, normal 900 1em/1 "Font Awesome 6 Free") !important; } body :is(a, .btn, .btn-block, .btn-inline, .btn-outline, li, i):is(.users-2)::before { content: "\e594" !important; font: var(--fa-font-solid, normal 900 1em/1 "Font Awesome 6 Free") !important; } body :is(a, .btn, .btn-block, .btn-inline, .btn-outline, li, i):is(.users-3)::before { content: "\e592" !important; font: var(--fa-font-solid, normal 900 1em/1 "Font Awesome 6 Free") !important; } body :is(a, .btn, .btn-block, .btn-inline, .btn-outline, li, i):is(.users)::before { content: "\f500" !important; font: var(--fa-font-solid, normal 900 1em/1 "Font Awesome 6 Free") !important; } body :is(a, .btn, .btn-block, .btn-inline, .btn-outline, li, i):is(.x-2)::before { content: "\f00d" !important; font: var(--fa-font-solid, normal 900 1em/1 "Font Awesome 6 Free") !important; } body :is(a, .btn, .btn-block, .btn-inline, .btn-outline, li, i):is(.x, .xmark)::before { content: "\f057" !important; font: var(--fa-font-solid, normal 900 1em/1 "Font Awesome 6 Free") !important; } body :is(a, .btn, .btn-block, .btn-inline, .btn-outline, li, i):is(.prev, .chevron-left)::after { content: "\f053" !important; font: var(--fa-font-solid, normal 900 1em/1 "Font Awesome 6 Free") !important; } body :is(a, .btn, .btn-block, .btn-inline, .btn-outline, li, i):is(.next, .chevron-right)::before { content: "\f054" !important; font: var(--fa-font-solid, normal 900 1em/1 "Font Awesome 6 Free") !important; } /** Display a dynamic preview of all available icons. */ .all-icons { font-size: 16px; padding: 10px; border: 1px solid #ddd; border-radius: 5px; background: #f9f9f9; --icons: "{\"dropbox\": {\"unicode\": \"\f16b\", \"family\": \"brands\", \"classname\": \"fa-dropbox\"}, \"facebook\": {\"unicode\": \"\f09a\", \"family\": \"brands\", \"classname\": \"fa-facebook\"}, \"github\": {\"unicode\": \"\f09b\", \"family\": \"brands\", \"classname\": \"fa-github\", \"alias\": [\"git\"]}, \"google-drive\": {\"unicode\": \"\f3aa\", \"family\": \"brands\", \"classname\": \"fa-google-drive\", \"alias\": [\"drive\"]}, \"google\": {\"unicode\": \"\f1a0\", \"family\": \"brands\", \"classname\": \"fa-google\"}, \"instagram\": {\"unicode\": \"\f16d\", \"family\": \"brands\", \"classname\": \"fa-instagram\"}, \"linkedin\": {\"unicode\": \"\f08c\", \"family\": \"brands\", \"classname\": \"fa-linkedin\"}, \"twitter\": {\"unicode\": \"\f099\", \"family\": \"brands\", \"classname\": \"fa-twitter\"}, \"youtube\": {\"unicode\": \"\f167\", \"family\": \"brands\", \"classname\": \"fa-youtube\"}, \"download-2\": {\"unicode\": \"\f019\", \"family\": \"solid\", \"classname\": \"fa-download\"}, \"download\": {\"unicode\": \"\f56d\", \"family\": \"solid\", \"classname\": \"fa-file-arrow-down\"}, \"file-2\": {\"unicode\": \"\f15b\", \"family\": \"solid\", \"classname\": \"fa-file\"}, \"file-edit\": {\"unicode\": \"\f31c\", \"family\": \"solid\", \"classname\": \"fa-file-pen\"}, \"file\": {\"unicode\": \"\f15c\", \"family\": \"solid\", \"classname\": \"fa-file-lines\"}, \"img\": {\"unicode\": \"\f03e\", \"family\": \"solid\", \"classname\": \"fa-image\", \"alias\": [\"png\", \"jpg\", \"photo\"]}, \"pdf\": {\"unicode\": \"\f1c1\", \"family\": \"solid\", \"classname\": \"fa-file-pdf\"}, \"ppt\": {\"unicode\": \"\f1c4\", \"family\": \"solid\", \"classname\": \"fa-file-powerpoint\"}, \"video\": {\"unicode\": \"\f008\", \"family\": \"solid\", \"classname\": \"fa-film\"}, \"word\": {\"unicode\": \"\f1c2\", \"family\": \"solid\", \"classname\": \"fa-file-word\", \"alias\": [\"doc\"]}, \"xls\": {\"unicode\": \"\f1c3\", \"family\": \"solid\", \"classname\": \"fa-file-excel\"}, \"zip\": {\"unicode\": \"\f1c6\", \"family\": \"solid\", \"classname\": \"fa-file-zipper\"}, \"account\": {\"unicode\": \"\f2bd\", \"family\": \"solid\", \"classname\": \"fa-circle-user\", \"alias\": [\"circle-user\"]}, \"add-cart\": {\"unicode\": \"\f217\", \"family\": \"solid\", \"classname\": \"fa-cart-plus\", \"alias\": [\"add-to-cart\"]}, \"asterisk\": {\"unicode\": \"*\", \"family\": \"solid\", \"classname\": \"fa-asterisk\", \"alias\": [\"astrx\"]}, \"audio\": {\"unicode\": \"\f028\", \"family\": \"solid\", \"classname\": \"fa-volume-high\"}, \"back\": {\"unicode\": \"\f048\", \"family\": \"solid\", \"classroom\": \"fa-backward-step\", \"alias\": [\"backstep\", \"restart\"]}, \"bird\": {\"unicode\": \"\f4ba\", \"family\": \"solid\", \"classname\": \"fa-dove\", \"alias\": [\"dove\"]}, \"book\": {\"unicode\": \"\f02d\", \"family\": \"solid\", \"classname\": \"fa-book\"}, \"calculator\": {\"unicode\": \"\f1ec\", \"family\": \"solid\", \"classname\": \"fa-calculator\", \"alias\": [\"calculate\", \"math\"]}, \"calendar\": {\"unicode\": \"\f783\", \"family\": \"solid\", \"classname\": \"fa-calendar-day\", \"alias\": [\"event\"]}, \"card\": {\"unicode\": \"\f09d\", \"family\": \"solid\", \"classname\": \"fa-credit-card\", \"alias\": [\"credit-card\", \"pay\"]}, \"cart\": {\"unicode\": \"\f217\", \"family\": \"solid\", \"classname\": \"fa-cart-plus\", \"alias\": [\"add-cart\", \"buy\"]}, \"check\": {\"unicode\": \"\f00c\", \"family\": \"solid\", \"classname\": \"fa-check\", \"alias\": [\"checkmark\"]}, \"checkbox\": {\"unicode\": \"\f14a\", \"family\": \"solid\", \"classname\": \"fa-square-check\", \"alias\": [\"square-check\"]}, \"clock\": {\"unicode\": \"\f017\", \"family\": \"regular\", \"classname\": \"fa-clock\"}, \"comment\": {\"unicode\": \"\f075\", \"family\": \"solid\", \"classname\": \"fa-comment\"}, \"delete-all\": {\"unicode\": \"\f793\", \"family\": \"solid\", \"classname\": \"fa-dumpster\", \"alias\": [\"dumpster\"]}, \"delete\": {\"unicode\": \"\f2ed\", \"family\": \"regular\", \"classname\": \"fa-trash-can\", \"alias\": [\"trash\"]}, \"donate\": {\"unicode\": \"\f4c0\", \"family\": \"solid\", \"classname\": \"fa-hand-holding-dollar\", \"alias\": [\"give\"]}, \"early-bird\": {\"unicode\": \"\f39a\", \"family\": \"brands\", \"classname\": \"fa-earlybirds\"}, \"edit\": {\"unicode\": \"\f044\", \"family\": \"regular\", \"classname\": \"fa-pen-to-square\", \"alias\": [\"write\"]}, \"email\": {\"unicode\": \"@\", \"family\": \"regular\", \"classname\": \"fa-at\"}, \"extern\": {\"unicode\": \"\f08e\", \"family\": \"solid\", \"classname\": \"fa-arrow-up-right-from-square\", \"alias\": [\"external\"]}, \"finish\": {\"unicode\": \"\f11e\", \"family\": \"solid\", \"classname\": \"fa-flag-checkered\"}, \"form\": {\"unicode\": \"\f0ae\", \"family\": \"solid\", \"classname\": \"fa-list-check\", \"alias\": [\"checklist\"]}, \"group\": {\"unicode\": \"\e533\", \"family\": \"solid\", \"classname\": \"fa-people-group\"}, \"headphones\": {\"unicode\": \"\f025\", \"family\": \"solid\", \"classname\": \"fa-headphones\"}, \"history\": {\"unicode\": \"\f1da\", \"family\": \"solid\", \"classname\": \"fa-clock-rotate-left\"}, \"info-2\": {\"unicode\": \"\f129\", \"family\": \"solid\", \"classname\": \"fa-info\"}, \"info\": {\"unicode\": \"\f05a\", \"family\": \"solid\", \"classname\": \"fa-circle-info\"}, \"layers\": {\"unicode\": \"\f5fd\", \"family\": \"solid\", \"classname\": \"fa-layer-group\"}, \"link\": {\"unicode\": \"\f0c1\", \"family\": \"solid\", \"classname\": \"fa-link\", \"alias\": [\"chain\"]}, \"list-2\": {\"unicode\": \"\f022\", \"family\": \"solid\", \"classname\": \"fa-rectangle-list\"}, \"list\": {\"unicode\": \"\f022\", \"family\": \"regular\", \"classname\": \"fa-rectangle-list\"}, \"location\": {\"unicode\": \"\f3c5\", \"family\": \"solid\", \"classname\": \"fa-location-dot\", \"alias\": [\"marker\"]}, \"map\": {\"unicode\": \"\f5a0\", \"family\": \"solid\", \"classname\": \"fa-map-location-dot\"}, \"mobile\": {\"unicode\": \"\f3cf\", \"family\": \"solid\", \"classname\": \"fa-mobile-screen\"}, \"mute\": {\"unicode\": \"\f6a9\", \"family\": \"solid\", \"classname\": \"fa-volume-xmark\", \"alias\": [\"audio-off\"]}, \"pencil\": {\"unicode\": \"\f303\", \"family\": \"solid\", \"classname\": \"fa-pencil\"}, \"phone\": {\"unicode\": \"\f095\", \"family\": \"solid\", \"classname\": \"fa-phone\", \"alias\": [\"tel\"]}, \"pin\": {\"unicode\": \"\f276\", \"family\": \"solid\", \"classname\": \"fa-map-pin\", \"alias\": [\"pin\"]}, \"plus\": {\"unicode\": \"+\", \"family\": \"solid\", \"classname\": \"fa-plus\", \"alias\": [\"add\"]}, \"register\": {\"unicode\": \"\f234\", \"family\": \"solid\", \"classname\": \"fa-user-plus\"}, \"search\": {\"unicode\": \"\f002\", \"family\": \"solid\", \"classname\": \"fa-magnifying-glass\"}, \"settings\": {\"unicode\": \"\f013\", \"family\": \"solid\", \"classname\": \"fa-gear\", \"alias\": [\"gear\", \"options\"]}, \"spinner\": {\"unicode\": \"\f110\", \"family\": \"solid\", \"classname\": \"fa-spinner\", \"alias\": [\"loader\"]}, \"star-2\": {\"unicode\": \"\f005\", \"family\": \"regular\", \"classname\": \"fa-star\", \"alias\": \"star-outlined\"}, \"star\": {\"unicode\": \"\f005\", \"family\": \"solid\", \"classname\": \"fa-star\", \"alias\": \"star-filled\"}, \"thumbs\": {\"unicode\": \"\f164\", \"family\": \"solid\", \"classname\": \"fa-thumbs-up\"}, \"ticket\": {\"unicode\": \"\f145\", \"family\": \"solid\", \"classname\": \"fa-ticket\", \"alias\": [\"add-ticket\"]}, \"toolkit\": {\"unicode\": \"\f7d9\", \"family\": \"solid\", \"classname\": \"fa-screwdriver-wrench\", \"alias\": [\"tools\", \"development\"]}, \"user\": {\"unicode\": \"\f007\", \"family\": \"solid\", \"classname\": \"fa-user\"}, \"users-2\": {\"unicode\": \"\e594\", \"family\": \"solid\", \"classname\": \"fa-users-rectangle\"}, \"users-3\": {\"unicode\": \"\e592\", \"family\": \"solid\", \"classname\": \"fa-users-line\"}, \"users\": {\"unicode\": \"\f500\", \"family\": \"solid\", \"classname\": \"fa-user-group\"}, \"x-2\": {\"unicode\": \"\f00d\", \"family\": \"solid\", \"classname\": \"fa-xmark\"}, \"x\": {\"unicode\": \"\f057\", \"family\": \"solid\", \"classname\": \"fa-circle-xmark\", \"alias\": \"xmark\"}, \"prev\": {\"unicode\": \"\f053\", \"family\": \"solid\", \"classname\": \"fa-chevron-left\", \"alias\": [\"chevron-left\"]}, \"next\": {\"unicode\": \"\f054\", \"family\": \"solid\", \"classname\": \"fa-chevron-right\", \"alias\": [\"chevron-right\"]}}"; } .all-icons:empty { display: grid; grid-template-columns: auto max-content; gap: 15px; white-space: pre; font-family: FontAwesome, sans-serif; width: min-content; } .all-icons:empty::before { content: "\f16b\a\f09a\a\f09b\a\f3aa\a\f1a0\a\f16d\a\f08c\a\f099\a\f167\a\f019\a\f56d\a\f15b\a\f31c\a\f15c\a\f03e\a\f1c1\a\f1c4\a\f008\a\f1c2\a\f1c3\a\f1c6\a\f2bd\a\f217\a*\a\f028\a\f048\a\f4ba\a\f02d\a\f1ec\a\f783\a\f09d\a\f217\a\f00c\a\f14a\a\f017\a\f075\a\f793\a\f2ed\a\f4c0\a\f39a\a\f044\a@\a\f08e\a\f11e\a\f0ae\a\e533\a\f025\a\f1da\a\f129\a\f05a\a\f5fd\a\f0c1\a\f022\a\f022\a\f3c5\a\f5a0\a\f3cf\a\f6a9\a\f303\a\f095\a\f276\a+\a\f234\a\f002\a\f013\a\f110\a\f005\a\f005\a\f164\a\f145\a\f7d9\a\f007\a\e594\a\e592\a\f500\a\f00d\a\f057\a\f053\a\f054"; } .all-icons:empty::after { content: "dropbox\a facebook\agithub\agoogle-drive\agoogle\ainstagram\alinkedin\atwitter\ayoutube\a download-2\a download\a file-2\a file-edit\a file\aimg\apdf\appt\avideo\aword\axls\azip\a account\a add-cart\a asterisk\a audio\a back\a bird\a book\a calculator\a calendar\a card\a cart\a check\a checkbox\a clock\a comment\a delete-all\a delete\a donate\a early-bird\a edit\a email\a extern\a finish\a form\agroup\aheadphones\ahistory\ainfo-2\ainfo\alayers\alink\alist-2\alist\alocation\amap\amobile\amute\apencil\aphone\apin\aplus\aregister\asearch\asettings\aspinner\astar-2\astar\athumbs\aticket\atoolkit\auser\ausers-2\ausers-3\ausers\ax-2\ax\aprev\anext"; } .all-icons .icon-preview-table { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 5px; } .all-icons .icon-preview-table > .icon { display: grid; grid-template-areas: "code name"; grid-template-columns: 1.5em max-content; gap: 0.6ch; padding: 4px 8px; background-color: var(--col-faint); border-radius: 4px; width: 100%; align-items: center; transition: all 0.2s; cursor: pointer; position: relative; } .all-icons .icon-preview-table > .icon .icon-name { grid-area: name; } .all-icons .icon-preview-table > .icon .icon-code { grid-area: code; } .all-icons .icon-preview-table > .icon .icon-has-alias { position: absolute; top: 0; right: 4px; font-size: 50%; color: deepskyblueblue; } .all-icons .icon-preview-table > .icon:hover { background-color: var(--col-dark); color: white; } .all-icons .ui-tooltip.no-title:not(.copied-indicator) { opacity: 0; } .all-icons .ui-tooltip.copied-indicator .ui-tooltip-content { font-size: 0; line-height: 0; white-space: nowrap; border-radius: 0.5rem; scale: 1.1; opacity: 0; transition: scale 0.5s, opacity 0.5s; outline-color: maroon; background: indianred !important; color: #fff; pointer-events: none; } .all-icons .ui-tooltip.copied-indicator .ui-tooltip-content::after { content: "Copied!"; font-size: 16px; line-height: 1; display: inline; } /*#endregion Icons */ /*##################################################### */ /*##################################################### */ /*#region nav-bar */ #wpadminbar ~ .wp-site-blocks { margin-top: 46px; position: relative; } #top-menu-nav { display: block !important; } #mobile_menu { padding: 0; box-shadow: 2px 4px 8px #333; border-inline: solid 1px #999; padding-bottom: 1rem; } #mobile_menu .et_mobile_menu li li { padding-left: 2%; } .et_fixed_nav #et-top-navigation { padding: 0; } .et_fixed_nav #et-top-navigation #top-menu-nav { margin-top: 5px; } .et_fixed_nav #et-top-navigation #top-menu-nav ul { margin: 0; padding-block: 0; outline: none; max-width: max-content; } .et_fixed_nav #et-top-navigation #top-menu-nav ul li.menu-item { padding-inline: 0 !important; } .et_fixed_nav #et-top-navigation #top-menu-nav ul li.menu-item > a { padding: 10px 12px; display: flex; justify-content: space-between; align-items: baseline; gap: 0.5ch; transition: background-color 0.2s ease; } .et_fixed_nav #et-top-navigation #top-menu-nav ul li.menu-item > a::after { position: static; transition: rotate 0.2s ease; rotate: 0deg; } .et_fixed_nav #et-top-navigation #top-menu-nav ul li.menu-item > a:hover { opacity: 1; } .et_fixed_nav #et-top-navigation #top-menu-nav ul li.menu-item:hover > a::after { rotate: 180deg; } .et_fixed_nav #et-top-navigation #top-menu-nav ul ul.sub-menu { border: none; box-shadow: 1px 2px 3px #333; } .et_fixed_nav #et-top-navigation #top-menu-nav ul ul.sub-menu li.menu-item { border: solid 2px white; border-block-width: 0; } .et_fixed_nav #et-top-navigation #top-menu-nav ul ul.sub-menu li.menu-item > a { background-color: #2b2b2b; } .et_fixed_nav #et-top-navigation #top-menu-nav ul ul.sub-menu li.menu-item:first-child { border-top-width: 2px; } .et_fixed_nav #et-top-navigation #top-menu-nav ul ul.sub-menu li.menu-item:last-child { border-bottom-width: 2px; } .et_fixed_nav #et-top-navigation #top-menu-nav ul ul.sub-menu li.menu-item:hover > a { background-color: gray; } .et_fixed_nav #et-top-navigation #top-menu-nav ul ul.sub-menu li.menu-item:hover > .sub-menu { top: -2px; opacity: 1; } .et_fixed_nav #et-top-navigation #top-menu-nav ul ul.sub-menu li.menu-item ul.sub-menu { padding: 0; margin: 0 -4px; top: 5px; opacity: 0; transition: top 0.2s ease-in, opacity 0.2s ease-out; } .et_fixed_nav #et-top-navigation #top-menu-nav #top-menu > li > a { padding-block: 30px; border-radius: 10px 10px 0 0; } .et_fixed_nav #et-top-navigation #top-menu-nav #top-menu > li:hover > a { background-color: lightgray; } .et_fixed_nav #et-top-navigation #top-menu-nav #top-menu > li > .sub-menu > li { margin-top: -2px; } /*#endregion nav-bar */ /*##################################################### */ /*##################################################### */ /*#region input-elems */ abbr.required { font-weight: bold; color: #be0000; } input:not(:placeholder-shown) { color: var(--wc-secondary-text, black); } .woocommerce table.form-table select { line-height: unset; } #wpcontent .select2-container .select2-dropdown .select2-results .select2-results__options, .select2-container .select2-dropdown .select2-results .select2-results__options { margin: 0; padding: 0; list-style-type: none; } #wpcontent .select2-container .select2-dropdown .select2-results .select2-results__options li, .select2-container .select2-dropdown .select2-results .select2-results__options li { padding: 0 10px; } a.button.button-icon::before { opacity: 1; } body input[readonly], .wp-generator-container input[readonly] { background-color: hsl(0, 0%, 95%); } body .button:not(.ed_button), body .button:not(.ed_button):hover, .wp-generator-container .button:not(.ed_button), .wp-generator-container .button:not(.ed_button):hover { padding: 5px 1em !important; border: solid 1px currentColor; border-radius: 4px; line-height: 1em !important; } body .btn:not(.dropdown-toggle):not([data-tab]), body .btn-block:not(.dropdown-toggle):not([data-tab]), body .btn-inline:not(.dropdown-toggle):not([data-tab]), body .btn-outline:not(.dropdown-toggle):not([data-tab]), body .etn-btn:not(.etn-btn-border), body input[type=button]:not(.ed_button), body input[type=submit], .wp-generator-container .btn:not(.dropdown-toggle):not([data-tab]), .wp-generator-container .btn-block:not(.dropdown-toggle):not([data-tab]), .wp-generator-container .btn-inline:not(.dropdown-toggle):not([data-tab]), .wp-generator-container .btn-outline:not(.dropdown-toggle):not([data-tab]), .wp-generator-container .etn-btn:not(.etn-btn-border), .wp-generator-container input[type=button]:not(.ed_button), .wp-generator-container input[type=submit] { align-items: center; align-content: center; border-radius: 4px; cursor: pointer; display: flex; padding: 5px 20px; text-align: center; text-decoration: none; transition: all 0.2s; line-height: 1.3; width: max-content; } body .btn:not(.dropdown-toggle):not([data-tab]):not(:hover), body .btn-block:not(.dropdown-toggle):not([data-tab]):not(:hover), body .btn-inline:not(.dropdown-toggle):not([data-tab]):not(:hover), body .btn-outline:not(.dropdown-toggle):not([data-tab]):not(:hover), body .etn-btn:not(.etn-btn-border):not(:hover), body input[type=button]:not(.ed_button):not(:hover), body input[type=submit]:not(:hover), .wp-generator-container .btn:not(.dropdown-toggle):not([data-tab]):not(:hover), .wp-generator-container .btn-block:not(.dropdown-toggle):not([data-tab]):not(:hover), .wp-generator-container .btn-inline:not(.dropdown-toggle):not([data-tab]):not(:hover), .wp-generator-container .btn-outline:not(.dropdown-toggle):not([data-tab]):not(:hover), .wp-generator-container .etn-btn:not(.etn-btn-border):not(:hover), .wp-generator-container input[type=button]:not(.ed_button):not(:hover), .wp-generator-container input[type=submit]:not(:hover) { background-color: var(--col-base); background-image: none; border: 1px solid var(--col-base); color: var(--col-white); } body .btn:not(.dropdown-toggle):not([data-tab]):hover, body .btn-block:not(.dropdown-toggle):not([data-tab]):hover, body .btn-inline:not(.dropdown-toggle):not([data-tab]):hover, body .btn-outline:not(.dropdown-toggle):not([data-tab]):hover, body .etn-btn:not(.etn-btn-border):hover, body input[type=button]:not(.ed_button):hover, body input[type=submit]:hover, .wp-generator-container .btn:not(.dropdown-toggle):not([data-tab]):hover, .wp-generator-container .btn-block:not(.dropdown-toggle):not([data-tab]):hover, .wp-generator-container .btn-inline:not(.dropdown-toggle):not([data-tab]):hover, .wp-generator-container .btn-outline:not(.dropdown-toggle):not([data-tab]):hover, .wp-generator-container .etn-btn:not(.etn-btn-border):hover, .wp-generator-container input[type=button]:not(.ed_button):hover, .wp-generator-container input[type=submit]:hover { background-color: var(--col-lightest); background-image: none; border: 1px solid var(--col-base); color: var(--col-base); } body input.disabled, body input:disabled, body input[disabled], body .btn.disabled, body .disabled.btn-block, body .disabled.btn-inline, body .disabled.btn-outline, body .btn:disabled, body .btn-block:disabled, body .btn-inline:disabled, body .btn-outline:disabled, body .btn[disabled], body [disabled].btn-block, body [disabled].btn-inline, body [disabled].btn-outline, body .etn-btn.disabled, body .etn-btn:disabled, body .etn-btn[disabled], .wp-generator-container input.disabled, .wp-generator-container input:disabled, .wp-generator-container input[disabled], .wp-generator-container .btn.disabled, .wp-generator-container .disabled.btn-block, .wp-generator-container .disabled.btn-inline, .wp-generator-container .disabled.btn-outline, .wp-generator-container .btn:disabled, .wp-generator-container .btn-block:disabled, .wp-generator-container .btn-inline:disabled, .wp-generator-container .btn-outline:disabled, .wp-generator-container .btn[disabled], .wp-generator-container [disabled].btn-block, .wp-generator-container [disabled].btn-inline, .wp-generator-container [disabled].btn-outline, .wp-generator-container .etn-btn.disabled, .wp-generator-container .etn-btn:disabled, .wp-generator-container .etn-btn[disabled] { opacity: 0.7; cursor: not-allowed !important; pointer-events: auto !important; } body input.disabled:hover, body input.disabled, body input:disabled:hover, body input:disabled, body input[disabled]:hover, body input[disabled], body .btn.disabled:hover, body .btn.disabled, body .disabled.btn-block, body .disabled.btn-inline, body .disabled.btn-outline, body .btn:disabled:hover, body .btn:disabled, body .btn-block:disabled, body .btn-inline:disabled, body .btn-outline:disabled, body .btn[disabled]:hover, body .btn[disabled], body [disabled].btn-block, body [disabled].btn-inline, body [disabled].btn-outline, body .etn-btn.disabled:hover, body .etn-btn.disabled, body .etn-btn:disabled:hover, body .etn-btn:disabled, body .etn-btn[disabled]:hover, body .etn-btn[disabled], .wp-generator-container input.disabled:hover, .wp-generator-container input.disabled, .wp-generator-container input:disabled:hover, .wp-generator-container input:disabled, .wp-generator-container input[disabled]:hover, .wp-generator-container input[disabled], .wp-generator-container .btn.disabled:hover, .wp-generator-container .btn.disabled, .wp-generator-container .disabled.btn-block, .wp-generator-container .disabled.btn-inline, .wp-generator-container .disabled.btn-outline, .wp-generator-container .btn:disabled:hover, .wp-generator-container .btn:disabled, .wp-generator-container .btn-block:disabled, .wp-generator-container .btn-inline:disabled, .wp-generator-container .btn-outline:disabled, .wp-generator-container .btn[disabled]:hover, .wp-generator-container .btn[disabled], .wp-generator-container [disabled].btn-block, .wp-generator-container [disabled].btn-inline, .wp-generator-container [disabled].btn-outline, .wp-generator-container .etn-btn.disabled:hover, .wp-generator-container .etn-btn.disabled, .wp-generator-container .etn-btn:disabled:hover, .wp-generator-container .etn-btn:disabled, .wp-generator-container .etn-btn[disabled]:hover, .wp-generator-container .etn-btn[disabled] { background-color: var(--col-faint) !important; color: var(--col-base) !important; } body input.disabled::before, body input.disabled::after, body input:disabled::before, body input:disabled::after, body input[disabled]::before, body input[disabled]::after, body .btn.disabled::before, body .disabled.btn-block::before, body .disabled.btn-inline::before, body .disabled.btn-outline::before, body .btn.disabled::after, body .disabled.btn-block::after, body .disabled.btn-inline::after, body .disabled.btn-outline::after, body .btn:disabled::before, body .btn-block:disabled::before, body .btn-inline:disabled::before, body .btn-outline:disabled::before, body .btn:disabled::after, body .btn-block:disabled::after, body .btn-inline:disabled::after, body .btn-outline:disabled::after, body .btn[disabled]::before, body [disabled].btn-block::before, body [disabled].btn-inline::before, body [disabled].btn-outline::before, body .btn[disabled]::after, body [disabled].btn-block::after, body [disabled].btn-inline::after, body [disabled].btn-outline::after, body .etn-btn.disabled::before, body .etn-btn.disabled::after, body .etn-btn:disabled::before, body .etn-btn:disabled::after, body .etn-btn[disabled]::before, body .etn-btn[disabled]::after, .wp-generator-container input.disabled::before, .wp-generator-container input.disabled::after, .wp-generator-container input:disabled::before, .wp-generator-container input:disabled::after, .wp-generator-container input[disabled]::before, .wp-generator-container input[disabled]::after, .wp-generator-container .btn.disabled::before, .wp-generator-container .disabled.btn-block::before, .wp-generator-container .disabled.btn-inline::before, .wp-generator-container .disabled.btn-outline::before, .wp-generator-container .btn.disabled::after, .wp-generator-container .disabled.btn-block::after, .wp-generator-container .disabled.btn-inline::after, .wp-generator-container .disabled.btn-outline::after, .wp-generator-container .btn:disabled::before, .wp-generator-container .btn-block:disabled::before, .wp-generator-container .btn-inline:disabled::before, .wp-generator-container .btn-outline:disabled::before, .wp-generator-container .btn:disabled::after, .wp-generator-container .btn-block:disabled::after, .wp-generator-container .btn-inline:disabled::after, .wp-generator-container .btn-outline:disabled::after, .wp-generator-container .btn[disabled]::before, .wp-generator-container [disabled].btn-block::before, .wp-generator-container [disabled].btn-inline::before, .wp-generator-container [disabled].btn-outline::before, .wp-generator-container .btn[disabled]::after, .wp-generator-container [disabled].btn-block::after, .wp-generator-container [disabled].btn-inline::after, .wp-generator-container [disabled].btn-outline::after, .wp-generator-container .etn-btn.disabled::before, .wp-generator-container .etn-btn.disabled::after, .wp-generator-container .etn-btn:disabled::before, .wp-generator-container .etn-btn:disabled::after, .wp-generator-container .etn-btn[disabled]::before, .wp-generator-container .etn-btn[disabled]::after { content: "" !important; margin-inline: 0 !important; opacity: 0 !important; } .btn, .btn-block, .btn-inline, .btn-outline, .woocommerce button.button, .button:not(.ed_button), :is(a, button).etn-btn { margin-block: 0; text-decoration: none; } #main-content .entry-content a.button { line-height: 1 !important; font-size: inherit; border-radius: 4px; } .button-row, .btn-row { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-around; margin: 15px auto; max-width: 50em; gap: 0.5em 0.8em; } .btn:not(.dropdown-toggle) .button:not(.ed_button):not([disabled]):not(.disabled), .btn-block:not(.dropdown-toggle) .button:not(.ed_button):not([disabled]):not(.disabled), .btn-inline:not(.dropdown-toggle) .button:not(.ed_button):not([disabled]):not(.disabled), .btn-outline:not(.dropdown-toggle) .button:not(.ed_button):not([disabled]):not(.disabled), .etn-btn:not(.etn-btn-border):not([disabled]):not(.disabled) { text-decoration: none; } .btn:not(.dropdown-toggle) .inline-btn.button:not(.ed_button):not([disabled]):not(.disabled), .btn-block:not(.dropdown-toggle) .inline-btn.button:not(.ed_button):not([disabled]):not(.disabled), .btn-inline:not(.dropdown-toggle) .inline-btn.button:not(.ed_button):not([disabled]):not(.disabled), .btn-outline:not(.dropdown-toggle) .inline-btn.button:not(.ed_button):not([disabled]):not(.disabled), .inline-btn.etn-btn:not(.etn-btn-border):not([disabled]):not(.disabled) { display: inline; padding-block: 2px; padding-inline: 0.4em; font-size: 90%; } .btn:not(.dropdown-toggle) .button:not(.ed_button):not([disabled]):not(.disabled)::before, .btn-block:not(.dropdown-toggle) .button:not(.ed_button):not([disabled]):not(.disabled)::before, .btn-inline:not(.dropdown-toggle) .button:not(.ed_button):not([disabled]):not(.disabled)::before, .btn-outline:not(.dropdown-toggle) .button:not(.ed_button):not([disabled]):not(.disabled)::before, .etn-btn:not(.etn-btn-border):not([disabled]):not(.disabled)::before, .btn:not(.dropdown-toggle) .button:not(.ed_button):not([disabled]):not(.disabled)::after, .btn-block:not(.dropdown-toggle) .button:not(.ed_button):not([disabled]):not(.disabled)::after, .btn-inline:not(.dropdown-toggle) .button:not(.ed_button):not([disabled]):not(.disabled)::after, .btn-outline:not(.dropdown-toggle) .button:not(.ed_button):not([disabled]):not(.disabled)::after, .etn-btn:not(.etn-btn-border):not([disabled]):not(.disabled)::after { margin-left: 0; margin-right: 0; opacity: 0; transition: all 0.2s; position: relative; width: 1ch; max-height: 1.3em; font-size: 100% !important; } .btn:not(.dropdown-toggle) .button:has(small):not(.ed_button):not([disabled]):not(.disabled), .btn-block:not(.dropdown-toggle) .button:has(small):not(.ed_button):not([disabled]):not(.disabled), .btn-inline:not(.dropdown-toggle) .button:has(small):not(.ed_button):not([disabled]):not(.disabled), .btn-outline:not(.dropdown-toggle) .button:has(small):not(.ed_button):not([disabled]):not(.disabled), .etn-btn:has(small):not(.etn-btn-border):not([disabled]):not(.disabled) { position: relative; padding-bottom: 20px; } .btn:not(.dropdown-toggle) .button:has(small):not(.ed_button):not([disabled]):not(.disabled) small, .btn-block:not(.dropdown-toggle) .button:has(small):not(.ed_button):not([disabled]):not(.disabled) small, .btn-inline:not(.dropdown-toggle) .button:has(small):not(.ed_button):not([disabled]):not(.disabled) small, .btn-outline:not(.dropdown-toggle) .button:has(small):not(.ed_button):not([disabled]):not(.disabled) small, .etn-btn:has(small):not(.etn-btn-border):not([disabled]):not(.disabled) small { position: absolute; font-size: 70%; inset: 0; top: calc(10px + 1lh); } .btn:not(.dropdown-toggle) .button:not(.ed_button):not([disabled]):not(.disabled)::before, .btn-block:not(.dropdown-toggle) .button:not(.ed_button):not([disabled]):not(.disabled)::before, .btn-inline:not(.dropdown-toggle) .button:not(.ed_button):not([disabled]):not(.disabled)::before, .btn-outline:not(.dropdown-toggle) .button:not(.ed_button):not([disabled]):not(.disabled)::before, .etn-btn:not(.etn-btn-border):not([disabled]):not(.disabled)::before { content: "❮"; left: 5px; right: unset; } .btn:not(.dropdown-toggle) .button:not(.ed_button):not([disabled]):not(.disabled)::after, .btn-block:not(.dropdown-toggle) .button:not(.ed_button):not([disabled]):not(.disabled)::after, .btn-inline:not(.dropdown-toggle) .button:not(.ed_button):not([disabled]):not(.disabled)::after, .btn-outline:not(.dropdown-toggle) .button:not(.ed_button):not([disabled]):not(.disabled)::after, .etn-btn:not(.etn-btn-border):not([disabled]):not(.disabled)::after { content: "❯"; left: unset; right: 5px; } .btn:not(.dropdown-toggle) .button:not(.ed_button):not([disabled]):not(.disabled), .btn-block:not(.dropdown-toggle) .button:not(.ed_button):not([disabled]):not(.disabled), .btn-inline:not(.dropdown-toggle) .button:not(.ed_button):not([disabled]):not(.disabled), .btn-outline:not(.dropdown-toggle) .button:not(.ed_button):not([disabled]):not(.disabled), .etn-btn:not(.etn-btn-border):not([disabled]):not(.disabled) { /* Show Button Icons on hover */ } .btn:not(.dropdown-toggle) .svg.button:not(:hover):not(.ed_button):not([disabled]):not(.disabled), .btn-block:not(.dropdown-toggle) .svg.button:not(:hover):not(.ed_button):not([disabled]):not(.disabled), .btn-inline:not(.dropdown-toggle) .svg.button:not(:hover):not(.ed_button):not([disabled]):not(.disabled), .btn-outline:not(.dropdown-toggle) .svg.button:not(:hover):not(.ed_button):not([disabled]):not(.disabled), .svg.etn-btn:not(:hover):not(.etn-btn-border):not([disabled]):not(.disabled) { padding-block: 5px; padding-inline: 1em; border: 1px solid var(--col-base) !important; background-color: var(--col-base) !important; color: var(--col-white) !important; } .btn:not(.dropdown-toggle) .svg.button:hover:not(.ed_button):not([disabled]):not(.disabled), .btn-block:not(.dropdown-toggle) .svg.button:hover:not(.ed_button):not([disabled]):not(.disabled), .btn-inline:not(.dropdown-toggle) .svg.button:hover:not(.ed_button):not([disabled]):not(.disabled), .btn-outline:not(.dropdown-toggle) .svg.button:hover:not(.ed_button):not([disabled]):not(.disabled), .svg.etn-btn:hover:not(.etn-btn-border):not([disabled]):not(.disabled) { padding-block: 5px; padding-inline: 0.8em 1.2em; border: 1px solid var(--col-base) !important; background-color: var(--col-lightest) !important; color: var(--col-base) !important; } .btn:not(.dropdown-toggle) .svg.button:hover:not(.ed_button):not([disabled]):not(.disabled)::before, .btn-block:not(.dropdown-toggle) .svg.button:hover:not(.ed_button):not([disabled]):not(.disabled)::before, .btn-inline:not(.dropdown-toggle) .svg.button:hover:not(.ed_button):not([disabled]):not(.disabled)::before, .btn-outline:not(.dropdown-toggle) .svg.button:hover:not(.ed_button):not([disabled]):not(.disabled)::before, .svg.etn-btn:hover:not(.etn-btn-border):not([disabled]):not(.disabled)::before, .btn:not(.dropdown-toggle) .svg.button:hover:not(.ed_button):not([disabled]):not(.disabled)::after, .btn-block:not(.dropdown-toggle) .svg.button:hover:not(.ed_button):not([disabled]):not(.disabled)::after, .btn-inline:not(.dropdown-toggle) .svg.button:hover:not(.ed_button):not([disabled]):not(.disabled)::after, .btn-outline:not(.dropdown-toggle) .svg.button:hover:not(.ed_button):not([disabled]):not(.disabled)::after, .svg.etn-btn:hover:not(.etn-btn-border):not([disabled]):not(.disabled)::after { opacity: 1; } .btn:not(.dropdown-toggle) .svg.button:hover:not(.ed_button):not([disabled]):not(.disabled)::before, .btn-block:not(.dropdown-toggle) .svg.button:hover:not(.ed_button):not([disabled]):not(.disabled)::before, .btn-inline:not(.dropdown-toggle) .svg.button:hover:not(.ed_button):not([disabled]):not(.disabled)::before, .btn-outline:not(.dropdown-toggle) .svg.button:hover:not(.ed_button):not([disabled]):not(.disabled)::before, .svg.etn-btn:hover:not(.etn-btn-border):not([disabled]):not(.disabled)::before { left: -5px; right: unset; } .btn:not(.dropdown-toggle) .svg.button:hover:not(.ed_button):not([disabled]):not(.disabled)::after, .btn-block:not(.dropdown-toggle) .svg.button:hover:not(.ed_button):not([disabled]):not(.disabled)::after, .btn-inline:not(.dropdown-toggle) .svg.button:hover:not(.ed_button):not([disabled]):not(.disabled)::after, .btn-outline:not(.dropdown-toggle) .svg.button:hover:not(.ed_button):not([disabled]):not(.disabled)::after, .svg.etn-btn:hover:not(.etn-btn-border):not([disabled]):not(.disabled)::after { left: unset; right: -5px; } .btn:not(.dropdown-toggle) .button:not(.back, .etn-btn-secondary):not(.ed_button):not([disabled]):not(.disabled)::before, .btn-block:not(.dropdown-toggle) .button:not(.back, .etn-btn-secondary):not(.ed_button):not([disabled]):not(.disabled)::before, .btn-inline:not(.dropdown-toggle) .button:not(.back, .etn-btn-secondary):not(.ed_button):not([disabled]):not(.disabled)::before, .btn-outline:not(.dropdown-toggle) .button:not(.back, .etn-btn-secondary):not(.ed_button):not([disabled]):not(.disabled)::before, .etn-btn:not(.back, .etn-btn-secondary):not(.etn-btn-border):not([disabled]):not(.disabled)::before { content: ""; } .btn:not(.dropdown-toggle) .back.button:not(.ed_button):not([disabled]):not(.disabled)::after, .btn-block:not(.dropdown-toggle) .back.button:not(.ed_button):not([disabled]):not(.disabled)::after, .btn-inline:not(.dropdown-toggle) .back.button:not(.ed_button):not([disabled]):not(.disabled)::after, .btn-outline:not(.dropdown-toggle) .back.button:not(.ed_button):not([disabled]):not(.disabled)::after, .back.etn-btn:not(.etn-btn-border):not([disabled]):not(.disabled)::after, .btn:not(.dropdown-toggle) .etn-btn-secondary.button:not(.ed_button):not([disabled]):not(.disabled)::after, .btn-block:not(.dropdown-toggle) .etn-btn-secondary.button:not(.ed_button):not([disabled]):not(.disabled)::after, .btn-inline:not(.dropdown-toggle) .etn-btn-secondary.button:not(.ed_button):not([disabled]):not(.disabled)::after, .btn-outline:not(.dropdown-toggle) .etn-btn-secondary.button:not(.ed_button):not([disabled]):not(.disabled)::after, .etn-btn-secondary.etn-btn:not(.etn-btn-border):not([disabled]):not(.disabled)::after { content: ""; } .wc-block-components-notice-banner__content .button-row { float: right; } .info:has(#loginform) { padding: 5px 10px; } .footer-content-wrap #loginform, form#loginform.inline { display: flex; flex-wrap: wrap; gap: 8px 1ch; min-width: min-content; padding: 5px; position: relative; } .footer-content-wrap #loginform, .footer-content-wrap #loginform *, form#loginform.inline, form#loginform.inline * { box-sizing: border-box; } .footer-content-wrap #loginform, form#loginform.inline { /* input[type=radio], input[type=checkbox], input[type=submit] { height: unset; padding-block: 0; } */ } .footer-content-wrap #loginform > .login-password, .footer-content-wrap #loginform > .login-username, .footer-content-wrap #loginform > .login-submit, form#loginform.inline > .login-password, form#loginform.inline > .login-username, form#loginform.inline > .login-submit { margin-bottom: 1em; position: relative; } .footer-content-wrap #loginform > .login-password > input, .footer-content-wrap #loginform > .login-username > input, .footer-content-wrap #loginform > .login-submit > input, form#loginform.inline > .login-password > input, form#loginform.inline > .login-username > input, form#loginform.inline > .login-submit > input { height: 100%; min-height: 1.5em; width: 100%; } .footer-content-wrap #loginform > .login-password, .footer-content-wrap #loginform > .login-username, form#loginform.inline > .login-password, form#loginform.inline > .login-username { flex: 1; min-width: 130px; } .footer-content-wrap #loginform > .login-password > label, .footer-content-wrap #loginform > .login-username > label, form#loginform.inline > .login-password > label, form#loginform.inline > .login-username > label { bottom: 0; font-size: small; font-style: italic; height: 1lh; overflow: visible clip; position: absolute; translate: 0 calc(100% + 5px); } .footer-content-wrap #loginform > .login-password > input, .footer-content-wrap #loginform > .login-username > input, form#loginform.inline > .login-password > input, form#loginform.inline > .login-username > input { min-height: 1.5em; } .footer-content-wrap #loginform > .login-submit, form#loginform.inline > .login-submit { min-width: max-content; } .footer-content-wrap #loginform > .login-remember, form#loginform.inline > .login-remember { display: flex; flex: 1; justify-content: flex-end; margin-top: -0.95lh; order: 99; } .footer-content-wrap #loginform > .login-remember > label, form#loginform.inline > .login-remember > label { align-items: center; display: flex; flex: 100%; font-size: 65%; gap: 1ch; justify-content: flex-end; line-height: 1; margin: 0; } .footer-content-wrap #loginform > .login-remember > label > input, form#loginform.inline > .login-remember > label > input { padding-block: 0; } .select2 .select2-search__field { font-size: inherit !important; font: inherit; } .select2 .select2-selection--single { height: auto !important; line-height: 1; } .select2 .select2-selection--multiple { height: max-content !important; display: flex; flex-wrap: wrap; align-items: center; gap: 4px 5px; padding: 5px; } .select2 .select2-selection--multiple button.select2-selection__choice__remove, .select2 .select2-selection--multiple button.select2-selection__clear { padding: 5px; border: solid 1px #ff4c4c; background-color: #ff4c4c; color: white !important; line-height: 1; margin: 0; } .select2 .select2-selection--multiple button.select2-selection__choice__remove:hover, .select2 .select2-selection--multiple button.select2-selection__clear:hover { background-color: white; color: #ff4c4c !important; } .select2 .select2-selection--multiple button.select2-selection__clear { border-radius: 50%; line-height: 0; right: 5px; } .select2 .select2-selection--multiple ul.select2-selection__rendered { display: contents; width: 100%; min-height: 1lh; } .select2 .select2-selection--multiple ul.select2-selection__rendered .select2-selection__choice { display: flex; align-items: center; margin: 0; padding: 0; gap: 3px; } .select2 .select2-selection--multiple ul.select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove { position: static; margin: -1px; margin-right: 0; } .select2 .select2-selection--multiple .select2-search.select2-search--inline { display: contents; } .select2 .select2-selection--multiple .select2-search.select2-search--inline .select2-search__field { margin: 0; flex: 1; min-width: 1ch; padding-block: 5px; width: fit-content; text-wrap: nowrap; } .select2-results { padding-top: 5px; } .select2-results .select2-results__option--selected { background-color: var(--col-faint) !important; display: flex; align-items: center; } .select2-results .select2-results__option--selected::after { content: "×"; border-radius: 50%; margin-left: auto; height: 0.9em; width: 0.9em; display: flex; align-items: center; justify-content: center; line-height: 0; font-weight: bold; background-color: #FFF; opacity: 0.75; } .select2-results .select2-results__option--selected.select2-results__option--highlighted, .select2-results .select2-results__option--selected:hover { background-color: var(--col-light, #999) !important; color: white; } .select2-results .select2-results__option--selected.select2-results__option--highlighted::after, .select2-results .select2-results__option--selected:hover::after { background-color: white; color: #ff4c4c; opacity: 1; } input[type][type=color] { border-radius: 50px; width: 5em; cursor: pointer; border: none; background-color: transparent; padding: 0 !important; min-height: 1.3lh; position: relative; top: 5px; } input[type][type=color]::after { content: attr(value); position: absolute; inset: 0; color: white; font-weight: bold; font-size: 0.6lh; display: flex; justify-content: center; align-items: center; } input[type][type=color]::-webkit-color-swatch-wrapper { padding: 0; } input[type][type=color]::-webkit-color-swatch { border-radius: 50px; transition: all 0.2s; box-shadow: inset 0 0 2px 0 rgba(51, 51, 51, 0.5333333333); padding: 0; } input[type][type=color]:hover::-webkit-color-swatch { box-shadow: inset 0 0 3px 1px rgba(51, 51, 51, 0.5333333333); } input[type][type=file] { max-width: max-content !important; } input[type][type=file]::file-selector-button { border-radius: 50px; transition: all 0.2s; box-shadow: inset 0 0 2px 0 rgba(51, 51, 51, 0.5333333333); padding: 2px 9px !important; cursor: pointer; border: none; min-height: 1.3lh; } input[type][type=file], input[type][type=file][type=file i] { max-width: max-content !important; transition: 0.2s all; } input[type][type=file][type=file i]:not(:placeholder-shown) { color: var(--col-dark); } input[type][type=file]:hover::file-selector-button { box-shadow: inset 0 0 3px 1px rgba(51, 51, 51, 0.5333333333); } input[type][type=file]:hover[type=file i]:not(:placeholder-shown) { color: var(--col-darker); } /*#endregion input-elems */ /*##################################################### */ /*##################################################### */ /*#region wgs-container */ .wp-generator-container { box-sizing: content-box; width: 100%; margin-block: 20px; /*################################################### /*# Override Defaults /*################################################### */ } .wp-generator-container h1, .wp-generator-container h2, .wp-generator-container h3, .wp-generator-container h4, .wp-generator-container h5, .wp-generator-container h6 { color: var(--col-base); } .wp-generator-container { /*################################################### /*# Suppress overrides /*################################################### */ } .wp-generator-container .hentry table :is(td, th) { border: initial; } .wp-generator-container .hentry table tr:hover td:not(:hover) { background-color: initial; } .wp-generator-container h1, .wp-generator-container h2, .wp-generator-container h3, .wp-generator-container h4, .wp-generator-container h5, .wp-generator-container h6 { text-transform: none; } .wp-generator-container h3, .wp-generator-container h4 { font-weight: bold; } .wp-generator-container h3 { margin-block: 0; } .wp-generator-container ul, .wp-generator-container ol { margin: 0; } .wp-generator-container ul li, .wp-generator-container ol li { line-height: 1.3; margin: 0 0 0 30px; } .wp-generator-container ul li::marker, .wp-generator-container ol li::marker { font-weight: bold; font-size: 95%; } .wp-generator-container { /*################################################### /*# Page List Styles /*# I don't know why, but this only works if it is declared here /*################################################### */ } .wp-generator-container .page-list summary:not(:only-child)::before { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23369%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E"); } .wp-generator-container { /*################################################### /*# Dropdown Animations /*################################################### */ } .wp-generator-container .expandable .fas { color: var(--col-base); opacity: 0.3; position: absolute; transition: all 0.2s; z-index: 0; aspect-ratio: 1; } .wp-generator-container .expandable .arrow-animate { opacity: 0.8; transform: rotate(0deg); } .wp-generator-container .expandable .details { display: none; } .wp-generator-container .expandable .active ~ .details { box-shadow: inset 0 0 6px 2px #ddd; position: relative; } .wp-generator-container .expandable > div { cursor: pointer; } .wp-generator-container .expandable > div:hover .fas { opacity: 1; } .wp-generator-container { /** ################## * Call-To-Action * ################### */ } .wp-generator-container .call-to-action { align-items: center; background-color: var(--col-lightest); border-radius: 10px; border: 2px solid var(--col-base); display: flex; gap: 10px; justify-content: center; margin-inline: 0; padding: 5px 15px; } @media only screen and (max-width: 500px) { .wp-generator-container .call-to-action { flex-wrap: wrap; } } .wp-generator-container .call-to-action.flex-inline .btn, .wp-generator-container .call-to-action.flex-inline .btn-block, .wp-generator-container .call-to-action.flex-inline .btn-inline, .wp-generator-container .call-to-action.flex-inline .btn-outline { padding: 5px 20px; } .wp-generator-container .call-to-action > :first-child { flex: 1; min-width: 160px; } .wp-generator-container .call-to-action p { margin: 0; } .wp-generator-container { /** ################## * Modifier Classes * ################### */ } .wp-generator-container .flex, .wp-generator-container .flex-no-gap, .wp-generator-container .flex-col, .wp-generator-container .flex-wrap, .wp-generator-container .flex-inline, .wp-generator-container .flex-block, .wp-generator-container .inline-flex { display: flex; } .wp-generator-container .flex.center, .wp-generator-container .center.flex-no-gap, .wp-generator-container .center.flex-col, .wp-generator-container .center.flex-wrap, .wp-generator-container .center.flex-inline, .wp-generator-container .center.flex-block, .wp-generator-container .center.inline-flex { align-items: center; } .wp-generator-container .flex-inline { display: flex; flex-direction: row; gap: 0 20px; } .wp-generator-container .flex-inline :first-child { flex: 1; } .wp-generator-container .error summary { color: hsl(0, 100%, 60%); font-weight: bold; } .wp-generator-container .error summary ~ * { padding-left: 20px; } .wp-generator-container .error :not(dt) > code { margin-inline: 20px; } .wp-generator-container .error dl, .wp-generator-container .error dd { margin-left: 40px; } .wp-generator-container .error var { font-weight: bold; } .wp-generator-container { /** ################## * Buttons * ################### */ } .wp-generator-container .btn.call-to-action::after, .wp-generator-container .call-to-action.btn-block::after, .wp-generator-container .call-to-action.btn-inline::after, .wp-generator-container .call-to-action.btn-outline::after { opacity: 1; } .wp-block-table .wp-generator-container .btn, .wp-block-table .wp-generator-container .btn-block, .wp-block-table .wp-generator-container .btn-inline, .wp-block-table .wp-generator-container .btn-outline { width: 80%; } /*#endregion wgs-container */ /*##################################################### */ /*##################################################### */ /*#region Printing */ @media print { body { --page-margin: 0 important; margin: 0 !important; padding: 0 !important; width: 100dvw !important; max-width: 100dvw !important; } body .btn, body .btn-block, body .btn-inline, body .btn-outline { width: 100% !important; overflow: hidden; white-space: normal; line-break: loose; flex-wrap: wrap; } body figure { page-break-inside: avoid !important; } body .ui-accordion .ui-accordion-header { background-color: var(--col-base) !important; border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; } body .ui-accordion .ui-accordion-header .fa-chevron-circle-down { rotate: 0deg !important; opacity: 1; } body .ui-accordion .ui-accordion-header .fa-chevron-circle-down::before { color: white !important; } body .ui-accordion .ui-accordion-content { display: block !important; background-color: var(--col-lightest); padding-block: 10px; box-shadow: inset 4px 4px 10px -8px #111; } body .ui-accordion .ui-accordion-content ul:last-child li:last-child { margin-bottom: 0; } body .modal-container { display: none; } } /*#endregion Printing */ /*##################################################### */ /*##################################################### */ /*#region Lists */ :is(ol, ul):not([class]) { margin-left: 0; padding-left: 0; } :is(ol, ul):not([class]) > li:not([class]) { margin-left: 25px; margin-block: 0; } ol.hook, ul.hook { list-style-type: "↪ "; } .entry-content :not(nav) > :is(ol, ul):not([class]) { list-style-position: outside; padding-left: 0px; } .entry-content :not(nav) > ul:not([class]) { list-style-type: disc; } .entry-content :not(nav) > ol:not([class]) { list-style-type: decimal; } :not(nav):not(.rss-widget) > ul:not([class]) { list-style-type: disc; } :not(nav):not(.rss-widget) :is(ol, ul):not([class]) > li:not([class]) > ul:not([class]) { list-style-type: circle; } :not(nav):not(.rss-widget) :is(ol, ul):not([class]) > li:not([class]) :is(ol, ul):not([class]) > li:not([class]) > ul:not([class]) { list-style-type: square; } @media only screen and (max-width: 500px) { :is(ol, ul):not([class]) { margin: 0; padding: 0; } } dl { margin-left: 25px; } dl dt { font-weight: bold; } dl dl { margin-top: 0; margin-left: 25px; } .nav, .nav li { list-style-type: none; margin-left: 0; } .nav .sub-menu, .nav li .sub-menu { padding: 0; margin: 0; } .nav .sub-menu .sub-menu, .nav li .sub-menu .sub-menu { top: 0; } .nav .sub-menu .sub-menu li:not(:has(li:hover)):hover, .nav li .sub-menu .sub-menu li:not(:has(li:hover)):hover { outline: solid var(--col-dark) 2px; } /* Quickly switch between menu items of different parents, but only while hovering over a nav element */ .navigation-main li:hover ~ li > .sub-menu, .navigation-main li:has(~ li:hover) > .sub-menu { transition-delay: 0s; } .navigation-main li:not(:has(li:hover)) li:hover ~ li > .sub-menu, .navigation-main li:not(:has(li:hover)) li:has(~ li:hover) > .sub-menu { transition-delay: 2s; } .wp-generator-container p:has(+ ul), .wp-generator-container p:has(+ ol), .wp-generator-container .wgs-program p:has(+ ul), .wp-generator-container .wgs-program p:has(+ ol) { margin-bottom: 0 !important; padding-bottom: 0; } .wp-generator-container :is(ol, ul):not([class]), .wp-generator-container .wgs-program :is(ol, ul):not([class]) { line-height: 1.1; } .wp-generator-container :is(ol, ul):not([class]) > li, .wp-generator-container .wgs-program :is(ol, ul):not([class]) > li { margin-block: 0.5lh; } li:has(> details) { list-style-type: none !important; } li:has(> details) > details > summary { text-indent: -18px; } dd :is(ol, ul):not([class]):first-child, li :is(ol, ul):not([class]):first-child { margin-top: 0; } dd, li { line-height: 1.3; } ol.emoji-list, ul.emoji-list { margin-block: 10px !important; } ol.emoji-list > li, ul.emoji-list > li { padding-left: 0.5ch; margin-block: 5px; } ol.emoji-list > li::marker, ul.emoji-list > li::marker { font-size: 1.3em; line-height: 0.9; } ol > li.star, ul > li.star { list-style-type: "★"; padding-left: 1ch; margin-left: -1ch; } ol.alpha, ul.alpha { list-style-type: upper-alpha; } ol.star, ul.star { list-style-type: "★"; } /*#endregion Lists */ /*##################################################### */ /*##################################################### */ /*#region General */ @media print { .debug { display: none !important; } } .main { position: relative; } body { width: 100%; box-sizing: border-box; } body.stop-scrolling { height: 100%; overflow: hidden; } body sup { top: unset; bottom: 0.5em; font-size: 0.75em; } body#tinymce, body.wp-editor { box-sizing: border-box; margin: 0; padding: 10px 15px !important; } body#tinymce > p:first-child, body.wp-editor > p:first-child { margin-top: 0; } p { line-height: 1.3; margin-bottom: 1em; padding-bottom: 0; } p:has(+ ul), p:has(+ ol) { margin-bottom: 0; } details summary { cursor: pointer; line-height: 1.1; } details summary h1, details summary h2, details summary h3, details summary h4, details summary h4, details summary h6 { display: inline-block; } .fileedit-sub { height: 2em; } .page-breadcrumb ~ .main { position: relative; } .page-breadcrumb ~ .main .sidebar.sidebar-static { top: -49px; } q::before, q::after { content: '"'; } .entry-content > * { margin-bottom: 15px; } div + br { display: none; } .text-outline { text-shadow: calc(1px) calc(0px) 0 #000, calc(0.9807852804px) calc(0.195090322px) 0 #000, calc(0.9238795325px) calc(0.3826834324px) 0 #000, calc(0.8314696123px) calc(0.555570233px) 0 #000, calc(0.7071067812px) calc(0.7071067812px) 0 #000, calc(0.555570233px) calc(0.8314696123px) 0 #000, calc(0.3826834324px) calc(0.9238795325px) 0 #000, calc(0.195090322px) calc(0.9807852804px) 0 #000, calc(0px) calc(1px) 0 #000, calc(-0.195090322px) calc(0.9807852804px) 0 #000, calc(-0.3826834324px) calc(0.9238795325px) 0 #000, calc(-0.555570233px) calc(0.8314696123px) 0 #000, calc(-0.7071067812px) calc(0.7071067812px) 0 #000, calc(-0.8314696123px) calc(0.555570233px) 0 #000, calc(-0.9238795325px) calc(0.3826834324px) 0 #000, calc(-0.9807852804px) calc(0.195090322px) 0 #000, calc(-1px) calc(0px) 0 #000, calc(-0.9807852804px) calc(-0.195090322px) 0 #000, calc(-0.9238795325px) calc(-0.3826834324px) 0 #000, calc(-0.8314696123px) calc(-0.555570233px) 0 #000, calc(-0.7071067812px) calc(-0.7071067812px) 0 #000, calc(-0.555570233px) calc(-0.8314696123px) 0 #000, calc(-0.3826834324px) calc(-0.9238795325px) 0 #000, calc(-0.195090322px) calc(-0.9807852804px) 0 #000, calc(0px) calc(-1px) 0 #000, calc(0.195090322px) calc(-0.9807852804px) 0 #000, calc(0.3826834324px) calc(-0.9238795325px) 0 #000, calc(0.555570233px) calc(-0.8314696123px) 0 #000, calc(0.7071067812px) calc(-0.7071067812px) 0 #000, calc(0.8314696123px) calc(-0.555570233px) 0 #000, calc(0.9238795325px) calc(-0.3826834324px) 0 #000, calc(0.9807852804px) calc(-0.195090322px) 0 #000; } code { white-space: preserve; line-height: 1; padding-block: 1px; display: inline-flex; } #query-monitor-main code { display: initial; } .access-restricted #et-main-area { background-color: white; } .access-restricted #et-main-area #main-content { margin: 30px; } .access-restricted #et-main-area footer.et-l.et-l--footer { margin-top: 0 !important; } #page-container .membership-id, #content .membership-id, #site-content .membership-id { padding: 0; margin: 0; } #page-container .membership-id th, #page-container .membership-id td, #content .membership-id th, #content .membership-id td, #site-content .membership-id th, #site-content .membership-id td { padding: 5px 10px; margin: 0; } blockquote { font-style: italic; text-align: center; } q[data-wrap] { --q-before: "("; --q-after: ")"; position: relative; padding-inline: 0.7ch; display: inline-block; } q[data-wrap]::before { content: var(--q-before); position: absolute; left: 0; } q[data-wrap]::after { content: var(--q-after); position: relative; left: 0.3ch; } ul.fl-builder-node-outline li { max-width: 100%; } #wpadminbar, #wp-admin-bar-root-default, .header, .footer { max-width: 100vw; } #wpadminbar { height: min-content; } .notes { font-size: small; font-style: italic; } .notes ol { counter-reset: list-counter; list-style: none; padding: 0px; margin: 0; } .notes li { counter-increment: list-counter; position: relative; margin-left: 1em !important; margin-block: 5px; padding-left: 1em !important; line-height: 1.1; } .notes li::before { content: counter(list-counter) "."; position: absolute; left: 0; font-size: smaller; vertical-align: super; } a.subtle { --subtle-color: color-mix(in hsl, var(--col-base), currentColor 75%); color: var(--subtle-color); text-decoration: underline dotted 1px var(--subtle-color); } .address:has(> li) { list-style-type: none; margin: 0; padding: 0; line-height: 1; } .address:has(> li) li { line-height: 1; padding: 0; margin: 0; } @media screen and (max-width: 500px) { .fl-module-box > .fl-module-box { max-width: 100%; } } /*#endregion General */ /*##################################################### */ /*##################################################### */ /*#region Sidebar */ .ignition-site-layout-sidebar_content { --sidebar_width: clamp(200px, 15vw, 400px); --padding-main: 30px; } .ignition-site-layout-sidebar_content .page-wrap { min-width: 100%; max-width: 100vw; } .ignition-site-layout-sidebar_content #main-sidebar-content-wrapper { display: grid; grid-template-columns: var(--sidebar_width) 1fr var(--sidebar_width); max-width: 100vw; min-width: 100%; justify-items: center; } .ignition-site-layout-sidebar_content #main-sidebar-content-wrapper > :not(#the-sidebar) { grid-column: 2; max-width: calc(100% - var(--sidebar_width)); padding-left: 0; } .ignition-site-layout-sidebar_content #main-sidebar-content-wrapper #the-sidebar { grid-column: 1; grid-row-start: 1; grid-row-end: 999; width: var(--sidebar_width); position: relative; } .ignition-site-layout-sidebar_content #main-sidebar-content-wrapper #the-sidebar > div { position: relative; max-width: 100%; padding-block: var(--padding-main); background-color: #d7e5e2; box-shadow: 2px 0 3px rgba(17, 17, 17, 0.2); overflow: hidden; height: 100%; } .ignition-site-layout-sidebar_content #main-sidebar-content-wrapper #the-sidebar .sidebar { height: 100%; display: flex; flex-flow: column nowrap; } .ignition-site-layout-sidebar_content #main-sidebar-content-wrapper #the-sidebar .sidebar > :has(#twitter-sidebar) { flex: 1; } .ignition-site-layout-sidebar_content #main-sidebar-content-wrapper #the-sidebar .sidebar p:empty { display: none; } .ignition-site-layout-sidebar_content #main-sidebar-content-wrapper .ignition-breadcrumbs { padding-block: 7px; margin-block: 0 14px; height: fit-content; } .ignition-site-layout-sidebar_content #main-sidebar-content-wrapper main.main { --padding-main: 0 30px; padding-block: var(--padding-main); } .ignition-site-layout-sidebar_content main.main { padding-block: var(--padding-main); } .ignition-site-layout-sidebar_content main.main > .container { grid-area: content; max-width: calc(100vw - var(--sidebar_width)); } .ignition-site-layout-sidebar_content main.main > .container > .row.has-sidebar { display: block; margin-inline: 0; } .ignition-site-layout-sidebar_content main.main > .container > .row.has-sidebar > #site-content { width: 100%; max-width: 100%; padding: 0 0 30px; } @media screen and (max-width: 992px) { .ignition-site-layout-sidebar_content #the-sidebar { display: none; } } @media screen and (max-width: 992px) { :root { --sidebar_width: 0 !important; --padding-main: 0 !important; } html { min-width: min-content; margin-top: 0 !important; } html #wpadminbar { min-width: min-content; width: 100vw; } html #wpadminbar #wp-toolbar { display: flex; min-width: max-content; width: 100vw; } html .admin-bar .head-mast.sticky-fixed { top: 0 !important; } .head-mast { width: 100% !important; } a.mobile-nav-trigger:has(.ignition-icons) { font-size: 0; padding: 5px 10px; } a.mobile-nav-trigger:has(.ignition-icons) .ignition-icons { font-size: initial; } .site-branding:has(.custom-logo) .custom-logo { height: 50px; } .site-branding:has(.custom-logo) .site-logo { display: none; } body :not(.text-outline) { line-height: 1.1; } .cta:last-child { margin-bottom: 0; } .page-hero-content .page-hero-subtitle { display: none; } .section-pre-main.page-breadcrumb, .ignition-site-layout-sidebar_content #main-sidebar-content-wrapper, main.main { grid-template-columns: 0 1fr 0; max-width: 100%; padding: 0; } .section-pre-main.page-breadcrumb > .container, .section-pre-main.page-breadcrumb > .main, .ignition-site-layout-sidebar_content #main-sidebar-content-wrapper > .container, .ignition-site-layout-sidebar_content #main-sidebar-content-wrapper > .main, main.main > .container, main.main > .main { max-width: 100vw !important; min-width: 100%; } .section-pre-main.page-breadcrumb .wp-block-cover, .ignition-site-layout-sidebar_content #main-sidebar-content-wrapper .wp-block-cover, main.main .wp-block-cover { padding: 10px; } .section-pre-main.page-breadcrumb .wp-block-cover-image, .ignition-site-layout-sidebar_content #main-sidebar-content-wrapper .wp-block-cover-image, main.main .wp-block-cover-image { padding: 0; } .section-pre-main.page-breadcrumb .wp-block-buttons, .ignition-site-layout-sidebar_content #main-sidebar-content-wrapper .wp-block-buttons, main.main .wp-block-buttons { display: flex; flex-wrap: wrap; gap: 5px; justify-content: space-around; } .section-pre-main.page-breadcrumb .wp-block-heading, .ignition-site-layout-sidebar_content #main-sidebar-content-wrapper .wp-block-heading, main.main .wp-block-heading { font-size: 1.4rem; line-height: 1; margin-bottom: 10px; } .section-pre-main.page-breadcrumb h1, .ignition-site-layout-sidebar_content #main-sidebar-content-wrapper h1, main.main h1 { font-size: 2rem; } .section-pre-main.page-breadcrumb h2, .ignition-site-layout-sidebar_content #main-sidebar-content-wrapper h2, main.main h2 { font-size: 1.4rem; } .section-pre-main.page-breadcrumb h3, .ignition-site-layout-sidebar_content #main-sidebar-content-wrapper h3, main.main h3 { font-size: 1.2rem; } .section-pre-main.page-breadcrumb h4, .ignition-site-layout-sidebar_content #main-sidebar-content-wrapper h4, main.main h4 { font-size: 1.1rem; } .section-pre-main.page-breadcrumb .fl-row-content-wrap, .ignition-site-layout-sidebar_content #main-sidebar-content-wrapper .fl-row-content-wrap, main.main .fl-row-content-wrap { padding: 0; } .section-pre-main.page-breadcrumb .fl-module-content, .ignition-site-layout-sidebar_content #main-sidebar-content-wrapper .fl-module-content, main.main .fl-module-content { margin: 10px; } .section-pre-main.page-breadcrumb .fl-row:not(:first-child) .fl-rich-text .fl-module-content, .ignition-site-layout-sidebar_content #main-sidebar-content-wrapper .fl-row:not(:first-child) .fl-rich-text .fl-module-content, main.main .fl-row:not(:first-child) .fl-rich-text .fl-module-content { margin-top: 0; } } /*#endregion Sidebar */ /*##################################################### */ .wpforms-container .wpforms-form div.info, #main .et-boc div.info, div.info { --status_color: hsl(220deg 100% 70%); } .wpforms-container .wpforms-form div.error, #main .et-boc div.error, div.error { --status_color: hsl( 0deg 60% 45%); } .wpforms-container .wpforms-form div.warning, #main .et-boc div.warning, div.warning { --status_color: hsl( 50deg 100% 40%); } .wpforms-container .wpforms-form div.success, #main .et-boc div.success, div.success { --status_color: hsl(135deg 60% 30%); } .wpforms-container .wpforms-form div.notice, .wpforms-container .wpforms-form div.info, .wpforms-container .wpforms-form div.warning, .wpforms-container .wpforms-form div.error, .wpforms-container .wpforms-form div.success, #main .et-boc div.notice, #main .et-boc div.info, #main .et-boc div.warning, #main .et-boc div.error, #main .et-boc div.success, div.notice, div.info, div.warning, div.error, div.success { background-color: #fff; border: 1px solid hsl(225, 3%, 77%); border-left: 4px solid var(--status_color, hsl(225, 3%, 65%)); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); line-height: 1.2; margin: 5px 15px 2px; max-width: 100%; padding-block: 8px; padding-inline: 12px 36px; width: fit-content; } td .wpforms-container .wpforms-form div.notice, td .wpforms-container .wpforms-form div.info, td .wpforms-container .wpforms-form div.warning, td .wpforms-container .wpforms-form div.error, td .wpforms-container .wpforms-form div.success, td #main .et-boc div.notice, td #main .et-boc div.info, td #main .et-boc div.warning, td #main .et-boc div.error, td #main .et-boc div.success, td div.notice, td div.info, td div.warning, td div.error, td div.success { margin: 0; } .wpforms-container .wpforms-form div.notice > :first-child, .wpforms-container .wpforms-form div.info > :first-child, .wpforms-container .wpforms-form div.warning > :first-child, .wpforms-container .wpforms-form div.error > :first-child, .wpforms-container .wpforms-form div.success > :first-child, #main .et-boc div.notice > :first-child, #main .et-boc div.info > :first-child, #main .et-boc div.warning > :first-child, #main .et-boc div.error > :first-child, #main .et-boc div.success > :first-child, div.notice > :first-child, div.info > :first-child, div.warning > :first-child, div.error > :first-child, div.success > :first-child { color: var(--status_color, hsl(225, 3%, 65%)); font-size: 1.14em; font-weight: bold; margin: 0; } .wpforms-container .wpforms-form div.notice > .fas, .wpforms-container .wpforms-form div.info > .fas, .wpforms-container .wpforms-form div.warning > .fas, .wpforms-container .wpforms-form div.error > .fas, .wpforms-container .wpforms-form div.success > .fas, #main .et-boc div.notice > .fas, #main .et-boc div.info > .fas, #main .et-boc div.warning > .fas, #main .et-boc div.error > .fas, #main .et-boc div.success > .fas, div.notice > .fas, div.info > .fas, div.warning > .fas, div.error > .fas, div.success > .fas { margin-right: 1ch; } .wpforms-container .wpforms-form div.notice p, .wpforms-container .wpforms-form div.info p, .wpforms-container .wpforms-form div.warning p, .wpforms-container .wpforms-form div.error p, .wpforms-container .wpforms-form div.success p, #main .et-boc div.notice p, #main .et-boc div.info p, #main .et-boc div.warning p, #main .et-boc div.error p, #main .et-boc div.success p, div.notice p, div.info p, div.warning p, div.error p, div.success p { margin: 0; } /*#endregion NoticesAndStatusMessages */ /*##################################################### */ /*##################################################### */ /*#region Cards */ :not(.wgs-countdown) > .cards { display: flex; flex-wrap: wrap; gap: 1rem; padding: 1rem; } .card { background: #fff; border: 1px solid #ddd; border-radius: 0.5rem; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); display: flex; flex: 1 1 300px; flex-direction: column; height: 100%; margin-inline: auto; max-width: 700px; padding: 1rem; transition: transform 0.2s; position: relative; } .card:hover { transform: translateY(-4px); } .card h4 { font-size: 1.2rem; margin-bottom: 0.5rem; margin-top: 0; } .card p:not(:last-child), .card ul:not(:last-child) { line-height: 1.5; margin-bottom: 0.5rem; } .card a { color: #007acc; text-decoration: none; } .card a:hover { text-decoration: underline; } /*#endregion Cards */ /*##################################################### */ /*##################################################### */ /*#region LightBox */ .lightbox { position: relative; padding: 30px; text-align: center; display: block; } .lightbox::before { background-color: #777; content: ""; position: absolute; inset: 0px -100vw 0 -100vw; z-index: 0; box-shadow: inset 0 0 20px 2px black; transition: 0.2s background-color; } .lightbox > * { position: relative; z-index: 2; } .lightbox:has(img:hover)::before { background-color: #555; } .lightbox:has(img:hover) figcaption { top: 5px; } .lightbox figcaption { font-size: 130%; padding-top: 10px; font-weight: bold; color: white; top: 0; transition: top 0.3s ease-out; } .lightbox img { box-shadow: 0px 2px 6px black; border-radius: 3px; transition: 0.3s scale ease-out; max-width: 100%; max-height: 100%; cursor: default; } .lightbox img:hover { scale: 1.02; } /*#endregion LightBox */ /*##################################################### */ /*##################################################### */ /*#region CallToAction */ .cta { align-items: center; display: flex; flex-direction: column; gap: 10px; justify-content: center; line-height: 1.3; background-color: var(--col-lightest); border: solid 2px var(--col-base); border-radius: 2px; box-shadow: 0px 0px 2px var(--col-darker); color: var(--col-dark); padding: 20px; margin: 20px auto; page-break-inside: avoid; min-width: 20em; } @media (max-width: 992px) { .cta { max-width: 100%; min-width: 100%; padding: 10px; } } .cta.wide { max-width: 100%; width: 100%; } .cta:not(.wide) { width: 50%; max-width: max-content; } @media (max-width: 992px) { .cta, .cta.wide, .cta:not(.wide) { max-width: 100%; padding: 10px; } } .cta h3, .cta h4, .cta h5, .cta p { margin: 0; padding: 0; line-height: 1.2; } .cta .cta-btn { font-size: 105%; height: fit-content; justify-content: space-between; page-break-inside: avoid; } @media (max-width: 400px) { .cta .cta-btn { max-width: 100%; } } .cta .cta-header { font-weight: bold; margin: 0; text-align: center; color: var(--col-base) !important; } .cta .cta-content { display: flex; flex-direction: column; max-width: 100%; align-items: center; gap: 10px 20px; } .cta .cta-content .btn:has(.inline-grid), .cta .cta-content .btn-outline:has(.inline-grid), .cta .cta-content .btn-inline:has(.inline-grid), .cta .cta-content .btn-block:has(.inline-grid) { padding-right: 10px !important; } .cta .cta-content .btn .grid, .cta .cta-content .btn-outline .grid, .cta .cta-content .btn-outline .inline-grid, .cta .cta-content .btn-inline .grid, .cta .cta-content .btn-inline .inline-grid, .cta .cta-content .btn-block .grid, .cta .cta-content .btn-block .inline-grid, .cta .cta-content .btn .inline-grid { grid-template-columns: 1fr; gap: 0; text-align: left; padding-right: 10px; } .cta .cta-content .grid, .cta .cta-content.grid, .cta .cta-content .inline-grid, .cta .cta-content.inline-grid { grid-template-columns: auto auto; align-items: center; gap: 10px 20px; max-width: 100%; min-width: unset; } .cta .cta-content .grid .aside:has(.grid, .inline-grid), .cta .cta-content .grid aside:has(.grid, .inline-grid), .cta .cta-content.grid .aside:has(.grid, .inline-grid), .cta .cta-content.grid aside:has(.grid, .inline-grid), .cta .cta-content .inline-grid .aside:has(.grid, .inline-grid), .cta .cta-content .inline-grid aside:has(.grid, .inline-grid), .cta .cta-content.inline-grid .aside:has(.grid, .inline-grid), .cta .cta-content.inline-grid aside:has(.grid, .inline-grid) { min-width: 35%; } @media (max-width: 992px) { .cta .cta-content .grid, .cta .cta-content.grid, .cta .cta-content .inline-grid, .cta .cta-content.inline-grid { display: flex; flex-direction: row; flex-wrap: wrap; margin-block: 10px; justify-content: center; } .cta .cta-content .grid .aside, .cta .cta-content .grid aside, .cta .cta-content.grid .aside, .cta .cta-content.grid aside, .cta .cta-content .inline-grid .aside, .cta .cta-content .inline-grid aside, .cta .cta-content.inline-grid .aside, .cta .cta-content.inline-grid aside { width: 100%; } .cta .cta-content .grid > div:not(:last-child), .cta .cta-content.grid > div:not(:last-child), .cta .cta-content .inline-grid > div:not(:last-child), .cta .cta-content.inline-grid > div:not(:last-child) { padding-bottom: 10px; border-bottom: 1px solid gray; } .cta .cta-content .grid a.cta-btn, .cta .cta-content.grid a.cta-btn, .cta .cta-content .inline-grid a.cta-btn, .cta .cta-content.inline-grid a.cta-btn { flex: 1; min-width: fit-content; } } .cta .cta-content .grid > :nth-child(n+3), .cta .cta-content.grid > :nth-child(n+3), .cta .cta-content .inline-grid > :nth-child(n+3), .cta .cta-content.inline-grid > :nth-child(n+3) { grid-column: 1/-1; width: 100%; } .cta .cta-content .grid .cta-btn, .cta .cta-content.grid .cta-btn, .cta .cta-content .inline-grid .cta-btn, .cta .cta-content.inline-grid .cta-btn { margin-block: 0; } .cta .cta-content .flex, .cta .cta-content .inline-flex, .cta .cta-content .flex-block, .cta .cta-content .flex-inline, .cta .cta-content .flex-wrap, .cta .cta-content .flex-col, .cta .cta-content .flex-no-gap, .cta .cta-content.flex, .cta .cta-content.inline-flex, .cta .cta-content.flex-block, .cta .cta-content.flex-inline, .cta .cta-content.flex-wrap, .cta .cta-content.flex-col, .cta .cta-content.flex-no-gap { flex-direction: row; align-items: center; justify-content: center; gap: 10px 20px; width: 100%; flex-wrap: wrap; } .cta .cta-content .flex > .aside, .cta .cta-content .inline-flex > .aside, .cta .cta-content .flex-block > .aside, .cta .cta-content .flex-inline > .aside, .cta .cta-content .flex-wrap > .aside, .cta .cta-content .flex-col > .aside, .cta .cta-content .flex-no-gap > .aside, .cta .cta-content.flex > .aside, .cta .cta-content.inline-flex > .aside, .cta .cta-content.flex-block > .aside, .cta .cta-content.flex-inline > .aside, .cta .cta-content.flex-wrap > .aside, .cta .cta-content.flex-col > .aside, .cta .cta-content.flex-no-gap > .aside { flex: calc(50% - 40px); } .cta .cta-content .flex .flex, .cta .cta-content .inline-flex .flex, .cta .cta-content .flex .inline-flex, .cta .cta-content .inline-flex .inline-flex, .cta .cta-content .flex-block .flex, .cta .cta-content .flex-block .inline-flex, .cta .cta-content .flex .flex-block, .cta .cta-content .inline-flex .flex-block, .cta .cta-content .flex-block .flex-block, .cta .cta-content .flex-inline .flex, .cta .cta-content .flex-inline .inline-flex, .cta .cta-content .flex-inline .flex-block, .cta .cta-content .flex .flex-inline, .cta .cta-content .inline-flex .flex-inline, .cta .cta-content .flex-block .flex-inline, .cta .cta-content .flex-inline .flex-inline, .cta .cta-content .flex-wrap .flex, .cta .cta-content .flex-wrap .inline-flex, .cta .cta-content .flex-wrap .flex-block, .cta .cta-content .flex-wrap .flex-inline, .cta .cta-content .flex .flex-wrap, .cta .cta-content .inline-flex .flex-wrap, .cta .cta-content .flex-block .flex-wrap, .cta .cta-content .flex-inline .flex-wrap, .cta .cta-content .flex-wrap .flex-wrap, .cta .cta-content .flex-col .flex, .cta .cta-content .flex-col .inline-flex, .cta .cta-content .flex-col .flex-block, .cta .cta-content .flex-col .flex-inline, .cta .cta-content .flex-col .flex-wrap, .cta .cta-content .flex .flex-col, .cta .cta-content .inline-flex .flex-col, .cta .cta-content .flex-block .flex-col, .cta .cta-content .flex-inline .flex-col, .cta .cta-content .flex-wrap .flex-col, .cta .cta-content .flex-col .flex-col, .cta .cta-content .flex-no-gap .flex, .cta .cta-content .flex-no-gap .inline-flex, .cta .cta-content .flex-no-gap .flex-block, .cta .cta-content .flex-no-gap .flex-inline, .cta .cta-content .flex-no-gap .flex-wrap, .cta .cta-content .flex-no-gap .flex-col, .cta .cta-content .flex .flex-no-gap, .cta .cta-content .inline-flex .flex-no-gap, .cta .cta-content .flex-block .flex-no-gap, .cta .cta-content .flex-inline .flex-no-gap, .cta .cta-content .flex-wrap .flex-no-gap, .cta .cta-content .flex-col .flex-no-gap, .cta .cta-content .flex-no-gap .flex-no-gap, .cta .cta-content.flex .flex, .cta .cta-content.inline-flex .flex, .cta .cta-content.flex .inline-flex, .cta .cta-content.inline-flex .inline-flex, .cta .cta-content.flex-block .flex, .cta .cta-content.flex-block .inline-flex, .cta .cta-content.flex .flex-block, .cta .cta-content.inline-flex .flex-block, .cta .cta-content.flex-block .flex-block, .cta .cta-content.flex-inline .flex, .cta .cta-content.flex-inline .inline-flex, .cta .cta-content.flex-inline .flex-block, .cta .cta-content.flex .flex-inline, .cta .cta-content.inline-flex .flex-inline, .cta .cta-content.flex-block .flex-inline, .cta .cta-content.flex-inline .flex-inline, .cta .cta-content.flex-wrap .flex, .cta .cta-content.flex-wrap .inline-flex, .cta .cta-content.flex-wrap .flex-block, .cta .cta-content.flex-wrap .flex-inline, .cta .cta-content.flex .flex-wrap, .cta .cta-content.inline-flex .flex-wrap, .cta .cta-content.flex-block .flex-wrap, .cta .cta-content.flex-inline .flex-wrap, .cta .cta-content.flex-wrap .flex-wrap, .cta .cta-content.flex-col .flex, .cta .cta-content.flex-col .inline-flex, .cta .cta-content.flex-col .flex-block, .cta .cta-content.flex-col .flex-inline, .cta .cta-content.flex-col .flex-wrap, .cta .cta-content.flex .flex-col, .cta .cta-content.inline-flex .flex-col, .cta .cta-content.flex-block .flex-col, .cta .cta-content.flex-inline .flex-col, .cta .cta-content.flex-wrap .flex-col, .cta .cta-content.flex-col .flex-col, .cta .cta-content.flex-no-gap .flex, .cta .cta-content.flex-no-gap .inline-flex, .cta .cta-content.flex-no-gap .flex-block, .cta .cta-content.flex-no-gap .flex-inline, .cta .cta-content.flex-no-gap .flex-wrap, .cta .cta-content.flex-no-gap .flex-col, .cta .cta-content.flex .flex-no-gap, .cta .cta-content.inline-flex .flex-no-gap, .cta .cta-content.flex-block .flex-no-gap, .cta .cta-content.flex-inline .flex-no-gap, .cta .cta-content.flex-wrap .flex-no-gap, .cta .cta-content.flex-col .flex-no-gap, .cta .cta-content.flex-no-gap .flex-no-gap { gap: 5px; align-items: center; justify-content: center; width: auto; margin: 1em auto; min-width: min-content; max-width: 100%; } .cta .cta-content .flex .flex > div, .cta .cta-content .inline-flex .flex > div, .cta .cta-content .flex .inline-flex > div, .cta .cta-content .inline-flex .inline-flex > div, .cta .cta-content .flex-block .flex > div, .cta .cta-content .flex-block .inline-flex > div, .cta .cta-content .flex .flex-block > div, .cta .cta-content .inline-flex .flex-block > div, .cta .cta-content .flex-block .flex-block > div, .cta .cta-content .flex-inline .flex > div, .cta .cta-content .flex-inline .inline-flex > div, .cta .cta-content .flex-inline .flex-block > div, .cta .cta-content .flex .flex-inline > div, .cta .cta-content .inline-flex .flex-inline > div, .cta .cta-content .flex-block .flex-inline > div, .cta .cta-content .flex-inline .flex-inline > div, .cta .cta-content .flex-wrap .flex > div, .cta .cta-content .flex-wrap .inline-flex > div, .cta .cta-content .flex-wrap .flex-block > div, .cta .cta-content .flex-wrap .flex-inline > div, .cta .cta-content .flex .flex-wrap > div, .cta .cta-content .inline-flex .flex-wrap > div, .cta .cta-content .flex-block .flex-wrap > div, .cta .cta-content .flex-inline .flex-wrap > div, .cta .cta-content .flex-wrap .flex-wrap > div, .cta .cta-content .flex-col .flex > div, .cta .cta-content .flex-col .inline-flex > div, .cta .cta-content .flex-col .flex-block > div, .cta .cta-content .flex-col .flex-inline > div, .cta .cta-content .flex-col .flex-wrap > div, .cta .cta-content .flex .flex-col > div, .cta .cta-content .inline-flex .flex-col > div, .cta .cta-content .flex-block .flex-col > div, .cta .cta-content .flex-inline .flex-col > div, .cta .cta-content .flex-wrap .flex-col > div, .cta .cta-content .flex-col .flex-col > div, .cta .cta-content .flex-no-gap .flex > div, .cta .cta-content .flex-no-gap .inline-flex > div, .cta .cta-content .flex-no-gap .flex-block > div, .cta .cta-content .flex-no-gap .flex-inline > div, .cta .cta-content .flex-no-gap .flex-wrap > div, .cta .cta-content .flex-no-gap .flex-col > div, .cta .cta-content .flex .flex-no-gap > div, .cta .cta-content .inline-flex .flex-no-gap > div, .cta .cta-content .flex-block .flex-no-gap > div, .cta .cta-content .flex-inline .flex-no-gap > div, .cta .cta-content .flex-wrap .flex-no-gap > div, .cta .cta-content .flex-col .flex-no-gap > div, .cta .cta-content .flex-no-gap .flex-no-gap > div, .cta .cta-content.flex .flex > div, .cta .cta-content.inline-flex .flex > div, .cta .cta-content.flex .inline-flex > div, .cta .cta-content.inline-flex .inline-flex > div, .cta .cta-content.flex-block .flex > div, .cta .cta-content.flex-block .inline-flex > div, .cta .cta-content.flex .flex-block > div, .cta .cta-content.inline-flex .flex-block > div, .cta .cta-content.flex-block .flex-block > div, .cta .cta-content.flex-inline .flex > div, .cta .cta-content.flex-inline .inline-flex > div, .cta .cta-content.flex-inline .flex-block > div, .cta .cta-content.flex .flex-inline > div, .cta .cta-content.inline-flex .flex-inline > div, .cta .cta-content.flex-block .flex-inline > div, .cta .cta-content.flex-inline .flex-inline > div, .cta .cta-content.flex-wrap .flex > div, .cta .cta-content.flex-wrap .inline-flex > div, .cta .cta-content.flex-wrap .flex-block > div, .cta .cta-content.flex-wrap .flex-inline > div, .cta .cta-content.flex .flex-wrap > div, .cta .cta-content.inline-flex .flex-wrap > div, .cta .cta-content.flex-block .flex-wrap > div, .cta .cta-content.flex-inline .flex-wrap > div, .cta .cta-content.flex-wrap .flex-wrap > div, .cta .cta-content.flex-col .flex > div, .cta .cta-content.flex-col .inline-flex > div, .cta .cta-content.flex-col .flex-block > div, .cta .cta-content.flex-col .flex-inline > div, .cta .cta-content.flex-col .flex-wrap > div, .cta .cta-content.flex .flex-col > div, .cta .cta-content.inline-flex .flex-col > div, .cta .cta-content.flex-block .flex-col > div, .cta .cta-content.flex-inline .flex-col > div, .cta .cta-content.flex-wrap .flex-col > div, .cta .cta-content.flex-col .flex-col > div, .cta .cta-content.flex-no-gap .flex > div, .cta .cta-content.flex-no-gap .inline-flex > div, .cta .cta-content.flex-no-gap .flex-block > div, .cta .cta-content.flex-no-gap .flex-inline > div, .cta .cta-content.flex-no-gap .flex-wrap > div, .cta .cta-content.flex-no-gap .flex-col > div, .cta .cta-content.flex .flex-no-gap > div, .cta .cta-content.inline-flex .flex-no-gap > div, .cta .cta-content.flex-block .flex-no-gap > div, .cta .cta-content.flex-inline .flex-no-gap > div, .cta .cta-content.flex-wrap .flex-no-gap > div, .cta .cta-content.flex-col .flex-no-gap > div, .cta .cta-content.flex-no-gap .flex-no-gap > div { display: contents; width: 100%; max-width: 100%; } .cta .cta-content .flex .flex .btn, .cta .cta-content .inline-flex .flex .btn, .cta .cta-content .flex .inline-flex .btn, .cta .cta-content .inline-flex .inline-flex .btn, .cta .cta-content .flex-block .flex .btn, .cta .cta-content .flex-block .inline-flex .btn, .cta .cta-content .flex .flex-block .btn, .cta .cta-content .inline-flex .flex-block .btn, .cta .cta-content .flex-block .flex-block .btn, .cta .cta-content .flex-inline .flex .btn, .cta .cta-content .flex-inline .inline-flex .btn, .cta .cta-content .flex-inline .flex-block .btn, .cta .cta-content .flex .flex-inline .btn, .cta .cta-content .inline-flex .flex-inline .btn, .cta .cta-content .flex-block .flex-inline .btn, .cta .cta-content .flex-inline .flex-inline .btn, .cta .cta-content .flex-wrap .flex .btn, .cta .cta-content .flex-wrap .inline-flex .btn, .cta .cta-content .flex-wrap .flex-block .btn, .cta .cta-content .flex-wrap .flex-inline .btn, .cta .cta-content .flex .flex-wrap .btn, .cta .cta-content .inline-flex .flex-wrap .btn, .cta .cta-content .flex-block .flex-wrap .btn, .cta .cta-content .flex-inline .flex-wrap .btn, .cta .cta-content .flex-wrap .flex-wrap .btn, .cta .cta-content .flex-col .flex .btn, .cta .cta-content .flex-col .inline-flex .btn, .cta .cta-content .flex-col .flex-block .btn, .cta .cta-content .flex-col .flex-inline .btn, .cta .cta-content .flex-col .flex-wrap .btn, .cta .cta-content .flex .flex-col .btn, .cta .cta-content .inline-flex .flex-col .btn, .cta .cta-content .flex-block .flex-col .btn, .cta .cta-content .flex-inline .flex-col .btn, .cta .cta-content .flex-wrap .flex-col .btn, .cta .cta-content .flex-col .flex-col .btn, .cta .cta-content .flex-no-gap .flex .btn, .cta .cta-content .flex-no-gap .inline-flex .btn, .cta .cta-content .flex-no-gap .flex-block .btn, .cta .cta-content .flex-no-gap .flex-inline .btn, .cta .cta-content .flex-no-gap .flex-wrap .btn, .cta .cta-content .flex-no-gap .flex-col .btn, .cta .cta-content .flex .flex-no-gap .btn, .cta .cta-content .inline-flex .flex-no-gap .btn, .cta .cta-content .flex-block .flex-no-gap .btn, .cta .cta-content .flex-inline .flex-no-gap .btn, .cta .cta-content .flex-wrap .flex-no-gap .btn, .cta .cta-content .flex-col .flex-no-gap .btn, .cta .cta-content .flex-no-gap .flex-no-gap .btn, .cta .cta-content .flex .flex .btn-outline, .cta .cta-content .inline-flex .flex .btn-outline, .cta .cta-content .flex .inline-flex .btn-outline, .cta .cta-content .inline-flex .inline-flex .btn-outline, .cta .cta-content .flex-block .flex .btn-outline, .cta .cta-content .flex-block .inline-flex .btn-outline, .cta .cta-content .flex .flex-block .btn-outline, .cta .cta-content .inline-flex .flex-block .btn-outline, .cta .cta-content .flex-block .flex-block .btn-outline, .cta .cta-content .flex-inline .flex .btn-outline, .cta .cta-content .flex-inline .inline-flex .btn-outline, .cta .cta-content .flex-inline .flex-block .btn-outline, .cta .cta-content .flex .flex-inline .btn-outline, .cta .cta-content .inline-flex .flex-inline .btn-outline, .cta .cta-content .flex-block .flex-inline .btn-outline, .cta .cta-content .flex-inline .flex-inline .btn-outline, .cta .cta-content .flex-wrap .flex .btn-outline, .cta .cta-content .flex-wrap .inline-flex .btn-outline, .cta .cta-content .flex-wrap .flex-block .btn-outline, .cta .cta-content .flex-wrap .flex-inline .btn-outline, .cta .cta-content .flex .flex-wrap .btn-outline, .cta .cta-content .inline-flex .flex-wrap .btn-outline, .cta .cta-content .flex-block .flex-wrap .btn-outline, .cta .cta-content .flex-inline .flex-wrap .btn-outline, .cta .cta-content .flex-wrap .flex-wrap .btn-outline, .cta .cta-content .flex-col .flex .btn-outline, .cta .cta-content .flex-col .inline-flex .btn-outline, .cta .cta-content .flex-col .flex-block .btn-outline, .cta .cta-content .flex-col .flex-inline .btn-outline, .cta .cta-content .flex-col .flex-wrap .btn-outline, .cta .cta-content .flex .flex-col .btn-outline, .cta .cta-content .inline-flex .flex-col .btn-outline, .cta .cta-content .flex-block .flex-col .btn-outline, .cta .cta-content .flex-inline .flex-col .btn-outline, .cta .cta-content .flex-wrap .flex-col .btn-outline, .cta .cta-content .flex-col .flex-col .btn-outline, .cta .cta-content .flex-no-gap .flex .btn-outline, .cta .cta-content .flex-no-gap .inline-flex .btn-outline, .cta .cta-content .flex-no-gap .flex-block .btn-outline, .cta .cta-content .flex-no-gap .flex-inline .btn-outline, .cta .cta-content .flex-no-gap .flex-wrap .btn-outline, .cta .cta-content .flex-no-gap .flex-col .btn-outline, .cta .cta-content .flex .flex-no-gap .btn-outline, .cta .cta-content .inline-flex .flex-no-gap .btn-outline, .cta .cta-content .flex-block .flex-no-gap .btn-outline, .cta .cta-content .flex-inline .flex-no-gap .btn-outline, .cta .cta-content .flex-wrap .flex-no-gap .btn-outline, .cta .cta-content .flex-col .flex-no-gap .btn-outline, .cta .cta-content .flex-no-gap .flex-no-gap .btn-outline, .cta .cta-content .flex .flex .btn-inline, .cta .cta-content .inline-flex .flex .btn-inline, .cta .cta-content .flex .inline-flex .btn-inline, .cta .cta-content .inline-flex .inline-flex .btn-inline, .cta .cta-content .flex-block .flex .btn-inline, .cta .cta-content .flex-block .inline-flex .btn-inline, .cta .cta-content .flex .flex-block .btn-inline, .cta .cta-content .inline-flex .flex-block .btn-inline, .cta .cta-content .flex-block .flex-block .btn-inline, .cta .cta-content .flex-inline .flex .btn-inline, .cta .cta-content .flex-inline .inline-flex .btn-inline, .cta .cta-content .flex-inline .flex-block .btn-inline, .cta .cta-content .flex .flex-inline .btn-inline, .cta .cta-content .inline-flex .flex-inline .btn-inline, .cta .cta-content .flex-block .flex-inline .btn-inline, .cta .cta-content .flex-inline .flex-inline .btn-inline, .cta .cta-content .flex-wrap .flex .btn-inline, .cta .cta-content .flex-wrap .inline-flex .btn-inline, .cta .cta-content .flex-wrap .flex-block .btn-inline, .cta .cta-content .flex-wrap .flex-inline .btn-inline, .cta .cta-content .flex .flex-wrap .btn-inline, .cta .cta-content .inline-flex .flex-wrap .btn-inline, .cta .cta-content .flex-block .flex-wrap .btn-inline, .cta .cta-content .flex-inline .flex-wrap .btn-inline, .cta .cta-content .flex-wrap .flex-wrap .btn-inline, .cta .cta-content .flex-col .flex .btn-inline, .cta .cta-content .flex-col .inline-flex .btn-inline, .cta .cta-content .flex-col .flex-block .btn-inline, .cta .cta-content .flex-col .flex-inline .btn-inline, .cta .cta-content .flex-col .flex-wrap .btn-inline, .cta .cta-content .flex .flex-col .btn-inline, .cta .cta-content .inline-flex .flex-col .btn-inline, .cta .cta-content .flex-block .flex-col .btn-inline, .cta .cta-content .flex-inline .flex-col .btn-inline, .cta .cta-content .flex-wrap .flex-col .btn-inline, .cta .cta-content .flex-col .flex-col .btn-inline, .cta .cta-content .flex-no-gap .flex .btn-inline, .cta .cta-content .flex-no-gap .inline-flex .btn-inline, .cta .cta-content .flex-no-gap .flex-block .btn-inline, .cta .cta-content .flex-no-gap .flex-inline .btn-inline, .cta .cta-content .flex-no-gap .flex-wrap .btn-inline, .cta .cta-content .flex-no-gap .flex-col .btn-inline, .cta .cta-content .flex .flex-no-gap .btn-inline, .cta .cta-content .inline-flex .flex-no-gap .btn-inline, .cta .cta-content .flex-block .flex-no-gap .btn-inline, .cta .cta-content .flex-inline .flex-no-gap .btn-inline, .cta .cta-content .flex-wrap .flex-no-gap .btn-inline, .cta .cta-content .flex-col .flex-no-gap .btn-inline, .cta .cta-content .flex-no-gap .flex-no-gap .btn-inline, .cta .cta-content .flex .flex .btn-block, .cta .cta-content .inline-flex .flex .btn-block, .cta .cta-content .flex .inline-flex .btn-block, .cta .cta-content .inline-flex .inline-flex .btn-block, .cta .cta-content .flex-block .flex .btn-block, .cta .cta-content .flex-block .inline-flex .btn-block, .cta .cta-content .flex .flex-block .btn-block, .cta .cta-content .inline-flex .flex-block .btn-block, .cta .cta-content .flex-block .flex-block .btn-block, .cta .cta-content .flex-inline .flex .btn-block, .cta .cta-content .flex-inline .inline-flex .btn-block, .cta .cta-content .flex-inline .flex-block .btn-block, .cta .cta-content .flex .flex-inline .btn-block, .cta .cta-content .inline-flex .flex-inline .btn-block, .cta .cta-content .flex-block .flex-inline .btn-block, .cta .cta-content .flex-inline .flex-inline .btn-block, .cta .cta-content .flex-wrap .flex .btn-block, .cta .cta-content .flex-wrap .inline-flex .btn-block, .cta .cta-content .flex-wrap .flex-block .btn-block, .cta .cta-content .flex-wrap .flex-inline .btn-block, .cta .cta-content .flex .flex-wrap .btn-block, .cta .cta-content .inline-flex .flex-wrap .btn-block, .cta .cta-content .flex-block .flex-wrap .btn-block, .cta .cta-content .flex-inline .flex-wrap .btn-block, .cta .cta-content .flex-wrap .flex-wrap .btn-block, .cta .cta-content .flex-col .flex .btn-block, .cta .cta-content .flex-col .inline-flex .btn-block, .cta .cta-content .flex-col .flex-block .btn-block, .cta .cta-content .flex-col .flex-inline .btn-block, .cta .cta-content .flex-col .flex-wrap .btn-block, .cta .cta-content .flex .flex-col .btn-block, .cta .cta-content .inline-flex .flex-col .btn-block, .cta .cta-content .flex-block .flex-col .btn-block, .cta .cta-content .flex-inline .flex-col .btn-block, .cta .cta-content .flex-wrap .flex-col .btn-block, .cta .cta-content .flex-col .flex-col .btn-block, .cta .cta-content .flex-no-gap .flex .btn-block, .cta .cta-content .flex-no-gap .inline-flex .btn-block, .cta .cta-content .flex-no-gap .flex-block .btn-block, .cta .cta-content .flex-no-gap .flex-inline .btn-block, .cta .cta-content .flex-no-gap .flex-wrap .btn-block, .cta .cta-content .flex-no-gap .flex-col .btn-block, .cta .cta-content .flex .flex-no-gap .btn-block, .cta .cta-content .inline-flex .flex-no-gap .btn-block, .cta .cta-content .flex-block .flex-no-gap .btn-block, .cta .cta-content .flex-inline .flex-no-gap .btn-block, .cta .cta-content .flex-wrap .flex-no-gap .btn-block, .cta .cta-content .flex-col .flex-no-gap .btn-block, .cta .cta-content .flex-no-gap .flex-no-gap .btn-block, .cta .cta-content.flex .flex .btn, .cta .cta-content.inline-flex .flex .btn, .cta .cta-content.flex .inline-flex .btn, .cta .cta-content.inline-flex .inline-flex .btn, .cta .cta-content.flex-block .flex .btn, .cta .cta-content.flex-block .inline-flex .btn, .cta .cta-content.flex .flex-block .btn, .cta .cta-content.inline-flex .flex-block .btn, .cta .cta-content.flex-block .flex-block .btn, .cta .cta-content.flex-inline .flex .btn, .cta .cta-content.flex-inline .inline-flex .btn, .cta .cta-content.flex-inline .flex-block .btn, .cta .cta-content.flex .flex-inline .btn, .cta .cta-content.inline-flex .flex-inline .btn, .cta .cta-content.flex-block .flex-inline .btn, .cta .cta-content.flex-inline .flex-inline .btn, .cta .cta-content.flex-wrap .flex .btn, .cta .cta-content.flex-wrap .inline-flex .btn, .cta .cta-content.flex-wrap .flex-block .btn, .cta .cta-content.flex-wrap .flex-inline .btn, .cta .cta-content.flex .flex-wrap .btn, .cta .cta-content.inline-flex .flex-wrap .btn, .cta .cta-content.flex-block .flex-wrap .btn, .cta .cta-content.flex-inline .flex-wrap .btn, .cta .cta-content.flex-wrap .flex-wrap .btn, .cta .cta-content.flex-col .flex .btn, .cta .cta-content.flex-col .inline-flex .btn, .cta .cta-content.flex-col .flex-block .btn, .cta .cta-content.flex-col .flex-inline .btn, .cta .cta-content.flex-col .flex-wrap .btn, .cta .cta-content.flex .flex-col .btn, .cta .cta-content.inline-flex .flex-col .btn, .cta .cta-content.flex-block .flex-col .btn, .cta .cta-content.flex-inline .flex-col .btn, .cta .cta-content.flex-wrap .flex-col .btn, .cta .cta-content.flex-col .flex-col .btn, .cta .cta-content.flex-no-gap .flex .btn, .cta .cta-content.flex-no-gap .inline-flex .btn, .cta .cta-content.flex-no-gap .flex-block .btn, .cta .cta-content.flex-no-gap .flex-inline .btn, .cta .cta-content.flex-no-gap .flex-wrap .btn, .cta .cta-content.flex-no-gap .flex-col .btn, .cta .cta-content.flex .flex-no-gap .btn, .cta .cta-content.inline-flex .flex-no-gap .btn, .cta .cta-content.flex-block .flex-no-gap .btn, .cta .cta-content.flex-inline .flex-no-gap .btn, .cta .cta-content.flex-wrap .flex-no-gap .btn, .cta .cta-content.flex-col .flex-no-gap .btn, .cta .cta-content.flex-no-gap .flex-no-gap .btn, .cta .cta-content.flex .flex .btn-outline, .cta .cta-content.inline-flex .flex .btn-outline, .cta .cta-content.flex .inline-flex .btn-outline, .cta .cta-content.inline-flex .inline-flex .btn-outline, .cta .cta-content.flex-block .flex .btn-outline, .cta .cta-content.flex-block .inline-flex .btn-outline, .cta .cta-content.flex .flex-block .btn-outline, .cta .cta-content.inline-flex .flex-block .btn-outline, .cta .cta-content.flex-block .flex-block .btn-outline, .cta .cta-content.flex-inline .flex .btn-outline, .cta .cta-content.flex-inline .inline-flex .btn-outline, .cta .cta-content.flex-inline .flex-block .btn-outline, .cta .cta-content.flex .flex-inline .btn-outline, .cta .cta-content.inline-flex .flex-inline .btn-outline, .cta .cta-content.flex-block .flex-inline .btn-outline, .cta .cta-content.flex-inline .flex-inline .btn-outline, .cta .cta-content.flex-wrap .flex .btn-outline, .cta .cta-content.flex-wrap .inline-flex .btn-outline, .cta .cta-content.flex-wrap .flex-block .btn-outline, .cta .cta-content.flex-wrap .flex-inline .btn-outline, .cta .cta-content.flex .flex-wrap .btn-outline, .cta .cta-content.inline-flex .flex-wrap .btn-outline, .cta .cta-content.flex-block .flex-wrap .btn-outline, .cta .cta-content.flex-inline .flex-wrap .btn-outline, .cta .cta-content.flex-wrap .flex-wrap .btn-outline, .cta .cta-content.flex-col .flex .btn-outline, .cta .cta-content.flex-col .inline-flex .btn-outline, .cta .cta-content.flex-col .flex-block .btn-outline, .cta .cta-content.flex-col .flex-inline .btn-outline, .cta .cta-content.flex-col .flex-wrap .btn-outline, .cta .cta-content.flex .flex-col .btn-outline, .cta .cta-content.inline-flex .flex-col .btn-outline, .cta .cta-content.flex-block .flex-col .btn-outline, .cta .cta-content.flex-inline .flex-col .btn-outline, .cta .cta-content.flex-wrap .flex-col .btn-outline, .cta .cta-content.flex-col .flex-col .btn-outline, .cta .cta-content.flex-no-gap .flex .btn-outline, .cta .cta-content.flex-no-gap .inline-flex .btn-outline, .cta .cta-content.flex-no-gap .flex-block .btn-outline, .cta .cta-content.flex-no-gap .flex-inline .btn-outline, .cta .cta-content.flex-no-gap .flex-wrap .btn-outline, .cta .cta-content.flex-no-gap .flex-col .btn-outline, .cta .cta-content.flex .flex-no-gap .btn-outline, .cta .cta-content.inline-flex .flex-no-gap .btn-outline, .cta .cta-content.flex-block .flex-no-gap .btn-outline, .cta .cta-content.flex-inline .flex-no-gap .btn-outline, .cta .cta-content.flex-wrap .flex-no-gap .btn-outline, .cta .cta-content.flex-col .flex-no-gap .btn-outline, .cta .cta-content.flex-no-gap .flex-no-gap .btn-outline, .cta .cta-content.flex .flex .btn-inline, .cta .cta-content.inline-flex .flex .btn-inline, .cta .cta-content.flex .inline-flex .btn-inline, .cta .cta-content.inline-flex .inline-flex .btn-inline, .cta .cta-content.flex-block .flex .btn-inline, .cta .cta-content.flex-block .inline-flex .btn-inline, .cta .cta-content.flex .flex-block .btn-inline, .cta .cta-content.inline-flex .flex-block .btn-inline, .cta .cta-content.flex-block .flex-block .btn-inline, .cta .cta-content.flex-inline .flex .btn-inline, .cta .cta-content.flex-inline .inline-flex .btn-inline, .cta .cta-content.flex-inline .flex-block .btn-inline, .cta .cta-content.flex .flex-inline .btn-inline, .cta .cta-content.inline-flex .flex-inline .btn-inline, .cta .cta-content.flex-block .flex-inline .btn-inline, .cta .cta-content.flex-inline .flex-inline .btn-inline, .cta .cta-content.flex-wrap .flex .btn-inline, .cta .cta-content.flex-wrap .inline-flex .btn-inline, .cta .cta-content.flex-wrap .flex-block .btn-inline, .cta .cta-content.flex-wrap .flex-inline .btn-inline, .cta .cta-content.flex .flex-wrap .btn-inline, .cta .cta-content.inline-flex .flex-wrap .btn-inline, .cta .cta-content.flex-block .flex-wrap .btn-inline, .cta .cta-content.flex-inline .flex-wrap .btn-inline, .cta .cta-content.flex-wrap .flex-wrap .btn-inline, .cta .cta-content.flex-col .flex .btn-inline, .cta .cta-content.flex-col .inline-flex .btn-inline, .cta .cta-content.flex-col .flex-block .btn-inline, .cta .cta-content.flex-col .flex-inline .btn-inline, .cta .cta-content.flex-col .flex-wrap .btn-inline, .cta .cta-content.flex .flex-col .btn-inline, .cta .cta-content.inline-flex .flex-col .btn-inline, .cta .cta-content.flex-block .flex-col .btn-inline, .cta .cta-content.flex-inline .flex-col .btn-inline, .cta .cta-content.flex-wrap .flex-col .btn-inline, .cta .cta-content.flex-col .flex-col .btn-inline, .cta .cta-content.flex-no-gap .flex .btn-inline, .cta .cta-content.flex-no-gap .inline-flex .btn-inline, .cta .cta-content.flex-no-gap .flex-block .btn-inline, .cta .cta-content.flex-no-gap .flex-inline .btn-inline, .cta .cta-content.flex-no-gap .flex-wrap .btn-inline, .cta .cta-content.flex-no-gap .flex-col .btn-inline, .cta .cta-content.flex .flex-no-gap .btn-inline, .cta .cta-content.inline-flex .flex-no-gap .btn-inline, .cta .cta-content.flex-block .flex-no-gap .btn-inline, .cta .cta-content.flex-inline .flex-no-gap .btn-inline, .cta .cta-content.flex-wrap .flex-no-gap .btn-inline, .cta .cta-content.flex-col .flex-no-gap .btn-inline, .cta .cta-content.flex-no-gap .flex-no-gap .btn-inline, .cta .cta-content.flex .flex .btn-block, .cta .cta-content.inline-flex .flex .btn-block, .cta .cta-content.flex .inline-flex .btn-block, .cta .cta-content.inline-flex .inline-flex .btn-block, .cta .cta-content.flex-block .flex .btn-block, .cta .cta-content.flex-block .inline-flex .btn-block, .cta .cta-content.flex .flex-block .btn-block, .cta .cta-content.inline-flex .flex-block .btn-block, .cta .cta-content.flex-block .flex-block .btn-block, .cta .cta-content.flex-inline .flex .btn-block, .cta .cta-content.flex-inline .inline-flex .btn-block, .cta .cta-content.flex-inline .flex-block .btn-block, .cta .cta-content.flex .flex-inline .btn-block, .cta .cta-content.inline-flex .flex-inline .btn-block, .cta .cta-content.flex-block .flex-inline .btn-block, .cta .cta-content.flex-inline .flex-inline .btn-block, .cta .cta-content.flex-wrap .flex .btn-block, .cta .cta-content.flex-wrap .inline-flex .btn-block, .cta .cta-content.flex-wrap .flex-block .btn-block, .cta .cta-content.flex-wrap .flex-inline .btn-block, .cta .cta-content.flex .flex-wrap .btn-block, .cta .cta-content.inline-flex .flex-wrap .btn-block, .cta .cta-content.flex-block .flex-wrap .btn-block, .cta .cta-content.flex-inline .flex-wrap .btn-block, .cta .cta-content.flex-wrap .flex-wrap .btn-block, .cta .cta-content.flex-col .flex .btn-block, .cta .cta-content.flex-col .inline-flex .btn-block, .cta .cta-content.flex-col .flex-block .btn-block, .cta .cta-content.flex-col .flex-inline .btn-block, .cta .cta-content.flex-col .flex-wrap .btn-block, .cta .cta-content.flex .flex-col .btn-block, .cta .cta-content.inline-flex .flex-col .btn-block, .cta .cta-content.flex-block .flex-col .btn-block, .cta .cta-content.flex-inline .flex-col .btn-block, .cta .cta-content.flex-wrap .flex-col .btn-block, .cta .cta-content.flex-col .flex-col .btn-block, .cta .cta-content.flex-no-gap .flex .btn-block, .cta .cta-content.flex-no-gap .inline-flex .btn-block, .cta .cta-content.flex-no-gap .flex-block .btn-block, .cta .cta-content.flex-no-gap .flex-inline .btn-block, .cta .cta-content.flex-no-gap .flex-wrap .btn-block, .cta .cta-content.flex-no-gap .flex-col .btn-block, .cta .cta-content.flex .flex-no-gap .btn-block, .cta .cta-content.inline-flex .flex-no-gap .btn-block, .cta .cta-content.flex-block .flex-no-gap .btn-block, .cta .cta-content.flex-inline .flex-no-gap .btn-block, .cta .cta-content.flex-wrap .flex-no-gap .btn-block, .cta .cta-content.flex-col .flex-no-gap .btn-block, .cta .cta-content.flex-no-gap .flex-no-gap .btn-block { width: auto; justify-content: center; height: 100%; } @media only screen and (max-width: 992px) { .cta .cta-content .flex .flex, .cta .cta-content .inline-flex .flex, .cta .cta-content .flex .inline-flex, .cta .cta-content .inline-flex .inline-flex, .cta .cta-content .flex-block .flex, .cta .cta-content .flex-block .inline-flex, .cta .cta-content .flex .flex-block, .cta .cta-content .inline-flex .flex-block, .cta .cta-content .flex-block .flex-block, .cta .cta-content .flex-inline .flex, .cta .cta-content .flex-inline .inline-flex, .cta .cta-content .flex-inline .flex-block, .cta .cta-content .flex .flex-inline, .cta .cta-content .inline-flex .flex-inline, .cta .cta-content .flex-block .flex-inline, .cta .cta-content .flex-inline .flex-inline, .cta .cta-content .flex-wrap .flex, .cta .cta-content .flex-wrap .inline-flex, .cta .cta-content .flex-wrap .flex-block, .cta .cta-content .flex-wrap .flex-inline, .cta .cta-content .flex .flex-wrap, .cta .cta-content .inline-flex .flex-wrap, .cta .cta-content .flex-block .flex-wrap, .cta .cta-content .flex-inline .flex-wrap, .cta .cta-content .flex-wrap .flex-wrap, .cta .cta-content .flex-col .flex, .cta .cta-content .flex-col .inline-flex, .cta .cta-content .flex-col .flex-block, .cta .cta-content .flex-col .flex-inline, .cta .cta-content .flex-col .flex-wrap, .cta .cta-content .flex .flex-col, .cta .cta-content .inline-flex .flex-col, .cta .cta-content .flex-block .flex-col, .cta .cta-content .flex-inline .flex-col, .cta .cta-content .flex-wrap .flex-col, .cta .cta-content .flex-col .flex-col, .cta .cta-content .flex-no-gap .flex, .cta .cta-content .flex-no-gap .inline-flex, .cta .cta-content .flex-no-gap .flex-block, .cta .cta-content .flex-no-gap .flex-inline, .cta .cta-content .flex-no-gap .flex-wrap, .cta .cta-content .flex-no-gap .flex-col, .cta .cta-content .flex .flex-no-gap, .cta .cta-content .inline-flex .flex-no-gap, .cta .cta-content .flex-block .flex-no-gap, .cta .cta-content .flex-inline .flex-no-gap, .cta .cta-content .flex-wrap .flex-no-gap, .cta .cta-content .flex-col .flex-no-gap, .cta .cta-content .flex-no-gap .flex-no-gap, .cta .cta-content.flex .flex, .cta .cta-content.inline-flex .flex, .cta .cta-content.flex .inline-flex, .cta .cta-content.inline-flex .inline-flex, .cta .cta-content.flex-block .flex, .cta .cta-content.flex-block .inline-flex, .cta .cta-content.flex .flex-block, .cta .cta-content.inline-flex .flex-block, .cta .cta-content.flex-block .flex-block, .cta .cta-content.flex-inline .flex, .cta .cta-content.flex-inline .inline-flex, .cta .cta-content.flex-inline .flex-block, .cta .cta-content.flex .flex-inline, .cta .cta-content.inline-flex .flex-inline, .cta .cta-content.flex-block .flex-inline, .cta .cta-content.flex-inline .flex-inline, .cta .cta-content.flex-wrap .flex, .cta .cta-content.flex-wrap .inline-flex, .cta .cta-content.flex-wrap .flex-block, .cta .cta-content.flex-wrap .flex-inline, .cta .cta-content.flex .flex-wrap, .cta .cta-content.inline-flex .flex-wrap, .cta .cta-content.flex-block .flex-wrap, .cta .cta-content.flex-inline .flex-wrap, .cta .cta-content.flex-wrap .flex-wrap, .cta .cta-content.flex-col .flex, .cta .cta-content.flex-col .inline-flex, .cta .cta-content.flex-col .flex-block, .cta .cta-content.flex-col .flex-inline, .cta .cta-content.flex-col .flex-wrap, .cta .cta-content.flex .flex-col, .cta .cta-content.inline-flex .flex-col, .cta .cta-content.flex-block .flex-col, .cta .cta-content.flex-inline .flex-col, .cta .cta-content.flex-wrap .flex-col, .cta .cta-content.flex-col .flex-col, .cta .cta-content.flex-no-gap .flex, .cta .cta-content.flex-no-gap .inline-flex, .cta .cta-content.flex-no-gap .flex-block, .cta .cta-content.flex-no-gap .flex-inline, .cta .cta-content.flex-no-gap .flex-wrap, .cta .cta-content.flex-no-gap .flex-col, .cta .cta-content.flex .flex-no-gap, .cta .cta-content.inline-flex .flex-no-gap, .cta .cta-content.flex-block .flex-no-gap, .cta .cta-content.flex-inline .flex-no-gap, .cta .cta-content.flex-wrap .flex-no-gap, .cta .cta-content.flex-col .flex-no-gap, .cta .cta-content.flex-no-gap .flex-no-gap { flex-direction: column; } } .cta .cta-content .cta-btn { font-size: small; height: auto; padding-inline: 6px; margin-block: 10px; } .cta .cta-content ul { margin: 0; } .cta-row { display: flex; flex-wrap: wrap; justify-content: space-around; gap: 1.5rem; margin: 20px auto; } .cta-row > .cta { margin: unset; flex: 1 1 min-content; width: min-content; max-width: 100%; min-width: 20em; } @media screen and (max-width: 500px) { .cta-row > .cta { flex: 100%; } } .cta-row > .cta .cta-content { flex: 1; } .cta-row > .cta .cta-btn .btn, .cta-row > .cta .cta-btn .btn-outline, .cta-row > .cta .cta-btn .btn-inline, .cta-row > .cta .cta-btn .btn-block { min-height: 2.5em; } @media screen and (min-width: 992px) { .cta *, .cta-row > .cta * { line-height: 1; } } @media only screen and (max-width: 500px) { .cta .cta-header { word-break: break-word; overflow-wrap: break-word; } .cta .btn, .cta .btn-outline, .cta .btn-inline, .cta .btn-block { white-space: normal; width: fit-content; max-width: 100%; } } /*#endregion CallToAction */ /*##################################################### */ /*##################################################### */ /*#region Debugger */ .debug-drawer li { margin-top: 0 !important; margin-bottom: 0 !important; } /*#endregion Debugger */ /*##################################################### */ /*##################################################### */ /*#region FormattingClasses HTML classes to apply formats to generic elements */ q.block-quote { display: inline-block; font-style: italic; position: relative; padding-inline: 0.65ch; text-align: justify; margin-inline: 1ch; } q.block-quote::before { position: absolute; translate: -0.65ch 0; font-style: italic; } .loading *, .loading input, .loading .btn, .waiting *, .waiting input, .waiting .btn { cursor: wait; } .rounded { border-radius: 8px; } .modal { cursor: zoom-in; } .modal:hover { box-shadow: 0 0 10px 3px rgba(51, 51, 51, 0.6); } .maybe-pdf a { padding-left: 30px; } .full-width { width: 100%; } .center { align-items: center; margin: auto !important; } .align-justify { text-align: justify; } .align-center { text-align: center; align-items: center; } .btn, .btn-outline, .btn-inline, .btn-block { text-decoration: none; page-break-inside: avoid; } .btn-block { width: 85%; margin: auto; } .btn-inline { padding: 0.2em 0.8em; line-height: 1em; display: inline; position: absolute; translate: -0.5em 0; } .btn-inline::after { right: -1px; } .btn-inline:hover::after { right: -2px; } .btn-list { width: fit-content; margin: 10px 20px 0; padding-block: 0 !important; } .btn-list li { list-style-type: disc !important; margin-block: 5px; } .btn-list .btn, .btn-list .btn-outline, .btn-list .btn-block, .btn-list .btn-inline { width: 100%; text-align: center; } .btn-outline { outline: solid 1px white; } .flex, .inline-flex, .flex-block, .flex-inline, .flex-wrap, .flex-col, .flex-no-gap { display: flex; gap: 10px; } @media screen and (max-width: 500px) { .flex, .inline-flex, .flex-block, .flex-inline, .flex-wrap, .flex-col, .flex-no-gap { flex-wrap: wrap; } } .flex-no-gap { gap: 0; } .flex-col { flex-direction: column; } .flex-wrap { flex-wrap: wrap; } .flex-inline { flex-direction: row; gap: 10px 30px; align-items: center; } .flex-block { gap: 10px; width: max-content; flex-direction: column; padding: 10px 40px 15px; } .grid, .inline-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 2ch; max-width: 100%; } .float, .float-right, .float-left { position: absolute; margin-block: 0; } .float-left { left: 1.36em; margin-right: auto; } .float-right { right: 1.36em; margin-left: auto; } .inline-grid { display: inline-grid; } .inline-flex { display: inline-flex; } .important { color: red; font-weight: bold; text-decoration: underline; font-style: normal; } .indent { margin-left: 30px; } .inline-flex { display: inline-flex; } .inline-block { display: inline-block; } .block { display: block; } .flash { animation: flash 0.5s linear 1s 2; } @keyframes flash { 0% { background-color: transparent; } 50% { background-color: #fbf8b2; } 100% { background-color: transparent; } } table { max-width: 100% !important; } table td, table th { vertical-align: text-top; } @media screen and (max-width: 500px) { table th { white-space: normal; word-break: normal; } table td, table th { padding: 2px 5px; } } table.sortable thead th { cursor: pointer; } table.sortable thead th .fa { transition: rotate 0.4s ease-out, opacity 0.2s; float: right; rotate: -90deg; opacity: 50%; } table.sortable thead th[data-order] .fa { opacity: 100%; } table.sortable thead th[data-order=desc] .fa { rotate: 0deg; } table.sortable thead th[data-order=asc] .fa { rotate: 180deg; } table.sortable thead th:hover { box-shadow: inset 0px 0px 100px rgba(17, 17, 17, 0.4); } .small { font-size: 75%; } .lang { display: grid; padding-block: 20px; gap: 10px; } .lang .lang-fr, .lang .lang-en, .lang .fr, .lang .en { border-left: 2px solid #999; margin-left: 10px; padding-left: 10px; } .lang-fr, .fr { font-style: italic; color: #535353; } .lang-fr q::before, .fr q::before { content: "« "; } .lang-fr q::after, .fr q::after { content: " »"; } ul.contact { margin: 0; padding: 0; } ul.contact > li { list-style-type: none; margin-left: 25px; } .load-spinner:empty::after { box-sizing: border-box; content: " "; display: inline-block; width: 64px; height: 64px; margin: 8px; border-radius: 50%; border: 6.4px solid currentColor; border-color: currentColor transparent currentColor transparent; animation: dual-ring-spinner 1.2s linear infinite; } @keyframes dual-ring-spinner { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } body > .syntax-wrapper:not(:has(+ .syntax-wrapper)) { margin-bottom: 40px; } td:has(> .syntax-wrapper) { padding: 0; } td:has(> .syntax-wrapper) > .syntax-wrapper { margin: 0; } td:has(> .syntax-wrapper) > .syntax-wrapper.inline { height: 100%; } .syntax .key { color: #f92672; } .syntax .value { color: #a6e22e; } .syntax-wrapper { background-color: #272822; border: 1px solid #3e3d32; border-radius: 4px; box-shadow: 0 0 0 transparent; color: #f8f8f2; height: 450px; margin: 8px; max-height: fit-content; overflow: auto; padding: 2px 6px; resize: vertical; width: 96%; font-family: "Fira Code", monospace; } .syntax-wrapper.json-wrapper { white-space: pre; } .syntax-wrapper.inline { height: 1.1lh; } .syntax-wrapper.inline .syntax-key-val { margin-left: 0.5rch; } .syntax-wrapper.inline * { display: inline !important; padding-left: 0 !important; white-space: nowrap; } .syntax-key-val { margin-left: 4rch; } .syntax-key-val:has(> .syntax-string) { display: flow; text-indent: -4rch; padding-left: 4rch; } .syntax-key { color: #f92672 !important; opacity: 0.9; } .syntax-val:only-child { margin-left: 4rch; } .syntax-string { color: #e6db74; display: inline-block; text-indent: 0; vertical-align: top; white-space: break-spaces; } .syntax-float, .syntax-double, .syntax-integer, .syntax-number { color: #ae81ff; } .syntax-value { color: #a6e22e; } .syntax-null { color: #66d9ef; } .syntax-boolean { color: #66d9ef; } .syntax-stringable { color: #fd971f; } .syntax-hex-code { color: #75715e; } .syntax-array::before { content: "["; color: #f8f8f2; } .syntax-array::after { content: "]"; color: #f8f8f2; margin-left: -4rch; } .syntax-array .syntax-key-val { padding-left: 0; margin-left: 0; } .syntax-object::before { content: "{"; color: #f8f8f2; } .syntax-object::after { content: "}"; color: #f8f8f2; margin-left: -4rch; } .syntax-object .syntax-key-val { padding-left: 0; margin-left: 0; } .syntax-wrapper.json::before { content: "{"; color: #f8f8f2; } .syntax-wrapper.json::after { content: "}"; color: #f8f8f2; } table.debug-output-table { all: revert; width: fit-content; border-collapse: collapse; } table.debug-output-table caption { font-weight: bold; padding-block: 5px; } table.debug-output-table td, table.debug-output-table th { all: revert; text-align: left; padding: 2px 10px; border: 1px solid gray; } table.debug-output-table tbody tr:has(:nth-child(2):last-child) > :first-child { font-weight: bold; } table.debug-output-table tbody tr:has(:nth-child(2):last-child) > :last-child { text-align: right; } table.debug-output-table tr > td:nth-child(2):last-child { text-align: right; } /*#endregion FormattingClasses /*##################################################### */ /*##################################################### */ /*#region Spinners */ :has(> .lds-roller) { position: relative; } .dots-spinner, .lds-roller { --color: currentColor; --size: min(50px, max(60px, 10%)); --dot: max( 3px, calc(var(--size) / 12) ); --spacing: calc(var(--size) / -20); display: inline-block; height: var(--size); min-height: 50px; min-width: 50px; top: 50%; left: 50%; position: absolute; translate: -50% -50%; aspect-ratio: 1; z-index: 99999; } .dots-spinner div, .lds-roller div { animation: spinner 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; transform-origin: 0 0; translate: calc(var(--size) / 2) calc(var(--size) / 2); } .dots-spinner div:after, .lds-roller div:after { content: " "; background: var(--color); border-radius: 50%; display: block; height: var(--dot); margin: var(--spacing) 0 0 var(--spacing); position: absolute; width: var(--dot); } .dots-spinner div:nth-child(1), .lds-roller div:nth-child(1) { animation-delay: 0.03125s; } .dots-spinner div:nth-child(1):after, .lds-roller div:nth-child(1):after { left: calc(var(--size) * 0.13052619); top: calc(var(--size) * 0.9914448617); } .dots-spinner div:nth-child(2), .lds-roller div:nth-child(2) { animation-delay: 0.0625s; } .dots-spinner div:nth-child(2):after, .lds-roller div:nth-child(2):after { left: calc(var(--size) * 0.2588190408); top: calc(var(--size) * 0.9659258274); } .dots-spinner div:nth-child(3), .lds-roller div:nth-child(3) { animation-delay: 0.09375s; } .dots-spinner div:nth-child(3):after, .lds-roller div:nth-child(3):after { left: calc(var(--size) * 0.3826834262); top: calc(var(--size) * 0.9238795351); } .dots-spinner div:nth-child(4), .lds-roller div:nth-child(4) { animation-delay: 0.125s; } .dots-spinner div:nth-child(4):after, .lds-roller div:nth-child(4):after { left: calc(var(--size) * 0.4999999923); top: calc(var(--size) * 0.8660254083); } .dots-spinner div:nth-child(5), .lds-roller div:nth-child(5) { animation-delay: 0.15625s; } .dots-spinner div:nth-child(5):after, .lds-roller div:nth-child(5):after { left: calc(var(--size) * 0.6087614202); top: calc(var(--size) * 0.7933533471); } .dots-spinner div:nth-child(6), .lds-roller div:nth-child(6) { animation-delay: 0.1875s; } .dots-spinner div:nth-child(6):after, .lds-roller div:nth-child(6):after { left: calc(var(--size) * 0.7071067717); top: calc(var(--size) * 0.7071067907); } .dots-spinner div:nth-child(7), .lds-roller div:nth-child(7) { animation-delay: 0.21875s; } .dots-spinner div:nth-child(7):after, .lds-roller div:nth-child(7):after { left: calc(var(--size) * 0.7933533308); top: calc(var(--size) * 0.6087614414); } .dots-spinner div:nth-child(8), .lds-roller div:nth-child(8) { animation-delay: 0.25s; } .dots-spinner div:nth-child(8):after, .lds-roller div:nth-child(8):after { left: calc(var(--size) * 0.8660253949); top: calc(var(--size) * 0.5000000155); } /* Spinner */ .dual-ring-spinner { --size: 64px; text-align: center; } .dual-ring-spinner::after { content: " "; box-sizing: border-box; display: inline-block; margin: calc(var(--size) / 8); height: var(--size); width: var(--size); animation: spinner 1.2s linear infinite; border: calc(var(--size) / 10) solid currentColor; border-color: currentColor transparent currentColor transparent; border-radius: 50%; } @keyframes spinner { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /*#endregion Spinners */ /*##################################################### */