/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ul, ol {
  list-style: none;
}

li {
  list-style-position: outside;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

.hidden {
  display: none;
}

.myMHSlogo {
  max-height: 60px;
  cursor: pointer;
  float: left;
  font-family: Arial, sans-serif;
}
.myMHSlogo img {
  height: 51px;
  display: inline-block;
  padding-top: 6px;
  padding-left: 6px;
}
.myMHSlogo h1 {
  display: inline-block;
  text-transform: uppercase;
  vertical-align: top;
  line-height: 1;
  padding-top: 3px;
  padding-left: 10px;
  font-size: 24px;
  color: #6f6f6f;
  font-family: Arial, sans-serif;
}
.myMHSlogo h1 b {
  display: block;
  font-size: 19px;
  color: #6f6f6f;
  font-weight: normal;
  font-family: Arial, sans-serif;
}

.wrapper {
  max-width: 1250px;
  margin: 0 auto;
}

.myMHSfrontend .mymhsToolbar {
  position: sticky;
  z-index: 200;
  bottom: auto;
  top: 0;
  left: 0;
  width: 100%;
}

.content {
  background: #d0d0d0;
  padding: 15px 40px;
  padding-top: 8 0px;
  max-width: 1250px;
  margin: 0 auto;
}

.passwordReseting .content {
  background: white;
}

body {
  background: #c1c1c1;
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 1.25;
}

a,
a:link,
a:visited {
  color: #37acbf;
  text-decoration: none;
}

.button,
.buttonDark,
a:link.button,
a:visited.button,
a:link.buttonDark,
a:visited.buttonDark {
  background: #3284c9;
  text-align: center;
  text-decoration: none;
  color: white;
  padding: 0.5rem 1rem;
  cursor: pointer;
  border-radius: 3px;
}

.buttonDark,
a:link.buttonDark,
a:visited.buttonDark {
  background: #1a6f7c;
}

b, strong {
  font-weight: bold;
}

i, em {
  font-style: italic;
}

h1, h2, h3, h4 {
  font-family: "Libre Baskerville", serif;
}

h1 {
  font-size: 24px;
  margin: 0 0 1rem 0;
}

h2 {
  font-size: 20px;
  margin: 0 0 0.75rem 0;
}

p {
  margin-bottom: 1rem;
}

.content h1 {
  text-transform: uppercase;
}

.aside {
  float: right;
  margin-left: 2rem;
  margin-bottom: 2rem;
}

.message {
  color: black;
  text-transform: uppercase;
  font-size: 13px;
  padding: 0.25rem;
  margin: 1rem 0;
}

.message.urgent {
  background: white;
  font-size: 22px;
  text-transform: none;
}

.bigIdea {
  font-size: 125%;
}

.dontMiss {
  background: #37acbf;
  color: white;
  font-size: 125%;
  padding: 3rem;
}

.badge {
  background: #ffe52c;
  color: black;
  padding: 1rem 2rem 0.5rem 3rem;
  border-radius: 9999px;
  display: inline-block;
  border-top-right-radius: 416px;
  border-bottom-left-radius: 450px;
  text-align: center;
}
.badge a, .badge a:link, .badge a:visited, .badge a:hover {
  font-weight: bold;
}

.choices {
  clear: both;
  text-align: center;
  font-family: "Helvetica", Arial;
  margin-top: 2rem;
}
.choices a:visited,
.choices a:link {
  display: inline-block;
  background: #37acbf;
  color: white;
  font-size: 23px;
  text-align: center;
  min-height: 64px;
  padding: 0.5rem 1rem;
  border-radius: 4px;
  vertical-align: middle;
}
.choices a:visited em,
.choices a:link em {
  font-size: 14px;
  display: block;
}
.choices a:link.projects,
.choices a:visited.projects {
  padding: 1rem;
}
.choices a:link + a:link {
  margin-left: 2rem;
}

.splash .choices {
  display: inline-block;
}
.splash .choices a:link {
  background: #249baf;
}

.otherPages {
  background: #f4f4f4;
  padding: 2rem;
  margin: 2rem 0 2rem 0;
}
.otherPages a:link, .otherPages a:visited {
  font-weight: bold;
}

header {
  position: sticky;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  height: 65px;
  background: white;
  box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.4);
}
header .wrapper {
  position: relative;
}
header .logo {
  padding: 8px 40px 4px 40px;
  margin-left: -4px;
  display: inline-block;
}
header .logo img {
  max-width: 100px;
  vertical-align: middle;
}
header .logo h1 {
  display: inline-block;
  font-size: 25px;
  font-family: "Libre Baskerville";
  vertical-align: middle;
  margin-left: 1rem;
}

