/* >>> Detail page<<< */

/* Temp Code */
.detail-page .popup-component-content {
  left: 0;
}

.detail-page .dialog-off-canvas-main-canvas {
  height: auto !important;
}

/* End of Temp Code */
/* using differnt region instead of main */
.detail-page .main-inner-row {
  padding: 0 !important;
}

.detail-layout {
  position: relative;
  --dl-content-max-width: 800px;
  --dl-content-right-width: 215px;
  --dl-content-gap: 55px;
  --detail-page-space: 80px;
  margin: var(--detail-page-space) 0;
  background: var(--white);
}

/* no right float pages spacing top is less in design */
.no-right-sec-float .detail-layout {
  margin-top: 30px;
}

.detail-layout-container {
  max-width: var(--dl-content-max-width);
  margin: 0 auto;
}

/*** >>> Left section ***/

.no-right-sec-float .detail-layout-right {
  display: none;
}

/*** Detail head section ***/
.detail-lr-area {
  --d-lr-width: 270px;
  display: grid;
  grid-template-columns: var(--d-lr-width) minmax(0, 1fr);
  grid-gap: 30px;
  margin-top: 4px;
}

.detail-lr-area.full-width {
  grid-template-columns: minmax(0, 1fr);
}

.detail-l-sec img {
  border: 1px solid var(--border-color-4);
  max-width: 100%;
  height: auto;
  width: 270px;
  height: 381.9px;
}


/*** Content Styling ***/
.detail-meta {
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.3333333333333333;
  color: var(--black);
  text-transform: uppercase;
  margin-bottom: 11px;
}

.detail-head a {
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.3333333333333333;
  color: var(--blue-1);
}

.detail-head a:hover {
  color: var(--hover-c2);
}

.detail-meta-item {
  position: relative;
  margin-bottom: 5px;
  display: inline-block;
  font-size: 0.9375rem;
  /* 20/15 */
  line-height: 1.3333333333333333;
  font-weight: 400;
}

.detail-meta-item.location {
  background: url(img/location.svg) top 2px left no-repeat;
  padding-left: 19px;
  background-size: 9px 12px;
  margin-bottom: 0;
}

.detail-meta-location:not(:last-child) {
  margin-bottom: 16px;
}

.deadline .detail-meta-value {
  text-transform: uppercase;
}

.to {
  margin-left: 5px;
  margin-right: 5px;
}

.detail-meta-label {
  color: var(--black-2);
}

.detail-meta-deadline {
  margin-bottom: 10px;
}

.detail-meta-item.deadline {
  background: url(img/deadline.svg) top 0 left no-repeat;
}

.detail-meta-item.agency {
  text-transform: uppercase;
  background: url(img/agency.svg) top 0 left no-repeat;
}

.detail-meta-item.deadline,
.detail-meta-item.agency {
  background-size: 19.5px 18px;
  margin-bottom: 0;
  padding-left: 28px;
}

.detail-meta-item:not(:last-child) {
  margin-right: 10px;
  padding-right: 10px;
}

.detail-meta-item.type,
.detail-head-items.tags .detail-meta-item {
  position: relative;
}

.detail-meta-item.type:after,
.detail-head-items.tags .detail-meta-item:not(:last-child)::after {
  content: '';
  width: 1px;
  height: 20px;
  background: var(--white-2);
  position: absolute;
  top: 50%;
  right: 0px;
  transform: translateY(-50%);
}

.detail-meta-item.date {
  position: relative;
  /* padding-left: 10px; */
  /* margin-left: -4px; */
}

/* .detail-meta-item.date::before {
  content: '';
  width: 1px;
  height: 20px;
  background: var(--white-2);
  position: absolute;
  top: 50%;
  /* right: -4px; */
/* left: 0;
margin-right: 10px;
transform: translateY(-50%);
} */

.detail-head-title {
  font-family: var(--secondary-font);
  font-size: 2.4375rem;
  font-weight: 700;
  line-height: 1.25;
  color: var(--black-2);
  margin-bottom: 20px;
}

.detail-head-label {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.4444444444444444;
  color: var(--black-2);
  margin-bottom: 8px;
}

.detail-head-content>*:not(:last-child) {
  margin-bottom: 16px;
}

.detail-l-sec-img {
  margin-bottom: 21.5px;
}

.uneg-publications-detail-page .detail-l-sec-img {
  margin-bottom: 10px;
}

.total-downloads {
  /* margin-bottom: 30px;
  margin-top: 10px; */
  margin: 0 0 21.5px;
}

.total-downloads-label {
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.4444444444444444;
  color: var(--black-2);
  margin-right: 10px;
  font-family: var(--primary-font);
}

