/*
Theme Name: YIELD Hub
Author: Job Wind
Author URI: https://monkeystation.nl
Description: Built on Twenty Twenty-Two WordPress Theme
Requires at least: 5.9
Tested up to: 5.9
Requires PHP: 5.6
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: yieldhub
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments

YieldHub WordPress Theme, (C) 2022 Monkeystation.nl
YieldHub is distributed under the terms of the GNU GPL.
*/

/*
 * Font smoothing.
 * This is a niche setting that will not be available via Global Styles.
 * https://github.com/WordPress/gutenberg/issues/35934
 */

body {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}

/*
 * Text and navigation link styles.
 * Necessary until the following issue is resolved in Gutenberg:
 * https://github.com/WordPress/gutenberg/issues/27075
 */

a {
	text-decoration-thickness: 1px;
	text-underline-offset: 0.25ch;
}

a:hover,
a:focus {
	text-decoration-style: dashed;
}

a:active {
	text-decoration: none;
}

ul, ol {
  list-style-position: outside;
  padding-left: 1.2em;
}

ul li, ol li {
	margin-bottom: 1rem;
}

input[type=checkbox] {
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	appearance: none !important;
	background-color: #fff;
	background-origin: border-box;
	color: var(--wp--preset--color--primary);
	flex-shrink: 0;
	vertical-align: middle;
	width: 1rem;
	height: 1rem;
	border-radius: 0;
}

input[type=checkbox]:checked {
	background-color: currentColor;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	border-color:transparent;
	background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB2aWV3Qm94PScwIDAgMTYgMTYnIGZpbGw9JyNmZmYnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHBhdGggZD0nTTEyLjIwNyA0Ljc5M2ExIDEgMCAwIDEgMCAxLjQxNGwtNSA1YTEgMSAwIDAgMS0xLjQxNCAwbC0yLTJhMSAxIDAgMCAxIDEuNDE0LTEuNDE0TDYuNSA5LjA4Nmw0LjI5My00LjI5M2ExIDEgMCAwIDEgMS40MTQgMHonLz48L3N2Zz4=)
}

header {
	position: sticky;
	z-index: 900;
	top: 0;
}

header .alignfull {
	box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0.25rem 0px;
}

.hidden {
	display: none;
}

.hero {
	min-height: calc(100vh - 74px);
}

.wp-block-navigation-link {
	margin-bottom: 0;
}

.wp-block-navigation .wp-block-navigation-item a:hover,
.wp-block-navigation .wp-block-navigation-item a:focus {
	text-decoration: underline;
	text-decoration-style: solid;
}

.wp-block-navigation__submenu-container a {
	color: black !important;
	font-size: 1rem;
	font-weight: bold;
	text-align: center;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container a {
	margin-bottom: .2rem !important;
}

@media (max-width: 999px) {
  .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
    display: none !important;
  }

  .wp-block-navigation__responsive-container-open:not(.always-shown) {
    display: block !important;
  }

  header .wp-block-navigation {
    order: 3;
    flex-grow: 0;
  } 
}

@media ((max-width: 599px)) {
  header .wp-block-social-links {
    display: none;
  }
}

/*
 * Search and File Block button styles.
 * Necessary until the following issues are resolved in Gutenberg:
 * https://github.com/WordPress/gutenberg/issues/36444
 * https://github.com/WordPress/gutenberg/issues/27760
 */

input[type=submit],
.wp-block-search__button,
.wp-block-file .wp-block-file__button {
	background-color: var(--wp--preset--color--primary);
	border-radius: 0px;
	border: none;
	color: var(--wp--preset--color--background);
	font-size: var(--wp--preset--font-size--medium);
	padding: 8px 16px;
}

/*
 * Button hover styles.
 * Necessary until the following issue is resolved in Gutenberg:
 * https://github.com/WordPress/gutenberg/issues/27075
 */

input[type=submit]:hover,
.wp-block-search__button:hover,
.wp-block-file .wp-block-file__button:hover,
.wp-block-button__link:hover {
	opacity: 0.90;
}

.wp-block-file a:not(.wp-block-file__button) {
	display: none;
}

