h1, h2, h3, h4, h5, h6 { margin: 0; font-family: aqa_chevin_pro_demiboldRg, Helvetica Neue, Helvetica, Arial, sans-serif; }

.aqa-tile-list-folder .aqa-clickable {
  color: #4c4c4b;
  text-decoration: none;
}
.aqa-clickable:hover {
  text-decoration: underline;
}

a:hover {
  text-decoration: underline;
}

a, a:hover, a:visited, a:active, .aqa-clickable {
  color: #2f71ac;
}

/*@font-face {*/
  /*font-family: MergeLight;*/
  /*src: url(../fonts/merge-light.otf); }*/
.aqa-clickable {
  cursor: pointer; }

.aqa-border-top {
  border-top: solid #eaa243 1px; /*RH changed from #dfdfdf*/
}

.aqa-section-header h2 {
  font-size: 18px;
  font-family: aqa_chevin_pro_demiboldRg, Helvetica Neue, Helvetica, Arial, sans-serif;
}

.aqa-heading {
  font-family: aqa_chevin_pro_lightregular, Helvetica Neue, Helvetica, Arial, sans-serif;
}

body {
  background-color: #fff;
  color: #4c4c4b;
  font-size: 15px;
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif; }
  body h1, body h2, body h3, body h4, body h5, body h5 {
    font-family: aqa_chevin_pro_lightregular, Helvetica Neue, Helvetica, Arial, sans-serif;
    }

#top-header {
  margin: 0 auto;
  padding-top: 8px;
  border-top: 4px solid #eaa243; /*added RH - can be removed, just think it anchors the eye to top first*/
}
#top-header .logo { text-align: right; }

#header ul {
  margin-top: 10px;
}
#header {
  margin: 0 auto 20px auto;
  background-color: transparent;
  /*background-image: url(../img/header-bg.png);*/
  /*background-position: right bottom;*/
  /*background-repeat: no-repeat; */
  }
  #header h1, #header h3, #header p {
    color: #4c4c4b; }
  #header p {
    margin-bottom: 0; }
  #header .title {
    font-size: 22px;
    line-height: 25px;
    margin-bottom: 0; }
    @media (min-width: 0px) {
      #header .title {
        margin-top: 10px;
      } }
    @media (min-width: 480px) {
      #header .title {
		 color: #412878;
        font-size: 25px;
        line-height: 25px;
        margin-top: 15px;
        margin-bottom: 5px; } }
    @media (min-width: 768px) {
      #header .title {
        font-size: 25px;
        line-height: 25px;
        margin-bottom: 5px;
      } }
    @media (min-width: 900px) {
      #header .title {
        font-size: 25px;
        line-height: 25px;
        margin-bottom: 5px; } }
  #header .subtitle {
    font-size: 35px;
    color: #EAA243; }
  #header .subtitle.font20 {
    font-size: 20px; }
    @media (min-width: 0px) {
      #header .subtitle.font20 {
      font-size: 18px; } }
    @media (min-width: 320px) {
      #header .subtitle.font20 {
      font-size: 20px; }
    }
  #header ul {
    padding-left: 20px;
  }
  #top-header .logo-wrapper {
    text-align: left; }
    @media (min-width: 640px) {
      #top-header .logo-wrapper {
        text-align: right; } }
  #top-header .logo img, #top-header .aqa-logo img {
    width: auto;
    height: 27px;
    margin-top: 5px;
    margin-bottom: 5px; }
    @media (min-width: 640px) {
      #top-header .logo img, #top-header .aqa-logo img {
        width: auto;
        height: 35px;
        margin-top: 20px; } }
    @media (min-width: 768px) {
      #top-header .logo img, #top-header .aqa-logo img {
        width: auto;
        height: 35px;
        margin-top: 15px; } }

.aqa-exampro-logo {
  background-image: url(../img/exampro-logo.png);
  width: 244px;
  height: 58px;
  margin: 15px auto; }
  @media (min-width: 640px) {
    .aqa-exampro-logo {
      margin: 15px 0 0 10px; } }

.aqa-max-width {
  max-width: 1024px; }

