/*
 Theme Name:   Demo Games
 Description:  Demo of new app and updates
 Author:       Damian O'Rourke
 Author URI:   https://damianorourke.info
 Template:     bootscore-main
 Version:      6.2.0
 Text Domain:  bootscore
*/

@charset "UTF-8";

.chapter1Mobile h2,
.chapter2Mobile h2 {
  font-size: 16px;
  line-height: 24px;
}

[aria-checked="false"]::before {
  background: unset;
  border: unset;
}

[aria-checked="true"]::before {
  background-color: unset;
  color: unset;
  border: unset
}

ul.radioGroup, ul.heaList {
  list-style: none;
  margin: 0;
  padding: 0;
}

ul.radioGroup li, ul.heaList li {
  list-style: none;
  padding: 0;
  margin-bottom: 1.5rem;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #303033;

}

.radioGroup li [role="radio"], ul.heaList li [role="radio"] {
  display: inline-block;
  padding: 4px 14px;
  cursor: pointer;
}

.radioGroup li [role="radio"]::before, ul.heaList li [role="radio"]::before {
  position: relative;
  top: 4px;
  left: -10px;
  content: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' r='9.5' fill='%23F0EFFE' stroke='%235E59A8'/%3E%3C/svg%3E");
}

.radioGroup li [role="radio"][aria-checked="true"]::before, ul.heaList li [aria-checked="true"]::before {
  position: relative;
  top: 4px;
  left: -10px;
  content: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='8' fill='%235E59A8'/%3E%3C/svg%3E");
}


.radioGroup li [role="radio"]:focus, .heaList li [role="radio"]:focus,
.surveyErrors {
  padding: 2px 12px;
  border: 2px solid #5E59A8;
  border-radius: 5px;
  background-color: #FFF;
}

.surveyErrors p {
  font-weight: 900;
}

.radioGroup li [role="radio"]:hover {
  cursor: pointer;
  border: 2px solid transparent;
  padding: 2px 12px;
  border-radius: none;
  background-color: transparent;
}

.questionsGroup li [role="radio"]:hover {
  border: 2px solid transparent !important;
}

.radioWrapper {
  display: block;
  box-sizing: border-box;
}

form {
  box-sizing: border-box;
  overflow: visible;
}

.alertBorderBottom,
.notificationBorderBottom {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  bottom: -.13em;
  z-index: 100;
  visibility: hidden;
}

.alertBorderBottom:after,
.notificationBorderBottom:after {
  content: " ";
  display: block;
  height: .2em;
  border-radius: 10px;
}

.alertBorderBottom:after {
  background-color: #f0860c;
}

.notificationBorderBottom:after {
  background-color: #008ACB;
}

.alertsLink:hover+.alertBorderBottom {
  visibility: visible;
  transition: ease-in;
  transition-duration: 3ms;
}

.notificationsLink.active+.notificationBorderBottom,
.notificationsLink:hover+.notificationBorderBottom {
  visibility: visible;
  transition: ease-in;
  transition-duration: 3ms;
}

.bellIcon {
  background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.1319 19.3149C21.7429 17.6149 20.7623 16.7495 20.7623 12.0629C20.7623 7.77117 18.5708 6.24214 16.767 5.49953C16.5274 5.4011 16.3018 5.17502 16.2288 4.92892C15.9124 3.85206 15.0254 2.90338 13.8463 2.90338C12.6672 2.90338 11.7797 3.8526 11.4665 4.93C11.3935 5.1788 11.1679 5.4011 10.9283 5.49953C9.12239 6.24322 6.93297 7.76684 6.93297 12.0629C6.93026 16.7495 5.94967 17.6149 4.56073 19.3149C3.98525 20.0191 4.48934 21.0765 5.49589 21.0765H22.2021C23.2033 21.0765 23.7041 20.0158 23.1319 19.3149Z' stroke='%235E59A8' stroke-width='1.73077' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17.3078 21.0755V21.9409C17.3078 22.8589 16.9431 23.7394 16.294 24.3886C15.6448 25.0377 14.7644 25.4024 13.8463 25.4024C12.9282 25.4024 12.0478 25.0377 11.3986 24.3886C10.7495 23.7394 10.3848 22.8589 10.3848 21.9409V21.0755' stroke='%235E59A8' stroke-width='1.73077' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  margin-right: 16px;
  min-width: unset !important;
  width: 27.69px;
}

