@charset "UTF-8";


:root {

  --ws-blue: #3763AF;
  --ws-blue-rgb: 55, 99, 175;

  --ws-violet: #92278F;
  --ws-violet-rgb: 146, 39, 143;

  --ws-gray: #636466;
  --ws-gray-rgb: 99, 100, 102;
  --ws-dark: #404040;

  --ws-light: #F0F0F0;

  --ws-gradient-1: linear-gradient(180deg, rgba(55, 99, 175, 0.1) 0%, rgba(104, 156, 216, 0) 100%);



  --ws-gap: 1.5em;
  --ws-transition: all .3s ease;

  --ws-text-1: clamp(1.75em, 1.477em + 1.36vw, 2.5em);       /* 28 - 40px */
  --ws-text-2: clamp(1.5em, 1.227em + 1.36vw, 2.25em);       /* 24 - 36px */
  --ws-text-3: clamp(1.4375em, 1.278em + 0.8vw, 1.875em);    /* 23 - 30px */
  --ws-text-4: clamp(1.375em, 1.239em + 0.68vw, 1.75em);     /* 22 - 28px */
  --ws-text-5: clamp(1.3125em, 1.222em + 0.45vw, 1.5625em);  /* 21 - 25px */
  --ws-text-6: clamp(1.25em, 1.159em + 0.45vw, 1.5em);       /* 20 - 24px */
  --ws-text-7: clamp(1.1875em, 1.119em + 0.34vw, 1.375em);   /* 19 - 22px */
  --ws-text-8: clamp(1.125em, 1.08em + 0.23vw, 1.25em);      /* 18 - 20px */
  --ws-text-9: clamp(1.0625em, 1.04em + 0.11vw, 1.125em);    /* 17 - 18px */


  --ws-spacing-100: clamp(2.5em, 1.136em + 6.82vw, 6.25em);
  --ws-spacing-105: clamp(2.5em, 1.023em + 7.39vw, 6.5625em);

}



/* Web Solutions 4.0 Compatible */

html {
  box-sizing: border-box;
}

*, *:before, *:after {
  box-sizing: inherit;
}

body {
  margin: 0;
  padding: 0;
  -webkit-text-size-adjust: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

img {
  border: 0;
  height: auto;
  max-width: 100%;
}

ul {
  padding-left: 0;
}

ul li {
  list-style: none;
}

html, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,blockquote, pre, a, abbr, acronym, address, big,
cite,code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol,
ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, hr {
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
}

table {
  border-collapse: collapse;
}

td,
th {
  empty-cells: show;
  vertical-align: middle;
  text-align: left;
}

body {
  background: #E9E9E9;
  overflow-x: hidden;
}

#skipNavigation {
  background: #FFF;
  color: #000;
  padding: .5em;
  position: absolute;
  left: 0;
  top: -1000px;
  z-index: 10;
}

#skipNavigation:focus,
#skipNavigation:active {
  top: 0;
}

/*page widths*/

body>header, #mainnav, main, body>footer, #alertApp {
  width: 100%;
  display: block;
}

.wrap,
body>footer>.fatFooter {
  margin-inline: auto;
  max-width: calc(76.25em + 2 * var(--ws-gap));
  padding-inline: var(--ws-gap);
  width: 100%;
}

.sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}



/* text */

body, .text, input, button,
textarea {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 1em;
  line-height: 1.875em;
  color: #333;
  font-weight: 400;
}

a,
a * {
  color: var(--ws-violet);
  text-decoration: none;
  font-weight: 400;
}


p, h1, h2, h3, h4, hr, .contentEditor ul, blockquote, dd, ol {
  margin-top: 0;
  margin-bottom: 1rem;
}

h1, h2, h3, h4, h5, h6, th {
  font-weight: 400;
}

p+h2, p+h3, p+h4, p+h5, p+h6 {
  margin-top: 1.25em;
}

ul+h2, ul+h3, ul+h4, ul+h5, ul+h6 {
  margin-top: 1em;
}

em, i, q, cite, .italic {
  font-style: italic;
}

b, strong {
  font-weight: 700;
}

u {
  text-decoration: none;
}

hr {
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, .3);
  margin: 2em 0;
  padding-top: 1px;
}

p {
  font-size: var(--ws-text-9);
  text-wrap: pretty;
}

.content :where(p, ul li, ol li) {
  font-weight: 300;
}

.content p a:not(.button),
.content .highlight a:not(.button) {
  font-weight: 500;
}

h1,h2,h3,h4,h5,h6 {
  font-weight: 600;
  line-height: 1.2;
  margin: 0 0 1rem;
}

h1 {
  font-size: var(--ws-text-2);
  color: var(--ws-blue);
}

h2 {
  font-size: var(--ws-text-3);
  color: var(--ws-violet);
}

h2>.text {
  font-size: 0.7em;
}

h3 {
  font-size: var(--ws-text-4);
  color: var(--ws-blue);
}

h4,
th {
  font-size: var(--ws-text-8);
  color: var(--ws-dark);
}

h5 {
  color: var(--ws-blue);
  font-size: var(--ws-text-9);
}

h6 {
  color: var(--ws-violet);
  font-size: 1em;
}

sup,
sub {
  font-size: .6em;
  line-height: .6em;
  vertical-align: baseline;
  position: relative;
}

sup {
  bottom: 1ex;
}

sub {
  top: .5ex;
}

p.intro {
  font-size: var(--ws-text-8);
  line-height: 1.4em;
  font-weight: 600;
  color: var(--ws-dark);
}


.content>*:last-child {
  margin-bottom: 0;
}



/* list */


.content ol ol li {
  list-style: lower-alpha;
}

.content :where(ul, ol) li {
  font-size: var(--ws-text-9);
  line-height: 1.333;
}

.content :where(ul, ol) li .text {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}

.content :where(ul, ol) :is(ul, ol) li {
  font-size: 1em;
}

.content :where(ul, ol) :where(ul, ol) {
  margin-top: .5em;
}

.content ul li {
  padding-left: 2em;
  position: relative;
  margin: 0 0 .5em;
}

.content ol li {
  margin: 0 0 .5em;
}

.content ul li:last-of-type {
  margin: 0;
}

.content ul li:before {
  aspect-ratio: 1;
  content: "";
  background: url('/images/nav-arrow.svg') no-repeat center;
  width: .75em;
  position: absolute;
  left: .75em;
  top: .3125em;
}

.content ul li ul li:before {
  opacity: .75;
}



/* addon classes */

.clearFloats {
  clear: both;
}

.nobr {
  white-space: nowrap;
}

.twoCol,
.threeCol,
.resCol {
  column-rule: 1px outset rgba(0, 0, 0, .15);
  column-gap: 2em;
}

.twoCol :is(div, li),
.threeCol :is(div, li),
.resCol :is(div, li) {
  break-inside: avoid;
  page-break-inside: avoid;
}

.req {
  color: #EE0000;
}

.textIcon {
  background: #999;
  background-color: rgba(0, 0, 0, .2);
  font-size: .8em;
  line-height: 1em;
  display: inline-block;
  padding: .2em .4em;
  border-radius: .5em;
  color: #FFF;
}

.textIcon:hover {
  background: #666;
  background-color: rgba(0, 0, 0, .4);
  color: #FFF;
}

.clearfix:after {
  clear: both;
  content: "";
  display: table;
}

.videoContainer {
  width: 100%;
  height: 0;
  line-height: 0;
  background-color: #FFF;
  padding-top: 56.25%;
  position: relative;
}

