/* =========================================
   NEURODIVINE — APOSTROPHE 2
   Main purple: #8224e3
   ========================================= */

:root {
  --nd-purple: #8224e3;
  --nd-hover: #5d17a6;
  --nd-text: #26383d;
  --nd-muted: #777777;
  --nd-line: #dddddd;
}

/* GENERAL */

body {
  background: #fff;
  color: var(--nd-text);
}

a,
a:visited {
  color: var(--nd-purple);
}

a:hover,
a:focus {
  color: var(--nd-hover);
}

/* MASTHEAD */

.site-header {
  padding-top: 20px;
  padding-bottom: 15px;
}

.site-title,
.site-title a,
.site-title a:visited {
  color: var(--nd-purple);
}

.site-description {
  color: var(--nd-muted);
}

.custom-logo,
.site-logo img {
  max-width: 115px;
  height: auto;
}

/* NAVIGATION */

.main-navigation a,
.main-navigation a:visited {
  color: var(--nd-text);
}

.main-navigation a:hover,
.main-navigation a:focus,
.main-navigation .current-menu-item > a {
  color: var(--nd-purple);
}

/* PAGE AND POST TITLES */

.entry-title,
.page-title,
.archive-title {
  color: var(--nd-purple);
  line-height: 1.25;
}

.entry-title a,
.entry-title a:visited {
  color: var(--nd-purple) !important;
}

.entry-title a:hover,
.entry-title a:focus {
  color: var(--nd-hover) !important;
}

/* BODY TYPOGRAPHY */

.entry-content {
  color: var(--nd-text);
  font-size: 18px;
  line-height: 1.65;
}

.entry-content h2 {
  color: var(--nd-purple);
}

.entry-content h3 {
  color: var(--nd-text);
}

/* ARCHIVE HEADINGS */

.archive .page-title,
.category .page-title,
.archive .archive-title {
  color: var(--nd-purple);
  font-size: 32px !important;
  line-height: 1.25;
}

/* CATEGORY DESCRIPTIONS */

.archive .taxonomy-description,
.archive .archive-description,
.category .taxonomy-description,
.category .archive-description {
  color: var(--nd-text);
  font-size: 18px !important;
  line-height: 1.6;
}

.archive .taxonomy-description p,
.archive .archive-description p,
.category .taxonomy-description p,
.category .archive-description p {
  font-size: inherit !important;
  line-height: inherit !important;
}

/* DATE AND AUTHOR LABELS */

/* Apostrophe 2 uses coloured metadata labels.
   Override their backgrounds and link colours. */

.entry-meta .posted-on,
.entry-meta .byline,
.entry-meta .posted-on a,
.entry-meta .byline a,
.entry-header .posted-on,
.entry-header .byline {
  background: var(--nd-purple) !important;
  background-color: var(--nd-purple) !important;
  color: #fff !important;
}

.entry-meta .posted-on a,
.entry-meta .byline a,
.posted-on a,
.byline a {
  color: #fff !important;
}

.entry-meta .posted-on a:hover,
.entry-meta .byline a:hover {
  color: #fff !important;
}

/* TAG LABELS — AUTHOR SITE STYLE */

.entry-footer a[rel="tag"],
.entry-meta a[rel="tag"],
.tags-links a,
.tag-links a,
.post-tags a,
.entry-tags a {
  display: inline-flex !important;
  align-items: center !important;

  visibility: visible !important;
  opacity: 1 !important;

  background: #8224e3 !important;
  background-color: #8224e3 !important;
  background-image: none !important;

  color: #fff !important;

  padding: .45em .7em !important;
  margin: 0 !important;

  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;

  font-weight: 600 !important;
  letter-spacing: .035em !important;
  line-height: 1.1 !important;
  text-decoration: none !important;
}

/* Text and icons inside tags */

