/* Color variables */
:root {
	--search-btn-bg: var(--blue100);
	--search-btn-bg-hover: var(--blue500);
	--search-btn-text-hover: white;
	--links: var(--blue500);
	--nav-toggle-hover: white;
}

/* Customizes font family */
body {
	font-family: "Montserrat" !important;
}

button {
	background: none !important;
	box-shadow: none !important;

	&:hover {
		color: var(--nav-toggle-hover);
	}
}

/* Fixes font size */
html {
	font-size: 100%;
}

.content-area {
	margin-block: 0;
}

.content-container {
	grid-template-columns: 3fr 1fr !important;
	padding-inline: 0 !important;
}

.entry-content-wrap {
	padding: 1rem 3rem !important;

	p {
		margin-top: 0 !important;
	}
}

.entry-header {
	margin-bottom: .75rem !important;
}

.entry-hero-container-inner {
	background: var(--blue100) !important;
}

.entry-hero-container-inner .entry-header {
	min-height: auto !important;
	margin-bottom: 3rem !important;
	padding-block: 3vh;
}

/* Hides 'This entry was posted in...by...' below post */
.entry-meta {
	display: none;
}

.entry-related-inner-content {
	display: none;
}

.entry-summary {
	margin-top: 0 !important;
}

.grid-cols .entry-content-wrap {
	padding-inline: 0 !important;

	p {
		font-size: var(--fz14) !important;
	}
}

.grid-cols {
	img {
		transition: var(--transition);

		&:hover {
			scale: 1.07;
		}
	}
}

.has-small-font-size {
	font-size: var(--fz12) !important;
}

/* Brings down the line height of the 'previous post' link below post */
.nav-previous {
	line-height: 1.4;
}

.post-more-link {
	color: var(--links) !important;
}

.widget h2 {
	font-size: var(--fz18) !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
}

.widget li {
	font-size: var(--fz16) !important;
	margin: 0 0 .4rem !important;
	padding-left: 0 !important;
}

.widget_block {
	margin-block: 1rem .3rem !important;
}

/* Customizes the search button, note the use of 'background' shorthand to reset defaults rather than background-color */
.wp-block-search__button {
	background: var(--search-btn-bg) !important;
	border: none;
	font-size: var(--fz12);
	font-weight: 500;
	letter-spacing: 1px;
	padding: .7rem;
	text-transform: uppercase;
	transition: var(--transition);

	&:hover {
		background: var(--search-btn-bg-hover) !important;
		color: var(--search-btn-text-hover) !important;
	}
}

.wp-block-search__label {
	display: none;
}

#block-13 {
	margin-top: 3rem !important;
}

#block-14 {
	margin-top: .5rem !important;

	a {
		color: var(--links);
		font-weight: 600;
	}
}

/* Hides 'Proudly powered by WordPress' below post */
#colophon {
	display: none;
}

/* Removes space taken up by comments area below post */
#comments {
	display: none;
}

/* Hides embedded default nav */
#masthead {
	display: none;
}

/* Hides 'Older Posts...' below post */
#nav-below {
	display: none;
}

/* Makes main section responsive */
#primary {
	@media (width < 1200px) {
		float: none;
		width: 100%;
	}

	h1 {
		font-size: var(--fz28);
		line-height: 1.2;
	}

	h2 {
		color: currentColor;
		font-size: var(--fz20);
		letter-spacing: 0;
		line-height: 1.2;
		margin-bottom: .5rem;
		text-transform: none;
	}

	li {
		line-height: 1.4;
		margin: 1em 0 0 1.5em;
		padding-left: .2em;

		&::marker {
			font-size: 1.3em;
		}
	}

	p {
		font-size: var(--fz16);
	}
}

#wrapper {
	min-height: auto !important;
}