.visually-hidden {
  color: #000;
  background: #fff;
}

/* mcustomscrollbar */
.mCSB_container {
  margin-right: 10px !important;
}

.mCustomScrollBox:focus-visible {
  outline: 1px solid var(--black);
}

/* Scroll showing when not required */
.mCustomScrollBox[style*="max-height: none;"] .mCSB_scrollTools_vertical {
  opacity: 0 !important;
}

/* custom scroll bar  */
.scrollbar-custom-content .view-content,
.scrollbar-custom {
  overflow: hidden;
  overflow-y: auto;
  padding-right: 7px;
}

.scrollbar-custom-content .view-content::-webkit-scrollbar,
.scrollbar-custom::-webkit-scrollbar {
  width: 2px;
}

.scrollbar-custom-content .view-content::-webkit-scrollbar-track,
.scrollbar-custom::-webkit-scrollbar-track {
  background: var(--clr-c5);
  margin-top: 0px;
  margin-bottom: 20px;
}

.scrollbar-custom-content .view-content::-webkit-scrollbar-thumb,
.scrollbar-custom::-webkit-scrollbar-thumb {
  background-color: var(--clr-c8);
  border-radius: 5px;
  border: 1px solid transparent;
}

/* End custom scroll bar  */

/* End of mcustomscrollbar */
/* Page title hide */
.hide-page-header .block-page-title-block {
  display: none;
}

.no-result-found {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  /* font-size: 16px; */
  /* background-color: var(--white); */
  /* color: var(--fc-c1); */
  padding: 20px;
  min-height: 150px;
  font-family: var(--font-medium);
  width: 100%;
}

/* .no-result-found.h6 {
  font-size: 1.5rem;
  font-weight: 600;
} */

/* image backgroud  */
.bg-with-image {
  position: relative;
  z-index: 1;
}

.bg-image img {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: -1;
  object-fit: cover;
}

.bg-image-overlay {
  position: relative;
  background: transparent !important;
}

.bg-image-overlay::after {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.5);
  top: 0;
  left: 0;
}

.bg-image-overlay img,
.bg-image-overlay::after {
  z-index: -1;
}

a.bg-image-overlay {
  overflow: hidden;
}

a.bg-image-overlay img {
  transition: all 0.5s ease;
}

a.bg-image-overlay:hover img {
  transform: scale(1.12);
}

/* alter overlay layout to fix contrast issue */
.overlay-style-2 {
  background-color: #000 !important;
}

.overlay-style-2 img {
  z-index: 1;
}

.overlay-style-2 .result-by-tab__title,
.overlay-style-2 .photo-credit-wrapper {
  z-index: 2;
}

.overlay-style-2::after {
  z-index: 1;
}

/*  */
.custom-tag__wrapper {
  text-transform: uppercase;
  font-size: 0;
  line-height: 1.75;
  font-family: var(--font-bold);
  color: var(--primary);
  margin-bottom: 20px;
  /* margin-top: 5px; */
  /* margin-top: 10px; */
}

.custom-tag__wrapper.mb-15 {
  margin-bottom: 15px;
}

.custom-tag__item {
  /* display: inline-block; */
  display: inline;
  position: relative;
  font-size: 0.75rem;
}

.custom-tag__item:not(:last-child) {
  margin-right: 10px;
  /* padding-right: 10px; */
}

.custom-tag__item:not(:last-child)::after {
  /* content: "";
  border-right: 1px solid;
  position: absolute;
  right: -1px;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 15px; */
  content: "|";
  margin-left: 10px;
  position: relative;
  top: -1px;
}

