:root {
  --pr-paper-rgb: 255 253 248;
  --pr-paper: rgb(var(--pr-paper-rgb));

  --pr-pumpkin-rgb: 224 96 16;
  --pr-pumpkin: rgb(var(--pr-pumpkin-rgb));

  --pr-apricot-rgb: 255 183 119;
  --pr-apricot: rgb(var(--pr-apricot-rgb));

  --pr-peach-rgb: 255 218 184;
  --pr-peach: rgb(var(--pr-peach-rgb));

  --pr-lemon-rgb: 245 231 181;
  --pr-lemon: rgb(var(--pr-lemon-rgb));

  --pr-olive-rgb: 48 76 46;
  --pr-olive: rgb(var(--pr-olive-rgb));
}

body.app-patchroster.public-page,
body.app-patchroster.public-page:not(.landing-page) {
  background-color: #fff;
  background: var(--pr-paper);
}

body.app-patchroster.public-page .navbar {
  background-color: rgba(255, 255, 255, 0.6) !important;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
}

@media (max-width: 991px) {
  body.app-patchroster.off-canvas-sidebar .navbar-collapse:after {
    background-color: var(--pr-paper);
  }

  body.app-patchroster.off-canvas-sidebar .navbar-toggler .navbar-toggler-icon {
    background-color: #555 !important;
  }
}

body.app-patchroster.public-page .navbar .navbar-nav .nav-item .nav-link {
  color: var(--pr-olive);
  text-shadow: 0 0 15px #fff;
}

body.app-patchroster.public-page .navbar .navbar-nav .nav-item .nav-link:hover {
  background: rgb(var(--pr-olive-rgb) / 0.1) !important;
}

body.app-patchroster.public-page .page-header.public-secondary-header {
  background: #fff;
  min-height: unset;
}

body.app-patchroster.public-page .page-header.public-secondary-header h4,
body.app-patchroster.public-page .page-header.public-secondary-header p {
  color: #383838 !important;
}

body.app-patchroster h4.hero-copy {
  color: #383838 !important;
}

body.app-patchroster.about-page .about-hero-intro {
  border: 1px solid rgba(255, 255, 255, 0.9);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.25) 100%);
}

body.app-patchroster.about-page .page-section.with-gradient-bg-secondary {
  background-color: rgba(30, 30, 30, 0.90);
}

@media (min-width: 992px) {
  body.app-patchroster.public-page .navbar .navbar-nav .nav-item .nav-link.active-outline {
    box-shadow: inset 0px 0px 0px 3px rgb(var(--pr-olive-rgb) / 0.2);
  }
}

body.app-patchroster .scroll-arrow .scroll-arrow-label,
body.app-patchroster .scroll-arrow i {
  color: #383838 !important;
  text-shadow: 0 1px 8px rgba(255, 255, 255, 0.25);
}

body.app-patchroster:not(.landing-layout-background-image) .page-header.header-filter::before {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.25) 100%);
}

body.app-patchroster .page-section.with-image {
  background: var(--pr-olive);
  background: linear-gradient(-25deg, var(--pr-olive) 25%, rgb(var(--pr-olive-rgb) / 0.75) 100%);
}

body.app-patchroster .page-section.with-image.has-background-image {
  background-color: var(--pr-olive);
  background-image:
    linear-gradient(-25deg, rgb(var(--pr-olive-rgb) / 0.6) 10%, rgb(var(--pr-olive-rgb) / 1) 100%),
    var(--landing-section-background-image);
  background-position: center center, center center;
  background-repeat: no-repeat, no-repeat;
  background-size: cover, cover;
}

body.app-patchroster .card-wizard .moving-tab {
  background-color: var(--pr-olive);
  box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgb(var(--pr-olive-rgb) / 0.4);
}

body.app-patchroster h1,
body.app-patchroster .h1 {
  text-shadow: none;
}

