/* Brand colours deep enough for WCAG AA text (4.5:1) on white and under white text. */
/* These override the portal's Site Styles colours, so the portal CSS and DNN's default.css pick them up. */
#Body {
  --dnn-color-primary: #3A7D28;
  --dnn-color-primary-light: #3D8229;
  --dnn-color-primary-dark: #2F6B24;
  --dnn-color-primary-r: 58;
  --dnn-color-primary-g: 125;
  --dnn-color-primary-b: 40;
  --dnn-color-secondary: #1673B0;
  --dnn-color-secondary-light: #1775B4;
  --dnn-color-secondary-dark: #125E91;
  --dnn-color-secondary-r: 22;
  --dnn-color-secondary-g: 115;
  --dnn-color-secondary-b: 176;
  --dnn-color-tertiary: #007A4D;
  --dnn-color-tertiary-light: #00804F;
  --dnn-color-tertiary-dark: #006A41;
  --dnn-color-tertiary-r: 0;
  --dnn-color-tertiary-g: 122;
  --dnn-color-tertiary-b: 77;
}

/* html adds specificity so these win over the portal's equal #Body rules */
html #Body :is(.aperture-header .eyebrow-bar, .aperture-content-pane .jumbotron) { background-image: linear-gradient(to right, #007A4D 0%, #3A7D28 100%); }
html #Body .aperture-footer { background-image: linear-gradient(to right bottom, #007A4D 0%, #3A7D28 60%); }

/* A dark green wash takes the banner art's lightest green to 4.6:1 under white text. */
/* The mask has the art's size, so cover scales both alike and the art's white wedge stays white. */
html #Body .home01-banner .banner-bg::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 60, 35, .6);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1702' height='1265'%3E%3Cpolygon points='0,0 1702,0 1702,970 0,1129'/%3E%3C/svg%3E") no-repeat center / cover;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1702' height='1265'%3E%3Cpolygon points='0,0 1702,0 1702,970 0,1129'/%3E%3C/svg%3E") no-repeat center / cover;
}

/* The portal colours the selected Login tab white on white */
#Body .dnnLogin .LoginTabGroup span.LoginTabSelected { color: #333333; }

/* The portal's a:hover underline outranks the button rules */
#Body .aperture-main :is(a.euclid-btn, a.euclid-demo-btn):is(:hover, :focus) { text-decoration: none; }

/* #777 is 4.48:1 on white, just short of AA */
html #Body #dnn_ctr4071_HtmlModule_lblContent .WordSection1 > p:nth-child(2), html #Body :is(.euclid-doc-updated, .euclid-table-files td:not(:first-child)) { color: #6B6B6B; }

/* Two-column panes above the content pane in every layout. Edit mode shows both drop zones. On view a column without modules hides,
   the other takes the full row, and the row hides when both are empty. Checking for .DnnModule also covers DNN's SyncPanel wrappers. */
#Body .euclid-two-col { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); gap: 2.5rem; align-items: start; max-width: 1280px; margin: 2rem auto; padding: 0 2rem; }
#Body .euclid-two-col > .aperture-content-pane { width: auto; max-width: none; margin: 0; padding: 0; }
#Body:not(.dnnEditState) .euclid-two-col > :not(:has(.DnnModule)) { display: none; }
#Body:not(.dnnEditState) .euclid-two-col:not(:has(.DnnModule)) { display: none; }
#Body .euclid-sidebar-main { min-width: 0; }
#Body :is(.euclid-sidebar-main, .euclid-dnn-hero) > .aperture-content-pane:not(:has(.DnnModule)) + .euclid-two-col { margin-top: 0; }
#Body .euclid-sidebar-main > :is(.aperture-content-pane, .euclid-two-col) { width: auto; max-width: none; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; }
@media (max-width: 991px) {
  #Body .euclid-two-col { grid-auto-flow: row; gap: 1.5rem; padding: 0 1rem; }
}

