/*
Theme Name: Soundmind Collective
Theme URI: https://github.com/a8cteam51/soundmind-collective/
Author: WordPress.com Special Projects Team
Author URI: https://wpspecialprojects.wordpress.com
Description: A custom theme designed and built for Soundmind Collective
Requires at least: WordPress 5.4
Version: 0.2.0
License: GNU General Public License v2 or later
License URI: LICENSE
Template: varia-wpcom
Text Domain: soundmind-collective
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
Soundmind Collective is a child theme of Varia which is based on Underscores https://underscores.me/, (C) 2012-2019 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/

/* --- FONTS --- */

/* --- Muli --- */

@font-face {
	font-family: muli-vf;
	font-weight: 100 900;
	font-display: swap;
	src: url(fonts/muli/Muli-VariableFont_wght.ttf) format("truetype");
}

@font-face {
	font-family: muli-vf;
	font-weight: 100 900;
	font-style: italic;
	font-display: swap;
	src: url(fonts/muli/Muli-Italic-VariableFont_wght.ttf) format("truetype");
}

/* --- Libre Baskerville --- */

/* latin-ext */

@font-face {
	font-family: "Libre Baskerville";
	font-style: italic;
	font-weight: 400;
	font-display: swap;
	src: url(fonts/libre-baskerville/Libre-Baskerville-Italic-ext.woff2) format("woff2");
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */

@font-face {
	font-family: "Libre Baskerville";
	font-style: italic;
	font-weight: 400;
	font-display: swap;
	src: url(fonts/libre-baskerville/Libre-Baskerville-Italic.woff2) format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */

@font-face {
	font-family: "Libre Baskerville";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(fonts/libre-baskerville/Libre-Baskerville-ext.woff2) format("woff2");
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */

@font-face {
	font-family: "Libre Baskerville";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(fonts/libre-baskerville/Libre-Baskerville.woff2) format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */

@font-face {
	font-family: "Libre Baskerville";
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url(fonts/libre-baskerville/Libre-Baskerville-Bold-ext.woff2) format("woff2");
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */

@font-face {
	font-family: "Libre Baskerville";
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url(fonts/libre-baskerville/Libre-Baskerville-Bold.woff2) format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/**
 * From https://github.com/hankchizljaw/modern-css-reset
 */

/* Remove default padding */

ul[class],
ol[class] {
	padding: 0;
}

/* Remove default margin */

body,
h1,
h2,
h3,
h4,
p,
ul[class],
ol[class],
li,
figure,
figcaption,
blockquote,
dl,
dd {
	margin: 0;
}

/* Set core body defaults */

body {
	box-sizing: border-box;
	line-height: 1.55;
	min-height: 100vh;
	scroll-behavior: smooth;
	text-rendering: optimizeSpeed;
}

/* Box sizing rules */

*,
*:before,
*:after {
	box-sizing: inherit;
}

/* Remove list styles on ul, ol elements with a class attribute */

ul[class],
ol[class] {
	list-style: none;
}

/* A elements that don't have a class get default styles */

a:not([class]) {
	-webkit-text-decoration-skip: ink;
	        text-decoration-skip-ink: auto;
}

/* Make images easier to work with */

img {
	display: block;
	height: auto;
	max-width: 100%;
}

/* Inherit fonts for inputs and buttons */

input,
button,
textarea,
select {
	font: inherit;
}

/* Remove all animations and transitions for people that prefer not to see them */

@media (prefers-reduced-motion: reduce) {

	* {
		animation-duration: .01ms !important;
		animation-iteration-count: 1 !important;
		scroll-behavior: auto !important;
		transition-duration: .01ms !important;
	}
}

:root {
	font-size: 18px;

	--font-primary: "muli-vf", sans-serif;
	--font-secondary: "Libre Baskerville", serif;

	--color-primary: #111;
	--color-gray-darker: #484846;
	--color-gray-dark: #60605e;
	--color-gray: #d9d8d2;
	--color-cream: #f2f1eb;
	--color-white: #fff;

	--content-width: 770px;
	--wide-width: 1110px;

	--alignwide-columns: calc((var(--wide-width) - var(--content-width)) / -2);
	--alignwide-width: calc(100% + (var(--alignwide-columns) * -2));

	--alignfull-columns: calc((100vw - var(--content-width)) / -2);

	--gutter: 1rem;
	--spacing: 3rem;
}

@media (max-width: 1142px) {

	:root {
		--alignwide-columns: calc(((100vw - var(--content-width)) / -2) + var(--gutter));
	}
}

@media (max-width: 802px) {

	:root {
		--alignwide-columns: 0;
		--alignfull-columns: calc(var(--gutter) * -1);
	}
}

body {
	color: #484846;
	color: var(--color-gray-darker);
	font-family: "muli-vf", sans-serif;
	font-family: var(--font-primary);
	font-weight: 300;
	line-height: 1.55;
	overflow-x: hidden;
}

/* --- Headers --- */

h1,
h2,
h3 {
	font-family: "Libre Baskerville", serif;
	font-family: var(--font-secondary);
	font-weight: 800;
	line-height: 1.13;
	margin: 1.75em 0 1em;
}

h1 {
	font-size: 2.25em;
}

h2 {
	font-size: 1.67em;
}

h3 {
	font-size: 1.78em;
	font-style: italic;
	font-weight: 400;
}

h4 {
	font-size: 1em;
	font-weight: 800;
	margin: 2.5em 0 1em;
}

p {
	margin: 1em 0;
}

.entry-content li {
	padding-bottom: .5em;
	padding-left: .5em;
}

/* --- Links --- */

.site-content a,
.site-footer a {
	color: #111;
	color: var(--color-primary);
	font-weight: 400;
	transition: color .3s ease;
}

.site-content a:hover,
.site-footer a:hover {
	color: #484846;
	color: var(--color-gray-darker);
}

.site-content a:focus,
.site-footer a:focus {
	outline: 1px solid #111;
	outline: 1px solid var(--color-primary);
}

/*--- Images ---*/

.entry-content > figure,
.entry-content > .wp-block-image {
	margin-top: 3rem;
	margin-top: var(--spacing);
	margin-bottom: 3rem;
	margin-bottom: var(--spacing);
}

/* --- buttons --- */

button,
input[type="submit"],
.wp-block-button .wp-block-button__link,
.button,
#bbpress-forums .subscription-toggle,
#bbpress-forums .favorite-toggle,
.nav-links a,
.button.is-style-outline {
	background-color: #60605e;
	background-color: var(--color-gray-dark);
	border: 3px solid #60605e;
	border: 3px solid var(--color-gray-dark);
	border-radius: 0;
	color: #fff;
	color: var(--color-white);
	cursor: pointer;
	letter-spacing: .05em;
	line-height: 1;
	padding: 1em 1.34em;
	text-decoration: none;
	text-transform: uppercase;
	transition: all .3s ease;
}

button:hover,
input[type="submit"]:hover,
.wp-block-button .wp-block-button__link:hover,
.button:hover,
#bbpress-forums .subscription-toggle:hover,
#bbpress-forums .favorite-toggle:hover,
.nav-links a:hover,
.button.is-style-outline:hover {
	background-color: #d9d8d2;
	background-color: var(--color-gray);
	border-color: #d9d8d2;
	border-color: var(--color-gray);
	color: #484846;
	color: var(--color-gray-darker);
}

button:focus,
input[type="submit"]:focus,
.wp-block-button .wp-block-button__link:focus,
.button:focus,
#bbpress-forums .subscription-toggle:focus,
#bbpress-forums .favorite-toggle:focus,
.nav-links a:focus,
.button.is-style-outline:focus {
	background-color: #fff;
	background-color: var(--color-white);
	border-color: #60605e;
	border-color: var(--color-gray-dark);
	color: #484846;
	color: var(--color-gray-darker);
	outline: none;
}

.site {
	margin: 0 auto;
	max-width: calc(770px + (1rem * 2));
	max-width: calc(var(--content-width) + (var(--gutter) * 2));
	padding: 0 1rem;
	padding: 0 var(--gutter);
	width: 100%;
}

.alignwide {
	max-width: calc(100% + (calc((1110px - 770px) / -2) * -2));
	max-width: var(--alignwide-width);
	margin-left: calc((1110px - 770px) / -2);
	margin-left: var(--alignwide-columns);
	margin-right: calc((1110px - 770px) / -2);
	margin-right: var(--alignwide-columns);
}

.alignfull {
	margin-left: calc((100vw - 770px) / -2);
	margin-left: var(--alignfull-columns);
	margin-right: calc((100vw - 770px) / -2);
	margin-right: var(--alignfull-columns);
	width: 100vw;
}

@media (max-width: 1141px) {

	.alignfull > * {
		padding-left: 1rem;
		padding-left: var(--gutter);
		padding-right: 1rem;
		padding-right: var(--gutter);
	}
}

@media (max-width: 50em) {

	.main-navigation {
		margin-left: calc(1rem * -1);
		margin-left: calc(var(--gutter) * -1);
		margin-right: calc(1rem * -1);
		margin-right: calc(var(--gutter) * -1);
		width: calc(100% + (1rem * 2));
		width: calc(100% + (var(--gutter) * 2));
	}
}

/* --- site header --- */

.site-header {
	display: flex;
	flex-direction: column;
	position: relative;
	margin-bottom: 4rem;
}

.site-branding {
	margin: 3rem auto;
	margin: var(--spacing) auto;
	width: 100%;
	max-width: 440px;
}

.home .site-logo,
.site-logo a {
	align-items: flex-start;
	display: flex;
	width: 100%;
}

.site-logo svg {
	width: 100%;
}

/* main navigation */

.main-navigation {
	--border-width: 4px;
	background: #f2f1eb;
	background: var(--color-cream);
	border-bottom: var(--border-width) solid #d9d8d2;
	border-bottom: var(--border-width) solid var(--color-gray);
	font-family: "Libre Baskerville", serif;
	font-family: var(--font-secondary);
	text-align: center;
}

.main-navigation a {
	color: #111;
	color: var(--color-primary);
	display: inline-block;
	transition: background-color .3s ease;
}

.menu-menu-container {
	display: none;
}

.main-menu {
	display: flex;
	flex-direction: column;
	justify-content: center;
	list-style: none;
	margin: 0;
	padding: 0;
}

.main-menu a,
#toggle-menu {
	display: block;
	padding: 1em;
	text-decoration: none;
	text-transform: uppercase;
}

.tool-nav {
	align-items: center;
	display: flex;
	flex-direction: column;
	height: 180px;
	top: 0;
	right: 0;
}

.nav-login {
	border: 2px solid #d9d8d2;
	border: 2px solid var(--color-gray);
	font-family: "muli-vf", sans-serif;
	font-family: var(--font-primary);
	font-size: .8em;
	font-weight: 700;
	margin: 1.5em 0 2em;
	padding: .5em 1em;
	text-decoration: none;
	text-transform: uppercase;
}

.header-search-button {
	background: none;
	border: none;
	display: flex;
	height: 40px;
	padding: .5em;
	transition: background-color .3s ease;
	width: 40px;
}

.header-search-button svg {
	width: 100%;
}

.header-search-button[aria-expanded="true"] {
	background: url(images/icon-close-x.svg) no-repeat center;
	background-size: 22px;
}

.header-search-button[aria-expanded="true"] svg {
	display: none;
}

.main-navigation a:hover,
.header-search-button:hover {
	background-color: #d9d8d2;
	background-color: var(--color-gray);
}

.header-search-button:hover {
	border: none;
}

.main-navigation a:focus {
	margin-bottom: calc(var(--border-width) * -1);
	outline: 2px solid #60605e;
	outline: 2px solid var(--color-gray-dark);
	outline-offset: -1em;
	padding-bottom: 1.5em;
}

.main-navigation .current-menu-item a {
	background-color: #d9d8d2;
	background-color: var(--color-gray);
	border-bottom: var(--border-width) solid #60605e;
	border-bottom: var(--border-width) solid var(--color-gray-dark);
	margin-bottom: calc(var(--border-width) * -1);
}

.main-navigation .current-menu-item a:focus {
	outline-color: #fff;
	outline-color: var(--color-white);
}

.tool-nav a:focus {
	border-color: transparent;
	margin: 0;
	outline-offset: 0;
	padding: .5em 1em;
}

.header-search-button:focus {
	outline: 2px solid #60605e;
	outline: 2px solid var(--color-gray-dark);
}

/* search */

.search-form[hidden="true"],
.search-form[hidden=""] {
	display: none;
}

.search-form {
	background: #484846;
	background: var(--color-gray-darker);
	color: #fff;
	color: var(--color-white);
	display: flex;
	justify-content: center;
	padding: 1.25em 0;
	order: 1;
}

.search-form label {
	align-items: center;
	display: flex;
	letter-spacing: .05em;
	text-transform: uppercase;
}

.search-field,
#bbp_search {
	border: 2px solid #d9d8d2;
	border: 2px solid var(--color-gray);
	border-right-width: 0;
	font-family: "muli-vf", sans-serif;
	font-family: var(--font-primary);
	font-style: italic;
	height: 100%;
	margin-left: 1em;
	padding: .25em 1em;
}

.search-form .search-submit {
	background: url(images/icon-magnifying-glass.svg) no-repeat center, #60605e;
	background: url(images/icon-magnifying-glass.svg) no-repeat center, var(--color-gray-dark);
	background-size: 50%;
	border: none;
	min-height: 40px;
	padding: 0;
	text-indent: -999999px;
	transition: backgound-color .3s ease;
	width: 40px;
}

.search-form .search-submit:hover {
	background-color: #111;
	background-color: var(--color-primary);
	border: none;
	padding: 0;
}

@media (max-width: 50em) {

	.search-form {
		align-items: center;
		flex-direction: column;
	}

	.search-form label {
		display: flex;
		flex-direction: column;
	}

	.search-field {
		margin: 1em 0 0;
	}

	.search-submit {
		padding: .5em 1em;
		margin-top: 1em;
		width: 60px;
	}
}

/* mobile toggling */

#toggle-menu {
	align-items: center;
	background-color: #f2f1eb;
	background-color: var(--color-cream);
	border: none;
	color: #111;
	color: var(--color-primary);
	cursor: pointer;
	display: flex;
	font-family: "muli-vf", sans-serif;
	font-family: var(--font-primary);
	justify-content: center;
	letter-spacing: .05em;
}

#toggle-menu:hover,
#toggle-menu:focus {
	background: #d9d8d2;
	background: var(--color-gray);
}

.dropdown-icon {
	background-position: center;
	background-repeat: no-repeat;
	background-size: 1.15em;
	display: inline-block;
	text-indent: -999999px;
	width: 1.5em;
}

.dropdown-icon.open {
	background-image: url(images/icon-hamburger.svg);
}

.dropdown-icon.close {
	background-image: url(images/icon-close-x.svg);
	background-size: .5em;
}

.main-navigation #toggle:checked + #toggle-menu .open,
.main-navigation .dropdown-icon.close {
	display: none;
}

.main-navigation #toggle:checked + #toggle-menu .close {
	display: inline;
}

#toggle:checked ~ .menu-menu-container {
	display: flex;
	flex-direction: column;
}

