:root {
  -webkit-font-smoothing: antialiased;
  --small: 1.138rem;
  --primarySans: "Alegreya Sans", "Helvetica Neue", Arial, sans-serif;
  --primarySerif: "Alegreya", "Georgia", "Times New Roman", serif;
  --highlightColor: #9E0A0E;
  --highlightColorActive: #9E0A0E;
  --highlightColorNotActive: rgba(158, 10, 14, 0.3);
  /*The following variables are arranged mainly by region*/
  --topnav-bg-color: #9E0A0E;
  --topBarHeight: 50px;
  --topnav-border-color: #e4e4e4;
  --topnav-bg-color-desktop: #9E0A0E;
  --topnav-closed-bg-color-mobile: rgba(45, 45, 45, 0.98);
  --topnav-open-bg-color-mobile: rgba(45, 45, 45, 0.98);
  --topnav-offset: 50px;
  --mobile-toggler-color: #ffffff;
  --topnav-searchfield-weight: 400;
  --topnav-searchfield-button-bg-color: #ececec;
  --topnav-searchfield-button-bg-color-active: #ffffff;
  --topnav-searchfield-button-weight: 500;
  --topnav-searchfield-button-hover-color: #9E0A0E;
  --clicky-font-family: var(--primarySans);
  --clicky-font-size: 1.138rem;
  --clicky-dropdown-border-color: #ebebeb;
  --clicky-dropdown-font-size: 1rem;
  --clicky-font-weight: 400;
  --clicky-font-style: normal;
  --clicky-color-inactive-desktop: #ffffff;
  --clicky-color-active-desktop: #ffffff;
  --clicky-color-inactive-mobile: #ffffff;
  --clicky-color-active-mobile: ;
  --clicky-button-bg-inactive: transparent;
  --clicky-text-decoration: none;
  --clicky-dropdown-inactive-desktop: #565656;
  --clicky-dropdown-active-desktop: #ffffff;
  --clicky-dropdown-active-bg: var(--highlightColor);
  --clicky-svg-inactive-desktop: #565656;
  --clicky-svg-inactive-mobile: #ffffff;
  --lefNav-width: 225px;
  --leftNav-bg-color: #ffffff;
  --leftNav-tabarea-bg-color: #ececec;
  --leftNav-tab-heading-color: #000000;
  --leftNav-tab-heading-size: 1.138rem;
  --leftNav-tab-heading-font: var(--primarySans);
  --leftNav-tab-color: #565656;
  --leftNav-tab-font: var(--primarySans);
  --leftNav-tab-weight: 600;
  --leftNav-tab-subheading-weight: 600;
  --leftNav-tab-subheading-size: 1.25rem;
  --leftNav-tab-subheading-color: #000000;
  --leftNav-tab-body-size: 1rem;
  --leftNav-tab-body-weight: 400;
  --leftNav-tab-body-color: #222222;
  --leftNav-tab-body-font: var(--primarySans);
  --leftNav-button-bg-color: #ffffff;
  --leftNav-button-color: #9E0A0E;
  --leftNav-border-color: #9E0A0E;
  --popup-border-color: #ebebeb;
  --popup-bg-color: #ffffff;
  --popupCloserHeight: 35px;
  --popup-closer-bg-color: #f5f5f5;
  --noteHeaderFont: var(--primarySerif);
  --noteHeaderSize: 1.296rem;
  --noteHeaderMargin: 0 0 0 0;
  --noteHeaderColor: #222;
  --noteHeaderWeight: 600;
  --noteFont: var(--primarySerif);
  --noteSize: 1.138rem;
  --smallNoteSize: 0.938rem;
  --noteSize: 1.138rem;
  --noteColor: #222222;
  --noteBqSize: 1.067rem;
  --noteBqMargin: .75rem 0 .75rem 2rem;
  --noteBibl: .878rem;
  --noteH2size: 1.476rem;
  --noteH3size: 1.138rem;
  --noteH3margin: 0 0 .25rem 0;
  --noteParaSmall: .938rem;
  --notePadding: 0 0 0 .25rem;
  --glossFontSize: 1.138rem;
  --glossMargin: 0 0 .75rem 0;
  --glossPadding: 0 0 0 .25rem;
  --longCaptionFontSize: .937rem;
  --personMargin: 0.25rem .25rem .25rem 0;
  --personHeaderFont: var(--primarySerif);
  --personHeaderSize: 1.0rem;
  --personHeaderColor: #222;
  --personHeaderWeight: 400;
  --personHeaderMargin: 0 0 0 1rem;
  --bioMargin: 0.25rem;
  --bioHeaderFont: var(--primarySerif);
  --bioHeaderSize: 1.138rem;
  --bioHeaderColor: #222;
  --bioHeaderWeight: 700;
  --bioHeaderMargin: 0 0 0 0;
  --disambigHeaderFont: var(--primarySerif);
  --disambigHeaderWeight: 600;
  --disambigHeaderColor: #000;
  --disambigHeaderSize: 1.296rem;
  --disambigParaFont: var(--primarySerif);
  --disambigParaWeight: 400;
  --disambigParaSize: 1.138rem;
  --disambigParaColor: #222222;
  --mainBgColor: #fffcf6;
  --offPageBgColor: #ebebeb;
  --annTextDecoration: underline;
  --annTextDecorationColor: var(--highlightColorNotActive);
  --annTextDecorationThickness: 3px;
  --annTextDecorationStyle: solid;
  --annSkipInk: auto;
  --annTextOffset: from-font;
  --link-color: #222222;
  --link-hover-color: var(--highlightColor);
  --link-text-decoration-color: rgba(34, 34, 34, 0.3);
  --link-hover-text-decoration-color: var(--highlightColor);
  --appMarkerBgColor: var(--highlightColorNotActive);
  --appMarkerBgColorActive: var(--highlightColorActive);
  --codeFont: monospace;
  --codeColor: #000000;
  --codeBgColor: #f0f0f0;
  --codeFontSize: 1.067rem;
  --codePadding: 0.25rem;
  --identFontStyle: 1.067rem;
  --light: 400;
  --bodyText: #222222;
  --figCaptionTextSize: 1.067rem;
  --figcaptionTextColor: #414141;
  --figureBgColor: #f7f7f7;
  --headingFontColor: #222222;
  --h1Size: 3.213rem;
  --pageTitleSize: 2.645rem;
  --pageTitleSizeMobile: 1.793rem;
  --pageTitleSizeSans: 2.25rem;
  --h1LineHeight: 1.15;
  --pageTitleLineHeight: 1.15;
  --h1MarginBottom: 2rem;
  --pageTitleMarginBottom: .5rem;
  --h1Weight: 400;
  --pageTitleWeight: 400;
  --h2Size: 1.68rem;
  --h2MarginTitle: 0 0 1.5rem 0;
  --h2Margin: 0 0 .5rem 0;
  --h2LineHeight: 1.15;
  --h2Weight: 500;
  --h3Size: 1.575rem;
  --h3Weight: 500;
  --h3Margin: 0 0 .25rem 0;
  --h4Size: 1.476rem;
  --h4Weight: 500;
  --h4Margin: 0 0 0 0;
  --h5Size: 1.383rem;
  --h5Weight: 500;
  --h5Margin: 0 0 0 0;
  --stageMargin: .75rem 0 .75rem 0;
  --paraMargin: 0 0 1.5rem 0;
  --listMargin: 0 0 .25rem 0;
  --paraLineHeight: 1.5;
  --paraFontSize: 1.215rem;
  --paraFontSizeSans: 1.138rem;
  --paraFontWeightSans: 400;
  --paraFontColor: #222222;
  --tableFontSizeHeader: 1.067rem;
  --tableFontSize: 1.067rem;
  --tableFontSizePopup: .878rem;
  --tableFontWeightPopup: 400;
  --tocTwoColTableCellMin: 20vh;
  --nameValTableFirstColWidth: 15em;
  --tableMargin: 0 0 1.5rem 0;
  --table-border-color: ;
  --headingAppendixSize: 2.041rem;
  --headingAppendixColor: #222222;
  --headingAppendixMargin: 0 0 .75rem 0;
  --appendixSize: 0.6rem;
  --annotationMargin: 0 0 1.5rem 0;
  --listIndent: 2.0625rem;
  --blockquoteFontSize: 1.138rem;
  --blockquoteMargin: 0 0 1.5rem 2rem;
  --blockquoteFooterFontSize: 1.15rem;
  --blockquoteParaMargin: .25rem .25rem .25rem 3rem;
  --blockquoteMaxWidth: 34rem;
  --videoWidth: 100%;
  --asspLinkMargin: 8rem;
  /* --topBarBgColor: #ffffff;//Top navigation bar background color */
  /* --navHoverColor: #009DFF;//Hover color for top navigation bar items */
  /* --buttonBgColor: #ececec;//Left nav hide shot button bg color */
  /* --borderColor: #e4e4e4;//bottom border for top navigation */
  /* --iconColor: #565656;//For hamburger menu, close x's, and search icons */
  /* --leftNavBgColor: #fff; */
  /* --leftprimarySansColor: #000; */
  /******* LINKS *******/
  --collation-underline-color: #d6b5df;
  --lineHeightPrimarySourceModern: 1.5;
  --lineHeightBornDig: 1.5;
  --pageTitleSize: 2.645rem;
  --pageTitleSizeMobile: 1.793rem;
  --h2primary: 2.041rem;
  --h2primaryMobile: 1.383rem;
  --stageFontSize: 1.215rem;
  --stageFontSizeMobile: 1.067rem;
  --paraFontSizePrimary: 1.215rem;
  --paraFontSizePrimaryMobile: 1.067rem;
  /*BornDigital Fonts*/
  --pageTitleSizeBornDig: 2.178rem;
  --pageTitleSizeBornDigMobile: 1.793rem;
  --h2SizeBornDig: 1.68rem;
  --h2SizeBornDigMobile: 1.215rem;
  --paraFontSizeBornDig: 1.138rem;
  --paraFontSizeBornDigMobile: 1rem;
  --listIndentBornDig: .25rem;
  /* ****** APPARATUS */
  --app-margin-left:1rem;
  --single-underline-size: 1px;
  --double-underline-size: calc(var(--single-underline-size) * 1);
  --omitted-content: "(Omitted)";
  --footer-bg-color: #e7e7e7;
  --footer-font-family: var(--primarySans);
  --footer-font-color: #727272;
}

