.video-js {
    width: 800px;
    height: 450px;
  }
  
  .vjs-custom-theme {
    .vjs-control-bar{
      background-color: transparent !important;
    }
    .vjs-big-play-button {
      opacity: 0 !important;
    }
    .vjs-volume-control {
      align-items: center !important;
    }
    
    .vjs-play-progress:before {
      top: -4px !important;
    }
    .vjs-fullscreen-control {
      .vjs-icon-placeholder {
        &:before {
          line-height: 30px;
        }
      }
    }
    button {
      &:hover {
        color: #fff;
      }
    }
  
    .vjs-progress-control .vjs-progress-holder {
      margin: 0 10px;
      background: rgba(255, 255, 255, 0.25);
      height: 1px;
    }
    .vjs-progress-control {
      &:hover {
        .vjs-play-progress:before {
          top: -7px !important;
        }
      }
    }
  
    .vjs-control-bar {
      height: 54px;
      background: none;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      visibility: visible;
      opacity: 1;
      -webkit-transition: visibility 0.1s, opacity 0.1s;
      -o-transition: visibility 0.1s, opacity 0.1s;
      transition: visibility 0.1s, opacity 0.1s;
    }
    .vjs-volume-panel {
      -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
      order: 4;
      display: flex;
      align-items: center;
    }
  
    .vjs-fullscreen-control {
      -webkit-box-ordinal-group: 5;
      -ms-flex-order: 5;
      order: 5;
    }
    .vjs-picture-in-picture-control,
    .vjs-remaining-time {
      display: none;
    }
    .vjs-play-control {
      width: 5em !important;
    }
    .vjs-play-control .vjs-icon-placeholder::before {
      font-size: 13px;
      letter-spacing: 0.16px;
      content: "Play" !important;
      font-family: sans-serif;
      line-height: 30px;
    }
  
    .vjs-play-control.vjs-playing .vjs-icon-placeholder::before {
      content: "Pause" !important;
      font-family: sans-serif;
    }
  }
  

  #cookieConsent {
    position: fixed;
    bottom: 0;
    width: 100%;
    background: #2e2e2e;
    color: white;
    text-align: center;
    padding: 15px;
    z-index: 1000;
}

#cookieConsent p {
    margin: 0;
}

#cookieConsent button {
    background: #ed2024;
    border: none;
    padding: 10px 20px;
    cursor: pointer;
    color:white
}

#cookieConsent a {
  cursor: pointer;
  color:#ed2024
}


/* blogs */

.single-blog-item.blog-grid {
  border-radius: 10px;
  box-shadow: 0 0 6px rgb(0 0 0 / 20%);
  margin-bottom: 45px;
  padding: 20px;
  transition: transform .2s;
  background-color: #fff;
}
.post-feature.blog-thumbnail a{
  display: block;
}
.post-feature.blog-thumbnail a img{
  width: 100%;
}
.post-info.lg-blog-post-info .post-title{
  margin: 0px;
  padding-top: 14px;
  /* color: #6d6d6d; */
  font-weight: 600;
  padding-bottom: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: initial;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  padding: 0;
  margin: 10px 0px;
}
.post-info.lg-blog-post-info .post-title a{
  color: #000;
  height: 100%;
  display: block;
}
.post-excerpt p {
  overflow-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.btn-text a{
  color: #ed2024 !important;
}
.post-date{
  color: #ed2024 !important;
}
.page-item.active .page-link {
  z-index: 3;
  color: #fff !important;
  background-color: #ed2024 !important;
  border-color: #ed2024 !important;
}
.page-link,
.page-link:hover {
  color: #000 !important;
}

/* blog detail */
.article {
  box-shadow: 0 0 30px rgba(31, 45, 61, 0.125);
  border-radius: 5px;
  overflow: hidden;
  background: #ffffff;
  padding: 15px;
  margin: 0px 0 30px;
}
.article .article-title {
  padding: 15px 0 20px;
}
.article .article-title h2 {
  color: #000;
  font-weight: 600;
}
.article .article-title .media {
  padding-top: 15px;
  border-bottom: 1px dashed #ddd;
  padding-bottom: 20px;
  display: flex;
  align-items: center;
}
.article .article-title .media .avatar {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  overflow: hidden;
}
.article .article-title .media .media-body {
  padding-left: 8px;
}
.article .article-title .media .media-body label {
  font-weight: 600;
  color: #fc5356;
  margin: 0;
}
.article .article-title .media .media-body span {
  display: block;
  font-size: 12px;
}