:root {
  --pproem_purple: #3c0659;
  --pproem_purple_light: #9d84be;
  --pproem_green: #025F34;
  --pproem_green_light: #00974e;
  --pproem_gray: #827e7f;
  --pproem_blue: #044D86;
  --pproem_blue_light: #00a2e9;
  --pproem_red: #d91e2e;
  --pproem_orange: #e86028;
  --pproem_orange_light: #f67f25;
  --pproem_yellow: #f7a513;

  --pproem_primary_dark: hsl(206, 94%, 17%);
  --pproem_primary: var(--pproem_blue);
  --pproem_primary_light: hsl(206, 94%, 37%);
  --pproem_primary_lighter: var(--pproem_blue_light);
  --pproem_secondary: var(--pproem_purple);
  --pproem_secondary_light: hsl(279, 87%, 29%);
  --pproem_secondary_lighter: var(--pproem_purple_light);
  --pproem_link: var(--pproem_blue);

  --bs-primary: var(--pproem_primary);
  --bs-secondary: var(--pproem_secondary);
}

h1 {
  font-size: 50px;
  line-height: 50px;
}

.region--hero .page-title h1,
.region--hero .page-title .h1 {
  bottom: 5rem;
}

.department-logo {
  height: 150px;
}

.region--hero-top {
  background-color: transparent;
  position: absolute;
  width: calc(100% - 75px);
}

.menu--quick-links-oem- .fontawesome-icon,
.mobile-menu--quick-links-oem- .fontawesome-icon {
  font-size: 2.5em;
  margin-bottom: 5px;
}

.menu--quick-links-oem- .nav-item>.nav-link,
.mobile-menu--quick-links-oem- .nav-item>.nav-link {
  font-size: .6em;
  text-transform: uppercase;
  color: var(--pproem_primary);
}

.menu--quick-links-oem- .nav-item > .nav-link:hover,
.mobile-menu--quick-links-oem- .nav-item > .nav-link:hover {
  color: var(--pproem_primary_light);
}

.region--copyright .container {
  background: transparent !important;
}

/*
.flyout-menu {
  --flyout-menu-link-color: #370359;
  --flyout-menu-link-border: #560f86;
  --flyout-menu-link-focus-background: #560f86;
  --flyout-menu-link-focus-accent: #25023c;
  --flyout-menu-toggle-hover-color: #560f86;
}
*/

.menu--quick-links-oem- .nav-item,
.mobile-menu--quick-links-oem- .nav-item {
  font-weight: 500;
  margin: 10px 0;
  text-align: center;
  border-bottom: none;
}

.menu--quick-links-oem- .navbar-nav,
.mobile-menu--quick-links-oem- .navbar-nav {
  flex-direction: row;
  justify-content: space-evenly;
  width: 100%;
}

.menu--footer-oem- .navbar-nav {
  display: block;
  -moz-columns: 2;
  columns: 2;
  text-align: center;
  flex-direction: row;
}

.menu--footer-oem- .navbar-nav .nav-link {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}

#block-csoem-gtranslate {
    text-align: center;
    margin-bottom: 20px;
}

#block-csoem-gtranslate > a {
  padding: 0.5rem 1rem;
}

#block-csoem-gtranslate > .collapse,
#block-csoem-gtranslate > .collapsing {
  padding-left: 1rem;
}

@media (min-width: 768px) {
  .menu--quick-links {
    flex-direction: column;
    margin-top: auto;
    position: relative;
    bottom: auto;
    left: auto;
    margin-bottom: 40px;
    width: auto;
    padding: 0;
    display: block;
  }
  .menu--quick-links-oem- .navbar-nav {
      flex-direction: column;
  }
  .menu--footer-oem- .navbar-nav {
    display: flex;
  }
  #block-gtranslate {
    text-align: left;
    margin-bottom: 0;
  }
}

#site-footer {
  background-image: none;
  background-color: var(--pproem_primary);
  padding: 1rem 0 0;
  margin: 0;
}

