/* === ||| === */
.category-items a {
  color: rgba(0, 0, 0, 0.5);
}

.category-items a:hover {
  color: var(--primaryBlue);
}

.publications-share-icon .bi {
  font-size: 24px;
  color: var(--primaryBlue);
}

.publications-share-icon .bi:hover {
  color: #124da5;
}

.article-category a {
  color: #69aab4;
}
/* === ||| === */

.research-card-wrapper {
  margin-bottom: 16px;
}

@media (min-width: 768px) {
  .research-card-wrapper {
    margin-bottom: 32px;
  }
}

/* ===---=== */
/* .research-hero-section {
  max-height: 100vh;
} */

.research-hero-background {
  height: 350px;
}

.research-hero-background img {
  object-fit: cover;
}

.research-hero-content {
  position: relative;
  max-width: 1140px;
  margin: 0 auto;
  background-color: var(--primaryBlue);
  color: #fff;
  padding: 24px 16px;
}

@media (min-width: 1200px) {
  .research-hero-background {
    position: absolute;
    right: 0;
    left: 0;
    height: 100%;
  }

  .research-hero-content {
    background-color: #0f3979ad;
  }
}
/* ===---=== */

/* .research-topic {
  position: relative;
  background-color: #f3f8fc;
  color: var(--primaryBlue);
  padding-bottom: 0 !important;
} */

#button-addon2 {
  z-index: 0;
}

.research-topic h3 {
  font-weight: bold;
}

.research-topic .headtext {
  font-size: 16px;
  color: #251f20;
}

/* .research-topic-cards {
  background: linear-gradient(to top, #ffffff 50%, #f3f8fc 50%);
} */

.research-description {
  text-align: justify;
  font-size: 15px;
  color: #251f20;
  letter-spacing: -0.25px;
}

/* content section left */

.drop-btn {
  background-color: var(--primaryBlue);
}

.research-page .small-card-image-container {
  height: 100%;
  width: 100%;
}

.research-page .dropdown .fa {
  position: absolute;
  right: 10%;
  top: 30%;
  color: var(--primaryBlue);
  font-weight: bold;
}

.research-page .small-card-text {
  font-weight: bold;
  margin-top: 0.2rem;
  font-size: 16px;
}

.research-page .small-card-image {
  height: 80px;
  width: 80px;
}

.research-page .card-section .img-container {
  height: 230px;
  width: 100%;
  border-radius: 0;
  background-size: cover;
  position: relative;
}

.research-page .card-section .overlay-effect {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 1;
  transition: 0.5s ease;
  background: linear-gradient(180deg, rgba(37, 37, 37, 0) 0%, #252525 100%);
  overflow: hidden;
  border-radius: 0;
}

.research-page .card-section .overlay-text {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 1;
  transition: 0.5s ease;
  overflow: hidden;
  border-radius: 0;
  padding: 10px 21px;
  font-weight: 600;
}

.research-page .card-section img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0;
}

@media (max-width: 576px) {
  .author-carousel-research {
    position: relative;
  }

  .author .research-carousel-control-prev {
    left: -34px !important;
    top: 70px !important;
  }

  .author .research-carousel-control-next {
    right: -26px !important;
    top: 70px !important;
  }
}

/* content section right */
.latest-news {
  position: relative;
}

.latest-news .headline {
  font-weight: bold;
  font-size: 22px;
}

.latest-news .main-title {
  font-size: 28px;
  color: #0d0d0d;
}

.latest-news .category {
  font-weight: bold;
  font-size: 12px;
  color: #69aab4;
}

.latest-news .heading {
  font-weight: bolder;
  font-size: 22px !important;
  color: var(--primaryBlue);
  line-height: 27px;
}

.latest-news .author {
  font-size: 12px;
  color: #251f20;
}

.latest-news .date {
  font-size: 12px;
  color: #5c5c5c;
}

/***************** Research topic *************/

.research-topic-page {
  position: relative;
}

.research-topic-cover {
  height: 500px;
  width: 100%;
  background-size: cover;
  position: relative;
}

.research-topic-cover .cover-description {
  font-size: 16px;
  font-weight: 100;
}