.videoContainer iframe {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.videoContainer>button.video {
  border: 0;
  line-height: 0;
  padding: 0;
  position: absolute;
  inset: 0;
}

.videoContainer>button.video::after {
  aspect-ratio: 1;
  background: rgba(var(--ws-blue-rgb), .85) url('/images/icons/play-white.svg') no-repeat calc(50% + .125em) 50% / 35% auto;
  border-radius: 50%;
  content: '';
  height: clamp(3.5em, 2.955em + 2.73vw, 5em);
  inset: 50% 0 0 50%;
  position: absolute;
  transform: translate(-50%,-50%);
  transition: var(--ws-transition);
}

.videoContainer>button.video>img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}


/* /true-to-you-coalition/ */
.content ul.image-links {
  align-items: center;
  margin-block: 2em;
  --ws-gap: clamp(1em, 0.818em + 0.91vw, 1.5em);
}

.content ul.image-links>li {
  margin: 0;
  padding: 0;
}

.image-links>li::before {
  display: none;
}

.image-links>li>a {
  display: block;
}

.image-links img {
  display: block;
  margin-inline: auto;
  max-width: 13.4375em;
  width: 100%;
}



/* FORMS ------------------------------ */

input, button, select, textarea {
  font-size: 1rem;
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 400;
  line-height: 1.2em;
}

input[type="text"], input[type="password"], input[type="tel"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], textarea, select, input[type="button"], input[type="submit"] {
  border-radius: 0;
  -webkit-appearance: none;
}

input[type="text"], input[type="password"], input[type="tel"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], textarea, select {
  border: 1px solid rgba(0, 0, 0, .2);
  background-color: rgba(0, 0, 0, .02);
  transition: ease all 200ms;
  padding: 0.5em 0.75em;
  border-radius: 2px;
  /* width: 100%;*/
}
.form-flex input[type="text"], .form-flex input[type="password"], .form-flex input[type="email"], .form-flex textarea, .form-flex input[type="tel"], .form-flex input[type="url"] {width: 100%;}

.formTable select {
  width: 100%;
  color: #626366;
  font-family: 'Source Sans Pro', sans-serif;
}

:is(input[type="text"], input[type="password"], input[type="tel"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], textarea, select):focus-visible {
  border-color: var(--ws-violet);
}

textarea {
  display: block;
}

select {
  background-image: url('/images/select-arrow.svg');
  background-repeat: no-repeat;
  background-position: calc(100% - 0.75em) center;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  input[type="search"] {
    padding-right: 0;
  }
}

select option {
  padding: 0 .2em;
}


/* Form flex markup */
.form-error {
  color: #EE0000;
  font-size: 0.9375em;
  line-height: 1.25;
}

.reverse .form-error {
  background: #EE0000;
  color: #FFF;
}

.form-flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.form-flex fieldset {
  border: 0;
  margin: 0;
  padding: 0;
  width: 100%;
}

.form-flex fieldset legend {
  width: 100%;
}

.form-flex>div {
  margin: 0 0 .75em;
}

.form-flex .full {
  width: 100%;
}

.form-flex>div>label:first-of-type {
  display: block;
}

/* Checkboxes, radios */
.form-flex>div>fieldset {
  margin-block: .25em .5em;
}

.form-flex>div>fieldset>label {
  display: block;
  line-height: 1.25;
  padding-left: 1.75em;
  position: relative;
}

.form-flex>div>fieldset>label+label {
  margin-top: .625em;
}

.form-flex>div>fieldset>label>input {
  position: absolute;
  left: 0;
  top: .0625em;
}




/* BUTTONS */
button, .button, input[type="button"], input[type="submit"], input[type="reset"] {
  background: var(--ws-blue);
  border: 2px solid var(--ws-blue);
  border-radius: 2px;
  color: #FFF;
  cursor: pointer;
  display: inline-block;
  font-size: 1em;
  font-weight: 600;
  line-height: 1;
  padding: .625em 1.375em;
  text-align: center;
}

:is(button,.button).white {
  border-color: #FFF;
  background: #FFF;
  color: var(--ws-blue);
}

:is(button,.button).violet {
  background: var(--ws-violet);
  border-color: var(--ws-violet);
}

:is(button,.button).gray {
  background: #E9E9E9;
  border-color: #E9E9E9;
  color: var(--ws-blue);
}


.buttons {
  margin: 1.5em 0;
}

.buttons :is(button,.button) {
  margin: .25em .375em .25em 0;
}

.content .button {
  margin-block: .25em;
}


input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

button img {
  height: 1em;
  width: auto;
  vertical-align: top;
}

input.bulky,
.bulky {
  padding: .4em .6em;
  font-size: 1.2em;
}

.formTable,
.formTable table {
  width: 100%;
}

.formTable input[type="text"], .formTable input[type="password"], .formTable input[type="tel"], .formTable input[type="number"],
.formTable input[type="email"], .formTable input[type="url"], .formTable input[type="search"], .formTable textarea {
  width: 100%;
}

.formTable table td,
.formTable table td:first-child {
  padding-bottom: 0;
}

.formTable.right td:first-child {
  text-align: right;
  width: 1%;
}

.formTable.right td {
  width: auto;
}

.subjClass {
  display: none !important;
}

#Captcha label {
  padding-left: 0;
}

td.right,
th.right {
  text-align: right;
}

.wsNew {
  display: inline-block;
  font-size: .7em;
  line-height: 1.5em;
  height: 1.5em;
  padding: 0 .3em;
  margin: .3em 0;
  background-color: #FFC700;
  overflow: visible;
  vertical-align: top;
  color: #FFF;
  font-style: italic;
}

.button.small {
  font-size: 0.875em;
}

input.large {
  padding: 1.25em 2em;
  font-size: 1em;
}

.lunchOptions {
  width: 100%;
  display: block;
  clear: both;
  margin-top: 2em;
}

.lunchOptions h3 {
  margin-top: 1em;
}

.formTable label {
  font-weight: 500;
}





/* FLEXBOX COLUMNS ------------------------------ */

.ws-flex {
  display: flex;
  flex-wrap: wrap;
  gap: var(--ws-gap);
  margin-inline: auto;
}

.ws-flex>:is(article,div,li) {
  width: calc( 99.9% / var(--ws-column-count) - ( var(--ws-gap) * ( var(--ws-column-count) - 1 ) / var(--ws-column-count) ) );
}





/* HEADER ------------------------------*/

body>header {
  background: #FFF;
}

body>header>aside {
  position: absolute;
}

body>header>.wrap {
  height: 7.5rem
}





/* MAIN ------------------------------ */

.menu {
  cursor: pointer;
}

main {
  position: relative;
  z-index: 0;
}

main,
.mceContentBody {
  background: #FFF;
}


main.interior>.wrap {
  max-width: calc(58.625em + 2 * var(--ws-gap));
}


.contentEditor {
  background: #FFF;
  min-width: 100%;
}




/* SIDENAV */
#sidenav {
  line-height: 1.25;
  margin-block: 0.5em 4em;
  overflow: hidden;
  width: 100%;
}

#sidenav ul {
  padding: 0;
}

#sidenav li {
  height: 1%;
  overflow: hidden;
}

#sidenav li a {
  display: block;
  position: relative;
}



/* t2 */
#sidenav>ul>li {
  border-bottom: 1px solid var(--ws-light);
}

#sidenav>ul>li>a {
  color: var(--ws-dark);
  font-size: 1.125em;
  font-weight: 600;
  padding: .25em .5em;
  text-wrap: pretty;
}

#sidenav>ul>li.on>a {
  color: var(--ws-blue);
  padding-right: 1.5em;
}