body, html {
  height: 100%;
}

body {
  background-color: transparent;
}

html {
  background-image: url(../images/mainBg.jpg);
  background-position: right;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: contain;
}

#index #pageWrapper {
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: var(--topBarHeight) auto auto auto;
  min-height: calc(100vh - var(--topBarHeight));
  grid-template-areas: "header" "splash" "main" "footer";
  position: relative;
  width: 100%;
  max-width: 1600px;
  background-color: var(--mainBgColor);
}

#splash {
  width: 100%;
  height: 50vw;
  max-height: 800px;
  grid-area: splash;
  position: relative;
  z-index: 0;
  border-bottom: 10px solid var(--highlightColor);
  margin-bottom: 2.5rem;
}
@media only screen and (min-width: 768px) {
  #splash {
    margin-bottom: 5rem;
  }
}

.overflow-container {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.splash-bg-container {
  width: 100%;
  height: 100%;
  position: relative;
  background-image: url(../images/splash-bg.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  transform: scale(2);
  animation: kenburns 12s forwards;
}

@keyframes kenburns {
  0% {
    opacity: 1;
    transform: scale(2);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.splash-bg {
  width: 100%;
  height: auto;
  max-width: none;
  z-index: 1;
}

.splash-moeml {
  width: 34%;
  height: auto;
  position: absolute;
  top: 5%;
  z-index: 2;
  left: 50%;
  transform: translateX(-50%);
}

.splash-mayoral {
  width: 80%;
  height: auto;
  position: absolute;
  top: 23%;
  z-index: 2;
  left: 50%;
  transform: translateX(-50%);
}

img.splash-crest {
  width: 755px;
  height: auto;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  max-width: 20%;
}
@media only screen and (min-width: 768px) {
  img.splash-crest {
    width: 150px;
  }
}

h1.splash {
  margin: 0;
  padding: 0;
}

#pageWrapper {
  height: 100%;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
}

#documentWrapper {
  background-color: var(--mainBgColor);
  flex-direction: column;
}

#topBar {
  border-bottom: none;
  border-right: none;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
}

#banner {
  display: flex;
  align-items: center;
}

