/* Overrides to DRR bootsrtap styles */
/*
 * DRR-Bootstrap
 * Source: https://github.com/NYPL/drr-bootstrap
 * Author: NYPL Labs
 * Description: Base front-end framework for NYPL Digital Reading Room (DRR) Sites to extend.
 */
/* line 7, app/assets/stylesheets/contacts.css.scss */
.contact-form-container {
  background: #f8f8f8;
  padding: 14px;
}

/* line 12, app/assets/stylesheets/contacts.css.scss */
.contact-form-container .form-required-key {
  font-size: 90%;
  color: #514E49;
}

/* line 17, app/assets/stylesheets/contacts.css.scss */
.contact-form-container input[type='text'], .contact-form-container textarea {
  width: 500px;
}

/* line 21, app/assets/stylesheets/contacts.css.scss */
.contact-form-container .radio.radio-group-label {
  padding-left: 0;
}

/* line 25, app/assets/stylesheets/contacts.css.scss */
.contact-form-container div {
  margin: 0 0 7px;
}

/* line 28, app/assets/stylesheets/contacts.css.scss */
.contact-form-container div select, .contact-form-container div input[type="text"], .contact-form-container div textarea, .contact-form-container div label {
  margin-bottom: 0;
}

/* line 32, app/assets/stylesheets/contacts.css.scss */
.contact-form-container div select {
  height: 30px;
}

/* line 36, app/assets/stylesheets/contacts.css.scss */
.contact-form-container div .contact-success {
  margin: 150px auto 0 auto;
  padding: 28px;
  background: #E8E4E2;
  width: 350px;
  border: 2px solid #514E49;
  display: none;
}

/* line 43, app/assets/stylesheets/contacts.css.scss */
.contact-form-container div .contact-success h1 {
  margin-bottom: 24px;
}

/* line 48, app/assets/stylesheets/contacts.css.scss */
.contact-form-container div .contact-success-static {
  display: none;
  min-height: 500px;
}

/* line 53, app/assets/stylesheets/contacts.css.scss */
.contact-form-container div .contact-success-static ul {
  margin-left: 20px;
}

/* line 61, app/assets/stylesheets/contacts.css.scss */
.contact-form-container .salutation {
  float: left;
  width: 80px;
}

/* line 66, app/assets/stylesheets/contacts.css.scss */
.contact-form-container select#salutation {
  width: 70px;
}

/* line 70, app/assets/stylesheets/contacts.css.scss */
.contact-form-container .name-fields {
  position: relative;
  overflow: hidden;
  display: inline-block;
  /* Necessary to trigger "hasLayout" in IE */
  display: block;
  /* Sets element back to block */
}

/* line 75, app/assets/stylesheets/contacts.css.scss */
.contact-form-container .name-fields div {
  float: left;
}

/* line 78, app/assets/stylesheets/contacts.css.scss */
.contact-form-container .name-fields div input {
  width: 210px;
}

/* line 81, app/assets/stylesheets/contacts.css.scss */
.contact-form-container .name-fields div.salutation {
  width: 80px;
}

/* line 84, app/assets/stylesheets/contacts.css.scss */
.contact-form-container .name-fields div select#salutation {
  width: 70px;
}

/* line 92, app/assets/stylesheets/contacts.css.scss */
.contact-form-container div.field-row div {
  float: left;
  margin-bottom: 0;
}

/* line 98, app/assets/stylesheets/contacts.css.scss */
.contact-form-container .state-zip-fields {
  position: relative;
  overflow: hidden;
  display: inline-block;
  /* Necessary to trigger "hasLayout" in IE */
  display: block;
  /* Sets element back to block */
}

/* line 103, app/assets/stylesheets/contacts.css.scss */
.contact-form-container .state-zip-fields div {
  float: left;
}

/* line 105, app/assets/stylesheets/contacts.css.scss */
.contact-form-container .state-zip-fields div.state {
  width: 320px;
}

/* line 108, app/assets/stylesheets/contacts.css.scss */
.contact-form-container .state-zip-fields div.zip {
  width: 150px;
}

/* line 112, app/assets/stylesheets/contacts.css.scss */
.contact-form-container .state-zip-fields input#state {
  width: 300px;
}

/* line 115, app/assets/stylesheets/contacts.css.scss */
.contact-form-container .state-zip-fields input#zip {
  width: 150px;
}

/* line 121, app/assets/stylesheets/contacts.css.scss */
.contact-form-container .terms-fields {
  margin: 14px 0;
}

/* line 125, app/assets/stylesheets/contacts.css.scss */
.contact-form-container .terms-fields ol, .contact-form-container .terms-fields ul {
  list-style: default;
  margin: 0;
  padding: 0;
  margin-left: 14px;
}

/* line 131, app/assets/stylesheets/contacts.css.scss */
.contact-form-container .terms-fields ol li, .contact-form-container .terms-fields ul li {
  margin: 0 0 7px;
}

/* line 135, app/assets/stylesheets/contacts.css.scss */
.contact-form-container .terms-fields label.accept-text {
  display: inline;
  font-size: 11.9px;
}

/* line 139, app/assets/stylesheets/contacts.css.scss */
.contact-form-container .terms-fields .access-rules {
  padding: 14px;
  max-height: 100px;
  overflow: auto;
  font-size: 11.9px;
  color: #514E49;
  border: 1px solid #908B85;
  margin: 0 0 14px 0;
  background-color: #fff;
}

/* line 151, app/assets/stylesheets/contacts.css.scss */
.contact-form-container #form-select {
  padding: 150px 0;
  text-align: center;
  line-height: 36px;
}

/* line 155, app/assets/stylesheets/contacts.css.scss */
.contact-form-container #form-select h1 {
  margin-bottom: 24px;
}

/* line 158, app/assets/stylesheets/contacts.css.scss */
.contact-form-container #form-select div {
  margin-bottom: 24px;
}

/* line 164, app/assets/stylesheets/contacts.css.scss */
.contact-form-container #form-choice-container .form-wrapper {
  display: none;
}