#sidenav>ul>li.on>a::after {
  aspect-ratio: 1;
  background: var(--ws-violet);
  content: '';
  inset: .5625em .5em auto auto;
  mask: url('/images/nav-arrow-violet.svg') no-repeat center / contain;
  position: absolute;
  transition: all .3s ease;
  width: .6875em;
}


/* t3 */
#sidenav>ul>li>ul {
  background: var(--ws-light);
  padding-block: .25em;
}
#sidenav>ul>li>ul>li>a {
  color: #888;
  font-size: .875em;
  padding: .1875em .5em .187em 1.5em;
}

#sidenav>ul>li>ul>li.on>a {
  background: #FFF;
  color: var(--ws-violet);
}



/* t4 */
#sidenav>ul>li>ul>li>ul {
  background: #F6F6F6;
}

#sidenav>ul>li>ul>li>ul>li {

}

#sidenav>ul>li>ul>li>ul>li>a  {
  color: #888;
  font-size: .9em;
  padding: .375em .5em .375em 2em;
}


#sidenav>ul>li>ul>li>ul>li.on>a {
  background: red;
  color: #FFF;
}






/*section callouts*/

main>div>aside section {
  margin: 0 0 20px;
  padding: 10px;
}

main>div>aside section:hover {
  background: #FFC;
}

main>div>aside section h1 {
  margin: 0;
  font-size: 1.2em;
}

main>div>aside section p {
  margin: 0;
}

/* breadcrumb */

.breadcrumb {
  margin-bottom: 1em;
  font-size: 0.875em;
}

.breadcrumb * {
  display: inline-block;
  line-height: 100%;
  padding: 0.5em;
  border-radius: 3px;
}

.breadcrumb a {
  background: var(--ws-light);
}

.breadcrumb .on {
  border: 1px solid #CCC;
}

/* content */

#content {
  word-wrap: break-word;
}

:is(#content, #tinymce) .photoright,
:is(#content, #tinymce) .photoleft {
  height: auto;
  max-width: min(50%, 19.3125em);
}

#content .detail-halves .photoright,
#content .detail-halves .photoleft {
  max-width: min(50%, 10.55em);
}

#content .photoright img,
#content .photoleft img {
  float: none;
  height: auto;
  margin: 0;
  max-width: 100%;
}

.content img.phototreatment {
  max-width: 100%;
  height: auto;
}

.photoright {
  float: right;
  clear: right;
}

.photoleft {
  float: left;
  clear: left;
}


figcaption {
  color: #4A4A4A;
  font-size: 1em;
  font-style: italic;
  line-height: 1;
}

figcaption:empty {
  display: none;
}

.photoright figcaption {
  text-align: right;
}

.muted {
  opacity: 0.5;
}


/* Blockquote */
blockquote {
  float: right;
  line-height: 1.1;
  margin: 1em 0 1em 3em;
  max-width: min(50%, 21.375em);
  text-align: right;
}

.content blockquote p {
  color: var(--ws-violet);
  font-size: var(--ws-text-7);
  font-style: italic;
  font-weight: 600;
  line-height: 1.364;
}

blockquote :is(cite, footer) {
  color: #4A4A4A;
  font-size: 1em;
  font-style: normal;
}

blockquote cite::before,
blockquote footer::before {
  content: '- ';
}

blockquote p:first-of-type::before {
  content: open-quote;
}

blockquote p:last-of-type::after {
  content: close-quote;
}



/* Highlight */
.highlight {
  background: var(--ws-light);
  clear: both;
  padding: 1.75em 2em 2em;
  margin: 2.75em 0;
}

.highlight :is(h1, h2)  {
  font-size: var(--ws-text-5);
  font-weight: 600;
  color: var(--ws-violet);
}

.highlight :last-child {
  margin-bottom: 0;
}


/* Highlight v2 */
.content .highlight.v2 {
  background: #FFF;
  padding: 0;
}

.highlight.v2>:is(h1,h2) {
  background: var(--ws-blue);
  color: #FFF;
  margin: 0;
  padding: .5em;
}

.highlight.v2 .highlight-content {
  border: 1px solid rgba(var(--ws-blue-rgb), .3);
  border-top: 0;
  padding: 1.5em 2em 2em;
}

.highlight.v2 .highlight-content *:first-child {
  margin-top: 0;
}

.content .highlight.v2 ul li:before {
  background: url('/images/nav-arrow-violet.svg') no-repeat center;
}

.attention{
  border:solid 10px var(--ws-violet);
  width: 100%;
  text-align: center;
  padding: 1em 2.5em;
  margin-bottom: 2em;

}

/* Text styles */
small, .textSm {
  font-size: .8em;
}

#content table,
.contentEditor table {
  width: 100%;
}

.shareIcons {
  display: inline-block;
  position: relative;
  overflow: auto;
}

.shareIcons a {
  background: no-repeat center / contain;
  border-radius: .2em;
  box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, .2);
  display: block;
  float: left;
  height: 20px;
  margin: 0 .5em 1em 0;
  width: 20px;
}

.shareIcons a:hover {
  background-color: #F03C5E;
}

.shareFacebook {
  background-color: #3b5998;
  background-image: url(../../images/icons/64x64/facebook.png)
}

.shareTwitter {
  background-color: #00aced;
  background-image: url(../../images/icons/64x64/twitter.png)
}

.shareLinkedin {
  background-color: #007bb6;
  background-image: url(../../images/icons/64x64/linkedin.png)
}

.shareGoogle {
  background-color: #dd4b39;
  background-image: url(../../images/icons/64x64/google-plus.png)
}





/* CALLOUTS ------------------------------ */

.callout {
  background: url('/images/callout-bg.jpg') no-repeat center / cover;
  color: #FFF;
  padding: 6.250em 1em;
  text-align: center;
}

.callout h1 {
  font-size: 1.750em;
  color: #FFF;
  max-width: 40rem;
  margin: 0 auto 1.5em;
}

.callout a {
  display: inline-block;
  border: 1px solid transparent;
  padding: 0.5em 1.5em 0.5em 2.75em;
  margin: 0 0.5em 1.5em;
  text-transform: uppercase;
  font-weight: 600;
  background-color: #FFF;
  color: var(--ws-dark);
  border-radius: 2px;
  font-size: 0.875em;
}

.callout .search {
  background: #FFF url('/images/icons/search.svg') no-repeat 0.75em center;
}

.callout .order {
  background: #FFF url('/images/icons/computer.svg') no-repeat 1em center;
  padding-left: 3.25em;
}

.callout p {
  font-weight: 100;
  margin-bottom: 0;
  color: rgba(255, 255, 255, 0.75);
}

.callout p:last-child {
  font-weight: 100;
}

.callouts {
  text-align: center;
  padding: 6.813em 1em;
  background: url(/images/home/callouts-bg.jpg) no-repeat left bottom #FFF;
  width: 100%;
  float: left;
  clear: both;
}

.callouts section div {
  padding-bottom: 60%;
  margin-bottom: 1em;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border: 3px solid #DADCDF;
}

.callouts section h1 {
  font-size: 1.25em;
  line-height: 130%;
  font-weight: 600;
  padding: 0 1em;
  color: var(--ws-violet);
}

.callouts section p {
  color: #4A4A4A;
  padding: 0 1em;
  margin-bottom: 1.5em;
  font-weight: 400;
  line-height: 1.5em;
}

.callouts section .button {
  color: var(--ws-blue);
  text-transform: uppercase;
  padding: 1em;
  font-size: 0.875em;
  font-weight: 600;
  background: #E9E9E9;
}