#momsTopLogo {
  width: 200px;
  max-width: none;
  height: auto;
}

/*nav_list is the top nav clicky menu*/
#index ul.nav_list {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

@media only screen and (min-width: 1000px) {
  #index ul.nav_list {
    display: flex;
    flex-direction: row;
    height: 100%;
    align-items: center;
    justify-content: center;
  }
}
input#q:focus + input#submitSearch {
  background-color: var(--topnav-searchfield-button-bg-color-active);
  color: var(--topnav-searchfield-button-hover-color);
}

.clicky-menu ul[aria-hidden=false] {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.08);
  top: var(--topBarHeight);
  padding-bottom: 0.5rem;
}

div#leftNavButton {
  border-top: 1px solid var(--highlightColor);
  border-right: 1px solid var(--highlightColor);
  border-bottom: 1px solid var(--highlightColor);
  border-left: none;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  top: 1rem;
}

#index div#mainContainer {
  transition: transform 0s linear;
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  -webkit-backface-visibility: hidden;
  margin-bottom: 2rem;
}

@media only screen and (min-width: 550px) {
  div#mainContainer {
    padding: 0 3rem;
  }
}
@media only screen and (min-width: 1100px) {
  #index div#mainContainer {
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    max-width: 40rem;
  }
}
@media only screen and (min-width: 1000px) {
  #index div#mainContainer[data-state=open] {
    transform: translate3d(0, 0, 0);
    animation: none;
  }
}
@media only screen and (min-width: 1000px) {
  #index div#mainContainer[data-state=closed] {
    transform: translate3d(0, 0, 0);
    animation: none;
  }
}
#index div#mainText div[data-el=p] {
  font-family: var(--primarySerif);
  font-size: var(--paraFontSizePrimaryMobile);
}
@media only screen and (min-width: 550px) {
  #index div#mainText div[data-el=p] {
    font-size: var(--paraFontSize);
  }
}