@media (min-width: 50em) {

	.main-navigation {
		text-align: left;
		text-align: initial;
	}

	.main-menu a,
	#toggle-menu {
		display: inline-block;
		padding: 1.5em 1.25em calc(1.5em - 4px);
	}

	#toggle,
	#toggle-menu {
		display: none;
	}

	.menu-menu-container {
		display: block;
	}

	.main-menu {
		flex-direction: row;
	}

	.tool-nav {
		flex-direction: row;
		position: absolute;
	}

	.nav-login {
		margin: 0;
	}

	.header-search-button {
		margin-left: .75em;
	}
}

/* --- site footer --- */

.site-footer {
	background: #f2f1eb;
	background: var(--color-cream);
	margin-top: 3rem;
	margin-top: var(--spacing);
	padding: 3em 0 1em;
}

.site-footer > * {
	margin: 0 auto;
	max-width: 1110px;
	max-width: var(--wide-width);
}

.site-footer h2 {
	margin-top: 0;
}

.site-footer .textwidget p {
	color: #60605e;
	color: var(--color-gray-dark);
	font-family: "Libre Baskerville", serif;
	font-family: var(--font-secondary);
	font-size: 1.25em;
	font-style: italic;
}

/* social links */

ul.social-links-menu {
	display: flex;
	justify-content: flex-end;
	margin-top: 1em;
}

