/* - - - Resets - - - */

*, p, ul, li, a, h1, h2, h3, h4, h5,
div, article, section, figure, main,
footer, header {
	padding: 0;
	margin: 0;
}

/* - - - Main Style Resets - - - */

.page, .post {
	margin: 0;
}

body {
	background-image: url("/wp-content/themes/lakefront/images/map-bg-dark.jpg");
    background-repeat: no-repeat;
   	background-attachment: fixed;
   	background-position: center top;
	background-size: cover;
}

body.single.single-post main#primary div.post-thumbnail {
	display: none;
}

body main#primary article div.wrapper {
	display: inline-flex;
	align-items: center;
	width: 700px;
}

body main#primary article {
	width: 700px;
	margin: 0 auto;
}

body.category main {
	padding-bottom: 140px;
}

body.category main#primary article {
	background-color: #f8f8f8;
}

body.category main h1 {
	padding: 20px;
	margin: 0 auto 25px auto;
	width: 700px;
	text-align: center;
	background-color: #f8f8f8;
}

body strong {
	font-weight: 800;
}

div#page {
	overflow: hidden;
	background-color: #f6f6f6;
}

main#primary article div.wrapper div:first-of-type {
	width: 50%;
	display: flex;
}

main#primary article div.wrapper div:last-of-type {
	width: 50%;
	padding: 0 50px;
}

main#primary article div.wrapper div:last-of-type div {
  width: 100%;
  /*padding: 0 50px;*/
}

main#primary article header {
	width: initial;
}

main#primary article header h2 {
	margin: 0;
	padding: 0;
}

main#primary article p {
	padding: 0 30px;
	margin: 0;
}

main#primary article footer {
	background-color: initial;
}

aside#secondary {
	width: 760px;
	margin: 0 auto;
}

/* - - - Global - - - */

body {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	background-color: #202020;
	/*background-image: linear-gradient(to top, rgba(200,200,200,1), rgba(250,250,250,1));
	background-repeat: no-repeat;
	background-attachment: fixed;*/
}

header, main, footer {
	width: 1000px;
	margin: 0 auto;
	padding: 0;
	background-color: inherit;
}

header section,
main section {
	width: 100%;
	margin: 0 auto;
	padding: 0;
}

/* - - - Nav - - - */

header#masthead {
	background-image: url("/wp-content/themes/lakefront/images/map-bg-dark.jpg");
    background-repeat: no-repeat;
   	background-attachment: fixed;
   	background-position: center top;
	background-size: cover;
	padding: 70px 0 380px 0;
	background-color: #202020;
	width: 100%;
	height: auto;
}

header nav {
	/*width: 760px;*/
	margin: 0 auto;
	float: right;
	padding: 0px;
	/*background-color: rgb(210, 210, 210,.28);
	box-shadow: 0 1px 2px #ccc;*/
}

header nav ul {
	/*width: 760px;*/
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 10px 0 12px 0;
	margin: 0;
	/*background-color: #f8f8f8;*/
}

header nav ul li {
	list-style-type: none;
}

header nav ul li a {
	font-family: "Roboto";
	text-decoration: none;
	color: #f9f9f9;
	font-size: 14px;
	font-weight: 500;
	line-height: 1;
	padding: 18px 30px;
	background-color: #404040;
	margin: 0 2px 0 0;
	/*border: 1px solid #353535;
	border-right: 0;
	box-shadow: 0 1px 2px #ccc;*/
}
header nav ul li:last-of-type a {
	/*border-right: 1px solid #353535;*/
	/*box-shadow: 0 1px 2px #ccc;*/
}

header nav ul li a.active {
	background-color: #353535;
	color: #fcfcfc;
}

header nav ul li:last-of-type a {
	margin: 0;
}

header#masthead nav ul li a:hover {
	background-color: #f7f7f7;
	color: #111;
	/*border: 1px solid #353535;
	border-right: 0;*/
}

/*header#masthead nav ul li:last-of-type a:hover {
	border: 1px solid #353535;
	border-right: 1px solid #353535;
	box-shadow: 0 1px 2px #ccc;
}*/

/* - - - Typography - - - */

h1, h2, h3, h4, h5 {
	font-family: "Merriweather";
	font-weight: 900;
}

figcaption {
	font-family: "Merriweather";
}

p, a, li {
	font-family: "Merriweather", Arial, sans-serif;
}

footer p {
	/*font-family: "Roboto", Arial, sans-serif;*/
}

main aside article h3,
main aside article p,
main aside article a {
	font-family: "Roboto", Arial, sans-serif;
}

figure blockquote::before {
    border-top: 1px solid #aaa;
    width: 250px;
    height: 0px;
    content: "";
    display: block;
    clear: both;
    margin: 0 auto;
    text-align: center;
	padding: 75px 0 0 0;
}
figure blockquote::after {
    border-top: 1px solid #aaa;
    width: 250px;
    height: 0px;
    content: "";
    display: block;
    clear: both;
    margin: 0 auto;
	padding: 0;
    text-align: center;
}

figure.wp-block-pullquote {
	margin: 50px 0 70px 0;
	padding: 0;
}

figure.wp-block-pullquote blockquote p {
	font-size: 24px;
	line-height: 1.5;
	font-weight: 900;
	/*color: #aa1f8e;*/
	color: #353535;
	padding: 0 0 14px 0;
	width: 900px;
	margin: 0 auto;
}

figure.wp-block-pullquote blockquote cite {
	font-size: 14px;
	font-weight: 700;
	color: #6a6a6a;
	font-family: "Roboto";
	font-style: normal;
	margin-bottom: 75px;
	display: block;
}

header,
main {
	display: block;
}

main {
	margin-bottom: 100px;
	margin-top: -310px;
	position: relative;
	z-index: 300;
	background-color: #f6f6f6;
	padding-bottom: 0;
}

header div.top-bar {
	width: 1000px;
	margin: 0 auto;
	/*display: flex;*/
	display: block;
}

header div.top-bar div.left {
	/*width: 200px;*/
	width: 1000px;
	/*float: left;*/
	/*display: inline-flex;*/
	display: flex;
	/*align-items: center;*/
}

header div.top-bar div.left div {
	width: 1000px;
}

header div.top-bar div.right {
	/*width: 560px;*/
	width: 1000px;
	/*float: right;*/
	display: flex;
}

header div.left p:first-of-type {
	font-size: 38px;
	line-height: 1;
	font-family: "Roboto Condensed", Helvetica, Arial, sans-serif;
	color: #222;
	padding: 0 0 30px 0;
	margin: 0;
	text-align: center;
	/*text-shadow: 0 1px 2px #ccc;*/
}

