:root {
  --color-white: #fff;
  --color-black: #000;
  --color-primary: #293337;
  --color-secondary: #2e393d;
  --color-tertiary: #555555;
  --color-quaternary: #f4f4f4;
  --color-quinary: #000;
  --color-senary: #000;
  --color-septenary: #000;
  --color-octonary: #000;
  --color-nonary: #000;
  --color-denary: #000;
  --color-darkest: #293337;
  --color-lightest: #f4f4f4;
  --font-sans-serif: Figtree, sans-serif;
  --font-sans-serif2: Figtree, sans-serif;
  --font-serif: Fraunces, serif;
  --font-serif2: Fraunces, serif;
  --base-font-size: 1.6rem;
}

html {
  font-size: calc(10 / 16 * 1em);
  height: 100%;
  margin: 0;
  padding: 0;
}

body {
  font-size: var(--base-font-size);
  color: var(--color-tertiary);
  font-weight: 400;
  font-family: var(--font-sans-serif);
  -moz-osx-font-smoothing: grayscale;
}
body.page {
  background-color: #fff;
  background-repeat: repeat;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.mpContent ol, .mpContent ul, .style-guide ol, .style-guide ul {
  line-height: 1.88;
}
body.isMobile .mpContent ol, body.isMobile .mpContent ul, body.isMobile .style-guide ol, body.isMobile .style-guide ul {
  padding-inline-start: 40px;
}

.clickToEditDiv {
  font-size: 0;
}

a {
  color: var(--color-primary);
  text-decoration: none;
}
a[onclick*=LaunchMemPickerWin] {
  text-decoration: underline !important;
}
a[onclick*=LaunchMemPickerWin]:hover, a[onclick*=LaunchMemPickerWin]:focus {
  text-decoration: none !important;
}
a:hover, a:focus {
  color: var(--color-primary);
  text-decoration: underline;
}
.mpContent a:not([class*=abut]) {
  text-decoration: underline;
}
.mpContent a:not([class*=abut]):hover, .mpContent a:not([class*=abut]):focus {
  text-decoration: none;
}

a:focus, button:focus, input:focus {
  outline-width: 2px;
  outline-style: solid;
  outline-color: Highlight;
}
@media (-webkit-min-device-pixel-ratio: 0) {
  a:focus, button:focus, input:focus {
    outline-color: -webkit-focus-ring-color;
    outline-style: auto;
  }
}

body.dynamicpageedit table {
  border-collapse: separate;
}

.eventMgrPop #eventMgrWrapper {
  min-height: 100% !important;
}
.eventMgrPop #floatingToolbar .floatRight li {
  padding: 0;
}
.eventMgrPop p {
  line-height: 1;
  font-size: 12px;
}
.eventMgrPop h3 {
  font-size: 16px;
  letter-spacing: 0;
  margin-bottom: 10px;
}

html._Telerik_IE9, html._Telerik_IE9 body {
  width: 100% !important;
  height: 100% !important;
}

.nl-container p, .nl-container ol, .nl-container ul {
  color: inherit !important;
  font-family: inherit !important;
  font-weight: inherit !important;
}
.nl-container *:not(strong):not([style*=font-weight]) {
  font-weight: inherit !important;
}
.nl-container *:not([style*=" color:"]):not([style^="color:"]):not([style*=";color:"]) {
  color: inherit !important;
}
.nl-container *:not([style*=font-family]) {
  font-family: inherit !important;
}

table[id*=_dpEditor] {
  border-collapse: separate;
}

h1, .h1 {
  font-size: calc(1.92rem + 2.4vw);
}
@media (min-width: 1200px) {
  h1, .h1 {
    font-size: 4.8rem;
  }
}
h1, .h1 {
  font-family: var(--font-serif);
  color: var(--color-secondary);
  font-weight: 300;
  line-height: 1.333;
  margin-bottom: 0.4em;
  letter-spacing: 0;
  text-transform: none;
}

h2, .h2 {
  font-size: calc(1.8rem + 1.5vw);
}
@media (min-width: 1200px) {
  h2, .h2 {
    font-size: 3.6rem;
  }
}
h2, .h2 {
  font-family: var(--font-serif);
  color: var(--color-secondary);
  font-weight: 300;
  line-height: 1.22;
  margin-bottom: 0.8em;
  letter-spacing: 0;
  text-transform: none;
}

h3, .h3 {
  font-size: calc(1.76rem + 1.2vw);
}
@media (min-width: 1200px) {
  h3, .h3 {
    font-size: 3.2rem;
  }
}
h3, .h3 {
  font-family: var(--font-serif);
  color: var(--color-secondary);
  font-weight: 300;
  line-height: 1.25;
  margin-bottom: 0.6em;
  letter-spacing: 0;
  text-transform: none;
}

