/*
Theme Name: Bloglamp
Author: Peregrine themes
Template: bloghash
Text Domain: bloglamp
Description: Bloglamp 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://demo.peregrine-themes.com/bloghash/bloglamp.
Author URI: https://peregrine-themes.com/
Theme URI: https://peregrine-themes.com/bloglamp/
Version: 1.0.3
Requires at least: 5.0
Tested up to: 6.6
Requires PHP: 5.6
License: GPLv2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
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, theme-options, flexible-header, wide-blocks
*/

/* Bloglamp */

.bloglamp {
    --bloghash-radius: 6px;
}

.bloglamp .bloghash-article.post.sticky {
    outline: none;
}

.bloglamp.bloghash-layout__boxed-separated.page .bloghash-article.has-post-thumbnail:not(.format-quote),
.bloglamp.bloghash-layout__boxed-separated.archive .bloghash-article.has-post-thumbnail:not(.format-quote),
.bloglamp.bloghash-layout__boxed-separated.blog .bloghash-article.has-post-thumbnail:not(.format-quote),
.bloglamp.bloghash-layout__boxed-separated.category .bloghash-article.has-post-thumbnail:not(.format-quote),
.bloglamp.bloghash-layout__boxed-separated.search-results .bloghash-article.has-post-thumbnail:not(.format-quote) {
    padding: 0;
}

.bloglamp.bloghash-blog-horizontal .bloghash-article.has-post-thumbnail:not(.format-quote) .bloghash-blog-entry-wrapper {
    align-items: unset;
}

.bloglamp.bloghash-blog-horizontal .bloghash-article.has-post-thumbnail:not(.format-quote) .bloghash-blog-entry-wrapper.bloghash-thumb-right .entry-media,
.bloglamp.bloghash-blog-horizontal .bloghash-article.has-post-thumbnail:not(.format-quote) .bloghash-blog-entry-wrapper.bloghash-thumb-left .entry-media {
    margin: 0;
}

.bloglamp.bloghash-blog-horizontal .bloghash-article.has-post-thumbnail:not(.format-quote) .entry-media .entry-image-link,
.bloglamp.bloghash-blog-horizontal .bloghash-article.has-post-thumbnail:not(.format-quote) .entry-media img {
    height: 100%;
    object-fit: cover;
}

.bloglamp.bloghash-blog-horizontal .bloghash-article.has-post-thumbnail:not(.format-quote) .bloghash-entry-content-wrapper {
    padding: 3rem;
}

@media only screen and (min-width: 869px) {
    .bloglamp .bloghash-article.has-post-thumbnail:not(.format-quote) .entry-media,
    .bloglamp .bloghash-article .entry-media {
        border-radius: var(--bloghash-radius) 0 0 var(--bloghash-radius);
    }

    .bloglamp.bloghash-blog-horizontal .col-xs-12:nth-child(even) .bloghash-article.has-post-thumbnail:not(.format-quote) .bloghash-blog-entry-wrapper .entry-media {
        border-radius: 0 var(--bloghash-radius) var(--bloghash-radius) 0;
    }
}

@media only screen and (max-width: 868px) {
    .bloglamp .bloghash-article.has-post-thumbnail:not(.format-quote) .entry-media {
        border-radius: var(--bloghash-radius) var(--bloghash-radius) 0 0;
    }
}

.bloglamp #bloghash-header-inner {
    box-shadow: 0 1px 6px rgba(190, 190, 190, 0.30);
}

.bloglamp .post-category .cat-links a {
    --bloghash-radius: 0;
    padding-right: 18px;
    clip-path: polygon(0 0, 100% 0, 90% 100%, 0% 100%);
}

.bloglamp .post-category .cat-links a:focus,
.bloglamp.using-keyboard .post-category .cat-links a:hover {
    transform: translateY(-2px);
}

.bloglamp .six-slider .bloghash-post-item.rounded {
    border-radius: var(--bloghash-radius);
}

