$link-decoration: none;
$min-contrast-ratio: 3;
-$font-size-base: 0.875rem;
+$font-size-root: 93.75%;
--bs-font-sans-serif: "Lato", -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-root-font-size: 93.75%;
--bs-body-font-family: var(--bs-font-sans-serif);
- --bs-body-font-size: 0.875rem;
+ --bs-body-font-size: 1rem;
--bs-body-font-weight: 400;
--bs-body-line-height: 1.5;
--bs-body-color: #dee2e6;
box-sizing: border-box;
}
+:root {
+ font-size: var(--bs-root-font-size);
+}
@media (prefers-reduced-motion: no-preference) {
:root {
scroll-behavior: smooth;
}
h4, .h4 {
- font-size: calc(1.25625rem + 0.075vw);
+ font-size: calc(1.275rem + 0.3vw);
}
@media (min-width: 1200px) {
h4, .h4 {
- font-size: 1.3125rem;
+ font-size: 1.5rem;
}
}
h5, .h5 {
- font-size: 1.09375rem;
+ font-size: 1.25rem;
}
h6, .h6 {
- font-size: 0.875rem;
+ font-size: 1rem;
}
p {
}
.lead {
- font-size: 1.09375rem;
+ font-size: 1.25rem;
font-weight: 300;
}
.blockquote {
margin-bottom: 1rem;
- font-size: 1.09375rem;
+ font-size: 1.25rem;
}
.blockquote > :last-child {
margin-bottom: 0;
.col-form-label-lg {
padding-top: calc(0.5rem + var(--bs-border-width));
padding-bottom: calc(0.5rem + var(--bs-border-width));
- font-size: 1.09375rem;
+ font-size: 1.25rem;
}
.col-form-label-sm {
padding-top: calc(0.25rem + var(--bs-border-width));
padding-bottom: calc(0.25rem + var(--bs-border-width));
- font-size: 0.765625rem;
+ font-size: 0.875rem;
}
.form-text {
display: block;
width: 100%;
padding: 0.375rem 0.75rem;
- font-size: 0.875rem;
+ font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #fff;
.form-control-sm {
min-height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
padding: 0.25rem 0.5rem;
- font-size: 0.765625rem;
+ font-size: 0.875rem;
border-radius: var(--bs-border-radius-sm);
}
.form-control-sm::file-selector-button {
.form-control-lg {
min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
padding: 0.5rem 1rem;
- font-size: 1.09375rem;
+ font-size: 1.25rem;
border-radius: var(--bs-border-radius-lg);
}
.form-control-lg::file-selector-button {
display: block;
width: 100%;
padding: 0.375rem 2.25rem 0.375rem 0.75rem;
- font-size: 0.875rem;
+ font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #fff;
padding-top: 0.25rem;
padding-bottom: 0.25rem;
padding-left: 0.5rem;
- font-size: 0.765625rem;
+ font-size: 0.875rem;
border-radius: var(--bs-border-radius-sm);
}
padding-top: 0.5rem;
padding-bottom: 0.5rem;
padding-left: 1rem;
- font-size: 1.09375rem;
+ font-size: 1.25rem;
border-radius: var(--bs-border-radius-lg);
}
.form-check {
display: block;
- min-height: 1.3125rem;
+ min-height: 1.5rem;
padding-left: 1.5em;
margin-bottom: 0.125rem;
}
display: flex;
align-items: center;
padding: 0.375rem 0.75rem;
- font-size: 0.875rem;
+ font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #adb5bd;
.input-group-lg > .input-group-text,
.input-group-lg > .btn {
padding: 0.5rem 1rem;
- font-size: 1.09375rem;
+ font-size: 1.25rem;
border-radius: var(--bs-border-radius-lg);
}
.input-group-sm > .input-group-text,
.input-group-sm > .btn {
padding: 0.25rem 0.5rem;
- font-size: 0.765625rem;
+ font-size: 0.875rem;
border-radius: var(--bs-border-radius-sm);
}
max-width: 100%;
padding: 0.25rem 0.5rem;
margin-top: 0.1rem;
- font-size: 0.765625rem;
+ font-size: 0.875rem;
color: #fff;
background-color: var(--bs-success);
border-radius: var(--bs-border-radius);
max-width: 100%;
padding: 0.25rem 0.5rem;
margin-top: 0.1rem;
- font-size: 0.765625rem;
+ font-size: 0.875rem;
color: #fff;
background-color: var(--bs-danger);
border-radius: var(--bs-border-radius);
--bs-btn-padding-x: 0.75rem;
--bs-btn-padding-y: 0.375rem;
--bs-btn-font-family: ;
- --bs-btn-font-size: 0.875rem;
+ --bs-btn-font-size: 1rem;
--bs-btn-font-weight: 400;
--bs-btn-line-height: 1.5;
--bs-btn-color: var(--bs-body-color);
.btn-lg, .btn-group-lg > .btn {
--bs-btn-padding-y: 0.5rem;
--bs-btn-padding-x: 1rem;
- --bs-btn-font-size: 1.09375rem;
+ --bs-btn-font-size: 1.25rem;
--bs-btn-border-radius: var(--bs-border-radius-lg);
}
.btn-sm, .btn-group-sm > .btn {
--bs-btn-padding-y: 0.25rem;
--bs-btn-padding-x: 0.5rem;
- --bs-btn-font-size: 0.765625rem;
+ --bs-btn-font-size: 0.875rem;
--bs-btn-border-radius: var(--bs-border-radius-sm);
}
--bs-dropdown-padding-x: 0;
--bs-dropdown-padding-y: 0.5rem;
--bs-dropdown-spacer: 0.125rem;
- --bs-dropdown-font-size: 0.875rem;
+ --bs-dropdown-font-size: 1rem;
--bs-dropdown-color: var(--bs-body-color);
--bs-dropdown-bg: #222;
--bs-dropdown-border-color: #444;
display: block;
padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
margin-bottom: 0;
- font-size: 0.765625rem;
+ font-size: 0.875rem;
color: var(--bs-dropdown-header-color);
white-space: nowrap;
}
--bs-navbar-hover-color: #fff;
--bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), 0.3);
--bs-navbar-active-color: #fff;
- --bs-navbar-brand-padding-y: 0.3359375rem;
+ --bs-navbar-brand-padding-y: 0.3125rem;
--bs-navbar-brand-margin-end: 1rem;
- --bs-navbar-brand-font-size: 1.09375rem;
+ --bs-navbar-brand-font-size: 1.25rem;
--bs-navbar-brand-color: #fff;
--bs-navbar-brand-hover-color: #fff;
--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.09375rem;
+ --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%28222, 226, 230, 0.75%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(34, 34, 34, 0.1);
--bs-navbar-toggler-border-radius: var(--bs-border-radius);
align-items: center;
width: 100%;
padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
- font-size: 0.875rem;
+ font-size: 1rem;
color: var(--bs-accordion-btn-color);
text-align: left;
background-color: var(--bs-accordion-btn-bg);
.pagination {
--bs-pagination-padding-x: 0.75rem;
--bs-pagination-padding-y: 0.375rem;
- --bs-pagination-font-size: 0.875rem;
+ --bs-pagination-font-size: 1rem;
--bs-pagination-color: #fff;
--bs-pagination-bg: #00bc8c;
--bs-pagination-border-width: 0;
.pagination-lg {
--bs-pagination-padding-x: 1.5rem;
--bs-pagination-padding-y: 0.75rem;
- --bs-pagination-font-size: 1.09375rem;
+ --bs-pagination-font-size: 1.25rem;
--bs-pagination-border-radius: var(--bs-border-radius-lg);
}
.pagination-sm {
--bs-pagination-padding-x: 0.5rem;
--bs-pagination-padding-y: 0.25rem;
- --bs-pagination-font-size: 0.765625rem;
+ --bs-pagination-font-size: 0.875rem;
--bs-pagination-border-radius: var(--bs-border-radius-sm);
}
.progress,
.progress-stacked {
--bs-progress-height: 1rem;
- --bs-progress-font-size: 0.65625rem;
+ --bs-progress-font-size: 0.75rem;
--bs-progress-bg: #444;
--bs-progress-border-radius: var(--bs-border-radius);
--bs-progress-box-shadow: var(--bs-box-shadow-inset);
--bs-tooltip-padding-x: 0.5rem;
--bs-tooltip-padding-y: 0.25rem;
--bs-tooltip-margin: ;
- --bs-tooltip-font-size: 0.765625rem;
+ --bs-tooltip-font-size: 0.875rem;
--bs-tooltip-color: var(--bs-body-bg);
--bs-tooltip-bg: var(--bs-emphasis-color);
--bs-tooltip-border-radius: var(--bs-border-radius);
.popover {
--bs-popover-zindex: 1070;
--bs-popover-max-width: 276px;
- --bs-popover-font-size: 0.765625rem;
+ --bs-popover-font-size: 0.875rem;
--bs-popover-bg: #303030;
--bs-popover-border-width: var(--bs-border-width);
--bs-popover-border-color: var(--bs-border-color-translucent);
--bs-popover-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
--bs-popover-header-padding-x: 1rem;
--bs-popover-header-padding-y: 0.5rem;
- --bs-popover-header-font-size: 0.875rem;
+ --bs-popover-header-font-size: 1rem;
--bs-popover-header-color: inherit;
--bs-popover-header-bg: #444;
--bs-popover-body-padding-x: 1rem;
}
.fs-4 {
- font-size: calc(1.25625rem + 0.075vw) !important;
+ font-size: calc(1.275rem + 0.3vw) !important;
}
.fs-5 {
- font-size: 1.09375rem !important;
+ font-size: 1.25rem !important;
}
.fs-6 {
- font-size: 0.875rem !important;
+ font-size: 1rem !important;
}
.fst-italic {
font-size: 2rem !important;
}
.fs-4 {
- font-size: 1.3125rem !important;
+ font-size: 1.5rem !important;
}
}
@media print {
--bs-font-sans-serif: "Lato", -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(243, 243, 243, 0.15), rgba(243, 243, 243, 0));
+ --bs-root-font-size: 93.75%;
--bs-body-font-family: var(--bs-font-sans-serif);
--bs-body-font-size: 0.9375rem;
--bs-body-font-weight: 400;
box-sizing: border-box;
}
+:root {
+ font-size: var(--bs-root-font-size);
+}
@media (prefers-reduced-motion: no-preference) {
:root {
scroll-behavior: smooth;
.container,
.container-fluid,
-.container-lg {
+.container-xxl,
+.container-xl,
+.container-lg,
+.container-md,
+.container-sm {
--bs-gutter-x: 1.5rem;
--bs-gutter-y: 0;
width: 100%;
margin-left: auto;
}
+@media (min-width: 576px) {
+ .container-sm, .container {
+ max-width: 540px;
+ }
+}
+@media (min-width: 768px) {
+ .container-md, .container-sm, .container {
+ max-width: 720px;
+ }
+}
@media (min-width: 992px) {
.container-lg, .container-md, .container-sm, .container {
+ max-width: 960px;
+ }
+}
+@media (min-width: 1200px) {
+ .container-xl, .container-lg, .container-md, .container-sm, .container {
max-width: 1140px;
}
}
+@media (min-width: 1400px) {
+ .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
+ max-width: 1320px;
+ }
+}
:root {
--bs-breakpoint-xs: 0;
--bs-breakpoint-sm: 576px;
}
.navbar > .container,
.navbar > .container-fluid,
-.navbar > .container-lg {
+.navbar > .container-sm,
+.navbar > .container-md,
+.navbar > .container-lg,
+.navbar > .container-xl,
+.navbar > .container-xxl {
display: flex;
flex-wrap: inherit;
align-items: center;
--bs-font-sans-serif: "Lato", -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-root-font-size: 93.75%;
--bs-body-font-family: var(--bs-font-sans-serif);
- --bs-body-font-size: 0.875rem;
+ --bs-body-font-size: 1rem;
--bs-body-font-weight: 400;
--bs-body-line-height: 1.5;
--bs-body-color: #dee2e6;
box-sizing: border-box;
}
+:root {
+ font-size: var(--bs-root-font-size);
+}
@media (prefers-reduced-motion: no-preference) {
:root {
scroll-behavior: smooth;
}
h4, .h4 {
- font-size: calc(1.25625rem + 0.075vw);
+ font-size: calc(1.275rem + 0.3vw);
}
@media (min-width: 1200px) {
h4, .h4 {
- font-size: 1.3125rem;
+ font-size: 1.5rem;
}
}
h5, .h5 {
- font-size: 1.09375rem;
+ font-size: 1.25rem;
}
h6, .h6 {
- font-size: 0.875rem;
+ font-size: 1rem;
}
p {
}
.lead {
- font-size: 1.09375rem;
+ font-size: 1.25rem;
font-weight: 300;
}
.blockquote {
margin-bottom: 1rem;
- font-size: 1.09375rem;
+ font-size: 1.25rem;
}
.blockquote > :last-child {
margin-bottom: 0;
.col-form-label-lg {
padding-top: calc(0.5rem + var(--bs-border-width));
padding-bottom: calc(0.5rem + var(--bs-border-width));
- font-size: 1.09375rem;
+ font-size: 1.25rem;
}
.col-form-label-sm {
padding-top: calc(0.25rem + var(--bs-border-width));
padding-bottom: calc(0.25rem + var(--bs-border-width));
- font-size: 0.765625rem;
+ font-size: 0.875rem;
}
.form-text {
display: block;
width: 100%;
padding: 0.375rem 0.75rem;
- font-size: 0.875rem;
+ font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #fff;
.form-control-sm {
min-height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
padding: 0.25rem 0.5rem;
- font-size: 0.765625rem;
+ font-size: 0.875rem;
border-radius: var(--bs-border-radius-sm);
}
.form-control-sm::file-selector-button {
.form-control-lg {
min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
padding: 0.5rem 1rem;
- font-size: 1.09375rem;
+ font-size: 1.25rem;
border-radius: var(--bs-border-radius-lg);
}
.form-control-lg::file-selector-button {
display: block;
width: 100%;
padding: 0.375rem 2.25rem 0.375rem 0.75rem;
- font-size: 0.875rem;
+ font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #fff;
padding-top: 0.25rem;
padding-bottom: 0.25rem;
padding-left: 0.5rem;
- font-size: 0.765625rem;
+ font-size: 0.875rem;
border-radius: var(--bs-border-radius-sm);
}
padding-top: 0.5rem;
padding-bottom: 0.5rem;
padding-left: 1rem;
- font-size: 1.09375rem;
+ font-size: 1.25rem;
border-radius: var(--bs-border-radius-lg);
}
.form-check {
display: block;
- min-height: 1.3125rem;
+ min-height: 1.5rem;
padding-left: 1.5em;
margin-bottom: 0.125rem;
}
display: flex;
align-items: center;
padding: 0.375rem 0.75rem;
- font-size: 0.875rem;
+ font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #adb5bd;
.input-group-lg > .input-group-text,
.input-group-lg > .btn {
padding: 0.5rem 1rem;
- font-size: 1.09375rem;
+ font-size: 1.25rem;
border-radius: var(--bs-border-radius-lg);
}
.input-group-sm > .input-group-text,
.input-group-sm > .btn {
padding: 0.25rem 0.5rem;
- font-size: 0.765625rem;
+ font-size: 0.875rem;
border-radius: var(--bs-border-radius-sm);
}
max-width: 100%;
padding: 0.25rem 0.5rem;
margin-top: 0.1rem;
- font-size: 0.765625rem;
+ font-size: 0.875rem;
color: #fff;
background-color: var(--bs-success);
border-radius: var(--bs-border-radius);
max-width: 100%;
padding: 0.25rem 0.5rem;
margin-top: 0.1rem;
- font-size: 0.765625rem;
+ font-size: 0.875rem;
color: #fff;
background-color: var(--bs-danger);
border-radius: var(--bs-border-radius);
--bs-btn-padding-x: 0.75rem;
--bs-btn-padding-y: 0.375rem;
--bs-btn-font-family: ;
- --bs-btn-font-size: 0.875rem;
+ --bs-btn-font-size: 1rem;
--bs-btn-font-weight: 400;
--bs-btn-line-height: 1.5;
--bs-btn-color: var(--bs-body-color);
.btn-lg, .btn-group-lg > .btn {
--bs-btn-padding-y: 0.5rem;
--bs-btn-padding-x: 1rem;
- --bs-btn-font-size: 1.09375rem;
+ --bs-btn-font-size: 1.25rem;
--bs-btn-border-radius: var(--bs-border-radius-lg);
}
.btn-sm, .btn-group-sm > .btn {
--bs-btn-padding-y: 0.25rem;
--bs-btn-padding-x: 0.5rem;
- --bs-btn-font-size: 0.765625rem;
+ --bs-btn-font-size: 0.875rem;
--bs-btn-border-radius: var(--bs-border-radius-sm);
}
--bs-dropdown-padding-x: 0;
--bs-dropdown-padding-y: 0.5rem;
--bs-dropdown-spacer: 0.125rem;
- --bs-dropdown-font-size: 0.875rem;
+ --bs-dropdown-font-size: 1rem;
--bs-dropdown-color: var(--bs-body-color);
--bs-dropdown-bg: #222;
--bs-dropdown-border-color: #444;
display: block;
padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
margin-bottom: 0;
- font-size: 0.765625rem;
+ font-size: 0.875rem;
color: var(--bs-dropdown-header-color);
white-space: nowrap;
}
--bs-navbar-hover-color: #fff;
--bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), 0.3);
--bs-navbar-active-color: #fff;
- --bs-navbar-brand-padding-y: 0.3359375rem;
+ --bs-navbar-brand-padding-y: 0.3125rem;
--bs-navbar-brand-margin-end: 1rem;
- --bs-navbar-brand-font-size: 1.09375rem;
+ --bs-navbar-brand-font-size: 1.25rem;
--bs-navbar-brand-color: #fff;
--bs-navbar-brand-hover-color: #fff;
--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.09375rem;
+ --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%28222, 226, 230, 0.75%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(34, 34, 34, 0.1);
--bs-navbar-toggler-border-radius: var(--bs-border-radius);
align-items: center;
width: 100%;
padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
- font-size: 0.875rem;
+ font-size: 1rem;
color: var(--bs-accordion-btn-color);
text-align: left;
background-color: var(--bs-accordion-btn-bg);
.pagination {
--bs-pagination-padding-x: 0.75rem;
--bs-pagination-padding-y: 0.375rem;
- --bs-pagination-font-size: 0.875rem;
+ --bs-pagination-font-size: 1rem;
--bs-pagination-color: #fff;
--bs-pagination-bg: #00bc8c;
--bs-pagination-border-width: 0;
.pagination-lg {
--bs-pagination-padding-x: 1.5rem;
--bs-pagination-padding-y: 0.75rem;
- --bs-pagination-font-size: 1.09375rem;
+ --bs-pagination-font-size: 1.25rem;
--bs-pagination-border-radius: var(--bs-border-radius-lg);
}
.pagination-sm {
--bs-pagination-padding-x: 0.5rem;
--bs-pagination-padding-y: 0.25rem;
- --bs-pagination-font-size: 0.765625rem;
+ --bs-pagination-font-size: 0.875rem;
--bs-pagination-border-radius: var(--bs-border-radius-sm);
}
.progress,
.progress-stacked {
--bs-progress-height: 1rem;
- --bs-progress-font-size: 0.65625rem;
+ --bs-progress-font-size: 0.75rem;
--bs-progress-bg: #444;
--bs-progress-border-radius: var(--bs-border-radius);
--bs-progress-box-shadow: var(--bs-box-shadow-inset);
--bs-tooltip-padding-x: 0.5rem;
--bs-tooltip-padding-y: 0.25rem;
--bs-tooltip-margin: ;
- --bs-tooltip-font-size: 0.765625rem;
+ --bs-tooltip-font-size: 0.875rem;
--bs-tooltip-color: var(--bs-body-bg);
--bs-tooltip-bg: var(--bs-emphasis-color);
--bs-tooltip-border-radius: var(--bs-border-radius);
.popover {
--bs-popover-zindex: 1070;
--bs-popover-max-width: 276px;
- --bs-popover-font-size: 0.765625rem;
+ --bs-popover-font-size: 0.875rem;
--bs-popover-bg: #303030;
--bs-popover-border-width: var(--bs-border-width);
--bs-popover-border-color: var(--bs-border-color-translucent);
--bs-popover-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
--bs-popover-header-padding-x: 1rem;
--bs-popover-header-padding-y: 0.5rem;
- --bs-popover-header-font-size: 0.875rem;
+ --bs-popover-header-font-size: 1rem;
--bs-popover-header-color: inherit;
--bs-popover-header-bg: #444;
--bs-popover-body-padding-x: 1rem;
}
.fs-4 {
- font-size: calc(1.25625rem + 0.075vw) !important;
+ font-size: calc(1.275rem + 0.3vw) !important;
}
.fs-5 {
- font-size: 1.09375rem !important;
+ font-size: 1.25rem !important;
}
.fs-6 {
- font-size: 0.875rem !important;
+ font-size: 1rem !important;
}
.fst-italic {
font-size: 2rem !important;
}
.fs-4 {
- font-size: 1.3125rem !important;
+ font-size: 1.5rem !important;
}
}
@media print {
--bs-font-sans-serif: "Lato", -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-root-font-size: 93.75%;
--bs-body-font-family: var(--bs-font-sans-serif);
- --bs-body-font-size: 0.875rem;
+ --bs-body-font-size: 1rem;
--bs-body-font-weight: 400;
--bs-body-line-height: 1.5;
--bs-body-color: #dee2e6;
box-sizing: border-box;
}
+:root {
+ font-size: var(--bs-root-font-size);
+}
@media (prefers-reduced-motion: no-preference) {
:root {
scroll-behavior: smooth;
}
h4, .h4 {
- font-size: calc(1.25625rem + 0.075vw);
+ font-size: calc(1.275rem + 0.3vw);
}
@media (min-width: 1200px) {
h4, .h4 {
- font-size: 1.3125rem;
+ font-size: 1.5rem;
}
}
h5, .h5 {
- font-size: 1.09375rem;
+ font-size: 1.25rem;
}
h6, .h6 {
- font-size: 0.875rem;
+ font-size: 1rem;
}
p {
}
.lead {
- font-size: 1.09375rem;
+ font-size: 1.25rem;
font-weight: 300;
}
.blockquote {
margin-bottom: 1rem;
- font-size: 1.09375rem;
+ font-size: 1.25rem;
}
.blockquote > :last-child {
margin-bottom: 0;
.col-form-label-lg {
padding-top: calc(0.5rem + var(--bs-border-width));
padding-bottom: calc(0.5rem + var(--bs-border-width));
- font-size: 1.09375rem;
+ font-size: 1.25rem;
}
.col-form-label-sm {
padding-top: calc(0.25rem + var(--bs-border-width));
padding-bottom: calc(0.25rem + var(--bs-border-width));
- font-size: 0.765625rem;
+ font-size: 0.875rem;
}
.form-text {
display: block;
width: 100%;
padding: 0.375rem 0.75rem;
- font-size: 0.875rem;
+ font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #fff;
.form-control-sm {
min-height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
padding: 0.25rem 0.5rem;
- font-size: 0.765625rem;
+ font-size: 0.875rem;
border-radius: var(--bs-border-radius-sm);
}
.form-control-sm::file-selector-button {
.form-control-lg {
min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
padding: 0.5rem 1rem;
- font-size: 1.09375rem;
+ font-size: 1.25rem;
border-radius: var(--bs-border-radius-lg);
}
.form-control-lg::file-selector-button {
display: block;
width: 100%;
padding: 0.375rem 2.25rem 0.375rem 0.75rem;
- font-size: 0.875rem;
+ font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #fff;
padding-top: 0.25rem;
padding-bottom: 0.25rem;
padding-left: 0.5rem;
- font-size: 0.765625rem;
+ font-size: 0.875rem;
border-radius: var(--bs-border-radius-sm);
}
padding-top: 0.5rem;
padding-bottom: 0.5rem;
padding-left: 1rem;
- font-size: 1.09375rem;
+ font-size: 1.25rem;
border-radius: var(--bs-border-radius-lg);
}
.form-check {
display: block;
- min-height: 1.3125rem;
+ min-height: 1.5rem;
padding-left: 1.5em;
margin-bottom: 0.125rem;
}
display: flex;
align-items: center;
padding: 0.375rem 0.75rem;
- font-size: 0.875rem;
+ font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #adb5bd;
.input-group-lg > .input-group-text,
.input-group-lg > .btn {
padding: 0.5rem 1rem;
- font-size: 1.09375rem;
+ font-size: 1.25rem;
border-radius: var(--bs-border-radius-lg);
}
.input-group-sm > .input-group-text,
.input-group-sm > .btn {
padding: 0.25rem 0.5rem;
- font-size: 0.765625rem;
+ font-size: 0.875rem;
border-radius: var(--bs-border-radius-sm);
}
max-width: 100%;
padding: 0.25rem 0.5rem;
margin-top: 0.1rem;
- font-size: 0.765625rem;
+ font-size: 0.875rem;
color: #fff;
background-color: var(--bs-success);
border-radius: var(--bs-border-radius);
max-width: 100%;
padding: 0.25rem 0.5rem;
margin-top: 0.1rem;
- font-size: 0.765625rem;
+ font-size: 0.875rem;
color: #fff;
background-color: var(--bs-danger);
border-radius: var(--bs-border-radius);
--bs-btn-padding-x: 0.75rem;
--bs-btn-padding-y: 0.375rem;
--bs-btn-font-family: ;
- --bs-btn-font-size: 0.875rem;
+ --bs-btn-font-size: 1rem;
--bs-btn-font-weight: 400;
--bs-btn-line-height: 1.5;
--bs-btn-color: var(--bs-body-color);
.btn-lg, .btn-group-lg > .btn {
--bs-btn-padding-y: 0.5rem;
--bs-btn-padding-x: 1rem;
- --bs-btn-font-size: 1.09375rem;
+ --bs-btn-font-size: 1.25rem;
--bs-btn-border-radius: var(--bs-border-radius-lg);
}
.btn-sm, .btn-group-sm > .btn {
--bs-btn-padding-y: 0.25rem;
--bs-btn-padding-x: 0.5rem;
- --bs-btn-font-size: 0.765625rem;
+ --bs-btn-font-size: 0.875rem;
--bs-btn-border-radius: var(--bs-border-radius-sm);
}
--bs-dropdown-padding-x: 0;
--bs-dropdown-padding-y: 0.5rem;
--bs-dropdown-spacer: 0.125rem;
- --bs-dropdown-font-size: 0.875rem;
+ --bs-dropdown-font-size: 1rem;
--bs-dropdown-color: var(--bs-body-color);
--bs-dropdown-bg: #222;
--bs-dropdown-border-color: #444;
display: block;
padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
margin-bottom: 0;
- font-size: 0.765625rem;
+ font-size: 0.875rem;
color: var(--bs-dropdown-header-color);
white-space: nowrap;
}
--bs-navbar-hover-color: #fff;
--bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), 0.3);
--bs-navbar-active-color: #fff;
- --bs-navbar-brand-padding-y: 0.3359375rem;
+ --bs-navbar-brand-padding-y: 0.3125rem;
--bs-navbar-brand-margin-end: 1rem;
- --bs-navbar-brand-font-size: 1.09375rem;
+ --bs-navbar-brand-font-size: 1.25rem;
--bs-navbar-brand-color: #fff;
--bs-navbar-brand-hover-color: #fff;
--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.09375rem;
+ --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%28222, 226, 230, 0.75%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(34, 34, 34, 0.1);
--bs-navbar-toggler-border-radius: var(--bs-border-radius);
align-items: center;
width: 100%;
padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
- font-size: 0.875rem;
+ font-size: 1rem;
color: var(--bs-accordion-btn-color);
text-align: left;
background-color: var(--bs-accordion-btn-bg);
.pagination {
--bs-pagination-padding-x: 0.75rem;
--bs-pagination-padding-y: 0.375rem;
- --bs-pagination-font-size: 0.875rem;
+ --bs-pagination-font-size: 1rem;
--bs-pagination-color: #fff;
--bs-pagination-bg: #00bc8c;
--bs-pagination-border-width: 0;
.pagination-lg {
--bs-pagination-padding-x: 1.5rem;
--bs-pagination-padding-y: 0.75rem;
- --bs-pagination-font-size: 1.09375rem;
+ --bs-pagination-font-size: 1.25rem;
--bs-pagination-border-radius: var(--bs-border-radius-lg);
}
.pagination-sm {
--bs-pagination-padding-x: 0.5rem;
--bs-pagination-padding-y: 0.25rem;
- --bs-pagination-font-size: 0.765625rem;
+ --bs-pagination-font-size: 0.875rem;
--bs-pagination-border-radius: var(--bs-border-radius-sm);
}
.progress,
.progress-stacked {
--bs-progress-height: 1rem;
- --bs-progress-font-size: 0.65625rem;
+ --bs-progress-font-size: 0.75rem;
--bs-progress-bg: #444;
--bs-progress-border-radius: var(--bs-border-radius);
--bs-progress-box-shadow: var(--bs-box-shadow-inset);
--bs-tooltip-padding-x: 0.5rem;
--bs-tooltip-padding-y: 0.25rem;
--bs-tooltip-margin: ;
- --bs-tooltip-font-size: 0.765625rem;
+ --bs-tooltip-font-size: 0.875rem;
--bs-tooltip-color: var(--bs-body-bg);
--bs-tooltip-bg: var(--bs-emphasis-color);
--bs-tooltip-border-radius: var(--bs-border-radius);
.popover {
--bs-popover-zindex: 1070;
--bs-popover-max-width: 276px;
- --bs-popover-font-size: 0.765625rem;
+ --bs-popover-font-size: 0.875rem;
--bs-popover-bg: #303030;
--bs-popover-border-width: var(--bs-border-width);
--bs-popover-border-color: var(--bs-border-color-translucent);
--bs-popover-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
--bs-popover-header-padding-x: 1rem;
--bs-popover-header-padding-y: 0.5rem;
- --bs-popover-header-font-size: 0.875rem;
+ --bs-popover-header-font-size: 1rem;
--bs-popover-header-color: inherit;
--bs-popover-header-bg: #444;
--bs-popover-body-padding-x: 1rem;
}
.fs-4 {
- font-size: calc(1.25625rem + 0.075vw) !important;
+ font-size: calc(1.275rem + 0.3vw) !important;
}
.fs-5 {
- font-size: 1.09375rem !important;
+ font-size: 1.25rem !important;
}
.fs-6 {
- font-size: 0.875rem !important;
+ font-size: 1rem !important;
}
.fst-italic {
font-size: 2rem !important;
}
.fs-4 {
- font-size: 1.3125rem !important;
+ font-size: 1.5rem !important;
}
}
@media print {
--bs-font-sans-serif: DOS, Monaco, Menlo, Consolas, "Courier New", monospace;
--bs-font-monospace: DOS, Monaco, Menlo, Consolas, "Courier New", monospace;
--bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
+ --bs-root-font-size: 93.75%;
--bs-body-font-family: var(--bs-font-sans-serif);
- --bs-body-font-size: 0.875rem;
+ --bs-body-font-size: 1rem;
--bs-body-font-weight: 400;
--bs-body-line-height: 1.5;
--bs-body-color: #bbb;
box-sizing: border-box;
}
+:root {
+ font-size: var(--bs-root-font-size);
+}
@media (prefers-reduced-motion: no-preference) {
:root {
scroll-behavior: smooth;
}
h1, .h1 {
- font-size: calc(1.34375rem + 1.125vw);
+ font-size: calc(1.375rem + 1.5vw);
}
@media (min-width: 1200px) {
h1, .h1 {
- font-size: 2.1875rem;
+ font-size: 2.5rem;
}
}
h2, .h2 {
- font-size: calc(1.3rem + 0.6vw);
+ font-size: calc(1.325rem + 0.9vw);
}
@media (min-width: 1200px) {
h2, .h2 {
- font-size: 1.75rem;
+ font-size: 2rem;
}
}
h3, .h3 {
- font-size: calc(1.278125rem + 0.3375vw);
+ font-size: calc(1.3rem + 0.6vw);
}
@media (min-width: 1200px) {
h3, .h3 {
- font-size: 1.53125rem;
+ font-size: 1.75rem;
}
}
h4, .h4 {
- font-size: calc(1.25625rem + 0.075vw);
+ font-size: calc(1.275rem + 0.3vw);
}
@media (min-width: 1200px) {
h4, .h4 {
- font-size: 1.3125rem;
+ font-size: 1.5rem;
}
}
h5, .h5 {
- font-size: 1.09375rem;
+ font-size: 1.25rem;
}
h6, .h6 {
- font-size: 0.875rem;
+ font-size: 1rem;
}
p {
}
.lead {
- font-size: 1.09375rem;
+ font-size: 1.25rem;
font-weight: 300;
}
.blockquote {
margin-bottom: 1rem;
- font-size: 1.09375rem;
+ font-size: 1.25rem;
}
.blockquote > :last-child {
margin-bottom: 0;
.col-form-label-lg {
padding-top: calc(0.5rem + var(--bs-border-width));
padding-bottom: calc(0.5rem + var(--bs-border-width));
- font-size: 1.09375rem;
+ font-size: 1.25rem;
}
.col-form-label-sm {
padding-top: calc(0.25rem + var(--bs-border-width));
padding-bottom: calc(0.25rem + var(--bs-border-width));
- font-size: 0.765625rem;
+ font-size: 0.875rem;
}
.form-text {
display: block;
width: 100%;
padding: 0.375rem 0.75rem;
- font-size: 0.875rem;
+ font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #fff;
.form-control-sm {
min-height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
padding: 0.25rem 0.5rem;
- font-size: 0.765625rem;
+ font-size: 0.875rem;
}
.form-control-sm::file-selector-button {
padding: 0.25rem 0.5rem;
.form-control-lg {
min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
padding: 0.5rem 1rem;
- font-size: 1.09375rem;
+ font-size: 1.25rem;
}
.form-control-lg::file-selector-button {
padding: 0.5rem 1rem;
display: block;
width: 100%;
padding: 0.375rem 2.25rem 0.375rem 0.75rem;
- font-size: 0.875rem;
+ font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #fff;
padding-top: 0.25rem;
padding-bottom: 0.25rem;
padding-left: 0.5rem;
- font-size: 0.765625rem;
+ font-size: 0.875rem;
}
.form-select-lg {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
padding-left: 1rem;
- font-size: 1.09375rem;
+ font-size: 1.25rem;
}
[data-bs-theme=dark] .form-select {
.form-check {
display: block;
- min-height: 1.3125rem;
+ min-height: 1.5rem;
padding-left: 1.5em;
margin-bottom: 0.125rem;
}
display: flex;
align-items: center;
padding: 0.375rem 0.75rem;
- font-size: 0.875rem;
+ font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #fff;
.input-group-lg > .input-group-text,
.input-group-lg > .btn {
padding: 0.5rem 1rem;
- font-size: 1.09375rem;
+ font-size: 1.25rem;
}
.input-group-sm > .form-control,
.input-group-sm > .input-group-text,
.input-group-sm > .btn {
padding: 0.25rem 0.5rem;
- font-size: 0.765625rem;
+ font-size: 0.875rem;
}
.input-group-lg > .form-select,
max-width: 100%;
padding: 0.25rem 0.5rem;
margin-top: 0.1rem;
- font-size: 0.765625rem;
+ font-size: 0.875rem;
color: #fff;
background-color: var(--bs-success);
}
max-width: 100%;
padding: 0.25rem 0.5rem;
margin-top: 0.1rem;
- font-size: 0.765625rem;
+ font-size: 0.875rem;
color: #fff;
background-color: var(--bs-danger);
}
--bs-btn-padding-x: 0.75rem;
--bs-btn-padding-y: 0.375rem;
--bs-btn-font-family: ;
- --bs-btn-font-size: 0.875rem;
+ --bs-btn-font-size: 1rem;
--bs-btn-font-weight: 400;
--bs-btn-line-height: 1.5;
--bs-btn-color: var(--bs-body-color);
.btn-lg, .btn-group-lg > .btn {
--bs-btn-padding-y: 0.5rem;
--bs-btn-padding-x: 1rem;
- --bs-btn-font-size: 1.09375rem;
+ --bs-btn-font-size: 1.25rem;
--bs-btn-border-radius: var(--bs-border-radius-lg);
}
.btn-sm, .btn-group-sm > .btn {
--bs-btn-padding-y: 0.25rem;
--bs-btn-padding-x: 0.5rem;
- --bs-btn-font-size: 0.765625rem;
+ --bs-btn-font-size: 0.875rem;
--bs-btn-border-radius: var(--bs-border-radius-sm);
}
--bs-dropdown-padding-x: 0;
--bs-dropdown-padding-y: 0.5rem;
--bs-dropdown-spacer: 0.125rem;
- --bs-dropdown-font-size: 0.875rem;
+ --bs-dropdown-font-size: 1rem;
--bs-dropdown-color: var(--bs-body-color);
--bs-dropdown-bg: var(--bs-body-bg);
--bs-dropdown-border-color: var(--bs-border-color-translucent);
display: block;
padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
margin-bottom: 0;
- font-size: 0.765625rem;
+ font-size: 0.875rem;
color: var(--bs-dropdown-header-color);
white-space: nowrap;
}
--bs-navbar-hover-color: #ebebeb;
--bs-navbar-disabled-color: #303030;
--bs-navbar-active-color: #f8f9fa;
- --bs-navbar-brand-padding-y: 0.3359375rem;
+ --bs-navbar-brand-padding-y: 0.3125rem;
--bs-navbar-brand-margin-end: 1rem;
- --bs-navbar-brand-font-size: 1.09375rem;
+ --bs-navbar-brand-font-size: 1.25rem;
--bs-navbar-brand-color: #bbb;
--bs-navbar-brand-hover-color: #f8f9fa;
--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.09375rem;
+ --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%28187, 187, 187, 0.75%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(var(--bs-emphasis-color-rgb), 0.15);
--bs-navbar-toggler-border-radius: var(--bs-border-radius);
align-items: center;
width: 100%;
padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
- font-size: 0.875rem;
+ font-size: 1rem;
color: var(--bs-accordion-btn-color);
text-align: left;
background-color: var(--bs-accordion-btn-bg);
.pagination {
--bs-pagination-padding-x: 0.75rem;
--bs-pagination-padding-y: 0.375rem;
- --bs-pagination-font-size: 0.875rem;
+ --bs-pagination-font-size: 1rem;
--bs-pagination-color: var(--bs-link-color);
--bs-pagination-bg: var(--bs-body-bg);
--bs-pagination-border-width: var(--bs-border-width);
.pagination-lg {
--bs-pagination-padding-x: 1.5rem;
--bs-pagination-padding-y: 0.75rem;
- --bs-pagination-font-size: 1.09375rem;
+ --bs-pagination-font-size: 1.25rem;
--bs-pagination-border-radius: var(--bs-border-radius-lg);
}
.pagination-sm {
--bs-pagination-padding-x: 0.5rem;
--bs-pagination-padding-y: 0.25rem;
- --bs-pagination-font-size: 0.765625rem;
+ --bs-pagination-font-size: 0.875rem;
--bs-pagination-border-radius: var(--bs-border-radius-sm);
}
.progress,
.progress-stacked {
--bs-progress-height: 1rem;
- --bs-progress-font-size: 0.65625rem;
+ --bs-progress-font-size: 0.75rem;
--bs-progress-bg: var(--bs-secondary-bg);
--bs-progress-border-radius: var(--bs-border-radius);
--bs-progress-box-shadow: var(--bs-box-shadow-inset);
--bs-tooltip-padding-x: 0.5rem;
--bs-tooltip-padding-y: 0.25rem;
--bs-tooltip-margin: ;
- --bs-tooltip-font-size: 0.765625rem;
+ --bs-tooltip-font-size: 0.875rem;
--bs-tooltip-color: var(--bs-body-bg);
--bs-tooltip-bg: var(--bs-emphasis-color);
--bs-tooltip-border-radius: var(--bs-border-radius);
.popover {
--bs-popover-zindex: 1070;
--bs-popover-max-width: 276px;
- --bs-popover-font-size: 0.765625rem;
+ --bs-popover-font-size: 0.875rem;
--bs-popover-bg: var(--bs-body-bg);
--bs-popover-border-width: var(--bs-border-width);
--bs-popover-border-color: var(--bs-border-color-translucent);
--bs-popover-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
--bs-popover-header-padding-x: 1rem;
--bs-popover-header-padding-y: 0.5rem;
- --bs-popover-header-font-size: 0.875rem;
+ --bs-popover-header-font-size: 1rem;
--bs-popover-header-color: inherit;
--bs-popover-header-bg: var(--bs-secondary-bg);
--bs-popover-body-padding-x: 1rem;
}
.fs-1 {
- font-size: calc(1.34375rem + 1.125vw) !important;
+ font-size: calc(1.375rem + 1.5vw) !important;
}
.fs-2 {
- font-size: calc(1.3rem + 0.6vw) !important;
+ font-size: calc(1.325rem + 0.9vw) !important;
}
.fs-3 {
- font-size: calc(1.278125rem + 0.3375vw) !important;
+ font-size: calc(1.3rem + 0.6vw) !important;
}
.fs-4 {
- font-size: calc(1.25625rem + 0.075vw) !important;
+ font-size: calc(1.275rem + 0.3vw) !important;
}
.fs-5 {
- font-size: 1.09375rem !important;
+ font-size: 1.25rem !important;
}
.fs-6 {
- font-size: 0.875rem !important;
+ font-size: 1rem !important;
}
.fst-italic {
}
@media (min-width: 1200px) {
.fs-1 {
- font-size: 2.1875rem !important;
+ font-size: 2.5rem !important;
}
.fs-2 {
- font-size: 1.75rem !important;
+ font-size: 2rem !important;
}
.fs-3 {
- font-size: 1.53125rem !important;
+ font-size: 1.75rem !important;
}
.fs-4 {
- font-size: 1.3125rem !important;
+ font-size: 1.5rem !important;
}
}
@media print {
--bs-font-sans-serif: -apple-system, BlinkMacSystemFont, "Droid Sans", "Segoe UI", "Helvetica", Arial, sans-serif;
--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-root-font-size: 93.75%;
--bs-body-font-family: var(--bs-font-sans-serif);
- --bs-body-font-size: 0.875rem;
+ --bs-body-font-size: 1rem;
--bs-body-font-weight: 400;
--bs-body-line-height: 1.5;
--bs-body-color: #495057;
box-sizing: border-box;
}
+:root {
+ font-size: var(--bs-root-font-size);
+}
@media (prefers-reduced-motion: no-preference) {
:root {
scroll-behavior: smooth;
}
h1, .h1 {
- font-size: calc(1.34375rem + 1.125vw);
+ font-size: calc(1.375rem + 1.5vw);
}
@media (min-width: 1200px) {
h1, .h1 {
- font-size: 2.1875rem;
+ font-size: 2.5rem;
}
}
h2, .h2 {
- font-size: calc(1.3rem + 0.6vw);
+ font-size: calc(1.325rem + 0.9vw);
}
@media (min-width: 1200px) {
h2, .h2 {
- font-size: 1.75rem;
+ font-size: 2rem;
}
}
h3, .h3 {
- font-size: calc(1.278125rem + 0.3375vw);
+ font-size: calc(1.3rem + 0.6vw);
}
@media (min-width: 1200px) {
h3, .h3 {
- font-size: 1.53125rem;
+ font-size: 1.75rem;
}
}
h4, .h4 {
- font-size: calc(1.25625rem + 0.075vw);
+ font-size: calc(1.275rem + 0.3vw);
}
@media (min-width: 1200px) {
h4, .h4 {
- font-size: 1.3125rem;
+ font-size: 1.5rem;
}
}
h5, .h5 {
- font-size: 1.09375rem;
+ font-size: 1.25rem;
}
h6, .h6 {
- font-size: 0.875rem;
+ font-size: 1rem;
}
p {
}
.lead {
- font-size: 1.09375rem;
+ font-size: 1.25rem;
font-weight: 300;
}
.blockquote {
margin-bottom: 1rem;
- font-size: 1.09375rem;
+ font-size: 1.25rem;
}
.blockquote > :last-child {
margin-bottom: 0;
.col-form-label-lg {
padding-top: calc(0.5rem + var(--bs-border-width));
padding-bottom: calc(0.5rem + var(--bs-border-width));
- font-size: 1.09375rem;
+ font-size: 1.25rem;
}
.col-form-label-sm {
padding-top: calc(0.25rem + var(--bs-border-width));
padding-bottom: calc(0.25rem + var(--bs-border-width));
- font-size: 0.765625rem;
+ font-size: 0.875rem;
}
.form-text {
display: block;
width: 100%;
padding: 0.375rem 0.75rem;
- font-size: 0.875rem;
+ font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: var(--bs-body-color);
.form-control-sm {
min-height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
padding: 0.25rem 0.5rem;
- font-size: 0.765625rem;
+ font-size: 0.875rem;
border-radius: var(--bs-border-radius-sm);
}
.form-control-sm::file-selector-button {
.form-control-lg {
min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
padding: 0.5rem 1rem;
- font-size: 1.09375rem;
+ font-size: 1.25rem;
border-radius: var(--bs-border-radius-lg);
}
.form-control-lg::file-selector-button {
display: block;
width: 100%;
padding: 0.375rem 2.25rem 0.375rem 0.75rem;
- font-size: 0.875rem;
+ font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: var(--bs-body-color);
padding-top: 0.25rem;
padding-bottom: 0.25rem;
padding-left: 0.5rem;
- font-size: 0.765625rem;
+ font-size: 0.875rem;
border-radius: var(--bs-border-radius-sm);
}
padding-top: 0.5rem;
padding-bottom: 0.5rem;
padding-left: 1rem;
- font-size: 1.09375rem;
+ font-size: 1.25rem;
border-radius: var(--bs-border-radius-lg);
}
.form-check {
display: block;
- min-height: 1.3125rem;
+ min-height: 1.5rem;
padding-left: 1.5em;
margin-bottom: 0.125rem;
}
display: flex;
align-items: center;
padding: 0.375rem 0.75rem;
- font-size: 0.875rem;
+ font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: var(--bs-body-color);
.input-group-lg > .input-group-text,
.input-group-lg > .btn {
padding: 0.5rem 1rem;
- font-size: 1.09375rem;
+ font-size: 1.25rem;
border-radius: var(--bs-border-radius-lg);
}
.input-group-sm > .input-group-text,
.input-group-sm > .btn {
padding: 0.25rem 0.5rem;
- font-size: 0.765625rem;
+ font-size: 0.875rem;
border-radius: var(--bs-border-radius-sm);
}
max-width: 100%;
padding: 0.25rem 0.5rem;
margin-top: 0.1rem;
- font-size: 0.765625rem;
+ font-size: 0.875rem;
color: #fff;
background-color: var(--bs-success);
border-radius: var(--bs-border-radius);
max-width: 100%;
padding: 0.25rem 0.5rem;
margin-top: 0.1rem;
- font-size: 0.765625rem;
+ font-size: 0.875rem;
color: #fff;
background-color: var(--bs-danger);
border-radius: var(--bs-border-radius);
--bs-btn-padding-x: 0.75rem;
--bs-btn-padding-y: 0.375rem;
--bs-btn-font-family: ;
- --bs-btn-font-size: 0.875rem;
+ --bs-btn-font-size: 1rem;
--bs-btn-font-weight: 400;
--bs-btn-line-height: 1.5;
--bs-btn-color: var(--bs-body-color);
.btn-lg, .btn-group-lg > .btn {
--bs-btn-padding-y: 0.5rem;
--bs-btn-padding-x: 1rem;
- --bs-btn-font-size: 1.09375rem;
+ --bs-btn-font-size: 1.25rem;
--bs-btn-border-radius: var(--bs-border-radius-lg);
}
.btn-sm, .btn-group-sm > .btn {
--bs-btn-padding-y: 0.25rem;
--bs-btn-padding-x: 0.5rem;
- --bs-btn-font-size: 0.765625rem;
+ --bs-btn-font-size: 0.875rem;
--bs-btn-border-radius: var(--bs-border-radius-sm);
}
--bs-dropdown-padding-x: 0;
--bs-dropdown-padding-y: 0.5rem;
--bs-dropdown-spacer: 0.125rem;
- --bs-dropdown-font-size: 0.875rem;
+ --bs-dropdown-font-size: 1rem;
--bs-dropdown-color: var(--bs-body-color);
--bs-dropdown-bg: var(--bs-body-bg);
--bs-dropdown-border-color: var(--bs-border-color-translucent);
display: block;
padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
margin-bottom: 0;
- font-size: 0.765625rem;
+ font-size: 0.875rem;
color: var(--bs-dropdown-header-color);
white-space: nowrap;
}
--bs-navbar-hover-color: #212529;
--bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), 0.3);
--bs-navbar-active-color: #212529;
- --bs-navbar-brand-padding-y: 0.3359375rem;
+ --bs-navbar-brand-padding-y: 0.3125rem;
--bs-navbar-brand-margin-end: 1rem;
- --bs-navbar-brand-font-size: 1.09375rem;
+ --bs-navbar-brand-font-size: 1.25rem;
--bs-navbar-brand-color: #212529;
--bs-navbar-brand-hover-color: #212529;
--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.09375rem;
+ --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%2873, 80, 87, 0.75%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(var(--bs-emphasis-color-rgb), 0.15);
--bs-navbar-toggler-border-radius: var(--bs-border-radius);
align-items: center;
width: 100%;
padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
- font-size: 0.875rem;
+ font-size: 1rem;
color: var(--bs-accordion-btn-color);
text-align: left;
background-color: var(--bs-accordion-btn-bg);
.pagination {
--bs-pagination-padding-x: 0.75rem;
--bs-pagination-padding-y: 0.375rem;
- --bs-pagination-font-size: 0.875rem;
+ --bs-pagination-font-size: 1rem;
--bs-pagination-color: var(--bs-link-color);
--bs-pagination-bg: var(--bs-body-bg);
--bs-pagination-border-width: var(--bs-border-width);
.pagination-lg {
--bs-pagination-padding-x: 1.5rem;
--bs-pagination-padding-y: 0.75rem;
- --bs-pagination-font-size: 1.09375rem;
+ --bs-pagination-font-size: 1.25rem;
--bs-pagination-border-radius: var(--bs-border-radius-lg);
}
.pagination-sm {
--bs-pagination-padding-x: 0.5rem;
--bs-pagination-padding-y: 0.25rem;
- --bs-pagination-font-size: 0.765625rem;
+ --bs-pagination-font-size: 0.875rem;
--bs-pagination-border-radius: var(--bs-border-radius-sm);
}
.progress,
.progress-stacked {
--bs-progress-height: 1rem;
- --bs-progress-font-size: 0.65625rem;
+ --bs-progress-font-size: 0.75rem;
--bs-progress-bg: var(--bs-secondary-bg);
--bs-progress-border-radius: var(--bs-border-radius);
--bs-progress-box-shadow: var(--bs-box-shadow-inset);
--bs-tooltip-padding-x: 0.5rem;
--bs-tooltip-padding-y: 0.25rem;
--bs-tooltip-margin: ;
- --bs-tooltip-font-size: 0.765625rem;
+ --bs-tooltip-font-size: 0.875rem;
--bs-tooltip-color: var(--bs-body-bg);
--bs-tooltip-bg: var(--bs-emphasis-color);
--bs-tooltip-border-radius: var(--bs-border-radius);
.popover {
--bs-popover-zindex: 1070;
--bs-popover-max-width: 276px;
- --bs-popover-font-size: 0.765625rem;
+ --bs-popover-font-size: 0.875rem;
--bs-popover-bg: var(--bs-body-bg);
--bs-popover-border-width: var(--bs-border-width);
--bs-popover-border-color: var(--bs-border-color-translucent);
--bs-popover-box-shadow: 0 0.5rem 1rem rgba(34, 34, 34, 0.15);
--bs-popover-header-padding-x: 1rem;
--bs-popover-header-padding-y: 0.5rem;
- --bs-popover-header-font-size: 0.875rem;
+ --bs-popover-header-font-size: 1rem;
--bs-popover-header-color: #495057;
--bs-popover-header-bg: var(--bs-secondary-bg);
--bs-popover-body-padding-x: 1rem;
}
.fs-1 {
- font-size: calc(1.34375rem + 1.125vw) !important;
+ font-size: calc(1.375rem + 1.5vw) !important;
}
.fs-2 {
- font-size: calc(1.3rem + 0.6vw) !important;
+ font-size: calc(1.325rem + 0.9vw) !important;
}
.fs-3 {
- font-size: calc(1.278125rem + 0.3375vw) !important;
+ font-size: calc(1.3rem + 0.6vw) !important;
}
.fs-4 {
- font-size: calc(1.25625rem + 0.075vw) !important;
+ font-size: calc(1.275rem + 0.3vw) !important;
}
.fs-5 {
- font-size: 1.09375rem !important;
+ font-size: 1.25rem !important;
}
.fs-6 {
- font-size: 0.875rem !important;
+ font-size: 1rem !important;
}
.fst-italic {
}
@media (min-width: 1200px) {
.fs-1 {
- font-size: 2.1875rem !important;
+ font-size: 2.5rem !important;
}
.fs-2 {
- font-size: 1.75rem !important;
+ font-size: 2rem !important;
}
.fs-3 {
- font-size: 1.53125rem !important;
+ font-size: 1.75rem !important;
}
.fs-4 {
- font-size: 1.3125rem !important;
+ font-size: 1.5rem !important;
}
}
@media print {
--bs-font-sans-serif: -apple-system, BlinkMacSystemFont, "Droid Sans", "Segoe UI", "Helvetica", Arial, sans-serif;
--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-root-font-size: 93.75%;
--bs-body-font-family: var(--bs-font-sans-serif);
- --bs-body-font-size: 0.875rem;
+ --bs-body-font-size: 1rem;
--bs-body-font-weight: 400;
--bs-body-line-height: 1.5;
--bs-body-color: #495057;
box-sizing: border-box;
}
+:root {
+ font-size: var(--bs-root-font-size);
+}
@media (prefers-reduced-motion: no-preference) {
:root {
scroll-behavior: smooth;
}
h1, .h1 {
- font-size: calc(1.34375rem + 1.125vw);
+ font-size: calc(1.375rem + 1.5vw);
}
@media (min-width: 1200px) {
h1, .h1 {
- font-size: 2.1875rem;
+ font-size: 2.5rem;
}
}
h2, .h2 {
- font-size: calc(1.3rem + 0.6vw);
+ font-size: calc(1.325rem + 0.9vw);
}
@media (min-width: 1200px) {
h2, .h2 {
- font-size: 1.75rem;
+ font-size: 2rem;
}
}
h3, .h3 {
- font-size: calc(1.278125rem + 0.3375vw);
+ font-size: calc(1.3rem + 0.6vw);
}
@media (min-width: 1200px) {
h3, .h3 {
- font-size: 1.53125rem;
+ font-size: 1.75rem;
}
}
h4, .h4 {
- font-size: calc(1.25625rem + 0.075vw);
+ font-size: calc(1.275rem + 0.3vw);
}
@media (min-width: 1200px) {
h4, .h4 {
- font-size: 1.3125rem;
+ font-size: 1.5rem;
}
}
h5, .h5 {
- font-size: 1.09375rem;
+ font-size: 1.25rem;
}
h6, .h6 {
- font-size: 0.875rem;
+ font-size: 1rem;
}
p {
}
.lead {
- font-size: 1.09375rem;
+ font-size: 1.25rem;
font-weight: 300;
}
.blockquote {
margin-bottom: 1rem;
- font-size: 1.09375rem;
+ font-size: 1.25rem;
}
.blockquote > :last-child {
margin-bottom: 0;
.col-form-label-lg {
padding-top: calc(0.5rem + var(--bs-border-width));
padding-bottom: calc(0.5rem + var(--bs-border-width));
- font-size: 1.09375rem;
+ font-size: 1.25rem;
}
.col-form-label-sm {
padding-top: calc(0.25rem + var(--bs-border-width));
padding-bottom: calc(0.25rem + var(--bs-border-width));
- font-size: 0.765625rem;
+ font-size: 0.875rem;
}
.form-text {
display: block;
width: 100%;
padding: 0.375rem 0.75rem;
- font-size: 0.875rem;
+ font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: var(--bs-body-color);
.form-control-sm {
min-height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
padding: 0.25rem 0.5rem;
- font-size: 0.765625rem;
+ font-size: 0.875rem;
border-radius: var(--bs-border-radius-sm);
}
.form-control-sm::file-selector-button {
.form-control-lg {
min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
padding: 0.5rem 1rem;
- font-size: 1.09375rem;
+ font-size: 1.25rem;
border-radius: var(--bs-border-radius-lg);
}
.form-control-lg::file-selector-button {
display: block;
width: 100%;
padding: 0.375rem 2.25rem 0.375rem 0.75rem;
- font-size: 0.875rem;
+ font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: var(--bs-body-color);
padding-top: 0.25rem;
padding-bottom: 0.25rem;
padding-left: 0.5rem;
- font-size: 0.765625rem;
+ font-size: 0.875rem;
border-radius: var(--bs-border-radius-sm);
}
padding-top: 0.5rem;
padding-bottom: 0.5rem;
padding-left: 1rem;
- font-size: 1.09375rem;
+ font-size: 1.25rem;
border-radius: var(--bs-border-radius-lg);
}
.form-check {
display: block;
- min-height: 1.3125rem;
+ min-height: 1.5rem;
padding-left: 1.5em;
margin-bottom: 0.125rem;
}
display: flex;
align-items: center;
padding: 0.375rem 0.75rem;
- font-size: 0.875rem;
+ font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: var(--bs-body-color);
.input-group-lg > .input-group-text,
.input-group-lg > .btn {
padding: 0.5rem 1rem;
- font-size: 1.09375rem;
+ font-size: 1.25rem;
border-radius: var(--bs-border-radius-lg);
}
.input-group-sm > .input-group-text,
.input-group-sm > .btn {
padding: 0.25rem 0.5rem;
- font-size: 0.765625rem;
+ font-size: 0.875rem;
border-radius: var(--bs-border-radius-sm);
}
max-width: 100%;
padding: 0.25rem 0.5rem;
margin-top: 0.1rem;
- font-size: 0.765625rem;
+ font-size: 0.875rem;
color: #fff;
background-color: var(--bs-success);
border-radius: var(--bs-border-radius);
max-width: 100%;
padding: 0.25rem 0.5rem;
margin-top: 0.1rem;
- font-size: 0.765625rem;
+ font-size: 0.875rem;
color: #fff;
background-color: var(--bs-danger);
border-radius: var(--bs-border-radius);
--bs-btn-padding-x: 0.75rem;
--bs-btn-padding-y: 0.375rem;
--bs-btn-font-family: ;
- --bs-btn-font-size: 0.875rem;
+ --bs-btn-font-size: 1rem;
--bs-btn-font-weight: 400;
--bs-btn-line-height: 1.5;
--bs-btn-color: var(--bs-body-color);
.btn-lg, .btn-group-lg > .btn {
--bs-btn-padding-y: 0.5rem;
--bs-btn-padding-x: 1rem;
- --bs-btn-font-size: 1.09375rem;
+ --bs-btn-font-size: 1.25rem;
--bs-btn-border-radius: var(--bs-border-radius-lg);
}
.btn-sm, .btn-group-sm > .btn {
--bs-btn-padding-y: 0.25rem;
--bs-btn-padding-x: 0.5rem;
- --bs-btn-font-size: 0.765625rem;
+ --bs-btn-font-size: 0.875rem;
--bs-btn-border-radius: var(--bs-border-radius-sm);
}
--bs-dropdown-padding-x: 0;
--bs-dropdown-padding-y: 0.5rem;
--bs-dropdown-spacer: 0.125rem;
- --bs-dropdown-font-size: 0.875rem;
+ --bs-dropdown-font-size: 1rem;
--bs-dropdown-color: var(--bs-body-color);
--bs-dropdown-bg: var(--bs-body-bg);
--bs-dropdown-border-color: var(--bs-border-color-translucent);
display: block;
padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
margin-bottom: 0;
- font-size: 0.765625rem;
+ font-size: 0.875rem;
color: var(--bs-dropdown-header-color);
white-space: nowrap;
}
--bs-navbar-hover-color: #212529;
--bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), 0.3);
--bs-navbar-active-color: #212529;
- --bs-navbar-brand-padding-y: 0.3359375rem;
+ --bs-navbar-brand-padding-y: 0.3125rem;
--bs-navbar-brand-margin-end: 1rem;
- --bs-navbar-brand-font-size: 1.09375rem;
+ --bs-navbar-brand-font-size: 1.25rem;
--bs-navbar-brand-color: #212529;
--bs-navbar-brand-hover-color: #212529;
--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.09375rem;
+ --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%2873, 80, 87, 0.75%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(var(--bs-emphasis-color-rgb), 0.15);
--bs-navbar-toggler-border-radius: var(--bs-border-radius);
align-items: center;
width: 100%;
padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
- font-size: 0.875rem;
+ font-size: 1rem;
color: var(--bs-accordion-btn-color);
text-align: left;
background-color: var(--bs-accordion-btn-bg);
.pagination {
--bs-pagination-padding-x: 0.75rem;
--bs-pagination-padding-y: 0.375rem;
- --bs-pagination-font-size: 0.875rem;
+ --bs-pagination-font-size: 1rem;
--bs-pagination-color: var(--bs-link-color);
--bs-pagination-bg: var(--bs-body-bg);
--bs-pagination-border-width: var(--bs-border-width);
.pagination-lg {
--bs-pagination-padding-x: 1.5rem;
--bs-pagination-padding-y: 0.75rem;
- --bs-pagination-font-size: 1.09375rem;
+ --bs-pagination-font-size: 1.25rem;
--bs-pagination-border-radius: var(--bs-border-radius-lg);
}
.pagination-sm {
--bs-pagination-padding-x: 0.5rem;
--bs-pagination-padding-y: 0.25rem;
- --bs-pagination-font-size: 0.765625rem;
+ --bs-pagination-font-size: 0.875rem;
--bs-pagination-border-radius: var(--bs-border-radius-sm);
}
.progress,
.progress-stacked {
--bs-progress-height: 1rem;
- --bs-progress-font-size: 0.65625rem;
+ --bs-progress-font-size: 0.75rem;
--bs-progress-bg: var(--bs-secondary-bg);
--bs-progress-border-radius: var(--bs-border-radius);
--bs-progress-box-shadow: var(--bs-box-shadow-inset);
--bs-tooltip-padding-x: 0.5rem;
--bs-tooltip-padding-y: 0.25rem;
--bs-tooltip-margin: ;
- --bs-tooltip-font-size: 0.765625rem;
+ --bs-tooltip-font-size: 0.875rem;
--bs-tooltip-color: var(--bs-body-bg);
--bs-tooltip-bg: var(--bs-emphasis-color);
--bs-tooltip-border-radius: var(--bs-border-radius);
.popover {
--bs-popover-zindex: 1070;
--bs-popover-max-width: 276px;
- --bs-popover-font-size: 0.765625rem;
+ --bs-popover-font-size: 0.875rem;
--bs-popover-bg: var(--bs-body-bg);
--bs-popover-border-width: var(--bs-border-width);
--bs-popover-border-color: var(--bs-border-color-translucent);
--bs-popover-box-shadow: 0 0.5rem 1rem rgba(34, 34, 34, 0.15);
--bs-popover-header-padding-x: 1rem;
--bs-popover-header-padding-y: 0.5rem;
- --bs-popover-header-font-size: 0.875rem;
+ --bs-popover-header-font-size: 1rem;
--bs-popover-header-color: #495057;
--bs-popover-header-bg: var(--bs-secondary-bg);
--bs-popover-body-padding-x: 1rem;
}
.fs-1 {
- font-size: calc(1.34375rem + 1.125vw) !important;
+ font-size: calc(1.375rem + 1.5vw) !important;
}
.fs-2 {
- font-size: calc(1.3rem + 0.6vw) !important;
+ font-size: calc(1.325rem + 0.9vw) !important;
}
.fs-3 {
- font-size: calc(1.278125rem + 0.3375vw) !important;
+ font-size: calc(1.3rem + 0.6vw) !important;
}
.fs-4 {
- font-size: calc(1.25625rem + 0.075vw) !important;
+ font-size: calc(1.275rem + 0.3vw) !important;
}
.fs-5 {
- font-size: 1.09375rem !important;
+ font-size: 1.25rem !important;
}
.fs-6 {
- font-size: 0.875rem !important;
+ font-size: 1rem !important;
}
.fst-italic {
}
@media (min-width: 1200px) {
.fs-1 {
- font-size: 2.1875rem !important;
+ font-size: 2.5rem !important;
}
.fs-2 {
- font-size: 1.75rem !important;
+ font-size: 2rem !important;
}
.fs-3 {
- font-size: 1.53125rem !important;
+ font-size: 1.75rem !important;
}
.fs-4 {
- font-size: 1.3125rem !important;
+ font-size: 1.5rem !important;
}
}
@media print {
--bs-font-sans-serif: -apple-system, BlinkMacSystemFont, "Droid Sans", "Segoe UI", "Helvetica", Arial, sans-serif;
--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-root-font-size: 93.75%;
--bs-body-font-family: var(--bs-font-sans-serif);
- --bs-body-font-size: 0.875rem;
+ --bs-body-font-size: 1rem;
--bs-body-font-weight: 400;
--bs-body-line-height: 1.5;
--bs-body-color: #495057;
box-sizing: border-box;
}
+:root {
+ font-size: var(--bs-root-font-size);
+}
@media (prefers-reduced-motion: no-preference) {
:root {
scroll-behavior: smooth;
}
h1, .h1 {
- font-size: calc(1.34375rem + 1.125vw);
+ font-size: calc(1.375rem + 1.5vw);
}
@media (min-width: 1200px) {
h1, .h1 {
- font-size: 2.1875rem;
+ font-size: 2.5rem;
}
}
h2, .h2 {
- font-size: calc(1.3rem + 0.6vw);
+ font-size: calc(1.325rem + 0.9vw);
}
@media (min-width: 1200px) {
h2, .h2 {
- font-size: 1.75rem;
+ font-size: 2rem;
}
}
h3, .h3 {
- font-size: calc(1.278125rem + 0.3375vw);
+ font-size: calc(1.3rem + 0.6vw);
}
@media (min-width: 1200px) {
h3, .h3 {
- font-size: 1.53125rem;
+ font-size: 1.75rem;
}
}
h4, .h4 {
- font-size: calc(1.25625rem + 0.075vw);
+ font-size: calc(1.275rem + 0.3vw);
}
@media (min-width: 1200px) {
h4, .h4 {
- font-size: 1.3125rem;
+ font-size: 1.5rem;
}
}
h5, .h5 {
- font-size: 1.09375rem;
+ font-size: 1.25rem;
}
h6, .h6 {
- font-size: 0.875rem;
+ font-size: 1rem;
}
p {
}
.lead {
- font-size: 1.09375rem;
+ font-size: 1.25rem;
font-weight: 300;
}
.blockquote {
margin-bottom: 1rem;
- font-size: 1.09375rem;
+ font-size: 1.25rem;
}
.blockquote > :last-child {
margin-bottom: 0;
.col-form-label-lg {
padding-top: calc(0.5rem + var(--bs-border-width));
padding-bottom: calc(0.5rem + var(--bs-border-width));
- font-size: 1.09375rem;
+ font-size: 1.25rem;
}
.col-form-label-sm {
padding-top: calc(0.25rem + var(--bs-border-width));
padding-bottom: calc(0.25rem + var(--bs-border-width));
- font-size: 0.765625rem;
+ font-size: 0.875rem;
}
.form-text {
display: block;
width: 100%;
padding: 0.375rem 0.75rem;
- font-size: 0.875rem;
+ font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: var(--bs-body-color);
.form-control-sm {
min-height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
padding: 0.25rem 0.5rem;
- font-size: 0.765625rem;
+ font-size: 0.875rem;
border-radius: var(--bs-border-radius-sm);
}
.form-control-sm::file-selector-button {
.form-control-lg {
min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
padding: 0.5rem 1rem;
- font-size: 1.09375rem;
+ font-size: 1.25rem;
border-radius: var(--bs-border-radius-lg);
}
.form-control-lg::file-selector-button {
display: block;
width: 100%;
padding: 0.375rem 2.25rem 0.375rem 0.75rem;
- font-size: 0.875rem;
+ font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: var(--bs-body-color);
padding-top: 0.25rem;
padding-bottom: 0.25rem;
padding-left: 0.5rem;
- font-size: 0.765625rem;
+ font-size: 0.875rem;
border-radius: var(--bs-border-radius-sm);
}
padding-top: 0.5rem;
padding-bottom: 0.5rem;
padding-left: 1rem;
- font-size: 1.09375rem;
+ font-size: 1.25rem;
border-radius: var(--bs-border-radius-lg);
}
.form-check {
display: block;
- min-height: 1.3125rem;
+ min-height: 1.5rem;
padding-left: 1.5em;
margin-bottom: 0.125rem;
}
display: flex;
align-items: center;
padding: 0.375rem 0.75rem;
- font-size: 0.875rem;
+ font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: var(--bs-body-color);
.input-group-lg > .input-group-text,
.input-group-lg > .btn {
padding: 0.5rem 1rem;
- font-size: 1.09375rem;
+ font-size: 1.25rem;
border-radius: var(--bs-border-radius-lg);
}
.input-group-sm > .input-group-text,
.input-group-sm > .btn {
padding: 0.25rem 0.5rem;
- font-size: 0.765625rem;
+ font-size: 0.875rem;
border-radius: var(--bs-border-radius-sm);
}
max-width: 100%;
padding: 0.25rem 0.5rem;
margin-top: 0.1rem;
- font-size: 0.765625rem;
+ font-size: 0.875rem;
color: #fff;
background-color: var(--bs-success);
border-radius: var(--bs-border-radius);
max-width: 100%;
padding: 0.25rem 0.5rem;
margin-top: 0.1rem;
- font-size: 0.765625rem;
+ font-size: 0.875rem;
color: #fff;
background-color: var(--bs-danger);
border-radius: var(--bs-border-radius);
--bs-btn-padding-x: 0.75rem;
--bs-btn-padding-y: 0.375rem;
--bs-btn-font-family: ;
- --bs-btn-font-size: 0.875rem;
+ --bs-btn-font-size: 1rem;
--bs-btn-font-weight: 400;
--bs-btn-line-height: 1.5;
--bs-btn-color: var(--bs-body-color);
.btn-lg, .btn-group-lg > .btn {
--bs-btn-padding-y: 0.5rem;
--bs-btn-padding-x: 1rem;
- --bs-btn-font-size: 1.09375rem;
+ --bs-btn-font-size: 1.25rem;
--bs-btn-border-radius: var(--bs-border-radius-lg);
}
.btn-sm, .btn-group-sm > .btn {
--bs-btn-padding-y: 0.25rem;
--bs-btn-padding-x: 0.5rem;
- --bs-btn-font-size: 0.765625rem;
+ --bs-btn-font-size: 0.875rem;
--bs-btn-border-radius: var(--bs-border-radius-sm);
}
--bs-dropdown-padding-x: 0;
--bs-dropdown-padding-y: 0.5rem;
--bs-dropdown-spacer: 0.125rem;
- --bs-dropdown-font-size: 0.875rem;
+ --bs-dropdown-font-size: 1rem;
--bs-dropdown-color: var(--bs-body-color);
--bs-dropdown-bg: var(--bs-body-bg);
--bs-dropdown-border-color: var(--bs-border-color-translucent);
display: block;
padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
margin-bottom: 0;
- font-size: 0.765625rem;
+ font-size: 0.875rem;
color: var(--bs-dropdown-header-color);
white-space: nowrap;
}
--bs-navbar-hover-color: #212529;
--bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), 0.3);
--bs-navbar-active-color: #212529;
- --bs-navbar-brand-padding-y: 0.3359375rem;
+ --bs-navbar-brand-padding-y: 0.3125rem;
--bs-navbar-brand-margin-end: 1rem;
- --bs-navbar-brand-font-size: 1.09375rem;
+ --bs-navbar-brand-font-size: 1.25rem;
--bs-navbar-brand-color: #212529;
--bs-navbar-brand-hover-color: #212529;
--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.09375rem;
+ --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%2873, 80, 87, 0.75%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(var(--bs-emphasis-color-rgb), 0.15);
--bs-navbar-toggler-border-radius: var(--bs-border-radius);
align-items: center;
width: 100%;
padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
- font-size: 0.875rem;
+ font-size: 1rem;
color: var(--bs-accordion-btn-color);
text-align: left;
background-color: var(--bs-accordion-btn-bg);
.pagination {
--bs-pagination-padding-x: 0.75rem;
--bs-pagination-padding-y: 0.375rem;
- --bs-pagination-font-size: 0.875rem;
+ --bs-pagination-font-size: 1rem;
--bs-pagination-color: var(--bs-link-color);
--bs-pagination-bg: var(--bs-body-bg);
--bs-pagination-border-width: var(--bs-border-width);
.pagination-lg {
--bs-pagination-padding-x: 1.5rem;
--bs-pagination-padding-y: 0.75rem;
- --bs-pagination-font-size: 1.09375rem;
+ --bs-pagination-font-size: 1.25rem;
--bs-pagination-border-radius: var(--bs-border-radius-lg);
}
.pagination-sm {
--bs-pagination-padding-x: 0.5rem;
--bs-pagination-padding-y: 0.25rem;
- --bs-pagination-font-size: 0.765625rem;
+ --bs-pagination-font-size: 0.875rem;
--bs-pagination-border-radius: var(--bs-border-radius-sm);
}
.progress,
.progress-stacked {
--bs-progress-height: 1rem;
- --bs-progress-font-size: 0.65625rem;
+ --bs-progress-font-size: 0.75rem;
--bs-progress-bg: var(--bs-secondary-bg);
--bs-progress-border-radius: var(--bs-border-radius);
--bs-progress-box-shadow: var(--bs-box-shadow-inset);
--bs-tooltip-padding-x: 0.5rem;
--bs-tooltip-padding-y: 0.25rem;
--bs-tooltip-margin: ;
- --bs-tooltip-font-size: 0.765625rem;
+ --bs-tooltip-font-size: 0.875rem;
--bs-tooltip-color: var(--bs-body-bg);
--bs-tooltip-bg: var(--bs-emphasis-color);
--bs-tooltip-border-radius: var(--bs-border-radius);
.popover {
--bs-popover-zindex: 1070;
--bs-popover-max-width: 276px;
- --bs-popover-font-size: 0.765625rem;
+ --bs-popover-font-size: 0.875rem;
--bs-popover-bg: var(--bs-body-bg);
--bs-popover-border-width: var(--bs-border-width);
--bs-popover-border-color: var(--bs-border-color-translucent);
--bs-popover-box-shadow: 0 0.5rem 1rem rgba(34, 34, 34, 0.15);
--bs-popover-header-padding-x: 1rem;
--bs-popover-header-padding-y: 0.5rem;
- --bs-popover-header-font-size: 0.875rem;
+ --bs-popover-header-font-size: 1rem;
--bs-popover-header-color: #495057;
--bs-popover-header-bg: var(--bs-secondary-bg);
--bs-popover-body-padding-x: 1rem;
}
.fs-1 {
- font-size: calc(1.34375rem + 1.125vw) !important;
+ font-size: calc(1.375rem + 1.5vw) !important;
}
.fs-2 {
- font-size: calc(1.3rem + 0.6vw) !important;
+ font-size: calc(1.325rem + 0.9vw) !important;
}
.fs-3 {
- font-size: calc(1.278125rem + 0.3375vw) !important;
+ font-size: calc(1.3rem + 0.6vw) !important;
}
.fs-4 {
- font-size: calc(1.25625rem + 0.075vw) !important;
+ font-size: calc(1.275rem + 0.3vw) !important;
}
.fs-5 {
- font-size: 1.09375rem !important;
+ font-size: 1.25rem !important;
}
.fs-6 {
- font-size: 0.875rem !important;
+ font-size: 1rem !important;
}
.fst-italic {
}
@media (min-width: 1200px) {
.fs-1 {
- font-size: 2.1875rem !important;
+ font-size: 2.5rem !important;
}
.fs-2 {
- font-size: 1.75rem !important;
+ font-size: 2rem !important;
}
.fs-3 {
- font-size: 1.53125rem !important;
+ font-size: 1.75rem !important;
}
.fs-4 {
- font-size: 1.3125rem !important;
+ font-size: 1.5rem !important;
}
}
@media print {