.wp-block-file * + .wp-block-file__button,
.wp-block-file .wp-block-file__button-richtext-wrapper {
	margin-left: 0;
}

/*
 * Alignment styles.
 * These rules are temporary, and should not be relied on or
 * modified too heavily by themes or plugins that build on
 * Twenty Twenty-Two. These are meant to be a precursor to
 * a global solution provided by the Block Editor.
 *
 * Relevant issues:
 * https://github.com/WordPress/gutenberg/issues/35607
 * https://github.com/WordPress/gutenberg/issues/35884
 */

.wp-site-blocks,
body > .is-root-container,
.edit-post-visual-editor__post-title-wrapper,
.wp-block-group.alignfull,
.wp-block-group.has-padding,
.wp-block-cover.alignfull,
.is-root-container .wp-block[data-align="full"] > .wp-block-group,
.is-root-container .wp-block[data-align="full"] > .wp-block-cover {
	padding-left: var(--wp--custom--spacing--outer);
	padding-right: var(--wp--custom--spacing--outer);
}

.wp-block-group.has-padding {
	padding-top: var(--wp--custom--spacing--large);
	padding-bottom: var(--wp--custom--spacing--large);
}

.wp-block-spacer.auto {
	margin: 0;
	height: var(--wp--custom--spacing--large) !important;
}

.wp-block-spacer.auto-small {
	margin: 0;
	height: min(1.25rem, 4vw) !important;
}

.wp-site-blocks .alignfull,
.wp-site-blocks > .wp-block-cover,
.wp-site-blocks > .wp-block-template-part > .wp-block-group.has-background,
.wp-site-blocks > .wp-block-template-part > .wp-block-cover,
body > .is-root-container > .wp-block-cover,
body > .is-root-container > .wp-block-template-part > .wp-block-group.has-background,
body > .is-root-container > .wp-block-template-part > .wp-block-cover,
.is-root-container .wp-block[data-align="full"] {
	margin-left: calc(-1 * var(--wp--custom--spacing--outer)) !important;
	margin-right: calc(-1 * var(--wp--custom--spacing--outer)) !important;
	width: unset;
}

.no-gap {
	margin-top: 0;
	margin-block-start: 0 !important;
}

.has-no-margin {
	margin: 0;
}

.shadow-text {
	text-shadow: 0px 0px 40px #000;
}

.wp-block-site-logo:not(.wp-block) img {
	max-width: 40vw;
	height: auto;
}

.stripe-yellow {
	background-image: url('./assets/design/stripe-yellow-top.png'), url('./assets/design/stripe-yellow-bottom.png');
	background-position: top, bottom;
	background-color: #fbb040;
	background-repeat: repeat-x;
	background-size: contain;
	padding-top: calc(3rem + 10vw);
	padding-bottom: calc(3rem + 10vw);
}

.stripe-purple {
	background-image: url('./assets/design/stripe-purple-top.png'), url('./assets/design/stripe-purple-bottom.png');
	background-position: top, bottom;
	background-color: #fbb040;
	background-repeat: repeat-x;
	background-size: contain;
	padding-top: calc(3rem + 10vw);
	padding-bottom: calc(3rem + 10vw);
}

.stripe-yellow-top {
	background-image: url('./assets/design/stripe-yellow-top.png');
	background-color: #fbb040;
	background-repeat: repeat-x;
	background-size: contain;
	background-position: top;
	padding-top: calc(3rem + 10vw);
}

.stripe-yellow-bottom {
	background-image: url('./assets/design/stripe-yellow-bottom.png');
	background-color: #fbb040;
	background-repeat: repeat-x;
	background-size: contain;
	background-position: bottom;
	padding-bottom: calc(3rem + 10vw);
}

.stripe-purple-top {
	background-image: url('./assets/design/stripe-purple-top.png');
	background-color: #45388f;
	background-repeat: repeat-x;
	background-size: contain;
	background-position: top;
	padding-top: calc(3rem + 10vw);
}

.stripe-purple-bottom {
	background-image: url('./assets/design/stripe-purple-bottom.png');
	background-color: #45388f;
	background-repeat: repeat-x;
	background-size: contain;
	background-position: bottom;
	padding-bottom: calc(3rem + 10vw);
}

