:root {
  --primary-dark-blue: #000484;
  --darker-blue: #00004E;
  --medium-blue: #1297F3;
  --border-green: #67BB6E;
  --light-blue: #CCEAFF;
  --border-grey: #808482;
  --font-grey: #383938;
}

/* Utility */
.sbc-module.container {
  max-width: 1225px;
  width: 100%;
}
.sbc-module a {
  font-size: 14px;
  line-height: 19px;
  font-weight: 600;
  color: var(--primary-dark-blue);
}
.sbc-module p {
  font-size: 15px;
  line-height: 21px;
}
.sbc-module h1,
.sbc-module h2,
.sbc-module h3,
.sbc-module h4,
.sbc-module h5,
.sbc-module h6 {
  color: var(--font-grey);
}
.sbc-module h1 {
  font-size: 50px;
  font-weight: 300;
  line-height: 55px;
}
.sbc-module h2 {
  font-size: 40px;
  font-weight: 300;
  line-height: 48px;
}
.sbc-module h3,
.sbc-module h3 a {
  font-size: 22px;
  font-weight: 600;
  line-height: 26px;
  color: var(--font-grey);
}
.sbc-module h3 a:hover {
  text-decoration: underline;
}
/* Buttons */
.sbc-module button {
  border: none;
  background-color: initial;
  color: var(--primary-dark-blue);
  font-size: 14px;
  font-weight: 600;
  line-height: 19px;
  padding: 10px 18px 10px 18px;
  border: 1px solid var(--primary-dark-blue);
  border-radius: 100px;
}
.sbc-module button.small {
  font-size: 15px;
  line-height: 21px;
}
.sbc-module button:hover {
  cursor: pointer;
}
.sbc-module button.btn-secondary {
  background-color: var(--medium-blue);
  color: white;
  border: none;
}
.sbc-module button.btn-white {
  border-color: var(--medium-blue);
  color: var(--font-grey);
}

/* Borders */
.border {
  border: 1px solid;
}
.border-bottom {
  border: 0;
  border-bottom: 1px solid;
  padding-bottom: 40px;
}
.border-top {
  border: 0;
  border-top: 1px solid;
  padding-top: 40px;
}
.dashed-green-border {
  border-color: var(--border-green);
  border-style: dashed;
  margin-bottom: 40px;
}

/* Icons */
.arrow-link {
  display: flex;
  align-items: center;
  height: fit-content;
}
span.sbc-icon {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-bottom: -3px;
  height: 20px;
  width: 20px;
  margin-left: 10px;
}
span.blue-icon {
  filter: invert(12%) sepia(95%) saturate(7067%) hue-rotate(233deg) brightness(52%) contrast(130%);
}
span.arrow-icon {
  background-image: url('../assets/images/link-arrow.png');
}
span.arrow-icon.small {
  width: 15px;
  height: 15px;
  margin-left: 5px;
} 
span.adobe-icon {
  background-image: url('../assets/images/adobe-icon.png');
}
span.pdf-icon {
  background-image: url('../assets/images/pdf-icon.png');
}
span.audio-icon {
  background-image: url('../assets/images/audio-icon.png');
}
span.video-icon {
  background-image: url('../assets/images/video-icon.png');
}
span.external-link-icon {
  background-image: url('../assets/images/external-link-icon.png');
}
span.collapse-icon {
  background-image: url('../assets/images/collapse-icon.png');
}
span.close-icon {
  background-image: url('../assets/images/close-icon.png');
}
span.filter-icon {
  background-image: url('../assets/images/filter-icon.png');
}
span.close-widget-icon {
  background-image: url('../assets/images/close-widget-icon.png');
}
span.pagination-right {
  background-image: url('../assets/images/pagination-right.png');
}
span.pagination-left {
  background-image: url('../assets/images/pagination-left.png');
}