.pikes-peak-regional-emergency-management .region--hero-top,
.pikes-peak-regional-emergency-management---colorado-springs .region--hero-top {
  background: transparent;
}








  /* Links and Buttons */
  a.btn-primary {
    background-color: var(--pproem_primary);
    border-color: var(--pproem_primary);
  }
  a.btn-primary &:hover {
    background-color: var(--pproem_primary);
    border-color: var(--pproem_primary);
  }

  .accordion-button {
    background-color: #d7d7d7;
    border-left: 50px solid var(--pproem_primary);
  }

  .accordion-button &:focus,
  .accordion-button &:not(.collapsed) {
    background-color: #d7d7d7;
    border-left-color: var(--pproem_primary);
  }

  .accordion-button:hover {
    background-color: #b2b2b2;
    border-color: var(--pproem_primary);
  }

  .nav-pills .nav-link.active,
  .nav-pills .show>.nav-link {
    background-color: var(--pproem_primary);
  }


  .tabs-vertical .nav-pills .nav-link.active,
  .tabs-vertical .nav-pills .show>.nav-link {
    background-color: var(--pproem_primary);
    color: white;
  }

  .tabs-vertical .nav-pills .nav-link {
    background-color: #d7d7d7;
    color: black;
  }

  .nav-tabs .nav-link {
    color: black;
    background-color: #d7d7d7;
  }

  .nav-tabs .nav-link:hover {
    color: black;
    background-color: #b2b2b2;
  }

  .nav-tabs &:hover,
  .nav-tabs &:focus-within {
    background-color: #b2b2b2;
    border-color: var(--pproem_primary);
  }


  .nav-tabs .nav-link.active,
  .nav-tabs .nav-item.show .nav-link {
    background-color: var(--pproem_primary);
    border-bottom: 1px solid var(--pproem_primary);
    color: #d7d7d7;
  }

  .nav-tabs .nav-link.active:hover,
  .nav-tabs .nav-item.show .nav-link:hover {
    background-color: var(--pproem_primary);
  }

  h3,
  .h3,
  .department-contact-group .fieldset-legend,
  h2,
  .viewsreference--view-title,
  .h2,
  h4,
  h5,
  h6 {
    color: var(--pproem_primary);
  }

  .slide-title h3,
  .slide-title .h3,
  .slide-title .department-contact-group .fieldset-legend,
  .slide-title h2,
  .slide-title .viewsreference--view-title,
  .slide-title .h2,
  .slide-title h4,
  .slide-title h5,
  .slide-title h6 {
    color: white;
  }

  .text-white .card-title {
    color: var(--pproem_primary);
  }

  .text-white .accordion-item {
    background-color: transparent;
    border: 1px solid white;
  }

  .text-white a:not([data-type]) {
    color: white;
    text-decoration: underline;
  }

  .text-white a:not([data-type]).card-link {
    color: var(--pproem_primary);
  }

  .text-white table {
    color: #222;
  }

  .text-white h2,
  .text-white .h2,
  .text-white h3,
  .text-white .h3,
  .text-white .department-contact-group .fieldset-legend,
  .text-white h4,
  .text-white .h4,
  .text-white h5,
  .text-white .h5,
  .text-white h6,
  .text-white .h6,
  .text-white .viewsreference--view-title {
    color: white;
  }

.bg-light {
  background-color: var(--pproem_primary_lighter) !important;
}

.bg-primary {
  background-color: var(--pproem_primary) !important;
}

.paragraph--type--resource-wrapper .paragraph--type--resource {
  background-color: var(--pproem_primary);
  border-left-color: var(--pproem_primary_lighter);
}

.paragraph--type--resource-wrapper .paragraph--type--resource:hover {
  background-color: var(--pproem_primary_dark);
  border-left-color: var(--pproem_primary);
}

.card-title {
  color: var(--pproem_primary);
}

thead tr {
  background-color: var(--pproem_primary);
}

tbody tr:last-of-type {
  border-bottom-color: var(--pproem_primary);
}

.container-header,
.viewsreference--view-title {
  color: var(--pproem_primary_light);
}

.text-white .container-header,
.text-white .viewsreference--view-title {
  color: white;
}

.social-media-link a {
  color: var(--pproem_primary);
}

a {
  color: var(--pproem_link);
}

h3, .h3, .department-contact-group .fieldset-legend {
  color: var(--pproem_primary);
}

.bg-primary {
  background-color: var(--pproem_primary) !important;
}

.container-header, .viewsreference--view-title {
  color: var(--pproem_primary);
}

.bg-primary .container-header,
.bg-primary .viewsreference--view-title {
  color: #fff !important;
}

.paragraph--type--resource-wrapper .paragraph--type--resource {
  background-color: var(--pproem_primary);
  border-left: 8px solid var(--pproem_primary_lighter);
}

.page-item.active .page-link {
  background-color: var(--pproem_primary);
  border-color: var(--pproem_primary);
}

.accordion-header button.accordion-button:focus,
.accordion-header button.accordion-button:hover,
.accordion-header button.accordion-button:not(.collapsed) {
  border-left-color: var(--pproem_primary_light);
  background-color: #b2b2b2 !important;
  color: black;
}

.accordion-header button.accordion-button {
  border-left-color: var(--pproem_primary_light);
  background-color: #d7d7d7 !important;
  color: black;
}

.page-link {
  color: var(--pproem_primary);
}

.navbar-light .navbar-nav .nav-link {
  color: white;
}

.menu--main-oem .nav-item {
  border-bottom: 1px solid #25023c;
}

.btn-secondary:focus {
  color: white;
}

.btn-secondary:focus,
body .region.region--primary-menu .menu--main-oem .offcanvas .nav-item:focus-within,
body .region.region--primary-menu .menu--main-oem .offcanvas .nav-item:hover,
body .region.region--primary-menu .menu--main-oem .offcanvas .nav-item.active-trail {
  background-color: #25023c !important;
}

