/* || Single Player */

/* general rules */

.single-player-ctn {
  width: 80%;
}

input {
  display: block;
  color: white;
}

/* videos settings */
.video-ctn {
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  height: 100%;
}

video {
  width: 100%;
  max-height: 80%;
  box-shadow: 2px 2px 2px black;
  object-fit: cover;
}

.filtering-ctn {
  margin: 1vmin 0;
}

/* Input Ctn & Btn */ 
.input-ctn {
  display: flex;
  color: white;
  align-items: center;
  margin-right: 1vmin;
}

.input-file-name {
  margin-left: 1vmin;
}

.custom-input {
  width: 200px;
}

.btn {
  background-color: #1B5364;
  margin: 1vmin 0;
  color: white;
}

.btn:hover {
  background-color: #48b3c6 !important;
}

.btn:focus {
  background-color: #48b3c6 !important;
}




/* || Media Queries */

/* iPad */

@media screen and (max-width: 1024px) {

  .input-ctn {
  }

  .custom-input {
    width: 200px;
    font-size: 15px;
  }

  .input-file-name {
    font-size: 15px;
  }

}


/* Phone */

@media screen and (max-width: 600px) {

  .input-ctn {
    margin-top: 5vmin;
  }

  .custom-input {
    width: 100px;
    font-size: 10px;
  }

  .input-file-name {
    font-size: 10px;
  }

  .custom-input{
    padding: 0px !important;
  }


}