/* Inter */
@font-face {
  font-family: "inter_bold";
  src: url("../../base/fonts/Inter/Inter-Bold.ttf");
}
@font-face {
  font-family: "inter_regular";
  src: url("../../base/fonts/Inter/Inter-Regular.ttf");
}
@font-face {
  font-family: "inter_light";
  src: url("../../base/fonts/Inter/Inter-Light.ttf");
}

:root {
  --taiheiyo-primary: rgba(37, 74, 165, 100%);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "inter_bold", sans-serif;
}

p,
label,
li {
  font-size: 16px;
  font-family: "inter_regular", sans-serif;
}

@media screen and (min-width: 1536px) {
  p,
  label,
  li {
    font-size: 18px;
  }
}

div,
button,
span {
  font-size: 14px;
  font-family: "inter_regular", sans-serif;
}

.accordion .card .card-body,
.accordion .card .card-body p,
.accordion .card .card-body label,
.accordion .card .card-body li {
  color: #404040;
  font-size: 16px;
  font-family: "inter_regular", sans-serif;
}

.alert.alert-warning,
.alert.alert-warning h4,
.alert.alert-warning p {
  color: #815c15;
}

blockquote {
  width: 30%;
  color: #555555;
  padding: 20px 0 20px 15px;
  border-left: 8px solid #e92027;
  line-height: 1.6;
  position: relative;
  background-color: #f5f6f7;
  border-radius: 4px;
  margin-top: 1rem;
}

blockquote p {
  font-size: 1rem;
  font-family: "inter_bold", sans-serif;
  font-style: italic;
  margin-bottom: 0;
}

.text-yellow,
.text-yellow:hover {
  color: #f7a40f;
  font-size: 16px;
}
.text-yellow:hover {
  text-decoration: underline;
}

@media screen and (min-width: 1536px) {
  .text-yellow,
  .text-yellow:hover {
    font-size: 18px;
  }
}

.btn.canary-btn {
  background-color: #768192;
  color: #18191f;
  padding: 0.5rem 2rem;
  font-weight: 600;
}
.btn.canary-btn.canary-btn--large {
  padding: 0.8rem 2rem;
  font-size: 1.25rem;
  font-weight: 800;
}
.btn.canary-btn.canary-btn--small {
  padding: 0.25rem 2rem;
  font-size: 0.875rem;
}
.btn.canary-btn.canary-btn--blue {
  background-color: #0a2647;
  color: #ffffff;
}
.btn.canary-btn.canary-btn--blue:hover {
  background-color: #071a31;
}
.btn.canary-btn.canary-btn--blueoutline {
  background-color: transparent;
  color: #0a2647;
  border: 1px solid #0a2647;
}
.btn.canary-btn.canary-btn--blueoutline:hover {
  background-color: #0a2647;
  color: #ffffff;
}
.btn.canary-btn.canary-btn--yellow {
  font-size: 14px;
  background-color: #f7a40f;
  color: #ffffff;
}
.btn.canary-btn.canary-btn--yellow:hover {
  font-size: 14px;
  background-color: #e59608;
}
.btn.canary-btn.canary-btn--yellowoutline {
  background-color: transparent;
  color: #f7a40f;
  border: 1px solid #f7a40f;
}
.btn.canary-btn.canary-btn--yellowoutline:hover {
  background-color: #f7a40f;
  color: #ffffff;
}
.btn.canary-btn.canary-btn--green {
  background-color: #059669;
  color: #ffffff;
}
.btn.canary-btn.canary-btn--green:hover {
  background-color: #047d58;
}
.btn.canary-btn.canary-btn--greenoutline {
  background-color: transparent;
  color: #059669;
  border: 1px solid #059669;
}
.btn.canary-btn.canary-btn--greenoutline:hover {
  background-color: #059669;
  color: #ffffff;
}
.btn.canary-btn.canary-btn--skyblue {
  background-color: #3b82f6;
  color: #ffffff;
}
.btn.canary-btn.canary-btn--skyblue:hover {
  background-color: #2372f5;
}
.btn.canary-btn.canary-btn--skyblueoutline {
  background-color: transparent;
  color: #3b82f6;
  border: 1px solid #3b82f6;
}
.btn.canary-btn.canary-btn--skyblueoutline:hover {
  background-color: #3b82f6;
  color: #ffffff;
}
.btn.canary-btn.canary-btn--red {
  background-color: #ef4444;
  color: #ffffff;
}
.btn.canary-btn.canary-btn--red:hover {
  background-color: #ed2d2d;
}
.btn.canary-btn.canary-btn--redoutline {
  background-color: transparent;
  color: #ef4444;
  border: 1px solid #ef4444;
}
.btn.canary-btn.canary-btn--redoutline:hover {
  background-color: #ef4444;
  color: #ffffff;
}

.has-separator {
  position: relative;
}
.has-separator::before {
  content: "";
  position: absolute;
  top: 0;
  width: 100px;
  height: 3px;
  background-color: #f7a40f;
  z-index: 1;
}
.has-separator.separator-center::before {
  left: 50%;
  transform: translateX(-50%);
}

@media (min-width: 992px) {
  .hasminmargin-top--200 {
    margin-top: -200px;
  }
}
.unorderedlist-content li {
  list-style: disc;
  list-style-position: inside;
  margin-bottom: 6px;
  font-size: 16px;
}

.footer .footer-text {
  margin-bottom: 0;
}
.footer .footer-text span:not(:last-child) {
  margin-right: 0.5rem;
}
.footer .footer-text span:not(:last-child)::after {
  content: "|";
  padding-left: 10px;
}
.footer .footer-text span,
.footer .footer-text a {
  color: #ffffff;
  font-size: 13px;
}

.c-sidebar-nav,
.footer {
  background-color: var(--taiheiyo-primary);
}

.webform-steppers .stepper-item.complete .step-dot,
.webform-steppers .stepper-item.active .step-dot {
  background-color: var(--taiheiyo-primary);
  border: 2px solid var(--taiheiyo-primary);
}
.webform-steppers .stepper-item.complete .step-name,
.webform-steppers .stepper-item.active .step-name {
  color: var(--taiheiyo-primary);
}

.webform-steppers .stepper-item.complete:not(:first-child)::before,
.webform-steppers .stepper-item.active:not(:first-child)::before {
  background-color: var(--taiheiyo-primary);
}