.social-links-menu li {
	margin-left: 1em;
}

.social-links-menu .svg-icon {
	fill: #60605e;
	fill: var(--color-gray-dark);
	height: 40px;
	width: 40px;
}

.social-links-menu .svg-icon:hover {
	fill: #484846;
	fill: var(--color-gray-darker);
}

.site-info {
	font-size: .75em;
	margin-top: 2em;
	text-align: center;
}

@media (max-width: 600px) {

	ul.social-links-menu {
		justify-content: center;
		margin-top: 2em;
	}

	.social-links-menu li {
		margin: 0 .5em;
	}
}

/* --- Card Discuss --- */

.card-discuss {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

/* Card discuss button toggle */

.card-discuss .button {
	display: block;
	margin: 2rem 0;
	max-width: -webkit-max-content;
	max-width: max-content;
}

/* Share Icon Bar */

#main .sd-block {
	align-items: center;
	display: flex;
	justify-content: center;
}

#main div.sharedaddy h3.sd-title {
	font-family: "muli-vf", sans-serif;
	font-family: var(--font-primary);
	font-size: .8em;
	font-style: normal;
	font-weight: 400;
	letter-spacing: .05em;
	margin: .15em 0 0;
	padding: 0;
	text-transform: uppercase;
}

#main div.sharedaddy h3.sd-title:before {
	display: none;
}

