/*
Theme Name: Init Press
Theme URI: https://inithtml.com/theme/init-press/
Author: Init HTML
Author URI: https://inithtml.com/
Description: A modern, performance-focused WordPress blog theme built for writers, creators, and publishers. Init Press features a guided Setup Wizard, clean typography, SEO-first structure, and seamless auto-updates via the Init ecosystem.
Version: 1.1.6.8
Requires at least: 6.3
Tested up to: 6.9
Requires PHP: 7.4
License: GPLv2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: init-press
Tags: blog, publishing, content, news, magazine, personal blog, clean, fast, modern, seo
*/

.theme-color {
    color: #1e87f0 !important;
}

.uk-offcanvas-page #wpadminbar {
    position: fixed;
    z-index: 999 !important;
}

@media (max-width: 639px) {
    .uk-offcanvas-bar {
        width: 310px;
    }
}

/* Logo */

.site-name {
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1;
}

.site-logo {
    max-height: 45px;
    width: auto;
}

.screen-reader-text {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* Post */

.uk-breadcrumb {
    line-height: 20px;
}

.uk-article+.uk-article {
    margin-top: 45px;
}

.uk-overflow-x-auto {
    overflow-y: auto;
    overflow-y: hidden;
}

.disable-scrollbar::-webkit-scrollbar {
    width: 0;
    height: 0;
}

.max-2-line,
.max-3-line {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.max-2-line {
    -webkit-line-clamp: 2;
}
.max-3-line {
    -webkit-line-clamp: 3;
}

@media (max-width: 480px) {
    .format-standard .uk-width-auto img.wp-post-image {
        width: 95px;
        height: auto;
    }
}

.uk-article-content h1,
.uk-article-content h2,
.uk-article-content h3,
.uk-article-content h4,
.uk-article-content h5,
.uk-article-content h6 {
    font-weight: 700;
    margin-top: 0;
}

.format-standard .uk-width-auto img.wp-post-image {
    width: 115px;
    height: auto;
}

.recent-post-thumbnail img {
    width: 85px;
    height: 85px;
    object-fit: cover;
}

.format-standard .uk-width-expand .max-3-line p {
    margin-bottom: 0;
}

.uk-article-content img {
    border-radius: 5px;
}

.uk-article-content .aligncenter {
    display: block;
    margin-inline: auto;
}

.uk-text-initcase {
    text-transform: initial;
}

.wp-caption-text {
    margin-top: 15px;
}

/* Scrollbar for code blocks */

pre[class*=language-]::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}
pre[class*=language-]::-webkit-scrollbar-thumb {
    background-color: #1e87f0;
    outline: 0;
}

/* Size */

.format-standard .uk-article-title {
    font-size: 1.6rem;
}

@media (min-width: 960px) {
    .format-standard .uk-article-title {
        font-size: 1.8rem;
    }
}

/* Recent comments */

.recent-comment-max-height {
    max-height: 650px;
}

#recent-comments-page .recent-comment-max-height {
    max-height: none !important;
}

/* Image Size */

.image-16-9 {
    aspect-ratio: 16 / 9;
    object-fit: cover;
}

.image-1-1 {
    aspect-ratio: 1 / 1;
    object-fit: cover;
}

.image-3-4 {
    aspect-ratio: 3 / 4;
    object-fit: cover;
}

.image-4-3 {
    aspect-ratio: 4 / 3;
    object-fit: cover;
}

.video-16-9 {
    aspect-ratio: 16 / 9;
    width: 100%;
    height: auto;
    display: block;
}

/* Comments */

.uk-comment-list>:nth-child(n+2),
.uk-comment-list .uk-comment~ul {
    margin-top: 40px;
}

@media (min-width: 960px) {
    .uk-comment-list .uk-comment~ul {
        padding-left: 50px;
    }
}

/* Dark mode toggle */

.mode-checkbox {
    opacity: 0;
    position: absolute;
    z-index: 999;
    cursor: pointer;
}

