body {
  font-family: 'Roboto', sans-serif;
  background-color: white;
  margin: 0px;
  min-height: 100%;
}
@media screen and (max-width: 768px) {
  html,
  body {
    overflow-x: hidden;
    height: 100%;
  }
  body {
    position: relative;
  }
}
.container {
  max-width: 1250px;
  margin: 0px auto;
}
.visually-hidden.focusable.skip-to {
  margin: 0px auto;
  background-color: #252324;
  padding: 0.5em 1em;
  outline: none;
  color: #fff;
}
.visually-hidden.focusable.skip-to:focus {
  position: relative !important;
  margin: 0px auto;
  width: 100%;
  text-align: center;
  z-index: 100;
  display: block;
}
.pointer {
  position: fixed;
  width: 10px;
  height: 10px;
  -webkit-transform: rotate(45deg) translate(5px, -5px);
      -ms-transform: rotate(45deg) translate(5px, -5px);
          transform: rotate(45deg) translate(5px, -5px);
  right: 0;
  top: 50%;
  z-index: 10;
  background-color: #333;
  opacity: 0;
}
/* Utilities */
/* Base Styles */
.regular-font {
  font-family: 'Roboto', sans-serif;
}
.alt-font {
  font-family: 'Bebas Neue', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
a {
  color: #91002f;
}
a:hover,
a:focus {
  text-decoration: none;
}
.megabutton a {
  text-decoration: none;
  color: #252324;
  padding: 0.25em 0.5em;
  font-size: 1em !important;
}
.call-to-action {
  background-color: #91002f;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  display: inline-block;
  border: 0px;
  font-size: 12px;
  border-radius: 5px;
  padding: 0.5em 0.9em 0.5em 1em;
  border: 2px solid #91002f;
  -webkit-transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out;
  transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out;
  cursor: pointer;
}
@media screen and (min-width: 500px) {
  .call-to-action {
    font-size: calc(12px + 3 * ((100vw - 500px) / 1100));
  }
}
@media screen and (min-width: 1600px) {
  .call-to-action {
    font-size: 15px;
  }
}
@media screen and (min-width: 500px) {
  .call-to-action {
    border-radius: calc(5px + 3 * ((100vw - 500px) / 1100));
  }
}
@media screen and (min-width: 1600px) {
  .call-to-action {
    border-radius: 8px;
  }
}
.call-to-action:hover,
.call-to-action:focus {
  background-color: #fff;
  color: #91002f;
  border-color: #91002f;
}
.call-to-action.red {
  background-color: #91002f;
  border-color: #91002f;
}
.call-to-action.red:hover,
.call-to-action.red:focus {
  background-color: #fff;
  color: #91002f;
}
.call-to-action.blue {
  background-color: #3c6d80;
  border-color: #3c6d80;
}
.call-to-action.blue:hover,
.call-to-action.blue:focus {
  background-color: #fff;
  color: #3c6d80;
  border-color: #3c6d80;
}
.call-to-action.grey {
  background-color: #707070;
  border-color: #707070;
}
.call-to-action.grey:hover,
.call-to-action.grey:focus {
  background-color: #fff;
  color: #707070;
  border-color: #707070;
}
.call-to-action.tan {
  background-color: #eadfb4;
  border-color: #eadfb4;
}
.call-to-action.tan:hover,
.call-to-action.tan:focus {
  background-color: #fff;
  color: #eadfb4;
  border-color: #eadfb4;
}
.call-to-action.orange {
  background-color: #f59120;
  border-color: #f59120;
}
.call-to-action.orange:hover,
.call-to-action.orange:focus {
  background-color: #fff;
  color: #f59120;
  border-color: #f59120;
}
.call-to-action.gold {
  background-color: #fdc316;
  border-color: #fdc316;
}
.call-to-action.gold:hover,
.call-to-action.gold:focus {
  background-color: #fff;
  color: #fdc316;
  border-color: #fdc316;
}
.call-to-action.green {
  background-color: #a2b27b;
  border-color: #a2b27b;
}
.call-to-action.green:hover,
.call-to-action.green:focus {
  background-color: #fff;
  color: #a2b27b;
  border-color: #a2b27b;
}
.call-to-action-small {
  font-size: 11px;
}
@media screen and (min-width: 500px) {
  .call-to-action-small {
    font-size: calc(11px + 2 * ((100vw - 500px) / 1100));
  }
}
@media screen and (min-width: 1600px) {
  .call-to-action-small {
    font-size: 13px;
  }
}
/* Nodes */
/* Regions */
header .top {
  background-color: #707070;
  padding: 0 1em;
}
header .top .container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 0.5em 0;
  padding-top: 3px;
  padding-bottom: 3px;
}
@media screen and (min-width: 500px) {
  header .top .container {
    padding-top: calc(3px + 2 * ((100vw - 500px) / 1100));
  }
}
@media screen and (min-width: 1600px) {
  header .top .container {
    padding-top: 5px;
  }
}
@media screen and (min-width: 500px) {
  header .top .container {
    padding-bottom: calc(3px + 2 * ((100vw - 500px) / 1100));
  }
}
@media screen and (min-width: 1600px) {
  header .top .container {
    padding-bottom: 5px;
  }
}
header .top ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 0;
  margin: 0px;
  list-style: none;
}
header .top ul li {
  border-right: 2px solid #fff;
}
header .top ul li:last-child {
  border-right: 0;
}
header .top ul li:last-child a {
  padding-right: 0;
}
header .top ul li a {
  display: block;
  color: #fff;
  padding: 0em 0.5em;
  font-family: 'Bebas Neue', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 15px;
  -webkit-transition: opacity 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out;
  text-decoration: none;
}
@media screen and (min-width: 500px) {
  header .top ul li a {
    font-size: calc(15px + 10 * ((100vw - 500px) / 1100));
  }
}
@media screen and (min-width: 1600px) {
  header .top ul li a {
    font-size: 25px;
  }
}
header .top ul li a:hover,
header .top ul li a:focus {
  opacity: 0.6;
}
header .bottom {
  padding: 0 1em;
}
header .bottom .container {
  border-bottom: 7px solid #91002f;
  border-width: 4px;
  padding: 1em 0 1.25em 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
}
@media screen and (min-width: 500px) {
  header .bottom .container {
    border-width: calc(4px + 3 * ((100vw - 500px) / 1100));
  }
}
@media screen and (min-width: 1600px) {
  header .bottom .container {
    border-width: 7px;
  }
}
@media screen and (max-width: 768px) {
  header .bottom .container {
    min-height: 30px;
    padding-bottom: 0.5em;
  }
}
header .bottom .site-logo h1 {
  margin: 0px;
  padding: 0px;
  font-family: 'Bebas Neue', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  line-height: 60%;
}
header .bottom .site-logo h1 a {
  color: #252324;
  font-size: 24px;
  text-decoration: none;
  -webkit-transition: opacity 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out;
}
@media screen and (min-width: 500px) {
  header .bottom .site-logo h1 a {
    font-size: calc(24px + 16 * ((100vw - 500px) / 1100));
  }
}
@media screen and (min-width: 1600px) {
  header .bottom .site-logo h1 a {
    font-size: 40px;
  }
}
header .bottom .site-logo h1 a:hover,
header .bottom .site-logo h1 a:focus {
  opacity: 0.6;
}
header .bottom .cfli-logo {
  position: relative;
  width: 200px;
  height: 66px;
  -webkit-transform: translateY(10px);
      -ms-transform: translateY(10px);
          transform: translateY(10px);
}
@media screen and (min-width: 500px) {
  header .bottom .cfli-logo {
    width: calc(200px + 50 * ((100vw - 500px) / 1100));
  }
}
@media screen and (min-width: 1600px) {
  header .bottom .cfli-logo {
    width: 250px;
  }
}
@media screen and (min-width: 500px) {
  header .bottom .cfli-logo {
    height: calc(66px + 17 * ((100vw - 500px) / 1100));
  }
}
@media screen and (min-width: 1600px) {
  header .bottom .cfli-logo {
    height: 83px;
  }
}
header .bottom .cfli-logo a {
  display: block;
  background-repeat: no-repeat;
  width: 200px;
  height: 66px;
  background-size: 100% 100%;
  position: absolute;
  -webkit-transition: opacity 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out;
}
@media screen and (min-width: 500px) {
  header .bottom .cfli-logo a {
    width: calc(200px + 50 * ((100vw - 500px) / 1100));
  }
}
@media screen and (min-width: 1600px) {
  header .bottom .cfli-logo a {
    width: 250px;
  }
}
@media screen and (min-width: 500px) {
  header .bottom .cfli-logo a {
    height: calc(66px + 17 * ((100vw - 500px) / 1100));
  }
}
@media screen and (min-width: 1600px) {
  header .bottom .cfli-logo a {
    height: 83px;
  }
}
header .bottom .cfli-logo a span {
  display: none;
}
header .bottom .cfli-logo a:hover,
header .bottom .cfli-logo a:focus {
  opacity: 0.6;
}
header .bottom .cfli-logo a:first-child {
  background-image: url(../images/cfli-logo-a.png);
}
header .bottom .cfli-logo a:nth-child(2) {
  background-image: url(../images/cfli-logo-b.png);
  width: 120px;
  height: 19px;
  left: 18.5%;
  bottom: 0;
}
@media screen and (min-width: 500px) {
  header .bottom .cfli-logo a:nth-child(2) {
    width: calc(120px + 75 * ((100vw - 500px) / 1100));
  }
}
@media screen and (min-width: 1600px) {
  header .bottom .cfli-logo a:nth-child(2) {
    width: 195px;
  }
}
@media screen and (min-width: 500px) {
  header .bottom .cfli-logo a:nth-child(2) {
    height: calc(19px + 11 * ((100vw - 500px) / 1100));
  }
}
@media screen and (min-width: 1600px) {
  header .bottom .cfli-logo a:nth-child(2) {
    height: 30px;
  }
}
@media screen and (max-width: 768px) {
  header .bottom .cfli-logo {
    display: none;
  }
}
.common-cfli-logo {
  position: relative;
  width: 200px;
  height: 66px;
  -webkit-transform: translateY(10px);
      -ms-transform: translateY(10px);
          transform: translateY(10px);
}
@media screen and (min-width: 500px) {
  .common-cfli-logo {
    width: calc(200px + 50 * ((100vw - 500px) / 1100));
  }
}
@media screen and (min-width: 1600px) {
  .common-cfli-logo {
    width: 250px;
  }
}
@media screen and (min-width: 500px) {
  .common-cfli-logo {
    height: calc(66px + 17 * ((100vw - 500px) / 1100));
  }
}
@media screen and (min-width: 1600px) {
  .common-cfli-logo {
    height: 83px;
  }
}
.common-cfli-logo a {
  display: block;
  background-repeat: no-repeat;
  width: 200px;
  height: 66px;
  background-size: 100% 100%;
  position: absolute;
  -webkit-transition: opacity 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out;
}
@media screen and (min-width: 500px) {
  .common-cfli-logo a {
    width: calc(200px + 50 * ((100vw - 500px) / 1100));
  }
}
@media screen and (min-width: 1600px) {
  .common-cfli-logo a {
    width: 250px;
  }
}
@media screen and (min-width: 500px) {
  .common-cfli-logo a {
    height: calc(66px + 17 * ((100vw - 500px) / 1100));
  }
}
@media screen and (min-width: 1600px) {
  .common-cfli-logo a {
    height: 83px;
  }
}
.common-cfli-logo a span {
  display: none;
}
.common-cfli-logo a:hover,
.common-cfli-logo a:focus {
  opacity: 0.6;
}
.common-cfli-logo a:first-child {
  background-image: url(../images/cfli-logo-a.png);
}
.common-cfli-logo a:nth-child(2) {
  background-image: url(../images/cfli-logo-b.png);
  width: 120px;
  height: 19px;
  left: 18.5%;
  bottom: 0;
}
@media screen and (min-width: 500px) {
  .common-cfli-logo a:nth-child(2) {
    width: calc(120px + 75 * ((100vw - 500px) / 1100));
  }
}
@media screen and (min-width: 1600px) {
  .common-cfli-logo a:nth-child(2) {
    width: 195px;
  }
}
@media screen and (min-width: 500px) {
  .common-cfli-logo a:nth-child(2) {
    height: calc(19px + 11 * ((100vw - 500px) / 1100));
  }
}
@media screen and (min-width: 1600px) {
  .common-cfli-logo a:nth-child(2) {
    height: 30px;
  }
}
@media screen and (min-width: 768px) {
  .header .bottom .container {
    -webkit-transform: scale(0.8, 1);
        -ms-transform: scale(0.8, 1);
            transform: scale(0.8, 1);
    opacity: 0;
    -webkit-transition: opacity 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
  }
  .header .bottom .site-logo,
  .header .bottom .cfli-logo {
    opacity: 0;
    -webkit-transition: opacity 0.5s ease-in-out 0.5s;
    transition: opacity 0.5s ease-in-out 0.5s;
  }
  .loaded .header .bottom .container {
    -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
            transform: scale(1, 1);
    opacity: 1;
  }
  .loaded .header .bottom .site-logo,
  .loaded .header .bottom .cfli-logo {
    opacity: 1;
  }
}
@media print {
  .header {
    display: none;
  }
}
.main-container {
  padding-top: 10px;
}
@media screen and (min-width: 500px) {
  .main-container {
    padding-top: calc(10px + 10 * ((100vw - 500px) / 1100));
  }
}
@media screen and (min-width: 1600px) {
  .main-container {
    padding-top: 20px;
  }
}
.main-container.container {
  padding: 0 15px;
}
footer {
  padding-top: 2em;
  padding: 2em 1em;
}
footer .container {
  border-top: 7px solid #91002f;
  border-width: 4px;
  padding: 1.25em 0 1.25em 0;
}
@media screen and (min-width: 500px) {
  footer .container {
    border-width: calc(4px + 3 * ((100vw - 500px) / 1100));
  }
}
@media screen and (min-width: 1600px) {
  footer .container {
    border-width: 7px;
  }
}
footer .container .footer-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 768px) {
  footer .container .footer-inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media screen and (max-width: 768px) {
  footer .container {
    padding-top: 0.5em;
  }
}
footer .container .cfli-logo {
  position: relative;
  width: 200px;
  height: 66px;
  -webkit-transform: translateY(10px);
      -ms-transform: translateY(10px);
          transform: translateY(10px);
}
@media screen and (min-width: 500px) {
  footer .container .cfli-logo {
    width: calc(200px + 50 * ((100vw - 500px) / 1100));
  }
}
@media screen and (min-width: 1600px) {
  footer .container .cfli-logo {
    width: 250px;
  }
}
@media screen and (min-width: 500px) {
  footer .container .cfli-logo {
    height: calc(66px + 17 * ((100vw - 500px) / 1100));
  }
}
@media screen and (min-width: 1600px) {
  footer .container .cfli-logo {
    height: 83px;
  }
}
footer .container .cfli-logo a {
  display: block;
  background-repeat: no-repeat;
  width: 200px;
  height: 66px;
  background-size: 100% 100%;
  position: absolute;
  -webkit-transition: opacity 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out;
}
@media screen and (min-width: 500px) {
  footer .container .cfli-logo a {
    width: calc(200px + 50 * ((100vw - 500px) / 1100));
  }
}
@media screen and (min-width: 1600px) {
  footer .container .cfli-logo a {
    width: 250px;
  }
}
@media screen and (min-width: 500px) {
  footer .container .cfli-logo a {
    height: calc(66px + 17 * ((100vw - 500px) / 1100));
  }
}
@media screen and (min-width: 1600px) {
  footer .container .cfli-logo a {
    height: 83px;
  }
}
footer .container .cfli-logo a span {
  display: none;
}
footer .container .cfli-logo a:hover,
footer .container .cfli-logo a:focus {
  opacity: 0.6;
}
footer .container .cfli-logo a:first-child {
  background-image: url(../images/cfli-logo-a.png);
}
footer .container .cfli-logo a:nth-child(2) {
  background-image: url(../images/cfli-logo-b.png);
  width: 120px;
  height: 19px;
  left: 18.5%;
  bottom: 0;
}
@media screen and (min-width: 500px) {
  footer .container .cfli-logo a:nth-child(2) {
    width: calc(120px + 75 * ((100vw - 500px) / 1100));
  }
}
@media screen and (min-width: 1600px) {
  footer .container .cfli-logo a:nth-child(2) {
    width: 195px;
  }
}
@media screen and (min-width: 500px) {
  footer .container .cfli-logo a:nth-child(2) {
    height: calc(19px + 11 * ((100vw - 500px) / 1100));
  }
}
@media screen and (min-width: 1600px) {
  footer .container .cfli-logo a:nth-child(2) {
    height: 30px;
  }
}
@media screen and (max-width: 768px) {
  footer .region-footer_middle {
    width: 100%;
  }
}
footer .block-block-middlefooterblock {
  text-transform: uppercase;
  font-size: 14px;
}
@media screen and (max-width: 768px) {
  footer .block-block-middlefooterblock {
    width: 100%;
    border-bottom: 7px solid #91002f;
    border-width: 4px;
    margin-top: 2em;
  }
}
@media screen and (max-width: 768px) and screen and (min-width: 500px) {
  footer .block-block-middlefooterblock {
    border-width: calc(4px + 3 * ((100vw - 500px) / 1100));
  }
}
@media screen and (max-width: 768px) and screen and (min-width: 1600px) {
  footer .block-block-middlefooterblock {
    border-width: 7px;
  }
}
@media screen and (min-width: 500px) {
  footer .block-block-middlefooterblock {
    font-size: calc(14px + 1 * ((100vw - 500px) / 1100));
  }
}
@media screen and (min-width: 1600px) {
  footer .block-block-middlefooterblock {
    font-size: 15px;
  }
}
footer .block-block-middlefooterblock a {
  color: #91002f;
  text-decoration: none;
}
footer .block-block-middlefooterblock a:hover,
footer .block-block-middlefooterblock a:focus {
  text-decoration: underline;
}
footer .block-block-socialmediaicons {
  width: 100px;
}
@media screen and (max-width: 768px) {
  footer .block-block-socialmediaicons {
    width: 100%;
  }
}
footer .block-block-socialmediaicons p {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
footer .block-block-socialmediaicons a {
  background-color: #3c6d80;
  width: 30px;
  height: 30px;
  font-size: 10px;
  margin: 2px;
  border-radius: 50%;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  color: #fff;
  text-decoration: none;
  -webkit-transition: background-color 0.25s ease-in-out;
  transition: background-color 0.25s ease-in-out;
}
@media screen and (min-width: 500px) {
  footer .block-block-socialmediaicons a {
    width: calc(30px + 10 * ((100vw - 500px) / 1100));
  }
}
@media screen and (min-width: 1600px) {
  footer .block-block-socialmediaicons a {
    width: 40px;
  }
}
@media screen and (min-width: 500px) {
  footer .block-block-socialmediaicons a {
    height: calc(30px + 10 * ((100vw - 500px) / 1100));
  }
}
@media screen and (min-width: 1600px) {
  footer .block-block-socialmediaicons a {
    height: 40px;
  }
}
@media screen and (min-width: 500px) {
  footer .block-block-socialmediaicons a {
    font-size: calc(10px + 5 * ((100vw - 500px) / 1100));
  }
}
@media screen and (min-width: 1600px) {
  footer .block-block-socialmediaicons a {
    font-size: 15px;
  }
}
footer .block-block-socialmediaicons a:hover,
footer .block-block-socialmediaicons a:focus {
  background-color: #a2b27b;
}
footer .block-block-socialmediaicons a i span {
  display: none;
}
@media print {
  footer,
  .page-nav,
  .call-to-action {
    display: none !important;
  }
}
.region-highlighted {
  max-width: 1250px;
  margin: 0px auto;
}
.region-highlighted div[role='contentinfo'] {
  margin: 2em 0 1em;
  border: 1px solid #96BC44;
  border-radius: 5px;
}
@media screen and (min-width: 500px) {
  .region-highlighted div[role='contentinfo'] {
    border-radius: calc(5px + 3 * ((100vw - 500px) / 1100));
  }
}
@media screen and (min-width: 1600px) {
  .region-highlighted div[role='contentinfo'] {
    border-radius: 8px;
  }
}
.region-highlighted div[role='alert'] {
  background-color: #D4EFCC;
  padding: 2em;
}
.assessment-banner {
  position: relative;
  margin-top: 13px;
  height: 100px;
  background-color: #91002f;
}
@media screen and (min-width: 500px) {
  .assessment-banner {
    margin-top: calc(13px + 7 * ((100vw - 500px) / 1100));
  }
}
@media screen and (min-width: 1600px) {
  .assessment-banner {
    margin-top: 20px;
  }
}
@media screen and (min-width: 500px) {
  .assessment-banner {
    height: calc(100px + 100 * ((100vw - 500px) / 1100));
  }
}
@media screen and (min-width: 1600px) {
  .assessment-banner {
    height: 200px;
  }
}
.assessment-banner .text {
  position: relative;
  z-index: 3;
  border: 1px solid white;
  height: 100%;
}
.assessment-banner .text .container {
  height: calc(100% - 1em);
  padding: 0px 15px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  color: #fff;
}
.assessment-banner .text .container .small {
  text-transform: uppercase;
  font-size: 12px;
}
@media screen and (min-width: 500px) {
  .assessment-banner .text .container .small {
    font-size: calc(12px + 3 * ((100vw - 500px) / 1100));
  }
}
@media screen and (min-width: 1600px) {
  .assessment-banner .text .container .small {
    font-size: 15px;
  }
}
.assessment-banner .text .container .big {
  font-family: 'Bebas Neue', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 25px;
}
@media screen and (min-width: 500px) {
  .assessment-banner .text .container .big {
    font-size: calc(25px + 10 * ((100vw - 500px) / 1100));
  }
}
@media screen and (min-width: 1600px) {
  .assessment-banner .text .container .big {
    font-size: 35px;
  }
}
.assessment-banner .background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.assessment-banner .background .image,
.assessment-banner .background .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.assessment-banner .background .image {
  z-index: 1;
  background-image: url('../images/banner-sliver.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
@media print {
  .assessment-banner {
    display: none;
  }
}
/* Blocks */
.block-local_tasks_block {
  margin: 0.5em auto 0 auto;
  max-width: 1250px;
  margin: 0px auto;
}
.block-local_tasks_block ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  .block-local_tasks_block ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.block-local_tasks_block ul li a {
  display: block;
  padding: 0.5em 2em;
  border-radius: 0px;
  text-decoration: none;
  color: #0074bd;
  border: 1px solid #bfbfbf;
  border-right: 0;
  background-color: rgba(242, 242, 240, 0.7);
  font-size: 12px;
}
@media screen and (min-width: 500px) {
  .block-local_tasks_block ul li a {
    font-size: calc(12px + 4 * ((100vw - 500px) / 1100));
  }
}
@media screen and (min-width: 1600px) {
  .block-local_tasks_block ul li a {
    font-size: 16px;
  }
}
.block-local_tasks_block ul li a:hover,
.block-local_tasks_block ul li a:focus {
  background-color: #fafaf7;
}
.block-local_tasks_block ul li a.is-active {
  background-color: #fff;
}
.block-local_tasks_block ul li:first-child a {
  border-top-left-radius: 5px;
}
.block-local_tasks_block ul li:last-child a {
  border-right: 1px solid #bfbfbf;
  border-top-right-radius: 5px;
}
/* Paragraphs */
.paragraph-body {
  max-width: 1000px;
  padding: 0.5em 0;
}
.paragraph-body p {
  font-size: 15px;
  line-height: 140%;
}
@media screen and (min-width: 500px) {
  .paragraph-body p {
    font-size: calc(15px + 5 * ((100vw - 500px) / 1100));
  }
}
@media screen and (min-width: 1600px) {
  .paragraph-body p {
    font-size: 20px;
  }
}
.paragraph-highlight {
  position: relative;
  margin-bottom: 13px;
}
@media screen and (min-width: 500px) {
  .paragraph-highlight {
    margin-bottom: calc(13px + 7 * ((100vw - 500px) / 1100));
  }
}
@media screen and (min-width: 1600px) {
  .paragraph-highlight {
    margin-bottom: 20px;
  }
}
.paragraph-highlight.bg-color-blue .overlay {
  background-color: #3c6d80;
}
.paragraph-highlight.bg-color-grey .overlay {
  background-color: #707070;
}
.paragraph-highlight.bg-color-red .overlay {
  background-color: #91002f;
}
.paragraph-highlight.bg-color-tan .overlay {
  background-color: #eadfb4;
}
.paragraph-highlight.bg-color-orange .overlay {
  background-color: #f59120;
}
.paragraph-highlight.bg-color-gold .overlay {
  background-color: #fdc316;
}
.paragraph-highlight.bg-color-green .overlay {
  background-color: #a2b27b;
}
.paragraph-highlight.alignment-screenshot-left .container {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.paragraph-highlight .background,
.paragraph-highlight .background .image,
.paragraph-highlight .background .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.paragraph-highlight .background .image {
  background-size: cover;
  background-position: center center;
}
.paragraph-highlight .background .overlay {
  opacity: 0.8;
  z-index: 2;
}
.paragraph-highlight .container {
  position: relative;
  z-index: 3;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 20px;
}
@media screen and (min-width: 500px) {
  .paragraph-highlight .container {
    padding: calc(20px + 10 * ((100vw - 500px) / 1100));
  }
}
@media screen and (min-width: 1600px) {
  .paragraph-highlight .container {
    padding: 30px;
  }
}
.paragraph-highlight .container .col.left {
  width: 60%;
}
@media screen and (max-width: 768px) {
  .paragraph-highlight .container .col.left {
    width: 100%;
  }
}
.paragraph-highlight .container .col.left .col-inner {
  padding-left: 30px;
  padding-right: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (min-width: 500px) {
  .paragraph-highlight .container .col.left .col-inner {
    padding-left: calc(30px + 30 * ((100vw - 500px) / 1100));
  }
}
@media screen and (min-width: 1600px) {
  .paragraph-highlight .container .col.left .col-inner {
    padding-left: 60px;
  }
}
@media screen and (min-width: 500px) {
  .paragraph-highlight .container .col.left .col-inner {
    padding-right: calc(30px + 30 * ((100vw - 500px) / 1100));
  }
}
@media screen and (min-width: 1600px) {
  .paragraph-highlight .container .col.left .col-inner {
    padding-right: 60px;
  }
}
.paragraph-highlight .container .col.right {
  width: 40%;
}
@media screen and (max-width: 768px) {
  .paragraph-highlight .container .col.right {
    display: none;
  }
}
.paragraph-highlight .container .col.right img {
  width: 100%;
  height: auto;
  box-shadow: 0px 8px 10px rgba(0, 0, 0, 0.5);
}
.paragraph-highlight .container .col.right .col-inner {
  padding-left: 30px;
  padding-right: 30px;
}
@media screen and (min-width: 500px) {
  .paragraph-highlight .container .col.right .col-inner {
    padding-left: calc(30px + 0 * ((100vw - 500px) / 1100));
  }
}
@media screen and (min-width: 1600px) {
  .paragraph-highlight .container .col.right .col-inner {
    padding-left: 30px;
  }
}
@media screen and (min-width: 500px) {
  .paragraph-highlight .container .col.right .col-inner {
    padding-right: calc(30px + 0 * ((100vw - 500px) / 1100));
  }
}
@media screen and (min-width: 1600px) {
  .paragraph-highlight .container .col.right .col-inner {
    padding-right: 30px;
  }
}
.paragraph-highlight .icon {
  max-width: 150px;
  margin-bottom: 2em;
}
@media screen and (max-width: 768px) {
  .paragraph-highlight .icon {
    max-width: 75px;
  }
}
.paragraph-highlight .icon img {
  width: 100%;
  height: auto;
}
.paragraph-highlight .title,
.paragraph-highlight .body {
  color: #fff;
}
.paragraph-highlight .title {
  font-family: 'Bebas Neue', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 25px;
}
@media screen and (min-width: 500px) {
  .paragraph-highlight .title {
    font-size: calc(25px + 20 * ((100vw - 500px) / 1100));
  }
}
@media screen and (min-width: 1600px) {
  .paragraph-highlight .title {
    font-size: 45px;
  }
}
.paragraph-highlight .body {
  font-size: 13px;
  line-height: 140%;
}
@media screen and (min-width: 500px) {
  .paragraph-highlight .body {
    font-size: calc(13px + 7 * ((100vw - 500px) / 1100));
  }
}
@media screen and (min-width: 1600px) {
  .paragraph-highlight .body {
    font-size: 20px;
  }
}
@media screen and (min-width: 768px) {
  .paragraph-highlight .icon {
    opacity: 0;
    -webkit-transform: scale(0.8, 0.8);
        -ms-transform: scale(0.8, 0.8);
            transform: scale(0.8, 0.8);
    -webkit-transition: opacity 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
  }
  .paragraph-highlight .background .image {
    opacity: 0;
    -webkit-transition: opacity 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
  }
  .paragraph-highlight .background .overlay {
    opacity: 1;
    -webkit-transition: opacity 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
  }
  .paragraph-highlight .left {
    -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
            transform: translateY(20px);
    -webkit-transition: opacity 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
    opacity: 0;
  }
  .paragraph-highlight .right {
    -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
            transform: translateY(20px);
    -webkit-transition: opacity 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
    opacity: 0;
  }
  .pointed.paragraph-highlight .icon {
    opacity: 1;
    -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  .pointed.paragraph-highlight .background .image {
    opacity: 1;
    -webkit-transition-delay: 1s;
            transition-delay: 1s;
  }
  .pointed.paragraph-highlight .background .overlay {
    opacity: 0.8;
    -webkit-transition-delay: 1s;
            transition-delay: 1s;
  }
  .pointed.paragraph-highlight .left {
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
  .pointed.paragraph-highlight .right {
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
    -webkit-transition-delay: 0.5s;
            transition-delay: 0.5s;
  }
}
.paragraph-hero {
  position: relative;
  margin-bottom: 13px;
}
@media screen and (min-width: 500px) {
  .paragraph-hero {
    margin-bottom: calc(13px + 7 * ((100vw - 500px) / 1100));
  }
}
@media screen and (min-width: 1600px) {
  .paragraph-hero {
    margin-bottom: 20px;
  }
}
.paragraph-hero.bg-color-blue .overlay {
  background-color: #3c6d80;
}
.paragraph-hero.bg-color-grey .overlay {
  background-color: #707070;
}
.paragraph-hero.bg-color-red {
  background-color: #91002f;
}
.paragraph-hero.bg-color-red .overlay {
  background-color: #91002f;
}
.paragraph-hero.bg-color-tan .overlay {
  background-color: #eadfb4;
}
.paragraph-hero.bg-color-orange .overlay {
  background-color: #f59120;
}
.paragraph-hero.bg-color-gold .overlay {
  background-color: #fdc316;
}
.paragraph-hero.bg-color-green .overlay {
  background-color: #a2b27b;
}
.paragraph-hero.bg-color-white {
  background-color: #fff;
  color: #252324;
}
.paragraph-hero.bg-color-white .body,
.paragraph-hero.bg-color-white .title {
  color: #252324;
}
.paragraph-hero.bg-color-white .title {
  text-align: left;
}
.paragraph-hero.bg-color-white .container .col.left .col-inner {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.paragraph-hero .background,
.paragraph-hero .background .image,
.paragraph-hero .background .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.paragraph-hero .background .image {
  background-size: cover;
  background-position: center center;
}
.paragraph-hero .background .overlay {
  opacity: 0.8;
  z-index: 2;
}
.paragraph-hero .container {
  position: relative;
  z-index: 3;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 20px;
}
@media screen and (min-width: 500px) {
  .paragraph-hero .container {
    padding: calc(20px + 10 * ((100vw - 500px) / 1100));
  }
}
@media screen and (min-width: 1600px) {
  .paragraph-hero .container {
    padding: 30px;
  }
}
@media screen and (min-width: 1024px) {
  .paragraph-hero .container {
    min-height: 400px;
  }
}
@media screen and (max-width: 768px) {
  .paragraph-hero .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.paragraph-hero .container .col.left {
  width: 60%;
}
@media screen and (max-width: 768px) {
  .paragraph-hero .container .col.left {
    width: 100%;
  }
}
.paragraph-hero .container .col.left .col-inner {
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 2em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (min-width: 500px) {
  .paragraph-hero .container .col.left .col-inner {
    padding-left: calc(30px + 30 * ((100vw - 500px) / 1100));
  }
}
@media screen and (min-width: 1600px) {
  .paragraph-hero .container .col.left .col-inner {
    padding-left: 60px;
  }
}
@media screen and (min-width: 500px) {
  .paragraph-hero .container .col.left .col-inner {
    padding-right: calc(30px + 30 * ((100vw - 500px) / 1100));
  }
}
@media screen and (min-width: 1600px) {
  .paragraph-hero .container .col.left .col-inner {
    padding-right: 60px;
  }
}
.paragraph-hero .container .col.right {
  width: 40%;
  padding: 2em 0;
}
@media screen and (max-width: 768px) {
  .paragraph-hero .container .col.right {
    width: 100%;
  }
}
.paragraph-hero .container .col.right img {
  width: 100%;
  height: auto;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.8);
}
.paragraph-hero .container .col.right .col-inner {
  padding-left: 30px;
  padding-right: 30px;
}
@media screen and (min-width: 500px) {
  .paragraph-hero .container .col.right .col-inner {
    padding-left: calc(30px + 0 * ((100vw - 500px) / 1100));
  }
}
@media screen and (min-width: 1600px) {
  .paragraph-hero .container .col.right .col-inner {
    padding-left: 30px;
  }
}
@media screen and (min-width: 500px) {
  .paragraph-hero .container .col.right .col-inner {
    padding-right: calc(30px + 0 * ((100vw - 500px) / 1100));
  }
}
@media screen and (min-width: 1600px) {
  .paragraph-hero .container .col.right .col-inner {
    padding-right: 30px;
  }
}
.paragraph-hero .title,
.paragraph-hero .body {
  color: #fff;
}
.paragraph-hero .title {
  font-family: 'Bebas Neue', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 25px;
  line-height: 100%;
}
@media screen and (min-width: 500px) {
  .paragraph-hero .title {
    font-size: calc(25px + 20 * ((100vw - 500px) / 1100));
  }
}
@media screen and (min-width: 1600px) {
  .paragraph-hero .title {
    font-size: 45px;
  }
}
.paragraph-hero .body {
  font-size: 13px;
  line-height: 140%;
}
@media screen and (min-width: 500px) {
  .paragraph-hero .body {
    font-size: calc(13px + 7 * ((100vw - 500px) / 1100));
  }
}
@media screen and (min-width: 1600px) {
  .paragraph-hero .body {
    font-size: 20px;
  }
}
.paragraph-hero .login {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  box-shadow: 0px 8px 10px rgba(0, 0, 0, 0.5);
}
.paragraph-hero .login .welcome {
  font-family: 'Bebas Neue', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 25px;
}
@media screen and (min-width: 500px) {
  .paragraph-hero .login .welcome {
    font-size: calc(25px + 5 * ((100vw - 500px) / 1100));
  }
}
@media screen and (min-width: 1600px) {
  .paragraph-hero .login .welcome {
    font-size: 30px;
  }
}
.paragraph-hero .login .buttons {
  margin-top: 1em;
}
.paragraph-hero .login .buttons div {
  margin-top: 0.5em;
}
.paragraph-hero .login .buttons a {
  background-color: #91002f;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  display: inline-block;
  border: 0px;
  font-size: 12px;
  border-radius: 5px;
  padding: 0.5em 0.9em 0.5em 1em;
  border: 2px solid #91002f;
  -webkit-transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out;
  transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out;
  cursor: pointer;
}
@media screen and (min-width: 500px) {
  .paragraph-hero .login .buttons a {
    font-size: calc(12px + 3 * ((100vw - 500px) / 1100));
  }
}
@media screen and (min-width: 1600px) {
  .paragraph-hero .login .buttons a {
    font-size: 15px;
  }
}
@media screen and (min-width: 500px) {
  .paragraph-hero .login .buttons a {
    border-radius: calc(5px + 3 * ((100vw - 500px) / 1100));
  }
}
@media screen and (min-width: 1600px) {
  .paragraph-hero .login .buttons a {
    border-radius: 8px;
  }
}
.paragraph-hero .login .buttons a:hover,
.paragraph-hero .login .buttons a:focus {
  background-color: #fff;
  color: #91002f;
  border-color: #91002f;
}
.paragraph-hero .login .buttons a.red {
  background-color: #91002f;
  border-color: #91002f;
}
.paragraph-hero .login .buttons a.red:hover,
.paragraph-hero .login .buttons a.red:focus {
  background-color: #fff;
  color: #91002f;
}
.paragraph-hero .login .buttons a.blue {
  background-color: #3c6d80;
  border-color: #3c6d80;
}
.paragraph-hero .login .buttons a.blue:hover,
.paragraph-hero .login .buttons a.blue:focus {
  background-color: #fff;
  color: #3c6d80;
  border-color: #3c6d80;
}
.paragraph-hero .login .buttons a.grey {
  background-color: #707070;
  border-color: #707070;
}
.paragraph-hero .login .buttons a.grey:hover,
.paragraph-hero .login .buttons a.grey:focus {
  background-color: #fff;
  color: #707070;
  border-color: #707070;
}
.paragraph-hero .login .buttons a.tan {
  background-color: #eadfb4;
  border-color: #eadfb4;
}
.paragraph-hero .login .buttons a.tan:hover,
.paragraph-hero .login .buttons a.tan:focus {
  background-color: #fff;
  color: #eadfb4;
  border-color: #eadfb4;
}
.paragraph-hero .login .buttons a.orange {
  background-color: #f59120;
  border-color: #f59120;
}
.paragraph-hero .login .buttons a.orange:hover,
.paragraph-hero .login .buttons a.orange:focus {
  background-color: #fff;
  color: #f59120;
  border-color: #f59120;
}
.paragraph-hero .login .buttons a.gold {
  background-color: #fdc316;
  border-color: #fdc316;
}
.paragraph-hero .login .buttons a.gold:hover,
.paragraph-hero .login .buttons a.gold:focus {
  background-color: #fff;
  color: #fdc316;
  border-color: #fdc316;
}
.paragraph-hero .login .buttons a.green {
  background-color: #a2b27b;
  border-color: #a2b27b;
}
.paragraph-hero .login .buttons a.green:hover,
.paragraph-hero .login .buttons a.green:focus {
  background-color: #fff;
  color: #a2b27b;
  border-color: #a2b27b;
}
.paragraph-hero .login .login-tabs {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transform: translateY(2px);
      -ms-transform: translateY(2px);
          transform: translateY(2px);
}
.paragraph-hero .login .login-tabs button {
  width: 100%;
  background-color: #707070;
  color: #fff;
  border: 0px;
  font-size: 11px;
  text-transform: uppercase;
  padding: 0.7em 0;
  border: 1px solid transparent;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  cursor: pointer;
}
@media screen and (min-width: 500px) {
  .paragraph-hero .login .login-tabs button {
    font-size: calc(11px + 3 * ((100vw - 500px) / 1100));
  }
}
@media screen and (min-width: 1600px) {
  .paragraph-hero .login .login-tabs button {
    font-size: 14px;
  }
}
@media screen and (min-width: 500px) {
  .paragraph-hero .login .login-tabs button {
    border-top-left-radius: calc(5px + 3 * ((100vw - 500px) / 1100));
  }
}
@media screen and (min-width: 1600px) {
  .paragraph-hero .login .login-tabs button {
    border-top-left-radius: 8px;
  }
}
@media screen and (min-width: 500px) {
  .paragraph-hero .login .login-tabs button {
    border-top-right-radius: calc(5px + 3 * ((100vw - 500px) / 1100));
  }
}
@media screen and (min-width: 1600px) {
  .paragraph-hero .login .login-tabs button {
    border-top-right-radius: 8px;
  }
}
.paragraph-hero .login .login-tabs button.active {
  background-color: #fff;
  color: #252324;
}
.paragraph-hero .login .login-tabs button:hover {
  background-color: #606060;
}
.paragraph-hero .login .login-tabs button:hover.active {
  background-color: #eee;
}
.paragraph-hero .login .login-tabs button:focus {
  border: dotted 1px #91002f;
}
.paragraph-hero .login .login-info {
  background-color: #fff;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  font-size: 15px;
  padding: 1em;
}
@media screen and (min-width: 500px) {
  .paragraph-hero .login .login-info {
    border-bottom-left-radius: calc(5px + 3 * ((100vw - 500px) / 1100));
  }
}
@media screen and (min-width: 1600px) {
  .paragraph-hero .login .login-info {
    border-bottom-left-radius: 8px;
  }
}
@media screen and (min-width: 500px) {
  .paragraph-hero .login .login-info {
    border-bottom-right-radius: calc(5px + 3 * ((100vw - 500px) / 1100));
  }
}
@media screen and (min-width: 1600px) {
  .paragraph-hero .login .login-info {
    border-bottom-right-radius: 8px;
  }
}
.paragraph-hero .login .login-info.logged-in {
  border-radius: 5px;
}
@media screen and (min-width: 500px) {
  .paragraph-hero .login .login-info.logged-in {
    border-radius: calc(5px + 3 * ((100vw - 500px) / 1100));
  }
}
@media screen and (min-width: 1600px) {
  .paragraph-hero .login .login-info.logged-in {
    border-radius: 8px;
  }
}
@media screen and (min-width: 500px) {
  .paragraph-hero .login .login-info {
    font-size: calc(15px + 5 * ((100vw - 500px) / 1100));
  }
}
@media screen and (min-width: 1600px) {
  .paragraph-hero .login .login-info {
    font-size: 20px;
  }
}
@media screen and (min-width: 768px) {
  .paragraph-hero .login .login-info {
    padding: 1.5em;
  }
}
.paragraph-hero .login .login-info .option {
  display: none;
}
.paragraph-hero .login .login-info .option.active {
  display: block;
}
.paragraph-hero .login .login-info .option button,
.paragraph-hero .login .login-info .option a,
.paragraph-hero .login .login-info .option input[type='submit'] {
  background-color: #91002f;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  display: inline-block;
  border: 0px;
  font-size: 12px;
  border-radius: 5px;
  padding: 0.5em 0.9em 0.5em 1em;
  border: 2px solid #91002f;
  -webkit-transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out;
  transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out;
  cursor: pointer;
}
@media screen and (min-width: 500px) {
  .paragraph-hero .login .login-info .option button,
  .paragraph-hero .login .login-info .option a,
  .paragraph-hero .login .login-info .option input[type='submit'] {
    font-size: calc(12px + 3 * ((100vw - 500px) / 1100));
  }
}
@media screen and (min-width: 1600px) {
  .paragraph-hero .login .login-info .option button,
  .paragraph-hero .login .login-info .option a,
  .paragraph-hero .login .login-info .option input[type='submit'] {
    font-size: 15px;
  }
}
@media screen and (min-width: 500px) {
  .paragraph-hero .login .login-info .option button,
  .paragraph-hero .login .login-info .option a,
  .paragraph-hero .login .login-info .option input[type='submit'] {
    border-radius: calc(5px + 3 * ((100vw - 500px) / 1100));
  }
}
@media screen and (min-width: 1600px) {
  .paragraph-hero .login .login-info .option button,
  .paragraph-hero .login .login-info .option a,
  .paragraph-hero .login .login-info .option input[type='submit'] {
    border-radius: 8px;
  }
}
.paragraph-hero .login .login-info .option button:hover,
.paragraph-hero .login .login-info .option a:hover,
.paragraph-hero .login .login-info .option input[type='submit']:hover,
.paragraph-hero .login .login-info .option button:focus,
.paragraph-hero .login .login-info .option a:focus,
.paragraph-hero .login .login-info .option input[type='submit']:focus {
  background-color: #fff;
  color: #91002f;
  border-color: #91002f;
}
.paragraph-hero .login .login-info .option button.red,
.paragraph-hero .login .login-info .option a.red,
.paragraph-hero .login .login-info .option input[type='submit'].red {
  background-color: #91002f;
  border-color: #91002f;
}
.paragraph-hero .login .login-info .option button.red:hover,
.paragraph-hero .login .login-info .option a.red:hover,
.paragraph-hero .login .login-info .option input[type='submit'].red:hover,
.paragraph-hero .login .login-info .option button.red:focus,
.paragraph-hero .login .login-info .option a.red:focus,
.paragraph-hero .login .login-info .option input[type='submit'].red:focus {
  background-color: #fff;
  color: #91002f;
}
.paragraph-hero .login .login-info .option button.blue,
.paragraph-hero .login .login-info .option a.blue,
.paragraph-hero .login .login-info .option input[type='submit'].blue {
  background-color: #3c6d80;
  border-color: #3c6d80;
}
.paragraph-hero .login .login-info .option button.blue:hover,
.paragraph-hero .login .login-info .option a.blue:hover,
.paragraph-hero .login .login-info .option input[type='submit'].blue:hover,
.paragraph-hero .login .login-info .option button.blue:focus,
.paragraph-hero .login .login-info .option a.blue:focus,
.paragraph-hero .login .login-info .option input[type='submit'].blue:focus {
  background-color: #fff;
  color: #3c6d80;
  border-color: #3c6d80;
}
.paragraph-hero .login .login-info .option button.grey,
.paragraph-hero .login .login-info .option a.grey,
.paragraph-hero .login .login-info .option input[type='submit'].grey {
  background-color: #707070;
  border-color: #707070;
}
.paragraph-hero .login .login-info .option button.grey:hover,
.paragraph-hero .login .login-info .option a.grey:hover,
.paragraph-hero .login .login-info .option input[type='submit'].grey:hover,
.paragraph-hero .login .login-info .option button.grey:focus,
.paragraph-hero .login .login-info .option a.grey:focus,
.paragraph-hero .login .login-info .option input[type='submit'].grey:focus {
  background-color: #fff;
  color: #707070;
  border-color: #707070;
}
.paragraph-hero .login .login-info .option button.tan,
.paragraph-hero .login .login-info .option a.tan,
.paragraph-hero .login .login-info .option input[type='submit'].tan {
  background-color: #eadfb4;
  border-color: #eadfb4;
}
.paragraph-hero .login .login-info .option button.tan:hover,
.paragraph-hero .login .login-info .option a.tan:hover,
.paragraph-hero .login .login-info .option input[type='submit'].tan:hover,
.paragraph-hero .login .login-info .option button.tan:focus,
.paragraph-hero .login .login-info .option a.tan:focus,
.paragraph-hero .login .login-info .option input[type='submit'].tan:focus {
  background-color: #fff;
  color: #eadfb4;
  border-color: #eadfb4;
}
.paragraph-hero .login .login-info .option button.orange,
.paragraph-hero .login .login-info .option a.orange,
.paragraph-hero .login .login-info .option input[type='submit'].orange {
  background-color: #f59120;
  border-color: #f59120;
}
.paragraph-hero .login .login-info .option button.orange:hover,
.paragraph-hero .login .login-info .option a.orange:hover,
.paragraph-hero .login .login-info .option input[type='submit'].orange:hover,
.paragraph-hero .login .login-info .option button.orange:focus,
.paragraph-hero .login .login-info .option a.orange:focus,
.paragraph-hero .login .login-info .option input[type='submit'].orange:focus {
  background-color: #fff;
  color: #f59120;
  border-color: #f59120;
}
.paragraph-hero .login .login-info .option button.gold,
.paragraph-hero .login .login-info .option a.gold,
.paragraph-hero .login .login-info .option input[type='submit'].gold {
  background-color: #fdc316;
  border-color: #fdc316;
}
.paragraph-hero .login .login-info .option button.gold:hover,
.paragraph-hero .login .login-info .option a.gold:hover,
.paragraph-hero .login .login-info .option input[type='submit'].gold:hover,
.paragraph-hero .login .login-info .option button.gold:focus,
.paragraph-hero .login .login-info .option a.gold:focus,
.paragraph-hero .login .login-info .option input[type='submit'].gold:focus {
  background-color: #fff;
  color: #fdc316;
  border-color: #fdc316;
}
.paragraph-hero .login .login-info .option button.green,
.paragraph-hero .login .login-info .option a.green,
.paragraph-hero .login .login-info .option input[type='submit'].green {
  background-color: #a2b27b;
  border-color: #a2b27b;
}
.paragraph-hero .login .login-info .option button.green:hover,
.paragraph-hero .login .login-info .option a.green:hover,
.paragraph-hero .login .login-info .option input[type='submit'].green:hover,
.paragraph-hero .login .login-info .option button.green:focus,
.paragraph-hero .login .login-info .option a.green:focus,
.paragraph-hero .login .login-info .option input[type='submit'].green:focus {
  background-color: #fff;
  color: #a2b27b;
  border-color: #a2b27b;
}
.paragraph-hero .login .login-info .option input[type='submit'] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.paragraph-hero .login .login-info .option input[type='submit']:after {
  content: "test";
  display: block;
  width: 100px;
}
.paragraph-hero .login .login-info .option form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.paragraph-hero .login .login-info .option form .form-item {
  width: 100%;
  margin-bottom: 1em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.paragraph-hero .login .login-info .option form .form-item label {
  text-transform: uppercase;
  color: #252324;
  font-size: 13px;
  padding-bottom: 0.5em;
}
@media screen and (min-width: 500px) {
  .paragraph-hero .login .login-info .option form .form-item label {
    font-size: calc(13px + 2 * ((100vw - 500px) / 1100));
  }
}
@media screen and (min-width: 1600px) {
  .paragraph-hero .login .login-info .option form .form-item label {
    font-size: 15px;
  }
}
.paragraph-hero .login .login-info .option form .form-item input {
  font-size: 15px;
  border: 1px solid #606060;
  background-color: #eee;
  padding: 0.25em;
}
@media screen and (min-width: 500px) {
  .paragraph-hero .login .login-info .option form .form-item input {
    font-size: calc(15px + 3 * ((100vw - 500px) / 1100));
  }
}
@media screen and (min-width: 1600px) {
  .paragraph-hero .login .login-info .option form .form-item input {
    font-size: 18px;
  }
}
.paragraph-hero .login .login-info .option#campus-login p {
  font-size: 12px;
}
@media screen and (min-width: 500px) {
  .paragraph-hero .login .login-info .option#campus-login p {
    font-size: calc(12px + 4 * ((100vw - 500px) / 1100));
  }
}
@media screen and (min-width: 1600px) {
  .paragraph-hero .login .login-info .option#campus-login p {
    font-size: 16px;
  }
}
.paragraph-hero .login .login-info .option ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 1em;
}
.paragraph-hero .login .login-info .option ul li {
  list-style: none;
  margin: 0px;
  padding: 0px;
  width: 48%;
}
.paragraph-hero .login .login-info .option ul li a {
  background-color: #3c6d80;
  border-color: #3c6d80;
  font-size: 11px;
}
.paragraph-hero .login .login-info .option ul li a:hover,
.paragraph-hero .login .login-info .option ul li a:focus {
  background-color: #fff;
  color: #3c6d80;
  border-color: #3c6d80;
}
@media screen and (min-width: 500px) {
  .paragraph-hero .login .login-info .option ul li a {
    font-size: calc(11px + 2 * ((100vw - 500px) / 1100));
  }
}
@media screen and (min-width: 1600px) {
  .paragraph-hero .login .login-info .option ul li a {
    font-size: 13px;
  }
}
@media screen and (min-width: 768px) {
  .paragraph-hero .background .image {
    opacity: 0;
    -webkit-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
  }
  .paragraph-hero .left {
    -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
            transform: translateY(20px);
    -webkit-transition: opacity 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
    opacity: 0;
  }
  .paragraph-hero .right {
    -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
            transform: translateY(20px);
    -webkit-transition: opacity 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
    opacity: 0;
  }
  .loaded .paragraph-hero .background .image {
    opacity: 1;
  }
  .pointed.paragraph-hero .left {
    -webkit-transition-delay: 0.5s;
            transition-delay: 0.5s;
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
  .pointed.paragraph-hero .right {
    -webkit-transition-delay: 1s;
            transition-delay: 1s;
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
.paragraph-big-text {
  padding: 1em 2em;
  text-align: center;
  font-family: 'Bebas Neue', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 22px;
  max-width: 30em;
  margin: 0px auto;
  margin-bottom: 13px;
  line-height: 100%;
}
@media screen and (min-width: 500px) {
  .paragraph-big-text {
    font-size: calc(22px + 13 * ((100vw - 500px) / 1100));
  }
}
@media screen and (min-width: 1600px) {
  .paragraph-big-text {
    font-size: 35px;
  }
}
@media screen and (min-width: 500px) {
  .paragraph-big-text {
    margin-bottom: calc(13px + 7 * ((100vw - 500px) / 1100));
  }
}
@media screen and (min-width: 1600px) {
  .paragraph-big-text {
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 768px) {
  .paragraph-big-text {
    opacity: 0.8;
    -webkit-transform: scale(0.98, 0.98);
        -ms-transform: scale(0.98, 0.98);
            transform: scale(0.98, 0.98);
    -webkit-transition: opacity 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
  }
  .pointed.paragraph-big-text {
    -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
            transform: scale(1, 1);
    opacity: 1;
  }
}
.paragraph-form .field-form {
  background-color: #eee;
  border: 1px solid #aaa;
  padding: 1em;
  max-width: 600px;
  margin: 0px auto;
}
.paragraph-form .field-form form .form-item {
  padding-bottom: 1em;
}
.paragraph-form .field-form form fieldset.form-item {
  margin: 0;
  padding-bottom: 0;
}
.paragraph-form .field-form form label,
.paragraph-form .field-form form input {
  display: block;
}
.paragraph-form .field-form form label {
  padding-bottom: 0.25em;
  font-size: 13px;
}
@media screen and (min-width: 500px) {
  .paragraph-form .field-form form label {
    font-size: calc(13px + 3 * ((100vw - 500px) / 1100));
  }
}
@media screen and (min-width: 1600px) {
  .paragraph-form .field-form form label {
    font-size: 16px;
  }
}
.paragraph-form .field-form form input,
.paragraph-form .field-form form textarea {
  padding: 0.25em;
  font-family: 'Roboto', sans-serif;
}
.paragraph-form .field-form form input[type='submit'] {
  background-color: #91002f;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  display: inline-block;
  border: 0px;
  font-size: 12px;
  border-radius: 5px;
  padding: 0.5em 0.9em 0.5em 1em;
  border: 2px solid #91002f;
  -webkit-transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out;
  transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out;
  cursor: pointer;
}
@media screen and (min-width: 500px) {
  .paragraph-form .field-form form input[type='submit'] {
    font-size: calc(12px + 3 * ((100vw - 500px) / 1100));
  }
}
@media screen and (min-width: 1600px) {
  .paragraph-form .field-form form input[type='submit'] {
    font-size: 15px;
  }
}
@media screen and (min-width: 500px) {
  .paragraph-form .field-form form input[type='submit'] {
    border-radius: calc(5px + 3 * ((100vw - 500px) / 1100));
  }
}
@media screen and (min-width: 1600px) {
  .paragraph-form .field-form form input[type='submit'] {
    border-radius: 8px;
  }
}
.paragraph-form .field-form form input[type='submit']:hover,
.paragraph-form .field-form form input[type='submit']:focus {
  background-color: #fff;
  color: #91002f;
  border-color: #91002f;
}
.paragraph-form .field-form form input[type='submit'].red {
  background-color: #91002f;
  border-color: #91002f;
}
.paragraph-form .field-form form input[type='submit'].red:hover,
.paragraph-form .field-form form input[type='submit'].red:focus {
  background-color: #fff;
  color: #91002f;
}
.paragraph-form .field-form form input[type='submit'].blue {
  background-color: #3c6d80;
  border-color: #3c6d80;
}
.paragraph-form .field-form form input[type='submit'].blue:hover,
.paragraph-form .field-form form input[type='submit'].blue:focus {
  background-color: #fff;
  color: #3c6d80;
  border-color: #3c6d80;
}
.paragraph-form .field-form form input[type='submit'].grey {
  background-color: #707070;
  border-color: #707070;
}
.paragraph-form .field-form form input[type='submit'].grey:hover,
.paragraph-form .field-form form input[type='submit'].grey:focus {
  background-color: #fff;
  color: #707070;
  border-color: #707070;
}
.paragraph-form .field-form form input[type='submit'].tan {
  background-color: #eadfb4;
  border-color: #eadfb4;
}
.paragraph-form .field-form form input[type='submit'].tan:hover,
.paragraph-form .field-form form input[type='submit'].tan:focus {
  background-color: #fff;
  color: #eadfb4;
  border-color: #eadfb4;
}
.paragraph-form .field-form form input[type='submit'].orange {
  background-color: #f59120;
  border-color: #f59120;
}
.paragraph-form .field-form form input[type='submit'].orange:hover,
.paragraph-form .field-form form input[type='submit'].orange:focus {
  background-color: #fff;
  color: #f59120;
  border-color: #f59120;
}
.paragraph-form .field-form form input[type='submit'].gold {
  background-color: #fdc316;
  border-color: #fdc316;
}
.paragraph-form .field-form form input[type='submit'].gold:hover,
.paragraph-form .field-form form input[type='submit'].gold:focus {
  background-color: #fff;
  color: #fdc316;
  border-color: #fdc316;
}
.paragraph-form .field-form form input[type='submit'].green {
  background-color: #a2b27b;
  border-color: #a2b27b;
}
.paragraph-form .field-form form input[type='submit'].green:hover,
.paragraph-form .field-form form input[type='submit'].green:focus {
  background-color: #fff;
  color: #a2b27b;
  border-color: #a2b27b;
}
/* Views */
#dashboard .description {
  padding: 2em 0;
  font-size: 12px;
  line-height: 150%;
  max-width: 800px;
}
@media screen and (min-width: 500px) {
  #dashboard .description {
    font-size: calc(12px + 5 * ((100vw - 500px) / 1100));
  }
}
@media screen and (min-width: 1600px) {
  #dashboard .description {
    font-size: 17px;
  }
}
#dashboard .page-next a {
  background-color: #91002f;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  display: inline-block;
  border: 0px;
  font-size: 12px;
  border-radius: 5px;
  padding: 0.5em 0.9em 0.5em 1em;
  border: 2px solid #91002f;
  -webkit-transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out;
  transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out;
  cursor: pointer;
  background-color: #3c6d80;
  border-color: #3c6d80;
}
@media screen and (min-width: 500px) {
  #dashboard .page-next a {
    font-size: calc(12px + 3 * ((100vw - 500px) / 1100));
  }
}
@media screen and (min-width: 1600px) {
  #dashboard .page-next a {
    font-size: 15px;
  }
}
@media screen and (min-width: 500px) {
  #dashboard .page-next a {
    border-radius: calc(5px + 3 * ((100vw - 500px) / 1100));
  }
}
@media screen and (min-width: 1600px) {
  #dashboard .page-next a {
    border-radius: 8px;
  }
}
#dashboard .page-next a:hover,
#dashboard .page-next a:focus {
  background-color: #fff;
  color: #91002f;
  border-color: #91002f;
}
#dashboard .page-next a.red {
  background-color: #91002f;
  border-color: #91002f;
}
#dashboard .page-next a.red:hover,
#dashboard .page-next a.red:focus {
  background-color: #fff;
  color: #91002f;
}
#dashboard .page-next a.blue {
  background-color: #3c6d80;
  border-color: #3c6d80;
}
#dashboard .page-next a.blue:hover,
#dashboard .page-next a.blue:focus {
  background-color: #fff;
  color: #3c6d80;
  border-color: #3c6d80;
}
#dashboard .page-next a.grey {
  background-color: #707070;
  border-color: #707070;
}
#dashboard .page-next a.grey:hover,
#dashboard .page-next a.grey:focus {
  background-color: #fff;
  color: #707070;
  border-color: #707070;
}
#dashboard .page-next a.tan {
  background-color: #eadfb4;
  border-color: #eadfb4;
}
#dashboard .page-next a.tan:hover,
#dashboard .page-next a.tan:focus {
  background-color: #fff;
  color: #eadfb4;
  border-color: #eadfb4;
}
#dashboard .page-next a.orange {
  background-color: #f59120;
  border-color: #f59120;
}
#dashboard .page-next a.orange:hover,
#dashboard .page-next a.orange:focus {
  background-color: #fff;
  color: #f59120;
  border-color: #f59120;
}
#dashboard .page-next a.gold {
  background-color: #fdc316;
  border-color: #fdc316;
}
#dashboard .page-next a.gold:hover,
#dashboard .page-next a.gold:focus {
  background-color: #fff;
  color: #fdc316;
  border-color: #fdc316;
}
#dashboard .page-next a.green {
  background-color: #a2b27b;
  border-color: #a2b27b;
}
#dashboard .page-next a.green:hover,
#dashboard .page-next a.green:focus {
  background-color: #fff;
  color: #a2b27b;
  border-color: #a2b27b;
}
#dashboard .page-next a:hover,
#dashboard .page-next a:focus {
  background-color: #fff;
  color: #3c6d80;
  border-color: #3c6d80;
}
#dashboard .filter {
  margin-bottom: 1em;
  font-size: 12px;
}
@media screen and (min-width: 500px) {
  #dashboard .filter {
    font-size: calc(12px + 3 * ((100vw - 500px) / 1100));
  }
}
@media screen and (min-width: 1600px) {
  #dashboard .filter {
    font-size: 15px;
  }
}
#dashboard .previous-assessments {
  margin-bottom: 1em;
  width: 100%;
  border: 0px;
  border-collapse: collapse;
}
#dashboard .previous-assessments tbody {
  border-bottom: 1px solid #707070;
}
@media screen and (max-width: 768px) {
  #dashboard .previous-assessments tbody tr {

  }
}
#dashboard .previous-assessments tbody tr th {
  background-color: #91002f;
  color: #fff;
  padding: 0.25em 15px;
  text-align: left;
  font-family: 'Bebas Neue', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 17px;
}
@media screen and (min-width: 500px) {
  #dashboard .previous-assessments tbody tr th {
    font-size: calc(17px + 5 * ((100vw - 500px) / 1100));
  }
}
@media screen and (min-width: 1600px) {
  #dashboard .previous-assessments tbody tr th {
    font-size: 22px;
  }
}
#dashboard .previous-assessments tbody tr th:last-child {
  text-align: right;
}
@media screen and (max-width: 768px) {
  #dashboard .previous-assessments tbody tr th:last-child {
    text-align: left;
  }
}
#dashboard .previous-assessments tbody tr td {
  padding: 10px 15px;
  font-size: 12px;
}
@media screen and (min-width: 500px) {
  #dashboard .previous-assessments tbody tr td {
    font-size: calc(12px + 4 * ((100vw - 500px) / 1100));
  }
}
@media screen and (min-width: 1600px) {
  #dashboard .previous-assessments tbody tr td {
    font-size: 16px;
  }
}
@media screen and (max-width: 768px) {
  #dashboard .previous-assessments tbody tr td {
    border-left: 1px solid #aaa;
    border-right: 1px solid #aaa;
  }
}
@media screen and (max-width: 768px) {
  #dashboard .previous-assessments tbody tr:last-child td {
    border-bottom: 1px solid #aaa;
    border-right: 1px solid #aaa;
  }
}
@media screen and (max-width: 768px) {
  #dashboard .previous-assessments tbody tr .megabutton {
    float: none;
  }
}
#comparison #chartdiv {
  margin: 15px 0 !important;
}
#consent .description {
  padding: 2em 0;
  font-size: 12px;
  line-height: 150%;
  max-width: 800px;
  margin: 0px auto;
}
@media screen and (min-width: 500px) {
  #consent .description {
    font-size: calc(12px + 5 * ((100vw - 500px) / 1100));
  }
}
@media screen and (min-width: 1600px) {
  #consent .description {
    font-size: 17px;
  }
}
#consent .checkbox {
  text-align: center;
  margin-bottom: 2em;
  text-transform: uppercase;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 14px;
}
@media screen and (min-width: 500px) {
  #consent .checkbox {
    font-size: calc(14px + 6 * ((100vw - 500px) / 1100));
  }
}
@media screen and (min-width: 1600px) {
  #consent .checkbox {
    font-size: 20px;
  }
}
#consent .checkbox input {
  width: 20px;
  height: 20px;
  margin-right: 1em;
}
#consent .page-indicator button {
  background-color: #91002f;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  display: inline-block;
  border: 0px;
  font-size: 12px;
  border-radius: 5px;
  padding: 0.5em 0.9em 0.5em 1em;
  border: 2px solid #91002f;
  -webkit-transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out;
  transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out;
  cursor: pointer;
  background-color: #3c6d80;
  border-color: #3c6d80;
}
@media screen and (min-width: 500px) {
  #consent .page-indicator button {
    font-size: calc(12px + 3 * ((100vw - 500px) / 1100));
  }
}
@media screen and (min-width: 1600px) {
  #consent .page-indicator button {
    font-size: 15px;
  }
}
@media screen and (min-width: 500px) {
  #consent .page-indicator button {
    border-radius: calc(5px + 3 * ((100vw - 500px) / 1100));
  }
}
@media screen and (min-width: 1600px) {
  #consent .page-indicator button {
    border-radius: 8px;
  }
}
#consent .page-indicator button:hover,
#consent .page-indicator button:focus {
  background-color: #fff;
  color: #91002f;
  border-color: #91002f;
}
#consent .page-indicator button.red {
  background-color: #91002f;
  border-color: #91002f;
}
#consent .page-indicator button.red:hover,
#consent .page-indicator button.red:focus {
  background-color: #fff;
  color: #91002f;
}
#consent .page-indicator button.blue {
  background-color: #3c6d80;
  border-color: #3c6d80;
}
#consent .page-indicator button.blue:hover,
#consent .page-indicator button.blue:focus {
  background-color: #fff;
  color: #3c6d80;
  border-color: #3c6d80;
}
#consent .page-indicator button.grey {
  background-color: #707070;
  border-color: #707070;
}
#consent .page-indicator button.grey:hover,
#consent .page-indicator button.grey:focus {
  background-color: #fff;
  color: #707070;
  border-color: #707070;
}
#consent .page-indicator button.tan {
  background-color: #eadfb4;
  border-color: #eadfb4;
}
#consent .page-indicator button.tan:hover,
#consent .page-indicator button.tan:focus {
  background-color: #fff;
  color: #eadfb4;
  border-color: #eadfb4;
}
#consent .page-indicator button.orange {
  background-color: #f59120;
  border-color: #f59120;
}
#consent .page-indicator button.orange:hover,
#consent .page-indicator button.orange:focus {
  background-color: #fff;
  color: #f59120;
  border-color: #f59120;
}
#consent .page-indicator button.gold {
  background-color: #fdc316;
  border-color: #fdc316;
}
#consent .page-indicator button.gold:hover,
#consent .page-indicator button.gold:focus {
  background-color: #fff;
  color: #fdc316;
  border-color: #fdc316;
}
#consent .page-indicator button.green {
  background-color: #a2b27b;
  border-color: #a2b27b;
}
#consent .page-indicator button.green:hover,
#consent .page-indicator button.green:focus {
  background-color: #fff;
  color: #a2b27b;
  border-color: #a2b27b;
}
#consent .page-indicator button:hover,
#consent .page-indicator button:focus {
  background-color: #fff;
  color: #3c6d80;
  border-color: #3c6d80;
}
#question-page #progress {
  margin-top: 2em;
}
#question-page #progress .fill-start {
  background-color: #889568;
}
#question-page #progress .fill-container .fill {
  background-color: #a2b27b;
}
#question-page #questions .question {
  border-radius: 5px;
}
@media screen and (min-width: 500px) {
  #question-page #questions .question {
    border-radius: calc(5px + 3 * ((100vw - 500px) / 1100));
  }
}
@media screen and (min-width: 1600px) {
  #question-page #questions .question {
    border-radius: 8px;
  }
}
@media screen and (max-width: 768px) {
  #question-page #questions .question .likert {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
}
#question-page #questions .question .prompt {
  font-size: 14px;
}
@media screen and (min-width: 500px) {
  #question-page #questions .question .prompt {
    font-size: calc(14px + 4 * ((100vw - 500px) / 1100));
  }
}
@media screen and (min-width: 1600px) {
  #question-page #questions .question .prompt {
    font-size: 18px;
  }
}
#question-page #questions .question .option {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 5px;
}
#question-page #questions .question .option label {
  border: 2px solid #91002f;
  width: 100%;
  padding: 0.5em 0;
  border-radius: 5px;
  -webkit-transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out;
  transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out;
  font-size: 14px;
}
@media screen and (min-width: 500px) {
  #question-page #questions .question .option label {
    border-radius: calc(5px + 3 * ((100vw - 500px) / 1100));
  }
}
@media screen and (min-width: 1600px) {
  #question-page #questions .question .option label {
    border-radius: 8px;
  }
}
@media screen and (min-width: 500px) {
  #question-page #questions .question .option label {
    font-size: calc(14px + 4 * ((100vw - 500px) / 1100));
  }
}
@media screen and (min-width: 1600px) {
  #question-page #questions .question .option label {
    font-size: 18px;
  }
}
#question-page #questions .question .option input,
#question-page #questions .question .option label {
  display: inline-block;
  cursor: pointer;
}
#question-page #questions .question .option input {
  opacity: 0;
  height: 0;
}
#question-page #questions .question .option label:hover {
  opacity: 0.6;
}
#question-page #questions .question .option input:focus + label {
  border-color: #000;
}
#question-page #questions .question .option input:checked + label {
  background-color: green;
}
#question-page #questions .question .option:nth-child(1) label {
  border: 2px solid #3c6d80;
}
#question-page #questions .question .option:nth-child(1) input:checked + label {
  background-color: #3c6d80;
  color: #fff;
}
#question-page #questions .question .option:nth-child(2) label {
  border: 2px solid #a2b27b;
}
#question-page #questions .question .option:nth-child(2) input:checked + label {
  background-color: #a2b27b;
  color: #fff;
}
#question-page #questions .question .option:nth-child(3) label {
  border: 2px solid #eadfb4;
}
#question-page #questions .question .option:nth-child(3) input:checked + label {
  background-color: #eadfb4;
}
#question-page #questions .question .option:nth-child(4) label {
  border: 2px solid #fdc316;
}
#question-page #questions .question .option:nth-child(4) input:checked + label {
  background-color: #fdc316;
}
#question-page #questions .question .option:nth-child(5) label {
  border: 2px solid #f59120;
}
#question-page #questions .question .option:nth-child(5) input:checked + label {
  background-color: #f59120;
}
#question-page button {
  background-color: #91002f;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  display: inline-block;
  border: 0px;
  font-size: 12px;
  border-radius: 5px;
  padding: 0.5em 0.9em 0.5em 1em;
  border: 2px solid #91002f;
  -webkit-transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out;
  transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out;
  cursor: pointer;
  background-color: #3c6d80;
  border-color: #3c6d80;
}
@media screen and (min-width: 500px) {
  #question-page button {
    font-size: calc(12px + 3 * ((100vw - 500px) / 1100));
  }
}
@media screen and (min-width: 1600px) {
  #question-page button {
    font-size: 15px;
  }
}
@media screen and (min-width: 500px) {
  #question-page button {
    border-radius: calc(5px + 3 * ((100vw - 500px) / 1100));
  }
}
@media screen and (min-width: 1600px) {
  #question-page button {
    border-radius: 8px;
  }
}
#question-page button:hover,
#question-page button:focus {
  background-color: #fff;
  color: #91002f;
  border-color: #91002f;
}
#question-page button.red {
  background-color: #91002f;
  border-color: #91002f;
}
#question-page button.red:hover,
#question-page button.red:focus {
  background-color: #fff;
  color: #91002f;
}
#question-page button.blue {
  background-color: #3c6d80;
  border-color: #3c6d80;
}
#question-page button.blue:hover,
#question-page button.blue:focus {
  background-color: #fff;
  color: #3c6d80;
  border-color: #3c6d80;
}
#question-page button.grey {
  background-color: #707070;
  border-color: #707070;
}
#question-page button.grey:hover,
#question-page button.grey:focus {
  background-color: #fff;
  color: #707070;
  border-color: #707070;
}
#question-page button.tan {
  background-color: #eadfb4;
  border-color: #eadfb4;
}
#question-page button.tan:hover,
#question-page button.tan:focus {
  background-color: #fff;
  color: #eadfb4;
  border-color: #eadfb4;
}
#question-page button.orange {
  background-color: #f59120;
  border-color: #f59120;
}
#question-page button.orange:hover,
#question-page button.orange:focus {
  background-color: #fff;
  color: #f59120;
  border-color: #f59120;
}
#question-page button.gold {
  background-color: #fdc316;
  border-color: #fdc316;
}
#question-page button.gold:hover,
#question-page button.gold:focus {
  background-color: #fff;
  color: #fdc316;
  border-color: #fdc316;
}
#question-page button.green {
  background-color: #a2b27b;
  border-color: #a2b27b;
}
#question-page button.green:hover,
#question-page button.green:focus {
  background-color: #fff;
  color: #a2b27b;
  border-color: #a2b27b;
}
#question-page button:hover,
#question-page button:focus {
  background-color: #fff;
  color: #3c6d80;
  border-color: #3c6d80;
}
#question-page em {
  background-color: #eadfb4;
  font-style: normal;
  border-bottom: 0 !important;
  text-decoration: none;
  padding: 5px 8px;
  border-radius: 5px;
  color: #252324 !important;
}
@media screen and (min-width: 500px) {
  #question-page em {
    border-radius: calc(5px + 3 * ((100vw - 500px) / 1100));
  }
}
@media screen and (min-width: 1600px) {
  #question-page em {
    border-radius: 8px;
  }
}
#question-page em .definition {
  background-color: #eadfb4;
  text-align: left;
}
#question-page em .definition .term {
  text-transform: uppercase;
  color: #252324;
  font-size: 14px;
}
@media screen and (min-width: 500px) {
  #question-page em .definition .term {
    font-size: calc(14px + 2 * ((100vw - 500px) / 1100));
  }
}
@media screen and (min-width: 1600px) {
  #question-page em .definition .term {
    font-size: 16px;
  }
}
#question-page em .definition p {
  font-size: 12px;
  line-height: 130%;
  color: #252324;
}
@media screen and (min-width: 500px) {
  #question-page em .definition p {
    font-size: calc(12px + 2 * ((100vw - 500px) / 1100));
  }
}
@media screen and (min-width: 1600px) {
  #question-page em .definition p {
    font-size: 14px;
  }
}
#results {
  padding: 2em 0;
}
#results table {
  margin-bottom: 1em;
  width: 100%;
  max-width: 600px;
  margin: 0px auto;
  border: 0px;
  border-collapse: collapse;
  border-bottom: 1px solid #707070;
}
#results table tr th {
  background-color: #91002f;
  color: #fff;
  padding: 0.25em 15px;
  text-align: left;
  font-family: 'Bebas Neue', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 17px;
}
@media screen and (min-width: 500px) {
  #results table tr th {
    font-size: calc(17px + 5 * ((100vw - 500px) / 1100));
  }
}
@media screen and (min-width: 1600px) {
  #results table tr th {
    font-size: 22px;
  }
}
#results table tr th:last-child {
  text-align: right;
}
#results table tr td {
  padding: 10px 15px;
}
#results table tr td:last-child {
  text-align: right;
}
#results table tr button {
  border: 0px;
  background-color: transparent;
  padding: 0px;
  text-decoration: underline;
  font-weight: 700;
}
#results table tr button:hover {
  color: #3c6d80;
  cursor: pointer;
}
#results table tr.cat-description td {
  width: 100%;
  text-align: left !important;
}
#results nav {
  margin-top: 1em;
}
#results nav button {
  background-color: #91002f;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  display: inline-block;
  border: 0px;
  font-size: 12px;
  border-radius: 5px;
  padding: 0.5em 0.9em 0.5em 1em;
  border: 2px solid #91002f;
  -webkit-transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out;
  transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out;
  cursor: pointer;
  background-color: #3c6d80;
  border-color: #3c6d80;
}
@media screen and (min-width: 500px) {
  #results nav button {
    font-size: calc(12px + 3 * ((100vw - 500px) / 1100));
  }
}
@media screen and (min-width: 1600px) {
  #results nav button {
    font-size: 15px;
  }
}
@media screen and (min-width: 500px) {
  #results nav button {
    border-radius: calc(5px + 3 * ((100vw - 500px) / 1100));
  }
}
@media screen and (min-width: 1600px) {
  #results nav button {
    border-radius: 8px;
  }
}
#results nav button:hover,
#results nav button:focus {
  background-color: #fff;
  color: #91002f;
  border-color: #91002f;
}
#results nav button.red {
  background-color: #91002f;
  border-color: #91002f;
}
#results nav button.red:hover,
#results nav button.red:focus {
  background-color: #fff;
  color: #91002f;
}
#results nav button.blue {
  background-color: #3c6d80;
  border-color: #3c6d80;
}
#results nav button.blue:hover,
#results nav button.blue:focus {
  background-color: #fff;
  color: #3c6d80;
  border-color: #3c6d80;
}
#results nav button.grey {
  background-color: #707070;
  border-color: #707070;
}
#results nav button.grey:hover,
#results nav button.grey:focus {
  background-color: #fff;
  color: #707070;
  border-color: #707070;
}
#results nav button.tan {
  background-color: #eadfb4;
  border-color: #eadfb4;
}
#results nav button.tan:hover,
#results nav button.tan:focus {
  background-color: #fff;
  color: #eadfb4;
  border-color: #eadfb4;
}
#results nav button.orange {
  background-color: #f59120;
  border-color: #f59120;
}
#results nav button.orange:hover,
#results nav button.orange:focus {
  background-color: #fff;
  color: #f59120;
  border-color: #f59120;
}
#results nav button.gold {
  background-color: #fdc316;
  border-color: #fdc316;
}
#results nav button.gold:hover,
#results nav button.gold:focus {
  background-color: #fff;
  color: #fdc316;
  border-color: #fdc316;
}
#results nav button.green {
  background-color: #a2b27b;
  border-color: #a2b27b;
}
#results nav button.green:hover,
#results nav button.green:focus {
  background-color: #fff;
  color: #a2b27b;
  border-color: #a2b27b;
}
#results nav button:hover,
#results nav button:focus {
  background-color: #fff;
  color: #3c6d80;
  border-color: #3c6d80;
}
tr.cat-description {
  height: 1px;
  overflow: hidden;
  display: block;
}
tr.cat-description td {
  background-color: #ddd;
  border: 1px solid #aaa;
}
tr.cat-description.active {
  height: auto;
}
@media print {
  tr.cat-description {
    height: auto !important;
  }
}
@media print {
  #results .cols {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.more-options {
  display: none;
}
.user .main-container {
  margin: 1em auto;
}
.user .main-container .form-item {
  margin-bottom: 1em;
}
.user .main-container .form-item label,
.user .main-container .form-item input {
  display: block;
}
.user .main-container .form-item label {
  margin-top: 0.5em;
  font-family: 'Bebas Neue', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 15px;
}
@media screen and (min-width: 500px) {
  .user .main-container .form-item label {
    font-size: calc(15px + 10 * ((100vw - 500px) / 1100));
  }
}
@media screen and (min-width: 1600px) {
  .user .main-container .form-item label {
    font-size: 25px;
  }
}
.user .main-container .form-actions button,
.user .main-container .form-actions a,
.user .main-container .form-actions input[type='submit'] {
  background-color: #91002f;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  display: inline-block;
  border: 0px;
  font-size: 12px;
  border-radius: 5px;
  padding: 0.5em 0.9em 0.5em 1em;
  border: 2px solid #91002f;
  -webkit-transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out;
  transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out;
  cursor: pointer;
}
@media screen and (min-width: 500px) {
  .user .main-container .form-actions button,
  .user .main-container .form-actions a,
  .user .main-container .form-actions input[type='submit'] {
    font-size: calc(12px + 3 * ((100vw - 500px) / 1100));
  }
}
@media screen and (min-width: 1600px) {
  .user .main-container .form-actions button,
  .user .main-container .form-actions a,
  .user .main-container .form-actions input[type='submit'] {
    font-size: 15px;
  }
}
@media screen and (min-width: 500px) {
  .user .main-container .form-actions button,
  .user .main-container .form-actions a,
  .user .main-container .form-actions input[type='submit'] {
    border-radius: calc(5px + 3 * ((100vw - 500px) / 1100));
  }
}
@media screen and (min-width: 1600px) {
  .user .main-container .form-actions button,
  .user .main-container .form-actions a,
  .user .main-container .form-actions input[type='submit'] {
    border-radius: 8px;
  }
}
.user .main-container .form-actions button:hover,
.user .main-container .form-actions a:hover,
.user .main-container .form-actions input[type='submit']:hover,
.user .main-container .form-actions button:focus,
.user .main-container .form-actions a:focus,
.user .main-container .form-actions input[type='submit']:focus {
  background-color: #fff;
  color: #91002f;
  border-color: #91002f;
}
.user .main-container .form-actions button.red,
.user .main-container .form-actions a.red,
.user .main-container .form-actions input[type='submit'].red {
  background-color: #91002f;
  border-color: #91002f;
}
.user .main-container .form-actions button.red:hover,
.user .main-container .form-actions a.red:hover,
.user .main-container .form-actions input[type='submit'].red:hover,
.user .main-container .form-actions button.red:focus,
.user .main-container .form-actions a.red:focus,
.user .main-container .form-actions input[type='submit'].red:focus {
  background-color: #fff;
  color: #91002f;
}
.user .main-container .form-actions button.blue,
.user .main-container .form-actions a.blue,
.user .main-container .form-actions input[type='submit'].blue {
  background-color: #3c6d80;
  border-color: #3c6d80;
}
.user .main-container .form-actions button.blue:hover,
.user .main-container .form-actions a.blue:hover,
.user .main-container .form-actions input[type='submit'].blue:hover,
.user .main-container .form-actions button.blue:focus,
.user .main-container .form-actions a.blue:focus,
.user .main-container .form-actions input[type='submit'].blue:focus {
  background-color: #fff;
  color: #3c6d80;
  border-color: #3c6d80;
}
.user .main-container .form-actions button.grey,
.user .main-container .form-actions a.grey,
.user .main-container .form-actions input[type='submit'].grey {
  background-color: #707070;
  border-color: #707070;
}
.user .main-container .form-actions button.grey:hover,
.user .main-container .form-actions a.grey:hover,
.user .main-container .form-actions input[type='submit'].grey:hover,
.user .main-container .form-actions button.grey:focus,
.user .main-container .form-actions a.grey:focus,
.user .main-container .form-actions input[type='submit'].grey:focus {
  background-color: #fff;
  color: #707070;
  border-color: #707070;
}
.user .main-container .form-actions button.tan,
.user .main-container .form-actions a.tan,
.user .main-container .form-actions input[type='submit'].tan {
  background-color: #eadfb4;
  border-color: #eadfb4;
}
.user .main-container .form-actions button.tan:hover,
.user .main-container .form-actions a.tan:hover,
.user .main-container .form-actions input[type='submit'].tan:hover,
.user .main-container .form-actions button.tan:focus,
.user .main-container .form-actions a.tan:focus,
.user .main-container .form-actions input[type='submit'].tan:focus {
  background-color: #fff;
  color: #eadfb4;
  border-color: #eadfb4;
}
.user .main-container .form-actions button.orange,
.user .main-container .form-actions a.orange,
.user .main-container .form-actions input[type='submit'].orange {
  background-color: #f59120;
  border-color: #f59120;
}
.user .main-container .form-actions button.orange:hover,
.user .main-container .form-actions a.orange:hover,
.user .main-container .form-actions input[type='submit'].orange:hover,
.user .main-container .form-actions button.orange:focus,
.user .main-container .form-actions a.orange:focus,
.user .main-container .form-actions input[type='submit'].orange:focus {
  background-color: #fff;
  color: #f59120;
  border-color: #f59120;
}
.user .main-container .form-actions button.gold,
.user .main-container .form-actions a.gold,
.user .main-container .form-actions input[type='submit'].gold {
  background-color: #fdc316;
  border-color: #fdc316;
}
.user .main-container .form-actions button.gold:hover,
.user .main-container .form-actions a.gold:hover,
.user .main-container .form-actions input[type='submit'].gold:hover,
.user .main-container .form-actions button.gold:focus,
.user .main-container .form-actions a.gold:focus,
.user .main-container .form-actions input[type='submit'].gold:focus {
  background-color: #fff;
  color: #fdc316;
  border-color: #fdc316;
}
.user .main-container .form-actions button.green,
.user .main-container .form-actions a.green,
.user .main-container .form-actions input[type='submit'].green {
  background-color: #a2b27b;
  border-color: #a2b27b;
}
.user .main-container .form-actions button.green:hover,
.user .main-container .form-actions a.green:hover,
.user .main-container .form-actions input[type='submit'].green:hover,
.user .main-container .form-actions button.green:focus,
.user .main-container .form-actions a.green:focus,
.user .main-container .form-actions input[type='submit'].green:focus {
  background-color: #fff;
  color: #a2b27b;
  border-color: #a2b27b;
}
#user-login-form a {
  display: none;
}
.guest-access {
  border-top: 1px solid #aaa;
  padding-top: 12px;
  margin-top: 12px;
}
.guest-access a {
  background-color: transparent !important;
  color: #3c6d80 !important;
  padding: inherit !important;
  border-color: transparent !important;
  text-decoration: underline !important;
  text-transform: none !important;
  font-size: calc(15px + 5 * ((100vw - 500px) / 1100)) !important;
}
@media screen and (max-width: 768px) {
  .guest-access a {
    font-size: 15px !important;
  }
}
@media screen and (min-width: 1200px) {
  .guest-access a {
    font-size: 20px !important;
  }
}
.guest-access a:hover,
.guest-access a:focus {
  text-decoration: none !important;
}
.messages.messages--error, div[role='alert'], div[aria-label="Error message"] {
    display: none;
}