.ast-details-page .field-content,
.page-node-type-webinar .region-content,
.resources-detail.page-node-type-video .region-content {
  display: flex;
  flex-wrap: wrap;
}
.page-node-type-webinar .region-content,
.resources-detail.page-node-type-video .region-content {
  opacity: 0;
}
.page-node-type-webinar.webinar-loaded .region-content,
.resources-detail.page-node-type-video.resource-video-loaded .region-content {
  opacity: 1;
}
.ast-details-page,
.page-node-type-webinar .region-content,
.resources-detail.page-node-type-video .region-content {
  margin: 80px auto;
}
.ast-details-page .details-wrapper,
.page-node-type-webinar .region-content> :nth-child(2),
.resources-detail.page-node-type-video .region-content> :nth-child(2) {
  width: calc(100% - 260px);
  padding-right: 80px;
}
.no-right-content.details-wrapper,
.page-node-type-webinar.no-right-content .region-content> :nth-child(2),
.resources-detail.page-node-type-video.no-right-content .region-content> :nth-child(2) {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
  padding-right: 0;
}
.ast-details-page .related-details-wrapper,
.page-node-type-webinar .region-content> :nth-child(3),
.resources-detail.page-node-type-video .region-content> :nth-child(3) {
  width: 100%;
  max-width: 260px;
}
.page-node-type-webinar.no-right-content .region-content> :nth-child(3),
.resources-detail.page-node-type-video.no-right-content .region-content> :nth-child(3) {
  display: none;
}
/*Left Section*/

.page-node-type-webinar iframe,
.page-node-type-video iframe {
  margin-bottom: 40px;
}
.details-title {
  font-size: 28px;
  line-height: 34px;
  font-weight: 700;
  color: #4d4d4d;
}
.details-meta-wrapper {
  display: flex;
  flex-wrap: wrap;
  margin: 11px 0 40px;
}
.details-meta-wrapper>div {
  font-size: 14px;
  line-height: 14px;
  color: #4d4d4d;
}
.details-meta-wrapper>div:not(:first-child) {
  padding-left: 10px;
  margin-left: 10px;
  border-left: 1px solid #4d4d4d;
}
.details-meta-wrapper>div.details-type {
  text-transform: uppercase;
}
.details-meta-wrapper>div.details-type,
.page-node-type-blog .details-meta-wrapper .details-date {
  color: #f26522;
  border-color: #ccc;
}
.details-meta-wrapper>div:empty {
  display: none;
}
.details-meta-wrapper>div:empty+div {
  padding-left: 0;
  border-left: 0;
  margin-left: 0;
}
.details-meta-wrapper>div.details-venue {
  background: url(../../../apmen/images/detail-common/location.png) center left 10px no-repeat;
  padding-left: 29px;
}
.details-image {
  margin-bottom: 34px;
}
.details-image img {
  max-height: 474px;
  object-fit: cover;
}
.details-body,
.details-body p {
  font-size: 16px;
  color: #4d4d4d;
  margin-bottom: 29px;
}
.details-body p {
  line-height: 26px;
}
.details-body img {
  max-width: 100%;
  height: auto;
}
.details-body ul {
  padding-left: 33px;
  list-style: none;
  margin-bottom: 25px;
}
.details-body ul li {
  position: relative;
  margin: 10px 0;
}
.details-body ul li:before {
  content: "";
  padding: 5px;
  border: 1px solid #f26522;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: block;
  position: absolute;
  left: -32px;
  top: 3px;
}
.details-body ul li a,
.details-body ul li a strong {
  color: #0071bc;
  font-size: 16px;
  font-weight: 400;
}
.details-body ul li a {
  cursor: pointer;
  transition: all 0.3s ease;
  text-decoration: underline;
}
.details-body ul li a:hover {
  color: #f26522;
}
.details-venue {
  background: url(../../../apmen/images/detail-common/location.png) center left 0 no-repeat;
  padding-left: 19px;
}
.details-body h3,
.details-body h4 {
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
  color: #f26522;
  margin: 0 0 15px;
}
.details-back>a {
  display: inline-block;
  font-weight: 500;
  font-size: 12px;
  color: #f26522;
  border: 1px solid #f26522;
  padding: 4.5px 15px 4.5px 35px;
  cursor: pointer;
  text-decoration: none;
  transition: all 0.3s ease;
  max-height: 28px;
  margin-top: 15px;
  float: left;
  background: url(../../../apmen/images/detail-common/arrow_back.png) center left 10px no-repeat;
}
.details-back> a:hover {
  color: #fff;
  background: #f26522 url(../../../apmen/images/detail-common/arrow_back_hover.png) center left 10px no-repeat;
}
/* End of Left Section*/