/* Login page with two providers. DNN wraps them in tabs instead of .LoginPanel, so the portal's card rules miss them. */
#Body .dnnLogin .loginContent { max-width: 420px; margin: 0 auto; }
#Body .dnnLogin .LoginTabGroup { display: flex; gap: 4px; margin: 0 0 16px; padding: 6px; background: #F4F8F3; border: 0; border-radius: 50px; }
#Body .dnnLogin .LoginTabGroup span { flex: 1; margin: 0; padding: 10px 16px; font-size: 15px; font-weight: 600; line-height: 1.4; text-align: center; color: #333333; background: transparent; border: 0; border-radius: 50px; cursor: pointer; transition: background-color .15s ease, color .15s ease; }
#Body .dnnLogin .LoginTabGroup, #Body .dnnLogin .LoginTabGroup span { height: auto; }
#Body .dnnLogin .LoginTabGroup span:hover { color: #2F6B24; }
#Body .dnnLogin .LoginTabGroup span.LoginTabSelected { color: #FFFFFF; background: #3A7D28; box-shadow: 0 2px 6px rgba(0, 0, 0, .12); }
#Body .dnnLogin .LoginContainerGroup { margin: 0; padding: 0; border: 0; }
#Body .dnnLogin .LoginContainerGroup .LoginContainer { padding: 2rem; background: #FFFFFF; border: 1px solid #E5E5E5; border-top: 4px solid #3A7D28; border-radius: 8px; box-shadow: 0 6px 20px rgba(0, 0, 0, .08); }
#Body .dnnLogin .LoginContainer > .dnnForm::before { content: "Log In"; display: block; margin: -.25rem 0 1.75rem; padding-bottom: 1.25rem; text-align: center; font-size: 2rem; font-weight: 700; line-height: 1.2; color: #333333; background: linear-gradient(#3A7D28, #3A7D28) no-repeat center bottom / 60px 4px; }
#Body .dnnLogin .LoginContainer .dnnForm { width: 100%; margin: 0; padding: 0; }
#Body .dnnLogin .LoginContainer .dnnFormItem { width: 100%; margin: 0 0 1.25rem; padding: 0; float: none; }
#Body .dnnLogin .LoginContainer .dnnFormItem > .dnnLabel { display: block; float: none; width: auto; margin: 0; padding: 0; text-align: left; }
#Body .dnnLogin .LoginContainer .dnnFormItem :is(label.dnnFormLabel, .dnnLabel label) { display: block; float: none; width: auto; margin: 0 0 .4rem; padding: 0; text-align: left; font-size: .95rem; font-weight: 600; color: #333333; }
#Body .dnnLogin .LoginContainer .dnnFormItem > .dnnFormLabel:empty { display: none; }
#Body .dnnLogin .LoginContainer .dnnFormItem :is(input[type="text"], input[type="password"]) { width: 100%; min-width: 0; max-width: none; padding: .65rem .75rem; font-family: inherit; font-size: 1rem; font-weight: 400; background: #FFFFFF; border: 1px solid #CCCCCC; border-radius: 4px; box-shadow: none; }
#Body .dnnLogin .LoginContainer .dnnFormItem :is(input[type="text"], input[type="password"]):focus { border-color: #3A7D28; outline: none; box-shadow: 0 0 0 3px rgba(58, 125, 40, .25); }
#Body .dnnLogin .LoginContainer .dnnFormItem:has(> .dnnPrimaryAction) { display: flex; flex-direction: column; align-items: center; gap: .75rem; }
#Body .dnnLogin .LoginContainer a.dnnPrimaryAction { display: block; width: 100%; margin: 0; padding: .75rem 1rem; text-align: center; font-size: 1rem; font-weight: 600; color: #FFFFFF; background: #3A7D28; border: 0; border-radius: 4px; box-shadow: none; text-shadow: none; text-decoration: none; }
#Body .dnnLogin .LoginContainer a.dnnPrimaryAction:is(:hover, :focus) { color: #FFFFFF; background: #2F6B24; }
#Body .dnnLogin .LoginContainer .dnnFormItem > a.dnnSecondaryAction { margin: 0; padding: 0; font-size: .95rem; font-weight: 500; color: #3A7D28; background: none; border: 0; box-shadow: none; text-shadow: none; }
#Body .dnnLogin .LoginContainer .dnnFormItem:last-child { margin-bottom: 0; padding-top: 1.25rem; border-top: 1px solid #EEEEEE; }
#Body .dnnLogin .LoginContainer .dnnFormItem:last-child ul.dnnActions { display: flex; justify-content: center; }
#Body .dnnLogin .LoginContainer .dnnFormItem:last-child ul.dnnActions::before,
#Body .dnnLogin .LoginContainer .dnnFormItem:last-child ul.dnnActions::after { display: none; }

html[data-theme="dark"] #Body .dnnLogin .LoginTabGroup { background: #252A2F; }
html[data-theme="dark"] #Body .dnnLogin .LoginTabGroup span { color: #DDE1E4; background: transparent; }
html[data-theme="dark"] #Body .dnnLogin .LoginTabGroup span:hover { color: #7CCB63; }
html[data-theme="dark"] #Body .dnnLogin .LoginTabGroup span.LoginTabSelected { color: #FFFFFF; background: #3A7D28; }
html[data-theme="dark"] #Body .dnnLogin .LoginContainerGroup .LoginContainer { background: #1D2125; border-color: #343A40; border-top-color: #3A7D28; box-shadow: none; }
html[data-theme="dark"] #Body .dnnLogin .LoginContainer > .dnnForm::before { color: #F1F3F5; }
html[data-theme="dark"] #Body .dnnLogin .LoginContainer :is(.dnnFormItem label.dnnFormLabel, .dnnLabel label) { color: #DDE1E4; }
html[data-theme="dark"] #Body .dnnLogin .LoginContainer .dnnFormItem :is(input[type="text"], input[type="password"]) { color: #DDE1E4; background: #252A2F; border-color: #343A40; }
html[data-theme="dark"] #Body .dnnLogin .LoginContainer :is(.dnnFormItem > a.dnnSecondaryAction, .dnnLoginActions a.dnnSecondaryAction) { color: #7CCB63; }
html[data-theme="dark"] #Body .dnnLogin .LoginContainer .dnnFormItem:last-child { border-top-color: #343A40; }

/* DNN wraps module errors in <p class="NormalRed">, which is red on DNN's red box. Styled as a card with a red side bar, like .euclid-step. */
#Body .dnnFormMessage.dnnFormValidationSummary { padding: 1rem 1.25rem; font-size: 15px; font-weight: 600; line-height: 1.5; color: #A94442; background: #FFFFFF; border: 1px solid #E5E5E5; border-left: 5px solid #C9302C; border-radius: 8px; box-shadow: 0 6px 20px rgba(0, 0, 0, .05); }
#Body .dnnFormMessage.dnnFormValidationSummary :is(p, .NormalRed) { margin: 0; font-size: inherit; color: inherit; }
/* DNN puts the error before .dnnLogin in the login update panel, so the panel reorders it under the card. */
#Body .DnnModule-Authentication [id$="_Login_UP"]:has(> .dnnFormValidationSummary) { display: flex; flex-direction: column; }
#Body .DnnModule-Authentication [id$="_Login_UP"]:has(> .dnnFormValidationSummary) > .dnnLogin { width: 100%; margin-bottom: 0; }
#Body .DnnModule-Authentication .dnnFormMessage.dnnFormValidationSummary { order: 1; width: 100%; max-width: 420px; margin: 0 auto 3rem; }
#Body .euclid-dnn-hero .dnnFormMessage.dnnFormValidationSummary { border-color: transparent; border-left-color: #C9302C; box-shadow: 0 10px 30px rgba(0, 0, 0, .18); }
html[data-theme="dark"] #Body .dnnFormMessage.dnnFormValidationSummary { color: #F2B8B5; background: #1D2125; border-color: #343A40; border-left-color: #C9302C; }

