/*
Theme Name: BlogHash Child
Text Domain: bloghash
Template: bloghash
Version: 1.0.25
Requires at least: 5.4
Tested up to: 6.8
Requires PHP: 5.6
Description: BlogHash is the perfect pick for bloggers seeking a lightweight, customizable theme that suits them just right. With plenty of options to adjust colors and typography, making your site unique is a breeze. It's SEO friendly and fully compatible with WPML, Gutenberg, Elementor, WooCommerce, and supports translation and RTL. Live preview: https://peregrine-themes.com/bloghash/#demos.
Tags: two-columns, right-sidebar, left-sidebar, footer-widgets, blog, news, entertainment, custom-background, custom-menu, custom-logo, post-formats, sticky-post, editor-style, threaded-comments, translation-ready, custom-colors, featured-images, full-width-template, microformats, theme-options, flexible-header, wide-blocks
Author: Peregrine themes
Author URI: https://peregrine-themes.com/
Theme URI: https://peregrine-themes.com/bloghash
License: GPLv2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

.suggest-article {
	background-color: #ffdaf9;
  padding: 1rem 1rem;
  border-radius: 5px;
  border-left: 5px solid #ff0000;
  text-align: left;
  margin: 2rem 0;
}

.pt-toc-wrap {
    border-radius: 12px;
    box-shadow: 0 2px 4px #0e0e131f;
    overflow: hidden;
    margin-top: 1.5rem;
    margin-bottom: 3rem;
}

html[data-darkmode="dark"] .pt-toc-wrap {
    box-shadow: 0 2px 4px #0000001f;
}

.pt-toc-wrap .toc-header {
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: var(--bloghash-primary);
    color: #fff;
}

.pt-toc-wrap .toc-header.collapse {
    cursor: pointer;
}

.toc-header-title-wrap h3 {
    margin: 0;
    font-size: 1.8rem;
    color: inherit;
}

.toc-header-collapse {
    display: flex;
    font-size: 2.1rem;
    cursor: pointer;
}

.bloghash-article .pt-toc-wrap .pt-toc-items {
    list-style: none;
    margin: 0;
    padding: 20px;
}

.pt-toc-wrap.has-toggle .pt-toc-items {
    overflow: hidden;
    transition: max-height .35s ease, padding .35s ease, opacity .35s ease;
}

.pt-toc-wrap.has-toggle .pt-toc-items.collapsed-default {
    max-height: 0;
    padding-top: 0;
    padding-bottom: 0;
    opacity: 0;
}

.bloghash-article .pt-toc-wrap .pt-toc-items .pt-toc-anchor {
    color: inherit;
    font-size: 1.65rem;
    text-decoration: none;
    text-underline-offset: 4px;
}

.bloghash-article .pt-toc-wrap .pt-toc-items .pt-toc-anchor:focus, .bloghash-article .pt-toc-wrap .pt-toc-items .pt-toc-anchor:hover {
    color: var(--bloghash-primary);
    text-decoration: underline;
}

.pt-toc-items.toc-hierarchically li.level-2 {
    margin-left: 25px;
}

.pt-toc-items.toc-hierarchically li.level-3 {
    margin-left: 50px;
}

.pt-toc-items.toc-hierarchically li.level-4 {
    margin-left: 75px;
}

.pt-toc-items.toc-hierarchically li.level-5 {
    margin-left: 100px;
}

.pt-toc-items.toc-hierarchically.toc-counter li.level-1 {
    counter-increment: tocLevel;
    counter-reset: tocLevel2 tocLevel3 tocLevel4 tocLevel5;
}

.pt-toc-items.toc-hierarchically.toc-counter li.level-1:before {
    content: counter(tocLevel) ". ";
}

.pt-toc-items.toc-hierarchically.toc-counter li.level-2 {
    counter-increment: tocLevel2;
    counter-reset: tocLevel3 tocLevel4 tocLevel5;
}

.pt-toc-items.toc-hierarchically.toc-counter li.level-2:before {
    content: counter(tocLevel) "." counter(tocLevel2) ". ";
}

.pt-toc-items.toc-hierarchically.toc-counter li.level-3 {
    counter-increment: tocLevel3;
    counter-reset: tocLevel4 tocLevel5;
}

.pt-toc-items.toc-hierarchically.toc-counter li.level-3:before {
    content: counter(tocLevel) "." counter(tocLevel2) "." counter(tocLevel3) ". ";
}

.pt-toc-items.toc-hierarchically.toc-counter li.level-4 {
    counter-increment: tocLevel4;
    counter-reset: tocLevel5;
}

.pt-toc-items.toc-hierarchically.toc-counter li.level-4:before {
    content: counter(tocLevel) "." counter(tocLevel2) "." counter(tocLevel3) "." counter(tocLevel4) ". ";
}

.pt-toc-items.toc-hierarchically.toc-counter li.level-5 {
    counter-increment: tocLevel5;
}

.pt-toc-items.toc-hierarchically.toc-counter li.level-5:before {
    content: counter(tocLevel) "." counter(tocLevel2) "." counter(tocLevel3) "." counter(tocLevel4) "." counter(tocLevel5) ". ";
}

.pt-toc-items.toc-flat.toc-counter li {
    counter-increment: tocCounter;
}

.pt-toc-items.toc-flat.toc-counter li:before {
    content: counter(tocCounter) ". ";
}

.nth-share-article {
    display: block;
}

.nth-share-article .nth-share-title {
    margin: 0;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-weight: 600;
}

.nth-share-article .nth-share-title span {
    color: var(--bloghash-primary);
}

.nth-share-article .nth-share-subtitle {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.nth-share-article .nth-share-divider {
    width: 40px;
    height: auto;
    vertical-align: middle;
    margin-top: -8px;
}

.nth-share-article .bloghash-social-nav, .bloghash-social-nav>ul {
    padding-top: 8px;
}

.nth-share-link {
    position: relative;
}

.nth-share-copy-link.copied::after {
    content: attr(data-copy-feedback);
    position: absolute;
    top: -1.2rem;
    left: 50%;
    transform: translate(-50%, -8px);
    padding: 0.2rem 0.8rem;
    background: var(--bloghash-primary);
    color: #fff;
    border-radius: 999px;
    font-size: 1.1rem;
    white-space: nowrap;
    opacity: 0;
    animation: nth-copy-toast 1.4s ease forwards;
    pointer-events: none;
}

@keyframes nth-copy-toast {
    0% {
        opacity: 0;
        transform: translate(-50%, -10px);
    }

    20%, 70% {
        opacity: 1;
        transform: translate(-50%, -4px);
    }

    100% {
        opacity: 0;
        transform: translate(-50%, -10px);
    }
}