MediaWiki:Common.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.
Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
/* Font & Text */

@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Oswald&family=Roboto+Condensed&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

@font-face {
  font-family: 'AurebeshAfCanon';
  src: local("AurebeshAfCanon"),
       url(https://datacrondatabase.com/images/1/19/AurebeshAfCanon.otf);
}
@font-face {
	font-family: 'News Gothic Bold';
	src: local("News_Gothic_Bold"),
		url(https://datacrondatabase.com/images/2/28/News_Gothic_Bold.otf);
}
@font-face {
	font-family: 'Univers LT Std 49 Light Ultra Condensed';
	src: local("Univers_LT_Std_49_Light_Ultra_Condensed"),
		url(https://datacrondatabase.com/images/b/b1/Univers_LT_Std_49_Light_Ultra_Condensed.otf);
}

@font-face {
	font-family: 'ITC Avant Garde Std Medium';
	src: local("ITCAvantGardeStd-Md"),
		url(https://datacrondatabase.com/images/c/cd/ITCAvantGardeStd-Md.otf);
}

@font-face {
	font-family: 'ITC Avant Garde Std Demi';
	src: local("ITCAvantGardeStd-Demi"),
		url(https://datacrondatabase.com/images/c/cd/ITCAvantGardeStd-Demi.otf);
}

@font-face {
	font-family: 'ITC Avant Garde Std Demi Condensed';
	src: local("ITCAvantGardeStd-DemiCn"),
		url(https://datacrondatabase.com/images/c/cd/ITCAvantGardeStd-DemiCn.otf);
}

@font-face {
	font-family: 'ITC Avant Garde Std Medium Condensed';
	src: local("ITCAvantGardeStd-MdCn"),
		url(https://datacrondatabase.com/images/c/cd/ITCAvantGardeStd-MdCn.otf);
}

@font-face {
	font-family: 'ITC Avant Garde Std Book';
	src: local("ITCAvantGardeStd-Bk"),
		url(https://datacrondatabase.com/images/c/cd/ITCAvantGardeStd-Bk.otf);
}

@font-face {
	font-family: 'ITC Avant Garde Std Book Condensed';
	src: local("ITCAvantGardeStd-BkCn"),
		url(https://datacrondatabase.com/images/c/cd/ITCAvantGardeStd-BkCn.otf);
}

h1 {
  font-size: var(--font-size-xxx-large);
  font-family: 'ITC Avant Garde Std Demi';
  font-weight: lighter;
}

h1, h2, h3, h4 {
  font-family: 'ITC Avant Garde Std Demi';
  font-weight: normal;
  text-transform: uppercase;
}

h1, h2 {
  margin-block-start: 1.5em;
}

h3, h4 {
  margin-block-start: 1em;
}

@media screen {
	body {
		font-family: 'ITC Avant Garde Std Book';
		
	}
}

/* HTML Tag Modifications */

p:not(.mw-empty-elt) + ul, p:not(.mw-empty-elt) + ol, p:not(.mw-empty-elt) + table, p:not(.mw-empty-elt) + dl, p:not(.mw-empty-elt) + blockquote {
	margin-top: 0px;
}

ul {
	margin-left: 18px;
}

dl {
  padding: 0;
  margin-top: 2px;
  margin-bottom: 2px;
  margin-left: 6px;
}

@media screen {
  #ca-edit > a, #ca-ve-edit > a {
    background-color: var(--color-surface-3);
    color: #fff;
  }
}

@media screen {
  #ca-edit > a:hover, #ca-ve-edit > a:hover {
    background-color: var(--color-surface-4);
  }
}

@media screen {
  html, body {
    min-height: 100vh;
    padding: 0;
    margin: 0;
    accent-color: var(--color-primary);
    background: var(--color-surface-0);
    color: var(--color-base);
    background-image: url(https://datacrondatabase.com/images/0/07/SWPanel.png);
    background-repeat: repeat-y;
    background-position-x: 97%;
  }

@media screen {
   #footer-icons a {
      background-color: unset;
      border: unset;
    }
}

   a.new {
    color: #FD7069;
  }

 pre.wrap {
	white-space: pre-wrap;	   /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;	  /* Opera 4-6 */
	white-space: -o-pre-wrap;	/* Opera 7 */
	word-wrap: break-word;	   /* Internet Explorer 5.5+ */
}

.responsivediv {display:flex}

.scrollbox {
	margin-bottom:3px;
	margin-top:3px;
}
.scrollbox tr > td > div {
	overflow: auto; 
	-moz-border-radius-topleft: 0.5em;
	border: 1px solid #AAAAAA;
	padding-left: 0.5em;
}

@media screen {
  .scrollbox tr > td > div {
    overflow: auto;
    -moz-border-radius-topleft: 0.5em;
    border: 0.25rem solid var(--color-surface-4);
    border-radius: 12px;
    padding-left: 0.5em;
    background: var(--color-surface-2);
  }

::-webkit-scrollbar {
  width: 12px;
}

::-webkit-scrollbar-track {
  background: var(--color-surface-3);
  border-radius: 6px;
}

::-webkit-scrollbar-thumb {
  background: var(--color-surface-4);
  border-radius: 6px;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--color-surface-0);
}



/* MediaWiki Modifications */

.mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul {
  padding: 0;
  margin-top: 2px;
  margin-bottom: 2px;
}

.mw-content-ltr dd, .mw-content-rtl .mw-content-ltr dd {
  margin-right: 0;
  margin-left: 14px;
}

#footer-places {
  color: var(--color-base);
  font-family: 'ITC Avant Garde Std Medium';
  font-weight: normal;
  text-transform: uppercase;
}

@media screen {
  #footer-icons ul {
    gap: var(--space-xs);
    }
}

.mw-logo-wordmark {
  font-weight: lighter;
  font-family: Bebas Neue;
  filter: none;
}

@media screen and (min-width: 640px) {
  img.mw-logo-wordmark {
    height: 2.5rem;
    filter: none;
  }
}

@media screen {
   #footer-sitetitle img.mw-logo-wordmark {
    max-height: 3.5rem;
    filter: none;
  }
}

@media screen {
  .skin-theme-clientpref-night #footer-sitetitle img.mw-logo-wordmark {
    max-height: 3.5rem;
    filter: none;
  }
}

@media screen {
  .firstHeading-container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 6px;
  }
}

.mw-indicators {
  display: flex;
  column-gap: unset;
  align-items: center;
  border-left: 2px solid var(--border-color-base);
  font-size: 0.875rem;
  padding-left: 10px;
}

.mw-ui-button.mw-ui-progressive:not(:disabled) {
  border-color: #f0ffff00;
  background-color: var(--color-surface-3);
}

.mw-ui-button.mw-ui-progressive:not(:disabled):hover {
  border-color: #f0ffff00;
  background-color: var(--color-surface-4);
  color: #fff;
}

#mwe-lastmodified {
  padding-left: 10px;
  visibility: hidden;
}

#mw-indicator-01-stafflocked {
  padding: 2px;
  background: var(--color-surface-4);
  border-radius: 30px;
  margin: 2px;
}

#mw-indicator-02-autoconfirmedlocked {
  padding: 2px;
  background: var(--color-surface-4);
  border-radius: 30px;
  margin: 2px;
}

#mw-indicator-03-userlocked {
  padding: 2px;
  background: var(--color-surface-4);
  border-radius: 30px;
  margin: 2px;
}