#main .sd-content ul {
	display: flex;
	margin: 0 !important;
}

#main .sd-content ul li {
	display: flex;
	margin: 0 0 0 1em;
}

#main .sd-content ul li.share-end {
	margin: 0;
}

#main .sd-content ul li:before {
	display: none;
}

#main .sd-social-icon .sd-content ul li[class*="share-"] a.sd-button {
	background: #60605e !important;
	background: var(--color-gray-dark) !important;
	color: #fff !important;
	color: var(--color-white) !important;
	padding: 6px;
}

#main .sd-content ul li a.sd-button:before {
	font-size: 1.25rem;
}

#main .sd-social-icon .sd-content ul li[class*="share-"] a,
#main .sd-social-icon .sd-content ul li[class*="share-"] a:hover,
#main .sd-social-icon .sd-content ul li[class*="share-"] div.option a {
	padding: 6px;
	top: 0;
}

@media (max-width: 50em) {


	.card-discuss {
		display: block;
	}

	.card-discuss .button {
		margin: 2em auto;
	}

	#main .sd-content ul li {
		margin-left: .75rem;
	}
}

/* --- Article elements --- */

.entry-title,
.author .card-author {
	font-family: "Libre Baskerville", serif;
	font-family: var(--font-secondary);
	font-size: 2.25em;
	font-weight: 400;
	margin: 0 0 1em;
	text-align: center;
}

.single-post .entry-title {
	font-family: "Libre Baskerville", serif;
	font-family: var(--font-secondary);
	font-weight: 700;
	margin-top: .25em;
	text-align: left;
}

/* Nav-links */

.nav-links {
	align-items: center;
	display: flex;
	justify-content: space-between;
	margin-top: 3rem;
	margin-top: var(--spacing);
}

.nav-links .prev,
.nav-links .next {
	align-items: center;
	display: flex;
}

.nav-links a {
	display: block;
}

.nav-links .post-title {
	display: none;
}

/* Events page */

.single-se-event .card-categories {
	margin-bottom: 1em;
	text-align: center;
}

/* --- Archive pages and search results --- */

.archive .entry-title,
.search .entry-title,
.blog .entry-title {
	text-align: left;
}

.forum-archive .entry-title {
	text-align: center;
}

.archive article,
.search article,
.blog article {
	border-bottom: 2px solid #d9d8d2;
	border-bottom: 2px solid var(--color-gray);
	padding: .5em 0 1em;
}

.post-type-archive-forum article {
	border: none;
	padding: 0 0 3em;
}

.more-link {
	padding-left: .5em;
}

/* Author page */

.author .author-bio {
	margin-bottom: 4em;
}

.author-expertise {
	font-size: .8em;
	font-weight: 700;
	text-align: center;
	text-transform: uppercase;
}

.author .card-author {
	margin-bottom: .25em;
}

.author-expertise {
	margin-bottom: 3em;
}

.author .vcard img {
	margin: 0 auto 3em;
}

.comment-user-avatar img {
	max-width: 400px;
}

/* --- WP Blocks --- */

/* Image block */

.wp-block-image figcaption {
	margin: 1em 0 0;
}

/* blockquote */

.wp-block-quote {
	border-left: 12px solid #f2f1eb;
	border-left: 12px solid var(--color-cream);
	font-family: "Libre Baskerville", serif;
	font-family: var(--font-secondary);
	font-size: 1.33em;
	font-style: italic;
	line-height: 1.33;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
	padding-left: 1em;
}

.wp-block-quote p {
	margin-top: 0;
}

.wp-block-quote__citation,
.wp-block-quote cite,
.wp-block-quote footer,
.wp-block-pullquote__citation,
.wp-block-pullquote cite,
.wp-block-pullquote footer {
	color: #60605e;
	color: var(--color-gray-dark);
	display: block;
	font-family: "muli-vf", sans-serif;
	font-family: var(--font-primary);
	font-size: .6em;
	font-style: normal;
	margin: 0;
}

/* wp-block-pullquote */

.wp-block-pullquote {
	border-color: #f2f1eb;
	border-color: var(--color-cream);
	border-width: 12px;
	font-family: "Libre Baskerville", serif;
	font-family: var(--font-secondary);
	font-size: 1.33em;
	font-style: italic;
	line-height: 1.33;
	margin-top: 3rem;
	margin-top: var(--spacing);
	margin-bottom: 3rem;
	margin-bottom: var(--spacing);
}

.wp-block-separator {
	border-color: #d9d8d2;
	border-color: var(--color-gray);
	margin: 3em 0 2em;
}

/* Buttons */