/* Remember Login as in mainlogin.htm. The tip is CSS so it survives the login panel's partial postbacks. */
#Body .dnnLogin .dnnLoginRememberMe { position: relative; display: inline-flex; align-items: center; gap: 10px; margin: 0; }
#Body .dnnLogin li .dnnLoginRememberMe { margin-top: 1rem; }
#Body .dnnLogin .dnnLoginRememberMe label { display: inline-flex; align-items: center; gap: 8px; margin: 0; font-size: 15px; font-weight: 500; color: #333333; cursor: pointer; }
#Body .dnnLogin .dnnLoginRememberMe label::after { content: ""; width: 16px; height: 16px; background: #6B6B6B; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='M440-280h80v-240h-80v240Zm40-320q17 0 28.5-11.5T520-640q0-17-11.5-28.5T480-680q-17 0-28.5 11.5T440-640q0 17 11.5 28.5T480-600Zm0 520q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Z'/%3E%3C/svg%3E") no-repeat center / contain; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='M440-280h80v-240h-80v240Zm40-320q17 0 28.5-11.5T520-640q0-17-11.5-28.5T480-680q-17 0-28.5 11.5T440-640q0 17 11.5 28.5T480-600Zm0 520q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Z'/%3E%3C/svg%3E") no-repeat center / contain; }
#Body .dnnLogin .dnnLoginRememberMe:hover label::after { background: #3A7D28; }
#Body .dnnLogin .dnnLoginRememberMe::after { content: "Stay signed in for 14 days on this device. Leave off on shared computers."; position: absolute; bottom: calc(100% + 10px); left: 50%; z-index: 10; width: 230px; padding: 10px 14px; font-size: 13px; font-weight: 500; line-height: 1.5; text-align: center; color: #FFFFFF; background: #333333; border-radius: 8px; box-shadow: 0 8px 20px rgba(0, 0, 0, .2); opacity: 0; visibility: hidden; transform: translate(-50%, 4px); transition: opacity .15s ease, transform .15s ease, visibility .15s; pointer-events: none; }
#Body .dnnLogin .dnnLoginRememberMe::before { content: ""; position: absolute; bottom: calc(100% - 2px); left: 50%; z-index: 10; margin-left: -6px; border: 6px solid transparent; border-top-color: #333333; opacity: 0; visibility: hidden; transition: opacity .15s ease, visibility .15s; pointer-events: none; }
#Body .dnnLogin .dnnLoginRememberMe:is(:hover, :focus-within)::after { opacity: 1; visibility: visible; transform: translate(-50%, 0); }
#Body .dnnLogin .dnnLoginRememberMe:is(:hover, :focus-within)::before { opacity: 1; visibility: visible; }
#Body .dnnLogin .dnnCheckbox { position: relative; flex: 0 0 20px; width: 20px; height: 20px; margin: 0; padding: 0; background: #FFFFFF no-repeat center / 12px 12px; border: 2px solid #CCCCCC; border-radius: 5px; cursor: pointer; transition: background-color .15s ease, border-color .15s ease; }
#Body .dnnLogin .dnnCheckbox .mark { display: none; }
#Body .dnnLogin .dnnLoginRememberMe:hover .dnnCheckbox { border-color: #3A7D28; }
#Body .dnnLogin .dnnLoginRememberMe:has(input:focus-visible) .dnnCheckbox { box-shadow: 0 0 0 3px rgba(58, 125, 40, .3); }
#Body .dnnLogin .dnnCheckbox.dnnCheckbox-checked { background-color: #3A7D28; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 6.5l2.5 2.5L10 3.5' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); border-color: #3A7D28; }
html[data-theme="dark"] #Body .dnnLogin .dnnLoginRememberMe label { color: #DDE1E4; }
html[data-theme="dark"] #Body .dnnLogin .dnnLoginRememberMe label::after { background: #9AA3AB; }
html[data-theme="dark"] #Body .dnnLogin .dnnLoginRememberMe:hover label::after { background: #7CCB63; }
html[data-theme="dark"] #Body .dnnLogin .dnnCheckbox:not(.dnnCheckbox-checked) { background-color: #252A2F; border-color: #5A636B; }
html[data-theme="dark"] #Body .dnnLogin .dnnLoginRememberMe::after { background: #343A40; }
html[data-theme="dark"] #Body .dnnLogin .dnnLoginRememberMe::before { border-top-color: #343A40; }

/* Breadcrumb capsule (partials/_breadcrumb.ascx). Top-level pages render one crumb and no separator, so it hides there. */
#Body .euclid-crumbs { padding: 12px 0 0; font-family: "Raleway", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.4; }
#Body .euclid-crumbs:not(:has(.euclid-crumb-next)) { display: none; }
/* The sidebar layout pads its container 16px, so the capsule lines up with the sidebar card there */
#Body .euclid-crumbs:has(+ .aperture-main .euclid-sidebar-layout) .aperture-container { padding-left: 16px; padding-right: 16px; }
#Body .euclid-crumbs-cap { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 0; width: fit-content; max-width: 100%; padding: 7px 22px 7px 14px; background: #F3F8F1; border: 1px solid #E3EDE0; border-radius: 50px; }
/* DNN wraps the trail in two schema.org spans; flatten them so each crumb and separator lines up in the flex row */
#Body .euclid-crumbs-cap > span[itemprop="breadcrumb"],
#Body .euclid-crumbs-cap > span[itemprop="breadcrumb"] > span { display: contents; }
#Body .euclid-crumbs .euclid-crumb-home { display: inline-flex; margin-right: 12px; }
#Body .euclid-crumbs .euclid-crumb-home svg { width: 18px; height: 18px; fill: #3A7D28; transition: fill .15s ease; }
#Body .euclid-crumbs .euclid-crumb-home:is(:hover, :focus-visible) svg { fill: #2F6B24; }
#Body .euclid-crumbs a.euclid-crumb { font-weight: 600; color: #2F6B24; text-decoration: none; }
#Body .euclid-crumbs a.euclid-crumb:is(:hover, :focus-visible) { text-decoration: underline; }
/* The last crumb is the current page, except on a news article view, where it leads back to the list */
#Body:not(:has(h1.edn_articleTitle)) .euclid-crumbs [itemprop="itemListElement"]:last-child a.euclid-crumb { color: #333333; text-decoration: none; pointer-events: none; }
/* A long article title stays on one line and ends in an ellipsis; the full title shows on hover. A fixed ch cap keeps the capsule sized to the trail (a % cap counts the full title). */
#Body .euclid-crumbs .euclid-crumb-current { display: inline-block; max-width: 48ch; overflow: hidden; vertical-align: bottom; font-weight: 600; color: #333333; text-overflow: ellipsis; white-space: nowrap; }
#Body .euclid-crumbs .euclid-crumb-next { display: inline-block; width: 6px; height: 6px; margin: 0 12px 0 8px; border-top: 1.5px solid #7FA874; border-right: 1.5px solid #7FA874; transform: rotate(45deg); }
@media (max-width: 767px) {
  #Body .euclid-crumbs-cap { border-radius: 18px; }
  #Body .euclid-crumbs .euclid-crumb-current { max-width: 100%; }
}
html[data-theme="dark"] #Body .euclid-crumbs-cap { background: #1D2125; border-color: #343A40; }
html[data-theme="dark"] #Body .euclid-crumbs .euclid-crumb-home svg { fill: #7CCB63; }
html[data-theme="dark"] #Body .euclid-crumbs a.euclid-crumb { color: #7CCB63; }
html[data-theme="dark"] #Body:not(:has(h1.edn_articleTitle)) .euclid-crumbs [itemprop="itemListElement"]:last-child a.euclid-crumb { color: #DDE1E4; }
html[data-theme="dark"] #Body .euclid-crumbs .euclid-crumb-next { border-color: #5A636B; }
html[data-theme="dark"] #Body .euclid-crumbs .euclid-crumb-current { color: #DDE1E4; }

