.btn-primary {
  background-color: white;
  border-radius: 2px;
  border: 2px solid #d02207;
  padding: 7px 30px;
  color: #9f1a05;
}
.btn-primary:hover, .btn-primary:focus {
  background-color: #feddd8;
  border-color: #9f1a05;
  color: #6e1203;
}
.btn-primary:active, .btn-primary:active:hover, .btn-primary:active:focus {
  background-color: #9f1a05;
  border-color: #9f1a05;
  color: white;
}
.btn-primary:hover, .btn-primary:focus {
  background-color: #fbf1ef;
  border-color: #9f1a05;
  color: #6e1203;
}

.btn-secondary {
  background-color: white;
  border-radius: 2px;
  border: 2px solid #238e9d;
  padding: 7px 30px;
  color: #1a6873;
}
.btn-secondary:hover, .btn-secondary:focus {
  background-color: #cceef3;
  border-color: #1a6873;
  color: #114249;
}
.btn-secondary:active, .btn-secondary:active:hover, .btn-secondary:active:focus {
  background-color: #1a6873;
  border-color: #1a6873;
  color: white;
}

footer a {
  color: #9f1a05;
  text-decoration: underline;
}

#bs-example-navbar-collapse-1 ul li a {
  color: black;
}
#bs-example-navbar-collapse-1 ul li a:hover {
  color: #434242;
}
#bs-example-navbar-collapse-1 ul li.active a {
  color: #434242;
}

.hero .about h1, .interior-content h2.title, .interior-content h2 {
  color: #9f1a05;
}

#bs-example-navbar-collapse-1 ul li.active a {
  color: #666;
}

.interior-content a {
  text-decoration: underline;
  color: #9f1a05;
}

.skip-link.visually-hidden.focusable {
  background-color: #60bec6;
  color: #1a6873;
}

.skip-link.visually-hidden.focusable:focus {
  position: absolute !important;
  padding: 1em;
  top: 1em;
  left: 1em;
  z-index: 1;
  display: inline-block;
}

@media (min-width: 768px) {
  .interior-content {
    width: 100%;
  }
}
@media (min-width: 1440px) {
  .interior-content {
    width: 1440px;
  }
}
@media screen and (max-width: 992px) {
  .interior-content {
    padding: 0;
  }
}
.interior-content h2.title {
  background: none;
  border-bottom: 3px solid #9f1a05;
}

.interior-content p, .interior-content ul, .interior-content ol, #comparisonchart th, #comparisonchart td, .cwd-scrolling-table {
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
}

#comparisonchart th, #comparisonchart td {
  padding: 12px;
}

#comparisonchart thead th, #comparisonchart thead td, .floating-col-header > div {
  white-space: nowrap;
  background-color: #5A8128;
  background-color: #5ebcc5;
}

.cwd-scrolling-table .floating-row-header {
  background-color: #d1d1d1;
}

.hero, .hero:hover {
  background-image: url("../images/bg-hero-home-t.jpg") !important;
}

.hero .about {
  padding: 0 12px;
}

.questions-header {
  padding: 10px 0 22px;
  margin-bottom: 20px;
  border-bottom: 2px dashed #dedede;
}

.services-header {
  padding-bottom: 15px;
}

.interior-content h3, .interior-content .h3 {
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #555;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
  margin: 0;
}

.services-header h3 {
  position: relative;
  text-indent: 30px;
  margin-left: -3px !important;
}
@media (max-width: 768px) {
  .services-header h3 {
    margin-left: 0 !important;
    text-indent: 0;
  }
}

.services-header h3 .fa {
  position: absolute;
  top: -2px;
  left: 3px;
  font-size: 24px;
  color: #29a1bd;
  opacity: 0.4;
  text-indent: 0;
}
@media (max-width: 768px) {
  .services-header h3 .fa {
    display: none;
  }
}

@media (max-width: 768px) {
  .btn-secondary {
    padding: 7px 24px;
  }
}

.services-header .btn-secondary {
  margin: 4px 0;
}

.step-1 + button {
  margin-top: 1.75em;
}

.title {
  margin: 1.5em 0 0.35em;
}

.title + .lead {
  color: #525151;
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 21px;
  margin-bottom: 1em;
}

.cert {
  position: relative;
  text-indent: 24px;
  color: #000000;
}

.cert .fa {
  position: absolute;
  top: -1px;
  left: 0;
  font-size: 22px;
  color: #000000;
  opacity: 0.68;
  text-indent: 0;
}

.app-title {
  margin-bottom: 2em;
}

h2.sub-heading {
  font-size: 24px;
  margin: 1em 0 1em;
}

h2.sub-heading.heading-services {
  margin-bottom: 0.5em;
}

.section-break {
  border-color: #da3f27;
  opacity: 0.2;
  border-top-width: 3px;
  margin-top: 30px;
}

.section-break.dashed {
  border-style: dashed;
}

.email-options {
  margin-bottom: 0.75em;
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.email-options legend {
  font-size: 1em;
  border-bottom: none;
  margin-bottom: 10px;
}

#questionlist {
  font-size: 1em;
  padding-left: 2em;
}
#questionlist li {
  color: #9f1a05;
  font-weight: bold;
  font-size: 1.1em;
  margin-bottom: 1em;
  margin-left: 2px;
}
#questionlist .question-wrapper {
  margin: 10px 0;
}
#questionlist .question-wrapper h4 {
  display: inline;
  color: #9f1a05;
}
#questionlist h4 {
  font-weight: bold;
  font-size: 16px;
  line-height: 1.2;
}
#questionlist label {
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 13px;
  color: #333;
}
#questionlist input[type="checkbox"] {
  margin-top: 3px;
}
#questionlist .control-indicator {
  font-family: "FontAwesome";
  text-decoration: none;
  color: #525151;
  font-weight: normal;
}
#questionlist .control-indicator::before {
  content: '\f05a';
  display: inline-block;
}
#questionlist .control-indicator:hover::before {
  color: #8d8d8d;
}
#questionlist .control-indicator:active::before {
  color: #5a5a5a;
}
#questionlist .explanation {
  color: #525151;
  font-weight: normal;
  margin-bottom: 10px;
}
#questionlist .explanation, #questionlist .explanation p, #questionlist .explanation li {
  font-size: 13px;
}
#questionlist .explanation p, #questionlist .explanation li {
  margin-bottom: initial;
}
#questionlist .explanation .panel-title, #questionlist .explanation .panel-body {
  font-size: 12px;
  padding: 10px;
  margin: 0;
}
#questionlist .explanation .panel-heading {
  margin: 0;
  padding: 0;
  background-color: #95789d;
}
#questionlist .explanation .panel-heading, #questionlist .explanation .panel-primary {
  border-color: #5f4a65;
}