/* Blocks inside columns don't have negative margins. */
.wp-site-blocks .wp-block-columns .wp-block-column .alignfull,
.is-root-container .wp-block-columns .wp-block-column .wp-block[data-align="full"],
/* We also want to avoid stacking negative margins. */
.wp-site-blocks .alignfull:not(.wp-block-group) .alignfull,
.is-root-container .wp-block[data-align="full"] > *:not(.wp-block-group) .wp-block[data-align="full"] {
	margin-left: auto !important;
	margin-right: auto !important;
	width: inherit;
}

.wp-site-blocks > * + * {
	margin-block-start: 0;
}

.wp-block-columns {
	gap: var(--wp--custom--spacing--small) !important;
}

.wp-block-column > *:first-child {
  margin-top: 0;
}

@media (max-width: 781px) {
	.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:not(:last-child) {
			margin-bottom: 2rem;
	}
}

/*
 * Responsive menu container padding.
 * This ensures the responsive container inherits the same
 * spacing defined above. This behavior may be built into
 * the Block Editor in the future.
 */

.wp-block-navigation__responsive-container.is-menu-open {
	padding-top: var(--wp--custom--spacing--outer);
	padding-bottom: var(--wp--custom--spacing--large);
	padding-right: var(--wp--custom--spacing--outer);
	padding-left: var(--wp--custom--spacing--outer);
}

.team-member .wp-block-image {
	max-width: 50vw;
}

.resource-item .wp-block-image, .resource-item .wp-block-file {
	margin-bottom: 0;
}

.image-credits {
	font-size: 9px;
	position: fixed;
	padding: 3px 6px;
	margin: 0;
	right: 0;
	bottom: 0;
	color: white;
	background-color: rgba(0, 0, 0, 0.5);
	
}

.single-post .container-post-title {
	padding-top: var(--wp--custom--spacing--outer);
	padding-bottom: var(--wp--custom--spacing--outer);
}

.single-post .wp-block-post-featured-image img {
	/* margin-bottom: calc(-1 * var(--wp--custom--spacing--large)); */
	max-height: 75vh;
	overflow: hidden;
	object-position: center;
}

@media (max-width: 1300px) {
	.single-post .wp-block-post-featured-image {
		margin-left: calc(-1 * var(--wp--custom--spacing--outer)) !important;
		margin-right: calc(-1 * var(--wp--custom--spacing--outer)) !important;
	}
}

.single-post .wp-block-post-featured-image img {
	aspect-ratio: 16/9;
	object-fit: cover;
}

.single-post .post-full-content {
	position: relative;
}

.resources.wp-block-post h2 {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	height: 60px;
}

#mc_embed_signup {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}


#mc_embed_signup #mc_embed_signup_scroll {
	display: flex;
	flex-direction: column;
	align-items: center;
}

#mc_embed_signup .mc-field-group {
	padding-bottom: 1rem !important;
	min-height: 0 !important;
	max-width: 400px;
}

#mc_embed_signup .mc-field-group > label {
	font-weight: bold;
}

#mc_embed_signup .mc-field-group input {
	padding: 8px 16px;
	font-size: var(--wp--preset--font-size--medium);
}

#mc_embed_signup input {
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
}

#mc_embed_signup .mc-field-group.input-group li {
	display: flex !important;
	gap: .5rem;
}

#mc_embed_signup .mc-field-group.input-group input {
	width: 20px !important;
	height: 20px !important;
}

#mc_embed_signup .mc-field-group.input-group label {
	font-size: var(--wp--preset--font-size--small);
	line-height: 1.2;
}

#mc_embed_signup input[type=submit] {
	border: none !important;	
	margin: 0;
	cursor: pointer;
	-webkit-appearance: none;
  border-radius: 0;
}

#mc_embed_signup #mce-responses {
	max-width: 400px;
	top: 0 !important;
	padding: 0 !important;
	width: 100% !important;
	margin: 0 !important;
	text-align: center;
}

#mc_embed_signup .response {
	margin: 0 0 1rem 0 !important;
	padding: 0 !important;
	width: 100% !important;
}