/* Sidebar nav toggle (sidebar.ascx script). Under 992px the section nav folds behind it, like the Support Portal filters. */
#Body .euclid-sidenav-toggle { display: none; }
@media (max-width: 991px) {
  #Body .euclid-sidenav-toggle { display: flex; align-items: center; gap: 10px; width: 100%; padding: 11px 16px; font-family: "Raleway", Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 600; line-height: 1.4; text-align: left; color: #444444; background: #F8FBF7; border: 1px solid #E5E5E5; border-radius: 8px; cursor: pointer; }
  #Body .euclid-sidenav-toggle svg { flex: 0 0 20px; width: 20px; height: 20px; fill: #3A7D28; }
  #Body .euclid-sidenav-toggle::after { content: ""; flex: 0 0 7px; width: 7px; height: 7px; margin: -4px 4px 0 auto; border-right: 2px solid #6B6B6B; border-bottom: 2px solid #6B6B6B; transform: rotate(45deg); transition: transform .2s ease; }
  #Body .euclid-sidenav-toggle[aria-expanded="true"]::after { margin-top: 4px; transform: rotate(-135deg); }
  #Body .euclid-sidenav-toggle:focus-visible { outline: none; box-shadow: 0 0 0 3px rgba(58, 125, 40, .3); }
  #Body .euclid-sidenav:has(.euclid-sidenav-toggle) .euclid-sidenav-menu { display: none; margin-top: 8px; }
  /* Open, the toggle and list join into one card. The toggle already names the section and the breadcrumb links to it, so the card title hides. */
  #Body .euclid-sidenav.euclid-sidenav-open .euclid-sidenav-toggle { border-bottom-color: #EEEEEE; border-radius: 8px 8px 0 0; }
  #Body .euclid-sidenav.euclid-sidenav-open .euclid-sidenav-menu { display: block; margin-top: 0; padding: .5rem 0; border-top: 0; border-radius: 0 0 8px 8px; }
  #Body .euclid-sidenav:has(.euclid-sidenav-toggle) .euclid-sidenav-title { display: none; }
}
@media (max-width: 991px) and (prefers-reduced-motion: reduce) {
  #Body .euclid-sidenav-toggle::after { transition: none; }
}
html[data-theme="dark"] #Body .euclid-sidenav-toggle { color: #DDE1E4; background: #1D2A20; border-color: #2E4430; }
html[data-theme="dark"] #Body .euclid-sidenav-toggle svg { fill: #7CCB63; }
html[data-theme="dark"] #Body .euclid-sidenav-toggle::after { border-color: #9AA3AB; }
html[data-theme="dark"] #Body .euclid-sidenav.euclid-sidenav-open .euclid-sidenav-toggle { border-color: #343A40; border-bottom-color: #2A2F34; }

/* EasyDNN news (Security Newsletters 4096, CV Desktop release notes 4097). Each module names its eyebrow label. */
#Body .DnnModule-4096 { --euclid-news-eyebrow: "Euclid Security"; }
#Body .DnnModule-4097 { --euclid-news-eyebrow: "Release Notes"; }

/* List (List Article Simple 5): module title as the standard .euclid-intro heading, side-bar cards with the title link stretched over the whole card */
#Body .aperture-title-wrapper:has(.eds_template_List_Article_Simple_5) > h5 { margin: 1.5rem auto 2.5rem; padding: 0; text-align: center; font-size: 2.25rem; font-weight: 700; line-height: 1.2; color: #333333; }
#Body .aperture-title-wrapper:has(.eds_template_List_Article_Simple_5) > h5 .Head { font: inherit; color: inherit; }
#Body .aperture-title-wrapper:has(.eds_template_List_Article_Simple_5) > h5::before { content: var(--euclid-news-eyebrow, none); display: block; margin-bottom: .75rem; font-size: .85rem; font-weight: 700; line-height: 1.4; letter-spacing: .12em; text-transform: uppercase; color: var(--dnn-color-primary-dark, #2F6B24); }
#Body .aperture-title-wrapper:has(.eds_template_List_Article_Simple_5) > h5::after { content: ""; display: block; width: 60px; height: 4px; margin: 1.25rem auto 0; background: var(--dnn-color-primary, #3A7D28); border-radius: 2px; }

