:root {
  --bs-ua-blue: #0057b7;
  --bs-ua-blue-rgb: 0, 87, 183;
  --bs-ua-yellow: #ffd700;
  --bs-ua-yellow-rgb: 255, 215, 0;
  --bs-primary: var(--bs-ua-blue);
  --bs-link-color-rgb: var(--bs-ua-blue-rgb);
  --bs-link-hover-color-rgb: var(--bs-ua-blue-rgb);
  --bs-primary-rgb: var(--bs-ua-blue-rgb);
  --bs-body-color: #49525f;
  --bs-body-color-rgb: 73, 82, 95;
  --bs-soft-primary: #d7e6f8;
  --bs-pale-primary: #d6e4f4;
  --bs-bullet-soft-primary: #c4d8ee;
  --bs-icon-fill-primary: #669ad4;
  --bs-icon-solid-fill-primary: #99bce2;
  --bs-border-soft-primary: #b3cde9;
}
.underline-3.primary.style-2:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 208.01 8.3'%3E%3Cpath fill='%23ffd700' d='M64.42,2.42Q42.78,1.46,21.19,0c-2.8-.19-4.09.89-3.87,2L3.92,1.87c-5.13-.05-5.28,3.87-.12,3.92l60.49.55c46.63,2.08,93.34,2.51,139.81,1.27,5-.13,5.39-3.87.13-3.92Z'/%3E%3C/svg%3E");
}
.underline-3.primary.style-3:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 205 9.37'%3E%3Cpath fill='%23ffd700' d='M202.47,9.37A1191.26,1191.26,0,0,0,1.79,7.48,1.67,1.67,0,0,1,0,5.92H0A1.76,1.76,0,0,1,1.63,4.21c67-5.71,133.83-5.43,200.8-.27A2.75,2.75,0,0,1,205,6.88h0A2.6,2.6,0,0,1,202.47,9.37Z'/%3E%3C/svg%3E");
}
.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' width='45' height='32' viewBox='0 0 45 32'><path fill='#0057b7' d='M26.88 29.888c-1.076 1.289-2.683 2.103-4.48 2.103s-3.404-0.814-4.472-2.093l-0.008-0.009-5.12-7.040-8.192-10.048-3.52-4.608c-0.646-0.848-1.036-1.922-1.036-3.087 0-2.828 2.292-5.12 5.12-5.12 0.139 0 0.277 0.006 0.413 0.016l-0.018-0.001h33.664c0.118-0.010 0.256-0.015 0.396-0.015 2.828 0 5.12 2.292 5.12 5.12 0 1.165-0.389 2.239-1.045 3.1l0.009-0.013-3.52 4.608-7.872 10.048z'/></svg>");
}
.cursor-primary a {
  cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='0 0 50 50'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%230057b7;opacity:0.9;%7D.cls-2%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Ccircle class='cls-1' cx='25' cy='25' r='25'/%3E%3Cpath class='cls-2' d='M21.79,26.79,17,31.59V30a1,1,0,0,0-2,0v4a1,1,0,0,0,.08.38,1,1,0,0,0,.54.54A1,1,0,0,0,16,35h4a1,1,0,0,0,0-2H18.41l4.8-4.79a1,1,0,0,0-1.42-1.42Z'/%3E%3Cpath class='cls-2' d='M34.92,15.62a1,1,0,0,0-.54-.54A1,1,0,0,0,34,15H30a1,1,0,0,0,0,2h1.59l-4.8,4.79a1,1,0,0,0,0,1.41h0a1,1,0,0,0,1.41,0h0L33,18.41V20a1,1,0,0,0,2,0V16A1,1,0,0,0,34.92,15.62Z'/%3E%3C/svg%3E"), auto;
}
.process-wrapper.arrow [class*=col-]:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 108.15 19.5'%3E%3Cpath fill='%230057b7' d='M2.38,13.63A107.77,107.77,0,0,1,41.56,3.28C54.29,2.51,67,4.2,79.4,6.9c7.73,1.68,15.38,3.73,23,5.86a1.56,1.56,0,0,0,.83-3C89.85,6,76.35,2.5,62.54.87A111,111,0,0,0,24,2.73,119,119,0,0,0,.8,10.93c-1.81.85-.23,3.54,1.58,2.7Z'/%3E%3Cpath fill='%230057b7' d='M95.51,19.27A60.35,60.35,0,0,1,107,12.41a1.58,1.58,0,0,0,1.12-1.29,1.53,1.53,0,0,0-.75-1.56,20.31,20.31,0,0,1-9-8.65,1.56,1.56,0,0,0-2.7,1.57c2.34,4,5.79,7.86,10.12,9.78l.37-2.86a62.69,62.69,0,0,0-12.25,7.18,1.6,1.6,0,0,0-.56,2.14,1.56,1.56,0,0,0,2.13.55Z'/%3E%3C/svg%3E");
}

