/* basics */
article {margin:1em 0 5em 0;}
article img {margin:2em 0 5em 0;width: 100%; height: auto;}
body {background: #fff;text-align: left;margin: 0;}
.container {margin: auto;width: 88%;max-width: 33em;}
.edit {float: right;background: #eee;padding: 5px;width: 38px;}
footer {position: fixed;z-index: 1;bottom: 0;background-color: #eee;padding: 0 0 1em 0;}
footer li {float: left;padding:0.5em 1em 0 0;}
h3 {padding:0;margin:0;}
header {}
header, footer {width:100%;}
header > div, footer > div {width: 88%;max-width: 44em;margin:0 auto;text-align: left;}
header img {position: relative;padding:23px 0 0 0;margin-bottom:-10px;background-color:#000;clip-path: polygon(10% 21%, 85% 26%, 100% 86%, 0% 100%);}
article img {clip-path: polygon(7% 14%, 100% 0%, 100% 100%, 0% 100%);}
hr {box-sizing: content-box;height: 1px; background-color: #212121;margin: 0; pading 0;overflow: visible;border: none;width: 33%;}
#site-slogan {margin-top:-7px;color: #65c13e;}
textarea {width:99%;}
ul, li {list-style:none;margin: 0;padding: 0;}

/* typography */
@font-face {font-family: "OpenSansCondLight"; src: url('../../../fonts/OpenSans_Condensed-Light.ttf')
format('truetype');font-weight: 300;font-style: normal;}
@font-face {font-family: "OpenSansCondMed"; src: url('../../../fonts/OpenSans_Condensed-Medium.ttf')
format('truetype');font-weight: 700;font-style: normal;}
body, .comEmail, .comText, textarea {font: 16px OpenSansCondMed, Helvetica, Times New Roman, sans-serif;letter-spacing:0.05em;}
article {color:#2d2a57;}
.edit {letter-spacing: 0.1em;}
footer, h3 {text-transform: uppercase;}
nav {font: 24px OpenSansCondLight, Arial Black, Arial, sans-serif;}

/* links */
a, a:visited {color:#000;font-family: OpenSansCondMed, sans-serif;}
a:hover, a:active {outline: 0;color: #f06;transition: color 0.5s linear;}
footer a, footer a:visited {text-decoration: none;font-weight: bold;color: #6d6a57;}
header img:hover {background-color:#225;transition: background-color 0.15s linear;}

/* contact form ============================================= */
input.comSubmit {padding: 0.1em 0.3em;font-size: 24px;text-transform: uppercase;background-color: #6ca731; border: 0;color: #fff;clip-path: polygon(0% 2%, 100% 0%, 99% 96%, 1% 100%);}
input.comSubmit:hover {background-color: #6cb731;transition: background-color 0.3s linear;}
input.comCheckbox, input.comConsent {width:15px; height:15px;transform: scale(200%);transition: background-color 1ms linear;}
.comTextarea, .comText, .comEmail {width: 99%;padding-left:5px;}
textarea.comTextarea, input.comText, input.comCheckbox, input.comEmail {background-color: #f7f7f7;font-weight: normal;}
textarea.comTextarea:hover, input.comText:hover, .comCheckbox:hover, input.comEmail:hover {background-color:#fff;transition: background-color 0.15s linear;}
.comTextarea, .comText, .comCheckbox, .comEmail, comSelect {border-width:1px 0 0 1px;border-radius: 3px;border-color:#000;}
.comText, .comEmail {height:39px;margin-bottom:10px;}
.comConsent, .comConnectForm label {font-size: 14px;}
.comText::placeholder {font-weight:normal;}
.comThanks {font-size: 20px;}

@media print {
body {display:none;}
}