/*
Theme Name: Fairy Dark Rebel Science
Theme URI: https://www.candidthemes.com/themes/fairy/
Author: candidthemes
Author URI: http://www.candidthemes.com/
Description: Fairy Dark is a free WordPress blog theme. It is the child theme of Fairy. It is masonry layout WordPress blog theme with tons of theme options. It has amazing slider, breadcrumb from Yoast SEO, NavXT and Rank Math, post tags options and many more. It is the enhanced over Fairy theme. Fairy Dark also comes with added custom widgets for author, featured posts and social icons. It has top level menu, social icons, slider, promotional banner, sidebar option, Mailchimp subscription, and many more other features. In addition, it has copyright text, go to the top, footer widgets, blog page options, related posts, sticky sidebar, etc. This theme is lightweight and easy to use theme for travel blog, food blog, technology blog and fashion blog. You can also use this theme for news and magazine sites too. Furthermore, it comes with demo data to make the site like the demo, detailed documentation including video and text, free support via chat and forum. It is developed by the experts WordPress developers so that you will never look for alternatives after using this theme. Try this awesome and carefully crafted theme today. Demo: https://fairy.candidthemes.com/
Version: 1.2.2
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: fairy-dark
Requires PHP: 7.0
Tested up to: 6.9
Template: fairy
Tags: two-columns, right-sidebar, custom-background, custom-colors, custom-menu, featured-images, theme-options, threaded-comments, translation-ready, rtl-language-support, footer-widgets, custom-header, three-columns, one-column, left-sidebar, news, blog
*/

body {
    background: #181818;
}

body, button, input, select, optgroup, textarea, 
.site-footer *, .site-footer a, .site-footer p {
    color: #ccc;
}

a:focus,
input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus {
	color: #ccc;
	outline-color: #D8C4A4;
}

.card_title a,
.site-description,
.btn-primary,
body .btn-primary, .btn.btn-primary,
.card-blog-post .card_body p,
.search-form .search-field,
.wp-block-search .wp-block-search__input {
	color: #ddd;
}

.main-navigation a,
.site-header.site-header-left-logo .site-header-top .site-header-top-menu li a, 
.site-header.site-header-v2 .site-header-topbar .site-header-top-menu li a,
.btn-secondary-border, .main-navigation a, .widget-area .widget a, 
.search-form .search-field:focus, .category-label-group a, .page-links .post-page-numbers,
.card-blog-post .entry-meta a, .post-navigation .nav-links > * a, .ct-dark-mode .wp-block-table.is-style-stripes table tr:nth-child(2n + 1),
.breadcrumb-trail .trial-items a, .breadcrumbs ul a,
.breadcrumb-trail .trial-items li + li:before, .breadcrumbs ul li + li:before {
	color: #ccc;
}

p a, .entry-content a
.site-title, .site-title a, h1.site-title a, p.site-title a, .site-title a:visited {
	color: #D8C4A4;
}

.search-form .search-field:focus,
.wp-block-search .wp-block-search__input:focus {
	color: #444;
}

/* Background Color */

.site-header, .site-footer-top .widget .widget-title:after, .card-blog-post, .widget-area .widget,
.site-footer-top {
	background-color: #212121;
}

.site-header.site-header-left-logo .site-header-top, .site-header.site-header-v2 .site-header-topbar,
.site-footer-bottom {
	background-color:#1c1c1c;
}

.btn-primary,
.search-form .search-submit,
input[type="submit"],
.wp-block-search .wp-block-search__button,
.pagination .page-numbers {
	background-color: #444;
}

#secondary .widget .widget-title:after {
	background-color: #cd3636;
}

textarea, input, select, optgroup, 
.comment-list .comment .comment-body {
	background-color: #1c1c1c;
	color: #ccc;
}

/* Border Color */

.wp-block-search .wp-block-search__button,
.search-form .search-field,
.wp-block-search .wp-block-search__input {
	border-color: #444;
}


.site-header-bottom, .site-header-top {
	border-color: #bbb;
}

/* Hover Color */

a:hover {
	color: #cd3636;
}

.card_title a:hover,
.main-navigation #primary-menu > li > a:hover,
.site-header.site-header-left-logo .site-header-top .site-header-top-menu li a:hover, .site-header.site-header-left-logo .site-header-top .site-header-top-menu li a:focus, .site-header.site-header-v2 .site-header-topbar .site-header-top-menu li a:hover, .site-header.site-header-v2 .site-header-topbar .site-header-top-menu li a:focus, .top-header-toggle-btn,
.site-footer a:hover {
	color: #D8C4A4;
}

.single .card-blog-post .card_body{
    width: 100%;
    flex-basis: 100%;
}

/* Remove header border lines */
.site-header-bottom,
.site-header-top,
.site-header-topbar {
    border: none !important;
}

/* Glass sticky header */
#masthead {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    transition: transform 0.3s ease;
    background: rgba(33, 33, 33, 0.85);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.admin-bar #masthead {
    top: 32px;
}

@media screen and (max-width: 782px) {
    .admin-bar #masthead {
        top: 46px;
    }
}

/* Disable parent theme's conflicting sticky styles */
.site-header-v2.sticky-header .is-sticky-header {
    position: relative !important;
    width: auto !important;
    left: auto !important;
    top: auto !important;
    z-index: auto !important;
    background: transparent !important;
}

#page {
    padding-top: 0;
}

#content {
    padding-top: 180px;
}

/* Tighten header spacing */
.site-header-v2 {
    padding-top: 0 !important;
}

.site-header-top {
    padding-top: 8px !important;
    padding-bottom: 0 !important;
}