/* trim text  */
.trim-text {
  --line-limit: 3;
  display: -webkit-box !important;
  -webkit-line-clamp: var(--line-limit);
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.trim-text-1 {
  --line-limit: 1;
}

.trim-text-2 {
  --line-limit: 2;
}

.trim-text-3 {
  --line-limit: 3;
}

.trim-text-4 {
  --line-limit: 4;
}

/* loader */
/* .page__loader { */
.page__loader {
  display: none;
}

.show-loader .page__loader {
  position: fixed;
  display: block;
  z-index: 99;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: url(/themes/custom/unaids/components/common/img/loader.svg) no-repeat center;
  background-color: rgba(255, 255, 255, 0.8);
}

/* .page__loaded .page__loader {
  display: none;
} */

.featured__title,
.featured-aside__title {
  margin-bottom: 0;
}

a.doc-item figure {
  overflow: hidden;
}

a.doc-item img {
  transition: all 0.4s ease;
  /* transform: scale(1); */
}

.view-featured-stories .doc-item img {
  height: 173px;
  object-fit: cover;
}

/* a.doc-item:hover img {
  transform: scale(1.05);
} */
a.featured-aside__item:hover figure,
a.featured__item:hover figure,
a.doc-item:hover figure {
  box-shadow: 0 0 15px 0px rgb(0 0 0 / 20%);
}

.doc__title,
.featured__title,
.featured-aside__title {
  display: block;
}

.doc__title {
  line-height: 1.285;
}

.doc__content .doc__title {
  margin-bottom: 0;
}

/* custom tooltip  */
/* .custom-tooltip.show {
  opacity: 1;
}

.custom-tooltip .tooltip-inner {
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25);
  background-color: #fff;
  color: #000;
  font-size: 1.125rem;
  line-height: 1.555;
  padding: 5px 10px;
  border-radius: 4px;
  max-width: 300px;
}

.custom-tooltip.banner-tooltip .tooltip-inner,
.page-ubraf .custom-tooltip .tooltip-inner {
  font-size: 0.75rem;
  line-height: 1.333;
}

.custom-tooltip.bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow::before,
.custom-tooltip.bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow::before {
  bottom: -3px;
  border: 0;
  width: 7px;
  height: 8px;
  border-left: 1px solid rgba(0, 0, 0, 0.15);
  border-top: 1px solid rgba(0, 0, 0, 0.15);
  background: #fff;
  z-index: 4;
  transform: rotate(45deg);
}

.custom-tooltip.bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow::before {
  top: -3px;
  border: 0;
  border-right: 1px solid rgba(0, 0, 0, 0.15);
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}


.custom-tooltip.bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow::before,
.custom-tooltip.bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow::before {
  left: -3px;
  border: 0;
  width: 7px;
  height: 8px;
  border-right: 1px solid rgba(0, 0, 0, 0.15);
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  background: #fff;
  z-index: 4;
  transform: rotate(-45deg);
}

.custom-tooltip.bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow::before {
  left: 1px;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.15);
  border-left: 1px solid rgba(0, 0, 0, 0.15);
}

.banner-tooltip.bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow::before {
  left: 2px;
} */

/************** custom table cell border **************/
table.c-cell-border {
  border-collapse: collapse;
  border-spacing: 0;
  min-width: 100%;
}

.c-cell-border td,
.c-cell-border th {
  border: 10px solid #fff;
}

.c-cell-border tr:first-child th,
.c-cell-border tr:first-child td {
  border-top: none;
}

.c-cell-border tr:last-child:not(:first-child) th,
.c-cell-border tr:last-child:not(:first-child) td {
  border-bottom: none;
}

.c-cell-border td:first-child,
.c-cell-border th:first-child {
  border-left: none;
}

.c-cell-border td:last-child,
.c-cell-border th:last-child {
  border-right: none;
}

.c-cell-border thead th {
  text-align: left;
}

/* bordered box   */
.c-box-bordered {
  box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.15);
}

a.c-box-bordered:hover,
a.c-box-bordered:not(.bg-image-overlay):hover {
  box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.2);
}

/* set table cel color  */
[data-col-color] {
  background-color: var(--dyn-td-color);
}

/* common border style  */
.c-border-section {
  border: 1px solid var(--clr-c9);
  padding: 30px 50px;
}

.e-border-section {
  border: 1px solid var(--clr-c9);
}

.c-padding-1 {
  padding: 50px 30px;
}

.c-padding-2 {
  padding: 50px;
}

.no-text-decoration {
  color: #000;
  text-decoration: none;
}

.container.c-inner-section,
.c-inner-section {
  padding-top: 50px;
  padding-bottom: 70px;
}

.doc__img {
  border: 1px solid var(--clr-c5);
}

.doc__img img {
  /* border: 1px solid var(--clr-c5); */
  width: 100%;
}

.tabs-plane ul.nav-tabs {
  display: flex;
  overflow: auto;
  flex-wrap: nowrap;
  overflow-y: hidden;
}

.tabs-plane .nav-tabs .nav-link {
  white-space: nowrap;
}

/* custom scroll  */
.tabs-plane ul.nav-tabs::-webkit-scrollbar {
  width: 2px;
}

.tabs-plane ul.nav-tabs::-webkit-scrollbar {
  /* height: 2px; */
  height: 3px;
}

.tabs-plane ul.nav-tabs::-webkit-scrollbar-track {
  background: var(--clr-c5);
  /* margin-top: 0px;
  margin-bottom: 20px; */
}

.tabs-plane ul.nav-tabs::-webkit-scrollbar-thumb {
  background-color: var(--clr-c1);
  border-radius: 5px;
  border: 1px solid transparent;
}

/* custom scroll  */

/* custom load more   */
/* .custom-loadmore-section .doc-item:nth-child(3)~.doc-item { */
.custom-loadmore-section .doc-item-wrapper:nth-child(3)~.doc-item-wrapper {
  display: none;
}

/* .show.custom-loadmore-section .doc-item:nth-child(3)~.doc-item { */
.shown.custom-loadmore-section .doc-item-wrapper:nth-child(3)~.doc-item-wrapper {
  display: block;
}

/* .shown.custom-loadmore-section .btn-fullwidth-wrap,
.shown.custom-loadmore-section .view-footer {
  display: none;
}
 */

/* .custom-loadmore-section {
  display: none;
}

.custom-loadmore-section.show {
  display: block;
}
 */

/* @media (-moz-touch-enabled: 1),
(pointer:coarse) {
  .hide-tooltip-md {
    display: none !important;
  }
}
 */

@media screen and (max-width: 767px) {

  .container.c-inner-section,
  .c-inner-section {
    padding-top: 30px;
    padding-bottom: 40px;
  }

  .c-padding-1,
  .c-padding-2,
  .c-border-section {
    padding: 20px;
  }

  .chart-powerbi iframe {
    height: 100%;
    min-height: 300px;
  }

  .custom-tag__wrapper.mb-15,
  .custom-tag__wrapper {
    margin-bottom: 10px;
  }
}