.wp-block-buttons {
	margin-top: 1em;
	margin-bottom: 1em;
}

/* button override for outline style */

.is-style-outline .wp-block-button__link,
#bbpress-forums .subscription-toggle,
#bbpress-forums .favorite-toggle,
.nav-links a,
.button.is-style-outline {
	background: #fff;
	background: var(--color-white);
	border: 3px solid #d9d8d2;
	border: 3px solid var(--color-gray);
	color: #484846;
	color: var(--color-gray-darker);
}

/* Group block */

.alignfull .wp-block-group__inner-container,
.alignwide .wp-block-group__inner-container {
	margin: 0 auto;
	max-width: 1110px;
	max-width: var(--wide-width);
}

@media (min-width: 1142px) {

	.alignfull .wp-block-group__inner-container,
	.alignwide .wp-block-group__inner-container {
		max-width: 1110px;
		max-width: var(--wide-width);
		padding-left: 0;
		padding-right: 0;
	}

	.alignwide .wp-block-group__inner-container {
		max-width: 770px;
		max-width: var(--content-width);
	}
}

/* --- Newsletter widget --- */

.widgets-sidebar-newsletter {
	background: url(images/soundmind-collective-logo-mark.svg) no-repeat, #f2f1eb;
	background: url(images/soundmind-collective-logo-mark.svg) no-repeat, var(--color-cream);
	background-position: 150%;
	background-size: 50%;
	border: 1px solid #d9d8d2;
	border: 1px solid var(--color-gray);
	border-radius: 3px;
	padding: 3em 1em 2em;
	text-align: center;
}

.widgets-sidebar-newsletter > * {
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
}

.widgets-sidebar-newsletter h2 {
	font-size: 2.2em;
	margin: 0 0 .75em;
}

.text-input-submit-wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-top: 2em;
}

.text-input-submit-wrap .email {
	border: 2px solid #d9d8d2;
	border: 2px solid var(--color-gray);
	font-size: 1.5em;
	margin-bottom: 1rem;
	padding: .25em .5em;
}

.text-input-submit-wrap .email:-ms-input-placeholder {
	font-family: "Libre Baskerville", serif;
	font-family: var(--font-secondary);
	font-style: italic;
}

.text-input-submit-wrap .email::-ms-input-placeholder {
	font-family: "Libre Baskerville", serif;
	font-family: var(--font-secondary);
	font-style: italic;
}

.text-input-submit-wrap .email::placeholder {
	font-family: "Libre Baskerville", serif;
	font-family: var(--font-secondary);
	font-style: italic;
}

.wp-block-column .widgets-sidebar-newsletter .text-input-submit-wrap .email {
	width: 100%;
}

.text-input-submit-wrap .button {
	margin-bottom: 1rem;
	margin-left: -2px;
}

@media (max-width: 660px) {

	.text-input-submit-wrap .email {
		width: 100%;
	}
}

/* Cards */

.card {
	margin-bottom: 1em;
}

.card-categories a {
	color: #484846;
	color: var(--color-gray-darker);
	font-family: "Libre Baskerville", serif;
	font-family: var(--font-secondary);
	font-size: .9em;
	font-style: italic;
	text-decoration: none;
	text-transform: uppercase;
}

.card-title > * {
	font-size: 1.67em;
	font-style: normal;
	font-weight: 700;
	line-height: 1.13;
	margin: .5em 0;
}

.card-title a {
	display: inline-block;
	font-weight: 700;
	text-decoration: none;
}

.card-author {
	font-weight: 700;
	margin-bottom: 2em;
}

.card a:hover {
	color: #60605e;
	color: var(--color-gray-dark);
}

.card-categories a:hover {
	text-decoration: underline;
}

/* --- Feature cards --- */

/* Top feature*/

@media (max-width: 800px) {

	.top-feature {
		display: block;
	}

	.top-feature .wp-block-column {
		flex: 100%;
	}
}

.top-feature .card-title > * {
	font-size: 2.5em;
}

.top-feature .se-event-date {
	margin-bottom: 1em;
}

/* Card adjustments when in a .block-featured */

.block-featured .wp-block-column,
.block-featured .card {
	display: flex;
}

.block-featured .card {
	background-color: #fff;
	background-color: var(--color-white);
	flex-direction: column;
	justify-content: center;
	padding: 2em 0 0;
	text-align: center;
	width: 100%;
}

.block-featured .card > *:not(.card-image) {
	padding: 0 1em;
}

.block-featured .card .card-image {
	margin-top: auto;
}

.block-featured .wp-block-image,
.block-featured .wp-block-embed {
	margin-bottom: 0;
}

/* --- Author card --- */

.top-feature .card-author-wrap,
.single .card-author-wrap {
	display: grid;
	margin-top: 2rem;
	grid-template-columns: minmax(auto, 160px) 1fr;
}

.comment-user-avatar img {
	height: 100%;
	object-fit: cover;
}

.top-feature .card-author-wrap .author-details,
.single .card-author-wrap .author-details {
	background-color: #f2f1eb;
	background-color: var(--color-cream);
	border: 1px solid #d9d8d2;
	border: 1px solid var(--color-gray);
	border-left-width: 0;
	font-weight: 300;
	padding: 1.25em 1em;
}

.top-feature .author-details p {
	font-size: .85em;
}

.top-feature .card-author-wrap .card-author,
.single .card-author-wrap .card-author {
	margin-bottom: .5em;
}

.card-author .author-details p {
	font-size: .85em;
}

/* Latest posts cards and layout */

.latest-post-list article {
	display: grid;
	grid-template: "image cat" "image head" "image author" 1fr / minmax(auto, 250px) 1fr;
	margin-bottom: 2em;
}

