/**
 * Custom file upload form
 */

@media screen {

  .upload-form label {
    display: block;
    border: 3px dashed var(--mid-grey);
    background-color: var(--white);
    padding: 4em;
    text-align: center;
    position: relative;
    margin: 1rem 0;
    max-width: 24rem;
    font-weight: 400;
  }

  .upload-message {
    font-size: 1.2em;
  }

  #upload-info {
    position: absolute;
    bottom: 1em;
    left: 0;
    right: 0;
    font-style: italic;
  }

  .upload-form input[type="file"] {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    opacity: 0;
  }
}