/** Base styling partial for PublicSpaceInfo  Variables, colors, helper classes and mixins to be (re)used throughout the project in seperate stylesheets  Do not add styling declarations to this file! */
/* ========================================================================== Colors ========================================================================== */
/* ========================================================================== Fonts ========================================================================== */
/* ========================================================================== Helper classes ========================================================================== */
.ir { font: 0/0 a; text-shadow: none; color: transparent; }

.clearfix:before, .clearfix:after { content: ""; display: table; }

.clearfix:after { clear: both; }

.clearfix { *zoom: 1; }

/* ========================================================================== Mixins ========================================================================== */
.body .contact dd.phone { margin-right: 0; }

.form-contact p { margin-bottom: 2em; }
.form-contact label { display: block; cursor: pointer; margin-bottom: 0.5em; font-family: 'proxima-nova', sans-serif; font-weight: 600; font-size: 14px; line-height: 17px; color: #4E5860; }
.form-contact input[type="text"], .form-contact textarea, .form-contact input[type="email"] { border: 1px solid #A8AEB2; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 2px 0px inset; -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 2px 0px inset; box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 2px 0px inset; width: 506px; height: 33px; padding: 0 7px; font-family: 'proxima-nova', sans-serif; font-weight: 400; font-size: 14px; line-height: 25px; color: #798287; }
.form-contact textarea { padding: 7px; height: 111px; line-height: 17px; resize: vertical; }
.form-contact .row-submit { text-align: right; }
.form-contact input[type="submit"] { border: 0; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; width: 100px; height: 40px; background: #B9DE77; font-family: 'proxima-nova', sans-serif; font-weight: 600; font-size: 14px; line-height: 17px; color: #4E5860; }
.form-contact label[for="id_name"]:after, .form-contact label[for="id_email"]:after, .form-contact label[for="id_request"]:after { content: ' *'; }
.form-contact .errorlist { margin: 0 0 -1.5em; padding: 0; font-family: 'proxima-nova', sans-serif; font-weight: 600; font-size: 14px; line-height: 17px; text-align: right; color: red; list-style-type: none; }
.form-contact input#id_zip_code { width: 114px; }
.form-contact input#id_city { width: 354px; }
.form-contact .zipcode-city { margin-bottom: 1em; }
.form-contact .zipcode-city p { float: left; margin-bottom: 1em; width: 370px; }
.form-contact .zipcode-city p:first-child { margin-right: 20px; width: 130px; }
.form-contact .zipcode-city .errorlist { margin: 0; text-align: left; }
.form-contact #id_year { width: 515px; }

.body .contact { margin-bottom: 2em; }
.body .contact + div { margin-bottom: 2em; }