@media (max-width: 50em) {

	.latest-post-list article {
		grid-template: "image" "cat" "head" "author";
	}

	.latest-post-list .card-image {
		margin-left: calc(1rem * -1);
		margin-left: calc(var(--gutter) * -1);
		margin-right: calc(1rem * -1);
		margin-right: calc(var(--gutter) * -1);
		width: calc(100% + (1rem * 2));
		width: calc(100% + (var(--gutter) * 2));
	}
}

.latest-post-list article .card-categories {
	grid-area: cat;
}

.latest-post-list article .card-title {
	grid-area: head;
}

.latest-post-list article .card-author-wrap {
	grid-area: author;
}

.home .latest-post-list article .author-details p {
	display: none;
}

.home .latest-post-list article .author-link {
	text-decoration: none;
}

.latest-post-list article .card-image {
	grid-area: image;
	margin-right: 1.5em;
}

/* --- BBPress output --- */

/* Topic/forum widget */

.widgets-sidebar-frontpage section,
.widgets-sidebar-index section {
	margin-bottom: 3rem;
	margin-bottom: var(--spacing);
}

.widgets-sidebar-frontpage ul,
.widgets-sidebar-index ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.bbp-forums-widget li,
.widget_categories li {
	display: inline-flex;
	margin: 0 .5em .5em 0;
}

.bbp-forums-widget .bbp-forum-title,
.widget_categories a {
	background: #f2f1eb;
	background: var(--color-cream);
	color: #484846;
	color: var(--color-gray-darker);
	font-family: "Libre Baskerville", serif;
	font-family: var(--font-secondary);
	font-style: italic;
	padding: .5em 1em;
	text-decoration: none;
	text-transform: uppercase;
	transition: all .3s ease;
}

.bbp-forums-widget .bbp-forum-title:hover,
.widget_categories a:hover {
	background: #60605e;
	background: var(--color-gray-dark);
	color: #fff;
	color: var(--color-white);
}

.bbp-replies-widget li,
.bbp-topics-widget li,
.widget_upcoming_events li {
	margin-bottom: 1em;
}

.bbp-replies-widget time {
	display: block;
	font-size: .9em;
}

/* BBPress forum and topic lists */

/* BBP reset */

#bbpress-forums ul.bbp-forums,
#bbpress-forums ul.bbp-lead-topic,
#bbpress-forums ul.bbp-replies,
#bbpress-forums ul.bbp-search-results,
#bbpress-forums ul.bbp-topics,
#bbpress-forums div.odd,
#bbpress-forums ul.odd,
#bbpress-forums div.even,
#bbpress-forums ul.even,
#bbpress-forums ul.odd,
#bbpress-forums li.bbp-header,
#bbpress-forums li.bbp-footer,
#bbpress-forums li.bbp-body ul.forum,
#bbpress-forums li.bbp-body ul.topic {
	background: #f2f1eb !important;
	background: var(--color-cream) !important;
	border: none;
}

#bbpress-forums li.bbp-footer,
#bbpress-forums li.bbp-header,
#bbpress-forums li.bbp-body ul.forum,
#bbpress-forums li.bbp-body ul.topic,
.bbp-forums li,
.bbp-topics li {
	padding: 0;
}

#bbpress-forums .bbp-forum-info .bbp-forum-content,
#bbpress-forums p.bbp-topic-meta {
	margin: 0;
}

/* BBP styles */

#bbpress-forums,
div.bbp-forum-header,
div.bbp-reply-header,
div.bbp-topic-header,
li.bbp-body div.hentry {
	overflow: visible;
}

#bbpress-forums.bbpress-wrapper > ul {
	padding: 3em 1.5em;
}

div.bbp-template-notice.info,
div.bbp-template-notice,
div.indicator-hint {
	background: #f2f1eb;
	background: var(--color-cream);
	border: 1px solid #d9d8d2;
	border: 1px solid var(--color-gray);
	border-radius: 3px;
}

#bbpress-forums .subscription-toggle,
#bbpress-forums .favorite-toggle {
	display: block;
	margin-bottom: 1em;
}

#bbpress-forums .subscription-toggle:hover,
#bbpress-forums .favorite-toggle:hover {
	border: 3px solid #d9d8d2;
	border: 3px solid var(--color-gray);
}

#subscription-toggle {
	margin-left: 1em;
}

/* Cover up the divider that is coded into the content with the button */

.subscription-toggle {
	margin-top: -1em;
	position: relative;
	z-index: 1;
}

#bbpress-forums,
#bbpress-forums li.bbp-body ul.forum,
#bbpress-forums li.bbp-body ul.topic
#bbpress-forums ul.bbp-forums,
#bbpress-forums ul.bbp-topics {
	font-size: 1rem;
}

#bbpress-forums ul.bbp-forums .forum-titles,
#bbpress-forums ul.bbp-topics .forum-titles {
	font-size: .8rem;
}

#bbpress-forums ul.bbp-forums .forum,
#bbpress-forums ul.bbp-topics .forum {
	font-size: 1.17rem;
}

#bbpress-forums.bbpress-wrapper .forum-titles {
	margin-bottom: 2em;
	text-transform: uppercase;
}

#bbpress-forums li.bbp-body ul.forum,
#bbpress-forums li.bbp-body ul.topic {
	border-bottom: 1px solid #d9d8d2;
	border-bottom: 1px solid var(--color-gray);
	overflow: visible;
	padding: 1em 0;
}

.bbp-forum-info .bbp-forum-title,
.bbp-topic-title .bbp-topic-permalink {
	font-weight: 700;
	text-decoration: none;
}

.bbp-header .forum-titles,
.bbp-body .forum,
.bbp-body .topic {
	display: flex;
}

