.bg-primary {
  background-color: #2b6fd4!important;
}
.lead {
  font-size: 0.85rem !important;
}
.display-4 {
  font-size: 2rem !important;
}
img {
  max-width: 100%;
  height: auto;
}
p {
  overflow-wrap: break-word;
  word-wrap: break-word;
}
h4{
  font-size: 1.25rem;
}

.resources-header {
  color: #212529;
}

@media (min-width: 992px){
h4{
  font-size: 1.5rem;
}
}
.font-weight-bold {
  font-weight: 600!important;
}
.border-bottom {
  border-bottom: 1px solid #dee2e6!important;
}
@media (min-width: 576px){
.flex-sm-fill {
    -ms-flex: 1 1 auto!important;
    flex: 1 1 auto!important;
}
}
.bd-callout {
  padding: 1.25rem;
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  border: 1px solid #eee;
  /*border-left-width: .25rem;*/
  background: #fafafa;
  border-radius: 0.25rem;
}
.featured {
  background: #fafafa;
}
.bd-callout-info {
  border-left-color: #5bc0de;
}
.navbar-ed a {
color: #fff;
}
.navbar-ed a:hover {
  opacity: 0.6;
  transition: 0.3s;
}
.square > div {
  padding-bottom: 25%;
  padding-top: 25%;
}
@media (max-width: 768px) {
  .bg-sm-white {
    background-color: white;
  }
}
.more {
  font-weight: 500;
}
.more:after {
  content: " \003E";
}
.btn {
  white-space: normal;
}
.btn-outline-secondary {
  color:#868e96 !important;
}
.btn-outline-secondary.active2, .btn-outline-secondary:hover {
  background-color: #868e96 !important;
  color:#fff !important;
  transition: 0.3s;
}
.btn-primary {
  background-color: #2b6fd4 !important;
  border-color: #2b6fd4 !important;
}
/* HOME SLIDER */
.glider-contain .row {
  opacity: 0;
}
.glider-contain .row:first-child {
  opacity: 1;
}
.opacity-1 {
  opacity: 1 !important;
}

.glider-slide img.loaded {
  opacity: 1;
}
.glider-next {
  right: 5vw;
  top: calc(50% - 35px);
}
.glider-prev {
  left: 5vw;
  top: calc(50% - 35px);
}
.featured .glider-next {
  right: -30px;
  top: calc(50% - 35px);
}
.featured .glider-prev {
  left: -30px;
  top: calc(50% - 35px);
}
.glider-home #dots {
  position: absolute;
  margin-top: 500px;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
}
.glider-home a,
.glider-home p {
  font-size: 1em;
}
.glider-home h2 {
  font-size: 1.25em;
}
.glider-home img {
  opacity: 0.6;
  height: 50vh;
  object-fit: cover;
  object-position: 50% 50%;
}
@media (min-width: 768px) {
  .glider-home img {
    height: 45vh;
  }
 
}
@media (min-width: 992px) {
  .glider-home p {
    font-size: 1.25em;
  }
  .glider-home a,
  .glider-home h2 {
    font-size: 1.5em;
  }
  .glider-home #dots {
   
    bottom: 40px;
  }
}
@media (min-width: 1200px) {
  .glider-home img {
    width: 100%;
    height: auto;
  }
}
.card-footer {
  background-color: transparent;
}
.card-text p{
  margin-bottom: 0.5rem;
}
ul#papersTab a {
  font-size: 1.25rem;
}
@media (min-width: 768px) {
  ul#papersTab a {
    font-size: 1.75rem;
  }
}
.glider-ed-pages h4 a {
  color: #212529;
}
.glider-ed-pages h4 a:hover {
  color: #0056b3;
  transition: 0.3s;
}
.key-papers .nav-link {
  padding: 0.5rem 1rem !important;
}
.singlecontent ol {
  list-style-position: inside;
}

/* FAQs */
#accordionFAQ button{
  color: #2b6fd4;
}
#accordionFAQ button:hover {
  color: #0056b3;
  transition: 0.3s;
  text-decoration: none;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
  .w-sm-100 {
    width: 100% !important;
  }

  .w-sm-75 {
    width: 75% !important;
  }

  .w-sm-50 {
    width: 50% !important;
  }

  .w-sm-25 {
    width: 25% !important;
  }
  .lead {
    font-size: 1rem !important;
  }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .w-md-100 {
    width: 100% !important;
  }

  .w-md-75 {
    width: 75% !important;
  }

  .w-md-50 {
    width: 50% !important;
  }

  .w-md-25 {
    width: 25% !important;
  }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  .w-lg-100 {
    width: 100% !important;
  }

  .w-lg-75 {
    width: 75% !important;
  }

  .w-lg-50 {
    width: 50% !important;
  }

  .w-lg-25 {
    width: 25% !important;
  }

  .lead {
    font-size: 1.25rem !important;
  }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  .w-xl-100 {
    width: 100% !important;
  }

  .w-xl-75 {
    width: 75% !important;
  }

  .w-xl-50 {
    width: 50% !important;
  }

  .w-xl-25 {
    width: 25% !important;
  }
}