/* Do not edit this file manually, it is an autocompilation result. Edit *.less files instead. */
.modal.custom-modal .modal-subtitle {
  font-size: 65%;
  margin-top: 0.75rem;
}
.modal.custom-modal.with-image .modal-dialog {
  max-width: 80rem;
  width: 100%;
  width: 90vw;
}
.modal.custom-modal.with-image .modal-image {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 25rem);
}
.modal.custom-modal.with-image .modal-image .image {
  width: 100%;
  height: 40rem;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.modal.custom-modal.with-image .modal-image .image-text {
  padding: 2rem;
  font-size: 1.5rem;
}
.modal.custom-modal.with-image .modal-form {
  display: inline-block;
  vertical-align: top;
  width: 25rem;
}
.modal.custom-modal.with-image .modal-form .modal-title {
  padding: 2rem 2rem 1rem;
}
.modal.custom-modal.with-image .modal-form .modal-body {
  padding: 1rem 2rem 2rem;
}
@supports (display: flex) {
  .modal.custom-modal.with-image .modal-content {
    display: flex;
  }
  .modal.custom-modal.with-image .modal-image {
    display: flex;
  }
  .modal.custom-modal.with-image .modal-image .image {
    height: auto;
  }
}
@media (max-width: 991px) {
  .modal.custom-modal.with-image .modal-image {
    width: calc(100% - 20rem);
  }
  .modal.custom-modal.with-image .modal-form {
    width: 20rem;
  }
}
@media (max-width: 700px) {
  .modal.custom-modal.with-image .modal-content {
    display: block;
  }
  .modal.custom-modal.with-image .modal-image {
    display: block;
    width: auto;
  }
  .modal.custom-modal.with-image .modal-image .image {
    height: auto;
    min-height: 20rem;
  }
  .modal.custom-modal.with-image .modal-form {
    display: block;
    width: auto;
  }
  .modal.custom-modal.with-image .close {
    color: #333;
    opacity: 1;
    text-shadow: 1px 1px #fff, -1px -1px #fff, -1px 1px #fff, 1px -1px #fff;
  }
}
/*# sourceMappingURL=/assets/templates/default/css/custommodals.css.map */