@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap');

:root {
	--base-font: "Quicksand", sans-serif;
}




/*
 *
 * Basic HTML
 *
 */
html {
	scroll-behavior: smooth;
	body, button, input, select, textarea {
		font-family: var(--base-font);
		font-weight: 500;
		font-style: normal;
		text-transform: none;
		font-size: 17px;
		line-height: 1.5;
	}
	h1, h2, h3, h4, h5, h6 {
		font-weight: 700;
		line-height: 1.2;
		letter-spacing: -1px;
		text-wrap: balance;
	}
	body {
		border-bottom: 50px solid var(--bright-blue);
	}
	a:not([href]) {
		cursor: default !important;
	}
}









/*
 *
 * Alignments and Widths
 *
 */
#page {
	.entry-content .alignwide, .entry-content .alignfull {
		margin-left: -100px;
		width: calc(100% + 200px);
		max-width: calc(100% + 200px);
	}	
	.entry-content .alignfull {
		margin-left: calc(-100vw / 2 + 100% / 2);
		margin-right: calc(-100vw / 2 + 100% / 2);
		max-width: 100vw;
		width: auto;
	}
	&.grid-container,
	.wp-block-nk-awb .nk-awb-wrap-content,
	.wp-block-group.alignfull .wp-block-group__inner-container ,
	.wp-block-cover.alignfull .wp-block-cover__inner-container {
			max-width: 1200px;
			margin-left: auto;
			margin-right: auto;
	}
}





/*
 *
 * Layout Structure
 *
 */
body {
	.top-bar {
		
	}
	#masthead {
		
	}
	&.hide-page-title {
		#page {
			#main {
				margin: 0;
				.inside-article {
					padding-top: 0;
					padding-bottom: 0;
				}
			}
		}
	}
	.site-footer {
	}
}



/*
 *
 * Main Navigation
 *
 */
.main-navigation .main-nav ul li a,
.main-navigation .menu-toggle, 
.main-navigation .menu-bar-items {
	font-weight: 700;
	font-size: 1.125em;
}
.inside-header.grid-container {
	padding: 10px 20px;
}


/*
 *
 * Site Footer
 *
 */
.site-footer {
	.copyright {
		.site-name {
			font-weight: 700;
			color: inherit;
		}
		.site-description {
			font-weight: 700;
			color: inherit;
		}
	}
	
}





#page {
	--icon-size: 100px;
	.icon {
		width: var(--icon-size);
		height: var(--icon-size);
		display: block;
		margin: 10px auto;
		path {
			fill: var(--primary);
		}
	}
}







/*
 *
 * WP Block Group: Text Width
 *
 */
.wp-block-group.is-style-text-width {
	max-width: 800px;
	margin: 1rem;
	padding: 0;	
}









/*
 *
 * Beans
 *
 */
.all-beans {
	.all-beans-inner {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		@media(min-width:800px){
			grid-template-columns: repeat(4, minmax(0, 1fr));		
		}
		gap: 1em;
		.bean {
			text-align: center;
			h4 {
				font-size: 1.25em;
			}
		}
	}
}




/*
 *
 * WP Block: Advanced Backgrounds
 *
 */
#page {
	.wp-block-nk-awb {
		padding: 4rem;
	}
}









/*
 *
 * WP Block Media & Text: Rounded Images
 *
 */
#page {
	.wp-block-media-text.is-style-rounded-images {
		.wp-block-media-text__media {
			img {
				border-radius: 1rem;
			}
		}	
	}
}









/*
 *
 * WP Block List: Cool List
 *
 */
#page {
	.wp-block-list.is-style-cool-list {
		padding: 0;
		margin: 0;
		list-style: none;
		li {
			position: relative;
			margin: 0 0 1em 30px;
			strong {
				display: block;
				color: var(--primary);
			}
			&::before {
				color: var(--primary);
				display: inline-block;
				text-rendering: auto;
				-webkit-font-smoothing: antialiased;
				font: var(--fa-font-solid);
				content: '\f06c';
				position: absolute;
				left: -30px;
				top: 5px;
				font-size: 20px;
				line-height: 20px;
			}
		}
	}
}









/*
 *
 * WP Block Buttons
 *
 */
body {
	.wp-block-buttons {
		margin: 1em 0;
		.wp-block-button {
			line-height: 1;
			.wp-block-button__link {
				border-radius: .5em;
				padding: 1em;
				&:hover {
					box-shadow: 5px 5px 5px rgba(0,0,0,.25);
				}
			}
		}
	}
}