/*Right section*/

.related-details-title {
  font-size: 32px;
  font-weight: 700;
  color: #f26522;
  border-bottom: 1px solid;
  padding-bottom: 9px;
}
.related-details-wrapper .views-row {
  padding-bottom: 30px;
  border-bottom: 1px solid #ccc;
}
.related-details-wrapper .type {
  font-size: 18px;
  color: #000;
  text-transform: uppercase;
  margin: 25px 0 6px;
}
.related-details-wrapper .title a {
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
  color: #4d4d4d;
  text-decoration: none;
  transition: all 0.3s ease;
  margin-bottom: 16px;
}
.related-details-wrapper .title a:hover {
  color: #f26522;
}
.related-details-wrapper .sub-wrapper {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 16px;
}
.related-details-wrapper .sub-wrapper>div {
  font-size: 12px;
  line-height: 12px;
  color: #4d4d4d;
}
.related-details-wrapper .sub-wrapper>div:not(:last-child) {
  border-right: 1px solid #ccc;
  padding-right: 10px;
  margin-right: 10px;
}
.related-details-wrapper .sub-wrapper>div.date {
  color: #f26522;
}
.related-details-wrapper .body {
  font-size: 16px;
  line-height: 24px;
  color: #4d4d4d;
}
.related-details-wrapper .more a {
  display: inline-block;
  font-weight: 500;
  font-size: 12px;
  color: #f26522;
  border: 1px solid #f26522;
  padding: 4.5px 15px;
  cursor: pointer;
  text-decoration: none;
  transition: all 0.3s ease;
  margin-top: 24px;
}
.related-details-wrapper .more a:hover {
  background: #f26522;
  color: #fff;
}
.related-details-wrapper .sub-wrapper>.news-related-type.details-type {
  color: #f26522;
}
.news-related-wrapper .sub-wrapper>.news-related-date.date {
  color: #4d4d4d;
}
/*End of Right section*/

/* Social Media styling */

.block-addtoany {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  /*max-width: 800px;*/
  /*margin: 0 auto;*/
  display: none;
}
.block-addtoany.position-shifted {
  display: flex;
}
.block-addtoany .block-title {
  font-size: 12px;
  font-weight: 400;
  color: #4d4d4d;
  margin: 0 10px 0 0;
}
.block-addtoany a span {
  display: none;
}
.block-addtoany a {
  display: inline-block;
  width: 39px;
  height: 39px;
  background: url('../../../apmen/images/detail-common/social_media.png') no-repeat 0 0;
  transition: background-position 0.4s ease-in-out;
}
.block-addtoany a:not(:last-child) {
  margin-right: 10px;
}
/* Normal state*/

.block-addtoany a.a2a_button_twitter {
  background-position: 0 0;
}
.block-addtoany a.a2a_button_facebook {
  background-position: -49px 0;
}
.block-addtoany a.a2a_button_google_gplus {
  display: none;
}
.block-addtoany a.a2a_button_google_gplus {
  background-position: -98px 0;
}
.block-addtoany a.a2a_button_linkedin {
  background-position: -147px 0;
}
.block-addtoany a.a2a_button_pinterest {
  background-position: -196px 0;
}
.block-addtoany a.a2a_button_google_gmail {
  background-position: -245px 0;
}
/* End of normal state*/

/*Hover state*/

.block-addtoany a:hover {
  background-position-y: -51px;
}
/*End of hover state*/

/* End of social media styling*/

/*Styling according to client change request on25/01/2021 - text justify in Blog, resource and events detail page*/
.blog-detail .details-body p,
.events-detail .details-body p,
.resources-detail .details-body p {
  text-align: justify;
}