#Body .eds_template_List_Article_Simple_5 .edn_article { position: relative; display: flex; flex-direction: column; margin: 0 0 16px; padding: 20px 64px 20px 24px; background: #FFFFFF; border: 1px solid #E5E5E5; border-left: 5px solid #3A7D28; border-radius: 8px; box-shadow: 0 6px 20px rgba(0, 0, 0, .05); transition: box-shadow .15s ease, transform .15s ease; }
#Body .eds_template_List_Article_Simple_5 .edn_article:hover { box-shadow: 0 10px 28px rgba(0, 0, 0, .1); transform: translateY(-2px); }
#Body .eds_template_List_Article_Simple_5 .edn_article::after { content: ""; position: absolute; top: 50%; right: 28px; width: 10px; height: 10px; margin-top: -5px; border-top: 2px solid #3A7D28; border-right: 2px solid #3A7D28; transform: rotate(45deg); transition: right .15s ease; }
#Body .eds_template_List_Article_Simple_5 .edn_article:hover::after { right: 22px; }
#Body .eds_template_List_Article_Simple_5 .edn_metaDetails { order: -1; margin: 0 0 6px; padding: 0; font-family: "Raleway", Helvetica, Arial, sans-serif; font-size: 12px; line-height: 18px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; color: #3A7D28; }
#Body .eds_template_List_Article_Simple_5 .edn_metaDetails time { font: inherit; color: inherit; }
#Body .eds_template_List_Article_Simple_5 .edn_articleTitle { margin: 0; padding: 0; font-size: 20px; line-height: 1.35; font-weight: 700; color: #333333; }
#Body .eds_template_List_Article_Simple_5 .edn_articleTitle a { color: inherit; text-decoration: none; }
#Body .eds_template_List_Article_Simple_5 .edn_articleTitle a::after { content: ""; position: absolute; inset: 0; z-index: 1; border-radius: 8px; }
#Body .eds_template_List_Article_Simple_5 .edn_article:hover .edn_articleTitle a { color: #2F6B24; }
#Body .eds_template_List_Article_Simple_5 .edn_articleTitle a:focus-visible { outline: none; }
#Body .eds_template_List_Article_Simple_5 .edn_articleTitle a:focus-visible::after { box-shadow: 0 0 0 3px rgba(58, 125, 40, .35); }
#Body .eds_template_List_Article_Simple_5 .edn_adminActions { position: absolute; top: 14px; right: 56px; z-index: 2; margin: 0; }

/* Pager */
#Body .eds_template_List_Article_Simple_5 .article_pager { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; margin: 28px 0 0; padding: 0; float: none; background: none; border: 0; }
#Body .eds_template_List_Article_Simple_5 .article_pager :is(a, span) { display: inline-flex; align-items: center; justify-content: center; min-width: 36px; height: 36px; margin: 0; padding: 0 12px; font-size: 14px; font-weight: 600; line-height: 1; color: #555555; background: #FFFFFF; border: 1px solid #DDDDDD; border-radius: 50px; box-shadow: none; text-decoration: none; transition: border-color .15s ease, color .15s ease; }
#Body .eds_template_List_Article_Simple_5 .article_pager a:is(:hover, :focus-visible) { color: #3A7D28; border-color: #3A7D28; }
#Body .eds_template_List_Article_Simple_5 .article_pager a.active { color: #FFFFFF; background: #3A7D28; border-color: #3A7D28; }

/* Article view: module eyebrow, article title as the standard intro heading */
#Body .aperture-title-wrapper:has(.eds_template_Details_Article_Security) > h5 { margin: 1.5rem 0 .75rem; padding: 0; text-align: center; font-size: .85rem; font-weight: 700; line-height: 1.4; letter-spacing: .12em; text-transform: uppercase; color: var(--dnn-color-primary-dark, #2F6B24); }
#Body :is(.DnnModule-4096, .DnnModule-4097) .aperture-title-wrapper:has(.eds_template_Details_Article_Security) > h5 .Head { display: none; }
#Body :is(.DnnModule-4096, .DnnModule-4097) .aperture-title-wrapper:has(.eds_template_Details_Article_Security) > h5::before { content: var(--euclid-news-eyebrow); }
#Body .eds_template_Details_Article_Security h1.edn_articleTitle { max-width: 820px; margin: 0 auto 2.5rem; padding: 0; text-align: center; font-size: 2.25rem; font-weight: 700; line-height: 1.2; color: #333333; }
#Body .eds_template_Details_Article_Security h1.edn_articleTitle::after { content: ""; display: block; width: 60px; height: 4px; margin: 1.25rem auto 0; background: var(--dnn-color-primary, #3A7D28); border-radius: 2px; }
#Body .eds_template_Details_Article_Security a.admin_action.edit { display: table; margin: 0 auto 1rem; }

/* Newsletter: the email on a card. Covers both builders (MJML div wrapper, Unlayer table). Email-only rows ("Email sent to [[EMAIL]]", Unsubscribe) mean nothing on the web. */
#Body .DnnModule-4096 .eds_template_Details_Article_Security > div > :is(div[style*="word-spacing"], table) { max-width: 720px; margin: 0 auto 1rem !important; padding: 32px 0; border-collapse: separate !important; border: 1px solid #E5E5E5; border-top: 5px solid #3A7D28; border-radius: 8px; box-shadow: 0 6px 20px rgba(0, 0, 0, .05); overflow: hidden; }
#Body .DnnModule-4096 .eds_template_Details_Article_Security > div > :is(div[style*="word-spacing"], table) :is(tr:has(> td > div > p a[href^="mailto:[["]), div:has(> table a[href*="UNSUBSCRIBE"]), .u-row-container:has(a[href^="mailto:[["], a[href*="UNSUBSCRIBE"])) { display: none !important; }

/* Release notes: the whole article on a card, section headings as green labels. The notes carry inline PT Sans sizes, hence !important. */
#Body .DnnModule-4097 .eds_template_Details_Article_Security > div:has(> h1.edn_articleTitle) { max-width: 900px; margin: 0 auto 1rem; padding: 2.5rem 3rem 2rem; font-family: "Raleway", Helvetica, Arial, sans-serif; font-size: 15px; line-height: 1.6; color: #333333; background: #FFFFFF; border: 1px solid #E5E5E5; border-top: 5px solid #3A7D28; border-radius: 8px; box-shadow: 0 6px 20px rgba(0, 0, 0, .05); }
#Body .DnnModule-4097 .eds_template_Details_Article_Security > div:has(> h1.edn_articleTitle) :is(p, div, span, li) { font-family: inherit !important; }
#Body .DnnModule-4097 .eds_template_Details_Article_Security > div:has(> h1.edn_articleTitle) :is(ol, ul) { margin: 0 0 1.75rem; padding-left: 1.5rem; font-size: 15px; line-height: 1.6; }
#Body .DnnModule-4097 .eds_template_Details_Article_Security > div:has(> h1.edn_articleTitle) li { margin: 0 0 .35rem; padding-left: .25rem; }
#Body .DnnModule-4097 .eds_template_Details_Article_Security > div:has(> h1.edn_articleTitle) li :is(ol, ul) { margin: .35rem 0 .5rem; }
#Body .DnnModule-4097 .eds_template_Details_Article_Security > div:has(> h1.edn_articleTitle) li span { font-size: inherit !important; }
#Body .DnnModule-4097 .eds_template_Details_Article_Security > div:has(> h1.edn_articleTitle) li::marker { font-weight: 700; color: #3A7D28; }
#Body .DnnModule-4097 .eds_template_Details_Article_Security > div:has(> h1.edn_articleTitle) > div[style] { margin: 2rem 0 1rem !important; padding: 0 0 .6rem !important; border-bottom: 1px solid #EEEEEE !important; }
#Body .DnnModule-4097 .eds_template_Details_Article_Security > div:has(> h1.edn_articleTitle) > div[style]:first-of-type { margin-top: 0 !important; }
#Body .DnnModule-4097 .eds_template_Details_Article_Security > div:has(> h1.edn_articleTitle) > div[style] :is(p, span) { margin: 0 !important; font-size: 13px !important; font-weight: 700 !important; line-height: 1.4; letter-spacing: .08em; text-transform: uppercase; color: #3A7D28 !important; }

