/*
Theme Name: Darkly Bright
Theme URI: http://www.qzdesign.co.uk/wordpress/darkly-bright
Author: QZ Design
Author URI: http://www.qzdesign.co.uk/
Description: Child theme of Inspiro for Darkly Bright website.
Template: inspiro
Version: 0.9.3
License: All rights reserved
Tags: translation-ready, child-theme
Text Domain: darklybright
*/

/* Reduce line height */
body:not(.wp-custom-logo) a.custom-logo-text {
	line-height: 1.25;
}
.entry-content {
  line-height: 1.625;
}

/* Avoid full-width content overflowing when there is a vertical scroll bar */
.entry-content > .alignfull {
	margin-left: auto;
	margin-right: auto;
	width: auto;
}

/* Restore final margin for nav menu if there are widgets to the right */
.inspiro--with-page-nav
  .header-navigation-wrapper:has(+ .header-widgets-wrapper button)
  .navbar-nav > li:last-child
{
	margin-right: 0.9375em;
}

/* Show play button text below icon, and smaller */
a.wpzoom-video-popup-block.db-play-button {
  flex-direction: column;
  row-gap: 0.25rem;
	font-size: 1.25rem;
}
a.wpzoom-video-popup-block.db-play-button .wpzoom-video-popup-block_icon {
  font-size: 2rem;
}
.is-position-bottom-center a.wpzoom-video-popup-block.db-play-button::after {
  height: 5vh;
  content: '';
}

/* Remove padding from cover/group blocks which is unstuitable for phones */
body {
  /* This is defined in parent theme style.css so can't be set in theme.json */
  --wp--custom--spacing--outer: 0;
}
.entry-content .alignfull .wp-block-cover__inner-container,
.entry-content .alignfull .wp-block-group__inner-container {
	padding-left: 0;
	padding-right: 0;
}
.single-post .entry-content > .wp-block-group,
.single-post .entry-content > .wp-block-cover,
.single-post .entry-content > .wp-block-columns {
	padding-right: 0;
	padding-left: 0;
}

/* For awards grid/flex */
:root .db-awards :where(.is-layout-flex) {
	row-gap: 0;
}
.db-awards .is-content-justification-space-between {
  justify-content: center;
}
.db-awards .wp-block-columns.is-layout-flex {
  flex-wrap: wrap !important;
}
.db-awards .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
	flex-basis: max-content !important;
}
.db-awards .wp-block-columns:not(.is-not-stacked-on-mobile)
  > .wp-block-column.db-horizontal-spacer
{
  display: none;
}
.db-awards .wp-block-column .wp-block-group figure {
  flex-shrink: 0;
}

/* Hide site title when not scrolled if this `body` class is specified */
.db-hide-site-title .headroom--top .custom-logo-text {
  opacity: 0;
}
/* And apply a semi-transparent background for the mobile menu */
.db-hide-site-title .headroom--top .header-widgets-wrapper {
  background-color: rgb(0 0 0 / 33.33%);
}

/* Put list marker outside by default */
.entry-content li {
	list-style-position: outside;
}
.entry-content :is(ol, ul) {
  margin-left: 1.5em;
}
/* Restore margin for lists where layout already constrained by parent */
.entry-content .is-layout-constrained > .is-layout-constrained > :is(ol, ul) {
  margin-left: 1.5em !important;
  margin-right: 0 !important;
}
/* For other lists where `margin: auto` is used, position must be inside */
.entry-content :not(.is-layout-constrained) > .is-layout-constrained >
  :is(ol, ul):where(:not(.alignleft):not(.alignright):not(.alignfull)) > li
{
  list-style-position: inside;
}

/* Add padding for top-level images etc. in content */
.entry-content > figure {
  padding-top: 1rem;
  padding-bottom: 2rem;
}

/* Expand content to cover outer padding with this class */
body .db-expand {
  margin: -30px;
}

/* Centre exceprts on blog page */
.entry-summary > p:not(.link-more) {
	text-align: center;
}

/* Don't show post author section (TODO: should be programmatically removed) */
.post .entry-footer .post-author {
  display: none;
}
.post .entry-footer:not(:has(> :not(.post-author))) {
  display: none;
}

/* Reduce ridiculous margin above comments section */
#respond h3 {
  margin-top: 40px;
}

/* Links not so bright in the footer */
.site-info a {
  color: #bbbbbf;
}