From f441e202c899ec5a12c293e49ae6f78fec35a00e Mon Sep 17 00:00:00 2001 From: Andrew Gardener Date: Tue, 5 Dec 2023 11:48:49 -0800 Subject: [PATCH] Fixes css and citations --- public/css/mvm.css | 7 ++++++- public/css/mvm.css.map | 2 +- public/sass/components/_table.scss | 2 +- public/sass/mvm.scss | 5 +++++ templates/manuscript/show.html.twig | 9 +-------- templates/partial/citation.html.twig | 4 ++-- 6 files changed, 16 insertions(+), 13 deletions(-) diff --git a/public/css/mvm.css b/public/css/mvm.css index 60b98c1..f769650 100644 --- a/public/css/mvm.css +++ b/public/css/mvm.css @@ -611,7 +611,7 @@ li > .breadcrumbs .current { table.table, table.table-condensed { - border-collapse: separate; + border-collapse: collapse; border-color: rgba(132, 108, 91, 0.15); } table.table tbody th, table.table tbody td, table.table thead th, table.table thead td, @@ -1635,6 +1635,7 @@ table.table ul > li { padding-bottom: 0.8rem; } .tab-pane.active[id*=Transcription] > div table th[role=rowheader] { + border-bottom: none; width: unset; } .tab-pane.active[id*=Transcription] > div table .note { @@ -2077,6 +2078,10 @@ details > div { padding: 1em 0.6666666667em; } +.help-block { + color: var(--bs-secondary-color); +} + /* Special styling rules for the index page only */ #index .navbar { margin-bottom: 0; diff --git a/public/css/mvm.css.map b/public/css/mvm.css.map index 58537cc..d60a368 100644 --- a/public/css/mvm.css.map +++ b/public/css/mvm.css.map @@ -1 +1 @@ -{"version":3,"file":"./css/mvm.css","mappings":"AAAA,gBAAgB;AAAhB;;;;;;EAAA;AAQC;;;EAAA;AASD;;EAAA;ACjBA;ACCA;AACA;EACI;EACA;EACA;EACA,oHACA;AFeJ;AEXA;AACA;EACI;EACA;EACA;EACA,oHACA;AFYJ;AERA;AACA;EACI;EACA;EACA;EACA,oHACA;AFSJ;AELA;AACA;EACI;EACA;EACA;EACA,oHACA;AFMJ;AEFA;AACA;EACI;EACA;EACA;EACA,oHACA;AFGJ;AECA;AACA;EACI;EACA;EACA;EACA,sHACA;AFAJ;AEIA;AACA;EACI;EACA;EACA;EACA,sHACA;AFHJ;AEOA;AACA;EACI;EACA;EACA;EACA,sHACA;AFNJ;AEUA;AACA;EACI;EACA;EACA;EACA,sHACA;AFTJ;AEaA;AACA;EACI;EACA;EACA;EACA,sHACA;AFZJ;AEgBA;AACA;EACI;EACA;EACA;EACA,sHACA;AFfJ;AEmBA;AACA;EACI;EACA;EACA;EACA,sHACA;AFlBJ;AEsBA;AACA;EACI;EACA;EACA;EACA,sHACA;AFrBJ;AEyBA;AACA;EACI;EACA;EACA;EACA,sHACA;AFxBJ;AE4BA;AACA;EACI;EACA;EACA;EACA,sHACA;AF3BJ;AE+BA;AACA;EACI;EACA;EACA;EACA,sHACA;AF9BJ;AEkCA;AACA;EACI;EACA;EACA;EACA,sHACA;AFjCJ;AEqCA;AACA;EACI;EACA;EACA;EACA,sHACA;AFpCJ;AEwCA;AACA;EACI;EACA;EACA;EACA,sHACA;AFvCJ;AE2CA;AACA;EACI;EACA;EACA;EACA,sHACA;AF1CJ;AE8CA;AACA;EACI;EACA;EACA;EACA,sHACA;AF7CJ;AEiDA;AACA;EACI;EACA;EACA;EACA,sHACA;AFhDJ;AGzKA;;EAAA;AAIA;;;EAAA;AASA;ACbA;;EAAA;AAqBA;;EAAA;AAOA;;;EAAA;AC3BA;ACmEA;ACpEA;AJuCA;;;EAAA;AA4BA;;;EAAA;AA0BA;;;EAAA;AA0GA;;;;EAAA;AAyBA;;;;EAAA;AA4BA;;;;EAAA;AK5PA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA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CC,sBTEyB;Af63B3B;AwB53BC;EAEC;AxB63BF;AwB13BC;EACC,gBTiB+B;Af22BjC;AwBz3BC;EACC;EACA;AxB23BF;AwBx3BC;EACC;EACA;EACA;EACA,mBThByB;ESiBzB,cTvByB;ESwBzB;AxB03BF;AwBx3BE;EACC,mBTlB6B;ESmB7B,cT5BwB;ES6BxB;AxB03BH;AwBr3BE;EACC;EACA;EACA;AxBu3BH;AwBn3BC;EAKC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AxBi3BF;AwBl4BE;EACC;AxBo4BH;AwBn3BE;EAAU;AxBs3BZ;AwBn3BC;EACC;AxBq3BF;AwBl3BC;EACC;AxBo3BF;AwBn3BE;EACC,UTvByB;ESwBzB;AxBq3BH;AwBn3BE;EACC;AxBq3BH;AwBj3BC;EACC,YTvD6B;ESwD7B,yBT3E4B;Af87B9B;AwB92BC;EACC;EACA;EACA;AxBg3BF;;AyB79BA;EACC;EACA;EACA;EACA;EACA;EAEA,yBV4C6B;EU3C7B,gBVyB6B;EUxB7B;EACA;EACA;EACA;EACA;AzB+9BD;AyB59BC;EACC;EACA;AzB89BF;AyB79BE;EACC,oCVG2B;EUF3B;AzB+9BH;AyB39BC;;;;EAIC;AzB69BF;AyB19BC;EACC;EACA;AzB49BF;AyBz9BC;EACC;EACA;AzB29BF;AyBx9BC;EACC;AzB09BF;AyBv9BC;EACC,cV1ByB;EU2BzB,gBVf4B;EUgB5B;AzBy9BF;AyBt9BC;EACC,yBVjBqC;EUkBrC,cVjByC;Afy+B3C;AyBv9BE;EACC,cVnBwC;Af4+B3C;AyBr9BC;EACC,4BVvBwC;Af8+B1C;AyBp9BC;EACC;EACA,WVO0B;EUN1B,YVM0B;EUL1B;AzBs9BF;AyBn9BE;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AzBq9BH;AyBn9BE;EACC;IACC;EzBq9BF;EyBn9BC;IACC;EzBq9BF;AACF;;AyBh9BA;EACC;EACA;EACA,iBVzCgC;EU0ChC;EACA;AzBm9BD;;Ae14BA;EACC;EACG;EACA;EAEA;EACA;EACA;EACA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","sources":["webpack://mvm/./sass/mvm.scss","webpack://mvm/./sass/_variables.scss","webpack://mvm/./sass/_fonts.scss","webpack://mvm/./node_modules/dhilux/scss/dhilux.scss","webpack://mvm/./node_modules/dhilux/scss/components/_functions.scss","webpack://mvm/./node_modules/dhilux/scss/components/_breadcrumb.scss","webpack://mvm/./node_modules/dhilux/scss/components/_pagination.scss","webpack://mvm/./node_modules/dhilux/scss/components/_modal.scss","webpack://mvm/./sass/components/_breadcrumb.scss","webpack://mvm/./node_modules/swiper/swiper.scss","webpack://mvm/./node_modules/swiper/modules/navigation/navigation.scss","webpack://mvm/./sass/components/_carousel.scss","webpack://mvm/./sass/components/_nextPrev.scss","webpack://mvm/./node_modules/dhilux/scss/a11y_tables.scss","webpack://mvm/./sass/components/_table.scss","webpack://mvm/./node_modules/tom-select/src/scss/tom-select.scss","webpack://mvm/./node_modules/tom-select/src/plugins/drag_drop/plugin.scss","webpack://mvm/./node_modules/tom-select/src/plugins/checkbox_options/plugin.scss","webpack://mvm/./node_modules/tom-select/src/plugins/clear_button/plugin.scss","webpack://mvm/./node_modules/tom-select/src/plugins/dropdown_header/plugin.scss","webpack://mvm/./node_modules/tom-select/src/plugins/dropdown_input/plugin.scss","webpack://mvm/./node_modules/tom-select/src/plugins/input_autogrow/plugin.scss","webpack://mvm/./node_modules/tom-select/src/plugins/optgroup_columns/plugin.scss","webpack://mvm/./node_modules/tom-select/src/plugins/remove_button/plugin.scss","webpack://mvm/./node_modules/tom-select/src/scss/_items.scss","webpack://mvm/./node_modules/tom-select/src/scss/_dropdown.scss","webpack://mvm/./sass/components/_advanced_search.scss","webpack://mvm/./sass/components/_citation.scss","webpack://mvm/./sass/_functions.scss","webpack://mvm/./node_modules/dhilux/scss/components/_accordion.scss","webpack://mvm/./sass/pages/_index.scss","webpack://mvm/./sass/pages/_bornDigital.scss","webpack://mvm/./sass/_media.scss"],"sourcesContent":["/*\n * Base SCSS stylesheet for the Manuscript Verse Miscellanies\n * Database.\n *\n * @author: Joey Takeda\n * @date: 2020\n */\n\n /**\n * Namespaces\n *\n **/\n\n@use 'sass:map';\n@use 'sass:math';\n@use 'sass:color';\n@use 'sass:list';\n/*\n * Imports\n */\n\n@import \"_variables.scss\";\n@import \"_fonts.scss\";\n@import \"_functions.scss\";\n@import \"../node_modules/dhilux/scss/dhilux.scss\";\n\n@import \"components/breadcrumb\";\n@import \"components/carousel\";\n@import \"components/nextPrev\";\n@import \"components/table\";\n@import \"components/advanced_search\";\n@import \"components/citation\";\n\n/*\n * Root\n */\n\n* {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n text-rendering: optimizeLegibility;\n}\n\nhtml{\n font-size:1rem;\n}\n\n body{\n background-color: $mvm-tan;\n font-size:1rem;\n font-family: \"Nunito Sans\";\n line-height: 1.6;\n overflow-x:hidden;\n img{\n max-width:100%;\n }\n }\n\n @media (min-width:768px) and (max-width: 991px){\n .container{\n width:95%;\n }\n }\n\n\n nav.navbar{\n background: $mvm-dark-purple;\n color: $mvm-white;\n z-index:1;\n position:static;\n border-radius:0;\n box-shadow:unset;\n border:none;\n display: block;\n &:after{\n content:\"\";\n display:block;\n height: 28vh;\n\n }\n .navbar-nav{\n .brand{\n margin-right:1rem;\n }\n & > li{\n &.open > a,\n &.open > a:hover,\n &.open > a:focus{\n background:#fff;\n color:black;\n }\n & > a{\n color:$mvm-white;\n &:after{\n content: \"\";\n opacity:0;\n display:block;\n width:1%;\n margin-top:.5rem;\n margin-left:auto;\n margin-right:auto;\n height:2px;\n background-color:$mvm-white;\n transition:opacity 0.3s $easeInOutSine, width 0.3s $easeInOutSine;\n }\n &:hover, &:focus{\n color:$mvm-white;\n &:after{\n opacity:1;\n width:100%;\n }\n\n }\n }\n & .current > a{\n font-weight:bold;\n }\n }\n }\n }\n\n // Hack to make navbar-toggle centered etc.\n .navbar-toggle{\n right: 40px;\n top:5px;\n\n }\n\n\n\n\n.list-group-horizontal{\n list-style-type:none;\n display:flex;\n justify-content:center;\n margin:map.get($typescale, 5) auto;\n font-size: map.get($typescale, 7);\n padding:0;\n li{\n padding: 0 map.get($typescale, 9);\n &:not(:first-child){\n border-left: 1px solid rgba($mvm-brown, .5);\n }\n }\n}\n\n//Modals\n\n@include dhil-modal;\n\na{\n @include link;\n\n footer &,\n nav &{\n border-bottom:none;\n text-decoration:none;\n }\n}\n\n\nheader{\n text-align:center;\n h1{\n margin-bottom:map.get($typescale, 5);\n .firstLine{\n font-size:0.95em;\n font-style:italic;\n &:before{\n content: \"“\";\n }\n &:after{\n content:\"”\";\n }\n }\n }\n}\n\n/* Special little fleuron for the article header */\narticle header:after{\n display:block;\n content:\"❧\";\n margin-bottom:map.get($typescale, 5);\n text-align:center;\n font-size:2.5rem;\n}\n\n\n\narticle.container{\n margin-top:-28.5vh;\n background-color:$mvm-white;\n z-index:9000;\n margin-left:auto;\n margin-right:auto;\n padding: 2rem 5rem 5rem 5rem;\n min-height:90vh;\n }\n\n\n\nform{\n margin-bottom:map.get($typescale, 4);\n}\n.navigation{\n padding: 20px 0px;\n margin: auto;\n}\n\n\nmain{\n /* Note that breadcrumbs are handled in their own module */\n a:hover, a:focus{\n text-decoration:none;\n }\n}\n\ndiv.tab-content{\n width: 95%;\n margin:map.get($typescale, 3) auto;\n .text-right{\n margin:2rem 0;\n }\n .btn-toolbar{\n margin-top:map.get($typescale, 8);\n margin-bottom:map.get($typescale, 6);\n }\n\n}\n\n\nul.nav-pills{\n display:flex;\n flex-wrap:wrap;\n gap:2px;\n & > li.nav-item{\n flex: 1;\n text-align:center;\n font-size:map.get($typescale, 6);\n background: $mvm-grey;\n margin-left:0;\n a{\n color:$mvm-black;\n padding-bottom:.5rem;\n border-bottom:none;\n height: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n &:hover, &:visited{\n border-bottom:none;\n }\n }\n a.active {\n background: $mvm-dark-purple;\n color:$mvm-white;\n border-radius:0;\n &:hover{\n color:$mvm-white;\n }\n }\n }\n}\n\n\n/* Now the nav stuff at the top */\n.body-nav{\n display:flex;\n flex-wrap: wrap;\n justify-content:space-between;\n margin-top:0;\n margin-bottom:map.get($typescale, 3);\n align-items: flex-end;\n > *{\n margin-bottom:map.get($typescale, 5);\n }\n .btn-toolbar{\n margin-top: -1px;\n }\n}\n\ntable.table ul{\n & > li{\n margin-bottom: 1rem;\n }\n}\n\n\n\n/* Now the gallery */\n\n.gallery{\n display:grid;\n grid-template-columns: repeat(auto-fill, minmax(18rem, 1fr));\n grid-row-gap: clamp(.5rem, map.get($typescale, 4), 2.5rem);\n grid-column-gap: clamp(1rem, map.get($typescale, 4), 2.5rem);\n .item {\n padding: map.get($typescale, 5);\n border: 2px solid rgba($mvm-brown, 0.3);\n box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);\n transition: border-color 0.2s ease-in-out;\n position:relative;\n &:hover{\n border-color: rgba($mvm-brown, 0.8);\n }\n h1{\n font-size: map.get($typescale, 4);\n text-align:center;\n margin-bottom:map.get($typescale, 5);\n }\n .badge{\n position:absolute;\n top:6px;\n right:6px;\n background-color:#ccc;\n }\n\n table {\n font-size: average(map.get($typescale,6), map.get($typescale, 7));\n tbody{\n tr{\n th{\n padding-right:map.get($typescale, 6);\n font-weight:500;\n font-style:italic;\n\n &:after{\n content:\":\";\n }\n }\n th,td{\n padding-top:map.get($typescale, 9);\n padding-bottom:map.get($typescale, 9);\n vertical-align:top;\n }\n\n }\n }\n\n\n\n }\n .description{\n border-top: 1px solid rgba($mvm-brown, 0.5);\n margin-top:map.get($typescale, 8);\n\n padding: map.get($typescale, 6) 0;\n font-size: average(map.get($typescale,6), map.get($typescale, 7));\n /* & > p::before{\n content: \"❧\";\n display:inline;\n margin-right:1rem;\n }*/\n }\n }\n}\n\n.tab-pane{\n // Adjust the gallery slight so it stretches nearly the full width\n .gallery{\n margin-left: -2.5%;\n margin-right: -2.5%;\n }\n}\n\n// Special transcription panel\n.tab-pane.active[id*='Transcription']{\n display:grid;\n grid-template-columns: minmax(10rem, 33%) 1fr;\n @media (max-width: 768px){\n grid-template-columns:auto;\n }\n > div{\n &.transcription{\n margin: 0 auto;\n }\n .details{\n top:map.get($typescale, 8);\n position:sticky;\n max-height:90vh;\n overflow-y:auto;\n @media (max-width: 768px){\n max-height:unset;\n position:static;\n top:unset;\n }\n }\n table{\n font-size:average(map.get($typescale,6), map.get($typescale, 7));\n th {\n vertical-align:top;\n }\n tr{\n display:flex;\n flex-direction:column;\n & > th{\n padding-bottom: 4px;\n }\n & > td{\n border-top:none;\n padding-bottom: map.get($typescale, 7);\n }\n }\n th[role='rowheader']{\n width:unset;\n }\n .note{\n border:none;\n &:before{\n content:unset;\n }\n\n }\n }\n }\n\n}\n\n\nul.person.dates{\n font-size:0.9em;\n list-style-type:none;\n padding:0;\n margin:0;\n display:flex;\n justify-content:center;\n width:100%;\n & > li{\n display:inline;\n padding:0;\n margin:0;\n &:before{\n font-style:italic;\n display:inline;\n }\n &.dob:before{\n content: \"b. \";\n }\n &.dod:before{\n content: \"d. \";\n }\n &.dob + .dod:before{\n content: \", d. \";\n }\n }\n}\n\nh1 + ul.person.dates{\n margin-top:-.5rem;\n margin-bottom:1rem;\n}\n\n/* Tags */\n\n\n.tag-list{\n @include dhil-tag-list();\n & > li{\n @include dhil-tag-item();\n }\n}\n\n.tag, .modal-link{\n @include dhil-tag-link();\n $line-height: 1.3;\n $border: 2px solid rgba($mvm-dark-purple, 0.2);\n color:inherit;\n border: $border;\n border-bottom: $border;\n background-color: $mvm-white;\n line-height: $line-height;\n &:hover, &:active{\n border-color: rgba($mvm-dark-purple, 0.5);\n border-bottom-color: rgba($mvm-dark-purple, 0.5);\n background-color: $mvm-dark-purple;\n color: $mvm-white;\n text-decoration:none;\n }\n &.long{\n @include dhil-clamp-lines(1, $font-size: 0.95 * ms(0), $line-height: $line-height);\n }\n}\n\n// External links\n\n.links {\n margin-left:0;\n padding-left:0;\n list-style-type: none;\n}\n\n.link{\n svg{\n height:0.8em;\n width:0.8em;\n }\n}\n\n// Notes in tables\n\ntd .note{\n font-size: 0.9rem;\n margin-top: map.get($typescale, 7);\n margin-left: -1em;\n border:1px dashed $mvm-grey;\n padding: 5px 1em;\n &:before{\n content: \"Note\";\n display:block;\n font-weight: 600;\n font-variant: small-caps;\n text-transform:lowercase;\n font-size: 1.1rem;\n margin-bottom: 5px;\n }\n}\n\n\n /*\n * Headings\n * */\n\n /*\n * Headings\n *\n * This little formula iterates through all of the heading levels\n * and associates it with the typography scale\n */\n @for $i from 1 to 6 {\n h#{$i} {\n font-size: map.get($typescale, $i);\n font-family: \"EB Garamond\";\n margin-bottom:map.get($typescale, $i);\n & > a{\n line-height: 1.2;\n }\n }\n article.born-digital h#{$i}{\n @if ($i > 1 ){\n margin-top: map.get($typescale, $i);\n }\n margin-bottom: map.get($typescale, 6);\n }\n\n}\n\n\n /*\n * Footer\n * */\n\n/*\n * Footer\n * */\n\nfooter{\n @media (max-width:767px){\n overflow-x:hidden;\n }\n & > .container{\n display:flex;\n flex-wrap:wrap;\n margin: 4rem auto;\n justify-content:space-between;\n align-content:center;\n &:after{\n content:unset;\n }\n &:before{\n content: \"\";\n background: url('../images/fleur.svg');\n height: 2rem;\n background-size: contain;\n display:block;\n width: calc(100% + 6rem);\n margin-bottom:3rem;\n margin-left:-3rem;\n margin-right:-3rem;\n }\n }\n\n\n ul, li{\n list-style-type:none;\n padding:0;\n margin:0;\n }\n\n\n\n .footer-menu{\n display:flex;\n flex:0.25 1 30%;\n flex-wrap:wrap;\n @media (max-width: 991px){\n flex:1;\n width:100%;\n }\n ul{\n display:grid;\n grid-template-columns: repeat(3, 1fr);\n grid-gap: 0.75rem;\n @media (max-width: 991px){\n width:100%;\n grid-template-columns: repeat(auto-fill, minmax(9rem, 0.5fr));\n }\n li{\n margin: 1rem;\n }\n &.footer-links li{\n margin:0;\n }\n a{\n color:$mvm-dark-purple;\n }\n }\n }\n\n .footer-imgs{\n align-self:flex-start;\n ul{\n display:flex;\n flex-direction:row;\n text-align:right;\n flex-wrap:wrap;\n li{\n margin-right: 1rem;\n margin-top: 1rem;\n }\n }\n img{\n max-height:8rem;\n filter:grayscale(0%);\n transition: filter 0.4s $easeInOutSine;\n &:hover{\n filter:grayscale(100%);\n }\n }\n\n }\n}\n\n.pagination{\n & > li{\n &.active{\n & > a,span{\n background-color:$mvm-dark-purple;\n border-color: $mvm-dark-purple;\n color:$mvm-white;\n }\n }\n & > a,span{\n color:$mvm-dark-purple;\n &:hover{\n background-color:$mvm-dark-purple;\n border-color: $mvm-dark-purple;\n color:white;\n }\n }\n }\n\n @media (max-width: 768px){\n .page-label{\n display:none;\n }\n }\n}\n\ndiv.collection span[class*=\"-collection-actions\"] {\n width: inherit !important;\n}\n\ndiv.collection-media > div:not(:last-child),\ndiv.collection-complex > div:not(:last-child) {\n padding-top: 15px;\n border: 1px solid rgba(128, 128, 128, 0.31);\n}\n\nlabel.required::after {\n content: ' *';\n color: red;\n font-weight: bold;\n}\n\n.cat-description{\n & > p {\n max-width: 60rem;\n margin: 0 auto;\n }\n & + p > a{\n @include link;\n }\n\n}\n\n.title.untitled{\n color: rgba(#333, 0.8);\n cursor:help;\n &:before{\n content:'[';\n }\n &:after{\n content:']';\n }\n}\n\n.list-unstyled{\n & > li{\n margin: ms(-2) 0;\n }\n}\n\n@include dhil-details-accordion($use-summary: true);\n\nsummary{\n padding: ms(0);\n text-transform: uppercase;\n font-variant:small-caps;\n font-size: 1rem;\n font-weight:500;\n background-color: transparentize($mvm-grey, 0.2);\n transition: background-color 0.2s ease(in-out-quad);\n cursor:pointer;\n .icon{\n float:right;\n clear:both;\n display:inline-block;\n transform: translate(0, 0);\n transition: transform 0.3s ease(in-out-quad);\n margin-right: calc(#{ms(-1)} + 4px);\n svg{\n height: ms(0);\n width: ms(0);\n }\n }\n}\n\ndiv.details{\n details{\n box-shadow: $tw-box-shadow;\n flex-basis: 100%;\n flex-shrink:0;\n }\n}\n\ndetails {\n &[aria-expanded='false'] {\n summary:hover {\n background-color: transparentize($mvm-grey, 0.1);\n &:not(:focus) .icon {\n animation: gesture-left;\n animation-duration: 1s;\n animation-timing-function: ease(in-out-quad);\n animation-iteration-count: 1;\n }\n }\n }\n\n &[aria-expanded='true']{\n summary{\n background-color: $mvm-grey;\n }\n .icon{\n transform: rotate(90deg);\n }\n }\n\n > div {\n padding: ms(0) ms(-1);\n }\n}\n\n@import \"pages/_index\";\n@import \"pages/_bornDigital\";\n\n/* Alwys import media last */\n@import \"_media.scss\";\n","/* Here is where we stash all of the variables */\n\n\n\n$mvm-tan: #FAF6F5;\n$mvm-dark-purple: #39253B;\n$mvm-grey: #E7E7E7;\n$mvm-white: #FFFFFF;\n$mvm-black: #010101;\n$mvm-brown: #846C5B;\n$mvm-underline: rgba(#153091, 0.5);\n\n\n\n$typescale: (\n 1: 3.052rem,\n 2: 2.441rem,\n 3: 1.953rem,\n 4: 1.563rem,\n 5: 1.25rem,\n 6: 1rem,\n 7: 0.8rem,\n 8: 0.64rem,\n 9: 0.512rem,\n);\n\n$hero-font-size: 1.45rem;\n$hero-line-height: 1.40;\n$hero-max-lines: 10;\n$hero-para-width: 60rem;\n\n$easeInOutSine: cubic-bezier(0.37, 0, 0.63, 1);\n$easeInQuint: cubic-bezier(0.64, 0, 0.78, 0);","\n/* 'Nunito Sans' normal 200*/\n@font-face {\n font-family: 'Nunito Sans';\n font-style: normal;\n font-weight: 200;\n src:\n url('../fonts/nunito-sans-normal-200.woff2') format('woff2'),\n url('../fonts/nunito-sans-normal-200.woff') format('woff');\n}\n\n/* 'Nunito Sans' italic 200*/\n@font-face {\n font-family: 'Nunito Sans';\n font-style: italic;\n font-weight: 200;\n src:\n url('../fonts/nunito-sans-italic-200.woff2') format('woff2'),\n url('../fonts/nunito-sans-italic-200.woff') format('woff');\n}\n\n/* 'Nunito Sans' normal 300*/\n@font-face {\n font-family: 'Nunito Sans';\n font-style: normal;\n font-weight: 300;\n src:\n url('../fonts/nunito-sans-normal-300.woff2') format('woff2'),\n url('../fonts/nunito-sans-normal-300.woff') format('woff');\n}\n\n/* 'Nunito Sans' italic 300*/\n@font-face {\n font-family: 'Nunito Sans';\n font-style: italic;\n font-weight: 300;\n src:\n url('../fonts/nunito-sans-italic-300.woff2') format('woff2'),\n url('../fonts/nunito-sans-italic-300.woff') format('woff');\n}\n\n/* 'Nunito Sans' normal 400*/\n@font-face {\n font-family: 'Nunito Sans';\n font-style: normal;\n font-weight: 400;\n src:\n url('../fonts/nunito-sans-normal-400.woff2') format('woff2'),\n url('../fonts/nunito-sans-normal-400.woff') format('woff');\n}\n\n/* 'Nunito Sans' italic 400*/\n@font-face {\n font-family: 'Nunito Sans';\n font-style: italic;\n font-weight: 400;\n src:\n url('../fonts/nunito-sans-italic-400.woff2') format('woff2'),\n url('../fonts/nunito-sans-italic-400.woff') format('woff');\n}\n\n/* 'Nunito Sans' normal 500*/\n@font-face {\n font-family: 'Nunito Sans';\n font-style: normal;\n font-weight: 500;\n src:\n url('../fonts/nunito-sans-normal-500.woff2') format('woff2'),\n url('../fonts/nunito-sans-normal-500.woff') format('woff');\n}\n\n/* 'Nunito Sans' italic 500*/\n@font-face {\n font-family: 'Nunito Sans';\n font-style: italic;\n font-weight: 500;\n src:\n url('../fonts/nunito-sans-italic-500.woff2') format('woff2'),\n url('../fonts/nunito-sans-italic-500.woff') format('woff');\n}\n\n/* 'Nunito Sans' normal 700*/\n@font-face {\n font-family: 'Nunito Sans';\n font-style: normal;\n font-weight: 700;\n src:\n url('../fonts/nunito-sans-normal-700.woff2') format('woff2'),\n url('../fonts/nunito-sans-normal-700.woff') format('woff');\n}\n\n/* 'Nunito Sans' italic 700*/\n@font-face {\n font-family: 'Nunito Sans';\n font-style: italic;\n font-weight: 700;\n src:\n url('../fonts/nunito-sans-italic-700.woff2') format('woff2'),\n url('../fonts/nunito-sans-italic-700.woff') format('woff');\n}\n\n/* 'Nunito Sans' normal 800*/\n@font-face {\n font-family: 'Nunito Sans';\n font-style: normal;\n font-weight: 800;\n src:\n url('../fonts/nunito-sans-normal-800.woff2') format('woff2'),\n url('../fonts/nunito-sans-normal-800.woff') format('woff');\n}\n\n/* 'Nunito Sans' italic 800*/\n@font-face {\n font-family: 'Nunito Sans';\n font-style: italic;\n font-weight: 800;\n src:\n url('../fonts/nunito-sans-italic-800.woff2') format('woff2'),\n url('../fonts/nunito-sans-italic-800.woff') format('woff');\n}\n\n/* 'Nunito Sans' normal 900*/\n@font-face {\n font-family: 'Nunito Sans';\n font-style: normal;\n font-weight: 900;\n src:\n url('../fonts/nunito-sans-normal-900.woff2') format('woff2'),\n url('../fonts/nunito-sans-normal-900.woff') format('woff');\n}\n\n/* 'Nunito Sans' italic 900*/\n@font-face {\n font-family: 'Nunito Sans';\n font-style: italic;\n font-weight: 900;\n src:\n url('../fonts/nunito-sans-italic-900.woff2') format('woff2'),\n url('../fonts/nunito-sans-italic-900.woff') format('woff');\n}\n\n/* 'EB Garamond' normal 500*/\n@font-face {\n font-family: 'EB Garamond';\n font-style: normal;\n font-weight: 500;\n src:\n url('../fonts/eb-garamond-normal-500.woff2') format('woff2'),\n url('../fonts/eb-garamond-normal-500.woff') format('woff');\n}\n\n/* 'EB Garamond' italic 500*/\n@font-face {\n font-family: 'EB Garamond';\n font-style: italic;\n font-weight: 500;\n src:\n url('../fonts/eb-garamond-italic-500.woff2') format('woff2'),\n url('../fonts/eb-garamond-italic-500.woff') format('woff');\n}\n\n/* 'EB Garamond' normal 600*/\n@font-face {\n font-family: 'EB Garamond';\n font-style: normal;\n font-weight: 600;\n src:\n url('../fonts/eb-garamond-normal-600.woff2') format('woff2'),\n url('../fonts/eb-garamond-normal-600.woff') format('woff');\n}\n\n/* 'EB Garamond' italic 600*/\n@font-face {\n font-family: 'EB Garamond';\n font-style: italic;\n font-weight: 600;\n src:\n url('../fonts/eb-garamond-italic-600.woff2') format('woff2'),\n url('../fonts/eb-garamond-italic-600.woff') format('woff');\n}\n\n/* 'EB Garamond' normal 700*/\n@font-face {\n font-family: 'EB Garamond';\n font-style: normal;\n font-weight: 700;\n src:\n url('../fonts/eb-garamond-normal-700.woff2') format('woff2'),\n url('../fonts/eb-garamond-normal-700.woff') format('woff');\n}\n\n/* 'EB Garamond' italic 700*/\n@font-face {\n font-family: 'EB Garamond';\n font-style: italic;\n font-weight: 700;\n src:\n url('../fonts/eb-garamond-italic-700.woff2') format('woff2'),\n url('../fonts/eb-garamond-italic-700.woff') format('woff');\n}\n\n/* 'EB Garamond' normal 800*/\n@font-face {\n font-family: 'EB Garamond';\n font-style: normal;\n font-weight: 800;\n src:\n url('../fonts/eb-garamond-normal-800.woff2') format('woff2'),\n url('../fonts/eb-garamond-normal-800.woff') format('woff');\n}\n\n/* 'EB Garamond' italic 800*/\n@font-face {\n font-family: 'EB Garamond';\n font-style: italic;\n font-weight: 800;\n src:\n url('../fonts/eb-garamond-italic-800.woff2') format('woff2'),\n url('../fonts/eb-garamond-italic-800.woff') format('woff');\n}\n","/* Mixins file, which we should try and use globally across DHIL projects,\nsince there's stuff I tend to do quite a bit.\n */\n\n/**\n* Namespaces\n*\n**/\n@use 'sass:map';\n@use 'sass:math';\n@use 'sass:color';\n@use 'sass:list';\n\n/* Make sure to import the modularscale-sass library */\n@import 'components/functions';\n@import '../../modularscale-sass/stylesheets/_modularscale.scss';\n@import 'components/breadcrumb';\n@import 'components/pagination';\n@import 'components/accordion';\n@import 'components/modal';\n\n\n\n\n$heading-font: 'Serif'!default;\n$body-font: 'Sans'!default;\n$modscale-start: 4!default;\n$base-font-size: 1rem!default;\n$base-line-height: 1.6!default;\n$nav-height: rem(50px)!default;\n$pagination-border-color: #efefef!default;\n$pagination-border-hover-color: #ccc!default;\n$base-text-color: black!default;\n\n$tw-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1),\n0 1px 2px 0 rgba(0, 0, 0, 0.06);\n\n\n\n/* @dhil-headers\n *\n * Standard header creation from a typescale\n */\n@mixin dhil-headers{\n @for $i from 1 to 6 {\n $num: $modscale-start - $i;\n\n h#{$i} {\n /* It'd be nice to use scss:max() here, but\n PHP storm raises an erroneously raises an error.\n */\n @if ($num > 0){\n font-size: ms($num);\n } @else {\n font-size: ms(0);\n }\n font-family: $heading-font;\n @if ($i == 1){\n letter-spacing: -2px;\n }\n & > a{\n line-height: 1.4;\n }\n }\n }\n}\n\n/* @dhil-reset\n *\n * Adds a number of resets that are common across the dhil\n */\n@mixin dhil-reset{\n html, body{\n font-size: $base-font-size;\n line-height: $base-line-height;\n }\n\n /*Always hide x overflow */\n body{\n overflow-x:hidden;\n }\n main{\n min-height:calc(90vh - #{$nav-height});\n }\n *{\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n text-rendering: optimizeLegibility;\n line-height: $base-line-height;\n }\n\n}\n\n/* @dhil-make-navbar\n *\n * Resets and customizes the navbar\n */\n@mixin dhil-make-navbar($background, $text-color, $remove-box-shadow: true){\n .navbar-default{\n min-height: $nav-height;\n\n /* Change the width to 100vw rather than 100%, since 100% causes\n jump behaviour when overflow-y on the body is set to hidden\n */\n width:100vw;\n padding-right:10px;\n\n /* Set the background colour */\n background: $background;\n @if ($remove-box-shadow){\n box-shadow:none!important;\n }\n border:none!important;\n @content;\n\n /* Reset the fixed-top to be sticky rather than fixed,\n so to avoid the problem with fixed position things overlapping\n */\n &.navbar-fixed-top{\n position:sticky!important;\n }\n .navbar-header{\n margin-left:0;\n margin-right:0;\n }\n /* Switch the text colour */\n .navbar-nav{\n & > li {\n & > a {\n color: $text-color;\n }\n }\n }\n }\n}\n\n\n@mixin dhil-remove-scrollbar(){\n scrollbar-width: none; /* Firefox */\n -ms-overflow-style: none; /* Internet Explorer 10+ */\n &::-webkit-scrollbar {\n width: 0;\n height: 0;\n }\n};\n\n@mixin dhil-tags (){\n @include dhil-tag-list;\n & > li{\n @include dhil-tag-item;\n & > a{\n @include dhil-tag-link;\n }\n }\n}\n\n@mixin dhil-tag-list(){\n list-style-type:none;\n display:flex;\n flex-wrap:wrap;\n margin: 0;\n padding: 0;\n align-items:center;\n}\n\n@mixin dhil-tag-item(){\n margin-top: ms(-2);\n margin-bottom:ms(-2);\n margin-right: ms(-2);\n transition: border-color 0.2s ease-in-out,\n background 0.2s ease-in-out,\n color 0.2s ease-in-out;\n}\n\n@mixin dhil-tag-link(){\n padding: ms(-2) ms(-2);\n display:inline-block;\n transition: border-color 0.2s ease-in-out,\n background 0.2s ease-in-out,\n color 0.2s ease-in-out;\n &:hover{\n text-decoration:none;\n }\n}\n\n\n@mixin sr-only(){\n position: absolute;\n width: 1px;\n height: 1px;\n margin: -1px;\n padding: 0;\n overflow: hidden;\n clip: rect(1px,1px,1px,1px);\n -webkit-clip-path: inset(50%);\n clip-path: inset(50%);\n border: 0;\n white-space: nowrap;\n}\n/* @dhil-gallery\n *\n * Creates a standard gallery view (note that we used to do this with flex,\n * but grid is much better for handling variable numbers of objects)\n */\n@mixin dhil-gallery($class: 'gallery', $count: 3, $column-gap: 2rem, $row-gap: 1rem){\n .#{$class} {\n $num: math.floor(12 / $count);\n display:grid;\n grid-template-columns: repeat(12, 1fr);\n grid-column-gap: $column-gap;\n grid-row-gap: $row-gap;\n & > .item{\n grid-column: span $num;\n\n @media (max-width: 991px){\n grid-column: span $num + 1;\n }\n @media (max-width: 768px){\n grid-column: span $num + 2;\n }\n }\n }\n}\n\n/* @dhil-clamp-lines\n *\n * Clamps lines at a particular vertical line length with a fallback for unsupported\n * browsers.\n */\n@mixin dhil-clamp-lines($lines, $font-size: $base-font-size, $line-height: $base-line-height, $fixed-height: false){\n\n overflow:hidden;\n\n/* If doesn't support -webkit-box */\n @if ($fixed-height){\n height: #{$lines * $font-size * $line-height};\n } else {\n max-height: #{$lines * $font-size * $line-height};\n}\n\n /* But if -webkit-box is available, then we can use the much nicer -webkit-line-clamp,\n * which provides ellipses when truncated */\n @supports (display: -webkit-box){\n max-height:unset;\n text-overflow: ellipsis;\n display: -webkit-box;\n -webkit-line-clamp: $lines;\n -webkit-box-orient: vertical;\n }\n}\n\n\n/* @dhil-lazyload\n *\n * Basic adjustments for images that are loaded lazily.\n *\n */\n\n@mixin dhil-lazyload($height, $width){\n}\n\n@mixin dhil-body-nav($n: -2){\n .body-nav{\n display:flex;\n flex-wrap: wrap;\n justify-content:space-between;\n margin-top:0;\n margin-bottom:ms($n);\n align-items:flex-end;\n > *{\n margin-bottom: ms($n + 1);\n }\n .btn-toolbar{\n margin-top: -1px;\n }\n @content\n }\n}\n\n@mixin dhil-pagination($type: 'minimal'){\n .pagination{\n @include dhil-full-pagination-reset();\n @if ($type == 'minimal') {\n @include dhil-pagination-minimal();\n }\n\n @if ($type == 'circular') {\n @include dhil-pagination-circular();\n }\n @content;\n }\n}\n\n\n@mixin full-width-in-container{\n width: 100vw;\n position: relative;\n left: 50%;\n right: 50%;\n margin-left: -50vw;\n margin-right: -50vw;\n}\n\n@mixin dhil-background-blur($background-color: rgb(0,0,0), $opacity: 0.7, $amount: 4px, $fallback-opacity: 0.9){\n background: rgba($background-color, $fallback-opacity);\n @supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))){\n backdrop-filter: blur(#{$amount});\n background: rgba($background-color, $opacity);\n }\n}\n\n\n","/* Take, with thanks, from:\nhttps://css-tricks.com/snippets/sass/px-to-em-functions/\n */\n@function em($pixels, $context: 16px) {\n @if (unitless($pixels)) {\n $pixels: $pixels * 1px;\n }\n\n @if (unitless($context)) {\n $context: $context * 1px;\n }\n\n @return $pixels / $context * 1em;\n}\n\n@function rem($pixels){\n $em: em($pixels);\n @return $em / 1em * 1rem;\n}\n\n\n/* Taken, with thanks, from:\nhttps://makandracards.com/makandra/42500-sass-how-to-convert-an-rgba-color-to-its-rgb-look-alike\n */\n@function rgba-to-rgb($rgba, $background: #fff){\n @return mix(rgb(red($rgba), green($rgba), blue($rgba)), $background, alpha($rgba) * 100%)\n}\n\n/*\nTake with thanks from:\nhttps://css-tricks.com/snippets/sass/easing-map-get-function/\n */\n\n\n$ease: (\n in-quad: cubic-bezier(0.550, 0.085, 0.680, 0.530),\n in-cubic: cubic-bezier(0.550, 0.055, 0.675, 0.190),\n in-quart: cubic-bezier(0.895, 0.030, 0.685, 0.220),\n in-quint: cubic-bezier(0.755, 0.050, 0.855, 0.060),\n in-sine: cubic-bezier(0.470, 0.000, 0.745, 0.715),\n in-expo: cubic-bezier(0.950, 0.050, 0.795, 0.035),\n in-circ: cubic-bezier(0.600, 0.040, 0.980, 0.335),\n in-back: cubic-bezier(0.600, -0.280, 0.735, 0.045),\n out-quad: cubic-bezier(0.250, 0.460, 0.450, 0.940),\n out-cubic: cubic-bezier(0.215, 0.610, 0.355, 1.000),\n out-quart: cubic-bezier(0.165, 0.840, 0.440, 1.000),\n out-quint: cubic-bezier(0.230, 1.000, 0.320, 1.000),\n out-sine: cubic-bezier(0.390, 0.575, 0.565, 1.000),\n out-expo: cubic-bezier(0.190, 1.000, 0.220, 1.000),\n out-circ: cubic-bezier(0.075, 0.820, 0.165, 1.000),\n out-back: cubic-bezier(0.175, 0.885, 0.320, 1.275),\n in-out-quad: cubic-bezier(0.455, 0.030, 0.515, 0.955),\n in-out-cubic: cubic-bezier(0.645, 0.045, 0.355, 1.000),\n in-out-quart: cubic-bezier(0.770, 0.000, 0.175, 1.000),\n in-out-quint: cubic-bezier(0.860, 0.000, 0.070, 1.000),\n in-out-sine: cubic-bezier(0.445, 0.050, 0.550, 0.950),\n in-out-expo: cubic-bezier(1.000, 0.000, 0.000, 1.000),\n in-out-circ: cubic-bezier(0.785, 0.135, 0.150, 0.860),\n in-out-back: cubic-bezier(0.680, -0.550, 0.265, 1.550)\n);\n\n@function ease($key) {\n @if map-has-key($ease, $key) {\n @return map-get($ease, $key);\n }\n\n @warn \"Unkown '#{$key}' in $ease.\";\n @return null;\n}\n\n\n","\n/* DEFAULTS */\n$breadcrumb-font-size: 12px !default;\n$breadcrumb-color: black!default;\n$breadcrumb-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.05) !default;\n$breadcrumb-padding: 0.5em 0 0.5em 4em!default;\n$breadcrumb-font-weight: 300!default;\n$breadcrumb-arrow-color: #EFEFEF!default;\n$breadcrumb-arrow-width: 3px;\n$breadcrumb-background-color: white!default;\n$breadcrumb-first-child-padding: 0 0 0 1rem!default;\n$breadcrumb-current-background: #CCC!default;\n$breadcrumb-current-color: rgba(black, 0.8)!default;\n$breadcrumb-current-max-text-width: 25ch!default;\n$breadcrumb-current-margin: 0 1rem 0 0!default;\n$breadcrumb-current-font-style: italic!default;\n$breadcrumb-hover-color: #bca7a7!default;\n\n\n@mixin dhil-breadcrumb(){\n .breadcrumbs {\n list-style: none;\n overflow:hidden;\n padding: 0;\n display:flex;\n width: -webkit-max-content;\n width: -moz-max-content;\n width: max-content;\n font-weight: $breadcrumb-font-weight;\n font-size: $breadcrumb-font-size;\n box-shadow: $breadcrumb-box-shadow;\n @content;\n }\n\n .breadcrumbs li > * {\n text-decoration: none;\n position: relative;\n display: flex;\n height:100%;\n align-items:center;\n color:$breadcrumb-color;\n padding:$breadcrumb-padding;\n }\n\n /*\n * Now create the various triangles\n * that will overlap; this is the\n * common stuff between the two\n * triangles\n */\n .breadcrumbs li > *:before,\n .breadcrumbs li > *:after{\n content: \" \";\n display: block;\n width: 0;\n height: 0;\n border-top: 50px solid transparent;\n border-bottom: 50px solid transparent;\n position: absolute;\n top: 50%;\n margin-top: -50px;\n left: 100%;\n border-left-width: 30px;\n border-left-style:solid;\n }\n\n .breadcrumbs li:not(:last-child) > *:before {\n /*And make sure the zindex is 1*/\n z-index: 1;\n\n /*This should be the colour\n you want the arrow*/\n border-left-color: $breadcrumb-arrow-color;\n /*The margin left here dictates the width of the arrow*/\n margin-left: $breadcrumb-arrow-width;\n }\n\n .breadcrumbs li > *:after {\n /*Z index should be 2 to overlap*/\n z-index: 2;\n\n /*BORDER LEFT should be the\n same as the background colour*/\n border-left-color: $breadcrumb-background-color;\n }\n\n\n\n /*Now small, project specific\n paddings etc*/\n .breadcrumbs li:first-child > * {\n padding: $breadcrumb-first-child-padding;\n }\n\n\n .breadcrumbs li > *,\n .breadcrumbs li > *:after,\n .breadcrumbs li > *:before {\n transition: all 0.2s ease-in-out;\n }\n\n .breadcrumbs li:last-child{\n background:$breadcrumb-current-background;\n }\n\n\n .breadcrumbs li:not(:last-child) > *:hover{\n background:$breadcrumb-hover-color;\n &:after,\n &:before{\n border-left-color:$breadcrumb-hover-color;\n }\n }\n\n .breadcrumbs .current{\n\n text-overflow:ellipsis;\n white-space:nowrap;\n overflow-x:hidden;\n\n margin:$breadcrumb-current-margin;\n font-style:$breadcrumb-current-font-style;\n max-width:$breadcrumb-current-max-text-width;\n li > &{\n color:$breadcrumb-current-color;\n }\n }\n\n .breadcrumbs li:last-child > *:after,\n .breadcrumbs li:last-child > *:before{\n content: unset;\n }\n\n /* Media query to reset the size of things */\n @media (max-width:780px){\n .current{\n max-width:$breadcrumb-current-max-text-width;\n }\n }\n}","\n\n@mixin dhil-pagination-minimal(){\n display:flex;\n justify-content:flex-end;\n & > li:not(:last-child) {\n border-right:2px solid $pagination-border-color;\n }\n}\n\n@mixin dhil-pagination-circular(){\n display:flex;\n justify-content:center;\n & > li{\n margin:0 ms(-4);\n height: 3rem;\n width: 3rem;\n &.active > a.page-link:not(.btn){\n background: rgba-to-rgb(rgba($pagination-border-hover-color, 0.6));\n }\n &.disabled{\n color: #CCC;\n pointer-events:none;\n cursor: not-allowed;\n & > .page-link{\n background: #f1efef;\n }\n }\n & > a.page-link:not(.btn){\n border: 2px solid $pagination-border-color;\n height: 3rem;\n width: 3rem;\n border-radius: 3rem;\n transition: border-color 0.2s ease-in-out;\n & > .page-label{\n @include sr-only();\n }\n }\n &:not(.disabled) > a.page-link:not(.btn):hover{\n border-radius:3rem;\n border-color: $pagination-border-hover-color!important;\n }\n }\n}\n\n@mixin dhil-full-pagination-reset() {\n & > li {\n @include dhil-pagination-reset();\n & > a,\n & > span{\n @include dhil-pagination-reset();\n &:hover, &:focus{\n @include dhil-pagination-reset();\n }\n }\n &.active, &:hover, &:focus {\n @include dhil-pagination-reset();\n & > a,\n & > span {\n @include dhil-pagination-reset();\n &:hover, &:focus {\n @include dhil-pagination-reset();\n }\n }\n }\n }\n}\n\n/* Note to be called directly, but just to reset everything */\n@mixin dhil-pagination-reset(){\n border-radius:0;\n border:none;\n float:none;\n color: $base-text-color;\n background-color:inherit;\n}\n\n","/* Styles for modals, which includes the polyfilled CSS from Google */\n\n$modal-max-width: 45rem!default;\n$modal-min-width: 90vw!default;\n\n@mixin dhil-modal($bg-color: white){\n\n body.dialog-active{\n overflow-y:hidden;\n padding-right: 15px;\n }\n\n\n dialog[open] {\n display:block;\n visibility:visible;\n position: fixed;\n width: min(#{$modal-min-width}, #{$modal-max-width});\n overflow-y: hidden;\n padding: 0;\n top: 50%;\n left: 50%;\n // Fix for Chrome\n bottom:unset;\n right:unset;\n // Translate3D fix for Safari:\n\n //NOTE: There's still a subpixel rendering issue with Safari\n //which probably can't be resolved without some sort of awful, grotesque hack.\n transform: translate3d(-50%, -50%, 0px);\n border: none;\n border-radius: 3px;\n background-color: $bg-color;\n box-shadow: 0 1px 3px 0 rgb(0 0 0 / 10%),\n 0 1px 2px 0 rgb(0 0 0 / 6%);\n }\n\n dialog {\n display: none;\n visibility:hidden;\n -webkit-font-smoothing: subpixel-antialiased;\n transform: translate3d(0,0,0);\n will-change:transform, width;\n\n }\n\n // Polyfill\n dialog + .backdrop,\n ._dialog_overlay{\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n }\n\n /* Now overrides */\n\n dialog + .backdrop{\n background: rgba(0, 0, 0, 0.45);\n backdrop-filter: blur(2px);\n }\n\n dialog::backdrop{\n background: rgba(0, 0, 0, 0.45);\n backdrop-filter: blur(2px);\n }\n\n dialog > header{\n padding-top:1rem;\n padding-bottom:1.5rem;\n text-align:left;\n & > .dialog-content{\n display:flex;\n justify-content:space-between;\n align-items:center;\n }\n }\n\n .dialog-heading{\n margin-right: ms(-2);\n h3{\n padding:0;\n margin-top:0;\n margin-bottom:0;\n }\n }\n\n .dialog-label{\n text-transform: lowercase;\n font-variant: small-caps;\n font-size: 1.1rem;\n font-weight:600;\n margin-bottom:0;\n color: #2e3436;\n a{\n text-decoration:none;\n border-bottom:1px solid transparent;\n border-bottom-color:transparent!important;\n color:inherit;\n transition: border-bottom-color 0.3s ease-in-out;\n &:hover, &:active{\n border-bottom-color:#2e3436!important;\n text-decoration:none;\n color:inherit;\n }\n }\n }\n\n .dialog-closer{\n align-self:flex-start;\n margin-top:5px;\n form[method='dialog']{\n height: 100%;\n width: 100%;\n display: flex;\n justify-content: center;\n align-items: flex-start;\n opacity: 0.7;\n transition: opacity 0.2s ease-in-out;\n &:hover{\n opacity:1;\n }\n .btn{\n display:flex;\n padding: ms(-1);\n background:transparent;\n }\n svg{\n stroke:black;\n\n }\n }\n }\n\n\n\n .dialog-content{\n margin: 0 2.8rem;\n will-change: margin;\n @media (max-width: $modal-max-width){\n margin: 0 5vw;\n }\n }\n\n .dialog-body{\n padding-bottom:1rem;\n min-height:15rem;\n height: fit-content;\n max-height: 80vh;\n overflow-y:auto;\n .dialog-content{\n &__heading{\n margin-bottom: .8rem;\n text-transform:lowercase;\n font-size:1.4rem;\n font-weight:600;\n font-variant:small-caps;\n }\n & > div{\n margin-bottom: 1.75rem;\n }\n\n }\n ul, li{\n list-style:none;\n padding-left:0;\n margin-left:0;\n font-size:0.95rem;\n }\n ul{\n margin-top: ms(-2);\n &.columns{\n columns: 2;\n column-gap: ms(-2);\n & > li{\n break-inside:avoid-column;\n }\n @media (max-width: $modal-max-width){\n columns:1;\n }\n }\n }\n li{\n padding-bottom: ms(-2);\n }\n }\n\n}",".breadcrumbs, .breadcrumbs2 { \n list-style: none; \n overflow:hidden;\n font-weight: 300;\n padding: 0;\n box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.05);\n display:flex;\n font-size:map.get($typescale, 7);\n width: -webkit-max-content;\n width: -moz-max-content;\n width: max-content;\n margin-bottom: 0;\n}\n\n\n\n.breadcrumbs li > * {\n color:black;\n text-decoration: none; \n position: relative; \n display: block;\n padding:0.5em 0 0.5em 4em;\n\n}\n\n/*\n* Now create the various triangles\n* that will overlap; this is the\n* common stuff between the two\n* triangles\n*/\n.breadcrumbs li > *:before,\n.breadcrumbs li > *:after{\n content: \" \"; \n display: block; \n width: 0; \n height: 0;\n border-top: 50px solid transparent;\n border-bottom: 50px solid transparent;\n position: absolute;\n top: 50%;\n margin-top: -50px; \n left: 100%;\n border-left-width: 30px;\n border-left-style:solid;\n}\n\n.breadcrumbs li:not(:last-child) > *:before { \n /*This should be the colour\n you want the arrow*/\n border-left-color: #E7E7E7;\n /*The margin left here dictates the width of the arrow*/\n margin-left: 3px;\n /*And make sure the zindex is 1*/\n z-index: 1; \n}\t\n\n.breadcrumbs li > *:after { \n /*BORDER LEFT should be the\n same as the background colour*/\n border-left-color: white;\n \n /*Z index should be 2 to overlap*/\n z-index: 2; \n}\t\n\n\n\n/*Now small, project specific \npaddings etc*/\n.breadcrumbs li:first-child > * {\n padding-left: 1rem;\n}\n\n\n.breadcrumbs li > *,\n.breadcrumbs li > *:after,\n.breadcrumbs li > *:before {\n transition: all 0.2s ease-in-out;\n}\n\n.breadcrumbs li:last-child{\n background:$mvm-grey;\n}\n\n\n.breadcrumbs li:not(:last-child) > *:hover{\n background:#efefef;\n &:after,\n &:before{\n border-left-color:#efefef;\n }\n }\n\n.breadcrumbs .current{\n margin-right:1rem;\n text-overflow:ellipsis;\n max-width:25ch;\n @media (max-width: 768px){\n max-width:15ch;\n }\n white-space:nowrap;\n overflow-x:hidden;\n font-style:italic;\n li > &{\n color:rgba($mvm-black, 0.8);\n }\n}\n\n\n\n.breadcrumbs li:last-child > *:after,\n.breadcrumbs li:last-child > *:before{\n content: unset;\n}\n\n ","@import 'swiper-vars.scss';\n\n@font-face {\n font-family: 'swiper-icons';\n src: url('data:application/font-woff;charset=utf-8;base64, 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')\n format('woff');\n font-weight: 400;\n font-style: normal;\n}\n\n:root {\n --swiper-theme-color: #{$themeColor};\n}\n.swiper {\n margin-left: auto;\n margin-right: auto;\n position: relative;\n overflow: hidden;\n list-style: none;\n padding: 0;\n /* Fix of Webkit flickering */\n z-index: 1;\n}\n.swiper-vertical > .swiper-wrapper {\n flex-direction: column;\n}\n.swiper-wrapper {\n position: relative;\n width: 100%;\n height: 100%;\n z-index: 1;\n display: flex;\n transition-property: transform;\n box-sizing: content-box;\n}\n.swiper-android .swiper-slide,\n.swiper-wrapper {\n transform: translate3d(0px, 0, 0);\n}\n.swiper-pointer-events {\n touch-action: pan-y;\n &.swiper-vertical {\n touch-action: pan-x;\n }\n}\n.swiper-slide {\n flex-shrink: 0;\n width: 100%;\n height: 100%;\n position: relative;\n transition-property: transform;\n}\n.swiper-slide-invisible-blank {\n visibility: hidden;\n}\n/* Auto Height */\n.swiper-autoheight {\n &,\n .swiper-slide {\n height: auto;\n }\n\n .swiper-wrapper {\n align-items: flex-start;\n transition-property: transform, height;\n }\n}\n\n/* 3D Effects */\n.swiper-3d {\n &,\n &.swiper-css-mode .swiper-wrapper {\n perspective: 1200px;\n }\n .swiper-wrapper,\n .swiper-slide,\n .swiper-slide-shadow,\n .swiper-slide-shadow-left,\n .swiper-slide-shadow-right,\n .swiper-slide-shadow-top,\n .swiper-slide-shadow-bottom,\n .swiper-cube-shadow {\n transform-style: preserve-3d;\n }\n .swiper-slide-shadow,\n .swiper-slide-shadow-left,\n .swiper-slide-shadow-right,\n .swiper-slide-shadow-top,\n .swiper-slide-shadow-bottom {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n z-index: 10;\n }\n .swiper-slide-shadow {\n background: rgba(0, 0, 0, 0.15);\n }\n .swiper-slide-shadow-left {\n background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));\n }\n .swiper-slide-shadow-right {\n background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));\n }\n .swiper-slide-shadow-top {\n background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));\n }\n .swiper-slide-shadow-bottom {\n background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));\n }\n}\n\n/* CSS Mode */\n.swiper-css-mode {\n > .swiper-wrapper {\n overflow: auto;\n scrollbar-width: none; /* For Firefox */\n -ms-overflow-style: none; /* For Internet Explorer and Edge */\n &::-webkit-scrollbar {\n display: none;\n }\n }\n > .swiper-wrapper > .swiper-slide {\n scroll-snap-align: start start;\n }\n}\n.swiper-horizontal.swiper-css-mode {\n > .swiper-wrapper {\n scroll-snap-type: x mandatory;\n }\n}\n.swiper-vertical.swiper-css-mode {\n > .swiper-wrapper {\n scroll-snap-type: y mandatory;\n }\n}\n.swiper-centered {\n > .swiper-wrapper::before {\n content: '';\n flex-shrink: 0;\n order: 9999;\n }\n &.swiper-horizontal {\n > .swiper-wrapper > .swiper-slide:first-child {\n margin-inline-start: var(--swiper-centered-offset-before);\n }\n > .swiper-wrapper::before {\n height: 100%;\n width: var(--swiper-centered-offset-after);\n }\n }\n &.swiper-vertical {\n > .swiper-wrapper > .swiper-slide:first-child {\n margin-block-start: var(--swiper-centered-offset-before);\n }\n > .swiper-wrapper::before {\n width: 100%;\n height: var(--swiper-centered-offset-after);\n }\n }\n\n > .swiper-wrapper > .swiper-slide {\n scroll-snap-align: center center;\n }\n}\n\n\n\n","@import '../../swiper-vars.scss';\n\n:root {\n --swiper-navigation-size: 44px;\n /*\n --swiper-navigation-color: var(--swiper-theme-color);\n */\n}\n.swiper-button-prev,\n.swiper-button-next {\n position: absolute;\n top: 50%;\n width: calc(var(--swiper-navigation-size) / 44 * 27);\n height: var(--swiper-navigation-size);\n margin-top: calc(0px - (var(--swiper-navigation-size) / 2));\n z-index: 10;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--swiper-navigation-color, var(--swiper-theme-color));\n &.swiper-button-disabled {\n opacity: 0.35;\n cursor: auto;\n pointer-events: none;\n }\n &:after {\n font-family: swiper-icons;\n font-size: var(--swiper-navigation-size);\n text-transform: none !important;\n letter-spacing: 0;\n text-transform: none;\n font-variant: initial;\n line-height: 1;\n }\n}\n.swiper-button-prev,\n.swiper-rtl .swiper-button-next {\n &:after {\n content: 'prev';\n }\n left: 10px;\n right: auto;\n}\n.swiper-button-next,\n.swiper-rtl .swiper-button-prev {\n &:after {\n content: 'next';\n }\n right: 10px;\n left: auto;\n}\n\n.swiper-button-lock {\n display: none;\n}\n","@import \"../../node_modules/swiper/swiper\";\n@import \"../../node_modules/swiper/modules/navigation/navigation\";\n\n:root{\n --swiper-theme-color: #{$mvm-tan};\n}","\n\n.nextPrev{\n display:flex;\n width:100%;\n margin-top:auto;\n margin-bottom: -3rem;\n font-size: 0.88rem;\n\n .next, .prev{\n margin-top:3rem;\n &:before, &:after{\n display:inline-block;\n opacity:0.8;\n margin-right: 0.2rem;\n }\n }\n\n .prev{\n margin-right:auto;\n &:before{\n content: \"\\2190\";\n }\n }\n\n .next{\n margin-left:auto;\n &:after{\n content: \"\\2192\";\n }\n }\n\n}","// A bit of SCSS for the accessible tables. It really doesn't do much.\n\n$breakpoint: 767px !default;\n\n*[role='cell'] > .cell-content{\n display:inline;\n margin:0;\n padding:0;\n}\n\n@media (max-width: $breakpoint){\n table{\n thead{\n display:none;\n }\n thead + tbody {\n display:block;\n tr{\n display: block;\n }\n td{\n display:flex;\n > span{\n display:block;\n }\n }\n td {\n text-align: left !important;\n }\n\n td:before {\n content: attr(data-value);\n font-weight: bold;\n margin-right: .5em;\n }\n }\n }\n}\n","\n// Import the DHILUX table package\n@import \"../../node_modules/dhilux/scss/a11y_tables\";\n\n// Make tables horizontally scrollable\n.table-container{\n overflow-x:auto;\n width:100%;\n}\n\ntable.table,\ntable.table-condensed {\n border-collapse:separate;\n border-color: rgba($mvm-brown, 0.15);\n tbody, thead{\n th, td{\n padding: map.get($typescale, 7) map.get($typescale, 5);\n & > p{\n overflow-wrap: break-word;\n word-wrap: break-word;\n word-break: break-word;\n }\n /* Constraint paragraph width IFF the cell count\n * is greater than 3 */\n &:nth-child(n+3) > p{\n max-width: 25rem;\n }\n &.number{\n text-align:right;\n }\n }\n }\n\n\n thead > tr > th:not(:first-child),\n thead + tbody > tr > td:not(:first-child){\n border-left-style: solid;\n border-left-color: rgba($mvm-brown, 0.15);\n border-left-width: 2px;\n }\n\n th[role='rowheader']{\n width:33%;\n }\n\n\n tbody{\n tr{\n th,td{\n border-top-color: rgba($mvm-brown, 0.15);\n border-top-width: 2px;\n vertical-align:middle;\n }\n &:first-child{\n th, td{\n border-top:none;\n }\n }\n }\n }\n}\n\n// When tables are in mobile mode\n@media (max-width:767px){\n .table-container table.table thead + tbody tr{\n & + tr{\n border-top: 2px solid rgba($mvm-brown, 0.15);\n }\n th, td{\n border:none;\n align-items:baseline;\n p{\n margin:0;\n }\n }\n }\n}\n\n// Hack for really wide tables\n\n@media (min-width:768px) and (max-width: 991px){\n table.table .removable{\n display:none;\n }\n}\n\n\n\n\n\n","/**\n * tom-select.css (v//@@version)\n * Copyright (c) contributors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\"); you may not use this\n * file except in compliance with the License. You may obtain a copy of the License at:\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF\n * ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n *\n */\n\n\n// base styles\n$select-ns:\t\t\t\t\t\t\t\t\t\t'ts' !default;\n$select-font-family:\t\t\t\t\t\t\tinherit !default;\n$select-font-smoothing:\t\t\t\t\t\t\tinherit !default;\n$select-font-size:\t\t\t\t\t\t\t\t13px !default;\n$select-line-height:\t\t\t\t\t\t\t18px !default;\n\n$select-color-text:\t\t\t\t\t\t\t\t#303030 !default;\n$select-color-border:\t\t\t\t\t\t\t#d0d0d0 !default;\n$select-color-highlight:\t\t\t\t\t\trgba(125,168,208,0.2) !default;\n$select-color-input:\t\t\t\t\t\t\t#fff !default;\n$select-color-input-full:\t\t\t\t\t\t$select-color-input !default;\n$select-color-disabled:\t\t\t\t\t\t\t#fafafa !default;\n$select-color-item:\t\t\t\t\t\t\t\t#f2f2f2 !default;\n$select-color-item-text:\t\t\t\t\t\t$select-color-text !default;\n$select-color-item-border:\t\t\t\t\t\t#d0d0d0 !default;\n$select-color-item-active:\t\t\t\t\t\t#e8e8e8 !default;\n$select-color-item-active-text:\t\t\t\t\t$select-color-text !default;\n$select-color-item-active-border:\t\t\t\t#cacaca !default;\n$select-color-dropdown:\t\t\t\t\t\t\t#fff !default;\n$select-color-dropdown-border:\t\t\t\t\t$select-color-border !default;\n$select-color-dropdown-border-top:\t\t\t\t#f0f0f0 !default;\n$select-color-dropdown-item-active:\t\t\t\t#f5fafd !default;\n$select-color-dropdown-item-active-text: \t\t#495c68 !default;\n$select-color-dropdown-item-create-text:\t\trgba(red($select-color-text), green($select-color-text), blue($select-color-text), 0.5) !default;\n$select-color-dropdown-item-create-active-text:\t$select-color-dropdown-item-active-text !default;\n$select-color-optgroup:\t\t\t\t\t\t\t$select-color-dropdown !default;\n$select-color-optgroup-text:\t\t\t\t\t$select-color-text !default;\n$select-lighten-disabled-item:\t\t\t\t\t30% !default;\n$select-lighten-disabled-item-text:\t\t\t\t30% !default;\n$select-lighten-disabled-item-border:\t\t\t30% !default;\n$select-opacity-disabled:\t\t\t\t\t\t0.5 !default;\n\n$select-shadow-input:\t\t\t\t\t\t\tnone !default;\n$select-shadow-input-focus:\t\t\t\t\t\tnone !default;\n$select-border-width:\t\t\t\t\t\t\t1px !default;\n$select-border:\t\t\t\t\t\t\t\t\t$select-border-width solid $select-color-border !default;\n$select-dropdown-border:\t\t\t\t\t\t1px solid $select-color-dropdown-border !default;\n$select-border-radius:\t\t\t\t\t\t\t3px !default;\n\n$select-width-item-border:\t\t\t\t\t\t0px !default;\n$select-max-height-dropdown:\t\t\t\t\t200px !default;\n\n$select-padding-x:\t\t\t\t\t\t\t\t8px !default;\n$select-padding-y:\t\t\t\t\t\t\t\t8px !default;\n$select-padding-item-x:\t\t\t\t\t\t\t6px !default;\n$select-padding-item-y:\t\t\t\t\t\t\t2px !default;\n$select-padding-dropdown-item-x:\t\t\t\t\t$select-padding-x !default;\n$select-padding-dropdown-item-y:\t\t\t\t\t5px !default;\n$select-margin-item-x:\t\t\t\t\t\t\t3px !default;\n$select-margin-item-y:\t\t\t\t\t\t\t3px !default;\n\n$select-arrow-size:\t\t\t\t\t\t\t\t5px !default;\n$select-arrow-color:\t\t\t\t\t\t\t\t#808080 !default;\n$select-arrow-offset:\t\t\t\t\t\t\t15px !default;\n\n$select-caret-margin:\t\t\t\t\t\t\t0px 4px !default;\n$select-caret-margin-rtl:\t\t\t\t\t\t0px 4px 0px -2px !default;\n\n$select-spinner-size:\t\t\t\t\t\t\t30px !default;\n$select-spinner-border-size:\t\t\t\t\t5px !default;\n$select-spinner-border-color:\t\t\t\t\t$select-color-border !default;\n\n:root{\n\t--ts-pr-clear-button:\t\t\t\t\t\t0;\n\t--ts-pr-caret:\t\t\t\t\t\t\t\t0;\n\t--ts-pr-min:\t\t\t\t\t\t\t\t.75rem;\n}\n\n@mixin selectize-vertical-gradient($color-top, $color-bottom) {\n background-color: mix($color-top, $color-bottom, 60%);\n background-image: linear-gradient(to bottom, $color-top, $color-bottom);\n background-repeat: repeat-x;\n}\n\n\n.#{$select-ns}-wrapper.single{\n\t.#{$select-ns}-control {\n\t\t&, input {\n\t\t\tcursor: pointer;\n\t\t}\n\t}\n}\n\n.#{$select-ns}-control {\n\tpadding-right:\tMax( var(--ts-pr-min), calc( var(--ts-pr-clear-button) + var(--ts-pr-caret)) ) !important;\n}\n\n@mixin ts-caret(){\n\n\t.#{$select-ns}-wrapper.single{\n\n\t\t.#{$select-ns}-control {\n\t\t\t--ts-pr-caret: 2rem;\n\n\t\t\t&:after {\n\t\t\t\tcontent: ' ';\n\t\t\t\tdisplay: block;\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: 50%;\n\t\t\t\tright: $select-arrow-offset;\n\t\t\t\tmargin-top: round(-0.5 * $select-arrow-size);\n\t\t\t\twidth: 0;\n\t\t\t\theight: 0;\n\t\t\t\tborder-style: solid;\n\t\t\t\tborder-width: $select-arrow-size $select-arrow-size 0 $select-arrow-size;\n\t\t\t\tborder-color: $select-arrow-color transparent transparent transparent;\n\t\t\t}\n\t\t}\n\n\t\t&.dropdown-active .#{$select-ns}-control::after {\n\t\t\tmargin-top: $select-arrow-size * -0.8;\n\t\t\tborder-width: 0 $select-arrow-size $select-arrow-size $select-arrow-size;\n\t\t\tborder-color: transparent transparent $select-arrow-color transparent;\n\t\t}\n\n\t\t&.input-active .#{$select-ns}-control,\n\t\t&.input-active .#{$select-ns}-control input {\n\t\t\tcursor: text;\n\t\t}\n\n\t}\n}\n\n@import \"../plugins/drag_drop/plugin.scss\";\n@import \"../plugins/checkbox_options/plugin.scss\";\n@import \"../plugins/clear_button/plugin.scss\";\n@import \"../plugins/dropdown_header/plugin.scss\";\n@import \"../plugins/dropdown_input/plugin.scss\";\n@import \"../plugins/input_autogrow/plugin.scss\";\n@import \"../plugins/optgroup_columns/plugin.scss\";\n@import \"../plugins/remove_button/plugin.scss\";\n\n\n.#{$select-ns}-wrapper {\n\tposition: relative;\n}\n\n.#{$select-ns}-dropdown,\n.#{$select-ns}-control,\n.#{$select-ns}-control input {\n\tcolor: $select-color-text;\n\tfont-family: $select-font-family;\n\tfont-size: $select-font-size;\n\tline-height: $select-line-height;\n\tfont-smoothing: $select-font-smoothing;\n}\n\n.#{$select-ns}-control,\n.#{$select-ns}-wrapper.single.input-active .#{$select-ns}-control {\n\tbackground: $select-color-input;\n\tcursor: text;\n}\n\n@import 'items';\n@import 'dropdown';\n\n.ts-hidden-accessible{\n\tborder: 0 !important;\n clip: rect(0 0 0 0) !important;\n clip-path: inset(50%) !important;\n //height: 1px !important;\n overflow: hidden !important;\n padding: 0 !important;\n position: absolute !important;\n width: 1px !important;\n white-space: nowrap !important;\n}\n",".#{$select-ns}-wrapper.plugin-drag_drop {\n\t&.multi > .#{$select-ns}-control > div.ui-sortable-placeholder {\n\t\tvisibility: visible !important;\n\t\tbackground: #f2f2f2 !important;\n\t\tbackground: rgba(0,0,0,0.06) !important;\n\t\tborder: 0 none !important;\n\t\tbox-shadow: inset 0 0 12px 4px #fff;\n\t}\n\t.ui-sortable-placeholder::after {\n\t\tcontent: '!';\n\t\tvisibility: hidden;\n\t}\n\t.ui-sortable-helper {\n\t\tbox-shadow: 0 2px 5px rgba(0,0,0,0.2);\n\t}\n}\n",".plugin-checkbox_options {\n\t.option input{\n\t\tmargin-right: 0.5rem;\n\t}\n}\n",".plugin-clear_button{\n\t--ts-pr-clear-button: 1em;\n\n\t.clear-button{\n\t\topacity:\t\t0;\n\t\tposition:\t\tabsolute;\n\t\ttop:\t\t\t50%;\n\t\ttransform:\t\ttranslateY(-50%);\n\t\tright:\t\t\tcalc(#{$select-padding-x} - #{$select-padding-item-x});\n\t\tmargin-right:\t0 !important;\n\t\tbackground:\t\ttransparent !important;\n\t\ttransition:\t\topacity 0.5s;\n\t\tcursor:\t\t\tpointer;\n\t}\n\n\t&.form-select .clear-button,\n\t&.single .clear-button{\n\n\t\t@if variable-exists(select-padding-dropdown-item-x) {\n\t\t\tright:\tMax( var(--ts-pr-caret), #{$select-padding-dropdown-item-x});\n\t\t}\n\t\t@else{\n\t\t\tright:\tMax( var(--ts-pr-caret), calc(#{$select-padding-x} - #{$select-padding-item-x}) );\n\t\t}\n\t}\n\n\t&.focus.has-items .clear-button,\n\t&:not(.disabled):hover.has-items .clear-button{\n\t\topacity:\t\t1;\n\t}\n}\n","\n.#{$select-ns}-wrapper{\n\t.dropdown-header {\n\t\tposition: relative;\n\t\tpadding: ($select-padding-dropdown-item-y * 2) $select-padding-dropdown-item-x;\n\t\tborder-bottom: 1px solid $select-color-border;\n\t\tbackground: mix($select-color-dropdown, $select-color-border, 85%);\n\t\tborder-radius: $select-border-radius $select-border-radius 0 0;\n\t}\n\t.dropdown-header-close {\n\t\tposition: absolute;\n\t\tright: $select-padding-dropdown-item-x;\n\t\ttop: 50%;\n\t\tcolor: $select-color-text;\n\t\topacity: 0.4;\n\t\tmargin-top: -12px;\n\t\tline-height: 20px;\n\t\tfont-size: 20px !important;\n\t}\n\t.dropdown-header-close:hover {\n\t\tcolor: darken($select-color-text, 25%);\n\t}\n}\n","\n.plugin-dropdown_input{\n\n\t&.focus.dropdown-active .#{$select-ns}-control{\n\t\tbox-shadow: none;\n\t\tborder: $select-border;\n\t\t@if variable-exists(input-box-shadow) {\n\t\t\tbox-shadow: $input-box-shadow;\n\t\t}\n\t}\n\n\t.dropdown-input {\n\t\tborder:\t\t\t1px solid $select-color-border;\n\t\tborder-width:\t0 0 1px 0;\n\t\tdisplay:\t\tblock;\n\t\tpadding:\t\t$select-padding-y $select-padding-x;\n\t\tbox-shadow:\t\t$select-shadow-input;\n\t\twidth:\t\t\t100%;\n\t\tbackground:\t\ttransparent;\n\t}\n\n\t&.focus .#{$select-ns}-dropdown .dropdown-input{\n\t\t@if variable-exists(input-focus-border-color) {\n\t\t\tborder-color: $input-focus-border-color;\n\n\t\t\toutline: 0;\n\t\t\t@if $enable-shadows {\n\t\t\t\tbox-shadow: $input-box-shadow, $input-focus-box-shadow;\n\t\t\t} @else {\n\t\t\t\tbox-shadow: $input-focus-box-shadow;\n\t\t\t}\n\n\t\t}\n\n\t}\n\n\t.items-placeholder{\n\t\tborder: 0 none !important;\n\t\tbox-shadow: none !important;\n\t\twidth: 100%;\n\t}\n\n\t&.has-items .items-placeholder,\n\t&.dropdown-active .items-placeholder{\n\t\tdisplay: none !important;\n\t}\n}\n","\n.#{$select-ns}-wrapper.plugin-input_autogrow{\n\n\t&.has-items .#{$select-ns}-control > input {\n\t\tmin-width: 0;\n\t}\n\t\n\t&.has-items.focus .#{$select-ns}-control > input {\n\t\tflex: none;\n\t\tmin-width: 4px;\n\n\t\t&::placeholder {\n\t\t\tcolor:transparent;\n\t\t}\n\t}\n\n\t\n}\n",".#{$select-ns}-dropdown.plugin-optgroup_columns {\n\n\t.ts-dropdown-content{\n\t\tdisplay:\tflex;\n\t}\n\n\t.optgroup {\n\t\tborder-right: 1px solid #f2f2f2;\n\t\tborder-top: 0 none;\n\t flex-grow: 1;\n\t flex-basis: 0;\n\t\tmin-width: 0;\n\t}\n\t.optgroup:last-child {\n\t\tborder-right: 0 none;\n\t}\n\t.optgroup:before {\n\t\tdisplay: none;\n\t}\n\t.optgroup-header {\n\t\tborder-top: 0 none;\n\t}\n}\n",".#{$select-ns}-wrapper.plugin-remove_button{\n\n\t.item{\n\t\tdisplay:\t\tinline-flex;\n\t\talign-items:\tcenter;\n\t\tpadding-right:\t0 !important;\n\t}\n\n\t.item .remove {\n\t\tcolor:\t\t\t\tinherit;\n\t\ttext-decoration:\tnone;\n\t\tvertical-align:\t\tmiddle;\n\t\tdisplay:\t\t\tinline-block;\n\t\tpadding:\t\t\t0 $select-padding-item-x;\n\t\tborder-radius:\t\t0 2px 2px 0;\n\t\tbox-sizing:\t\t\tborder-box;\n\t}\n\n\t.item .remove:hover {\n\t\tbackground: rgba(0,0,0,0.05);\n\t}\n\n\n\t&.disabled .item .remove:hover {\n\t\tbackground: none;\n\t}\n\n\n\t.remove-single {\n\t\tposition: absolute;\n\t\tright: 0;\n\t\ttop: 0;\n\t\tfont-size: 23px;\n\t}\n\n}\n\n.#{$select-ns}-wrapper.plugin-remove_button:not(.rtl){\n\n\t.item .remove {\n\t\tborder-left:\t\t1px solid $select-color-item-border;\n\t\tmargin-left:\t\t$select-padding-item-x;\n\t}\n\n\t.item.active .remove {\n\t\tborder-left-color: $select-color-item-active-border;\n\t}\n\n\t&.disabled .item .remove {\n\t\tborder-left-color: lighten(desaturate($select-color-item-border, 100%), $select-lighten-disabled-item-border);\n\t}\n\n}\n\n.#{$select-ns}-wrapper.plugin-remove_button.rtl {\n\n\t.item .remove {\n\t\tborder-right: 1px solid $select-color-item-border;\n\t\tmargin-right: $select-padding-item-x;\n\t}\n\n\t.item.active .remove {\n\t\tborder-right-color: $select-color-item-active-border;\n\t}\n\n\t&.disabled .item .remove {\n\t\tborder-right-color: lighten(desaturate($select-color-item-border, 100%), $select-lighten-disabled-item-border);\n\t}\n\n}\n","\n\n.#{$select-ns}-control {\n\n\tborder: $select-border;\n\tpadding: $select-padding-y $select-padding-x;\n\twidth: 100%;\n\toverflow: hidden;\n\tposition: relative;\n\tz-index: 1;\n\tbox-sizing: border-box;\n\tbox-shadow: $select-shadow-input;\n\tborder-radius: $select-border-radius;\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\n\t.#{$select-ns}-wrapper.multi.has-items & {\n\t\t$padding-x: $select-padding-x;\n\t\t$padding-top: calc( #{$select-padding-y} - #{$select-padding-item-y} - #{$select-width-item-border});\n\t\t$padding-bottom: calc( #{$select-padding-y} - #{$select-padding-item-y} - #{$select-margin-item-y} - #{$select-width-item-border});\n\t\tpadding: $padding-top $padding-x $padding-bottom;\n\t}\n\n\t.full & {\n\t\tbackground-color: $select-color-input-full;\n\t}\n\n\t.disabled &,\n\t.disabled & * {\n\t\tcursor: default !important;\n\t}\n\n\t.focus & {\n\t\tbox-shadow: $select-shadow-input-focus;\n\t}\n\n\t> * {\n\t\tvertical-align: baseline;\n\t\tdisplay: inline-block;\n\t}\n\n\t.#{$select-ns}-wrapper.multi & > div {\n\t\tcursor: pointer;\n\t\tmargin: 0 $select-margin-item-x $select-margin-item-y 0;\n\t\tpadding: $select-padding-item-y $select-padding-item-x;\n\t\tbackground: $select-color-item;\n\t\tcolor: $select-color-item-text;\n\t\tborder: $select-width-item-border solid $select-color-item-border;\n\n\t\t&.active {\n\t\t\tbackground: $select-color-item-active;\n\t\t\tcolor: $select-color-item-active-text;\n\t\t\tborder: $select-width-item-border solid $select-color-item-active-border;\n\t\t}\n\t}\n\n\t.#{$select-ns}-wrapper.multi.disabled & > div {\n\t\t&, &.active {\n\t\t\tcolor: lighten(desaturate($select-color-item-text, 100%), $select-lighten-disabled-item-text);\n\t\t\tbackground: lighten(desaturate($select-color-item, 100%), $select-lighten-disabled-item);\n\t\t\tborder: $select-width-item-border solid lighten(desaturate($select-color-item-border, 100%), $select-lighten-disabled-item-border);\n\t\t}\n\t}\n\n\t> input {\n\t\t&::-ms-clear {\n\t\t\tdisplay: none;\n\t\t}\n\n\t\tflex: 1 1 auto;\n\t\tmin-width: 7rem;\n\t\tdisplay: inline-block !important;\n\t\tpadding: 0 !important;\n\t\tmin-height: 0 !important;\n\t\tmax-height: none !important;\n\t\tmax-width: 100% !important;\n\t\tmargin: 0 !important;\n\t\ttext-indent: 0 !important;\n\t\tborder: 0 none !important;\n\t\tbackground: none !important;\n\t\tline-height: inherit !important;\n\t\tuser-select: auto !important;\n\t\tbox-shadow: none !important;\n\t\t&:focus { outline: none !important; }\n\t}\n\n\t.has-items & > input{\n\t\tmargin: $select-caret-margin !important;\n\t}\n\n\t&.rtl {\n\t\ttext-align: right;\n\t\t&.single .#{$select-ns}-control:after {\n\t\t\tleft: $select-arrow-offset;\n\t\t\tright: auto;\n\t\t}\n\t\t.#{$select-ns}-control > input {\n\t\t\tmargin: $select-caret-margin-rtl !important;\n\t\t}\n\t}\n\n\t.disabled & {\n\t\topacity: $select-opacity-disabled;\n\t\tbackground-color: $select-color-disabled;\n\t}\n\n\t// hide input, while retaining its focus, and maintain layout so users can still click on the space to bring the display back\n\t// visibility:hidden can prevent the input from receiving focus\n\t.input-hidden & > input{\n\t\topacity: 0;\n\t\tposition: absolute;\n\t\tleft: -10000px;\n\t}\n\n}\n","\n\n.#{$select-ns}-dropdown {\n\tposition: absolute;\n\ttop: 100%;\n\tleft: 0;\n\twidth: 100%;\n\tz-index: 10;\n\n\tborder: $select-dropdown-border;\n\tbackground: $select-color-dropdown;\n\tmargin: 0.25rem 0 0 0;\n\tborder-top: 0 none;\n\tbox-sizing: border-box;\n\tbox-shadow: 0 1px 3px rgba(0,0,0,0.1);\n\tborder-radius: 0 0 $select-border-radius $select-border-radius;\n\n\n\t[data-selectable] {\n\t\tcursor: pointer;\n\t\toverflow: hidden;\n\t\t.highlight {\n\t\t\tbackground: $select-color-highlight;\n\t\t\tborder-radius: 1px;\n\t\t}\n\t}\n\n\t.option,\n\t.optgroup-header,\n\t.no-results,\n\t.create {\n\t\tpadding: $select-padding-dropdown-item-y $select-padding-dropdown-item-x;\n\t}\n\n\t.option, [data-disabled], [data-disabled] [data-selectable].option {\n\t\tcursor: inherit;\n\t\topacity: 0.5;\n\t}\n\n\t[data-selectable].option {\n\t\topacity: 1;\n\t\tcursor: pointer;\n\t}\n\n\t.optgroup:first-child .optgroup-header {\n\t\tborder-top: 0 none;\n\t}\n\n\t.optgroup-header {\n\t\tcolor: $select-color-optgroup-text;\n\t\tbackground: $select-color-optgroup;\n\t\tcursor: default;\n\t}\n\n\t.active {\n\t\tbackground-color: $select-color-dropdown-item-active;\n\t\tcolor: $select-color-dropdown-item-active-text;\n\t\t&.create {\n\t\t\tcolor: $select-color-dropdown-item-create-active-text;\n\t\t}\n\t}\n\n\t.create {\n\t\tcolor: $select-color-dropdown-item-create-text;\n\t}\n\n\t.spinner{\n\t\tdisplay: inline-block;\n\t\twidth: $select-spinner-size;\n\t\theight: $select-spinner-size;\n\t\tmargin: $select-padding-dropdown-item-y $select-padding-dropdown-item-x;\n\n\n\t\t&:after {\n\t\t\tcontent: \" \";\n\t\t\tdisplay: block;\n\t\t\twidth: $select-spinner-size * .8;\n\t\t\theight: $select-spinner-size * .8;\n\t\t\tmargin: $select-spinner-size * .1;\n\t\t\tborder-radius: 50%;\n\t\t\tborder: $select-spinner-border-size solid $select-spinner-border-color;\n\t\t\tborder-color: $select-spinner-border-color transparent $select-spinner-border-color transparent;\n\t\t\tanimation: lds-dual-ring 1.2s linear infinite;\n\t\t}\n\t\t@keyframes lds-dual-ring {\n\t\t\t0% {\n\t\t\t\ttransform: rotate(0deg);\n\t\t\t}\n\t\t\t100% {\n\t\t\t\ttransform: rotate(360deg);\n\t\t\t}\n\t\t}\n\t}\n}\n\n.#{$select-ns}-dropdown-content {\n\toverflow-y: auto;\n\toverflow-x: hidden;\n\tmax-height: $select-max-height-dropdown;\n\toverflow-scrolling: touch;\n\tscroll-behavior: smooth;\n}\n","// Advancned filter form\n@import \"../../node_modules/tom-select/src/scss/tom-select.scss\";\n\n\nform[name = 'ms_filter'] {\n .ts-control a {\n border-bottom: none;\n }\n .accordion{\n border:1px solid transparent;\n }\n .accordion[open]{\n border-color: rgba(244, 244, 244);\n }\n}\n\n.search_filters{\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: ms(-1) ms(0);\n & > .help-block{\n grid-column: span 2;\n }\n .form-group:not(.filter_boolean){\n @media (max-width: 768px){\n grid-column: span 2;\n }\n }\n\n}\n\n\n.filter_collection{\n &.form-group{\n margin-bottom:0;\n }\n & > div > .form-group > label{\n display:none;\n }\n}",".citation-title{\n font-style: italic;\n}\n\n/* If hanging indent is desired */\n/*\n.citation{\n padding-left: 1.5em;\n text-indent: -1.5em;\n}*/\n","@function average($values...){\n $length: list.length($values);\n $sum: 0;\n @each $value in $values{\n $sum: $sum + $value;\n }\n @return $sum / $length;\n}\n\n@mixin link{\n text-decoration:none;\n color: $mvm-black;\n border-bottom: 0.15rem solid $mvm-underline;\n line-height: 1.65;\n transition: border-bottom-color 0.2s ease-in-out;\n &:hover,\n &:focus{\n text-decoration:none;\n color:$mvm-black;\n border-bottom-color: rgba($mvm-dark-purple, 0.8);\n }\n \n}","// File for the details accordion, should be paied with the js/accordion.js\n\n\n$summary-bg-open: rgba(244, 244, 244, 0.8)!default;\n$summary-bg-closed: rgba(244,244, 244)!default;\n\n@mixin dhil-details-accordion($use-summary: false){\n\n :root{\n --accordion-easing: #{ease(in-out-sine)};\n --accordion-duration: 0.3s;\n }\n\n details {\n //Remove the default icon\n @include dhil-summary-removeArrow();\n &.accordion{\n .accordion__content{\n transition: opacity var(--accordion-duration) var(--accordion-easing);\n }\n\n &[aria-expanded='false'] > .accordion__content{\n opacity: 0;\n }\n\n &[aria-expanded='true'] > .accordion__content{\n opacity: 1;\n }\n @if $use-summary{\n @include dhil-summary-style();\n }\n }\n\n }\n\n // Any accordion specific content goes here\n @content;\n\n}\n\n@mixin dhil-summary-style(){\n &[open] > summary{\n background-color: $summary-bg-open;\n }\n\n summary{\n padding: 1rem;\n text-transform: uppercase;\n font-variant: small-caps;\n font-size: 1rem;\n font-weight: 500;\n background-color: $summary-bg-closed;\n transition: background-color 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);\n cursor: pointer;\n }\n\n\n\n}\n\n@mixin dhil-summary-removeArrow(){\n summary {\n list-style: none;\n &::-webkit-details-marker {\n display: none;\n }\n }\n}\n\n","/* Special styling rules for the index page only */\n\n#index{\n .navbar {\n margin-bottom:0;\n & > .container{\n background: $mvm-dark-purple;\n }\n &:after{\n content:unset;\n }\n}\n\narticle.container{\n margin-top: -7.5rem;\n}\n\n\n.jumbotron{\n padding-top: 38px;\n height: 45rem;\n background-image: url('../images/hero.jpg');\n background-attachment: fixed;\n background-size: cover;\n background-position: center;\n & > .container {\n color: $mvm-white;\n text-align:center;\n padding:2rem;\n background: rgba(#12021A,0.8);\n & > p{\n font-family: \"EB Garamond\";\n font-weight:400;\n text-align:left;\n line-height: $hero-line-height;\n font-size: $hero-font-size;\n //text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);\n max-width:$hero-para-width;\n margin-left: auto;\n margin-right:auto;\n margin-top:map.get($typescale, 1);\n margin-bottom:map.get($typescale, 4);\n backdrop-filter: blur(3px);\n /* Hide the overflow */\n overflow: hidden;\n @media (max-width: 767px){\n line-height: 1.3;\n font-size: 1.3rem;\n }\n /* Set the max-height in case -webkit-box isn't available */\n /* Note that this is in ems rather than rems */\n max-height: #{$hero-max-lines * $hero-line-height}em;\n\n /* But if -webkit-box is available, then we can use the much nicer -webkit-line-clamp,\n * which provdes ellipses when truncated */\n @supports (display: -webkit-box){\n max-height:unset;\n text-overflow: ellipsis;\n display: -webkit-box;\n -webkit-line-clamp: $hero-max-lines;\n -webkit-box-orient: vertical;\n }\n }\n a.readMore{\n color: white;\n font-weight: bold;\n margin-left: 1rem;\n padding: 0.25rem;\n border: 1px solid $mvm-white;\n background-color:transparent;\n display:block;\n float: right;\n transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;\n text-decoration:none;\n /* Max this flush right with the paragraph */\n @supports (margin-right: max(0px)){\n margin-right: max(calc((100% - #{$hero-para-width})/2), 0px);\n }\n &:hover{\n background-color: $mvm-white;\n color: $mvm-dark-purple;\n text-decoration:none;\n\n }\n }\n }\n\n}\n\n\nul.period-list{\n display:flex;\n list-style-type:none;\n padding-left:0;\n & > li{\n flex: auto;\n\n font-size:map.get($typescale, 4);\n font-family: \"EB Garamond\";\n text-align:center;\n & > a {\n border-bottom:none;\n border-top:1px solid black;\n border-bottom:1px solid black;\n display:block;\n width:100%;\n height:100%;\n padding: 0.5rem 0;\n transition:background-color 0.2s ease-in-out, color 0.2s ease-in-out;\n\n &:hover{\n background-color: $mvm-dark-purple;\n color:$mvm-white;\n }\n }\n }\n\n}\n\ninput.contributor{\n width:90%;\n transform: translateX(-50%);\n left: 50%;\n border:none;\n position:relative;\n border-bottom: 2px solid $mvm-brown;\n font-size: map.get($typescale, 3);\n font-family: \"EB Garamond\";\n}\n\n\nul.archive-gallery{\n /*\n display:flex;\n padding-left: 0;\n overflow-x:auto;\n list-style-type:none;\n margin-bottom:map.get($typescale, 2);\n width:100%;\n\n */\n & > li{\n display:block;\n //margin:1rem;\n flex: 1 0 25%;\n height:13rem;\n position:relative;\n overflow:hidden;\n &:before{\n content: \"\";\n background-image: url('../images/marble.jpeg');\n position:absolute;\n top:0;\n left:0;\n width:100%;\n height:100%;\n filter: grayscale(40%);\n transform: scale(1.01);\n transition: filter 0.2s ease-in-out, transform 0.25s ease-in-out;\n }\n &:hover:before{\n filter: grayscale(0%);\n transform: scale(1.02);\n }\n & > a{\n border-bottom:none!important;\n font-size:map.get($typescale, 4);\n font-family: \"EB Garamond\";\n display:block;\n height:100%;\n width:100%;\n font-style:italic;\n display:flex;\n align-items:center;\n justify-content:center;\n color: $mvm-white;\n z-index:9000;\n & > span {\n display:block;\n display:flex;\n z-index:9000;\n align-items:center;\n justify-content:center;\n text-align:center;\n height:90%;\n width:90%;\n padding:1rem;\n backdrop-filter: blur(1px);\n background:rgba($mvm-black, 0.65);\n\n }\n }\n\n }\n}\n\nsection{\n &:first-child{\n padding-top:0rem;\n\n }\n & + section{\n border-top: 3px solid rgba(#290741, 0.66);\n width:100%;\n padding:map.get($typescale, 1) 0;\n }\n & > h2{\n &:before{\n content: \"❧\";\n display:inline;\n margin-right:1rem;\n }\n }\n\n}\n\n}\n\n@media (max-width: 993px){\n #index {\n ul.archive-gallery{\n & > li{\n flex-basis:50%;\n min-height:6rem;\n }\n }\n article.container{\n margin-top:-2rem;\n }\n\n section,\n section + section{\n width:90%;\n margin: 0 auto;\n }\n }\n\n}\n\n\n\n\n","/*\n * Styles for born digital pages\n * (the blog, privacy, etc), but not including\n * the index page.\n *\n */\n\n// Nest everything within .born-digital (which is attached to article)\n.born-digital{\n display:flex;\n flex-direction:column;\n\n main{\n display:flex;\n height:100%;\n flex-direction:column;\n flex:1;\n }\n\n .blog_page{\n max-width:52rem;\n margin:0 auto;\n }\n\n section{\n font-size: 1.1rem;\n line-height: 1.65;\n }\n\n .gallery .item .description{\n padding-top:0;\n padding-bottom:0;\n @include dhil-clamp-lines($lines: 6, $font-size: 0.9rem);\n & > p{\n margin-top:1rem;\n margin-bottom:1rem;\n }\n }\n}","\n@media (max-width: 992px) {\n .tab-pane.active[id*=Transcription]{\n & > div {\n &.transcription{\n margin-left: map.get($typescale, 6);\n }\n }\n }\n}\n\n@media (max-width: 768px){\n article.container {\n margin-left: .5rem;\n margin-right: .5rem;\n padding-left: .75rem;\n padding-right: .75rem;\n }\n\n nav.navbar{\n .navbar-toggle{\n transition: all 0.3s ease-in-out;\n color:$mvm-white;\n .icon-bar{\n background-color:$mvm-white;\n }\n &:hover, &:focus{\n background-color:$mvm-white;\n color:$mvm-dark-purple;\n .icon-bar{\n background-color:$mvm-dark-purple;\n }\n }\n }\n .navbar-nav{\n & > li > a{\n &:after{\n margin-left:0;\n margin-right:0;\n transition:opacity 0.3s $easeInOutSine, width 0.35s $easeInQuint;\n }\n }\n .open{\n .dropdown-menu > li > a{\n color:$mvm-white;\n &:hover, &:focus{\n background: $mvm-white;\n color: $mvm-dark-purple;\n } \n }\n } \n }\n }\n \n header{\n .list-group-horizontal{\n flex-direction:column;\n li{\n border-left:none!important;\n }\n }\n } \n \n .body-nav{\n .btn-toolbar{\n margin-left:auto;\n }\n }\n \n}\n\n"],"names":[],"sourceRoot":""} \ No newline at end of file +{"version":3,"file":"./css/mvm.css","mappings":"AAAA,gBAAgB;AAAhB;;;;;;EAAA;AAQC;;;EAAA;AASD;;EAAA;ACjBA;ACCA;AACA;EACI;EACA;EACA;EACA,oHACA;AFeJ;AEXA;AACA;EACI;EACA;EACA;EACA,oHACA;AFYJ;AERA;AACA;EACI;EACA;EACA;EACA,oHACA;AFSJ;AELA;AACA;EACI;EACA;EACA;EACA,oHACA;AFMJ;AEFA;AACA;EACI;EACA;EACA;EACA,oHACA;AFGJ;AECA;AACA;EACI;EACA;EACA;EACA,sHACA;AFAJ;AEIA;AACA;EACI;EACA;EACA;EACA,sHACA;AFHJ;AEOA;AACA;EACI;EACA;EACA;EACA,sHACA;AFNJ;AEUA;AACA;EACI;EACA;EACA;EACA,sHACA;AFTJ;AEaA;AACA;EACI;EACA;EACA;EACA,sHACA;AFZJ;AEgBA;AACA;EACI;EACA;EACA;EACA,sHACA;AFfJ;AEmBA;AACA;EACI;EACA;EACA;EACA,sHACA;AFlBJ;AEsBA;AACA;EACI;EACA;EACA;EACA,sHACA;AFrBJ;AEyBA;AACA;EACI;EACA;EACA;EACA,sHACA;AFxBJ;AE4BA;AACA;EACI;EACA;EACA;EACA,sHACA;AF3BJ;AE+BA;AACA;EACI;EACA;EACA;EACA,sHACA;AF9BJ;AEkCA;AACA;EACI;EACA;EACA;EACA,sHACA;AFjCJ;AEqCA;AACA;EACI;EACA;EACA;EACA,sHACA;AFpCJ;AEwCA;AACA;EACI;EACA;EACA;EACA,sHACA;AFvCJ;AE2CA;AACA;EACI;EACA;EACA;EACA,sHACA;AF1CJ;AE8CA;AACA;EACI;EACA;EACA;EACA,sHACA;AF7CJ;AEiDA;AACA;EACI;EACA;EACA;EACA,sHACA;AFhDJ;AGzKA;;EAAA;AAIA;;;EAAA;AASA;ACbA;;EAAA;AAqBA;;EAAA;AAOA;;;EAAA;AC3BA;ACmEA;ACpEA;AJuCA;;;EAAA;AA4BA;;;EAAA;AA0BA;;;EAAA;AA0GA;;;;EAAA;AAyBA;;;;EAAA;AA4BA;;;;EAAA;AK5PA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA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CC,sBTEyB;Af63B3B;AwB53BC;EAEC;AxB63BF;AwB13BC;EACC,gBTiB+B;Af22BjC;AwBz3BC;EACC;EACA;AxB23BF;AwBx3BC;EACC;EACA;EACA;EACA,mBThByB;ESiBzB,cTvByB;ESwBzB;AxB03BF;AwBx3BE;EACC,mBTlB6B;ESmB7B,cT5BwB;ES6BxB;AxB03BH;AwBr3BE;EACC;EACA;EACA;AxBu3BH;AwBn3BC;EAKC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AxBi3BF;AwBl4BE;EACC;AxBo4BH;AwBn3BE;EAAU;AxBs3BZ;AwBn3BC;EACC;AxBq3BF;AwBl3BC;EACC;AxBo3BF;AwBn3BE;EACC,UTvByB;ESwBzB;AxBq3BH;AwBn3BE;EACC;AxBq3BH;AwBj3BC;EACC,YTvD6B;ESwD7B,yBT3E4B;Af87B9B;AwB92BC;EACC;EACA;EACA;AxBg3BF;;AyB79BA;EACC;EACA;EACA;EACA;EACA;EAEA,yBV4C6B;EU3C7B,gBVyB6B;EUxB7B;EACA;EACA;EACA;EACA;AzB+9BD;AyB59BC;EACC;EACA;AzB89BF;AyB79BE;EACC,oCVG2B;EUF3B;AzB+9BH;AyB39BC;;;;EAIC;AzB69BF;AyB19BC;EACC;EACA;AzB49BF;AyBz9BC;EACC;EACA;AzB29BF;AyBx9BC;EACC;AzB09BF;AyBv9BC;EACC,cV1ByB;EU2BzB,gBVf4B;EUgB5B;AzBy9BF;AyBt9BC;EACC,yBVjBqC;EUkBrC,cVjByC;Afy+B3C;AyBv9BE;EACC,cVnBwC;Af4+B3C;AyBr9BC;EACC,4BVvBwC;Af8+B1C;AyBp9BC;EACC;EACA,WVO0B;EUN1B,YVM0B;EUL1B;AzBs9BF;AyBn9BE;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AzBq9BH;AyBn9BE;EACC;IACC;EzBq9BF;EyBn9BC;IACC;EzBq9BF;AACF;;AyBh9BA;EACC;EACA;EACA,iBVzCgC;EU0ChC;EACA;AzBm9BD;;Ae14BA;EACC;EACG;EACA;EAEA;EACA;EACA;EACA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","sources":["webpack://mvm/./sass/mvm.scss","webpack://mvm/./sass/_variables.scss","webpack://mvm/./sass/_fonts.scss","webpack://mvm/./node_modules/dhilux/scss/dhilux.scss","webpack://mvm/./node_modules/dhilux/scss/components/_functions.scss","webpack://mvm/./node_modules/dhilux/scss/components/_breadcrumb.scss","webpack://mvm/./node_modules/dhilux/scss/components/_pagination.scss","webpack://mvm/./node_modules/dhilux/scss/components/_modal.scss","webpack://mvm/./sass/components/_breadcrumb.scss","webpack://mvm/./node_modules/swiper/swiper.scss","webpack://mvm/./node_modules/swiper/modules/navigation/navigation.scss","webpack://mvm/./sass/components/_carousel.scss","webpack://mvm/./sass/components/_nextPrev.scss","webpack://mvm/./node_modules/dhilux/scss/a11y_tables.scss","webpack://mvm/./sass/components/_table.scss","webpack://mvm/./node_modules/tom-select/src/scss/tom-select.scss","webpack://mvm/./node_modules/tom-select/src/plugins/drag_drop/plugin.scss","webpack://mvm/./node_modules/tom-select/src/plugins/checkbox_options/plugin.scss","webpack://mvm/./node_modules/tom-select/src/plugins/clear_button/plugin.scss","webpack://mvm/./node_modules/tom-select/src/plugins/dropdown_header/plugin.scss","webpack://mvm/./node_modules/tom-select/src/plugins/dropdown_input/plugin.scss","webpack://mvm/./node_modules/tom-select/src/plugins/input_autogrow/plugin.scss","webpack://mvm/./node_modules/tom-select/src/plugins/optgroup_columns/plugin.scss","webpack://mvm/./node_modules/tom-select/src/plugins/remove_button/plugin.scss","webpack://mvm/./node_modules/tom-select/src/scss/_items.scss","webpack://mvm/./node_modules/tom-select/src/scss/_dropdown.scss","webpack://mvm/./sass/components/_advanced_search.scss","webpack://mvm/./sass/components/_citation.scss","webpack://mvm/./sass/_functions.scss","webpack://mvm/./node_modules/dhilux/scss/components/_accordion.scss","webpack://mvm/./sass/pages/_index.scss","webpack://mvm/./sass/pages/_bornDigital.scss","webpack://mvm/./sass/_media.scss"],"sourcesContent":["/*\n * Base SCSS stylesheet for the Manuscript Verse Miscellanies\n * Database.\n *\n * @author: Joey Takeda\n * @date: 2020\n */\n\n /**\n * Namespaces\n *\n **/\n\n@use 'sass:map';\n@use 'sass:math';\n@use 'sass:color';\n@use 'sass:list';\n/*\n * Imports\n */\n\n@import \"_variables.scss\";\n@import \"_fonts.scss\";\n@import \"_functions.scss\";\n@import \"../node_modules/dhilux/scss/dhilux.scss\";\n\n@import \"components/breadcrumb\";\n@import \"components/carousel\";\n@import \"components/nextPrev\";\n@import \"components/table\";\n@import \"components/advanced_search\";\n@import \"components/citation\";\n\n/*\n * Root\n */\n\n* {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n text-rendering: optimizeLegibility;\n}\n\nhtml{\n font-size:1rem;\n}\n\n body{\n background-color: $mvm-tan;\n font-size:1rem;\n font-family: \"Nunito Sans\";\n line-height: 1.6;\n overflow-x:hidden;\n img{\n max-width:100%;\n }\n }\n\n @media (min-width:768px) and (max-width: 991px){\n .container{\n width:95%;\n }\n }\n\n\n nav.navbar{\n background: $mvm-dark-purple;\n color: $mvm-white;\n z-index:1;\n position:static;\n border-radius:0;\n box-shadow:unset;\n border:none;\n display: block;\n &:after{\n content:\"\";\n display:block;\n height: 28vh;\n\n }\n .navbar-nav{\n .brand{\n margin-right:1rem;\n }\n & > li{\n &.open > a,\n &.open > a:hover,\n &.open > a:focus{\n background:#fff;\n color:black;\n }\n & > a{\n color:$mvm-white;\n &:after{\n content: \"\";\n opacity:0;\n display:block;\n width:1%;\n margin-top:.5rem;\n margin-left:auto;\n margin-right:auto;\n height:2px;\n background-color:$mvm-white;\n transition:opacity 0.3s $easeInOutSine, width 0.3s $easeInOutSine;\n }\n &:hover, &:focus{\n color:$mvm-white;\n &:after{\n opacity:1;\n width:100%;\n }\n\n }\n }\n & .current > a{\n font-weight:bold;\n }\n }\n }\n }\n\n // Hack to make navbar-toggle centered etc.\n .navbar-toggle{\n right: 40px;\n top:5px;\n\n }\n\n\n\n\n.list-group-horizontal{\n list-style-type:none;\n display:flex;\n justify-content:center;\n margin:map.get($typescale, 5) auto;\n font-size: map.get($typescale, 7);\n padding:0;\n li{\n padding: 0 map.get($typescale, 9);\n &:not(:first-child){\n border-left: 1px solid rgba($mvm-brown, .5);\n }\n }\n}\n\n//Modals\n\n@include dhil-modal;\n\na{\n @include link;\n\n footer &,\n nav &{\n border-bottom:none;\n text-decoration:none;\n }\n}\n\n\nheader{\n text-align:center;\n h1{\n margin-bottom:map.get($typescale, 5);\n .firstLine{\n font-size:0.95em;\n font-style:italic;\n &:before{\n content: \"“\";\n }\n &:after{\n content:\"”\";\n }\n }\n }\n}\n\n/* Special little fleuron for the article header */\narticle header:after{\n display:block;\n content:\"❧\";\n margin-bottom:map.get($typescale, 5);\n text-align:center;\n font-size:2.5rem;\n}\n\n\n\narticle.container{\n margin-top:-28.5vh;\n background-color:$mvm-white;\n z-index:9000;\n margin-left:auto;\n margin-right:auto;\n padding: 2rem 5rem 5rem 5rem;\n min-height:90vh;\n }\n\n\n\nform{\n margin-bottom:map.get($typescale, 4);\n}\n.navigation{\n padding: 20px 0px;\n margin: auto;\n}\n\n\nmain{\n /* Note that breadcrumbs are handled in their own module */\n a:hover, a:focus{\n text-decoration:none;\n }\n}\n\ndiv.tab-content{\n width: 95%;\n margin:map.get($typescale, 3) auto;\n .text-right{\n margin:2rem 0;\n }\n .btn-toolbar{\n margin-top:map.get($typescale, 8);\n margin-bottom:map.get($typescale, 6);\n }\n\n}\n\n\nul.nav-pills{\n display:flex;\n flex-wrap:wrap;\n gap:2px;\n & > li.nav-item{\n flex: 1;\n text-align:center;\n font-size:map.get($typescale, 6);\n background: $mvm-grey;\n margin-left:0;\n a{\n color:$mvm-black;\n padding-bottom:.5rem;\n border-bottom:none;\n height: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n &:hover, &:visited{\n border-bottom:none;\n }\n }\n a.active {\n background: $mvm-dark-purple;\n color:$mvm-white;\n border-radius:0;\n &:hover{\n color:$mvm-white;\n }\n }\n }\n}\n\n\n/* Now the nav stuff at the top */\n.body-nav{\n display:flex;\n flex-wrap: wrap;\n justify-content:space-between;\n margin-top:0;\n margin-bottom:map.get($typescale, 3);\n align-items: flex-end;\n > *{\n margin-bottom:map.get($typescale, 5);\n }\n .btn-toolbar{\n margin-top: -1px;\n }\n}\n\ntable.table ul{\n & > li{\n margin-bottom: 1rem;\n }\n}\n\n\n\n/* Now the gallery */\n\n.gallery{\n display:grid;\n grid-template-columns: repeat(auto-fill, minmax(18rem, 1fr));\n grid-row-gap: clamp(.5rem, map.get($typescale, 4), 2.5rem);\n grid-column-gap: clamp(1rem, map.get($typescale, 4), 2.5rem);\n .item {\n padding: map.get($typescale, 5);\n border: 2px solid rgba($mvm-brown, 0.3);\n box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);\n transition: border-color 0.2s ease-in-out;\n position:relative;\n &:hover{\n border-color: rgba($mvm-brown, 0.8);\n }\n h1{\n font-size: map.get($typescale, 4);\n text-align:center;\n margin-bottom:map.get($typescale, 5);\n }\n .badge{\n position:absolute;\n top:6px;\n right:6px;\n background-color:#ccc;\n }\n\n table {\n font-size: average(map.get($typescale,6), map.get($typescale, 7));\n tbody{\n tr{\n th{\n padding-right:map.get($typescale, 6);\n font-weight:500;\n font-style:italic;\n\n &:after{\n content:\":\";\n }\n }\n th,td{\n padding-top:map.get($typescale, 9);\n padding-bottom:map.get($typescale, 9);\n vertical-align:top;\n }\n\n }\n }\n\n\n\n }\n .description{\n border-top: 1px solid rgba($mvm-brown, 0.5);\n margin-top:map.get($typescale, 8);\n\n padding: map.get($typescale, 6) 0;\n font-size: average(map.get($typescale,6), map.get($typescale, 7));\n /* & > p::before{\n content: \"❧\";\n display:inline;\n margin-right:1rem;\n }*/\n }\n }\n}\n\n.tab-pane{\n // Adjust the gallery slight so it stretches nearly the full width\n .gallery{\n margin-left: -2.5%;\n margin-right: -2.5%;\n }\n}\n\n// Special transcription panel\n.tab-pane.active[id*='Transcription']{\n display:grid;\n grid-template-columns: minmax(10rem, 33%) 1fr;\n @media (max-width: 768px){\n grid-template-columns:auto;\n }\n > div{\n &.transcription{\n margin: 0 auto;\n }\n .details{\n top:map.get($typescale, 8);\n position:sticky;\n max-height:90vh;\n overflow-y:auto;\n @media (max-width: 768px){\n max-height:unset;\n position:static;\n top:unset;\n }\n }\n table{\n font-size:average(map.get($typescale,6), map.get($typescale, 7));\n th {\n vertical-align:top;\n }\n tr{\n display:flex;\n flex-direction:column;\n & > th{\n padding-bottom: 4px;\n }\n & > td{\n border-top:none;\n padding-bottom: map.get($typescale, 7);\n }\n }\n th[role='rowheader']{\n border-bottom: none;\n width:unset;\n }\n .note{\n border:none;\n &:before{\n content:unset;\n }\n\n }\n }\n }\n\n}\n\n\nul.person.dates{\n font-size:0.9em;\n list-style-type:none;\n padding:0;\n margin:0;\n display:flex;\n justify-content:center;\n width:100%;\n & > li{\n display:inline;\n padding:0;\n margin:0;\n &:before{\n font-style:italic;\n display:inline;\n }\n &.dob:before{\n content: \"b. \";\n }\n &.dod:before{\n content: \"d. \";\n }\n &.dob + .dod:before{\n content: \", d. \";\n }\n }\n}\n\nh1 + ul.person.dates{\n margin-top:-.5rem;\n margin-bottom:1rem;\n}\n\n/* Tags */\n\n\n.tag-list{\n @include dhil-tag-list();\n & > li{\n @include dhil-tag-item();\n }\n}\n\n.tag, .modal-link{\n @include dhil-tag-link();\n $line-height: 1.3;\n $border: 2px solid rgba($mvm-dark-purple, 0.2);\n color:inherit;\n border: $border;\n border-bottom: $border;\n background-color: $mvm-white;\n line-height: $line-height;\n &:hover, &:active{\n border-color: rgba($mvm-dark-purple, 0.5);\n border-bottom-color: rgba($mvm-dark-purple, 0.5);\n background-color: $mvm-dark-purple;\n color: $mvm-white;\n text-decoration:none;\n }\n &.long{\n @include dhil-clamp-lines(1, $font-size: 0.95 * ms(0), $line-height: $line-height);\n }\n}\n\n// External links\n\n.links {\n margin-left:0;\n padding-left:0;\n list-style-type: none;\n}\n\n.link{\n svg{\n height:0.8em;\n width:0.8em;\n }\n}\n\n// Notes in tables\n\ntd .note{\n font-size: 0.9rem;\n margin-top: map.get($typescale, 7);\n margin-left: -1em;\n border:1px dashed $mvm-grey;\n padding: 5px 1em;\n &:before{\n content: \"Note\";\n display:block;\n font-weight: 600;\n font-variant: small-caps;\n text-transform:lowercase;\n font-size: 1.1rem;\n margin-bottom: 5px;\n }\n}\n\n\n /*\n * Headings\n * */\n\n /*\n * Headings\n *\n * This little formula iterates through all of the heading levels\n * and associates it with the typography scale\n */\n @for $i from 1 to 6 {\n h#{$i} {\n font-size: map.get($typescale, $i);\n font-family: \"EB Garamond\";\n margin-bottom:map.get($typescale, $i);\n & > a{\n line-height: 1.2;\n }\n }\n article.born-digital h#{$i}{\n @if ($i > 1 ){\n margin-top: map.get($typescale, $i);\n }\n margin-bottom: map.get($typescale, 6);\n }\n\n}\n\n\n /*\n * Footer\n * */\n\n/*\n * Footer\n * */\n\nfooter{\n @media (max-width:767px){\n overflow-x:hidden;\n }\n & > .container{\n display:flex;\n flex-wrap:wrap;\n margin: 4rem auto;\n justify-content:space-between;\n align-content:center;\n &:after{\n content:unset;\n }\n &:before{\n content: \"\";\n background: url('../images/fleur.svg');\n height: 2rem;\n background-size: contain;\n display:block;\n width: calc(100% + 6rem);\n margin-bottom:3rem;\n margin-left:-3rem;\n margin-right:-3rem;\n }\n }\n\n\n ul, li{\n list-style-type:none;\n padding:0;\n margin:0;\n }\n\n\n\n .footer-menu{\n display:flex;\n flex:0.25 1 30%;\n flex-wrap:wrap;\n @media (max-width: 991px){\n flex:1;\n width:100%;\n }\n ul{\n display:grid;\n grid-template-columns: repeat(3, 1fr);\n grid-gap: 0.75rem;\n @media (max-width: 991px){\n width:100%;\n grid-template-columns: repeat(auto-fill, minmax(9rem, 0.5fr));\n }\n li{\n margin: 1rem;\n }\n &.footer-links li{\n margin:0;\n }\n a{\n color:$mvm-dark-purple;\n }\n }\n }\n\n .footer-imgs{\n align-self:flex-start;\n ul{\n display:flex;\n flex-direction:row;\n text-align:right;\n flex-wrap:wrap;\n li{\n margin-right: 1rem;\n margin-top: 1rem;\n }\n }\n img{\n max-height:8rem;\n filter:grayscale(0%);\n transition: filter 0.4s $easeInOutSine;\n &:hover{\n filter:grayscale(100%);\n }\n }\n\n }\n}\n\n.pagination{\n & > li{\n &.active{\n & > a,span{\n background-color:$mvm-dark-purple;\n border-color: $mvm-dark-purple;\n color:$mvm-white;\n }\n }\n & > a,span{\n color:$mvm-dark-purple;\n &:hover{\n background-color:$mvm-dark-purple;\n border-color: $mvm-dark-purple;\n color:white;\n }\n }\n }\n\n @media (max-width: 768px){\n .page-label{\n display:none;\n }\n }\n}\n\ndiv.collection span[class*=\"-collection-actions\"] {\n width: inherit !important;\n}\n\ndiv.collection-media > div:not(:last-child),\ndiv.collection-complex > div:not(:last-child) {\n padding-top: 15px;\n border: 1px solid rgba(128, 128, 128, 0.31);\n}\n\nlabel.required::after {\n content: ' *';\n color: red;\n font-weight: bold;\n}\n\n.cat-description{\n & > p {\n max-width: 60rem;\n margin: 0 auto;\n }\n & + p > a{\n @include link;\n }\n\n}\n\n.title.untitled{\n color: rgba(#333, 0.8);\n cursor:help;\n &:before{\n content:'[';\n }\n &:after{\n content:']';\n }\n}\n\n.list-unstyled{\n & > li{\n margin: ms(-2) 0;\n }\n}\n\n@include dhil-details-accordion($use-summary: true);\n\nsummary{\n padding: ms(0);\n text-transform: uppercase;\n font-variant:small-caps;\n font-size: 1rem;\n font-weight:500;\n background-color: transparentize($mvm-grey, 0.2);\n transition: background-color 0.2s ease(in-out-quad);\n cursor:pointer;\n .icon{\n float:right;\n clear:both;\n display:inline-block;\n transform: translate(0, 0);\n transition: transform 0.3s ease(in-out-quad);\n margin-right: calc(#{ms(-1)} + 4px);\n svg{\n height: ms(0);\n width: ms(0);\n }\n }\n}\n\ndiv.details{\n details{\n box-shadow: $tw-box-shadow;\n flex-basis: 100%;\n flex-shrink:0;\n }\n}\n\ndetails {\n &[aria-expanded='false'] {\n summary:hover {\n background-color: transparentize($mvm-grey, 0.1);\n &:not(:focus) .icon {\n animation: gesture-left;\n animation-duration: 1s;\n animation-timing-function: ease(in-out-quad);\n animation-iteration-count: 1;\n }\n }\n }\n\n &[aria-expanded='true']{\n summary{\n background-color: $mvm-grey;\n }\n .icon{\n transform: rotate(90deg);\n }\n }\n\n > div {\n padding: ms(0) ms(-1);\n }\n}\n\n.help-block {\n color: var(--bs-secondary-color)\n}\n\n@import \"pages/_index\";\n@import \"pages/_bornDigital\";\n\n/* Alwys import media last */\n@import \"_media.scss\";\n","/* Here is where we stash all of the variables */\n\n\n\n$mvm-tan: #FAF6F5;\n$mvm-dark-purple: #39253B;\n$mvm-grey: #E7E7E7;\n$mvm-white: #FFFFFF;\n$mvm-black: #010101;\n$mvm-brown: #846C5B;\n$mvm-underline: rgba(#153091, 0.5);\n\n\n\n$typescale: (\n 1: 3.052rem,\n 2: 2.441rem,\n 3: 1.953rem,\n 4: 1.563rem,\n 5: 1.25rem,\n 6: 1rem,\n 7: 0.8rem,\n 8: 0.64rem,\n 9: 0.512rem,\n);\n\n$hero-font-size: 1.45rem;\n$hero-line-height: 1.40;\n$hero-max-lines: 10;\n$hero-para-width: 60rem;\n\n$easeInOutSine: cubic-bezier(0.37, 0, 0.63, 1);\n$easeInQuint: cubic-bezier(0.64, 0, 0.78, 0);","\n/* 'Nunito Sans' normal 200*/\n@font-face {\n font-family: 'Nunito Sans';\n font-style: normal;\n font-weight: 200;\n src:\n url('../fonts/nunito-sans-normal-200.woff2') format('woff2'),\n url('../fonts/nunito-sans-normal-200.woff') format('woff');\n}\n\n/* 'Nunito Sans' italic 200*/\n@font-face {\n font-family: 'Nunito Sans';\n font-style: italic;\n font-weight: 200;\n src:\n url('../fonts/nunito-sans-italic-200.woff2') format('woff2'),\n url('../fonts/nunito-sans-italic-200.woff') format('woff');\n}\n\n/* 'Nunito Sans' normal 300*/\n@font-face {\n font-family: 'Nunito Sans';\n font-style: normal;\n font-weight: 300;\n src:\n url('../fonts/nunito-sans-normal-300.woff2') format('woff2'),\n url('../fonts/nunito-sans-normal-300.woff') format('woff');\n}\n\n/* 'Nunito Sans' italic 300*/\n@font-face {\n font-family: 'Nunito Sans';\n font-style: italic;\n font-weight: 300;\n src:\n url('../fonts/nunito-sans-italic-300.woff2') format('woff2'),\n url('../fonts/nunito-sans-italic-300.woff') format('woff');\n}\n\n/* 'Nunito Sans' normal 400*/\n@font-face {\n font-family: 'Nunito Sans';\n font-style: normal;\n font-weight: 400;\n src:\n url('../fonts/nunito-sans-normal-400.woff2') format('woff2'),\n url('../fonts/nunito-sans-normal-400.woff') format('woff');\n}\n\n/* 'Nunito Sans' italic 400*/\n@font-face {\n font-family: 'Nunito Sans';\n font-style: italic;\n font-weight: 400;\n src:\n url('../fonts/nunito-sans-italic-400.woff2') format('woff2'),\n url('../fonts/nunito-sans-italic-400.woff') format('woff');\n}\n\n/* 'Nunito Sans' normal 500*/\n@font-face {\n font-family: 'Nunito Sans';\n font-style: normal;\n font-weight: 500;\n src:\n url('../fonts/nunito-sans-normal-500.woff2') format('woff2'),\n url('../fonts/nunito-sans-normal-500.woff') format('woff');\n}\n\n/* 'Nunito Sans' italic 500*/\n@font-face {\n font-family: 'Nunito Sans';\n font-style: italic;\n font-weight: 500;\n src:\n url('../fonts/nunito-sans-italic-500.woff2') format('woff2'),\n url('../fonts/nunito-sans-italic-500.woff') format('woff');\n}\n\n/* 'Nunito Sans' normal 700*/\n@font-face {\n font-family: 'Nunito Sans';\n font-style: normal;\n font-weight: 700;\n src:\n url('../fonts/nunito-sans-normal-700.woff2') format('woff2'),\n url('../fonts/nunito-sans-normal-700.woff') format('woff');\n}\n\n/* 'Nunito Sans' italic 700*/\n@font-face {\n font-family: 'Nunito Sans';\n font-style: italic;\n font-weight: 700;\n src:\n url('../fonts/nunito-sans-italic-700.woff2') format('woff2'),\n url('../fonts/nunito-sans-italic-700.woff') format('woff');\n}\n\n/* 'Nunito Sans' normal 800*/\n@font-face {\n font-family: 'Nunito Sans';\n font-style: normal;\n font-weight: 800;\n src:\n url('../fonts/nunito-sans-normal-800.woff2') format('woff2'),\n url('../fonts/nunito-sans-normal-800.woff') format('woff');\n}\n\n/* 'Nunito Sans' italic 800*/\n@font-face {\n font-family: 'Nunito Sans';\n font-style: italic;\n font-weight: 800;\n src:\n url('../fonts/nunito-sans-italic-800.woff2') format('woff2'),\n url('../fonts/nunito-sans-italic-800.woff') format('woff');\n}\n\n/* 'Nunito Sans' normal 900*/\n@font-face {\n font-family: 'Nunito Sans';\n font-style: normal;\n font-weight: 900;\n src:\n url('../fonts/nunito-sans-normal-900.woff2') format('woff2'),\n url('../fonts/nunito-sans-normal-900.woff') format('woff');\n}\n\n/* 'Nunito Sans' italic 900*/\n@font-face {\n font-family: 'Nunito Sans';\n font-style: italic;\n font-weight: 900;\n src:\n url('../fonts/nunito-sans-italic-900.woff2') format('woff2'),\n url('../fonts/nunito-sans-italic-900.woff') format('woff');\n}\n\n/* 'EB Garamond' normal 500*/\n@font-face {\n font-family: 'EB Garamond';\n font-style: normal;\n font-weight: 500;\n src:\n url('../fonts/eb-garamond-normal-500.woff2') format('woff2'),\n url('../fonts/eb-garamond-normal-500.woff') format('woff');\n}\n\n/* 'EB Garamond' italic 500*/\n@font-face {\n font-family: 'EB Garamond';\n font-style: italic;\n font-weight: 500;\n src:\n url('../fonts/eb-garamond-italic-500.woff2') format('woff2'),\n url('../fonts/eb-garamond-italic-500.woff') format('woff');\n}\n\n/* 'EB Garamond' normal 600*/\n@font-face {\n font-family: 'EB Garamond';\n font-style: normal;\n font-weight: 600;\n src:\n url('../fonts/eb-garamond-normal-600.woff2') format('woff2'),\n url('../fonts/eb-garamond-normal-600.woff') format('woff');\n}\n\n/* 'EB Garamond' italic 600*/\n@font-face {\n font-family: 'EB Garamond';\n font-style: italic;\n font-weight: 600;\n src:\n url('../fonts/eb-garamond-italic-600.woff2') format('woff2'),\n url('../fonts/eb-garamond-italic-600.woff') format('woff');\n}\n\n/* 'EB Garamond' normal 700*/\n@font-face {\n font-family: 'EB Garamond';\n font-style: normal;\n font-weight: 700;\n src:\n url('../fonts/eb-garamond-normal-700.woff2') format('woff2'),\n url('../fonts/eb-garamond-normal-700.woff') format('woff');\n}\n\n/* 'EB Garamond' italic 700*/\n@font-face {\n font-family: 'EB Garamond';\n font-style: italic;\n font-weight: 700;\n src:\n url('../fonts/eb-garamond-italic-700.woff2') format('woff2'),\n url('../fonts/eb-garamond-italic-700.woff') format('woff');\n}\n\n/* 'EB Garamond' normal 800*/\n@font-face {\n font-family: 'EB Garamond';\n font-style: normal;\n font-weight: 800;\n src:\n url('../fonts/eb-garamond-normal-800.woff2') format('woff2'),\n url('../fonts/eb-garamond-normal-800.woff') format('woff');\n}\n\n/* 'EB Garamond' italic 800*/\n@font-face {\n font-family: 'EB Garamond';\n font-style: italic;\n font-weight: 800;\n src:\n url('../fonts/eb-garamond-italic-800.woff2') format('woff2'),\n url('../fonts/eb-garamond-italic-800.woff') format('woff');\n}\n","/* Mixins file, which we should try and use globally across DHIL projects,\nsince there's stuff I tend to do quite a bit.\n */\n\n/**\n* Namespaces\n*\n**/\n@use 'sass:map';\n@use 'sass:math';\n@use 'sass:color';\n@use 'sass:list';\n\n/* Make sure to import the modularscale-sass library */\n@import 'components/functions';\n@import '../../modularscale-sass/stylesheets/_modularscale.scss';\n@import 'components/breadcrumb';\n@import 'components/pagination';\n@import 'components/accordion';\n@import 'components/modal';\n\n\n\n\n$heading-font: 'Serif'!default;\n$body-font: 'Sans'!default;\n$modscale-start: 4!default;\n$base-font-size: 1rem!default;\n$base-line-height: 1.6!default;\n$nav-height: rem(50px)!default;\n$pagination-border-color: #efefef!default;\n$pagination-border-hover-color: #ccc!default;\n$base-text-color: black!default;\n\n$tw-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1),\n0 1px 2px 0 rgba(0, 0, 0, 0.06);\n\n\n\n/* @dhil-headers\n *\n * Standard header creation from a typescale\n */\n@mixin dhil-headers{\n @for $i from 1 to 6 {\n $num: $modscale-start - $i;\n\n h#{$i} {\n /* It'd be nice to use scss:max() here, but\n PHP storm raises an erroneously raises an error.\n */\n @if ($num > 0){\n font-size: ms($num);\n } @else {\n font-size: ms(0);\n }\n font-family: $heading-font;\n @if ($i == 1){\n letter-spacing: -2px;\n }\n & > a{\n line-height: 1.4;\n }\n }\n }\n}\n\n/* @dhil-reset\n *\n * Adds a number of resets that are common across the dhil\n */\n@mixin dhil-reset{\n html, body{\n font-size: $base-font-size;\n line-height: $base-line-height;\n }\n\n /*Always hide x overflow */\n body{\n overflow-x:hidden;\n }\n main{\n min-height:calc(90vh - #{$nav-height});\n }\n *{\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n text-rendering: optimizeLegibility;\n line-height: $base-line-height;\n }\n\n}\n\n/* @dhil-make-navbar\n *\n * Resets and customizes the navbar\n */\n@mixin dhil-make-navbar($background, $text-color, $remove-box-shadow: true){\n .navbar-default{\n min-height: $nav-height;\n\n /* Change the width to 100vw rather than 100%, since 100% causes\n jump behaviour when overflow-y on the body is set to hidden\n */\n width:100vw;\n padding-right:10px;\n\n /* Set the background colour */\n background: $background;\n @if ($remove-box-shadow){\n box-shadow:none!important;\n }\n border:none!important;\n @content;\n\n /* Reset the fixed-top to be sticky rather than fixed,\n so to avoid the problem with fixed position things overlapping\n */\n &.navbar-fixed-top{\n position:sticky!important;\n }\n .navbar-header{\n margin-left:0;\n margin-right:0;\n }\n /* Switch the text colour */\n .navbar-nav{\n & > li {\n & > a {\n color: $text-color;\n }\n }\n }\n }\n}\n\n\n@mixin dhil-remove-scrollbar(){\n scrollbar-width: none; /* Firefox */\n -ms-overflow-style: none; /* Internet Explorer 10+ */\n &::-webkit-scrollbar {\n width: 0;\n height: 0;\n }\n};\n\n@mixin dhil-tags (){\n @include dhil-tag-list;\n & > li{\n @include dhil-tag-item;\n & > a{\n @include dhil-tag-link;\n }\n }\n}\n\n@mixin dhil-tag-list(){\n list-style-type:none;\n display:flex;\n flex-wrap:wrap;\n margin: 0;\n padding: 0;\n align-items:center;\n}\n\n@mixin dhil-tag-item(){\n margin-top: ms(-2);\n margin-bottom:ms(-2);\n margin-right: ms(-2);\n transition: border-color 0.2s ease-in-out,\n background 0.2s ease-in-out,\n color 0.2s ease-in-out;\n}\n\n@mixin dhil-tag-link(){\n padding: ms(-2) ms(-2);\n display:inline-block;\n transition: border-color 0.2s ease-in-out,\n background 0.2s ease-in-out,\n color 0.2s ease-in-out;\n &:hover{\n text-decoration:none;\n }\n}\n\n\n@mixin sr-only(){\n position: absolute;\n width: 1px;\n height: 1px;\n margin: -1px;\n padding: 0;\n overflow: hidden;\n clip: rect(1px,1px,1px,1px);\n -webkit-clip-path: inset(50%);\n clip-path: inset(50%);\n border: 0;\n white-space: nowrap;\n}\n/* @dhil-gallery\n *\n * Creates a standard gallery view (note that we used to do this with flex,\n * but grid is much better for handling variable numbers of objects)\n */\n@mixin dhil-gallery($class: 'gallery', $count: 3, $column-gap: 2rem, $row-gap: 1rem){\n .#{$class} {\n $num: math.floor(12 / $count);\n display:grid;\n grid-template-columns: repeat(12, 1fr);\n grid-column-gap: $column-gap;\n grid-row-gap: $row-gap;\n & > .item{\n grid-column: span $num;\n\n @media (max-width: 991px){\n grid-column: span $num + 1;\n }\n @media (max-width: 768px){\n grid-column: span $num + 2;\n }\n }\n }\n}\n\n/* @dhil-clamp-lines\n *\n * Clamps lines at a particular vertical line length with a fallback for unsupported\n * browsers.\n */\n@mixin dhil-clamp-lines($lines, $font-size: $base-font-size, $line-height: $base-line-height, $fixed-height: false){\n\n overflow:hidden;\n\n/* If doesn't support -webkit-box */\n @if ($fixed-height){\n height: #{$lines * $font-size * $line-height};\n } else {\n max-height: #{$lines * $font-size * $line-height};\n}\n\n /* But if -webkit-box is available, then we can use the much nicer -webkit-line-clamp,\n * which provides ellipses when truncated */\n @supports (display: -webkit-box){\n max-height:unset;\n text-overflow: ellipsis;\n display: -webkit-box;\n -webkit-line-clamp: $lines;\n -webkit-box-orient: vertical;\n }\n}\n\n\n/* @dhil-lazyload\n *\n * Basic adjustments for images that are loaded lazily.\n *\n */\n\n@mixin dhil-lazyload($height, $width){\n}\n\n@mixin dhil-body-nav($n: -2){\n .body-nav{\n display:flex;\n flex-wrap: wrap;\n justify-content:space-between;\n margin-top:0;\n margin-bottom:ms($n);\n align-items:flex-end;\n > *{\n margin-bottom: ms($n + 1);\n }\n .btn-toolbar{\n margin-top: -1px;\n }\n @content\n }\n}\n\n@mixin dhil-pagination($type: 'minimal'){\n .pagination{\n @include dhil-full-pagination-reset();\n @if ($type == 'minimal') {\n @include dhil-pagination-minimal();\n }\n\n @if ($type == 'circular') {\n @include dhil-pagination-circular();\n }\n @content;\n }\n}\n\n\n@mixin full-width-in-container{\n width: 100vw;\n position: relative;\n left: 50%;\n right: 50%;\n margin-left: -50vw;\n margin-right: -50vw;\n}\n\n@mixin dhil-background-blur($background-color: rgb(0,0,0), $opacity: 0.7, $amount: 4px, $fallback-opacity: 0.9){\n background: rgba($background-color, $fallback-opacity);\n @supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))){\n backdrop-filter: blur(#{$amount});\n background: rgba($background-color, $opacity);\n }\n}\n\n\n","/* Take, with thanks, from:\nhttps://css-tricks.com/snippets/sass/px-to-em-functions/\n */\n@function em($pixels, $context: 16px) {\n @if (unitless($pixels)) {\n $pixels: $pixels * 1px;\n }\n\n @if (unitless($context)) {\n $context: $context * 1px;\n }\n\n @return $pixels / $context * 1em;\n}\n\n@function rem($pixels){\n $em: em($pixels);\n @return $em / 1em * 1rem;\n}\n\n\n/* Taken, with thanks, from:\nhttps://makandracards.com/makandra/42500-sass-how-to-convert-an-rgba-color-to-its-rgb-look-alike\n */\n@function rgba-to-rgb($rgba, $background: #fff){\n @return mix(rgb(red($rgba), green($rgba), blue($rgba)), $background, alpha($rgba) * 100%)\n}\n\n/*\nTake with thanks from:\nhttps://css-tricks.com/snippets/sass/easing-map-get-function/\n */\n\n\n$ease: (\n in-quad: cubic-bezier(0.550, 0.085, 0.680, 0.530),\n in-cubic: cubic-bezier(0.550, 0.055, 0.675, 0.190),\n in-quart: cubic-bezier(0.895, 0.030, 0.685, 0.220),\n in-quint: cubic-bezier(0.755, 0.050, 0.855, 0.060),\n in-sine: cubic-bezier(0.470, 0.000, 0.745, 0.715),\n in-expo: cubic-bezier(0.950, 0.050, 0.795, 0.035),\n in-circ: cubic-bezier(0.600, 0.040, 0.980, 0.335),\n in-back: cubic-bezier(0.600, -0.280, 0.735, 0.045),\n out-quad: cubic-bezier(0.250, 0.460, 0.450, 0.940),\n out-cubic: cubic-bezier(0.215, 0.610, 0.355, 1.000),\n out-quart: cubic-bezier(0.165, 0.840, 0.440, 1.000),\n out-quint: cubic-bezier(0.230, 1.000, 0.320, 1.000),\n out-sine: cubic-bezier(0.390, 0.575, 0.565, 1.000),\n out-expo: cubic-bezier(0.190, 1.000, 0.220, 1.000),\n out-circ: cubic-bezier(0.075, 0.820, 0.165, 1.000),\n out-back: cubic-bezier(0.175, 0.885, 0.320, 1.275),\n in-out-quad: cubic-bezier(0.455, 0.030, 0.515, 0.955),\n in-out-cubic: cubic-bezier(0.645, 0.045, 0.355, 1.000),\n in-out-quart: cubic-bezier(0.770, 0.000, 0.175, 1.000),\n in-out-quint: cubic-bezier(0.860, 0.000, 0.070, 1.000),\n in-out-sine: cubic-bezier(0.445, 0.050, 0.550, 0.950),\n in-out-expo: cubic-bezier(1.000, 0.000, 0.000, 1.000),\n in-out-circ: cubic-bezier(0.785, 0.135, 0.150, 0.860),\n in-out-back: cubic-bezier(0.680, -0.550, 0.265, 1.550)\n);\n\n@function ease($key) {\n @if map-has-key($ease, $key) {\n @return map-get($ease, $key);\n }\n\n @warn \"Unkown '#{$key}' in $ease.\";\n @return null;\n}\n\n\n","\n/* DEFAULTS */\n$breadcrumb-font-size: 12px !default;\n$breadcrumb-color: black!default;\n$breadcrumb-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.05) !default;\n$breadcrumb-padding: 0.5em 0 0.5em 4em!default;\n$breadcrumb-font-weight: 300!default;\n$breadcrumb-arrow-color: #EFEFEF!default;\n$breadcrumb-arrow-width: 3px;\n$breadcrumb-background-color: white!default;\n$breadcrumb-first-child-padding: 0 0 0 1rem!default;\n$breadcrumb-current-background: #CCC!default;\n$breadcrumb-current-color: rgba(black, 0.8)!default;\n$breadcrumb-current-max-text-width: 25ch!default;\n$breadcrumb-current-margin: 0 1rem 0 0!default;\n$breadcrumb-current-font-style: italic!default;\n$breadcrumb-hover-color: #bca7a7!default;\n\n\n@mixin dhil-breadcrumb(){\n .breadcrumbs {\n list-style: none;\n overflow:hidden;\n padding: 0;\n display:flex;\n width: -webkit-max-content;\n width: -moz-max-content;\n width: max-content;\n font-weight: $breadcrumb-font-weight;\n font-size: $breadcrumb-font-size;\n box-shadow: $breadcrumb-box-shadow;\n @content;\n }\n\n .breadcrumbs li > * {\n text-decoration: none;\n position: relative;\n display: flex;\n height:100%;\n align-items:center;\n color:$breadcrumb-color;\n padding:$breadcrumb-padding;\n }\n\n /*\n * Now create the various triangles\n * that will overlap; this is the\n * common stuff between the two\n * triangles\n */\n .breadcrumbs li > *:before,\n .breadcrumbs li > *:after{\n content: \" \";\n display: block;\n width: 0;\n height: 0;\n border-top: 50px solid transparent;\n border-bottom: 50px solid transparent;\n position: absolute;\n top: 50%;\n margin-top: -50px;\n left: 100%;\n border-left-width: 30px;\n border-left-style:solid;\n }\n\n .breadcrumbs li:not(:last-child) > *:before {\n /*And make sure the zindex is 1*/\n z-index: 1;\n\n /*This should be the colour\n you want the arrow*/\n border-left-color: $breadcrumb-arrow-color;\n /*The margin left here dictates the width of the arrow*/\n margin-left: $breadcrumb-arrow-width;\n }\n\n .breadcrumbs li > *:after {\n /*Z index should be 2 to overlap*/\n z-index: 2;\n\n /*BORDER LEFT should be the\n same as the background colour*/\n border-left-color: $breadcrumb-background-color;\n }\n\n\n\n /*Now small, project specific\n paddings etc*/\n .breadcrumbs li:first-child > * {\n padding: $breadcrumb-first-child-padding;\n }\n\n\n .breadcrumbs li > *,\n .breadcrumbs li > *:after,\n .breadcrumbs li > *:before {\n transition: all 0.2s ease-in-out;\n }\n\n .breadcrumbs li:last-child{\n background:$breadcrumb-current-background;\n }\n\n\n .breadcrumbs li:not(:last-child) > *:hover{\n background:$breadcrumb-hover-color;\n &:after,\n &:before{\n border-left-color:$breadcrumb-hover-color;\n }\n }\n\n .breadcrumbs .current{\n\n text-overflow:ellipsis;\n white-space:nowrap;\n overflow-x:hidden;\n\n margin:$breadcrumb-current-margin;\n font-style:$breadcrumb-current-font-style;\n max-width:$breadcrumb-current-max-text-width;\n li > &{\n color:$breadcrumb-current-color;\n }\n }\n\n .breadcrumbs li:last-child > *:after,\n .breadcrumbs li:last-child > *:before{\n content: unset;\n }\n\n /* Media query to reset the size of things */\n @media (max-width:780px){\n .current{\n max-width:$breadcrumb-current-max-text-width;\n }\n }\n}","\n\n@mixin dhil-pagination-minimal(){\n display:flex;\n justify-content:flex-end;\n & > li:not(:last-child) {\n border-right:2px solid $pagination-border-color;\n }\n}\n\n@mixin dhil-pagination-circular(){\n display:flex;\n justify-content:center;\n & > li{\n margin:0 ms(-4);\n height: 3rem;\n width: 3rem;\n &.active > a.page-link:not(.btn){\n background: rgba-to-rgb(rgba($pagination-border-hover-color, 0.6));\n }\n &.disabled{\n color: #CCC;\n pointer-events:none;\n cursor: not-allowed;\n & > .page-link{\n background: #f1efef;\n }\n }\n & > a.page-link:not(.btn){\n border: 2px solid $pagination-border-color;\n height: 3rem;\n width: 3rem;\n border-radius: 3rem;\n transition: border-color 0.2s ease-in-out;\n & > .page-label{\n @include sr-only();\n }\n }\n &:not(.disabled) > a.page-link:not(.btn):hover{\n border-radius:3rem;\n border-color: $pagination-border-hover-color!important;\n }\n }\n}\n\n@mixin dhil-full-pagination-reset() {\n & > li {\n @include dhil-pagination-reset();\n & > a,\n & > span{\n @include dhil-pagination-reset();\n &:hover, &:focus{\n @include dhil-pagination-reset();\n }\n }\n &.active, &:hover, &:focus {\n @include dhil-pagination-reset();\n & > a,\n & > span {\n @include dhil-pagination-reset();\n &:hover, &:focus {\n @include dhil-pagination-reset();\n }\n }\n }\n }\n}\n\n/* Note to be called directly, but just to reset everything */\n@mixin dhil-pagination-reset(){\n border-radius:0;\n border:none;\n float:none;\n color: $base-text-color;\n background-color:inherit;\n}\n\n","/* Styles for modals, which includes the polyfilled CSS from Google */\n\n$modal-max-width: 45rem!default;\n$modal-min-width: 90vw!default;\n\n@mixin dhil-modal($bg-color: white){\n\n body.dialog-active{\n overflow-y:hidden;\n padding-right: 15px;\n }\n\n\n dialog[open] {\n display:block;\n visibility:visible;\n position: fixed;\n width: min(#{$modal-min-width}, #{$modal-max-width});\n overflow-y: hidden;\n padding: 0;\n top: 50%;\n left: 50%;\n // Fix for Chrome\n bottom:unset;\n right:unset;\n // Translate3D fix for Safari:\n\n //NOTE: There's still a subpixel rendering issue with Safari\n //which probably can't be resolved without some sort of awful, grotesque hack.\n transform: translate3d(-50%, -50%, 0px);\n border: none;\n border-radius: 3px;\n background-color: $bg-color;\n box-shadow: 0 1px 3px 0 rgb(0 0 0 / 10%),\n 0 1px 2px 0 rgb(0 0 0 / 6%);\n }\n\n dialog {\n display: none;\n visibility:hidden;\n -webkit-font-smoothing: subpixel-antialiased;\n transform: translate3d(0,0,0);\n will-change:transform, width;\n\n }\n\n // Polyfill\n dialog + .backdrop,\n ._dialog_overlay{\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n }\n\n /* Now overrides */\n\n dialog + .backdrop{\n background: rgba(0, 0, 0, 0.45);\n backdrop-filter: blur(2px);\n }\n\n dialog::backdrop{\n background: rgba(0, 0, 0, 0.45);\n backdrop-filter: blur(2px);\n }\n\n dialog > header{\n padding-top:1rem;\n padding-bottom:1.5rem;\n text-align:left;\n & > .dialog-content{\n display:flex;\n justify-content:space-between;\n align-items:center;\n }\n }\n\n .dialog-heading{\n margin-right: ms(-2);\n h3{\n padding:0;\n margin-top:0;\n margin-bottom:0;\n }\n }\n\n .dialog-label{\n text-transform: lowercase;\n font-variant: small-caps;\n font-size: 1.1rem;\n font-weight:600;\n margin-bottom:0;\n color: #2e3436;\n a{\n text-decoration:none;\n border-bottom:1px solid transparent;\n border-bottom-color:transparent!important;\n color:inherit;\n transition: border-bottom-color 0.3s ease-in-out;\n &:hover, &:active{\n border-bottom-color:#2e3436!important;\n text-decoration:none;\n color:inherit;\n }\n }\n }\n\n .dialog-closer{\n align-self:flex-start;\n margin-top:5px;\n form[method='dialog']{\n height: 100%;\n width: 100%;\n display: flex;\n justify-content: center;\n align-items: flex-start;\n opacity: 0.7;\n transition: opacity 0.2s ease-in-out;\n &:hover{\n opacity:1;\n }\n .btn{\n display:flex;\n padding: ms(-1);\n background:transparent;\n }\n svg{\n stroke:black;\n\n }\n }\n }\n\n\n\n .dialog-content{\n margin: 0 2.8rem;\n will-change: margin;\n @media (max-width: $modal-max-width){\n margin: 0 5vw;\n }\n }\n\n .dialog-body{\n padding-bottom:1rem;\n min-height:15rem;\n height: fit-content;\n max-height: 80vh;\n overflow-y:auto;\n .dialog-content{\n &__heading{\n margin-bottom: .8rem;\n text-transform:lowercase;\n font-size:1.4rem;\n font-weight:600;\n font-variant:small-caps;\n }\n & > div{\n margin-bottom: 1.75rem;\n }\n\n }\n ul, li{\n list-style:none;\n padding-left:0;\n margin-left:0;\n font-size:0.95rem;\n }\n ul{\n margin-top: ms(-2);\n &.columns{\n columns: 2;\n column-gap: ms(-2);\n & > li{\n break-inside:avoid-column;\n }\n @media (max-width: $modal-max-width){\n columns:1;\n }\n }\n }\n li{\n padding-bottom: ms(-2);\n }\n }\n\n}",".breadcrumbs, .breadcrumbs2 { \n list-style: none; \n overflow:hidden;\n font-weight: 300;\n padding: 0;\n box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.05);\n display:flex;\n font-size:map.get($typescale, 7);\n width: -webkit-max-content;\n width: -moz-max-content;\n width: max-content;\n margin-bottom: 0;\n}\n\n\n\n.breadcrumbs li > * {\n color:black;\n text-decoration: none; \n position: relative; \n display: block;\n padding:0.5em 0 0.5em 4em;\n\n}\n\n/*\n* Now create the various triangles\n* that will overlap; this is the\n* common stuff between the two\n* triangles\n*/\n.breadcrumbs li > *:before,\n.breadcrumbs li > *:after{\n content: \" \"; \n display: block; \n width: 0; \n height: 0;\n border-top: 50px solid transparent;\n border-bottom: 50px solid transparent;\n position: absolute;\n top: 50%;\n margin-top: -50px; \n left: 100%;\n border-left-width: 30px;\n border-left-style:solid;\n}\n\n.breadcrumbs li:not(:last-child) > *:before { \n /*This should be the colour\n you want the arrow*/\n border-left-color: #E7E7E7;\n /*The margin left here dictates the width of the arrow*/\n margin-left: 3px;\n /*And make sure the zindex is 1*/\n z-index: 1; \n}\t\n\n.breadcrumbs li > *:after { \n /*BORDER LEFT should be the\n same as the background colour*/\n border-left-color: white;\n \n /*Z index should be 2 to overlap*/\n z-index: 2; \n}\t\n\n\n\n/*Now small, project specific \npaddings etc*/\n.breadcrumbs li:first-child > * {\n padding-left: 1rem;\n}\n\n\n.breadcrumbs li > *,\n.breadcrumbs li > *:after,\n.breadcrumbs li > *:before {\n transition: all 0.2s ease-in-out;\n}\n\n.breadcrumbs li:last-child{\n background:$mvm-grey;\n}\n\n\n.breadcrumbs li:not(:last-child) > *:hover{\n background:#efefef;\n &:after,\n &:before{\n border-left-color:#efefef;\n }\n }\n\n.breadcrumbs .current{\n margin-right:1rem;\n text-overflow:ellipsis;\n max-width:25ch;\n @media (max-width: 768px){\n max-width:15ch;\n }\n white-space:nowrap;\n overflow-x:hidden;\n font-style:italic;\n li > &{\n color:rgba($mvm-black, 0.8);\n }\n}\n\n\n\n.breadcrumbs li:last-child > *:after,\n.breadcrumbs li:last-child > *:before{\n content: unset;\n}\n\n ","@import 'swiper-vars.scss';\n\n@font-face {\n font-family: 'swiper-icons';\n src: url('data:application/font-woff;charset=utf-8;base64, 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')\n format('woff');\n font-weight: 400;\n font-style: normal;\n}\n\n:root {\n --swiper-theme-color: #{$themeColor};\n}\n.swiper {\n margin-left: auto;\n margin-right: auto;\n position: relative;\n overflow: hidden;\n list-style: none;\n padding: 0;\n /* Fix of Webkit flickering */\n z-index: 1;\n}\n.swiper-vertical > .swiper-wrapper {\n flex-direction: column;\n}\n.swiper-wrapper {\n position: relative;\n width: 100%;\n height: 100%;\n z-index: 1;\n display: flex;\n transition-property: transform;\n box-sizing: content-box;\n}\n.swiper-android .swiper-slide,\n.swiper-wrapper {\n transform: translate3d(0px, 0, 0);\n}\n.swiper-pointer-events {\n touch-action: pan-y;\n &.swiper-vertical {\n touch-action: pan-x;\n }\n}\n.swiper-slide {\n flex-shrink: 0;\n width: 100%;\n height: 100%;\n position: relative;\n transition-property: transform;\n}\n.swiper-slide-invisible-blank {\n visibility: hidden;\n}\n/* Auto Height */\n.swiper-autoheight {\n &,\n .swiper-slide {\n height: auto;\n }\n\n .swiper-wrapper {\n align-items: flex-start;\n transition-property: transform, height;\n }\n}\n\n/* 3D Effects */\n.swiper-3d {\n &,\n &.swiper-css-mode .swiper-wrapper {\n perspective: 1200px;\n }\n .swiper-wrapper,\n .swiper-slide,\n .swiper-slide-shadow,\n .swiper-slide-shadow-left,\n .swiper-slide-shadow-right,\n .swiper-slide-shadow-top,\n .swiper-slide-shadow-bottom,\n .swiper-cube-shadow {\n transform-style: preserve-3d;\n }\n .swiper-slide-shadow,\n .swiper-slide-shadow-left,\n .swiper-slide-shadow-right,\n .swiper-slide-shadow-top,\n .swiper-slide-shadow-bottom {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n z-index: 10;\n }\n .swiper-slide-shadow {\n background: rgba(0, 0, 0, 0.15);\n }\n .swiper-slide-shadow-left {\n background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));\n }\n .swiper-slide-shadow-right {\n background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));\n }\n .swiper-slide-shadow-top {\n background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));\n }\n .swiper-slide-shadow-bottom {\n background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));\n }\n}\n\n/* CSS Mode */\n.swiper-css-mode {\n > .swiper-wrapper {\n overflow: auto;\n scrollbar-width: none; /* For Firefox */\n -ms-overflow-style: none; /* For Internet Explorer and Edge */\n &::-webkit-scrollbar {\n display: none;\n }\n }\n > .swiper-wrapper > .swiper-slide {\n scroll-snap-align: start start;\n }\n}\n.swiper-horizontal.swiper-css-mode {\n > .swiper-wrapper {\n scroll-snap-type: x mandatory;\n }\n}\n.swiper-vertical.swiper-css-mode {\n > .swiper-wrapper {\n scroll-snap-type: y mandatory;\n }\n}\n.swiper-centered {\n > .swiper-wrapper::before {\n content: '';\n flex-shrink: 0;\n order: 9999;\n }\n &.swiper-horizontal {\n > .swiper-wrapper > .swiper-slide:first-child {\n margin-inline-start: var(--swiper-centered-offset-before);\n }\n > .swiper-wrapper::before {\n height: 100%;\n width: var(--swiper-centered-offset-after);\n }\n }\n &.swiper-vertical {\n > .swiper-wrapper > .swiper-slide:first-child {\n margin-block-start: var(--swiper-centered-offset-before);\n }\n > .swiper-wrapper::before {\n width: 100%;\n height: var(--swiper-centered-offset-after);\n }\n }\n\n > .swiper-wrapper > .swiper-slide {\n scroll-snap-align: center center;\n }\n}\n\n\n\n","@import '../../swiper-vars.scss';\n\n:root {\n --swiper-navigation-size: 44px;\n /*\n --swiper-navigation-color: var(--swiper-theme-color);\n */\n}\n.swiper-button-prev,\n.swiper-button-next {\n position: absolute;\n top: 50%;\n width: calc(var(--swiper-navigation-size) / 44 * 27);\n height: var(--swiper-navigation-size);\n margin-top: calc(0px - (var(--swiper-navigation-size) / 2));\n z-index: 10;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--swiper-navigation-color, var(--swiper-theme-color));\n &.swiper-button-disabled {\n opacity: 0.35;\n cursor: auto;\n pointer-events: none;\n }\n &:after {\n font-family: swiper-icons;\n font-size: var(--swiper-navigation-size);\n text-transform: none !important;\n letter-spacing: 0;\n text-transform: none;\n font-variant: initial;\n line-height: 1;\n }\n}\n.swiper-button-prev,\n.swiper-rtl .swiper-button-next {\n &:after {\n content: 'prev';\n }\n left: 10px;\n right: auto;\n}\n.swiper-button-next,\n.swiper-rtl .swiper-button-prev {\n &:after {\n content: 'next';\n }\n right: 10px;\n left: auto;\n}\n\n.swiper-button-lock {\n display: none;\n}\n","@import \"../../node_modules/swiper/swiper\";\n@import \"../../node_modules/swiper/modules/navigation/navigation\";\n\n:root{\n --swiper-theme-color: #{$mvm-tan};\n}","\n\n.nextPrev{\n display:flex;\n width:100%;\n margin-top:auto;\n margin-bottom: -3rem;\n font-size: 0.88rem;\n\n .next, .prev{\n margin-top:3rem;\n &:before, &:after{\n display:inline-block;\n opacity:0.8;\n margin-right: 0.2rem;\n }\n }\n\n .prev{\n margin-right:auto;\n &:before{\n content: \"\\2190\";\n }\n }\n\n .next{\n margin-left:auto;\n &:after{\n content: \"\\2192\";\n }\n }\n\n}","// A bit of SCSS for the accessible tables. It really doesn't do much.\n\n$breakpoint: 767px !default;\n\n*[role='cell'] > .cell-content{\n display:inline;\n margin:0;\n padding:0;\n}\n\n@media (max-width: $breakpoint){\n table{\n thead{\n display:none;\n }\n thead + tbody {\n display:block;\n tr{\n display: block;\n }\n td{\n display:flex;\n > span{\n display:block;\n }\n }\n td {\n text-align: left !important;\n }\n\n td:before {\n content: attr(data-value);\n font-weight: bold;\n margin-right: .5em;\n }\n }\n }\n}\n","\n// Import the DHILUX table package\n@import \"../../node_modules/dhilux/scss/a11y_tables\";\n\n// Make tables horizontally scrollable\n.table-container{\n overflow-x:auto;\n width:100%;\n}\n\ntable.table,\ntable.table-condensed {\n border-collapse:collapse;\n border-color: rgba($mvm-brown, 0.15);\n tbody, thead{\n th, td{\n padding: map.get($typescale, 7) map.get($typescale, 5);\n & > p{\n overflow-wrap: break-word;\n word-wrap: break-word;\n word-break: break-word;\n }\n /* Constraint paragraph width IFF the cell count\n * is greater than 3 */\n &:nth-child(n+3) > p{\n max-width: 25rem;\n }\n &.number{\n text-align:right;\n }\n }\n }\n\n\n thead > tr > th:not(:first-child),\n thead + tbody > tr > td:not(:first-child){\n border-left-style: solid;\n border-left-color: rgba($mvm-brown, 0.15);\n border-left-width: 2px;\n }\n\n th[role='rowheader']{\n width:33%;\n }\n\n\n tbody{\n tr{\n th,td{\n border-top-color: rgba($mvm-brown, 0.15);\n border-top-width: 2px;\n vertical-align:middle;\n }\n &:first-child{\n th, td{\n border-top:none;\n }\n }\n }\n }\n}\n\n// When tables are in mobile mode\n@media (max-width:767px){\n .table-container table.table thead + tbody tr{\n & + tr{\n border-top: 2px solid rgba($mvm-brown, 0.15);\n }\n th, td{\n border:none;\n align-items:baseline;\n p{\n margin:0;\n }\n }\n }\n}\n\n// Hack for really wide tables\n\n@media (min-width:768px) and (max-width: 991px){\n table.table .removable{\n display:none;\n }\n}\n\n\n\n\n\n","/**\n * tom-select.css (v//@@version)\n * Copyright (c) contributors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\"); you may not use this\n * file except in compliance with the License. You may obtain a copy of the License at:\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF\n * ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n *\n */\n\n\n// base styles\n$select-ns:\t\t\t\t\t\t\t\t\t\t'ts' !default;\n$select-font-family:\t\t\t\t\t\t\tinherit !default;\n$select-font-smoothing:\t\t\t\t\t\t\tinherit !default;\n$select-font-size:\t\t\t\t\t\t\t\t13px !default;\n$select-line-height:\t\t\t\t\t\t\t18px !default;\n\n$select-color-text:\t\t\t\t\t\t\t\t#303030 !default;\n$select-color-border:\t\t\t\t\t\t\t#d0d0d0 !default;\n$select-color-highlight:\t\t\t\t\t\trgba(125,168,208,0.2) !default;\n$select-color-input:\t\t\t\t\t\t\t#fff !default;\n$select-color-input-full:\t\t\t\t\t\t$select-color-input !default;\n$select-color-disabled:\t\t\t\t\t\t\t#fafafa !default;\n$select-color-item:\t\t\t\t\t\t\t\t#f2f2f2 !default;\n$select-color-item-text:\t\t\t\t\t\t$select-color-text !default;\n$select-color-item-border:\t\t\t\t\t\t#d0d0d0 !default;\n$select-color-item-active:\t\t\t\t\t\t#e8e8e8 !default;\n$select-color-item-active-text:\t\t\t\t\t$select-color-text !default;\n$select-color-item-active-border:\t\t\t\t#cacaca !default;\n$select-color-dropdown:\t\t\t\t\t\t\t#fff !default;\n$select-color-dropdown-border:\t\t\t\t\t$select-color-border !default;\n$select-color-dropdown-border-top:\t\t\t\t#f0f0f0 !default;\n$select-color-dropdown-item-active:\t\t\t\t#f5fafd !default;\n$select-color-dropdown-item-active-text: \t\t#495c68 !default;\n$select-color-dropdown-item-create-text:\t\trgba(red($select-color-text), green($select-color-text), blue($select-color-text), 0.5) !default;\n$select-color-dropdown-item-create-active-text:\t$select-color-dropdown-item-active-text !default;\n$select-color-optgroup:\t\t\t\t\t\t\t$select-color-dropdown !default;\n$select-color-optgroup-text:\t\t\t\t\t$select-color-text !default;\n$select-lighten-disabled-item:\t\t\t\t\t30% !default;\n$select-lighten-disabled-item-text:\t\t\t\t30% !default;\n$select-lighten-disabled-item-border:\t\t\t30% !default;\n$select-opacity-disabled:\t\t\t\t\t\t0.5 !default;\n\n$select-shadow-input:\t\t\t\t\t\t\tnone !default;\n$select-shadow-input-focus:\t\t\t\t\t\tnone !default;\n$select-border-width:\t\t\t\t\t\t\t1px !default;\n$select-border:\t\t\t\t\t\t\t\t\t$select-border-width solid $select-color-border !default;\n$select-dropdown-border:\t\t\t\t\t\t1px solid $select-color-dropdown-border !default;\n$select-border-radius:\t\t\t\t\t\t\t3px !default;\n\n$select-width-item-border:\t\t\t\t\t\t0px !default;\n$select-max-height-dropdown:\t\t\t\t\t200px !default;\n\n$select-padding-x:\t\t\t\t\t\t\t\t8px !default;\n$select-padding-y:\t\t\t\t\t\t\t\t8px !default;\n$select-padding-item-x:\t\t\t\t\t\t\t6px !default;\n$select-padding-item-y:\t\t\t\t\t\t\t2px !default;\n$select-padding-dropdown-item-x:\t\t\t\t\t$select-padding-x !default;\n$select-padding-dropdown-item-y:\t\t\t\t\t5px !default;\n$select-margin-item-x:\t\t\t\t\t\t\t3px !default;\n$select-margin-item-y:\t\t\t\t\t\t\t3px !default;\n\n$select-arrow-size:\t\t\t\t\t\t\t\t5px !default;\n$select-arrow-color:\t\t\t\t\t\t\t\t#808080 !default;\n$select-arrow-offset:\t\t\t\t\t\t\t15px !default;\n\n$select-caret-margin:\t\t\t\t\t\t\t0px 4px !default;\n$select-caret-margin-rtl:\t\t\t\t\t\t0px 4px 0px -2px !default;\n\n$select-spinner-size:\t\t\t\t\t\t\t30px !default;\n$select-spinner-border-size:\t\t\t\t\t5px !default;\n$select-spinner-border-color:\t\t\t\t\t$select-color-border !default;\n\n:root{\n\t--ts-pr-clear-button:\t\t\t\t\t\t0;\n\t--ts-pr-caret:\t\t\t\t\t\t\t\t0;\n\t--ts-pr-min:\t\t\t\t\t\t\t\t.75rem;\n}\n\n@mixin selectize-vertical-gradient($color-top, $color-bottom) {\n background-color: mix($color-top, $color-bottom, 60%);\n background-image: linear-gradient(to bottom, $color-top, $color-bottom);\n background-repeat: repeat-x;\n}\n\n\n.#{$select-ns}-wrapper.single{\n\t.#{$select-ns}-control {\n\t\t&, input {\n\t\t\tcursor: pointer;\n\t\t}\n\t}\n}\n\n.#{$select-ns}-control {\n\tpadding-right:\tMax( var(--ts-pr-min), calc( var(--ts-pr-clear-button) + var(--ts-pr-caret)) ) !important;\n}\n\n@mixin ts-caret(){\n\n\t.#{$select-ns}-wrapper.single{\n\n\t\t.#{$select-ns}-control {\n\t\t\t--ts-pr-caret: 2rem;\n\n\t\t\t&:after {\n\t\t\t\tcontent: ' ';\n\t\t\t\tdisplay: block;\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: 50%;\n\t\t\t\tright: $select-arrow-offset;\n\t\t\t\tmargin-top: round(-0.5 * $select-arrow-size);\n\t\t\t\twidth: 0;\n\t\t\t\theight: 0;\n\t\t\t\tborder-style: solid;\n\t\t\t\tborder-width: $select-arrow-size $select-arrow-size 0 $select-arrow-size;\n\t\t\t\tborder-color: $select-arrow-color transparent transparent transparent;\n\t\t\t}\n\t\t}\n\n\t\t&.dropdown-active .#{$select-ns}-control::after {\n\t\t\tmargin-top: $select-arrow-size * -0.8;\n\t\t\tborder-width: 0 $select-arrow-size $select-arrow-size $select-arrow-size;\n\t\t\tborder-color: transparent transparent $select-arrow-color transparent;\n\t\t}\n\n\t\t&.input-active .#{$select-ns}-control,\n\t\t&.input-active .#{$select-ns}-control input {\n\t\t\tcursor: text;\n\t\t}\n\n\t}\n}\n\n@import \"../plugins/drag_drop/plugin.scss\";\n@import \"../plugins/checkbox_options/plugin.scss\";\n@import \"../plugins/clear_button/plugin.scss\";\n@import \"../plugins/dropdown_header/plugin.scss\";\n@import \"../plugins/dropdown_input/plugin.scss\";\n@import \"../plugins/input_autogrow/plugin.scss\";\n@import \"../plugins/optgroup_columns/plugin.scss\";\n@import \"../plugins/remove_button/plugin.scss\";\n\n\n.#{$select-ns}-wrapper {\n\tposition: relative;\n}\n\n.#{$select-ns}-dropdown,\n.#{$select-ns}-control,\n.#{$select-ns}-control input {\n\tcolor: $select-color-text;\n\tfont-family: $select-font-family;\n\tfont-size: $select-font-size;\n\tline-height: $select-line-height;\n\tfont-smoothing: $select-font-smoothing;\n}\n\n.#{$select-ns}-control,\n.#{$select-ns}-wrapper.single.input-active .#{$select-ns}-control {\n\tbackground: $select-color-input;\n\tcursor: text;\n}\n\n@import 'items';\n@import 'dropdown';\n\n.ts-hidden-accessible{\n\tborder: 0 !important;\n clip: rect(0 0 0 0) !important;\n clip-path: inset(50%) !important;\n //height: 1px !important;\n overflow: hidden !important;\n padding: 0 !important;\n position: absolute !important;\n width: 1px !important;\n white-space: nowrap !important;\n}\n",".#{$select-ns}-wrapper.plugin-drag_drop {\n\t&.multi > .#{$select-ns}-control > div.ui-sortable-placeholder {\n\t\tvisibility: visible !important;\n\t\tbackground: #f2f2f2 !important;\n\t\tbackground: rgba(0,0,0,0.06) !important;\n\t\tborder: 0 none !important;\n\t\tbox-shadow: inset 0 0 12px 4px #fff;\n\t}\n\t.ui-sortable-placeholder::after {\n\t\tcontent: '!';\n\t\tvisibility: hidden;\n\t}\n\t.ui-sortable-helper {\n\t\tbox-shadow: 0 2px 5px rgba(0,0,0,0.2);\n\t}\n}\n",".plugin-checkbox_options {\n\t.option input{\n\t\tmargin-right: 0.5rem;\n\t}\n}\n",".plugin-clear_button{\n\t--ts-pr-clear-button: 1em;\n\n\t.clear-button{\n\t\topacity:\t\t0;\n\t\tposition:\t\tabsolute;\n\t\ttop:\t\t\t50%;\n\t\ttransform:\t\ttranslateY(-50%);\n\t\tright:\t\t\tcalc(#{$select-padding-x} - #{$select-padding-item-x});\n\t\tmargin-right:\t0 !important;\n\t\tbackground:\t\ttransparent !important;\n\t\ttransition:\t\topacity 0.5s;\n\t\tcursor:\t\t\tpointer;\n\t}\n\n\t&.form-select .clear-button,\n\t&.single .clear-button{\n\n\t\t@if variable-exists(select-padding-dropdown-item-x) {\n\t\t\tright:\tMax( var(--ts-pr-caret), #{$select-padding-dropdown-item-x});\n\t\t}\n\t\t@else{\n\t\t\tright:\tMax( var(--ts-pr-caret), calc(#{$select-padding-x} - #{$select-padding-item-x}) );\n\t\t}\n\t}\n\n\t&.focus.has-items .clear-button,\n\t&:not(.disabled):hover.has-items .clear-button{\n\t\topacity:\t\t1;\n\t}\n}\n","\n.#{$select-ns}-wrapper{\n\t.dropdown-header {\n\t\tposition: relative;\n\t\tpadding: ($select-padding-dropdown-item-y * 2) $select-padding-dropdown-item-x;\n\t\tborder-bottom: 1px solid $select-color-border;\n\t\tbackground: mix($select-color-dropdown, $select-color-border, 85%);\n\t\tborder-radius: $select-border-radius $select-border-radius 0 0;\n\t}\n\t.dropdown-header-close {\n\t\tposition: absolute;\n\t\tright: $select-padding-dropdown-item-x;\n\t\ttop: 50%;\n\t\tcolor: $select-color-text;\n\t\topacity: 0.4;\n\t\tmargin-top: -12px;\n\t\tline-height: 20px;\n\t\tfont-size: 20px !important;\n\t}\n\t.dropdown-header-close:hover {\n\t\tcolor: darken($select-color-text, 25%);\n\t}\n}\n","\n.plugin-dropdown_input{\n\n\t&.focus.dropdown-active .#{$select-ns}-control{\n\t\tbox-shadow: none;\n\t\tborder: $select-border;\n\t\t@if variable-exists(input-box-shadow) {\n\t\t\tbox-shadow: $input-box-shadow;\n\t\t}\n\t}\n\n\t.dropdown-input {\n\t\tborder:\t\t\t1px solid $select-color-border;\n\t\tborder-width:\t0 0 1px 0;\n\t\tdisplay:\t\tblock;\n\t\tpadding:\t\t$select-padding-y $select-padding-x;\n\t\tbox-shadow:\t\t$select-shadow-input;\n\t\twidth:\t\t\t100%;\n\t\tbackground:\t\ttransparent;\n\t}\n\n\t&.focus .#{$select-ns}-dropdown .dropdown-input{\n\t\t@if variable-exists(input-focus-border-color) {\n\t\t\tborder-color: $input-focus-border-color;\n\n\t\t\toutline: 0;\n\t\t\t@if $enable-shadows {\n\t\t\t\tbox-shadow: $input-box-shadow, $input-focus-box-shadow;\n\t\t\t} @else {\n\t\t\t\tbox-shadow: $input-focus-box-shadow;\n\t\t\t}\n\n\t\t}\n\n\t}\n\n\t.items-placeholder{\n\t\tborder: 0 none !important;\n\t\tbox-shadow: none !important;\n\t\twidth: 100%;\n\t}\n\n\t&.has-items .items-placeholder,\n\t&.dropdown-active .items-placeholder{\n\t\tdisplay: none !important;\n\t}\n}\n","\n.#{$select-ns}-wrapper.plugin-input_autogrow{\n\n\t&.has-items .#{$select-ns}-control > input {\n\t\tmin-width: 0;\n\t}\n\t\n\t&.has-items.focus .#{$select-ns}-control > input {\n\t\tflex: none;\n\t\tmin-width: 4px;\n\n\t\t&::placeholder {\n\t\t\tcolor:transparent;\n\t\t}\n\t}\n\n\t\n}\n",".#{$select-ns}-dropdown.plugin-optgroup_columns {\n\n\t.ts-dropdown-content{\n\t\tdisplay:\tflex;\n\t}\n\n\t.optgroup {\n\t\tborder-right: 1px solid #f2f2f2;\n\t\tborder-top: 0 none;\n\t flex-grow: 1;\n\t flex-basis: 0;\n\t\tmin-width: 0;\n\t}\n\t.optgroup:last-child {\n\t\tborder-right: 0 none;\n\t}\n\t.optgroup:before {\n\t\tdisplay: none;\n\t}\n\t.optgroup-header {\n\t\tborder-top: 0 none;\n\t}\n}\n",".#{$select-ns}-wrapper.plugin-remove_button{\n\n\t.item{\n\t\tdisplay:\t\tinline-flex;\n\t\talign-items:\tcenter;\n\t\tpadding-right:\t0 !important;\n\t}\n\n\t.item .remove {\n\t\tcolor:\t\t\t\tinherit;\n\t\ttext-decoration:\tnone;\n\t\tvertical-align:\t\tmiddle;\n\t\tdisplay:\t\t\tinline-block;\n\t\tpadding:\t\t\t0 $select-padding-item-x;\n\t\tborder-radius:\t\t0 2px 2px 0;\n\t\tbox-sizing:\t\t\tborder-box;\n\t}\n\n\t.item .remove:hover {\n\t\tbackground: rgba(0,0,0,0.05);\n\t}\n\n\n\t&.disabled .item .remove:hover {\n\t\tbackground: none;\n\t}\n\n\n\t.remove-single {\n\t\tposition: absolute;\n\t\tright: 0;\n\t\ttop: 0;\n\t\tfont-size: 23px;\n\t}\n\n}\n\n.#{$select-ns}-wrapper.plugin-remove_button:not(.rtl){\n\n\t.item .remove {\n\t\tborder-left:\t\t1px solid $select-color-item-border;\n\t\tmargin-left:\t\t$select-padding-item-x;\n\t}\n\n\t.item.active .remove {\n\t\tborder-left-color: $select-color-item-active-border;\n\t}\n\n\t&.disabled .item .remove {\n\t\tborder-left-color: lighten(desaturate($select-color-item-border, 100%), $select-lighten-disabled-item-border);\n\t}\n\n}\n\n.#{$select-ns}-wrapper.plugin-remove_button.rtl {\n\n\t.item .remove {\n\t\tborder-right: 1px solid $select-color-item-border;\n\t\tmargin-right: $select-padding-item-x;\n\t}\n\n\t.item.active .remove {\n\t\tborder-right-color: $select-color-item-active-border;\n\t}\n\n\t&.disabled .item .remove {\n\t\tborder-right-color: lighten(desaturate($select-color-item-border, 100%), $select-lighten-disabled-item-border);\n\t}\n\n}\n","\n\n.#{$select-ns}-control {\n\n\tborder: $select-border;\n\tpadding: $select-padding-y $select-padding-x;\n\twidth: 100%;\n\toverflow: hidden;\n\tposition: relative;\n\tz-index: 1;\n\tbox-sizing: border-box;\n\tbox-shadow: $select-shadow-input;\n\tborder-radius: $select-border-radius;\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\n\t.#{$select-ns}-wrapper.multi.has-items & {\n\t\t$padding-x: $select-padding-x;\n\t\t$padding-top: calc( #{$select-padding-y} - #{$select-padding-item-y} - #{$select-width-item-border});\n\t\t$padding-bottom: calc( #{$select-padding-y} - #{$select-padding-item-y} - #{$select-margin-item-y} - #{$select-width-item-border});\n\t\tpadding: $padding-top $padding-x $padding-bottom;\n\t}\n\n\t.full & {\n\t\tbackground-color: $select-color-input-full;\n\t}\n\n\t.disabled &,\n\t.disabled & * {\n\t\tcursor: default !important;\n\t}\n\n\t.focus & {\n\t\tbox-shadow: $select-shadow-input-focus;\n\t}\n\n\t> * {\n\t\tvertical-align: baseline;\n\t\tdisplay: inline-block;\n\t}\n\n\t.#{$select-ns}-wrapper.multi & > div {\n\t\tcursor: pointer;\n\t\tmargin: 0 $select-margin-item-x $select-margin-item-y 0;\n\t\tpadding: $select-padding-item-y $select-padding-item-x;\n\t\tbackground: $select-color-item;\n\t\tcolor: $select-color-item-text;\n\t\tborder: $select-width-item-border solid $select-color-item-border;\n\n\t\t&.active {\n\t\t\tbackground: $select-color-item-active;\n\t\t\tcolor: $select-color-item-active-text;\n\t\t\tborder: $select-width-item-border solid $select-color-item-active-border;\n\t\t}\n\t}\n\n\t.#{$select-ns}-wrapper.multi.disabled & > div {\n\t\t&, &.active {\n\t\t\tcolor: lighten(desaturate($select-color-item-text, 100%), $select-lighten-disabled-item-text);\n\t\t\tbackground: lighten(desaturate($select-color-item, 100%), $select-lighten-disabled-item);\n\t\t\tborder: $select-width-item-border solid lighten(desaturate($select-color-item-border, 100%), $select-lighten-disabled-item-border);\n\t\t}\n\t}\n\n\t> input {\n\t\t&::-ms-clear {\n\t\t\tdisplay: none;\n\t\t}\n\n\t\tflex: 1 1 auto;\n\t\tmin-width: 7rem;\n\t\tdisplay: inline-block !important;\n\t\tpadding: 0 !important;\n\t\tmin-height: 0 !important;\n\t\tmax-height: none !important;\n\t\tmax-width: 100% !important;\n\t\tmargin: 0 !important;\n\t\ttext-indent: 0 !important;\n\t\tborder: 0 none !important;\n\t\tbackground: none !important;\n\t\tline-height: inherit !important;\n\t\tuser-select: auto !important;\n\t\tbox-shadow: none !important;\n\t\t&:focus { outline: none !important; }\n\t}\n\n\t.has-items & > input{\n\t\tmargin: $select-caret-margin !important;\n\t}\n\n\t&.rtl {\n\t\ttext-align: right;\n\t\t&.single .#{$select-ns}-control:after {\n\t\t\tleft: $select-arrow-offset;\n\t\t\tright: auto;\n\t\t}\n\t\t.#{$select-ns}-control > input {\n\t\t\tmargin: $select-caret-margin-rtl !important;\n\t\t}\n\t}\n\n\t.disabled & {\n\t\topacity: $select-opacity-disabled;\n\t\tbackground-color: $select-color-disabled;\n\t}\n\n\t// hide input, while retaining its focus, and maintain layout so users can still click on the space to bring the display back\n\t// visibility:hidden can prevent the input from receiving focus\n\t.input-hidden & > input{\n\t\topacity: 0;\n\t\tposition: absolute;\n\t\tleft: -10000px;\n\t}\n\n}\n","\n\n.#{$select-ns}-dropdown {\n\tposition: absolute;\n\ttop: 100%;\n\tleft: 0;\n\twidth: 100%;\n\tz-index: 10;\n\n\tborder: $select-dropdown-border;\n\tbackground: $select-color-dropdown;\n\tmargin: 0.25rem 0 0 0;\n\tborder-top: 0 none;\n\tbox-sizing: border-box;\n\tbox-shadow: 0 1px 3px rgba(0,0,0,0.1);\n\tborder-radius: 0 0 $select-border-radius $select-border-radius;\n\n\n\t[data-selectable] {\n\t\tcursor: pointer;\n\t\toverflow: hidden;\n\t\t.highlight {\n\t\t\tbackground: $select-color-highlight;\n\t\t\tborder-radius: 1px;\n\t\t}\n\t}\n\n\t.option,\n\t.optgroup-header,\n\t.no-results,\n\t.create {\n\t\tpadding: $select-padding-dropdown-item-y $select-padding-dropdown-item-x;\n\t}\n\n\t.option, [data-disabled], [data-disabled] [data-selectable].option {\n\t\tcursor: inherit;\n\t\topacity: 0.5;\n\t}\n\n\t[data-selectable].option {\n\t\topacity: 1;\n\t\tcursor: pointer;\n\t}\n\n\t.optgroup:first-child .optgroup-header {\n\t\tborder-top: 0 none;\n\t}\n\n\t.optgroup-header {\n\t\tcolor: $select-color-optgroup-text;\n\t\tbackground: $select-color-optgroup;\n\t\tcursor: default;\n\t}\n\n\t.active {\n\t\tbackground-color: $select-color-dropdown-item-active;\n\t\tcolor: $select-color-dropdown-item-active-text;\n\t\t&.create {\n\t\t\tcolor: $select-color-dropdown-item-create-active-text;\n\t\t}\n\t}\n\n\t.create {\n\t\tcolor: $select-color-dropdown-item-create-text;\n\t}\n\n\t.spinner{\n\t\tdisplay: inline-block;\n\t\twidth: $select-spinner-size;\n\t\theight: $select-spinner-size;\n\t\tmargin: $select-padding-dropdown-item-y $select-padding-dropdown-item-x;\n\n\n\t\t&:after {\n\t\t\tcontent: \" \";\n\t\t\tdisplay: block;\n\t\t\twidth: $select-spinner-size * .8;\n\t\t\theight: $select-spinner-size * .8;\n\t\t\tmargin: $select-spinner-size * .1;\n\t\t\tborder-radius: 50%;\n\t\t\tborder: $select-spinner-border-size solid $select-spinner-border-color;\n\t\t\tborder-color: $select-spinner-border-color transparent $select-spinner-border-color transparent;\n\t\t\tanimation: lds-dual-ring 1.2s linear infinite;\n\t\t}\n\t\t@keyframes lds-dual-ring {\n\t\t\t0% {\n\t\t\t\ttransform: rotate(0deg);\n\t\t\t}\n\t\t\t100% {\n\t\t\t\ttransform: rotate(360deg);\n\t\t\t}\n\t\t}\n\t}\n}\n\n.#{$select-ns}-dropdown-content {\n\toverflow-y: auto;\n\toverflow-x: hidden;\n\tmax-height: $select-max-height-dropdown;\n\toverflow-scrolling: touch;\n\tscroll-behavior: smooth;\n}\n","// Advancned filter form\n@import \"../../node_modules/tom-select/src/scss/tom-select.scss\";\n\n\nform[name = 'ms_filter'] {\n .ts-control a {\n border-bottom: none;\n }\n .accordion{\n border:1px solid transparent;\n }\n .accordion[open]{\n border-color: rgba(244, 244, 244);\n }\n}\n\n.search_filters{\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: ms(-1) ms(0);\n & > .help-block{\n grid-column: span 2;\n }\n .form-group:not(.filter_boolean){\n @media (max-width: 768px){\n grid-column: span 2;\n }\n }\n\n}\n\n\n.filter_collection{\n &.form-group{\n margin-bottom:0;\n }\n & > div > .form-group > label{\n display:none;\n }\n}",".citation-title{\n font-style: italic;\n}\n\n/* If hanging indent is desired */\n/*\n.citation{\n padding-left: 1.5em;\n text-indent: -1.5em;\n}*/\n","@function average($values...){\n $length: list.length($values);\n $sum: 0;\n @each $value in $values{\n $sum: $sum + $value;\n }\n @return $sum / $length;\n}\n\n@mixin link{\n text-decoration:none;\n color: $mvm-black;\n border-bottom: 0.15rem solid $mvm-underline;\n line-height: 1.65;\n transition: border-bottom-color 0.2s ease-in-out;\n &:hover,\n &:focus{\n text-decoration:none;\n color:$mvm-black;\n border-bottom-color: rgba($mvm-dark-purple, 0.8);\n }\n \n}","// File for the details accordion, should be paied with the js/accordion.js\n\n\n$summary-bg-open: rgba(244, 244, 244, 0.8)!default;\n$summary-bg-closed: rgba(244,244, 244)!default;\n\n@mixin dhil-details-accordion($use-summary: false){\n\n :root{\n --accordion-easing: #{ease(in-out-sine)};\n --accordion-duration: 0.3s;\n }\n\n details {\n //Remove the default icon\n @include dhil-summary-removeArrow();\n &.accordion{\n .accordion__content{\n transition: opacity var(--accordion-duration) var(--accordion-easing);\n }\n\n &[aria-expanded='false'] > .accordion__content{\n opacity: 0;\n }\n\n &[aria-expanded='true'] > .accordion__content{\n opacity: 1;\n }\n @if $use-summary{\n @include dhil-summary-style();\n }\n }\n\n }\n\n // Any accordion specific content goes here\n @content;\n\n}\n\n@mixin dhil-summary-style(){\n &[open] > summary{\n background-color: $summary-bg-open;\n }\n\n summary{\n padding: 1rem;\n text-transform: uppercase;\n font-variant: small-caps;\n font-size: 1rem;\n font-weight: 500;\n background-color: $summary-bg-closed;\n transition: background-color 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);\n cursor: pointer;\n }\n\n\n\n}\n\n@mixin dhil-summary-removeArrow(){\n summary {\n list-style: none;\n &::-webkit-details-marker {\n display: none;\n }\n }\n}\n\n","/* Special styling rules for the index page only */\n\n#index{\n .navbar {\n margin-bottom:0;\n & > .container{\n background: $mvm-dark-purple;\n }\n &:after{\n content:unset;\n }\n}\n\narticle.container{\n margin-top: -7.5rem;\n}\n\n\n.jumbotron{\n padding-top: 38px;\n height: 45rem;\n background-image: url('../images/hero.jpg');\n background-attachment: fixed;\n background-size: cover;\n background-position: center;\n & > .container {\n color: $mvm-white;\n text-align:center;\n padding:2rem;\n background: rgba(#12021A,0.8);\n & > p{\n font-family: \"EB Garamond\";\n font-weight:400;\n text-align:left;\n line-height: $hero-line-height;\n font-size: $hero-font-size;\n //text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);\n max-width:$hero-para-width;\n margin-left: auto;\n margin-right:auto;\n margin-top:map.get($typescale, 1);\n margin-bottom:map.get($typescale, 4);\n backdrop-filter: blur(3px);\n /* Hide the overflow */\n overflow: hidden;\n @media (max-width: 767px){\n line-height: 1.3;\n font-size: 1.3rem;\n }\n /* Set the max-height in case -webkit-box isn't available */\n /* Note that this is in ems rather than rems */\n max-height: #{$hero-max-lines * $hero-line-height}em;\n\n /* But if -webkit-box is available, then we can use the much nicer -webkit-line-clamp,\n * which provdes ellipses when truncated */\n @supports (display: -webkit-box){\n max-height:unset;\n text-overflow: ellipsis;\n display: -webkit-box;\n -webkit-line-clamp: $hero-max-lines;\n -webkit-box-orient: vertical;\n }\n }\n a.readMore{\n color: white;\n font-weight: bold;\n margin-left: 1rem;\n padding: 0.25rem;\n border: 1px solid $mvm-white;\n background-color:transparent;\n display:block;\n float: right;\n transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;\n text-decoration:none;\n /* Max this flush right with the paragraph */\n @supports (margin-right: max(0px)){\n margin-right: max(calc((100% - #{$hero-para-width})/2), 0px);\n }\n &:hover{\n background-color: $mvm-white;\n color: $mvm-dark-purple;\n text-decoration:none;\n\n }\n }\n }\n\n}\n\n\nul.period-list{\n display:flex;\n list-style-type:none;\n padding-left:0;\n & > li{\n flex: auto;\n\n font-size:map.get($typescale, 4);\n font-family: \"EB Garamond\";\n text-align:center;\n & > a {\n border-bottom:none;\n border-top:1px solid black;\n border-bottom:1px solid black;\n display:block;\n width:100%;\n height:100%;\n padding: 0.5rem 0;\n transition:background-color 0.2s ease-in-out, color 0.2s ease-in-out;\n\n &:hover{\n background-color: $mvm-dark-purple;\n color:$mvm-white;\n }\n }\n }\n\n}\n\ninput.contributor{\n width:90%;\n transform: translateX(-50%);\n left: 50%;\n border:none;\n position:relative;\n border-bottom: 2px solid $mvm-brown;\n font-size: map.get($typescale, 3);\n font-family: \"EB Garamond\";\n}\n\n\nul.archive-gallery{\n /*\n display:flex;\n padding-left: 0;\n overflow-x:auto;\n list-style-type:none;\n margin-bottom:map.get($typescale, 2);\n width:100%;\n\n */\n & > li{\n display:block;\n //margin:1rem;\n flex: 1 0 25%;\n height:13rem;\n position:relative;\n overflow:hidden;\n &:before{\n content: \"\";\n background-image: url('../images/marble.jpeg');\n position:absolute;\n top:0;\n left:0;\n width:100%;\n height:100%;\n filter: grayscale(40%);\n transform: scale(1.01);\n transition: filter 0.2s ease-in-out, transform 0.25s ease-in-out;\n }\n &:hover:before{\n filter: grayscale(0%);\n transform: scale(1.02);\n }\n & > a{\n border-bottom:none!important;\n font-size:map.get($typescale, 4);\n font-family: \"EB Garamond\";\n display:block;\n height:100%;\n width:100%;\n font-style:italic;\n display:flex;\n align-items:center;\n justify-content:center;\n color: $mvm-white;\n z-index:9000;\n & > span {\n display:block;\n display:flex;\n z-index:9000;\n align-items:center;\n justify-content:center;\n text-align:center;\n height:90%;\n width:90%;\n padding:1rem;\n backdrop-filter: blur(1px);\n background:rgba($mvm-black, 0.65);\n\n }\n }\n\n }\n}\n\nsection{\n &:first-child{\n padding-top:0rem;\n\n }\n & + section{\n border-top: 3px solid rgba(#290741, 0.66);\n width:100%;\n padding:map.get($typescale, 1) 0;\n }\n & > h2{\n &:before{\n content: \"❧\";\n display:inline;\n margin-right:1rem;\n }\n }\n\n}\n\n}\n\n@media (max-width: 993px){\n #index {\n ul.archive-gallery{\n & > li{\n flex-basis:50%;\n min-height:6rem;\n }\n }\n article.container{\n margin-top:-2rem;\n }\n\n section,\n section + section{\n width:90%;\n margin: 0 auto;\n }\n }\n\n}\n\n\n\n\n","/*\n * Styles for born digital pages\n * (the blog, privacy, etc), but not including\n * the index page.\n *\n */\n\n// Nest everything within .born-digital (which is attached to article)\n.born-digital{\n display:flex;\n flex-direction:column;\n\n main{\n display:flex;\n height:100%;\n flex-direction:column;\n flex:1;\n }\n\n .blog_page{\n max-width:52rem;\n margin:0 auto;\n }\n\n section{\n font-size: 1.1rem;\n line-height: 1.65;\n }\n\n .gallery .item .description{\n padding-top:0;\n padding-bottom:0;\n @include dhil-clamp-lines($lines: 6, $font-size: 0.9rem);\n & > p{\n margin-top:1rem;\n margin-bottom:1rem;\n }\n }\n}","\n@media (max-width: 992px) {\n .tab-pane.active[id*=Transcription]{\n & > div {\n &.transcription{\n margin-left: map.get($typescale, 6);\n }\n }\n }\n}\n\n@media (max-width: 768px){\n article.container {\n margin-left: .5rem;\n margin-right: .5rem;\n padding-left: .75rem;\n padding-right: .75rem;\n }\n\n nav.navbar{\n .navbar-toggle{\n transition: all 0.3s ease-in-out;\n color:$mvm-white;\n .icon-bar{\n background-color:$mvm-white;\n }\n &:hover, &:focus{\n background-color:$mvm-white;\n color:$mvm-dark-purple;\n .icon-bar{\n background-color:$mvm-dark-purple;\n }\n }\n }\n .navbar-nav{\n & > li > a{\n &:after{\n margin-left:0;\n margin-right:0;\n transition:opacity 0.3s $easeInOutSine, width 0.35s $easeInQuint;\n }\n }\n .open{\n .dropdown-menu > li > a{\n color:$mvm-white;\n &:hover, &:focus{\n background: $mvm-white;\n color: $mvm-dark-purple;\n } \n }\n } \n }\n }\n \n header{\n .list-group-horizontal{\n flex-direction:column;\n li{\n border-left:none!important;\n }\n }\n } \n \n .body-nav{\n .btn-toolbar{\n margin-left:auto;\n }\n }\n \n}\n\n"],"names":[],"sourceRoot":""} \ No newline at end of file diff --git a/public/sass/components/_table.scss b/public/sass/components/_table.scss index fcfd794..9853949 100644 --- a/public/sass/components/_table.scss +++ b/public/sass/components/_table.scss @@ -10,7 +10,7 @@ table.table, table.table-condensed { - border-collapse:separate; + border-collapse:collapse; border-color: rgba($mvm-brown, 0.15); tbody, thead{ th, td{ diff --git a/public/sass/mvm.scss b/public/sass/mvm.scss index 99a366e..0a15ed1 100644 --- a/public/sass/mvm.scss +++ b/public/sass/mvm.scss @@ -402,6 +402,7 @@ table.table ul{ } } th[role='rowheader']{ + border-bottom: none; width:unset; } .note{ @@ -770,6 +771,10 @@ details { } } +.help-block { + color: var(--bs-secondary-color) +} + @import "pages/_index"; @import "pages/_bornDigital"; diff --git a/templates/manuscript/show.html.twig b/templates/manuscript/show.html.twig index 688ca64..4a35400 100644 --- a/templates/manuscript/show.html.twig +++ b/templates/manuscript/show.html.twig @@ -151,17 +151,10 @@ Citation {% include 'partial/citation.html.twig' with { - 'page_title': manuscript.callNumber + 'page_title': manuscript.callNumber, } %} - {# - Citation - - {{ manuscript.citation|raw }} - Accessed {{ "now"|date("j M. Y") }}. - - #} Created {% if manuscript.created %}{{ manuscript.created|date }}{% endif %} diff --git a/templates/partial/citation.html.twig b/templates/partial/citation.html.twig index f4a155e..c0a6c91 100644 --- a/templates/partial/citation.html.twig +++ b/templates/partial/citation.html.twig @@ -13,6 +13,6 @@ Manuscript Verse Miscellanies, 1700–1820, edited by Betty A. Schellenberg, Simon Fraser University, - {{ app.request.uri }}. + {{ app.request.uri }}. Accessed . - + \ No newline at end of file