li.bbp-forum-info,
li.bbp-topic-title {
	width: 50%;
}

#bbpress-forums .bbp-forum-info .bbp-forum-content,
#bbpress-forums p.bbp-topic-meta {
	font-size: .9rem;
	line-height: 1.35;
	margin-top: .5em;
}

li.bbp-forum-reply-count,
li.bbp-forum-topic-count,
li.bbp-topic-reply-count,
li.bbp-topic-voice-count {
	width: 15%;
}

.bbp-forum-reply-count,
.bbp-topic-reply-count {
	align-self: baseline;
	display: flex;
	justify-content: center;
}

.bbp-forum-reply-count:after,
.bbp-topic-reply-count:after {
	background: url(images/icon-comment-bubbles.svg) no-repeat;
	background-size: contain;
	content: "";
	display: inline-block;
	height: 1em;
	margin-left: .5em;
	width: 22px;
}

.forum-titles .bbp-forum-reply-count:after,
.forum-titles .bbp-topic-reply-count:after {
	display: none;
}

li.bbp-forum-freshness,
li.bbp-topic-freshness {
	text-align: right;
}

#bbpress-forums .bbp-forum-freshness a,
#bbpress-forums .bbp-topic-freshness a {
	color: #60605e;
	color: var(--color-gray-dark);
	font-size: .8rem;
	font-weight: 300;
	text-decoration: none;
}

.bbp-replies .bbp-header,
.bbp-replies .bbp-footer {
	display: none;
}

.bbp-meta {
	font-size: .8em;
}

.bbp-author-link {
	display: inline-block;
	text-decoration: none;
}

#bbpress-forums .bbp-body,
div.bbp-forum-header,
div.bbp-reply-header,
div.bbp-topic-header,
li.bbp-body div.hentry {
	padding: 0;
}

#bbpress-forums div.bbp-forum-author,
#bbpress-forums div.bbp-reply-author,
#bbpress-forums div.bbp-topic-author {
	text-align: left;
}

#bbpress-forums div.bbp-forum-author .bbp-author-name,
#bbpress-forums div.bbp-reply-author .bbp-author-name,
#bbpress-forums div.bbp-topic-author .bbp-author-name {
	margin: .5em 0;
}

.bbp-reply-content {
	line-height: 1.55;
}

#bbpress-forums .quicktags-toolbar {
	background: #f2f1eb;
	background: var(--color-cream);
}

div.bbp-forum-header,
div.bbp-reply-header,
div.bbp-topic-header {
	border-color: #d9d8d2;
	border-color: var(--color-gray);
	margin-top: 1em;
	padding-top: 1em;
}

#bbpress-forums fieldset.bbp-form input[type="text"],
#bbpress-forums fieldset.bbp-form select {
	width: 100%;
}

#bbpress-forums .bbp_dropdown {
	/* stylelint-disable */
	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23484846%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'), linear-gradient(to bottom, #fff 0%, #f2f1eb 100%);
	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23484846%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'), linear-gradient(to bottom, var(--color-white) 0%, var(--color-cream) 100%);
	/* stylelint-enable */
	background-repeat: no-repeat, repeat;
	background-position: right .7em top 50%, 0 0;
	background-size: .65em auto, 100%;
	border-radius: 3px;
	border: 1px solid #d9d8d2;
	border: 1px solid var(--color-gray);
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
}

.bbp-author-name {
	font-size: .8em;
}

.bbp-form input[type="text"],
.bbp-form input[type="password"] {
	border: 2px solid var(—color-gray);
}

.bbp-remember-me {
	font-size: .8em;
}

/* BBPress search */

#bbpress-forums div.bbp-search-form {
	width: 100%;
	max-width: 600px;
}

#bbp-search-form > div {
	display: flex;
	float: none;
	margin: 0 auto .75em;
	width: 100%;
}

#bbpress-forums #bbp-search-form #bbp_search {
	height: auto;
	margin-left: 0;
	width: 100%;
}

.bbp-breadcrumb,
.bbp-topic-meta {
	display: none;
}

#bbpress-forums fieldset.bbp-form label {
	margin: .5em 0;
}

#bbpress-forums fieldset.bbp-form input[type="text"],
#bbpress-forums fieldset.bbp-form select {
	height: 100%;
}

.bbp-pagination {
	margin: 1em 0 2em;
}

#bbpress-forums ul.bbp-replies {
	font-size: 1rem;
}

#bbpress-forums div.bbp-forum-header,
#bbpress-forums div.bbp-reply-header,
#bbpress-forums div.bbp-topic-header {
	background-color: #f2f1eb;
	background-color: var(--color-cream);
}

@media (max-width: 480px) {

	#bbp-search-form > div {
		flex-direction: column;
	}

	#bbp_search {
		border-right-width: 2px;
		margin-bottom: .5em;
	}

	div.bbp-search-form button,
	div.bbp-search-form input {
		font-size: 1em;
		padding: 1em 1.34em;
	}
}

/* BBPress user profile */

#bbpress-forums #bbp-user-wrapper {
	float: none;
}

#bbp-topic-search-form > div {
	display: flex;
	margin-bottom: 1rem;
}

#bbp-user-topics-started .entry-title {
	text-align: left;
}

/* Admin bar within comments */

span.bbp-admin-links {
	display: block;
	float: none;
}

@media (max-width: 700px) {

	.bbp-header .forum-titles,
	.bbp-forum-topic-count {
		display: none;
	}

	.bbp-body .forum,
	.bbp-body .topic {
		flex-direction: column;
	}

	#bbpress-forums .bbp-body .forum > *,
	#bbpress-forums .bbp-body .topic > * {
		justify-content: left;
		padding-bottom: 1em;
		text-align: left;
		width: 100%;
	}

	#bbpress-forums .bbp-body .forum > *:last-child,
	#bbpress-forums .bbp-body .topic > *:last-child {
		padding-bottom: 0;
	}
}