/* TOPICS / CALENDAR  ------------------------------ */

.topics,
.calendar {
  padding: 3.750em 1em 5.5em;
  text-align: center;
  float: left;
  clear: both;
  width: 100%;
  background: url('/images/home/topics-bg.jpg') no-repeat center / cover;
  color: #FFF;
}

.topics img,
.calendar img {
  margin-bottom: 1em;
}

.topics h1,
.calendar h1 {
  color: #FFF;
}

.topics p {
  font-size: 1.25em;
  font-weight: 400;
}

.topics hr {
  border-color: rgba(255, 255, 255, 0.32);
  margin: 2.5em 0;
}

.topics ul {
  text-align: left;
  margin-bottom: 3em;
}

.topics .content li {
  margin-top: 0.25em;
  display: inline-block;
  width: 100%;
  break-inside: avoid;
}

.topics ul a {
  color: #FFF;
  padding: 0.25em 0;
  display: block;
  line-height: 130%;
}

.topics ul a:hover {
  color: #F15A29;
}

.topics .button,
.calendar .button {
  color: var(--ws-blue);
  background: #FFF;
  text-transform: uppercase;
  padding: 1em 1.5em;
  font-size: 0.875em;
  font-weight: 600;
}

.topics .button:hover {
  background: #F15A29;
  color: #FFF;
}

.calendar {
  border-top: 3px solid #FFF;
  background: url('/images/home/calendar-bg.jpg') no-repeat center / cover
}

.calendar h1 {
  margin-bottom: 1.5em;
}

.calendar li:before {
  display: none;
}

.calendar ul {
  text-align: center;
}

.calendar li {
  text-align: left;
  padding-left: 1em;
}

.calendar li time {
  display: block;
  margin-bottom: 1.3em;
  font-size: 0.875em;
  line-height: 1.286em;
  font-weight: 500;
  text-transform: uppercase;
}

.calendar li .title {
  display: block;
  margin-bottom: 1em;
  font-size: 1.25em;
  font-weight: 400;
  line-height: 1.25em;
}

.calendar li .brief {
  display: block;
  font-size: 1em;
  font-weight: 100;
  line-height: 1.1250em;
  margin-bottom: 2em;
}

.calendar .button:hover {
  background: var(--ws-violet);
  color: #FFF;
}


.eventsCalendar table.calendar {
  background: #FFF;
  margin-bottom: 2em;
}

.wsManagementLogin td:first-child {
  width: 40%;
  text-align: right;
}

.content .searchList li:before {
  display: none;
}




/* TOPIC JUMP ------------------------------ */

.topic-jump {
  align-items: start;
  border-block: 1px solid var(--ws-light);
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: 0 0 1em;
  padding-block: 1.5em;
}

.topic-jump a,
.topic-jump span {
  align-items: center;
  aspect-ratio: 1;
  background: var(--ws-blue);
  border-radius: .125rem;
  color: #FFF;
  display: inline-flex;
  font-size: var(--ws-text-6);
  font-weight: 700;
  justify-content: center;
  line-height: 1;
  margin: 0 .25em .25em 0;
  padding: 0 .25em;
  text-align: center;
  width: 1.6667em;
}

.topic-jump span {
  background: var(--ws-gray)
}

.topic h2 {
  font-size: 1.4em;
  margin-bottom: 0.5em;
  cursor: pointer;
  position: relative;
  transition: ease all 200ms;
  background: var(--ws-light);
  padding: 0.25em 0.5em 0.25em 1.9em;
  border-radius: 3px;
}

.topic h2:after {
  content: "";
  border: 1px solid #ccc;
  transition: ease all 200ms;
  background-color: #FFF;
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto 60%;
  border-radius: 50%;
  display: block;
  width: 1.3em;
  height: 1.3em;
  position: absolute;
  top: 0.25em;
  left: 0.25em;
}

.topic h2:hover:after,
.topic h2.on:after {
  border-color: #FFF;
}

.fact-sheet h2:after {
  background-image: url('/images/icons/icon-fact-sheets.svg');
}

.related-links h2:after {
  background-image: url('/images/icons/icon-related-links.svg');
}

.research h2:after {
  background-image: url('/images/icons/icon-research-and-statistics.svg');
}

.screening-tools h2:after {
  background-image: url('/images/icons/icon-screening-tools.svg');
}

.self-help h2:after {
  background-image: url('/images/icons/icon-self-help-group.svg');
}

.locate-facility h2:after {
  background-image: url('/images/icons/icon-locate-facility.svg');
}

.topic h2:hover,
.topic h2.on {
  color: #FFF;
  background: var(--ws-blue);
}

.topic h2:before {
  content: "+";
  float: right;
}

.topic h2.on:before {
  content: "-";
}

.topic ul {
  display: none;
  padding-top: 0.5em;
}

#content .topics-list h2 {
  color: var(--ws-blue);
  font-size: var(--ws-text-1);
}

#content .topics-list section.topic-wrap {
  margin-block: 1.5em;
  overflow: auto;
  padding: 1.25em 1.25em 1.75em;
}

#content .topics-list section.topic-wrap:nth-of-type(odd) {
  background: rgba(var(--ws-blue-rgb), .1);
}

#content .topics-list section.topic-wrap:nth-of-type(even) {
  margin-top: 0;
  padding-block: 0 1em;
}

#content .topics-list ul {
  margin: 0;
}

#content .topics-list ul li {
  font-size: 1em;
  line-height: 120%;
  margin: 0 0 1em;
}

#content .topics-list ul li:last-child {
  margin: 0;
}

#content .topics-list ul li.toggle {
  font-size: 1em;
  margin-top: 1.25em;
  padding-left: 0;
}

#content .topics-list ul li.toggle>button {
  padding: .625em 1em;
}

#content .topics-list ul li.toggle>button::after {
  aspect-ratio: 1;
  background: #FFF;
  mask: url('/images/icons/arrow-down-white.svg') no-repeat center / auto .875em;
  content: '';
  display: inline-block;
  margin-left: .125em;
  padding-left: 1em;
  position: relative;
  top: .1875em;
  transition: all .3s ease;
}

#content .topics-list ul li.toggle.on>button::after {
  transform: rotate(-180deg);
}

#content .topics-list ul li a {
  display: block;
  font-size: var(--ws-text-8);
  font-weight: 600;
  margin-bottom: 0.25em;
  transition: color .3s ease;
}

#content .topics-list ul li a.button {
  display: inline-block;
}

#content .topics-list ul li p>a {
  font-size: 1em;
}

#content .topics-list ul li a[rel]:not(.button),
#content .topics-list ul li a[rel]:not(.button)+a {
  display: inline-block;
}

#content .topics-list ul li a[rel]:not(.button)+a:after {
  content: "";
  display: block;
  height: 1px;
  width: 100%;
}

/*-#content .topics-list ul li a[rel]:not(.button) {
display: inline;
position: absolute;
left: .25em;
background: #FFF;
width: 1.25em;
height: 22px;
text-align: center;
} ----- */

#content .topics-list section.topic-wrap:nth-of-type(odd) ul li a[rel]:not(.button) {
  background: #EBEFF7;
}

#content .topics-list hr {
  border-top-color: var(--ws-light);
  margin-block: 1em;
}

#content .topics-list hr:nth-of-type(even) {
  display: none;
}

#content .topics-list ul li.toggle:before {
  display: none;
}

#content .event-list li {
  line-height: 150%;
}

#content .event-list li+li {
  margin-top: 1.5em;
}

