@charset "utf-8";
/* OVERRIDES */
:root {
	--font-sans: "Source Sans 3", sans-serif;
	--font-serif: "Source Serfi 4", serif;
	--font-display: "Dancing Script", cursive;

	--fw-normal: 400;
	--fw-medium: 500;
	--fw-semibold: 600;
	--fw-bold: 700;
	--fw-heavy: 800;
	--fw-black: 900;

	--color-primary-50: #eaf7ff;
	--color-primary-100: #d5ecfc;
	--color-primary-200: #b6daf4;
	--color-primary-300: #8ec2e6;
	--color-primary-400: #64a6d3;
	--color-primary-500: #3a8bbe;
	--color-primary-600: #2373a2;
	--color-primary-700: #0e5b85;
	--color-primary-800: #014467;
	--color-primary-900: #002f49;
	--color-primary-950: #001d30;
	--color-secondary-50: #fff2e6;
	--color-secondary-100: #fbe3d0;
	--color-secondary-200: #f2ccad;
	--color-secondary-300: #e3ae83;
	--color-secondary-400: #cf8e56;
	--color-secondary-500: #b86f28;
	--color-secondary-600: #9c580c;
	--color-secondary-700: #804400;
	--color-secondary-800: #623100;
	--color-secondary-900: #462000;
	--color-secondary-950: #2e1200;
	--color-accent-50: #fff2e8;
	--color-accent-100: #f9e3d3;
	--color-accent-200: #efcdb3;
	--color-accent-300: #dfb08b;
	--color-accent-400: #ca9061;
	--color-accent-500: #b37239;
	--color-accent-600: #985b24;
	--color-accent-700: #7c4612;
	--color-accent-800: #5f3306;
	--color-accent-900: #432101;
	--color-accent-950: #2c1300;
	--color-complementary-50: #fff2e8;
	--color-complementary-100: #f9e3d3;
	--color-complementary-200: #efcdb3;
	--color-complementary-300: #dfb08b;
	--color-complementary-400: #ca9061;
	--color-complementary-500: #b37239;
	--color-complementary-600: #985b24;
	--color-complementary-700: #7c4612;
	--color-complementary-800: #5f3306;
	--color-complementary-900: #432101;
	--color-complementary-950: #2c1300;
	--color-neutral-50: #f2f6f9;
	--color-neutral-100: #e3e9ed;
	--color-neutral-200: #cfd5da;
	--color-neutral-300: #b4bcc2;
	--color-neutral-400: #97a0a6;
	--color-neutral-500: #7b858c;
	--color-neutral-600: #646d74;
	--color-neutral-700: #4e575c;
	--color-neutral-800: #3a4146;
	--color-neutral-900: #272c30;
	--color-neutral-950: #171b1e;
	--color-semantic-success-50: #e8fbea;
	--color-semantic-success-100: #d1f2d6;
	--color-semantic-success-200: #afe4b7;
	--color-semantic-success-300: #83cf92;
	--color-semantic-success-400: #52b76a;
	--color-semantic-success-500: #059e45;
	--color-semantic-success-600: #008430;
	--color-semantic-success-700: #006a21;
	--color-semantic-success-800: #005014;
	--color-semantic-success-900: #00370c;
	--color-semantic-success-950: #002403;
	--color-semantic-warning-50: #fff2e0;
	--color-semantic-warning-100: #fee3c5;
	--color-semantic-warning-200: #f6cc9c;
	--color-semantic-warning-300: #e9ae67;
	--color-semantic-warning-400: #d58d22;
	--color-semantic-warning-500: #b87100;
	--color-semantic-warning-600: #985c00;
	--color-semantic-warning-700: #794900;
	--color-semantic-warning-800: #5d3500;
	--color-semantic-warning-900: #422300;
	--color-semantic-warning-950: #2d1300;
	--color-semantic-danger-50: #ffefec;
	--color-semantic-danger-100: #ffddd8;
	--color-semantic-danger-200: #ffbfb5;
	--color-semantic-danger-300: #ff9386;
	--color-semantic-danger-400: #fc675b;
	--color-semantic-danger-500: #e83531;
	--color-semantic-danger-600: #c8161b;
	--color-semantic-danger-700: #a50007;
	--color-semantic-danger-800: #810000;
	--color-semantic-danger-900: #5d0000;
	--color-semantic-danger-950: #3d0000;
	--color-semantic-info-50: #e9f7ff;
	--color-semantic-info-100: #d0ecff;
	--color-semantic-info-200: #aedafd;
	--color-semantic-info-300: #83c2f2;
	--color-semantic-info-400: #53a7e2;
	--color-semantic-info-500: #168bce;
	--color-semantic-info-600: #0072b1;
	--color-semantic-info-700: #005b92;
	--color-semantic-info-800: #004470;
	--color-semantic-info-900: #002e51;
	--color-semantic-info-950: #001d35;
	--color-light-background: #f2f6f9;
	--color-light-foreground: #171b1e;
	--color-light-surface: #ffffff;
	--color-light-surfaceForeground: #171b1e;
	--color-light-muted: #e3e9ed;
	--color-light-mutedForeground: #646d74;
	--color-light-border: #cfd5da;
	--color-light-primary: #2373a2;
	--color-light-primaryForeground: #ffffff;
	--color-light-secondary: #9c580c;
	--color-light-secondaryForeground: #ffffff;
	--color-light-accent: #985b24;
	--color-light-accentForeground: #ffffff;
	--color-dark-background: #171b1e;
	--color-dark-foreground: #f2f6f9;
	--color-dark-surface: #272c30;
	--color-dark-surfaceForeground: #f2f6f9;
	--color-dark-muted: #3a4146;
	--color-dark-mutedForeground: #b4bcc2;
	--color-dark-border: #4e575c;
	--color-dark-primary: #64a6d3;
	--color-dark-primaryForeground: #111111;
	--color-dark-secondary: #cf8e56;
	--color-dark-secondaryForeground: #111111;
	--color-dark-accent: #ca9061;
	--color-dark-accentForeground: #111111;
}
:root {
  --bs-body-bg: #f2f6f9;
  --bs-body-color: #171b1e;
  --bs-border-color: #cfd5da;
  --bs-primary: #2373a2;
  --bs-primary-rgb: 35, 115, 162;
  --bs-secondary: #9c580c;
  --bs-secondary-rgb: 156, 88, 12;
  --bs-success: #008430;
  --bs-info: #0072b1;
  --bs-warning: #985c00;
  --bs-danger: #c8161b;
  --bs-light: #e3e9ed;
  --bs-dark: #272c30;
  --bs-link-color: #2373a2;
  --bs-link-hover-color: #0e5b85;
}