#mw-indicator-04-featured {
  padding: 2px;
  background: var(--color-surface-4);
  border-radius: 30px;
  margin: 2px;
}

#mw-indicator-05-prevfeatured {
  padding: 2px;
  background: var(--color-surface-4);
  border-radius: 30px;
  margin: 2px;
}

#mw-indicator-06-goodarticle {
  padding: 2px;
  background: var(--color-surface-4);
  border-radius: 30px;
  margin: 2px;
}

#mw-indicator-21-gcanon {
  padding: 2px;
  background: var(--color-surface-4);
  border-radius: 30px;
  margin: 2px;
}

#mw-indicator-22-tcanon {
  padding: 2px;
  background: var(--color-surface-4);
  border-radius: 30px;
  margin: 2px;
}

#mw-indicator-23-ccanon {
  padding: 2px;
  background: var(--color-surface-4);
  border-radius: 30px;
  margin: 2px;
}

#mw-indicator-24-scanon {
  padding: 2px;
  background: var(--color-surface-4);
  border-radius: 30px;
  margin: 2px;
}

#mw-indicator-25-ncanon {
  padding: 2px;
  background: var(--color-surface-4);
  border-radius: 30px;
  margin: 2px;
}

#mw-indicator-26-acanon {
  padding: 2px;
  background: var(--color-surface-4);
  border-radius: 30px;
  margin: 2px;
}

#mw-indicator-27-realworld {
  padding: 2px;
  background: var(--color-surface-4);
  border-radius: 30px;
  margin: 2px;
}

#mw-indicator-27-realworld {
  padding: 2px;
  background: var(--color-surface-4);
  border-radius: 30px;
  margin: 2px;
}

#mw-indicator-42-datacron {
  padding: 2px;
  background: var(--color-surface-4);
  border-radius: 30px;
  margin: 2px;
}

#contentSub {
  font-size: 0;
  margin: 0;
}

/* User Profile */

.profile-header-attributes > h1 {
	font-family: 'ITC Avant Garde Std Demi'!important;
	font-size: var(--font-size-xxx-large);
	font-weight: normal;
    text-transform: uppercase;
}

.profile-user-group {
	color: white;
	background-color: var(--color-surface-4);
    border-radius: 20px;
    font-weight: bold;
    text-transform: uppercase;
}
}

/* Citizen Skin Modifications */

:root {
--color-primary__h: 220;
--color-primary__s: 60%;
--color-primary__l: 50%;
--color-surface-0: #D7D2CB;
--color-surface-1: #FFFFFF;
--color-surface-2: #FFFFFF;
--color-surface-3: #101820;
--color-surface-4: #307FE2;
--color-progressive: #307FE2;
--background-color-button-quiet--hover:#307FE2BD;
--background-color-interactive-subtle--hover:#307FE2BD;
--shadow-strength: 0.1;
--font-size-small: 0.8rem;
}

@media screen {
  :root.skin-theme-clientpref-night {
    --color-primary__l: 60%;
    --color-surface-0: #25282A;
    --color-surface-1: #484C51;
    --color-surface-2: #484C51;
    --color-surface-3: #101820;
    --color-surface-4: #F4364C;
    --color-progressive: #F4364C;
    --background-color-button-quiet--hover:#F4364CBD;
    --background-color-interactive-subtle--hover:#F4364CBD;
    --color-base--emphasized: hsl(var(--color-primary__h) 80% 95%);
    --shadow-strength: 0.1;
    --color-base: #FFFFFF;
    --color-subtle: #A7A8AA;
    --color-link: hsl(53.5, 56.7%, 62%);
  }
}



.skin-theme-clientpref-night a {
  --color-link: hsl(53.5,56.7%,62%);
  --color-link--hover: hsl(48, 56.7%, 62%);
  --color-link--active: hsl(53.3, 82.7%, 61.6%);
}

.skin-theme-clientpref-night  #footer-icons ul {
    filter: invert(0) hue-rotate(180deg);
  }

.skin-theme-clientpref-night .mw-indicator {
  filter: none;
}

.skin-theme-clientpref-night #footer-icons a {
  filter: invert(0) hue-rotate(180deg);
}

.citizen-search #searchInput {
    font-family: 'ITC Avant Garde Std Book';
}

.citizen-menu__card {
	background: var(--color-surface-1);
	backdrop-filter: unset;
}

.citizen-command-palette {
	background: var(--color-surface-1);
}

@media (min-width: 640px) {
  :root {
    --font-size-large: calc(var(--font-size-base) * 1.125);
    --font-size-x-large: calc(var(--font-size-base) * 1.25);
  }
}

@media screen {
  .client-js .citizen-ve-edit-merged#ca-edit {
    margin-left: calc(var(--space-xxs) * -1);
    border-left: 0;
  }
}

@media screen {
  .citizen-page-header::before {
    background:linear-gradient(to right,var(--color-surface-4),var(--color-surface-0));
    filter: unset;
  }
}

@media screen {
  .citizen-body-header--sticky .firstHeading {
    overflow: visible;
    font-size: var(--font-size-h3);
    text-overflow: ellipsis;
  }
}

@media screen {
  .citizen-body a.image > img {
    transition: transform 250ms cubic-bezier(0.215,0.61,0.355,1);
    position: unset;
  }
}

.citizen-toc__header {
  color: var(--color-base--subtle);
  letter-spacing: 0.05em;
  justify-content: center;
  display: flex;
  font-weight: lighter;
  font-family: 'ITC Avant Garde Std Demi';
  text-transform: uppercase;
}

.citizen-toc__contents, .citizen-toc__list {
  border-left: 1px solid var(--border-color-base);
  margin: 0;
  list-style: none;
  background: var(--color-surface-2);
  border-radius: 10px;
}

@media screen {
  .citizen-toc-contents, .citizen-toc-list {
    margin: 0 0 0 var(--space-xs);
    list-style: none;
    border-left: var(--border-width-thick) solid var(--border-color-base);
    font-family: 'ITC Avant Garde Std Medium';
    font-weight: normal;
    text-transform: uppercase;
  }
}

@media screen {
  .citizen-toc__listItem--active > .citizen-toc__link {
    background-color: var(--color-surface-4);
    color: white;
  }
}

@media screen {
  .citizen-toc-list-item--active > .citizen-toc-link .citizen-toc-indicator {
    background-color: var(--color-surface-4);
  }
  
@media screen {
  .citizen-toc-list-item--active > .citizen-toc-link {
    color: var(--color-surface-4);
  }
}

@media screen {
  .citizen-ve-edit-merged#ca-edit {
    border-left: unset;
    margin-left: calc(var(--space-xxs) * -1);
  }
}

@media screen {
  .citizen-drawer__card {
  	padding: unset;
    padding-bottom: var(--space-xs);
  }
}

