/*
Theme Name:   Fairy Child
Description:  Dazzlin-DK customisations for the Fairy theme (black and gold). Keeps Fairy itself unmodified so it can be updated safely.
Author:       Dazzlin-DK
Template:     fairy
Version:      1.0.0
Text Domain:  fairy-child
*/

/*
 * These rules reproduce the edits that were previously made directly in
 * Fairy's style.css (version 1.4.0). They load after Fairy's stylesheet and
 * before the Customizer's colour CSS.
 *
 * Where Fairy itself overrides a rule further down its own stylesheet, the
 * selector is left out here so the final result matches the old edited file.
 */

/* Base typography colour (Fairy: #404040). "button" is set further down;
   textarea is left out because Fairy gives it its own colour later on. */
body,
input,
select,
optgroup {
  color: #ffcc00;
}

/* Header */
.site-header {
  min-height: 2px;
  background-color: #000;
}

@media screen and (min-width: 768px) {
  .site-header-top {
    padding-top: 0;
    padding-bottom: 0;
    border-bottom: 1px solid #eacf00;
  }
}

@media screen and (min-width: 992px) {
  .site-header-top {
    padding-top: 0;
    padding-bottom: 0;
    border-bottom: 1px solid #eacf00;
  }

  .site-header-v2.left-logo-ad .site-header-top {
    padding-bottom: 0;
  }
}

/* Search block button */
.wp-block-search .wp-block-search__button {
  background-color: #ffcc00;
  color: #000;
}

.wp-block-search .wp-block-search__button:hover {
  color: #ffcc00;
}

/* Secondary colour group (Fairy: #141413) */
.secondary-color,
a:hover,
a:focus,
.btn-prmiary-border:hover,
.btn-primary-border:focus,
.btn-secondary-border,
.main-navigation a,
.widget-area .widget a,
.search-form .search-field:focus,
.category-label-group a,
.card_title a,
.page-links .post-page-numbers {
  color: #ffcc00;
}

/* Accent colour group (Fairy: #e5ece9) */
.accent-color,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.ct-dark-mode .comment-form p,
.ct-dark-mode .wp-block-quote cite,
.ct-dark-mode table {
  color: #000;
}

/* "White" colour group, now gold (Fairy: #fff). Primary buttons get black text. */
.white-color,
.category-label-group.bg-label a,
.main-navigation ul ul a,
.main-navigation #primary-menu li ul li.focus a,
.site-footer a,
.site-footer,
.site-footer *,
.search-form .search-submit,
.card-bg-image .card_body *,
.btn-primary:hover,
.posts-navigation .nav-links a:hover,
.posts-navigation .nav-links a,
.category-label-group.bg-label a,
.category-label-group.bg-label a:hover,
.btn-primary:visited,
.fairy-menu-social a:before,
.wp-block-button__link,
.wp-block-button.is-style-outline .wp-block-button__link:hover,
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
.wp-block-cover-text,
.wp-block-cover p:not(.has-text-color),
.pagination .page-numbers,
.btn-primary:visited,
.btn-primary:active,
.btn-primary:focus,
body .btn-primary,
.ct-dark-mode .site-header a,
.ct-dark-mode .site-header p,
.ct-dark-mode .card-blog-post a,
.ct-dark-mode .card-blog-post p,
.ct-dark-mode .card-blog-post .card_title,
.ct-dark-mode .card-blog-post span,
.ct-dark-mode .widget-area .widget a,
.ct-dark-mode .widget-area .widget .widget-title,
.ct-dark-mode .widget-area .widget p,
.ct-dark-mode .widget-area .widget span,
.ct-dark-mode .widget-area .widget span a,
.ct-dark-mode .widget-area .widget li,
.ct-dark-mode figcaption,
.ct-dark-mode .card-blog-post time,
.ct-dark-mode .card-blog-post .meta a,
.ct-dark-mode .card-blog-post .entry-meta a,
.ct-dark-mode .comment-reply-title,
.ct-dark-mode .post-title,
.footer-go-to-top.show:active,
.footer-go-to-top.show:visited,
.footer-go-to-top.show:focus,
.footer-go-to-top.show:hover,
.ct-dark-mode .wp-block-table table,
.ct-dark-mode ul li,
.ct-dark-mode .comments-title,
table #today,
.widget-area .tagcloud .tag-cloud-link:hover,
.site-footer .tagcloud .tag-cloud-link:hover,
.ct-dark-mode .pagination .page-numbers:hover,
.search-section.ct-search-access .search-submit:hover,
.search-section.ct-search-access .search-submit:focus,
.ajax-pagination .show-more,
.ajax-pagination .show-more:hover,
.site-footer .site-footer-top .widget-title,
#masthead #primary-menu.off_canva_nav>.close-nav,
.ct-dark-mode .site-header.site-header-left-logo .site-header-top .site-header-top-menu li a,
.ct-dark-mode .site-header.site-header-v2 .site-header-topbar .site-header-top-menu li a {
  color: #ffcc00;
}

.btn-primary,
.btn.btn-primary {
  color: #000;
}

/* "White" backgrounds, now black (Fairy: #fff) */
.white-bg,
.site-footer-top .widget .widget-title:after,
.card-blog-post,
.widget-area .widget {
  background-color: #000;
}

/* Black backgrounds: header and content area added */
.black-bg,
.site-header,
.site-content,
body.ct-dark-mode {
  background-color: #000;
}

/* Black v2 text, now gold (Fairy: #37373f) */
.black-v2,
.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) {
  color: #ffcc00;
}

/* Black v3 backgrounds (Fairy: #2e2e35) */
.black-v3-bg,
.site-footer-bottom,
.ct-dark-mode .site-header,
.ct-dark-mode .card-blog-post,
.ct-dark-mode .widget-area .widget,
.ct-dark-mode .site-footer .tagcloud .tag-cloud-link,
.ct-dark-mode .site-footer .calendar_wrap,
.ct-dark-mode .site-header-left-logo.sticky-header .is-sticky-header,
.ct-dark-mode .site-header-v2.sticky-header .is-sticky-header,
.ct-dark-mode .site-header-menu-top.sticky-header .is-sticky-header {
  background-color: #000;
  color: #ffcc00;
}