.solid-duo.text-blue-yellow .fill-primary {
  fill: var(--bs-ua-blue);
}
.solid-duo.text-blue-yellow .fill-secondary {
  fill: var(--bs-ua-yellow);
}
.btn-flag-yellow {
  --bs-btn-color: #343f52;
  --bs-btn-bg: var(--bs-ua-yellow);
  --bs-btn-border-color: var(--bs-ua-yellow);
  --bs-btn-hover-color: #343f52;
  --bs-btn-hover-bg: #f0ca00;
  --bs-btn-hover-border-color: #f0ca00;
  --bs-btn-active-color: #343f52;
  --bs-btn-active-bg: #e0be00;
  --bs-btn-active-border-color: #e0be00;
  --bs-btn-focus-shadow-rgb: var(--bs-ua-yellow-rgb);
}
/* style.css has `a[href^="tel"] { color: inherit }`, which outranks `.btn`'s
   `color: var(--bs-btn-color)` — so the color must be set directly here. */
.btn-primary[href^="tel:"] {
  --bs-btn-color: var(--bs-ua-yellow);
  --bs-btn-hover-color: var(--bs-ua-yellow);
  --bs-btn-active-color: var(--bs-ua-yellow);
  color: var(--bs-ua-yellow);
}
.flag-stripe {
  display: block;
  width: 3.5rem;
  height: 0.5rem;
  border-radius: 0.25rem;
  background: linear-gradient(180deg, var(--bs-ua-blue) 0, var(--bs-ua-blue) 50%, var(--bs-ua-yellow) 50%, var(--bs-ua-yellow) 100%);
}
.flag-stripe-top {
  display: block;
  width: 100%;
  height: 0.375rem;
  border-radius: 0.8rem 0.8rem 0 0;
  background: linear-gradient(180deg, var(--bs-ua-blue) 0, var(--bs-ua-blue) 50%, var(--bs-ua-yellow) 50%, var(--bs-ua-yellow) 100%);
}
.bg-flag-yellow {
  background-color: #fdf0c2 !important;
}
/* The theme's muted grey is #aab0bc, which is under 2.5:1 on every light background here. */
.text-muted {
  color: #5c6473 !important;
}
blockquote.icon:before {
  color: rgba(var(--bs-ua-yellow-rgb), 0.28);
  z-index: 0;
}
blockquote.icon > p,
blockquote.icon .blockquote-details {
  position: relative;
  z-index: 1;
}

/* On dark surfaces (footer, mobile nav drawer) the primary blue is far too dark to
   read, so the flag yellow takes over as the accent there. */
.text-inverse a:not(.btn):hover,
.bg-dark.text-inverse a:not(.btn):not([class*=link-]):hover,
.bg-navy.text-inverse a:not(.btn):not([class*=link-]):hover,
[class*=offcanvas-].text-inverse a:not(.btn):not([class*=link-]):hover {
  color: var(--bs-ua-yellow);
}
.text-inverse a:not(.btn):hover {
  border-color: var(--bs-ua-yellow);
}
footer.bg-dark.text-inverse a:not(.btn)[href^="tel:"],
footer.bg-dark.text-inverse a:not(.btn)[href^="mailto:"],
.offcanvas-footer a:not(.btn)[href^="tel:"],
.offcanvas-footer a:not(.btn)[href^="mailto:"] {
  color: var(--bs-ua-yellow);
}