@import url("https://rsms.me/inter/inter.css");
body { background: #ffffff; color: #5a5f5f; font-family: "Inter", Helvetica, Arial, sans-serif; }

.bg-blue { background-color: #3489ca; }

.bg-light-grey { background-color: #d1cfcf; }

a { color: #3489ca; }

a:hover { color: #98c5e3; }

.principles-cta-icon { font-size: 125px; color: #ffffff; }

.partner-logo { max-width: 125px; }

.carousel-item { height: 35vh; min-height: 350px; background: no-repeat center center scroll; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }

.carousel-indicators li { width: 15px; height: 15px; border-radius: 100%; }

.logo-small { max-height: 40px; }

.navbar-light .navbar-nav .show > .nav-link { color: #3489ca; }

.navbar-light .navbar-nav .nav-link, .dropdown-item { font-weight: bold; color: #5a5f5f; }

.navbar-light .navbar-nav .nav-link:hover { color: #3489ca; }

.dropdown-menu { border: 2px solid #5a5f5f; }

.dropdown-item:hover, .dropdown-item:active { color: #3489ca; background-color: lightgrey; }

.active-icon { color: #3489ca; }

.disabled-icon { color: #5a5f5f; opacity: 0.5; }

#blog-section { height: 400px; overflow-y: scroll; }

#bluesky-section { height: 400px; overflow-y: scroll; }

img.open-access-icon-lg { height: 24px; }

img.open-access-icon-sm { height: 13px; }

header.page-header { padding: 100px; }

@media only screen and (min-width: 576px) { .line-height-3em { min-height: 3em; }
  .line-height-4em { min-height: 4.5em; } }
.timeline { position: relative; padding: 0; list-style: none; }

.timeline:before { position: absolute; top: 0; bottom: 0; left: 40px; width: 2px; margin-left: -1.5px; content: ''; background-color: #e9ecef; }

.timeline > li { position: relative; min-height: 50px; margin-bottom: 50px; }

.timeline > li:after, .timeline > li:before { display: table; content: ' '; }

.timeline > li:after { clear: both; }

.timeline > li .timeline-panel { position: relative; float: right; width: 100%; padding: 0 20px 0 100px; text-align: left; }

.timeline > li .timeline-panel:before { right: auto; left: -15px; border-right-width: 15px; border-left-width: 0; }

.timeline > li .timeline-panel:after { right: auto; left: -14px; border-right-width: 14px; border-left-width: 0; }

.timeline > li .timeline-image { position: absolute; z-index: 100; left: 0; width: 80px; height: 80px; margin-left: 0; text-align: center; color: white; border: 7px solid #e9ecef; border-radius: 100%; background-color: #3489ca; }

.timeline > li .timeline-image h4 { font-size: 10px; line-height: 14px; margin-top: 12px; }

.timeline > li.timeline-inverted > .timeline-panel { float: right; padding: 0 20px 0 100px; text-align: left; }

.timeline > li.timeline-inverted > .timeline-panel:before { right: auto; left: -15px; border-right-width: 15px; border-left-width: 0; }

.timeline > li.timeline-inverted > .timeline-panel:after { right: auto; left: -14px; border-right-width: 14px; border-left-width: 0; }

.timeline > li:last-child { margin-bottom: 0; }

.timeline .timeline-heading h4 { margin-top: 0; color: inherit; }

.timeline .timeline-heading h4.subheading { text-transform: none; }

.timeline .timeline-body > ul, .timeline .timeline-body > p { margin-bottom: 0; }

@media (min-width: 768px) { .timeline:before { left: 50%; }
  .timeline > li { min-height: 100px; margin-bottom: 100px; }
  .timeline > li .timeline-panel { float: left; width: 41%; padding: 0 20px 20px 30px; text-align: right; }
  .timeline > li .timeline-image { left: 50%; width: 100px; height: 100px; margin-left: -50px; }
  .timeline > li .timeline-image h4 { font-size: 13px; line-height: 18px; margin-top: 16px; }
  .timeline > li.timeline-inverted > .timeline-panel { float: right; padding: 0 30px 20px 20px; text-align: left; } }
@media (min-width: 992px) { .timeline > li { min-height: 150px; }
  .timeline > li .timeline-panel { padding: 0 20px 20px; }
  .timeline > li .timeline-image { width: 150px; height: 150px; margin-left: -75px; }
  .timeline > li .timeline-image h4 { font-size: 18px; line-height: 26px; margin-top: 30px; }
  .timeline > li.timeline-inverted > .timeline-panel { padding: 0 20px 20px; } }
@media (min-width: 1200px) { .timeline > li { min-height: 170px; }
  .timeline > li .timeline-panel { padding: 0 20px 20px 100px; }
  .timeline > li .timeline-image { width: 170px; height: 170px; margin-left: -85px; }
  .timeline > li .timeline-image h4 { margin-top: 40px; }
  .timeline > li.timeline-inverted > .timeline-panel { padding: 0 100px 20px 20px; } }
.btn-primary { background-color: #3489ca; border: 1px solid #3489ca; border-radius: 0px; }

.btn-primary:hover { background-color: #98C5E3; border: 1px solid #98C5E3; border-radius: 0px; }

.badge-light { color: #3489ca; font-size: 0.8em; font-weight: normal; }

.form-control { color: #3489ca; }

.form-control:focus { border-color: #3489ca; box-shadow: none; color: #3489ca; }

.form-group { margin-bottom: 25px; }

textarea#contact-form-message { min-height: 175px; }