/**
 * @file
 * Event/Deal node display and add/edit form styling.
 *
 * Covers the sign-up webform, smartdate widget, date-range fields, the
 * default-flyer photo field and event-form dialog tweaks. Attached on
 * events/deals node pages and their add/edit/clone forms via the
 * clubbing411_module/styles.events library.
 */

/* Sign-up webform. */
.webform-submission-sign-up-for-a-reservation-or-gue-form .form-control {
  border: 2px solid #eaeaea;
  background-color: white;
}

.page-node-type-events .field.field--name-field-sign-up.field--type-webform.field--label-hidden.field--item,
.page-node-type-deals .field.field--name-field-sign-up.field--type-webform.field--label-hidden.field--item {
  margin-top: 15px;
  margin-bottom: 15px;
}

.page-node-type-events a.webform-dialog.webform-dialog-normal,
.page-node-type-deals a.webform-dialog.webform-dialog-normal,
div.field--name-field-sign-up a {
  background-color: #0071b8;
  color: white;
  padding: 1em 1.5em;
  position: relative;
  text-decoration: none;
  border-radius: 10px;
}

.path-node-add-events a.webform-dialog.webform-dialog-normal:hover,
.page-node-type-events a.webform-dialog.webform-dialog-normal:hover,
.path-node-add-deals a.webform-dialog.webform-dialog-normal:hover,
.page-node-type-deals a.webform-dialog.webform-dialog-normal:hover {
  cursor: pointer;
}

.path-node-add-events .field--widget-webform-entity-reference-select,
.page-node-type-events .field--widget-webform-entity-reference-select,
.path-node-add-deals .field--widget-webform-entity-reference-select,
.page-node-type-deals .field--widget-webform-entity-reference-select {
  display: none;
  visibility: hidden;
}

article.hide-signup .field--name-field-sign-up {
  display: none;
  visibility: hidden;
}

.path-node-add-events input.form-text,
.page-node-type-events input.form-text {
  background-color: #fff;
}

.path-node-add-events .field--type-text-with-summary .filter-help,
.page-node-type-events .field--type-text-with-summary .filter-help {
  display: none;
  visibility: hidden;
}

#edit-field-sign-up-wrapper,
.page-node-type-events #edit-field-sign-up-wrapper,
.page-node-type-deals #edit-field-sign-up-wrapper {
  display: none;
  visibility: hidden;
}

/* Hide the dialog close button on the event add form. */
.path-node-add-events .ui-dialog-titlebar-close {
  display: none;
}

/* Event form layout. */
.field-interval--label {
  display: none;
  visibility: hidden;
}

.node-form .pad-left {
  padding-left: 0px;
  margin-left: 0px;
  min-width: 0px !important;
  padding-right: 0px;
  margin-right: 0px !important;
}

/* Smartdate widget (event dates). */
.smartdate--widget .repeat--label {
  margin-right: 0 !important;
}

.path-node-add-events .field--type-smartdate .smartdate--widget .panel-heading,
.page-node-type-events .field--type-smartdate .smartdate--widget .panel-heading {
  display: none;
  visibility: hidden;
}

.page-node-type-events #field-date-range-values .label {
  color: black !important;
  font-size: inherit !important;
  text-align: left !important;
  padding: inherit !important;
  font-weight: normal !important;
}

.path-node-add-events #field-date-range-values .smartdate--time-inline .control-label,
.page-node-type-events #field-date-range-values .smartdate--time-inline .control-label {
  padding-right: 10px;
}

.path-node-add-events #field-date-range-values .duration-wrapper .control-label,
.page-node-type-events #field-date-range-values .duration-wrapper .control-label {
  float: left;
  margin-bottom: 0px;
  padding-top: 0px;
}

.path-node-add-events #field-date-range-values .duration-wrapper .allday-label,
.page-node-type-events #field-date-range-values .duration-wrapper .allday-label {
  margin: 0px;
  padding-top: 0px;
}

.path-node-add-events #field-date-range-values .duration-wrapper .allday-label .allday,
.page-node-type-events #field-date-range-values .duration-wrapper .allday-label .allday {
  margin: 0px;
  margin-right: 4px;
}

.node-events-form .smartdate--widget .allday-label,
.node-events-form .smartdate--widget .duration-wrapper,
.page-node-type-events .smartdate--widget .allday-label,
.page-node-type-events .smartdate--widget .duration-wrapper {
  display: none !important;
  visibility: hidden;
}

.page-node-type-events .smartdate--widget .form-item {
  white-space: nowrap;
}

/* Default flyer photo field. */
#edit-field-photo .form-item--error-message {
  display: none;
  visibility: hidden;
}

#edit-field-photo .form-item.form-item--error-message {
  display: inline-block;
  visibility: visible;
}