.research-topic-cover .overlay-effect {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0.5;
  transition: 0.5s ease;
  background: #000000;
  overflow: hidden;
}

.research-topic-cover .overlay-text {
  opacity: 1 !important;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 22px;
}

.research-topic-cover img {
  position: relative;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.research-topic-cover p,
.research-topic-cover span {
  font-size: 16px;
}

.research-topic-cover span {
  /*margin-left: 15px;*/
  margin-right: 15px;
}

.research-topic-page .related-article {
  background-color: #f9f9f9;
}

.research-topic-page .bottom-divider {
  border-bottom: 1px solid #d9dde1;
  padding-bottom: 30px;
}

.research-topic-page .dropdown .fa {
  position: absolute;
  right: 10%;
  top: 30%;
  color: var(--primaryBlue);
  font-weight: bold;
}

.research-topic-page .sort-by {
  color: var(--primaryBlue);
  font-weight: bold;
}

.related-article h3 {
  font-weight: bold;
}

@media (max-width: 600px) {
  .research-topic-cover .overlay-text {
    left: 20%;
    transform: translate(-12%, -50%);
  }

  .research-topic-cover p,
  .research-topic-cover span {
    font-size: 14px;
  }
}

/* research publications */

.research-publication-page {
  position: relative;
}

.research-publication-page .main-img-adjust {
  padding-right: 3.5rem;
}

.research-publication-page .publication-paragraph {
  padding-top: 0rem;
}

.research-publication-page .related-article,
.research-article-page .related-article {
  background-color: #f3f8fc;
}

.pdf-download-btn {
  font-weight: 900 !important;
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #ffffff;
  color: var(--primaryBlue);
  border-radius: 10px;
  border-color: var(--primaryBlue);
  font-size: 12px;
  letter-spacing: 0.5px;
}

.pdf-download-btn:hover {
  font-weight: bold;
  background-color: #dfdfdf;
}

.pdf-download-btn1 {
  font-weight: 900 !important;
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #ffffff;
  color: var(--primaryBlue);
  border-radius: 10px;
  border-color: var(--primaryBlue);
  font-size: 12px;
  letter-spacing: 0.5px;
  position: fixed;
  bottom: 80px;
  right: 30px;
  width: 25%;
}

.pdf-download-btn1:hover {
  font-weight: bold;
  background-color: #dfdfdf;
}

.download-section-two .small-text {
  color: #5c5c5c;
  font-size: 12px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.social-media-icons span {
  margin-right: 10px;
  color: #5c5c5c;
  font-size: 12px;
  font-weight: 300 !important;
}

.top-cover {
  background-color: white;
  position: relative;
  padding-top: 30px;
}

.top-cover .background-grey {
  right: 118px;
  height: 412px;
  width: 560px;
  position: absolute;
  background-color: #f8f8f8;
  z-index: 0;
}

.top-cover .background {
  background: linear-gradient(to left, #f8f8f8 70%, #ffffff 30%);
  background: -moz-linear-gradient(to bottom, #f8f8f8 70%, #ffffff 30%);
  background: -webkit-linear-gradient(to bottom, #f8f8f8 70%, #ffffff 30%);
}

.top-cover .img-container {
  height: 500px;
  width: 100%;
  background-size: cover;
  position: relative;
  z-index: 11;
}

.top-cover .img-container img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.top-cover .heading {
  font-size: 28px !important;
}

.top-cover .category {
  font-size: 16px !important;
}

.top-cover .authors .img-container {
  height: 30px;
  width: 30px;
}

.top-cover .authors .img-container {
  height: 25px;
  width: 25px;
  border-radius: 50%;
  margin: 0px 15px 0px 15px;
}

.top-cover .authors .img-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.top-cover .cover-date {
  font-size: 14px !important;
  font-style: normal !important;
}

.top-cover .authors .author {
  font-size: 12px;
  font-weight: normal !important;
}

.top-cover .authors div {
  font-size: 14px;
}

.top-cover .authors span {
  font-weight: bold;
}

/* modal 1 */
.downloadPdfModal1 .modal-btn {
  background-color: var(--primaryBlue) !important;
  border-color: var(--primaryBlue) !important;
  color: #ffffff !important;
  border-radius: 10px !important;
  font-size: 12px !important;
  width: 100%;
}

.downloadPdfModal1 .modal {
  max-height: 100px;
}

.downloadPdfModal1 .card-header {
  background-color: #f3f8fc;
}

.downloadPdfModal1 .modal-header {
  color: var(--primaryBlue);
}

.downloadPdfModal1 .card-header .toggle-btn {
  font-size: 16px;
  cursor: pointer;
  color: var(--primaryBlue);
  padding-right: 0px;
}

.downloadPdfModal1 .toggle-content {
  font-size: 14px;
}

.downloadPdfModal1 .panel-title {
  position: relative;
}

.downloadPdfModal1 .panel-title::after {
  content: "\f107";
  color: #333;
  top: -2px;
  right: 0px;
  position: absolute;
  font-family: "FontAwesome";
}

.downloadPdfModal1 .panel-title[aria-expanded="true"]::after {
  content: "\f106";
}

.research-article-page .img-container {
  height: 300px;
}

.research-article-page .page-content .author {
  position: relative;
  /*bottom: 5px;*/
}

.research-article-page .article-content p {
  padding-right: 3rem;
}

.research-article-page .social-media-icons {
  padding-top: 0;
}

.top-cover .background-grey-article {
  right: 10%;
  height: 254px;
  width: 697px;
  position: absolute;
  background-color: #f8f8f8;
}

.research-article-page .article-content p {
  font-size: 16px;
  font-weight: 100;
  color: black;
}

.research-article-page .share-article {
  margin-top: 25vh;
}

.research-article-page .article-content .related-category {
  background-color: #f3f8fc;
}

.research-article-page .article-content h6 {
  color: #69aab4;
  font-size: 12px !important;
}

.research-article-page .article-content h5 {
  font-size: 12px !important;
  color: #5c5c5c;
}

.research-article-page .article-content .quote {
  background-color: #f3f3f3;
}

.research-article-page .article-content .author-name {
  font-size: 12px;
}

.research-article-page .article-content .related-topic {
  background-color: #f3f8fc;
  padding: 20px;
}

.research-article-page .article-content .related-topic .topic {
  font-weight: normal;
  font-size: 12px;
  color: #5c5c5c;
  margin-bottom: 15px;
}

.research-article-page .article-content .related-topic .name {
  font-weight: bold;
  font-size: 12px;
  color: #251f20;
  margin-bottom: 15px;
}

.research-article-page .article-content .related-topic h6 {
  color: var(--primaryBlue);
  font-size: 14px !important;
  font-weight: bold !important;
  line-height: 20px;
}

.image-gap {
  padding: 1rem !important;
}

@media (max-width: 600px) {
  .research-article-page .share-article {
    margin-top: 0vh;
    margin-bottom: 20px;
  }

  .research-article-page .article-content p {
    padding-right: 0rem;
    text-align: justify;
  }

  .background-grey-article {
    display: none;
  }

  .image-gap {
    padding: 1rem !important;
  }

  .top-cover .background-grey {
    display: none;
  }

  .research-publication-page .main-img-adjust {
    padding-top: 3rem;
    padding-right: 0rem;
  }

  .research-publication-page .publication-paragraph {
    padding-top: 1rem;
    text-align: justify;
  }
}

.heading2 {
  font-size: 15px !important;
  color: var(--primaryBlue);
  margin-top: 5px;
}
.resubspan {
  font-weight: 700 !important;
}
.resbutton {
  font-weight: 700 !important;
}

div.detail .pdf {
  background-image: url(https://www.eria.org/images/pdf-s.png);
  background-position: 0 4px;
  background-repeat: no-repeat;
  padding-left: 20px;
  padding-bottom: 16px;
  overflow: hidden;
}

p.pdf {
  background-image: url(https://www.eria.org/images/pdf-s.png);
  background-position: 0 4px;
  background-repeat: no-repeat;
  padding-left: 20px;
  padding-bottom: 0; /*16px*/
  overflow: hidden;
}