#questionlist .facet-toggle {
  background: none;
  border: 0;
  padding: 0;
  font: inherit;
  color: inherit;
  text-align: left;
  cursor: pointer;
}
#questionlist .facet-toggle::before {
  content: "\f078";
  font-family: "FontAwesome";
  font-weight: normal;
  font-size: 0.75em;
  margin-right: 0.5em;
}
#questionlist .facet-toggle.collapsed::before {
  content: "\f054";
}

.mismatch {
  opacity: 0;
  -webkit-transform: scale(0.95);
  transform: scale(0.95);
  pointer-events: none;
}

#rdmsg-services .service-panel {
  -webkit-transition: opacity 0.25s ease, -webkit-transform 0.25s ease;
  transition: opacity 0.25s ease, transform 0.25s ease;
}
#rdmsg-services .service-panel.mismatch-gone {
  display: none;
}
@media (prefers-reduced-motion: reduce) {
  #rdmsg-services .service-panel {
    -webkit-transition: none;
    transition: none;
  }
}

header {
  padding: 1.5em;
  background: #1a6873;
  height: auto;
}
header .home-logo img {
  max-height: 80px;
  float: left;
}
header .navbar.navbar-default {
  margin-bottom: 0;
}
header .navbar.navbar-default .navbar-header button {
  top: 20%;
}
@media (min-width: 768px) {
  header .navbar.navbar-default .navbar-collapse .region {
    top: 10px;
    left: 2em;
    position: relative;
  }
}
header #block-rdmsg-main-menu a {
  color: #ffffff;
  font-size: 20px;
  font-weight: 700;
}

#rdmsg-services {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  margin: 0 -0.25em;
  padding: 0.25em 0;
}
#rdmsg-services .service-panel {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0.25em;
  width: calc(20% - 0.5em);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#rdmsg-services .service-panel:focus-within {
  -webkit-box-shadow: 0px 0px 0px 4px #9dccfd;
  -moz-box-shadow: 0px 0px 0px 4px #9dccfd;
  box-shadow: 0px 0px 0px 4px #9dccfd;
  border-radius: 0.5em;
}
#rdmsg-services .service-panel label {
  position: relative;
  width: 100%;
  flex-basis: auto;
  padding: 1em;
  margin-bottom: 1px;
}
#rdmsg-services .service-panel input {
  position: absolute;
  left: -9999px;
}
#rdmsg-services .service-panel input ~ .control-indicator {
  margin: 0;
  background-color: #f6fbfc;
  border: 2px #2db3c6 solid;
  border-radius: 0.25em;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  font-size: 2em;
}
#rdmsg-services .service-panel input ~ .control-indicator::before {
  content: "\f10c";
  font-family: "FontAwesome";
  display: block;
  color: #114249;
  font-weight: normal;
  margin-left: 0.25em;
  position: absolute;
  top: 10px;
  right: 10px;
}
#rdmsg-services .service-panel input:checked ~ .control-indicator {
  background-color: #2db3c6;
}
#rdmsg-services .service-panel input:checked ~ .control-indicator::before {
  content: "\f058";
  color: black;
}
#rdmsg-services .service-panel input:checked ~ h4, #rdmsg-services .service-panel input:checked ~ p {
  color: #020a0b;
}
@media screen and (max-width: 1440px) {
  #rdmsg-services .service-panel {
    width: calc(25% - 0.5em);
  }
}
@media screen and (max-width: 1200px) {
  #rdmsg-services .service-panel {
    width: calc(33% - 0.5em);
  }
}
@media screen and (max-width: 992px) {
  #rdmsg-services .service-panel {
    width: calc(50% - 0.5em);
  }
}
#rdmsg-services .service-panel h4, #rdmsg-services .service-panel p {
  color: #0c3035;
  margin: 0;
}
#rdmsg-services .service-panel h4 {
  font-size: 18px;
}
@media (max-width: 768px) {
  #rdmsg-services .service-panel h4 {
    font-size: 15px;
  }
}
#rdmsg-services .service-panel .service-title {
  padding: 0;
  padding-right: 1.8em;
}
#rdmsg-services .service-panel .service-title + p {
  margin-top: 10px;
}
#rdmsg-services .service-panel p {
  font-size: 12px;
  padding-right: 1.8em;
}

.comparisonlist-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 1em 0;
}
.comparisonlist-wrapper input {
  position: absolute;
  left: -9999px;
}
.comparisonlist-wrapper input + .control-indicator::before {
  content: "\f111";
  font-family: "FontAwesome";
  display: block;
  color: #c3b3c8;
  margin-left: 0.25em;
}
.comparisonlist-wrapper input:checked + .control-indicator::before {
  content: "\f058";
  color: #95789d;
}
.comparisonlist-wrapper label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.25em 0.4em 0.2em;
  margin: 0.25em;
  color: #7b5f83;
  border: 1px solid #c3b3c8;
  margin: 0.25em;
  border-radius: 0.25em;
  cursor: pointer;
}
.comparisonlist-wrapper label:focus-within {
  -webkit-box-shadow: 0px 0px 0px 4px #9dccfd;
  -moz-box-shadow: 0px 0px 0px 4px #9dccfd;
  box-shadow: 0px 0px 0px 4px #9dccfd;
  border-radius: 0.5em;
}