.generalChoices {
  display: inline-block;
  margin-right: 1.7rem;
}
.generalChoices ul {
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  align-content: flex-end;
  height: 64px;
}
.generalChoices a:link, .generalChoices a:visited {
  padding: 8px 14px;
  position: relative;
  bottom: -1px;
  color: #565656;
  font-weight: bold;
  font-family: "Roboto";
}
.generalChoices a:hover {
  background: #afe2ff;
  color: #505050;
}

.MHSDSnav {
  font-family: "Arial", sans-serif;
  font-size: 16px;
  float: right;
  padding: 0.4rem;
  text-align: right;
  padding-right: 1rem;
}
.MHSDSnav .MMtoggler {
  cursor: pointer;
  float: right;
  text-indent: -999em;
  background: url(/mymhs/images/ui-sprites.png) no-repeat;
  background-position: 0 -228px;
  width: 20px;
  height: 20px;
  display: none;
}
.MHSDSnav ul li {
  display: inline-block;
}
.MHSDSnav ul li + li {
  margin-left: 1.5rem;
}
.MHSDSnav div {
  display: inline-block;
}
.MHSDSnav .userChoices {
  display: none;
  padding: 0;
}
.MHSDSnav .adminChoices {
  display: none;
}
.myMHSloggedin .loginChoices {
  display: none;
}

.myMHSloggedin .MHSDSnav {
  background: white;
  position: relative;
  overflow: visible;
  text-align: left;
  padding-right: 0.5rem;
}
.myMHSloggedin .MHSDSnav .MMtoggler {
  display: block;
}
.myMHSloggedin .MHSDSnav h3 {
  text-transform: uppercase;
  font-size: 14px;
  font-family: "Arial", sans-serif;
  color: black;
  display: inline-block;
  text-align: right;
  float: right;
  padding: 4px 0.5rem;
}
.myMHSloggedin .MHSDSnav li {
  display: block;
}
.myMHSloggedin .MHSDSnav li + li {
  margin-left: 0;
}
.myMHSloggedin .MHSDSnav .adminChoices {
  display: none;
}

.myMHSloggedin .MHSDSnav.open {
  position: fixed;
  right: 0;
  top: 0;
  border-top: 3px solid black;
  border-bottom-left-radius: 10px;
  z-index: 505;
  box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.4);
}
.myMHSloggedin .MHSDSnav.open .userChoices {
  clear: both;
  padding: 1rem;
  display: block;
}

.myMHSloggedin.myMHSadmin .MHSDSnav .adminChoices {
  display: block;
}

.outerPage .MHSDSnav {
  width: auto;
}
.outerPage .MHSDSnav .loginChoices {
  margin-top: 0.5rem;
}
.outerPage .MHSDSnav .loginChoices a:link, .outerPage .MHSDSnav .loginChoices a:visited {
  display: inline-block;
  padding: 8px 14px;
  background: white;
}
.outerPage .MHSDSnav .loginChoices a:hover {
  background: #afe2ff;
  color: #505050;
}

.intro {
  margin-bottom: 2rem;
  text-align: center;
}
.intro h2 {
  color: black;
  font-size: 1.5rem;
  text-align: center;
  display: inline-block;
}
.intro h2 + * {
  margin-left: 1rem;
}
.slides {
  position: relative;
  height: 200px;
  overflow: hidden;
  width: 100%;
}
.slides img {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}