.bellIcon.notificationsOpen {
  background-image: url("data:image/svg+xml,%3Csvg width='28' height='30' viewBox='0 0 28 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.1319 21.3149C21.7429 19.6149 20.7623 18.7495 20.7623 14.0629C20.7623 9.77117 18.5708 8.24214 16.767 7.49953C16.5274 7.4011 16.3018 7.17502 16.2288 6.92892C15.9124 5.85206 15.0254 4.90338 13.8463 4.90338C12.6672 4.90338 11.7797 5.8526 11.4665 6.93C11.3935 7.1788 11.1679 7.4011 10.9283 7.49953C9.12239 8.24322 6.93297 9.76684 6.93297 14.0629C6.93026 18.7495 5.94967 19.6149 4.56073 21.3149C3.98525 22.0191 4.48934 23.0765 5.49589 23.0765H22.2021C23.2033 23.0765 23.7041 22.0158 23.1319 21.3149Z' stroke='white' stroke-width='1.73077' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17.3078 23.0755V23.9409C17.3078 24.8589 16.9431 25.7394 16.294 26.3886C15.6448 27.0377 14.7644 27.4024 13.8463 27.4024C12.9282 27.4024 12.0478 27.0377 11.3986 26.3886C10.7495 25.7394 10.3848 24.8589 10.3848 23.9409V23.0755' stroke='white' stroke-width='1.73077' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.notification {
  position: absolute;
  top: 0;
  right: 0;
  width: 13.85px;
  height: 13.85px;
}

.oneNotification {
  content: url("data:image/svg+xml,%3Csvg width='15' height='14' viewBox='0 0 15 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='7.76683' cy='6.92308' r='6.42308' fill='%23EB5757' stroke='white'/%3E%3Cpath d='M8.97338 3.59439V10.3077H7.55402V4.94164H7.51468L5.97731 5.90536V4.64662L7.63925 3.59439H8.97338Z' fill='white'/%3E%3C/svg%3E");
}


.menuIcon {
  min-width: unset;
  width: 18px;
  height: 12px;
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='12' viewBox='0 0 18 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='18' height='2' rx='1' fill='%23383565'/%3E%3Crect y='5' width='18' height='2' rx='1' fill='%23383565'/%3E%3Crect y='10' width='18' height='2' rx='1' fill='%23383565'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
}

.closeNotificationPopUp {
  min-width: unset;
  min-height: unset;
  position: absolute;
  top: -17px;
  right: -17px;
  width: 32px;
  height: 32px;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.3327 2.54666L17.4527 0.666656L9.99935 8.11999L2.54602 0.666656L0.666016 2.54666L8.11935 9.99999L0.666016 17.4533L2.54602 19.3333L9.99935 11.88L17.4527 19.3333L19.3327 17.4533L11.8793 9.99999L19.3327 2.54666Z' fill='white'/%3E%3C/svg%3E") no-repeat #5E59A8;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
  border-radius: 100%;
  -webkit-border-radius: 100%;
  background-position: center center;
}


.closePopUpWindow {
  min-width: unset;
  min-height: unset;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23ffffff' class='bi bi-x-square' viewBox='0 0 16 16'%3E%3Cpath d='M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E") no-repeat transparent;
  width: 34px;
  height: 34px;
  background-position: center center;
  background-size: cover;
  margin-bottom: 16px;
}


#gameHeader {
  position: relative;
  z-index: 2000;
  background: transparent;
}

a.informedConsentLink {
  text-decoration: none;
  color: #5E59A8;
  font-weight: 600;
}

a.informedConsentLink:focus {
  text-decoration-line: underline;
  text-decoration-color: rgba(149, 123, 190, 0.25);
  text-decoration-style: solid;
  text-decoration-thickness: 0.2rem;
}

