/* FORMS: overriding Drupal webform styles. */

/* Form container */
.webform-client-form {
  background-color: #ffffff;
  position: relative;
}

/* Progress Bar */
.webform-progressbar {
  padding-left: 15px;
  padding-right: 5px;
}

.webform-progressbar-page .webform-progressbar-page-label {
  display: block;
  font-size: 14px;
  color: #767676;
  line-height: 1;
  word-wrap: break-word;
  word-break: break-word;
  margin: 0 -3em;
}

/* Required field text */
.form-explanation {
  position: relative;
  padding-top: 20px;
  padding-bottom: 20px;
}

.form-explanation .form-description {
  position: absolute;
  right: 0;
  top: 0;
}

/* Individual form item */
.form-item {
  margin-bottom: 24px;
}

/* Pagination for step-by-step forms */
.form-actions  {}

.webform-previous.form-submit {
  float: left;
}

.webform-next.form-submit {
  float: right;
}

/***
  Label styling
  This includes:
    * generic form labels
    * form descriptions
    * exposed filters (from views) labels
    * search page search field label
    * form grid labels
    * form table headings (th)
    * form tables cells (td)
    * nested labels in fieldsets
***/
.form-label,
.form-description,
.views-exposed-form label,
.search-advanced .control-label,
.webform-grid-option,
.webform-grid-question,
.control-label {
  text-transform: uppercase;
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  font-weight: normal;
  color: #767676;
  letter-spacing: 0.6px;
  font-weight: normal;
}

.form-description {
  word-wrap: break-word; /* IE fallback */
  word-break: break-word;
}

textarea.form-control {
  border-color: #767676;
}

/* Checkboxes and radio buttons */
.form-type-checkbox .control-label,
.form-type-radio .control-label {
  font-size: 18px;
  color: #000000;
  letter-spacing: 0.6px;
  text-transform: none;
}

#page .form-type-checkbox {
  margin-bottom: 20px;
}

.form-description {
  text-transform: none;
}

/* Submit Button */
.node-webform .form-actions .btn-primary,
.btn-primary,
.webform-next,
.webform-previous  {
  background-color: #002D72;
  border-radius: 27px;
  font-family: 'Montserrat', sans-serif;
  color: #ffffff;
  border: 1px solid #D7DCE8;
  padding-left: 29px;
  padding-right: 27px;
  padding-top: 14px;
  padding-bottom: 15px;
}

.node-webform .form-actions .btn-primary:hover,
.btn-primary:hover,
.webform-next:hover,
.webform-previous:hover  {
  background-color: rgba(1, 33, 105, 0.8);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5);
  border-color: transparent;
  color: #ffffff;
}

.node-webform .form-actions .btn-primary:focus,
.webform-next:focus,
.webform-previous:focus {
  background-color: #ffffff !important;
  border-color: #CB6015;
  color: #002D72;
}

/* Upload Button  */
.input-group {}

.input-group-btn:last-child > .btn, 
.input-group-btn .btn-primary{
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-top-left-radius: 27px;
  border-bottom-left-radius: 27px;
}


/* Errors */
.alert-block.error  {
  background-color: transparent;
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  font-weight: 700;
  color: #FF0046;
  border-color: #FF0046;
  letter-spacing: 0.3px;
}

/*** Search Form ***/
.search-form .input-group {
  width: 25%;
}

.search-form .criterion {
  margin-bottom: 30px;
}

.search-form .action .btn {
  padding-top: 6px;
  padding-bottom: 7px;
}

.search-form .action .btn:focus {
  color: #002D72;
}

#edit-search-block-form--2 .btn {
  background-image: url('../media/img/icons/icon-search.svg');
  background-color: transparent !important;
}

/* Exposed filter forms*/
/* overriding Drupal buttons for exposed filters */
.views-exposed-form .views-exposed-widget .btn {
  display: inline-block;
  background-color: #002D72;
  border-radius: 27px;
  font-family: 'Montserrat', sans-serif;
  color: #ffffff;
  border: 1px solid #002D72;
  padding-left: 29px;
  padding-right: 27px;
  padding-top: 6px;
  padding-bottom: 7px;
  line-height: 1;
  text-decoration: none;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.6px;
  margin-top: 28px;
}

.views-exposed-form .views-exposed-widget input.form-submit.btn {
  background-color: transparent;
  border: none;
  font-size: 14px;
  color: #002D72;
}

.views-exposed-form .views-exposed-widget input.form-submit.btn:hover,
.views-exposed-form .views-exposed-widget input.form-submit.btn:focus {
  background-color: transparent;
  text-decoration: underline;
  box-shadow: none;
  color: #002D72;
}

#region-postscript-first .webform-client-form {
  background-color: transparent;
}

#region-postscript-first h2 {
  padding: 0 !important;
}


/* Feedback form */
.webform-client-form-3000 .webform-progressbar {
  display: none;
}

.webform-client-form-3000 .form-explanation {
  padding-top: 0;
  padding-bottom: 0;
}

@media (min-width: 1200px) {
  .webform-progressbar-page .webform-progressbar-page-label {
    margin: 0 -10em;
  }
}