.project {
  color: black;
  margin: 0 0 2rem 0;
  border: none;
  background: rgba(232, 172, 62, 0.82);
  padding: 29px;
}
.project .wrapper {
  position: relative;
  background: white;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  overflow: hidden;
}
.project .wrapper:after {
  content: " ";
  height: 0;
  display: block;
  clear: both;
}
.project .description {
  float: left;
  width: 55%;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px;
  min-height: 250px;
}
.project .example {
  position: absolute;
  right: 0;
  top: 0;
  width: 45%;
  height: 1000px;
  background-size: 100%;
}
.project .example img {
  width: 100%;
}
.project h2 {
  font-size: 38px;
  margin-bottom: 1rem;
  font-family: "Libre Baskerville";
}
.project .edit, .project .delete {
  float: right;
}
.project h3 {
  clear: both;
  margin: 0.5rem 0 0.25 0;
  text-transform: uppercase;
}
.project p {
  line-height: 1.35;
}
.project .projectLink,
.project a:link.projectLink,
.project a:visited.projectLink {
  display: block;
  margin: 1rem auto;
  width: 15rem;
}
.project .projectLink.button {
  background: #01a1bb;
  font-weight: bold;
}

.stats {
  margin: 2rem;
}

.scoreBar {
  height: 20px;
  position: relative;
  overflow: hidden;
  border-radius: 5px;
  margin: 0.5rem 0;
  background: #9E9494;
  border-bottom-right-radius: 20px;
  border-top-left-radius: 20px;
}

.resource .scoreBar {
  background: #655E5E;
}

.score {
  border-bottom-right-radius: 20px;
  height: 20px;
  background-color: #FFE52C;
  transition: width 4s ease;
  width: 0%;
}

.score.passive {
  width: 100%;
}

.completed .score {
  background: #ffa523;
}

.reviewed .score,
.vetted .score {
  background: #5AC716;
}

.stat {
  display: inline-block;
  background: #404040;
  color: white;
  position: relative;
  min-width: 40px;
  padding: 1rem;
  border-radius: 10px;
  font-size: 11px;
  margin-bottom: 4px;
}

.stat em {
  font-size: 48px;
  font-style: normal;
  display: block;
  text-align: center;
  margin: 0 1rem;
}

.hub-project .intro {
  width: 100%;
  background: #4bb7c9;
  margin: 0;
  padding-bottom: 2rem;
  width: 100%;
  background: #37acbf;
  margin: 0;
  padding: 2rem;
}
.hub-project .intro h1 {
  padding: 40px 40px 30px 40px;
  font-family: "Libre Baskerville", serif;
  color: white;
  color: black;
  font-size: 34px;
}
.hub-project .project {
  margin: 0 0 2rem 0;
  border: none;
  background: white;
  padding: 0;
}
.hub-project .project .wrapper {
  position: relative;
  background: white;
  box-shadow: none;
}
.hub-project .project .description {
  min-height: 0;
}

.hub-project .project .wrapper:after {
  content: " ";
  height: 0;
  display: block;
  clear: both;
}

.resources {
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.resources .resource {
  box-sizing: border-box;
  background: #827A7A;
  text-align: left;
  vertical-align: top;
  margin: 1rem 0;
  padding: 2% 2% 4rem 2%;
  color: white;
  width: 29%;
  position: relative;
}
.resources .resource .completed,
.resources .resource .completedBy {
  position: absolute;
  color: black;
  bottom: 50px;
  padding: 6px 12px;
  transform: rotate(-5deg);
  z-index: 10;
  left: -10px;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}
.resources .resource .completed img,
.resources .resource .completedBy img {
  position: absolute;
  z-index: -1;
  top: -85px;
  left: -43px;
}
.resources .resource .completedBy:before {
  content: "Completed by";
  display: block;
  font-size: 13px;
  font-weight: normal;
}
.resources .resource .annotationCount {
  position: absolute;
  right: -10px;
  top: -10px;
  background: red;
  color: white;
  padding: 6px 10px 4px 10px;
  border-radius: 30px;
}
.resources .resource .lastEdited {
  background: none;
  margin: 0;
  position: relative;
  left: 0;
  padding: 0;
  top: -1rem;
  color: white;
  font-family: "Roboto", sans-serif;
}
.resources .resource h3 {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  margin-bottom: 0.5em;
  font-weight: bold;
}
.resources .resource p {
  font-family: "Libre Baskerville", serif;
  color: black;
  margin: 1em 0;
  font-size: 15px;
  background: #BFB6B6;
  padding: 0.5em;
  line-height: 1.4;
}
.resources .resource img {
  width: auto;
  display: block;
  margin: 1rem auto;
  width: auto;
}
.resources .resource .scoreBar {
  height: 8px;
  position: absolute;
  bottom: 8px;
  z-index: 1;
  width: 87%;
}
.resources .resource .score {
  height: 8px;
}
.resources .resource li {
  text-align: center;
  margin-bottom: 0.5rem;
}
.resources .resource a:link,
.resources .resource a:visited {
  font-weight: bold;
  color: white;
}
.resources .resource a.transcribeButton {
  width: 86%;
  background: #FFE52C;
  color: black;
  text-align: center;
  display: block;
  position: absolute;
  left: 7%;
  bottom: 5%;
  padding: 0.75rem 1rem 0.6rem 1rem;
  border-radius: 4px;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.35);
}
.resources .resource.reviewed a.transcribeButton {
  background: #83db4d;
  color: black;
}
.resources .resource.completed a.transcribeButton {
  background: #f19c34;
}
.resources .resource.hasCredit a.transcribeButton {
  text-align: right;
}
.resources:after {
  clear: both;
  display: block;
  content: " ";
  height: 0;
}

