@charset "UTF-8"; /* ========================================================================== Styling and layout for all media ========================================================================== */ /* Reset ========================================================================== */ /** * Add the correct display in Edge, IE 11, and Firefox. */ details, main { display: block; } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Add the correct display in all browsers. */ summary { display: list-item; } /* ========================================================================== Styling and layout for screen media (mobile first) ========================================================================== */ @media screen { /* Layout ========================================================================== */ /** * 1. Prevent adjustments of font size after orientation changes in * IE on Windows Phone and in iOS. */ html { /* 1 */ -webkit-text-size-adjust: 100%; text-size-adjust: 100%; } /** * 1. Set `body` to `relative` to allow positioning of absolute elements. * 2. Remove default margin. */ body { /* 1 */ position: relative; /* 2 */ margin: 0; padding: 0; } /** * Outer wrapper for main layouts. * * Example HTML: * *
*
* Content *
*
*/ .wrapper { /* padding: 1px 0; */ /* border-bottom: 1px solid colours.$color-border; $/ /* background: colours.$color-background; */ } /** * Bootstrap rows and gutters * **/ .g-custom > .row > * { padding-right: var(--bs-gutter-x); padding-left: var(--bs-gutter-x); } .g-custom { --bs-gutter-x: 1.5rem; --bs-gutter-y: 1.5rem; } /** * Wrapper for layouts, and for site header/footer. * */ .site-header-bs { display: flex; flex-direction: row-reverse; align-items: flex-start; justify-content: space-between; overflow: hidden; } .site-header, .site-footer, body > .container, .wrapper > .container { margin: 0 auto; background-color: #e3e2e1; } /** * Additional styling for child content within site header. */ .site-header { padding: 1em 0; } .site-header h2 { margin: 0; } .site-header h3 { margin: 0.5em 0 0; font-family: Parnaso, "PT Serif", Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", Georgia, serif; font-size: 1.25rem; font-style: italic; font-weight: normal; line-height: 1.4; } #logo { width: 80%; max-width: 35rem; /* padding-top: 1.5rem; */ margin-bottom: 4.75rem; margin-left: -1.5rem; /* transform: translateX(-4.2%) translateY(-7.5%); */ } #logo:hover .cls-3 { /* fill: #a1a1a1; */ } /** * Additional styling for child content within site footer. */ body .site-footer { margin-top: 1px; /* padding: 0.5em 0; */ } /** * Styling for articles. * * 1. Prevent really, really long words in article from breaking layout. */ article { /* prevent stumpy pages */ min-height: 40vh; } .article { align-content: flex-start; align-items: flex-start; margin-bottom: 2em; /* 1 */ word-wrap: break-word; } /** * Styling for complementary content. * * Initially the sidebar appears under main content, it is then repositioned * with media queries at 2nd breakpoint. * * 1. Prevent really, really long words in article from breaking layout. */ .complementary-content { /* margin: 2em -6% 0; */ /* padding: 0 6%; */ /* border-top: 1px solid colours.$color-border; */ /* 1 */ padding-top: 1.375rem; word-wrap: break-word; } .complementary-content section { padding: 1rem 0; border-top: 5px solid #ffffff; } /** * Hide text but still allow screen reader access. * * Example HTML: * *

*/ .accessibility { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); border: 0; white-space: nowrap; } /* Navigation ========================================================================== */ /** * Style mobile first version of the navigation menu. Desktop version will * override some rules with extra styling at 1st breakpoint. * * Example HTML: * *

*/ .navbar > .container { align-items: baseline; justify-content: end; } .site-navigation { background-color: #dddddd; } .site-navigation > div { position: relative; /* max-width: settings.$container-max-width; */ margin: 0 auto; } .site-navigation ul { margin: 0; padding: 0; border: solid #cccccc; border-width: 1px 0; list-style: none; } .site-navigation li { border: solid #cccccc; border-width: 1px 0; background-color: #eeeeee; } .site-navigation li:hover { background-color: #f8f8f8; } .site-navigation li:active { background-color: lightgray; box-shadow: inset 0 0.2em 0.25em rgba(0, 0, 0, 0.15); } .site-navigation li.active { background-color: white; box-shadow: none; } .site-navigation a { display: block; padding: 0.5em 6%; color: #27205b; } .site-navigation a:hover, .site-navigation a:visited { color: #27205b; text-decoration: none; } .site-navigation a:active { color: #171335; text-decoration: none; } /** * Bootstrap 5 override */ .dropdown-menu { min-width: unset; border-radius: 0; background-color: transparent; font-size: 0.8125rem; } .dropdown-item { padding: 0 0 0 0.5rem; } .navbar-toggler { padding: 0.25rem 0.5rem; border-radius: unset; } /* site map - expanded menu */ article .dropdown-menu { display: contents; position: relative; } .dropdown-item:focus, .dropdown-item:hover { background-color: transparent; color: #3fa535; } /** * Bootstrap override by dallaslu - hover for non-touch screens only */ .dropdown-hover-all .dropdown-menu, .dropdown-hover > .dropdown-menu.dropend { margin-left: -1px !important; } .dropdown-menu[data-bs-popper] { margin-top: 0; } .parent-repeat { display: list-item; } /** * Search field in navigation. */ .search { padding: 1em 6% 0.5em; background: #e3e2e1; } .search input[type=search] { width: 16em; height: 2.125em; padding-right: 0.1875em; padding-left: 2em; /* border-radius: settings.$border-radius; */ border-color: #ffffff; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cg fill='%23ffffff'%3E%3Cpath d='M4,13c0-5,4-9,9-9c5,0,9,4,9,9c0,5-4,9-9,9C8,22,4,18,4,13z M13,19c3.3,0,6-2.7,6-6s-2.7-6-6-6s-6,2.7-6,6S9.7,19,13,19z'/%3E%3Cpath d='M17.5,19l1.5-1.5l4.5,3L28,25c0,0,0,1.5-0.75,2.25S25,28,25,28l-4.5-4.5L17.5,19z'/%3E%3C/g%3E%3C/svg%3E") no-repeat left center; background-size: 2em 2em; } /** * Bootstrap overrides (2021). */ .navbar-light .navbar-nav .nav-link { color: #27205b; } .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover { color: #27205b; } .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show > .nav-link { color: inherit; } .navbar-light .navbar-toggler { margin-top: 1rem; border-color: #3fa535; } .dropdown-item { color: #27205b; } /* Links ========================================================================== */ /** * 1. Specify link colour. * 2. Remove default underline style from non-hover state links. * 3. Interrupt the decoration line to let the shape of the text show through * in supported browsers. * 4. Remove tap delay in modern browsers. */ a { /* 1 */ color: #27205b; /* 2 */ text-decoration: none; /* 3 */ -webkit-text-decoration-skip: ink; text-decoration-skip-ink: auto; /* 4 */ touch-action: manipulation; } a:hover, a:active { outline: 0; color: #3fa535; text-decoration: underline; } a:focus { outline: #3fa535; } a:focus:not(:focus-visible) { outline: none; } a:focus-visible { outline: #3fa535; } .site-footer a { color: inherit; text-decoration: underline; } .primary-link a { color: #3fa535; } a.overlay-link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } p a, li a { text-decoration: underline; -webkit-text-decoration-skip: ink; text-decoration-skip-ink: auto; -webkit-text-decoration-style: dotted; text-decoration-style: dotted; text-decoration-thickness: 1px; } p a:hover, p a:active, li a:hover, li a:active { text-decoration: none; } /** * Additional styling for `h1`-`h3` heading links. * * 1. Expanded CSS level 3 `text-decoration-color` property in supported * browsers, older browsers ignore this addition. */ h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #27205b; text-decoration: none; } h1 a:hover, h1 a:active, h2 a:hover, h2 a:active, h3 a:hover, h3 a:active, h4 a:hover, h4 a:active, h5 a:hover, h5 a:active, h6 a:hover, h6 a:active { color: #27205b; /* 1 */ -webkit-text-decoration-color: rgba(39, 32, 91, 0.5); text-decoration-color: rgba(39, 32, 91, 0.5); } h2.seymour a::after { content: " »"; } /** * Paginator (prev/next) navigation links on articles/article lists. * * Example HTML: * *