#content .event-list a {
  display: block;
  font-size: 1.125em;
  font-weight: 500;
}

#content .event-list a+p {
  padding-left: 0 !important;
}

#content .registration-list {
  overflow: auto;
  text-align: center;
}

#content .registration-list li {
  display: inline-block;
  width: 100%;
  text-align: left;
  margin: 0 0 1em;
  padding: 0;
  line-height: 1.35em;
}

#content ul.registration-list li {
  padding: 0 0 0 2em;
}

#content .registration-list li:before {
  display: none;
}

#content ul.registration-list li:before {
  display: block;
  top: 0.25em;
}

#content .registration-list li input {
  position: absolute;
  top: 1.25em;
  left: 1em;
}

#content .registration-list li label {
  display: block;
  background: #FFF;
  transition: ease all 200ms;
  cursor: pointer;
  border: 1px solid #ccc;
  padding: 1em 1em 1em 2.5em;
  border-radius: 3px;
}

#content .registration-list li label:hover {
  border-color: #F15A29;
}

#content .registration-list li :checked+label {
  background: var(--ws-light);
  border-color: #999;
}

#content .registration-list li span {
  display: block;
}

#content .registration-list li .title {
  font-weight: 500;
  margin-bottom: 0.25em;
}

#content .registration-list li time {
  position: relative;
  padding-left: 1em;
  font-size: 0.9em;
  display: block;
  line-height: 120%;
  margin-bottom: 0.5em;
}

#content .registration-list li time:before {
  content: "-";
  position: absolute;
  left: 0.25em;
}

#content .registration-list li .open,
#content .registration-list li .open {
  color: #70A42A;
  font-weight: 400;
}

#content .registration-list li .wait {
  color: #F15A29;
  font-weight: 400;
}

#content .registration-list li .closed {
  color: #F00;
  font-weight: 400;
}

.registration-form div {
  max-width: 34em;
  margin: 2em 0;
}

.registration-form h2 {
  margin-top: 1.5em;
}

.registration-form label {
  display: block;
  width: 100%;
  overflow: auto;
  padding-bottom: 0.25em;
  margin-bottom: 1em;
}

.waiting-list.registration-form label {
  margin: 0;
}

.registration-form label span,
.waiting-list label,
#ContactForm label {
  font-weight: 500;
  display: block;
}

.registration-form label .req {
  display: inline-block;
}

.registration-form label input,
.registration-form label select,
.registration-form label textarea {
  width: 100%;
}

.registration-form label input[type="radio"],
.registration-form label input[type="checkbox"] {
  width: auto;
  margin: 0 0.25em 0 1em;
}

.registration-form textarea {
  min-height: 7em;
}

.registration-form [type="submit"],
.registration-list [type="submit"] {
  font-size: 1em;
}

#AttendeesDivs>div+div {
  padding-top: 2em;
  margin-top: 2em;
  border-top: 1px solid rgba(0, 0, 0, .3);
}





/* APPS ------------------------------ */

/* pagination */

.pagination {
  font-size: .95em;
  text-align: right;
}


/* ALERT */
#alertApp {
  z-index: 99;
}

#alertApp {
  width: 100%;
  background: var(--ws-violet);
  padding: .625em var(--ws-gap);
  text-align: center;
}

#alertApp:not(.alertStatic) {
  cursor: pointer;
}

#alertApp #alertTitle {
  color: #FFF;
  display: inline-block;
  font-size: 1em;
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 0;
  padding: 0 1em;
}

#alertTitle a {
  color: #FFF;
  text-decoration: underline;
}

#alertDesc {
  overflow: hidden;
}

#alertDesc #pDesc {
  color: #FFF;
  line-height: 1.1;
  margin: .5em 0 0;
}

.alertOpen #alertDesc {
  height: auto;
  min-height: 0;
  text-align: center;
}

#alertApp.alertStatic {
  cursor: auto;
}





/* MANAGEMENT OVERRIDES ------------------------------ */

#wysiwygBody {
  background: #FFF;
}

/* management table */

hr+.manage {
  margin-top: -1em;
}

.manage {
  border-bottom: 1px solid rgba(0, 0, 0, .2);
  line-height: 1.3em;
  width: 100%;
}

.manage th {
  border-bottom: 1px solid rgba(0, 0, 0, .2);
  text-align: left;
}

.manage th.right {
  text-align: right;
}

.manage th.sort {
  cursor: pointer;
}

.manage th.sort img {
  margin-left: 5px;
}

.manage th img {
  bottom: -2px;
  position: relative;
}

.manage td,
.manage th {
  padding: 5px 5px 5px 0;
}

.manage td:first-child {
  padding-left: .8em;
}

.manage img.preload {
  border: solid 1px #FFF;
  display: none;
  position: absolute;
  top: 0;
  z-index: 9900;
}

.manage td.icons img {
  margin-left: 5px;
  position: relative;
  bottom: -2px;
}

.manage td:first-child.icons img {
  margin-left: 0;
}

.manage td:first-child.icons {
  padding-left: 3px;
  padding-right: 3px;
}

.manage td.icons a:first-child img {
  margin-left: 0;
}

.manage td.icons input {
  bottom: 2px;
  margin-left: 5px;
  position: relative;
}

.manage .hidden {
  font-style: italic;
  color: #900;
}

.manageButton {
  text-align: right;
  padding: 10px 0;
}

.alternate tbody tr:nth-child(even),
.even {
  background: #FFF;
}

.alternate tbody tr:nth-child(odd),
.odd {
  background: rgba(0, 0, 0, .06);
}

.manage+hr,
.manage+.manageLinks+hr {
  margin-top: 50px;
}

.manageLinks {
  margin-top: 10px;
}

.manageLinks a {
  white-space: nowrap;
}

.manageLinks a img {
  position: relative;
  bottom: -2px;
}

.manageLinks button {
  margin-left: 5px;
}

.manageButtons {
  text-align: right;
  padding: 10px 0;
}

.wsReturnToButton {
  float: right;
  margin-top: -3.5em;
}

.manage.rightFirstChild td:first-child {
  text-align: right;
}

.sortRow th {
  cursor: pointer;
}

.manageEllipsis {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 200px;
}




/* TRANSITIONS ------------------------------ */

a, a *, button, .button, input[type="button"], input[type="submit"], .rsFullscreenBtn, #alertApp, #alertApp span, #alertDesc, #navContainer li {
  transition: all .3s ease
}


.stop-transitions * {
  transition: none !important;
}





/* FORM ERROR ------------------------------ */

.formError {
  background-color: Black;
  border: 0;
  padding: 5px 10px;
  color: #FFF;
  display: none;
  margin: 0 0 2px;
  z-index: 9999;
  border-radius: 10px;
  box-shadow: 0 2px 2px #333;
}


.formError p {
  margin: 0;
  font-size: .9em;
}


.formError em {
  border: 10px solid;
  border-color: Black transparent transparent;
  bottom: -17px;
  display: block;
  height: 0;
  left: 40px;
  position: absolute;
  width: 0;
}




/* FOOTER ------------------------------ */

body>footer {
  background: #EDEDED;
  color: var(--ws-gray);
  line-height: 1.25;
  padding-block: clamp(2.5em, 2.045em + 2.27vw, 3.75em) clamp(2em, 1.909em + 0.45vw, 2.25em);
}

body>footer .fatFooter a {
  color: var(--ws-blue);
}

body>footer .fatFooter {
  margin-bottom: clamp(3em, 2.364em + 3.18vw, 4.75em);
}