@media (max-width: 767px) {
  #Body .aperture-title-wrapper:has(.eds_template_List_Article_Simple_5) > h5 { margin-top: 1rem; font-size: 1.75rem; }
  #Body .eds_template_List_Article_Simple_5 .edn_article { padding: 16px 44px 16px 16px; }
  #Body .eds_template_List_Article_Simple_5 .edn_article::after { right: 18px; }
  #Body .eds_template_List_Article_Simple_5 .edn_articleTitle { font-size: 17px; }
  #Body .eds_template_Details_Article_Security h1.edn_articleTitle { font-size: 1.75rem; }
  #Body .DnnModule-4096 .eds_template_Details_Article_Security > div > :is(div[style*="word-spacing"], table) { padding: 16px 0; }
  #Body .DnnModule-4097 .eds_template_Details_Article_Security > div:has(> h1.edn_articleTitle) { padding: 1.5rem 1.25rem; }
}
@media (prefers-reduced-motion: reduce) {
  #Body .eds_template_List_Article_Simple_5 .edn_article,
  #Body .eds_template_List_Article_Simple_5 .edn_article::after { transition: none; }
  #Body .eds_template_List_Article_Simple_5 .edn_article:hover { transform: none; }
}

html[data-theme="dark"] #Body .aperture-title-wrapper:has(.eds_template_List_Article_Simple_5) > h5 { color: #F1F3F5; }
html[data-theme="dark"] #Body .aperture-title-wrapper:has(.eds_template_List_Article_Simple_5) > h5::before,
html[data-theme="dark"] #Body .aperture-title-wrapper:has(.eds_template_Details_Article_Security) > h5 { color: #7CCB63; }
html[data-theme="dark"] #Body .eds_template_List_Article_Simple_5 .edn_article { background: #1D2125; border-color: #343A40; border-left-color: #3A7D28; box-shadow: none; }
html[data-theme="dark"] #Body .eds_template_List_Article_Simple_5 .edn_article:hover { box-shadow: 0 10px 28px rgba(0, 0, 0, .4); }
html[data-theme="dark"] #Body .eds_template_List_Article_Simple_5 .edn_article::after { border-color: #7CCB63; }
html[data-theme="dark"] #Body .eds_template_List_Article_Simple_5 .edn_metaDetails { color: #7CCB63; }
html[data-theme="dark"] #Body .eds_template_List_Article_Simple_5 .edn_articleTitle,
html[data-theme="dark"] #Body .eds_template_List_Article_Simple_5 .edn_articleTitle a { color: #F1F3F5; }
html[data-theme="dark"] #Body .eds_template_List_Article_Simple_5 .edn_article:hover .edn_articleTitle a { color: #7CCB63; }
html[data-theme="dark"] #Body .eds_template_List_Article_Simple_5 .article_pager :is(a, span) { color: #DDE1E4; background: #252A2F; border-color: #343A40; }
html[data-theme="dark"] #Body .eds_template_List_Article_Simple_5 .article_pager a:is(:hover, :focus-visible) { color: #7CCB63; border-color: #7CCB63; }
html[data-theme="dark"] #Body .eds_template_List_Article_Simple_5 .article_pager a.active { color: #FFFFFF; background: #3A7D28; border-color: #3A7D28; }
html[data-theme="dark"] #Body .eds_template_Details_Article_Security h1.edn_articleTitle { color: #F1F3F5; }
/* EasyDNN admin toolbar and Edit Article buttons; its common.css paints them #F7F7F7 with !important */
html[data-theme="dark"] #Body .DnnModule-EasyDNNnews .edn_userDashboard::before,
html[data-theme="dark"] #Body .DnnModule-EasyDNNnews .edn_userDashboard a { background-color: #1D2125 !important; }
html[data-theme="dark"] #Body .DnnModule-EasyDNNnews .edn_userDashboard a { color: #9AA3AB; }
html[data-theme="dark"] #Body .DnnModule-EasyDNNnews .edn_userDashboard a:hover { color: #7CCB63; }
html[data-theme="dark"] #Body .DnnModule-EasyDNNnews a.admin_action { color: #7CCB63; background-color: #252A2F; border-color: #343A40; }
/* The newsletter sets its own dark-on-white colours, so its card stays white */
html[data-theme="dark"] #Body .DnnModule-4096 .eds_template_Details_Article_Security > div > :is(div[style*="word-spacing"], table) { border-color: #343A40; border-top-color: #3A7D28; box-shadow: none; }
html[data-theme="dark"] #Body .DnnModule-4097 .eds_template_Details_Article_Security > div:has(> h1.edn_articleTitle) { color: #DDE1E4; background: #1D2125; border-color: #343A40; border-top-color: #3A7D28; box-shadow: none; }
html[data-theme="dark"] #Body .DnnModule-4097 .eds_template_Details_Article_Security > div:has(> h1.edn_articleTitle) :is(p, span, li) { color: inherit !important; }
html[data-theme="dark"] #Body .DnnModule-4097 .eds_template_Details_Article_Security > div:has(> h1.edn_articleTitle) li::marker { color: #7CCB63; }
html[data-theme="dark"] #Body .DnnModule-4097 .eds_template_Details_Article_Security > div:has(> h1.edn_articleTitle) > div[style] { border-bottom-color: #343A40 !important; }
html[data-theme="dark"] #Body .DnnModule-4097 .eds_template_Details_Article_Security > div:has(> h1.edn_articleTitle) > div[style] :is(p, span) { color: #7CCB63 !important; }