#index div#mainContainer {
  position: relative;
  margin-top: 3.5rem;
  margin-bottom: 5.5rem;
}

#index div#mainContainer::before {
  content: "";
  background-color: var(--highlightColor);
  height: 1px;
  width: 320px;
  position: absolute;
  top: -1.5rem;
  left: 50%;
  transform: translateX(-50%);
}

#index div#mainContainer::after {
  content: "";
  background-color: var(--highlightColor);
  height: 1px;
  width: 320px;
  position: absolute;
  bottom: -1.5rem;
  left: 50%;
  transform: translateX(-50%);
}

#index div#documentWrapper {
  align-items: flex-start;
}

#index #mainText div[data-el=body] div:last-of-type {
  margin-bottom: 0;
}

#index article > h2 {
  display: none;
}

#index main {
  background-color: var(--mainBgColor);
  max-width: 100%;
  padding: 2rem 0 0 0;
}

@media only screen and (min-width: 660px) {
  #index main {
    padding: 0 0 0;
  }
}
@media only screen and (min-width: 1100px) {
  #index main {
    max-width: 40rem;
  }
}
#index #asideMain {
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
}

footer {
  padding: 1rem 2rem 1rem 2rem;
}

footer div.about ul {
  display: flex;
  flex-direction: row;
  justify-content: center;
  list-style-type: none;
  padding: 0;
}

footer div.about ul li {
  margin: 0 1rem;
}

footer div.about ul li a,
footer div.about ul li a:visited {
  font-family: var(--primarySans);
  font-weight: 400;
  font-size: 1rem;
  color: var(--footer-font-color);
}

div.supporters {
  max-width: none;
  margin-bottom: 1rem;
}

div.supporters div.para,
div.compliance div.para {
  text-align: center;
  font-family: var(--primarySans);
  font-style: italic;
  font-size: 0.69rem;
  color: var(--footer-font-color);
  margin-bottom: 1rem;
}

div.supporters ul,
div.compliance ul {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0;
}

div.compliance ul li {
  margin-bottom: 1rem;
}

div.timestamp ul {
  margin: 0;
}

.timestamp ul li {
  display: flex;
  justify-content: center;
  color: var(--footer-font-color);
  font-size: 0.69rem;
}

form#ssForm {
  width: 90%;
}
@media only screen and (min-width: 768px) {
  form#ssForm {
    width: 100%;
  }
}

#staticSearch ul {
  width: 90%;
}
@media only screen and (min-width: 768px) {
  #staticSearch ul {
    width: 100%;
  }
}

/*# sourceMappingURL=moms.css.map */