/* @font-face {
  font-family: 'Roboto';
  font-display: swap;
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(../Roboto-Regular.ttf) format('truetype');
} */

@font-face {
  /* Make the browser think montserrat is roboto */
  font-family: 'Roboto';
  font-display: swap;
  font-style: normal;
  font-weight: 400;
  src: local('Montserrat Medium'), local('Montserrat-Medium'), url(../montserrat-medium.woff) format('woff');
}

#app .view{
  z-index: 500;
}
#app .navbar .title{
  overflow:initial;
}
#app .button.button-fill.right {
  width: fit-content;
  margin-right: 40px;
  @supports (-ms-ime-align:auto) {
    max-width: 400px;
  }
}
body #app .messages a.button.button-fill{
  background-color: #DFE8F0;
  color: #3A6D99;
  margin:8px 3px;
  text-transform: none;
}

#app .page-content.block {
  margin:0px;
}

body #app .messagebar a.button{
  text-transform: none;
}

#app .message-name {
  color: rgba(0, 0, 0, 0.64);
}

#app .messagebar textarea {
  font-family: var(--f7-font-family);
  overflow: hidden;
}

.message.message-sent .message-text::selection{
  background: #e5e5ea;
}

body #app .messages {
  padding-bottom:48px;
  min-height: initial;
}

body #app .page-content {
  padding-top: calc(var(--f7-page-navbar-offset,0px) + var(--f7-page-toolbar-top-offset,0px) + var(--f7-page-subnavbar-offset,0px) + var(--f7-page-searchbar-offset,0px) + var(--f7-page-content-extra-padding-top,0px));
}
audio#player {
  display:none;
}

#startInput.started {
  color:red !important;
}

#app #contact {
  text-transform: none !important;
}