.resourceNav {
  padding: 1rem 2rem 2rem 2rem;
  text-align: center;
}
.resourceNav select {
  font-size: 18px;
  padding: 0.5rem;
  border-radius: 4px;
  border: none;
}

.resWrapper {
  display: inline-block;
  text-align: left;
  vertical-align: top;
  margin: 1rem;
  background: #C5BBAA;
  color: black;
  text-align: center;
}
.resWrapper .date {
  padding: 1rem;
  display: block;
  font-size: 13px;
  text-transform: uppercase;
}
.resWrapper .resource {
  display: block;
}

.messages {
  position: fixed;
  z-index: 200;
  background: white;
  padding: 1rem;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
  min-width: 230px;
  color: #333333;
  transition: top 0.5s ease;
  top: -400px;
  right: 0;
}

.messages.revealed {
  right: 0;
  top: 0;
}

.closer {
  display: block;
  transform: rotate(45deg);
  height: 20px;
  width: 20px;
  float: right;
  font-weight: bold;
  color: #a0a0a0;
  font-size: 20px;
  margin-right: -10px;
  margin-top: -5px;
  cursor: pointer;
}

/* resources as appearing on user activity page */
.hub-activity .listWrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: auto;
  padding-top: 0.5rem;
}
.hub-activity .listWrapper .resourceWrapper {
  width: 45%;
  margin: 2.5%;
  background: black;
}
.hub-activity .listWrapper .date {
  color: white;
  text-align: left;
  padding: 0 1rem 0.5rem 1rem;
}
.hub-activity .listWrapper .source {
  float: right;
  width: 50%;
  display: block;
  text-align: right;
  padding: 0 1rem 0.5rem 1rem;
}
.hub-activity .listWrapper .source a:link,
.hub-activity .listWrapper .source a:visited {
  color: white;
  font-weight: bold;
}
.hub-activity .listWrapper .resource {
  width: auto;
  margin: 0;
}
.hub-activity .listWrapper .resource p {
  margin: 1rem 0 0 0;
  font-size: 16px;
}
.hub-activity .listWrapper .resource img {
  float: right;
  margin: 0 0.5rem;
}
.hub-activity .listWrapper .resource h3 {
  display: block;
}
.hub-activity .listWrapper .resource .scoreBar {
  display: block;
}
.hub-activity .listWrapper .resource ul {
  display: inline-block;
}
.hub-activity .listWrapper .resource ul li {
  display: inline-block;
}
.hub-activity .listWrapper .resource ul li + li {
  border-left: 1px solid #333333;
  margin-left: 0.5rem;
  padding-left: 0.5rem;
}
.hub-activity .listWrapper .resource:after {
  content: " ";
  height: 0;
  display: block;
  clear: both;
}
.hub-activity .counts {
  text-align: center;
}
.hub-activity .transCount,
.hub-activity .wordCount {
  display: inline-block;
  min-width: 125px;
  font-size: 13px;
  padding: 12px;
  text-align: center;
  border-radius: 8px;
  vertical-align: middle;
  background: #FFE52C;
  color: black;
  transition: all 0.75s ease;
}
.hub-activity .transCount strong,
.hub-activity .wordCount strong {
  font-size: 60px;
  color: black;
  display: block;
}
.hub-activity .newbie {
  max-width: 750px;
  background: white;
  padding: 2rem;
  border-radius: 8px;
  margin: 2rem auto;
}
.hub-activity .newbie h2 {
  font-size: 32px;
}
.hub-activity .newbie p {
  font-size: 18px;
}
.hub-activity .newbie a:link, .hub-activity .newbie a:visited, .hub-activity .newbie a:active {
  font-weight: bold;
}
.hub-activity .transCount.blip,
.hub-activity .wordCount.blip {
  background: #333333;
  color: #e0e0e0;
}
.hub-activity .transCount.blip strong,
.hub-activity .wordCount.blip strong {
  color: white;
}
.hub-activity .thanks {
  font-size: 22px;
  font-style: italic;
  padding: 1rem;
  display: inline-block;
  vertical-align: middle;
}
.hub-activity .rookiePepTalk {
  background: #f0f0f0;
  font-size: 20px;
  padding: 2rem;
}

