/* GLOBALS */
* {
  font-family: Lato, Helvetica Neue, Arial, Helvetica, sans-serif;
}

body {
  background-color: #fcfcfc;
}

.bg-primary-opaque {
  background-color: rgba(84, 102, 142, 0.1);
}

.text-primary {
  color: #54668e !important
}

.sticky-top.sticky-100 {
  top: 100px;
}

/* BREADCRUMB */
.breadcrumb-wrap {
  background-color: #e9ecef;
}

/* NAVBAR */
@media (min-width: 992px) {
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 1rem;
    padding-left: 1rem;
  }
}

/* FOOTER */
footer {
  min-height: 200px;
  background-color: #353958;
}

footer .footer-logo {
  width: 100%;
  max-width: 225px;
  margin: auto;
}

/* SECTION */
section {
  padding: 2rem 0;
}

section:first-of-type {
  padding-top: 0;
}

section:last-of-type {
  padding-bottom: 0;
}

section.extra {
  padding: 4rem 0;
}

/* BADGES */
.badge-primary {
  background-color: #54668e;
}

/* BUTTONS */
.btn-primary {
  background-color: #54668e;
  border-color: #54668e;
}

.btn-primary:hover {
  background-color: #3a4b71;
  border-color: #3a4b71;
}

.btn-primary:active,
.btn-primary:focus {
  background-color: #3a4b71 !important;
  border-color: #3a4b71 !important;
  box-shadow: 0 0 0 .2rem rgba(84, 102, 142, 0.5) !important;
}

.btn-primary-opaque {
  background-color: rgba(84, 102, 142, 0.1);
  border-color: transparent;
  color: #3a4b71;
}

.btn-primary-opaque:hover {
  border-color: transparent;
  background-color: rgba(84, 102, 142, 0.15);
  color: #3a4b71;
}

.btn-primary-opaque:active,
.btn-primary-opaque:focus {
  border-color: transparent !important;
  background-color: rgba(84, 102, 142, 0.15) !important;
  color: #3a4b71;
  box-shadow: 0 0 0 .2rem rgba(84, 102, 142, 0.05) !important;
}

/* NAVBAR */
.navbar-brand img {
  max-height: 50px;
}

/* CARDS */
.card {
  width: 100%;
}

.card-img-top {
  height: 200px;
  object-fit: cover;
}

/* IMAGES */
.block-image img,
.richtext-image {
  border-radius: .25rem;
  margin-bottom: 1rem;
}

.richtext-image.full-width {
  max-width: 100%;
  height: auto;
}

.richtext-image.left {
  float: left;
  margin-right: 1rem;
  max-width: calc(50% - 1rem);
  height: auto;
}

.richtext-image.right {
  float: right;
  margin-left: 1rem;
  max-width: calc(50% - 1rem);
  height: auto;
}

@media (max-width: 991px) {
  .richtext-image {
    float: unset !important;
    display: block !important;
    width: unset !important;
    max-width: 100% !important;
    margin: 1rem auto !important;
  }
}

.block-paragraph p {
  min-height: 8px;
}