body.app-patchroster h2.landing-text {
  color: #383838;
  text-shadow: 0 0 15px #fff;
}

body.app-patchroster .landing-btn-group button.btn-outline-secondary {
  color: var(--pr-olive) !important;
  border-color: rgb(var(--pr-olive-rgb) / 0.4);
}

body.app-patchroster .landing-btn-group .btn.btn-outline-secondary:hover,
body.app-patchroster .landing-btn-group .btn.btn-outline-secondary:focus,
body.app-patchroster .landing-btn-group .btn.btn-outline-secondary:active {
  color: var(--pr-olive) !important;
  border-color: rgb(var(--pr-olive-rgb) / 1) !important;
}

@media (max-width: 991px) {
  body.app-patchroster .landing-btn-group button.btn-outline-secondary,
  body.app-patchroster .landing-btn-group .btn.btn-outline-secondary:hover,
  body.app-patchroster .landing-btn-group .btn.btn-outline-secondary:focus,
  body.app-patchroster .landing-btn-group .btn.btn-outline-secondary:active {
    color: #fff !important;
    border-color: rgba(255, 255, 255, 0.8);
    text-shadow: 0 1px 12px rgba(0, 0, 0, 1);
    background-color: rgba(0, 0, 0, 0.25);
  }
}

body.app-patchroster .sidebar {
  background: #f9f9f9;
  box-shadow: 0 2px 5px -12px rgba(0, 0, 0, 0.5), 0 2px 5px 0px rgba(0, 0, 0, 0.2), 0 8px 7px -5px rgba(0, 0, 0, 0.2);
}

body.app-patchroster .sidebar .nav .nav-item .nav-link,
body.app-patchroster .sidebar .nav .nav-item i {
  color: #383838;
}

body.app-patchroster .sidebar .nav li:hover>a,
body.app-patchroster .sidebar .nav li .dropdown-menu a:hover,
body.app-patchroster .sidebar .nav li .dropdown-menu a:focus,
body.app-patchroster .sidebar .nav li.active>[data-toggle="collapse"],
body.app-patchroster .sidebar .nav li.standout>a {
  background-color: rgba(70, 70, 70, 0.1);
}

body.app-patchroster .sidebar[data-color="theme"] li.active>a {
  background-color: rgba(226, 132, 63, 0.25);
}

@media (max-width: 991px) {
  body.app-patchroster .sidebar::before,
  body.app-patchroster .off-canvas-sidebar nav .navbar-collapse::before {
    background-color: inherit;
  }

  body.app-patchroster .sidebar[data-background-color="black"] .user a {
    color: inherit;
  }
}

body.app-patchroster.blog-home p.subtext,
body.app-patchroster.blog-article .page-section p,
body.app-patchroster.blog-article .page-section li {
  color: #383838 !important;
}

body.app-patchroster.blog-article h2:not(.subtitle),
body.app-patchroster .card-blog-preview h2,
body.app-patchroster .card-partner-preview h2 {
  color: rgba(0, 0, 0, 0.75);
}

body.app-patchroster .card-blog-preview h3,
body.app-patchroster .card-partner-preview h3 {
  color: #d1793b;
}

/*****************************************/
/*********** Dark mode colors ************/
/*****************************************/

body.dark.app-patchroster .sidebar {
  background-color: #282a2f;
}

body.dark.app-patchroster .sidebar .nav .nav-item .nav-link,
body.dark.app-patchroster .sidebar .nav .nav-item i {
  color: #eee;
}

body.dark.app-patchroster .sidebar .nav li:hover>a,
body.dark.app-patchroster .sidebar .nav li .dropdown-menu a:hover,
body.dark.app-patchroster .sidebar .nav li .dropdown-menu a:focus,
body.dark.app-patchroster .sidebar .nav li.active>[data-toggle="collapse"],
body.dark.app-patchroster .sidebar .nav li.standout>a {
  background-color: rgba(185, 185, 185, 0.1);
}