h4, .h4 {
  font-size: calc(1.68rem + 0.6vw);
}
@media (min-width: 1200px) {
  h4, .h4 {
    font-size: 2.4rem;
  }
}
h4, .h4 {
  font-family: var(--font-serif);
  color: var(--color-secondary);
  font-weight: 300;
  line-height: 1.25;
  margin-bottom: 0.6em;
  letter-spacing: 0;
  text-transform: none;
}

h5, .h5 {
  font-size: calc(1.65rem + 0.375vw);
}
@media (min-width: 1200px) {
  h5, .h5 {
    font-size: 2.1rem;
  }
}
h5, .h5 {
  font-family: var(--font-serif);
  color: var(--color-secondary);
  font-weight: 300;
  line-height: 1.33;
  margin-bottom: 0.6em;
  letter-spacing: 0;
  text-transform: none;
}

h6, .h6 {
  font-size: 1.4rem;
  font-family: var(--font-sans-serif);
  color: var(--color-secondary);
  font-weight: 700;
  line-height: 1.31;
  margin-bottom: 2em;
  letter-spacing: 0.2rem;
  text-transform: uppercase;
}

p {
  margin: 0;
  font-family: var(--font-sans-serif);
  font-size: var(--base-font-size);
  color: var(--color-tertiary);
  letter-spacing: 0;
  line-height: 1.88;
  font-weight: 400;
}
.mpContent p, .style-guide p {
  margin: 0 0 1.88em;
}
.mpContent h1 + p {
  margin-top: 2rem;
}

.mpContent h1:last-child, .mpContent h2:last-child, .mpContent h3:last-child, .mpContent h4:last-child, .mpContent h5:last-child, .mpContent h6:last-child, .mpContent p:last-child {
  margin-bottom: 0;
}

.abut-tertiary, .table-button-tertiary td a, .abut-secondary, .table-button-secondary td a, .abut, .table-button td a {
  line-height: 1em;
  text-align: center;
  text-decoration: none;
  margin: 0;
  display: inline-block;
  width: auto;
  cursor: pointer;
  transition: background 0.3s ease-in-out, color 0.3s ease-in-out, border 0.3s ease-in-out;
}
.abut-tertiary:hover, .table-button-tertiary td a:hover, .abut-secondary:hover, .table-button-secondary td a:hover, .abut:hover, .table-button td a:hover, .abut-tertiary:focus, .table-button-tertiary td a:focus, .abut-secondary:focus, .table-button-secondary td a:focus, .abut:focus, .table-button td a:focus, .abut-tertiary:active, .table-button-tertiary td a:active, .abut-secondary:active, .table-button-secondary td a:active, .abut:active, .table-button td a:active {
  text-decoration: none;
}

.abut, .table-button td a {
  font-family: var(--font-sans-serif);
  font-size: 1.4rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.2rem;
  color: #fff;
  background-color: var(--color-secondary);
  background-image: none;
  border: 2px solid var(--color-secondary);
  border-radius: 0;
  padding: 26px 30px;
}
.abut:hover, .table-button td a:hover, .abut:focus, .table-button td a:focus, .abut:active, .table-button td a:active {
  background-color: color-mix(in srgb, black 10%, var(--color-secondary));
  border-color: color-mix(in srgb, black 10%, var(--color-secondary));
  color: #fff;
}
form[action*=ArticleEdit] .abut, form[action*=ArticleEdit] .table-button td a, .table-button td form[action*=ArticleEdit] a {
  padding: 0.75rem 1.25rem;
  border: inherit;
}

.abut-secondary, .table-button-secondary td a {
  font-family: var(--font-sans-serif);
  font-size: 1.4rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.2rem;
  color: var(--color-secondary);
  background-color: #fff;
  border: 2px solid var(--color-primary);
  border-radius: 0;
  padding: 26px 30px;
}
.abut-secondary:hover, .table-button-secondary td a:hover, .abut-secondary:focus, .table-button-secondary td a:focus, .abut-secondary:active, .table-button-secondary td a:active {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
  color: #fff;
}

.abut-tertiary, .table-button-tertiary td a {
  font-family: var(--font-sans-serif);
  font-size: 1.4rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.2rem;
  color: var(--color-secondary);
  background-color: #fff;
  border: 2px solid var(--color-secondary);
  border-radius: 0;
  padding: 26px 30px;
}
.abut-tertiary:hover, .table-button-tertiary td a:hover, .abut-tertiary:focus, .table-button-tertiary td a:focus, .abut-tertiary:active, .table-button-tertiary td a:active {
  background-color: var(--color-secondary);
  border-color: var(--color-secondary);
  color: #fff;
}

