/*
/*
/*  custom.css
/*
/*  If not using Gulp and Sass, add your custom CSS below then include it
/*  in your page by adding a reference to assets/css/custom.css in the head of each page.
/*
*/
.loading-animation {
  background-color: #2980b9;
}
.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus,.btn:focus,
.btn.focus {
  box-shadow: none;
}
.box-shadow {
  box-shadow: rgba(0,0,0,0.31) 0 1px 6px;
}
html {
  scroll-behavior: smooth;
  --scrollbarBG: #eaedf2;
  --thumbBG: #bdc3c7;
}
body::-webkit-scrollbar {
  width: 10px;
}
body {
  scrollbar-width: thin;
  scrollbar-color: var(--thumbBG) var(--scrollbarBG);
}
body::-webkit-scrollbar-track {
  background: var(--scrollbarBG);
}
body::-webkit-scrollbar-thumb {
  background-color: var(--thumbBG) ;
  border-radius: 6px;
  border: 2px solid var(--scrollbarBG);
}

nav.navbar img {
  height: 40px;
}
.navbar[data-sticky="top"] img.logo-2 {
  display: none;
}
.navbar[data-sticky="top"].scrolled img.logo-1,
.navbar.scrolled, .navbar.navbar-toggled-show img.logo-1 {
  display: none;
}
.navbar[data-sticky="top"].scrolled img.logo-2,
.navbar.scrolled, .navbar.navbar-toggled-show img.logo-2 {
  display: inherit;
}

section#learning-package div.discount {
  text-decoration: line-through;
}
section#learning-package div.current-price {
  font-size: 20px;
}
section#learning-package button.btn-sm {
  font-weight: bold;
  width: 100%;
  text-transform: uppercase;
}
@media (max-width: 500px) {
  section#learning-package ul.list-unstyled .icon {
    height: 0.8rem;
  }
  section#learning-package ul.list-unstyled li h6 {
    font-size: 12px;    
  }
}

section#mentor .flickity-prev-next-button:after {
  margin: 10px;
}

@media (max-width: 1199.98px) {
  section#mentor .flickity-prev-next-button {
    display: inherit;
  }
}


section#article div.row div.col a.h4 {
  margin-bottom: 5px;
  text-overflow: ellipsis;
  white-space: normal;
  line-height: 1.29;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
section#article div.row div.col p.lead-content {
  text-overflow: ellipsis;
  white-space: normal;
  line-height: 1.29;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}