@media screen {
  .citizen-drawer__header {
    background: var(--color-surface-4);
    background-image: url(https://datacrondatabase.com/images/2/21/SWPanelLight.png);
    background-repeat: repeat-y;
    background-position-x: 97%;
  }
  }
  
@media screen {
  .citizen-menu__heading {
    color: var(--color-surface-4);
    font-size: larger;
    font-family: 'ITC Avant Garde Std Demi';
    text-transform: uppercase;
  }
}

@media screen {
  .citizen-menu .mw-list-item a {
    font-weight: var(--font-weight-medium);
    color: var(--color-base);
    font-family: 'ITC Avant Garde Std Medium';
    font-weight: normal;
    text-transform: uppercase;
  }
}

@media screen {
  .citizen-footer {
    background-color: var(--color-surface-3);
	color: var(--color-surface-4);
  }
}

@media screen {
.citizen-footer a {
    color: white;
  }
}

.section-indicator.citizen-ui-icon.mw-ui-icon-wikimedia-collapse {
  height: 0px;
}

.citizen-header {
	background-color: var(--color-surface-4);
}

.citizen-body a.image:hover:not(.lazy):not(.new) > img {
   transform: scale(1.01);
}

#month .citizen-table-wrapper {
   margin-top: -16px;
}
  
/* Portable Infobox */

.portable-infobox {
  font-size: 0.825em;
}

.portable-infobox.noexcerpt.pi-background.pi-theme-default.pi-layout-default {
  overflow: hidden;
  font-family: 'ITC Avant Garde Std Book Condensed';
  min-width: 22.5rem;
  max-width: 100%;
  margin-bottom: 1.6rem;
  padding-bottom: 0px !important;
  background: var(--color-surface-2);
  border: 0.25rem solid var(--color-surface-4);
  border-radius: 16px;
  border-spacing: 0;
  box-shadow: unset;
  text-align: left;
  display: block;
}

.pi-data {
  border-bottom-style: unset;
  border-bottom-width: 1px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-box-orient: horizontal;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  box-sizing: border-box;
  overflow: hidden;
  width: 100%;
}

.portable-infobox .pi-title {
  border: 0;
  margin: 0;
  font-family: 'ITC Avant Garde Std Demi Condensed';
  line-height: 1;
  font-weight: lighter;
  color: #f5f5f5;
  font-size: calc(var(--font-size-base) * 1.375);
  text-transform: uppercase;
  padding-top: 8px;
}

.pi-smart-data-label:not(:first-child), .pi-smart-data-value:not(:first-child) {
  border-left-style: unset;
}

.pi-title p {
	margin-top: 0px;
    margin-bottom: 0px;
}

.pi-item.pi-item-spacing.pi-title {
  background: var(--color-surface-3);
}

.pi-title small {
    font-family: 'ITC Avant Garde Std Medium';
    font-size: 0.6em;
    margin-top: 6px;
    padding-bottom: 5.3px;
}

.pi-title .Aurebesh p {
  padding-bottom: 10px;
  margin-bottom: -8px;
  margin-top: 0px;
  font-size: 0.375em;
  color: #FFFFFF6D;
}

.pi-title .Blank p {
  font-size: 0.375em;
  margin-top: 6px;
  color: #FFFFFF6D;
}

.pi-image-thumbnail {
  height: auto;
  width: 800px;
  max-width: 100%;
}

.portable-infobox .pi-media {
  margin: 0;
  max-width: 100%;
  text-align: center;
  background-color: var(--color-surface-4);
}

.portable-infobox .pi-horizontal-group {
  text-align: left;
}

.portable-infobox .pi-horizontal-group .pi-data-value:not(:first-child) {
  padding-left: 0.625px;
}

.pi-horizontal-group .pi-horizontal-group-item:not(:first-child) {
  border-left-style: solid;
  border-left-width: 0px;
}

.pi-caption {
  color: #FFFFFF6B;
  font-size: 1em;
  font-style: italic;
  word-wrap: break-word;
  background: var(--color-surface-3);
}

.pi-media-collection-tabs {
  justify-content: left;
  font-size: var(--font-size-x-small);
  font-family: 'ITC Avant Garde Std Medium Condensed';
  text-transform: uppercase;
}

.pi-group {
  border-bottom-style: solid;
  border-bottom-width: 0px;
}

.portable-infobox .pi-section-navigation, .portable-infobox .pi-media-collection-tabs {
  background: var(--color-surface-3);
  line-height: 0.8rem;
  padding-top: 0.174rem;
  padding-bottom: 0.174rem;
  width: 100%;
  margin: 0px;
  display: flex;
}

.pi-section-navigation .pi-section-tab, .pi-media-collection .pi-tab-link {
    background: var(--color-surface-2);
    border-radius: 0.8rem;
    margin-left: 3px;
    margin-right: 3px;
    border-width: 0;
    min-width: 23%;
    padding-top: 0.5em;
    flex: auto;
    margin-top: 2px;
    margin-bottom: 2px;
    font-size: 1.25em;
}

.pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current {
    color: #f5f5f5;
    background: var(--color-surface-4);
    border-radius: 0.8rem;
    margin-left: 3px;
    margin-right: 3px;
    border-width: 0;
    border-bottom-width: 0px;
    min-width: 23%;
    padding-top: 0.5em;
    flex: auto;
    margin-top: 2px;
    margin-bottom: 2px;
    font-size: 1.25em;
}

.pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current {
	font-weight: unset;
    border-color: unset;
    border-bottom-width: 0;
}

.pi-data-value:not(:first-child) {
  padding-left: 1.25rem;
}

.pi-data-label {
  flex-basis: 9.25rem;
}

.portable-infobox .pi-data-label {
  line-height: inherit;
  flex-basis: 38%;
  font-family: 'ITC Avant Garde Std Medium Condensed';
  text-transform: uppercase;
}

.portable-infobox .pi-data-value {
	display: revert;
	flex-basis: 62%;
	font-family: 'ITC Avant Garde Std Book Condensed';
    text-align: left;
}

.pi-data-value ul {
  padding: 0;
  margin-top: 2px;
  margin-bottom: 2px;
  margin-left: 14px;
}

.pi-item.pi-data {
}

.portable-infobox .pi-header {
  border: 0;
  margin: 0;
  font-size: var(--font-size-medium);
  line-height: 1.3;
  font-family: 'ITC Avant Garde Std Demi';
  font-weight: lighter;
  color: #f5f5f5;
  text-transform: uppercase;
}

.portable-infobox .pi-secondary-background {
  background-color: var(--color-surface-3);
}

.pi-navigation.pi-item-spacing.pi-secondary-background.pi-secondary-font {
  text-align: center;
  border-radius: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}

.portable-infobox.noexcerpt.pi-background.pi-theme-wide.pi-layout-default {
  border: 0.25rem solid var(--color-surface-4);
  border-radius: 16px;
}

.portable-infobox.noexcerpt.pi-background.pi-theme-wide.pi-layout-default {
  overflow: hidden;
  width: 24.5rem;
  max-width: 100%;
  margin-bottom: 1.6rem;
  padding-bottom: 0px !important;
  background: var(--color-surface-2);
  border-spacing: 0;
  box-shadow: var(--box-shadow-card);
  text-align: left;
  display: block;
}

.pi-smart-data-value.pi-data-value.pi-font.pi-item-spacing {
  padding-left: 10px;
  padding-right: 10px;
}

.pi-group > .pi-item:last-child {
  border-bottom: 0;
  text-align: left;
}

.pi-smart-data-label:not(:first-child), .pi-smart-data-value:not(:first-child) {
  border-color: #a2a9b1;
  border-color: var(--pi-border-color);
  border-left-style: none;
  border-left-width: 1px;
}

.pi-navigation {
  font-family: 'ITC Avant Garde Std Book';
}

.pi-navigation .plainlinks a.external:visited {
  color: white;
}

.Abrev p {
  font-family: 'ITC Avant Garde Std Medium';
  font-size: 0.6em;
  margin-top: 6px;
  color: #FFFFFF6B;
  padding-bottom: 5.3px;
}