header div.left p:first-of-type a {
	color: #fdfdfd;
	font-family: "Merriweather", Helvetica, Arial, sans-serif;
	text-decoration: none;
	line-height: 1;
	font-weight: 900;
	padding: 0;
	margin: 0;
	display: inline-grid;
	/*text-shadow: 0 1px 2px rgba(0,0,0,.15);*/
}

header div.left p:first-of-type a:hover {
	/*color: #1979b3;*/
}

header div.left p span {
	font-size: 16px;
	font-weight: 500;
	line-height: 1;
	margin: 0;
	padding: 8px 0 0 0px;
	color: #e6e6e6;
	text-align: center;
	letter-spacing: .0rem;
	text-shadow: none;
}

main h1 {
	font-size: 36px;
	line-height: 1;
	color: #282828	;
	margin: 100px 0 30px 0;
	padding: 0 125px;
}

main h2 {
	font-size: 28px;
	font-weight: 700;
	line-height: 1;
	color: #282828;
	margin: 75px 0 30px 0;
	padding: 0 125px;
}

main h3 {
	font-size: 18px;
	font-weight: 700;
	line-height: 1;
	color: #282828;
	width: 750px;
	margin: 30px auto 20px auto;
}

main p {
	font-size: 18px;
	font-weight: 400;
	line-height: 1.75;
	margin: 0;
	color: #282828;
	padding: 0 125px 20px 125px;
}

/*.home main p:last-of-type::after {
    border-top: 1px solid #aaa;
    width: 150px;
    height: 0px;
    content: "";
    display: block;
    clear: both;
    margin: 75px auto 0 auto;
    text-align: center;
}*/

/*p::selection,
h1::selection, h2::selection, h3::selection, strong::selection, figcaption::selection,
img::selection, li::selection, a::selection, span::selection {
	background-color: #f9d33d;
	color: #111;
}*/
main p + figure,
main p + div.wp-block-columns {
	padding-top: 50px;
}

main ul {
	padding: 0 125px 20px 160px;
	margin: 0;
}

main ul li {
	font-size: 18px;
	font-weight: 400;
	line-height: 1.5;
	color: #282828;
	padding: 0 0 10px 0px;
}

main figure.wp-block-image figcaption {
	font-size: 14px;
	font-weight: 400;
	line-height: 1.4;
	margin: 10px 0 65px 0;
	padding: 0 125px;
	color: #555;
}

main figure.inline-full-width {
	margin-top: 125px;
}

main figure.inline-full-width img {
	width: 100%;
}

main figure.inline-full-width figcaption {
	margin-bottom: 120px;
}

main p + figure.inline-full-width {
	margin-top: 75px;
}

main figure.full-width figcaption {
	margin-bottom: 100px;	
}

main a {
	color: #1d6e9f;
	text-decoration: none;
	display: initial;
	list-style-type: none;
}

main a:hover {
	text-decoration: underline;
}

main section div.callout p {
	padding: 0;
	margin: 0;
	font-size: 14px;
}

main aside article a {
	display: inherit;
}

/* - - - Homepage Aside - - - */

body.home main div.section-header p {
	width: 700px;
	margin: 120px auto 0 auto;
	text-align: left;
	padding: 0 0 20px 0;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 600;
	border-bottom: 2px solid #343434;
	color: #343434;
	line-height: 1;
	font-family: "Roboto Condensed";
}

body.home main div.homepage-section-header {
	position: relative;
	margin: 60px 0 25px 0;
}

body.home main div.homepage-section-header::before {
	border-top: 1px solid #ccc;
	content: "";
	position: absolute;
	width: calc(50% - 180px);
	top: 50%;
	left: 125px;
	height: 2px;
	margin: 0 auto;
	text-align: center;
}

body.home main div.homepage-section-header::after {
	border-top: 1px solid #ccc;
	content: "";
	position: absolute;
	width: calc(50% - 180px);
	top: 50%;
	right: 125px;
	height: 2px;
	margin: 0 auto;
	text-align: center;
}

body.home main div.homepage-section-header p {
	width: auto;
	margin: 0 auto;
	text-align: center;
	padding: 0;
	font-size: 13px;
	text-transform: uppercase;
	font-weight: 600;
	color: #777;
	line-height: 1;
	font-family: "Roboto Condensed";
}

body.home main section:first-of-type {
	padding: 75px 0 50px 0;
}

body.home main section:last-of-type {
	padding-bottom: 100px;
}

body.home main section {
	width: 1000px;
	margin: 0 auto;
	padding: 85px 0 0 0;
	display: grid;
	flex-direction: row;
	justify-content: space-evenly;
	gap: 15px 15px;
	grid-template-columns: repeat(3, 2fr);
}

body.home main section p:last-of-type::after {
	border: 0;
}

body.home main aside article {
	display: block;
	background-color: inherit;
	width: inherit;
	align-items: inherit;
}

body.home main section ul {
	padding: 0;
	margin: 0;
	/*border-top: 1px dotted #aaa;*/
	list-style-type: none;
}

body.home main section ul li {
	font-size: 14px;
	font-weight: 500;
	line-height: 1;
	margin: 0 24px;
	border-top: 1px solid #f2f2f2;
	padding: 0;
}

body.home main section ul li:last-of-type {
	border-bottom: none;
}

body.home main section aside article div a {
	margin: 2px -22px;
	padding: 20px 24px;
	display: block;
	background-color: initial;
	border: 0;
	width: auto;
	/*transition-property: padding;
	transition-duration: .25s;
	transition-timing-function: ease;*/
}

body.home main section aside article div a:hover {
	text-decoration: none;
	background-color: #f0f0f0;
	/*transition-property: padding;
	transition-duration: .25s;
	transition-timing-function: ease;*/
}

body.home main aside {
	width: 100%;
	margin: 0;
}

body.home main aside article figure,
body.home main aside article div {
	width: 100%;
	padding: 0;
	margin: 0;
}

body.home main aside article div {
	padding: 0;
	border-left: 1px solid #eaeaea;
	border-right: 1px solid #eaeaea;
	border-bottom: 1px solid #eaeaea;
	background-color: #fdfdfd;
}

body.home main aside article figure img {
	border: 0;
}

body.home main aside article figure a {
	border: 0;
}

body.home main aside article figure a:hover {
	border: 0;
}

body.home main aside article div h3,
body.home main aside article div p {
	padding: 0 25px;
}

body.home main aside article div h3 {
	padding: 25px 25px 0 25px;
	width: auto;
}

body.home main aside article div p {
	min-height: 65px;
}

body.home main aside:last-of-type {
	padding: 0;
}

/* - - - Content Aside - - - */

