//
// Modals
// --------------------------------------------------

.modal-dialog {
  box-shadow: 0 3px 20px rgba($gray-darker, .5), 0 1px 2px rgba(#000, .05), 0 0 0 1px rgba($gray-darker, .25);
  border-radius: $border-radius-base;
}

.modal-content {
  border-radius: $border-radius-base;
  border: none;
  box-shadow: none;
}

.modal-title {
  text-align: center;
}

@media (min-width: $screen-sm-min) {
  .modal-dialog {
    margin: 40px auto;
  }
}