diff --git a/assets/style.css b/assets/style.css index 6ed4af0..0c8e475 100644 --- a/assets/style.css +++ b/assets/style.css @@ -1222,7 +1222,6 @@ table.schedule tr.ongoing .title { .fullwidth { width: 100%; position: relative; - overflow: hidden; } article { diff --git a/assets/style.css.map b/assets/style.css.map index a85d0d1..993f68f 100644 --- a/assets/style.css.map +++ b/assets/style.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["../_sass/dogwood/initialize.scss","../_sass/dogwood/_base.scss","../_sass/dogwood/_layout.scss"],"names":[],"mappings":";AAWA;AACA;ACZA;AAAA;AAAA;AAAA;AAAA;AAKA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAaE;EACA;EACA;EACA;EACA;EACA;;;AAEF;AACA;AAAA;EAEE;;;AAEF;EAAO;;;AACP;EAAS;;;AACT;EAAgB;;;AAChB;AAAA;EACoB;EAAY;;;AAChC;AACA;EAAQ;EAA2B;;;AACnC;AACA;EAAS;;;AAET;EACE;EACA;EACA;;;ACzCF;AAAA;AAEA;EACE;;;AAGF;AAAA;AAAA;EAGE,OFGW;EEFX,WFMe;EELf;EACA,aFZgB;EEahB;EACA;EACA;;;AAGF;EACE,aFlBW;EEmBX;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;AACA;EACE,OFzCc;EE0Cd;;;AAEF;EACE,OF7Cc;;;AE+ChB;EACE;;AAEA;EACE;;;AAIJ;EACE,kBF/CsB;EEgDtB;;AACA;EACE,OF1DgB;;AE4DhB;EACE;;AAGJ;EACE,YFxDc;;;AE4DlB;EACE;EACA;;;AAGF;EAAU;;;AACV;EAAQ;EAAgB;;;AACxB;EAAY;;;AACZ;EAAQ;;;AAER;EACE;EACA;EACA;EACA,YF7EiB;;;AEgFnB;AACA;EACE;EACA;EACA;EACA;;AAEA;EACE;;;AAIJ;AAAA;AAAA;AAAA;EAIE;;;AAGF;AACA;AAAA;EAEE;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;;;AAEF;EACE;EACA;;;AAGF;AACA;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;;;AAGF;EACE;EACA;EACA;EACA;;;AAEF;AAAA;AAAA;AAAA;EAIE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;AAAA;AAAA;EAGE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;;;AAGA;EACE;;;AAGJ;EACE;;;AAEF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;AAAA;AAEA;EACE;EACA;EACA,WFtNgB;EEuNhB;EACA,eFvNkB;EEwNlB,cFxNkB;;AE0NlB;EACE;EACA;EACA;;AAIA;EADF;IAEI;;EACA;IACE;IACA;;;;AAKR;EACE;;;AAGA;EADF;IAEI;;EACA;IACE;;;;AAKN;EACE,SFzPG;EE0PH;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;;AAIJ;EACE;;;AAGF;AAAA;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAEA;EACE;;AAGJ;EACE;;AAEF;EACE;;AAEF;EACE;EACA;;AACA;EACE;;AAIJ;EACE,kBFrUY;EEsUZ;;AACA;EACE,cFvUc;EEwUd,YFxUc;;AE4UlB;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIJ;EACE;EACA;EACA,aF9VW;EE+VX;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EACE;;;AAKJ;AAAA;AAEA;EACE;EACA;EACA;EACA;EACA,YFrXiB;EEsXjB;EACA,QF/Vc;EEgWd;;AAEA;EACE;;AAGF;EACE;EACA;EACA;;AAGF;EApBF;IAqBI;IACA;;EACA;IACE;IACA;IACA;;;;AAKN;EACE,YFhZiB;EEiZjB;EACA,YF1Xc;EE4Xd;;AAEA;EAPF;IAQI;;;;AAIJ;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;AA+CA;;AA7CA;EACE;;AAGF;EACE;EACA;;AAGF;EACE;EACA,OF9aO;EE+aP;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAIJ;EAEI;IACE;;;;AAQR;EACE;;;AAIJ;EACE;EACA;;;AAEF;EACE;EACA;;;AAGF;EACE,eFteG;;AEueH;EACE;;AAEF;EACE;;AAEF;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA,eFvfG;;AEyfH;EACE;;AAGF;EACE;;AAGF;EACE;EACA;;AACA;EACE;;AAIJ;EAvBF;IAwBI;;;;AAIF;EACE;EACA;;;AAGJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEF;EACE;;AAGF;EACE;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA,QF7mBiB;EE8mBjB;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;;AAGJ;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;AAAA;AAAA;AAQI;EACE;;AAEA;EACE;;AAGF;EACE;EACA,OF/oBO;EEgpBP;EACA;EACA;;AAEA;EACE;EACA;;AAGJ;EAnBF;IAoBI;;EAEA;IACE;IACA,eF1qBL;;EE6qBG;IACE;;;AAIN;EACE;EACA;;AAEF;EACE,YFvrBD;EEwrBC,eFxrBD;;AE0rBD;EACE,gBA9CS;;AAiDX;EACE;;AAIJ;EACE;EACA;;AAGF;EACE,WFpsBS;;AEusBX;EACE;;AAEF;EACE;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;;;AAKJ;EACE;EACA;EACA;EACA,YFjuBG;EEmuBH;;AAEA;EACE,eFtuBC;;AEwuBH;EACE;;AAEF;EACE;;AAGF;EAlBF;IAmBI;IACA;;;;AAGJ;EACE;EACA,aFtvBG;EEuvBH;EACA;;;AAEF;EACE;;AACA;EACE;EACA;;AACA;EACE;;AAIF;EACE;;AAEF;EACE;;AAIJ;EACE;;AAGF;EACE;;AACA;EACE;EACA;;AAIJ;EACE;EACA;;AACA;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA,kBFjzBO;EEkzBP;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACE;;;AAKN;EACE;EACA;EACA;;AAEE;EACE;;AAGJ;EACE;EACA;EACA;;;AAIJ;EACE;EAeA,eFt1BG;;AEw0BH;EACE;EACA,eF10BC;EE20BD;EACA;EACA;;AAEA;EACE;;AAGJ;EACE;;AAKA;EACE;;AAGJ;EACE;;;AAIJ;AAAA;AAAA;AAME;EACE;;AAGF;EACE;;AAIA;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAEF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;;AAGF;EACE;EACA;EACA;;AAEF;EACE,OFv5BO;EEw5BP;EACA;EACA;;AAEF;EACE;;AAGF;EACE;;AAEF;EACE;EACA;;AAEF;EACE;EACA;EACA;;AAGJ;EACE,cFn7BC;;AEs7BH;EACE;IACE;IACA;IACA;IACA;IACA;;EAEF;IACE;IACA;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;IACA;;EAGA;IACE;IACA;IACA,WF98BK;IE+8BL;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;;AAMR;EACE;;AAEA;EACE;EACA;EACA;;AACA;EACE,eF3+BD;;AE8+BD;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;;AAEA;EACE;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACE;EACA,QFxgCiB;;AE4gCrB;EACE,cF7hCD;EE8hCC,WFzhCO;;AE2hCP;EACE;;AAEF;EACE;;AAGF;EACE;;AAEF;EACE;;AAEF;EACE;EACA;;AAKF;EACE,OFziCO;;AE4iCX;AAAA;EAEE,QF1iCmB;EE2iCnB;EACA;;AAGF;EAzFF;IA0FI;;EACA;IACE;;EAEF;IACE;IACA;;;AAKN;EACE;EACA;;AACA;EACE;EACA;EACA;EACA,OFtkCS;EEukCT;;AAEA;EACE;;AAEF;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAIJ;EACE;IACE;;;AAKF;EACE;EAEA;;AACA;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;;AAMF;EACE;;AACA;EACE;EACA;EACA;EACA;;AAOJ;EACE;;AACA;EACE;;AAGJ;EACE;;AAQN;EACE,OFlpCS;EEmpCT;;AAEA;EACE;EACA;EACA;;AAGJ;EACE;;AAIJ;EACE;EACA;;AAIA;EACE;EACA;;;AAKN;EACE;EACA;EACA;;AACA;EACE;;AAEF;EACE;;;AAKF;EACE;EACA;;;AAIJ;EACE,aF7sCG;EE8sCH,gBF9sCG;EE+sCH;;;AAEF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE,aF/tCC;EEguCD;EACA;EACA;;AAEF;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE,aFlwCc;;AEqwChB;EACE;EACA;;AAGA;EACE;;AAMF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAXF;IAYI;;;AAIJ;AAAA;AAAA;EAEE;EACA,WF9wCO;EE+wCP,eFpxCD;;AEsxCD;EACE,eFvxCD;;AEyxCD;EACE;EACA;EACA;EACA;;AAEF;EACE,WF1xCM;EE2xCN;EACA,kBFhzCa;EEizCb;;AAEA;EACE;;AAGF;EAVF;IAWI;;;AAGJ;EACE;EACA;;AAEA;EACE;;AAGJ;EACE;EACA;EACA,cFxzCD;EEyzCC;EACA;EACA;;;AAKN;AAAA;AAEA;EACE;EACA;EACA;;;AAGF;EACE;;;AAIF;AAAA;AAGA;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;AAAA;AAEA;EACE;EACA;EACA;EACA;EACA;;;AAEF;EACE;;;AAGF;AAAA;AAEA;EACE,YFz2CkB;EE02ClB;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EAJF;IAKI;;EAEA;IACE,eFl4CH;;;AEu4CH;EACE;EACA;EACA;;AACA;EACE,OFh4CS;EEi4CT,eF74CD;;AE84CC;EACE;;AAEA;EACE;;AAEF;EACE;;AAIN;EACE;;AAIJ;EACE;EACA;;;AAIJ;EACE;EACA,YFj7Ca;EEk7Cb;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;;AAGJ;EACE,OFv8Ca;;;AE08Cf;EACE;;AAEA;EACE;EACA;;;AAKF;EACE;;;AAIJ;EAEE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA,eFz9CC;;AE09CD;EACE;;AAGF;EACE;EACA;EACA;EACA;;;AAKN;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;AACA;EACE;EACA;EACA,gBFjgDC;EEkgDD;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;;AAEA;EACE;EACA;;AAEF;EACE;;;AAIJ;EACE;;;AAGA;EACE;;;AAIF;EACE;;;AAIF;EACE;EACA;;;AAGJ;EACE;IACE;;EAEF;IACE;;EAGF;IACE;IACA","sourcesContent":["@charset \"UTF-8\";\n\n$sans-serif-font: Helvetica, Arial, sans-serif;\n$serif-font: Georgia, serif;\n\n$background-color: white;\n$primary-color: #D99AB6;\n$primary-color-alt: #FFB9D8;\n$status-color: #930041;\n\n$grid-color: #dedede;\n/* the below should look the same as the above when on a white bg */\n/* $alpha-grid-color: rgba(0, 0, 0, 0.13); */\n$alpha-grid-color: rgba(128, 128, 128, 0.26);\n$text-color: #333;\n$dark-background-color: #333;\n$dark-grid-color: rgba(255, 255, 255, 0.13);\n\n$body-text-size: 18px;\n$sp: 24px;\n$container-width: 1100px;\n$container-padding: $sp*0.75;\n$content-width: calc($container-width - $container-padding * 2);\n$cover-image-height: $container-width * 0.5;\n$text-width: 700px;\n$img-width: 880px;\n\n$footer-min-height: 490px;\n\n$topbar-height: 54px;\n\n$avatar-width: calc($content-width * 0.2);\n\n$sections-width: 720px;\n\n$list-item-image-height: 180px;\n\n// Import pre-styling-overrides hook and style-partials.\n@import\n \"dogwood/custom-variables\", // Hook to override predefined variables.\n \"dogwood/base\", // Defines element resets.\n \"dogwood/layout\", // Defines structure and style based on CSS selectors.\n \"dogwood/custom-styles\" // Hook to override existing styles.\n;\n","/* Reset ♥\n http://meyerweb.com/eric/tools/css/reset/\n v2.0 | 20110126\n License: none (public domain)\n------------------------------------------------------- */\nhtml, body, div, span, applet, object, iframe,\nh1, h2, h3, h4, h5, h6, p, blockquote, pre,\na, abbr, acronym, address, big, cite, code,\ndel, dfn, em, img, ins, kbd, q, s, samp,\nsmall, strike, strong, sub, sup, tt, var,\nb, u, i, center,\ndl, dt, dd, ol, ul, li,\nfieldset, form, label, legend,\ntable, caption, tbody, tfoot, thead, tr, th, td,\narticle, aside, canvas, details, embed,\nfigure, figcaption, footer, header, hgroup,\nmenu, nav, output, ruby, section, summary,\ntime, mark, audio, video {\n margin:0;\n padding:0;\n border:0;\n font-size:100%;\n font:inherit;\n vertical-align:baseline;\n }\n/* HTML5 display-role reset for older browsers */\narticle, aside, details, figcaption, figure,\nfooter, header, hgroup, menu, nav, section {\n display:block;\n}\nbody { line-height:1; }\nol, ul { list-style:none; }\nblockquote, q { quotes:none; }\nblockquote:before, blockquote:after,\nq:before, q:after { content:''; content:none; }\n/* tables still need 'cellspacing=\"0\"' in the markup */\ntable { border-collapse: collapse; border-spacing:0; }\n/* remember to define focus styles. Hee Haw */\n:focus { outline:0; }\n\n*, *:after, *:before {\n -webkit-box-sizing: border-box;\n -moz-box-sizing: border-box;\n box-sizing: border-box;\n}","@use 'sass:color';\n\n/* Inline Elements & Typography\n------------------------------------------------------- */\nbody {\n background-color: $background-color;\n}\n\nbody,\ninput,\ntextarea {\n color: $text-color;\n font-size: $body-text-size;\n line-height: 1.6667;\n font-family: $sans-serif-font;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-variant-numeric: lining-nums;\n}\n\nh1, h2, h3, h4, h5, h6 {\n font-family: $serif-font;\n margin: 0;\n margin-bottom: $sp*0.5;\n font-weight: 600;\n line-height: 1.3;\n}\n\nh1 {\n font-weight: 700;\n font-size: 32px;\n}\n\nh2 {\n font-size: 26px;\n}\n\nh3 {\n font-size: 22px;\n}\n\nh4, h5 {\n font-size: 18px;\n}\n\n/* Links */\na {\n color: $primary-color;\n text-decoration:none;\n}\na:visited {\n color: $primary-color;\n}\na:hover, a:active {\n color: color.scale($primary-color, $lightness: 10%);\n\n &:not(.button) {\n text-decoration: underline;\n }\n}\n\n.dark {\n background-color: $dark-background-color;\n color: white;\n a {\n color: $primary-color-alt;\n\n &:hover, &:active {\n color: color.scale($primary-color-alt, $lightness: 20%);\n }\n }\n hr {\n background: $dark-grid-color;\n }\n}\n\nabbr {\n border-bottom:1px dotted #000;\n cursor:help;\n}\n\naddress { font-style:italic;}\nsmall { font-size:12px; line-height: 1.5;}\nstrong, b { font-weight:700;}\nem, i { font-style:italic;}\n\nhr {\n margin: 0 0 20px;\n border: 0;\n height: 1px;\n background: $alpha-grid-color;\n}\n\n/* Block Quotes */\nblockquote, q {\n quotes:none;\n font-style:italic;\n padding-left:20px;\n border-left: 10px solid #e8e8e8;\n\n &.pullquote > *:not(cite) {\n font-size: 22px;\n }\n}\n\nblockquote:before,\nblockquote:after,\nq:before,\nq:after {\n content:'';\n}\n\n/* Code Blocks & Pre */\ncode,\npre {\n padding: 5px 4px;\n font-family: Menlo, Bitstream Vera Sans Mono, Monaco, Consolas, monospace;\n font-size: 12px;\n border-radius: 3px;\n}\ncode {\n padding:5px;\n background: rgba(128,128,128,0.07);\n border: 1px solid $grid-color;\n}\npre {\n display:block;\n padding:10px;\n word-break:break-all;\n word-wrap:break-word;\n white-space:pre;\n white-space:pre-wrap;\n background:#f8f8f8;\n border:1px solid #ddd;\n border-radius:3px;\n}\npre code {\n padding:0;\n color:inherit;\n background-color:transparent;\n border:0;\n}\n.pre-scrollable {\n max-height:300px;\n overflow-y:scroll;\n}\n\n/* sub/superscripts */\nsup,\nsub {\n height:0;\n line-height:1;\n vertical-align:baseline;\n _vertical-align:bottom;\n position:relative;\n font-size:75%;\n}\nsup {\n bottom:1em;\n}\n\nlabel {\n display: block;\n font-weight: 600;\n font-size: 0.9em;\n cursor: pointer;\n}\nselect,\ntextarea,\ninput[type=text],\ninput[type=email] {\n display: inline-block;\n width: 500px;\n max-width: 100%;\n vertical-align: middle;\n padding: 4px 8px;\n border-radius: 3px;\n background-color:#fff;\n border:1px solid $grid-color;\n}\ntextarea:focus,\ninput[type=text]:focus,\ninput[type=email]:focus {\n border-color: #70a177;\n}\n\ntextarea {\n height:200px;\n max-width:none;\n}\n\ntable {\n width:100%;\n background-color:transparent;\n border-collapse:collapse;\n border-spacing:0;\n table-layout:fixed;\n}\nth, td {\n padding: 4px 4px;\n text-align: left;\n vertical-align: top;\n border-bottom: 1px solid $grid-color;\n}\ntr:first-child {\n > th, > td {\n border-top: 1px solid $grid-color;\n }\n}\nth {\n font-weight:bold;\n}\nthead th {\n vertical-align:bottom;\n color:#57594D;\n}\n\n.iconsvg {\n fill: currentColor;\n display: inline-block;\n vertical-align: middle;\n width: 0.8em;\n height: 0.8em;\n}\n\n.iconsvg.pre-text {\n margin-right: 0.2em;\n}\n\n/* Layout\n------------------------------------------------------- */\n.container {\n position: relative;\n width: 100%;\n max-width: $container-width;\n margin: 0 auto;\n padding-right: $container-padding;\n padding-left: $container-padding;\n\n .inner-container { \n width: 100%;\n max-width: 900px;\n margin: 0 auto;\n }\n\n &.stretch {\n @media only screen and (max-width: $container-width) {\n padding: 0;\n .cover-image {\n border-left: 0;\n border-right: 0;\n }\n }\n }\n}\n.layout-post:not(.has-image) article.content{\n padding-top: 0;\n}\n.layout-post.has-image article.content {\n @media only screen and (max-width: $container-width) {\n padding-top: 0;\n .cover-image { \n border-top: 0;\n }\n }\n}\n\nform {\n padding: $sp;\n border: 1px solid #cfead3;\n background: #f3fff5;\n border-radius: 0 0 8px 8px;\n border-top-width: 4px;\n display: flex;\n flex-direction: column;\n align-items: baseline;\n\n > *:not(label):not(input[type='submit']) {\n margin-bottom: $sp*0.5;\n }\n\n input[type=submit] {\n padding: 10px 30px;\n margin-top: $sp*0.5;\n }\n}\n\n.bordered {\n border: 1px solid $grid-color;\n}\n\n/* Buttons\n------------------------------------------------------- */\nbutton, a.button, input[type=submit] {\n cursor: pointer;\n display: inline-block;\n font-weight: 600;\n text-align: center;\n -webkit-backdrop-filter: blur(10px);\n backdrop-filter: blur(10px);\n border: 0;\n padding: 2px 8px;\n border-radius: 6px;\n\n &:hover {\n filter: brightness(1.1);\n }\n\n &.bordered {\n border: 1px solid $primary-color;\n font-size: 0.95em;\n \n &:hover {\n background: rgba(0, 0, 0, 0.05);\n }\n }\n &.large {\n padding: 10px 20px;\n }\n &.wide {\n padding: 4px 24px;\n }\n &.white {\n border-color: white;\n color: white;\n &:hover {\n background: rgba(255, 255, 255, 0.1);\n }\n }\n\n &.prominent {\n background-color: $primary-color;\n color: white;\n &:hover {\n border-color: $primary-color-alt;\n background: $primary-color-alt;\n }\n }\n\n &.external:after {\n content: \" \";\n background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%20fill%3D%22%23fff%22%3E%3C!--!%20Font%20Awesome%20Free%206.4.2%20by%20%40fontawesome%20-%20https%3A%2F%2Ffontawesome.com%20License%20-%20https%3A%2F%2Ffontawesome.com%2Flicense%20(Commercial%20License)%20Copyright%202023%20Fonticons%2C%20Inc.%20--%3E%3Cpath%20d%3D%22M320%200c-17.7%200-32%2014.3-32%2032s14.3%2032%2032%2032h82.7L201.4%20265.4c-12.5%2012.5-12.5%2032.8%200%2045.3s32.8%2012.5%2045.3%200L448%20109.3V192c0%2017.7%2014.3%2032%2032%2032s32-14.3%2032-32V32c0-17.7-14.3-32-32-32H320zM80%2032C35.8%2032%200%2067.8%200%20112V432c0%2044.2%2035.8%2080%2080%2080H400c44.2%200%2080-35.8%2080-80V320c0-17.7-14.3-32-32-32s-32%2014.3-32%2032V432c0%208.8-7.2%2016-16%2016H80c-8.8%200-16-7.2-16-16V112c0-8.8%207.2-16%2016-16H192c17.7%200%2032-14.3%2032-32s-14.3-32-32-32H80z%22%2F%3E%3C%2Fsvg%3E');\n background-repeat: no-repeat;\n display: inline-block;\n height: 0.8em;\n width: 0.8em;\n margin-left: 0.3em;\n }\n}\n\n.site-wordmark {\n display: flex;\n align-items: center;\n font-family: $serif-font;\n font-weight: bold;\n font-size: 21px;\n white-space: nowrap;\n\n .logo {\n height: 30px;\n margin-right: $sp*0.25;\n position: relative;\n top: 2px;\n }\n\n .text {\n color: inherit;\n }\n}\n\n\n/* Header\n------------------------------------------------------- */\n.topbar {\n position: fixed;\n top: 0;\n border-top: 5px solid $primary-color;\n z-index: 10000;\n background: $background-color;\n width: 100%;\n height: $topbar-height;\n border-bottom: 1px solid $grid-color;\n\n .site-wordmark {\n color: inherit;\n }\n\n .container { \n display: flex;\n justify-content: space-between;\n height: 100%;\n }\n\n @media only screen and (max-width: $sections-width) {\n position: relative;\n height: $topbar-height*1.8;\n .container {\n flex-direction: column;\n align-items: center;\n padding-top: $sp*0.33333;\n }\n }\n}\n\n.layout-body { \n background: $background-color;\n position: relative;\n margin-top: $topbar-height;\n\n min-height: calc(100vh - $topbar-height - $footer-min-height);\n\n @media only screen and (max-width: $sections-width) {\n margin-top: 0;\n }\n}\n\nul.headernav {\n display: flex;\n flex-flow: row nowrap;\n align-items: center;\n height: 100%;\n\n > li {\n flex: 0 1 100%;\n font-size: 16px;\n font-weight: 600;\n white-space: nowrap;\n height: 100%;\n \n display: flex;\n align-items: center;\n position: relative;\n\n &:last-child {\n margin-left: $sp*0.5;\n }\n \n a {\n display: flex;\n align-items: center;\n }\n\n > a:not(.bordered) {\n padding: 0 min($sp, 1.5vw);\n color: $text-color;\n height: 100%;\n }\n\n ul.submenu {\n display: none;\n position: absolute;\n top: 100%;\n left: calc(min($sp, 1.5vw) - $sp*0.5);\n background: white;\n border: 1px solid $grid-color;\n border-radius: 5px;\n border-top-left-radius: 0;\n box-shadow: 1px 1px 2px rgba(0,0,0,0.1);\n\n &::before {\n content: \" \";\n background: white;\n position: absolute;\n left: 0;\n top: -1px;\n height: 1px;\n width: 80px;\n }\n\n a {\n height: 100%;\n width: 100%;\n padding: $sp*0.25 $sp*0.5 $sp*0.5 $sp*0.5;\n color: inherit;\n font-weight: 400;\n line-height: 1em;\n }\n }\n /* don't show hover menu on touch taps */\n @media (hover: hover) {\n &:hover {\n ul.submenu {\n display: block;\n }\n }\n }\n }\n}\n\nbody:not(.layout-post):not(.layout-session) {\n .pagenav a {\n color: inherit;\n }\n}\n\n.breadcrumbs, .pagenav {\n width: 100%;\n z-index: 1000;\n}\n.breadcrumbs, .pagenav ul {\n font-size: 16px;\n font-weight: 600;\n}\n\n.breadcrumbs {\n margin-bottom: $sp;\n &:empty {\n display: none;\n }\n .iconsvg {\n margin-top: -2px;\n }\n a {\n color: inherit;\n }\n}\n\n.pagenav {\n display: flex;\n align-items: baseline;\n justify-content: space-between;\n border-bottom: 1px solid $alpha-grid-color;\n margin-bottom: $sp;\n\n .meta {\n margin-bottom: $sp*0.5;\n }\n\n > *:last-child {\n margin-bottom: $sp*0.5;\n }\n \n li {\n display: inline;\n white-space: nowrap;\n &:not(:last-child) {\n margin-right: 2vw;\n }\n }\n\n @media only screen and (max-width: $sections-width) {\n flex-direction: column;\n }\n}\n.layout-page.has-image {\n .pagenav {\n border-bottom: none;\n margin-bottom: 0;\n }\n}\n#hero-map {\n width: 100%;\n height: 50vw;\n max-height: 70vh;\n min-height: 30vh;\n border-bottom: 1px solid $grid-color;\n\n .custom-marker {\n background-color: var(--color);\n border-radius: 50%;\n width: 20px;\n height: 20px;\n cursor: pointer;\n }\n\n .custom-marker::after {\n position: absolute;\n content: '';\n background-image: var(--icon-image);\n background-position: center;\n background-size: 70%;\n background-repeat: no-repeat;\n filter: invert(1);\n width: 100%;\n height: 100%;\n border-radius: 50%;\n }\n \n .custom-marker::before {\n position: absolute;\n content: '';\n width: 0px;\n height: 0px;\n bottom: -100%;\n border: 10px solid transparent;\n border-top: 17px solid var(--color);\n }\n}\n\nfigcaption {\n background-color: rgba(0,0,0,0.5);\n -webkit-backdrop-filter: blur(10px);\n backdrop-filter: blur(10px);\n position: absolute;\n right: 0;\n bottom: 0;\n max-width: min($text-width*0.8, 100%);\n padding: calc($sp/6) calc($sp/4);\n font-style: italic;\n line-height: 1.3;\n font-size: 0.9em;\n color: white;\n\n a, a:visited {\n color: #00e723;\n }\n a:hover, a:focus, a:active {\n color: #00ff27;\n }\n\n &.left {\n right: initial;\n left: 0;\n }\n}\n\n.cover {\n color: white;\n width: 100%;\n position: relative;\n background-position: center;\n background-size: cover;\n overflow-x: hidden;\n\n .pagenav {\n border-bottom-color: rgba(255, 255, 255, 0.25);\n }\n\n &.video {\n background: black;\n line-height: 0;\n }\n\n .cover-image-container {\n position: relative;\n }\n\n .cover-image {\n border: 1px solid $grid-color;\n }\n\n .cover-image, .cover-video {\n width: 100%;\n max-height: min(70vh, 50vw);\n height: $cover-image-height;\n background-size: cover;\n background-position: center;\n background-repeat: no-repeat;\n position: relative;\n }\n\n figcaption {\n right: 1px;\n bottom: 1px;\n max-width: min($text-width*0.8, calc(100%) - 2px);\n }\n}\n.layout-project .cover, .layout-person .cover {\n background: linear-gradient(-135deg, #002042, #022D48);\n}\n\niframe.embedded-page-viewer {\n width: 100%;\n height: calc(80vh - $topbar-height);\n border: 1px solid $grid-color;\n border-radius: 4px;\n overflow: hidden;\n}\n\n/* Project page\n--------------------------------------------\n*/\n$hero-overlap: 150px;\n\n.layout-project {\n\n .cover {\n .logo-area {\n display: flex;\n\n > * {\n width: 100%;\n }\n \n .logo-wrap {\n flex: 0 0 auto;\n width: $avatar-width;\n max-height: $avatar-width*1.25;\n margin-right: $sp*1.5;\n text-align: center;\n\n img {\n max-width: 100%;\n max-height: 100%;\n }\n }\n @media only screen and (max-width: $sections-width) {\n flex-direction: column;\n\n .logo-wrap {\n margin-right: 0;\n margin-bottom: $sp;\n }\n\n img.wordmark {\n margin-top: 0;\n }\n }\n }\n a {\n display: inline-block;\n color: inherit;\n }\n > .container {\n margin-top: $sp;\n margin-bottom: $sp;\n }\n &.with-hero-image {\n padding-bottom: $hero-overlap;\n }\n\n .blurb a {\n text-decoration: underline;\n }\n }\n\n img.wordmark {\n max-width: 100%;\n max-height: 86px;\n }\n\n .blurb, .tagline {\n max-width: $text-width;\n }\n\n .cover .container .logo-area .right > *:not(:last-child) {\n margin-bottom: $sp*0.5;\n }\n .tagline {\n font-style: italic;\n font-weight: bold;\n font-size: 20px;\n }\n img.hero-image {\n width: 100%;\n border-radius: 5px;\n border: 1px solid $alpha-grid-color;\n margin-top: -$hero-overlap;\n }\n\n}\n\n.buttons {\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-top: $sp;\n\n margin-bottom: -$sp;\n\n a {\n margin-bottom: $sp;\n }\n .button {\n flex: 0 0 auto;\n }\n .text-buttons > .button:not(:last-child) {\n margin-right: $sp*0.75;\n }\n\n @media only screen and (max-width: $sections-width) {\n flex-direction: column;\n align-items: baseline;\n }\n}\n.banner-footer {\n width: 100%;\n padding-top: $sp;\n position: relative;\n color: #fff;\n}\ntable.schedule {\n table-layout: auto;\n th, td {\n padding: 10px 14px;\n border-right: 1px solid $grid-color;\n &:first-child {\n border-left: 1px solid $grid-color;\n }\n }\n td {\n &:first-child {\n width: 100px;\n }\n .title {\n font-weight: 600;\n }\n }\n\n tr {\n transition: 200ms ease-in-out;\n }\n\n tr.interstitial {\n background: hsl(0, 0%, 97%);\n .title {\n font-weight: normal;\n font-style: italic;\n }\n }\n\n tr.ongoing {\n border-top: 2px solid $status-color;\n background: #E5F7FC;\n td:first-child {\n padding-top: 18px;\n font-weight: 600;\n position: relative;\n\n &:before {\n content: \"Happening Now\";\n display: block;\n position: absolute;\n top: -14px;\n border-radius: 13px;\n background-color: $status-color;\n color: white;\n font-size: 14px;\n font-weight: bold;\n width: 124px;\n height: 26px;\n text-align: center;\n left: -13px;\n }\n }\n .title {\n font-weight: bold;\n }\n }\n}\n\n.icon-buttons {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n > li {\n &:not(:last-child) {\n margin-right: $sp*0.25;\n }\n }\n .iconsvg {\n vertical-align: middle;\n height: 30px;\n width: 30px;\n }\n}\n\n.section {\n width: 100%;\n .section-header {\n border-bottom: 1px solid $alpha-grid-color;\n margin-bottom: $sp;\n display: flex;\n align-items: baseline;\n justify-content: space-between;\n\n h2, h3 {\n white-space: nowrap;\n }\n }\n a.section-button {\n font-weight: 600;\n }\n margin-bottom: $sp;\n\n & > *:not(.prose) {\n h1, h2, h3, h4, h5, h6 {\n font-family: $serif-font !important;\n }\n }\n &:empty {\n display: none;\n }\n}\n\n/* Person page\n--------------------------------------------\n*/\n.layout-person {\n $avatar-border-width: 5px;\n \n h1 {\n margin: 0;\n }\n\n .cover {\n min-height: 200px;\n }\n\n &.has-cover {\n .cover {\n background: none;\n }\n }\n\n .hero-avatar {\n width: 100%;\n padding-bottom: calc(100% - $avatar-border-width*2);\n position: relative;\n margin-top: -84px;\n border: $avatar-border-width solid $background-color;\n }\n\n .sections {\n display: flex;\n flex-direction: column;\n }\n .section {\n width: auto;\n display: flex;\n justify-content: right;\n margin: 0 auto;\n\n .section-body {\n padding: $sp*0.75;\n padding-left: 0;\n border-bottom: 1px solid $grid-color;\n\n &.prose {\n padding-bottom: 0;\n }\n }\n\n > h3 {\n padding-top: $sp*0.75;\n }\n \n > *:first-child {\n width: 210px;\n text-align: right;\n padding-right: $sp*0.75;\n }\n > *:last-child {\n width: $text-width;\n max-width: 100%;\n flex: 0 0 auto;\n border-right: 1px solid $grid-color;\n }\n &:last-child > *:last-child {\n border-bottom: 0;\n }\n\n .name-section {\n padding-top: 0;\n }\n .name-header {\n display: flex;\n align-items: baseline;\n }\n .pronouns {\n margin-left: 8px;\n font-weight: 600;\n color: #777;\n }\n }\n .connect-links a:not(:last-child) {\n margin-right: $sp;\n }\n\n @media only screen and (max-width:$sections-width) {\n .hero-avatar {\n margin-left: auto;\n margin-right: auto;\n width: 210px;\n height: 210px;\n padding: 0;\n }\n .cover figcaption {\n top: 1px;\n bottom: initial;\n }\n .name-section {\n text-align: center;\n }\n .name-header {\n justify-content: center;\n }\n .sections {\n padding-left: $sp*0.75;\n }\n .section {\n flex-direction: column;\n width: 100%;\n \n\n > *:first-child {\n width: 100%;\n margin: 0 auto;\n max-width: $text-width;\n text-align: center;\n }\n > h3 {\n border-right: 1px solid $grid-color;\n }\n > h3:empty {\n display: none;\n }\n > *:last-child {\n margin: 0 auto;\n }\n }\n }\n}\n\n.item-list {\n position: relative;\n\n .item-listing {\n display: flex;\n justify-content: left;\n max-width: 100%;\n &:not(:last-child) {\n margin-bottom: $sp;\n }\n \n .listing-front {\n max-width: 100%;\n width: 360px;\n position: relative;\n flex: 0 0 auto;\n\n &:empty {\n height: 0;\n }\n \n .thumbnail-image {\n position: relative;\n width: 100%;\n background-size: cover;\n background-position: center;\n background-repeat: no-repeat;\n display: block;\n border: 1px solid $alpha-grid-color;\n \n transition: transform 100ms ease-in-out;\n \n &:hover {\n transform: scale(1.04);\n z-index: 9999;\n\n .iconsvg {\n opacity: 0.9;\n }\n }\n\n .iconsvg {\n color: white;\n opacity: 0.75;\n width: 20px;\n height: 20px;\n position: absolute;\n right: 10px;\n bottom: 10px;\n }\n }\n .rect-image {\n border-radius: 2px;\n height: $list-item-image-height;\n }\n }\n \n .listing-body {\n padding-left: $sp;\n max-width: $text-width;\n\n &:empty {\n display: none;\n }\n &:first-child {\n padding-left: 0;\n }\n \n & > * {\n margin-bottom: $sp*0.25;\n }\n .button {\n margin-top: $sp*0.25;\n }\n .subtitle {\n line-height: 1.2;\n font-style: italic;\n }\n }\n\n &.contained-image {\n .listing-front {\n width: $avatar-width;\n }\n }\n &.contained-image .thumbnail-image,\n .thumbnail-image.contained-image {\n height: $list-item-image-height;\n background-size: contain;\n border: 0;\n }\n\n @media only screen and (max-width: $sections-width) {\n flex-wrap: wrap;\n .listing-front {\n width: 100%;\n }\n .listing-body {\n padding-left: 0;\n padding-top: $sp*0.5;\n }\n }\n }\n\n &.gallery {\n display: flex;\n flex-wrap: wrap;\n .item-listing {\n flex-direction: column;\n align-items: center;\n text-align: center;\n width: $avatar-width;\n flex: 0 0 auto;\n\n .listing-front {\n width: 100%;\n }\n .thumbnail-image {\n width: 80%;\n padding-bottom: 80%;\n margin: 0 auto;\n }\n\n .listing-body {\n padding: 0;\n margin-top: $sp*0.5;\n }\n }\n\n @media only screen and (max-width: calc($avatar-width*2 + $container-padding*2)) {\n &:not(.scroll) {\n justify-content: center;\n }\n }\n &:not(.pages-list):not(.people-list):not(.swag-list) {\n\n .item-listing {\n width: calc($content-width * 0.333);\n \n align-items: baseline;\n .listing-front .thumbnail-image {\n width: 92%;\n padding: 0;\n }\n\n .listing-body {\n width: 92%;\n margin-left: auto;\n margin-right: auto;\n }\n\n h3 {\n text-align: left;\n }\n }\n\n &.no-titles {\n \n .item-listing {\n margin: 0;\n .listing-front .thumbnail-image {\n height: 196px;\n width: 100%;\n border-radius: 0;\n border-width: 0.5px;\n }\n \n }\n }\n\n &.scroll {\n .item-listing {\n width: calc($content-width * 0.27);\n .listing-front .thumbnail-image {\n height: 148px;\n }\n }\n .thumbnail-image, .listing-body {\n margin-left: 0;\n }\n }\n }\n }\n\n &.people-list {\n \n .listing-front {\n width: $avatar-width;\n height: auto;\n\n .thumbnail-image {\n width: 80%;\n padding-bottom: 80%;\n margin: 0 auto;\n }\n }\n .listing-body {\n padding-left: $sp*0.5;\n }\n }\n\n &.scroll {\n flex-wrap: nowrap;\n overflow-x: auto;\n }\n\n &.swag-list {\n h3 {\n font-family: $sans-serif-font !important;\n font-size: 1em;\n }\n }\n}\n\n.simple-item-listing {\n display: flex;\n justify-content: space-between;\n line-height: 1.25;\n .date {\n white-space: nowrap;\n }\n &:not(:last-child) {\n margin-bottom: $sp*0.75;\n }\n}\n\n.title {\n .iconsvg {\n width: 0.6em;\n height: 0.6em;\n }\n}\n\n.content {\n padding-top: $sp;\n padding-bottom: $sp;\n width: 100%;\n}\n.fullwidth {\n width: 100%;\n position: relative;\n overflow: hidden;\n}\n\narticle {\n position: relative;\n margin: auto;\n display: flex;\n flex-direction: column;\n align-items: center;\n\n .post-header {\n padding-top: $sp;\n width: 100%;\n margin: 0 auto;\n position: relative;\n }\n .post-body {\n margin-bottom: $sp*2;\n }\n}\n\n.prose {\n display: flex;\n flex-direction: column;\n align-items: baseline;\n position: relative;\n z-index: 0;\n\n h2, h3, h4, h5, h6 {\n font-family: $sans-serif-font;\n }\n \n li {\n list-style: disc;\n margin-left: 20px;\n }\n ol {\n li {\n list-style: decimal;\n }\n }\n\n >, blockquote {\n \n .neatline {\n position: absolute;\n height: calc(100% + $sp);\n width: calc(100% + $container-padding);\n max-width: calc($text-width + $sp*2);\n left: 0;\n right: 0;\n top: -$sp;\n border-right: 1px solid $grid-color;\n z-index: -1;\n\n @media only screen and (max-width: calc($text-width + $container-padding*2)) {\n display: none;\n }\n }\n\n iframe, table, form, a, em, b, strong, i, p, ol, ul,\n code, blockquote, q, h1, h2, h3, h4, h5, h6, hr, pre, center {\n width: 100%;\n max-width: $text-width;\n margin-bottom: $sp;\n }\n img, figure, .img-container, div {\n margin-bottom: $sp;\n }\n hr {\n padding: 0;\n width: 100%;\n max-width: calc($text-width + $sp*2);\n position: relative;\n }\n img, figure, .img-container, iframe, table {\n max-width: $img-width;\n border: 1px solid $grid-color;\n background-color: $background-color;\n padding: 0;\n\n &.wide {\n max-width: 100%;\n }\n\n @media only screen and (max-width: calc($img-width + $container-padding*2)) {\n max-width: 100%;\n }\n }\n figure, .img-container {\n line-height: 0;\n position: relative;\n\n img {\n width: 100%;\n }\n }\n blockquote, q {\n position: relative;\n left: 0.75em;\n padding-left: $sp;\n border-left: 6px solid $grid-color;\n width: calc(100% - 1em);\n max-width: calc($text-width - 1em);\n }\n }\n}\n\n/* About\n------------------------------------------------------- */\n.board-members img {\n max-width: 50%;\n margin: 0px auto 10px auto;\n display: block;\n}\n\n.board-members p {\n margin-bottom: 40px;\n}\n\n\n/* Blog Post\n------------------------------------------------------- */\n\n.avatar {\n background-image: url($baseurl + \"/assets/avatar.jpg\");\n background-color: white;\n border-radius: 50%;\n background-size: cover;\n background-position: center;\n flex: 0 0 auto;\n}\n\n.inline-avatar {\n display: inline-block;\n vertical-align: text-top;\n width: 24px;\n height: 24px;\n margin-right: 4px;\n}\n\n/* 404\n------------------------------------------------------- */\n.notfound {\n padding: 100px 100px;\n text-align: center;\n color: #999;\n text-shadow: 1px 1px 2px #eee;\n font-size: 25px;\n}\n.notfound h1 {\n font-size: 50px;\n}\n\n/* Footer\n------------------------------------------------------- */\n.footer {\n min-height: $footer-min-height;\n font-size: 17px;\n border-top: 1px solid rgb(60, 60, 60);\n position: relative;\n margin-top: 0px;\n display: flex;\n flex-flow: row nowrap;\n padding: $sp 0;\n\n .top {\n display: flex;\n justify-content: space-between;\n\n @media only screen and (max-width: $sections-width) {\n flex-direction: column;\n\n .site-wordmark {\n margin-bottom: $sp;\n }\n }\n }\n\n .sitemap {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n ul {\n width: $avatar-width;\n margin-bottom: $sp;\n li {\n white-space: nowrap;\n\n &:first-child {\n font-weight: 600;\n }\n &:not(:last-child) {\n margin-right: $sp*0.5;\n }\n }\n }\n a {\n color: inherit;\n } \n }\n\n .smallprint {\n display: flex;\n justify-content: space-between;\n }\n}\n\n.status-bubble {\n color: white;\n background: $status-color;\n border-radius: 20px;\n position: absolute;\n top: -10px;\n font-weight: bold;\n font-size: 0.75em;\n padding: 0 $sp*0.5;\n}\n\n.app-sign {\n background-position: center;\n background-size: cover;\n border-radius: 16px;\n border: 1px solid $grid-color;\n height: 140px;\n\n .status-bubble {\n top: -10px;\n right: -10px;\n }\n}\n.status-symbol {\n color: $status-color;\n}\n\n.hoverscale {\n transition: transform 100ms ease-in-out;\n \n &:hover {\n transform: scale(1.04);\n z-index: 9999;\n }\n}\n\n.mono-logos {\n img {\n filter: brightness(0) invert(1);\n }\n}\n\nul.org-members {\n\n padding-left: $sp*1.5;\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n \n li {\n max-width: 100%;\n list-style: none;\n margin-left: 0;\n margin-bottom: $sp;\n &:not(:last-child) {\n margin-right: $sp*2;\n }\n \n img {\n width: auto;\n height: 100%;\n max-width: 100%;\n object-fit: contain;\n }\n }\n}\n\nul.org-members.level-5 li {\n height: 70px;\n}\n\nul.org-members.level-4 li {\n height: 80px;\n}\n\nul.org-members.level-3 li {\n height: 90px;\n}\n\nul.org-members.level-2 li {\n height: 100px;\n}\n\nul.org-members.level-1 li {\n height: 108px;\n}\n\n.directory {\n display: flex;\n flex-wrap: wrap;\n .list-wrap {\n flex-basis: 25%;\n min-width: 200px;\n padding-bottom: $sp;\n padding-right: $sp*0.5;\n white-space: nowrap;\n }\n}\n\n#notice-overlay {\n position: fixed;\n bottom: $sp*0.5;\n right: $sp*0.5;\n background: white;\n border: 1px solid $grid-color;\n border-radius: 4px;\n padding: $sp*0.75 $sp*0.5;\n box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.12);\n\n display: flex;\n flex-direction: row;\n\n .logo {\n width: 60px;\n margin-right: $sp*0.5;\n }\n .status-bubble {\n left: -10px;\n }\n}\n\n.cond-only {\n display: none;\n}\n.condensed {\n .no-cond {\n display: none;\n }\n}\n.condensed {\n .cond-only {\n display: initial;\n }\n}\n.condensed {\n .simple-item-listing > *:first-child {\n display: flex;\n flex-direction: column;\n }\n}\n@media only screen and (max-width: $sections-width) {\n .no-cond {\n display: none !important;\n }\n .cond-only {\n display: initial;\n }\n\n .simple-item-listing > *:first-child {\n display: flex;\n flex-direction: column;\n }\n}"],"file":"style.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["../_sass/dogwood/initialize.scss","../_sass/dogwood/_base.scss","../_sass/dogwood/_layout.scss"],"names":[],"mappings":";AAWA;AACA;ACZA;AAAA;AAAA;AAAA;AAAA;AAKA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAaE;EACA;EACA;EACA;EACA;EACA;;;AAEF;AACA;AAAA;EAEE;;;AAEF;EAAO;;;AACP;EAAS;;;AACT;EAAgB;;;AAChB;AAAA;EACoB;EAAY;;;AAChC;AACA;EAAQ;EAA2B;;;AACnC;AACA;EAAS;;;AAET;EACE;EACA;EACA;;;ACzCF;AAAA;AAEA;EACE;;;AAGF;AAAA;AAAA;EAGE,OFGW;EEFX,WFMe;EELf;EACA,aFZgB;EEahB;EACA;EACA;;;AAGF;EACE,aFlBW;EEmBX;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;AACA;EACE,OFzCc;EE0Cd;;;AAEF;EACE,OF7Cc;;;AE+ChB;EACE;;AAEA;EACE;;;AAIJ;EACE,kBF/CsB;EEgDtB;;AACA;EACE,OF1DgB;;AE4DhB;EACE;;AAGJ;EACE,YFxDc;;;AE4DlB;EACE;EACA;;;AAGF;EAAU;;;AACV;EAAQ;EAAgB;;;AACxB;EAAY;;;AACZ;EAAQ;;;AAER;EACE;EACA;EACA;EACA,YF7EiB;;;AEgFnB;AACA;EACE;EACA;EACA;EACA;;AAEA;EACE;;;AAIJ;AAAA;AAAA;AAAA;EAIE;;;AAGF;AACA;AAAA;EAEE;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;;;AAEF;EACE;EACA;;;AAGF;AACA;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;;;AAGF;EACE;EACA;EACA;EACA;;;AAEF;AAAA;AAAA;AAAA;EAIE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;AAAA;AAAA;EAGE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;;;AAGA;EACE;;;AAGJ;EACE;;;AAEF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;AAAA;AAEA;EACE;EACA;EACA,WFtNgB;EEuNhB;EACA,eFvNkB;EEwNlB,cFxNkB;;AE0NlB;EACE;EACA;EACA;;AAIA;EADF;IAEI;;EACA;IACE;IACA;;;;AAKR;EACE;;;AAGA;EADF;IAEI;;EACA;IACE;;;;AAKN;EACE,SFzPG;EE0PH;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;;AAIJ;EACE;;;AAGF;AAAA;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAEA;EACE;;AAGJ;EACE;;AAEF;EACE;;AAEF;EACE;EACA;;AACA;EACE;;AAIJ;EACE,kBFrUY;EEsUZ;;AACA;EACE,cFvUc;EEwUd,YFxUc;;AE4UlB;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIJ;EACE;EACA;EACA,aF9VW;EE+VX;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EACE;;;AAKJ;AAAA;AAEA;EACE;EACA;EACA;EACA;EACA,YFrXiB;EEsXjB;EACA,QF/Vc;EEgWd;;AAEA;EACE;;AAGF;EACE;EACA;EACA;;AAGF;EApBF;IAqBI;IACA;;EACA;IACE;IACA;IACA;;;;AAKN;EACE,YFhZiB;EEiZjB;EACA,YF1Xc;EE4Xd;;AAEA;EAPF;IAQI;;;;AAIJ;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;AA+CA;;AA7CA;EACE;;AAGF;EACE;EACA;;AAGF;EACE;EACA,OF9aO;EE+aP;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAIJ;EAEI;IACE;;;;AAQR;EACE;;;AAIJ;EACE;EACA;;;AAEF;EACE;EACA;;;AAGF;EACE,eFteG;;AEueH;EACE;;AAEF;EACE;;AAEF;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA,eFvfG;;AEyfH;EACE;;AAGF;EACE;;AAGF;EACE;EACA;;AACA;EACE;;AAIJ;EAvBF;IAwBI;;;;AAIF;EACE;EACA;;;AAGJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEF;EACE;;AAGF;EACE;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA,QF7mBiB;EE8mBjB;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;;AAGJ;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;AAAA;AAAA;AAQI;EACE;;AAEA;EACE;;AAGF;EACE;EACA,OF/oBO;EEgpBP;EACA;EACA;;AAEA;EACE;EACA;;AAGJ;EAnBF;IAoBI;;EAEA;IACE;IACA,eF1qBL;;EE6qBG;IACE;;;AAIN;EACE;EACA;;AAEF;EACE,YFvrBD;EEwrBC,eFxrBD;;AE0rBD;EACE,gBA9CS;;AAiDX;EACE;;AAIJ;EACE;EACA;;AAGF;EACE,WFpsBS;;AEusBX;EACE;;AAEF;EACE;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;;;AAKJ;EACE;EACA;EACA;EACA,YFjuBG;EEmuBH;;AAEA;EACE,eFtuBC;;AEwuBH;EACE;;AAEF;EACE;;AAGF;EAlBF;IAmBI;IACA;;;;AAGJ;EACE;EACA,aFtvBG;EEuvBH;EACA;;;AAEF;EACE;;AACA;EACE;EACA;;AACA;EACE;;AAIF;EACE;;AAEF;EACE;;AAIJ;EACE;;AAGF;EACE;;AACA;EACE;EACA;;AAIJ;EACE;EACA;;AACA;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA,kBFjzBO;EEkzBP;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACE;;;AAKN;EACE;EACA;EACA;;AAEE;EACE;;AAGJ;EACE;EACA;EACA;;;AAIJ;EACE;EAeA,eFt1BG;;AEw0BH;EACE;EACA,eF10BC;EE20BD;EACA;EACA;;AAEA;EACE;;AAGJ;EACE;;AAKA;EACE;;AAGJ;EACE;;;AAIJ;AAAA;AAAA;AAME;EACE;;AAGF;EACE;;AAIA;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAEF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;;AAGF;EACE;EACA;EACA;;AAEF;EACE,OFv5BO;EEw5BP;EACA;EACA;;AAEF;EACE;;AAGF;EACE;;AAEF;EACE;EACA;;AAEF;EACE;EACA;EACA;;AAGJ;EACE,cFn7BC;;AEs7BH;EACE;IACE;IACA;IACA;IACA;IACA;;EAEF;IACE;IACA;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;IACA;;EAGA;IACE;IACA;IACA,WF98BK;IE+8BL;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;;AAMR;EACE;;AAEA;EACE;EACA;EACA;;AACA;EACE,eF3+BD;;AE8+BD;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;;AAEA;EACE;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACE;EACA,QFxgCiB;;AE4gCrB;EACE,cF7hCD;EE8hCC,WFzhCO;;AE2hCP;EACE;;AAEF;EACE;;AAGF;EACE;;AAEF;EACE;;AAEF;EACE;EACA;;AAKF;EACE,OFziCO;;AE4iCX;AAAA;EAEE,QF1iCmB;EE2iCnB;EACA;;AAGF;EAzFF;IA0FI;;EACA;IACE;;EAEF;IACE;IACA;;;AAKN;EACE;EACA;;AACA;EACE;EACA;EACA;EACA,OFtkCS;EEukCT;;AAEA;EACE;;AAEF;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAIJ;EACE;IACE;;;AAKF;EACE;EAEA;;AACA;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;;AAMF;EACE;;AACA;EACE;EACA;EACA;EACA;;AAOJ;EACE;;AACA;EACE;;AAGJ;EACE;;AAQN;EACE,OFlpCS;EEmpCT;;AAEA;EACE;EACA;EACA;;AAGJ;EACE;;AAIJ;EACE;EACA;;AAIA;EACE;EACA;;;AAKN;EACE;EACA;EACA;;AACA;EACE;;AAEF;EACE;;;AAKF;EACE;EACA;;;AAIJ;EACE,aF7sCG;EE8sCH,gBF9sCG;EE+sCH;;;AAEF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE,aF9tCC;EE+tCD;EACA;EACA;;AAEF;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE,aFjwCc;;AEowChB;EACE;EACA;;AAGA;EACE;;AAMF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAXF;IAYI;;;AAIJ;AAAA;AAAA;EAEE;EACA,WF7wCO;EE8wCP,eFnxCD;;AEqxCD;EACE,eFtxCD;;AEwxCD;EACE;EACA;EACA;EACA;;AAEF;EACE,WFzxCM;EE0xCN;EACA,kBF/yCa;EEgzCb;;AAEA;EACE;;AAGF;EAVF;IAWI;;;AAGJ;EACE;EACA;;AAEA;EACE;;AAGJ;EACE;EACA;EACA,cFvzCD;EEwzCC;EACA;EACA;;;AAKN;AAAA;AAEA;EACE;EACA;EACA;;;AAGF;EACE;;;AAIF;AAAA;AAGA;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;AAAA;AAEA;EACE;EACA;EACA;EACA;EACA;;;AAEF;EACE;;;AAGF;AAAA;AAEA;EACE,YFx2CkB;EEy2ClB;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EAJF;IAKI;;EAEA;IACE,eFj4CH;;;AEs4CH;EACE;EACA;EACA;;AACA;EACE,OF/3CS;EEg4CT,eF54CD;;AE64CC;EACE;;AAEA;EACE;;AAEF;EACE;;AAIN;EACE;;AAIJ;EACE;EACA;;;AAIJ;EACE;EACA,YFh7Ca;EEi7Cb;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;;AAGJ;EACE,OFt8Ca;;;AEy8Cf;EACE;;AAEA;EACE;EACA;;;AAKF;EACE;;;AAIJ;EAEE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA,eFx9CC;;AEy9CD;EACE;;AAGF;EACE;EACA;EACA;EACA;;;AAKN;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;AACA;EACE;EACA;EACA,gBFhgDC;EEigDD;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;;AAEA;EACE;EACA;;AAEF;EACE;;;AAIJ;EACE;;;AAGA;EACE;;;AAIF;EACE;;;AAIF;EACE;EACA;;;AAGJ;EACE;IACE;;EAEF;IACE;;EAGF;IACE;IACA","sourcesContent":["@charset \"UTF-8\";\n\n$sans-serif-font: Helvetica, Arial, sans-serif;\n$serif-font: Georgia, serif;\n\n$background-color: white;\n$primary-color: #D99AB6;\n$primary-color-alt: #FFB9D8;\n$status-color: #930041;\n\n$grid-color: #dedede;\n/* the below should look the same as the above when on a white bg */\n/* $alpha-grid-color: rgba(0, 0, 0, 0.13); */\n$alpha-grid-color: rgba(128, 128, 128, 0.26);\n$text-color: #333;\n$dark-background-color: #333;\n$dark-grid-color: rgba(255, 255, 255, 0.13);\n\n$body-text-size: 18px;\n$sp: 24px;\n$container-width: 1100px;\n$container-padding: $sp*0.75;\n$content-width: calc($container-width - $container-padding * 2);\n$cover-image-height: $container-width * 0.5;\n$text-width: 700px;\n$img-width: 880px;\n\n$footer-min-height: 490px;\n\n$topbar-height: 54px;\n\n$avatar-width: calc($content-width * 0.2);\n\n$sections-width: 720px;\n\n$list-item-image-height: 180px;\n\n// Import pre-styling-overrides hook and style-partials.\n@import\n \"dogwood/custom-variables\", // Hook to override predefined variables.\n \"dogwood/base\", // Defines element resets.\n \"dogwood/layout\", // Defines structure and style based on CSS selectors.\n \"dogwood/custom-styles\" // Hook to override existing styles.\n;\n","/* Reset ♥\n http://meyerweb.com/eric/tools/css/reset/\n v2.0 | 20110126\n License: none (public domain)\n------------------------------------------------------- */\nhtml, body, div, span, applet, object, iframe,\nh1, h2, h3, h4, h5, h6, p, blockquote, pre,\na, abbr, acronym, address, big, cite, code,\ndel, dfn, em, img, ins, kbd, q, s, samp,\nsmall, strike, strong, sub, sup, tt, var,\nb, u, i, center,\ndl, dt, dd, ol, ul, li,\nfieldset, form, label, legend,\ntable, caption, tbody, tfoot, thead, tr, th, td,\narticle, aside, canvas, details, embed,\nfigure, figcaption, footer, header, hgroup,\nmenu, nav, output, ruby, section, summary,\ntime, mark, audio, video {\n margin:0;\n padding:0;\n border:0;\n font-size:100%;\n font:inherit;\n vertical-align:baseline;\n }\n/* HTML5 display-role reset for older browsers */\narticle, aside, details, figcaption, figure,\nfooter, header, hgroup, menu, nav, section {\n display:block;\n}\nbody { line-height:1; }\nol, ul { list-style:none; }\nblockquote, q { quotes:none; }\nblockquote:before, blockquote:after,\nq:before, q:after { content:''; content:none; }\n/* tables still need 'cellspacing=\"0\"' in the markup */\ntable { border-collapse: collapse; border-spacing:0; }\n/* remember to define focus styles. Hee Haw */\n:focus { outline:0; }\n\n*, *:after, *:before {\n -webkit-box-sizing: border-box;\n -moz-box-sizing: border-box;\n box-sizing: border-box;\n}","@use 'sass:color';\n\n/* Inline Elements & Typography\n------------------------------------------------------- */\nbody {\n background-color: $background-color;\n}\n\nbody,\ninput,\ntextarea {\n color: $text-color;\n font-size: $body-text-size;\n line-height: 1.6667;\n font-family: $sans-serif-font;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-variant-numeric: lining-nums;\n}\n\nh1, h2, h3, h4, h5, h6 {\n font-family: $serif-font;\n margin: 0;\n margin-bottom: $sp*0.5;\n font-weight: 600;\n line-height: 1.3;\n}\n\nh1 {\n font-weight: 700;\n font-size: 32px;\n}\n\nh2 {\n font-size: 26px;\n}\n\nh3 {\n font-size: 22px;\n}\n\nh4, h5 {\n font-size: 18px;\n}\n\n/* Links */\na {\n color: $primary-color;\n text-decoration:none;\n}\na:visited {\n color: $primary-color;\n}\na:hover, a:active {\n color: color.scale($primary-color, $lightness: 10%);\n\n &:not(.button) {\n text-decoration: underline;\n }\n}\n\n.dark {\n background-color: $dark-background-color;\n color: white;\n a {\n color: $primary-color-alt;\n\n &:hover, &:active {\n color: color.scale($primary-color-alt, $lightness: 20%);\n }\n }\n hr {\n background: $dark-grid-color;\n }\n}\n\nabbr {\n border-bottom:1px dotted #000;\n cursor:help;\n}\n\naddress { font-style:italic;}\nsmall { font-size:12px; line-height: 1.5;}\nstrong, b { font-weight:700;}\nem, i { font-style:italic;}\n\nhr {\n margin: 0 0 20px;\n border: 0;\n height: 1px;\n background: $alpha-grid-color;\n}\n\n/* Block Quotes */\nblockquote, q {\n quotes:none;\n font-style:italic;\n padding-left:20px;\n border-left: 10px solid #e8e8e8;\n\n &.pullquote > *:not(cite) {\n font-size: 22px;\n }\n}\n\nblockquote:before,\nblockquote:after,\nq:before,\nq:after {\n content:'';\n}\n\n/* Code Blocks & Pre */\ncode,\npre {\n padding: 5px 4px;\n font-family: Menlo, Bitstream Vera Sans Mono, Monaco, Consolas, monospace;\n font-size: 12px;\n border-radius: 3px;\n}\ncode {\n padding:5px;\n background: rgba(128,128,128,0.07);\n border: 1px solid $grid-color;\n}\npre {\n display:block;\n padding:10px;\n word-break:break-all;\n word-wrap:break-word;\n white-space:pre;\n white-space:pre-wrap;\n background:#f8f8f8;\n border:1px solid #ddd;\n border-radius:3px;\n}\npre code {\n padding:0;\n color:inherit;\n background-color:transparent;\n border:0;\n}\n.pre-scrollable {\n max-height:300px;\n overflow-y:scroll;\n}\n\n/* sub/superscripts */\nsup,\nsub {\n height:0;\n line-height:1;\n vertical-align:baseline;\n _vertical-align:bottom;\n position:relative;\n font-size:75%;\n}\nsup {\n bottom:1em;\n}\n\nlabel {\n display: block;\n font-weight: 600;\n font-size: 0.9em;\n cursor: pointer;\n}\nselect,\ntextarea,\ninput[type=text],\ninput[type=email] {\n display: inline-block;\n width: 500px;\n max-width: 100%;\n vertical-align: middle;\n padding: 4px 8px;\n border-radius: 3px;\n background-color:#fff;\n border:1px solid $grid-color;\n}\ntextarea:focus,\ninput[type=text]:focus,\ninput[type=email]:focus {\n border-color: #70a177;\n}\n\ntextarea {\n height:200px;\n max-width:none;\n}\n\ntable {\n width:100%;\n background-color:transparent;\n border-collapse:collapse;\n border-spacing:0;\n table-layout:fixed;\n}\nth, td {\n padding: 4px 4px;\n text-align: left;\n vertical-align: top;\n border-bottom: 1px solid $grid-color;\n}\ntr:first-child {\n > th, > td {\n border-top: 1px solid $grid-color;\n }\n}\nth {\n font-weight:bold;\n}\nthead th {\n vertical-align:bottom;\n color:#57594D;\n}\n\n.iconsvg {\n fill: currentColor;\n display: inline-block;\n vertical-align: middle;\n width: 0.8em;\n height: 0.8em;\n}\n\n.iconsvg.pre-text {\n margin-right: 0.2em;\n}\n\n/* Layout\n------------------------------------------------------- */\n.container {\n position: relative;\n width: 100%;\n max-width: $container-width;\n margin: 0 auto;\n padding-right: $container-padding;\n padding-left: $container-padding;\n\n .inner-container { \n width: 100%;\n max-width: 900px;\n margin: 0 auto;\n }\n\n &.stretch {\n @media only screen and (max-width: $container-width) {\n padding: 0;\n .cover-image {\n border-left: 0;\n border-right: 0;\n }\n }\n }\n}\n.layout-post:not(.has-image) article.content{\n padding-top: 0;\n}\n.layout-post.has-image article.content {\n @media only screen and (max-width: $container-width) {\n padding-top: 0;\n .cover-image { \n border-top: 0;\n }\n }\n}\n\nform {\n padding: $sp;\n border: 1px solid #cfead3;\n background: #f3fff5;\n border-radius: 0 0 8px 8px;\n border-top-width: 4px;\n display: flex;\n flex-direction: column;\n align-items: baseline;\n\n > *:not(label):not(input[type='submit']) {\n margin-bottom: $sp*0.5;\n }\n\n input[type=submit] {\n padding: 10px 30px;\n margin-top: $sp*0.5;\n }\n}\n\n.bordered {\n border: 1px solid $grid-color;\n}\n\n/* Buttons\n------------------------------------------------------- */\nbutton, a.button, input[type=submit] {\n cursor: pointer;\n display: inline-block;\n font-weight: 600;\n text-align: center;\n -webkit-backdrop-filter: blur(10px);\n backdrop-filter: blur(10px);\n border: 0;\n padding: 2px 8px;\n border-radius: 6px;\n\n &:hover {\n filter: brightness(1.1);\n }\n\n &.bordered {\n border: 1px solid $primary-color;\n font-size: 0.95em;\n \n &:hover {\n background: rgba(0, 0, 0, 0.05);\n }\n }\n &.large {\n padding: 10px 20px;\n }\n &.wide {\n padding: 4px 24px;\n }\n &.white {\n border-color: white;\n color: white;\n &:hover {\n background: rgba(255, 255, 255, 0.1);\n }\n }\n\n &.prominent {\n background-color: $primary-color;\n color: white;\n &:hover {\n border-color: $primary-color-alt;\n background: $primary-color-alt;\n }\n }\n\n &.external:after {\n content: \" \";\n background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%20fill%3D%22%23fff%22%3E%3C!--!%20Font%20Awesome%20Free%206.4.2%20by%20%40fontawesome%20-%20https%3A%2F%2Ffontawesome.com%20License%20-%20https%3A%2F%2Ffontawesome.com%2Flicense%20(Commercial%20License)%20Copyright%202023%20Fonticons%2C%20Inc.%20--%3E%3Cpath%20d%3D%22M320%200c-17.7%200-32%2014.3-32%2032s14.3%2032%2032%2032h82.7L201.4%20265.4c-12.5%2012.5-12.5%2032.8%200%2045.3s32.8%2012.5%2045.3%200L448%20109.3V192c0%2017.7%2014.3%2032%2032%2032s32-14.3%2032-32V32c0-17.7-14.3-32-32-32H320zM80%2032C35.8%2032%200%2067.8%200%20112V432c0%2044.2%2035.8%2080%2080%2080H400c44.2%200%2080-35.8%2080-80V320c0-17.7-14.3-32-32-32s-32%2014.3-32%2032V432c0%208.8-7.2%2016-16%2016H80c-8.8%200-16-7.2-16-16V112c0-8.8%207.2-16%2016-16H192c17.7%200%2032-14.3%2032-32s-14.3-32-32-32H80z%22%2F%3E%3C%2Fsvg%3E');\n background-repeat: no-repeat;\n display: inline-block;\n height: 0.8em;\n width: 0.8em;\n margin-left: 0.3em;\n }\n}\n\n.site-wordmark {\n display: flex;\n align-items: center;\n font-family: $serif-font;\n font-weight: bold;\n font-size: 21px;\n white-space: nowrap;\n\n .logo {\n height: 30px;\n margin-right: $sp*0.25;\n position: relative;\n top: 2px;\n }\n\n .text {\n color: inherit;\n }\n}\n\n\n/* Header\n------------------------------------------------------- */\n.topbar {\n position: fixed;\n top: 0;\n border-top: 5px solid $primary-color;\n z-index: 10000;\n background: $background-color;\n width: 100%;\n height: $topbar-height;\n border-bottom: 1px solid $grid-color;\n\n .site-wordmark {\n color: inherit;\n }\n\n .container { \n display: flex;\n justify-content: space-between;\n height: 100%;\n }\n\n @media only screen and (max-width: $sections-width) {\n position: relative;\n height: $topbar-height*1.8;\n .container {\n flex-direction: column;\n align-items: center;\n padding-top: $sp*0.33333;\n }\n }\n}\n\n.layout-body { \n background: $background-color;\n position: relative;\n margin-top: $topbar-height;\n\n min-height: calc(100vh - $topbar-height - $footer-min-height);\n\n @media only screen and (max-width: $sections-width) {\n margin-top: 0;\n }\n}\n\nul.headernav {\n display: flex;\n flex-flow: row nowrap;\n align-items: center;\n height: 100%;\n\n > li {\n flex: 0 1 100%;\n font-size: 16px;\n font-weight: 600;\n white-space: nowrap;\n height: 100%;\n \n display: flex;\n align-items: center;\n position: relative;\n\n &:last-child {\n margin-left: $sp*0.5;\n }\n \n a {\n display: flex;\n align-items: center;\n }\n\n > a:not(.bordered) {\n padding: 0 min($sp, 1.5vw);\n color: $text-color;\n height: 100%;\n }\n\n ul.submenu {\n display: none;\n position: absolute;\n top: 100%;\n left: calc(min($sp, 1.5vw) - $sp*0.5);\n background: white;\n border: 1px solid $grid-color;\n border-radius: 5px;\n border-top-left-radius: 0;\n box-shadow: 1px 1px 2px rgba(0,0,0,0.1);\n\n &::before {\n content: \" \";\n background: white;\n position: absolute;\n left: 0;\n top: -1px;\n height: 1px;\n width: 80px;\n }\n\n a {\n height: 100%;\n width: 100%;\n padding: $sp*0.25 $sp*0.5 $sp*0.5 $sp*0.5;\n color: inherit;\n font-weight: 400;\n line-height: 1em;\n }\n }\n /* don't show hover menu on touch taps */\n @media (hover: hover) {\n &:hover {\n ul.submenu {\n display: block;\n }\n }\n }\n }\n}\n\nbody:not(.layout-post):not(.layout-session) {\n .pagenav a {\n color: inherit;\n }\n}\n\n.breadcrumbs, .pagenav {\n width: 100%;\n z-index: 1000;\n}\n.breadcrumbs, .pagenav ul {\n font-size: 16px;\n font-weight: 600;\n}\n\n.breadcrumbs {\n margin-bottom: $sp;\n &:empty {\n display: none;\n }\n .iconsvg {\n margin-top: -2px;\n }\n a {\n color: inherit;\n }\n}\n\n.pagenav {\n display: flex;\n align-items: baseline;\n justify-content: space-between;\n border-bottom: 1px solid $alpha-grid-color;\n margin-bottom: $sp;\n\n .meta {\n margin-bottom: $sp*0.5;\n }\n\n > *:last-child {\n margin-bottom: $sp*0.5;\n }\n \n li {\n display: inline;\n white-space: nowrap;\n &:not(:last-child) {\n margin-right: 2vw;\n }\n }\n\n @media only screen and (max-width: $sections-width) {\n flex-direction: column;\n }\n}\n.layout-page.has-image {\n .pagenav {\n border-bottom: none;\n margin-bottom: 0;\n }\n}\n#hero-map {\n width: 100%;\n height: 50vw;\n max-height: 70vh;\n min-height: 30vh;\n border-bottom: 1px solid $grid-color;\n\n .custom-marker {\n background-color: var(--color);\n border-radius: 50%;\n width: 20px;\n height: 20px;\n cursor: pointer;\n }\n\n .custom-marker::after {\n position: absolute;\n content: '';\n background-image: var(--icon-image);\n background-position: center;\n background-size: 70%;\n background-repeat: no-repeat;\n filter: invert(1);\n width: 100%;\n height: 100%;\n border-radius: 50%;\n }\n \n .custom-marker::before {\n position: absolute;\n content: '';\n width: 0px;\n height: 0px;\n bottom: -100%;\n border: 10px solid transparent;\n border-top: 17px solid var(--color);\n }\n}\n\nfigcaption {\n background-color: rgba(0,0,0,0.5);\n -webkit-backdrop-filter: blur(10px);\n backdrop-filter: blur(10px);\n position: absolute;\n right: 0;\n bottom: 0;\n max-width: min($text-width*0.8, 100%);\n padding: calc($sp/6) calc($sp/4);\n font-style: italic;\n line-height: 1.3;\n font-size: 0.9em;\n color: white;\n\n a, a:visited {\n color: #00e723;\n }\n a:hover, a:focus, a:active {\n color: #00ff27;\n }\n\n &.left {\n right: initial;\n left: 0;\n }\n}\n\n.cover {\n color: white;\n width: 100%;\n position: relative;\n background-position: center;\n background-size: cover;\n overflow-x: hidden;\n\n .pagenav {\n border-bottom-color: rgba(255, 255, 255, 0.25);\n }\n\n &.video {\n background: black;\n line-height: 0;\n }\n\n .cover-image-container {\n position: relative;\n }\n\n .cover-image {\n border: 1px solid $grid-color;\n }\n\n .cover-image, .cover-video {\n width: 100%;\n max-height: min(70vh, 50vw);\n height: $cover-image-height;\n background-size: cover;\n background-position: center;\n background-repeat: no-repeat;\n position: relative;\n }\n\n figcaption {\n right: 1px;\n bottom: 1px;\n max-width: min($text-width*0.8, calc(100%) - 2px);\n }\n}\n.layout-project .cover, .layout-person .cover {\n background: linear-gradient(-135deg, #002042, #022D48);\n}\n\niframe.embedded-page-viewer {\n width: 100%;\n height: calc(80vh - $topbar-height);\n border: 1px solid $grid-color;\n border-radius: 4px;\n overflow: hidden;\n}\n\n/* Project page\n--------------------------------------------\n*/\n$hero-overlap: 150px;\n\n.layout-project {\n\n .cover {\n .logo-area {\n display: flex;\n\n > * {\n width: 100%;\n }\n \n .logo-wrap {\n flex: 0 0 auto;\n width: $avatar-width;\n max-height: $avatar-width*1.25;\n margin-right: $sp*1.5;\n text-align: center;\n\n img {\n max-width: 100%;\n max-height: 100%;\n }\n }\n @media only screen and (max-width: $sections-width) {\n flex-direction: column;\n\n .logo-wrap {\n margin-right: 0;\n margin-bottom: $sp;\n }\n\n img.wordmark {\n margin-top: 0;\n }\n }\n }\n a {\n display: inline-block;\n color: inherit;\n }\n > .container {\n margin-top: $sp;\n margin-bottom: $sp;\n }\n &.with-hero-image {\n padding-bottom: $hero-overlap;\n }\n\n .blurb a {\n text-decoration: underline;\n }\n }\n\n img.wordmark {\n max-width: 100%;\n max-height: 86px;\n }\n\n .blurb, .tagline {\n max-width: $text-width;\n }\n\n .cover .container .logo-area .right > *:not(:last-child) {\n margin-bottom: $sp*0.5;\n }\n .tagline {\n font-style: italic;\n font-weight: bold;\n font-size: 20px;\n }\n img.hero-image {\n width: 100%;\n border-radius: 5px;\n border: 1px solid $alpha-grid-color;\n margin-top: -$hero-overlap;\n }\n\n}\n\n.buttons {\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-top: $sp;\n\n margin-bottom: -$sp;\n\n a {\n margin-bottom: $sp;\n }\n .button {\n flex: 0 0 auto;\n }\n .text-buttons > .button:not(:last-child) {\n margin-right: $sp*0.75;\n }\n\n @media only screen and (max-width: $sections-width) {\n flex-direction: column;\n align-items: baseline;\n }\n}\n.banner-footer {\n width: 100%;\n padding-top: $sp;\n position: relative;\n color: #fff;\n}\ntable.schedule {\n table-layout: auto;\n th, td {\n padding: 10px 14px;\n border-right: 1px solid $grid-color;\n &:first-child {\n border-left: 1px solid $grid-color;\n }\n }\n td {\n &:first-child {\n width: 100px;\n }\n .title {\n font-weight: 600;\n }\n }\n\n tr {\n transition: 200ms ease-in-out;\n }\n\n tr.interstitial {\n background: hsl(0, 0%, 97%);\n .title {\n font-weight: normal;\n font-style: italic;\n }\n }\n\n tr.ongoing {\n border-top: 2px solid $status-color;\n background: #E5F7FC;\n td:first-child {\n padding-top: 18px;\n font-weight: 600;\n position: relative;\n\n &:before {\n content: \"Happening Now\";\n display: block;\n position: absolute;\n top: -14px;\n border-radius: 13px;\n background-color: $status-color;\n color: white;\n font-size: 14px;\n font-weight: bold;\n width: 124px;\n height: 26px;\n text-align: center;\n left: -13px;\n }\n }\n .title {\n font-weight: bold;\n }\n }\n}\n\n.icon-buttons {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n > li {\n &:not(:last-child) {\n margin-right: $sp*0.25;\n }\n }\n .iconsvg {\n vertical-align: middle;\n height: 30px;\n width: 30px;\n }\n}\n\n.section {\n width: 100%;\n .section-header {\n border-bottom: 1px solid $alpha-grid-color;\n margin-bottom: $sp;\n display: flex;\n align-items: baseline;\n justify-content: space-between;\n\n h2, h3 {\n white-space: nowrap;\n }\n }\n a.section-button {\n font-weight: 600;\n }\n margin-bottom: $sp;\n\n & > *:not(.prose) {\n h1, h2, h3, h4, h5, h6 {\n font-family: $serif-font !important;\n }\n }\n &:empty {\n display: none;\n }\n}\n\n/* Person page\n--------------------------------------------\n*/\n.layout-person {\n $avatar-border-width: 5px;\n \n h1 {\n margin: 0;\n }\n\n .cover {\n min-height: 200px;\n }\n\n &.has-cover {\n .cover {\n background: none;\n }\n }\n\n .hero-avatar {\n width: 100%;\n padding-bottom: calc(100% - $avatar-border-width*2);\n position: relative;\n margin-top: -84px;\n border: $avatar-border-width solid $background-color;\n }\n\n .sections {\n display: flex;\n flex-direction: column;\n }\n .section {\n width: auto;\n display: flex;\n justify-content: right;\n margin: 0 auto;\n\n .section-body {\n padding: $sp*0.75;\n padding-left: 0;\n border-bottom: 1px solid $grid-color;\n\n &.prose {\n padding-bottom: 0;\n }\n }\n\n > h3 {\n padding-top: $sp*0.75;\n }\n \n > *:first-child {\n width: 210px;\n text-align: right;\n padding-right: $sp*0.75;\n }\n > *:last-child {\n width: $text-width;\n max-width: 100%;\n flex: 0 0 auto;\n border-right: 1px solid $grid-color;\n }\n &:last-child > *:last-child {\n border-bottom: 0;\n }\n\n .name-section {\n padding-top: 0;\n }\n .name-header {\n display: flex;\n align-items: baseline;\n }\n .pronouns {\n margin-left: 8px;\n font-weight: 600;\n color: #777;\n }\n }\n .connect-links a:not(:last-child) {\n margin-right: $sp;\n }\n\n @media only screen and (max-width:$sections-width) {\n .hero-avatar {\n margin-left: auto;\n margin-right: auto;\n width: 210px;\n height: 210px;\n padding: 0;\n }\n .cover figcaption {\n top: 1px;\n bottom: initial;\n }\n .name-section {\n text-align: center;\n }\n .name-header {\n justify-content: center;\n }\n .sections {\n padding-left: $sp*0.75;\n }\n .section {\n flex-direction: column;\n width: 100%;\n \n\n > *:first-child {\n width: 100%;\n margin: 0 auto;\n max-width: $text-width;\n text-align: center;\n }\n > h3 {\n border-right: 1px solid $grid-color;\n }\n > h3:empty {\n display: none;\n }\n > *:last-child {\n margin: 0 auto;\n }\n }\n }\n}\n\n.item-list {\n position: relative;\n\n .item-listing {\n display: flex;\n justify-content: left;\n max-width: 100%;\n &:not(:last-child) {\n margin-bottom: $sp;\n }\n \n .listing-front {\n max-width: 100%;\n width: 360px;\n position: relative;\n flex: 0 0 auto;\n\n &:empty {\n height: 0;\n }\n \n .thumbnail-image {\n position: relative;\n width: 100%;\n background-size: cover;\n background-position: center;\n background-repeat: no-repeat;\n display: block;\n border: 1px solid $alpha-grid-color;\n \n transition: transform 100ms ease-in-out;\n \n &:hover {\n transform: scale(1.04);\n z-index: 9999;\n\n .iconsvg {\n opacity: 0.9;\n }\n }\n\n .iconsvg {\n color: white;\n opacity: 0.75;\n width: 20px;\n height: 20px;\n position: absolute;\n right: 10px;\n bottom: 10px;\n }\n }\n .rect-image {\n border-radius: 2px;\n height: $list-item-image-height;\n }\n }\n \n .listing-body {\n padding-left: $sp;\n max-width: $text-width;\n\n &:empty {\n display: none;\n }\n &:first-child {\n padding-left: 0;\n }\n \n & > * {\n margin-bottom: $sp*0.25;\n }\n .button {\n margin-top: $sp*0.25;\n }\n .subtitle {\n line-height: 1.2;\n font-style: italic;\n }\n }\n\n &.contained-image {\n .listing-front {\n width: $avatar-width;\n }\n }\n &.contained-image .thumbnail-image,\n .thumbnail-image.contained-image {\n height: $list-item-image-height;\n background-size: contain;\n border: 0;\n }\n\n @media only screen and (max-width: $sections-width) {\n flex-wrap: wrap;\n .listing-front {\n width: 100%;\n }\n .listing-body {\n padding-left: 0;\n padding-top: $sp*0.5;\n }\n }\n }\n\n &.gallery {\n display: flex;\n flex-wrap: wrap;\n .item-listing {\n flex-direction: column;\n align-items: center;\n text-align: center;\n width: $avatar-width;\n flex: 0 0 auto;\n\n .listing-front {\n width: 100%;\n }\n .thumbnail-image {\n width: 80%;\n padding-bottom: 80%;\n margin: 0 auto;\n }\n\n .listing-body {\n padding: 0;\n margin-top: $sp*0.5;\n }\n }\n\n @media only screen and (max-width: calc($avatar-width*2 + $container-padding*2)) {\n &:not(.scroll) {\n justify-content: center;\n }\n }\n &:not(.pages-list):not(.people-list):not(.swag-list) {\n\n .item-listing {\n width: calc($content-width * 0.333);\n \n align-items: baseline;\n .listing-front .thumbnail-image {\n width: 92%;\n padding: 0;\n }\n\n .listing-body {\n width: 92%;\n margin-left: auto;\n margin-right: auto;\n }\n\n h3 {\n text-align: left;\n }\n }\n\n &.no-titles {\n \n .item-listing {\n margin: 0;\n .listing-front .thumbnail-image {\n height: 196px;\n width: 100%;\n border-radius: 0;\n border-width: 0.5px;\n }\n \n }\n }\n\n &.scroll {\n .item-listing {\n width: calc($content-width * 0.27);\n .listing-front .thumbnail-image {\n height: 148px;\n }\n }\n .thumbnail-image, .listing-body {\n margin-left: 0;\n }\n }\n }\n }\n\n &.people-list {\n \n .listing-front {\n width: $avatar-width;\n height: auto;\n\n .thumbnail-image {\n width: 80%;\n padding-bottom: 80%;\n margin: 0 auto;\n }\n }\n .listing-body {\n padding-left: $sp*0.5;\n }\n }\n\n &.scroll {\n flex-wrap: nowrap;\n overflow-x: auto;\n }\n\n &.swag-list {\n h3 {\n font-family: $sans-serif-font !important;\n font-size: 1em;\n }\n }\n}\n\n.simple-item-listing {\n display: flex;\n justify-content: space-between;\n line-height: 1.25;\n .date {\n white-space: nowrap;\n }\n &:not(:last-child) {\n margin-bottom: $sp*0.75;\n }\n}\n\n.title {\n .iconsvg {\n width: 0.6em;\n height: 0.6em;\n }\n}\n\n.content {\n padding-top: $sp;\n padding-bottom: $sp;\n width: 100%;\n}\n.fullwidth {\n width: 100%;\n position: relative;\n}\n\narticle {\n position: relative;\n margin: auto;\n display: flex;\n flex-direction: column;\n align-items: center;\n\n .post-header {\n padding-top: $sp;\n width: 100%;\n margin: 0 auto;\n position: relative;\n }\n .post-body {\n margin-bottom: $sp*2;\n }\n}\n\n.prose {\n display: flex;\n flex-direction: column;\n align-items: baseline;\n position: relative;\n z-index: 0;\n\n h2, h3, h4, h5, h6 {\n font-family: $sans-serif-font;\n }\n \n li {\n list-style: disc;\n margin-left: 20px;\n }\n ol {\n li {\n list-style: decimal;\n }\n }\n\n >, blockquote {\n \n .neatline {\n position: absolute;\n height: calc(100% + $sp);\n width: calc(100% + $container-padding);\n max-width: calc($text-width + $sp*2);\n left: 0;\n right: 0;\n top: -$sp;\n border-right: 1px solid $grid-color;\n z-index: -1;\n\n @media only screen and (max-width: calc($text-width + $container-padding*2)) {\n display: none;\n }\n }\n\n iframe, table, form, a, em, b, strong, i, p, ol, ul,\n code, blockquote, q, h1, h2, h3, h4, h5, h6, hr, pre, center {\n width: 100%;\n max-width: $text-width;\n margin-bottom: $sp;\n }\n img, figure, .img-container, div {\n margin-bottom: $sp;\n }\n hr {\n padding: 0;\n width: 100%;\n max-width: calc($text-width + $sp*2);\n position: relative;\n }\n img, figure, .img-container, iframe, table {\n max-width: $img-width;\n border: 1px solid $grid-color;\n background-color: $background-color;\n padding: 0;\n\n &.wide {\n max-width: 100%;\n }\n\n @media only screen and (max-width: calc($img-width + $container-padding*2)) {\n max-width: 100%;\n }\n }\n figure, .img-container {\n line-height: 0;\n position: relative;\n\n img {\n width: 100%;\n }\n }\n blockquote, q {\n position: relative;\n left: 0.75em;\n padding-left: $sp;\n border-left: 6px solid $grid-color;\n width: calc(100% - 1em);\n max-width: calc($text-width - 1em);\n }\n }\n}\n\n/* About\n------------------------------------------------------- */\n.board-members img {\n max-width: 50%;\n margin: 0px auto 10px auto;\n display: block;\n}\n\n.board-members p {\n margin-bottom: 40px;\n}\n\n\n/* Blog Post\n------------------------------------------------------- */\n\n.avatar {\n background-image: url($baseurl + \"/assets/avatar.jpg\");\n background-color: white;\n border-radius: 50%;\n background-size: cover;\n background-position: center;\n flex: 0 0 auto;\n}\n\n.inline-avatar {\n display: inline-block;\n vertical-align: text-top;\n width: 24px;\n height: 24px;\n margin-right: 4px;\n}\n\n/* 404\n------------------------------------------------------- */\n.notfound {\n padding: 100px 100px;\n text-align: center;\n color: #999;\n text-shadow: 1px 1px 2px #eee;\n font-size: 25px;\n}\n.notfound h1 {\n font-size: 50px;\n}\n\n/* Footer\n------------------------------------------------------- */\n.footer {\n min-height: $footer-min-height;\n font-size: 17px;\n border-top: 1px solid rgb(60, 60, 60);\n position: relative;\n margin-top: 0px;\n display: flex;\n flex-flow: row nowrap;\n padding: $sp 0;\n\n .top {\n display: flex;\n justify-content: space-between;\n\n @media only screen and (max-width: $sections-width) {\n flex-direction: column;\n\n .site-wordmark {\n margin-bottom: $sp;\n }\n }\n }\n\n .sitemap {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n ul {\n width: $avatar-width;\n margin-bottom: $sp;\n li {\n white-space: nowrap;\n\n &:first-child {\n font-weight: 600;\n }\n &:not(:last-child) {\n margin-right: $sp*0.5;\n }\n }\n }\n a {\n color: inherit;\n } \n }\n\n .smallprint {\n display: flex;\n justify-content: space-between;\n }\n}\n\n.status-bubble {\n color: white;\n background: $status-color;\n border-radius: 20px;\n position: absolute;\n top: -10px;\n font-weight: bold;\n font-size: 0.75em;\n padding: 0 $sp*0.5;\n}\n\n.app-sign {\n background-position: center;\n background-size: cover;\n border-radius: 16px;\n border: 1px solid $grid-color;\n height: 140px;\n\n .status-bubble {\n top: -10px;\n right: -10px;\n }\n}\n.status-symbol {\n color: $status-color;\n}\n\n.hoverscale {\n transition: transform 100ms ease-in-out;\n \n &:hover {\n transform: scale(1.04);\n z-index: 9999;\n }\n}\n\n.mono-logos {\n img {\n filter: brightness(0) invert(1);\n }\n}\n\nul.org-members {\n\n padding-left: $sp*1.5;\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n \n li {\n max-width: 100%;\n list-style: none;\n margin-left: 0;\n margin-bottom: $sp;\n &:not(:last-child) {\n margin-right: $sp*2;\n }\n \n img {\n width: auto;\n height: 100%;\n max-width: 100%;\n object-fit: contain;\n }\n }\n}\n\nul.org-members.level-5 li {\n height: 70px;\n}\n\nul.org-members.level-4 li {\n height: 80px;\n}\n\nul.org-members.level-3 li {\n height: 90px;\n}\n\nul.org-members.level-2 li {\n height: 100px;\n}\n\nul.org-members.level-1 li {\n height: 108px;\n}\n\n.directory {\n display: flex;\n flex-wrap: wrap;\n .list-wrap {\n flex-basis: 25%;\n min-width: 200px;\n padding-bottom: $sp;\n padding-right: $sp*0.5;\n white-space: nowrap;\n }\n}\n\n#notice-overlay {\n position: fixed;\n bottom: $sp*0.5;\n right: $sp*0.5;\n background: white;\n border: 1px solid $grid-color;\n border-radius: 4px;\n padding: $sp*0.75 $sp*0.5;\n box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.12);\n\n display: flex;\n flex-direction: row;\n\n .logo {\n width: 60px;\n margin-right: $sp*0.5;\n }\n .status-bubble {\n left: -10px;\n }\n}\n\n.cond-only {\n display: none;\n}\n.condensed {\n .no-cond {\n display: none;\n }\n}\n.condensed {\n .cond-only {\n display: initial;\n }\n}\n.condensed {\n .simple-item-listing > *:first-child {\n display: flex;\n flex-direction: column;\n }\n}\n@media only screen and (max-width: $sections-width) {\n .no-cond {\n display: none !important;\n }\n .cond-only {\n display: initial;\n }\n\n .simple-item-listing > *:first-child {\n display: flex;\n flex-direction: column;\n }\n}"],"file":"style.css"} \ No newline at end of file diff --git a/package-lock.json b/package-lock.json index 8cf1dd4..6b3971e 100644 --- a/package-lock.json +++ b/package-lock.json @@ -2210,9 +2210,9 @@ } }, "node_modules/micromark-extension-gfm-autolink-literal": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/micromark-extension-gfm-autolink-literal/-/micromark-extension-gfm-autolink-literal-2.0.0.tgz", - "integrity": "sha512-rTHfnpt/Q7dEAK1Y5ii0W8bhfJlVJFnJMHIPisfPK3gpVNuOP0VnRl96+YJ3RYWV/P4gFeQoGKNlT3RhuvpqAg==", + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/micromark-extension-gfm-autolink-literal/-/micromark-extension-gfm-autolink-literal-2.1.0.tgz", + "integrity": "sha512-oOg7knzhicgQ3t4QCjCWgTmfNhvQbDDnJeVu9v81r7NltNCVmhPy1fJRX27pISafdjL+SVc4d3l48Gb6pbRypw==", "dev": true, "dependencies": { "micromark-util-character": "^2.0.0", @@ -2226,9 +2226,9 @@ } }, "node_modules/micromark-extension-gfm-footnote": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/micromark-extension-gfm-footnote/-/micromark-extension-gfm-footnote-2.0.0.tgz", - "integrity": "sha512-6Rzu0CYRKDv3BfLAUnZsSlzx3ak6HAoI85KTiijuKIz5UxZxbUI+pD6oHgw+6UtQuiRwnGRhzMmPRv4smcz0fg==", + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/micromark-extension-gfm-footnote/-/micromark-extension-gfm-footnote-2.1.0.tgz", + "integrity": "sha512-/yPhxI1ntnDNsiHtzLKYnE3vf9JZ6cAisqVDauhp4CEHxlb4uoOTxOCJ+9s51bIB8U1N1FJ1RXOKTIlD5B/gqw==", "dev": true, "dependencies": { "devlop": "^1.0.0", @@ -2246,9 +2246,9 @@ } }, "node_modules/micromark-extension-gfm-strikethrough": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/micromark-extension-gfm-strikethrough/-/micromark-extension-gfm-strikethrough-2.0.0.tgz", - "integrity": "sha512-c3BR1ClMp5fxxmwP6AoOY2fXO9U8uFMKs4ADD66ahLTNcwzSCyRVU4k7LPV5Nxo/VJiR4TdzxRQY2v3qIUceCw==", + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/micromark-extension-gfm-strikethrough/-/micromark-extension-gfm-strikethrough-2.1.0.tgz", + "integrity": "sha512-ADVjpOOkjz1hhkZLlBiYA9cR2Anf8F4HqZUO6e5eDcPQd0Txw5fxLzzxnEkSkfnD0wziSGiv7sYhk/ktvbf1uw==", "dev": true, "dependencies": { "devlop": "^1.0.0", @@ -2264,9 +2264,9 @@ } }, "node_modules/micromark-extension-gfm-table": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/micromark-extension-gfm-table/-/micromark-extension-gfm-table-2.0.0.tgz", - "integrity": "sha512-PoHlhypg1ItIucOaHmKE8fbin3vTLpDOUg8KAr8gRCF1MOZI9Nquq2i/44wFvviM4WuxJzc3demT8Y3dkfvYrw==", + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/micromark-extension-gfm-table/-/micromark-extension-gfm-table-2.1.0.tgz", + "integrity": "sha512-Ub2ncQv+fwD70/l4ou27b4YzfNaCJOvyX4HxXU15m7mpYY+rjuWzsLIPZHJL253Z643RpbcP1oeIJlQ/SKW67g==", "dev": true, "dependencies": { "devlop": "^1.0.0", @@ -2294,9 +2294,9 @@ } }, "node_modules/micromark-extension-gfm-task-list-item": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/micromark-extension-gfm-task-list-item/-/micromark-extension-gfm-task-list-item-2.0.1.tgz", - "integrity": "sha512-cY5PzGcnULaN5O7T+cOzfMoHjBW7j+T9D2sucA5d/KbsBTPcYdebm9zUd9zzdgJGCwahV+/W78Z3nbulBYVbTw==", + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/micromark-extension-gfm-task-list-item/-/micromark-extension-gfm-task-list-item-2.1.0.tgz", + "integrity": "sha512-qIBZhqxqI6fjLDYFTBIa4eivDMnP+OZqsNwmQ3xNLE4Cxwc+zfQEfbs6tzAo2Hjq+bh6q5F+Z8/cksrLFYWQQw==", "dev": true, "dependencies": { "devlop": "^1.0.0",