.total-downloads-value {
  font-size: 0.9375rem;
  font-weight: 800;
  line-height: 1;
  color: var(--black);
  background: var(--yellow-1);
  border-radius: 4px;
  padding: 4px 10px;
}

.detail-layout-head-footer .bookmark-option {
  position: static !important;
}

.detail-layout-head-footer .bookmark-option.bookmark-show-label .use-ajax {
  padding-right: 31px;
}

/*** END OF Content Styling ***/

.detail-layout-head-footer {
  display: flex;
  justify-content: flex-end;
  margin-top: 40px;
}

body:not(.user-logged-in) .detail-layout-head-footer {
  display: none;
}

/*** END OF Detail head section ***/
/*** Details body section ***/
.detail-layout-content-left {
  /* margin-top: 70px; */
  margin-top: 40px;
}

.news-detail-page .detail-layout-content-left {
  margin-top: 20px;
}

/* .uneg-publications-detail-page .detail-layout-content-left,
.uneg-publications-detail-page .detail-layout-content-left {
  margin-top: 40px;
} */


.detail-layout-left .social-share-block,
.detail-layout-left .listing-view {
  margin-top: 70px;
}

.repository-details {
  margin-top: 70px;
  margin-bottom: 70px;
}

.td-meta-sub-item {
  position: relative;
  padding-right: 10px;
  margin-right: 10px;
}

/* .detail-meta-item::after{
  content: '';
  position: absolute;
  top: 50%;
  right: -5px;
  transform: translateY(-50%);
  display: inline-block;
  width: 1px;
  height: 15px;
  margin: 0 10px;
  background-color: var(--border-color-4);
} */

.td-meta-sub-item:not(:last-child):after {
  content: '&';
  position: absolute;
  top: 50%;
  right: -5px;
  transform: translateY(-50%);
  /* content: "";
  display: inline-block;
  width: 1px;
  height: 15px;
  margin: 0 10px;
  background-color: var(--border-color-4); */
}

/*** END OF Details body section ***/
/*** END OF >>> Left section ***/
/*** >>> Right section ***/
.detail-back-btn {
  display: flex;
  flex-wrap: wrap;
  justify-content: right;
}

.detail-layout-left .detail-back-btn {
  margin-bottom: 34px;
}

.detail-layout-right .detail-back-btn {
  margin-bottom: 16px;
}

.detail-layout-right {
  background: var(--white);
  opacity: 0;
  pointer-events: none;
  transition: bottom 0.3s ease;
}

.detail-layout-right.fixed-aside,
.detail-layout-right.bottom {
  opacity: 1;
  pointer-events: auto;
}

.detail-layout-right {
  position: absolute;
  z-index: 1;
  right: calc(((100% - var(--dl-content-max-width)) / 2) - (var(--dl-content-right-width) + var(--dl-content-gap)));
  max-width: var(--dl-content-right-width);
  width: 100%;
}

.detail-layout-right.fixed-aside {
  position: fixed;
  top: calc(var(--home-header-height) + var(--detail-page-space));
}

.detail-layout-right.bottom {
  bottom: 0;
}

.hide-publications-detail-blocks .detail-layout-left,
.hide-publications-detail-blocks .detail-layout-right {
  display: none;
}

/* events-detail  */
.event-detail-page .detail-meta-item {
  margin-bottom: 0;
}

.event-detail-page .detail-meta {
  margin-bottom: 16px;
}

/*
.event-detail-page .detail-layout-content-left {
  margin-top: 30px;
} */
.event-detail-page .detail-head-label {
  margin-bottom: 6px;
}

/* .event-detail-page .details-desc p {
  margin-bottom: 16px;
}
 */

/*** END OF >>> Right section ***/
/*** **************************** ***/
/*** **************************** ***/
/*** **************************** ***/

.details-body p a {
  word-wrap: break-word;
}

.details-desc iframe {
  max-width: 100%;
}

.vacancy-detail-page .detail-meta-item.type:after {
  content: none;
}

/* .detail-layout-content-left .agenda-popup-btn {
  padding-top: 19px;
} */

.detail-layout-content-left .download-area {
  margin-bottom: 30px;
  margin-top: 30px;
}

.news-detail-page .details-body p:last-child {
  margin-bottom: 0;
}

.page-node-type-member-publications .detail-meta-item.date {
  margin-left: -4px;
}

.view-course-area {
  margin-top: 30px;
}
/*hide back button member publictaiosn detail page*/
.page-node-type-member-publications .detail-layout-right .detail-back-btn {
  display: none;
}