.Aurebesh p {
  font-family: 'AurebeshAfCanon';
  margin-top: 6px;
}

.Blank p {
  margin-top: 6px;
  color: #FFFFFF6;
}

/* Statbox */

.statbox {
  display: flex;
  flex-direction: column;
  float: right;
  overflow: hidden;
  background: var(--color-surface-2);
  border: 0.25rem solid var(--color-surface-4);
  border-radius: 16px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  width: 18.5rem;
}

.statbox .tabber__header {
	margin: 0.5em;
}

/* Related Atrticles */

  .ext-related-articles-card-list h3 {
  	text-transform: unset;
  }

/* Tabber */

.tabber__tabs {
	font-family: 'ITC Avant Garde Std Medium Condensed';
}

.tabber__tab {
	color: white;
	background: var(--color-surface-3);
    border-radius: 1.5rem;
    margin-right: 0.348rem;
    height: 1.5em;
    text-transform: uppercase;
    padding: 0.1em 0.5em 0.1em;
    line-height: 1.5em;
}

.tabber__tab[aria-selected="true"], .tabber__tab[aria-selected="true"]:visited {
  background: var(--color-surface-4);
  color: white;
}

.tabber__tab:hover {
    box-shadow: unset;
    color: var(--color-surface-4);
  }

.tabber__tab[aria-selected="true"] {
  box-shadow: unset;
}

.tabber__tab:visited {
  color: white;
}

@media (hover: hover) {
  .tabber__tab:hover {
    color: white;
  }
}

.tabber__indicator {
  border-radius: 0px;
  margin-top: -2px;
  background: #36c;
  block-size: 0px;
  inline-size: 0;
}

.tabber__header {
    box-shadow: inset 0 px 0 0 var(--border-color-base--darker);
    margin-bottom: 10px;
  }

.tabber__panel p {
	margin-top: 0px;
	margin-bottom:0px;
}


/* Navbox */

.navbox {
    overflow: hidden; 
    background: var(--color-surface-2); 
    border: 0.25rem solid var(--color-surface-4); 
    border-radius: 16px; 
    font-size: 0.8em; 
    text-align: center; 
    margin-left: auto; 
    margin-right: auto; 
    width: fit-content;
}

.navbox-title {
	background-color: var(--color-surface-3); 
	font-size: var(--font-size-medium); 
	font-family: 'ITC Avant Garde Std Medium Condensed'; 
	color: #f5f5f5; 
	text-transform: uppercase; 
	line-height: 1.3;
	padding-top: 5px;
    padding-bottom: 2px;
}

.navbox-title a {
  --color-link: white;
}

.navbox-title p {
	margin: 0;
}

.navbox-text {
	background: var(--color-surface-2); 
	text-align: center;
	padding: 0px;
}

.navbox-text p {
	margin: 0;
}

.navbox-subtitle {
	width: 380px; 
	background: var(--color-surface-3) 
	color: #ffffff;
}

.navbox-subtitle p {
	margin: 0;
}

.navbox-source {
	border-radius: 0px 0px 10px 10px; 
	background: var(--color-surface-3);
	padding: 2px;
	color: #ffffff;
}

.navbox-source a {
  --color-link: white;
}

.navbox-source p {
	margin: 0;
}

.navbox-wide {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	width: 560px;
	background: var(--color-surface-2);
	table-layout: fixed;
	border-radius: 10px;
}

.openingcrawlep p {
	margin:0;
}
.openingcrawltitle p {
	margin:0;
}
.openingcrawltext p {
	margin:0;
}



/* AppMen */

@media (max-width: 800px) {
  .AppMen {
    flex-direction: column;
  }
}

.AppMen {
	display:flex; 
	flex-direction: row;
}

.AppMen ul {
	margin-top: 0px;
	margin-bottom:0px;
}
.AppMen dl {
	margin-top: 0px;
	margin-bottom:0px;
}

.AppMen p {
	margin-top: 0px;
	margin-bottom:0px;
}

.AppMen small {
  font-family: 'ITC Avant Garde Std Book Condensed';
}

/* Month Infoboxes */

.infobox-month {
	float: right; 
	min-width: 22.5rem; 
	border: 0.25rem solid var(--color-surface-4); 
	border-radius: 16px; 
	overflow: hidden; 
	margin: 0 0 var(--pi-margin) var(--pi-margin); 
	margin: 0 0 15px 15px; 
	font-size: 0.8em;
	}

.infobox-month-title {
	padding: 5px 10px; 
	background: var(--color-surface-3); 
	border: 0; 
	margin: 0; 
	font-family: 'ITC Avant Garde Std Demi Condensed'; 
	line-height: 1; 
	font-weight: lighter; 
	color: #f5f5f5; 
	font-size: calc(var(--font-size-base) * 1.375); 
	text-transform: uppercase; padding-top: 8px;
	}

.infobox-month-title p {
	border: 0; 
	margin: 0; 
	font-family: 'ITC Avant Garde Std Demi Condensed';
	margin-bottom: 0px;
	}

.infobox-month-main {
	background-color:var(--color-surface-2);
	}

.infobox-month-tabs {
	background: var(--color-surface-3); 
	padding-top: 0.174rem; 
	padding-bottom: 0.174rem;
	}
	
.infobox-month-tabs-row {
	line-height: 0.8rem; 
	width: 100%; 
	margin: 0px; 
	display: flex; 
	font-size: var(--font-size-x-small); 
	font-family: 'ITC Avant Garde Std Medium Condensed'; 
	text-transform: uppercase;
	}
	
.infobox-month-tab {
	color: var(--color-base); 
	background: var(--color-surface-2); 
	border-radius: 0.8rem; 
	margin: 2px 3px; 
	padding-top: 0.35em; 
	flex: auto; 
	font-size: 1.25em; 
	text-align: center; 
	font-weight: unset; 
	width: 14%;
	}
	
.infobox-month-tab a {
	color: var(--color-base);
	}
	
.infobox-month-tab-current {
	color: #f5f5f5; 
	background: var(--color-surface-4); 
	border-radius: 0.8rem; 
	margin: 2px 3px; 
	padding-top: 0.35em; 
	flex: auto; 
	font-size: 1.25em; 
	text-align: center; 
	font-weight: unset; 
	width: 14%;
	}
	
.infobox-month-tab-current a {
	color: #f5f5f5; 
	}
	
.infobox-month-subtitle {
	display: flex; 
	justify-content: center; 
	font-family: 'ITC Avant Garde Std Medium Condensed'; 
	text-transform: uppercase; 
	padding: 5px 10px;
	}
	
.infobox-month-content-row {
	display: grid; 
	grid-template-columns: 14% 14% 14% 16% 14% 14% 14%;
	}
	
.infobox-month-content {
	display: flex; 
	justify-content: center;
	}
	
.infobox-month-content p {
	margin: 0;
	}

/* PlainLinks */

@media screen {
.plainlinks .mw-parser-output a.extiw:visited, .mw-parser-output a.external:visited {
    color: unset;
  }
}


/* CatLinks */

@media screen {
  .catlinks li > a:hover {
    background-color: var(--color-surface-4);
    color: #fff;
  }
}

@media screen {
 .catlinks li > a:hover, .catlinks li > a:hover:visited {
        border-radius: var(--border-radius-pill);
      }
}

/* Home Page */