main div.section-header p {
	width: 750px;
	margin: 120px auto 0 auto;
	text-align: left;
	padding: 0 0 20px 0;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 600;
	border-bottom: 2px solid #343434;
	color: #343434;
	line-height: 1;
	font-family: "Roboto Condensed";
}

main aside {
	width: 794px;
	margin: 0 auto 15px auto;
	display: flex;
}

main aside:first-of-type {
	/*border-top: 4px solid #f0f0f0;
	padding-top: 100px;*/
	margin-top: 25px;
}

main aside.coming-soon:first-of-type {
	margin-top: 20px;
}

main aside:last-of-type {
	padding-bottom: 100px;
	margin-bottom: 0;
}

main aside.coming-soon:last-of-type {
	padding-bottom: 30px;
}

main aside article {
	display: inline-flex;
	background-color: initial;
	width: 794px;
	align-items: center;
}

main aside article a {
	background-color: #fafafa;
	border: 2px solid #eee;
	width: 100%;
}

main aside article a:hover p:last-of-type {
	/*text-decoration: underline;*/
}

main aside article a:hover {
	text-decoration: none;
	border: 2px solid #424242;
}

main aside article a figure {
	overflow: visible;
}

/*main aside article a:hover p,
main aside article a:hover p:last-of-type,
main aside article a:hover h3 {
	color: #fcfcfc;
}*/

main aside article a figure img {

}

main aside article a:hover figure img {

}

main aside article a h3,
main aside article a p {
	color: #282828;
}

main aside article a p:first-of-type {
	padding-bottom: 10px;
}

main aside article a p:last-of-type {
	font-weight: 500;
	color: #1979b3;
}

main aside article a:hover p:last-of-type {
	/*text-decoration: underline;*/
}

main aside article figure {
	width: 50%;
	padding: 0;
	margin: 0;
}

main aside article figure img {
	width: 100%;
	padding: 0;
	margin: 0;
	border-left: 20px solid #f8f8f8;
	border-top: 20px solid #f8f8f8;
	border-bottom: 20px solid #f8f8f8;
	border-right: 4px solid #f8f8f8;
}

main aside article div {
	width: 50%;
	/*align-items: center;*/
	align-self: center;
	text-align: left;
	/*background-color: #f8f8f8;*/
	position: relative;
	z-index: 1000;
	padding: 25px 0;
}

main aside.coming-soon article div {
	text-align: center;
	width: 100%;
	padding: 50px 0;
}

main aside.coming-soon article div h3 {
	color: #555;
	margin: 0 0 4px 0;
}

main aside.coming-soon article div p {
	color: #5f5f5f;
	font-size: 14px;
}

main aside article div h3,
main aside article div p {
	padding: 0 30px;
}

main aside article div h3 {
	font-size: 18px;
	margin: 0 0 10px 0;
	border: 0;
	width: auto;
}

main aside article div p {
	font-size: 15px;
	line-height: 1.5;
	margin: 0;
}

main aside article div a {
	display: block;
	margin: 20px 50px 0 50px;
	padding: 0;
}

body.blog main article .wrapper h3 {
	font-size: 22px;
	line-height: 1;
	color: #282828;
	padding: 0 0 10px 0;
}

body.blog main article .wrapper p {
	padding: 0;
	margin: 0;
	font-size: 16px;
	line-height: 1.5;
	font-weight: 400;
	color: #282828;
}

body.blog main#primary article .wrapper p:last-of-type {
	padding: 10px 0 0;
	font-weight: 500;
	color: #1979b3;
}

/* - - - Images - - - */

figure {
	width: 100%;
	height: auto;
	padding: 0;
}

figure.full-width img {
	width: 100%;
	height: auto;
	display: flex;
	padding: 0;
}

figure img {
	width: calc(100% - 250px);
	height: auto;
	padding: 0;
	margin: 0 auto;
	display: flex;
	background-color: #f6f6f6;
}

figure.vertical-image {
	width: 450px;
	height: auto;
	margin: 0 auto;
}

figure.vertical-image img {
	width: calc(100%);
	height: auto;
	padding: 0;
	margin: 0 auto;
	display: flex;
}

main figure.vertical-image figcaption,
main figure.wp-block-image.vertical-image figcaption {
	text-align: center;
	padding: 0;
}

html body div#page.site main div.wp-block-columns {
	display: flex;
	gap: 2px;
	width: 700px;
	margin: 0 auto;
}

html body div#page.site main div.wp-block-columns div.wp-block-column figure img {
	width: 100%;
	padding: 0;
}

html body div#page.site main div.wp-block-columns div.wp-block-column figure figcaption {
	padding: 0 50px 0 0;
}

figure figcaption span,
figure figcaption span a {
	font-size: 12px;
	color: #777;
	font-family: "Roboto Condensed";
}

/* - - - Inline images - - - */

figure.inline-image-left,
figure.inline-image-right {
	width: 300px;
	padding: 0;
}

figure.inline-image-left.small,
figure.inline-image-right.small {
	width: 280px;
	padding: 0;
}

figure.inline-image-left {
	float: left;
	margin: 8px 30px 35px 0px;
}

figure.inline-image-right {
	float: right;
	margin: 8px 115px 25px 25px;
}

figure.inline-image-left img,
figure.inline-image-right img {
	width: 100%;
}

main figure.inline-image-left figcaption,
main figure.inline-image-right figcaption {
	padding: 8px 0 0 0;
	margin: 0;
}

/* - - - Footer Callouts - - - */

footer#callouts {
	background-color: #2f2f2f;
	padding: 50px 0 50px;
}

footer#callouts h3 {
	padding: 0 0 10px 0;
}

footer#callouts p {
	padding: 0 0 25px 0;
}

footer#callouts ul li a {
	text-decoration: none;
	color: #f6f6f6;
	font-size: 15px;
	line-height: 1;
	padding: 10px 16px;
	display: initial;
	background-color: rgba(255,255,255,.05);
	border-bottom: 0;
	margin: 0 0 5px 0;
	font-weight: 500;
    transition-property: background-color;
    transition-duration: .5s;
    transition-timing-function: ease;
}

footer#callouts.single {
	padding: 0;
	text-align: center;
	display: block;
	width: 1000px;
}

footer#callouts.single section {
	width: 700px;
	margin: 0 auto;
	padding: 50px 0 55px;
}

footer#callouts.single h3 {
	text-align: center;
}

/* - - - Footer - - - */

footer {
	padding: 0;
	background-color: inherit;
	width: 1000px;
	/*background-image: url("/wp-content/themes/lakefront/images/map-bg-dark.jpg");*/
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center top;
	background-size: cover;
	height: auto;
	margin: -100px auto 0 auto;
	z-index: 5000;
	position: relative;
}