/* Employees Only welcome module (module-html/employees-park.html) */
#Body .ep-park { font-family: "Raleway", Helvetica, Arial, sans-serif; color: #333333; }
/* Lines the gate up with the sidebar card, which sits 48px down */
@media (min-width: 992px) {
  #Body .euclid-sidebar-main .ep-park { margin-top: 48px; }
}
#Body .ep-gate { position: relative; overflow: hidden; padding: 24px 24px 32px; text-align: center; color: #F1F3F5; background: radial-gradient(ellipse at 50% 18%, rgba(242, 179, 61, .22), transparent 45%), linear-gradient(180deg, #1B3A2A 0%, #13301A 55%, #1F4A23 100%); border: 1px solid #12301A; border-top: 5px solid #F2B33D; border-radius: 8px; box-shadow: 0 6px 20px rgba(0, 0, 0, .12); }
#Body .ep-gate-art { display: block; width: 100%; max-width: 560px; height: auto; margin: 0 auto 16px; }
#Body .ep-palms path { fill: none; stroke: #0C2012; stroke-width: 7; stroke-linecap: round; }
#Body .ep-palms .ep-frond { fill: #0C2012; stroke: none; }
#Body .ep-gate-dark { fill: #0A1A0F; }
#Body .ep-lurker path { fill: #1E3A24; }
#Body .ep-eye { fill: #F2B33D; animation: ep-blink 4s steps(1) infinite; }
#Body .ep-plank { stroke: rgba(0, 0, 0, .28); stroke-width: 2; }
#Body .ep-rail { fill: #4A2F17; }
#Body .ep-brace { stroke: #4A2F17; stroke-width: 11; stroke-linecap: round; }
#Body .ep-course { stroke: rgba(0, 0, 0, .22); stroke-width: 2; }
#Body .ep-cap,
#Body .ep-beam,
#Body .ep-plaque { fill: #3A3530; }
#Body .ep-beam { stroke: #2A2622; stroke-width: 3; }
#Body .ep-sign-text { font-family: "Raleway", Helvetica, Arial, sans-serif; font-size: 23px; font-weight: 900; letter-spacing: 2px; fill: #F2B33D; stroke: #13301A; stroke-width: 1; paint-order: stroke; }
#Body .ep-plaque-text { font-family: "Raleway", Helvetica, Arial, sans-serif; font-size: 9px; font-weight: 800; letter-spacing: 2px; fill: #DDE1E4; }
#Body .ep-torch { fill: #2A2622; }
#Body .ep-flame,
#Body .ep-flame-core { transform-box: fill-box; transform-origin: 50% 100%; animation: ep-flicker .9s ease-in-out infinite alternate; }
#Body .ep-flame { fill: #F28C28; filter: drop-shadow(0 0 6px rgba(242, 140, 40, .8)); }
#Body .ep-flame-core { fill: #FFE08A; }
#Body .ep-road { fill: #7A5E3E; }
#Body .ep-bush ellipse { fill: #1E5A28; }
#Body .ep-bush-front ellipse { fill: #2F7A35; }

/* Hover the gate and the doors swing open on whatever is waiting inside */
#Body .ep-door { transform-box: fill-box; transition: transform 1.2s cubic-bezier(.4, 0, .2, 1); }
#Body .ep-door-l { transform-origin: 0 50%; }
#Body .ep-door-r { transform-origin: 100% 50%; }
#Body .ep-gate-art:hover .ep-door { transform: scaleX(.12); }
#Body .ep-eyebrow { margin: 0 0 8px; font-size: 13px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: #F2B33D; }
#Body .ep-gate .ep-title { margin: 0; font-size: 32px; font-weight: 800; line-height: 1.15; color: #FFFFFF; }
#Body .ep-title span { color: #F2B33D; white-space: nowrap; }
#Body .ep-sub { margin: 12px 0 20px; font-size: 16px; font-style: italic; color: #DDE1E4; }
#Body .ep-status { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin: 0; padding: 0; list-style: none; }
#Body .ep-status li { display: inline-flex; align-items: center; gap: 8px; padding: 4px 14px; font-size: 12px; font-weight: 700; color: #F1F3F5; background: rgba(0, 0, 0, .28); border: 1px solid rgba(255, 255, 255, .14); border-radius: 50px; }
#Body .ep-status i { width: 8px; height: 8px; background: #62BB46; border-radius: 50%; box-shadow: 0 0 0 3px rgba(98, 187, 70, .25); animation: ep-blink 2.4s ease-in-out infinite; }
#Body .ep-status .ep-warn i { background: #F2B33D; box-shadow: 0 0 0 3px rgba(242, 179, 61, .25); animation-duration: .9s; }

/* Ranger radio cycles six tips, 4s each */
#Body .ep-radio { display: flex; align-items: center; gap: 14px; margin: 16px 0 32px; padding: 12px 16px; background: #FFF8E6; border: 1px solid #F3DFA8; border-left: 4px solid #E9AD00; border-radius: 6px; }
#Body .ep-radio-label { flex: 0 0 auto; font-size: 12px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: #5C4100; }
#Body .ep-radio-feed { position: relative; flex: 1; height: 22px; overflow: hidden; }
#Body .ep-radio-feed p { position: absolute; inset: 0; margin: 0; font-size: 15px; line-height: 22px; color: #333333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; opacity: 0; animation: ep-radio 24s infinite; }
#Body .ep-radio-feed p:nth-child(2) { animation-delay: 4s; }
#Body .ep-radio-feed p:nth-child(3) { animation-delay: 8s; }
#Body .ep-radio-feed p:nth-child(4) { animation-delay: 12s; }
#Body .ep-radio-feed p:nth-child(5) { animation-delay: 16s; }
#Body .ep-radio-feed p:nth-child(6) { animation-delay: 20s; }