#informedConsentArticle,
#informedConsentAgreement,
#principalInvestigator,
#createYourProfile,
#chapterOneBaselineTitle,
#chapterOneProgressTitle,
#chapterTwoBaselineTitle,
#chapterTwoProgressTitle {
  border: 0.2rem solid transparent;
}

#principalInvestigator {
  font-style: italic;
  font-size: 16px;
  line-height: 24px;
}

#informedConsentTitle:focus,
#consentTitle:focus {
  border-color: #957bbe;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgb(86 61 124 / 25%);
}

#informedConsentArticle:focus {
  outline: 0;
  border: 0.2rem solid rgba(149, 123, 190, 0.25);
}

#chapterOnePreQuiz:focus h1,
#chapterOnePostQuiz h1,
#chapterTwoPreQuiz:focus h1,
#chapterTwoPostQuiz:focus h1 {
  border: 0.2rem solid transparent;
}

#informedConsentAgreement:focus,
#principalInvestigator:focus,
#createYourProfile:focus,
#chapterOneBaselineTitle:focus,
#chapterOneProgressTitle:focus,
#chapterTwoBaselineTitle:focus,
#chapterTwoProgressTitle:focus {
  outline: 0;
  border: 0.2rem solid rgba(255, 255, 255, 1);
}

body.page-template-pdfEmbedTemplate p {
  line-height: 50px;
}

/* // administration page  */
.curvedBox {
  display: block;
  width: 100%;
  background: #FFFFFF;
  border: 2px solid #3AACE1;
  box-shadow: 0px 4px 4px rgb(48 48 51 / 24%);
  border-radius: 16px;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  overflow: hidden;
  padding: 20px;
}

.curvedBox .coloreddot {
  width: 10px;
  height: 10px;
  border-radius: 100%;
  position: relative;
  top: unset;
  margin-right: 8px;
}

.curvedBox p {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
}

.race-ethnicity-h2 {
  font-weight: 400;
  font-size: 24px;
  line-height: 32px;
  display: flex;
  align-items: center;
  /* letter-spacing: 0.3px; */
  color: #303033;
}

.race-ethnicity-list {
  list-style: none;
  padding: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: space-between;
}

.race-ethnicity-list li {
  margin-bottom: 16px;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #303033;
}

.engagementTitle {
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
  padding: 32px 0;
}

