.social-media-pagination {
  padding: 3.938rem 0;
}

@media screen and (max-width: 767px) {
  .social-media-pagination {
    padding: 1.375rem 0 1.688rem;
  }
}

.social-media-pagination .category-row strong,
.social-media-pagination .tags-row strong {
  padding-right: 0.625rem;
}

.social-media-pagination .category-row ul,
.social-media-pagination .tags-row ul {
  display: inline-block;
}

.social-media-pagination .category-row ul .list-inline-item:not(:last-child),
.social-media-pagination .tags-row ul .list-inline-item:not(:last-child) {
  margin-right: 0.15rem;
}

.social-media-pagination .link-item {
  color: #494949;
  font-size: 1.125rem;
  text-decoration: underline;
}

.social-media-pagination nav {
  font-family: 'Jost-Bold';
}

.social-media-pagination .social-icons-list {
  padding-left: 0.75rem;
  display: inline-block;
}

.social-media-pagination .social-icons-list a {
  display: inline-block;
  border: 1px solid transparent;
}

.social-media-pagination .social-icons-list .list-inline-item:not(:last-child) {
  margin-right: 0.875rem;
}

@media screen and (max-width: 500px) {
  .social-media-pagination .social-icons-list {
    display: block;
    padding-left: 0;
    padding-top: 1rem;
  }
}

.social-media-pagination .bottom-nav {
  padding-top: 2.1875rem;
}

@media screen and (max-width: 767px) {
  .social-media-pagination .bottom-nav {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}

.social-media-pagination .bottom-nav::before {
  content: '';
  height: 2px;
  width: 98%;
  margin: 0 auto;
  background: #B2B2B2;
}

@media screen and (max-width: 767px) {
  .social-media-pagination .bottom-nav::before {
    display: none;
  }
}

.social-media-pagination .bottom-nav .next-article-link {
  padding-left: 3.4375rem;
}

@media screen and (max-width: 767px) {
  .social-media-pagination .bottom-nav .next-article-link {
    padding-left: 0;
  }
}

.social-media-pagination .link-text {
  margin-top: 0;
  font-size: 1.125rem;
}

.social-media-pagination .link-text::before {
  position: absolute;
  left: 0;
  top: 0;
  margin-right: 0;
}

.social-media-pagination .link-text.prev-arrow {
  padding-left: 2rem;
}

.social-media-pagination .link-text.prev-arrow::before {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.social-media-pagination .link-text.next-arrow {
  padding-right: 2rem;
}

.social-media-pagination .link-text.next-arrow::before {
  left: auto;
  right: 0;
}

@media screen and (max-width: 767px) {
  .social-media-pagination .link-text {
    font-size: 1rem;
  }
}

@media screen and (max-width: 575px) {
  .social-media-pagination .link-text {
    font-size: 0.938rem;
  }
}

.social-media-pagination .back-to-top-btn {
  text-align: right;
  margin-top: 1.75rem;
}

@media screen and (max-width: 767px) {
  .social-media-pagination .back-to-top-btn {
    text-align: center;
    margin-top: 0;
  }
}

.social-media-pagination .back-to-top-btn .link-text {
  padding-left: 2rem;
  background-color: transparent;
  border: none;
}

.social-media-pagination .back-to-top-btn .link-text::before {
  -webkit-transform: rotate(270deg);
          transform: rotate(270deg);
}

.social-media-pagination .back-to-top-btn .link-text:hover, .social-media-pagination .back-to-top-btn .link-text:focus {
  text-decoration: underline;
}

.social-media-pagination .article-pagination {
  margin-top: 1.75rem;
}

@media screen and (max-width: 767px) {
  .social-media-pagination .article-pagination {
    border-top: 2px solid #B2B2B2;
    padding-top: 1.85rem;
  }
  .social-media-pagination .article-pagination .list-inline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

#result {
  border: 1px dotted #ccc;
  padding: 3px;
  overflow: overlay;
  max-height: 10rem;
}
#result ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
#result ul li {
  padding: 5px 0;
}
#result ul li:hover {
  background: #eee;
}

#resultMobile {
  border: 1px dotted #ccc;
  padding: 3px;
  background-color: rgb(248, 248, 248);
  width: 13.4rem;
  padding-right: 2rem;
  position: absolute;
  z-index: 9;
}
#resultMobile ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
#resultMobile ul li {
  padding: 5px 0;
}
#resultMobile ul li:hover {
  background: #eee;
}


#result1 {
  border: 1px dotted #ccc;
  padding: 3px;
}
#result1 ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
#result1 ul li {
  padding: 5px 0;
}
#result1 ul li:hover {
  background: #eee;
}