.btn-primary {
  --bs-btn-color: #ffffff;
  --bs-btn-bg: #2373a2;
  --bs-btn-border-color: #2373a2;
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: #0e5b85;
  --bs-btn-hover-border-color: #0e5b85;
  --bs-btn-focus-shadow-rgb: 0, 0, 0;
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: #014467;
  --bs-btn-active-border-color: #014467;
  --bs-btn-disabled-color: #ffffff;
  --bs-btn-disabled-bg: #2373a2;
  --bs-btn-disabled-border-color: #2373a2;
}

.btn-outline-primary,
.btn-primary-outline {
  --bs-btn-color: #2373a2;
  --bs-btn-border-color: #2373a2;
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: #2373a2;
  --bs-btn-hover-border-color: #2373a2;
  --bs-btn-focus-shadow-rgb: 0, 0, 0;
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: #2373a2;
  --bs-btn-active-border-color: #2373a2;
  --bs-btn-disabled-color: #2373a2;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #2373a2;
}

.btn-secondary {
  --bs-btn-color: #ffffff;
  --bs-btn-bg: #9c580c;
  --bs-btn-border-color: #9c580c;
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: #804400;
  --bs-btn-hover-border-color: #804400;
  --bs-btn-focus-shadow-rgb: 0, 0, 0;
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: #623100;
  --bs-btn-active-border-color: #623100;
  --bs-btn-disabled-color: #ffffff;
  --bs-btn-disabled-bg: #9c580c;
  --bs-btn-disabled-border-color: #9c580c;
}

.btn-outline-secondary,
.btn-secondary-outline {
  --bs-btn-color: #9c580c;
  --bs-btn-border-color: #9c580c;
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: #9c580c;
  --bs-btn-hover-border-color: #9c580c;
  --bs-btn-focus-shadow-rgb: 0, 0, 0;
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: #9c580c;
  --bs-btn-active-border-color: #9c580c;
  --bs-btn-disabled-color: #9c580c;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #9c580c;
}