body>footer .fatFooter .title {
  color: var(--ws-blue);
  display: block;
  font-size: 1.125em;
  font-weight: 600;
  margin-bottom: 0.75em;
}


/* Address */
body>footer address div {
  margin-bottom: 1em;
}

body>footer .fatFooter address a {
  color: var(--ws-violet);
  font-weight: 700;
}


/* Email Signup */

body>footer form {
  display: flex;
}

body>footer input[type="text"] {
  background: #FFF;
  border-color: #FFF;
  border-radius: .125em 0 0 .125em;
  padding: .125em 0.75em;
  width: calc(100% - 5.625em);
}

body>footer form ::placeholder {
  color: var(--ws-gray);
  font-size: .875em;
}

body>footer button[type="submit"] {
  font-weight: 700;
  padding: .5em .9em;
  text-transform: uppercase;
  white-space: nowrap;
}



/* About */
body>footer .about img.wheeler {
  margin: 0 0 .25em;
}

body>footer .about .flex {
  align-items: center;
  display: flex;
}

body>footer .about p {
  font-size: 1em;
}



/* Footer bottom */
body>footer .copyright a {
  color: var(--ws-gray);
  text-decoration: underline;
  text-decoration-color: transparent;
}

body>footer .copyright a.on {
  color: var(--ws-violet);
  font-weight: 600;
}

body>footer .copyright nav span::before {
  content: "|";
  margin: 0 0.5em;
}

body>footer .copyright>div {
  font-size: .875em;
}




/* SHARED ELEMENTS ------------------------------ */

/* Social (Welcome ribbon and footer) ----- */
.social ul {
  align-items: center;
  display: flex;
}

.social li>a {
  background: var(--ws-blue);
  display: block;
  height: 1.5em;
  margin: 0 .25em;
  mask-repeat: no-repeat;
  mask-size: contain;
  width: 2em;
}

.social li>a.facebook {
  mask-image: url('/images/icons/facebook-f.svg');
}

.social li>a.instagram {
  mask-image: url('/images/icons/instagram.svg');
}





/* RESOURCE LINKS RIBBON ------------------------------ /
* - Homepage and Standard/FullWidth Interior
*/

.resource-links {
  position: relative;
  text-align: center;
}

.resource-links.home {
  padding-block: 1.75em 1.875em;
}

.resource-links .wrap {
  max-width: calc(74em + 2 * var(--ws-gap));
  padding-inline: var(--ws-gap);
}

.resource-links ul.ws-flex {
  justify-content: center;
  row-gap: 2.25em;
  --ws-gap: 1em;
}

.resource-links li>a {
  display: block;
  margin-inline: auto;
  max-width: 9.5rem;
}

.resource-links.home li>a {
  font-size: var(--ws-text-8);
}

.resource-links span.icon {
  aspect-ratio: 1;
  border-radius: 50%;
  content: '';
  display: block;
  margin: 0 auto 1em;
  position: relative;
  transition: var(--ws-transition);
  width: 4.25em;
}

.resource-links span.icon::before {
  aspect-ratio: 1;
  background: #FFF;
  content: '';
  height: 1.875em;
  inset: 50% auto auto 50%;
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  position: absolute;
  transform: translate(-50%,-50%);
  transition: var(--ws-transition);
}

.resource-links li:nth-child(odd) .icon {
  background-color: var(--ws-violet);
  box-shadow: inset 0 0 0 .125em var(--ws-violet);
}

.resource-links li:nth-child(even) .icon {
  background-color: var(--ws-blue);
  box-shadow: inset 0 0 0 .125em var(--ws-blue);
}

.resource-links li>a.library .icon::before { mask-image: url('/images/icons/library.svg'); }
.resource-links li>a.order .icon::before { mask-image: url('/images/icons/cart.svg'); }
.resource-links li>a.download .icon::before{ mask-image: url('/images/icons/file-download.svg'); }
.resource-links li>a.membership .icon::before { mask-image: url('/images/icons/user-edit.svg');  }
.resource-links li>a.question .icon::before { mask-image: url('/images/icons/question.svg'); }

.resource-links strong {
  display: block;
  line-height: 1;
}

.resource-links li:nth-child(odd) strong {
  color: var(--ws-violet);
}

.resource-links li:nth-child(even) strong {
  color: var(--ws-blue);
}



/* Standard interior page resource links */

.resource-links.interior {
  background: url('/images/callout-bg.jpg') no-repeat center / cover;
  padding-block: var(--ws-spacing-105);
}

.resource-links.interior ul.ws-flex {
  margin-inline: auto;
  max-width: 68em;
  row-gap: 3.5em;
}

.resource-links.interior li>a {
  background: var(--ws-light);
  font-size: var(--ws-text-7);
  height: 100%;
  max-width: 100%;
  padding: 2.25em 1em 1em;
  position: relative;
  z-index: 0;
}

.resource-links.interior span.icon {
  border: .25em solid #FFF;
  display: inline-block;
  inset: 0 auto auto 50%;
  position: absolute;
  transform: translate(-50%,-50%);
  width: 3.4875em;
}

.resource-links.interior span.icon::before {
  height: 1.375em;
}

.resource-links.interior strong {
  font-weight: 600;
}

.resource-links.interior li:nth-child(1n) strong {
  color: var(--ws-gray);
}





/* FEATURED EVENTS RIBBON ------------------------------ /
* - Homepage
*/

.featured-events {
  background: #FFF;
  padding-block: 3.25em;
  position: relative;
  text-align: center;
  z-index: 0;
}

.featured-events::before {
  background: var(--ws-gradient-1);
  content: '';
  inset: 0;
  position: absolute;
  z-index: -1;
}

.featured-events .wrap {
  max-width: calc(74em + 2 * var(--ws-gap));
  padding-inline: var(--ws-gap);
}

.featured-events h2 {
  color: var(--ws-blue);
  font-size: var(--ws-text-2);
  font-weight: 600;
  margin: 0 0 1.25em;
}

.featured-events ul.ws-flex {
  justify-content: center;
  row-gap: 2.5em;
}

.featured-events li>a {
  display: block;
}

.featured-events .image {
  aspect-ratio: 275 / 325;
  display: block;
  margin: 0 0 .75em;
}

.featured-events .image>img {
  height: 100%;
  object-fit: contain;
  width: 100%;
}

.featured-events strong {
  color: var(--ws-violet);
  display: block;
  font-size: var(--ws-text-7);
  font-weight: 600;
  line-height: .909;
}

.featured-events strong::after {
  content: '\203A';
  padding-left: .1875em;
}





/* EMAIL SIGNUP RIBBON ------------------------------ /
* - Homepage
*/

.email-signup {
  background: var(--ws-violet);
  padding-block: 2.8125em;
  position: relative;
  z-index: 0;
}

.email-signup::before {
  background: url('/images/home/books.webp') no-repeat left center;
  content: '';
  inset: 0;
  mix-blend-mode: luminosity;
  opacity: .2;
  position: absolute;
  z-index: -2;
}

.email-signup::after {
  background: linear-gradient(95deg, rgba(var(--ws-violet-rgb),0) 0%, rgba(var(--ws-violet-rgb),1) 100%);
  content: '';
  position: absolute;
  z-index: -1;
}

.email-signup .wrap {
  max-width: calc(45em + 2 * var(--ws-gap));
  padding-inline: var(--ws-gap);
}

.email-signup .icon {
  aspect-ratio: 1;
  background: #FFF url('/images/icons/envelope.svg') no-repeat center / auto 2.375em;
  border-radius: 50%;
  margin-inline: auto;
  min-width: 5.125em;
  width: 5.125em;
}