[data-darkmode=dark] .bloghash-post-item {
    border: 1px solid rgba(190,190,190,0.30);
}

/* Franklee: dark mode breadcrumb fix */
[data-darkmode=dark] .bloghash-breadcrumbs {
    background: #0a0a0a;
    border-top-color: rgba(255, 255, 255, 0.08);
    border-bottom-color: rgba(255, 255, 255, 0.08);
    color: rgba(255, 255, 255, 0.72);
}

[data-darkmode=dark] .bloghash-breadcrumbs a,
[data-darkmode=dark] .bloghash-breadcrumbs .trail-item::after,
[data-darkmode=dark] .bloghash-breadcrumbs .separator {
    color: rgba(255, 255, 255, 0.86);
}

[data-darkmode=dark] .bloghash-breadcrumbs a:hover,
[data-darkmode=dark] .bloghash-breadcrumbs a:focus {
    color: #ffffff;
}

/* Franklee: dark footer and colorful tag chips */
.bloglamp {
    --franklee-tag-1: #e96d63;
    --franklee-tag-2: #d88b31;
    --franklee-tag-3: #d9b33c;
    --franklee-tag-4: #58a85b;
    --franklee-tag-5: #4da19a;
    --franklee-tag-6: #4d91cf;
    --franklee-tag-7: #4d73d1;
    --franklee-tag-8: #6a63d9;
    --franklee-tag-9: #8b5fd1;
    --franklee-tag-10: #b85ac8;
    --franklee-tag-11: #cf5c9a;
    --franklee-tag-12: #c86b45;
}

[data-darkmode=dark] .site-footer,
[data-darkmode=dark] #bloghash-footer,
[data-darkmode=dark] #bloghash-copyright {
    background: #0b1220;
    color: rgba(236, 243, 255, 0.82);
}

[data-darkmode=dark] #bloghash-footer {
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

[data-darkmode=dark] #bloghash-copyright {
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

[data-darkmode=dark] #bloghash-footer .widget-title,
[data-darkmode=dark] #bloghash-footer .h4,
[data-darkmode=dark] #bloghash-copyright,
[data-darkmode=dark] .site-footer .bloghash-copyright-widget__text {
    color: #f8fbff;
}

[data-darkmode=dark] #bloghash-footer ul li,
[data-darkmode=dark] #bloghash-footer p,
[data-darkmode=dark] #bloghash-copyright span {
    color: rgba(236, 243, 255, 0.78);
}

[data-darkmode=dark] #bloghash-footer a,
[data-darkmode=dark] #bloghash-copyright a {
    color: #dbeafe;
}

[data-darkmode=dark] #bloghash-footer a:hover,
[data-darkmode=dark] #bloghash-footer a:focus,
[data-darkmode=dark] #bloghash-copyright a:hover,
[data-darkmode=dark] #bloghash-copyright a:focus {
    color: #ffffff;
}

[data-darkmode=dark] .bloglamp .entry-content a,
[data-darkmode=dark] .bloglamp .entry-content a code,
[data-darkmode=dark] .bloglamp .entry-content li a,
[data-darkmode=dark] .bloglamp .entry-content p a {
    color: #8fd3ff;
    text-decoration-color: rgba(143, 211, 255, 0.78);
}

[data-darkmode=dark] .bloglamp .entry-content a:hover,
[data-darkmode=dark] .bloglamp .entry-content a:focus {
    color: #b9e7ff;
    text-decoration-color: rgba(185, 231, 255, 0.92);
}

[data-darkmode=dark] .bloglamp .entry-content :not(pre) > code,
[data-darkmode=dark] .bloglamp .entry-content p code,
[data-darkmode=dark] .bloglamp .entry-content li code,
[data-darkmode=dark] .bloglamp .entry-content td code,
[data-darkmode=dark] .bloglamp .entry-content th code {
    color: #ffd89a;
    background: rgba(255, 216, 154, 0.14);
    border: 1px solid rgba(255, 216, 154, 0.18);
    border-radius: 0.35rem;
    padding: 0.08rem 0.35rem;
}

