From cb55d58f2903a2bae61b3899f264c6027b3a7dd5 Mon Sep 17 00:00:00 2001 From: Abby Drury Date: Fri, 26 Jul 2024 08:19:33 -0400 Subject: [PATCH 1/3] Style banner paragraphs --- .../paragraphs/banner/_banner.scss | 39 +++ .../paragraphs/banner/_banner.twig | 22 ++ dist/lits_theme.css | 41 ++++ dist/lits_theme.css.map | 2 +- package-lock.json | 222 ++++++++---------- .../paragraphs/paragraph--banner.html.twig | 12 + 6 files changed, 217 insertions(+), 121 deletions(-) create mode 100644 components/02-compounds/paragraphs/banner/_banner.scss create mode 100644 components/02-compounds/paragraphs/banner/_banner.twig create mode 100644 templates/paragraphs/paragraph--banner.html.twig diff --git a/components/02-compounds/paragraphs/banner/_banner.scss b/components/02-compounds/paragraphs/banner/_banner.scss new file mode 100644 index 0000000..dda8a7e --- /dev/null +++ b/components/02-compounds/paragraphs/banner/_banner.scss @@ -0,0 +1,39 @@ +@mixin banner-style($typeColor) { + & { + border: 3px solid $typeColor; + background-color: mix($white, $typeColor, 95%); + + .fontawesome-icon { + color: mix($black, $typeColor, 50%); + } + + div { + display: inline-block; + } + } +} + +.banner { + padding: 1em; + margin: 1em 0; + + &.info { + @include banner-style($light-blue); + } + + &.warning { + @include banner-style($yellow); + } + + &.error { + @include banner-style($raspberry); + } + + p { + margin: 0; + } + + a { + text-decoration: underline; + } +} diff --git a/components/02-compounds/paragraphs/banner/_banner.twig b/components/02-compounds/paragraphs/banner/_banner.twig new file mode 100644 index 0000000..09e4142 --- /dev/null +++ b/components/02-compounds/paragraphs/banner/_banner.twig @@ -0,0 +1,22 @@ +{# +/** + * @file + * Theme override to display a banner paragraph. + * + * @see templates/paragraphs/paragraph.html.twig + * @see template_preprocess_paragraph() + * + * @ingroup themeable + */ +#} +{% set classes = [ + 'banner', + content.field_banner_type[0]['#markup'] | striptags | trim | lower +] %} + + + + diff --git a/dist/lits_theme.css b/dist/lits_theme.css index 1f1b16a..c0a67de 100644 --- a/dist/lits_theme.css +++ b/dist/lits_theme.css @@ -4382,6 +4382,47 @@ a.topbar-menu__link:visited:hover { display: block; } +.banner { + padding: 1em; + margin: 1em 0; +} +.banner.info { + border: 3px solid #00a9e0; + background-color: #f2fbfd; +} +.banner.info .fontawesome-icon { + color: #005570; +} +.banner.info div { + display: inline-block; +} +.banner.warning { + border: 3px solid #f1c400; + background-color: #fefcf2; +} +.banner.warning .fontawesome-icon { + color: #796200; +} +.banner.warning div { + display: inline-block; +} +.banner.error { + border: 3px solid #a20067; + background-color: #faf2f7; +} +.banner.error .fontawesome-icon { + color: #510034; +} +.banner.error div { + display: inline-block; +} +.banner p { + margin: 0; +} +.banner a { + text-decoration: underline; +} + .downloadable-image-gallery .grid > div { display: flex; flex-flow: row wrap; diff --git a/dist/lits_theme.css.map b/dist/lits_theme.css.map index bd874c3..1ceefa9 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;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;;A0D/wIA;EACE;EACA;A1DkxIF;A0DlyIE;EACE;EACA;A1DoyIJ;A0DlyII;EACE;A1DoyIN;A0DjyII;EACE;A1DmyIN;A0D5yIE;EACE;EACA;A1D8yIJ;A0D5yII;EACE;A1D8yIN;A0D3yII;EACE;A1D6yIN;A0DtzIE;EACE;EACA;A1DwzIJ;A0DtzII;EACE;A1DwzIN;A0DrzII;EACE;A1DuzIN;A0DlyIE;EACE;A1DoyIJ;A0DjyIE;EACE;A1DmyIJ;;A2Dv0IA;EACE;EACA;EACA;EACA;A3D00IF;AS9wII;EkDzDA;IACE;E3D00IJ;AACF;ASnxII;EkDnDA;IACE;E3Dy0IJ;AACF;A2Dt0IE;EACE;EACA;EACA;A3Dw0IJ;;A4D71IA;EACE;A5Dg2IF;A4D91IE;EACE;A5Dg2IJ;A4D71IE;EACE;EACA,yBvDKQ;AL01IZ;A4D71II;;;EAGE,cvD+BS;ALg0If;A4D51II;EACE,cvDGO;AL21Ib;A4D31II;EACE;A5D61IN;;A6Dn3IA;;;EAAA;AAKA;EACE;EACA;EACA;EACA;EACA;EACA;A7Dq3IF;;A6Dl3IA;EACE;EACA;EACA;EACA;A7Dq3IF;;A6Dj3IE;EACE;EACA;EACA;EACA;EACA;EACA,WxDUS;EwDTT;A7Do3IJ;A6Dj3IE;EACE;A7Dm3IJ;ASp1II;EoDhCF;IAII;E7Do3IJ;AACF;ASz1II;EoDhCF;IAQI;E7Dq3IJ;AACF;;A8D75IE;EACE;EACA;EACA;EACA,czD6BG;ALm4IP;A8D95II;EACE;A9Dg6IN;A8D55IE;EACE;EACA;A9D85IJ;A8D35IE;EACE;EACA;EACA;EACA;A9D65IJ;A8D15II;EACE;A9D45IN;A8Dz5II;;EAEE;EACA;EACA;A9D25IN;A8Dx5II;;EAEE;A9D05IN;A8Dv5II;;EAEE;A9Dy5IN;A8Dv5IM;;EACE;A9D05IR;A8Dv5IM;;EACE;EACA,czDhBD;AL06IP;A8Dt5II;EACE;EACA;A9Dw5IN;A8Dt5IM;EACE;EhDfN;EACA;EACA;EACA;EACA;EACA;EACA;EACA;Adw6IF;Act6IE;EACE,WT7CO;ALq9IX;Act6II;EACE,cAd8I;Ads7IpJ;A8Dh6II;EACE;A9Dk6IN;A8D/5II;EACE;EACA,czDrCC;ALs8IP;A8D95II;EACE;A9Dg6IN;A8D95IM;;EAEE;A9Dg6IR;A8D75IM;EACE;EACA;A9D+5IR;A8D35II;EACE;A9D65IN;A8D35IM;;EAEE;A9D65IR;A8D15IM;EACE;EACA;A9D45IR;A8Dx5II;EACE;A9D05IN;A8Dx5IM;;EAEE;A9D05IR;A8Dv5IM;EACE;EACA;A9Dy5IR;A8Dr5II;EACE;A9Du5IN;A8Dr5IM;EACE;EACA;A9Du5IR;A8Dp5IM;EACE;EACA;A9Ds5IR;A8Dl5IM;EACE,czDzGA;AL6/IR;A8Dh5IM;EACE,czDhFC;ALk+IT;A8D94IM;EACE,czDtHF;ALsgJN;A8Dz4IM;;;;EAIE,czDjHI;AL4/IZ;A8Dt4IM;EACE;A9Dw4IR;A8Dr4IM;EACE;EACA;EACA,czDlID;ALygJP;A8Dr4IQ;EACE;A9Du4IV;A8Dl4II;EACE;EACA;A9Do4IN;A8Dj4II;EACE;EACA;EhDvIJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;Ad2gJF;AczgJE;EACE,WT7CO;ALwjJX;AczgJI;EACE,cAd8I;AdyhJpJ;ASpgJI;EF4GF;;;;;;IAME;IACA;EP25IF;EOx5IA;IApFA;IACA;IACA;IACA;IACA;IACA;EP++IA;EO55IA;;IAEE;IACA;IACA;IACA;IACA;EP85IF;EO35IA;IACE;IACA;IACA;EP65IF;EO15IA;IACE;EP45IF;EOz5IA;IACE;EP25IF;EOx5IA;IACE;IACA;IACA;IACA;IACA;EP05IF;EOv5IA;IACE;IACA;EPy5IF;AACF;ASrjJI;EF+JA;IACE;IACA;EPy5IJ;EOt5IE;IACE;IACA;EPw5IJ;AACF;AS/jJI;EF2KA;IACE;EPu5IJ;EOp5IE;IACE;EPs5IJ;AACF;ASvkJI;EFqLA;IACE;EPq5IJ;EOl5IE;IACE;EPo5IJ;AACF;AS/kJI;EqD6HE;IACE;E9Dq9IN;AACF;;A+DppJA;EACE;EACA;EACA;EACA;A/DupJF;AS3lJI;EsDhEJ;IAOI;E/DwpJF;AACF;;A+DrpJA;EACE;A/DwpJF;;A+DrpJA;EACE;EACA;A/DwpJF;A+DtpJE;EACE,kB1DXO;E0DYP;EACA;A/DwpJJ;;A+DppJA;;;EAGE,mB1DRW;AL+pJb;;AgEprJA;;;EAAA;AAKA;EACE;EACA;EACA;EACA;AhEsrJF;AS/nJI;EuD3DJ;IAOI;EhEurJF;AACF;;ASpoJI;EuDhDJ;;IAGI;EhEurJF;AACF;;AgEprJA;EACE;AhEurJF;AS/oJI;EuDzCJ;IAII;IACA;EhEwrJF;AACF;ASrpJI;EuDzCJ;IASI;EhEyrJF;AACF;;AS1pJI;EuD5BJ;IAEI;IACA;IACA;IACA;EhEyrJF;AACF;;AgEtrJA;A9DoGE;EAGE;AFolJJ;ASxqJI;EPiFF;IAYM;EF+kJN;AACF;AS7qJI;EPiFF;IAmBM;EF6kJN;AACF;AgEjsJE;EACE;AhEmsJJ;;AgE/rJA;EACE,uB3D1CM;E2D2CN;AhEksJF;AEzmJE;EAGE;AFymJJ;AS7rJI;EPiFF;IAYM;EFomJN;AACF;ASlsJI;EPiFF;IAmBM;EFkmJN;AACF;AEtnJE;EAGE;AFsnJJ;AS1sJI;EPiFF;IAYM;EFinJN;AACF;AS/sJI;EPiFF;IAmBM;EF+mJN;AACF;AEnoJE;EAGE;AFmoJJ;ASvtJI;EPiFF;IAYM;EF8nJN;AACF;AS5tJI;EPiFF;IAmBM;EF4nJN;AACF;AEhpJE;EAGE;AFgpJJ;ASpuJI;EPiFF;IAYM;EF2oJN;AACF;ASzuJI;EPiFF;IAmBM;EFyoJN;AACF;AgE/uJE;EACE;AhEivJJ;;AiEjzJA;;;EAAA;AAKA;EACE;EACA;EACA;EACA;EACA;AjEmzJF;AiEjzJE;EACE;EACA;EACA;EACA;EACA;AjEmzJJ;;AkEp0JA;EACE;EACA;EACA;EACA;EAEA;AlEs0JF;AkEp0JE;EACE;AlEs0JJ;AS/wJI;EyDhEJ;IAaI;ElEs0JF;AACF;ASpxJI;EyDhEJ;IAiBI;ElEu0JF;AACF;;AkEl0JA;EACE;EACA,eAJ6B;AlEy0J/B;AkEn0JE;EACE;AlEq0JJ;AkEl0JE;EACE;EACA;EACA;AlEo0JJ;AkEl0JI;EACE;EACA;AlEo0JN;AkEl0JM;EACE;AlEo0JR;AkEh0JI;EACE;EACA;EACA;EACA;AlEk0JN;;AkE3zJE;;EACE;EACA;EACA;EACA;AlE+zJJ;AkE7zJI;;EACE;EACA;EACA;AlEg0JN;AkE5zJE;;;;;;;;EAIE;EACA;AlEk0JJ;AkEh0JI;;;;;;;;EACE;AlEy0JN;AkEr0JE;;EACE;AlEw0JJ;AkEt0JI;;;;;;EAGE;AlE20JN;AkEx0JI;;EACE;AlE20JN;AkEz0JM;;EACE;AlE40JR;AkEv0JE;;EACE;AlE00JJ;AkEv0JE;;EACE;EACA,c7D/EI;E6DgFJ,qBArF2B;AlE+5J/B;AkEv0JE;;EACE;AlE00JJ;;AmEx7JA;;;;;;EAAA;AAQA;EACE;AnE07JF;;AmEv7JA;AAEA;EAEE,Y9DHM;E8DIN,yB9DFS;AL07JX;AmEr7JE;EACE;AnEu7JJ;AS54JI;E0D5CF;IAII;EnEw7JJ;AACF;;AmEp7JA;AAEA;EACE;EACA;EACA;EACA;AnEs7JF;AEh5JE;EACE;EACA;EACA;AFk5JJ;AS95JI;EPSF;IAMI,UiEzCsB;EnE47J1B;AACF;ASn6JI;EPSF;IAUI,UiE7C2B;EnEi8J/B;AACF;ASx6JI;EPSF;IAcI,UiEjDgC;EnEs8JpC;AACF;AS76JI;EPSF;IAkBI;EFs5JJ;AACF;AEj2JE;EAGE;AFi2JJ;ASr7JI;EPiFF;IAYM;EF41JN;AACF;AS17JI;EPiFF;IAmBM;EF01JN;AACF;AE92JE;EAGE;AF82JJ;ASl8JI;EPiFF;IAYM;EFy2JN;AACF;ASv8JI;EPiFF;IAmBM;EFu2JN;AACF;AmEl+JE;EACE;EACA;AnEo+JJ;AsBpgKE;EACE;EACA,YARO;EASP;EACA,cjBDO;EiBEP;EACA,gBATU;EAUV;EACA,aAZQ;EAaR,cAdQ;EAeR,mBAZY;EAaZ;EACA;EACA;EACA;AtBsgKJ;AsBngKE;EACE,cjBfO;ALohKX;AsBlgKE;EACE,uBjBrBI;EiBsBJ,WjB1BO;AL8hKX;AOt4JE;EACE;EACA;APw4JJ;AO14JE;EACE;EACA;AP44JJ;AsBz/JE;EACE;AtB2/JJ;AmElgKI;EACE;AnEogKN;AmEjgKI;EAEE;AnEkgKN;ASx/JI;E0DLA;IACE;EnEggKJ;EmE7/JE;IACE;EnE+/JJ;AACF;;AShgKI;E0DKJ;IAEI;EnE8/JF;EEp7JA;IAGE;EFo7JF;AACF;ASzgKI;EPiFF;IAYM;EFg7JN;AACF;AS9gKI;EPiFF;IAmBM;EF86JN;AACF;;AmEtgKA;EACE;AnEygKF;;AmEtgKA;EACE;EACA;EACA;EACA;AnEygKF;AS9hKI;E0DiBJ;IAOI;EnE0gKF;AACF;;AmEvgKA;EACE;EACA;AnE0gKF;ASxiKI;E0D4BJ;IAKI;EnE2gKF;AACF;;AmExgKA;AAEA;EACE;EACA,yB9DlGU;AL4mKZ;AE1iKE;EACE;EACA;EACA;AF4iKJ;ASxjKI;EPSF;IAMI,UiE6BsB;EnEghK1B;AACF;AS7jKI;EPSF;IAUI,UiEyB2B;EnEqhK/B;AACF;ASlkKI;EPSF;IAcI,UiEqBgC;EnE0hKpC;AACF;ASvkKI;EPSF;IAkBI;EFgjKJ;AACF;AE3/JE;EAGE;AF2/JJ;AS/kKI;EPiFF;IAYM;EFs/JN;AACF;ASplKI;EPiFF;IAmBM;EFo/JN;AACF;AExgKE;EAGE;AFwgKJ;AS5lKI;EPiFF;IAYM;EFmgKN;AACF;ASjmKI;EPiFF;IAmBM;EFigKN;AACF;AStmKI;E0DuCJ;IAUI;EnEyjKF;AACF;AmEvjKE;EACE;AnEyjKJ;;AmErjKA;EACE;AnEwjKF;;AmErjKA;EACE;AnEwjKF;AmEtjKE;EtD3CA,YRxEM;EQyEN;AbomKF;AalmKE;EAEE,YR7EI;ALgrKR;AahmKE;EAEE,cR3EQ;EQ4ER;AbimKJ;AOhiKE;EACE;EACA;EAGE;APgiKN;AOriKE;EACE;EACA;EAGE;APqiKN;;AmErkKE;EACE;AnEwkKJ;AmEtkKI;EACE;AnEwkKN;;AmEnkKA;E5D7HE;EACA;EACA;E4D8HA;EACA;EACA;EACA;EACA;AnEukKF;;AmEpkKA;E5DtBE;E4DyBA;EACA;EACA;EACA;EACA;AnEskKF;AStqKI;E0DyFJ;IAUI;IACA;EnEukKF;AACF;AS5qKI;E0DyFJ;IAeI;EnEwkKF;AACF;AmEtkKE;EACE;EACA;EACA;EACA;EACA;EACA;EtD9JF,WRVS;EQWT;AbuuKF;AaruKE;EAEE,WRfO;ALqvKX;AanuKE;EAEE,cRtBQ;EQuBR;AbouKJ;AOjmKE;EACE;EACA;EAGE;APimKN;AmEllKI;EAEE;AnEmlKN;AOzmKE;EACE;EACA;AP2mKJ;AmEllKI;EACE;EACA;EACA;AnEolKN;AmEjlKI;EACE;AnEmlKN;AmEjlKM;EACE;EACA;EACA;AnEmlKR;;AmE7kKA;AAEA;EACE,uB9DhMM;E8DiMN,Y9DrMM;ALoxKR;AEhpKE;EAGE;AFgpKJ;ASpuKI;EPiFF;IAYM;EF2oKN;AACF;ASzuKI;EPiFF;IAmBM;EFyoKN;AACF;AE7pKE;EAGE;AF6pKJ;ASjvKI;EPiFF;IAYM;EFwpKN;AACF;AStvKI;EPiFF;IAmBM;EFspKN;AACF;AmEjmKE;EACE;AnEmmKJ;AmEhmKE;EtD5KA,cR7BW;EQ8BX;Ab+wKF;Aa7wKE;EAEE,cRlCS;ALgzKb;Aa3wKE;EAEE,cR9CQ;EQ+CR;Ab4wKJ;AOxqKE;EACE;EACA;EAGE;APwqKN;AO7qKE;EACE;EACA;EAGE;AP6qKN;;AmEhnKA;EACE;EACA;AnEmnKF;AE/wKE;EACE;EACA;EACA;AFixKJ;AS7xKI;EPSF;IAMI,UiEyJsB;EnEynK1B;AACF;ASlyKI;EPSF;IAUI,UiEqJ2B;EnE8nK/B;AACF;ASvyKI;EPSF;IAcI,UiEiJgC;EnEmoKpC;AACF;AS5yKI;EPSF;IAkBI;EFqxKJ;AACF;AEhuKE;EAGE;AFguKJ;ASpzKI;EPiFF;IAYM;EF2tKN;AACF;ASzzKI;EPiFF;IAmBM;EFytKN;AACF;AE7uKE;EAGE;AF6uKJ;ASj0KI;EPiFF;IAYM;EFwuKN;AACF;ASt0KI;EPiFF;IAmBM;EFsuKN;AACF;AS30KI;E0DmKJ;IAUI;EnEkqKF;AACF;ASh1KI;E0DmKJ;IAcI;EnEmqKF;AACF;AmEjqKE;EACE;AnEmqKJ;;AmE/pKA;E5DvOE;EACA;EACA;AP04KF;AS91KI;E0DyLJ;IAII;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;EnEqqKF;AACF;AS32KI;E0DyLJ;IAgBI;IACA;IACA;EnEsqKF;AACF;ASl3KI;E0DyLJ;IAsBI;IACA;IACA;EnEuqKF;AACF;;AmEpqKA;EACE;EACA;AnEuqKF;;AmEpqKA;AAEA;EACE,yB9D7QS;E8D8QT,Y9DjRM;ALu7KR;AEnzKE;EAGE;AFmzKJ;ASv4KI;EPiFF;IAYM;EF8yKN;AACF;AS54KI;EPiFF;IAmBM;EF4yKN;AACF;AEh0KE;EAGE;AFg0KJ;ASp5KI;EPiFF;IAYM;EF2zKN;AACF;ASz5KI;EPiFF;IAmBM;EFyzKN;AACF;AmEvrKE;EtDrPA,cR7BW;EQ8BX;Ab+6KF;Aa76KE;EAEE,cRlCS;ALg9Kb;Aa36KE;EAEE,cR9CQ;EQ+CR;Ab46KJ;AOx0KE;EACE;EACA;EAGE;APw0KN;AO70KE;EACE;EACA;EAGE;AP60KN;;AmEvsKA;EACE;EACA;AnE0sKF;AmExsKE;E5D9RA;EACA;EACA;E4D+RE;AnE2sKJ;AmExsKE;EACE;AnE0sKJ;AmEvsKE;EACE;EACA;AnEysKJ;ASr8KI;E0D0PF;IAKI;EnE0sKJ;AACF;;AoE1gLA;;;;;;;EAAA;AASA;AACA;EACE;ApE4gLF;;AoEzgLA;EAUE;EAgFA;EAqBA;EAoFA;EAgDA;EAgCA;EA4BA;ApEouKF;AoExgLE;EACE;EACA;ApE0gLJ;AoExgLI;EACE;ApE0gLN;AoEvgLI;EACE,uB/DrBE;E+DsBF;EACA;ApEygLN;AoEvgLM;EACE,uB/D1BA;E+D2BA;EACA;EACA;EACA;EACA;ApEygLR;AoEvgLQ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ApEygLV;AoEvgLU;EACE,c/DtCA;E+DuCA;EACA;ApEygLZ;AoEtgLU;EACE;EACA;ApEwgLZ;AoErgLU;EACE;EACA;ApEugLZ;AoEpgLU;EACE,uB/D/DJ;E+DgEI,c/D7DD;E+D8DC;EACA;EACA;EACA;EACA;EACA;ApEsgLZ;AoEpgLY;EACE,yB/DhEF;E+DiEE,Y/D1EN;ALglLR;AoE9/KE;EACE;ApEggLJ;AoEt/KE;E7DCA,yBFpGU;EEqGV,YF/FM;ALulLR;AOn8KE;;;EACE;EACA;APu8KJ;AoEr/KE;EAEE;EACA;EACA;EACA;ApEs/KJ;AoEj/KE;EACE;EACA;EACA;EACA;EACA;EACA,mBAtHmB;ApEymLvB;AoEj/KI;EACE;ApEm/KN;AoE9+KM;EACE;ApEg/KR;AoE7+KM;EACE;ApE++KR;AoEz+KI;EACE;EACA;ApE2+KN;AoEz+KM;EACE;ApE2+KR;AoEx+KM;EACE;ApE0+KR;AS3kLI;E2DqGI;IACE;EpEy+KR;EoEt+KM;IACE;EpEw+KR;AACF;ASnlLI;E2DiHE;IACE;EpEq+KN;AACF;AoEl+KI;EACE,2BnE1IgB;EmE2IhB,8BnE3IgB;EmE4IhB;EACA,8BnE7IgB;ADinLtB;AoEl+KM;EACE,2BnEjJqB;EmEkJrB;EACA;ApEo+KR;AoEh+KI;EACE,2BnEhJgB;EmEiJhB,8BnEjJgB;EmEkJhB;EACA,8BnEnJgB;ADqnLtB;AoEh+KM;EACE,2BnEvJqB;EmEwJrB;EACA;ApEk+KR;AoE39KE;EACE;ApE69KJ;AoE39KI;EACE;ApE69KN;AoE19KI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EvD5IJ,YRxEM;EQyEN;AbymLF;AavmLE;EAEE,YR7EI;ALqrLR;AarmLE;EAEE,cR3EQ;EQ4ER;AbsmLJ;AOriLE;EACE;EACA;EAGE;APqiLN;AO1iLE;EACE;EACA;EAGE;AP0iLN;AoE3+KM;EACE;ApE6+KR;AoE1+KM;EACE;ApE4+KR;AoEx+KI;EACE;EACA;EACA;EACA;ApE0+KN;AO3jLE;EACE;EACA;AP6jLJ;AShqLI;E2D8KA;IASI;EpE6+KN;AACF;AoE3+KM;EACE;EACA;ApE6+KR;ASzqLI;E2DqMF;IAGI;IACA;EpEq+KJ;AACF;AoE39KI;EACE;ApE69KN;AoE39KM;EAKE;ApEy9KR;AoEl9KE;EAEE;EACA;ApEm9KJ;ASzrLI;E2DmOF;IASI;IACA,eA1RgB;IA2RhB;IACA;EpEi9KJ;AACF;ASjsLI;E2DmOF;IAgBI;IACA;EpEk9KJ;AACF;ASvsLI;E2DmOF;IAqBI;IACA;EpEm9KJ;AACF;AoE98KE;EACE,sB/DvTO;ALuwLX;AEtjLE;EAIE,sBAHc;AFwjLlB;ASntLI;EP0JF;IAUI;EFmjLJ;AACF;ASxtLI;EP0JF;IAuBI,4DANU;EFijLd;AACF;AS7tLI;E2D+PF;IASI;EpEy9KJ;AACF;AoEv9KI;EACE;ApEy9KN;ASruLI;E2D+PF;IAkBI,kC/DvSc;EL+vLlB;EoEt9KI;IACE;IACA,YAhUgB;IAiUhB;IACA,sB/D9UG;ELsyLT;AACF;;AqEhzLA;;;EAAA;AAKA;EACE;ArEkzLF;;AqE/yLA;;;EAGE;ArEkzLF;;AO7pLE;EACE;EACA;APgqLJ;;AqE/yLA;EACE;EACA;EACA;EACA,uBhEXM;EgEYN,YhEZM;EgEaN;ArEkzLF;;AqE/yLA;EACE;EACA,chExBU;AL00LZ;;AqE/yLA;E9DsFE;EACA;EACA,gBLlHU;EKmHV;AP6tLF;AO3tLE;EACE;AP6tLJ;;AqEpzLA;EACE;EACA;ArEuzLF;;AqElzLA;AAEA;EACE;EACA;EACA;ArEozLF;;AqEjzLA;EACE;EACA;EACA;ArEozLF;;AOr2LE;EACE;EACA;EACA;APw2LJ;AEzpLE;EAIE,qBAHc;AF2pLlB;AStzLI;EP0JF;IAUI;EFspLJ;AACF;AS3zLI;EP0JF;IAuBI,2DANU;EFopLd;AACF;AEtqLE;EAIE,oBAHc;AFwqLlB;ASn0LI;EP0JF;IAUI;EFmqLJ;AACF;ASx0LI;EP0JF;IAuBI,0DANU;EFiqLd;AACF;AqE50LE;EACE,iBnEtDQ;EmEuDR;ArE80LJ;AqE10LE;EAEE;EACA;ArE20LJ;ASr1LI;EP0JF;IAIE,qBAHc;EF8rLhB;AACF;AS11LI;EP0JF;IAUI;EF0rLJ;AACF;AS/1LI;EP0JF;IAuBI,2DANU;EFwrLd;AACF;ASp2LI;EP0JF;IAIE,oBAHc;EF6sLhB;AACF;ASz2LI;EP0JF;IAUI;EFysLJ;AACF;AS92LI;EP0JF;IAuBI,0DANU;EFusLd;AACF;ASn3LI;E4DgBE;IACE;ErEs2LN;AACF;;AOh7LE;EACE;EACA;EACA;APm7LJ;AE7yLE;EAGE;AF6yLJ;ASj4LI;EPiFF;IAYM;EFwyLN;AACF;ASt4LI;EPiFF;IAmBM;EFsyLN;AACF;AEjvLE;EAIE,oBAHc;AFmvLlB;AS94LI;EP0JF;IAUI;EF8uLJ;AACF;ASn5LI;EP0JF;IAuBI,gFAHY;EFyuLhB;AACF;;AOh9LE;EACE;EACA;EACA;APm9LJ;AEpwLE;EAIE,qBAHc;AFswLlB;ASj6LI;EP0JF;IAUI;EFiwLJ;AACF;ASt6LI;EP0JF;IAuBI,iFAHY;EF4vLhB;AACF;AE11LE;EAGE;AF01LJ;AS96LI;EPiFF;IAYM;EFq1LN;AACF;ASn7LI;EPiFF;IAmBM;EFm1LN;AACF;;AqEp5LA;;EAEE;EACA;EACA;ArEu5LF;;AsE//LA;;;EAAA;AAKA;AAEA;EAEE;AtE+/LF;;AE/7LE;EACE;EACA;EACA;AFk8LJ;AS98LI;EPSF;IAMI,WoE9DwB;EtEigM5B;AACF;ASn9LI;EPSF;IAUI,UoElE8B;EtEsgMlC;AACF;ASx9LI;EPSF;IAcI,UoEtEmC;EtE2gMvC;AACF;AS79LI;EPSF;IAkBI;IAUE;EF67LN;AACF;AEz0LE;EAIE,sBAHc;AF20LlB;ASt+LI;EP0JF;IAUI;EFs0LJ;AACF;AS3+LI;EP0JF;IAuBI,4DANU;EFo0Ld;AACF;AsE5hMI;EACE;AtE8hMN;ASn/LI;E6DhDF;IASI;EtE8hMJ;EE71LA;IAIE,oBAHc;EF+1LhB;AACF;AS3/LI;EP0JF;IAUI;EF21LJ;AACF;AShgMI;EP0JF;IAuBI,gFAHY;EFs1LhB;AACF;ASrgMI;EPiFF;IAGE;EFq7LF;AACF;AS1gMI;EPiFF;IAYM;EFi7LN;AACF;AS/gMI;EPiFF;IAmBM;EF+6LN;AACF;AE3gME;EACE;EACA;EACA;AF6gMJ;ASzhMI;EPSF;IAMI,WoE7CwB;EtE2jM5B;AACF;AS9hMI;EPSF;IAUI,UoEjD8B;EtEgkMlC;AACF;ASniMI;EPSF;IAcI,UoErDmC;EtEqkMvC;AACF;ASxiMI;EPSF;IAkBI;IAUE;EFwgMN;AACF;AS9iMI;EP0JF;IAIE,qBAHc;EFu5LhB;AACF;ASnjMI;EP0JF;IAUI;EFm5LJ;AACF;ASxjMI;EP0JF;IAuBI,iFAHY;EF84LhB;AACF;AS7jMI;EPiFF;IAGE;EF6+LF;AACF;ASlkMI;EPiFF;IAYM;EFy+LN;AACF;ASvkMI;EPiFF;IAmBM;EFu+LN;AACF;AS5kMI;E6DvBE;IACE;EtEsmMN;EsEpmMM;IACE;EtEsmMR;AACF;;AsE/lME;EAEE;AtEimMJ;;AsE7lMA;AAEA;EACE,gBrE7CM;EqE8CN;AtE+lMF;;AsE3lMA;EACE;AtE8lMF;;AuElqMA;;;;;;;;;;;;;;;;;;EAAA;AAsBA;EACE;AvEkqMF;AOjrME;EACE;EACA;EACA;APmrMJ;AS9nMI;E8D1CJ;IAMI,yBlEdQ;ELorMV;AACF;AuEpqME;EACE;EACA;EACA;AvEsqMJ;AuElqME;EACE;EACA;EACA;EACA;EACA;EACA,iBrEhCQ;EqEiCR;AvEoqMJ;AuElqMI;;;;;EAGE;AvEsqMN;ASxpMI;EPiFF;IAGE;EFwkMF;AACF;AS7pMI;EPiFF;IAYM;EFokMN;AACF;ASlqMI;EPiFF;IAmBM;EFkkMN;AACF;ASvqMI;EPiFF;IAGE;EFulMF;AACF;AS5qMI;EPiFF;IAYM;EFmlMN;AACF;ASjrMI;EPiFF;IAmBM;EFilMN;AACF;AStrMI;EPiFF;IAGE;EFsmMF;AACF;AS3rMI;EPiFF;IAYM;EFkmMN;AACF;AShsMI;EPiFF;IAmBM;EFgmMN;AACF;ASrsMI;E8DHA;IACE;IACA;EvE2sMJ;EuExsME;;;IAEE,gBAhDmB;EvE2vMvB;EuExsME;IACE;IACA;IACA;EvE0sMJ;EEnoMA;;;IAGE;EFqoMF;AACF;AS1tMI;EPiFF;;;IAYM;EFmoMN;AACF;ASjuMI;EPiFF;;;IAmBM;EFmoMN;AACF;ASxuMI;EPiFF;;;IAGE;EF0pMF;AACF;AS/uMI;EPiFF;;;IAYM;EFwpMN;AACF;AStvMI;EPiFF;;;IAmBM;EFwpMN;AACF;AS7vMI;EPiFF;;;IAGE;EF+qMF;AACF;ASpwMI;EPiFF;;;IAYM;EF6qMN;AACF;AS3wMI;EPiFF;;;IAmBM;EF6qMN;AACF;ASlxMI;EPiFF;IAGE;EFksMF;AACF;ASvxMI;EPiFF;IAYM;EF8rMN;AACF;AS5xMI;EPiFF;IAmBM;EF4rMN;AACF;ASjyMI;EPiFF;IAGE;EFitMF;AACF;AStyMI;EPiFF;IAYM;EF6sMN;AACF;AS3yMI;EPiFF;IAmBM;EF2sMN;AACF;AShzMI;EPiFF;IAGE;EFguMF;AACF;ASrzMI;EPiFF;IAYM;EF4tMN;AACF;AS1zMI;EPiFF;IAmBM;EF0tMN;AACF;AS/zMI;E8D6BA;IACE;EvEqyMJ;AACF;ASp0MI;E8D0CE;;;IAEE;EvE8xMN;EuE3xMI;IACE;EvE6xMN;AACF;AS90MI;E8DuDE;;;IAEE;EvE2xMN;EuExxMI;IACE;EvE0xMN;AACF;ASx1MI;E8DoEE;IACE;EvEuxMN;EuEpxMI;IACE;EvEsxMN;EuEnxMI;IACE;EvEqxMN;AACF;ASn2MI;E8D2FE;IACE;EvE2wMN;EuExwMI;IACE;EvE0wMN;EuErwMI;IACE;EvEuwMN;EuEpwMI;IACE;EvEswMN;AACF;ASj3MI;E8DkHI;IACE;EvEkwMR;EuE/vMM;IACE;IACA,gBApKe;EvEq6MvB;EuE5vMM;IACE;EvE8vMR;EuE3vMM;IACE;IACA;EvE6vMR;EuE3vMQ;IACE;EvE6vMV;EuErvMM;IACE;EvEuvMR;AACF;ASv4MI;E8D8JE;IACE;EvE4uMN;EuE1uMM;IACE;EvE4uMR;EuEtuMI;IACE;EvEwuMN;EuEruMI;IACE;IACA,gBA1NiB;EvEi8MvB;EuEruMM;IACE;EvEuuMR;EuEjuMI;IACE;EvEmuMN;AACF;AS55MI;E8DgME;IACE;EvE+tMN;EuE7tMM;IACE;EvE+tMR;AACF;ASp6MI;E8DgNE;;;;;;;IAEE;EvE4tMN;EuEztMI;;;IACE;EvE6tMN;AACF;ASp7MI;E8D8NE;;;;;;;IAEE;EvE8tMN;EuE3tMI;;;IACE;EvE+tMN;AACF;;AwEpgNA;;;;;EAAA;A/DgEI;E+DzDJ;IAEI;ExEsgNF;AACF;;AwElgNA;EACE;EACA;AxEqgNF;AwEngNE;EACE;AxEqgNJ;;AwEjgNA;AACA;EACE;AxEogNF;;AwEjgNA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,mDACE;EAGF;;;;;IAAA;AxEsgNF;AS9+MI;E+DpCJ;IAoBI;IACA;ExEkgNF;AACF;;AwE//MA;EACE;AxEkgNF;;AwE//MA;EACE;AxEkgNF;;AyEjjNE;EACE,yBARO;EASP;EACA;EACA;EACA;EACA;AzEojNJ;AyEljNI;EACE;EACA;AzEojNN;AyEljNM;EAEE;AzEmjNR;AyE/iNI;EACE;EACA;AzEijNN;;AyErkNE;EACE,yBARO;EASP;EACA;EACA;EACA;EACA;AzEwkNJ;AyEtkNI;EACE;EACA;AzEwkNN;AyEtkNM;EAEE;AzEukNR;AyEnkNI;EACE;EACA;AzEqkNN;;AyEzlNE;EACE,yBARO;EASP;EACA;EACA;EACA;EACA;AzE4lNJ;AyE1lNI;EACE;EACA;AzE4lNN;AyE1lNM;EAEE;AzE2lNR;AyEvlNI;EACE;EACA;AzEylNN;;A0ExnNA;;;;;EAAA;AAMA;EACE;EACA,uBrEKM;ALsnNR;ASnkNI;EiE1DJ;IAKI;E1E4nNF;AACF;ASxkNI;EiElDF;IAEI;IACA;IACA;E1E4nNJ;AACF;AS/kNI;EiElDF;IAQI;IACA;IACA;E1E6nNJ;AACF;A0E1nNE;EACE,yBrEHI;AL+nNR;ASzlNI;EiEpCF;IAII;IACA;E1E6nNJ;AACF;A0E1nNE;EACE;A1E4nNJ;A0EznNE;EACE;EACA;A1E2nNJ;AStmNI;EiEvBF;IAKI;E1E4nNJ;AACF;A0EznNE;EACE;EACA;EACA;A1E2nNJ;AShnNI;EiEdF;IAMI;E1E4nNJ;AACF;A0EznNE;EACE;EACA;A1E2nNJ;A0ExnNE;EACE;A1E0nNJ;A0EvnNE;EACE;A1EynNJ;A0EtnNE;;EAEE;EACA;EACA;A1EwnNJ;A0ErnNE;EACE,crE3DQ;EqE4DR;EACA;EACA;EACA;A1EunNJ;;A2E5sNA;;;;CAAA;AAMA;EAIE;A3E2sNF;A2EzsNE;EACE;EACA;EACA;A3E2sNJ;A2ExsNE;EACE;A3E0sNJ;A2ExsNI;EACE;EACA;EACA;EACA,yBtECE;EsEAF,YtEbE;EsEcF;EACA;EACA;EACA;A3E0sNN;A2ErsNI;EACE;A3EusNN;A2ElsNI;EACE;A3EosNN;AErqNE;EACE;EACA;EACA;AFuqNJ;ASnrNI;EPSF;IAMI,WyEhCwB;E3EwsN5B;AACF;ASxrNI;EPSF;IAUI,UyEpC8B;E3E6sNlC;AACF;AS7rNI;EPSF;IAcI,UyExCmC;E3EktNvC;AACF;ASlsNI;EPSF;IAkBI;IAUE;EFkqNN;AACF;A2EvtNI;EACE;A3EytNN;AS3sNI;EkElBF;IAQI;IACA;IACA;IACA;E3EytNJ;AACF;AE1sNE;EACE;EACA;EACA;AF4sNJ;ASxtNI;EPSF;IAMI,WyEjBwB;E3E8tN5B;AACF;AS7tNI;EPSF;IAUI,UyErB8B;E3EmuNlC;AACF;ASluNI;EPSF;IAcI,UyEzBmC;E3EwuNvC;AACF;ASvuNI;EPSF;IAkBI;IAUE;EFusNN;AACF;AS7uNI;EPiFF;IAGE;EF6pNF;AACF;ASlvNI;EPiFF;IAYM;EFypNN;AACF;ASvvNI;EPiFF;IAmBM;EFupNN;AACF;;AOhpNE;;;;;;EAME;EACA;APmpNJ;AOhpNE;EApFA;EACA;EACA;EACA;EACA;EACA;APuuNF;AOppNE;;EAEE;EACA;EACA;EACA;EACA;APspNJ;AOnpNE;EACE;EACA;EACA;APqpNJ;AOlpNE;EACE;APopNJ;AOjpNE;EACE;APmpNJ;AOhpNE;EACE;EACA;EACA;EACA;EACA;APkpNJ;AO/oNE;EACE;EACA;APipNJ;AS5yNI;EF+JA;IACE;IACA;EPgpNJ;EO7oNE;IACE;IACA;EP+oNJ;AACF;AStzNI;EF2KA;IACE;EP8oNJ;EO3oNE;IACE;EP6oNJ;AACF;AS9zNI;EFqLA;IACE;EP4oNJ;EOzoNE;IACE;EP2oNJ;AACF;A4El4NI;EACE;A5Eo4NN;A4Ej4NI;EACE;A5Em4NN;A4Eh4NI;EACE;A5Ek4NN;;A6E/4NA;;;EAAA;AAYA;AAOE;EACE;EACA;EACA;A7Eo4NJ;A6El4NI;EACE;EACA;EACA;A7Eo4NN;A6El4NM;EACE;A7Eo4NR;A6Eh4NI;EACE;EACA,iB3EzBQ;AF25Nd;A6E/3NI;;;;;EAEE;A7Eo4NN;;A6E/3NA;EACE;EACA;EACA;EACA;A7Ek4NF;ASp3NI;EoElBJ;IAOI;E7Em4NF;AACF;A6Ej4NE;EACE;EACA;A7Em4NJ;A6Eh4NE;EACE;EACA;EACA;A7Ek4NJ;ASl4NI;EoEHF;IAMI;E7Em4NJ;AACF;;ASv4NI;EPiFF;IAGE;EFwzNF;AACF;AS74NI;EPiFF;IAYM;EFozNN;AACF;ASl5NI;EPiFF;IAmBM;EFkzNN;AACF;A6Ez4NA;EACE,cxExEU;EwEyEV;EACA;EACA;EACA;EACA;A7E24NF;;A6Ex4NA;EACE;EACA;EACA;EACA;A7E24NF;ASt6NI;EoEuBJ;IAOI;E7E44NF;AACF;;A6Ez4NA;AAEA;EAEE;A7E04NF;A6Ev4NE;EAEE;EACA;EACA;EACA;A7Ew4NJ;AsB1+NE;EACE,sBjBJO;EiBKP,YARO;EASP;EACA,YjBHI;EiBIJ;EACA,gBATU;EAUV;EACA,aAZQ;EAaR,cAdQ;EAeR,mBAZY;EAaZ;EACA;EACA;EACA;AtB4+NJ;AsBz+NE;EACE,YjBjBI;AL4/NR;AsBx+NE;EACE;EACA,YjBtBI;ALggOR;AO52NE;EACE;EACA;AP82NJ;AOh3NE;EACE;EACA;APk3NJ;AOp3NE;EACE;EACA;EAGE;APo3NN;A6Er6NI;EACE;EACA;A7Eu6NN;A6El6NI;EACE;A7Eo6NN;A6Ej6NI;EACE;A7Em6NN;ASp+NI;EoEgEA;IAII;E7Eo6NN;AACF;ASz+NI;EoEgEA;IAQI;E7Eq6NN;AACF;A6En6NM;EACE;EACA,uBxEhIA;EwEiIA;EACA;A7Eq6NR;A6El6NM;EACE;A7Eo6NR;A6Ej6NM;EACE;A7Em6NR;A6Eh6NM;EACE;A7Ek6NR;A6E/5NM;EACE;A7Ei6NR;A6E95NM;EACE;A7Eg6NR;A6E75NM;EACE;A7E+5NR;A6E55NM;EACE;A7E85NR;A6E55NQ;EACE;EACA;EACA;EACA;EACA;A7E85NV;A6E35NQ;EACE;EACA;A7E65NV;A6E15NQ;EACE;A7E45NV;A6Et5NE;EACE;A7Ew5NJ;A6Et5NI;EACE;A7Ew5NN;A6E/4NI;EACE;A7Ei5NN;AEvhOE;EACE;EACA;EACA;AFyhOJ;ASriOI;EPSF;IAMI,W2EiI0B;E7Ey5N9B;AACF;AS1iOI;EPSF;IAUI,U2E6HgC;E7E85NpC;AACF;AS/iOI;EPSF;IAcI,U2EyHqC;E7Em6NzC;AACF;ASpjOI;EPSF;IAkBI;IAUE;EFohON;AACF;AEh6NE;EAIE,sBAHc;AFk6NlB;AS7jOI;EP0JF;IAUI;EF65NJ;AACF;ASlkOI;EP0JF;IAuBI,4DANU;EF25Nd;AACF;ASvkOI;EoE8IA;IAMI;E7Eu7NN;EEj7NA;IAIE,oBAHc;EFm7NhB;AACF;AS/kOI;EP0JF;IAUI;EF+6NJ;AACF;ASplOI;EP0JF;IAuBI,gFAHY;EF06NhB;AACF;ASzlOI;EPiFF;IAGE;EFygOF;AACF;AS9lOI;EPiFF;IAYM;EFqgON;AACF;ASnmOI;EPiFF;IAmBM;EFmgON;AACF;AE/lOE;EACE;EACA;EACA;AFimOJ;AS7mOI;EPSF;IAMI,W2EgJ0B;E7Ek9N9B;AACF;ASlnOI;EPSF;IAUI,U2E4IgC;E7Eu9NpC;AACF;ASvnOI;EPSF;IAcI,U2EwIqC;E7E49NzC;AACF;AS5nOI;EPSF;IAkBI;IAUE;EF4lON;AACF;A6Ej+NM;EACE;A7Em+NR;ASroOI;EP0JF;IAIE,qBAHc;EF8+NhB;AACF;AS1oOI;EP0JF;IAUI;EF0+NJ;AACF;AS/oOI;EP0JF;IAuBI,iFAHY;EFq+NhB;AACF;ASppOI;EPiFF;IAGE;EFokOF;AACF;ASzpOI;EPiFF;IAYM;EFgkON;AACF;AS9pOI;EPiFF;IAmBM;EF8jON;AACF;ASnqOI;EoE0KI;IACE;E7E4/NR;E6E1/NQ;IACE;E7E4/NV;AACF;A6Et/NE;EACE;A7Ew/NJ;;A6Ep/NA;AACA;EAEE;A7Es/NF;A6En/NE;EACE;EACA;A7Eq/NJ;A6El/NE;EtEnPA;EACA;EACA;EsEoPE;EACA;EACA;A7Eq/NJ;A6En/NI;EACE;EACA;EACA;A7Eq/NN;ASpsOI;EoE4MA;IAMI;E7Es/NN;AACF;ASzsOI;EoE4MA;IAUI;E7Eu/NN;AACF;AS9sOI;EoE4MA;IAcI;IACA;E7Ew/NN;AACF;A6Et/NM;EACE;A7Ew/NR;A6Er/NM;EtE/JJ;EsEkKM,yBxEjQQ;EwEkQR;EACA;EACA;EACA;EACA;EACA;A7Es/NR;ASjuOI;EoEkOE;IAYI;E7Eu/NR;AACF;A6Er/NQ;EhE/IN,cR3JU;ALkyOZ;AaroOE;EAEE,cR/JQ;ALqyOZ;AanoOE;EAEE,WRlKO;EQmKP;AbooOJ;AO/oOE;EACE;EACA;EAGE;AP+oON;AOppOE;EACE;EACA;EAGE;APopON;AOzpOE;EACE;EACA;EAGE;APypON;A6E1gOQ;EACE;EACA;A7E4gOV;A6EzgOQ;EACE;EACA;EACA;A7E2gOV;A6EvgOM;EACE,cxE5SI;ALqzOZ;A6EtgOM;EACE,cxEpSD;AL4yOP;A6ErgOM;EACE,cxErTK;AL4zOb;A6EpgOM;EACE,cxElTM;ALwzOd;A6EngOM;EACE,cxEvTO;AL4zOf;A6ElgOM;EACE,cxE/TF;ALm0ON,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/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.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.banner {\n padding: 1em;\n margin: 1em 0;\n}\n.banner.info {\n border: 3px solid #00a9e0;\n background-color: #f2fbfd;\n}\n.banner.info .fontawesome-icon {\n color: #005570;\n}\n.banner.info div {\n display: inline-block;\n}\n.banner.warning {\n border: 3px solid #f1c400;\n background-color: #fefcf2;\n}\n.banner.warning .fontawesome-icon {\n color: #796200;\n}\n.banner.warning div {\n display: inline-block;\n}\n.banner.error {\n border: 3px solid #a20067;\n background-color: #faf2f7;\n}\n.banner.error .fontawesome-icon {\n color: #510034;\n}\n.banner.error div {\n display: inline-block;\n}\n.banner p {\n margin: 0;\n}\n.banner a {\n text-decoration: underline;\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","@mixin banner-style($typeColor) {\n & {\n border: 3px solid $typeColor;\n background-color: mix($white, $typeColor, 95%);\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",".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 diff --git a/package-lock.json b/package-lock.json index 3e49130..ab1483f 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1202,6 +1202,108 @@ "strip-ansi-cjs": "npm:strip-ansi@^6.0.1", "wrap-ansi": "^8.1.0", "wrap-ansi-cjs": "npm:wrap-ansi@^7.0.0" + }, + "dependencies": { + "ansi-regex": { + "version": "5.0.1", + "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz", + "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==", + "dev": true + }, + "ansi-styles": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", + "dev": true, + "requires": { + "color-convert": "^2.0.1" + } + }, + "color-convert": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", + "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", + "dev": true, + "requires": { + "color-name": "~1.1.4" + } + }, + "color-name": { + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", + "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", + "dev": true + }, + "emoji-regex": { + "version": "8.0.0", + "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz", + "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==", + "dev": true + }, + "string-width-cjs": { + "version": "npm:string-width@4.2.3", + "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz", + "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==", + "dev": true, + "requires": { + "emoji-regex": "^8.0.0", + "is-fullwidth-code-point": "^3.0.0", + "strip-ansi": "^6.0.1" + }, + "dependencies": { + "strip-ansi": { + "version": "6.0.1", + "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz", + "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==", + "dev": true, + "requires": { + "ansi-regex": "^5.0.1" + } + } + } + }, + "strip-ansi-cjs": { + "version": "npm:strip-ansi@6.0.1", + "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz", + "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==", + "dev": true, + "requires": { + "ansi-regex": "^5.0.1" + } + }, + "wrap-ansi-cjs": { + "version": "npm:wrap-ansi@7.0.0", + "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz", + "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==", + "dev": true, + "requires": { + "ansi-styles": "^4.0.0", + "string-width": "^4.1.0", + "strip-ansi": "^6.0.0" + }, + "dependencies": { + "string-width": { + "version": "4.2.3", + "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz", + "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==", + "dev": true, + "requires": { + "emoji-regex": "^8.0.0", + "is-fullwidth-code-point": "^3.0.0", + "strip-ansi": "^6.0.1" + } + }, + "strip-ansi": { + "version": "6.0.1", + "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz", + "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==", + "dev": true, + "requires": { + "ansi-regex": "^5.0.1" + } + } + } + } } }, "@jridgewell/gen-mapping": { @@ -4766,40 +4868,6 @@ "strip-ansi": "^7.0.1" } }, - "string-width-cjs": { - "version": "npm:string-width@4.2.3", - "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz", - "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==", - "dev": true, - "requires": { - "emoji-regex": "^8.0.0", - "is-fullwidth-code-point": "^3.0.0", - "strip-ansi": "^6.0.1" - }, - "dependencies": { - "ansi-regex": { - "version": "5.0.1", - "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz", - "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==", - "dev": true - }, - "emoji-regex": { - "version": "8.0.0", - "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz", - "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==", - "dev": true - }, - "strip-ansi": { - "version": "6.0.1", - "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz", - "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==", - "dev": true, - "requires": { - "ansi-regex": "^5.0.1" - } - } - } - }, "string_decoder": { "version": "1.1.1", "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz", @@ -4818,23 +4886,6 @@ "ansi-regex": "^6.0.1" } }, - "strip-ansi-cjs": { - "version": "npm:strip-ansi@6.0.1", - "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz", - "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==", - "dev": true, - "requires": { - "ansi-regex": "^5.0.1" - }, - "dependencies": { - "ansi-regex": { - "version": "5.0.1", - "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz", - "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==", - "dev": true - } - } - }, "strip-final-newline": { "version": "2.0.0", "resolved": "https://registry.npmjs.org/strip-final-newline/-/strip-final-newline-2.0.0.tgz", @@ -5370,75 +5421,6 @@ } } }, - "wrap-ansi-cjs": { - "version": "npm:wrap-ansi@7.0.0", - "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz", - "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==", - "dev": true, - "requires": { - "ansi-styles": "^4.0.0", - "string-width": "^4.1.0", - "strip-ansi": "^6.0.0" - }, - "dependencies": { - "ansi-regex": { - "version": "5.0.1", - "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz", - "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==", - "dev": true - }, - "ansi-styles": { - "version": "4.3.0", - "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", - "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", - "dev": true, - "requires": { - "color-convert": "^2.0.1" - } - }, - "color-convert": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", - "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", - "dev": true, - "requires": { - "color-name": "~1.1.4" - } - }, - "color-name": { - "version": "1.1.4", - "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", - "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", - "dev": true - }, - "emoji-regex": { - "version": "8.0.0", - "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz", - "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==", - "dev": true - }, - "string-width": { - "version": "4.2.3", - "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz", - "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==", - "dev": true, - "requires": { - "emoji-regex": "^8.0.0", - "is-fullwidth-code-point": "^3.0.0", - "strip-ansi": "^6.0.1" - } - }, - "strip-ansi": { - "version": "6.0.1", - "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz", - "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==", - "dev": true, - "requires": { - "ansi-regex": "^5.0.1" - } - } - } - }, "wrappy": { "version": "1.0.2", "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz", 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" %} From c5b26d5fd9154de487abc901edfdc8f04d9fdfe7 Mon Sep 17 00:00:00 2001 From: Abby Drury Date: Tue, 30 Jul 2024 11:42:48 -0400 Subject: [PATCH 2/3] Style the rest of the pretty article --- components/01-elements/11-tags/_tags.scss | 30 + components/01-elements/11-tags/_tags.twig | 95 +++ .../_featured-resource-tile.twig | 6 + .../_featured-resources.scss | 232 ++++++ .../featured-resources/_field-resource.twig | 12 + .../_field-featured-resources.twig | 17 +- .../paragraphs/accordion/_accordion.scss | 2 +- .../paragraphs/accordion/_accordion.twig | 1 + .../paragraphs/banner/_banner.scss | 17 +- .../resource-panel/_resource-panel.twig | 23 + .../03-pages/lits-homepage/lits-homepage.scss | 244 ++----- dist/lits_theme.css | 670 ++++++++++-------- dist/lits_theme.css.map | 2 +- .../fields/field--field-resource.html.twig | 23 + ...node--field-tags--pretty-article.html.twig | 40 ++ .../paragraph--resource-panel.html.twig | 14 + 16 files changed, 946 insertions(+), 482 deletions(-) create mode 100644 components/01-elements/11-tags/_tags.twig create mode 100644 components/02-compounds/featured-resources/_featured-resource-tile.twig create mode 100644 components/02-compounds/featured-resources/_featured-resources.scss create mode 100644 components/02-compounds/featured-resources/_field-resource.twig create mode 100644 components/02-compounds/paragraphs/resource-panel/_resource-panel.twig create mode 100644 templates/fields/field--field-resource.html.twig create mode 100644 templates/fields/field--node--field-tags--pretty-article.html.twig create mode 100644 templates/paragraphs/paragraph--resource-panel.html.twig 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 %} + + + +
    + {% for item in items %} + + {{ item.content }} + {% if loop.last == false %}{% endif%} + + {% endfor %} +
+ + + +{% 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 @@ -