.detail-podcast {
  padding-top: 70px;
  padding-bottom: 70px;
  background-color: #f1f1f1; }
  .detail-podcast .social li:not(:last-child) {
    margin-bottom: 6px; }
  .detail-podcast .social img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7491%) hue-rotate(242deg) brightness(100%) contrast(101%); }
  .detail-podcast .social .twitter {
    background-color: #1da1f2;
    color: #fff;
    width: 2.5rem;
    height: 2.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%; }
  .detail-podcast .social .facebook {
    background-color: #4867aa;
    color: #fff;
    width: 2.5rem;
    height: 2.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%; }
  .detail-podcast .social .bubble {
    background-color: #555;
    color: #fff;
    width: 2.5rem;
    height: 2.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%; }
  .detail-podcast .podcast-player .player {
    width: 100% !important; }
  .detail-podcast .comment {
    background-color: #fff;
    padding-top: 1rem; }
    .detail-podcast .comment input, .detail-podcast .comment textarea {
      background-color: #eee;
      box-shadow: none !important;
      outline: none !important;
      border-color: #eee !important; }
      .detail-podcast .comment input::placeholder, .detail-podcast .comment textarea::placeholder {
        color: #777777; }
    .detail-podcast .comment .btn-submit {
      background-color: #ddd;
      padding: 6px 14px;
      color: #777;
      transition: 0.5s;
      border: 1px solid #ddd; }
      .detail-podcast .comment .btn-submit:hover {
        border-color: #000;
        background-color: transparent;
        color: #000; }
  .detail-podcast .comment-items .main-comment {
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 10px; }
    .detail-podcast .comment-items .main-comment .header {
      padding: 6px 0; }
    .detail-podcast .comment-items .main-comment .body {
      padding: 10px; }
  .detail-podcast .comment-items .reply-comment {
    background-color: #f5f5f5;
    border-radius: 8px;
    padding: 10px; }
    .detail-podcast .comment-items .reply-comment .header {
      padding: 6px 0; }
    .detail-podcast .comment-items .reply-comment .body {
      padding: 10px; }