.mode-checkbox-label {
    width: 44px;
    height: 26px;
    border-radius: 50px;
    position: relative;
    padding: 0 5px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    overflow: hidden;
}

.curr-dark {
    background: linear-gradient(to right, #2c3e50, #2980b9);
}

.curr-dark:before {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    top: 2px;
    left: 15px;
    background: url('data:image/svg+xml,<svg viewBox="0 0 24 24" fill="%23fff" xmlns="http://www.w3.org/2000/svg"><path d="M7.45 2.71a1.13 1.13 0 0 1 2.1 0l1.16 2.95q.18.45.63.63l2.95 1.16c.95.38.95 1.72 0 2.1l-2.95 1.16q-.45.18-.63.63L9.55 14.3c-.38.95-1.72.95-2.1 0L6.3 11.34a1.1 1.1 0 0 0-.63-.63L2.7 9.55a1.13 1.13 0 0 1 0-2.1L5.66 6.3q.45-.18.63-.63zm9.47 10.69a.62.62 0 0 1 1.16 0l.9 2.28q.1.24.34.34l2.29.9c.52.21.52.95 0 1.16l-2.29.9a.6.6 0 0 0-.34.34l-.9 2.29a.62.62 0 0 1-1.16 0l-.9-2.29a.6.6 0 0 0-.34-.34l-2.29-.9a.62.62 0 0 1 0-1.16l2.29-.9a.6.6 0 0 0 .34-.34z" /></svg>');
    animation: fade-stars 3s ease infinite;
    pointer-events: none;
    z-index: 0;
}

@keyframes fade-stars {
    0% { opacity: 1;}
    50% { opacity: 0.3; }
    100% { opacity: 1; }
}

.curr-light {
    background: linear-gradient(to left, #0052d4, #65c7f7, #9cecfb);
}

.curr-light:after {
    content: '';
    position: absolute;
    width: 32px;
    height: 32px;
    top: 8px;
    left: -32px;
    background: url('data:image/svg+xml,<svg viewBox="0 -4 32 32" fill="%23fff" xmlns="http://www.w3.org/2000/svg"><path d="M23.07 5.03A9 9 0 0 0 6.03 8.35 8.1 8.1 0 0 0 0 16c0 4.26 3.54 7.75 8 8h15c4.97 0 9-4.25 9-9.5a9.5 9.5 0 0 0-8.93-9.47" fill-rule="evenodd"/></svg>');
    animation: chillin-cloud 10s ease-in infinite;
    pointer-events: none;
    z-index: 0;
}

@keyframes chillin-cloud {
    0% { left: -32px; }
    100% { left: 54px; }
}

.light-mode-icon {
    color: #f3c612;
}

.dark-mode-icon {
    color: #f1c40f;
}

.mode-checkbox-label .ball {
    background-color: #fff;
    width: 22px;
    height: 22px;
    position: absolute;
    left: 2px;
    top: 2px;
    border-radius: 50%;
    transition: transform 0.2s linear;
    z-index: 0;
}

.mode-checkbox:checked + .mode-checkbox-label .ball {
    transform: translateX(28px);
}

/* Dark mode */

.uk-light .uk-navbar-dropdown-nav .uk-nav-header {
    color: rgba(255,255,255,.9);
}

.uk-light .uk-section-default,
.uk-light .uk-navbar-dropdown,
.uk-light .uk-section-muted,
.uk-light .uk-comment-primary,
.uk-light .uk-card-default,
.uk-light .uk-navbar-container:not(.uk-navbar-transparent),
.uk-light .uk-background-muted,
.uk-light .uk-card-secondary,
.uk-light .uk-card-secondary.uk-card-hover:hover,
.uk-light .uk-modal-dialog,
.uk-light .uk-modal-header,
.uk-light .uk-modal-footer {
    background-color: #272727;
}

/* Focus Mode */

body.is-focus-mode #ip-sidebar {
    display: none !important;
}

body.is-focus-mode #ip-content {
    margin-inline: auto;
}