footer div.footer-container {
	padding: 100px 0 100px 0;
	position: relative;
	width: 1000px;
	display: grid;
	flex-direction: row;
	justify-content: space-evenly;
	gap: 40px 40px;
	grid-template-columns: repeat(2, 1fr);
	flex-wrap: wrap;
	margin: 0 auto;
	background-color: #202020;
}

footer div section {
	grid-column: span 1;
}

footer section.support {
	width: 700px;
	margin: 0 auto;
	grid-column: span 2;
	/*border: 4px solid #333;*/
	border-top: 5px solid #313131;
	border-bottom: 5px solid #313131;
	padding: 50px 0 51px 0;
	text-align: center;
}

footer section.support h4,
footer section.support p,
footer section.support a {
	text-align: center;
}

footer section.support h4 {
	padding-bottom: 8px;
	text-transform: uppercase;
	font-size: 16px;
	color: #ececec;
	line-height: 1;
}

footer section.support p:last-of-type {
	padding-bottom: 15px;
}

footer section:nth-child(1),
footer section:nth-child(3),
footer section:nth-child(5) {
	padding: 0 0 0 125px;
}

footer section:nth-child(2),
footer section:nth-child(4),
footer section:nth-child(6) {
	padding: 0 125px 0 0;
}

footer h3 {
	font-size: 24px;
	text-align: left;
	line-height: 1;
	color: #f6f6f6;
	padding: 0 0 25px 0;
	margin-bottom: 0;
}

footer h3:nth-child(4),
footer h3:nth-child(7) {
	padding-top: 50px;
}

footer ul {
	padding: 0;
	margin: 0;
}

footer ul li {
	list-style-type: none;
	display: flex;
}

footer ul li:last-of-type {
	border-bottom: 0px solid rgba(0,0,0,.08);
}

footer ul li a {
	text-decoration: none;
	color: #f6f6f6;
	font-size: 15px;
	line-height: 1;
	padding: 18px 0 18px 25px;
	display: block;
	background-color: rgba(255,255,255,.05);
	border-bottom: 0;
	margin: 0 0px 3px 0;
	font-weight: 500;
    transition-property: background-color;
    transition-duration: .5s;
    transition-timing-function: ease;
	float: left;
	width: 100%;
}

footer ul li a:hover {
	background-color: rgba(255,255,255,.2);
    transition-property: background-color;
    transition-duration: .25s;
    transition-timing-function: ease;
}

footer ul li a:visited {
	color: #f6f6f6;
}

footer section p {
	color: #ececec;
	font-size: 14px;
	line-height: 1.75;
	padding: 0 0px 16px 0;
}

footer section p a {
	color: #f4f4f4;
	text-decoration: none;
}

footer section p:first-of-type {
	/*margin-top: 4px;*/
}

footer section p:last-of-type {
	padding-bottom: 25px;
}

footer section aside p {
	font-size: 12px;
	line-height: 1.4;
	padding: 10px 0 0 0;
	color: #9b9b9b;
	background-color: rgba(255,255,255,.0);
}

footer section aside p a {
	color: #8a8a8a;
	text-decoration: underline;
}

footer section aside p a:visited {
	color: #8a8a8a;
}

footer section a.btn {
	background-color: #333;
	color: #f9f9f9;
	text-decoration: none;
	padding: 10px 20px;
	font-weight: 500;
	font-size: 15px;
	display: inline-grid;
}

/* - - - Helpers - - - */

.center {
	text-align: center;
}

.mobile-only,
.mobile-only-text {
	display: none;
}

/* - - - Background Colors - - - */

.dark-blue {
	background-color: #0b192f;
}

.dark-gray {
	background-color: #444;
}

.teal {
	background-color: #074259;
}

/* - - - Artwork Scroll Gallery - - - */

section.artwork-carousel {
	display: -webkit-box;
	display: -ms-flexbox;
	display: inline-flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: row;
	height: 500px;
	overflow-x: scroll;
	overflow-y: hidden;
	scrollbar-width: none;
	padding: 0;
}

section.artwork-carousel .wrapper {
	position: relative;
}

section.artwork-carousel .wrapper .gallery {

}

section.artwork-carousel .wrapper .gallery .artworks {
	width: min-content;
		display: flex;
}

section.artwork-carousel .wrapper .gallery .artworks img {
	height: 500px;
	padding: 0 4px 0 0;
}

section.artwork-carousel .wrapper .gallery .artworks img:first-of-type {
}

section.artwork-carousel .wrapper .gallery .artworks img:last-of-type {
	padding: 0;	
}

/* - - - Book Recommendations - - - */

div.wp-block-media-text {
	width: 750px;
	margin: 0px auto 60px auto;
	grid-template-columns: 30% 70%;
	gap: 0;
	border-top: 2px solid #dadada;
	padding: 60px 0 0px 0;
}

p + div.wp-block-media-text {
	border-top: 0;
	padding: 40px 0 60px 0;
	margin: 0 auto;
}

div.wp-block-media-text + h2 {
	margin-top: 150px;
}

div.wp-block-media-text figure.wp-block-media-text__media {
	align-self: normal;
}

div.wp-block-media-text div.wp-block-media-text__content {
	padding: 0 0 0 40px;
	align-self: normal;
}

div.wp-block-media-text h3 {
	font-size: 18px;
	line-height: 1.25;
	padding: 0;
	margin: 0;
	width: auto;
}

div.wp-block-media-text p:first-of-type {
	font-size: 14px;
	font-weight: 600;
	line-height: 1.25;
	padding: 6px 0 15px 0;
	margin: 0;
	color: #666;
}

div.wp-block-media-text p:last-of-type {
	font-size: 15px;
	font-weight: 600;
	line-height: 1;
	padding: 25px 0 10px 0;
	margin: 0;
}

div.wp-block-media-text p {
	padding: 0;
	margin: 0;
	line-height: 1.5;
	font-size: 16px;
}

div.wp-block-media-text ul {
	padding: 0;
	margin: 0 0 0 25px;
}

div.wp-block-media-text ul li {
	padding: 0 0 6px 0;
	margin: 0;
	line-height: 1;
	font-size: 15px;
}

div.wp-block-media-text ul li:last-of-type {
	padding: 0;
}

/* - - - Footer Grid - - - */

/*.container {  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr 1fr;
  gap: 2px 2px;
  grid-auto-flow: row;
  grid-template-areas:
    "lakefront-nature human-impacts"
    "history resources"
    "blog about"
    "support search";
}*/

.container {  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr;
  gap: 2px 2px;
  grid-auto-flow: row;
  grid-template-areas:
    "lakefront-nature human-impacts"
    "history resources"
    "about support"
}

.lakefront-nature { grid-area: lakefront-nature; }

.human-impacts { grid-area: human-impacts; }

.history { grid-area: history; }

