body a,
a.page-link {
  color: #3c3b34;
}

body a:hover,
a.page-link:hover {
  color: #666666;
  text-decoration: none;
}

.btn-link {
  color: rgba(0, 0, 0, 0.7);
}

.btn-link:hover {
  color: rgba(0, 0, 0, 1);
  text-decoration: none;
}

.hero {
  background-size: cover;
}

.hero input {
  padding: 1rem 3rem;
  background: #fff url("../img/icons/search.svg") no-repeat;
  background-position: 1rem 0.9rem;
  font-size: 1rem;
  height: 3rem;
}

.big-search-box {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.2);
  border-radius: 2rem;
  border: 0;
}

.card-topic {
  -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
}

.card-topic:hover {
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.2);
}

.site-header {
  line-height: 1;
  border-bottom: 1px solid #e5e5e5;
}

.nav-scroller {
  position: relative;
  z-index: 2;
  height: 2.75rem;
  overflow-y: hidden;
}

.nav-scroller .nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  padding-bottom: 1rem;
  margin-top: -1px;
  overflow-x: auto;
  text-align: center;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}

.nav-scroller .nav-link {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  font-size: 0.875rem;
}

.nav-link {
  color: #6b7280 !important;
}

.nav-link:hover {
  color: #374151 !important;
}

.breadcrumb {
  background-color: transparent;
  font-size: 0.8rem;
  padding-left: 0;
}

.simple-list li {
  border: 0;
  padding: 0.5rem 1.25rem;
}

.search-highlight a,
.search-highlight em {
  background-color: rgb(255, 237, 173, 80%);
  display: inline-block;
  padding-left: 6px;
  padding-right: 6px;
  margin-left: -3px;
  margin-right: -3px;
}

footer h5,
footer .copyright,
footer .copyright a {
  color: #d6d3d1;
  font-size: 0.8rem;
}

footer a,
#signup_ribbon a {
  color: #efefef;
  font-size: 0.9rem;
}

footer a:hover,
#signup_ribbon a:hover {
  color: #fff;
  text-decoration: none;
}

.easy-field::placeholder {
  color: #cbcbcb;
}

.search-box {
  border-radius: 2rem !important;
  height: 2.1rem !important;
  padding-left: 1rem !important;
  padding-top: 0.2rem !important;
}

.search-box::placeholder {
  color: #cbcbcb;
}

.primary-color {
  color: #ffc300;
}

.primary-background {
  background-color: #ffc300;
}

.facet-title-header {
    display: inline-block;
    text-overflow: ellipsis;
}

@media screen and (max-width: 980px) {
    .facet-title-header {
        font-size: 1.1rem;
    }
}

.feather-20 {
  width: 20px;
  height: 20px;
}
.feather-17 {
  width: 17px;
  height: 17px;
}
.feather-light-weight{
  font-weight: 500 !important;
  font-size: 65%;
}
.badge-pill-custom{
  padding-top: 0.1rem;
}

.aria-live-helper {
  top:0;
  left:-2px;
  width:1px;
  height:1px;
  position:absolute;
  overflow:hidden;
}

.aria-live-helper p {
  tab-index: -1;
}

/* Forms */

.form-signin {
  width: 100%;
  max-width: 420px;
  padding: 15px;
  margin: auto;
}

.form-label-group {
  position: relative;
  margin-bottom: 1rem;
}

.form-label-group > input,
.form-label-group > label {
  height: 3.125rem;
  padding: 0.75rem;
}

.form-label-group > select {
  height: 3.125rem;
  padding: 0.75rem 0.5rem;
}

.form-label-group > label {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  margin-bottom: 0; /* Override default `<label>` margin */
  line-height: 1.5;
  color: #495057;
  pointer-events: none;
  cursor: text; /* Match the input under the label */
  border: 1px solid transparent;
  border-radius: 0.25rem;
  transition: all 0.1s ease-in-out;
}

.form-label-group input::-webkit-input-placeholder {
  color: transparent;
}

.form-label-group input:-ms-input-placeholder {
  color: transparent;
}

.form-label-group input::-ms-input-placeholder {
  color: transparent;
}

.form-label-group input::-moz-placeholder {
  color: transparent;
}

.form-label-group input::placeholder {
  color: transparent;
}

.form-label-group input:not(:placeholder-shown) {
  padding-top: 1.25rem;
  padding-bottom: 0.25rem;
}

.form-label-group input:not(:placeholder-shown) ~ label {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 12px;
  color: #777;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #777;
}

.toast {
  position: fixed;
  bottom: 10px;
  right: 10px;
  background-color: #fff;
}

.toast a {
  color: #0a66c2;
}

/* Fallback for Edge
-------------------------------------------------- */
@supports (-ms-ime-align: auto) {
  .form-label-group > label {
    display: none;
  }
  .form-label-group input::-ms-input-placeholder {
    color: #777;
  }
}

/* Fallback for IE
-------------------------------------------------- */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .form-label-group > label {
    display: none;
  }
  .form-label-group input:-ms-input-placeholder {
    color: #777;
  }
}

.no-hover-effect:hover {
  background-color: transparent;
}

.goog-logo-link {
  color: #ffffff !important;
}

.goog-te-gadget {
  color: #ffffff !important;
}

.progress {
  border: 1px solid #888;
}

footer h2 {
  font-size: 1rem;
  color: rgb(214, 211, 209);
  font-weight: normal;
}

input::-moz-placeholder, textarea::-moz-placeholder {
  color: #6b7280 !important;
  opacity: 1;
}

input::placeholder,textarea::placeholder {
  color: #6b7280 !important;
  opacity: 1;
}

.toc {
  font-size: 0.8rem;
}

.toc_entry {
  display: flex;
}

.toc_item {
  max-width: 80%;
}

.toc .toc_item,
.toc .toc_page {
  flex: 1 0 auto;
}

.toc .toc_dots {
  flex: 0 1 auto;
  /*Allows too long content to be hidden.*/
  overflow: hidden;
}
.toc_dots::before {
 display: block;
 white-space: nowrap;
 overflow: hidden;
 text-overflow: clip;
 margin: 0 5px;
 content:
   ". . . . . . . . . . . . . . . . . . . . "
   ". . . . . . . . . . . . . . . . . . . . "
   ". . . . . . . . . . . . . . . . . . . . "
   ". . . . . . . . . . . . . . . . . . . . "
   ". . . . . . . . . . . . . . . . . . . . "
   ". . . . . . . . . . . . . . . . . . . . "
   ". . . . . . . . . . . . . . . . . . . . "
   ". . . . . . . . . . . . . . . . . . . . "
}

.toc_item.level-1 {
  padding-left: 0;
}
.toc_item.level-2 {
  padding-left: 1rem;
}
.toc_item.level-3 {
  padding-left: 2rem;
}
.toc_item.level-4, .toc_item.level-5, .toc_item.level-6 {
  padding-left: 3rem;
}

/* Video player */
.vo-transcript {
 max-height: 300px !important;
}
.vo-transcript-input-wrapper__title {
  display: none !important;
}
.vo-transcript-input-wrapper {
  height: auto !important;
  padding-bottom: 1em;
}

/* Search results */
.search-result__img_link {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.search-result__img_link.video:after {
  content: "";
  background-image: url("/static/img/icons/play-circle_wubdee.png");
  background-size: cover;
  width: 50px;
  height: 50px;
  position: absolute;
  top: calc(50% - 25px);
  left: calc(50% - 25px);
  opacity: 0.5;
}
.search-result__img_link.video:hover:after {
  opacity: 0.7;
}
.search-result__img_link img {
  display: block;
}