.engagement-metrics {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.engagement-h3 {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  min-width: 171.38px;
  margin-top: 8px;
}

.engagement-padding {
  padding: 24px 64px !important;
}

.engagement-last-child-padding {
  padding: 24px 42px !important;
}

.engagement-h2,
.engagement-h3,
.engagementTitle {
  /* letter-spacing: 0.3px; */
  color: #303033;
}

@media (min-width: 992px) {
  .race-ethnicity-list {
    flex-direction: row;
  }

  .curvedBox p {
    font-size: 24px;
    line-height: 32px;
  }

}

canvas {
  display: none;
}

@media (min-width: 1200px) {
  .curvedBox {
    padding: 20px 20px 20px 40px;
  }

  .canvasOutput,
  .listOutput {
    width: 50%;
  }
}

canvas {
  border: 1px solid black;
  background-color: #ffffff;
  padding: 0;
  display: none;
}

.curvedBox {
  display: block;
  width: 100%;
  background: #FFFFFF;
  border: 2px solid #3AACE1;
  box-shadow: 0px 4px 4px rgba(48, 48, 51, 0.24);
  border-radius: 16px;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  overflow: hidden;
  padding: 20px;
}

.curvedBox h1 {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
}

.canvasOutput,
.raceOutput {
  width: 100%;
}

.leftDiv p,
.rightDiv p {
  word-break: break-word;
}

.curvedBox p {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
}

.curvedBox .coloreddot {
  width: 10px;
  height: 10px;
  border-radius: 100%;
  position: relative;
  top: unset;
  margin-right: 8px;
}


.canvasOutput img,
.raceOutput img {
  transform: rotate(180deg);
  display: block;
  max-width: 130px;
  margin: 0 auto;
}

.stats-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.stats-list li {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 16px;
  font-size: 14px;
  line-height: 16px;
  color: #303033;
}


.ethnic-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.ethnic-list li {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: start;
  margin-bottom: 16px;
  font-size: 14px;
  line-height: 16px;
  color: #303033;
}

.graphContainer {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
}

.canvasOutput,
.raceOutput {
  padding: 20px 0 35px 0;
}

.engagementTitle {
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
  align-items: center;
  /* letter-spacing: 0.3px; */
  color: #303033;
  padding: 0 0;
  margin: 0;
}

.engagement-h2 {
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
}

.engagement-title{
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
}

@media (min-width: 768px) {

  .canvasOutput img,
  .raceOutput img {
    max-width: 211px;
    margin: 0 auto;
  }

  .canvasOutput,
  .listOutput,
  .raceOutput,
  .raceListOne,
  .raceListTwo {
    width: 100%;
  }

  .graphContainer {
    flex-direction: row;
  }

  .curvedBox h1 {
    font-size: 16px;
    line-height: 24px;
  }

  .curvedBox p {
    font-size: 16px;
    line-height: 24px;
  }

  .curvedBox .coloreddot {
    width: 16px;
    height: 16px;
    border-radius: 100%;
    position: relative;
    top: unset;
    margin-right: 14px;
  }

  .chapter1Mobile h2,
  .chapter2Mobile h2 {
    font-size: 24px;
    line-height: 32px;
  }

  .engagementTitle {
    font-size: 32px;
    line-height: 40px;
    padding: 40px 0;
    margin: 0;
  }

  .engagement-h2 {
    font-size: 24px;
    line-height: 32px;
  }

  .engagement-title{
    font-size: 16px;
    line-height: 24px;
  }

  .engagement-h3{
    margin-top: 0;
  }

  .stats-list li {
    font-size: 16px;
    line-height: 24px;
  }

}

@media (min-width: 992px) {

  .canvasOutput img,
  .raceOutput img {
    margin: 0 auto;
  }

  .canvasOutput,
  .listOutput,
  .raceOutput,
  .raceListOne,
  .raceListTwo {
    width: 100%;
  }

  .graphContainer {
    flex-direction: row;
  }

  .curvedBox h1 {
    font-size: 22px;
    line-height: 28px;
  }

  .curvedBox p {
    font-size: 16px;
    line-height: 24px;
  }

  .curvedBox .coloreddot {
    width: 18px;
    height: 18px;
    border-radius: 100%;
    position: relative;
    top: unset;
    margin-right: 16px;
  }

  .raceOutput img {
    max-width: 211px;
  }

  .canvasOutput img{
    max-width: 140px;
  }

  #genderIdentityImage img {
    max-width: 140px;
  }
}

@media (min-width: 1200px) {

  .canvasOutput img,
  .raceOutput img {
    margin: 0;
  }

  .graphContainer {
    flex-direction: row;
  }

  .canvasOutput,
  .listOutput {
    width: 50%;
  }

  .curvedBox {
    padding: 20px 20px 20px 40px;
  }

  .curvedBox.engagement {
    padding: 38px 33px 36px 33px;
  }

  .curvedBox.awareness {
    padding: 65px 40px 65px 20px;
  }

  .curvedBox.questionsGQ {
    padding: 40px 48px 48px 32px;
  }

  .curvedBox h1 {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 20px;
  }



  .raceOutput,
  .raceListOne,
  .raceListTwo {
    flex-direction: column;
    width: 33.333333%;
  }

  .raceOutput img {
    max-width: 211px;
  }

  .canvasOutput img{
    max-width: 211px;
  }

  #genderIdentityImage img {
    max-width: 185px;
  }

}

.engagementBoxTitle {
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
  align-items: center;
  /* letter-spacing: 0.3px; */
  color: #908F98;
  padding: 0;
  margin: 0;
}

body.page-template-adminDashboard {
  background: #E5E5E5;
}

h1.engagementScore {
  font-weight: 600;
  font-size: 40px;
  line-height: 56px;
  align-items: center;
  /* letter-spacing: 0.3px; */
  color: #303033;
  margin: 0;
}

h1.genderAwarenessScores {
  font-weight: 400;
  font-size: 24px;
  line-height: 32px;
  /* letter-spacing: 1px; */
  font-variant: small-caps;
  color: #303033;
  margin-left: 0 !important;
}