#home-featured {
	overflow: hidden;
}

#home-featured .home-card__background a {
	display: block;
	height: 100%;
}

#home-featured .home-card__background:after {
	top: unset;
	height: 60%;
	background: linear-gradient( to top, #000, transparent );
}

#home-featured .home-card__foreground {
	top: unset;
}

.mw-parser-output .grid-main{
  display: grid;
  grid: auto-flow dense/repeat(auto-fit,minmax(21rem,1fr));
    grid-template-rows: none;
    grid-template-columns: repeat(auto-fit, minmax(21rem, 1fr));
    grid-template-areas: none;
    grid-auto-rows: auto;
    grid-auto-columns: auto;
    grid-auto-flow: dense;
    grid-auto-rows: minmax(2.5rem,auto);
    grid-gap: var(--space-xs);
	margin-top: 0.5rem;
}

.mw-parser-output .grid-secondary{
  display: grid;
  grid: auto-flow dense/repeat(auto-fit,minmax(8.75rem,1fr));
    grid-template-rows: none;
    grid-template-columns: repeat(auto-fit, minmax(10.5rem, 1fr));
    grid-template-areas: none;
    grid-auto-rows: auto;
    grid-auto-columns: auto;
    grid-auto-flow: dense;
    grid-auto-rows: minmax(2.5rem,auto);
    grid-gap: var(--space-xs);
  margin-top: 1rem;
}

.mw-parser-output #main-nav {
  margin-top: 0.5rem;
  min-height:  63px;
}

@media screen {
  .mw-parser-output .main-card--button:hover img {
    transform: scale(1.01);
  }
}

.mw-parser-output .main-card.main-card--button
{
  overflow: hidden;
  padding: 0;
  background: var(--color-surface-4);
  border: 0;
  box-shadow: var(--box-shadow-card);
}


.mw-parser-output .main-card {
  position: relative;
  padding: var(--space-md);
  background: var(--color-surface-1);
  border: 1px solid var(--border-color-base);
  border-radius: 10px;
  box-shadow: 0 3px 6px rgba(0,0,0,0.04),0 3px 6px rgba(0,0,0,0.0575);
}

.mw-parser-output .main-card-title {
  padding: var(--space-sm);
  color: #fff;
  line-height: var(--line-height-xs);
  pointer-events: none;
  margin-bottom: 0;
  width: 100%;
  background: var(--color-surface-3);
  min-height: 52px;
  }
  
.main-card-title h4 {
  font-family: 'ITC Avant Garde Std Demi';
  font-weight: lighter;
  color: white;
  margin-top: 0em;
  margin-bottom: -0.25em;
  font-size: 1.25em;
  text-transform: uppercase;
}
  
.main-card-title b {
  font-family: 'AurebeshAfCanon';
  font-weight: lighter;
  color: #FFFFFF6B;
  margin-top: 0em;
  font-size: 0.6em;
}

.main-card-title--background {
  margin-bottom: 0;
  width: 100%;
  background: var(--color-surface-3);
  height: 52px;
}

.main-card-text {
  display: block;
  min-height: 210px;
  margin: 5px;
}

.mw-parser-output .main-card--button .main-card__background a {
  padding: 0;
}

.mw-parser-output .main-card--button img {
  transition: transform 0.2s ease;
}

.mw-parser-output .main-banner_background img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.mw-parser-output .main-banner_background-home img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.mw-parser-output .main-card_background img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}


.mw-parser-output .main-banner_background::after {
  position: absolute;
  pointer-events: none;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  background: linear-gradient(to bottom,#0000009c,transparent);
  content: "";
}

.mw-parser-output .main-card_background::after {
  position: absolute;
  pointer-events: none;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  background: linear-gradient(to right,#0000009c,transparent);
  content: "";
}

.mw-parser-output .main-card_background-home::after {
  position: absolute;
  pointer-events: none;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  background: linear-gradient(to right,var(--color-surface-4),transparent);
  content: "";
}

.mw-parser-output #main-nav .main-card_foreground {
  font-weight: var(--font-weight-medium);
}

.mw-parser-output .main-card_foreground {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding: var(--space-md);
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: var(--space-xxs);
  color: #fff;
  line-height: var(--line-height-xs);
  pointer-events: none;
}

.mw-parser-output .main-card_foreground-home {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding: var(--space-md);
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: var(--space-xxs);
  color: #fff;
  line-height: var(--line-height-xs);
  pointer-events: none;
  text-align: center; 
  text-shadow: 0px 0px 10px #000; 
  margin-left: 60px; 
  width: 492px;
}

.main-card_foreground h4 {
  font-family: 'ITC Avant Garde Std Demi';
  font-weight: lighter;
  color: white;
  margin-top: 0em;
  margin-bottom: -0.25em;
  font-size: var(--font-size-large);
  text-transform: uppercase;
}

.main-card_foreground b {
  font-family: 'AurebeshAfCanon';
  font-weight: lighter;
  color: #FFFFFF6B;
  margin-top: 0em;
  font-size: 0.6em;
}

.mw-parser-output .main-card_background{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: var(--color-surface-4)
  border-radius: 8px;
}

.mw-parser-output .main-card--button img {
    transition: transform 0.2s ease;
    position: absolute;
    width: 100%;
    top: 0%;
    left: 0%;
  }

.main-card.main-card-featured {
	min-height: 276px; 
	background: var(--color-surface-2); 
	border-bottom-right-radius: 10px; 
	border-bottom-left-radius: 10px; 
	border-top-left-radius: 10px;
	border-top-right-radius: 10px; 
	border: 0.25rem solid var(--color-surface-3);
	box-shadow: var(--box-shadow-card);
	overflow: hidden; 
	padding: 0; 
	position: relative;
}

.main-card.main-card-featured {
	min-height: 276px; 
	background: var(--color-surface-2); 
	border-bottom-right-radius: 10px; 
	border-bottom-left-radius: 10px; 
	border-top-left-radius: 10px;
	border-top-right-radius: 10px; 
	border: 0.25em solid var(--color-surface-3); 
	box-shadow: var(--box-shadow-card);
	overflow: hidden; 
	padding: 0; 
	position: relative;
}

.main-card.main-card-news {
	min-height: 276px; 
	background: var(--color-surface-2); 
	border-bottom-right-radius: 10px; 
	border-bottom-left-radius: 10px; 
	border-top-left-radius: 10px;
	border-top-right-radius: 10px; 
	border: 0.25rem solid var(--color-surface-3);
	box-shadow: var(--box-shadow-card);
	overflow: hidden; 
	padding: 0; 
	position: relative;
}

.main-break-title {
  line-height: 1.2;
  padding-top: 6px;
  padding-bottom: 2px;
  text-align: center;
  width: 100%;
  background: var(--color-surface-3);
  margin-top: 8px;
  margin-bottom: 0;
  border: 0.25rem solid var(--color-surface-4);
  border-radius: 16px;
  min-height: 44px;
  overflow: hidden;
}

.va-portal-featuredarticle-text {
  text-align: justify;
}

.mw-parser-output .main-banner .main-card--button img {
	position: unset;
}

@media screen {
  .mw-parser-output .main-card--banner img {
    transition: transform 0.2s ease;
    position: unset;
    width: 100%;
    top: 0%;
    left: 0%;
  }
}


/* DataMaps */

.ext-datamaps-container-content .ext-datamaps-container-leaflet {
  background: var(--color-surface-3);
}

.ext-datamaps-container-leaflet.leaflet-container.leaflet-touch.leaflet-fade-anim.leaflet-touch-zoom {
  border: 0.25rem solid var(--color-surface-4);
}


/* Media Uploader */

#upload-wizard {
  max-width: 100%;
}