[data-darkmode=dark] .bloglamp .entry-content pre,
[data-darkmode=dark] .bloglamp .entry-content .wp-block-code {
    background: #111827;
    border-color: rgba(143, 211, 255, 0.2);
}

[data-darkmode=dark] .bloglamp .entry-content pre code,
[data-darkmode=dark] .bloglamp .entry-content .wp-block-code code {
    color: #e5f3ff;
}

.bloglamp-mobile-menu-actions {
    display: none;
}

.bloghash-container > .bloghash-primary-nav > .bloglamp-mobile-menu-actions {
    display: none;
}

.bloghash-mobile-nav .bloghash-primary-nav .bloglamp-mobile-menu-actions {
    display: block;
    width: 100%;
    padding: 1rem 1.25rem 1.35rem;
    margin-top: 0.35rem;
    border-top: 1px solid rgba(15, 23, 42, 0.08);
}

.bloghash-mobile-nav .bloglamp-mobile-social-nav > ul {
    display: flex;
    flex-wrap: wrap;
    gap: 0.85rem;
}

.bloghash-mobile-nav .bloglamp-mobile-social-nav > ul > li > a {
    width: 44px;
    height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.bloghash-mobile-nav .bloglamp-mobile-menu-resume {
    margin-top: 1rem;
}

.bloghash-mobile-nav .bloglamp-mobile-menu-resume .bloghash-btn {
    width: 100%;
    justify-content: center;
}

.bloglamp.home .bloghash-hero-slider {
    margin-top: 30px !important;
    margin-bottom: 0 !important;
}

.bloglamp.home #main > .bloghash-container > #primary.content-area,
.bloglamp.home #main > .bloghash-container > #secondary.widget-area {
    margin-top: 30px !important;
}

@media only screen and (max-width: 768px) {
    .bloglamp.home .bloghash-hero-slider {
        margin-top: 30px !important;
        margin-bottom: 0 !important;
    }

    .bloglamp.home #main > .bloghash-container > #primary.content-area,
    .bloglamp.home #main > .bloghash-container > #secondary.widget-area {
        margin-top: 30px !important;
    }
}

.bloglamp-hero-slider-optimized .bloghash-swiper.swiper-autoheight,
.bloglamp-hero-slider-optimized .bloghash-swiper.swiper-autoheight .swiper-wrapper,
.bloglamp-hero-slider-optimized .bloghash-swiper.swiper-autoheight .swiper-slide {
    height: auto !important;
}

.bloglamp-hero-slider-optimized .bloghash-blog-entry-wrapper {
    align-items: center;
}

.bloglamp-hero-slider-optimized .post-thumb.entry-media.thumbnail {
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background: rgba(15, 23, 42, 0.08);
    height: auto !important;
    min-height: 0 !important;
    align-self: flex-start;
}

.bloglamp-hero-slider-optimized .post-thumb.entry-media.thumbnail .entry-image-link,
.bloglamp-hero-slider-optimized .post-thumb.entry-media.thumbnail img {
    display: block;
    width: 100%;
    height: 100% !important;
}

.bloglamp-hero-slider-optimized .post-thumb.entry-media.thumbnail .entry-image-link {
    overflow: hidden;
}

.bloglamp-hero-slider-optimized .post-thumb.entry-media.thumbnail img {
    object-fit: cover;
    object-position: center center;
}

.bloglamp-hero-slider-optimized .bloghash-entry-content-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 0.7rem;
    min-height: 0;
    padding: 1.75rem 2rem !important;
}