.content {
  padding-top: 1rem;
}

.mobile-notice {
  display: none;
}

form {
  background: #eaeaea;
  color: black;
  padding: 2rem;
  max-width: 700px;
  margin: 1rem auto;
}

.section {
  background: #f7f7f7;
  padding: 2rem;
  margin-bottom: 2rem;
}

.row {
  margin: 1rem 0;
  padding: 1rem;
}

.row h3 {
  font-size: 150%;
}

.row label {
  width: 20%;
  display: inline-block;
  font-weight: bold;
  vertical-align: middle;
}

.row input[type=text] {
  width: 74%;
  display: inline-block;
  font-size: 16px;
  padding: 0.5rem;
}

.row input[type=checkbox] {
  width: auto;
  margin: 0 0.5rem;
  vertical-align: middle;
  line-height: 0.5;
  display: inline-block;
}

.row input[type=checkbox] + label {
  width: 85%;
  display: inline-block;
}

button,
input[type=submit] {
  border: none;
  outline: none;
  background: #37acbf;
  color: white;
  padding: 0.5rem 1rem;
  font-size: 16px;
}

.row.error {
  border-left: 4px solid red;
}

.errorMsg {
  display: none;
  background: #ffdddd;
  color: red;
  border: 1px solid red;
  padding: 0.5rem;
}

.error .errorMsg {
  display: block;
}

.dynamicRow {
  display: none;
}

.dynamicRow.shown {
  display: block;
}

.terms {
  max-height: 185px;
  overflow: scroll;
  background: white;
  border: 1px solid black;
  padding: 1rem;
}

.SSFP_label,
.SSFP_label label,
.SSFP_label input {
  font-size: 1px !important;
  height: 0 !important;
  line-height: 1px !important;
  width: 0 !important;
  display: block !important;
  overflow: hidden !important;
  padding: 0 !important;
  margin: 0 !important;
  background: #fff !important;
  color: #fff !important;
  border: none !important;
  outline: none !important;
  text-indent: -9999px;
}

@media (max-width: 600px) {
  .mobile-notice {
    display: block;
    padding: 1rem;
    background: red;
    color: white;
  }
}
.detailsPage {
  background: white;
}
.detailsPage .mymhsToolbar ul {
  list-style: none;
}
.detailsPage .content {
  background: none;
  line-height: 1.5;
}
.detailsPage #usernameLabel {
  display: none !important;
}
.detailsPage h3 {
  font-size: 17px;
  padding-bottom: 0.4rem;
  font-family: "Roboto";
  font-weight: bold;
}
.detailsPage section {
  max-width: 750px;
}
.detailsPage ul {
  list-style-type: square;
  margin-bottom: 2rem;
}
.detailsPage ul li {
  margin-left: 2rem;
}
.detailsPage ul ul {
  list-style-type: disc;
}

/*# sourceMappingURL=frontend.css.map */