/*
Theme Name: CAP Ireland
Author: Greg Chapple
Author URI: https://gregchapple.com
Requires at least: 5.9
Tested up to: 6.0
Requires PHP: 5.6
Version: 1.0
Text Domain: capireland
*/

@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');

.page-container { 
    max-width: 1000px;
    margin: 0 auto;
    padding: 1rem;
}

.inner-container {
    max-width: 640px;
    margin: 0 auto;
}

.text-white { color: white; } // TODO: replace with actual white variable
.text-bold { font-weight: 600; }

.wp-site-blocks > *:not(.no-gap-start) + *:not(.no-gap-start) { 
    margin-block-start: var( --wp--style--block-gap );
}

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

.no-gap {
    gap: 0 !important;
}

.top-gap { margin-top: 2rem; }

.banner { max-width: 600px;}

.home-column {
    border: 10px solid var(--wp--preset--color--white);
    /* box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.2), 0 1px 2px -1px rgb(0 0 0 / 0.2); */
    padding: 1rem; // TODO: perhaps use the blockGap variable here?
}

.home-banner-cta {
    color: #FFFFFF;
    font-weight: bold;
}

.home-image { 
    border: 10px solid var(--wp--preset--color--green);
    max-width: 300px;
}

.home-quote {
    margin: 0;
    color: white;
}
.home-quote blockquote { padding: 0; margin: 0; }

header a { color: var(--wp--preset--color--midblue); }

.mc-field-group {
    margin-bottom: 1rem;
}

.mc-field-group input, .mc-field-group select { display: block; padding: 15px; background-color: white; width: 100%; font-size: var(--wp--preset--font-size--medium); border: 1px solid; }

#mc-embedded-subscribe {
    background-color: var(--wp--preset--color--green);
    color: white;
    border: 0;
    font-size: var(--wp--preset--font-size--medium);
    padding: calc(0.667em + 2px) calc(1.333em + 2px);
}
/*
 * Button hover styles.
 * Necessary until the following issue is resolved in Gutenberg:
 * https://github.com/WordPress/gutenberg/issues/27075
 */

.wp-block-search__button:hover,
.wp-block-file .wp-block-file__button:hover,
.wp-block-button__link:hover {
	opacity: 0.90;
}

/*
 * 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-block-post-content, .alignwide, .alignfull {
	padding-right: var(--wp--custom--spacing--outer);
	padding-left: var(--wp--custom--spacing--outer);
}

.wp-site-blocks .alignfull,
.wp-site-blocks > .wp-block-group.has-background,
.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;
}

/* 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;
}

/*
 * 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);
}

/* TODO: should the alignwide/alignfull classes be at the block level?
 * e.g. .wp-block-group .alignwide, or .wp-site-blocks .alignwide ?
 * https://make.wordpress.org/core/2021/06/29/on-layout-and-content-width-in-wordpress-5-8/
 */
.entry-content.alignwide {
	max-width: 1000px;
	margin-left: auto !important;
	margin-right: auto !important;
}

.wp-block-navigation .wp-block-navigation-item.nav-button {
	border-radius: 0;
	background-color: var(--wp--preset--color--orange);
}

.wp-block-navigation ul, .wp-block-navigation ul li.nav-button {
	
	padding: calc(0.667em + 2px) calc(1.333em + 2px);
}