.bloglamp-hero-slider-optimized .post-category,
.bloglamp-hero-slider-optimized .entry-meta,
.bloglamp-hero-slider-optimized .entry-summary,
.bloglamp-hero-slider-optimized .entry-footer {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.bloglamp-hero-slider-optimized .entry-title {
    font-size: clamp(2rem, 2.8vw, 3rem) !important;
    line-height: 1.08 !important;
    margin: 0 !important;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}

.bloglamp-hero-slider-optimized .entry-summary,
.bloglamp-hero-slider-optimized .entry-summary.bloghash-entry {
    font-size: 17px !important;
    line-height: 29.75px !important;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.bloglamp-hero-slider-optimized .post-category .cat-links span:last-child,
.bloglamp-hero-slider-optimized .entry-meta-elements {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.bloglamp-hero-slider-optimized .post-category .cat-links span:last-child {
    -webkit-line-clamp: 1;
}

.bloglamp-hero-slider-optimized .entry-footer {
    margin-top: auto !important;
    padding-top: 0.85rem;
}

.bloglamp-hero-slider-optimized .entry-meta {
    font-size: 13px !important;
    line-height: 1.45 !important;
}

.bloglamp-hero-slider-optimized .entry-meta,
.bloglamp-hero-slider-optimized .entry-meta a,
.bloglamp-hero-slider-optimized .entry-meta .author-name,
.bloglamp-hero-slider-optimized .entry-meta .post-author,
.bloglamp-hero-slider-optimized .entry-meta .posted-on,
.bloglamp-hero-slider-optimized .entry-meta-elements > span {
    font-size: 13px !important;
}

@media only screen and (min-width: 769px) {
    .bloglamp-hero-slider-optimized .bloghash-blog-entry-wrapper {
        min-height: 0;
    }

    .bloglamp-hero-slider-optimized .post-thumb.entry-media.thumbnail {
        flex: 0 0 52% !important;
        max-width: 52% !important;
    }

    .bloglamp-hero-slider-optimized .bloghash-entry-content-wrapper {
        flex: 1 1 auto;
        min-width: 0;
    }
}

@media only screen and (max-width: 768px) {
    .bloglamp-hero-slider-optimized .post-thumb.entry-media.thumbnail {
        width: 100%;
    }

    .bloglamp-hero-slider-optimized .bloghash-entry-content-wrapper {
        padding: 1.25rem 1.2rem 1.35rem !important;
    }

    .bloglamp-hero-slider-optimized .entry-title {
        font-size: clamp(1.65rem, 7vw, 2.25rem) !important;
        -webkit-line-clamp: 3;
    }
}

[data-darkmode=dark] .bloghash-mobile-nav .bloglamp-mobile-menu-actions {
    border-top-color: rgba(255, 255, 255, 0.08);
}

@media only screen and (max-width: 599px) {
    .bloghash-mobile-nav .bloghash-primary-nav {
        position: fixed !important;
        top: 84px !important;
        left: 0;
        right: 0;
        width: 100%;
        height: auto !important;
        max-height: calc(100dvh - 84px);
        overflow-y: auto !important;
        overscroll-behavior: contain;
        -webkit-overflow-scrolling: touch;
    }

    .bloghash-mobile-nav .bloghash-primary-nav > ul {
        height: auto !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .bloghash-mobile-nav .bloghash-primary-nav > ul > li > a {
        padding-top: 0.8rem;
        padding-bottom: 0.8rem;
    }

    html.is-mobile-menu-active,
    body.is-mobile-menu-active,
    .is-mobile-menu-active body,
    body:has(.bloghash-mobile-nav .bloghash-primary-nav[style*="display: block"]) {
        overflow: hidden !important;
        height: 100dvh;
    }

    body.is-mobile-menu-active #page,
    body:has(.bloghash-mobile-nav .bloghash-primary-nav[style*="display: block"]) #page {
        height: 100dvh;
        overflow: hidden;
    }
}

.bloglamp .entry-footer .post-tags .cat-links,
.bloglamp #bloghash-footer .tagcloud {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 12px;
    justify-content: flex-start;
    align-items: flex-start;
}

.bloglamp .entry-footer .post-tags .cat-links::before,
.bloglamp .entry-footer .post-tags .cat-links::after,
.bloglamp #bloghash-footer .tagcloud::before,
.bloglamp #bloghash-footer .tagcloud::after {
    content: none !important;
    display: none !important;
}

.bloglamp .entry-footer {
    margin-top: 2rem;
    padding: 1.4rem 0 0.5rem;
    border-top: 1px solid rgba(15, 23, 42, 0.08);
}

.bloglamp .entry-footer .post-tags {
    display: block;
    margin: 0;
    padding: 12px 0 18px 0 !important;
}

[data-darkmode=dark] .bloglamp .entry-footer {
    border-top-color: rgba(255, 255, 255, 0.08);
}

.bloglamp .entry-footer .post-tags .cat-links a,
.bloglamp #bloghash-footer .tagcloud a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 12px;
    border-radius: 999px;
    border: none;
    color: #ffffff !important;
    font-weight: 600;
    text-decoration: none;
    line-height: 1.25;
    transition: background-color 0.18s ease, color 0.18s ease;
}