.card,
.modal-content,
.dropdown-menu,
.list-group-item {
  --bs-card-bg: #ffffff;
  --bs-card-color: #171b1e;
  --bs-card-border-color: #cfd5da;
  --bs-modal-bg: #ffffff;
  --bs-modal-color: #171b1e;
  --bs-dropdown-bg: #ffffff;
  --bs-dropdown-color: #171b1e;
  --bs-dropdown-border-color: #cfd5da;
  --bs-list-group-bg: #ffffff;
  --bs-list-group-color: #171b1e;
  --bs-list-group-border-color: #cfd5da;
}

.form-control,
.form-select {
  color: #171b1e;
  background-color: #ffffff;
  border-color: #cfd5da;
}

.form-control:focus,
.form-select:focus {
  color: #171b1e;
  background-color: #ffffff;
  border-color: #64a6d3;
  box-shadow: 0 0 0 0.25rem color-mix(in srgb, #2373a2 25%, transparent);
}

.nav-pills {
  --bs-nav-pills-link-active-bg: #2373a2;
  --bs-nav-pills-link-active-color: #ffffff;
}

.pagination {
  --bs-pagination-color: #2373a2;
  --bs-pagination-bg: #ffffff;
  --bs-pagination-border-color: #cfd5da;
  --bs-pagination-hover-color: #111111;
  --bs-pagination-hover-bg: #d5ecfc;
  --bs-pagination-hover-border-color: #b6daf4;
  --bs-pagination-active-color: #ffffff;
  --bs-pagination-active-bg: #2373a2;
  --bs-pagination-active-border-color: #2373a2;
}

.progress {
  --bs-progress-bg: #e3e9ed;
  --bs-progress-bar-bg: #2373a2;
}

.accordion {
  --bs-accordion-bg: #ffffff;
  --bs-accordion-color: #171b1e;
  --bs-accordion-border-color: #cfd5da;
  --bs-accordion-active-bg: #e3e9ed;
  --bs-accordion-active-color: #171b1e;
  --bs-accordion-btn-focus-border-color: #64a6d3;
  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem color-mix(in srgb, #2373a2 25%, transparent);
}

body, html {
    font-family: var(--font-sans);
    font-weight: var(--fw-normal);
	background-color: #fcfdfe;
	color: #000;
}
a, button, .btn {
	-webkit-transition: .4s all;
	-o-transition: .4s all;
	transition: .4s all;
}
a:focus {
	outline: none;
}

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
	outline: none;
}
.has-feedback label~.form-control-feedback {
	top: 35px;
}
/* OVERRIDES */
span.required {
    color: #c62828;
}

#rev-header {
	padding: .5rem 0;
}
#rev-header .nav-link {
	color: #000;
	text-transform: uppercase;
	display: inline-block;
}
#rev-header .special .nav-link {
	background-color: var(--bs-secondary);
	color: #fff;
	border-radius: .5rem;
	padding-left: .5rem;
	padding-right: .5rem;
}

#rev-hero {
	background-image: url('../images/top-background.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	padding: 4rem 0;
}
#rev-hero h1 {
	font-family: var(--font-serif);
	font-size: 4rem;
	line-height: 1;
	margin: .75rem 0 0;
}
#rev-hero h2 {
	font-family: var(--font-sans);
	font-size: 2.125rem;
	margin: .75rem 0 0;
}
#rev-hero p {
	margin-top: 1rem;
}
#rev-hero a {
	text-transform: uppercase;
}

#rev-message h1 {
	font-family: var(--font-display);
}

#rev-main-content {
	padding: 3rem 0;
}
#rev-main-content p, #rev-main-content ul li, #rev-main-content ol li, #rev-main-content label, #rev-main-content .form-control, #rev-main-content .form-select {
	font-size: 1.25rem;
}
#rev-main-content a:not(.btn) {
	color: var(--color-primary-700);
}
#rev-main-content a:not(.btn):hover {
	color: var(--color-primary-900);
}
#rev-main-content h1 {
	color: var(--color-primary-700);
	font-size: 2.75rem;
}
#rev-main-content h2, #rev-main-content .accordion-button {
	color: var(--color-primary-700);
	font-size: 1.5rem;
}
#rev-main-content .middle {
	background: #F9FCFC;
	background: linear-gradient(180deg, rgba(249, 252, 252, 1) 0%, rgba(238, 245, 246, 1) 50%, rgba(249, 252, 252, 1) 100%);
	padding: 4rem 1rem;
}
#rev-main-content .middle h3 {
	color: var(--color-primary-700);
}
#rev-main-content .btn {
	text-transform: uppercase;
}
#rev-main-content .accordion-body p:last-child {
	margin-bottom: 0;
}
#rev-main-content .text-bg-primary p {
	color: #fff;
	text-align: center;
	margin-bottom: 0;
	font-size: 2rem;
}