.entry-footer a[rel="tag"] *,
.entry-meta a[rel="tag"] *,
.tags-links a *,
.tag-links a *,
.post-tags a *,
.entry-tags a * {
  color: #fff !important;
}

/* Tag hover and focus */

.entry-footer a[rel="tag"]:hover,
.entry-footer a[rel="tag"]:focus,
.entry-meta a[rel="tag"]:hover,
.entry-meta a[rel="tag"]:focus,
.tags-links a:hover,
.tags-links a:focus,
.tag-links a:hover,
.tag-links a:focus,
.post-tags a:hover,
.post-tags a:focus,
.entry-tags a:hover,
.entry-tags a:focus {
  background: var(--nd-hover) !important;
  background-color: var(--nd-hover) !important;
  color: #fff !important;
}

/* HOMEPAGE COLLECTIONS */

.home .entry-content .wp-block-image {
  margin-bottom: 16px;
}

.home .entry-content .wp-block-image img {
  display: block;
  max-width: 100%;
  height: auto;
}

.home .wp-block-columns {
  gap: 20px;
}

/* DIVIDERS */

.entry-content hr,
.wp-block-separator {
  border-color: var(--nd-line);
}

/* MOBILE */

@media (max-width: 767px) {

  .site-header {
    padding-top: 16px;
    padding-bottom: 12px;
  }

  .custom-logo,
  .site-logo img {
    max-width: 100px;
  }

  .entry-content {
    font-size: 17px;
    line-height: 1.6;
  }

  .entry-title {
    font-size: 28px !important;
    line-height: 1.3;
  }

  .archive .page-title,
  .category .page-title,
  .archive .archive-title {
    font-size: 28px !important;
  }

  .archive .taxonomy-description,
  .archive .archive-description,
  .category .taxonomy-description,
  .category .archive-description {
    font-size: 17px !important;
    line-height: 1.55;
  }

  .home .wp-block-columns {
    gap: 12px;
  }

  .home .entry-content .wp-block-image {
    margin-bottom: 12px;
  }
}

/* NeuroDivine — H3 headings in purple */

.entry-content h3,
.page-content h3,
.wp-block-heading:is(h3),
h3.wp-block-heading {
  color: #8224e3 !important;
}

/* Links inside H3 headings */

.entry-content h3 a,
.page-content h3 a,
h3.wp-block-heading a {
  color: #8224e3 !important;
}

.entry-content h3 a:hover,
.page-content h3 a:hover {
  color: #5d17a6 !important;
}
/* NeuroDivine — H5 headings in purple */

.entry-content h5,
.page-content h5,
.wp-block-heading:is(h5),
h3.wp-block-heading {
  color: #8224e3 !important;
}

/* Links inside H3 headings */

.entry-content h5 a,
.page-content h5 a,
h3.wp-block-heading a {
  color: #8224e3 !important;
}

.entry-content h5 a:hover,
.page-content h5 a:hover {
  color: #5d17a6 !important;
}

/* =====================================
   NEURODIVINE — H2 HEADING RULE
   ===================================== */


/* =====================================
   NEURODIVINE — TWO-COLOUR H2 RULE
   Purple and silver, half width
   ===================================== */

.entry-content h2,
.page-content h2,
h2.wp-block-heading {
  color: #8224e3 !important;

  border-bottom: none !important;

  padding-bottom: 0.45em;
  margin-bottom: 0.8em;

  background-image: linear-gradient(
    to right,
    #8224e3 0%,
    #8224e3 50%,
    #A8ADB3 50%,
    #A8ADB3 100%
  );

  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 50% 3px;
}

/* H2 links */

.entry-content h2 a,
.page-content h2 a,
h2.wp-block-heading a {
  color: #8224e3 !important;
}

/* Mobile */

@media (max-width: 767px) {
  .entry-content h2,
  .page-content h2,
  h2.wp-block-heading {
    background-size: 50% 2px;
    padding-bottom: 0.35em;
  }
}