/* Responsive layer added when converting the site to static HTML.
   Desktop (wider than 980px) keeps the original 960px layout. */

img { max-width: 100%; height: auto; }
.nav-toggle { display: none; }

@media (max-width: 980px) {
	body { font-size: 87.5%; background-attachment: scroll; }

	/* Make every fixed-width Builder wrapper fluid */
	.builder-container-outer-wrapper,
	.builder-module-outer-wrapper,
	.builder-module-block-outer-wrapper,
	.builder-module {
		width: auto !important;
		max-width: 100% !important;
		float: none !important;
	}
	.builder-container-outer-wrapper { margin: 0 auto; border-left: 0; border-right: 0; }

	/* Sidebars and widget bars are empty on this site */
	.builder-module-sidebar-outer-wrapper,
	.builder-module-widget-bar-outer-wrapper { display: none !important; }

	.builder-module-block { margin: 1em; }
	.builder-module-content .builder-module-element,
	.builder-module.builder-module-content .left .builder-module-element { margin: 1em; }

	/* Header */
	.builder-module-header .builder-module-element { text-align: center; }
	.site-title { font-size: 3.4em; }
	.entry-title { font-size: 2.8em; }
	.entry-content { overflow-wrap: break-word; }

	/* Navigation: collapsible menu, submenus shown inline */
	.nav-js .nav-toggle {
		display: block; width: 100%; margin: 0; padding: .75em 1em;
		background: #444444; color: #FFFFFF; border: 0; border-bottom: 1px dashed #878787;
		font: bold 1em/1.4 'Helvetica Neue', Helvetica, Arial, sans-serif; text-align: left; cursor: pointer;
	}
	.nav-js .nav-toggle::after { content: "\2630"; float: right; }
	.nav-js .menu-main-menu-container { display: none; }
	.nav-js.nav-open .menu-main-menu-container { display: block; }
	.builder-module-navigation ul { float: none; width: 100%; }
	.builder-module-navigation li { float: none; width: auto !important; }
	.builder-module-navigation li a { padding: .75em 1em; border-right: 0; border-bottom: 1px solid #555555; }
	.builder-module-navigation li ul,
	.builder-module-navigation li ul ul {
		position: static !important; left: auto !important; width: auto !important;
		margin: 0 !important; border: 0;
	}
	.builder-module-navigation li li { border-bottom: 0; }
	.builder-module-navigation li li a { padding-left: 2em; background: #3a3a3a; }

	/* Footer */
	.builder-module-footer .builder-module-element { text-align: center; margin: 0 1em; }
	.builder-module-footer .builder-module-element .alignleft { float: none; }
}

@media (max-width: 600px) {
	.site-title { font-size: 2.6em; }
	.entry-title { font-size: 2.2em; }
	/* Floated photos stack and center on phones */
	.hentry .alignleft, .hentry .alignright, .hentry .wp-caption.alignleft, .hentry .wp-caption.alignright {
		float: none; display: block; margin: 0 auto 1em auto;
	}
	.hentry .wp-caption { width: auto !important; max-width: 100%; }
	.hentry .entry-content h1, .hentry .entry-content h2 { font-size: 1.8em; line-height: 1.3; }
}