@media (max-width: 480px) {

	span.bbp-reply-post-date,
	span.bbp-topic-post-date {
		float: none;
	}

	#bbpress-forums .bbp-body div.bbp-reply-author,
	#bbpress-forums .bbp-body div.bbp-topic-author {
		margin: 1em 0;
	}

	#bbpress-forums .bbp-body div.bbp-reply-content,
	#bbpress-forums .bbp-body div.bbp-topic-content {
		margin: 0;
	}

	.bbp-submit-wrapper {
		align-items: center;
		display: flex;
		flex-direction: column;
		width: 100%;
	}

	.bbp-submit-wrapper > * {
		margin: 1em 0;
	}

	.bbp-submit-wrapper button {
		align-self: stretch;
	}
}

/* --- Section header ---*/

.section-header,
.widgets-sidebar-frontpage .widget-title,
.widgets-sidebar-index .widget-title,
.block-featured h2 {
	border-top: 5px solid #d9d8d2;
	border-top: 5px solid var(--color-gray);
	font-size: 1.17em;
	font-style: italic;
	font-weight: 100;
	letter-spacing: .15em;
	line-height: 1.1;
	margin: 0 0 2em 55px;
	padding-top: 10px;
	position: relative;
	text-transform: uppercase;
}

.section-header:before,
.widgets-sidebar-frontpage .widget-title:before,
.widgets-sidebar-index .widget-title:before,
.block-featured h2:before {
	background: url(images/soundmind-collective-logo-mark-dark.svg) no-repeat;
	content: "";
	display: block;
	height: 40px;
	width: 40px;
	position: absolute;
	top: -10px;
	left: -55px;
}

/* Feature block */

.block-featured {
	background-color: #f2f1eb;
	background-color: var(--color-cream);
	border: 2px solid #d9d8d2;
	border: 2px solid var(--color-gray);
	border-width: 2px 0;
	padding: 2em 0;
	margin-top: 3rem;
	margin-top: var(--spacing);
	margin-bottom: 3rem;
	margin-bottom: var(--spacing);
}

.block-featured .wp-block-group__inner-container {
	position: relative;
}

.block-featured h2 {
	background-color: #f2f1eb;
	background-color: var(--color-cream);
	border: none;
	margin: 0 auto 3em;
	padding: 0 2em;
	position: static;
	text-align: center;
	width: -webkit-max-content;
	width: max-content;
}

.block-featured h2:before {
	align-items: center;
	background-color: #f2f1eb;
	background-color: var(--color-cream);
	background-position: center;
	background-size: 40px;
	display: flex;
	left: auto;
	margin: 0 -1.5em;
	padding-bottom: 3rem;
	position: relative;
	top: 0;
	width: calc(100% + 3em);
	z-index: 1;
}

.block-featured h2:after {
	background: #d9d8d2;
	background: var(--color-gray);
	content: "";
	display: block;
	height: 4px;
	left: 0;
	position: absolute;
	margin-top: -1.5em;
	width: 100%;
}

.block-featured .is-style-outline .wp-block-button__link {
	background-color: #f2f1eb;
	background-color: var(--color-cream);
}

.block-featured .is-style-outline .wp-block-button__link:hover {
	background-color: #d9d8d2;
	background-color: var(--color-gray);
}

.block-featured .button {
	display: block;
	margin: 2em auto 1em;
	width: -webkit-max-content;
	width: max-content;
}

/* --- Comments --- */

#comments {
	background: #fff;
	background: var(--color-white);
	border: 2px solid #d9d8d2;
	border: 2px solid var(--color-gray);
	box-shadow: 2px 5px 19px #d9d8d2;
	box-shadow: 2px 5px 19px var(--color-gray);
	height: calc(100vh - 8rem);
	margin-top: 3rem;
	position: fixed;
	overflow-y: scroll;
	padding: 2em;
	right: 0;
	top: 5rem;
	transform: translateX(100vw);
	visibility: hidden;
}

.comments-open #comments {
	transform: translateX(0);
	visibility: visible;
}

.js-close-discussion {
	align-items: center;
	border: 2px solid #d9d8d2;
	border: 2px solid var(--color-gray);
	display: inline-flex;
	padding: .5em;
	text-decoration: none;
	text-transform: uppercase;
	transition: background-color .3s ease;
}

.js-close-discussion:after {
	background: url(images/icon-close-x.svg) no-repeat center;
	content: "";
	display: inline-block;
	height: 1em;
	margin-left: .5em;
	width: 1em;
}

.js-close-discussion:hover {
	background-color: #d9d8d2;
	background-color: var(--color-gray);
}

/* custom block class */

.is-style-highlight {
	background: #f2f1eb;
	background: var(--color-cream);
	border: 1px solid #d9d8d2;
	border: 1px solid var(--color-gray);
	border-radius: 3px;
	font-size: 1.33em;
	padding: 2em;
}

.is-style-highlight .button {
	margin-top: 3em;
}

/* --- Accessibility --- */

.hide-visually {
	position: absolute !important;
	clip: rect(1px, 1px, 1px, 1px);
	padding: 0 !important;
	border: 0 !important;
	height: 1px !important;
	width: 1px !important;
	overflow: hidden;
}

/* Text meant only for screen readers. */

.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	-webkit-clip-path: inset(50%);
	        clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6);
	clip: auto !important;
	-webkit-clip-path: none;
	        clip-path: none;
	display: block;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */

#content[tabindex="-1"]:focus {
	outline: 0;
}