.jump-to-chart {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 1em 0;
  background: #207d93;
  z-index: 2;
  display: none;
}
.jump-to-chart p {
  color: white;
}
.jump-to-chart p span {
  font-size: 120%;
}

.btn-compare-results {
  white-space: nowrap;
}

.pager {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  background-color: white;
}
.pager button {
  margin: 0.5em;
}
.pager .previous button {
  float: left;
}
.pager .next button {
  float: right;
}

.popup .fa.fa-info-circle {
  font-family: "FontAwesome";
  text-decoration: none;
  color: #525151;
  font-weight: normal;
  font-size: 1.4em;
}
.popup .fa.fa-info-circle::before {
  content: '\f05a';
  display: none;
}
.popup .fa.fa-info-circle:hover::before {
  color: #8d8d8d;
}
.popup .fa.fa-info-circle:active::before {
  color: #5a5a5a;
}

.cd-row {
  display: flex;
}
@media screen and (max-width: 768px) {
  .cd-row {
    display: block;
  }
}

.cd-row:first-of-type .cd-cell {
  vertical-align: bottom;
  padding-bottom: 15px;
}

#app .cd-row:last-of-type .cd-cell:first-child {
  background: radial-gradient(ellipse at right center, rgba(180, 225, 212, 0.1) 0%, rgba(255, 255, 255, 0) 70%);
}
@media screen and (max-width: 768px) {
  #app .cd-row:last-of-type .cd-cell:first-child {
    background: none;
  }
}

@media screen and (max-width: 768px) {
  .cd-cell {
    display: block;
    width: 100%;
  }
}

.cd-cell:last-child {
  padding-left: 3%;
}
@media screen and (max-width: 768px) {
  .cd-cell:last-child {
    padding-left: 0;
  }
}

.cd-questions {
  position: relative;
  width: 30%;
}
@media screen and (max-width: 768px) {
  .cd-questions {
    position: static;
    width: 100%;
  }
}

.cd-services {
  width: 70%;
}
@media screen and (max-width: 768px) {
  .cd-services {
    width: 100%;
  }
}

.cd-overflow {
  width: 100%;
  padding-right: 1.5em;
}
@media screen and (max-width: 768px) {
  .cd-overflow {
    padding-right: 0;
  }
}

.services-header {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .services-header {
    display: block;
  }
}
.services-header h3 {
  margin: 0 1em 0 0;
}
@media screen and (max-width: 768px) {
  .services-header h3 {
    margin: 1em 0;
  }
}
.services-header div:first-of-type {
  flex: 1;
}
@media screen and (max-width: 768px) {
  .services-header div:last-of-type {
    margin-bottom: 1em;
  }
}
@media screen and (max-width: 768px) {
  .services-header div {
    width: 100%;
    align-items: flex-start;
  }
}

.form-control {
  border-color: #525151;
}

.container-iframe {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%;
  /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}

/* Then style the iframe to fit in the container div with full height and width */
.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.view-taxonomy-term .views-row .node-readmore {
  display: none;
}

/* Service node full view (templates/node/node--service.html.twig, templates/paragraph/paragraph--service-paragraphs.html.twig) */
.page-node-type-service {
  --svc-accent: #00A9B6;       /* aqua: decorative borders only, never text (2.9:1 on white) */
  --svc-marker: #256F75;       /* 5.8:1 on white */
  --svc-tint: #DDEFF1;
  --svc-cream: #F7F4EC;
  --svc-link: #9f1a05;         /* 8:1 on white */
  --svc-text: #19324A;       /* navy, 13:1 on white */
  --svc-muted: #525151;        /* 7.9:1 on white */
  --svc-border: #DDEFF1;
  --svc-focus: #19324A;
  --svc-bg: #F1F6F6;
}

.page-node-type-service #main {
  background: var(--svc-bg);
  padding-bottom: 32px;
}

/* Title and submitted line */
.svc .svc__title {
  margin: 24px 0 16px;
  padding: 0;
  border: 0;
  color: var(--svc-text);
  font-size: 28px;
  font-weight: 700;
  line-height: 1.2;
  overflow-wrap: anywhere;
}

.svc {
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.5;
  color: var(--svc-text);
}

/* The theme sets p/ul/ol to 14px under .interior-content; keep text at 16px */
.svc p,
.svc ul,
.svc ol,
.svc li,
.svc time {
  font-size: 16px;
}

.svc__submitted {
  margin: 24px 0 0;
  padding-top: 12px;
  border-top: 2px solid var(--svc-text);
  color: var(--svc-muted);
  font-size: 16px;
}

.svc a {
  color: var(--svc-link);
  text-decoration: underline;
  text-underline-offset: 0.15em;
}

.svc a:hover {
  text-decoration-thickness: 2px;
}

.svc a:focus-visible {
  outline: 3px solid var(--svc-focus);
  outline-offset: 2px;
  border-radius: 2px;
}

/* Cards */
.svc-card {
  margin: 0 0 24px;
  padding: 16px;
  background: #fff;
  border: 1px solid var(--svc-border);
  border-top: 2px solid var(--svc-accent);
}

.svc-card--field-brief-description {
  border-top-color: var(--svc-text);
}

.svc .svc-card__title {
  margin: 0 0 12px;
  padding: 0;
  border: 0;
  background: none;
  color: var(--svc-text);
  font-family: inherit;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1.4;
  text-transform: uppercase;
}

.svc-card__body {
  font-size: 16px;
  line-height: 1.6;
  overflow-wrap: anywhere;
}

.svc-card__body > :last-child,
.svc-card__body .field > :last-child {
  margin-bottom: 0;
}

.svc-card__body p {
  margin: 0 0 12px;
}