.bloglamp .entry-footer .post-tags .cat-links a {
    font-size: 14px !important;
    margin: 0;
    padding: 8px 12px !important;
}

.bloglamp #bloghash-footer .tagcloud a {
    margin: 0 !important;
    padding: 8px 12px !important;
    font-size: 14px !important;
    line-height: 1.25 !important;
    display: inline-flex !important;
}

.bloglamp .entry-footer .post-tags .cat-links a:hover,
.bloglamp .entry-footer .post-tags .cat-links a:focus,
.bloglamp #bloghash-footer .tagcloud a:hover,
.bloglamp #bloghash-footer .tagcloud a:focus {
    filter: brightness(0.96);
}

.bloglamp .entry-footer .post-tags .cat-links a:nth-child(12n + 1),
.bloglamp #bloghash-footer .tagcloud a:nth-child(12n + 1) {
    background: var(--franklee-tag-1);
}

.bloglamp .entry-footer .post-tags .cat-links a:nth-child(12n + 2),
.bloglamp #bloghash-footer .tagcloud a:nth-child(12n + 2) {
    background: var(--franklee-tag-2);
}

.bloglamp .entry-footer .post-tags .cat-links a:nth-child(12n + 3),
.bloglamp #bloghash-footer .tagcloud a:nth-child(12n + 3) {
    background: var(--franklee-tag-3);
}

.bloglamp .entry-footer .post-tags .cat-links a:nth-child(12n + 4),
.bloglamp #bloghash-footer .tagcloud a:nth-child(12n + 4) {
    background: var(--franklee-tag-4);
}

.bloglamp .entry-footer .post-tags .cat-links a:nth-child(12n + 5),
.bloglamp #bloghash-footer .tagcloud a:nth-child(12n + 5) {
    background: var(--franklee-tag-5);
}

.bloglamp .entry-footer .post-tags .cat-links a:nth-child(12n + 6),
.bloglamp #bloghash-footer .tagcloud a:nth-child(12n + 6) {
    background: var(--franklee-tag-6);
}

.bloglamp .entry-footer .post-tags .cat-links a:nth-child(12n + 7),
.bloglamp #bloghash-footer .tagcloud a:nth-child(12n + 7) {
    background: var(--franklee-tag-7);
}

.bloglamp .entry-footer .post-tags .cat-links a:nth-child(12n + 8),
.bloglamp #bloghash-footer .tagcloud a:nth-child(12n + 8) {
    background: var(--franklee-tag-8);
}

.bloglamp .entry-footer .post-tags .cat-links a:nth-child(12n + 9),
.bloglamp #bloghash-footer .tagcloud a:nth-child(12n + 9) {
    background: var(--franklee-tag-9);
}

.bloglamp .entry-footer .post-tags .cat-links a:nth-child(12n + 10),
.bloglamp #bloghash-footer .tagcloud a:nth-child(12n + 10) {
    background: var(--franklee-tag-10);
}