.arrowSteps li.head div {
  box-shadow: unset;
}

#mediauploader-steps {
  border-radius: 26px;
  background-color: var(--color-surface-2);
  font-family: 'ITC Avant Garde Std Demi';
  font-weight: normal;
  text-transform: uppercase;
  line-height: unset;
}

#mediauploader-steps li.head {
  color: var(--color-base);
  background-color: var(--color-surface-4);
  border-radius: 26px;
  font-weight: unset;
}

#mediauploader-step-tutorial {
  color: var(--color-base);
}

#mediauploader-step-file {
  color: var(--color-base);
}

#mediauploader-step-deeds {
  color: var(--color-base);
}

#mediauploader-step-details {
  color: var(--color-base);
}

#mediauploader-step-thanks {
  color: var(--color-base);
}


/* ToolTip */

.tooltipster-default {
	border-radius: 10px;
	border: 0px solid #000;
	background: var(--color-surface-3);
}

.simple-tooltip-inline {
    border-bottom: 0px dotted #AAA;
}

@media (max-width: 640px) {
.statbox {
  float: unset;
}
}

p.Aurebesh  {
  font-family: 'AurebeshAfCanon';
  margin-top: 6px;
}

.pi-title p.Aurebesh {
  padding-bottom: 10px;
  margin-bottom: -8px;
  margin-top: 0px;
  font-size: 0.375em;
  color: #FFFFFF6D;
}

.catlinks li > a:hover, .catlinks li > a:hover:visited {
    color: var(--color-inverted-primary);
    background-color: var(--color-surface-4);
  }

.navplate {
	display: flex; 
	margin-left: auto; 
	margin-right: auto; 
	width: 100%
	}
	
.navplate-main {
	border: 0.25rem solid var(--color-surface-4); 
	margin-top: 0.5em;
	margin-bottom: 2px; 
	border-radius: 12px; 
	background-color: var(--color-surface-3); 
	align-self: flex-start; 
	width: 100%; 
	text-align: center;
	}
	
.navplate-title {
	cursor: pointer; 
	background: var(--color-surface-3); 
	border-radius: 16px; 
	font-size: var(--font-size-large); 
	line-height: 1.3; 
	font-family: 'ITC Avant Garde Std Demi'; 
	font-weight: lighter; 
	color: #f5f5f5; 
	text-transform: 
	uppercase; 
	padding: 5px 10px;
	}
	
.navplate-title p {
	margin-top: auto;
    margin-bottom: auto;
	}

.navplate-title a {
	color: #f5f5f5; 
	}

.navplate-title a.mw-selflink {
	font-weight: normal;
	}
	
.navplate-content {
	background: var(--color-surface-2); 
	width: 100%; 
	border-bottom-right-radius: 8px; 
	border-bottom-left-radius: 8px;
	}
	
.navplate-content-subtitle {
	color: #f5f5f5; 
	background-color: var(--color-surface-4); 
	border-right: 0.25em solid var(--color-surface-3); 
	border-left: 0.25em solid var(--color-surface-3);
	border-bottom: 0.2em solid var(--color-surface-3);
	}
	
.navplate-content-title-subtitle {
	display: flex; 
	justify-content: center; 
	font-family: 'ITC Avant Garde Std Medium Condensed'; 
	text-transform: uppercase; 
	padding: 0px 10px;
	}
	
.navplate-content-list {
	background-color: var(--color-surface-2);
	border-bottom: 0.2em solid var(--color-surface-3); 
	border-right: 0.25em solid var(--color-surface-3); 
	border-left: 0.25em solid var(--color-surface-3);
	}
	
.navplate-content-list-grid {
	display: grid; 
	grid-template-columns: 20% 80%;
	}
	
.navplate-content-list-label {
	display: flex; 
	justify-content: center; 
	font-family: 'ITC Avant Garde Std Medium Condensed'; 
	text-transform: uppercase;
	padding: 0px 10px;
	}
	
.navplate-content-list-label p {
	margin-top: auto; 
	margin-bottom: auto;
	}

.navplate-content-list-value {
	display: flex; 
	text-align: initial;
	padding: 0px 10px;
	}
	
.navplate-content-list-value p {
	margin-top: auto; 
	margin-bottom: auto;
	}
	
.navplate-content-title {
	background-color: var(--color-surface-2);
	border-bottom: 0.2em solid var(--color-surface-3); 
	border-right: 0.25em solid var(--color-surface-3); 
	border-left: 0.25em solid var(--color-surface-3);
	}

	
.navplate-content-title-label {
	display: flex; 
	justify-content: center; 
	line-height: inherit; 
	font-family: 'ITC Avant Garde Std Medium Condensed'; 
	text-transform: uppercase; padding: 5px 10px;
	}
	
.navplate-content-title-grid {
	display: grid; 
	grid-template-columns: 2% 32% 32% 32% 2%;
	}
	
.navplate-prev-icon {
	display: flex; 
	justify-content: center; 
	padding: 0px 10px;
	}

.skin-theme-clientpref-night .navplate-prev-icon {
	filter: invert(100%)
	}

.navplate-next-icon {
	display: flex; 
	justify-content: center; 
	padding: 0px 10px;
	}

.skin-theme-clientpref-night .navplate-next-icon {
	filter: invert(100%)
	}

.navplate-content-title-value-prev {
	display: flex; 
	justify-content: center; 
	padding: 0px 10px;
	}
	
.navplate-content-title-value-prev p {
	margin: 0;
	}

.navplate-content-title-value-next {
	display: flex; 
	justify-content: center; 
	padding: 0px 10px;
	}
	
.navplate-content-title-value-next p {
	margin: 0;
	}
	
.navplate-content-title-value-date {
	display: flex; 
	justify-content: center; 
	padding: 0px 10px;
	}
	
.navplate-content-title-value-date p {
	margin: 0;
	}

.navplate-source {
	font-size: 0.8em; 
	border-bottom-right-radius: 8px; 
	border-bottom-left-radius: 8px;
	border-radius: 0px 0px 10px 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    background: var(--color-surface-3);
    padding: 2px;
    color: #f5f5f5;
	}
	
.navplate-source p {
	margin: 0;
	}

.navplate.navplate-Years-Real {
  width: 50%;
}

@media (max-width: 640px) {
	html {
		font-size: 80%;
	}
}

@media (max-width: 640px) {
	.AppMen {
    	display: flex;
    	flex-direction: column;
	}
}

@media (max-width: 640px) {
	.portable-infobox {
		float: unset;
		margin-left: auto;
		margin-right: auto;
		width: 100%;
	}
	
	.infobox-month {
	float: unset; 
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	}
}


table.timeline {
	box-shadow: none;
	font-size: var( --font-size-small );
}

table.timeline, table.timeline tbody {
    display: block;
}

table.timeline tr {
	position: relative;
	margin-left: 8px;
	padding: var( --space-xs ) var( --space-xs ) var( --space-xs ) 20px;
    display: flex;
    flex-direction: column;
    border-top-right-radius: var( --border-radius-small );
    border-bottom-right-radius: var( --border-radius-small );
}