.svc-card__body img,
.svc-card__body iframe,
.svc-card__body video {
  max-width: 100%;
  height: auto;
}

.svc-card__body table {
  display: block;
  max-width: 100%;
  overflow-x: auto;
}

/* Lists inside cards: red bullets, small diamonds for sub-items */
.svc-card__body ul,
.svc-card__body ol {
  margin: 0 0 12px;
  padding-left: 24px;
}

.svc-card__body li {
  margin-bottom: 6.4px;
  padding-left: 4px;
}

.svc-card__body ul > li::marker {
  color: var(--svc-marker);
}

.svc-card__body ul ul {
  margin: 6.4px 0 6.4px;
  padding-left: 20px;
  color: var(--svc-muted);
  font-size: 16px;
}

.svc-card__body ul ul > li {
  list-style-type: "\25C6\00a0";
}

.svc-card__body ul ul > li::marker {
  color: var(--svc-marker);
}

/* Meta row: modified date, share link, summary */
.svc-meta {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
  margin: 0 0 24px;
}

.svc-meta .svc-card {
  margin: 0;
  background: var(--svc-tint);
}

.svc-meta .svc-card__body p {
  margin: 0;
}

/* Criteria list: red links, two columns on wider screens */
.svc-card--matches {
  padding: 16px 20px;
}

.svc-matches {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 16px;
  line-height: 1.5;
}

.svc-matches li {
  margin: 0;
  padding: 0;
  border-bottom: 1px solid var(--svc-border);
  font-size: 16px;
  break-inside: avoid;
}

/* Each row is one big link (at least 40px tall) with an arrow, so it reads as clickable */
.svc-matches a {
  position: relative;
  display: block;
  min-height: 40px;
  padding: 9px 36px 9px 8px;
  font-size: 16px;
  line-height: 1.4;
}

.svc-matches a::after {
  content: "\2192";
  content: "\2192" / "";
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
  font-size: 18px;
  text-decoration: none;
  transition: right 0.15s;
}

.svc-matches a:hover,
.svc-matches a:focus-visible {
  background: var(--svc-tint);
}

.svc-matches a:hover::after,
.svc-matches a:focus-visible::after {
  right: 6px;
}

.svc-matches a:focus-visible {
  outline-offset: -3px;
}

.svc-matches__title {
  margin: 0 0 8px;
  padding: 0;
  border: 0;
  background: none;
  color: var(--svc-text);
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1.4;
  text-transform: uppercase;
}

.svc-matches__hint {
  margin: 0 0 12px;
  color: var(--svc-muted);
  font-size: 16px;
}

@media (prefers-reduced-motion: reduce) {
  .svc-matches a::after {
    transition: none;
  }
}

@media (min-width: 768px) {
  .svc .svc__title {
    font-size: 32px;
  }

  .svc-card {
    padding: 20px 24px;
  }

  .svc-meta {
    grid-template-columns: repeat(auto-fit, minmax(224px, 1fr));
  }

  .svc-matches {
    column-count: 2;
    column-gap: 40px;
  }
}

/* Windows high contrast: keep the card edges and the markers visible */
@media (forced-colors: active) {
  .svc-card {
    border: 1px solid CanvasText;
  }
}

@media print {
  .page-node-type-service #main {
    background: none;
  }

  .svc-card {
    break-inside: avoid;
  }
}

/* Breadcrumb: everywhere except /storage, which keeps the base theme look */
body:not(.path-storage) .breadcrumb {
  font-size: 16px;
}

body:not(.path-storage) .breadcrumb > li + li:before {
  content: "/\00a0";
}

body:not(.path-storage) .breadcrumb a {
  color: #9f1a05;
  text-decoration: underline;
}

body:not(.path-storage) .breadcrumb > .active,
body:not(.path-storage) .breadcrumb > li:last-child {
  color: #525151;
}

/*# sourceMappingURL=customizations.css.map */

/* Basic page, Landing Page, News and their paragraph types (.pg wrapper from page.html.twig). */
/* Palette: red #9f1a05 (links, buttons), navy #19324A (text), teal #256F75, aqua #00A9B6 (decorative only), tint #DDEFF1, cream #F7F4EC, mist #F1F6F6; fonts are unchanged. */
.pg {
  --pg-red: #9f1a05;
  --pg-red-dk: #861604;
  --pg-teal: #256F75;
  --pg-aqua: #00A9B6;
  --pg-navy: #19324A;
  --pg-cream: #F7F4EC;
  --pg-tint: #DDEFF1;
  --pg-text: #19324A;
  --pg-muted: #535353;
  --pg-border: #DDEFF1;
  --pg-bg: #F1F6F6;
  --pg-focus: #19324A;
  color: var(--pg-text);
  font-size: 16px;
  line-height: 1.6;
}

.pg .pg__title {
  margin: 24px 0 16px;
  padding: 0;
  border: 0;
  color: var(--pg-text);
  font-size: 28px;
  font-weight: 700;
  line-height: 1.2;
  overflow-wrap: anywhere;
}

/* The theme sets p/ul/ol to 14px under .interior-content; keep text at 16px+ */
.pg p,
.pg ul,
.pg ol,
.pg li,
.pg time {
  font-size: 18px;
  line-height: 1.6;
}

.pg p {
  margin: 0 0 16px;
}

.pg a {
  color: var(--pg-red);
  text-decoration: underline;
  text-underline-offset: 0.15em;
}

.pg a:hover {
  color: var(--pg-red-dk);
  text-decoration-thickness: 2px;
}

.pg a:focus-visible {
  outline: 3px solid var(--pg-focus);
  outline-offset: 2px;
  border-radius: 2px;
}

.pg img,
.pg iframe,
.pg video {
  max-width: 100%;
  height: auto;
}

.pg .paragraph {
  margin: 0 0 32px;
}

/* Basic paragraph: readable line length */
.pg .paragraph--type--basic {
  max-width: 75ch;
}

