@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@1,300;1,400;1,700;1,900&display=swap');

.small {
  font-size: small!important;
}

.date {
  color: #e8171f!important;
}

.panel-group .panel {
  border: none!important;
  border-radius: 0!important;
  box-shadow: none!important;
}

.panel-group .panel+.panel {
  margin-top: 10px;
}

.panel-default > .panel-heading {
  background: #eee!important;
  border-radius: 0!important;
  padding: 15px;
}

.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
  color: #fff;
  background: #006997;
  background-color: #006997;
  font-weight: bold;
}

.nav-pills>li {
  background: #f1f1f1;
  background-color: #f1f1f1;
}

.nav-pills>li>a {
  border-radius: 0!important;
  font-weight: normal;
  color: #444444;
}

.nav-stacked>li+li {
  margin-top: 10px;
}

.panel-title > a {
  color: #000;
  text-decoration: none;
  transition: transform .2s ease-out;
}

.panel-title > a:hover, .panel-title > a:hover::before, .panel-title > a.collapsed:hover, .panel-title > a.collapsed:hover::before  {
  color: #e8171f;
}

.panel-title {
  font-variant-ligatures: none;
  font-size: 15px;
  font-weight: bold;
}

/* Open */
.panel-title > a::before {
  font-family: 'lexisnexis-icons';
  float: right !important;
  content: "\e60b";
  transform: translateY(0px) rotate(0deg) scale(1);
  transition: all 0.3s ease-in-out;
}

/* Closed */
.panel-title > a.collapsed {
  color: #555;
}

.panel-title > a.collapsed::before {
  transform: rotate(-45deg) translateX(0px) translateY(0px) scale(0.8);
}

.panel-body {
  padding: 25px;
  background: #fbfbfb;
}

.panel-body p, .panel-body span, .panel-body ul > li, .panel-body ol > li {
  font-weight: normal!important;
  font-size: 16px;
}

.panel-body strong, .panel-body b {
  font-weight: bold!important;
}

.embed-responsive {
  position: relative;
  overflow: hidden;
  width: 100%;
}

.embed-responsive.embed-responsive-4by3 {
  padding-top: 75%;
}

.embed-responsive.embed-responsive-16by9 {
  padding-top: 56.25%;
}

.embed-responsive > .embed-responsive-item {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

@media screen and (min-width: 320px) {
  .panel-title {
    font-size: calc(17px + 6 * ((100vw - 320px) / 680));
  }
}
@media screen and (min-width: 1000px) {
  .panel-title {
    font-size: 19px;
  }
}