.email-signup h2 {
  color: #FFF;
  font-size: var(--ws-text-3);
  font-weight: 600;
}

.email-signup p {
  color: #FFF;
  line-height: 1.4;
  font-size: var(--ws-text-8);
}

.email-signup .button {
  font-size: .875em;
  font-weight: 600;
  padding: .8125em 1.5625em;
  text-transform: uppercase;
  white-space: nowrap;
}





/* CAMPAIGNS RIBBON ------------------------------ /
* - Homepage
*/

.campaigns {
  background: #FFF;
  overflow: hidden;
  padding-block: var(--ws-spacing-100);
  position: relative;
  text-align: center;
}

.campaigns .wrap {
  max-width: calc(74em + 2 * var(--ws-gap));
  padding-inline: var(--ws-gap);
  position: relative;
}

.campaigns h2 {
  color: var(--ws-blue);
  font-size: var(--ws-text-2);
  font-weight: 600;
  margin: 0 0 1em;
}

.campaigns #campaign-slider {
  padding-inline: 1em;
}

.campaigns #campaign-slider .slick-track {
  padding-block: .625em 0;
}

.campaigns .campaign {
  max-width: 17.8125em;
}

.campaigns .campaign>a {
  display: block;
}

.campaigns .campaign .image {
  align-items: center;
  aspect-ratio: 275 / 325;
  display: flex;
  margin: 0 0 .75em;
}

.campaigns .campaign .image>img {
  border: 1px solid #CCC;
  display: block;
  max-height: 100%;
  margin-inline: auto;
}

.campaigns .campaign strong {
  color: var(--ws-violet);
  display: block;
  font-size: var(--ws-text-7);
  font-weight: 600;
  line-height: .909;
  padding-bottom: .5em;
}

.campaigns .campaign strong::after {
  content: '\203A';
  padding-left: .1875em;
}

.campaigns .slick-arrow {
  padding: 1em;
  top: 50%;
}

.campaigns .slick-arrow.slick-prev {
  left: clamp(0rem, -0.091rem + 0.45vw, 0.25rem);
}

.campaigns .slick-arrow.slick-next {
  right: clamp(0rem, -0.091rem + 0.45vw, 0.25rem);
}

.campaigns .slick-arrow.slick-prev:before { background-image: url('/images/icons/slider-left-violet.svg'); }
.campaigns .slick-arrow.slick-next:before { background-image: url('/images/icons/slider-right-violet.svg'); }





/* WELCOME RIBBON ------------------------------ /
* - Homepage
*/

.welcome {
  background: #FFF;
  overflow: hidden;
  padding-block: var(--ws-spacing-105);
  position: relative;
  z-index: 0;
}

.welcome::before {
  background: var(--ws-gradient-1);
  content: '';
  inset: 0;
  position: absolute;
  z-index: -2;
}

.welcome::after {
  aspect-ratio: 672 / 614;
  background: url('/images/logo-emblem.svg') no-repeat center / contain;
  content: '';
  opacity: .05;
  position: absolute;
  width: min(100%, clamp(30em, 10em + 42.67vw, 42em));
  z-index: -1;
}

.welcome .wrap {
  max-width: calc(74em + 2 * var(--ws-gap));
  padding-inline: var(--ws-gap);
}

.welcome figure {
  margin: 0;
}

.welcome h1 {
  color: var(--ws-violet);
  font-size: var(--ws-text-4);
}

.welcome p {
  color: #000;
  font-size: var(--ws-text-9);
  font-weight: 300;
  line-height: 1.556;
  margin: 0 0 1rem;
}

.welcome .button {
  font-size: 1em;
  padding: .75em 2em;
}

.welcome .flex {
  align-items: center;
  display: flex;
  gap: 1em;
  justify-content: space-between;
  margin: 1.5em 0 0;
  width: 14em;
}

.welcome .flex>div {
  width: calc(50% - .5em);
}

.welcome .content ul li::before {
  display: none;
}

.welcome .content .social ul li {
  margin: 0;
  padding: 0;
}

.welcome .social ul {
  justify-content: flex-end;
  margin: 0;
}




/* STANDARD INTERIOR CALLOUT TEMPLATES ------------------------------ */

/* callouts-v1 ----- */
.callouts-v1 {
  display: flex;
  flex-wrap: wrap;
  gap: var(--ws-gap);
  justify-content: space-between;
  line-height: 1.333;
  margin-block: 2em;
  row-gap: 3em;
}

.callouts-v1>div {
  max-width: 18.75em;
  width: calc(50% - .75em);
}


.callouts-v1 figure.image {
  margin: 0 0 .5em;
  width: 100%;
}