/* News */
.pg-news__date {
  margin: 0 0 16px;
  color: var(--pg-muted);
}

.pg-news .field--name-field-image {
  margin: 0 0 24px;
}

.pg-news .field--name-body {
  max-width: 75ch;
}

.pg-news .field--name-field-image img {
  border: 1px solid var(--pg-border);
}

/* Buttons: red fill, dark red on hover (internet2.edu .button--primary) */
.pg .cl-links a,
.pg .dcta__link a,
.pg .stats__button a {
  display: inline-block;
  padding: 12px 24px;
  border: 2px solid var(--pg-red);
  border-radius: 0;
  background: var(--pg-red);
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.3;
  text-decoration: none;
  transition: background-color 0.2s, color 0.2s;
}

.pg .cl-links a:hover,
.pg .dcta__link a:hover,
.pg .stats__button a:hover {
  background: var(--pg-red-dk);
  border-color: var(--pg-red-dk);
  color: #fff;
}

/* Curated Links: first link is primary, the rest are outlined */
.pg .cl-links {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.pg .cl-links li {
  margin: 0;
  padding: 0;
}

.pg .cl-links li + li a {
  background: #fff;
  color: var(--pg-red);
}

.pg .cl-links li + li a:hover {
  background: var(--pg-red-dk);
  color: #fff;
}

/* Diagonal Call to Action: teal band with a slanted bottom edge */
.pg .dcta {
  margin: 0 0 48px;
  padding: 40px 24px 72px;
  background: var(--pg-navy);
  color: #fff;
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 40px), 0 100%);
}

.pg .dcta .dcta__title {
  margin: 0 0 12px;
  padding: 0;
  border: 0;
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.25;
}

.pg .dcta p {
  color: #fff;
}

.pg .dcta__body {
  max-width: 60ch;
}

.pg .dcta__link a {
  background: #fff;
  border-color: #fff;
  color: var(--pg-red);
}

.pg .dcta__link a:hover {
  background: var(--pg-bg);
  border-color: var(--pg-bg);
  color: var(--pg-red-dk);
}

.pg .dcta a:focus-visible {
  outline-color: #fff;
}

/* Image Text Left / Right: image and caption beside the text, stacked on phones */
.pg .paragraph--type--image-text-left,
.pg .paragraph--type--image-text-right {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-areas: "image" "caption" "body";
  gap: 8px 32px;
}

.pg .paragraph--type--image-text-left .field--name-field-image,
.pg .paragraph--type--image-text-right .field--name-field-image {
  grid-area: image;
}

.pg .paragraph--type--image-text-left .field--name-field-caption,
.pg .paragraph--type--image-text-right .field--name-field-caption {
  grid-area: caption;
  color: var(--pg-muted);
  font-size: 16px;
}

.pg .paragraph--type--image-text-left .field--name-field-body,
.pg .paragraph--type--image-text-right .field--name-field-body {
  grid-area: body;
}

/* Statistics Block: figures in a row on a light panel */
.pg .stats {
  padding: 32px 24px;
  background: var(--pg-cream);
  border-top: 4px solid var(--pg-aqua);
}

.pg .stats .stats__title {
  margin: 0 0 24px;
  padding: 0;
  border: 0;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.25;
}

.pg .stats__list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
  margin: 0 0 24px;
  padding: 0;
  list-style: none;
}

.pg .stats__item {
  margin: 0;
  padding: 0;
}

.pg .stats__figure {
  display: block;
  color: var(--pg-teal);
  font-size: 48px;
  font-weight: 700;
  line-height: 1.1;
}

.pg .stats__caption {
  display: block;
  margin-top: 4px;
  font-size: 18px;
}

/* Video Embed: responsive 16:9, transcript below */
.pg .paragraph--type--video-embed iframe,
.pg .paragraph--type--video-embed video {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  height: auto;
  border: 0;
}

.pg .paragraph--type--video-embed .field--name-field-transcript {
  margin-top: 16px;
  padding: 16px;
  background: var(--pg-tint);
  border-left: 4px solid var(--pg-teal);
}

@media (min-width: 768px) {
  .pg .pg__title {
    font-size: 36px;
  }

  .pg .dcta {
    padding: 48px 48px 88px;
  }

  .pg .paragraph--type--image-text-left {
    grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
    grid-template-areas: "image body" "caption body";
    align-items: start;
  }

  .pg .paragraph--type--image-text-right {
    grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
    grid-template-areas: "body image" "body caption";
    align-items: start;
  }

  .pg .stats {
    padding: 40px 48px;
  }

  .pg .stats__list {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (prefers-reduced-motion: reduce) {
  .pg a {
    transition: none;
  }
}

@media (forced-colors: active) {
  .pg .dcta,
  .pg .stats {
    border: 2px solid CanvasText;
    clip-path: none;
  }
}

@media print {
  .pg .dcta {
    clip-path: none;
    background: none;
    color: #000;
  }

  .pg .dcta .dcta__title,
  .pg .dcta p {
    color: #000;
  }
}

/* Share Link card: copy button */
.svc-copy__button {
  margin: 4px 0 0;
  padding: 8px 16px;
  border: 2px solid #9f1a05;
  border-radius: 0;
  background: #fff;
  color: #9f1a05;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.3;
  cursor: pointer;
}

.svc-copy__button:hover {
  background: #9f1a05;
  color: #fff;
}

.svc-copy__button:focus-visible {
  outline: 3px solid var(--svc-focus);
  outline-offset: 2px;
}

.svc-copy__status {
  display: inline-block;
  margin-left: 12px;
  color: var(--svc-muted);
  font-size: 16px;
}

@media (forced-colors: active) {
  .svc-copy__button {
    border-color: ButtonText;
  }
}

/* Comparison tool: the "Link to service" row uses the same red links as the rest of the site */
#comparisonchart td[data-label="Link to service"] a {
  color: #9f1a05;
  text-decoration: underline;
  text-underline-offset: 0.15em;
}

#comparisonchart td[data-label="Link to service"] a:hover {
  color: #861604;
  text-decoration-thickness: 2px;
}

