/* base.css — lean, self-hosted replacement for Weebly's platform framework (sites.css).
   Covers only what these pages actually use: resets, responsive multicol tables,
   buttons, form fields, images. Colors/fonts match the site's own files/main_style.css. */

*, *:before, *:after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; }
img { max-width: 100%; height: auto; }
a { text-decoration: none; }
table { border-collapse: collapse; }

.wsite-multicol-table { width: 100%; }
.wsite-multicol-tr { display: flex; flex-wrap: wrap; }
.wsite-multicol-col { display: block; }
@media screen and (max-width: 700px) {
	.wsite-multicol-tr { display: block; }
	.wsite-multicol-col { width: 100% !important; padding: 0 0 16px !important; }
}

.wsite-button { display: inline-block; cursor: pointer; border-radius: 2px; }
.wsite-button-inner { display: block; padding: 10px 22px; font-size: 14px; border-radius: 2px; }
.wsite-button a, .wsite-button a:visited { color: inherit; }

#wsite-content { padding: 0 20px; max-width: 1100px; margin: 0 auto; }
#wsite-content h2 { margin: 0.6em 0 0.4em; }
#wsite-content .paragraph, #wsite-content p { line-height: 1.6; margin: 0 0 1em; }
.wsite-image { max-width: 100%; }
.wsite-image img { display: block; }

.wsite-form-field { margin-bottom: 12px; }
.wsite-form-field label { display: block; font-size: 13px; margin-bottom: 4px; }
.wsite-input, .wsite-form-input, select, textarea {
	font-family: 'Open Sans', sans-serif; font-size: 14px; padding: 6px 8px; width: 100%;
}

#header { position: relative; }
#footer { text-align: center; padding: 30px 20px; font-family: 'Open Sans', sans-serif;
	font-size: 12px; color: #999; }
#footer a { color: #999; text-decoration: underline; }

.wsite-section-elements:after, .wsite-elements:after { content: ""; display: table; clear: both; }