hr {
  background-size: 4px 4px;
  border: 0;
  margin: 0 0 24px !important;
  opacity: 0.5;
}

hr:not([size]) {
  height: 1px;
}

.custom-social-share {
  display: flex;
}

button.mfp-close:hover {
  background: transparent !important;
}

@keyframes videobuttonpopup {
  0% {
    box-shadow: 0 0 0 0 #F0ECE9, 0 0 0 0 #F0ECE9;
  }
  80% {
    box-shadow: 0 0 0 20px rgba(255, 255, 255, 0), 0 0 0 40px rgba(255, 255, 255, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0), 0 0 0 0 rgba(255, 255, 255, 0);
  }
}
.echo-blog-video {
  overflow: hidden;
}
.echo-blog-video .echo-video-right-site-content-video {
  position: relative;
  flex-basis: 50%;
  display: flex;
}
.echo-blog-video .blog-contents-wrapper {
  overflow: hidden;
}
.echo-blog-video .video-play-button {
  box-sizing: content-box;
  display: block;
  width: 32px;
  height: 44px;
  border-radius: 50%;
  padding: 18px 20px 18px 28px;
  display: flex;
  animation-name: videobuttonpopup;
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.echo-blog-video .video-play-button span {
  display: block;
  position: relative;
  z-index: 3;
  width: 0;
  height: 0;
  border-left: 14px solid var(--primaryColor);
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  top: 50%;
  transform: translate(-50%, -50%);
  left: 47%;
}
.echo-blog-video .video-play-button::after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  transition: all 200ms;
  background: #FFFFFF;
  border: 0.5px solid #ffffff;
}
.echo-blog-video .video-play-button.medium::after {
  height: 112px !important;
  width: 112px !important;
}
.echo-blog-video .video-overlay {
  position: fixed;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.8);
  opacity: 0;
  transition: all ease 500ms;
  display: none;
}
.echo-blog-video .video-overlay-close {
  position: absolute;
  z-index: 1000;
  top: 15px;
  right: 20px;
  font-size: 36px;
  line-height: 1;
  font-weight: 400;
  color: #fff;
  text-decoration: none;
  cursor: pointer;
  transition: all 200ms;
}

.echo-blog-video.blog--style1 h1 {
  line-height: 70px;
  font-size: 60px;
  font-weight: 700;
}
.echo-blog-video.blog--style1 p {
  margin-bottom: 25px;
  font-size: 16px;
}
.echo-blog-video.blog--style1 .echo-video-left-site {
  position: relative;
}
.echo-blog-video.blog--style1 .echo-video-left-site .vedio-icone {
  position: unset !important;
}
.echo-blog-video.blog--style1 .echo-video-left-site .echo-video-left-site-text-box {
  max-width: 470px;
  min-height: 180px;
  padding: 25px 30px;
  background-color: #fff;
  position: absolute;
  bottom: 0;
}
.echo-blog-video.blog--style1 .echo-blog-video-post-title {
  margin-top: 0;
  margin-bottom: 20px;
}
.echo-blog-video.blog--style1 .echo-blog-video-post-title .post-link {
  background-size: 200% 1px;
  background-position: 100% 100%;
  background-repeat: no-repeat;
  transition: all 500ms;
  color: var(--titleColor);
}
.echo-blog-video.blog--style1 .echo-blog-video-post-title .post-link:hover {
  color: var(--hoverColor);
  background-position: 0% 100%;
  background-image: linear-gradient(to right, #000 50%, transparent 50%);
}
.echo-blog-video.blog--style1 .blog-thumbnail {
  flex-basis: unset;
  width: 100%;
}
.echo-blog-video.blog--style1 .blog-thumbnail .thumbnail-img {
  width: 100%;
}
.echo-blog-video.blog--style1 .blog-underline {
  background-color: var(--bodyColor);
}

.echo-blog-video.blog--style2 .vedio-icone {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.echo-blog-video.blog--style2 .img_postion_left {
  flex-direction: row-reverse;
}
.echo-blog-video.blog--style2 .img_postion_right {
  flex-direction: row;
}
.echo-blog-video.blog--style2 .echo-video-right-site-content {
  display: flex;
  gap: 30px;
  margin-bottom: 30px;
  align-items: center;
}
.echo-blog-video.blog--style2 .echo-video-right-site-content .vedio-icone.align-right {
  padding-right: 20px;
}
.echo-blog-video.blog--style2 .echo-video-right-site-content .echo-video-right-site-content-text {
  flex-basis: 50%;
}
.echo-blog-video.blog--style2 .echo-video-right-site-content .echo-blog-video-post-title {
  font-size: 20px;
  line-height: 30px;
  margin-top: 0;
  margin-bottom: 15px;
}
.echo-blog-video.blog--style2 .echo-video-right-site-content .echo-blog-video-post-title .post-link {
  background-size: 200% 1px;
  background-position: 100% 100%;
  background-repeat: no-repeat;
  transition: all 500ms;
  color: #fff;
}
.echo-blog-video.blog--style2 .echo-video-right-site-content .echo-blog-video-post-title .post-link:hover {
  color: #fff;
  background-position: 0% 100%;
  background-image: linear-gradient(to right, #fff 50%, transparent 50%);
}
.echo-blog-video.blog--style2 .echo-video-right-site-content .echo-video-right-site-content-video {
  position: relative;
  flex-basis: 50%;
}
.echo-blog-video.blog--style2 .echo-video-right-site-content .echo-video-right-site-content-video .video-play-button {
  transform: translate(-50%, -40%) scale(0.7);
}
.echo-blog-video.blog--style2 .echo-video-right-site-content .post-like-comment-share a {
  color: #fff;
  font-size: 14px;
  font-weight: 500;
}
.echo-blog-video.blog--style2 .blog-underline {
  background-color: #fff;
}
.echo-blog-video.blog--style2 .post-discription {
  color: #fff;
}
.echo-blog-video.blog--style2 .video-play-button {
  transform: scale(0.7) !important;
  position: static;
}/*# sourceMappingURL=blog-video.css.map */