#comparisonchart td[data-label="Link to service"] a:focus-visible {
  outline: 3px solid #19324A;
  outline-offset: 2px;
}

/* Title accent bars (aqua, decorative) */
.svc .svc__title::after,
.pg .pg__title::after {
  content: "";
  display: block;
  width: 64px;
  height: 4px;
  margin-top: 12px;
  background: #00A9B6;
}

@media (forced-colors: active) {
  .svc .svc__title::after,
  .pg .pg__title::after {
    background: CanvasText;
  }
}

/* Links: one consistent look across the site (not /storage, which keeps its own). */
/* Text links are red AND underlined (never colour alone), darker with a thicker line on hover, */
/* and have a 3px navy focus ring. :where() keeps these rules weak so buttons and cards can override them. */
:where(body:not(.path-storage) .interior-content, body:not(.path-storage) footer) a {
  color: #9f1a05;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.15em;
}

:where(body:not(.path-storage) .interior-content, body:not(.path-storage) footer) a:hover {
  color: #861604;
  text-decoration-thickness: 2px;
}

:where(body:not(.path-storage) .interior-content, body:not(.path-storage) footer) a:focus-visible {
  outline: 3px solid #19324A;
  outline-offset: 2px;
  border-radius: 2px;
}

/* Main menu (white on the dark header): underline on hover/focus, white focus ring */
body:not(.path-storage) header #block-rdmsg-main-menu a:hover {
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 0.2em;
}

body:not(.path-storage) header #block-rdmsg-main-menu a:focus-visible {
  outline: 3px solid #fff;
  outline-offset: 2px;
  text-decoration: underline;
}

@media (forced-colors: active) {
  :where(body:not(.path-storage) .interior-content, body:not(.path-storage) footer) a {
    color: LinkText;
  }
}

/* External links: small icon (the hidden text for screen readers is added by js/link-indicators.js) */
.ext-link::after {
  content: "";
  display: inline-block;
  width: 0.8em;
  height: 0.8em;
  margin-left: 0.25em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M9 1h6v6h-2V4.4L7.7 9.7 6.3 8.3 11.6 3H9V1zM1 3h5v2H3v8h8v-3h2v5H1V3z'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M9 1h6v6h-2V4.4L7.7 9.7 6.3 8.3 11.6 3H9V1zM1 3h5v2H3v8h8v-3h2v5H1V3z'/%3E%3C/svg%3E") center / contain no-repeat;
  vertical-align: baseline;
  text-decoration: none;
}

@media (forced-colors: active) {
  .ext-link::after {
    background-color: LinkText;
  }
}

/* Visited links: dark teal (5.8:1 on white, 4.9:1 on the tint), still underlined, so visited and unvisited */
/* differ by more than a slight shade. Buttons keep their own colours. */
:where(body:not(.path-storage) .interior-content, body:not(.path-storage) footer) a:visited,
.svc a:visited,
.pg a:visited,
body:not(.path-storage) .breadcrumb a:visited {
  color: #256F75;
}

:where(body:not(.path-storage) .interior-content, body:not(.path-storage) footer) a:visited:hover,
.svc a:visited:hover,
.pg a:visited:hover,
body:not(.path-storage) .breadcrumb a:visited:hover {
  color: #19324A;
}

.pg .cl-links li:first-child a:visited,
.pg .cl-links li:first-child a:visited:hover,
.pg .stats__button a:visited,
.pg .stats__button a:visited:hover,
.pg .cl-links li + li a:visited:hover {
  color: #fff;
}

.pg .cl-links li + li a:visited,
.pg .dcta__link a:visited {
  color: #9f1a05;
}

.pg .dcta__link a:visited:hover {
  color: #861604;
}

@media (forced-colors: active) {
  :where(body:not(.path-storage) .interior-content, body:not(.path-storage) footer) a:visited,
  .svc a:visited,
  .pg a:visited {
    color: VisitedText;
  }
}

.view-services {
  --sv-red: #9f1a05;
  --sv-red-dk: #861604;
  --sv-teal: #256F75;
  --sv-aqua: #00A9B6;
  --sv-navy: #19324A;
  --sv-tint: #DDEFF1;
  --sv-cream: #F7F4EC;
  --sv-bg: #F1F6F6;
  color: var(--sv-navy);
}

.view-services .view-filters {
  margin: 0 0 32px;
  padding: 24px;
  background: var(--sv-bg);
  border: 1px solid var(--sv-tint);
  border-top: 4px solid var(--sv-aqua);
}

.view-services .views-exposed-form .form--inline {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr)) auto;
  gap: 24px;
  align-items: end;
}

.view-services .views-exposed-form .form--inline::before,
.view-services .views-exposed-form .form--inline::after {
  display: none;
}

.view-services .views-exposed-form .form-item,
.view-services .views-exposed-form .form-actions {
  float: none;
  margin: 0;
  padding: 0;
  width: auto;
}

.view-services .views-exposed-form label {
  display: block;
  margin: 0 0 8px;
  color: var(--sv-navy);
  font-size: 16px;
  font-weight: 700;
}

.view-services .views-exposed-form .form-control {
  display: block;
  width: 100%;
  height: 48px;
  padding: 8px 12px;
  border: 2px solid var(--sv-teal);
  border-radius: 0;
  background-color: #fff;
  box-shadow: none;
  color: var(--sv-navy);
  font-size: 16px;
}

.view-services .views-exposed-form .form-control:focus {
  border-color: var(--sv-navy);
  outline: 3px solid var(--sv-navy);
  outline-offset: 2px;
  box-shadow: none;
}

.view-services .views-exposed-form .form-submit {
  height: 48px;
  min-width: 120px;
  padding: 0 24px;
  border: 2px solid var(--sv-red);
  border-radius: 0;
  background: var(--sv-red);
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.3;
  transition: background-color 0.2s;
}

