/*
Theme Name:     GMCR theme
Theme URI:      
Description:    GMCR theme.
Author:         AYCC
Author URI:     
Version:        0.1.0
Text Domain:    gmcrtheme
*/

.gmcr_header {
	h1 {
		display: inline-block;
		padding-bottom: 0.2rem;
		border-bottom: 10px solid var(--wp--preset--color--accent-1);
	}
	ul.wp-block-navigation {
		gap: 0;
	}
	li.wp-block-navigation-item {
		border-right: 4px solid var(--wp--preset--color--accent-1);
		a {
			padding: 1rem 1rem;
		}
		&:last-child {
			border-right: 0;
		}
		&:hover {
			background:  var(--wp--preset--color--accent-1);
		}
		&.has-child {
			a {
				padding-right: 0.5rem;
			}
			button {
				padding-right: 1.5rem;
			}
		}
		&.current-menu-item {
			background:  var(--wp--preset--color--accent-1);
		}
		ul.wp-block-navigation-submenu {
			margin-left: -4px;
			margin-right: -4px;
			border: 0;
			li {
				font-weight: bold;
			}
		}
		
	}
}

html.has-modal-open #modal-1-content {
	/* mobile nav*/

	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item {

	}
	ul.wp-block-navigation-submenu {
		padding-top: 1rem;
		padding-bottom: 1rem;
		li {
			font-weight: normal;

		}
	}
	li.wp-block-navigation-item > a {
			font-weight: bold;
		
	}
	ul.wp-block-navigation-item.has-child {

	}
	ul.wp-block-navigation__submenu-container {
		padding: 0;
		
		li.wp-block-navigation-item > a {
			padding: 0;
			font-weight: normal;
		}
	}
}


@media(max-width: 599px) {
	.gmcr_header_logo {
		flex-basis: 50% !important;
	}
	.gmcr_header_nav {
		flex-basis: 50% !important;
	}
	.gmcr_aims_panel figure {
		display: none !important;
	}
	.gmcr_aims_panel br {
		display: none !important;
	}
}

@media(min-width: 599px) and (max-width: 780px) {
	.gmcr_header_logo {
			word-break: normal;

		h1 {
		}
	}

}

footer.wp-block-template-part {
	margin-top: 0;
}

h1.wp-block-post-title {
	padding-bottom: 0.2rem;
	border-bottom: 10px solid var(--wp--preset--color--accent-1);
}
.wp-block-post-content {
	> p {
		
	}
	> h2 {
		text-decoration: underline 8px var(--wp--preset--color--accent-1);
		text-underline-offset: 8px;

	}
	> h3 {
		padding-bottom: 0.2rem;
		text-decoration: underline 7px var(--wp--preset--color--accent-1);
		text-underline-offset: 7px;
	}
	> h4 {

	}
}

hr.wp-block-separator {
	border: 0;
	padding: 1rem;
	background: url(./assets/images/stripe_tile.svg);
}

.gmcr_quote_block {
	position: relative;
	&:after {
		content: '';
		display: block;
		position: absolute;
		bottom: -2rem;
		width: 100%;
		height: 2rem;
		background: url(./assets/images/stripe_tile.svg);
	}
}

#latest_news_block {
	ul li > div {
		display: flex;
		flex-direction: column;
		height: 100%;
		.wp-block-post-excerpt {
			margin-bottom: 1em;
		}
		a {
			margin-top: auto;
		}
	}
}

ul.wp-block-post-template {
	li:last-child {
		hr.wp-block-separator {
			display: none;
		}
	}
}

.gmcr_mailchimp_newsletter {
	text-align: center;
	form {
		input {
			border: 0;
			padding: 0.5em 1em;
			font-size: 1.4rem;
			font-family: var(--wp--preset--font-family--cooper-hewitt);
/*			background-color: var(--wp--preset--color--accent-1);*/
		}
		input[type=submit] {
			background-color: var(--wp--preset--color--contrast);
			color: #fff;
			font-weight: bold;
			text-transform: uppercase;
		}
	}
}

#gmcr_impact_boxes {
	.wp-block-column > .wp-block-group {
		height: 100%;
		.wp-block-columns {
			height: 100%;
		}
	}
	.big_number strong {
		text-decoration: underline;
		text-decoration-color: var(--wp--preset--color--accent-1);
		text-decoration-thickness: 6px;
		text-underline-offset: 16px;
	}
}