table.timeline tr:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -1px;
    display: block;
    width: 2px;
    background-color: var( --border-color-base );
}

table.timeline tr td:first-child {
    font-size: var( --font-size-medium );
    font-weight: var( --font-weight-semi-bold );
    color: var( --color-emphasized );
}

table.timeline tr td:first-child:before {
	content: "";
    width: 8px;
    height: 8px;
    display: block;
    background-color: var( --color-subtle );
    border-radius: 100%;
    position: absolute;
    left: -4px;
    margin-top: 8px;
}

table.timeline tr td {
	padding: 0;
	border: 0 !important;
}

.cdx-card__text__title {
	text-transform: uppercase;
	font-family: 'ITC Avant Garde Std Demi Condensed';
	font-weight: unset;
}


/* Navbox Opening Crawl Template */

@media (max-width: 640px) {	
.navbox-openingcrawl {
	margin: 0 auto;
}
}





/* MainBanner Template */

.main-banner-grid {
	display:grid; 
	grid-template-rows: none;
	grid-template-columns: repeat(auto-fit,minmax(21rem,1fr)); 
	grid-template-areas: none; 
	grid-auto-columns: auto; 
	grid-auto-flow: dense; 
	grid-auto-rows: minmax(2.5rem,auto); 
	grid-gap: var(--space-xs); 
	margin-top: 0.5rem;
}

.main-banner {
	position: relative; 
	border-radius: 16px; 
	background-color:var(--color-surface-3); 
	width: 100%; 
	align-content: center;
}

.main-banner-foreground {
	
}

.main-banner-background {
	display: flow-root; 
	background: linear-gradient(90deg,rgba(255, 255, 255, 0) 0%, var(--color-surface-4) 35%, var(--color-surface-4) 65%, rgba(255, 255, 255, 0) 100%);
}

.main-banner-logo {
	display: flex; 
	justify-content: center; 
	margin-top: 1em; 
	margin-bottom: 1em;
}

.main-banner-logo img {
	max-width: 460px;
	}

.home-header__search.scw-gradient-glow.citizen-search-trigger {
	padding: 0.5em; 
	margin-top: 1em; 
	margin-bottom: 1em; 
	margin-left: auto; 
	margin-right: auto; 
	max-width: 600px; 
	border-radius: var(--border-radius-pill); 
	background-color: var(--color-surface-1); 
	cursor: pointer; 
	font-size: var(--font-size-small); 
	font-weight: var(--font-weight-medium); 
	text-align: center;
	display: flex; 
	flex-direction: row; 
	justify-content: center;
}

.home-header__searchIcon {
	margin-right: var(--space-sm);
}

.skin-theme-clientpref-night .home-header__searchIcon img{
	filter: var(--filter-invert);
}

.home-header__searchText code{
	margin-left: var(--space-sm);
	}
	
.main-banner-stats {
	display: flex; 
	justify-content: center; 
	height: 28px; 
	margin-bottom: 1em;
	}
	
@media (max-width: 800px) {
	.main-banner-logo img {
		max-width: 320px;
	}
	
	.home-header__search.scw-gradient-glow.citizen-search-trigger {
	max-width: 500px; 
	}
}

/* MainFeatured Template */

.main-featured-info {
	width: 100%; 
	background-color: var(--color-surface-1); 
	border-radius: 16px; 
	border: 0.25rem solid var(--color-surface-4); 
	text-align: center; 
	overflow: hidden; 
	margin-top: 0.5rem; 
	margin-bottom: 0.5rem; 
	font-size: 0.85em;
	}

.main-featured-info-nav {
	display: flex; 
	flex-direction: row; 
	justify-content: center; 
	color: white; 
	background-color: var(--color-surface-3); 
	font-family: 'ITC Avant Garde Std Demi'; 
	text-transform: uppercase;
	}
.main-featured-info-nav-margin {
	margin: 0.5rem;
	}
	
.main-featured-grid {
	display: grid; 
	grid: auto-flow dense/repeat(auto-fit,minmax(21rem,1fr)); 
	grid-template-rows: none; 
	grid-template-columns: repeat(auto-fit,minmax(21rem,1fr)); 
	grid-template-areas: none; 
	grid-auto-rows: auto; 
	grid-auto-columns: auto; 
	grid-auto-flow: dense; 
	grid-auto-rows: minmax(2.5rem,auto); 
	grid-gap: var(--space-xs); 
	margin-top: 0.5rem; 
	margin-bottom: 0.5rem;
	}

.main-featured-card {
	height: 548px; 
	background: var(--color-surface-1); 
	border-radius: 16px; 
	border: 0.25rem solid var(--color-surface-4); 
	overflow: hidden;
	}

.main-featured-card-header {
	background: var(--color-surface-3); 
	padding: 5px 10px; 
	text-align: center;
	height: 64px;
	}
	
.main-featured-card-header h4 {
	font-family: 'ITC Avant Garde Std Demi'; 
	line-height: 1; 
	font-weight: lighter; 
	color: rgb(245, 245, 245); 
	font-size: 1.25em; 
	text-transform: uppercase; 
	padding-top: 8px; 
	border-width: 0px; 
	border-style: initial; 
	border-color: initial; 
	border-image: initial; 
	margin: 0px;
	}
	
.main-featured-card-padding {
	padding: 0.5em;
	}

.main-featured-card-other {
	height: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0.5em;
	}

.main-featured-card-section {
	min-height: 210px;
	width: 100%;
	}

.main-featured-card-section h4 {
	margin-block-start: 0;
	}
	
.main-featured-news-text {
	height: 462px; 
	overflow: scroll; 
	font-size: 0.85em;
	}

.main-featured-news-text p {
	margin:0;
	}
	
.main-featured-OTD-text {
	overflow: auto; 
	height: 462px;
	font-size: 0.85em;
	}
	
.main-featured-OTD-text p {
	margin:0;
	}

.main-featured-card-duo {
	display:flex; 
	flex-direction: column; 
	gap: var(--space-xs);
	}
	
.main-featured-card-half {
	height: 270px; 
	background: var(--color-surface-1); 
	border-radius: 16px; 
	border: 0.25rem solid var(--color-surface-4); 
	overflow: hidden;
	}
	
.main-featured-article-text {
	overflow: hidden; 
	height: 184px; 
	font-size: 0.85em;
	}
	
.main-featured-article-text p {
	margin:0;
	}

.main-featured-article-text img {
	border-radius: 8px;
	}
	
.main-featured-article-text img :hover {
	border-radius: 8px;
	}
	
.main-featured-QOTD-text {
	overflow: auto; 
	height: 184px; 
	font-size: 0.85em;
	}
	
.main-featured-QOTD-text p {
	margin:0;
	}
	
	
/* MainNavigation Template */

.main-nav-header {
	width: 100%; 
	background-color: var(--color-surface-3); 
	border: 0.25rem solid var(--color-surface-4); 
	border-radius: 16px; 
	text-align: center; 
	padding: 0.5em; 
	align-content: center; 
	margin-top: 0.5rem; 
	margin-bottom: 0.5rem;
	}

.main-nav-header h4 {
	color: white; 
	margin: 0; 
	font-size: 1.25em;
	}

.main-nav-header p.Aurebesh {
	padding-bottom: 10px; 
	margin-bottom: -8px; 
	margin-top: 0px; 
	font-size: 0.65em; 
	color: #FFFFFF6D;
	}