#rev-main-bottom {
	background-color: #f1f1f2;
	padding: 3.25rem 0;
}
#rev-main-bottom h2 {
	font-family: var(--font-serif);
	font-size: 2.125rem;
	margin: 0;
	text-align: center;
}
#rev-main-bottom p {
	text-align: center;
	font-size: 1.25rem;
}
#rev-main-bottom .btn {
	margin: 1rem;
	text-transform: uppercase;
}

.donut-chart {
  --donut-size: 250px;
  --donut-width: 8px;
  --donut-color: #4d375c;
  --donut-track-color: rgb(255 255 255 / 20%);

  position: relative;
  width: min(100%, var(--donut-size));
  aspect-ratio: 1;
  margin: 1rem auto;
}

.donut-chart__svg {
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible;

  /* Start the animation at the top instead of the right */
  transform: rotate(-90deg);
}

.donut-chart__track,
.donut-chart__value {
  fill: none;
  stroke-width: var(--donut-width);
}

.donut-chart__track {
  stroke: var(--donut-track-color);
}

.donut-chart__value {
  stroke: var(--donut-color);
  stroke-linecap: round;

  /*
   * The JavaScript calculates these values so you can
   * change the radius without recalculating anything.
   */
  stroke-dasharray: var(--donut-circumference);
  stroke-dashoffset: var(--donut-circumference);
}

.donut-chart.is-animated .donut-chart__value {
  animation: donut-fill 1.8s cubic-bezier(0.65, 0, 0.35, 1) forwards;
}

.donut-chart__content {
  position: absolute;
  inset: 0;

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  text-align: center;
  color: var(--donut-color);
}

.donut-chart__number {
  display: block;
  font-size: clamp(2rem, 8vw, 3.5rem);
  font-weight: 700;
  line-height: 1;
}

.donut-chart__label {
  display: block;
  margin-top: 0.4rem;
  font-size: 0.875rem;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

@keyframes donut-fill {
  to {
    stroke-dashoffset: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .donut-chart__value {
    stroke-dashoffset: 0;
  }

  .donut-chart.is-animated .donut-chart__value {
    animation: none;
  }
}

#rev-bottom {
	background-image: url('../images/serve-background.jpg');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	padding: 4rem 0;
}
#rev-bottom h1 {
	text-align: center;
	color: #fff;
	margin-bottom: 4rem;
	font-size: 2.75rem;
}
#rev-bottom .col-lg-4 {
	text-align: center;
}
#rev-bottom img {
	margin: 1rem;
}
#rev-bottom h2, #rev-bottom p {
	text-align: center;
	color: #fff;
}
#rev-bottom h2 {
	font-family: var(--font-serif);
}
#rev-bottom p {
	font-size: 1.25rem;
}
#rev-bottom .btn {
	text-transform: uppercase;
	font-size: 1.25rem;
}

#rev-supplies {
	padding: 4rem 0;
}
#rev-supplies h2, #rev-supplies p {
	text-align: center;
}
#rev-supplies h2 {
	font-family: var(--font-serif);
}
#rev-supplies p {
	font-size: 1.25rem;
}
#rev-supplies .btn {
	text-transform: uppercase;
	font-size: 1.25rem;
}

#rev-footer-modules {
	padding: 4rem 0;
	background-color: #e0e0e0;
}
#rev-footer-modules p {
	text-align: center;
	font-size: 1.25rem;
}
#rev-footer-modules h1 {
	text-align: center;
	font-family: var(--font-serif);
	font-size: 1.75rem;
}
#rev-footer-modules a:not(.btn) {
	text-decoration: none;
	color: var(--color-primary-700);
}
#rev-footer-modules .btn {
	margin: .5rem 0;
	text-transform: uppercase;
}

#rev-copyright {
	background-color: #000;
	padding: 2rem 0;
}
#rev-copyright p, #rev-copyright a {
	text-decoration: none;
	font-size: .85rem;
	color: #fff;
	margin: 0;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
	
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
	
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
	#rev-header .navbar-nav {
		column-gap: .5rem;
	}
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	#rev-header .navbar-nav {
		column-gap: 1rem;
	}
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
	
}