/*
	Theme Name: manhowa
	Theme URI: https://manhowa.com/
	Description: Custom wordpress theme for manhowa.com.
	Author: Team of echoart
	Author URI: https://manhowa.com/
	Version: 1.1.1
    Text Domain: manhowa
*/

/* stylelint-disable selector-list-comma-newline-after */

@import url('https://fonts.googleapis.com/css2?family=Readex+Pro:wght@400;600&display=swap');

/* Social Networks */

.bg-facebook {
    background-color: #3c5898 !important;
}
.bg-twitter {
    background-color: #1ea1f2  !important;
}
.bg-reddit {
    background-color: #ff4500 !important;
}
.bg-pinterest {
    background-color: #bd071c !important;
}
.bg-email {
    background-color: #888888 !important;
}
.bg-linkedin {
    background-color: #0377b6 !important;
}
.bg-instagram {
    background-color: #0377b6 !important;
}
.bg-instagram {
    background-color: #3f709b !important;
}
.bg-youtube {
    background-color: #e52f28 !important;
}
.bg-soundcloud {
    background-color: #ffb268 !important;
}
.bg-dribbble {
    background-color: #eb4c89 !important;
}
.bg-whatsapp {
    background-color: #4aed68 !important;
}
.btn-circle-icon {
    width: var(--btn-circle-icon-wh,35px);
    height: var(--btn-circle-icon-wh,35px);
    line-height: var(--btn-circle-icon-wh,35px);
    padding: 0!important;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
}
.mode-switch .btn {
	width: 20px;
    height: 20px;
    padding: 0!important;
    border-radius: 50%;
    font-size: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.btn-light-mode{
	background:#000 !important;
    color: #fff !important;
	pointer-events:none;
}
.wp-block-embed__wrapper {
    text-align: center;
}
body.dark-mode .btn-light-mode{
	background: transparent !important;
    color: inherit !important;
	pointer-events:auto;
}
.btn-dark-mode {
	background: transparent !important;
    color: inherit !important;
	pointer-events:auto;
}
body.dark-mode .btn-dark-mode{
	background:#000000 !important;
	color:#fff!important;
	pointer-events:none;
}

.load-more-no-more,
.load-more-loading {
    display: none;
}
img {
  max-width: 100%;
  height: auto;
  object-fit: cover;
}
a {
  text-decoration: none;
}
.blog-header {
    border-bottom: 1px solid #e5e5e5;
  }
  

  .blog-header-logo:hover {
    text-decoration: none;
  }
  
  .dropdown-toggle-icon-none .dropdown-toggle:after,
.dropdown-toggle-icon-none .dropdown-toggle::before {
    display: none;
}
.dropdown-search {
  width: 320px !important;
  top: -8px !important;
}
@media (max-width: 992px){
.hero-border {
    border: 0!important;
}
}
  .display-4 {
    font-size: 2.5rem;
  }
  @media (min-width: 768px) {
    .display-4 {
      font-size: 3rem;
    }
  }
  
  .flex-auto {
    flex: 0 0 auto;
  }
  
  .h-250 { height: 250px; }
  @media (min-width: 768px) {
    .h-md-250 { height: 250px; }
  }
  
  /* Pagination */
  .blog-pagination {
    margin-bottom: 4rem;
  }
  
  /*
   * Blog posts
   */
  .blog-post {
    margin-bottom: 4rem;
  }
  .blog-post-title {
    font-size: 2.5rem;
  }
  .blog-post-meta {
    margin-bottom: 1.25rem;
    color: #727272;
  }
  
  /*
   * Footer
   */
  .blog-footer {
    padding: 2.5rem 0;
    color: #727272;
    background-color: #f9f9f9;
    border-top: .05rem solid #e5e5e5;
  }
  .blog-footer p:last-child {
    margin-bottom: 0;
  }

  .manhowa-hero {
    background-size: cover;
    background-position: center center;
    position: relative;
  }
 .manhowa-hero-cover {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    background: #000000a6;
}
.card.overlay:before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
  pointer-events: none;
background:#000000b8;
}
.card.overlay-2:before {
   background: linear-gradient(180deg, rgba(0, 0, 0, 0) 53.65%, #000000 90.62%);
  border-radius: var(--bs-border-radius-xl)!important;
}
.nav.nav-divider .nav-item+.nav-item:before {
  content: "/";
  color: inherit;
  padding-left: 0.65rem;
  padding-right: 0.65rem;
  opacity: 0.8;
}
.manhowa-post-content{
    line-height: 35px;
    text-align: justify;
    font-size: 18px;
}

     .bio-card {
        position: relative;
    }

    .bio-card-wash {
        background-color: #F1EFE2;
    }

    .bio-card-image {
        position: relative;
        width: 228px;
        height: 228px;
    }

    .creative-icon-element-top {
        width: 144px;
        left: 1rem;
        transform: translate3d(-50%, 0, 0) rotate(-25deg) scaleX(1) scaleY(1) skewX(0) skewY(0);
        z-index: 1;
    }

    .creative-icon-element-bottom {
        width: 2.25rem;
        height: 2.25rem;
        transform: translate3d(50%, 50%, 0) rotate(200deg) scaleX(1) scaleY(1) skewX(0) skewY(0);
        bottom: -0.5rem;
    }

    .creative-underline {
        position: relative;
        display: inline-block;
        margin-bottom: 24px;
    }

    .creative-underline::before {
        content: '';
        position: absolute;
        background: url("data:image/svg+xml,<svg width='600' height='54' viewBox='0 0 600 54' fill='none' xmlns='http://www.w3.org/2000/svg'> <path fill-rule='evenodd' clip-rule='evenodd' d='M359.081 24.664C279.232 25.6231 199.343 29.4278 119.842 36.2287C82.0441 39.4627 38.1499 39.0584 1.49101 50.0841C-0.335611 50.639 0.0122627 52.3035 0.0517999 52.47C0.130874 52.8108 0.463072 53.9442 1.91804 53.9997C2.07619 54.0076 3.19106 53.8491 3.61806 53.7936C14.4433 52.3669 25.2291 50.7024 36.0623 49.3549C73.4645 44.6863 110.977 41.159 148.546 38.0677C198.41 33.9618 248.701 31.774 298.7 30.0619C326.068 29.1266 354.092 30.371 381.546 28.437C391.628 28.3815 401.71 28.3737 411.792 28.4054C453.939 28.556 496.038 30.1571 538.114 32.3528C551.643 33.0582 561.962 33.8191 575.207 34.3344C580.237 34.5325 588.215 34.6673 593.766 34.7545C594.581 34.7703 596.66 34.786 597.522 34.794C597.609 34.8098 597.696 34.8098 597.791 34.8098C598.123 34.8098 598.281 34.786 598.313 34.786C600.195 34.5086 600.021 32.7252 599.974 32.4557C599.966 32.4002 599.681 30.8942 598.06 30.8387C597.673 30.8228 594.897 30.8071 593.829 30.7913C588.31 30.7041 580.363 30.5693 575.358 30.3791C562.137 29.8639 551.825 29.1029 538.319 28.3975C496.18 26.2019 454.018 24.5928 411.808 24.4422C406.652 24.4263 401.489 24.4184 396.333 24.4263C396.159 23.9745 395.772 23.4672 394.918 23.2453C394.119 23.0392 388.402 22.8569 386.196 22.6746C369.867 21.3271 370.349 21.3905 352.384 20.2887C325.174 18.6163 321.031 18.2356 292.73 17.5302C241.324 16.2461 189.894 16.3493 138.48 16.4761C113.097 16.5474 85.9187 18.2674 60.1483 15.0572C68.6409 14.0585 77.1652 13.3293 85.6736 12.497C114.726 9.65933 143.801 7.89958 172.972 6.66305C242.945 3.69857 313.028 2.51762 382.978 6.5601C368.088 6.70278 353.206 7.03559 338.316 7.2496C277.706 8.13736 216.51 7.47161 156.026 12.0769C154.943 12.1641 154.128 13.1152 154.207 14.2011C154.286 15.295 155.243 16.1114 156.327 16.0322C216.731 11.4269 277.84 12.1006 338.372 11.2128C360.861 10.8878 383.341 10.3013 405.83 10.4757C413.548 10.5391 421.265 10.8245 428.983 10.9196C430.509 10.9434 434.439 11.2446 435.001 11.1178C436.242 10.8404 436.511 9.92085 436.59 9.46904C436.629 9.19955 436.756 7.64596 434.858 7.09111C421.906 3.30228 398.002 3.47666 385.413 2.73157C314.602 -1.46944 243.648 -0.296356 172.806 2.69984C143.564 3.94429 114.417 5.71199 85.2861 8.55758C75.1093 9.54839 64.9087 10.4044 54.7713 11.7202C53.1345 11.9342 49.4576 12.2434 47.6784 12.5684C46.9351 12.7032 46.3974 12.8933 46.1601 13.028C45.235 13.5512 45.0689 14.3121 45.0689 14.8273C45.061 15.2236 45.2271 16.6187 47.1644 16.9992C76.6829 22.7934 108.803 20.5186 138.487 20.4393C189.87 20.3125 241.26 20.2093 292.635 21.4934C320.865 22.1988 324.992 22.5716 352.146 24.244C354.827 24.4026 357.096 24.5451 359.081 24.664Z' fill='black'/></svg>");
        width: 100%;
        height: 48px;
        background-repeat: no-repeat;
        background-size: 100%;
        top: 40px;
    }
  
.bio-card-wash-inner {
            width: 100%;
            height: 114px;
        }

    @media (min-width: 768px) {
        .bio-card-wash-inner {
            width: 114px;
            height: 100%;
        }
    }
.manhowa-logo-white{
	display:none;
}
body.dark-mode .manhowa-logo-black{
	display:none;
}
body.dark-mode .manhowa-logo-white{
	display:inline-table;
}
body.dark-mode {
	--bs-secondary-rgb : 248,249,250;
	--bs-body-bg: #212529;
	--bs-body-color: #fff;
	
}
body.dark-mode .offcanvas {
	--bs-offcanvas-bg: #212529;
}
body.dark-mode .link-secondary {
    color: #ffffff!important;
}
body.dark-mode  .blog-header.bg-white{
	--bs-white-rgb: 0,0,0;
	  border-bottom: 0;
}
body.dark-mode  .bio-card-wash{
	--bs-white-rgb: 33,37,41;
}
body.dark-mode .bio-card-wash {
    background-color: #000;
}
body.dark-mode .btn-outline-dark{
	--bs-btn-color:#fff;
		--bs-btn-border-color:#fff;
	--bs-dark-rgb: 255,255,255;
}
body.dark-mode .blog-footer {
    color: #ffffff;
    background-color: #000000;
}
body.dark-mode .manhowa-hero svg path {
	fill:#212529 !important;
}