.view-services .views-exposed-form .form-submit:hover {
  background: var(--sv-red-dk);
  border-color: var(--sv-red-dk);
  color: #fff;
}

.view-services .views-exposed-form .form-submit:focus-visible {
  outline: 3px solid var(--sv-navy);
  outline-offset: 2px;
}

.view-services .table-responsive {
  border: 0;
  margin: 0;
}

.view-services table {
  width: 100%;
  margin: 0;
  border: 1px solid var(--sv-tint);
  border-collapse: collapse;
  background: #fff;
}

.view-services table > tbody > tr > td {
  padding: 20px 24px;
  border: 0;
  border-top: 1px solid var(--sv-tint);
  vertical-align: top;
  font-size: 16px;
  line-height: 1.6;
  color: var(--sv-navy);
}

.view-services table > tbody > tr:first-child > td {
  border-top: 0;
}

.view-services table > tbody > tr:nth-of-type(even) {
  background: var(--sv-bg);
}

.view-services table > tbody > tr:hover {
  background: var(--sv-tint);
}

.view-services td.views-field-title {
  width: 28%;
  font-weight: 700;
  border-left: 4px solid transparent;
}

.view-services tr:hover td.views-field-title {
  border-left-color: var(--sv-aqua);
}

.view-services td.views-field-title a {
  font-size: 18px;
}

.view-services td.views-field-field-brief-description p {
  margin: 0;
}

.view-services .pager-nav {
  margin: 32px 0 0;
}

.view-services .pagination {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  margin: 0;
  padding: 0;
}

.view-services .pagination > li > a,
.view-services .pagination > li > span {
  float: none;
  display: block;
  min-width: 44px;
  padding: 10px 14px;
  border: 2px solid var(--sv-teal);
  border-radius: 0;
  background: #fff;
  color: var(--sv-teal);
  font-size: 16px;
  font-weight: 700;
  line-height: 1.3;
  text-align: center;
  text-decoration: none;
  margin: 0;
}

.view-services .pagination > li > a:hover {
  background: var(--sv-tint);
  border-color: var(--sv-navy);
  color: var(--sv-navy);
}

.view-services .pagination > li > a:focus-visible {
  outline: 3px solid var(--sv-navy);
  outline-offset: 2px;
}

.view-services .pagination > li.active > a,
.view-services .pagination > li.active > a:hover {
  background: var(--sv-red);
  border-color: var(--sv-red);
  color: #fff;
}

@media (max-width: 767px) {
  .view-services .views-exposed-form .form--inline {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .view-services .views-exposed-form .form-submit {
    width: 100%;
  }
  .view-services td.views-field-title,
  .view-services td.views-field-field-brief-description {
    display: block;
    width: auto;
  }
  .view-services table > tbody > tr > td {
    padding: 12px 16px;
  }
  .view-services table > tbody > tr > td.views-field-title {
    padding-bottom: 0;
    border-top: 1px solid var(--sv-tint);
  }
  .view-services table > tbody > tr > td.views-field-field-brief-description {
    border-top: 0;
  }
}

@media (forced-colors: active) {
  .view-services .views-exposed-form .form-control,
  .view-services .views-exposed-form .form-submit,
  .view-services .pagination > li > a {
    border: 2px solid ButtonText;
  }
  .view-services .pagination > li.active > a {
    border-color: Highlight;
  }
}

.view-taxonomy-term {
  --tx-red: #9f1a05;
  --tx-red-dk: #861604;
  --tx-teal: #256F75;
  --tx-aqua: #00A9B6;
  --tx-navy: #19324A;
  --tx-tint: #DDEFF1;
  --tx-bg: #F1F6F6;
  color: var(--tx-navy);
}

.view-taxonomy-term .view-content {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 24px;
  margin: 0 0 32px;
}

.view-taxonomy-term .views-row {
  display: flex;
  margin: 0;
}

.view-taxonomy-term .views-row > article {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0;
  padding: 24px;
  background: #fff;
  border: 1px solid var(--tx-tint);
  border-top: 4px solid var(--tx-aqua);
  position: relative;
  transition: background-color 0.2s, border-color 0.2s;
}

.view-taxonomy-term .views-row > article:hover,
.view-taxonomy-term .views-row > article:focus-within {
  background: var(--tx-bg);
  border-top-color: var(--tx-teal);
}

.view-taxonomy-term .views-row > article > h2 {
  margin: 0 0 16px;
  font-size: 22px;
  line-height: 1.3;
  color: var(--tx-navy);
}

.view-taxonomy-term .views-row > article > footer {
  display: none;
}

.view-taxonomy-term .views-row > article > .content {
  margin-top: auto;
}

.view-taxonomy-term .views-row .links.inline {
  margin: 0;
  padding: 0;
}

.view-taxonomy-term .views-row .node-readmore {
  padding: 0;
  display: none;
}

.view-taxonomy-term .views-row .node-readmore a {
  display: inline-block;
  padding: 10px 20px;
  border: 2px solid var(--tx-red);
  border-radius: 0;
  background: var(--tx-red);
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.3;
  text-decoration: none;
  transition: background-color 0.2s;
}

.view-taxonomy-term .views-row .node-readmore a:hover,
.view-taxonomy-term .views-row .node-readmore a:visited {
  color: #fff;
}

.view-taxonomy-term .views-row .node-readmore a:hover {
  background: var(--tx-red-dk);
  border-color: var(--tx-red-dk);
}

.view-taxonomy-term .views-row .node-readmore a:focus-visible {
  outline: 3px solid var(--tx-navy);
  outline-offset: 2px;
}

.view-taxonomy-term .pager {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  margin: 0 0 32px;
  padding: 0;
}

.view-taxonomy-term .pager li > a,
.view-taxonomy-term .pager li > span {
  float: none;
  display: block;
  min-width: 44px;
  padding: 10px 20px;
  border: 2px solid var(--tx-teal);
  border-radius: 0;
  background: #fff;
  color: var(--tx-teal);
  font-size: 16px;
  font-weight: 700;
  line-height: 1.3;
  text-align: center;
  text-decoration: none;
}

.view-taxonomy-term .pager li > a:hover {
  background: var(--tx-tint);
  border-color: var(--tx-navy);
  color: var(--tx-navy);
}

.view-taxonomy-term .pager li > a:focus-visible {
  outline: 3px solid var(--tx-navy);
  outline-offset: 2px;
}

.view-taxonomy-term .feed-icons {
  margin: 0;
  padding-top: 16px;
  border-top: 1px solid var(--tx-tint);
  font-size: 16px;
}

@media (max-width: 767px) {
  .view-taxonomy-term .view-content {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .view-taxonomy-term .views-row > article {
    padding: 20px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .view-taxonomy-term .views-row > article,
  .view-taxonomy-term .views-row .node-readmore a {
    transition: none;
  }
}

@media (forced-colors: active) {
  .view-taxonomy-term .views-row > article,
  .view-taxonomy-term .views-row .node-readmore a,
  .view-taxonomy-term .pager li > a {
    border: 2px solid ButtonText;
  }
}

.tx-title {
  margin: 24px 0 24px;
  padding: 0;
  color: #19324A;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.2;
  overflow-wrap: anywhere;
}

.tx-title::after {
  content: "";
  display: block;
  width: 64px;
  height: 4px;
  margin-top: 12px;
  background: #00A9B6;
}

@media (min-width: 768px) {
  .tx-title {
    font-size: 36px;
  }
}

@media (forced-colors: active) {
  .tx-title::after {
    background: CanvasText;
  }
}

/* SSO required: lock icon after the link text (hidden text added by js/sso-links.js) */
.sso-link::after,
.sso-legend__icon {
  content: "";
  display: inline-block;
  width: 0.8em;
  height: 0.8em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1a4 4 0 0 0-4 4v2H3v8h10V7h-1V5a4 4 0 0 0-4-4zm-2 4a2 2 0 1 1 4 0v2H6V5z'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1a4 4 0 0 0-4 4v2H3v8h10V7h-1V5a4 4 0 0 0-4-4zm-2 4a2 2 0 1 1 4 0v2H6V5z'/%3E%3C/svg%3E") center / contain no-repeat;
  vertical-align: baseline;
  text-decoration: none;
}

.sso-link::after {
  margin-left: 0.35em;
}

.sso-legend {
  margin: 0 0 16px;
  color: #19324A;
  font-size: 16px;
  line-height: 1.5;
}

.sso-legend__icon {
  margin-right: 0.5em;
  color: #256F75;
}

@media (forced-colors: active) {
  .sso-link::after,
  .sso-legend__icon {
    background-color: LinkText;
  }
}

/* /storage page (#app): Internet2 brand palette to match the service and page templates.
   Navy #19324A text, teal #256F75 controls, aqua #00A9B6 decorative only, tint #DDEFF1, mist #F1F6F6. */
#app .title,
#app .sub-heading,
#app #questionlist li,
#app #questionlist .question-wrapper h4 {
  color: #19324A;
}

/* the aqua bar replaces the old red underline from .interior-content h2.title */
#app .app-title h2.title {
  border-bottom: 0;
}

#app .app-title .title::after {
  content: "";
  display: block;
  width: 64px;
  height: 4px;
  margin-top: 12px;
  background: #00A9B6;
}