.aqa-charcoal-background {
  background-color: #62C4B7; }

.aqa-light-gray-background {
  background-color: #F5F4F3; }

.aqa-orange-background {
  background-color: #EAA243; }

.aqa-orange-background-semi {
  background-color: rgba(226, 154, 50, 0.8); }

.aqa-light-orange-background {
  background-color: #F4BC56; }

.aqa-blue-background {
  background-color: #56A9D2; }

.aqa-blue-background-semi {
  background-color: rgba(116, 200, 228, 0.8); }

.aqa-light-blue-background {
  background-color: #74C8E4; }

.aqa-red-background {
  background-color: #DC574C; }

.aqa-red-background-semi {
  background-color: rgba(228, 111, 96, 0.8); }

.aqa-light-red-background {
  background-color: #E46F60; }

.aqa-background-profile {
  background-image: url(../img/sign-in-icon.png); }

.aqa-background-apple {
  background-image: url(../img/apple-icon.png); }

.aqa-background-planet {
  background-image: url(../img/planet-icon.png); }

.aqa-background-test-tube {
  background-image: url(../img/test-tube-icon.png); }

.aqa-background-beaker {
  background-image: url(../img/beaker-icon.png); }

.aqa-background-gear {
  background-image: url(../img/gear-icon.png); }

.aqa-background-brain {
  background-image: url(../img/brain-icon.png); }

.aqa-background-chemistry {
  background-image: url(../img/chemistry-icon.png); }

.aqa-background-satellite {
  background-image: url(../img/satellite-icon.png); }

.aqa-section {
  margin: 0 auto;
}

.aqa-section .aqa-section-header {
  margin-top: 15px; }
  @media (min-width: 0px) {
    .aqa-section .aqa-section-header h2 {
      font-size: 17px; margin-bottom: 5px; } }
  @media (min-width: 0px) {
    .aqa-section .aqa-section-header p {
      margin: 0 0 10px 0;
      font-size: 15px;
      line-height: 20px; } }
.aqa-section .aqa-tile .aqa-tile-wrapper > div {
  margin: 0 auto;
}
.aqa-section .aqa-tile .aqa-tile-content {
  background-position: right center;
  background-size: contain;
  background-repeat: no-repeat; }
  @media (min-width: 0px) {
    .aqa-section .aqa-tile .aqa-tile-content {
      width: 200px;
      height: 200px; } }
  @media (min-width: 640px) {
    .aqa-section .aqa-tile .aqa-tile-content {
      width: 155px;
      height: 155px; } }
  @media (min-width: 768px) {
    .aqa-section .aqa-tile .aqa-tile-content {
      width: 192px;
      height: 192px; } }
  @media (min-width: 1024px) {
    .aqa-section .aqa-tile .aqa-tile-content {
      width: 210px;
      height: 210px; } }
@media (min-width: 0px) {
  .aqa-section .aqa-tile .aqa-tile-title {
    text-align: center;
    font-size: 14px;
    line-height: 14px;
    padding: 5px 0; } }
.aqa-section .aqa-tile .aqa-tile-list {
  margin-bottom: 15px;
  text-align: center;
  padding: 5px; }
  @media (min-width: 0px) {
    .aqa-section .aqa-tile .aqa-tile-list {
      width: 200px; } }
  @media (min-width: 640px) {
    .aqa-section .aqa-tile .aqa-tile-list {
      width: 155px;
      padding: 0; } }
  @media (min-width: 768px) {
    .aqa-section .aqa-tile .aqa-tile-list {
      width: 200px; } }
  @media (min-width: 1024px) {
    .aqa-section .aqa-tile .aqa-tile-list {
      width: 210px; } }
  .aqa-section .aqa-tile .aqa-tile-list .aqa-tile-list-item {
    margin: 5px;
    padding: 5px; }
    .aqa-section .aqa-tile .aqa-tile-list .aqa-tile-list-item.aqa-tile-list-item-heading {
      font-family: aqa_chevin_pro_lightregular, Helvetica Neue, Helvetica, Arial, sans-serif;
      margin-top: 0;
      padding: 15px 0; }
      @media (min-width: 640px) {
        .aqa-section .aqa-tile .aqa-tile-list .aqa-tile-list-item.aqa-tile-list-item-heading {
          font-size: 15px; } }
    .aqa-section .aqa-tile .aqa-tile-list .aqa-tile-list-item.aqa-tile-list-item-disabled {
      background-color: rgba(255, 255, 255, 0.2);
      color: #858585; }
  @media (min-width: 0px) {
    .aqa-section .aqa-tile .aqa-tile-list .aqa-tile-list-folder {
      padding-top: 33px;
      background-image: url(../img/folder-bg.png);
      background-repeat: no-repeat;
      background-position: right top;
      background-size: 90%; } }
  @media (min-width: 640px) {
    .aqa-section .aqa-tile .aqa-tile-list .aqa-tile-list-folder {
      padding-top: 28px;
      background-size: 90%; } }
  @media (min-width: 768px) {
    .aqa-section .aqa-tile .aqa-tile-list .aqa-tile-list-folder {
      padding-top: 28px;
      background-size: contain; } }
  .aqa-section .aqa-tile .aqa-tile-list .aqa-tile-list-folder .aqa-tile-list-folder-content {
    padding: 10px; }
    @media (min-width: 640px) {
      .aqa-section .aqa-tile .aqa-tile-list .aqa-tile-list-folder .aqa-tile-list-folder-content {
        padding: 5px; } }
.aqa-section .aqa-bottom-tile {
  margin-top: 25px;
}
.aqa-section .aqa-bottom-tile .aqa-bottom-tile-content {
  width: 80px;
  height: 175px;
  background-position: right 10px;
  background-repeat: no-repeat;
  background-size: 75%; }
  @media (min-width: 480px) {
    .aqa-section .aqa-bottom-tile .aqa-bottom-tile-content {
      width: 110px; } }
  .aqa-section .aqa-bottom-tile .aqa-bottom-tile-content a {
    display: block;
    position: relative;
    text-align: center;
    color: #2f71ac;
    padding: 5px;
    top: 75px;
    font-size: 15px;
    line-height: 18px; }
    .aqa-section .aqa-bottom-tile .aqa-bottom-tile-content a.aqa-dark {
      color: #44494A; }
    @media (min-width: 480px) {
      .aqa-section .aqa-bottom-tile .aqa-bottom-tile-content a {
        top: 95px;
        padding: 5px 5px; } }
.aqa-section .aqa-right-tile .aqa-right-tile-content {
  background-position: right 15px;
  background-size: contain;
  background-repeat: no-repeat; }
  .aqa-section .aqa-right-tile .aqa-right-tile-content a {
    padding: 0 15px;
    position: relative;
    display: block;
    top: 125px;
    color: white;
    font-size: 22px;
    font-weight: bold;
    text-align: center; }
    .aqa-section .aqa-right-tile .aqa-right-tile-content a.aqa-dark {
      color: #44494A; }
  @media (min-width: 640px) {
    .aqa-section .aqa-right-tile .aqa-right-tile-content {
      width: 88px;
      height: 250px;
      background-size: 75%;
      background-position-x: right;
      background-position-y: 15px; }
      .aqa-section .aqa-right-tile .aqa-right-tile-content a {
        padding: 0 5px;
        font-size: 15px;
        line-height: 22px; } }
  @media (min-width: 680px) {
    .aqa-section .aqa-right-tile .aqa-right-tile-content {
      width: 95px; }
      .aqa-section .aqa-right-tile .aqa-right-tile-content a {
        font-size: 18px;
        line-height: 22px; } }
  @media (min-width: 700px) {
    .aqa-section .aqa-right-tile .aqa-right-tile-content {
      width: 98px; } }
  @media (min-width: 800px) {
    .aqa-section .aqa-right-tile .aqa-right-tile-content {
      width: 115px; }
      .aqa-section .aqa-right-tile .aqa-right-tile-content a {
        padding: 0 14px;
        font-size: 18px;
        line-height: 22px; } }
  @media (min-width: 900px) {
    .aqa-section .aqa-right-tile .aqa-right-tile-content {
      width: 130px; }
      .aqa-section .aqa-right-tile .aqa-right-tile-content a {
        padding: 0 20px;
        font-size: 18px;
        line-height: 22px; } }