h1.genderAwarenessNoCaps {
  font-weight: 400;
  font-size: 24px;
  line-height: 32px;
  /* letter-spacing: 1px; */
  color: #303033;
  margin-left: 0 !important;
}

h1.questionsThemselves {
  font-weight: 600;
  font-size: 32px;
  line-height: 40px;
  /* letter-spacing: 1px; */
  color: #303033;
}

h1.relatedObjectiveQuestions {
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
  /* letter-spacing: 1px; */
  color: #303033;
  margin: 0;
}

.relatedLearningObjective {
  display: inline-flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 8px 16px;
  height: 48px;
  border: 1px solid #303033;
  border-radius: 40px;
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 32px;
  color: #303033;
  margin-right: 16px;
  margin-top: 16px;
}

.spacer.fourty {
  padding-top: 40px;
}

.filterReportBox {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 12px 24px;
  width: 146px;
  height: 48px;
  background: #FFFFFF;
  border: 1px solid #4B4786;
  box-shadow: 0px 1px 2px rgba(48, 48, 51, 0.4);
  border-radius: 4px;
}

.filterReportBox p {
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #4B4786;
  flex-grow: 1;
  margin: 0;
  padding: 0;
}


.viewReportBox {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 12px 24px;
  gap: 4px;
  width: 172px;
  height: 48px;
  background: #FFFFFF;
  border: 1px solid #4B4786;
  box-shadow: 0px 1px 2px rgba(48, 48, 51, 0.4);
  border-radius: 4px;
}

.viewReportBox:hover,
.viewReportBox:hover p {
  cursor: pointer;
}

.viewReportBox p {
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #4B4786;
  flex-grow: 1;
  margin: 0;
  padding: 0;
}

h1.bottomAwareness {
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
  /* letter-spacing: 1px; */
  font-variant: small-caps;
  color: #303033;
}

h1.bottomAwareness span {
  font-weight: 200;
}

.snapContainer {
  margin: 0 auto;
  padding-left: 8px;
  padding-right: 8px;
  display: grid;
  grid-auto-flow: column;
  gap: 1rem;
  height: 200px;
  /* padding: 1rem; */
  /* width: 1440px; */
  max-width: 100%;
  overflow-y: auto;
  overscroll-behavior-x: contain;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  scroll-behavior: smooth;
}

.snapContainer .curvedBox {
  scroll-snap-align: center;
  object-fit: contain;
}

.snapContainer .curvedBox {
  height: 183px;
  width: 368px;
  display: inline !important;
  transition-timing-function: ease-in;

  /* Quick on the way out */
  transition: 0.2s;
}

.curvedBox {
  display: inline-flex;
  flex-direction: column;
  margin: 0;
}


.image-responsive {
  max-width: 100%;
  height: auto;
}


.snapContainer::-webkit-scrollbar,
.tilt-container::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.snapContainer,
.tilt-container {
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
}

.btn-backButton {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 12px 32px 12px 24px;
  width: 121px;
  height: 48px;
  background: #FFFFFF;
  border: 1px solid #4B4786;
  box-shadow: 0px 1px 2px rgba(48, 48, 51, 0.4);
  border-radius: 4px;
}

.btn-backButton img {
  vertical-align: top !important;
}

.btn-Awareness {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 12px 24px;
  height: 48px;
  border-radius: 4px;
  background: #9E9BCB;
  box-shadow: inset 0px 1px 4px rgba(255, 255, 255, 0.24);
  flex: none;
  order: 0;
  flex-grow: 0;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #FFFFFF;
  margin-right: 16px;
  margin-bottom: 24px;
}

.btn-Awareness.active {
  background: #4B4786;
  box-shadow: inset 0px 1px 4px rgba(255, 255, 255, 0.24);
}

#showGenderReport,
#showRaceReport,
#mainContentPage {
  display: block;
}

header.whiteBack {
  background: #fff !important;
  max-height: 60px !important;
}

span.to-lower-case {
  text-transform: lowercase;
}

@media screen and (orientation: portrait) {

  .innerPopUpWindow {
    width: 100%;
  }

  #genericButton {
    width: 250px;
  }
}