:root {
  --cal-blue: #003262;
  --cal-blue-light: #3B7EA1; /* lighter offset */
  --cal-blue-dark: #00254C;  /* darker offset */
  --cal-gold: #FDB515;
  --cal-gold-dark: #C4820E;  /* offset for visited links */
}

a:not(.nav-link):not(.navbar-brand):not(.btn-primary):link {
  color: var(--cal-blue);
  text-decoration: underline;
}

a:not(.nav-link):not(.navbar-brand):not(.btn-primary):visited {
  color: var(--cal-gold-dark);
  text-decoration: underline;
}

a:not(.nav-link):not(.navbar-brand):not(.btn-primary):hover {
  color: var(--cal-gold);
  text-decoration: none;
}

a:not(.nav-link):not(.navbar-brand):not(.btn-primary):active {
  color: var(--cal-blue-dark);
  text-decoration: none;
}

.btn-primary:link, .btn-primary:visited {
  background-color: #003262;
  border-color: #003262;
  color: #FFFFFF;
}

.btn-primary:hover, .btn-primary:active {
  background-color: #00254C;
  border-color: #00254C;
  color: #FFFFFF;
}

.btn-accent:link, .btn-accent:visited {
  background-color: #FDB515;
  border-color: #FDB515;
  color: #003262;
}

.btn-accent:hover, .btn-accent:active {
  background-color: #FDB515;
  border-color: #FDB515;
  color: #003262;
}

/*
.nav-link a:link, .nav-link a:visited {
  text-decoration: none;
} */

img {
  max-width: 100%;
}

img.float-start {
  margin: 1rem 1rem 1rem 0;
}

img.float-end {
  margin: 1rem 0 1rem 1rem;
}

/* Side notes for calling out things
https://gist.github.com/matthiasg/6153853
-------------------------------------------------- */

/* Base styles (regardless of theme) */
.bs-callout {
  margin: 20px 0;
  padding: 15px 30px 15px 15px;
  border-left: 5px solid #eee;
}
.bs-callout h4 {
  margin-top: 0;
}
.bs-callout p:last-child {
  margin-bottom: 0;
}
.bs-callout code,
.bs-callout .highlight {
  background-color: #fff;
}

/* Themes for different contexts */
.bs-callout-danger {
  background-color: #fcf2f2;
  border-color: #dFb5b4;
}
.bs-callout-warning {
  background-color: #fefbed;
  border-color: #f1e7bc;
}
.bs-callout-info {
  background-color: #f0f7fd;
  border-color: #d0e3f0;
}

/* Circular gradient background for logos */
.logo-circle {
  display: inline-block;
  padding: 1rem;
  width: 200px;
  height: 200px;
  border-radius: 50%;
  overflow: hidden;
  background: radial-gradient(circle, #ffffff 0%, #f8f9fa 100%);
}

.logo-circle img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 50%;
}