.bloglamp .entry-footer .post-tags .cat-links a:nth-child(12n + 11),
.bloglamp #bloghash-footer .tagcloud a:nth-child(12n + 11) {
    background: var(--franklee-tag-11);
}

.bloglamp .entry-footer .post-tags .cat-links a:nth-child(12n + 12),
.bloglamp #bloghash-footer .tagcloud a:nth-child(12n + 12) {
    background: var(--franklee-tag-12);
}

.bloglamp .widget_post_views_counter_list_widget ul,
.bloglamp .widget_pmlecuong_site_kit_interesting_posts ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.bloglamp .widget_post_views_counter_list_widget li,
.bloglamp .widget_pmlecuong_site_kit_interesting_posts li {
    margin: 0 0 1rem;
    padding: 0 0 1rem;
    border-bottom: 1px solid rgba(15, 23, 42, 0.08);
}

.bloglamp .widget_post_views_counter_list_widget li:last-child,
.bloglamp .widget_pmlecuong_site_kit_interesting_posts li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
}

[data-darkmode=dark] .bloglamp .widget_post_views_counter_list_widget li,
[data-darkmode=dark] .bloglamp .widget_pmlecuong_site_kit_interesting_posts li {
    border-bottom-color: rgba(255, 255, 255, 0.08);
}

.bloglamp .widget_post_views_counter_list_widget .post-title,
.bloglamp .widget_pmlecuong_site_kit_interesting_posts .post-title {
    display: inline;
    font-size: 16px;
    line-height: 1.55;
}

.bloglamp .widget_post_views_counter_list_widget .count,
.bloglamp .widget_pmlecuong_site_kit_interesting_posts .count {
    display: inline-block;
    margin-left: 0.4rem;
    font-size: 0.95em;
    line-height: 1.3;
    color: inherit;
    opacity: 0.76;
}

.bloglamp .widget_pmlecuong_site_kit_interesting_posts .pmlecuong-interesting-posts__meta {
    display: block;
    margin-top: 0.45rem;
    font-size: 14px;
    line-height: 1.45;
    color: inherit;
    opacity: 0.8;
}

@media (max-width: 767px) {
    .bloglamp .entry-content .wp-block-video,
    .bloglamp .entry-content .wp-block-video video {
        width: 100% !important;
        max-width: 100% !important;
    }

    .bloglamp .entry-content .wp-block-video {
        margin-left: auto;
        margin-right: auto;
        overflow: hidden;
    }

    .bloglamp .entry-content .wp-block-video video {
        display: block;
        height: auto !important;
        margin-left: auto;
        margin-right: auto;
    }

    .bloglamp .entry-content img[src$=".gif"],
    .bloglamp .entry-content img[src*=".gif?"] {
        width: 100% !important;
        height: auto !important;
        max-width: 100% !important;
    }

    .bloglamp #bloghash-footer .tagcloud {
        gap: 12px 12px !important;
    }

    .bloglamp #bloghash-footer .tagcloud a,
    .bloglamp .entry-footer .post-tags .cat-links a {
        font-size: 12px !important;
        padding: 6px 10px !important;
    }

    .bloglamp .widget_post_views_counter_list_widget .post-title,
    .bloglamp .widget_pmlecuong_site_kit_interesting_posts .post-title {
        font-size: 16px;
    }

    .bloglamp .widget_pmlecuong_site_kit_interesting_posts .pmlecuong-interesting-posts__meta {
        font-size: 14px;
    }

    .bloglamp .wp-block-table {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .bloglamp .wp-block-table table,
    .bloglamp .wp-block-table .has-fixed-layout {
        width: max-content !important;
        min-width: 100%;
        table-layout: auto !important;
    }

    .bloglamp .wp-block-table th,
    .bloglamp .wp-block-table td {
        min-width: 8.5rem;
        padding: 0.55rem 0.75rem;
        font-size: 13px;
        line-height: 1.4;
        white-space: nowrap;
        word-break: normal !important;
    }
}