.web-comics-single-nav .web-comics-select-nav {
  width: 100%;
}

.web-comics-single-nav .web-comics-select-nav .form-select {
  width: 100%;
  min-width: 0;
}

.web-comics-single-nav .btn {
  min-width: 0;
}

@media (max-width: 1399.98px) {
  .web-comics-single-nav {
    flex-direction: column !important;
  }

  .web-comics-single-nav > div,
  .web-comics-single-nav .web-comics-select-nav {
    width: 100%;
  }

  .web-comics-single-nav .d-flex.flex-wrap.gap-2 {
    justify-content: stretch;
  }

  .web-comics-single-nav .btn,
  .web-comics-single-nav .form-select {
    width: 100%;
  }
}

.web-comic-share .btn-social {
  color: #fff;
  background-color: #000;
  border-color: transparent;
}

.web-comic-share .btn-social.btn-social-twitter {
  background-color: #1da1f2;
}

.web-comic-share .btn-social.btn-social-twitter:hover,
.web-comic-share .btn-social.btn-social-twitter:focus {
  background-color: #115f8f;
}

.web-comic-share .btn-social.btn-social-facebook {
  background-color: #3b5998;
}

.web-comic-share .btn-social.btn-social-facebook:hover,
.web-comic-share .btn-social.btn-social-facebook:focus {
  background-color: #182b4b;
}

.web-comic-share .btn-social.btn-social-instagram {
  background-color: #e4405f;
}

.web-comic-share .btn-social.btn-social-instagram:hover,
.web-comic-share .btn-social.btn-social-instagram:focus {
  background-color: #701a2e;
}

.web-comic-share .btn-social.btn-social-reddit {
  background-color: #ff5700;
}

.web-comic-share .btn-social.btn-social-reddit:hover,
.web-comic-share .btn-social.btn-social-reddit:focus {
  background-color: #913300;
}

.web-comic-share .btn-social.btn-social-pinterest {
  background-color: #bd081c;
}

.web-comic-share .btn-social.btn-social-pinterest:hover,
.web-comic-share .btn-social.btn-social-pinterest:focus {
  background-color: #55050d;
}

.web-comic-share .btn-social.btn-social-snapchat {
  background-color: #fffc00;
  color: #000;
}

.web-comic-share .btn-social.btn-social-snapchat:hover,
.web-comic-share .btn-social.btn-social-snapchat:focus {
  background-color: #9e9c00;
  color: #000;
}

.web-comic-share .btn-social:hover,
.web-comic-share .btn-social:focus {
  color: #fff;
}

.web-comic-card-categories,
.web-comic-card-tags {
  font-size: 0.85rem;
  line-height: 1.4;
}

.web-comic-card-categories a,
.web-comic-card-tags a {
  color: inherit;
  text-decoration: underline;
}

.web-comic-card-categories a:hover,
.web-comic-card-tags a:hover {
  text-decoration: none;
}

.border-sketch {
  border-radius: 255px 15px 225px 15px/15px 225px 15px 255px!important;
}

.border-sketch-sm {
  border-radius: 50px 5px 50px 5px/5px 50px 5px 50px!important;
}