.callouts-v1 figure.image>img {
  aspect-ratio: 1;
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.callouts-v1 :is(h2, h3) {
  color: var(--ws-violet);
  font-size: var(--ws-text-5);
  margin: 0 0 .5rem;
}

.callouts-v1 p>:is(b, strong) {
  color: var(--ws-blue);
}

.callouts-v1 p>a {
  font-weight: 400;
}

.callouts-v1 p:last-child {
  margin: 0;
}




/* callouts-v2 ----- */
.callouts-v2>div {
  align-items: center;
  border-top: 1px solid var(--ws-light);
  display: flex;
  justify-content: space-between;
  margin-top: 2em;
  padding-top: 2em;
}

.callouts-v2>div:nth-child(odd) {
  flex-direction: row-reverse;
}

.callouts-v2 figure {
  margin: 0;
  width: 31.5%;
}

.callouts-v2 figure img {
  display: block;
  margin-inline: auto;
}

.callouts-v2 .textbox {
  align-self: start;
  margin-block: 1em;
  width: 68.5%;
}

.callouts-v2>div:nth-child(odd) .textbox {
  padding-right: 1.25em;
}

.callouts-v2>div:nth-child(even) .textbox {
  padding-left: 1.25em;
}

.callouts-v2 h2 {
  margin: 0 0 .375em;
}

.callouts-v2 p {
  line-height: 1.333;
}

.callouts-v2 p:last-child {
  margin: 0;
}


/* Extra class overrides */
.callouts-v2 div.no-image figure {
  content-visibility: hidden;
  display: none;
}

.callouts-v2 div.no-image .textbox {
  padding-inline: 0;
  width: 100%;
}

.callouts-v2.align-start>div {
  align-items: start;
}
.callouts-v2.align-start .textbox {
  margin-block: 0 1em;
}




/* TOPICS DETAIL PAGE ------------------------------ */

/* Breadcrumbs ----- */
nav.breadcrumbs ul {
  margin: 0;
}

nav.breadcrumbs ul>li {
  color: #000;
  display: inline-block;
  padding: 0;
}

nav.breadcrumbs ul>li::before {
  display: none;
}

nav.breadcrumbs ul>li:not(:last-child)::after {
  content: '\203A';
  margin-inline: .5em .3125em;
}

nav.breadcrumbs ul>li>a {
  color: #000;
  text-decoration: underline;
  text-decoration-color: transparent;
}




/* Collection rotator ----- */
.collection {
  border-block: .125rem solid var(--ws-blue);
  margin-block: 2em 2.5em;
  padding: 1.5em 1em;
  position: relative;
  text-align: center;
}

.collection h2 {
  font-size: var(--ws-text-6);
}

.collection .slide {
  padding-inline: .75em;
}

.collection .slide>a {
  display: block;
  margin-inline: auto;
  max-width: 14em;
}

.collection .slide figure {
  aspect-ratio: 1;
  margin: 0 auto 1em;
  max-height: 8.125em;
  text-align: center;
}

.collection .slide figure img {
  display: block;
  height: 100%;
  object-fit: contain;
  width: 100%;
}

.collection .slide strong {
  display: block;
  line-height: 1.111;
  font-size: var(--ws-text-9);
}

.collection .slick-arrow.slick-prev {
  left: 0;
}

.collection .slick-arrow.slick-next {
  right: 0;
}

.collection .slick-arrow.slick-prev:before {
  background: var(--ws-gray);
  mask: url('/images/icons/slider-left.svg') no-repeat center / auto 1.75em;
}

.collection .slick-arrow.slick-next:before {
  background: var(--ws-gray);
  mask: url('/images/icons/slider-right.svg') no-repeat center / auto 1.75em;
}

.collection .slick-arrow {
  padding: 1em .5em;
  top: 50%;
}

.collection .slick-arrow::before {
  width: 1em;
}




/* Detail Halves ----- */
.content .detail-halves .highlight:first-child {
  margin-top: 0;
}
.interior.topic-detail .content>p>small,
.interior.topic-detail .detail-halves p>small {
  display: inline-block;
  line-height: 1.5;
}
*:not(.collection) + .detail-halves {
  margin-top: 2em;
  padding-top: 2.5em;
  border-top: .125rem solid var(--ws-blue);
}
.detail-halves {
  clear: both;
}
.detail-halves .heading {
  background: var(--ws-blue);
  margin: 0 0 1.5em;
  padding: .35em 1em .35em 0;
}

.detail-halves section + section,
.detail-halves :is(section, .heading):not(:first-child) {
  margin-top: 2.25em;
}

.detail-halves .heading.violet {
  background: var(--ws-violet);
}

.detail-halves .heading h2 {
  color: #FFF;
  font-size: var(--ws-text-6);
  margin: 0;
}

.detail-halves .heading h2::before {
  aspect-ratio: 1;
  background: no-repeat center / 1em 1em;
  content: '';
  height: 1.25rem;
  padding-right: 2em;
}

.detail-halves .heading.videos h2::before { background-image: url('/images/icons/topics/video.svg'); }
.detail-halves .heading.podcasts h2::before { background-image: url('/images/icons/topics/podcast.svg'); }
.detail-halves .heading.trainings h2::before { background-image: url('/images/icons/topics/training.svg'); }
.detail-halves .heading.file h2::before { background-image: url('/images/icons/topics/file-text.svg'); }
.detail-halves .heading.related-links h2::before { background-image: url('/images/icons/topics/links.svg'); }

.detail-halves .heading:is(.data, .research-data, .research-statistics) h2::before {
  background-image: url('/images/icons/topics/pie-chart.svg');
}

.detail-halves .heading.facility-locate h2::before {
  background-image: url('/images/icons/topics/location-dot-white.svg');
  background-size: .9375em .9375em;
}

.detail-halves .heading.screening-tools h2::before {
  background-image: url('/images/icons/topics/clipboard-check-white.svg');
}

.detail-halves .heading.self-help-groups h2::before {
  background-image: url('/images/icons/topics/heart-hands-white.svg');
}


.detail-halves p.intro {
  line-height: 1.4;
}

.detail-halves p {
  line-height: 1.556;
  margin: 0 0 .625em;
}
.details .list-wrap ul li p {
  font-size: 1.0625em;
}

.detail-halves p + h2 {
  margin-top: 1em;
}

.detail-halves h3 {
  font-size: var(--ws-text-9);
  font-weight: 600;
  line-height: 1.553;
  margin: 0 0 .5em;
}

.detail-halves h2 + h3 {
  margin-top: 1.5em;
}

.detail-halves hr {
  border-top: 1px solid var(--ws-light);
  margin-block: 2em;
}

.content .detail-halves ul li:before {
  background-image: url('/images/nav-arrow-violet.svg');
}

.detail-halves figure:not(:is(.photoright, .photoleft)) {
  margin: 1em 0;
}

.detail-halves figcaption,
.topics-list figcaption {
  background: var(--ws-light);
  font-size: var(--ws-text-9);
  font-style: normal;
  line-height: 1.3;
  margin: 0 0 2em;
  padding: 1.25em 1em;
}

.detail-halves figcaption>a {
  color: var(--ws-violet);
  font-weight: 600;
}

.detail-halves time {
  color: var(--ws-gray);
  display: block;
  font-weight: 300;
}

.content .detail-halves ul li {
  margin: 0 0 1em;
}

.content .detail-halves :is(li, p)>a:not(.button) {
  font-weight: 600;
}
.content .detail-halves .list-wrap>ul>li>a {
  font-size: var(--ws-text-9);
}
.content .detail-halves section.details .list-wrap>ul>li:nth-child(n+5) {
  display: none;
}

.content .detail-halves section.details .list-wrap>ul.show-all>li:nth-child(n+5) {
  display: block;
}

:is(.content, #content) ul li.no-bullet {
  font-size: 1em;
  margin: 0 0 2em;
  padding-left: 0;
}

:is(.content, #content) ul li.no-bullet::before {
  display: none;
}

:is(.content, #content) ul li.no-bullet figure {
  margin: 0;
}

.content .detail-halves :is(li, p)>a[rel]:not(.button) + p {
  display: block;
}


/* Return to Topics button ----- */
.button.return-to-topics {
  display: flex;
  font-size: var(--ws-text-3);
  justify-content: center;
  line-height: 1.1;
  margin: 2.5em 0 0;
  padding: .067em 1em .09em;
}

.button.return-to-topics>span {
  display: flex;
  color: #FFF;
}

.button.return-to-topics>span::before {
  aspect-ratio: 1;
  background: #FFF;
  display: inline-block;
  content: '';
  height: 1em;
  mask: url('/images/icons/angle-left.svg') no-repeat center / auto .9375em;
  opacity: .5;
  padding-right: 1em;
  position: relative;
  top: .0625em;
  transition: all .3s ease;
}

.topics-list + .button.return-to-topics {
  margin-top: 1.5em;
}




/* VIDEO MODAL ------------------------------ /
* - Videos A-Z
*/

body.no-scroll {
  overflow: hidden;
}

#video-modal {
  align-items: center;
  background: rgba(0,0,0,.75);
  display: none;
  height: 100%;
  justify-content: center;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 99;
}

#video-modal button.close {
  background: transparent;
  border: 0;
  color: #FFF;
  cursor: pointer;
  font-size: 4em;
  line-height: .75;
  margin-left: auto;
  padding: 0;
  text-align: center;
}

#video-modal .center {
  display: flex;
  flex-direction: column;
  max-height: 100%;
  max-width: min(62.5em, calc(100% - 2em));
  width:100%;
}

#video-modal .center .videoContainer {
  box-shadow: 0 0 6.25em 0 rgba(0,0,0,0.5);
  overflow: auto;
  position: relative;
}



/* GOOGLE TRANSLATE WIDGET ------------------------------ */
font {
  color: inherit;
}
a.gflag {vertical-align:middle;font-size:16px;padding:1px 0;background-repeat:no-repeat;background-image:url(//gtranslate.net/flags/16.png);}
a.gflag img {border:0;}
a.gflag:hover {background-image:url(//gtranslate.net/flags/16a.png);}
#goog-gt-tt {display:none !important;}
.goog-te-banner-frame {display:none !important;}
.goog-te-menu-value:hover {text-decoration:none !important;}
body {top:0 !important;}
#google_translate_element2 {display:none!important;}


/* ------------------- STYLE.CSS ------------------- */