/*-----DARK MODE-------------*/
body.dark-mode {
  background-color: var(--wp--preset--color--hwb-dark) !important;
  color: var(--wp--preset--color--hwb-white);
}

body.dark-mode a:has(span):hover {
  color: var(--wp--preset--color--hwb-secondary-white) !important;
}

/*---Header Dark Mode---*/
body.dark-mode .header,
body.dark-mode .header-bottom {
  background-color: var(--wp--preset--color--hwb-dark) !important;
  border-bottom-color: var(--hwb-dark-border-color) !important;
  /* color: var(--wp--preset--color--hwb-white); */
}

body.dark-mode .is-style-button-primary {
  background-color: var(--wp--preset--color--hwb-secondary-dark) !important;
}

body.dark-mode .wp-block-group {
  background-color: var(--wp--preset--color--hwb-dark) !important;
  color: var(--wp--preset--color--hwb-white) !important;
}

body.dark-mode .wp-block-group.has-hwb-dark-background-color {
  background-color: var(--wp--preset--color--hwb-secondary-dark) !important;
}

body.dark-mode .website-search form .wp-block-search__button {
  background-color: var(--wp--preset--color--hwb-dark) !important;
  color: var(--wp--preset--color--hwb-white) !important;
}

/*----------------- HOME POST CATEGORY ONE ------------------*/
body.dark-mode .category-one .wp-block-group {
  border-color: var(--hwb-dark-border-color) !important;
}
body.dark-mode .category-one .wp-block-post-date,
body.dark-mode .category-one .wp-block-post-excerpt,
body.dark-mode .category-one .wp-block-post-author-name {
  color: var(--wp--preset--color--hwb-secondary-white) !important;
}

/*------------- HOME POST CATEGORY TWO ---------------------*/
body.dark-mode .category-two .title-row,
body.dark-mode .category-two .title-row .wp-block-group {
  background-color: transparent !important;
}

/*------------- HOME POST CATEGORY THREE ---------------------*/

body.dark-mode .category-three .wp-block-group {
  background-color: transparent !important;
}
/*------------- HOME POST CATEGORY FOUR ---------------------*/

body.dark-mode .category-four .wp-block-group {
  background-color: transparent !important;
}

body.dark-mode .category-four .wp-block-post-date,
body.dark-mode .category-four .wp-block-post-author-name {
  color: var(--wp--preset--color--hwb-white) !important;
}

/* --------------------- SINGLE POST ------------------------*/
body.dark-mode .post-content-wrapper .wp-block-post-date,
body.dark-mode .post-content-wrapper .wp-block-post-author-name {
  color: var(--wp--preset--color--hwb-white) !important;
}

body.dark-mode .wp-block-column,
body.dark-mode .wp-block-group,
body.dark-mode h3 {
  border-color: var(--hwb-dark-border-color) !important;
}

body.dark-mode .post-content-wrapper .newsletter-cta,
body.dark-mode .post-content-wrapper .comment-toggle,
body.dark-mode .post-content-wrapper .after-post-ad,
body.dark-mode .post-content-wrapper .sidebar-ad {
  background-color: var(--wp--preset--color--hwb-secondary-dark) !important;
}

body.dark-mode .newsletter-cta .is-style-button-primary {
  background-color: var(--wp--preset--color--hwb-dark) !important;
}

body.dark-mode .comment-box form .logged-in-as a {
  color: var(--wp--preset--color--hwb-secondary-white) !important;
}

body.dark-mode .comment-box .form-submit input {
  background-color: var(--wp--preset--color--hwb-secondary-dark) !important;
}

/*-----RELATED POSTS------*/
body.dark-mode .related-posts .swiper-slide {
  background-color: var(--wp--preset--color--hwb-secondary-dark) !important;
  border-color: var(--hwb-dark-border-color);
}

/*----------------------ARCHIVE PAGE---------------*/
body.dark-mode .archive-content-wrapper,
body.dark-mode .archive-content-wrapper .wp-block-post-date,
body.dark-mode .archive-content-wrapper .wp-block-post-author-name {
  color: var(--wp--preset--color--hwb-white) !important;
}

body.dark-mode .archive-content-wrapper .ad-container,
body.dark-mode
  .archive-content-wrapper
  .wp-block-query
  .wp-block-query-pagination-numbers
  .page-numbers {
  background-color: var(--wp--preset--color--hwb-secondary-dark) !important;
}

body.dark-mode
  .archive-content-wrapper
  .bottom-loop-wrapper
  .wp-block-query
  ul
  li,
body.dark-mode
  .archive-content-wrapper
  .bottom-loop-wrapper
  .wp-block-query
  .wp-block-group {
  background-color: var(--wp--preset--color--hwb-secondary-dark) !important;
}

/*-------------------SEARCH RESULTS PAGE------------*/

body.dark-mode .search-result-wrapper .wp-block-query ul li,
body.dark-mode .search-result-wrapper .wp-block-query .wp-block-group {
  background-color: var(--wp--preset--color--hwb-secondary-dark) !important;
}
body.dark-mode.search .wp-block-post-author-name,
body.dark-mode.search .wp-block-post-date {
  color: var(--wp--preset--color--hwb-white) !important;
}

body.dark-mode.search
  .wp-block-query-no-results
  .wp-block-group.has-hwb-secondary-white-background-color {
  background-color: var(--wp--preset--color--hwb-secondary-dark) !important;
}

body.dark-mode.search
  .wp-block-query-no-results
  .wp-block-group.has-hwb-secondary-white-background-color
  .is-style-button-primary {
  background-color: var(--wp--preset--color--hwb-dark) !important;
}

/*-------------------CONTACT PAGE--------------------------*/
body.dark-mode
  .contact-wrapper
  .wp-block-columns
  .wp-block-column.has-hwb-secondary-white-background-color {
  background-color: var(--wp--preset--color--hwb-secondary-dark) !important;
}

body.dark-mode
  .contact-wrapper
  .wp-block-columns
  .wp-block-column.has-hwb-secondary-white-background-color
  label {
  color: var(--wp--preset--color--hwb-white) !important;
}

/*-----------------ABOUT PAGE----------------------*/
body.dark-mode .about-wrapper .about-top-columns .top-left {
  background-color: var(--wp--preset--color--hwb-secondary-dark) !important;
  color: var(--wp--preset--color--hwb-white);
}

body.dark-mode .about-wrapper .about-top-columns .top-left .wp-block-group {
  background-color: transparent !important;
}

body.dark-mode
  .about-wrapper
  .about-top-columns
  .top-right
  .wp-block-group.wp-block-group.has-hwb-secondary-white-background-color {
  background-color: var(--wp--preset--color--hwb-secondary-dark) !important;
}