/*! * Bootstrap v5.2.3 (https://getbootstrap.com/) * Copyright 2011-2022 The Bootstrap Authors * Copyright 2011-2022 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) */ @import url("/fonts/nunito-sans/index.css"); :root { --bs-blue: #007bff; --bs-indigo: #6610f2; --bs-purple: #6f42c1; --bs-pink: #e83e8c; --bs-red: #d9534f; --bs-orange: #fd7e14; --bs-yellow: #f0ad4e; --bs-green: #4bbf73; --bs-teal: #20c997; --bs-cyan: #1f9bcf; --bs-black: #000; --bs-white: #fff; --bs-gray: #919aa1; --bs-gray-dark: #343a40; --bs-gray-100: #f8f9fa; --bs-gray-200: #f7f7f9; --bs-gray-300: #eceeef; --bs-gray-400: #ced4da; --bs-gray-500: #adb5bd; --bs-gray-600: #919aa1; --bs-gray-700: #55595c; --bs-gray-800: #343a40; --bs-gray-900: #1a1a1a; --bs-primary: #1a1a1a; --bs-secondary: #fff; --bs-success: #4bbf73; --bs-info: #1f9bcf; --bs-warning: #f0ad4e; --bs-danger: #d9534f; --bs-light: #fff; --bs-dark: #343a40; --bs-primary-rgb: 26, 26, 26; --bs-secondary-rgb: 255, 255, 255; --bs-success-rgb: 75, 191, 115; --bs-info-rgb: 31, 155, 207; --bs-warning-rgb: 240, 173, 78; --bs-danger-rgb: 217, 83, 79; --bs-light-rgb: 255, 255, 255; --bs-dark-rgb: 52, 58, 64; --bs-white-rgb: 255, 255, 255; --bs-black-rgb: 0, 0, 0; --bs-body-color-rgb: 85, 89, 92; --bs-body-bg-rgb: 255, 255, 255; --bs-font-sans-serif: "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); --bs-body-font-family: var(--bs-font-sans-serif); --bs-body-font-size: 1rem; --bs-body-font-weight: 400; --bs-body-line-height: 1.5; --bs-body-color: #55595c; --bs-body-bg: #fff; --bs-border-width: 1px; --bs-border-style: solid; --bs-border-color: #eceeef; --bs-border-color-translucent: rgba(0, 0, 0, 0.175); --bs-border-radius: 0.375rem; --bs-border-radius-sm: 0.25rem; --bs-border-radius-lg: 0.5rem; --bs-border-radius-xl: 1rem; --bs-border-radius-2xl: 2rem; --bs-border-radius-pill: 50rem; --bs-link-color: #1a1a1a; --bs-link-hover-color: #151515; --bs-code-color: #e83e8c; --bs-highlight-bg: #fcefdc; } *, *::before, *::after { box-sizing: border-box; } @media (prefers-reduced-motion: no-preference) { :root { scroll-behavior: smooth; } } body { margin: 0; font-family: var(--bs-body-font-family); font-size: var(--bs-body-font-size); font-weight: var(--bs-body-font-weight); line-height: var(--bs-body-line-height); color: var(--bs-body-color); text-align: var(--bs-body-text-align); background-color: var(--bs-body-bg); -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } hr { margin: 1rem 0; color: inherit; border: 0; border-top: 1px solid; opacity: 0.25; } h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 { margin-top: 0; margin-bottom: 0.5rem; font-weight: 600; line-height: 1.2; color: #1a1a1a; } h1, .h1 { font-size: calc(1.325rem + 0.9vw); } @media (min-width: 1200px) { h1, .h1 { font-size: 2rem; } } h2, .h2 { font-size: calc(1.3rem + 0.6vw); } @media (min-width: 1200px) { h2, .h2 { font-size: 1.75rem; } } h3, .h3 { font-size: calc(1.275rem + 0.3vw); } @media (min-width: 1200px) { h3, .h3 { font-size: 1.5rem; } } h4, .h4 { font-size: 1.25rem; } h5, .h5 { font-size: 1rem; } p { margin-top: 0; margin-bottom: 1rem; } abbr[title] { text-decoration: underline dotted; cursor: help; text-decoration-skip-ink: none; } ul { padding-left: 2rem; } ul, dl { margin-top: 0; margin-bottom: 1rem; } ul ul { margin-bottom: 0; } dt { font-weight: 700; } dd { margin-bottom: .5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } strong { font-weight: bolder; } small, .small { font-size: 0.875em; } sup { position: relative; font-size: 0.75em; line-height: 0; vertical-align: baseline; } sup { top: -.5em; } a { color: var(--bs-link-color); text-decoration: underline; } a:hover { color: var(--bs-link-hover-color); } a:not([href]):not([class]), a:not([href]):not([class]):hover { color: inherit; text-decoration: none; } code { font-family: var(--bs-font-monospace); font-size: 1em; } code { font-size: 0.875em; color: var(--bs-code-color); word-wrap: break-word; } a > code { color: inherit; } figure { margin: 0 0 1rem; } img { vertical-align: middle; } table { caption-side: bottom; border-collapse: collapse; } th { text-align: inherit; text-align: -webkit-match-parent; } tr, td, th { border-color: inherit; border-style: solid; border-width: 0; } label { display: inline-block; } button { border-radius: 0; } button:focus:not(:focus-visible) { outline: 0; } input, button, select, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } button, select { text-transform: none; } select { word-wrap: normal; } select:disabled { opacity: 1; } button { -webkit-appearance: button; } button:not(:disabled) { cursor: pointer; } textarea { resize: vertical; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { float: left; width: 100%; padding: 0; margin-bottom: 0.5rem; font-size: calc(1.275rem + 0.3vw); line-height: inherit; } @media (min-width: 1200px) { legend { font-size: 1.5rem; } } legend + * { clear: left; } /* rtl:raw: [type="tel"], [type="url"], [type="email"], [type="number"] { direction: ltr; } */ iframe { border: 0; } .list-inline { padding-left: 0; list-style: none; } .blockquote { margin-bottom: 1rem; font-size: 1.25rem; } .blockquote > :last-child { margin-bottom: 0; } .blockquote-footer { margin-top: -1rem; margin-bottom: 1rem; font-size: 0.875em; color: #919aa1; } .blockquote-footer::before { content: "\2014\00A0"; } .img-fluid { max-width: 100%; height: auto; } .img-thumbnail { padding: 0.25rem; background-color: #fff; border: 1px solid var(--bs-border-color); max-width: 100%; height: auto; } .figure { display: inline-block; } .figure-img { margin-bottom: 0.5rem; line-height: 1; } .figure-caption { font-size: 0.875em; color: #919aa1; } .container, .container-fluid { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; width: 100%; padding-right: calc(var(--bs-gutter-x) * .5); padding-left: calc(var(--bs-gutter-x) * .5); margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container { max-width: 540px; } } @media (min-width: 768px) { .container { max-width: 720px; } } @media (min-width: 992px) { .container { max-width: 960px; } } @media (min-width: 1200px) { .container { max-width: 1140px; } } @media (min-width: 1400px) { .container { max-width: 1320px; } } .row { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; display: flex; flex-wrap: wrap; margin-top: calc(-1 * var(--bs-gutter-y)); margin-right: calc(-.5 * var(--bs-gutter-x)); margin-left: calc(-.5 * var(--bs-gutter-x)); } .row > * { flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--bs-gutter-x) * .5); padding-left: calc(var(--bs-gutter-x) * .5); margin-top: var(--bs-gutter-y); } .col { flex: 1 0 0%; } .col-3 { flex: 0 0 auto; width: 25%; } .col-12 { flex: 0 0 auto; width: 100%; } .gx-0 { --bs-gutter-x: 0; } @media (min-width: 768px) { .col-md-3 { flex: 0 0 auto; width: 25%; } } @media (min-width: 992px) { .col-lg-2 { flex: 0 0 auto; width: 16.66666667%; } .col-lg-10 { flex: 0 0 auto; width: 83.33333333%; } } @media (min-width: 1200px) { .col-xl-6 { flex: 0 0 auto; width: 50%; } } .table { --bs-table-color: var(--bs-body-color); --bs-table-bg: transparent; --bs-table-border-color: rgba(0, 0, 0, 0.05); --bs-table-accent-bg: transparent; --bs-table-striped-color: var(--bs-body-color); --bs-table-striped-bg: rgba(0, 0, 0, 0.05); --bs-table-active-color: var(--bs-body-color); --bs-table-active-bg: rgba(0, 0, 0, 0.1); --bs-table-hover-color: var(--bs-body-color); --bs-table-hover-bg: rgba(0, 0, 0, 0.075); width: 100%; margin-bottom: 1rem; color: var(--bs-table-color); vertical-align: top; border-color: var(--bs-table-border-color); } .table > :not(caption) > * > * { padding: 0.5rem 0.5rem; background-color: var(--bs-table-bg); border-bottom-width: 1px; box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg); } .table-responsive { overflow-x: auto; -webkit-overflow-scrolling: touch; } .form-control { display: block; width: 100%; padding: 0.75rem 1.5rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #55595c; background-color: #f7f7f9; background-clip: padding-box; border: 0 solid #ced4da; appearance: none; border-radius: 0; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-control { transition: none; } } .form-control:focus { color: #55595c; background-color: #f7f7f9; border-color: #8d8d8d; outline: 0; box-shadow: 0 0 0 0.25rem rgba(26, 26, 26, 0.25); } .form-control::-webkit-date-and-time-value { height: 1.5em; } .form-control::placeholder { color: #919aa1; opacity: 1; } .form-control:disabled { background-color: #eceeef; opacity: 1; } .form-control::file-selector-button { padding: 0.75rem 1.5rem; margin: -0.75rem -1.5rem; margin-inline-end: 1.5rem; color: #55595c; background-color: #eceeef; pointer-events: none; border-color: inherit; border-style: solid; border-width: 0; border-inline-end-width: 0; border-radius: 0; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-control::file-selector-button { transition: none; } } .form-control:hover:not(:disabled):not([readonly])::file-selector-button { background-color: #e0e2e3; } textarea.form-control { min-height: calc(1.5em + 1.5rem); } .form-select { display: block; width: 100%; padding: 0.75rem 4.5rem 0.75rem 1.5rem; -moz-padding-start: calc(1.5rem - 3px); font-size: 1rem; font-weight: 400; line-height: 1.5; color: #55595c; background-color: #f7f7f9; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right 1.5rem center; background-size: 16px 12px; border: 0 solid #ced4da; border-radius: 0; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; appearance: none; } @media (prefers-reduced-motion: reduce) { .form-select { transition: none; } } .form-select:focus { border-color: #8d8d8d; outline: 0; box-shadow: 0 0 0 0.25rem rgba(26, 26, 26, 0.25); } .form-select:disabled { background-color: #f7f7f9; } .form-select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #55595c; } .btn { --bs-btn-padding-x: 1.5rem; --bs-btn-padding-y: 0.75rem; --bs-btn-font-family: ; --bs-btn-font-size: 1rem; --bs-btn-font-weight: 600; --bs-btn-line-height: 1.5rem; --bs-btn-color: #55595c; --bs-btn-bg: transparent; --bs-btn-border-width: 0; --bs-btn-border-color: transparent; --bs-btn-border-radius: 0.375rem; --bs-btn-hover-border-color: transparent; --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); --bs-btn-disabled-opacity: 0.65; --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5); display: inline-block; padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x); font-family: var(--bs-btn-font-family); font-size: var(--bs-btn-font-size); font-weight: var(--bs-btn-font-weight); line-height: var(--bs-btn-line-height); color: var(--bs-btn-color); text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; user-select: none; border: var(--bs-btn-border-width) solid var(--bs-btn-border-color); background-color: var(--bs-btn-bg); transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .btn { transition: none; } } .btn:hover { color: var(--bs-btn-hover-color); background-color: var(--bs-btn-hover-bg); border-color: var(--bs-btn-hover-border-color); } .btn:focus-visible { color: var(--bs-btn-hover-color); background-color: var(--bs-btn-hover-bg); border-color: var(--bs-btn-hover-border-color); outline: 0; box-shadow: var(--bs-btn-focus-box-shadow); } .btn:first-child:active, .btn.active, .btn.show { color: var(--bs-btn-active-color); background-color: var(--bs-btn-active-bg); border-color: var(--bs-btn-active-border-color); } .btn:first-child:active:focus-visible, .btn.active:focus-visible, .btn.show:focus-visible { box-shadow: var(--bs-btn-focus-box-shadow); } .btn:disabled, fieldset:disabled .btn { color: var(--bs-btn-disabled-color); pointer-events: none; background-color: var(--bs-btn-disabled-bg); border-color: var(--bs-btn-disabled-border-color); opacity: var(--bs-btn-disabled-opacity); } .btn-primary { --bs-btn-color: #fff; --bs-btn-bg: #1a1a1a; --bs-btn-border-color: #1a1a1a; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #161616; --bs-btn-hover-border-color: #151515; --bs-btn-focus-shadow-rgb: 60, 60, 60; --bs-btn-active-color: #fff; --bs-btn-active-bg: #151515; --bs-btn-active-border-color: #141414; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #1a1a1a; --bs-btn-disabled-border-color: #1a1a1a; } .btn-dark { --bs-btn-color: #fff; --bs-btn-bg: #343a40; --bs-btn-border-color: #343a40; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #52585d; --bs-btn-hover-border-color: #484e53; --bs-btn-focus-shadow-rgb: 82, 88, 93; --bs-btn-active-color: #fff; --bs-btn-active-bg: #5d6166; --bs-btn-active-border-color: #484e53; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #343a40; --bs-btn-disabled-border-color: #343a40; } .btn-outline-primary { --bs-btn-color: #1a1a1a; --bs-btn-border-color: #1a1a1a; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #1a1a1a; --bs-btn-hover-border-color: #1a1a1a; --bs-btn-focus-shadow-rgb: 26, 26, 26; --bs-btn-active-color: #fff; --bs-btn-active-bg: #1a1a1a; --bs-btn-active-border-color: #1a1a1a; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #1a1a1a; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #1a1a1a; --bs-gradient: none; } .btn-sm { --bs-btn-padding-y: 0.5rem; --bs-btn-padding-x: 1rem; --bs-btn-font-size: 0.875rem; --bs-btn-border-radius: 0.25rem; } .fade { transition: opacity 0.15s linear; } @media (prefers-reduced-motion: reduce) { .fade { transition: none; } } .fade:not(.show) { opacity: 0; } .collapse:not(.show) { display: none; } .btn-group { position: relative; display: inline-flex; vertical-align: middle; } .btn-group > .btn { position: relative; flex: 1 1 auto; } .btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active { z-index: 1; } .btn-group > :not(.btn-check:first-child) + .btn, .btn-group > .btn-group:not(:first-child) { margin-left: 0; } .nav { --bs-nav-link-padding-x: 1rem; --bs-nav-link-padding-y: 0.5rem; --bs-nav-link-font-weight: ; --bs-nav-link-color: var(--bs-link-color); --bs-nav-link-hover-color: var(--bs-link-hover-color); --bs-nav-link-disabled-color: #919aa1; display: flex; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; } .nav-link { display: block; padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x); font-size: var(--bs-nav-link-font-size); font-weight: var(--bs-nav-link-font-weight); color: var(--bs-nav-link-color); text-decoration: none; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .nav-link { transition: none; } } .nav-link:hover, .nav-link:focus { color: var(--bs-nav-link-hover-color); } .nav-tabs { --bs-nav-tabs-border-width: 1px; --bs-nav-tabs-border-color: #eceeef; --bs-nav-tabs-border-radius: 0.375rem; --bs-nav-tabs-link-hover-border-color: #f7f7f9 #f7f7f9 #eceeef; --bs-nav-tabs-link-active-color: #55595c; --bs-nav-tabs-link-active-bg: #fff; --bs-nav-tabs-link-active-border-color: #eceeef #eceeef #fff; border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color); } .nav-tabs .nav-link { margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width)); background: none; border: var(--bs-nav-tabs-border-width) solid transparent; } .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { isolation: isolate; border-color: var(--bs-nav-tabs-link-hover-border-color); } .nav-tabs .nav-link:disabled { color: var(--bs-nav-link-disabled-color); background-color: transparent; border-color: transparent; } .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { color: var(--bs-nav-tabs-link-active-color); background-color: var(--bs-nav-tabs-link-active-bg); border-color: var(--bs-nav-tabs-link-active-border-color); } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .navbar { --bs-navbar-padding-x: 0; --bs-navbar-padding-y: 1.5rem; --bs-navbar-color: rgba(0, 0, 0, 0.3); --bs-navbar-hover-color: #1a1a1a; --bs-navbar-disabled-color: rgba(0, 0, 0, 0.3); --bs-navbar-active-color: #1a1a1a; --bs-navbar-brand-padding-y: 0.3125rem; --bs-navbar-brand-margin-end: 1rem; --bs-navbar-brand-font-size: 1.25rem; --bs-navbar-brand-color: #1a1a1a; --bs-navbar-brand-hover-color: #1a1a1a; --bs-navbar-nav-link-padding-x: 0.5rem; --bs-navbar-toggler-padding-y: 0.25rem; --bs-navbar-toggler-padding-x: 0.75rem; --bs-navbar-toggler-font-size: 1.25rem; --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.3%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); --bs-navbar-toggler-border-color: rgba(0, 0, 0, 0.1); --bs-navbar-toggler-border-radius: 0.375rem; --bs-navbar-toggler-focus-width: 0.25rem; --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out; position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x); } .navbar > .container, .navbar > .container-fluid { display: flex; flex-wrap: inherit; align-items: center; justify-content: space-between; } .navbar-brand { padding-top: var(--bs-navbar-brand-padding-y); padding-bottom: var(--bs-navbar-brand-padding-y); margin-right: var(--bs-navbar-brand-margin-end); font-size: var(--bs-navbar-brand-font-size); color: var(--bs-navbar-brand-color); text-decoration: none; white-space: nowrap; } .navbar-brand:hover, .navbar-brand:focus { color: var(--bs-navbar-brand-hover-color); } .navbar-nav { --bs-nav-link-padding-x: 0; --bs-nav-link-padding-y: 0.5rem; --bs-nav-link-font-weight: ; --bs-nav-link-color: var(--bs-navbar-color); --bs-nav-link-hover-color: var(--bs-navbar-hover-color); --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color); display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none; } .navbar-nav .show > .nav-link, .navbar-nav .nav-link.active { color: var(--bs-navbar-active-color); } .navbar-collapse { flex-basis: 100%; flex-grow: 1; align-items: center; } .navbar-toggler { padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x); font-size: var(--bs-navbar-toggler-font-size); line-height: 1; color: var(--bs-navbar-color); background-color: transparent; border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color); transition: var(--bs-navbar-toggler-transition); } @media (prefers-reduced-motion: reduce) { .navbar-toggler { transition: none; } } .navbar-toggler:hover { text-decoration: none; } .navbar-toggler:focus { text-decoration: none; outline: 0; box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width); } .navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; background-image: var(--bs-navbar-toggler-icon-bg); background-repeat: no-repeat; background-position: center; background-size: 100%; } @media (min-width: 768px) { .navbar-expand-md { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand-md .navbar-nav { flex-direction: row; } .navbar-expand-md .navbar-nav .nav-link { padding-right: var(--bs-navbar-nav-link-padding-x); padding-left: var(--bs-navbar-nav-link-padding-x); } .navbar-expand-md .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-md .navbar-toggler { display: none; } } .navbar-dark { --bs-navbar-color: rgba(255, 255, 255, 0.55); --bs-navbar-hover-color: #fff; --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25); --bs-navbar-active-color: #fff; --bs-navbar-brand-color: #fff; --bs-navbar-brand-hover-color: #fff; --bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1); --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .card { --bs-card-spacer-y: 1rem; --bs-card-spacer-x: 1rem; --bs-card-title-spacer-y: 0.5rem; --bs-card-border-width: 1px; --bs-card-border-color: var(--bs-border-color-translucent); --bs-card-border-radius: 0.375rem; --bs-card-box-shadow: ; --bs-card-inner-border-radius: calc(0.375rem - 1px); --bs-card-cap-padding-y: 0.5rem; --bs-card-cap-padding-x: 1rem; --bs-card-cap-bg: rgba(0, 0, 0, 0.03); --bs-card-cap-color: ; --bs-card-height: ; --bs-card-color: ; --bs-card-bg: #fff; --bs-card-img-overlay-padding: 1rem; --bs-card-group-margin: 0.75rem; position: relative; display: flex; flex-direction: column; min-width: 0; height: var(--bs-card-height); word-wrap: break-word; background-color: var(--bs-card-bg); background-clip: border-box; border: var(--bs-card-border-width) solid var(--bs-card-border-color); } .card > hr { margin-right: 0; margin-left: 0; } .card-body { flex: 1 1 auto; padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x); color: var(--bs-card-color); } .card-title { margin-bottom: var(--bs-card-title-spacer-y); } .card-text:last-child { margin-bottom: 0; } .card-link + .card-link { margin-left: var(--bs-card-spacer-x); } .card-footer { padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x); color: var(--bs-card-cap-color); background-color: var(--bs-card-cap-bg); border-top: var(--bs-card-border-width) solid var(--bs-card-border-color); } .badge { --bs-badge-padding-x: 0.65em; --bs-badge-padding-y: 0.35em; --bs-badge-font-size: 0.75em; --bs-badge-font-weight: 700; --bs-badge-color: #fff; --bs-badge-border-radius: 0.375rem; display: inline-block; padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x); font-size: var(--bs-badge-font-size); font-weight: var(--bs-badge-font-weight); line-height: 1; color: var(--bs-badge-color); text-align: center; white-space: nowrap; vertical-align: baseline; } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } @keyframes progress-bar-stripes { 0% { background-position-x: 1rem; } } .btn-close { box-sizing: content-box; width: 1em; height: 1em; padding: 0.25em 0.25em; color: #000; background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat; border: 0; opacity: 0.5; } .btn-close:hover { color: #000; text-decoration: none; opacity: 0.75; } .btn-close:focus { outline: 0; box-shadow: 0 0 0 0.25rem rgba(26, 26, 26, 0.25); opacity: 1; } .btn-close:disabled { pointer-events: none; user-select: none; opacity: 0.25; } .modal { --bs-modal-zindex: 1055; --bs-modal-width: 500px; --bs-modal-padding: 1rem; --bs-modal-margin: 0.5rem; --bs-modal-color: ; --bs-modal-bg: #fff; --bs-modal-border-color: var(--bs-border-color-translucent); --bs-modal-border-width: 1px; --bs-modal-border-radius: 0.5rem; --bs-modal-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); --bs-modal-inner-border-radius: calc(0.5rem - 1px); --bs-modal-header-padding-x: 1rem; --bs-modal-header-padding-y: 1rem; --bs-modal-header-padding: 1rem 1rem; --bs-modal-header-border-color: var(--bs-border-color); --bs-modal-header-border-width: 1px; --bs-modal-title-line-height: 1.5; --bs-modal-footer-gap: 0.5rem; --bs-modal-footer-bg: ; --bs-modal-footer-border-color: var(--bs-border-color); --bs-modal-footer-border-width: 1px; position: fixed; top: 0; left: 0; z-index: var(--bs-modal-zindex); display: none; width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; outline: 0; } .modal-dialog { position: relative; width: auto; margin: var(--bs-modal-margin); pointer-events: none; } .modal.fade .modal-dialog { transition: transform 0.3s ease-out; transform: translate(0, -50px); } @media (prefers-reduced-motion: reduce) { .modal.fade .modal-dialog { transition: none; } } .modal.show .modal-dialog { transform: none; } .modal-dialog-scrollable { height: calc(100% - var(--bs-modal-margin) * 2); } .modal-dialog-scrollable .modal-content { max-height: 100%; overflow: hidden; } .modal-dialog-scrollable .modal-body { overflow-y: auto; } .modal-dialog-centered { display: flex; align-items: center; min-height: calc(100% - var(--bs-modal-margin) * 2); } .modal-content { position: relative; display: flex; flex-direction: column; width: 100%; color: var(--bs-modal-color); pointer-events: auto; background-color: var(--bs-modal-bg); background-clip: padding-box; border: var(--bs-modal-border-width) solid var(--bs-modal-border-color); outline: 0; } .modal-header { display: flex; flex-shrink: 0; align-items: center; justify-content: space-between; padding: var(--bs-modal-header-padding); border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color); } .modal-header .btn-close { padding: calc(var(--bs-modal-header-padding-y) * .5) calc(var(--bs-modal-header-padding-x) * .5); margin: calc(-.5 * var(--bs-modal-header-padding-y)) calc(-.5 * var(--bs-modal-header-padding-x)) calc(-.5 * var(--bs-modal-header-padding-y)) auto; } .modal-title { margin-bottom: 0; line-height: var(--bs-modal-title-line-height); } .modal-body { position: relative; flex: 1 1 auto; padding: var(--bs-modal-padding); } @media (min-width: 576px) { .modal { --bs-modal-margin: 1.75rem; --bs-modal-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); } .modal-dialog { max-width: var(--bs-modal-width); margin-right: auto; margin-left: auto; } } /* rtl:begin:ignore */ /* rtl:end:ignore */ /* rtl:begin:ignore */ /* rtl:end:ignore */ /* rtl:begin:ignore */ /* rtl:end:ignore */ /* rtl:begin:ignore */ /* rtl:end:ignore */ /* rtl:options: { "autoRename": true, "stringMap":[ { "name" : "prev-next", "search" : "prev", "replace" : "next" } ] } */ @keyframes spinner-border { to { transform: rotate(360deg) /* rtl:ignore */; } } @keyframes spinner-grow { 0% { transform: scale(0); } 50% { opacity: 1; transform: none; } } @keyframes placeholder-glow { 50% { opacity: 0.2; } } @keyframes placeholder-wave { 100% { mask-position: -200% 0%; } } .ratio { position: relative; width: 100%; } .ratio::before { display: block; padding-top: var(--bs-aspect-ratio); content: ""; } .ratio > * { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .ratio-16x9 { --bs-aspect-ratio: calc(9 / 16 * 100%); } .fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030; } .align-text-top { vertical-align: text-top !important; } .float-start { float: left !important; } .float-end { float: right !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-none { display: none !important; } .border-warning { --bs-border-opacity: 1; border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important; } .border-dark { --bs-border-opacity: 1; border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important; } .w-100 { width: 100% !important; } .min-vh-100 { min-height: 100vh !important; } .flex-row { flex-direction: row !important; } .flex-column { flex-direction: column !important; } .flex-shrink-1 { flex-shrink: 1 !important; } .justify-content-between { justify-content: space-between !important; } .align-items-start { align-items: flex-start !important; } .align-self-center { align-self: center !important; } .m-3 { margin: 1rem !important; } .me-3 { margin-right: 1rem !important; } .mb-3 { margin-bottom: 1rem !important; } .mb-4 { margin-bottom: 1.5rem !important; } .p-0 { padding: 0 !important; } .p-3 { padding: 1rem !important; } .px-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .fs-5 { font-size: 1rem !important; } .fw-bolder { font-weight: bolder !important; } .text-center { text-align: center !important; } /* rtl:begin:remove */ /* rtl:end:remove */ .bg-primary { --bs-bg-opacity: 1; background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important; } .bg-dark { --bs-bg-opacity: 1; background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important; } .rounded-pill { border-radius: var(--bs-border-radius-pill) !important; } @media (min-width: 576px) { .d-sm-none { display: none !important; } .flex-sm-row { flex-direction: row !important; } } @media (min-width: 768px) { .float-md-start { float: left !important; } .float-md-end { float: right !important; } .d-md-block { display: block !important; } .d-md-none { display: none !important; } .flex-md-column { flex-direction: column !important; } } :root { color-scheme: light; } .navbar { font-size: 0.875rem; font-weight: 600; text-transform: uppercase; } .navbar-nav .nav-link { padding-top: .715rem; padding-bottom: .715rem; } .navbar-brand { margin-right: 2rem; } .nav-item { margin-right: 2rem; } .btn { font-size: 0.875rem; text-transform: uppercase; } .btn-sm { font-size: 10px; } body { font-weight: 200; letter-spacing: 1px; } h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 { text-transform: uppercase; letter-spacing: 3px; } th { font-size: 0.875rem; text-transform: uppercase; } .table th, .table td { padding: 1.5rem; } .badge { padding-top: .28rem; } .card h1, .card h2, .card h3, .card h4, .card h5, .card .h1, .card .h2, .card .h3, .card .h4, .card .h5 { color: inherit; } .blurred-container { position: relative; width: 100%; min-height: 35vh; height: 25rem; top: 0; left: 0; } .blurred-container .motto { color: #fff; font-size: 76px; font-weight: 600; text-align: center; text-shadow: 0 0 10px rgba(0, 0, 0, 0.33); text-transform: uppercase; top: 7.5vh; z-index: 3; display: block; margin: 0 auto; position: relative; width: 60%; height: 0; } .motto h1, .motto .h1 { background: #0000007d; -webkit-text-stroke: 0.3px #f8f9fa; line-height: 1; } .blurred-container .img-src { position: fixed; width: 100%; min-height: 35vh; height: 25rem; background-repeat: no-repeat; background-size: cover; background-position: center center; } .blur { opacity: 0; } .list-main { position: relative; background-color: #fff; padding-bottom: calc(1rem + 95px); padding-top: 1rem; } .footer-contents { position: relative; background-color: #f7f7f9; } /* Gives me greater control over fonts */ .font-serif { font-family: Georgia, "Times New Roman", Times, serif; } .font-sans { font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; } .font-small-caps { font-variant-caps: small-caps; } @media (min-width: 768px) { .w-md-50 { width: 50%; } } h1 small, .h1 small, h1 .small, .h1 .small { font-size: 60%; color: #9a9a9a; font-weight: 300; line-height: 1.5; } h1, .h1 { font-weight: 400; margin: 30px 0 15px; } .table-condensed th { padding: 0.5rem; } .table-condensed td { padding: 0.5rem; } @media (min-width: 768px) { .fixed-bottom { left: 25%; } .md-max-width-33 { max-width: 33%; } } .card-link { white-space: nowrap; } .category-button { position: absolute; top: 1em; right: 1em; display: grid; } .card-title { margin-right: 2.25em; } .thumb-icon-wrapper { display: flex; justify-content: center; } .thumb-icon-badge { font-size: xx-large; }