.resources { grid-area: resources; }

.blog { grid-area: blog; }

.about { grid-area: about; }

.support { grid-area: support; }

.search { grid-area: search; }


footer section div.container div {
	background-color: initial;
}

footer section div.container div a {
	font-family: "Roboto";
	background-color: #3e3e3e;
	padding: 38px 0;
	color: #f9f9f9;
	font-size: 14px;
	line-height: 1;
	text-decoration: none;
	display: block;
	text-align: center;
	font-weight: 500;
    transition-property: background-color;
    transition-duration: .5s;
    transition-timing-function: ease;
}

footer section div.container div a:hover {
	background-color: #484848;
    transition-property: background-color;
    transition-duration: .25s;
    transition-timing-function: ease;
}

/* - - - Section Resource List - - - */

dd {
	margin: 0;
	padding: 0 0px 15px 0px;
	background-color: initial;
}

dd + dd {
	padding: 0 0px 25px 0px;
}

section.resource-list {
	width: 750px;
	margin: 0 auto 50px auto;
	border-bottom: 2px solid #d9d9d9;
	/*border: 1px solid #ddd;*/
}

section.resource-list dl dt {
	border-top: 2px solid #d9d9d9;
	background-color: initial;
	padding: 25px 0px 5px 0px;
	margin: 0px 0 0 0;
}

section.resource-list dl dt:first-of-type {
	border-top: 2px solid #d9d9d9;
}

html body.page-template section.resource-list dl dt dd {
	padding: 0 0px 25px 0px;
	background-color: initial;
	margin: 0;
}

html body.page-template section.resource-list dl dt dd:last-of-type {
	padding: 0 0px 25px 0px;
	background-color: #f00;
	margin: 0;
}

html body.page-template section.resource-list dl a {
	font-family: "Roboto";
}


/* - - - Grid Gallery - - - */

section.image-grid {
	width: 760px;
	margin: 0 auto;
	padding: 0;
}

section.image-grid .container {  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr 1fr;
  gap: 2px 2px;
  grid-auto-flow: row;
  grid-template-areas:
    "image-one image-one image-one image-one image-two image-two"
    "image-one image-one image-one image-one image-two image-two"
    "image-three image-three image-four image-four image-four image-four"
    "image-three image-three image-four image-four image-four image-four";
}

section.image-grid .container .image-one { 
	grid-area: image-one;
}

section.image-grid .container .image-two { 
	grid-area: image-two;
}

section.image-grid .container .image-three {
	grid-area: image-three;
}

section.image-grid .container .image-four {
	grid-area: image-four;
}

section.image-grid .container .image-one img,
section.image-grid .container .image-four img {
	width: 100%;
	display: flex;
}

section.image-grid .container .image-two img,
section.image-grid .container .image-three img {
	width: 100%;
	height: 100%;
	object-fit: cover;
		-o-object-fit: cover;
	object-position: 50% 0;
		-o-object-position: 50% 0;
}

/* - - - Image Grid Two - - - */

section.image-grid-two {
	width: 760px;
	margin: 0 auto;
	padding: 0;
}

section.image-grid-two .container { 
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 1fr;
	gap: 2px 2px;
	grid-auto-flow: row;
	grid-template-areas: "image-one image-two";
}

section.image-grid-two .container .image-one {
	grid-area: image-one;
}

section.image-grid-two .container .image-two {
	grid-area: image-two;
}

section.image-grid-two .container .image-one img,
section.image-grid-two .container .image-two img {
	width: 100%;
	display: flex;
}

/* - - - Blog - - - */
body.blog div.blog-header {
	padding: 40px;
	width: 700px;
	background-color: #f8f8f8;
	color: #444;
	font-size: 40px;
	line-height: 1;
	font-weight: 800;
	text-align: center;
	margin: 0 auto 40px auto;
	font-family: 'Roboto Condensed';
}
body.single main {
	padding-bottom: 100px;
}

body.blog main#primary article {
	margin-bottom: 25px;
	padding: 0;
	width: 700px;
	display: flex;
}

body.blog main#primary article div.wrapper {
	background-color: #f3f3f3;
	width: 700px;
}

body.blog main article div.wrapper header {
	background-color: initial;
}

body.blog main#primary.site-main article h2.entry-title {
	font-size: 22px;
	padding: 0 50px;
}

body.blog main article div.wrapper a img {
	display: flex;
}

body.blog main#primary article:last-of-type {
	padding: 0;
	margin-bottom: 0;
}

body main.site-main nav.posts-navigation {
	margin: 0;
}

body.blog nav.navigation.posts-navigation {
	width: 700px;
	margin: 0 auto;
	padding: 0 0 140px 0;
}

body main.site-main nav.posts-navigation div.nav-links div a {
	padding: 20px;
	color: #fefefe;
	font-weight: 500;
	font-size: 14px;
	background-color: #555;
	width: 99.6%;
	display: block;
	text-decoration: none;
	text-transform: capitalize;
	/*border-bottom: 2px solid #fefefe;*/
}

body main.site-main nav.posts-navigation div.nav-links div a:hover {
	background-color: #222;
}

body main.site-main nav.posts-navigation div.nav-links div a:first-of-type {
	/*border-right: 1px solid #fefefe;*/
}

body main.site-main nav.posts-navigation div.nav-links div a:last-of-type {
	/*border-left: 1px solid #fefefe;*/
}

aside#secondary {
	width: 1000px;
	background-color: #333;
	padding: 60px 100px 58px 100px;
	margin: 0 auto;
	text-align: center;
	/*border-bottom: 2px solid #fefefe;*/
}

aside#secondary h3 {
	color: #fefefe;
	font-size: 20px;
	line-height: 1;
	padding: 0 0 12px 0;
	margin: 0;
}

aside#secondary section {
	margin: 0;
}

aside#secondary ul {
	padding: 0;
	margin: 0;
	width: 700px;
	margin: 0 auto;
	display: flex;
	text-align: center;
	justify-content: center;
	flex-wrap: wrap;
}
aside#secondary ul li {
	padding: 0;
	margin: 0 2px 2px 0;
	list-style-type: none;
}
aside#secondary ul li:last-of-type {
	margin: 0 0px 2px 0;
}
aside#secondary ul li a {
	background-color: rgba(255,255,255,.05);
	color: #fefefe;
	padding: 15px 25px;
	text-decoration: none;
	display: block;
	font-size: 14px;
	font-weight: 500;
	transition-property: background-color;
	transition-duration: .5s;
	transition-timing-function: ease;
}

aside#secondary ul li a:hover {
	background-color: rgba(255,255,255,.2);
	transition-property: background-color;
	transition-duration: .25s;
	transition-timing-function: ease;
}

/* - - - Search Page - - - */