body .region.region--primary-menu .menu--main-oem .offcanvas .nav-item:focus-within>a,
body .region.region--primary-menu .menu--main-oem .offcanvas .nav-item:hover>a,
body .region.region--primary-menu .menu--main-oem .offcanvas .nav-item:hover>label,
.region.region--primary-menu .menu--main-oem .offcanvas .nav-item.active-trail .is-active {
  background-color: var(--pproem_primary_light) !important;
}

.paragraph.card .card-title:focus-within a:not(.nolink):not([href=nolink]):not([href="<nolink>"]):not([href=""]) {
  color: var(--pproem_primary_light) !important;
  background-color: transparent !important;
}

/*
body .region.region--primary-menu .menu--main-oem .navbar-toggler,
.menu--main-oem .navbar-toggler-icon,
.region--primary-menu .search-label,
.region--primary-menu .search-button svg,
.menu--quick-links-oem- .nav-item>.nav-link,
.mobile-menu--quick-links-oem- .nav-item>.nav-link {
  color: var(--pproem_primary);
}

body .region.region--primary-menu .menu--main-oem .navbar-toggler:hover>span,
body .region.region--primary-menu .menu--main-oem .navbar-toggler:hover,
.region--primary-menu .search-label:hover,
.region--primary-menu .search-button svg:hover,
.menu--quick-links-oem- .nav-item > .nav-link:hover {
  color: #560f86;
}
*/

.btn-secondary,
.button:not(.button-primary),
button:not(.button-primary) {
  background-color: var(--pproem_secondary_light);
  color: white;
}

.btn-secondary:hover,
.button:not(.button-primary):hover,
button:not(.button-primary):hover {
  background-color: var(--pproem_secondary);
  color: white;
}

blockquote {
  border-left-color: var(--pproem_secondary_light);
}

/* Links and Buttons */
a.btn-secondary {
  background-color: var(--pproem_secondary);
  border-color: var(--pproem_secondary);
  color: #fff;
}

a.btn-secondary:hover {
  background-color: var(--pproem_secondary_light);
  border-color: var(--pproem_secondary_light);
}

.bg-secondary {
  background-color: var(--pproem_secondary) !important;
}

.social-media-link a:hover {
    color: var(--pproem_secondary);
}

.featured-events .date-circle {
  border-color: var(--pproem_secondary);
}

.featured-events .date-time .date-day-full:after {
  background: var(--pproem_secondary);
}

.views-exposed-form input[type=submit] {
  background-color: var(--pproem_secondary);
  color: white;
}

.views-exposed-form input[type=submit]:hover {
  background-color: var(--pproem_secondary);
  color: white;
}

.bg-image {
  height: 250px;
}

.pproem-hero {
  min-height: unset;
}

#pproem-branding {
  background-color: #eee;
  border-bottom: 1px solid var(--pproem_primary_light);
}

#pproem-logo {
  width: auto;
  height: 135px;
}

.pproem-alerts #alerts {
  margin: auto;
  padding: 0;
  border: none;
  width: auto;
  background-color: #ddd;
}

.pproem-alerts #alerts-inner {
  padding: 1rem 2rem;
}

.block.hero-image:first-child {
  margin-top: 1rem;
}

@keyframes grow {
  0% {
    transform: scaleY(0);
    height: 0;
    display: flex;
  }
  100% {
    transform: scaleY(1);
    height: var(--alert-height);
  }
}

@keyframes shrink {
  0% {
    transform: scaleY(1);
    height: var(--alert-height);
    display: flex;
  }
  100% {
    transform: scaleY(0);
    height: 0;
    display: none;
  }
}

.pproem-alerts .alert-toggle:has(input:checked) ~ .alert-expand .alert-item {
  display: flex;
  animation-fill-mode: forwards;
  animation: grow 350ms;
  transform-origin: center;
  height: var(--alert-height);
  transform: scaleY(1);
}

.pproem-alerts .alert-toggle:has(input:not(:checked)) ~ .alert-expand .alert-item {
  display: none;
  animation-fill-mode: forwards;
  animation: shrink 350ms;
  transform-origin: center;
  height: 0;
  transform: scaleY(0);
}

.block.page-title.pproem-title {
  background-color: var(--pproem_primary);
  color: white;
  margin-top: 0;
  margin-bottom: 0;
  padding: 1.25rem 0;
}

.block.page-title.pproem-title h1 {
  margin: 0;
}

.node--view-mode-full .field--name-field-featured-image :is(img, picture) {
  display: block;
  width: 100%;
  height: 350px;
  object-fit: cover;
}

@media (min-width: 768px) {
  .block.page-title.pproem-title {
    padding: 2rem 0;
  }
}

.block.page-title.pproem-title h1, .block.page-title.pproem-title .h1 {
  color: white;
}

@media (min-width: 992px) {
  .bg-image {
    height: 450px;
  }
}

@media (max-width: 991px) {
  h1 {
    font-size: 35px;
    line-height: 35px;
  }

  .region--hero .page-title h1,
  .region--hero .page-title .h1 {
    bottom: 6.5rem;
  }
}

@media (min-width: 768px) {
  .bg-image {
    height: 350px;
  }
}