/*
 * Utilities
 */

.fit-100 { object-fit: cover; height: 100px; }
.fit-150 { object-fit: cover; height: 150px; }
.fit-200 { object-fit: cover; height: 200px; }
.fit-250 { object-fit: cover; height: 250px; }
.fit-300 { object-fit: cover; height: 300px; }
.fit-350 { object-fit: cover; height: 350px; }

a {
  color: #005398;
}
a.no-hover-underline:hover { text-decoration: none; }

.btn-yellow {
  box-shadow: 0 0 10px #d68205 inset;
  background: radial-gradient(ellipse at bottom left, #fdc108, #f3bb32, #f7e6b0);
}
.btn-yellow:hover {
  box-shadow: 3px -3px 10px #d68205 inset;
  background: radial-gradient(ellipse at top right, #fdc108, #f3bb32, #f7e6b0);
}

.gradient-basic {
  background: rgb(0,45,82);
  background: radial-gradient(ellipse at top right, #002d52 0%, #3270a6, #005398 100%);
  box-shadow: 0 10px 40px #032e5390;
  /*background: radial-gradient(circle, rgba(0,45,82,1) 0%, rgba(0,83,152,1) 100%);*/
}

.accordion .acc-title {
    cursor: pointer;
}

.counter-circle {
  border: 6px solid #eee;
  border-radius: 100%;
  padding: 20px;
  width: 10em;
  height: 10em;
  display: flex;
  justify-content: center;
  flex-flow: column;
  box-shadow: 10px -10px 30px #ffffff60 inset, 0 0 10px #FFFFFF50;
  background: radial-gradient(ellipse at top right, #0a5093, transparent);
  transition: all 100ms ease-out;
}
.counter-circle:hover {
  border: 3px solid #eee;
  box-shadow: -10px 10px 50px #ffffff60 inset, 0 0 20px #FFFFFF;
}

.btn-primary {
  color: #fff;
  background-color: #005398;
  border-color: #005398;
}
.btn-primary:hover {
  background-color: #005398;
  opacity: 0.8;
}
.btn-link {
  color: #005398;
}
.btn-outline-primary {
  color: #005398;
  border-color: #005398;
}
.btn-outline-primary:hover {
  color: #fff;
  background-color: #005398;
  border-color: #005398;
}
.text-primary {
  color: #005398 !important;
}

.bg-primary {
  background-color: #005398 !important;
}