main div.search,
main div.search-sitemap {
	width: 700px;
	margin: 0 auto;
}

main div.search {
	margin: 0 auto;
	padding: 125px 0 0 0;
	text-align: center;
	font-family: "Roboto Condensed";
}

main .search section {
	background-color: #f0f0f0;
	padding: 50px 25px;
	margin: 0 0 125px 0;
}

main .search section h1 {
	padding: 0 0 14px 0;
	margin: 0;
}

main div.search form label input.search-field {
	background-color: #f9f9f9;
	border: 1px solid #ddd;
	color: #252525;
}

main div.search form input {
	border-radius: 0;
    padding: 12px 18px;
    margin: 0;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    background-color: #369;
    color: #f9f9f9;
    line-height: 1;
    border: 2px solid #369;
}

main div.search form input.search-submit:hover {
	cursor: pointer;
	border: 2px solid #369;
}

main .search-sitemap {
	display: grid;
	flex-direction: row;
	justify-content: space-evenly;
	gap: 0px 50px;
	grid-template-columns: repeat(2, 1fr);
}

main .search-sitemap section {
	width: 100%;
	margin: 0;
	padding: 0;
}

main .search-sitemap section p {
	padding: 0;
	margin: 0 0 34px 0;
	font-size: 14px;
	text-transform: uppercase;
}

main .search-sitemap section ul {
	padding: 0 0 50px 0;
	border-top: 1px solid #888;
}

main .search-sitemap section ul li ul {
	padding: 15px 0 0 25px;
	border-top: 0;	
}

main .search-sitemap section:last-of-type ul {
	padding: 0 0 150px 0;
}

main .search-sitemap section ul li {
	padding: 10px 0;
	margin: 0;
	list-style-type: none;
	border-bottom: 1px solid #ddd;
}

main .search-sitemap section ul li a {
	padding: 10px 0;
	font-size: 16px;
}

body.search main.site-main article {
	display: grid;
	flex-direction: row;
	justify-content: space-evenly;
	gap: 0px 50px;
	grid-template-columns: repeat(2, 1fr);
	padding: 0 0 100px 0;
}


/* - - - Content Template - - - */

body.page-template-content main {
	margin-bottom: 0px;
}

.support-container {
	width: 750px;
	margin: 0 auto;
	padding: 50px 0 0 0;
}

/* - - - Mobile Styles - - - */