#Body .ep-map-label { margin: 0 0 12px; font-size: 13.6px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: #2F6B24; }
#Body .ep-map { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 16px; margin: 0; padding: 0; list-style: none; }
/* Three cards on top, two wider ones below */
#Body .ep-map li { grid-column: span 2; }
#Body .ep-map li:nth-child(n+4) { grid-column: span 3; }
#Body .ep-map a { display: flex; flex-direction: column; gap: 4px; height: 100%; padding: 20px; color: inherit; text-decoration: none; background: #FFFFFF; border: 1px solid #E5E5E5; border-top: 4px solid #3A7D28; border-radius: 8px; box-shadow: 0 6px 20px rgba(0, 0, 0, .05); transition: box-shadow .15s ease, transform .15s ease; }
#Body .ep-map a:is(:hover, :focus) { color: inherit; text-decoration: none; }
#Body .ep-map a:hover { box-shadow: 0 10px 28px rgba(0, 0, 0, .1); transform: translateY(-2px); }
#Body .ep-map a:focus-visible { outline: none; box-shadow: 0 0 0 3px rgba(58, 125, 40, .35); }
#Body .ep-map .fa { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; margin-bottom: 8px; font-size: 18px; color: #FFFFFF; background: #3A7D28; border-radius: 50%; }
#Body .ep-zone { font-size: 11px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: #6B6B6B; }
#Body .ep-map strong { font-size: 17px; font-weight: 700; color: #333333; }
#Body .ep-map a:hover strong { color: #2F6B24; }
#Body .ep-desc { font-size: 14px; line-height: 1.5; color: #555555; }

/* Water cup: hover or focus sends ripples across the surface */
#Body .ep-cup { display: flex; align-items: center; gap: 16px; margin: 32px auto 0; padding: 12px 20px; font: inherit; color: #6B6B6B; background: none; border: 1px dashed #CCCCCC; border-radius: 50px; cursor: pointer; }
#Body .ep-cup:focus-visible { outline: none; border-color: #3A7D28; box-shadow: 0 0 0 3px rgba(58, 125, 40, .3); }
#Body .ep-cup-glass { position: relative; flex: 0 0 34px; width: 34px; height: 42px; border: 2px solid #9AA3AB; border-top: 0; border-radius: 0 0 8px 8px; overflow: hidden; }
#Body .ep-cup-water { position: absolute; left: 0; right: 0; bottom: 0; height: 70%; background: linear-gradient(180deg, #8EC9E8, #4F9BC4); }
#Body .ep-cup-water::before,
#Body .ep-cup-water::after { content: ""; position: absolute; top: -3px; left: 50%; width: 6px; height: 6px; margin-left: -3px; border: 1.5px solid rgba(255, 255, 255, .9); border-radius: 50%; opacity: 0; }
#Body .ep-cup:is(:hover, :focus-visible) .ep-cup-water::before { animation: ep-ripple 1.2s ease-out infinite; }
#Body .ep-cup:is(:hover, :focus-visible) .ep-cup-water::after { animation: ep-ripple 1.2s ease-out .6s infinite; }
#Body .ep-cup-note { font-size: 13px; font-style: italic; }

@keyframes ep-blink { 50% { opacity: .35; } }
@keyframes ep-flicker { 0% { transform: scale(1, 1); } 40% { transform: scale(.9, 1.1); } 70% { transform: scale(1.06, .94); } 100% { transform: scale(.96, 1.05); } }
@keyframes ep-radio { 0% { opacity: 0; transform: translateY(8px); } 3%, 14% { opacity: 1; transform: none; } 17%, 100% { opacity: 0; transform: translateY(-8px); } }
@keyframes ep-ripple { 0% { opacity: 1; transform: scale(1); } 100% { opacity: 0; transform: scale(6, 2); } }

@media (max-width: 767px) {
  #Body .ep-gate { padding: 12px 12px 24px; }
  #Body .ep-gate-art { width: calc(100% + 24px); max-width: none; margin: 0 -12px 12px; }
  #Body .ep-gate .ep-title { font-size: 22px; }
  #Body .ep-radio { flex-direction: column; align-items: flex-start; gap: 6px; }
  #Body .ep-radio-feed { flex: none; align-self: stretch; height: 44px; }
  #Body .ep-radio-feed p { white-space: normal; }
  #Body .ep-map li,
  #Body .ep-map li:nth-child(n+4) { grid-column: 1 / -1; }
}
@media (prefers-reduced-motion: reduce) {
  #Body .ep-status i,
  #Body .ep-eye,
  #Body .ep-flame,
  #Body .ep-flame-core,
  #Body .ep-cup-water::before,
  #Body .ep-cup-water::after { animation: none !important; }
  #Body .ep-radio-feed { height: auto; }
  #Body .ep-radio-feed p { position: static; display: none; opacity: 1; animation: none; }
  #Body .ep-radio-feed p:first-child { display: block; }
  #Body .ep-map a,
  #Body .ep-door { transition: none; }
  #Body .ep-map a:hover { transform: none; }
}

html[data-theme="dark"] #Body .ep-park { color: #DDE1E4; }
html[data-theme="dark"] #Body .ep-gate { border-color: #343A40; border-top-color: #F2B33D; box-shadow: none; }
html[data-theme="dark"] #Body .ep-radio { background: #2A2416; border-color: #4A3D1C; border-left-color: #E9AD00; }
html[data-theme="dark"] #Body .ep-radio-label { color: #F2C14E; }
html[data-theme="dark"] #Body .ep-radio-feed p { color: #DDE1E4; }
html[data-theme="dark"] #Body .ep-map-label { color: #7CCB63; }
html[data-theme="dark"] #Body .ep-map a { background: #1D2125; border-color: #343A40; border-top-color: #3A7D28; box-shadow: none; }
html[data-theme="dark"] #Body .ep-map a:hover { box-shadow: 0 10px 28px rgba(0, 0, 0, .4); }
html[data-theme="dark"] #Body .ep-zone { color: #9AA3AB; }
html[data-theme="dark"] #Body .ep-map strong { color: #F1F3F5; }
html[data-theme="dark"] #Body .ep-map a:hover strong { color: #7CCB63; }
html[data-theme="dark"] #Body .ep-desc { color: #B8C0C7; }
html[data-theme="dark"] #Body .ep-cup { color: #9AA3AB; border-color: #343A40; }