.site-header-bottom {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.site-branding .custom-logo-link + .site-title {
    margin-top: 5px;
}

.site-title {
    margin-bottom: 0;
}

.site-description {
    margin-bottom: 0;
}

/* Make sidebar thinner, content wider */
.row:not(.row-full-width) > #primary.col-lg-2-3,
.row:not(.row-full-width) > #primary.col-md-2-3 {
    flex: 0 0 72%;
    max-width: 72%;
}

.row:not(.row-full-width) > #secondary.col-lg-1-3,
.row:not(.row-full-width) > #secondary.col-md-1-3 {
    flex: 0 0 28%;
    max-width: 28%;
}

/* Unified dark charcoal with rounded corners */
.widget-area .widget,
.card-blog-post,
.card-bg-image,
button,
input,
select,
optgroup,
textarea,
img {
    border-radius: 10px;
}

@media screen and (max-width: 991px) {
	body.admin-bar #masthead #primary-menu.off_canva_nav {
		padding-top: 46px;
	}
}

/* Scoped semi-light blue inline code highlights (only targets standard text elements) */
p code,
li code,
h1 code,
h2 code,
h3 code,
h4 code,
h5 code,
h6 code,
td code,
.entry-content > code {
    background-color: rgba(56, 189, 248, 0.08) !important; /* Soft semi-light blue background */
    color: #38bdf8 !important; /* Beautiful semi-light sky blue */
    border: 1px solid rgba(56, 189, 248, 0.2) !important;
    padding: 2px 6px !important;
    border-radius: 4px !important;
    font-family: SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace !important;
    font-size: 85% !important;
    word-break: break-word !important;
    display: inline-block !important;
}

/* Reset / Prevent overrides inside standard pre blocks, block code, and syntax highlight blocks */
pre code,
.entry-content pre code,
.wp-block-code code,
.syntaxhighlighter code {
    background-color: transparent !important;
    color: inherit !important;
    border: none !important;
    padding: 0 !important;
    border-radius: 0 !important;
    font-family: inherit !important;
    font-size: inherit !important;
    word-break: normal !important;
    display: inline !important;
}

/* Scoped margin and padding fix for fallback pre elements (only targets direct child pre, avoiding CodeMirror editor children) */
.wp-block-codemirror-blocks-code-block > pre,
.code-block > pre {
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: none !important;
}

/* Premium Visual Studio Code Dark Styling for CodeMirror Blocks */
.wp-block-codemirror-blocks-code-block,
.code-block {
    background-color: #1e1e1e !important; /* VS Code main editor dark background */
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    border-radius: 8px !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35) !important; /* Premium drop shadow */
    overflow: hidden !important;
}

/* Make CodeMirror editor background transparent to inherit the container's VS Code style */
.cm-s-monokai.CodeMirror,
.CodeMirror {
    background-color: transparent !important;
}

/* Match gutters with a slightly darker contrast */
.cm-s-monokai .CodeMirror-gutters,
.CodeMirror-gutters {
    background-color: #181818 !important;
    border-right: 1px solid rgba(255, 255, 255, 0.04) !important;
}

/* Minimize the vertical gap below the navigation header */
.site-header,
#masthead {
    padding-bottom: 0px !important;
}

.blog-list-section.sec-spacing,
.archive-list-section.sec-spacing,
.single-section.sec-spacing,
.sec-spacing {
    padding-top: 15px !important; /* Tight, beautiful top padding for content sections */
    padding-bottom: 1.25em !important;
}

.site-header-menu-top .site-header-bottom,
.site-header-left-logo .site-header-bottom,
.site-header-v2 .site-header-bottom,
.site-header-bottom {
    padding-bottom: 0px !important; /* Zero out the padding below navigation buttons */
}

.site-header-v2 .site-header-bottom #primary-menu {
    padding-bottom: 0px !important;
}

/* Inline Split Header Layout for Desktop */
@media screen and (min-width: 992px) {
    /* Set header wrapper to a flex row */
    #site-nav-wrap {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        max-width: 1200px !important;
        margin: 0 auto !important;
        padding: 15px !important;
    }

    /* Left-align branding section */
    section.site-header-top {
        background: transparent !important;
        border: none !important;
        padding: 0 !important;
        margin: 0 !important;
        text-align: left !important;
        flex: 0 1 auto !important;
    }
    .site-branding {
        text-align: left !important;
        margin: 0 !important;
    }
    .site-branding .custom-logo-link + .site-title {
        margin-top: 0 !important;
    }
    /* Left-align the logo image itself, overriding the parent theme's centered margin and shifting 5px left for transparent padding */
    .site-header-v2 .custom-logo-link img,
    .custom-logo-link img {
        margin-left: -5px !important;
        margin-right: auto !important;
    }
    section.site-header-top .container,
    section.site-header-top .row,
    section.site-header-top .col-1-1 {
        padding: 0 !important;
        margin: 0 !important;
        max-width: none !important;
        width: auto !important;
    }

    /* Right-align navigation section */
    section.site-header-bottom {
        background: transparent !important;
        border: none !important;
        padding: 0 !important;
        margin: 0 !important;
        flex: 1 1 auto !important;
        display: flex !important;
        justify-content: flex-end !important;
    }
    section.site-header-bottom .container {
        padding: 0 !important;
        margin: 0 !important;
        max-width: none !important;
        width: auto !important;
    }
    
    .site-header-bottom #primary-menu {
        display: flex !important;
        justify-content: flex-end !important;
        width: auto !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    /* Remove parent theme menu-top red border bottom for a clean black header look */
    .site-header-menu-top {
        border-bottom: none !important;
    }
}