@media only screen and (max-width: 1000px) {
	body {
		background-image: none;
	}
	.mobile-only {
		display: block;
	}
	.mobile-only-text {
		display: initial;
	}
	.desktop-only {
		display: none;
	}
	header, main, footer, footer div, main ul {
		width: 100%;
	}
	main {
		margin: 0;
		padding-bottom: 0px;
	}
	p, h1, h2, h4, h5, figcaption {
		padding: 0 12vw;
	}
	main h3 {
		font-size: 15px;
		font-weight: 800;
		line-height: 1;
		color: #282828;
		width: auto;
		margin: 35px 0 20px 0;
		padding: 0 34px;
	}
	header, main {
		background-color: #f5f5f5;
	}
	header#masthead {
		padding: 20px 0;
		box-shadow: 0 1px 4px rgba(0,0,0,.35);
		position: relative;
		background-image: none;
		z-index: 3500;
	}
	/* - - - Mobile Homepage - - - */
	body.home main section {
		width: 100vw;
		margin: 0 auto;
		padding: 0 40px;
		display: grid;
		flex-direction: row;
		justify-content: space-evenly;
		gap: 0 0;
		grid-template-columns: repeat(1, 1fr);
	}
	body.home main section:first-of-type {
		padding: 14px 34px 0 34px;
		margin-top: 0px;
	}
	body.home main section aside {
		padding: 0;
		margin-bottom: 34px;
	}
	body.home main aside article div p {
		min-height: 0;
		padding-bottom: 20px;
	}
	body.home .homepage-section-header {
		width: 90vw;
		width: 100vw;
		margin: 0 auto;
		padding: 0 25px;
		display: none;
	}
	body.home main div.homepage-section-header p {
		width: 100%;
		margin: 0;
		padding: 0;
	}
	body.home main section aside article div a {
		margin: 0px -22px;
	}
	body.home main section aside article div ul li:last-of-type a {
		padding: 20px 24px 24px 24px;
	}
	/* - - - Mobile Nav - - -*/
	header div.top-bar {
		/*display: grid;
		flex-direction: row;
		gap: 0;*/
		justify-content: space-evenly;
		grid-template-columns: repeat(3, 1fr);
		flex-wrap: wrap;
		padding: 0;
		align-items: center;
		width: 100vw;
	}
	header div.top-bar div.left {
		grid-column: span 1;
		width: 100vw;
		padding: 0 34px;
	}
	header div.top-bar div.right {
		grid-column: span 1;
		width: 100vw;
		float: initial;
	}
	header div.top-bar div.left div {
		width: initial;
		display: grid;
		align-content: center;
	}
	header div.top-bar div.left div:last-of-type {
		margin: 0 0 0 auto;
	}
	main h2 {
		padding: 25px 34px 20px 34px;
		margin: 0;
		font-size: 19px;
		font-weight: 800;
	}
	footer h3 {
		padding: 0 12vw;
	}
	article section p.intro {
		font-size: 14px;
		font-weight: 400;
		line-height: 1.5;
		margin: 0 0 50px 0;
		color: #575757;
	}
	main p,
	main figure.wp-block-image figcaption {
		padding: 0 34px;
		font-size: 12px;
	}
	main p {
		margin: 0 0 15px 0;
	}
	figure {
		width: 100%;
		height: auto;
		margin-bottom: 6vw;
	}
	figure img {
		width: 100%;
		height: auto;
	}
	figure img {
		width: 100vw;
		height: auto;
		padding: 0 34px;
	}
	figure img.mobile-full-width {
		width: 100vw;
		height: auto;
		padding: 0;
	}
	main figcaption {
		/*margin: 8px 0 12vw 0;*/
		margin: 8px 0 0 0;
	}
	main figure.full-width figcaption {
	  margin-bottom: 10vw;
	}
	html body div#page.site main div.wp-block-columns {
		display: block;
		gap: 2px;
		width: 100vw;
		margin: 0 auto;
	}

	html body div#page.site main div.wp-block-columns div.wp-block-column figure img {
		width: 80vw;
		padding: 0;
	}

	html body div#page.site main div.wp-block-columns div.wp-block-column figure figcaption {
		padding: 0 10vw;
	}
	figure.vertical-image {
	  width: 100%;
	  height: auto;
	}
	figure.vertical-image img {
		padding: 0 30px;
	}
	figure.vertical-image figcaption {
		padding: 0;
		text-align: left;
	}
	main figure.wp-block-image figcaption {
		margin: 8px 0 35px 0;
	}
	
	main figure.wp-block-image.full-width figcaption {
		margin: 12px 0 50px 0;
	}
	
	main p + figure,
	main p + div.wp-block-columns {
		padding-top: 15px;
	}
	main ul {
		padding: 0 0 15px 0;
	}
	/* - - - Mobile Nav - - - */
	header div.left p:first-of-type {
	  font-size: 15px;
	  font-weight: 700;
	  line-height: 1;
	  color: #444;
	  padding: 0;
	  text-align: left;
	}
	/*header div.left p:last-of-type {
		font-size: 14px;
		font-weight: 500;
		line-height: 1;
		color: #444;
		padding: 0 0 32px 0;
		display: none;
	}*/
	header div.left p span {
		/*display: none;*/
		font-size: 10px;
		padding-top: 5px;
		text-align: left;
	}
	header div.menu-button {
		margin: 20px auto 50px auto;
	}
	header div.menu-button p {
		padding: 0;
	}
	header nav {
		width: 100%;
	}
	header nav ul {
		width: 100vw;
		display: block;
		margin: 30px auto 18px auto;
		background-color: initial;
		padding: 0 34px;
	}
	header nav ul li {
		text-align: center;
		padding: 0;
		margin-bottom: 4px;
		background-color: initial;
	}
	header nav ul li:last-of-type {
		margin: 0;
	}
	header nav ul li a {
		/*color: #f9f9f9;*/
		font-size: 14px;
		padding: 24px 0;
		display: block;
		background-color: #2f2f2f;
		margin: 0 0 6px 0;
		border-radius: 6px;
	}
	#menu {
		max-height: 0;
		overflow: hidden;
	    transition-property: max-height;
	    transition-duration: 0.3s;
	    transition-timing-function: ease;
	}
	#menu.menu-display {
	    transition-property: max-height;
	    transition-duration: 0.6s;
	    transition-timing-function: ease;
	}
	header .nav-btn.nav-btn-close p::before {
		/*content: "Close ";*/
	}
	header .nav-btn {
		text-align: center;
		/*width: 76vw;*/
		margin: 0 auto;
		padding-bottom: 0;
	}
	header .nav-btn button {
		text-align: center;
		padding: 14px 20px;
		background-color: #363636;
		color: #fefefe;
		font-family: "Roboto";
		font-size: 11px;
		font-weight: 500;
		text-transform: uppercase;
		border-radius: 6px;
		border: 0;
	    transition-property: all;
	    transition-duration: 0.25s;
	    transition-timing-function: ease;
	}
	header .nav-btn.nav-btn-close p:last-of-type {
		background-color: #999;
		color: #f9f9f9;
		border: 1px solid #fff;
	}
	header .nav-btn.nav-btn-close button {
		color: #111;
		background-color: #f7f7f7;
	    transition-property: all;
	    transition-duration: 0.25s;
	    transition-timing-function: ease;
	}
	header .nav-btn.nav-btn-close button::before {
		content: "Close ";
	}
	header .nav-btn:hover {
		cursor: pointer;
	}
	/* - - - Main Aside - - - */
	body.page-parent main section.section-pages {
		background-color: initial;
		padding: 0;
		margin: 0;
	}
	main section.section-pages {
		background-color: #f1f1f1;
		padding: 6px 0 0 0;
		margin: 60px 0 0 0;
	}
	/*main section.section-pages::before {
		content: "";
		width: calc(100% - 272px);
		height: 1px;
		background-color: #d9d9d9;
		padding: 0;
		margin: 100px auto 110px auto;
		display: block;
	}*/
	main div.section-header p {
		width: 80vw;
	}
	main aside {
		width: 100vw;
		margin: 0 auto 18px auto;
		padding: 0 34px;
	}
	main aside:first-of-type {
		border-top: 0;
		padding-top: 0vw;
		margin-top: 34px;
	}
	body.page-parent main section.section-pages aside:first-of-type {
		margin-top: 28px;
	}
	main aside:last-of-type {
		padding-bottom: 34px;
		margin-bottom: 0;
	}
	main aside article {
		display: block;
		width: 100%;
		background-color: initial;
		box-shadow: 0 1px 4px rgba(0,0,0,.08);
		border-radius: 8px;
	}
	main aside article figure {
		width: 100%;
	}
	main aside article a {
		border: 0;
		background-color: initial;
	}
	main aside article a:hover {
	  text-decoration: none;
	  border: 0px solid #424242;
	}
	body.home main aside article div {
		border: 0;
	}
	main aside article div {
		width: 100%;
		background-color: #fdfdfd;
		border: initial;
		text-align: center;
		/*border-bottom-left-radius: 8px !important;
		border-bottom-right-radius: 8px !important;*/
	}
	main aside.coming-soon article div {
		width: 100%;
		background-color: #f5f5f5;
	}
	main aside article div h3 {
		padding: 0 25px;
		font-size: 18px;
	}
	main aside article div p {
		padding: 0px 30px;
		font-size: 14px;
		line-height: 1.4;
	}
	main aside article div a {
		display: block;
		margin: 0;
		padding: 4vw 8vw 8vw 8vw;
		font-size: 14px;
		font-weight: 500;
	}
	main div.section-header p {
		width: auto;
		margin: 140px 34px 0 34px;
		padding: 52px 0 10px 0;
		text-align: center;
		border-bottom: 0;
  	}
	/*main div.section-header p:before {
		content: "";
	    width: 120px;
	    height: 2px;
	    background-color: #343434;
	    display: block;
	    text-align: center;
	    margin: 0px auto 25px auto;
	    padding: 0;
	}*/
	main div.section-header p:after {
		content: "";
	    width: 40px;
	    height: 1px;
	    background-color: rgba(0,0,0,.1);
	    display: block;
	    text-align: center;
	    margin: 25px auto 0px auto;
	    padding: 0;
	}
	main aside article figure img {
		border: 0;
		/*border-top-left-radius: 8px;
		border-top-right-radius: 8px;*/
	}
	/* - - - Blog - - - */
	body.blog main#primary article {
		padding: 0;
		width: 100vw;
		background-color: #fafafa;
	}
	body.blog main#primary article .wrapper {
		display: initial;
		width: 100%;
	}
	body.blog main#primary article .wrapper div:first-of-type {
		width: 100%;
	}
	body.blog main#primary article .wrapper div:last-of-type {
		width: 100%;
	}
	body.blog main#primary article div.wrapper {
		width: 80vw;
	}
	body.blog div.blog-header {
		padding: 40px;
		width: 100vw;
		color: #fefefe;
		font-size: 30px;
		line-height: 1;
		font-weight: 800;
		text-align: center;
		margin: 0 auto 40px auto;
		font-family: 'Roboto Condensed';
	}
	body.blog main#primary article {
		display: initial;
	}
	aside#secondary {
	  width: 100vw;
	  padding: 10vw 0;
	  margin: 0 auto;
  	}
	aside#secondary ul {
		width: 80vw;
	}
	body.single main {
	  padding-bottom: 10vw;
	}
	body.blog nav.navigation.posts-navigation {
		width: 80vw;
		padding: 0 0 6vw 0;
	}
	body.blog main#primary article:last-of-type {
		padding: 0;
		margin-bottom: 0;
	}
	/* --- Resource List --- */
	section.resource-list {
		width: 100vw;
		padding: 0 40px;
		margin: 0 auto 35px auto;
		border-bottom: 0px solid #ccc;
	}
	/* - - -  - - - */
	body.page-template-content main {
		padding-bottom: 8vw;
	}
	/* - - - Search - - - */
	main div.search {
   		width: 100vw;
   		margin: 0 auto;
   		padding: 0;
   	}
	main div.search-sitemap {
		width: 100vw;
		margin: 0 auto;
		padding: 0 50px;
	}
	main .search-sitemap {
		display: grid;
		flex-direction: row;
		justify-content: space-evenly;
		gap: 0px 50px;
		grid-template-columns: repeat(1, 1fr);
	}
	main .search section {
		margin: 0 0 15vw 0;
	}
	/* - - - Resources List - - - */
	section.resource-list dl dt {
		padding: 25px 0px 5px 0px;
		font-size: 15px;
	}
	section.resource-list dl dd {
		padding: 0px 0px 15px 0px;
		font-size: 15px;
	}
	main section.resource-list dl dd a {
		display: block;
		padding-bottom: 10px;
	}
	section.resource-list dl dd:last-of-type {
		border-bottom: 2px solid #d9d9d9;
	}
	/* - - - Footer - - - */
	footer {
		display: block;
		margin: 0;
	}
	footer div.footer-container {
		width: 100%;
		display: block;
		padding: 0;
	}
	footer ul {
		padding: 0 50px;
	}
	footer ul li {
		border-bottom: 0;
	}
	footer section p {
		font-size: 14px;
	}
	footer section:nth-child(1),
	footer section:nth-child(2),
	footer section:nth-child(3),
	footer section:nth-child(4) {
		padding: 0;
	}
	footer section h3 {
		background-color: rgba(255,255,255,.0);
		padding: 50px 34px 0 34px;
	}
	footer section p {
		padding: 14px 34px 0 34px;
		line-height: 1.65;
		background-color: rgba(255,255,255,.0);
		text-align: center;
	}
	footer section p:last-of-type {
		padding-bottom: 0;
	}
	footer section:last-of-type {
		padding-bottom: 54px;
	}
	footer section aside p {
		padding: 10px 40px 0 40px;
		font-size: 10px;
		line-height: 1.6;
		color: #9b9b9b;
		background-color: inherit;
	}
	footer section aside:first-of-type p {
	
	}
	footer section div.container div a {
		padding: 24px 0;
		margin: 0 0 6px 0;
		border-radius: 6px;
		background-color: #2f2f2f;
	}
	footer section div.container div a:hover {
		background-color: #f7f7f7;
		color: #111;
	}
	.container { 
		display: block;
		width: 100vw;
		margin: 34px auto 34px auto;
		padding: 0 34px;
	}
	.container a {
		margin-bottom: 4px;
	}
	/* - - - Mobile Typography - - - */
	main h1 {
		font-size: 21px;
		padding: 0 34px 20px 34px;
		margin: 0;
	}
	main h2 {
		line-height: 1.15;
	}
	main p {
		font-size: 15px;
		padding: 0 34px;
		line-height: 1.7;
	}
	main ul {
	  margin: 0 0 0 0;
	}
	main ul li {
		font-size: 15px;
		margin: 0 0 0 65px;
		padding: 0 50px 10px 0;
	}
	main ul li:last-of-type {
		padding: 0 34px 0px 0;
	}
	figure.wp-block-pullquote blockquote p {
		width: 100%;
	}
	footer {
		padding: 0;
		text-align: center;
	}
	footer h3 {
		font-size: 20px;
		line-height: 1;
		text-align: center;
		color: #f6f6f6;
		background-color: rgba(255,255,255,.05);
		padding: 6vw 0vw;
	}
	footer section ul {
		margin-bottom: 10vw;
		margin-top: 10vw;
	}
	footer section ul li a {
		text-decoration: none;
		color: #f6f6f6;
		font-size: 15px;
		line-height: 1;
		padding: 6vw 0vw;
		display: block;
		background-color: rgba(255,255,255,.05);
		border-bottom: 0;
		text-align: center;
	}
	/* - - - Inline Fullwidth Images Mobile - - -*/
	main figure.inline-full-width {
		margin-top: 0px;
	}
	main p + figure.inline-full-width {
	  margin-top: 15px;
	}
	main figure.inline-full-width img {
		width: 100%;
		padding: 0;
	}

	main figure.inline-full-width figcaption {
		margin-bottom: 40px;
	}
	/* - - - Image Grids - - - */
	section.image-grid {
		width: 100%;
	}
	section.image-grid .container {
		display: grid; 
		grid-template-columns: 1fr 1fr 1fr 1fr; 
		grid-template-rows: 1fr 1fr 1fr; 
		gap: 2px 2px; 
		grid-template-areas: 
		"image-one image-one image-one image-one"
		"image-two image-two image-three image-three"
		"image-four image-four image-four image-four"; 
	}
	section.image-grid-two {
		width: 100%;
	}
	p + figure {
		padding-top: 25px;
	}
	main figure.wp-block-image + figure.wp-block-image figcaption {

	}
	div.section-header  + aside:first-of-type {
		margin-top: 20px;
	}
	/* - - - Support - - - */
	.support-container {
		width: 100%;
		margin: 0 auto;
		padding: 30px 30px 10px 30px;
	}
	/* - - - Inline Images - - - */
	figure.inline-image-left,
	figure.inline-image-right {
		width: 100%;
	}
	figure.inline-image-right {
		margin: 0;
	}
	/* - - - Book Recommendations - - - */
	div.wp-block-media-text.is-stacked-on-mobile {
		width: 100%;
		border: 0;
		padding: 0;
		margin: 30px 0;
	}
	div.wp-block-media-text.is-stacked-on-mobile div {
		padding: 0 0 40px 0;
		margin: 20px 40px 20px 40px;
		border-bottom: 2px solid #ddd;
	}
	div.wp-block-media-text + h2 {
	  	margin-top: 60px;
	}
}