/*! ============================================================================= */
/*! Styles for password protected blocks and pages. */
/*! ============================================================================= */
.password-protected-block {
  padding: 50px;
  text-align: center;
  max-width: 550px;
  margin: 0 15px;
}

@media (max-width: 767.98px) {
  .password-protected-block {
    padding: 30px;
  }
}

.password-protected-block__icon {
  font-size: 0;
  line-height: 1;
  opacity: 0.5;
  margin-bottom: 40px;
}

.password-protected-block__icon svg {
  font-size: 200px;
  stroke-width: .5;
}

.password-protected-block__title {
  font-style: normal;
  font-size: 48px;
  margin-bottom: 20px;
}

@media (max-width: 991.98px) {
  .password-protected-block__title {
    font-size: 40px;
  }
}

@media (max-width: 767.98px) {
  .password-protected-block__title {
    font-size: 36px;
  }
}

.password-protected-block__message {
  opacity: 0.5;
}

.password-protected-block__form {
  margin-top: 40px;
}

.password-protected-block__form .form-control:not(.is-invalid) {
  border-color: #C5C2BE;
}

.password-protected-block__form .form-control.is-invalid {
  color: #dc3545;
}

.password-protected-block__form .form-control.is-invalid::-webkit-input-placeholder {
  color: #dc3545;
}

.password-protected-block__form .form-control.is-invalid::-moz-placeholder {
  color: #dc3545;
}

.password-protected-block__form .form-control.is-invalid:-ms-input-placeholder {
  color: #dc3545;
}

.password-protected-block__form .form-control.is-invalid::-ms-input-placeholder {
  color: #dc3545;
}

.password-protected-block__form .form-control.is-invalid::placeholder {
  color: #dc3545;
}