@import url('https://fonts.googleapis.com/css? family=Roboto:300,300i,400,400i,500,500i,700,700i,900,900i');

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

html {
  font-family: 'Roboto', sans-serif;
  position: relative;
  min-height: 100%;
}

body {
  font-family: 'Roboto', sans-serif;
  margin-bottom: 60px;
}

.btn-primary, .btn-primary:active, .btn-primary:visited {
  background-color: #7B2A7C !important;
}

.btn-primary:hover {
  background-color: #883F89 !important;
}

.overlinelink-active {
  text-decoration: overline;
  text-decoration-color: #7B2A7C
}

.overlinelink:hover, .joinlink:hover {
  text-decoration: overline;
  text-decoration-color: #7B2A7C
}

.overlinelink {
  cursor: pointer;
  padding-left: 12px;
  font-size: 1.3em;
  color: gray;
}

.joinlink {
  cursor: pointer;
  padding-left: 12px;
  font-size: 1.3em;
  color: rebeccapurple;
  font-weight: bold;
}

/*.jw-state-idle .jw-controls {
  background-color: #000 !important;
  background-image: url('https://sqps.onstreamsecure.com/origin/rassalessf/[Inbox]/Welcome_1s.JPG');
  background-repeat: no-repeat;
  background-size: cover;
}*/