diff --git a/components/00-particles/_00-mixins.scss b/components/00-particles/_00-mixins.scss index e21ab9d..73de0d7 100644 --- a/components/00-particles/_00-mixins.scss +++ b/components/00-particles/_00-mixins.scss @@ -120,7 +120,6 @@ @mixin full-viewport { display: flex; flex-direction: column; - min-width: $min-width; min-height: 100vh; & #main-content { diff --git a/components/01-elements/11-tags/_tags.scss b/components/01-elements/11-tags/_tags.scss index 2c27c3e..d4e895a 100644 --- a/components/01-elements/11-tags/_tags.scss +++ b/components/01-elements/11-tags/_tags.scss @@ -80,3 +80,33 @@ article.node--news-item .field-field-tags { width: 25%; } } + + +.tag-breadcrumbs { + display: flex; + flex-flow: row nowrap; + align-items: center; + + .title { + margin-right: 0.5rem; + } + + ul { + @include list-reset; + display: inline-flex; + flex-flow: row wrap; + + #main-content.main-sidebar-side article.node &, + #main-content.main-sidebar-side article.node &, + #sidebar-container &, + #sidebar-container & { + margin: 0; + } + + .fa-circle { + font-size: 0.5rem; + margin: 0 0.25rem; + vertical-align: middle; + } + } +} diff --git a/components/01-elements/11-tags/_tags.twig b/components/01-elements/11-tags/_tags.twig new file mode 100644 index 0000000..9eb8915 --- /dev/null +++ b/components/01-elements/11-tags/_tags.twig @@ -0,0 +1,95 @@ +{# +/** + * @file + * Theme override for a field. + * + * To override output, copy the "field.html.twig" from the templates directory + * to your theme's directory and customize it, just like customizing other + * Drupal templates such as page.html.twig or node.html.twig. + * + * Instead of overriding the theming for all fields, you can also just override + * theming for a subset of fields using + * @link themeable Theme hook suggestions. @endlink For example, + * here are some theme hook suggestions that can be used for a field_foo field + * on an article node type: + * - field--node--field-foo--article.html.twig + * - field--node--field-foo.html.twig + * - field--node--article.html.twig + * - field--field-foo.html.twig + * - field--text-with-summary.html.twig + * - field.html.twig + * + * Available variables: + * - attributes: HTML attributes for the containing element. + * - label_hidden: Whether to show the field label or not. + * - title_attributes: HTML attributes for the title. + * - label: The label for the field. + * - multiple: TRUE if a field can contain multiple items. + * - items: List of all the field items. Each item contains: + * - attributes: List of HTML attributes for each item. + * - content: The field item's content. + * - entity_type: The entity type to which the field belongs. + * - field_name: The name of the field. + * - field_type: The type of the field. + * - label_display: The display settings for the label. + * + * @see template_preprocess_field() + */ +#} +{% if displayLikeBreadcrumbs %} + + +{% set classes = ['tag-breadcrumbs'] %} + + + + {% if label_hidden %} + + {% endif %} + + + + + + + +{% else %} + {% if label_hidden %} + {% if multiple %} + + {% for item in items %} + + {{ item.content }} + {% endfor %} + + {% else %} + {% for item in items %} + {{ item.content }}{% if item.icon is defined %}{{ item.icon|raw }}{% endif %} + {% endfor %} + {% endif %} + {% else %} + + {{ label }} + {% if multiple %} +
+ {% endif %} + {% for item in items %} + {{ item.content }}
+ {% endfor %} + {% if multiple %} + + {% endif %} + + {% endif %} +{% endif %} diff --git a/components/02-compounds/featured-resources/_featured-resource-tile.twig b/components/02-compounds/featured-resources/_featured-resource-tile.twig new file mode 100644 index 0000000..ca1e6ce --- /dev/null +++ b/components/02-compounds/featured-resources/_featured-resource-tile.twig @@ -0,0 +1,6 @@ +
  • + + {{ item.content.field_icon }} + {{ item.content.field_heading }} + +
    • diff --git a/components/02-compounds/featured-resources/_featured-resources.scss b/components/02-compounds/featured-resources/_featured-resources.scss new file mode 100644 index 0000000..1a83887 --- /dev/null +++ b/components/02-compounds/featured-resources/_featured-resources.scss @@ -0,0 +1,232 @@ +@mixin tile-color-decorations($tileColor) { + a { + border-top: 4px solid $tileColor; + } + + svg { + color: $tileColor; + } +} + +/* Shared styles for homepage and articles */ +.has-link-tiles { + // .layout-stripe sets width 100%, margin 0, padding 0. + padding-bottom: 2rem; + // Contains div.layout-zone for squishy edges. + + h2 { + margin-top: 0; + padding-top: 2rem; + } + + ul { + @include list-reset; + + display: flex; + flex-flow: row wrap; + justify-content: space-around; + + li { + flex: 1 1 auto; + width: 100%; + margin: 0.5rem; + + @include breakpoint($small-width) { + width: 46%; + } + + @include breakpoint($medium-width) { + width: 31%; + } + + @include breakpoint($large-width) { + width: 14%; + min-height: 10rem; + } + + .fontawesome-icons { + text-align: center; + } + + a { + @include rounded-corners; + background-color: $white; + height: 100%; + display: flex; + flex-flow: column nowrap; + justify-content: center; + word-break: break-word; + padding: 1rem; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4); + + & { + @include link-on-gray; + } + + svg { + font-size: 3rem; + margin: 0 auto; + } + + span { + padding-top: 1rem; + text-align: center; + font-weight: bold; + } + } + + &:nth-child(6n+1) { + @include tile-color-decorations($raspberry); + } + + &:nth-child(6n+2) { + @include tile-color-decorations($gray); + } + + &:nth-child(6n+3) { + @include tile-color-decorations($light-blue); + } + + &:nth-child(6n+4) { + @include tile-color-decorations($light-green); + } + + &:nth-child(6n+5) { + @include tile-color-decorations($light-orange); + } + + &:nth-child(6n+6) { + @include tile-color-decorations($red); + } + } + } +} + +/* Article pages */ +.resource-panel { + #main-content.main-sidebar-side article.node & ul, + #main-content.main-sidebar-side article.node & ol, + #sidebar-container & ul, + #sidebar-container & ol { + margin-left: 0; + } + + ul { + display: grid; + grid-template-columns: 1fr; + grid-auto-rows: 1fr; + gap: 1rem; + + + @include breakpoint($small-width) { + grid-template-columns: repeat(3, 1fr); + + &.items-2 { + grid-template-columns: repeat(2, 1fr); + } + + &.items-1 { + grid-template-columns: 1fr; + } + } + + @include breakpoint($max-width) { + grid-template-columns: repeat(4, 1fr); + + &.items-3 { + grid-template-columns: repeat(3, 1fr); + } + + &.items-2 { + grid-template-columns: repeat(2, 1fr); + } + + &.items-1 { + grid-template-columns: 1fr; + } + } + + li { + width: auto; + margin: 0; + + a { + // border: 3px solid $gray; + justify-content: space-between; + padding: 2rem 1rem 1rem 1rem; + text-decoration: underline; + + & > span { + flex-grow: 1; + display: flex; + flex-flow: column nowrap; + justify-content: center; + font-weight: normal; + } + } + + &:nth-child(6n+1), + &:nth-child(6n+2), + &:nth-child(6n+3), + &:nth-child(6n+4), + &:nth-child(6n+5), + &:nth-child(6n+6) { + a { + border-top: 4px solid $dark-blue; + } + + svg { + color: $dark-blue; + } + } + } + } +} + +/* LITS homepage styles */ +.lits_homepage .has-link-tiles { + ul { + margin-top: -0.5rem; + } + + li { + width: 100%; + + @include breakpoint($small-width) { + width: 41%; + } + + @include breakpoint($large-width) { + width: 26%; + } + + a { + border-radius: 0; + + @include breakpoint($large-width) { + padding: 1rem calc(0.25 * 1rem); + } + } + + &.tdx-tile { + width: 100%; + + svg { + overflow: visible; + box-sizing: content-box; + display: var(--fa-display, inline-block); + height: 2em; + vertical-align: -0.125em; + } + + img { + height: 5em; + margin: auto; + } + + a { + border-top: 4px solid $dark-blue !important; + } + } + } +} diff --git a/components/02-compounds/featured-resources/_field-resource.twig b/components/02-compounds/featured-resources/_field-resource.twig new file mode 100644 index 0000000..dcf93da --- /dev/null +++ b/components/02-compounds/featured-resources/_field-resource.twig @@ -0,0 +1,12 @@ +
    +
    + {% set classes = [ items|length ? 'items-' ~ items|length, ] %} + + {% for item in items %} + {% include "@compounds/featured-resources/_featured-resource-tile.twig" with { + "item": item + } %} + {% endfor %} + +
    +
    diff --git a/components/02-compounds/homepage-elements/_field-featured-resources.twig b/components/02-compounds/homepage-elements/_field-featured-resources.twig index bb1b48f..05d5e2c 100644 --- a/components/02-compounds/homepage-elements/_field-featured-resources.twig +++ b/components/02-compounds/homepage-elements/_field-featured-resources.twig @@ -1,5 +1,5 @@ - diff --git a/components/03-pages/lits-homepage/lits-homepage.scss b/components/03-pages/lits-homepage/lits-homepage.scss index a896394..444c4b9 100644 --- a/components/03-pages/lits-homepage/lits-homepage.scss +++ b/components/03-pages/lits-homepage/lits-homepage.scss @@ -104,7 +104,7 @@ h1 .subtitle { // Contains div.layout-zone for squishy edges. h2, - &.newsbar-sidebar-side #featured-resources-wrapper h2 { // my bad, ew + &.newsbar-sidebar-side .featured-resources-wrapper h2 { // my bad, ew padding: 0; margin: 1em 0; font-size: 1.5em; @@ -121,75 +121,75 @@ h1 .subtitle { } } - .has-link-tiles { - ul { - margin-top: -0.5rem; - } - - li { - width: 100%; - - @include breakpoint($small-width) { - width: 41%; - } - - @include breakpoint($large-width) { - width: 26%; - } - - a { - border-radius: 0; - background-color: $white; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4); - justify-content: center; // ugh also - } - - &:nth-child(6n+1) a { - border-top: 4px solid $raspberry; - } - - &:nth-child(6n+2) a { - border-top: 4px solid $gray; - } - - &:nth-child(6n+3) a { - border-top: 4px solid $light-blue; - } - - &:nth-child(6n+4) a { - border-top: 4px solid $light-green; - } - - &:nth-child(6n+5) a { - border-top: 4px solid $light-orange; - } - - &:nth-child(6n+6) a { - border-top: 4px solid $red; - } - - &.tdx-tile { - width: 100%; - - svg { - overflow: visible; - box-sizing: content-box; - display: var(--fa-display, inline-block); - height: 2em; - vertical-align: -0.125em; - } - - img { - height: 5em; - margin: auto; - } - - a { - border-top: 4px solid $dark-blue !important; - } - } - } - } + // .has-link-tiles { + // ul { + // margin-top: -0.5rem; + // } + + // li { + // width: 100%; + + // @include breakpoint($small-width) { + // width: 41%; + // } + + // @include breakpoint($large-width) { + // width: 26%; + // } + + // a { + // border-radius: 0; + // background-color: $white; + // box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4); + // justify-content: center; // ugh also + // } + + // &:nth-child(6n+1) a { + // border-top: 4px solid $raspberry; + // } + + // &:nth-child(6n+2) a { + // border-top: 4px solid $gray; + // } + + // &:nth-child(6n+3) a { + // border-top: 4px solid $light-blue; + // } + + // &:nth-child(6n+4) a { + // border-top: 4px solid $light-green; + // } + + // &:nth-child(6n+5) a { + // border-top: 4px solid $light-orange; + // } + + // &:nth-child(6n+6) a { + // border-top: 4px solid $red; + // } + + // &.tdx-tile { + // width: 100%; + + // svg { + // overflow: visible; + // box-sizing: content-box; + // display: var(--fa-display, inline-block); + // height: 2em; + // vertical-align: -0.125em; + // } + + // img { + // height: 5em; + // margin: auto; + // } + + // a { + // border-top: 4px solid $dark-blue !important; + // } + // } + // } + // } #news-items-container { flex-flow: column nowrap; @@ -218,7 +218,7 @@ h1 .subtitle { } } - #featured-resources-wrapper { + .featured-resources-wrapper { @extend #sidebar-wrapper; @include responsive-basis(100%, 38%, 38%, stretch); @@ -232,7 +232,7 @@ h1 .subtitle { @include squishy-padding(right, stretch); @include squishy-gutter(left); - #featured-resources { + .featured-resources { flex-direction: column; & > * { @@ -243,105 +243,7 @@ h1 .subtitle { } } - &.newsbar-sidebar-side #featured-resources-wrapper { + &.newsbar-sidebar-side .featured-resources-wrapper { padding-top: 0; } } - -/* 0. Helper styles - Link tiles (eg featured resources, formerly quick links and remote guides) */ -.lits_homepage .has-link-tiles { - // .layout-stripe sets width 100%, margin 0, padding 0. - padding-bottom: 2rem; - // Contains div.layout-zone for squishy edges. - - h2 { - margin-top: 0; - padding-top: 2rem; - } - - ul { - @include list-reset; - - display: flex; - flex-flow: row wrap; - justify-content: space-around; - - li { - flex: 1 1 auto; - width: 100%; - margin: 0.5rem; - - @include breakpoint($small-width) { - width: 46%; - } - - @include breakpoint($medium-width) { - width: 31%; - } - - @include breakpoint($large-width) { - width: 14%; - min-height: 10rem; - } - - .fontawesome-icons { - text-align: center; - } - - a { - @include rounded-corners; - - background-color: $gray-lightest; - height: 100%; - display: flex; - flex-flow: column nowrap; - justify-content: flex-start; - word-break: break-word; - padding: 1rem; - - @include breakpoint($large-width) { - padding: 1rem calc(0.25 * 1rem); - } - - & { - @include link-on-gray; - } - - svg { - font-size: 3rem; - margin: 0 auto; - } - - span { - padding-top: 1rem; - text-align: center; - font-weight: bold; - } - } - - &:nth-child(6n+1) svg { - color: $raspberry; - } - - &:nth-child(6n+2) svg { - color: $gray; - } - - &:nth-child(6n+3) svg { - color: $light-blue; - } - - &:nth-child(6n+4) svg { - color: $light-green; - } - - &:nth-child(6n+5) svg { - color: $light-orange; - } - - &:nth-child(6n+6) svg { - color: $red; - } - } - } -} diff --git a/dist/ckeditor5.css.map b/dist/ckeditor5.css.map index 51885fd..750115c 100644 --- a/dist/ckeditor5.css.map +++ b/dist/ckeditor5.css.map @@ -1 +1 @@ -{"version":3,"file":"ckeditor5.css","mappings":"AAAA;;;EAAA;AAKA;AAOA;AAOA;AAkCA;ACjBA;;CAAA;ACpCA;;;EAAA;AAKA;;;;;;;;;;;;EAAA;AA+BA;;;;;;;;;;;;EAAA;AAmCA;;;;;;;;;;;;EAAA;AAmCA;;;;;EAAA;AAUA;EAjGE,WFVS;EEWT;AC2CF;ADzCE;EAEE,WFfO;AGyDX;ADvCE;EAEE,cFtBQ;EEuBR;ACwCJ;AC2FE;EACE;EACA;EAGE;AD3FN;;AD6CA;;EAnCE,YFxEM;EEyEN;ACLF;ADOE;;;EAEE,YF7EI;AGyER;ADOE;;;EAEE,cF3EQ;EE4ER;ACJJ;ACqEE;;EACE;EACA;EAGE;ADpEN;AC+DE;;EACE;EACA;EAGE;AD9DN;;ADqBA;;;;;;EAAA;AA6BA;;;;;;EAAA;AGtDA;EA9FE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AFoHF;AElHE;EACE,WLPO;AG2HX;AElHI;EACE,cAdwI;AFkI9I;;AE/BA;;EA/EE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AFmHF;AEjHE;EACE,WL1BO;AG6IX;AEjHI;EACE,cAd6I;AFiInJ;;AE7CA;;EAhEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AFkHF;AEhHE;EACE,WL7CO;AG+JX;AEhHI;EACE,cAd8I;AFgIpJ;;AE1DA;;EACE;EAnDA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AFkHF;AEhHE;EACE,WLhEO;AGkLX;AEhHI;EACE,cAd6I;AFgInJ;;AEvEA;;;;;;EArCE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AFqHF;AEnHE;;EACE,WLnFO;AGyMX;AEpHI;;EACE,cAdwI;AFqI9I;;AE1DA;AACA;EAjHE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AF+KF;AE7KE;EACE,WL7CO;AG4NX;AE7KI;EACE,cAd8I;AF6LpJ;;AEvEA;AACA;EACE;EACA,cL9IU;AGwNZ;;AEvEA;AAEA;EACE;EACA;EACA,yBLrKU;EKsKV,YLhKM;EKiKN;EACA;EACA;AFyEF;;AEtEA;AAEE;EAEE;EACA;AFuEJ;;AEnEA;EACE;EACA;EACA;EACA;EACA;AFsEF;;AEnEA;EACE;AFsEF;AEpEE;EAEE;EACA;EACA;EACA;AFqEJ;AElEE;EACE;EACA;EACA;EACA;EACA;EACA;AFoEJ;;AEhEA;EACE;AFmEF;;AG/QA;;;;;;EAME,cNJS;EIoDT,2CH1DU;EG2DV;EACA;ADmOF;;AGtSE;EACE;AHySJ;;AGhRA;EACE;EACA;EACA;EACA;AHmRF;;AGhRA;EACE;EACA;EACA;AHmRF;;AGhQA;EACE;AHmQF;;AGhQA;EACE;EACA;EACA,cNvCM;AG0SR;;AGhQA;AAEE;EACE,YN1DI;AG4TR;AG/PE;EACE,cNhDW;AGiTf;AG9PE;EACE,cNrDI;AGqTR;AG7PE;EACE,cN5DE;AG2TN;;AG3PA;EACE;AH8PF;;AG3PA;AACA;EACE,YNhFM;AG8UR;;AG3PA;AAEA;EACE;EACA;AH6PF;AG3PE;EACE;AH6PJ;;AIlWE;;;;EAEE;EACA;AJuWJ;;AInWA;EACE;EACA;AJsWF;;AInWA;EACE;AJsWF;;AInWA;;EACE;EACA;AJuWF;;AIlWA;;;;;;;;;EAAA;ACvBA;EACE;EACA;EACA;EACA,yBANW;EAOX;EACA;ALsYF;;AKnYA;EACE;EACA;EACA,YRGM;EQFN;EACA;EACA;ALsYF;AKpYE;EACE;ALsYJ;;AKjYE;EACE,uBRbI;AGiZR;AK/XI;EACE;ALiYN;AK9XI;EACE;ALgYN;;AK3XA;EACE;EACA;EACA;EACA;AL8XF;AK5XE;EACE;AL8XJ;;AK1XA;;EAEE;EACA;AL6XF;;AAvWA;EACE;AA0WF,C","sources":["webpack://theme-preprocess/./components/00-particles/global/01-colors/_color-vars.scss","webpack://theme-preprocess/./components/00-particles/_01-variables.scss","webpack://theme-preprocess/./components/01-elements/01-links/link/_link.scss","webpack://theme-preprocess/./components/02-compounds/ckeditor5/ckeditor5.scss","webpack://theme-preprocess/./components/00-particles/_00-mixins.scss","webpack://theme-preprocess/./components/01-elements/02-text/00-headings/_headings.scss","webpack://theme-preprocess/./components/01-elements/02-text/text/_text.scss","webpack://theme-preprocess/./components/01-elements/03-lists/_lists.scss","webpack://theme-preprocess/./components/01-elements/07-tables/_tables.scss"],"sourcesContent":["/**\n * @file\n * Color variables.\n */\n\n/* Primary colors */\n// Top of each pair: official brand color; bottom: provided by designer.\n$dark-blue: #004876;\n// $dark-blue: #0e4977;\n$med-blue: #07c;\n// $med-blue: #2576bc;\n\n/* Background colors */\n$white: white;\n$pale-gray: #e2dfdd; // $gray + 80% tint.\n$dark-red: #6f263d;\n$charcoal: #1a1a1a;\n$black: black;\n\n/* Accent colors */\n$pale-blue: #ccdae3;\n$light-blue: #00a9e0;\n$raspberry: #a20067;\n$red: #ef3340;\n$yellow: #f1c400;\n$dark-green: #2c5234;\n$green: #5c7f1a;\n$light-orange: #ff9e1b;\n$light-green: #84bd00;\n\n// // // // // // // // //\n// TODO: colors below this line are from previous work, and should be\n// moved above it when we figure out that we need them.\n\n$gray: #6e6259;\n// TODO: change to $pale-gray throughout\n$gray-lightest: #e5e5e5;\n$gray-lighter: #ccc;\n$gray-light: #999;\n$gray-dark: #4c4c4c;\n$gray-darker: #333;\n$med-gray: #b8b8b8;\n$fully-transparent: rgba(0, 0, 0, 0);\n\n$dark-blue-90pct: rgba(0, 72, 118, 0.9);\n$darkish-blue: #0065b8;\n$med-blue-94pct: rgba(0, 112, 192, 0.94);\n$bright-blue: #74d7ed;\n$white-90pct: rgba(255, 255, 255, 0.9);\n\n$mustard: #f4c52f;\n$sun-yellow: #ffd328;\n\n/** new colors **/\n\n// Suggested by Chris 7/2/2019; not sure we’re using them.\n$orange: #ff671f;\n\n// $arrow-colors: $sun-yellow, $med-blue, $raspberry, $light-orange, $red, $light-blue, $green, $sun-yellow, $med-blue, $raspberry, $light-orange, $red, $light-blue, $green;\n","@use \"sass:math\";\n\n//////////////////////////\n// General Variables\n// Note: colors should go into\n// components/_patterns/00-base/global/01-colors/_color-vars.scss\n// and breakpoint related vars into\n// components/_patterns/00-base/_breakpoints.scss\n\n// Fonts\n$font-body: \"ars-maquette-web\", sans-serif;\n$font-heading: \"ars-maquette-web\", sans-serif;\n\n// available font-weights include: 300, 400, 500, 700\n// with italic being available in font-weights 400 and 700\n\n// Spacing\n$space: 1rem;\n\n// times\n$space-double: $space*2;\n$space-triple: $space*3;\n$space-quadruple: $space*4;\n$space-quintuple: $space*5;\n$space-sextuple: $space*6;\n$space-septuple: $space*7;\n\n// divided\n$space-one-half: math.div($space, 2);\n$space-one-third: math.div($space, 3);\n$space-one-fourth: math.div($space, 4);\n$space-one-fifth: math.div($space, 5);\n$space-one-sixth: math.div($space, 6);\n$space-one-seventh: math.div($space, 7);\n$space-one-eighth: math.div($space, 8);\n\n/**\n* Used to set the font size for \"LITS\" in logobar and to add whitespace to the MHC logos\n*/\n// $logo-font-size: 17px;\n$logo-container-max-height: 60px;\n\n// wordmark values\n$o-ratio: math.div(19.893, 40.849); // height of 'o' in wordmark svg vs height of svg as measured in Illustrator\n$word-logo-image-max-height: $logo-container-max-height * $o-ratio;\n$word-default-margin: math.div($word-logo-image-max-height, 2);\n// $word-logo-font-size: $word-default-margin; // The size of the 'o' should be the font-size also TODO: this sort of looks small...\n$word-logo-font-size: 19px;\n\n// monogram values\n$c-ratio: math.div(64.9, 108); // height of 'c' in wordmark svg vs height of svg as measured in Illustrator\n$mono-logo-image-max-height: $logo-container-max-height * (1 - $c-ratio);\n$mono-default-margin: math.div($mono-logo-image-max-height, 2);\n// $mono-logo-font-size: $mono-default-margin; // The size of the 'c' should be the font-size also TODO: this sort of looks small...\n$mono-logo-font-size: 19px;\n","/**\n * @file\n * Reusable styles for links.\n */\n\n/**\n * Standard links in running text on white background.\n *\n * Contrast ratios for $med-blue:\n * - $white => 4.65\n * - $pale-gray => 3.51 not sufficient for standard size text\n * - $charcoal => 3.49 acceptable as contrasting text\n *\n * Contrast ratios for $dark-blue:\n * - $white => 9.60\n * - $pale-gray => 7.23\n * - $charcoal => 1.81 not distinct at all\n */\n@mixin link {\n color: $med-blue;\n text-decoration: none;\n\n &:link,\n &:visited {\n color: $med-blue;\n }\n\n &:active,\n &:hover {\n color: $dark-blue;\n text-decoration: underline solid;\n }\n\n @include focus($type:link);\n}\n\n/**\n * Links on $black or $charcoal backgrounds should include or extend this.\n *\n * Contrast ratios for $light-blue:\n * - $black => 7.75\n * - $charcoal => 6.42\n * - $white => 2.71 not sufficiently distinct without underline\n *\n * Contrast ratios for $pale-gray:\n * - $black => 15.83\n * - $charcoal => 13.12\n * - $white => 1.33 not distinct at all\n */\n@mixin link-on-black {\n color: $light-blue;\n text-decoration: none;\n\n &:link,\n &:visited {\n color: $light-blue;\n }\n\n &:active,\n &:hover {\n color: $pale-gray;\n text-decoration: underline solid;\n }\n\n @include focus($white, link);\n\n & svg {\n @include focus($white, link);\n }\n}\n\n/**\n * Links on blue backgrounds should include or extend this.\n *\n * Most are obvious as navigation because of context; no underline necessary.\n *\n * Contrast ratios for $white:\n * - $dark-blue => 9.60\n * - $med-blue => 4.66\n *\n * Contrast ratios for $light-blue:\n * - $dark-blue => 3.54\n * - $med-blue => 1.72\n */\n@mixin link-on-blue {\n color: $white;\n text-decoration: none;\n\n &:link,\n &:visited {\n color: $white;\n }\n\n &:active,\n &:hover {\n color: $pale-blue;\n text-decoration: underline solid;\n }\n\n @include focus($white, link);\n\n & svg {\n @include focus($white, link);\n }\n}\n\n/**\n * Link on Blue Background\n *\n * Used by:\n * - @compounds/location-teaser\n */\n@mixin link-bluebg {\n @include link-on-blue;\n}\n\na {\n @include link;\n}\n\n.bluebg a,\na.bluebg {\n @include link-on-blue;\n}\n\n/**\n * Links on green backgrounds should include or extend this.\n *\n * Contrast ratios for $green background\n * $white => 4.66\n * $pale-gray => 3.51 not sufficient for standard size text\n */\n@mixin link-on-green {\n color: $white;\n text-decoration: none;\n\n &:link,\n &:visited {\n color: $white;\n }\n\n &:active,\n &:hover {\n color: $pale-gray;\n text-decoration: underline solid;\n }\n\n @include focus($white, link);\n\n & svg {\n @include focus($white, link);\n }\n}\n\n/**\n * Links on $pale-gray backgrounds should include or extend this.\n *\n * Contrast ratios for $pale-gray background\n * $dark-blue => 7.23\n * $med-gray => 3.51 not sufficient for standard size text\n */\n@mixin link-on-gray {\n color: $dark-blue;\n\n &:link,\n &:visited {\n color: $dark-blue;\n }\n\n &:active,\n &:hover {\n color: $med-blue;\n text-decoration: underline solid;\n }\n\n @include focus($dark-blue, link);\n\n .lits_homepage #block-lits-theme-litsunifiedsearchblock & {\n @include focus($light-orange, link);\n\n & svg {\n @include focus($light-orange, link);\n }\n }\n}\n\n@mixin link-on-raspberry {\n color: $white;\n text-decoration: none;\n\n &:link,\n &:visited {\n color: $white;\n }\n\n &:active,\n &:hover {\n color: $pale-blue;\n text-decoration: underline solid;\n }\n\n @include focus($white, link);\n\n & svg {\n @include focus($white, link);\n }\n}\n","// Selectors likely to appear outside of the editor should be prefixed with .ck-content\n// This is what makes the LITS styles from the lits-theme theme also appear in the admin theme\n@import \"../../00-particles/global/01-colors/*.scss\";\n@import \"../../00-particles/_01-variables.scss\";\n@import \"../../00-particles/_00-mixins.scss\";\n@import \"../../01-elements/01-links/**/*.scss\";\n@import \"../../01-elements/02-text/**/*.scss\";\n@import \"../../01-elements/03-lists/**/*.scss\";\n@import \"../../01-elements/07-tables/**/*.scss\";\n\n.ck-editor {\n p {\n @extend .paragraph;\n }\n\n blockquote {\n @extend .blockquote;\n }\n\n h1 {\n @extend .h1;\n }\n\n h2,\n .ck-button.ck-heading_heading2 {\n @extend .h2;\n }\n\n h3,\n .ck-button.ck-heading_heading3 {\n @extend .h3;\n }\n\n h4,\n .ck-button.ck-heading_heading4 {\n @extend .h4;\n }\n\n h5,\n .ck-button.ck-heading_heading5 {\n @extend .h5;\n }\n\n h6,\n .ck-button.ck-heading_heading6 {\n @extend .h6;\n }\n\n ol,\n ul {\n li {\n @extend .list-item;\n }\n }\n\n table {\n @extend .table;\n }\n\n th {\n @extend .table__heading-cell;\n }\n\n td {\n @extend .table__cell;\n }\n\n tbody tr {\n @extend .table__row;\n }\n\n tfoot th {\n @extend .table__footer-cell;\n }\n}\n\n// Fix for https: //www.drupal.org/project/drupal/issues/3332416, per #19\n.ck.ck-toolbar.ck-toolbar_grouping > .ck-toolbar__items {\n flex-wrap: wrap !important;\n}\n","/////////////////////\n// General Mixins (put specific ones in component files where applicable)\n\n/// Mixin - Clearfix.\n/// Adds clearfix based on http://bourbon.io/docs/#clearfix\n/// use example = @include cleafix\n\n@mixin clearfix {\n &::after {\n clear: both;\n content: \"\";\n display: table;\n }\n}\n\n/// Mixin - list-reset\n/// Reset list item defaults when no margin, padding, list styles needed\n@mixin list-reset {\n list-style: none;\n margin: 0;\n padding: 0;\n}\n\n/// Mixin - With Icon\n/// Precede Text with SVG icon\n@mixin with-icon {\n background-size: cover;\n content: \"\";\n display: inline-block;\n margin-right: 0.1em;\n padding: 0.8em;\n}\n\n/// Mixin - More Link\n/// Used in a number of views\n@mixin more-link {\n a {\n font-size: 1.2rem;\n line-height: 1.8rem;\n font-weight: 600;\n text-decoration: none;\n\n &::before {\n content: \"»\";\n font-size: 1.2rem;\n margin-right: 0.2em;\n }\n }\n}\n\n/// Mixin - Back Link\n/// Used in a number of views\n@mixin back-link {\n display: block;\n font-size: 1.2rem;\n line-height: 1.8rem;\n font-weight: 600;\n text-decoration: none;\n\n &::before {\n content: \"«\";\n font-size: 1.2rem;\n margin-right: 0.2em;\n }\n}\n\n/// Mixin - Body Copy\n@mixin body-copy {\n font-family: $font-body;\n font-size: 1.2rem;\n line-height: 2rem;\n}\n\n/// Mixin - Transition\n@mixin transition($transition-property, $transition-time, $method) {\n -webkit-transition: $transition-property $transition-time $method;\n -moz-transition: $transition-property $transition-time $method;\n -ms-transition: $transition-property $transition-time $method;\n -o-transition: $transition-property $transition-time $method;\n transition: $transition-property $transition-time $method;\n}\n\n/// Mixin - Standard Margin\n@mixin margin {\n margin-bottom: 1em;\n}\n\n@mixin fontawesome-far {\n font-family: \"Font Awesome 5 Free\", \"ars-maquette-web\", sans-serif;\n font-weight: 400;\n}\n\n@mixin fontawesome-fas {\n font-family: \"Font Awesome 5 Free\", \"ars-maquette-web\", sans-serif;\n font-weight: 900;\n}\n\n@mixin visually-hidden {\n position: absolute !important;\n clip: rect(1px, 1px, 1px, 1px);\n overflow: hidden;\n height: 1px;\n width: 1px;\n word-wrap: normal;\n}\n\n@mixin dark-blue-stripe {\n background-color: $dark-blue;\n color: $white;\n}\n\n@mixin med-blue-stripe {\n background-color: $med-blue;\n color: $white;\n}\n\n// Set up container to vertically space its contents across the entire viewport\n// Stick footer to bottom of page when there isn't enough content in the body.\n// Loosely based on this fiddle: http://jsfiddle.net/n5BaR/\n@mixin full-viewport {\n display: flex;\n flex-direction: column;\n min-width: $min-width;\n min-height: 100vh;\n\n & #main-content {\n flex: 1 1 auto;\n }\n}\n\n@mixin rounded-corners {\n border-radius: 0.25rem;\n}\n\n// BACKGROUNDS: Possible focus colors (4.5+ vs background)\n// $white (#ffffff): $med-blue $green $gray $raspberry $dark-blue $dark-red $charcoal $black\n// (#e5e5e5): $gray $raspberry $dark-blue $dark-red $charcoal $black\n// $pale-gray (#e2dfdd): $raspberry $dark-blue $dark-red $charcoal $black\n// $med-blue (#0077cc): $white $black\n// $green (#5c7f1a): $white $black\n// $raspberry (#a20067): $white $pale-gray $pale-blue $yellow\n// $dark-blue (#004876): $white $pale-gray $pale-blue $yellow $light-orange\n// $dark-red (#6f263d): $white $pale-gray $pale-blue $yellow $light-orange\n// $charcoal (#1a1a1a): $white $pale-gray $pale-blue $yellow $light-orange $light-blue $orange\n// $black (#000000): $white $pale-gray $pale-blue $yellow $light-orange $light-blue $orange $red $med-blue $green\n//\n// Background: focus color\n// $white (#ffffff): $dark-blue\n// (#e5e5e5): $dark-blue\n// $pale-gray (#e2dfdd): $dark-blue\n// $med-blue (#0077cc): $white\n// $green (#5c7f1a): $white\n// $raspberry (#a20067): $white\n// $dark-blue (#004876): $white\n// $dark-red (#6f263d): $white\n// $charcoal (#1a1a1a): $white\n// $black (#000000): $white\n//\n// Exceptions:\n// unified search on homepage uses $light-orange on $dark-blue because it's otherwise confusing with the white form fields\n@mixin focus($color: $dark-blue, $type:false) {// default should work against default white background\n &:focus {\n outline-offset: 2px;\n outline: 3px solid $color;\n\n @if $type == \"link\" {\n text-decoration: underline solid;\n }\n }\n}\n// Force table to not be like tables anymore\n@mixin untablify() {\n &,\n thead,\n tbody,\n th,\n td,\n tr {\n display: block;\n height: 100%;\n }\n\n thead {\n @include visually-hidden;\n }\n\n th,\n td {\n border-bottom: none;\n display: flex;\n flex-flow: row wrap;\n padding: 1rem;\n box-sizing: border-box;\n }\n\n td {\n /* Behave like a \"row\" */\n border: none;\n position: relative;\n }\n\n th[scope=row] {\n width: auto;\n }\n\n tbody tr:first-of-type {\n border-top: 1px solid $gray-lighter;\n }\n\n .col-header {\n display: inline-block;\n font-weight: bold;\n padding-right: 0;\n width: 100%;\n word-break: break-all;\n }\n\n .col-content {\n width: 100%;\n padding-left: 2rem;\n }\n\n @include breakpoint($small-width) {\n .col-header {\n width: 50%;\n padding-right: 1rem;\n }\n\n .col-content {\n width: 50%;\n padding-left: 0;\n }\n }\n\n @include breakpoint($medium-width) {\n .col-header {\n width: 33%;\n }\n\n .col-content {\n width: 67%;\n }\n }\n\n @include breakpoint($large-width) {\n .col-header {\n width: 20%;\n }\n\n .col-content {\n width: 80%;\n }\n }\n}\n","//\n// Generic header styles:\n// All arguments are optional. If not defined, the defaults below will be used\n//\n\n@mixin heading-xl($font-family: $font-heading, $font-size: 2rem, $line-height: 1.4, $color: inherit, $color-link: inherit, $color-link-hover: inherit, $font-weight: 700, $margin: 20px 0 0.5em) {\n color: #{$charcoal};\n font-family: #{$font-family};\n font-weight: #{$font-weight};\n font-style: normal;\n font-size: #{$font-size};\n line-height: #{$line-height};\n margin: #{$margin};\n width: auto;\n\n &__link {\n color: $med-blue;\n\n &:hover {\n color: $color-link-hover;\n }\n }\n}\n\n@mixin heading-large($font-family: $font-heading, $font-size: 1.8rem, $line-height: 1.4, $color: inherit, $color-link: inherit, $color-link-hover: inherit, $font-weight: 700, $margin: 10px 0 0.5em) {\n color: #{$color};\n font-family: #{$font-family};\n font-weight: #{$font-weight};\n font-style: normal;\n font-size: #{$font-size};\n line-height: #{$line-height};\n margin: #{$margin};\n width: auto;\n\n &__link {\n color: $med-blue;\n\n &:hover {\n color: $color-link-hover;\n }\n }\n}\n\n@mixin heading-medium($font-family: $font-heading, $font-size: 1.4rem, $line-height: 1.6, $color: inherit, $color-link: inherit, $color-link-hover: inherit, $font-weight: 700, $margin: 10px 0 0.5em) {\n color: #{$color};\n font-family: #{$font-family};\n font-weight: #{$font-weight};\n font-style: normal;\n font-size: #{$font-size};\n line-height: #{$line-height};\n margin: #{$margin};\n width: auto;\n\n &__link {\n color: $med-blue;\n\n &:hover {\n color: $color-link-hover;\n }\n }\n}\n\n@mixin heading-small($font-family: $font-heading, $font-size: 1.2rem, $line-height: 1.6, $color: inherit, $color-link: inherit, $color-link-hover: inherit, $font-weight: 600, $margin: 10px 0 0.5em) {\n color: #{$color};\n font-family: #{$font-family};\n font-weight: #{$font-weight};\n font-style: normal;\n font-size: #{$font-size};\n line-height: #{$line-height};\n margin: #{$margin};\n width: auto;\n\n &__link {\n color: $med-blue;\n\n &:hover {\n color: $color-link-hover;\n }\n }\n}\n\n@mixin heading-xs($font-family: $font-heading, $font-size: 1.1rem, $line-height: 2, $color: inherit, $color-link: inherit, $color-link-hover: inherit, $font-weight: 600, $margin: 10px 0 0.5em) {\n color: #{$color};\n font-family: #{$font-family};\n font-weight: #{$font-weight};\n font-style: normal;\n font-size: #{$font-size};\n line-height: #{$line-height};\n margin: #{$margin};\n width: auto;\n\n &__link {\n color: $med-blue;\n\n &:hover {\n color: $color-link-hover;\n }\n }\n}\n\n.h1 {\n @include heading-xl();\n}\n\n.h2 {\n @include heading-large($color: $charcoal);\n}\n\n.h3 {\n @include heading-medium($color: $green, $font-weight: bold);\n ;\n}\n\n.h4 {\n text-transform: uppercase;\n\n @include heading-small($color: $gray, $font-weight: normal);\n}\n\n.h5,\n.h6 {\n @include heading-xs($color: $gray);\n}\n\n// TODO: BEM selectors should be applied to wysiwyg-created content\n\nh1 {\n @extend .h1;\n}\n\n.text-long {\n h1 {\n @extend .h1;\n }\n\n h2 {\n @extend .h2;\n }\n\n h3 {\n @extend .h3;\n }\n\n h4 {\n @extend .h4;\n }\n\n h5 {\n @extend .h5;\n }\n\n h6 {\n @extend .h6;\n }\n}\n\n/** hours open title **/\n#logobar-hours-content h3 {\n @include heading-medium($color: $dark-blue, $font-size: 1rem, $margin: 10px 0 0);\n}\n\n/** Search query styling **/\nh1 span.search-query {\n font-style: italic;\n color: $raspberry;\n}\n\n/** Search Result Title **/\n\n.search-results h2 {\n font-size: 1.6rem;\n font-weight: normal;\n background-color: $dark-blue;\n color: $white;\n padding: 10px 15px;\n -webkit-margin-after: 5px;\n margin: 0 0 5px;\n}\n\n/** style the element **/\n.search-website {\n & h3.search-result-title,\n & h2.search-result-title {\n -webkit-margin-before: 0.5em;\n -webkit-margin-after: 0.5em;\n }\n}\n\n.library-accounts-wrap h2 {\n display: inline-block;\n margin: auto 0;\n text-align: left;\n padding: 0;\n font-weight: normal;\n}\n\n.bentos {\n /** Search page heading styling **/\n\n & h2.search-result-title,\n & h3.search-result-title {\n margin: 15px 0;\n font-weight: 300;\n font-size: 1.4rem;\n line-height: 1.85rem;\n }\n\n & h4.search-result-authors {\n margin-top: 0;\n -webkit-margin-before: 0;\n -webkit-margin-after: 0;\n font-weight: 300;\n font-size: 1rem;\n line-height: 1.7rem;\n }\n}\n\n.staff-card h2 {\n margin-bottom: 0;\n}\n","// Create a mixin for paragraph styles that can be implemented\n// in components with other classnames.\n@mixin paragraph($margin: 0 0 1em) {\n & {\n margin: #{$margin};\n }\n}\n\n@mixin no-bottom {\n & {\n margin-bottom: 0;\n }\n}\n\nbody,\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n color: $charcoal;\n\n @include body-copy;\n}\n\n.paragraph {\n @include paragraph;\n}\n\n.blockquote {\n font-style: italic;\n border-left: solid 3px $gray-light;\n margin-left: 1em;\n padding-left: 1em;\n}\n\n.hr {\n border-style: solid;\n border-width: 1px 0 0;\n color: currentColor;\n}\n\n// TODO: BEM selectors should be applied to wysiwyg-created content\n\n.text-long {\n p {\n @extend .paragraph;\n }\n\n blockquote {\n @extend .blockquote;\n }\n\n hr {\n @extend .hr;\n }\n}\n\naddress {\n font-style: normal;\n}\n\nhr.divider {\n margin-top: 1rem;\n margin-bottom: 1rem;\n color: $green;\n}\n\n/** Closing soon, open now, closed styling **/\n.open-now-container {\n svg.border {\n color: $white;\n }\n\n .closing_soon svg.indicator {\n color: $light-orange;\n }\n\n .open_now svg.indicator {\n color: $green;\n }\n\n .closed_now svg.indicator {\n color: $red;\n }\n}\n\n.ampm {\n font-variant: small-caps;\n}\n\n/** Accessibility text **/\n.nav .visually-hidden {\n color: $white;\n}\n\n/** Shown Temporarily **/\n\nimg.lits_filter.inline {\n display: inline;\n margin: 0;\n\n &.mhcgetit {\n vertical-align: middle;\n }\n}\n","#main-content.main-sidebar-side article.node,\n#sidebar-container {\n ul,\n ol {\n padding-left: 0;\n margin-left: 2em;\n }\n}\n\nul {\n list-style-type: circle;\n list-style-position: outside;\n}\n\nol {\n list-style-type: decimal;\n}\n\n.list-item {\n margin-bottom: 0.2em;\n padding-left: 1em;\n}\n\n// TODO: BEM selectors should be applied to wysiwyg-created content\n\n/**\n.text-long {\n ol,\n ul {\n li {\n @extend .list-item;\n }\n }\n}\n**/\n","$table-gray: #f8f8f8;\n\n.table {\n border: 1px solid $pale-gray;\n border-radius: 4px;\n border-spacing: 0;\n background-color: $table-gray;\n width: 100%;\n margin-bottom: 50px;\n}\n\n.table__heading-cell {\n border: none;\n border-left: 1px solid $pale-gray;\n color: $black;\n font-weight: 700;\n padding: 1.2em;\n text-align: left;\n\n &:first-child {\n border: none;\n }\n}\n\n.table__row {\n &:nth-child(odd) {\n background-color: $white;\n }\n\n // Non-BEM but always contained\n &:last-child {\n td:first-child {\n border-radius: 0 0 0 5px;\n }\n\n td:last-child {\n border-radius: 0 0 5px;\n }\n }\n}\n\n.table__cell {\n border: 1px solid $pale-gray;\n border-left: none;\n border-bottom: none;\n padding: 1em;\n\n &:last-child {\n border-right: none;\n }\n}\n\n.table__footer-cell,\n.table__footer-cell:first-child {\n border-left: none;\n border-top: 1px solid $pale-gray;\n}\n\n// TODO: BEM selectors should be applied to wysiwyg-created content\n\n.text-long {\n table {\n @extend .table;\n }\n\n th {\n @extend .table__heading-cell;\n }\n\n td {\n @extend .table__cell;\n }\n\n tbody tr {\n @extend .table__row;\n }\n\n tfoot th {\n @extend .table__footer-cell;\n }\n}\n"],"names":[],"sourceRoot":""} \ No newline at end of file +{"version":3,"file":"ckeditor5.css","mappings":"AAAA;;;EAAA;AAKA;AAOA;AAOA;AAkCA;ACjBA;;CAAA;ACpCA;;;EAAA;AAKA;;;;;;;;;;;;EAAA;AA+BA;;;;;;;;;;;;EAAA;AAmCA;;;;;;;;;;;;EAAA;AAmCA;;;;;EAAA;AAUA;EAjGE,WFVS;EEWT;AC2CF;ADzCE;EAEE,WFfO;AGyDX;ADvCE;EAEE,cFtBQ;EEuBR;ACwCJ;AC0FE;EACE;EACA;EAGE;AD1FN;;AD6CA;;EAnCE,YFxEM;EEyEN;ACLF;ADOE;;;EAEE,YF7EI;AGyER;ADOE;;;EAEE,cF3EQ;EE4ER;ACJJ;ACoEE;;EACE;EACA;EAGE;ADnEN;AC8DE;;EACE;EACA;EAGE;AD7DN;;ADqBA;;;;;;EAAA;AA6BA;;;;;;EAAA;AGtDA;EA9FE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AFoHF;AElHE;EACE,WLPO;AG2HX;AElHI;EACE,cAdwI;AFkI9I;;AE/BA;;EA/EE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AFmHF;AEjHE;EACE,WL1BO;AG6IX;AEjHI;EACE,cAd6I;AFiInJ;;AE7CA;;EAhEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AFkHF;AEhHE;EACE,WL7CO;AG+JX;AEhHI;EACE,cAd8I;AFgIpJ;;AE1DA;;EACE;EAnDA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AFkHF;AEhHE;EACE,WLhEO;AGkLX;AEhHI;EACE,cAd6I;AFgInJ;;AEvEA;;;;;;EArCE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AFqHF;AEnHE;;EACE,WLnFO;AGyMX;AEpHI;;EACE,cAdwI;AFqI9I;;AE1DA;AACA;EAjHE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AF+KF;AE7KE;EACE,WL7CO;AG4NX;AE7KI;EACE,cAd8I;AF6LpJ;;AEvEA;AACA;EACE;EACA,cL9IU;AGwNZ;;AEvEA;AAEA;EACE;EACA;EACA,yBLrKU;EKsKV,YLhKM;EKiKN;EACA;EACA;AFyEF;;AEtEA;AAEE;EAEE;EACA;AFuEJ;;AEnEA;EACE;EACA;EACA;EACA;EACA;AFsEF;;AEnEA;EACE;AFsEF;AEpEE;EAEE;EACA;EACA;EACA;AFqEJ;AElEE;EACE;EACA;EACA;EACA;EACA;EACA;AFoEJ;;AEhEA;EACE;AFmEF;;AG/QA;;;;;;EAME,cNJS;EIoDT,2CH1DU;EG2DV;EACA;ADmOF;;AGtSE;EACE;AHySJ;;AGhRA;EACE;EACA;EACA;EACA;AHmRF;;AGhRA;EACE;EACA;EACA;AHmRF;;AGhQA;EACE;AHmQF;;AGhQA;EACE;EACA;EACA,cNvCM;AG0SR;;AGhQA;AAEE;EACE,YN1DI;AG4TR;AG/PE;EACE,cNhDW;AGiTf;AG9PE;EACE,cNrDI;AGqTR;AG7PE;EACE,cN5DE;AG2TN;;AG3PA;EACE;AH8PF;;AG3PA;AACA;EACE,YNhFM;AG8UR;;AG3PA;AAEA;EACE;EACA;AH6PF;AG3PE;EACE;AH6PJ;;AIlWE;;;;EAEE;EACA;AJuWJ;;AInWA;EACE;EACA;AJsWF;;AInWA;EACE;AJsWF;;AInWA;;EACE;EACA;AJuWF;;AIlWA;;;;;;;;;EAAA;ACvBA;EACE;EACA;EACA;EACA,yBANW;EAOX;EACA;ALsYF;;AKnYA;EACE;EACA;EACA,YRGM;EQFN;EACA;EACA;ALsYF;AKpYE;EACE;ALsYJ;;AKjYE;EACE,uBRbI;AGiZR;AK/XI;EACE;ALiYN;AK9XI;EACE;ALgYN;;AK3XA;EACE;EACA;EACA;EACA;AL8XF;AK5XE;EACE;AL8XJ;;AK1XA;;EAEE;EACA;AL6XF;;AAvWA;EACE;AA0WF,C","sources":["webpack://theme-preprocess/./components/00-particles/global/01-colors/_color-vars.scss","webpack://theme-preprocess/./components/00-particles/_01-variables.scss","webpack://theme-preprocess/./components/01-elements/01-links/link/_link.scss","webpack://theme-preprocess/./components/02-compounds/ckeditor5/ckeditor5.scss","webpack://theme-preprocess/./components/00-particles/_00-mixins.scss","webpack://theme-preprocess/./components/01-elements/02-text/00-headings/_headings.scss","webpack://theme-preprocess/./components/01-elements/02-text/text/_text.scss","webpack://theme-preprocess/./components/01-elements/03-lists/_lists.scss","webpack://theme-preprocess/./components/01-elements/07-tables/_tables.scss"],"sourcesContent":["/**\n * @file\n * Color variables.\n */\n\n/* Primary colors */\n// Top of each pair: official brand color; bottom: provided by designer.\n$dark-blue: #004876;\n// $dark-blue: #0e4977;\n$med-blue: #07c;\n// $med-blue: #2576bc;\n\n/* Background colors */\n$white: white;\n$pale-gray: #e2dfdd; // $gray + 80% tint.\n$dark-red: #6f263d;\n$charcoal: #1a1a1a;\n$black: black;\n\n/* Accent colors */\n$pale-blue: #ccdae3;\n$light-blue: #00a9e0;\n$raspberry: #a20067;\n$red: #ef3340;\n$yellow: #f1c400;\n$dark-green: #2c5234;\n$green: #5c7f1a;\n$light-orange: #ff9e1b;\n$light-green: #84bd00;\n\n// // // // // // // // //\n// TODO: colors below this line are from previous work, and should be\n// moved above it when we figure out that we need them.\n\n$gray: #6e6259;\n// TODO: change to $pale-gray throughout\n$gray-lightest: #e5e5e5;\n$gray-lighter: #ccc;\n$gray-light: #999;\n$gray-dark: #4c4c4c;\n$gray-darker: #333;\n$med-gray: #b8b8b8;\n$fully-transparent: rgba(0, 0, 0, 0);\n\n$dark-blue-90pct: rgba(0, 72, 118, 0.9);\n$darkish-blue: #0065b8;\n$med-blue-94pct: rgba(0, 112, 192, 0.94);\n$bright-blue: #74d7ed;\n$white-90pct: rgba(255, 255, 255, 0.9);\n\n$mustard: #f4c52f;\n$sun-yellow: #ffd328;\n\n/** new colors **/\n\n// Suggested by Chris 7/2/2019; not sure we’re using them.\n$orange: #ff671f;\n\n// $arrow-colors: $sun-yellow, $med-blue, $raspberry, $light-orange, $red, $light-blue, $green, $sun-yellow, $med-blue, $raspberry, $light-orange, $red, $light-blue, $green;\n","@use \"sass:math\";\n\n//////////////////////////\n// General Variables\n// Note: colors should go into\n// components/_patterns/00-base/global/01-colors/_color-vars.scss\n// and breakpoint related vars into\n// components/_patterns/00-base/_breakpoints.scss\n\n// Fonts\n$font-body: \"ars-maquette-web\", sans-serif;\n$font-heading: \"ars-maquette-web\", sans-serif;\n\n// available font-weights include: 300, 400, 500, 700\n// with italic being available in font-weights 400 and 700\n\n// Spacing\n$space: 1rem;\n\n// times\n$space-double: $space*2;\n$space-triple: $space*3;\n$space-quadruple: $space*4;\n$space-quintuple: $space*5;\n$space-sextuple: $space*6;\n$space-septuple: $space*7;\n\n// divided\n$space-one-half: math.div($space, 2);\n$space-one-third: math.div($space, 3);\n$space-one-fourth: math.div($space, 4);\n$space-one-fifth: math.div($space, 5);\n$space-one-sixth: math.div($space, 6);\n$space-one-seventh: math.div($space, 7);\n$space-one-eighth: math.div($space, 8);\n\n/**\n* Used to set the font size for \"LITS\" in logobar and to add whitespace to the MHC logos\n*/\n// $logo-font-size: 17px;\n$logo-container-max-height: 60px;\n\n// wordmark values\n$o-ratio: math.div(19.893, 40.849); // height of 'o' in wordmark svg vs height of svg as measured in Illustrator\n$word-logo-image-max-height: $logo-container-max-height * $o-ratio;\n$word-default-margin: math.div($word-logo-image-max-height, 2);\n// $word-logo-font-size: $word-default-margin; // The size of the 'o' should be the font-size also TODO: this sort of looks small...\n$word-logo-font-size: 19px;\n\n// monogram values\n$c-ratio: math.div(64.9, 108); // height of 'c' in wordmark svg vs height of svg as measured in Illustrator\n$mono-logo-image-max-height: $logo-container-max-height * (1 - $c-ratio);\n$mono-default-margin: math.div($mono-logo-image-max-height, 2);\n// $mono-logo-font-size: $mono-default-margin; // The size of the 'c' should be the font-size also TODO: this sort of looks small...\n$mono-logo-font-size: 19px;\n","/**\n * @file\n * Reusable styles for links.\n */\n\n/**\n * Standard links in running text on white background.\n *\n * Contrast ratios for $med-blue:\n * - $white => 4.65\n * - $pale-gray => 3.51 not sufficient for standard size text\n * - $charcoal => 3.49 acceptable as contrasting text\n *\n * Contrast ratios for $dark-blue:\n * - $white => 9.60\n * - $pale-gray => 7.23\n * - $charcoal => 1.81 not distinct at all\n */\n@mixin link {\n color: $med-blue;\n text-decoration: none;\n\n &:link,\n &:visited {\n color: $med-blue;\n }\n\n &:active,\n &:hover {\n color: $dark-blue;\n text-decoration: underline solid;\n }\n\n @include focus($type:link);\n}\n\n/**\n * Links on $black or $charcoal backgrounds should include or extend this.\n *\n * Contrast ratios for $light-blue:\n * - $black => 7.75\n * - $charcoal => 6.42\n * - $white => 2.71 not sufficiently distinct without underline\n *\n * Contrast ratios for $pale-gray:\n * - $black => 15.83\n * - $charcoal => 13.12\n * - $white => 1.33 not distinct at all\n */\n@mixin link-on-black {\n color: $light-blue;\n text-decoration: none;\n\n &:link,\n &:visited {\n color: $light-blue;\n }\n\n &:active,\n &:hover {\n color: $pale-gray;\n text-decoration: underline solid;\n }\n\n @include focus($white, link);\n\n & svg {\n @include focus($white, link);\n }\n}\n\n/**\n * Links on blue backgrounds should include or extend this.\n *\n * Most are obvious as navigation because of context; no underline necessary.\n *\n * Contrast ratios for $white:\n * - $dark-blue => 9.60\n * - $med-blue => 4.66\n *\n * Contrast ratios for $light-blue:\n * - $dark-blue => 3.54\n * - $med-blue => 1.72\n */\n@mixin link-on-blue {\n color: $white;\n text-decoration: none;\n\n &:link,\n &:visited {\n color: $white;\n }\n\n &:active,\n &:hover {\n color: $pale-blue;\n text-decoration: underline solid;\n }\n\n @include focus($white, link);\n\n & svg {\n @include focus($white, link);\n }\n}\n\n/**\n * Link on Blue Background\n *\n * Used by:\n * - @compounds/location-teaser\n */\n@mixin link-bluebg {\n @include link-on-blue;\n}\n\na {\n @include link;\n}\n\n.bluebg a,\na.bluebg {\n @include link-on-blue;\n}\n\n/**\n * Links on green backgrounds should include or extend this.\n *\n * Contrast ratios for $green background\n * $white => 4.66\n * $pale-gray => 3.51 not sufficient for standard size text\n */\n@mixin link-on-green {\n color: $white;\n text-decoration: none;\n\n &:link,\n &:visited {\n color: $white;\n }\n\n &:active,\n &:hover {\n color: $pale-gray;\n text-decoration: underline solid;\n }\n\n @include focus($white, link);\n\n & svg {\n @include focus($white, link);\n }\n}\n\n/**\n * Links on $pale-gray backgrounds should include or extend this.\n *\n * Contrast ratios for $pale-gray background\n * $dark-blue => 7.23\n * $med-gray => 3.51 not sufficient for standard size text\n */\n@mixin link-on-gray {\n color: $dark-blue;\n\n &:link,\n &:visited {\n color: $dark-blue;\n }\n\n &:active,\n &:hover {\n color: $med-blue;\n text-decoration: underline solid;\n }\n\n @include focus($dark-blue, link);\n\n .lits_homepage #block-lits-theme-litsunifiedsearchblock & {\n @include focus($light-orange, link);\n\n & svg {\n @include focus($light-orange, link);\n }\n }\n}\n\n@mixin link-on-raspberry {\n color: $white;\n text-decoration: none;\n\n &:link,\n &:visited {\n color: $white;\n }\n\n &:active,\n &:hover {\n color: $pale-blue;\n text-decoration: underline solid;\n }\n\n @include focus($white, link);\n\n & svg {\n @include focus($white, link);\n }\n}\n","// Selectors likely to appear outside of the editor should be prefixed with .ck-content\n// This is what makes the LITS styles from the lits-theme theme also appear in the admin theme\n@import \"../../00-particles/global/01-colors/*.scss\";\n@import \"../../00-particles/_01-variables.scss\";\n@import \"../../00-particles/_00-mixins.scss\";\n@import \"../../01-elements/01-links/**/*.scss\";\n@import \"../../01-elements/02-text/**/*.scss\";\n@import \"../../01-elements/03-lists/**/*.scss\";\n@import \"../../01-elements/07-tables/**/*.scss\";\n\n.ck-editor {\n p {\n @extend .paragraph;\n }\n\n blockquote {\n @extend .blockquote;\n }\n\n h1 {\n @extend .h1;\n }\n\n h2,\n .ck-button.ck-heading_heading2 {\n @extend .h2;\n }\n\n h3,\n .ck-button.ck-heading_heading3 {\n @extend .h3;\n }\n\n h4,\n .ck-button.ck-heading_heading4 {\n @extend .h4;\n }\n\n h5,\n .ck-button.ck-heading_heading5 {\n @extend .h5;\n }\n\n h6,\n .ck-button.ck-heading_heading6 {\n @extend .h6;\n }\n\n ol,\n ul {\n li {\n @extend .list-item;\n }\n }\n\n table {\n @extend .table;\n }\n\n th {\n @extend .table__heading-cell;\n }\n\n td {\n @extend .table__cell;\n }\n\n tbody tr {\n @extend .table__row;\n }\n\n tfoot th {\n @extend .table__footer-cell;\n }\n}\n\n// Fix for https: //www.drupal.org/project/drupal/issues/3332416, per #19\n.ck.ck-toolbar.ck-toolbar_grouping > .ck-toolbar__items {\n flex-wrap: wrap !important;\n}\n","/////////////////////\n// General Mixins (put specific ones in component files where applicable)\n\n/// Mixin - Clearfix.\n/// Adds clearfix based on http://bourbon.io/docs/#clearfix\n/// use example = @include cleafix\n\n@mixin clearfix {\n &::after {\n clear: both;\n content: \"\";\n display: table;\n }\n}\n\n/// Mixin - list-reset\n/// Reset list item defaults when no margin, padding, list styles needed\n@mixin list-reset {\n list-style: none;\n margin: 0;\n padding: 0;\n}\n\n/// Mixin - With Icon\n/// Precede Text with SVG icon\n@mixin with-icon {\n background-size: cover;\n content: \"\";\n display: inline-block;\n margin-right: 0.1em;\n padding: 0.8em;\n}\n\n/// Mixin - More Link\n/// Used in a number of views\n@mixin more-link {\n a {\n font-size: 1.2rem;\n line-height: 1.8rem;\n font-weight: 600;\n text-decoration: none;\n\n &::before {\n content: \"»\";\n font-size: 1.2rem;\n margin-right: 0.2em;\n }\n }\n}\n\n/// Mixin - Back Link\n/// Used in a number of views\n@mixin back-link {\n display: block;\n font-size: 1.2rem;\n line-height: 1.8rem;\n font-weight: 600;\n text-decoration: none;\n\n &::before {\n content: \"«\";\n font-size: 1.2rem;\n margin-right: 0.2em;\n }\n}\n\n/// Mixin - Body Copy\n@mixin body-copy {\n font-family: $font-body;\n font-size: 1.2rem;\n line-height: 2rem;\n}\n\n/// Mixin - Transition\n@mixin transition($transition-property, $transition-time, $method) {\n -webkit-transition: $transition-property $transition-time $method;\n -moz-transition: $transition-property $transition-time $method;\n -ms-transition: $transition-property $transition-time $method;\n -o-transition: $transition-property $transition-time $method;\n transition: $transition-property $transition-time $method;\n}\n\n/// Mixin - Standard Margin\n@mixin margin {\n margin-bottom: 1em;\n}\n\n@mixin fontawesome-far {\n font-family: \"Font Awesome 5 Free\", \"ars-maquette-web\", sans-serif;\n font-weight: 400;\n}\n\n@mixin fontawesome-fas {\n font-family: \"Font Awesome 5 Free\", \"ars-maquette-web\", sans-serif;\n font-weight: 900;\n}\n\n@mixin visually-hidden {\n position: absolute !important;\n clip: rect(1px, 1px, 1px, 1px);\n overflow: hidden;\n height: 1px;\n width: 1px;\n word-wrap: normal;\n}\n\n@mixin dark-blue-stripe {\n background-color: $dark-blue;\n color: $white;\n}\n\n@mixin med-blue-stripe {\n background-color: $med-blue;\n color: $white;\n}\n\n// Set up container to vertically space its contents across the entire viewport\n// Stick footer to bottom of page when there isn't enough content in the body.\n// Loosely based on this fiddle: http://jsfiddle.net/n5BaR/\n@mixin full-viewport {\n display: flex;\n flex-direction: column;\n min-height: 100vh;\n\n & #main-content {\n flex: 1 1 auto;\n }\n}\n\n@mixin rounded-corners {\n border-radius: 0.25rem;\n}\n\n// BACKGROUNDS: Possible focus colors (4.5+ vs background)\n// $white (#ffffff): $med-blue $green $gray $raspberry $dark-blue $dark-red $charcoal $black\n// (#e5e5e5): $gray $raspberry $dark-blue $dark-red $charcoal $black\n// $pale-gray (#e2dfdd): $raspberry $dark-blue $dark-red $charcoal $black\n// $med-blue (#0077cc): $white $black\n// $green (#5c7f1a): $white $black\n// $raspberry (#a20067): $white $pale-gray $pale-blue $yellow\n// $dark-blue (#004876): $white $pale-gray $pale-blue $yellow $light-orange\n// $dark-red (#6f263d): $white $pale-gray $pale-blue $yellow $light-orange\n// $charcoal (#1a1a1a): $white $pale-gray $pale-blue $yellow $light-orange $light-blue $orange\n// $black (#000000): $white $pale-gray $pale-blue $yellow $light-orange $light-blue $orange $red $med-blue $green\n//\n// Background: focus color\n// $white (#ffffff): $dark-blue\n// (#e5e5e5): $dark-blue\n// $pale-gray (#e2dfdd): $dark-blue\n// $med-blue (#0077cc): $white\n// $green (#5c7f1a): $white\n// $raspberry (#a20067): $white\n// $dark-blue (#004876): $white\n// $dark-red (#6f263d): $white\n// $charcoal (#1a1a1a): $white\n// $black (#000000): $white\n//\n// Exceptions:\n// unified search on homepage uses $light-orange on $dark-blue because it's otherwise confusing with the white form fields\n@mixin focus($color: $dark-blue, $type:false) {// default should work against default white background\n &:focus {\n outline-offset: 2px;\n outline: 3px solid $color;\n\n @if $type == \"link\" {\n text-decoration: underline solid;\n }\n }\n}\n// Force table to not be like tables anymore\n@mixin untablify() {\n &,\n thead,\n tbody,\n th,\n td,\n tr {\n display: block;\n height: 100%;\n }\n\n thead {\n @include visually-hidden;\n }\n\n th,\n td {\n border-bottom: none;\n display: flex;\n flex-flow: row wrap;\n padding: 1rem;\n box-sizing: border-box;\n }\n\n td {\n /* Behave like a \"row\" */\n border: none;\n position: relative;\n }\n\n th[scope=row] {\n width: auto;\n }\n\n tbody tr:first-of-type {\n border-top: 1px solid $gray-lighter;\n }\n\n .col-header {\n display: inline-block;\n font-weight: bold;\n padding-right: 0;\n width: 100%;\n word-break: break-all;\n }\n\n .col-content {\n width: 100%;\n padding-left: 2rem;\n }\n\n @include breakpoint($small-width) {\n .col-header {\n width: 50%;\n padding-right: 1rem;\n }\n\n .col-content {\n width: 50%;\n padding-left: 0;\n }\n }\n\n @include breakpoint($medium-width) {\n .col-header {\n width: 33%;\n }\n\n .col-content {\n width: 67%;\n }\n }\n\n @include breakpoint($large-width) {\n .col-header {\n width: 20%;\n }\n\n .col-content {\n width: 80%;\n }\n }\n}\n","//\n// Generic header styles:\n// All arguments are optional. If not defined, the defaults below will be used\n//\n\n@mixin heading-xl($font-family: $font-heading, $font-size: 2rem, $line-height: 1.4, $color: inherit, $color-link: inherit, $color-link-hover: inherit, $font-weight: 700, $margin: 20px 0 0.5em) {\n color: #{$charcoal};\n font-family: #{$font-family};\n font-weight: #{$font-weight};\n font-style: normal;\n font-size: #{$font-size};\n line-height: #{$line-height};\n margin: #{$margin};\n width: auto;\n\n &__link {\n color: $med-blue;\n\n &:hover {\n color: $color-link-hover;\n }\n }\n}\n\n@mixin heading-large($font-family: $font-heading, $font-size: 1.8rem, $line-height: 1.4, $color: inherit, $color-link: inherit, $color-link-hover: inherit, $font-weight: 700, $margin: 10px 0 0.5em) {\n color: #{$color};\n font-family: #{$font-family};\n font-weight: #{$font-weight};\n font-style: normal;\n font-size: #{$font-size};\n line-height: #{$line-height};\n margin: #{$margin};\n width: auto;\n\n &__link {\n color: $med-blue;\n\n &:hover {\n color: $color-link-hover;\n }\n }\n}\n\n@mixin heading-medium($font-family: $font-heading, $font-size: 1.4rem, $line-height: 1.6, $color: inherit, $color-link: inherit, $color-link-hover: inherit, $font-weight: 700, $margin: 10px 0 0.5em) {\n color: #{$color};\n font-family: #{$font-family};\n font-weight: #{$font-weight};\n font-style: normal;\n font-size: #{$font-size};\n line-height: #{$line-height};\n margin: #{$margin};\n width: auto;\n\n &__link {\n color: $med-blue;\n\n &:hover {\n color: $color-link-hover;\n }\n }\n}\n\n@mixin heading-small($font-family: $font-heading, $font-size: 1.2rem, $line-height: 1.6, $color: inherit, $color-link: inherit, $color-link-hover: inherit, $font-weight: 600, $margin: 10px 0 0.5em) {\n color: #{$color};\n font-family: #{$font-family};\n font-weight: #{$font-weight};\n font-style: normal;\n font-size: #{$font-size};\n line-height: #{$line-height};\n margin: #{$margin};\n width: auto;\n\n &__link {\n color: $med-blue;\n\n &:hover {\n color: $color-link-hover;\n }\n }\n}\n\n@mixin heading-xs($font-family: $font-heading, $font-size: 1.1rem, $line-height: 2, $color: inherit, $color-link: inherit, $color-link-hover: inherit, $font-weight: 600, $margin: 10px 0 0.5em) {\n color: #{$color};\n font-family: #{$font-family};\n font-weight: #{$font-weight};\n font-style: normal;\n font-size: #{$font-size};\n line-height: #{$line-height};\n margin: #{$margin};\n width: auto;\n\n &__link {\n color: $med-blue;\n\n &:hover {\n color: $color-link-hover;\n }\n }\n}\n\n.h1 {\n @include heading-xl();\n}\n\n.h2 {\n @include heading-large($color: $charcoal);\n}\n\n.h3 {\n @include heading-medium($color: $green, $font-weight: bold);\n ;\n}\n\n.h4 {\n text-transform: uppercase;\n\n @include heading-small($color: $gray, $font-weight: normal);\n}\n\n.h5,\n.h6 {\n @include heading-xs($color: $gray);\n}\n\n// TODO: BEM selectors should be applied to wysiwyg-created content\n\nh1 {\n @extend .h1;\n}\n\n.text-long {\n h1 {\n @extend .h1;\n }\n\n h2 {\n @extend .h2;\n }\n\n h3 {\n @extend .h3;\n }\n\n h4 {\n @extend .h4;\n }\n\n h5 {\n @extend .h5;\n }\n\n h6 {\n @extend .h6;\n }\n}\n\n/** hours open title **/\n#logobar-hours-content h3 {\n @include heading-medium($color: $dark-blue, $font-size: 1rem, $margin: 10px 0 0);\n}\n\n/** Search query styling **/\nh1 span.search-query {\n font-style: italic;\n color: $raspberry;\n}\n\n/** Search Result Title **/\n\n.search-results h2 {\n font-size: 1.6rem;\n font-weight: normal;\n background-color: $dark-blue;\n color: $white;\n padding: 10px 15px;\n -webkit-margin-after: 5px;\n margin: 0 0 5px;\n}\n\n/** style the element **/\n.search-website {\n & h3.search-result-title,\n & h2.search-result-title {\n -webkit-margin-before: 0.5em;\n -webkit-margin-after: 0.5em;\n }\n}\n\n.library-accounts-wrap h2 {\n display: inline-block;\n margin: auto 0;\n text-align: left;\n padding: 0;\n font-weight: normal;\n}\n\n.bentos {\n /** Search page heading styling **/\n\n & h2.search-result-title,\n & h3.search-result-title {\n margin: 15px 0;\n font-weight: 300;\n font-size: 1.4rem;\n line-height: 1.85rem;\n }\n\n & h4.search-result-authors {\n margin-top: 0;\n -webkit-margin-before: 0;\n -webkit-margin-after: 0;\n font-weight: 300;\n font-size: 1rem;\n line-height: 1.7rem;\n }\n}\n\n.staff-card h2 {\n margin-bottom: 0;\n}\n","// Create a mixin for paragraph styles that can be implemented\n// in components with other classnames.\n@mixin paragraph($margin: 0 0 1em) {\n & {\n margin: #{$margin};\n }\n}\n\n@mixin no-bottom {\n & {\n margin-bottom: 0;\n }\n}\n\nbody,\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n color: $charcoal;\n\n @include body-copy;\n}\n\n.paragraph {\n @include paragraph;\n}\n\n.blockquote {\n font-style: italic;\n border-left: solid 3px $gray-light;\n margin-left: 1em;\n padding-left: 1em;\n}\n\n.hr {\n border-style: solid;\n border-width: 1px 0 0;\n color: currentColor;\n}\n\n// TODO: BEM selectors should be applied to wysiwyg-created content\n\n.text-long {\n p {\n @extend .paragraph;\n }\n\n blockquote {\n @extend .blockquote;\n }\n\n hr {\n @extend .hr;\n }\n}\n\naddress {\n font-style: normal;\n}\n\nhr.divider {\n margin-top: 1rem;\n margin-bottom: 1rem;\n color: $green;\n}\n\n/** Closing soon, open now, closed styling **/\n.open-now-container {\n svg.border {\n color: $white;\n }\n\n .closing_soon svg.indicator {\n color: $light-orange;\n }\n\n .open_now svg.indicator {\n color: $green;\n }\n\n .closed_now svg.indicator {\n color: $red;\n }\n}\n\n.ampm {\n font-variant: small-caps;\n}\n\n/** Accessibility text **/\n.nav .visually-hidden {\n color: $white;\n}\n\n/** Shown Temporarily **/\n\nimg.lits_filter.inline {\n display: inline;\n margin: 0;\n\n &.mhcgetit {\n vertical-align: middle;\n }\n}\n","#main-content.main-sidebar-side article.node,\n#sidebar-container {\n ul,\n ol {\n padding-left: 0;\n margin-left: 2em;\n }\n}\n\nul {\n list-style-type: circle;\n list-style-position: outside;\n}\n\nol {\n list-style-type: decimal;\n}\n\n.list-item {\n margin-bottom: 0.2em;\n padding-left: 1em;\n}\n\n// TODO: BEM selectors should be applied to wysiwyg-created content\n\n/**\n.text-long {\n ol,\n ul {\n li {\n @extend .list-item;\n }\n }\n}\n**/\n","$table-gray: #f8f8f8;\n\n.table {\n border: 1px solid $pale-gray;\n border-radius: 4px;\n border-spacing: 0;\n background-color: $table-gray;\n width: 100%;\n margin-bottom: 50px;\n}\n\n.table__heading-cell {\n border: none;\n border-left: 1px solid $pale-gray;\n color: $black;\n font-weight: 700;\n padding: 1.2em;\n text-align: left;\n\n &:first-child {\n border: none;\n }\n}\n\n.table__row {\n &:nth-child(odd) {\n background-color: $white;\n }\n\n // Non-BEM but always contained\n &:last-child {\n td:first-child {\n border-radius: 0 0 0 5px;\n }\n\n td:last-child {\n border-radius: 0 0 5px;\n }\n }\n}\n\n.table__cell {\n border: 1px solid $pale-gray;\n border-left: none;\n border-bottom: none;\n padding: 1em;\n\n &:last-child {\n border-right: none;\n }\n}\n\n.table__footer-cell,\n.table__footer-cell:first-child {\n border-left: none;\n border-top: 1px solid $pale-gray;\n}\n\n// TODO: BEM selectors should be applied to wysiwyg-created content\n\n.text-long {\n table {\n @extend .table;\n }\n\n th {\n @extend .table__heading-cell;\n }\n\n td {\n @extend .table__cell;\n }\n\n tbody tr {\n @extend .table__row;\n }\n\n tfoot th {\n @extend .table__footer-cell;\n }\n}\n"],"names":[],"sourceRoot":""} \ No newline at end of file diff --git a/dist/lits_theme.css b/dist/lits_theme.css index 1f1b16a..f46aeda 100644 --- a/dist/lits_theme.css +++ b/dist/lits_theme.css @@ -1376,6 +1376,30 @@ article.node--news-item .field-field-tags { } } +.tag-breadcrumbs { + display: flex; + flex-flow: row nowrap; + align-items: center; +} +.tag-breadcrumbs .title { + margin-right: 0.5rem; +} +.tag-breadcrumbs ul { + list-style: none; + margin: 0; + padding: 0; + display: inline-flex; + flex-flow: row wrap; +} +#main-content.main-sidebar-side article.node .tag-breadcrumbs ul, #main-content.main-sidebar-side article.node .tag-breadcrumbs ul, #sidebar-container .tag-breadcrumbs ul, #sidebar-container .tag-breadcrumbs ul { + margin: 0; +} +.tag-breadcrumbs ul .fa-circle { + font-size: 0.5rem; + margin: 0 0.25rem; + vertical-align: middle; +} + .card__grid { display: flex; flex-wrap: wrap; @@ -2020,6 +2044,229 @@ ol { border-radius: 50%; } +/* Shared styles for homepage and articles */ +.has-link-tiles { + padding-bottom: 2rem; +} +.has-link-tiles h2 { + margin-top: 0; + padding-top: 2rem; +} +.has-link-tiles ul { + list-style: none; + margin: 0; + padding: 0; + display: flex; + flex-flow: row wrap; + justify-content: space-around; +} +.has-link-tiles ul li { + flex: 1 1 auto; + width: 100%; + margin: 0.5rem; +} +@media (min-width: 600px) { + .has-link-tiles ul li { + width: 46%; + } +} +@media (min-width: 900px) { + .has-link-tiles ul li { + width: 31%; + } +} +@media (min-width: 1200px) { + .has-link-tiles ul li { + width: 14%; + min-height: 10rem; + } +} +.has-link-tiles ul li .fontawesome-icons { + text-align: center; +} +.has-link-tiles ul li a { + border-radius: 0.25rem; + background-color: white; + height: 100%; + display: flex; + flex-flow: column nowrap; + justify-content: center; + word-break: break-word; + padding: 1rem; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4); +} +.has-link-tiles ul li a { + color: #004876; +} +.has-link-tiles ul li a:link, .has-link-tiles ul li a:visited { + color: #004876; +} +.has-link-tiles ul li a:active, .has-link-tiles ul li a:hover { + color: #07c; + text-decoration: underline solid; +} +.has-link-tiles ul li a:focus { + outline-offset: 2px; + outline: 3px solid #004876; + text-decoration: underline solid; +} +.lits_homepage #block-lits-theme-litsunifiedsearchblock .has-link-tiles ul li a:focus { + outline-offset: 2px; + outline: 3px solid #ff9e1b; + text-decoration: underline solid; +} +.lits_homepage #block-lits-theme-litsunifiedsearchblock .has-link-tiles ul li a svg:focus { + outline-offset: 2px; + outline: 3px solid #ff9e1b; + text-decoration: underline solid; +} +.has-link-tiles ul li a svg { + font-size: 3rem; + margin: 0 auto; +} +.has-link-tiles ul li a span { + padding-top: 1rem; + text-align: center; + font-weight: bold; +} +.has-link-tiles ul li:nth-child(6n+1) a { + border-top: 4px solid #a20067; +} +.has-link-tiles ul li:nth-child(6n+1) svg { + color: #a20067; +} +.has-link-tiles ul li:nth-child(6n+2) a { + border-top: 4px solid #6e6259; +} +.has-link-tiles ul li:nth-child(6n+2) svg { + color: #6e6259; +} +.has-link-tiles ul li:nth-child(6n+3) a { + border-top: 4px solid #00a9e0; +} +.has-link-tiles ul li:nth-child(6n+3) svg { + color: #00a9e0; +} +.has-link-tiles ul li:nth-child(6n+4) a { + border-top: 4px solid #84bd00; +} +.has-link-tiles ul li:nth-child(6n+4) svg { + color: #84bd00; +} +.has-link-tiles ul li:nth-child(6n+5) a { + border-top: 4px solid #ff9e1b; +} +.has-link-tiles ul li:nth-child(6n+5) svg { + color: #ff9e1b; +} +.has-link-tiles ul li:nth-child(6n+6) a { + border-top: 4px solid #ef3340; +} +.has-link-tiles ul li:nth-child(6n+6) svg { + color: #ef3340; +} + +/* Article pages */ +#main-content.main-sidebar-side article.node .resource-panel ul, #main-content.main-sidebar-side article.node .resource-panel ol, #sidebar-container .resource-panel ul, #sidebar-container .resource-panel ol { + margin-left: 0; +} +.resource-panel ul { + display: grid; + grid-template-columns: 1fr; + grid-auto-rows: 1fr; + gap: 1rem; +} +@media (min-width: 600px) { + .resource-panel ul { + grid-template-columns: repeat(3, 1fr); + } + .resource-panel ul.items-2 { + grid-template-columns: repeat(2, 1fr); + } + .resource-panel ul.items-1 { + grid-template-columns: 1fr; + } +} +@media (min-width: 1920px) { + .resource-panel ul { + grid-template-columns: repeat(4, 1fr); + } + .resource-panel ul.items-3 { + grid-template-columns: repeat(3, 1fr); + } + .resource-panel ul.items-2 { + grid-template-columns: repeat(2, 1fr); + } + .resource-panel ul.items-1 { + grid-template-columns: 1fr; + } +} +.resource-panel ul li { + width: auto; + margin: 0; +} +.resource-panel ul li a { + justify-content: space-between; + padding: 2rem 1rem 1rem 1rem; + text-decoration: underline; +} +.resource-panel ul li a > span { + flex-grow: 1; + display: flex; + flex-flow: column nowrap; + justify-content: center; + font-weight: normal; +} +.resource-panel ul li:nth-child(6n+1) a, .resource-panel ul li:nth-child(6n+2) a, .resource-panel ul li:nth-child(6n+3) a, .resource-panel ul li:nth-child(6n+4) a, .resource-panel ul li:nth-child(6n+5) a, .resource-panel ul li:nth-child(6n+6) a { + border-top: 4px solid #004876; +} +.resource-panel ul li:nth-child(6n+1) svg, .resource-panel ul li:nth-child(6n+2) svg, .resource-panel ul li:nth-child(6n+3) svg, .resource-panel ul li:nth-child(6n+4) svg, .resource-panel ul li:nth-child(6n+5) svg, .resource-panel ul li:nth-child(6n+6) svg { + color: #004876; +} + +/* LITS homepage styles */ +.lits_homepage .has-link-tiles ul { + margin-top: -0.5rem; +} +.lits_homepage .has-link-tiles li { + width: 100%; +} +@media (min-width: 600px) { + .lits_homepage .has-link-tiles li { + width: 41%; + } +} +@media (min-width: 1200px) { + .lits_homepage .has-link-tiles li { + width: 26%; + } +} +.lits_homepage .has-link-tiles li a { + border-radius: 0; +} +@media (min-width: 1200px) { + .lits_homepage .has-link-tiles li a { + padding: 1rem 0.25rem; + } +} +.lits_homepage .has-link-tiles li.tdx-tile { + width: 100%; +} +.lits_homepage .has-link-tiles li.tdx-tile svg { + overflow: visible; + box-sizing: content-box; + display: var(--fa-display, inline-block); + height: 2em; + vertical-align: -0.125em; +} +.lits_homepage .has-link-tiles li.tdx-tile img { + height: 5em; + margin: auto; +} +.lits_homepage .has-link-tiles li.tdx-tile a { + border-top: 4px solid #004876 !important; +} + /** * @file * Styles for the “Today’s Hours” widget. @@ -4358,7 +4605,7 @@ a.topbar-menu__link:visited:hover { border-right-color: #00a9e0; } -.accordion.expandable.expandable--open button svg { +.accordion.expandable.expandable--open button .fa-chevron-down { transform: rotate(180deg); } @@ -4382,6 +4629,45 @@ a.topbar-menu__link:visited:hover { display: block; } +.banner { + padding: 1em; + margin: 1em 0; +} +.banner.info { + border: 3px solid #00a9e0; + background-color: #fcfeff; +} +.banner.info .fontawesome-icon { + color: #005570; +} +.banner.warning { + border: 3px solid #f1c400; + background-color: #fffefc; +} +.banner.warning .fontawesome-icon { + color: #796200; +} +.banner.error { + border: 3px solid #a20067; + background-color: #fefcfd; +} +.banner.error .fontawesome-icon { + color: #510034; +} +.banner p { + margin: 0; +} +.banner a { + text-decoration: underline; +} +.banner .banner-content { + display: flex; + flex-flow: row nowrap; +} +.banner .banner-content .banner-icon .fontawesome-icon { + margin-right: 1em; +} + .downloadable-image-gallery .grid > div { display: flex; flex-flow: row wrap; @@ -5931,7 +6217,6 @@ html { body .dialog-off-canvas-main-canvas { display: flex; flex-direction: column; - min-width: 300px; min-height: 100vh; } body .dialog-off-canvas-main-canvas #main-content { @@ -6186,67 +6471,67 @@ body .dialog-off-canvas-main-canvas #main-content { padding-right: calc(1 * 2rem); } } -#main-content.main-sidebar-side #sidebar-wrapper, #main-content.main-sidebar-side #newsbar.newsbar-sidebar-side #featured-resources-wrapper, #newsbar.newsbar-sidebar-side #main-content.main-sidebar-side #featured-resources-wrapper { +#main-content.main-sidebar-side #sidebar-wrapper, #main-content.main-sidebar-side #newsbar.newsbar-sidebar-side .featured-resources-wrapper, #newsbar.newsbar-sidebar-side #main-content.main-sidebar-side .featured-resources-wrapper { width: 100%; flex-basis: auto; margin: 0; } @media (min-width: 600px) { - #main-content.main-sidebar-side #sidebar-wrapper, #main-content.main-sidebar-side #newsbar.newsbar-sidebar-side #featured-resources-wrapper, #newsbar.newsbar-sidebar-side #main-content.main-sidebar-side #featured-resources-wrapper { + #main-content.main-sidebar-side #sidebar-wrapper, #main-content.main-sidebar-side #newsbar.newsbar-sidebar-side .featured-resources-wrapper, #newsbar.newsbar-sidebar-side #main-content.main-sidebar-side .featured-resources-wrapper { width: 100%; } } @media (min-width: 900px) { - #main-content.main-sidebar-side #sidebar-wrapper, #main-content.main-sidebar-side #newsbar.newsbar-sidebar-side #featured-resources-wrapper, #newsbar.newsbar-sidebar-side #main-content.main-sidebar-side #featured-resources-wrapper { + #main-content.main-sidebar-side #sidebar-wrapper, #main-content.main-sidebar-side #newsbar.newsbar-sidebar-side .featured-resources-wrapper, #newsbar.newsbar-sidebar-side #main-content.main-sidebar-side .featured-resources-wrapper { width: 38%; } } @media (min-width: 1200px) { - #main-content.main-sidebar-side #sidebar-wrapper, #main-content.main-sidebar-side #newsbar.newsbar-sidebar-side #featured-resources-wrapper, #newsbar.newsbar-sidebar-side #main-content.main-sidebar-side #featured-resources-wrapper { + #main-content.main-sidebar-side #sidebar-wrapper, #main-content.main-sidebar-side #newsbar.newsbar-sidebar-side .featured-resources-wrapper, #newsbar.newsbar-sidebar-side #main-content.main-sidebar-side .featured-resources-wrapper { width: 38%; } } @media (min-width: 1920px) { - #main-content.main-sidebar-side #sidebar-wrapper, #main-content.main-sidebar-side #newsbar.newsbar-sidebar-side #featured-resources-wrapper, #newsbar.newsbar-sidebar-side #main-content.main-sidebar-side #featured-resources-wrapper { + #main-content.main-sidebar-side #sidebar-wrapper, #main-content.main-sidebar-side #newsbar.newsbar-sidebar-side .featured-resources-wrapper, #newsbar.newsbar-sidebar-side #main-content.main-sidebar-side .featured-resources-wrapper { width: auto; width: calc(((0.5rem + ((1920px - 900px) / 6)) + ((100% - 1920px) / 2)) + ((1920px * 0.38) - (0.5rem + ((1920px - 900px) / 6)))); } } @media (min-width: 900px) { - #main-content.main-sidebar-side #sidebar-wrapper, #main-content.main-sidebar-side #newsbar.newsbar-sidebar-side #featured-resources-wrapper, #newsbar.newsbar-sidebar-side #main-content.main-sidebar-side #featured-resources-wrapper { + #main-content.main-sidebar-side #sidebar-wrapper, #main-content.main-sidebar-side #newsbar.newsbar-sidebar-side .featured-resources-wrapper, #newsbar.newsbar-sidebar-side #main-content.main-sidebar-side .featured-resources-wrapper { padding-right: 0.5rem; } } @media (min-width: 900px) and (min-width: 900px) { - #main-content.main-sidebar-side #sidebar-wrapper, #main-content.main-sidebar-side #newsbar.newsbar-sidebar-side #featured-resources-wrapper, #newsbar.newsbar-sidebar-side #main-content.main-sidebar-side #featured-resources-wrapper { + #main-content.main-sidebar-side #sidebar-wrapper, #main-content.main-sidebar-side #newsbar.newsbar-sidebar-side .featured-resources-wrapper, #newsbar.newsbar-sidebar-side #main-content.main-sidebar-side .featured-resources-wrapper { padding-right: calc((0.5rem + ((100vw - 900px) / 6))); } } @media (min-width: 900px) and (min-width: 1920px) { - #main-content.main-sidebar-side #sidebar-wrapper, #main-content.main-sidebar-side #newsbar.newsbar-sidebar-side #featured-resources-wrapper, #newsbar.newsbar-sidebar-side #main-content.main-sidebar-side #featured-resources-wrapper { + #main-content.main-sidebar-side #sidebar-wrapper, #main-content.main-sidebar-side #newsbar.newsbar-sidebar-side .featured-resources-wrapper, #newsbar.newsbar-sidebar-side #main-content.main-sidebar-side .featured-resources-wrapper { padding-right: calc(0.5rem + math.div((1920px - 900px), 6) + (100% - 1920px) / 2); } } @media (min-width: 900px) { - #main-content.main-sidebar-side #sidebar-wrapper, #main-content.main-sidebar-side #newsbar.newsbar-sidebar-side #featured-resources-wrapper, #newsbar.newsbar-sidebar-side #main-content.main-sidebar-side #featured-resources-wrapper { + #main-content.main-sidebar-side #sidebar-wrapper, #main-content.main-sidebar-side #newsbar.newsbar-sidebar-side .featured-resources-wrapper, #newsbar.newsbar-sidebar-side #main-content.main-sidebar-side .featured-resources-wrapper { padding-left: calc(1 * 0.5rem); } } @media (min-width: 900px) and (min-width: 900px) { - #main-content.main-sidebar-side #sidebar-wrapper, #main-content.main-sidebar-side #newsbar.newsbar-sidebar-side #featured-resources-wrapper, #newsbar.newsbar-sidebar-side #main-content.main-sidebar-side #featured-resources-wrapper { + #main-content.main-sidebar-side #sidebar-wrapper, #main-content.main-sidebar-side #newsbar.newsbar-sidebar-side .featured-resources-wrapper, #newsbar.newsbar-sidebar-side #main-content.main-sidebar-side .featured-resources-wrapper { padding-left: calc(1 * (0.5rem + ((100vw - 900px) / 6))); } } @media (min-width: 900px) and (min-width: 1044px) { - #main-content.main-sidebar-side #sidebar-wrapper, #main-content.main-sidebar-side #newsbar.newsbar-sidebar-side #featured-resources-wrapper, #newsbar.newsbar-sidebar-side #main-content.main-sidebar-side #featured-resources-wrapper { + #main-content.main-sidebar-side #sidebar-wrapper, #main-content.main-sidebar-side #newsbar.newsbar-sidebar-side .featured-resources-wrapper, #newsbar.newsbar-sidebar-side #main-content.main-sidebar-side .featured-resources-wrapper { padding-left: calc(1 * 2rem); } } @media (min-width: 900px) { - #main-content.main-sidebar-side #sidebar-wrapper #sidebar-container, #main-content.main-sidebar-side #newsbar.newsbar-sidebar-side #featured-resources-wrapper #sidebar-container, #newsbar.newsbar-sidebar-side #main-content.main-sidebar-side #featured-resources-wrapper #sidebar-container { + #main-content.main-sidebar-side #sidebar-wrapper #sidebar-container, #main-content.main-sidebar-side #newsbar.newsbar-sidebar-side .featured-resources-wrapper #sidebar-container, #newsbar.newsbar-sidebar-side #main-content.main-sidebar-side .featured-resources-wrapper #sidebar-container { flex-direction: column; } - #main-content.main-sidebar-side #sidebar-wrapper #sidebar-container > *, #main-content.main-sidebar-side #newsbar.newsbar-sidebar-side #featured-resources-wrapper #sidebar-container > *, #newsbar.newsbar-sidebar-side #main-content.main-sidebar-side #featured-resources-wrapper #sidebar-container > * { + #main-content.main-sidebar-side #sidebar-wrapper #sidebar-container > *, #main-content.main-sidebar-side #newsbar.newsbar-sidebar-side .featured-resources-wrapper #sidebar-container > *, #newsbar.newsbar-sidebar-side #main-content.main-sidebar-side .featured-resources-wrapper #sidebar-container > * { width: 100%; } } @@ -6284,25 +6569,25 @@ body .dialog-off-canvas-main-canvas #main-content { * Form (study space finder) is always a singleton. * Department blocks work like service desk teaser blocks. */ -#sidebar-wrapper, #newsbar.newsbar-sidebar-side #featured-resources-wrapper { +#sidebar-wrapper, #newsbar.newsbar-sidebar-side .featured-resources-wrapper { width: 100%; } -#sidebar-wrapper::after, #newsbar.newsbar-sidebar-side #featured-resources-wrapper::after { +#sidebar-wrapper::after, #newsbar.newsbar-sidebar-side .featured-resources-wrapper::after { clear: both; content: ""; display: table; } @media (min-width: 600px) { - #sidebar-wrapper, #newsbar.newsbar-sidebar-side #featured-resources-wrapper { + #sidebar-wrapper, #newsbar.newsbar-sidebar-side .featured-resources-wrapper { background-color: #e2dfdd; } } -#sidebar-wrapper h2, #newsbar.newsbar-sidebar-side #featured-resources-wrapper h2 { +#sidebar-wrapper h2, #newsbar.newsbar-sidebar-side .featured-resources-wrapper h2 { margin: 0; font-size: 1.25rem; line-height: 1.5rem; } -#sidebar-wrapper #sidebar-container, #newsbar.newsbar-sidebar-side #featured-resources-wrapper #sidebar-container { +#sidebar-wrapper #sidebar-container, #newsbar.newsbar-sidebar-side .featured-resources-wrapper #sidebar-container { display: flex; flex-flow: column nowrap; justify-content: center; @@ -6311,310 +6596,310 @@ body .dialog-off-canvas-main-canvas #main-content { max-width: 1920px; margin: 0 auto; } -#sidebar-wrapper #sidebar-container .sidebar-nav-wrapper, #newsbar.newsbar-sidebar-side #featured-resources-wrapper #sidebar-container .sidebar-nav-wrapper, +#sidebar-wrapper #sidebar-container .sidebar-nav-wrapper, #newsbar.newsbar-sidebar-side .featured-resources-wrapper #sidebar-container .sidebar-nav-wrapper, #sidebar-wrapper #sidebar-container #block-lits-theme-views-block-service-desk-block-block-1, -#newsbar.newsbar-sidebar-side #featured-resources-wrapper #sidebar-container #block-lits-theme-views-block-service-desk-block-block-1, +#newsbar.newsbar-sidebar-side .featured-resources-wrapper #sidebar-container #block-lits-theme-views-block-service-desk-block-block-1, #sidebar-wrapper #sidebar-container .views-row, -#newsbar.newsbar-sidebar-side #featured-resources-wrapper #sidebar-container .views-row { +#newsbar.newsbar-sidebar-side .featured-resources-wrapper #sidebar-container .views-row { width: 100%; } @media (min-width: 600px) { - #sidebar-wrapper, #newsbar.newsbar-sidebar-side #featured-resources-wrapper { + #sidebar-wrapper, #newsbar.newsbar-sidebar-side .featured-resources-wrapper { padding-top: calc(1 * 0.5rem); } } @media (min-width: 600px) and (min-width: 900px) { - #sidebar-wrapper, #newsbar.newsbar-sidebar-side #featured-resources-wrapper { + #sidebar-wrapper, #newsbar.newsbar-sidebar-side .featured-resources-wrapper { padding-top: calc(1 * (0.5rem + ((100vw - 900px) / 6))); } } @media (min-width: 600px) and (min-width: 1044px) { - #sidebar-wrapper, #newsbar.newsbar-sidebar-side #featured-resources-wrapper { + #sidebar-wrapper, #newsbar.newsbar-sidebar-side .featured-resources-wrapper { padding-top: calc(1 * 2rem); } } @media (min-width: 600px) { - #sidebar-wrapper, #newsbar.newsbar-sidebar-side #featured-resources-wrapper { + #sidebar-wrapper, #newsbar.newsbar-sidebar-side .featured-resources-wrapper { padding-right: calc(0.5 * 0.5rem); } } @media (min-width: 600px) and (min-width: 900px) { - #sidebar-wrapper, #newsbar.newsbar-sidebar-side #featured-resources-wrapper { + #sidebar-wrapper, #newsbar.newsbar-sidebar-side .featured-resources-wrapper { padding-right: calc(0.5 * (0.5rem + ((100vw - 900px) / 6))); } } @media (min-width: 600px) and (min-width: 1044px) { - #sidebar-wrapper, #newsbar.newsbar-sidebar-side #featured-resources-wrapper { + #sidebar-wrapper, #newsbar.newsbar-sidebar-side .featured-resources-wrapper { padding-right: calc(0.5 * 2rem); } } @media (min-width: 600px) { - #sidebar-wrapper, #newsbar.newsbar-sidebar-side #featured-resources-wrapper { + #sidebar-wrapper, #newsbar.newsbar-sidebar-side .featured-resources-wrapper { padding-left: calc(0.5 * 0.5rem); } } @media (min-width: 600px) and (min-width: 900px) { - #sidebar-wrapper, #newsbar.newsbar-sidebar-side #featured-resources-wrapper { + #sidebar-wrapper, #newsbar.newsbar-sidebar-side .featured-resources-wrapper { padding-left: calc(0.5 * (0.5rem + ((100vw - 900px) / 6))); } } @media (min-width: 600px) and (min-width: 1044px) { - #sidebar-wrapper, #newsbar.newsbar-sidebar-side #featured-resources-wrapper { + #sidebar-wrapper, #newsbar.newsbar-sidebar-side .featured-resources-wrapper { padding-left: calc(0.5 * 2rem); } } @media (min-width: 600px) { - #sidebar-wrapper #sidebar-container, #newsbar.newsbar-sidebar-side #featured-resources-wrapper #sidebar-container { + #sidebar-wrapper #sidebar-container, #newsbar.newsbar-sidebar-side .featured-resources-wrapper #sidebar-container { flex-flow: row wrap; align-items: flex-start; } - #sidebar-wrapper .sidebar-nav-wrapper, #newsbar.newsbar-sidebar-side #featured-resources-wrapper .sidebar-nav-wrapper, + #sidebar-wrapper .sidebar-nav-wrapper, #newsbar.newsbar-sidebar-side .featured-resources-wrapper .sidebar-nav-wrapper, #sidebar-wrapper .views-row, - #newsbar.newsbar-sidebar-side #featured-resources-wrapper .views-row { + #newsbar.newsbar-sidebar-side .featured-resources-wrapper .views-row { max-width: 520px; } - #sidebar-wrapper .service-desk-block-container, #newsbar.newsbar-sidebar-side #featured-resources-wrapper .service-desk-block-container { + #sidebar-wrapper .service-desk-block-container, #newsbar.newsbar-sidebar-side .featured-resources-wrapper .service-desk-block-container { display: flex; flex-flow: row wrap; justify-content: center; } - #sidebar-wrapper .sidebar-nav-wrapper, #newsbar.newsbar-sidebar-side #featured-resources-wrapper .sidebar-nav-wrapper, + #sidebar-wrapper .sidebar-nav-wrapper, #newsbar.newsbar-sidebar-side .featured-resources-wrapper .sidebar-nav-wrapper, #sidebar-wrapper .views-row, - #newsbar.newsbar-sidebar-side #featured-resources-wrapper .views-row { + #newsbar.newsbar-sidebar-side .featured-resources-wrapper .views-row { padding-bottom: calc(1 * 0.5rem); } } @media (min-width: 600px) and (min-width: 900px) { - #sidebar-wrapper .sidebar-nav-wrapper, #newsbar.newsbar-sidebar-side #featured-resources-wrapper .sidebar-nav-wrapper, + #sidebar-wrapper .sidebar-nav-wrapper, #newsbar.newsbar-sidebar-side .featured-resources-wrapper .sidebar-nav-wrapper, #sidebar-wrapper .views-row, - #newsbar.newsbar-sidebar-side #featured-resources-wrapper .views-row { + #newsbar.newsbar-sidebar-side .featured-resources-wrapper .views-row { padding-bottom: calc(1 * (0.5rem + ((100vw - 900px) / 6))); } } @media (min-width: 600px) and (min-width: 1044px) { - #sidebar-wrapper .sidebar-nav-wrapper, #newsbar.newsbar-sidebar-side #featured-resources-wrapper .sidebar-nav-wrapper, + #sidebar-wrapper .sidebar-nav-wrapper, #newsbar.newsbar-sidebar-side .featured-resources-wrapper .sidebar-nav-wrapper, #sidebar-wrapper .views-row, - #newsbar.newsbar-sidebar-side #featured-resources-wrapper .views-row { + #newsbar.newsbar-sidebar-side .featured-resources-wrapper .views-row { padding-bottom: calc(1 * 2rem); } } @media (min-width: 600px) { - #sidebar-wrapper .sidebar-nav-wrapper, #newsbar.newsbar-sidebar-side #featured-resources-wrapper .sidebar-nav-wrapper, + #sidebar-wrapper .sidebar-nav-wrapper, #newsbar.newsbar-sidebar-side .featured-resources-wrapper .sidebar-nav-wrapper, #sidebar-wrapper .views-row, - #newsbar.newsbar-sidebar-side #featured-resources-wrapper .views-row { + #newsbar.newsbar-sidebar-side .featured-resources-wrapper .views-row { padding-left: calc(0.5 * 0.5rem); } } @media (min-width: 600px) and (min-width: 900px) { - #sidebar-wrapper .sidebar-nav-wrapper, #newsbar.newsbar-sidebar-side #featured-resources-wrapper .sidebar-nav-wrapper, + #sidebar-wrapper .sidebar-nav-wrapper, #newsbar.newsbar-sidebar-side .featured-resources-wrapper .sidebar-nav-wrapper, #sidebar-wrapper .views-row, - #newsbar.newsbar-sidebar-side #featured-resources-wrapper .views-row { + #newsbar.newsbar-sidebar-side .featured-resources-wrapper .views-row { padding-left: calc(0.5 * (0.5rem + ((100vw - 900px) / 6))); } } @media (min-width: 600px) and (min-width: 1044px) { - #sidebar-wrapper .sidebar-nav-wrapper, #newsbar.newsbar-sidebar-side #featured-resources-wrapper .sidebar-nav-wrapper, + #sidebar-wrapper .sidebar-nav-wrapper, #newsbar.newsbar-sidebar-side .featured-resources-wrapper .sidebar-nav-wrapper, #sidebar-wrapper .views-row, - #newsbar.newsbar-sidebar-side #featured-resources-wrapper .views-row { + #newsbar.newsbar-sidebar-side .featured-resources-wrapper .views-row { padding-left: calc(0.5 * 2rem); } } @media (min-width: 600px) { - #sidebar-wrapper .sidebar-nav-wrapper, #newsbar.newsbar-sidebar-side #featured-resources-wrapper .sidebar-nav-wrapper, + #sidebar-wrapper .sidebar-nav-wrapper, #newsbar.newsbar-sidebar-side .featured-resources-wrapper .sidebar-nav-wrapper, #sidebar-wrapper .views-row, - #newsbar.newsbar-sidebar-side #featured-resources-wrapper .views-row { + #newsbar.newsbar-sidebar-side .featured-resources-wrapper .views-row { padding-right: calc(0.5 * 0.5rem); } } @media (min-width: 600px) and (min-width: 900px) { - #sidebar-wrapper .sidebar-nav-wrapper, #newsbar.newsbar-sidebar-side #featured-resources-wrapper .sidebar-nav-wrapper, + #sidebar-wrapper .sidebar-nav-wrapper, #newsbar.newsbar-sidebar-side .featured-resources-wrapper .sidebar-nav-wrapper, #sidebar-wrapper .views-row, - #newsbar.newsbar-sidebar-side #featured-resources-wrapper .views-row { + #newsbar.newsbar-sidebar-side .featured-resources-wrapper .views-row { padding-right: calc(0.5 * (0.5rem + ((100vw - 900px) / 6))); } } @media (min-width: 600px) and (min-width: 1044px) { - #sidebar-wrapper .sidebar-nav-wrapper, #newsbar.newsbar-sidebar-side #featured-resources-wrapper .sidebar-nav-wrapper, + #sidebar-wrapper .sidebar-nav-wrapper, #newsbar.newsbar-sidebar-side .featured-resources-wrapper .sidebar-nav-wrapper, #sidebar-wrapper .views-row, - #newsbar.newsbar-sidebar-side #featured-resources-wrapper .views-row { + #newsbar.newsbar-sidebar-side .featured-resources-wrapper .views-row { padding-right: calc(0.5 * 2rem); } } @media (min-width: 900px) { - #sidebar-wrapper.sidebar-side .sidebar-nav-wrapper, #newsbar.newsbar-sidebar-side .sidebar-side#featured-resources-wrapper .sidebar-nav-wrapper, #sidebar-wrapper.sidebar-side .views-row, #newsbar.newsbar-sidebar-side .sidebar-side#featured-resources-wrapper .views-row { + #sidebar-wrapper.sidebar-side .sidebar-nav-wrapper, #newsbar.newsbar-sidebar-side .sidebar-side.featured-resources-wrapper .sidebar-nav-wrapper, #sidebar-wrapper.sidebar-side .views-row, #newsbar.newsbar-sidebar-side .sidebar-side.featured-resources-wrapper .views-row { padding-bottom: calc(1 * 0.5rem); } } @media (min-width: 900px) and (min-width: 900px) { - #sidebar-wrapper.sidebar-side .sidebar-nav-wrapper, #newsbar.newsbar-sidebar-side .sidebar-side#featured-resources-wrapper .sidebar-nav-wrapper, #sidebar-wrapper.sidebar-side .views-row, #newsbar.newsbar-sidebar-side .sidebar-side#featured-resources-wrapper .views-row { + #sidebar-wrapper.sidebar-side .sidebar-nav-wrapper, #newsbar.newsbar-sidebar-side .sidebar-side.featured-resources-wrapper .sidebar-nav-wrapper, #sidebar-wrapper.sidebar-side .views-row, #newsbar.newsbar-sidebar-side .sidebar-side.featured-resources-wrapper .views-row { padding-bottom: calc(1 * (0.5rem + ((100vw - 900px) / 6))); } } @media (min-width: 900px) and (min-width: 1044px) { - #sidebar-wrapper.sidebar-side .sidebar-nav-wrapper, #newsbar.newsbar-sidebar-side .sidebar-side#featured-resources-wrapper .sidebar-nav-wrapper, #sidebar-wrapper.sidebar-side .views-row, #newsbar.newsbar-sidebar-side .sidebar-side#featured-resources-wrapper .views-row { + #sidebar-wrapper.sidebar-side .sidebar-nav-wrapper, #newsbar.newsbar-sidebar-side .sidebar-side.featured-resources-wrapper .sidebar-nav-wrapper, #sidebar-wrapper.sidebar-side .views-row, #newsbar.newsbar-sidebar-side .sidebar-side.featured-resources-wrapper .views-row { padding-bottom: calc(1 * 2rem); } } @media (min-width: 900px) { - #sidebar-wrapper.sidebar-side .sidebar-nav-wrapper, #newsbar.newsbar-sidebar-side .sidebar-side#featured-resources-wrapper .sidebar-nav-wrapper, #sidebar-wrapper.sidebar-side .views-row, #newsbar.newsbar-sidebar-side .sidebar-side#featured-resources-wrapper .views-row { + #sidebar-wrapper.sidebar-side .sidebar-nav-wrapper, #newsbar.newsbar-sidebar-side .sidebar-side.featured-resources-wrapper .sidebar-nav-wrapper, #sidebar-wrapper.sidebar-side .views-row, #newsbar.newsbar-sidebar-side .sidebar-side.featured-resources-wrapper .views-row { padding-left: calc(0 * 0.5rem); } } @media (min-width: 900px) and (min-width: 900px) { - #sidebar-wrapper.sidebar-side .sidebar-nav-wrapper, #newsbar.newsbar-sidebar-side .sidebar-side#featured-resources-wrapper .sidebar-nav-wrapper, #sidebar-wrapper.sidebar-side .views-row, #newsbar.newsbar-sidebar-side .sidebar-side#featured-resources-wrapper .views-row { + #sidebar-wrapper.sidebar-side .sidebar-nav-wrapper, #newsbar.newsbar-sidebar-side .sidebar-side.featured-resources-wrapper .sidebar-nav-wrapper, #sidebar-wrapper.sidebar-side .views-row, #newsbar.newsbar-sidebar-side .sidebar-side.featured-resources-wrapper .views-row { padding-left: calc(0 * (0.5rem + ((100vw - 900px) / 6))); } } @media (min-width: 900px) and (min-width: 1044px) { - #sidebar-wrapper.sidebar-side .sidebar-nav-wrapper, #newsbar.newsbar-sidebar-side .sidebar-side#featured-resources-wrapper .sidebar-nav-wrapper, #sidebar-wrapper.sidebar-side .views-row, #newsbar.newsbar-sidebar-side .sidebar-side#featured-resources-wrapper .views-row { + #sidebar-wrapper.sidebar-side .sidebar-nav-wrapper, #newsbar.newsbar-sidebar-side .sidebar-side.featured-resources-wrapper .sidebar-nav-wrapper, #sidebar-wrapper.sidebar-side .views-row, #newsbar.newsbar-sidebar-side .sidebar-side.featured-resources-wrapper .views-row { padding-left: calc(0 * 2rem); } } @media (min-width: 900px) { - #sidebar-wrapper.sidebar-side .sidebar-nav-wrapper, #newsbar.newsbar-sidebar-side .sidebar-side#featured-resources-wrapper .sidebar-nav-wrapper, #sidebar-wrapper.sidebar-side .views-row, #newsbar.newsbar-sidebar-side .sidebar-side#featured-resources-wrapper .views-row { + #sidebar-wrapper.sidebar-side .sidebar-nav-wrapper, #newsbar.newsbar-sidebar-side .sidebar-side.featured-resources-wrapper .sidebar-nav-wrapper, #sidebar-wrapper.sidebar-side .views-row, #newsbar.newsbar-sidebar-side .sidebar-side.featured-resources-wrapper .views-row { padding-right: calc(0 * 0.5rem); } } @media (min-width: 900px) and (min-width: 900px) { - #sidebar-wrapper.sidebar-side .sidebar-nav-wrapper, #newsbar.newsbar-sidebar-side .sidebar-side#featured-resources-wrapper .sidebar-nav-wrapper, #sidebar-wrapper.sidebar-side .views-row, #newsbar.newsbar-sidebar-side .sidebar-side#featured-resources-wrapper .views-row { + #sidebar-wrapper.sidebar-side .sidebar-nav-wrapper, #newsbar.newsbar-sidebar-side .sidebar-side.featured-resources-wrapper .sidebar-nav-wrapper, #sidebar-wrapper.sidebar-side .views-row, #newsbar.newsbar-sidebar-side .sidebar-side.featured-resources-wrapper .views-row { padding-right: calc(0 * (0.5rem + ((100vw - 900px) / 6))); } } @media (min-width: 900px) and (min-width: 1044px) { - #sidebar-wrapper.sidebar-side .sidebar-nav-wrapper, #newsbar.newsbar-sidebar-side .sidebar-side#featured-resources-wrapper .sidebar-nav-wrapper, #sidebar-wrapper.sidebar-side .views-row, #newsbar.newsbar-sidebar-side .sidebar-side#featured-resources-wrapper .views-row { + #sidebar-wrapper.sidebar-side .sidebar-nav-wrapper, #newsbar.newsbar-sidebar-side .sidebar-side.featured-resources-wrapper .sidebar-nav-wrapper, #sidebar-wrapper.sidebar-side .views-row, #newsbar.newsbar-sidebar-side .sidebar-side.featured-resources-wrapper .views-row { padding-right: calc(0 * 2rem); } } @media (min-width: 900px) { - #sidebar-wrapper.sidebar-side .service-desk-block-container, #newsbar.newsbar-sidebar-side .sidebar-side#featured-resources-wrapper .service-desk-block-container { + #sidebar-wrapper.sidebar-side .service-desk-block-container, #newsbar.newsbar-sidebar-side .sidebar-side.featured-resources-wrapper .service-desk-block-container { justify-content: flex-start; } } @media (min-width: 600px) { - #sidebar-wrapper #sidebar-container.menu-2.desk-2 .sidebar-nav-wrapper, #newsbar.newsbar-sidebar-side #featured-resources-wrapper #sidebar-container.menu-2.desk-2 .sidebar-nav-wrapper, + #sidebar-wrapper #sidebar-container.menu-2.desk-2 .sidebar-nav-wrapper, #newsbar.newsbar-sidebar-side .featured-resources-wrapper #sidebar-container.menu-2.desk-2 .sidebar-nav-wrapper, #sidebar-wrapper #sidebar-container.menu-2.desk-2 .views-row, - #newsbar.newsbar-sidebar-side #featured-resources-wrapper #sidebar-container.menu-2.desk-2 .views-row { + #newsbar.newsbar-sidebar-side .featured-resources-wrapper #sidebar-container.menu-2.desk-2 .views-row { width: 50%; } - #sidebar-wrapper #sidebar-container.menu-2.desk-2 #block-lits-theme-views-block-service-desk-block-block-1, #newsbar.newsbar-sidebar-side #featured-resources-wrapper #sidebar-container.menu-2.desk-2 #block-lits-theme-views-block-service-desk-block-block-1 { + #sidebar-wrapper #sidebar-container.menu-2.desk-2 #block-lits-theme-views-block-service-desk-block-block-1, #newsbar.newsbar-sidebar-side .featured-resources-wrapper #sidebar-container.menu-2.desk-2 #block-lits-theme-views-block-service-desk-block-block-1 { width: 100%; } } @media (min-width: 900px) { - #sidebar-wrapper.sidebar-side #sidebar-container.menu-2.desk-2 .sidebar-nav-wrapper, #newsbar.newsbar-sidebar-side .sidebar-side#featured-resources-wrapper #sidebar-container.menu-2.desk-2 .sidebar-nav-wrapper, + #sidebar-wrapper.sidebar-side #sidebar-container.menu-2.desk-2 .sidebar-nav-wrapper, #newsbar.newsbar-sidebar-side .sidebar-side.featured-resources-wrapper #sidebar-container.menu-2.desk-2 .sidebar-nav-wrapper, #sidebar-wrapper.sidebar-side #sidebar-container.menu-2.desk-2 .views-row, - #newsbar.newsbar-sidebar-side .sidebar-side#featured-resources-wrapper #sidebar-container.menu-2.desk-2 .views-row { + #newsbar.newsbar-sidebar-side .sidebar-side.featured-resources-wrapper #sidebar-container.menu-2.desk-2 .views-row { width: 100%; } - #sidebar-wrapper.sidebar-side #sidebar-container.menu-2.desk-2 #block-lits-theme-views-block-service-desk-block-block-1, #newsbar.newsbar-sidebar-side .sidebar-side#featured-resources-wrapper #sidebar-container.menu-2.desk-2 #block-lits-theme-views-block-service-desk-block-block-1 { + #sidebar-wrapper.sidebar-side #sidebar-container.menu-2.desk-2 #block-lits-theme-views-block-service-desk-block-block-1, #newsbar.newsbar-sidebar-side .sidebar-side.featured-resources-wrapper #sidebar-container.menu-2.desk-2 #block-lits-theme-views-block-service-desk-block-block-1 { width: 100%; } } @media (min-width: 1200px) { - #sidebar-wrapper.sidebar-foot #sidebar-container.menu-2.desk-2 .sidebar-nav-wrapper, #newsbar.newsbar-sidebar-side .sidebar-foot#featured-resources-wrapper #sidebar-container.menu-2.desk-2 .sidebar-nav-wrapper { + #sidebar-wrapper.sidebar-foot #sidebar-container.menu-2.desk-2 .sidebar-nav-wrapper, #newsbar.newsbar-sidebar-side .sidebar-foot.featured-resources-wrapper #sidebar-container.menu-2.desk-2 .sidebar-nav-wrapper { width: 25%; } - #sidebar-wrapper.sidebar-foot #sidebar-container.menu-2.desk-2 #block-lits-theme-views-block-service-desk-block-block-1, #newsbar.newsbar-sidebar-side .sidebar-foot#featured-resources-wrapper #sidebar-container.menu-2.desk-2 #block-lits-theme-views-block-service-desk-block-block-1 { + #sidebar-wrapper.sidebar-foot #sidebar-container.menu-2.desk-2 #block-lits-theme-views-block-service-desk-block-block-1, #newsbar.newsbar-sidebar-side .sidebar-foot.featured-resources-wrapper #sidebar-container.menu-2.desk-2 #block-lits-theme-views-block-service-desk-block-block-1 { width: 50%; } - #sidebar-wrapper.sidebar-foot #sidebar-container.menu-2.desk-2 .views-row, #newsbar.newsbar-sidebar-side .sidebar-foot#featured-resources-wrapper #sidebar-container.menu-2.desk-2 .views-row { + #sidebar-wrapper.sidebar-foot #sidebar-container.menu-2.desk-2 .views-row, #newsbar.newsbar-sidebar-side .sidebar-foot.featured-resources-wrapper #sidebar-container.menu-2.desk-2 .views-row { width: 50%; } } @media (min-width: 600px) { - #sidebar-wrapper #sidebar-container.menu-2.desk-1 .sidebar-nav-wrapper, #newsbar.newsbar-sidebar-side #featured-resources-wrapper #sidebar-container.menu-2.desk-1 .sidebar-nav-wrapper { + #sidebar-wrapper #sidebar-container.menu-2.desk-1 .sidebar-nav-wrapper, #newsbar.newsbar-sidebar-side .featured-resources-wrapper #sidebar-container.menu-2.desk-1 .sidebar-nav-wrapper { width: 50%; } - #sidebar-wrapper #sidebar-container.menu-2.desk-1 #block-lits-theme-views-block-service-desk-block-block-1, #newsbar.newsbar-sidebar-side #featured-resources-wrapper #sidebar-container.menu-2.desk-1 #block-lits-theme-views-block-service-desk-block-block-1 { + #sidebar-wrapper #sidebar-container.menu-2.desk-1 #block-lits-theme-views-block-service-desk-block-block-1, #newsbar.newsbar-sidebar-side .featured-resources-wrapper #sidebar-container.menu-2.desk-1 #block-lits-theme-views-block-service-desk-block-block-1 { width: 100%; } - #sidebar-wrapper #sidebar-container.menu-1.desk-2 .views-row, #newsbar.newsbar-sidebar-side #featured-resources-wrapper #sidebar-container.menu-1.desk-2 .views-row { + #sidebar-wrapper #sidebar-container.menu-1.desk-2 .views-row, #newsbar.newsbar-sidebar-side .featured-resources-wrapper #sidebar-container.menu-1.desk-2 .views-row { width: 50%; } - #sidebar-wrapper #sidebar-container.menu-1.desk-2 #block-lits-theme-views-block-service-desk-block-block-1, #newsbar.newsbar-sidebar-side #featured-resources-wrapper #sidebar-container.menu-1.desk-2 #block-lits-theme-views-block-service-desk-block-block-1 { + #sidebar-wrapper #sidebar-container.menu-1.desk-2 #block-lits-theme-views-block-service-desk-block-block-1, #newsbar.newsbar-sidebar-side .featured-resources-wrapper #sidebar-container.menu-1.desk-2 #block-lits-theme-views-block-service-desk-block-block-1 { width: 100%; } } @media (min-width: 900px) { - #sidebar-wrapper.sidebar-foot #sidebar-container.menu-2.desk-1 .sidebar-nav-wrapper, #newsbar.newsbar-sidebar-side .sidebar-foot#featured-resources-wrapper #sidebar-container.menu-2.desk-1 .sidebar-nav-wrapper { + #sidebar-wrapper.sidebar-foot #sidebar-container.menu-2.desk-1 .sidebar-nav-wrapper, #newsbar.newsbar-sidebar-side .sidebar-foot.featured-resources-wrapper #sidebar-container.menu-2.desk-1 .sidebar-nav-wrapper { width: 33.3333333333%; } - #sidebar-wrapper.sidebar-foot #sidebar-container.menu-2.desk-1 #block-lits-theme-views-block-service-desk-block-block-1, #newsbar.newsbar-sidebar-side .sidebar-foot#featured-resources-wrapper #sidebar-container.menu-2.desk-1 #block-lits-theme-views-block-service-desk-block-block-1 { + #sidebar-wrapper.sidebar-foot #sidebar-container.menu-2.desk-1 #block-lits-theme-views-block-service-desk-block-block-1, #newsbar.newsbar-sidebar-side .sidebar-foot.featured-resources-wrapper #sidebar-container.menu-2.desk-1 #block-lits-theme-views-block-service-desk-block-block-1 { width: 33.3333333333%; max-width: 520px; } - #sidebar-wrapper.sidebar-foot #sidebar-container.menu-1.desk-2 .sidebar-nav-wrapper, #newsbar.newsbar-sidebar-side .sidebar-foot#featured-resources-wrapper #sidebar-container.menu-1.desk-2 .sidebar-nav-wrapper { + #sidebar-wrapper.sidebar-foot #sidebar-container.menu-1.desk-2 .sidebar-nav-wrapper, #newsbar.newsbar-sidebar-side .sidebar-foot.featured-resources-wrapper #sidebar-container.menu-1.desk-2 .sidebar-nav-wrapper { width: 33.3333333333%; } - #sidebar-wrapper.sidebar-foot #sidebar-container.menu-1.desk-2 #block-lits-theme-views-block-service-desk-block-block-1, #newsbar.newsbar-sidebar-side .sidebar-foot#featured-resources-wrapper #sidebar-container.menu-1.desk-2 #block-lits-theme-views-block-service-desk-block-block-1 { + #sidebar-wrapper.sidebar-foot #sidebar-container.menu-1.desk-2 #block-lits-theme-views-block-service-desk-block-block-1, #newsbar.newsbar-sidebar-side .sidebar-foot.featured-resources-wrapper #sidebar-container.menu-1.desk-2 #block-lits-theme-views-block-service-desk-block-block-1 { width: 66.6666666667%; max-width: 1040px; } - #sidebar-wrapper.sidebar-foot #sidebar-container.menu-1.desk-2 #block-lits-theme-views-block-service-desk-block-block-1 .views-row, #newsbar.newsbar-sidebar-side .sidebar-foot#featured-resources-wrapper #sidebar-container.menu-1.desk-2 #block-lits-theme-views-block-service-desk-block-block-1 .views-row { + #sidebar-wrapper.sidebar-foot #sidebar-container.menu-1.desk-2 #block-lits-theme-views-block-service-desk-block-block-1 .views-row, #newsbar.newsbar-sidebar-side .sidebar-foot.featured-resources-wrapper #sidebar-container.menu-1.desk-2 #block-lits-theme-views-block-service-desk-block-block-1 .views-row { width: 50%; } - #sidebar-wrapper.sidebar-side #sidebar-container.menu-1.desk-2 #block-lits-theme-views-block-service-desk-block-block-1 .views-row, #newsbar.newsbar-sidebar-side .sidebar-side#featured-resources-wrapper #sidebar-container.menu-1.desk-2 #block-lits-theme-views-block-service-desk-block-block-1 .views-row { + #sidebar-wrapper.sidebar-side #sidebar-container.menu-1.desk-2 #block-lits-theme-views-block-service-desk-block-block-1 .views-row, #newsbar.newsbar-sidebar-side .sidebar-side.featured-resources-wrapper #sidebar-container.menu-1.desk-2 #block-lits-theme-views-block-service-desk-block-block-1 .views-row { width: 100%; } } @media (min-width: 600px) { - #sidebar-wrapper #sidebar-container.menu-0.desk-2 #block-lits-theme-views-block-service-desk-block-block-1, #newsbar.newsbar-sidebar-side #featured-resources-wrapper #sidebar-container.menu-0.desk-2 #block-lits-theme-views-block-service-desk-block-block-1 { + #sidebar-wrapper #sidebar-container.menu-0.desk-2 #block-lits-theme-views-block-service-desk-block-block-1, #newsbar.newsbar-sidebar-side .featured-resources-wrapper #sidebar-container.menu-0.desk-2 #block-lits-theme-views-block-service-desk-block-block-1 { width: 100%; } - #sidebar-wrapper #sidebar-container.menu-0.desk-2 #block-lits-theme-views-block-service-desk-block-block-1 .views-row, #newsbar.newsbar-sidebar-side #featured-resources-wrapper #sidebar-container.menu-0.desk-2 #block-lits-theme-views-block-service-desk-block-block-1 .views-row { + #sidebar-wrapper #sidebar-container.menu-0.desk-2 #block-lits-theme-views-block-service-desk-block-block-1 .views-row, #newsbar.newsbar-sidebar-side .featured-resources-wrapper #sidebar-container.menu-0.desk-2 #block-lits-theme-views-block-service-desk-block-block-1 .views-row { width: 50%; } - #sidebar-wrapper #sidebar-container.menu-1.desk-1 .sidebar-nav-wrapper, #newsbar.newsbar-sidebar-side #featured-resources-wrapper #sidebar-container.menu-1.desk-1 .sidebar-nav-wrapper { + #sidebar-wrapper #sidebar-container.menu-1.desk-1 .sidebar-nav-wrapper, #newsbar.newsbar-sidebar-side .featured-resources-wrapper #sidebar-container.menu-1.desk-1 .sidebar-nav-wrapper { width: 50%; } - #sidebar-wrapper #sidebar-container.menu-1.desk-1 #block-lits-theme-views-block-service-desk-block-block-1, #newsbar.newsbar-sidebar-side #featured-resources-wrapper #sidebar-container.menu-1.desk-1 #block-lits-theme-views-block-service-desk-block-block-1 { + #sidebar-wrapper #sidebar-container.menu-1.desk-1 #block-lits-theme-views-block-service-desk-block-block-1, #newsbar.newsbar-sidebar-side .featured-resources-wrapper #sidebar-container.menu-1.desk-1 #block-lits-theme-views-block-service-desk-block-block-1 { width: 50%; max-width: 520px; } - #sidebar-wrapper #sidebar-container.menu-1.desk-1 #block-lits-theme-views-block-service-desk-block-block-1 .views-row, #newsbar.newsbar-sidebar-side #featured-resources-wrapper #sidebar-container.menu-1.desk-1 #block-lits-theme-views-block-service-desk-block-block-1 .views-row { + #sidebar-wrapper #sidebar-container.menu-1.desk-1 #block-lits-theme-views-block-service-desk-block-block-1 .views-row, #newsbar.newsbar-sidebar-side .featured-resources-wrapper #sidebar-container.menu-1.desk-1 #block-lits-theme-views-block-service-desk-block-block-1 .views-row { width: 100%; } - #sidebar-wrapper #sidebar-container.menu-2.desk-0 .sidebar-nav-wrapper, #newsbar.newsbar-sidebar-side #featured-resources-wrapper #sidebar-container.menu-2.desk-0 .sidebar-nav-wrapper { + #sidebar-wrapper #sidebar-container.menu-2.desk-0 .sidebar-nav-wrapper, #newsbar.newsbar-sidebar-side .featured-resources-wrapper #sidebar-container.menu-2.desk-0 .sidebar-nav-wrapper { width: 50%; } } @media (min-width: 900px) { - #sidebar-wrapper.sidebar-side #sidebar-container.menu-0.desk-2 #block-lits-theme-views-block-service-desk-block-block-1, #newsbar.newsbar-sidebar-side .sidebar-side#featured-resources-wrapper #sidebar-container.menu-0.desk-2 #block-lits-theme-views-block-service-desk-block-block-1, #sidebar-wrapper.sidebar-side #sidebar-container.menu-1.desk-1 #block-lits-theme-views-block-service-desk-block-block-1, #newsbar.newsbar-sidebar-side .sidebar-side#featured-resources-wrapper #sidebar-container.menu-1.desk-1 #block-lits-theme-views-block-service-desk-block-block-1 { + #sidebar-wrapper.sidebar-side #sidebar-container.menu-0.desk-2 #block-lits-theme-views-block-service-desk-block-block-1, #newsbar.newsbar-sidebar-side .sidebar-side.featured-resources-wrapper #sidebar-container.menu-0.desk-2 #block-lits-theme-views-block-service-desk-block-block-1, #sidebar-wrapper.sidebar-side #sidebar-container.menu-1.desk-1 #block-lits-theme-views-block-service-desk-block-block-1, #newsbar.newsbar-sidebar-side .sidebar-side.featured-resources-wrapper #sidebar-container.menu-1.desk-1 #block-lits-theme-views-block-service-desk-block-block-1 { width: 100%; } - #sidebar-wrapper.sidebar-side #sidebar-container.menu-0.desk-2 #block-lits-theme-views-block-service-desk-block-block-1 .views-row, #newsbar.newsbar-sidebar-side .sidebar-side#featured-resources-wrapper #sidebar-container.menu-0.desk-2 #block-lits-theme-views-block-service-desk-block-block-1 .views-row, #sidebar-wrapper.sidebar-side #sidebar-container.menu-1.desk-1 #block-lits-theme-views-block-service-desk-block-block-1 .views-row, #newsbar.newsbar-sidebar-side .sidebar-side#featured-resources-wrapper #sidebar-container.menu-1.desk-1 #block-lits-theme-views-block-service-desk-block-block-1 .views-row { + #sidebar-wrapper.sidebar-side #sidebar-container.menu-0.desk-2 #block-lits-theme-views-block-service-desk-block-block-1 .views-row, #newsbar.newsbar-sidebar-side .sidebar-side.featured-resources-wrapper #sidebar-container.menu-0.desk-2 #block-lits-theme-views-block-service-desk-block-block-1 .views-row, #sidebar-wrapper.sidebar-side #sidebar-container.menu-1.desk-1 #block-lits-theme-views-block-service-desk-block-block-1 .views-row, #newsbar.newsbar-sidebar-side .sidebar-side.featured-resources-wrapper #sidebar-container.menu-1.desk-1 #block-lits-theme-views-block-service-desk-block-block-1 .views-row { width: 100%; } } @media (min-width: 600px) { - #sidebar-wrapper #sidebar-container.menu-0.desk-1 .sidebar-nav-wrapper, #newsbar.newsbar-sidebar-side #featured-resources-wrapper #sidebar-container.menu-0.desk-1 .sidebar-nav-wrapper, + #sidebar-wrapper #sidebar-container.menu-0.desk-1 .sidebar-nav-wrapper, #newsbar.newsbar-sidebar-side .featured-resources-wrapper #sidebar-container.menu-0.desk-1 .sidebar-nav-wrapper, #sidebar-wrapper #sidebar-container.menu-0.desk-1 .views-row, - #newsbar.newsbar-sidebar-side #featured-resources-wrapper #sidebar-container.menu-0.desk-1 .views-row, + #newsbar.newsbar-sidebar-side .featured-resources-wrapper #sidebar-container.menu-0.desk-1 .views-row, #sidebar-wrapper #sidebar-container.menu-1.desk-0 .sidebar-nav-wrapper, - #newsbar.newsbar-sidebar-side #featured-resources-wrapper #sidebar-container.menu-1.desk-0 .sidebar-nav-wrapper, + #newsbar.newsbar-sidebar-side .featured-resources-wrapper #sidebar-container.menu-1.desk-0 .sidebar-nav-wrapper, #sidebar-wrapper #sidebar-container.menu-1.desk-0 .views-row, - #newsbar.newsbar-sidebar-side #featured-resources-wrapper #sidebar-container.menu-1.desk-0 .views-row { + #newsbar.newsbar-sidebar-side .featured-resources-wrapper #sidebar-container.menu-1.desk-0 .views-row { width: 50%; } - #sidebar-wrapper #sidebar-container.menu-0.desk-1 #block-lits-theme-views-block-service-desk-block-block-1, #newsbar.newsbar-sidebar-side #featured-resources-wrapper #sidebar-container.menu-0.desk-1 #block-lits-theme-views-block-service-desk-block-block-1, + #sidebar-wrapper #sidebar-container.menu-0.desk-1 #block-lits-theme-views-block-service-desk-block-block-1, #newsbar.newsbar-sidebar-side .featured-resources-wrapper #sidebar-container.menu-0.desk-1 #block-lits-theme-views-block-service-desk-block-block-1, #sidebar-wrapper #sidebar-container.menu-1.desk-0 #block-lits-theme-views-block-service-desk-block-block-1, - #newsbar.newsbar-sidebar-side #featured-resources-wrapper #sidebar-container.menu-1.desk-0 #block-lits-theme-views-block-service-desk-block-block-1 { + #newsbar.newsbar-sidebar-side .featured-resources-wrapper #sidebar-container.menu-1.desk-0 #block-lits-theme-views-block-service-desk-block-block-1 { width: 100%; } } @media (min-width: 900px) { - #sidebar-wrapper #sidebar-container.menu-0.desk-1 .sidebar-nav-wrapper, #newsbar.newsbar-sidebar-side #featured-resources-wrapper #sidebar-container.menu-0.desk-1 .sidebar-nav-wrapper, + #sidebar-wrapper #sidebar-container.menu-0.desk-1 .sidebar-nav-wrapper, #newsbar.newsbar-sidebar-side .featured-resources-wrapper #sidebar-container.menu-0.desk-1 .sidebar-nav-wrapper, #sidebar-wrapper #sidebar-container.menu-0.desk-1 .views-row, - #newsbar.newsbar-sidebar-side #featured-resources-wrapper #sidebar-container.menu-0.desk-1 .views-row, + #newsbar.newsbar-sidebar-side .featured-resources-wrapper #sidebar-container.menu-0.desk-1 .views-row, #sidebar-wrapper #sidebar-container.menu-1.desk-0 .sidebar-nav-wrapper, - #newsbar.newsbar-sidebar-side #featured-resources-wrapper #sidebar-container.menu-1.desk-0 .sidebar-nav-wrapper, + #newsbar.newsbar-sidebar-side .featured-resources-wrapper #sidebar-container.menu-1.desk-0 .sidebar-nav-wrapper, #sidebar-wrapper #sidebar-container.menu-1.desk-0 .views-row, - #newsbar.newsbar-sidebar-side #featured-resources-wrapper #sidebar-container.menu-1.desk-0 .views-row { + #newsbar.newsbar-sidebar-side .featured-resources-wrapper #sidebar-container.menu-1.desk-0 .views-row { width: 100%; } - #sidebar-wrapper #sidebar-container.menu-0.desk-1 #block-lits-theme-views-block-service-desk-block-block-1, #newsbar.newsbar-sidebar-side #featured-resources-wrapper #sidebar-container.menu-0.desk-1 #block-lits-theme-views-block-service-desk-block-block-1, + #sidebar-wrapper #sidebar-container.menu-0.desk-1 #block-lits-theme-views-block-service-desk-block-block-1, #newsbar.newsbar-sidebar-side .featured-resources-wrapper #sidebar-container.menu-0.desk-1 #block-lits-theme-views-block-service-desk-block-block-1, #sidebar-wrapper #sidebar-container.menu-1.desk-0 #block-lits-theme-views-block-service-desk-block-block-1, - #newsbar.newsbar-sidebar-side #featured-resources-wrapper #sidebar-container.menu-1.desk-0 #block-lits-theme-views-block-service-desk-block-block-1 { + #newsbar.newsbar-sidebar-side .featured-resources-wrapper #sidebar-container.menu-1.desk-0 #block-lits-theme-views-block-service-desk-block-block-1 { width: 100%; } } @@ -7110,7 +7395,7 @@ h1 .subtitle { #newsbar { margin-bottom: 2px; } -#newsbar h2, #newsbar.newsbar-sidebar-side #featured-resources-wrapper h2 { +#newsbar h2, #newsbar.newsbar-sidebar-side .featured-resources-wrapper h2 { padding: 0; margin: 1em 0; font-size: 1.5em; @@ -7156,63 +7441,6 @@ h1 .subtitle { width: 10rem; margin-bottom: 2rem; } -#newsbar .has-link-tiles ul { - margin-top: -0.5rem; -} -#newsbar .has-link-tiles li { - width: 100%; -} -@media (min-width: 600px) { - #newsbar .has-link-tiles li { - width: 41%; - } -} -@media (min-width: 1200px) { - #newsbar .has-link-tiles li { - width: 26%; - } -} -#newsbar .has-link-tiles li a { - border-radius: 0; - background-color: white; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4); - justify-content: center; -} -#newsbar .has-link-tiles li:nth-child(6n+1) a { - border-top: 4px solid #a20067; -} -#newsbar .has-link-tiles li:nth-child(6n+2) a { - border-top: 4px solid #6e6259; -} -#newsbar .has-link-tiles li:nth-child(6n+3) a { - border-top: 4px solid #00a9e0; -} -#newsbar .has-link-tiles li:nth-child(6n+4) a { - border-top: 4px solid #84bd00; -} -#newsbar .has-link-tiles li:nth-child(6n+5) a { - border-top: 4px solid #ff9e1b; -} -#newsbar .has-link-tiles li:nth-child(6n+6) a { - border-top: 4px solid #ef3340; -} -#newsbar .has-link-tiles li.tdx-tile { - width: 100%; -} -#newsbar .has-link-tiles li.tdx-tile svg { - overflow: visible; - box-sizing: content-box; - display: var(--fa-display, inline-block); - height: 2em; - vertical-align: -0.125em; -} -#newsbar .has-link-tiles li.tdx-tile img { - height: 5em; - margin: auto; -} -#newsbar .has-link-tiles li.tdx-tile a { - border-top: 4px solid #004876 !important; -} #newsbar #news-items-container { flex-flow: column nowrap; } @@ -7294,183 +7522,75 @@ h1 .subtitle { padding-right: calc(1 * 2rem); } } -#newsbar.newsbar-sidebar-side #featured-resources-wrapper { +#newsbar.newsbar-sidebar-side .featured-resources-wrapper { width: 100%; flex-basis: auto; margin: 0; } @media (min-width: 600px) { - #newsbar.newsbar-sidebar-side #featured-resources-wrapper { + #newsbar.newsbar-sidebar-side .featured-resources-wrapper { width: 100%; } } @media (min-width: 900px) { - #newsbar.newsbar-sidebar-side #featured-resources-wrapper { + #newsbar.newsbar-sidebar-side .featured-resources-wrapper { width: 38%; } } @media (min-width: 1200px) { - #newsbar.newsbar-sidebar-side #featured-resources-wrapper { + #newsbar.newsbar-sidebar-side .featured-resources-wrapper { width: 38%; } } @media (min-width: 1920px) { - #newsbar.newsbar-sidebar-side #featured-resources-wrapper { + #newsbar.newsbar-sidebar-side .featured-resources-wrapper { width: auto; width: calc(((0.5rem + ((1920px - 900px) / 6)) + ((100% - 1920px) / 2)) + ((1920px * 0.38) - (0.5rem + ((1920px - 900px) / 6)))); } } -#newsbar.newsbar-sidebar-side #featured-resources-wrapper { +#newsbar.newsbar-sidebar-side .featured-resources-wrapper { box-shadow: 2px 0 2px rgba(0, 0, 0, 0.4); } @media (min-width: 900px) { - #newsbar.newsbar-sidebar-side #featured-resources-wrapper { + #newsbar.newsbar-sidebar-side .featured-resources-wrapper { padding-right: 0.5rem; } } @media (min-width: 900px) and (min-width: 900px) { - #newsbar.newsbar-sidebar-side #featured-resources-wrapper { + #newsbar.newsbar-sidebar-side .featured-resources-wrapper { padding-right: calc((0.5rem + ((100vw - 900px) / 6))); } } @media (min-width: 900px) and (min-width: 1920px) { - #newsbar.newsbar-sidebar-side #featured-resources-wrapper { + #newsbar.newsbar-sidebar-side .featured-resources-wrapper { padding-right: calc(0.5rem + math.div((1920px - 900px), 6) + (100% - 1920px) / 2); } } @media (min-width: 900px) { - #newsbar.newsbar-sidebar-side #featured-resources-wrapper { + #newsbar.newsbar-sidebar-side .featured-resources-wrapper { padding-left: calc(1 * 0.5rem); } } @media (min-width: 900px) and (min-width: 900px) { - #newsbar.newsbar-sidebar-side #featured-resources-wrapper { + #newsbar.newsbar-sidebar-side .featured-resources-wrapper { padding-left: calc(1 * (0.5rem + ((100vw - 900px) / 6))); } } @media (min-width: 900px) and (min-width: 1044px) { - #newsbar.newsbar-sidebar-side #featured-resources-wrapper { + #newsbar.newsbar-sidebar-side .featured-resources-wrapper { padding-left: calc(1 * 2rem); } } @media (min-width: 900px) { - #newsbar.newsbar-sidebar-side #featured-resources-wrapper #featured-resources { + #newsbar.newsbar-sidebar-side .featured-resources-wrapper .featured-resources { flex-direction: column; } - #newsbar.newsbar-sidebar-side #featured-resources-wrapper #featured-resources > * { + #newsbar.newsbar-sidebar-side .featured-resources-wrapper .featured-resources > * { width: 100%; } } -#newsbar.newsbar-sidebar-side #featured-resources-wrapper { +#newsbar.newsbar-sidebar-side .featured-resources-wrapper { padding-top: 0; } -/* 0. Helper styles - Link tiles (eg featured resources, formerly quick links and remote guides) */ -.lits_homepage .has-link-tiles { - padding-bottom: 2rem; -} -.lits_homepage .has-link-tiles h2 { - margin-top: 0; - padding-top: 2rem; -} -.lits_homepage .has-link-tiles ul { - list-style: none; - margin: 0; - padding: 0; - display: flex; - flex-flow: row wrap; - justify-content: space-around; -} -.lits_homepage .has-link-tiles ul li { - flex: 1 1 auto; - width: 100%; - margin: 0.5rem; -} -@media (min-width: 600px) { - .lits_homepage .has-link-tiles ul li { - width: 46%; - } -} -@media (min-width: 900px) { - .lits_homepage .has-link-tiles ul li { - width: 31%; - } -} -@media (min-width: 1200px) { - .lits_homepage .has-link-tiles ul li { - width: 14%; - min-height: 10rem; - } -} -.lits_homepage .has-link-tiles ul li .fontawesome-icons { - text-align: center; -} -.lits_homepage .has-link-tiles ul li a { - border-radius: 0.25rem; - background-color: #e5e5e5; - height: 100%; - display: flex; - flex-flow: column nowrap; - justify-content: flex-start; - word-break: break-word; - padding: 1rem; -} -@media (min-width: 1200px) { - .lits_homepage .has-link-tiles ul li a { - padding: 1rem 0.25rem; - } -} -.lits_homepage .has-link-tiles ul li a { - color: #004876; -} -.lits_homepage .has-link-tiles ul li a:link, .lits_homepage .has-link-tiles ul li a:visited { - color: #004876; -} -.lits_homepage .has-link-tiles ul li a:active, .lits_homepage .has-link-tiles ul li a:hover { - color: #07c; - text-decoration: underline solid; -} -.lits_homepage .has-link-tiles ul li a:focus { - outline-offset: 2px; - outline: 3px solid #004876; - text-decoration: underline solid; -} -.lits_homepage #block-lits-theme-litsunifiedsearchblock .lits_homepage .has-link-tiles ul li a:focus { - outline-offset: 2px; - outline: 3px solid #ff9e1b; - text-decoration: underline solid; -} -.lits_homepage #block-lits-theme-litsunifiedsearchblock .lits_homepage .has-link-tiles ul li a svg:focus { - outline-offset: 2px; - outline: 3px solid #ff9e1b; - text-decoration: underline solid; -} -.lits_homepage .has-link-tiles ul li a svg { - font-size: 3rem; - margin: 0 auto; -} -.lits_homepage .has-link-tiles ul li a span { - padding-top: 1rem; - text-align: center; - font-weight: bold; -} -.lits_homepage .has-link-tiles ul li:nth-child(6n+1) svg { - color: #a20067; -} -.lits_homepage .has-link-tiles ul li:nth-child(6n+2) svg { - color: #6e6259; -} -.lits_homepage .has-link-tiles ul li:nth-child(6n+3) svg { - color: #00a9e0; -} -.lits_homepage .has-link-tiles ul li:nth-child(6n+4) svg { - color: #84bd00; -} -.lits_homepage .has-link-tiles ul li:nth-child(6n+5) svg { - color: #ff9e1b; -} -.lits_homepage .has-link-tiles ul li:nth-child(6n+6) svg { - color: #ef3340; -} - /*# sourceMappingURL=lits_theme.css.map*/ \ No newline at end of file diff --git a/dist/lits_theme.css.map b/dist/lits_theme.css.map index bd874c3..8fc8df3 100644 --- a/dist/lits_theme.css.map +++ b/dist/lits_theme.css.map @@ -1 +1 @@ -{"version":3,"file":"lits_theme.css","mappings":"AAAA,gBAAgB;ACoChB;;CAAA;AClCA;;;EAAA;AAKA;AAQA;;;;;;;;;;;EAAA;AAgBA;;;;;;;;;EAAA;AAcA;;;;;;;;;;EAAA;AAeA;;;;;;;;;;;EAAA;AA2DA;;;;;;;;;EAAA;AAcA;;;;;;;;;;EAAA;AAqCA;;;;;;;;;;EAAA;AAqCA;;;;;;;;;EAAA;AC/MA;EACE;EACA;EACA;EACA;AHiGF;AG9FA;EACE;EACA;EACA;EACA;AHgGF;AG7FA;EACE;EACA;EACA;EACA;AH+FF;AG5FA;EACE;EACA;EACA;EACA;AH8FF;AG3FA;EACE;EACA;EACA;EACA;AH6FF;AG1FA;EACE;EACA;EACA;EACA;AH4FF;AInIA;;;;EAAA;ACAA;;;EAAA;AAKA;AAOA;AAOA;AAkCA;ACrDA;EC2EE;EACA;EACA;EACA;EACA;APwEF;AMpJE;EACE;ANsJJ;;AMjJE;ECkEA;EACA;EACA;EACA;EACA;APmFF;;AQ/HA;EAlCE;EACA;EACA;ARqKF;ASxGI;ED7BJ;IA7BI;IACA;ERsKF;AACF;AQpKE;EACE;ARsKJ;AQ1IE;EAtCA;EACA;EACA;ARmLF;AStHI;EDzBF;IAjCE;IACA;ERoLF;AACF;AQlLE;EACE;ARoLJ;AS/HI;EDzBF;IAvBI;ERmLJ;EQjLI;IACE;ERmLN;AACF;AQ5JE;EA1CA;EACA;EACA;ARyMF;AS5II;EDrBF;IArCE;IACA;ER0MF;AACF;AQxME;EACE;AR0MJ;ASrJI;EDrBF;IAjBI;ER+LJ;EQ7LI;IACE;ER+LN;AACF;AQ7KE;EACE;EACA;AR+KJ;;AUrKE;EA1DA;AVmOF;ASrKI;ECJF;IAvDE;IACA;EVoOF;EUlOE;IACE,sBL4BS;IK3BT;IACA;IACA;IACA;IACA;IACA;EVoOJ;AACF;ASpLI;EChBF;IAEI;EVsMJ;AACF;AUpMI;EACE;AVsMN;AU5LE;EA9DA;AV6PF;AS/LI;ECAF;IA3DE;IACA;EV8PF;EU5PE;IACE,sBL4BS;IK3BT;IACA;IACA;IACA;IACA;IACA;EV8PJ;AACF;AUzPI;EACE;AV2PN;AUxPI;EACE;AV0PN;AUxPM;EACE;AV0PR;ASvNI;EChBF;IAEI;EVyOJ;AACF;AUvOI;EACE;AVyON;AU3NE;EAlEA;AVgSF;ASlOI;ECIF;IA/DE;IACA;EViSF;EU/RE;IACE,sBL4BS;IK3BT;IACA;IACA;IACA;IACA;IACA;EViSJ;AACF;AU9QI;EACE;AVgRN;AU7QI;EACE;AV+QN;AU7QM;EACE;AV+QR;AS1PI;EChBF;IAEI;EV4QJ;AACF;AU1QI;EACE;AV4QN;;AW7TA;EAJE;EACA;AXqUF;;AYtUE;EACE;EACA,yBPWQ;AL8TZ;AYtUE;EACE;AZwUJ;;Aa/UA;;;EAAA;AAKA;;;;;;;;;;;;EAAA;AA+BA;;;;;;;;;;;;EAAA;AAmCA;;;;;;;;;;;;EAAA;AAmCA;;;;;EAAA;AAUA;EAjGE,WRVS;EQWT;AbiXF;Aa/WE;EAEE,WRfO;AL+XX;Aa7WE;EAEE,cRtBQ;EQuBR;Ab8WJ;AO3OE;EACE;EACA;EAGE;AP2ON;;AazRA;;EAnCE,YRxEM;EQyEN;AbiUF;Aa/TE;;;EAEE,YR7EI;AL+YR;Aa/TE;;;EAEE,cR3EQ;EQ4ER;AbkUJ;AOjQE;;EACE;EACA;EAGE;APkQN;AOvQE;;EACE;EACA;EAGE;APwQN;;AajTA;;;;;;EAAA;AA6BA;;;;;;EAAA;ACtDA;EA9FE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;Ad0bF;AcxbE;EACE,WTPO;ALicX;AcxbI;EACE,cAdwI;Adwc9I;;AcrWA;;EA/EE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AdybF;AcvbE;EACE,WT1BO;ALmdX;AcvbI;EACE,cAd6I;AducnJ;;AcnXA;;EAhEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AdwbF;ActbE;EACE,WT7CO;ALqeX;ActbI;EACE,cAd8I;AdscpJ;;AchYA;;EACE;EAnDA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AdwbF;ActbE;EACE,WThEO;ALwfX;ActbI;EACE,cAd6I;AdscnJ;;Ac7YA;;;;;;EArCE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;Ad2bF;AczbE;;EACE,WTnFO;AL+gBX;Ac1bI;;EACE,cAdwI;Ad2c9I;;AchYA;AACA;EAjHE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AdqfF;AcnfE;EACE,WT7CO;ALkiBX;AcnfI;EACE,cAd8I;AdmgBpJ;;Ac7YA;AACA;EACE;EACA,cT9IU;AL8hBZ;;Ac7YA;AAEA;EACE;EACA;EACA,yBTrKU;ESsKV,YThKM;ESiKN;EACA;EACA;Ad+YF;;Ac5YA;AAEE;EAEE;EACA;Ad6YJ;;AczYA;EACE;EACA;EACA;EACA;EACA;Ad4YF;;AczYA;EACE;Ad4YF;Ac1YE;EAEE;EACA;EACA;EACA;Ad2YJ;AcxYE;EACE;EACA;EACA;EACA;EACA;EACA;Ad0YJ;;ActYA;EACE;AdyYF;;AerlBA;;;;;;EAME,cVJS;EEoDT,2CN1DU;EM2DV;EACA;APyiBF;;Ae5mBE;EACE;Af+mBJ;;AetlBA;EACE;EACA;EACA;EACA;AfylBF;;AetlBA;EACE;EACA;EACA;AfylBF;;AetkBA;EACE;AfykBF;;AetkBA;EACE;EACA;EACA,cVvCM;ALgnBR;;AetkBA;AAEE;EACE,YV1DI;ALkoBR;AerkBE;EACE,cVhDW;ALunBf;AepkBE;EACE,cVrDI;AL2nBR;AenkBE;EACE,cV5DE;ALioBN;;AejkBA;EACE;AfokBF;;AejkBA;AACA;EACE,YVhFM;ALopBR;;AejkBA;AAEA;EACE;EACA;AfmkBF;AejkBE;EACE;AfmkBJ;;AgBxqBE;;;;EAEE;EACA;AhB6qBJ;;AgBzqBA;EACE;EACA;AhB4qBF;;AgBzqBA;EACE;AhB4qBF;;AgBzqBA;;EACE;EACA;AhB6qBF;;AgBxqBA;;;;;;;;;EAAA;AClBA;;EANE;EACA;EACA;EACA;AjB+sBF;;AiBvsBA;EACE;AjB0sBF;;AiBvsBA;EACE;AjB0sBF;;AiBvsBA;EACE;AjB0sBF;;AkB/tBA;;EXkBE;EACA;EACA;APktBF;;AmBtuBA;;EZkBE;EACA;EACA;APytBF;;AoB3uBA;EACE;EACA;EACA;ApB8uBF;AoB5uBE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;ApB6uBJ;;AoBzuBA;EACE;EACA,iBfZM;EeaN;EACA;EAEA;EACA;EACA;ApB2uBF;AOzmBE;EACE;EACA;AP2mBJ;AO7mBE;EACE;EACA;AP+mBJ;;AoBzuBA;EACE;EACA;IACE;EpB4uBF;EoBzuBA;EACA;IACE;IAEA;IACA;IACA,uBfxCI;Ie0CJ;IAEA;IACA;IACA;EpBwuBF;AACF;AqBpyBA;EACE,chBiCK;EgBhCL;EACA;ArBsyBF;AOjyBE;EACE;EACA;EACA;APmyBJ;;AqBtyBA;EACE;EACA;ArByyBF;ASnvBI;EYxDJ;IAKI;IACA;IACA;ErB0yBF;AACF;;AqBvyBA;;EAEE;ArB0yBF;;AqBvyBA;EACE;EACA;ArB0yBF;AOnqBE;EACE;EACA;APqqBJ;AOvqBE;EACE;EACA;APyqBJ;AqB1yBE;EACE,WhBGS;ALyyBb;AqBzyBE;EACE,WhBDS;AL4yBb;AqBxyBE;EACE,WhBLS;AL+yBb;AqBvyBE;EACE,WhBTS;ALkzBb;;AqBryBA;EACE;ArBwyBF;;AqBryBA;EACE;EACA;EACA;ArBwyBF;AqBtyBE;EACE;EACA;ArBwyBJ;;AsB11BE;EACE,sBjBJO;EiBKP,YARO;EASP;EACA,YjBHI;EiBIJ;EACA,gBATU;EAUV;EACA,aAZQ;EAaR,cAdQ;EAeR,mBAZY;EAaZ;EACA;EACA;EACA;AtB61BJ;AsB11BE;EACE,YjBjBI;AL62BR;AsBz1BE;EACE;EACA,YjBtBI;ALi3BR;AO7tBE;EACE;EACA;AP+tBJ;AOjuBE;EACE;EACA;APmuBJ;AsB13BE;EACE,sBjBJO;EiBKP,YARO;EASP;EACA,YjBHI;EiBIJ;EACA,gBATU;EAUV;EACA,aAZQ;EAaR,cAdQ;EAeR,mBAZY;EAaZ;EACA;EACA;EACA;AtB43BJ;AsBz3BE;EACE,YjBjBI;AL44BR;AsBx3BE;EACE;EACA,YjBtBI;ALg5BR;AO5vBE;EACE;EACA;AP8vBJ;AOhwBE;EACE;EACA;APkwBJ;AsBz5BE;EACE,sBjBJO;EiBKP,YARO;EASP;EACA,YjBHI;EiBIJ;EACA,iBAkD2E;EAjD3E;EACA,aAZQ;EAaR,cAdQ;EAeR,mBAZY;EAaZ;EACA;EACA;EACA;AtB25BJ;AsBx5BE;EACE,YjBjBI;AL26BR;AsBv5BE;EACE;EACA,YjBtBI;AL+6BR;AO3xBE;EACE;EACA;AP6xBJ;AO/xBE;EACE;EACA;APiyBJ;AsBx7BE;EACE,sBjBJO;EiBKP,YARO;EASP;EACA,YjBHI;EiBIJ;EACA,gBATU;EAUV;EACA,aAZQ;EAaR,cAdQ;EAeR,mBAZY;EAaZ;EACA;EACA;EACA;AtB07BJ;AsBv7BE;EACE,YjBjBI;AL08BR;AsBt7BE;EACE;EACA,YjBtBI;AL88BR;AO1zBE;EACE;EACA;AP4zBJ;AO9zBE;EACE;EACA;APg0BJ;AsB35BE;EACE;AtB65BJ;AsB19BE;EACE,yBjBaI;EiBZJ,YARO;EASP;EACA,YjBHI;EiBIJ;EACA,iBAyD+E;EAxD/E;EACA,aAZQ;EAaR,cAdQ;EAeR,mBAZY;EAaZ;EACA;EACA;EACA;AtB49BJ;AsBz9BE;EACE,YjBjBI;AL4+BR;AsBx9BE;EACE,yBjBZQ;EiBaR,YjBtBI;ALg/BR;AO51BE;EACE;EACA;AP81BJ;AOh2BE;EACE;EACA;APk2BJ;;AuBngCA;EACE;EACA;EACA;EACA,yBANW;EAOX;EACA;AvBsgCF;;AuBngCA;EACE;EACA;EACA,YlBGM;EkBFN;EACA;EACA;AvBsgCF;AuBpgCE;EACE;AvBsgCJ;;AuBjgCE;EACE,uBlBbI;ALihCR;AuB//BI;EACE;AvBigCN;AuB9/BI;EACE;AvBggCN;;AuB3/BA;EACE;EACA;EACA;EACA;AvB8/BF;AuB5/BE;EACE;AvB8/BJ;;AuB1/BA;;EAEE;EACA;AvB6/BF;;AwBhjCA;;;;;;;;;;;;;;;;;;;;CAAA;ACJA;EACE,cpBiCK;EoBhCL;EACA;EACA;EACA;AzB4kCF;;AyBzkCA;EACE;AzB4kCF;;AyBzkCA;EACE;AzB4kCF;;A0BzlCA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EbQA,WRVS;EQWT;AbqlCF;AanlCE;EAEE,WRfO;ALmmCX;AajlCE;EAEE,cRtBQ;EQuBR;AbklCJ;AO/8BE;EACE;EACA;EAGE;AP+8BN;A0BtmCE;EACE;EACA,crBVQ;EqBWR,uBrBLI;AL6mCR;AS1jCI;EiBjDF;IAMI;E1BymCJ;AACF;AS/jCI;EiBhEJ;IA0BI;IACA;IACA;E1BymCF;E0BvmCE;IACE;IACA;IACA;IACA;IACA;IACA;IACA,mBrBvBM;ELgoCV;E0BtmCE;IACE,mBrBMQ;ELkmCZ;AACF;ASllCI;EiBhEJ;IA8CI;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;E1BwmCF;AACF;A0BtmCE;EbtCA,WRVS;EQWT;Ab+oCF;Aa7oCE;EAEE,WRfO;AL6pCX;Aa3oCE;EAEE,cRtBQ;EQuBR;Ab4oCJ;AOzgCE;EACE;EACA;EAGE;APygCN;A0BlnCI;EACE,mBrBzCO;AL6pCb;;A2BlrCA;EACE;EACA;EACA;A3BqrCF;A2BnrCE;EACE;A3BqrCJ;A2BlrCE;EACE;A3BorCJ;A2BjrCE;EACE;EACA;EACA;A3BmrCJ;ASnoCI;EkBnDF;IAMI;E3BorCJ;AACF;A2BlrCI;EACE;A3BorCN;A2BhrCE;EACE;EACA;EACA,ctBSQ;EsBRR;EACA;A3BkrCJ;A2B/qCE;EACE;EACA;EACA;EACA;EACA;A3BirCJ;ASzpCI;EkB7BF;IAQI;E3BkrCJ;E2BhrCI;IACE;E3BkrCN;AACF;A2B/qCI;EACE;A3BirCN;;A2B5qCA;EACE;A3B+qCF;;A2B1qCE;;;;EAIE;A3B6qCJ;A2B1qCE;EACE;EACA;EACA;A3B4qCJ;A2B1qCI;EACE;A3B4qCN;A2BzqCI;EACE;A3B2qCN;;A4B1vCA;ErBkBE;EACA;EACA;EqBjBA;A5B8vCF;A4B5vCE;EACE;A5B8vCJ;;A4BxvCE;;;;;;;;;;EAKE;A5BgwCJ;A4B7vCE;;EACE;A5BgwCJ;A4B7vCE;;;EAEE;EACA;A5BgwCJ;A4B7vCE;;EACE;EACA;EACA;EACA;A5BgwCJ;;A4B3vCE;EACE;A5B8vCJ;A4B3vCE;EACE;A5B6vCJ;A4B1vCE;EACE;A5B4vCJ;A4BzvCE;EACE;A5B2vCJ;A4BxvCE;EACE;A5B0vCJ;;A4BtvCA;;EAEE;A5ByvCF;;A4BtvCA;EACE;A5ByvCF;AEroCE;EAGE;AFqoCJ;AS9vCI;EPsHF;IAYM;EFgoCN;AACF;ASnwCI;EPsHF;IAmBM;EF8nCN;AACF;AElpCE;EAGE;AFkpCJ;AS3wCI;EPsHF;IAYM;EF6oCN;AACF;AShxCI;EPsHF;IAmBM;EF2oCN;AACF;ASrxCI;EmBCJ;IASI;E5B+wCF;AACF;AS1xCI;EmBCJ;IAaI;IACA;E5BgxCF;AACF;;A6Bh2CA;ElBCE;EACA;EJkFA;APkxCF;;A6Bj2CA;ErBJE;EACA;EACA;ARy2CF;AS5yCI;EoB3DJ;IrBCI;IACA;ER02CF;AACF;AQx2CE;EACE;AR02CJ;ASrzCI;EoB3DJ;IrBqBM;ER+1CJ;EQ71CI;IACE;ER+1CN;AACF;;A6Bp3CA;EnBPE;AV+3CF;ASj0CI;EoBvDJ;InBJI;IACA;EVg4CF;EU93CE;IACE,sBL4BS;IK3BT;IACA;IACA;IACA;IACA;IACA;EVg4CJ;AACF;AU72CI;EACE;AV+2CN;AU52CI;EACE;AV82CN;AU52CM;EACE;AV82CR;ASz1CI;EChBF;IAEI;EV22CJ;AACF;AUz2CI;EACE;AV22CN;;A8Bj6CA;EhByBE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;Ad44CF;Ac14CE;EACE,WT1BO;ALs6CX;Ac14CI;EACE,cAd6I;Ad05CnJ;Aez6CE;EACE;Af26CJ;A8Bj7CE;EjBeA,WRVS;EQWT;Abq6CF;Aan6CE;EAEE,WRfO;ALm7CX;Aaj6CE;EAEE,cRtBQ;EQuBR;Abk6CJ;AO/xCE;EACE;EACA;EAGE;AP+xCN;;A8B57CA;EhBmCE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;Ad65CF;Ac35CE;EACE,WT7CO;AL08CX;Ac35CI;EACE,cAd8I;Ad26CpJ;Ae78CE;EACE;Af+8CJ;;A8B38CA;EACE;A9B88CF;;A8B38CA;EjBCE,WRVS;EQWT;Ab88CF;Aa58CE;EAEE,WRfO;AL49CX;Aa18CE;EAEE,cRtBQ;EQuBR;Ab28CJ;AOx0CE;EACE;EACA;EAGE;APw0CN;;AsBl+CE;EACE,sBjBJO;EiBKP,YARO;EASP;EACA,YjBHI;EiBIJ;EACA,gBATU;EAUV;EACA,aAZQ;EAaR,cAdQ;EAeR,mBAZY;EAaZ;EACA;EACA;EACA;AtBq+CJ;AsBl+CE;EACE,YjBjBI;ALq/CR;AsBj+CE;EACE;EACA,YjBtBI;ALy/CR;AOr2CE;EACE;EACA;APu2CJ;AOz2CE;EACE;EACA;AP22CJ;;A8Bn/CA;EACE,yBzBQc;EyBPd;A9Bs/CF;;A8Bn/CA;EACE;A9Bs/CF;;AKvhDA;;;EAAA;AAKA;AAOA;AAOA;AAkCA;AJjBA;;CAAA;AYpCA;;;EAAA;AAKA;;;;;;;;;;;;EAAA;AA+BA;;;;;;;;;;;;EAAA;AAmCA;;;;;;;;;;;;EAAA;AAmCA;;;;;EAAA;AAUA;EAjGE,WRVS;EQWT;AbokDF;AalkDE;EAEE,WRfO;ALklDX;AahkDE;EAEE,cRtBQ;EQuBR;AbikDJ;AO97CE;EACE;EACA;EAGE;AP87CN;;Aa5+CA;;EAnCE,YRxEM;EQyEN;AbohDF;AalhDE;;;EAEE,YR7EI;ALkmDR;AalhDE;;;EAEE,cR3EQ;EQ4ER;AbqhDJ;AOp9CE;;EACE;EACA;EAGE;APq9CN;AO19CE;;EACE;EACA;EAGE;AP29CN;;AapgDA;;;;;;EAAA;AA6BA;;;;;;EAAA;ACtDA;EA9FE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;Ad6oDF;Ac3oDE;EACE,WTPO;ALopDX;Ac3oDI;EACE,cAdwI;Ad2pD9I;;AcxjDA;;EA/EE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;Ad4oDF;Ac1oDE;EACE,WT1BO;ALsqDX;Ac1oDI;EACE,cAd6I;Ad0pDnJ;;ActkDA;;EAhEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;Ad2oDF;AczoDE;EACE,WT7CO;ALwrDX;AczoDI;EACE,cAd8I;AdypDpJ;;AcnlDA;;EACE;EAnDA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;Ad2oDF;AczoDE;EACE,WThEO;AL2sDX;AczoDI;EACE,cAd6I;AdypDnJ;;AchmDA;;;;;;EArCE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;Ad8oDF;Ac5oDE;;EACE,WTnFO;ALkuDX;Ac7oDI;;EACE,cAdwI;Ad8pD9I;;AcnlDA;AACA;EAjHE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AdwsDF;ActsDE;EACE,WT7CO;ALqvDX;ActsDI;EACE,cAd8I;AdstDpJ;;AchmDA;AACA;EACE;EACA,cT9IU;ALivDZ;;AchmDA;AAEA;EACE;EACA;EACA,yBTrKU;ESsKV,YThKM;ESiKN;EACA;EACA;AdkmDF;;Ac/lDA;AAEE;EAEE;EACA;AdgmDJ;;Ac5lDA;EACE;EACA;EACA;EACA;EACA;Ad+lDF;;Ac5lDA;EACE;Ad+lDF;Ac7lDE;EAEE;EACA;EACA;EACA;Ad8lDJ;Ac3lDE;EACE;EACA;EACA;EACA;EACA;EACA;Ad6lDJ;;AczlDA;EACE;Ad4lDF;;AexyDA;;;;;;EAME,cVJS;EEoDT,2CN1DU;EM2DV;EACA;AP4vDF;;Ae/zDE;EACE;Afk0DJ;;AezyDA;EACE;EACA;EACA;EACA;Af4yDF;;AezyDA;EACE;EACA;EACA;Af4yDF;;AezxDA;EACE;Af4xDF;;AezxDA;EACE;EACA;EACA,cVvCM;ALm0DR;;AezxDA;AAEE;EACE,YV1DI;ALq1DR;AexxDE;EACE,cVhDW;AL00Df;AevxDE;EACE,cVrDI;AL80DR;AetxDE;EACE,cV5DE;ALo1DN;;AepxDA;EACE;AfuxDF;;AepxDA;AACA;EACE,YVhFM;ALu2DR;;AepxDA;AAEA;EACE;EACA;AfsxDF;AepxDE;EACE;AfsxDJ;;AgB33DE;;;;EAEE;EACA;AhBg4DJ;;AgB53DA;EACE;EACA;AhB+3DF;;AgB53DA;EACE;AhB+3DF;;AgB53DA;;EACE;EACA;AhBg4DF;;AgB33DA;;;;;;;;;EAAA;AOvBA;EACE;EACA;EACA;EACA,yBANW;EAOX;EACA;AvB+5DF;;AuB55DA;EACE;EACA;EACA,YlBGM;EkBFN;EACA;EACA;AvB+5DF;AuB75DE;EACE;AvB+5DJ;;AuB15DE;EACE,uBlBbI;AL06DR;AuBx5DI;EACE;AvB05DN;AuBv5DI;EACE;AvBy5DN;;AuBp5DA;EACE;EACA;EACA;EACA;AvBu5DF;AuBr5DE;EACE;AvBu5DJ;;AuBn5DA;;EAEE;EACA;AvBs5DF;;A+Bh4DA;EACE;A/Bm4DF;;AgCj9DA;EACE;AhCo9DF;AgCl9DE;EACE;EACA;EACA;AhCo9DJ;AgCj9DE;EACE;AhCm9DJ;AgCh9DE;EACE;AhCk9DJ;;AgC78DA;EACE;AhCg9DF;;AiCp+DA;;;EAAA;AAMA;EACE;EACA;AjCq+DF;;AiCl+DA;EACE;EACA;AjCq+DF;;AiCl+DA;EACE;AjCq+DF;;AiCl+DA;EACE;EACA;EACA;EACA;EACA;EACA;EACA,uB5BdM;E4BeN;AjCq+DF;ASj8DI;EwB5CJ;IAWI;IACA;EjCs+DF;AACF;ASv8DI;EwB5CJ;IAgBI;IACA;EjCu+DF;AACF;AiCr+DE;EnBIA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;Ado+DF;Acl+DE;EACE,WT7CO;ALihEX;Acl+DI;EACE,cAd8I;Adk/DpJ;AiCj/DE;;EAEE;AjCm/DJ;;AsBrhEE;EACE,sBjBJO;EiBKP,YARO;EASP;EACA,YjBHI;EiBIJ;EACA,iBWiCmE;EXhCnE;EACA,arBHI;EqBIJ,oBW8BuB;EX7BvB,mBAZY;EAaZ;EACA;EACA;EACA;AtBwhEJ;AsBrhEE;EACE,YjBjBI;ALwiER;AsBphEE;EACE;EACA,YjBtBI;AL4iER;AOx5DE;EACE;EACA;AP05DJ;AO55DE;EACE;EACA;AP85DJ;AiC3gEE;E1BkCA;EACA;E0BhCE;EACA;AjC6gEJ;ASvgEI;EwBdJ;IAYI;IACA;EjC6gEF;AACF;;AkC7kEA;;;EAAA;AhCsLE;EAGE;AF45DJ;ASrhEI;EPsHF;IAYM;EFu5DN;AACF;AS1hEI;EPsHF;IAmBM;EFq5DN;AACF;AEz6DE;EAGE;AFy6DJ;ASliEI;EPsHF;IAYM;EFo6DN;AACF;ASviEI;EPsHF;IAmBM;EFk6DN;AACF;AkClmEE;EACE;EACA;EACA;AlComEJ;ASjjEI;EyBtDF;IAMI;ElCqmEJ;EE/7DA;IAGE;EF+7DF;AACF;ASzjEI;EPsHF;IAYM;EF27DN;AACF;AS9jEI;EPsHF;IAmBM;EFy7DN;AACF;ASnkEI;EPsHF;IAGE;EF88DF;AACF;ASxkEI;EPsHF;IAYM;EF08DN;AACF;AS7kEI;EPsHF;IAmBM;EFw8DN;AACF;ASllEI;EyBtDF;IAeI;IACA;ElC6nEJ;EEj+DA;IAGE;EFi+DF;AACF;AS3lEI;EPsHF;IAYM;EF69DN;AACF;AShmEI;EPsHF;IAmBM;EF29DN;AACF;ASrmEI;EPsHF;IAGE;EFg/DF;AACF;AS1mEI;EPsHF;IAYM;EF4+DN;AACF;AS/mEI;EPsHF;IAmBM;EF0+DN;AACF;;AkChpEA;EACE,uB7BxBM;E6ByBN;EACA;EACA;EACA;EACA;EACA;AlCmpEF;AkCjpEE;EACE;EACA;EACA;EACA,c7BjCO;E6BkCP;EACA;AlCmpEJ;AkCjpEI;EACE;AlCmpEN;AkChpEI;EAGE,W7BnDK;E6BoDL;AlCgpEN;AkC9oEM;EACE,W7BvDG;ALusEX;AkC3oEE;EACE;EACA,c7BvDO;E6BwDP;AlC6oEJ;AkC1oEE;EACE;EACA,W7BpEO;ALgtEX;AkCzoEE;EACE;EACA;EACA;AlC2oEJ;;AkCtoEE;EACE;EACA,c7BxDG;E6ByDH;AlCyoEJ;;AmCpuEA;EACE;EACA;EACA;AnCuuEF;AmCruEE;EACE;AnCuuEJ;AmCpuEE;;EAEE;EACA;EACA;EACA;AnCsuEJ;AmCnuEE;;EAEE;EACA;EACA;AnCquEJ;AmChuEI;EACE;AnCkuEN;AmC9tEI;EACE,Y9BfE;E8BgBF,yB9BNS;ALsuEf;AmC9tEM;EACE,Y9BnBA;ALmvER;AmC5tEI;EACE;EACA,c9BpBM;E8BqBN;AnC8tEN;AmC3tEI;EACE;AnC6tEN;AmC3tEM;EACE,yB9B5BI;E8B6BJ,Y9BtCA;ALmwER;AmCxtEI;EACE;AnC0tEN;ASntEI;E0BhEJ;IA8DI;IACA;EnCytEF;EmCvtEE;;;IAGE;IACA;IACA;IACA;EnCytEJ;EmCttEE;IACE;IACA;EnCwtEJ;EmCttEI;IACE;EnCwtEN;EmCrtEI;IACE;IACA;IACA;EnCutEN;EmCptEI;IACE;IACA,sB9BrDO;EL2wEb;AACF;;AmCjtEA;EACE;AnCotEF;;AoCrzEA;;;EAAA;AAKA;EACE;EACA,c/B2BK;E+B1BL;ApCuzEF;;AoCpzEA;EACE;EACA;EACA;ApCuzEF;AoCrzEE;EACE;ApCuzEJ;AoCpzEE;EACE;EACA;EACA;EACA;EACA;ApCszEJ;AoCpzEI;EACE;EACA;ApCszEN;ASnxEI;E2BrCA;IAKI;EpCuzEN;AACF;AoCrzEM;EACE;ApCuzER;AoCnzEI;EACE;EACA;EACA;ApCqzEN;AoClzEI;EACE,yB/BjCM;ALq1EZ;AoCjzEI;EACE;EACA;ApCmzEN;;AqCv2EA;;;;;;;EAAA;AASE;EACE;ArCy2EJ;AqCt2EE;EACE;ArCw2EJ;;AsCt3EA;;;EAAA;AAKA;EACE;AtCw3EF;AsCt3EE;EACE;AtCw3EJ;AsCr3EE;EACE;EACA;AtCu3EJ;ASr0EI;E6BpDF;IAKI;EtCw3EJ;AACF;AsCr3EE;EACE;AtCu3EJ;AS70EI;E6B3CF;IAII;EtCw3EJ;AACF;AsCr3EE;EACE;EACA,YjClBI;EiCmBJ;EACA;AtCu3EJ;AsCp3EE;;EAEE,cjCtBO;EiCuBP;EACA;EACA;AtCs3EJ;AsCp3EI;;EACE,cjCxBM;AL+4EZ;AsCn3EE;EACE;AtCq3EJ;AOrwEE;EACE;EACA;EAGE;APqwEN;AsCr3EM;EACE;AtCu3ER;AsCl3EE;EACE;AtCo3EJ;AOhxEE;EACE;EACA;EAGE;APgxEN;AsCr3EI;EACE;AtCu3EN;AOxxEE;EACE;EACA;EAGE;APwxEN;AS93EI;E6BJF;IAYI;EtC03EJ;AACF;AsCv3EE;;EAEE;EACA,yBjCxEQ;EiCyER;AtCy3EJ;;AsCr3EA;AAEE;EACE,yBjCzEQ;EiC0ER,cjCjFQ;ALw8EZ;AsCp3EE;EAEE;EACA;AtCq3EJ;AsCl3EI;EACE,cjC3FM;AL+8EZ;;AuCt9EA;;;EAAA;AAKA;EACE,yBlCCU;EkCAV;AvCw9EF;AuCt9EE;EACE;AvCw9EJ;AuCr9EE;EACE;EACA,YlCFI;EkCGJ;EACA;AvCu9EJ;;AuCn9EA;EACE;EACA;EACA;EACA;EAEA;EAaA;EA8CA;AvC45EF;AuCt9EE;;EAGE;EACA;EACA;AvCu9EJ;AuCp9EE;EACE;AvCs9EJ;AuCh9EE;EACE;AvCk9EJ;AS97EI;E8BjBE;IACE;EvCk9EN;AACF;AuC/8EI;EAEE;AvCg9EN;AuC38EI;;EAEE;AvC68EN;AuCz8EE;;EAEE;AvC28EJ;AuCx8EE;EACE;EACA;EACA;AvC08EJ;AsBvgFE;EACE,sBjBJO;EiBKP,YARO;EASP;EACA,YjBHI;EiBIJ;EACA,gBATU;EAUV;EACA,aAZQ;EAaR,YiBsDyB;EjBrDzB,mBAZY;EAaZ;EACA;EACA;EACA;AtBygFJ;AsBtgFE;EACE,YjBjBI;ALyhFR;AsBrgFE;EACE;EACA,YjBtBI;AL6hFR;AOz4EE;EACE;EACA;AP24EJ;AO74EE;EACE;EACA;AP+4EJ;AuCr+EI;EACE;AvCu+EN;AuCp+EI;EACE;AvCs+EN;ASx/EI;E8B3CJ;IAuEI;EvCg+EF;EuCp+EE;IACE;EvCs+EJ;EuCl+EE;IACE;IACA;IACA;EvCo+EJ;EuCj+EE;IACE;IACA;IACA;EvCm+EJ;EuCj+EI;IACE;EvCm+EN;EuC/9EE;IACE;IACA;EvCi+EJ;AACF;;AuC79EA;AAEA;EACE;EACA;EACA;AvC+9EF;;AuC59EA;AAEA;EACE;EAEA;EACA;EACA;EACA;E1B8BA,cR3JU;AL2lFZ;Aa97EE;EAEE,cR/JQ;AL8lFZ;Aa57EE;EAEE,WRlKO;EQmKP;Ab67EJ;AOx8EE;EACE;EACA;EAGE;APw8EN;AO78EE;EACE;EACA;EAGE;AP68EN;AOl9EE;EACE;EACA;EAGE;APk9EN;AuCh/EE;E1BnDA,YRxEM;EQyEN;AbsiFF;AapiFE;EAEE,YR7EI;ALknFR;AaliFE;EAEE,cR3EQ;EQ4ER;AbmiFJ;AOl+EE;EACE;EACA;EAGE;APk+EN;AOv+EE;EACE;EACA;EAGE;APu+EN;AuChgFI;EACE;AvCkgFN;AuC//EI;EACE;AvCigFN;AuC7/EE;EACE;AvC+/EJ;AuC7/EI;EACE;AvC+/EN;ASzlFI;E8B8DJ;IAiCI;IACA;IACA;IACA;EvC8/EF;EuC5/EE;IACE;EvC8/EJ;EuC3/EE;IACE;EvC6/EJ;AACF;;AuCv/EI;EACE;AvC0/EN;AuCv/EI;EACE;AvCy/EN;AuCr/EE;EACE;AvCu/EJ;;AuCn/EA;AAEA;EACE;EACA;EACA;EACA;EACA;EACA,iBlCzLM;EkC0LN,clChMU;EkCiMV;EACA;AvCq/EF;AS9nFI;E8BgIJ;IAeI;EvCm/EF;AACF;ASnoFI;E8BgIJ;IAoBI;EvCm/EF;AACF;ASxoFI;E8BuJF;IAGI;EvCk/EJ;AACF;AS7oFI;E8BuJF;IAQI;EvCk/EJ;AACF;ASlpFI;E8BuJF;IAaI;EvCk/EJ;AACF;AuC/+EE;EACE;EACA;EACA;AvCi/EJ;AuC/+EI;;EAEE;EACA;EACA;EACA;AvCi/EN;AuC9+EI;EACE;AvCg/EN;AStqFI;E8B0LE;IACE;IACA;EvC++EN;EuC5+EI;IACE;IACA;EvC8+EN;AACF;;AuCz+EA;AAEE;EACE,yBlC5PQ;EkC6PR,clCpQQ;AL+uFZ;AuCx+EE;EACE;EACA;EACA;AvC0+EJ;AuCx+EI;EACE;AvC0+EN;;AwC9vFA;EACE;EACA;EACA;AxCiwFF;AwC/vFE;EACE;AxCiwFJ;;AwC7vFA;;EAEE;EACA;EACA;AxCgwFF;;AwC7vFA;EACE;EACA;EACA;AxCgwFF;;AwC3vFA;;;;EAIE;EACA;EACA;AxC8vFF;;AwC3vFA;;EAEE;EACA;AxC8vFF;;AwC3vFA;EACE;AxC8vFF;;AwC3vFA;AACA;EACE,yBnCLS;EmCMT,YnClCM;EmCmCN;EACA;AxC8vFF;;AwC3vFA;AACA;EACE;AxC8vFF;;AwC3vFA;EACE;AxC8vFF;;AwC3vFA;AACA;EACE;EACA,WnCxBY;EmCyBZ;AxC8vFF;;AwC3vFA;AAEE;EAEE;EACA;EACA;AxC4vFJ;;AwCxvFA;EACE;AxC2vFF;;AwCxvFA;EACE;AxC2vFF;;AwCxvFA;AAEA;EACE;EACA;EACA;EACA;AxC0vFF;AwCxvFE;EACE;EACA,cnCzFQ;EmC0FR;EACA;EACA;AxC0vFJ;;AwCtvFA;AACA;EACE;EACA;AxCyvFF;;AwCtvFA;EAEE;EACA,yCnClEe;EmCmEf,YnCpGM;EmCqGN;EACA;AxCwvFF;AwCtvFE;EACE,yBnCpFG;EmCqFH;AxCwvFJ;;AwCpvFA;EACE;EACA;AxCuvFF;;AwCpvFA;EACE;EACA,WnCzHS;EmC0HT;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AxCuvFF;AwCrvFE;EACE,cnCzHS;ALg3Fb;;AwCnvFA;EACE,WnC1IS;EmC2IT;EACA;AxCsvFF;AwCpvFE;EACE;AxCsvFJ;AwCnvFE;EjCzDA;EACA;EACA;EACA;EACA;EACA;AP+yFF;;AwCtvFA;EACE;EACA;AxCyvFF;;AyC15FE;EACE;AzC65FJ;AyC15FE;EACE;AzC45FJ;AyCz5FE;EACE;AzC25FJ;AyCz5FI;EACE;EACA;EACA;AzC25FN;AyCx5FI;EACE;AzC05FN;AyCt5FE;;EAEE;EACA;AzCw5FJ;AyCr5FE;EACE;EACA;AzCu5FJ;AyCr5FI;EACE;EACA,cpCqBG;EoCpBH;AzCu5FN;AyCp5FI;EACE;EACA;AzCs5FN;AyCl5FE;;;;EAIE;EACA;AzCo5FJ;;A0Ct8FA;EACE;EACA,yBrCoBU;EqCnBV,YrCUM;AL+7FR;AE3zFE;EAGE;AF2zFJ;AS/4FI;EPiFF;IAYM;EFszFN;AACF;ASp5FI;EPiFF;IAmBM;EFozFN;AACF;AEx0FE;EAGE;AFw0FJ;AS55FI;EPiFF;IAYM;EFm0FN;AACF;ASj6FI;EPiFF;IAmBM;EFi0FN;AACF;AEr1FE;EAGE;AFq1FJ;ASz6FI;EPiFF;IAYM;EFg1FN;AACF;AS96FI;EPiFF;IAmBM;EF80FN;AACF;AEl2FE;EAGE;AFk2FJ;ASt7FI;EPiFF;IAYM;EF61FN;AACF;AS37FI;EPiFF;IAmBM;EF21FN;AACF;A0Ct/FE;;EAEE;EACA;EACA;EACA;EACA,YrCHI;AL2/FR;A0Cr/FE;EACE;EACA;EACA;A1Cu/FJ;A0Cr/FI;EACE;A1Cu/FN;A0Cn/FE;EACE;EACA;A1Cq/FJ;A0Cn/FI;EACE;EACA;A1Cq/FN;A0Cj/FE;EACE;A1Cm/FJ;A0Ch/FE;E7BgJA,YR9KM;EQ+KN;Abm2FF;Aaj2FE;EAEE,YRnLI;ALqhGR;Aa/1FE;EAEE,cRjLQ;EQkLR;Abg2FJ;AOr4FE;EACE;EACA;EAGE;APq4FN;AO14FE;EACE;EACA;EAGE;AP04FN;A0ClgGI;EACE;A1CogGN;A0ChgGE;EACE;EACA,uBrCxCI;EqCyCJ,crCtCO;ALwiGX;AEv6FE;EAGE;AFu6FJ;AS3/FI;EPiFF;IAYM;EFk6FN;AACF;AShgGI;EPiFF;IAmBM;EFg6FN;AACF;AEp7FE;EAGE;AFo7FJ;ASxgGI;EPiFF;IAYM;EF+6FN;AACF;AS7gGI;EPiFF;IAmBM;EF66FN;AACF;AEj8FE;EAGE;AFi8FJ;ASrhGI;EPiFF;IAYM;EF47FN;AACF;AS1hGI;EPiFF;IAmBM;EF07FN;AACF;AE98FE;EAGE;AF88FJ;ASliGI;EPiFF;IAYM;EFy8FN;AACF;ASviGI;EPiFF;IAmBM;EFu8FN;AACF;A0C7iGI;EACE,yBrC1CM;EqC2CN,YrCpDE;ALmmGR;AE/9FE;EAGE;AF+9FJ;ASnjGI;EPiFF;IAYM;EF09FN;AACF;ASxjGI;EPiFF;IAmBM;EFw9FN;AACF;AE5+FE;EAGE;AF4+FJ;AShkGI;EPiFF;IAYM;EFu+FN;AACF;ASrkGI;EPiFF;IAmBM;EFq+FN;AACF;AEz/FE;EAGE;AFy/FJ;AS7kGI;EPiFF;IAYM;EFo/FN;AACF;ASllGI;EPiFF;IAmBM;EFk/FN;AACF;AEtgGE;EAGE;AFsgGJ;AS1lGI;EPiFF;IAYM;EFigGN;AACF;AS/lGI;EPiFF;IAmBM;EF+/FN;AACF;A0C3lGI;EACE;EACA;A1C6lGN;A0C1lGI;EACE;EACA;A1C4lGN;A0CzlGI;E7BhEF,WRVS;EQWT;Ab4pGF;Aa1pGE;EAEE,WRfO;AL0qGX;AaxpGE;EAEE,cRtBQ;EQuBR;AbypGJ;AOthGE;EACE;EACA;EAGE;APshGN;AS5nGI;EiCbF;IAqCI;IACA;E1CwmGJ;AACF;;A0CpmGA;EACE;A1CumGF;A0CrmGE;EACE;EACA;EACA;EACA;EACA;A1CumGJ;A0CrmGI;EACE;A1CumGN;A0CpmGI;EACE;A1CsmGN;A0CpmGM;E7BsBJ,YRxHM;EQyHN;AbilGF;Aa/kGE;EAEE,YR7HI;AL6sGR;Aa7kGE;EAEE,cRjIQ;EQkIR;Ab8kGJ;AO7jGE;EACE;EACA;EAGE;AP6jGN;AOlkGE;EACE;EACA;EAGE;APkkGN;;A2CxuGA;;;;;;EAAA;AzC0NE;;EAIE,qBAHc;AFyhGlB;ASprGI;EP0JF;;IAUI;EFqhGJ;AACF;AS1rGI;EP0JF;;IAuBI,2DANU;EFohGd;AACF;AEtiGE;;EAIE,oBAHc;AFyiGlB;ASpsGI;EP0JF;;IAUI;EFqiGJ;AACF;AS1sGI;EP0JF;;IAuBI,0DANU;EFoiGd;AACF;AShtGI;EkCxDJ;;IAMI;E3CuwGF;AACF;;A2CpwGA;EACE;A3CuwGF;A2CrwGE;;EAEE;EACA;A3CuwGJ;AS/tGI;EkCpCA;IACE;E3CswGJ;E2CnwGE;IACE;E3CqwGJ;AACF;A2ClwGE;EACE;EACA,sBtC9BO;EsC+BP,YtC3BI;EsC4BJ;EACA;EACA;EACA;A3CowGJ;A2CjwGE;EACE;EACA;EACA;A3CmwGJ;ASrvGI;EkCjBF;IAMI;IACA;E3CowGJ;AACF;A2ClwGI;EACE;EACA;EACA,ctC5CK;ALgzGX;A2CjwGI;EACE;EACA;EACA;EACA;A3CmwGN;A2CjwGM;EACE,ctCvDG;AL0zGX;A2C9vGE;EACE;A3CgwGJ;A2C7vGE;EACE,yBtCtDI;EsCuDJ;EACA;A3C+vGJ;A2C7vGI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;A3C+vGN;A2C5vGI;E9BuCF,YRxHM;EQyHN;AbwtGF;AattGE;EAEE,YR7HI;ALo1GR;AaptGE;EAEE,cRjIQ;EQkIR;AbqtGJ;AOpsGE;EACE;EACA;EAGE;APosGN;AOzsGE;EACE;EACA;EAGE;APysGN;AsBn2GE;EACE,sBjBJO;EiBKP,uBA8CyE;EA7CzE;EACA,YjBHI;EiBIJ;EACA,gBATU;EAUV;EACA,aAZQ;EAaR,cAdQ;EAeR,mBAZY;EAaZ;EACA;EACA;EACA;AtBq2GJ;AsBl2GE;EACE,YjBjBI;ALq3GR;AsBj2GE;EACE;EACA,YjBtBI;ALy3GR;AOruGE;EACE;EACA;APuuGJ;AOzuGE;EACE;EACA;AP2uGJ;AsBh1GE;EACE;AtBk1GJ;A2C3yGI;EACE;EACA;EACA;A3C6yGN;A2C3yGM;EACE;EACA;A3C6yGR;AS11GI;EkC2CE;IAKI;E3C8yGR;AACF;A2C5yGQ;EACE;A3C8yGV;A2C3yGQ;EACE;A3C6yGV;A2CxyGI;EACE;A3C0yGN;A2CvyGI;EACE;EACA;A3CyyGN;A2CtyGI;EACE;A3CwyGN;AErtGE;EAIE,qBAHc;AFutGlB;ASl3GI;EP0JF;IAUI;EFktGJ;AACF;ASv3GI;EP0JF;IAuBI,2DANU;EFgtGd;AACF;AEluGE;EAIE,oBAHc;AFouGlB;AS/3GI;EP0JF;IAUI;EF+tGJ;AACF;ASp4GI;EP0JF;IAuBI,0DANU;EF6tGd;AACF;ASz4GI;EkC2EF;IAKI;IACA;E3C6zGJ;AACF;A2CtzGE;EACE;EACA;EACA;A3CwzGJ;ASp5GI;EkCyFF;IAMI;E3CyzGJ;AACF;A2CvzGI;EACE;EACA;A3CyzGN;AS75GI;EkCkGA;IAKI;E3C0zGN;AACF;ASl6GI;EkCkGA;IASI;E3C2zGN;AACF;ASv6GI;EkCkGA;IAaI;E3C4zGN;AACF;A2CzzGI;EACE;EACA;A3C2zGN;A2CxzGI;EACE;EACA;A3C0zGN;A2CxzGM;EACE;A3C0zGR;A2CrzGE;EACE;EACA;EACA;A3CuzGJ;AS57GI;EkCkIF;IAMI;E3CwzGJ;AACF;A2CtzGI;EACE;A3CwzGN;ASp8GI;EkC2IA;IAII;E3CyzGN;AACF;A2CrzGI;EACE;EACA;EACA;A3CuzGN;A2CrzGM;EACE;A3CuzGR;A2CnzGI;EACE;EACA;A3CqzGN;;A4CrhHA;;;EAAA;AAKA;EACE;EACA;A5CuhHF;A4CrhHE;EACE;EACA;EACA;EACA;EACA,e3CwCkB;E2CvClB,kB3CuCkB;ADg/GtB;ASt+GI;EmCvDF;IASI,e3C6BgB;I2C5BhB,kB3C4BgB;ED4/GpB;AACF;;A6C5iHA;;;EAAA;AAKA;EACE;A7C8iHF;;A6C3iHA;EACE;A7C8iHF;A6C5iHE;EtCMA;EACA;EACA;APyiHF;A6C7iHE;EACE;A7C+iHJ;AShgHI;EoChDF;IAII;E7CgjHJ;E6C9iHI;IACE;IACA;IACA;E7CgjHN;AACF;;AS1gHI;EoCjCJ;IAEI;IACA;E7C8iHF;AACF;;A8CjlHA;EACE;EACA;A9ColHF;A8CllHE;EACE;A9ColHJ;AOx7GE;EACE;EACA;AP07GJ;A8ChlHE;EACE;EACA;A9CklHJ;AOh8GE;EACE;EACA;APk8GJ;ASriHI;EqCxCE;IACE;E9CglHN;E8C7kHI;IACE;IACA;E9C+kHN;E8C5kHI;IACE;E9C8kHN;E8C3kHI;IACE;IACA;E9C6kHN;E8C1kHI;IACE;E9C4kHN;AACF;ASxjHI;EqChEJ;IAiDI;E9C2kHF;AACF;A8CzkHE;EAEE,kCzCZgB;EyCahB,YzC1CI;EyC2CJ;EACA;EACA;EACA;EACA;EACA;EACA;A9C0kHJ;A8CxkHI;EAGE;EACA;EACA,czCjDM;ALynHZ;A8CpkHE;EACE;EACA;EACA,yBzCrEQ;AL2oHZ;ASllHI;EqCSF;IAMI;E9CukHJ;AACF;A8CrkHI;EACE;EACA;EACA;A9CukHN;A8CrkHM;EACE;EACA;EACA;A9CukHR;A8CrkHQ;EACE;EACA;EACA;A9CukHV;A8CnkHM;EACE;EACA;EACA;A9CqkHR;A8ChkHE;EACE;A9CkkHJ;AS9mHI;EqC2CF;IAII;IACA;IACA;IACA;E9CmkHJ;AACF;A8ChkHE;EACE,czCnGQ;ALqqHZ;A8ChkHI;EACE;A9CkkHN;A8C9jHE;EACE;EACA;EACA;EACA,uBzCrHI;ALqrHR;ASloHI;EqC8DF;IAOI;E9CikHJ;AACF;A8C/jHI;EACE;EACA;EACA;A9CikHN;AS5oHI;EqCwEA;IAMI;E9CkkHN;AACF;A8ChkHM;EACE;A9CkkHR;ASppHI;EqCsFI;IACE;E9CikHR;E8C9jHM;IACE;E9CgkHR;E8C7jHM;IACE;E9C+jHR;AACF;;A+C/tHA;EACE;EACA;EACA;A/CkuHF;;A+C/tHA;EACE;EACA;A/CkuHF;A+ChuHE;EACE;EACA;A/CkuHJ;A+ChuHI;EACE;A/CkuHN;;AgDjvHA;;;EAAA;AAKA;EACE;EACA;EACA;EACA;EACA,Y3CGM;E2CFN;EnC0EA,YRxEM;EQyEN;Ab0qHF;AaxqHE;EAEE,YR7EI;ALsvHR;AatqHE;EAEE,cR3EQ;EQ4ER;AbuqHJ;AOtmHE;EACE;EACA;EAGE;APsmHN;AO3mHE;EACE;EACA;EAGE;AP2mHN;AgDjwHE;EAXF;IAYI;EhDowHF;AACF;;AgDjwHA;EACE;EACA;EACA;EACA;AhDowHF;;AgDhwHA;EACE;EACA;EACA;AhDmwHF;;AgDhwHA;EACE;EACA;AhDmwHF;AgDjwHE;EACE;AhDmwHJ;;AgD/vHA;EACE;EACA;AhDkwHF;AgDhwHE;EACE;AhDkwHJ;;AiDnzHA;;;EAAA;AAKA;E1CaE;EACA;EACA;E0CZA;AjDszHF;;AiDnzHA;EACE;EACA;EACA;AjDszHF;AiDpzHE;EACE;AjDszHJ;AiDnzHE;EACE,c5CdQ;ALm0HZ;AiDnzHI;EACE;AjDqzHN;;AiDhzHA;EACE;EpCXA,WRVS;EQWT;Ab+zHF;Aa7zHE;EAEE,WRfO;AL60HX;Aa3zHE;EAEE,cRtBQ;EQuBR;Ab4zHJ;AOzrHE;EACE;EACA;EAGE;APyrHN;;AkD/1HA;E3CkBE;EACA;EACA;APi1HF;;AkDj2HA;EACE;AlDo2HF;ASzyHI;EyC5DJ;IAII;IACA;ElDq2HF;AACF;AkDn2HE;EACE;AlDq2HJ;;AkDj2HA;EACE;EACA;EACA;EACA;EACA;AlDo2HF;;AmD13HA;;;EAAA;AAKA;EACE,uB9COM;ALq3HR;ASl0HI;E0C3DJ;IAII;EnD63HF;AACF;AmD33HE;EACE,yB9CaI;E8CZJ,Y9CDI;AL83HR;AE1vHE;EAGE;AF0vHJ;AS90HI;EPiFF;IAYM;EFqvHN;AACF;ASn1HI;EPiFF;IAmBM;EFmvHN;AACF;AEvwHE;EAGE;AFuwHJ;AS31HI;EPiFF;IAYM;EFkwHN;AACF;ASh2HI;EPiFF;IAmBM;EFgwHN;AACF;AEpxHE;EAGE;AFoxHJ;ASx2HI;EPiFF;IAYM;EF+wHN;AACF;AS72HI;EPiFF;IAmBM;EF6wHN;AACF;AEjyHE;EAGE;AFiyHJ;ASr3HI;EPiFF;IAYM;EF4xHN;AACF;AS13HI;EPiFF;IAmBM;EF0xHN;AACF;AmD16HI;EtCgHF,YRxHM;EQyHN;Ab6zHF;Aa3zHE;EAEE,YR7HI;ALy7HR;AazzHE;EAEE,cRjIQ;EQkIR;Ab0zHJ;AOzyHE;EACE;EACA;EAGE;APyyHN;AO9yHE;EACE;EACA;EAGE;AP8yHN;AmD57HM;EACE;AnD87HR;AmDz7HE;EACE;AnD27HJ;AmDz7HI;EACE;AnD27HN;AmDv7HE;EACE;E5CrBF;EACA;EACA;AP+8HF;AEl1HE;EAGE;AFk1HJ;ASt6HI;EPiFF;IAYM;EF60HN;AACF;AS36HI;EPiFF;IAmBM;EF20HN;AACF;AE/1HE;EAGE;AF+1HJ;ASn7HI;EPiFF;IAYM;EF01HN;AACF;ASx7HI;EPiFF;IAmBM;EFw1HN;AACF;AE52HE;EAGE;AF42HJ;ASh8HI;EPiFF;IAYM;EFu2HN;AACF;ASr8HI;EPiFF;IAmBM;EFq2HN;AACF;AEz3HE;EAGE;AFy3HJ;AS78HI;EPiFF;IAYM;EFo3HN;AACF;ASl9HI;EPiFF;IAmBM;EFk3HN;AACF;AmDx+HI;;EAEE,c9CvBE;E8CwBF;AnD0+HN;AmDv+HI;EACE;AnDy+HN;AmDt+HI;EACE;EACA,c9CjCE;E8CkCF;AnDw+HN;;AoDniIA;E7CiBE;EACA;EACA;APshIF;AS1+HI;E2C/DJ;IAII;EpDyiIF;AACF;;AoDriIA;EACE;ApDwiIF;AoDtiIE;EACE;ApDwiIJ;;AoDpiIA;EACE;ApDuiIF;;AoDliIE;EACE;ApDqiIJ;;AoDhiIA;EACE;EACA;ApDmiIF;AoDjiIE;EAEE;ApDkiIJ;;AqDtkIA;;;EAAA;ACCA;EACE;EACA;EACA;EACA;AtD4kIF;ASjhII;E6C/DJ;IAOI;IACA;EtD6kIF;EsD3kIE;IACE;IACA;IACA,cjD2BK;ELkjIT;AACF;;AuD3lIA;EACE,YlDWM;EkDVN;EACA;EACA;EACA;EACA;EACA;AvD8lIF;AStiII;E8C/DJ;IAUI;IACA;IACA;IACA;IACA;IACA;IACA;EvD+lIF;AACF;;AuD5lIA;;EAEE,YlDVM;ALymIR;AuD7lIE;;;EAEE,WlDUW;ALslIf;AuD7lIE;;EACE,clDVS;AL0mIb;;AwD/nIA;EACE;AxDkoIF;;AwD/nIA;EjDcE;EACA;EACA;EiDbA;AxDmoIF;;AwDhoIA;EACE;EACA;AxDmoIF;AS/kII;E+CtDJ;IAKI;ExDooIF;AACF;;AwDjoIA;;;E3CAE,WRVS;EQWT;AbuoIF;AaroIE;;;;;EAEE,WRfO;ALypIX;AavoIE;;;;;EAEE,cRtBQ;EQuBR;Ab4oIJ;AOzgIE;;;EACE;EACA;EAGE;AP2gIN;AwDzpIE;;;E3CLA,WRVS;EQWT;AbmqIF;AajqIE;;;;;EAEE,WRfO;ALqrIX;AanqIE;;;;;EAEE,cRtBQ;EQuBR;AbwqIJ;AOriIE;;;EACE;EACA;EAGE;APuiIN;AwDjrIE;;;EACE,cnDtBQ;AL2sIZ;;AwDjrIA;;EAEE;E3ChBA,WRVS;EQWT;AbqsIF;AansIE;;;EAEE,WRfO;ALqtIX;AansIE;;;EAEE,cRtBQ;EQuBR;AbssIJ;AOnkIE;;EACE;EACA;EAGE;APokIN;AwDnsIE;;EACE;AxDssIJ;AwDnsIE;;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AxDssIJ;AwDlsII;;EACE,0BnDnCO;ALwuIb;;AwD/rIE;EACE;EACA,wBnDvDO;ALyvIX;AwD9rII;EACE;EACA,2BnDjDO;ALivIb;;AyDtwIA;EACE;AzDywIF;;AyDtwIA;EACE;EACA;EAEA;EACA;EACA;EACA;EACA;AzDwwIF;AyDtwIE;EACE;AzDwwIJ;;AyDpwIA;EACE;AzDuwIF;AyDrwIE;EACE;AzDuwIJ;;A0D9xIA;EACE;EACA;EACA;EACA;A1DiyIF;ASruII;EiDzDA;IACE;E1DiyIJ;AACF;AS1uII;EiDnDA;IACE;E1DgyIJ;AACF;A0D7xIE;EACE;EACA;EACA;A1D+xIJ;;A2DpzIA;EACE;A3DuzIF;A2DrzIE;EACE;A3DuzIJ;A2DpzIE;EACE;EACA,yBtDKQ;ALizIZ;A2DpzII;;;EAGE,ctD+BS;ALuxIf;A2DnzII;EACE,ctDGO;ALkzIb;A2DlzII;EACE;A3DozIN;;A4D10IA;;;EAAA;AAKA;EACE;EACA;EACA;EACA;EACA;EACA;A5D40IF;;A4Dz0IA;EACE;EACA;EACA;EACA;A5D40IF;;A4Dx0IE;EACE;EACA;EACA;EACA;EACA;EACA,WvDUS;EuDTT;A5D20IJ;A4Dx0IE;EACE;A5D00IJ;AS3yII;EmDhCF;IAII;E5D20IJ;AACF;AShzII;EmDhCF;IAQI;E5D40IJ;AACF;;A6Dp3IE;EACE;EACA;EACA;EACA,cxD6BG;AL01IP;A6Dr3II;EACE;A7Du3IN;A6Dn3IE;EACE;EACA;A7Dq3IJ;A6Dl3IE;EACE;EACA;EACA;EACA;A7Do3IJ;A6Dj3II;EACE;A7Dm3IN;A6Dh3II;;EAEE;EACA;EACA;A7Dk3IN;A6D/2II;;EAEE;A7Di3IN;A6D92II;;EAEE;A7Dg3IN;A6D92IM;;EACE;A7Di3IR;A6D92IM;;EACE;EACA,cxDhBD;ALi4IP;A6D72II;EACE;EACA;A7D+2IN;A6D72IM;EACE;E/CfN;EACA;EACA;EACA;EACA;EACA;EACA;EACA;Ad+3IF;Ac73IE;EACE,WT7CO;AL46IX;Ac73II;EACE,cAd8I;Ad64IpJ;A6Dv3II;EACE;A7Dy3IN;A6Dt3II;EACE;EACA,cxDrCC;AL65IP;A6Dr3II;EACE;A7Du3IN;A6Dr3IM;;EAEE;A7Du3IR;A6Dp3IM;EACE;EACA;A7Ds3IR;A6Dl3II;EACE;A7Do3IN;A6Dl3IM;;EAEE;A7Do3IR;A6Dj3IM;EACE;EACA;A7Dm3IR;A6D/2II;EACE;A7Di3IN;A6D/2IM;;EAEE;A7Di3IR;A6D92IM;EACE;EACA;A7Dg3IR;A6D52II;EACE;A7D82IN;A6D52IM;EACE;EACA;A7D82IR;A6D32IM;EACE;EACA;A7D62IR;A6Dz2IM;EACE,cxDzGA;ALo9IR;A6Dv2IM;EACE,cxDhFC;ALy7IT;A6Dr2IM;EACE,cxDtHF;AL69IN;A6Dh2IM;;;;EAIE,cxDjHI;ALm9IZ;A6D71IM;EACE;A7D+1IR;A6D51IM;EACE;EACA;EACA,cxDlID;ALg+IP;A6D51IQ;EACE;A7D81IV;A6Dz1II;EACE;EACA;A7D21IN;A6Dx1II;EACE;EACA;E/CvIJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;Adk+IF;Ach+IE;EACE,WT7CO;AL+gJX;Ach+II;EACE,cAd8I;Adg/IpJ;AS39II;EF4GF;;;;;;IAME;IACA;EPk3IF;EO/2IA;IApFA;IACA;IACA;IACA;IACA;IACA;EPs8IA;EOn3IA;;IAEE;IACA;IACA;IACA;IACA;EPq3IF;EOl3IA;IACE;IACA;IACA;EPo3IF;EOj3IA;IACE;EPm3IF;EOh3IA;IACE;EPk3IF;EO/2IA;IACE;IACA;IACA;IACA;IACA;EPi3IF;EO92IA;IACE;IACA;EPg3IF;AACF;AS5gJI;EF+JA;IACE;IACA;EPg3IJ;EO72IE;IACE;IACA;EP+2IJ;AACF;ASthJI;EF2KA;IACE;EP82IJ;EO32IE;IACE;EP62IJ;AACF;AS9hJI;EFqLA;IACE;EP42IJ;EOz2IE;IACE;EP22IJ;AACF;AStiJI;EoD6HE;IACE;E7D46IN;AACF;;A8D3mJA;EACE;EACA;EACA;EACA;A9D8mJF;ASljJI;EqDhEJ;IAOI;E9D+mJF;AACF;;A8D5mJA;EACE;A9D+mJF;;A8D5mJA;EACE;EACA;A9D+mJF;A8D7mJE;EACE,kBzDXO;EyDYP;EACA;A9D+mJJ;;A8D3mJA;;;EAGE,mBzDRW;ALsnJb;;A+D3oJA;;;EAAA;AAKA;EACE;EACA;EACA;EACA;A/D6oJF;AStlJI;EsD3DJ;IAOI;E/D8oJF;AACF;;AS3lJI;EsDhDJ;;IAGI;E/D8oJF;AACF;;A+D3oJA;EACE;A/D8oJF;AStmJI;EsDzCJ;IAII;IACA;E/D+oJF;AACF;AS5mJI;EsDzCJ;IASI;E/DgpJF;AACF;;ASjnJI;EsD5BJ;IAEI;IACA;IACA;IACA;E/DgpJF;AACF;;A+D7oJA;A7DoGE;EAGE;AF2iJJ;AS/nJI;EPiFF;IAYM;EFsiJN;AACF;ASpoJI;EPiFF;IAmBM;EFoiJN;AACF;A+DxpJE;EACE;A/D0pJJ;;A+DtpJA;EACE,uB1D1CM;E0D2CN;A/DypJF;AEhkJE;EAGE;AFgkJJ;ASppJI;EPiFF;IAYM;EF2jJN;AACF;ASzpJI;EPiFF;IAmBM;EFyjJN;AACF;AE7kJE;EAGE;AF6kJJ;ASjqJI;EPiFF;IAYM;EFwkJN;AACF;AStqJI;EPiFF;IAmBM;EFskJN;AACF;AE1lJE;EAGE;AF0lJJ;AS9qJI;EPiFF;IAYM;EFqlJN;AACF;ASnrJI;EPiFF;IAmBM;EFmlJN;AACF;AEvmJE;EAGE;AFumJJ;AS3rJI;EPiFF;IAYM;EFkmJN;AACF;AShsJI;EPiFF;IAmBM;EFgmJN;AACF;A+DtsJE;EACE;A/DwsJJ;;AgExwJA;;;EAAA;AAKA;EACE;EACA;EACA;EACA;EACA;AhE0wJF;AgExwJE;EACE;EACA;EACA;EACA;EACA;AhE0wJJ;;AiE3xJA;EACE;EACA;EACA;EACA;EAEA;AjE6xJF;AiE3xJE;EACE;AjE6xJJ;AStuJI;EwDhEJ;IAaI;EjE6xJF;AACF;AS3uJI;EwDhEJ;IAiBI;EjE8xJF;AACF;;AiEzxJA;EACE;EACA,eAJ6B;AjEgyJ/B;AiE1xJE;EACE;AjE4xJJ;AiEzxJE;EACE;EACA;EACA;AjE2xJJ;AiEzxJI;EACE;EACA;AjE2xJN;AiEzxJM;EACE;AjE2xJR;AiEvxJI;EACE;EACA;EACA;EACA;AjEyxJN;;AiElxJE;;EACE;EACA;EACA;EACA;AjEsxJJ;AiEpxJI;;EACE;EACA;EACA;AjEuxJN;AiEnxJE;;;;;;;;EAIE;EACA;AjEyxJJ;AiEvxJI;;;;;;;;EACE;AjEgyJN;AiE5xJE;;EACE;AjE+xJJ;AiE7xJI;;;;;;EAGE;AjEkyJN;AiE/xJI;;EACE;AjEkyJN;AiEhyJM;;EACE;AjEmyJR;AiE9xJE;;EACE;AjEiyJJ;AiE9xJE;;EACE;EACA,c5D/EI;E4DgFJ,qBArF2B;AjEs3J/B;AiE9xJE;;EACE;AjEiyJJ;;AkE/4JA;;;;;;EAAA;AAQA;EACE;AlEi5JF;;AkE94JA;AAEA;EAEE,Y7DHM;E6DIN,yB7DFS;ALi5JX;AkE54JE;EACE;AlE84JJ;ASn2JI;EyD5CF;IAII;ElE+4JJ;AACF;;AkE34JA;AAEA;EACE;EACA;EACA;EACA;AlE64JF;AEv2JE;EACE;EACA;EACA;AFy2JJ;ASr3JI;EPSF;IAMI,UgEzCsB;ElEm5J1B;AACF;AS13JI;EPSF;IAUI,UgE7C2B;ElEw5J/B;AACF;AS/3JI;EPSF;IAcI,UgEjDgC;ElE65JpC;AACF;ASp4JI;EPSF;IAkBI;EF62JJ;AACF;AExzJE;EAGE;AFwzJJ;AS54JI;EPiFF;IAYM;EFmzJN;AACF;ASj5JI;EPiFF;IAmBM;EFizJN;AACF;AEr0JE;EAGE;AFq0JJ;ASz5JI;EPiFF;IAYM;EFg0JN;AACF;AS95JI;EPiFF;IAmBM;EF8zJN;AACF;AkEz7JE;EACE;EACA;AlE27JJ;AsB39JE;EACE;EACA,YARO;EASP;EACA,cjBDO;EiBEP;EACA,gBATU;EAUV;EACA,aAZQ;EAaR,cAdQ;EAeR,mBAZY;EAaZ;EACA;EACA;EACA;AtB69JJ;AsB19JE;EACE,cjBfO;AL2+JX;AsBz9JE;EACE,uBjBrBI;EiBsBJ,WjB1BO;ALq/JX;AO71JE;EACE;EACA;AP+1JJ;AOj2JE;EACE;EACA;APm2JJ;AsBh9JE;EACE;AtBk9JJ;AkEz9JI;EACE;AlE29JN;AkEx9JI;EAEE;AlEy9JN;AS/8JI;EyDLA;IACE;ElEu9JJ;EkEp9JE;IACE;ElEs9JJ;AACF;;ASv9JI;EyDKJ;IAEI;ElEq9JF;EE34JA;IAGE;EF24JF;AACF;ASh+JI;EPiFF;IAYM;EFu4JN;AACF;ASr+JI;EPiFF;IAmBM;EFq4JN;AACF;;AkE79JA;EACE;AlEg+JF;;AkE79JA;EACE;EACA;EACA;EACA;AlEg+JF;ASr/JI;EyDiBJ;IAOI;ElEi+JF;AACF;;AkE99JA;EACE;EACA;AlEi+JF;AS//JI;EyD4BJ;IAKI;ElEk+JF;AACF;;AkE/9JA;AAEA;EACE;EACA,yB7DlGU;ALmkKZ;AEjgKE;EACE;EACA;EACA;AFmgKJ;AS/gKI;EPSF;IAMI,UgE6BsB;ElEu+J1B;AACF;ASphKI;EPSF;IAUI,UgEyB2B;ElE4+J/B;AACF;ASzhKI;EPSF;IAcI,UgEqBgC;ElEi/JpC;AACF;AS9hKI;EPSF;IAkBI;EFugKJ;AACF;AEl9JE;EAGE;AFk9JJ;AStiKI;EPiFF;IAYM;EF68JN;AACF;AS3iKI;EPiFF;IAmBM;EF28JN;AACF;AE/9JE;EAGE;AF+9JJ;ASnjKI;EPiFF;IAYM;EF09JN;AACF;ASxjKI;EPiFF;IAmBM;EFw9JN;AACF;AS7jKI;EyDuCJ;IAUI;ElEghKF;AACF;AkE9gKE;EACE;AlEghKJ;;AkE5gKA;EACE;AlE+gKF;;AkE5gKA;EACE;AlE+gKF;AkE7gKE;ErD3CA,YRxEM;EQyEN;Ab2jKF;AazjKE;EAEE,YR7EI;ALuoKR;AavjKE;EAEE,cR3EQ;EQ4ER;AbwjKJ;AOv/JE;EACE;EACA;EAGE;APu/JN;AO5/JE;EACE;EACA;EAGE;AP4/JN;;AkE5hKE;EACE;AlE+hKJ;AkE7hKI;EACE;AlE+hKN;;AkE1hKA;E3D7HE;EACA;EACA;E2D8HA;EACA;EACA;EACA;EACA;AlE8hKF;;AkE3hKA;E3DtBE;E2DyBA;EACA;EACA;EACA;EACA;AlE6hKF;AS7nKI;EyDyFJ;IAUI;IACA;ElE8hKF;AACF;ASnoKI;EyDyFJ;IAeI;ElE+hKF;AACF;AkE7hKE;EACE;EACA;EACA;EACA;EACA;EACA;ErD9JF,WRVS;EQWT;Ab8rKF;Aa5rKE;EAEE,WRfO;AL4sKX;Aa1rKE;EAEE,cRtBQ;EQuBR;Ab2rKJ;AOxjKE;EACE;EACA;EAGE;APwjKN;AkEziKI;EAEE;AlE0iKN;AOhkKE;EACE;EACA;APkkKJ;AkEziKI;EACE;EACA;EACA;AlE2iKN;AkExiKI;EACE;AlE0iKN;AkExiKM;EACE;EACA;EACA;AlE0iKR;;AkEpiKA;AAEA;EACE,uB7DhMM;E6DiMN,Y7DrMM;AL2uKR;AEvmKE;EAGE;AFumKJ;AS3rKI;EPiFF;IAYM;EFkmKN;AACF;AShsKI;EPiFF;IAmBM;EFgmKN;AACF;AEpnKE;EAGE;AFonKJ;ASxsKI;EPiFF;IAYM;EF+mKN;AACF;AS7sKI;EPiFF;IAmBM;EF6mKN;AACF;AkExjKE;EACE;AlE0jKJ;AkEvjKE;ErD5KA,cR7BW;EQ8BX;AbsuKF;AapuKE;EAEE,cRlCS;ALuwKb;AaluKE;EAEE,cR9CQ;EQ+CR;AbmuKJ;AO/nKE;EACE;EACA;EAGE;AP+nKN;AOpoKE;EACE;EACA;EAGE;APooKN;;AkEvkKA;EACE;EACA;AlE0kKF;AEtuKE;EACE;EACA;EACA;AFwuKJ;ASpvKI;EPSF;IAMI,UgEyJsB;ElEglK1B;AACF;ASzvKI;EPSF;IAUI,UgEqJ2B;ElEqlK/B;AACF;AS9vKI;EPSF;IAcI,UgEiJgC;ElE0lKpC;AACF;ASnwKI;EPSF;IAkBI;EF4uKJ;AACF;AEvrKE;EAGE;AFurKJ;AS3wKI;EPiFF;IAYM;EFkrKN;AACF;AShxKI;EPiFF;IAmBM;EFgrKN;AACF;AEpsKE;EAGE;AFosKJ;ASxxKI;EPiFF;IAYM;EF+rKN;AACF;AS7xKI;EPiFF;IAmBM;EF6rKN;AACF;ASlyKI;EyDmKJ;IAUI;ElEynKF;AACF;ASvyKI;EyDmKJ;IAcI;ElE0nKF;AACF;AkExnKE;EACE;AlE0nKJ;;AkEtnKA;E3DvOE;EACA;EACA;APi2KF;ASrzKI;EyDyLJ;IAII;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;ElE4nKF;AACF;ASl0KI;EyDyLJ;IAgBI;IACA;IACA;ElE6nKF;AACF;ASz0KI;EyDyLJ;IAsBI;IACA;IACA;ElE8nKF;AACF;;AkE3nKA;EACE;EACA;AlE8nKF;;AkE3nKA;AAEA;EACE,yB7D7QS;E6D8QT,Y7DjRM;AL84KR;AE1wKE;EAGE;AF0wKJ;AS91KI;EPiFF;IAYM;EFqwKN;AACF;ASn2KI;EPiFF;IAmBM;EFmwKN;AACF;AEvxKE;EAGE;AFuxKJ;AS32KI;EPiFF;IAYM;EFkxKN;AACF;ASh3KI;EPiFF;IAmBM;EFgxKN;AACF;AkE9oKE;ErDrPA,cR7BW;EQ8BX;Abs4KF;Aap4KE;EAEE,cRlCS;ALu6Kb;Aal4KE;EAEE,cR9CQ;EQ+CR;Abm4KJ;AO/xKE;EACE;EACA;EAGE;AP+xKN;AOpyKE;EACE;EACA;EAGE;APoyKN;;AkE9pKA;EACE;EACA;AlEiqKF;AkE/pKE;E3D9RA;EACA;EACA;E2D+RE;AlEkqKJ;AkE/pKE;EACE;AlEiqKJ;AkE9pKE;EACE;EACA;AlEgqKJ;AS55KI;EyD0PF;IAKI;ElEiqKJ;AACF;;AmEj+KA;;;;;;;EAAA;AASA;AACA;EACE;AnEm+KF;;AmEh+KA;EAUE;EAgFA;EAqBA;EAoFA;EAgDA;EAgCA;EA4BA;AnE2rKF;AmE/9KE;EACE;EACA;AnEi+KJ;AmE/9KI;EACE;AnEi+KN;AmE99KI;EACE,uB9DrBE;E8DsBF;EACA;AnEg+KN;AmE99KM;EACE,uB9D1BA;E8D2BA;EACA;EACA;EACA;EACA;AnEg+KR;AmE99KQ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AnEg+KV;AmE99KU;EACE,c9DtCA;E8DuCA;EACA;AnEg+KZ;AmE79KU;EACE;EACA;AnE+9KZ;AmE59KU;EACE;EACA;AnE89KZ;AmE39KU;EACE,uB9D/DJ;E8DgEI,c9D7DD;E8D8DC;EACA;EACA;EACA;EACA;EACA;AnE69KZ;AmE39KY;EACE,yB9DhEF;E8DiEE,Y9D1EN;ALuiLR;AmEr9KE;EACE;AnEu9KJ;AmE78KE;E5DCA,yBFpGU;EEqGV,YF/FM;AL8iLR;AO15KE;;;EACE;EACA;AP85KJ;AmE58KE;EAEE;EACA;EACA;EACA;AnE68KJ;AmEx8KE;EACE;EACA;EACA;EACA;EACA;EACA,mBAtHmB;AnEgkLvB;AmEx8KI;EACE;AnE08KN;AmEr8KM;EACE;AnEu8KR;AmEp8KM;EACE;AnEs8KR;AmEh8KI;EACE;EACA;AnEk8KN;AmEh8KM;EACE;AnEk8KR;AmE/7KM;EACE;AnEi8KR;ASliLI;E0DqGI;IACE;EnEg8KR;EmE77KM;IACE;EnE+7KR;AACF;AS1iLI;E0DiHE;IACE;EnE47KN;AACF;AmEz7KI;EACE,2BlE1IgB;EkE2IhB,8BlE3IgB;EkE4IhB;EACA,8BlE7IgB;ADwkLtB;AmEz7KM;EACE,2BlEjJqB;EkEkJrB;EACA;AnE27KR;AmEv7KI;EACE,2BlEhJgB;EkEiJhB,8BlEjJgB;EkEkJhB;EACA,8BlEnJgB;AD4kLtB;AmEv7KM;EACE,2BlEvJqB;EkEwJrB;EACA;AnEy7KR;AmEl7KE;EACE;AnEo7KJ;AmEl7KI;EACE;AnEo7KN;AmEj7KI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EtD5IJ,YRxEM;EQyEN;AbgkLF;Aa9jLE;EAEE,YR7EI;AL4oLR;Aa5jLE;EAEE,cR3EQ;EQ4ER;Ab6jLJ;AO5/KE;EACE;EACA;EAGE;AP4/KN;AOjgLE;EACE;EACA;EAGE;APigLN;AmEl8KM;EACE;AnEo8KR;AmEj8KM;EACE;AnEm8KR;AmE/7KI;EACE;EACA;EACA;EACA;AnEi8KN;AOlhLE;EACE;EACA;APohLJ;ASvnLI;E0D8KA;IASI;EnEo8KN;AACF;AmEl8KM;EACE;EACA;AnEo8KR;AShoLI;E0DqMF;IAGI;IACA;EnE47KJ;AACF;AmEl7KI;EACE;AnEo7KN;AmEl7KM;EAKE;AnEg7KR;AmEz6KE;EAEE;EACA;AnE06KJ;AShpLI;E0DmOF;IASI;IACA,eA1RgB;IA2RhB;IACA;EnEw6KJ;AACF;ASxpLI;E0DmOF;IAgBI;IACA;EnEy6KJ;AACF;AS9pLI;E0DmOF;IAqBI;IACA;EnE06KJ;AACF;AmEr6KE;EACE,sB9DvTO;AL8tLX;AE7gLE;EAIE,sBAHc;AF+gLlB;AS1qLI;EP0JF;IAUI;EF0gLJ;AACF;AS/qLI;EP0JF;IAuBI,4DANU;EFwgLd;AACF;ASprLI;E0D+PF;IASI;EnEg7KJ;AACF;AmE96KI;EACE;AnEg7KN;AS5rLI;E0D+PF;IAkBI,kC9DvSc;ELstLlB;EmE76KI;IACE;IACA,YAhUgB;IAiUhB;IACA,sB9D9UG;EL6vLT;AACF;;AoEvwLA;;;EAAA;AAKA;EACE;ApEywLF;;AoEtwLA;;;EAGE;ApEywLF;;AOpnLE;EACE;EACA;APunLJ;;AoEtwLA;EACE;EACA;EACA;EACA,uB/DXM;E+DYN,Y/DZM;E+DaN;ApEywLF;;AoEtwLA;EACE;EACA,c/DxBU;ALiyLZ;;AoEtwLA;E7DsFE;EACA;EACA,gBLlHU;EKmHV;APorLF;AOlrLE;EACE;APorLJ;;AoE3wLA;EACE;EACA;ApE8wLF;;AoEzwLA;AAEA;EACE;EACA;EACA;ApE2wLF;;AoExwLA;EACE;EACA;EACA;ApE2wLF;;AO5zLE;EACE;EACA;EACA;AP+zLJ;AEhnLE;EAIE,qBAHc;AFknLlB;AS7wLI;EP0JF;IAUI;EF6mLJ;AACF;ASlxLI;EP0JF;IAuBI,2DANU;EF2mLd;AACF;AE7nLE;EAIE,oBAHc;AF+nLlB;AS1xLI;EP0JF;IAUI;EF0nLJ;AACF;AS/xLI;EP0JF;IAuBI,0DANU;EFwnLd;AACF;AoEnyLE;EACE,iBlEtDQ;EkEuDR;ApEqyLJ;AoEjyLE;EAEE;EACA;ApEkyLJ;AS5yLI;EP0JF;IAIE,qBAHc;EFqpLhB;AACF;ASjzLI;EP0JF;IAUI;EFipLJ;AACF;AStzLI;EP0JF;IAuBI,2DANU;EF+oLd;AACF;AS3zLI;EP0JF;IAIE,oBAHc;EFoqLhB;AACF;ASh0LI;EP0JF;IAUI;EFgqLJ;AACF;ASr0LI;EP0JF;IAuBI,0DANU;EF8pLd;AACF;AS10LI;E2DgBE;IACE;EpE6zLN;AACF;;AOv4LE;EACE;EACA;EACA;AP04LJ;AEpwLE;EAGE;AFowLJ;ASx1LI;EPiFF;IAYM;EF+vLN;AACF;AS71LI;EPiFF;IAmBM;EF6vLN;AACF;AExsLE;EAIE,oBAHc;AF0sLlB;ASr2LI;EP0JF;IAUI;EFqsLJ;AACF;AS12LI;EP0JF;IAuBI,gFAHY;EFgsLhB;AACF;;AOv6LE;EACE;EACA;EACA;AP06LJ;AE3tLE;EAIE,qBAHc;AF6tLlB;ASx3LI;EP0JF;IAUI;EFwtLJ;AACF;AS73LI;EP0JF;IAuBI,iFAHY;EFmtLhB;AACF;AEjzLE;EAGE;AFizLJ;ASr4LI;EPiFF;IAYM;EF4yLN;AACF;AS14LI;EPiFF;IAmBM;EF0yLN;AACF;;AoE32LA;;EAEE;EACA;EACA;ApE82LF;;AqEt9LA;;;EAAA;AAKA;AAEA;EAEE;ArEs9LF;;AEt5LE;EACE;EACA;EACA;AFy5LJ;ASr6LI;EPSF;IAMI,WmE9DwB;ErEw9L5B;AACF;AS16LI;EPSF;IAUI,UmElE8B;ErE69LlC;AACF;AS/6LI;EPSF;IAcI,UmEtEmC;ErEk+LvC;AACF;ASp7LI;EPSF;IAkBI;IAUE;EFo5LN;AACF;AEhyLE;EAIE,sBAHc;AFkyLlB;AS77LI;EP0JF;IAUI;EF6xLJ;AACF;ASl8LI;EP0JF;IAuBI,4DANU;EF2xLd;AACF;AqEn/LI;EACE;ArEq/LN;AS18LI;E4DhDF;IASI;ErEq/LJ;EEpzLA;IAIE,oBAHc;EFszLhB;AACF;ASl9LI;EP0JF;IAUI;EFkzLJ;AACF;ASv9LI;EP0JF;IAuBI,gFAHY;EF6yLhB;AACF;AS59LI;EPiFF;IAGE;EF44LF;AACF;ASj+LI;EPiFF;IAYM;EFw4LN;AACF;ASt+LI;EPiFF;IAmBM;EFs4LN;AACF;AEl+LE;EACE;EACA;EACA;AFo+LJ;ASh/LI;EPSF;IAMI,WmE7CwB;ErEkhM5B;AACF;ASr/LI;EPSF;IAUI,UmEjD8B;ErEuhMlC;AACF;AS1/LI;EPSF;IAcI,UmErDmC;ErE4hMvC;AACF;AS//LI;EPSF;IAkBI;IAUE;EF+9LN;AACF;ASrgMI;EP0JF;IAIE,qBAHc;EF82LhB;AACF;AS1gMI;EP0JF;IAUI;EF02LJ;AACF;AS/gMI;EP0JF;IAuBI,iFAHY;EFq2LhB;AACF;ASphMI;EPiFF;IAGE;EFo8LF;AACF;ASzhMI;EPiFF;IAYM;EFg8LN;AACF;AS9hMI;EPiFF;IAmBM;EF87LN;AACF;ASniMI;E4DvBE;IACE;ErE6jMN;EqE3jMM;IACE;ErE6jMR;AACF;;AqEtjME;EAEE;ArEwjMJ;;AqEpjMA;AAEA;EACE,gBpE7CM;EoE8CN;ArEsjMF;;AqEljMA;EACE;ArEqjMF;;AsEznMA;;;;;;;;;;;;;;;;;;EAAA;AAsBA;EACE;AtEynMF;AOxoME;EACE;EACA;EACA;AP0oMJ;ASrlMI;E6D1CJ;IAMI,yBjEdQ;EL2oMV;AACF;AsE3nME;EACE;EACA;EACA;AtE6nMJ;AsEznME;EACE;EACA;EACA;EACA;EACA;EACA,iBpEhCQ;EoEiCR;AtE2nMJ;AsEznMI;;;;;EAGE;AtE6nMN;AS/mMI;EPiFF;IAGE;EF+hMF;AACF;ASpnMI;EPiFF;IAYM;EF2hMN;AACF;ASznMI;EPiFF;IAmBM;EFyhMN;AACF;AS9nMI;EPiFF;IAGE;EF8iMF;AACF;ASnoMI;EPiFF;IAYM;EF0iMN;AACF;ASxoMI;EPiFF;IAmBM;EFwiMN;AACF;AS7oMI;EPiFF;IAGE;EF6jMF;AACF;ASlpMI;EPiFF;IAYM;EFyjMN;AACF;ASvpMI;EPiFF;IAmBM;EFujMN;AACF;AS5pMI;E6DHA;IACE;IACA;EtEkqMJ;EsE/pME;;;IAEE,gBAhDmB;EtEktMvB;EsE/pME;IACE;IACA;IACA;EtEiqMJ;EE1lMA;;;IAGE;EF4lMF;AACF;ASjrMI;EPiFF;;;IAYM;EF0lMN;AACF;ASxrMI;EPiFF;;;IAmBM;EF0lMN;AACF;AS/rMI;EPiFF;;;IAGE;EFinMF;AACF;AStsMI;EPiFF;;;IAYM;EF+mMN;AACF;AS7sMI;EPiFF;;;IAmBM;EF+mMN;AACF;ASptMI;EPiFF;;;IAGE;EFsoMF;AACF;AS3tMI;EPiFF;;;IAYM;EFooMN;AACF;ASluMI;EPiFF;;;IAmBM;EFooMN;AACF;ASzuMI;EPiFF;IAGE;EFypMF;AACF;AS9uMI;EPiFF;IAYM;EFqpMN;AACF;ASnvMI;EPiFF;IAmBM;EFmpMN;AACF;ASxvMI;EPiFF;IAGE;EFwqMF;AACF;AS7vMI;EPiFF;IAYM;EFoqMN;AACF;ASlwMI;EPiFF;IAmBM;EFkqMN;AACF;ASvwMI;EPiFF;IAGE;EFurMF;AACF;AS5wMI;EPiFF;IAYM;EFmrMN;AACF;ASjxMI;EPiFF;IAmBM;EFirMN;AACF;AStxMI;E6D6BA;IACE;EtE4vMJ;AACF;AS3xMI;E6D0CE;;;IAEE;EtEqvMN;EsElvMI;IACE;EtEovMN;AACF;ASryMI;E6DuDE;;;IAEE;EtEkvMN;EsE/uMI;IACE;EtEivMN;AACF;AS/yMI;E6DoEE;IACE;EtE8uMN;EsE3uMI;IACE;EtE6uMN;EsE1uMI;IACE;EtE4uMN;AACF;AS1zMI;E6D2FE;IACE;EtEkuMN;EsE/tMI;IACE;EtEiuMN;EsE5tMI;IACE;EtE8tMN;EsE3tMI;IACE;EtE6tMN;AACF;ASx0MI;E6DkHI;IACE;EtEytMR;EsEttMM;IACE;IACA,gBApKe;EtE43MvB;EsEntMM;IACE;EtEqtMR;EsEltMM;IACE;IACA;EtEotMR;EsEltMQ;IACE;EtEotMV;EsE5sMM;IACE;EtE8sMR;AACF;AS91MI;E6D8JE;IACE;EtEmsMN;EsEjsMM;IACE;EtEmsMR;EsE7rMI;IACE;EtE+rMN;EsE5rMI;IACE;IACA,gBA1NiB;EtEw5MvB;EsE5rMM;IACE;EtE8rMR;EsExrMI;IACE;EtE0rMN;AACF;ASn3MI;E6DgME;IACE;EtEsrMN;EsEprMM;IACE;EtEsrMR;AACF;AS33MI;E6DgNE;;;;;;;IAEE;EtEmrMN;EsEhrMI;;;IACE;EtEorMN;AACF;AS34MI;E6D8NE;;;;;;;IAEE;EtEqrMN;EsElrMI;;;IACE;EtEsrMN;AACF;;AuE39MA;;;;;EAAA;A9DgEI;E8DzDJ;IAEI;EvE69MF;AACF;;AuEz9MA;EACE;EACA;AvE49MF;AuE19ME;EACE;AvE49MJ;;AuEx9MA;AACA;EACE;AvE29MF;;AuEx9MA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,mDACE;EAGF;;;;;IAAA;AvE69MF;ASr8MI;E8DpCJ;IAoBI;IACA;EvEy9MF;AACF;;AuEt9MA;EACE;AvEy9MF;;AuEt9MA;EACE;AvEy9MF;;AwExgNE;EACE,yBARO;EASP;EACA;EACA;EACA;EACA;AxE2gNJ;AwEzgNI;EACE;EACA;AxE2gNN;AwEzgNM;EAEE;AxE0gNR;AwEtgNI;EACE;EACA;AxEwgNN;;AwE5hNE;EACE,yBARO;EASP;EACA;EACA;EACA;EACA;AxE+hNJ;AwE7hNI;EACE;EACA;AxE+hNN;AwE7hNM;EAEE;AxE8hNR;AwE1hNI;EACE;EACA;AxE4hNN;;AwEhjNE;EACE,yBARO;EASP;EACA;EACA;EACA;EACA;AxEmjNJ;AwEjjNI;EACE;EACA;AxEmjNN;AwEjjNM;EAEE;AxEkjNR;AwE9iNI;EACE;EACA;AxEgjNN;;AyE/kNA;;;;;EAAA;AAMA;EACE;EACA,uBpEKM;AL6kNR;AS1hNI;EgE1DJ;IAKI;EzEmlNF;AACF;AS/hNI;EgElDF;IAEI;IACA;IACA;EzEmlNJ;AACF;AStiNI;EgElDF;IAQI;IACA;IACA;EzEolNJ;AACF;AyEjlNE;EACE,yBpEHI;ALslNR;AShjNI;EgEpCF;IAII;IACA;EzEolNJ;AACF;AyEjlNE;EACE;AzEmlNJ;AyEhlNE;EACE;EACA;AzEklNJ;AS7jNI;EgEvBF;IAKI;EzEmlNJ;AACF;AyEhlNE;EACE;EACA;EACA;AzEklNJ;ASvkNI;EgEdF;IAMI;EzEmlNJ;AACF;AyEhlNE;EACE;EACA;AzEklNJ;AyE/kNE;EACE;AzEilNJ;AyE9kNE;EACE;AzEglNJ;AyE7kNE;;EAEE;EACA;EACA;AzE+kNJ;AyE5kNE;EACE,cpE3DQ;EoE4DR;EACA;EACA;EACA;AzE8kNJ;;A0EnqNA;;;;CAAA;AAMA;EAIE;A1EkqNF;A0EhqNE;EACE;EACA;EACA;A1EkqNJ;A0E/pNE;EACE;A1EiqNJ;A0E/pNI;EACE;EACA;EACA;EACA,yBrECE;EqEAF,YrEbE;EqEcF;EACA;EACA;EACA;A1EiqNN;A0E5pNI;EACE;A1E8pNN;A0EzpNI;EACE;A1E2pNN;AE5nNE;EACE;EACA;EACA;AF8nNJ;AS1oNI;EPSF;IAMI,WwEhCwB;E1E+pN5B;AACF;AS/oNI;EPSF;IAUI,UwEpC8B;E1EoqNlC;AACF;ASppNI;EPSF;IAcI,UwExCmC;E1EyqNvC;AACF;ASzpNI;EPSF;IAkBI;IAUE;EFynNN;AACF;A0E9qNI;EACE;A1EgrNN;ASlqNI;EiElBF;IAQI;IACA;IACA;IACA;E1EgrNJ;AACF;AEjqNE;EACE;EACA;EACA;AFmqNJ;AS/qNI;EPSF;IAMI,WwEjBwB;E1EqrN5B;AACF;ASprNI;EPSF;IAUI,UwErB8B;E1E0rNlC;AACF;ASzrNI;EPSF;IAcI,UwEzBmC;E1E+rNvC;AACF;AS9rNI;EPSF;IAkBI;IAUE;EF8pNN;AACF;ASpsNI;EPiFF;IAGE;EFonNF;AACF;ASzsNI;EPiFF;IAYM;EFgnNN;AACF;AS9sNI;EPiFF;IAmBM;EF8mNN;AACF;;AOvmNE;;;;;;EAME;EACA;AP0mNJ;AOvmNE;EApFA;EACA;EACA;EACA;EACA;EACA;AP8rNF;AO3mNE;;EAEE;EACA;EACA;EACA;EACA;AP6mNJ;AO1mNE;EACE;EACA;EACA;AP4mNJ;AOzmNE;EACE;AP2mNJ;AOxmNE;EACE;AP0mNJ;AOvmNE;EACE;EACA;EACA;EACA;EACA;APymNJ;AOtmNE;EACE;EACA;APwmNJ;ASnwNI;EF+JA;IACE;IACA;EPumNJ;EOpmNE;IACE;IACA;EPsmNJ;AACF;AS7wNI;EF2KA;IACE;EPqmNJ;EOlmNE;IACE;EPomNJ;AACF;ASrxNI;EFqLA;IACE;EPmmNJ;EOhmNE;IACE;EPkmNJ;AACF;A2Ez1NI;EACE;A3E21NN;A2Ex1NI;EACE;A3E01NN;A2Ev1NI;EACE;A3Ey1NN;;A4Et2NA;;;EAAA;AAYA;AAOE;EACE;EACA;EACA;A5E21NJ;A4Ez1NI;EACE;EACA;EACA;A5E21NN;A4Ez1NM;EACE;A5E21NR;A4Ev1NI;EACE;EACA,iB1EzBQ;AFk3Nd;A4Et1NI;;;;;EAEE;A5E21NN;;A4Et1NA;EACE;EACA;EACA;EACA;A5Ey1NF;AS30NI;EmElBJ;IAOI;E5E01NF;AACF;A4Ex1NE;EACE;EACA;A5E01NJ;A4Ev1NE;EACE;EACA;EACA;A5Ey1NJ;ASz1NI;EmEHF;IAMI;E5E01NJ;AACF;;AS91NI;EPiFF;IAGE;EF+wNF;AACF;ASp2NI;EPiFF;IAYM;EF2wNN;AACF;ASz2NI;EPiFF;IAmBM;EFywNN;AACF;A4Eh2NA;EACE,cvExEU;EuEyEV;EACA;EACA;EACA;EACA;A5Ek2NF;;A4E/1NA;EACE;EACA;EACA;EACA;A5Ek2NF;AS73NI;EmEuBJ;IAOI;E5Em2NF;AACF;;A4Eh2NA;AAEA;EAEE;A5Ei2NF;A4E91NE;EAEE;EACA;EACA;EACA;A5E+1NJ;AsBj8NE;EACE,sBjBJO;EiBKP,YARO;EASP;EACA,YjBHI;EiBIJ;EACA,gBATU;EAUV;EACA,aAZQ;EAaR,cAdQ;EAeR,mBAZY;EAaZ;EACA;EACA;EACA;AtBm8NJ;AsBh8NE;EACE,YjBjBI;ALm9NR;AsB/7NE;EACE;EACA,YjBtBI;ALu9NR;AOn0NE;EACE;EACA;APq0NJ;AOv0NE;EACE;EACA;APy0NJ;AO30NE;EACE;EACA;EAGE;AP20NN;A4E53NI;EACE;EACA;A5E83NN;A4Ez3NI;EACE;A5E23NN;A4Ex3NI;EACE;A5E03NN;AS37NI;EmEgEA;IAII;E5E23NN;AACF;ASh8NI;EmEgEA;IAQI;E5E43NN;AACF;A4E13NM;EACE;EACA,uBvEhIA;EuEiIA;EACA;A5E43NR;A4Ez3NM;EACE;A5E23NR;A4Ex3NM;EACE;A5E03NR;A4Ev3NM;EACE;A5Ey3NR;A4Et3NM;EACE;A5Ew3NR;A4Er3NM;EACE;A5Eu3NR;A4Ep3NM;EACE;A5Es3NR;A4En3NM;EACE;A5Eq3NR;A4En3NQ;EACE;EACA;EACA;EACA;EACA;A5Eq3NV;A4El3NQ;EACE;EACA;A5Eo3NV;A4Ej3NQ;EACE;A5Em3NV;A4E72NE;EACE;A5E+2NJ;A4E72NI;EACE;A5E+2NN;A4Et2NI;EACE;A5Ew2NN;AE9+NE;EACE;EACA;EACA;AFg/NJ;AS5/NI;EPSF;IAMI,W0EiI0B;E5Eg3N9B;AACF;ASjgOI;EPSF;IAUI,U0E6HgC;E5Eq3NpC;AACF;AStgOI;EPSF;IAcI,U0EyHqC;E5E03NzC;AACF;AS3gOI;EPSF;IAkBI;IAUE;EF2+NN;AACF;AEv3NE;EAIE,sBAHc;AFy3NlB;ASphOI;EP0JF;IAUI;EFo3NJ;AACF;ASzhOI;EP0JF;IAuBI,4DANU;EFk3Nd;AACF;AS9hOI;EmE8IA;IAMI;E5E84NN;EEx4NA;IAIE,oBAHc;EF04NhB;AACF;AStiOI;EP0JF;IAUI;EFs4NJ;AACF;AS3iOI;EP0JF;IAuBI,gFAHY;EFi4NhB;AACF;AShjOI;EPiFF;IAGE;EFg+NF;AACF;ASrjOI;EPiFF;IAYM;EF49NN;AACF;AS1jOI;EPiFF;IAmBM;EF09NN;AACF;AEtjOE;EACE;EACA;EACA;AFwjOJ;ASpkOI;EPSF;IAMI,W0EgJ0B;E5Ey6N9B;AACF;ASzkOI;EPSF;IAUI,U0E4IgC;E5E86NpC;AACF;AS9kOI;EPSF;IAcI,U0EwIqC;E5Em7NzC;AACF;ASnlOI;EPSF;IAkBI;IAUE;EFmjON;AACF;A4Ex7NM;EACE;A5E07NR;AS5lOI;EP0JF;IAIE,qBAHc;EFq8NhB;AACF;ASjmOI;EP0JF;IAUI;EFi8NJ;AACF;AStmOI;EP0JF;IAuBI,iFAHY;EF47NhB;AACF;AS3mOI;EPiFF;IAGE;EF2hOF;AACF;AShnOI;EPiFF;IAYM;EFuhON;AACF;ASrnOI;EPiFF;IAmBM;EFqhON;AACF;AS1nOI;EmE0KI;IACE;E5Em9NR;E4Ej9NQ;IACE;E5Em9NV;AACF;A4E78NE;EACE;A5E+8NJ;;A4E38NA;AACA;EAEE;A5E68NF;A4E18NE;EACE;EACA;A5E48NJ;A4Ez8NE;ErEnPA;EACA;EACA;EqEoPE;EACA;EACA;A5E48NJ;A4E18NI;EACE;EACA;EACA;A5E48NN;AS3pOI;EmE4MA;IAMI;E5E68NN;AACF;AShqOI;EmE4MA;IAUI;E5E88NN;AACF;ASrqOI;EmE4MA;IAcI;IACA;E5E+8NN;AACF;A4E78NM;EACE;A5E+8NR;A4E58NM;ErE/JJ;EqEkKM,yBvEjQQ;EuEkQR;EACA;EACA;EACA;EACA;EACA;A5E68NR;ASxrOI;EmEkOE;IAYI;E5E88NR;AACF;A4E58NQ;E/D/IN,cR3JU;ALyvOZ;Aa5lOE;EAEE,cR/JQ;AL4vOZ;Aa1lOE;EAEE,WRlKO;EQmKP;Ab2lOJ;AOtmOE;EACE;EACA;EAGE;APsmON;AO3mOE;EACE;EACA;EAGE;AP2mON;AOhnOE;EACE;EACA;EAGE;APgnON;A4Ej+NQ;EACE;EACA;A5Em+NV;A4Eh+NQ;EACE;EACA;EACA;A5Ek+NV;A4E99NM;EACE,cvE5SI;AL4wOZ;A4E79NM;EACE,cvEpSD;ALmwOP;A4E59NM;EACE,cvErTK;ALmxOb;A4E39NM;EACE,cvElTM;AL+wOd;A4E19NM;EACE,cvEvTO;ALmxOf;A4Ez9NM;EACE,cvE/TF;AL0xON,C","sources":["webpack://theme-preprocess/./components/style.scss","webpack://theme-preprocess/./components/00-particles/_01-variables.scss","webpack://theme-preprocess/./components/00-particles/_02-responsiveness.scss","webpack://theme-preprocess/./components/00-particles/_font-chronicle.scss","webpack://theme-preprocess/./components/00-particles/_old_breakpoints.scss","webpack://theme-preprocess/./components/00-particles/global/01-colors/_color-vars.scss","webpack://theme-preprocess/./components/00-particles/global/02-animations/_animation.scss","webpack://theme-preprocess/./components/00-particles/_00-mixins.scss","webpack://theme-preprocess/./components/00-particles/layouts/grid/_01-grid-item.scss","webpack://theme-preprocess/./node_modules/breakpoint-sass/stylesheets/_breakpoint.scss","webpack://theme-preprocess/./components/00-particles/layouts/grid/_grid-item-divider.scss","webpack://theme-preprocess/./components/00-particles/layouts/grid/_grid.scss","webpack://theme-preprocess/./components/01-elements/_field-wysiwyg.scss","webpack://theme-preprocess/./components/01-elements/01-links/link/_link.scss","webpack://theme-preprocess/./components/01-elements/02-text/00-headings/_headings.scss","webpack://theme-preprocess/./components/01-elements/02-text/text/_text.scss","webpack://theme-preprocess/./components/01-elements/03-lists/_lists.scss","webpack://theme-preprocess/./components/01-elements/04-images/00-image/_image.scss","webpack://theme-preprocess/./components/01-elements/05-forms/checkbox/_checkbox.scss","webpack://theme-preprocess/./components/01-elements/05-forms/radio/_radio.scss","webpack://theme-preprocess/./components/01-elements/05-forms/select/_select.scss","webpack://theme-preprocess/./components/01-elements/05-forms/textfields/_textfields.scss","webpack://theme-preprocess/./components/01-elements/06-buttons/_buttons.scss","webpack://theme-preprocess/./components/01-elements/07-tables/_tables.scss","webpack://theme-preprocess/./components/01-elements/08-video/_video.scss","webpack://theme-preprocess/./components/01-elements/09-menu/_subtitle.scss","webpack://theme-preprocess/./components/01-elements/09-menu/tab/_tab.scss","webpack://theme-preprocess/./components/01-elements/10-comments/_system-status_comment.scss","webpack://theme-preprocess/./components/01-elements/11-tags/_tags.scss","webpack://theme-preprocess/./components/02-compounds/card-grid/_card-grid.scss","webpack://theme-preprocess/./components/02-compounds/card/_card.scss","webpack://theme-preprocess/./components/02-compounds/ckeditor5/ckeditor5.scss","webpack://theme-preprocess/./components/02-compounds/department/_department.scss","webpack://theme-preprocess/./components/02-compounds/footer-hours/_footer_hours.scss","webpack://theme-preprocess/./components/02-compounds/homepage-elements/_news-item.scss","webpack://theme-preprocess/./components/02-compounds/lits-hours/_lits-hours-month.scss","webpack://theme-preprocess/./components/02-compounds/lits-hours/_lits-hours-week.scss","webpack://theme-preprocess/./components/02-compounds/lits-search-form/_course-reserves-form.scss","webpack://theme-preprocess/./components/02-compounds/lits-search-form/_lits-search-forms.scss","webpack://theme-preprocess/./components/02-compounds/lits-search-form/_unified-search-form.scss","webpack://theme-preprocess/./components/02-compounds/lits-search-result/_lits-search-result.scss","webpack://theme-preprocess/./components/02-compounds/lits-search/_google-json-api-search.scss","webpack://theme-preprocess/./components/02-compounds/location-teaser/_location-teaser.scss","webpack://theme-preprocess/./components/02-compounds/location/_location-page-content.scss","webpack://theme-preprocess/./components/02-compounds/logobar-branding/_logobar_branding.scss","webpack://theme-preprocess/./components/02-compounds/main-menu/_00-main-menu.scss","webpack://theme-preprocess/./components/02-compounds/main-menu/_01-main-menu-item.scss","webpack://theme-preprocess/./components/02-compounds/main-menu/_02-main-menu-link.scss","webpack://theme-preprocess/./components/02-compounds/main-menu/_03-main-menu-toggle.scss","webpack://theme-preprocess/./components/02-compounds/menus/breadcrumbs/_breadcrumbs.scss","webpack://theme-preprocess/./components/02-compounds/menus/inline-menu/_inline-menu.scss","webpack://theme-preprocess/./components/02-compounds/menus/sidebar/_sidebar-nav.scss","webpack://theme-preprocess/./components/02-compounds/menus/tabs/_tabs.scss","webpack://theme-preprocess/./components/02-compounds/menus/topbar/_00-topbar-menu.scss","webpack://theme-preprocess/./components/02-compounds/menus/topbar/_01-topbar-menu-item.scss","webpack://theme-preprocess/./components/02-compounds/menus/topbar/_02-topbar-menu-link.scss","webpack://theme-preprocess/./components/02-compounds/pager/_pager.scss","webpack://theme-preprocess/./components/02-compounds/paragraphs/accordion/_accordion.scss","webpack://theme-preprocess/./components/02-compounds/paragraphs/downloadable-image-gallery/_downloadable-image-gallery.scss","webpack://theme-preprocess/./components/02-compounds/paragraphs/image/_image.scss","webpack://theme-preprocess/./components/02-compounds/paragraphs/numbered-list/_numbered-list.scss","webpack://theme-preprocess/./components/02-compounds/paragraphs/system-status-group/_system-status.scss","webpack://theme-preprocess/./components/02-compounds/paragraphs/tab-group/_tab-group.scss","webpack://theme-preprocess/./components/02-compounds/person/_person-page-content.scss","webpack://theme-preprocess/./components/02-compounds/responsive-video/_field-video.scss","webpack://theme-preprocess/./components/02-compounds/service-desk-card/_service-desk-card.scss","webpack://theme-preprocess/./components/02-compounds/site/_footer.scss","webpack://theme-preprocess/./components/02-compounds/site/_header.scss","webpack://theme-preprocess/./components/02-compounds/site/_html.scss","webpack://theme-preprocess/./components/02-compounds/site/_page.scss","webpack://theme-preprocess/./components/02-compounds/site/_sidebar.scss","webpack://theme-preprocess/./components/02-compounds/site/_specific-pages.scss","webpack://theme-preprocess/./components/02-compounds/status/_status.scss","webpack://theme-preprocess/./components/02-compounds/study-space-details/_filter-form.scss","webpack://theme-preprocess/./components/02-compounds/study-space/_study-space-finder.scss","webpack://theme-preprocess/./components/02-compounds/system-status/_system-status-full.scss","webpack://theme-preprocess/./components/03-pages/lits-homepage/lits-homepage.scss"],"sourcesContent":["@charset \"UTF-8\";\n/**\n* Used to set the font size for \"LITS\" in logobar and to add whitespace to the MHC logos\n*/\n/**\n * @file\n * Variables, functions, and mixins to support responsiveness.\n */\n/* Breakpoints */\n/**\n * Standardized rate plus minimum size.\n *\n * @param number(size) $min-value\n * The minimum size at the zero point of linear-squish() function.\n * @param number(size) $width\n * Breakpoint to pass to linear-squish() function.\n * @return number(size)\n * Computed padding size.\n *\n * Calculation happens in CSS (not Sass), so any linear units are allowable.\n */\n/**\n * Padding size is proportional to viewport width.\n *\n * @param number(size) $width\n * The zero-point for expansion. Usually a breakpoint.\n * @return number(size)\n * Computed padding size.\n *\n * Calculation happens in CSS (not Sass), so any linear units are allowable.\n */\n/**\n * Convert rem to px for Sass calculation.\n *\n * @param number(rem) $rem\n * Value in rem to convert.\n * @return number(px)\n * Number of pixels corresponding to input.\n *\n * TODO: Is there a better place for helper functions?\n * TODO: Is 1rem => 16px explicitly specified anywhere?\n */\n/**\n * Assigns breakpoint-dependent values to flex-basis, and width 100% within.\n *\n * @param number(size) $small-basis\n * The flex-basis for breakpoint $small-width.\n * @param number(size) $medium-basis\n * The flex-basis for breakpoint $medium-width.\n * @param number(size) $large-basis\n * The flex-basis for breakpoint $large-width.\n *\n * Any valid size units for flex-basis are allowed.\n */\n/**\n * Smaller numbers mean faster expansion as viewport width increases.\n *\n * @return number(unitless)\n * Inverse rate of expansion.\n *\n * 6 => max padding 170px + min => max content width 1564px.\n * 5 => max padding 204px + min => max content width 1496px.\n * 4 => max padding 255px + min => max content width 1394px.\n */\n/**\n * Sets scalable viewport-dependent padding on one side of the element.\n *\n * @param unquoted-string $side\n * Which side to set padding for. Must be one of 'left' or 'right'.\n * @param number(unitless) $scale\n * Multiply all padding values (including max) by this. Useful for gutters\n * split between multiple elements, such as news items on the homepage.\n * @param number(rem) $max-padding\n * Do not set a padding higher than $scale times this value.\n */\n/**\n * Sets scalable viewport-dependent margin on one side of the element.\n *\n * @param unquoted-string $side\n * Which side to set margin for. Must be one of 'left' or 'right'.\n * @param number(unitless) $scale\n * Multiply all margin values (including max) by this. Useful for gutters\n * split between multiple elements, such as news items on the homepage.\n * @param number(rem) $max-margin\n * Do not set a margin higher than $scale times this value.\n */\n/**\n * Sets viewport-dependent padding on one side of the element.\n *\n * @param unquoted-string $side\n * Which side to set padding for. Must be one of 'left' or 'right'.\n * @param unquoted-string $type\n * Must be either:\n * - 'bare' (default): viewport larger than $max-width is handled elsewhere.\n * - 'stretch': extreme viewport size is handled on this element.\n */\n@font-face {\n font-family: \"chronicle-bold\";\n src: url(\"../fonts/chronicle/ChronicleTextG2-Bold-Pro.WOFF\") format(\"woff\");\n font-weight: normal;\n font-style: normal;\n}\n@font-face {\n font-family: \"chronicle-bold-italic\";\n src: url(\"../fonts/chronicle/ChronicleTextG2-BoldIta-Pro.WOFF\") format(\"woff\");\n font-weight: normal;\n font-style: normal;\n}\n@font-face {\n font-family: \"chronicle-italic\";\n src: url(\"../fonts/chronicle/ChronicleTextG2-Italic-Pro.WOFF\") format(\"woff\");\n font-weight: normal;\n font-style: normal;\n}\n@font-face {\n font-family: \"chronicle\";\n src: url(\"../fonts/chronicle/ChronicleTextG2-Roman-Pro.WOFF\") format(\"woff\");\n font-weight: normal;\n font-style: normal;\n}\n@font-face {\n font-family: \"chronicle-semibold\";\n src: url(\"../fonts/chronicle/ChronicleTextG2-Semibd-Pro.WOFF\") format(\"woff\");\n font-weight: normal;\n font-style: normal;\n}\n@font-face {\n font-family: \"chronicle-semibold-italic\";\n src: url(\"../fonts/chronicle/ChronicleTextG2-SemiIta-Pro.WOFF\") format(\"woff\");\n font-weight: normal;\n font-style: normal;\n}\n/**\n * Breakpoint Configuration\n * @see https://github.com/Team-Sass/breakpoint/wiki\n *\n */\n/**\n * @file\n * Color variables.\n */\n/* Primary colors */\n/* Background colors */\n/* Accent colors */\n/** new colors **/\n.animate-fade {\n -webkit-transition: opacity 0.3s ease-out;\n -moz-transition: opacity 0.3s ease-out;\n -ms-transition: opacity 0.3s ease-out;\n -o-transition: opacity 0.3s ease-out;\n transition: opacity 0.3s ease-out;\n}\n.animate-fade:hover {\n opacity: 0;\n}\n\n.animate-move > .demo-shape {\n -webkit-transition: all 0.8s ease-in-out;\n -moz-transition: all 0.8s ease-in-out;\n -ms-transition: all 0.8s ease-in-out;\n -o-transition: all 0.8s ease-in-out;\n transition: all 0.8s ease-in-out;\n}\n\n.grid__item {\n flex-grow: 1;\n margin-bottom: 1em;\n width: 100%;\n}\n@media (min-width: 48em) {\n .grid__item {\n margin: 0 3% 3% 0;\n width: auto;\n }\n}\n.grid__item:last-child {\n margin-right: 0;\n}\n.grid--columns-2 .grid__item {\n flex-grow: 1;\n margin-bottom: 1em;\n width: 100%;\n}\n@media (min-width: 48em) {\n .grid--columns-2 .grid__item {\n margin: 0 3% 3% 0;\n width: auto;\n }\n}\n.grid--columns-2 .grid__item:last-child {\n margin-right: 0;\n}\n@media (min-width: 48em) {\n .grid--columns-2 .grid__item {\n width: 48.2%;\n }\n .grid--columns-2 .grid__item:nth-child(2n) {\n margin-right: 0;\n }\n}\n.grid--columns-3 .grid__item {\n flex-grow: 1;\n margin-bottom: 1em;\n width: 100%;\n}\n@media (min-width: 48em) {\n .grid--columns-3 .grid__item {\n margin: 0 3% 3% 0;\n width: auto;\n }\n}\n.grid--columns-3 .grid__item:last-child {\n margin-right: 0;\n}\n@media (min-width: 48em) {\n .grid--columns-3 .grid__item {\n width: 31%;\n }\n .grid--columns-3 .grid__item:nth-child(3n) {\n margin-right: 0;\n }\n}\n.grid--pl .grid__item {\n background-color: rgba(0, 0, 0, 0.2);\n min-height: 100px;\n}\n\n.grid--divider .grid__item {\n flex-grow: 0;\n}\n@media (min-width: 48em) {\n .grid--divider .grid__item {\n margin-right: 3.5%;\n position: relative;\n }\n .grid--divider .grid__item::after {\n background-color: #ccc;\n content: \"\";\n display: block;\n height: 100%;\n position: absolute;\n top: 0;\n width: 1px;\n }\n}\n@media (min-width: 48em) {\n .grid--divider .grid__item:last-child {\n margin-right: 0;\n }\n}\n.grid--divider .grid__item:last-child::after {\n display: none;\n}\n.grid--divider.grid--columns-2 .grid__item {\n flex-grow: 0;\n}\n@media (min-width: 48em) {\n .grid--divider.grid--columns-2 .grid__item {\n margin-right: 3.5%;\n position: relative;\n }\n .grid--divider.grid--columns-2 .grid__item::after {\n background-color: #ccc;\n content: \"\";\n display: block;\n height: 100%;\n position: absolute;\n top: 0;\n width: 1px;\n }\n}\n.grid--divider.grid--columns-2 .grid__item::after {\n right: -3.5%;\n}\n.grid--divider.grid--columns-2 .grid__item:nth-child(2n) {\n margin-right: 0;\n}\n.grid--divider.grid--columns-2 .grid__item:nth-child(2n)::after {\n display: none;\n}\n@media (min-width: 48em) {\n .grid--divider.grid--columns-2 .grid__item:last-child {\n margin-right: 0;\n }\n}\n.grid--divider.grid--columns-2 .grid__item:last-child::after {\n display: none;\n}\n.grid--divider.grid--columns-3 .grid__item {\n flex-grow: 0;\n}\n@media (min-width: 48em) {\n .grid--divider.grid--columns-3 .grid__item {\n margin-right: 3.5%;\n position: relative;\n }\n .grid--divider.grid--columns-3 .grid__item::after {\n background-color: #ccc;\n content: \"\";\n display: block;\n height: 100%;\n position: absolute;\n top: 0;\n width: 1px;\n }\n}\n.grid--divider.grid--columns-3 .grid__item::after {\n right: -5.5%;\n}\n.grid--divider.grid--columns-3 .grid__item:nth-child(3n) {\n margin-right: 0;\n}\n.grid--divider.grid--columns-3 .grid__item:nth-child(3n)::after {\n display: none;\n}\n@media (min-width: 48em) {\n .grid--divider.grid--columns-3 .grid__item:last-child {\n margin-right: 0;\n }\n}\n.grid--divider.grid--columns-3 .grid__item:last-child::after {\n display: none;\n}\n\n.grid {\n display: flex;\n flex-wrap: wrap;\n}\n\n.text-long figure figcaption {\n padding: 0.5rem 1rem;\n background-color: #e2dfdd;\n}\n.text-long figure img {\n margin: 0;\n}\n\n/**\n * @file\n * Reusable styles for links.\n */\n/**\n * Standard links in running text on white background.\n *\n * Contrast ratios for $med-blue:\n * - $white => 4.65\n * - $pale-gray => 3.51 not sufficient for standard size text\n * - $charcoal => 3.49 acceptable as contrasting text\n *\n * Contrast ratios for $dark-blue:\n * - $white => 9.60\n * - $pale-gray => 7.23\n * - $charcoal => 1.81 not distinct at all\n */\n/**\n * Links on $black or $charcoal backgrounds should include or extend this.\n *\n * Contrast ratios for $light-blue:\n * - $black => 7.75\n * - $charcoal => 6.42\n * - $white => 2.71 not sufficiently distinct without underline\n *\n * Contrast ratios for $pale-gray:\n * - $black => 15.83\n * - $charcoal => 13.12\n * - $white => 1.33 not distinct at all\n */\n/**\n * Links on blue backgrounds should include or extend this.\n *\n * Most are obvious as navigation because of context; no underline necessary.\n *\n * Contrast ratios for $white:\n * - $dark-blue => 9.60\n * - $med-blue => 4.66\n *\n * Contrast ratios for $light-blue:\n * - $dark-blue => 3.54\n * - $med-blue => 1.72\n */\n/**\n * Link on Blue Background\n *\n * Used by:\n * - @compounds/location-teaser\n */\na {\n color: #07c;\n text-decoration: none;\n}\na:link, a:visited {\n color: #07c;\n}\na:active, a:hover {\n color: #004876;\n text-decoration: underline solid;\n}\na:focus {\n outline-offset: 2px;\n outline: 3px solid #004876;\n text-decoration: underline solid;\n}\n\n.bluebg a,\na.bluebg {\n color: white;\n text-decoration: none;\n}\n.bluebg a:link, .bluebg a:visited,\na.bluebg:link,\na.bluebg:visited {\n color: white;\n}\n.bluebg a:active, .bluebg a:hover,\na.bluebg:active,\na.bluebg:hover {\n color: #ccdae3;\n text-decoration: underline solid;\n}\n.bluebg a:focus,\na.bluebg:focus {\n outline-offset: 2px;\n outline: 3px solid white;\n text-decoration: underline solid;\n}\n.bluebg a svg:focus,\na.bluebg svg:focus {\n outline-offset: 2px;\n outline: 3px solid white;\n text-decoration: underline solid;\n}\n\n/**\n * Links on green backgrounds should include or extend this.\n *\n * Contrast ratios for $green background\n * $white => 4.66\n * $pale-gray => 3.51 not sufficient for standard size text\n */\n/**\n * Links on $pale-gray backgrounds should include or extend this.\n *\n * Contrast ratios for $pale-gray background\n * $dark-blue => 7.23\n * $med-gray => 3.51 not sufficient for standard size text\n */\n.h1, .ck-editor h1, .text-long h1, h1 {\n color: #1a1a1a;\n font-family: ars-maquette-web, sans-serif;\n font-weight: 700;\n font-style: normal;\n font-size: 2rem;\n line-height: 1.4;\n margin: 20px 0 0.5em;\n width: auto;\n}\n.h1__link {\n color: #07c;\n}\n.h1__link:hover {\n color: inherit;\n}\n\n.h2, .ck-editor h2,\n.ck-editor .ck-button.ck-heading_heading2, .text-long h2 {\n color: #1a1a1a;\n font-family: ars-maquette-web, sans-serif;\n font-weight: 700;\n font-style: normal;\n font-size: 1.8rem;\n line-height: 1.4;\n margin: 10px 0 0.5em;\n width: auto;\n}\n.h2__link {\n color: #07c;\n}\n.h2__link:hover {\n color: inherit;\n}\n\n.h3, .lits-location .location-content h3, .ck-editor h3,\n.ck-editor .ck-button.ck-heading_heading3, .text-long h3 {\n color: #5c7f1a;\n font-family: ars-maquette-web, sans-serif;\n font-weight: bold;\n font-style: normal;\n font-size: 1.4rem;\n line-height: 1.6;\n margin: 10px 0 0.5em;\n width: auto;\n}\n.h3__link {\n color: #07c;\n}\n.h3__link:hover {\n color: inherit;\n}\n\n.h4, .ck-editor h4,\n.ck-editor .ck-button.ck-heading_heading4, .text-long h4 {\n text-transform: uppercase;\n color: #6e6259;\n font-family: ars-maquette-web, sans-serif;\n font-weight: normal;\n font-style: normal;\n font-size: 1.2rem;\n line-height: 1.6;\n margin: 10px 0 0.5em;\n width: auto;\n}\n.h4__link {\n color: #07c;\n}\n.h4__link:hover {\n color: inherit;\n}\n\n.h5, .ck-editor h5,\n.ck-editor .ck-button.ck-heading_heading5, .text-long h5,\n.h6,\n.ck-editor h6,\n.ck-editor .ck-button.ck-heading_heading6,\n.text-long h6 {\n color: #6e6259;\n font-family: ars-maquette-web, sans-serif;\n font-weight: 600;\n font-style: normal;\n font-size: 1.1rem;\n line-height: 2;\n margin: 10px 0 0.5em;\n width: auto;\n}\n.h5__link,\n.h6__link {\n color: #07c;\n}\n.h5__link:hover,\n.h6__link:hover {\n color: inherit;\n}\n\n/** hours open title **/\n#logobar-hours-content h3 {\n color: #004876;\n font-family: ars-maquette-web, sans-serif;\n font-weight: 700;\n font-style: normal;\n font-size: 1rem;\n line-height: 1.6;\n margin: 10px 0 0;\n width: auto;\n}\n#logobar-hours-content h3__link {\n color: #07c;\n}\n#logobar-hours-content h3__link:hover {\n color: inherit;\n}\n\n/** Search query styling **/\nh1 span.search-query {\n font-style: italic;\n color: #a20067;\n}\n\n/** Search Result Title **/\n.search-results h2 {\n font-size: 1.6rem;\n font-weight: normal;\n background-color: #004876;\n color: white;\n padding: 10px 15px;\n -webkit-margin-after: 5px;\n margin: 0 0 5px;\n}\n\n/** style the element **/\n.search-website h3.search-result-title, .search-website h2.search-result-title {\n -webkit-margin-before: 0.5em;\n -webkit-margin-after: 0.5em;\n}\n\n.library-accounts-wrap h2 {\n display: inline-block;\n margin: auto 0;\n text-align: left;\n padding: 0;\n font-weight: normal;\n}\n\n.bentos {\n /** Search page heading styling **/\n}\n.bentos h2.search-result-title, .bentos h3.search-result-title {\n margin: 15px 0;\n font-weight: 300;\n font-size: 1.4rem;\n line-height: 1.85rem;\n}\n.bentos h4.search-result-authors {\n margin-top: 0;\n -webkit-margin-before: 0;\n -webkit-margin-after: 0;\n font-weight: 300;\n font-size: 1rem;\n line-height: 1.7rem;\n}\n\n.staff-card h2 {\n margin-bottom: 0;\n}\n\nbody,\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n color: #1a1a1a;\n font-family: \"ars-maquette-web\", sans-serif;\n font-size: 1.2rem;\n line-height: 2rem;\n}\n\n.paragraph, .ck-editor p, .text-long p {\n margin: 0 0 1em;\n}\n\n.blockquote, .ck-editor blockquote, .text-long blockquote {\n font-style: italic;\n border-left: solid 3px #999;\n margin-left: 1em;\n padding-left: 1em;\n}\n\n.hr, .text-long hr {\n border-style: solid;\n border-width: 1px 0 0;\n color: currentColor;\n}\n\naddress {\n font-style: normal;\n}\n\nhr.divider {\n margin-top: 1rem;\n margin-bottom: 1rem;\n color: #5c7f1a;\n}\n\n/** Closing soon, open now, closed styling **/\n.open-now-container svg.border {\n color: white;\n}\n.open-now-container .closing_soon svg.indicator {\n color: #ff9e1b;\n}\n.open-now-container .open_now svg.indicator {\n color: #5c7f1a;\n}\n.open-now-container .closed_now svg.indicator {\n color: #ef3340;\n}\n\n.ampm {\n font-variant: small-caps;\n}\n\n/** Accessibility text **/\n.nav .visually-hidden {\n color: white;\n}\n\n/** Shown Temporarily **/\nimg.lits_filter.inline {\n display: inline;\n margin: 0;\n}\nimg.lits_filter.inline.mhcgetit {\n vertical-align: middle;\n}\n\n#main-content.main-sidebar-side article.node ul,\n#main-content.main-sidebar-side article.node ol,\n#sidebar-container ul,\n#sidebar-container ol {\n padding-left: 0;\n margin-left: 2em;\n}\n\nul {\n list-style-type: circle;\n list-style-position: outside;\n}\n\nol {\n list-style-type: decimal;\n}\n\n.list-item, .ck-editor ol li,\n.ck-editor ul li {\n margin-bottom: 0.2em;\n padding-left: 1em;\n}\n\n/**\n.text-long {\n ol,\n ul {\n li {\n @extend .list-item;\n }\n }\n}\n**/\nimg,\npicture {\n display: block;\n height: auto;\n max-width: 100%;\n margin: 20px 0;\n}\n\nfigure {\n margin: 0;\n}\n\n.figure__caption {\n font-style: italic;\n}\n\nsvg.svg-inline--other {\n vertical-align: -6px;\n}\n\n.form-item--checkboxes,\n.form-item--checkbox__item {\n list-style: none;\n margin: 0;\n padding: 0;\n}\n\n.form-item--radios,\n.form-item--radio__item {\n list-style: none;\n margin: 0;\n padding: 0;\n}\n\n.form-item__dropdown {\n outline: 1px solid #e5e5e5;\n display: block;\n position: relative;\n}\n.form-item__dropdown::after {\n border-left: 5px solid transparent;\n border-right: 5px solid transparent;\n border-top: 9px solid #333;\n content: \" \";\n position: absolute;\n top: 42%;\n right: 9px;\n z-index: 1;\n /* These hacks make the select behind the arrow clickable in some browsers */\n pointer-events: none;\n display: none;\n}\n\n.form-item__select {\n border: 1px solid #6e6259;\n background: white;\n font-size: 14px;\n margin: 0;\n padding: 0.6em 0.8em 0.5em;\n width: 100%;\n height: 100%;\n}\n.form-item__select:focus {\n outline-offset: 2px;\n outline: 3px solid #004876;\n}\n.lits_homepage #block-lits-theme-litsunifiedsearchblock .form-item__select:focus {\n outline-offset: 2px;\n outline: 3px solid #ff9e1b;\n}\n\n@supports (-webkit-appearance: none) or (appearance: none) or ((-moz-appearance: none) and (mask-type: alpha)) {\n /* Show custom arrow */\n .form-item__dropdown::after {\n display: block;\n }\n /* Remove select styling */\n .form-item__select {\n padding-right: 2em; /* Match-01 */\n /* inside @supports so that iOS <= 8 display the native arrow */\n background: none; /* Match-04 */\n background-color: white;\n /* inside @supports so that Android <= 4.3 display the native arrow */\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n }\n}\n.form-item {\n color: #6e6259;\n margin-bottom: 1em;\n max-width: 32em;\n}\n.form-item::after {\n clear: both;\n content: \"\";\n display: table;\n}\n\n.form-item__label {\n display: block;\n font-weight: 600;\n}\n@media (min-width: 25em) {\n .form-item__label {\n display: block;\n margin-right: 2%;\n padding: 0.6em 0;\n }\n}\n\n.js-form-type-checkbox .form-item__label,\n.js-form-type-radio .form-item__label {\n display: inline;\n}\n\n.form-item__textfield {\n border: 1px solid #6e6259;\n padding: 0.4em;\n}\n.form-item__textfield:focus {\n outline-offset: 2px;\n outline: 3px solid #004876;\n}\n.lits_homepage #block-lits-theme-litsunifiedsearchblock .form-item__textfield:focus {\n outline-offset: 2px;\n outline: 3px solid #ff9e1b;\n}\n.form-item__textfield::-webkit-input-placeholder {\n color: #999;\n}\n.form-item__textfield:-moz-placeholder {\n color: #999;\n}\n.form-item__textfield::-moz-placeholder {\n color: #999;\n}\n.form-item__textfield:-ms-input-placeholder {\n color: #999;\n}\n\n.form-item__description {\n margin-top: 0.3em;\n}\n\n.form-fieldset {\n border: none;\n margin-bottom: 2em;\n padding: 0;\n}\n.form-fieldset .form-item {\n margin-left: 1em;\n max-width: 31em;\n}\n\n.button {\n background-color: #07c;\n border: none;\n outline: none;\n color: white;\n cursor: pointer;\n font-size: 0.9em;\n line-height: 1.4;\n padding: 10px;\n margin: 15px 0;\n font-weight: normal;\n font-style: normal;\n display: block;\n text-decoration: none;\n text-align: center;\n}\n.button:visited {\n color: white;\n}\n.button:hover {\n background-color: #6e6259;\n color: white;\n}\n.button:focus {\n outline-offset: 2px;\n outline: 3px solid #004876;\n}\n.lits_homepage #block-lits-theme-litsunifiedsearchblock .button:focus {\n outline-offset: 2px;\n outline: 3px solid #ff9e1b;\n}\n.button--alt {\n background-color: #07c;\n border: none;\n outline: none;\n color: white;\n cursor: pointer;\n font-size: 0.9em;\n line-height: 1.4;\n padding: 10px;\n margin: 15px 0;\n font-weight: normal;\n font-style: normal;\n display: block;\n text-decoration: none;\n text-align: center;\n}\n.button--alt:visited {\n color: white;\n}\n.button--alt:hover {\n background-color: #6e6259;\n color: white;\n}\n.button--alt:focus {\n outline-offset: 2px;\n outline: 3px solid #004876;\n}\n.lits_homepage #block-lits-theme-litsunifiedsearchblock .button--alt:focus {\n outline-offset: 2px;\n outline: 3px solid #ff9e1b;\n}\n.button--alt {\n background-color: #07c;\n border: none;\n outline: none;\n color: white;\n cursor: pointer;\n font-size: 0.8rem;\n line-height: 1.4;\n padding: 10px;\n margin: 15px 0;\n font-weight: normal;\n font-style: normal;\n display: block;\n text-decoration: none;\n text-align: center;\n}\n.button--alt:visited {\n color: white;\n}\n.button--alt:hover {\n background-color: #6e6259;\n color: white;\n}\n.button--alt:focus {\n outline-offset: 2px;\n outline: 3px solid #004876;\n}\n.lits_homepage #block-lits-theme-litsunifiedsearchblock .button--alt:focus {\n outline-offset: 2px;\n outline: 3px solid #ff9e1b;\n}\n.button--alt-2 {\n background-color: #07c;\n border: none;\n outline: none;\n color: white;\n cursor: pointer;\n font-size: 0.9em;\n line-height: 1.4;\n padding: 10px;\n margin: 15px 0;\n font-weight: normal;\n font-style: normal;\n display: block;\n text-decoration: none;\n text-align: center;\n}\n.button--alt-2:visited {\n color: white;\n}\n.button--alt-2:hover {\n background-color: #6e6259;\n color: white;\n}\n.button--alt-2:focus {\n outline-offset: 2px;\n outline: 3px solid #004876;\n}\n.lits_homepage #block-lits-theme-litsunifiedsearchblock .button--alt-2:focus {\n outline-offset: 2px;\n outline: 3px solid #ff9e1b;\n}\n.button--alt-2 {\n text-transform: none;\n}\n.button--alt-2 {\n background-color: #5c7f1a;\n border: none;\n outline: none;\n color: white;\n cursor: pointer;\n font-size: 0.8rem;\n line-height: 1.4;\n padding: 10px;\n margin: 15px 0;\n font-weight: normal;\n font-style: normal;\n display: block;\n text-decoration: none;\n text-align: center;\n}\n.button--alt-2:visited {\n color: white;\n}\n.button--alt-2:hover {\n background-color: #a20067;\n color: white;\n}\n.button--alt-2:focus {\n outline-offset: 2px;\n outline: 3px solid #004876;\n}\n.lits_homepage #block-lits-theme-litsunifiedsearchblock .button--alt-2:focus {\n outline-offset: 2px;\n outline: 3px solid #ff9e1b;\n}\n\n.table, .ck-editor table, .text-long table {\n border: 1px solid #e2dfdd;\n border-radius: 4px;\n border-spacing: 0;\n background-color: #f8f8f8;\n width: 100%;\n margin-bottom: 50px;\n}\n\n.table__heading-cell, .ck-editor th, .text-long th {\n border: none;\n border-left: 1px solid #e2dfdd;\n color: black;\n font-weight: 700;\n padding: 1.2em;\n text-align: left;\n}\n.table__heading-cell:first-child, .ck-editor th:first-child, .text-long th:first-child {\n border: none;\n}\n\n.table__row:nth-child(odd), .ck-editor tbody tr:nth-child(odd), .text-long tbody tr:nth-child(odd) {\n background-color: white;\n}\n.table__row:last-child td:first-child, .ck-editor tbody tr:last-child td:first-child, .text-long tbody tr:last-child td:first-child {\n border-radius: 0 0 0 5px;\n}\n.table__row:last-child td:last-child, .ck-editor tbody tr:last-child td:last-child, .text-long tbody tr:last-child td:last-child {\n border-radius: 0 0 5px;\n}\n\n.table__cell, .ck-editor td, .text-long td {\n border: 1px solid #e2dfdd;\n border-left: none;\n border-bottom: none;\n padding: 1em;\n}\n.table__cell:last-child, .ck-editor td:last-child, .text-long td:last-child {\n border-right: none;\n}\n\n.table__footer-cell, .ck-editor tfoot th, .text-long tfoot th,\n.table__footer-cell:first-child {\n border-left: none;\n border-top: 1px solid #e2dfdd;\n}\n\n/*\n.video {\n height: 0;\n overflow: hidden;\n padding-top: 35px;\n padding-bottom: 56.25%; // 56.25% = 16x9\n position: relative;\n\n &--full {\n padding-bottom: 75%; // 75% = 4x3\n }\n\n iframe {\n height: 100%;\n left: 0;\n position: absolute;\n top: 0;\n width: 100%;\n }\n}\n*/\n.subtitle {\n color: #6e6259;\n font-style: italic;\n font-size: 0.85em;\n line-height: 1em;\n display: block;\n}\n\n.footer .subtitle {\n margin-left: 10%;\n}\n\n.main-menu__link--sub .subtitle {\n padding: 2px 0;\n}\n\n.tabs__link {\n border: 1px solid transparent;\n display: block;\n cursor: pointer;\n font-size: 1.2rem;\n font-weight: 400;\n padding: 15px 15px 25px;\n text-align: center;\n text-decoration: none;\n transition: color 0.3s;\n max-width: 80%;\n margin: 0 auto;\n color: #07c;\n text-decoration: none;\n}\n.tabs__link:link, .tabs__link:visited {\n color: #07c;\n}\n.tabs__link:active, .tabs__link:hover {\n color: #004876;\n text-decoration: underline solid;\n}\n.tabs__link:focus {\n outline-offset: 2px;\n outline: 3px solid #004876;\n text-decoration: underline solid;\n}\n.tabs__link.is-active {\n border: 1px dashed #07c;\n color: #004876;\n background-color: white;\n}\n@media (min-width: 900px) {\n .tabs__link.is-active {\n border-bottom: none;\n }\n}\n@media (min-width: 600px) {\n .tabs__link {\n max-width: 100%;\n min-height: 60px;\n border-bottom: none;\n }\n .tabs__link::after {\n content: \"\";\n position: absolute;\n left: 1.2em;\n bottom: 10px;\n width: 22px;\n height: 4px;\n background: #e2dfdd;\n }\n .tabs__link.is-active::after {\n background: #74d7ed;\n }\n}\n@media (min-width: 900px) {\n .tabs__link {\n text-align: left;\n border-bottom: 0;\n border-left: none;\n display: inline-block;\n font-size: 1rem;\n line-height: 1.4rem;\n padding: 1em 1.2em 1.4em;\n position: relative;\n width: auto;\n }\n}\n.tabs__link:hover, .tabs__link:focus {\n color: #07c;\n text-decoration: none;\n}\n.tabs__link:hover:link, .tabs__link:hover:visited, .tabs__link:focus:link, .tabs__link:focus:visited {\n color: #07c;\n}\n.tabs__link:hover:active, .tabs__link:hover:hover, .tabs__link:focus:active, .tabs__link:focus:hover {\n color: #004876;\n text-decoration: underline solid;\n}\n.tabs__link:hover:focus, .tabs__link:focus:focus {\n outline-offset: 2px;\n outline: 3px solid #004876;\n text-decoration: underline solid;\n}\n.tabs__link:hover::after, .tabs__link:focus::after {\n background: #00a9e0;\n}\n\n.comment {\n border: 1px solid #ccc;\n padding: 1rem;\n margin-bottom: 1rem;\n}\n.comment h4 {\n margin: 0;\n}\n.comment section {\n margin-left: 1rem;\n}\n.comment footer {\n margin-top: 1rem;\n display: flex;\n flex-flow: column nowrap;\n}\n@media (min-width: 900px) {\n .comment footer {\n flex-flow: row nowrap;\n }\n}\n.comment footer > a:first-of-type {\n margin-right: 1rem;\n}\n.comment .submitted {\n font-style: italic;\n font-weight: normal;\n color: #4c4c4c;\n margin: 0 0 0.25rem;\n font-size: 1rem;\n}\n.comment .links.inline {\n list-style: none;\n display: flex;\n flex-flow: column nowrap;\n margin: 0;\n padding: 0;\n}\n@media (min-width: 900px) {\n .comment .links.inline {\n flex-flow: row nowrap;\n }\n .comment .links.inline li {\n margin: 0 1rem;\n }\n}\n.comment .links.inline .comment-reply {\n display: none;\n}\n\n.comment-form input {\n width: 100%;\n}\n\n.article .comment-form,\n.article .status-updates h2,\n.article .comment .links.inline,\n.article .comment footer a {\n display: none;\n}\n.article .comment {\n border: none;\n padding: 0;\n margin: 0;\n}\n.article .comment section {\n margin-left: 0;\n}\n.article .comment footer {\n margin-top: 0;\n}\n\n.layout-container.tagged-items-container, .tagged-items-container#newsbar.newsbar-sidebar-side, .tagged-items-container.study-space-finder, .tagged-items-container#main-content.main-sidebar-side {\n list-style: none;\n margin: 0;\n padding: 0;\n justify-content: flex-start;\n}\n.site-tags-index-page .layout-container.tagged-items-container, .site-tags-index-page .tagged-items-container#newsbar.newsbar-sidebar-side, .site-tags-index-page .tagged-items-container.study-space-finder, .site-tags-index-page .tagged-items-container#main-content.main-sidebar-side {\n flex-flow: column wrap;\n}\n\n.taxonomy-term-tags,\n.taxonomy-term-tags h2,\n.taxonomy-term-tags div,\n.taxonomy-term-tags img,\n.taxonomy-term-tags article,\n.field-field-tags,\n.field-field-tags h2,\n.field-field-tags div,\n.field-field-tags img,\n.field-field-tags article {\n display: inline;\n}\n.taxonomy-term-tags a,\n.field-field-tags a {\n text-decoration: underline;\n}\n.taxonomy-term-tags h2, #newsbar .taxonomy-term-tags h2,\n.field-field-tags h2,\n#newsbar .field-field-tags h2 {\n font-size: 1em;\n font-weight: normal;\n}\n.taxonomy-term-tags img,\n.field-field-tags img {\n height: 1.5em;\n width: auto;\n vertical-align: middle;\n margin: 0;\n}\n\n.views-view-list-site-tag-index-page-1 .taxonomy-term-tags[data-num-parents=\"1\"] {\n margin-left: 1em;\n}\n.views-view-list-site-tag-index-page-1 .taxonomy-term-tags[data-num-parents=\"2\"] {\n margin-left: 2em;\n}\n.views-view-list-site-tag-index-page-1 .taxonomy-term-tags[data-num-parents=\"3\"] {\n margin-left: 3em;\n}\n.views-view-list-site-tag-index-page-1 .taxonomy-term-tags[data-num-parents=\"4\"] {\n margin-left: 4em;\n}\n.views-view-list-site-tag-index-page-1 .taxonomy-term-tags[data-num-parents=\"5\"] {\n margin-left: 5em;\n}\n\n.tag-page .node--news-item > div,\narticle.node--news-item .field-field-tags {\n padding: 0 1rem 0.5rem;\n}\n\n.tag-page .tagged-items-container > li {\n width: 100%;\n}\n.tag-page .tagged-items-container > li article.node--news-item {\n margin-right: calc(0.5 * 0.5rem);\n}\n@media (min-width: 900px) {\n .tag-page .tagged-items-container > li article.node--news-item {\n margin-right: calc(0.5 * (0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 1044px) {\n .tag-page .tagged-items-container > li article.node--news-item {\n margin-right: calc(0.5 * 2rem);\n }\n}\n.tag-page .tagged-items-container > li article.node--news-item {\n margin-left: calc(0.5 * 0.5rem);\n}\n@media (min-width: 900px) {\n .tag-page .tagged-items-container > li article.node--news-item {\n margin-left: calc(0.5 * (0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 1044px) {\n .tag-page .tagged-items-container > li article.node--news-item {\n margin-left: calc(0.5 * 2rem);\n }\n}\n@media (min-width: 600px) {\n .tag-page .tagged-items-container > li {\n width: 50%;\n }\n}\n@media (min-width: 1200px) {\n .tag-page .tagged-items-container > li {\n margin-bottom: 1rem;\n width: 25%;\n }\n}\n\n.card__grid {\n display: flex;\n flex-wrap: wrap;\n margin-bottom: 1em;\n}\n\n.card--grid-item {\n flex-grow: 1;\n margin-bottom: 1em;\n width: 100%;\n}\n@media (min-width: 48em) {\n .card--grid-item {\n margin: 0 3% 3% 0;\n width: auto;\n }\n}\n.card--grid-item:last-child {\n margin-right: 0;\n}\n@media (min-width: 48em) {\n .card--grid-item {\n width: 31%;\n }\n .card--grid-item:nth-child(3n) {\n margin-right: 0;\n }\n}\n\n.card--divider-3 {\n flex-grow: 0;\n}\n@media (min-width: 48em) {\n .card--divider-3 {\n margin-right: 3.5%;\n position: relative;\n }\n .card--divider-3::after {\n background-color: #ccc;\n content: \"\";\n display: block;\n height: 100%;\n position: absolute;\n top: 0;\n width: 1px;\n }\n}\n.card--divider-3::after {\n right: -5.5%;\n}\n.card--divider-3:nth-child(3n) {\n margin-right: 0;\n}\n.card--divider-3:nth-child(3n)::after {\n display: none;\n}\n@media (min-width: 48em) {\n .card--divider-3:last-child {\n margin-right: 0;\n }\n}\n.card--divider-3:last-child::after {\n display: none;\n}\n\n.card__title {\n color: inherit;\n font-family: ars-maquette-web, sans-serif;\n font-weight: 700;\n font-style: normal;\n font-size: 1.3rem;\n line-height: 1.4;\n margin: 10px 0 0.5em;\n width: auto;\n}\n.card__title__link {\n color: #07c;\n}\n.card__title__link:hover {\n color: inherit;\n}\n.card__title {\n margin-bottom: 0;\n}\n.card__title-link {\n color: #07c;\n text-decoration: none;\n}\n.card__title-link:link, .card__title-link:visited {\n color: #07c;\n}\n.card__title-link:active, .card__title-link:hover {\n color: #004876;\n text-decoration: underline solid;\n}\n.card__title-link:focus {\n outline-offset: 2px;\n outline: 3px solid #004876;\n text-decoration: underline solid;\n}\n\n.card__subtitle {\n color: #6e6259;\n font-family: ars-maquette-web, sans-serif;\n font-weight: 700;\n font-style: normal;\n font-size: 1rem;\n line-height: 1.6;\n margin: 10px 0 0.5em;\n width: auto;\n}\n.card__subtitle__link {\n color: #07c;\n}\n.card__subtitle__link:hover {\n color: inherit;\n}\n.card__subtitle {\n margin-bottom: 0;\n}\n\n.card__body {\n margin: 0.7em 0 1em;\n}\n\n.card__link {\n color: #07c;\n text-decoration: none;\n}\n.card__link:link, .card__link:visited {\n color: #07c;\n}\n.card__link:active, .card__link:hover {\n color: #004876;\n text-decoration: underline solid;\n}\n.card__link:focus {\n outline-offset: 2px;\n outline: 3px solid #004876;\n text-decoration: underline solid;\n}\n\n.card__button {\n background-color: #07c;\n border: none;\n outline: none;\n color: white;\n cursor: pointer;\n font-size: 0.9em;\n line-height: 1.4;\n padding: 10px;\n margin: 15px 0;\n font-weight: normal;\n font-style: normal;\n display: block;\n text-decoration: none;\n text-align: center;\n}\n.card__button:visited {\n color: white;\n}\n.card__button:hover {\n background-color: #6e6259;\n color: white;\n}\n.card__button:focus {\n outline-offset: 2px;\n outline: 3px solid #004876;\n}\n.lits_homepage #block-lits-theme-litsunifiedsearchblock .card__button:focus {\n outline-offset: 2px;\n outline: 3px solid #ff9e1b;\n}\n\n.card--bg {\n background-color: #e5e5e5;\n padding: 1em;\n}\n\n.staff-card article {\n margin-bottom: 1.5em;\n}\n\n/**\n * @file\n * Color variables.\n */\n/* Primary colors */\n/* Background colors */\n/* Accent colors */\n/** new colors **/\n/**\n* Used to set the font size for \"LITS\" in logobar and to add whitespace to the MHC logos\n*/\n/**\n * @file\n * Reusable styles for links.\n */\n/**\n * Standard links in running text on white background.\n *\n * Contrast ratios for $med-blue:\n * - $white => 4.65\n * - $pale-gray => 3.51 not sufficient for standard size text\n * - $charcoal => 3.49 acceptable as contrasting text\n *\n * Contrast ratios for $dark-blue:\n * - $white => 9.60\n * - $pale-gray => 7.23\n * - $charcoal => 1.81 not distinct at all\n */\n/**\n * Links on $black or $charcoal backgrounds should include or extend this.\n *\n * Contrast ratios for $light-blue:\n * - $black => 7.75\n * - $charcoal => 6.42\n * - $white => 2.71 not sufficiently distinct without underline\n *\n * Contrast ratios for $pale-gray:\n * - $black => 15.83\n * - $charcoal => 13.12\n * - $white => 1.33 not distinct at all\n */\n/**\n * Links on blue backgrounds should include or extend this.\n *\n * Most are obvious as navigation because of context; no underline necessary.\n *\n * Contrast ratios for $white:\n * - $dark-blue => 9.60\n * - $med-blue => 4.66\n *\n * Contrast ratios for $light-blue:\n * - $dark-blue => 3.54\n * - $med-blue => 1.72\n */\n/**\n * Link on Blue Background\n *\n * Used by:\n * - @compounds/location-teaser\n */\na {\n color: #07c;\n text-decoration: none;\n}\na:link, a:visited {\n color: #07c;\n}\na:active, a:hover {\n color: #004876;\n text-decoration: underline solid;\n}\na:focus {\n outline-offset: 2px;\n outline: 3px solid #004876;\n text-decoration: underline solid;\n}\n\n.bluebg a,\na.bluebg {\n color: white;\n text-decoration: none;\n}\n.bluebg a:link, .bluebg a:visited,\na.bluebg:link,\na.bluebg:visited {\n color: white;\n}\n.bluebg a:active, .bluebg a:hover,\na.bluebg:active,\na.bluebg:hover {\n color: #ccdae3;\n text-decoration: underline solid;\n}\n.bluebg a:focus,\na.bluebg:focus {\n outline-offset: 2px;\n outline: 3px solid white;\n text-decoration: underline solid;\n}\n.bluebg a svg:focus,\na.bluebg svg:focus {\n outline-offset: 2px;\n outline: 3px solid white;\n text-decoration: underline solid;\n}\n\n/**\n * Links on green backgrounds should include or extend this.\n *\n * Contrast ratios for $green background\n * $white => 4.66\n * $pale-gray => 3.51 not sufficient for standard size text\n */\n/**\n * Links on $pale-gray backgrounds should include or extend this.\n *\n * Contrast ratios for $pale-gray background\n * $dark-blue => 7.23\n * $med-gray => 3.51 not sufficient for standard size text\n */\n.h1, .ck-editor h1, h1, .text-long h1 {\n color: #1a1a1a;\n font-family: ars-maquette-web, sans-serif;\n font-weight: 700;\n font-style: normal;\n font-size: 2rem;\n line-height: 1.4;\n margin: 20px 0 0.5em;\n width: auto;\n}\n.h1__link {\n color: #07c;\n}\n.h1__link:hover {\n color: inherit;\n}\n\n.h2, .ck-editor h2,\n.ck-editor .ck-button.ck-heading_heading2, .text-long h2 {\n color: #1a1a1a;\n font-family: ars-maquette-web, sans-serif;\n font-weight: 700;\n font-style: normal;\n font-size: 1.8rem;\n line-height: 1.4;\n margin: 10px 0 0.5em;\n width: auto;\n}\n.h2__link {\n color: #07c;\n}\n.h2__link:hover {\n color: inherit;\n}\n\n.h3, .lits-location .location-content h3, .ck-editor h3,\n.ck-editor .ck-button.ck-heading_heading3, .text-long h3 {\n color: #5c7f1a;\n font-family: ars-maquette-web, sans-serif;\n font-weight: bold;\n font-style: normal;\n font-size: 1.4rem;\n line-height: 1.6;\n margin: 10px 0 0.5em;\n width: auto;\n}\n.h3__link {\n color: #07c;\n}\n.h3__link:hover {\n color: inherit;\n}\n\n.h4, .ck-editor h4,\n.ck-editor .ck-button.ck-heading_heading4, .text-long h4 {\n text-transform: uppercase;\n color: #6e6259;\n font-family: ars-maquette-web, sans-serif;\n font-weight: normal;\n font-style: normal;\n font-size: 1.2rem;\n line-height: 1.6;\n margin: 10px 0 0.5em;\n width: auto;\n}\n.h4__link {\n color: #07c;\n}\n.h4__link:hover {\n color: inherit;\n}\n\n.h5, .ck-editor h5,\n.ck-editor .ck-button.ck-heading_heading5, .text-long h5,\n.h6,\n.ck-editor h6,\n.ck-editor .ck-button.ck-heading_heading6,\n.text-long h6 {\n color: #6e6259;\n font-family: ars-maquette-web, sans-serif;\n font-weight: 600;\n font-style: normal;\n font-size: 1.1rem;\n line-height: 2;\n margin: 10px 0 0.5em;\n width: auto;\n}\n.h5__link,\n.h6__link {\n color: #07c;\n}\n.h5__link:hover,\n.h6__link:hover {\n color: inherit;\n}\n\n/** hours open title **/\n#logobar-hours-content h3 {\n color: #004876;\n font-family: ars-maquette-web, sans-serif;\n font-weight: 700;\n font-style: normal;\n font-size: 1rem;\n line-height: 1.6;\n margin: 10px 0 0;\n width: auto;\n}\n#logobar-hours-content h3__link {\n color: #07c;\n}\n#logobar-hours-content h3__link:hover {\n color: inherit;\n}\n\n/** Search query styling **/\nh1 span.search-query {\n font-style: italic;\n color: #a20067;\n}\n\n/** Search Result Title **/\n.search-results h2 {\n font-size: 1.6rem;\n font-weight: normal;\n background-color: #004876;\n color: white;\n padding: 10px 15px;\n -webkit-margin-after: 5px;\n margin: 0 0 5px;\n}\n\n/** style the element **/\n.search-website h3.search-result-title, .search-website h2.search-result-title {\n -webkit-margin-before: 0.5em;\n -webkit-margin-after: 0.5em;\n}\n\n.library-accounts-wrap h2 {\n display: inline-block;\n margin: auto 0;\n text-align: left;\n padding: 0;\n font-weight: normal;\n}\n\n.bentos {\n /** Search page heading styling **/\n}\n.bentos h2.search-result-title, .bentos h3.search-result-title {\n margin: 15px 0;\n font-weight: 300;\n font-size: 1.4rem;\n line-height: 1.85rem;\n}\n.bentos h4.search-result-authors {\n margin-top: 0;\n -webkit-margin-before: 0;\n -webkit-margin-after: 0;\n font-weight: 300;\n font-size: 1rem;\n line-height: 1.7rem;\n}\n\n.staff-card h2 {\n margin-bottom: 0;\n}\n\nbody,\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n color: #1a1a1a;\n font-family: \"ars-maquette-web\", sans-serif;\n font-size: 1.2rem;\n line-height: 2rem;\n}\n\n.paragraph, .ck-editor p, .text-long p {\n margin: 0 0 1em;\n}\n\n.blockquote, .ck-editor blockquote, .text-long blockquote {\n font-style: italic;\n border-left: solid 3px #999;\n margin-left: 1em;\n padding-left: 1em;\n}\n\n.hr, .text-long hr {\n border-style: solid;\n border-width: 1px 0 0;\n color: currentColor;\n}\n\naddress {\n font-style: normal;\n}\n\nhr.divider {\n margin-top: 1rem;\n margin-bottom: 1rem;\n color: #5c7f1a;\n}\n\n/** Closing soon, open now, closed styling **/\n.open-now-container svg.border {\n color: white;\n}\n.open-now-container .closing_soon svg.indicator {\n color: #ff9e1b;\n}\n.open-now-container .open_now svg.indicator {\n color: #5c7f1a;\n}\n.open-now-container .closed_now svg.indicator {\n color: #ef3340;\n}\n\n.ampm {\n font-variant: small-caps;\n}\n\n/** Accessibility text **/\n.nav .visually-hidden {\n color: white;\n}\n\n/** Shown Temporarily **/\nimg.lits_filter.inline {\n display: inline;\n margin: 0;\n}\nimg.lits_filter.inline.mhcgetit {\n vertical-align: middle;\n}\n\n#main-content.main-sidebar-side article.node ul,\n#main-content.main-sidebar-side article.node ol,\n#sidebar-container ul,\n#sidebar-container ol {\n padding-left: 0;\n margin-left: 2em;\n}\n\nul {\n list-style-type: circle;\n list-style-position: outside;\n}\n\nol {\n list-style-type: decimal;\n}\n\n.list-item, .ck-editor ol li,\n.ck-editor ul li {\n margin-bottom: 0.2em;\n padding-left: 1em;\n}\n\n/**\n.text-long {\n ol,\n ul {\n li {\n @extend .list-item;\n }\n }\n}\n**/\n.table, .ck-editor table, .text-long table {\n border: 1px solid #e2dfdd;\n border-radius: 4px;\n border-spacing: 0;\n background-color: #f8f8f8;\n width: 100%;\n margin-bottom: 50px;\n}\n\n.table__heading-cell, .ck-editor th, .text-long th {\n border: none;\n border-left: 1px solid #e2dfdd;\n color: black;\n font-weight: 700;\n padding: 1.2em;\n text-align: left;\n}\n.table__heading-cell:first-child, .ck-editor th:first-child, .text-long th:first-child {\n border: none;\n}\n\n.table__row:nth-child(odd), .ck-editor tbody tr:nth-child(odd), .text-long tbody tr:nth-child(odd) {\n background-color: white;\n}\n.table__row:last-child td:first-child, .ck-editor tbody tr:last-child td:first-child, .text-long tbody tr:last-child td:first-child {\n border-radius: 0 0 0 5px;\n}\n.table__row:last-child td:last-child, .ck-editor tbody tr:last-child td:last-child, .text-long tbody tr:last-child td:last-child {\n border-radius: 0 0 5px;\n}\n\n.table__cell, .ck-editor td, .text-long td {\n border: 1px solid #e2dfdd;\n border-left: none;\n border-bottom: none;\n padding: 1em;\n}\n.table__cell:last-child, .ck-editor td:last-child, .text-long td:last-child {\n border-right: none;\n}\n\n.table__footer-cell, .ck-editor tfoot th, .text-long tfoot th,\n.table__footer-cell:first-child {\n border-left: none;\n border-top: 1px solid #e2dfdd;\n}\n\n.ck.ck-toolbar.ck-toolbar_grouping > .ck-toolbar__items {\n flex-wrap: wrap !important;\n}\n\n.department-person {\n margin: 1rem 0;\n}\n.department-person .grid-container {\n display: grid;\n grid-column-gap: 1rem;\n grid-template-columns: 14% 86%;\n}\n.department-person h3 {\n margin: 0;\n}\n.department-person .department-person-photo img {\n margin-top: 0;\n}\n\n.views-row .department-person-photo img {\n border-radius: 50%;\n}\n\n/**\n * @file\n * Styles for the “Today’s Hours” widget.\n */\n.logobar-hours-wrap {\n position: relative;\n margin: auto 0;\n}\n\n#logobar-hours-heading {\n padding: 0;\n font-weight: normal;\n}\n\n.expandable--open #logobar-hours-content {\n display: block;\n}\n\n#logobar-hours-content {\n display: none;\n position: absolute;\n z-index: 1000;\n width: 250px;\n padding: 20px;\n border: 1px solid #004876;\n background-color: white;\n text-align: center;\n}\n@media (min-width: 600px) {\n #logobar-hours-content {\n top: 88px;\n left: -60px;\n }\n}\n@media (min-width: 900px) {\n #logobar-hours-content {\n top: 72px;\n left: -25px;\n }\n}\n#logobar-hours-content .office-hours {\n color: #6e6259;\n font-family: ars-maquette-web, sans-serif;\n font-weight: 700;\n font-style: normal;\n font-size: 1.4rem;\n line-height: 1.6;\n margin: 0 0 1em;\n width: auto;\n}\n#logobar-hours-content .office-hours__link {\n color: #07c;\n}\n#logobar-hours-content .office-hours__link:hover {\n color: inherit;\n}\n#logobar-hours-content .office-hours__item-label,\n#logobar-hours-content .office-hours__item-comment {\n display: none;\n}\n\n.more-hours {\n background-color: #07c;\n border: none;\n outline: none;\n color: white;\n cursor: pointer;\n font-size: 1.2rem;\n line-height: 1.4;\n padding: 1rem;\n margin: 0 auto 0.5em;\n font-weight: normal;\n font-style: normal;\n display: block;\n text-decoration: none;\n text-align: center;\n}\n.more-hours:visited {\n color: white;\n}\n.more-hours:hover {\n background-color: #6e6259;\n color: white;\n}\n.more-hours:focus {\n outline-offset: 2px;\n outline: 3px solid #004876;\n}\n.lits_homepage #block-lits-theme-litsunifiedsearchblock .more-hours:focus {\n outline-offset: 2px;\n outline: 3px solid #ff9e1b;\n}\n.more-hours::before {\n font-family: \"Font Awesome 5 Free\", \"ars-maquette-web\", sans-serif;\n font-weight: 400;\n padding-right: 5px;\n content: \"\\f254\";\n}\n@media (min-width: 600px) {\n .more-hours {\n max-width: 150px;\n font-size: 0.9rem;\n }\n}\n\n/**\n * @file\n * Style rules for the news item teasers on homepage and news archive page.\n */\n#news-items-container {\n margin-right: calc(-0.5 * 0.5rem);\n}\n@media (min-width: 900px) {\n #news-items-container {\n margin-right: calc(-0.5 * (0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 1044px) {\n #news-items-container {\n margin-right: calc(-0.5 * 2rem);\n }\n}\n#news-items-container {\n margin-left: calc(-0.5 * 0.5rem);\n}\n@media (min-width: 900px) {\n #news-items-container {\n margin-left: calc(-0.5 * (0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 1044px) {\n #news-items-container {\n margin-left: calc(-0.5 * 2rem);\n }\n}\n#news-items-container .news-item {\n flex-basis: auto;\n margin-bottom: 2rem;\n width: 100%;\n}\n@media (min-width: 600px) {\n #news-items-container .news-item {\n width: 50%;\n }\n #news-items-container .news-item article.node--news-item {\n margin-right: calc(0.5 * 0.5rem);\n }\n}\n@media (min-width: 600px) and (min-width: 900px) {\n #news-items-container .news-item article.node--news-item {\n margin-right: calc(0.5 * (0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 600px) and (min-width: 1044px) {\n #news-items-container .news-item article.node--news-item {\n margin-right: calc(0.5 * 2rem);\n }\n}\n@media (min-width: 600px) {\n #news-items-container .news-item article.node--news-item {\n margin-left: calc(0.5 * 0.5rem);\n }\n}\n@media (min-width: 600px) and (min-width: 900px) {\n #news-items-container .news-item article.node--news-item {\n margin-left: calc(0.5 * (0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 600px) and (min-width: 1044px) {\n #news-items-container .news-item article.node--news-item {\n margin-left: calc(0.5 * 2rem);\n }\n}\n@media (min-width: 1200px) {\n #news-items-container .news-item {\n margin-bottom: 1rem;\n width: 25%;\n }\n #news-items-container .news-item article.node--news-item {\n margin-right: calc(0.5 * 0.5rem);\n }\n}\n@media (min-width: 1200px) and (min-width: 900px) {\n #news-items-container .news-item article.node--news-item {\n margin-right: calc(0.5 * (0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 1200px) and (min-width: 1044px) {\n #news-items-container .news-item article.node--news-item {\n margin-right: calc(0.5 * 2rem);\n }\n}\n@media (min-width: 1200px) {\n #news-items-container .news-item article.node--news-item {\n margin-left: calc(0.5 * 0.5rem);\n }\n}\n@media (min-width: 1200px) and (min-width: 900px) {\n #news-items-container .news-item article.node--news-item {\n margin-left: calc(0.5 * (0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 1200px) and (min-width: 1044px) {\n #news-items-container .news-item article.node--news-item {\n margin-left: calc(0.5 * 2rem);\n }\n}\n\narticle.node--news-item {\n background-color: white;\n box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);\n height: 100%;\n font-size: 1rem;\n display: flex;\n flex-flow: column nowrap;\n justify-content: space-between;\n}\narticle.node--news-item > a {\n display: flex;\n flex-direction: column;\n height: 100%;\n color: #1a1a1a;\n text-decoration: none;\n padding: 1rem 1rem 0.5rem;\n}\narticle.node--news-item > a > div {\n flex-grow: 1;\n}\narticle.node--news-item > a:active, article.node--news-item > a:hover, article.node--news-item > a:focus {\n color: #07c;\n text-decoration: underline solid;\n}\narticle.node--news-item > a:active h3, article.node--news-item > a:hover h3, article.node--news-item > a:focus h3 {\n color: #07c;\n}\narticle.node--news-item h3 {\n margin: 0;\n color: #1a1a1a;\n font-size: 1.25rem;\n}\narticle.node--news-item time {\n flex-grow: 0;\n color: #07c;\n}\narticle.node--news-item .more-link {\n flex-grow: 0;\n font-size: 0.9rem;\n text-align: right;\n}\n\nbody.news_item article.node time {\n display: inline-block;\n color: #6e6259;\n margin-bottom: 1rem;\n}\n\ntable.lits-hours-month {\n width: 100%;\n display: grid;\n grid-template-columns: 1fr;\n}\ntable.lits-hours-month thead {\n display: none;\n}\ntable.lits-hours-month tr,\ntable.lits-hours-month tbody {\n display: grid;\n grid-template-columns: 1fr;\n grid-column: 1/2;\n width: 100%;\n}\ntable.lits-hours-month td,\ntable.lits-hours-month th {\n padding: 0;\n display: flex;\n flex-direction: column;\n}\ntable.lits-hours-month td.break {\n background-color: #ffeda8;\n}\ntable.lits-hours-month td.override {\n color: black;\n background-color: #ff9e1b;\n}\ntable.lits-hours-month td.override .day {\n color: black;\n}\ntable.lits-hours-month td .day {\n width: 2rem;\n color: #a20067;\n text-align: center;\n}\ntable.lits-hours-month td.today {\n border: 1px solid #a20067;\n}\ntable.lits-hours-month td.today .day {\n background-color: #a20067;\n color: white;\n}\ntable.lits-hours-month td.other-month {\n display: none;\n}\n@media (min-width: 900px) {\n table.lits-hours-month {\n font-size: 90%;\n grid-template-columns: repeat(7, 1fr);\n }\n table.lits-hours-month tr,\n table.lits-hours-month thead,\n table.lits-hours-month tbody {\n display: grid;\n grid-template-columns: repeat(7, 1fr);\n grid-column: 1/-1;\n width: 100%;\n }\n table.lits-hours-month td {\n text-align: center;\n min-height: 7rem;\n }\n table.lits-hours-month td .day {\n display: block;\n }\n table.lits-hours-month td .lits-hours-day-hours {\n padding: 0.25rem;\n margin: 0 auto;\n text-align: center;\n }\n table.lits-hours-month td.other-month {\n display: flex;\n background-color: #ccc;\n }\n}\n\n.academic-calendar {\n text-align: right;\n}\n\n/**\n * @file\n * Styles for the weekly display of hours on service desk or study space.\n */\n.location-hours h2 {\n margin-top: 5px;\n color: #6e6259;\n text-align: center;\n}\n\n.lits-hours-week {\n display: flex;\n flex-flow: column nowrap;\n padding: 1rem 0;\n}\n.lits-hours-week > :first-child {\n border-top: 1px solid #ccdae3;\n}\n.lits-hours-week .lits-hours-day {\n width: 100%;\n padding: 0.5em 0;\n clear: both;\n border-bottom: 1px solid #ccdae3;\n text-align: left;\n}\n.lits-hours-week .lits-hours-day .row {\n display: flex;\n flex-flow: column nowrap;\n}\n@media (min-width: 600px) {\n .lits-hours-week .lits-hours-day .row {\n flex-flow: row nowrap;\n }\n}\n.lits-hours-week .lits-hours-day .row .lits-hours-day-hours {\n flex: 1 1 auto;\n}\n.lits-hours-week .lits-hours-day .lits-hours-day-label {\n min-width: 7rem;\n margin-right: 2rem;\n font-weight: bold;\n}\n.lits-hours-week .lits-hours-day.lits-hours-day.today {\n background-color: #e2dfdd;\n}\n.lits-hours-week .lits-hours-day .lits-hours-day-message {\n font-style: italic;\n width: 100%;\n}\n\n/**\n * @file\n * Styles for the Course Reserves form.\n *\n * Currently only used at /materials/course-reserves-students .\n *\n * TODO: unwrap it to a single line for wide screens?\n */\n#lits-search-course-reserves-form .form-item {\n max-width: 100%;\n}\n#lits-search-course-reserves-form #edit-course-reserves-search-query {\n width: 100%;\n}\n\n/**\n * @file\n * Styles for the unified search form, in the header of almost every page.\n */\n#search-blocks-container {\n width: 100%;\n}\n.lits_homepage #search-blocks-container {\n margin: 1rem 0;\n}\n#search-blocks-container #search-blocks-wrapper {\n display: flex;\n flex-flow: column wrap;\n}\n@media (min-width: 900px) {\n #search-blocks-container #search-blocks-wrapper {\n flex-flow: row wrap;\n }\n}\n#search-blocks-container .search-query-container {\n margin: auto;\n}\n@media (min-width: 900px) {\n #search-blocks-container .search-query-container {\n margin: inherit;\n }\n}\n#search-blocks-container label {\n font-size: 1.5rem;\n color: white;\n font-weight: bold;\n padding-bottom: 0;\n}\n#search-blocks-container #edit-lits-site-search-query--description,\n#search-blocks-container #edit-library-materials-search-query--description {\n color: #1a1a1a;\n font-style: italic;\n font-size: 0.85em;\n padding-bottom: 0.6em;\n}\n.lits_homepage #search-blocks-container #edit-lits-site-search-query--description,\n.lits_homepage #search-blocks-container #edit-library-materials-search-query--description {\n color: #ccdae3;\n}\n#search-blocks-container input {\n width: 100%;\n}\n.lits_homepage #search-blocks-container input:focus {\n outline-offset: 2px;\n outline: 3px solid #ff9e1b;\n text-decoration: underline solid;\n}\n.lits_homepage #search-blocks-container input:focus {\n text-decoration: none;\n}\n#search-blocks-container button {\n margin: 15px auto;\n}\n#search-blocks-container button:focus {\n outline-offset: 2px;\n outline: 3px solid #004876;\n text-decoration: underline solid;\n}\n.lits_homepage #search-blocks-container button {\n border: 3px solid #00a9e0;\n}\n.lits_homepage #search-blocks-container button:focus {\n outline-offset: 2px;\n outline: 3px solid #ff9e1b;\n text-decoration: underline solid;\n}\n@media (min-width: 900px) {\n #search-blocks-container button {\n margin: 15px 0;\n }\n}\n#search-blocks-container #block-lits-theme-librarymaterialssearchblock,\n#search-blocks-container #block-lits-theme-litssitesearchblock {\n flex: 1 1 auto;\n background-color: #004876;\n padding: 1em;\n}\n\n/** Interior pages */\n.lits_page #searchbar #searchbar-background {\n background-color: #e2dfdd;\n color: #004876;\n}\n.lits_page #searchbar #block-lits-theme-librarymaterialssearchblock, .lits_page #searchbar #block-lits-theme-litssitesearchblock {\n background-color: inherit;\n color: inherit;\n}\n.lits_page #searchbar #block-lits-theme-librarymaterialssearchblock label, .lits_page #searchbar #block-lits-theme-litssitesearchblock label {\n color: #004876;\n}\n\n/**\n * @file\n * Styles for the unified search form, in the header of almsot every page.\n */\n#block-lits-theme-litsunifiedsearchblock {\n background-color: #004876;\n padding: 1rem;\n}\n.lits_homepage #block-lits-theme-litsunifiedsearchblock {\n padding: 1.6rem;\n}\n#block-lits-theme-litsunifiedsearchblock #litsunifiedsearchblock-label {\n font-size: 1.5rem;\n color: white;\n font-weight: bold;\n margin: 0 0 1rem;\n}\n\n#lits-search-unified-search-form {\n display: flex;\n flex-flow: column wrap;\n justify-content: space-between;\n align-items: flex-start;\n /** Field containers */\n /** Fields */\n /** 900px+ */\n}\n#lits-search-unified-search-form .search-selection-container, #lits-search-unified-search-form .search-query-container,\n#lits-search-unified-search-form #edit-lits-search-go {\n flex: 1 1 auto;\n width: 100%;\n max-width: 100%;\n}\n#lits-search-unified-search-form #edit-search-query {\n width: 100%;\n}\n#lits-search-unified-search-form .form-item {\n margin: 0 0 2rem;\n}\n@media (min-width: 900px) {\n #lits-search-unified-search-form .form-item {\n margin: 0;\n }\n}\n#lits-search-unified-search-form .form-item input, #lits-search-unified-search-form .form-item select {\n height: 3rem;\n}\n.lits_homepage #lits-search-unified-search-form #edit-search-selection,\n.lits_homepage #lits-search-unified-search-form #edit-search-query {\n border: 1px solid white;\n}\n#lits-search-unified-search-form #edit-search-selection,\n#lits-search-unified-search-form #edit-search-query {\n border-radius: 0;\n}\n#lits-search-unified-search-form #edit-lits-search-go {\n /* Don't let the search button grow */\n flex: 0 1 auto;\n width: auto;\n}\n#lits-search-unified-search-form #edit-lits-search-go {\n background-color: #07c;\n border: none;\n outline: none;\n color: white;\n cursor: pointer;\n font-size: 0.9em;\n line-height: 1.4;\n padding: 10px;\n margin: auto;\n font-weight: normal;\n font-style: normal;\n display: block;\n text-decoration: none;\n text-align: center;\n}\n#lits-search-unified-search-form #edit-lits-search-go:visited {\n color: white;\n}\n#lits-search-unified-search-form #edit-lits-search-go:hover {\n background-color: #6e6259;\n color: white;\n}\n#lits-search-unified-search-form #edit-lits-search-go:focus {\n outline-offset: 2px;\n outline: 3px solid #004876;\n}\n.lits_homepage #block-lits-theme-litsunifiedsearchblock #lits-search-unified-search-form #edit-lits-search-go:focus {\n outline-offset: 2px;\n outline: 3px solid #ff9e1b;\n}\n.lits_homepage #lits-search-unified-search-form #edit-lits-search-go {\n border: 3px solid #00a9e0;\n}\n.lits_page #lits-search-unified-search-form #edit-lits-search-go {\n padding: 12px;\n}\n@media (min-width: 900px) {\n #lits-search-unified-search-form {\n /** Field containers */\n }\n #lits-search-unified-search-form {\n flex-flow: row wrap;\n }\n #lits-search-unified-search-form .search-selection-container {\n flex: 0 0 auto;\n width: 13rem;\n padding-right: 1rem;\n }\n #lits-search-unified-search-form .search-query-container {\n flex: 1 0 auto;\n width: 33%;\n padding-right: 1rem;\n }\n #lits-search-unified-search-form .search-query-container input {\n max-width: 100%;\n }\n #lits-search-unified-search-form #edit-lits-search-go {\n min-width: 0;\n margin: 0;\n }\n}\n\n/* II.A.3. Description */\n.search-selection-container .form-item__description {\n position: relative;\n width: 100%;\n margin: 0.5em 0 0;\n}\n\n/* II.A.3.a. Button */\n.search-detail-button {\n width: 1em;\n padding: 0;\n float: right;\n border: none;\n background: none;\n color: #004876;\n}\n.search-detail-button:link, .search-detail-button:visited {\n color: #004876;\n}\n.search-detail-button:active, .search-detail-button:hover {\n color: #07c;\n text-decoration: underline solid;\n}\n.search-detail-button:focus {\n outline-offset: 2px;\n outline: 3px solid #004876;\n text-decoration: underline solid;\n}\n.lits_homepage #block-lits-theme-litsunifiedsearchblock .search-detail-button:focus {\n outline-offset: 2px;\n outline: 3px solid #ff9e1b;\n text-decoration: underline solid;\n}\n.lits_homepage #block-lits-theme-litsunifiedsearchblock .search-detail-button svg:focus {\n outline-offset: 2px;\n outline: 3px solid #ff9e1b;\n text-decoration: underline solid;\n}\n.lits_homepage .search-detail-button {\n color: white;\n text-decoration: none;\n}\n.lits_homepage .search-detail-button:link, .lits_homepage .search-detail-button:visited {\n color: white;\n}\n.lits_homepage .search-detail-button:active, .lits_homepage .search-detail-button:hover {\n color: #ccdae3;\n text-decoration: underline solid;\n}\n.lits_homepage .search-detail-button:focus {\n outline-offset: 2px;\n outline: 3px solid white;\n text-decoration: underline solid;\n}\n.lits_homepage .search-detail-button svg:focus {\n outline-offset: 2px;\n outline: 3px solid white;\n text-decoration: underline solid;\n}\n.search-detail-button .narrow svg.fa-circle-question {\n display: inline-block;\n}\n.search-detail-button .narrow svg.fa-xmark {\n display: none;\n}\n.search-detail-button .wide {\n display: none;\n}\n.search-detail-button .wide svg {\n margin: 0 0.2rem;\n}\n@media (min-width: 900px) {\n .search-detail-button {\n width: auto;\n float: none;\n font-size: 0.9rem;\n text-align: left;\n }\n .search-detail-button .narrow {\n display: none;\n }\n .search-detail-button .wide {\n display: inline;\n }\n}\n\n.expandable--open > .search-detail-button .narrow svg.fa-circle-question {\n display: none;\n}\n.expandable--open > .search-detail-button .narrow svg.fa-xmark {\n display: inline-block;\n}\n.expandable--open > .search-detail-button .wide svg {\n transform: rotate(180deg);\n}\n\n/* II.A.3.b. Content */\n#search-detail-content {\n display: none;\n width: 100%;\n padding: 0.5rem;\n clear: both;\n border: 2px solid #07c;\n background: white;\n color: #004876;\n font-size: 0.9rem;\n line-height: 1.4;\n}\n@media (min-width: 900px) {\n #search-detail-content {\n width: calc(calc(100vw - 2 * (0.5rem + (100vw - 900px) / 6)) - 2rem);\n }\n}\n@media (min-width: 1920px) {\n #search-detail-content {\n width: calc(1564px - 2rem);\n }\n}\n@media (min-width: 900px) {\n .lits_homepage #search-detail-content {\n width: calc(calc(100vw - 2 * (0.5rem + (100vw - 900px) / 6)) - 3.2rem);\n }\n}\n@media (min-width: 1200px) {\n .lits_homepage #search-detail-content {\n width: calc(calc(100vw - 2 * (0.5rem + (100vw - 900px) / 6)) * 0.6 - 3.2rem);\n }\n}\n@media (min-width: 1920px) {\n .lits_homepage #search-detail-content {\n width: calc(938.4px - 3.2rem);\n }\n}\n#search-detail-content dl {\n display: flex;\n flex-flow: row wrap;\n justify-content: flex-start;\n}\n#search-detail-content dl dt,\n#search-detail-content dl dd {\n flex: 0 0 auto;\n margin: 0;\n padding: 0.5rem;\n width: 100%;\n}\n#search-detail-content dl dt {\n font-weight: bold;\n}\n@media (min-width: 900px) {\n #search-detail-content dl dt {\n width: 12rem;\n padding: 0.5rem 0;\n }\n #search-detail-content dl dd {\n width: calc(100% - 12rem);\n padding: 0.5rem 0 0.5rem 0.9rem;\n }\n}\n\n/** Interior pages */\n.lits_page #searchbar #searchbar-background {\n background-color: #e2dfdd;\n color: #004876;\n}\n.lits_page #searchbar #block-lits-theme-litsunifiedsearchblock {\n background-color: inherit;\n color: inherit;\n width: 100%;\n}\n.lits_page #searchbar #block-lits-theme-litsunifiedsearchblock #litsunifiedsearchblock-label {\n color: inherit;\n}\n\n.search-results {\n border-right: 1px solid #07c;\n border-bottom: 1px solid #07c;\n border-left: 1px solid #07c;\n}\n.study-space-finder .search-results {\n border: none;\n}\n\n.search-result--two-columns,\n.search-result--no-columns {\n border-bottom: 1px solid #e2dfdd;\n clear: both;\n padding: 10px 15px;\n}\n\n.search-result--two-columns .grid-container {\n display: grid;\n grid-column-gap: 10px;\n grid-template-columns: 1fr 3fr;\n}\n\n.search-website nav.pager,\n.search-guides nav.pager,\n.search-materials nav.pager,\n.search-media nav.pager {\n margin: 0;\n border-bottom: 1px solid #e2dfdd;\n font-weight: 400;\n}\n\ndiv.result-summary,\n.no-results-found {\n font-size: 0.9rem;\n padding: 0 15px;\n}\n\ndiv.result-summary {\n border-bottom: 1px solid #e2dfdd;\n}\n\n/** Format Type **/\n.search-result-type {\n background-color: #b8b8b8;\n color: white;\n display: inline;\n padding: 5px 10px;\n}\n\n/** Format image **/\n.search-result-thumbnail a {\n display: block;\n}\n\n.search-result-thumbnail a img {\n width: 100%;\n}\n\n/** Format year **/\n.search-result-date {\n font-size: 0.8rem;\n color: #333;\n text-transform: uppercase;\n}\n\n/** Format Content **/\n.bentos .search-result-content, .bentos .search-result-availability {\n font-size: 0.9rem;\n line-height: 1.3rem;\n margin: 0;\n}\n\n.result-count {\n margin-top: 5px;\n}\n\n.search-result-first-column .search-result-date {\n text-align: center;\n}\n\n/** Possibly this should move to atoms/lists **/\n.research-guide-subjects {\n list-style-type: none;\n margin: 0.5rem 0;\n padding: 0;\n font-size: 0.9rem;\n}\n.research-guide-subjects li {\n border: 1px dashed #00a9e0;\n color: #004876;\n display: inline-block;\n margin: 0 0.7rem 0.7rem 0;\n padding: 0.2rem 0.5rem;\n}\n\n/** Format Button **/\ndiv.search-result-details.btn {\n display: flex;\n flex-flow: row-reverse nowrap;\n}\n\ndiv.search-result-details.btn a {\n font-size: 0.9rem;\n background-color: rgba(0, 112, 192, 0.94);\n color: white;\n padding: 5px 10px;\n margin: 20px 0 10px;\n}\ndiv.search-result-details.btn a:hover {\n background-color: #6e6259;\n transition: 0.2s ease-in;\n}\n\n.search-result-content.croppable .content-crop {\n max-height: 5.6em;\n overflow: hidden;\n}\n\n.search-result-content.croppable button {\n font-size: 0.8rem;\n color: #07c;\n width: 100%;\n margin: 0 auto;\n background: none;\n border-top: 1px dotted #07c;\n border-right: none;\n border-bottom: none;\n border-left: none;\n padding: 0 0.8rem;\n cursor: pointer;\n}\n.search-result-content.croppable button:hover {\n color: #00a9e0;\n}\n\n.study-space-detail-group {\n color: #07c;\n font-size: 200%;\n margin: 0.5rem 0;\n}\n.study-space-detail-group div {\n display: inline-block;\n}\n.study-space-detail-group .study-space-detail-label {\n position: absolute !important;\n clip: rect(1px, 1px, 1px, 1px);\n overflow: hidden;\n height: 1px;\n width: 1px;\n word-wrap: normal;\n}\n\n.study-space-finder .search-result--two-columns .grid-container {\n grid-column-gap: 5%;\n grid-template-columns: 1fr 2fr;\n}\n\n.google-json-api-search #search-form {\n display: none;\n}\n.google-json-api-search h1 {\n margin-bottom: 0;\n}\n.google-json-api-search h2 {\n display: none;\n}\n.google-json-api-search h2.didyoumean {\n margin: 0.25em 0 0.5em;\n font-style: italic;\n display: block;\n}\n.google-json-api-search h2.search-google-title {\n display: block;\n}\n.google-json-api-search div.result-summary,\n.google-json-api-search div.results-limited {\n padding: 0;\n border-bottom: 1px solid #e2dfdd;\n}\n.google-json-api-search div.results-limited {\n font-style: italic;\n padding: 0 0 0 15px;\n}\n.google-json-api-search div.results-limited .fa-triangle-exclamation {\n display: inline-block;\n color: #ff671f;\n padding: 0;\n}\n.google-json-api-search div.results-limited .gjas-results-limitation--message {\n display: inline-block;\n padding: 0;\n}\n.google-json-api-search .gjas-results-no-results--message,\n.google-json-api-search .gjas-results--message,\n.google-json-api-search .gjas-results-no-keywords--message,\n.google-json-api-search .gjas-results-limitation--message {\n font-size: 0.9rem;\n padding: 0 15px;\n}\n\n.lits-location-teaser {\n min-height: 15rem;\n background-color: #a20067;\n color: white;\n}\n.lits-location-teaser {\n padding-right: calc(1 * 0.5rem);\n}\n@media (min-width: 900px) {\n .lits-location-teaser {\n padding-right: calc(1 * (0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 948px) {\n .lits-location-teaser {\n padding-right: calc(1 * 1rem);\n }\n}\n.lits-location-teaser {\n padding-left: calc(1 * 0.5rem);\n}\n@media (min-width: 900px) {\n .lits-location-teaser {\n padding-left: calc(1 * (0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 948px) {\n .lits-location-teaser {\n padding-left: calc(1 * 1rem);\n }\n}\n.lits-location-teaser {\n padding-top: calc(1 * 0.5rem);\n}\n@media (min-width: 900px) {\n .lits-location-teaser {\n padding-top: calc(1 * (0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 948px) {\n .lits-location-teaser {\n padding-top: calc(1 * 1rem);\n }\n}\n.lits-location-teaser {\n padding-bottom: calc(1 * 0.5rem);\n}\n@media (min-width: 900px) {\n .lits-location-teaser {\n padding-bottom: calc(1 * (0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 948px) {\n .lits-location-teaser {\n padding-bottom: calc(1 * 1rem);\n }\n}\n.lits-location-teaser h1,\n.lits-location-teaser h2 {\n margin: 0;\n font-weight: 600;\n font-size: 1.8rem;\n line-height: 2.4rem;\n color: white;\n}\n.lits-location-teaser address {\n font-size: 1rem;\n line-height: 1.5rem;\n margin-bottom: 1em;\n}\n.lits-location-teaser address svg {\n margin-right: 0.5em;\n}\n.lits-location-teaser .location-visit {\n font-size: 1rem;\n line-height: 1.5rem;\n}\n.lits-location-teaser .location-visit .open-now-container {\n font-size: 1.2rem;\n margin-bottom: 0.5em;\n}\n.lits-location-teaser .teaser-icon img {\n margin: 0 auto;\n}\n.lits-location-teaser a {\n color: white;\n text-decoration: none;\n}\n.lits-location-teaser a:link, .lits-location-teaser a:visited {\n color: white;\n}\n.lits-location-teaser a:active, .lits-location-teaser a:hover {\n color: #ccdae3;\n text-decoration: underline solid;\n}\n.lits-location-teaser a:focus {\n outline-offset: 2px;\n outline: 3px solid white;\n text-decoration: underline solid;\n}\n.lits-location-teaser a svg:focus {\n outline-offset: 2px;\n outline: 3px solid white;\n text-decoration: underline solid;\n}\n.lits-location-teaser a {\n text-decoration: underline solid;\n}\n#sidebar-container .lits-location-teaser {\n padding: 0;\n background-color: white;\n color: #1a1a1a;\n}\n#sidebar-container .lits-location-teaser .service-desk-content {\n padding-right: calc(1 * 0.5rem);\n}\n@media (min-width: 900px) {\n #sidebar-container .lits-location-teaser .service-desk-content {\n padding-right: calc(1 * (0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 1044px) {\n #sidebar-container .lits-location-teaser .service-desk-content {\n padding-right: calc(1 * 2rem);\n }\n}\n#sidebar-container .lits-location-teaser .service-desk-content {\n padding-left: calc(1 * 0.5rem);\n}\n@media (min-width: 900px) {\n #sidebar-container .lits-location-teaser .service-desk-content {\n padding-left: calc(1 * (0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 1044px) {\n #sidebar-container .lits-location-teaser .service-desk-content {\n padding-left: calc(1 * 2rem);\n }\n}\n#sidebar-container .lits-location-teaser .service-desk-content {\n padding-top: calc(1 * 0.5rem);\n}\n@media (min-width: 900px) {\n #sidebar-container .lits-location-teaser .service-desk-content {\n padding-top: calc(1 * (0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 948px) {\n #sidebar-container .lits-location-teaser .service-desk-content {\n padding-top: calc(1 * 1rem);\n }\n}\n#sidebar-container .lits-location-teaser .service-desk-content {\n padding-bottom: calc(1 * 0.5rem);\n}\n@media (min-width: 900px) {\n #sidebar-container .lits-location-teaser .service-desk-content {\n padding-bottom: calc(1 * (0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 1044px) {\n #sidebar-container .lits-location-teaser .service-desk-content {\n padding-bottom: calc(1 * 2rem);\n }\n}\n#sidebar-container .lits-location-teaser h2.service-desk-title {\n background-color: #a20067;\n color: white;\n}\n#sidebar-container .lits-location-teaser h2.service-desk-title {\n padding-right: calc(1 * 0.5rem);\n}\n@media (min-width: 900px) {\n #sidebar-container .lits-location-teaser h2.service-desk-title {\n padding-right: calc(1 * (0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 948px) {\n #sidebar-container .lits-location-teaser h2.service-desk-title {\n padding-right: calc(1 * 1rem);\n }\n}\n#sidebar-container .lits-location-teaser h2.service-desk-title {\n padding-left: calc(1 * 0.5rem);\n}\n@media (min-width: 900px) {\n #sidebar-container .lits-location-teaser h2.service-desk-title {\n padding-left: calc(1 * (0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 948px) {\n #sidebar-container .lits-location-teaser h2.service-desk-title {\n padding-left: calc(1 * 1rem);\n }\n}\n#sidebar-container .lits-location-teaser h2.service-desk-title {\n padding-top: calc(1 * 0.5rem);\n}\n@media (min-width: 900px) {\n #sidebar-container .lits-location-teaser h2.service-desk-title {\n padding-top: calc(1 * (0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 948px) {\n #sidebar-container .lits-location-teaser h2.service-desk-title {\n padding-top: calc(1 * 1rem);\n }\n}\n#sidebar-container .lits-location-teaser h2.service-desk-title {\n padding-bottom: calc(1 * 0.5rem);\n}\n@media (min-width: 900px) {\n #sidebar-container .lits-location-teaser h2.service-desk-title {\n padding-bottom: calc(1 * (0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 948px) {\n #sidebar-container .lits-location-teaser h2.service-desk-title {\n padding-bottom: calc(1 * 1rem);\n }\n}\n#sidebar-container .lits-location-teaser h3.service-desk-title {\n margin-top: 0;\n margin-bottom: 0;\n}\n#sidebar-container .lits-location-teaser .service-desk-slogan {\n margin-top: 0;\n margin-bottom: 0;\n}\n#sidebar-container .lits-location-teaser a {\n color: #07c;\n text-decoration: none;\n}\n#sidebar-container .lits-location-teaser a:link, #sidebar-container .lits-location-teaser a:visited {\n color: #07c;\n}\n#sidebar-container .lits-location-teaser a:active, #sidebar-container .lits-location-teaser a:hover {\n color: #004876;\n text-decoration: underline solid;\n}\n#sidebar-container .lits-location-teaser a:focus {\n outline-offset: 2px;\n outline: 3px solid #004876;\n text-decoration: underline solid;\n}\n@media (min-width: 900px) {\n #sidebar-container .lits-location-teaser {\n border-bottom: none;\n box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);\n }\n}\n\n.location-teaser-social {\n height: 100%;\n}\n.location-teaser-social ul {\n display: flex;\n flex-flow: row wrap;\n width: 80%;\n padding: 1rem 0;\n margin: auto;\n}\n#sidebar-container .location-teaser-social ul {\n padding: 1rem 0 0;\n}\n.location-teaser-social ul > li {\n flex: 1 1 auto;\n}\n.location-teaser-social ul > li a {\n color: white;\n text-decoration: none;\n}\n.location-teaser-social ul > li a:link, .location-teaser-social ul > li a:visited {\n color: white;\n}\n.location-teaser-social ul > li a:active, .location-teaser-social ul > li a:hover {\n color: #e2dfdd;\n text-decoration: underline solid;\n}\n.location-teaser-social ul > li a:focus {\n outline-offset: 2px;\n outline: 3px solid white;\n text-decoration: underline solid;\n}\n.location-teaser-social ul > li a svg:focus {\n outline-offset: 2px;\n outline: 3px solid white;\n text-decoration: underline solid;\n}\n\n/**\n * @file\n * Styles for Location pages (Study Space nodes and Service Desk terms).\n *\n * @see templates/content/node--study-space--full.html.twig\n * @see templates/views/views-view-fields--about-lits-service-desks--detail-page.html.twig\n */\n.service_desk #block-lits-theme-breadcrumbs,\n.study_space #block-lits-theme-breadcrumbs {\n padding-right: 0.5rem;\n}\n@media (min-width: 900px) {\n .service_desk #block-lits-theme-breadcrumbs,\n .study_space #block-lits-theme-breadcrumbs {\n padding-right: calc((0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 1920px) {\n .service_desk #block-lits-theme-breadcrumbs,\n .study_space #block-lits-theme-breadcrumbs {\n padding-right: calc(0.5rem + math.div((1920px - 900px), 6));\n }\n}\n.service_desk #block-lits-theme-breadcrumbs,\n.study_space #block-lits-theme-breadcrumbs {\n padding-left: 0.5rem;\n}\n@media (min-width: 900px) {\n .service_desk #block-lits-theme-breadcrumbs,\n .study_space #block-lits-theme-breadcrumbs {\n padding-left: calc((0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 1920px) {\n .service_desk #block-lits-theme-breadcrumbs,\n .study_space #block-lits-theme-breadcrumbs {\n padding-left: calc(0.5rem + math.div((1920px - 900px), 6));\n }\n}\n@media (min-width: 600px) {\n .service_desk #block-lits-theme-breadcrumbs,\n .study_space #block-lits-theme-breadcrumbs {\n padding: 0;\n }\n}\n\n.lits-location {\n margin-top: 1rem;\n}\n.lits-location .location-left,\n.lits-location .location-right {\n flex-basis: auto;\n width: 100%;\n}\n@media (min-width: 900px) {\n .lits-location .location-left {\n width: 38%;\n }\n .lits-location .location-right {\n width: 62%;\n }\n}\n.lits-location .location-bite {\n padding: 1rem;\n background-color: #07c;\n color: white;\n font-size: 1rem;\n font-weight: 300;\n line-height: 1.7rem;\n border-top: 1px solid white;\n}\n.lits-location .location-hours {\n margin-bottom: 1rem;\n padding: 1rem;\n border-bottom: 1px dashed #5c7f1a;\n}\n@media (min-width: 900px) {\n .lits-location .location-hours {\n margin-bottom: 0;\n border-bottom: none;\n }\n}\n.lits-location .location-hours h2 {\n text-align: left;\n font-weight: bold;\n color: #1a1a1a;\n}\n.lits-location .location-hours .all-hours-link {\n margin: 1rem auto;\n text-align: center;\n border: 2px solid #6f263d;\n padding: 0.5rem;\n}\n.lits-location .location-hours .all-hours-link a {\n color: #6f263d;\n}\n.lits-location .location-images img {\n margin: 0;\n}\n.lits-location .location-sidebar {\n background-color: #5c7f1a;\n color: white;\n padding: 1rem;\n}\n.lits-location .location-sidebar h3.wheelchair {\n width: 100%;\n align-self: stretch;\n margin: 0;\n padding: 1rem;\n border: 1px dashed white;\n font-size: 1.2rem;\n font-weight: 500;\n}\n.lits-location .location-sidebar a:not(.button) {\n color: white;\n text-decoration: none;\n}\n.lits-location .location-sidebar a:not(.button):link, .lits-location .location-sidebar a:not(.button):visited {\n color: white;\n}\n.lits-location .location-sidebar a:not(.button):active, .lits-location .location-sidebar a:not(.button):hover {\n color: #e2dfdd;\n text-decoration: underline solid;\n}\n.lits-location .location-sidebar a:not(.button):focus {\n outline-offset: 2px;\n outline: 3px solid white;\n text-decoration: underline solid;\n}\n.lits-location .location-sidebar a:not(.button) svg:focus {\n outline-offset: 2px;\n outline: 3px solid white;\n text-decoration: underline solid;\n}\n.lits-location .location-sidebar a.button {\n background-color: #07c;\n border: 3px solid white;\n outline: none;\n color: white;\n cursor: pointer;\n font-size: 0.9em;\n line-height: 1.4;\n padding: 10px;\n margin: 15px 0;\n font-weight: normal;\n font-style: normal;\n display: block;\n text-decoration: none;\n text-align: center;\n}\n.lits-location .location-sidebar a.button:visited {\n color: white;\n}\n.lits-location .location-sidebar a.button:hover {\n background-color: #6e6259;\n color: white;\n}\n.lits-location .location-sidebar a.button:focus {\n outline-offset: 2px;\n outline: 3px solid white;\n}\n.lits_homepage #block-lits-theme-litsunifiedsearchblock .lits-location .location-sidebar a.button:focus {\n outline-offset: 2px;\n outline: 3px solid #ff9e1b;\n}\n.lits-location .location-sidebar a.button:hover {\n text-decoration: underline;\n}\n.lits-location .location-sidebar .study-space-details {\n display: flex;\n flex-flow: row wrap;\n align-items: flex-start;\n}\n.lits-location .location-sidebar .study-space-details .detail-group {\n flex: 1 1 auto;\n width: 100%;\n}\n@media (min-width: 900px) {\n .lits-location .location-sidebar .study-space-details .detail-group {\n width: 48%;\n }\n}\n.lits-location .location-sidebar .study-space-details .detail-group h3 {\n border-bottom: 1px dashed white;\n}\n.lits-location .location-sidebar .study-space-details .detail-group .grid-item {\n width: 80%;\n}\n.lits-location .location-sidebar .study-space-detail-label {\n display: inline-block;\n}\n.lits-location .location-sidebar svg {\n margin-right: 9px;\n width: 1.2rem;\n}\n.lits-location .location-sidebar li::before {\n padding-right: 10px;\n}\n.lits-location .location-content {\n padding-right: 0.5rem;\n}\n@media (min-width: 900px) {\n .lits-location .location-content {\n padding-right: calc((0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 1920px) {\n .lits-location .location-content {\n padding-right: calc(0.5rem + math.div((1920px - 900px), 6));\n }\n}\n.lits-location .location-content {\n padding-left: 0.5rem;\n}\n@media (min-width: 900px) {\n .lits-location .location-content {\n padding-left: calc((0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 1920px) {\n .lits-location .location-content {\n padding-left: calc(0.5rem + math.div((1920px - 900px), 6));\n }\n}\n@media (min-width: 600px) {\n .lits-location .location-content {\n margin: 0;\n padding: 0;\n }\n}\n.lits-location .service-desk-staff {\n display: flex;\n flex-flow: row wrap;\n justify-content: center;\n}\n@media (min-width: 600px) {\n .lits-location .service-desk-staff {\n justify-content: space-between;\n }\n}\n.lits-location .service-desk-staff .views-row {\n flex-basis: auto;\n width: 100%;\n}\n@media (min-width: 600px) {\n .lits-location .service-desk-staff .views-row {\n width: 48%;\n }\n}\n@media (min-width: 900px) {\n .lits-location .service-desk-staff .views-row {\n width: 30%;\n }\n}\n@media (min-width: 1200px) {\n .lits-location .service-desk-staff .views-row {\n width: 21%;\n }\n}\n.lits-location .service-desk-staff .department-person-photo {\n width: 80%;\n margin: 0 auto;\n}\n.lits-location .service-desk-staff .department-person-info {\n margin-bottom: 2em;\n font-size: 90%;\n}\n.lits-location .service-desk-staff .department-person-info h3 {\n margin: 0;\n}\n.lits-location .floorMapContainer {\n display: flex;\n flex-flow: column nowrap;\n justify-content: center;\n}\n@media (min-width: 900px) {\n .lits-location .floorMapContainer {\n flex-flow: row nowrap;\n }\n}\n.lits-location .floorMapContainer .floorMap-wrapper {\n width: 100%;\n}\n@media (min-width: 900px) {\n .lits-location .floorMapContainer .floorMap-wrapper {\n width: 50%;\n }\n}\n.lits-location .floorMapContainer .floorMap {\n flex: 1 1 auto;\n padding: 1em;\n max-width: 100%;\n}\n.lits-location .floorMapContainer .floorMap svg {\n width: 100%;\n}\n.lits-location .floorMapContainer .campus-map-link {\n margin-bottom: 1rem;\n text-align: center;\n}\n\n/**\n * @file\n * Styles for LITS site branding link in the masthead.\n */\n.logobar-branding-wrap {\n margin: auto 0;\n flex: 0 1 auto;\n}\n.logobar-branding-wrap a {\n display: block;\n margin-bottom: 5px;\n border-left: 1px solid white;\n text-align: left;\n font-size: 19px;\n padding-left: 19px;\n}\n@media (min-width: 600px) {\n .logobar-branding-wrap a {\n font-size: 19px;\n padding-left: 19px;\n }\n}\n\n/**\n * @file\n * Layout rules for main navigation.\n */\n#main-menu-toggle-expand {\n padding: 0.5rem 0;\n}\n\nnav#block-lits-theme-mainnavigation {\n width: 100%;\n}\nnav#block-lits-theme-mainnavigation ul {\n list-style: none;\n margin: 0;\n padding: 0;\n}\nnav#block-lits-theme-mainnavigation #main-nav {\n display: none;\n}\n@media (min-width: 900px) {\n nav#block-lits-theme-mainnavigation #main-nav {\n display: block;\n }\n nav#block-lits-theme-mainnavigation #main-nav > ul.main-menu {\n display: grid;\n grid-template-areas: \"materials research techsupport places teachingsupport\";\n grid-template-columns: repeat(5, 1fr);\n }\n}\n\n@media (min-width: 900px) {\n .main-submenu--wrapper {\n position: absolute;\n z-index: 2;\n }\n}\n\n.main-menu__item {\n padding: 0.5rem;\n text-align: left;\n}\n.main-menu__item a.main-menu__link--sub {\n display: block;\n}\n.main-menu__item > button:focus, .main-menu__item > a:focus {\n outline-offset: 2px;\n outline: 3px solid #004876;\n}\n.main-menu__item.main-menu__item--root {\n text-align: center;\n padding: 0;\n}\n.main-menu__item.main-menu__item--root > button:focus, .main-menu__item.main-menu__item--root > a:focus, .main-menu__item.main-menu__item--root > button svg:focus {\n outline-offset: 2px;\n outline: 3px solid white;\n}\n@media (min-width: 900px) {\n .main-menu__item.main-menu__item--root:nth-child(2) {\n text-align: left;\n }\n .main-menu__item.main-menu__item--root:nth-child(3) {\n text-align: left;\n padding-left: 15%;\n }\n .main-menu__item.main-menu__item--root:nth-child(4) {\n text-align: center;\n }\n .main-menu__item.main-menu__item--root:nth-child(5) {\n text-align: right;\n padding-right: 30%;\n }\n .main-menu__item.main-menu__item--root:nth-child(6) {\n text-align: right;\n }\n}\n@media (min-width: 600px) {\n .main-menu__item {\n padding: 0.25rem;\n }\n}\n.main-menu__item button, .main-menu__item#main-menu_hours-accounts a {\n background-color: rgba(0, 0, 0, 0);\n color: white;\n border: none;\n white-space: nowrap;\n font-size: 1rem;\n font-weight: 400;\n padding: 0.5rem 0;\n margin: 0 auto;\n cursor: pointer;\n}\n.main-menu__item button:hover, .main-menu__item button:active, .main-menu__item button:focus, .main-menu__item#main-menu_hours-accounts a:hover, .main-menu__item#main-menu_hours-accounts a:active, .main-menu__item#main-menu_hours-accounts a:focus {\n outline-offset: 2px;\n outline: 3px solid white;\n color: #ccdae3;\n}\n.main-menu__item#main-menu_hours-accounts {\n display: flex;\n flex-flow: row wrap;\n background-color: #004876;\n}\n@media (min-width: 900px) {\n .main-menu__item#main-menu_hours-accounts {\n display: none;\n }\n}\n.main-menu__item#main-menu_hours-accounts div {\n flex: 1 1 auto;\n width: 49%;\n padding: 1rem;\n}\n.main-menu__item#main-menu_hours-accounts div#main-menu_hours-accounts-divider {\n padding-left: 0;\n padding-right: 0;\n width: 1px;\n}\n.main-menu__item#main-menu_hours-accounts div#main-menu_hours-accounts-divider span {\n border-right: 1px solid #e5e5e5;\n display: block;\n height: 100%;\n}\n.main-menu__item#main-menu_hours-accounts div a {\n padding: 0;\n white-space: normal;\n display: block;\n}\n.main-menu__item .main-submenu--wrapper {\n display: none;\n}\n@media (min-width: 900px) {\n .main-menu__item .main-submenu--wrapper {\n width: 581px;\n border: 2px solid #00a9e0;\n max-height: calc(-108px + 100vh);\n overflow-y: auto;\n }\n}\n.main-menu__item.main-menu__item.expandable--open button {\n color: #ccdae3;\n}\n.main-menu__item.main-menu__item.expandable--open button svg {\n transform: rotate(180deg);\n}\n.main-menu__item.main-menu__item--root .submenu-flex-container {\n display: flex;\n flex-flow: column nowrap;\n justify-content: center;\n background-color: white;\n}\n@media (min-width: 600px) {\n .main-menu__item.main-menu__item--root .submenu-flex-container {\n flex-flow: row nowrap;\n }\n}\n.main-menu__item.main-menu__item--root .submenu-flex-container div.main-menu--sub {\n flex: 1 1 auto;\n width: 100%;\n padding: 0 1rem;\n}\n@media (min-width: 600px) {\n .main-menu__item.main-menu__item--root .submenu-flex-container div.main-menu--sub {\n width: 50%;\n }\n}\n.main-menu__item.main-menu__item--root .submenu-flex-container div.main-menu--sub li {\n border-bottom: 1px solid #e5e5e5;\n}\n@media (min-width: 600px) {\n .main-menu__item.main-menu__item--root .submenu-flex-container div.main-menu--sub {\n margin: 1rem 0;\n }\n .main-menu__item.main-menu__item--root .submenu-flex-container div.main-menu--sub:nth-child(2n) {\n border-left: 1px solid #1a1a1a;\n }\n .main-menu__item.main-menu__item--root .submenu-flex-container div.main-menu--sub li:last-child {\n border-bottom: none;\n }\n}\n\n.main-menu__link {\n font-size: 1rem;\n line-height: 1.5rem;\n text-decoration: none;\n}\n\n.menu-link-complex {\n display: flex;\n flex-flow: row nowrap;\n}\n.menu-link-complex .menu-link-icon {\n padding-right: 1rem;\n flex: 0 0 auto;\n}\n.menu-link-complex .menu-link-icon img {\n margin: 0;\n}\n\n/**\n * @file\n * Styles for toggling the main menu open/closed on narrow screens.\n */\n.toggle-expand {\n display: inline-block;\n padding: 1rem 0;\n text-decoration: none;\n width: 100%;\n color: white;\n text-align: center;\n color: white;\n text-decoration: none;\n}\n.toggle-expand:link, .toggle-expand:visited {\n color: white;\n}\n.toggle-expand:active, .toggle-expand:hover {\n color: #ccdae3;\n text-decoration: underline solid;\n}\n.toggle-expand:focus {\n outline-offset: 2px;\n outline: 3px solid white;\n text-decoration: underline solid;\n}\n.toggle-expand svg:focus {\n outline-offset: 2px;\n outline: 3px solid white;\n text-decoration: underline solid;\n}\n@media (min-width: 900px) {\n .toggle-expand {\n display: none;\n }\n}\n\n.toggle-expand__text {\n display: inline-block;\n font-size: 1.2rem;\n font-weight: 400;\n padding-left: 10px;\n}\n\n.toggle-expand__icon {\n height: 3rem;\n width: 3rem;\n margin: 0 auto;\n}\n\n.toggle-expand__open {\n display: inline-block;\n text-align: center;\n}\n.toggle-expand--open .toggle-expand__open {\n display: none;\n}\n\n.toggle-expand__close {\n display: none;\n text-align: center;\n}\n.toggle-expand--open .toggle-expand__close {\n display: inline-block;\n}\n\n/**\n * @file\n * Styles for breadcrumbs.\n */\n.breadcrumb {\n list-style: none;\n margin: 0;\n padding: 0;\n line-height: 1.4rem;\n}\n\n.breadcrumb__item {\n display: inline-block;\n font-size: 0.9rem;\n font-weight: 600;\n}\n.breadcrumb__item::after {\n content: \"/\";\n}\n.breadcrumb__item:last-child {\n color: #004876;\n}\n.breadcrumb__item:last-child::after {\n content: \"\";\n}\n\n.breadcrumb__link {\n font-weight: 400;\n color: #07c;\n text-decoration: none;\n}\n.breadcrumb__link:link, .breadcrumb__link:visited {\n color: #07c;\n}\n.breadcrumb__link:active, .breadcrumb__link:hover {\n color: #004876;\n text-decoration: underline solid;\n}\n.breadcrumb__link:focus {\n outline-offset: 2px;\n outline: 3px solid #004876;\n text-decoration: underline solid;\n}\n\n.inline-menu {\n list-style: none;\n margin: 0;\n padding: 0;\n}\n\n.inline-menu__item {\n margin: 0 1em 0.5em 0;\n}\n@media (min-width: 48em) {\n .inline-menu__item {\n display: inline;\n margin-bottom: 1em;\n }\n}\n.inline-menu__item:last-child {\n margin-right: 0;\n}\n\n.inline-menu__link {\n font-size: 0.75rem;\n font-weight: 600;\n letter-spacing: 1.5px;\n text-decoration: none;\n text-transform: uppercase;\n}\n\n/**\n * @file\n * Rules for sidebar nav menus.\n */\n#sidebar-container .sidebar-nav {\n background-color: white;\n}\n@media (min-width: 600px) {\n #sidebar-container .sidebar-nav {\n box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);\n }\n}\n#sidebar-container .sidebar-nav h2 {\n background-color: #5c7f1a;\n color: white;\n}\n#sidebar-container .sidebar-nav h2 {\n padding-right: calc(1 * 0.5rem);\n}\n@media (min-width: 900px) {\n #sidebar-container .sidebar-nav h2 {\n padding-right: calc(1 * (0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 948px) {\n #sidebar-container .sidebar-nav h2 {\n padding-right: calc(1 * 1rem);\n }\n}\n#sidebar-container .sidebar-nav h2 {\n padding-left: calc(1 * 0.5rem);\n}\n@media (min-width: 900px) {\n #sidebar-container .sidebar-nav h2 {\n padding-left: calc(1 * (0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 948px) {\n #sidebar-container .sidebar-nav h2 {\n padding-left: calc(1 * 1rem);\n }\n}\n#sidebar-container .sidebar-nav h2 {\n padding-top: calc(1 * 0.5rem);\n}\n@media (min-width: 900px) {\n #sidebar-container .sidebar-nav h2 {\n padding-top: calc(1 * (0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 948px) {\n #sidebar-container .sidebar-nav h2 {\n padding-top: calc(1 * 1rem);\n }\n}\n#sidebar-container .sidebar-nav h2 {\n padding-bottom: calc(1 * 0.5rem);\n}\n@media (min-width: 900px) {\n #sidebar-container .sidebar-nav h2 {\n padding-bottom: calc(1 * (0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 948px) {\n #sidebar-container .sidebar-nav h2 {\n padding-bottom: calc(1 * 1rem);\n }\n}\n#sidebar-container .sidebar-nav h2 a {\n color: white;\n text-decoration: none;\n}\n#sidebar-container .sidebar-nav h2 a:link, #sidebar-container .sidebar-nav h2 a:visited {\n color: white;\n}\n#sidebar-container .sidebar-nav h2 a:active, #sidebar-container .sidebar-nav h2 a:hover {\n color: #e2dfdd;\n text-decoration: underline solid;\n}\n#sidebar-container .sidebar-nav h2 a:focus {\n outline-offset: 2px;\n outline: 3px solid white;\n text-decoration: underline solid;\n}\n#sidebar-container .sidebar-nav h2 a svg:focus {\n outline-offset: 2px;\n outline: 3px solid white;\n text-decoration: underline solid;\n}\n#sidebar-container .sidebar-nav h2 a {\n text-decoration: underline solid;\n}\n#sidebar-container .sidebar-nav .menu__item {\n padding: 0.4rem 0;\n}\n#sidebar-container .sidebar-nav .menu__item .subtitle {\n padding-left: 1.2rem;\n}\n#sidebar-container .sidebar-nav ul {\n font-size: 1.2rem;\n list-style: none;\n margin: 0;\n padding: 0;\n}\n#sidebar-container .sidebar-nav ul {\n padding-right: calc(1 * 0.5rem);\n}\n@media (min-width: 900px) {\n #sidebar-container .sidebar-nav ul {\n padding-right: calc(1 * (0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 1044px) {\n #sidebar-container .sidebar-nav ul {\n padding-right: calc(1 * 2rem);\n }\n}\n#sidebar-container .sidebar-nav ul {\n padding-left: calc(1 * 0.5rem);\n}\n@media (min-width: 900px) {\n #sidebar-container .sidebar-nav ul {\n padding-left: calc(1 * (0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 1044px) {\n #sidebar-container .sidebar-nav ul {\n padding-left: calc(1 * 2rem);\n }\n}\n#sidebar-container .sidebar-nav ul {\n padding-top: calc(1 * 0.5rem);\n}\n@media (min-width: 900px) {\n #sidebar-container .sidebar-nav ul {\n padding-top: calc(1 * (0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 948px) {\n #sidebar-container .sidebar-nav ul {\n padding-top: calc(1 * 1rem);\n }\n}\n#sidebar-container .sidebar-nav ul {\n padding-bottom: calc(1 * 0.5rem);\n}\n@media (min-width: 900px) {\n #sidebar-container .sidebar-nav ul {\n padding-bottom: calc(1 * (0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 948px) {\n #sidebar-container .sidebar-nav ul {\n padding-bottom: calc(1 * 1rem);\n }\n}\n#sidebar-container .sidebar-nav ul a:active,\n#sidebar-container .sidebar-nav ul a:hover {\n color: #5c7f1a;\n text-decoration: underline #5c7f1a solid;\n}\n#sidebar-container .sidebar-nav ul a.menu__link--active {\n font-weight: bold;\n}\n#sidebar-container .sidebar-nav ul ul {\n padding: 0 2rem;\n color: #5c7f1a;\n list-style-type: disc;\n}\n\n.tabs__nav {\n list-style: none;\n margin: 0;\n padding: 0;\n}\n@media (min-width: 600px) {\n .tabs__nav {\n display: flex;\n }\n}\n\n.tabs__tab {\n display: none;\n}\n.tabs__tab.is-active {\n display: block;\n}\n\n.tabs__content {\n padding: 1.5rem;\n}\n\n.tabs.no-js .tabs__tab.is-active {\n display: block;\n}\n\n.tabs__nav--local-tasks {\n margin-top: 1rem;\n padding: 0;\n}\nbody.service_desk .tabs__nav--local-tasks, body.study_space .tabs__nav--local-tasks {\n margin-bottom: -1rem;\n}\n\n/**\n * @file\n * Styles for the topbar navigation menu.\n */\n.topbar-menu__item {\n border-top: 1px solid;\n display: flex;\n flex-wrap: wrap;\n position: relative;\n}\n@media (min-width: 600px) {\n .topbar-menu__item {\n border-top: none;\n display: inline-block;\n }\n .topbar-menu__item:not(:last-child)::after {\n content: \"|\";\n padding: 0;\n color: #b8b8b8;\n }\n}\n\n.topbar-menu__link {\n color: white;\n display: block;\n font-size: 0.8rem;\n line-height: 1.5;\n padding: 1rem 3rem 1rem 2rem;\n text-decoration: none;\n font-weight: normal;\n}\n@media (min-width: 600px) {\n .topbar-menu__link {\n border-bottom: none;\n display: inline-block;\n font-size: 0.8rem;\n padding: 5px 1rem;\n text-transform: none;\n position: relative;\n width: auto;\n }\n}\n\na.topbar-menu__link:link,\na.topbar-menu__link:visited {\n color: white;\n}\na.topbar-menu__link:link.active, a.topbar-menu__link:link:active,\na.topbar-menu__link:visited.active,\na.topbar-menu__link:visited:active {\n color: #ccc;\n}\na.topbar-menu__link:link:hover,\na.topbar-menu__link:visited:hover {\n color: #00a9e0;\n}\n\n.pager {\n margin: 2em 0;\n}\n\n.pager__items {\n list-style: none;\n margin: 0;\n padding: 0;\n text-align: center;\n}\n\n.pager__item {\n display: inline-block;\n margin: 0 0.7em;\n}\n@media (min-width: 48em) {\n .pager__item {\n margin: 0 1em;\n }\n}\n\n.pager__link,\n.pager__link:link,\n.pager__link:visited {\n color: #07c;\n text-decoration: none;\n}\n.pager__link:link, .pager__link:visited,\n.pager__link:link:link,\n.pager__link:link:visited,\n.pager__link:visited:link,\n.pager__link:visited:visited {\n color: #07c;\n}\n.pager__link:active, .pager__link:hover,\n.pager__link:link:active,\n.pager__link:link:hover,\n.pager__link:visited:active,\n.pager__link:visited:hover {\n color: #004876;\n text-decoration: underline solid;\n}\n.pager__link:focus,\n.pager__link:link:focus,\n.pager__link:visited:focus {\n outline-offset: 2px;\n outline: 3px solid #004876;\n text-decoration: underline solid;\n}\n.pager__link:hover,\n.pager__link:link:hover,\n.pager__link:visited:hover {\n color: #07c;\n text-decoration: none;\n}\n.pager__link:hover:link, .pager__link:hover:visited,\n.pager__link:link:hover:link,\n.pager__link:link:hover:visited,\n.pager__link:visited:hover:link,\n.pager__link:visited:hover:visited {\n color: #07c;\n}\n.pager__link:hover:active, .pager__link:hover:hover,\n.pager__link:link:hover:active,\n.pager__link:link:hover:hover,\n.pager__link:visited:hover:active,\n.pager__link:visited:hover:hover {\n color: #004876;\n text-decoration: underline solid;\n}\n.pager__link:hover:focus,\n.pager__link:link:hover:focus,\n.pager__link:visited:hover:focus {\n outline-offset: 2px;\n outline: 3px solid #004876;\n text-decoration: underline solid;\n}\n.pager__link.is-active,\n.pager__link:link.is-active,\n.pager__link:visited.is-active {\n color: #004876;\n}\n\n.pager__link--next,\n.pager__link--prev {\n display: block;\n color: #07c;\n text-decoration: none;\n}\n.pager__link--next:link, .pager__link--next:visited,\n.pager__link--prev:link,\n.pager__link--prev:visited {\n color: #07c;\n}\n.pager__link--next:active, .pager__link--next:hover,\n.pager__link--prev:active,\n.pager__link--prev:hover {\n color: #004876;\n text-decoration: underline solid;\n}\n.pager__link--next:focus,\n.pager__link--prev:focus {\n outline-offset: 2px;\n outline: 3px solid #004876;\n text-decoration: underline solid;\n}\n.pager__link--next span,\n.pager__link--prev span {\n display: none;\n}\n.pager__link--next::before,\n.pager__link--prev::before {\n border: 8px solid #07c;\n border-bottom: 6px solid transparent;\n border-right: 7px solid transparent;\n border-top: 6px solid transparent;\n content: \"\";\n display: block;\n position: relative;\n top: 1px;\n}\n.pager__link--next:hover::before,\n.pager__link--prev:hover::before {\n border-left-color: #00a9e0;\n}\n\n.pager__link--prev::before {\n border-left-color: transparent;\n border-right-color: #07c;\n}\n.pager__link--prev:hover::before {\n border-left-color: transparent;\n border-right-color: #00a9e0;\n}\n\n.accordion.expandable.expandable--open button svg {\n transform: rotate(180deg);\n}\n\n.accordion-heading button {\n width: 100%;\n text-align: left;\n height: -webkit-fit-content;\n background-color: rgba(0, 0, 0, 0.06);\n border: 1px solid #6e6259;\n border-radius: 1px;\n padding: 1rem;\n}\n.accordion-heading button div {\n display: inline;\n}\n\n.accordion-content {\n display: none;\n}\n.accordion-content.accordion-content--open {\n display: block;\n}\n\n.downloadable-image-gallery .grid > div {\n display: flex;\n flex-flow: row wrap;\n flex: 1 1 auto;\n justify-content: space-between;\n}\n@media (min-width: 600px) {\n .downloadable-image-gallery .grid > div > div {\n max-width: calc(50% - 1em);\n }\n}\n@media (min-width: 1200px) {\n .downloadable-image-gallery .grid > div > div {\n max-width: calc(33% - 1em);\n }\n}\n.downloadable-image-gallery .grid > div div.downloadable-basic-image {\n display: flex;\n flex-flow: column nowrap;\n height: 100%;\n}\n\ndiv.image figure {\n margin-bottom: 1.5rem;\n}\ndiv.image figure img {\n margin-bottom: 0;\n}\ndiv.image figure figcaption {\n padding: 0.5rem 1rem;\n background-color: #e2dfdd;\n}\ndiv.image figure figcaption a,\ndiv.image figure figcaption a:link,\ndiv.image figure figcaption a:visited {\n color: #0065b8;\n}\ndiv.image figure figcaption a:hover {\n color: #00a9e0;\n}\ndiv.image figure figcaption p {\n margin: 0;\n}\n\n/**\n * @file\n * Styles for the Numbered List paragraph type.\n */\nol.paragraph--numbered-list {\n list-style: none;\n counter-reset: my-awesome-counter;\n display: flex;\n flex-wrap: wrap;\n margin: 0;\n padding: 0;\n}\n\nol.paragraph--numbered-list li {\n counter-increment: my-awesome-counter;\n display: flex;\n width: 100%;\n margin-bottom: 0.5rem;\n}\n\nol.paragraph--numbered-list li::before {\n content: counter(my-awesome-counter, decimal-leading-zero);\n font-size: 3.5rem;\n margin-right: 9px;\n font-family: \"chronicle-bold\", serif;\n line-height: 6rem;\n color: #999;\n position: absolute;\n}\nol.paragraph--numbered-list li p {\n margin-left: 5rem;\n}\n@media (min-width: 900px) {\n ol.paragraph--numbered-list li p {\n margin-left: calc(5rem + (100vw - 900px) / 10);\n }\n}\n@media (min-width: 1200px) {\n ol.paragraph--numbered-list li p {\n margin-left: calc(5rem + 30px);\n }\n}\n\n#system-status #last-loaded {\n font-size: 1rem;\n font-weight: normal;\n font-style: italic;\n color: #6e6259;\n}\n#system-status #last-loaded span {\n font-style: normal;\n}\n#system-status td:not(.edit-link) a {\n overflow-wrap: break-word;\n word-break: break-word;\n}\n#system-status table {\n text-align: left;\n border-collapse: collapse;\n margin: 2rem auto;\n width: 100%;\n}\n#system-status table tr {\n height: 100%;\n}\n#system-status table th,\n#system-status table td {\n padding: 1rem 1.5rem;\n vertical-align: top;\n height: 100%;\n}\n#system-status table thead th:last-of-type,\n#system-status table td:last-of-type {\n padding-right: 1rem;\n}\n#system-status table th:first-of-type,\n#system-status table th[scope=row] {\n padding-left: 1rem;\n}\n#system-status table th:first-of-type .col-content h3,\n#system-status table th[scope=row] .col-content h3 {\n margin: 0;\n}\n#system-status table th:first-of-type .text-long,\n#system-status table th[scope=row] .text-long {\n font-weight: normal;\n color: #6e6259;\n}\n#system-status table thead tr {\n border-top: 1px solid #6e6259;\n border-bottom: 1px solid #6e6259;\n}\n#system-status table thead tr th {\n white-space: nowrap;\n color: #1a1a1a;\n font-family: ars-maquette-web, sans-serif;\n font-weight: 700;\n font-style: normal;\n font-size: 1.4rem;\n line-height: 1.6;\n margin: 10px 0 0.5em;\n width: auto;\n}\n#system-status table thead tr th__link {\n color: #07c;\n}\n#system-status table thead tr th__link:hover {\n color: inherit;\n}\n#system-status table tbody tr {\n border-bottom: 1px solid #ccc;\n}\n#system-status table .svg-inline--fa {\n padding-left: 1rem;\n color: #6e6259;\n}\n#system-status table .sorting {\n background-image: none;\n}\n#system-status table .sorting .fa-caret-up,\n#system-status table .sorting .fa-caret-down {\n display: none;\n}\n#system-status table .sorting .fa-sort {\n display: inline-block;\n vertical-align: middle;\n}\n#system-status table .sorting_asc {\n background-image: none;\n}\n#system-status table .sorting_asc .fa-sort,\n#system-status table .sorting_asc .fa-caret-down {\n display: none;\n}\n#system-status table .sorting_asc .fa-caret-up {\n display: inline-block;\n vertical-align: top;\n}\n#system-status table .sorting_desc {\n background-image: none;\n}\n#system-status table .sorting_desc .fa-sort,\n#system-status table .sorting_desc .fa-caret-up {\n display: none;\n}\n#system-status table .sorting_desc .fa-caret-down {\n display: inline-block;\n vertical-align: bottom;\n}\n#system-status table .status {\n text-align: center;\n}\n#system-status table .status .icon-and-label {\n display: inline-block;\n text-align: center;\n}\n#system-status table .status .col-content svg {\n font-size: 3rem;\n padding: 0;\n}\n#system-status table .status .fa-square-check {\n color: #5c7f1a;\n}\n#system-status table .status .fa-triangle-exclamation {\n color: #ff671f;\n}\n#system-status table .status .fa-circle-xmark {\n color: #ef3340;\n}\n#system-status table .status .fa-screwdriver-wrench,\n#system-status table .status .fa-eye-slash,\n#system-status table .status .fa-pen-to-square,\n#system-status table .status .fa-circle-question {\n color: #4c4c4c;\n}\n#system-status table .notes p {\n margin: 0;\n}\n#system-status table .notes .modified {\n font-style: italic;\n font-size: 1rem;\n color: #6e6259;\n}\n#system-status table .notes .modified span {\n font-style: normal;\n}\n#system-status table .status-updates article {\n overflow-wrap: break-word;\n word-break: break-word;\n}\n#system-status table .col-header {\n margin: 0;\n display: none;\n color: #1a1a1a;\n font-family: ars-maquette-web, sans-serif;\n font-weight: 700;\n font-style: normal;\n font-size: 1.4rem;\n line-height: 1.6;\n margin: 10px 0 0.5em;\n width: auto;\n}\n#system-status table .col-header__link {\n color: #07c;\n}\n#system-status table .col-header__link:hover {\n color: inherit;\n}\n@media (min-width: 0) and (max-width: 1199px) {\n #system-status table,\n #system-status table thead,\n #system-status table tbody,\n #system-status table th,\n #system-status table td,\n #system-status table tr {\n display: block;\n height: 100%;\n }\n #system-status table thead {\n position: absolute !important;\n clip: rect(1px, 1px, 1px, 1px);\n overflow: hidden;\n height: 1px;\n width: 1px;\n word-wrap: normal;\n }\n #system-status table th,\n #system-status table td {\n border-bottom: none;\n display: flex;\n flex-flow: row wrap;\n padding: 1rem;\n box-sizing: border-box;\n }\n #system-status table td {\n /* Behave like a \"row\" */\n border: none;\n position: relative;\n }\n #system-status table th[scope=row] {\n width: auto;\n }\n #system-status table tbody tr:first-of-type {\n border-top: 1px solid #ccc;\n }\n #system-status table .col-header {\n display: inline-block;\n font-weight: bold;\n padding-right: 0;\n width: 100%;\n word-break: break-all;\n }\n #system-status table .col-content {\n width: 100%;\n padding-left: 2rem;\n }\n}\n@media (min-width: 0) and (max-width: 1199px) and (min-width: 600px) {\n #system-status table .col-header {\n width: 50%;\n padding-right: 1rem;\n }\n #system-status table .col-content {\n width: 50%;\n padding-left: 0;\n }\n}\n@media (min-width: 0) and (max-width: 1199px) and (min-width: 900px) {\n #system-status table .col-header {\n width: 33%;\n }\n #system-status table .col-content {\n width: 67%;\n }\n}\n@media (min-width: 0) and (max-width: 1199px) and (min-width: 1200px) {\n #system-status table .col-header {\n width: 20%;\n }\n #system-status table .col-content {\n width: 80%;\n }\n}\n@media (min-width: 0) and (max-width: 1199px) {\n #system-status table .status {\n text-align: left;\n }\n}\n\n.tabs__content {\n padding: 30px 0;\n border-top: 1px dashed #07c;\n display: none;\n margin-top: 20px;\n}\n@media (min-width: 600px) {\n .tabs__content {\n margin-top: 0;\n }\n}\n\n.tabs__content--open {\n display: block;\n}\n\n.tab-group > li.tabs-item {\n position: absolute;\n left: -200vw;\n}\n.tab-group > li.tabs-item--open {\n border-color: #07c;\n border-bottom: 1px solid white;\n margin-bottom: -1px;\n}\n\n.tab-group > a.tabs_link:hover::after,\n.tab-group > a.tabs_link:focus + a.tabs_link::after,\n.tab-group > a.tabs_link:checked + a.tabs_link::after {\n background: #00a9e0;\n}\n\n/**\n * @file\n * Styles for person detail pages.\n */\n.person-intro {\n display: flex;\n flex-flow: column wrap;\n justify-content: space-between;\n width: 100%;\n}\n@media (min-width: 600px) {\n .person-intro {\n flex-direction: row;\n }\n}\n\n@media (min-width: 600px) {\n .person-info,\n .person-image {\n width: 50%;\n }\n}\n\n.person-image {\n margin: 0 auto;\n}\n@media (min-width: 600px) {\n .person-image {\n margin: 0;\n padding-left: 9px;\n }\n}\n@media (min-width: 900px) {\n .person-image {\n padding-left: 1vw;\n }\n}\n\n@media (min-width: 900px) {\n .subject-expert {\n width: 80%;\n margin: 0 auto;\n padding: 2% 5%;\n border: 1px solid #07c;\n }\n}\n\n/* Sidebar */\n.department-block .views-row {\n padding-bottom: calc(1 * 0.5rem);\n}\n@media (min-width: 900px) {\n .department-block .views-row {\n padding-bottom: calc(1 * (0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 1044px) {\n .department-block .views-row {\n padding-bottom: calc(1 * 2rem);\n }\n}\n.department-block .views-row > div {\n border-top: 16px solid #a20067;\n}\n\n.department-block .views-row > div {\n background-color: white;\n box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);\n}\n.department-block .views-row > div {\n padding-top: calc(1 * 0.5rem);\n}\n@media (min-width: 900px) {\n .department-block .views-row > div {\n padding-top: calc(1 * (0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 1044px) {\n .department-block .views-row > div {\n padding-top: calc(1 * 2rem);\n }\n}\n.department-block .views-row > div {\n padding-right: calc(1 * 0.5rem);\n}\n@media (min-width: 900px) {\n .department-block .views-row > div {\n padding-right: calc(1 * (0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 1044px) {\n .department-block .views-row > div {\n padding-right: calc(1 * 2rem);\n }\n}\n.department-block .views-row > div {\n padding-bottom: calc(1 * 0.5rem);\n}\n@media (min-width: 900px) {\n .department-block .views-row > div {\n padding-bottom: calc(1 * (0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 1044px) {\n .department-block .views-row > div {\n padding-bottom: calc(1 * 2rem);\n }\n}\n.department-block .views-row > div {\n padding-left: calc(1 * 0.5rem);\n}\n@media (min-width: 900px) {\n .department-block .views-row > div {\n padding-left: calc(1 * (0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 1044px) {\n .department-block .views-row > div {\n padding-left: calc(1 * 2rem);\n }\n}\n.department-block .views-row > div .text-long p {\n margin: 0;\n}\n\n/**\n * @file\n * Custom styles for embedded video paragraph.\n */\n.iframe-container {\n position: relative;\n padding-bottom: 56.25%;\n padding-top: 35px;\n height: 0;\n margin-bottom: 2rem;\n}\n.iframe-container iframe {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n\n.service-desk-index.grid-container {\n display: grid;\n grid-gap: 1rem;\n grid-template-rows: auto;\n grid-auto-rows: 1fr;\n grid-template-columns: minmax(0, 1fr);\n}\n.service-desk-index.grid-container header {\n grid-column: 1/-1;\n}\n@media (min-width: 600px) {\n .service-desk-index.grid-container {\n grid-template-columns: repeat(2, minmax(284px, 1fr));\n }\n}\n@media (min-width: 1200px) {\n .service-desk-index.grid-container {\n grid-template-columns: repeat(3, minmax(284px, 1fr));\n }\n}\n\n.service-desk-card {\n border: 1px solid #07c;\n padding: 1.5rem;\n}\n.service-desk-card .title h2 {\n margin: 0;\n}\n.service-desk-card .service-desk-card-content {\n display: flex;\n flex-flow: row nowrap;\n height: 100%;\n}\n.service-desk-card .service-desk-card-content .service-desk-card-icon {\n flex: 0 0 auto;\n width: 3rem;\n}\n.service-desk-card .service-desk-card-content .service-desk-card-icon img {\n margin: 0 auto;\n}\n.service-desk-card .service-desk-card-content .service-desk-card-title-hours {\n flex: 1 1 auto;\n display: flex;\n flex-flow: column nowrap;\n justify-content: space-between;\n}\n\n.service-desk-card .divider,\n.location-hours .divider {\n flex: 1 1 auto;\n display: flex;\n flex-flow: column nowrap;\n justify-content: center;\n}\n.service-desk-card .divider .line,\n.location-hours .divider .line {\n border: 1px solid #e2dfdd;\n margin: 1em 0;\n width: 75%;\n}\n.service-desk-card .location,\n.service-desk-card .online,\n.service-desk-card .online > div,\n.service-desk-card .appointment,\n.location-hours .location,\n.location-hours .online,\n.location-hours .online > div,\n.location-hours .appointment {\n display: flex;\n align-items: baseline;\n}\n.service-desk-card .location p,\n.service-desk-card .online p,\n.service-desk-card .online > div p,\n.service-desk-card .appointment p,\n.location-hours .location p,\n.location-hours .online p,\n.location-hours .online > div p,\n.location-hours .appointment p {\n margin: 0;\n}\n.service-desk-card .hours,\n.location-hours .hours {\n margin-bottom: 1rem;\n}\n.service-desk-card .hours .todays-hours,\n.service-desk-card .hours .hours-description,\n.service-desk-card .hours .all-hours-link,\n.location-hours .hours .todays-hours,\n.location-hours .hours .hours-description,\n.location-hours .hours .all-hours-link {\n margin-left: 2rem;\n}\n.service-desk-card .hours .hours-description,\n.location-hours .hours .hours-description {\n font-style: italic;\n}\n.service-desk-card .hours .hours-description p:last-of-type,\n.location-hours .hours .hours-description p:last-of-type {\n margin: 0;\n}\n.service-desk-card .online a,\n.location-hours .online a {\n margin-right: 0.5em;\n}\n.service-desk-card .slogan,\n.location-hours .slogan {\n font-style: italic;\n color: #5c7f1a;\n margin-bottom: 1.5rem;\n}\n.service-desk-card svg,\n.location-hours svg {\n margin-right: 0.5em;\n}\n\n/**\n * @file\n * Styles for footer elements.\n *\n * @see _masthead.scss\n * @see footer.twig\n */\nfooter h2 {\n margin-top: 0;\n}\n\n/* I. Contact bar */\n#contactbar {\n color: white;\n background-color: #6f263d;\n}\n#contactbar .layout-container, #contactbar #newsbar.newsbar-sidebar-side, #contactbar .study-space-finder, #contactbar #main-content.main-sidebar-side {\n flex-flow: row wrap;\n}\n@media (min-width: 600px) {\n #contactbar .layout-container, #contactbar #newsbar.newsbar-sidebar-side, #contactbar .study-space-finder, #contactbar #main-content.main-sidebar-side {\n flex-flow: row nowrap;\n }\n}\n\n/* I.A. Contactbar > Hours wrapper */\n#hours-wrapper {\n flex: 0 1 auto;\n display: flex;\n flex-flow: column wrap;\n min-width: 14rem;\n}\n#hours-wrapper {\n width: 100%;\n flex-basis: auto;\n margin: 0;\n}\n@media (min-width: 600px) {\n #hours-wrapper {\n width: 38%;\n }\n}\n@media (min-width: 900px) {\n #hours-wrapper {\n width: 33%;\n }\n}\n@media (min-width: 1200px) {\n #hours-wrapper {\n width: 28%;\n }\n}\n@media (min-width: 1920px) {\n #hours-wrapper {\n width: auto;\n }\n}\n#hours-wrapper {\n padding-top: calc(1 * 0.5rem);\n}\n@media (min-width: 900px) {\n #hours-wrapper {\n padding-top: calc(1 * (0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 1044px) {\n #hours-wrapper {\n padding-top: calc(1 * 2rem);\n }\n}\n#hours-wrapper {\n padding-bottom: calc(1 * 0.5rem);\n}\n@media (min-width: 900px) {\n #hours-wrapper {\n padding-bottom: calc(1 * (0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 1044px) {\n #hours-wrapper {\n padding-bottom: calc(1 * 2rem);\n }\n}\n#hours-wrapper .more-hours {\n max-width: 100%;\n margin: 3.5rem 1rem 1rem;\n}\n#hours-wrapper .more-hours {\n background-color: white;\n border: none;\n outline: none;\n color: #6f263d;\n cursor: pointer;\n font-size: 0.9em;\n line-height: 1.4;\n padding: 10px;\n margin: 15px 0;\n font-weight: normal;\n font-style: normal;\n display: block;\n text-decoration: none;\n text-align: center;\n}\n#hours-wrapper .more-hours:visited {\n color: #6f263d;\n}\n#hours-wrapper .more-hours:hover {\n background-color: white;\n color: #07c;\n}\n#hours-wrapper .more-hours:focus {\n outline-offset: 2px;\n outline: 3px solid white;\n}\n.lits_homepage #block-lits-theme-litsunifiedsearchblock #hours-wrapper .more-hours:focus {\n outline-offset: 2px;\n outline: 3px solid #ff9e1b;\n}\n#hours-wrapper .more-hours:hover {\n text-decoration: underline;\n}\n#hours-wrapper .more-hours::before {\n display: none;\n}\n#hours-wrapper .more-hours:focus, #hours-wrapper .more-hours:hover {\n text-decoration: underline solid;\n}\n@media (min-width: 1920px) {\n #hours-wrapper #footer-hours-container {\n width: 330px;\n }\n #hours-wrapper .more-hours {\n max-width: 330px;\n }\n}\n\n@media (min-width: 900px) {\n #footer-hours-container {\n border-left: 1px solid #f1c400;\n }\n #footer-hours-container {\n padding-left: calc(1 * 0.5rem);\n }\n}\n@media (min-width: 900px) and (min-width: 900px) {\n #footer-hours-container {\n padding-left: calc(1 * (0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 900px) and (min-width: 1044px) {\n #footer-hours-container {\n padding-left: calc(1 * 2rem);\n }\n}\n\n#footer-hours-content {\n margin: 0 auto;\n}\n\n#footer-hours-location {\n margin: 0;\n text-align: center;\n font-size: 1rem;\n font-weight: normal;\n}\n@media (min-width: 600px) {\n #footer-hours-location {\n text-align: left;\n }\n}\n\n#footer-hours-schedule {\n margin: 0;\n text-align: center;\n}\n@media (min-width: 600px) {\n #footer-hours-schedule {\n text-align: left;\n }\n}\n\n/* I.A. Contactbar > Contact Us wrapper */\n#contact-us-wrapper {\n flex: 1 1 auto;\n background-color: #004876;\n}\n#contact-us-wrapper {\n width: 100%;\n flex-basis: auto;\n margin: 0;\n}\n@media (min-width: 600px) {\n #contact-us-wrapper {\n width: 62%;\n }\n}\n@media (min-width: 900px) {\n #contact-us-wrapper {\n width: 67%;\n }\n}\n@media (min-width: 1200px) {\n #contact-us-wrapper {\n width: 72%;\n }\n}\n@media (min-width: 1920px) {\n #contact-us-wrapper {\n width: auto;\n }\n}\n#contact-us-wrapper {\n padding-top: calc(1 * 0.5rem);\n}\n@media (min-width: 900px) {\n #contact-us-wrapper {\n padding-top: calc(1 * (0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 1044px) {\n #contact-us-wrapper {\n padding-top: calc(1 * 2rem);\n }\n}\n#contact-us-wrapper {\n padding-bottom: calc(1 * 0.5rem);\n}\n@media (min-width: 900px) {\n #contact-us-wrapper {\n padding-bottom: calc(1 * (0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 1044px) {\n #contact-us-wrapper {\n padding-bottom: calc(1 * 2rem);\n }\n}\n@media (min-width: 1920px) {\n #contact-us-wrapper {\n padding-right: 0.5rem;\n }\n}\n#contact-us-wrapper > * {\n max-width: 1170px;\n}\n\n#contact-us-title {\n margin-bottom: 1em;\n}\n\n#footer-social-wrapper {\n margin-bottom: 1em;\n}\n#footer-social-wrapper a {\n color: white;\n text-decoration: none;\n}\n#footer-social-wrapper a:link, #footer-social-wrapper a:visited {\n color: white;\n}\n#footer-social-wrapper a:active, #footer-social-wrapper a:hover {\n color: #ccdae3;\n text-decoration: underline solid;\n}\n#footer-social-wrapper a:focus {\n outline-offset: 2px;\n outline: 3px solid white;\n text-decoration: underline solid;\n}\n#footer-social-wrapper a svg:focus {\n outline-offset: 2px;\n outline: 3px solid white;\n text-decoration: underline solid;\n}\n\n#block-lits-theme-sharewithlits .social-media-links--platforms {\n margin: auto;\n}\n#block-lits-theme-sharewithlits .social-media-links--platforms li {\n padding: 0 0.35em;\n}\n\n#contact-us-tiles {\n list-style: none;\n margin: 0;\n padding: 0;\n display: flex;\n flex-flow: row wrap;\n justify-content: space-between;\n font-size: 1rem;\n line-height: 1.25rem;\n}\n\n.contact-us-tile {\n border-radius: 0.25rem;\n background-color: white;\n flex: 1 0 auto;\n width: 100%;\n margin: 0.25rem 0;\n font-weight: bold;\n}\n@media (min-width: 900px) {\n .contact-us-tile {\n width: 48%;\n margin: 0.25rem;\n }\n}\n@media (min-width: 1200px) {\n .contact-us-tile {\n width: 32%;\n }\n}\n.contact-us-tile > a {\n display: flex;\n flex-flow: row nowrap;\n align-items: center;\n height: 100%;\n text-decoration: none;\n padding: 1.2rem;\n color: #07c;\n text-decoration: none;\n}\n.contact-us-tile > a:link, .contact-us-tile > a:visited {\n color: #07c;\n}\n.contact-us-tile > a:active, .contact-us-tile > a:hover {\n color: #004876;\n text-decoration: underline solid;\n}\n.contact-us-tile > a:focus {\n outline-offset: 2px;\n outline: 3px solid #004876;\n text-decoration: underline solid;\n}\n.contact-us-tile > a:active, .contact-us-tile > a:hover {\n text-decoration: underline solid;\n}\n.contact-us-tile > a:focus {\n outline-offset: 2px;\n outline: 3px solid #ff9e1b;\n}\n.contact-us-tile > a svg {\n flex: 0 1 auto;\n font-size: 1.75rem;\n margin: auto 0.5rem auto 0;\n}\n.contact-us-tile > a div {\n flex: 1 1 auto;\n}\n.contact-us-tile > a div .subtitle {\n margin-left: 0;\n font-weight: normal;\n font-style: normal;\n}\n\n/* II. LITS bar */\n#litsbar {\n background-color: black;\n color: white;\n}\n#litsbar {\n padding-top: calc(1 * 0.5rem);\n}\n@media (min-width: 900px) {\n #litsbar {\n padding-top: calc(1 * (0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 1044px) {\n #litsbar {\n padding-top: calc(1 * 2rem);\n }\n}\n#litsbar {\n padding-bottom: calc(1 * 0.5rem);\n}\n@media (min-width: 900px) {\n #litsbar {\n padding-bottom: calc(1 * (0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 1044px) {\n #litsbar {\n padding-bottom: calc(1 * 2rem);\n }\n}\n#litsbar .layout-container, #litsbar #newsbar.newsbar-sidebar-side, #litsbar .study-space-finder, #litsbar #main-content.main-sidebar-side {\n justify-content: center;\n}\n#litsbar a {\n color: #00a9e0;\n text-decoration: none;\n}\n#litsbar a:link, #litsbar a:visited {\n color: #00a9e0;\n}\n#litsbar a:active, #litsbar a:hover {\n color: #e2dfdd;\n text-decoration: underline solid;\n}\n#litsbar a:focus {\n outline-offset: 2px;\n outline: 3px solid white;\n text-decoration: underline solid;\n}\n#litsbar a svg:focus {\n outline-offset: 2px;\n outline: 3px solid white;\n text-decoration: underline solid;\n}\n\n#about-lits-container {\n flex: 1 1 auto;\n text-align: center;\n}\n#about-lits-container {\n width: 100%;\n flex-basis: auto;\n margin: 0;\n}\n@media (min-width: 600px) {\n #about-lits-container {\n width: 62%;\n }\n}\n@media (min-width: 900px) {\n #about-lits-container {\n width: 67%;\n }\n}\n@media (min-width: 1200px) {\n #about-lits-container {\n width: 72%;\n }\n}\n@media (min-width: 1920px) {\n #about-lits-container {\n width: auto;\n }\n}\n#about-lits-container {\n padding-top: calc(1 * 0.5rem);\n}\n@media (min-width: 900px) {\n #about-lits-container {\n padding-top: calc(1 * (0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 1044px) {\n #about-lits-container {\n padding-top: calc(1 * 2rem);\n }\n}\n#about-lits-container {\n padding-bottom: calc(1 * 0.5rem);\n}\n@media (min-width: 900px) {\n #about-lits-container {\n padding-bottom: calc(1 * (0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 1044px) {\n #about-lits-container {\n padding-bottom: calc(1 * 2rem);\n }\n}\n@media (min-width: 600px) {\n #about-lits-container {\n text-align: left;\n }\n}\n@media (min-width: 1920px) {\n #about-lits-container {\n padding-right: 0.5rem;\n }\n}\n#about-lits-container > * {\n margin: 0.25rem;\n}\n\n#block-lits-theme-aboutlits-2 .menu {\n list-style: none;\n margin: 0;\n padding: 0;\n}\n@media (min-width: 600px) {\n #block-lits-theme-aboutlits-2 .menu {\n -webkit-column-count: 2;\n -moz-column-count: 2;\n column-count: 2;\n -webkit-column-gap: 10px;\n -moz-column-gap: 10px;\n column-gap: 10px;\n margin-left: 0;\n -webkit-margin-before: 0;\n -webkit-padding-start: 0;\n }\n}\n@media (min-width: 900px) {\n #block-lits-theme-aboutlits-2 .menu {\n -webkit-column-count: 3;\n -moz-column-count: 3;\n column-count: 3;\n }\n}\n@media (min-width: 1200px) {\n #block-lits-theme-aboutlits-2 .menu {\n -webkit-column-count: 4;\n -moz-column-count: 4;\n column-count: 4;\n }\n}\n\n#block-lits-theme-aboutlits-2 .menu__item {\n break-inside: avoid;\n font-size: 1rem;\n}\n\n/* III. Copyright bar */\n#copyrightbar {\n background-color: #1a1a1a;\n color: white;\n}\n#copyrightbar {\n padding-top: calc(1 * 0.5rem);\n}\n@media (min-width: 900px) {\n #copyrightbar {\n padding-top: calc(1 * (0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 1044px) {\n #copyrightbar {\n padding-top: calc(1 * 2rem);\n }\n}\n#copyrightbar {\n padding-bottom: calc(1 * 0.5rem);\n}\n@media (min-width: 900px) {\n #copyrightbar {\n padding-bottom: calc(1 * (0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 1044px) {\n #copyrightbar {\n padding-bottom: calc(1 * 2rem);\n }\n}\n#copyrightbar a {\n color: #00a9e0;\n text-decoration: none;\n}\n#copyrightbar a:link, #copyrightbar a:visited {\n color: #00a9e0;\n}\n#copyrightbar a:active, #copyrightbar a:hover {\n color: #e2dfdd;\n text-decoration: underline solid;\n}\n#copyrightbar a:focus {\n outline-offset: 2px;\n outline: 3px solid white;\n text-decoration: underline solid;\n}\n#copyrightbar a svg:focus {\n outline-offset: 2px;\n outline: 3px solid white;\n text-decoration: underline solid;\n}\n\n.copyright {\n font-size: 0.9rem;\n text-align: center;\n}\n.copyright ul {\n list-style: none;\n margin: 0;\n padding: 0;\n text-align: center;\n}\n.copyright p {\n margin: 0;\n}\n.copyright .grid-item {\n flex: 1 1 auto;\n width: 100%;\n}\n@media (min-width: 900px) {\n .copyright .grid-item {\n width: 33%;\n }\n}\n\n/**\n * @file\n * Styles for header elements.\n *\n * @see _masthead.scss\n * @see header.twig\n * @see header.js\n */\n/* Fix node preview pages to keep the preview controls from overtaking the header. */\n.node-preview-container {\n position: relative;\n}\n\nheader#page-header {\n /* 0. Site alerts */\n /* I. Logobar */\n /* I.A. Logobar > Logo section */\n /* I.B. Logobar > TopNav section */\n /* II. Searchbar */\n /* III. Imagebar */\n /* IV. Menubar */\n}\nheader#page-header #block-lits-theme-litssitealertblock {\n display: none;\n word-break: break-word;\n}\n.alert-active header#page-header #block-lits-theme-litssitealertblock {\n display: block;\n}\nheader#page-header #block-lits-theme-litssitealertblock.emergency {\n background-color: white;\n position: relative;\n z-index: 2;\n}\nheader#page-header #block-lits-theme-litssitealertblock.emergency #site-alert-container {\n background-color: white;\n border: 3px solid #a20067;\n margin: 10px;\n outline: 10px solid white;\n padding: 1.5em;\n max-width: 100%;\n}\nheader#page-header #block-lits-theme-litssitealertblock.emergency #site-alert-container .mhc-alert-level-emergency {\n font-size: 1rem;\n line-height: 1.6em;\n margin: 0 auto;\n padding: 5px 20px 5px;\n text-align: left;\n z-index: 1;\n display: flex;\n flex-flow: row nowrap;\n justify-content: center;\n align-items: flex-start;\n max-width: 75rem;\n}\nheader#page-header #block-lits-theme-litssitealertblock.emergency #site-alert-container .mhc-alert-level-emergency .fa-circle-exclamation {\n color: #a20067;\n font-size: 3.25rem;\n margin: 0 1.25rem;\n}\nheader#page-header #block-lits-theme-litssitealertblock.emergency #site-alert-container .mhc-alert-level-emergency .text {\n margin: -1em 1.25rem;\n font-size: 1rem;\n}\nheader#page-header #block-lits-theme-litssitealertblock.emergency #site-alert-container .mhc-alert-level-emergency .buttons {\n display: flex;\n flex-flow: row wrap;\n}\nheader#page-header #block-lits-theme-litssitealertblock.emergency #site-alert-container .mhc-alert-level-emergency .button {\n background-color: white;\n color: #1a1a1a;\n border: 3px solid #a20067;\n font-size: 1rem;\n font-weight: 500;\n padding: 1.25em;\n text-transform: uppercase;\n margin-right: 0.5em;\n}\nheader#page-header #block-lits-theme-litssitealertblock.emergency #site-alert-container .mhc-alert-level-emergency .button:hover {\n background-color: #a20067;\n color: white;\n}\nheader#page-header #search-toggle-container {\n width: 100%;\n}\nheader#page-header #logobar {\n background-color: #004876;\n color: white;\n}\nheader#page-header #logobar a:focus,\nheader#page-header #logobar button:focus,\nheader#page-header #logobar button svg:focus {\n outline-offset: 2px;\n outline: 3px solid white;\n}\nheader#page-header #logobar-container {\n display: flex;\n flex-flow: row nowrap;\n justify-content: space-between;\n align-items: center;\n}\nheader#page-header #logobar .logo-container {\n flex: 1 0 auto;\n display: flex;\n flex-flow: row nowrap;\n justify-content: center;\n align-items: center;\n min-height: 3.75rem;\n}\nheader#page-header #logobar .logo-container > * {\n flex: 0 0 auto;\n}\n.lits_homepage header#page-header #logobar .logo-container #logo {\n display: inline-block;\n}\n.lits_homepage header#page-header #logobar .logo-container #logo-small {\n display: none;\n}\n.lits_page header#page-header #logobar .logo-container {\n justify-content: flex-start;\n align-items: center;\n}\n.lits_page header#page-header #logobar .logo-container #logo {\n display: none;\n}\n.lits_page header#page-header #logobar .logo-container #logo-small {\n display: flex;\n}\n@media (min-width: 600px) {\n .lits_page header#page-header #logobar .logo-container #logo {\n display: flex;\n }\n .lits_page header#page-header #logobar .logo-container #logo-small {\n display: none;\n }\n}\n@media (min-width: 900px) {\n body.lits_homepage header#page-header #logobar .logo-container {\n justify-content: flex-start;\n }\n}\nheader#page-header #logobar .logo-container #logo {\n margin-top: 14.6096599672px;\n margin-bottom: 14.6096599672px;\n padding-left: 6.6096599672px;\n padding-right: 14.6096599672px;\n}\nheader#page-header #logobar .logo-container #logo img {\n max-height: 29.2193199344px;\n display: block;\n margin: auto;\n}\nheader#page-header #logobar .logo-container #logo-small {\n margin-top: 11.9722222222px;\n margin-bottom: 11.9722222222px;\n padding-left: 3.9722222222px;\n padding-right: 11.9722222222px;\n}\nheader#page-header #logobar .logo-container #logo-small img {\n max-height: 23.9444444444px;\n display: block;\n margin: auto;\n}\nheader#page-header #logobar .topnav-container {\n margin: auto 0;\n}\nheader#page-header #logobar .topnav-container > * {\n margin-bottom: 5px;\n}\nheader#page-header #logobar .topnav-container #search-toggle {\n display: inline-block;\n padding-left: 1rem;\n padding-right: 0;\n border: none;\n background: transparent;\n font-size: 1rem;\n white-space: nowrap;\n color: white;\n text-decoration: none;\n}\nheader#page-header #logobar .topnav-container #search-toggle:link, header#page-header #logobar .topnav-container #search-toggle:visited {\n color: white;\n}\nheader#page-header #logobar .topnav-container #search-toggle:active, header#page-header #logobar .topnav-container #search-toggle:hover {\n color: #ccdae3;\n text-decoration: underline solid;\n}\nheader#page-header #logobar .topnav-container #search-toggle:focus {\n outline-offset: 2px;\n outline: 3px solid white;\n text-decoration: underline solid;\n}\nheader#page-header #logobar .topnav-container #search-toggle svg:focus {\n outline-offset: 2px;\n outline: 3px solid white;\n text-decoration: underline solid;\n}\n.expandable.expandable--open header#page-header #logobar .topnav-container #search-toggle svg {\n transform: rotate(180deg);\n}\n.lits_homepage header#page-header #logobar .topnav-container #search-toggle {\n display: none;\n}\nheader#page-header #logobar .topnav-container a {\n display: none;\n padding: 0 1rem;\n border-right: 1px solid white;\n font-size: 1rem;\n}\nheader#page-header #logobar .topnav-container a:focus {\n outline-offset: 2px;\n outline: 3px solid white;\n}\n@media (min-width: 900px) {\n header#page-header #logobar .topnav-container a {\n display: inline-block;\n }\n}\n.lits_homepage header#page-header #logobar .topnav-container a.accounts {\n padding-right: 0;\n border-right: none;\n}\n@media (min-width: 900px) {\n header#page-header #searchbar {\n position: absolute;\n z-index: 2;\n }\n}\nheader#page-header #searchbar #search-blocks-container {\n display: none;\n}\nheader#page-header #searchbar #search-blocks-container .layout-container, header#page-header #searchbar #search-blocks-container #newsbar.newsbar-sidebar-side, header#page-header #searchbar #search-blocks-container .study-space-finder, header#page-header #searchbar #search-blocks-container #main-content.main-sidebar-side {\n align-items: center;\n}\nheader#page-header #imagebar {\n display: none;\n height: 0;\n}\n@media (min-width: 900px) {\n header#page-header #imagebar {\n display: block;\n height: 15.5rem;\n background: white url(\"../images/banners/williston-beauty-large-banner.jpg\") no-repeat center center;\n background-size: 100%;\n }\n}\n@media (min-width: 1200px) {\n header#page-header #imagebar {\n background: white url(\"../images/banners/williston-beauty-xl-banner.jpg\") no-repeat center center;\n background-size: 100%;\n }\n}\n@media (min-width: 1920px) {\n header#page-header #imagebar {\n background: white url(\"../images/banners/williston-beauty-full-banner.jpg\") no-repeat center center;\n background-size: 100%;\n }\n}\nheader#page-header #menubar {\n background-color: #07c;\n}\nheader#page-header #menubar {\n padding-bottom: 0.5rem;\n}\n@media (min-width: 900px) {\n header#page-header #menubar {\n padding-bottom: calc((0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 1920px) {\n header#page-header #menubar {\n padding-bottom: calc(0.5rem + math.div((1920px - 900px), 6));\n }\n}\n@media (min-width: 900px) {\n header#page-header #menubar {\n padding: 0;\n }\n}\nheader#page-header #menubar #menu-background {\n display: none;\n}\n@media (min-width: 900px) {\n header#page-header #menubar {\n background-color: rgba(0, 0, 0, 0);\n }\n header#page-header #menubar #menu-background {\n display: block;\n height: 3rem;\n margin-bottom: -3rem;\n background-color: #07c;\n }\n}\n\n/**\n * @file\n * Styles for elements common to all pages (homepage and not)\n */\nhtml {\n box-sizing: border-box;\n}\n\n*,\n*::after,\n*::before {\n box-sizing: inherit;\n}\n\n*:focus {\n outline-offset: 2px;\n outline: 3px solid #004876;\n}\n\n#skip-to-main {\n position: fixed;\n top: 0;\n z-index: -1;\n background-color: white;\n color: white;\n padding: 1rem;\n}\n\n#skip-to-main:focus {\n z-index: 3;\n color: #004876;\n}\n\nbody .dialog-off-canvas-main-canvas {\n display: flex;\n flex-direction: column;\n min-width: 300px;\n min-height: 100vh;\n}\nbody .dialog-off-canvas-main-canvas #main-content {\n flex: 1 1 auto;\n}\n\n#main-content {\n width: 100%;\n margin-bottom: 1rem;\n}\n\n/* V. Messages */\n.layout-container, #newsbar.newsbar-sidebar-side, .study-space-finder, #main-content.main-sidebar-side {\n display: flex;\n flex-flow: row wrap;\n justify-content: space-between;\n}\n\n.layout-stripe {\n width: 100%;\n margin: 0;\n padding: 0;\n}\n\n.layout-zone::after {\n clear: both;\n content: \"\";\n display: table;\n}\n.layout-zone {\n padding-right: 0.5rem;\n}\n@media (min-width: 900px) {\n .layout-zone {\n padding-right: calc((0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 1920px) {\n .layout-zone {\n padding-right: calc(0.5rem + math.div((1920px - 900px), 6));\n }\n}\n.layout-zone {\n padding-left: 0.5rem;\n}\n@media (min-width: 900px) {\n .layout-zone {\n padding-left: calc((0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 1920px) {\n .layout-zone {\n padding-left: calc(0.5rem + math.div((1920px - 900px), 6));\n }\n}\n.layout-zone {\n max-width: 1920px;\n margin: 0 auto;\n}\n.service_desk .layout-zone, .study_space .layout-zone {\n margin: 0;\n padding: 0;\n}\n@media (min-width: 600px) {\n .service_desk .layout-zone, .study_space .layout-zone {\n padding-right: 0.5rem;\n }\n}\n@media (min-width: 600px) and (min-width: 900px) {\n .service_desk .layout-zone, .study_space .layout-zone {\n padding-right: calc((0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 600px) and (min-width: 1920px) {\n .service_desk .layout-zone, .study_space .layout-zone {\n padding-right: calc(0.5rem + math.div((1920px - 900px), 6));\n }\n}\n@media (min-width: 600px) {\n .service_desk .layout-zone, .study_space .layout-zone {\n padding-left: 0.5rem;\n }\n}\n@media (min-width: 600px) and (min-width: 900px) {\n .service_desk .layout-zone, .study_space .layout-zone {\n padding-left: calc((0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 600px) and (min-width: 1920px) {\n .service_desk .layout-zone, .study_space .layout-zone {\n padding-left: calc(0.5rem + math.div((1920px - 900px), 6));\n }\n}\n@media (min-width: 600px) {\n .service_desk .layout-zone, .study_space .layout-zone {\n margin: 0 auto;\n }\n}\n\n.layout-zone-left::after {\n clear: both;\n content: \"\";\n display: table;\n}\n.layout-zone-left {\n padding-right: calc(1 * 0.5rem);\n}\n@media (min-width: 900px) {\n .layout-zone-left {\n padding-right: calc(1 * (0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 1044px) {\n .layout-zone-left {\n padding-right: calc(1 * 2rem);\n }\n}\n.layout-zone-left {\n padding-left: 0.5rem;\n}\n@media (min-width: 900px) {\n .layout-zone-left {\n padding-left: calc((0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 1920px) {\n .layout-zone-left {\n padding-left: calc(0.5rem + math.div((1920px - 900px), 6) + (100% - 1920px) / 2);\n }\n}\n\n.layout-zone-right::after {\n clear: both;\n content: \"\";\n display: table;\n}\n.layout-zone-right {\n padding-right: 0.5rem;\n}\n@media (min-width: 900px) {\n .layout-zone-right {\n padding-right: calc((0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 1920px) {\n .layout-zone-right {\n padding-right: calc(0.5rem + math.div((1920px - 900px), 6) + (100% - 1920px) / 2);\n }\n}\n.layout-zone-right {\n padding-left: calc(1 * 0.5rem);\n}\n@media (min-width: 900px) {\n .layout-zone-right {\n padding-left: calc(1 * (0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 1044px) {\n .layout-zone-right {\n padding-left: calc(1 * 2rem);\n }\n}\n\n.fa-share-square,\n.fa-share-from-square {\n margin-bottom: 0.1em;\n padding-left: 0.1em;\n font-size: 0.85em;\n}\n\n/**\n * @file\n * Styles for all non-homepage pages.\n */\n/* Layout */\n#main-wrapper {\n z-index: 1;\n}\n\n#main-content.main-sidebar-side #main-wrapper {\n width: 100%;\n flex-basis: auto;\n margin: 0;\n}\n@media (min-width: 600px) {\n #main-content.main-sidebar-side #main-wrapper {\n width: 100%;\n }\n}\n@media (min-width: 900px) {\n #main-content.main-sidebar-side #main-wrapper {\n width: 62%;\n }\n}\n@media (min-width: 1200px) {\n #main-content.main-sidebar-side #main-wrapper {\n width: 62%;\n }\n}\n@media (min-width: 1920px) {\n #main-content.main-sidebar-side #main-wrapper {\n width: auto;\n width: calc(((0.5rem + ((1920px - 900px) / 6)) + ((100% - 1920px) / 2)) + ((1920px * 0.62) - (0.5rem + ((1920px - 900px) / 6))));\n }\n}\n#main-content.main-sidebar-side #main-wrapper {\n padding-bottom: 0.5rem;\n}\n@media (min-width: 900px) {\n #main-content.main-sidebar-side #main-wrapper {\n padding-bottom: calc((0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 1920px) {\n #main-content.main-sidebar-side #main-wrapper {\n padding-bottom: calc(0.5rem + math.div((1920px - 900px), 6));\n }\n}\n#main-content.main-sidebar-side #main-wrapper {\n box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);\n}\n@media (min-width: 900px) {\n #main-content.main-sidebar-side #main-wrapper {\n box-shadow: 2px 0 2px rgba(0, 0, 0, 0.4);\n }\n #main-content.main-sidebar-side #main-wrapper {\n padding-left: 0.5rem;\n }\n}\n@media (min-width: 900px) and (min-width: 900px) {\n #main-content.main-sidebar-side #main-wrapper {\n padding-left: calc((0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 900px) and (min-width: 1920px) {\n #main-content.main-sidebar-side #main-wrapper {\n padding-left: calc(0.5rem + math.div((1920px - 900px), 6) + (100% - 1920px) / 2);\n }\n}\n@media (min-width: 900px) {\n #main-content.main-sidebar-side #main-wrapper {\n padding-right: calc(1 * 0.5rem);\n }\n}\n@media (min-width: 900px) and (min-width: 900px) {\n #main-content.main-sidebar-side #main-wrapper {\n padding-right: calc(1 * (0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 900px) and (min-width: 1044px) {\n #main-content.main-sidebar-side #main-wrapper {\n padding-right: calc(1 * 2rem);\n }\n}\n#main-content.main-sidebar-side #sidebar-wrapper, #main-content.main-sidebar-side #newsbar.newsbar-sidebar-side #featured-resources-wrapper, #newsbar.newsbar-sidebar-side #main-content.main-sidebar-side #featured-resources-wrapper {\n width: 100%;\n flex-basis: auto;\n margin: 0;\n}\n@media (min-width: 600px) {\n #main-content.main-sidebar-side #sidebar-wrapper, #main-content.main-sidebar-side #newsbar.newsbar-sidebar-side #featured-resources-wrapper, #newsbar.newsbar-sidebar-side #main-content.main-sidebar-side #featured-resources-wrapper {\n width: 100%;\n }\n}\n@media (min-width: 900px) {\n #main-content.main-sidebar-side #sidebar-wrapper, #main-content.main-sidebar-side #newsbar.newsbar-sidebar-side #featured-resources-wrapper, #newsbar.newsbar-sidebar-side #main-content.main-sidebar-side #featured-resources-wrapper {\n width: 38%;\n }\n}\n@media (min-width: 1200px) {\n #main-content.main-sidebar-side #sidebar-wrapper, #main-content.main-sidebar-side #newsbar.newsbar-sidebar-side #featured-resources-wrapper, #newsbar.newsbar-sidebar-side #main-content.main-sidebar-side #featured-resources-wrapper {\n width: 38%;\n }\n}\n@media (min-width: 1920px) {\n #main-content.main-sidebar-side #sidebar-wrapper, #main-content.main-sidebar-side #newsbar.newsbar-sidebar-side #featured-resources-wrapper, #newsbar.newsbar-sidebar-side #main-content.main-sidebar-side #featured-resources-wrapper {\n width: auto;\n width: calc(((0.5rem + ((1920px - 900px) / 6)) + ((100% - 1920px) / 2)) + ((1920px * 0.38) - (0.5rem + ((1920px - 900px) / 6))));\n }\n}\n@media (min-width: 900px) {\n #main-content.main-sidebar-side #sidebar-wrapper, #main-content.main-sidebar-side #newsbar.newsbar-sidebar-side #featured-resources-wrapper, #newsbar.newsbar-sidebar-side #main-content.main-sidebar-side #featured-resources-wrapper {\n padding-right: 0.5rem;\n }\n}\n@media (min-width: 900px) and (min-width: 900px) {\n #main-content.main-sidebar-side #sidebar-wrapper, #main-content.main-sidebar-side #newsbar.newsbar-sidebar-side #featured-resources-wrapper, #newsbar.newsbar-sidebar-side #main-content.main-sidebar-side #featured-resources-wrapper {\n padding-right: calc((0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 900px) and (min-width: 1920px) {\n #main-content.main-sidebar-side #sidebar-wrapper, #main-content.main-sidebar-side #newsbar.newsbar-sidebar-side #featured-resources-wrapper, #newsbar.newsbar-sidebar-side #main-content.main-sidebar-side #featured-resources-wrapper {\n padding-right: calc(0.5rem + math.div((1920px - 900px), 6) + (100% - 1920px) / 2);\n }\n}\n@media (min-width: 900px) {\n #main-content.main-sidebar-side #sidebar-wrapper, #main-content.main-sidebar-side #newsbar.newsbar-sidebar-side #featured-resources-wrapper, #newsbar.newsbar-sidebar-side #main-content.main-sidebar-side #featured-resources-wrapper {\n padding-left: calc(1 * 0.5rem);\n }\n}\n@media (min-width: 900px) and (min-width: 900px) {\n #main-content.main-sidebar-side #sidebar-wrapper, #main-content.main-sidebar-side #newsbar.newsbar-sidebar-side #featured-resources-wrapper, #newsbar.newsbar-sidebar-side #main-content.main-sidebar-side #featured-resources-wrapper {\n padding-left: calc(1 * (0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 900px) and (min-width: 1044px) {\n #main-content.main-sidebar-side #sidebar-wrapper, #main-content.main-sidebar-side #newsbar.newsbar-sidebar-side #featured-resources-wrapper, #newsbar.newsbar-sidebar-side #main-content.main-sidebar-side #featured-resources-wrapper {\n padding-left: calc(1 * 2rem);\n }\n}\n@media (min-width: 900px) {\n #main-content.main-sidebar-side #sidebar-wrapper #sidebar-container, #main-content.main-sidebar-side #newsbar.newsbar-sidebar-side #featured-resources-wrapper #sidebar-container, #newsbar.newsbar-sidebar-side #main-content.main-sidebar-side #featured-resources-wrapper #sidebar-container {\n flex-direction: column;\n }\n #main-content.main-sidebar-side #sidebar-wrapper #sidebar-container > *, #main-content.main-sidebar-side #newsbar.newsbar-sidebar-side #featured-resources-wrapper #sidebar-container > *, #newsbar.newsbar-sidebar-side #main-content.main-sidebar-side #featured-resources-wrapper #sidebar-container > * {\n width: 100%;\n }\n}\n\n#main-content.main-sidebar-foot #main-wrapper {\n box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);\n}\n\n/* Elements */\n#block-lits-theme-breadcrumbs {\n margin-top: 1rem;\n font-size: 1rem;\n}\n\n#messagebar ul {\n padding-left: 0;\n}\n\n/**\n * @file\n * Rules for sidebar layout and formatting.\n *\n * 300px – 599px: single column, flush to edges.\n * 600px – 899px: no more than 2 columns, squishy edges and gutters.\n * 900px – 1199px:\n * - sidebar-side: single column, squishy gutter left and padding right.\n * - sidebar-foot: no more than 3 columns, squishy edges and gutters.\n * 1200px and up:\n * - sidebar-side: single column, squishy gutter left and padding right.\n * - sidebar-foot: no more than 4 columns, squishy edges and gutters.\n *\n * All elements have squishy-gutter for internal padding, max of 1rem.\n * All elements not flush to edges get a box shadow.\n * If more than one row is necessary, group by type (menu or service desk).\n * Form (study space finder) is always a singleton.\n * Department blocks work like service desk teaser blocks.\n */\n#sidebar-wrapper, #newsbar.newsbar-sidebar-side #featured-resources-wrapper {\n width: 100%;\n}\n#sidebar-wrapper::after, #newsbar.newsbar-sidebar-side #featured-resources-wrapper::after {\n clear: both;\n content: \"\";\n display: table;\n}\n@media (min-width: 600px) {\n #sidebar-wrapper, #newsbar.newsbar-sidebar-side #featured-resources-wrapper {\n background-color: #e2dfdd;\n }\n}\n#sidebar-wrapper h2, #newsbar.newsbar-sidebar-side #featured-resources-wrapper h2 {\n margin: 0;\n font-size: 1.25rem;\n line-height: 1.5rem;\n}\n#sidebar-wrapper #sidebar-container, #newsbar.newsbar-sidebar-side #featured-resources-wrapper #sidebar-container {\n display: flex;\n flex-flow: column nowrap;\n justify-content: center;\n align-items: center;\n width: 100%;\n max-width: 1920px;\n margin: 0 auto;\n}\n#sidebar-wrapper #sidebar-container .sidebar-nav-wrapper, #newsbar.newsbar-sidebar-side #featured-resources-wrapper #sidebar-container .sidebar-nav-wrapper,\n#sidebar-wrapper #sidebar-container #block-lits-theme-views-block-service-desk-block-block-1,\n#newsbar.newsbar-sidebar-side #featured-resources-wrapper #sidebar-container #block-lits-theme-views-block-service-desk-block-block-1,\n#sidebar-wrapper #sidebar-container .views-row,\n#newsbar.newsbar-sidebar-side #featured-resources-wrapper #sidebar-container .views-row {\n width: 100%;\n}\n@media (min-width: 600px) {\n #sidebar-wrapper, #newsbar.newsbar-sidebar-side #featured-resources-wrapper {\n padding-top: calc(1 * 0.5rem);\n }\n}\n@media (min-width: 600px) and (min-width: 900px) {\n #sidebar-wrapper, #newsbar.newsbar-sidebar-side #featured-resources-wrapper {\n padding-top: calc(1 * (0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 600px) and (min-width: 1044px) {\n #sidebar-wrapper, #newsbar.newsbar-sidebar-side #featured-resources-wrapper {\n padding-top: calc(1 * 2rem);\n }\n}\n@media (min-width: 600px) {\n #sidebar-wrapper, #newsbar.newsbar-sidebar-side #featured-resources-wrapper {\n padding-right: calc(0.5 * 0.5rem);\n }\n}\n@media (min-width: 600px) and (min-width: 900px) {\n #sidebar-wrapper, #newsbar.newsbar-sidebar-side #featured-resources-wrapper {\n padding-right: calc(0.5 * (0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 600px) and (min-width: 1044px) {\n #sidebar-wrapper, #newsbar.newsbar-sidebar-side #featured-resources-wrapper {\n padding-right: calc(0.5 * 2rem);\n }\n}\n@media (min-width: 600px) {\n #sidebar-wrapper, #newsbar.newsbar-sidebar-side #featured-resources-wrapper {\n padding-left: calc(0.5 * 0.5rem);\n }\n}\n@media (min-width: 600px) and (min-width: 900px) {\n #sidebar-wrapper, #newsbar.newsbar-sidebar-side #featured-resources-wrapper {\n padding-left: calc(0.5 * (0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 600px) and (min-width: 1044px) {\n #sidebar-wrapper, #newsbar.newsbar-sidebar-side #featured-resources-wrapper {\n padding-left: calc(0.5 * 2rem);\n }\n}\n@media (min-width: 600px) {\n #sidebar-wrapper #sidebar-container, #newsbar.newsbar-sidebar-side #featured-resources-wrapper #sidebar-container {\n flex-flow: row wrap;\n align-items: flex-start;\n }\n #sidebar-wrapper .sidebar-nav-wrapper, #newsbar.newsbar-sidebar-side #featured-resources-wrapper .sidebar-nav-wrapper,\n #sidebar-wrapper .views-row,\n #newsbar.newsbar-sidebar-side #featured-resources-wrapper .views-row {\n max-width: 520px;\n }\n #sidebar-wrapper .service-desk-block-container, #newsbar.newsbar-sidebar-side #featured-resources-wrapper .service-desk-block-container {\n display: flex;\n flex-flow: row wrap;\n justify-content: center;\n }\n #sidebar-wrapper .sidebar-nav-wrapper, #newsbar.newsbar-sidebar-side #featured-resources-wrapper .sidebar-nav-wrapper,\n #sidebar-wrapper .views-row,\n #newsbar.newsbar-sidebar-side #featured-resources-wrapper .views-row {\n padding-bottom: calc(1 * 0.5rem);\n }\n}\n@media (min-width: 600px) and (min-width: 900px) {\n #sidebar-wrapper .sidebar-nav-wrapper, #newsbar.newsbar-sidebar-side #featured-resources-wrapper .sidebar-nav-wrapper,\n #sidebar-wrapper .views-row,\n #newsbar.newsbar-sidebar-side #featured-resources-wrapper .views-row {\n padding-bottom: calc(1 * (0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 600px) and (min-width: 1044px) {\n #sidebar-wrapper .sidebar-nav-wrapper, #newsbar.newsbar-sidebar-side #featured-resources-wrapper .sidebar-nav-wrapper,\n #sidebar-wrapper .views-row,\n #newsbar.newsbar-sidebar-side #featured-resources-wrapper .views-row {\n padding-bottom: calc(1 * 2rem);\n }\n}\n@media (min-width: 600px) {\n #sidebar-wrapper .sidebar-nav-wrapper, #newsbar.newsbar-sidebar-side #featured-resources-wrapper .sidebar-nav-wrapper,\n #sidebar-wrapper .views-row,\n #newsbar.newsbar-sidebar-side #featured-resources-wrapper .views-row {\n padding-left: calc(0.5 * 0.5rem);\n }\n}\n@media (min-width: 600px) and (min-width: 900px) {\n #sidebar-wrapper .sidebar-nav-wrapper, #newsbar.newsbar-sidebar-side #featured-resources-wrapper .sidebar-nav-wrapper,\n #sidebar-wrapper .views-row,\n #newsbar.newsbar-sidebar-side #featured-resources-wrapper .views-row {\n padding-left: calc(0.5 * (0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 600px) and (min-width: 1044px) {\n #sidebar-wrapper .sidebar-nav-wrapper, #newsbar.newsbar-sidebar-side #featured-resources-wrapper .sidebar-nav-wrapper,\n #sidebar-wrapper .views-row,\n #newsbar.newsbar-sidebar-side #featured-resources-wrapper .views-row {\n padding-left: calc(0.5 * 2rem);\n }\n}\n@media (min-width: 600px) {\n #sidebar-wrapper .sidebar-nav-wrapper, #newsbar.newsbar-sidebar-side #featured-resources-wrapper .sidebar-nav-wrapper,\n #sidebar-wrapper .views-row,\n #newsbar.newsbar-sidebar-side #featured-resources-wrapper .views-row {\n padding-right: calc(0.5 * 0.5rem);\n }\n}\n@media (min-width: 600px) and (min-width: 900px) {\n #sidebar-wrapper .sidebar-nav-wrapper, #newsbar.newsbar-sidebar-side #featured-resources-wrapper .sidebar-nav-wrapper,\n #sidebar-wrapper .views-row,\n #newsbar.newsbar-sidebar-side #featured-resources-wrapper .views-row {\n padding-right: calc(0.5 * (0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 600px) and (min-width: 1044px) {\n #sidebar-wrapper .sidebar-nav-wrapper, #newsbar.newsbar-sidebar-side #featured-resources-wrapper .sidebar-nav-wrapper,\n #sidebar-wrapper .views-row,\n #newsbar.newsbar-sidebar-side #featured-resources-wrapper .views-row {\n padding-right: calc(0.5 * 2rem);\n }\n}\n@media (min-width: 900px) {\n #sidebar-wrapper.sidebar-side .sidebar-nav-wrapper, #newsbar.newsbar-sidebar-side .sidebar-side#featured-resources-wrapper .sidebar-nav-wrapper, #sidebar-wrapper.sidebar-side .views-row, #newsbar.newsbar-sidebar-side .sidebar-side#featured-resources-wrapper .views-row {\n padding-bottom: calc(1 * 0.5rem);\n }\n}\n@media (min-width: 900px) and (min-width: 900px) {\n #sidebar-wrapper.sidebar-side .sidebar-nav-wrapper, #newsbar.newsbar-sidebar-side .sidebar-side#featured-resources-wrapper .sidebar-nav-wrapper, #sidebar-wrapper.sidebar-side .views-row, #newsbar.newsbar-sidebar-side .sidebar-side#featured-resources-wrapper .views-row {\n padding-bottom: calc(1 * (0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 900px) and (min-width: 1044px) {\n #sidebar-wrapper.sidebar-side .sidebar-nav-wrapper, #newsbar.newsbar-sidebar-side .sidebar-side#featured-resources-wrapper .sidebar-nav-wrapper, #sidebar-wrapper.sidebar-side .views-row, #newsbar.newsbar-sidebar-side .sidebar-side#featured-resources-wrapper .views-row {\n padding-bottom: calc(1 * 2rem);\n }\n}\n@media (min-width: 900px) {\n #sidebar-wrapper.sidebar-side .sidebar-nav-wrapper, #newsbar.newsbar-sidebar-side .sidebar-side#featured-resources-wrapper .sidebar-nav-wrapper, #sidebar-wrapper.sidebar-side .views-row, #newsbar.newsbar-sidebar-side .sidebar-side#featured-resources-wrapper .views-row {\n padding-left: calc(0 * 0.5rem);\n }\n}\n@media (min-width: 900px) and (min-width: 900px) {\n #sidebar-wrapper.sidebar-side .sidebar-nav-wrapper, #newsbar.newsbar-sidebar-side .sidebar-side#featured-resources-wrapper .sidebar-nav-wrapper, #sidebar-wrapper.sidebar-side .views-row, #newsbar.newsbar-sidebar-side .sidebar-side#featured-resources-wrapper .views-row {\n padding-left: calc(0 * (0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 900px) and (min-width: 1044px) {\n #sidebar-wrapper.sidebar-side .sidebar-nav-wrapper, #newsbar.newsbar-sidebar-side .sidebar-side#featured-resources-wrapper .sidebar-nav-wrapper, #sidebar-wrapper.sidebar-side .views-row, #newsbar.newsbar-sidebar-side .sidebar-side#featured-resources-wrapper .views-row {\n padding-left: calc(0 * 2rem);\n }\n}\n@media (min-width: 900px) {\n #sidebar-wrapper.sidebar-side .sidebar-nav-wrapper, #newsbar.newsbar-sidebar-side .sidebar-side#featured-resources-wrapper .sidebar-nav-wrapper, #sidebar-wrapper.sidebar-side .views-row, #newsbar.newsbar-sidebar-side .sidebar-side#featured-resources-wrapper .views-row {\n padding-right: calc(0 * 0.5rem);\n }\n}\n@media (min-width: 900px) and (min-width: 900px) {\n #sidebar-wrapper.sidebar-side .sidebar-nav-wrapper, #newsbar.newsbar-sidebar-side .sidebar-side#featured-resources-wrapper .sidebar-nav-wrapper, #sidebar-wrapper.sidebar-side .views-row, #newsbar.newsbar-sidebar-side .sidebar-side#featured-resources-wrapper .views-row {\n padding-right: calc(0 * (0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 900px) and (min-width: 1044px) {\n #sidebar-wrapper.sidebar-side .sidebar-nav-wrapper, #newsbar.newsbar-sidebar-side .sidebar-side#featured-resources-wrapper .sidebar-nav-wrapper, #sidebar-wrapper.sidebar-side .views-row, #newsbar.newsbar-sidebar-side .sidebar-side#featured-resources-wrapper .views-row {\n padding-right: calc(0 * 2rem);\n }\n}\n@media (min-width: 900px) {\n #sidebar-wrapper.sidebar-side .service-desk-block-container, #newsbar.newsbar-sidebar-side .sidebar-side#featured-resources-wrapper .service-desk-block-container {\n justify-content: flex-start;\n }\n}\n@media (min-width: 600px) {\n #sidebar-wrapper #sidebar-container.menu-2.desk-2 .sidebar-nav-wrapper, #newsbar.newsbar-sidebar-side #featured-resources-wrapper #sidebar-container.menu-2.desk-2 .sidebar-nav-wrapper,\n #sidebar-wrapper #sidebar-container.menu-2.desk-2 .views-row,\n #newsbar.newsbar-sidebar-side #featured-resources-wrapper #sidebar-container.menu-2.desk-2 .views-row {\n width: 50%;\n }\n #sidebar-wrapper #sidebar-container.menu-2.desk-2 #block-lits-theme-views-block-service-desk-block-block-1, #newsbar.newsbar-sidebar-side #featured-resources-wrapper #sidebar-container.menu-2.desk-2 #block-lits-theme-views-block-service-desk-block-block-1 {\n width: 100%;\n }\n}\n@media (min-width: 900px) {\n #sidebar-wrapper.sidebar-side #sidebar-container.menu-2.desk-2 .sidebar-nav-wrapper, #newsbar.newsbar-sidebar-side .sidebar-side#featured-resources-wrapper #sidebar-container.menu-2.desk-2 .sidebar-nav-wrapper,\n #sidebar-wrapper.sidebar-side #sidebar-container.menu-2.desk-2 .views-row,\n #newsbar.newsbar-sidebar-side .sidebar-side#featured-resources-wrapper #sidebar-container.menu-2.desk-2 .views-row {\n width: 100%;\n }\n #sidebar-wrapper.sidebar-side #sidebar-container.menu-2.desk-2 #block-lits-theme-views-block-service-desk-block-block-1, #newsbar.newsbar-sidebar-side .sidebar-side#featured-resources-wrapper #sidebar-container.menu-2.desk-2 #block-lits-theme-views-block-service-desk-block-block-1 {\n width: 100%;\n }\n}\n@media (min-width: 1200px) {\n #sidebar-wrapper.sidebar-foot #sidebar-container.menu-2.desk-2 .sidebar-nav-wrapper, #newsbar.newsbar-sidebar-side .sidebar-foot#featured-resources-wrapper #sidebar-container.menu-2.desk-2 .sidebar-nav-wrapper {\n width: 25%;\n }\n #sidebar-wrapper.sidebar-foot #sidebar-container.menu-2.desk-2 #block-lits-theme-views-block-service-desk-block-block-1, #newsbar.newsbar-sidebar-side .sidebar-foot#featured-resources-wrapper #sidebar-container.menu-2.desk-2 #block-lits-theme-views-block-service-desk-block-block-1 {\n width: 50%;\n }\n #sidebar-wrapper.sidebar-foot #sidebar-container.menu-2.desk-2 .views-row, #newsbar.newsbar-sidebar-side .sidebar-foot#featured-resources-wrapper #sidebar-container.menu-2.desk-2 .views-row {\n width: 50%;\n }\n}\n@media (min-width: 600px) {\n #sidebar-wrapper #sidebar-container.menu-2.desk-1 .sidebar-nav-wrapper, #newsbar.newsbar-sidebar-side #featured-resources-wrapper #sidebar-container.menu-2.desk-1 .sidebar-nav-wrapper {\n width: 50%;\n }\n #sidebar-wrapper #sidebar-container.menu-2.desk-1 #block-lits-theme-views-block-service-desk-block-block-1, #newsbar.newsbar-sidebar-side #featured-resources-wrapper #sidebar-container.menu-2.desk-1 #block-lits-theme-views-block-service-desk-block-block-1 {\n width: 100%;\n }\n #sidebar-wrapper #sidebar-container.menu-1.desk-2 .views-row, #newsbar.newsbar-sidebar-side #featured-resources-wrapper #sidebar-container.menu-1.desk-2 .views-row {\n width: 50%;\n }\n #sidebar-wrapper #sidebar-container.menu-1.desk-2 #block-lits-theme-views-block-service-desk-block-block-1, #newsbar.newsbar-sidebar-side #featured-resources-wrapper #sidebar-container.menu-1.desk-2 #block-lits-theme-views-block-service-desk-block-block-1 {\n width: 100%;\n }\n}\n@media (min-width: 900px) {\n #sidebar-wrapper.sidebar-foot #sidebar-container.menu-2.desk-1 .sidebar-nav-wrapper, #newsbar.newsbar-sidebar-side .sidebar-foot#featured-resources-wrapper #sidebar-container.menu-2.desk-1 .sidebar-nav-wrapper {\n width: 33.3333333333%;\n }\n #sidebar-wrapper.sidebar-foot #sidebar-container.menu-2.desk-1 #block-lits-theme-views-block-service-desk-block-block-1, #newsbar.newsbar-sidebar-side .sidebar-foot#featured-resources-wrapper #sidebar-container.menu-2.desk-1 #block-lits-theme-views-block-service-desk-block-block-1 {\n width: 33.3333333333%;\n max-width: 520px;\n }\n #sidebar-wrapper.sidebar-foot #sidebar-container.menu-1.desk-2 .sidebar-nav-wrapper, #newsbar.newsbar-sidebar-side .sidebar-foot#featured-resources-wrapper #sidebar-container.menu-1.desk-2 .sidebar-nav-wrapper {\n width: 33.3333333333%;\n }\n #sidebar-wrapper.sidebar-foot #sidebar-container.menu-1.desk-2 #block-lits-theme-views-block-service-desk-block-block-1, #newsbar.newsbar-sidebar-side .sidebar-foot#featured-resources-wrapper #sidebar-container.menu-1.desk-2 #block-lits-theme-views-block-service-desk-block-block-1 {\n width: 66.6666666667%;\n max-width: 1040px;\n }\n #sidebar-wrapper.sidebar-foot #sidebar-container.menu-1.desk-2 #block-lits-theme-views-block-service-desk-block-block-1 .views-row, #newsbar.newsbar-sidebar-side .sidebar-foot#featured-resources-wrapper #sidebar-container.menu-1.desk-2 #block-lits-theme-views-block-service-desk-block-block-1 .views-row {\n width: 50%;\n }\n #sidebar-wrapper.sidebar-side #sidebar-container.menu-1.desk-2 #block-lits-theme-views-block-service-desk-block-block-1 .views-row, #newsbar.newsbar-sidebar-side .sidebar-side#featured-resources-wrapper #sidebar-container.menu-1.desk-2 #block-lits-theme-views-block-service-desk-block-block-1 .views-row {\n width: 100%;\n }\n}\n@media (min-width: 600px) {\n #sidebar-wrapper #sidebar-container.menu-0.desk-2 #block-lits-theme-views-block-service-desk-block-block-1, #newsbar.newsbar-sidebar-side #featured-resources-wrapper #sidebar-container.menu-0.desk-2 #block-lits-theme-views-block-service-desk-block-block-1 {\n width: 100%;\n }\n #sidebar-wrapper #sidebar-container.menu-0.desk-2 #block-lits-theme-views-block-service-desk-block-block-1 .views-row, #newsbar.newsbar-sidebar-side #featured-resources-wrapper #sidebar-container.menu-0.desk-2 #block-lits-theme-views-block-service-desk-block-block-1 .views-row {\n width: 50%;\n }\n #sidebar-wrapper #sidebar-container.menu-1.desk-1 .sidebar-nav-wrapper, #newsbar.newsbar-sidebar-side #featured-resources-wrapper #sidebar-container.menu-1.desk-1 .sidebar-nav-wrapper {\n width: 50%;\n }\n #sidebar-wrapper #sidebar-container.menu-1.desk-1 #block-lits-theme-views-block-service-desk-block-block-1, #newsbar.newsbar-sidebar-side #featured-resources-wrapper #sidebar-container.menu-1.desk-1 #block-lits-theme-views-block-service-desk-block-block-1 {\n width: 50%;\n max-width: 520px;\n }\n #sidebar-wrapper #sidebar-container.menu-1.desk-1 #block-lits-theme-views-block-service-desk-block-block-1 .views-row, #newsbar.newsbar-sidebar-side #featured-resources-wrapper #sidebar-container.menu-1.desk-1 #block-lits-theme-views-block-service-desk-block-block-1 .views-row {\n width: 100%;\n }\n #sidebar-wrapper #sidebar-container.menu-2.desk-0 .sidebar-nav-wrapper, #newsbar.newsbar-sidebar-side #featured-resources-wrapper #sidebar-container.menu-2.desk-0 .sidebar-nav-wrapper {\n width: 50%;\n }\n}\n@media (min-width: 900px) {\n #sidebar-wrapper.sidebar-side #sidebar-container.menu-0.desk-2 #block-lits-theme-views-block-service-desk-block-block-1, #newsbar.newsbar-sidebar-side .sidebar-side#featured-resources-wrapper #sidebar-container.menu-0.desk-2 #block-lits-theme-views-block-service-desk-block-block-1, #sidebar-wrapper.sidebar-side #sidebar-container.menu-1.desk-1 #block-lits-theme-views-block-service-desk-block-block-1, #newsbar.newsbar-sidebar-side .sidebar-side#featured-resources-wrapper #sidebar-container.menu-1.desk-1 #block-lits-theme-views-block-service-desk-block-block-1 {\n width: 100%;\n }\n #sidebar-wrapper.sidebar-side #sidebar-container.menu-0.desk-2 #block-lits-theme-views-block-service-desk-block-block-1 .views-row, #newsbar.newsbar-sidebar-side .sidebar-side#featured-resources-wrapper #sidebar-container.menu-0.desk-2 #block-lits-theme-views-block-service-desk-block-block-1 .views-row, #sidebar-wrapper.sidebar-side #sidebar-container.menu-1.desk-1 #block-lits-theme-views-block-service-desk-block-block-1 .views-row, #newsbar.newsbar-sidebar-side .sidebar-side#featured-resources-wrapper #sidebar-container.menu-1.desk-1 #block-lits-theme-views-block-service-desk-block-block-1 .views-row {\n width: 100%;\n }\n}\n@media (min-width: 600px) {\n #sidebar-wrapper #sidebar-container.menu-0.desk-1 .sidebar-nav-wrapper, #newsbar.newsbar-sidebar-side #featured-resources-wrapper #sidebar-container.menu-0.desk-1 .sidebar-nav-wrapper,\n #sidebar-wrapper #sidebar-container.menu-0.desk-1 .views-row,\n #newsbar.newsbar-sidebar-side #featured-resources-wrapper #sidebar-container.menu-0.desk-1 .views-row,\n #sidebar-wrapper #sidebar-container.menu-1.desk-0 .sidebar-nav-wrapper,\n #newsbar.newsbar-sidebar-side #featured-resources-wrapper #sidebar-container.menu-1.desk-0 .sidebar-nav-wrapper,\n #sidebar-wrapper #sidebar-container.menu-1.desk-0 .views-row,\n #newsbar.newsbar-sidebar-side #featured-resources-wrapper #sidebar-container.menu-1.desk-0 .views-row {\n width: 50%;\n }\n #sidebar-wrapper #sidebar-container.menu-0.desk-1 #block-lits-theme-views-block-service-desk-block-block-1, #newsbar.newsbar-sidebar-side #featured-resources-wrapper #sidebar-container.menu-0.desk-1 #block-lits-theme-views-block-service-desk-block-block-1,\n #sidebar-wrapper #sidebar-container.menu-1.desk-0 #block-lits-theme-views-block-service-desk-block-block-1,\n #newsbar.newsbar-sidebar-side #featured-resources-wrapper #sidebar-container.menu-1.desk-0 #block-lits-theme-views-block-service-desk-block-block-1 {\n width: 100%;\n }\n}\n@media (min-width: 900px) {\n #sidebar-wrapper #sidebar-container.menu-0.desk-1 .sidebar-nav-wrapper, #newsbar.newsbar-sidebar-side #featured-resources-wrapper #sidebar-container.menu-0.desk-1 .sidebar-nav-wrapper,\n #sidebar-wrapper #sidebar-container.menu-0.desk-1 .views-row,\n #newsbar.newsbar-sidebar-side #featured-resources-wrapper #sidebar-container.menu-0.desk-1 .views-row,\n #sidebar-wrapper #sidebar-container.menu-1.desk-0 .sidebar-nav-wrapper,\n #newsbar.newsbar-sidebar-side #featured-resources-wrapper #sidebar-container.menu-1.desk-0 .sidebar-nav-wrapper,\n #sidebar-wrapper #sidebar-container.menu-1.desk-0 .views-row,\n #newsbar.newsbar-sidebar-side #featured-resources-wrapper #sidebar-container.menu-1.desk-0 .views-row {\n width: 100%;\n }\n #sidebar-wrapper #sidebar-container.menu-0.desk-1 #block-lits-theme-views-block-service-desk-block-block-1, #newsbar.newsbar-sidebar-side #featured-resources-wrapper #sidebar-container.menu-0.desk-1 #block-lits-theme-views-block-service-desk-block-block-1,\n #sidebar-wrapper #sidebar-container.menu-1.desk-0 #block-lits-theme-views-block-service-desk-block-block-1,\n #newsbar.newsbar-sidebar-side #featured-resources-wrapper #sidebar-container.menu-1.desk-0 #block-lits-theme-views-block-service-desk-block-block-1 {\n width: 100%;\n }\n}\n\n/**\n * @file\n * Styles that apply to specific pages.\n *\n * TODO: these should probably be moved to a less general location.\n */\n@media (min-width: 1080px) {\n .study-space-finder header {\n width: 100%;\n }\n}\n\n.views-row header {\n margin: 0;\n border: none;\n}\n.views-row header h3 {\n margin: 0;\n}\n\n/** search page styling **/\nh2.bentos {\n font-style: italic;\n}\n\n.bentos.grid-container {\n width: 100%;\n height: 100%;\n display: grid;\n grid-gap: 10px;\n list-style: none;\n margin: 0 0 1em auto;\n padding: 0;\n grid-template-areas: \"websiteSearch\" \"guidesSearch\";\n /** @media (min-width: $small-width) and (max-width: $large-width) {\n grid-template-areas:\n \"bento-1 bento-2\"\n \"bento-3 .\";\n }\n **/\n}\n@media (min-width: 1200px) {\n .bentos.grid-container {\n grid-template-areas: \"websiteSearch guidesSearch\";\n grid-template-columns: 1fr 1fr;\n }\n}\n\n.bento-1 {\n grid-area: websiteSearch;\n}\n\n.bento-3 {\n grid-area: guidesSearch;\n}\n\n.status--warning {\n background-color: #f9fb93;\n color: shade(#f9fb93, 60%);\n display: block;\n margin-bottom: 0.75em;\n padding: 0.75em;\n text-align: center;\n}\n.status--warning a {\n color: shade(#f9fb93, 70%);\n text-decoration: underline;\n}\n.status--warning a:focus, .status--warning a:hover {\n color: shade(#f9fb93, 90%);\n}\n.status--warning .placeholder {\n font-style: normal;\n font-weight: 800;\n}\n\n.status--error {\n background-color: #fbe3e4;\n color: shade(#fbe3e4, 60%);\n display: block;\n margin-bottom: 0.75em;\n padding: 0.75em;\n text-align: center;\n}\n.status--error a {\n color: shade(#fbe3e4, 70%);\n text-decoration: underline;\n}\n.status--error a:focus, .status--error a:hover {\n color: shade(#fbe3e4, 90%);\n}\n.status--error .placeholder {\n font-style: normal;\n font-weight: 800;\n}\n\n.status--status {\n background-color: #cfefc2;\n color: shade(#cfefc2, 60%);\n display: block;\n margin-bottom: 0.75em;\n padding: 0.75em;\n text-align: center;\n}\n.status--status a {\n color: shade(#cfefc2, 70%);\n text-decoration: underline;\n}\n.status--status a:focus, .status--status a:hover {\n color: shade(#cfefc2, 90%);\n}\n.status--status .placeholder {\n font-style: normal;\n font-weight: 800;\n}\n\n/**\n * @file\n * Custom styles for the study spaces filter.\n *\n * @see lits_search_form_views_exposed_form_alter().\n */\n.study-space-filters {\n line-height: 1rem;\n background-color: white;\n}\n@media (min-width: 600px) {\n .study-space-filters {\n width: 100%;\n }\n}\n@media (min-width: 600px) {\n .study-space-filters #views-exposed-form-study-spaces-page-1 {\n height: 1000px;\n display: grid;\n grid-template-columns: 50% 50%;\n }\n}\n@media (min-width: 900px) {\n .study-space-filters #views-exposed-form-study-spaces-page-1 {\n height: auto;\n display: flex;\n flex-direction: column;\n }\n}\n.study-space-filters .form-item-intro {\n background-color: #5c7f1a;\n}\n@media (min-width: 600px) {\n .study-space-filters .form-item-intro {\n max-width: none;\n grid-column-end: span 2;\n }\n}\n.study-space-filters .filters-title {\n display: none;\n}\n.study-space-filters .js-form-item {\n padding-left: 1rem;\n padding-right: 1rem;\n}\n@media (min-width: 600px) {\n .study-space-filters .js-form-item {\n grid-column-end: span 2;\n }\n}\n.study-space-filters .form-item-scope {\n padding-bottom: 0.5rem;\n padding-left: 1rem;\n margin: 1rem;\n}\n@media (min-width: 600px) {\n .study-space-filters .form-item-scope {\n grid-column-end: span 2;\n }\n}\n.study-space-filters fieldset {\n border: 1px dashed #e2dfdd;\n margin: 1rem;\n}\n.study-space-filters .form-actions {\n margin: 1rem;\n}\n.study-space-filters legend {\n padding: 0 15px;\n}\n.study-space-filters label,\n.study-space-filters .space-search {\n font-weight: 400;\n font-size: 0.9rem;\n margin: 0;\n}\n.study-space-filters .space-search-type {\n color: #a20067;\n font-size: 1.1rem;\n font-weight: bold;\n font-style: italic;\n padding-top: 5px;\n}\n\n/**\n* @file\n*\n* Kind of use sidebar-like styles for the filters\n*/\n.study-space-finder {\n align-items: flex-start;\n}\n.study-space-finder .find-reservable-msg {\n width: 100%;\n text-align: center;\n margin-bottom: 1em;\n}\n.study-space-finder .filters-title {\n margin: 0;\n}\n.study-space-finder .filters-title button {\n display: flex;\n align-items: center;\n width: 100%;\n background-color: #5c7f1a;\n color: white;\n line-height: normal;\n padding: 10px 15px;\n border: 0;\n font-size: 1.6rem;\n}\n.study-space-finder.expandable button svg.fa-chevron-down {\n margin-left: 0.25em;\n}\n.study-space-finder.expandable--open button svg.fa-chevron-down {\n transform: rotate(180deg);\n}\n.study-space-finder .filters {\n width: 100%;\n flex-basis: auto;\n margin: 0;\n}\n@media (min-width: 600px) {\n .study-space-finder .filters {\n width: 100%;\n }\n}\n@media (min-width: 900px) {\n .study-space-finder .filters {\n width: 38%;\n }\n}\n@media (min-width: 1200px) {\n .study-space-finder .filters {\n width: 38%;\n }\n}\n@media (min-width: 1920px) {\n .study-space-finder .filters {\n width: auto;\n width: calc(((0.5rem + ((1920px - 900px) / 6)) + ((100% - 1920px) / 2)) + ((1920px * 0.38) - (0.5rem + ((1920px - 900px) / 6))));\n }\n}\n.study-space-finder .filters {\n margin-bottom: 1em;\n}\n@media (min-width: 900px) {\n .study-space-finder .filters {\n box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);\n border-left: 1px solid rgba(0, 0, 0, 0.4);\n border-bottom: 1px solid rgba(0, 0, 0, 0.4);\n margin-bottom: 0;\n }\n}\n.study-space-finder .results {\n width: 100%;\n flex-basis: auto;\n margin: 0;\n}\n@media (min-width: 600px) {\n .study-space-finder .results {\n width: 100%;\n }\n}\n@media (min-width: 900px) {\n .study-space-finder .results {\n width: 62%;\n }\n}\n@media (min-width: 1200px) {\n .study-space-finder .results {\n width: 62%;\n }\n}\n@media (min-width: 1920px) {\n .study-space-finder .results {\n width: auto;\n width: calc(((0.5rem + ((1920px - 900px) / 6)) + ((100% - 1920px) / 2)) + ((1920px * 0.62) - (0.5rem + ((1920px - 900px) / 6))));\n }\n}\n@media (min-width: 900px) {\n .study-space-finder .results {\n padding-left: calc(1 * 0.5rem);\n }\n}\n@media (min-width: 900px) and (min-width: 900px) {\n .study-space-finder .results {\n padding-left: calc(1 * (0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 900px) and (min-width: 1044px) {\n .study-space-finder .results {\n padding-left: calc(1 * 2rem);\n }\n}\n\nbody.system_status #system-status table.no-table,\nbody.system_status #system-status table.no-table thead,\nbody.system_status #system-status table.no-table tbody,\nbody.system_status #system-status table.no-table th,\nbody.system_status #system-status table.no-table td,\nbody.system_status #system-status table.no-table tr {\n display: block;\n height: 100%;\n}\nbody.system_status #system-status table.no-table thead {\n position: absolute !important;\n clip: rect(1px, 1px, 1px, 1px);\n overflow: hidden;\n height: 1px;\n width: 1px;\n word-wrap: normal;\n}\nbody.system_status #system-status table.no-table th,\nbody.system_status #system-status table.no-table td {\n border-bottom: none;\n display: flex;\n flex-flow: row wrap;\n padding: 1rem;\n box-sizing: border-box;\n}\nbody.system_status #system-status table.no-table td {\n /* Behave like a \"row\" */\n border: none;\n position: relative;\n}\nbody.system_status #system-status table.no-table th[scope=row] {\n width: auto;\n}\nbody.system_status #system-status table.no-table tbody tr:first-of-type {\n border-top: 1px solid #ccc;\n}\nbody.system_status #system-status table.no-table .col-header {\n display: inline-block;\n font-weight: bold;\n padding-right: 0;\n width: 100%;\n word-break: break-all;\n}\nbody.system_status #system-status table.no-table .col-content {\n width: 100%;\n padding-left: 2rem;\n}\n@media (min-width: 600px) {\n body.system_status #system-status table.no-table .col-header {\n width: 50%;\n padding-right: 1rem;\n }\n body.system_status #system-status table.no-table .col-content {\n width: 50%;\n padding-left: 0;\n }\n}\n@media (min-width: 900px) {\n body.system_status #system-status table.no-table .col-header {\n width: 33%;\n }\n body.system_status #system-status table.no-table .col-content {\n width: 67%;\n }\n}\n@media (min-width: 1200px) {\n body.system_status #system-status table.no-table .col-header {\n width: 20%;\n }\n body.system_status #system-status table.no-table .col-content {\n width: 80%;\n }\n}\nbody.system_status #system-status table.no-table .status {\n text-align: left;\n}\nbody.system_status #system-status table.no-table .form-item {\n max-width: 100%;\n}\nbody.system_status #system-status table.no-table textarea {\n width: 100%;\n}\n\n/**\n * @file\n * Styles for elements specific to the LITS homepage\n */\n/* I. Titlebar */\n#titlebar .layout-container, #titlebar #newsbar.newsbar-sidebar-side, #titlebar #main-content.main-sidebar-side, #titlebar .study-space-finder {\n flex-flow: column nowrap;\n flex: 0 0 auto;\n align-items: center;\n}\n#titlebar .layout-container #title-wrapper, #titlebar #newsbar.newsbar-sidebar-side #title-wrapper, #titlebar #main-content.main-sidebar-side #title-wrapper, #titlebar .study-space-finder #title-wrapper {\n width: auto;\n padding-right: 0;\n text-align: center;\n}\n#titlebar .layout-container #title-wrapper p, #titlebar #newsbar.newsbar-sidebar-side #title-wrapper p, #titlebar #main-content.main-sidebar-side #title-wrapper p, #titlebar .study-space-finder #title-wrapper p {\n padding-top: 0 !important;\n}\n#titlebar .layout-container #search-container, #titlebar #newsbar.newsbar-sidebar-side #search-container, #titlebar #main-content.main-sidebar-side #search-container, #titlebar .study-space-finder #search-container {\n width: 100%;\n max-width: 1200px;\n}\n#titlebar .layout-container #block-lits-theme-local-tasks, #titlebar #newsbar.newsbar-sidebar-side #block-lits-theme-local-tasks, #titlebar #main-content.main-sidebar-side #block-lits-theme-local-tasks, #titlebar .study-space-finder #block-lits-theme-local-tasks,\n#titlebar .layout-container #block-lits-theme-local-actions,\n#titlebar #newsbar.newsbar-sidebar-side #block-lits-theme-local-actions,\n#titlebar #main-content.main-sidebar-side #block-lits-theme-local-actions,\n#titlebar .study-space-finder #block-lits-theme-local-actions {\n align-self: flex-start;\n}\n\n#title-wrapper {\n flex: 1 1 auto;\n width: 100%;\n margin-top: 1rem;\n margin-bottom: 1rem;\n}\n@media (min-width: 1200px) {\n #title-wrapper {\n width: 40%;\n }\n}\n#title-wrapper h1 {\n margin-top: 0;\n line-height: 1;\n}\n#title-wrapper p {\n font-size: 1rem;\n margin: 0;\n line-height: 1.5;\n}\n@media (min-width: 1200px) {\n #title-wrapper p {\n padding-top: 1rem;\n }\n}\n\n@media (min-width: 1200px) {\n #title-wrapper {\n padding-right: calc(1 * 0.5rem);\n }\n}\n@media (min-width: 1200px) and (min-width: 900px) {\n #title-wrapper {\n padding-right: calc(1 * (0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 1200px) and (min-width: 1044px) {\n #title-wrapper {\n padding-right: calc(1 * 2rem);\n }\n}\nh1 .subtitle {\n color: #004876;\n font-style: normal;\n font-weight: normal;\n font-size: 1.2rem;\n line-height: 1.4;\n padding-top: 0.4rem;\n}\n\n#search-container {\n flex: 1 1 auto;\n margin-top: 1rem;\n margin-bottom: 1rem;\n width: 100%;\n}\n@media (min-width: 1200px) {\n #search-container {\n width: 60%;\n }\n}\n\n/* II. Newsbar */\n#newsbar {\n margin-bottom: 2px;\n}\n#newsbar h2, #newsbar.newsbar-sidebar-side #featured-resources-wrapper h2 {\n padding: 0;\n margin: 1em 0;\n font-size: 1.5em;\n line-height: 2rem;\n}\n#newsbar a.see-all-posts {\n background-color: #07c;\n border: none;\n outline: none;\n color: white;\n cursor: pointer;\n font-size: 0.9em;\n line-height: 1.4;\n padding: 10px;\n margin: 15px 0;\n font-weight: normal;\n font-style: normal;\n display: block;\n text-decoration: none;\n text-align: center;\n}\n#newsbar a.see-all-posts:visited {\n color: white;\n}\n#newsbar a.see-all-posts:hover {\n background-color: #6e6259;\n color: white;\n}\n#newsbar a.see-all-posts:focus {\n outline-offset: 2px;\n outline: 3px solid #004876;\n}\n.lits_homepage #block-lits-theme-litsunifiedsearchblock #newsbar a.see-all-posts:focus {\n outline-offset: 2px;\n outline: 3px solid #ff9e1b;\n}\n#newsbar a.see-all-posts:focus {\n outline-offset: 2px;\n outline: 3px solid #004876;\n text-decoration: underline solid;\n}\n#newsbar a.see-all-posts {\n width: 10rem;\n margin-bottom: 2rem;\n}\n#newsbar .has-link-tiles ul {\n margin-top: -0.5rem;\n}\n#newsbar .has-link-tiles li {\n width: 100%;\n}\n@media (min-width: 600px) {\n #newsbar .has-link-tiles li {\n width: 41%;\n }\n}\n@media (min-width: 1200px) {\n #newsbar .has-link-tiles li {\n width: 26%;\n }\n}\n#newsbar .has-link-tiles li a {\n border-radius: 0;\n background-color: white;\n box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);\n justify-content: center;\n}\n#newsbar .has-link-tiles li:nth-child(6n+1) a {\n border-top: 4px solid #a20067;\n}\n#newsbar .has-link-tiles li:nth-child(6n+2) a {\n border-top: 4px solid #6e6259;\n}\n#newsbar .has-link-tiles li:nth-child(6n+3) a {\n border-top: 4px solid #00a9e0;\n}\n#newsbar .has-link-tiles li:nth-child(6n+4) a {\n border-top: 4px solid #84bd00;\n}\n#newsbar .has-link-tiles li:nth-child(6n+5) a {\n border-top: 4px solid #ff9e1b;\n}\n#newsbar .has-link-tiles li:nth-child(6n+6) a {\n border-top: 4px solid #ef3340;\n}\n#newsbar .has-link-tiles li.tdx-tile {\n width: 100%;\n}\n#newsbar .has-link-tiles li.tdx-tile svg {\n overflow: visible;\n box-sizing: content-box;\n display: var(--fa-display, inline-block);\n height: 2em;\n vertical-align: -0.125em;\n}\n#newsbar .has-link-tiles li.tdx-tile img {\n height: 5em;\n margin: auto;\n}\n#newsbar .has-link-tiles li.tdx-tile a {\n border-top: 4px solid #004876 !important;\n}\n#newsbar #news-items-container {\n flex-flow: column nowrap;\n}\n#newsbar #news-items-container .news-item {\n width: 100%;\n}\n#newsbar.newsbar-sidebar-side #news-events {\n box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);\n}\n#newsbar.newsbar-sidebar-side #news-events {\n width: 100%;\n flex-basis: auto;\n margin: 0;\n}\n@media (min-width: 600px) {\n #newsbar.newsbar-sidebar-side #news-events {\n width: 100%;\n }\n}\n@media (min-width: 900px) {\n #newsbar.newsbar-sidebar-side #news-events {\n width: 62%;\n }\n}\n@media (min-width: 1200px) {\n #newsbar.newsbar-sidebar-side #news-events {\n width: 62%;\n }\n}\n@media (min-width: 1920px) {\n #newsbar.newsbar-sidebar-side #news-events {\n width: auto;\n width: calc(((0.5rem + ((1920px - 900px) / 6)) + ((100% - 1920px) / 2)) + ((1920px * 0.62) - (0.5rem + ((1920px - 900px) / 6))));\n }\n}\n#newsbar.newsbar-sidebar-side #news-events {\n padding-bottom: 0.5rem;\n}\n@media (min-width: 900px) {\n #newsbar.newsbar-sidebar-side #news-events {\n padding-bottom: calc((0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 1920px) {\n #newsbar.newsbar-sidebar-side #news-events {\n padding-bottom: calc(0.5rem + math.div((1920px - 900px), 6));\n }\n}\n@media (min-width: 900px) {\n #newsbar.newsbar-sidebar-side #news-events {\n box-shadow: 2px 0 2px rgba(0, 0, 0, 0.4);\n }\n #newsbar.newsbar-sidebar-side #news-events {\n padding-left: 0.5rem;\n }\n}\n@media (min-width: 900px) and (min-width: 900px) {\n #newsbar.newsbar-sidebar-side #news-events {\n padding-left: calc((0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 900px) and (min-width: 1920px) {\n #newsbar.newsbar-sidebar-side #news-events {\n padding-left: calc(0.5rem + math.div((1920px - 900px), 6) + (100% - 1920px) / 2);\n }\n}\n@media (min-width: 900px) {\n #newsbar.newsbar-sidebar-side #news-events {\n padding-right: calc(1 * 0.5rem);\n }\n}\n@media (min-width: 900px) and (min-width: 900px) {\n #newsbar.newsbar-sidebar-side #news-events {\n padding-right: calc(1 * (0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 900px) and (min-width: 1044px) {\n #newsbar.newsbar-sidebar-side #news-events {\n padding-right: calc(1 * 2rem);\n }\n}\n#newsbar.newsbar-sidebar-side #featured-resources-wrapper {\n width: 100%;\n flex-basis: auto;\n margin: 0;\n}\n@media (min-width: 600px) {\n #newsbar.newsbar-sidebar-side #featured-resources-wrapper {\n width: 100%;\n }\n}\n@media (min-width: 900px) {\n #newsbar.newsbar-sidebar-side #featured-resources-wrapper {\n width: 38%;\n }\n}\n@media (min-width: 1200px) {\n #newsbar.newsbar-sidebar-side #featured-resources-wrapper {\n width: 38%;\n }\n}\n@media (min-width: 1920px) {\n #newsbar.newsbar-sidebar-side #featured-resources-wrapper {\n width: auto;\n width: calc(((0.5rem + ((1920px - 900px) / 6)) + ((100% - 1920px) / 2)) + ((1920px * 0.38) - (0.5rem + ((1920px - 900px) / 6))));\n }\n}\n#newsbar.newsbar-sidebar-side #featured-resources-wrapper {\n box-shadow: 2px 0 2px rgba(0, 0, 0, 0.4);\n}\n@media (min-width: 900px) {\n #newsbar.newsbar-sidebar-side #featured-resources-wrapper {\n padding-right: 0.5rem;\n }\n}\n@media (min-width: 900px) and (min-width: 900px) {\n #newsbar.newsbar-sidebar-side #featured-resources-wrapper {\n padding-right: calc((0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 900px) and (min-width: 1920px) {\n #newsbar.newsbar-sidebar-side #featured-resources-wrapper {\n padding-right: calc(0.5rem + math.div((1920px - 900px), 6) + (100% - 1920px) / 2);\n }\n}\n@media (min-width: 900px) {\n #newsbar.newsbar-sidebar-side #featured-resources-wrapper {\n padding-left: calc(1 * 0.5rem);\n }\n}\n@media (min-width: 900px) and (min-width: 900px) {\n #newsbar.newsbar-sidebar-side #featured-resources-wrapper {\n padding-left: calc(1 * (0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 900px) and (min-width: 1044px) {\n #newsbar.newsbar-sidebar-side #featured-resources-wrapper {\n padding-left: calc(1 * 2rem);\n }\n}\n@media (min-width: 900px) {\n #newsbar.newsbar-sidebar-side #featured-resources-wrapper #featured-resources {\n flex-direction: column;\n }\n #newsbar.newsbar-sidebar-side #featured-resources-wrapper #featured-resources > * {\n width: 100%;\n }\n}\n#newsbar.newsbar-sidebar-side #featured-resources-wrapper {\n padding-top: 0;\n}\n\n/* 0. Helper styles - Link tiles (eg featured resources, formerly quick links and remote guides) */\n.lits_homepage .has-link-tiles {\n padding-bottom: 2rem;\n}\n.lits_homepage .has-link-tiles h2 {\n margin-top: 0;\n padding-top: 2rem;\n}\n.lits_homepage .has-link-tiles ul {\n list-style: none;\n margin: 0;\n padding: 0;\n display: flex;\n flex-flow: row wrap;\n justify-content: space-around;\n}\n.lits_homepage .has-link-tiles ul li {\n flex: 1 1 auto;\n width: 100%;\n margin: 0.5rem;\n}\n@media (min-width: 600px) {\n .lits_homepage .has-link-tiles ul li {\n width: 46%;\n }\n}\n@media (min-width: 900px) {\n .lits_homepage .has-link-tiles ul li {\n width: 31%;\n }\n}\n@media (min-width: 1200px) {\n .lits_homepage .has-link-tiles ul li {\n width: 14%;\n min-height: 10rem;\n }\n}\n.lits_homepage .has-link-tiles ul li .fontawesome-icons {\n text-align: center;\n}\n.lits_homepage .has-link-tiles ul li a {\n border-radius: 0.25rem;\n background-color: #e5e5e5;\n height: 100%;\n display: flex;\n flex-flow: column nowrap;\n justify-content: flex-start;\n word-break: break-word;\n padding: 1rem;\n}\n@media (min-width: 1200px) {\n .lits_homepage .has-link-tiles ul li a {\n padding: 1rem 0.25rem;\n }\n}\n.lits_homepage .has-link-tiles ul li a {\n color: #004876;\n}\n.lits_homepage .has-link-tiles ul li a:link, .lits_homepage .has-link-tiles ul li a:visited {\n color: #004876;\n}\n.lits_homepage .has-link-tiles ul li a:active, .lits_homepage .has-link-tiles ul li a:hover {\n color: #07c;\n text-decoration: underline solid;\n}\n.lits_homepage .has-link-tiles ul li a:focus {\n outline-offset: 2px;\n outline: 3px solid #004876;\n text-decoration: underline solid;\n}\n.lits_homepage #block-lits-theme-litsunifiedsearchblock .lits_homepage .has-link-tiles ul li a:focus {\n outline-offset: 2px;\n outline: 3px solid #ff9e1b;\n text-decoration: underline solid;\n}\n.lits_homepage #block-lits-theme-litsunifiedsearchblock .lits_homepage .has-link-tiles ul li a svg:focus {\n outline-offset: 2px;\n outline: 3px solid #ff9e1b;\n text-decoration: underline solid;\n}\n.lits_homepage .has-link-tiles ul li a svg {\n font-size: 3rem;\n margin: 0 auto;\n}\n.lits_homepage .has-link-tiles ul li a span {\n padding-top: 1rem;\n text-align: center;\n font-weight: bold;\n}\n.lits_homepage .has-link-tiles ul li:nth-child(6n+1) svg {\n color: #a20067;\n}\n.lits_homepage .has-link-tiles ul li:nth-child(6n+2) svg {\n color: #6e6259;\n}\n.lits_homepage .has-link-tiles ul li:nth-child(6n+3) svg {\n color: #00a9e0;\n}\n.lits_homepage .has-link-tiles ul li:nth-child(6n+4) svg {\n color: #84bd00;\n}\n.lits_homepage .has-link-tiles ul li:nth-child(6n+5) svg {\n color: #ff9e1b;\n}\n.lits_homepage .has-link-tiles ul li:nth-child(6n+6) svg {\n color: #ef3340;\n}","@use \"sass:math\";\n\n//////////////////////////\n// General Variables\n// Note: colors should go into\n// components/_patterns/00-base/global/01-colors/_color-vars.scss\n// and breakpoint related vars into\n// components/_patterns/00-base/_breakpoints.scss\n\n// Fonts\n$font-body: \"ars-maquette-web\", sans-serif;\n$font-heading: \"ars-maquette-web\", sans-serif;\n\n// available font-weights include: 300, 400, 500, 700\n// with italic being available in font-weights 400 and 700\n\n// Spacing\n$space: 1rem;\n\n// times\n$space-double: $space*2;\n$space-triple: $space*3;\n$space-quadruple: $space*4;\n$space-quintuple: $space*5;\n$space-sextuple: $space*6;\n$space-septuple: $space*7;\n\n// divided\n$space-one-half: math.div($space, 2);\n$space-one-third: math.div($space, 3);\n$space-one-fourth: math.div($space, 4);\n$space-one-fifth: math.div($space, 5);\n$space-one-sixth: math.div($space, 6);\n$space-one-seventh: math.div($space, 7);\n$space-one-eighth: math.div($space, 8);\n\n/**\n* Used to set the font size for \"LITS\" in logobar and to add whitespace to the MHC logos\n*/\n// $logo-font-size: 17px;\n$logo-container-max-height: 60px;\n\n// wordmark values\n$o-ratio: math.div(19.893, 40.849); // height of 'o' in wordmark svg vs height of svg as measured in Illustrator\n$word-logo-image-max-height: $logo-container-max-height * $o-ratio;\n$word-default-margin: math.div($word-logo-image-max-height, 2);\n// $word-logo-font-size: $word-default-margin; // The size of the 'o' should be the font-size also TODO: this sort of looks small...\n$word-logo-font-size: 19px;\n\n// monogram values\n$c-ratio: math.div(64.9, 108); // height of 'c' in wordmark svg vs height of svg as measured in Illustrator\n$mono-logo-image-max-height: $logo-container-max-height * (1 - $c-ratio);\n$mono-default-margin: math.div($mono-logo-image-max-height, 2);\n// $mono-logo-font-size: $mono-default-margin; // The size of the 'c' should be the font-size also TODO: this sort of looks small...\n$mono-logo-font-size: 19px;\n","@use \"sass:math\";\n\n/**\n * @file\n * Variables, functions, and mixins to support responsiveness.\n */\n\n/* Breakpoints */\n$min-width: 300px;\n$small-width: 600px;\n$medium-width: 900px;\n$large-width: 1200px;\n$max-width: 1920px;\n$content-max-width: $max-width;\n\n/**\n * Standardized rate plus minimum size.\n *\n * @param number(size) $min-value\n * The minimum size at the zero point of linear-squish() function.\n * @param number(size) $width\n * Breakpoint to pass to linear-squish() function.\n * @return number(size)\n * Computed padding size.\n *\n * Calculation happens in CSS (not Sass), so any linear units are allowable.\n */\n@function augmented-squish($min-value, $width) {\n @return '(#{$min-value} + #{linear-squish($width)})';\n}\n\n/**\n * Padding size is proportional to viewport width.\n *\n * @param number(size) $width\n * The zero-point for expansion. Usually a breakpoint.\n * @return number(size)\n * Computed padding size.\n *\n * Calculation happens in CSS (not Sass), so any linear units are allowable.\n */\n@function linear-squish($width) {\n @return '((100vw - #{$width}) / #{squish-factor()})';\n}\n\n/**\n * Convert rem to px for Sass calculation.\n *\n * @param number(rem) $rem\n * Value in rem to convert.\n * @return number(px)\n * Number of pixels corresponding to input.\n *\n * TODO: Is there a better place for helper functions?\n * TODO: Is 1rem => 16px explicitly specified anywhere?\n */\n@function rem-to-px($rem) {\n @return math.div($rem, 1rem) * 16px;\n}\n\n/**\n * Assigns breakpoint-dependent values to flex-basis, and width 100% within.\n *\n * @param number(size) $small-basis\n * The flex-basis for breakpoint $small-width.\n * @param number(size) $medium-basis\n * The flex-basis for breakpoint $medium-width.\n * @param number(size) $large-basis\n * The flex-basis for breakpoint $large-width.\n *\n * Any valid size units for flex-basis are allowed.\n */\n@mixin responsive-basis($small-basis, $medium-basis, $large-basis, $type:false) {\n & {\n width: 100%;\n flex-basis: auto;\n margin: 0;\n\n @include breakpoint($small-width) {\n width: $small-basis;\n }\n\n @include breakpoint($medium-width) {\n width: $medium-basis;\n }\n\n @include breakpoint($large-width) {\n width: $large-basis;\n }\n\n @include breakpoint($max-width) {\n width: auto;\n // width needs to be whatever the stretchy outer squishy-padding is PLUS $large-basis of $max-width minus the inner side padding\n $min-padding: 0.5rem; // from squishy-padding\n $max-allowed: '((#{$max-width} - #{$medium-width}) / #{squish-factor()})'; // from squishy-padding\n $padding: '(#{$min-padding} + #{$max-allowed})'; // from squishy-padding -- this is the padding for the inner/non-stretch edge\n $padding-stretch: '(#{$padding} + ((100% - #{$max-width}) / 2))';// from squishy-padding -- this is the padding for the outer/stretchy edge\n $unitless-basis: strip-unit(math.div($large-basis, 100));// convert percentage value (eg '62%'') to a mathy ratio value (eg '0.62')\n $content-area-width: '((#{$content-max-width} * #{$unitless-basis}) - #{$padding})'; // width of the content, given the large basis and the maximum possible content area\n\n @if ($type == stretch) {\n width: calc(#{$padding-stretch} + #{$content-area-width});\n }\n }\n }\n}\n\n/// Remove the unit of a length\n/// @param {Number} $number - Number to remove unit from\n/// @return {Number} - Unitless number\n/// https://css-tricks.com/snippets/sass/strip-unit-function/\n@function strip-unit($number) {\n @if type-of($number) == 'number' and not unitless($number) {\n @return math.div($number, ($number * 0 + 1));\n }\n\n @return $number;\n}\n\n/**\n * Smaller numbers mean faster expansion as viewport width increases.\n *\n * @return number(unitless)\n * Inverse rate of expansion.\n *\n * 6 => max padding 170px + min => max content width 1564px.\n * 5 => max padding 204px + min => max content width 1496px.\n * 4 => max padding 255px + min => max content width 1394px.\n */\n@function squish-factor() {\n @return 6;\n}\n\n/**\n * Sets scalable viewport-dependent padding on one side of the element.\n *\n * @param unquoted-string $side\n * Which side to set padding for. Must be one of 'left' or 'right'.\n * @param number(unitless) $scale\n * Multiply all padding values (including max) by this. Useful for gutters\n * split between multiple elements, such as news items on the homepage.\n * @param number(rem) $max-padding\n * Do not set a padding higher than $scale times this value.\n */\n@mixin squishy-gutter($side, $scale: 1, $max-padding: 2rem) {\n & {\n $min-padding: 0.5rem;\n\n padding-#{$side}: calc(#{$scale} * #{$min-padding});\n\n @if unit($max-padding) != \"rem\" {\n @error \"Max padding must be specified in rem units.\";\n }\n\n @if $max-padding > $min-padding {\n // 900px => 8px padding, then scale up..\n @include breakpoint($medium-width) {\n padding-#{$side}: calc(#{$scale} * #{augmented-squish($min-padding, $medium-width)});\n }\n\n // Stop increasing when we reach $scale times $max-padding.\n $delta: rem-to-px($max-padding - $min-padding);\n\n @include breakpoint($medium-width + (squish-factor() * $delta)) {\n padding-#{$side}: calc(#{$scale} * #{$max-padding});\n }\n }\n }\n}\n\n/**\n * Sets scalable viewport-dependent margin on one side of the element.\n *\n * @param unquoted-string $side\n * Which side to set margin for. Must be one of 'left' or 'right'.\n * @param number(unitless) $scale\n * Multiply all margin values (including max) by this. Useful for gutters\n * split between multiple elements, such as news items on the homepage.\n * @param number(rem) $max-margin\n * Do not set a margin higher than $scale times this value.\n */\n@mixin squishy-margin($side, $scale: 1, $max-margin: 2rem) {\n & {\n $min-margin: 0.5rem;\n\n margin-#{$side}: calc(#{$scale} * #{$min-margin});\n\n @if unit($max-margin) != \"rem\" {\n @error \"Max margin must be specified in rem units.\";\n }\n\n @if $max-margin > $min-margin {\n // 900px => 8px margin, then scale up..\n @include breakpoint($medium-width) {\n margin-#{$side}: calc(#{$scale} * #{augmented-squish($min-margin, $medium-width)});\n }\n\n // Stop increasing when we reach $scale times $max-margin.\n $delta: rem-to-px($max-margin - $min-margin);\n\n @include breakpoint($medium-width + (squish-factor() * $delta)) {\n margin-#{$side}: calc(#{$scale} * #{$max-margin});\n }\n }\n }\n}\n\n/**\n * Sets viewport-dependent padding on one side of the element.\n *\n * @param unquoted-string $side\n * Which side to set padding for. Must be one of 'left' or 'right'.\n * @param unquoted-string $type\n * Must be either:\n * - 'bare' (default): viewport larger than $max-width is handled elsewhere.\n * - 'stretch': extreme viewport size is handled on this element.\n */\n@mixin squishy-padding($side, $type: bare) {\n & {\n $min-padding: 0.5rem;\n $max-allowed: 'math.div((#{$max-width} - #{$medium-width}), #{squish-factor()})';\n\n padding-#{$side}: $min-padding;\n\n // 900px => 8px padding; 1200px => 66px padding; 1920px => 178px padding.\n @include breakpoint($medium-width) {\n $augemented-squish: augmented-squish($min-padding, $medium-width);\n\n padding-#{$side}: calc(#{$augemented-squish});\n }\n\n // Above 1920px => 178px unless we need to stretch.\n @include breakpoint($max-width) {\n $default-padding: '#{$min-padding} + #{$max-allowed}';\n\n $padding: calc(#{$default-padding});\n\n @if ($type == stretch) {\n $padding: calc(#{$default-padding} + ((100% - #{$max-width}) / 2));\n }\n\n padding-#{$side}: $padding;\n }\n }\n}\n","@font-face {\n font-family: 'chronicle-bold';\n src: url('../fonts/chronicle/ChronicleTextG2-Bold-Pro.WOFF') format('woff');\n font-weight: normal;\n font-style: normal;\n}\n\n@font-face {\n font-family: 'chronicle-bold-italic';\n src: url('../fonts/chronicle/ChronicleTextG2-BoldIta-Pro.WOFF') format('woff');\n font-weight: normal;\n font-style: normal;\n}\n\n@font-face {\n font-family: 'chronicle-italic';\n src: url('../fonts/chronicle/ChronicleTextG2-Italic-Pro.WOFF') format('woff');\n font-weight: normal;\n font-style: normal;\n}\n\n@font-face {\n font-family: 'chronicle';\n src: url('../fonts/chronicle/ChronicleTextG2-Roman-Pro.WOFF') format('woff');\n font-weight: normal;\n font-style: normal;\n}\n\n@font-face {\n font-family: 'chronicle-semibold';\n src: url('../fonts/chronicle/ChronicleTextG2-Semibd-Pro.WOFF') format('woff');\n font-weight: normal;\n font-style: normal;\n}\n\n@font-face {\n font-family: 'chronicle-semibold-italic';\n src: url('../fonts/chronicle/ChronicleTextG2-SemiIta-Pro.WOFF') format('woff');\n font-weight: normal;\n font-style: normal;\n}\n","/**\n * Breakpoint Configuration\n * @see https://github.com/Team-Sass/breakpoint/wiki\n *\n */\n\n/////////\n// Singularity variables\n\n// Dawn - remove and replace all instances of this nomenclature\n// Desktop wide breakpoint\n$page-desktop-wide: 1920px;\n// Tablet horizontal breakpoint\n$page-tablet-horizontal: 1440px;\n// Tablet portrait breakpoint\n$page-tablet-portrait: 1080px;\n// Phone horizontal breakpoint\n$page-phone-horizontal: 600px;\n//Phone vertical breakpoint\n$page-phone-portrait: 400px;\n\n// Breakpoints Updated\n// $min-width: 300px;\n// $small-width: 600px;\n// $medium-width: 900px;\n// $large-width: 1200px;\n// $max-width: 1920px;\n// (moved to _02-squishiness.scss)\n\n// pairs:\n$phone: $min-width $small-width;\n$tablet: $small-width $medium-width;\n$laptop: $medium-width $large-width;\n$desktop: $large-width $max-width;\n\n// remove rewrite of breakpoints into EM @include breakpoint-set('to ems', true);\n@include add-grid(12);\n@include add-gutter(0.25);\n\n// Original Breakpoints variables\n$xs: 25em;\n$small: 26em;\n$medium: 41em;\n$large: 48em;\n$xl: 75em;\n$max-width-old: $xl;\n\n/// Mixin - xs Breakpoint\n/// Allows easier @include xs {} syntax\n@mixin xs {\n @include breakpoint($xs) {\n @content;\n }\n}\n\n/// Mixin - small Breakpoint\n/// Allows easier @include small {} syntax\n@mixin small {\n @include breakpoint($small) {\n @content;\n }\n}\n\n/// Mixin - medium Breakpoint\n/// Allows easier @include medium {} syntax\n@mixin medium {\n @include breakpoint($medium) {\n @content;\n }\n}\n\n/// Mixin - large Breakpoint\n/// Allows easier @include large {} syntax\n@mixin large {\n @include breakpoint($large) {\n @content;\n }\n}\n\n/// Mixin - xl Breakpoint\n/// Allows easier @include xl {} syntax\n@mixin xl {\n @include breakpoint($xl) {\n @content;\n }\n}\n\n/// Mixin - max-width Breakpoint\n/// Allows easier @include max-width {} syntax\n@mixin max-width {\n @include breakpoint($max-width) {\n @content;\n }\n}\n","/**\n * @file\n * Color variables.\n */\n\n/* Primary colors */\n// Top of each pair: official brand color; bottom: provided by designer.\n$dark-blue: #004876;\n// $dark-blue: #0e4977;\n$med-blue: #07c;\n// $med-blue: #2576bc;\n\n/* Background colors */\n$white: white;\n$pale-gray: #e2dfdd; // $gray + 80% tint.\n$dark-red: #6f263d;\n$charcoal: #1a1a1a;\n$black: black;\n\n/* Accent colors */\n$pale-blue: #ccdae3;\n$light-blue: #00a9e0;\n$raspberry: #a20067;\n$red: #ef3340;\n$yellow: #f1c400;\n$dark-green: #2c5234;\n$green: #5c7f1a;\n$light-orange: #ff9e1b;\n$light-green: #84bd00;\n\n// // // // // // // // //\n// TODO: colors below this line are from previous work, and should be\n// moved above it when we figure out that we need them.\n\n$gray: #6e6259;\n// TODO: change to $pale-gray throughout\n$gray-lightest: #e5e5e5;\n$gray-lighter: #ccc;\n$gray-light: #999;\n$gray-dark: #4c4c4c;\n$gray-darker: #333;\n$med-gray: #b8b8b8;\n$fully-transparent: rgba(0, 0, 0, 0);\n\n$dark-blue-90pct: rgba(0, 72, 118, 0.9);\n$darkish-blue: #0065b8;\n$med-blue-94pct: rgba(0, 112, 192, 0.94);\n$bright-blue: #74d7ed;\n$white-90pct: rgba(255, 255, 255, 0.9);\n\n$mustard: #f4c52f;\n$sun-yellow: #ffd328;\n\n/** new colors **/\n\n// Suggested by Chris 7/2/2019; not sure we’re using them.\n$orange: #ff671f;\n\n// $arrow-colors: $sun-yellow, $med-blue, $raspberry, $light-orange, $red, $light-blue, $green, $sun-yellow, $med-blue, $raspberry, $light-orange, $red, $light-blue, $green;\n",".animate-fade {\n @include transition(opacity, 0.3s, ease-out);\n\n &:hover {\n opacity: 0;\n }\n}\n\n.animate-move {\n > .demo-shape {\n @include transition(all, 0.8s, ease-in-out);\n }\n}\n","/////////////////////\n// General Mixins (put specific ones in component files where applicable)\n\n/// Mixin - Clearfix.\n/// Adds clearfix based on http://bourbon.io/docs/#clearfix\n/// use example = @include cleafix\n\n@mixin clearfix {\n &::after {\n clear: both;\n content: \"\";\n display: table;\n }\n}\n\n/// Mixin - list-reset\n/// Reset list item defaults when no margin, padding, list styles needed\n@mixin list-reset {\n list-style: none;\n margin: 0;\n padding: 0;\n}\n\n/// Mixin - With Icon\n/// Precede Text with SVG icon\n@mixin with-icon {\n background-size: cover;\n content: \"\";\n display: inline-block;\n margin-right: 0.1em;\n padding: 0.8em;\n}\n\n/// Mixin - More Link\n/// Used in a number of views\n@mixin more-link {\n a {\n font-size: 1.2rem;\n line-height: 1.8rem;\n font-weight: 600;\n text-decoration: none;\n\n &::before {\n content: \"»\";\n font-size: 1.2rem;\n margin-right: 0.2em;\n }\n }\n}\n\n/// Mixin - Back Link\n/// Used in a number of views\n@mixin back-link {\n display: block;\n font-size: 1.2rem;\n line-height: 1.8rem;\n font-weight: 600;\n text-decoration: none;\n\n &::before {\n content: \"«\";\n font-size: 1.2rem;\n margin-right: 0.2em;\n }\n}\n\n/// Mixin - Body Copy\n@mixin body-copy {\n font-family: $font-body;\n font-size: 1.2rem;\n line-height: 2rem;\n}\n\n/// Mixin - Transition\n@mixin transition($transition-property, $transition-time, $method) {\n -webkit-transition: $transition-property $transition-time $method;\n -moz-transition: $transition-property $transition-time $method;\n -ms-transition: $transition-property $transition-time $method;\n -o-transition: $transition-property $transition-time $method;\n transition: $transition-property $transition-time $method;\n}\n\n/// Mixin - Standard Margin\n@mixin margin {\n margin-bottom: 1em;\n}\n\n@mixin fontawesome-far {\n font-family: \"Font Awesome 5 Free\", \"ars-maquette-web\", sans-serif;\n font-weight: 400;\n}\n\n@mixin fontawesome-fas {\n font-family: \"Font Awesome 5 Free\", \"ars-maquette-web\", sans-serif;\n font-weight: 900;\n}\n\n@mixin visually-hidden {\n position: absolute !important;\n clip: rect(1px, 1px, 1px, 1px);\n overflow: hidden;\n height: 1px;\n width: 1px;\n word-wrap: normal;\n}\n\n@mixin dark-blue-stripe {\n background-color: $dark-blue;\n color: $white;\n}\n\n@mixin med-blue-stripe {\n background-color: $med-blue;\n color: $white;\n}\n\n// Set up container to vertically space its contents across the entire viewport\n// Stick footer to bottom of page when there isn't enough content in the body.\n// Loosely based on this fiddle: http://jsfiddle.net/n5BaR/\n@mixin full-viewport {\n display: flex;\n flex-direction: column;\n min-width: $min-width;\n min-height: 100vh;\n\n & #main-content {\n flex: 1 1 auto;\n }\n}\n\n@mixin rounded-corners {\n border-radius: 0.25rem;\n}\n\n// BACKGROUNDS: Possible focus colors (4.5+ vs background)\n// $white (#ffffff): $med-blue $green $gray $raspberry $dark-blue $dark-red $charcoal $black\n// (#e5e5e5): $gray $raspberry $dark-blue $dark-red $charcoal $black\n// $pale-gray (#e2dfdd): $raspberry $dark-blue $dark-red $charcoal $black\n// $med-blue (#0077cc): $white $black\n// $green (#5c7f1a): $white $black\n// $raspberry (#a20067): $white $pale-gray $pale-blue $yellow\n// $dark-blue (#004876): $white $pale-gray $pale-blue $yellow $light-orange\n// $dark-red (#6f263d): $white $pale-gray $pale-blue $yellow $light-orange\n// $charcoal (#1a1a1a): $white $pale-gray $pale-blue $yellow $light-orange $light-blue $orange\n// $black (#000000): $white $pale-gray $pale-blue $yellow $light-orange $light-blue $orange $red $med-blue $green\n//\n// Background: focus color\n// $white (#ffffff): $dark-blue\n// (#e5e5e5): $dark-blue\n// $pale-gray (#e2dfdd): $dark-blue\n// $med-blue (#0077cc): $white\n// $green (#5c7f1a): $white\n// $raspberry (#a20067): $white\n// $dark-blue (#004876): $white\n// $dark-red (#6f263d): $white\n// $charcoal (#1a1a1a): $white\n// $black (#000000): $white\n//\n// Exceptions:\n// unified search on homepage uses $light-orange on $dark-blue because it's otherwise confusing with the white form fields\n@mixin focus($color: $dark-blue, $type:false) {// default should work against default white background\n &:focus {\n outline-offset: 2px;\n outline: 3px solid $color;\n\n @if $type == \"link\" {\n text-decoration: underline solid;\n }\n }\n}\n// Force table to not be like tables anymore\n@mixin untablify() {\n &,\n thead,\n tbody,\n th,\n td,\n tr {\n display: block;\n height: 100%;\n }\n\n thead {\n @include visually-hidden;\n }\n\n th,\n td {\n border-bottom: none;\n display: flex;\n flex-flow: row wrap;\n padding: 1rem;\n box-sizing: border-box;\n }\n\n td {\n /* Behave like a \"row\" */\n border: none;\n position: relative;\n }\n\n th[scope=row] {\n width: auto;\n }\n\n tbody tr:first-of-type {\n border-top: 1px solid $gray-lighter;\n }\n\n .col-header {\n display: inline-block;\n font-weight: bold;\n padding-right: 0;\n width: 100%;\n word-break: break-all;\n }\n\n .col-content {\n width: 100%;\n padding-left: 2rem;\n }\n\n @include breakpoint($small-width) {\n .col-header {\n width: 50%;\n padding-right: 1rem;\n }\n\n .col-content {\n width: 50%;\n padding-left: 0;\n }\n }\n\n @include breakpoint($medium-width) {\n .col-header {\n width: 33%;\n }\n\n .col-content {\n width: 67%;\n }\n }\n\n @include breakpoint($large-width) {\n .col-header {\n width: 20%;\n }\n\n .col-content {\n width: 80%;\n }\n }\n}\n","@mixin grid-item($columns: '') {\n flex-grow: 1;\n margin-bottom: 1em;\n width: 100%;\n\n @include large {\n margin: 0 3% 3% 0;\n width: auto;\n }\n\n &:last-child {\n margin-right: 0;\n }\n\n @if $columns == 2 {\n @include large {\n width: 48.2%;\n\n &:nth-child(2n) {\n margin-right: 0;\n }\n }\n }\n\n @if $columns == 3 {\n @include large {\n width: 31%;\n\n &:nth-child(3n) {\n margin-right: 0;\n }\n }\n }\n}\n\n.grid__item {\n @include grid-item;\n\n // With Columns\n .grid--columns-2 & {\n @include grid-item(2);\n }\n\n .grid--columns-3 & {\n @include grid-item(3);\n }\n\n // Pattern Lab Specific\n .grid--pl & {\n background-color: rgba(0, 0, 0, 0.2);\n min-height: 100px;\n }\n}\n","//////////////////////////////\n// Default Variables\n//////////////////////////////\n$Breakpoint-Settings: (\n 'default media': all,\n 'default feature': min-width,\n 'default pair': width,\n\n 'force all media type': false,\n 'to ems': false,\n 'transform resolutions': true,\n\n 'no queries': false,\n 'no query fallbacks': false,\n\n 'base font size': 16px,\n\n 'legacy syntax': false\n);\n\n$breakpoint: () !default;\n\n//////////////////////////////\n// Imports\n//////////////////////////////\n@import \"breakpoint/settings\";\n@import 'breakpoint/context';\n@import 'breakpoint/helpers';\n@import 'breakpoint/parsers';\n@import 'breakpoint/no-query';\n\n@import 'breakpoint/respond-to';\n\n@import \"breakpoint/legacy-settings\";\n\n//////////////////////////////\n// Breakpoint Mixin\n//////////////////////////////\n\n@mixin breakpoint($query, $no-query: false) {\n @include legacy-settings-warning;\n\n // Reset contexts\n @include private-breakpoint-reset-contexts();\n\n $breakpoint: breakpoint($query, false);\n\n $query-string: map-get($breakpoint, 'query');\n $query-fallback: map-get($breakpoint, 'fallback');\n\n $private-breakpoint-context-holder: map-get($breakpoint, 'context holder') !global;\n $private-breakpoint-query-count: map-get($breakpoint, 'query count') !global;\n\n // Allow for an as-needed override or usage of no query fallback.\n @if $no-query != false {\n $query-fallback: $no-query;\n }\n\n @if $query-fallback != false {\n $context-setter: private-breakpoint-set-context('no-query', $query-fallback);\n }\n\n // Print Out Query String\n @if not breakpoint-get('no queries') {\n @media #{$query-string} {\n @content;\n }\n }\n\n @if breakpoint-get('no query fallbacks') != false or breakpoint-get('no queries') == true {\n\n $type: type-of(breakpoint-get('no query fallbacks'));\n $print: false;\n\n @if ($type == 'bool') {\n $print: true;\n }\n @else if ($type == 'string') {\n @if $query-fallback == breakpoint-get('no query fallbacks') {\n $print: true;\n }\n }\n @else if ($type == 'list') {\n @each $wrapper in breakpoint-get('no query fallbacks') {\n @if $query-fallback == $wrapper {\n $print: true;\n }\n }\n }\n\n // Write Fallback\n @if ($query-fallback != false) and ($print == true) {\n $type-fallback: type-of($query-fallback);\n\n @if ($type-fallback != 'bool') {\n #{$query-fallback} & {\n @content;\n }\n }\n @else {\n @content;\n }\n }\n }\n\n @include private-breakpoint-reset-contexts();\n}\n\n\n@mixin mq($query, $no-query: false) {\n @include breakpoint($query, $no-query) {\n @content;\n }\n}\n","// Grid Item With Divider\n@mixin grid-divider($columns: '') {\n flex-grow: 0;\n\n @include large {\n margin-right: 3.5%;\n position: relative;\n\n &::after {\n background-color: $gray-lighter;\n content: \"\";\n display: block;\n height: 100%;\n position: absolute;\n top: 0;\n width: 1px;\n }\n }\n\n // Columns\n @if $columns == 2 {\n &::after {\n right: -3.5%;\n }\n\n &:nth-child(2n) {\n margin-right: 0;\n\n &::after {\n display: none;\n }\n }\n }\n\n @if $columns == 3 {\n &::after {\n right: -5.5%;\n }\n\n &:nth-child(3n) {\n margin-right: 0;\n\n &::after {\n display: none;\n }\n }\n }\n\n &:last-child {\n @include large {\n margin-right: 0;\n }\n\n &::after {\n display: none;\n }\n }\n}\n\n.grid__item {\n .grid--divider & {\n @include grid-divider;\n }\n\n .grid--divider.grid--columns-2 & {\n @include grid-divider(2);\n }\n\n .grid--divider.grid--columns-3 & {\n @include grid-divider(3);\n }\n}\n","@mixin grid {\n display: flex;\n flex-wrap: wrap;\n}\n\n.grid {\n @include grid;\n}\n",".text-long figure {\n figcaption {\n padding: 0.5rem 1rem;\n background-color: $pale-gray;\n }\n\n img {\n margin: 0;\n }\n}\n","/**\n * @file\n * Reusable styles for links.\n */\n\n/**\n * Standard links in running text on white background.\n *\n * Contrast ratios for $med-blue:\n * - $white => 4.65\n * - $pale-gray => 3.51 not sufficient for standard size text\n * - $charcoal => 3.49 acceptable as contrasting text\n *\n * Contrast ratios for $dark-blue:\n * - $white => 9.60\n * - $pale-gray => 7.23\n * - $charcoal => 1.81 not distinct at all\n */\n@mixin link {\n color: $med-blue;\n text-decoration: none;\n\n &:link,\n &:visited {\n color: $med-blue;\n }\n\n &:active,\n &:hover {\n color: $dark-blue;\n text-decoration: underline solid;\n }\n\n @include focus($type:link);\n}\n\n/**\n * Links on $black or $charcoal backgrounds should include or extend this.\n *\n * Contrast ratios for $light-blue:\n * - $black => 7.75\n * - $charcoal => 6.42\n * - $white => 2.71 not sufficiently distinct without underline\n *\n * Contrast ratios for $pale-gray:\n * - $black => 15.83\n * - $charcoal => 13.12\n * - $white => 1.33 not distinct at all\n */\n@mixin link-on-black {\n color: $light-blue;\n text-decoration: none;\n\n &:link,\n &:visited {\n color: $light-blue;\n }\n\n &:active,\n &:hover {\n color: $pale-gray;\n text-decoration: underline solid;\n }\n\n @include focus($white, link);\n\n & svg {\n @include focus($white, link);\n }\n}\n\n/**\n * Links on blue backgrounds should include or extend this.\n *\n * Most are obvious as navigation because of context; no underline necessary.\n *\n * Contrast ratios for $white:\n * - $dark-blue => 9.60\n * - $med-blue => 4.66\n *\n * Contrast ratios for $light-blue:\n * - $dark-blue => 3.54\n * - $med-blue => 1.72\n */\n@mixin link-on-blue {\n color: $white;\n text-decoration: none;\n\n &:link,\n &:visited {\n color: $white;\n }\n\n &:active,\n &:hover {\n color: $pale-blue;\n text-decoration: underline solid;\n }\n\n @include focus($white, link);\n\n & svg {\n @include focus($white, link);\n }\n}\n\n/**\n * Link on Blue Background\n *\n * Used by:\n * - @compounds/location-teaser\n */\n@mixin link-bluebg {\n @include link-on-blue;\n}\n\na {\n @include link;\n}\n\n.bluebg a,\na.bluebg {\n @include link-on-blue;\n}\n\n/**\n * Links on green backgrounds should include or extend this.\n *\n * Contrast ratios for $green background\n * $white => 4.66\n * $pale-gray => 3.51 not sufficient for standard size text\n */\n@mixin link-on-green {\n color: $white;\n text-decoration: none;\n\n &:link,\n &:visited {\n color: $white;\n }\n\n &:active,\n &:hover {\n color: $pale-gray;\n text-decoration: underline solid;\n }\n\n @include focus($white, link);\n\n & svg {\n @include focus($white, link);\n }\n}\n\n/**\n * Links on $pale-gray backgrounds should include or extend this.\n *\n * Contrast ratios for $pale-gray background\n * $dark-blue => 7.23\n * $med-gray => 3.51 not sufficient for standard size text\n */\n@mixin link-on-gray {\n color: $dark-blue;\n\n &:link,\n &:visited {\n color: $dark-blue;\n }\n\n &:active,\n &:hover {\n color: $med-blue;\n text-decoration: underline solid;\n }\n\n @include focus($dark-blue, link);\n\n .lits_homepage #block-lits-theme-litsunifiedsearchblock & {\n @include focus($light-orange, link);\n\n & svg {\n @include focus($light-orange, link);\n }\n }\n}\n\n@mixin link-on-raspberry {\n color: $white;\n text-decoration: none;\n\n &:link,\n &:visited {\n color: $white;\n }\n\n &:active,\n &:hover {\n color: $pale-blue;\n text-decoration: underline solid;\n }\n\n @include focus($white, link);\n\n & svg {\n @include focus($white, link);\n }\n}\n","//\n// Generic header styles:\n// All arguments are optional. If not defined, the defaults below will be used\n//\n\n@mixin heading-xl($font-family: $font-heading, $font-size: 2rem, $line-height: 1.4, $color: inherit, $color-link: inherit, $color-link-hover: inherit, $font-weight: 700, $margin: 20px 0 0.5em) {\n color: #{$charcoal};\n font-family: #{$font-family};\n font-weight: #{$font-weight};\n font-style: normal;\n font-size: #{$font-size};\n line-height: #{$line-height};\n margin: #{$margin};\n width: auto;\n\n &__link {\n color: $med-blue;\n\n &:hover {\n color: $color-link-hover;\n }\n }\n}\n\n@mixin heading-large($font-family: $font-heading, $font-size: 1.8rem, $line-height: 1.4, $color: inherit, $color-link: inherit, $color-link-hover: inherit, $font-weight: 700, $margin: 10px 0 0.5em) {\n color: #{$color};\n font-family: #{$font-family};\n font-weight: #{$font-weight};\n font-style: normal;\n font-size: #{$font-size};\n line-height: #{$line-height};\n margin: #{$margin};\n width: auto;\n\n &__link {\n color: $med-blue;\n\n &:hover {\n color: $color-link-hover;\n }\n }\n}\n\n@mixin heading-medium($font-family: $font-heading, $font-size: 1.4rem, $line-height: 1.6, $color: inherit, $color-link: inherit, $color-link-hover: inherit, $font-weight: 700, $margin: 10px 0 0.5em) {\n color: #{$color};\n font-family: #{$font-family};\n font-weight: #{$font-weight};\n font-style: normal;\n font-size: #{$font-size};\n line-height: #{$line-height};\n margin: #{$margin};\n width: auto;\n\n &__link {\n color: $med-blue;\n\n &:hover {\n color: $color-link-hover;\n }\n }\n}\n\n@mixin heading-small($font-family: $font-heading, $font-size: 1.2rem, $line-height: 1.6, $color: inherit, $color-link: inherit, $color-link-hover: inherit, $font-weight: 600, $margin: 10px 0 0.5em) {\n color: #{$color};\n font-family: #{$font-family};\n font-weight: #{$font-weight};\n font-style: normal;\n font-size: #{$font-size};\n line-height: #{$line-height};\n margin: #{$margin};\n width: auto;\n\n &__link {\n color: $med-blue;\n\n &:hover {\n color: $color-link-hover;\n }\n }\n}\n\n@mixin heading-xs($font-family: $font-heading, $font-size: 1.1rem, $line-height: 2, $color: inherit, $color-link: inherit, $color-link-hover: inherit, $font-weight: 600, $margin: 10px 0 0.5em) {\n color: #{$color};\n font-family: #{$font-family};\n font-weight: #{$font-weight};\n font-style: normal;\n font-size: #{$font-size};\n line-height: #{$line-height};\n margin: #{$margin};\n width: auto;\n\n &__link {\n color: $med-blue;\n\n &:hover {\n color: $color-link-hover;\n }\n }\n}\n\n.h1 {\n @include heading-xl();\n}\n\n.h2 {\n @include heading-large($color: $charcoal);\n}\n\n.h3 {\n @include heading-medium($color: $green, $font-weight: bold);\n ;\n}\n\n.h4 {\n text-transform: uppercase;\n\n @include heading-small($color: $gray, $font-weight: normal);\n}\n\n.h5,\n.h6 {\n @include heading-xs($color: $gray);\n}\n\n// TODO: BEM selectors should be applied to wysiwyg-created content\n\nh1 {\n @extend .h1;\n}\n\n.text-long {\n h1 {\n @extend .h1;\n }\n\n h2 {\n @extend .h2;\n }\n\n h3 {\n @extend .h3;\n }\n\n h4 {\n @extend .h4;\n }\n\n h5 {\n @extend .h5;\n }\n\n h6 {\n @extend .h6;\n }\n}\n\n/** hours open title **/\n#logobar-hours-content h3 {\n @include heading-medium($color: $dark-blue, $font-size: 1rem, $margin: 10px 0 0);\n}\n\n/** Search query styling **/\nh1 span.search-query {\n font-style: italic;\n color: $raspberry;\n}\n\n/** Search Result Title **/\n\n.search-results h2 {\n font-size: 1.6rem;\n font-weight: normal;\n background-color: $dark-blue;\n color: $white;\n padding: 10px 15px;\n -webkit-margin-after: 5px;\n margin: 0 0 5px;\n}\n\n/** style the element **/\n.search-website {\n & h3.search-result-title,\n & h2.search-result-title {\n -webkit-margin-before: 0.5em;\n -webkit-margin-after: 0.5em;\n }\n}\n\n.library-accounts-wrap h2 {\n display: inline-block;\n margin: auto 0;\n text-align: left;\n padding: 0;\n font-weight: normal;\n}\n\n.bentos {\n /** Search page heading styling **/\n\n & h2.search-result-title,\n & h3.search-result-title {\n margin: 15px 0;\n font-weight: 300;\n font-size: 1.4rem;\n line-height: 1.85rem;\n }\n\n & h4.search-result-authors {\n margin-top: 0;\n -webkit-margin-before: 0;\n -webkit-margin-after: 0;\n font-weight: 300;\n font-size: 1rem;\n line-height: 1.7rem;\n }\n}\n\n.staff-card h2 {\n margin-bottom: 0;\n}\n","// Create a mixin for paragraph styles that can be implemented\n// in components with other classnames.\n@mixin paragraph($margin: 0 0 1em) {\n & {\n margin: #{$margin};\n }\n}\n\n@mixin no-bottom {\n & {\n margin-bottom: 0;\n }\n}\n\nbody,\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n color: $charcoal;\n\n @include body-copy;\n}\n\n.paragraph {\n @include paragraph;\n}\n\n.blockquote {\n font-style: italic;\n border-left: solid 3px $gray-light;\n margin-left: 1em;\n padding-left: 1em;\n}\n\n.hr {\n border-style: solid;\n border-width: 1px 0 0;\n color: currentColor;\n}\n\n// TODO: BEM selectors should be applied to wysiwyg-created content\n\n.text-long {\n p {\n @extend .paragraph;\n }\n\n blockquote {\n @extend .blockquote;\n }\n\n hr {\n @extend .hr;\n }\n}\n\naddress {\n font-style: normal;\n}\n\nhr.divider {\n margin-top: 1rem;\n margin-bottom: 1rem;\n color: $green;\n}\n\n/** Closing soon, open now, closed styling **/\n.open-now-container {\n svg.border {\n color: $white;\n }\n\n .closing_soon svg.indicator {\n color: $light-orange;\n }\n\n .open_now svg.indicator {\n color: $green;\n }\n\n .closed_now svg.indicator {\n color: $red;\n }\n}\n\n.ampm {\n font-variant: small-caps;\n}\n\n/** Accessibility text **/\n.nav .visually-hidden {\n color: $white;\n}\n\n/** Shown Temporarily **/\n\nimg.lits_filter.inline {\n display: inline;\n margin: 0;\n\n &.mhcgetit {\n vertical-align: middle;\n }\n}\n","#main-content.main-sidebar-side article.node,\n#sidebar-container {\n ul,\n ol {\n padding-left: 0;\n margin-left: 2em;\n }\n}\n\nul {\n list-style-type: circle;\n list-style-position: outside;\n}\n\nol {\n list-style-type: decimal;\n}\n\n.list-item {\n margin-bottom: 0.2em;\n padding-left: 1em;\n}\n\n// TODO: BEM selectors should be applied to wysiwyg-created content\n\n/**\n.text-long {\n ol,\n ul {\n li {\n @extend .list-item;\n }\n }\n}\n**/\n","@mixin img {\n display: block;\n height: auto;\n max-width: 100%;\n margin: 20px 0;\n}\n\nimg,\npicture {\n @include img;\n}\n\nfigure {\n margin: 0; //override normalize\n}\n\n.figure__caption {\n font-style: italic;\n}\n\nsvg.svg-inline--other {\n vertical-align: -6px;\n}\n",".form-item--checkboxes,\n.form-item--checkbox__item {\n @include list-reset;\n}\n",".form-item--radios,\n.form-item--radio__item {\n @include list-reset;\n}\n","// CSS-only select styling (from https://github.com/filamentgroup/select-css)\n\n.form-item__dropdown {\n outline: 1px solid $gray-lightest;\n display: block;\n position: relative;\n\n &::after {\n border-left: 5px solid transparent;\n border-right: 5px solid transparent;\n border-top: 9px solid $gray-darker;\n content: \" \";\n position: absolute;\n top: 42%;\n right: 9px;\n z-index: 1;\n\n /* These hacks make the select behind the arrow clickable in some browsers */\n pointer-events: none;\n display: none;\n }\n}\n\n.form-item__select {\n border: 1px solid $gray;\n background: $white;\n font-size: 14px;\n margin: 0;\n // outline: none;\n padding: 0.6em 0.8em 0.5em;\n width: 100%;\n height: 100%;\n\n // WARNING: this may not meet accessibility guidelines for focus.\n @include focus;\n\n .lits_homepage #block-lits-theme-litsunifiedsearchblock & {\n @include focus($light-orange);\n }\n}\n\n@supports ( -webkit-appearance: none ) or ( appearance: none ) or ( ( -moz-appearance: none ) and ( mask-type: alpha ) ) {\n /* Show custom arrow */\n .form-item__dropdown::after {\n display: block;\n }\n\n /* Remove select styling */\n .form-item__select {\n padding-right: 2em; /* Match-01 */\n\n /* inside @supports so that iOS <= 8 display the native arrow */\n background: none; /* Match-04 */\n background-color: $white;\n\n /* inside @supports so that Android <= 4.3 display the native arrow */\n // border: 1px solid transparent; /* Match-05 */\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n\n // WARNING: this may not meet accessibility guidelines for focus.\n // @include focus;\n }\n}\n",".form-item {\n color: $gray;\n margin-bottom: 1em;\n max-width: 32em;\n\n @include clearfix;\n}\n\n.form-item__label {\n display: block;\n font-weight: 600;\n\n @include xs {\n display: block;\n margin-right: 2%;\n padding: 0.6em 0;\n }\n}\n\n.js-form-type-checkbox .form-item__label,\n.js-form-type-radio .form-item__label {\n display: inline;\n}\n\n.form-item__textfield {\n border: 1px solid $gray;\n padding: 0.4em;\n\n @include focus;\n\n .lits_homepage #block-lits-theme-litsunifiedsearchblock & {\n @include focus($light-orange);\n }\n\n &::-webkit-input-placeholder {\n color: $gray-light;\n }\n\n &:-moz-placeholder {\n color: $gray-light;\n }\n\n &::-moz-placeholder {\n color: $gray-light;\n }\n\n &:-ms-input-placeholder {\n color: $gray-light;\n }\n}\n\n.form-item__description {\n margin-top: 0.3em;\n}\n\n.form-fieldset {\n border: none;\n margin-bottom: 2em;\n padding: 0;\n\n .form-item {\n margin-left: 1em;\n max-width: 31em;\n }\n}\n","@mixin button(\n $bg:$med-blue, \n $color:$white, \n $hoverBg: $gray, \n $hoverColor: $white, \n $focusColor: null, \n $border: none, \n $margin: 15px 0, \n $padding: 10px,\n $font-size: 0.9em,\n $font-weight: normal\n) {\n & {\n background-color: $bg;\n border: $border;\n outline: none;\n color: $color;\n cursor: pointer;\n font-size: $font-size;\n line-height: 1.4;\n padding: $padding;\n margin: $margin;\n font-weight: $font-weight;\n font-style: normal;\n display: block;\n text-decoration: none;\n text-align: center;\n }\n\n &:visited {\n color: $color;\n }\n\n &:hover {\n background-color: $hoverBg;\n color: $hoverColor;\n }\n\n @if ($focusColor) {\n @include focus($focusColor);\n }\n\n @else {\n @include focus;\n }\n\n .lits_homepage #block-lits-theme-litsunifiedsearchblock & {\n @include focus($light-orange);\n }\n}\n\n@mixin button-on-dark-red {\n @include button($bg:$white, $color:$dark-red, $hoverBg:$white, $hoverColor:$med-blue, $focusColor:$white);\n\n &:hover {\n text-decoration: underline;\n }\n}\n\n@mixin button-on-green {\n @include button($bg:$med-blue, $color:$white, $focusColor:$white, $border: 3px solid $white);\n\n &:hover {\n text-decoration: underline;\n }\n}\n\n@mixin button-alt /** smaller blue button**/ {\n @include button($bg: $med-blue, $color: $white, $hoverBg: $gray, $font-size: 0.8rem);\n}\n\n@mixin button-alt-2 /** green raspberry **/ {\n & {\n text-transform: none;\n\n @include button($bg: $green, $color: $white, $hoverBg: $raspberry, $font-size: 0.8rem);\n }\n}\n\n.button {\n @include button;\n\n &--alt {\n @include button;\n @include button-alt;\n }\n\n &--alt-2 {\n @include button;\n @include button-alt-2;\n }\n}\n","$table-gray: #f8f8f8;\n\n.table {\n border: 1px solid $pale-gray;\n border-radius: 4px;\n border-spacing: 0;\n background-color: $table-gray;\n width: 100%;\n margin-bottom: 50px;\n}\n\n.table__heading-cell {\n border: none;\n border-left: 1px solid $pale-gray;\n color: $black;\n font-weight: 700;\n padding: 1.2em;\n text-align: left;\n\n &:first-child {\n border: none;\n }\n}\n\n.table__row {\n &:nth-child(odd) {\n background-color: $white;\n }\n\n // Non-BEM but always contained\n &:last-child {\n td:first-child {\n border-radius: 0 0 0 5px;\n }\n\n td:last-child {\n border-radius: 0 0 5px;\n }\n }\n}\n\n.table__cell {\n border: 1px solid $pale-gray;\n border-left: none;\n border-bottom: none;\n padding: 1em;\n\n &:last-child {\n border-right: none;\n }\n}\n\n.table__footer-cell,\n.table__footer-cell:first-child {\n border-left: none;\n border-top: 1px solid $pale-gray;\n}\n\n// TODO: BEM selectors should be applied to wysiwyg-created content\n\n.text-long {\n table {\n @extend .table;\n }\n\n th {\n @extend .table__heading-cell;\n }\n\n td {\n @extend .table__cell;\n }\n\n tbody tr {\n @extend .table__row;\n }\n\n tfoot th {\n @extend .table__footer-cell;\n }\n}\n","// Responsive Video using CSS only\n\n// jproctor 2019-02-05 removed because class name too generic.\n\n/*\n.video {\n height: 0;\n overflow: hidden;\n padding-top: 35px;\n padding-bottom: 56.25%; // 56.25% = 16x9\n position: relative;\n\n &--full {\n padding-bottom: 75%; // 75% = 4x3\n }\n\n iframe {\n height: 100%;\n left: 0;\n position: absolute;\n top: 0;\n width: 100%;\n }\n}\n*/\n",".subtitle {\n color: $gray;\n font-style: italic;\n font-size: 0.85em;\n line-height: 1em;\n display: block;\n}\n\n.footer .subtitle {\n margin-left: 10%;\n}\n\n.main-menu__link--sub .subtitle {\n padding: 2px 0;\n}\n\n// #sidebar-container .subtitle {\n// color: $gray;\n// }\n",".tabs__link {\n border: 1px solid transparent;\n display: block;\n cursor: pointer;\n font-size: 1.2rem;\n font-weight: 400;\n padding: 15px 15px 25px;\n text-align: center;\n text-decoration: none;\n transition: color 0.3s;\n max-width: 80%;\n margin: 0 auto;\n\n @include link;\n\n &.is-active {\n border: 1px dashed $med-blue;\n color: $dark-blue;\n background-color: $white;\n\n @include breakpoint ($medium-width) {\n border-bottom: none;\n }\n }\n\n @include breakpoint($small-width) {\n max-width: 100%;\n min-height: 60px;\n border-bottom: none;\n\n &::after {\n content: \"\";\n position: absolute;\n left: 1.2em;\n bottom: 10px;\n width: 22px;\n height: 4px;\n background: $pale-gray;\n }\n\n &.is-active::after {\n background: $bright-blue;\n }\n }\n\n @include breakpoint($medium-width) {\n text-align: left;\n border-bottom: 0;\n border-left: none;\n display: inline-block;\n font-size: 1rem;\n line-height: 1.4rem;\n padding: 1em 1.2em 1.4em;\n position: relative;\n width: auto;\n }\n\n &:hover,\n &:focus {\n @include link;\n\n &::after {\n background: $light-blue;\n }\n }\n}\n",".comment {\n border: 1px solid $gray-lighter;\n padding: 1rem;\n margin-bottom: 1rem;\n\n h4 {\n margin: 0;\n }\n\n section {\n margin-left: 1rem;\n }\n\n footer {\n margin-top: 1rem;\n display: flex;\n flex-flow: column nowrap;\n\n @include breakpoint($medium-width) {\n flex-flow: row nowrap;\n }\n\n & > a:first-of-type { // Permalink\n margin-right: 1rem;\n }\n }\n\n .submitted {\n font-style: italic;\n font-weight: normal;\n color: $gray-dark;\n margin: 0 0 0.25rem;\n font-size: 1rem;\n }\n\n .links.inline {\n list-style: none;\n display: flex;\n flex-flow: column nowrap;\n margin: 0;\n padding: 0;\n\n @include breakpoint($medium-width) {\n flex-flow: row nowrap;\n\n li {\n margin: 0 1rem;\n }\n }\n\n .comment-reply {\n display: none;\n }\n }\n}\n\n.comment-form input {\n width: 100%;\n}\n\n// TABLE PAGE ONLY\n.article {\n .comment-form,\n .status-updates h2,\n .comment .links.inline,\n .comment footer a {\n display: none; // don't show on table page\n }\n\n .comment {\n border: none;\n padding: 0;\n margin: 0;\n\n section {\n margin-left: 0;\n }\n\n footer {\n margin-top: 0;\n }\n }\n}\n",".layout-container.tagged-items-container {\n @include list-reset;\n\n justify-content: flex-start;\n\n .site-tags-index-page & {\n flex-flow: column wrap;\n }\n}\n\n.taxonomy-term-tags,\n.field-field-tags {\n &,\n h2,\n div,\n img,\n article {\n display: inline;\n }\n\n a {\n text-decoration: underline;\n }\n\n h2,\n #newsbar & h2 {\n font-size: 1em;\n font-weight: normal;\n }\n\n img {\n height: 1.5em;\n width: auto;\n vertical-align: middle;\n margin: 0;\n }\n}\n\n.views-view-list-site-tag-index-page-1 .taxonomy-term-tags {\n &[data-num-parents=\"1\"] {\n margin-left: 1em;\n }\n\n &[data-num-parents=\"2\"] {\n margin-left: 2em;\n }\n\n &[data-num-parents=\"3\"] {\n margin-left: 3em;\n }\n\n &[data-num-parents=\"4\"] {\n margin-left: 4em;\n }\n\n &[data-num-parents=\"5\"] {\n margin-left: 5em;\n }\n}\n\n.tag-page .node--news-item > div,\narticle.node--news-item .field-field-tags {\n padding: 0 1rem 0.5rem;\n}\n\n.tag-page .tagged-items-container > li {\n width: 100%;\n\n article.node--news-item {\n @include squishy-margin(right, 0.5);\n @include squishy-margin(left, 0.5);\n }\n\n @include breakpoint($small-width) {\n width: 50%;\n }\n\n @include breakpoint($large-width) {\n margin-bottom: 1rem;\n width: 25%;\n }\n}\n",".card__grid {\n @include grid;\n @include margin;\n}\n\n.card--grid-item {\n @include grid-item(3);\n}\n\n.card--divider-3 {\n @include grid-divider(3);\n}\n",".card__title {\n @include heading-large($font-size: 1.3rem);\n @include no-bottom;\n\n &-link {\n @include link;\n }\n}\n\n.card__subtitle {\n @include heading-medium($font-size: 1rem, $color: $gray);\n @include no-bottom;\n}\n\n.card__body {\n margin: 0.7em 0 1em;\n}\n\n.card__link {\n @include link;\n}\n\n.card__button {\n @include button;\n}\n\n// Variations\n.card--bg {\n background-color: $gray-lightest;\n padding: 1em;\n}\n\n.staff-card article {\n margin-bottom: 1.5em;\n}\n","// Selectors likely to appear outside of the editor should be prefixed with .ck-content\n// This is what makes the LITS styles from the lits-theme theme also appear in the admin theme\n@import \"../../00-particles/global/01-colors/*.scss\";\n@import \"../../00-particles/_01-variables.scss\";\n@import \"../../00-particles/_00-mixins.scss\";\n@import \"../../01-elements/01-links/**/*.scss\";\n@import \"../../01-elements/02-text/**/*.scss\";\n@import \"../../01-elements/03-lists/**/*.scss\";\n@import \"../../01-elements/07-tables/**/*.scss\";\n\n.ck-editor {\n p {\n @extend .paragraph;\n }\n\n blockquote {\n @extend .blockquote;\n }\n\n h1 {\n @extend .h1;\n }\n\n h2,\n .ck-button.ck-heading_heading2 {\n @extend .h2;\n }\n\n h3,\n .ck-button.ck-heading_heading3 {\n @extend .h3;\n }\n\n h4,\n .ck-button.ck-heading_heading4 {\n @extend .h4;\n }\n\n h5,\n .ck-button.ck-heading_heading5 {\n @extend .h5;\n }\n\n h6,\n .ck-button.ck-heading_heading6 {\n @extend .h6;\n }\n\n ol,\n ul {\n li {\n @extend .list-item;\n }\n }\n\n table {\n @extend .table;\n }\n\n th {\n @extend .table__heading-cell;\n }\n\n td {\n @extend .table__cell;\n }\n\n tbody tr {\n @extend .table__row;\n }\n\n tfoot th {\n @extend .table__footer-cell;\n }\n}\n\n// Fix for https: //www.drupal.org/project/drupal/issues/3332416, per #19\n.ck.ck-toolbar.ck-toolbar_grouping > .ck-toolbar__items {\n flex-wrap: wrap !important;\n}\n",".department-person {\n margin: 1rem 0;\n\n .grid-container {\n display: grid;\n grid-column-gap: 1rem;\n grid-template-columns: 14% 86%;\n }\n\n h3 {\n margin: 0;\n }\n\n .department-person-photo img {\n margin-top: 0;\n }\n}\n\n// TODO: could this be folded in above?\n.views-row .department-person-photo img {\n border-radius: 50%;\n}\n","/**\n * @file\n * Styles for the “Today’s Hours” widget.\n */\n\n// Needs relative position so we can expand the content in the right place.\n.logobar-hours-wrap {\n position: relative;\n margin: auto 0;\n}\n\n#logobar-hours-heading {\n padding: 0;\n font-weight: normal;\n}\n\n.expandable--open #logobar-hours-content {\n display: block;\n}\n\n#logobar-hours-content {\n display: none;\n position: absolute;\n z-index: 1000;\n width: 250px;\n padding: 20px;\n border: 1px solid $dark-blue;\n background-color: $white;\n text-align: center;\n\n @include breakpoint($small-width) {\n top: 88px;\n left: -60px;\n }\n\n @include breakpoint($medium-width) {\n top: 72px;\n left: -25px;\n }\n\n .office-hours {\n @include heading-medium($color: $gray, $margin: 0 0 1em);\n }\n\n .office-hours__item-label,\n .office-hours__item-comment {\n display: none;\n }\n}\n\n.more-hours {\n @include button($margin: 0 auto 0.5em, $padding: $space, $font-size: 1.2rem);\n\n // WARNING: This no longer works. See PRs 365 and 366 for details.\n &::before {\n @include fontawesome-far;\n\n padding-right: 5px;\n content: '\\f254';\n }\n\n @include breakpoint($small-width) {\n max-width: 150px;\n font-size: 0.9rem;\n }\n}\n","/**\n * @file\n * Style rules for the news item teasers on homepage and news archive page.\n */\n\n#news-items-container {\n // .layout-container provides flex row wrap space-between.\n @include squishy-margin(right, -0.5);\n @include squishy-margin(left, -0.5);\n\n .news-item {\n flex-basis: auto;\n margin-bottom: 2rem;\n width: 100%; // TODO: does this break IE/Edge?\n\n @include breakpoint($small-width) {\n width: 50%;\n\n article.node--news-item {\n @include squishy-margin(right, 0.5);\n @include squishy-margin(left, 0.5);\n }\n }\n\n @include breakpoint($large-width) {\n margin-bottom: 1rem;\n width: 25%;\n\n article.node--news-item {\n @include squishy-margin(right, 0.5);\n @include squishy-margin(left, 0.5);\n }\n }\n }\n}\n\narticle.node--news-item {\n background-color: $white;\n box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);\n height: 100%;\n font-size: 1rem;\n display: flex;\n flex-flow: column nowrap;\n justify-content: space-between;\n\n > a {\n display: flex;\n flex-direction: column;\n height: 100%;\n color: $charcoal;\n text-decoration: none;\n padding: 1rem 1rem 0.5rem;\n\n > div {\n flex-grow: 1;\n }\n\n &:active,\n &:hover,\n &:focus {\n color: $med-blue;\n text-decoration: underline solid;\n\n h3 {\n color: $med-blue;\n }\n }\n }\n\n h3 {\n margin: 0;\n color: $charcoal;\n font-size: 1.25rem;\n }\n\n time {\n flex-grow: 0;\n color: $med-blue;\n }\n\n .more-link {\n flex-grow: 0;\n font-size: 0.9rem;\n text-align: right;\n }\n}\n\nbody.news_item article.node {\n time {\n display: inline-block;\n color: $gray;\n margin-bottom: 1rem;\n }\n}\n","table.lits-hours-month {\n width: 100%;\n display: grid;\n grid-template-columns: 1fr;\n\n thead {\n display: none;\n }\n\n tr,\n tbody {\n display: grid;\n grid-template-columns: 1fr;\n grid-column: 1 / 2;\n width: 100%;\n }\n\n td,\n th {\n padding: 0;\n display: flex;\n flex-direction: column;\n }\n\n td {\n // Scheduled special hours:\n &.break {\n background-color: lighten($sun-yellow, 25%);\n }\n\n // Emergency closing: snow day, &c.\n &.override {\n color: $black;\n background-color: $light-orange;\n\n .day {\n color: $black;\n }\n }\n\n .day {\n width: 2rem;\n color: $raspberry;\n text-align: center;\n }\n\n &.today {\n border: 1px solid $raspberry;\n\n .day {\n background-color: $raspberry;\n color: $white;\n }\n }\n\n // Hidden except on larger views.\n &.other-month {\n display: none;\n }\n }\n\n @include breakpoint($medium-width) {\n font-size: 90%;\n grid-template-columns: repeat(7, 1fr);\n\n tr,\n thead,\n tbody {\n display: grid;\n grid-template-columns: repeat(7, 1fr);\n grid-column: 1 / -1;\n width: 100%;\n }\n\n td {\n text-align: center;\n min-height: 7rem;\n\n .day {\n display: block;\n }\n\n .lits-hours-day-hours {\n padding: 0.25rem;\n margin: 0 auto;\n text-align: center;\n }\n\n &.other-month {\n display: flex;\n background-color: $gray-lighter;\n }\n }\n }\n}\n\n.academic-calendar {\n text-align: right;\n}\n","/**\n * @file\n * Styles for the weekly display of hours on service desk or study space.\n */\n\n.location-hours h2 {\n margin-top: 5px;\n color: $gray;\n text-align: center;\n}\n\n.lits-hours-week {\n display: flex;\n flex-flow: column nowrap;\n padding: 1rem 0;\n\n & > :first-child {\n border-top: 1px solid $pale-blue;\n }\n\n .lits-hours-day {\n width: 100%;\n padding: 0.5em 0;\n clear: both;\n border-bottom: 1px solid $pale-blue;\n text-align: left;\n\n .row {\n display: flex;\n flex-flow: column nowrap;\n\n @include breakpoint($small-width) {\n flex-flow: row nowrap;\n }\n\n .lits-hours-day-hours {\n flex: 1 1 auto;\n }\n }\n\n .lits-hours-day-label {\n min-width: 7rem;\n margin-right: 2rem;\n font-weight: bold;\n }\n\n &.lits-hours-day.today {\n background-color: $pale-gray;\n }\n\n .lits-hours-day-message {\n font-style: italic;\n width: 100%;\n }\n }\n}\n","/**\n * @file\n * Styles for the Course Reserves form.\n *\n * Currently only used at /materials/course-reserves-students .\n *\n * TODO: unwrap it to a single line for wide screens?\n */\n#lits-search-course-reserves-form {\n .form-item {\n max-width: 100%;\n }\n\n #edit-course-reserves-search-query {\n width: 100%;\n }\n}\n","/**\n * @file\n * Styles for the unified search form, in the header of almost every page.\n */\n\n#search-blocks-container {\n width: 100%;\n\n .lits_homepage & {\n margin: 1rem 0;\n }\n\n #search-blocks-wrapper {\n display: flex;\n flex-flow: column wrap;\n\n @include breakpoint($medium-width) {\n flex-flow: row wrap;\n }\n }\n\n .search-query-container {\n margin: auto;\n\n @include breakpoint($medium-width) {\n margin: inherit;\n }\n }\n\n label {\n font-size: 1.5rem;\n color: $white;\n font-weight: bold;\n padding-bottom: 0;\n }\n\n #edit-lits-site-search-query--description,\n #edit-library-materials-search-query--description {\n color: $charcoal;\n font-style: italic;\n font-size: 0.85em;\n padding-bottom: 0.6em;\n\n .lits_homepage & {\n color: $pale-blue;\n }\n }\n\n input {\n width: 100%;\n\n .lits_homepage & {\n @include focus($light-orange, link);\n\n &:focus {\n text-decoration: none;\n }\n }\n }\n\n button {\n margin: 15px auto;\n \n @include focus($dark-blue, link);\n\n .lits_homepage & {\n border: 3px solid $light-blue;\n\n @include focus($light-orange, link);\n }\n\n @include breakpoint($medium-width) {\n margin: 15px 0;\n }\n }\n\n #block-lits-theme-librarymaterialssearchblock,\n #block-lits-theme-litssitesearchblock {\n flex: 1 1 auto;\n background-color: $dark-blue;\n padding: 1em;\n }\n}\n\n/** Interior pages */\n.lits_page #searchbar {\n #searchbar-background {\n background-color: $pale-gray;\n color: $dark-blue;\n }\n\n & #block-lits-theme-librarymaterialssearchblock,\n & #block-lits-theme-litssitesearchblock {\n background-color: inherit;\n color: inherit;\n // width: 50%;\n\n label {\n color: $dark-blue;\n }\n }\n}\n","/**\n * @file\n * Styles for the unified search form, in the header of almsot every page.\n */\n\n#block-lits-theme-litsunifiedsearchblock {\n background-color: $dark-blue;\n padding: 1rem;\n\n .lits_homepage & {\n padding: 1.6rem;\n }\n\n #litsunifiedsearchblock-label {\n font-size: 1.5rem;\n color: $white;\n font-weight: bold;\n margin: 0 0 1rem; // Top margin not needed, whitespace above handled by containing element padding\n }\n}\n\n#lits-search-unified-search-form {\n display: flex;\n flex-flow: column wrap;\n justify-content: space-between;\n align-items: flex-start;\n\n /** Field containers */\n & .search-selection-container,\n & .search-query-container,\n #edit-lits-search-go {\n flex: 1 1 auto;\n width: 100%;\n max-width: 100%;\n }\n\n & #edit-search-query {\n width: 100%;\n }\n\n /** Fields */\n\n // Visually separate fields\n & .form-item {\n margin: 0 0 2rem;\n\n @include breakpoint($medium-width) {\n & {\n margin: 0; // showing fields horizontally, no bottom whitespace needed\n }\n }\n\n & input,\n & select {\n height: 3rem;\n }\n }\n\n .lits_homepage & {\n #edit-search-selection,\n #edit-search-query {\n border: 1px solid $white;\n }\n }\n\n #edit-search-selection,\n #edit-search-query {\n border-radius: 0;\n }\n\n & #edit-lits-search-go {\n /* Don't let the search button grow */\n flex: 0 1 auto;\n width: auto;\n\n @include button($margin: auto);\n\n .lits_homepage & {\n border: 3px solid $light-blue;\n }\n\n .lits_page & {\n padding: 12px;\n }\n }\n\n /** 900px+ */\n @include breakpoint($medium-width) {\n & {\n flex-flow: row wrap;\n }\n\n /** Field containers */\n & .search-selection-container {\n flex: 0 0 auto;\n width: 13rem; // make sure pulldown text is always readable and search help doesn't wrap\n padding-right: 1rem;\n }\n\n & .search-query-container {\n flex: 1 0 auto;\n width: 33%;\n padding-right: 1rem;\n\n & input {\n max-width: 100%;\n }\n }\n\n & #edit-lits-search-go {\n min-width: 0;\n margin: 0;\n }\n }\n}\n\n/* II.A.3. Description */\n\n.search-selection-container .form-item__description {\n position: relative;\n width: 100%;\n margin: 0.5em 0 0;\n}\n\n/* II.A.3.a. Button */\n\n.search-detail-button {\n width: 1em;\n // height: calc(3em + 1px);\n padding: 0;\n float: right;\n border: none;\n background: none;\n\n @include link-on-gray;\n\n .lits_homepage & {\n @include link-on-blue;\n }\n\n .narrow {\n svg.fa-circle-question {\n display: inline-block;\n }\n\n svg.fa-xmark {\n display: none;\n }\n }\n\n .wide {\n display: none;\n\n svg {\n margin: 0 0.2rem;\n }\n }\n\n @include breakpoint($medium-width) {\n width: auto;\n float: none;\n font-size: 0.9rem;\n text-align: left;\n\n .narrow {\n display: none;\n }\n\n .wide {\n display: inline;\n }\n }\n}\n\n.expandable--open > .search-detail-button {\n .narrow {\n svg.fa-circle-question {\n display: none;\n }\n\n svg.fa-xmark {\n display: inline-block;\n }\n }\n\n .wide svg {\n transform: rotate(180deg);\n }\n}\n\n/* II.A.3.b. Content */\n\n#search-detail-content {\n display: none;\n width: 100%;\n padding: 0.5rem;\n clear: both;\n border: 2px solid $med-blue;\n background: $white;\n color: $dark-blue;\n font-size: 0.9rem;\n line-height: 1.4;\n\n $layout-container_width: calc(100vw - calc(2 * calc(0.5rem + calc(calc(100vw - #{$medium-width}) / 6))));\n\n @include breakpoint($medium-width) {\n // width of layout-container, then subtract the padding on the search container\n width: calc(#{$layout-container_width} - 2rem);\n }\n\n @include breakpoint($max-width) {\n // layout-container (maxes out at 1564px at and above 1920px window), then subtract the padding on the search container\n width: calc(1564px - 2rem);\n }\n\n .lits_homepage & {\n @include breakpoint($medium-width) {\n // width of layout-container, then subtract the padding on the search container\n width: calc(#{$layout-container_width} - 3.2rem);\n }\n\n @include breakpoint($large-width) {\n // width of layout-container, then get 60% (search container size), then subtract the padding on the search container\n width: calc(calc(#{$layout-container_width} * 0.6) - 3.2rem);\n }\n\n @include breakpoint($max-width) {\n // layout-container (maxes out at 1564px at and above 1920px window), then get 60% (search container size), then subtract the padding on the search container\n width: calc(calc(1564px * 0.6) - 3.2rem);\n }\n }\n\n dl {\n display: flex;\n flex-flow: row wrap;\n justify-content: flex-start;\n\n dt,\n dd {\n flex: 0 0 auto;\n margin: 0;\n padding: 0.5rem;\n width: 100%;\n }\n\n dt {\n font-weight: bold;\n }\n\n @include breakpoint($medium-width) {\n dt {\n width: 13rem - 1rem; // the width of the search dropdown, minus the padding on the search help text container\n padding: 0.5rem 0;\n }\n\n dd {\n width: calc(100% - 12rem); // the width of the container, minus the length of the label/dt above\n padding: 0.5rem 0 0.5rem 0.9rem; // pad the left of the label out to line up with the text in the text field\n }\n }\n }\n}\n\n/** Interior pages */\n.lits_page #searchbar {\n #searchbar-background {\n background-color: $pale-gray;\n color: $dark-blue;\n }\n\n & #block-lits-theme-litsunifiedsearchblock {\n background-color: inherit;\n color: inherit;\n width: 100%;\n\n & #litsunifiedsearchblock-label {\n color: inherit;\n }\n }\n}\n",".search-results {\n border-right: 1px solid $med-blue;\n border-bottom: 1px solid $med-blue;\n border-left: 1px solid $med-blue;\n\n .study-space-finder & {\n border: none;\n }\n}\n\n.search-result--two-columns,\n.search-result--no-columns {\n border-bottom: 1px solid $pale-gray;\n clear: both;\n padding: 10px 15px;\n}\n\n.search-result--two-columns .grid-container {\n display: grid;\n grid-column-gap: 10px;\n grid-template-columns: 1fr 3fr;\n}\n\n// navigation on results pages\n// links are placed in @elements/01-links/link/links.scss\n.search-website nav.pager,\n.search-guides nav.pager,\n.search-materials nav.pager,\n.search-media nav.pager {\n margin: 0;\n border-bottom: 1px solid $pale-gray;\n font-weight: 400;\n}\n\ndiv.result-summary,\n.no-results-found {\n font-size: 0.9rem;\n padding: 0 15px;\n}\n\ndiv.result-summary {\n border-bottom: 1px solid $pale-gray;\n}\n\n/** Format Type **/\n.search-result-type {\n background-color: $med-gray;\n color: $white;\n display: inline;\n padding: 5px 10px;\n}\n\n/** Format image **/\n.search-result-thumbnail a {\n display: block; // needed so that the focus indicator shows up\n}\n\n.search-result-thumbnail a img {\n width: 100%;\n}\n\n/** Format year **/\n.search-result-date {\n font-size: 0.8rem;\n color: $gray-darker;\n text-transform: uppercase;\n}\n\n/** Format Content **/\n.bentos {\n & .search-result-content,\n & .search-result-availability {\n font-size: 0.9rem;\n line-height: 1.3rem;\n margin: 0;\n }\n}\n\n.result-count {\n margin-top: 5px;\n}\n\n.search-result-first-column .search-result-date {\n text-align: center;\n}\n\n/** Possibly this should move to atoms/lists **/\n// UL\n.research-guide-subjects {\n list-style-type: none;\n margin: 0.5rem 0;\n padding: 0;\n font-size: 0.9rem;\n\n li {\n border: 1px dashed $light-blue;\n color: $dark-blue;\n display: inline-block;\n margin: 0 0.7rem 0.7rem 0;\n padding: 0.2rem 0.5rem;\n }\n}\n\n/** Format Button **/\ndiv.search-result-details.btn {\n display: flex;\n flex-flow: row-reverse nowrap;\n}\n\ndiv.search-result-details.btn a {\n // width: 50px;\n font-size: 0.9rem;\n background-color: $med-blue-94pct;\n color: $white;\n padding: 5px 10px;\n margin: 20px 0 10px;\n\n &:hover {\n background-color: $gray;\n transition: 0.2s ease-in;\n }\n}\n\n.search-result-content.croppable .content-crop {\n max-height: 5.6em;\n overflow: hidden;\n}\n\n.search-result-content.croppable button {\n font-size: 0.8rem;\n color: $med-blue;\n width: 100%;\n margin: 0 auto;\n background: none;\n border-top: 1px dotted $med-blue;\n border-right: none;\n border-bottom: none;\n border-left: none;\n padding: 0 0.8rem;\n cursor: pointer;\n\n &:hover {\n color: $light-blue;\n }\n}\n\n.study-space-detail-group {\n color: $med-blue;\n font-size: 200%;\n margin: 0.5rem 0;\n\n div {\n display: inline-block;\n }\n\n .study-space-detail-label {\n @include visually-hidden;\n }\n}\n\n.study-space-finder .search-result--two-columns .grid-container {\n grid-column-gap: 5%;\n grid-template-columns: 1fr 2fr;\n}\n",".google-json-api-search {\n #search-form {\n display: none; // there is no way to remove the default search module's form, even if it doesn't have any _fields_\n }\n\n h1 {\n margin-bottom: 0;\n }\n\n h2 {\n display: none;\n\n &.didyoumean {\n margin: 0.25em 0 0.5em;\n font-style: italic;\n display: block;\n }\n\n &.search-google-title {\n display: block;\n }\n }\n\n div.result-summary,\n div.results-limited {\n padding: 0;\n border-bottom: 1px solid #e2dfdd;\n }\n\n div.results-limited {\n font-style: italic;\n padding: 0 0 0 15px;\n\n .fa-triangle-exclamation {\n display: inline-block;\n color: $orange;\n padding: 0;\n }\n\n .gjas-results-limitation--message {\n display: inline-block;\n padding: 0;\n }\n }\n\n .gjas-results-no-results--message,\n .gjas-results--message,\n .gjas-results-no-keywords--message,\n .gjas-results-limitation--message {\n font-size: 0.9rem;\n padding: 0 15px;\n }\n}\n",".lits-location-teaser {\n min-height: 15rem;\n background-color: $raspberry;\n color: $white;\n\n @include squishy-gutter(right, $max-padding:1rem);\n @include squishy-gutter(left, $max-padding:1rem);\n @include squishy-gutter(top, $max-padding:1rem);\n @include squishy-gutter(bottom, $max-padding:1rem);\n\n h1,\n h2 {\n margin: 0;\n font-weight: 600;\n font-size: 1.8rem;\n line-height: 2.4rem;\n color: $white;\n }\n\n address {\n font-size: 1rem;\n line-height: 1.5rem;\n margin-bottom: 1em;\n\n svg {\n margin-right: 0.5em;\n }\n }\n\n .location-visit {\n font-size: 1rem;\n line-height: 1.5rem;\n\n .open-now-container {\n font-size: 1.2rem;\n margin-bottom: 0.5em;\n }\n }\n\n .teaser-icon img {\n margin: 0 auto;\n }\n\n a {\n @include link-on-raspberry;\n\n & {\n text-decoration: underline solid;\n }\n }\n\n #sidebar-container & {\n padding: 0;\n background-color: $white;\n color: $charcoal;\n\n .service-desk-content {\n @include squishy-gutter(right, $max-padding:2rem);\n @include squishy-gutter(left, $max-padding:2rem);\n @include squishy-gutter(top, $max-padding:1rem);\n @include squishy-gutter(bottom, $max-padding:2rem);\n }\n\n h2.service-desk-title {\n background-color: $raspberry;\n color: $white;\n\n @include squishy-gutter(right, $max-padding:1rem);\n @include squishy-gutter(left, $max-padding:1rem);\n @include squishy-gutter(top, $max-padding:1rem);\n @include squishy-gutter(bottom, $max-padding:1rem);\n }\n\n h3.service-desk-title {\n margin-top: 0;\n margin-bottom: 0;\n }\n\n .service-desk-slogan {\n margin-top: 0;\n margin-bottom: 0;\n }\n\n a {\n @include link;\n }\n\n @include breakpoint($medium-width) {\n border-bottom: none;\n box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);\n }\n }\n}\n\n.location-teaser-social {\n height: 100%;\n\n ul {\n display: flex;\n flex-flow: row wrap;\n width: 80%;\n padding: 1rem 0;\n margin: auto;\n\n #sidebar-container & {\n padding: 1rem 0 0;\n }\n\n & > li {\n flex: 1 1 auto;\n\n a {\n @include link-on-green;\n }\n }\n }\n}\n","/**\n * @file\n * Styles for Location pages (Study Space nodes and Service Desk terms).\n *\n * @see templates/content/node--study-space--full.html.twig\n * @see templates/views/views-view-fields--about-lits-service-desks--detail-page.html.twig\n */\n\n.service_desk #block-lits-theme-breadcrumbs,\n.study_space #block-lits-theme-breadcrumbs {\n @include squishy-padding('right');\n @include squishy-padding('left');\n\n @include breakpoint($small-width) {\n padding: 0;\n }\n}\n\n.lits-location {\n margin-top: 1rem;\n\n .location-left,\n .location-right {\n flex-basis: auto;\n width: 100%;\n }\n\n @include breakpoint($medium-width) {\n .location-left {\n width: 38%;\n }\n\n .location-right {\n width: 62%;\n }\n }\n\n .location-bite {\n padding: 1rem;\n background-color: $med-blue;\n color: $white;\n font-size: 1rem;\n font-weight: 300;\n line-height: 1.7rem;\n border-top: 1px solid white;\n }\n\n .location-hours {\n margin-bottom: 1rem;\n padding: 1rem;\n border-bottom: 1px dashed $green;\n\n @include breakpoint($medium-width) {\n margin-bottom: 0;\n border-bottom: none;\n }\n\n h2 {\n text-align: left;\n font-weight: bold;\n color: $charcoal;\n }\n\n .all-hours-link {\n margin: 1rem auto;\n text-align: center;\n border: 2px solid $dark-red;\n padding: 0.5rem;\n\n a {\n color: $dark-red;\n }\n }\n }\n\n .location-images img {\n margin: 0;\n }\n\n .location-sidebar {\n background-color: $green;\n color: white;\n padding: 1rem;\n\n h3.wheelchair {\n width: 100%;\n align-self: stretch;\n margin: 0;\n padding: 1rem;\n border: 1px dashed $white;\n font-size: 1.2rem;\n font-weight: 500;\n }\n\n a:not(.button) {\n @include link-on-green;\n }\n\n a.button {\n @include button-on-green;\n }\n\n .study-space-details {\n display: flex;\n flex-flow: row wrap;\n align-items: flex-start;\n\n .detail-group {\n flex: 1 1 auto;\n width: 100%;\n\n @include breakpoint($medium-width) {\n width: 48%;\n }\n\n h3 {\n border-bottom: 1px dashed $white;\n }\n\n .grid-item {\n width: 80%;\n }\n }\n }\n\n .study-space-detail-label {\n display: inline-block;\n }\n\n svg {\n margin-right: 9px;\n width: 1.2rem;\n }\n\n li::before {\n padding-right: 10px;\n }\n }\n\n .location-content {\n @include squishy-padding('right');\n @include squishy-padding('left');\n\n @include breakpoint($small-width) {\n margin: 0;\n padding: 0;\n }\n\n h3 {\n @extend .h3;\n }\n }\n\n .service-desk-staff {\n display: flex;\n flex-flow: row wrap;\n justify-content: center;\n\n @include breakpoint($small-width) {\n justify-content: space-between;\n }\n\n .views-row {\n flex-basis: auto;\n width: 100%;\n\n @include breakpoint($small-width) {\n width: 48%;\n }\n\n @include breakpoint($medium-width) {\n width: 30%;\n }\n\n @include breakpoint($large-width) {\n width: 21%;\n }\n }\n\n .department-person-photo {\n width: 80%;\n margin: 0 auto;\n }\n\n .department-person-info {\n margin-bottom: 2em;\n font-size: 90%;\n\n h3 {\n margin: 0;\n }\n }\n }\n\n .floorMapContainer {\n display: flex;\n flex-flow: column nowrap;\n justify-content: center;\n\n @include breakpoint($medium-width) {\n flex-flow: row nowrap;\n }\n\n .floorMap-wrapper {\n width: 100%;\n\n @include breakpoint($medium-width) {\n width: 50%;\n // max-width: 50%;\n }\n }\n\n .floorMap {\n flex: 1 1 auto;\n padding: 1em;\n max-width: 100%;\n\n svg {\n width: 100%;\n }\n }\n\n .campus-map-link {\n margin-bottom: 1rem;\n text-align: center;\n }\n }\n}\n","/**\n * @file\n * Styles for LITS site branding link in the masthead.\n */\n\n.logobar-branding-wrap {\n margin: auto 0; // center the \"LITS\" vertically\n flex: 0 1 auto;\n\n a {\n display: block;\n margin-bottom: 5px; // because of the underline on the logo, perfectly centering \"LITS\" is too low @see _header.scss for accompanying rule for the topnav items\n border-left: 1px solid $white;\n text-align: left; // align to logo\n font-size: $mono-logo-font-size; // to match 'c' in logo\n padding-left: $mono-logo-font-size;\n\n @include breakpoint($small-width) {\n font-size: $word-logo-font-size; // to match 'o' in logo\n padding-left: $word-logo-font-size;\n }\n }\n}\n","/**\n * @file\n * Layout rules for main navigation.\n */\n\n#main-menu-toggle-expand {\n padding: 0.5rem 0;\n}\n\nnav#block-lits-theme-mainnavigation {\n width: 100%;\n\n ul {\n @include list-reset;\n }\n\n #main-nav {\n display: none;\n\n @include breakpoint($medium-width) {\n display: block;\n\n & > ul.main-menu {\n display: grid;\n grid-template-areas: \"materials research techsupport places teachingsupport\";\n grid-template-columns: repeat(5, 1fr);\n }\n }\n }\n}\n\n.main-submenu--wrapper {\n @include breakpoint($medium-width) {\n position: absolute;\n z-index: 2;\n }\n}\n",".main-menu__item {\n padding: 0.5rem;\n text-align: left;\n\n a.main-menu__link--sub {\n display: block;\n }\n\n & > button,\n & > a {\n @include focus($dark-blue);\n }\n\n &.main-menu__item--root {\n text-align: center;\n padding: 0;\n\n & > button,\n & > a,\n & > button svg {\n @include focus($white);\n }\n\n @include breakpoint($medium-width) {\n &:nth-child(2) {\n text-align: left;\n }\n\n &:nth-child(3) {\n text-align: left;\n padding-left: 15%;\n }\n\n &:nth-child(4) {\n text-align: center;\n }\n\n &:nth-child(5) {\n text-align: right;\n padding-right: 30%;\n }\n\n &:nth-child(6) {\n text-align: right;\n }\n }\n }\n\n @include breakpoint($small-width) {\n padding: 0.25rem;\n }\n\n button,\n &#main-menu_hours-accounts a {\n background-color: $fully-transparent;\n color: $white;\n border: none;\n white-space: nowrap;\n font-size: 1rem;\n font-weight: 400;\n padding: 0.5rem 0;\n margin: 0 auto;\n cursor: pointer;\n\n &:hover,\n &:active,\n &:focus { // match standard focus rule\n outline-offset: 2px;\n outline: 3px solid $white;\n color: $pale-blue; // to match open style\n }\n }\n\n &#main-menu_hours-accounts {\n display: flex;\n flex-flow: row wrap;\n background-color: $dark-blue;\n\n @include breakpoint($medium-width) {\n display: none;\n }\n\n div {\n flex: 1 1 auto;\n width: 49%;\n padding: 1rem;\n\n &#main-menu_hours-accounts-divider {\n padding-left: 0;\n padding-right: 0;\n width: 1px;\n\n span {\n border-right: 1px solid $gray-lightest;\n display: block;\n height: 100%;\n }\n }\n\n a {\n padding: 0;\n white-space: normal;\n display: block;\n }\n }\n }\n\n & .main-submenu--wrapper {\n display: none;\n\n @include breakpoint($medium-width) {\n width: 581px; // old styles did this, idk\n border: 2px solid $light-blue;\n max-height: calc(-108px + 100vh);\n overflow-y: auto;\n }\n }\n\n &.main-menu__item.expandable--open button {\n color: $pale-blue;\n\n svg {\n transform: rotate(180deg);\n }\n }\n\n &.main-menu__item--root .submenu-flex-container {\n display: flex;\n flex-flow: column nowrap;\n justify-content: center;\n background-color: $white;\n\n @include breakpoint($small-width) {\n flex-flow: row nowrap;\n }\n\n div.main-menu--sub {\n flex: 1 1 auto;\n width: 100%;\n padding: 0 1rem;\n\n @include breakpoint($small-width) {\n width: 50%;\n }\n\n & li {\n border-bottom: 1px solid $gray-lightest;\n }\n\n @include breakpoint($small-width) {\n & {\n margin: 1rem 0;\n }\n\n &:nth-child(2n) {\n border-left: 1px solid $charcoal;\n }\n\n & li:last-child {\n border-bottom: none;\n }\n }\n }\n }\n}\n",".main-menu__link {\n font-size: 1rem;\n line-height: 1.5rem;\n text-decoration: none;\n}\n\n.menu-link-complex {\n display: flex;\n flex-flow: row nowrap;\n\n .menu-link-icon {\n padding-right: 1rem;\n flex: 0 0 auto;\n\n img {\n margin: 0;\n }\n }\n}\n","/**\n * @file\n * Styles for toggling the main menu open/closed on narrow screens.\n */\n// Toggle control\n.toggle-expand {\n display: inline-block;\n padding: $space 0;\n text-decoration: none;\n width: 100%;\n color: $white;\n text-align: center;\n // See main-menu.js\n\n @include link-on-blue;\n\n @media (min-width: $medium-width) {\n display: none;\n }\n}\n\n.toggle-expand__text {\n display: inline-block;\n font-size: 1.2rem;\n font-weight: 400;\n padding-left: 10px;\n}\n\n// SVG icon\n.toggle-expand__icon {\n height: 3rem;\n width: 3rem;\n margin: 0 auto;\n}\n\n.toggle-expand__open {\n display: inline-block;\n text-align: center;\n\n .toggle-expand--open & {\n display: none;\n }\n}\n\n.toggle-expand__close {\n display: none;\n text-align: center;\n\n .toggle-expand--open & {\n display: inline-block;\n }\n}\n","/**\n * @file\n * Styles for breadcrumbs.\n */\n\n.breadcrumb {\n @include list-reset;\n\n line-height: 1.4rem;\n}\n\n.breadcrumb__item {\n display: inline-block;\n font-size: 0.9rem;\n font-weight: 600;\n\n &::after {\n content: \"/\";\n }\n\n &:last-child {\n color: $dark-blue;\n\n &::after {\n content: \"\";\n }\n }\n}\n\n.breadcrumb__link {\n font-weight: 400;\n\n @include link;\n}\n",".inline-menu {\n @include list-reset;\n}\n\n.inline-menu__item {\n margin: 0 1em 0.5em 0;\n\n @include large {\n display: inline;\n margin-bottom: 1em;\n }\n\n &:last-child {\n margin-right: 0;\n }\n}\n\n.inline-menu__link {\n font-size: 0.75rem;\n font-weight: 600;\n letter-spacing: 1.5px;\n text-decoration: none;\n text-transform: uppercase;\n}\n","/**\n * @file\n * Rules for sidebar nav menus.\n */\n\n#sidebar-container .sidebar-nav {\n background-color: $white;\n\n @include breakpoint($small-width) {\n box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);\n }\n\n h2 {\n background-color: $green;\n color: $white;\n\n @include squishy-gutter(right, $max-padding:1rem);\n @include squishy-gutter(left, $max-padding:1rem);\n @include squishy-gutter(top, $max-padding:1rem);\n @include squishy-gutter(bottom, $max-padding:1rem);\n\n a {\n @include link-on-green;\n\n & {\n text-decoration: underline solid;\n }\n }\n }\n\n .menu__item {\n padding: 0.4rem 0;\n\n .subtitle {\n padding-left: 1.2rem;\n }\n }\n\n ul {\n font-size: 1.2rem;\n\n @include list-reset;\n @include squishy-gutter(right, $max-padding:2rem);\n @include squishy-gutter(left, $max-padding:2rem);\n @include squishy-gutter(top, $max-padding:1rem);\n @include squishy-gutter(bottom, $max-padding:1rem);\n\n a:active,\n a:hover {\n color: $green;\n text-decoration: underline $green solid;\n }\n\n a.menu__link--active {\n font-weight: bold;\n }\n\n ul {\n padding: 0 2rem;\n color: $green;\n list-style-type: disc;\n }\n }\n}\n","// Tab Navigation\n.tabs__nav {\n @include list-reset;\n\n @include breakpoint($small-width) {\n display: flex;\n }\n}\n\n// Tab Content (hidden only in full #tabs js version)\n.tabs__tab {\n display: none;\n\n &.is-active {\n display: block;\n }\n}\n\n.tabs__content {\n padding: 1.5rem;\n}\n\n// No-js fallback\n.tabs.no-js {\n .tabs__tab.is-active {\n display: block;\n }\n}\n\n// Drupal Local Tasks variant\n.tabs__nav--local-tasks {\n margin-top: 1rem;\n padding: 0;\n\n body.service_desk &,\n body.study_space & {\n margin-bottom: -1rem;\n }\n}\n\n// .tabs__link--local-tasks {\n// padding: 0.3em 1.5em;\n// }\n","/**\n * @file\n * Styles for the topbar navigation menu.\n */\n\n// // Nav\n// .topbar-nav {\n// display: none;\n// background-color: $dark-blue;\n// border-top: 3px solid $med-blue;\n//\n// @include breakpoint($small-width) {\n// display: block;\n// width: 100%;\n// height: 34px;\n// }\n// }\n//\n// // UL\n// .topbar-menu {\n// @include list-reset;\n//\n// border-bottom: 1px solid;\n// position: relative;\n// float: right;\n// background-color: $dark-blue;\n// z-index: 10;\n//\n// @include breakpoint($small-width) {\n// border-bottom: none;\n// }\n// }\n","// LI\n.topbar-menu__item {\n border-top: 1px solid;\n display: flex;\n flex-wrap: wrap;\n position: relative;\n\n @include breakpoint($small-width) {\n border-top: none;\n display: inline-block;\n\n &:not(:last-child)::after {\n content: '|';\n padding: 0;\n color: $med-gray;\n }\n }\n}\n","// A\n.topbar-menu__link {\n color: $white;\n display: block;\n font-size: 0.8rem;\n line-height: 1.5;\n padding: $space $space-triple $space $space-double;\n text-decoration: none;\n font-weight: normal;\n\n @include breakpoint($small-width) {\n border-bottom: none;\n display: inline-block;\n font-size: 0.8rem;\n padding: 5px $space;\n text-transform: none;\n position: relative;\n width: auto;\n }\n}\n\na.topbar-menu__link:link,\na.topbar-menu__link:visited {\n color: $white;\n\n &.active,\n &:active {\n color: $gray-lighter;\n }\n\n &:hover {\n color: $light-blue;\n }\n}\n",".pager {\n margin: 2em 0;\n}\n\n.pager__items {\n @include list-reset;\n\n text-align: center;\n}\n\n.pager__item {\n display: inline-block;\n margin: 0 0.7em;\n\n @include large {\n margin: 0 1em;\n }\n}\n\n.pager__link,\n.pager__link:link,\n.pager__link:visited {\n @include link;\n\n &:hover {\n @include link;\n }\n\n &.is-active {\n color: $dark-blue;\n }\n}\n\n.pager__link--next,\n.pager__link--prev {\n display: block;\n\n @include link;\n\n span {\n display: none;\n }\n\n &::before {\n border: 8px solid $med-blue;\n border-bottom: 6px solid transparent;\n border-right: 7px solid transparent;\n border-top: 6px solid transparent;\n content: \"\";\n display: block;\n position: relative;\n top: 1px;\n }\n\n &:hover {\n &::before {\n border-left-color: $light-blue;\n }\n }\n}\n\n.pager__link--prev {\n &::before {\n border-left-color: transparent;\n border-right-color: $med-blue;\n }\n\n &:hover {\n &::before {\n border-left-color: transparent;\n border-right-color: $light-blue;\n }\n }\n}\n",".accordion.expandable.expandable--open button svg {\n transform: rotate(180deg);\n}\n\n.accordion-heading button {\n width: 100%;\n text-align: left;\n // Because iOS Safari has issues with long (wrapping) button text, we end up having to explicitly style heeeeverything\n height: -webkit-fit-content;\n background-color: rgba(0, 0, 0, 0.06); // Some browsers weren't assigning a bg color. This is roughly the default color for Chrome, and I liked it.\n border: 1px solid $gray;\n border-radius: 1px;\n padding: 1rem;\n\n div {\n display: inline;\n }\n}\n\n.accordion-content {\n display: none;\n\n &.accordion-content--open {\n display: block;\n }\n}\n",".downloadable-image-gallery .grid > div {\n display: flex;\n flex-flow: row wrap;\n flex: 1 1 auto;\n justify-content: space-between;\n\n @include breakpoint($small-width) {\n & > div {\n max-width: calc(50% - 1em);\n }\n }\n\n @include breakpoint($large-width) {\n & > div {\n max-width: calc(33% - 1em);\n }\n }\n\n div.downloadable-basic-image {\n display: flex;\n flex-flow: column nowrap;\n height: 100%;\n }\n}\n","div.image figure {\n margin-bottom: 1.5rem;\n\n img {\n margin-bottom: 0;\n }\n\n figcaption {\n padding: 0.5rem 1rem;\n background-color: $pale-gray;\n\n a,\n a:link,\n a:visited {\n color: $darkish-blue;\n }\n\n a:hover {\n color: $light-blue;\n }\n\n p {\n margin: 0;\n }\n }\n}\n","/**\n * @file\n * Styles for the Numbered List paragraph type.\n */\n\nol.paragraph--numbered-list {\n list-style: none;\n counter-reset: my-awesome-counter;\n display: flex;\n flex-wrap: wrap;\n margin: 0;\n padding: 0;\n}\n\nol.paragraph--numbered-list li {\n counter-increment: my-awesome-counter;\n display: flex;\n width: 100%;\n margin-bottom: 0.5rem;\n}\n\nol.paragraph--numbered-list li {\n &::before {\n content: counter(my-awesome-counter, decimal-leading-zero);\n font-size: 3.5rem;\n margin-right: 9px;\n font-family: 'chronicle-bold', serif;\n line-height: 6rem;\n color: $gray-light;\n position: absolute;\n }\n\n p {\n margin-left: 5rem;\n\n @include breakpoint($medium-width) {\n margin-left: calc(5rem + calc(calc(100vw - 900px) / 10));\n }\n\n @include breakpoint($large-width) {\n margin-left: calc(5rem + 30px);\n }\n }\n}\n","#system-status {\n #last-loaded {\n font-size: 1rem;\n font-weight: normal;\n font-style: italic;\n color: $gray;\n\n span {\n font-style: normal;\n }\n }\n\n td:not(.edit-link) a {\n overflow-wrap: break-word;\n word-break: break-word;\n }\n\n table {\n text-align: left;\n border-collapse: collapse;\n margin: 2rem auto;\n width: 100%;\n // height: 1px; // because full height table cells are inexplicable\n\n tr {\n height: 100%; // because full height table cells are inexplicable\n }\n\n th,\n td {\n padding: 1rem 1.5rem;\n vertical-align: top;\n height: 100%; // because full height table cells are inexplicable\n }\n\n thead th:last-of-type,\n td:last-of-type {\n padding-right: 1rem;\n }\n\n th:first-of-type,\n th[scope=\"row\"] {\n padding-left: 1rem;\n\n .col-content h3 {\n margin: 0;\n }\n\n .text-long {\n font-weight: normal;\n color: $gray;\n }\n }\n\n thead tr {\n border-top: 1px solid $gray;\n border-bottom: 1px solid $gray;\n\n th {\n white-space: nowrap;\n\n @include heading-medium($color: $charcoal);\n }\n }\n\n tbody tr {\n border-bottom: 1px solid $gray-lighter;\n }\n\n .svg-inline--fa {\n padding-left: 1rem;\n color: $gray;\n }\n\n .sorting {\n background-image: none;\n\n .fa-caret-up,\n .fa-caret-down {\n display: none;\n }\n\n .fa-sort {\n display: inline-block;\n vertical-align: middle;\n }\n }\n\n .sorting_asc {\n background-image: none;\n\n .fa-sort,\n .fa-caret-down {\n display: none;\n }\n\n .fa-caret-up {\n display: inline-block;\n vertical-align: top;\n }\n }\n\n .sorting_desc {\n background-image: none;\n\n .fa-sort,\n .fa-caret-up {\n display: none;\n }\n\n .fa-caret-down {\n display: inline-block;\n vertical-align: bottom;\n }\n }\n\n .status {\n text-align: center;\n\n .icon-and-label {\n display: inline-block;\n text-align: center;\n }\n\n .col-content svg {\n font-size: 3rem;\n padding: 0;\n }\n\n // normal\n .fa-square-check {\n color: $green;\n }\n\n // degraded\n .fa-triangle-exclamation {\n color: $orange;\n }\n\n // unavailable\n .fa-circle-xmark {\n color: $red;\n }\n\n // planned maintenece\n // hidden\n // unpublished\n // unknown\n .fa-screwdriver-wrench,\n .fa-eye-slash,\n .fa-pen-to-square,\n .fa-circle-question {\n color: $gray-dark;\n }\n }\n\n .notes {\n p {\n margin: 0;\n }\n\n .modified {\n font-style: italic;\n font-size: 1rem;\n color: $gray;\n\n span {\n font-style: normal;\n }\n }\n }\n\n .status-updates article {\n overflow-wrap: break-word;\n word-break: break-word;\n }\n\n .col-header {\n margin: 0;\n display: none;\n\n @include heading-medium($color: $charcoal);\n }\n }\n\n @include breakpoint(0 ($large-width - 1)) {\n table {\n @include untablify;\n\n .status {\n text-align: left;\n }\n }\n }\n}\n",".tabs__content {\n padding: 30px 0;\n border-top: 1px dashed $med-blue;\n display: none;\n margin-top: 20px;\n\n @include breakpoint($small-width) {\n margin-top: 0;\n }\n}\n\n.tabs__content--open {\n display: block;\n}\n\n.tab-group > li.tabs-item {\n position: absolute;\n left: -200vw;\n\n &--open {\n border-color: $med-blue;\n border-bottom: 1px solid $white;\n margin-bottom: -1px;\n }\n}\n\n.tab-group > a.tabs_link:hover::after,\n.tab-group > a.tabs_link:focus + a.tabs_link::after,\n.tab-group > a.tabs_link:checked + a.tabs_link::after {\n background: $light-blue;\n}\n","/**\n * @file\n * Styles for person detail pages.\n */\n\n.person-intro {\n display: flex;\n flex-flow: column wrap;\n justify-content: space-between;\n width: 100%;\n\n @include breakpoint($small-width) {\n flex-direction: row;\n }\n}\n\n.person-info,\n.person-image {\n @include breakpoint($small-width) {\n width: 50%;\n }\n}\n\n.person-image {\n margin: 0 auto;\n\n @include breakpoint($small-width) {\n margin: 0;\n padding-left: 9px;\n }\n\n @include breakpoint($medium-width) {\n padding-left: 1vw;\n }\n}\n\n.subject-expert {\n @include breakpoint($medium-width) {\n width: 80%;\n margin: 0 auto;\n padding: 2% 5%;\n border: 1px solid $med-blue;\n }\n}\n\n/* Sidebar */\n.department-block .views-row {\n @include squishy-gutter(bottom);\n\n & > div {\n border-top: 16px solid $raspberry;\n }\n}\n\n.department-block .views-row > div {\n background-color: $white;\n box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);\n\n @include squishy-gutter(top);\n @include squishy-gutter(right);\n @include squishy-gutter(bottom);\n @include squishy-gutter(left);\n\n .text-long p {\n margin: 0;\n }\n}\n","/**\n * @file\n * Custom styles for embedded video paragraph.\n */\n\n.iframe-container {\n position: relative;\n padding-bottom: 56.25%;\n padding-top: 35px;\n height: 0;\n margin-bottom: 2rem;\n\n iframe {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n }\n}\n",".service-desk-index.grid-container {\n display: grid;\n grid-gap: 1rem;\n grid-template-rows: auto;\n grid-auto-rows: 1fr;\n // minimum must be smaller than 300 because of page pad/margin\n grid-template-columns: minmax(0, 1fr);\n\n header {\n grid-column: 1/-1;\n }\n\n @include breakpoint($small-width) {\n grid-template-columns: repeat(2, minmax(300px - 16px, 1fr));\n }\n\n @include breakpoint($large-width) {\n grid-template-columns: repeat(3, minmax(300px - 16px, 1fr)); // cap at 3 columns\n }\n}\n\n$service-desk-card-whitespace: 1.5rem;\n\n.service-desk-card {\n border: 1px solid $med-blue;\n padding: $service-desk-card-whitespace;\n\n & .title h2 {\n margin: 0;\n }\n\n & .service-desk-card-content {\n display: flex;\n flex-flow: row nowrap;\n height: 100%;\n\n & .service-desk-card-icon {\n flex: 0 0 auto;\n width: 3rem;\n\n & img {\n margin: 0 auto;\n }\n }\n\n & .service-desk-card-title-hours {\n flex: 1 1 auto;\n display: flex;\n flex-flow: column nowrap;\n justify-content: space-between;\n }\n }\n}\n\n.service-desk-card,\n.location-hours {\n .divider {\n flex: 1 1 auto;\n display: flex;\n flex-flow: column nowrap;\n justify-content: center;\n\n .line {\n border: 1px solid $pale-gray;\n margin: 1em 0;\n width: 75%;\n }\n }\n\n .location,\n .online,\n .online > div,\n .appointment {\n display: flex;\n align-items: baseline;\n\n p {\n margin: 0;\n }\n }\n\n .hours {\n margin-bottom: 1rem;\n\n .todays-hours,\n .hours-description,\n .all-hours-link {\n margin-left: 2rem;\n }\n\n .hours-description {\n font-style: italic;\n\n p:last-of-type {\n margin: 0;\n }\n }\n }\n\n .online a {\n margin-right: 0.5em;\n }\n\n .slogan {\n font-style: italic;\n color: $green;\n margin-bottom: $service-desk-card-whitespace;\n }\n\n svg {\n margin-right: 0.5em;\n }\n}\n","/**\n * @file\n * Styles for footer elements.\n *\n * @see _masthead.scss\n * @see footer.twig\n */\n\nfooter h2 {\n margin-top: 0;\n}\n\n/* I. Contact bar */\n\n#contactbar {\n // .layout-stripe sets width 100%, margin 0, padding 0.\n color: $white;\n background-color: $dark-red;\n // Contains div.layout-container for flex.\n\n .layout-container {\n flex-flow: row wrap;\n\n @include breakpoint($small-width) {\n flex-flow: row nowrap; // don't wrap the two sections until very small so that the contact tiles wrap instead\n }\n }\n}\n\n/* I.A. Contactbar > Hours wrapper */\n\n#hours-wrapper {\n flex: 0 1 auto; // hours should not grow to take up extra space, contact should\n display: flex;\n flex-flow: column wrap;\n min-width: 14rem; // Just to keep the header from wrapping, really\n\n // .layout-zone-left sets squishy padding on left and gutter on right.\n @include responsive-basis(38%, 33%, 28%);\n @include squishy-gutter(top);\n @include squishy-gutter(bottom);\n\n .more-hours {\n max-width: 100%;\n margin: 3.5rem 1rem 1rem;\n\n @include button-on-dark-red;\n\n &::before {\n display: none;\n }\n\n &:focus,\n &:hover {\n text-decoration: underline solid;\n }\n }\n\n @include breakpoint($max-width) {\n #footer-hours-container {\n width: 330px;\n }\n\n .more-hours {\n max-width: 330px;\n }\n }\n}\n\n#footer-hours-container {\n @include breakpoint($medium-width) {\n border-left: 1px solid $yellow;\n\n @include squishy-gutter(left);\n }\n}\n\n#footer-hours-content {\n margin: 0 auto;\n}\n\n#footer-hours-location {\n margin: 0;\n text-align: center;\n font-size: 1rem;\n font-weight: normal;\n\n @include breakpoint($small-width) {\n text-align: left;\n }\n}\n\n#footer-hours-schedule {\n margin: 0;\n text-align: center;\n\n @include breakpoint($small-width) {\n text-align: left;\n }\n}\n\n/* I.A. Contactbar > Contact Us wrapper */\n\n#contact-us-wrapper {\n flex: 1 1 auto; // stretch to fill space\n background-color: $dark-blue;\n\n // .layout-zone-right sets squishy gutter on left and padding on right.\n @include responsive-basis(62%, 67%, 72%);\n @include squishy-gutter(top);\n @include squishy-gutter(bottom);\n\n @include breakpoint($max-width) {\n padding-right: 0.5rem; // Let the max width take the lead here instead of calculating right padding because this makes Chrome Grumpy\n }\n\n & > * {\n max-width: 1170px; // contact tiles/header should not exceed this width\n }\n}\n\n#contact-us-title {\n margin-bottom: 1em;\n}\n\n#footer-social-wrapper {\n margin-bottom: 1em;\n\n a {\n @include link-on-blue;\n }\n}\n\n#block-lits-theme-sharewithlits {\n .social-media-links--platforms {\n margin: auto;\n\n li {\n padding: 0 0.35em; // remove top and bottom padding provided by module stylesheet\n }\n }\n}\n\n#contact-us-tiles {\n @include list-reset;\n\n display: flex;\n flex-flow: row wrap;\n justify-content: space-between;\n font-size: 1rem;\n line-height: 1.25rem;\n}\n\n.contact-us-tile {\n @include rounded-corners;\n\n background-color: white;\n flex: 1 0 auto;\n width: 100%;\n margin: 0.25rem 0;\n font-weight: bold;\n\n @include breakpoint($medium-width) {\n width: 48%;\n margin: 0.25rem;\n }\n\n @include breakpoint($large-width) {\n width: 32%;\n }\n\n > a {\n display: flex;\n flex-flow: row nowrap;\n align-items: center;\n height: 100%;\n text-decoration: none;\n padding: 1.2rem;\n\n @include link;\n\n &:active,\n &:hover {\n text-decoration: underline solid;\n }\n\n @include focus($light-orange);\n\n svg {\n flex: 0 1 auto;\n font-size: 1.75rem;\n margin: auto 0.5rem auto 0;\n }\n\n div {\n flex: 1 1 auto;\n\n .subtitle {\n margin-left: 0;\n font-weight: normal;\n font-style: normal;\n }\n }\n }\n}\n\n/* II. LITS bar */\n\n#litsbar {\n background-color: $black;\n color: $white;\n\n @include squishy-gutter(top);\n @include squishy-gutter(bottom);\n\n // .layout-stripe sets width 100%, margin 0, padding 0.\n // Contains div.layout-container for flex.\n\n .layout-container {\n justify-content: center;\n }\n\n a {\n @include link-on-black;\n }\n}\n\n#about-lits-container {\n flex: 1 1 auto; // stretch to fill space\n text-align: center;\n\n // .layout-zone-right sets squishy gutter on left and padding on right.\n @include responsive-basis(62%, 67%, 72%);\n @include squishy-gutter(top);\n @include squishy-gutter(bottom);\n\n @include breakpoint($small-width) {\n text-align: left;\n }\n\n @include breakpoint($max-width) {\n padding-right: 0.5rem; // Let the max width take the lead here instead of calculating right padding because this makes Chrome Grumpy\n }\n\n & > * {\n margin: 0.25rem; // to match contact tiles\n }\n}\n\n#block-lits-theme-aboutlits-2 .menu {\n @include list-reset;\n\n @include breakpoint($small-width) {\n -webkit-column-count: 2;\n -moz-column-count: 2;\n column-count: 2;\n -webkit-column-gap: 10px;\n -moz-column-gap: 10px;\n column-gap: 10px;\n margin-left: 0;\n -webkit-margin-before: 0;\n -webkit-padding-start: 0;\n }\n\n @include breakpoint($medium-width) {\n -webkit-column-count: 3;\n -moz-column-count: 3;\n column-count: 3;\n }\n\n @include breakpoint($large-width) {\n -webkit-column-count: 4;\n -moz-column-count: 4;\n column-count: 4;\n }\n}\n\n#block-lits-theme-aboutlits-2 .menu__item {\n break-inside: avoid;\n font-size: 1rem;\n}\n\n/* III. Copyright bar */\n\n#copyrightbar {\n background-color: $charcoal;\n color: $white;\n\n @include squishy-gutter(top);\n @include squishy-gutter(bottom);\n\n\n // .layout-stripe sets width 100%, margin 0, padding 0.\n // Contains div.layout-container.layout-zone for flex and squishy edges.\n\n a {\n @include link-on-black;\n }\n}\n\n.copyright {\n font-size: 0.9rem;\n text-align: center;\n\n ul {\n @include list-reset;\n\n text-align: center;\n }\n\n p {\n margin: 0;\n }\n\n .grid-item {\n flex: 1 1 auto;\n width: 100%;\n\n @include breakpoint($medium-width) {\n width: 33%;\n }\n }\n}\n","/**\n * @file\n * Styles for header elements.\n *\n * @see _masthead.scss\n * @see header.twig\n * @see header.js\n */\n \n/* Fix node preview pages to keep the preview controls from overtaking the header. */\n.node-preview-container {\n position: relative;\n}\n\nheader#page-header {\n $logobar-min-height: 3.75rem;\n $imagebar-height: 0;\n\n @include breakpoint($medium-width) {\n $imagebar-height: 15.5rem;\n }\n $main-menubar-height: 3rem;\n $header-height: $logobar-min-height + $imagebar-height + $main-menubar-height;\n\n /* 0. Site alerts */\n #block-lits-theme-litssitealertblock {\n display: none;\n word-break: break-word;\n\n .alert-active & {\n display: block;\n }\n\n &.emergency {\n background-color: $white;\n position: relative;\n z-index: 2;\n\n #site-alert-container {\n background-color: $white;\n border: 3px solid $raspberry;\n margin: 10px;\n outline: 10px solid $white;\n padding: 1.5em;\n max-width: 100%;\n\n .mhc-alert-level-emergency {\n font-size: 1rem;\n line-height: 1.6em;\n margin: 0 auto;\n padding: 5px 20px 5px;\n text-align: left;\n z-index: 1;\n display: flex;\n flex-flow: row nowrap;\n justify-content: center;\n align-items: flex-start;\n max-width: 75rem;\n\n .fa-circle-exclamation {\n color: $raspberry;\n font-size: 3.25rem;\n margin: 0 1.25rem;\n }\n\n .text {\n margin: -1em 1.25rem;\n font-size: 1rem;\n }\n\n .buttons {\n display: flex;\n flex-flow: row wrap;\n }\n\n .button {\n background-color: $white;\n color: $charcoal;\n border: 3px solid $raspberry;\n font-size: 1rem;\n font-weight: 500;\n padding: 1.25em;\n text-transform: uppercase;\n margin-right: 0.5em;\n\n &:hover {\n background-color: $raspberry;\n color: $white;\n }\n }\n }\n }\n }\n }\n\n #search-toggle-container {\n width: 100%;\n\n // body.alert-active & {\n // background: #fff url(../images/banners/williston-beauty-full-banner.jpg) no-repeat center center;\n // background-size: 100%;\n // }\n }\n\n /* I. Logobar */\n\n #logobar {\n // .layout-stripe sets width 100%, margin 0, padding 0.\n @include dark-blue-stripe;\n\n a,\n button,\n button svg {\n @include focus($white);\n }\n }\n\n #logobar-container {\n // .layout-zone sets clearfix and squishy edges.\n display: flex;\n flex-flow: row nowrap;\n justify-content: space-between;\n align-items: center;\n }\n\n /* I.A. Logobar > Logo section */\n\n #logobar .logo-container {\n flex: 1 0 auto;\n display: flex;\n flex-flow: row nowrap;\n justify-content: center;\n align-items: center;\n min-height: $logobar-min-height;\n\n & > * {\n flex: 0 0 auto;\n }\n\n // Always use wordmark on homepage\n .lits_homepage & {\n & #logo {\n display: inline-block;\n }\n\n & #logo-small {\n display: none;\n }\n }\n\n // On interior pages, there's always other stuff in the logobar\n // Use wordmark logo only above small width\n .lits_page & {\n justify-content: flex-start;\n align-items: center;\n\n & #logo {\n display: none;\n }\n\n & #logo-small {\n display: flex; // pretty much just to vertically center the svg block element\n }\n\n @include breakpoint($small-width) {\n & #logo {\n display: flex; // pretty much just to vertically center the svg block element\n }\n\n & #logo-small {\n display: none;\n }\n }\n }\n\n @include breakpoint($medium-width) {\n // at breakpoint on homepage, more stuff shows up in logobar so left align logo.\n body.lits_homepage & {\n justify-content: flex-start;\n }\n }\n\n & #logo {\n margin-top: $word-default-margin;\n margin-bottom: $word-default-margin;\n padding-left: $word-default-margin - 8px;\n padding-right: $word-default-margin;\n\n & img {\n max-height: $word-logo-image-max-height;\n display: block;// must be block; inline-block reserves veritcal height for hanging letters, which we do not want\n margin: auto;\n }\n }\n\n & #logo-small {\n margin-top: $mono-default-margin;\n margin-bottom: $mono-default-margin;\n padding-left: $mono-default-margin - 8px;\n padding-right: $mono-default-margin;\n\n & img {\n max-height: $mono-logo-image-max-height;\n display: block;// must be block; inline-block reserves veritcal height for hanging letters, which we do not want\n margin: auto;\n }\n }\n }\n\n /* I.B. Logobar > TopNav section */\n\n #logobar .topnav-container {\n margin: auto 0;\n // because of the underline on the logo, perfectly centering text is too low @see _logobar_branding.scss for accompanying rule for \"LITS\" in the lockup\n & > * {\n margin-bottom: 5px;\n }\n\n #search-toggle {\n display: inline-block;\n padding-left: 1rem;\n padding-right: 0;\n border: none;\n background: transparent;\n font-size: 1rem;\n white-space: nowrap; // Don't let the carat float below the text at small widths.\n\n @include link-bluebg;\n\n .expandable.expandable--open & svg {\n transform: rotate(180deg);\n }\n\n .lits_homepage & {\n display: none;\n }\n }\n\n a {\n display: none;\n padding: 0 1rem;\n border-right: 1px solid $white;\n font-size: 1rem;\n\n @include focus($white);\n\n @include breakpoint($medium-width) {\n display: inline-block;\n }\n\n .lits_homepage &.accounts {\n padding-right: 0;\n border-right: none;\n }\n }\n }\n\n /* II. Searchbar */\n\n // @see 02-molecules/lits-search-form/_unified-search-form.scss\n // @see 04-templates/_lits-homepage.scss\n #searchbar {\n \n @include breakpoint($medium-width) {\n position: absolute;\n z-index: 2;\n }\n\n // .layout-stripe sets width 100%, margin 0, padding 0.\n // Contains div.layout-container.layout-zone for flex and squishy edges.\n // @include breakpoint($medium-width) {\n // min-height: 208px;\n // }\n\n //TODO add drupal menu offsets too?\n\n #search-blocks-container {\n display: none;\n\n .layout-container {\n // @include breakpoint($medium-width) {\n // height: 208px;\n // }\n\n align-items: center;\n }\n }\n }\n\n /* III. Imagebar */\n\n #imagebar {\n // .layout-stripe sets width 100%, margin 0, padding 0.\n display: none;\n height: 0;\n // margin-top: 60px; // TODO deal with admin toolbars later\n // margin-bottom: -108px;\n // TODO: allow node to override:\n\n @include breakpoint($medium-width) {\n display: block;\n height: $imagebar-height;\n background: $white url('../images/banners/williston-beauty-large-banner.jpg') no-repeat center center;\n background-size: 100%;\n }\n\n @include breakpoint($large-width) {\n background: $white url('../images/banners/williston-beauty-xl-banner.jpg') no-repeat center center;\n background-size: 100%;\n }\n\n @include breakpoint($max-width) {\n background: $white url('../images/banners/williston-beauty-full-banner.jpg') no-repeat center center;\n background-size: 100%;\n }\n }\n\n /* IV. Menubar */\n\n #menubar {\n background-color: $med-blue;\n\n // .layout-stripe sets width 100%, margin 0, padding 0.\n\n // Last menu on mobile view needs a separator too <3\n @include squishy-padding(bottom);\n\n @include breakpoint($medium-width) {\n padding: 0;\n }\n\n #menu-background {\n display: none;\n }\n\n @include breakpoint($medium-width) {\n // padding-top: 256px - 48px; // height of imagebar - height of menubar\n background-color: $fully-transparent;\n\n #menu-background {\n display: block;\n height: $main-menubar-height;\n margin-bottom: -$main-menubar-height;\n background-color: $med-blue;\n }\n }\n }\n}\n","/**\n * @file\n * Styles for elements common to all pages (homepage and not)\n */\n\nhtml {\n box-sizing: border-box;\n}\n\n*,\n*::after,\n*::before {\n box-sizing: inherit;\n}\n\n* {\n @include focus;\n}\n\n// Skip to main link should be fixed behind the header by default and pop above the header on focus\n#skip-to-main {\n position: fixed;\n top: 0;\n z-index: -1;\n background-color: $white;\n color: $white;\n padding: 1rem;\n}\n\n#skip-to-main:focus {\n z-index: 3;\n color: $dark-blue;\n}\n\nbody .dialog-off-canvas-main-canvas {\n @include full-viewport;\n}\n\n\n#main-content {\n width: 100%;\n margin-bottom: 1rem;\n\n}\n\n\n/* V. Messages */\n\n.layout-container {\n display: flex;\n flex-flow: row wrap;\n justify-content: space-between;\n}\n\n.layout-stripe {\n width: 100%;\n margin: 0;\n padding: 0;\n}\n\n.layout-zone {\n @include clearfix();\n @include squishy-padding(right);\n @include squishy-padding(left);\n\n & {\n max-width: $max-width;\n margin: 0 auto;\n }\n\n\n .service_desk &,\n .study_space & {\n margin: 0;\n padding: 0;\n\n @include breakpoint($small-width) {\n @include squishy-padding(right);\n @include squishy-padding(left);\n\n & {\n margin: 0 auto;\n }\n }\n }\n}\n\n.layout-zone-left {\n @include clearfix;\n @include squishy-gutter(right);\n @include squishy-padding(left, stretch);\n}\n\n.layout-zone-right {\n @include clearfix;\n @include squishy-padding(right, stretch);\n @include squishy-gutter(left);\n}\n\n// TODO: find a better place for this in 01-atoms.\n.fa-share-square,\n.fa-share-from-square {\n margin-bottom: 0.1em;\n padding-left: 0.1em;\n font-size: 0.85em;\n}\n","/**\n * @file\n * Styles for all non-homepage pages.\n */\n\n/* Layout */\n\n#main-wrapper {\n // .layout-zone sets clearfix and squishy edges.\n z-index: 1;\n}\n\n#main-content.main-sidebar-side {\n // Set up flex defaults so the sidebar position can depend on viewport size.\n @extend .layout-container;\n\n #main-wrapper {\n @include responsive-basis(100%, 62%, 62%, stretch);\n @include squishy-padding(bottom);\n\n & {\n box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);\n }\n\n @include breakpoint($medium-width) {\n box-shadow: 2px 0 2px rgba(0, 0, 0, 0.4);\n\n // Override default squishy-padding from .layout-zone:\n @include squishy-padding(left, stretch);\n @include squishy-gutter(right);\n }\n }\n\n #sidebar-wrapper {\n @include responsive-basis(100%, 38%, 38%, stretch);\n\n @include breakpoint($medium-width) {\n // Establish this as a layout-zone-right.\n @include squishy-padding(right, stretch);\n @include squishy-gutter(left);\n\n #sidebar-container {\n flex-direction: column;\n\n & > * {\n width: 100%;\n }\n }\n }\n }\n}\n\n#main-content.main-sidebar-foot {\n #main-wrapper {\n // TODO: doesn't show up?\n box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);\n }\n}\n\n/* Elements */\n\n#block-lits-theme-breadcrumbs {\n margin-top: $space;\n font-size: 1rem;\n}\n\n// Don't pad, even if there's a list of status messages of a single type.\n#messagebar ul {\n padding-left: 0;\n}\n","/**\n * @file\n * Rules for sidebar layout and formatting.\n *\n * 300px – 599px: single column, flush to edges.\n * 600px – 899px: no more than 2 columns, squishy edges and gutters.\n * 900px – 1199px:\n * - sidebar-side: single column, squishy gutter left and padding right.\n * - sidebar-foot: no more than 3 columns, squishy edges and gutters.\n * 1200px and up:\n * - sidebar-side: single column, squishy gutter left and padding right.\n * - sidebar-foot: no more than 4 columns, squishy edges and gutters.\n *\n * All elements have squishy-gutter for internal padding, max of 1rem.\n * All elements not flush to edges get a box shadow.\n * If more than one row is necessary, group by type (menu or service desk).\n * Form (study space finder) is always a singleton.\n * Department blocks work like service desk teaser blocks.\n */\n$content-max-width: $max-width;\n$sidebar-item-max-width: 520px;\n\n#sidebar-wrapper {\n width: 100%;\n\n @include clearfix;\n\n @include breakpoint($small-width) {\n background-color: $pale-gray;\n }\n\n h2 {\n margin: 0;\n font-size: 1.25rem;\n line-height: 1.5rem;\n }\n\n // Default case, menus and desks are in a centered column, 100% wide (max of 520px), gutters above small width\n #sidebar-container {\n display: flex;\n flex-flow: column nowrap;\n justify-content: center;\n align-items: center;\n width: 100%;\n max-width: $max-width;\n margin: 0 auto;\n\n .sidebar-nav-wrapper,\n #block-lits-theme-views-block-service-desk-block-block-1,\n .views-row {\n width: 100%;\n }\n }\n\n @include breakpoint($small-width) {\n & {\n @include squishy-gutter(top);\n @include squishy-gutter(right, 0.5);\n @include squishy-gutter(left, 0.5);\n }\n\n #sidebar-container {\n flex-flow: row wrap;\n align-items: flex-start;\n }\n\n .sidebar-nav-wrapper,\n .views-row {\n max-width: $sidebar-item-max-width;\n }\n\n .service-desk-block-container {\n display: flex;\n flex-flow: row wrap;\n justify-content: center;\n }\n\n .sidebar-nav-wrapper,\n .views-row {\n @include squishy-gutter(bottom);\n @include squishy-gutter(left, 0.5);\n @include squishy-gutter(right, 0.5);\n }\n }\n\n @include breakpoint($medium-width) {\n &.sidebar-side .sidebar-nav-wrapper,\n &.sidebar-side .views-row {\n @include squishy-gutter(bottom);\n @include squishy-gutter(left, 0);\n @include squishy-gutter(right, 0);\n }\n\n &.sidebar-side .service-desk-block-container {\n justify-content: flex-start;\n }\n }\n\n // 4 items:\n // small: 2x2 grid\n // med, foot: 2x2 grid\n // lg, foot: 25% horizontal\n // med, side: 100% vertical\n // lg, side: 100% vertical\n @include breakpoint($small-width) {\n & #sidebar-container.menu-2.desk-2 {\n .sidebar-nav-wrapper,\n .views-row {\n width: 50%;\n }\n\n #block-lits-theme-views-block-service-desk-block-block-1 {\n width: 100%;\n }\n }\n }\n\n @include breakpoint($medium-width) {\n &.sidebar-side #sidebar-container.menu-2.desk-2 {\n .sidebar-nav-wrapper,\n .views-row {\n width: 100%;\n }\n\n #block-lits-theme-views-block-service-desk-block-block-1 {\n width: 100%;\n }\n }\n }\n\n @include breakpoint($large-width) {\n &.sidebar-foot #sidebar-container.menu-2.desk-2 {\n .sidebar-nav-wrapper {\n width: 25%;\n }\n\n #block-lits-theme-views-block-service-desk-block-block-1 {\n width: 50%;\n }\n\n .views-row {\n width: 50%;\n }\n }\n }\n\n // 3 items:\n // small: 50%, two-of-a-kind side-by-side and third centered on separate line\n // med, foot: 33% horizontal\n // lg, foot: 33% horizontal\n // med, side: 100% vertical\n // lg, side: 100% vertical\n\n @include breakpoint($small-width) {\n & #sidebar-container.menu-2.desk-1 {\n .sidebar-nav-wrapper {\n width: 50%;\n }\n\n #block-lits-theme-views-block-service-desk-block-block-1 {\n width: 100%;\n }\n }\n\n & #sidebar-container.menu-1.desk-2 {\n .views-row {\n width: 50%;\n }\n\n #block-lits-theme-views-block-service-desk-block-block-1 {\n width: 100%;\n }\n }\n }\n\n @include breakpoint($medium-width) {\n &.sidebar-foot #sidebar-container {\n &.menu-2.desk-1 {\n .sidebar-nav-wrapper {\n width: calc(100% / 3);\n }\n\n #block-lits-theme-views-block-service-desk-block-block-1 {\n width: calc(100% / 3);\n max-width: $sidebar-item-max-width;\n }\n }\n\n &.menu-1.desk-2 {\n .sidebar-nav-wrapper {\n width: calc(100% / 3);\n }\n\n #block-lits-theme-views-block-service-desk-block-block-1 {\n width: calc(100% * 2 / 3);\n max-width: $sidebar-item-max-width * 2;\n\n .views-row {\n width: 50%;\n }\n }\n }\n }\n\n &.sidebar-side #sidebar-container {\n &.menu-1.desk-2 {\n #block-lits-theme-views-block-service-desk-block-block-1 .views-row {\n width: 100%;\n }\n }\n }\n }\n\n // 2 items:\n // small: 50% side-by-side\n // med, foot: 50% side-by-side\n // lg, foot: 50% side-by-side\n // med, side: 100% vertical\n // lg, side: 100% vertical\n\n @include breakpoint($small-width) {\n #sidebar-container.menu-0.desk-2 {\n #block-lits-theme-views-block-service-desk-block-block-1 {\n width: 100%;\n\n .views-row {\n width: 50%;\n }\n }\n }\n\n #sidebar-container.menu-1.desk-1 {\n .sidebar-nav-wrapper {\n width: 50%;\n }\n\n #block-lits-theme-views-block-service-desk-block-block-1 {\n width: 50%;\n max-width: $sidebar-item-max-width;\n\n .views-row {\n width: 100%;\n }\n }\n }\n\n #sidebar-container.menu-2.desk-0 {\n .sidebar-nav-wrapper {\n width: 50%;\n }\n }\n }\n\n @include breakpoint($medium-width) {\n &.sidebar-side #sidebar-container.menu-0.desk-2,\n &.sidebar-side #sidebar-container.menu-1.desk-1 {\n #block-lits-theme-views-block-service-desk-block-block-1 {\n width: 100%;\n\n .views-row {\n width: 100%;\n }\n }\n }\n }\n\n // 1 item:\n // small: 50% centered\n // medium+: 100%\n @include breakpoint($small-width) {\n #sidebar-container.menu-0.desk-1,\n #sidebar-container.menu-1.desk-0 {\n .sidebar-nav-wrapper,\n .views-row {\n width: 50%;\n }\n\n #block-lits-theme-views-block-service-desk-block-block-1 {\n width: 100%;\n }\n }\n }\n\n @include breakpoint($medium-width) {\n #sidebar-container.menu-0.desk-1,\n #sidebar-container.menu-1.desk-0 {\n .sidebar-nav-wrapper,\n .views-row {\n width: 100%;\n }\n\n #block-lits-theme-views-block-service-desk-block-block-1 {\n width: 100%;\n }\n }\n }\n}\n","/**\n * @file\n * Styles that apply to specific pages.\n *\n * TODO: these should probably be moved to a less general location.\n */\n\n.study-space-finder header {\n @include breakpoint($page-tablet-portrait) {\n width: 100%;\n }\n}\n\n// Departments list gets a
    in the view row.\n.views-row header {\n margin: 0;\n border: none;\n\n h3 {\n margin: 0;\n }\n}\n\n/** search page styling **/\nh2.bentos {\n font-style: italic;\n}\n\n.bentos.grid-container {\n width: 100%;\n height: 100%;\n display: grid;\n grid-gap: 10px;\n list-style: none;\n margin: 0 0 1em auto;\n padding: 0;\n grid-template-areas:\n \"websiteSearch\"\n \"guidesSearch\";\n\n /** @media (min-width: $small-width) and (max-width: $large-width) {\n grid-template-areas:\n \"bento-1 bento-2\"\n \"bento-3 .\";\n }\n **/\n\n @include breakpoint($large-width) {\n grid-template-areas: \"websiteSearch guidesSearch\";\n grid-template-columns: 1fr 1fr;\n }\n}\n\n.bento-1 {\n grid-area: websiteSearch;\n}\n\n.bento-3 {\n grid-area: guidesSearch;\n}\n","@use \"sass:math\";\n\n// See http://refills.bourbon.io/components/#flashes.\n$base-spacing: 1.5em !default;\n$statuses: (\n \"warning\": #f9fb93,\n \"error\": #fbe3e4,\n \"status\": #cfefc2,\n) !default;\n\n@each $status-type, $color in $statuses {\n .status--#{$status-type} {\n background-color: $color;\n color: shade($color, 60%);\n display: block;\n margin-bottom: math.div($base-spacing, 2);\n padding: math.div($base-spacing, 2);\n text-align: center;\n\n a {\n color: shade($color, 70%);\n text-decoration: underline;\n\n &:focus,\n &:hover {\n color: shade($color, 90%);\n }\n }\n\n .placeholder {\n font-style: normal;\n font-weight: 800;\n }\n }\n}\n","/**\n * @file\n * Custom styles for the study spaces filter.\n *\n * @see lits_search_form_views_exposed_form_alter().\n */\n.study-space-filters {\n line-height: 1rem;\n background-color: $white;\n\n @include breakpoint($small-width) {\n width: 100%;\n }\n\n #views-exposed-form-study-spaces-page-1 {\n @include breakpoint($small-width) {\n height: 1000px;\n display: grid;\n grid-template-columns: 50% 50%;\n }\n\n @include breakpoint($medium-width) {\n height: auto;\n display: flex;\n flex-direction: column;\n }\n }\n\n .form-item-intro {\n background-color: $green;\n\n @include breakpoint($small-width) {\n max-width: none;\n grid-column-end: span 2;\n }\n }\n\n .filters-title {\n display: none;\n }\n\n .js-form-item {\n padding-left: 1rem;\n padding-right: 1rem;\n\n @include breakpoint($small-width) {\n grid-column-end: span 2;\n }\n }\n\n .form-item-scope {\n padding-bottom: 0.5rem;\n padding-left: 1rem;\n margin: 1rem;\n\n @include breakpoint($small-width) {\n grid-column-end: span 2;\n }\n }\n\n fieldset {\n border: 1px dashed $pale-gray;\n margin: 1rem;\n }\n\n .form-actions {\n margin: 1rem;\n }\n\n legend {\n padding: 0 15px;\n }\n\n label,\n .space-search {\n font-weight: 400;\n font-size: 0.9rem;\n margin: 0;\n }\n\n .space-search-type {\n color: $raspberry;\n font-size: 1.1rem;\n font-weight: bold;\n font-style: italic;\n padding-top: 5px;\n }\n}\n","/**\n* @file\n*\n* Kind of use sidebar-like styles for the filters\n*/\n\n.study-space-finder {\n // Set up flex defaults so the sidebar position can depend on viewport size.\n @extend .layout-container;\n\n align-items: flex-start; // don't stretch the height of the filters/results\n\n .find-reservable-msg {\n width: 100%;\n text-align: center;\n margin-bottom: 1em;\n }\n\n .filters-title {\n margin: 0;\n\n button {\n display: flex;\n align-items: center;\n width: 100%;\n background-color: $green;\n color: $white;\n line-height: normal;\n padding: 10px 15px;\n border: 0;\n font-size: 1.6rem;\n }\n }\n\n &.expandable button svg {\n &.fa-chevron-down {\n margin-left: 0.25em;\n }\n }\n\n &.expandable--open button svg {\n &.fa-chevron-down {\n transform: rotate(180deg);\n }\n }\n\n .filters {\n @include responsive-basis(100%, 38%, 38%, stretch);\n\n & {\n margin-bottom: 1em;\n }\n\n @include breakpoint($medium-width) {\n box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);\n border-left: 1px solid rgba(0, 0, 0, 0.4);\n border-bottom: 1px solid rgba(0, 0, 0, 0.4);\n margin-bottom: 0;\n }\n }\n\n .results {\n @include responsive-basis(100%, 62%, 62%, stretch);\n\n @include breakpoint($medium-width) {\n // Establish this as a layout-zone-left.\n @include squishy-gutter('left');\n }\n }\n}\n","body.system_status {\n #system-status table.no-table {\n @include untablify;\n\n .status {\n text-align: left;\n }\n\n .form-item {\n max-width: 100%;\n }\n\n textarea {\n width: 100%;\n }\n }\n}\n","/**\n * @file\n * Styles for elements specific to the LITS homepage\n */\n\n// TODO: remove this unused rule when we’ve satisified its TODOs.\n// .homepage-image {\n// background: $black url('img/white-1x1.png') center top no-repeat;\n// }\n// TODO: remove that image file if we don’t need it.\n// TODO: move the actual college logo from db into theme!\n\n/* I. Titlebar */\n\n#titlebar {\n // .layout-stripe sets width 100%, margin 0, padding 0.\n // box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);\n // Contains div.layout-container.layout-zone for flex and squishy edges.\n\n & .layout-container {\n flex-flow: column nowrap;\n flex: 0 0 auto;\n align-items: center;\n\n #title-wrapper {\n width: auto;\n padding-right: 0;\n text-align: center;\n\n p {\n padding-top: 0 !important; // remove large-width padding-top\n }\n }\n\n #search-container {\n width: 100%;\n max-width: $large-width;\n }\n\n #block-lits-theme-local-tasks,\n #block-lits-theme-local-actions {\n align-self: flex-start;\n }\n }\n}\n\n#title-wrapper {\n flex: 1 1 auto;\n width: 100%;\n margin-top: 1rem;\n margin-bottom: 1rem;\n\n @include breakpoint($large-width) {\n width: 40%;\n }\n\n h1 {\n margin-top: 0;\n line-height: 1;\n }\n\n p {\n font-size: 1rem;\n margin: 0;\n line-height: 1.5;\n\n @include breakpoint($large-width) {\n padding-top: 1rem;\n }\n }\n}\n\n@include breakpoint($large-width) {\n #title-wrapper {\n @include squishy-gutter(right);\n }\n}\n\nh1 .subtitle {\n color: $dark-blue;\n font-style: normal;\n font-weight: normal;\n font-size: 1.2rem;\n line-height: 1.4;\n padding-top: 0.4rem;\n}\n\n#search-container {\n flex: 1 1 auto;\n margin-top: 1rem;\n margin-bottom: 1rem;\n width: 100%;\n\n @include breakpoint($large-width) {\n width: 60%;\n }\n}\n\n/* II. Newsbar */\n\n#newsbar {\n // .layout-stripe sets width 100%, margin 0, padding 0.\n margin-bottom: 2px;\n // Contains div.layout-zone for squishy edges.\n\n h2,\n &.newsbar-sidebar-side #featured-resources-wrapper h2 { // my bad, ew\n padding: 0;\n margin: 1em 0;\n font-size: 1.5em;\n line-height: 2rem;\n }\n\n a.see-all-posts {\n @include button;\n @include focus($dark-blue, link);\n\n & {\n width: 10rem;\n margin-bottom: 2rem;\n }\n }\n\n .has-link-tiles {\n ul {\n margin-top: -0.5rem;\n }\n\n li {\n width: 100%;\n\n @include breakpoint($small-width) {\n width: 41%;\n }\n\n @include breakpoint($large-width) {\n width: 26%;\n }\n\n a {\n border-radius: 0;\n background-color: $white;\n box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);\n justify-content: center; // ugh also\n }\n\n &:nth-child(6n+1) a {\n border-top: 4px solid $raspberry;\n }\n\n &:nth-child(6n+2) a {\n border-top: 4px solid $gray;\n }\n\n &:nth-child(6n+3) a {\n border-top: 4px solid $light-blue;\n }\n\n &:nth-child(6n+4) a {\n border-top: 4px solid $light-green;\n }\n\n &:nth-child(6n+5) a {\n border-top: 4px solid $light-orange;\n }\n\n &:nth-child(6n+6) a {\n border-top: 4px solid $red;\n }\n\n &.tdx-tile {\n width: 100%;\n\n svg {\n overflow: visible;\n box-sizing: content-box;\n display: var(--fa-display, inline-block);\n height: 2em;\n vertical-align: -0.125em;\n }\n\n img {\n height: 5em;\n margin: auto;\n }\n\n a {\n border-top: 4px solid $dark-blue !important;\n }\n }\n }\n }\n\n #news-items-container {\n flex-flow: column nowrap;\n\n .news-item {\n width: 100%;\n }\n }\n\n // Sidebar-ify\n &.newsbar-sidebar-side {\n // Set up flex defaults so the sidebar position can depend on viewport size.\n @extend .layout-container;\n\n #news-events {\n box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);\n @include responsive-basis(100%, 62%, 62%, stretch);\n @include squishy-padding(bottom);\n\n @include breakpoint($medium-width) {\n box-shadow: 2px 0 2px rgba(0, 0, 0, 0.4);\n\n // Override default squishy-padding from .layout-zone:\n @include squishy-padding(left, stretch);\n @include squishy-gutter(right);\n }\n }\n\n #featured-resources-wrapper {\n @extend #sidebar-wrapper;\n\n @include responsive-basis(100%, 38%, 38%, stretch);\n\n & {\n box-shadow: 2px 0 2px rgba(0, 0, 0, 0.4);\n }\n\n @include breakpoint($medium-width) {\n // Establish this as a layout-zone-right.\n @include squishy-padding(right, stretch);\n @include squishy-gutter(left);\n\n #featured-resources {\n flex-direction: column;\n\n & > * {\n width: 100%;\n }\n }\n }\n }\n }\n\n &.newsbar-sidebar-side #featured-resources-wrapper {\n padding-top: 0;\n }\n}\n\n/* 0. Helper styles - Link tiles (eg featured resources, formerly quick links and remote guides) */\n.lits_homepage .has-link-tiles {\n // .layout-stripe sets width 100%, margin 0, padding 0.\n padding-bottom: 2rem;\n // Contains div.layout-zone for squishy edges.\n\n h2 {\n margin-top: 0;\n padding-top: 2rem;\n }\n\n ul {\n @include list-reset;\n\n display: flex;\n flex-flow: row wrap;\n justify-content: space-around;\n\n li {\n flex: 1 1 auto;\n width: 100%;\n margin: 0.5rem;\n\n @include breakpoint($small-width) {\n width: 46%;\n }\n\n @include breakpoint($medium-width) {\n width: 31%;\n }\n\n @include breakpoint($large-width) {\n width: 14%;\n min-height: 10rem;\n }\n\n .fontawesome-icons {\n text-align: center;\n }\n\n a {\n @include rounded-corners;\n\n background-color: $gray-lightest;\n height: 100%;\n display: flex;\n flex-flow: column nowrap;\n justify-content: flex-start;\n word-break: break-word;\n padding: 1rem;\n\n @include breakpoint($large-width) {\n padding: 1rem calc(0.25 * 1rem);\n }\n\n & {\n @include link-on-gray;\n }\n\n svg {\n font-size: 3rem;\n margin: 0 auto;\n }\n\n span {\n padding-top: 1rem;\n text-align: center;\n font-weight: bold;\n }\n }\n\n &:nth-child(6n+1) svg {\n color: $raspberry;\n }\n\n &:nth-child(6n+2) svg {\n color: $gray;\n }\n\n &:nth-child(6n+3) svg {\n color: $light-blue;\n }\n\n &:nth-child(6n+4) svg {\n color: $light-green;\n }\n\n &:nth-child(6n+5) svg {\n color: $light-orange;\n }\n\n &:nth-child(6n+6) svg {\n color: $red;\n }\n }\n }\n}\n"],"names":[],"sourceRoot":""} \ No newline at end of file +{"version":3,"file":"lits_theme.css","mappings":"AAAA,gBAAgB;ACoChB;;CAAA;AClCA;;;EAAA;AAKA;AAQA;;;;;;;;;;;EAAA;AAgBA;;;;;;;;;EAAA;AAcA;;;;;;;;;;EAAA;AAeA;;;;;;;;;;;EAAA;AA2DA;;;;;;;;;EAAA;AAcA;;;;;;;;;;EAAA;AAqCA;;;;;;;;;;EAAA;AAqCA;;;;;;;;;EAAA;AC/MA;EACE;EACA;EACA;EACA;AHiGF;AG9FA;EACE;EACA;EACA;EACA;AHgGF;AG7FA;EACE;EACA;EACA;EACA;AH+FF;AG5FA;EACE;EACA;EACA;EACA;AH8FF;AG3FA;EACE;EACA;EACA;EACA;AH6FF;AG1FA;EACE;EACA;EACA;EACA;AH4FF;AInIA;;;;EAAA;ACAA;;;EAAA;AAKA;AAOA;AAOA;AAkCA;ACrDA;EC2EE;EACA;EACA;EACA;EACA;APwEF;AMpJE;EACE;ANsJJ;;AMjJE;ECkEA;EACA;EACA;EACA;EACA;APmFF;;AQ/HA;EAlCE;EACA;EACA;ARqKF;ASxGI;ED7BJ;IA7BI;IACA;ERsKF;AACF;AQpKE;EACE;ARsKJ;AQ1IE;EAtCA;EACA;EACA;ARmLF;AStHI;EDzBF;IAjCE;IACA;ERoLF;AACF;AQlLE;EACE;ARoLJ;AS/HI;EDzBF;IAvBI;ERmLJ;EQjLI;IACE;ERmLN;AACF;AQ5JE;EA1CA;EACA;EACA;ARyMF;AS5II;EDrBF;IArCE;IACA;ER0MF;AACF;AQxME;EACE;AR0MJ;ASrJI;EDrBF;IAjBI;ER+LJ;EQ7LI;IACE;ER+LN;AACF;AQ7KE;EACE;EACA;AR+KJ;;AUrKE;EA1DA;AVmOF;ASrKI;ECJF;IAvDE;IACA;EVoOF;EUlOE;IACE,sBL4BS;IK3BT;IACA;IACA;IACA;IACA;IACA;EVoOJ;AACF;ASpLI;EChBF;IAEI;EVsMJ;AACF;AUpMI;EACE;AVsMN;AU5LE;EA9DA;AV6PF;AS/LI;ECAF;IA3DE;IACA;EV8PF;EU5PE;IACE,sBL4BS;IK3BT;IACA;IACA;IACA;IACA;IACA;EV8PJ;AACF;AUzPI;EACE;AV2PN;AUxPI;EACE;AV0PN;AUxPM;EACE;AV0PR;ASvNI;EChBF;IAEI;EVyOJ;AACF;AUvOI;EACE;AVyON;AU3NE;EAlEA;AVgSF;ASlOI;ECIF;IA/DE;IACA;EViSF;EU/RE;IACE,sBL4BS;IK3BT;IACA;IACA;IACA;IACA;IACA;EViSJ;AACF;AU9QI;EACE;AVgRN;AU7QI;EACE;AV+QN;AU7QM;EACE;AV+QR;AS1PI;EChBF;IAEI;EV4QJ;AACF;AU1QI;EACE;AV4QN;;AW7TA;EAJE;EACA;AXqUF;;AYtUE;EACE;EACA,yBPWQ;AL8TZ;AYtUE;EACE;AZwUJ;;Aa/UA;;;EAAA;AAKA;;;;;;;;;;;;EAAA;AA+BA;;;;;;;;;;;;EAAA;AAmCA;;;;;;;;;;;;EAAA;AAmCA;;;;;EAAA;AAUA;EAjGE,WRVS;EQWT;AbiXF;Aa/WE;EAEE,WRfO;AL+XX;Aa7WE;EAEE,cRtBQ;EQuBR;Ab8WJ;AO5OE;EACE;EACA;EAGE;AP4ON;;AazRA;;EAnCE,YRxEM;EQyEN;AbiUF;Aa/TE;;;EAEE,YR7EI;AL+YR;Aa/TE;;;EAEE,cR3EQ;EQ4ER;AbkUJ;AOlQE;;EACE;EACA;EAGE;APmQN;AOxQE;;EACE;EACA;EAGE;APyQN;;AajTA;;;;;;EAAA;AA6BA;;;;;;EAAA;ACtDA;EA9FE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;Ad0bF;AcxbE;EACE,WTPO;ALicX;AcxbI;EACE,cAdwI;Adwc9I;;AcrWA;;EA/EE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AdybF;AcvbE;EACE,WT1BO;ALmdX;AcvbI;EACE,cAd6I;AducnJ;;AcnXA;;EAhEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AdwbF;ActbE;EACE,WT7CO;ALqeX;ActbI;EACE,cAd8I;AdscpJ;;AchYA;;EACE;EAnDA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AdwbF;ActbE;EACE,WThEO;ALwfX;ActbI;EACE,cAd6I;AdscnJ;;Ac7YA;;;;;;EArCE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;Ad2bF;AczbE;;EACE,WTnFO;AL+gBX;Ac1bI;;EACE,cAdwI;Ad2c9I;;AchYA;AACA;EAjHE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AdqfF;AcnfE;EACE,WT7CO;ALkiBX;AcnfI;EACE,cAd8I;AdmgBpJ;;Ac7YA;AACA;EACE;EACA,cT9IU;AL8hBZ;;Ac7YA;AAEA;EACE;EACA;EACA,yBTrKU;ESsKV,YThKM;ESiKN;EACA;EACA;Ad+YF;;Ac5YA;AAEE;EAEE;EACA;Ad6YJ;;AczYA;EACE;EACA;EACA;EACA;EACA;Ad4YF;;AczYA;EACE;Ad4YF;Ac1YE;EAEE;EACA;EACA;EACA;Ad2YJ;AcxYE;EACE;EACA;EACA;EACA;EACA;EACA;Ad0YJ;;ActYA;EACE;AdyYF;;AerlBA;;;;;;EAME,cVJS;EEoDT,2CN1DU;EM2DV;EACA;APyiBF;;Ae5mBE;EACE;Af+mBJ;;AetlBA;EACE;EACA;EACA;EACA;AfylBF;;AetlBA;EACE;EACA;EACA;AfylBF;;AetkBA;EACE;AfykBF;;AetkBA;EACE;EACA;EACA,cVvCM;ALgnBR;;AetkBA;AAEE;EACE,YV1DI;ALkoBR;AerkBE;EACE,cVhDW;ALunBf;AepkBE;EACE,cVrDI;AL2nBR;AenkBE;EACE,cV5DE;ALioBN;;AejkBA;EACE;AfokBF;;AejkBA;AACA;EACE,YVhFM;ALopBR;;AejkBA;AAEA;EACE;EACA;AfmkBF;AejkBE;EACE;AfmkBJ;;AgBxqBE;;;;EAEE;EACA;AhB6qBJ;;AgBzqBA;EACE;EACA;AhB4qBF;;AgBzqBA;EACE;AhB4qBF;;AgBzqBA;;EACE;EACA;AhB6qBF;;AgBxqBA;;;;;;;;;EAAA;AClBA;;EANE;EACA;EACA;EACA;AjB+sBF;;AiBvsBA;EACE;AjB0sBF;;AiBvsBA;EACE;AjB0sBF;;AiBvsBA;EACE;AjB0sBF;;AkB/tBA;;EXkBE;EACA;EACA;APktBF;;AmBtuBA;;EZkBE;EACA;EACA;APytBF;;AoB3uBA;EACE;EACA;EACA;ApB8uBF;AoB5uBE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;ApB6uBJ;;AoBzuBA;EACE;EACA,iBfZM;EeaN;EACA;EAEA;EACA;EACA;ApB2uBF;AO1mBE;EACE;EACA;AP4mBJ;AO9mBE;EACE;EACA;APgnBJ;;AoBzuBA;EACE;EACA;IACE;EpB4uBF;EoBzuBA;EACA;IACE;IAEA;IACA;IACA,uBfxCI;Ie0CJ;IAEA;IACA;IACA;EpBwuBF;AACF;AqBpyBA;EACE,chBiCK;EgBhCL;EACA;ArBsyBF;AOjyBE;EACE;EACA;EACA;APmyBJ;;AqBtyBA;EACE;EACA;ArByyBF;ASnvBI;EYxDJ;IAKI;IACA;IACA;ErB0yBF;AACF;;AqBvyBA;;EAEE;ArB0yBF;;AqBvyBA;EACE;EACA;ArB0yBF;AOpqBE;EACE;EACA;APsqBJ;AOxqBE;EACE;EACA;AP0qBJ;AqB1yBE;EACE,WhBGS;ALyyBb;AqBzyBE;EACE,WhBDS;AL4yBb;AqBxyBE;EACE,WhBLS;AL+yBb;AqBvyBE;EACE,WhBTS;ALkzBb;;AqBryBA;EACE;ArBwyBF;;AqBryBA;EACE;EACA;EACA;ArBwyBF;AqBtyBE;EACE;EACA;ArBwyBJ;;AsB11BE;EACE,sBjBJO;EiBKP,YARO;EASP;EACA,YjBHI;EiBIJ;EACA,gBATU;EAUV;EACA,aAZQ;EAaR,cAdQ;EAeR,mBAZY;EAaZ;EACA;EACA;EACA;AtB61BJ;AsB11BE;EACE,YjBjBI;AL62BR;AsBz1BE;EACE;EACA,YjBtBI;ALi3BR;AO9tBE;EACE;EACA;APguBJ;AOluBE;EACE;EACA;APouBJ;AsB13BE;EACE,sBjBJO;EiBKP,YARO;EASP;EACA,YjBHI;EiBIJ;EACA,gBATU;EAUV;EACA,aAZQ;EAaR,cAdQ;EAeR,mBAZY;EAaZ;EACA;EACA;EACA;AtB43BJ;AsBz3BE;EACE,YjBjBI;AL44BR;AsBx3BE;EACE;EACA,YjBtBI;ALg5BR;AO7vBE;EACE;EACA;AP+vBJ;AOjwBE;EACE;EACA;APmwBJ;AsBz5BE;EACE,sBjBJO;EiBKP,YARO;EASP;EACA,YjBHI;EiBIJ;EACA,iBAkD2E;EAjD3E;EACA,aAZQ;EAaR,cAdQ;EAeR,mBAZY;EAaZ;EACA;EACA;EACA;AtB25BJ;AsBx5BE;EACE,YjBjBI;AL26BR;AsBv5BE;EACE;EACA,YjBtBI;AL+6BR;AO5xBE;EACE;EACA;AP8xBJ;AOhyBE;EACE;EACA;APkyBJ;AsBx7BE;EACE,sBjBJO;EiBKP,YARO;EASP;EACA,YjBHI;EiBIJ;EACA,gBATU;EAUV;EACA,aAZQ;EAaR,cAdQ;EAeR,mBAZY;EAaZ;EACA;EACA;EACA;AtB07BJ;AsBv7BE;EACE,YjBjBI;AL08BR;AsBt7BE;EACE;EACA,YjBtBI;AL88BR;AO3zBE;EACE;EACA;AP6zBJ;AO/zBE;EACE;EACA;APi0BJ;AsB35BE;EACE;AtB65BJ;AsB19BE;EACE,yBjBaI;EiBZJ,YARO;EASP;EACA,YjBHI;EiBIJ;EACA,iBAyD+E;EAxD/E;EACA,aAZQ;EAaR,cAdQ;EAeR,mBAZY;EAaZ;EACA;EACA;EACA;AtB49BJ;AsBz9BE;EACE,YjBjBI;AL4+BR;AsBx9BE;EACE,yBjBZQ;EiBaR,YjBtBI;ALg/BR;AO71BE;EACE;EACA;AP+1BJ;AOj2BE;EACE;EACA;APm2BJ;;AuBngCA;EACE;EACA;EACA;EACA,yBANW;EAOX;EACA;AvBsgCF;;AuBngCA;EACE;EACA;EACA,YlBGM;EkBFN;EACA;EACA;AvBsgCF;AuBpgCE;EACE;AvBsgCJ;;AuBjgCE;EACE,uBlBbI;ALihCR;AuB//BI;EACE;AvBigCN;AuB9/BI;EACE;AvBggCN;;AuB3/BA;EACE;EACA;EACA;EACA;AvB8/BF;AuB5/BE;EACE;AvB8/BJ;;AuB1/BA;;EAEE;EACA;AvB6/BF;;AwBhjCA;;;;;;;;;;;;;;;;;;;;CAAA;ACJA;EACE,cpBiCK;EoBhCL;EACA;EACA;EACA;AzB4kCF;;AyBzkCA;EACE;AzB4kCF;;AyBzkCA;EACE;AzB4kCF;;A0BzlCA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EbQA,WRVS;EQWT;AbqlCF;AanlCE;EAEE,WRfO;ALmmCX;AajlCE;EAEE,cRtBQ;EQuBR;AbklCJ;AOh9BE;EACE;EACA;EAGE;APg9BN;A0BtmCE;EACE;EACA,crBVQ;EqBWR,uBrBLI;AL6mCR;AS1jCI;EiBjDF;IAMI;E1BymCJ;AACF;AS/jCI;EiBhEJ;IA0BI;IACA;IACA;E1BymCF;E0BvmCE;IACE;IACA;IACA;IACA;IACA;IACA;IACA,mBrBvBM;ELgoCV;E0BtmCE;IACE,mBrBMQ;ELkmCZ;AACF;ASllCI;EiBhEJ;IA8CI;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;E1BwmCF;AACF;A0BtmCE;EbtCA,WRVS;EQWT;Ab+oCF;Aa7oCE;EAEE,WRfO;AL6pCX;Aa3oCE;EAEE,cRtBQ;EQuBR;Ab4oCJ;AO1gCE;EACE;EACA;EAGE;AP0gCN;A0BlnCI;EACE,mBrBzCO;AL6pCb;;A2BlrCA;EACE;EACA;EACA;A3BqrCF;A2BnrCE;EACE;A3BqrCJ;A2BlrCE;EACE;A3BorCJ;A2BjrCE;EACE;EACA;EACA;A3BmrCJ;ASnoCI;EkBnDF;IAMI;E3BorCJ;AACF;A2BlrCI;EACE;A3BorCN;A2BhrCE;EACE;EACA;EACA,ctBSQ;EsBRR;EACA;A3BkrCJ;A2B/qCE;EACE;EACA;EACA;EACA;EACA;A3BirCJ;ASzpCI;EkB7BF;IAQI;E3BkrCJ;E2BhrCI;IACE;E3BkrCN;AACF;A2B/qCI;EACE;A3BirCN;;A2B5qCA;EACE;A3B+qCF;;A2B1qCE;;;;EAIE;A3B6qCJ;A2B1qCE;EACE;EACA;EACA;A3B4qCJ;A2B1qCI;EACE;A3B4qCN;A2BzqCI;EACE;A3B2qCN;;A4B1vCA;ErBkBE;EACA;EACA;EqBjBA;A5B8vCF;A4B5vCE;EACE;A5B8vCJ;;A4BxvCE;;;;;;;;;;EAKE;A5BgwCJ;A4B7vCE;;EACE;A5BgwCJ;A4B7vCE;;;EAEE;EACA;A5BgwCJ;A4B7vCE;;EACE;EACA;EACA;EACA;A5BgwCJ;;A4B3vCE;EACE;A5B8vCJ;A4B3vCE;EACE;A5B6vCJ;A4B1vCE;EACE;A5B4vCJ;A4BzvCE;EACE;A5B2vCJ;A4BxvCE;EACE;A5B0vCJ;;A4BtvCA;;EAEE;A5ByvCF;;A4BtvCA;EACE;A5ByvCF;AEroCE;EAGE;AFqoCJ;AS9vCI;EPsHF;IAYM;EFgoCN;AACF;ASnwCI;EPsHF;IAmBM;EF8nCN;AACF;AElpCE;EAGE;AFkpCJ;AS3wCI;EPsHF;IAYM;EF6oCN;AACF;AShxCI;EPsHF;IAmBM;EF2oCN;AACF;ASrxCI;EmBCJ;IASI;E5B+wCF;AACF;AS1xCI;EmBCJ;IAaI;IACA;E5BgxCF;AACF;;A4B5wCA;EACE;EACA;EACA;A5B+wCF;A4B7wCE;EACE;A5B+wCJ;A4B5wCE;ErB3EA;EACA;EACA;EqB2EE;EACA;A5BgxCJ;A4B9wCI;EAIE;A5B6wCN;A4B1wCI;EACE;EACA;EACA;A5B4wCN;;A6Bx3CA;ElBCE;EACA;EJkFA;AP0yCF;;A6Bz3CA;ErBJE;EACA;EACA;ARi4CF;ASp0CI;EoB3DJ;IrBCI;IACA;ERk4CF;AACF;AQh4CE;EACE;ARk4CJ;AS70CI;EoB3DJ;IrBqBM;ERu3CJ;EQr3CI;IACE;ERu3CN;AACF;;A6B54CA;EnBPE;AVu5CF;ASz1CI;EoBvDJ;InBJI;IACA;EVw5CF;EUt5CE;IACE,sBL4BS;IK3BT;IACA;IACA;IACA;IACA;IACA;EVw5CJ;AACF;AUr4CI;EACE;AVu4CN;AUp4CI;EACE;AVs4CN;AUp4CM;EACE;AVs4CR;ASj3CI;EChBF;IAEI;EVm4CJ;AACF;AUj4CI;EACE;AVm4CN;;A8Bz7CA;EhByBE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;Ado6CF;Acl6CE;EACE,WT1BO;AL87CX;Acl6CI;EACE,cAd6I;Adk7CnJ;Aej8CE;EACE;Afm8CJ;A8Bz8CE;EjBeA,WRVS;EQWT;Ab67CF;Aa37CE;EAEE,WRfO;AL28CX;Aaz7CE;EAEE,cRtBQ;EQuBR;Ab07CJ;AOxzCE;EACE;EACA;EAGE;APwzCN;;A8Bp9CA;EhBmCE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;Adq7CF;Acn7CE;EACE,WT7CO;ALk+CX;Acn7CI;EACE,cAd8I;Adm8CpJ;Aer+CE;EACE;Afu+CJ;;A8Bn+CA;EACE;A9Bs+CF;;A8Bn+CA;EjBCE,WRVS;EQWT;Abs+CF;Aap+CE;EAEE,WRfO;ALo/CX;Aal+CE;EAEE,cRtBQ;EQuBR;Abm+CJ;AOj2CE;EACE;EACA;EAGE;APi2CN;;AsB1/CE;EACE,sBjBJO;EiBKP,YARO;EASP;EACA,YjBHI;EiBIJ;EACA,gBATU;EAUV;EACA,aAZQ;EAaR,cAdQ;EAeR,mBAZY;EAaZ;EACA;EACA;EACA;AtB6/CJ;AsB1/CE;EACE,YjBjBI;AL6gDR;AsBz/CE;EACE;EACA,YjBtBI;ALihDR;AO93CE;EACE;EACA;APg4CJ;AOl4CE;EACE;EACA;APo4CJ;;A8B3gDA;EACE,yBzBQc;EyBPd;A9B8gDF;;A8B3gDA;EACE;A9B8gDF;;AK/iDA;;;EAAA;AAKA;AAOA;AAOA;AAkCA;AJjBA;;CAAA;AYpCA;;;EAAA;AAKA;;;;;;;;;;;;EAAA;AA+BA;;;;;;;;;;;;EAAA;AAmCA;;;;;;;;;;;;EAAA;AAmCA;;;;;EAAA;AAUA;EAjGE,WRVS;EQWT;Ab4lDF;Aa1lDE;EAEE,WRfO;AL0mDX;AaxlDE;EAEE,cRtBQ;EQuBR;AbylDJ;AOv9CE;EACE;EACA;EAGE;APu9CN;;AapgDA;;EAnCE,YRxEM;EQyEN;Ab4iDF;Aa1iDE;;;EAEE,YR7EI;AL0nDR;Aa1iDE;;;EAEE,cR3EQ;EQ4ER;Ab6iDJ;AO7+CE;;EACE;EACA;EAGE;AP8+CN;AOn/CE;;EACE;EACA;EAGE;APo/CN;;Aa5hDA;;;;;;EAAA;AA6BA;;;;;;EAAA;ACtDA;EA9FE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AdqqDF;AcnqDE;EACE,WTPO;AL4qDX;AcnqDI;EACE,cAdwI;AdmrD9I;;AchlDA;;EA/EE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AdoqDF;AclqDE;EACE,WT1BO;AL8rDX;AclqDI;EACE,cAd6I;AdkrDnJ;;Ac9lDA;;EAhEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AdmqDF;AcjqDE;EACE,WT7CO;ALgtDX;AcjqDI;EACE,cAd8I;AdirDpJ;;Ac3mDA;;EACE;EAnDA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AdmqDF;AcjqDE;EACE,WThEO;ALmuDX;AcjqDI;EACE,cAd6I;AdirDnJ;;AcxnDA;;;;;;EArCE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AdsqDF;AcpqDE;;EACE,WTnFO;AL0vDX;AcrqDI;;EACE,cAdwI;AdsrD9I;;Ac3mDA;AACA;EAjHE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AdguDF;Ac9tDE;EACE,WT7CO;AL6wDX;Ac9tDI;EACE,cAd8I;Ad8uDpJ;;AcxnDA;AACA;EACE;EACA,cT9IU;ALywDZ;;AcxnDA;AAEA;EACE;EACA;EACA,yBTrKU;ESsKV,YThKM;ESiKN;EACA;EACA;Ad0nDF;;AcvnDA;AAEE;EAEE;EACA;AdwnDJ;;AcpnDA;EACE;EACA;EACA;EACA;EACA;AdunDF;;AcpnDA;EACE;AdunDF;AcrnDE;EAEE;EACA;EACA;EACA;AdsnDJ;AcnnDE;EACE;EACA;EACA;EACA;EACA;EACA;AdqnDJ;;AcjnDA;EACE;AdonDF;;Aeh0DA;;;;;;EAME,cVJS;EEoDT,2CN1DU;EM2DV;EACA;APoxDF;;Aev1DE;EACE;Af01DJ;;Aej0DA;EACE;EACA;EACA;EACA;Afo0DF;;Aej0DA;EACE;EACA;EACA;Afo0DF;;AejzDA;EACE;AfozDF;;AejzDA;EACE;EACA;EACA,cVvCM;AL21DR;;AejzDA;AAEE;EACE,YV1DI;AL62DR;AehzDE;EACE,cVhDW;ALk2Df;Ae/yDE;EACE,cVrDI;ALs2DR;Ae9yDE;EACE,cV5DE;AL42DN;;Ae5yDA;EACE;Af+yDF;;Ae5yDA;AACA;EACE,YVhFM;AL+3DR;;Ae5yDA;AAEA;EACE;EACA;Af8yDF;Ae5yDE;EACE;Af8yDJ;;AgBn5DE;;;;EAEE;EACA;AhBw5DJ;;AgBp5DA;EACE;EACA;AhBu5DF;;AgBp5DA;EACE;AhBu5DF;;AgBp5DA;;EACE;EACA;AhBw5DF;;AgBn5DA;;;;;;;;;EAAA;AOvBA;EACE;EACA;EACA;EACA,yBANW;EAOX;EACA;AvBu7DF;;AuBp7DA;EACE;EACA;EACA,YlBGM;EkBFN;EACA;EACA;AvBu7DF;AuBr7DE;EACE;AvBu7DJ;;AuBl7DE;EACE,uBlBbI;ALk8DR;AuBh7DI;EACE;AvBk7DN;AuB/6DI;EACE;AvBi7DN;;AuB56DA;EACE;EACA;EACA;EACA;AvB+6DF;AuB76DE;EACE;AvB+6DJ;;AuB36DA;;EAEE;EACA;AvB86DF;;A+Bx5DA;EACE;A/B25DF;;AgCz+DA;EACE;AhC4+DF;AgC1+DE;EACE;EACA;EACA;AhC4+DJ;AgCz+DE;EACE;AhC2+DJ;AgCx+DE;EACE;AhC0+DJ;;AgCr+DA;EACE;AhCw+DF;;AiCl/DA;AACA;EAEE;AjCo/DF;AiCj/DE;EACE;EACA;AjCm/DJ;AiCh/DE;E1BHA;EACA;EACA;E0BIE;EACA;EACA;AjCm/DJ;AiCj/DI;EACE;EACA;EACA;AjCm/DN;ASl9DI;EwBpCA;IAMI;EjCo/DN;AACF;ASv9DI;EwBpCA;IAUI;EjCq/DN;AACF;AS59DI;EwBpCA;IAcI;IACA;EjCs/DN;AACF;AiCp/DM;EACE;AjCs/DR;AiCn/DM;E1BgFJ;E0B9EM,uB5BvCA;E4BwCA;EACA;EACA;EACA;EACA;EACA;EACA;AjCq/DR;AiCn/DQ;EpBqGN,cR3JU;AL4iEZ;Aa/4DE;EAEE,cR/JQ;AL+iEZ;Aa74DE;EAEE,WRlKO;EQmKP;Ab84DJ;AO15DE;EACE;EACA;EAGE;AP05DN;AO/5DE;EACE;EACA;EAGE;AP+5DN;AOp6DE;EACE;EACA;EAGE;APo6DN;AiCxgEQ;EACE;EACA;AjC0gEV;AiCvgEQ;EACE;EACA;EACA;AjCygEV;AiCjlEE;EACE;AjCmlEJ;AiChlEE;EACE,c5BgBQ;ALkkEZ;AiCvlEE;EACE;AjCylEJ;AiCtlEE;EACE,c5B4BG;AL4jEP;AiC7lEE;EACE;AjC+lEJ;AiC5lEE;EACE,c5BeS;AL+kEb;AiCnmEE;EACE;AjCqmEJ;AiClmEE;EACE,c5BsBU;AL8kEd;AiCzmEE;EACE;AjC2mEJ;AiCxmEE;EACE,c5BqBW;ALqlEf;AiC/mEE;EACE;AjCinEJ;AiC9mEE;EACE,c5BiBE;AL+lEN;;AiC9gEA;AAEE;EAIE;AjC6gEJ;AiC1gEE;EACE;EACA;EACA;EACA;AjC4gEJ;ASjkEI;EwBiDF;IAQI;EjC4gEJ;EiC1gEI;IACE;EjC4gEN;EiCzgEI;IACE;EjC2gEN;AACF;AS5kEI;EwBiDF;IAoBI;EjC2gEJ;EiCzgEI;IACE;EjC2gEN;EiCxgEI;IACE;EjC0gEN;EiCvgEI;IACE;EjCygEN;AACF;AiCtgEI;EACE;EACA;AjCwgEN;AiCtgEM;EAEE;EACA;EACA;AjCugER;AiCrgEQ;EACE;EACA;EACA;EACA;EACA;AjCugEV;AiC7/DQ;EACE;AjC+/DV;AiC5/DQ;EACE,c5B3KE;ALyqEZ;;AiCv/DA;AAEE;EACE;AjCy/DJ;AiCt/DE;EACE;AjCw/DJ;ASxnEI;EwB+HF;IAII;EjCy/DJ;AACF;AS7nEI;EwB+HF;IAQI;EjC0/DJ;AACF;AiCx/DI;EACE;AjC0/DN;ASroEI;EwB0IA;IAII;EjC2/DN;AACF;AiCx/DI;EACE;AjC0/DN;AiCx/DM;EACE;EACA;EACA;EACA;EACA;AjC0/DR;AiCv/DM;EACE;EACA;AjCy/DR;AiCt/DM;EACE;AjCw/DR;;AkC3tEA;;;EAAA;AAMA;EACE;EACA;AlC4tEF;;AkCztEA;EACE;EACA;AlC4tEF;;AkCztEA;EACE;AlC4tEF;;AkCztEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA,uB7BdM;E6BeN;AlC4tEF;ASxrEI;EyB5CJ;IAWI;IACA;ElC6tEF;AACF;AS9rEI;EyB5CJ;IAgBI;IACA;ElC8tEF;AACF;AkC5tEE;EpBIA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;Ad2tEF;AcztEE;EACE,WT7CO;ALwwEX;AcztEI;EACE,cAd8I;AdyuEpJ;AkCxuEE;;EAEE;AlC0uEJ;;AsB5wEE;EACE,sBjBJO;EiBKP,YARO;EASP;EACA,YjBHI;EiBIJ;EACA,iBYiCmE;EZhCnE;EACA,arBHI;EqBIJ,oBY8BuB;EZ7BvB,mBAZY;EAaZ;EACA;EACA;EACA;AtB+wEJ;AsB5wEE;EACE,YjBjBI;AL+xER;AsB3wEE;EACE;EACA,YjBtBI;ALmyER;AOhpEE;EACE;EACA;APkpEJ;AOppEE;EACE;EACA;APspEJ;AkClwEE;E3BkCA;EACA;E2BhCE;EACA;AlCowEJ;AS9vEI;EyBdJ;IAYI;IACA;ElCowEF;AACF;;AmCp0EA;;;EAAA;AjCsLE;EAGE;AFmpEJ;AS5wEI;EPsHF;IAYM;EF8oEN;AACF;ASjxEI;EPsHF;IAmBM;EF4oEN;AACF;AEhqEE;EAGE;AFgqEJ;ASzxEI;EPsHF;IAYM;EF2pEN;AACF;AS9xEI;EPsHF;IAmBM;EFypEN;AACF;AmCz1EE;EACE;EACA;EACA;AnC21EJ;ASxyEI;E0BtDF;IAMI;EnC41EJ;EEtrEA;IAGE;EFsrEF;AACF;AShzEI;EPsHF;IAYM;EFkrEN;AACF;ASrzEI;EPsHF;IAmBM;EFgrEN;AACF;AS1zEI;EPsHF;IAGE;EFqsEF;AACF;AS/zEI;EPsHF;IAYM;EFisEN;AACF;ASp0EI;EPsHF;IAmBM;EF+rEN;AACF;ASz0EI;E0BtDF;IAeI;IACA;EnCo3EJ;EExtEA;IAGE;EFwtEF;AACF;ASl1EI;EPsHF;IAYM;EFotEN;AACF;ASv1EI;EPsHF;IAmBM;EFktEN;AACF;AS51EI;EPsHF;IAGE;EFuuEF;AACF;ASj2EI;EPsHF;IAYM;EFmuEN;AACF;ASt2EI;EPsHF;IAmBM;EFiuEN;AACF;;AmCv4EA;EACE,uB9BxBM;E8ByBN;EACA;EACA;EACA;EACA;EACA;AnC04EF;AmCx4EE;EACE;EACA;EACA;EACA,c9BjCO;E8BkCP;EACA;AnC04EJ;AmCx4EI;EACE;AnC04EN;AmCv4EI;EAGE,W9BnDK;E8BoDL;AnCu4EN;AmCr4EM;EACE,W9BvDG;AL87EX;AmCl4EE;EACE;EACA,c9BvDO;E8BwDP;AnCo4EJ;AmCj4EE;EACE;EACA,W9BpEO;ALu8EX;AmCh4EE;EACE;EACA;EACA;AnCk4EJ;;AmC73EE;EACE;EACA,c9BxDG;E8ByDH;AnCg4EJ;;AoC39EA;EACE;EACA;EACA;ApC89EF;AoC59EE;EACE;ApC89EJ;AoC39EE;;EAEE;EACA;EACA;EACA;ApC69EJ;AoC19EE;;EAEE;EACA;EACA;ApC49EJ;AoCv9EI;EACE;ApCy9EN;AoCr9EI;EACE,Y/BfE;E+BgBF,yB/BNS;AL69Ef;AoCr9EM;EACE,Y/BnBA;AL0+ER;AoCn9EI;EACE;EACA,c/BpBM;E+BqBN;ApCq9EN;AoCl9EI;EACE;ApCo9EN;AoCl9EM;EACE,yB/B5BI;E+B6BJ,Y/BtCA;AL0/ER;AoC/8EI;EACE;ApCi9EN;AS18EI;E2BhEJ;IA8DI;IACA;EpCg9EF;EoC98EE;;;IAGE;IACA;IACA;IACA;EpCg9EJ;EoC78EE;IACE;IACA;EpC+8EJ;EoC78EI;IACE;EpC+8EN;EoC58EI;IACE;IACA;IACA;EpC88EN;EoC38EI;IACE;IACA,sB/BrDO;ELkgFb;AACF;;AoCx8EA;EACE;ApC28EF;;AqC5iFA;;;EAAA;AAKA;EACE;EACA,chC2BK;EgC1BL;ArC8iFF;;AqC3iFA;EACE;EACA;EACA;ArC8iFF;AqC5iFE;EACE;ArC8iFJ;AqC3iFE;EACE;EACA;EACA;EACA;EACA;ArC6iFJ;AqC3iFI;EACE;EACA;ArC6iFN;AS1gFI;E4BrCA;IAKI;ErC8iFN;AACF;AqC5iFM;EACE;ArC8iFR;AqC1iFI;EACE;EACA;EACA;ArC4iFN;AqCziFI;EACE,yBhCjCM;AL4kFZ;AqCxiFI;EACE;EACA;ArC0iFN;;AsC9lFA;;;;;;;EAAA;AASE;EACE;AtCgmFJ;AsC7lFE;EACE;AtC+lFJ;;AuC7mFA;;;EAAA;AAKA;EACE;AvC+mFF;AuC7mFE;EACE;AvC+mFJ;AuC5mFE;EACE;EACA;AvC8mFJ;AS5jFI;E8BpDF;IAKI;EvC+mFJ;AACF;AuC5mFE;EACE;AvC8mFJ;ASpkFI;E8B3CF;IAII;EvC+mFJ;AACF;AuC5mFE;EACE;EACA,YlClBI;EkCmBJ;EACA;AvC8mFJ;AuC3mFE;;EAEE,clCtBO;EkCuBP;EACA;EACA;AvC6mFJ;AuC3mFI;;EACE,clCxBM;ALsoFZ;AuC1mFE;EACE;AvC4mFJ;AO7/EE;EACE;EACA;EAGE;AP6/EN;AuC5mFM;EACE;AvC8mFR;AuCzmFE;EACE;AvC2mFJ;AOxgFE;EACE;EACA;EAGE;APwgFN;AuC5mFI;EACE;AvC8mFN;AOhhFE;EACE;EACA;EAGE;APghFN;ASrnFI;E8BJF;IAYI;EvCinFJ;AACF;AuC9mFE;;EAEE;EACA,yBlCxEQ;EkCyER;AvCgnFJ;;AuC5mFA;AAEE;EACE,yBlCzEQ;EkC0ER,clCjFQ;AL+rFZ;AuC3mFE;EAEE;EACA;AvC4mFJ;AuCzmFI;EACE,clC3FM;ALssFZ;;AwC7sFA;;;EAAA;AAKA;EACE,yBnCCU;EmCAV;AxC+sFF;AwC7sFE;EACE;AxC+sFJ;AwC5sFE;EACE;EACA,YnCFI;EmCGJ;EACA;AxC8sFJ;;AwC1sFA;EACE;EACA;EACA;EACA;EAEA;EAaA;EA8CA;AxCmpFF;AwC7sFE;;EAGE;EACA;EACA;AxC8sFJ;AwC3sFE;EACE;AxC6sFJ;AwCvsFE;EACE;AxCysFJ;ASrrFI;E+BjBE;IACE;ExCysFN;AACF;AwCtsFI;EAEE;AxCusFN;AwClsFI;;EAEE;AxCosFN;AwChsFE;;EAEE;AxCksFJ;AwC/rFE;EACE;EACA;EACA;AxCisFJ;AsB9vFE;EACE,sBjBJO;EiBKP,YARO;EASP;EACA,YjBHI;EiBIJ;EACA,gBATU;EAUV;EACA,aAZQ;EAaR,YkBsDyB;ElBrDzB,mBAZY;EAaZ;EACA;EACA;EACA;AtBgwFJ;AsB7vFE;EACE,YjBjBI;ALgxFR;AsB5vFE;EACE;EACA,YjBtBI;ALoxFR;AOjoFE;EACE;EACA;APmoFJ;AOroFE;EACE;EACA;APuoFJ;AwC5tFI;EACE;AxC8tFN;AwC3tFI;EACE;AxC6tFN;AS/uFI;E+B3CJ;IAuEI;ExCutFF;EwC3tFE;IACE;ExC6tFJ;EwCztFE;IACE;IACA;IACA;ExC2tFJ;EwCxtFE;IACE;IACA;IACA;ExC0tFJ;EwCxtFI;IACE;ExC0tFN;EwCttFE;IACE;IACA;ExCwtFJ;AACF;;AwCptFA;AAEA;EACE;EACA;EACA;AxCstFF;;AwCntFA;AAEA;EACE;EAEA;EACA;EACA;EACA;E3B8BA,cR3JU;ALk1FZ;AarrFE;EAEE,cR/JQ;ALq1FZ;AanrFE;EAEE,WRlKO;EQmKP;AborFJ;AOhsFE;EACE;EACA;EAGE;APgsFN;AOrsFE;EACE;EACA;EAGE;APqsFN;AO1sFE;EACE;EACA;EAGE;AP0sFN;AwCvuFE;E3BnDA,YRxEM;EQyEN;Ab6xFF;Aa3xFE;EAEE,YR7EI;ALy2FR;AazxFE;EAEE,cR3EQ;EQ4ER;Ab0xFJ;AO1tFE;EACE;EACA;EAGE;AP0tFN;AO/tFE;EACE;EACA;EAGE;AP+tFN;AwCvvFI;EACE;AxCyvFN;AwCtvFI;EACE;AxCwvFN;AwCpvFE;EACE;AxCsvFJ;AwCpvFI;EACE;AxCsvFN;ASh1FI;E+B8DJ;IAiCI;IACA;IACA;IACA;ExCqvFF;EwCnvFE;IACE;ExCqvFJ;EwClvFE;IACE;ExCovFJ;AACF;;AwC9uFI;EACE;AxCivFN;AwC9uFI;EACE;AxCgvFN;AwC5uFE;EACE;AxC8uFJ;;AwC1uFA;AAEA;EACE;EACA;EACA;EACA;EACA;EACA,iBnCzLM;EmC0LN,cnChMU;EmCiMV;EACA;AxC4uFF;ASr3FI;E+BgIJ;IAeI;ExC0uFF;AACF;AS13FI;E+BgIJ;IAoBI;ExC0uFF;AACF;AS/3FI;E+BuJF;IAGI;ExCyuFJ;AACF;ASp4FI;E+BuJF;IAQI;ExCyuFJ;AACF;ASz4FI;E+BuJF;IAaI;ExCyuFJ;AACF;AwCtuFE;EACE;EACA;EACA;AxCwuFJ;AwCtuFI;;EAEE;EACA;EACA;EACA;AxCwuFN;AwCruFI;EACE;AxCuuFN;AS75FI;E+B0LE;IACE;IACA;ExCsuFN;EwCnuFI;IACE;IACA;ExCquFN;AACF;;AwChuFA;AAEE;EACE,yBnC5PQ;EmC6PR,cnCpQQ;ALs+FZ;AwC/tFE;EACE;EACA;EACA;AxCiuFJ;AwC/tFI;EACE;AxCiuFN;;AyCr/FA;EACE;EACA;EACA;AzCw/FF;AyCt/FE;EACE;AzCw/FJ;;AyCp/FA;;EAEE;EACA;EACA;AzCu/FF;;AyCp/FA;EACE;EACA;EACA;AzCu/FF;;AyCl/FA;;;;EAIE;EACA;EACA;AzCq/FF;;AyCl/FA;;EAEE;EACA;AzCq/FF;;AyCl/FA;EACE;AzCq/FF;;AyCl/FA;AACA;EACE,yBpCLS;EoCMT,YpClCM;EoCmCN;EACA;AzCq/FF;;AyCl/FA;AACA;EACE;AzCq/FF;;AyCl/FA;EACE;AzCq/FF;;AyCl/FA;AACA;EACE;EACA,WpCxBY;EoCyBZ;AzCq/FF;;AyCl/FA;AAEE;EAEE;EACA;EACA;AzCm/FJ;;AyC/+FA;EACE;AzCk/FF;;AyC/+FA;EACE;AzCk/FF;;AyC/+FA;AAEA;EACE;EACA;EACA;EACA;AzCi/FF;AyC/+FE;EACE;EACA,cpCzFQ;EoC0FR;EACA;EACA;AzCi/FJ;;AyC7+FA;AACA;EACE;EACA;AzCg/FF;;AyC7+FA;EAEE;EACA,yCpClEe;EoCmEf,YpCpGM;EoCqGN;EACA;AzC++FF;AyC7+FE;EACE,yBpCpFG;EoCqFH;AzC++FJ;;AyC3+FA;EACE;EACA;AzC8+FF;;AyC3+FA;EACE;EACA,WpCzHS;EoC0HT;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AzC8+FF;AyC5+FE;EACE,cpCzHS;ALumGb;;AyC1+FA;EACE,WpC1IS;EoC2IT;EACA;AzC6+FF;AyC3+FE;EACE;AzC6+FJ;AyC1+FE;ElCzDA;EACA;EACA;EACA;EACA;EACA;APsiGF;;AyC7+FA;EACE;EACA;AzCg/FF;;A0CjpGE;EACE;A1CopGJ;A0CjpGE;EACE;A1CmpGJ;A0ChpGE;EACE;A1CkpGJ;A0ChpGI;EACE;EACA;EACA;A1CkpGN;A0C/oGI;EACE;A1CipGN;A0C7oGE;;EAEE;EACA;A1C+oGJ;A0C5oGE;EACE;EACA;A1C8oGJ;A0C5oGI;EACE;EACA,crCqBG;EqCpBH;A1C8oGN;A0C3oGI;EACE;EACA;A1C6oGN;A0CzoGE;;;;EAIE;EACA;A1C2oGJ;;A2C7rGA;EACE;EACA,yBtCoBU;EsCnBV,YtCUM;ALsrGR;AEljGE;EAGE;AFkjGJ;AStoGI;EPiFF;IAYM;EF6iGN;AACF;AS3oGI;EPiFF;IAmBM;EF2iGN;AACF;AE/jGE;EAGE;AF+jGJ;ASnpGI;EPiFF;IAYM;EF0jGN;AACF;ASxpGI;EPiFF;IAmBM;EFwjGN;AACF;AE5kGE;EAGE;AF4kGJ;AShqGI;EPiFF;IAYM;EFukGN;AACF;ASrqGI;EPiFF;IAmBM;EFqkGN;AACF;AEzlGE;EAGE;AFylGJ;AS7qGI;EPiFF;IAYM;EFolGN;AACF;ASlrGI;EPiFF;IAmBM;EFklGN;AACF;A2C7uGE;;EAEE;EACA;EACA;EACA;EACA,YtCHI;ALkvGR;A2C5uGE;EACE;EACA;EACA;A3C8uGJ;A2C5uGI;EACE;A3C8uGN;A2C1uGE;EACE;EACA;A3C4uGJ;A2C1uGI;EACE;EACA;A3C4uGN;A2CxuGE;EACE;A3C0uGJ;A2CvuGE;E9BgJA,YR9KM;EQ+KN;Ab0lGF;AaxlGE;EAEE,YRnLI;AL4wGR;AatlGE;EAEE,cRjLQ;EQkLR;AbulGJ;AO7nGE;EACE;EACA;EAGE;AP6nGN;AOloGE;EACE;EACA;EAGE;APkoGN;A2CzvGI;EACE;A3C2vGN;A2CvvGE;EACE;EACA,uBtCxCI;EsCyCJ,ctCtCO;AL+xGX;AE9pGE;EAGE;AF8pGJ;ASlvGI;EPiFF;IAYM;EFypGN;AACF;ASvvGI;EPiFF;IAmBM;EFupGN;AACF;AE3qGE;EAGE;AF2qGJ;AS/vGI;EPiFF;IAYM;EFsqGN;AACF;ASpwGI;EPiFF;IAmBM;EFoqGN;AACF;AExrGE;EAGE;AFwrGJ;AS5wGI;EPiFF;IAYM;EFmrGN;AACF;ASjxGI;EPiFF;IAmBM;EFirGN;AACF;AErsGE;EAGE;AFqsGJ;ASzxGI;EPiFF;IAYM;EFgsGN;AACF;AS9xGI;EPiFF;IAmBM;EF8rGN;AACF;A2CpyGI;EACE,yBtC1CM;EsC2CN,YtCpDE;AL01GR;AEttGE;EAGE;AFstGJ;AS1yGI;EPiFF;IAYM;EFitGN;AACF;AS/yGI;EPiFF;IAmBM;EF+sGN;AACF;AEnuGE;EAGE;AFmuGJ;ASvzGI;EPiFF;IAYM;EF8tGN;AACF;AS5zGI;EPiFF;IAmBM;EF4tGN;AACF;AEhvGE;EAGE;AFgvGJ;ASp0GI;EPiFF;IAYM;EF2uGN;AACF;ASz0GI;EPiFF;IAmBM;EFyuGN;AACF;AE7vGE;EAGE;AF6vGJ;ASj1GI;EPiFF;IAYM;EFwvGN;AACF;ASt1GI;EPiFF;IAmBM;EFsvGN;AACF;A2Cl1GI;EACE;EACA;A3Co1GN;A2Cj1GI;EACE;EACA;A3Cm1GN;A2Ch1GI;E9BhEF,WRVS;EQWT;Abm5GF;Aaj5GE;EAEE,WRfO;ALi6GX;Aa/4GE;EAEE,cRtBQ;EQuBR;Abg5GJ;AO9wGE;EACE;EACA;EAGE;AP8wGN;ASn3GI;EkCbF;IAqCI;IACA;E3C+1GJ;AACF;;A2C31GA;EACE;A3C81GF;A2C51GE;EACE;EACA;EACA;EACA;EACA;A3C81GJ;A2C51GI;EACE;A3C81GN;A2C31GI;EACE;A3C61GN;A2C31GM;E9BsBJ,YRxHM;EQyHN;Abw0GF;Aat0GE;EAEE,YR7HI;ALo8GR;Aap0GE;EAEE,cRjIQ;EQkIR;Abq0GJ;AOrzGE;EACE;EACA;EAGE;APqzGN;AO1zGE;EACE;EACA;EAGE;AP0zGN;;A4C/9GA;;;;;;EAAA;A1C0NE;;EAIE,qBAHc;AFgxGlB;AS36GI;EP0JF;;IAUI;EF4wGJ;AACF;ASj7GI;EP0JF;;IAuBI,2DANU;EF2wGd;AACF;AE7xGE;;EAIE,oBAHc;AFgyGlB;AS37GI;EP0JF;;IAUI;EF4xGJ;AACF;ASj8GI;EP0JF;;IAuBI,0DANU;EF2xGd;AACF;ASv8GI;EmCxDJ;;IAMI;E5C8/GF;AACF;;A4C3/GA;EACE;A5C8/GF;A4C5/GE;;EAEE;EACA;A5C8/GJ;ASt9GI;EmCpCA;IACE;E5C6/GJ;E4C1/GE;IACE;E5C4/GJ;AACF;A4Cz/GE;EACE;EACA,sBvC9BO;EuC+BP,YvC3BI;EuC4BJ;EACA;EACA;EACA;A5C2/GJ;A4Cx/GE;EACE;EACA;EACA;A5C0/GJ;AS5+GI;EmCjBF;IAMI;IACA;E5C2/GJ;AACF;A4Cz/GI;EACE;EACA;EACA,cvC5CK;ALuiHX;A4Cx/GI;EACE;EACA;EACA;EACA;A5C0/GN;A4Cx/GM;EACE,cvCvDG;ALijHX;A4Cr/GE;EACE;A5Cu/GJ;A4Cp/GE;EACE,yBvCtDI;EuCuDJ;EACA;A5Cs/GJ;A4Cp/GI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;A5Cs/GN;A4Cn/GI;E/BuCF,YRxHM;EQyHN;Ab+8GF;Aa78GE;EAEE,YR7HI;AL2kHR;Aa38GE;EAEE,cRjIQ;EQkIR;Ab48GJ;AO57GE;EACE;EACA;EAGE;AP47GN;AOj8GE;EACE;EACA;EAGE;APi8GN;AsB1lHE;EACE,sBjBJO;EiBKP,uBA8CyE;EA7CzE;EACA,YjBHI;EiBIJ;EACA,gBATU;EAUV;EACA,aAZQ;EAaR,cAdQ;EAeR,mBAZY;EAaZ;EACA;EACA;EACA;AtB4lHJ;AsBzlHE;EACE,YjBjBI;AL4mHR;AsBxlHE;EACE;EACA,YjBtBI;ALgnHR;AO79GE;EACE;EACA;AP+9GJ;AOj+GE;EACE;EACA;APm+GJ;AsBvkHE;EACE;AtBykHJ;A4CliHI;EACE;EACA;EACA;A5CoiHN;A4CliHM;EACE;EACA;A5CoiHR;ASjlHI;EmC2CE;IAKI;E5CqiHR;AACF;A4CniHQ;EACE;A5CqiHV;A4CliHQ;EACE;A5CoiHV;A4C/hHI;EACE;A5CiiHN;A4C9hHI;EACE;EACA;A5CgiHN;A4C7hHI;EACE;A5C+hHN;AE58GE;EAIE,qBAHc;AF88GlB;ASzmHI;EP0JF;IAUI;EFy8GJ;AACF;AS9mHI;EP0JF;IAuBI,2DANU;EFu8Gd;AACF;AEz9GE;EAIE,oBAHc;AF29GlB;AStnHI;EP0JF;IAUI;EFs9GJ;AACF;AS3nHI;EP0JF;IAuBI,0DANU;EFo9Gd;AACF;AShoHI;EmC2EF;IAKI;IACA;E5CojHJ;AACF;A4C7iHE;EACE;EACA;EACA;A5C+iHJ;AS3oHI;EmCyFF;IAMI;E5CgjHJ;AACF;A4C9iHI;EACE;EACA;A5CgjHN;ASppHI;EmCkGA;IAKI;E5CijHN;AACF;ASzpHI;EmCkGA;IASI;E5CkjHN;AACF;AS9pHI;EmCkGA;IAaI;E5CmjHN;AACF;A4ChjHI;EACE;EACA;A5CkjHN;A4C/iHI;EACE;EACA;A5CijHN;A4C/iHM;EACE;A5CijHR;A4C5iHE;EACE;EACA;EACA;A5C8iHJ;ASnrHI;EmCkIF;IAMI;E5C+iHJ;AACF;A4C7iHI;EACE;A5C+iHN;AS3rHI;EmC2IA;IAII;E5CgjHN;AACF;A4C5iHI;EACE;EACA;EACA;A5C8iHN;A4C5iHM;EACE;A5C8iHR;A4C1iHI;EACE;EACA;A5C4iHN;;A6C5wHA;;;EAAA;AAKA;EACE;EACA;A7C8wHF;A6C5wHE;EACE;EACA;EACA;EACA;EACA,e5CwCkB;E4CvClB,kB5CuCkB;ADuuHtB;AS7tHI;EoCvDF;IASI,e5C6BgB;I4C5BhB,kB5C4BgB;EDmvHpB;AACF;;A8CnyHA;;;EAAA;AAKA;EACE;A9CqyHF;;A8ClyHA;EACE;A9CqyHF;A8CnyHE;EvCMA;EACA;EACA;APgyHF;A8CpyHE;EACE;A9CsyHJ;ASvvHI;EqChDF;IAII;E9CuyHJ;E8CryHI;IACE;IACA;IACA;E9CuyHN;AACF;;ASjwHI;EqCjCJ;IAEI;IACA;E9CqyHF;AACF;;A+Cx0HA;EACE;EACA;A/C20HF;A+Cz0HE;EACE;A/C20HJ;AOhrHE;EACE;EACA;APkrHJ;A+Cv0HE;EACE;EACA;A/Cy0HJ;AOxrHE;EACE;EACA;AP0rHJ;AS5xHI;EsCxCE;IACE;E/Cu0HN;E+Cp0HI;IACE;IACA;E/Cs0HN;E+Cn0HI;IACE;E/Cq0HN;E+Cl0HI;IACE;IACA;E/Co0HN;E+Cj0HI;IACE;E/Cm0HN;AACF;AS/yHI;EsChEJ;IAiDI;E/Ck0HF;AACF;A+Ch0HE;EAEE,kC1CZgB;E0CahB,Y1C1CI;E0C2CJ;EACA;EACA;EACA;EACA;EACA;EACA;A/Ci0HJ;A+C/zHI;EAGE;EACA;EACA,c1CjDM;ALg3HZ;A+C3zHE;EACE;EACA;EACA,yB1CrEQ;ALk4HZ;ASz0HI;EsCSF;IAMI;E/C8zHJ;AACF;A+C5zHI;EACE;EACA;EACA;A/C8zHN;A+C5zHM;EACE;EACA;EACA;A/C8zHR;A+C5zHQ;EACE;EACA;EACA;A/C8zHV;A+C1zHM;EACE;EACA;EACA;A/C4zHR;A+CvzHE;EACE;A/CyzHJ;ASr2HI;EsC2CF;IAII;IACA;IACA;IACA;E/C0zHJ;AACF;A+CvzHE;EACE,c1CnGQ;AL45HZ;A+CvzHI;EACE;A/CyzHN;A+CrzHE;EACE;EACA;EACA;EACA,uB1CrHI;AL46HR;ASz3HI;EsC8DF;IAOI;E/CwzHJ;AACF;A+CtzHI;EACE;EACA;EACA;A/CwzHN;ASn4HI;EsCwEA;IAMI;E/CyzHN;AACF;A+CvzHM;EACE;A/CyzHR;AS34HI;EsCsFI;IACE;E/CwzHR;E+CrzHM;IACE;E/CuzHR;E+CpzHM;IACE;E/CszHR;AACF;;AgDt9HA;EACE;EACA;EACA;AhDy9HF;;AgDt9HA;EACE;EACA;AhDy9HF;AgDv9HE;EACE;EACA;AhDy9HJ;AgDv9HI;EACE;AhDy9HN;;AiDx+HA;;;EAAA;AAKA;EACE;EACA;EACA;EACA;EACA,Y5CGM;E4CFN;EpC0EA,YRxEM;EQyEN;Abi6HF;Aa/5HE;EAEE,YR7EI;AL6+HR;Aa75HE;EAEE,cR3EQ;EQ4ER;Ab85HJ;AO91HE;EACE;EACA;EAGE;AP81HN;AOn2HE;EACE;EACA;EAGE;APm2HN;AiDx/HE;EAXF;IAYI;EjD2/HF;AACF;;AiDx/HA;EACE;EACA;EACA;EACA;AjD2/HF;;AiDv/HA;EACE;EACA;EACA;AjD0/HF;;AiDv/HA;EACE;EACA;AjD0/HF;AiDx/HE;EACE;AjD0/HJ;;AiDt/HA;EACE;EACA;AjDy/HF;AiDv/HE;EACE;AjDy/HJ;;AkD1iIA;;;EAAA;AAKA;E3CaE;EACA;EACA;E2CZA;AlD6iIF;;AkD1iIA;EACE;EACA;EACA;AlD6iIF;AkD3iIE;EACE;AlD6iIJ;AkD1iIE;EACE,c7CdQ;AL0jIZ;AkD1iII;EACE;AlD4iIN;;AkDviIA;EACE;ErCXA,WRVS;EQWT;AbsjIF;AapjIE;EAEE,WRfO;ALokIX;AaljIE;EAEE,cRtBQ;EQuBR;AbmjIJ;AOj7HE;EACE;EACA;EAGE;APi7HN;;AmDtlIA;E5CkBE;EACA;EACA;APwkIF;;AmDxlIA;EACE;AnD2lIF;AShiII;E0C5DJ;IAII;IACA;EnD4lIF;AACF;AmD1lIE;EACE;AnD4lIJ;;AmDxlIA;EACE;EACA;EACA;EACA;EACA;AnD2lIF;;AoDjnIA;;;EAAA;AAKA;EACE,uB/COM;AL4mIR;ASzjII;E2C3DJ;IAII;EpDonIF;AACF;AoDlnIE;EACE,yB/CaI;E+CZJ,Y/CDI;ALqnIR;AEj/HE;EAGE;AFi/HJ;ASrkII;EPiFF;IAYM;EF4+HN;AACF;AS1kII;EPiFF;IAmBM;EF0+HN;AACF;AE9/HE;EAGE;AF8/HJ;ASllII;EPiFF;IAYM;EFy/HN;AACF;ASvlII;EPiFF;IAmBM;EFu/HN;AACF;AE3gIE;EAGE;AF2gIJ;AS/lII;EPiFF;IAYM;EFsgIN;AACF;ASpmII;EPiFF;IAmBM;EFogIN;AACF;AExhIE;EAGE;AFwhIJ;AS5mII;EPiFF;IAYM;EFmhIN;AACF;ASjnII;EPiFF;IAmBM;EFihIN;AACF;AoDjqII;EvCgHF,YRxHM;EQyHN;AbojIF;AaljIE;EAEE,YR7HI;ALgrIR;AahjIE;EAEE,cRjIQ;EQkIR;AbijIJ;AOjiIE;EACE;EACA;EAGE;APiiIN;AOtiIE;EACE;EACA;EAGE;APsiIN;AoDnrIM;EACE;ApDqrIR;AoDhrIE;EACE;ApDkrIJ;AoDhrII;EACE;ApDkrIN;AoD9qIE;EACE;E7CrBF;EACA;EACA;APssIF;AEzkIE;EAGE;AFykIJ;AS7pII;EPiFF;IAYM;EFokIN;AACF;ASlqII;EPiFF;IAmBM;EFkkIN;AACF;AEtlIE;EAGE;AFslIJ;AS1qII;EPiFF;IAYM;EFilIN;AACF;AS/qII;EPiFF;IAmBM;EF+kIN;AACF;AEnmIE;EAGE;AFmmIJ;ASvrII;EPiFF;IAYM;EF8lIN;AACF;AS5rII;EPiFF;IAmBM;EF4lIN;AACF;AEhnIE;EAGE;AFgnIJ;ASpsII;EPiFF;IAYM;EF2mIN;AACF;ASzsII;EPiFF;IAmBM;EFymIN;AACF;AoD/tII;;EAEE,c/CvBE;E+CwBF;ApDiuIN;AoD9tII;EACE;ApDguIN;AoD7tII;EACE;EACA,c/CjCE;E+CkCF;ApD+tIN;;AqD1xIA;E9CiBE;EACA;EACA;AP6wIF;ASjuII;E4C/DJ;IAII;ErDgyIF;AACF;;AqD5xIA;EACE;ArD+xIF;AqD7xIE;EACE;ArD+xIJ;;AqD3xIA;EACE;ArD8xIF;;AqDzxIE;EACE;ArD4xIJ;;AqDvxIA;EACE;EACA;ArD0xIF;AqDxxIE;EAEE;ArDyxIJ;;AsD7zIA;;;EAAA;ACCA;EACE;EACA;EACA;EACA;AvDm0IF;ASxwII;E8C/DJ;IAOI;IACA;EvDo0IF;EuDl0IE;IACE;IACA;IACA,clD2BK;ELyyIT;AACF;;AwDl1IA;EACE,YnDWM;EmDVN;EACA;EACA;EACA;EACA;EACA;AxDq1IF;AS7xII;E+C/DJ;IAUI;IACA;IACA;IACA;IACA;IACA;IACA;ExDs1IF;AACF;;AwDn1IA;;EAEE,YnDVM;ALg2IR;AwDp1IE;;;EAEE,WnDUW;AL60If;AwDp1IE;;EACE,cnDVS;ALi2Ib;;AyDt3IA;EACE;AzDy3IF;;AyDt3IA;ElDcE;EACA;EACA;EkDbA;AzD03IF;;AyDv3IA;EACE;EACA;AzD03IF;ASt0II;EgDtDJ;IAKI;EzD23IF;AACF;;AyDx3IA;;;E5CAE,WRVS;EQWT;Ab83IF;Aa53IE;;;;;EAEE,WRfO;ALg5IX;Aa93IE;;;;;EAEE,cRtBQ;EQuBR;Abm4IJ;AOjwIE;;;EACE;EACA;EAGE;APmwIN;AyDh5IE;;;E5CLA,WRVS;EQWT;Ab05IF;Aax5IE;;;;;EAEE,WRfO;AL46IX;Aa15IE;;;;;EAEE,cRtBQ;EQuBR;Ab+5IJ;AO7xIE;;;EACE;EACA;EAGE;AP+xIN;AyDx6IE;;;EACE,cpDtBQ;ALk8IZ;;AyDx6IA;;EAEE;E5ChBA,WRVS;EQWT;Ab47IF;Aa17IE;;;EAEE,WRfO;AL48IX;Aa17IE;;;EAEE,cRtBQ;EQuBR;Ab67IJ;AO3zIE;;EACE;EACA;EAGE;AP4zIN;AyD17IE;;EACE;AzD67IJ;AyD17IE;;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AzD67IJ;AyDz7II;;EACE,0BpDnCO;AL+9Ib;;AyDt7IE;EACE;EACA,wBpDvDO;ALg/IX;AyDr7II;EACE;EACA,2BpDjDO;ALw+Ib;;A0D7/IA;EACE;A1DggJF;;A0D7/IA;EACE;EACA;EAEA;EACA;EACA;EACA;EACA;A1D+/IF;A0D7/IE;EACE;A1D+/IJ;;A0D3/IA;EACE;A1D8/IF;A0D5/IE;EACE;A1D8/IJ;;A2DtgJA;EACE;EACA;A3DygJF;A2DzhJE;EACE;EACA;A3D2hJJ;A2DzhJI;EACE;A3D2hJN;A2DhiJE;EACE;EACA;A3DkiJJ;A2DhiJI;EACE;A3DkiJN;A2DviJE;EACE;EACA;A3DyiJJ;A2DviJI;EACE;A3DyiJN;A2DhhJE;EACE;A3DkhJJ;A2D/gJE;EACE;A3DihJJ;A2D9gJE;EACE;EACA;A3DghJJ;A2D9gJI;EACE;A3DghJN;;A4D5jJA;EACE;EACA;EACA;EACA;A5D+jJF;ASngJI;EmDzDA;IACE;E5D+jJJ;AACF;ASxgJI;EmDnDA;IACE;E5D8jJJ;AACF;A4D3jJE;EACE;EACA;EACA;A5D6jJJ;;A6DllJA;EACE;A7DqlJF;A6DnlJE;EACE;A7DqlJJ;A6DllJE;EACE;EACA,yBxDKQ;AL+kJZ;A6DllJI;;;EAGE,cxD+BS;ALqjJf;A6DjlJI;EACE,cxDGO;ALglJb;A6DhlJI;EACE;A7DklJN;;A8DxmJA;;;EAAA;AAKA;EACE;EACA;EACA;EACA;EACA;EACA;A9D0mJF;;A8DvmJA;EACE;EACA;EACA;EACA;A9D0mJF;;A8DtmJE;EACE;EACA;EACA;EACA;EACA;EACA,WzDUS;EyDTT;A9DymJJ;A8DtmJE;EACE;A9DwmJJ;ASzkJI;EqDhCF;IAII;E9DymJJ;AACF;AS9kJI;EqDhCF;IAQI;E9D0mJJ;AACF;;A+DlpJE;EACE;EACA;EACA;EACA,c1D6BG;ALwnJP;A+DnpJI;EACE;A/DqpJN;A+DjpJE;EACE;EACA;A/DmpJJ;A+DhpJE;EACE;EACA;EACA;EACA;A/DkpJJ;A+D/oJI;EACE;A/DipJN;A+D9oJI;;EAEE;EACA;EACA;A/DgpJN;A+D7oJI;;EAEE;A/D+oJN;A+D5oJI;;EAEE;A/D8oJN;A+D5oJM;;EACE;A/D+oJR;A+D5oJM;;EACE;EACA,c1DhBD;AL+pJP;A+D3oJI;EACE;EACA;A/D6oJN;A+D3oJM;EACE;EjDfN;EACA;EACA;EACA;EACA;EACA;EACA;EACA;Ad6pJF;Ac3pJE;EACE,WT7CO;AL0sJX;Ac3pJI;EACE,cAd8I;Ad2qJpJ;A+DrpJI;EACE;A/DupJN;A+DppJI;EACE;EACA,c1DrCC;AL2rJP;A+DnpJI;EACE;A/DqpJN;A+DnpJM;;EAEE;A/DqpJR;A+DlpJM;EACE;EACA;A/DopJR;A+DhpJI;EACE;A/DkpJN;A+DhpJM;;EAEE;A/DkpJR;A+D/oJM;EACE;EACA;A/DipJR;A+D7oJI;EACE;A/D+oJN;A+D7oJM;;EAEE;A/D+oJR;A+D5oJM;EACE;EACA;A/D8oJR;A+D1oJI;EACE;A/D4oJN;A+D1oJM;EACE;EACA;A/D4oJR;A+DzoJM;EACE;EACA;A/D2oJR;A+DvoJM;EACE,c1DzGA;ALkvJR;A+DroJM;EACE,c1DhFC;ALutJT;A+DnoJM;EACE,c1DtHF;AL2vJN;A+D9nJM;;;;EAIE,c1DjHI;ALivJZ;A+D3nJM;EACE;A/D6nJR;A+D1nJM;EACE;EACA;EACA,c1DlID;AL8vJP;A+D1nJQ;EACE;A/D4nJV;A+DvnJI;EACE;EACA;A/DynJN;A+DtnJI;EACE;EACA;EjDvIJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AdgwJF;Ac9vJE;EACE,WT7CO;AL6yJX;Ac9vJI;EACE,cAd8I;Ad8wJpJ;ASzvJI;EF2GF;;;;;;IAME;IACA;EPipJF;EO9oJA;IAnFA;IACA;IACA;IACA;IACA;IACA;EPouJA;EOlpJA;;IAEE;IACA;IACA;IACA;IACA;EPopJF;EOjpJA;IACE;IACA;IACA;EPmpJF;EOhpJA;IACE;EPkpJF;EO/oJA;IACE;EPipJF;EO9oJA;IACE;IACA;IACA;IACA;IACA;EPgpJF;EO7oJA;IACE;IACA;EP+oJF;AACF;AS1yJI;EF8JA;IACE;IACA;EP+oJJ;EO5oJE;IACE;IACA;EP8oJJ;AACF;ASpzJI;EF0KA;IACE;EP6oJJ;EO1oJE;IACE;EP4oJJ;AACF;AS5zJI;EFoLA;IACE;EP2oJJ;EOxoJE;IACE;EP0oJJ;AACF;ASp0JI;EsD6HE;IACE;E/D0sJN;AACF;;AgEz4JA;EACE;EACA;EACA;EACA;AhE44JF;ASh1JI;EuDhEJ;IAOI;EhE64JF;AACF;;AgE14JA;EACE;AhE64JF;;AgE14JA;EACE;EACA;AhE64JF;AgE34JE;EACE,kB3DXO;E2DYP;EACA;AhE64JJ;;AgEz4JA;;;EAGE,mB3DRW;ALo5Jb;;AiEz6JA;;;EAAA;AAKA;EACE;EACA;EACA;EACA;AjE26JF;ASp3JI;EwD3DJ;IAOI;EjE46JF;AACF;;ASz3JI;EwDhDJ;;IAGI;EjE46JF;AACF;;AiEz6JA;EACE;AjE46JF;ASp4JI;EwDzCJ;IAII;IACA;EjE66JF;AACF;AS14JI;EwDzCJ;IASI;EjE86JF;AACF;;AS/4JI;EwD5BJ;IAEI;IACA;IACA;IACA;EjE86JF;AACF;;AiE36JA;A/DoGE;EAGE;AFy0JJ;AS75JI;EPiFF;IAYM;EFo0JN;AACF;ASl6JI;EPiFF;IAmBM;EFk0JN;AACF;AiEt7JE;EACE;AjEw7JJ;;AiEp7JA;EACE,uB5D1CM;E4D2CN;AjEu7JF;AE91JE;EAGE;AF81JJ;ASl7JI;EPiFF;IAYM;EFy1JN;AACF;ASv7JI;EPiFF;IAmBM;EFu1JN;AACF;AE32JE;EAGE;AF22JJ;AS/7JI;EPiFF;IAYM;EFs2JN;AACF;ASp8JI;EPiFF;IAmBM;EFo2JN;AACF;AEx3JE;EAGE;AFw3JJ;AS58JI;EPiFF;IAYM;EFm3JN;AACF;ASj9JI;EPiFF;IAmBM;EFi3JN;AACF;AEr4JE;EAGE;AFq4JJ;ASz9JI;EPiFF;IAYM;EFg4JN;AACF;AS99JI;EPiFF;IAmBM;EF83JN;AACF;AiEp+JE;EACE;AjEs+JJ;;AkEtiKA;;;EAAA;AAKA;EACE;EACA;EACA;EACA;EACA;AlEwiKF;AkEtiKE;EACE;EACA;EACA;EACA;EACA;AlEwiKJ;;AmEzjKA;EACE;EACA;EACA;EACA;EAEA;AnE2jKF;AmEzjKE;EACE;AnE2jKJ;ASpgKI;E0DhEJ;IAaI;EnE2jKF;AACF;ASzgKI;E0DhEJ;IAiBI;EnE4jKF;AACF;;AmEvjKA;EACE;EACA,eAJ6B;AnE8jK/B;AmExjKE;EACE;AnE0jKJ;AmEvjKE;EACE;EACA;EACA;AnEyjKJ;AmEvjKI;EACE;EACA;AnEyjKN;AmEvjKM;EACE;AnEyjKR;AmErjKI;EACE;EACA;EACA;EACA;AnEujKN;;AmEhjKE;;EACE;EACA;EACA;EACA;AnEojKJ;AmEljKI;;EACE;EACA;EACA;AnEqjKN;AmEjjKE;;;;;;;;EAIE;EACA;AnEujKJ;AmErjKI;;;;;;;;EACE;AnE8jKN;AmE1jKE;;EACE;AnE6jKJ;AmE3jKI;;;;;;EAGE;AnEgkKN;AmE7jKI;;EACE;AnEgkKN;AmE9jKM;;EACE;AnEikKR;AmE5jKE;;EACE;AnE+jKJ;AmE5jKE;;EACE;EACA,c9D/EI;E8DgFJ,qBArF2B;AnEopK/B;AmE5jKE;;EACE;AnE+jKJ;;AoE7qKA;;;;;;EAAA;AAQA;EACE;ApE+qKF;;AoE5qKA;AAEA;EAEE,Y/DHM;E+DIN,yB/DFS;AL+qKX;AoE1qKE;EACE;ApE4qKJ;ASjoKI;E2D5CF;IAII;EpE6qKJ;AACF;;AoEzqKA;AAEA;EACE;EACA;EACA;EACA;ApE2qKF;AEroKE;EACE;EACA;EACA;AFuoKJ;ASnpKI;EPSF;IAMI,UkEzCsB;EpEirK1B;AACF;ASxpKI;EPSF;IAUI,UkE7C2B;EpEsrK/B;AACF;AS7pKI;EPSF;IAcI,UkEjDgC;EpE2rKpC;AACF;ASlqKI;EPSF;IAkBI;EF2oKJ;AACF;AEtlKE;EAGE;AFslKJ;AS1qKI;EPiFF;IAYM;EFilKN;AACF;AS/qKI;EPiFF;IAmBM;EF+kKN;AACF;AEnmKE;EAGE;AFmmKJ;ASvrKI;EPiFF;IAYM;EF8lKN;AACF;AS5rKI;EPiFF;IAmBM;EF4lKN;AACF;AoEvtKE;EACE;EACA;ApEytKJ;AsBzvKE;EACE;EACA,YARO;EASP;EACA,cjBDO;EiBEP;EACA,gBATU;EAUV;EACA,aAZQ;EAaR,cAdQ;EAeR,mBAZY;EAaZ;EACA;EACA;EACA;AtB2vKJ;AsBxvKE;EACE,cjBfO;ALywKX;AsBvvKE;EACE,uBjBrBI;EiBsBJ,WjB1BO;ALmxKX;AO5nKE;EACE;EACA;AP8nKJ;AOhoKE;EACE;EACA;APkoKJ;AsB9uKE;EACE;AtBgvKJ;AoEvvKI;EACE;ApEyvKN;AoEtvKI;EAEE;ApEuvKN;AS7uKI;E2DLA;IACE;EpEqvKJ;EoElvKE;IACE;EpEovKJ;AACF;;ASrvKI;E2DKJ;IAEI;EpEmvKF;EEzqKA;IAGE;EFyqKF;AACF;AS9vKI;EPiFF;IAYM;EFqqKN;AACF;ASnwKI;EPiFF;IAmBM;EFmqKN;AACF;;AoE3vKA;EACE;ApE8vKF;;AoE3vKA;EACE;EACA;EACA;EACA;ApE8vKF;ASnxKI;E2DiBJ;IAOI;EpE+vKF;AACF;;AoE5vKA;EACE;EACA;ApE+vKF;AS7xKI;E2D4BJ;IAKI;EpEgwKF;AACF;;AoE7vKA;AAEA;EACE;EACA,yB/DlGU;ALi2KZ;AE/xKE;EACE;EACA;EACA;AFiyKJ;AS7yKI;EPSF;IAMI,UkE6BsB;EpEqwK1B;AACF;ASlzKI;EPSF;IAUI,UkEyB2B;EpE0wK/B;AACF;ASvzKI;EPSF;IAcI,UkEqBgC;EpE+wKpC;AACF;AS5zKI;EPSF;IAkBI;EFqyKJ;AACF;AEhvKE;EAGE;AFgvKJ;ASp0KI;EPiFF;IAYM;EF2uKN;AACF;ASz0KI;EPiFF;IAmBM;EFyuKN;AACF;AE7vKE;EAGE;AF6vKJ;ASj1KI;EPiFF;IAYM;EFwvKN;AACF;ASt1KI;EPiFF;IAmBM;EFsvKN;AACF;AS31KI;E2DuCJ;IAUI;EpE8yKF;AACF;AoE5yKE;EACE;ApE8yKJ;;AoE1yKA;EACE;ApE6yKF;;AoE1yKA;EACE;ApE6yKF;AoE3yKE;EvD3CA,YRxEM;EQyEN;Aby1KF;Aav1KE;EAEE,YR7EI;ALq6KR;Aar1KE;EAEE,cR3EQ;EQ4ER;Abs1KJ;AOtxKE;EACE;EACA;EAGE;APsxKN;AO3xKE;EACE;EACA;EAGE;AP2xKN;;AoE1zKE;EACE;ApE6zKJ;AoE3zKI;EACE;ApE6zKN;;AoExzKA;E7D7HE;EACA;EACA;E6D8HA;EACA;EACA;EACA;EACA;ApE4zKF;;AoEzzKA;E7DvBE;E6D0BA;EACA;EACA;EACA;EACA;ApE2zKF;AS35KI;E2DyFJ;IAUI;IACA;EpE4zKF;AACF;ASj6KI;E2DyFJ;IAeI;EpE6zKF;AACF;AoE3zKE;EACE;EACA;EACA;EACA;EACA;EACA;EvD9JF,WRVS;EQWT;Ab49KF;Aa19KE;EAEE,WRfO;AL0+KX;Aax9KE;EAEE,cRtBQ;EQuBR;Aby9KJ;AOv1KE;EACE;EACA;EAGE;APu1KN;AoEv0KI;EAEE;ApEw0KN;AO/1KE;EACE;EACA;APi2KJ;AoEv0KI;EACE;EACA;EACA;ApEy0KN;AoEt0KI;EACE;ApEw0KN;AoEt0KM;EACE;EACA;EACA;ApEw0KR;;AoEl0KA;AAEA;EACE,uB/DhMM;E+DiMN,Y/DrMM;ALygLR;AEr4KE;EAGE;AFq4KJ;ASz9KI;EPiFF;IAYM;EFg4KN;AACF;AS99KI;EPiFF;IAmBM;EF83KN;AACF;AEl5KE;EAGE;AFk5KJ;ASt+KI;EPiFF;IAYM;EF64KN;AACF;AS3+KI;EPiFF;IAmBM;EF24KN;AACF;AoEt1KE;EACE;ApEw1KJ;AoEr1KE;EvD5KA,cR7BW;EQ8BX;AbogLF;AalgLE;EAEE,cRlCS;ALqiLb;AahgLE;EAEE,cR9CQ;EQ+CR;AbigLJ;AO95KE;EACE;EACA;EAGE;AP85KN;AOn6KE;EACE;EACA;EAGE;APm6KN;;AoEr2KA;EACE;EACA;ApEw2KF;AEpgLE;EACE;EACA;EACA;AFsgLJ;ASlhLI;EPSF;IAMI,UkEyJsB;EpE82K1B;AACF;ASvhLI;EPSF;IAUI,UkEqJ2B;EpEm3K/B;AACF;AS5hLI;EPSF;IAcI,UkEiJgC;EpEw3KpC;AACF;ASjiLI;EPSF;IAkBI;EF0gLJ;AACF;AEr9KE;EAGE;AFq9KJ;ASziLI;EPiFF;IAYM;EFg9KN;AACF;AS9iLI;EPiFF;IAmBM;EF88KN;AACF;AEl+KE;EAGE;AFk+KJ;AStjLI;EPiFF;IAYM;EF69KN;AACF;AS3jLI;EPiFF;IAmBM;EF29KN;AACF;AShkLI;E2DmKJ;IAUI;EpEu5KF;AACF;ASrkLI;E2DmKJ;IAcI;EpEw5KF;AACF;AoEt5KE;EACE;ApEw5KJ;;AoEp5KA;E7DvOE;EACA;EACA;AP+nLF;ASnlLI;E2DyLJ;IAII;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;EpE05KF;AACF;AShmLI;E2DyLJ;IAgBI;IACA;IACA;EpE25KF;AACF;ASvmLI;E2DyLJ;IAsBI;IACA;IACA;EpE45KF;AACF;;AoEz5KA;EACE;EACA;ApE45KF;;AoEz5KA;AAEA;EACE,yB/D7QS;E+D8QT,Y/DjRM;AL4qLR;AExiLE;EAGE;AFwiLJ;AS5nLI;EPiFF;IAYM;EFmiLN;AACF;ASjoLI;EPiFF;IAmBM;EFiiLN;AACF;AErjLE;EAGE;AFqjLJ;ASzoLI;EPiFF;IAYM;EFgjLN;AACF;AS9oLI;EPiFF;IAmBM;EF8iLN;AACF;AoE56KE;EvDrPA,cR7BW;EQ8BX;AboqLF;AalqLE;EAEE,cRlCS;ALqsLb;AahqLE;EAEE,cR9CQ;EQ+CR;AbiqLJ;AO9jLE;EACE;EACA;EAGE;AP8jLN;AOnkLE;EACE;EACA;EAGE;APmkLN;;AoE57KA;EACE;EACA;ApE+7KF;AoE77KE;E7D9RA;EACA;EACA;E6D+RE;ApEg8KJ;AoE77KE;EACE;ApE+7KJ;AoE57KE;EACE;EACA;ApE87KJ;AS1rLI;E2D0PF;IAKI;EpE+7KJ;AACF;;AqE/vLA;;;;;;;EAAA;AASA;AACA;EACE;ArEiwLF;;AqE9vLA;EAUE;EAgFA;EAqBA;EAoFA;EAgDA;EAgCA;EA4BA;ArEy9KF;AqE7vLE;EACE;EACA;ArE+vLJ;AqE7vLI;EACE;ArE+vLN;AqE5vLI;EACE,uBhErBE;EgEsBF;EACA;ArE8vLN;AqE5vLM;EACE,uBhE1BA;EgE2BA;EACA;EACA;EACA;EACA;ArE8vLR;AqE5vLQ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ArE8vLV;AqE5vLU;EACE,chEtCA;EgEuCA;EACA;ArE8vLZ;AqE3vLU;EACE;EACA;ArE6vLZ;AqE1vLU;EACE;EACA;ArE4vLZ;AqEzvLU;EACE,uBhE/DJ;EgEgEI,chE7DD;EgE8DC;EACA;EACA;EACA;EACA;EACA;ArE2vLZ;AqEzvLY;EACE,yBhEhEF;EgEiEE,YhE1EN;ALq0LR;AqEnvLE;EACE;ArEqvLJ;AqE3uLE;E9DCA,yBFpGU;EEqGV,YF/FM;AL40LR;AOzrLE;;;EACE;EACA;AP6rLJ;AqE1uLE;EAEE;EACA;EACA;EACA;ArE2uLJ;AqEtuLE;EACE;EACA;EACA;EACA;EACA;EACA,mBAtHmB;ArE81LvB;AqEtuLI;EACE;ArEwuLN;AqEnuLM;EACE;ArEquLR;AqEluLM;EACE;ArEouLR;AqE9tLI;EACE;EACA;ArEguLN;AqE9tLM;EACE;ArEguLR;AqE7tLM;EACE;ArE+tLR;ASh0LI;E4DqGI;IACE;ErE8tLR;EqE3tLM;IACE;ErE6tLR;AACF;ASx0LI;E4DiHE;IACE;ErE0tLN;AACF;AqEvtLI;EACE,2BpE1IgB;EoE2IhB,8BpE3IgB;EoE4IhB;EACA,8BpE7IgB;ADs2LtB;AqEvtLM;EACE,2BpEjJqB;EoEkJrB;EACA;ArEytLR;AqErtLI;EACE,2BpEhJgB;EoEiJhB,8BpEjJgB;EoEkJhB;EACA,8BpEnJgB;AD02LtB;AqErtLM;EACE,2BpEvJqB;EoEwJrB;EACA;ArEutLR;AqEhtLE;EACE;ArEktLJ;AqEhtLI;EACE;ArEktLN;AqE/sLI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;ExD5IJ,YRxEM;EQyEN;Ab81LF;Aa51LE;EAEE,YR7EI;AL06LR;Aa11LE;EAEE,cR3EQ;EQ4ER;Ab21LJ;AO3xLE;EACE;EACA;EAGE;AP2xLN;AOhyLE;EACE;EACA;EAGE;APgyLN;AqEhuLM;EACE;ArEkuLR;AqE/tLM;EACE;ArEiuLR;AqE7tLI;EACE;EACA;EACA;EACA;ArE+tLN;AOjzLE;EACE;EACA;APmzLJ;ASr5LI;E4D8KA;IASI;ErEkuLN;AACF;AqEhuLM;EACE;EACA;ArEkuLR;AS95LI;E4DqMF;IAGI;IACA;ErE0tLJ;AACF;AqEhtLI;EACE;ArEktLN;AqEhtLM;EAKE;ArE8sLR;AqEvsLE;EAEE;EACA;ArEwsLJ;AS96LI;E4DmOF;IASI;IACA,eA1RgB;IA2RhB;IACA;ErEssLJ;AACF;ASt7LI;E4DmOF;IAgBI;IACA;ErEusLJ;AACF;AS57LI;E4DmOF;IAqBI;IACA;ErEwsLJ;AACF;AqEnsLE;EACE,sBhEvTO;AL4/LX;AE3yLE;EAIE,sBAHc;AF6yLlB;ASx8LI;EP0JF;IAUI;EFwyLJ;AACF;AS78LI;EP0JF;IAuBI,4DANU;EFsyLd;AACF;ASl9LI;E4D+PF;IASI;ErE8sLJ;AACF;AqE5sLI;EACE;ArE8sLN;AS19LI;E4D+PF;IAkBI,kChEvSc;ELo/LlB;EqE3sLI;IACE;IACA,YAhUgB;IAiUhB;IACA,sBhE9UG;EL2hMT;AACF;;AsEriMA;;;EAAA;AAKA;EACE;AtEuiMF;;AsEpiMA;;;EAGE;AtEuiMF;;AOn5LE;EACE;EACA;APs5LJ;;AsEpiMA;EACE;EACA;EACA;EACA,uBjEXM;EiEYN,YjEZM;EiEaN;AtEuiMF;;AsEpiMA;EACE;EACA,cjExBU;AL+jMZ;;AsEpiMA;E/DsFE;EACA;EACA;APk9LF;AOh9LE;EACE;APk9LJ;;AsExiMA;EACE;EACA;AtE2iMF;;AsEtiMA;AAEA;EACE;EACA;EACA;AtEwiMF;;AsEriMA;EACE;EACA;EACA;AtEwiMF;;AOzlME;EACE;EACA;EACA;AP4lMJ;AE74LE;EAIE,qBAHc;AF+4LlB;AS1iMI;EP0JF;IAUI;EF04LJ;AACF;AS/iMI;EP0JF;IAuBI,2DANU;EFw4Ld;AACF;AE15LE;EAIE,oBAHc;AF45LlB;ASvjMI;EP0JF;IAUI;EFu5LJ;AACF;AS5jMI;EP0JF;IAuBI,0DANU;EFq5Ld;AACF;AsEhkME;EACE,iBpEtDQ;EoEuDR;AtEkkMJ;AsE9jME;EAEE;EACA;AtE+jMJ;ASzkMI;EP0JF;IAIE,qBAHc;EFk7LhB;AACF;AS9kMI;EP0JF;IAUI;EF86LJ;AACF;ASnlMI;EP0JF;IAuBI,2DANU;EF46Ld;AACF;ASxlMI;EP0JF;IAIE,oBAHc;EFi8LhB;AACF;AS7lMI;EP0JF;IAUI;EF67LJ;AACF;ASlmMI;EP0JF;IAuBI,0DANU;EF27Ld;AACF;ASvmMI;E6DgBE;IACE;EtE0lMN;AACF;;AOpqME;EACE;EACA;EACA;APuqMJ;AEjiME;EAGE;AFiiMJ;ASrnMI;EPiFF;IAYM;EF4hMN;AACF;AS1nMI;EPiFF;IAmBM;EF0hMN;AACF;AEr+LE;EAIE,oBAHc;AFu+LlB;ASloMI;EP0JF;IAUI;EFk+LJ;AACF;ASvoMI;EP0JF;IAuBI,gFAHY;EF69LhB;AACF;;AOpsME;EACE;EACA;EACA;APusMJ;AEx/LE;EAIE,qBAHc;AF0/LlB;ASrpMI;EP0JF;IAUI;EFq/LJ;AACF;AS1pMI;EP0JF;IAuBI,iFAHY;EFg/LhB;AACF;AE9kME;EAGE;AF8kMJ;ASlqMI;EPiFF;IAYM;EFykMN;AACF;ASvqMI;EPiFF;IAmBM;EFukMN;AACF;;AsExoMA;;EAEE;EACA;EACA;AtE2oMF;;AuEnvMA;;;EAAA;AAKA;AAEA;EAEE;AvEmvMF;;AEnrME;EACE;EACA;EACA;AFsrMJ;ASlsMI;EPSF;IAMI,WqE9DwB;EvEqvM5B;AACF;ASvsMI;EPSF;IAUI,UqElE8B;EvE0vMlC;AACF;AS5sMI;EPSF;IAcI,UqEtEmC;EvE+vMvC;AACF;ASjtMI;EPSF;IAkBI;IAUE;EFirMN;AACF;AE7jME;EAIE,sBAHc;AF+jMlB;AS1tMI;EP0JF;IAUI;EF0jMJ;AACF;AS/tMI;EP0JF;IAuBI,4DANU;EFwjMd;AACF;AuEhxMI;EACE;AvEkxMN;ASvuMI;E8DhDF;IASI;EvEkxMJ;EEjlMA;IAIE,oBAHc;EFmlMhB;AACF;AS/uMI;EP0JF;IAUI;EF+kMJ;AACF;ASpvMI;EP0JF;IAuBI,gFAHY;EF0kMhB;AACF;ASzvMI;EPiFF;IAGE;EFyqMF;AACF;AS9vMI;EPiFF;IAYM;EFqqMN;AACF;ASnwMI;EPiFF;IAmBM;EFmqMN;AACF;AE/vME;EACE;EACA;EACA;AFiwMJ;AS7wMI;EPSF;IAMI,WqE7CwB;EvE+yM5B;AACF;ASlxMI;EPSF;IAUI,UqEjD8B;EvEozMlC;AACF;ASvxMI;EPSF;IAcI,UqErDmC;EvEyzMvC;AACF;AS5xMI;EPSF;IAkBI;IAUE;EF4vMN;AACF;ASlyMI;EP0JF;IAIE,qBAHc;EF2oMhB;AACF;ASvyMI;EP0JF;IAUI;EFuoMJ;AACF;AS5yMI;EP0JF;IAuBI,iFAHY;EFkoMhB;AACF;ASjzMI;EPiFF;IAGE;EFiuMF;AACF;AStzMI;EPiFF;IAYM;EF6tMN;AACF;AS3zMI;EPiFF;IAmBM;EF2tMN;AACF;ASh0MI;E8DvBE;IACE;EvE01MN;EuEx1MM;IACE;EvE01MR;AACF;;AuEn1ME;EAEE;AvEq1MJ;;AuEj1MA;AAEA;EACE,gBtE7CM;EsE8CN;AvEm1MF;;AuE/0MA;EACE;AvEk1MF;;AwEt5MA;;;;;;;;;;;;;;;;;;EAAA;AAsBA;EACE;AxEs5MF;AOr6ME;EACE;EACA;EACA;APu6MJ;ASl3MI;E+D1CJ;IAMI,yBnEdQ;ELw6MV;AACF;AwEx5ME;EACE;EACA;EACA;AxE05MJ;AwEt5ME;EACE;EACA;EACA;EACA;EACA;EACA,iBtEhCQ;EsEiCR;AxEw5MJ;AwEt5MI;;;;;EAGE;AxE05MN;AS54MI;EPiFF;IAGE;EF4zMF;AACF;ASj5MI;EPiFF;IAYM;EFwzMN;AACF;ASt5MI;EPiFF;IAmBM;EFszMN;AACF;AS35MI;EPiFF;IAGE;EF20MF;AACF;ASh6MI;EPiFF;IAYM;EFu0MN;AACF;ASr6MI;EPiFF;IAmBM;EFq0MN;AACF;AS16MI;EPiFF;IAGE;EF01MF;AACF;AS/6MI;EPiFF;IAYM;EFs1MN;AACF;ASp7MI;EPiFF;IAmBM;EFo1MN;AACF;ASz7MI;E+DHA;IACE;IACA;ExE+7MJ;EwE57ME;;;IAEE,gBAhDmB;ExE++MvB;EwE57ME;IACE;IACA;IACA;ExE87MJ;EEv3MA;;;IAGE;EFy3MF;AACF;AS98MI;EPiFF;;;IAYM;EFu3MN;AACF;ASr9MI;EPiFF;;;IAmBM;EFu3MN;AACF;AS59MI;EPiFF;;;IAGE;EF84MF;AACF;ASn+MI;EPiFF;;;IAYM;EF44MN;AACF;AS1+MI;EPiFF;;;IAmBM;EF44MN;AACF;ASj/MI;EPiFF;;;IAGE;EFm6MF;AACF;ASx/MI;EPiFF;;;IAYM;EFi6MN;AACF;AS//MI;EPiFF;;;IAmBM;EFi6MN;AACF;AStgNI;EPiFF;IAGE;EFs7MF;AACF;AS3gNI;EPiFF;IAYM;EFk7MN;AACF;AShhNI;EPiFF;IAmBM;EFg7MN;AACF;ASrhNI;EPiFF;IAGE;EFq8MF;AACF;AS1hNI;EPiFF;IAYM;EFi8MN;AACF;AS/hNI;EPiFF;IAmBM;EF+7MN;AACF;ASpiNI;EPiFF;IAGE;EFo9MF;AACF;ASziNI;EPiFF;IAYM;EFg9MN;AACF;AS9iNI;EPiFF;IAmBM;EF88MN;AACF;ASnjNI;E+D6BA;IACE;ExEyhNJ;AACF;ASxjNI;E+D0CE;;;IAEE;ExEkhNN;EwE/gNI;IACE;ExEihNN;AACF;ASlkNI;E+DuDE;;;IAEE;ExE+gNN;EwE5gNI;IACE;ExE8gNN;AACF;AS5kNI;E+DoEE;IACE;ExE2gNN;EwExgNI;IACE;ExE0gNN;EwEvgNI;IACE;ExEygNN;AACF;ASvlNI;E+D2FE;IACE;ExE+/MN;EwE5/MI;IACE;ExE8/MN;EwEz/MI;IACE;ExE2/MN;EwEx/MI;IACE;ExE0/MN;AACF;ASrmNI;E+DkHI;IACE;ExEs/MR;EwEn/MM;IACE;IACA,gBApKe;ExEypNvB;EwEh/MM;IACE;ExEk/MR;EwE/+MM;IACE;IACA;ExEi/MR;EwE/+MQ;IACE;ExEi/MV;EwEz+MM;IACE;ExE2+MR;AACF;AS3nNI;E+D8JE;IACE;ExEg+MN;EwE99MM;IACE;ExEg+MR;EwE19MI;IACE;ExE49MN;EwEz9MI;IACE;IACA,gBA1NiB;ExEqrNvB;EwEz9MM;IACE;ExE29MR;EwEr9MI;IACE;ExEu9MN;AACF;AShpNI;E+DgME;IACE;ExEm9MN;EwEj9MM;IACE;ExEm9MR;AACF;ASxpNI;E+DgNE;;;;;;;IAEE;ExEg9MN;EwE78MI;;;IACE;ExEi9MN;AACF;ASxqNI;E+D8NE;;;;;;;IAEE;ExEk9MN;EwE/8MI;;;IACE;ExEm9MN;AACF;;AyExvNA;;;;;EAAA;AhEgEI;EgEzDJ;IAEI;EzE0vNF;AACF;;AyEtvNA;EACE;EACA;AzEyvNF;AyEvvNE;EACE;AzEyvNJ;;AyErvNA;AACA;EACE;AzEwvNF;;AyErvNA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,mDACE;EAGF;;;;;IAAA;AzE0vNF;ASluNI;EgEpCJ;IAoBI;IACA;EzEsvNF;AACF;;AyEnvNA;EACE;AzEsvNF;;AyEnvNA;EACE;AzEsvNF;;A0EryNE;EACE,yBARO;EASP;EACA;EACA;EACA;EACA;A1EwyNJ;A0EtyNI;EACE;EACA;A1EwyNN;A0EtyNM;EAEE;A1EuyNR;A0EnyNI;EACE;EACA;A1EqyNN;;A0EzzNE;EACE,yBARO;EASP;EACA;EACA;EACA;EACA;A1E4zNJ;A0E1zNI;EACE;EACA;A1E4zNN;A0E1zNM;EAEE;A1E2zNR;A0EvzNI;EACE;EACA;A1EyzNN;;A0E70NE;EACE,yBARO;EASP;EACA;EACA;EACA;EACA;A1Eg1NJ;A0E90NI;EACE;EACA;A1Eg1NN;A0E90NM;EAEE;A1E+0NR;A0E30NI;EACE;EACA;A1E60NN;;A2E52NA;;;;;EAAA;AAMA;EACE;EACA,uBtEKM;AL02NR;ASvzNI;EkE1DJ;IAKI;E3Eg3NF;AACF;AS5zNI;EkElDF;IAEI;IACA;IACA;E3Eg3NJ;AACF;ASn0NI;EkElDF;IAQI;IACA;IACA;E3Ei3NJ;AACF;A2E92NE;EACE,yBtEHI;ALm3NR;AS70NI;EkEpCF;IAII;IACA;E3Ei3NJ;AACF;A2E92NE;EACE;A3Eg3NJ;A2E72NE;EACE;EACA;A3E+2NJ;AS11NI;EkEvBF;IAKI;E3Eg3NJ;AACF;A2E72NE;EACE;EACA;EACA;A3E+2NJ;ASp2NI;EkEdF;IAMI;E3Eg3NJ;AACF;A2E72NE;EACE;EACA;A3E+2NJ;A2E52NE;EACE;A3E82NJ;A2E32NE;EACE;A3E62NJ;A2E12NE;;EAEE;EACA;EACA;A3E42NJ;A2Ez2NE;EACE,ctE3DQ;EsE4DR;EACA;EACA;EACA;A3E22NJ;;A4Eh8NA;;;;CAAA;AAMA;EAIE;A5E+7NF;A4E77NE;EACE;EACA;EACA;A5E+7NJ;A4E57NE;EACE;A5E87NJ;A4E57NI;EACE;EACA;EACA;EACA,yBvECE;EuEAF,YvEbE;EuEcF;EACA;EACA;EACA;A5E87NN;A4Ez7NI;EACE;A5E27NN;A4Et7NI;EACE;A5Ew7NN;AEz5NE;EACE;EACA;EACA;AF25NJ;ASv6NI;EPSF;IAMI,W0EhCwB;E5E47N5B;AACF;AS56NI;EPSF;IAUI,U0EpC8B;E5Ei8NlC;AACF;ASj7NI;EPSF;IAcI,U0ExCmC;E5Es8NvC;AACF;ASt7NI;EPSF;IAkBI;IAUE;EFs5NN;AACF;A4E38NI;EACE;A5E68NN;AS/7NI;EmElBF;IAQI;IACA;IACA;IACA;E5E68NJ;AACF;AE97NE;EACE;EACA;EACA;AFg8NJ;AS58NI;EPSF;IAMI,W0EjBwB;E5Ek9N5B;AACF;ASj9NI;EPSF;IAUI,U0ErB8B;E5Eu9NlC;AACF;ASt9NI;EPSF;IAcI,U0EzBmC;E5E49NvC;AACF;AS39NI;EPSF;IAkBI;IAUE;EF27NN;AACF;ASj+NI;EPiFF;IAGE;EFi5NF;AACF;ASt+NI;EPiFF;IAYM;EF64NN;AACF;AS3+NI;EPiFF;IAmBM;EF24NN;AACF;;AOr4NE;;;;;;EAME;EACA;APw4NJ;AOr4NE;EAnFA;EACA;EACA;EACA;EACA;EACA;AP29NF;AOz4NE;;EAEE;EACA;EACA;EACA;EACA;AP24NJ;AOx4NE;EACE;EACA;EACA;AP04NJ;AOv4NE;EACE;APy4NJ;AOt4NE;EACE;APw4NJ;AOr4NE;EACE;EACA;EACA;EACA;EACA;APu4NJ;AOp4NE;EACE;EACA;APs4NJ;AShiOI;EF8JA;IACE;IACA;EPq4NJ;EOl4NE;IACE;IACA;EPo4NJ;AACF;AS1iOI;EF0KA;IACE;EPm4NJ;EOh4NE;IACE;EPk4NJ;AACF;ASljOI;EFoLA;IACE;EPi4NJ;EO93NE;IACE;EPg4NJ;AACF;A6EtnOI;EACE;A7EwnON;A6ErnOI;EACE;A7EunON;A6EpnOI;EACE;A7EsnON;;A8EnoOA;;;EAAA;AAYA;AAOE;EACE;EACA;EACA;A9EwnOJ;A8EtnOI;EACE;EACA;EACA;A9EwnON;A8EtnOM;EACE;A9EwnOR;A8EpnOI;EACE;EACA,iB5EzBQ;AF+oOd;A8EnnOI;;;;;EAEE;A9EwnON;;A8EnnOA;EACE;EACA;EACA;EACA;A9EsnOF;ASxmOI;EqElBJ;IAOI;E9EunOF;AACF;A8ErnOE;EACE;EACA;A9EunOJ;A8EpnOE;EACE;EACA;EACA;A9EsnOJ;AStnOI;EqEHF;IAMI;E9EunOJ;AACF;;AS3nOI;EPiFF;IAGE;EF4iOF;AACF;ASjoOI;EPiFF;IAYM;EFwiON;AACF;AStoOI;EPiFF;IAmBM;EFsiON;AACF;A8E7nOA;EACE,czExEU;EyEyEV;EACA;EACA;EACA;EACA;A9E+nOF;;A8E5nOA;EACE;EACA;EACA;EACA;A9E+nOF;AS1pOI;EqEuBJ;IAOI;E9EgoOF;AACF;;A8E7nOA;AAEA;EAEE;A9E8nOF;A8E3nOE;EAEE;EACA;EACA;EACA;A9E4nOJ;AsB9tOE;EACE,sBjBJO;EiBKP,YARO;EASP;EACA,YjBHI;EiBIJ;EACA,gBATU;EAUV;EACA,aAZQ;EAaR,cAdQ;EAeR,mBAZY;EAaZ;EACA;EACA;EACA;AtBguOJ;AsB7tOE;EACE,YjBjBI;ALgvOR;AsB5tOE;EACE;EACA,YjBtBI;ALovOR;AOjmOE;EACE;EACA;APmmOJ;AOrmOE;EACE;EACA;APumOJ;AOzmOE;EACE;EACA;EAGE;APymON;A8EzpOI;EACE;EACA;A9E2pON;A8EjlOE;EACE;A9EmlOJ;A8EjlOI;EACE;A9EmlON;A8E1kOI;EACE;A9E4kON;AEltOE;EACE;EACA;EACA;AFotOJ;AShuOI;EPSF;IAMI,W4EiI0B;E9EolO9B;AACF;ASruOI;EPSF;IAUI,U4E6HgC;E9EylOpC;AACF;AS1uOI;EPSF;IAcI,U4EyHqC;E9E8lOzC;AACF;AS/uOI;EPSF;IAkBI;IAUE;EF+sON;AACF;AE3lOE;EAIE,sBAHc;AF6lOlB;ASxvOI;EP0JF;IAUI;EFwlOJ;AACF;AS7vOI;EP0JF;IAuBI,4DANU;EFslOd;AACF;ASlwOI;EqE8IA;IAMI;E9EknON;EE5mOA;IAIE,oBAHc;EF8mOhB;AACF;AS1wOI;EP0JF;IAUI;EF0mOJ;AACF;AS/wOI;EP0JF;IAuBI,gFAHY;EFqmOhB;AACF;ASpxOI;EPiFF;IAGE;EFosOF;AACF;ASzxOI;EPiFF;IAYM;EFgsON;AACF;AS9xOI;EPiFF;IAmBM;EF8rON;AACF;AE1xOE;EACE;EACA;EACA;AF4xOJ;ASxyOI;EPSF;IAMI,W4EgJ0B;E9E6oO9B;AACF;AS7yOI;EPSF;IAUI,U4E4IgC;E9EkpOpC;AACF;ASlzOI;EPSF;IAcI,U4EwIqC;E9EupOzC;AACF;ASvzOI;EPSF;IAkBI;IAUE;EFuxON;AACF;A8E5pOM;EACE;A9E8pOR;ASh0OI;EP0JF;IAIE,qBAHc;EFyqOhB;AACF;ASr0OI;EP0JF;IAUI;EFqqOJ;AACF;AS10OI;EP0JF;IAuBI,iFAHY;EFgqOhB;AACF;AS/0OI;EPiFF;IAGE;EF+vOF;AACF;ASp1OI;EPiFF;IAYM;EF2vON;AACF;ASz1OI;EPiFF;IAmBM;EFyvON;AACF;AS91OI;EqE0KI;IACE;E9EurOR;E8ErrOQ;IACE;E9EurOV;AACF;A8EjrOE;EACE;A9EmrOJ,C","sources":["webpack://theme-preprocess/./components/style.scss","webpack://theme-preprocess/./components/00-particles/_01-variables.scss","webpack://theme-preprocess/./components/00-particles/_02-responsiveness.scss","webpack://theme-preprocess/./components/00-particles/_font-chronicle.scss","webpack://theme-preprocess/./components/00-particles/_old_breakpoints.scss","webpack://theme-preprocess/./components/00-particles/global/01-colors/_color-vars.scss","webpack://theme-preprocess/./components/00-particles/global/02-animations/_animation.scss","webpack://theme-preprocess/./components/00-particles/_00-mixins.scss","webpack://theme-preprocess/./components/00-particles/layouts/grid/_01-grid-item.scss","webpack://theme-preprocess/./node_modules/breakpoint-sass/stylesheets/_breakpoint.scss","webpack://theme-preprocess/./components/00-particles/layouts/grid/_grid-item-divider.scss","webpack://theme-preprocess/./components/00-particles/layouts/grid/_grid.scss","webpack://theme-preprocess/./components/01-elements/_field-wysiwyg.scss","webpack://theme-preprocess/./components/01-elements/01-links/link/_link.scss","webpack://theme-preprocess/./components/01-elements/02-text/00-headings/_headings.scss","webpack://theme-preprocess/./components/01-elements/02-text/text/_text.scss","webpack://theme-preprocess/./components/01-elements/03-lists/_lists.scss","webpack://theme-preprocess/./components/01-elements/04-images/00-image/_image.scss","webpack://theme-preprocess/./components/01-elements/05-forms/checkbox/_checkbox.scss","webpack://theme-preprocess/./components/01-elements/05-forms/radio/_radio.scss","webpack://theme-preprocess/./components/01-elements/05-forms/select/_select.scss","webpack://theme-preprocess/./components/01-elements/05-forms/textfields/_textfields.scss","webpack://theme-preprocess/./components/01-elements/06-buttons/_buttons.scss","webpack://theme-preprocess/./components/01-elements/07-tables/_tables.scss","webpack://theme-preprocess/./components/01-elements/08-video/_video.scss","webpack://theme-preprocess/./components/01-elements/09-menu/_subtitle.scss","webpack://theme-preprocess/./components/01-elements/09-menu/tab/_tab.scss","webpack://theme-preprocess/./components/01-elements/10-comments/_system-status_comment.scss","webpack://theme-preprocess/./components/01-elements/11-tags/_tags.scss","webpack://theme-preprocess/./components/02-compounds/card-grid/_card-grid.scss","webpack://theme-preprocess/./components/02-compounds/card/_card.scss","webpack://theme-preprocess/./components/02-compounds/ckeditor5/ckeditor5.scss","webpack://theme-preprocess/./components/02-compounds/department/_department.scss","webpack://theme-preprocess/./components/02-compounds/featured-resources/_featured-resources.scss","webpack://theme-preprocess/./components/02-compounds/footer-hours/_footer_hours.scss","webpack://theme-preprocess/./components/02-compounds/homepage-elements/_news-item.scss","webpack://theme-preprocess/./components/02-compounds/lits-hours/_lits-hours-month.scss","webpack://theme-preprocess/./components/02-compounds/lits-hours/_lits-hours-week.scss","webpack://theme-preprocess/./components/02-compounds/lits-search-form/_course-reserves-form.scss","webpack://theme-preprocess/./components/02-compounds/lits-search-form/_lits-search-forms.scss","webpack://theme-preprocess/./components/02-compounds/lits-search-form/_unified-search-form.scss","webpack://theme-preprocess/./components/02-compounds/lits-search-result/_lits-search-result.scss","webpack://theme-preprocess/./components/02-compounds/lits-search/_google-json-api-search.scss","webpack://theme-preprocess/./components/02-compounds/location-teaser/_location-teaser.scss","webpack://theme-preprocess/./components/02-compounds/location/_location-page-content.scss","webpack://theme-preprocess/./components/02-compounds/logobar-branding/_logobar_branding.scss","webpack://theme-preprocess/./components/02-compounds/main-menu/_00-main-menu.scss","webpack://theme-preprocess/./components/02-compounds/main-menu/_01-main-menu-item.scss","webpack://theme-preprocess/./components/02-compounds/main-menu/_02-main-menu-link.scss","webpack://theme-preprocess/./components/02-compounds/main-menu/_03-main-menu-toggle.scss","webpack://theme-preprocess/./components/02-compounds/menus/breadcrumbs/_breadcrumbs.scss","webpack://theme-preprocess/./components/02-compounds/menus/inline-menu/_inline-menu.scss","webpack://theme-preprocess/./components/02-compounds/menus/sidebar/_sidebar-nav.scss","webpack://theme-preprocess/./components/02-compounds/menus/tabs/_tabs.scss","webpack://theme-preprocess/./components/02-compounds/menus/topbar/_00-topbar-menu.scss","webpack://theme-preprocess/./components/02-compounds/menus/topbar/_01-topbar-menu-item.scss","webpack://theme-preprocess/./components/02-compounds/menus/topbar/_02-topbar-menu-link.scss","webpack://theme-preprocess/./components/02-compounds/pager/_pager.scss","webpack://theme-preprocess/./components/02-compounds/paragraphs/accordion/_accordion.scss","webpack://theme-preprocess/./components/02-compounds/paragraphs/banner/_banner.scss","webpack://theme-preprocess/./components/02-compounds/paragraphs/downloadable-image-gallery/_downloadable-image-gallery.scss","webpack://theme-preprocess/./components/02-compounds/paragraphs/image/_image.scss","webpack://theme-preprocess/./components/02-compounds/paragraphs/numbered-list/_numbered-list.scss","webpack://theme-preprocess/./components/02-compounds/paragraphs/system-status-group/_system-status.scss","webpack://theme-preprocess/./components/02-compounds/paragraphs/tab-group/_tab-group.scss","webpack://theme-preprocess/./components/02-compounds/person/_person-page-content.scss","webpack://theme-preprocess/./components/02-compounds/responsive-video/_field-video.scss","webpack://theme-preprocess/./components/02-compounds/service-desk-card/_service-desk-card.scss","webpack://theme-preprocess/./components/02-compounds/site/_footer.scss","webpack://theme-preprocess/./components/02-compounds/site/_header.scss","webpack://theme-preprocess/./components/02-compounds/site/_html.scss","webpack://theme-preprocess/./components/02-compounds/site/_page.scss","webpack://theme-preprocess/./components/02-compounds/site/_sidebar.scss","webpack://theme-preprocess/./components/02-compounds/site/_specific-pages.scss","webpack://theme-preprocess/./components/02-compounds/status/_status.scss","webpack://theme-preprocess/./components/02-compounds/study-space-details/_filter-form.scss","webpack://theme-preprocess/./components/02-compounds/study-space/_study-space-finder.scss","webpack://theme-preprocess/./components/02-compounds/system-status/_system-status-full.scss","webpack://theme-preprocess/./components/03-pages/lits-homepage/lits-homepage.scss"],"sourcesContent":["@charset \"UTF-8\";\n/**\n* Used to set the font size for \"LITS\" in logobar and to add whitespace to the MHC logos\n*/\n/**\n * @file\n * Variables, functions, and mixins to support responsiveness.\n */\n/* Breakpoints */\n/**\n * Standardized rate plus minimum size.\n *\n * @param number(size) $min-value\n * The minimum size at the zero point of linear-squish() function.\n * @param number(size) $width\n * Breakpoint to pass to linear-squish() function.\n * @return number(size)\n * Computed padding size.\n *\n * Calculation happens in CSS (not Sass), so any linear units are allowable.\n */\n/**\n * Padding size is proportional to viewport width.\n *\n * @param number(size) $width\n * The zero-point for expansion. Usually a breakpoint.\n * @return number(size)\n * Computed padding size.\n *\n * Calculation happens in CSS (not Sass), so any linear units are allowable.\n */\n/**\n * Convert rem to px for Sass calculation.\n *\n * @param number(rem) $rem\n * Value in rem to convert.\n * @return number(px)\n * Number of pixels corresponding to input.\n *\n * TODO: Is there a better place for helper functions?\n * TODO: Is 1rem => 16px explicitly specified anywhere?\n */\n/**\n * Assigns breakpoint-dependent values to flex-basis, and width 100% within.\n *\n * @param number(size) $small-basis\n * The flex-basis for breakpoint $small-width.\n * @param number(size) $medium-basis\n * The flex-basis for breakpoint $medium-width.\n * @param number(size) $large-basis\n * The flex-basis for breakpoint $large-width.\n *\n * Any valid size units for flex-basis are allowed.\n */\n/**\n * Smaller numbers mean faster expansion as viewport width increases.\n *\n * @return number(unitless)\n * Inverse rate of expansion.\n *\n * 6 => max padding 170px + min => max content width 1564px.\n * 5 => max padding 204px + min => max content width 1496px.\n * 4 => max padding 255px + min => max content width 1394px.\n */\n/**\n * Sets scalable viewport-dependent padding on one side of the element.\n *\n * @param unquoted-string $side\n * Which side to set padding for. Must be one of 'left' or 'right'.\n * @param number(unitless) $scale\n * Multiply all padding values (including max) by this. Useful for gutters\n * split between multiple elements, such as news items on the homepage.\n * @param number(rem) $max-padding\n * Do not set a padding higher than $scale times this value.\n */\n/**\n * Sets scalable viewport-dependent margin on one side of the element.\n *\n * @param unquoted-string $side\n * Which side to set margin for. Must be one of 'left' or 'right'.\n * @param number(unitless) $scale\n * Multiply all margin values (including max) by this. Useful for gutters\n * split between multiple elements, such as news items on the homepage.\n * @param number(rem) $max-margin\n * Do not set a margin higher than $scale times this value.\n */\n/**\n * Sets viewport-dependent padding on one side of the element.\n *\n * @param unquoted-string $side\n * Which side to set padding for. Must be one of 'left' or 'right'.\n * @param unquoted-string $type\n * Must be either:\n * - 'bare' (default): viewport larger than $max-width is handled elsewhere.\n * - 'stretch': extreme viewport size is handled on this element.\n */\n@font-face {\n font-family: \"chronicle-bold\";\n src: url(\"../fonts/chronicle/ChronicleTextG2-Bold-Pro.WOFF\") format(\"woff\");\n font-weight: normal;\n font-style: normal;\n}\n@font-face {\n font-family: \"chronicle-bold-italic\";\n src: url(\"../fonts/chronicle/ChronicleTextG2-BoldIta-Pro.WOFF\") format(\"woff\");\n font-weight: normal;\n font-style: normal;\n}\n@font-face {\n font-family: \"chronicle-italic\";\n src: url(\"../fonts/chronicle/ChronicleTextG2-Italic-Pro.WOFF\") format(\"woff\");\n font-weight: normal;\n font-style: normal;\n}\n@font-face {\n font-family: \"chronicle\";\n src: url(\"../fonts/chronicle/ChronicleTextG2-Roman-Pro.WOFF\") format(\"woff\");\n font-weight: normal;\n font-style: normal;\n}\n@font-face {\n font-family: \"chronicle-semibold\";\n src: url(\"../fonts/chronicle/ChronicleTextG2-Semibd-Pro.WOFF\") format(\"woff\");\n font-weight: normal;\n font-style: normal;\n}\n@font-face {\n font-family: \"chronicle-semibold-italic\";\n src: url(\"../fonts/chronicle/ChronicleTextG2-SemiIta-Pro.WOFF\") format(\"woff\");\n font-weight: normal;\n font-style: normal;\n}\n/**\n * Breakpoint Configuration\n * @see https://github.com/Team-Sass/breakpoint/wiki\n *\n */\n/**\n * @file\n * Color variables.\n */\n/* Primary colors */\n/* Background colors */\n/* Accent colors */\n/** new colors **/\n.animate-fade {\n -webkit-transition: opacity 0.3s ease-out;\n -moz-transition: opacity 0.3s ease-out;\n -ms-transition: opacity 0.3s ease-out;\n -o-transition: opacity 0.3s ease-out;\n transition: opacity 0.3s ease-out;\n}\n.animate-fade:hover {\n opacity: 0;\n}\n\n.animate-move > .demo-shape {\n -webkit-transition: all 0.8s ease-in-out;\n -moz-transition: all 0.8s ease-in-out;\n -ms-transition: all 0.8s ease-in-out;\n -o-transition: all 0.8s ease-in-out;\n transition: all 0.8s ease-in-out;\n}\n\n.grid__item {\n flex-grow: 1;\n margin-bottom: 1em;\n width: 100%;\n}\n@media (min-width: 48em) {\n .grid__item {\n margin: 0 3% 3% 0;\n width: auto;\n }\n}\n.grid__item:last-child {\n margin-right: 0;\n}\n.grid--columns-2 .grid__item {\n flex-grow: 1;\n margin-bottom: 1em;\n width: 100%;\n}\n@media (min-width: 48em) {\n .grid--columns-2 .grid__item {\n margin: 0 3% 3% 0;\n width: auto;\n }\n}\n.grid--columns-2 .grid__item:last-child {\n margin-right: 0;\n}\n@media (min-width: 48em) {\n .grid--columns-2 .grid__item {\n width: 48.2%;\n }\n .grid--columns-2 .grid__item:nth-child(2n) {\n margin-right: 0;\n }\n}\n.grid--columns-3 .grid__item {\n flex-grow: 1;\n margin-bottom: 1em;\n width: 100%;\n}\n@media (min-width: 48em) {\n .grid--columns-3 .grid__item {\n margin: 0 3% 3% 0;\n width: auto;\n }\n}\n.grid--columns-3 .grid__item:last-child {\n margin-right: 0;\n}\n@media (min-width: 48em) {\n .grid--columns-3 .grid__item {\n width: 31%;\n }\n .grid--columns-3 .grid__item:nth-child(3n) {\n margin-right: 0;\n }\n}\n.grid--pl .grid__item {\n background-color: rgba(0, 0, 0, 0.2);\n min-height: 100px;\n}\n\n.grid--divider .grid__item {\n flex-grow: 0;\n}\n@media (min-width: 48em) {\n .grid--divider .grid__item {\n margin-right: 3.5%;\n position: relative;\n }\n .grid--divider .grid__item::after {\n background-color: #ccc;\n content: \"\";\n display: block;\n height: 100%;\n position: absolute;\n top: 0;\n width: 1px;\n }\n}\n@media (min-width: 48em) {\n .grid--divider .grid__item:last-child {\n margin-right: 0;\n }\n}\n.grid--divider .grid__item:last-child::after {\n display: none;\n}\n.grid--divider.grid--columns-2 .grid__item {\n flex-grow: 0;\n}\n@media (min-width: 48em) {\n .grid--divider.grid--columns-2 .grid__item {\n margin-right: 3.5%;\n position: relative;\n }\n .grid--divider.grid--columns-2 .grid__item::after {\n background-color: #ccc;\n content: \"\";\n display: block;\n height: 100%;\n position: absolute;\n top: 0;\n width: 1px;\n }\n}\n.grid--divider.grid--columns-2 .grid__item::after {\n right: -3.5%;\n}\n.grid--divider.grid--columns-2 .grid__item:nth-child(2n) {\n margin-right: 0;\n}\n.grid--divider.grid--columns-2 .grid__item:nth-child(2n)::after {\n display: none;\n}\n@media (min-width: 48em) {\n .grid--divider.grid--columns-2 .grid__item:last-child {\n margin-right: 0;\n }\n}\n.grid--divider.grid--columns-2 .grid__item:last-child::after {\n display: none;\n}\n.grid--divider.grid--columns-3 .grid__item {\n flex-grow: 0;\n}\n@media (min-width: 48em) {\n .grid--divider.grid--columns-3 .grid__item {\n margin-right: 3.5%;\n position: relative;\n }\n .grid--divider.grid--columns-3 .grid__item::after {\n background-color: #ccc;\n content: \"\";\n display: block;\n height: 100%;\n position: absolute;\n top: 0;\n width: 1px;\n }\n}\n.grid--divider.grid--columns-3 .grid__item::after {\n right: -5.5%;\n}\n.grid--divider.grid--columns-3 .grid__item:nth-child(3n) {\n margin-right: 0;\n}\n.grid--divider.grid--columns-3 .grid__item:nth-child(3n)::after {\n display: none;\n}\n@media (min-width: 48em) {\n .grid--divider.grid--columns-3 .grid__item:last-child {\n margin-right: 0;\n }\n}\n.grid--divider.grid--columns-3 .grid__item:last-child::after {\n display: none;\n}\n\n.grid {\n display: flex;\n flex-wrap: wrap;\n}\n\n.text-long figure figcaption {\n padding: 0.5rem 1rem;\n background-color: #e2dfdd;\n}\n.text-long figure img {\n margin: 0;\n}\n\n/**\n * @file\n * Reusable styles for links.\n */\n/**\n * Standard links in running text on white background.\n *\n * Contrast ratios for $med-blue:\n * - $white => 4.65\n * - $pale-gray => 3.51 not sufficient for standard size text\n * - $charcoal => 3.49 acceptable as contrasting text\n *\n * Contrast ratios for $dark-blue:\n * - $white => 9.60\n * - $pale-gray => 7.23\n * - $charcoal => 1.81 not distinct at all\n */\n/**\n * Links on $black or $charcoal backgrounds should include or extend this.\n *\n * Contrast ratios for $light-blue:\n * - $black => 7.75\n * - $charcoal => 6.42\n * - $white => 2.71 not sufficiently distinct without underline\n *\n * Contrast ratios for $pale-gray:\n * - $black => 15.83\n * - $charcoal => 13.12\n * - $white => 1.33 not distinct at all\n */\n/**\n * Links on blue backgrounds should include or extend this.\n *\n * Most are obvious as navigation because of context; no underline necessary.\n *\n * Contrast ratios for $white:\n * - $dark-blue => 9.60\n * - $med-blue => 4.66\n *\n * Contrast ratios for $light-blue:\n * - $dark-blue => 3.54\n * - $med-blue => 1.72\n */\n/**\n * Link on Blue Background\n *\n * Used by:\n * - @compounds/location-teaser\n */\na {\n color: #07c;\n text-decoration: none;\n}\na:link, a:visited {\n color: #07c;\n}\na:active, a:hover {\n color: #004876;\n text-decoration: underline solid;\n}\na:focus {\n outline-offset: 2px;\n outline: 3px solid #004876;\n text-decoration: underline solid;\n}\n\n.bluebg a,\na.bluebg {\n color: white;\n text-decoration: none;\n}\n.bluebg a:link, .bluebg a:visited,\na.bluebg:link,\na.bluebg:visited {\n color: white;\n}\n.bluebg a:active, .bluebg a:hover,\na.bluebg:active,\na.bluebg:hover {\n color: #ccdae3;\n text-decoration: underline solid;\n}\n.bluebg a:focus,\na.bluebg:focus {\n outline-offset: 2px;\n outline: 3px solid white;\n text-decoration: underline solid;\n}\n.bluebg a svg:focus,\na.bluebg svg:focus {\n outline-offset: 2px;\n outline: 3px solid white;\n text-decoration: underline solid;\n}\n\n/**\n * Links on green backgrounds should include or extend this.\n *\n * Contrast ratios for $green background\n * $white => 4.66\n * $pale-gray => 3.51 not sufficient for standard size text\n */\n/**\n * Links on $pale-gray backgrounds should include or extend this.\n *\n * Contrast ratios for $pale-gray background\n * $dark-blue => 7.23\n * $med-gray => 3.51 not sufficient for standard size text\n */\n.h1, .ck-editor h1, .text-long h1, h1 {\n color: #1a1a1a;\n font-family: ars-maquette-web, sans-serif;\n font-weight: 700;\n font-style: normal;\n font-size: 2rem;\n line-height: 1.4;\n margin: 20px 0 0.5em;\n width: auto;\n}\n.h1__link {\n color: #07c;\n}\n.h1__link:hover {\n color: inherit;\n}\n\n.h2, .ck-editor h2,\n.ck-editor .ck-button.ck-heading_heading2, .text-long h2 {\n color: #1a1a1a;\n font-family: ars-maquette-web, sans-serif;\n font-weight: 700;\n font-style: normal;\n font-size: 1.8rem;\n line-height: 1.4;\n margin: 10px 0 0.5em;\n width: auto;\n}\n.h2__link {\n color: #07c;\n}\n.h2__link:hover {\n color: inherit;\n}\n\n.h3, .lits-location .location-content h3, .ck-editor h3,\n.ck-editor .ck-button.ck-heading_heading3, .text-long h3 {\n color: #5c7f1a;\n font-family: ars-maquette-web, sans-serif;\n font-weight: bold;\n font-style: normal;\n font-size: 1.4rem;\n line-height: 1.6;\n margin: 10px 0 0.5em;\n width: auto;\n}\n.h3__link {\n color: #07c;\n}\n.h3__link:hover {\n color: inherit;\n}\n\n.h4, .ck-editor h4,\n.ck-editor .ck-button.ck-heading_heading4, .text-long h4 {\n text-transform: uppercase;\n color: #6e6259;\n font-family: ars-maquette-web, sans-serif;\n font-weight: normal;\n font-style: normal;\n font-size: 1.2rem;\n line-height: 1.6;\n margin: 10px 0 0.5em;\n width: auto;\n}\n.h4__link {\n color: #07c;\n}\n.h4__link:hover {\n color: inherit;\n}\n\n.h5, .ck-editor h5,\n.ck-editor .ck-button.ck-heading_heading5, .text-long h5,\n.h6,\n.ck-editor h6,\n.ck-editor .ck-button.ck-heading_heading6,\n.text-long h6 {\n color: #6e6259;\n font-family: ars-maquette-web, sans-serif;\n font-weight: 600;\n font-style: normal;\n font-size: 1.1rem;\n line-height: 2;\n margin: 10px 0 0.5em;\n width: auto;\n}\n.h5__link,\n.h6__link {\n color: #07c;\n}\n.h5__link:hover,\n.h6__link:hover {\n color: inherit;\n}\n\n/** hours open title **/\n#logobar-hours-content h3 {\n color: #004876;\n font-family: ars-maquette-web, sans-serif;\n font-weight: 700;\n font-style: normal;\n font-size: 1rem;\n line-height: 1.6;\n margin: 10px 0 0;\n width: auto;\n}\n#logobar-hours-content h3__link {\n color: #07c;\n}\n#logobar-hours-content h3__link:hover {\n color: inherit;\n}\n\n/** Search query styling **/\nh1 span.search-query {\n font-style: italic;\n color: #a20067;\n}\n\n/** Search Result Title **/\n.search-results h2 {\n font-size: 1.6rem;\n font-weight: normal;\n background-color: #004876;\n color: white;\n padding: 10px 15px;\n -webkit-margin-after: 5px;\n margin: 0 0 5px;\n}\n\n/** style the element **/\n.search-website h3.search-result-title, .search-website h2.search-result-title {\n -webkit-margin-before: 0.5em;\n -webkit-margin-after: 0.5em;\n}\n\n.library-accounts-wrap h2 {\n display: inline-block;\n margin: auto 0;\n text-align: left;\n padding: 0;\n font-weight: normal;\n}\n\n.bentos {\n /** Search page heading styling **/\n}\n.bentos h2.search-result-title, .bentos h3.search-result-title {\n margin: 15px 0;\n font-weight: 300;\n font-size: 1.4rem;\n line-height: 1.85rem;\n}\n.bentos h4.search-result-authors {\n margin-top: 0;\n -webkit-margin-before: 0;\n -webkit-margin-after: 0;\n font-weight: 300;\n font-size: 1rem;\n line-height: 1.7rem;\n}\n\n.staff-card h2 {\n margin-bottom: 0;\n}\n\nbody,\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n color: #1a1a1a;\n font-family: \"ars-maquette-web\", sans-serif;\n font-size: 1.2rem;\n line-height: 2rem;\n}\n\n.paragraph, .ck-editor p, .text-long p {\n margin: 0 0 1em;\n}\n\n.blockquote, .ck-editor blockquote, .text-long blockquote {\n font-style: italic;\n border-left: solid 3px #999;\n margin-left: 1em;\n padding-left: 1em;\n}\n\n.hr, .text-long hr {\n border-style: solid;\n border-width: 1px 0 0;\n color: currentColor;\n}\n\naddress {\n font-style: normal;\n}\n\nhr.divider {\n margin-top: 1rem;\n margin-bottom: 1rem;\n color: #5c7f1a;\n}\n\n/** Closing soon, open now, closed styling **/\n.open-now-container svg.border {\n color: white;\n}\n.open-now-container .closing_soon svg.indicator {\n color: #ff9e1b;\n}\n.open-now-container .open_now svg.indicator {\n color: #5c7f1a;\n}\n.open-now-container .closed_now svg.indicator {\n color: #ef3340;\n}\n\n.ampm {\n font-variant: small-caps;\n}\n\n/** Accessibility text **/\n.nav .visually-hidden {\n color: white;\n}\n\n/** Shown Temporarily **/\nimg.lits_filter.inline {\n display: inline;\n margin: 0;\n}\nimg.lits_filter.inline.mhcgetit {\n vertical-align: middle;\n}\n\n#main-content.main-sidebar-side article.node ul,\n#main-content.main-sidebar-side article.node ol,\n#sidebar-container ul,\n#sidebar-container ol {\n padding-left: 0;\n margin-left: 2em;\n}\n\nul {\n list-style-type: circle;\n list-style-position: outside;\n}\n\nol {\n list-style-type: decimal;\n}\n\n.list-item, .ck-editor ol li,\n.ck-editor ul li {\n margin-bottom: 0.2em;\n padding-left: 1em;\n}\n\n/**\n.text-long {\n ol,\n ul {\n li {\n @extend .list-item;\n }\n }\n}\n**/\nimg,\npicture {\n display: block;\n height: auto;\n max-width: 100%;\n margin: 20px 0;\n}\n\nfigure {\n margin: 0;\n}\n\n.figure__caption {\n font-style: italic;\n}\n\nsvg.svg-inline--other {\n vertical-align: -6px;\n}\n\n.form-item--checkboxes,\n.form-item--checkbox__item {\n list-style: none;\n margin: 0;\n padding: 0;\n}\n\n.form-item--radios,\n.form-item--radio__item {\n list-style: none;\n margin: 0;\n padding: 0;\n}\n\n.form-item__dropdown {\n outline: 1px solid #e5e5e5;\n display: block;\n position: relative;\n}\n.form-item__dropdown::after {\n border-left: 5px solid transparent;\n border-right: 5px solid transparent;\n border-top: 9px solid #333;\n content: \" \";\n position: absolute;\n top: 42%;\n right: 9px;\n z-index: 1;\n /* These hacks make the select behind the arrow clickable in some browsers */\n pointer-events: none;\n display: none;\n}\n\n.form-item__select {\n border: 1px solid #6e6259;\n background: white;\n font-size: 14px;\n margin: 0;\n padding: 0.6em 0.8em 0.5em;\n width: 100%;\n height: 100%;\n}\n.form-item__select:focus {\n outline-offset: 2px;\n outline: 3px solid #004876;\n}\n.lits_homepage #block-lits-theme-litsunifiedsearchblock .form-item__select:focus {\n outline-offset: 2px;\n outline: 3px solid #ff9e1b;\n}\n\n@supports (-webkit-appearance: none) or (appearance: none) or ((-moz-appearance: none) and (mask-type: alpha)) {\n /* Show custom arrow */\n .form-item__dropdown::after {\n display: block;\n }\n /* Remove select styling */\n .form-item__select {\n padding-right: 2em; /* Match-01 */\n /* inside @supports so that iOS <= 8 display the native arrow */\n background: none; /* Match-04 */\n background-color: white;\n /* inside @supports so that Android <= 4.3 display the native arrow */\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n }\n}\n.form-item {\n color: #6e6259;\n margin-bottom: 1em;\n max-width: 32em;\n}\n.form-item::after {\n clear: both;\n content: \"\";\n display: table;\n}\n\n.form-item__label {\n display: block;\n font-weight: 600;\n}\n@media (min-width: 25em) {\n .form-item__label {\n display: block;\n margin-right: 2%;\n padding: 0.6em 0;\n }\n}\n\n.js-form-type-checkbox .form-item__label,\n.js-form-type-radio .form-item__label {\n display: inline;\n}\n\n.form-item__textfield {\n border: 1px solid #6e6259;\n padding: 0.4em;\n}\n.form-item__textfield:focus {\n outline-offset: 2px;\n outline: 3px solid #004876;\n}\n.lits_homepage #block-lits-theme-litsunifiedsearchblock .form-item__textfield:focus {\n outline-offset: 2px;\n outline: 3px solid #ff9e1b;\n}\n.form-item__textfield::-webkit-input-placeholder {\n color: #999;\n}\n.form-item__textfield:-moz-placeholder {\n color: #999;\n}\n.form-item__textfield::-moz-placeholder {\n color: #999;\n}\n.form-item__textfield:-ms-input-placeholder {\n color: #999;\n}\n\n.form-item__description {\n margin-top: 0.3em;\n}\n\n.form-fieldset {\n border: none;\n margin-bottom: 2em;\n padding: 0;\n}\n.form-fieldset .form-item {\n margin-left: 1em;\n max-width: 31em;\n}\n\n.button {\n background-color: #07c;\n border: none;\n outline: none;\n color: white;\n cursor: pointer;\n font-size: 0.9em;\n line-height: 1.4;\n padding: 10px;\n margin: 15px 0;\n font-weight: normal;\n font-style: normal;\n display: block;\n text-decoration: none;\n text-align: center;\n}\n.button:visited {\n color: white;\n}\n.button:hover {\n background-color: #6e6259;\n color: white;\n}\n.button:focus {\n outline-offset: 2px;\n outline: 3px solid #004876;\n}\n.lits_homepage #block-lits-theme-litsunifiedsearchblock .button:focus {\n outline-offset: 2px;\n outline: 3px solid #ff9e1b;\n}\n.button--alt {\n background-color: #07c;\n border: none;\n outline: none;\n color: white;\n cursor: pointer;\n font-size: 0.9em;\n line-height: 1.4;\n padding: 10px;\n margin: 15px 0;\n font-weight: normal;\n font-style: normal;\n display: block;\n text-decoration: none;\n text-align: center;\n}\n.button--alt:visited {\n color: white;\n}\n.button--alt:hover {\n background-color: #6e6259;\n color: white;\n}\n.button--alt:focus {\n outline-offset: 2px;\n outline: 3px solid #004876;\n}\n.lits_homepage #block-lits-theme-litsunifiedsearchblock .button--alt:focus {\n outline-offset: 2px;\n outline: 3px solid #ff9e1b;\n}\n.button--alt {\n background-color: #07c;\n border: none;\n outline: none;\n color: white;\n cursor: pointer;\n font-size: 0.8rem;\n line-height: 1.4;\n padding: 10px;\n margin: 15px 0;\n font-weight: normal;\n font-style: normal;\n display: block;\n text-decoration: none;\n text-align: center;\n}\n.button--alt:visited {\n color: white;\n}\n.button--alt:hover {\n background-color: #6e6259;\n color: white;\n}\n.button--alt:focus {\n outline-offset: 2px;\n outline: 3px solid #004876;\n}\n.lits_homepage #block-lits-theme-litsunifiedsearchblock .button--alt:focus {\n outline-offset: 2px;\n outline: 3px solid #ff9e1b;\n}\n.button--alt-2 {\n background-color: #07c;\n border: none;\n outline: none;\n color: white;\n cursor: pointer;\n font-size: 0.9em;\n line-height: 1.4;\n padding: 10px;\n margin: 15px 0;\n font-weight: normal;\n font-style: normal;\n display: block;\n text-decoration: none;\n text-align: center;\n}\n.button--alt-2:visited {\n color: white;\n}\n.button--alt-2:hover {\n background-color: #6e6259;\n color: white;\n}\n.button--alt-2:focus {\n outline-offset: 2px;\n outline: 3px solid #004876;\n}\n.lits_homepage #block-lits-theme-litsunifiedsearchblock .button--alt-2:focus {\n outline-offset: 2px;\n outline: 3px solid #ff9e1b;\n}\n.button--alt-2 {\n text-transform: none;\n}\n.button--alt-2 {\n background-color: #5c7f1a;\n border: none;\n outline: none;\n color: white;\n cursor: pointer;\n font-size: 0.8rem;\n line-height: 1.4;\n padding: 10px;\n margin: 15px 0;\n font-weight: normal;\n font-style: normal;\n display: block;\n text-decoration: none;\n text-align: center;\n}\n.button--alt-2:visited {\n color: white;\n}\n.button--alt-2:hover {\n background-color: #a20067;\n color: white;\n}\n.button--alt-2:focus {\n outline-offset: 2px;\n outline: 3px solid #004876;\n}\n.lits_homepage #block-lits-theme-litsunifiedsearchblock .button--alt-2:focus {\n outline-offset: 2px;\n outline: 3px solid #ff9e1b;\n}\n\n.table, .ck-editor table, .text-long table {\n border: 1px solid #e2dfdd;\n border-radius: 4px;\n border-spacing: 0;\n background-color: #f8f8f8;\n width: 100%;\n margin-bottom: 50px;\n}\n\n.table__heading-cell, .ck-editor th, .text-long th {\n border: none;\n border-left: 1px solid #e2dfdd;\n color: black;\n font-weight: 700;\n padding: 1.2em;\n text-align: left;\n}\n.table__heading-cell:first-child, .ck-editor th:first-child, .text-long th:first-child {\n border: none;\n}\n\n.table__row:nth-child(odd), .ck-editor tbody tr:nth-child(odd), .text-long tbody tr:nth-child(odd) {\n background-color: white;\n}\n.table__row:last-child td:first-child, .ck-editor tbody tr:last-child td:first-child, .text-long tbody tr:last-child td:first-child {\n border-radius: 0 0 0 5px;\n}\n.table__row:last-child td:last-child, .ck-editor tbody tr:last-child td:last-child, .text-long tbody tr:last-child td:last-child {\n border-radius: 0 0 5px;\n}\n\n.table__cell, .ck-editor td, .text-long td {\n border: 1px solid #e2dfdd;\n border-left: none;\n border-bottom: none;\n padding: 1em;\n}\n.table__cell:last-child, .ck-editor td:last-child, .text-long td:last-child {\n border-right: none;\n}\n\n.table__footer-cell, .ck-editor tfoot th, .text-long tfoot th,\n.table__footer-cell:first-child {\n border-left: none;\n border-top: 1px solid #e2dfdd;\n}\n\n/*\n.video {\n height: 0;\n overflow: hidden;\n padding-top: 35px;\n padding-bottom: 56.25%; // 56.25% = 16x9\n position: relative;\n\n &--full {\n padding-bottom: 75%; // 75% = 4x3\n }\n\n iframe {\n height: 100%;\n left: 0;\n position: absolute;\n top: 0;\n width: 100%;\n }\n}\n*/\n.subtitle {\n color: #6e6259;\n font-style: italic;\n font-size: 0.85em;\n line-height: 1em;\n display: block;\n}\n\n.footer .subtitle {\n margin-left: 10%;\n}\n\n.main-menu__link--sub .subtitle {\n padding: 2px 0;\n}\n\n.tabs__link {\n border: 1px solid transparent;\n display: block;\n cursor: pointer;\n font-size: 1.2rem;\n font-weight: 400;\n padding: 15px 15px 25px;\n text-align: center;\n text-decoration: none;\n transition: color 0.3s;\n max-width: 80%;\n margin: 0 auto;\n color: #07c;\n text-decoration: none;\n}\n.tabs__link:link, .tabs__link:visited {\n color: #07c;\n}\n.tabs__link:active, .tabs__link:hover {\n color: #004876;\n text-decoration: underline solid;\n}\n.tabs__link:focus {\n outline-offset: 2px;\n outline: 3px solid #004876;\n text-decoration: underline solid;\n}\n.tabs__link.is-active {\n border: 1px dashed #07c;\n color: #004876;\n background-color: white;\n}\n@media (min-width: 900px) {\n .tabs__link.is-active {\n border-bottom: none;\n }\n}\n@media (min-width: 600px) {\n .tabs__link {\n max-width: 100%;\n min-height: 60px;\n border-bottom: none;\n }\n .tabs__link::after {\n content: \"\";\n position: absolute;\n left: 1.2em;\n bottom: 10px;\n width: 22px;\n height: 4px;\n background: #e2dfdd;\n }\n .tabs__link.is-active::after {\n background: #74d7ed;\n }\n}\n@media (min-width: 900px) {\n .tabs__link {\n text-align: left;\n border-bottom: 0;\n border-left: none;\n display: inline-block;\n font-size: 1rem;\n line-height: 1.4rem;\n padding: 1em 1.2em 1.4em;\n position: relative;\n width: auto;\n }\n}\n.tabs__link:hover, .tabs__link:focus {\n color: #07c;\n text-decoration: none;\n}\n.tabs__link:hover:link, .tabs__link:hover:visited, .tabs__link:focus:link, .tabs__link:focus:visited {\n color: #07c;\n}\n.tabs__link:hover:active, .tabs__link:hover:hover, .tabs__link:focus:active, .tabs__link:focus:hover {\n color: #004876;\n text-decoration: underline solid;\n}\n.tabs__link:hover:focus, .tabs__link:focus:focus {\n outline-offset: 2px;\n outline: 3px solid #004876;\n text-decoration: underline solid;\n}\n.tabs__link:hover::after, .tabs__link:focus::after {\n background: #00a9e0;\n}\n\n.comment {\n border: 1px solid #ccc;\n padding: 1rem;\n margin-bottom: 1rem;\n}\n.comment h4 {\n margin: 0;\n}\n.comment section {\n margin-left: 1rem;\n}\n.comment footer {\n margin-top: 1rem;\n display: flex;\n flex-flow: column nowrap;\n}\n@media (min-width: 900px) {\n .comment footer {\n flex-flow: row nowrap;\n }\n}\n.comment footer > a:first-of-type {\n margin-right: 1rem;\n}\n.comment .submitted {\n font-style: italic;\n font-weight: normal;\n color: #4c4c4c;\n margin: 0 0 0.25rem;\n font-size: 1rem;\n}\n.comment .links.inline {\n list-style: none;\n display: flex;\n flex-flow: column nowrap;\n margin: 0;\n padding: 0;\n}\n@media (min-width: 900px) {\n .comment .links.inline {\n flex-flow: row nowrap;\n }\n .comment .links.inline li {\n margin: 0 1rem;\n }\n}\n.comment .links.inline .comment-reply {\n display: none;\n}\n\n.comment-form input {\n width: 100%;\n}\n\n.article .comment-form,\n.article .status-updates h2,\n.article .comment .links.inline,\n.article .comment footer a {\n display: none;\n}\n.article .comment {\n border: none;\n padding: 0;\n margin: 0;\n}\n.article .comment section {\n margin-left: 0;\n}\n.article .comment footer {\n margin-top: 0;\n}\n\n.layout-container.tagged-items-container, .tagged-items-container#newsbar.newsbar-sidebar-side, .tagged-items-container.study-space-finder, .tagged-items-container#main-content.main-sidebar-side {\n list-style: none;\n margin: 0;\n padding: 0;\n justify-content: flex-start;\n}\n.site-tags-index-page .layout-container.tagged-items-container, .site-tags-index-page .tagged-items-container#newsbar.newsbar-sidebar-side, .site-tags-index-page .tagged-items-container.study-space-finder, .site-tags-index-page .tagged-items-container#main-content.main-sidebar-side {\n flex-flow: column wrap;\n}\n\n.taxonomy-term-tags,\n.taxonomy-term-tags h2,\n.taxonomy-term-tags div,\n.taxonomy-term-tags img,\n.taxonomy-term-tags article,\n.field-field-tags,\n.field-field-tags h2,\n.field-field-tags div,\n.field-field-tags img,\n.field-field-tags article {\n display: inline;\n}\n.taxonomy-term-tags a,\n.field-field-tags a {\n text-decoration: underline;\n}\n.taxonomy-term-tags h2, #newsbar .taxonomy-term-tags h2,\n.field-field-tags h2,\n#newsbar .field-field-tags h2 {\n font-size: 1em;\n font-weight: normal;\n}\n.taxonomy-term-tags img,\n.field-field-tags img {\n height: 1.5em;\n width: auto;\n vertical-align: middle;\n margin: 0;\n}\n\n.views-view-list-site-tag-index-page-1 .taxonomy-term-tags[data-num-parents=\"1\"] {\n margin-left: 1em;\n}\n.views-view-list-site-tag-index-page-1 .taxonomy-term-tags[data-num-parents=\"2\"] {\n margin-left: 2em;\n}\n.views-view-list-site-tag-index-page-1 .taxonomy-term-tags[data-num-parents=\"3\"] {\n margin-left: 3em;\n}\n.views-view-list-site-tag-index-page-1 .taxonomy-term-tags[data-num-parents=\"4\"] {\n margin-left: 4em;\n}\n.views-view-list-site-tag-index-page-1 .taxonomy-term-tags[data-num-parents=\"5\"] {\n margin-left: 5em;\n}\n\n.tag-page .node--news-item > div,\narticle.node--news-item .field-field-tags {\n padding: 0 1rem 0.5rem;\n}\n\n.tag-page .tagged-items-container > li {\n width: 100%;\n}\n.tag-page .tagged-items-container > li article.node--news-item {\n margin-right: calc(0.5 * 0.5rem);\n}\n@media (min-width: 900px) {\n .tag-page .tagged-items-container > li article.node--news-item {\n margin-right: calc(0.5 * (0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 1044px) {\n .tag-page .tagged-items-container > li article.node--news-item {\n margin-right: calc(0.5 * 2rem);\n }\n}\n.tag-page .tagged-items-container > li article.node--news-item {\n margin-left: calc(0.5 * 0.5rem);\n}\n@media (min-width: 900px) {\n .tag-page .tagged-items-container > li article.node--news-item {\n margin-left: calc(0.5 * (0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 1044px) {\n .tag-page .tagged-items-container > li article.node--news-item {\n margin-left: calc(0.5 * 2rem);\n }\n}\n@media (min-width: 600px) {\n .tag-page .tagged-items-container > li {\n width: 50%;\n }\n}\n@media (min-width: 1200px) {\n .tag-page .tagged-items-container > li {\n margin-bottom: 1rem;\n width: 25%;\n }\n}\n\n.tag-breadcrumbs {\n display: flex;\n flex-flow: row nowrap;\n align-items: center;\n}\n.tag-breadcrumbs .title {\n margin-right: 0.5rem;\n}\n.tag-breadcrumbs ul {\n list-style: none;\n margin: 0;\n padding: 0;\n display: inline-flex;\n flex-flow: row wrap;\n}\n#main-content.main-sidebar-side article.node .tag-breadcrumbs ul, #main-content.main-sidebar-side article.node .tag-breadcrumbs ul, #sidebar-container .tag-breadcrumbs ul, #sidebar-container .tag-breadcrumbs ul {\n margin: 0;\n}\n.tag-breadcrumbs ul .fa-circle {\n font-size: 0.5rem;\n margin: 0 0.25rem;\n vertical-align: middle;\n}\n\n.card__grid {\n display: flex;\n flex-wrap: wrap;\n margin-bottom: 1em;\n}\n\n.card--grid-item {\n flex-grow: 1;\n margin-bottom: 1em;\n width: 100%;\n}\n@media (min-width: 48em) {\n .card--grid-item {\n margin: 0 3% 3% 0;\n width: auto;\n }\n}\n.card--grid-item:last-child {\n margin-right: 0;\n}\n@media (min-width: 48em) {\n .card--grid-item {\n width: 31%;\n }\n .card--grid-item:nth-child(3n) {\n margin-right: 0;\n }\n}\n\n.card--divider-3 {\n flex-grow: 0;\n}\n@media (min-width: 48em) {\n .card--divider-3 {\n margin-right: 3.5%;\n position: relative;\n }\n .card--divider-3::after {\n background-color: #ccc;\n content: \"\";\n display: block;\n height: 100%;\n position: absolute;\n top: 0;\n width: 1px;\n }\n}\n.card--divider-3::after {\n right: -5.5%;\n}\n.card--divider-3:nth-child(3n) {\n margin-right: 0;\n}\n.card--divider-3:nth-child(3n)::after {\n display: none;\n}\n@media (min-width: 48em) {\n .card--divider-3:last-child {\n margin-right: 0;\n }\n}\n.card--divider-3:last-child::after {\n display: none;\n}\n\n.card__title {\n color: inherit;\n font-family: ars-maquette-web, sans-serif;\n font-weight: 700;\n font-style: normal;\n font-size: 1.3rem;\n line-height: 1.4;\n margin: 10px 0 0.5em;\n width: auto;\n}\n.card__title__link {\n color: #07c;\n}\n.card__title__link:hover {\n color: inherit;\n}\n.card__title {\n margin-bottom: 0;\n}\n.card__title-link {\n color: #07c;\n text-decoration: none;\n}\n.card__title-link:link, .card__title-link:visited {\n color: #07c;\n}\n.card__title-link:active, .card__title-link:hover {\n color: #004876;\n text-decoration: underline solid;\n}\n.card__title-link:focus {\n outline-offset: 2px;\n outline: 3px solid #004876;\n text-decoration: underline solid;\n}\n\n.card__subtitle {\n color: #6e6259;\n font-family: ars-maquette-web, sans-serif;\n font-weight: 700;\n font-style: normal;\n font-size: 1rem;\n line-height: 1.6;\n margin: 10px 0 0.5em;\n width: auto;\n}\n.card__subtitle__link {\n color: #07c;\n}\n.card__subtitle__link:hover {\n color: inherit;\n}\n.card__subtitle {\n margin-bottom: 0;\n}\n\n.card__body {\n margin: 0.7em 0 1em;\n}\n\n.card__link {\n color: #07c;\n text-decoration: none;\n}\n.card__link:link, .card__link:visited {\n color: #07c;\n}\n.card__link:active, .card__link:hover {\n color: #004876;\n text-decoration: underline solid;\n}\n.card__link:focus {\n outline-offset: 2px;\n outline: 3px solid #004876;\n text-decoration: underline solid;\n}\n\n.card__button {\n background-color: #07c;\n border: none;\n outline: none;\n color: white;\n cursor: pointer;\n font-size: 0.9em;\n line-height: 1.4;\n padding: 10px;\n margin: 15px 0;\n font-weight: normal;\n font-style: normal;\n display: block;\n text-decoration: none;\n text-align: center;\n}\n.card__button:visited {\n color: white;\n}\n.card__button:hover {\n background-color: #6e6259;\n color: white;\n}\n.card__button:focus {\n outline-offset: 2px;\n outline: 3px solid #004876;\n}\n.lits_homepage #block-lits-theme-litsunifiedsearchblock .card__button:focus {\n outline-offset: 2px;\n outline: 3px solid #ff9e1b;\n}\n\n.card--bg {\n background-color: #e5e5e5;\n padding: 1em;\n}\n\n.staff-card article {\n margin-bottom: 1.5em;\n}\n\n/**\n * @file\n * Color variables.\n */\n/* Primary colors */\n/* Background colors */\n/* Accent colors */\n/** new colors **/\n/**\n* Used to set the font size for \"LITS\" in logobar and to add whitespace to the MHC logos\n*/\n/**\n * @file\n * Reusable styles for links.\n */\n/**\n * Standard links in running text on white background.\n *\n * Contrast ratios for $med-blue:\n * - $white => 4.65\n * - $pale-gray => 3.51 not sufficient for standard size text\n * - $charcoal => 3.49 acceptable as contrasting text\n *\n * Contrast ratios for $dark-blue:\n * - $white => 9.60\n * - $pale-gray => 7.23\n * - $charcoal => 1.81 not distinct at all\n */\n/**\n * Links on $black or $charcoal backgrounds should include or extend this.\n *\n * Contrast ratios for $light-blue:\n * - $black => 7.75\n * - $charcoal => 6.42\n * - $white => 2.71 not sufficiently distinct without underline\n *\n * Contrast ratios for $pale-gray:\n * - $black => 15.83\n * - $charcoal => 13.12\n * - $white => 1.33 not distinct at all\n */\n/**\n * Links on blue backgrounds should include or extend this.\n *\n * Most are obvious as navigation because of context; no underline necessary.\n *\n * Contrast ratios for $white:\n * - $dark-blue => 9.60\n * - $med-blue => 4.66\n *\n * Contrast ratios for $light-blue:\n * - $dark-blue => 3.54\n * - $med-blue => 1.72\n */\n/**\n * Link on Blue Background\n *\n * Used by:\n * - @compounds/location-teaser\n */\na {\n color: #07c;\n text-decoration: none;\n}\na:link, a:visited {\n color: #07c;\n}\na:active, a:hover {\n color: #004876;\n text-decoration: underline solid;\n}\na:focus {\n outline-offset: 2px;\n outline: 3px solid #004876;\n text-decoration: underline solid;\n}\n\n.bluebg a,\na.bluebg {\n color: white;\n text-decoration: none;\n}\n.bluebg a:link, .bluebg a:visited,\na.bluebg:link,\na.bluebg:visited {\n color: white;\n}\n.bluebg a:active, .bluebg a:hover,\na.bluebg:active,\na.bluebg:hover {\n color: #ccdae3;\n text-decoration: underline solid;\n}\n.bluebg a:focus,\na.bluebg:focus {\n outline-offset: 2px;\n outline: 3px solid white;\n text-decoration: underline solid;\n}\n.bluebg a svg:focus,\na.bluebg svg:focus {\n outline-offset: 2px;\n outline: 3px solid white;\n text-decoration: underline solid;\n}\n\n/**\n * Links on green backgrounds should include or extend this.\n *\n * Contrast ratios for $green background\n * $white => 4.66\n * $pale-gray => 3.51 not sufficient for standard size text\n */\n/**\n * Links on $pale-gray backgrounds should include or extend this.\n *\n * Contrast ratios for $pale-gray background\n * $dark-blue => 7.23\n * $med-gray => 3.51 not sufficient for standard size text\n */\n.h1, .ck-editor h1, h1, .text-long h1 {\n color: #1a1a1a;\n font-family: ars-maquette-web, sans-serif;\n font-weight: 700;\n font-style: normal;\n font-size: 2rem;\n line-height: 1.4;\n margin: 20px 0 0.5em;\n width: auto;\n}\n.h1__link {\n color: #07c;\n}\n.h1__link:hover {\n color: inherit;\n}\n\n.h2, .ck-editor h2,\n.ck-editor .ck-button.ck-heading_heading2, .text-long h2 {\n color: #1a1a1a;\n font-family: ars-maquette-web, sans-serif;\n font-weight: 700;\n font-style: normal;\n font-size: 1.8rem;\n line-height: 1.4;\n margin: 10px 0 0.5em;\n width: auto;\n}\n.h2__link {\n color: #07c;\n}\n.h2__link:hover {\n color: inherit;\n}\n\n.h3, .lits-location .location-content h3, .ck-editor h3,\n.ck-editor .ck-button.ck-heading_heading3, .text-long h3 {\n color: #5c7f1a;\n font-family: ars-maquette-web, sans-serif;\n font-weight: bold;\n font-style: normal;\n font-size: 1.4rem;\n line-height: 1.6;\n margin: 10px 0 0.5em;\n width: auto;\n}\n.h3__link {\n color: #07c;\n}\n.h3__link:hover {\n color: inherit;\n}\n\n.h4, .ck-editor h4,\n.ck-editor .ck-button.ck-heading_heading4, .text-long h4 {\n text-transform: uppercase;\n color: #6e6259;\n font-family: ars-maquette-web, sans-serif;\n font-weight: normal;\n font-style: normal;\n font-size: 1.2rem;\n line-height: 1.6;\n margin: 10px 0 0.5em;\n width: auto;\n}\n.h4__link {\n color: #07c;\n}\n.h4__link:hover {\n color: inherit;\n}\n\n.h5, .ck-editor h5,\n.ck-editor .ck-button.ck-heading_heading5, .text-long h5,\n.h6,\n.ck-editor h6,\n.ck-editor .ck-button.ck-heading_heading6,\n.text-long h6 {\n color: #6e6259;\n font-family: ars-maquette-web, sans-serif;\n font-weight: 600;\n font-style: normal;\n font-size: 1.1rem;\n line-height: 2;\n margin: 10px 0 0.5em;\n width: auto;\n}\n.h5__link,\n.h6__link {\n color: #07c;\n}\n.h5__link:hover,\n.h6__link:hover {\n color: inherit;\n}\n\n/** hours open title **/\n#logobar-hours-content h3 {\n color: #004876;\n font-family: ars-maquette-web, sans-serif;\n font-weight: 700;\n font-style: normal;\n font-size: 1rem;\n line-height: 1.6;\n margin: 10px 0 0;\n width: auto;\n}\n#logobar-hours-content h3__link {\n color: #07c;\n}\n#logobar-hours-content h3__link:hover {\n color: inherit;\n}\n\n/** Search query styling **/\nh1 span.search-query {\n font-style: italic;\n color: #a20067;\n}\n\n/** Search Result Title **/\n.search-results h2 {\n font-size: 1.6rem;\n font-weight: normal;\n background-color: #004876;\n color: white;\n padding: 10px 15px;\n -webkit-margin-after: 5px;\n margin: 0 0 5px;\n}\n\n/** style the element **/\n.search-website h3.search-result-title, .search-website h2.search-result-title {\n -webkit-margin-before: 0.5em;\n -webkit-margin-after: 0.5em;\n}\n\n.library-accounts-wrap h2 {\n display: inline-block;\n margin: auto 0;\n text-align: left;\n padding: 0;\n font-weight: normal;\n}\n\n.bentos {\n /** Search page heading styling **/\n}\n.bentos h2.search-result-title, .bentos h3.search-result-title {\n margin: 15px 0;\n font-weight: 300;\n font-size: 1.4rem;\n line-height: 1.85rem;\n}\n.bentos h4.search-result-authors {\n margin-top: 0;\n -webkit-margin-before: 0;\n -webkit-margin-after: 0;\n font-weight: 300;\n font-size: 1rem;\n line-height: 1.7rem;\n}\n\n.staff-card h2 {\n margin-bottom: 0;\n}\n\nbody,\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n color: #1a1a1a;\n font-family: \"ars-maquette-web\", sans-serif;\n font-size: 1.2rem;\n line-height: 2rem;\n}\n\n.paragraph, .ck-editor p, .text-long p {\n margin: 0 0 1em;\n}\n\n.blockquote, .ck-editor blockquote, .text-long blockquote {\n font-style: italic;\n border-left: solid 3px #999;\n margin-left: 1em;\n padding-left: 1em;\n}\n\n.hr, .text-long hr {\n border-style: solid;\n border-width: 1px 0 0;\n color: currentColor;\n}\n\naddress {\n font-style: normal;\n}\n\nhr.divider {\n margin-top: 1rem;\n margin-bottom: 1rem;\n color: #5c7f1a;\n}\n\n/** Closing soon, open now, closed styling **/\n.open-now-container svg.border {\n color: white;\n}\n.open-now-container .closing_soon svg.indicator {\n color: #ff9e1b;\n}\n.open-now-container .open_now svg.indicator {\n color: #5c7f1a;\n}\n.open-now-container .closed_now svg.indicator {\n color: #ef3340;\n}\n\n.ampm {\n font-variant: small-caps;\n}\n\n/** Accessibility text **/\n.nav .visually-hidden {\n color: white;\n}\n\n/** Shown Temporarily **/\nimg.lits_filter.inline {\n display: inline;\n margin: 0;\n}\nimg.lits_filter.inline.mhcgetit {\n vertical-align: middle;\n}\n\n#main-content.main-sidebar-side article.node ul,\n#main-content.main-sidebar-side article.node ol,\n#sidebar-container ul,\n#sidebar-container ol {\n padding-left: 0;\n margin-left: 2em;\n}\n\nul {\n list-style-type: circle;\n list-style-position: outside;\n}\n\nol {\n list-style-type: decimal;\n}\n\n.list-item, .ck-editor ol li,\n.ck-editor ul li {\n margin-bottom: 0.2em;\n padding-left: 1em;\n}\n\n/**\n.text-long {\n ol,\n ul {\n li {\n @extend .list-item;\n }\n }\n}\n**/\n.table, .ck-editor table, .text-long table {\n border: 1px solid #e2dfdd;\n border-radius: 4px;\n border-spacing: 0;\n background-color: #f8f8f8;\n width: 100%;\n margin-bottom: 50px;\n}\n\n.table__heading-cell, .ck-editor th, .text-long th {\n border: none;\n border-left: 1px solid #e2dfdd;\n color: black;\n font-weight: 700;\n padding: 1.2em;\n text-align: left;\n}\n.table__heading-cell:first-child, .ck-editor th:first-child, .text-long th:first-child {\n border: none;\n}\n\n.table__row:nth-child(odd), .ck-editor tbody tr:nth-child(odd), .text-long tbody tr:nth-child(odd) {\n background-color: white;\n}\n.table__row:last-child td:first-child, .ck-editor tbody tr:last-child td:first-child, .text-long tbody tr:last-child td:first-child {\n border-radius: 0 0 0 5px;\n}\n.table__row:last-child td:last-child, .ck-editor tbody tr:last-child td:last-child, .text-long tbody tr:last-child td:last-child {\n border-radius: 0 0 5px;\n}\n\n.table__cell, .ck-editor td, .text-long td {\n border: 1px solid #e2dfdd;\n border-left: none;\n border-bottom: none;\n padding: 1em;\n}\n.table__cell:last-child, .ck-editor td:last-child, .text-long td:last-child {\n border-right: none;\n}\n\n.table__footer-cell, .ck-editor tfoot th, .text-long tfoot th,\n.table__footer-cell:first-child {\n border-left: none;\n border-top: 1px solid #e2dfdd;\n}\n\n.ck.ck-toolbar.ck-toolbar_grouping > .ck-toolbar__items {\n flex-wrap: wrap !important;\n}\n\n.department-person {\n margin: 1rem 0;\n}\n.department-person .grid-container {\n display: grid;\n grid-column-gap: 1rem;\n grid-template-columns: 14% 86%;\n}\n.department-person h3 {\n margin: 0;\n}\n.department-person .department-person-photo img {\n margin-top: 0;\n}\n\n.views-row .department-person-photo img {\n border-radius: 50%;\n}\n\n/* Shared styles for homepage and articles */\n.has-link-tiles {\n padding-bottom: 2rem;\n}\n.has-link-tiles h2 {\n margin-top: 0;\n padding-top: 2rem;\n}\n.has-link-tiles ul {\n list-style: none;\n margin: 0;\n padding: 0;\n display: flex;\n flex-flow: row wrap;\n justify-content: space-around;\n}\n.has-link-tiles ul li {\n flex: 1 1 auto;\n width: 100%;\n margin: 0.5rem;\n}\n@media (min-width: 600px) {\n .has-link-tiles ul li {\n width: 46%;\n }\n}\n@media (min-width: 900px) {\n .has-link-tiles ul li {\n width: 31%;\n }\n}\n@media (min-width: 1200px) {\n .has-link-tiles ul li {\n width: 14%;\n min-height: 10rem;\n }\n}\n.has-link-tiles ul li .fontawesome-icons {\n text-align: center;\n}\n.has-link-tiles ul li a {\n border-radius: 0.25rem;\n background-color: white;\n height: 100%;\n display: flex;\n flex-flow: column nowrap;\n justify-content: center;\n word-break: break-word;\n padding: 1rem;\n box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);\n}\n.has-link-tiles ul li a {\n color: #004876;\n}\n.has-link-tiles ul li a:link, .has-link-tiles ul li a:visited {\n color: #004876;\n}\n.has-link-tiles ul li a:active, .has-link-tiles ul li a:hover {\n color: #07c;\n text-decoration: underline solid;\n}\n.has-link-tiles ul li a:focus {\n outline-offset: 2px;\n outline: 3px solid #004876;\n text-decoration: underline solid;\n}\n.lits_homepage #block-lits-theme-litsunifiedsearchblock .has-link-tiles ul li a:focus {\n outline-offset: 2px;\n outline: 3px solid #ff9e1b;\n text-decoration: underline solid;\n}\n.lits_homepage #block-lits-theme-litsunifiedsearchblock .has-link-tiles ul li a svg:focus {\n outline-offset: 2px;\n outline: 3px solid #ff9e1b;\n text-decoration: underline solid;\n}\n.has-link-tiles ul li a svg {\n font-size: 3rem;\n margin: 0 auto;\n}\n.has-link-tiles ul li a span {\n padding-top: 1rem;\n text-align: center;\n font-weight: bold;\n}\n.has-link-tiles ul li:nth-child(6n+1) a {\n border-top: 4px solid #a20067;\n}\n.has-link-tiles ul li:nth-child(6n+1) svg {\n color: #a20067;\n}\n.has-link-tiles ul li:nth-child(6n+2) a {\n border-top: 4px solid #6e6259;\n}\n.has-link-tiles ul li:nth-child(6n+2) svg {\n color: #6e6259;\n}\n.has-link-tiles ul li:nth-child(6n+3) a {\n border-top: 4px solid #00a9e0;\n}\n.has-link-tiles ul li:nth-child(6n+3) svg {\n color: #00a9e0;\n}\n.has-link-tiles ul li:nth-child(6n+4) a {\n border-top: 4px solid #84bd00;\n}\n.has-link-tiles ul li:nth-child(6n+4) svg {\n color: #84bd00;\n}\n.has-link-tiles ul li:nth-child(6n+5) a {\n border-top: 4px solid #ff9e1b;\n}\n.has-link-tiles ul li:nth-child(6n+5) svg {\n color: #ff9e1b;\n}\n.has-link-tiles ul li:nth-child(6n+6) a {\n border-top: 4px solid #ef3340;\n}\n.has-link-tiles ul li:nth-child(6n+6) svg {\n color: #ef3340;\n}\n\n/* Article pages */\n#main-content.main-sidebar-side article.node .resource-panel ul, #main-content.main-sidebar-side article.node .resource-panel ol, #sidebar-container .resource-panel ul, #sidebar-container .resource-panel ol {\n margin-left: 0;\n}\n.resource-panel ul {\n display: grid;\n grid-template-columns: 1fr;\n grid-auto-rows: 1fr;\n gap: 1rem;\n}\n@media (min-width: 600px) {\n .resource-panel ul {\n grid-template-columns: repeat(3, 1fr);\n }\n .resource-panel ul.items-2 {\n grid-template-columns: repeat(2, 1fr);\n }\n .resource-panel ul.items-1 {\n grid-template-columns: 1fr;\n }\n}\n@media (min-width: 1920px) {\n .resource-panel ul {\n grid-template-columns: repeat(4, 1fr);\n }\n .resource-panel ul.items-3 {\n grid-template-columns: repeat(3, 1fr);\n }\n .resource-panel ul.items-2 {\n grid-template-columns: repeat(2, 1fr);\n }\n .resource-panel ul.items-1 {\n grid-template-columns: 1fr;\n }\n}\n.resource-panel ul li {\n width: auto;\n margin: 0;\n}\n.resource-panel ul li a {\n justify-content: space-between;\n padding: 2rem 1rem 1rem 1rem;\n text-decoration: underline;\n}\n.resource-panel ul li a > span {\n flex-grow: 1;\n display: flex;\n flex-flow: column nowrap;\n justify-content: center;\n font-weight: normal;\n}\n.resource-panel ul li:nth-child(6n+1) a, .resource-panel ul li:nth-child(6n+2) a, .resource-panel ul li:nth-child(6n+3) a, .resource-panel ul li:nth-child(6n+4) a, .resource-panel ul li:nth-child(6n+5) a, .resource-panel ul li:nth-child(6n+6) a {\n border-top: 4px solid #004876;\n}\n.resource-panel ul li:nth-child(6n+1) svg, .resource-panel ul li:nth-child(6n+2) svg, .resource-panel ul li:nth-child(6n+3) svg, .resource-panel ul li:nth-child(6n+4) svg, .resource-panel ul li:nth-child(6n+5) svg, .resource-panel ul li:nth-child(6n+6) svg {\n color: #004876;\n}\n\n/* LITS homepage styles */\n.lits_homepage .has-link-tiles ul {\n margin-top: -0.5rem;\n}\n.lits_homepage .has-link-tiles li {\n width: 100%;\n}\n@media (min-width: 600px) {\n .lits_homepage .has-link-tiles li {\n width: 41%;\n }\n}\n@media (min-width: 1200px) {\n .lits_homepage .has-link-tiles li {\n width: 26%;\n }\n}\n.lits_homepage .has-link-tiles li a {\n border-radius: 0;\n}\n@media (min-width: 1200px) {\n .lits_homepage .has-link-tiles li a {\n padding: 1rem 0.25rem;\n }\n}\n.lits_homepage .has-link-tiles li.tdx-tile {\n width: 100%;\n}\n.lits_homepage .has-link-tiles li.tdx-tile svg {\n overflow: visible;\n box-sizing: content-box;\n display: var(--fa-display, inline-block);\n height: 2em;\n vertical-align: -0.125em;\n}\n.lits_homepage .has-link-tiles li.tdx-tile img {\n height: 5em;\n margin: auto;\n}\n.lits_homepage .has-link-tiles li.tdx-tile a {\n border-top: 4px solid #004876 !important;\n}\n\n/**\n * @file\n * Styles for the “Today’s Hours” widget.\n */\n.logobar-hours-wrap {\n position: relative;\n margin: auto 0;\n}\n\n#logobar-hours-heading {\n padding: 0;\n font-weight: normal;\n}\n\n.expandable--open #logobar-hours-content {\n display: block;\n}\n\n#logobar-hours-content {\n display: none;\n position: absolute;\n z-index: 1000;\n width: 250px;\n padding: 20px;\n border: 1px solid #004876;\n background-color: white;\n text-align: center;\n}\n@media (min-width: 600px) {\n #logobar-hours-content {\n top: 88px;\n left: -60px;\n }\n}\n@media (min-width: 900px) {\n #logobar-hours-content {\n top: 72px;\n left: -25px;\n }\n}\n#logobar-hours-content .office-hours {\n color: #6e6259;\n font-family: ars-maquette-web, sans-serif;\n font-weight: 700;\n font-style: normal;\n font-size: 1.4rem;\n line-height: 1.6;\n margin: 0 0 1em;\n width: auto;\n}\n#logobar-hours-content .office-hours__link {\n color: #07c;\n}\n#logobar-hours-content .office-hours__link:hover {\n color: inherit;\n}\n#logobar-hours-content .office-hours__item-label,\n#logobar-hours-content .office-hours__item-comment {\n display: none;\n}\n\n.more-hours {\n background-color: #07c;\n border: none;\n outline: none;\n color: white;\n cursor: pointer;\n font-size: 1.2rem;\n line-height: 1.4;\n padding: 1rem;\n margin: 0 auto 0.5em;\n font-weight: normal;\n font-style: normal;\n display: block;\n text-decoration: none;\n text-align: center;\n}\n.more-hours:visited {\n color: white;\n}\n.more-hours:hover {\n background-color: #6e6259;\n color: white;\n}\n.more-hours:focus {\n outline-offset: 2px;\n outline: 3px solid #004876;\n}\n.lits_homepage #block-lits-theme-litsunifiedsearchblock .more-hours:focus {\n outline-offset: 2px;\n outline: 3px solid #ff9e1b;\n}\n.more-hours::before {\n font-family: \"Font Awesome 5 Free\", \"ars-maquette-web\", sans-serif;\n font-weight: 400;\n padding-right: 5px;\n content: \"\\f254\";\n}\n@media (min-width: 600px) {\n .more-hours {\n max-width: 150px;\n font-size: 0.9rem;\n }\n}\n\n/**\n * @file\n * Style rules for the news item teasers on homepage and news archive page.\n */\n#news-items-container {\n margin-right: calc(-0.5 * 0.5rem);\n}\n@media (min-width: 900px) {\n #news-items-container {\n margin-right: calc(-0.5 * (0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 1044px) {\n #news-items-container {\n margin-right: calc(-0.5 * 2rem);\n }\n}\n#news-items-container {\n margin-left: calc(-0.5 * 0.5rem);\n}\n@media (min-width: 900px) {\n #news-items-container {\n margin-left: calc(-0.5 * (0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 1044px) {\n #news-items-container {\n margin-left: calc(-0.5 * 2rem);\n }\n}\n#news-items-container .news-item {\n flex-basis: auto;\n margin-bottom: 2rem;\n width: 100%;\n}\n@media (min-width: 600px) {\n #news-items-container .news-item {\n width: 50%;\n }\n #news-items-container .news-item article.node--news-item {\n margin-right: calc(0.5 * 0.5rem);\n }\n}\n@media (min-width: 600px) and (min-width: 900px) {\n #news-items-container .news-item article.node--news-item {\n margin-right: calc(0.5 * (0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 600px) and (min-width: 1044px) {\n #news-items-container .news-item article.node--news-item {\n margin-right: calc(0.5 * 2rem);\n }\n}\n@media (min-width: 600px) {\n #news-items-container .news-item article.node--news-item {\n margin-left: calc(0.5 * 0.5rem);\n }\n}\n@media (min-width: 600px) and (min-width: 900px) {\n #news-items-container .news-item article.node--news-item {\n margin-left: calc(0.5 * (0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 600px) and (min-width: 1044px) {\n #news-items-container .news-item article.node--news-item {\n margin-left: calc(0.5 * 2rem);\n }\n}\n@media (min-width: 1200px) {\n #news-items-container .news-item {\n margin-bottom: 1rem;\n width: 25%;\n }\n #news-items-container .news-item article.node--news-item {\n margin-right: calc(0.5 * 0.5rem);\n }\n}\n@media (min-width: 1200px) and (min-width: 900px) {\n #news-items-container .news-item article.node--news-item {\n margin-right: calc(0.5 * (0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 1200px) and (min-width: 1044px) {\n #news-items-container .news-item article.node--news-item {\n margin-right: calc(0.5 * 2rem);\n }\n}\n@media (min-width: 1200px) {\n #news-items-container .news-item article.node--news-item {\n margin-left: calc(0.5 * 0.5rem);\n }\n}\n@media (min-width: 1200px) and (min-width: 900px) {\n #news-items-container .news-item article.node--news-item {\n margin-left: calc(0.5 * (0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 1200px) and (min-width: 1044px) {\n #news-items-container .news-item article.node--news-item {\n margin-left: calc(0.5 * 2rem);\n }\n}\n\narticle.node--news-item {\n background-color: white;\n box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);\n height: 100%;\n font-size: 1rem;\n display: flex;\n flex-flow: column nowrap;\n justify-content: space-between;\n}\narticle.node--news-item > a {\n display: flex;\n flex-direction: column;\n height: 100%;\n color: #1a1a1a;\n text-decoration: none;\n padding: 1rem 1rem 0.5rem;\n}\narticle.node--news-item > a > div {\n flex-grow: 1;\n}\narticle.node--news-item > a:active, article.node--news-item > a:hover, article.node--news-item > a:focus {\n color: #07c;\n text-decoration: underline solid;\n}\narticle.node--news-item > a:active h3, article.node--news-item > a:hover h3, article.node--news-item > a:focus h3 {\n color: #07c;\n}\narticle.node--news-item h3 {\n margin: 0;\n color: #1a1a1a;\n font-size: 1.25rem;\n}\narticle.node--news-item time {\n flex-grow: 0;\n color: #07c;\n}\narticle.node--news-item .more-link {\n flex-grow: 0;\n font-size: 0.9rem;\n text-align: right;\n}\n\nbody.news_item article.node time {\n display: inline-block;\n color: #6e6259;\n margin-bottom: 1rem;\n}\n\ntable.lits-hours-month {\n width: 100%;\n display: grid;\n grid-template-columns: 1fr;\n}\ntable.lits-hours-month thead {\n display: none;\n}\ntable.lits-hours-month tr,\ntable.lits-hours-month tbody {\n display: grid;\n grid-template-columns: 1fr;\n grid-column: 1/2;\n width: 100%;\n}\ntable.lits-hours-month td,\ntable.lits-hours-month th {\n padding: 0;\n display: flex;\n flex-direction: column;\n}\ntable.lits-hours-month td.break {\n background-color: #ffeda8;\n}\ntable.lits-hours-month td.override {\n color: black;\n background-color: #ff9e1b;\n}\ntable.lits-hours-month td.override .day {\n color: black;\n}\ntable.lits-hours-month td .day {\n width: 2rem;\n color: #a20067;\n text-align: center;\n}\ntable.lits-hours-month td.today {\n border: 1px solid #a20067;\n}\ntable.lits-hours-month td.today .day {\n background-color: #a20067;\n color: white;\n}\ntable.lits-hours-month td.other-month {\n display: none;\n}\n@media (min-width: 900px) {\n table.lits-hours-month {\n font-size: 90%;\n grid-template-columns: repeat(7, 1fr);\n }\n table.lits-hours-month tr,\n table.lits-hours-month thead,\n table.lits-hours-month tbody {\n display: grid;\n grid-template-columns: repeat(7, 1fr);\n grid-column: 1/-1;\n width: 100%;\n }\n table.lits-hours-month td {\n text-align: center;\n min-height: 7rem;\n }\n table.lits-hours-month td .day {\n display: block;\n }\n table.lits-hours-month td .lits-hours-day-hours {\n padding: 0.25rem;\n margin: 0 auto;\n text-align: center;\n }\n table.lits-hours-month td.other-month {\n display: flex;\n background-color: #ccc;\n }\n}\n\n.academic-calendar {\n text-align: right;\n}\n\n/**\n * @file\n * Styles for the weekly display of hours on service desk or study space.\n */\n.location-hours h2 {\n margin-top: 5px;\n color: #6e6259;\n text-align: center;\n}\n\n.lits-hours-week {\n display: flex;\n flex-flow: column nowrap;\n padding: 1rem 0;\n}\n.lits-hours-week > :first-child {\n border-top: 1px solid #ccdae3;\n}\n.lits-hours-week .lits-hours-day {\n width: 100%;\n padding: 0.5em 0;\n clear: both;\n border-bottom: 1px solid #ccdae3;\n text-align: left;\n}\n.lits-hours-week .lits-hours-day .row {\n display: flex;\n flex-flow: column nowrap;\n}\n@media (min-width: 600px) {\n .lits-hours-week .lits-hours-day .row {\n flex-flow: row nowrap;\n }\n}\n.lits-hours-week .lits-hours-day .row .lits-hours-day-hours {\n flex: 1 1 auto;\n}\n.lits-hours-week .lits-hours-day .lits-hours-day-label {\n min-width: 7rem;\n margin-right: 2rem;\n font-weight: bold;\n}\n.lits-hours-week .lits-hours-day.lits-hours-day.today {\n background-color: #e2dfdd;\n}\n.lits-hours-week .lits-hours-day .lits-hours-day-message {\n font-style: italic;\n width: 100%;\n}\n\n/**\n * @file\n * Styles for the Course Reserves form.\n *\n * Currently only used at /materials/course-reserves-students .\n *\n * TODO: unwrap it to a single line for wide screens?\n */\n#lits-search-course-reserves-form .form-item {\n max-width: 100%;\n}\n#lits-search-course-reserves-form #edit-course-reserves-search-query {\n width: 100%;\n}\n\n/**\n * @file\n * Styles for the unified search form, in the header of almost every page.\n */\n#search-blocks-container {\n width: 100%;\n}\n.lits_homepage #search-blocks-container {\n margin: 1rem 0;\n}\n#search-blocks-container #search-blocks-wrapper {\n display: flex;\n flex-flow: column wrap;\n}\n@media (min-width: 900px) {\n #search-blocks-container #search-blocks-wrapper {\n flex-flow: row wrap;\n }\n}\n#search-blocks-container .search-query-container {\n margin: auto;\n}\n@media (min-width: 900px) {\n #search-blocks-container .search-query-container {\n margin: inherit;\n }\n}\n#search-blocks-container label {\n font-size: 1.5rem;\n color: white;\n font-weight: bold;\n padding-bottom: 0;\n}\n#search-blocks-container #edit-lits-site-search-query--description,\n#search-blocks-container #edit-library-materials-search-query--description {\n color: #1a1a1a;\n font-style: italic;\n font-size: 0.85em;\n padding-bottom: 0.6em;\n}\n.lits_homepage #search-blocks-container #edit-lits-site-search-query--description,\n.lits_homepage #search-blocks-container #edit-library-materials-search-query--description {\n color: #ccdae3;\n}\n#search-blocks-container input {\n width: 100%;\n}\n.lits_homepage #search-blocks-container input:focus {\n outline-offset: 2px;\n outline: 3px solid #ff9e1b;\n text-decoration: underline solid;\n}\n.lits_homepage #search-blocks-container input:focus {\n text-decoration: none;\n}\n#search-blocks-container button {\n margin: 15px auto;\n}\n#search-blocks-container button:focus {\n outline-offset: 2px;\n outline: 3px solid #004876;\n text-decoration: underline solid;\n}\n.lits_homepage #search-blocks-container button {\n border: 3px solid #00a9e0;\n}\n.lits_homepage #search-blocks-container button:focus {\n outline-offset: 2px;\n outline: 3px solid #ff9e1b;\n text-decoration: underline solid;\n}\n@media (min-width: 900px) {\n #search-blocks-container button {\n margin: 15px 0;\n }\n}\n#search-blocks-container #block-lits-theme-librarymaterialssearchblock,\n#search-blocks-container #block-lits-theme-litssitesearchblock {\n flex: 1 1 auto;\n background-color: #004876;\n padding: 1em;\n}\n\n/** Interior pages */\n.lits_page #searchbar #searchbar-background {\n background-color: #e2dfdd;\n color: #004876;\n}\n.lits_page #searchbar #block-lits-theme-librarymaterialssearchblock, .lits_page #searchbar #block-lits-theme-litssitesearchblock {\n background-color: inherit;\n color: inherit;\n}\n.lits_page #searchbar #block-lits-theme-librarymaterialssearchblock label, .lits_page #searchbar #block-lits-theme-litssitesearchblock label {\n color: #004876;\n}\n\n/**\n * @file\n * Styles for the unified search form, in the header of almsot every page.\n */\n#block-lits-theme-litsunifiedsearchblock {\n background-color: #004876;\n padding: 1rem;\n}\n.lits_homepage #block-lits-theme-litsunifiedsearchblock {\n padding: 1.6rem;\n}\n#block-lits-theme-litsunifiedsearchblock #litsunifiedsearchblock-label {\n font-size: 1.5rem;\n color: white;\n font-weight: bold;\n margin: 0 0 1rem;\n}\n\n#lits-search-unified-search-form {\n display: flex;\n flex-flow: column wrap;\n justify-content: space-between;\n align-items: flex-start;\n /** Field containers */\n /** Fields */\n /** 900px+ */\n}\n#lits-search-unified-search-form .search-selection-container, #lits-search-unified-search-form .search-query-container,\n#lits-search-unified-search-form #edit-lits-search-go {\n flex: 1 1 auto;\n width: 100%;\n max-width: 100%;\n}\n#lits-search-unified-search-form #edit-search-query {\n width: 100%;\n}\n#lits-search-unified-search-form .form-item {\n margin: 0 0 2rem;\n}\n@media (min-width: 900px) {\n #lits-search-unified-search-form .form-item {\n margin: 0;\n }\n}\n#lits-search-unified-search-form .form-item input, #lits-search-unified-search-form .form-item select {\n height: 3rem;\n}\n.lits_homepage #lits-search-unified-search-form #edit-search-selection,\n.lits_homepage #lits-search-unified-search-form #edit-search-query {\n border: 1px solid white;\n}\n#lits-search-unified-search-form #edit-search-selection,\n#lits-search-unified-search-form #edit-search-query {\n border-radius: 0;\n}\n#lits-search-unified-search-form #edit-lits-search-go {\n /* Don't let the search button grow */\n flex: 0 1 auto;\n width: auto;\n}\n#lits-search-unified-search-form #edit-lits-search-go {\n background-color: #07c;\n border: none;\n outline: none;\n color: white;\n cursor: pointer;\n font-size: 0.9em;\n line-height: 1.4;\n padding: 10px;\n margin: auto;\n font-weight: normal;\n font-style: normal;\n display: block;\n text-decoration: none;\n text-align: center;\n}\n#lits-search-unified-search-form #edit-lits-search-go:visited {\n color: white;\n}\n#lits-search-unified-search-form #edit-lits-search-go:hover {\n background-color: #6e6259;\n color: white;\n}\n#lits-search-unified-search-form #edit-lits-search-go:focus {\n outline-offset: 2px;\n outline: 3px solid #004876;\n}\n.lits_homepage #block-lits-theme-litsunifiedsearchblock #lits-search-unified-search-form #edit-lits-search-go:focus {\n outline-offset: 2px;\n outline: 3px solid #ff9e1b;\n}\n.lits_homepage #lits-search-unified-search-form #edit-lits-search-go {\n border: 3px solid #00a9e0;\n}\n.lits_page #lits-search-unified-search-form #edit-lits-search-go {\n padding: 12px;\n}\n@media (min-width: 900px) {\n #lits-search-unified-search-form {\n /** Field containers */\n }\n #lits-search-unified-search-form {\n flex-flow: row wrap;\n }\n #lits-search-unified-search-form .search-selection-container {\n flex: 0 0 auto;\n width: 13rem;\n padding-right: 1rem;\n }\n #lits-search-unified-search-form .search-query-container {\n flex: 1 0 auto;\n width: 33%;\n padding-right: 1rem;\n }\n #lits-search-unified-search-form .search-query-container input {\n max-width: 100%;\n }\n #lits-search-unified-search-form #edit-lits-search-go {\n min-width: 0;\n margin: 0;\n }\n}\n\n/* II.A.3. Description */\n.search-selection-container .form-item__description {\n position: relative;\n width: 100%;\n margin: 0.5em 0 0;\n}\n\n/* II.A.3.a. Button */\n.search-detail-button {\n width: 1em;\n padding: 0;\n float: right;\n border: none;\n background: none;\n color: #004876;\n}\n.search-detail-button:link, .search-detail-button:visited {\n color: #004876;\n}\n.search-detail-button:active, .search-detail-button:hover {\n color: #07c;\n text-decoration: underline solid;\n}\n.search-detail-button:focus {\n outline-offset: 2px;\n outline: 3px solid #004876;\n text-decoration: underline solid;\n}\n.lits_homepage #block-lits-theme-litsunifiedsearchblock .search-detail-button:focus {\n outline-offset: 2px;\n outline: 3px solid #ff9e1b;\n text-decoration: underline solid;\n}\n.lits_homepage #block-lits-theme-litsunifiedsearchblock .search-detail-button svg:focus {\n outline-offset: 2px;\n outline: 3px solid #ff9e1b;\n text-decoration: underline solid;\n}\n.lits_homepage .search-detail-button {\n color: white;\n text-decoration: none;\n}\n.lits_homepage .search-detail-button:link, .lits_homepage .search-detail-button:visited {\n color: white;\n}\n.lits_homepage .search-detail-button:active, .lits_homepage .search-detail-button:hover {\n color: #ccdae3;\n text-decoration: underline solid;\n}\n.lits_homepage .search-detail-button:focus {\n outline-offset: 2px;\n outline: 3px solid white;\n text-decoration: underline solid;\n}\n.lits_homepage .search-detail-button svg:focus {\n outline-offset: 2px;\n outline: 3px solid white;\n text-decoration: underline solid;\n}\n.search-detail-button .narrow svg.fa-circle-question {\n display: inline-block;\n}\n.search-detail-button .narrow svg.fa-xmark {\n display: none;\n}\n.search-detail-button .wide {\n display: none;\n}\n.search-detail-button .wide svg {\n margin: 0 0.2rem;\n}\n@media (min-width: 900px) {\n .search-detail-button {\n width: auto;\n float: none;\n font-size: 0.9rem;\n text-align: left;\n }\n .search-detail-button .narrow {\n display: none;\n }\n .search-detail-button .wide {\n display: inline;\n }\n}\n\n.expandable--open > .search-detail-button .narrow svg.fa-circle-question {\n display: none;\n}\n.expandable--open > .search-detail-button .narrow svg.fa-xmark {\n display: inline-block;\n}\n.expandable--open > .search-detail-button .wide svg {\n transform: rotate(180deg);\n}\n\n/* II.A.3.b. Content */\n#search-detail-content {\n display: none;\n width: 100%;\n padding: 0.5rem;\n clear: both;\n border: 2px solid #07c;\n background: white;\n color: #004876;\n font-size: 0.9rem;\n line-height: 1.4;\n}\n@media (min-width: 900px) {\n #search-detail-content {\n width: calc(calc(100vw - 2 * (0.5rem + (100vw - 900px) / 6)) - 2rem);\n }\n}\n@media (min-width: 1920px) {\n #search-detail-content {\n width: calc(1564px - 2rem);\n }\n}\n@media (min-width: 900px) {\n .lits_homepage #search-detail-content {\n width: calc(calc(100vw - 2 * (0.5rem + (100vw - 900px) / 6)) - 3.2rem);\n }\n}\n@media (min-width: 1200px) {\n .lits_homepage #search-detail-content {\n width: calc(calc(100vw - 2 * (0.5rem + (100vw - 900px) / 6)) * 0.6 - 3.2rem);\n }\n}\n@media (min-width: 1920px) {\n .lits_homepage #search-detail-content {\n width: calc(938.4px - 3.2rem);\n }\n}\n#search-detail-content dl {\n display: flex;\n flex-flow: row wrap;\n justify-content: flex-start;\n}\n#search-detail-content dl dt,\n#search-detail-content dl dd {\n flex: 0 0 auto;\n margin: 0;\n padding: 0.5rem;\n width: 100%;\n}\n#search-detail-content dl dt {\n font-weight: bold;\n}\n@media (min-width: 900px) {\n #search-detail-content dl dt {\n width: 12rem;\n padding: 0.5rem 0;\n }\n #search-detail-content dl dd {\n width: calc(100% - 12rem);\n padding: 0.5rem 0 0.5rem 0.9rem;\n }\n}\n\n/** Interior pages */\n.lits_page #searchbar #searchbar-background {\n background-color: #e2dfdd;\n color: #004876;\n}\n.lits_page #searchbar #block-lits-theme-litsunifiedsearchblock {\n background-color: inherit;\n color: inherit;\n width: 100%;\n}\n.lits_page #searchbar #block-lits-theme-litsunifiedsearchblock #litsunifiedsearchblock-label {\n color: inherit;\n}\n\n.search-results {\n border-right: 1px solid #07c;\n border-bottom: 1px solid #07c;\n border-left: 1px solid #07c;\n}\n.study-space-finder .search-results {\n border: none;\n}\n\n.search-result--two-columns,\n.search-result--no-columns {\n border-bottom: 1px solid #e2dfdd;\n clear: both;\n padding: 10px 15px;\n}\n\n.search-result--two-columns .grid-container {\n display: grid;\n grid-column-gap: 10px;\n grid-template-columns: 1fr 3fr;\n}\n\n.search-website nav.pager,\n.search-guides nav.pager,\n.search-materials nav.pager,\n.search-media nav.pager {\n margin: 0;\n border-bottom: 1px solid #e2dfdd;\n font-weight: 400;\n}\n\ndiv.result-summary,\n.no-results-found {\n font-size: 0.9rem;\n padding: 0 15px;\n}\n\ndiv.result-summary {\n border-bottom: 1px solid #e2dfdd;\n}\n\n/** Format Type **/\n.search-result-type {\n background-color: #b8b8b8;\n color: white;\n display: inline;\n padding: 5px 10px;\n}\n\n/** Format image **/\n.search-result-thumbnail a {\n display: block;\n}\n\n.search-result-thumbnail a img {\n width: 100%;\n}\n\n/** Format year **/\n.search-result-date {\n font-size: 0.8rem;\n color: #333;\n text-transform: uppercase;\n}\n\n/** Format Content **/\n.bentos .search-result-content, .bentos .search-result-availability {\n font-size: 0.9rem;\n line-height: 1.3rem;\n margin: 0;\n}\n\n.result-count {\n margin-top: 5px;\n}\n\n.search-result-first-column .search-result-date {\n text-align: center;\n}\n\n/** Possibly this should move to atoms/lists **/\n.research-guide-subjects {\n list-style-type: none;\n margin: 0.5rem 0;\n padding: 0;\n font-size: 0.9rem;\n}\n.research-guide-subjects li {\n border: 1px dashed #00a9e0;\n color: #004876;\n display: inline-block;\n margin: 0 0.7rem 0.7rem 0;\n padding: 0.2rem 0.5rem;\n}\n\n/** Format Button **/\ndiv.search-result-details.btn {\n display: flex;\n flex-flow: row-reverse nowrap;\n}\n\ndiv.search-result-details.btn a {\n font-size: 0.9rem;\n background-color: rgba(0, 112, 192, 0.94);\n color: white;\n padding: 5px 10px;\n margin: 20px 0 10px;\n}\ndiv.search-result-details.btn a:hover {\n background-color: #6e6259;\n transition: 0.2s ease-in;\n}\n\n.search-result-content.croppable .content-crop {\n max-height: 5.6em;\n overflow: hidden;\n}\n\n.search-result-content.croppable button {\n font-size: 0.8rem;\n color: #07c;\n width: 100%;\n margin: 0 auto;\n background: none;\n border-top: 1px dotted #07c;\n border-right: none;\n border-bottom: none;\n border-left: none;\n padding: 0 0.8rem;\n cursor: pointer;\n}\n.search-result-content.croppable button:hover {\n color: #00a9e0;\n}\n\n.study-space-detail-group {\n color: #07c;\n font-size: 200%;\n margin: 0.5rem 0;\n}\n.study-space-detail-group div {\n display: inline-block;\n}\n.study-space-detail-group .study-space-detail-label {\n position: absolute !important;\n clip: rect(1px, 1px, 1px, 1px);\n overflow: hidden;\n height: 1px;\n width: 1px;\n word-wrap: normal;\n}\n\n.study-space-finder .search-result--two-columns .grid-container {\n grid-column-gap: 5%;\n grid-template-columns: 1fr 2fr;\n}\n\n.google-json-api-search #search-form {\n display: none;\n}\n.google-json-api-search h1 {\n margin-bottom: 0;\n}\n.google-json-api-search h2 {\n display: none;\n}\n.google-json-api-search h2.didyoumean {\n margin: 0.25em 0 0.5em;\n font-style: italic;\n display: block;\n}\n.google-json-api-search h2.search-google-title {\n display: block;\n}\n.google-json-api-search div.result-summary,\n.google-json-api-search div.results-limited {\n padding: 0;\n border-bottom: 1px solid #e2dfdd;\n}\n.google-json-api-search div.results-limited {\n font-style: italic;\n padding: 0 0 0 15px;\n}\n.google-json-api-search div.results-limited .fa-triangle-exclamation {\n display: inline-block;\n color: #ff671f;\n padding: 0;\n}\n.google-json-api-search div.results-limited .gjas-results-limitation--message {\n display: inline-block;\n padding: 0;\n}\n.google-json-api-search .gjas-results-no-results--message,\n.google-json-api-search .gjas-results--message,\n.google-json-api-search .gjas-results-no-keywords--message,\n.google-json-api-search .gjas-results-limitation--message {\n font-size: 0.9rem;\n padding: 0 15px;\n}\n\n.lits-location-teaser {\n min-height: 15rem;\n background-color: #a20067;\n color: white;\n}\n.lits-location-teaser {\n padding-right: calc(1 * 0.5rem);\n}\n@media (min-width: 900px) {\n .lits-location-teaser {\n padding-right: calc(1 * (0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 948px) {\n .lits-location-teaser {\n padding-right: calc(1 * 1rem);\n }\n}\n.lits-location-teaser {\n padding-left: calc(1 * 0.5rem);\n}\n@media (min-width: 900px) {\n .lits-location-teaser {\n padding-left: calc(1 * (0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 948px) {\n .lits-location-teaser {\n padding-left: calc(1 * 1rem);\n }\n}\n.lits-location-teaser {\n padding-top: calc(1 * 0.5rem);\n}\n@media (min-width: 900px) {\n .lits-location-teaser {\n padding-top: calc(1 * (0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 948px) {\n .lits-location-teaser {\n padding-top: calc(1 * 1rem);\n }\n}\n.lits-location-teaser {\n padding-bottom: calc(1 * 0.5rem);\n}\n@media (min-width: 900px) {\n .lits-location-teaser {\n padding-bottom: calc(1 * (0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 948px) {\n .lits-location-teaser {\n padding-bottom: calc(1 * 1rem);\n }\n}\n.lits-location-teaser h1,\n.lits-location-teaser h2 {\n margin: 0;\n font-weight: 600;\n font-size: 1.8rem;\n line-height: 2.4rem;\n color: white;\n}\n.lits-location-teaser address {\n font-size: 1rem;\n line-height: 1.5rem;\n margin-bottom: 1em;\n}\n.lits-location-teaser address svg {\n margin-right: 0.5em;\n}\n.lits-location-teaser .location-visit {\n font-size: 1rem;\n line-height: 1.5rem;\n}\n.lits-location-teaser .location-visit .open-now-container {\n font-size: 1.2rem;\n margin-bottom: 0.5em;\n}\n.lits-location-teaser .teaser-icon img {\n margin: 0 auto;\n}\n.lits-location-teaser a {\n color: white;\n text-decoration: none;\n}\n.lits-location-teaser a:link, .lits-location-teaser a:visited {\n color: white;\n}\n.lits-location-teaser a:active, .lits-location-teaser a:hover {\n color: #ccdae3;\n text-decoration: underline solid;\n}\n.lits-location-teaser a:focus {\n outline-offset: 2px;\n outline: 3px solid white;\n text-decoration: underline solid;\n}\n.lits-location-teaser a svg:focus {\n outline-offset: 2px;\n outline: 3px solid white;\n text-decoration: underline solid;\n}\n.lits-location-teaser a {\n text-decoration: underline solid;\n}\n#sidebar-container .lits-location-teaser {\n padding: 0;\n background-color: white;\n color: #1a1a1a;\n}\n#sidebar-container .lits-location-teaser .service-desk-content {\n padding-right: calc(1 * 0.5rem);\n}\n@media (min-width: 900px) {\n #sidebar-container .lits-location-teaser .service-desk-content {\n padding-right: calc(1 * (0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 1044px) {\n #sidebar-container .lits-location-teaser .service-desk-content {\n padding-right: calc(1 * 2rem);\n }\n}\n#sidebar-container .lits-location-teaser .service-desk-content {\n padding-left: calc(1 * 0.5rem);\n}\n@media (min-width: 900px) {\n #sidebar-container .lits-location-teaser .service-desk-content {\n padding-left: calc(1 * (0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 1044px) {\n #sidebar-container .lits-location-teaser .service-desk-content {\n padding-left: calc(1 * 2rem);\n }\n}\n#sidebar-container .lits-location-teaser .service-desk-content {\n padding-top: calc(1 * 0.5rem);\n}\n@media (min-width: 900px) {\n #sidebar-container .lits-location-teaser .service-desk-content {\n padding-top: calc(1 * (0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 948px) {\n #sidebar-container .lits-location-teaser .service-desk-content {\n padding-top: calc(1 * 1rem);\n }\n}\n#sidebar-container .lits-location-teaser .service-desk-content {\n padding-bottom: calc(1 * 0.5rem);\n}\n@media (min-width: 900px) {\n #sidebar-container .lits-location-teaser .service-desk-content {\n padding-bottom: calc(1 * (0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 1044px) {\n #sidebar-container .lits-location-teaser .service-desk-content {\n padding-bottom: calc(1 * 2rem);\n }\n}\n#sidebar-container .lits-location-teaser h2.service-desk-title {\n background-color: #a20067;\n color: white;\n}\n#sidebar-container .lits-location-teaser h2.service-desk-title {\n padding-right: calc(1 * 0.5rem);\n}\n@media (min-width: 900px) {\n #sidebar-container .lits-location-teaser h2.service-desk-title {\n padding-right: calc(1 * (0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 948px) {\n #sidebar-container .lits-location-teaser h2.service-desk-title {\n padding-right: calc(1 * 1rem);\n }\n}\n#sidebar-container .lits-location-teaser h2.service-desk-title {\n padding-left: calc(1 * 0.5rem);\n}\n@media (min-width: 900px) {\n #sidebar-container .lits-location-teaser h2.service-desk-title {\n padding-left: calc(1 * (0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 948px) {\n #sidebar-container .lits-location-teaser h2.service-desk-title {\n padding-left: calc(1 * 1rem);\n }\n}\n#sidebar-container .lits-location-teaser h2.service-desk-title {\n padding-top: calc(1 * 0.5rem);\n}\n@media (min-width: 900px) {\n #sidebar-container .lits-location-teaser h2.service-desk-title {\n padding-top: calc(1 * (0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 948px) {\n #sidebar-container .lits-location-teaser h2.service-desk-title {\n padding-top: calc(1 * 1rem);\n }\n}\n#sidebar-container .lits-location-teaser h2.service-desk-title {\n padding-bottom: calc(1 * 0.5rem);\n}\n@media (min-width: 900px) {\n #sidebar-container .lits-location-teaser h2.service-desk-title {\n padding-bottom: calc(1 * (0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 948px) {\n #sidebar-container .lits-location-teaser h2.service-desk-title {\n padding-bottom: calc(1 * 1rem);\n }\n}\n#sidebar-container .lits-location-teaser h3.service-desk-title {\n margin-top: 0;\n margin-bottom: 0;\n}\n#sidebar-container .lits-location-teaser .service-desk-slogan {\n margin-top: 0;\n margin-bottom: 0;\n}\n#sidebar-container .lits-location-teaser a {\n color: #07c;\n text-decoration: none;\n}\n#sidebar-container .lits-location-teaser a:link, #sidebar-container .lits-location-teaser a:visited {\n color: #07c;\n}\n#sidebar-container .lits-location-teaser a:active, #sidebar-container .lits-location-teaser a:hover {\n color: #004876;\n text-decoration: underline solid;\n}\n#sidebar-container .lits-location-teaser a:focus {\n outline-offset: 2px;\n outline: 3px solid #004876;\n text-decoration: underline solid;\n}\n@media (min-width: 900px) {\n #sidebar-container .lits-location-teaser {\n border-bottom: none;\n box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);\n }\n}\n\n.location-teaser-social {\n height: 100%;\n}\n.location-teaser-social ul {\n display: flex;\n flex-flow: row wrap;\n width: 80%;\n padding: 1rem 0;\n margin: auto;\n}\n#sidebar-container .location-teaser-social ul {\n padding: 1rem 0 0;\n}\n.location-teaser-social ul > li {\n flex: 1 1 auto;\n}\n.location-teaser-social ul > li a {\n color: white;\n text-decoration: none;\n}\n.location-teaser-social ul > li a:link, .location-teaser-social ul > li a:visited {\n color: white;\n}\n.location-teaser-social ul > li a:active, .location-teaser-social ul > li a:hover {\n color: #e2dfdd;\n text-decoration: underline solid;\n}\n.location-teaser-social ul > li a:focus {\n outline-offset: 2px;\n outline: 3px solid white;\n text-decoration: underline solid;\n}\n.location-teaser-social ul > li a svg:focus {\n outline-offset: 2px;\n outline: 3px solid white;\n text-decoration: underline solid;\n}\n\n/**\n * @file\n * Styles for Location pages (Study Space nodes and Service Desk terms).\n *\n * @see templates/content/node--study-space--full.html.twig\n * @see templates/views/views-view-fields--about-lits-service-desks--detail-page.html.twig\n */\n.service_desk #block-lits-theme-breadcrumbs,\n.study_space #block-lits-theme-breadcrumbs {\n padding-right: 0.5rem;\n}\n@media (min-width: 900px) {\n .service_desk #block-lits-theme-breadcrumbs,\n .study_space #block-lits-theme-breadcrumbs {\n padding-right: calc((0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 1920px) {\n .service_desk #block-lits-theme-breadcrumbs,\n .study_space #block-lits-theme-breadcrumbs {\n padding-right: calc(0.5rem + math.div((1920px - 900px), 6));\n }\n}\n.service_desk #block-lits-theme-breadcrumbs,\n.study_space #block-lits-theme-breadcrumbs {\n padding-left: 0.5rem;\n}\n@media (min-width: 900px) {\n .service_desk #block-lits-theme-breadcrumbs,\n .study_space #block-lits-theme-breadcrumbs {\n padding-left: calc((0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 1920px) {\n .service_desk #block-lits-theme-breadcrumbs,\n .study_space #block-lits-theme-breadcrumbs {\n padding-left: calc(0.5rem + math.div((1920px - 900px), 6));\n }\n}\n@media (min-width: 600px) {\n .service_desk #block-lits-theme-breadcrumbs,\n .study_space #block-lits-theme-breadcrumbs {\n padding: 0;\n }\n}\n\n.lits-location {\n margin-top: 1rem;\n}\n.lits-location .location-left,\n.lits-location .location-right {\n flex-basis: auto;\n width: 100%;\n}\n@media (min-width: 900px) {\n .lits-location .location-left {\n width: 38%;\n }\n .lits-location .location-right {\n width: 62%;\n }\n}\n.lits-location .location-bite {\n padding: 1rem;\n background-color: #07c;\n color: white;\n font-size: 1rem;\n font-weight: 300;\n line-height: 1.7rem;\n border-top: 1px solid white;\n}\n.lits-location .location-hours {\n margin-bottom: 1rem;\n padding: 1rem;\n border-bottom: 1px dashed #5c7f1a;\n}\n@media (min-width: 900px) {\n .lits-location .location-hours {\n margin-bottom: 0;\n border-bottom: none;\n }\n}\n.lits-location .location-hours h2 {\n text-align: left;\n font-weight: bold;\n color: #1a1a1a;\n}\n.lits-location .location-hours .all-hours-link {\n margin: 1rem auto;\n text-align: center;\n border: 2px solid #6f263d;\n padding: 0.5rem;\n}\n.lits-location .location-hours .all-hours-link a {\n color: #6f263d;\n}\n.lits-location .location-images img {\n margin: 0;\n}\n.lits-location .location-sidebar {\n background-color: #5c7f1a;\n color: white;\n padding: 1rem;\n}\n.lits-location .location-sidebar h3.wheelchair {\n width: 100%;\n align-self: stretch;\n margin: 0;\n padding: 1rem;\n border: 1px dashed white;\n font-size: 1.2rem;\n font-weight: 500;\n}\n.lits-location .location-sidebar a:not(.button) {\n color: white;\n text-decoration: none;\n}\n.lits-location .location-sidebar a:not(.button):link, .lits-location .location-sidebar a:not(.button):visited {\n color: white;\n}\n.lits-location .location-sidebar a:not(.button):active, .lits-location .location-sidebar a:not(.button):hover {\n color: #e2dfdd;\n text-decoration: underline solid;\n}\n.lits-location .location-sidebar a:not(.button):focus {\n outline-offset: 2px;\n outline: 3px solid white;\n text-decoration: underline solid;\n}\n.lits-location .location-sidebar a:not(.button) svg:focus {\n outline-offset: 2px;\n outline: 3px solid white;\n text-decoration: underline solid;\n}\n.lits-location .location-sidebar a.button {\n background-color: #07c;\n border: 3px solid white;\n outline: none;\n color: white;\n cursor: pointer;\n font-size: 0.9em;\n line-height: 1.4;\n padding: 10px;\n margin: 15px 0;\n font-weight: normal;\n font-style: normal;\n display: block;\n text-decoration: none;\n text-align: center;\n}\n.lits-location .location-sidebar a.button:visited {\n color: white;\n}\n.lits-location .location-sidebar a.button:hover {\n background-color: #6e6259;\n color: white;\n}\n.lits-location .location-sidebar a.button:focus {\n outline-offset: 2px;\n outline: 3px solid white;\n}\n.lits_homepage #block-lits-theme-litsunifiedsearchblock .lits-location .location-sidebar a.button:focus {\n outline-offset: 2px;\n outline: 3px solid #ff9e1b;\n}\n.lits-location .location-sidebar a.button:hover {\n text-decoration: underline;\n}\n.lits-location .location-sidebar .study-space-details {\n display: flex;\n flex-flow: row wrap;\n align-items: flex-start;\n}\n.lits-location .location-sidebar .study-space-details .detail-group {\n flex: 1 1 auto;\n width: 100%;\n}\n@media (min-width: 900px) {\n .lits-location .location-sidebar .study-space-details .detail-group {\n width: 48%;\n }\n}\n.lits-location .location-sidebar .study-space-details .detail-group h3 {\n border-bottom: 1px dashed white;\n}\n.lits-location .location-sidebar .study-space-details .detail-group .grid-item {\n width: 80%;\n}\n.lits-location .location-sidebar .study-space-detail-label {\n display: inline-block;\n}\n.lits-location .location-sidebar svg {\n margin-right: 9px;\n width: 1.2rem;\n}\n.lits-location .location-sidebar li::before {\n padding-right: 10px;\n}\n.lits-location .location-content {\n padding-right: 0.5rem;\n}\n@media (min-width: 900px) {\n .lits-location .location-content {\n padding-right: calc((0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 1920px) {\n .lits-location .location-content {\n padding-right: calc(0.5rem + math.div((1920px - 900px), 6));\n }\n}\n.lits-location .location-content {\n padding-left: 0.5rem;\n}\n@media (min-width: 900px) {\n .lits-location .location-content {\n padding-left: calc((0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 1920px) {\n .lits-location .location-content {\n padding-left: calc(0.5rem + math.div((1920px - 900px), 6));\n }\n}\n@media (min-width: 600px) {\n .lits-location .location-content {\n margin: 0;\n padding: 0;\n }\n}\n.lits-location .service-desk-staff {\n display: flex;\n flex-flow: row wrap;\n justify-content: center;\n}\n@media (min-width: 600px) {\n .lits-location .service-desk-staff {\n justify-content: space-between;\n }\n}\n.lits-location .service-desk-staff .views-row {\n flex-basis: auto;\n width: 100%;\n}\n@media (min-width: 600px) {\n .lits-location .service-desk-staff .views-row {\n width: 48%;\n }\n}\n@media (min-width: 900px) {\n .lits-location .service-desk-staff .views-row {\n width: 30%;\n }\n}\n@media (min-width: 1200px) {\n .lits-location .service-desk-staff .views-row {\n width: 21%;\n }\n}\n.lits-location .service-desk-staff .department-person-photo {\n width: 80%;\n margin: 0 auto;\n}\n.lits-location .service-desk-staff .department-person-info {\n margin-bottom: 2em;\n font-size: 90%;\n}\n.lits-location .service-desk-staff .department-person-info h3 {\n margin: 0;\n}\n.lits-location .floorMapContainer {\n display: flex;\n flex-flow: column nowrap;\n justify-content: center;\n}\n@media (min-width: 900px) {\n .lits-location .floorMapContainer {\n flex-flow: row nowrap;\n }\n}\n.lits-location .floorMapContainer .floorMap-wrapper {\n width: 100%;\n}\n@media (min-width: 900px) {\n .lits-location .floorMapContainer .floorMap-wrapper {\n width: 50%;\n }\n}\n.lits-location .floorMapContainer .floorMap {\n flex: 1 1 auto;\n padding: 1em;\n max-width: 100%;\n}\n.lits-location .floorMapContainer .floorMap svg {\n width: 100%;\n}\n.lits-location .floorMapContainer .campus-map-link {\n margin-bottom: 1rem;\n text-align: center;\n}\n\n/**\n * @file\n * Styles for LITS site branding link in the masthead.\n */\n.logobar-branding-wrap {\n margin: auto 0;\n flex: 0 1 auto;\n}\n.logobar-branding-wrap a {\n display: block;\n margin-bottom: 5px;\n border-left: 1px solid white;\n text-align: left;\n font-size: 19px;\n padding-left: 19px;\n}\n@media (min-width: 600px) {\n .logobar-branding-wrap a {\n font-size: 19px;\n padding-left: 19px;\n }\n}\n\n/**\n * @file\n * Layout rules for main navigation.\n */\n#main-menu-toggle-expand {\n padding: 0.5rem 0;\n}\n\nnav#block-lits-theme-mainnavigation {\n width: 100%;\n}\nnav#block-lits-theme-mainnavigation ul {\n list-style: none;\n margin: 0;\n padding: 0;\n}\nnav#block-lits-theme-mainnavigation #main-nav {\n display: none;\n}\n@media (min-width: 900px) {\n nav#block-lits-theme-mainnavigation #main-nav {\n display: block;\n }\n nav#block-lits-theme-mainnavigation #main-nav > ul.main-menu {\n display: grid;\n grid-template-areas: \"materials research techsupport places teachingsupport\";\n grid-template-columns: repeat(5, 1fr);\n }\n}\n\n@media (min-width: 900px) {\n .main-submenu--wrapper {\n position: absolute;\n z-index: 2;\n }\n}\n\n.main-menu__item {\n padding: 0.5rem;\n text-align: left;\n}\n.main-menu__item a.main-menu__link--sub {\n display: block;\n}\n.main-menu__item > button:focus, .main-menu__item > a:focus {\n outline-offset: 2px;\n outline: 3px solid #004876;\n}\n.main-menu__item.main-menu__item--root {\n text-align: center;\n padding: 0;\n}\n.main-menu__item.main-menu__item--root > button:focus, .main-menu__item.main-menu__item--root > a:focus, .main-menu__item.main-menu__item--root > button svg:focus {\n outline-offset: 2px;\n outline: 3px solid white;\n}\n@media (min-width: 900px) {\n .main-menu__item.main-menu__item--root:nth-child(2) {\n text-align: left;\n }\n .main-menu__item.main-menu__item--root:nth-child(3) {\n text-align: left;\n padding-left: 15%;\n }\n .main-menu__item.main-menu__item--root:nth-child(4) {\n text-align: center;\n }\n .main-menu__item.main-menu__item--root:nth-child(5) {\n text-align: right;\n padding-right: 30%;\n }\n .main-menu__item.main-menu__item--root:nth-child(6) {\n text-align: right;\n }\n}\n@media (min-width: 600px) {\n .main-menu__item {\n padding: 0.25rem;\n }\n}\n.main-menu__item button, .main-menu__item#main-menu_hours-accounts a {\n background-color: rgba(0, 0, 0, 0);\n color: white;\n border: none;\n white-space: nowrap;\n font-size: 1rem;\n font-weight: 400;\n padding: 0.5rem 0;\n margin: 0 auto;\n cursor: pointer;\n}\n.main-menu__item button:hover, .main-menu__item button:active, .main-menu__item button:focus, .main-menu__item#main-menu_hours-accounts a:hover, .main-menu__item#main-menu_hours-accounts a:active, .main-menu__item#main-menu_hours-accounts a:focus {\n outline-offset: 2px;\n outline: 3px solid white;\n color: #ccdae3;\n}\n.main-menu__item#main-menu_hours-accounts {\n display: flex;\n flex-flow: row wrap;\n background-color: #004876;\n}\n@media (min-width: 900px) {\n .main-menu__item#main-menu_hours-accounts {\n display: none;\n }\n}\n.main-menu__item#main-menu_hours-accounts div {\n flex: 1 1 auto;\n width: 49%;\n padding: 1rem;\n}\n.main-menu__item#main-menu_hours-accounts div#main-menu_hours-accounts-divider {\n padding-left: 0;\n padding-right: 0;\n width: 1px;\n}\n.main-menu__item#main-menu_hours-accounts div#main-menu_hours-accounts-divider span {\n border-right: 1px solid #e5e5e5;\n display: block;\n height: 100%;\n}\n.main-menu__item#main-menu_hours-accounts div a {\n padding: 0;\n white-space: normal;\n display: block;\n}\n.main-menu__item .main-submenu--wrapper {\n display: none;\n}\n@media (min-width: 900px) {\n .main-menu__item .main-submenu--wrapper {\n width: 581px;\n border: 2px solid #00a9e0;\n max-height: calc(-108px + 100vh);\n overflow-y: auto;\n }\n}\n.main-menu__item.main-menu__item.expandable--open button {\n color: #ccdae3;\n}\n.main-menu__item.main-menu__item.expandable--open button svg {\n transform: rotate(180deg);\n}\n.main-menu__item.main-menu__item--root .submenu-flex-container {\n display: flex;\n flex-flow: column nowrap;\n justify-content: center;\n background-color: white;\n}\n@media (min-width: 600px) {\n .main-menu__item.main-menu__item--root .submenu-flex-container {\n flex-flow: row nowrap;\n }\n}\n.main-menu__item.main-menu__item--root .submenu-flex-container div.main-menu--sub {\n flex: 1 1 auto;\n width: 100%;\n padding: 0 1rem;\n}\n@media (min-width: 600px) {\n .main-menu__item.main-menu__item--root .submenu-flex-container div.main-menu--sub {\n width: 50%;\n }\n}\n.main-menu__item.main-menu__item--root .submenu-flex-container div.main-menu--sub li {\n border-bottom: 1px solid #e5e5e5;\n}\n@media (min-width: 600px) {\n .main-menu__item.main-menu__item--root .submenu-flex-container div.main-menu--sub {\n margin: 1rem 0;\n }\n .main-menu__item.main-menu__item--root .submenu-flex-container div.main-menu--sub:nth-child(2n) {\n border-left: 1px solid #1a1a1a;\n }\n .main-menu__item.main-menu__item--root .submenu-flex-container div.main-menu--sub li:last-child {\n border-bottom: none;\n }\n}\n\n.main-menu__link {\n font-size: 1rem;\n line-height: 1.5rem;\n text-decoration: none;\n}\n\n.menu-link-complex {\n display: flex;\n flex-flow: row nowrap;\n}\n.menu-link-complex .menu-link-icon {\n padding-right: 1rem;\n flex: 0 0 auto;\n}\n.menu-link-complex .menu-link-icon img {\n margin: 0;\n}\n\n/**\n * @file\n * Styles for toggling the main menu open/closed on narrow screens.\n */\n.toggle-expand {\n display: inline-block;\n padding: 1rem 0;\n text-decoration: none;\n width: 100%;\n color: white;\n text-align: center;\n color: white;\n text-decoration: none;\n}\n.toggle-expand:link, .toggle-expand:visited {\n color: white;\n}\n.toggle-expand:active, .toggle-expand:hover {\n color: #ccdae3;\n text-decoration: underline solid;\n}\n.toggle-expand:focus {\n outline-offset: 2px;\n outline: 3px solid white;\n text-decoration: underline solid;\n}\n.toggle-expand svg:focus {\n outline-offset: 2px;\n outline: 3px solid white;\n text-decoration: underline solid;\n}\n@media (min-width: 900px) {\n .toggle-expand {\n display: none;\n }\n}\n\n.toggle-expand__text {\n display: inline-block;\n font-size: 1.2rem;\n font-weight: 400;\n padding-left: 10px;\n}\n\n.toggle-expand__icon {\n height: 3rem;\n width: 3rem;\n margin: 0 auto;\n}\n\n.toggle-expand__open {\n display: inline-block;\n text-align: center;\n}\n.toggle-expand--open .toggle-expand__open {\n display: none;\n}\n\n.toggle-expand__close {\n display: none;\n text-align: center;\n}\n.toggle-expand--open .toggle-expand__close {\n display: inline-block;\n}\n\n/**\n * @file\n * Styles for breadcrumbs.\n */\n.breadcrumb {\n list-style: none;\n margin: 0;\n padding: 0;\n line-height: 1.4rem;\n}\n\n.breadcrumb__item {\n display: inline-block;\n font-size: 0.9rem;\n font-weight: 600;\n}\n.breadcrumb__item::after {\n content: \"/\";\n}\n.breadcrumb__item:last-child {\n color: #004876;\n}\n.breadcrumb__item:last-child::after {\n content: \"\";\n}\n\n.breadcrumb__link {\n font-weight: 400;\n color: #07c;\n text-decoration: none;\n}\n.breadcrumb__link:link, .breadcrumb__link:visited {\n color: #07c;\n}\n.breadcrumb__link:active, .breadcrumb__link:hover {\n color: #004876;\n text-decoration: underline solid;\n}\n.breadcrumb__link:focus {\n outline-offset: 2px;\n outline: 3px solid #004876;\n text-decoration: underline solid;\n}\n\n.inline-menu {\n list-style: none;\n margin: 0;\n padding: 0;\n}\n\n.inline-menu__item {\n margin: 0 1em 0.5em 0;\n}\n@media (min-width: 48em) {\n .inline-menu__item {\n display: inline;\n margin-bottom: 1em;\n }\n}\n.inline-menu__item:last-child {\n margin-right: 0;\n}\n\n.inline-menu__link {\n font-size: 0.75rem;\n font-weight: 600;\n letter-spacing: 1.5px;\n text-decoration: none;\n text-transform: uppercase;\n}\n\n/**\n * @file\n * Rules for sidebar nav menus.\n */\n#sidebar-container .sidebar-nav {\n background-color: white;\n}\n@media (min-width: 600px) {\n #sidebar-container .sidebar-nav {\n box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);\n }\n}\n#sidebar-container .sidebar-nav h2 {\n background-color: #5c7f1a;\n color: white;\n}\n#sidebar-container .sidebar-nav h2 {\n padding-right: calc(1 * 0.5rem);\n}\n@media (min-width: 900px) {\n #sidebar-container .sidebar-nav h2 {\n padding-right: calc(1 * (0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 948px) {\n #sidebar-container .sidebar-nav h2 {\n padding-right: calc(1 * 1rem);\n }\n}\n#sidebar-container .sidebar-nav h2 {\n padding-left: calc(1 * 0.5rem);\n}\n@media (min-width: 900px) {\n #sidebar-container .sidebar-nav h2 {\n padding-left: calc(1 * (0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 948px) {\n #sidebar-container .sidebar-nav h2 {\n padding-left: calc(1 * 1rem);\n }\n}\n#sidebar-container .sidebar-nav h2 {\n padding-top: calc(1 * 0.5rem);\n}\n@media (min-width: 900px) {\n #sidebar-container .sidebar-nav h2 {\n padding-top: calc(1 * (0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 948px) {\n #sidebar-container .sidebar-nav h2 {\n padding-top: calc(1 * 1rem);\n }\n}\n#sidebar-container .sidebar-nav h2 {\n padding-bottom: calc(1 * 0.5rem);\n}\n@media (min-width: 900px) {\n #sidebar-container .sidebar-nav h2 {\n padding-bottom: calc(1 * (0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 948px) {\n #sidebar-container .sidebar-nav h2 {\n padding-bottom: calc(1 * 1rem);\n }\n}\n#sidebar-container .sidebar-nav h2 a {\n color: white;\n text-decoration: none;\n}\n#sidebar-container .sidebar-nav h2 a:link, #sidebar-container .sidebar-nav h2 a:visited {\n color: white;\n}\n#sidebar-container .sidebar-nav h2 a:active, #sidebar-container .sidebar-nav h2 a:hover {\n color: #e2dfdd;\n text-decoration: underline solid;\n}\n#sidebar-container .sidebar-nav h2 a:focus {\n outline-offset: 2px;\n outline: 3px solid white;\n text-decoration: underline solid;\n}\n#sidebar-container .sidebar-nav h2 a svg:focus {\n outline-offset: 2px;\n outline: 3px solid white;\n text-decoration: underline solid;\n}\n#sidebar-container .sidebar-nav h2 a {\n text-decoration: underline solid;\n}\n#sidebar-container .sidebar-nav .menu__item {\n padding: 0.4rem 0;\n}\n#sidebar-container .sidebar-nav .menu__item .subtitle {\n padding-left: 1.2rem;\n}\n#sidebar-container .sidebar-nav ul {\n font-size: 1.2rem;\n list-style: none;\n margin: 0;\n padding: 0;\n}\n#sidebar-container .sidebar-nav ul {\n padding-right: calc(1 * 0.5rem);\n}\n@media (min-width: 900px) {\n #sidebar-container .sidebar-nav ul {\n padding-right: calc(1 * (0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 1044px) {\n #sidebar-container .sidebar-nav ul {\n padding-right: calc(1 * 2rem);\n }\n}\n#sidebar-container .sidebar-nav ul {\n padding-left: calc(1 * 0.5rem);\n}\n@media (min-width: 900px) {\n #sidebar-container .sidebar-nav ul {\n padding-left: calc(1 * (0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 1044px) {\n #sidebar-container .sidebar-nav ul {\n padding-left: calc(1 * 2rem);\n }\n}\n#sidebar-container .sidebar-nav ul {\n padding-top: calc(1 * 0.5rem);\n}\n@media (min-width: 900px) {\n #sidebar-container .sidebar-nav ul {\n padding-top: calc(1 * (0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 948px) {\n #sidebar-container .sidebar-nav ul {\n padding-top: calc(1 * 1rem);\n }\n}\n#sidebar-container .sidebar-nav ul {\n padding-bottom: calc(1 * 0.5rem);\n}\n@media (min-width: 900px) {\n #sidebar-container .sidebar-nav ul {\n padding-bottom: calc(1 * (0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 948px) {\n #sidebar-container .sidebar-nav ul {\n padding-bottom: calc(1 * 1rem);\n }\n}\n#sidebar-container .sidebar-nav ul a:active,\n#sidebar-container .sidebar-nav ul a:hover {\n color: #5c7f1a;\n text-decoration: underline #5c7f1a solid;\n}\n#sidebar-container .sidebar-nav ul a.menu__link--active {\n font-weight: bold;\n}\n#sidebar-container .sidebar-nav ul ul {\n padding: 0 2rem;\n color: #5c7f1a;\n list-style-type: disc;\n}\n\n.tabs__nav {\n list-style: none;\n margin: 0;\n padding: 0;\n}\n@media (min-width: 600px) {\n .tabs__nav {\n display: flex;\n }\n}\n\n.tabs__tab {\n display: none;\n}\n.tabs__tab.is-active {\n display: block;\n}\n\n.tabs__content {\n padding: 1.5rem;\n}\n\n.tabs.no-js .tabs__tab.is-active {\n display: block;\n}\n\n.tabs__nav--local-tasks {\n margin-top: 1rem;\n padding: 0;\n}\nbody.service_desk .tabs__nav--local-tasks, body.study_space .tabs__nav--local-tasks {\n margin-bottom: -1rem;\n}\n\n/**\n * @file\n * Styles for the topbar navigation menu.\n */\n.topbar-menu__item {\n border-top: 1px solid;\n display: flex;\n flex-wrap: wrap;\n position: relative;\n}\n@media (min-width: 600px) {\n .topbar-menu__item {\n border-top: none;\n display: inline-block;\n }\n .topbar-menu__item:not(:last-child)::after {\n content: \"|\";\n padding: 0;\n color: #b8b8b8;\n }\n}\n\n.topbar-menu__link {\n color: white;\n display: block;\n font-size: 0.8rem;\n line-height: 1.5;\n padding: 1rem 3rem 1rem 2rem;\n text-decoration: none;\n font-weight: normal;\n}\n@media (min-width: 600px) {\n .topbar-menu__link {\n border-bottom: none;\n display: inline-block;\n font-size: 0.8rem;\n padding: 5px 1rem;\n text-transform: none;\n position: relative;\n width: auto;\n }\n}\n\na.topbar-menu__link:link,\na.topbar-menu__link:visited {\n color: white;\n}\na.topbar-menu__link:link.active, a.topbar-menu__link:link:active,\na.topbar-menu__link:visited.active,\na.topbar-menu__link:visited:active {\n color: #ccc;\n}\na.topbar-menu__link:link:hover,\na.topbar-menu__link:visited:hover {\n color: #00a9e0;\n}\n\n.pager {\n margin: 2em 0;\n}\n\n.pager__items {\n list-style: none;\n margin: 0;\n padding: 0;\n text-align: center;\n}\n\n.pager__item {\n display: inline-block;\n margin: 0 0.7em;\n}\n@media (min-width: 48em) {\n .pager__item {\n margin: 0 1em;\n }\n}\n\n.pager__link,\n.pager__link:link,\n.pager__link:visited {\n color: #07c;\n text-decoration: none;\n}\n.pager__link:link, .pager__link:visited,\n.pager__link:link:link,\n.pager__link:link:visited,\n.pager__link:visited:link,\n.pager__link:visited:visited {\n color: #07c;\n}\n.pager__link:active, .pager__link:hover,\n.pager__link:link:active,\n.pager__link:link:hover,\n.pager__link:visited:active,\n.pager__link:visited:hover {\n color: #004876;\n text-decoration: underline solid;\n}\n.pager__link:focus,\n.pager__link:link:focus,\n.pager__link:visited:focus {\n outline-offset: 2px;\n outline: 3px solid #004876;\n text-decoration: underline solid;\n}\n.pager__link:hover,\n.pager__link:link:hover,\n.pager__link:visited:hover {\n color: #07c;\n text-decoration: none;\n}\n.pager__link:hover:link, .pager__link:hover:visited,\n.pager__link:link:hover:link,\n.pager__link:link:hover:visited,\n.pager__link:visited:hover:link,\n.pager__link:visited:hover:visited {\n color: #07c;\n}\n.pager__link:hover:active, .pager__link:hover:hover,\n.pager__link:link:hover:active,\n.pager__link:link:hover:hover,\n.pager__link:visited:hover:active,\n.pager__link:visited:hover:hover {\n color: #004876;\n text-decoration: underline solid;\n}\n.pager__link:hover:focus,\n.pager__link:link:hover:focus,\n.pager__link:visited:hover:focus {\n outline-offset: 2px;\n outline: 3px solid #004876;\n text-decoration: underline solid;\n}\n.pager__link.is-active,\n.pager__link:link.is-active,\n.pager__link:visited.is-active {\n color: #004876;\n}\n\n.pager__link--next,\n.pager__link--prev {\n display: block;\n color: #07c;\n text-decoration: none;\n}\n.pager__link--next:link, .pager__link--next:visited,\n.pager__link--prev:link,\n.pager__link--prev:visited {\n color: #07c;\n}\n.pager__link--next:active, .pager__link--next:hover,\n.pager__link--prev:active,\n.pager__link--prev:hover {\n color: #004876;\n text-decoration: underline solid;\n}\n.pager__link--next:focus,\n.pager__link--prev:focus {\n outline-offset: 2px;\n outline: 3px solid #004876;\n text-decoration: underline solid;\n}\n.pager__link--next span,\n.pager__link--prev span {\n display: none;\n}\n.pager__link--next::before,\n.pager__link--prev::before {\n border: 8px solid #07c;\n border-bottom: 6px solid transparent;\n border-right: 7px solid transparent;\n border-top: 6px solid transparent;\n content: \"\";\n display: block;\n position: relative;\n top: 1px;\n}\n.pager__link--next:hover::before,\n.pager__link--prev:hover::before {\n border-left-color: #00a9e0;\n}\n\n.pager__link--prev::before {\n border-left-color: transparent;\n border-right-color: #07c;\n}\n.pager__link--prev:hover::before {\n border-left-color: transparent;\n border-right-color: #00a9e0;\n}\n\n.accordion.expandable.expandable--open button .fa-chevron-down {\n transform: rotate(180deg);\n}\n\n.accordion-heading button {\n width: 100%;\n text-align: left;\n height: -webkit-fit-content;\n background-color: rgba(0, 0, 0, 0.06);\n border: 1px solid #6e6259;\n border-radius: 1px;\n padding: 1rem;\n}\n.accordion-heading button div {\n display: inline;\n}\n\n.accordion-content {\n display: none;\n}\n.accordion-content.accordion-content--open {\n display: block;\n}\n\n.banner {\n padding: 1em;\n margin: 1em 0;\n}\n.banner.info {\n border: 3px solid #00a9e0;\n background-color: #fcfeff;\n}\n.banner.info .fontawesome-icon {\n color: #005570;\n}\n.banner.warning {\n border: 3px solid #f1c400;\n background-color: #fffefc;\n}\n.banner.warning .fontawesome-icon {\n color: #796200;\n}\n.banner.error {\n border: 3px solid #a20067;\n background-color: #fefcfd;\n}\n.banner.error .fontawesome-icon {\n color: #510034;\n}\n.banner p {\n margin: 0;\n}\n.banner a {\n text-decoration: underline;\n}\n.banner .banner-content {\n display: flex;\n flex-flow: row nowrap;\n}\n.banner .banner-content .banner-icon .fontawesome-icon {\n margin-right: 1em;\n}\n\n.downloadable-image-gallery .grid > div {\n display: flex;\n flex-flow: row wrap;\n flex: 1 1 auto;\n justify-content: space-between;\n}\n@media (min-width: 600px) {\n .downloadable-image-gallery .grid > div > div {\n max-width: calc(50% - 1em);\n }\n}\n@media (min-width: 1200px) {\n .downloadable-image-gallery .grid > div > div {\n max-width: calc(33% - 1em);\n }\n}\n.downloadable-image-gallery .grid > div div.downloadable-basic-image {\n display: flex;\n flex-flow: column nowrap;\n height: 100%;\n}\n\ndiv.image figure {\n margin-bottom: 1.5rem;\n}\ndiv.image figure img {\n margin-bottom: 0;\n}\ndiv.image figure figcaption {\n padding: 0.5rem 1rem;\n background-color: #e2dfdd;\n}\ndiv.image figure figcaption a,\ndiv.image figure figcaption a:link,\ndiv.image figure figcaption a:visited {\n color: #0065b8;\n}\ndiv.image figure figcaption a:hover {\n color: #00a9e0;\n}\ndiv.image figure figcaption p {\n margin: 0;\n}\n\n/**\n * @file\n * Styles for the Numbered List paragraph type.\n */\nol.paragraph--numbered-list {\n list-style: none;\n counter-reset: my-awesome-counter;\n display: flex;\n flex-wrap: wrap;\n margin: 0;\n padding: 0;\n}\n\nol.paragraph--numbered-list li {\n counter-increment: my-awesome-counter;\n display: flex;\n width: 100%;\n margin-bottom: 0.5rem;\n}\n\nol.paragraph--numbered-list li::before {\n content: counter(my-awesome-counter, decimal-leading-zero);\n font-size: 3.5rem;\n margin-right: 9px;\n font-family: \"chronicle-bold\", serif;\n line-height: 6rem;\n color: #999;\n position: absolute;\n}\nol.paragraph--numbered-list li p {\n margin-left: 5rem;\n}\n@media (min-width: 900px) {\n ol.paragraph--numbered-list li p {\n margin-left: calc(5rem + (100vw - 900px) / 10);\n }\n}\n@media (min-width: 1200px) {\n ol.paragraph--numbered-list li p {\n margin-left: calc(5rem + 30px);\n }\n}\n\n#system-status #last-loaded {\n font-size: 1rem;\n font-weight: normal;\n font-style: italic;\n color: #6e6259;\n}\n#system-status #last-loaded span {\n font-style: normal;\n}\n#system-status td:not(.edit-link) a {\n overflow-wrap: break-word;\n word-break: break-word;\n}\n#system-status table {\n text-align: left;\n border-collapse: collapse;\n margin: 2rem auto;\n width: 100%;\n}\n#system-status table tr {\n height: 100%;\n}\n#system-status table th,\n#system-status table td {\n padding: 1rem 1.5rem;\n vertical-align: top;\n height: 100%;\n}\n#system-status table thead th:last-of-type,\n#system-status table td:last-of-type {\n padding-right: 1rem;\n}\n#system-status table th:first-of-type,\n#system-status table th[scope=row] {\n padding-left: 1rem;\n}\n#system-status table th:first-of-type .col-content h3,\n#system-status table th[scope=row] .col-content h3 {\n margin: 0;\n}\n#system-status table th:first-of-type .text-long,\n#system-status table th[scope=row] .text-long {\n font-weight: normal;\n color: #6e6259;\n}\n#system-status table thead tr {\n border-top: 1px solid #6e6259;\n border-bottom: 1px solid #6e6259;\n}\n#system-status table thead tr th {\n white-space: nowrap;\n color: #1a1a1a;\n font-family: ars-maquette-web, sans-serif;\n font-weight: 700;\n font-style: normal;\n font-size: 1.4rem;\n line-height: 1.6;\n margin: 10px 0 0.5em;\n width: auto;\n}\n#system-status table thead tr th__link {\n color: #07c;\n}\n#system-status table thead tr th__link:hover {\n color: inherit;\n}\n#system-status table tbody tr {\n border-bottom: 1px solid #ccc;\n}\n#system-status table .svg-inline--fa {\n padding-left: 1rem;\n color: #6e6259;\n}\n#system-status table .sorting {\n background-image: none;\n}\n#system-status table .sorting .fa-caret-up,\n#system-status table .sorting .fa-caret-down {\n display: none;\n}\n#system-status table .sorting .fa-sort {\n display: inline-block;\n vertical-align: middle;\n}\n#system-status table .sorting_asc {\n background-image: none;\n}\n#system-status table .sorting_asc .fa-sort,\n#system-status table .sorting_asc .fa-caret-down {\n display: none;\n}\n#system-status table .sorting_asc .fa-caret-up {\n display: inline-block;\n vertical-align: top;\n}\n#system-status table .sorting_desc {\n background-image: none;\n}\n#system-status table .sorting_desc .fa-sort,\n#system-status table .sorting_desc .fa-caret-up {\n display: none;\n}\n#system-status table .sorting_desc .fa-caret-down {\n display: inline-block;\n vertical-align: bottom;\n}\n#system-status table .status {\n text-align: center;\n}\n#system-status table .status .icon-and-label {\n display: inline-block;\n text-align: center;\n}\n#system-status table .status .col-content svg {\n font-size: 3rem;\n padding: 0;\n}\n#system-status table .status .fa-square-check {\n color: #5c7f1a;\n}\n#system-status table .status .fa-triangle-exclamation {\n color: #ff671f;\n}\n#system-status table .status .fa-circle-xmark {\n color: #ef3340;\n}\n#system-status table .status .fa-screwdriver-wrench,\n#system-status table .status .fa-eye-slash,\n#system-status table .status .fa-pen-to-square,\n#system-status table .status .fa-circle-question {\n color: #4c4c4c;\n}\n#system-status table .notes p {\n margin: 0;\n}\n#system-status table .notes .modified {\n font-style: italic;\n font-size: 1rem;\n color: #6e6259;\n}\n#system-status table .notes .modified span {\n font-style: normal;\n}\n#system-status table .status-updates article {\n overflow-wrap: break-word;\n word-break: break-word;\n}\n#system-status table .col-header {\n margin: 0;\n display: none;\n color: #1a1a1a;\n font-family: ars-maquette-web, sans-serif;\n font-weight: 700;\n font-style: normal;\n font-size: 1.4rem;\n line-height: 1.6;\n margin: 10px 0 0.5em;\n width: auto;\n}\n#system-status table .col-header__link {\n color: #07c;\n}\n#system-status table .col-header__link:hover {\n color: inherit;\n}\n@media (min-width: 0) and (max-width: 1199px) {\n #system-status table,\n #system-status table thead,\n #system-status table tbody,\n #system-status table th,\n #system-status table td,\n #system-status table tr {\n display: block;\n height: 100%;\n }\n #system-status table thead {\n position: absolute !important;\n clip: rect(1px, 1px, 1px, 1px);\n overflow: hidden;\n height: 1px;\n width: 1px;\n word-wrap: normal;\n }\n #system-status table th,\n #system-status table td {\n border-bottom: none;\n display: flex;\n flex-flow: row wrap;\n padding: 1rem;\n box-sizing: border-box;\n }\n #system-status table td {\n /* Behave like a \"row\" */\n border: none;\n position: relative;\n }\n #system-status table th[scope=row] {\n width: auto;\n }\n #system-status table tbody tr:first-of-type {\n border-top: 1px solid #ccc;\n }\n #system-status table .col-header {\n display: inline-block;\n font-weight: bold;\n padding-right: 0;\n width: 100%;\n word-break: break-all;\n }\n #system-status table .col-content {\n width: 100%;\n padding-left: 2rem;\n }\n}\n@media (min-width: 0) and (max-width: 1199px) and (min-width: 600px) {\n #system-status table .col-header {\n width: 50%;\n padding-right: 1rem;\n }\n #system-status table .col-content {\n width: 50%;\n padding-left: 0;\n }\n}\n@media (min-width: 0) and (max-width: 1199px) and (min-width: 900px) {\n #system-status table .col-header {\n width: 33%;\n }\n #system-status table .col-content {\n width: 67%;\n }\n}\n@media (min-width: 0) and (max-width: 1199px) and (min-width: 1200px) {\n #system-status table .col-header {\n width: 20%;\n }\n #system-status table .col-content {\n width: 80%;\n }\n}\n@media (min-width: 0) and (max-width: 1199px) {\n #system-status table .status {\n text-align: left;\n }\n}\n\n.tabs__content {\n padding: 30px 0;\n border-top: 1px dashed #07c;\n display: none;\n margin-top: 20px;\n}\n@media (min-width: 600px) {\n .tabs__content {\n margin-top: 0;\n }\n}\n\n.tabs__content--open {\n display: block;\n}\n\n.tab-group > li.tabs-item {\n position: absolute;\n left: -200vw;\n}\n.tab-group > li.tabs-item--open {\n border-color: #07c;\n border-bottom: 1px solid white;\n margin-bottom: -1px;\n}\n\n.tab-group > a.tabs_link:hover::after,\n.tab-group > a.tabs_link:focus + a.tabs_link::after,\n.tab-group > a.tabs_link:checked + a.tabs_link::after {\n background: #00a9e0;\n}\n\n/**\n * @file\n * Styles for person detail pages.\n */\n.person-intro {\n display: flex;\n flex-flow: column wrap;\n justify-content: space-between;\n width: 100%;\n}\n@media (min-width: 600px) {\n .person-intro {\n flex-direction: row;\n }\n}\n\n@media (min-width: 600px) {\n .person-info,\n .person-image {\n width: 50%;\n }\n}\n\n.person-image {\n margin: 0 auto;\n}\n@media (min-width: 600px) {\n .person-image {\n margin: 0;\n padding-left: 9px;\n }\n}\n@media (min-width: 900px) {\n .person-image {\n padding-left: 1vw;\n }\n}\n\n@media (min-width: 900px) {\n .subject-expert {\n width: 80%;\n margin: 0 auto;\n padding: 2% 5%;\n border: 1px solid #07c;\n }\n}\n\n/* Sidebar */\n.department-block .views-row {\n padding-bottom: calc(1 * 0.5rem);\n}\n@media (min-width: 900px) {\n .department-block .views-row {\n padding-bottom: calc(1 * (0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 1044px) {\n .department-block .views-row {\n padding-bottom: calc(1 * 2rem);\n }\n}\n.department-block .views-row > div {\n border-top: 16px solid #a20067;\n}\n\n.department-block .views-row > div {\n background-color: white;\n box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);\n}\n.department-block .views-row > div {\n padding-top: calc(1 * 0.5rem);\n}\n@media (min-width: 900px) {\n .department-block .views-row > div {\n padding-top: calc(1 * (0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 1044px) {\n .department-block .views-row > div {\n padding-top: calc(1 * 2rem);\n }\n}\n.department-block .views-row > div {\n padding-right: calc(1 * 0.5rem);\n}\n@media (min-width: 900px) {\n .department-block .views-row > div {\n padding-right: calc(1 * (0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 1044px) {\n .department-block .views-row > div {\n padding-right: calc(1 * 2rem);\n }\n}\n.department-block .views-row > div {\n padding-bottom: calc(1 * 0.5rem);\n}\n@media (min-width: 900px) {\n .department-block .views-row > div {\n padding-bottom: calc(1 * (0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 1044px) {\n .department-block .views-row > div {\n padding-bottom: calc(1 * 2rem);\n }\n}\n.department-block .views-row > div {\n padding-left: calc(1 * 0.5rem);\n}\n@media (min-width: 900px) {\n .department-block .views-row > div {\n padding-left: calc(1 * (0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 1044px) {\n .department-block .views-row > div {\n padding-left: calc(1 * 2rem);\n }\n}\n.department-block .views-row > div .text-long p {\n margin: 0;\n}\n\n/**\n * @file\n * Custom styles for embedded video paragraph.\n */\n.iframe-container {\n position: relative;\n padding-bottom: 56.25%;\n padding-top: 35px;\n height: 0;\n margin-bottom: 2rem;\n}\n.iframe-container iframe {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n\n.service-desk-index.grid-container {\n display: grid;\n grid-gap: 1rem;\n grid-template-rows: auto;\n grid-auto-rows: 1fr;\n grid-template-columns: minmax(0, 1fr);\n}\n.service-desk-index.grid-container header {\n grid-column: 1/-1;\n}\n@media (min-width: 600px) {\n .service-desk-index.grid-container {\n grid-template-columns: repeat(2, minmax(284px, 1fr));\n }\n}\n@media (min-width: 1200px) {\n .service-desk-index.grid-container {\n grid-template-columns: repeat(3, minmax(284px, 1fr));\n }\n}\n\n.service-desk-card {\n border: 1px solid #07c;\n padding: 1.5rem;\n}\n.service-desk-card .title h2 {\n margin: 0;\n}\n.service-desk-card .service-desk-card-content {\n display: flex;\n flex-flow: row nowrap;\n height: 100%;\n}\n.service-desk-card .service-desk-card-content .service-desk-card-icon {\n flex: 0 0 auto;\n width: 3rem;\n}\n.service-desk-card .service-desk-card-content .service-desk-card-icon img {\n margin: 0 auto;\n}\n.service-desk-card .service-desk-card-content .service-desk-card-title-hours {\n flex: 1 1 auto;\n display: flex;\n flex-flow: column nowrap;\n justify-content: space-between;\n}\n\n.service-desk-card .divider,\n.location-hours .divider {\n flex: 1 1 auto;\n display: flex;\n flex-flow: column nowrap;\n justify-content: center;\n}\n.service-desk-card .divider .line,\n.location-hours .divider .line {\n border: 1px solid #e2dfdd;\n margin: 1em 0;\n width: 75%;\n}\n.service-desk-card .location,\n.service-desk-card .online,\n.service-desk-card .online > div,\n.service-desk-card .appointment,\n.location-hours .location,\n.location-hours .online,\n.location-hours .online > div,\n.location-hours .appointment {\n display: flex;\n align-items: baseline;\n}\n.service-desk-card .location p,\n.service-desk-card .online p,\n.service-desk-card .online > div p,\n.service-desk-card .appointment p,\n.location-hours .location p,\n.location-hours .online p,\n.location-hours .online > div p,\n.location-hours .appointment p {\n margin: 0;\n}\n.service-desk-card .hours,\n.location-hours .hours {\n margin-bottom: 1rem;\n}\n.service-desk-card .hours .todays-hours,\n.service-desk-card .hours .hours-description,\n.service-desk-card .hours .all-hours-link,\n.location-hours .hours .todays-hours,\n.location-hours .hours .hours-description,\n.location-hours .hours .all-hours-link {\n margin-left: 2rem;\n}\n.service-desk-card .hours .hours-description,\n.location-hours .hours .hours-description {\n font-style: italic;\n}\n.service-desk-card .hours .hours-description p:last-of-type,\n.location-hours .hours .hours-description p:last-of-type {\n margin: 0;\n}\n.service-desk-card .online a,\n.location-hours .online a {\n margin-right: 0.5em;\n}\n.service-desk-card .slogan,\n.location-hours .slogan {\n font-style: italic;\n color: #5c7f1a;\n margin-bottom: 1.5rem;\n}\n.service-desk-card svg,\n.location-hours svg {\n margin-right: 0.5em;\n}\n\n/**\n * @file\n * Styles for footer elements.\n *\n * @see _masthead.scss\n * @see footer.twig\n */\nfooter h2 {\n margin-top: 0;\n}\n\n/* I. Contact bar */\n#contactbar {\n color: white;\n background-color: #6f263d;\n}\n#contactbar .layout-container, #contactbar #newsbar.newsbar-sidebar-side, #contactbar .study-space-finder, #contactbar #main-content.main-sidebar-side {\n flex-flow: row wrap;\n}\n@media (min-width: 600px) {\n #contactbar .layout-container, #contactbar #newsbar.newsbar-sidebar-side, #contactbar .study-space-finder, #contactbar #main-content.main-sidebar-side {\n flex-flow: row nowrap;\n }\n}\n\n/* I.A. Contactbar > Hours wrapper */\n#hours-wrapper {\n flex: 0 1 auto;\n display: flex;\n flex-flow: column wrap;\n min-width: 14rem;\n}\n#hours-wrapper {\n width: 100%;\n flex-basis: auto;\n margin: 0;\n}\n@media (min-width: 600px) {\n #hours-wrapper {\n width: 38%;\n }\n}\n@media (min-width: 900px) {\n #hours-wrapper {\n width: 33%;\n }\n}\n@media (min-width: 1200px) {\n #hours-wrapper {\n width: 28%;\n }\n}\n@media (min-width: 1920px) {\n #hours-wrapper {\n width: auto;\n }\n}\n#hours-wrapper {\n padding-top: calc(1 * 0.5rem);\n}\n@media (min-width: 900px) {\n #hours-wrapper {\n padding-top: calc(1 * (0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 1044px) {\n #hours-wrapper {\n padding-top: calc(1 * 2rem);\n }\n}\n#hours-wrapper {\n padding-bottom: calc(1 * 0.5rem);\n}\n@media (min-width: 900px) {\n #hours-wrapper {\n padding-bottom: calc(1 * (0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 1044px) {\n #hours-wrapper {\n padding-bottom: calc(1 * 2rem);\n }\n}\n#hours-wrapper .more-hours {\n max-width: 100%;\n margin: 3.5rem 1rem 1rem;\n}\n#hours-wrapper .more-hours {\n background-color: white;\n border: none;\n outline: none;\n color: #6f263d;\n cursor: pointer;\n font-size: 0.9em;\n line-height: 1.4;\n padding: 10px;\n margin: 15px 0;\n font-weight: normal;\n font-style: normal;\n display: block;\n text-decoration: none;\n text-align: center;\n}\n#hours-wrapper .more-hours:visited {\n color: #6f263d;\n}\n#hours-wrapper .more-hours:hover {\n background-color: white;\n color: #07c;\n}\n#hours-wrapper .more-hours:focus {\n outline-offset: 2px;\n outline: 3px solid white;\n}\n.lits_homepage #block-lits-theme-litsunifiedsearchblock #hours-wrapper .more-hours:focus {\n outline-offset: 2px;\n outline: 3px solid #ff9e1b;\n}\n#hours-wrapper .more-hours:hover {\n text-decoration: underline;\n}\n#hours-wrapper .more-hours::before {\n display: none;\n}\n#hours-wrapper .more-hours:focus, #hours-wrapper .more-hours:hover {\n text-decoration: underline solid;\n}\n@media (min-width: 1920px) {\n #hours-wrapper #footer-hours-container {\n width: 330px;\n }\n #hours-wrapper .more-hours {\n max-width: 330px;\n }\n}\n\n@media (min-width: 900px) {\n #footer-hours-container {\n border-left: 1px solid #f1c400;\n }\n #footer-hours-container {\n padding-left: calc(1 * 0.5rem);\n }\n}\n@media (min-width: 900px) and (min-width: 900px) {\n #footer-hours-container {\n padding-left: calc(1 * (0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 900px) and (min-width: 1044px) {\n #footer-hours-container {\n padding-left: calc(1 * 2rem);\n }\n}\n\n#footer-hours-content {\n margin: 0 auto;\n}\n\n#footer-hours-location {\n margin: 0;\n text-align: center;\n font-size: 1rem;\n font-weight: normal;\n}\n@media (min-width: 600px) {\n #footer-hours-location {\n text-align: left;\n }\n}\n\n#footer-hours-schedule {\n margin: 0;\n text-align: center;\n}\n@media (min-width: 600px) {\n #footer-hours-schedule {\n text-align: left;\n }\n}\n\n/* I.A. Contactbar > Contact Us wrapper */\n#contact-us-wrapper {\n flex: 1 1 auto;\n background-color: #004876;\n}\n#contact-us-wrapper {\n width: 100%;\n flex-basis: auto;\n margin: 0;\n}\n@media (min-width: 600px) {\n #contact-us-wrapper {\n width: 62%;\n }\n}\n@media (min-width: 900px) {\n #contact-us-wrapper {\n width: 67%;\n }\n}\n@media (min-width: 1200px) {\n #contact-us-wrapper {\n width: 72%;\n }\n}\n@media (min-width: 1920px) {\n #contact-us-wrapper {\n width: auto;\n }\n}\n#contact-us-wrapper {\n padding-top: calc(1 * 0.5rem);\n}\n@media (min-width: 900px) {\n #contact-us-wrapper {\n padding-top: calc(1 * (0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 1044px) {\n #contact-us-wrapper {\n padding-top: calc(1 * 2rem);\n }\n}\n#contact-us-wrapper {\n padding-bottom: calc(1 * 0.5rem);\n}\n@media (min-width: 900px) {\n #contact-us-wrapper {\n padding-bottom: calc(1 * (0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 1044px) {\n #contact-us-wrapper {\n padding-bottom: calc(1 * 2rem);\n }\n}\n@media (min-width: 1920px) {\n #contact-us-wrapper {\n padding-right: 0.5rem;\n }\n}\n#contact-us-wrapper > * {\n max-width: 1170px;\n}\n\n#contact-us-title {\n margin-bottom: 1em;\n}\n\n#footer-social-wrapper {\n margin-bottom: 1em;\n}\n#footer-social-wrapper a {\n color: white;\n text-decoration: none;\n}\n#footer-social-wrapper a:link, #footer-social-wrapper a:visited {\n color: white;\n}\n#footer-social-wrapper a:active, #footer-social-wrapper a:hover {\n color: #ccdae3;\n text-decoration: underline solid;\n}\n#footer-social-wrapper a:focus {\n outline-offset: 2px;\n outline: 3px solid white;\n text-decoration: underline solid;\n}\n#footer-social-wrapper a svg:focus {\n outline-offset: 2px;\n outline: 3px solid white;\n text-decoration: underline solid;\n}\n\n#block-lits-theme-sharewithlits .social-media-links--platforms {\n margin: auto;\n}\n#block-lits-theme-sharewithlits .social-media-links--platforms li {\n padding: 0 0.35em;\n}\n\n#contact-us-tiles {\n list-style: none;\n margin: 0;\n padding: 0;\n display: flex;\n flex-flow: row wrap;\n justify-content: space-between;\n font-size: 1rem;\n line-height: 1.25rem;\n}\n\n.contact-us-tile {\n border-radius: 0.25rem;\n background-color: white;\n flex: 1 0 auto;\n width: 100%;\n margin: 0.25rem 0;\n font-weight: bold;\n}\n@media (min-width: 900px) {\n .contact-us-tile {\n width: 48%;\n margin: 0.25rem;\n }\n}\n@media (min-width: 1200px) {\n .contact-us-tile {\n width: 32%;\n }\n}\n.contact-us-tile > a {\n display: flex;\n flex-flow: row nowrap;\n align-items: center;\n height: 100%;\n text-decoration: none;\n padding: 1.2rem;\n color: #07c;\n text-decoration: none;\n}\n.contact-us-tile > a:link, .contact-us-tile > a:visited {\n color: #07c;\n}\n.contact-us-tile > a:active, .contact-us-tile > a:hover {\n color: #004876;\n text-decoration: underline solid;\n}\n.contact-us-tile > a:focus {\n outline-offset: 2px;\n outline: 3px solid #004876;\n text-decoration: underline solid;\n}\n.contact-us-tile > a:active, .contact-us-tile > a:hover {\n text-decoration: underline solid;\n}\n.contact-us-tile > a:focus {\n outline-offset: 2px;\n outline: 3px solid #ff9e1b;\n}\n.contact-us-tile > a svg {\n flex: 0 1 auto;\n font-size: 1.75rem;\n margin: auto 0.5rem auto 0;\n}\n.contact-us-tile > a div {\n flex: 1 1 auto;\n}\n.contact-us-tile > a div .subtitle {\n margin-left: 0;\n font-weight: normal;\n font-style: normal;\n}\n\n/* II. LITS bar */\n#litsbar {\n background-color: black;\n color: white;\n}\n#litsbar {\n padding-top: calc(1 * 0.5rem);\n}\n@media (min-width: 900px) {\n #litsbar {\n padding-top: calc(1 * (0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 1044px) {\n #litsbar {\n padding-top: calc(1 * 2rem);\n }\n}\n#litsbar {\n padding-bottom: calc(1 * 0.5rem);\n}\n@media (min-width: 900px) {\n #litsbar {\n padding-bottom: calc(1 * (0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 1044px) {\n #litsbar {\n padding-bottom: calc(1 * 2rem);\n }\n}\n#litsbar .layout-container, #litsbar #newsbar.newsbar-sidebar-side, #litsbar .study-space-finder, #litsbar #main-content.main-sidebar-side {\n justify-content: center;\n}\n#litsbar a {\n color: #00a9e0;\n text-decoration: none;\n}\n#litsbar a:link, #litsbar a:visited {\n color: #00a9e0;\n}\n#litsbar a:active, #litsbar a:hover {\n color: #e2dfdd;\n text-decoration: underline solid;\n}\n#litsbar a:focus {\n outline-offset: 2px;\n outline: 3px solid white;\n text-decoration: underline solid;\n}\n#litsbar a svg:focus {\n outline-offset: 2px;\n outline: 3px solid white;\n text-decoration: underline solid;\n}\n\n#about-lits-container {\n flex: 1 1 auto;\n text-align: center;\n}\n#about-lits-container {\n width: 100%;\n flex-basis: auto;\n margin: 0;\n}\n@media (min-width: 600px) {\n #about-lits-container {\n width: 62%;\n }\n}\n@media (min-width: 900px) {\n #about-lits-container {\n width: 67%;\n }\n}\n@media (min-width: 1200px) {\n #about-lits-container {\n width: 72%;\n }\n}\n@media (min-width: 1920px) {\n #about-lits-container {\n width: auto;\n }\n}\n#about-lits-container {\n padding-top: calc(1 * 0.5rem);\n}\n@media (min-width: 900px) {\n #about-lits-container {\n padding-top: calc(1 * (0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 1044px) {\n #about-lits-container {\n padding-top: calc(1 * 2rem);\n }\n}\n#about-lits-container {\n padding-bottom: calc(1 * 0.5rem);\n}\n@media (min-width: 900px) {\n #about-lits-container {\n padding-bottom: calc(1 * (0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 1044px) {\n #about-lits-container {\n padding-bottom: calc(1 * 2rem);\n }\n}\n@media (min-width: 600px) {\n #about-lits-container {\n text-align: left;\n }\n}\n@media (min-width: 1920px) {\n #about-lits-container {\n padding-right: 0.5rem;\n }\n}\n#about-lits-container > * {\n margin: 0.25rem;\n}\n\n#block-lits-theme-aboutlits-2 .menu {\n list-style: none;\n margin: 0;\n padding: 0;\n}\n@media (min-width: 600px) {\n #block-lits-theme-aboutlits-2 .menu {\n -webkit-column-count: 2;\n -moz-column-count: 2;\n column-count: 2;\n -webkit-column-gap: 10px;\n -moz-column-gap: 10px;\n column-gap: 10px;\n margin-left: 0;\n -webkit-margin-before: 0;\n -webkit-padding-start: 0;\n }\n}\n@media (min-width: 900px) {\n #block-lits-theme-aboutlits-2 .menu {\n -webkit-column-count: 3;\n -moz-column-count: 3;\n column-count: 3;\n }\n}\n@media (min-width: 1200px) {\n #block-lits-theme-aboutlits-2 .menu {\n -webkit-column-count: 4;\n -moz-column-count: 4;\n column-count: 4;\n }\n}\n\n#block-lits-theme-aboutlits-2 .menu__item {\n break-inside: avoid;\n font-size: 1rem;\n}\n\n/* III. Copyright bar */\n#copyrightbar {\n background-color: #1a1a1a;\n color: white;\n}\n#copyrightbar {\n padding-top: calc(1 * 0.5rem);\n}\n@media (min-width: 900px) {\n #copyrightbar {\n padding-top: calc(1 * (0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 1044px) {\n #copyrightbar {\n padding-top: calc(1 * 2rem);\n }\n}\n#copyrightbar {\n padding-bottom: calc(1 * 0.5rem);\n}\n@media (min-width: 900px) {\n #copyrightbar {\n padding-bottom: calc(1 * (0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 1044px) {\n #copyrightbar {\n padding-bottom: calc(1 * 2rem);\n }\n}\n#copyrightbar a {\n color: #00a9e0;\n text-decoration: none;\n}\n#copyrightbar a:link, #copyrightbar a:visited {\n color: #00a9e0;\n}\n#copyrightbar a:active, #copyrightbar a:hover {\n color: #e2dfdd;\n text-decoration: underline solid;\n}\n#copyrightbar a:focus {\n outline-offset: 2px;\n outline: 3px solid white;\n text-decoration: underline solid;\n}\n#copyrightbar a svg:focus {\n outline-offset: 2px;\n outline: 3px solid white;\n text-decoration: underline solid;\n}\n\n.copyright {\n font-size: 0.9rem;\n text-align: center;\n}\n.copyright ul {\n list-style: none;\n margin: 0;\n padding: 0;\n text-align: center;\n}\n.copyright p {\n margin: 0;\n}\n.copyright .grid-item {\n flex: 1 1 auto;\n width: 100%;\n}\n@media (min-width: 900px) {\n .copyright .grid-item {\n width: 33%;\n }\n}\n\n/**\n * @file\n * Styles for header elements.\n *\n * @see _masthead.scss\n * @see header.twig\n * @see header.js\n */\n/* Fix node preview pages to keep the preview controls from overtaking the header. */\n.node-preview-container {\n position: relative;\n}\n\nheader#page-header {\n /* 0. Site alerts */\n /* I. Logobar */\n /* I.A. Logobar > Logo section */\n /* I.B. Logobar > TopNav section */\n /* II. Searchbar */\n /* III. Imagebar */\n /* IV. Menubar */\n}\nheader#page-header #block-lits-theme-litssitealertblock {\n display: none;\n word-break: break-word;\n}\n.alert-active header#page-header #block-lits-theme-litssitealertblock {\n display: block;\n}\nheader#page-header #block-lits-theme-litssitealertblock.emergency {\n background-color: white;\n position: relative;\n z-index: 2;\n}\nheader#page-header #block-lits-theme-litssitealertblock.emergency #site-alert-container {\n background-color: white;\n border: 3px solid #a20067;\n margin: 10px;\n outline: 10px solid white;\n padding: 1.5em;\n max-width: 100%;\n}\nheader#page-header #block-lits-theme-litssitealertblock.emergency #site-alert-container .mhc-alert-level-emergency {\n font-size: 1rem;\n line-height: 1.6em;\n margin: 0 auto;\n padding: 5px 20px 5px;\n text-align: left;\n z-index: 1;\n display: flex;\n flex-flow: row nowrap;\n justify-content: center;\n align-items: flex-start;\n max-width: 75rem;\n}\nheader#page-header #block-lits-theme-litssitealertblock.emergency #site-alert-container .mhc-alert-level-emergency .fa-circle-exclamation {\n color: #a20067;\n font-size: 3.25rem;\n margin: 0 1.25rem;\n}\nheader#page-header #block-lits-theme-litssitealertblock.emergency #site-alert-container .mhc-alert-level-emergency .text {\n margin: -1em 1.25rem;\n font-size: 1rem;\n}\nheader#page-header #block-lits-theme-litssitealertblock.emergency #site-alert-container .mhc-alert-level-emergency .buttons {\n display: flex;\n flex-flow: row wrap;\n}\nheader#page-header #block-lits-theme-litssitealertblock.emergency #site-alert-container .mhc-alert-level-emergency .button {\n background-color: white;\n color: #1a1a1a;\n border: 3px solid #a20067;\n font-size: 1rem;\n font-weight: 500;\n padding: 1.25em;\n text-transform: uppercase;\n margin-right: 0.5em;\n}\nheader#page-header #block-lits-theme-litssitealertblock.emergency #site-alert-container .mhc-alert-level-emergency .button:hover {\n background-color: #a20067;\n color: white;\n}\nheader#page-header #search-toggle-container {\n width: 100%;\n}\nheader#page-header #logobar {\n background-color: #004876;\n color: white;\n}\nheader#page-header #logobar a:focus,\nheader#page-header #logobar button:focus,\nheader#page-header #logobar button svg:focus {\n outline-offset: 2px;\n outline: 3px solid white;\n}\nheader#page-header #logobar-container {\n display: flex;\n flex-flow: row nowrap;\n justify-content: space-between;\n align-items: center;\n}\nheader#page-header #logobar .logo-container {\n flex: 1 0 auto;\n display: flex;\n flex-flow: row nowrap;\n justify-content: center;\n align-items: center;\n min-height: 3.75rem;\n}\nheader#page-header #logobar .logo-container > * {\n flex: 0 0 auto;\n}\n.lits_homepage header#page-header #logobar .logo-container #logo {\n display: inline-block;\n}\n.lits_homepage header#page-header #logobar .logo-container #logo-small {\n display: none;\n}\n.lits_page header#page-header #logobar .logo-container {\n justify-content: flex-start;\n align-items: center;\n}\n.lits_page header#page-header #logobar .logo-container #logo {\n display: none;\n}\n.lits_page header#page-header #logobar .logo-container #logo-small {\n display: flex;\n}\n@media (min-width: 600px) {\n .lits_page header#page-header #logobar .logo-container #logo {\n display: flex;\n }\n .lits_page header#page-header #logobar .logo-container #logo-small {\n display: none;\n }\n}\n@media (min-width: 900px) {\n body.lits_homepage header#page-header #logobar .logo-container {\n justify-content: flex-start;\n }\n}\nheader#page-header #logobar .logo-container #logo {\n margin-top: 14.6096599672px;\n margin-bottom: 14.6096599672px;\n padding-left: 6.6096599672px;\n padding-right: 14.6096599672px;\n}\nheader#page-header #logobar .logo-container #logo img {\n max-height: 29.2193199344px;\n display: block;\n margin: auto;\n}\nheader#page-header #logobar .logo-container #logo-small {\n margin-top: 11.9722222222px;\n margin-bottom: 11.9722222222px;\n padding-left: 3.9722222222px;\n padding-right: 11.9722222222px;\n}\nheader#page-header #logobar .logo-container #logo-small img {\n max-height: 23.9444444444px;\n display: block;\n margin: auto;\n}\nheader#page-header #logobar .topnav-container {\n margin: auto 0;\n}\nheader#page-header #logobar .topnav-container > * {\n margin-bottom: 5px;\n}\nheader#page-header #logobar .topnav-container #search-toggle {\n display: inline-block;\n padding-left: 1rem;\n padding-right: 0;\n border: none;\n background: transparent;\n font-size: 1rem;\n white-space: nowrap;\n color: white;\n text-decoration: none;\n}\nheader#page-header #logobar .topnav-container #search-toggle:link, header#page-header #logobar .topnav-container #search-toggle:visited {\n color: white;\n}\nheader#page-header #logobar .topnav-container #search-toggle:active, header#page-header #logobar .topnav-container #search-toggle:hover {\n color: #ccdae3;\n text-decoration: underline solid;\n}\nheader#page-header #logobar .topnav-container #search-toggle:focus {\n outline-offset: 2px;\n outline: 3px solid white;\n text-decoration: underline solid;\n}\nheader#page-header #logobar .topnav-container #search-toggle svg:focus {\n outline-offset: 2px;\n outline: 3px solid white;\n text-decoration: underline solid;\n}\n.expandable.expandable--open header#page-header #logobar .topnav-container #search-toggle svg {\n transform: rotate(180deg);\n}\n.lits_homepage header#page-header #logobar .topnav-container #search-toggle {\n display: none;\n}\nheader#page-header #logobar .topnav-container a {\n display: none;\n padding: 0 1rem;\n border-right: 1px solid white;\n font-size: 1rem;\n}\nheader#page-header #logobar .topnav-container a:focus {\n outline-offset: 2px;\n outline: 3px solid white;\n}\n@media (min-width: 900px) {\n header#page-header #logobar .topnav-container a {\n display: inline-block;\n }\n}\n.lits_homepage header#page-header #logobar .topnav-container a.accounts {\n padding-right: 0;\n border-right: none;\n}\n@media (min-width: 900px) {\n header#page-header #searchbar {\n position: absolute;\n z-index: 2;\n }\n}\nheader#page-header #searchbar #search-blocks-container {\n display: none;\n}\nheader#page-header #searchbar #search-blocks-container .layout-container, header#page-header #searchbar #search-blocks-container #newsbar.newsbar-sidebar-side, header#page-header #searchbar #search-blocks-container .study-space-finder, header#page-header #searchbar #search-blocks-container #main-content.main-sidebar-side {\n align-items: center;\n}\nheader#page-header #imagebar {\n display: none;\n height: 0;\n}\n@media (min-width: 900px) {\n header#page-header #imagebar {\n display: block;\n height: 15.5rem;\n background: white url(\"../images/banners/williston-beauty-large-banner.jpg\") no-repeat center center;\n background-size: 100%;\n }\n}\n@media (min-width: 1200px) {\n header#page-header #imagebar {\n background: white url(\"../images/banners/williston-beauty-xl-banner.jpg\") no-repeat center center;\n background-size: 100%;\n }\n}\n@media (min-width: 1920px) {\n header#page-header #imagebar {\n background: white url(\"../images/banners/williston-beauty-full-banner.jpg\") no-repeat center center;\n background-size: 100%;\n }\n}\nheader#page-header #menubar {\n background-color: #07c;\n}\nheader#page-header #menubar {\n padding-bottom: 0.5rem;\n}\n@media (min-width: 900px) {\n header#page-header #menubar {\n padding-bottom: calc((0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 1920px) {\n header#page-header #menubar {\n padding-bottom: calc(0.5rem + math.div((1920px - 900px), 6));\n }\n}\n@media (min-width: 900px) {\n header#page-header #menubar {\n padding: 0;\n }\n}\nheader#page-header #menubar #menu-background {\n display: none;\n}\n@media (min-width: 900px) {\n header#page-header #menubar {\n background-color: rgba(0, 0, 0, 0);\n }\n header#page-header #menubar #menu-background {\n display: block;\n height: 3rem;\n margin-bottom: -3rem;\n background-color: #07c;\n }\n}\n\n/**\n * @file\n * Styles for elements common to all pages (homepage and not)\n */\nhtml {\n box-sizing: border-box;\n}\n\n*,\n*::after,\n*::before {\n box-sizing: inherit;\n}\n\n*:focus {\n outline-offset: 2px;\n outline: 3px solid #004876;\n}\n\n#skip-to-main {\n position: fixed;\n top: 0;\n z-index: -1;\n background-color: white;\n color: white;\n padding: 1rem;\n}\n\n#skip-to-main:focus {\n z-index: 3;\n color: #004876;\n}\n\nbody .dialog-off-canvas-main-canvas {\n display: flex;\n flex-direction: column;\n min-height: 100vh;\n}\nbody .dialog-off-canvas-main-canvas #main-content {\n flex: 1 1 auto;\n}\n\n#main-content {\n width: 100%;\n margin-bottom: 1rem;\n}\n\n/* V. Messages */\n.layout-container, #newsbar.newsbar-sidebar-side, .study-space-finder, #main-content.main-sidebar-side {\n display: flex;\n flex-flow: row wrap;\n justify-content: space-between;\n}\n\n.layout-stripe {\n width: 100%;\n margin: 0;\n padding: 0;\n}\n\n.layout-zone::after {\n clear: both;\n content: \"\";\n display: table;\n}\n.layout-zone {\n padding-right: 0.5rem;\n}\n@media (min-width: 900px) {\n .layout-zone {\n padding-right: calc((0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 1920px) {\n .layout-zone {\n padding-right: calc(0.5rem + math.div((1920px - 900px), 6));\n }\n}\n.layout-zone {\n padding-left: 0.5rem;\n}\n@media (min-width: 900px) {\n .layout-zone {\n padding-left: calc((0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 1920px) {\n .layout-zone {\n padding-left: calc(0.5rem + math.div((1920px - 900px), 6));\n }\n}\n.layout-zone {\n max-width: 1920px;\n margin: 0 auto;\n}\n.service_desk .layout-zone, .study_space .layout-zone {\n margin: 0;\n padding: 0;\n}\n@media (min-width: 600px) {\n .service_desk .layout-zone, .study_space .layout-zone {\n padding-right: 0.5rem;\n }\n}\n@media (min-width: 600px) and (min-width: 900px) {\n .service_desk .layout-zone, .study_space .layout-zone {\n padding-right: calc((0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 600px) and (min-width: 1920px) {\n .service_desk .layout-zone, .study_space .layout-zone {\n padding-right: calc(0.5rem + math.div((1920px - 900px), 6));\n }\n}\n@media (min-width: 600px) {\n .service_desk .layout-zone, .study_space .layout-zone {\n padding-left: 0.5rem;\n }\n}\n@media (min-width: 600px) and (min-width: 900px) {\n .service_desk .layout-zone, .study_space .layout-zone {\n padding-left: calc((0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 600px) and (min-width: 1920px) {\n .service_desk .layout-zone, .study_space .layout-zone {\n padding-left: calc(0.5rem + math.div((1920px - 900px), 6));\n }\n}\n@media (min-width: 600px) {\n .service_desk .layout-zone, .study_space .layout-zone {\n margin: 0 auto;\n }\n}\n\n.layout-zone-left::after {\n clear: both;\n content: \"\";\n display: table;\n}\n.layout-zone-left {\n padding-right: calc(1 * 0.5rem);\n}\n@media (min-width: 900px) {\n .layout-zone-left {\n padding-right: calc(1 * (0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 1044px) {\n .layout-zone-left {\n padding-right: calc(1 * 2rem);\n }\n}\n.layout-zone-left {\n padding-left: 0.5rem;\n}\n@media (min-width: 900px) {\n .layout-zone-left {\n padding-left: calc((0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 1920px) {\n .layout-zone-left {\n padding-left: calc(0.5rem + math.div((1920px - 900px), 6) + (100% - 1920px) / 2);\n }\n}\n\n.layout-zone-right::after {\n clear: both;\n content: \"\";\n display: table;\n}\n.layout-zone-right {\n padding-right: 0.5rem;\n}\n@media (min-width: 900px) {\n .layout-zone-right {\n padding-right: calc((0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 1920px) {\n .layout-zone-right {\n padding-right: calc(0.5rem + math.div((1920px - 900px), 6) + (100% - 1920px) / 2);\n }\n}\n.layout-zone-right {\n padding-left: calc(1 * 0.5rem);\n}\n@media (min-width: 900px) {\n .layout-zone-right {\n padding-left: calc(1 * (0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 1044px) {\n .layout-zone-right {\n padding-left: calc(1 * 2rem);\n }\n}\n\n.fa-share-square,\n.fa-share-from-square {\n margin-bottom: 0.1em;\n padding-left: 0.1em;\n font-size: 0.85em;\n}\n\n/**\n * @file\n * Styles for all non-homepage pages.\n */\n/* Layout */\n#main-wrapper {\n z-index: 1;\n}\n\n#main-content.main-sidebar-side #main-wrapper {\n width: 100%;\n flex-basis: auto;\n margin: 0;\n}\n@media (min-width: 600px) {\n #main-content.main-sidebar-side #main-wrapper {\n width: 100%;\n }\n}\n@media (min-width: 900px) {\n #main-content.main-sidebar-side #main-wrapper {\n width: 62%;\n }\n}\n@media (min-width: 1200px) {\n #main-content.main-sidebar-side #main-wrapper {\n width: 62%;\n }\n}\n@media (min-width: 1920px) {\n #main-content.main-sidebar-side #main-wrapper {\n width: auto;\n width: calc(((0.5rem + ((1920px - 900px) / 6)) + ((100% - 1920px) / 2)) + ((1920px * 0.62) - (0.5rem + ((1920px - 900px) / 6))));\n }\n}\n#main-content.main-sidebar-side #main-wrapper {\n padding-bottom: 0.5rem;\n}\n@media (min-width: 900px) {\n #main-content.main-sidebar-side #main-wrapper {\n padding-bottom: calc((0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 1920px) {\n #main-content.main-sidebar-side #main-wrapper {\n padding-bottom: calc(0.5rem + math.div((1920px - 900px), 6));\n }\n}\n#main-content.main-sidebar-side #main-wrapper {\n box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);\n}\n@media (min-width: 900px) {\n #main-content.main-sidebar-side #main-wrapper {\n box-shadow: 2px 0 2px rgba(0, 0, 0, 0.4);\n }\n #main-content.main-sidebar-side #main-wrapper {\n padding-left: 0.5rem;\n }\n}\n@media (min-width: 900px) and (min-width: 900px) {\n #main-content.main-sidebar-side #main-wrapper {\n padding-left: calc((0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 900px) and (min-width: 1920px) {\n #main-content.main-sidebar-side #main-wrapper {\n padding-left: calc(0.5rem + math.div((1920px - 900px), 6) + (100% - 1920px) / 2);\n }\n}\n@media (min-width: 900px) {\n #main-content.main-sidebar-side #main-wrapper {\n padding-right: calc(1 * 0.5rem);\n }\n}\n@media (min-width: 900px) and (min-width: 900px) {\n #main-content.main-sidebar-side #main-wrapper {\n padding-right: calc(1 * (0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 900px) and (min-width: 1044px) {\n #main-content.main-sidebar-side #main-wrapper {\n padding-right: calc(1 * 2rem);\n }\n}\n#main-content.main-sidebar-side #sidebar-wrapper, #main-content.main-sidebar-side #newsbar.newsbar-sidebar-side .featured-resources-wrapper, #newsbar.newsbar-sidebar-side #main-content.main-sidebar-side .featured-resources-wrapper {\n width: 100%;\n flex-basis: auto;\n margin: 0;\n}\n@media (min-width: 600px) {\n #main-content.main-sidebar-side #sidebar-wrapper, #main-content.main-sidebar-side #newsbar.newsbar-sidebar-side .featured-resources-wrapper, #newsbar.newsbar-sidebar-side #main-content.main-sidebar-side .featured-resources-wrapper {\n width: 100%;\n }\n}\n@media (min-width: 900px) {\n #main-content.main-sidebar-side #sidebar-wrapper, #main-content.main-sidebar-side #newsbar.newsbar-sidebar-side .featured-resources-wrapper, #newsbar.newsbar-sidebar-side #main-content.main-sidebar-side .featured-resources-wrapper {\n width: 38%;\n }\n}\n@media (min-width: 1200px) {\n #main-content.main-sidebar-side #sidebar-wrapper, #main-content.main-sidebar-side #newsbar.newsbar-sidebar-side .featured-resources-wrapper, #newsbar.newsbar-sidebar-side #main-content.main-sidebar-side .featured-resources-wrapper {\n width: 38%;\n }\n}\n@media (min-width: 1920px) {\n #main-content.main-sidebar-side #sidebar-wrapper, #main-content.main-sidebar-side #newsbar.newsbar-sidebar-side .featured-resources-wrapper, #newsbar.newsbar-sidebar-side #main-content.main-sidebar-side .featured-resources-wrapper {\n width: auto;\n width: calc(((0.5rem + ((1920px - 900px) / 6)) + ((100% - 1920px) / 2)) + ((1920px * 0.38) - (0.5rem + ((1920px - 900px) / 6))));\n }\n}\n@media (min-width: 900px) {\n #main-content.main-sidebar-side #sidebar-wrapper, #main-content.main-sidebar-side #newsbar.newsbar-sidebar-side .featured-resources-wrapper, #newsbar.newsbar-sidebar-side #main-content.main-sidebar-side .featured-resources-wrapper {\n padding-right: 0.5rem;\n }\n}\n@media (min-width: 900px) and (min-width: 900px) {\n #main-content.main-sidebar-side #sidebar-wrapper, #main-content.main-sidebar-side #newsbar.newsbar-sidebar-side .featured-resources-wrapper, #newsbar.newsbar-sidebar-side #main-content.main-sidebar-side .featured-resources-wrapper {\n padding-right: calc((0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 900px) and (min-width: 1920px) {\n #main-content.main-sidebar-side #sidebar-wrapper, #main-content.main-sidebar-side #newsbar.newsbar-sidebar-side .featured-resources-wrapper, #newsbar.newsbar-sidebar-side #main-content.main-sidebar-side .featured-resources-wrapper {\n padding-right: calc(0.5rem + math.div((1920px - 900px), 6) + (100% - 1920px) / 2);\n }\n}\n@media (min-width: 900px) {\n #main-content.main-sidebar-side #sidebar-wrapper, #main-content.main-sidebar-side #newsbar.newsbar-sidebar-side .featured-resources-wrapper, #newsbar.newsbar-sidebar-side #main-content.main-sidebar-side .featured-resources-wrapper {\n padding-left: calc(1 * 0.5rem);\n }\n}\n@media (min-width: 900px) and (min-width: 900px) {\n #main-content.main-sidebar-side #sidebar-wrapper, #main-content.main-sidebar-side #newsbar.newsbar-sidebar-side .featured-resources-wrapper, #newsbar.newsbar-sidebar-side #main-content.main-sidebar-side .featured-resources-wrapper {\n padding-left: calc(1 * (0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 900px) and (min-width: 1044px) {\n #main-content.main-sidebar-side #sidebar-wrapper, #main-content.main-sidebar-side #newsbar.newsbar-sidebar-side .featured-resources-wrapper, #newsbar.newsbar-sidebar-side #main-content.main-sidebar-side .featured-resources-wrapper {\n padding-left: calc(1 * 2rem);\n }\n}\n@media (min-width: 900px) {\n #main-content.main-sidebar-side #sidebar-wrapper #sidebar-container, #main-content.main-sidebar-side #newsbar.newsbar-sidebar-side .featured-resources-wrapper #sidebar-container, #newsbar.newsbar-sidebar-side #main-content.main-sidebar-side .featured-resources-wrapper #sidebar-container {\n flex-direction: column;\n }\n #main-content.main-sidebar-side #sidebar-wrapper #sidebar-container > *, #main-content.main-sidebar-side #newsbar.newsbar-sidebar-side .featured-resources-wrapper #sidebar-container > *, #newsbar.newsbar-sidebar-side #main-content.main-sidebar-side .featured-resources-wrapper #sidebar-container > * {\n width: 100%;\n }\n}\n\n#main-content.main-sidebar-foot #main-wrapper {\n box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);\n}\n\n/* Elements */\n#block-lits-theme-breadcrumbs {\n margin-top: 1rem;\n font-size: 1rem;\n}\n\n#messagebar ul {\n padding-left: 0;\n}\n\n/**\n * @file\n * Rules for sidebar layout and formatting.\n *\n * 300px – 599px: single column, flush to edges.\n * 600px – 899px: no more than 2 columns, squishy edges and gutters.\n * 900px – 1199px:\n * - sidebar-side: single column, squishy gutter left and padding right.\n * - sidebar-foot: no more than 3 columns, squishy edges and gutters.\n * 1200px and up:\n * - sidebar-side: single column, squishy gutter left and padding right.\n * - sidebar-foot: no more than 4 columns, squishy edges and gutters.\n *\n * All elements have squishy-gutter for internal padding, max of 1rem.\n * All elements not flush to edges get a box shadow.\n * If more than one row is necessary, group by type (menu or service desk).\n * Form (study space finder) is always a singleton.\n * Department blocks work like service desk teaser blocks.\n */\n#sidebar-wrapper, #newsbar.newsbar-sidebar-side .featured-resources-wrapper {\n width: 100%;\n}\n#sidebar-wrapper::after, #newsbar.newsbar-sidebar-side .featured-resources-wrapper::after {\n clear: both;\n content: \"\";\n display: table;\n}\n@media (min-width: 600px) {\n #sidebar-wrapper, #newsbar.newsbar-sidebar-side .featured-resources-wrapper {\n background-color: #e2dfdd;\n }\n}\n#sidebar-wrapper h2, #newsbar.newsbar-sidebar-side .featured-resources-wrapper h2 {\n margin: 0;\n font-size: 1.25rem;\n line-height: 1.5rem;\n}\n#sidebar-wrapper #sidebar-container, #newsbar.newsbar-sidebar-side .featured-resources-wrapper #sidebar-container {\n display: flex;\n flex-flow: column nowrap;\n justify-content: center;\n align-items: center;\n width: 100%;\n max-width: 1920px;\n margin: 0 auto;\n}\n#sidebar-wrapper #sidebar-container .sidebar-nav-wrapper, #newsbar.newsbar-sidebar-side .featured-resources-wrapper #sidebar-container .sidebar-nav-wrapper,\n#sidebar-wrapper #sidebar-container #block-lits-theme-views-block-service-desk-block-block-1,\n#newsbar.newsbar-sidebar-side .featured-resources-wrapper #sidebar-container #block-lits-theme-views-block-service-desk-block-block-1,\n#sidebar-wrapper #sidebar-container .views-row,\n#newsbar.newsbar-sidebar-side .featured-resources-wrapper #sidebar-container .views-row {\n width: 100%;\n}\n@media (min-width: 600px) {\n #sidebar-wrapper, #newsbar.newsbar-sidebar-side .featured-resources-wrapper {\n padding-top: calc(1 * 0.5rem);\n }\n}\n@media (min-width: 600px) and (min-width: 900px) {\n #sidebar-wrapper, #newsbar.newsbar-sidebar-side .featured-resources-wrapper {\n padding-top: calc(1 * (0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 600px) and (min-width: 1044px) {\n #sidebar-wrapper, #newsbar.newsbar-sidebar-side .featured-resources-wrapper {\n padding-top: calc(1 * 2rem);\n }\n}\n@media (min-width: 600px) {\n #sidebar-wrapper, #newsbar.newsbar-sidebar-side .featured-resources-wrapper {\n padding-right: calc(0.5 * 0.5rem);\n }\n}\n@media (min-width: 600px) and (min-width: 900px) {\n #sidebar-wrapper, #newsbar.newsbar-sidebar-side .featured-resources-wrapper {\n padding-right: calc(0.5 * (0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 600px) and (min-width: 1044px) {\n #sidebar-wrapper, #newsbar.newsbar-sidebar-side .featured-resources-wrapper {\n padding-right: calc(0.5 * 2rem);\n }\n}\n@media (min-width: 600px) {\n #sidebar-wrapper, #newsbar.newsbar-sidebar-side .featured-resources-wrapper {\n padding-left: calc(0.5 * 0.5rem);\n }\n}\n@media (min-width: 600px) and (min-width: 900px) {\n #sidebar-wrapper, #newsbar.newsbar-sidebar-side .featured-resources-wrapper {\n padding-left: calc(0.5 * (0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 600px) and (min-width: 1044px) {\n #sidebar-wrapper, #newsbar.newsbar-sidebar-side .featured-resources-wrapper {\n padding-left: calc(0.5 * 2rem);\n }\n}\n@media (min-width: 600px) {\n #sidebar-wrapper #sidebar-container, #newsbar.newsbar-sidebar-side .featured-resources-wrapper #sidebar-container {\n flex-flow: row wrap;\n align-items: flex-start;\n }\n #sidebar-wrapper .sidebar-nav-wrapper, #newsbar.newsbar-sidebar-side .featured-resources-wrapper .sidebar-nav-wrapper,\n #sidebar-wrapper .views-row,\n #newsbar.newsbar-sidebar-side .featured-resources-wrapper .views-row {\n max-width: 520px;\n }\n #sidebar-wrapper .service-desk-block-container, #newsbar.newsbar-sidebar-side .featured-resources-wrapper .service-desk-block-container {\n display: flex;\n flex-flow: row wrap;\n justify-content: center;\n }\n #sidebar-wrapper .sidebar-nav-wrapper, #newsbar.newsbar-sidebar-side .featured-resources-wrapper .sidebar-nav-wrapper,\n #sidebar-wrapper .views-row,\n #newsbar.newsbar-sidebar-side .featured-resources-wrapper .views-row {\n padding-bottom: calc(1 * 0.5rem);\n }\n}\n@media (min-width: 600px) and (min-width: 900px) {\n #sidebar-wrapper .sidebar-nav-wrapper, #newsbar.newsbar-sidebar-side .featured-resources-wrapper .sidebar-nav-wrapper,\n #sidebar-wrapper .views-row,\n #newsbar.newsbar-sidebar-side .featured-resources-wrapper .views-row {\n padding-bottom: calc(1 * (0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 600px) and (min-width: 1044px) {\n #sidebar-wrapper .sidebar-nav-wrapper, #newsbar.newsbar-sidebar-side .featured-resources-wrapper .sidebar-nav-wrapper,\n #sidebar-wrapper .views-row,\n #newsbar.newsbar-sidebar-side .featured-resources-wrapper .views-row {\n padding-bottom: calc(1 * 2rem);\n }\n}\n@media (min-width: 600px) {\n #sidebar-wrapper .sidebar-nav-wrapper, #newsbar.newsbar-sidebar-side .featured-resources-wrapper .sidebar-nav-wrapper,\n #sidebar-wrapper .views-row,\n #newsbar.newsbar-sidebar-side .featured-resources-wrapper .views-row {\n padding-left: calc(0.5 * 0.5rem);\n }\n}\n@media (min-width: 600px) and (min-width: 900px) {\n #sidebar-wrapper .sidebar-nav-wrapper, #newsbar.newsbar-sidebar-side .featured-resources-wrapper .sidebar-nav-wrapper,\n #sidebar-wrapper .views-row,\n #newsbar.newsbar-sidebar-side .featured-resources-wrapper .views-row {\n padding-left: calc(0.5 * (0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 600px) and (min-width: 1044px) {\n #sidebar-wrapper .sidebar-nav-wrapper, #newsbar.newsbar-sidebar-side .featured-resources-wrapper .sidebar-nav-wrapper,\n #sidebar-wrapper .views-row,\n #newsbar.newsbar-sidebar-side .featured-resources-wrapper .views-row {\n padding-left: calc(0.5 * 2rem);\n }\n}\n@media (min-width: 600px) {\n #sidebar-wrapper .sidebar-nav-wrapper, #newsbar.newsbar-sidebar-side .featured-resources-wrapper .sidebar-nav-wrapper,\n #sidebar-wrapper .views-row,\n #newsbar.newsbar-sidebar-side .featured-resources-wrapper .views-row {\n padding-right: calc(0.5 * 0.5rem);\n }\n}\n@media (min-width: 600px) and (min-width: 900px) {\n #sidebar-wrapper .sidebar-nav-wrapper, #newsbar.newsbar-sidebar-side .featured-resources-wrapper .sidebar-nav-wrapper,\n #sidebar-wrapper .views-row,\n #newsbar.newsbar-sidebar-side .featured-resources-wrapper .views-row {\n padding-right: calc(0.5 * (0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 600px) and (min-width: 1044px) {\n #sidebar-wrapper .sidebar-nav-wrapper, #newsbar.newsbar-sidebar-side .featured-resources-wrapper .sidebar-nav-wrapper,\n #sidebar-wrapper .views-row,\n #newsbar.newsbar-sidebar-side .featured-resources-wrapper .views-row {\n padding-right: calc(0.5 * 2rem);\n }\n}\n@media (min-width: 900px) {\n #sidebar-wrapper.sidebar-side .sidebar-nav-wrapper, #newsbar.newsbar-sidebar-side .sidebar-side.featured-resources-wrapper .sidebar-nav-wrapper, #sidebar-wrapper.sidebar-side .views-row, #newsbar.newsbar-sidebar-side .sidebar-side.featured-resources-wrapper .views-row {\n padding-bottom: calc(1 * 0.5rem);\n }\n}\n@media (min-width: 900px) and (min-width: 900px) {\n #sidebar-wrapper.sidebar-side .sidebar-nav-wrapper, #newsbar.newsbar-sidebar-side .sidebar-side.featured-resources-wrapper .sidebar-nav-wrapper, #sidebar-wrapper.sidebar-side .views-row, #newsbar.newsbar-sidebar-side .sidebar-side.featured-resources-wrapper .views-row {\n padding-bottom: calc(1 * (0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 900px) and (min-width: 1044px) {\n #sidebar-wrapper.sidebar-side .sidebar-nav-wrapper, #newsbar.newsbar-sidebar-side .sidebar-side.featured-resources-wrapper .sidebar-nav-wrapper, #sidebar-wrapper.sidebar-side .views-row, #newsbar.newsbar-sidebar-side .sidebar-side.featured-resources-wrapper .views-row {\n padding-bottom: calc(1 * 2rem);\n }\n}\n@media (min-width: 900px) {\n #sidebar-wrapper.sidebar-side .sidebar-nav-wrapper, #newsbar.newsbar-sidebar-side .sidebar-side.featured-resources-wrapper .sidebar-nav-wrapper, #sidebar-wrapper.sidebar-side .views-row, #newsbar.newsbar-sidebar-side .sidebar-side.featured-resources-wrapper .views-row {\n padding-left: calc(0 * 0.5rem);\n }\n}\n@media (min-width: 900px) and (min-width: 900px) {\n #sidebar-wrapper.sidebar-side .sidebar-nav-wrapper, #newsbar.newsbar-sidebar-side .sidebar-side.featured-resources-wrapper .sidebar-nav-wrapper, #sidebar-wrapper.sidebar-side .views-row, #newsbar.newsbar-sidebar-side .sidebar-side.featured-resources-wrapper .views-row {\n padding-left: calc(0 * (0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 900px) and (min-width: 1044px) {\n #sidebar-wrapper.sidebar-side .sidebar-nav-wrapper, #newsbar.newsbar-sidebar-side .sidebar-side.featured-resources-wrapper .sidebar-nav-wrapper, #sidebar-wrapper.sidebar-side .views-row, #newsbar.newsbar-sidebar-side .sidebar-side.featured-resources-wrapper .views-row {\n padding-left: calc(0 * 2rem);\n }\n}\n@media (min-width: 900px) {\n #sidebar-wrapper.sidebar-side .sidebar-nav-wrapper, #newsbar.newsbar-sidebar-side .sidebar-side.featured-resources-wrapper .sidebar-nav-wrapper, #sidebar-wrapper.sidebar-side .views-row, #newsbar.newsbar-sidebar-side .sidebar-side.featured-resources-wrapper .views-row {\n padding-right: calc(0 * 0.5rem);\n }\n}\n@media (min-width: 900px) and (min-width: 900px) {\n #sidebar-wrapper.sidebar-side .sidebar-nav-wrapper, #newsbar.newsbar-sidebar-side .sidebar-side.featured-resources-wrapper .sidebar-nav-wrapper, #sidebar-wrapper.sidebar-side .views-row, #newsbar.newsbar-sidebar-side .sidebar-side.featured-resources-wrapper .views-row {\n padding-right: calc(0 * (0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 900px) and (min-width: 1044px) {\n #sidebar-wrapper.sidebar-side .sidebar-nav-wrapper, #newsbar.newsbar-sidebar-side .sidebar-side.featured-resources-wrapper .sidebar-nav-wrapper, #sidebar-wrapper.sidebar-side .views-row, #newsbar.newsbar-sidebar-side .sidebar-side.featured-resources-wrapper .views-row {\n padding-right: calc(0 * 2rem);\n }\n}\n@media (min-width: 900px) {\n #sidebar-wrapper.sidebar-side .service-desk-block-container, #newsbar.newsbar-sidebar-side .sidebar-side.featured-resources-wrapper .service-desk-block-container {\n justify-content: flex-start;\n }\n}\n@media (min-width: 600px) {\n #sidebar-wrapper #sidebar-container.menu-2.desk-2 .sidebar-nav-wrapper, #newsbar.newsbar-sidebar-side .featured-resources-wrapper #sidebar-container.menu-2.desk-2 .sidebar-nav-wrapper,\n #sidebar-wrapper #sidebar-container.menu-2.desk-2 .views-row,\n #newsbar.newsbar-sidebar-side .featured-resources-wrapper #sidebar-container.menu-2.desk-2 .views-row {\n width: 50%;\n }\n #sidebar-wrapper #sidebar-container.menu-2.desk-2 #block-lits-theme-views-block-service-desk-block-block-1, #newsbar.newsbar-sidebar-side .featured-resources-wrapper #sidebar-container.menu-2.desk-2 #block-lits-theme-views-block-service-desk-block-block-1 {\n width: 100%;\n }\n}\n@media (min-width: 900px) {\n #sidebar-wrapper.sidebar-side #sidebar-container.menu-2.desk-2 .sidebar-nav-wrapper, #newsbar.newsbar-sidebar-side .sidebar-side.featured-resources-wrapper #sidebar-container.menu-2.desk-2 .sidebar-nav-wrapper,\n #sidebar-wrapper.sidebar-side #sidebar-container.menu-2.desk-2 .views-row,\n #newsbar.newsbar-sidebar-side .sidebar-side.featured-resources-wrapper #sidebar-container.menu-2.desk-2 .views-row {\n width: 100%;\n }\n #sidebar-wrapper.sidebar-side #sidebar-container.menu-2.desk-2 #block-lits-theme-views-block-service-desk-block-block-1, #newsbar.newsbar-sidebar-side .sidebar-side.featured-resources-wrapper #sidebar-container.menu-2.desk-2 #block-lits-theme-views-block-service-desk-block-block-1 {\n width: 100%;\n }\n}\n@media (min-width: 1200px) {\n #sidebar-wrapper.sidebar-foot #sidebar-container.menu-2.desk-2 .sidebar-nav-wrapper, #newsbar.newsbar-sidebar-side .sidebar-foot.featured-resources-wrapper #sidebar-container.menu-2.desk-2 .sidebar-nav-wrapper {\n width: 25%;\n }\n #sidebar-wrapper.sidebar-foot #sidebar-container.menu-2.desk-2 #block-lits-theme-views-block-service-desk-block-block-1, #newsbar.newsbar-sidebar-side .sidebar-foot.featured-resources-wrapper #sidebar-container.menu-2.desk-2 #block-lits-theme-views-block-service-desk-block-block-1 {\n width: 50%;\n }\n #sidebar-wrapper.sidebar-foot #sidebar-container.menu-2.desk-2 .views-row, #newsbar.newsbar-sidebar-side .sidebar-foot.featured-resources-wrapper #sidebar-container.menu-2.desk-2 .views-row {\n width: 50%;\n }\n}\n@media (min-width: 600px) {\n #sidebar-wrapper #sidebar-container.menu-2.desk-1 .sidebar-nav-wrapper, #newsbar.newsbar-sidebar-side .featured-resources-wrapper #sidebar-container.menu-2.desk-1 .sidebar-nav-wrapper {\n width: 50%;\n }\n #sidebar-wrapper #sidebar-container.menu-2.desk-1 #block-lits-theme-views-block-service-desk-block-block-1, #newsbar.newsbar-sidebar-side .featured-resources-wrapper #sidebar-container.menu-2.desk-1 #block-lits-theme-views-block-service-desk-block-block-1 {\n width: 100%;\n }\n #sidebar-wrapper #sidebar-container.menu-1.desk-2 .views-row, #newsbar.newsbar-sidebar-side .featured-resources-wrapper #sidebar-container.menu-1.desk-2 .views-row {\n width: 50%;\n }\n #sidebar-wrapper #sidebar-container.menu-1.desk-2 #block-lits-theme-views-block-service-desk-block-block-1, #newsbar.newsbar-sidebar-side .featured-resources-wrapper #sidebar-container.menu-1.desk-2 #block-lits-theme-views-block-service-desk-block-block-1 {\n width: 100%;\n }\n}\n@media (min-width: 900px) {\n #sidebar-wrapper.sidebar-foot #sidebar-container.menu-2.desk-1 .sidebar-nav-wrapper, #newsbar.newsbar-sidebar-side .sidebar-foot.featured-resources-wrapper #sidebar-container.menu-2.desk-1 .sidebar-nav-wrapper {\n width: 33.3333333333%;\n }\n #sidebar-wrapper.sidebar-foot #sidebar-container.menu-2.desk-1 #block-lits-theme-views-block-service-desk-block-block-1, #newsbar.newsbar-sidebar-side .sidebar-foot.featured-resources-wrapper #sidebar-container.menu-2.desk-1 #block-lits-theme-views-block-service-desk-block-block-1 {\n width: 33.3333333333%;\n max-width: 520px;\n }\n #sidebar-wrapper.sidebar-foot #sidebar-container.menu-1.desk-2 .sidebar-nav-wrapper, #newsbar.newsbar-sidebar-side .sidebar-foot.featured-resources-wrapper #sidebar-container.menu-1.desk-2 .sidebar-nav-wrapper {\n width: 33.3333333333%;\n }\n #sidebar-wrapper.sidebar-foot #sidebar-container.menu-1.desk-2 #block-lits-theme-views-block-service-desk-block-block-1, #newsbar.newsbar-sidebar-side .sidebar-foot.featured-resources-wrapper #sidebar-container.menu-1.desk-2 #block-lits-theme-views-block-service-desk-block-block-1 {\n width: 66.6666666667%;\n max-width: 1040px;\n }\n #sidebar-wrapper.sidebar-foot #sidebar-container.menu-1.desk-2 #block-lits-theme-views-block-service-desk-block-block-1 .views-row, #newsbar.newsbar-sidebar-side .sidebar-foot.featured-resources-wrapper #sidebar-container.menu-1.desk-2 #block-lits-theme-views-block-service-desk-block-block-1 .views-row {\n width: 50%;\n }\n #sidebar-wrapper.sidebar-side #sidebar-container.menu-1.desk-2 #block-lits-theme-views-block-service-desk-block-block-1 .views-row, #newsbar.newsbar-sidebar-side .sidebar-side.featured-resources-wrapper #sidebar-container.menu-1.desk-2 #block-lits-theme-views-block-service-desk-block-block-1 .views-row {\n width: 100%;\n }\n}\n@media (min-width: 600px) {\n #sidebar-wrapper #sidebar-container.menu-0.desk-2 #block-lits-theme-views-block-service-desk-block-block-1, #newsbar.newsbar-sidebar-side .featured-resources-wrapper #sidebar-container.menu-0.desk-2 #block-lits-theme-views-block-service-desk-block-block-1 {\n width: 100%;\n }\n #sidebar-wrapper #sidebar-container.menu-0.desk-2 #block-lits-theme-views-block-service-desk-block-block-1 .views-row, #newsbar.newsbar-sidebar-side .featured-resources-wrapper #sidebar-container.menu-0.desk-2 #block-lits-theme-views-block-service-desk-block-block-1 .views-row {\n width: 50%;\n }\n #sidebar-wrapper #sidebar-container.menu-1.desk-1 .sidebar-nav-wrapper, #newsbar.newsbar-sidebar-side .featured-resources-wrapper #sidebar-container.menu-1.desk-1 .sidebar-nav-wrapper {\n width: 50%;\n }\n #sidebar-wrapper #sidebar-container.menu-1.desk-1 #block-lits-theme-views-block-service-desk-block-block-1, #newsbar.newsbar-sidebar-side .featured-resources-wrapper #sidebar-container.menu-1.desk-1 #block-lits-theme-views-block-service-desk-block-block-1 {\n width: 50%;\n max-width: 520px;\n }\n #sidebar-wrapper #sidebar-container.menu-1.desk-1 #block-lits-theme-views-block-service-desk-block-block-1 .views-row, #newsbar.newsbar-sidebar-side .featured-resources-wrapper #sidebar-container.menu-1.desk-1 #block-lits-theme-views-block-service-desk-block-block-1 .views-row {\n width: 100%;\n }\n #sidebar-wrapper #sidebar-container.menu-2.desk-0 .sidebar-nav-wrapper, #newsbar.newsbar-sidebar-side .featured-resources-wrapper #sidebar-container.menu-2.desk-0 .sidebar-nav-wrapper {\n width: 50%;\n }\n}\n@media (min-width: 900px) {\n #sidebar-wrapper.sidebar-side #sidebar-container.menu-0.desk-2 #block-lits-theme-views-block-service-desk-block-block-1, #newsbar.newsbar-sidebar-side .sidebar-side.featured-resources-wrapper #sidebar-container.menu-0.desk-2 #block-lits-theme-views-block-service-desk-block-block-1, #sidebar-wrapper.sidebar-side #sidebar-container.menu-1.desk-1 #block-lits-theme-views-block-service-desk-block-block-1, #newsbar.newsbar-sidebar-side .sidebar-side.featured-resources-wrapper #sidebar-container.menu-1.desk-1 #block-lits-theme-views-block-service-desk-block-block-1 {\n width: 100%;\n }\n #sidebar-wrapper.sidebar-side #sidebar-container.menu-0.desk-2 #block-lits-theme-views-block-service-desk-block-block-1 .views-row, #newsbar.newsbar-sidebar-side .sidebar-side.featured-resources-wrapper #sidebar-container.menu-0.desk-2 #block-lits-theme-views-block-service-desk-block-block-1 .views-row, #sidebar-wrapper.sidebar-side #sidebar-container.menu-1.desk-1 #block-lits-theme-views-block-service-desk-block-block-1 .views-row, #newsbar.newsbar-sidebar-side .sidebar-side.featured-resources-wrapper #sidebar-container.menu-1.desk-1 #block-lits-theme-views-block-service-desk-block-block-1 .views-row {\n width: 100%;\n }\n}\n@media (min-width: 600px) {\n #sidebar-wrapper #sidebar-container.menu-0.desk-1 .sidebar-nav-wrapper, #newsbar.newsbar-sidebar-side .featured-resources-wrapper #sidebar-container.menu-0.desk-1 .sidebar-nav-wrapper,\n #sidebar-wrapper #sidebar-container.menu-0.desk-1 .views-row,\n #newsbar.newsbar-sidebar-side .featured-resources-wrapper #sidebar-container.menu-0.desk-1 .views-row,\n #sidebar-wrapper #sidebar-container.menu-1.desk-0 .sidebar-nav-wrapper,\n #newsbar.newsbar-sidebar-side .featured-resources-wrapper #sidebar-container.menu-1.desk-0 .sidebar-nav-wrapper,\n #sidebar-wrapper #sidebar-container.menu-1.desk-0 .views-row,\n #newsbar.newsbar-sidebar-side .featured-resources-wrapper #sidebar-container.menu-1.desk-0 .views-row {\n width: 50%;\n }\n #sidebar-wrapper #sidebar-container.menu-0.desk-1 #block-lits-theme-views-block-service-desk-block-block-1, #newsbar.newsbar-sidebar-side .featured-resources-wrapper #sidebar-container.menu-0.desk-1 #block-lits-theme-views-block-service-desk-block-block-1,\n #sidebar-wrapper #sidebar-container.menu-1.desk-0 #block-lits-theme-views-block-service-desk-block-block-1,\n #newsbar.newsbar-sidebar-side .featured-resources-wrapper #sidebar-container.menu-1.desk-0 #block-lits-theme-views-block-service-desk-block-block-1 {\n width: 100%;\n }\n}\n@media (min-width: 900px) {\n #sidebar-wrapper #sidebar-container.menu-0.desk-1 .sidebar-nav-wrapper, #newsbar.newsbar-sidebar-side .featured-resources-wrapper #sidebar-container.menu-0.desk-1 .sidebar-nav-wrapper,\n #sidebar-wrapper #sidebar-container.menu-0.desk-1 .views-row,\n #newsbar.newsbar-sidebar-side .featured-resources-wrapper #sidebar-container.menu-0.desk-1 .views-row,\n #sidebar-wrapper #sidebar-container.menu-1.desk-0 .sidebar-nav-wrapper,\n #newsbar.newsbar-sidebar-side .featured-resources-wrapper #sidebar-container.menu-1.desk-0 .sidebar-nav-wrapper,\n #sidebar-wrapper #sidebar-container.menu-1.desk-0 .views-row,\n #newsbar.newsbar-sidebar-side .featured-resources-wrapper #sidebar-container.menu-1.desk-0 .views-row {\n width: 100%;\n }\n #sidebar-wrapper #sidebar-container.menu-0.desk-1 #block-lits-theme-views-block-service-desk-block-block-1, #newsbar.newsbar-sidebar-side .featured-resources-wrapper #sidebar-container.menu-0.desk-1 #block-lits-theme-views-block-service-desk-block-block-1,\n #sidebar-wrapper #sidebar-container.menu-1.desk-0 #block-lits-theme-views-block-service-desk-block-block-1,\n #newsbar.newsbar-sidebar-side .featured-resources-wrapper #sidebar-container.menu-1.desk-0 #block-lits-theme-views-block-service-desk-block-block-1 {\n width: 100%;\n }\n}\n\n/**\n * @file\n * Styles that apply to specific pages.\n *\n * TODO: these should probably be moved to a less general location.\n */\n@media (min-width: 1080px) {\n .study-space-finder header {\n width: 100%;\n }\n}\n\n.views-row header {\n margin: 0;\n border: none;\n}\n.views-row header h3 {\n margin: 0;\n}\n\n/** search page styling **/\nh2.bentos {\n font-style: italic;\n}\n\n.bentos.grid-container {\n width: 100%;\n height: 100%;\n display: grid;\n grid-gap: 10px;\n list-style: none;\n margin: 0 0 1em auto;\n padding: 0;\n grid-template-areas: \"websiteSearch\" \"guidesSearch\";\n /** @media (min-width: $small-width) and (max-width: $large-width) {\n grid-template-areas:\n \"bento-1 bento-2\"\n \"bento-3 .\";\n }\n **/\n}\n@media (min-width: 1200px) {\n .bentos.grid-container {\n grid-template-areas: \"websiteSearch guidesSearch\";\n grid-template-columns: 1fr 1fr;\n }\n}\n\n.bento-1 {\n grid-area: websiteSearch;\n}\n\n.bento-3 {\n grid-area: guidesSearch;\n}\n\n.status--warning {\n background-color: #f9fb93;\n color: shade(#f9fb93, 60%);\n display: block;\n margin-bottom: 0.75em;\n padding: 0.75em;\n text-align: center;\n}\n.status--warning a {\n color: shade(#f9fb93, 70%);\n text-decoration: underline;\n}\n.status--warning a:focus, .status--warning a:hover {\n color: shade(#f9fb93, 90%);\n}\n.status--warning .placeholder {\n font-style: normal;\n font-weight: 800;\n}\n\n.status--error {\n background-color: #fbe3e4;\n color: shade(#fbe3e4, 60%);\n display: block;\n margin-bottom: 0.75em;\n padding: 0.75em;\n text-align: center;\n}\n.status--error a {\n color: shade(#fbe3e4, 70%);\n text-decoration: underline;\n}\n.status--error a:focus, .status--error a:hover {\n color: shade(#fbe3e4, 90%);\n}\n.status--error .placeholder {\n font-style: normal;\n font-weight: 800;\n}\n\n.status--status {\n background-color: #cfefc2;\n color: shade(#cfefc2, 60%);\n display: block;\n margin-bottom: 0.75em;\n padding: 0.75em;\n text-align: center;\n}\n.status--status a {\n color: shade(#cfefc2, 70%);\n text-decoration: underline;\n}\n.status--status a:focus, .status--status a:hover {\n color: shade(#cfefc2, 90%);\n}\n.status--status .placeholder {\n font-style: normal;\n font-weight: 800;\n}\n\n/**\n * @file\n * Custom styles for the study spaces filter.\n *\n * @see lits_search_form_views_exposed_form_alter().\n */\n.study-space-filters {\n line-height: 1rem;\n background-color: white;\n}\n@media (min-width: 600px) {\n .study-space-filters {\n width: 100%;\n }\n}\n@media (min-width: 600px) {\n .study-space-filters #views-exposed-form-study-spaces-page-1 {\n height: 1000px;\n display: grid;\n grid-template-columns: 50% 50%;\n }\n}\n@media (min-width: 900px) {\n .study-space-filters #views-exposed-form-study-spaces-page-1 {\n height: auto;\n display: flex;\n flex-direction: column;\n }\n}\n.study-space-filters .form-item-intro {\n background-color: #5c7f1a;\n}\n@media (min-width: 600px) {\n .study-space-filters .form-item-intro {\n max-width: none;\n grid-column-end: span 2;\n }\n}\n.study-space-filters .filters-title {\n display: none;\n}\n.study-space-filters .js-form-item {\n padding-left: 1rem;\n padding-right: 1rem;\n}\n@media (min-width: 600px) {\n .study-space-filters .js-form-item {\n grid-column-end: span 2;\n }\n}\n.study-space-filters .form-item-scope {\n padding-bottom: 0.5rem;\n padding-left: 1rem;\n margin: 1rem;\n}\n@media (min-width: 600px) {\n .study-space-filters .form-item-scope {\n grid-column-end: span 2;\n }\n}\n.study-space-filters fieldset {\n border: 1px dashed #e2dfdd;\n margin: 1rem;\n}\n.study-space-filters .form-actions {\n margin: 1rem;\n}\n.study-space-filters legend {\n padding: 0 15px;\n}\n.study-space-filters label,\n.study-space-filters .space-search {\n font-weight: 400;\n font-size: 0.9rem;\n margin: 0;\n}\n.study-space-filters .space-search-type {\n color: #a20067;\n font-size: 1.1rem;\n font-weight: bold;\n font-style: italic;\n padding-top: 5px;\n}\n\n/**\n* @file\n*\n* Kind of use sidebar-like styles for the filters\n*/\n.study-space-finder {\n align-items: flex-start;\n}\n.study-space-finder .find-reservable-msg {\n width: 100%;\n text-align: center;\n margin-bottom: 1em;\n}\n.study-space-finder .filters-title {\n margin: 0;\n}\n.study-space-finder .filters-title button {\n display: flex;\n align-items: center;\n width: 100%;\n background-color: #5c7f1a;\n color: white;\n line-height: normal;\n padding: 10px 15px;\n border: 0;\n font-size: 1.6rem;\n}\n.study-space-finder.expandable button svg.fa-chevron-down {\n margin-left: 0.25em;\n}\n.study-space-finder.expandable--open button svg.fa-chevron-down {\n transform: rotate(180deg);\n}\n.study-space-finder .filters {\n width: 100%;\n flex-basis: auto;\n margin: 0;\n}\n@media (min-width: 600px) {\n .study-space-finder .filters {\n width: 100%;\n }\n}\n@media (min-width: 900px) {\n .study-space-finder .filters {\n width: 38%;\n }\n}\n@media (min-width: 1200px) {\n .study-space-finder .filters {\n width: 38%;\n }\n}\n@media (min-width: 1920px) {\n .study-space-finder .filters {\n width: auto;\n width: calc(((0.5rem + ((1920px - 900px) / 6)) + ((100% - 1920px) / 2)) + ((1920px * 0.38) - (0.5rem + ((1920px - 900px) / 6))));\n }\n}\n.study-space-finder .filters {\n margin-bottom: 1em;\n}\n@media (min-width: 900px) {\n .study-space-finder .filters {\n box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);\n border-left: 1px solid rgba(0, 0, 0, 0.4);\n border-bottom: 1px solid rgba(0, 0, 0, 0.4);\n margin-bottom: 0;\n }\n}\n.study-space-finder .results {\n width: 100%;\n flex-basis: auto;\n margin: 0;\n}\n@media (min-width: 600px) {\n .study-space-finder .results {\n width: 100%;\n }\n}\n@media (min-width: 900px) {\n .study-space-finder .results {\n width: 62%;\n }\n}\n@media (min-width: 1200px) {\n .study-space-finder .results {\n width: 62%;\n }\n}\n@media (min-width: 1920px) {\n .study-space-finder .results {\n width: auto;\n width: calc(((0.5rem + ((1920px - 900px) / 6)) + ((100% - 1920px) / 2)) + ((1920px * 0.62) - (0.5rem + ((1920px - 900px) / 6))));\n }\n}\n@media (min-width: 900px) {\n .study-space-finder .results {\n padding-left: calc(1 * 0.5rem);\n }\n}\n@media (min-width: 900px) and (min-width: 900px) {\n .study-space-finder .results {\n padding-left: calc(1 * (0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 900px) and (min-width: 1044px) {\n .study-space-finder .results {\n padding-left: calc(1 * 2rem);\n }\n}\n\nbody.system_status #system-status table.no-table,\nbody.system_status #system-status table.no-table thead,\nbody.system_status #system-status table.no-table tbody,\nbody.system_status #system-status table.no-table th,\nbody.system_status #system-status table.no-table td,\nbody.system_status #system-status table.no-table tr {\n display: block;\n height: 100%;\n}\nbody.system_status #system-status table.no-table thead {\n position: absolute !important;\n clip: rect(1px, 1px, 1px, 1px);\n overflow: hidden;\n height: 1px;\n width: 1px;\n word-wrap: normal;\n}\nbody.system_status #system-status table.no-table th,\nbody.system_status #system-status table.no-table td {\n border-bottom: none;\n display: flex;\n flex-flow: row wrap;\n padding: 1rem;\n box-sizing: border-box;\n}\nbody.system_status #system-status table.no-table td {\n /* Behave like a \"row\" */\n border: none;\n position: relative;\n}\nbody.system_status #system-status table.no-table th[scope=row] {\n width: auto;\n}\nbody.system_status #system-status table.no-table tbody tr:first-of-type {\n border-top: 1px solid #ccc;\n}\nbody.system_status #system-status table.no-table .col-header {\n display: inline-block;\n font-weight: bold;\n padding-right: 0;\n width: 100%;\n word-break: break-all;\n}\nbody.system_status #system-status table.no-table .col-content {\n width: 100%;\n padding-left: 2rem;\n}\n@media (min-width: 600px) {\n body.system_status #system-status table.no-table .col-header {\n width: 50%;\n padding-right: 1rem;\n }\n body.system_status #system-status table.no-table .col-content {\n width: 50%;\n padding-left: 0;\n }\n}\n@media (min-width: 900px) {\n body.system_status #system-status table.no-table .col-header {\n width: 33%;\n }\n body.system_status #system-status table.no-table .col-content {\n width: 67%;\n }\n}\n@media (min-width: 1200px) {\n body.system_status #system-status table.no-table .col-header {\n width: 20%;\n }\n body.system_status #system-status table.no-table .col-content {\n width: 80%;\n }\n}\nbody.system_status #system-status table.no-table .status {\n text-align: left;\n}\nbody.system_status #system-status table.no-table .form-item {\n max-width: 100%;\n}\nbody.system_status #system-status table.no-table textarea {\n width: 100%;\n}\n\n/**\n * @file\n * Styles for elements specific to the LITS homepage\n */\n/* I. Titlebar */\n#titlebar .layout-container, #titlebar #newsbar.newsbar-sidebar-side, #titlebar #main-content.main-sidebar-side, #titlebar .study-space-finder {\n flex-flow: column nowrap;\n flex: 0 0 auto;\n align-items: center;\n}\n#titlebar .layout-container #title-wrapper, #titlebar #newsbar.newsbar-sidebar-side #title-wrapper, #titlebar #main-content.main-sidebar-side #title-wrapper, #titlebar .study-space-finder #title-wrapper {\n width: auto;\n padding-right: 0;\n text-align: center;\n}\n#titlebar .layout-container #title-wrapper p, #titlebar #newsbar.newsbar-sidebar-side #title-wrapper p, #titlebar #main-content.main-sidebar-side #title-wrapper p, #titlebar .study-space-finder #title-wrapper p {\n padding-top: 0 !important;\n}\n#titlebar .layout-container #search-container, #titlebar #newsbar.newsbar-sidebar-side #search-container, #titlebar #main-content.main-sidebar-side #search-container, #titlebar .study-space-finder #search-container {\n width: 100%;\n max-width: 1200px;\n}\n#titlebar .layout-container #block-lits-theme-local-tasks, #titlebar #newsbar.newsbar-sidebar-side #block-lits-theme-local-tasks, #titlebar #main-content.main-sidebar-side #block-lits-theme-local-tasks, #titlebar .study-space-finder #block-lits-theme-local-tasks,\n#titlebar .layout-container #block-lits-theme-local-actions,\n#titlebar #newsbar.newsbar-sidebar-side #block-lits-theme-local-actions,\n#titlebar #main-content.main-sidebar-side #block-lits-theme-local-actions,\n#titlebar .study-space-finder #block-lits-theme-local-actions {\n align-self: flex-start;\n}\n\n#title-wrapper {\n flex: 1 1 auto;\n width: 100%;\n margin-top: 1rem;\n margin-bottom: 1rem;\n}\n@media (min-width: 1200px) {\n #title-wrapper {\n width: 40%;\n }\n}\n#title-wrapper h1 {\n margin-top: 0;\n line-height: 1;\n}\n#title-wrapper p {\n font-size: 1rem;\n margin: 0;\n line-height: 1.5;\n}\n@media (min-width: 1200px) {\n #title-wrapper p {\n padding-top: 1rem;\n }\n}\n\n@media (min-width: 1200px) {\n #title-wrapper {\n padding-right: calc(1 * 0.5rem);\n }\n}\n@media (min-width: 1200px) and (min-width: 900px) {\n #title-wrapper {\n padding-right: calc(1 * (0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 1200px) and (min-width: 1044px) {\n #title-wrapper {\n padding-right: calc(1 * 2rem);\n }\n}\nh1 .subtitle {\n color: #004876;\n font-style: normal;\n font-weight: normal;\n font-size: 1.2rem;\n line-height: 1.4;\n padding-top: 0.4rem;\n}\n\n#search-container {\n flex: 1 1 auto;\n margin-top: 1rem;\n margin-bottom: 1rem;\n width: 100%;\n}\n@media (min-width: 1200px) {\n #search-container {\n width: 60%;\n }\n}\n\n/* II. Newsbar */\n#newsbar {\n margin-bottom: 2px;\n}\n#newsbar h2, #newsbar.newsbar-sidebar-side .featured-resources-wrapper h2 {\n padding: 0;\n margin: 1em 0;\n font-size: 1.5em;\n line-height: 2rem;\n}\n#newsbar a.see-all-posts {\n background-color: #07c;\n border: none;\n outline: none;\n color: white;\n cursor: pointer;\n font-size: 0.9em;\n line-height: 1.4;\n padding: 10px;\n margin: 15px 0;\n font-weight: normal;\n font-style: normal;\n display: block;\n text-decoration: none;\n text-align: center;\n}\n#newsbar a.see-all-posts:visited {\n color: white;\n}\n#newsbar a.see-all-posts:hover {\n background-color: #6e6259;\n color: white;\n}\n#newsbar a.see-all-posts:focus {\n outline-offset: 2px;\n outline: 3px solid #004876;\n}\n.lits_homepage #block-lits-theme-litsunifiedsearchblock #newsbar a.see-all-posts:focus {\n outline-offset: 2px;\n outline: 3px solid #ff9e1b;\n}\n#newsbar a.see-all-posts:focus {\n outline-offset: 2px;\n outline: 3px solid #004876;\n text-decoration: underline solid;\n}\n#newsbar a.see-all-posts {\n width: 10rem;\n margin-bottom: 2rem;\n}\n#newsbar #news-items-container {\n flex-flow: column nowrap;\n}\n#newsbar #news-items-container .news-item {\n width: 100%;\n}\n#newsbar.newsbar-sidebar-side #news-events {\n box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);\n}\n#newsbar.newsbar-sidebar-side #news-events {\n width: 100%;\n flex-basis: auto;\n margin: 0;\n}\n@media (min-width: 600px) {\n #newsbar.newsbar-sidebar-side #news-events {\n width: 100%;\n }\n}\n@media (min-width: 900px) {\n #newsbar.newsbar-sidebar-side #news-events {\n width: 62%;\n }\n}\n@media (min-width: 1200px) {\n #newsbar.newsbar-sidebar-side #news-events {\n width: 62%;\n }\n}\n@media (min-width: 1920px) {\n #newsbar.newsbar-sidebar-side #news-events {\n width: auto;\n width: calc(((0.5rem + ((1920px - 900px) / 6)) + ((100% - 1920px) / 2)) + ((1920px * 0.62) - (0.5rem + ((1920px - 900px) / 6))));\n }\n}\n#newsbar.newsbar-sidebar-side #news-events {\n padding-bottom: 0.5rem;\n}\n@media (min-width: 900px) {\n #newsbar.newsbar-sidebar-side #news-events {\n padding-bottom: calc((0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 1920px) {\n #newsbar.newsbar-sidebar-side #news-events {\n padding-bottom: calc(0.5rem + math.div((1920px - 900px), 6));\n }\n}\n@media (min-width: 900px) {\n #newsbar.newsbar-sidebar-side #news-events {\n box-shadow: 2px 0 2px rgba(0, 0, 0, 0.4);\n }\n #newsbar.newsbar-sidebar-side #news-events {\n padding-left: 0.5rem;\n }\n}\n@media (min-width: 900px) and (min-width: 900px) {\n #newsbar.newsbar-sidebar-side #news-events {\n padding-left: calc((0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 900px) and (min-width: 1920px) {\n #newsbar.newsbar-sidebar-side #news-events {\n padding-left: calc(0.5rem + math.div((1920px - 900px), 6) + (100% - 1920px) / 2);\n }\n}\n@media (min-width: 900px) {\n #newsbar.newsbar-sidebar-side #news-events {\n padding-right: calc(1 * 0.5rem);\n }\n}\n@media (min-width: 900px) and (min-width: 900px) {\n #newsbar.newsbar-sidebar-side #news-events {\n padding-right: calc(1 * (0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 900px) and (min-width: 1044px) {\n #newsbar.newsbar-sidebar-side #news-events {\n padding-right: calc(1 * 2rem);\n }\n}\n#newsbar.newsbar-sidebar-side .featured-resources-wrapper {\n width: 100%;\n flex-basis: auto;\n margin: 0;\n}\n@media (min-width: 600px) {\n #newsbar.newsbar-sidebar-side .featured-resources-wrapper {\n width: 100%;\n }\n}\n@media (min-width: 900px) {\n #newsbar.newsbar-sidebar-side .featured-resources-wrapper {\n width: 38%;\n }\n}\n@media (min-width: 1200px) {\n #newsbar.newsbar-sidebar-side .featured-resources-wrapper {\n width: 38%;\n }\n}\n@media (min-width: 1920px) {\n #newsbar.newsbar-sidebar-side .featured-resources-wrapper {\n width: auto;\n width: calc(((0.5rem + ((1920px - 900px) / 6)) + ((100% - 1920px) / 2)) + ((1920px * 0.38) - (0.5rem + ((1920px - 900px) / 6))));\n }\n}\n#newsbar.newsbar-sidebar-side .featured-resources-wrapper {\n box-shadow: 2px 0 2px rgba(0, 0, 0, 0.4);\n}\n@media (min-width: 900px) {\n #newsbar.newsbar-sidebar-side .featured-resources-wrapper {\n padding-right: 0.5rem;\n }\n}\n@media (min-width: 900px) and (min-width: 900px) {\n #newsbar.newsbar-sidebar-side .featured-resources-wrapper {\n padding-right: calc((0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 900px) and (min-width: 1920px) {\n #newsbar.newsbar-sidebar-side .featured-resources-wrapper {\n padding-right: calc(0.5rem + math.div((1920px - 900px), 6) + (100% - 1920px) / 2);\n }\n}\n@media (min-width: 900px) {\n #newsbar.newsbar-sidebar-side .featured-resources-wrapper {\n padding-left: calc(1 * 0.5rem);\n }\n}\n@media (min-width: 900px) and (min-width: 900px) {\n #newsbar.newsbar-sidebar-side .featured-resources-wrapper {\n padding-left: calc(1 * (0.5rem + ((100vw - 900px) / 6)));\n }\n}\n@media (min-width: 900px) and (min-width: 1044px) {\n #newsbar.newsbar-sidebar-side .featured-resources-wrapper {\n padding-left: calc(1 * 2rem);\n }\n}\n@media (min-width: 900px) {\n #newsbar.newsbar-sidebar-side .featured-resources-wrapper .featured-resources {\n flex-direction: column;\n }\n #newsbar.newsbar-sidebar-side .featured-resources-wrapper .featured-resources > * {\n width: 100%;\n }\n}\n#newsbar.newsbar-sidebar-side .featured-resources-wrapper {\n padding-top: 0;\n}","@use \"sass:math\";\n\n//////////////////////////\n// General Variables\n// Note: colors should go into\n// components/_patterns/00-base/global/01-colors/_color-vars.scss\n// and breakpoint related vars into\n// components/_patterns/00-base/_breakpoints.scss\n\n// Fonts\n$font-body: \"ars-maquette-web\", sans-serif;\n$font-heading: \"ars-maquette-web\", sans-serif;\n\n// available font-weights include: 300, 400, 500, 700\n// with italic being available in font-weights 400 and 700\n\n// Spacing\n$space: 1rem;\n\n// times\n$space-double: $space*2;\n$space-triple: $space*3;\n$space-quadruple: $space*4;\n$space-quintuple: $space*5;\n$space-sextuple: $space*6;\n$space-septuple: $space*7;\n\n// divided\n$space-one-half: math.div($space, 2);\n$space-one-third: math.div($space, 3);\n$space-one-fourth: math.div($space, 4);\n$space-one-fifth: math.div($space, 5);\n$space-one-sixth: math.div($space, 6);\n$space-one-seventh: math.div($space, 7);\n$space-one-eighth: math.div($space, 8);\n\n/**\n* Used to set the font size for \"LITS\" in logobar and to add whitespace to the MHC logos\n*/\n// $logo-font-size: 17px;\n$logo-container-max-height: 60px;\n\n// wordmark values\n$o-ratio: math.div(19.893, 40.849); // height of 'o' in wordmark svg vs height of svg as measured in Illustrator\n$word-logo-image-max-height: $logo-container-max-height * $o-ratio;\n$word-default-margin: math.div($word-logo-image-max-height, 2);\n// $word-logo-font-size: $word-default-margin; // The size of the 'o' should be the font-size also TODO: this sort of looks small...\n$word-logo-font-size: 19px;\n\n// monogram values\n$c-ratio: math.div(64.9, 108); // height of 'c' in wordmark svg vs height of svg as measured in Illustrator\n$mono-logo-image-max-height: $logo-container-max-height * (1 - $c-ratio);\n$mono-default-margin: math.div($mono-logo-image-max-height, 2);\n// $mono-logo-font-size: $mono-default-margin; // The size of the 'c' should be the font-size also TODO: this sort of looks small...\n$mono-logo-font-size: 19px;\n","@use \"sass:math\";\n\n/**\n * @file\n * Variables, functions, and mixins to support responsiveness.\n */\n\n/* Breakpoints */\n$min-width: 300px;\n$small-width: 600px;\n$medium-width: 900px;\n$large-width: 1200px;\n$max-width: 1920px;\n$content-max-width: $max-width;\n\n/**\n * Standardized rate plus minimum size.\n *\n * @param number(size) $min-value\n * The minimum size at the zero point of linear-squish() function.\n * @param number(size) $width\n * Breakpoint to pass to linear-squish() function.\n * @return number(size)\n * Computed padding size.\n *\n * Calculation happens in CSS (not Sass), so any linear units are allowable.\n */\n@function augmented-squish($min-value, $width) {\n @return '(#{$min-value} + #{linear-squish($width)})';\n}\n\n/**\n * Padding size is proportional to viewport width.\n *\n * @param number(size) $width\n * The zero-point for expansion. Usually a breakpoint.\n * @return number(size)\n * Computed padding size.\n *\n * Calculation happens in CSS (not Sass), so any linear units are allowable.\n */\n@function linear-squish($width) {\n @return '((100vw - #{$width}) / #{squish-factor()})';\n}\n\n/**\n * Convert rem to px for Sass calculation.\n *\n * @param number(rem) $rem\n * Value in rem to convert.\n * @return number(px)\n * Number of pixels corresponding to input.\n *\n * TODO: Is there a better place for helper functions?\n * TODO: Is 1rem => 16px explicitly specified anywhere?\n */\n@function rem-to-px($rem) {\n @return math.div($rem, 1rem) * 16px;\n}\n\n/**\n * Assigns breakpoint-dependent values to flex-basis, and width 100% within.\n *\n * @param number(size) $small-basis\n * The flex-basis for breakpoint $small-width.\n * @param number(size) $medium-basis\n * The flex-basis for breakpoint $medium-width.\n * @param number(size) $large-basis\n * The flex-basis for breakpoint $large-width.\n *\n * Any valid size units for flex-basis are allowed.\n */\n@mixin responsive-basis($small-basis, $medium-basis, $large-basis, $type:false) {\n & {\n width: 100%;\n flex-basis: auto;\n margin: 0;\n\n @include breakpoint($small-width) {\n width: $small-basis;\n }\n\n @include breakpoint($medium-width) {\n width: $medium-basis;\n }\n\n @include breakpoint($large-width) {\n width: $large-basis;\n }\n\n @include breakpoint($max-width) {\n width: auto;\n // width needs to be whatever the stretchy outer squishy-padding is PLUS $large-basis of $max-width minus the inner side padding\n $min-padding: 0.5rem; // from squishy-padding\n $max-allowed: '((#{$max-width} - #{$medium-width}) / #{squish-factor()})'; // from squishy-padding\n $padding: '(#{$min-padding} + #{$max-allowed})'; // from squishy-padding -- this is the padding for the inner/non-stretch edge\n $padding-stretch: '(#{$padding} + ((100% - #{$max-width}) / 2))';// from squishy-padding -- this is the padding for the outer/stretchy edge\n $unitless-basis: strip-unit(math.div($large-basis, 100));// convert percentage value (eg '62%'') to a mathy ratio value (eg '0.62')\n $content-area-width: '((#{$content-max-width} * #{$unitless-basis}) - #{$padding})'; // width of the content, given the large basis and the maximum possible content area\n\n @if ($type == stretch) {\n width: calc(#{$padding-stretch} + #{$content-area-width});\n }\n }\n }\n}\n\n/// Remove the unit of a length\n/// @param {Number} $number - Number to remove unit from\n/// @return {Number} - Unitless number\n/// https://css-tricks.com/snippets/sass/strip-unit-function/\n@function strip-unit($number) {\n @if type-of($number) == 'number' and not unitless($number) {\n @return math.div($number, ($number * 0 + 1));\n }\n\n @return $number;\n}\n\n/**\n * Smaller numbers mean faster expansion as viewport width increases.\n *\n * @return number(unitless)\n * Inverse rate of expansion.\n *\n * 6 => max padding 170px + min => max content width 1564px.\n * 5 => max padding 204px + min => max content width 1496px.\n * 4 => max padding 255px + min => max content width 1394px.\n */\n@function squish-factor() {\n @return 6;\n}\n\n/**\n * Sets scalable viewport-dependent padding on one side of the element.\n *\n * @param unquoted-string $side\n * Which side to set padding for. Must be one of 'left' or 'right'.\n * @param number(unitless) $scale\n * Multiply all padding values (including max) by this. Useful for gutters\n * split between multiple elements, such as news items on the homepage.\n * @param number(rem) $max-padding\n * Do not set a padding higher than $scale times this value.\n */\n@mixin squishy-gutter($side, $scale: 1, $max-padding: 2rem) {\n & {\n $min-padding: 0.5rem;\n\n padding-#{$side}: calc(#{$scale} * #{$min-padding});\n\n @if unit($max-padding) != \"rem\" {\n @error \"Max padding must be specified in rem units.\";\n }\n\n @if $max-padding > $min-padding {\n // 900px => 8px padding, then scale up..\n @include breakpoint($medium-width) {\n padding-#{$side}: calc(#{$scale} * #{augmented-squish($min-padding, $medium-width)});\n }\n\n // Stop increasing when we reach $scale times $max-padding.\n $delta: rem-to-px($max-padding - $min-padding);\n\n @include breakpoint($medium-width + (squish-factor() * $delta)) {\n padding-#{$side}: calc(#{$scale} * #{$max-padding});\n }\n }\n }\n}\n\n/**\n * Sets scalable viewport-dependent margin on one side of the element.\n *\n * @param unquoted-string $side\n * Which side to set margin for. Must be one of 'left' or 'right'.\n * @param number(unitless) $scale\n * Multiply all margin values (including max) by this. Useful for gutters\n * split between multiple elements, such as news items on the homepage.\n * @param number(rem) $max-margin\n * Do not set a margin higher than $scale times this value.\n */\n@mixin squishy-margin($side, $scale: 1, $max-margin: 2rem) {\n & {\n $min-margin: 0.5rem;\n\n margin-#{$side}: calc(#{$scale} * #{$min-margin});\n\n @if unit($max-margin) != \"rem\" {\n @error \"Max margin must be specified in rem units.\";\n }\n\n @if $max-margin > $min-margin {\n // 900px => 8px margin, then scale up..\n @include breakpoint($medium-width) {\n margin-#{$side}: calc(#{$scale} * #{augmented-squish($min-margin, $medium-width)});\n }\n\n // Stop increasing when we reach $scale times $max-margin.\n $delta: rem-to-px($max-margin - $min-margin);\n\n @include breakpoint($medium-width + (squish-factor() * $delta)) {\n margin-#{$side}: calc(#{$scale} * #{$max-margin});\n }\n }\n }\n}\n\n/**\n * Sets viewport-dependent padding on one side of the element.\n *\n * @param unquoted-string $side\n * Which side to set padding for. Must be one of 'left' or 'right'.\n * @param unquoted-string $type\n * Must be either:\n * - 'bare' (default): viewport larger than $max-width is handled elsewhere.\n * - 'stretch': extreme viewport size is handled on this element.\n */\n@mixin squishy-padding($side, $type: bare) {\n & {\n $min-padding: 0.5rem;\n $max-allowed: 'math.div((#{$max-width} - #{$medium-width}), #{squish-factor()})';\n\n padding-#{$side}: $min-padding;\n\n // 900px => 8px padding; 1200px => 66px padding; 1920px => 178px padding.\n @include breakpoint($medium-width) {\n $augemented-squish: augmented-squish($min-padding, $medium-width);\n\n padding-#{$side}: calc(#{$augemented-squish});\n }\n\n // Above 1920px => 178px unless we need to stretch.\n @include breakpoint($max-width) {\n $default-padding: '#{$min-padding} + #{$max-allowed}';\n\n $padding: calc(#{$default-padding});\n\n @if ($type == stretch) {\n $padding: calc(#{$default-padding} + ((100% - #{$max-width}) / 2));\n }\n\n padding-#{$side}: $padding;\n }\n }\n}\n","@font-face {\n font-family: 'chronicle-bold';\n src: url('../fonts/chronicle/ChronicleTextG2-Bold-Pro.WOFF') format('woff');\n font-weight: normal;\n font-style: normal;\n}\n\n@font-face {\n font-family: 'chronicle-bold-italic';\n src: url('../fonts/chronicle/ChronicleTextG2-BoldIta-Pro.WOFF') format('woff');\n font-weight: normal;\n font-style: normal;\n}\n\n@font-face {\n font-family: 'chronicle-italic';\n src: url('../fonts/chronicle/ChronicleTextG2-Italic-Pro.WOFF') format('woff');\n font-weight: normal;\n font-style: normal;\n}\n\n@font-face {\n font-family: 'chronicle';\n src: url('../fonts/chronicle/ChronicleTextG2-Roman-Pro.WOFF') format('woff');\n font-weight: normal;\n font-style: normal;\n}\n\n@font-face {\n font-family: 'chronicle-semibold';\n src: url('../fonts/chronicle/ChronicleTextG2-Semibd-Pro.WOFF') format('woff');\n font-weight: normal;\n font-style: normal;\n}\n\n@font-face {\n font-family: 'chronicle-semibold-italic';\n src: url('../fonts/chronicle/ChronicleTextG2-SemiIta-Pro.WOFF') format('woff');\n font-weight: normal;\n font-style: normal;\n}\n","/**\n * Breakpoint Configuration\n * @see https://github.com/Team-Sass/breakpoint/wiki\n *\n */\n\n/////////\n// Singularity variables\n\n// Dawn - remove and replace all instances of this nomenclature\n// Desktop wide breakpoint\n$page-desktop-wide: 1920px;\n// Tablet horizontal breakpoint\n$page-tablet-horizontal: 1440px;\n// Tablet portrait breakpoint\n$page-tablet-portrait: 1080px;\n// Phone horizontal breakpoint\n$page-phone-horizontal: 600px;\n//Phone vertical breakpoint\n$page-phone-portrait: 400px;\n\n// Breakpoints Updated\n// $min-width: 300px;\n// $small-width: 600px;\n// $medium-width: 900px;\n// $large-width: 1200px;\n// $max-width: 1920px;\n// (moved to _02-squishiness.scss)\n\n// pairs:\n$phone: $min-width $small-width;\n$tablet: $small-width $medium-width;\n$laptop: $medium-width $large-width;\n$desktop: $large-width $max-width;\n\n// remove rewrite of breakpoints into EM @include breakpoint-set('to ems', true);\n@include add-grid(12);\n@include add-gutter(0.25);\n\n// Original Breakpoints variables\n$xs: 25em;\n$small: 26em;\n$medium: 41em;\n$large: 48em;\n$xl: 75em;\n$max-width-old: $xl;\n\n/// Mixin - xs Breakpoint\n/// Allows easier @include xs {} syntax\n@mixin xs {\n @include breakpoint($xs) {\n @content;\n }\n}\n\n/// Mixin - small Breakpoint\n/// Allows easier @include small {} syntax\n@mixin small {\n @include breakpoint($small) {\n @content;\n }\n}\n\n/// Mixin - medium Breakpoint\n/// Allows easier @include medium {} syntax\n@mixin medium {\n @include breakpoint($medium) {\n @content;\n }\n}\n\n/// Mixin - large Breakpoint\n/// Allows easier @include large {} syntax\n@mixin large {\n @include breakpoint($large) {\n @content;\n }\n}\n\n/// Mixin - xl Breakpoint\n/// Allows easier @include xl {} syntax\n@mixin xl {\n @include breakpoint($xl) {\n @content;\n }\n}\n\n/// Mixin - max-width Breakpoint\n/// Allows easier @include max-width {} syntax\n@mixin max-width {\n @include breakpoint($max-width) {\n @content;\n }\n}\n","/**\n * @file\n * Color variables.\n */\n\n/* Primary colors */\n// Top of each pair: official brand color; bottom: provided by designer.\n$dark-blue: #004876;\n// $dark-blue: #0e4977;\n$med-blue: #07c;\n// $med-blue: #2576bc;\n\n/* Background colors */\n$white: white;\n$pale-gray: #e2dfdd; // $gray + 80% tint.\n$dark-red: #6f263d;\n$charcoal: #1a1a1a;\n$black: black;\n\n/* Accent colors */\n$pale-blue: #ccdae3;\n$light-blue: #00a9e0;\n$raspberry: #a20067;\n$red: #ef3340;\n$yellow: #f1c400;\n$dark-green: #2c5234;\n$green: #5c7f1a;\n$light-orange: #ff9e1b;\n$light-green: #84bd00;\n\n// // // // // // // // //\n// TODO: colors below this line are from previous work, and should be\n// moved above it when we figure out that we need them.\n\n$gray: #6e6259;\n// TODO: change to $pale-gray throughout\n$gray-lightest: #e5e5e5;\n$gray-lighter: #ccc;\n$gray-light: #999;\n$gray-dark: #4c4c4c;\n$gray-darker: #333;\n$med-gray: #b8b8b8;\n$fully-transparent: rgba(0, 0, 0, 0);\n\n$dark-blue-90pct: rgba(0, 72, 118, 0.9);\n$darkish-blue: #0065b8;\n$med-blue-94pct: rgba(0, 112, 192, 0.94);\n$bright-blue: #74d7ed;\n$white-90pct: rgba(255, 255, 255, 0.9);\n\n$mustard: #f4c52f;\n$sun-yellow: #ffd328;\n\n/** new colors **/\n\n// Suggested by Chris 7/2/2019; not sure we’re using them.\n$orange: #ff671f;\n\n// $arrow-colors: $sun-yellow, $med-blue, $raspberry, $light-orange, $red, $light-blue, $green, $sun-yellow, $med-blue, $raspberry, $light-orange, $red, $light-blue, $green;\n",".animate-fade {\n @include transition(opacity, 0.3s, ease-out);\n\n &:hover {\n opacity: 0;\n }\n}\n\n.animate-move {\n > .demo-shape {\n @include transition(all, 0.8s, ease-in-out);\n }\n}\n","/////////////////////\n// General Mixins (put specific ones in component files where applicable)\n\n/// Mixin - Clearfix.\n/// Adds clearfix based on http://bourbon.io/docs/#clearfix\n/// use example = @include cleafix\n\n@mixin clearfix {\n &::after {\n clear: both;\n content: \"\";\n display: table;\n }\n}\n\n/// Mixin - list-reset\n/// Reset list item defaults when no margin, padding, list styles needed\n@mixin list-reset {\n list-style: none;\n margin: 0;\n padding: 0;\n}\n\n/// Mixin - With Icon\n/// Precede Text with SVG icon\n@mixin with-icon {\n background-size: cover;\n content: \"\";\n display: inline-block;\n margin-right: 0.1em;\n padding: 0.8em;\n}\n\n/// Mixin - More Link\n/// Used in a number of views\n@mixin more-link {\n a {\n font-size: 1.2rem;\n line-height: 1.8rem;\n font-weight: 600;\n text-decoration: none;\n\n &::before {\n content: \"»\";\n font-size: 1.2rem;\n margin-right: 0.2em;\n }\n }\n}\n\n/// Mixin - Back Link\n/// Used in a number of views\n@mixin back-link {\n display: block;\n font-size: 1.2rem;\n line-height: 1.8rem;\n font-weight: 600;\n text-decoration: none;\n\n &::before {\n content: \"«\";\n font-size: 1.2rem;\n margin-right: 0.2em;\n }\n}\n\n/// Mixin - Body Copy\n@mixin body-copy {\n font-family: $font-body;\n font-size: 1.2rem;\n line-height: 2rem;\n}\n\n/// Mixin - Transition\n@mixin transition($transition-property, $transition-time, $method) {\n -webkit-transition: $transition-property $transition-time $method;\n -moz-transition: $transition-property $transition-time $method;\n -ms-transition: $transition-property $transition-time $method;\n -o-transition: $transition-property $transition-time $method;\n transition: $transition-property $transition-time $method;\n}\n\n/// Mixin - Standard Margin\n@mixin margin {\n margin-bottom: 1em;\n}\n\n@mixin fontawesome-far {\n font-family: \"Font Awesome 5 Free\", \"ars-maquette-web\", sans-serif;\n font-weight: 400;\n}\n\n@mixin fontawesome-fas {\n font-family: \"Font Awesome 5 Free\", \"ars-maquette-web\", sans-serif;\n font-weight: 900;\n}\n\n@mixin visually-hidden {\n position: absolute !important;\n clip: rect(1px, 1px, 1px, 1px);\n overflow: hidden;\n height: 1px;\n width: 1px;\n word-wrap: normal;\n}\n\n@mixin dark-blue-stripe {\n background-color: $dark-blue;\n color: $white;\n}\n\n@mixin med-blue-stripe {\n background-color: $med-blue;\n color: $white;\n}\n\n// Set up container to vertically space its contents across the entire viewport\n// Stick footer to bottom of page when there isn't enough content in the body.\n// Loosely based on this fiddle: http://jsfiddle.net/n5BaR/\n@mixin full-viewport {\n display: flex;\n flex-direction: column;\n min-height: 100vh;\n\n & #main-content {\n flex: 1 1 auto;\n }\n}\n\n@mixin rounded-corners {\n border-radius: 0.25rem;\n}\n\n// BACKGROUNDS: Possible focus colors (4.5+ vs background)\n// $white (#ffffff): $med-blue $green $gray $raspberry $dark-blue $dark-red $charcoal $black\n// (#e5e5e5): $gray $raspberry $dark-blue $dark-red $charcoal $black\n// $pale-gray (#e2dfdd): $raspberry $dark-blue $dark-red $charcoal $black\n// $med-blue (#0077cc): $white $black\n// $green (#5c7f1a): $white $black\n// $raspberry (#a20067): $white $pale-gray $pale-blue $yellow\n// $dark-blue (#004876): $white $pale-gray $pale-blue $yellow $light-orange\n// $dark-red (#6f263d): $white $pale-gray $pale-blue $yellow $light-orange\n// $charcoal (#1a1a1a): $white $pale-gray $pale-blue $yellow $light-orange $light-blue $orange\n// $black (#000000): $white $pale-gray $pale-blue $yellow $light-orange $light-blue $orange $red $med-blue $green\n//\n// Background: focus color\n// $white (#ffffff): $dark-blue\n// (#e5e5e5): $dark-blue\n// $pale-gray (#e2dfdd): $dark-blue\n// $med-blue (#0077cc): $white\n// $green (#5c7f1a): $white\n// $raspberry (#a20067): $white\n// $dark-blue (#004876): $white\n// $dark-red (#6f263d): $white\n// $charcoal (#1a1a1a): $white\n// $black (#000000): $white\n//\n// Exceptions:\n// unified search on homepage uses $light-orange on $dark-blue because it's otherwise confusing with the white form fields\n@mixin focus($color: $dark-blue, $type:false) {// default should work against default white background\n &:focus {\n outline-offset: 2px;\n outline: 3px solid $color;\n\n @if $type == \"link\" {\n text-decoration: underline solid;\n }\n }\n}\n// Force table to not be like tables anymore\n@mixin untablify() {\n &,\n thead,\n tbody,\n th,\n td,\n tr {\n display: block;\n height: 100%;\n }\n\n thead {\n @include visually-hidden;\n }\n\n th,\n td {\n border-bottom: none;\n display: flex;\n flex-flow: row wrap;\n padding: 1rem;\n box-sizing: border-box;\n }\n\n td {\n /* Behave like a \"row\" */\n border: none;\n position: relative;\n }\n\n th[scope=row] {\n width: auto;\n }\n\n tbody tr:first-of-type {\n border-top: 1px solid $gray-lighter;\n }\n\n .col-header {\n display: inline-block;\n font-weight: bold;\n padding-right: 0;\n width: 100%;\n word-break: break-all;\n }\n\n .col-content {\n width: 100%;\n padding-left: 2rem;\n }\n\n @include breakpoint($small-width) {\n .col-header {\n width: 50%;\n padding-right: 1rem;\n }\n\n .col-content {\n width: 50%;\n padding-left: 0;\n }\n }\n\n @include breakpoint($medium-width) {\n .col-header {\n width: 33%;\n }\n\n .col-content {\n width: 67%;\n }\n }\n\n @include breakpoint($large-width) {\n .col-header {\n width: 20%;\n }\n\n .col-content {\n width: 80%;\n }\n }\n}\n","@mixin grid-item($columns: '') {\n flex-grow: 1;\n margin-bottom: 1em;\n width: 100%;\n\n @include large {\n margin: 0 3% 3% 0;\n width: auto;\n }\n\n &:last-child {\n margin-right: 0;\n }\n\n @if $columns == 2 {\n @include large {\n width: 48.2%;\n\n &:nth-child(2n) {\n margin-right: 0;\n }\n }\n }\n\n @if $columns == 3 {\n @include large {\n width: 31%;\n\n &:nth-child(3n) {\n margin-right: 0;\n }\n }\n }\n}\n\n.grid__item {\n @include grid-item;\n\n // With Columns\n .grid--columns-2 & {\n @include grid-item(2);\n }\n\n .grid--columns-3 & {\n @include grid-item(3);\n }\n\n // Pattern Lab Specific\n .grid--pl & {\n background-color: rgba(0, 0, 0, 0.2);\n min-height: 100px;\n }\n}\n","//////////////////////////////\n// Default Variables\n//////////////////////////////\n$Breakpoint-Settings: (\n 'default media': all,\n 'default feature': min-width,\n 'default pair': width,\n\n 'force all media type': false,\n 'to ems': false,\n 'transform resolutions': true,\n\n 'no queries': false,\n 'no query fallbacks': false,\n\n 'base font size': 16px,\n\n 'legacy syntax': false\n);\n\n$breakpoint: () !default;\n\n//////////////////////////////\n// Imports\n//////////////////////////////\n@import \"breakpoint/settings\";\n@import 'breakpoint/context';\n@import 'breakpoint/helpers';\n@import 'breakpoint/parsers';\n@import 'breakpoint/no-query';\n\n@import 'breakpoint/respond-to';\n\n@import \"breakpoint/legacy-settings\";\n\n//////////////////////////////\n// Breakpoint Mixin\n//////////////////////////////\n\n@mixin breakpoint($query, $no-query: false) {\n @include legacy-settings-warning;\n\n // Reset contexts\n @include private-breakpoint-reset-contexts();\n\n $breakpoint: breakpoint($query, false);\n\n $query-string: map-get($breakpoint, 'query');\n $query-fallback: map-get($breakpoint, 'fallback');\n\n $private-breakpoint-context-holder: map-get($breakpoint, 'context holder') !global;\n $private-breakpoint-query-count: map-get($breakpoint, 'query count') !global;\n\n // Allow for an as-needed override or usage of no query fallback.\n @if $no-query != false {\n $query-fallback: $no-query;\n }\n\n @if $query-fallback != false {\n $context-setter: private-breakpoint-set-context('no-query', $query-fallback);\n }\n\n // Print Out Query String\n @if not breakpoint-get('no queries') {\n @media #{$query-string} {\n @content;\n }\n }\n\n @if breakpoint-get('no query fallbacks') != false or breakpoint-get('no queries') == true {\n\n $type: type-of(breakpoint-get('no query fallbacks'));\n $print: false;\n\n @if ($type == 'bool') {\n $print: true;\n }\n @else if ($type == 'string') {\n @if $query-fallback == breakpoint-get('no query fallbacks') {\n $print: true;\n }\n }\n @else if ($type == 'list') {\n @each $wrapper in breakpoint-get('no query fallbacks') {\n @if $query-fallback == $wrapper {\n $print: true;\n }\n }\n }\n\n // Write Fallback\n @if ($query-fallback != false) and ($print == true) {\n $type-fallback: type-of($query-fallback);\n\n @if ($type-fallback != 'bool') {\n #{$query-fallback} & {\n @content;\n }\n }\n @else {\n @content;\n }\n }\n }\n\n @include private-breakpoint-reset-contexts();\n}\n\n\n@mixin mq($query, $no-query: false) {\n @include breakpoint($query, $no-query) {\n @content;\n }\n}\n","// Grid Item With Divider\n@mixin grid-divider($columns: '') {\n flex-grow: 0;\n\n @include large {\n margin-right: 3.5%;\n position: relative;\n\n &::after {\n background-color: $gray-lighter;\n content: \"\";\n display: block;\n height: 100%;\n position: absolute;\n top: 0;\n width: 1px;\n }\n }\n\n // Columns\n @if $columns == 2 {\n &::after {\n right: -3.5%;\n }\n\n &:nth-child(2n) {\n margin-right: 0;\n\n &::after {\n display: none;\n }\n }\n }\n\n @if $columns == 3 {\n &::after {\n right: -5.5%;\n }\n\n &:nth-child(3n) {\n margin-right: 0;\n\n &::after {\n display: none;\n }\n }\n }\n\n &:last-child {\n @include large {\n margin-right: 0;\n }\n\n &::after {\n display: none;\n }\n }\n}\n\n.grid__item {\n .grid--divider & {\n @include grid-divider;\n }\n\n .grid--divider.grid--columns-2 & {\n @include grid-divider(2);\n }\n\n .grid--divider.grid--columns-3 & {\n @include grid-divider(3);\n }\n}\n","@mixin grid {\n display: flex;\n flex-wrap: wrap;\n}\n\n.grid {\n @include grid;\n}\n",".text-long figure {\n figcaption {\n padding: 0.5rem 1rem;\n background-color: $pale-gray;\n }\n\n img {\n margin: 0;\n }\n}\n","/**\n * @file\n * Reusable styles for links.\n */\n\n/**\n * Standard links in running text on white background.\n *\n * Contrast ratios for $med-blue:\n * - $white => 4.65\n * - $pale-gray => 3.51 not sufficient for standard size text\n * - $charcoal => 3.49 acceptable as contrasting text\n *\n * Contrast ratios for $dark-blue:\n * - $white => 9.60\n * - $pale-gray => 7.23\n * - $charcoal => 1.81 not distinct at all\n */\n@mixin link {\n color: $med-blue;\n text-decoration: none;\n\n &:link,\n &:visited {\n color: $med-blue;\n }\n\n &:active,\n &:hover {\n color: $dark-blue;\n text-decoration: underline solid;\n }\n\n @include focus($type:link);\n}\n\n/**\n * Links on $black or $charcoal backgrounds should include or extend this.\n *\n * Contrast ratios for $light-blue:\n * - $black => 7.75\n * - $charcoal => 6.42\n * - $white => 2.71 not sufficiently distinct without underline\n *\n * Contrast ratios for $pale-gray:\n * - $black => 15.83\n * - $charcoal => 13.12\n * - $white => 1.33 not distinct at all\n */\n@mixin link-on-black {\n color: $light-blue;\n text-decoration: none;\n\n &:link,\n &:visited {\n color: $light-blue;\n }\n\n &:active,\n &:hover {\n color: $pale-gray;\n text-decoration: underline solid;\n }\n\n @include focus($white, link);\n\n & svg {\n @include focus($white, link);\n }\n}\n\n/**\n * Links on blue backgrounds should include or extend this.\n *\n * Most are obvious as navigation because of context; no underline necessary.\n *\n * Contrast ratios for $white:\n * - $dark-blue => 9.60\n * - $med-blue => 4.66\n *\n * Contrast ratios for $light-blue:\n * - $dark-blue => 3.54\n * - $med-blue => 1.72\n */\n@mixin link-on-blue {\n color: $white;\n text-decoration: none;\n\n &:link,\n &:visited {\n color: $white;\n }\n\n &:active,\n &:hover {\n color: $pale-blue;\n text-decoration: underline solid;\n }\n\n @include focus($white, link);\n\n & svg {\n @include focus($white, link);\n }\n}\n\n/**\n * Link on Blue Background\n *\n * Used by:\n * - @compounds/location-teaser\n */\n@mixin link-bluebg {\n @include link-on-blue;\n}\n\na {\n @include link;\n}\n\n.bluebg a,\na.bluebg {\n @include link-on-blue;\n}\n\n/**\n * Links on green backgrounds should include or extend this.\n *\n * Contrast ratios for $green background\n * $white => 4.66\n * $pale-gray => 3.51 not sufficient for standard size text\n */\n@mixin link-on-green {\n color: $white;\n text-decoration: none;\n\n &:link,\n &:visited {\n color: $white;\n }\n\n &:active,\n &:hover {\n color: $pale-gray;\n text-decoration: underline solid;\n }\n\n @include focus($white, link);\n\n & svg {\n @include focus($white, link);\n }\n}\n\n/**\n * Links on $pale-gray backgrounds should include or extend this.\n *\n * Contrast ratios for $pale-gray background\n * $dark-blue => 7.23\n * $med-gray => 3.51 not sufficient for standard size text\n */\n@mixin link-on-gray {\n color: $dark-blue;\n\n &:link,\n &:visited {\n color: $dark-blue;\n }\n\n &:active,\n &:hover {\n color: $med-blue;\n text-decoration: underline solid;\n }\n\n @include focus($dark-blue, link);\n\n .lits_homepage #block-lits-theme-litsunifiedsearchblock & {\n @include focus($light-orange, link);\n\n & svg {\n @include focus($light-orange, link);\n }\n }\n}\n\n@mixin link-on-raspberry {\n color: $white;\n text-decoration: none;\n\n &:link,\n &:visited {\n color: $white;\n }\n\n &:active,\n &:hover {\n color: $pale-blue;\n text-decoration: underline solid;\n }\n\n @include focus($white, link);\n\n & svg {\n @include focus($white, link);\n }\n}\n","//\n// Generic header styles:\n// All arguments are optional. If not defined, the defaults below will be used\n//\n\n@mixin heading-xl($font-family: $font-heading, $font-size: 2rem, $line-height: 1.4, $color: inherit, $color-link: inherit, $color-link-hover: inherit, $font-weight: 700, $margin: 20px 0 0.5em) {\n color: #{$charcoal};\n font-family: #{$font-family};\n font-weight: #{$font-weight};\n font-style: normal;\n font-size: #{$font-size};\n line-height: #{$line-height};\n margin: #{$margin};\n width: auto;\n\n &__link {\n color: $med-blue;\n\n &:hover {\n color: $color-link-hover;\n }\n }\n}\n\n@mixin heading-large($font-family: $font-heading, $font-size: 1.8rem, $line-height: 1.4, $color: inherit, $color-link: inherit, $color-link-hover: inherit, $font-weight: 700, $margin: 10px 0 0.5em) {\n color: #{$color};\n font-family: #{$font-family};\n font-weight: #{$font-weight};\n font-style: normal;\n font-size: #{$font-size};\n line-height: #{$line-height};\n margin: #{$margin};\n width: auto;\n\n &__link {\n color: $med-blue;\n\n &:hover {\n color: $color-link-hover;\n }\n }\n}\n\n@mixin heading-medium($font-family: $font-heading, $font-size: 1.4rem, $line-height: 1.6, $color: inherit, $color-link: inherit, $color-link-hover: inherit, $font-weight: 700, $margin: 10px 0 0.5em) {\n color: #{$color};\n font-family: #{$font-family};\n font-weight: #{$font-weight};\n font-style: normal;\n font-size: #{$font-size};\n line-height: #{$line-height};\n margin: #{$margin};\n width: auto;\n\n &__link {\n color: $med-blue;\n\n &:hover {\n color: $color-link-hover;\n }\n }\n}\n\n@mixin heading-small($font-family: $font-heading, $font-size: 1.2rem, $line-height: 1.6, $color: inherit, $color-link: inherit, $color-link-hover: inherit, $font-weight: 600, $margin: 10px 0 0.5em) {\n color: #{$color};\n font-family: #{$font-family};\n font-weight: #{$font-weight};\n font-style: normal;\n font-size: #{$font-size};\n line-height: #{$line-height};\n margin: #{$margin};\n width: auto;\n\n &__link {\n color: $med-blue;\n\n &:hover {\n color: $color-link-hover;\n }\n }\n}\n\n@mixin heading-xs($font-family: $font-heading, $font-size: 1.1rem, $line-height: 2, $color: inherit, $color-link: inherit, $color-link-hover: inherit, $font-weight: 600, $margin: 10px 0 0.5em) {\n color: #{$color};\n font-family: #{$font-family};\n font-weight: #{$font-weight};\n font-style: normal;\n font-size: #{$font-size};\n line-height: #{$line-height};\n margin: #{$margin};\n width: auto;\n\n &__link {\n color: $med-blue;\n\n &:hover {\n color: $color-link-hover;\n }\n }\n}\n\n.h1 {\n @include heading-xl();\n}\n\n.h2 {\n @include heading-large($color: $charcoal);\n}\n\n.h3 {\n @include heading-medium($color: $green, $font-weight: bold);\n ;\n}\n\n.h4 {\n text-transform: uppercase;\n\n @include heading-small($color: $gray, $font-weight: normal);\n}\n\n.h5,\n.h6 {\n @include heading-xs($color: $gray);\n}\n\n// TODO: BEM selectors should be applied to wysiwyg-created content\n\nh1 {\n @extend .h1;\n}\n\n.text-long {\n h1 {\n @extend .h1;\n }\n\n h2 {\n @extend .h2;\n }\n\n h3 {\n @extend .h3;\n }\n\n h4 {\n @extend .h4;\n }\n\n h5 {\n @extend .h5;\n }\n\n h6 {\n @extend .h6;\n }\n}\n\n/** hours open title **/\n#logobar-hours-content h3 {\n @include heading-medium($color: $dark-blue, $font-size: 1rem, $margin: 10px 0 0);\n}\n\n/** Search query styling **/\nh1 span.search-query {\n font-style: italic;\n color: $raspberry;\n}\n\n/** Search Result Title **/\n\n.search-results h2 {\n font-size: 1.6rem;\n font-weight: normal;\n background-color: $dark-blue;\n color: $white;\n padding: 10px 15px;\n -webkit-margin-after: 5px;\n margin: 0 0 5px;\n}\n\n/** style the element **/\n.search-website {\n & h3.search-result-title,\n & h2.search-result-title {\n -webkit-margin-before: 0.5em;\n -webkit-margin-after: 0.5em;\n }\n}\n\n.library-accounts-wrap h2 {\n display: inline-block;\n margin: auto 0;\n text-align: left;\n padding: 0;\n font-weight: normal;\n}\n\n.bentos {\n /** Search page heading styling **/\n\n & h2.search-result-title,\n & h3.search-result-title {\n margin: 15px 0;\n font-weight: 300;\n font-size: 1.4rem;\n line-height: 1.85rem;\n }\n\n & h4.search-result-authors {\n margin-top: 0;\n -webkit-margin-before: 0;\n -webkit-margin-after: 0;\n font-weight: 300;\n font-size: 1rem;\n line-height: 1.7rem;\n }\n}\n\n.staff-card h2 {\n margin-bottom: 0;\n}\n","// Create a mixin for paragraph styles that can be implemented\n// in components with other classnames.\n@mixin paragraph($margin: 0 0 1em) {\n & {\n margin: #{$margin};\n }\n}\n\n@mixin no-bottom {\n & {\n margin-bottom: 0;\n }\n}\n\nbody,\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n color: $charcoal;\n\n @include body-copy;\n}\n\n.paragraph {\n @include paragraph;\n}\n\n.blockquote {\n font-style: italic;\n border-left: solid 3px $gray-light;\n margin-left: 1em;\n padding-left: 1em;\n}\n\n.hr {\n border-style: solid;\n border-width: 1px 0 0;\n color: currentColor;\n}\n\n// TODO: BEM selectors should be applied to wysiwyg-created content\n\n.text-long {\n p {\n @extend .paragraph;\n }\n\n blockquote {\n @extend .blockquote;\n }\n\n hr {\n @extend .hr;\n }\n}\n\naddress {\n font-style: normal;\n}\n\nhr.divider {\n margin-top: 1rem;\n margin-bottom: 1rem;\n color: $green;\n}\n\n/** Closing soon, open now, closed styling **/\n.open-now-container {\n svg.border {\n color: $white;\n }\n\n .closing_soon svg.indicator {\n color: $light-orange;\n }\n\n .open_now svg.indicator {\n color: $green;\n }\n\n .closed_now svg.indicator {\n color: $red;\n }\n}\n\n.ampm {\n font-variant: small-caps;\n}\n\n/** Accessibility text **/\n.nav .visually-hidden {\n color: $white;\n}\n\n/** Shown Temporarily **/\n\nimg.lits_filter.inline {\n display: inline;\n margin: 0;\n\n &.mhcgetit {\n vertical-align: middle;\n }\n}\n","#main-content.main-sidebar-side article.node,\n#sidebar-container {\n ul,\n ol {\n padding-left: 0;\n margin-left: 2em;\n }\n}\n\nul {\n list-style-type: circle;\n list-style-position: outside;\n}\n\nol {\n list-style-type: decimal;\n}\n\n.list-item {\n margin-bottom: 0.2em;\n padding-left: 1em;\n}\n\n// TODO: BEM selectors should be applied to wysiwyg-created content\n\n/**\n.text-long {\n ol,\n ul {\n li {\n @extend .list-item;\n }\n }\n}\n**/\n","@mixin img {\n display: block;\n height: auto;\n max-width: 100%;\n margin: 20px 0;\n}\n\nimg,\npicture {\n @include img;\n}\n\nfigure {\n margin: 0; //override normalize\n}\n\n.figure__caption {\n font-style: italic;\n}\n\nsvg.svg-inline--other {\n vertical-align: -6px;\n}\n",".form-item--checkboxes,\n.form-item--checkbox__item {\n @include list-reset;\n}\n",".form-item--radios,\n.form-item--radio__item {\n @include list-reset;\n}\n","// CSS-only select styling (from https://github.com/filamentgroup/select-css)\n\n.form-item__dropdown {\n outline: 1px solid $gray-lightest;\n display: block;\n position: relative;\n\n &::after {\n border-left: 5px solid transparent;\n border-right: 5px solid transparent;\n border-top: 9px solid $gray-darker;\n content: \" \";\n position: absolute;\n top: 42%;\n right: 9px;\n z-index: 1;\n\n /* These hacks make the select behind the arrow clickable in some browsers */\n pointer-events: none;\n display: none;\n }\n}\n\n.form-item__select {\n border: 1px solid $gray;\n background: $white;\n font-size: 14px;\n margin: 0;\n // outline: none;\n padding: 0.6em 0.8em 0.5em;\n width: 100%;\n height: 100%;\n\n // WARNING: this may not meet accessibility guidelines for focus.\n @include focus;\n\n .lits_homepage #block-lits-theme-litsunifiedsearchblock & {\n @include focus($light-orange);\n }\n}\n\n@supports ( -webkit-appearance: none ) or ( appearance: none ) or ( ( -moz-appearance: none ) and ( mask-type: alpha ) ) {\n /* Show custom arrow */\n .form-item__dropdown::after {\n display: block;\n }\n\n /* Remove select styling */\n .form-item__select {\n padding-right: 2em; /* Match-01 */\n\n /* inside @supports so that iOS <= 8 display the native arrow */\n background: none; /* Match-04 */\n background-color: $white;\n\n /* inside @supports so that Android <= 4.3 display the native arrow */\n // border: 1px solid transparent; /* Match-05 */\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n\n // WARNING: this may not meet accessibility guidelines for focus.\n // @include focus;\n }\n}\n",".form-item {\n color: $gray;\n margin-bottom: 1em;\n max-width: 32em;\n\n @include clearfix;\n}\n\n.form-item__label {\n display: block;\n font-weight: 600;\n\n @include xs {\n display: block;\n margin-right: 2%;\n padding: 0.6em 0;\n }\n}\n\n.js-form-type-checkbox .form-item__label,\n.js-form-type-radio .form-item__label {\n display: inline;\n}\n\n.form-item__textfield {\n border: 1px solid $gray;\n padding: 0.4em;\n\n @include focus;\n\n .lits_homepage #block-lits-theme-litsunifiedsearchblock & {\n @include focus($light-orange);\n }\n\n &::-webkit-input-placeholder {\n color: $gray-light;\n }\n\n &:-moz-placeholder {\n color: $gray-light;\n }\n\n &::-moz-placeholder {\n color: $gray-light;\n }\n\n &:-ms-input-placeholder {\n color: $gray-light;\n }\n}\n\n.form-item__description {\n margin-top: 0.3em;\n}\n\n.form-fieldset {\n border: none;\n margin-bottom: 2em;\n padding: 0;\n\n .form-item {\n margin-left: 1em;\n max-width: 31em;\n }\n}\n","@mixin button(\n $bg:$med-blue, \n $color:$white, \n $hoverBg: $gray, \n $hoverColor: $white, \n $focusColor: null, \n $border: none, \n $margin: 15px 0, \n $padding: 10px,\n $font-size: 0.9em,\n $font-weight: normal\n) {\n & {\n background-color: $bg;\n border: $border;\n outline: none;\n color: $color;\n cursor: pointer;\n font-size: $font-size;\n line-height: 1.4;\n padding: $padding;\n margin: $margin;\n font-weight: $font-weight;\n font-style: normal;\n display: block;\n text-decoration: none;\n text-align: center;\n }\n\n &:visited {\n color: $color;\n }\n\n &:hover {\n background-color: $hoverBg;\n color: $hoverColor;\n }\n\n @if ($focusColor) {\n @include focus($focusColor);\n }\n\n @else {\n @include focus;\n }\n\n .lits_homepage #block-lits-theme-litsunifiedsearchblock & {\n @include focus($light-orange);\n }\n}\n\n@mixin button-on-dark-red {\n @include button($bg:$white, $color:$dark-red, $hoverBg:$white, $hoverColor:$med-blue, $focusColor:$white);\n\n &:hover {\n text-decoration: underline;\n }\n}\n\n@mixin button-on-green {\n @include button($bg:$med-blue, $color:$white, $focusColor:$white, $border: 3px solid $white);\n\n &:hover {\n text-decoration: underline;\n }\n}\n\n@mixin button-alt /** smaller blue button**/ {\n @include button($bg: $med-blue, $color: $white, $hoverBg: $gray, $font-size: 0.8rem);\n}\n\n@mixin button-alt-2 /** green raspberry **/ {\n & {\n text-transform: none;\n\n @include button($bg: $green, $color: $white, $hoverBg: $raspberry, $font-size: 0.8rem);\n }\n}\n\n.button {\n @include button;\n\n &--alt {\n @include button;\n @include button-alt;\n }\n\n &--alt-2 {\n @include button;\n @include button-alt-2;\n }\n}\n","$table-gray: #f8f8f8;\n\n.table {\n border: 1px solid $pale-gray;\n border-radius: 4px;\n border-spacing: 0;\n background-color: $table-gray;\n width: 100%;\n margin-bottom: 50px;\n}\n\n.table__heading-cell {\n border: none;\n border-left: 1px solid $pale-gray;\n color: $black;\n font-weight: 700;\n padding: 1.2em;\n text-align: left;\n\n &:first-child {\n border: none;\n }\n}\n\n.table__row {\n &:nth-child(odd) {\n background-color: $white;\n }\n\n // Non-BEM but always contained\n &:last-child {\n td:first-child {\n border-radius: 0 0 0 5px;\n }\n\n td:last-child {\n border-radius: 0 0 5px;\n }\n }\n}\n\n.table__cell {\n border: 1px solid $pale-gray;\n border-left: none;\n border-bottom: none;\n padding: 1em;\n\n &:last-child {\n border-right: none;\n }\n}\n\n.table__footer-cell,\n.table__footer-cell:first-child {\n border-left: none;\n border-top: 1px solid $pale-gray;\n}\n\n// TODO: BEM selectors should be applied to wysiwyg-created content\n\n.text-long {\n table {\n @extend .table;\n }\n\n th {\n @extend .table__heading-cell;\n }\n\n td {\n @extend .table__cell;\n }\n\n tbody tr {\n @extend .table__row;\n }\n\n tfoot th {\n @extend .table__footer-cell;\n }\n}\n","// Responsive Video using CSS only\n\n// jproctor 2019-02-05 removed because class name too generic.\n\n/*\n.video {\n height: 0;\n overflow: hidden;\n padding-top: 35px;\n padding-bottom: 56.25%; // 56.25% = 16x9\n position: relative;\n\n &--full {\n padding-bottom: 75%; // 75% = 4x3\n }\n\n iframe {\n height: 100%;\n left: 0;\n position: absolute;\n top: 0;\n width: 100%;\n }\n}\n*/\n",".subtitle {\n color: $gray;\n font-style: italic;\n font-size: 0.85em;\n line-height: 1em;\n display: block;\n}\n\n.footer .subtitle {\n margin-left: 10%;\n}\n\n.main-menu__link--sub .subtitle {\n padding: 2px 0;\n}\n\n// #sidebar-container .subtitle {\n// color: $gray;\n// }\n",".tabs__link {\n border: 1px solid transparent;\n display: block;\n cursor: pointer;\n font-size: 1.2rem;\n font-weight: 400;\n padding: 15px 15px 25px;\n text-align: center;\n text-decoration: none;\n transition: color 0.3s;\n max-width: 80%;\n margin: 0 auto;\n\n @include link;\n\n &.is-active {\n border: 1px dashed $med-blue;\n color: $dark-blue;\n background-color: $white;\n\n @include breakpoint ($medium-width) {\n border-bottom: none;\n }\n }\n\n @include breakpoint($small-width) {\n max-width: 100%;\n min-height: 60px;\n border-bottom: none;\n\n &::after {\n content: \"\";\n position: absolute;\n left: 1.2em;\n bottom: 10px;\n width: 22px;\n height: 4px;\n background: $pale-gray;\n }\n\n &.is-active::after {\n background: $bright-blue;\n }\n }\n\n @include breakpoint($medium-width) {\n text-align: left;\n border-bottom: 0;\n border-left: none;\n display: inline-block;\n font-size: 1rem;\n line-height: 1.4rem;\n padding: 1em 1.2em 1.4em;\n position: relative;\n width: auto;\n }\n\n &:hover,\n &:focus {\n @include link;\n\n &::after {\n background: $light-blue;\n }\n }\n}\n",".comment {\n border: 1px solid $gray-lighter;\n padding: 1rem;\n margin-bottom: 1rem;\n\n h4 {\n margin: 0;\n }\n\n section {\n margin-left: 1rem;\n }\n\n footer {\n margin-top: 1rem;\n display: flex;\n flex-flow: column nowrap;\n\n @include breakpoint($medium-width) {\n flex-flow: row nowrap;\n }\n\n & > a:first-of-type { // Permalink\n margin-right: 1rem;\n }\n }\n\n .submitted {\n font-style: italic;\n font-weight: normal;\n color: $gray-dark;\n margin: 0 0 0.25rem;\n font-size: 1rem;\n }\n\n .links.inline {\n list-style: none;\n display: flex;\n flex-flow: column nowrap;\n margin: 0;\n padding: 0;\n\n @include breakpoint($medium-width) {\n flex-flow: row nowrap;\n\n li {\n margin: 0 1rem;\n }\n }\n\n .comment-reply {\n display: none;\n }\n }\n}\n\n.comment-form input {\n width: 100%;\n}\n\n// TABLE PAGE ONLY\n.article {\n .comment-form,\n .status-updates h2,\n .comment .links.inline,\n .comment footer a {\n display: none; // don't show on table page\n }\n\n .comment {\n border: none;\n padding: 0;\n margin: 0;\n\n section {\n margin-left: 0;\n }\n\n footer {\n margin-top: 0;\n }\n }\n}\n",".layout-container.tagged-items-container {\n @include list-reset;\n\n justify-content: flex-start;\n\n .site-tags-index-page & {\n flex-flow: column wrap;\n }\n}\n\n.taxonomy-term-tags,\n.field-field-tags {\n &,\n h2,\n div,\n img,\n article {\n display: inline;\n }\n\n a {\n text-decoration: underline;\n }\n\n h2,\n #newsbar & h2 {\n font-size: 1em;\n font-weight: normal;\n }\n\n img {\n height: 1.5em;\n width: auto;\n vertical-align: middle;\n margin: 0;\n }\n}\n\n.views-view-list-site-tag-index-page-1 .taxonomy-term-tags {\n &[data-num-parents=\"1\"] {\n margin-left: 1em;\n }\n\n &[data-num-parents=\"2\"] {\n margin-left: 2em;\n }\n\n &[data-num-parents=\"3\"] {\n margin-left: 3em;\n }\n\n &[data-num-parents=\"4\"] {\n margin-left: 4em;\n }\n\n &[data-num-parents=\"5\"] {\n margin-left: 5em;\n }\n}\n\n.tag-page .node--news-item > div,\narticle.node--news-item .field-field-tags {\n padding: 0 1rem 0.5rem;\n}\n\n.tag-page .tagged-items-container > li {\n width: 100%;\n\n article.node--news-item {\n @include squishy-margin(right, 0.5);\n @include squishy-margin(left, 0.5);\n }\n\n @include breakpoint($small-width) {\n width: 50%;\n }\n\n @include breakpoint($large-width) {\n margin-bottom: 1rem;\n width: 25%;\n }\n}\n\n\n.tag-breadcrumbs {\n display: flex;\n flex-flow: row nowrap;\n align-items: center;\n\n .title {\n margin-right: 0.5rem;\n }\n\n ul {\n @include list-reset;\n display: inline-flex;\n flex-flow: row wrap;\n\n #main-content.main-sidebar-side article.node &,\n #main-content.main-sidebar-side article.node &,\n #sidebar-container &,\n #sidebar-container & {\n margin: 0;\n }\n\n .fa-circle {\n font-size: 0.5rem;\n margin: 0 0.25rem;\n vertical-align: middle;\n }\n }\n}\n",".card__grid {\n @include grid;\n @include margin;\n}\n\n.card--grid-item {\n @include grid-item(3);\n}\n\n.card--divider-3 {\n @include grid-divider(3);\n}\n",".card__title {\n @include heading-large($font-size: 1.3rem);\n @include no-bottom;\n\n &-link {\n @include link;\n }\n}\n\n.card__subtitle {\n @include heading-medium($font-size: 1rem, $color: $gray);\n @include no-bottom;\n}\n\n.card__body {\n margin: 0.7em 0 1em;\n}\n\n.card__link {\n @include link;\n}\n\n.card__button {\n @include button;\n}\n\n// Variations\n.card--bg {\n background-color: $gray-lightest;\n padding: 1em;\n}\n\n.staff-card article {\n margin-bottom: 1.5em;\n}\n","// Selectors likely to appear outside of the editor should be prefixed with .ck-content\n// This is what makes the LITS styles from the lits-theme theme also appear in the admin theme\n@import \"../../00-particles/global/01-colors/*.scss\";\n@import \"../../00-particles/_01-variables.scss\";\n@import \"../../00-particles/_00-mixins.scss\";\n@import \"../../01-elements/01-links/**/*.scss\";\n@import \"../../01-elements/02-text/**/*.scss\";\n@import \"../../01-elements/03-lists/**/*.scss\";\n@import \"../../01-elements/07-tables/**/*.scss\";\n\n.ck-editor {\n p {\n @extend .paragraph;\n }\n\n blockquote {\n @extend .blockquote;\n }\n\n h1 {\n @extend .h1;\n }\n\n h2,\n .ck-button.ck-heading_heading2 {\n @extend .h2;\n }\n\n h3,\n .ck-button.ck-heading_heading3 {\n @extend .h3;\n }\n\n h4,\n .ck-button.ck-heading_heading4 {\n @extend .h4;\n }\n\n h5,\n .ck-button.ck-heading_heading5 {\n @extend .h5;\n }\n\n h6,\n .ck-button.ck-heading_heading6 {\n @extend .h6;\n }\n\n ol,\n ul {\n li {\n @extend .list-item;\n }\n }\n\n table {\n @extend .table;\n }\n\n th {\n @extend .table__heading-cell;\n }\n\n td {\n @extend .table__cell;\n }\n\n tbody tr {\n @extend .table__row;\n }\n\n tfoot th {\n @extend .table__footer-cell;\n }\n}\n\n// Fix for https: //www.drupal.org/project/drupal/issues/3332416, per #19\n.ck.ck-toolbar.ck-toolbar_grouping > .ck-toolbar__items {\n flex-wrap: wrap !important;\n}\n",".department-person {\n margin: 1rem 0;\n\n .grid-container {\n display: grid;\n grid-column-gap: 1rem;\n grid-template-columns: 14% 86%;\n }\n\n h3 {\n margin: 0;\n }\n\n .department-person-photo img {\n margin-top: 0;\n }\n}\n\n// TODO: could this be folded in above?\n.views-row .department-person-photo img {\n border-radius: 50%;\n}\n","@mixin tile-color-decorations($tileColor) {\n a {\n border-top: 4px solid $tileColor;\n }\n\n svg {\n color: $tileColor;\n }\n}\n\n/* Shared styles for homepage and articles */\n.has-link-tiles {\n // .layout-stripe sets width 100%, margin 0, padding 0.\n padding-bottom: 2rem;\n // Contains div.layout-zone for squishy edges.\n\n h2 {\n margin-top: 0;\n padding-top: 2rem;\n }\n\n ul {\n @include list-reset;\n\n display: flex;\n flex-flow: row wrap;\n justify-content: space-around;\n \n li {\n flex: 1 1 auto;\n width: 100%;\n margin: 0.5rem;\n\n @include breakpoint($small-width) {\n width: 46%;\n }\n\n @include breakpoint($medium-width) {\n width: 31%;\n }\n\n @include breakpoint($large-width) {\n width: 14%;\n min-height: 10rem;\n }\n\n .fontawesome-icons {\n text-align: center;\n }\n\n a {\n @include rounded-corners;\n background-color: $white;\n height: 100%;\n display: flex;\n flex-flow: column nowrap;\n justify-content: center;\n word-break: break-word;\n padding: 1rem;\n box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);\n\n & {\n @include link-on-gray;\n }\n\n svg {\n font-size: 3rem;\n margin: 0 auto;\n }\n\n span {\n padding-top: 1rem;\n text-align: center;\n font-weight: bold;\n }\n }\n\n &:nth-child(6n+1) {\n @include tile-color-decorations($raspberry);\n }\n\n &:nth-child(6n+2) {\n @include tile-color-decorations($gray);\n }\n\n &:nth-child(6n+3) {\n @include tile-color-decorations($light-blue);\n }\n\n &:nth-child(6n+4) {\n @include tile-color-decorations($light-green);\n }\n\n &:nth-child(6n+5) {\n @include tile-color-decorations($light-orange);\n }\n\n &:nth-child(6n+6) {\n @include tile-color-decorations($red);\n }\n }\n }\n}\n\n/* Article pages */\n.resource-panel {\n #main-content.main-sidebar-side article.node & ul,\n #main-content.main-sidebar-side article.node & ol,\n #sidebar-container & ul,\n #sidebar-container & ol {\n margin-left: 0;\n }\n \n ul {\n display: grid;\n grid-template-columns: 1fr;\n grid-auto-rows: 1fr;\n gap: 1rem;\n\n\n @include breakpoint($small-width) {\n grid-template-columns: repeat(3, 1fr);\n\n &.items-2 {\n grid-template-columns: repeat(2, 1fr);\n }\n\n &.items-1 {\n grid-template-columns: 1fr;\n }\n }\n\n @include breakpoint($max-width) {\n grid-template-columns: repeat(4, 1fr);\n\n &.items-3 {\n grid-template-columns: repeat(3, 1fr);\n }\n\n &.items-2 {\n grid-template-columns: repeat(2, 1fr);\n }\n\n &.items-1 {\n grid-template-columns: 1fr;\n }\n }\n\n li { \n width: auto;\n margin: 0;\n\n a {\n // border: 3px solid $gray;\n justify-content: space-between;\n padding: 2rem 1rem 1rem 1rem;\n text-decoration: underline;\n\n & > span {\n flex-grow: 1;\n display: flex;\n flex-flow: column nowrap;\n justify-content: center;\n font-weight: normal;\n }\n }\n\n &:nth-child(6n+1),\n &:nth-child(6n+2),\n &:nth-child(6n+3),\n &:nth-child(6n+4),\n &:nth-child(6n+5),\n &:nth-child(6n+6) {\n a {\n border-top: 4px solid $dark-blue;\n }\n\n svg {\n color: $dark-blue;\n }\n }\n }\n }\n}\n\n/* LITS homepage styles */\n.lits_homepage .has-link-tiles {\n ul {\n margin-top: -0.5rem;\n }\n\n li {\n width: 100%;\n\n @include breakpoint($small-width) {\n width: 41%;\n }\n\n @include breakpoint($large-width) {\n width: 26%;\n }\n\n a {\n border-radius: 0;\n\n @include breakpoint($large-width) {\n padding: 1rem calc(0.25 * 1rem);\n }\n }\n \n &.tdx-tile {\n width: 100%;\n\n svg {\n overflow: visible;\n box-sizing: content-box;\n display: var(--fa-display, inline-block);\n height: 2em;\n vertical-align: -0.125em;\n }\n\n img {\n height: 5em;\n margin: auto;\n }\n\n a {\n border-top: 4px solid $dark-blue !important;\n }\n }\n }\n}\n","/**\n * @file\n * Styles for the “Today’s Hours” widget.\n */\n\n// Needs relative position so we can expand the content in the right place.\n.logobar-hours-wrap {\n position: relative;\n margin: auto 0;\n}\n\n#logobar-hours-heading {\n padding: 0;\n font-weight: normal;\n}\n\n.expandable--open #logobar-hours-content {\n display: block;\n}\n\n#logobar-hours-content {\n display: none;\n position: absolute;\n z-index: 1000;\n width: 250px;\n padding: 20px;\n border: 1px solid $dark-blue;\n background-color: $white;\n text-align: center;\n\n @include breakpoint($small-width) {\n top: 88px;\n left: -60px;\n }\n\n @include breakpoint($medium-width) {\n top: 72px;\n left: -25px;\n }\n\n .office-hours {\n @include heading-medium($color: $gray, $margin: 0 0 1em);\n }\n\n .office-hours__item-label,\n .office-hours__item-comment {\n display: none;\n }\n}\n\n.more-hours {\n @include button($margin: 0 auto 0.5em, $padding: $space, $font-size: 1.2rem);\n\n // WARNING: This no longer works. See PRs 365 and 366 for details.\n &::before {\n @include fontawesome-far;\n\n padding-right: 5px;\n content: '\\f254';\n }\n\n @include breakpoint($small-width) {\n max-width: 150px;\n font-size: 0.9rem;\n }\n}\n","/**\n * @file\n * Style rules for the news item teasers on homepage and news archive page.\n */\n\n#news-items-container {\n // .layout-container provides flex row wrap space-between.\n @include squishy-margin(right, -0.5);\n @include squishy-margin(left, -0.5);\n\n .news-item {\n flex-basis: auto;\n margin-bottom: 2rem;\n width: 100%; // TODO: does this break IE/Edge?\n\n @include breakpoint($small-width) {\n width: 50%;\n\n article.node--news-item {\n @include squishy-margin(right, 0.5);\n @include squishy-margin(left, 0.5);\n }\n }\n\n @include breakpoint($large-width) {\n margin-bottom: 1rem;\n width: 25%;\n\n article.node--news-item {\n @include squishy-margin(right, 0.5);\n @include squishy-margin(left, 0.5);\n }\n }\n }\n}\n\narticle.node--news-item {\n background-color: $white;\n box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);\n height: 100%;\n font-size: 1rem;\n display: flex;\n flex-flow: column nowrap;\n justify-content: space-between;\n\n > a {\n display: flex;\n flex-direction: column;\n height: 100%;\n color: $charcoal;\n text-decoration: none;\n padding: 1rem 1rem 0.5rem;\n\n > div {\n flex-grow: 1;\n }\n\n &:active,\n &:hover,\n &:focus {\n color: $med-blue;\n text-decoration: underline solid;\n\n h3 {\n color: $med-blue;\n }\n }\n }\n\n h3 {\n margin: 0;\n color: $charcoal;\n font-size: 1.25rem;\n }\n\n time {\n flex-grow: 0;\n color: $med-blue;\n }\n\n .more-link {\n flex-grow: 0;\n font-size: 0.9rem;\n text-align: right;\n }\n}\n\nbody.news_item article.node {\n time {\n display: inline-block;\n color: $gray;\n margin-bottom: 1rem;\n }\n}\n","table.lits-hours-month {\n width: 100%;\n display: grid;\n grid-template-columns: 1fr;\n\n thead {\n display: none;\n }\n\n tr,\n tbody {\n display: grid;\n grid-template-columns: 1fr;\n grid-column: 1 / 2;\n width: 100%;\n }\n\n td,\n th {\n padding: 0;\n display: flex;\n flex-direction: column;\n }\n\n td {\n // Scheduled special hours:\n &.break {\n background-color: lighten($sun-yellow, 25%);\n }\n\n // Emergency closing: snow day, &c.\n &.override {\n color: $black;\n background-color: $light-orange;\n\n .day {\n color: $black;\n }\n }\n\n .day {\n width: 2rem;\n color: $raspberry;\n text-align: center;\n }\n\n &.today {\n border: 1px solid $raspberry;\n\n .day {\n background-color: $raspberry;\n color: $white;\n }\n }\n\n // Hidden except on larger views.\n &.other-month {\n display: none;\n }\n }\n\n @include breakpoint($medium-width) {\n font-size: 90%;\n grid-template-columns: repeat(7, 1fr);\n\n tr,\n thead,\n tbody {\n display: grid;\n grid-template-columns: repeat(7, 1fr);\n grid-column: 1 / -1;\n width: 100%;\n }\n\n td {\n text-align: center;\n min-height: 7rem;\n\n .day {\n display: block;\n }\n\n .lits-hours-day-hours {\n padding: 0.25rem;\n margin: 0 auto;\n text-align: center;\n }\n\n &.other-month {\n display: flex;\n background-color: $gray-lighter;\n }\n }\n }\n}\n\n.academic-calendar {\n text-align: right;\n}\n","/**\n * @file\n * Styles for the weekly display of hours on service desk or study space.\n */\n\n.location-hours h2 {\n margin-top: 5px;\n color: $gray;\n text-align: center;\n}\n\n.lits-hours-week {\n display: flex;\n flex-flow: column nowrap;\n padding: 1rem 0;\n\n & > :first-child {\n border-top: 1px solid $pale-blue;\n }\n\n .lits-hours-day {\n width: 100%;\n padding: 0.5em 0;\n clear: both;\n border-bottom: 1px solid $pale-blue;\n text-align: left;\n\n .row {\n display: flex;\n flex-flow: column nowrap;\n\n @include breakpoint($small-width) {\n flex-flow: row nowrap;\n }\n\n .lits-hours-day-hours {\n flex: 1 1 auto;\n }\n }\n\n .lits-hours-day-label {\n min-width: 7rem;\n margin-right: 2rem;\n font-weight: bold;\n }\n\n &.lits-hours-day.today {\n background-color: $pale-gray;\n }\n\n .lits-hours-day-message {\n font-style: italic;\n width: 100%;\n }\n }\n}\n","/**\n * @file\n * Styles for the Course Reserves form.\n *\n * Currently only used at /materials/course-reserves-students .\n *\n * TODO: unwrap it to a single line for wide screens?\n */\n#lits-search-course-reserves-form {\n .form-item {\n max-width: 100%;\n }\n\n #edit-course-reserves-search-query {\n width: 100%;\n }\n}\n","/**\n * @file\n * Styles for the unified search form, in the header of almost every page.\n */\n\n#search-blocks-container {\n width: 100%;\n\n .lits_homepage & {\n margin: 1rem 0;\n }\n\n #search-blocks-wrapper {\n display: flex;\n flex-flow: column wrap;\n\n @include breakpoint($medium-width) {\n flex-flow: row wrap;\n }\n }\n\n .search-query-container {\n margin: auto;\n\n @include breakpoint($medium-width) {\n margin: inherit;\n }\n }\n\n label {\n font-size: 1.5rem;\n color: $white;\n font-weight: bold;\n padding-bottom: 0;\n }\n\n #edit-lits-site-search-query--description,\n #edit-library-materials-search-query--description {\n color: $charcoal;\n font-style: italic;\n font-size: 0.85em;\n padding-bottom: 0.6em;\n\n .lits_homepage & {\n color: $pale-blue;\n }\n }\n\n input {\n width: 100%;\n\n .lits_homepage & {\n @include focus($light-orange, link);\n\n &:focus {\n text-decoration: none;\n }\n }\n }\n\n button {\n margin: 15px auto;\n \n @include focus($dark-blue, link);\n\n .lits_homepage & {\n border: 3px solid $light-blue;\n\n @include focus($light-orange, link);\n }\n\n @include breakpoint($medium-width) {\n margin: 15px 0;\n }\n }\n\n #block-lits-theme-librarymaterialssearchblock,\n #block-lits-theme-litssitesearchblock {\n flex: 1 1 auto;\n background-color: $dark-blue;\n padding: 1em;\n }\n}\n\n/** Interior pages */\n.lits_page #searchbar {\n #searchbar-background {\n background-color: $pale-gray;\n color: $dark-blue;\n }\n\n & #block-lits-theme-librarymaterialssearchblock,\n & #block-lits-theme-litssitesearchblock {\n background-color: inherit;\n color: inherit;\n // width: 50%;\n\n label {\n color: $dark-blue;\n }\n }\n}\n","/**\n * @file\n * Styles for the unified search form, in the header of almsot every page.\n */\n\n#block-lits-theme-litsunifiedsearchblock {\n background-color: $dark-blue;\n padding: 1rem;\n\n .lits_homepage & {\n padding: 1.6rem;\n }\n\n #litsunifiedsearchblock-label {\n font-size: 1.5rem;\n color: $white;\n font-weight: bold;\n margin: 0 0 1rem; // Top margin not needed, whitespace above handled by containing element padding\n }\n}\n\n#lits-search-unified-search-form {\n display: flex;\n flex-flow: column wrap;\n justify-content: space-between;\n align-items: flex-start;\n\n /** Field containers */\n & .search-selection-container,\n & .search-query-container,\n #edit-lits-search-go {\n flex: 1 1 auto;\n width: 100%;\n max-width: 100%;\n }\n\n & #edit-search-query {\n width: 100%;\n }\n\n /** Fields */\n\n // Visually separate fields\n & .form-item {\n margin: 0 0 2rem;\n\n @include breakpoint($medium-width) {\n & {\n margin: 0; // showing fields horizontally, no bottom whitespace needed\n }\n }\n\n & input,\n & select {\n height: 3rem;\n }\n }\n\n .lits_homepage & {\n #edit-search-selection,\n #edit-search-query {\n border: 1px solid $white;\n }\n }\n\n #edit-search-selection,\n #edit-search-query {\n border-radius: 0;\n }\n\n & #edit-lits-search-go {\n /* Don't let the search button grow */\n flex: 0 1 auto;\n width: auto;\n\n @include button($margin: auto);\n\n .lits_homepage & {\n border: 3px solid $light-blue;\n }\n\n .lits_page & {\n padding: 12px;\n }\n }\n\n /** 900px+ */\n @include breakpoint($medium-width) {\n & {\n flex-flow: row wrap;\n }\n\n /** Field containers */\n & .search-selection-container {\n flex: 0 0 auto;\n width: 13rem; // make sure pulldown text is always readable and search help doesn't wrap\n padding-right: 1rem;\n }\n\n & .search-query-container {\n flex: 1 0 auto;\n width: 33%;\n padding-right: 1rem;\n\n & input {\n max-width: 100%;\n }\n }\n\n & #edit-lits-search-go {\n min-width: 0;\n margin: 0;\n }\n }\n}\n\n/* II.A.3. Description */\n\n.search-selection-container .form-item__description {\n position: relative;\n width: 100%;\n margin: 0.5em 0 0;\n}\n\n/* II.A.3.a. Button */\n\n.search-detail-button {\n width: 1em;\n // height: calc(3em + 1px);\n padding: 0;\n float: right;\n border: none;\n background: none;\n\n @include link-on-gray;\n\n .lits_homepage & {\n @include link-on-blue;\n }\n\n .narrow {\n svg.fa-circle-question {\n display: inline-block;\n }\n\n svg.fa-xmark {\n display: none;\n }\n }\n\n .wide {\n display: none;\n\n svg {\n margin: 0 0.2rem;\n }\n }\n\n @include breakpoint($medium-width) {\n width: auto;\n float: none;\n font-size: 0.9rem;\n text-align: left;\n\n .narrow {\n display: none;\n }\n\n .wide {\n display: inline;\n }\n }\n}\n\n.expandable--open > .search-detail-button {\n .narrow {\n svg.fa-circle-question {\n display: none;\n }\n\n svg.fa-xmark {\n display: inline-block;\n }\n }\n\n .wide svg {\n transform: rotate(180deg);\n }\n}\n\n/* II.A.3.b. Content */\n\n#search-detail-content {\n display: none;\n width: 100%;\n padding: 0.5rem;\n clear: both;\n border: 2px solid $med-blue;\n background: $white;\n color: $dark-blue;\n font-size: 0.9rem;\n line-height: 1.4;\n\n $layout-container_width: calc(100vw - calc(2 * calc(0.5rem + calc(calc(100vw - #{$medium-width}) / 6))));\n\n @include breakpoint($medium-width) {\n // width of layout-container, then subtract the padding on the search container\n width: calc(#{$layout-container_width} - 2rem);\n }\n\n @include breakpoint($max-width) {\n // layout-container (maxes out at 1564px at and above 1920px window), then subtract the padding on the search container\n width: calc(1564px - 2rem);\n }\n\n .lits_homepage & {\n @include breakpoint($medium-width) {\n // width of layout-container, then subtract the padding on the search container\n width: calc(#{$layout-container_width} - 3.2rem);\n }\n\n @include breakpoint($large-width) {\n // width of layout-container, then get 60% (search container size), then subtract the padding on the search container\n width: calc(calc(#{$layout-container_width} * 0.6) - 3.2rem);\n }\n\n @include breakpoint($max-width) {\n // layout-container (maxes out at 1564px at and above 1920px window), then get 60% (search container size), then subtract the padding on the search container\n width: calc(calc(1564px * 0.6) - 3.2rem);\n }\n }\n\n dl {\n display: flex;\n flex-flow: row wrap;\n justify-content: flex-start;\n\n dt,\n dd {\n flex: 0 0 auto;\n margin: 0;\n padding: 0.5rem;\n width: 100%;\n }\n\n dt {\n font-weight: bold;\n }\n\n @include breakpoint($medium-width) {\n dt {\n width: 13rem - 1rem; // the width of the search dropdown, minus the padding on the search help text container\n padding: 0.5rem 0;\n }\n\n dd {\n width: calc(100% - 12rem); // the width of the container, minus the length of the label/dt above\n padding: 0.5rem 0 0.5rem 0.9rem; // pad the left of the label out to line up with the text in the text field\n }\n }\n }\n}\n\n/** Interior pages */\n.lits_page #searchbar {\n #searchbar-background {\n background-color: $pale-gray;\n color: $dark-blue;\n }\n\n & #block-lits-theme-litsunifiedsearchblock {\n background-color: inherit;\n color: inherit;\n width: 100%;\n\n & #litsunifiedsearchblock-label {\n color: inherit;\n }\n }\n}\n",".search-results {\n border-right: 1px solid $med-blue;\n border-bottom: 1px solid $med-blue;\n border-left: 1px solid $med-blue;\n\n .study-space-finder & {\n border: none;\n }\n}\n\n.search-result--two-columns,\n.search-result--no-columns {\n border-bottom: 1px solid $pale-gray;\n clear: both;\n padding: 10px 15px;\n}\n\n.search-result--two-columns .grid-container {\n display: grid;\n grid-column-gap: 10px;\n grid-template-columns: 1fr 3fr;\n}\n\n// navigation on results pages\n// links are placed in @elements/01-links/link/links.scss\n.search-website nav.pager,\n.search-guides nav.pager,\n.search-materials nav.pager,\n.search-media nav.pager {\n margin: 0;\n border-bottom: 1px solid $pale-gray;\n font-weight: 400;\n}\n\ndiv.result-summary,\n.no-results-found {\n font-size: 0.9rem;\n padding: 0 15px;\n}\n\ndiv.result-summary {\n border-bottom: 1px solid $pale-gray;\n}\n\n/** Format Type **/\n.search-result-type {\n background-color: $med-gray;\n color: $white;\n display: inline;\n padding: 5px 10px;\n}\n\n/** Format image **/\n.search-result-thumbnail a {\n display: block; // needed so that the focus indicator shows up\n}\n\n.search-result-thumbnail a img {\n width: 100%;\n}\n\n/** Format year **/\n.search-result-date {\n font-size: 0.8rem;\n color: $gray-darker;\n text-transform: uppercase;\n}\n\n/** Format Content **/\n.bentos {\n & .search-result-content,\n & .search-result-availability {\n font-size: 0.9rem;\n line-height: 1.3rem;\n margin: 0;\n }\n}\n\n.result-count {\n margin-top: 5px;\n}\n\n.search-result-first-column .search-result-date {\n text-align: center;\n}\n\n/** Possibly this should move to atoms/lists **/\n// UL\n.research-guide-subjects {\n list-style-type: none;\n margin: 0.5rem 0;\n padding: 0;\n font-size: 0.9rem;\n\n li {\n border: 1px dashed $light-blue;\n color: $dark-blue;\n display: inline-block;\n margin: 0 0.7rem 0.7rem 0;\n padding: 0.2rem 0.5rem;\n }\n}\n\n/** Format Button **/\ndiv.search-result-details.btn {\n display: flex;\n flex-flow: row-reverse nowrap;\n}\n\ndiv.search-result-details.btn a {\n // width: 50px;\n font-size: 0.9rem;\n background-color: $med-blue-94pct;\n color: $white;\n padding: 5px 10px;\n margin: 20px 0 10px;\n\n &:hover {\n background-color: $gray;\n transition: 0.2s ease-in;\n }\n}\n\n.search-result-content.croppable .content-crop {\n max-height: 5.6em;\n overflow: hidden;\n}\n\n.search-result-content.croppable button {\n font-size: 0.8rem;\n color: $med-blue;\n width: 100%;\n margin: 0 auto;\n background: none;\n border-top: 1px dotted $med-blue;\n border-right: none;\n border-bottom: none;\n border-left: none;\n padding: 0 0.8rem;\n cursor: pointer;\n\n &:hover {\n color: $light-blue;\n }\n}\n\n.study-space-detail-group {\n color: $med-blue;\n font-size: 200%;\n margin: 0.5rem 0;\n\n div {\n display: inline-block;\n }\n\n .study-space-detail-label {\n @include visually-hidden;\n }\n}\n\n.study-space-finder .search-result--two-columns .grid-container {\n grid-column-gap: 5%;\n grid-template-columns: 1fr 2fr;\n}\n",".google-json-api-search {\n #search-form {\n display: none; // there is no way to remove the default search module's form, even if it doesn't have any _fields_\n }\n\n h1 {\n margin-bottom: 0;\n }\n\n h2 {\n display: none;\n\n &.didyoumean {\n margin: 0.25em 0 0.5em;\n font-style: italic;\n display: block;\n }\n\n &.search-google-title {\n display: block;\n }\n }\n\n div.result-summary,\n div.results-limited {\n padding: 0;\n border-bottom: 1px solid #e2dfdd;\n }\n\n div.results-limited {\n font-style: italic;\n padding: 0 0 0 15px;\n\n .fa-triangle-exclamation {\n display: inline-block;\n color: $orange;\n padding: 0;\n }\n\n .gjas-results-limitation--message {\n display: inline-block;\n padding: 0;\n }\n }\n\n .gjas-results-no-results--message,\n .gjas-results--message,\n .gjas-results-no-keywords--message,\n .gjas-results-limitation--message {\n font-size: 0.9rem;\n padding: 0 15px;\n }\n}\n",".lits-location-teaser {\n min-height: 15rem;\n background-color: $raspberry;\n color: $white;\n\n @include squishy-gutter(right, $max-padding:1rem);\n @include squishy-gutter(left, $max-padding:1rem);\n @include squishy-gutter(top, $max-padding:1rem);\n @include squishy-gutter(bottom, $max-padding:1rem);\n\n h1,\n h2 {\n margin: 0;\n font-weight: 600;\n font-size: 1.8rem;\n line-height: 2.4rem;\n color: $white;\n }\n\n address {\n font-size: 1rem;\n line-height: 1.5rem;\n margin-bottom: 1em;\n\n svg {\n margin-right: 0.5em;\n }\n }\n\n .location-visit {\n font-size: 1rem;\n line-height: 1.5rem;\n\n .open-now-container {\n font-size: 1.2rem;\n margin-bottom: 0.5em;\n }\n }\n\n .teaser-icon img {\n margin: 0 auto;\n }\n\n a {\n @include link-on-raspberry;\n\n & {\n text-decoration: underline solid;\n }\n }\n\n #sidebar-container & {\n padding: 0;\n background-color: $white;\n color: $charcoal;\n\n .service-desk-content {\n @include squishy-gutter(right, $max-padding:2rem);\n @include squishy-gutter(left, $max-padding:2rem);\n @include squishy-gutter(top, $max-padding:1rem);\n @include squishy-gutter(bottom, $max-padding:2rem);\n }\n\n h2.service-desk-title {\n background-color: $raspberry;\n color: $white;\n\n @include squishy-gutter(right, $max-padding:1rem);\n @include squishy-gutter(left, $max-padding:1rem);\n @include squishy-gutter(top, $max-padding:1rem);\n @include squishy-gutter(bottom, $max-padding:1rem);\n }\n\n h3.service-desk-title {\n margin-top: 0;\n margin-bottom: 0;\n }\n\n .service-desk-slogan {\n margin-top: 0;\n margin-bottom: 0;\n }\n\n a {\n @include link;\n }\n\n @include breakpoint($medium-width) {\n border-bottom: none;\n box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);\n }\n }\n}\n\n.location-teaser-social {\n height: 100%;\n\n ul {\n display: flex;\n flex-flow: row wrap;\n width: 80%;\n padding: 1rem 0;\n margin: auto;\n\n #sidebar-container & {\n padding: 1rem 0 0;\n }\n\n & > li {\n flex: 1 1 auto;\n\n a {\n @include link-on-green;\n }\n }\n }\n}\n","/**\n * @file\n * Styles for Location pages (Study Space nodes and Service Desk terms).\n *\n * @see templates/content/node--study-space--full.html.twig\n * @see templates/views/views-view-fields--about-lits-service-desks--detail-page.html.twig\n */\n\n.service_desk #block-lits-theme-breadcrumbs,\n.study_space #block-lits-theme-breadcrumbs {\n @include squishy-padding('right');\n @include squishy-padding('left');\n\n @include breakpoint($small-width) {\n padding: 0;\n }\n}\n\n.lits-location {\n margin-top: 1rem;\n\n .location-left,\n .location-right {\n flex-basis: auto;\n width: 100%;\n }\n\n @include breakpoint($medium-width) {\n .location-left {\n width: 38%;\n }\n\n .location-right {\n width: 62%;\n }\n }\n\n .location-bite {\n padding: 1rem;\n background-color: $med-blue;\n color: $white;\n font-size: 1rem;\n font-weight: 300;\n line-height: 1.7rem;\n border-top: 1px solid white;\n }\n\n .location-hours {\n margin-bottom: 1rem;\n padding: 1rem;\n border-bottom: 1px dashed $green;\n\n @include breakpoint($medium-width) {\n margin-bottom: 0;\n border-bottom: none;\n }\n\n h2 {\n text-align: left;\n font-weight: bold;\n color: $charcoal;\n }\n\n .all-hours-link {\n margin: 1rem auto;\n text-align: center;\n border: 2px solid $dark-red;\n padding: 0.5rem;\n\n a {\n color: $dark-red;\n }\n }\n }\n\n .location-images img {\n margin: 0;\n }\n\n .location-sidebar {\n background-color: $green;\n color: white;\n padding: 1rem;\n\n h3.wheelchair {\n width: 100%;\n align-self: stretch;\n margin: 0;\n padding: 1rem;\n border: 1px dashed $white;\n font-size: 1.2rem;\n font-weight: 500;\n }\n\n a:not(.button) {\n @include link-on-green;\n }\n\n a.button {\n @include button-on-green;\n }\n\n .study-space-details {\n display: flex;\n flex-flow: row wrap;\n align-items: flex-start;\n\n .detail-group {\n flex: 1 1 auto;\n width: 100%;\n\n @include breakpoint($medium-width) {\n width: 48%;\n }\n\n h3 {\n border-bottom: 1px dashed $white;\n }\n\n .grid-item {\n width: 80%;\n }\n }\n }\n\n .study-space-detail-label {\n display: inline-block;\n }\n\n svg {\n margin-right: 9px;\n width: 1.2rem;\n }\n\n li::before {\n padding-right: 10px;\n }\n }\n\n .location-content {\n @include squishy-padding('right');\n @include squishy-padding('left');\n\n @include breakpoint($small-width) {\n margin: 0;\n padding: 0;\n }\n\n h3 {\n @extend .h3;\n }\n }\n\n .service-desk-staff {\n display: flex;\n flex-flow: row wrap;\n justify-content: center;\n\n @include breakpoint($small-width) {\n justify-content: space-between;\n }\n\n .views-row {\n flex-basis: auto;\n width: 100%;\n\n @include breakpoint($small-width) {\n width: 48%;\n }\n\n @include breakpoint($medium-width) {\n width: 30%;\n }\n\n @include breakpoint($large-width) {\n width: 21%;\n }\n }\n\n .department-person-photo {\n width: 80%;\n margin: 0 auto;\n }\n\n .department-person-info {\n margin-bottom: 2em;\n font-size: 90%;\n\n h3 {\n margin: 0;\n }\n }\n }\n\n .floorMapContainer {\n display: flex;\n flex-flow: column nowrap;\n justify-content: center;\n\n @include breakpoint($medium-width) {\n flex-flow: row nowrap;\n }\n\n .floorMap-wrapper {\n width: 100%;\n\n @include breakpoint($medium-width) {\n width: 50%;\n // max-width: 50%;\n }\n }\n\n .floorMap {\n flex: 1 1 auto;\n padding: 1em;\n max-width: 100%;\n\n svg {\n width: 100%;\n }\n }\n\n .campus-map-link {\n margin-bottom: 1rem;\n text-align: center;\n }\n }\n}\n","/**\n * @file\n * Styles for LITS site branding link in the masthead.\n */\n\n.logobar-branding-wrap {\n margin: auto 0; // center the \"LITS\" vertically\n flex: 0 1 auto;\n\n a {\n display: block;\n margin-bottom: 5px; // because of the underline on the logo, perfectly centering \"LITS\" is too low @see _header.scss for accompanying rule for the topnav items\n border-left: 1px solid $white;\n text-align: left; // align to logo\n font-size: $mono-logo-font-size; // to match 'c' in logo\n padding-left: $mono-logo-font-size;\n\n @include breakpoint($small-width) {\n font-size: $word-logo-font-size; // to match 'o' in logo\n padding-left: $word-logo-font-size;\n }\n }\n}\n","/**\n * @file\n * Layout rules for main navigation.\n */\n\n#main-menu-toggle-expand {\n padding: 0.5rem 0;\n}\n\nnav#block-lits-theme-mainnavigation {\n width: 100%;\n\n ul {\n @include list-reset;\n }\n\n #main-nav {\n display: none;\n\n @include breakpoint($medium-width) {\n display: block;\n\n & > ul.main-menu {\n display: grid;\n grid-template-areas: \"materials research techsupport places teachingsupport\";\n grid-template-columns: repeat(5, 1fr);\n }\n }\n }\n}\n\n.main-submenu--wrapper {\n @include breakpoint($medium-width) {\n position: absolute;\n z-index: 2;\n }\n}\n",".main-menu__item {\n padding: 0.5rem;\n text-align: left;\n\n a.main-menu__link--sub {\n display: block;\n }\n\n & > button,\n & > a {\n @include focus($dark-blue);\n }\n\n &.main-menu__item--root {\n text-align: center;\n padding: 0;\n\n & > button,\n & > a,\n & > button svg {\n @include focus($white);\n }\n\n @include breakpoint($medium-width) {\n &:nth-child(2) {\n text-align: left;\n }\n\n &:nth-child(3) {\n text-align: left;\n padding-left: 15%;\n }\n\n &:nth-child(4) {\n text-align: center;\n }\n\n &:nth-child(5) {\n text-align: right;\n padding-right: 30%;\n }\n\n &:nth-child(6) {\n text-align: right;\n }\n }\n }\n\n @include breakpoint($small-width) {\n padding: 0.25rem;\n }\n\n button,\n &#main-menu_hours-accounts a {\n background-color: $fully-transparent;\n color: $white;\n border: none;\n white-space: nowrap;\n font-size: 1rem;\n font-weight: 400;\n padding: 0.5rem 0;\n margin: 0 auto;\n cursor: pointer;\n\n &:hover,\n &:active,\n &:focus { // match standard focus rule\n outline-offset: 2px;\n outline: 3px solid $white;\n color: $pale-blue; // to match open style\n }\n }\n\n &#main-menu_hours-accounts {\n display: flex;\n flex-flow: row wrap;\n background-color: $dark-blue;\n\n @include breakpoint($medium-width) {\n display: none;\n }\n\n div {\n flex: 1 1 auto;\n width: 49%;\n padding: 1rem;\n\n &#main-menu_hours-accounts-divider {\n padding-left: 0;\n padding-right: 0;\n width: 1px;\n\n span {\n border-right: 1px solid $gray-lightest;\n display: block;\n height: 100%;\n }\n }\n\n a {\n padding: 0;\n white-space: normal;\n display: block;\n }\n }\n }\n\n & .main-submenu--wrapper {\n display: none;\n\n @include breakpoint($medium-width) {\n width: 581px; // old styles did this, idk\n border: 2px solid $light-blue;\n max-height: calc(-108px + 100vh);\n overflow-y: auto;\n }\n }\n\n &.main-menu__item.expandable--open button {\n color: $pale-blue;\n\n svg {\n transform: rotate(180deg);\n }\n }\n\n &.main-menu__item--root .submenu-flex-container {\n display: flex;\n flex-flow: column nowrap;\n justify-content: center;\n background-color: $white;\n\n @include breakpoint($small-width) {\n flex-flow: row nowrap;\n }\n\n div.main-menu--sub {\n flex: 1 1 auto;\n width: 100%;\n padding: 0 1rem;\n\n @include breakpoint($small-width) {\n width: 50%;\n }\n\n & li {\n border-bottom: 1px solid $gray-lightest;\n }\n\n @include breakpoint($small-width) {\n & {\n margin: 1rem 0;\n }\n\n &:nth-child(2n) {\n border-left: 1px solid $charcoal;\n }\n\n & li:last-child {\n border-bottom: none;\n }\n }\n }\n }\n}\n",".main-menu__link {\n font-size: 1rem;\n line-height: 1.5rem;\n text-decoration: none;\n}\n\n.menu-link-complex {\n display: flex;\n flex-flow: row nowrap;\n\n .menu-link-icon {\n padding-right: 1rem;\n flex: 0 0 auto;\n\n img {\n margin: 0;\n }\n }\n}\n","/**\n * @file\n * Styles for toggling the main menu open/closed on narrow screens.\n */\n// Toggle control\n.toggle-expand {\n display: inline-block;\n padding: $space 0;\n text-decoration: none;\n width: 100%;\n color: $white;\n text-align: center;\n // See main-menu.js\n\n @include link-on-blue;\n\n @media (min-width: $medium-width) {\n display: none;\n }\n}\n\n.toggle-expand__text {\n display: inline-block;\n font-size: 1.2rem;\n font-weight: 400;\n padding-left: 10px;\n}\n\n// SVG icon\n.toggle-expand__icon {\n height: 3rem;\n width: 3rem;\n margin: 0 auto;\n}\n\n.toggle-expand__open {\n display: inline-block;\n text-align: center;\n\n .toggle-expand--open & {\n display: none;\n }\n}\n\n.toggle-expand__close {\n display: none;\n text-align: center;\n\n .toggle-expand--open & {\n display: inline-block;\n }\n}\n","/**\n * @file\n * Styles for breadcrumbs.\n */\n\n.breadcrumb {\n @include list-reset;\n\n line-height: 1.4rem;\n}\n\n.breadcrumb__item {\n display: inline-block;\n font-size: 0.9rem;\n font-weight: 600;\n\n &::after {\n content: \"/\";\n }\n\n &:last-child {\n color: $dark-blue;\n\n &::after {\n content: \"\";\n }\n }\n}\n\n.breadcrumb__link {\n font-weight: 400;\n\n @include link;\n}\n",".inline-menu {\n @include list-reset;\n}\n\n.inline-menu__item {\n margin: 0 1em 0.5em 0;\n\n @include large {\n display: inline;\n margin-bottom: 1em;\n }\n\n &:last-child {\n margin-right: 0;\n }\n}\n\n.inline-menu__link {\n font-size: 0.75rem;\n font-weight: 600;\n letter-spacing: 1.5px;\n text-decoration: none;\n text-transform: uppercase;\n}\n","/**\n * @file\n * Rules for sidebar nav menus.\n */\n\n#sidebar-container .sidebar-nav {\n background-color: $white;\n\n @include breakpoint($small-width) {\n box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);\n }\n\n h2 {\n background-color: $green;\n color: $white;\n\n @include squishy-gutter(right, $max-padding:1rem);\n @include squishy-gutter(left, $max-padding:1rem);\n @include squishy-gutter(top, $max-padding:1rem);\n @include squishy-gutter(bottom, $max-padding:1rem);\n\n a {\n @include link-on-green;\n\n & {\n text-decoration: underline solid;\n }\n }\n }\n\n .menu__item {\n padding: 0.4rem 0;\n\n .subtitle {\n padding-left: 1.2rem;\n }\n }\n\n ul {\n font-size: 1.2rem;\n\n @include list-reset;\n @include squishy-gutter(right, $max-padding:2rem);\n @include squishy-gutter(left, $max-padding:2rem);\n @include squishy-gutter(top, $max-padding:1rem);\n @include squishy-gutter(bottom, $max-padding:1rem);\n\n a:active,\n a:hover {\n color: $green;\n text-decoration: underline $green solid;\n }\n\n a.menu__link--active {\n font-weight: bold;\n }\n\n ul {\n padding: 0 2rem;\n color: $green;\n list-style-type: disc;\n }\n }\n}\n","// Tab Navigation\n.tabs__nav {\n @include list-reset;\n\n @include breakpoint($small-width) {\n display: flex;\n }\n}\n\n// Tab Content (hidden only in full #tabs js version)\n.tabs__tab {\n display: none;\n\n &.is-active {\n display: block;\n }\n}\n\n.tabs__content {\n padding: 1.5rem;\n}\n\n// No-js fallback\n.tabs.no-js {\n .tabs__tab.is-active {\n display: block;\n }\n}\n\n// Drupal Local Tasks variant\n.tabs__nav--local-tasks {\n margin-top: 1rem;\n padding: 0;\n\n body.service_desk &,\n body.study_space & {\n margin-bottom: -1rem;\n }\n}\n\n// .tabs__link--local-tasks {\n// padding: 0.3em 1.5em;\n// }\n","/**\n * @file\n * Styles for the topbar navigation menu.\n */\n\n// // Nav\n// .topbar-nav {\n// display: none;\n// background-color: $dark-blue;\n// border-top: 3px solid $med-blue;\n//\n// @include breakpoint($small-width) {\n// display: block;\n// width: 100%;\n// height: 34px;\n// }\n// }\n//\n// // UL\n// .topbar-menu {\n// @include list-reset;\n//\n// border-bottom: 1px solid;\n// position: relative;\n// float: right;\n// background-color: $dark-blue;\n// z-index: 10;\n//\n// @include breakpoint($small-width) {\n// border-bottom: none;\n// }\n// }\n","// LI\n.topbar-menu__item {\n border-top: 1px solid;\n display: flex;\n flex-wrap: wrap;\n position: relative;\n\n @include breakpoint($small-width) {\n border-top: none;\n display: inline-block;\n\n &:not(:last-child)::after {\n content: '|';\n padding: 0;\n color: $med-gray;\n }\n }\n}\n","// A\n.topbar-menu__link {\n color: $white;\n display: block;\n font-size: 0.8rem;\n line-height: 1.5;\n padding: $space $space-triple $space $space-double;\n text-decoration: none;\n font-weight: normal;\n\n @include breakpoint($small-width) {\n border-bottom: none;\n display: inline-block;\n font-size: 0.8rem;\n padding: 5px $space;\n text-transform: none;\n position: relative;\n width: auto;\n }\n}\n\na.topbar-menu__link:link,\na.topbar-menu__link:visited {\n color: $white;\n\n &.active,\n &:active {\n color: $gray-lighter;\n }\n\n &:hover {\n color: $light-blue;\n }\n}\n",".pager {\n margin: 2em 0;\n}\n\n.pager__items {\n @include list-reset;\n\n text-align: center;\n}\n\n.pager__item {\n display: inline-block;\n margin: 0 0.7em;\n\n @include large {\n margin: 0 1em;\n }\n}\n\n.pager__link,\n.pager__link:link,\n.pager__link:visited {\n @include link;\n\n &:hover {\n @include link;\n }\n\n &.is-active {\n color: $dark-blue;\n }\n}\n\n.pager__link--next,\n.pager__link--prev {\n display: block;\n\n @include link;\n\n span {\n display: none;\n }\n\n &::before {\n border: 8px solid $med-blue;\n border-bottom: 6px solid transparent;\n border-right: 7px solid transparent;\n border-top: 6px solid transparent;\n content: \"\";\n display: block;\n position: relative;\n top: 1px;\n }\n\n &:hover {\n &::before {\n border-left-color: $light-blue;\n }\n }\n}\n\n.pager__link--prev {\n &::before {\n border-left-color: transparent;\n border-right-color: $med-blue;\n }\n\n &:hover {\n &::before {\n border-left-color: transparent;\n border-right-color: $light-blue;\n }\n }\n}\n",".accordion.expandable.expandable--open button .fa-chevron-down {\n transform: rotate(180deg);\n}\n\n.accordion-heading button {\n width: 100%;\n text-align: left;\n // Because iOS Safari has issues with long (wrapping) button text, we end up having to explicitly style heeeeverything\n height: -webkit-fit-content;\n background-color: rgba(0, 0, 0, 0.06); // Some browsers weren't assigning a bg color. This is roughly the default color for Chrome, and I liked it.\n border: 1px solid $gray;\n border-radius: 1px;\n padding: 1rem;\n\n div {\n display: inline;\n }\n}\n\n.accordion-content {\n display: none;\n\n &.accordion-content--open {\n display: block;\n }\n}\n","@mixin banner-style($typeColor) {\n & {\n border: 3px solid $typeColor;\n background-color: mix($white, $typeColor, 99%);\n\n .fontawesome-icon {\n color: mix($black, $typeColor, 50%);\n }\n\n // div {\n // display: inline-block;\n // }\n }\n}\n\n.banner {\n padding: 1em;\n margin: 1em 0;\n\n &.info {\n @include banner-style($light-blue);\n }\n\n &.warning {\n @include banner-style($yellow);\n }\n\n &.error {\n @include banner-style($raspberry);\n }\n\n p {\n margin: 0;\n }\n\n a {\n text-decoration: underline;\n }\n\n .banner-content {\n display: flex;\n flex-flow: row nowrap;\n\n .banner-icon .fontawesome-icon {\n margin-right: 1em;\n }\n }\n}\n",".downloadable-image-gallery .grid > div {\n display: flex;\n flex-flow: row wrap;\n flex: 1 1 auto;\n justify-content: space-between;\n\n @include breakpoint($small-width) {\n & > div {\n max-width: calc(50% - 1em);\n }\n }\n\n @include breakpoint($large-width) {\n & > div {\n max-width: calc(33% - 1em);\n }\n }\n\n div.downloadable-basic-image {\n display: flex;\n flex-flow: column nowrap;\n height: 100%;\n }\n}\n","div.image figure {\n margin-bottom: 1.5rem;\n\n img {\n margin-bottom: 0;\n }\n\n figcaption {\n padding: 0.5rem 1rem;\n background-color: $pale-gray;\n\n a,\n a:link,\n a:visited {\n color: $darkish-blue;\n }\n\n a:hover {\n color: $light-blue;\n }\n\n p {\n margin: 0;\n }\n }\n}\n","/**\n * @file\n * Styles for the Numbered List paragraph type.\n */\n\nol.paragraph--numbered-list {\n list-style: none;\n counter-reset: my-awesome-counter;\n display: flex;\n flex-wrap: wrap;\n margin: 0;\n padding: 0;\n}\n\nol.paragraph--numbered-list li {\n counter-increment: my-awesome-counter;\n display: flex;\n width: 100%;\n margin-bottom: 0.5rem;\n}\n\nol.paragraph--numbered-list li {\n &::before {\n content: counter(my-awesome-counter, decimal-leading-zero);\n font-size: 3.5rem;\n margin-right: 9px;\n font-family: 'chronicle-bold', serif;\n line-height: 6rem;\n color: $gray-light;\n position: absolute;\n }\n\n p {\n margin-left: 5rem;\n\n @include breakpoint($medium-width) {\n margin-left: calc(5rem + calc(calc(100vw - 900px) / 10));\n }\n\n @include breakpoint($large-width) {\n margin-left: calc(5rem + 30px);\n }\n }\n}\n","#system-status {\n #last-loaded {\n font-size: 1rem;\n font-weight: normal;\n font-style: italic;\n color: $gray;\n\n span {\n font-style: normal;\n }\n }\n\n td:not(.edit-link) a {\n overflow-wrap: break-word;\n word-break: break-word;\n }\n\n table {\n text-align: left;\n border-collapse: collapse;\n margin: 2rem auto;\n width: 100%;\n // height: 1px; // because full height table cells are inexplicable\n\n tr {\n height: 100%; // because full height table cells are inexplicable\n }\n\n th,\n td {\n padding: 1rem 1.5rem;\n vertical-align: top;\n height: 100%; // because full height table cells are inexplicable\n }\n\n thead th:last-of-type,\n td:last-of-type {\n padding-right: 1rem;\n }\n\n th:first-of-type,\n th[scope=\"row\"] {\n padding-left: 1rem;\n\n .col-content h3 {\n margin: 0;\n }\n\n .text-long {\n font-weight: normal;\n color: $gray;\n }\n }\n\n thead tr {\n border-top: 1px solid $gray;\n border-bottom: 1px solid $gray;\n\n th {\n white-space: nowrap;\n\n @include heading-medium($color: $charcoal);\n }\n }\n\n tbody tr {\n border-bottom: 1px solid $gray-lighter;\n }\n\n .svg-inline--fa {\n padding-left: 1rem;\n color: $gray;\n }\n\n .sorting {\n background-image: none;\n\n .fa-caret-up,\n .fa-caret-down {\n display: none;\n }\n\n .fa-sort {\n display: inline-block;\n vertical-align: middle;\n }\n }\n\n .sorting_asc {\n background-image: none;\n\n .fa-sort,\n .fa-caret-down {\n display: none;\n }\n\n .fa-caret-up {\n display: inline-block;\n vertical-align: top;\n }\n }\n\n .sorting_desc {\n background-image: none;\n\n .fa-sort,\n .fa-caret-up {\n display: none;\n }\n\n .fa-caret-down {\n display: inline-block;\n vertical-align: bottom;\n }\n }\n\n .status {\n text-align: center;\n\n .icon-and-label {\n display: inline-block;\n text-align: center;\n }\n\n .col-content svg {\n font-size: 3rem;\n padding: 0;\n }\n\n // normal\n .fa-square-check {\n color: $green;\n }\n\n // degraded\n .fa-triangle-exclamation {\n color: $orange;\n }\n\n // unavailable\n .fa-circle-xmark {\n color: $red;\n }\n\n // planned maintenece\n // hidden\n // unpublished\n // unknown\n .fa-screwdriver-wrench,\n .fa-eye-slash,\n .fa-pen-to-square,\n .fa-circle-question {\n color: $gray-dark;\n }\n }\n\n .notes {\n p {\n margin: 0;\n }\n\n .modified {\n font-style: italic;\n font-size: 1rem;\n color: $gray;\n\n span {\n font-style: normal;\n }\n }\n }\n\n .status-updates article {\n overflow-wrap: break-word;\n word-break: break-word;\n }\n\n .col-header {\n margin: 0;\n display: none;\n\n @include heading-medium($color: $charcoal);\n }\n }\n\n @include breakpoint(0 ($large-width - 1)) {\n table {\n @include untablify;\n\n .status {\n text-align: left;\n }\n }\n }\n}\n",".tabs__content {\n padding: 30px 0;\n border-top: 1px dashed $med-blue;\n display: none;\n margin-top: 20px;\n\n @include breakpoint($small-width) {\n margin-top: 0;\n }\n}\n\n.tabs__content--open {\n display: block;\n}\n\n.tab-group > li.tabs-item {\n position: absolute;\n left: -200vw;\n\n &--open {\n border-color: $med-blue;\n border-bottom: 1px solid $white;\n margin-bottom: -1px;\n }\n}\n\n.tab-group > a.tabs_link:hover::after,\n.tab-group > a.tabs_link:focus + a.tabs_link::after,\n.tab-group > a.tabs_link:checked + a.tabs_link::after {\n background: $light-blue;\n}\n","/**\n * @file\n * Styles for person detail pages.\n */\n\n.person-intro {\n display: flex;\n flex-flow: column wrap;\n justify-content: space-between;\n width: 100%;\n\n @include breakpoint($small-width) {\n flex-direction: row;\n }\n}\n\n.person-info,\n.person-image {\n @include breakpoint($small-width) {\n width: 50%;\n }\n}\n\n.person-image {\n margin: 0 auto;\n\n @include breakpoint($small-width) {\n margin: 0;\n padding-left: 9px;\n }\n\n @include breakpoint($medium-width) {\n padding-left: 1vw;\n }\n}\n\n.subject-expert {\n @include breakpoint($medium-width) {\n width: 80%;\n margin: 0 auto;\n padding: 2% 5%;\n border: 1px solid $med-blue;\n }\n}\n\n/* Sidebar */\n.department-block .views-row {\n @include squishy-gutter(bottom);\n\n & > div {\n border-top: 16px solid $raspberry;\n }\n}\n\n.department-block .views-row > div {\n background-color: $white;\n box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);\n\n @include squishy-gutter(top);\n @include squishy-gutter(right);\n @include squishy-gutter(bottom);\n @include squishy-gutter(left);\n\n .text-long p {\n margin: 0;\n }\n}\n","/**\n * @file\n * Custom styles for embedded video paragraph.\n */\n\n.iframe-container {\n position: relative;\n padding-bottom: 56.25%;\n padding-top: 35px;\n height: 0;\n margin-bottom: 2rem;\n\n iframe {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n }\n}\n",".service-desk-index.grid-container {\n display: grid;\n grid-gap: 1rem;\n grid-template-rows: auto;\n grid-auto-rows: 1fr;\n // minimum must be smaller than 300 because of page pad/margin\n grid-template-columns: minmax(0, 1fr);\n\n header {\n grid-column: 1/-1;\n }\n\n @include breakpoint($small-width) {\n grid-template-columns: repeat(2, minmax(300px - 16px, 1fr));\n }\n\n @include breakpoint($large-width) {\n grid-template-columns: repeat(3, minmax(300px - 16px, 1fr)); // cap at 3 columns\n }\n}\n\n$service-desk-card-whitespace: 1.5rem;\n\n.service-desk-card {\n border: 1px solid $med-blue;\n padding: $service-desk-card-whitespace;\n\n & .title h2 {\n margin: 0;\n }\n\n & .service-desk-card-content {\n display: flex;\n flex-flow: row nowrap;\n height: 100%;\n\n & .service-desk-card-icon {\n flex: 0 0 auto;\n width: 3rem;\n\n & img {\n margin: 0 auto;\n }\n }\n\n & .service-desk-card-title-hours {\n flex: 1 1 auto;\n display: flex;\n flex-flow: column nowrap;\n justify-content: space-between;\n }\n }\n}\n\n.service-desk-card,\n.location-hours {\n .divider {\n flex: 1 1 auto;\n display: flex;\n flex-flow: column nowrap;\n justify-content: center;\n\n .line {\n border: 1px solid $pale-gray;\n margin: 1em 0;\n width: 75%;\n }\n }\n\n .location,\n .online,\n .online > div,\n .appointment {\n display: flex;\n align-items: baseline;\n\n p {\n margin: 0;\n }\n }\n\n .hours {\n margin-bottom: 1rem;\n\n .todays-hours,\n .hours-description,\n .all-hours-link {\n margin-left: 2rem;\n }\n\n .hours-description {\n font-style: italic;\n\n p:last-of-type {\n margin: 0;\n }\n }\n }\n\n .online a {\n margin-right: 0.5em;\n }\n\n .slogan {\n font-style: italic;\n color: $green;\n margin-bottom: $service-desk-card-whitespace;\n }\n\n svg {\n margin-right: 0.5em;\n }\n}\n","/**\n * @file\n * Styles for footer elements.\n *\n * @see _masthead.scss\n * @see footer.twig\n */\n\nfooter h2 {\n margin-top: 0;\n}\n\n/* I. Contact bar */\n\n#contactbar {\n // .layout-stripe sets width 100%, margin 0, padding 0.\n color: $white;\n background-color: $dark-red;\n // Contains div.layout-container for flex.\n\n .layout-container {\n flex-flow: row wrap;\n\n @include breakpoint($small-width) {\n flex-flow: row nowrap; // don't wrap the two sections until very small so that the contact tiles wrap instead\n }\n }\n}\n\n/* I.A. Contactbar > Hours wrapper */\n\n#hours-wrapper {\n flex: 0 1 auto; // hours should not grow to take up extra space, contact should\n display: flex;\n flex-flow: column wrap;\n min-width: 14rem; // Just to keep the header from wrapping, really\n\n // .layout-zone-left sets squishy padding on left and gutter on right.\n @include responsive-basis(38%, 33%, 28%);\n @include squishy-gutter(top);\n @include squishy-gutter(bottom);\n\n .more-hours {\n max-width: 100%;\n margin: 3.5rem 1rem 1rem;\n\n @include button-on-dark-red;\n\n &::before {\n display: none;\n }\n\n &:focus,\n &:hover {\n text-decoration: underline solid;\n }\n }\n\n @include breakpoint($max-width) {\n #footer-hours-container {\n width: 330px;\n }\n\n .more-hours {\n max-width: 330px;\n }\n }\n}\n\n#footer-hours-container {\n @include breakpoint($medium-width) {\n border-left: 1px solid $yellow;\n\n @include squishy-gutter(left);\n }\n}\n\n#footer-hours-content {\n margin: 0 auto;\n}\n\n#footer-hours-location {\n margin: 0;\n text-align: center;\n font-size: 1rem;\n font-weight: normal;\n\n @include breakpoint($small-width) {\n text-align: left;\n }\n}\n\n#footer-hours-schedule {\n margin: 0;\n text-align: center;\n\n @include breakpoint($small-width) {\n text-align: left;\n }\n}\n\n/* I.A. Contactbar > Contact Us wrapper */\n\n#contact-us-wrapper {\n flex: 1 1 auto; // stretch to fill space\n background-color: $dark-blue;\n\n // .layout-zone-right sets squishy gutter on left and padding on right.\n @include responsive-basis(62%, 67%, 72%);\n @include squishy-gutter(top);\n @include squishy-gutter(bottom);\n\n @include breakpoint($max-width) {\n padding-right: 0.5rem; // Let the max width take the lead here instead of calculating right padding because this makes Chrome Grumpy\n }\n\n & > * {\n max-width: 1170px; // contact tiles/header should not exceed this width\n }\n}\n\n#contact-us-title {\n margin-bottom: 1em;\n}\n\n#footer-social-wrapper {\n margin-bottom: 1em;\n\n a {\n @include link-on-blue;\n }\n}\n\n#block-lits-theme-sharewithlits {\n .social-media-links--platforms {\n margin: auto;\n\n li {\n padding: 0 0.35em; // remove top and bottom padding provided by module stylesheet\n }\n }\n}\n\n#contact-us-tiles {\n @include list-reset;\n\n display: flex;\n flex-flow: row wrap;\n justify-content: space-between;\n font-size: 1rem;\n line-height: 1.25rem;\n}\n\n.contact-us-tile {\n @include rounded-corners;\n\n background-color: white;\n flex: 1 0 auto;\n width: 100%;\n margin: 0.25rem 0;\n font-weight: bold;\n\n @include breakpoint($medium-width) {\n width: 48%;\n margin: 0.25rem;\n }\n\n @include breakpoint($large-width) {\n width: 32%;\n }\n\n > a {\n display: flex;\n flex-flow: row nowrap;\n align-items: center;\n height: 100%;\n text-decoration: none;\n padding: 1.2rem;\n\n @include link;\n\n &:active,\n &:hover {\n text-decoration: underline solid;\n }\n\n @include focus($light-orange);\n\n svg {\n flex: 0 1 auto;\n font-size: 1.75rem;\n margin: auto 0.5rem auto 0;\n }\n\n div {\n flex: 1 1 auto;\n\n .subtitle {\n margin-left: 0;\n font-weight: normal;\n font-style: normal;\n }\n }\n }\n}\n\n/* II. LITS bar */\n\n#litsbar {\n background-color: $black;\n color: $white;\n\n @include squishy-gutter(top);\n @include squishy-gutter(bottom);\n\n // .layout-stripe sets width 100%, margin 0, padding 0.\n // Contains div.layout-container for flex.\n\n .layout-container {\n justify-content: center;\n }\n\n a {\n @include link-on-black;\n }\n}\n\n#about-lits-container {\n flex: 1 1 auto; // stretch to fill space\n text-align: center;\n\n // .layout-zone-right sets squishy gutter on left and padding on right.\n @include responsive-basis(62%, 67%, 72%);\n @include squishy-gutter(top);\n @include squishy-gutter(bottom);\n\n @include breakpoint($small-width) {\n text-align: left;\n }\n\n @include breakpoint($max-width) {\n padding-right: 0.5rem; // Let the max width take the lead here instead of calculating right padding because this makes Chrome Grumpy\n }\n\n & > * {\n margin: 0.25rem; // to match contact tiles\n }\n}\n\n#block-lits-theme-aboutlits-2 .menu {\n @include list-reset;\n\n @include breakpoint($small-width) {\n -webkit-column-count: 2;\n -moz-column-count: 2;\n column-count: 2;\n -webkit-column-gap: 10px;\n -moz-column-gap: 10px;\n column-gap: 10px;\n margin-left: 0;\n -webkit-margin-before: 0;\n -webkit-padding-start: 0;\n }\n\n @include breakpoint($medium-width) {\n -webkit-column-count: 3;\n -moz-column-count: 3;\n column-count: 3;\n }\n\n @include breakpoint($large-width) {\n -webkit-column-count: 4;\n -moz-column-count: 4;\n column-count: 4;\n }\n}\n\n#block-lits-theme-aboutlits-2 .menu__item {\n break-inside: avoid;\n font-size: 1rem;\n}\n\n/* III. Copyright bar */\n\n#copyrightbar {\n background-color: $charcoal;\n color: $white;\n\n @include squishy-gutter(top);\n @include squishy-gutter(bottom);\n\n\n // .layout-stripe sets width 100%, margin 0, padding 0.\n // Contains div.layout-container.layout-zone for flex and squishy edges.\n\n a {\n @include link-on-black;\n }\n}\n\n.copyright {\n font-size: 0.9rem;\n text-align: center;\n\n ul {\n @include list-reset;\n\n text-align: center;\n }\n\n p {\n margin: 0;\n }\n\n .grid-item {\n flex: 1 1 auto;\n width: 100%;\n\n @include breakpoint($medium-width) {\n width: 33%;\n }\n }\n}\n","/**\n * @file\n * Styles for header elements.\n *\n * @see _masthead.scss\n * @see header.twig\n * @see header.js\n */\n \n/* Fix node preview pages to keep the preview controls from overtaking the header. */\n.node-preview-container {\n position: relative;\n}\n\nheader#page-header {\n $logobar-min-height: 3.75rem;\n $imagebar-height: 0;\n\n @include breakpoint($medium-width) {\n $imagebar-height: 15.5rem;\n }\n $main-menubar-height: 3rem;\n $header-height: $logobar-min-height + $imagebar-height + $main-menubar-height;\n\n /* 0. Site alerts */\n #block-lits-theme-litssitealertblock {\n display: none;\n word-break: break-word;\n\n .alert-active & {\n display: block;\n }\n\n &.emergency {\n background-color: $white;\n position: relative;\n z-index: 2;\n\n #site-alert-container {\n background-color: $white;\n border: 3px solid $raspberry;\n margin: 10px;\n outline: 10px solid $white;\n padding: 1.5em;\n max-width: 100%;\n\n .mhc-alert-level-emergency {\n font-size: 1rem;\n line-height: 1.6em;\n margin: 0 auto;\n padding: 5px 20px 5px;\n text-align: left;\n z-index: 1;\n display: flex;\n flex-flow: row nowrap;\n justify-content: center;\n align-items: flex-start;\n max-width: 75rem;\n\n .fa-circle-exclamation {\n color: $raspberry;\n font-size: 3.25rem;\n margin: 0 1.25rem;\n }\n\n .text {\n margin: -1em 1.25rem;\n font-size: 1rem;\n }\n\n .buttons {\n display: flex;\n flex-flow: row wrap;\n }\n\n .button {\n background-color: $white;\n color: $charcoal;\n border: 3px solid $raspberry;\n font-size: 1rem;\n font-weight: 500;\n padding: 1.25em;\n text-transform: uppercase;\n margin-right: 0.5em;\n\n &:hover {\n background-color: $raspberry;\n color: $white;\n }\n }\n }\n }\n }\n }\n\n #search-toggle-container {\n width: 100%;\n\n // body.alert-active & {\n // background: #fff url(../images/banners/williston-beauty-full-banner.jpg) no-repeat center center;\n // background-size: 100%;\n // }\n }\n\n /* I. Logobar */\n\n #logobar {\n // .layout-stripe sets width 100%, margin 0, padding 0.\n @include dark-blue-stripe;\n\n a,\n button,\n button svg {\n @include focus($white);\n }\n }\n\n #logobar-container {\n // .layout-zone sets clearfix and squishy edges.\n display: flex;\n flex-flow: row nowrap;\n justify-content: space-between;\n align-items: center;\n }\n\n /* I.A. Logobar > Logo section */\n\n #logobar .logo-container {\n flex: 1 0 auto;\n display: flex;\n flex-flow: row nowrap;\n justify-content: center;\n align-items: center;\n min-height: $logobar-min-height;\n\n & > * {\n flex: 0 0 auto;\n }\n\n // Always use wordmark on homepage\n .lits_homepage & {\n & #logo {\n display: inline-block;\n }\n\n & #logo-small {\n display: none;\n }\n }\n\n // On interior pages, there's always other stuff in the logobar\n // Use wordmark logo only above small width\n .lits_page & {\n justify-content: flex-start;\n align-items: center;\n\n & #logo {\n display: none;\n }\n\n & #logo-small {\n display: flex; // pretty much just to vertically center the svg block element\n }\n\n @include breakpoint($small-width) {\n & #logo {\n display: flex; // pretty much just to vertically center the svg block element\n }\n\n & #logo-small {\n display: none;\n }\n }\n }\n\n @include breakpoint($medium-width) {\n // at breakpoint on homepage, more stuff shows up in logobar so left align logo.\n body.lits_homepage & {\n justify-content: flex-start;\n }\n }\n\n & #logo {\n margin-top: $word-default-margin;\n margin-bottom: $word-default-margin;\n padding-left: $word-default-margin - 8px;\n padding-right: $word-default-margin;\n\n & img {\n max-height: $word-logo-image-max-height;\n display: block;// must be block; inline-block reserves veritcal height for hanging letters, which we do not want\n margin: auto;\n }\n }\n\n & #logo-small {\n margin-top: $mono-default-margin;\n margin-bottom: $mono-default-margin;\n padding-left: $mono-default-margin - 8px;\n padding-right: $mono-default-margin;\n\n & img {\n max-height: $mono-logo-image-max-height;\n display: block;// must be block; inline-block reserves veritcal height for hanging letters, which we do not want\n margin: auto;\n }\n }\n }\n\n /* I.B. Logobar > TopNav section */\n\n #logobar .topnav-container {\n margin: auto 0;\n // because of the underline on the logo, perfectly centering text is too low @see _logobar_branding.scss for accompanying rule for \"LITS\" in the lockup\n & > * {\n margin-bottom: 5px;\n }\n\n #search-toggle {\n display: inline-block;\n padding-left: 1rem;\n padding-right: 0;\n border: none;\n background: transparent;\n font-size: 1rem;\n white-space: nowrap; // Don't let the carat float below the text at small widths.\n\n @include link-bluebg;\n\n .expandable.expandable--open & svg {\n transform: rotate(180deg);\n }\n\n .lits_homepage & {\n display: none;\n }\n }\n\n a {\n display: none;\n padding: 0 1rem;\n border-right: 1px solid $white;\n font-size: 1rem;\n\n @include focus($white);\n\n @include breakpoint($medium-width) {\n display: inline-block;\n }\n\n .lits_homepage &.accounts {\n padding-right: 0;\n border-right: none;\n }\n }\n }\n\n /* II. Searchbar */\n\n // @see 02-molecules/lits-search-form/_unified-search-form.scss\n // @see 04-templates/_lits-homepage.scss\n #searchbar {\n \n @include breakpoint($medium-width) {\n position: absolute;\n z-index: 2;\n }\n\n // .layout-stripe sets width 100%, margin 0, padding 0.\n // Contains div.layout-container.layout-zone for flex and squishy edges.\n // @include breakpoint($medium-width) {\n // min-height: 208px;\n // }\n\n //TODO add drupal menu offsets too?\n\n #search-blocks-container {\n display: none;\n\n .layout-container {\n // @include breakpoint($medium-width) {\n // height: 208px;\n // }\n\n align-items: center;\n }\n }\n }\n\n /* III. Imagebar */\n\n #imagebar {\n // .layout-stripe sets width 100%, margin 0, padding 0.\n display: none;\n height: 0;\n // margin-top: 60px; // TODO deal with admin toolbars later\n // margin-bottom: -108px;\n // TODO: allow node to override:\n\n @include breakpoint($medium-width) {\n display: block;\n height: $imagebar-height;\n background: $white url('../images/banners/williston-beauty-large-banner.jpg') no-repeat center center;\n background-size: 100%;\n }\n\n @include breakpoint($large-width) {\n background: $white url('../images/banners/williston-beauty-xl-banner.jpg') no-repeat center center;\n background-size: 100%;\n }\n\n @include breakpoint($max-width) {\n background: $white url('../images/banners/williston-beauty-full-banner.jpg') no-repeat center center;\n background-size: 100%;\n }\n }\n\n /* IV. Menubar */\n\n #menubar {\n background-color: $med-blue;\n\n // .layout-stripe sets width 100%, margin 0, padding 0.\n\n // Last menu on mobile view needs a separator too <3\n @include squishy-padding(bottom);\n\n @include breakpoint($medium-width) {\n padding: 0;\n }\n\n #menu-background {\n display: none;\n }\n\n @include breakpoint($medium-width) {\n // padding-top: 256px - 48px; // height of imagebar - height of menubar\n background-color: $fully-transparent;\n\n #menu-background {\n display: block;\n height: $main-menubar-height;\n margin-bottom: -$main-menubar-height;\n background-color: $med-blue;\n }\n }\n }\n}\n","/**\n * @file\n * Styles for elements common to all pages (homepage and not)\n */\n\nhtml {\n box-sizing: border-box;\n}\n\n*,\n*::after,\n*::before {\n box-sizing: inherit;\n}\n\n* {\n @include focus;\n}\n\n// Skip to main link should be fixed behind the header by default and pop above the header on focus\n#skip-to-main {\n position: fixed;\n top: 0;\n z-index: -1;\n background-color: $white;\n color: $white;\n padding: 1rem;\n}\n\n#skip-to-main:focus {\n z-index: 3;\n color: $dark-blue;\n}\n\nbody .dialog-off-canvas-main-canvas {\n @include full-viewport;\n}\n\n\n#main-content {\n width: 100%;\n margin-bottom: 1rem;\n\n}\n\n\n/* V. Messages */\n\n.layout-container {\n display: flex;\n flex-flow: row wrap;\n justify-content: space-between;\n}\n\n.layout-stripe {\n width: 100%;\n margin: 0;\n padding: 0;\n}\n\n.layout-zone {\n @include clearfix();\n @include squishy-padding(right);\n @include squishy-padding(left);\n\n & {\n max-width: $max-width;\n margin: 0 auto;\n }\n\n\n .service_desk &,\n .study_space & {\n margin: 0;\n padding: 0;\n\n @include breakpoint($small-width) {\n @include squishy-padding(right);\n @include squishy-padding(left);\n\n & {\n margin: 0 auto;\n }\n }\n }\n}\n\n.layout-zone-left {\n @include clearfix;\n @include squishy-gutter(right);\n @include squishy-padding(left, stretch);\n}\n\n.layout-zone-right {\n @include clearfix;\n @include squishy-padding(right, stretch);\n @include squishy-gutter(left);\n}\n\n// TODO: find a better place for this in 01-atoms.\n.fa-share-square,\n.fa-share-from-square {\n margin-bottom: 0.1em;\n padding-left: 0.1em;\n font-size: 0.85em;\n}\n","/**\n * @file\n * Styles for all non-homepage pages.\n */\n\n/* Layout */\n\n#main-wrapper {\n // .layout-zone sets clearfix and squishy edges.\n z-index: 1;\n}\n\n#main-content.main-sidebar-side {\n // Set up flex defaults so the sidebar position can depend on viewport size.\n @extend .layout-container;\n\n #main-wrapper {\n @include responsive-basis(100%, 62%, 62%, stretch);\n @include squishy-padding(bottom);\n\n & {\n box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);\n }\n\n @include breakpoint($medium-width) {\n box-shadow: 2px 0 2px rgba(0, 0, 0, 0.4);\n\n // Override default squishy-padding from .layout-zone:\n @include squishy-padding(left, stretch);\n @include squishy-gutter(right);\n }\n }\n\n #sidebar-wrapper {\n @include responsive-basis(100%, 38%, 38%, stretch);\n\n @include breakpoint($medium-width) {\n // Establish this as a layout-zone-right.\n @include squishy-padding(right, stretch);\n @include squishy-gutter(left);\n\n #sidebar-container {\n flex-direction: column;\n\n & > * {\n width: 100%;\n }\n }\n }\n }\n}\n\n#main-content.main-sidebar-foot {\n #main-wrapper {\n // TODO: doesn't show up?\n box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);\n }\n}\n\n/* Elements */\n\n#block-lits-theme-breadcrumbs {\n margin-top: $space;\n font-size: 1rem;\n}\n\n// Don't pad, even if there's a list of status messages of a single type.\n#messagebar ul {\n padding-left: 0;\n}\n","/**\n * @file\n * Rules for sidebar layout and formatting.\n *\n * 300px – 599px: single column, flush to edges.\n * 600px – 899px: no more than 2 columns, squishy edges and gutters.\n * 900px – 1199px:\n * - sidebar-side: single column, squishy gutter left and padding right.\n * - sidebar-foot: no more than 3 columns, squishy edges and gutters.\n * 1200px and up:\n * - sidebar-side: single column, squishy gutter left and padding right.\n * - sidebar-foot: no more than 4 columns, squishy edges and gutters.\n *\n * All elements have squishy-gutter for internal padding, max of 1rem.\n * All elements not flush to edges get a box shadow.\n * If more than one row is necessary, group by type (menu or service desk).\n * Form (study space finder) is always a singleton.\n * Department blocks work like service desk teaser blocks.\n */\n$content-max-width: $max-width;\n$sidebar-item-max-width: 520px;\n\n#sidebar-wrapper {\n width: 100%;\n\n @include clearfix;\n\n @include breakpoint($small-width) {\n background-color: $pale-gray;\n }\n\n h2 {\n margin: 0;\n font-size: 1.25rem;\n line-height: 1.5rem;\n }\n\n // Default case, menus and desks are in a centered column, 100% wide (max of 520px), gutters above small width\n #sidebar-container {\n display: flex;\n flex-flow: column nowrap;\n justify-content: center;\n align-items: center;\n width: 100%;\n max-width: $max-width;\n margin: 0 auto;\n\n .sidebar-nav-wrapper,\n #block-lits-theme-views-block-service-desk-block-block-1,\n .views-row {\n width: 100%;\n }\n }\n\n @include breakpoint($small-width) {\n & {\n @include squishy-gutter(top);\n @include squishy-gutter(right, 0.5);\n @include squishy-gutter(left, 0.5);\n }\n\n #sidebar-container {\n flex-flow: row wrap;\n align-items: flex-start;\n }\n\n .sidebar-nav-wrapper,\n .views-row {\n max-width: $sidebar-item-max-width;\n }\n\n .service-desk-block-container {\n display: flex;\n flex-flow: row wrap;\n justify-content: center;\n }\n\n .sidebar-nav-wrapper,\n .views-row {\n @include squishy-gutter(bottom);\n @include squishy-gutter(left, 0.5);\n @include squishy-gutter(right, 0.5);\n }\n }\n\n @include breakpoint($medium-width) {\n &.sidebar-side .sidebar-nav-wrapper,\n &.sidebar-side .views-row {\n @include squishy-gutter(bottom);\n @include squishy-gutter(left, 0);\n @include squishy-gutter(right, 0);\n }\n\n &.sidebar-side .service-desk-block-container {\n justify-content: flex-start;\n }\n }\n\n // 4 items:\n // small: 2x2 grid\n // med, foot: 2x2 grid\n // lg, foot: 25% horizontal\n // med, side: 100% vertical\n // lg, side: 100% vertical\n @include breakpoint($small-width) {\n & #sidebar-container.menu-2.desk-2 {\n .sidebar-nav-wrapper,\n .views-row {\n width: 50%;\n }\n\n #block-lits-theme-views-block-service-desk-block-block-1 {\n width: 100%;\n }\n }\n }\n\n @include breakpoint($medium-width) {\n &.sidebar-side #sidebar-container.menu-2.desk-2 {\n .sidebar-nav-wrapper,\n .views-row {\n width: 100%;\n }\n\n #block-lits-theme-views-block-service-desk-block-block-1 {\n width: 100%;\n }\n }\n }\n\n @include breakpoint($large-width) {\n &.sidebar-foot #sidebar-container.menu-2.desk-2 {\n .sidebar-nav-wrapper {\n width: 25%;\n }\n\n #block-lits-theme-views-block-service-desk-block-block-1 {\n width: 50%;\n }\n\n .views-row {\n width: 50%;\n }\n }\n }\n\n // 3 items:\n // small: 50%, two-of-a-kind side-by-side and third centered on separate line\n // med, foot: 33% horizontal\n // lg, foot: 33% horizontal\n // med, side: 100% vertical\n // lg, side: 100% vertical\n\n @include breakpoint($small-width) {\n & #sidebar-container.menu-2.desk-1 {\n .sidebar-nav-wrapper {\n width: 50%;\n }\n\n #block-lits-theme-views-block-service-desk-block-block-1 {\n width: 100%;\n }\n }\n\n & #sidebar-container.menu-1.desk-2 {\n .views-row {\n width: 50%;\n }\n\n #block-lits-theme-views-block-service-desk-block-block-1 {\n width: 100%;\n }\n }\n }\n\n @include breakpoint($medium-width) {\n &.sidebar-foot #sidebar-container {\n &.menu-2.desk-1 {\n .sidebar-nav-wrapper {\n width: calc(100% / 3);\n }\n\n #block-lits-theme-views-block-service-desk-block-block-1 {\n width: calc(100% / 3);\n max-width: $sidebar-item-max-width;\n }\n }\n\n &.menu-1.desk-2 {\n .sidebar-nav-wrapper {\n width: calc(100% / 3);\n }\n\n #block-lits-theme-views-block-service-desk-block-block-1 {\n width: calc(100% * 2 / 3);\n max-width: $sidebar-item-max-width * 2;\n\n .views-row {\n width: 50%;\n }\n }\n }\n }\n\n &.sidebar-side #sidebar-container {\n &.menu-1.desk-2 {\n #block-lits-theme-views-block-service-desk-block-block-1 .views-row {\n width: 100%;\n }\n }\n }\n }\n\n // 2 items:\n // small: 50% side-by-side\n // med, foot: 50% side-by-side\n // lg, foot: 50% side-by-side\n // med, side: 100% vertical\n // lg, side: 100% vertical\n\n @include breakpoint($small-width) {\n #sidebar-container.menu-0.desk-2 {\n #block-lits-theme-views-block-service-desk-block-block-1 {\n width: 100%;\n\n .views-row {\n width: 50%;\n }\n }\n }\n\n #sidebar-container.menu-1.desk-1 {\n .sidebar-nav-wrapper {\n width: 50%;\n }\n\n #block-lits-theme-views-block-service-desk-block-block-1 {\n width: 50%;\n max-width: $sidebar-item-max-width;\n\n .views-row {\n width: 100%;\n }\n }\n }\n\n #sidebar-container.menu-2.desk-0 {\n .sidebar-nav-wrapper {\n width: 50%;\n }\n }\n }\n\n @include breakpoint($medium-width) {\n &.sidebar-side #sidebar-container.menu-0.desk-2,\n &.sidebar-side #sidebar-container.menu-1.desk-1 {\n #block-lits-theme-views-block-service-desk-block-block-1 {\n width: 100%;\n\n .views-row {\n width: 100%;\n }\n }\n }\n }\n\n // 1 item:\n // small: 50% centered\n // medium+: 100%\n @include breakpoint($small-width) {\n #sidebar-container.menu-0.desk-1,\n #sidebar-container.menu-1.desk-0 {\n .sidebar-nav-wrapper,\n .views-row {\n width: 50%;\n }\n\n #block-lits-theme-views-block-service-desk-block-block-1 {\n width: 100%;\n }\n }\n }\n\n @include breakpoint($medium-width) {\n #sidebar-container.menu-0.desk-1,\n #sidebar-container.menu-1.desk-0 {\n .sidebar-nav-wrapper,\n .views-row {\n width: 100%;\n }\n\n #block-lits-theme-views-block-service-desk-block-block-1 {\n width: 100%;\n }\n }\n }\n}\n","/**\n * @file\n * Styles that apply to specific pages.\n *\n * TODO: these should probably be moved to a less general location.\n */\n\n.study-space-finder header {\n @include breakpoint($page-tablet-portrait) {\n width: 100%;\n }\n}\n\n// Departments list gets a
    in the view row.\n.views-row header {\n margin: 0;\n border: none;\n\n h3 {\n margin: 0;\n }\n}\n\n/** search page styling **/\nh2.bentos {\n font-style: italic;\n}\n\n.bentos.grid-container {\n width: 100%;\n height: 100%;\n display: grid;\n grid-gap: 10px;\n list-style: none;\n margin: 0 0 1em auto;\n padding: 0;\n grid-template-areas:\n \"websiteSearch\"\n \"guidesSearch\";\n\n /** @media (min-width: $small-width) and (max-width: $large-width) {\n grid-template-areas:\n \"bento-1 bento-2\"\n \"bento-3 .\";\n }\n **/\n\n @include breakpoint($large-width) {\n grid-template-areas: \"websiteSearch guidesSearch\";\n grid-template-columns: 1fr 1fr;\n }\n}\n\n.bento-1 {\n grid-area: websiteSearch;\n}\n\n.bento-3 {\n grid-area: guidesSearch;\n}\n","@use \"sass:math\";\n\n// See http://refills.bourbon.io/components/#flashes.\n$base-spacing: 1.5em !default;\n$statuses: (\n \"warning\": #f9fb93,\n \"error\": #fbe3e4,\n \"status\": #cfefc2,\n) !default;\n\n@each $status-type, $color in $statuses {\n .status--#{$status-type} {\n background-color: $color;\n color: shade($color, 60%);\n display: block;\n margin-bottom: math.div($base-spacing, 2);\n padding: math.div($base-spacing, 2);\n text-align: center;\n\n a {\n color: shade($color, 70%);\n text-decoration: underline;\n\n &:focus,\n &:hover {\n color: shade($color, 90%);\n }\n }\n\n .placeholder {\n font-style: normal;\n font-weight: 800;\n }\n }\n}\n","/**\n * @file\n * Custom styles for the study spaces filter.\n *\n * @see lits_search_form_views_exposed_form_alter().\n */\n.study-space-filters {\n line-height: 1rem;\n background-color: $white;\n\n @include breakpoint($small-width) {\n width: 100%;\n }\n\n #views-exposed-form-study-spaces-page-1 {\n @include breakpoint($small-width) {\n height: 1000px;\n display: grid;\n grid-template-columns: 50% 50%;\n }\n\n @include breakpoint($medium-width) {\n height: auto;\n display: flex;\n flex-direction: column;\n }\n }\n\n .form-item-intro {\n background-color: $green;\n\n @include breakpoint($small-width) {\n max-width: none;\n grid-column-end: span 2;\n }\n }\n\n .filters-title {\n display: none;\n }\n\n .js-form-item {\n padding-left: 1rem;\n padding-right: 1rem;\n\n @include breakpoint($small-width) {\n grid-column-end: span 2;\n }\n }\n\n .form-item-scope {\n padding-bottom: 0.5rem;\n padding-left: 1rem;\n margin: 1rem;\n\n @include breakpoint($small-width) {\n grid-column-end: span 2;\n }\n }\n\n fieldset {\n border: 1px dashed $pale-gray;\n margin: 1rem;\n }\n\n .form-actions {\n margin: 1rem;\n }\n\n legend {\n padding: 0 15px;\n }\n\n label,\n .space-search {\n font-weight: 400;\n font-size: 0.9rem;\n margin: 0;\n }\n\n .space-search-type {\n color: $raspberry;\n font-size: 1.1rem;\n font-weight: bold;\n font-style: italic;\n padding-top: 5px;\n }\n}\n","/**\n* @file\n*\n* Kind of use sidebar-like styles for the filters\n*/\n\n.study-space-finder {\n // Set up flex defaults so the sidebar position can depend on viewport size.\n @extend .layout-container;\n\n align-items: flex-start; // don't stretch the height of the filters/results\n\n .find-reservable-msg {\n width: 100%;\n text-align: center;\n margin-bottom: 1em;\n }\n\n .filters-title {\n margin: 0;\n\n button {\n display: flex;\n align-items: center;\n width: 100%;\n background-color: $green;\n color: $white;\n line-height: normal;\n padding: 10px 15px;\n border: 0;\n font-size: 1.6rem;\n }\n }\n\n &.expandable button svg {\n &.fa-chevron-down {\n margin-left: 0.25em;\n }\n }\n\n &.expandable--open button svg {\n &.fa-chevron-down {\n transform: rotate(180deg);\n }\n }\n\n .filters {\n @include responsive-basis(100%, 38%, 38%, stretch);\n\n & {\n margin-bottom: 1em;\n }\n\n @include breakpoint($medium-width) {\n box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);\n border-left: 1px solid rgba(0, 0, 0, 0.4);\n border-bottom: 1px solid rgba(0, 0, 0, 0.4);\n margin-bottom: 0;\n }\n }\n\n .results {\n @include responsive-basis(100%, 62%, 62%, stretch);\n\n @include breakpoint($medium-width) {\n // Establish this as a layout-zone-left.\n @include squishy-gutter('left');\n }\n }\n}\n","body.system_status {\n #system-status table.no-table {\n @include untablify;\n\n .status {\n text-align: left;\n }\n\n .form-item {\n max-width: 100%;\n }\n\n textarea {\n width: 100%;\n }\n }\n}\n","/**\n * @file\n * Styles for elements specific to the LITS homepage\n */\n\n// TODO: remove this unused rule when we’ve satisified its TODOs.\n// .homepage-image {\n// background: $black url('img/white-1x1.png') center top no-repeat;\n// }\n// TODO: remove that image file if we don’t need it.\n// TODO: move the actual college logo from db into theme!\n\n/* I. Titlebar */\n\n#titlebar {\n // .layout-stripe sets width 100%, margin 0, padding 0.\n // box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);\n // Contains div.layout-container.layout-zone for flex and squishy edges.\n\n & .layout-container {\n flex-flow: column nowrap;\n flex: 0 0 auto;\n align-items: center;\n\n #title-wrapper {\n width: auto;\n padding-right: 0;\n text-align: center;\n\n p {\n padding-top: 0 !important; // remove large-width padding-top\n }\n }\n\n #search-container {\n width: 100%;\n max-width: $large-width;\n }\n\n #block-lits-theme-local-tasks,\n #block-lits-theme-local-actions {\n align-self: flex-start;\n }\n }\n}\n\n#title-wrapper {\n flex: 1 1 auto;\n width: 100%;\n margin-top: 1rem;\n margin-bottom: 1rem;\n\n @include breakpoint($large-width) {\n width: 40%;\n }\n\n h1 {\n margin-top: 0;\n line-height: 1;\n }\n\n p {\n font-size: 1rem;\n margin: 0;\n line-height: 1.5;\n\n @include breakpoint($large-width) {\n padding-top: 1rem;\n }\n }\n}\n\n@include breakpoint($large-width) {\n #title-wrapper {\n @include squishy-gutter(right);\n }\n}\n\nh1 .subtitle {\n color: $dark-blue;\n font-style: normal;\n font-weight: normal;\n font-size: 1.2rem;\n line-height: 1.4;\n padding-top: 0.4rem;\n}\n\n#search-container {\n flex: 1 1 auto;\n margin-top: 1rem;\n margin-bottom: 1rem;\n width: 100%;\n\n @include breakpoint($large-width) {\n width: 60%;\n }\n}\n\n/* II. Newsbar */\n\n#newsbar {\n // .layout-stripe sets width 100%, margin 0, padding 0.\n margin-bottom: 2px;\n // Contains div.layout-zone for squishy edges.\n\n h2,\n &.newsbar-sidebar-side .featured-resources-wrapper h2 { // my bad, ew\n padding: 0;\n margin: 1em 0;\n font-size: 1.5em;\n line-height: 2rem;\n }\n\n a.see-all-posts {\n @include button;\n @include focus($dark-blue, link);\n\n & {\n width: 10rem;\n margin-bottom: 2rem;\n }\n }\n\n // .has-link-tiles {\n // ul {\n // margin-top: -0.5rem;\n // }\n\n // li {\n // width: 100%;\n\n // @include breakpoint($small-width) {\n // width: 41%;\n // }\n\n // @include breakpoint($large-width) {\n // width: 26%;\n // }\n\n // a {\n // border-radius: 0;\n // background-color: $white;\n // box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);\n // justify-content: center; // ugh also\n // }\n\n // &:nth-child(6n+1) a {\n // border-top: 4px solid $raspberry;\n // }\n\n // &:nth-child(6n+2) a {\n // border-top: 4px solid $gray;\n // }\n\n // &:nth-child(6n+3) a {\n // border-top: 4px solid $light-blue;\n // }\n\n // &:nth-child(6n+4) a {\n // border-top: 4px solid $light-green;\n // }\n\n // &:nth-child(6n+5) a {\n // border-top: 4px solid $light-orange;\n // }\n\n // &:nth-child(6n+6) a {\n // border-top: 4px solid $red;\n // }\n\n // &.tdx-tile {\n // width: 100%;\n\n // svg {\n // overflow: visible;\n // box-sizing: content-box;\n // display: var(--fa-display, inline-block);\n // height: 2em;\n // vertical-align: -0.125em;\n // }\n\n // img {\n // height: 5em;\n // margin: auto;\n // }\n\n // a {\n // border-top: 4px solid $dark-blue !important;\n // }\n // }\n // }\n // }\n\n #news-items-container {\n flex-flow: column nowrap;\n\n .news-item {\n width: 100%;\n }\n }\n\n // Sidebar-ify\n &.newsbar-sidebar-side {\n // Set up flex defaults so the sidebar position can depend on viewport size.\n @extend .layout-container;\n\n #news-events {\n box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);\n @include responsive-basis(100%, 62%, 62%, stretch);\n @include squishy-padding(bottom);\n\n @include breakpoint($medium-width) {\n box-shadow: 2px 0 2px rgba(0, 0, 0, 0.4);\n\n // Override default squishy-padding from .layout-zone:\n @include squishy-padding(left, stretch);\n @include squishy-gutter(right);\n }\n }\n\n .featured-resources-wrapper {\n @extend #sidebar-wrapper;\n\n @include responsive-basis(100%, 38%, 38%, stretch);\n\n & {\n box-shadow: 2px 0 2px rgba(0, 0, 0, 0.4);\n }\n\n @include breakpoint($medium-width) {\n // Establish this as a layout-zone-right.\n @include squishy-padding(right, stretch);\n @include squishy-gutter(left);\n\n .featured-resources {\n flex-direction: column;\n\n & > * {\n width: 100%;\n }\n }\n }\n }\n }\n\n &.newsbar-sidebar-side .featured-resources-wrapper {\n padding-top: 0;\n }\n}\n"],"names":[],"sourceRoot":""} \ No newline at end of file diff --git a/templates/fields/field--field-resource.html.twig b/templates/fields/field--field-resource.html.twig new file mode 100644 index 0000000..abcf981 --- /dev/null +++ b/templates/fields/field--field-resource.html.twig @@ -0,0 +1,23 @@ +{# +/** + * @file + * Theme override for featured resource tiles + * + * Available variables: + * - attributes: HTML attributes for the containing element. + * - label_hidden: Whether to show the field label or not. + * - title_attributes: HTML attributes for the title. + * - label: The label for the field. + * - multiple: TRUE if a field can contain multiple items. + * - items: List of all the field items. Each item contains: + * - attributes: List of HTML attributes for each item. + * - content: The field item's content. + * - entity_type: The entity type to which the field belongs. + * - field_name: The name of the field. + * - field_type: The type of the field. + * - label_display: The display settings for the label. + * + * @see template_preprocess_field() + */ +#} +{% include "@compounds/featured-resources/_field-resource.twig" %} diff --git a/templates/fields/field--node--field-tags--pretty-article.html.twig b/templates/fields/field--node--field-tags--pretty-article.html.twig new file mode 100644 index 0000000..f1df0be --- /dev/null +++ b/templates/fields/field--node--field-tags--pretty-article.html.twig @@ -0,0 +1,40 @@ +{# +/** + * @file + * Theme override for a field. + * + * To override output, copy the "field.html.twig" from the templates directory + * to your theme's directory and customize it, just like customizing other + * Drupal templates such as page.html.twig or node.html.twig. + * + * Instead of overriding the theming for all fields, you can also just override + * theming for a subset of fields using + * @link themeable Theme hook suggestions. @endlink For example, + * here are some theme hook suggestions that can be used for a field_foo field + * on an article node type: + * - field--node--field-foo--article.html.twig + * - field--node--field-foo.html.twig + * - field--node--article.html.twig + * - field--field-foo.html.twig + * - field--text-with-summary.html.twig + * - field.html.twig + * + * Available variables: + * - attributes: HTML attributes for the containing element. + * - label_hidden: Whether to show the field label or not. + * - title_attributes: HTML attributes for the title. + * - label: The label for the field. + * - multiple: TRUE if a field can contain multiple items. + * - items: List of all the field items. Each item contains: + * - attributes: List of HTML attributes for each item. + * - content: The field item's content. + * - entity_type: The entity type to which the field belongs. + * - field_name: The name of the field. + * - field_type: The type of the field. + * - label_display: The display settings for the label. + * + * @see template_preprocess_field() + */ +#} +{% set displayLikeBreadcrumbs = true %} +{% include "@elements/11-tags/_tags.twig" %} diff --git a/templates/paragraphs/paragraph--banner.html.twig b/templates/paragraphs/paragraph--banner.html.twig new file mode 100644 index 0000000..9cb3341 --- /dev/null +++ b/templates/paragraphs/paragraph--banner.html.twig @@ -0,0 +1,12 @@ +{# +/** + * @file + * Theme override to display a banner paragraph. + * + * @see templates/paragraphs/paragraph.html.twig + * @see template_preprocess_paragraph() + * + * @ingroup themeable + */ +#} +{% include "@compounds/paragraphs/banner/_banner.twig" %} diff --git a/templates/paragraphs/paragraph--resource-panel.html.twig b/templates/paragraphs/paragraph--resource-panel.html.twig new file mode 100644 index 0000000..171467c --- /dev/null +++ b/templates/paragraphs/paragraph--resource-panel.html.twig @@ -0,0 +1,14 @@ +{# +/** + * @file + * Theme override to display a resource panel paragraph. + * + * @see templates/paragraphs/paragraph.html.twig + * @see template_preprocess_paragraph() + * + * @ingroup themeable + */ +#} +{% include "@compounds/paragraphs/resource-panel/_resource-panel.twig" %} + +