.main-nav-grid-films {
	display:grid; 
	grid-template-rows: none;
	grid-template-columns: repeat(auto-fit,minmax(14rem,1fr)); 
	grid-template-areas: none; 
	grid-auto-columns: auto; 
	grid-auto-flow: dense; 
	grid-auto-rows: minmax(2.5rem,auto); 
	grid-gap: var(--space-xs); 
	margin-top: 0.5rem; 
	min-height: 292px;
	}

@media (max-width: 640px) {
.main-nav-grid-films {
	min-height: 657px;
	}
}

.main-nav-card-films {
	overflow: hidden; 
	border-radius: 17px; 
	position: relative;
	}
	
.main-nav-card-background {
	
	}
	
.main-nav-card-background img{
	transition: transform 0.2s ease;
    position: absolute;
    height: 100%;
    object-fit: cover;
    object-position: center;
    width: 100%;
    filter: grayscale(1);
	}
	
.main-nav-card-background img:hover{
	transition: transform 0.2s ease;
    position: absolute;
    height: 100%;
    object-fit: cover;
    object-position: center;
    width: 100%;
    filter: unset;
    transform: scale(1.01);
	}

.main-nav-card-films-foreground {
	text-align: center; 
	position: absolute; 
	bottom: 0; 
	left: 0; 
	right: 0; 
	padding: var(--space-md); 
	display: flex; 
	flex-direction: column; 
	justify-content: center; 
	gap: var(--space-xxs); 
	color: #fff; 
	line-height: var(--line-height-xs); 
	pointer-events: none;
	}
	
.main-nav-card-films-foreground h2 {
	font-family: 'ITC Avant Garde Std Demi'; 
	font-weight: lighter; 
	color: white; 
	margin-top: 0em; 
	margin-bottom: -0.25em; 
	text-transform: uppercase;
	}

.main-nav-card-films-foreground h4 {
	font-weight: lighter; 
	color: white; 
	margin-top: 0em; 
	margin-bottom: -0.1em;
	}

.main-nav-grid-tv {
	display:grid; 
	grid-template-rows: none;
	grid-template-columns: repeat(auto-fit,minmax(14rem,1fr)); 
	grid-template-areas: none; g
	rid-auto-columns: auto; 
	grid-auto-flow: dense; 
	grid-auto-rows: minmax(2.5rem,auto); 
	grid-gap: var(--space-xs); 
	margin-top: 0.5rem; 
	min-height: 86px;
	}
	
@media (max-width: 640px) {
.main-nav-grid-tv {
	min-height: 258px;
	}
}

.main-nav-card-tv {
	overflow: hidden; 
	border-radius: 17px; 
	position: relative;
	}
	
.main-nav-card-tv-foreground {
	text-align: center; 
	position: absolute; 
	top: 0; 
	bottom: 0; 
	left: 0; 
	right: 0; 
	padding: var(--space-md); 
	display: flex; 
	flex-direction: column; 
	justify-content: center; 
	gap: var(--space-xxs); 
	color: #fff; 
	line-height: var(--line-height-xs); 
	pointer-events: none;
	}
	
.main-nav-card-tv-foreground h2{
	font-family: 'ITC Avant Garde Std Demi'; 
	font-weight: lighter; 
	color: white; 
	margin-top: 0em; 
	margin-bottom: -0.25em; 
	text-transform: uppercase;
	}

.main-nav-card-tv-foreground h4{
	font-weight: lighter; 
	color: white; 
	margin-top: 0em; 
	margin-bottom: -0.1em;
	}

.main-nav-card-eras {
	overflow: hidden; 
	border-radius: 17px;
	position: relative; 
	background: var(--color-surface-4);
	}

.main-nav-card-eras-grid {
	display:grid; 
	grid-template-rows: none;
	grid-template-columns: repeat(auto-fit,minmax(10rem,1fr)); 
	grid-template-areas: none; 
	grid-auto-columns: auto; 
	grid-auto-flow: dense; 
	grid-auto-rows: minmax(2.5rem,auto); 
	grid-gap: var(--space-xs); 
	margin-top: 0.5rem; 
	min-height: 217px;
	}
	
@media (max-width: 640px) {
.main-nav-card-eras-grid {
	min-height: 258px;
	}
}
	
.main-nav-card-eras-foreground {
	text-align: center; 
	position: absolute; 
	top: 0; 
	bottom: 0; 
	left: 0; 
	right: 0; 
	padding: var(--space-md); 
	display: flex; 
	flex-direction: column; 
	justify-content: center; 
	gap: var(--space-xxs); 
	color: #fff; 
	line-height: var(--line-height-xs); 
	pointer-events: none;
	}
	
.main-nav-card-eras-foreground h4{
	font-family: 'ITC Avant Garde Std Demi'; 
	font-weight: lighter; 
	color: white; 
	margin-top: 0em; 
	margin-bottom: -0.25em; 
	text-transform: uppercase;
	}

.main-nav-card-eras-foreground p.Aurebesh{
	padding-bottom: 10px; 
	margin-bottom: -8px; 
	margin-top: 0px; 
	font-size: 0.625em; 
	color: #FFFFFF6D;
	}	
	
.main-nav-card-cat {
	overflow: hidden; 
	border-radius: 17px; 
	position: relative; 
	background: var(--color-surface-4);
	}
	
.main-nav-card-cat-grid {
	display:grid; 
	grid-template-rows: none;
	grid-template-columns: repeat(auto-fit,minmax(14rem,1fr)); 
	grid-template-areas: none; 
	grid-auto-columns: auto; 
	grid-auto-flow: dense; 
	grid-auto-rows: minmax(2.5rem,auto); 
	grid-gap: var(--space-xs); 
	margin-top: 0.5rem; 
	min-height: 64px;
	}

@media (max-width: 640px) {	
.main-nav-card-cat-grid {
	grid-template-columns: repeat(auto-fit,minmax(10rem,1fr));
	min-height: 128px;
	}
}

.main-nav-card-cat-foreground {
	text-align: left; 
	position: absolute; 
	top: 0; 
	bottom: 0; 
	left: 0; 
	padding: var(--space-md); 
	display: flex; 
	flex-direction: column; 
	justify-content: center; 
	gap: var(--space-xxs); 
	color: #fff; line-height: 
	var(--line-height-xs); 
	pointer-events: none;
	}
	
.main-nav-card-cat-foreground h4 {
	font-family: 'ITC Avant Garde Std Demi'; 
	font-weight: lighter; 
	color: white; 
	margin-top: 0em; 
	margin-bottom: -0.25em; 
	text-transform: uppercase;
	}

.main-nav-card-cat-foreground p.Aurebesh {
	padding-bottom: 10px; 
	margin-bottom: -8px; 
	margin-top: 0px; 
	font-size: 0.65em; 
	color: #FFFFFF6D;
	}
	
	
	
.citizen-sticky-header {
	background: var(--color-surface-4);
	}

.citizen-sticky-header-page-title {
	font-family: 'ITC Avant Garde Std Demi';
	font-weight: normal;
	text-transform: uppercase;
	color: var(--color-emphasized)
	}
	
.citizen-sticky-header-page-title {
    overflow: unset;
    font-size: 1.5em;
	}

.citizen-sticky-header-page-info {
	overflow: visible;
	}
	
.citizen-sticky-header-inner {
	min-height: 3.75rem;
	}

.va-portal-featuredarticle-text .mw-halign-right {
	float:right;
	margin-left: 0.5rem;
}