#app .cert .fa,
#app #questionlist .control-indicator,
#app #questionlist .facet-toggle::before {
  color: #256F75;
}

#app .section-break {
  border-color: #00A9B6;
  opacity: 0.5;
}

#app #questionlist input[type="checkbox"] {
  accent-color: #256F75;
}

#app #questionlist .explanation .panel-heading {
  background-color: #256F75;
}

#app #questionlist .explanation .panel-heading,
#app #questionlist .explanation .panel-primary {
  border-color: #19324A;
}

#app #questionlist .facet-toggle:focus-visible,
#app #questionlist .control-indicator:focus-visible {
  outline: 3px solid #19324A;
  outline-offset: 2px;
}

/* service cards */
#app #rdmsg-services .service-panel:focus-within {
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: 3px solid #19324A;
  outline-offset: 2px;
}

#app #rdmsg-services .service-panel input ~ .control-indicator {
  background-color: #F1F6F6;
  border-color: #256F75;
}

#app #rdmsg-services .service-panel input ~ .control-indicator::before {
  color: #256F75;
}

#app #rdmsg-services .service-panel h4,
#app #rdmsg-services .service-panel p {
  color: #19324A;
}

#app #rdmsg-services .service-panel input:checked ~ .control-indicator {
  background-color: #256F75;
}

#app #rdmsg-services .service-panel input:checked ~ .control-indicator::before {
  color: #fff;
}

#app #rdmsg-services .service-panel input:checked ~ h4,
#app #rdmsg-services .service-panel input:checked ~ p {
  color: #fff;
}

/* comparison chart picker and buttons */
.comparisonlist-wrapper label {
  color: #19324A;
  border-color: #256F75;
}

.comparisonlist-wrapper label:focus-within {
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: 3px solid #19324A;
  outline-offset: 2px;
}

.comparisonlist-wrapper input + .control-indicator::before {
  color: #00A9B6;
}

.comparisonlist-wrapper input:checked + .control-indicator::before {
  color: #256F75;
}

#app .btn-secondary {
  border-color: #256F75;
  color: #256F75;
}

#app .btn-secondary:hover,
#app .btn-secondary:focus {
  background-color: #DDEFF1;
  border-color: #256F75;
  color: #19324A;
}

#app .btn-secondary:active,
#app .btn-secondary:active:hover,
#app .btn-secondary:active:focus {
  background-color: #256F75;
  border-color: #256F75;
  color: #fff;
}

.jump-to-chart {
  background: #19324A;
}