.user-is-tabbing [class*=abut]:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}

.sitewrap header .log-link.abut, .sitewrap header .table-button td a.log-link, .table-button td .sitewrap header a.log-link, .sitewrap header .log-link.abut-secondary, .sitewrap header .table-button-secondary td a.log-link, .table-button-secondary td .sitewrap header a.log-link, .modulewrap header .log-link.abut, .modulewrap header .table-button td a.log-link, .table-button td .modulewrap header a.log-link, .modulewrap header .log-link.abut-secondary, .modulewrap header .table-button-secondary td a.log-link, .table-button-secondary td .modulewrap header a.log-link {
  min-width: 130px !important;
}
@media screen and (max-width: 476px) {
  .sitewrap header .log-link.abut, .sitewrap header .table-button td a.log-link, .table-button td .sitewrap header a.log-link, .sitewrap header .log-link.abut-secondary, .sitewrap header .table-button-secondary td a.log-link, .table-button-secondary td .sitewrap header a.log-link, .modulewrap header .log-link.abut, .modulewrap header .table-button td a.log-link, .table-button td .modulewrap header a.log-link, .modulewrap header .log-link.abut-secondary, .modulewrap header .table-button-secondary td a.log-link, .table-button-secondary td .modulewrap header a.log-link {
    width: 100% !important;
    min-width: 0 !important;
  }
}

.modulesWrap .abut, .modulesWrap .table-button td a, .table-button td .modulesWrap a {
  margin: 2px;
  padding: 18px 39px 17px 39px;
  width: auto !important;
  letter-spacing: 0.1em;
}
.modulesWrap .qFilterButton input.abut {
  padding: 11px 25px 10px !important;
  margin: 0;
}

@media screen and (max-width: 425px) {
  .abut, .table-button td a {
    width: 100%;
  }
}
.mobileButton {
  background: var(--color-secondary);
  background-color: var(--color-secondary);
  color: #fff;
  border-color: color-mix(in srgb, black 10%, var(--color-secondary));
}
@media screen and (max-width: 367px) {
  .mobileButton {
    padding: 5px;
  }
  .mobileButton.searchButton {
    padding: 0 5px;
  }
}
.mobileButton.searchButton {
  width: 50px;
  background: transparent !important;
}

.table-button td a {
  margin: 15px;
  text-decoration: none !important;
}

.table-button-secondary td a {
  margin: 15px;
  text-decoration: none !important;
}

.table-button-tertiary td a {
  margin: 15px;
  text-decoration: none !important;
}

.table-button, .table-button-secondary, .table-button-tertiary {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.table-button tr, .table-button-secondary tr, .table-button-tertiary tr {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.table-button.w-100 tr, .table-button-secondary.w-100 tr, .table-button-tertiary.w-100 tr {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  align-items: center;
}
.table-button.aligned-left, .table-button-secondary.aligned-left, .table-button-tertiary.aligned-left {
  margin-right: auto;
  margin-left: 0;
}
.table-button.aligned-right, .table-button-secondary.aligned-right, .table-button-tertiary.aligned-right {
  margin-left: auto;
  margin-right: 0;
}
.table-button.uniform-widths td, .table-button-secondary.uniform-widths td, .table-button-tertiary.uniform-widths td {
  flex: 1;
}
.table-button.uniform-widths td a, .table-button-secondary.uniform-widths td a, .table-button-tertiary.uniform-widths td a {
  display: block;
}

/* Role Security Pop-up: ensure buttons appear clearly */
#ctl01_btnReturnResults, #ctl01_btnSearch {
  font-size: 12px;
  font-weight: 400;
  padding: 5px;
  background: 0;
  color: inherit;
  letter-spacing: 0;
  text-transform: none;
  border: 1px solid;
}
#ctl01_btnReturnResults:hover, #ctl01_btnSearch:hover {
  background: var(--color-secondary);
  color: #fff;
}

/* Session expiring modal buttons */
.bodytxt #form1 input#btnKeepAlive.abut, .bodytxt #form1 input#btnKeepAlive.abut + .abut, .bodytxt #form1 .table-button td input#btnKeepAlive.abut + a, .table-button td .bodytxt #form1 input#btnKeepAlive.abut + a {
  font-weight: 400;
  letter-spacing: 0;
  padding: 5px;
  width: auto !important;
  text-transform: none;
  border-radius: 0;
}

/* Mobile Buttons Update If not using Mobile Stylesheet */