/*
  style.less
    -- The stylesheet for the Niche platform

   IMPORTANT: Order matters in this file.
              If you make any changes to the order of stylesheets,
              be sure to check that webpack doesn't throw any errors
*/
/* stylelint-disable color-no-hex  */
/*
    This file is where all z-index values in Website should be placed.
    Centralizing z-index values in one file makes it (slightly) easier
    to determine relationships between different elements and their
    stacking contexts.

    Historically z-indexes were defined in .less files across
    Website, and were then migrated to this file. Moving forward,
    we should define new variables for z-indexes here.

    New z-index variables should reference the standard Z-Index Scale below.

    Z-index relationships should be defined in variables. For example,
    if @alert should ALWAYS be a higher value than @alert-backdrop,
    then you should define the variable as:

    @alert-backdrop: @zIndex-1;
    @alert: @alert-backdrop + @zIndex-1;

    NOTE: It may not always be possible to use the Z-Index scale, since
    a lot of variables still reference integers anywhere from -500000 to
    1000, and you may need to place your element above/below one of these.
    Just... try your best. ^_^;

*/
/******************************************************

    Z-Index Scale (private vars)

******************************************************/
/******************************************************

    Z-Indexes across Website

******************************************************/
/* -------------------------------------------------------
    Content rendered in App.jsx `renderFixedPageContent`
    This elements are usually meant to be rendered
    on top of all other page content. They each
    start their own root stacking context.
// ------------------------------------------------------- */
/* -------------------------------------------------------
    Global Navigation - appears on every page of website
    Includes MegaMenu mobile and desktop
// ------------------------------------------------------- */
/* -------------------------------------------------------
    Parallax
// ------------------------------------------------------- */
/* -------------------------------------------------------
    Scatterplot
// ------------------------------------------------------- */
/* -------------------------------------------------------
    Common Components
// ------------------------------------------------------- */
/* -------------------------------------------------------
    Sherlock
// ------------------------------------------------------- */
/* -------------------------------------------------------
    CTAs
// ------------------------------------------------------- */
/* -------------------------------------------------------
    Renaissance
// ------------------------------------------------------- */
/* -------------------------------------------------------
    Home
// ------------------------------------------------------- */
/* -------------------------------------------------------
    Form Controls
// ------------------------------------------------------- */
/* -------------------------------------------------------
    Forms
// ------------------------------------------------------- */
/* -------------------------------------------------------
    Survey
// ------------------------------------------------------- */
/* -------------------------------------------------------
    School Locator
// ------------------------------------------------------- */
/* -------------------------------------------------------
    Content-Flagging
// ------------------------------------------------------- */
/* -------------------------------------------------------
    Entity Search
// ------------------------------------------------------- */
/* -------------------------------------------------------
    Postcard
// ------------------------------------------------------- */
/* -------------------------------------------------------
    Profile
// ------------------------------------------------------- */
/* -------------------------------------------------------
    Account
// ------------------------------------------------------- */
/* -------------------------------------------------------
    Claim School
// ------------------------------------------------------- */
/* -------------------------------------------------------
    Common-Search
// ------------------------------------------------------- */
/* -------------------------------------------------------
    Scholarship
// ------------------------------------------------------- */
/* -------------------------------------------------------
    Rankings
// ------------------------------------------------------- */
/* -------------------------------------------------------
    Footer
// ------------------------------------------------------- */
/* -------------------------------------------------------
    Misc.
// ------------------------------------------------------- */
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -10%, 0);
            transform: translate3d(0, -10%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -10%, 0);
            transform: translate3d(0, -10%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-15px, 0, 0);
            transform: translate3d(-15px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-15px, 0, 0);
            transform: translate3d(-15px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
@-webkit-keyframes fadeInLeftMedium {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-20px, 0, 0);
            transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
@keyframes fadeInLeftMedium {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-20px, 0, 0);
            transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
/*
     "a stylesheet dedicated to housing your nasty, hacky, quick-fix CSS"
    http://csswizardry.com/2013/04/shame-css/

    Please include the following (as applicable) with your fix:
        What part of the codebase does it relate to?
        Why was this needed?
        How does this fix it?
        How might you fix it properly, given more time?
*/
/********* INSERT SHAME HERE */
/********* SHAME IS DONE */
@font-face {
  font-family: 'Niche';
  src: url(https://d33a4decm84gsn.cloudfront.net/font/niche_regular.woff2) format('woff2'), url(https://d33a4decm84gsn.cloudfront.net/font/niche_regular.woff) format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Niche';
  src: url(https://d33a4decm84gsn.cloudfront.net/font/niche_bold.woff2) format('woff2'), url(https://d33a4decm84gsn.cloudfront.net/font/niche_bold.woff) format('woff');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'Niche';
  src: url(https://d33a4decm84gsn.cloudfront.net/font/niche_heavy.woff2) format('woff2'), url(https://d33a4decm84gsn.cloudfront.net/font/niche_heavy.woff) format('woff');
  font-weight: 700;
  font-style: normal;
}
/* Important note: anything that's not an <a> tag and will have a hover
   style should include .platform (i.e. .platform .clickable_div {...})
   before it so that the hover state will be excluded from touch
   (platform--touch) devices. Hover events on other tags can introduce
   so rendering issues, particularly with mobile Safari. */
* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
}
body {
  background: white;
  color: #464646;
  font: 400 1em/1.4 'Source Sans Pro', sans-serif;
  -webkit-font-smoothing: antialiased;
  /* stylelint-disable-next-line property-no-vendor-prefix */
  -webkit-text-size-adjust: 100%;
}
.wf-loading {
  opacity: 0;
}
.wf-loading body {
  background: white;
}
a {
  color: #007ac8;
  text-decoration: none;
}
a:hover {
  color: #0063a5;
  text-decoration: underline;
}
em {
  font-style: normal;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 400;
  color: #464646;
  font-size: 1em;
  margin: 0;
  padding: 0;
  line-height: 1.4;
}
h1 {
  font-size: 32px;
}
h2 {
  font-size: 28px;
}
h3 {
  font-size: 24px;
}
h4 {
  font-size: 20px;
}
h5 {
  font-size: 18px;
}
h6 {
  font-size: 16px;
  font-weight: 600;
}
p {
  margin: 0 0 0.5em;
}
strong {
  font-weight: 700;
}
ul,
ol {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
ul li,
ol li {
  padding: 0;
  margin: 0;
}
.platform__wrapper {
  font-weight: 400;
  color: #464646;
  margin: 0;
  padding: 0;
  line-height: 1.4;
  overflow: hidden;
  overflow-y: auto;
}
.platform,
.platform--home {
  margin: 0 auto;
}
/* Don't add overflow: hidden here */
.content {
  background: white;
  display: block;
  margin: 0;
  padding: 0;
}
.parallax .content {
  background: transparent;
}
.platform--home .content {
  overflow: hidden;
}
.platform--search .content {
  overflow: hidden;
}
.content--contained {
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
  margin: 0;
  max-width: 1024px;
  width: 100%;
}
@media only screen and (min-width: 1024px)  {
  .content--contained {
    border-radius: 0 0 2px 2px;
    margin: 0 auto 40px;
  }
}
.content__body {
  margin: 0 -15px;
  max-width: 700px;
  padding: 15px 0;
}
.disable-scroll {
  position: fixed;
  /* stylelint-disable-next-line declaration-no-important */
  overflow: hidden !important;
  width: 100%;
}
@media not all and (min-resolution: 0.001dpcm) {
  .disable-scroll {
    position: relative;
  }
}
.header--1 {
  margin: 15px 0;
}
.header--2 {
  line-height: 32px;
  margin: 15px 0 10px;
}
.semi-bold {
  font-weight: 600;
}
@media only screen and (min-width: 730px)  {
  .content__body {
    margin: 0 auto;
  }
}
.noscript {
  background: #ffe4e1;
  color: #e25333;
  display: inline-block;
  font-size: 20px;
  line-height: 26px;
  margin: 0 auto;
  max-width: 1024px;
  padding: 0.75em 1em;
  width: 100%;
}
@media only screen and (max-width: 767px)  {
  .noscript span {
    width: 85%;
    display: block;
    margin: auto;
  }
}
.visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
}
.platform--touch a:hover,
.platform--touch * a:hover {
  text-decoration: none;
}
/**********************************

	Standard Type Styles (6/18/19)
    - these styles represent standard size, weight, family, line height and
    RESETS the spacing, padding, margins. Styles specific to the design should
    be added as additional classes.

**********************************/
.type--header-1 {
  font: 400 38px/1.1 'Source Sans Pro', sans-serif;
  color: #464646;
  margin: 0;
  padding: 0;
}
@media only screen and (min-width: 600px)  {
  .type--header-1 {
    font-size: 40px;
  }
}
@media only screen and (min-width: 768px)  {
  .type--header-1 {
    font-size: 50px;
  }
}
@media only screen and (min-width: 1024px)  {
  .type--header-1 {
    font-size: 56px;
  }
}
.type--header-2 {
  font: 400 32px/1.1 'Source Sans Pro', sans-serif;
  color: #464646;
  margin: 0;
  padding: 0;
}
@media only screen and (min-width: 600px)  {
  .type--header-2 {
    font-size: 36px;
  }
}
@media only screen and (min-width: 768px)  {
  .type--header-2 {
    font-size: 42px;
  }
}
@media only screen and (min-width: 1024px)  {
  .type--header-2 {
    font-size: 46px;
  }
}
.type--header-3 {
  font: 400 26px/1.1 'Source Sans Pro', sans-serif;
  color: #464646;
  margin: 0;
  padding: 0;
}
@media only screen and (min-width: 600px)  {
  .type--header-3 {
    font-size: 28px;
  }
}
@media only screen and (min-width: 768px)  {
  .type--header-3 {
    font-size: 32px;
  }
}
.type--header-4 {
  font: 400 20px/1.2 'Source Sans Pro', sans-serif;
  color: #464646;
  margin: 0;
  padding: 0;
}
@media only screen and (min-width: 600px)  {
  .type--header-4 {
    font-size: 22px;
  }
}
@media only screen and (min-width: 768px)  {
  .type--header-4 {
    font-size: 24px;
  }
}
.type--header-5 {
  font: 400 18px/1.2 'Source Sans Pro', sans-serif;
  color: #464646;
  margin: 0;
  padding: 0;
}
@media only screen and (min-width: 600px)  {
  .type--header-5 {
    font-size: 20px;
  }
}
.type--subtitle-1 {
  font: 600 12px/1.2em 'Niche', 'Source Sans Pro', sans-serif;
  color: #787878;
  margin: 0;
  padding: 0;
}
@media only screen and (min-width: 768px)  {
  .type--subtitle-1 {
    font-size: 13px;
  }
}
.type--subtitle-2 {
  font: 600 11px/1.2em 'Niche', 'Source Sans Pro', sans-serif;
  color: #787878;
  margin: 0;
  padding: 0;
}
.type--subtitle-3 {
  font: 600 9px/1.2em 'Niche', 'Source Sans Pro', sans-serif;
  color: #787878;
  margin: 0;
  padding: 0;
}
@media only screen and (min-width: 500px)  {
  .type--subtitle-3 {
    font-size: 10px;
  }
}
.type--body-1 {
  font: 400 16px/1.4em 'Source Sans Pro', sans-serif;
  margin: 0;
  padding: 0;
}
@media only screen and (min-width: 768px)  {
  .type--body-1 {
    font-size: 18px;
  }
}
.type--body-2 {
  font: 400 14px/1.4em 'Source Sans Pro', sans-serif;
  margin: 0;
  padding: 0;
}
@media only screen and (min-width: 768px)  {
  .type--body-2 {
    font-size: 16px;
  }
}
.type--body-3 {
  font: 400 12px/1.4em 'Source Sans Pro', sans-serif;
  margin: 0;
  padding: 0;
}
@media only screen and (min-width: 768px)  {
  .type--body-3 {
    font-size: 14px;
  }
}
.type--caption {
  font: 400 12px/1.4em 'Source Sans Pro', sans-serif;
  margin: 0;
  padding: 0;
}
@media only screen and (min-width: 768px)  {
  .type--caption {
    font-size: 13px;
  }
}
.type--semibold {
  font-weight: 600;
}
.type--bold {
  font-weight: 700;
}
/***************************************
*
*	Labels
*
***************************************/
.label {
  font-size: 16px;
  line-height: 18px;
  margin-bottom: 5px;
  display: block;
  text-align: left;
}
.label--inner {
  position: absolute;
  font-size: 12px;
  top: 0.3em;
  left: 0.75rem;
  z-index: 1;
  color: #464646;
}
.label--with-tooltip {
  cursor: pointer;
}
.label--with-tooltip:hover .label__tooltip {
  opacity: 1;
}
.label__tooltip {
  opacity: 0.5;
}
.field--with-inner-label .input {
  padding-top: 0.9rem;
  padding-bottom: 0.3rem;
}
.label__hint {
  font-size: 0.75em;
  color: rgba(0, 0, 0, 0.5);
  margin-left: 5px;
  line-height: 1;
}
.label__hint.label__hint--no-margin {
  margin-left: 0;
  display: block;
}
.description {
  color: rgba(0, 0, 0, 0.5);
  font-size: 14px;
  line-height: 18px;
}
@media (min-width: 500px) {
  .label {
    font-size: 18px;
    line-height: 20px;
  }
  .label--inner {
    font-size: 12px;
  }
}
@font-face {
  font-family: 'Niche-Interface-Symbols';
  src: url(https://d33a4decm84gsn.cloudfront.net/font/Niche-Interface-Symbols.eot);
  src: url(https://d33a4decm84gsn.cloudfront.net/font/Niche-Interface-Symbols.eot) format('embedded-opentype'), url(https://d33a4decm84gsn.cloudfront.net/font/Niche-Interface-Symbols.woff) format('woff'), url(https://d33a4decm84gsn.cloudfront.net/font/Niche-Interface-Symbols.ttf) format('truetype'), url(https://d33a4decm84gsn.cloudfront.net/font/Niche-Interface-Symbols.svg) format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^='icon-'],
[class*=' icon-'],
.niche-interface-symbol {
  display: inline-block;
  font-family: 'Niche-Interface-Symbols';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-heart-thick::before {
  content: '\E619';
}
.icon-passwordhide-thin::before,
.icon-password-eye--hide::before {
  content: '\E617';
}
.icon-passwordview-thin::before,
.icon-password-eye::before {
  content: '\E618';
}
.icon-account-thick::before {
  content: '\E600';
}
.icon-arrowdown-thick::before,
.icon-arrowdown-thick--il-select::before {
  content: '\E601';
}
.icon-arrowleft-thick::before {
  content: '\E602';
}
.icon-arrowright-thick::before {
  content: '\E603';
}
.icon-arrowup-thick::before {
  content: '\E604';
}
.icon-check-thick::before {
  content: '\E605';
}
.icon-exit-thick::before,
.icon-exit-thick--input::before,
.icon-exit-thick--input-list::before,
.icon-exit-thick--input-list::before {
  content: '\E606';
}
.icon-minus-thick::before {
  content: '\E607';
}
.icon-plus-thick::before {
  content: '\E608';
}
.icon-question-thick::before {
  content: '\E609';
}
.icon-search-thick::before {
  content: '\E60A';
}
.icon-account-thin::before,
.icon-account-thin--account-hello::before {
  content: '\E60B';
}
.icon-arrowdown-thin::before,
.icon-arrowdown-thin--polltable::before {
  content: '\E60C';
}
.icon-arrowleft-thin::before,
.pagination__arrows .icon-arrowleft-thin--pagination::before,
.icon-arrowleft-thin--panel__option::before,
.icon-arrowleft-thin--expansion::before,
.pagination__next .icon-arrowleft-thin--pagination::before,
.pagination__previous .icon-arrowleft-thin--pagination::before,
.pagination__next--disabled .icon-arrowleft-thin--pagination::before,
.pagination__previous--disabled .icon-arrowleft-thin--pagination::before {
  content: '\E60D';
}
.icon-arrowright-thin::before,
.pagination__arrows .icon-arrowright-thin--pagination::before,
.icon-arrowright-thin--form-cta::before,
.icon-arrowright-thin--cta::before,
.icon-arrowright-thin--panel__option::before,
.icon-arrowright-thin--entity-card::before,
.block--horiz-poll .icon-arrowright-thin--horiz-poll::before,
.icon-arrowright-thin--expansion::before,
.poll__single__survey .icon-arrowright-thin--poll::before,
.icon--arrowright--premium-link::before,
.icon-arrowright-thin--search-results::before,
.pagination__next .icon-arrowright-thin--pagination::before,
.pagination__previous .icon-arrowright-thin--pagination::before,
.pagination__next--disabled .icon-arrowright-thin--pagination::before,
.pagination__previous--disabled .icon-arrowright-thin--pagination::before {
  content: '\E60E';
}
.icon-arrowup-thin::before {
  content: '\E60F';
}
.icon-check-thin::before {
  content: '\E610';
}
.icon-exit-thin::before,
.icon-exit-thin--modal::before,
.icon-exit-thin--dialog::before,
.icon-exit-thin--notification::before,
.icon-exit-thin--panel-header::before,
.icon-exit-thin--entity-card::before {
  content: '\E611';
}
.icon-minus-thin::before {
  content: '\E612';
}
.icon-plus-thin::before {
  content: '\E613';
}
.icon-question-thin::before,
.icon-question-thin--tooltip::before {
  content: '\E614';
}
.icon-search-thin::before,
.icon-search-thin--sherlock::before,
.icon-search-thin--sherlock--panel::before,
.icon-search-thin--entity-list::before,
.icon-search-thin--sherlock--search-filter::before {
  content: '\E616';
}
.icon-hamburger-thin::before {
  content: '\E615';
}
/* ---- Common ---- */
/* ---- Buttons ---- */
/******************************
    Buttons CONTENTS
    ===

    Size
    Width & Height
    States
    Style
    Icons ̰
    Social

******************************/
/******************************
    Buttons
******************************/
.button,
button,
input[type='reset'],
input[type='submit'],
.map-close {
  -webkit-font-smoothing: antialiased;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: #007ac8;
  border-radius: 2px;
  border: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: white;
  cursor: pointer;
  display: inline-block;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.111em;
  padding: 0.7em 1em 0.8em;
  text-align: center;
  -webkit-transition: background 0.2s linear, border-color 0.2s linear, color 0.2s linear;
  transition: background 0.2s linear, border-color 0.2s linear, color 0.2s linear;
  will-change: background, border-color, color;
  /******************************
        Reset Style
    ******************************/
  /******************************
        Size
    ******************************/
  /******************************
        Width, Height & Position
    ******************************/
  /******************************
        States
    ******************************/
  /******************************
        Style
    ******************************/
  /******************************
        Icons
    ******************************/
  /******************************
        Social
    ******************************/
}
.platform--touch .button:hover,
.platform--touch button:hover,
.platform--touch input[type='reset']:hover,
.platform--touch input[type='submit']:hover {
  color: white;
}
.button.button--bare,
button.button--bare,
input[type='reset'].button--bare,
input[type='submit'].button--bare,
.button.button--bare:active,
button.button--bare:active,
input[type='reset'].button--bare:active,
input[type='submit'].button--bare:active,
.button.button--bare:focus,
button.button--bare:focus,
input[type='reset'].button--bare:focus,
input[type='submit'].button--bare:focus,
.button.button--bare:hover,
button.button--bare:hover,
input[type='reset'].button--bare:hover,
input[type='submit'].button--bare:hover {
  background: transparent;
  border-radius: 0;
  color: #464646;
  font-weight: 400;
  outline: none;
  padding: 0;
}
.button.button--xsmall,
button.button--xsmall,
input[type='reset'].button--xsmall,
input[type='submit'].button--xsmall {
  font-size: 12px;
}
.button.button--small,
button.button--small,
input[type='reset'].button--small,
input[type='submit'].button--small {
  font-size: 14px;
}
.button.button--large,
button.button--large,
input[type='reset'].button--large,
input[type='submit'].button--large {
  font-size: 18px;
}
.button.button--xlarge,
button.button--xlarge,
input[type='reset'].button--xlarge,
input[type='submit'].button--xlarge {
  font-size: 20px;
}
.button.button--wide,
button.button--wide,
input[type='reset'].button--wide,
input[type='submit'].button--wide {
  padding-left: 1.8em;
  padding-right: 1.8em;
}
.button.button--full-width,
button.button--full-width,
input[type='reset'].button--full-width,
input[type='submit'].button--full-width {
  width: 100%;
}
.button.button--compact,
button.button--compact,
input[type='reset'].button--compact,
input[type='submit'].button--compact {
  padding: 0.5em 0.75em 0.6em;
}
.button.button--text-left,
button.button--text-left,
input[type='reset'].button--text-left,
input[type='submit'].button--text-left {
  text-align: left;
}
.button.button--text-right,
button.button--text-right,
input[type='reset'].button--text-right,
input[type='submit'].button--text-right {
  text-align: right;
}
.button.button--icon-left-lock::before,
button.button--icon-left-lock::before,
input[type='reset'].button--icon-left-lock::before,
input[type='submit'].button--icon-left-lock::before {
  float: left;
}
.button.button--icon-right-lock::after,
button.button--icon-right-lock::after,
input[type='reset'].button--icon-right-lock::after,
input[type='submit'].button--icon-right-lock::after {
  float: right;
}
.button.button--wide.button--compact,
button.button--wide.button--compact,
input[type='reset'].button--wide.button--compact,
input[type='submit'].button--wide.button--compact {
  padding: 0.5em 1.8em 0.6em;
}
.button.button--mobile-full-width,
button.button--mobile-full-width,
input[type='reset'].button--mobile-full-width,
input[type='submit'].button--mobile-full-width {
  display: block;
  width: 100%;
}
.button.button--disabled,
button.button--disabled,
input[type='reset'].button--disabled,
input[type='submit'].button--disabled {
  background: #8ec8ef;
  color: #b8def7;
  pointer-events: none;
}
.button.button--disabled.button--inverted,
button.button--disabled.button--inverted,
input[type='reset'].button--disabled.button--inverted,
input[type='submit'].button--disabled.button--inverted {
  color: #b8def7;
}
.button.button--disabled.button--darker,
button.button--disabled.button--darker,
input[type='reset'].button--disabled.button--darker,
input[type='submit'].button--disabled.button--darker {
  color: rgba(255, 255, 255, 0.25);
}
.button.button--disabled.button--lighter,
button.button--disabled.button--lighter,
input[type='reset'].button--disabled.button--lighter,
input[type='submit'].button--disabled.button--lighter {
  color: #bbb;
}
.button.button--disabled.button--green,
button.button--disabled.button--green,
input[type='reset'].button--disabled.button--green,
input[type='submit'].button--disabled.button--green {
  background: #a4d394;
  color: #c5e4b8;
}
.button.button--disabled.button--outline,
button.button--disabled.button--outline,
input[type='reset'].button--disabled.button--outline,
input[type='submit'].button--disabled.button--outline {
  background: #8ec8ef;
  color: #b8def7;
  pointer-events: none;
}
.platform .button:focus,
.platform button:focus,
.platform input[type='reset']:focus,
.platform input[type='submit']:focus,
.button.focus,
button.focus,
input[type='reset'].focus,
input[type='submit'].focus {
  outline: 2px dotted #f2d454;
  outline-offset: 2px;
}
.platform .button:active,
.platform button:active,
.platform input[type='reset']:active,
.platform input[type='submit']:active {
  background: #0063a5;
}
.platform .button:hover,
.platform button:hover,
.platform input[type='reset']:hover,
.platform input[type='submit']:hover {
  background: #2e9adf;
  border-color: #2e9adf;
  color: white;
  text-decoration: none;
}
.platform .button.button--bare:focus,
.platform button.button--bare:focus,
.platform input[type='reset'].button--bare:focus,
.platform input[type='submit'].button--bare:focus {
  outline: none;
}
.platform .button.button--bare:active,
.platform button.button--bare:active,
.platform input[type='reset'].button--bare:active,
.platform input[type='submit'].button--bare:active {
  background: transparent;
}
.platform .button.button--bare:hover,
.platform button.button--bare:hover,
.platform input[type='reset'].button--bare:hover,
.platform input[type='submit'].button--bare:hover {
  background: transparent;
  border-color: transparent;
}
.button.button--loading,
button.button--loading,
input[type='reset'].button--loading,
input[type='submit'].button--loading {
  cursor: default;
  -webkit-box-shadow: none;
          box-shadow: none;
  background-image: linear-gradient(-45deg, rgba(0, 0, 0, 0.1) 25%, rgba(0, 0, 0, 0.2) 25%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.2) 75%, rgba(0, 0, 0, 0.2)) !important;
  background-size: 50px 50px;
  -webkit-animation: buttonLoad 2s linear infinite;
          animation: buttonLoad 2s linear infinite;
  pointer-events: none;
}
.button.button--inverted,
button.button--inverted,
input[type='reset'].button--inverted,
input[type='submit'].button--inverted {
  /* Non-touch devices */
  background: #fafafa;
  color: #007ac8;
}
.platform .button.button--inverted:hover,
.platform button.button--inverted:hover,
.platform input[type='reset'].button--inverted:hover,
.platform input[type='submit'].button--inverted:hover {
  background: white;
  color: #2e9adf;
}
.platform--touch .button.button--inverted:hover,
.platform--touch button.button--inverted:hover,
.platform--touch input[type='reset'].button--inverted:hover,
.platform--touch input[type='submit'].button--inverted:hover {
  color: #2e9adf;
}
.button.button--inverted.button--green,
button.button--inverted.button--green,
input[type='reset'].button--inverted.button--green,
input[type='submit'].button--inverted.button--green {
  /* Non-touch devices */
  background: #fafafa;
  color: #53a63a;
}
.platform .button.button--inverted.button--green:hover,
.platform button.button--inverted.button--green:hover,
.platform input[type='reset'].button--inverted.button--green:hover,
.platform input[type='submit'].button--inverted.button--green:hover {
  background: white;
  color: #7cbc67;
}
.platform--touch .button.button--inverted.button--green:hover,
.platform--touch button.button--inverted.button--green:hover,
.platform--touch input[type='reset'].button--inverted.button--green:hover,
.platform--touch input[type='submit'].button--inverted.button--green:hover {
  color: #53a63a;
}
.button--atl-added.button.button--inverted.button--green,
.button--atl-addedbutton.button--inverted.button--green,
.button--atl-addedinput[type='reset'].button--inverted.button--green,
.button--atl-addedinput[type='submit'].button--inverted.button--green {
  border-left: 1px solid #53a63a;
  /* Non-touch devices */
  background: #53a63a;
  color: white;
  cursor: unset;
}
.platform .button--atl-added.button.button--inverted.button--green:hover,
.platform .button--atl-addedbutton.button--inverted.button--green:hover,
.platform .button--atl-addedinput[type='reset'].button--inverted.button--green:hover,
.platform .button--atl-addedinput[type='submit'].button--inverted.button--green:hover {
  background: #53a63a;
  color: white;
}
.platform--touch .button--atl-added.button.button--inverted.button--green:hover,
.platform--touch .button--atl-addedbutton.button--inverted.button--green:hover,
.platform--touch .button--atl-addedinput[type='reset'].button--inverted.button--green:hover,
.platform--touch .button--atl-addedinput[type='submit'].button--inverted.button--green:hover {
  color: white;
}
.button.button--inverted.button--icon-facebook,
button.button--inverted.button--icon-facebook,
input[type='reset'].button--inverted.button--icon-facebook,
input[type='submit'].button--inverted.button--icon-facebook {
  /* Non-touch devices */
  color: #3b5998;
  background: #fafafa;
}
.platform .button.button--inverted.button--icon-facebook:hover,
.platform button.button--inverted.button--icon-facebook:hover,
.platform input[type='reset'].button--inverted.button--icon-facebook:hover,
.platform input[type='submit'].button--inverted.button--icon-facebook:hover {
  background: white;
  color: #718dc8;
}
.button.button--inverted.button--icon-twitter,
button.button--inverted.button--icon-twitter,
input[type='reset'].button--inverted.button--icon-twitter,
input[type='submit'].button--inverted.button--icon-twitter {
  /* Non-touch devices */
  color: #70ceee;
  background: #fafafa;
}
.platform .button.button--inverted.button--icon-twitter:hover,
.platform button.button--inverted.button--icon-twitter:hover,
.platform input[type='reset'].button--inverted.button--icon-twitter:hover,
.platform input[type='submit'].button--inverted.button--icon-twitter:hover {
  background: white;
  color: #cbedf9;
}
.button.button--darker,
button.button--darker,
input[type='reset'].button--darker,
input[type='submit'].button--darker {
  background: rgba(0, 0, 0, 0.25);
}
.platform .button.button--darker:hover,
.platform button.button--darker:hover,
.platform input[type='reset'].button--darker:hover,
.platform input[type='submit'].button--darker:hover {
  background: rgba(0, 0, 0, 0.15);
}
.button.button--featured,
button.button--featured,
input[type='reset'].button--featured,
input[type='submit'].button--featured {
  background: rgba(255, 255, 255, 0.8);
}
.button.button--lighter,
button.button--lighter,
input[type='reset'].button--lighter,
input[type='submit'].button--lighter {
  background: rgba(255, 255, 255, 0.25);
}
.platform .button.button--lighter:hover,
.platform button.button--lighter:hover,
.platform input[type='reset'].button--lighter:hover,
.platform input[type='submit'].button--lighter:hover {
  background: rgba(255, 255, 255, 0.5);
}
.platform .button.button--postcard-atl:hover,
.platform button.button--postcard-atl:hover,
.platform input[type='reset'].button--postcard-atl:hover,
.platform input[type='submit'].button--postcard-atl:hover {
  background-color: #53a63a;
  color: 'white';
}
.button.button--green,
button.button--green,
input[type='reset'].button--green,
input[type='submit'].button--green {
  background: #53a63a;
}
.platform .button.button--green:hover,
.platform button.button--green:hover,
.platform input[type='reset'].button--green:hover,
.platform input[type='submit'].button--green:hover {
  background: #7cbc67;
}
.button.button--teal,
button.button--teal,
input[type='reset'].button--teal,
input[type='submit'].button--teal {
  background: #34b7b3;
}
.platform .button.button--teal:hover,
.platform button.button--teal:hover,
.platform input[type='reset'].button--teal:hover,
.platform input[type='submit'].button--teal:hover {
  background: #5ebfbf;
}
.button.button--outline,
button.button--outline,
input[type='reset'].button--outline,
input[type='submit'].button--outline {
  /* Non-touch devices */
  -webkit-box-shadow: inset 0 0 0 2px #007ac8;
          box-shadow: inset 0 0 0 2px #007ac8;
  background: transparent;
  color: #007ac8;
}
.platform .button.button--outline:hover,
.platform button.button--outline:hover,
.platform input[type='reset'].button--outline:hover,
.platform input[type='submit'].button--outline:hover {
  background: #2e9adf;
  color: #fff;
}
.platform--touch .button.button--outline:hover,
.platform--touch button.button--outline:hover,
.platform--touch input[type='reset'].button--outline:hover,
.platform--touch input[type='submit'].button--outline:hover {
  color: #2e9adf;
}
.button.button--outline.button--green,
button.button--outline.button--green,
input[type='reset'].button--outline.button--green,
input[type='submit'].button--outline.button--green,
.button.button--outline.button--inverted,
button.button--outline.button--inverted,
input[type='reset'].button--outline.button--inverted,
input[type='submit'].button--outline.button--inverted,
.button.button--outline.button--lighter,
button.button--outline.button--lighter,
input[type='reset'].button--outline.button--lighter,
input[type='submit'].button--outline.button--lighter,
.button.button--outline.button--darker,
button.button--outline.button--darker,
input[type='reset'].button--outline.button--darker,
input[type='submit'].button--outline.button--darker,
.button.button--outline.button--icon-facebook,
button.button--outline.button--icon-facebook,
input[type='reset'].button--outline.button--icon-facebook,
input[type='submit'].button--outline.button--icon-facebook,
.button.button--outline.button--icon-twitter,
button.button--outline.button--icon-twitter,
input[type='reset'].button--outline.button--icon-twitter,
input[type='submit'].button--outline.button--icon-twitter {
  background: transparent;
}
.button.button--outline.button--small,
button.button--outline.button--small,
input[type='reset'].button--outline.button--small,
input[type='submit'].button--outline.button--small,
.button.button--outline.button--xsmall,
button.button--outline.button--xsmall,
input[type='reset'].button--outline.button--xsmall,
input[type='submit'].button--outline.button--xsmall {
  -webkit-box-shadow: inset 0 0 0 1px #007ac8;
          box-shadow: inset 0 0 0 1px #007ac8;
}
.button.button--outline.button--green,
button.button--outline.button--green,
input[type='reset'].button--outline.button--green,
input[type='submit'].button--outline.button--green {
  /* Non-touch devices */
  -webkit-box-shadow: inset 0 0 0 2px #53a63a;
          box-shadow: inset 0 0 0 2px #53a63a;
  color: #53a63a;
  /* Added for https://github.com/nicheinc/Website/issues/3679 - Brendan */
}
.platform .button.button--outline.button--green:hover,
.platform button.button--outline.button--green:hover,
.platform input[type='reset'].button--outline.button--green:hover,
.platform input[type='submit'].button--outline.button--green:hover {
  background: #53a63a;
  color: white;
}
.platform--touch .button.button--outline.button--green:hover,
.platform--touch button.button--outline.button--green:hover,
.platform--touch input[type='reset'].button--outline.button--green:hover,
.platform--touch input[type='submit'].button--outline.button--green:hover {
  color: #53a63a;
}
.button.button--outline.button--green.button--small,
button.button--outline.button--green.button--small,
input[type='reset'].button--outline.button--green.button--small,
input[type='submit'].button--outline.button--green.button--small,
.button.button--outline.button--green.button--xsmall,
button.button--outline.button--green.button--xsmall,
input[type='reset'].button--outline.button--green.button--xsmall,
input[type='submit'].button--outline.button--green.button--xsmall {
  -webkit-box-shadow: inset 0 0 0 1px #53a63a;
          box-shadow: inset 0 0 0 1px #53a63a;
}
.button.button--outline.button--green.button--atl-added,
button.button--outline.button--green.button--atl-added,
input[type='reset'].button--outline.button--green.button--atl-added,
input[type='submit'].button--outline.button--green.button--atl-added {
  border-left: 1px solid #53a63a;
  /* Non-touch devices */
  background: #53a63a;
  color: white;
  cursor: unset;
}
.platform .button.button--outline.button--green.button--atl-added:hover,
.platform button.button--outline.button--green.button--atl-added:hover,
.platform input[type='reset'].button--outline.button--green.button--atl-added:hover,
.platform input[type='submit'].button--outline.button--green.button--atl-added:hover {
  background: #53a63a;
  color: white;
}
.platform--touch .button.button--outline.button--green.button--atl-added:hover,
.platform--touch button.button--outline.button--green.button--atl-added:hover,
.platform--touch input[type='reset'].button--outline.button--green.button--atl-added:hover,
.platform--touch input[type='submit'].button--outline.button--green.button--atl-added:hover {
  color: white;
}
.button.button--outline.button--green.button--search-result-atl,
button.button--outline.button--green.button--search-result-atl,
input[type='reset'].button--outline.button--green.button--search-result-atl,
input[type='submit'].button--outline.button--green.button--search-result-atl {
  border: 0;
  border-left: 1px solid #e6e6e6;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 14px;
}
.platform--touch .button.button--outline.button--green.button--search-result-atl:hover,
.platform--touch button.button--outline.button--green.button--search-result-atl:hover,
.platform--touch input[type='reset'].button--outline.button--green.button--search-result-atl:hover,
.platform--touch input[type='submit'].button--outline.button--green.button--search-result-atl:hover {
  background-color: white;
}
.platform--touch .button--atl-added.button.button--outline.button--green.button--search-result-atl:hover,
.platform--touch .button--atl-addedbutton.button--outline.button--green.button--search-result-atl:hover,
.platform--touch .button--atl-addedinput[type='reset'].button--outline.button--green.button--search-result-atl:hover,
.platform--touch .button--atl-addedinput[type='submit'].button--outline.button--green.button--search-result-atl:hover {
  border-left: 1px solid #53a63a;
  /* Non-touch devices */
  background: #53a63a;
  color: white;
  cursor: unset;
}
.platform .platform--touch .button--atl-added.button.button--outline.button--green.button--search-result-atl:hover:hover,
.platform .platform--touch .button--atl-addedbutton.button--outline.button--green.button--search-result-atl:hover:hover,
.platform .platform--touch .button--atl-addedinput[type='reset'].button--outline.button--green.button--search-result-atl:hover:hover,
.platform .platform--touch .button--atl-addedinput[type='submit'].button--outline.button--green.button--search-result-atl:hover:hover {
  background: #53a63a;
  color: white;
}
.platform--touch .platform--touch .button--atl-added.button.button--outline.button--green.button--search-result-atl:hover:hover,
.platform--touch .platform--touch .button--atl-addedbutton.button--outline.button--green.button--search-result-atl:hover:hover,
.platform--touch .platform--touch .button--atl-addedinput[type='reset'].button--outline.button--green.button--search-result-atl:hover:hover,
.platform--touch .platform--touch .button--atl-addedinput[type='submit'].button--outline.button--green.button--search-result-atl:hover:hover {
  color: white;
}
.button.button--outline.button--green.button--search-result-atl.button--atl-added,
button.button--outline.button--green.button--search-result-atl.button--atl-added,
input[type='reset'].button--outline.button--green.button--search-result-atl.button--atl-added,
input[type='submit'].button--outline.button--green.button--search-result-atl.button--atl-added {
  border-left: 1px solid #53a63a;
  /* Non-touch devices */
  background: #53a63a;
  color: white;
  cursor: unset;
}
.platform .button.button--outline.button--green.button--search-result-atl.button--atl-added:hover,
.platform button.button--outline.button--green.button--search-result-atl.button--atl-added:hover,
.platform input[type='reset'].button--outline.button--green.button--search-result-atl.button--atl-added:hover,
.platform input[type='submit'].button--outline.button--green.button--search-result-atl.button--atl-added:hover {
  background: #53a63a;
  color: white;
}
.platform--touch .button.button--outline.button--green.button--search-result-atl.button--atl-added:hover,
.platform--touch button.button--outline.button--green.button--search-result-atl.button--atl-added:hover,
.platform--touch input[type='reset'].button--outline.button--green.button--search-result-atl.button--atl-added:hover,
.platform--touch input[type='submit'].button--outline.button--green.button--search-result-atl.button--atl-added:hover {
  color: white;
}
.button.button--outline.button--green.button--search-result-atl:hover,
button.button--outline.button--green.button--search-result-atl:hover,
input[type='reset'].button--outline.button--green.button--search-result-atl:hover,
input[type='submit'].button--outline.button--green.button--search-result-atl:hover {
  border-left: 1px solid #53a63a;
  /* Non-touch devices */
  background: #53a63a;
  color: white;
  cursor: unset;
}
.platform .button.button--outline.button--green.button--search-result-atl:hover:hover,
.platform button.button--outline.button--green.button--search-result-atl:hover:hover,
.platform input[type='reset'].button--outline.button--green.button--search-result-atl:hover:hover,
.platform input[type='submit'].button--outline.button--green.button--search-result-atl:hover:hover {
  background: #53a63a;
  color: white;
}
.platform--touch .button.button--outline.button--green.button--search-result-atl:hover:hover,
.platform--touch button.button--outline.button--green.button--search-result-atl:hover:hover,
.platform--touch input[type='reset'].button--outline.button--green.button--search-result-atl:hover:hover,
.platform--touch input[type='submit'].button--outline.button--green.button--search-result-atl:hover:hover {
  color: white;
}
@media only screen and (min-width: 600px)  {
  .button.button--outline.button--green.button--search-result-atl,
  button.button--outline.button--green.button--search-result-atl,
  input[type='reset'].button--outline.button--green.button--search-result-atl,
  input[type='submit'].button--outline.button--green.button--search-result-atl {
    width: 154px;
  }
}
@media only screen and (min-width: 500px)  {
  .button.button--outline.button--green.button--search-result-atl,
  button.button--outline.button--green.button--search-result-atl,
  input[type='reset'].button--outline.button--green.button--search-result-atl,
  input[type='submit'].button--outline.button--green.button--search-result-atl {
    padding: 15px;
  }
}
.platform--touch .school-locator-entity-list .button.button--outline.button--green:hover:not(.button--atl-added),
.platform--touch .school-locator-entity-list button.button--outline.button--green:hover:not(.button--atl-added),
.platform--touch .school-locator-entity-list input[type='reset'].button--outline.button--green:hover:not(.button--atl-added),
.platform--touch .school-locator-entity-list input[type='submit'].button--outline.button--green:hover:not(.button--atl-added) {
  background: white;
}
.button.button--outline.button--inverted,
button.button--outline.button--inverted,
input[type='reset'].button--outline.button--inverted,
input[type='submit'].button--outline.button--inverted {
  /* Non-touch devices */
  -webkit-box-shadow: inset 0 0 0 2px white;
          box-shadow: inset 0 0 0 2px white;
  color: white;
}
.platform .button.button--outline.button--inverted:hover,
.platform button.button--outline.button--inverted:hover,
.platform input[type='reset'].button--outline.button--inverted:hover,
.platform input[type='submit'].button--outline.button--inverted:hover {
  background: white;
  color: #2e9adf;
}
.platform--touch .button.button--outline.button--inverted:hover,
.platform--touch button.button--outline.button--inverted:hover,
.platform--touch input[type='reset'].button--outline.button--inverted:hover,
.platform--touch input[type='submit'].button--outline.button--inverted:hover {
  color: white;
}
.button.button--outline.button--inverted.button--small,
button.button--outline.button--inverted.button--small,
input[type='reset'].button--outline.button--inverted.button--small,
input[type='submit'].button--outline.button--inverted.button--small,
.button.button--outline.button--inverted.button--xsmall,
button.button--outline.button--inverted.button--xsmall,
input[type='reset'].button--outline.button--inverted.button--xsmall,
input[type='submit'].button--outline.button--inverted.button--xsmall {
  -webkit-box-shadow: inset 0 0 0 1px white;
          box-shadow: inset 0 0 0 1px white;
}
.button.button--outline.button--lighter,
button.button--outline.button--lighter,
input[type='reset'].button--outline.button--lighter,
input[type='submit'].button--outline.button--lighter {
  /* Non-touch devices */
  -webkit-box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.25);
          box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.25);
  color: white;
}
.platform .button.button--outline.button--lighter:hover,
.platform button.button--outline.button--lighter:hover,
.platform input[type='reset'].button--outline.button--lighter:hover,
.platform input[type='submit'].button--outline.button--lighter:hover {
  background: rgba(255, 255, 255, 0.5);
  color: white;
}
.platform--touch .button.button--outline.button--lighter:hover,
.platform--touch button.button--outline.button--lighter:hover,
.platform--touch input[type='reset'].button--outline.button--lighter:hover,
.platform--touch input[type='submit'].button--outline.button--lighter:hover {
  color: white;
}
.platform .button.button--outline.button--lighter:hover,
.platform button.button--outline.button--lighter:hover,
.platform input[type='reset'].button--outline.button--lighter:hover,
.platform input[type='submit'].button--outline.button--lighter:hover {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.button.button--outline.button--lighter.button--small,
button.button--outline.button--lighter.button--small,
input[type='reset'].button--outline.button--lighter.button--small,
input[type='submit'].button--outline.button--lighter.button--small,
.button.button--outline.button--lighter.button--xsmall,
button.button--outline.button--lighter.button--xsmall,
input[type='reset'].button--outline.button--lighter.button--xsmall,
input[type='submit'].button--outline.button--lighter.button--xsmall {
  -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.25);
          box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.25);
}
.button.button--outline.button--darker,
button.button--outline.button--darker,
input[type='reset'].button--outline.button--darker,
input[type='submit'].button--outline.button--darker {
  /* Non-touch devices */
  -webkit-box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.25);
          box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.25);
  color: rgba(0, 0, 0, 0.25);
}
.platform .button.button--outline.button--darker:hover,
.platform button.button--outline.button--darker:hover,
.platform input[type='reset'].button--outline.button--darker:hover,
.platform input[type='submit'].button--outline.button--darker:hover {
  background: rgba(0, 0, 0, 0.5);
  color: white;
}
.platform--touch .button.button--outline.button--darker:hover,
.platform--touch button.button--outline.button--darker:hover,
.platform--touch input[type='reset'].button--outline.button--darker:hover,
.platform--touch input[type='submit'].button--outline.button--darker:hover {
  color: rgba(0, 0, 0, 0.25);
}
.platform .button.button--outline.button--darker:hover,
.platform button.button--outline.button--darker:hover,
.platform input[type='reset'].button--outline.button--darker:hover,
.platform input[type='submit'].button--outline.button--darker:hover {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.button.button--outline.button--darker.button--small,
button.button--outline.button--darker.button--small,
input[type='reset'].button--outline.button--darker.button--small,
input[type='submit'].button--outline.button--darker.button--small,
.button.button--outline.button--darker.button--xsmall,
button.button--outline.button--darker.button--xsmall,
input[type='reset'].button--outline.button--darker.button--xsmall,
input[type='submit'].button--outline.button--darker.button--xsmall {
  -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25);
          box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25);
}
.button.button--outline.button--icon-facebook,
button.button--outline.button--icon-facebook,
input[type='reset'].button--outline.button--icon-facebook,
input[type='submit'].button--outline.button--icon-facebook {
  -webkit-box-shadow: inset 0 0 0 2px #3b5998;
          box-shadow: inset 0 0 0 2px #3b5998;
  /* Non-touch devices */
  color: #3b5998;
}
.platform .button.button--outline.button--icon-facebook:hover,
.platform button.button--outline.button--icon-facebook:hover,
.platform input[type='reset'].button--outline.button--icon-facebook:hover,
.platform input[type='submit'].button--outline.button--icon-facebook:hover {
  background: #3b5998;
  color: white;
}
.platform--touch .button.button--outline.button--icon-facebook:hover,
.platform--touch button.button--outline.button--icon-facebook:hover,
.platform--touch input[type='reset'].button--outline.button--icon-facebook:hover,
.platform--touch input[type='submit'].button--outline.button--icon-facebook:hover {
  color: #3b5998;
}
.button.button--outline.button--icon-facebook.button--small,
button.button--outline.button--icon-facebook.button--small,
input[type='reset'].button--outline.button--icon-facebook.button--small,
input[type='submit'].button--outline.button--icon-facebook.button--small,
.button.button--outline.button--icon-facebook.button--xsmall,
button.button--outline.button--icon-facebook.button--xsmall,
input[type='reset'].button--outline.button--icon-facebook.button--xsmall,
input[type='submit'].button--outline.button--icon-facebook.button--xsmall {
  -webkit-box-shadow: inset 0 0 0 1px #3b5998;
          box-shadow: inset 0 0 0 1px #3b5998;
}
.button.button--outline.button--icon-twitter,
button.button--outline.button--icon-twitter,
input[type='reset'].button--outline.button--icon-twitter,
input[type='submit'].button--outline.button--icon-twitter {
  -webkit-box-shadow: inset 0 0 0 2px #70ceee;
          box-shadow: inset 0 0 0 2px #70ceee;
  /* Non-touch devices */
}
.platform .button.button--outline.button--icon-twitter:hover,
.platform button.button--outline.button--icon-twitter:hover,
.platform input[type='reset'].button--outline.button--icon-twitter:hover,
.platform input[type='submit'].button--outline.button--icon-twitter:hover {
  background: #70ceee;
  color: white;
}
.button.button--outline.button--icon-twitter.button--small,
button.button--outline.button--icon-twitter.button--small,
input[type='reset'].button--outline.button--icon-twitter.button--small,
input[type='submit'].button--outline.button--icon-twitter.button--small,
.button.button--outline.button--icon-twitter.button--xsmall,
button.button--outline.button--icon-twitter.button--xsmall,
input[type='reset'].button--outline.button--icon-twitter.button--xsmall,
input[type='submit'].button--outline.button--icon-twitter.button--xsmall {
  -webkit-box-shadow: inset 0 0 0 1px #70ceee;
          box-shadow: inset 0 0 0 1px #70ceee;
}
.button.button--has-icon::after,
button.button--has-icon::after,
input[type='reset'].button--has-icon::after,
input[type='submit'].button--has-icon::after,
.button.button--has-icon::before,
button.button--has-icon::before,
input[type='reset'].button--has-icon::before,
input[type='submit'].button--has-icon::before {
  font-family: 'Niche-Interface-Symbols';
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  position: relative;
  right: -0.25em;
  bottom: -0.095em;
  line-height: 1.111em;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.button.button--has-icon::before,
button.button--has-icon::before,
input[type='reset'].button--has-icon::before,
input[type='submit'].button--has-icon::before {
  display: none;
}
.button.button--icon-left,
button.button--icon-left,
input[type='reset'].button--icon-left,
input[type='submit'].button--icon-left,
.button.button--collapse-atl,
button.button--collapse-atl,
input[type='reset'].button--collapse-atl,
input[type='submit'].button--collapse-atl,
.button.button--icon-left-lock,
button.button--icon-left-lock,
input[type='reset'].button--icon-left-lock,
input[type='submit'].button--icon-left-lock {
  padding-left: 1.15em;
}
.button.button--icon-left::before,
button.button--icon-left::before,
input[type='reset'].button--icon-left::before,
input[type='submit'].button--icon-left::before,
.button.button--collapse-atl::before,
button.button--collapse-atl::before,
input[type='reset'].button--collapse-atl::before,
input[type='submit'].button--collapse-atl::before,
.button.button--icon-left-lock::before,
button.button--icon-left-lock::before,
input[type='reset'].button--icon-left-lock::before,
input[type='submit'].button--icon-left-lock::before {
  display: inline-block;
  bottom: -0.095em;
  left: 0;
  margin-right: 0.25em;
}
.button.button--icon-left::after,
button.button--icon-left::after,
input[type='reset'].button--icon-left::after,
input[type='submit'].button--icon-left::after,
.button.button--collapse-atl::after,
button.button--collapse-atl::after,
input[type='reset'].button--collapse-atl::after,
input[type='submit'].button--collapse-atl::after,
.button.button--icon-left-lock::after,
button.button--icon-left-lock::after,
input[type='reset'].button--icon-left-lock::after,
input[type='submit'].button--icon-left-lock::after {
  display: none;
}
.button.button--icon-left.button--wide,
button.button--icon-left.button--wide,
input[type='reset'].button--icon-left.button--wide,
input[type='submit'].button--icon-left.button--wide,
.button.button--collapse-atl.button--wide,
button.button--collapse-atl.button--wide,
input[type='reset'].button--collapse-atl.button--wide,
input[type='submit'].button--collapse-atl.button--wide,
.button.button--icon-left-lock.button--wide,
button.button--icon-left-lock.button--wide,
input[type='reset'].button--icon-left-lock.button--wide,
input[type='submit'].button--icon-left-lock.button--wide {
  padding-left: 1.8em !important;
}
.button.button--icon-left.button--compact,
button.button--icon-left.button--compact,
input[type='reset'].button--icon-left.button--compact,
input[type='submit'].button--icon-left.button--compact,
.button.button--collapse-atl.button--compact,
button.button--collapse-atl.button--compact,
input[type='reset'].button--collapse-atl.button--compact,
input[type='submit'].button--collapse-atl.button--compact,
.button.button--icon-left-lock.button--compact,
button.button--icon-left-lock.button--compact,
input[type='reset'].button--icon-left-lock.button--compact,
input[type='submit'].button--icon-left-lock.button--compact {
  padding-left: 1em;
}
.button.button--icon-left.button--postcard-atl,
button.button--icon-left.button--postcard-atl,
input[type='reset'].button--icon-left.button--postcard-atl,
input[type='submit'].button--icon-left.button--postcard-atl,
.button.button--collapse-atl.button--postcard-atl,
button.button--collapse-atl.button--postcard-atl,
input[type='reset'].button--collapse-atl.button--postcard-atl,
input[type='submit'].button--collapse-atl.button--postcard-atl,
.button.button--icon-left-lock.button--postcard-atl,
button.button--icon-left-lock.button--postcard-atl,
input[type='reset'].button--icon-left-lock.button--postcard-atl,
input[type='submit'].button--icon-left-lock.button--postcard-atl {
  padding-left: 8px;
}
@media only screen and (min-width: 600px)  {
  .button.button--icon-left.button--postcard-atl,
  button.button--icon-left.button--postcard-atl,
  input[type='reset'].button--icon-left.button--postcard-atl,
  input[type='submit'].button--icon-left.button--postcard-atl,
  .button.button--collapse-atl.button--postcard-atl,
  button.button--collapse-atl.button--postcard-atl,
  input[type='reset'].button--collapse-atl.button--postcard-atl,
  input[type='submit'].button--collapse-atl.button--postcard-atl,
  .button.button--icon-left-lock.button--postcard-atl,
  button.button--icon-left-lock.button--postcard-atl,
  input[type='reset'].button--icon-left-lock.button--postcard-atl,
  input[type='submit'].button--icon-left-lock.button--postcard-atl {
    padding-left: 13px;
  }
}
.button.button--icon-right,
button.button--icon-right,
input[type='reset'].button--icon-right,
input[type='submit'].button--icon-right,
.button.button--icon-right-lock,
button.button--icon-right-lock,
input[type='reset'].button--icon-right-lock,
input[type='submit'].button--icon-right-lock {
  padding-right: 1.15em;
}
.button.button--icon-right::before,
button.button--icon-right::before,
input[type='reset'].button--icon-right::before,
input[type='submit'].button--icon-right::before,
.button.button--icon-right-lock::before,
button.button--icon-right-lock::before,
input[type='reset'].button--icon-right-lock::before,
input[type='submit'].button--icon-right-lock::before {
  bottom: -0.095em;
  display: inline-block;
  float: right;
  right: -0.25em;
}
.button.button--icon-right::after,
button.button--icon-right::after,
input[type='reset'].button--icon-right::after,
input[type='submit'].button--icon-right::after,
.button.button--icon-right-lock::after,
button.button--icon-right-lock::after,
input[type='reset'].button--icon-right-lock::after,
input[type='submit'].button--icon-right-lock::after {
  display: none;
}
.button.button--icon-right.button--wide,
button.button--icon-right.button--wide,
input[type='reset'].button--icon-right.button--wide,
input[type='submit'].button--icon-right.button--wide,
.button.button--icon-right-lock.button--wide,
button.button--icon-right-lock.button--wide,
input[type='reset'].button--icon-right-lock.button--wide,
input[type='submit'].button--icon-right-lock.button--wide {
  padding-right: 1.8em !important;
}
.button.button--icon-right.button--compact,
button.button--icon-right.button--compact,
input[type='reset'].button--icon-right.button--compact,
input[type='submit'].button--icon-right.button--compact,
.button.button--icon-right-lock.button--compact,
button.button--icon-right-lock.button--compact,
input[type='reset'].button--icon-right-lock.button--compact,
input[type='submit'].button--icon-right-lock.button--compact {
  padding-right: 1em;
}
.button.button--atl-added,
button.button--atl-added,
input[type='reset'].button--atl-added,
input[type='submit'].button--atl-added {
  /* Non-touch devices */
  background: #53a63a;
  color: white;
  /* Scatterplot landing page ATL button */
}
.platform .button.button--atl-added:hover,
.platform button.button--atl-added:hover,
.platform input[type='reset'].button--atl-added:hover,
.platform input[type='submit'].button--atl-added:hover {
  background: #53a63a;
  color: white;
}
.platform--touch .button.button--atl-added:hover,
.platform--touch button.button--atl-added:hover,
.platform--touch input[type='reset'].button--atl-added:hover,
.platform--touch input[type='submit'].button--atl-added:hover {
  color: white;
}
.button.button--atl-added:hover,
button.button--atl-added:hover,
input[type='reset'].button--atl-added:hover,
input[type='submit'].button--atl-added:hover,
.button.button--atl-added:focus,
button.button--atl-added:focus,
input[type='reset'].button--atl-added:focus,
input[type='submit'].button--atl-added:focus {
  cursor: default;
  outline: none;
}
.button.button--atl-added > span,
button.button--atl-added > span,
input[type='reset'].button--atl-added > span,
input[type='submit'].button--atl-added > span {
  color: #53a63a;
  position: relative;
}
.button.button--atl-added > span::before,
button.button--atl-added > span::before,
input[type='reset'].button--atl-added > span::before,
input[type='submit'].button--atl-added > span::before {
  content: 'Added';
  color: white;
  left: 0;
  position: absolute;
  text-align: center;
  top: 2px;
  width: 100%;
}
.button.button--atl-added.button--has-icon.button--icon-left.button--icon-heart.button--xsmall.button--lighter,
button.button--atl-added.button--has-icon.button--icon-left.button--icon-heart.button--xsmall.button--lighter,
input[type='reset'].button--atl-added.button--has-icon.button--icon-left.button--icon-heart.button--xsmall.button--lighter,
input[type='submit'].button--atl-added.button--has-icon.button--icon-left.button--icon-heart.button--xsmall.button--lighter {
  background-color: #fafafa;
  color: #53a63a;
}
.button.button--atl-added.button--has-icon.button--icon-left.button--icon-heart.button--xsmall.button--lighter > span,
button.button--atl-added.button--has-icon.button--icon-left.button--icon-heart.button--xsmall.button--lighter > span,
input[type='reset'].button--atl-added.button--has-icon.button--icon-left.button--icon-heart.button--xsmall.button--lighter > span,
input[type='submit'].button--atl-added.button--has-icon.button--icon-left.button--icon-heart.button--xsmall.button--lighter > span {
  color: #fafafa;
}
.button.button--atl-added.button--has-icon.button--icon-left.button--icon-heart.button--xsmall.button--lighter > span:before,
button.button--atl-added.button--has-icon.button--icon-left.button--icon-heart.button--xsmall.button--lighter > span:before,
input[type='reset'].button--atl-added.button--has-icon.button--icon-left.button--icon-heart.button--xsmall.button--lighter > span:before,
input[type='submit'].button--atl-added.button--has-icon.button--icon-left.button--icon-heart.button--xsmall.button--lighter > span:before {
  color: #53a63a;
}
.button.button--icon-only,
button.button--icon-only,
input[type='reset'].button--icon-only,
input[type='submit'].button--icon-only {
  padding: 0.4em 0.6em 0.5em;
}
.button.button--icon-only::after,
button.button--icon-only::after,
input[type='reset'].button--icon-only::after,
input[type='submit'].button--icon-only::after {
  display: inline-block;
  right: 0;
  font-size: 22px;
  bottom: -0.095em;
}
.button.button--icon-only.button--xsmall::after,
button.button--icon-only.button--xsmall::after,
input[type='reset'].button--icon-only.button--xsmall::after,
input[type='submit'].button--icon-only.button--xsmall::after {
  font-size: 18px;
}
.button.button--icon-only.button--small::after,
button.button--icon-only.button--small::after,
input[type='reset'].button--icon-only.button--small::after,
input[type='submit'].button--icon-only.button--small::after {
  font-size: 20px;
}
.button.button--icon-only.button--large::after,
button.button--icon-only.button--large::after,
input[type='reset'].button--icon-only.button--large::after,
input[type='submit'].button--icon-only.button--large::after {
  font-size: 24px;
}
.button.button--icon-only.button--xlarge::after,
button.button--icon-only.button--xlarge::after,
input[type='reset'].button--icon-only.button--xlarge::after,
input[type='submit'].button--icon-only.button--xlarge::after {
  font-size: 26px;
}
.button.button--icon-only::before,
button.button--icon-only::before,
input[type='reset'].button--icon-only::before,
input[type='submit'].button--icon-only::before {
  display: none;
}
.button.button--icon-only .button__text,
button.button--icon-only .button__text,
input[type='reset'].button--icon-only .button__text,
input[type='submit'].button--icon-only .button__text {
  display: none;
}
.button.button--icon-star-half::after,
button.button--icon-star-half::after,
input[type='reset'].button--icon-star-half::after,
input[type='submit'].button--icon-star-half::after,
.button.button--icon-star-half::before,
button.button--icon-star-half::before,
input[type='reset'].button--icon-star-half::before,
input[type='submit'].button--icon-star-half::before {
  content: '\E900';
}
.button.button--icon-star-full::after,
button.button--icon-star-full::after,
input[type='reset'].button--icon-star-full::after,
input[type='submit'].button--icon-star-full::after,
.button.button--icon-star-full::before,
button.button--icon-star-full::before,
input[type='reset'].button--icon-star-full::before,
input[type='submit'].button--icon-star-full::before {
  content: '\E904';
}
.button.button--icon-star-empty::after,
button.button--icon-star-empty::after,
input[type='reset'].button--icon-star-empty::after,
input[type='submit'].button--icon-star-empty::after,
.button.button--icon-star-empty::before,
button.button--icon-star-empty::before,
input[type='reset'].button--icon-star-empty::before,
input[type='submit'].button--icon-star-empty::before {
  content: '\E905';
}
.button.button--icon-heart::after,
button.button--icon-heart::after,
input[type='reset'].button--icon-heart::after,
input[type='submit'].button--icon-heart::after,
.button.button--icon-heart::before,
button.button--icon-heart::before,
input[type='reset'].button--icon-heart::before,
input[type='submit'].button--icon-heart::before {
  content: '\E619';
}
.button.button--icon-heart.button--icon-only,
button.button--icon-heart.button--icon-only,
input[type='reset'].button--icon-heart.button--icon-only,
input[type='submit'].button--icon-heart.button--icon-only {
  min-width: 39px;
}
.button.button--icon-password-hide::after,
button.button--icon-password-hide::after,
input[type='reset'].button--icon-password-hide::after,
input[type='submit'].button--icon-password-hide::after,
.button.button--icon-password-hide::before,
button.button--icon-password-hide::before,
input[type='reset'].button--icon-password-hide::before,
input[type='submit'].button--icon-password-hide::before {
  content: '\E617';
}
.button.button--icon-password-view::after,
button.button--icon-password-view::after,
input[type='reset'].button--icon-password-view::after,
input[type='submit'].button--icon-password-view::after,
.button.button--icon-password-view::before,
button.button--icon-password-view::before,
input[type='reset'].button--icon-password-view::before,
input[type='submit'].button--icon-password-view::before {
  content: '\E618';
}
.button.button--icon-hamburger::after,
button.button--icon-hamburger::after,
input[type='reset'].button--icon-hamburger::after,
input[type='submit'].button--icon-hamburger::after,
.button.button--icon-hamburger::before,
button.button--icon-hamburger::before,
input[type='reset'].button--icon-hamburger::before,
input[type='submit'].button--icon-hamburger::before {
  content: '\E615';
}
.button.button--icon-account.thick::after,
button.button--icon-account.thick::after,
input[type='reset'].button--icon-account.thick::after,
input[type='submit'].button--icon-account.thick::after,
.button.button--icon-account.thick::before,
button.button--icon-account.thick::before,
input[type='reset'].button--icon-account.thick::before,
input[type='submit'].button--icon-account.thick::before {
  content: '\E600';
}
.button.button--icon-account::after,
button.button--icon-account::after,
input[type='reset'].button--icon-account::after,
input[type='submit'].button--icon-account::after,
.button.button--icon-account::before,
button.button--icon-account::before,
input[type='reset'].button--icon-account::before,
input[type='submit'].button--icon-account::before {
  content: '\E60B';
}
.button.button--icon-arrow-down.thick::after,
button.button--icon-arrow-down.thick::after,
input[type='reset'].button--icon-arrow-down.thick::after,
input[type='submit'].button--icon-arrow-down.thick::after,
.button.button--icon-arrow-down.thick::before,
button.button--icon-arrow-down.thick::before,
input[type='reset'].button--icon-arrow-down.thick::before,
input[type='submit'].button--icon-arrow-down.thick::before {
  content: '\E601';
}
.button.button--icon-arrow-down::after,
button.button--icon-arrow-down::after,
input[type='reset'].button--icon-arrow-down::after,
input[type='submit'].button--icon-arrow-down::after,
.button.button--icon-arrow-down::before,
button.button--icon-arrow-down::before,
input[type='reset'].button--icon-arrow-down::before,
input[type='submit'].button--icon-arrow-down::before {
  content: '\E60C';
}
.button.button--icon-arrow-left.thick::after,
button.button--icon-arrow-left.thick::after,
input[type='reset'].button--icon-arrow-left.thick::after,
input[type='submit'].button--icon-arrow-left.thick::after,
.button.button--icon-arrow-left.thick::before,
button.button--icon-arrow-left.thick::before,
input[type='reset'].button--icon-arrow-left.thick::before,
input[type='submit'].button--icon-arrow-left.thick::before {
  content: '\E602';
}
.button.button--icon-arrow-left::after,
button.button--icon-arrow-left::after,
input[type='reset'].button--icon-arrow-left::after,
input[type='submit'].button--icon-arrow-left::after,
.button.button--icon-arrow-left::before,
button.button--icon-arrow-left::before,
input[type='reset'].button--icon-arrow-left::before,
input[type='submit'].button--icon-arrow-left::before {
  content: '\E60D';
}
.button.button--icon-arrow-up.thick::after,
button.button--icon-arrow-up.thick::after,
input[type='reset'].button--icon-arrow-up.thick::after,
input[type='submit'].button--icon-arrow-up.thick::after,
.button.button--icon-arrow-up.thick::before,
button.button--icon-arrow-up.thick::before,
input[type='reset'].button--icon-arrow-up.thick::before,
input[type='submit'].button--icon-arrow-up.thick::before {
  content: '\E604';
}
.button.button--icon-arrow-up::after,
button.button--icon-arrow-up::after,
input[type='reset'].button--icon-arrow-up::after,
input[type='submit'].button--icon-arrow-up::after,
.button.button--icon-arrow-up::before,
button.button--icon-arrow-up::before,
input[type='reset'].button--icon-arrow-up::before,
input[type='submit'].button--icon-arrow-up::before {
  content: '\E60F';
}
.button.button--icon-arrow-right.thick::after,
button.button--icon-arrow-right.thick::after,
input[type='reset'].button--icon-arrow-right.thick::after,
input[type='submit'].button--icon-arrow-right.thick::after,
.button.button--icon-arrow-right.thick::before,
button.button--icon-arrow-right.thick::before,
input[type='reset'].button--icon-arrow-right.thick::before,
input[type='submit'].button--icon-arrow-right.thick::before {
  content: '\E603';
}
.button.button--icon-arrow-right::after,
button.button--icon-arrow-right::after,
input[type='reset'].button--icon-arrow-right::after,
input[type='submit'].button--icon-arrow-right::after,
.button.button--icon-arrow-right::before,
button.button--icon-arrow-right::before,
input[type='reset'].button--icon-arrow-right::before,
input[type='submit'].button--icon-arrow-right::before {
  content: '\E60E';
}
.button.button--icon-check.thick::after,
button.button--icon-check.thick::after,
input[type='reset'].button--icon-check.thick::after,
input[type='submit'].button--icon-check.thick::after,
.button.button--icon-check.thick::before,
button.button--icon-check.thick::before,
input[type='reset'].button--icon-check.thick::before,
input[type='submit'].button--icon-check.thick::before {
  content: '\E605';
}
.button.button--icon-check::after,
button.button--icon-check::after,
input[type='reset'].button--icon-check::after,
input[type='submit'].button--icon-check::after,
.button.button--icon-check::before,
button.button--icon-check::before,
input[type='reset'].button--icon-check::before,
input[type='submit'].button--icon-check::before {
  content: '\E610';
}
.button.button--icon-close.thick::after,
button.button--icon-close.thick::after,
input[type='reset'].button--icon-close.thick::after,
input[type='submit'].button--icon-close.thick::after,
.button.button--icon-close.thick::before,
button.button--icon-close.thick::before,
input[type='reset'].button--icon-close.thick::before,
input[type='submit'].button--icon-close.thick::before {
  content: '\E606';
}
.button.button--icon-close::after,
button.button--icon-close::after,
input[type='reset'].button--icon-close::after,
input[type='submit'].button--icon-close::after,
.button.button--icon-close::before,
button.button--icon-close::before,
input[type='reset'].button--icon-close::before,
input[type='submit'].button--icon-close::before {
  content: '\E611';
}
.button.button--icon-minus.thick::after,
button.button--icon-minus.thick::after,
input[type='reset'].button--icon-minus.thick::after,
input[type='submit'].button--icon-minus.thick::after,
.button.button--icon-minus.thick::before,
button.button--icon-minus.thick::before,
input[type='reset'].button--icon-minus.thick::before,
input[type='submit'].button--icon-minus.thick::before {
  content: '\E607';
}
.button.button--icon-minus::after,
button.button--icon-minus::after,
input[type='reset'].button--icon-minus::after,
input[type='submit'].button--icon-minus::after,
.button.button--icon-minus::before,
button.button--icon-minus::before,
input[type='reset'].button--icon-minus::before,
input[type='submit'].button--icon-minus::before {
  content: '\E612';
}
.button.button--icon-plus.thick::after,
button.button--icon-plus.thick::after,
input[type='reset'].button--icon-plus.thick::after,
input[type='submit'].button--icon-plus.thick::after,
.button.button--icon-plus.thick::before,
button.button--icon-plus.thick::before,
input[type='reset'].button--icon-plus.thick::before,
input[type='submit'].button--icon-plus.thick::before {
  content: '\E608';
}
.button.button--icon-plus::after,
button.button--icon-plus::after,
input[type='reset'].button--icon-plus::after,
input[type='submit'].button--icon-plus::after,
.button.button--icon-plus::before,
button.button--icon-plus::before,
input[type='reset'].button--icon-plus::before,
input[type='submit'].button--icon-plus::before {
  content: '\E613';
}
.button.button--icon-question.thick::after,
button.button--icon-question.thick::after,
input[type='reset'].button--icon-question.thick::after,
input[type='submit'].button--icon-question.thick::after,
.button.button--icon-question.thick::before,
button.button--icon-question.thick::before,
input[type='reset'].button--icon-question.thick::before,
input[type='submit'].button--icon-question.thick::before {
  content: '\E609';
}
.button.button--icon-question::after,
button.button--icon-question::after,
input[type='reset'].button--icon-question::after,
input[type='submit'].button--icon-question::after,
.button.button--icon-question::before,
button.button--icon-question::before,
input[type='reset'].button--icon-question::before,
input[type='submit'].button--icon-question::before {
  content: '\E614';
}
.button.button--icon-search.thick::after,
button.button--icon-search.thick::after,
input[type='reset'].button--icon-search.thick::after,
input[type='submit'].button--icon-search.thick::after,
.button.button--icon-search.thick::before,
button.button--icon-search.thick::before,
input[type='reset'].button--icon-search.thick::before,
input[type='submit'].button--icon-search.thick::before {
  content: '\E60A';
}
.button.button--icon-search::after,
button.button--icon-search::after,
input[type='reset'].button--icon-search::after,
input[type='submit'].button--icon-search::after,
.button.button--icon-search::before,
button.button--icon-search::before,
input[type='reset'].button--icon-search::before,
input[type='submit'].button--icon-search::before {
  content: '\E616';
}
.button.button--icon-facebook::before,
button.button--icon-facebook::before,
input[type='reset'].button--icon-facebook::before,
input[type='submit'].button--icon-facebook::before,
.button.button--icon-twitter::before,
button.button--icon-twitter::before,
input[type='reset'].button--icon-twitter::before,
input[type='submit'].button--icon-twitter::before {
  font-size: 20px;
  left: -0.25em;
  bottom: -0.15em;
  margin-top: -0.15em;
}
.button.button--icon-facebook.button--xsmall::before,
button.button--icon-facebook.button--xsmall::before,
input[type='reset'].button--icon-facebook.button--xsmall::before,
input[type='submit'].button--icon-facebook.button--xsmall::before,
.button.button--icon-twitter.button--xsmall::before,
button.button--icon-twitter.button--xsmall::before,
input[type='reset'].button--icon-twitter.button--xsmall::before,
input[type='submit'].button--icon-twitter.button--xsmall::before {
  font-size: 16px;
}
.button.button--icon-facebook.button--small::before,
button.button--icon-facebook.button--small::before,
input[type='reset'].button--icon-facebook.button--small::before,
input[type='submit'].button--icon-facebook.button--small::before,
.button.button--icon-twitter.button--small::before,
button.button--icon-twitter.button--small::before,
input[type='reset'].button--icon-twitter.button--small::before,
input[type='submit'].button--icon-twitter.button--small::before {
  font-size: 18px;
}
.button.button--icon-facebook.button--large::before,
button.button--icon-facebook.button--large::before,
input[type='reset'].button--icon-facebook.button--large::before,
input[type='submit'].button--icon-facebook.button--large::before,
.button.button--icon-twitter.button--large::before,
button.button--icon-twitter.button--large::before,
input[type='reset'].button--icon-twitter.button--large::before,
input[type='submit'].button--icon-twitter.button--large::before {
  font-size: 22px;
}
.button.button--icon-facebook.button--xlarge::before,
button.button--icon-facebook.button--xlarge::before,
input[type='reset'].button--icon-facebook.button--xlarge::before,
input[type='submit'].button--icon-facebook.button--xlarge::before,
.button.button--icon-twitter.button--xlarge::before,
button.button--icon-twitter.button--xlarge::before,
input[type='reset'].button--icon-twitter.button--xlarge::before,
input[type='submit'].button--icon-twitter.button--xlarge::before {
  font-size: 24px;
}
.button.button--icon-facebook,
button.button--icon-facebook,
input[type='reset'].button--icon-facebook,
input[type='submit'].button--icon-facebook {
  background: #3b5998;
}
.button.button--icon-facebook::before,
button.button--icon-facebook::before,
input[type='reset'].button--icon-facebook::before,
input[type='submit'].button--icon-facebook::before,
.button.button--icon-facebook::after,
button.button--icon-facebook::after,
input[type='reset'].button--icon-facebook::after,
input[type='submit'].button--icon-facebook::after {
  content: '\E901';
}
.platform .button.button--icon-facebook:hover,
.platform button.button--icon-facebook:hover,
.platform input[type='reset'].button--icon-facebook:hover,
.platform input[type='submit'].button--icon-facebook:hover {
  background: #4c70ba;
}
.button.button--icon-twitter,
button.button--icon-twitter,
input[type='reset'].button--icon-twitter,
input[type='submit'].button--icon-twitter {
  background: #70ceee;
}
.button.button--icon-twitter::before,
button.button--icon-twitter::before,
input[type='reset'].button--icon-twitter::before,
input[type='submit'].button--icon-twitter::before,
.button.button--icon-twitter::after,
button.button--icon-twitter::after,
input[type='reset'].button--icon-twitter::after,
input[type='submit'].button--icon-twitter::after {
  content: '\E902';
}
.platform .button.button--icon-twitter:hover,
.platform button.button--icon-twitter:hover,
.platform input[type='reset'].button--icon-twitter:hover,
.platform input[type='submit'].button--icon-twitter:hover {
  background: #9edef3;
}
@-webkit-keyframes buttonLoad {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 50px 50px;
  }
}
@keyframes buttonLoad {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 50px 50px;
  }
}
/******************************
    Button Groups
******************************/
.button--group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.button--group .button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  margin-right: 5px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.button--group .button:last-of-type {
  margin-right: 0;
}
.button--group .button::before {
  bottom: -0.05em;
}
.button--group.toggle .button:nth-child(1) {
  border-radius: 2px 0 0 2px;
  margin: 0;
}
.button--group.toggle .button:nth-child(2) {
  border-radius: 0 2px 2px 0;
}
.button--group.toggle .button.not-active {
  background: #8ec8ef;
  color: #eef9ff;
}
.platform .button--group.toggle .button.not-active:hover {
  background: #b8def7;
}
@media (min-width: 500px) {
  .button,
  button,
  .map-close {
    font-size: 18px;
  }
  .button.button--xsmall,
  button.button--xsmall {
    font-size: 14px;
  }
  .button.button--small,
  button.button--small {
    font-size: 16px;
  }
  .button.button--large,
  button.button--large {
    font-size: 20px;
  }
  .button.button--xlarge,
  button.button--xlarge {
    font-size: 22px;
  }
  .button.button--mobile-full-width,
  button.button--mobile-full-width {
    display: inline-block;
    text-align: right;
    width: auto;
  }
  .button--group .button {
    margin-right: 10px;
  }
  .button--group .button:last-of-type {
    margin-right: 0;
  }
  .button--wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}
/* Styles (unnested) */
.button--light-blue {
  background: #eef9ff;
  color: #007ac8;
}
.platform .button--light-blue:hover {
  background: #d8f0ff;
  color: #0063a5;
}
/* Media Queries */
@media (max-width: 500px) {
  .button.button--collapse-atl,
  button.button--collapse-atl {
    height: 40px !important;
    width: 40px !important;
    padding: 0.4em 0.5em 0.5em !important;
  }
  .button.button--collapse-atl::after,
  button.button--collapse-atl::after {
    display: inline-block;
    right: 0;
    font-size: 22px;
    bottom: -0.095em;
  }
  .button.button--collapse-atl.button--wide::after,
  button.button--collapse-atl.button--wide::after {
    right: 22px;
  }
  .button.button--collapse-atl.button--compact,
  button.button--collapse-atl.button--compact {
    padding-left: 0.5em;
  }
  .button.button--collapse-atl::before,
  button.button--collapse-atl::before {
    display: none;
  }
  .button.button--collapse-atl .button__text,
  button.button--collapse-atl .button__text {
    display: none;
  }
  .button.button--collapse-atl.button--small,
  button.button--collapse-atl.button--small,
  .button.button--collapse-atl.button--xsmall,
  button.button--collapse-atl.button--xsmall {
    font-size: 18px;
  }
}
.button-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.button-group--toggle {
  width: 100%;
}
.button-group--toggle .button-group__button {
  margin: 0;
}
.button-group--toggle .button-group__button:first-child .button {
  border-radius: 2px 0 0 2px;
}
.button-group--toggle .button-group__button:last-child .button {
  border-radius: 0 2px 2px 0;
}
.button-group--toggle .button-group__button .button:focus {
  outline: none;
}
.button-group--toggle .button--not-active {
  background: #8ec8ef;
  color: #eef9ff;
}
.platform .button-group--toggle .button--not-active:hover {
  background: #b8def7;
}
.button-group__button {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 5px 0 0;
}
.button-group__button:last-of-type {
  margin: 0;
}
.button-group__button .button {
  text-align: center;
  width: 100%;
}
@media only screen and (min-width: 500px)  {
  .button-group__button {
    margin: 0 10px 0 0;
  }
}
.social-share {
  display: block;
  list-style: none;
  margin: 15px 0;
  padding: 0 15px;
}
.social-share__button {
  display: inline-block;
  margin: 0 5px 0 0;
}
.social-share__button:last-child {
  margin: 0;
}
@media only screen and (min-width: 730px)  {
  .social-share {
    padding: 0;
  }
}
select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
select::-ms-expand {
  display: none;
}
.field--select__wrapper,
.field--select__wrapper--error,
.field--select__wrapper--success,
.pagination__pages__selector__wrapper,
.input-list-select,
.select-list__input,
.survey-dropdown__wrapper {
  position: relative;
}
.field--select__wrapper::after,
.field--select__wrapper--error::after,
.field--select__wrapper--success::after,
.pagination__pages__selector__wrapper::after,
.input-list-select::after,
.select-list__input::after,
.survey-dropdown__wrapper::after {
  color: #464646;
  content: '\E60C';
  font-family: 'Niche-Interface-Symbols';
  font-size: 18px;
  margin-bottom: 26px;
  margin-top: -10px;
  padding: 0;
  position: absolute;
  pointer-events: none;
  right: 12px;
  top: 50%;
  z-index: 1;
}
.field--select,
.pagination__pages__selector,
.input-list-select__input,
.select-list__input__select,
.survey-dropdown__select {
  background-color: white;
  border: 1px solid #ccc;
  border-radius: 2px;
  color: #464646;
  display: block;
  font-family: 'Source Sans Pro';
  font-size: 18px;
  height: 46px;
  line-height: 46px;
  margin-top: 5px;
  padding: 0 15px;
  position: relative;
  width: 100%;
}
.field--select::-ms-value,
.pagination__pages__selector::-ms-value,
.input-list-select__input::-ms-value,
.select-list__input__select::-ms-value,
.survey-dropdown__select::-ms-value {
  background: white;
  color: #464646;
}
.field--select--placeholder {
  color: #ccc;
}
.field--select--error {
  background-color: white;
  border: 1px solid #ccc;
  border-radius: 2px;
  color: #464646;
  display: block;
  font-family: 'Source Sans Pro';
  font-size: 18px;
  height: 46px;
  line-height: 46px;
  margin-top: 5px;
  padding: 0 15px;
  position: relative;
  width: 100%;
  background-color: #ffe4e1;
  color: #e25333;
}
.field--select--error::-ms-value {
  background: white;
  color: #464646;
}
.field--select--error::-ms-value {
  background: #ffe4e1;
  color: #e25333;
}
.field--select--success {
  background-color: white;
  border: 1px solid #ccc;
  border-radius: 2px;
  color: #464646;
  display: block;
  font-family: 'Source Sans Pro';
  font-size: 18px;
  height: 46px;
  line-height: 46px;
  margin-top: 5px;
  padding: 0 15px;
  position: relative;
  width: 100%;
  background-color: #e9f7e2;
  color: #409126;
}
.field--select--success::-ms-value {
  background: white;
  color: #464646;
}
.field--select--success::-ms-value {
  background: #e9f7e2;
  color: #409126;
}
.field--select:focus,
.field--select--error:focus,
.field--select--success:focus,
.pagination__pages__selector:focus,
.input-list-select__input:focus,
.select-list__input__select:focus,
.survey-dropdown__select:focus {
  background: #eef9ff;
  color: #464646;
  outline: none;
}
.field--select:focus::-ms-value,
.field--select--error:focus::-ms-value,
.field--select--success:focus::-ms-value,
.pagination__pages__selector:focus::-ms-value,
.input-list-select__input:focus::-ms-value,
.select-list__input__select:focus::-ms-value,
.survey-dropdown__select:focus::-ms-value {
  background: #eef9ff;
  color: #464646;
}
/* Default styles that can be used for text (i.e. rules/terms)
   that are displayed within the panel.
   Use the .panel__text class to wrap the content in */
.panel__text,
.modal-container {
  color: #464646;
  font-size: 15px;
  line-height: 1.5;
  margin: 0 -15px;
  text-align: left;
  word-wrap: break-word;
}
.panel__text a,
.modal-container a {
  color: #007ac8;
  text-decoration: none;
}
.panel__text a:hover,
.modal-container a:hover {
  text-decoration: underline;
}
.panel__text h1,
.modal-container h1 {
  color: #464646;
  font-size: 32px;
  font-weight: 400;
  padding: 12px 0 36px;
  margin: 0;
}
.panel__text h1:first-child,
.modal-container h1:first-child {
  padding-top: 0;
}
.panel__text h2,
.modal-container h2 {
  color: #464646;
  font-size: 26px;
  font-weight: 300;
}
.panel__text h3,
.modal-container h3 {
  color: #464646;
  font-size: 16px;
  font-weight: 600;
}
.panel__text p,
.modal-container p {
  padding: 5px 0;
}
.panel__text .content__body,
.modal-container .content__body {
  margin: 0;
  padding: 0 15px 15px;
}
@media only screen and (max-width: 767px)  {
  .panel__text h1,
  .modal-container h1 {
    font-size: 28px;
  }
  .panel__text h2,
  .modal-container h2 {
    font-size: 22px;
  }
}
.callout {
  background-color: #e9f7e2;
  border: 1px solid #a4d394;
  margin: 15px auto;
  padding: 15px;
}
.callout__link,
.callout__link:hover,
.callout__text {
  color: #53a63a;
  margin: 0;
}
.chip {
  position: relative;
}
.chip + .chip {
  margin: 1em 0 0;
}
.chip--with-grade {
  padding: 0 0 0 35px;
}
.chip--with-grade .niche__grade {
  font-size: 0.75em;
  height: 2.5em;
  left: -2px;
  position: absolute;
  top: 4px;
  width: 2.5em;
}
.chip__name {
  font-size: 16px;
  line-height: 1.1;
}
@media only screen and (min-width: 500px)  {
  .chip__name {
    font-size: 18px;
  }
}
.chip__tagline,
.map-chip__link {
  color: #787878;
  display: block;
  font-size: 14px;
  line-height: 1.1;
}
.chip__tagline li {
  display: inline-block;
  position: relative;
}
.chip__tagline li:not(:first-of-type) {
  padding: 0 0 0 1em;
}
.chip__tagline li:not(:first-of-type)::before {
  bottom: 0;
  color: #919191;
  content: '\2022';
  left: 5px;
  position: absolute;
}
/******************************
	Hints
******************************/
.hint-wrap {
  position: absolute;
  background-color: #464646;
  border-radius: 2px;
  z-index: 100;
  padding: 10px 10px 12px 12px;
  font-size: 14px;
  line-height: 16px;
  color: white;
  width: 230px;
  margin: 0 auto;
  opacity: 0;
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}
.hint-wrap--filter {
  display: block;
  top: 53px;
  right: 10px;
}
@media only screen and (min-width: 768px)  {
  .hint-wrap--filter {
    display: none;
  }
}
.hint-wrap--sorts {
  display: none;
}
@media only screen and (min-width: 600px)  {
  .hint-wrap--sorts {
    display: block;
    top: 40px;
    left: -98px;
  }
}
@media only screen and (min-width: 768px)  {
  .hint-wrap--sorts {
    display: block;
    top: 40px;
    left: -97px;
  }
}
.hint-wrap--add {
  bottom: 55px;
  right: 10px;
  width: 230px;
}
@media only screen and (min-width: 500px)  {
  .hint-wrap--add {
    bottom: 60px;
    right: 10px;
  }
}
@media only screen and (min-width: 600px)  {
  .hint-wrap--add {
    bottom: 60px;
    right: 10px;
    width: 250px;
  }
}
.hint-wrap.hint-wrap--show {
  opacity: 1;
}
.hint__title {
  color: white;
  padding-bottom: 5px;
}
.hint__close {
  color: white;
  position: absolute;
  right: 0;
  top: 0;
  padding: 10px;
  cursor: pointer;
}
.hint-wrap--arrow-up::after {
  content: ' ';
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -8px;
  border-width: 8px;
  border-style: solid;
  border-color: transparent transparent #464646 transparent;
}
.hint-wrap--arrow-up-right::after {
  content: ' ';
  position: absolute;
  bottom: 100%;
  left: 89.5%;
  margin-left: -8px;
  border-width: 8px;
  border-style: solid;
  border-color: transparent transparent #464646 transparent;
}
.hint-wrap--arrow-down::after {
  content: ' ';
  position: absolute;
  top: 100%;
  right: 20%;
  margin-left: -8px;
  border-width: 8px;
  border-style: solid;
  border-color: #464646 transparent transparent transparent;
}
@media only screen and (min-width: 600px)  {
  .hint-wrap--arrow-down::after {
    right: 25%;
  }
}
.image-link {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 2px;
  color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 600;
  line-height: 1.1;
  min-height: 75px;
  overflow: hidden;
  padding: 0.5em 1em;
  position: relative;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  z-index: 1;
}
@media only screen and (min-width: 500px)  {
  .image-link {
    height: 100px;
  }
}
@media only screen and (min-width: 768px)  {
  .image-link {
    font-size: 18px;
    height: 120px;
  }
}
.image-link::before {
  background: #333;
  content: '';
  height: 100%;
  left: 0;
  opacity: 0.45;
  position: absolute;
  top: 0;
  -webkit-transition: opacity 0.1s;
  transition: opacity 0.1s;
  width: 100%;
  will-change: opacity;
  z-index: 0;
}
.image-link:hover {
  color: white;
}
.platform .image-link:hover::before {
  opacity: 0.6;
}
.image-link .content-text {
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  font-weight: 600;
  opacity: 0.99;
}
.image-link .partner-logo {
  width: 85px;
  height: 15px;
  display: inline-block;
}
.image-link .sponsored-content {
  font-family: 'Niche';
  text-transform: uppercase;
  font-weight: 600;
  font-size: 9px;
  letter-spacing: 0.05em;
  display: block;
  opacity: 0.7;
}
.image-link__text {
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  z-index: 1;
}
.list__sort {
  list-style: none;
  margin: 0 0 10px;
  padding: 0;
}
.list__sort__item {
  cursor: pointer;
  display: inline-block;
  font-size: 15px;
  padding: 5px;
  margin: 0 10px 0 0;
}
.list__sort__item:hover {
  color: #53a63a;
}
.list__sort__item--active {
  cursor: pointer;
  display: inline-block;
  font-size: 15px;
  padding: 5px;
  margin: 0 10px 0 0;
  border-bottom: 4px solid #53a63a;
  color: #53a63a;
}
.list__sort__item--active:hover {
  color: #53a63a;
}
.list__sort__item--disabled,
.list__sort__item--active--disabled {
  cursor: pointer;
  display: inline-block;
  font-size: 15px;
  padding: 5px;
  margin: 0 10px 0 0;
  border: 0;
  color: #919191;
  cursor: default;
  pointer-events: none;
}
.list__sort__item--disabled:hover,
.list__sort__item--active--disabled:hover {
  color: #53a63a;
}
.loading-indicator {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: white;
  border-radius: inherit;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 99;
}
.loading-indicator.loading-indicator--overlay {
  background: rgba(255, 255, 255, 0.8);
}
/* Size Modifiers */
.loading-indicator--small {
  font-size: 10px;
}
.loading-indicator--xsmall {
  font-size: 3px;
}
/* The dots */
.loading-indicator-dots {
  border-radius: 2px;
  color: transparent;
  height: 6em;
  position: relative;
  width: 16em;
}
.loading-indicator-dots span {
  background: #007ac8;
  border-radius: 1em;
  height: 2em;
  left: 0;
  mix-blend-mode: multiply;
  position: absolute;
  top: 2em;
  -webkit-transform-origin: 1em 1em;
          transform-origin: 1em 1em;
  width: 2em;
  z-index: 1;
}
.loading-indicator-dots span:nth-child(1) {
  -webkit-animation: loading-dot-one 6s infinite;
          animation: loading-dot-one 6s infinite;
  background: #409126;
}
.loading-indicator-dots span:nth-child(2) {
  -webkit-animation: loading-dot-two 6s infinite;
          animation: loading-dot-two 6s infinite;
  background: #e25333;
}
.loading-indicator-dots span:nth-child(3) {
  -webkit-animation: loading-dot-three 6s infinite;
          animation: loading-dot-three 6s infinite;
  background: #9bcc46;
}
.loading-indicator-dots span:nth-child(4) {
  -webkit-animation: loading-dot-four 6s infinite;
          animation: loading-dot-four 6s infinite;
  background: #f2e333;
}
.loading-indicator-dots--simple span:nth-child(1) {
  -webkit-animation: loading-dot-one-simple 3s infinite;
          animation: loading-dot-one-simple 3s infinite;
  background: #409126;
}
.loading-indicator-dots--simple span:nth-child(2) {
  -webkit-animation: loading-dot-two-simple 3s infinite;
          animation: loading-dot-two-simple 3s infinite;
  background: #e25333;
}
.loading-indicator-dots--simple span:nth-child(3) {
  -webkit-animation: loading-dot-three-simple 3s infinite;
          animation: loading-dot-three-simple 3s infinite;
  background: #9bcc46;
}
.loading-indicator-dots--simple span:nth-child(4) {
  -webkit-animation: loading-dot-four-simple 3s infinite;
          animation: loading-dot-four-simple 3s infinite;
  background: #f2e333;
}
/* Behold ---- the animations */
@-webkit-keyframes loading-dot-one {
  0% {
    -webkit-transform: translate(2.2em, 0);
            transform: translate(2.2em, 0);
  }
  2.5% {
    -webkit-transform: translate(5.5em, 0);
            transform: translate(5.5em, 0);
  }
  5% {
    -webkit-transform: translate(5.5em, 0) scale(0.5);
            transform: translate(5.5em, 0) scale(0.5);
    height: 2em;
  }
  10% {
    -webkit-transform: translate(5.5em, -1.5em) scale(0.5);
            transform: translate(5.5em, -1.5em) scale(0.5);
    height: 8em;
  }
  15% {
    -webkit-transform: translate(5.5em, -1.5em) scale(0.5);
            transform: translate(5.5em, -1.5em) scale(0.5);
    height: 8em;
  }
  20% {
    -webkit-transform: translate(5.5em, 0) scale(0.5);
            transform: translate(5.5em, 0) scale(0.5);
    height: 2em;
  }
  22.5% {
    -webkit-transform: translate(5.5em, 0);
            transform: translate(5.5em, 0);
  }
  24% {
    -webkit-transform: translate(1.6em, 0);
            transform: translate(1.6em, 0);
  }
  25% {
    -webkit-transform: translate(2.4em, 0);
            transform: translate(2.4em, 0);
  }
  25.5% {
    -webkit-transform: translate(2.2em, 0);
            transform: translate(2.2em, 0);
  }
  100% {
    -webkit-transform: translate(2.2em, 0);
            transform: translate(2.2em, 0);
  }
}
@keyframes loading-dot-one {
  0% {
    -webkit-transform: translate(2.2em, 0);
            transform: translate(2.2em, 0);
  }
  2.5% {
    -webkit-transform: translate(5.5em, 0);
            transform: translate(5.5em, 0);
  }
  5% {
    -webkit-transform: translate(5.5em, 0) scale(0.5);
            transform: translate(5.5em, 0) scale(0.5);
    height: 2em;
  }
  10% {
    -webkit-transform: translate(5.5em, -1.5em) scale(0.5);
            transform: translate(5.5em, -1.5em) scale(0.5);
    height: 8em;
  }
  15% {
    -webkit-transform: translate(5.5em, -1.5em) scale(0.5);
            transform: translate(5.5em, -1.5em) scale(0.5);
    height: 8em;
  }
  20% {
    -webkit-transform: translate(5.5em, 0) scale(0.5);
            transform: translate(5.5em, 0) scale(0.5);
    height: 2em;
  }
  22.5% {
    -webkit-transform: translate(5.5em, 0);
            transform: translate(5.5em, 0);
  }
  24% {
    -webkit-transform: translate(1.6em, 0);
            transform: translate(1.6em, 0);
  }
  25% {
    -webkit-transform: translate(2.4em, 0);
            transform: translate(2.4em, 0);
  }
  25.5% {
    -webkit-transform: translate(2.2em, 0);
            transform: translate(2.2em, 0);
  }
  100% {
    -webkit-transform: translate(2.2em, 0);
            transform: translate(2.2em, 0);
  }
}
@-webkit-keyframes loading-dot-two {
  0% {
    -webkit-transform: translate(11.8em, 0);
            transform: translate(11.8em, 0);
  }
  2.5% {
    -webkit-transform: translate(9.5em, 0);
            transform: translate(9.5em, 0);
  }
  5% {
    -webkit-transform: translate(9.5em, 0) scale(0.5);
            transform: translate(9.5em, 0) scale(0.5);
    height: 2em;
  }
  10% {
    -webkit-transform: translate(9.5em, -1.5em) scale(0.5);
            transform: translate(9.5em, -1.5em) scale(0.5);
    height: 8em;
  }
  15% {
    -webkit-transform: translate(9.5em, -1.5em) scale(0.5);
            transform: translate(9.5em, -1.5em) scale(0.5);
    height: 8em;
  }
  20% {
    -webkit-transform: translate(9.5em, 0) scale(0.5);
            transform: translate(9.5em, 0) scale(0.5);
    height: 2em;
  }
  22.5% {
    -webkit-transform: translate(9.5em, 0);
            transform: translate(9.5em, 0);
  }
  24% {
    -webkit-transform: translate(12.4em, 0);
            transform: translate(12.4em, 0);
  }
  25% {
    -webkit-transform: translate(11.6em, 0);
            transform: translate(11.6em, 0);
  }
  25.5% {
    -webkit-transform: translate(11.8em, 0);
            transform: translate(11.8em, 0);
  }
  100% {
    -webkit-transform: translate(11.8em, 0);
            transform: translate(11.8em, 0);
  }
}
@keyframes loading-dot-two {
  0% {
    -webkit-transform: translate(11.8em, 0);
            transform: translate(11.8em, 0);
  }
  2.5% {
    -webkit-transform: translate(9.5em, 0);
            transform: translate(9.5em, 0);
  }
  5% {
    -webkit-transform: translate(9.5em, 0) scale(0.5);
            transform: translate(9.5em, 0) scale(0.5);
    height: 2em;
  }
  10% {
    -webkit-transform: translate(9.5em, -1.5em) scale(0.5);
            transform: translate(9.5em, -1.5em) scale(0.5);
    height: 8em;
  }
  15% {
    -webkit-transform: translate(9.5em, -1.5em) scale(0.5);
            transform: translate(9.5em, -1.5em) scale(0.5);
    height: 8em;
  }
  20% {
    -webkit-transform: translate(9.5em, 0) scale(0.5);
            transform: translate(9.5em, 0) scale(0.5);
    height: 2em;
  }
  22.5% {
    -webkit-transform: translate(9.5em, 0);
            transform: translate(9.5em, 0);
  }
  24% {
    -webkit-transform: translate(12.4em, 0);
            transform: translate(12.4em, 0);
  }
  25% {
    -webkit-transform: translate(11.6em, 0);
            transform: translate(11.6em, 0);
  }
  25.5% {
    -webkit-transform: translate(11.8em, 0);
            transform: translate(11.8em, 0);
  }
  100% {
    -webkit-transform: translate(11.8em, 0);
            transform: translate(11.8em, 0);
  }
}
@-webkit-keyframes loading-dot-three {
  0% {
    -webkit-transform: translate(5.4em, 0);
            transform: translate(5.4em, 0);
  }
  2.5% {
    -webkit-transform: translate(7.5em, 0) rotate(37deg);
            transform: translate(7.5em, 0) rotate(37deg);
  }
  5% {
    -webkit-transform: translate(7.5em, 0) rotate(37deg) scale(0.5);
            transform: translate(7.5em, 0) rotate(37deg) scale(0.5);
    width: 2em;
  }
  10% {
    width: 7em;
  }
  15% {
    width: 7em;
  }
  20% {
    -webkit-transform: translate(7.5em, 0) rotate(37deg) scale(0.5);
            transform: translate(7.5em, 0) rotate(37deg) scale(0.5);
    width: 2em;
  }
  22.5% {
    -webkit-transform: translate(7.5em, 0) rotate(37deg);
            transform: translate(7.5em, 0) rotate(37deg);
  }
  24% {
    -webkit-transform: translate(5em, 0);
            transform: translate(5em, 0);
  }
  25% {
    -webkit-transform: translate(5.5em, 0);
            transform: translate(5.5em, 0);
  }
  25.5% {
    -webkit-transform: translate(5.4em, 0);
            transform: translate(5.4em, 0);
  }
  100% {
    -webkit-transform: translate(5.4em, 0);
            transform: translate(5.4em, 0);
  }
}
@keyframes loading-dot-three {
  0% {
    -webkit-transform: translate(5.4em, 0);
            transform: translate(5.4em, 0);
  }
  2.5% {
    -webkit-transform: translate(7.5em, 0) rotate(37deg);
            transform: translate(7.5em, 0) rotate(37deg);
  }
  5% {
    -webkit-transform: translate(7.5em, 0) rotate(37deg) scale(0.5);
            transform: translate(7.5em, 0) rotate(37deg) scale(0.5);
    width: 2em;
  }
  10% {
    width: 7em;
  }
  15% {
    width: 7em;
  }
  20% {
    -webkit-transform: translate(7.5em, 0) rotate(37deg) scale(0.5);
            transform: translate(7.5em, 0) rotate(37deg) scale(0.5);
    width: 2em;
  }
  22.5% {
    -webkit-transform: translate(7.5em, 0) rotate(37deg);
            transform: translate(7.5em, 0) rotate(37deg);
  }
  24% {
    -webkit-transform: translate(5em, 0);
            transform: translate(5em, 0);
  }
  25% {
    -webkit-transform: translate(5.5em, 0);
            transform: translate(5.5em, 0);
  }
  25.5% {
    -webkit-transform: translate(5.4em, 0);
            transform: translate(5.4em, 0);
  }
  100% {
    -webkit-transform: translate(5.4em, 0);
            transform: translate(5.4em, 0);
  }
}
@-webkit-keyframes loading-dot-four {
  0% {
    -webkit-transform: translate(8.6em, 0);
            transform: translate(8.6em, 0);
  }
  2.5% {
    -webkit-transform: translate(7.5em, 0) rotate(-143deg);
            transform: translate(7.5em, 0) rotate(-143deg);
  }
  5% {
    -webkit-transform: translate(7.5em, 0) rotate(-143deg) scale(0.5);
            transform: translate(7.5em, 0) rotate(-143deg) scale(0.5);
    width: 2em;
  }
  10% {
    width: 7em;
  }
  15% {
    width: 7em;
  }
  20% {
    -webkit-transform: translate(7.5em, 0) rotate(-143deg) scale(0.5);
            transform: translate(7.5em, 0) rotate(-143deg) scale(0.5);
    width: 2em;
  }
  22.5% {
    -webkit-transform: translate(7.5em, 0) rotate(-143deg);
            transform: translate(7.5em, 0) rotate(-143deg);
  }
  24% {
    -webkit-transform: translate(9em, 0);
            transform: translate(9em, 0);
  }
  25% {
    -webkit-transform: translate(8.5em, 0);
            transform: translate(8.5em, 0);
  }
  25.5% {
    -webkit-transform: translate(8.6em, 0);
            transform: translate(8.6em, 0);
  }
  100% {
    -webkit-transform: translate(8.6em, 0);
            transform: translate(8.6em, 0);
  }
}
@keyframes loading-dot-four {
  0% {
    -webkit-transform: translate(8.6em, 0);
            transform: translate(8.6em, 0);
  }
  2.5% {
    -webkit-transform: translate(7.5em, 0) rotate(-143deg);
            transform: translate(7.5em, 0) rotate(-143deg);
  }
  5% {
    -webkit-transform: translate(7.5em, 0) rotate(-143deg) scale(0.5);
            transform: translate(7.5em, 0) rotate(-143deg) scale(0.5);
    width: 2em;
  }
  10% {
    width: 7em;
  }
  15% {
    width: 7em;
  }
  20% {
    -webkit-transform: translate(7.5em, 0) rotate(-143deg) scale(0.5);
            transform: translate(7.5em, 0) rotate(-143deg) scale(0.5);
    width: 2em;
  }
  22.5% {
    -webkit-transform: translate(7.5em, 0) rotate(-143deg);
            transform: translate(7.5em, 0) rotate(-143deg);
  }
  24% {
    -webkit-transform: translate(9em, 0);
            transform: translate(9em, 0);
  }
  25% {
    -webkit-transform: translate(8.5em, 0);
            transform: translate(8.5em, 0);
  }
  25.5% {
    -webkit-transform: translate(8.6em, 0);
            transform: translate(8.6em, 0);
  }
  100% {
    -webkit-transform: translate(8.6em, 0);
            transform: translate(8.6em, 0);
  }
}
@-webkit-keyframes loading-dot-one-simple {
  0% {
    -webkit-transform: translate(2.2em, 0);
            transform: translate(2.2em, 0);
  }
  100% {
    -webkit-transform: translate(2.2em, 0);
            transform: translate(2.2em, 0);
  }
}
@keyframes loading-dot-one-simple {
  0% {
    -webkit-transform: translate(2.2em, 0);
            transform: translate(2.2em, 0);
  }
  100% {
    -webkit-transform: translate(2.2em, 0);
            transform: translate(2.2em, 0);
  }
}
@-webkit-keyframes loading-dot-two-simple {
  0% {
    -webkit-transform: translate(11.8em, 0);
            transform: translate(11.8em, 0);
  }
  100% {
    -webkit-transform: translate(11.8em, 0);
            transform: translate(11.8em, 0);
  }
}
@keyframes loading-dot-two-simple {
  0% {
    -webkit-transform: translate(11.8em, 0);
            transform: translate(11.8em, 0);
  }
  100% {
    -webkit-transform: translate(11.8em, 0);
            transform: translate(11.8em, 0);
  }
}
@-webkit-keyframes loading-dot-three-simple {
  0% {
    -webkit-transform: translate(5.4em, 0);
            transform: translate(5.4em, 0);
  }
  100% {
    -webkit-transform: translate(5.4em, 0);
            transform: translate(5.4em, 0);
  }
}
@keyframes loading-dot-three-simple {
  0% {
    -webkit-transform: translate(5.4em, 0);
            transform: translate(5.4em, 0);
  }
  100% {
    -webkit-transform: translate(5.4em, 0);
            transform: translate(5.4em, 0);
  }
}
@-webkit-keyframes loading-dot-four-simple {
  0% {
    -webkit-transform: translate(8.6em, 0);
            transform: translate(8.6em, 0);
  }
  100% {
    -webkit-transform: translate(8.6em, 0);
            transform: translate(8.6em, 0);
  }
}
@keyframes loading-dot-four-simple {
  0% {
    -webkit-transform: translate(8.6em, 0);
            transform: translate(8.6em, 0);
  }
  100% {
    -webkit-transform: translate(8.6em, 0);
            transform: translate(8.6em, 0);
  }
}
.loading__overlay {
  background: rgba(255, 255, 255, 0.7);
  bottom: 0;
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
}
.loading__container {
  height: 110px;
  left: 50%;
  margin: -55px 0 0 -54px;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 108px;
  z-index: 2;
}
.loading__spinner {
  -webkit-animation: loadingSpin 2.5s infinite ease-in-out;
          animation: loadingSpin 2.5s infinite ease-in-out;
  background-image: url(../../static/loading-college.png);
  background-size: cover;
  height: 108px;
  width: 108px;
}
.loading__spinner__text {
  font-size: 18px;
  margin: 7px 0 0;
  text-align: center;
  width: 108px;
}
@-webkit-keyframes loadingSpin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  5% {
    -webkit-transform: rotate(-15deg);
            transform: rotate(-15deg);
  }
  25% {
    -webkit-transform: rotate(380deg);
            transform: rotate(380deg);
  }
  34% {
    -webkit-transform: rotate(345deg);
            transform: rotate(345deg);
  }
  44% {
    -webkit-transform: rotate(367deg);
            transform: rotate(367deg);
  }
  56% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes loadingSpin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  5% {
    -webkit-transform: rotate(-15deg);
            transform: rotate(-15deg);
  }
  25% {
    -webkit-transform: rotate(380deg);
            transform: rotate(380deg);
  }
  34% {
    -webkit-transform: rotate(345deg);
            transform: rotate(345deg);
  }
  44% {
    -webkit-transform: rotate(367deg);
            transform: rotate(367deg);
  }
  56% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.modal {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: rgba(0, 0, 0, 0.8);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  left: 0;
  padding: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 997;
  /* Wide modifier */
}
.modal.modal--wide .modal-container {
  max-width: 660px;
}
.modal-wrapper {
  left: 0;
  max-height: 100%;
  overflow: auto;
  width: 100%;
  -webkit-overflow-scrolling: touch;
}
/* Modal container text (i.e. h1, h2, p) should
   be the same as panel__text */
/* TODO: fix this
    it's causing anything in a modal with an h3
    including forms
    to be styled this way
    since the style is applied to a tag
    also rm the shame.less import from platform.less
    and clear the shame file */
.modal-container {
  background: #eee;
  border-radius: 2px;
  margin: 15px auto;
  max-width: 500px;
  min-width: -webkit-min-content;
  min-width: -moz-min-content;
  min-width: min-content;
  padding: 15px;
  position: relative;
  z-index: 999;
  width: calc(100% - 30px);
}
.modal-container:focus {
  border: 0;
  outline: none;
}
.modal-container .field-group__meta__cta--forgot-pwd {
  right: 0;
}
.modal-container .form,
.modal-container .form--disabled,
.modal-container .form--loading {
  padding: 0;
}
.modal-container .form__wrapper,
.modal-container .form__wrapper--desktop {
  background-color: transparent;
  margin: 0 0 -5px;
  padding: 35px 0 0;
}
.modal-container .form__header {
  font-size: 32px;
  font-weight: 300;
  line-height: 1em;
}
.modal-hidden {
  display: none;
}
.icon-exit-thin--modal {
  color: #919191;
  font-size: 20px;
  float: right;
  padding: 14px;
  margin: -15px -15px 0 0;
}
.icon-exit-thin--modal:hover {
  color: #007ac8;
  cursor: pointer;
}
/* Fix for checkboxes not working in modals */
.modal-container .field-group--checkbox {
  position: relative;
}
.modal-container input[type='checkbox'].checkbox,
.modal-container input[type='checkbox'].checkbox--error,
.modal-container input[type='checkbox'].checkbox--success,
.modal-container input[type='checkbox'].offer-option__input {
  cursor: pointer;
  height: 100%;
  width: 100%;
  z-index: 1;
}
.modal-container__content {
  display: block;
}
.modal-container__content--hidden {
  display: none;
}
@media only screen and (min-width: 400px)  {
  .modal-container {
    margin: 15px auto;
  }
}
@media only screen and (min-width: 500px)  {
  .modal-container {
    padding: 15px 30px;
  }
  .modal-container .icon-exit-thin--modal {
    margin: -15px -30px 0 0;
  }
  .modal-container.modal-container--tcpa {
    padding: 15px;
  }
  .modal-container.modal-container--tcpa .icon-exit-thin--modal {
    margin: -15px -15px 0 0;
  }
}
.niche__grade {
  background: url(https://d33a4decm84gsn.cloudfront.net/static/platform-sprite-03092018.svg);
  background-size: 50em 50em;
  overflow: hidden;
  text-indent: -1000%;
  background-position: -0.12em -14.35em;
  display: inline-block;
  height: 2.5em;
  width: 2.5em;
}
.niche__grade--small {
  background-size: 135.5em 135.5em;
}
.niche__grade--section {
  background-size: 135.5em 135.5em;
  font-size: 0.8em;
}
/* Letter grades */
.niche__grade--a-plus {
  background-position: -0.125em -14.345em;
}
.niche__grade--a {
  background-position: -0.125em -17.47em;
}
.niche__grade--a-minus {
  background-position: -0.125em -20.595em;
}
.niche__grade--b-plus {
  background-position: -3.25em -14.345em;
}
.niche__grade--b {
  background-position: -3.25em -17.47em;
}
.niche__grade--b-minus {
  background-position: -3.25em -20.62em;
}
.niche__grade--c-plus {
  background-position: -6.375em -14.345em;
}
.niche__grade--c {
  background-position: -6.375em -17.47em;
}
.niche__grade--c-minus {
  background-position: -6.375em -20.595em;
}
.niche__grade--d-plus {
  background-position: -9.5em -14.345em;
}
.niche__grade--d {
  background-position: -9.5em -17.47em;
}
.niche__grade--d-minus {
  background-position: -9.5em -20.62em;
}
.niche__grade--ng {
  background-position: -12.635em -14.345em;
}
.niche__grade--small--a-plus {
  background-size: 135.5em 135.5em;
  background-position: -0.365em -64.725em;
}
.niche__grade--small--a {
  background-size: 135.5em 135.5em;
  background-position: -0.365em -68.125em;
}
.niche__grade--small--a-minus {
  background-size: 135.5em 135.5em;
  background-position: -0.365em -71.51em;
}
.niche__grade--small--b-plus {
  background-size: 135.5em 135.5em;
  background-position: -4.65em -64.725em;
}
.niche__grade--small--b {
  background-size: 135.5em 135.5em;
  background-position: -4.65em -68.125em;
}
.niche__grade--small--b-minus {
  background-size: 135.5em 135.5em;
  background-position: -4.65em -71.51em;
}
.niche__grade--small--c-plus {
  background-size: 135.5em 135.5em;
  background-position: -8.845em -64.725em;
}
.niche__grade--small--c {
  background-size: 135.5em 135.5em;
  background-position: -8.845em -68.125em;
}
.niche__grade--small--c-minus {
  background-size: 135.5em 135.5em;
  background-position: -8.845em -71.51em;
}
.niche__grade--small--d-plus {
  background-size: 135.5em 135.5em;
  background-position: -13.08em -64.725em;
}
.niche__grade--small--d {
  background-size: 135.5em 135.5em;
  background-position: -13.08em -68.125em;
}
.niche__grade--small--d-minus {
  background-size: 135.5em 135.5em;
  background-position: -13.08em -71.51em;
}
.niche__grade--small--ng {
  background-size: 135.5em 135.5em;
  background-position: -34.23em -64.735em;
}
.niche__grade--section--a-plus {
  background-size: 135.5em 135.5em;
  font-size: 0.8em;
  background-position: -17.285em -64.725em;
}
.niche__grade--section--a {
  background-size: 135.5em 135.5em;
  font-size: 0.8em;
  background-position: -17.285em -68.115em;
}
.niche__grade--section--a-minus {
  background-size: 135.5em 135.5em;
  font-size: 0.8em;
  background-position: -17.285em -71.51em;
}
.niche__grade--section--b-plus {
  background-size: 135.5em 135.5em;
  font-size: 0.8em;
  background-position: -21.525em -64.725em;
}
.niche__grade--section--b {
  background-size: 135.5em 135.5em;
  font-size: 0.8em;
  background-position: -21.525em -68.115em;
}
.niche__grade--section--b-minus {
  background-size: 135.5em 135.5em;
  font-size: 0.8em;
  background-position: -21.525em -71.51em;
}
.niche__grade--section--c-plus {
  background-size: 135.5em 135.5em;
  font-size: 0.8em;
  background-position: -25.765em -64.725em;
}
.niche__grade--section--c {
  background-size: 135.5em 135.5em;
  font-size: 0.8em;
  background-position: -25.765em -68.115em;
}
.niche__grade--section--c-minus {
  background-size: 135.5em 135.5em;
  font-size: 0.8em;
  background-position: -25.765em -71.51em;
}
.niche__grade--section--d-plus {
  background-size: 135.5em 135.5em;
  font-size: 0.8em;
  background-position: -30em -64.725em;
}
.niche__grade--section--d {
  background-size: 135.5em 135.5em;
  font-size: 0.8em;
  background-position: -30em -68.115em;
}
.niche__grade--section--d-minus {
  background-size: 135.5em 135.5em;
  font-size: 0.8em;
  background-position: -30em -71.51em;
}
.niche__grade--section--ng {
  background-size: 135.5em 135.5em;
  font-size: 0.8em;
  background-position: -34.23em -64.735em;
}
.niche-town {
  background-image: url(https://d33a4decm84gsn.cloudfront.net/static/niche-town.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 160vw;
  font-size: 2rem;
  height: 200px;
  width: 100%;
}
@media only screen and (min-width: 400px)  {
  .niche-town {
    height: 250px;
  }
}
@media only screen and (min-width: 600px)  {
  .niche-town {
    background-size: 1024px;
    height: 336px;
    width: 1024px;
  }
}
.overflow-text {
  display: block;
  max-height: 2.5em;
  overflow: hidden;
  position: relative;
}
.overflow-text-indicator {
  background: -webkit-gradient(linear, right top, left top, color-stop(50%, white), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(to left, white 50%, rgba(255, 255, 255, 0));
  bottom: 0;
  content: 'More';
  color: #007ac8;
  cursor: pointer;
  font-weight: 600;
  position: absolute;
  right: 2px;
  text-align: right;
  width: 80px;
}
.platform .overflow-text-indicator:hover {
  text-decoration: underline;
}
@media only screen and (min-width: 500px)  {
  .overflow-text--desktop-overflow::after {
    background: -webkit-gradient(linear, right top, left top, color-stop(50%, white), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(to left, white 50%, rgba(255, 255, 255, 0));
    bottom: 0;
    content: 'More';
    color: #007ac8;
    cursor: pointer;
    font-weight: 600;
    position: absolute;
    right: 2px;
    text-align: right;
    width: 80px;
  }
  .platform .overflow-text--desktop-overflow::after:hover {
    text-decoration: underline;
  }
}
.overflow-text--mobile-overflow::after {
  background: -webkit-gradient(linear, right top, left top, color-stop(50%, white), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(to left, white 50%, rgba(255, 255, 255, 0));
  bottom: 0;
  content: 'More';
  color: #007ac8;
  cursor: pointer;
  font-weight: 600;
  position: absolute;
  right: 2px;
  text-align: right;
  width: 80px;
}
.platform .overflow-text--mobile-overflow::after:hover {
  text-decoration: underline;
}
@media only screen and (min-width: 500px)  {
  .overflow-text--mobile-overflow:not(.overflow-text--desktop-overflow)::after {
    display: none;
  }
}
.overflow-text--expanded {
  max-height: 100em;
}
.overflow-text--expanded.overflow-text--desktop-overflow::after,
.overflow-text--expanded.overflow-text--mobile-overflow::after {
  display: none;
}
.pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.pagination__icons {
  color: #007ac8;
  position: absolute;
  top: 9px;
}
.pagination__arrows .icon-arrowleft-thin--pagination,
.pagination__next .icon-arrowleft-thin--pagination,
.pagination__previous .icon-arrowleft-thin--pagination,
.pagination__next--disabled .icon-arrowleft-thin--pagination,
.pagination__previous--disabled .icon-arrowleft-thin--pagination {
  color: #007ac8;
  position: absolute;
  top: 9px;
  left: 10px;
}
.pagination__arrows .icon-arrowright-thin--pagination,
.pagination__next .icon-arrowright-thin--pagination,
.pagination__previous .icon-arrowright-thin--pagination,
.pagination__next--disabled .icon-arrowright-thin--pagination,
.pagination__previous--disabled .icon-arrowright-thin--pagination {
  color: #007ac8;
  position: absolute;
  top: 9px;
  right: 10px;
}
.pagination__arrows,
.pagination__next,
.pagination__previous,
.pagination__next--disabled,
.pagination__previous--disabled {
  border-radius: 2px;
  cursor: pointer;
  -webkit-box-flex: 1;
      -ms-flex: 1 auto;
          flex: 1 auto;
  font-size: 26px;
  height: 40px;
  max-width: 100px;
  position: relative;
  width: 50px;
}
.pagination__arrows__disabled {
  border-radius: 2px;
  cursor: pointer;
  -webkit-box-flex: 1;
      -ms-flex: 1 auto;
          flex: 1 auto;
  font-size: 26px;
  height: 40px;
  max-width: 100px;
  position: relative;
  width: 50px;
  cursor: default;
  pointer-events: none;
}
.pagination__arrows__disabled .icon-arrowleft-thin--pagination,
.pagination__arrows__disabled .icon-arrowright-thin--pagination {
  color: #b8def7;
}
.pagination__arrows__disabled:hover {
  background-color: transparent;
}
/* stylelint-disable */
.pagination__next,
.pagination__previous,
.pagination__next--disabled,
.pagination__previous--disabled {
  border-radius: 2px;
  cursor: pointer;
  font-size: 26px;
  height: 42px;
  position: relative;
  width: 80px;
}
.pagination__next--disabled,
.pagination__previous--disabled {
  cursor: default;
  pointer-events: none;
}
.pagination__next--disabled:hover,
.pagination__previous--disabled:hover {
  background-color: transparent;
}
/* styleint-enable */
.pagination__next--disabled .icon-arrowright-thin--pagination,
.pagination__previous--disabled .icon-arrowleft-thin--pagination {
  color: #b8def7;
}
.pagination__pages {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  -ms-flex-positive: 1;
      flex-grow: 1;
  min-width: 100px;
  text-align: center;
}
.pagination__pages__selector {
  border: 0;
  cursor: pointer;
  font-size: 16px;
  height: 100%;
  left: 0;
  line-height: 35px;
  margin: 0;
  opacity: 0.01;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}
.pagination__pages__selector__wrapper {
  border-radius: 2px;
  display: inline-block;
  margin: 0 auto;
  width: auto;
  min-width: 105px;
}
.pagination__pages__selector__wrapper::after {
  background: none;
  background-color: none;
  color: #007ac8;
  margin-top: -11px;
  right: 12px;
}
.pagination__pages__total {
  padding: 10px 35px 10px 15px;
  position: relative;
  text-align: left;
  z-index: 1;
  color: #464646;
}
/* Only show hover states on non-touch */
.platform .pagination__arrows:hover,
.platform .pagination__next:hover,
.platform .pagination__previous:hover,
.platform .pagination__pages__selector__wrapper:hover,
.platform .pagination__next:hover,
.platform .pagination__previous:hover,
.platform .pagination__next--disabled:hover,
.platform .pagination__previous--disabled:hover,
.platform .pagination__next--disabled:hover,
.platform .pagination__previous--disabled:hover {
  background: rgba(0, 0, 0, 0.1);
  /* Needed */
  background-color: rgba(0, 0, 0, 0.1);
}
[class^='rankings-badge'] {
  background: url(https://d33a4decm84gsn.cloudfront.net/static/rankings-badges-08052019.svg);
  background-size: 20em 20em;
  display: inline-block;
}
/* Large modifier */
[class^='rankings-badge--large'] {
  font-size: 1.75em;
  height: 3.9em;
  min-width: 3.25em;
  width: 3.25em;
}
/* Small modifier */
[class^='rankings-badge--small'] {
  font-size: 1em;
  height: 3.9em;
  min-width: 3.25em;
  width: 3.25em;
}
/* --- Background positioning --- */
.rankings-badge--large--colleges {
  background-position: -5.65em 0.02em;
}
.rankings-badge--large--k12 {
  background-position: -5.65em -8.64em;
}
.rankings-badge--large--places-to-live {
  background-position: -5.65em -4.325em;
}
.rankings-badge--large--colleges--shadow {
  background-position: -11em 0.02em;
}
.rankings-badge--large--k12--shadow {
  background-position: -11em -8.64em;
}
.rankings-badge--large--places-to-live--shadow {
  background-position: -11em -4.325em;
}
.rankings-badge--small--colleges {
  background-position: -0.17em 0.02em;
}
.rankings-badge--small--k12 {
  background-position: -0.17em -8.64em;
}
.rankings-badge--small--places-to-live {
  background-position: -0.17em -4.325em;
}
.rankings-badge--small--colleges--border {
  background-position: -5.65em 0.02em;
}
.rankings-badge--small--k12--border {
  background-position: -5.65em -8.64em;
}
.rankings-badge--small--places-to-live--border {
  background-position: -5.65em -4.325em;
}
.return-home-message {
  background: #ccf1e4;
  background-image: linear-gradient(to top, #007ac8 65px, #e6fff7 65px, #ccf1e4 200px);
  border-radius: inherit;
  height: 500px;
  position: relative;
  text-align: center;
}
@media only screen and (min-width: 600px)  {
  .return-home-message {
    background-image: linear-gradient(to top, #007ac8 100px, #e6fff7 100px, #ccf1e4 300px);
    height: 600px;
  }
}
.return-home-message__button {
  margin: 20px 0 0;
}
@media only screen and (min-width: 500px)  {
  .return-home-message__button {
    margin: 20px 0 15px;
  }
}
.return-home-message__header {
  margin: 0 auto;
  max-width: 400px;
  padding: 50px 15px 0;
}
@media only screen and (min-width: 500px)  {
  .return-home-message__header {
    padding: 70px 15px 0;
  }
}
.return-home-message__illustration {
  background-size: 600px;
  bottom: 0;
  height: 200px;
  left: 0;
  position: absolute;
}
@media only screen and (min-width: 600px)  {
  .return-home-message__illustration {
    background-size: 960px;
    height: 336px;
    left: 50%;
    margin-left: -480px;
    width: 960px;
  }
}
.return-home-message__text {
  margin: 0 auto;
  max-width: 400px;
  font-size: 18px;
  line-height: 24px;
  padding: 5px 15px 0;
}
@media only screen and (min-width: 500px)  {
  .return-home-message__text {
    font-size: 20px;
  }
}
.review__stars {
  color: #53a63a;
  font-size: 14px;
}
.review__stars--gray {
  color: #53a63a;
  font-size: 14px;
  color: #919191;
}
.review__stars--white {
  color: #53a63a;
  font-size: 14px;
  color: white;
}
.review__stars__write__review {
  text-decoration: underline;
}
.review__stars__icon,
.review__stars__icon--50,
.review__stars__icon--45,
.review__stars__icon--40,
.review__stars__icon--35,
.review__stars__icon--30,
.review__stars__icon--25,
.review__stars__icon--20,
.review__stars__icon--15,
.review__stars__icon--10,
.review__stars__icon--05,
.review__stars__icon--00,
.review__stars__icon--white--50,
.review__stars__icon--white--45,
.review__stars__icon--white--40,
.review__stars__icon--white--35,
.review__stars__icon--white--30,
.review__stars__icon--white--25,
.review__stars__icon--white--20,
.review__stars__icon--white--15,
.review__stars__icon--white--10,
.review__stars__icon--white--05,
.review__stars__icon--white--00,
.review__stars__icon--gray--50,
.review__stars__icon--gray--45,
.review__stars__icon--gray--40,
.review__stars__icon--gray--35,
.review__stars__icon--gray--30,
.review__stars__icon--gray--25,
.review__stars__icon--gray--20,
.review__stars__icon--gray--15,
.review__stars__icon--gray--10,
.review__stars__icon--gray--05,
.review__stars__icon--gray--00 {
  background: url(https://d33a4decm84gsn.cloudfront.net/static/platform-sprite-03092018.svg);
  background-size: 50em 50em;
  overflow: hidden;
  text-indent: -1000%;
  display: inline-block;
  height: 0.8em;
  margin-right: 0.5em;
  position: relative;
  top: -1px;
  width: 4.1em;
}
.chip__tagline .review__stars__icon {
  top: 1px;
}
.postcard__attr .review__stars__icon {
  top: 1px;
  margin-left: 0.1em;
  margin-right: 0.3em;
}
/* Star variations */
.review__stars__icon--50 {
  background-position: -14.02em -3.1em;
}
.review__stars__icon--45 {
  background-position: -14.02em -4.665em;
}
.review__stars__icon--40 {
  background-position: -14.835em -3.1em;
}
.review__stars__icon--35 {
  background-position: -14.835em -4.665em;
}
.review__stars__icon--30 {
  background-position: -15.64em -3.1em;
}
.review__stars__icon--25 {
  background-position: -15.64em -4.665em;
}
.review__stars__icon--20 {
  background-position: -16.465em -3.1em;
}
.review__stars__icon--15 {
  background-position: -16.465em -4.665em;
}
.review__stars__icon--10 {
  background-position: -17.275em -3.1em;
}
.review__stars__icon--05 {
  background-position: -17.275em -4.665em;
}
.review__stars__icon--00 {
  background-position: -18.085em -3.1em;
}
.review__stars__icon--white--50 {
  background-position: -14.02em -6.225em;
}
.review__stars__icon--white--45 {
  background-position: -14.02em -7.785em;
}
.review__stars__icon--white--40 {
  background-position: -14.835em -6.225em;
}
.review__stars__icon--white--35 {
  background-position: -14.835em -7.785em;
}
.review__stars__icon--white--30 {
  background-position: -15.65em -6.225em;
}
.review__stars__icon--white--25 {
  background-position: -15.65em -7.785em;
}
.review__stars__icon--white--20 {
  background-position: -16.465em -6.225em;
}
.review__stars__icon--white--15 {
  background-position: -16.465em -7.785em;
}
.review__stars__icon--white--10 {
  background-position: -17.275em -6.225em;
}
.review__stars__icon--white--05 {
  background-position: -17.275em -7.785em;
}
.review__stars__icon--white--00 {
  background-position: -18.085em -6.225em;
}
.review__stars__icon--gray--50 {
  background-position: -14.02em -9.35em;
}
.review__stars__icon--gray--45 {
  background-position: -14.02em -10.95em;
}
.review__stars__icon--gray--40 {
  background-position: -14.835em -9.35em;
}
.review__stars__icon--gray--35 {
  background-position: -14.835em -10.95em;
}
.review__stars__icon--gray--30 {
  background-position: -15.65em -9.35em;
}
.review__stars__icon--gray--25 {
  background-position: -15.65em -10.95em;
}
.review__stars__icon--gray--20 {
  background-position: -16.465em -9.35em;
}
.review__stars__icon--gray--15 {
  background-position: -16.465em -10.95em;
}
.review__stars__icon--gray--10 {
  background-position: -17.275em -9.35em;
}
.review__stars__icon--gray--05 {
  background-position: -17.275em -10.95em;
}
.review__stars__icon--gray--00 {
  background-position: -18.085em -9.35em;
}
.social-login-wrap {
  border-bottom: 1px solid #bbb;
  padding-bottom: 10px;
}
.button.button--social-sign-up {
  border: 1px solid #ddd;
  margin-bottom: 10px;
  position: relative;
}
.button.button--social-sign-up:hover {
  border: 1px solid #ddd;
}
.social-icon {
  width: 24px;
  height: 24px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  left: 15px;
  top: 9px;
}
@media only screen and (min-width: 500px)  {
  .social-icon {
    left: 20px;
    top: 11px;
  }
}
.social-icon--facebook {
  background-image: url(../../static/social-login/facebook-icon.png);
}
.social-icon--google {
  background-image: url(../../static/social-login/google-icon.png);
}
/* Default styles that can be used for text (i.e. rules/terms)
   that are displayed within the panel on mobile,
   modal or page on desktop */
.content__body__return-link {
  display: inline-block;
  padding: 15px 0 0;
}
.content__body__return-link .icon-arrowleft-thin,
.content__body__return-link .pagination__arrows .icon-arrowleft-thin--pagination,
.content__body__return-link .icon-arrowleft-thin--panel__option,
.content__body__return-link .icon-arrowleft-thin--expansion,
.content__body__return-link .pagination__next .icon-arrowleft-thin--pagination,
.content__body__return-link .pagination__previous .icon-arrowleft-thin--pagination,
.content__body__return-link .pagination__next--disabled .icon-arrowleft-thin--pagination,
.content__body__return-link .pagination__previous--disabled .icon-arrowleft-thin--pagination {
  position: relative;
  top: 2px;
}
.terms__address {
  font-size: 14px;
  padding-bottom: 5px;
}
.terms__list {
  font-size: 14px;
  padding: 0 0 15px 30px;
}
.terms__list li {
  list-style: disc;
  padding: 0 0 5px 5px;
}
.scholarship-rules--desktop {
  line-height: 1.125;
}
.scholarship-rules--desktop h1,
.scholarship-rules--desktop h2 {
  font-weight: 300;
  padding: 20px 0;
}
.scholarship-rules--desktop h1 {
  font-size: 32px;
}
.scholarship-rules--desktop h2 {
  font-size: 26px;
}
.scholarship-rules--desktop p {
  padding: 16px 0;
}
.scholarship-rules--desktop ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.tabbed-content__body {
  display: none;
  padding: 30px 15px 20px;
}
.tabbed-content__body--active {
  display: block;
}
@media only screen and (min-width: 500px)  {
  .tabbed-content__body--active {
    padding: 30px;
  }
}
.tabbed-content__tabs {
  list-style: none;
  margin: 0;
  padding: 0;
}
.tabbed-content__tabs--bar {
  display: block;
}
.tabbed-content__tabs--button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.tabbed-content-tab {
  cursor: pointer;
  overflow: hidden;
  text-align: center;
}
.tabbed-content__tabs--bar .tabbed-content-tab {
  border-bottom: 4px solid transparent;
  display: inline-block;
  margin: 0 10px 0 0;
  padding: 5px;
}
.tabbed-content__tabs--bar .tabbed-content-tab:hover {
  color: #53a63a;
}
.tabbed-content__tabs--bar .tabbed-content-tab:last-of-type {
  margin: 0;
}
.tabbed-content__tabs--bar .tabbed-content-tab.tabbed-content-tab--active {
  color: #53a63a;
  border-bottom: 4px solid #53a63a;
}
.tabbed-content__tabs--button .tabbed-content-tab {
  background-color: #f6f6f6;
  border-left: 1px solid #ccc;
  border-bottom: 1px solid #e6e6e6;
  -webkit-box-flex: 1;
      -ms-flex: 1 auto;
          flex: 1 auto;
  line-height: 18px;
  padding: 15px 5px;
}
.tabbed-content__tabs--button .tabbed-content-tab:hover {
  color: #007ac8;
}
.tabbed-content__tabs--button .tabbed-content-tab:first-child {
  border-left: 0;
}
.tabbed-content__tabs--button .tabbed-content-tab.tabbed-content-tab--active {
  background-color: white;
  border-bottom: 0;
  color: #007ac8;
  font-weight: 600;
}
.toggle__content {
  display: block;
}
.toggle__content--hidden {
  display: none;
}
.toggle__content__link,
.toggle__content__link:active,
.toggle__content__link:visited {
  color: #007ac8;
  display: block;
  font-size: 14px;
  margin: 10px 0 0;
  text-decoration: none;
}
.toggle__content__link:hover,
.toggle__content__link:active:hover,
.toggle__content__link:visited:hover {
  text-decoration: underline;
}
.icon-question-thin--tooltip {
  cursor: pointer;
  font-size: 17px;
  text-decoration: none;
}
.tooltip {
  color: #ababab;
  display: inline-block;
  font-weight: 400;
  left: 4px;
  margin: 0;
  position: relative;
  top: 1px;
  -webkit-tap-highlight-color: transparent;
  width: 0;
}
.tooltip.tooltip--with-label {
  width: auto;
}
.platform--touch .tooltip--clicked .tooltip-trigger,
.platform--touch .tooltip--focused .tooltip-trigger,
.platform--touch .tooltip--hovered .tooltip-trigger,
.tooltip--clicked .tooltip-trigger,
.tooltip--focused .tooltip-trigger,
.tooltip--hovered .tooltip-trigger {
  color: #464646;
}
.tooltip--clicked .tooltip-message,
.tooltip--focused .tooltip-message,
.tooltip--hovered .tooltip-message {
  pointer-events: auto;
  opacity: 1;
  z-index: 5;
}
.tooltip-trigger {
  color: inherit;
  cursor: pointer;
  /* Prevents issue on Android with synthethic hover */
}
.tooltip-trigger:focus {
  outline: none;
}
.platform .tooltip-trigger:hover {
  color: #464646;
  text-decoration: none;
}
.platform--touch .tooltip-trigger:hover {
  color: inherit;
  text-decoration: none;
}
.tooltip-trigger__claimed-check {
  background: url(1944518c3cea4202662d96f5c09ba878.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50%;
  bottom: 0;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 1px 6px rgba(0, 0, 0, 0.24);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 1px 6px rgba(0, 0, 0, 0.24);
  cursor: pointer;
  display: inline-block;
  height: 16px;
  margin-bottom: 1px;
  margin-left: 4px;
  width: 16px;
}
@media only screen and (min-width: 600px)  {
  .tooltip-trigger__claimed-check {
    height: 18px;
    width: 18px;
  }
}
@media only screen and (min-width: 900px)  {
  .tooltip-trigger__claimed-check {
    height: 21px;
    width: 21px;
  }
}
.tooltip-trigger__label {
  font-family: 'Source Sans Pro', sans-serif;
  padding: 0 3px 0 0;
}
.tooltip-message {
  background-color: #464646;
  border-radius: 2px;
  bottom: 21px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: white;
  font-size: 14px;
  line-height: 17px;
  margin-left: -142px;
  max-width: 300px;
  opacity: 0;
  padding: 15px;
  pointer-events: none;
  position: absolute;
  text-align: center;
  width: 300px;
  z-index: -1;
}
.tooltip-message.left {
  left: 0;
}
.tooltip-message.right {
  left: auto;
  right: -15px;
  /* Since the indicator is set at 0px */
}
.tooltip-message.bottom {
  bottom: auto;
  top: 21px;
}
@media only screen and (min-width: 768px)  {
  .tooltip-message--two-lines {
    bottom: 42px;
  }
  .tooltip-message--two-lines.left {
    left: 0;
  }
  .tooltip-message--two-lines.right {
    left: auto;
    right: -15px;
    /* Since the indicator is set at 0px */
  }
  .tooltip-message--two-lines.bottom {
    bottom: auto;
    top: 42px;
  }
}
.tooltip-message.tooltip--below {
  position: absolute;
  bottom: -70px;
}
@media only screen and (min-width: 768px)  {
  .tooltip-message.tooltip--below {
    bottom: auto;
  }
}
.select-wrap-base,
.review-categories-wrap {
  background: white;
  border: 1px solid #ccc;
  border-radius: 2px;
  cursor: pointer;
  height: 2.5em;
  font-size: 18px;
  padding-right: 30px;
  position: relative;
}
.select-wrap-base:focus,
.review-categories-wrap:focus {
  background: #eef9ff;
}
.select-wrap-base::after,
.review-categories-wrap::after {
  -webkit-font-smoothing: antialiased;
  content: '\E60C';
  color: #464646;
  font-family: 'Niche-Interface-Symbols';
  font-size: 1.2em;
  position: absolute;
  right: 0.4em;
  top: 0.45em;
  z-index: 1;
}
.select-wrap--active-base,
.review-categories-wrap--active {
  background: #eef9ff;
}
.select-base,
.review-categories {
  background-color: white;
  border-radius: 0;
  cursor: pointer;
  font-size: 0.889em;
  left: 0;
  line-height: 2.5em;
  opacity: 0.01;
  padding: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}
.select-placeholder-base,
.select-value-base,
.review-categories__placeholder,
.review-categories__value {
  color: #464646;
  line-height: 2.5em;
  height: 2.5em;
  padding: 0 0 0 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
/* ---- Action Prompts ---- */
.dynamic-field-groups-modal-content .modal-container__content {
  min-height: 200px;
}
.dynamic-field-groups-modal-content .modal-container__content .form__wrapper--desktop--no-bg,
.dynamic-field-groups-modal-content .modal-container__content .form__wrapper--no-bg {
  padding: 0;
}
.dynamic-field-groups-modal-content .modal-container__content .form__wrapper--desktop--no-bg .form,
.dynamic-field-groups-modal-content .modal-container__content .form__wrapper--no-bg .form,
.dynamic-field-groups-modal-content .modal-container__content .form__wrapper--desktop--no-bg .form--disabled,
.dynamic-field-groups-modal-content .modal-container__content .form__wrapper--no-bg .form--disabled,
.dynamic-field-groups-modal-content .modal-container__content .form__wrapper--desktop--no-bg .form--loading,
.dynamic-field-groups-modal-content .modal-container__content .form__wrapper--no-bg .form--loading {
  padding: 0;
  width: auto;
  max-width: 700px;
}
.dynamic-field-groups-modal-content .radio-input {
  padding-top: 15px;
}
.dynamic-field-groups-modal-content .field-group__label--checkbox {
  padding-top: 0;
}
.dynamic-field-groups-modal-content .field-group__wrapper:first-of-type {
  padding-bottom: 0;
}
.dynamic-field-groups-modal-content .form__heading {
  color: #464646;
  font-size: 22px;
  font-weight: 600;
}
@media only screen and (min-width: 500px)  {
  .dynamic-field-groups-modal-content .form__heading {
    font-size: 18px;
  }
}
.dynamic-field-groups-modal-content .form__small {
  display: block;
  color: #464646;
  line-height: 1.4;
}
.dynamic-field-groups-modal-content .form__submit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.dynamic-field-groups-modal-content .form__submit__btn--cancel {
  color: white;
  margin: 0 3px 0 0;
  max-height: 41px;
}
@media only screen and (min-width: 500px)  {
  .dynamic-field-groups-modal-content .form__submit__btn--cancel {
    max-height: unset;
  }
}
.dynamic-field-groups-modal-content .form__submit__btn--submit {
  max-height: 41px;
}
@media only screen and (min-width: 500px)  {
  .dynamic-field-groups-modal-content .form__submit__btn--submit {
    max-height: unset;
  }
}
/* ---- Ads ---- */
.ad-spot {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* Aligns the ad in the event that
       it overflows the width of the div,
       which can happen 728px <> 768px */
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto;
  max-width: 728px;
  min-height: 0;
  width: 100%;
}
@media only screen and (min-width: 730px)  {
  .ad-spot {
    min-height: 90px;
  }
}
@media only screen and (min-width: 730px)  {
  .ad-spot.ad-spot--inactive {
    min-height: 0;
  }
}
.review-ad-spot .ad-spot--mobile {
  margin-bottom: 25px;
  margin-left: -15px;
  width: 100vw;
}
@media only screen and (min-width: 325px)  {
  .review-ad-spot .ad-spot--mobile {
    margin-left: 0;
    width: 100%;
  }
}
.ad-spot--mobile {
  display: block;
  text-align: center;
  width: 100%;
}
.ad-spot--mobile.ad-spot--inactive {
  min-height: 0;
}
@media only screen and (min-width: 730px)  {
  .ad-spot--mobile {
    min-height: 0;
  }
}
/* ---- Cards ---- */
.card {
  background: white;
  border-radius: 2px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 0 1px 4px, rgba(0, 0, 0, 0.0980392) 0 0 2px;
          box-shadow: rgba(0, 0, 0, 0.0980392) 0 1px 4px, rgba(0, 0, 0, 0.0980392) 0 0 2px;
  margin: 15px auto;
  max-width: 800px;
  overflow: hidden;
  position: relative;
}
@media only screen and (min-width: 500px)  {
  .card {
    margin: 30px auto;
  }
}
.card--compact {
  margin: 10px auto;
}
@media only screen and (min-width: 500px)  {
  .card--compact {
    margin: 15px auto;
  }
}
.card--full-width {
  max-width: 984px;
}
.card--no-margin {
  margin: 0 auto;
}
.card--profile {
  border-radius: 0;
  margin: 15px 0;
}
@media only screen and (min-width: 500px)  {
  .card--profile {
    border-radius: 2px;
    margin: 30px 20px;
  }
}
@media only screen and (min-width: 840px)  {
  .card--profile {
    margin: 30px auto;
  }
}
@media only screen and (min-width: 1000px)  {
  .profile-body--with-nav .card--profile {
    margin: 30px 0 30px auto;
  }
}
.card__action {
  border-top: 1px solid #e6e6e6;
  color: #919191;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 6px 15px 8px;
}
@media only screen and (min-width: 500px)  {
  .card__action {
    font-size: 15px;
    padding: 10px 15px 12px;
  }
}
@media only screen and (min-width: 768px)  {
  .card__action {
    font-size: 16px;
    padding: 10px 20px 12px;
  }
}
.card__action--centered {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.card__action--not-padded {
  padding: 0;
}
.card__action--right {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
@media only screen and (min-width: 500px)  {
  .card__action--not-padded {
    padding: 0;
  }
}
.card__inner {
  padding: 10px 15px;
}
@media only screen and (min-width: 500px)  {
  .card__inner {
    padding: 20px 30px;
  }
}
.carte {
  background: white;
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.125), 0 4px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 4px rgba(0, 0, 0, 0.125), 0 4px 8px rgba(0, 0, 0, 0.1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.carte > * {
  position: relative;
}
.carte__header {
  background: #5f5f5f;
}
.carte__tabs {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
}
.carte__body {
  background: white;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 10px 15px;
}
.carte__body--with-tabs {
  z-index: 1;
}
.carte--with-tabs .carte__header {
  z-index: 1;
}
.carte--with-tabs .carte__body {
  z-index: 2;
}
.carte--with-image__image {
  background-size: cover;
  height: 100%;
  min-height: 117px;
  width: 100%;
}
.carte--with-rounded-corners {
  border-radius: 4px;
}
.carte--with-rounded-corners > *:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.carte--with-rounded-corners > *:last-child {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.carte--with-rounded-corners.carte--with-image .carte--with-image__image {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
/* ---- Category Explorer ---- */
.category-explorer {
  background: white;
  width: 100%;
}
.category-explorer-body {
  background: white;
  padding: 5px 5px 25px;
}
@media only screen and (min-width: 500px)  {
  .category-explorer-body {
    padding: 20px 15px 30px;
  }
}
.category-explorer__above-the-curve {
  background: #ccf1e4;
}
/******************************
	Curve
******************************/
.category-explorer__curve {
  position: relative;
  width: 100%;
  bottom: -20px;
  max-height: 160px;
  margin-top: -30px;
}
.category-explorer__curve__path {
  fill: white;
}
.category-explorer__heading {
  font-size: 36px;
  color: rgba(0, 0, 0, 0.6);
}
@media only screen and (min-width: 500px)  {
  .category-explorer__heading {
    font-size: 40px;
  }
}
@media only screen and (min-width: 768px)  {
  .category-explorer__heading {
    font-size: 50px;
  }
}
.category-explorer__description {
  max-width: 550px;
  color: rgba(0, 0, 0, 0.5);
  font-size: 16px;
  line-height: 1.25em;
  margin-bottom: 15px;
}
@media only screen and (min-width: 500px)  {
  .category-explorer__description {
    font-size: 18px;
    margin-bottom: 30px;
  }
}
.category-explorer__image-wrap {
  position: relative;
}
.category-explorer__header {
  position: relative;
  max-width: 1024px;
  margin: 0 auto;
  padding: 30px 15px 50px;
  overflow: hidden;
  z-index: 100;
}
@media only screen and (min-width: 500px)  {
  .category-explorer__header {
    padding: 50px 30px 30px;
  }
}
@media only screen and (min-width: 768px)  {
  .category-explorer__header {
    padding: 50px 30px 30px;
  }
}
.category-explorer__image {
  position: absolute;
  max-width: 1024px;
  margin: 0 auto;
  right: -10px;
  top: -57px;
}
@media only screen and (min-width: 500px)  {
  .category-explorer__image {
    top: -80px;
    right: -60px;
  }
}
@media only screen and (min-width: 768px)  {
  .category-explorer__image {
    right: -40px;
    top: -90px;
  }
}
@media only screen and (min-width: 1024px)  {
  .category-explorer__image {
    top: -115px;
  }
}
@media only screen and (min-width: 1200px)  {
  .category-explorer__image {
    top: -130px;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .category-explorer__image {
    display: none;
  }
}
.category-explorer__header-image {
  width: 400px;
}
@media only screen and (min-width: 500px)  {
  .category-explorer__header-image {
    width: 560px;
  }
}
@media only screen and (min-width: 768px)  {
  .category-explorer__header-image {
    width: 710px;
  }
}
@media only screen and (min-width: 1024px)  {
  .category-explorer__header-image {
    width: 850px;
  }
}
.category-explorer__choose-category {
  max-width: 500px;
  padding-top: 5px;
}
.category-explorer__choose-category li {
  display: inline-block;
  margin: 2px;
}
.category-explorer__list-container {
  padding: 15px 15px 30px;
  max-width: 1024px;
  margin: 0 auto;
}
@media only screen and (min-width: 500px)  {
  .category-explorer__list-container {
    padding: 0 30px 50px;
  }
}
.category-explorer__list-wrap {
  border-bottom: 1px solid #ccf1e4;
  padding: 20px 0 16px;
}
.category-explorer__list-wrap.category-explorer__list--border-none {
  border-bottom: 0;
}
.category-explorer__list-wrap .icon-wrap {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  bottom: 0.25em;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  font-size: 18px;
  margin-left: 5px;
  max-width: 18px;
  position: relative;
  text-align: right;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .category-explorer__list-wrap .icon-wrap {
    display: inline-block;
  }
}
@media only screen and (min-width: 768px)  {
  .category-explorer__list-wrap .icon-wrap {
    text-align: left;
  }
}
@media only screen and (min-width: 500px)  {
  .category-explorer__list-wrap {
    padding: 25px 0 22px;
  }
}
.category-explorer__back-to-top {
  margin: 0 auto;
  max-width: 1024px;
  padding: 0 15px 30px;
}
.category-explorer__back-to-top button {
  max-width: 300px;
}
@media only screen and (min-width: 500px)  {
  .category-explorer__back-to-top {
    padding: 15px 30px 50px;
  }
}
.category-explorer__list__category-title {
  border-bottom: 2px solid #b3e3d2;
  color: #50ad87;
  font-size: 28px;
  line-height: 1.05em;
  padding-bottom: 5px;
  padding-top: 30px;
}
@media only screen and (min-width: 500px)  {
  .category-explorer__list__category-title {
    font-size: 32px;
    padding-top: 50px;
  }
}
@media only screen and (min-width: 768px)  {
  .category-explorer__list__category-title {
    font-size: 36px;
  }
}
.category-explorer__list__subcategory-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.category-explorer__list__subcategory-title:focus {
  outline: none;
}
.category-explorer__list__subcategory-title h3 {
  font: 600 12px 'Niche';
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (min-width: 500px)  {
  .category-explorer__list__subcategory-title h3 {
    font-size: 14px;
  }
}
@media only screen and (min-width: 768px)  {
  .category-explorer__list__subcategory-title {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
}
.category-explorer__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.category-explorer__list .category-explorer__list__item {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 40%;
          flex: 1 0 40%;
  font-size: 15px;
  margin-right: 20px;
  max-width: 40%;
  min-width: 280px;
  padding: 8px 0;
}
@media only screen and (min-width: 500px)  {
  .category-explorer__list .category-explorer__list__item {
    font-size: 16px;
    padding: 10px 0;
  }
}
@media only screen and (min-width: 768px)  {
  .category-explorer__list .category-explorer__list__item {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 45%;
            flex: 1 0 45%;
    max-width: 45%;
    min-width: 320px;
  }
}
@media only screen and (min-width: 1024px)  {
  .category-explorer__list .category-explorer__list__item {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 30%;
            flex: 1 0 30%;
    max-width: 30%;
    min-width: 300px;
  }
}
/******************************
	Ranking
******************************/
.category-explorer__ranking-wrap {
  padding-top: 10px;
}
.category-explorer__ranking {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #53a63a;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 45%;
          flex: 1 0 45%;
  max-width: 45%;
  min-width: 320px;
}
.category-explorer__ranking .rankings-badge {
  font-size: 1em;
}
@media only screen and (min-width: 500px)  {
  .category-explorer__ranking .rankings-badge {
    font-size: 1.25em;
  }
}
.category-explorer__ranking:hover {
  color: #409126;
}
.category-explorer__ranking__title {
  font-size: 16px;
  line-height: 20px;
  margin-left: 10px;
}
/******************************
	Animation of List
******************************/
.item-list-wrap {
  height: 0;
  overflow: hidden;
}
.item-list-wrap .category-explorer__list__item {
  opacity: 0;
}
.item-list-wrap--expanded {
  height: auto;
  padding-top: 5px;
}
.item-list-wrap--expanded .category-explorer__list__item {
  opacity: 1;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.item-list-wrap--expanded .category-explorer__ranking-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.item-list-wrap--expanded .category-explorer__list__item:nth-child(2) {
  -webkit-transition-delay: 0.02s;
          transition-delay: 0.02s;
}
.item-list-wrap--expanded .category-explorer__list__item:nth-child(3) {
  -webkit-transition-delay: 0.03s;
          transition-delay: 0.03s;
}
.item-list-wrap--expanded .category-explorer__list__item:nth-child(4) {
  -webkit-transition-delay: 0.04s;
          transition-delay: 0.04s;
}
.item-list-wrap--expanded .category-explorer__list__item:nth-child(5) {
  -webkit-transition-delay: 0.05s;
          transition-delay: 0.05s;
}
.item-list-wrap--expanded .category-explorer__list__item:nth-child(6) {
  -webkit-transition-delay: 0.06s;
          transition-delay: 0.06s;
}
.item-list-wrap--expanded .category-explorer__list__item:nth-child(7) {
  -webkit-transition-delay: 0.07s;
          transition-delay: 0.07s;
}
.item-list-wrap--expanded .category-explorer__list__item:nth-child(8) {
  -webkit-transition-delay: 0.08s;
          transition-delay: 0.08s;
}
.item-list-wrap--expanded .category-explorer__list__item:nth-child(9) {
  -webkit-transition-delay: 0.09s;
          transition-delay: 0.09s;
}
.item-list-wrap--expanded .category-explorer__list__item:nth-child(10) {
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
}
.item-list-wrap--expanded .category-explorer__list__item:nth-child(11) {
  -webkit-transition-delay: 0.11s;
          transition-delay: 0.11s;
}
.item-list-wrap--expanded .category-explorer__list__item:nth-child(12) {
  -webkit-transition-delay: 0.12s;
          transition-delay: 0.12s;
}
.item-list-wrap--expanded .category-explorer__list__item:nth-child(13) {
  -webkit-transition-delay: 0.13s;
          transition-delay: 0.13s;
}
.item-list-wrap--expanded .category-explorer__list__item:nth-child(14) {
  -webkit-transition-delay: 0.14s;
          transition-delay: 0.14s;
}
.item-list-wrap--expanded .category-explorer__list__item:nth-child(15) {
  -webkit-transition-delay: 0.15s;
          transition-delay: 0.15s;
}
.item-list-wrap--expanded .category-explorer__list__item:nth-child(16) {
  -webkit-transition-delay: 0.16s;
          transition-delay: 0.16s;
}
.item-list-wrap--expanded .category-explorer__list__item:nth-child(17) {
  -webkit-transition-delay: 0.17s;
          transition-delay: 0.17s;
}
.item-list-wrap--expanded .category-explorer__list__item:nth-child(18) {
  -webkit-transition-delay: 0.18s;
          transition-delay: 0.18s;
}
.item-list-wrap--expanded .category-explorer__list__item:nth-child(19) {
  -webkit-transition-delay: 0.19s;
          transition-delay: 0.19s;
}
.item-list-wrap--expanded .category-explorer__list__item:nth-child(20) {
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}
.item-list-wrap--expanded .category-explorer__list__item:nth-child(21) {
  -webkit-transition-delay: 0.21s;
          transition-delay: 0.21s;
}
.item-list-wrap--expanded .category-explorer__list__item:nth-child(22) {
  -webkit-transition-delay: 0.22s;
          transition-delay: 0.22s;
}
.item-list-wrap--expanded .category-explorer__list__item:nth-child(23) {
  -webkit-transition-delay: 0.23s;
          transition-delay: 0.23s;
}
.item-list-wrap--expanded .category-explorer__list__item:nth-child(24) {
  -webkit-transition-delay: 0.24s;
          transition-delay: 0.24s;
}
.item-list-wrap--expanded .category-explorer__list__item:nth-child(25) {
  -webkit-transition-delay: 0.25s;
          transition-delay: 0.25s;
}
.item-list-wrap--expanded .category-explorer__list__item:nth-child(26) {
  -webkit-transition-delay: 0.26s;
          transition-delay: 0.26s;
}
.item-list-wrap--expanded .category-explorer__list__item:nth-child(27) {
  -webkit-transition-delay: 0.27s;
          transition-delay: 0.27s;
}
.item-list-wrap--expanded .category-explorer__list__item:nth-child(28) {
  -webkit-transition-delay: 0.28s;
          transition-delay: 0.28s;
}
.item-list-wrap--expanded .category-explorer__list__item:nth-child(29) {
  -webkit-transition-delay: 0.29s;
          transition-delay: 0.29s;
}
.item-list-wrap--expanded .category-explorer__list__item:nth-child(30) {
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}
.item-list-wrap--expanded .category-explorer__list__item:nth-child(31) {
  -webkit-transition-delay: 0.31s;
          transition-delay: 0.31s;
}
.item-list-wrap--expanded .category-explorer__list__item:nth-child(32) {
  -webkit-transition-delay: 0.32s;
          transition-delay: 0.32s;
}
.item-list-wrap--expanded .category-explorer__list__item:nth-child(33) {
  -webkit-transition-delay: 0.33s;
          transition-delay: 0.33s;
}
.item-list-wrap--expanded .category-explorer__list__item:nth-child(34) {
  -webkit-transition-delay: 0.34s;
          transition-delay: 0.34s;
}
.item-list-wrap--expanded .category-explorer__list__item:nth-child(35) {
  -webkit-transition-delay: 0.35s;
          transition-delay: 0.35s;
}
.item-list-wrap--expanded .category-explorer__list__item:nth-child(36) {
  -webkit-transition-delay: 0.36s;
          transition-delay: 0.36s;
}
.item-list-wrap--expanded .category-explorer__list__item:nth-child(37) {
  -webkit-transition-delay: 0.37s;
          transition-delay: 0.37s;
}
.item-list-wrap--expanded .category-explorer__list__item:nth-child(38) {
  -webkit-transition-delay: 0.38s;
          transition-delay: 0.38s;
}
.item-list-wrap--expanded .category-explorer__list__item:nth-child(39) {
  -webkit-transition-delay: 0.39s;
          transition-delay: 0.39s;
}
.item-list-wrap--expanded .category-explorer__list__item:nth-child(40) {
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
}
.item-list-wrap--expanded .category-explorer__list__item:nth-child(41) {
  -webkit-transition-delay: 0.41s;
          transition-delay: 0.41s;
}
.item-list-wrap--expanded .category-explorer__list__item:nth-child(42) {
  -webkit-transition-delay: 0.42s;
          transition-delay: 0.42s;
}
.item-list-wrap--expanded .category-explorer__list__item:nth-child(43) {
  -webkit-transition-delay: 0.43s;
          transition-delay: 0.43s;
}
.item-list-wrap--expanded .category-explorer__list__item:nth-child(44) {
  -webkit-transition-delay: 0.44s;
          transition-delay: 0.44s;
}
.item-list-wrap--expanded .category-explorer__list__item:nth-child(45) {
  -webkit-transition-delay: 0.45s;
          transition-delay: 0.45s;
}
.item-list-wrap--expanded .category-explorer__list__item:nth-child(46) {
  -webkit-transition-delay: 0.46s;
          transition-delay: 0.46s;
}
.item-list-wrap--expanded .category-explorer__list__item:nth-child(47) {
  -webkit-transition-delay: 0.47s;
          transition-delay: 0.47s;
}
.item-list-wrap--expanded .category-explorer__list__item:nth-child(48) {
  -webkit-transition-delay: 0.48s;
          transition-delay: 0.48s;
}
.item-list-wrap--expanded .category-explorer__list__item:nth-child(49) {
  -webkit-transition-delay: 0.49s;
          transition-delay: 0.49s;
}
.item-list-wrap--expanded .category-explorer__list__item:nth-child(50) {
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}
/* ---- Dialogs ---- */
.dialog {
  background: #007ac8;
  border-radius: 2px;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
          box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  color: white;
  max-width: 300px;
  padding: 75px 15px 45px;
  width: 100%;
}
.dialog:focus {
  outline: none;
}
.dialog--deactivate,
.dialog--logout {
  background: #007ac8;
  border-radius: 2px;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
          box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  color: white;
  max-width: 300px;
  padding: 75px 15px 45px;
  width: 100%;
}
.dialog--deactivate:focus,
.dialog--logout:focus {
  outline: none;
}
.dialog--deactivate .dialog__message,
.dialog--logout .dialog__message {
  max-width: 175px;
  margin: 0 auto 36px;
}
.dialog--recaptcha {
  background: #007ac8;
  border-radius: 2px;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
          box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  color: white;
  padding: 75px 15px 45px;
}
.dialog--recaptcha:focus {
  outline: none;
}
.icon-exit-thin--dialog {
  color: #b8def7;
  font-size: 20px;
  float: right;
  padding: 14px;
  margin: -75px -15px 0 0;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.icon-exit-thin--dialog:hover {
  color: white;
  cursor: pointer;
}
.dialog__message {
  font-size: 20px;
  line-height: 26px;
  margin: 0 0 36px;
  text-align: center;
}
.dialog__action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.dialog__action .button-group {
  width: 100%;
}
.dialog__container {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: rgba(0, 0, 0, 0.8);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  left: 0;
  padding: 10px;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1001;
}
/* stylelint-disable selector-no-vendor-prefix */
.input {
  -webkit-box-shadow: none;
          box-shadow: none;
  position: relative;
}
.input--password-strength {
  -webkit-box-shadow: none;
          box-shadow: none;
  position: relative;
}
.input--password-strength .textbox,
.input--password-strength .textbox--success,
.input--password-strength .textbox--error,
.input--password-strength .textbox--textarea,
.input--password-strength .survey-open-poll__input,
.input--password-strength .survey-text-input__input {
  padding-right: 90px;
}
.textbox,
.textbox--textarea,
.survey-open-poll__input,
.survey-text-input__input {
  border: 1px solid #ccc;
  border-radius: 2px;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #464646;
  display: block;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 18px;
  height: 45px;
  padding: 0 15px;
  width: 100%;
}
.textbox-focus {
  background-color: #eef9ff;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #464646;
  outline: none;
}
.textbox-focus::-moz-placeholder {
  color: #8ec8ef;
}
.textbox-focus:-ms-input-placeholder {
  color: #8ec8ef;
}
.textbox-focus::-ms-input-placeholder {
  color: #8ec8ef;
}
.textbox-focus::-webkit-input-placeholder {
  color: #8ec8ef;
}
.textbox:focus,
.textbox--error:focus,
.textbox--success:focus,
.textbox--textarea--error:focus,
.textbox--textarea--success:focus,
.textbox--textarea:focus,
.survey-open-poll__input:focus,
.survey-text-input__input:focus {
  background-color: #eef9ff;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #464646;
  outline: none;
}
.textbox:focus::-moz-placeholder,
.textbox--error:focus::-moz-placeholder,
.textbox--success:focus::-moz-placeholder,
.textbox--textarea--error:focus::-moz-placeholder,
.textbox--textarea--success:focus::-moz-placeholder,
.textbox--textarea:focus::-moz-placeholder,
.survey-open-poll__input:focus::-moz-placeholder,
.survey-text-input__input:focus::-moz-placeholder {
  color: #8ec8ef;
}
.textbox:focus:-ms-input-placeholder,
.textbox--error:focus:-ms-input-placeholder,
.textbox--success:focus:-ms-input-placeholder,
.textbox--textarea--error:focus:-ms-input-placeholder,
.textbox--textarea--success:focus:-ms-input-placeholder,
.textbox--textarea:focus:-ms-input-placeholder,
.survey-open-poll__input:focus:-ms-input-placeholder,
.survey-text-input__input:focus:-ms-input-placeholder {
  color: #8ec8ef;
}
.textbox:focus::-ms-input-placeholder,
.textbox--error:focus::-ms-input-placeholder,
.textbox--success:focus::-ms-input-placeholder,
.textbox--textarea--error:focus::-ms-input-placeholder,
.textbox--textarea--success:focus::-ms-input-placeholder,
.textbox--textarea:focus::-ms-input-placeholder,
.survey-open-poll__input:focus::-ms-input-placeholder,
.survey-text-input__input:focus::-ms-input-placeholder {
  color: #8ec8ef;
}
.textbox:focus::-webkit-input-placeholder,
.textbox--error:focus::-webkit-input-placeholder,
.textbox--success:focus::-webkit-input-placeholder,
.textbox--textarea--error:focus::-webkit-input-placeholder,
.textbox--textarea--success:focus::-webkit-input-placeholder,
.textbox--textarea:focus::-webkit-input-placeholder,
.survey-open-poll__input:focus::-webkit-input-placeholder,
.survey-text-input__input:focus::-webkit-input-placeholder {
  color: #8ec8ef;
}
.textbox--textarea {
  height: 120px;
  line-height: 1.4em;
  padding: 0.7em 15px;
}
.textbox--error,
.textbox--password--error,
.textbox--textarea--error {
  border: 1px solid #ccc;
  border-radius: 2px;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #464646;
  display: block;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 18px;
  height: 45px;
  padding: 0 15px;
  width: 100%;
  background-color: #ffe4e1;
  color: #e25333;
}
.textbox--error::-moz-placeholder,
.textbox--password--error::-moz-placeholder,
.textbox--textarea--error::-moz-placeholder {
  color: #faaf99;
}
.textbox--error:-ms-input-placeholder,
.textbox--password--error:-ms-input-placeholder,
.textbox--textarea--error:-ms-input-placeholder {
  color: #faaf99;
}
.textbox--error::-ms-input-placeholder,
.textbox--password--error::-ms-input-placeholder,
.textbox--textarea--error::-ms-input-placeholder {
  color: #faaf99;
}
.textbox--error::-webkit-input-placeholder,
.textbox--password--error::-webkit-input-placeholder,
.textbox--textarea--error::-webkit-input-placeholder {
  color: #faaf99;
}
.textbox--textarea--error {
  height: 120px;
  line-height: 1.4em;
  padding: 0.7em 15px;
}
.textbox--error:focus,
.textbox--textarea--error:focus {
  color: #e25333;
}
.textbox--success,
.textbox--password--success,
.textbox--textarea--success {
  border: 1px solid #ccc;
  border-radius: 2px;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #464646;
  display: block;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 18px;
  height: 45px;
  padding: 0 15px;
  width: 100%;
  background-color: #e9f7e2;
  color: #409126;
}
.textbox--textarea--success {
  height: 120px;
  line-height: 1.4em;
  padding: 0.7em 15px;
}
/* ---- Sherlock ---- */
.sherlock__results {
  background: white;
  border: 1px solid #ccc;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  border-top: 0;
  left: 46px;
  list-style: none;
  padding: 4px 0;
  position: absolute;
  top: 40px;
  width: 100%;
  z-index: 10;
}
.sherlock__results::before {
  content: '';
  width: calc(100% - 20px);
  position: absolute;
  top: 0;
  left: 10px;
  background-color: #ccc;
  height: 1px;
}
.sherlock__results .sherlock__results--item,
.sherlock__results .sherlock__results--item--selected {
  cursor: pointer;
}
.sherlock__results--static {
  background: white;
  border: 1px solid #ccc;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  border-top: 0;
  left: 46px;
  list-style: none;
  padding: 4px 0;
  position: absolute;
  top: 40px;
  width: 100%;
  z-index: 10;
}
.sherlock__results--static::before {
  content: '';
  width: calc(100% - 20px);
  position: absolute;
  top: 0;
  left: 10px;
  background-color: #ccc;
  height: 1px;
}
.sherlock__results--static .sherlock__results--item,
.sherlock__results--static .sherlock__results--item--selected {
  cursor: pointer;
}
.sherlock__results--item--link {
  color: #464646;
  display: block;
  font-size: 16px;
  line-height: 18px;
  padding: 6px 10px;
}
/* Prevent hover state on touch */
.platform .sherlock__results--item--link:focus,
.platform .sherlock__results--item--link:hover {
  background-color: #007ac8;
  color: white;
  text-decoration: none;
  outline: none;
}
.platform .sherlock__results--item--link:focus .sherlock__results--item--link--tagline,
.platform .sherlock__results--item--link:hover .sherlock__results--item--link--tagline {
  color: #eee;
}
/* Prevent touch devices from showing default hover */
.platform--touch .sherlock__results--item--link:focus,
.platform--touch .sherlock__results--item--link:hover {
  background-color: #007ac8;
  color: white;
  text-decoration: none;
  outline: none;
}
.platform--touch .sherlock__results--item--link:focus .sherlock__results--item--link--tagline,
.platform--touch .sherlock__results--item--link:hover .sherlock__results--item--link--tagline {
  color: #eee;
}
.sherlock__results--item--link--tagline {
  color: #919191;
  display: block;
}
.sherlock__results--item--selected .sherlock__results--item--link {
  background-color: #007ac8;
  color: white;
}
.sherlock__results--item--selected .sherlock__results--item--link--tagline {
  color: #eee;
}
.sherlock__results--item--noresults {
  color: #464646;
  display: block;
  font-size: 16px;
  line-height: 18px;
  padding: 6px 10px;
  color: #ababab;
}
.sherlock__results--item--noresults:hover,
.sherlock__results--item--noresults:focus {
  background-color: white;
  color: #ababab;
}
.sherlock,
.sherlock--success,
.sherlock--error,
.sherlock--search-filter,
.sherlock--sherlock-list {
  border: 1px solid #ccc;
  border-radius: 2px;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #464646;
  display: block;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 18px;
  height: 45px;
  padding: 0 15px;
  width: 100%;
  font-size: 15px;
  height: 35px;
  padding: 0 10px;
}
.sherlock::-ms-clear,
.sherlock--success::-ms-clear,
.sherlock--error::-ms-clear,
.sherlock--search-filter::-ms-clear,
.sherlock--sherlock-list::-ms-clear {
  display: none;
}
.sherlock:focus,
.sherlock--success:focus,
.sherlock--error:focus,
.sherlock--search-filter:focus,
.sherlock--sherlock-list:focus {
  background-color: #eef9ff;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #464646;
  outline: none;
}
.sherlock:focus::-moz-placeholder,
.sherlock--success:focus::-moz-placeholder,
.sherlock--error:focus::-moz-placeholder,
.sherlock--search-filter:focus::-moz-placeholder,
.sherlock--sherlock-list:focus::-moz-placeholder {
  color: #8ec8ef;
}
.sherlock:focus:-ms-input-placeholder,
.sherlock--success:focus:-ms-input-placeholder,
.sherlock--error:focus:-ms-input-placeholder,
.sherlock--search-filter:focus:-ms-input-placeholder,
.sherlock--sherlock-list:focus:-ms-input-placeholder {
  color: #8ec8ef;
}
.sherlock:focus::-ms-input-placeholder,
.sherlock--success:focus::-ms-input-placeholder,
.sherlock--error:focus::-ms-input-placeholder,
.sherlock--search-filter:focus::-ms-input-placeholder,
.sherlock--sherlock-list:focus::-ms-input-placeholder {
  color: #8ec8ef;
}
.sherlock:focus::-webkit-input-placeholder,
.sherlock--success:focus::-webkit-input-placeholder,
.sherlock--error:focus::-webkit-input-placeholder,
.sherlock--search-filter:focus::-webkit-input-placeholder,
.sherlock--sherlock-list:focus::-webkit-input-placeholder {
  color: #8ec8ef;
}
.sherlock--success {
  background-color: #e9f7e2;
  color: #53a63a;
}
.sherlock--error {
  background-color: #ffe4e1;
  color: #f4724a;
}
.sherlock--focus-withresults {
  border-bottom: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.sherlock--icon .sherlock,
.sherlock--icon .sherlock--success,
.sherlock--icon .sherlock--error,
.sherlock--icon .sherlock--search-filter,
.sherlock--icon .sherlock--sherlock-list {
  padding: 0 35px 0 10px;
}
.sherlock--select--value {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  bottom: 0;
  right: 0;
}
.sherlock__wrapper,
.sherlock__wrapper--sherlock-list,
.sherlock__wrapper--sherlock-list--results-visible {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 43px;
          flex: 0 0 43px;
  margin-right: 10px;
  padding-left: 16px;
  position: relative;
}
.sherlock__wrapper--addon,
.sherlock__wrapper--addon--results-visible,
.sherlock__wrapper--error--addon,
.sherlock__wrapper--error--addon--results-visible,
.sherlock__wrapper--success--addon,
.sherlock__wrapper--success--addon--results-visible {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 43px;
          flex: 0 0 43px;
  margin-right: 10px;
  padding-left: 16px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.sherlock__wrapper--addon .sherlock,
.sherlock__wrapper--addon--results-visible .sherlock,
.sherlock__wrapper--error--addon .sherlock,
.sherlock__wrapper--error--addon--results-visible .sherlock,
.sherlock__wrapper--success--addon .sherlock,
.sherlock__wrapper--success--addon--results-visible .sherlock,
.sherlock__wrapper--addon .sherlock--success,
.sherlock__wrapper--addon--results-visible .sherlock--success,
.sherlock__wrapper--error--addon .sherlock--success,
.sherlock__wrapper--error--addon--results-visible .sherlock--success,
.sherlock__wrapper--success--addon .sherlock--success,
.sherlock__wrapper--success--addon--results-visible .sherlock--success,
.sherlock__wrapper--addon .sherlock--error,
.sherlock__wrapper--addon--results-visible .sherlock--error,
.sherlock__wrapper--error--addon .sherlock--error,
.sherlock__wrapper--error--addon--results-visible .sherlock--error,
.sherlock__wrapper--success--addon .sherlock--error,
.sherlock__wrapper--success--addon--results-visible .sherlock--error,
.sherlock__wrapper--addon .sherlock--search-filter,
.sherlock__wrapper--addon--results-visible .sherlock--search-filter,
.sherlock__wrapper--error--addon .sherlock--search-filter,
.sherlock__wrapper--error--addon--results-visible .sherlock--search-filter,
.sherlock__wrapper--success--addon .sherlock--search-filter,
.sherlock__wrapper--success--addon--results-visible .sherlock--search-filter,
.sherlock__wrapper--addon .sherlock--sherlock-list,
.sherlock__wrapper--addon--results-visible .sherlock--sherlock-list,
.sherlock__wrapper--error--addon .sherlock--sherlock-list,
.sherlock__wrapper--error--addon--results-visible .sherlock--sherlock-list,
.sherlock__wrapper--success--addon .sherlock--sherlock-list,
.sherlock__wrapper--success--addon--results-visible .sherlock--sherlock-list {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: 0;
  -webkit-box-flex: 5;
      -ms-flex: 5 0 0px;
          flex: 5 0 0;
  width: auto;
}
.sherlock__wrapper--results-visible {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 43px;
          flex: 0 0 43px;
  margin-right: 10px;
  padding-left: 16px;
  position: relative;
}
.sherlock__wrapper--results-visible .sherlock:focus,
.sherlock__wrapper--results-visible .sherlock--success:focus,
.sherlock__wrapper--results-visible .sherlock--error:focus,
.sherlock__wrapper--results-visible .sherlock--search-filter:focus,
.sherlock__wrapper--results-visible .sherlock--sherlock-list:focus {
  border-bottom: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.icon-search-thin--sherlock,
.icon-search-thin--sherlock--search-filter {
  color: #fff;
  cursor: pointer;
  font-size: 28px;
  line-height: 46px;
  padding: 0;
  position: absolute;
  right: 3px;
  top: 0;
}
.secondary-menu__wrapper .icon-search-thin--sherlock,
.secondary-menu__wrapper .icon-search-thin--sherlock--search-filter {
  right: 0;
}
@media only screen and (min-width: 768px)  {
  .secondary-menu__wrapper .icon-search-thin--sherlock,
  .secondary-menu__wrapper .icon-search-thin--sherlock--search-filter {
    right: 2px;
  }
}
.sherlock__wrapper--find {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 43px;
          flex: 0 0 43px;
  margin-right: 10px;
  padding-left: 16px;
  position: relative;
  margin-right: 0;
  padding-left: 0;
}
.sherlock__wrapper--find::after {
  content: 'Find';
  position: absolute;
  font-size: 16px;
  top: 0;
  left: 0;
  font-weight: 600;
  line-height: normal;
  padding: 11px 0 11px 12px;
}
.sherlock__wrapper--panel {
  margin: 0 10px;
  position: relative;
  width: 275px;
}
.sherlock__wrapper--panel .sherlock__results {
  top: 46px;
}
.sherlock__wrapper--panel--results-visible {
  margin: 0 10px;
  position: relative;
  width: 275px;
}
.sherlock__wrapper--panel--results-visible .sherlock__results {
  top: 46px;
}
.sherlock__wrapper--panel--results-visible .sherlock--panel:focus {
  border-bottom: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.sherlock__wrapper--panel--results-visible .sherlock__results {
  left: 0;
}
.sherlock--panel {
  border: 1px solid #ccc;
  border-radius: 2px;
  font-family: 'Source sans pro';
  font-size: 20px;
  font-weight: 300;
  height: 46px;
  padding: 0 36px 0 12px;
  -webkit-transition: border-color 0.25s, border-bottom 0.25s;
  transition: border-color 0.25s, border-bottom 0.25s;
  width: 100%;
  -webkit-appearance: none;
}
.sherlock--panel::-webkit-inner-placeholder {
  color: #787878;
}
.sherlock--panel:focus {
  border: 1px solid #53a63a;
  outline: none;
}
.icon-search-thin--sherlock--panel {
  color: #53a63a;
  cursor: pointer;
  font-size: 28px;
  line-height: 46px;
  padding: 0;
  position: absolute;
  right: 6px;
  top: 1px;
}
/* Search filter sherlock */
.sherlock__wrapper--search-filter,
.sherlock__wrapper--search-filter--results-visible {
  position: relative;
}
.sherlock__wrapper--search-filter .sherlock__results,
.sherlock__wrapper--search-filter--results-visible .sherlock__results {
  left: 0;
  top: 41px;
}
.sherlock--search-filter {
  border: 1px solid #ccc;
  -webkit-box-shadow: none;
          box-shadow: none;
  font-size: 16px;
  height: 42px;
}
.sherlock--search-filter:focus::-webkit-input-placeholder {
  color: #007ac8;
}
.sherlock--search-filter:focus:-moz-placeholder {
  color: #007ac8;
}
.sherlock--search-filter:focus::-moz-placeholder {
  color: #007ac8;
}
.sherlock--search-filter:focus:-ms-input-placeholder {
  color: #007ac8;
}
.icon-search-thin--sherlock--search-filter {
  color: #53a63a;
  font-size: 26px;
  right: 5px;
  top: -1px;
}
/* End search filter sherlock */
@media only screen and (min-width: 768px)  {
  .sherlock__wrapper,
  .sherlock__wrapper--results-visible,
  .sherlock__wrapper--addon,
  .sherlock__wrapper--addon--results-visible,
  .sherlock__wrapper--sherlock-list,
  .sherlock__wrapper--sherlock-list--results-visible {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 300px;
            flex: 0 0 300px;
    margin-right: -30px;
    margin-left: auto;
  }
  .sherlock,
  .sherlock--success,
  .sherlock--error,
  .sherlock--search-filter,
  .sherlock--sherlock-list {
    display: inline-block;
  }
  .icon-search-thin--sherlock,
  .icon-search-thin--sherlock--search-filter {
    color: #53a63a;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px)  {
  .sherlock__wrapper,
  .sherlock__wrapper--results-visible,
  .sherlock__wrapper--addon,
  .sherlock__wrapper--addon--results-visible,
  .sherlock__wrapper--sherlock-list,
  .sherlock__wrapper--sherlock-list--results-visible {
    margin-right: 20px;
  }
}
@media only screen and (max-width: 767px)  {
  .sherlock__wrapper .icon-search-thin--sherlock,
  .sherlock__wrapper .icon-search-thin--sherlock--search-filter,
  .sherlock__wrapper--sherlock-list .icon-search-thin--sherlock,
  .sherlock__wrapper--sherlock-list--results-visible .icon-search-thin--sherlock {
    font-size: 30px;
  }
  .secondary-menu .sherlock,
  .secondary-menu .sherlock--success,
  .secondary-menu .sherlock--error,
  .secondary-menu .sherlock--search-filter,
  .secondary-menu .sherlock--sherlock-list {
    display: none;
  }
}
.sherlock--state-filter__wrapper {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1 auto;
          flex: 1 auto;
}
.sherlock--state-filter__wrapper::after {
  color: #464646;
  content: '\E60C';
  font-family: 'Niche-Interface-Symbols';
  font-size: 18px;
  margin-bottom: 26px;
  margin-top: -10px;
  padding: 0;
  position: absolute;
  pointer-events: none;
  right: 12px;
  top: 50%;
  z-index: 1;
}
.sherlock--state-filter__wrapper::after {
  background: -webkit-gradient(linear, right top, left top, color-stop(50%, white), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(to left, white 50%, rgba(255, 255, 255, 0));
  right: 10px;
  padding-left: 15px;
}
.sherlock--state-filter {
  background-color: white;
  border: 1px solid #ccc;
  border-radius: 2px;
  color: #464646;
  display: block;
  font-family: 'Source Sans Pro';
  font-size: 18px;
  height: 46px;
  line-height: 46px;
  margin-top: 5px;
  padding: 0 15px;
  position: relative;
  width: 100%;
  border-right-color: #bbb;
  font-size: 15px;
  line-height: 32px;
  margin: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  height: 35px;
}
.sherlock--state-filter::-ms-value {
  background: white;
  color: #464646;
}
.sherlock__wrapper--addon--results-visible .sherlock--state-filter {
  border-bottom-right-radius: 0;
}
/* ---- Toggle List ---- */
.toggle-list-button {
  text-decoration: none;
}
.toggle-list-button:hover {
  text-decoration: none;
}
.toggle-list-button--toggled::after {
  display: inline-block;
  padding-top: 1px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
/* ---- Forms ---- */
textarea {
  resize: none;
}
::-webkit-inner-spin-button {
  display: none;
}
::-webkit-input-placeholder {
  color: #ababab;
}
input,
textarea {
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}
:-ms-input-placeholder {
  color: #ababab !important;
}
input::-ms-clear {
  display: none;
  height: 0;
  width: 0;
}
input::-ms-reveal {
  display: none;
  height: 0;
  width: 0;
}
input[type='number'] {
  -moz-appearance: textfield;
}
input:invalid,
input:moz-submit-invalid,
input:required,
input:-moz-focusring {
  box-shadow: none;
  outline: none;
}
::-moz-placeholder {
  color: #ababab;
}
.form__wrapper {
  background-color: #e6e6e6;
  border-radius: 2px;
  padding: 45px 15px 20px;
}
.form__wrapper--desktop {
  background-color: #e6e6e6;
  border-radius: 2px;
  padding: 45px 15px 20px;
  border-radius: inherit;
  padding: 60px 15px;
}
.form,
.form--disabled,
.form--loading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 auto;
  max-width: 700px;
  padding: 15px 0;
  position: relative;
  width: 100%;
}
@media only screen and (min-width: 768px)  {
  .form,
  .form--disabled,
  .form--loading {
    padding: 0;
  }
}
.form--skinny {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 auto;
  max-width: 450px;
  padding: 15px 0;
  position: relative;
  width: 100%;
}
.form--skinny .form__submit {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0 0 20px;
}
.form--skinny .form__submit__error__message {
  -ms-flex-item-align: center;
      align-self: center;
  margin: 0 0 1em;
}
@media only screen and (min-width: 768px)  {
  .form--skinny {
    padding: 0;
  }
}
.form__header {
  -webkit-box-flex: 1;
      -ms-flex: 1 auto;
          flex: 1 auto;
  font-size: 26px;
  font-weight: 400;
  line-height: 28px;
  width: 100%;
}
.form__header ~ .field-group__wrapper:first-of-type {
  margin-top: 26px;
}
.form__header__cta {
  display: block;
  -webkit-box-flex: 1;
      -ms-flex: 1 auto;
          flex: 1 auto;
  font-size: 14px;
  letter-spacing: 0.2px;
  line-height: 22px;
  margin-top: 6px;
  width: 100%;
}
.icon-arrowright-thin--form-cta {
  position: relative;
  top: 2px;
}
.form__separator {
  border-top: 1px solid #ccc;
  margin: 1em 0 0;
  padding: 1.5em 0 0;
}
.form__separator.form__separator--large {
  margin: 2em 0 0;
  padding: 2.5em 0 0;
}
.form__separator__title {
  font-size: 26px;
  margin: 0;
}
.form__submit {
  margin: 20px 0;
  width: 100%;
}
@media only screen and (min-width: 500px)  {
  .form__submit:not(.form__submit__col-wrap) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
  }
}
@media only screen and (min-width: 768px)  {
  .form__submit .form__submit {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}
.form__submit__btn--cancel {
  margin: 0 0 0 3px;
}
.form__submit__error__message {
  color: #e25333;
  margin: 0 0 1em;
  text-align: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media only screen and (min-width: 768px)  {
  .form__submit__error__message {
    margin: 0 20px 0 0;
    text-align: right;
    width: auto;
  }
  .form__submit__col-wrap .form__submit__error__message {
    font-size: 15px;
    margin-right: 0;
    margin-bottom: 20px;
  }
}
.form__terms {
  color: #919191;
  display: block;
  font-size: 14px;
  line-height: 1.4em;
  margin: 15px auto;
  max-width: 450px;
  text-align: center;
  width: 85%;
}
.form__terms .panel__stack__wrapper,
.form__terms .panel__stack__wrapper--entering,
.form__terms .panel__stack__wrapper--leaving {
  display: inline;
}
.form__terms__link {
  color: #5f5f5f;
  font-weight: 600;
}
.form__terms__link:active,
.form__terms__link:focus,
.form__terms__link:hover,
.form__terms__link:visited {
  color: #5f5f5f;
}
.field-group__error,
.form__submit__error {
  color: #e25333;
  display: block;
  font-size: 14px;
  line-height: 1.25em;
  margin-top: 5px;
}
.form__wrapper--no-bg {
  background-color: #e6e6e6;
  border-radius: 2px;
  padding: 45px 15px 20px;
  background-color: transparent;
}
.form__wrapper--desktop--no-bg {
  background-color: #e6e6e6;
  border-radius: 2px;
  padding: 45px 15px 20px;
  border-radius: inherit;
  padding: 60px 15px;
  background-color: transparent;
  padding: 30px 0 0;
}
.form__wrapper--no-bg .form,
.form__wrapper--no-bg .form--loading,
.form__wrapper--desktop--no-bg .form,
.form__wrapper--desktop--no-bg .form--loading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 auto;
  max-width: 700px;
  padding: 15px 0;
  position: relative;
  max-width: 600px;
  padding: 0 15px;
  width: 100%;
}
@media only screen and (min-width: 768px)  {
  .form__wrapper--no-bg .form,
  .form__wrapper--no-bg .form--loading,
  .form__wrapper--desktop--no-bg .form,
  .form__wrapper--desktop--no-bg .form--loading {
    padding: 0;
  }
}
.form__submit__cols {
  width: 100%;
}
.form__submit__cols .form__terms,
.role-scholarship .form__submit__cols .form__terms {
  display: block;
  margin: 0;
  margin-top: 20px;
  max-width: 100%;
  text-align: center;
  width: 100%;
}
@media only screen and (min-width: 500px)  {
  .form__submit__cols {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0px;
            flex: 1 0 0;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .form__submit__cols .form__terms,
  .role-scholarship .form__submit__cols .form__terms {
    max-width: 450px;
    text-align: left;
    margin-top: 0;
  }
  .form__submit__cols .form__submit__btn {
    margin-left: auto;
  }
}
@media only screen and (min-width: 500px)  {
  .form__header,
  .form__separator__title {
    font-size: 32px;
  }
  .form__header__cta {
    font-size: 16px;
    line-height: 26px;
  }
}
@media only screen and (max-width: 767px)  {
  .form__wrapper--no-bg,
  .form__wrapper--desktop--no-bg {
    margin: 0;
  }
}
@media only screen and (max-width: 767px)  {
  .form__wrapper--no-bg,
  .form__wrapper--desktop--no-bg {
    margin: 0;
  }
}
.form--claim-school .form__terms {
  color: rgba(0, 0, 0, 0.4);
  font-size: 14px;
}
@media only screen and (min-width: 500px)  {
  .form--claim-school .form__terms {
    padding-right: 30px;
    max-width: 72%;
  }
}
.grecaptcha-badge {
  visibility: hidden;
}
.recaptcha-fine-print {
  display: block;
  color: #919191;
  font-size: 12px;
  line-height: 14px;
  padding: 5px 0;
}
.input-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media only screen and (min-width: 500px)  {
  .input-group {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.field-group--contact-picker {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.field-group--contact-picker .form__field-group,
.field-group--contact-picker .form__field-group--picker-inline {
  -webkit-box-flex: 1;
      -ms-flex: 1 auto;
          flex: 1 auto;
  width: 100%;
}
@media only screen and (min-width: 500px)  {
  .field-group--contact-picker {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .field-group--contact-picker .form__field-group--picker-inline {
    width: 50%;
  }
  .form__field-group--picker-inline:nth-of-type(1) {
    padding: 0 15px 0 0;
  }
  .form__field-group--picker-inline:nth-of-type(2) {
    padding: 0 0 0 15px;
  }
}
[class^='field-group__wrapper'] {
  -webkit-box-flex: 1;
      -ms-flex: 1 auto;
          flex: 1 auto;
  padding: 0 0 15px;
  width: 100%;
}
[class^='field-group__wrapper'][class^='field-group__wrapper--balanced'] {
  padding-bottom: 0;
}
.field-group__wrapper--with-tooltip {
  /*The only places where this style is used as of 5/18 is the tooltip for the gender
    select field on demographics forms. These styles copy the .right (for small
    screens) and .left classes (for larger screens) that are applied dynamically
    to tooltips (see _tooltips.less). I am forcing these styles here to prevent iOS
    from rendering hidden tooltips in the overflows and allowing horizontal scrolling. -SK*/
}
.field-group__wrapper--with-tooltip .tooltip-message {
  left: auto;
  right: -15px;
  /* Since the indicator is set at 0px */
}
@media only screen and (min-width: 500px)  {
  .field-group__wrapper--with-tooltip .tooltip-message {
    left: 0;
    right: unset;
  }
}
.form__field-group {
  margin: 0 auto;
}
.form__field-group--first-fields {
  margin-top: 26px;
}
.field-group__wrapper--hidden {
  display: none;
}
.field-group__wrapper--no-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.field-group__wrapper--no-wrap > * {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  width: 100%;
}
.field-group--checkbox {
  margin: 0;
}
.field-group--checkbox--large {
  position: relative;
}
.field-group--checkbox--meta {
  margin: 0;
}
.field-group__label {
  color: #464646;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  font-size: 18px;
  line-height: 20px;
  margin-bottom: 8px;
  position: relative;
}
.field-group__label.field-group__label--split {
  display: block;
}
.field-group__label.field-group__label--split .field-group__label__hint {
  display: block;
  margin-left: 0;
  margin-bottom: 5px;
}
.field-group__label.field-group__label--wrap {
  display: block;
}
.field-group__label.field-group__label--wrap .field-group__label__hint {
  display: block;
  margin-left: 0;
  margin-bottom: 5px;
}
.field-group__label--checkbox,
.field-group__label--checkbox--large,
.field-group__label--checkbox--meta {
  cursor: pointer;
  display: inline-block;
  font-size: 1em;
  line-height: 18px;
  margin: 0;
  margin-left: 27px;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.field-group__label--checkbox--large {
  font-size: 18px;
  margin-left: 32px;
}
.field-group__label__hint,
.field-group__hint {
  font-size: 0.75em;
  color: rgba(0, 0, 0, 0.5);
  margin: 0 15px 0 5px;
  min-width: -webkit-min-content;
  position: relative;
  top: 1px;
  white-space: nowrap;
}
.field-group__label__text {
  min-width: -webkit-min-content;
  white-space: nowrap;
}
.field-group__label__text--wrap {
  white-space: normal;
}
.field-group__label__tooltip,
.field-group__tooltip {
  color: #ccc;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  position: relative;
  text-align: right;
}
.field-group__label__tooltip .tooltip,
.field-group__tooltip .tooltip {
  left: auto;
  right: 0;
  width: 16px;
}
.field-group__link-out {
  border: 1px solid #ccc;
  border-radius: 2px;
  display: block;
  font-size: 18px;
  height: 45px;
  line-height: 44px;
  padding: 0 15px;
  width: 100%;
}
.field-group__meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.field-group__meta__cta {
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  line-height: 20px;
  margin-top: 14px;
}
.field-group__meta__cta--forgot-pwd {
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  line-height: 20px;
  margin-top: 14px;
  position: absolute;
  right: 0;
  z-index: 2;
}
@media only screen and (min-width: 760px)  {
  .field-group__label.field-group__label--wrap .field-group__label__hint {
    display: inline-block;
    margin-left: 5px;
    margin-bottom: 5px;
  }
}
@media only screen and (min-width: 500px)  {
  [class^='field-group__wrapper'] {
    padding-bottom: 20px;
  }
  .field-group__wrapper--group-2--left,
  .field-group__wrapper--group-2--right {
    width: 50%;
  }
  .field-group__wrapper--group-2--left {
    padding: 0 10px 20px 0;
  }
  .field-group__wrapper--group-2--right {
    padding: 0 0 20px 10px;
  }
  .field-group__wrapper--group-3,
  .field-group__wrapper--group-3--left,
  .field-group__wrapper--group-3--right {
    width: 33.333%;
  }
  .field-group__wrapper--group-3 {
    padding: 0 10px 20px;
  }
  .field-group__wrapper--group-3--left {
    padding: 0 10px 20px 0;
  }
  .field-group__wrapper--group-3--right {
    padding: 0 0 20px 10px;
  }
}
@media only screen and (max-width: 767px)  {
  .field-group__wrapper--no-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .field-group__wrapper--no-wrap > * {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    width: 100%;
  }
}
.field-group--natl-address {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.field-group--natl-address .form__field-group {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 100%;
          flex: 1 0 100%;
  padding: 0 0 15px;
}
.field-group--natl-address .form__field-natl-avg--address1,
.field-group--natl-address .form__field-natl-avg--address1--error,
.field-group--natl-address .form__field-natl-avg--address1--success {
  padding-bottom: 0;
  position: relative;
}
.form__field-natl-avg--address1 .textbox,
.form__field-natl-avg--address1 .textbox--error,
.form__field-natl-avg--address1 .textbox--success,
.form__field-natl-avg--address1 .textbox--textarea,
.form__field-natl-avg--address1--error .textbox,
.form__field-natl-avg--address1--error .textbox--error,
.form__field-natl-avg--address1--error .textbox--success,
.form__field-natl-avg--address1--success .textbox,
.form__field-natl-avg--address1--success .textbox--error,
.form__field-natl-avg--address1--success .textbox--success,
.form__field-natl-avg--address1 .survey-open-poll__input,
.form__field-natl-avg--address1 .survey-text-input__input {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.form__field-natl-avg--address1 .field-group__error,
.form__field-natl-avg--address1--error .field-group__error,
.form__field-natl-avg--address1--success .field-group__error {
  left: 0;
  position: absolute;
  top: 118px;
}
.form__field-natl-avg--address1--error + .form__field-natl-avg--address2,
.form__field-natl-avg--address1--error + .form__field-natl-avg--address2--error,
.form__field-natl-avg--address1--error + .form__field-natl-avg--address2--success {
  margin-bottom: 19px;
}
.form__field-natl-avg--address1--error + .form__field-natl-avg--address2--error .field-group__error {
  display: none;
}
.form__field-natl-avg--address2 .field-group__label,
.form__field-natl-avg--address2--error .field-group__label,
.form__field-natl-avg--address2--success .field-group__label {
  display: none;
}
.form__field-natl-avg--address2 .textbox,
.form__field-natl-avg--address2 .textbox--error,
.form__field-natl-avg--address2 .textbox--success,
.form__field-natl-avg--address2 .textbox--textarea,
.form__field-natl-avg--address2--error .textbox,
.form__field-natl-avg--address2--error .textbox--error,
.form__field-natl-avg--address2--error .textbox--success,
.form__field-natl-avg--address2--success .textbox,
.form__field-natl-avg--address2--success .textbox--error,
.form__field-natl-avg--address2--success .textbox--success,
.form__field-natl-avg--address2 .survey-open-poll__input,
.form__field-natl-avg--address2 .survey-text-input__input {
  border-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
@media only screen and (min-width: 500px)  {
  .field-group--natl-address .form__field-group {
    padding: 0 0 20px;
  }
  .field-group--natl-address .form__field-natl-avg--address1,
  .field-group--natl-address .form__field-natl-avg--address1--error,
  .field-group--natl-address .form__field-natl-avg--address1--success {
    padding-bottom: 0;
  }
  .field-group--natl-address .form__field-natl-avg--city,
  .field-group--natl-address .form__field-natl-avg--city--success,
  .field-group--natl-address .form__field-natl-avg--city--error,
  .field-group--natl-address .form__field-natl-avg--state,
  .field-group--natl-address .form__field-natl-avg--state--success,
  .field-group--natl-address .form__field-natl-avg--state--error,
  .field-group--natl-address .form__field-natl-avg--zip,
  .field-group--natl-address .form__field-natl-avg--zip--success,
  .field-group--natl-address .form__field-natl-avg--zip--error {
    -webkit-box-flex: 1;
        -ms-flex: 1 auto;
            flex: 1 auto;
    width: 33.333%;
  }
  .field-group--natl-address .form__field-natl-avg--city,
  .field-group--natl-address .form__field-natl-avg--city--success,
  .field-group--natl-address .form__field-natl-avg--city--error {
    padding-right: 10px;
  }
  .field-group--natl-address .form__field-natl-avg--state,
  .field-group--natl-address .form__field-natl-avg--state--success,
  .field-group--natl-address .form__field-natl-avg--state--error {
    padding-left: 10px;
    padding-right: 10px;
  }
  .field-group--natl-address .form__field-natl-avg--zip,
  .field-group--natl-address .form__field-natl-avg--zip--success,
  .field-group--natl-address .form__field-natl-avg--zip--error {
    padding-left: 10px;
  }
}
.field-group--opt-sherlock .field-group--checkbox {
  margin-top: 5px;
}
.field-group--opt-sherlock .optional-sherlock [class^='sherlock__wrapper'] {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin-right: 0;
  padding-left: 0;
}
.field-group--opt-sherlock .optional-sherlock .sherlock,
.field-group--opt-sherlock .optional-sherlock .sherlock--error,
.field-group--opt-sherlock .optional-sherlock .sherlock--success,
.field-group--opt-sherlock .optional-sherlock .sherlock--success,
.field-group--opt-sherlock .optional-sherlock .sherlock--error,
.field-group--opt-sherlock .optional-sherlock .sherlock--search-filter,
.field-group--opt-sherlock .optional-sherlock .sherlock--sherlock-list {
  font-size: 18px;
  height: 45px;
  line-height: 45px;
}
.field-group--opt-sherlock .optional-sherlock .sherlock--state-filter {
  font-size: 18px;
  height: 45px;
}
.field-group--opt-sherlock .optional-sherlock .sherlock__results {
  left: 0;
  top: 44px;
}
.field-group--sherlock__input {
  position: relative;
}
.field-group--sherlock__input [class^='sherlock__wrapper'] {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin-right: 0;
  padding-left: 0;
}
.field-group--sherlock__input .sherlock,
.field-group--sherlock__input .sherlock--error,
.field-group--sherlock__input .sherlock--success,
.field-group--sherlock__input .sherlock--success,
.field-group--sherlock__input .sherlock--error,
.field-group--sherlock__input .sherlock--search-filter,
.field-group--sherlock__input .sherlock--sherlock-list {
  font-size: 18px;
  height: 47px;
  line-height: 45px;
}
.field-group--sherlock__input .sherlock__results {
  left: 0;
  top: 46px;
}
.field-group--repeater.field-group--repeater--error .repeater-row:not(:first-of-type),
.field-group--repeater.field-group--repeater--success .repeater-row:not(:first-of-type) {
  border-top-color: #ddd;
}
.field-group--repeater__rows {
  border: 1px solid #ccc;
  border-radius: 2px;
}
.repeater-row {
  font-size: 18px;
  min-height: 2.5em;
  position: relative;
}
.repeater-row .input-list-container {
  background: white;
}
.repeater-row .input-list__item {
  font-size: 18px;
}
.repeater-row .input,
.repeater-row .input-list,
.repeater-row .input-list-container,
.repeater-row .input-list__input,
.repeater-row .input-list--limited,
.repeater-row .input-list--disabled,
.repeater-row .input-list__input--no-results,
.repeater-row .sherlock--sherlock-list,
.repeater-row .sherlock__wrapper--sherlock-list,
.repeater-row .sherlock__wrapper--sherlock-list--results-visible {
  min-height: 2.5em;
}
.repeater-row .textbox,
.repeater-row .textbox--textarea,
.repeater-row .textbox--password--success,
.repeater-row .textbox--success,
.repeater-row .textbox--textarea--success,
.repeater-row .textbox--error,
.repeater-row .textbox--password--error,
.repeater-row .textbox--textarea--error,
.repeater-row .textbox--textarea,
.repeater-row .survey-open-poll__input,
.repeater-row .survey-text-input__input {
  border: none;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  height: 100%;
}
.repeater-row .input-list,
.repeater-row .input-list--limited,
.repeater-row .input-list--disabled,
.repeater-row .sherlock--sherlock-list {
  background: white;
  border: none;
  border-radius: 0;
  bottom: 0;
}
.repeater-row .sherlock--sherlock-list:focus {
  background: #eef9ff;
}
.repeater-row.sherlock--success .sherlock--sherlock-list,
.repeater-row.sherlock--error .sherlock--sherlock-list {
  color: #464646;
}
.repeater-row .input-list__input--disabled {
  display: none;
  /* We don't want the 'limit' message to display */
}
.repeater-row:not(:first-of-type):not(:last-of-type) {
  border-top: thin solid #ddd;
}
button.repeater-row__trigger {
  background: #f6f6f6;
  color: #007ac8;
  font-weight: 400;
  height: 2.75em;
  width: 100%;
}
button.repeater-row__trigger:hover,
button.repeater-row__trigger:focus,
button.repeater-row__trigger:active,
.platform button.repeater-row__trigger:hover,
.platform button.repeater-row__trigger:focus,
.platform button.repeater-row__trigger:active {
  background: #f6f6f6;
  border: none;
  color: #0063a5;
  outline: none;
}
@media only screen and (min-width: 500px)  {
  button.repeater-row__trigger {
    height: 2.5em;
  }
}
.textbox--clearable {
  padding-right: 38px;
}
.icon-exit-thick--input {
  color: #ccc;
  cursor: pointer;
  font-size: 18px;
  margin: -9px 0 0;
  position: absolute;
  right: 10px;
  top: 50%;
}
._repeater-primary,
.repeater--considered-list .field-group__label__text:nth-child(1),
.repeater-row--considered-list .repeater-cell--primary {
  -webkit-box-flex: 4;
      -ms-flex: 4 0 0px;
          flex: 4 0 0;
  width: 100%;
}
@media only screen and (min-width: 600px)  {
  ._repeater-primary,
  .repeater--considered-list .field-group__label__text:nth-child(1),
  .repeater-row--considered-list .repeater-cell--primary {
    min-width: 380px;
  }
}
._repeater-secondary,
.repeater--considered-list .field-group__label__text,
.repeater-row--considered-list .repeater-cell--secondary {
  display: inline-block;
  width: 48%;
}
@media only screen and (min-width: 600px)  {
  ._repeater-secondary,
  .repeater--considered-list .field-group__label__text,
  .repeater-row--considered-list .repeater-cell--secondary {
    -webkit-box-flex: 1.5;
        -ms-flex: 1.5 0 0px;
            flex: 1.5 0 0;
  }
}
.repeater--considered-list .field-group__label {
  display: none;
}
@media only screen and (min-width: 600px)  {
  .repeater--considered-list .field-group__label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.repeater--considered-list .field-group--repeater__rows {
  border: none;
  border-radius: 0;
}
.repeater--considered-list button.repeater-row__trigger {
  background: rgba(0, 0, 0, 0.25);
  color: white;
  font-weight: 600;
}
.repeater--considered-list button.repeater-row__trigger::before {
  content: '+';
  margin-right: 1ch;
}
.repeater--considered-list button.repeater-row__trigger:hover,
.repeater--considered-list button.repeater-row__trigger:focus {
  background: rgba(0, 0, 0, 0.15);
  color: white;
}
.repeater-row--considered-list {
  display: block;
  border-top: none;
  margin-bottom: 15px;
}
.repeater-row--considered-list .repeater-cell--primary {
  margin-bottom: 6px;
}
@media only screen and (min-width: 730px)  {
  .repeater-row--considered-list .repeater-cell--secondary {
    min-width: 140px;
  }
}
.repeater-row--considered-list .field--select,
.repeater-row--considered-list .pagination__pages__selector,
.repeater-row--considered-list .input-list-select__input,
.repeater-row--considered-list .select-list__input__select,
.repeater-row--considered-list .survey-dropdown__select {
  margin-top: 0;
}
.field-group--repeater .repeater-row--considered-list.repeater-row:not(:first-of-type),
.field-group--repeater--sucess .repeater-row--considered-list.repeater-row:not(:first-of-type),
.field-group--repeater--error .repeater-row--considered-list.repeater-row:not(:first-of-type) {
  border-top-color: rgba(0, 0, 0, 0.1);
}
.repeater-row--considered-list .repeater-cell--primary::before,
.repeater-row--considered-list .repeater-cell--secondary::before {
  color: #333;
  content: attr(data-label);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.05em;
  opacity: 0.5;
  text-transform: uppercase;
}
.repeater-row--considered-list ~ .repeater-row--considered-list {
  padding-top: 8px;
}
.repeater-row--considered-list .repeater-cell--secondary + .repeater-cell--secondary {
  float: right;
}
@media only screen and (min-width: 600px)  {
  .repeater-row--considered-list {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .field-group--repeater .repeater-row--considered-list.repeater-row {
    border-top: none;
  }
  .repeater-row--considered-list .repeater-cell--primary,
  .repeater-row--considered-list .repeater-cell--secondary {
    margin-bottom: 0;
  }
  .repeater-row--considered-list .repeater-cell--primary::before,
  .repeater-row--considered-list .repeater-cell--secondary::before {
    display: none;
  }
  .repeater-row--considered-list:first-of-type .repeater-cell--primary::before,
  .repeater-row--considered-list:first-of-type .repeater-cell--secondary::before {
    color: inherit;
    display: block;
    font-size: 18px;
    font-weight: 400;
    height: 2em;
    letter-spacing: 0;
    line-height: 1;
    margin-bottom: 8px;
    opacity: 1;
    text-transform: none;
  }
  .repeater-row--considered-list .repeater-cell ~ .repeater-cell {
    margin-left: 12px;
  }
}
@media only screen and (min-width: 700px)  {
  .repeater-row--considered-list:first-of-type .repeater-cell--primary::before,
  .repeater-row--considered-list:first-of-type .repeater-cell--secondary::before {
    height: auto;
  }
}
@media only screen and (min-width: 500px)  {
  .field-group--radio,
  .field-group--radio--demo-consent,
  .tcpa-list-item__field-group--radio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .field-group--radio input[type='radio']:not(:first-of-type) {
    padding-right: 1.333em;
  }
}
.field-group--binary {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.field-group--opt-sherlock .field-group--binary {
  margin-top: 10px;
}
.field-group--binary .field-group-v1,
.field-group--binary .radio-input {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
}
.checkbox,
.checkbox--meta,
.checkbox--error,
.checkbox--success,
.offer-option__input {
  opacity: 0;
  position: absolute;
  -webkit-appearance: none;
}
.checkbox + .field-group__label--checkbox::before,
.checkbox + .field-group__label--checkbox--large::before,
.checkbox--meta + .field-group__label--checkbox--meta::before,
.checkbox--error + .field-group__label--checkbox::before,
.checkbox--error + .field-group__label--checkbox--large::before,
.checkbox--success + .field-group__label--checkbox::before,
.checkbox--success + .field-group__label--checkbox--large::before,
.offer-option__input + .field-group__label--checkbox::before,
.offer-option__input + .field-group__label--checkbox--large::before {
  background-color: white;
  border: 1px solid #ccc;
  border-radius: 2px;
  content: '';
  cursor: pointer;
  display: inline-block;
  font-size: 16.5px;
  height: 18px;
  left: -27px;
  outline: none;
  position: absolute;
  text-align: center;
  top: -1px;
  vertical-align: top;
  width: 18px;
}
.checkbox:checked + .field-group__label--checkbox::before,
.checkbox:checked + .field-group__label--checkbox--large::before,
.checkbox--meta:checked + .field-group__label--checkbox--meta::before,
.checkbox--error:checked + .field-group__label--checkbox::before,
.checkbox--error:checked + .field-group__label--checkbox--large::before,
.checkbox--success:checked + .field-group__label--checkbox::before,
.checkbox--success:checked + .field-group__label--checkbox--large::before,
.offer-option__input:checked + .field-group__label--checkbox::before,
.offer-option__input:checked + .field-group__label--checkbox--large::before {
  background-color: #007ac8;
  border: 1px solid #007ac8;
  color: white;
  content: '\E610';
  font-family: 'Niche-Interface-Symbols';
  font-size: 19px;
  -webkit-font-smoothing: antialiased;
}
.checkbox:focus + .field-group__label--checkbox::before,
.checkbox:focus + .field-group__label--checkbox--large::before,
.checkbox--meta:focus + .field-group__label--checkbox--meta::before,
.checkbox--error:focus + .field-group__label--checkbox::before,
.checkbox--error:focus + .field-group__label--checkbox--large::before,
.checkbox--success:focus + .field-group__label--checkbox::before,
.checkbox--success:focus + .field-group__label--checkbox--large::before,
.offer-option__input:focus + .field-group__label--checkbox::before,
.offer-option__input:focus + .field-group__label--checkbox--large::before {
  outline: 2px dotted #f2d454;
  outline-offset: 2px;
}
.checkbox + .field-group__label--checkbox--large::before,
.checkbox:checked + .field-group__label--checkbox--large::before,
.checkbox--error + .field-group__label--checkbox--large::before,
.checkbox--error:checked + .field-group__label--checkbox--large::before,
.checkbox--success + .field-group__label--checkbox--large::before,
.checkbox--success:checked + .field-group__label--checkbox--large::before,
.offer-option__input + .field-group__label--checkbox--large::before,
.offer-option__input:checked + .field-group__label--checkbox--large::before {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  font-size: 1.4em;
  height: 0.85em;
  left: -32px;
  position: absolute;
  width: 0.85em;
}
.field-group__label--checkbox:hover::before,
.field-group__label--checkbox--large:hover::before {
  background: #eef9ff;
  border-color: #007ac8;
}
.conjoined-inner__wrapper {
  position: relative;
}
.conjoined-inner__label {
  font-size: 12px;
  left: 17px;
  line-height: 2em;
  pointer-events: none;
  position: absolute;
  top: 0;
  -webkit-transition: all 0.05s linear;
  transition: all 0.05s linear;
}
.conjoined-inner__wrapper .conjoined-input {
  border-top: 0;
}
.conjoined-inner__wrapper .conjoined-input--first {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
.conjoined-inner__wrapper .conjoined-input--last {
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  border-top: 0;
}
.textbox--conjoined--inner:focus + .conjoined-inner__label,
.textbox--conjoined--inner--error:focus + .conjoined-inner__label,
.textbox--conjoined--inner--success:focus + .conjoined-inner__label {
  color: #0063a5;
}
.textbox--conjoined--inner--error + .conjoined-inner__label {
  color: #e25333;
}
.textbox--conjoined--inner--success + .conjoined-inner__label {
  color: #53a63a;
}
.textbox--conjoined,
.textbox--conjoined--inner {
  border: 1px solid #ccc;
  border-radius: 2px;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #464646;
  display: block;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 18px;
  height: 45px;
  padding: 0 15px;
  width: 100%;
  border-radius: 0;
}
.textbox--conjoined {
  padding-top: 0;
}
.textbox--conjoined--inner {
  padding-top: 9px;
}
.textbox--conjoined:focus,
.textbox--conjoined--error:focus,
.textbox--conjoined--success:focus,
.textbox--conjoined--inner:focus,
.textbox--conjoined--inner--error:focus,
.textbox--conjoined--inner--success:focus {
  background-color: #eef9ff;
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
  color: #464646;
}
.textbox--conjoined:focus::-moz-placeholder,
.textbox--conjoined--error:focus::-moz-placeholder,
.textbox--conjoined--success:focus::-moz-placeholder,
.textbox--conjoined--inner:focus::-moz-placeholder,
.textbox--conjoined--inner--error:focus::-moz-placeholder,
.textbox--conjoined--inner--success:focus::-moz-placeholder {
  color: #8ec8ef;
}
.textbox--conjoined:focus:-ms-input-placeholder,
.textbox--conjoined--error:focus:-ms-input-placeholder,
.textbox--conjoined--success:focus:-ms-input-placeholder,
.textbox--conjoined--inner:focus:-ms-input-placeholder,
.textbox--conjoined--inner--error:focus:-ms-input-placeholder,
.textbox--conjoined--inner--success:focus:-ms-input-placeholder {
  color: #8ec8ef;
}
.textbox--conjoined:focus::-ms-input-placeholder,
.textbox--conjoined--error:focus::-ms-input-placeholder,
.textbox--conjoined--success:focus::-ms-input-placeholder,
.textbox--conjoined--inner:focus::-ms-input-placeholder,
.textbox--conjoined--inner--error:focus::-ms-input-placeholder,
.textbox--conjoined--inner--success:focus::-ms-input-placeholder {
  color: #8ec8ef;
}
.textbox--conjoined:focus::-webkit-input-placeholder,
.textbox--conjoined--error:focus::-webkit-input-placeholder,
.textbox--conjoined--success:focus::-webkit-input-placeholder,
.textbox--conjoined--inner:focus::-webkit-input-placeholder,
.textbox--conjoined--inner--error:focus::-webkit-input-placeholder,
.textbox--conjoined--inner--success:focus::-webkit-input-placeholder {
  color: #8ec8ef;
}
.textbox--conjoined--error {
  background-color: #ffe4e1;
  border: 1px solid #ccc;
  border-radius: 2px;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #464646;
  display: block;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 18px;
  height: 45px;
  padding: 0 15px;
  width: 100%;
  border-radius: 0;
  padding-top: 0;
  color: #e25333;
}
.textbox--conjoined--error::-moz-placeholder {
  color: #faaf99;
}
.textbox--conjoined--error:-ms-input-placeholder {
  color: #faaf99;
}
.textbox--conjoined--error::-ms-input-placeholder {
  color: #faaf99;
}
.textbox--conjoined--error::-webkit-input-placeholder {
  color: #faaf99;
}
.textbox--conjoined--inner--error {
  background-color: #ffe4e1;
  border: 1px solid #ccc;
  border-radius: 2px;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #464646;
  display: block;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 18px;
  height: 45px;
  padding: 0 15px;
  width: 100%;
  border-radius: 0;
  padding-top: 9px;
  color: #e25333;
}
.textbox--conjoined--inner--error::-moz-placeholder {
  color: #faaf99;
}
.textbox--conjoined--inner--error:-ms-input-placeholder {
  color: #faaf99;
}
.textbox--conjoined--inner--error::-ms-input-placeholder {
  color: #faaf99;
}
.textbox--conjoined--inner--error::-webkit-input-placeholder {
  color: #faaf99;
}
.textbox--conjoined--success {
  background-color: #e9f7e2;
  color: #409126;
  border: 1px solid #ccc;
  border-radius: 2px;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #464646;
  display: block;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 18px;
  height: 45px;
  padding: 0 15px;
  width: 100%;
  border-radius: 0;
  padding-top: 0;
  color: #53a63a;
}
.textbox--conjoined--inner--success {
  background-color: #e9f7e2;
  color: #409126;
  border: 1px solid #ccc;
  border-radius: 2px;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #464646;
  display: block;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 18px;
  height: 45px;
  padding: 0 15px;
  width: 100%;
  border-radius: 0;
  padding-top: 9px;
  color: #53a63a;
}
@media only screen and (min-width: 500px)  {
  .conjoined-inner__wrapper {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0px;
            flex: 1 0 0;
    -ms-flex-positive: 1;
        flex-grow: 1;
  }
  .conjoined-inner__wrapper .conjoined-input {
    border-top: 1px solid #ccc;
    border-left: 0;
  }
  .conjoined-inner__wrapper .conjoined-input--first {
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px;
    border-top-right-radius: 0;
  }
  .conjoined-inner__wrapper .conjoined-input--last {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px;
    border-top: 1px solid #ccc;
    border-left: 0;
  }
  .textbox--conjoined,
  .textbox--conjoined--success,
  .textbox--conjoined--error {
    padding-top: 0;
  }
  .textbox--conjoined--inner,
  .textbox--conjoined--inner--success,
  .textbox--conjoined--inner--error {
    padding-top: 9px;
  }
  [class^='textbox--conjoined--inner'] {
    border-bottom: 1px solid #ccc;
  }
}
.form__field-group--picker {
  padding: 0 0 15px;
}
.picker__list {
  background-color: white;
  border: 1px solid #bbb;
  border-radius: 2px;
}
.picker__list__item {
  color: #787878;
  cursor: pointer;
  margin: 0 10px;
  padding: 10px 10px 10px 0;
}
.picker__list__item + .picker__list__item {
  border-top: 1px solid #ddd;
}
.picker__list__item:hover {
  background-color: #b8def7;
  margin: 0;
  padding: 10px 20px 10px 10px;
}
.picker__list__item--selected {
  color: #787878;
  cursor: pointer;
  margin: 0 10px;
  padding: 10px 10px 10px 0;
  background-color: #007ac8;
  color: white;
  margin: 0;
  overflow: hidden;
  padding-left: 10px;
}
.form__field-group--picker + .form__field-group--picker {
  margin-left: 30px;
}
@media only screen and (max-width: 767px)  {
  .form__field-group--picker + .form__field-group--picker {
    margin-left: 0;
  }
  .picker__list__wrapper + .picker__list__wrapper {
    margin-left: 30px;
  }
}
.option-picker__wrapper {
  border-radius: 2px;
  background-color: white;
  border: 1px solid #ccc;
  margin: 15px 0 0;
  max-height: 500px;
  overflow: hidden;
  position: relative;
  -webkit-transition: max-height 0.15s ease-in-out;
  transition: max-height 0.15s ease-in-out;
  -webkit-transition-delay: 150ms;
          transition-delay: 150ms;
  width: 100%;
}
.option-picker {
  display: inline-block;
  width: 200%;
}
.option-picker__inner {
  display: inline-block;
  width: 50%;
}
.option-picker-enter {
  -webkit-transform: translate(100%);
          transform: translate(100%);
}
.option-picker-enter.option-picker-enter-active {
  -webkit-transform: translate(0%);
          transform: translate(0%);
  -webkit-transition: -webkit-transform 300ms ease-in-out;
  transition: -webkit-transform 300ms ease-in-out;
  transition: transform 300ms ease-in-out;
  transition: transform 300ms ease-in-out, -webkit-transform 300ms ease-in-out;
}
.option-picker-leave {
  -webkit-transform: translate(0%);
          transform: translate(0%);
  position: absolute;
  top: 0;
  width: 100%;
}
.option-picker-leave.option-picker-leave-active {
  -webkit-transform: translate(-100%);
          transform: translate(-100%);
  -webkit-transition: -webkit-transform 300ms ease-in-out;
  transition: -webkit-transform 300ms ease-in-out;
  transition: transform 300ms ease-in-out;
  transition: transform 300ms ease-in-out, -webkit-transform 300ms ease-in-out;
}
.option-picker__breadcrumbs {
  border-bottom: 1px solid #eef9ff;
  padding: 6px 14px 6px 0;
}
.option-picker__breadcrumbs__crumb {
  color: #007ac8;
  display: none;
  font-size: 14px;
  line-height: 16px;
  margin-left: 30px;
  position: relative;
}
.option-picker__breadcrumbs__crumb::before {
  content: '\E610';
  font-family: 'Niche-Interface-Symbols';
  font-size: 14px;
  left: -15px;
  line-height: 1em;
  margin-top: -6px;
  position: absolute;
  text-align: left;
  top: 50%;
}
/* Only show the last two, but because of the restart
   link, they're technically child 2 & 3 from the end */
.option-picker__breadcrumbs__crumb:nth-last-child(2),
.option-picker__breadcrumbs__crumb:nth-last-child(3) {
  display: inline-block;
}
.option-picker__breadcrumbs__restart {
  color: #ababab;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  line-height: 16px;
  margin-left: 1em;
  white-space: nowrap;
}
.option-picker__breadcrumbs__restart:hover {
  color: #464646;
}
.option-picker__prompt {
  font-size: 18px;
  line-height: 20px;
  margin: 0 0 5px;
  padding: 0.75em 1em 0;
}
.option-picker__options,
.option-picker__options--wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 5px 1em 0.75em;
}
.option-picker__options__btn {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #f6f6f6;
  border: 1px solid white;
  border-radius: 2px;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 auto;
          flex: 1 auto;
  font-size: 18px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 20px;
  margin: 1px 0 0;
  padding: 0.8em 1.6em;
  text-align: center;
  width: 100%;
}
.option-picker__options__btn:not(.option-picker__options__btn--selected):not(.option-picker__options__btn--active):hover {
  background-color: #eee;
}
/* Non-terminal option */
.option-picker__options__btn--active {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #f6f6f6;
  border: 1px solid white;
  border-radius: 2px;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 auto;
          flex: 1 auto;
  font-size: 18px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 20px;
  margin: 1px 0 0;
  padding: 0.8em 1.6em;
  text-align: center;
  width: 100%;
  background-color: #eef9ff;
  color: #007ac8;
}
.option-picker__options__btn--active:not(.option-picker__options__btn--selected):not(.option-picker__options__btn--active):hover {
  background-color: #eee;
}
.option-picker__options__btn--selected {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #f6f6f6;
  border: 1px solid white;
  border-radius: 2px;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 auto;
          flex: 1 auto;
  font-size: 18px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 20px;
  margin: 1px 0 0;
  padding: 0.8em 1.6em;
  text-align: center;
  width: 100%;
  background-color: #007ac8;
  color: white;
  position: relative;
}
.option-picker__options__btn--selected:not(.option-picker__options__btn--selected):not(.option-picker__options__btn--active):hover {
  background-color: #eee;
}
.option-picker__options__btn--selected::before {
  content: '\E610';
  font-family: 'Niche-Interface-Symbols';
  font-size: 24px;
  left: 4px;
  line-height: 1em;
  margin-top: -12px;
  position: absolute;
  text-align: left;
  top: 50%;
}
@media only screen and (min-width: 550px)  {
  .option-picker__options__btn,
  .option-picker__options__btn--active,
  .option-picker__options__btn--selected {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0px;
            flex: 1 0 0;
    margin: 6px 0;
    width: auto;
  }
  .option-picker__options,
  .option-picker__options--wrap {
    padding-top: 0;
  }
  .option-picker__options--wrap .option-picker__options__btn,
  .option-picker__options--wrap .option-picker__options__btn--active,
  .option-picker__options--wrap .option-picker__options__btn--selected {
    -webkit-box-flex: 1;
        -ms-flex: 1 auto;
            flex: 1 auto;
    width: 50%;
  }
  .option-picker__options--wrap .option-picker__options__btn:nth-child(3),
  .option-picker__options--wrap .option-picker__options__btn--active:nth-child(3),
  .option-picker__options--wrap .option-picker__options__btn--selected:nth-child(3),
  .option-picker__options--wrap .option-picker__options__btn:nth-child(4),
  .option-picker__options--wrap .option-picker__options__btn--active:nth-child(4),
  .option-picker__options--wrap .option-picker__options__btn--selected:nth-child(4) {
    margin-top: -5px;
  }
}
.password__strength {
  border-radius: 2px;
  color: white;
  font-size: 16px;
  padding: 6px;
  position: absolute;
  right: 6px;
  text-align: center;
  top: 6px;
  width: 70px;
}
.password__strength--weak,
.password__strength--invalid {
  border-radius: 2px;
  color: white;
  font-size: 16px;
  padding: 6px;
  position: absolute;
  right: 6px;
  text-align: center;
  top: 6px;
  width: 70px;
  background-color: #e25333;
}
.password__strength--okay {
  border-radius: 2px;
  color: white;
  font-size: 16px;
  padding: 6px;
  position: absolute;
  right: 6px;
  text-align: center;
  top: 6px;
  width: 70px;
  background-color: #d7c700;
}
.password__strength--good {
  border-radius: 2px;
  color: white;
  font-size: 16px;
  padding: 6px;
  position: absolute;
  right: 6px;
  text-align: center;
  top: 6px;
  width: 70px;
  background-color: #7cbc67;
}
.password__strength--strong {
  border-radius: 2px;
  color: white;
  font-size: 16px;
  padding: 6px;
  position: absolute;
  right: 6px;
  text-align: center;
  top: 6px;
  width: 70px;
  background-color: #409126;
}
.textbox--password {
  border: 1px solid #ccc;
  border-radius: 2px;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #464646;
  display: block;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 18px;
  height: 45px;
  padding: 0 15px;
  width: 100%;
}
.textbox--password--error {
  border: 1px solid #ccc;
  border-radius: 2px;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #464646;
  display: block;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 18px;
  height: 45px;
  padding: 0 15px;
  width: 100%;
}
.textbox--password--success {
  border: 1px solid #ccc;
  border-radius: 2px;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #464646;
  display: block;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 18px;
  height: 45px;
  padding: 0 15px;
  width: 100%;
}
.icon-password-eye {
  color: #bbb;
  cursor: pointer;
  display: block;
  font-size: 24px;
  right: 0;
  position: absolute;
  top: 0;
  /* stylelint-disable property-no-vendor-prefix */
  -webkit-tap-highlight-color: transparent;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  /* stylelint-enable property-no-vendor-prefix */
  user-select: none;
}
.icon-password-eye--hide {
  color: #bbb;
  cursor: pointer;
  display: block;
  font-size: 24px;
  right: 0;
  position: absolute;
  top: 0;
  /* stylelint-disable property-no-vendor-prefix */
  -webkit-tap-highlight-color: transparent;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  /* stylelint-enable property-no-vendor-prefix */
  user-select: none;
}
.password-meter {
  border-radius: 2px;
  color: white;
  font-weight: 700;
  font-size: 0.85em;
  padding: 5px 20px;
  position: absolute;
  right: 12px;
  text-align: center;
  text-transform: uppercase;
  top: 35px;
  width: 113px;
  z-index: 1;
}
.field-group__label--radio,
.field-group__label--radio--success,
.field-group__label--radio--error {
  cursor: pointer;
  display: block;
  font-size: 14px;
  line-height: 1.2em;
  padding: 0.5em 0 0.555em;
  padding-left: 1.855em;
  position: relative;
}
.radio,
.radio--success,
.radio--error {
  left: 0;
  opacity: 0.01;
  position: fixed;
  top: 0;
  -webkit-appearance: none;
}
.radio + .field-group__label--radio::before,
.radio--success + .field-group__label--radio--success::before,
.radio--error + .field-group__label--radio--error::before {
  background: white;
  border: 1px solid #bbb;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  content: '';
  height: 1.3em;
  left: 0;
  position: absolute;
  top: calc((1.3em + 0.45em) / 4);
  width: 1.3em;
}
.radio:checked + .field-group__label--radio::before,
.radio--success:checked + .field-group__label--radio--success::before,
.radio--error:checked + .field-group__label--radio--error::before {
  border: 0.45em solid #007ac8;
}
.icon-exit-thick--input-list {
  color: #ccc;
  cursor: pointer;
  font-size: 18px;
  margin: -9px 0 0;
  position: absolute;
  right: 0;
  top: 50%;
}
.platform .icon-exit-thick--input-list:hover {
  color: #e25333;
}
.input-list {
  background-color: rgba(255, 255, 255, 0.6);
  border: 1px solid #ccc;
  border-bottom: 0;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  bottom: -1px;
  font-size: 16px;
  list-style: none;
  position: relative;
}
.input-list--disabled {
  background-color: rgba(255, 255, 255, 0.6);
  border: 1px solid #ccc;
  border-bottom: 0;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  bottom: -1px;
  font-size: 16px;
  list-style: none;
  position: relative;
}
.input-list--limited {
  background-color: rgba(255, 255, 255, 0.6);
  border: 1px solid #ccc;
  border-bottom: 0;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  bottom: -1px;
  font-size: 16px;
  list-style: none;
  position: relative;
  border-bottom: 1px solid #ccc;
  border-radius: 3px;
}
.input-list--no-results {
  display: none;
}
.input-list__error {
  color: #e25333;
  display: block;
  font-size: 14px;
}
.input-list__item {
  border-top: 1px solid #ddd;
  margin: 0 10px;
  padding: 10px 20px 10px 0;
  position: relative;
}
.input-list__item:first-child {
  border-top: 0;
}
.input-list__input--disabled {
  /* Hide select box and sherlock */
}
.input-list__input--disabled .input-list-select,
.input-list__input--disabled .sherlock__wrapper--search-filter {
  display: none;
}
.input-list__input--no-results .input-list-select {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.input-list__input__limit {
  border: 1px solid #ccc;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  color: #ccc;
  font-size: 16px;
  height: 46px;
  line-height: 46px;
  overflow: hidden;
  padding: 0 10px;
  position: relative;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.input-list__label {
  color: #464646;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  font-size: 18px;
  line-height: 20px;
  margin-bottom: 8px;
  position: relative;
}
.input-list__label__hint {
  color: #919191;
  font-size: 0.7em;
  margin: 0 5px;
  min-width: -webkit-min-content;
  position: relative;
  top: 2px;
  white-space: nowrap;
}
.input-list__label__text {
  min-width: -webkit-min-content;
  white-space: nowrap;
}
.input-list-select {
  border: 1px solid #ccc;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  font-size: 18px;
  height: 46px;
  position: relative;
}
.input-list-select::after {
  font-size: 24px;
  right: 10px;
  top: 14px;
}
.input-list-select__input {
  font-size: 16px;
  opacity: 0.01;
  height: 48px;
  margin: 0;
  z-index: 1;
}
.input-list-select__label {
  color: #ccc;
  height: 46px;
  line-height: 45px;
  padding: 0 10px;
  left: 0;
  position: absolute;
  top: 0;
  z-index: 0;
}
/* Your List modifier */
.input-list-container--your-list .input-list__label {
  color: #007ac8;
}
.input-list-container--your-list .input-list__label::before {
  color: #007ac8;
  content: '\E619';
  display: inline-block;
  font-family: 'Niche-Interface-Symbols';
  font-size: 19px;
  margin: 0 3px 0 0;
  -webkit-font-smoothing: antialiased;
}
.select-list__input::after {
  font-size: 24px;
  top: 18px;
}
.select-list__input__select {
  color: #bbb;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  margin: 0;
}
.input-list__input--no-results .select-list__input__select {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
.input-list-container--error .select-list__input__select {
  background-color: #ffe4e1;
  color: #e25333;
}
.input-list-container--error .select-list__input::after {
  background: #ffe4e1;
}
.sherlock--sherlock-list {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  font-size: 18px;
  height: 45px;
  line-height: 45px;
}
.sherlock__wrapper--sherlock-list,
.sherlock__wrapper--sherlock-list--results-visible {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin-right: 0;
  padding-left: 0;
  position: relative;
}
.sherlock__wrapper--sherlock-list--results-visible .sherlock__results {
  left: 0;
  top: 44px;
}
.input-list__input--no-results .sherlock--sherlock-list {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
.input-list-container--error .sherlock--sherlock-list {
  background-color: #ffe4e1;
  color: #e25333;
}
.input-list-container--success .sherlock--sherlock-list {
  background-color: #e9f7e2;
  color: #409126;
}
.input-list-container--error .sherlock--sherlock-list:focus,
.input-list-container--success .sherlock--sherlock-list:focus {
  background-color: #eef9ff;
  color: #464646;
}
.form__heading {
  font-size: 28px;
}
.form__small {
  color: rgba(0, 0, 0, 0.5);
  font-size: 14px;
  line-height: 18px;
}
/******************
  Styles
******************/
.checkbox-control {
  cursor: pointer;
  display: inline-block;
  font-size: 1em;
  line-height: 1.2;
  padding: 0.2em 0 0.2em 1.5em;
  position: relative;
}
.checkbox-control .checkbox-control__input:checked + .checkbox-control__label {
  color: #464646;
}
.checkbox-control .checkbox-control__input:checked + .checkbox-control__label::before {
  background: #007ac8;
  border-color: #007ac8;
}
.checkbox-control .checkbox-control__input:checked ~ .checkbox-control__indicator path {
  fill: white;
}
.checkbox-control:hover .checkbox-control__input:not(:checked) + .checkbox-control__label::before {
  background: #eef9ff;
  border-color: #007ac8;
}
.checkbox-control:focus {
  color: #007ac8;
  outline: none;
}
.checkbox-control__indicator {
  color: white;
  position: absolute;
  font-size: 0.9em;
  left: 0.15em;
  top: 0.05em;
  z-index: 2;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transition: -webkit-transform 0.15s ease;
  transition: -webkit-transform 0.15s ease;
  transition: transform 0.15s ease;
  transition: transform 0.15s ease, -webkit-transform 0.15s ease;
  will-change: transform;
}
.checkbox-control__indicator .niche-icon--check {
  bottom: -0.35em;
  font-size: 0.9em;
  height: 1.1em;
  opacity: 0;
  position: absolute;
  width: 1.1em;
}
.checkbox-control__indicator .niche-icon--check path {
  fill: white;
}
.checkbox-control__input:checked ~ .checkbox-control__indicator {
  -webkit-transform: scale(1);
          transform: scale(1);
}
.checkbox-control__input:checked ~ .checkbox-control__indicator .niche-icon--check {
  opacity: 1;
}
.checkbox-control__input {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  font-size: 1em;
  opacity: 0.01;
  height: 0;
  left: 0;
  position: absolute;
  top: 0;
  width: 0;
}
.checkbox-control__input:focus {
  outline: none;
}
.checkbox-control__input:focus + .checkbox-control__label {
  color: #007ac8;
}
.checkbox-control__input:focus + .checkbox-control__label::before {
  background: #eef9ff;
  border-color: #007ac8;
}
.checkbox-control__label {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.checkbox-control__label::before {
  background: white;
  border: 1px solid white;
  border-radius: 2px;
  content: '';
  font-size: 1em;
  height: 1em;
  left: 0;
  position: absolute;
  top: 0.2em;
  width: 1em;
  z-index: 1;
}
.field--bordered .checkbox-control__label::before {
  border-color: #bbb;
}
/* -----------
   Modifiers
------------ */
.field--black .checkbox-control .checkbox-control__input:checked + .checkbox-control__label {
  color: #464646;
}
.field--black .checkbox-control .checkbox-control__input:checked + .checkbox-control__label::before {
  background: #919191;
  border-color: #919191;
}
.field--black .checkbox-control .checkbox-control__input:checked ~ .checkbox-control__indicator path {
  fill: white;
}
.field--disabled .checkbox-control {
  color: #919191;
  cursor: not-allowed;
  pointer-events: none;
}
.field--disabled .checkbox-control .checkbox-control__input:checked + .checkbox-control__label {
  color: #919191;
}
.field--disabled .checkbox-control .checkbox-control__input:checked + .checkbox-control__label::before {
  background: #919191;
  border-color: #919191;
}
.field--disabled .checkbox-control .checkbox-control__input:checked ~ .checkbox-control__indicator path {
  fill: white;
}
.field--green .checkbox-control .checkbox-control__input:checked + .checkbox-control__label {
  color: #53a63a;
}
.field--green .checkbox-control .checkbox-control__input:checked + .checkbox-control__label::before {
  background: #53a63a;
  border-color: #53a63a;
}
.field--green .checkbox-control .checkbox-control__input:checked ~ .checkbox-control__indicator path {
  fill: white;
}
.field--red .checkbox-control .checkbox-control__input:checked + .checkbox-control__label {
  color: #f4724a;
}
.field--red .checkbox-control .checkbox-control__input:checked + .checkbox-control__label::before {
  background: #f4724a;
  border-color: #f4724a;
}
.field--red .checkbox-control .checkbox-control__input:checked ~ .checkbox-control__indicator path {
  fill: white;
}
.select-control {
  background: white;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  height: 2.62rem;
  overflow: hidden;
  width: 100%;
}
.field--bordered .select-control {
  border: 1px solid #bbb;
}
.field--small .select-control {
  height: 2rem;
}
.select-control__input {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  background: transparent;
  border: 0;
  border-radius: 2px;
  color: #464646;
  cursor: pointer;
  display: block;
  font: 400 18px/2.3em 'Source Sans Pro', sans-serif;
  height: 2.4em;
  padding: 0 0.75rem;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  width: 100%;
}
.select-control__input:focus {
  background: #eef9ff;
  color: #007ac8;
  outline: none;
}
.select-control__input:focus + .field__icon {
  background: -webkit-gradient(linear, right top, left top, color-stop(50%, #eef9ff), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(to left, #eef9ff 50%, rgba(255, 255, 255, 0));
  color: #007ac8;
}
.select-control__input:disabled,
.field--disabled .select-control__input {
  background: #e6e6e6;
  color: #ababab;
  cursor: not-allowed;
  pointer-events: none;
}
.select-control__input:disabled + .field__icon,
.field--disabled .select-control__input + .field__icon {
  background: -webkit-gradient(linear, right top, left top, color-stop(50%, #e6e6e6), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(to left, #e6e6e6 50%, rgba(255, 255, 255, 0));
  color: #ababab;
}
.field--invalid .select-control__input {
  background: #ffe4e1;
  color: #e25333;
}
.field--invalid .select-control__input + .field__icon {
  background: -webkit-gradient(linear, right top, left top, color-stop(50%, #ffe4e1), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(to left, #ffe4e1 50%, rgba(255, 255, 255, 0));
}
.field--invalid .select-control__input + .field__icon path {
  fill: #e25333;
}
.field--valid .select-control__input {
  background: #e9f7e2;
  color: #409126;
}
.field--valid .select-control__input + .field__icon {
  background: -webkit-gradient(linear, right top, left top, color-stop(50%, #e9f7e2), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(to left, #e9f7e2 50%, rgba(255, 255, 255, 0));
}
.field--valid .select-control__input + .field__icon path {
  fill: #409126;
}
.field--small .select-control__input {
  font-size: 14px;
  line-height: 2.1em;
}
.field {
  background: white;
  font-size: 1rem;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  overflow: hidden;
  position: relative;
}
.field:first-child {
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
}
.field:last-child {
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
}
.field-group:not(.field-group--stacked) .field:not(:first-child) {
  margin-left: 2px;
}
.field--disabled {
  cursor: not-allowed;
}
.field--has-dollar-prefix::before {
  bottom: 0.4em;
  content: '$';
  font-size: 1.25rem;
  left: 0.7em;
  position: absolute;
}
.field--large {
  font-size: 18px;
}
.field--small {
  font-size: 14px;
}
.field-group {
  border-radius: 2px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0.25em;
  overflow: hidden;
}
.field-group:first-child {
  margin-top: 0;
}
.field-group .field {
  margin-left: 2px;
}
.field-group .field:first-child {
  margin-left: 0;
}
.field-group--bordered {
  border: 1px solid #bbb;
}
.field-group--clear .field {
  background: transparent;
}
.field-group--spread.field-group--stacked .field {
  margin-top: 0.6em;
}
.field-group--spread.field-group--stacked .field:first-child {
  margin-top: 0;
}
.field-group--stacked {
  display: block;
}
.field-group--stacked .field {
  margin-top: 1px;
  margin-left: 0;
}
.field-group--stacked .field:first-child {
  margin-top: 0;
  border-radius: 2px 2px 0 0;
}
.field-group--stacked .field:last-child {
  border-radius: 0 0 2px 2px;
}
.field-group--stacked .field--indented {
  margin-left: 1.5em;
}
.field__icon {
  background: -webkit-gradient(linear, right top, left top, color-stop(50%, white), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(to left, white 50%, rgba(255, 255, 255, 0));
  border-radius: 2px;
  bottom: 1px;
  font-size: 18px;
  padding: 0.5em 0.5em 0;
  pointer-events: none;
  position: absolute;
  right: 1px;
  top: 1px;
}
.field__icon.field__icon--clickable {
  pointer-events: all;
}
.field__icon.field__icon--close:hover {
  color: #f4724a;
}
.field__icon.field__icon--green {
  color: #53a63a;
}
.field--small .field__icon {
  padding-top: 0.15em;
}
.input-control {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  background: white;
  border: 0;
  border-radius: 2px;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #464646;
  display: block;
  font: 400 18px / normal 'Source Sans Pro', sans-serif;
  padding: 0.6rem 0.75rem;
  width: 100%;
}
.input-control::-webkit-input-placeholder {
  color: #ababab;
}
.input-control::-moz-placeholder {
  color: #ababab;
}
.input-control:-ms-input-placeholder {
  color: #ababab;
}
.input-control:focus {
  background: #eef9ff;
  color: #007ac8;
  outline: none;
}
.input-control:focus::-webkit-input-placeholder {
  color: #8ec8ef;
}
.input-control:focus::-moz-placeholder {
  color: #8ec8ef;
}
.input-control:focus:-ms-input-placeholder {
  color: #8ec8ef;
}
.input-control:disabled,
.field--disabled .input-control {
  background: #e6e6e6;
  color: #ababab;
  cursor: not-allowed;
  pointer-events: none;
}
.field--bordered .input-control {
  border: 1px solid #bbb;
}
.field--has-dollar-prefix .input-control {
  padding-left: 1.67em;
}
.field--invalid .input-control {
  background: #ffe4e1;
  color: #e25333;
}
.field--invalid .input-control::-webkit-input-placeholder {
  color: #e25333;
}
.field--invalid .input-control::-moz-placeholder {
  color: #e25333;
}
.field--invalid .input-control:-ms-input-placeholder {
  color: #e25333;
}
.field--invalid .input-control:focus {
  background: #eef9ff;
}
.field--valid .input-control {
  background: #e9f7e2;
  color: #409126;
}
.field--valid .input-control:focus {
  background: #eef9ff;
}
.field.field--bordered.field--pill:first-child {
  margin-left: 0;
}
.field.field--bordered.field--pill:not(:first-child) {
  margin-left: -1px;
}
.pill-control:hover .pill-control__input:checked + .pill-control__label {
  text-decoration: underline;
}
.pill-control {
  cursor: pointer;
  display: inline-block;
  line-height: 24px;
  position: relative;
  text-align: center;
  width: 100%;
}
.pill-control:hover .pill-control__label {
  border-color: #007ac8;
  z-index: 1;
}
.pill-control__input {
  background: transparent;
  opacity: 0;
  z-index: -1;
  left: 0;
  position: absolute;
  top: 0;
}
.pill-control__input:checked {
  opacity: 1;
}
.pill-control__input:checked + .pill-control__label {
  background: #007ac8;
  border-color: #007ac8;
  color: white;
  position: relative;
  z-index: 1;
}
.pill-control__input:focus + .pill-control__label {
  text-decoration: underline;
}
.pill-control__label {
  background: white;
  border: 1px solid white;
  color: #787878;
  display: block;
  font-size: 13px;
  font-weight: 600;
  padding: 5px;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  white-space: nowrap;
}
.pill-control__label:hover {
  background: #eef9ff;
  border-color: #007ac8;
  color: #007ac8;
}
.field--bordered .pill-control__label {
  border: 1px solid #bbb;
}
.pill-control:hover .field--bordered .pill-control__label {
  border-color: #007ac8;
}
.radio-control {
  cursor: pointer;
  display: inline-block;
  line-height: 1.2;
  padding: 0.2em 0.75em 0.2em 1.5em;
  position: relative;
}
.field--disabled .radio-control {
  cursor: not-allowed;
  pointer-events: none;
}
.radio-control__input {
  opacity: 0.01;
  left: 0;
  position: absolute;
  top: 0;
}
.radio-control__input:checked + .radio-control__label::before {
  border-width: 6px;
  border-color: #007ac8;
}
.radio-control__input:checked:disabled + .radio-control__label::before,
.field--disabled .radio-control__input:checked + .radio-control__label::before {
  border-color: #ababab;
}
.radio-control__input:focus + .radio-control__label {
  color: #007ac8;
}
.radio-control__input:focus + .radio-control__label::before {
  border-color: #007ac8;
}
.radio-control__label {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.radio-control__label::before {
  background: white;
  border: 1px solid white;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  content: '';
  display: block;
  height: 1.2em;
  left: 0;
  position: absolute;
  top: 0.15em;
  -webkit-transition: border-color 0.1s ease, border-width 0.1s ease;
  transition: border-color 0.1s ease, border-width 0.1s ease;
  width: 1.2em;
  will-change: border-color, border-width;
}
.field--bordered .radio-control__label::before {
  border-color: #ababab;
}
.radio-control:hover .radio-control__label::before {
  background: #eef9ff;
  border-color: #007ac8;
}
.field--disabled .radio-control__label,
.radio-control__input:disabled .radio-control__label {
  color: #919191;
}
.radio-control__label .niche__grade {
  display: block;
  font-size: 0.6em;
  height: 24px;
  margin: -0.2em 0 0 0.2em;
  width: 24px;
}
.grade-control {
  cursor: pointer;
  display: inline-block;
  line-height: 22px;
  position: relative;
}
.grade-control__input {
  background: transparent;
  opacity: 0;
  z-index: -1;
  left: 0;
  position: absolute;
  top: 0;
}
.grade-control__input:checked {
  opacity: 1;
}
.grade-control__input:checked + .grade-control__grade:hover,
.grade-control__input:checked:focus + .grade-control__grade {
  opacity: 0.8;
}
.grade-control__grade {
  background: url(https://d33a4decm84gsn.cloudfront.net/static/platform-sprite-03092018.svg);
  background-size: 50em 50em;
  overflow: hidden;
  text-indent: -1000%;
  background-position: -0.12em -14.35em;
  display: inline-block;
  height: 2.5em;
  width: 2.5em;
  background-size: 135.5em 135.5em;
  cursor: pointer;
  font-size: 0.85em;
  height: 35px;
}
.grade-control__grade--a {
  background-position: -0.365em -74.85em;
}
.grade-control__input:focus:not(:checked) + .grade-control__grade--a,
.grade-control__grade--a:hover {
  background-position: -0.365em -78.235em;
}
.grade-control__input:checked + .grade-control__grade--a {
  background-position: -0.365em -68.125em;
}
.grade-control__grade--b {
  background-position: -4.65em -74.85em;
}
.grade-control__input:focus:not(:checked) + .grade-control__grade--b,
.grade-control__grade--b:hover {
  background-position: -4.65em -78.235em;
}
.grade-control__input:checked + .grade-control__grade--b {
  background-position: -4.65em -68.125em;
}
.grade-control__grade--c {
  background-position: -8.845em -74.85em;
}
.grade-control__input:focus:not(:checked) + .grade-control__grade--c,
.grade-control__grade--c:hover {
  background-position: -8.845em -78.235em;
}
.grade-control__input:checked + .grade-control__grade--c {
  background-position: -8.845em -68.125em;
}
.grade-control__grade--d {
  background-position: -13.08em -74.85em;
}
.grade-control__input:focus:not(:checked) + .grade-control__grade--d,
.grade-control__grade--d:hover {
  background-position: -13.08em -78.235em;
}
.grade-control__input:checked + .grade-control__grade--d {
  background-position: -13.08em -68.125em;
}
.picker-control {
  cursor: pointer;
  display: inline-block;
  line-height: 24px;
  position: relative;
  text-align: center;
  width: 100%;
}
.field--disabled .picker-control {
  cursor: not-allowed;
  pointer-events: none;
}
.picker-control:hover .picker-control__label {
  color: #007ac8;
  background: #eef9ff;
  border-color: #007ac8;
}
.picker-control:hover .picker-control__input:checked + .picker-control__label {
  text-decoration: underline;
}
.field--bordered .picker-control:hover .picker-control__label {
  border-color: #007ac8;
}
.field--bordered .picker-control:hover .picker-control__input:checked + .picker-control__label {
  text-decoration: underline;
}
.picker-control__input:focus + .picker-control__label {
  text-decoration: underline;
}
.picker-control__input {
  background: transparent;
  opacity: 0;
  z-index: -1;
  left: 2px;
  position: absolute;
  top: 0;
}
.picker-control__input:checked {
  opacity: 1;
}
.picker-control__input:checked + .picker-control__label {
  color: #fff;
  background: #007ac8;
  border-color: #007ac8;
}
.picker-control__label {
  display: block;
  background: #fff;
  font-size: 13px;
  font-weight: 600;
  padding: 5px;
  color: #787878;
  border: 1px solid #fff;
  border-radius: 4px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.field--bordered .picker-control__label {
  border: 1px solid #bbb;
}
.field--bordered .picker-control__input:checked + .picker-control__label {
  color: #fff;
  background: #007ac8;
  border-color: #007ac8;
}
/* Styling tips from https://css-tricks.com/styling-cross-browser-compatible-range-inputs-css/ */
._range-control-thumb {
  -webkit-appearance: none;
  background: #007ac8;
  border: 9px solid white;
  border-radius: 50%;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2), 0 2px 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2), 0 2px 10px rgba(0, 0, 0, 0.1);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  height: 30px;
  width: 30px;
}
._range-control-thumb--focus {
  border-color: #b8def7;
}
._range-control-track {
  background: transparent;
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 0 1px #ddd;
          box-shadow: inset 0 0 0 1px #ddd;
  cursor: pointer;
  height: 15px;
  width: 100%;
}
.range-control {
  display: block;
  height: 62px;
  position: relative;
}
.range-control__input {
  -webkit-appearance: none;
  background: transparent;
  height: 45px;
  left: 0;
  position: absolute;
  top: 20px;
  width: 100%;
  z-index: 1;
  cursor: pointer;
}
.range-control__input:focus {
  outline: none;
}
.range-control__input::-ms-track {
  width: 100%;
  cursor: pointer;
  /* Hides the slider so custom styles can be added */
  background: transparent;
  border-color: transparent;
  color: transparent;
}
.range-control-content {
  margin: 0 15px;
  position: relative;
  top: 11px;
}
.range-control-content__fill {
  background: #6bbef2;
  border-left: 0;
  height: 13px;
  position: relative;
  z-index: 0;
}
.range-control-content__fill[data-has-value='true'] {
  border: 1px solid rgba(0, 0, 0, 0.05);
}
.range-control-content__fill[data-has-value='true']::before {
  background: #6bbef2;
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-bottom-left-radius: 10px;
  border-right: 0;
  border-top-left-radius: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  content: '';
  height: 13px;
  left: -15px;
  position: absolute;
  top: -1px;
  width: 15px;
}
.range-control-content__value {
  background: #007ac8;
  border-radius: 2px;
  color: white;
  font-weight: 600;
  margin-left: -37px;
  padding: 0.25em 0;
  position: absolute;
  text-align: center;
  top: -50px;
  -webkit-transform: translate(0, 40px) scale(0.01);
          transform: translate(0, 40px) scale(0.01);
  -webkit-transition: -webkit-transform 0.1s;
  transition: -webkit-transform 0.1s;
  transition: transform 0.1s;
  transition: transform 0.1s, -webkit-transform 0.1s;
  width: 75px;
  z-index: 10;
}
.range-control--focused .range-control-content__value[data-has-value='true'] {
  opacity: 1;
  -webkit-transform: translate(0, 0) scale(1);
          transform: translate(0, 0) scale(1);
}
.range-control-content__value::after {
  background: #007ac8;
  border-radius: 2px;
  bottom: -4px;
  content: '';
  height: 10px;
  left: 32px;
  position: absolute;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  width: 10px;
}
.range-control-reset {
  color: #ababab;
  cursor: pointer;
  font-size: 18px;
  position: absolute;
  right: 0;
  top: 3px;
}
.platform .range-control-reset:hover {
  color: #464646;
}
/* -- Thumb (the circle trigger) -- */
.range-control__input::-webkit-slider-thumb {
  -webkit-appearance: none;
  background: #007ac8;
  border: 9px solid white;
  border-radius: 50%;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2), 0 2px 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2), 0 2px 10px rgba(0, 0, 0, 0.1);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  height: 30px;
  width: 30px;
  margin-top: -7.5px;
}
.range-control--focused .range-control__input::-webkit-slider-thumb {
  border-color: #b8def7;
}
.range-control__input::-moz-range-thumb {
  -webkit-appearance: none;
  background: #007ac8;
  border: 9px solid white;
  border-radius: 50%;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2), 0 2px 10px rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  cursor: pointer;
  height: 30px;
  width: 30px;
}
.range-control--focused .range-control__input::-moz-range-thumb {
  border-color: #b8def7;
}
.range-control__input::-ms-thumb {
  -webkit-appearance: none;
  background: #007ac8;
  border: 9px solid white;
  border-radius: 50%;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2), 0 2px 10px rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  cursor: pointer;
  height: 30px;
  width: 30px;
  margin: 2px 1px 0;
}
.range-control--focused .range-control__input::-ms-thumb {
  border-color: #b8def7;
}
/* -- Track -- */
.range-control__input::-webkit-slider-runnable-track {
  background: transparent;
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 0 1px #ddd;
          box-shadow: inset 0 0 0 1px #ddd;
  cursor: pointer;
  height: 15px;
  width: 100%;
}
.range-control__input::-moz-range-track {
  background: transparent;
  border-radius: 10px;
  box-shadow: inset 0 0 0 1px #ddd;
  cursor: pointer;
  height: 15px;
  width: 100%;
}
.range-control__input::-ms-track {
  border-radius: 10px;
  box-shadow: inset 0 0 0 1px #ddd;
  cursor: pointer;
  height: 15px;
  width: 100%;
  background: transparent;
  border-color: transparent;
  color: transparent;
  width: 99.5%;
}
.range-control__input::-ms-fill-lower {
  background: transparent;
}
/* -- Tooltip -- */
.range-control__input::-ms-tooltip {
  display: none;
}
.range-control-label {
  font-size: 18px;
  font-weight: 600;
  margin: 0 0 3px;
}
.range-control-label[data-has-value='false'] {
  color: #ababab;
}
/* ---- CTAs ---- */
.homes-cta {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-image: url(../../static/cta/home-cta-map.png);
  background-size: 800px;
  background-position: center;
  background-repeat: no-repeat;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 180px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
  position: relative;
  text-align: center;
  width: 100%;
  z-index: 0;
}
.homes-cta:hover {
  text-decoration: none;
}
.homes-cta .button {
  position: relative;
  z-index: 2;
}
.homes-cta__marker {
  bottom: 0;
  left: 0;
  list-style-type: none;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  z-index: 0;
}
.homes-cta__marker__item {
  background-image: url(../../static/cta/home-cta-pin.png);
  background-size: 90px;
  background-repeat: no-repeat;
  height: 57px;
  left: 20px;
  position: absolute;
  top: 50px;
  width: 90px;
  z-index: 0;
}
.homes-cta__marker__item::after {
  background-image: url(../../static/cta/home-cta-houses.jpg);
  background-size: 45px;
  content: '';
  height: 42px;
  left: 4px;
  position: absolute;
  top: 4px;
  width: 45px;
  z-index: 5;
}
.homes-cta__marker__item:nth-of-type(2) {
  left: 100px;
  top: -20px;
}
.homes-cta__marker__item:nth-of-type(2)::after {
  background-position: 0 -43px;
}
.homes-cta__marker__item:nth-of-type(3) {
  left: auto;
  right: 40px;
  top: 100px;
}
.homes-cta__marker__item:nth-of-type(3)::after {
  background-position: 0 -86px;
}
.homes-cta__overlay {
  background: rgba(0, 0, 0, 0.5);
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  z-index: 1;
}
.platform .homes-cta:hover .homes-cta__overlay {
  background: rgba(0, 0, 0, 0.4);
}
.platform .homes-cta:hover .homes-cta__button:hover {
  background: white;
  color: #6bbef2;
}
@media only screen and (min-width: 500px)  {
  .homes-cta__button {
    font-size: 18px;
  }
  .homes-cta__marker__item {
    left: 130px;
    top: 50px;
  }
  .homes-cta__marker__item:nth-of-type(2) {
    left: 210px;
    top: -20px;
  }
  .homes-cta__marker__item:nth-of-type(3) {
    left: auto;
    right: 190px;
    top: 100px;
  }
}
.realtor-homes-cta__title-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (min-width: 500px)  {
  .realtor-homes-cta__title-wrapper .realtor-homes-cta__title {
    padding-bottom: 15px;
  }
}
.realtor-homes-cta__title {
  padding-bottom: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}
.realtor-homes-cta__logo-wrapper {
  color: #5f5f5f;
  -webkit-box-flex: 110px;
      -ms-flex: 110px 0 0px;
          flex: 110px 0 0;
  text-align: right;
}
@media only screen and (min-width: 600px)  {
  .realtor-homes-cta__logo-wrapper {
    -webkit-box-flex: 120px;
        -ms-flex: 120px 0 0px;
            flex: 120px 0 0;
  }
}
.realtor-homes-cta__logo {
  background-image: url(../../static/cta/realtor_logo.png);
  background-size: cover;
  background-position: bottom;
  background-repeat: no-repeat;
  cursor: pointer;
  display: block;
  height: 20px;
  position: relative;
  top: 5px;
  width: 110px;
}
@media only screen and (min-width: 600px)  {
  .realtor-homes-cta__logo {
    top: 8px;
  }
}
@media only screen and (min-width: 600px)  {
  .realtor-homes-cta__logo {
    height: 22px;
    width: 120px;
  }
}
.realtor-home-cta-listings {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0 15px 20px;
}
@media only screen and (min-width: 500px)  {
  .realtor-home-cta-listings {
    padding: 0 30px 20px;
  }
}
.realtor-home-cta-listings__item {
  -webkit-box-flex: 1;
      -ms-flex: 1 auto;
          flex: 1 auto;
  width: calc(50% - 5px);
}
.realtor-home-cta-listings__item > a {
  display: block;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
  height: 125px;
}
.realtor-home-cta-listings__item:nth-child(1) > a {
  background-image: url(../../static/cta/realtor-image-06.jpg);
  background-size: cover;
}
.realtor-home-cta-listings__item:nth-child(2) > a {
  background-image: url(../../static/cta/realtor-image-07.jpg);
  background-size: cover;
}
.realtor-home-cta-listings__item:nth-child(3) > a {
  background-image: url(../../static/cta/realtor-image-10.jpg);
  background-size: cover;
}
.realtor-home-cta-listings__item:nth-child(4) > a {
  background-image: url(../../static/cta/realtor-image-11.jpg);
  background-size: cover;
}
.realtor-home-cta-listings__item:nth-child(even) {
  margin: 0 0 10px 5px;
}
.realtor-home-cta-listings__item:nth-child(odd) {
  margin: 0 5px 10px 0;
}
@media only screen and (min-width: 600px)  {
  .realtor-home-cta-listings__item {
    width: calc(25% - 10px);
  }
  .realtor-home-cta-listings__item:nth-child(even),
  .realtor-home-cta-listings__item:nth-child(odd) {
    margin: 0 10px 0 0;
  }
  .realtor-home-cta-listings__item:last-of-type {
    margin-right: 0;
  }
  .realtor-home-cta-listings__item > a {
    height: 150px;
  }
}
.icon-arrowright-thin--cta {
  padding-left: 2px;
  position: relative;
  top: 3px;
}
@media only screen and (min-width: 768px)  {
  .icon-arrowright-thin--cta {
    padding-left: 20px;
  }
}
.illustrated-cta {
  display: block;
  font-size: 18px;
  line-height: 26px;
  overflow: hidden;
  padding: 20px 15px 110px;
  position: relative;
  text-align: center;
  text-decoration: none;
  width: 100%;
  z-index: 0;
}
.illustrated-cta::before {
  background-size: cover;
  background-position: center;
  bottom: 0;
  content: '';
  height: 120px;
  left: -4px;
  position: absolute;
  right: 0;
  top: auto;
  z-index: -1;
}
@media only screen and (min-width: 500px)  {
  .illustrated-cta::before {
    bottom: 0;
    height: 140px;
    left: auto;
    right: -125px;
    width: 480px;
  }
}
.illustrated-cta:hover {
  text-decoration: none;
}
@media only screen and (min-width: 500px)  {
  .illustrated-cta {
    font-size: 20px;
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 30px;
    height: 140px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.illustrated-cta--colleges::before,
.illustrated-cta--graduate-schools::before {
  background-image: url(https://d33a4decm84gsn.cloudfront.net/static/cta/college-cta-graphic.svg);
}
.illustrated-cta--colleges-2::before {
  background-image: url(https://d33a4decm84gsn.cloudfront.net/static/cta/college-cta-graphic-2.svg);
}
.illustrated-cta--k12::before {
  background-image: url(https://d33a4decm84gsn.cloudfront.net/static/cta/schools-cta-graphic.svg);
}
.illustrated-cta--k12-2::before {
  background-image: url(https://d33a4decm84gsn.cloudfront.net/static/cta/schools-cta-graphic-2.svg);
}
.illustrated-cta--places-to-live::before {
  background-image: url(https://d33a4decm84gsn.cloudfront.net/static/cta/places-cta-graphic.svg);
}
.illustrated-cta--places-to-work::before {
  background-image: url(https://d33a4decm84gsn.cloudfront.net/static/cta/workplaces-cta-graphic.svg);
}
.illustrated-cta--realtor::before {
  background-image: url(https://d33a4decm84gsn.cloudfront.net/static/cta/realtor-cta-graphic.svg);
}
.illustrated-cta--scholarships::before {
  background-image: url(https://d33a4decm84gsn.cloudfront.net/static/cta/college-cta-graphic.svg);
}
.illustrated-cta--retirement::before {
  background-image: url(https://d33a4decm84gsn.cloudfront.net/static/cta/retirement-cta-graphic.svg);
}
.illustrated-cta__text {
  z-index: 1;
}
@media only screen and (min-width: 500px)  {
  .illustrated-cta__text {
    padding: 0 250px 0 0;
  }
}
.illustrated-cta__text-prompt {
  color: #007ac8;
  display: inline-block;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  margin-top: 5px;
}
@media only screen and (min-width: 500px)  {
  .illustrated-cta__text-prompt {
    font-size: 20px;
    line-height: 26px;
  }
}
.illustrated-cta__text-prompt .icon-arrowright-thin--cta {
  display: inline;
  padding-left: 5px;
  top: 2px;
}
.illustrated-cta__text-prompt:hover {
  text-decoration: underline;
}
.illustrated-cta-large__image {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  bottom: 0;
  left: 0;
  margin: 0 0 -10px;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease;
  z-index: 1;
}
.illustrated-cta-large__image--no-essay {
  background-image: url(../../static/role-scholarships/no-essay.png);
}
.illustrated-cta-large__image--scholarships {
  background-image: url(../../static/role-scholarships/default-scholarship.png);
}
.illustrated-cta-large__image--student-loans {
  background-image: url(../../static/cta/student-loans.png);
}
.illustrated-cta-large {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 150px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
  position: relative;
  text-align: center;
  width: 100%;
  z-index: 0;
}
.illustrated-cta-large:hover {
  text-decoration: none;
}
.illustrated-cta-large .button {
  position: relative;
  z-index: 3;
}
.illustrated-cta-large__overlay {
  background-color: white;
  bottom: 0;
  left: 0;
  opacity: 0.3;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
  z-index: 2;
}
.illustrated-cta-large__overlay--lighter {
  background-color: white;
  bottom: 0;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
  z-index: 2;
}
/* Hover styles, only applied for non-touch devices */
.platform .illustrated-cta-large:hover .illustrated-cta-large__overlay {
  opacity: 0;
}
.platform .illustrated-cta-large:hover .illustrated-cta-large__image {
  -webkit-transform: scale(1.06);
          transform: scale(1.06);
}
@media only screen and (min-width: 500px)  {
  .illustrated-cta-large {
    height: 160px;
  }
  .illustrated-cta-large__button {
    font-size: 18px;
  }
}
.illustrated-cta-large__overlay--lighter {
  background-color: white;
  bottom: 0;
  left: 0;
  opacity: 0.3;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
  z-index: 2;
  opacity: 0;
}
.illustrated-cta-nocard {
  display: block;
  height: 136px;
  margin: 0 1%;
  max-width: 800px;
  overflow: hidden;
  padding-bottom: 18px;
  position: relative;
  text-align: center;
  width: 98%;
  z-index: 1;
}
.illustrated-cta-nocard:hover {
  cursor: pointer;
}
.illustrated-cta-nocard:hover .illustrated-cta-large__overlay--lighter {
  opacity: 0.075;
}
@media only screen and (min-width: 320px)  {
  .illustrated-cta-nocard {
    height: 144px;
  }
}
@media only screen and (min-width: 900px)  {
  .illustrated-cta-nocard {
    border-radius: 2px;
    height: 130px;
    margin: 0 auto;
  }
}
.illustrated-cta-nocard .illustrated-cta-nocard__image {
  background-image: url(https://d33a4decm84gsn.cloudfront.net/static/loans-cta/loans-cta-nocard-mobile.svg);
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: contain;
  bottom: -3px;
  height: 118px;
  margin: 0 2.5%;
  position: absolute;
  width: 97%;
}
@media only screen and (min-width: 320px)  {
  .illustrated-cta-nocard .illustrated-cta-nocard__image {
    height: 126px;
  }
}
@media only screen and (min-width: 500px)  {
  .illustrated-cta-nocard .illustrated-cta-nocard__image {
    bottom: -28px;
  }
}
@media only screen and (min-width: 768px)  {
  .illustrated-cta-nocard .illustrated-cta-nocard__image {
    background-image: url(https://d33a4decm84gsn.cloudfront.net/static/loans-cta/loans-cta-nocard.svg);
    bottom: 0;
  }
}
.illustrated-cta-nocard .illustrated-cta-button-wrap {
  position: absolute;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: 3;
}
@media only screen and (min-width: 900px)  {
  .illustrated-cta-nocard .illustrated-cta-button-wrap {
    bottom: 40px;
    position: absolute;
    text-align: left;
    top: auto;
    width: 100%;
  }
}
.illustrated-cta-nocard .niche-icon-wrap {
  margin: 0 5px;
}
.informational-cta__anchor:hover {
  text-decoration: none;
}
.informational-cta__body {
  -webkit-box-flex: 3;
      -ms-flex: 3 0;
          flex: 3 0;
  font-weight: 400;
  -webkit-box-ordinal-group: 31;
      -ms-flex-order: 30;
          order: 30;
  padding: 10px 0 0 20px;
}
.informational-cta__container {
  background-color: #f6f6f6;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1), 0 0 2px rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1), 0 0 2px rgba(0, 0, 0, 0.1);
  color: #464646;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 20px 15px;
  text-decoration: none;
  vertical-align: top;
}
.informational-cta__container:hover .informational-cta__title--fake-link {
  text-decoration: underline;
  color: #0063a5;
}
@media only screen and (min-width: 500px)  {
  .informational-cta__container {
    padding: 30px 30px 25px;
  }
  .informational-cta__container .informational-cta__body {
    margin-bottom: 8px;
    -webkit-box-ordinal-group: 31;
        -ms-flex-order: 30;
            order: 30;
    padding: 10px 30px 0 100px;
  }
  .informational-cta__container .informational-cta__image {
    height: 75px;
    margin-top: -3px;
    min-width: 75px;
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
    position: absolute;
  }
  .informational-cta__container .informational-cta__title {
    font-size: 20px;
    -webkit-box-ordinal-group: 21;
        -ms-flex-order: 20;
            order: 20;
    padding-left: 100px;
  }
  .informational-cta__container .informational-cta__title--fake-link {
    padding-left: 0;
  }
}
.informational-cta__image {
  height: 60px;
  margin-top: 10px;
  min-width: 60px;
  -webkit-box-ordinal-group: 11;
      -ms-flex-order: 10;
          order: 10;
}
.informational-cta__image--scatterplot {
  background: url(https://d33a4decm84gsn.cloudfront.net/static/informational-cta/scatterplot-icon.svg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.informational-cta__image--scholarships {
  background: url(https://d33a4decm84gsn.cloudfront.net/static/informational-cta/scholarships-icon.svg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.informational-cta__image--homes {
  background: url(https://d33a4decm84gsn.cloudfront.net/static/informational-cta/homes-icon.svg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.informational-cta__image--loans {
  background: url(https://d33a4decm84gsn.cloudfront.net/static/informational-cta/loans-icon.svg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.informational-cta__image--mortgage {
  background: url(https://d33a4decm84gsn.cloudfront.net/static/informational-cta/mortgage-icon.svg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.informational-cta__image--piggy-bank {
  background: url(https://d33a4decm84gsn.cloudfront.net/static/informational-cta/piggy-bank.svg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.informational-cta__image--schools_near_you {
  background: url(https://d33a4decm84gsn.cloudfront.net/static/informational-cta/schools-near-you-icon.svg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.informational-cta__image--test_prep {
  background: url(https://d33a4decm84gsn.cloudfront.net/static/informational-cta/test-prep-icon.svg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.informational-cta__title {
  display: inline-block;
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
  -webkit-box-ordinal-group: 6;
      -ms-flex-order: 5;
          order: 5;
  width: 100%;
}
.informational-cta__title--fake-link {
  color: #007ac8;
  width: initial;
}
.informational-cta__title--heading {
  margin-right: 6px;
  padding-left: 0;
  width: initial;
}
.informational-cta__container--none {
  background: none;
  border-bottom: 1px solid #ccc;
  -webkit-box-shadow: none;
          box-shadow: none;
  margin-bottom: 16px;
  padding: 0 0 25px;
}
.informational-cta__container--none .informational-cta__image {
  height: 75px;
  margin-top: 10px;
  min-width: 75px;
  -webkit-box-ordinal-group: 11;
      -ms-flex-order: 10;
          order: 10;
}
.informational-cta__container--none .informational-cta__title--heading {
  padding-left: 0;
}
@media only screen and (min-width: 500px)  {
  .informational-cta__container--none .informational-cta__body {
    padding: 10px 30px 0 110px;
  }
  .informational-cta__container--none .informational-cta__image {
    height: 90px;
    margin-top: -3px;
    min-width: 90px;
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
    position: absolute;
  }
  .informational-cta__container--none .informational-cta__title {
    padding-left: 110px;
  }
  .informational-cta__container--none .informational-cta__title--fake-link {
    padding-left: 0;
  }
  .informational-cta__container--none .informational-cta__title--heading {
    padding-left: 0;
  }
}
.informational-cta__container--white {
  background-color: white;
}
.postcards-wrap {
  width: 100%;
  margin-bottom: 10px;
}
@media only screen and (min-width: 600px)  {
  .postcards-wrap {
    max-width: 900px;
    margin: 30px auto 20px;
  }
}
.postcards-wrap .postcards-header {
  margin: 20px 0 15px;
}
.postcards-wrap .postcards {
  display: block;
}
@media only screen and (min-width: 600px)  {
  .postcards-wrap .postcards {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.postcards-wrap .postcards .postcard {
  margin-bottom: 15px;
}
@media only screen and (min-width: 600px)  {
  .postcards-wrap .postcards .postcard {
    margin-right: 10px;
  }
  .postcards-wrap .postcards .postcard:last-of-type {
    margin-right: 0;
  }
}
.postcards-wrap .postcard__content {
  position: relative;
  padding: 8px 15px 10px;
  background: white;
  z-index: 5;
}
/* ---- Maps ---- */
.map {
  border-radius: inherit;
  height: auto;
  min-height: 500px;
  overflow: hidden;
  position: relative;
}
.map--hidden {
  display: none;
}
.map-chip--with-grade {
  padding: 0 0 0 35px;
}
.map-chip--with-grade .niche__grade {
  font-size: 0.75em;
  height: 2.5em;
  left: 10px;
  position: absolute;
  top: 12px;
  width: 2.5em;
}
.map-chip__link {
  border-top: 1px solid #e6e6e6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 14px;
  line-height: 1.4;
  margin: 8px -24px -6px -12px;
  padding: 1px 20px 0 12px;
}
.map-chip__link a {
  float: right;
  margin: 0 0 0 auto;
}
.map-chip__link .niche-icon {
  position: relative;
  top: 1px;
}
.map-chip__link a:hover {
  text-decoration: none;
}
.map-chip__link a:hover .map-chip__link-text {
  text-decoration: underline;
}
.map-chip__link a:hover .niche-icon.arrow-right {
  text-decoration: none;
}
.map-close {
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05), 0 1px 3px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05), 0 1px 3px rgba(0, 0, 0, 0.1);
  font-size: 22px;
  font-weight: 400;
  line-height: 18px;
  padding: 0.5em 0.75em;
  position: absolute;
  right: 5px;
  top: 3px;
  z-index: 2;
}
.map-close::after {
  content: 'Close';
  float: left;
  font-size: 16px;
  margin-right: 5px;
  position: relative;
  top: -1px;
}
.map-close::before {
  font-family: 'Niche-Interface-Symbols';
}
.map-disclaimer {
  position: relative;
  font-size: 12px;
  line-height: 1.2;
  color: #787878;
  display: block;
  margin-bottom: 1.5em;
  margin-top: -5px;
}
.map-disclaimer .overflow-text {
  max-height: 1.3em;
}
.map-disclaimer .overflow-text--expanded {
  max-height: 100em;
}
.map-disclaimer .overflow-text--mobile-overflow::after,
.map-disclaimer .overflow-text--desktop-overflow::after {
  font-size: 12px;
  font-weight: 600;
  right: 0;
  line-height: 1.2;
  top: 0;
}
body.map-fullscreen,
html.map-fullscreen {
  height: 100vh;
  overflow: hidden;
  /* stylelint-disable-next-line selector-max-specificity */
}
body.map-fullscreen .mapboxgl-ctrl > button.mapboxgl-ctrl-compass:last-child,
html.map-fullscreen .mapboxgl-ctrl > button.mapboxgl-ctrl-compass:last-child {
  display: none;
}
body.map-fullscreen .mapboxgl-ctrl-attrib,
html.map-fullscreen .mapboxgl-ctrl-attrib {
  pointer-events: auto;
}
body.map-fullscreen .global-nav-container,
html.map-fullscreen .global-nav-container {
  display: none;
}
.map-inner {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
  width: 100%;
  height: 100%;
}
.map-legend {
  background: white;
  color: #787878;
  font-size: 13px;
  padding: 0 15px;
}
@media only screen and (min-width: 768px)  {
  .map-legend {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: transparent;
    border-radius: 2px;
    bottom: 20px;
    font-size: 14px;
    left: 30px;
    position: absolute;
    z-index: 3;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
  }
}
.map-legend i {
  border-radius: 2px;
  display: inline-block;
  height: 0.9em;
  margin-right: 0.5em;
  position: relative;
  top: 3px;
  width: 0.9em;
}
.map-legend i.real-estate-homes {
  background: url(../../static/maps/home-icon.png);
  background-size: cover;
}
.map-legend i.secondary-line {
  background: #cc3661;
}
.map-legend i.service-area {
  background: #cc3661;
  opacity: 0.6;
}
.map-legend i.grade-scale {
  /* stylelint-disable color-no-hex */
  background: -webkit-gradient(linear, right top, left top, from(#c92c12), color-stop(#e53b1a), color-stop(#e87016), color-stop(#eca413), color-stop(#efd90f), color-stop(#ffed10), color-stop(#d2ef26), color-stop(#abd222), color-stop(#85b61e), color-stop(#5e9919), color-stop(#387d15), to(#116011));
  background: linear-gradient(to left, #c92c12, #e53b1a, #e87016, #eca413, #efd90f, #ffed10, #d2ef26, #abd222, #85b61e, #5e9919, #387d15, #116011);
  /* stylelint-enable color-no-hex */
  width: 3em;
}
.map-legend i.grade-scale::after {
  color: white;
  content: 'A B C D';
  font-size: 9px;
  font-style: normal;
  position: relative;
  font-weight: 700;
  left: 0.5em;
  letter-spacing: 0.12em;
  text-align: center;
  top: -5px;
  width: 100%;
}
.map-legend li {
  background: white;
  margin-bottom: 5px;
  padding: 0.4em 12px;
  display: inline-block;
}
@media only screen and (min-width: 768px)  {
  .map-legend li {
    border-radius: 2px;
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05), 0 1px 3px rgba(0, 0, 0, 0.1);
            box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05), 0 1px 3px rgba(0, 0, 0, 0.1);
  }
}
.map-open {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(0, 0, 0, 0)), color-stop(90%, rgba(0, 0, 0, 0.35)), to(rgba(0, 0, 0, 0.6)));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.35) 90%, rgba(0, 0, 0, 0.6));
  bottom: 0;
  cursor: pointer;
  font-family: 'Source Sans Pro', sans-serif;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  z-index: 3;
}
@media only screen and (min-width: 768px)  {
  .map-open {
    background: transparent;
    text-align: center;
  }
  .map-open:hover {
    background: rgba(0, 0, 0, 0.15);
  }
  .map-open:hover::before {
    display: inline-block;
  }
}
.map-open::before {
  bottom: 20px;
  color: white;
  content: 'Tap to View Fullscreen';
  font-size: 16px;
  font-weight: 600;
  left: 0;
  position: absolute;
  text-align: center;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
  width: 100%;
}
@media only screen and (min-width: 768px)  {
  .map-open::before {
    background: rgba(0, 0, 0, 0.3);
    border-radius: 2px;
    bottom: auto;
    content: 'Click to View Fullscreen';
    display: none;
    font-size: 22px;
    left: auto;
    margin-top: 200px;
    padding: 0.5em 1em;
    position: static;
    top: 0;
    width: auto;
  }
}
.map-real-estate-listing {
  padding: 0 10px 0 0;
}
.map-real-estate-listing .real-estate-home__image {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 140px;
          flex: 0 0 140px;
  width: 140px;
}
.map-real-estate-listing .real-estate-home__price {
  font-size: 18px;
}
.map-wrap .map-close {
  display: none;
}
.map-wrap .mapboxgl-ctrl-attrib {
  pointer-events: auto;
}
.map-wrap.fixed {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  left: 0;
  position: fixed;
  top: 0;
  z-index: 101;
}
@media only screen and (min-width: 768px)  {
  .map-wrap.fixed {
    z-index: 900;
  }
}
.map-wrap.fixed .map {
  height: 100vh;
  width: 100vw;
}
.map-wrap.fixed .map-close {
  display: block;
}
.map-wrap.fixed .map-open {
  /* stylelint-disable-next-line declaration-no-important */
  display: none !important;
}
.mapboxgl-canvas-container {
  height: 100%;
}
.mapboxgl-ctrl > button {
  border-radius: 0;
}
.platform .mapboxgl-ctrl > button:hover {
  background: rgba(0, 0, 0, 0.05);
  border-color: #ddd;
}
.mapboxgl-marker {
  background: url(../../static/maps/pin.png);
  background-size: 47px 39px;
  background-position-x: 10px;
  background-repeat: no-repeat;
  width: 53px;
  height: 67px;
}
.mapboxgl-popup-content {
  color: #464646;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 1rem;
}
.mapboxgl-popup-content .popup-action {
  border-top: 1px solid #e6e6e6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 14px;
  margin: 8px -24px -6px -12px;
  padding: 1px 20px 0 12px;
}
.mapboxgl-popup-content .popup-action > :only-child {
  float: right;
  margin: 0 0 0 auto;
}
.mapboxgl-popup-content .popup-action .niche-icon {
  top: 2px;
  text-decoration: none;
  display: inline-block;
}
.mapboxgl-popup .mapboxgl-popup-content {
  padding: 8px 24px 8px 12px;
}
.mapboxgl-popup-close-button {
  background: white;
  color: #919191;
  font-size: 20px;
  line-height: 1.2em;
  padding: 0;
  text-align: center;
  width: 1.2em;
}
.platform .mapboxgl-popup-close-button:hover {
  background: rgba(0, 0, 0, 0.05);
  color: #464646;
}
.mapboxgl-ctrl-compass,
.mapboxgl-canary {
  /* stylelint-disable-next-line declaration-no-important */
  display: none !important;
}
.mapboxgl-popup-tip {
  display: none;
}
.map__pagination {
  background: rgba(255, 255, 255, 0.85);
  position: absolute;
  z-index: 4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 230px;
  height: 44px;
  top: 65px;
  left: 10px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 2px 6px rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 2px 6px rgba(0, 0, 0, 0.1);
  border-radius: 2px;
}
@media only screen and (min-width: 375px)  {
  .map__pagination {
    left: calc(50% - 115px);
  }
}
@media only screen and (min-width: 768px)  {
  .map__pagination {
    background: white;
    position: absolute;
    z-index: 1007;
    top: 20px;
    left: auto;
    width: 300px;
    right: 170px;
  }
}
.map__pagination .map__pagination__button {
  background: transparent;
  font-size: 17px;
  color: #53a63a;
  padding: 0.4em 0.5em;
}
.map__pagination .map__pagination__button:hover {
  background: transparent;
  font-size: 17px;
  color: #53a63a;
  padding: 0.4em 0.5em;
}
@media only screen and (min-width: 768px)  {
  .map__pagination .map__pagination__button {
    padding: 0.4em 0.5em 0.3em;
  }
  .map__pagination .map__pagination__button:hover {
    background: #eee;
    color: #409126;
  }
}
.map__pagination .map__pagination__button--disabled {
  pointer-events: none;
  color: #ddd;
}
.map__pagination .map__pagination__button--disabled.map__button__test {
  color: #ddd;
}
.map__pagination .map__pagination__viewing {
  padding: 0.5em;
  font-size: 14px;
}
@media only screen and (min-width: 768px)  {
  .map__pagination .map__pagination__viewing {
    font-size: 18px;
  }
}
.map__pagination .map__pagination__viewing__total {
  color: #919191;
}
body.map-fullscreen--search,
html.map-fullscreen--search {
  height: 100vh;
  overflow: hidden;
}
body.map-fullscreen--search .mapboxgl-ctrl > button.mapboxgl-ctrl-compass:last-child,
html.map-fullscreen--search .mapboxgl-ctrl > button.mapboxgl-ctrl-compass:last-child {
  display: none;
}
body.map-fullscreen--search .mapboxgl-ctrl-attrib,
html.map-fullscreen--search .mapboxgl-ctrl-attrib {
  pointer-events: auto;
}
body.map-fullscreen--search .global-nav__primary,
html.map-fullscreen--search .global-nav__primary {
  height: 45px;
}
body.map-fullscreen--search .global-nav--show-mobile .global-nav__primary,
html.map-fullscreen--search .global-nav--show-mobile .global-nav__primary {
  height: 55px;
}
.search-map-close {
  display: none;
  position: absolute;
  top: 20px;
  right: 20px;
  height: 44px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 2px 6px rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 2px 6px rgba(0, 0, 0, 0.1);
  z-index: 2;
}
.search-map-close .niche-icon-wrap {
  margin-right: 5px;
}
.search-map-close .niche-icon--map {
  fill: white;
}
@media only screen and (min-width: 768px)  {
  .search-map-close {
    display: block;
  }
}
.button--search-map-search {
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 2px 6px rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 2px 6px rgba(0, 0, 0, 0.1);
  font-size: 14px;
  left: calc(50% - 88px);
  opacity: 0;
  position: absolute;
  top: 120px;
  -webkit-transition: opacity 0.2s linear, -webkit-transform 0.1s ease;
  transition: opacity 0.2s linear, -webkit-transform 0.1s ease;
  transition: transform 0.1s ease, opacity 0.2s linear;
  transition: transform 0.1s ease, opacity 0.2s linear, -webkit-transform 0.1s ease;
  width: 176px;
  z-index: 2;
}
@media only screen and (min-width: 768px)  {
  .button--search-map-search {
    font-size: 18px;
    height: 44px;
    left: auto;
    right: 480px;
    top: 20px;
    width: 260px;
  }
}
.button--search-map-search--show {
  opacity: 0.9;
}
@media only screen and (min-width: 768px)  {
  .button--search-map-search--show {
    opacity: 1;
  }
}
.search-map-control-wrapper {
  border-bottom: 1px solid #e6e6e6;
  margin-bottom: 1em;
  padding-bottom: 1em;
}
.search-map-view {
  display: none;
}
.search-map-view .niche-icon-wrap {
  margin-right: 5px;
}
.search-map-view .niche-icon--map {
  fill: white;
}
@media only screen and (min-width: 768px)  {
  .search-map-view {
    display: block;
  }
}
.button--global-search-map-view {
  display: block;
  font-size: 14px;
  margin: 0 4px 5px 0;
  z-index: 100;
}
.button--global-search-map-view.button--large {
  margin: 0;
  font-size: 18px;
}
@media only screen and (min-width: 768px)  {
  .button--global-search-map-view {
    display: none;
  }
}
.map-button-wrapper {
  display: inherit;
  visibility: visible;
  opacity: 1;
  -webkit-transition: visibility 0.2s, opacity 0.2s ease;
  transition: visibility 0.2s, opacity 0.2s ease;
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}
.map-button-wrapper .niche-icon-wrap {
  margin-right: 5px;
}
.map-button-wrapper .button--inverted .niche-icon-wrap {
  margin-right: 0;
}
.map-button-wrapper--open {
  fill: white;
  position: fixed;
  bottom: 40px;
  z-index: 1;
  width: 100px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 2px 6px rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 2px 6px rgba(0, 0, 0, 0.1);
  right: 15px;
}
.map-button-wrapper--open.map-button-wrapper--temp-backpack-visible {
  bottom: 60px;
}
.map-button-wrapper--open.map-button-wrapper--temp-backpack-full {
  bottom: 92px;
}
.map-button-wrapper--open.map-button-wrapper--temp-backpack-expanded {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 0s, opacity 0.2s ease;
  transition: visibility 0s, opacity 0.2s ease;
}
.map-button-wrapper--close {
  position: absolute;
  z-index: 1008;
  top: 65px;
  right: 10px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 2px 6px rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 2px 6px rgba(0, 0, 0, 0.1);
  height: 44px;
}
.platform--touch button.button--global-search-map-view.button--green:hover {
  background: #53a63a;
}
.platform--touch button.button--global-search-map-view.button--inverted.button--green:hover {
  background: white;
}
/* ---- Notifications ---- */
@-webkit-keyframes notification--state--leaving {
  0% {
    opacity: 1;
    max-height: 500px;
  }
  100% {
    opacity: 0;
    max-height: 0;
  }
}
@keyframes notification--state--leaving {
  0% {
    opacity: 1;
    max-height: 500px;
  }
  100% {
    opacity: 0;
    max-height: 0;
  }
}
@-webkit-keyframes notification--action--entering {
  0% {
    -webkit-transform: translateY(-100%);
  }
  100% {
    -webkit-transform: translateY(0%);
  }
}
@keyframes notification--action--entering {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}
@-webkit-keyframes notification--action--leaving {
  0% {
    -webkit-transform: translateY(0%);
  }
  100% {
    -webkit-transform: translateY(-100%);
  }
}
@keyframes notification--action--leaving {
  0% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
  100% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
}
.notification--action {
  left: 0;
  position: fixed;
  top: 0;
  -webkit-transform: translateY(-120%);
          transform: translateY(-120%);
  width: 100%;
  z-index: 1000;
}
.notification--state {
  margin: 0 auto;
  max-width: 100%;
  position: relative;
}
.notification--state.notification--contained {
  max-width: 1024px;
}
.platform--home .notification--state {
  z-index: 5;
}
@media only screen and (min-width: 768px)  {
  .platform--home .notification--state {
    z-index: 1;
  }
}
.notification--success {
  background-color: #437b3a;
  color: #c5e4b8;
  z-index: 1;
}
.notification--error {
  background-color: #f4724a;
  color: #f4d3bb;
}
.notification--action--success {
  left: 0;
  position: fixed;
  top: 0;
  -webkit-transform: translateY(-120%);
          transform: translateY(-120%);
  width: 100%;
  z-index: 1000;
  background-color: #437b3a;
  color: #c5e4b8;
  z-index: 1;
}
.notification--action--error {
  left: 0;
  position: fixed;
  top: 0;
  -webkit-transform: translateY(-120%);
          transform: translateY(-120%);
  width: 100%;
  z-index: 1000;
  background-color: #f4724a;
  color: #f4d3bb;
}
.notification--state--success {
  margin: 0 auto;
  max-width: 100%;
  position: relative;
  background-color: #437b3a;
  color: #c5e4b8;
  z-index: 1;
}
.notification--state--success.notification--contained {
  max-width: 1024px;
}
.platform--home .notification--state--success {
  z-index: 5;
}
@media only screen and (min-width: 768px)  {
  .platform--home .notification--state--success {
    z-index: 1;
  }
}
.notification--state--error {
  margin: 0 auto;
  max-width: 100%;
  position: relative;
  background-color: #f4724a;
  color: #f4d3bb;
}
.notification--state--error.notification--contained {
  max-width: 1024px;
}
.platform--home .notification--state--error {
  z-index: 5;
}
@media only screen and (min-width: 768px)  {
  .platform--home .notification--state--error {
    z-index: 1;
  }
}
.notification__container {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 18px 46px 18px 18px;
  position: relative;
  max-width: 1024px;
  margin: 0 auto;
}
@media only screen and (min-width: 1201px)  {
  .notification__container {
    max-width: 1082px;
    padding-left: 0;
    padding-right: 0;
  }
  .notification--contained .notification__container {
    max-width: 1024px;
    padding-left: 18px;
    padding-right: 18px;
  }
}
.notification__message {
  color: white;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.18em;
}
.notification__message .notification__link {
  color: white;
  font-weight: 700;
  text-decoration: underline;
}
.notification--state--success--leaving {
  margin: 0 auto;
  max-width: 100%;
  position: relative;
  background-color: #437b3a;
  color: #c5e4b8;
  z-index: 1;
  -webkit-animation: notification--state--leaving 250ms ease-out;
          animation: notification--state--leaving 250ms ease-out;
  opacity: 0;
}
.notification--state--success--leaving.notification--contained {
  max-width: 1024px;
}
.platform--home .notification--state--success--leaving {
  z-index: 5;
}
@media only screen and (min-width: 768px)  {
  .platform--home .notification--state--success--leaving {
    z-index: 1;
  }
}
.notification--state--error--leaving {
  margin: 0 auto;
  max-width: 100%;
  position: relative;
  background-color: #f4724a;
  color: #f4d3bb;
  -webkit-animation: notification--state--leaving 250ms ease-out;
          animation: notification--state--leaving 250ms ease-out;
  opacity: 0;
}
.notification--state--error--leaving.notification--contained {
  max-width: 1024px;
}
.platform--home .notification--state--error--leaving {
  z-index: 5;
}
@media only screen and (min-width: 768px)  {
  .platform--home .notification--state--error--leaving {
    z-index: 1;
  }
}
.notification--state--success--hidden,
.notification--state--error--hidden {
  opacity: 0;
}
.notification--action--success--entering {
  left: 0;
  position: fixed;
  top: 0;
  -webkit-transform: translateY(-120%);
          transform: translateY(-120%);
  width: 100%;
  z-index: 1000;
  background-color: #437b3a;
  color: #c5e4b8;
  z-index: 1;
  -webkit-animation: notification--action--entering 500ms ease-in;
          animation: notification--action--entering 500ms ease-in;
}
.notification--action--error--entering {
  left: 0;
  position: fixed;
  top: 0;
  -webkit-transform: translateY(-120%);
          transform: translateY(-120%);
  width: 100%;
  z-index: 1000;
  background-color: #f4724a;
  color: #f4d3bb;
  -webkit-animation: notification--action--entering 500ms ease-in;
          animation: notification--action--entering 500ms ease-in;
}
.notification--action--success--visible {
  left: 0;
  position: fixed;
  top: 0;
  -webkit-transform: translateY(-120%);
          transform: translateY(-120%);
  width: 100%;
  z-index: 1000;
  background-color: #437b3a;
  color: #c5e4b8;
  z-index: 1;
  -webkit-transform: translateY(0%);
          transform: translateY(0%);
}
.notification--action--error--visible {
  left: 0;
  position: fixed;
  top: 0;
  -webkit-transform: translateY(-120%);
          transform: translateY(-120%);
  width: 100%;
  z-index: 1000;
  background-color: #f4724a;
  color: #f4d3bb;
  -webkit-transform: translateY(0%);
          transform: translateY(0%);
}
.notification--action--success--leaving {
  left: 0;
  position: fixed;
  top: 0;
  -webkit-transform: translateY(-120%);
          transform: translateY(-120%);
  width: 100%;
  z-index: 1000;
  background-color: #437b3a;
  color: #c5e4b8;
  z-index: 1;
  -webkit-animation: notification--action--leaving 500ms ease-in;
          animation: notification--action--leaving 500ms ease-in;
}
.notification--action--error--leaving {
  left: 0;
  position: fixed;
  top: 0;
  -webkit-transform: translateY(-120%);
          transform: translateY(-120%);
  width: 100%;
  z-index: 1000;
  background-color: #f4724a;
  color: #f4d3bb;
  -webkit-animation: notification--action--leaving 500ms ease-in;
          animation: notification--action--leaving 500ms ease-in;
}
/* Leave this at the bottom so that
   it overrides the max-width on the other classes */
.notification--fullscreen {
  max-width: 100%;
  width: 100%;
}
.icon-exit-thin--notification {
  -ms-flex-item-align: center;
      align-self: center;
  cursor: pointer;
  font-size: 26px;
  padding: 13px 12px;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
}
.icon-exit-thin--notification:hover {
  color: white;
}
@media only screen and (min-width: 1201px)  {
  .icon-exit-thin--notification {
    margin-right: -12px;
  }
  .notification--contained .icon-exit-thin--notification {
    margin-right: 0;
  }
}
/* ---- Panels ---- */
@-webkit-keyframes panel__overlay--entering {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0.6;
  }
}
@keyframes panel__overlay--entering {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0.6;
  }
}
@-webkit-keyframes panel__overlay--leaving {
  0% {
    opacity: 0.6;
  }
  100% {
    opacity: 0;
  }
}
@keyframes panel__overlay--leaving {
  0% {
    opacity: 0.6;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes panel-stack--left--entering {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-147.5px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@keyframes panel-stack--left--entering {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-147.5px);
            transform: translateX(-147.5px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@-webkit-keyframes panel-stack--left--leaving {
  0% {
    -webkit-transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-295px);
  }
}
@keyframes panel-stack--left--leaving {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-295px);
            transform: translateX(-295px);
  }
}
@-webkit-keyframes panel-stack--right--entering {
  0% {
    opacity: 0;
    -webkit-transform: translateX(147.5px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@keyframes panel-stack--right--entering {
  0% {
    opacity: 0;
    -webkit-transform: translateX(147.5px);
            transform: translateX(147.5px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@-webkit-keyframes panel-stack--right--leaving {
  0% {
    -webkit-transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(295px);
  }
}
@keyframes panel-stack--right--leaving {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(295px);
            transform: translateX(295px);
  }
}
@-webkit-keyframes panel--entering--left {
  0% {
    -webkit-transform: translateX(-295px);
  }
  100% {
    -webkit-transform: translateX(0);
  }
}
@keyframes panel--entering--left {
  0% {
    -webkit-transform: translateX(-295px);
            transform: translateX(-295px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@-webkit-keyframes panel--leaving--left {
  0% {
    -webkit-transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-295px);
  }
}
@keyframes panel--leaving--left {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-295px);
            transform: translateX(-295px);
  }
}
@-webkit-keyframes panel--entering--right {
  0% {
    -webkit-transform: translateX(295px);
  }
  100% {
    -webkit-transform: translateX(0);
  }
}
@keyframes panel--entering--right {
  0% {
    -webkit-transform: translateX(295px);
            transform: translateX(295px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@-webkit-keyframes panel--leaving--right {
  0% {
    -webkit-transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(295px);
  }
}
@keyframes panel--leaving--right {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(295px);
            transform: translateX(295px);
  }
}
.panel__body {
  background-color: white;
  bottom: 0;
  height: auto;
  left: 0;
  overflow-y: auto;
  padding: 15px 31px 15px 15px;
  position: absolute;
  top: 48px;
  -webkit-overflow-scrolling: touch;
  width: 311px;
}
.panel__body::-webkit-scrollbar {
  display: none;
}
.panel__body--hamburger-menu {
  background-color: white;
  bottom: 0;
  height: auto;
  left: 0;
  overflow-y: auto;
  padding: 15px 31px 15px 15px;
  position: absolute;
  top: 48px;
  -webkit-overflow-scrolling: touch;
  width: 311px;
  padding: 0;
  top: 60px;
}
.panel__body--hamburger-menu::-webkit-scrollbar {
  display: none;
}
.panel__body--hamburger-menu .panel__option--return {
  border-bottom: 0;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.panel__header__wrapper {
  height: 48px;
  position: relative;
  width: 295px;
  z-index: 102;
}
.panel__header {
  background-color: white;
  height: inherit;
  padding: 15px 20px 0;
  -webkit-transition: -webkit-box-shadow 100ms;
  transition: -webkit-box-shadow 100ms;
  transition: box-shadow 100ms;
  transition: box-shadow 100ms, -webkit-box-shadow 100ms;
  width: 295px;
}
.icon-exit-thin--panel-header {
  -ms-flex-item-align: center;
      align-self: center;
  color: #ababab;
  cursor: pointer;
  font-size: 26px;
  padding: 12px;
  position: absolute;
  right: -20px;
  top: -15px;
}
.panel__header--shadow {
  background-color: white;
  height: inherit;
  padding: 15px 20px 0;
  -webkit-transition: -webkit-box-shadow 100ms;
  transition: -webkit-box-shadow 100ms;
  transition: box-shadow 100ms;
  transition: box-shadow 100ms, -webkit-box-shadow 100ms;
  width: 295px;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.4), 0 0 12px rgba(0, 0, 0, 0.4);
          box-shadow: 0 0 3px rgba(0, 0, 0, 0.4), 0 0 12px rgba(0, 0, 0, 0.4);
  -webkit-transition: -webkit-box-shadow 300ms;
  transition: -webkit-box-shadow 300ms;
  transition: box-shadow 300ms;
  transition: box-shadow 300ms, -webkit-box-shadow 300ms;
}
.panel__header__contents {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
}
.panel__logo {
  height: 40px;
  left: -3px;
  margin: 0;
  padding: 5px;
  position: relative;
  top: -4px;
  width: 170px;
}
.panel__logo .niche-logo-horizontal {
  height: 26px;
  position: relative;
  top: 1px;
  width: 160px;
}
.panel__header__wrapper--hamburger-menu {
  height: 48px;
  position: relative;
  width: 295px;
  z-index: 102;
  height: 60px;
}
.panel__header__wrapper--hamburger-menu .icon-exit-thin--panel-header {
  top: -10px;
}
.panel__option {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #eee;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin: 0 25px 0 20px;
  position: relative;
}
.panel__option:hover {
  cursor: pointer;
}
.panel__option--return {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.panel__option--return .panel__option__text {
  width: auto;
}
.icon-arrow {
  color: #ababab;
  font-size: 26px;
}
.icon-arrowleft-thin--panel__option {
  color: #ababab;
  font-size: 26px;
  margin: 2px 5px 0 -8px;
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
}
.icon-arrowright-thin--panel__option {
  color: #ababab;
  font-size: 26px;
  margin-left: 19px;
}
.panel__option__text {
  font-size: 28px;
  font-weight: 300;
  line-height: 60px;
  width: 215px;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.panel-stack__wrapper {
  display: block;
}
.panel__overlay {
  background-color: black;
  cursor: pointer;
  height: 125%;
  left: 0;
  opacity: 0.6;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 102;
}
.panel-stack {
  -webkit-backface-visibility: hidden;
  background: white;
  display: block;
  height: 100%;
  overflow: hidden;
  position: fixed;
  top: 0;
  width: 295px;
  z-index: 3;
}
.panel-stack--left {
  -webkit-backface-visibility: hidden;
  background: white;
  display: block;
  height: 100%;
  overflow: hidden;
  position: fixed;
  top: 0;
  width: 295px;
  z-index: 3;
  left: 0;
  z-index: 102;
}
.panel-stack--right {
  -webkit-backface-visibility: hidden;
  background: white;
  display: block;
  height: 100%;
  overflow: hidden;
  position: fixed;
  top: 0;
  width: 295px;
  z-index: 3;
  right: 0;
  z-index: 102;
}
.panel-stack--right--search-filters {
  -webkit-backface-visibility: hidden;
  background: white;
  display: block;
  height: 100%;
  overflow: hidden;
  position: fixed;
  top: 0;
  width: 295px;
  z-index: 3;
  right: 0;
  z-index: 102;
}
.panel-stack--right--search-filters .panels-enter {
  background-color: white;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
  display: block;
  height: 100%;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;
  overflow-x: hidden;
  overflow-y: auto;
  position: absolute;
  width: 311px;
  z-index: 1;
  -webkit-animation: panel--entering--right 250ms ease-in;
          animation: panel--entering--right 250ms ease-in;
  display: inline;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.panel-stack--right--search-filters .panels-enter::-webkit-scrollbar {
  display: none;
}
.panel-stack--right--search-filters .panels-enter .panel__header {
  position: absolute;
}
.panel-stack--right--search-filters .panels-leave {
  background-color: white;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
  display: block;
  height: 100%;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;
  overflow-x: hidden;
  overflow-y: auto;
  position: absolute;
  width: 311px;
  z-index: 1;
  -webkit-animation: panel--leaving--right 100ms ease-in;
          animation: panel--leaving--right 100ms ease-in;
  -webkit-transform: translateX(295px);
          transform: translateX(295px);
}
.panel-stack--right--search-filters .panels-leave::-webkit-scrollbar {
  display: none;
}
.panel-stack--right--search-filters .panels-leave .panel__header {
  position: absolute;
}
.panel-stacks-enter {
  display: block;
}
.panel-stacks-enter .panel__overlay {
  background-color: black;
  cursor: pointer;
  height: 125%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 102;
  -webkit-animation: panel__overlay--entering 200ms linear;
          animation: panel__overlay--entering 200ms linear;
  opacity: 0.6;
}
.panel-stacks-enter .panel-stack--left {
  -webkit-backface-visibility: hidden;
  background: white;
  display: block;
  height: 100%;
  overflow: hidden;
  position: fixed;
  top: 0;
  width: 295px;
  z-index: 3;
  left: 0;
  z-index: 102;
  -webkit-animation: panel-stack--left--entering 250ms ease-in;
          animation: panel-stack--left--entering 250ms ease-in;
  opacity: 1;
}
.panel-stacks-enter .panel-stack--left .panels-enter {
  background-color: white;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
  display: block;
  height: 100%;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;
  overflow-x: hidden;
  overflow-y: auto;
  position: absolute;
  width: 311px;
  z-index: 1;
  -webkit-animation: panel--entering--left 250ms ease-in;
          animation: panel--entering--left 250ms ease-in;
  display: inline;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.panel-stacks-enter .panel-stack--left .panels-enter::-webkit-scrollbar {
  display: none;
}
.panel-stacks-enter .panel-stack--left .panels-enter .panel__header {
  position: absolute;
}
.panel-stacks-enter .panel-stack--left .panels-leave {
  background-color: white;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
  display: block;
  height: 100%;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;
  overflow-x: hidden;
  overflow-y: auto;
  position: absolute;
  width: 311px;
  z-index: 1;
  -webkit-animation: panel--leaving--left 100ms ease-in;
          animation: panel--leaving--left 100ms ease-in;
  -webkit-transform: translateX(-295px);
          transform: translateX(-295px);
}
.panel-stacks-enter .panel-stack--left .panels-leave::-webkit-scrollbar {
  display: none;
}
.panel-stacks-enter .panel-stack--left .panels-leave .panel__header {
  position: absolute;
}
.panel-stacks-enter .panel-stack--right,
.panel-stacks-enter .panel-stack--right--search-filters {
  -webkit-backface-visibility: hidden;
  background: white;
  display: block;
  height: 100%;
  overflow: hidden;
  position: fixed;
  top: 0;
  width: 295px;
  z-index: 3;
  right: 0;
  z-index: 102;
  -webkit-animation: panel-stack--right--entering 250ms ease-in;
          animation: panel-stack--right--entering 250ms ease-in;
  opacity: 1;
}
.panel-stacks-enter .panel-stack--right .panels-enter,
.panel-stacks-enter .panel-stack--right--search-filters .panels-enter {
  background-color: white;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
  display: block;
  height: 100%;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;
  overflow-x: hidden;
  overflow-y: auto;
  position: absolute;
  width: 311px;
  z-index: 1;
  -webkit-animation: panel--entering--right 250ms ease-in;
          animation: panel--entering--right 250ms ease-in;
  display: inline;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.panel-stacks-enter .panel-stack--right .panels-enter::-webkit-scrollbar,
.panel-stacks-enter .panel-stack--right--search-filters .panels-enter::-webkit-scrollbar {
  display: none;
}
.panel-stacks-enter .panel-stack--right .panels-enter .panel__header,
.panel-stacks-enter .panel-stack--right--search-filters .panels-enter .panel__header {
  position: absolute;
}
.panel-stacks-enter .panel-stack--right .panels-leave,
.panel-stacks-enter .panel-stack--right--search-filters .panels-leave {
  background-color: white;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
  display: block;
  height: 100%;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;
  overflow-x: hidden;
  overflow-y: auto;
  position: absolute;
  width: 311px;
  z-index: 1;
  -webkit-animation: panel--leaving--right 100ms ease-in;
          animation: panel--leaving--right 100ms ease-in;
  -webkit-transform: translateX(295px);
          transform: translateX(295px);
}
.panel-stacks-enter .panel-stack--right .panels-leave::-webkit-scrollbar,
.panel-stacks-enter .panel-stack--right--search-filters .panels-leave::-webkit-scrollbar {
  display: none;
}
.panel-stacks-enter .panel-stack--right .panels-leave .panel__header,
.panel-stacks-enter .panel-stack--right--search-filters .panels-leave .panel__header {
  position: absolute;
}
.panel-stacks-enter .panel__header {
  position: absolute;
}
.panel-stacks-leave {
  display: block;
}
.panel-stacks-leave .panel__overlay {
  background-color: black;
  cursor: pointer;
  height: 125%;
  left: 0;
  opacity: 0.6;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 102;
  -webkit-animation: panel__overlay--leaving 200ms linear;
          animation: panel__overlay--leaving 200ms linear;
  opacity: 0;
}
.panel-stacks-leave .panel-stack--left {
  -webkit-backface-visibility: hidden;
  background: white;
  display: block;
  height: 100%;
  overflow: hidden;
  position: fixed;
  top: 0;
  width: 295px;
  z-index: 3;
  left: 0;
  z-index: 102;
  -webkit-animation: panel-stack--left--leaving 100ms ease-in;
          animation: panel-stack--left--leaving 100ms ease-in;
  -webkit-transform: translateX(-295px);
          transform: translateX(-295px);
}
.panel-stacks-leave .panel-stack--left .panels-enter {
  background-color: white;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
  display: block;
  height: 100%;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;
  overflow-x: hidden;
  overflow-y: auto;
  position: absolute;
  width: 311px;
  z-index: 1;
  -webkit-animation: panel--entering--left 250ms ease-in;
          animation: panel--entering--left 250ms ease-in;
  display: inline;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.panel-stacks-leave .panel-stack--left .panels-enter::-webkit-scrollbar {
  display: none;
}
.panel-stacks-leave .panel-stack--left .panels-enter .panel__header {
  position: absolute;
}
.panel-stacks-leave .panel-stack--left .panels-leave {
  background-color: white;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
  display: block;
  height: 100%;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;
  overflow-x: hidden;
  overflow-y: auto;
  position: absolute;
  width: 311px;
  z-index: 1;
  -webkit-animation: panel--leaving--left 100ms ease-in;
          animation: panel--leaving--left 100ms ease-in;
  -webkit-transform: translateX(-295px);
          transform: translateX(-295px);
}
.panel-stacks-leave .panel-stack--left .panels-leave::-webkit-scrollbar {
  display: none;
}
.panel-stacks-leave .panel-stack--left .panels-leave .panel__header {
  position: absolute;
}
.panel-stacks-leave .panel-stack--right,
.panel-stacks-leave .panel-stack--right--search-filters {
  -webkit-backface-visibility: hidden;
  background: white;
  display: block;
  height: 100%;
  overflow: hidden;
  position: fixed;
  top: 0;
  width: 295px;
  z-index: 3;
  right: 0;
  z-index: 102;
  -webkit-animation: panel-stack--right--leaving 100ms ease-in;
          animation: panel-stack--right--leaving 100ms ease-in;
  -webkit-transform: translateX(295px);
          transform: translateX(295px);
}
.panel-stacks-leave .panel-stack--right .panels-enter,
.panel-stacks-leave .panel-stack--right--search-filters .panels-enter {
  background-color: white;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
  display: block;
  height: 100%;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;
  overflow-x: hidden;
  overflow-y: auto;
  position: absolute;
  width: 311px;
  z-index: 1;
  -webkit-animation: panel--entering--right 250ms ease-in;
          animation: panel--entering--right 250ms ease-in;
  display: inline;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.panel-stacks-leave .panel-stack--right .panels-enter::-webkit-scrollbar,
.panel-stacks-leave .panel-stack--right--search-filters .panels-enter::-webkit-scrollbar {
  display: none;
}
.panel-stacks-leave .panel-stack--right .panels-enter .panel__header,
.panel-stacks-leave .panel-stack--right--search-filters .panels-enter .panel__header {
  position: absolute;
}
.panel-stacks-leave .panel-stack--right .panels-leave,
.panel-stacks-leave .panel-stack--right--search-filters .panels-leave {
  background-color: white;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
  display: block;
  height: 100%;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;
  overflow-x: hidden;
  overflow-y: auto;
  position: absolute;
  width: 311px;
  z-index: 1;
  -webkit-animation: panel--leaving--right 100ms ease-in;
          animation: panel--leaving--right 100ms ease-in;
  -webkit-transform: translateX(295px);
          transform: translateX(295px);
}
.panel-stacks-leave .panel-stack--right .panels-leave::-webkit-scrollbar,
.panel-stacks-leave .panel-stack--right--search-filters .panels-leave::-webkit-scrollbar {
  display: none;
}
.panel-stacks-leave .panel-stack--right .panels-leave .panel__header,
.panel-stacks-leave .panel-stack--right--search-filters .panels-leave .panel__header {
  position: absolute;
}
.panel-stacks-leave .panel__header {
  position: absolute;
}
.panel {
  background-color: white;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
  display: block;
  height: 100%;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;
  overflow-x: hidden;
  overflow-y: auto;
  position: absolute;
  width: 311px;
}
.panel::-webkit-scrollbar {
  display: none;
}
.panel--hidden {
  background-color: white;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
  display: block;
  height: 100%;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;
  overflow-x: hidden;
  overflow-y: auto;
  position: absolute;
  width: 311px;
  display: none;
}
.panel--hidden::-webkit-scrollbar {
  display: none;
}
.panel--animating {
  background-color: white;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
  display: block;
  height: 100%;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;
  overflow-x: hidden;
  overflow-y: auto;
  position: absolute;
  width: 311px;
  z-index: 1;
}
.panel--animating::-webkit-scrollbar {
  display: none;
}
.panel-stack--left .panels-enter {
  background-color: white;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
  display: block;
  height: 100%;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;
  overflow-x: hidden;
  overflow-y: auto;
  position: absolute;
  width: 311px;
  z-index: 1;
  -webkit-animation: panel--entering--left 250ms ease-in;
          animation: panel--entering--left 250ms ease-in;
  display: inline;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.panel-stack--left .panels-enter::-webkit-scrollbar {
  display: none;
}
.panel-stack--left .panels-enter .panel__header {
  position: absolute;
}
.panel-stack--left .panels-leave {
  background-color: white;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
  display: block;
  height: 100%;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;
  overflow-x: hidden;
  overflow-y: auto;
  position: absolute;
  width: 311px;
  z-index: 1;
  -webkit-animation: panel--leaving--left 100ms ease-in;
          animation: panel--leaving--left 100ms ease-in;
  -webkit-transform: translateX(-295px);
          transform: translateX(-295px);
}
.panel-stack--left .panels-leave::-webkit-scrollbar {
  display: none;
}
.panel-stack--left .panels-leave .panel__header {
  position: absolute;
}
.panel-stack--right .panels-enter,
.panel-stack--right--search-filters .panels-enter {
  background-color: white;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
  display: block;
  height: 100%;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;
  overflow-x: hidden;
  overflow-y: auto;
  position: absolute;
  width: 311px;
  z-index: 1;
  -webkit-animation: panel--entering--right 250ms ease-in;
          animation: panel--entering--right 250ms ease-in;
  display: inline;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.panel-stack--right .panels-enter::-webkit-scrollbar,
.panel-stack--right--search-filters .panels-enter::-webkit-scrollbar {
  display: none;
}
.panel-stack--right .panels-enter .panel__header,
.panel-stack--right--search-filters .panels-enter .panel__header {
  position: absolute;
}
.panel-stack--right .panels-leave,
.panel-stack--right--search-filters .panels-leave {
  background-color: white;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
  display: block;
  height: 100%;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;
  overflow-x: hidden;
  overflow-y: auto;
  position: absolute;
  width: 311px;
  z-index: 1;
  -webkit-animation: panel--leaving--right 100ms ease-in;
          animation: panel--leaving--right 100ms ease-in;
  -webkit-transform: translateX(295px);
          transform: translateX(295px);
}
.panel-stack--right .panels-leave::-webkit-scrollbar,
.panel-stack--right--search-filters .panels-leave::-webkit-scrollbar {
  display: none;
}
.panel-stack--right .panels-leave .panel__header,
.panel-stack--right--search-filters .panels-leave .panel__header {
  position: absolute;
}
.nav-list--panel,
.nav-list--panel--vertical {
  margin: 10px 25px 10px 20px;
}
.nav-list--panel:first-of-type,
.nav-list--panel--vertical:first-of-type {
  border-bottom: 1px solid #eee;
  padding-bottom: 10px;
}
.nav-list--panel:last-of-type,
.nav-list--panel--vertical:last-of-type {
  border-bottom: none;
  padding-bottom: none;
}
.nav-list__item--panel {
  line-height: 35px;
  list-style: none;
}
.nav-list__item--panel--vertical {
  line-height: 46px;
  list-style: none;
}
.nav-list__item__link--panel,
.nav-list__item__link--panel--vertical,
.view__account__link--panel {
  color: #2e9adf;
  font-size: 20px;
  font-weight: 300;
  line-height: 28px;
  text-decoration: none;
}
.view__account__link--panel {
  border-bottom: 1px solid #eee;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  line-height: 35px;
  margin: 10px 38px 10px 20px;
  padding-bottom: 10px;
}
/* ---- Popover ---- */
.popover {
  position: relative;
}
.popover__trigger {
  cursor: pointer;
  display: block;
  position: relative;
  margin: 0;
  padding: 0 1px;
  background-color: transparent;
}
.platform .popover__trigger:hover,
.platform .popover__trigger:active {
  background: transparent;
  border-color: transparent;
  color: transparent;
  text-decoration: none;
}
.popover__wrap {
  background-color: white;
  border-radius: 2px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 2px 12px rgba(0, 0, 0, 0.24);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 2px 12px rgba(0, 0, 0, 0.24);
  display: none;
  left: auto;
  min-width: 125px;
  max-width: 240px;
  padding: 8px 0;
  position: absolute;
  right: -5px;
  text-align: left;
  text-overflow: ellipsis;
  top: 31px;
  white-space: nowrap;
  z-index: 9999;
}
.popover--visible .popover__wrap {
  display: block;
}
.popover__wrap:after {
  border-color: transparent transparent white;
  border-style: solid;
  border-width: 0 6px 6px;
  content: '';
  left: 50%;
  margin-left: -6px;
  position: absolute;
  top: -6px;
}
.popover-arrow-left .popover__wrap:after {
  left: 12px;
  margin-left: 0;
}
.popover-arrow-right .popover__wrap:after {
  left: auto;
  margin-left: 0;
  right: 12px;
}
.popover__wrap ul.popover-list .popover-item {
  color: #5f5f5f;
  cursor: pointer;
  display: block;
  font-size: 14px;
  font-weight: 600;
  padding: 10px 20px;
  text-align: left;
  transition: color 0.25s;
  /* stylelint-disable property-no-vendor-prefix  */
  -webkit-transition: color 0.25s;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.popover__wrap ul.popover-list .popover-item:hover {
  color: #53a63a;
  text-decoration: none;
}
.popover__wrap ul.popover-list .popover-item.popover-item--subhead {
  color: #787878;
  font: 600 11px/1em 'Niche', 'Source Sans Pro', sans-serif;
  pointer-events: none;
  padding: 12px 20px 4px;
}
.popover__wrap ul.popover-list .popover-item--postcard {
  font-size: 16px;
  font-weight: 400;
  color: #464646;
  padding: 5px 15px;
  -webkit-transition: none;
  transition: none;
}
.popover__wrap ul.popover-list .popover-item--postcard:hover {
  color: #464646;
  background: #f6f6f6;
}
.popover__wrap ul.popover-list .popover-item--postcard:active {
  background: #eef9ff;
}
.popover__wrap ul.popover-list .popover-item--warning {
  color: #e25333;
}
.popover__wrap ul.popover-list .popover-item--warning:hover {
  color: #e25333;
  background: #f6f6f6;
}
.popover-list__item {
  border-bottom: 1px solid #ddd;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.popover-list__item:last-child {
  border-bottom: 0;
}
.popover-list__item > a {
  color: #5f5f5f;
  cursor: pointer;
  display: block;
  font-size: 14px;
  font-weight: 600;
  line-height: 44px;
  padding: 0;
  text-align: left;
  -webkit-transition: color 0.25s;
  transition: color 0.25s;
}
.platform .popover-list__item > a:hover {
  color: #53a63a;
  text-decoration: none;
}
/* ---- Methodologies ---- */
.methodology {
  text-align: left;
  margin: 0 auto;
  max-width: 760px;
  padding: 15px;
}
@media only screen and (min-width: 500px)  {
  .methodology {
    padding: 15px 30px 30px;
  }
}
.methodology .factor-table {
  overflow-x: auto;
  width: 100%;
}
.methodology .factor-table .cell-right {
  text-align: right;
}
.methodology em {
  font-style: italic;
}
.methodology h1 {
  line-height: 34px;
  margin: 15px 0;
}
.methodology h2 {
  line-height: 32px;
  margin: 15px 0 10px;
}
.methodology ol {
  list-style-type: decimal;
  margin: 1em 0 1em 40px;
}
.methodology ul {
  list-style: disc;
  padding: 0 0 0 1.5em;
}
.methodology ol li {
  line-height: 1.4;
  margin: 0 0 1em;
}
.methodology ol li ul {
  margin: 1em 0 0;
}
.methodology table {
  border-collapse: collapse;
  border-color: #ddd;
  border-spacing: 0;
  display: block;
  margin-bottom: 1em;
  min-width: 400px;
  overflow-x: auto;
  position: relative;
  width: 100%;
}
.methodology table tr td {
  border-bottom: 1px solid #eee;
  display: table-cell;
  padding: 6px 10px;
  text-align: left;
  vertical-align: top;
}
.methodology table tr th {
  border-bottom: 1px solid #ddd;
  display: table-cell;
  font-weight: 700;
  padding: 6px 10px;
  text-align: left;
  vertical-align: bottom;
}
.methodology table tr td:first-child,
.methodology table tr th:first-child {
  padding-left: 0;
}
.methodology__back-link {
  display: inline-block;
  padding: 15px 0 0;
}
.methodology__back-link .icon-arrowleft-thin,
.methodology__back-link .pagination__arrows .icon-arrowleft-thin--pagination,
.methodology__back-link .icon-arrowleft-thin--panel__option,
.methodology__back-link .icon-arrowleft-thin--expansion,
.methodology__back-link .pagination__next .icon-arrowleft-thin--pagination,
.methodology__back-link .pagination__previous .icon-arrowleft-thin--pagination,
.methodology__back-link .pagination__next--disabled .icon-arrowleft-thin--pagination,
.methodology__back-link .pagination__previous--disabled .icon-arrowleft-thin--pagination {
  position: relative;
  top: 2px;
}
.methodology-button {
  font-size: 16px;
  margin: 15px 0;
}
.methodology .methodology-button {
  margin: 15px 0;
}
@media only screen and (min-width: 500px)  {
  .methodology-heading {
    margin: 30px 0 15px;
  }
  .methodology table {
    display: table;
  }
}
/* ---- Temporary Backpack ---- */
@-webkit-keyframes temp-backpack-animate-item-in {
  0% {
    opacity: 0;
  }
  40% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes temp-backpack-animate-item-in {
  0% {
    opacity: 0;
  }
  40% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes temp-backpack-full-flash {
  0% {
    background-color: #c5e4b8;
  }
  30% {
    background-color: #c5e4b8;
  }
  100% {
    background-color: #7cbc67;
  }
}
@keyframes temp-backpack-full-flash {
  0% {
    background-color: #c5e4b8;
  }
  30% {
    background-color: #c5e4b8;
  }
  100% {
    background-color: #7cbc67;
  }
}
@-webkit-keyframes temp-backpack-peek-item-in {
  0% {
    -webkit-transform: translate(400px, 0);
            transform: translate(400px, 0);
    opacity: 0;
  }
  50% {
    -webkit-transform: translate(400px, 0);
            transform: translate(400px, 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
}
@keyframes temp-backpack-peek-item-in {
  0% {
    -webkit-transform: translate(400px, 0);
            transform: translate(400px, 0);
    opacity: 0;
  }
  50% {
    -webkit-transform: translate(400px, 0);
            transform: translate(400px, 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
}
.temp-backpack {
  background: #7cbc67;
  bottom: 0;
  height: 300px;
  max-width: 100%;
  position: fixed;
  right: 0;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  -webkit-transform: translate(0, 400px);
          transform: translate(0, 400px);
  width: 500px;
  z-index: 100;
  /* Panels are 11 */
}
.temp-backpack.temp-backpack--closed {
  -webkit-transform: translate(0, 250px);
          transform: translate(0, 250px);
}
.temp-backpack.temp-backpack--closed.temp-backpack--maxed {
  -webkit-transform: translate(0, 212px);
          transform: translate(0, 212px);
}
.temp-backpack.temp-backpack--flash {
  -webkit-animation: temp-backpack-full-flash 0.5s linear;
          animation: temp-backpack-full-flash 0.5s linear;
}
.temp-backpack.temp-backpack--open {
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}
.temp-backpack.temp-backpack--peek-in:not(.temp-backpack--open) {
  -webkit-transform: translate(0, 170px);
          transform: translate(0, 170px);
}
.temp-backpack.temp-backpack--peek-in:not(.temp-backpack--open) .temp-backpack__content {
  padding-top: 5rem;
}
.temp-backpack.temp-backpack--peek-in:not(.temp-backpack--open) .temp-backpack__items {
  -webkit-box-shadow: none;
          box-shadow: none;
  overflow: hidden;
  position: relative;
  top: -8rem;
}
.temp-backpack.temp-backpack--peek-in:not(.temp-backpack--open).temp-backpack--peek-in-close {
  -webkit-transform: translate(0, 250px);
          transform: translate(0, 250px);
}
@media only screen and (min-width: 500px)  {
  .temp-backpack {
    border-radius: 6px 0 0;
  }
}
.temp-backpack__content {
  height: 300px;
  padding: 0.75em 1em 0;
}
.temp-backpack__cta {
  color: white;
  margin: -5px 0 10px;
}
.temp-backpack__cta__link,
.temp-backpack__cta__link:hover {
  color: white;
  cursor: pointer;
  font-weight: 600;
  text-decoration: underline;
}
.temp-backpack__header {
  background: #4ea361;
  color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 50px;
  padding: 12px 0 0 95px;
  position: relative;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  /* Only show cursor if it's closed */
}
.temp-backpack--closed .temp-backpack__header {
  cursor: pointer;
}
@media only screen and (min-width: 350px)  {
  .temp-backpack__header {
    padding: 12px 12px 0 90px;
  }
}
@media only screen and (min-width: 500px)  {
  .temp-backpack__header {
    border-radius: 6px 0 0;
    padding-left: 120px;
  }
}
.temp-backpack__header__button {
  color: transparent;
  font-size: 24px;
  line-height: 50px;
  margin: -12px 0 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  width: 40px;
  /* Override style so that the text that is there
	   for accessibility purposes isn't actually displayed */
}
.temp-backpack__header__button::before {
  color: #c5e4b8;
}
.temp-backpack__header__button:hover {
  color: transparent;
}
.temp-backpack__header__button:hover::before {
  color: white;
}
.temp-backpack__header__button.button--bare,
.temp-backpack__header__button.button--bare:active,
.temp-backpack__header__button.button--bare:focus,
.temp-backpack__header__button.button--bare:hover {
  color: transparent;
  padding-left: 8px;
}
.temp-backpack__header__illustration {
  background: url(https://d33a4decm84gsn.cloudfront.net/static/temp-backpack/add-to-list-graphic.svg);
  background-position: -17px 0;
  background-repeat: no-repeat;
  background-size: 100%;
  bottom: 0;
  height: 57px;
  left: 0;
  position: absolute;
  width: 115px;
}
@media only screen and (min-width: 500px)  {
  .temp-backpack__header__illustration {
    background-position: 0 0;
    background-size: 100%;
  }
}
.temp-backpack__header__title {
  color: white;
  font-size: 18px;
  line-height: 26px;
  font: 400 1em/1.4 'Source Sans Pro', sans-serif;
}
@media only screen and (min-width: 350px)  {
  .temp-backpack__header__title {
    font-family: 'Niche';
    font-weight: 600;
    font-size: 13px;
    padding-top: 3px;
  }
}
@media only screen and (min-width: 500px)  {
  .temp-backpack__header__title {
    font-family: 'Niche';
    font-weight: 600;
    font-size: 15px;
  }
}
.temp-backpack__header__title--logged-in {
  font-family: 'Niche';
  font-weight: 600;
  font-size: 13px;
  padding-left: 10px;
  padding-top: 3px;
}
@media only screen and (min-width: 350px)  {
  .temp-backpack__header__title--logged-in {
    font-size: 16px;
    padding-left: 10px;
    padding-top: 2px;
  }
}
.temp-backpack__items {
  border-radius: 2px 2px 0 0;
  -webkit-box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.9);
          box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.9);
  height: 180px;
  margin-top: 6px;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}
.temp-backpack--maxed .temp-backpack__items {
  height: 153px;
}
.tbp_cta-variation1-temp-backpack__items {
  height: 130px;
}
.tbp_cta-variation1-facebook-button-spacing {
  margin-top: 5px;
}
.tbp_cta-variation1-facebook-button-spacing::before {
  margin-right: 4px;
}
.tbp_cta-variation2-email-form-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.tbp_cta-variation2-email-field {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  border-radius: 2px 0 0 2px;
  border: none;
  font-size: 16px;
}
.tbp_cta-variation2-save-button {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  border-radius: 0 2px 2px 0;
  padding: 0.7em 1em;
  max-width: 80px;
}
.temporary-backpack-item:nth-child(10) {
  z-index: 0;
}
.temporary-backpack-item:nth-child(9) {
  z-index: 1;
}
.temporary-backpack-item:nth-child(8) {
  z-index: 2;
}
.temporary-backpack-item:nth-child(7) {
  z-index: 3;
}
.temporary-backpack-item:nth-child(6) {
  z-index: 4;
}
.temporary-backpack-item:nth-child(5) {
  z-index: 5;
}
.temporary-backpack-item:nth-child(4) {
  z-index: 6;
}
.temporary-backpack-item:nth-child(3) {
  z-index: 7;
}
.temporary-backpack-item:nth-child(2) {
  z-index: 8;
}
.temporary-backpack-item:nth-child(1) {
  z-index: 9;
}
.temporary-backpack-item {
  background: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.5em 0.75em 0.5em 0;
}
.temporary-backpack-item + .temporary-backpack-item {
  border-top: 1px solid #e6e6e6;
}
.temp-backpack--peek-in:not(.temp-backpack--open) .temporary-backpack-item {
  opacity: 0;
}
.temporary-backpack-item-appear,
.temporary-backpack-item-enter {
  -webkit-animation: temp-backpack-animate-item-in 1s linear;
          animation: temp-backpack-animate-item-in 1s linear;
}
.temp-backpack--peek-in:not(.temp-backpack--open) .temporary-backpack-item-appear,
.temp-backpack--peek-in:not(.temp-backpack--open) .temporary-backpack-item-enter {
  -webkit-animation: temp-backpack-peek-item-in 0.5s ease-out;
          animation: temp-backpack-peek-item-in 0.5s ease-out;
  border-radius: 2px;
  -webkit-box-shadow: 0 1px 7px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.15);
          box-shadow: 0 1px 7px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.15);
  left: 0;
  opacity: 1;
  position: absolute;
  top: 7px;
  width: 100%;
}
@media only screen and (min-width: 500px)  {
  .temp-backpack--peek-in:not(.temp-backpack--open) .temporary-backpack-item-appear,
  .temp-backpack--peek-in:not(.temp-backpack--open) .temporary-backpack-item-enter {
    top: 0;
  }
}
.temporary-backpack-item__entity {
  -webkit-box-flex: 1;
      -ms-flex: 1 auto;
          flex: 1 auto;
  width: calc(100% - 36px);
}
.temporary-backpack-item__entity__link {
  display: block;
  font-size: 18px;
  line-height: 22px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.temporary-backpack-item__entity__tagline {
  color: #919191;
  display: block;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.temporary-backpack-item__icon {
  color: #a4d394;
  -webkit-box-flex: 0;
      -ms-flex: 0 auto;
          flex: 0 auto;
  font-size: 20px;
  padding: 0 8px;
}
/* ---- Account ---- */
.account-nav {
  background: #c5e4b8;
  font-size: 16px;
}
.account-nav-list {
  padding: 0 7px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 1200px;
  margin: 0 auto;
}
@media only screen and (min-width: 768px)  {
  .account-nav-list {
    font-size: 18px;
  }
}
.account-nav-item {
  padding: 12px 0 8px;
  margin: 0 8px;
  border-bottom: 4px solid transparent;
}
.account-nav-item svg {
  margin-right: 1px;
  fill: #464646;
}
.account-nav-item__link {
  color: #464646;
}
.account-nav-item__link:hover {
  text-decoration: none;
  color: #464646;
}
.account-nav-item--active {
  border-bottom-color: #409126;
  color: #409126;
}
.account-nav-item--active svg {
  margin-right: 1px;
  fill: #409126;
}
.account-sherlock {
  max-width: 700px;
  margin: 0 auto;
  padding: 15px 15px 0;
  /* --- Tabbed Content --- */
  /* --- Sherlock --- */
}
.account-sherlock .tabbed-content__body--active {
  background: #53a63a;
  border-radius: 0 0 3px 3px;
  padding: 4px;
}
.account-sherlock [class^='tabbed-content-tab']:first-of-type {
  border-top-left-radius: 3px;
  border-left: 0;
}
.account-sherlock [class^='tabbed-content-tab']:last-of-type {
  border-top-right-radius: 3px;
}
.account-sherlock .tabbed-content-tab,
.account-sherlock .tabbed-content-tab--active {
  background-color: #e9f7e2;
  border-left: 1px solid #e6e6e6;
  border-bottom: 0;
  color: #53a63a;
  cursor: pointer;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4em;
  padding: 0.5em;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.account-sherlock .tabbed-content-tab:hover,
.account-sherlock .tabbed-content-tab--active:hover {
  background-color: white;
  color: #53a63a;
}
.account-sherlock .tabbed-content-tab.tabbed-content-tab--active,
.account-sherlock .tabbed-content-tab--active.tabbed-content-tab--active {
  background-color: #53a63a;
  color: white;
  font-weight: 400;
}
@media only screen and (min-width: 375px)  {
  .account-sherlock .tabbed-content-tab,
  .account-sherlock .tabbed-content-tab--active {
    font-size: 16px;
  }
}
.account-sherlock [class^='sherlock__wrapper'] {
  margin: 0;
  padding: 0;
}
.account-sherlock .icon-search-thin--sherlock,
.account-sherlock .icon-search-thin--sherlock--search-filter {
  color: #53a63a;
  right: 8px;
  top: -1px;
  font-size: 22px;
}
.account-sherlock .sherlock,
.account-sherlock .sherlock--success,
.account-sherlock .sherlock--error,
.account-sherlock .sherlock--search-filter,
.account-sherlock .sherlock--sherlock-list {
  border: 0;
  font-size: 18px;
  height: 43px;
  padding: 0 40px 0 10px;
}
.account-sherlock .sherlock__results {
  left: 0;
  top: 43px;
}
.account-sherlock-wrap {
  display: block;
  margin: 10px auto 20px;
  max-width: 800px;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1), 0 0 2px rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1), 0 0 2px rgba(0, 0, 0, 0.1);
  background: #53a63a;
  border: solid #53a63a 5px;
}
.account-sherlock-wrap .sherlock__wrapper,
.account-sherlock-wrap .sherlock__wrapper--results-visible,
.account-sherlock-wrap .sherlock__wrapper--sherlock-list,
.account-sherlock-wrap .sherlock__wrapper--sherlock-list--results-visible {
  margin-top: 2px;
}
.account-sherlock-wrap .field__icon {
  color: #464646;
}
.deactivation__message {
  margin: 20px 0;
  text-align: center;
}
.deactivation {
  max-width: 700px;
  margin: 0 auto;
  padding: 70px 15px;
  text-align: center;
}
.deactivation__email {
  word-break: break-word;
}
.field-group__wrapper--demo-consent {
  padding-bottom: 10px;
}
.field-group__label--your-list {
  color: #53a63a;
}
.field-group__label--your-list::before {
  content: '\E619';
  font-family: 'Niche-Interface-Symbols';
  font-size: 18px;
  padding-right: 5px;
}
.field-group--radio--demo-consent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.field-group--radio--demo-consent .radio-input--consentAnyCollege,
.field-group--radio--demo-consent .radio-input--consentAnySchool {
  padding-right: 1.333em;
}
.lead-toggle {
  color: #787878;
  font-size: 14px;
  line-height: 18px;
}
.lead-toggle strong {
  font-weight: 700;
}
.lead-toggle--consent-disclaimer,
.lead-toggle__toggle--consent-disclaimer {
  display: inline;
}
.lead-toggle__toggle--consent-disclaimer--hidden {
  display: inline;
}
.lead-toggle__toggle--consent-disclaimer--hidden .lead-toggle__toggle__body {
  display: none;
}
.lead-toggle__toggle--consent-disclaimer--hidden .lead-toggle__toggle__link--consent-disclaimer::before {
  content: 'Learn More';
  display: inline;
}
.lead-toggle__toggle__body {
  display: inline;
}
.lead-toggle__toggle__body p {
  padding-top: 10px;
}
.lead-toggle__toggle__link--consent-disclaimer::before {
  content: 'Hide';
}
.lead-toggle__toggle__link--consent-disclaimer:hover {
  text-decoration: none;
}
.demographics {
  border-radius: inherit;
}
.demographics .form__wrapper {
  border-radius: inherit;
  margin-bottom: 0;
  margin-top: 0;
  padding-bottom: 30px;
  padding-top: 10px;
}
@media only screen and (min-width: 768px)  {
  .demographics .form__wrapper {
    padding-top: 45px;
  }
}
/* Fix for our small forms without tooltips -
     overflow allows the sherlock results to be
     visible since they extend into the footer area */
.demographics .demographics-form--collegeOther,
.demographics .demographics-form--k12Prospect,
.demographics .demographics-form--localProspect {
  overflow: visible;
}
.demographics-form-wrapper {
  border-radius: inherit;
}
.demographics-header {
  /* stylelint-disable */
  padding: 30px 15px 70px;
  /* stylelint-enable */
  position: relative;
}
.demographics-header::after {
  background: #53a63a url(../../static/niche-bg-pattern.png) repeat;
  background-size: 96px 48px;
  bottom: 0;
  content: '';
  height: 40px;
  left: 0;
  position: absolute;
  right: 0;
  width: auto;
}
@media only screen and (min-width: 500px)  {
  .demographics-header {
    padding: 50px 0 100px;
    text-align: center;
  }
}
.demographics-header__descr {
  padding: 15px 0 10px;
  margin: 0 auto;
  max-width: 700px;
}
@media only screen and (min-width: 500px)  {
  .demographics-header__descr {
    padding: 5px 15px 0;
  }
}
.demographics-header__title {
  font-size: 26px;
  line-height: 1em;
  padding: 0;
}
@media only screen and (min-width: 500px)  {
  .demographics-header__title {
    font-size: 32px;
    margin: 0 auto;
    max-width: 700px;
    padding: 10px;
  }
}
.edit-profile {
  background-color: #eee;
  padding-bottom: 30px;
}
.edit-profile__wrapper {
  max-width: 1000px;
  margin: 0 auto;
}
@media only screen and (min-width: 768px)  {
  .edit-profile__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.edit-profile__form-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 26px;
}
@media only screen and (min-width: 768px)  {
  .edit-profile__form-wrapper {
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (min-width: 1024px)  {
  .edit-profile__form-wrapper {
    padding-left: 30px;
    padding-right: 30px;
  }
}
.edit-profile__form-wrapper .conjoined-inner__wrapper {
  min-width: 25%;
}
.edit-profile__form-wrapper .form,
.edit-profile__form-wrapper .form--disabled,
.edit-profile__form-wrapper .form--loading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.edit-profile__form-wrapper .form__heading--padded-top {
  padding-top: 15px;
}
@media only screen and (min-width: 768px)  {
  .edit-profile__form-wrapper .form__heading--padded-top {
    padding-top: 30px;
  }
}
.edit-profile__form-wrapper .form__submit {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-bottom: 40px;
  margin-top: 40px;
  text-align: right;
}
@media only screen and (min-width: 500px)  {
  .edit-profile__form-wrapper .form__submit {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}
@media only screen and (min-width: 768px)  {
  .edit-profile__form-wrapper .form__submit {
    margin-top: 20px;
  }
}
.edit-profile__form-wrapper .form__submit__btn--cancel {
  margin-left: 3px;
}
.edit-profile__form-wrapper .form__separator__title {
  color: #007ac8;
  font-size: 22px;
  line-height: 28px;
}
@media only screen and (min-width: 600px)  {
  .edit-profile__form-wrapper .form__separator__title {
    font-size: 26px;
    line-height: 30px;
  }
}
.edit-profile__form-wrapper .field-group__wrapper:first-of-type {
  margin-top: 0;
}
.edit-profile__form-wrapper .field-group__wrapper .form__heading {
  font: 600 18px/1.2 'Source Sans Pro', sans-serif;
  color: #53a63a;
}
.edit-profile__form-wrapper .field-group__wrapper .form__heading-description {
  margin-top: 0.5em;
}
.edit-profile__form-wrapper .field-group__wrapper--group-2--left,
.edit-profile__form-wrapper .field-group__wrapper--group-2--right {
  width: 100%;
}
@media only screen and (min-width: 600px)  {
  .edit-profile__form-wrapper .field-group__wrapper--group-2--left,
  .edit-profile__form-wrapper .field-group__wrapper--group-2--right {
    width: 50%;
  }
}
.edit-profile__form-wrapper .field-group__wrapper--group-2--left .field-group__label__text,
.edit-profile__form-wrapper .field-group__wrapper--group-2--right .field-group__label__text {
  white-space: normal;
}
.edit-profile__form-wrapper .field-group__wrapper--group-2--left {
  padding: 0 0 20px;
}
@media only screen and (min-width: 600px)  {
  .edit-profile__form-wrapper .field-group__wrapper--group-2--left {
    padding: 0 10px 20px 0;
  }
}
.edit-profile__form-wrapper .field-group__wrapper--group-2--right {
  padding: 0 0 20px;
}
@media only screen and (min-width: 600px)  {
  .edit-profile__form-wrapper .field-group__wrapper--group-2--right {
    padding: 0 0 20px 10px;
  }
}
.edit-profile__form-wrapper .field-group__wrapper--group-2--near {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 135px;
          flex: 0 1 135px;
  padding-right: 5px;
}
.edit-profile__form-wrapper .field-group__wrapper--group-2--near .button {
  white-space: nowrap;
}
.edit-profile__category {
  position: relative;
}
.edit-profile__category .loading-indicator {
  background: rgba(240, 240, 240, 0.7);
}
@media only screen and (min-width: 768px)  {
  .edit-profile__category {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding: 10px 15px 10px 0;
  }
}
.edit-profile__form {
  padding-top: 0;
}
.edit-profile__category__category-header {
  font-size: 26px;
  color: #53a63a;
  margin: 0 auto;
  max-width: 700px;
  padding: 0 15px 1em;
  display: none;
}
@media only screen and (min-width: 500px)  {
  .edit-profile__category__category-header {
    padding: 0 30px 1em;
  }
}
@media only screen and (min-width: 768px)  {
  .edit-profile__category__category-header {
    padding: 0 0 1em;
  }
}
.edit-profile__category__section-description {
  margin-top: -0.5em;
  margin-bottom: 0.75em;
}
.content__wrapper.content__wrapper--email-verification {
  min-height: calc(85vh - 44px);
  width: 100vw;
  /* stylelint-disable-next-line */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #b4e8da), to(#e2f2f7));
  background: linear-gradient(to bottom, #b4e8da 0, #e2f2f7 100%);
}
.email-verification-wrap {
  text-align: center;
  max-width: 500px;
  margin: 0 auto;
  padding: 10vh 15px 15px;
}
@media only screen and (min-width: 768px)  {
  .email-verification-wrap {
    max-width: 650px;
  }
}
.email-verification__paragraph {
  padding: 5px 0 15px;
}
.email-verification__image {
  width: 100%;
  height: 150px;
}
@media only screen and (min-width: 768px)  {
  .email-verification__image {
    height: 200px;
  }
}
.email-verification__image.email-verification__image--sent {
  background: url(https://d33a4decm84gsn.cloudfront.net/static/email-verification/email-sent.svg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.email-verification__image.email-verification__image--verified {
  background: url(https://d33a4decm84gsn.cloudfront.net/static/email-verification/email-verified.svg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
/* When a new card is added, animate that
   card by fading in and sliding down -
   we can't animate height, so we just animate
   an arbitrary max-height */
@-webkit-keyframes entity-card--entering {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  40% {
    opacity: 0;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes entity-card--entering {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  40% {
    opacity: 0;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
/* When a new card is removed, perform the
   opposite of entering */
@-webkit-keyframes entity-card--leaving {
  0% {
    opacity: 1;
    max-height: 500px;
  }
  100% {
    opacity: 0;
    max-height: 0;
  }
}
@keyframes entity-card--leaving {
  0% {
    opacity: 1;
    max-height: 500px;
  }
  100% {
    opacity: 0;
    max-height: 0;
  }
}
.entity-card-list {
  margin: 0 auto;
  max-width: 700px;
  padding: 5px 0;
  position: relative;
}
@media only screen and (min-width: 600px)  {
  .entity-card-list {
    padding: 5px 15px;
  }
}
.entity-card-list .entity-card--draggable {
  margin-top: 10px;
}
.entity-card-list .entity-card--draggable:focus {
  outline: 1px solid #007ac8;
}
.entity-card--is-dragging {
  -webkit-box-shadow: 0 5px 12px rgba(0, 0, 0, 0.35);
          box-shadow: 0 5px 12px rgba(0, 0, 0, 0.35);
}
.entity-card-list__no-results {
  color: #7cbc67;
  font-size: 20px;
  margin: 0 auto 25px;
  max-width: 275px;
  text-align: center;
}
.entity-card-list__no-results p {
  line-height: 1.25;
  padding: 25px 0 0;
}
.entity-card-enter {
  -webkit-animation: entity-card--entering 500ms ease;
          animation: entity-card--entering 500ms ease;
}
.entity-card-leave {
  -webkit-animation: entity-card--leaving 500ms ease-in;
          animation: entity-card--leaving 500ms ease-in;
}
.entity-card__name {
  color: #ababab;
  line-height: 1.25em;
  font-size: 14px;
}
.entity-card__name__link {
  color: #007ac8;
  display: block;
  font-size: 18px;
  font-weight: 400;
  line-height: 20px;
  text-decoration: none;
}
@media only screen and (min-width: 500px)  {
  .entity-card__name__link {
    font-size: 22px;
    line-height: 24px;
  }
}
@media only screen and (min-width: 768px)  {
  .entity-card__name__link {
    font-size: 24px;
    line-height: 26px;
  }
}
.entity-card__name__tagline {
  display: block;
  padding: 3px 0;
}
.entity-card__tagline {
  color: #ababab;
  line-height: 1.25em;
  font-size: 14px;
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  padding: 3px 0;
}
.entity-card__tagline__item {
  display: inline-block;
}
.entity-card__tagline__item:not(:last-child)::after {
  display: inline-block;
  width: 21px;
  text-align: center;
  content: '\B7';
}
.entity-card__actions__remove {
  color: #919191;
  cursor: pointer;
  display: inline-block;
  position: relative;
  -webkit-transition: color 0.25s;
  transition: color 0.25s;
}
.entity-card__actions__remove:hover {
  color: inherit;
}
.platform .entity-card__actions__remove:hover {
  color: #e25333;
  text-decoration: none;
}
.entity-card__actions__remove--removing {
  color: #919191;
  cursor: pointer;
  display: inline-block;
  position: relative;
  -webkit-transition: color 0.25s;
  transition: color 0.25s;
  pointer-events: none;
}
.entity-card__actions__remove--removing:hover {
  color: inherit;
}
.platform .entity-card__actions__remove--removing:hover {
  color: #e25333;
  text-decoration: none;
}
.entity-card__actions__profile {
  color: #007ac8;
  float: right;
  display: inline-block;
  position: relative;
}
.icon-exit-thin--entity-card {
  position: relative;
  top: 2px;
}
.icon-arrowright-thin--entity-card {
  position: relative;
  top: 2px;
}
.icon-search-thin--entity-list {
  color: #53a63a;
  cursor: pointer;
  font-size: 22px;
}
.account-hello {
  background: #7cbc67 url(../../static/niche-bg-pattern-lighter.png) repeat;
  background-attachment: fixed;
  background-size: 96px 48px;
  height: 105px;
  position: relative;
}
.account-hello--header {
  margin: 0 auto;
  max-width: 580px;
  padding: 0 10px;
  position: relative;
}
@media only screen and (min-width: 768px)  {
  .account-hello--header {
    padding: 0;
  }
}
.account-hello--name {
  color: #e9f7e2;
  font-size: 30px;
  line-height: 40px;
  overflow: hidden;
  padding-top: 30px;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.account-hello--actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  line-height: 21px;
}
.account-hello--action {
  padding: 0 5px;
  text-align: right;
}
.account-hello--action a {
  color: white;
  font-size: 16px;
}
.account-hello--action a:hover {
  color: white;
}
.account-hello--action--hidden {
  visibility: hidden;
}
.icon-account-thin--account-hello {
  color: #c5e4b8;
  display: inline;
  font-size: 40px;
  left: 0;
  margin: 0 10px 0 0;
  position: absolute;
  top: 42px;
}
@media only screen and (max-width: 767px)  {
  .account-hello--header {
    padding: 0 10px;
  }
  .icon-account-thin--account-hello {
    left: 10px;
  }
}
.account-disclaimer {
  border-top: 1px solid #ccc;
  color: #787878;
  font-size: 14px;
  line-height: 18px;
  margin: 30px 15px 0;
  max-width: 580px;
  padding: 15px 0 45px;
}
.account-disclaimer strong {
  font-weight: 600;
}
.account-disclaimer__before-toggle,
.account-disclaimer__toggle {
  display: inline;
}
.account-disclaimer__toggle--hidden {
  display: inline;
}
.account-disclaimer__toggle--hidden .account-disclaimer__toggle__content {
  display: none;
}
.account-disclaimer__toggle--hidden .account-disclaimer__toggle__link::before {
  content: 'Learn More';
}
.account-disclaimer__toggle__content {
  display: inline;
}
.account-disclaimer__toggle__content p {
  padding-top: 10px;
}
.account-disclaimer__toggle__link::before {
  content: 'Hide';
}
.account-disclaimer__toggle__link:hover {
  text-decoration: none;
}
.account-home {
  background-color: #e6e6e6;
  color: #fafafa;
  position: relative;
  z-index: 4;
}
.account-home .card__inner {
  padding: 15px 15px 8px;
}
@media only screen and (min-width: 500px)  {
  .account-home .card__inner {
    padding: 15px;
  }
}
@media only screen and (min-width: 768px)  {
  .account-home .card__inner {
    padding: 20px 20px 15px;
  }
}
@media only screen and (min-width: 600px)  {
  .account-disclaimer {
    margin: 30px auto 0;
  }
}
.offer-logo {
  -webkit-box-flex: 1;
      -ms-flex: 1 auto;
          flex: 1 auto;
  margin: 0 15px 5px 0;
  width: 100%;
}
@media only screen and (min-width: 500px)  {
  .offer-logo {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 150px;
            flex: 0 0 150px;
    margin: 0 15px 0 0;
    width: 150px;
  }
}
.offer-logo__image {
  height: auto;
  width: 150px;
}
.offer-option__input + .field-group__label--checkbox::before {
  left: -25px;
  position: absolute;
}
.offer-option .field-group__label--checkbox {
  display: block;
  font-size: 14px;
  position: relative;
  margin-left: 25px;
  margin-top: 5px;
}
.offers {
  padding: 0 0 15px;
}
@media only screen and (min-width: 500px)  {
  .offers {
    padding: 0 0 30px;
  }
}
.offers-recs {
  max-width: 800px;
  padding: 15px 0;
}
.offers-recs__footer {
  padding: 0 15px;
}
.offers-recs__footer__disclaimer {
  color: #787878;
  font-size: 14px;
  line-height: 18px;
  margin: 0 0 20px;
}
.offers-recs__footer__submit {
  font-size: 20px;
  width: 100%;
}
.offers-recs__header {
  min-height: 140px;
  padding: 30px 15px;
}
/* TODO: Modify deeply nested classes to only have one __element */
.offers-recs__header__content {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.offers-recs__header__content__icon {
  background-repeat: no-repeat;
  background-size: 60px 60px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 75px;
          flex: 0 0 75px;
  height: 60px;
}
.offers-recs__header__content__icon--colleges {
  background-image: url(https://d33a4decm84gsn.cloudfront.net/static/offers/colleges.svg);
}
.offers-recs__header__content__icon--k12 {
  background-image: url(https://d33a4decm84gsn.cloudfront.net/static/offers/k12.svg);
}
.offers-recs__header__content__title {
  -webkit-box-flex: 1;
      -ms-flex: 1 auto;
          flex: 1 auto;
  font-size: 28px;
  line-height: 1em;
}
.offers-recs__header__text {
  color: #787878;
  font-size: 14px;
  line-height: 18px;
  margin-top: 10px;
}
.offers-recs__list {
  list-style-type: none;
  margin: 0;
  padding: 0 0 30px;
}
.offers-recs__list__item {
  border-bottom: 1px solid #ddd;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 15px;
}
.offers-recs__list__title {
  background-color: #e6e6e6;
  border-bottom: 1px solid #ddd;
  padding: 10px 15px;
}
@media only screen and (min-width: 500px)  {
  .offers-recs__list--recommendations .offers-recs__list__title {
    text-align: right;
  }
}
.offers-recs__header__text__before-toggle,
.offers-recs-toggle,
.offers-recs-toggle__content,
.offers-recs-toggle__link {
  display: inline;
}
.offers-recs-toggle--hidden {
  display: inline;
}
.offers-recs-toggle--hidden .offers-recs-toggle__content {
  display: none;
}
.offers-recs-toggle--hidden .offers-recs-toggle__link::before {
  content: 'Learn More';
  display: inline;
}
.offers-recs-toggle__link::before {
  content: 'Hide';
}
.offers-recs-toggle__content p {
  padding-top: 10px;
}
.offers-recs-toggle__link:hover {
  text-decoration: none;
}
/* Maintain hover colors on touch */
.platform--touch .offers-recs-toggle__link:hover::before,
.platform--touch .offers-recs-toggle__link:hover::after {
  color: #007ac8;
}
@media only screen and (min-width: 500px)  {
  .offers-recs {
    padding: 15px 15px 30px;
  }
  .offers-recs__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    padding: 0;
  }
  .offers-recs__footer__disclaimer {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0px;
            flex: 1 0 0;
    max-width: 320px;
    padding: 0 30px 0 0;
    text-align: right;
  }
  .offers-recs__footer__submit {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 200px;
            flex: 0 0 200px;
  }
  .offers-recs__header {
    padding: 30px 0;
  }
  .offers-recs__list__item {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}
@media only screen and (min-width: 768px)  {
  .offers-recs {
    margin: 0 auto;
  }
  .offers-recs__header {
    padding: 30px 15px 30px 120px;
    position: relative;
  }
  .offers-recs__header__content {
    display: block;
  }
  .offers-recs__header__content__icon {
    background-size: 80px 80px;
    height: 80px;
    left: 5px;
    position: absolute;
    top: 32px;
    width: 80px;
  }
}
/* Leave at bottom so it applies after breakpoint-specific rules */
.offers-recs__footer--border-top {
  border-top: 2px solid #ccc;
  padding-bottom: 30px;
  padding-top: 30px;
}
.offers-recs-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.offers-recs-list-item {
  border-bottom: 1px solid #ddd;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 15px;
}
@media only screen and (min-width: 500px)  {
  .offers-recs-list-item {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}
.recommendations-list .offers-recs-list-item {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.recommendations-list .offers-recs-list-item:nth-child(-n+4) {
  background-color: #e9f7e2;
}
.recommendations-list .offers-recs-list-item:nth-child(-n+4) .button--featured {
  background: rgba(255, 255, 255, 0.8);
}
.recommendations-list .offers-recs-list-item:nth-child(-n+4) .button--atl-added {
  background: #53a63a;
}
.recommendations-list .offers-recs-list-item:nth-child(-n+4) .recommendation__entity {
  color: #53a63a;
}
.recommendations-surplus .offers-recs-list-item {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.offers-recs-list-no-results {
  font-size: 20px;
  font-weight: 400;
  line-height: 22px;
  margin: 50px auto;
  max-width: 400px;
  padding: 0;
  text-align: center;
}
.offers-recs-list-title {
  background-color: #e6e6e6;
  border-bottom: 1px solid #ddd;
  padding: 10px 15px;
}
.recommendation {
  -webkit-box-flex: 1;
      -ms-flex: 1 auto;
          flex: 1 auto;
}
.recommendation-add {
  -webkit-box-flex: 0;
      -ms-flex: 0 auto;
          flex: 0 auto;
  padding: 0 0 0 15px;
  min-width: -webkit-min-content;
  min-width: -moz-min-content;
  min-width: min-content;
}
.recommendation-add .button--atl-added > .add-to-list__text {
  color: white;
}
.recommendation-add .button--atl-added > .add-to-list__text::before {
  display: none;
}
.recommendation__entity {
  color: #007ac8;
  font-size: 18px;
  line-height: 22px;
}
.recommendation-facts {
  font-size: 12px;
  letter-spacing: 0.02em;
  line-height: 16px;
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.recommendation-facts__item {
  color: #919191;
  display: inline-block;
}
.recommendation-facts__item:not(:last-child)::after {
  content: '\B7';
  display: inline-block;
  text-align: center;
  width: 0.8em;
}
.recommendation-facts__item [class^='review__stars__icon'] {
  top: 1px;
}
.recommendation-facts__item .review__stars__number__reviews {
  font-size: 12px;
}
.recommendations {
  padding: 0 0 40px;
  position: relative;
}
.recommendations .loading-indicator {
  bottom: 90px;
  top: 43px;
}
@media only screen and (min-width: 500px)  {
  .recommendations-header {
    text-align: right;
  }
}
.recommendation-header__atl-emphasis {
  color: #53a63a;
  font-style: normal;
  font-weight: 600;
}
.recommendations-more-button-wrapper {
  margin: 30px auto 0;
  text-align: center;
}
.recommendations-more-button .niche-icon--load-more {
  margin: 0 5px -4px 0;
  left: -3px;
  position: relative;
  top: 2px;
}
.recommendations-surplus .offers-recs-list-item {
  opacity: 0;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.recommendations-surplus--animate .offers-recs-list-item:nth-child(1) {
  opacity: 1;
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
}
.recommendations-surplus--animate .offers-recs-list-item:nth-child(2) {
  opacity: 1;
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}
.recommendations-surplus--animate .offers-recs-list-item:nth-child(3) {
  opacity: 1;
  -webkit-transition-delay: 0.30000000000000004s;
          transition-delay: 0.30000000000000004s;
}
.recommendations-surplus--animate .offers-recs-list-item:nth-child(4) {
  opacity: 1;
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
}
.recommendations-surplus--animate .offers-recs-list-item:nth-child(5) {
  opacity: 1;
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}
.recommendations-surplus--animate .offers-recs-list-item:nth-child(6) {
  opacity: 1;
  -webkit-transition-delay: 0.6000000000000001s;
          transition-delay: 0.6000000000000001s;
}
.recommendations-surplus--animate .offers-recs-list-item:nth-child(7) {
  opacity: 1;
  -webkit-transition-delay: 0.7000000000000001s;
          transition-delay: 0.7000000000000001s;
}
.recommendations-surplus--animate .offers-recs-list-item:nth-child(8) {
  opacity: 1;
  -webkit-transition-delay: 0.8s;
          transition-delay: 0.8s;
}
.recommendations-surplus--animate .offers-recs-list-item:nth-child(9) {
  opacity: 1;
  -webkit-transition-delay: 0.9s;
          transition-delay: 0.9s;
}
.recommendations-surplus--animate .offers-recs-list-item:nth-child(10) {
  opacity: 1;
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
}
.addtl-fields {
  padding: 0 0 15px;
}
@media only screen and (min-width: 500px)  {
  .addtl-fields {
    padding: 0 0 30px;
  }
}
.addtl-fields__form-group,
.addtl-fields__submit,
.addtl-fields__form-group--tcpa {
  padding: 30px 15px 15px;
  max-width: 700px;
}
@media only screen and (min-width: 500px)  {
  .addtl-fields__form-group,
  .addtl-fields__submit,
  .addtl-fields__form-group--tcpa {
    padding: 45px 15px 30px;
    margin: 0 auto;
  }
}
.addtl-fields__form-group__header,
.addtl-fields__form-group--tcpa__header {
  font-size: 32px;
  line-height: 1em;
}
.addtl-fields__form-group__subheader,
.addtl-fields__form-group--tcpa__subheader {
  font-size: 16px;
  line-height: 1.2em;
  max-width: 500px;
  margin: 10px auto;
  color: #919191;
}
@media only screen and (min-width: 500px)  {
  .addtl-fields__form-group__subheader,
  .addtl-fields__form-group--tcpa__subheader {
    font-size: 18px;
  }
}
.addtl-fields__form-group__header,
.addtl-fields__form-group__subheader,
.addtl-fields__form-group--tcpa__header,
.addtl-fields__form-group--tcpa__subheader {
  text-align: center;
}
.addtl-fields__submit {
  padding: 15px 0 30px;
  margin: 0 15px;
  max-width: none;
}
.addtl-fields__submit .button {
  width: 100%;
}
@media only screen and (min-width: 500px)  {
  .addtl-fields__submit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin: 0 auto;
    max-width: 700px;
    padding: 15px;
  }
  .addtl-fields__submit .button {
    width: auto;
  }
}
.addtl-fields__form-group--tcpa__graphic {
  background: url(https://d33a4decm84gsn.cloudfront.net/static/entity-search/college-graphic.svg) no-repeat center / cover;
  max-width: 600px;
  height: 130px;
  margin: 0 -30px;
}
@media only screen and (min-width: 500px)  {
  .addtl-fields__form-group--tcpa__graphic {
    margin: 0 auto;
  }
}
.tcpa-list {
  list-style: none;
}
.tcpa-list-item {
  border-bottom: 1px solid #ddd;
  padding: 30px 0;
  word-wrap: break-word;
}
.tcpa-list-item__header {
  font-size: 24px;
  margin: 0 0 10px;
}
.tcpa-list-item__consent-text {
  font-size: 14px;
}
.tcpa-list-item__field-group--radio {
  margin-bottom: 0;
}
.tcpa-list-item__field-group--radio .radio-button--tcpa {
  min-width: 120px;
}
.tcpa-modal .tcpa-modal__header {
  font-size: 30px;
  font-weight: 400;
  line-height: 32px;
  margin-bottom: 25px;
}
@media only screen and (min-width: 500px)  {
  .tcpa-modal .tcpa-modal__header {
    font-size: 32px;
    line-height: 36px;
  }
}
.tcpa-modal .tcpa-consent-text__entity-name {
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  margin: 0;
  margin-bottom: 0.5em;
}
.tcpa-modal .tcpa-consent-text__copy {
  font-size: 14px;
  line-height: 18px;
  padding-bottom: 0;
}
.tcpa-list-item__field-group--radio {
  margin-bottom: 10px;
}
.tcpa-modal__button-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  margin-top: 30px;
}
.tcpa-modal__button-group .button {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0;
}
.tcpa-modal__button-group .button span {
  width: 100%;
}
.tcpa-modal__button-group .button:first-of-type {
  margin-right: 5px;
}
@media only screen and (min-width: 500px)  {
  .tcpa-modal__button-group .button:first-of-type {
    margin-right: 10px;
  }
}
.edit-profile__menu {
  display: none;
}
@media only screen and (min-width: 768px)  {
  .edit-profile__menu {
    display: block;
    padding: 10px 30px 10px 7px;
    margin-right: 15px;
    margin-top: 20px;
    border-right: 1px solid #ccc;
    min-width: 220px;
  }
}
.edit-profile__menu__list--in-panel {
  margin-top: 20px;
}
.edit-profile__menu__item {
  color: #787878;
  padding: 0.25em 0 0.25em 1em;
  position: relative;
  cursor: pointer;
}
.edit-profile__menu__item:hover {
  color: #464646;
}
.edit-profile__menu__label {
  color: #5f5f5f;
  padding-top: 20px;
  padding-left: 1em;
  font-weight: 600;
}
.edit-profile__menu__item--active {
  color: #53a63a;
  font-weight: 600;
}
.edit-profile__menu__item--active:before {
  content: '';
  width: 9px;
  height: 9px;
  background: #53a63a;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 11px;
}
.edit-profile__menu__item--active:hover {
  color: #53a63a;
}
.edit-profile__menu__divider {
  border-top: 1px solid #ddd;
  margin: 2px 1em 6px;
}
.panel__header-wrap--category-nav {
  height: 60px;
}
.panel__header-wrap--category-nav .panel__header {
  background: #59a44d;
  color: white;
  font-size: 18px;
  padding: 0 20px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 600;
}
.panel__header-wrap--category-nav .panel__header .panel__header__contents {
  color: white;
  font-size: 20px;
  line-height: 22px;
  padding-right: 22px;
  width: 100%;
}
.panel__header-wrap--category-nav .panel__header .icon-exit-thin--panel-header {
  color: currentColor;
}
.edit-profile__panel-close {
  color: white;
}
.edit-profile__panel-trigger {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 2px 6px rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 2px 6px rgba(0, 0, 0, 0.1);
  margin: 10px 15px;
}
.edit-profile__panel-trigger .niche-icon--arrow-down {
  height: 18px;
}
@media only screen and (min-width: 768px)  {
  .edit-profile__panel-trigger {
    display: none;
  }
}
.account-admin-cta-wrapper {
  margin: 15px 15px 0;
  background: #0063a5;
}
.account-admin-cta {
  max-width: 500px;
  margin: 0 auto;
  padding: 30px 15px;
  text-align: center;
}
.account-admin-cta a {
  color: white;
  font-weight: 600;
}
.account-admin-cta a:hover {
  text-decoration: none;
}
.account-admin-cta:hover .account-admin-cta__underline {
  text-decoration: underline;
}
.account-admin-cta__header {
  color: white;
  font-weight: 600;
}
.entity-card-list .illustrated-cta {
  display: block;
  font-size: 18px;
  line-height: 26px;
  overflow: hidden;
  padding: 20px 15px 110px;
  position: relative;
  text-align: center;
  text-decoration: none;
  width: 100%;
  z-index: 0;
}
.entity-card-list .illustrated-cta::before {
  background-size: cover;
  background-position: center;
  bottom: 0;
  content: '';
  height: 120px;
  left: 0;
  position: absolute;
  right: 0;
  top: auto;
  z-index: -1;
}
@media only screen and (min-width: 500px)  {
  .entity-card-list .illustrated-cta::before {
    bottom: 0;
    height: 140px;
    left: auto;
    right: -125px;
    top: 1px;
    width: 480px;
  }
}
.entity-card-list .illustrated-cta:hover {
  text-decoration: none;
}
@media only screen and (min-width: 500px)  {
  .entity-card-list .illustrated-cta {
    font-size: 20px;
    padding: 56px 250px 55px 30px;
    text-align: left;
  }
}
.simple_reg {
  border-radius: inherit;
}
.simple_reg .form__wrapper {
  border-radius: inherit;
  margin-bottom: 0;
  margin-top: 0;
  padding-bottom: 30px;
  padding-top: 10px;
}
@media only screen and (min-width: 768px)  {
  .simple_reg .form__wrapper {
    padding-top: 45px;
  }
}
.simple_reg-form-wrapper {
  border-radius: inherit;
}
.simple_reg-header {
  /* stylelint-disable */
  padding: 30px 15px 70px;
  /* stylelint-enable */
  position: relative;
}
.simple_reg-header::after {
  background: #53a63a url(../../static/niche-bg-pattern.png) repeat;
  background-size: 96px 48px;
  bottom: 0;
  content: '';
  height: 40px;
  left: 0;
  position: absolute;
  right: 0;
  width: auto;
}
@media only screen and (min-width: 500px)  {
  .simple_reg-header {
    padding: 50px 0 100px;
    text-align: center;
  }
}
.simple_reg-header__descr {
  padding: 15px 0 10px;
  margin: 0 auto;
  max-width: 700px;
}
@media only screen and (min-width: 500px)  {
  .simple_reg-header__descr {
    padding: 5px 15px 0;
  }
}
.simple_reg-header__title {
  font-size: 26px;
  line-height: 1em;
  padding: 0;
}
@media only screen and (min-width: 500px)  {
  .simple_reg-header__title {
    font-size: 32px;
    margin: 0 auto;
    max-width: 700px;
    padding: 10px;
  }
}
.account-todo {
  background-color: #e6e6e6;
  position: relative;
  z-index: 4;
}
.todo-wrap {
  max-width: 700px;
  margin: 0 auto;
  padding: 30px 15px 15px;
}
@media only screen and (min-width: 768px)  {
  .todo-wrap {
    padding-top: 50px;
  }
}
.todo__title {
  margin-bottom: 10px;
}
.todo__subtitle {
  margin-bottom: 5px;
}
.todo__list {
  padding: 15px 0;
}
.todo__item {
  background-color: white;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
          box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
  color: #464646;
  display: block;
  padding: 10px;
  margin: 5px 0;
  position: relative;
  border-radius: 2px;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.todo__item:focus {
  outline: none;
}
.todo__item:hover {
  text-decoration: none;
}
.todo__item.checked {
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
  opacity: 0.6;
}
@media only screen and (min-width: 768px)  {
  .todo__item:hover {
    background-color: #eef9ff;
  }
  .todo__item:hover .todo__checkbox-input:not(:checked) {
    background-position: -50px 0;
  }
}
.todo__checkbox-label {
  position: relative;
  display: block;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 45px;
  color: #464646;
  font-size: 18px;
  line-height: 20px;
  cursor: pointer;
}
.todo__checkbox-description {
  padding-left: 45px;
  padding-right: 15px;
}
.todo__checkbox-description p {
  margin: 0;
}
@media only screen and (min-width: 768px)  {
  .todo__checkbox-description {
    padding-right: 45px;
  }
}
.todo__checkbox-input {
  opacity: 1;
  visibility: visible;
  position: absolute;
  top: 0;
  left: 2px;
  border-color: transparent;
  background-color: transparent;
  background-image: url(../../static/todos/web_check_animation.png);
  background-repeat: no-repeat;
  background-size: 3000%;
  background-position: left;
  height: 50px;
  width: 50px;
  margin: 0 auto;
  cursor: pointer;
}
.todo__checkbox-input:checked {
  background-position: right;
  -webkit-animation: none;
          animation: none;
}
.todo__checkbox-input.sullied:checked {
  background-position: right;
  -webkit-animation: heart-burst 0.8s steps(29) forwards;
          animation: heart-burst 0.8s steps(29) forwards;
}
.todo__due-date {
  margin: 2px 0;
}
@-webkit-keyframes heart-burst {
  from {
    background-position: left;
  }
  to {
    background-position: right;
  }
}
@keyframes heart-burst {
  from {
    background-position: left;
  }
  to {
    background-position: right;
  }
}
/* ---- Claim Your School ---- */
.claim-school-footer {
  padding: 3em 15px;
  position: relative;
  text-align: center;
}
.claim-school-footer-facts {
  margin-bottom: 2em;
}
.claim-school-footer-facts__item {
  margin: 1.5em auto;
  max-width: 300px;
}
.claim-school-footer-fact__emphasis {
  /* stylelint-disable */
  color: #109fd1;
  /* stylelint-enable */
  display: block;
  font-size: 46px;
  line-height: 46px;
}
.claim-school-footer__heading {
  line-height: 1em;
}
@media only screen and (min-width: 768px)  {
  .claim-school-footer-facts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 2em;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .claim-school-footer-facts__item {
    font-size: 18px;
    margin: 0 2em;
    max-width: 220px;
  }
  .claim-school-footer-fact__emphasis {
    font-size: 54px;
    line-height: 54px;
  }
}
@-webkit-keyframes expand-form {
  0% {
    max-height: 87px;
  }
  99% {
    max-height: 867px;
  }
  100% {
    max-height: 1070px;
  }
  @media only screen and (min-width: 768px)  {
    100% {
      max-height: 990px;
    }
  }
}
@keyframes expand-form {
  0% {
    max-height: 87px;
  }
  99% {
    max-height: 867px;
  }
  100% {
    max-height: 1070px;
  }
  @media only screen and (min-width: 768px)  {
    100% {
      max-height: 990px;
    }
  }
}
.claim-school-form {
  border-radius: 3px;
  margin: 2em auto;
  max-width: 500px;
  padding: 15px;
  text-align: left;
  max-height: 87px;
  -webkit-transition: background 0.5s;
  transition: background 0.5s;
  background: transparent;
  overflow: hidden;
  position: relative;
}
.claim-school-form.claim-school-form--expanded {
  background: #9eddf8;
  -webkit-animation: expand-form 0.5s;
          animation: expand-form 0.5s;
  -webkit-animation-timing-function: ease;
          animation-timing-function: ease;
  /* IE 10+, Fx 29+ */
  max-height: 1070px;
  padding: 15px;
}
@media only screen and (min-width: 768px)  {
  .claim-school-form.claim-school-form--expanded {
    max-height: 990px;
  }
}
.claim-school-form__start-button {
  position: absolute;
  right: 15px;
  top: 15px;
  z-index: 1;
}
.claim-school-form__start-button.button--compact {
  padding: 0.75em;
}
.claim-school-form__text {
  left: 15px;
  opacity: 0;
  position: absolute;
  top: 89px;
  width: calc(100% - 30px);
  z-index: 1;
}
.claim-school-form--expanded .claim-school-form__text {
  opacity: 1;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
.form__field-group--claim-school-org {
  padding: 0 63px 96.4px 0;
}
.form__wrapper--claim-school {
  padding: 0;
  position: relative;
  z-index: 0;
}
.form__wrapper--claim-school .form {
  padding: 0;
}
.form__wrapper--claim-school .form__header,
.form__wrapper--claim-school .form__header__cta {
  display: none;
}
.form__wrapper--claim-school .field-group__error,
.form__wrapper--claim-school .form__submit__error,
.form__wrapper--claim-school .form__submit__error__message {
  /* stylelint-disable */
  color: #d02b07;
  /* stylelint-enable */
}
.form__wrapper--claim-school .field-group__label__hint {
  font-size: 12px;
  margin-left: 8px;
  top: 2px;
}
.form__wrapper--claim-school .field-group__label {
  margin-bottom: 5px;
}
.form__wrapper--claim-school .field-group__label__text {
  font-size: 16px;
}
.form__wrapper--claim-school .field-group__wrapper {
  padding-bottom: 16px;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
.form__wrapper--claim-school .form__submit {
  margin-top: 0;
}
.form__wrapper--claim-school .form__submit__btn--claim-school {
  margin-bottom: 39px;
}
.form__wrapper--claim-school [class^='textbox'] {
  border: 0;
}
.form__wrapper--claim-school [class^='textbox'][type='text'] {
  height: 41px;
  line-height: normal;
  padding: 0 0.75rem;
  font: 400 1.125em / normal 'Source Sans Pro', sans-serif;
  border-radius: 2px 0 0 2px;
}
.form__wrapper--claim-school [class^='textbox'].textbox--textarea,
.form__wrapper--claim-school [class^='textbox'].textbox--textarea--success {
  height: 8em;
  padding: 0.52em 0.75rem;
}
@media (min-width: 355px) {
  .form__field-group--claim-school-org {
    padding: 0 63px 110px 0;
  }
}
@media only screen and (min-width: 500px)  {
  .claim-school-form {
    max-height: 83px;
  }
  .claim-school-form__start-button.button--compact {
    padding: 0.625em 0.75em;
  }
  .claim-school-form__text {
    font-size: 18px;
    top: 89px;
  }
  .form__field-group--claim-school-org {
    padding: 0 80px 115px 0;
  }
  .form__wrapper--claim-school .field-group__label__text {
    font-size: 18px;
  }
  .form__wrapper--claim-school .field-group__label__hint {
    font-size: 0.75em;
  }
  .form__wrapper--claim-school .form__submit__btn--claim-school {
    margin-bottom: 0;
  }
  .form__wrapper--claim-school [class^='textbox'][type='text'] {
    height: 41.72px;
  }
}
.claim-school-intro {
  background-color: #c4e7f6;
  background-image: url(https://d33a4decm84gsn.cloudfront.net/static/claim-school/claimed-illustration-01.svg);
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: 750px;
}
.claim-school-intro__content {
  margin: 0 auto;
  max-width: 780px;
  padding: 3em 5px 8em;
  text-align: center;
}
.claim-school-intro-header {
  color: #17aadd;
  font-size: 36px;
}
.claim-school-intro-subheader {
  font-size: 18px;
  margin-bottom: 10px;
  opacity: 0.7;
}
@media only screen and (min-width: 500px)  {
  .claim-school-intro {
    background-size: 1024px;
  }
  .claim-school-intro__content {
    padding: 5em 30px 10em;
  }
  .claim-school-intro-header {
    font-size: 54px;
  }
  .claim-school-intro-subheader {
    font-size: 24px;
  }
}
@media only screen and (min-width: 768px)  {
  .claim-school-intro {
    background-size: 1280px;
  }
}
.claim-school-reasons {
  margin: 1em auto;
}
.claim-school-reasons__list-item {
  margin: 0 auto 2em;
  max-width: 250px;
}
.claim-school-reasons-header {
  font-size: 18px;
  line-height: 1em;
  margin-bottom: 3px;
  opacity: 0.8;
}
.claim-school-reasons-paragraph {
  opacity: 0.6;
}
@media only screen and (min-width: 500px)  {
  .claim-school-reasons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .claim-school-reasons__list-item {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0px;
            flex: 1 0 0;
    margin: 0 1em;
  }
  .claim-school-reasons-header {
    font-size: 20px;
  }
}
/* ---- Contact ---- */
.contact-form {
  border-radius: inherit;
}
.contact-form__header {
  margin: 0 auto;
  max-width: 760px;
  padding: 30px 30px 40px;
}
.contact-form__header .header--1 {
  margin: 5px 0;
}
.contact-form__header__info {
  line-height: 1em;
}
.form__wrapper--contact {
  background-color: #e6e6e6;
  border-radius: 2px;
  padding: 45px 15px 20px;
  background: #e6e6e6;
  border-radius: inherit;
  padding: 20px 30px 60px;
}
.form__wrapper--contact .form__header__cta {
  display: none;
}
[class^='form--contact'] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 auto;
  padding: 15px 0;
  position: relative;
  width: 100%;
  max-width: 700px;
}
@media only screen and (min-width: 768px)  {
  [class^='form--contact'] {
    padding: 0;
  }
}
.form--contact--loading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 auto;
  max-width: 700px;
  padding: 15px 0;
  position: relative;
  width: 100%;
}
@media only screen and (min-width: 768px)  {
  .form--contact--loading {
    padding: 0;
  }
}
.form__field-group--contact {
  margin: 0 auto;
}
/* ---- Content Flagging ---- */
.flagging-button,
.flagging-button:active,
.flagging-button:focus,
.flagging-button:hover {
  background: transparent;
  background-color: transparent;
  color: #919191;
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  outline: none;
  padding: 0;
  -webkit-transition: color 0s;
  transition: color 0s;
}
.platform .flagging-button:focus,
.platform .flagging-button:hover {
  background: transparent;
  background-color: transparent;
  color: #f78f6a;
  outline: none;
  text-decoration: underline;
}
.flagging-button--poll-table,
.flagging-button--poll-table:active,
.flagging-button--poll-table:focus,
.flagging-button--poll-table:hover {
  background: #bbb;
  border-radius: 0;
  color: white;
  height: 100%;
  font-size: 16px;
  line-height: 100%;
  padding: 0 0.75em;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
}
.platform .flagging-button--poll-table:hover {
  background: #f4724a;
  color: white;
  text-decoration: none;
}
.flagging-form {
  margin: 0 0 -20px;
}
@media only screen and (min-width: 500px)  {
  .flagging-form {
    margin: 0 -5px -10px -5px;
  }
}
.form__wrapper--flagging-form {
  margin: 0;
  padding: 0;
}
.form__wrapper--flagging-form .form__submit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.form__wrapper--flagging-form .form__submit .button {
  font-size: 15px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 0 0 0 5px;
}
@media only screen and (min-width: 500px)  {
  .form__wrapper--flagging-form .form__submit .button {
    -webkit-box-flex: 0;
        -ms-flex: 0 auto;
            flex: 0 auto;
    font-size: 18px;
    margin: 0;
    max-width: 160px;
    width: auto;
  }
}
.form__wrapper--flagging-form .form__submit .form__submit__btn--cancel {
  color: white;
  margin: 0 5px 0 0;
}
.form__wrapper--flagging-form .form__submit .form__submit__btn--cancel:hover {
  color: white;
  text-decoration: none;
}
@media only screen and (min-width: 500px)  {
  .form__wrapper--flagging-form .form__submit .form__submit__btn--cancel {
    margin: 0 10px 0 0;
  }
}
.form__wrapper--flagging-form .form__header__cta,
.form__wrapper--flagging-form .form__submit__error__message {
  display: none;
}
/* ---- Entity Search ---- */
.entity-search-header,
.entity-search-header--k12,
.entity-search-header--places-to-live,
.entity-search-header--colleges {
  background: white;
  display: block;
  position: relative;
  padding-top: 30px;
}
@media only screen and (min-width: 768px)  {
  .entity-search-header,
  .entity-search-header--k12,
  .entity-search-header--places-to-live,
  .entity-search-header--colleges {
    opacity: 0.99;
    padding: 40px;
  }
}
.entity-search-header::after,
.entity-search-header--k12::after,
.entity-search-header--places-to-live::after,
.entity-search-header--colleges::after {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  bottom: 0;
  content: '';
  display: block;
  height: 120px;
  margin: 0 auto;
  max-width: 640px;
  z-index: 1;
  width: 100%;
}
@media only screen and (min-width: 500px)  {
  .entity-search-header::after,
  .entity-search-header--k12::after,
  .entity-search-header--places-to-live::after,
  .entity-search-header--colleges::after {
    max-width: 650px;
    height: 145px;
  }
}
@media only screen and (min-width: 768px)  {
  .entity-search-header::after,
  .entity-search-header--k12::after,
  .entity-search-header--places-to-live::after,
  .entity-search-header--colleges::after {
    display: block;
    max-width: 670px;
    position: absolute;
    right: -210px;
    width: 670px;
  }
}
.entity-search-header--k12::after {
  background-image: url(https://d33a4decm84gsn.cloudfront.net/static/entity-search/schools-graphic.svg);
}
.entity-search-header--places-to-live::after {
  background-image: url(https://d33a4decm84gsn.cloudfront.net/static/entity-search/places-graphic.svg);
}
.entity-search-header--colleges::after {
  background-image: url(https://d33a4decm84gsn.cloudfront.net/static/entity-search/college-graphic.svg);
}
.entity-search-header__title,
.entity-search-header__copy {
  margin: 0 auto;
  max-width: 450px;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
  text-align: center;
  width: 100%;
  z-index: 2;
}
@media only screen and (min-width: 768px)  {
  .entity-search-header__title,
  .entity-search-header__copy {
    padding-right: 0;
    margin: 0;
    max-width: 500px;
    text-align: left;
    width: 49%;
  }
}
.entity-search-header__title {
  font-size: 32px;
  font-weight: 400;
  line-height: 1em;
}
@media only screen and (min-width: 768px)  {
  .entity-search-header__title {
    font-size: 36px;
  }
}
.entity-search-header__copy {
  color: #787878;
  font-size: 16px;
  line-height: 20px;
  padding-top: 10px;
  margin-bottom: -15px;
}
@media only screen and (min-width: 768px)  {
  .entity-search-header__copy {
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 0;
  }
}
.search-sidebar-header {
  font-size: 28px;
  font-weight: 400;
  padding: 20px 20px 0;
  margin: 0;
}
/* ---- Events --- */
.event-listing {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  color: #464646;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.event-listing--has-link {
  cursor: pointer;
}
.event-listing__date {
  background-color: #eee;
  border-radius: 2px;
  font-family: 'niche', 'Source Sans Pro', sans-serif;
  font-size: 10px;
  font-weight: 600;
  margin-right: 15px;
  min-width: 65px;
  padding: 10px 15px 13px;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.event-listing__month {
  display: block;
  text-transform: uppercase;
}
.event-listing__day {
  font-size: 24px;
  line-height: 1.2em;
}
.event-listing__details {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  min-width: 0;
}
.event-listing__title {
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
  padding: 2px 0;
}
a:focus > .event-listing__title,
.event-listing--has-link:hover .event-listing__title {
  text-decoration: underline;
}
.event-listing__tagline {
  display: block;
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
  /*
        Lobotomized owl selector to be agnostic of the class or type
        of children of .event-listing__tagline, only the fact that
        there needs to be a middot between any children
        https://alistapart.com/article/axiomatic-css-and-lobotomized-owls
    */
}
.event-listing__tagline > * + *:before {
  color: #787878;
  content: '\2022';
  padding-left: 5px;
  padding-right: 5px;
}
.event-listing__location {
  display: inline;
}
.event-listing__description-wrapper {
  line-height: 17px;
  position: relative;
}
.event-listing__description-preview {
  display: block;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  overflow: hidden;
  position: relative;
  white-space: nowrap;
}
.event-listing__description-details--open + .event-listing__description-preview,
.event-listing__description-details[open] + .event-listing__description-preview {
  display: none;
}
.event-listing__description {
  display: none;
  font-size: 14px;
  font-weight: 400;
  height: 21px;
  line-height: 18px;
  position: relative;
}
.event-listing__description-details--open > .event-listing__description,
.event-listing__description-details[open] > .event-listing__description {
  display: inline-block;
}
.event-listing__description-details {
  display: block;
  padding-bottom: 0;
}
.event-listing__description-details--open,
.event-listing__description-details[open] {
  padding-bottom: 20px;
}
.event-listing__description-toggle {
  background: -webkit-gradient(linear, right top, left top, color-stop(70%, white), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(to left, white 70%, rgba(255, 255, 255, 0));
  color: #787878;
  font-size: 14px;
  line-height: 18px;
  list-style: none;
  padding-left: 30px;
  position: absolute;
  text-decoration: underline;
  top: 0;
  right: 0;
  z-index: 1;
}
.event-listing__description-toggle:after {
  content: 'More';
}
.event-listing__description-details--open > .event-listing__description-toggle,
.event-listing__description-details[open] > .event-listing__description-toggle {
  bottom: 0;
  top: auto;
}
.event-listing__description-details--open > .event-listing__description-toggle:after,
.event-listing__description-details[open] > .event-listing__description-toggle:after {
  content: 'Less';
}
.event-listing__description-toggle::-webkit-details-marker {
  display: none;
}
.event-listings {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.event-listings > li {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  margin: 10px 10px 10px 0;
  min-width: 250px;
}
@media only screen and (min-width: 650px)  {
  .event-listings > li + li {
    max-width: 50%;
  }
}
@media only screen and (min-width: 500px)  {
  .event-listings > li {
    margin-right: 20px;
  }
}
.events-cta__wrap {
  cursor: pointer;
  padding: 20px 30px;
}
.events-cta {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 80px;
}
.events-cta__icon {
  background: url(https://d33a4decm84gsn.cloudfront.net/static/events/events-icon.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 80px;
  margin-right: 15px;
  min-width: 80px;
}
@media only screen and (min-width: 500px)  {
  .events-cta__icon {
    margin-top: 0;
  }
}
.events-cta__link {
  color: #464646;
  font-size: 18px;
  font-weight: 600;
  text-decoration: none;
}
.events-cta__link:hover {
  color: inherit;
  text-decoration: none;
}
@media only screen and (min-width: 500px)  {
  .events-cta__link {
    font-size: 20px;
  }
}
.events-cta__highlight {
  color: #007ac8;
}
.events-cta__link:focus > .events-cta__highlight,
.events-cta__wrap:hover .events-cta__highlight {
  text-decoration: underline;
}
/* ---- Home ---- */
.home {
  margin: 0;
  overflow: hidden;
}
.home-section-description,
.home-benefits__description,
.home-rankings__description {
  color: #5f5f5f;
  font-size: 16px;
  line-height: 20px;
  margin: 0 auto;
  max-width: 650px;
  padding: 0 0 15px;
}
@media only screen and (min-width: 500px)  {
  .home-section-description,
  .home-benefits__description,
  .home-rankings__description {
    font-size: 18px;
    line-height: 22px;
    padding: 0 15px 15px;
  }
}
.home-section-title,
.home-benefits__title,
.home-intro__title,
.home-rankings__title {
  font-size: 36px;
  font-weight: 400;
  line-height: 1.4;
}
.home-account-callout {
  background: white;
  padding: 30px 15px;
  padding-bottom: 55px;
  text-align: center;
}
.home-account-callout--intro {
  background: #007ac8;
  color: white;
  padding: 0 15px 15px;
  position: relative;
}
.home-account-callout--intro::before {
  content: '';
  background: #007ac8;
  position: absolute;
  height: 200px;
  left: 0;
  top: -52px;
  width: 100%;
  z-index: -1;
}
@media only screen and (min-width: 500px)  {
  .home-account-callout--intro {
    padding: 15px;
  }
}
@media only screen and (min-width: 700px)  {
  .home-account-callout--intro {
    padding: 40px 30px;
  }
}
.home-account-callout__buttons {
  margin: 15px auto;
  max-width: 320px;
}
.home-account-callout__description {
  font-size: 16px;
}
@media only screen and (min-width: 500px)  {
  .home-account-callout__description {
    font-size: 18px;
    line-height: 22px;
  }
}
@media only screen and (min-width: 700px)  {
  .home-account-callout__description {
    font-size: 20px;
  }
}
.app-button {
  margin: 10px 0;
}
.app-link-text {
  -ms-flex-item-align: center;
      align-self: center;
  font-size: 18px;
  padding-right: 2px;
}
.download-app {
  padding-bottom: 15px;
  text-align: left;
}
.download-app--dismissable {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  max-width: 700px;
  padding: 15px;
  border-bottom: 1px solid #ddd;
}
.download-app--dismissable .close-button {
  -ms-flex-item-align: center;
      align-self: center;
  color: #919191;
  font-size: 14px;
  padding-right: 10px;
}
.download-app--dismissable .download-app-text {
  color: #464646;
  font-size: 12px;
  text-align: left;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  line-height: 1.4em;
  padding: 0 10px;
}
.download-app--dismissable .download-app-text .download-app-text__title {
  display: block;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.4;
}
.download-app--dismissable .niche-app-icon {
  position: relative;
  height: 50px;
  width: 50px;
  border-radius: 12px;
  left: 0;
}
.download-app--stacked {
  margin-top: 60px;
  position: relative;
}
.download-app--stacked .download-app-text {
  color: #464646;
  font-size: 15px;
  text-align: left;
  padding-left: 54px;
}
.download-app--stacked .app-button {
  margin-left: 54px;
}
.download-app--standard {
  background: #007ac8;
  text-align: center;
}
.download-app--standard .download-app-text {
  color: white;
  font-size: 16px;
  text-align: center;
  position: relative;
  padding: 4vw 15px 5px;
}
.download-app--standard .download-app-text::before {
  content: '';
  background: #007ac8;
  position: absolute;
  height: 200px;
  left: 0;
  top: -52px;
  width: 100%;
  z-index: -1;
}
.download-app-button-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 320px;
  margin: 15px auto;
  padding: 0 15px;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
@media only screen and (min-width: 350px)  {
  .download-app-button-group {
    padding: 0;
  }
}
.download-app-text__title {
  display: block;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.4;
}
.niche-app-icon {
  background-image: url(../../static/Icon-60%403x.png);
  height: 54px;
  width: 54px;
  background-size: cover;
  background-position: center;
  border-radius: 15px;
  position: absolute;
  top: 2px;
  left: -10px;
}
.home-benefit {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 200px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin: 0 -15px;
  max-width: 800px;
  overflow: hidden;
  position: relative;
}
@media only screen and (min-width: 500px)  {
  .home-benefit {
    margin: 0 -30px;
  }
}
@media only screen and (min-width: 768px)  {
  .home-benefit {
    margin: 0 auto;
    overflow: visible;
  }
}
.home-benefit--inverted {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.home-benefit__description {
  max-width: 330px;
  padding: 0 15px 0 0;
  text-align: left;
  width: 50%;
}
@media only screen and (min-width: 500px)  {
  .home-benefit__description {
    padding: 0 30px 0 0;
  }
}
@media only screen and (min-width: 768px)  {
  .home-benefit__description {
    padding: 0;
  }
}
.home-benefit--inverted .home-benefit__description {
  padding: 0 0 0 15px;
}
@media only screen and (min-width: 500px)  {
  .home-benefit--inverted .home-benefit__description {
    padding: 0 0 0 30px;
  }
}
@media only screen and (min-width: 768px)  {
  .home-benefit--inverted .home-benefit__description {
    padding: 0;
  }
}
.home-benefit__heading {
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
}
@media only screen and (min-width: 768px)  {
  .home-benefit__heading {
    font-size: 21px;
    line-height: 23px;
  }
}
.home-benefit__image {
  background-position: center right;
  background-repeat: no-repeat;
  background-size: 20em;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 50%;
          flex: 1 0 50%;
  height: 200px;
  overflow: hidden;
  position: absolute;
  right: 50%;
  top: 10px;
  width: 320px;
}
@media only screen and (min-width: 768px)  {
  .home-benefit__image {
    background-position: center left;
    background-size: 384px;
    right: 55%;
    width: 370px;
  }
}
.home-benefit--inverted .home-benefit__image {
  right: auto;
  left: 50%;
}
@media only screen and (min-width: 768px)  {
  .home-benefit--inverted .home-benefit__image {
    background-position: center right;
    left: 55%;
  }
}
.home-benefit__image--analysis {
  background-image: url(https://d33a4decm84gsn.cloudfront.net/static/benefits/analysis.svg);
}
.home-benefit__image--combination {
  background-image: url(https://d33a4decm84gsn.cloudfront.net/static/benefits/combination.svg);
}
.home-benefit__image--reviews {
  background-image: url(https://d33a4decm84gsn.cloudfront.net/static/benefits/reviews.svg);
}
.home-benefit__text {
  color: #787878;
  line-height: 19px;
}
@media only screen and (min-width: 768px)  {
  .home-benefit__text {
    font-size: 16px;
    line-height: 20px;
  }
}
.home-benefits {
  background: white;
  padding: 30px 15px;
  text-align: center;
}
@media only screen and (min-width: 500px)  {
  .home-benefits {
    padding: 30px;
  }
}
@media only screen and (min-width: 700px)  {
  .home-benefits {
    padding: 50px 30px;
  }
}
.home-intro {
  padding: 30px 15px;
  position: relative;
  text-align: center;
}
@media only screen and (min-width: 500px)  {
  .home-intro {
    padding: 30px;
  }
}
@media only screen and (min-width: 700px)  {
  .home-intro {
    padding-bottom: 50px;
  }
}
.home-intro__subtitle {
  color: #464646;
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
  margin: 0 auto;
  max-width: 320px;
  opacity: 0.55;
  padding-bottom: 15px;
}
@media only screen and (min-width: 400px)  {
  .home-intro__subtitle {
    max-width: 320px;
  }
}
@media only screen and (min-width: 500px)  {
  .home-intro__subtitle {
    font-size: 20px;
    max-width: 370px;
  }
}
@media only screen and (min-width: 768px)  {
  .home-intro__subtitle {
    font-size: 24px;
    line-height: 28px;
    max-width: 600px;
    padding-bottom: 25px;
  }
}
.home-intro__title {
  color: #464646;
  opacity: 0.8;
  padding: 5px 0;
}
@media only screen and (min-width: 768px)  {
  .home-intro__title {
    font-size: 54px;
    padding: 40px 0 5px;
  }
}
.home-intro__town {
  background-image: url(https://d33a4decm84gsn.cloudfront.net/static/home/niche-town.svg);
  bottom: -28px;
  left: 0;
  position: absolute;
  z-index: 1;
}
@media only screen and (min-width: 600px)  {
  .home-intro__town {
    bottom: -52px;
    left: 50%;
    margin-left: -512px;
  }
}
.home-ranking {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 100%;
          flex: 1 0 100%;
}
@media only screen and (min-width: 500px)  {
  .home-ranking {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 33.333%;
            flex: 1 0 33.333%;
  }
}
.home-ranking__button {
  cursor: pointer;
  display: none;
}
@media only screen and (min-width: 500px)  {
  .home-ranking__button {
    display: inline-block;
    margin: 12px 0;
  }
}
@media only screen and (min-width: 540px)  {
  .home-ranking__button {
    white-space: nowrap;
  }
}
.home-ranking__icon {
  color: #c5e4b8;
  font-size: 20px;
  margin-top: -10px;
  opacity: 1;
  position: absolute;
  right: 0;
  top: 50%;
}
@media only screen and (min-width: 500px)  {
  .home-ranking__icon {
    display: none;
  }
}
.home-ranking__link {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 100%;
          flex: 1 0 100%;
  height: 89px;
  margin: 8px 0 0;
  padding: 0 25px 0 0;
  position: relative;
  text-align: left;
  text-decoration: none;
}
@media only screen and (min-width: 500px)  {
  .home-ranking__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 100%;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 0 16px;
    margin: 0;
    text-align: center;
  }
}
.home-ranking__link:active,
.home-ranking__link:hover,
.home-ranking__link:visited {
  color: white;
  text-decoration: none;
}
.home-ranking__link [class^='rankings-badge'] {
  font-size: 1.25em;
  margin: 0 8px 0 0;
}
@media only screen and (min-width: 500px)  {
  .home-ranking__link [class^='rankings-badge'] {
    margin: 0;
  }
}
@media only screen and (min-width: 700px)  {
  .home-ranking__link [class^='rankings-badge'] {
    font-size: 1.5em;
  }
}
.home-ranking:not(:first-child) .home-ranking__link::before {
  background: url(../../static/squiggle.png);
  background-repeat: repeat-x;
  background-size: 10px;
  content: '';
  height: 5px;
  opacity: 0.4;
  position: absolute;
  top: -5px;
  width: 100%;
}
@media only screen and (min-width: 500px)  {
  .home-ranking:not(:first-child) .home-ranking__link::before {
    display: none;
  }
}
.home-ranking:first-child .home-ranking__link {
  margin-top: 0;
}
.home-ranking__title {
  color: white;
  font-size: 20px;
  line-height: 22px;
}
@media only screen and (min-width: 500px)  {
  .home-ranking__title {
    padding: 12px 0 0;
    max-width: 150px;
  }
}
@media only screen and (min-width: 650px)  {
  .home-ranking__title {
    max-width: none;
  }
}
@media only screen and (min-width: 700px)  {
  .home-ranking__title {
    font-size: 22px;
  }
}
.home-rankings-wrapper {
  background: #7cbc67;
  color: white;
  text-align: center;
}
.home-rankings {
  padding: 30px 15px;
  margin: 0 auto;
  max-width: 1060px;
}
@media only screen and (min-width: 500px)  {
  .home-rankings {
    padding: 30px;
  }
}
@media only screen and (min-width: 700px)  {
  .home-rankings {
    padding: 50px 30px;
  }
}
.home-rankings__description {
  color: #e9f7e2;
}
.home-rankings__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  list-style: none;
  margin: 15px 0 0;
}
@media only screen and (min-width: 500px)  {
  .home-rankings__list {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}
.home-rankings__title {
  color: white;
}
.home__search__verticals {
  background: #e6fff7;
  border-radius: 2px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 5px auto 0;
  max-width: 400px;
  z-index: 3;
}
.home__search__vertical {
  color: #53a63a;
  cursor: pointer;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  font-size: 13px;
  padding: 0.5em;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.home__search__verticals .home__search__vertical:first-of-type {
  border-radius: 2px 0 0 2px;
}
.home__search__verticals .home__search__vertical:last-of-type {
  border-radius: 0 2px 2px 0;
}
.home__search__verticals .home__search__vertical:hover {
  background: white;
}
.home__search__verticals .home__search__vertical + .home__search__vertical {
  border-left: 1px solid #ccf1e4;
}
.home__search__vertical--active {
  background: #53a63a;
  color: white;
}
@media only screen and (min-width: 375px) {
  .home__search__verticals .home__search__vertical {
    font-size: 16px;
  }
}
.home__search__box__wrapper {
  height: 235px;
  margin: 0 -15px;
  position: relative;
  z-index: 2;
}
.home__search__box__wrapper .home__search__boxes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  position: absolute;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  width: 400%;
}
.home__search__box__wrapper .home__search__boxes .home__search__box {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  max-width: 430px;
  opacity: 0;
  padding: 10px 15px;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  visibility: hidden;
}
/* --- Local Modifier --- */
.home__tab__search--places-to-live .home__search__box:nth-child(1) {
  opacity: 1;
  visibility: visible;
}
.home__tab__search--places-to-live .home__search__box:nth-child(1) .home__search__select {
  display: block;
}
.home__tab__search--places-to-live .home__search__boxes {
  -webkit-transform: perspective(1px) translate3d(0%, 0, 0);
          transform: perspective(1px) translate3d(0%, 0, 0);
}
.home__tab__search--places-to-live .home__search__vertical:nth-child(1) {
  background: #53a63a;
  color: white;
}
/* --- K12 Modifier --- */
.home__tab__search--k12 .home__search__box:nth-child(2) {
  opacity: 1;
  visibility: visible;
}
.home__tab__search--k12 .home__search__box:nth-child(2) .home__search__select {
  display: block;
}
.home__tab__search--k12 .home__search__boxes {
  -webkit-transform: perspective(1px) translate3d(-25%, 0, 0);
          transform: perspective(1px) translate3d(-25%, 0, 0);
}
.home__tab__search--k12 .home__search__vertical:nth-child(2) {
  background: #53a63a;
  color: white;
}
/* --- Colleges Modifier --- */
.home__tab__search--colleges .home__search__box:nth-child(3) {
  opacity: 1;
  visibility: visible;
}
.home__tab__search--colleges .home__search__box:nth-child(3) .home__search__select {
  display: block;
}
.home__tab__search--colleges .home__search__boxes {
  -webkit-transform: perspective(1px) translate3d(-50%, 0, 0);
          transform: perspective(1px) translate3d(-50%, 0, 0);
}
.home__tab__search--colleges .home__search__vertical:nth-child(3) {
  background: #53a63a;
  color: white;
}
/* --- Workplaces Modifier --- */
.home__tab__search--places-to-work .home__search__box:nth-child(4) {
  opacity: 1;
  visibility: visible;
}
.home__tab__search--places-to-work .home__search__box:nth-child(4) .home__search__select {
  display: block;
}
.home__tab__search--places-to-work .home__search__boxes {
  -webkit-transform: perspective(1px) translate3d(-75%, 0, 0);
          transform: perspective(1px) translate3d(-75%, 0, 0);
}
.home__tab__search--places-to-work .home__search__vertical:nth-child(4) {
  background: #53a63a;
  color: white;
}
@media (min-width: 360px) {
  .home__search__box__wrapper {
    height: 260px;
  }
}
@media (min-width: 400px) {
  .home__search__box__wrapper {
    height: 300px;
  }
}
@media (min-width: 430px) {
  .home__search__box__wrapper {
    margin: 0 -15px;
    margin-left: 50%;
    -webkit-transform: translateX(-215px);
            transform: translateX(-215px);
  }
  .home__search__box__wrapper .home__search__boxes {
    width: 1720px;
  }
}
@media (min-width: 500px) {
  .home__search__box__wrapper {
    height: 350px;
    margin: 0 -30px;
    margin-left: 50%;
  }
}
@media (min-width: 600px) {
  .home__search__box__wrapper {
    height: 380px;
  }
}
@media (min-width: 1100px) {
  .home__search__box__wrapper {
    margin: 0 auto;
    padding: 0 250px;
    width: 1024px;
    left: 512px;
  }
  .home__search__box__wrapper .home__search__boxes {
    left: 0;
  }
  .home__search__box__wrapper .home__search__boxes .local {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  .home__search__box__wrapper .home__search__boxes .k12 {
    -webkit-transform: translate(-430px, 0);
            transform: translate(-430px, 0);
  }
  .home__search__box__wrapper .home__search__boxes .college {
    -webkit-transform: translate(-860px, 0);
            transform: translate(-860px, 0);
  }
  .home__search__box__wrapper .home__search__boxes .company {
    -webkit-transform: translate(-1290px, 0);
            transform: translate(-1290px, 0);
  }
  .home__search__box__wrapper .home__search__boxes .home__search__box {
    margin: 0 auto;
    width: 430px;
  }
}
@media (min-width: 1200px) {
  .home__search__box__wrapper {
    height: 400px;
  }
}
/* Hide the select box so that it's not clickable */
.home__search__box .home__search__select {
  display: none;
}
.home__search__box .icon-search-thin--sherlock,
.home__search__box .icon-search-thin--sherlock--search-filter {
  color: #53a63a;
  right: 7px;
  top: 2px;
}
.home__search__box .sherlock__wrapper,
.home__search__box .sherlock__wrapper--results-visible,
.home__search__box .sherlock__wrapper--sherlock-list,
.home__search__box .sherlock__wrapper--sherlock-list--results-visible {
  -webkit-box-flex: 1;
      -ms-flex: 1 auto;
          flex: 1 auto;
  margin: 0;
  padding: 0;
  text-align: left;
}
.home__search__box .sherlock,
.home__search__box .sherlock--success,
.home__search__box .sherlock--error,
.home__search__box .sherlock--search-filter,
.home__search__box .sherlock--sherlock-list {
  border: 2px solid white;
  -webkit-box-shadow: none;
          box-shadow: none;
  font-size: 18px;
  height: 51px;
  line-height: 25px;
  padding: 11px 40px 11px 11px;
  /* stylelint-disable */
  /* stylelint-enable */
}
.home__search__box .sherlock::-moz-placeholder,
.home__search__box .sherlock--success::-moz-placeholder,
.home__search__box .sherlock--error::-moz-placeholder,
.home__search__box .sherlock--search-filter::-moz-placeholder,
.home__search__box .sherlock--sherlock-list::-moz-placeholder {
  color: #ababab;
}
.home__search__box .sherlock:-ms-input-placeholder,
.home__search__box .sherlock--success:-ms-input-placeholder,
.home__search__box .sherlock--error:-ms-input-placeholder,
.home__search__box .sherlock--search-filter:-ms-input-placeholder,
.home__search__box .sherlock--sherlock-list:-ms-input-placeholder {
  color: #ababab;
}
.home__search__box .sherlock::-ms-input-placeholder,
.home__search__box .sherlock--success::-ms-input-placeholder,
.home__search__box .sherlock--error::-ms-input-placeholder,
.home__search__box .sherlock--search-filter::-ms-input-placeholder,
.home__search__box .sherlock--sherlock-list::-ms-input-placeholder {
  color: #ababab;
}
.home__search__box .sherlock::-webkit-input-placeholder,
.home__search__box .sherlock--success::-webkit-input-placeholder,
.home__search__box .sherlock--error::-webkit-input-placeholder,
.home__search__box .sherlock--search-filter::-webkit-input-placeholder,
.home__search__box .sherlock--sherlock-list::-webkit-input-placeholder {
  color: #ababab;
}
.home__search__box .sherlock:focus,
.home__search__box .sherlock--success:focus,
.home__search__box .sherlock--error:focus,
.home__search__box .sherlock--search-filter:focus,
.home__search__box .sherlock--sherlock-list:focus {
  background-color: white;
  border: 2px solid #8ec8ef;
  outline: none;
}
.home__search__box .sherlock__results {
  left: 0;
  margin: 0;
  top: 51px;
}
.home__search__box .sherlock__results::before {
  display: none;
}
.home__search__by {
  color: #53a63a;
  font-size: 16px;
  line-height: 1.4;
  margin: 10px 0 0;
}
.home__search__select {
  left: 0;
  opacity: 0.01;
  padding: 0.5em;
  position: absolute;
  top: 0;
  z-index: 1;
}
.home__search__select__wrapper {
  background-color: #e6fff7;
  border-radius: 2px;
  display: inline-block;
  height: 29px;
  margin: 0 7px;
  padding: 0.1em 1.4em 0.1em 0.2em;
  position: relative;
}
.home__search__select__wrapper .loading-indicator {
  background-color: #e6fff7;
  border-radius: 2px;
}
.home__search__select__wrapper::after {
  color: #53a63a;
  content: '\E60C';
  font-family: 'Niche-Interface-Symbols';
  position: absolute;
  right: 2px;
  top: 3px;
  z-index: 0;
}
.home-team {
  background: #5f5f5f;
  color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
}
@media only screen and (min-width: 768px)  {
  .home-team {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}
.home-team a {
  color: #9eddf8;
}
@media only screen and (min-width: 768px)  {
  .home-team-content-wrapper {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.home-team-content {
  padding: 15px;
}
@media only screen and (min-width: 500px)  {
  .home-team-content {
    padding: 20px 30px;
  }
}
@media only screen and (min-width: 768px)  {
  .home-team-content {
    max-width: 500px;
  }
}
.home-team-content__city {
  display: block;
  font-size: 12px;
  line-height: 12px;
  margin: 0 0 5px;
}
@media only screen and (min-width: 420px)  {
  .home-team-content__description {
    margin: 15px 0 0;
  }
}
@media only screen and (min-width: 768px)  {
  .home-team-content__description {
    margin: 0;
  }
}
.home-team-content__title {
  color: white;
  font-size: 36px;
  font-weight: 400;
  left: 0;
  position: absolute;
  text-align: center;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.8);
  top: 10px;
  width: 100%;
}
@media only screen and (min-width: 650px)  {
  .home-team-content__title {
    font-size: 42px;
  }
}
@media only screen and (min-width: 768px)  {
  .home-team-content__title {
    font-size: 36px;
    line-height: 1.4;
    padding: 0 0 15px;
    position: static;
    text-align: left;
    text-shadow: 0 0 0 rgba(0, 0, 0, 0.4);
  }
}
.home-team-content__signature {
  margin: 10px 0 0;
}
.home-team-figure {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 100%;
          flex: 1 0 100%;
}
@media only screen and (min-width: 768px)  {
  .home-team-figure {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    overflow: hidden;
  }
}
.home-team-figure__image {
  width: 100%;
  height: auto;
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
@media all and (min-width: 768px) and (max-width: 1024px),
    all and (min-width: 1024px) and (max-width: 768px)  {
  .home-team-figure__image {
    left: -5px;
    position: relative;
    margin: 6px 0 4px;
  }
}
@media only screen and (min-width: 1201px)  {
  .home-team-figure__image {
    left: -20px;
    margin: -15px 0 -5px;
    position: relative;
  }
}
/* ---- Icons ---- */
.niche-icon-wrap {
  -ms-flex-item-align: center;
      align-self: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  height: 0.5em;
  width: 1em;
}
.niche-icon-wrap svg {
  bottom: -0.125em;
  height: 1em;
  width: 1em;
  position: absolute;
}
.niche-icon path,
circle {
  fill: currentColor;
}
.niche-logo-horizontal circle {
  fill: none;
}
/* stylelint-disable color-no-hex */
.niche-icon--quadracircle .niche-icon--quadracircle__dot--one {
  fill: #53a646;
}
.niche-icon--quadracircle .niche-icon--quadracircle__dot--two {
  fill: #f2d555;
}
.niche-icon--quadracircle .niche-icon--quadracircle__dot--three {
  fill: #9bcb47;
}
.niche-icon--quadracircle .niche-icon--quadracircle__dot--four {
  fill: #ed5941;
}
/* stylelint-enable */
/* ---- Job Listings Partner ---- */
.job-listings__filters {
  margin-bottom: 15px;
  padding-top: 15px;
}
@media only screen and (min-width: 400px)  {
  .job-listings__filters {
    padding-top: 0;
  }
}
@media only screen and (min-width: 768px)  {
  .job-listings__filters {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.job-listings__filters__query .input {
  width: 100%;
}
@media only screen and (min-width: 768px)  {
  .job-listings__filters__query {
    -webkit-box-flex: 3;
        -ms-flex: 3;
            flex: 3;
  }
}
.job-listings__filters__location .input {
  width: 100%;
}
.job-listings__filters__location .field__icon--green {
  background: rgba(255, 255, 255, 0);
}
@media only screen and (min-width: 768px)  {
  .job-listings__filters__location {
    -webkit-box-flex: 2;
        -ms-flex: 2;
            flex: 2;
    margin: 0 0 0 5px;
  }
}
.job-listings__filters__submit {
  display: block;
  margin-left: 5px;
}
.job-listings__filters__submit button {
  height: 100%;
}
@media only screen and (min-width: 500px)  {
  .job-listings__filters__submit .button {
    font-size: 16px;
  }
}
.job-listings-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.job-listings-header__partner {
  font-size: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  height: 30px;
  line-height: 18px;
  color: #787878;
}
.job-listings-header__partner-logo {
  display: inline-block;
  width: 80px;
  height: 26px;
  background: url(../../static/job-listings/indeed-logo.png) no-repeat;
  background-size: contain;
}
.job-listings-header__title {
  color: #53a63a;
  font-size: 26px;
  line-height: 30px;
  margin: 5px 0 15px;
}
@media only screen and (min-width: 500px)  {
  .job-listings-header__title {
    font-size: 30px;
    margin: 5px 0 20px;
  }
}
.job-listings-header__title--no-bottom-margin {
  margin-bottom: 0;
}
.job-listing {
  display: block;
  margin-bottom: 15px;
}
.job-listing__title {
  font-size: 18px;
}
@media only screen and (min-width: 600px)  {
  .job-listing__title {
    font-size: 20px;
  }
}
.job-listing__title--new:after {
  content: 'New!';
  color: #53a63a;
  font-size: 0.75em;
  font-weight: 600;
  padding-left: 5px;
}
.job-listing__metas {
  color: #787878;
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.job-listing__meta:after {
  content: '\2022';
  display: inline-block;
  width: 1.1em;
  text-align: center;
}
.job-listing__meta:last-child:after {
  display: none;
}
.job-listing__meta--sponsored {
  color: #7cbc67;
}
.jobs__result__description {
  font-size: 14px;
}
.jobs__result__description b {
  font-weight: 400;
}
.job-listing__list .job-listing {
  vertical-align: top;
}
.job-listing__list .job-listing figcaption {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
}
.job-listings {
  position: relative;
}
.job-listings .loading-indicator {
  background-color: rgba(255, 255, 255, 0.85);
}
.job-listings__count {
  color: #787878;
  font-size: 14px;
  margin-bottom: 10px;
}
.job-listings__count strong {
  font-weight: 600;
}
.job-listings--loading {
  min-height: 438px;
}
@media only screen and (min-width: 600px)  {
  .job-listings--loading {
    min-height: 209px;
  }
}
@media only screen and (min-width: 768px)  {
  .job-listings--loading {
    min-height: 219px;
  }
}
.job-listings__no-results {
  margin: 60px;
  text-align: center;
}
/* ---- Navigation ---- */
.footer__static-col {
  margin-top: 0;
  padding-top: 0;
  width: 100%;
}
.footer__logo__wrapper {
  left: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  top: -45px;
  width: 100%;
}
.footer__logo {
  background-color: white;
  height: 100px;
  margin: 0 auto;
  position: relative;
  width: 150px;
  z-index: 1;
}
/* stylelint-disable */
.footer__static-col__list {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  height: 220px;
  overflow: hidden;
  list-style: none;
  margin: 0 auto 30px;
  padding: 0;
}
/* stylelint-enable */
.footer__static-col__list__item {
  background-color: white;
  list-style: none;
  margin: 4px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  /* Because we're using the flex-direction: column
    for the footer links on mobile, the links do not
    align evenly if there is an odd number of them.
    To compensate, we can add padding to the last item
    in the list when there is an odd number of children */
}
.footer__static-col__list__item:hover {
  overflow: visible;
  text-overflow: initial;
}
.footer__static-col__list__item:last-child:nth-child(odd) {
  padding-bottom: 33px;
}
.footer__static-col__list__item__link {
  color: #007ac8;
  display: inline-block;
  font-size: 16px;
  line-height: 24px;
  margin: auto;
  text-align: left;
  text-decoration: none;
  width: 95px;
}
.footer__static-col__social-icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 20px auto;
}
.footer__static-col__social-icons .facebook-icon {
  background-color: #3b5998;
  height: 36px;
  width: 36px;
}
.footer__static-col__social-icons .twitter-icon {
  background-color: #70ceee;
  height: 36px;
  margin: 0 15px;
  width: 36px;
}
.footer__static-col__social-icons .googleplus-icon {
  background-color: #ea756b;
  height: 36px;
  width: 36px;
}
.footer__static-col__copyright {
  color: #787878;
  display: block;
  font-size: 14px;
  margin: 0;
  text-align: center;
  white-space: nowrap;
}
@media only screen and (min-width: 768px)  {
  .footer__static-col {
    padding: 30px 0;
    width: 236px;
  }
  .footer__logo__wrapper {
    padding: 0 45px;
    position: static;
  }
  .footer__logo {
    margin: -73px 0 45px -25px;
  }
  .footer__static-col__list {
    display: block;
    height: auto;
    margin: 0;
    padding: 0 45px 0 43px;
  }
  .footer__static-col__list__item {
    margin: 0;
  }
  .footer__static-col__list__item:last-child:nth-child(odd) {
    padding-bottom: 0;
  }
  .footer__static-col__list__item__link:hover {
    cursor: pointer;
    padding-right: 4px;
    position: relative;
    text-decoration: underline;
    z-index: 1;
  }
  .footer__static-col__social-icons {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin: 60px 10px 30px 45px;
    white-space: nowrap;
  }
  .footer__static-col__social-icons .facebook-icon {
    display: inline-block;
  }
  .footer__static-col__social-icons .twitter-icon {
    display: inline-block;
    margin: 0 15px;
  }
  .footer__static-col__social-icons .googleplus-icon {
    display: inline-block;
  }
  .footer__static-col__copyright {
    margin-left: 45px;
    text-align: left;
  }
}
.footer {
  background: white;
  font-size: 14px;
  padding: 50px 15px 0;
  position: relative;
  margin-bottom: 30px;
}
@media only screen and (min-width: 600px)  {
  .footer {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    padding: 50px 0 0;
  }
}
.platform--renaissance .footer {
  z-index: 100;
}
.footer__container {
  border-top: 2px solid #ddd;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 auto;
  max-width: 1024px;
  padding: 0 5px 30px;
  width: 100%;
}
@media only screen and (min-width: 600px)  {
  .footer__container {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    padding: 0 30px 30px;
  }
}
.footer-claim-cta {
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  padding: 15px;
  text-align: center;
}
.footer-claim-cta .claim-your-school-cta {
  font-size: 16px;
}
.footer-claim-cta .claim-your-school-cta__link {
  white-space: nowrap;
}
.footer-dynamic-nav-container {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 100%;
          flex: 1 0 100%;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
@media only screen and (min-width: 600px)  {
  .footer-dynamic-nav-container {
    -webkit-box-flex: 1;
        -ms-flex: 1 auto;
            flex: 1 auto;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    padding: 0 0 0 30px;
    width: 80%;
  }
}
.footer-tagline {
  color: #787878;
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
  margin: 60px 0 10px;
  padding: 0 20px;
  text-align: center;
}
@media only screen and (min-width: 600px)  {
  .footer-tagline {
    margin: 30px 0 10px;
  }
}
@media only screen and (min-width: 700px)  {
  .footer-tagline {
    font-size: 20px;
    margin: 35px 0 0;
    padding: 0;
    text-align: left;
  }
}
.footer-link-collection {
  display: none;
}
@media only screen and (min-width: 600px)  {
  .footer-link-collection {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 30px 0 0;
  }
}
.footer-link-collection-list {
  -webkit-box-flex: 1;
      -ms-flex: 1 auto;
          flex: 1 auto;
  padding: 0 10px 0 0;
  width: 33.33333%;
}
.footer-link-collection-list__item {
  font-size: 12px;
  line-height: 20px;
}
.footer-link-collection-list__item > a {
  color: #919191;
}
.footer-logo {
  background: white;
  color: transparent;
  display: block;
  font-size: 9px;
  height: calc(9em + 20px);
  padding: 10px;
  left: 50%;
  margin: 0 0 0 -64px;
  position: absolute;
  top: 7px;
  width: calc(12em + 20px);
}
.footer-logo:hover {
  color: transparent;
}
.footer-logo::before {
  background: url(https://d33a4decm84gsn.cloudfront.net/static/platform-sprite-03092018.svg);
  background-size: 50em 50em;
  overflow: hidden;
  text-indent: -1000%;
  background-position: 0.2em 0.1em;
  content: '';
  display: block;
  height: 9em;
  width: 12em;
}
@media only screen and (min-width: 600px)  {
  .footer-logo {
    font-size: 0.74em;
    left: 0;
    margin: -45px 0 0;
    position: relative;
    top: 0;
  }
}
.footer-social-buttons {
  text-align: center;
}
@media only screen and (min-width: 600px)  {
  .footer-social-buttons {
    text-align: left;
    padding: 0 0 0 22px;
  }
}
.footer-social-button {
  background: url(https://d33a4decm84gsn.cloudfront.net/static/platform-sprite-03092018.svg);
  background-size: 50em 50em;
  overflow: hidden;
  text-indent: -1000%;
  border-radius: 2px;
  color: transparent;
  display: inline-block;
  font-size: 13px;
  height: 32px;
  margin: 0 5px 0 0;
  text-decoration: none;
  width: 32px;
}
.footer-social-button--facebook {
  background-color: #3b5998;
  background-position: 0.2em -10.95em;
}
.footer-social-button--facebook:hover {
  background-color: #4c70ba;
}
.footer-social-button--g-plus {
  background-color: #ea756b;
  background-position: -6.2em -11em;
}
.footer-social-button--g-plus:hover {
  background-color: #ed8a81;
}
.footer-social-button--twitter {
  background-color: #70ceee;
  background-position: -2.8em -11em;
}
.footer-social-button--twitter:hover {
  background-color: #87d6f1;
}
.footer-static-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: wrap;
      flex-flow: wrap;
  padding: 10px 30px 20px 45px;
}
@media only screen and (min-width: 600px)  {
  .footer-static-list {
    padding: 20px 0 40px 22px;
  }
}
.footer-static-list__item {
  font-size: 16px;
  line-height: 24px;
  padding: 2px 0;
  width: 50%;
}
@media only screen and (min-width: 600px)  {
  .footer-static-list__item {
    width: 100%;
  }
}
.footer-static-nav-container {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 100%;
          flex: 1 0 100%;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
@media only screen and (min-width: 600px)  {
  .footer-static-nav-container {
    -webkit-box-flex: 1;
        -ms-flex: 1 auto;
            flex: 1 auto;
    min-width: 140px;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    width: 20%;
  }
}
.footer-copyright {
  color: #919191;
  font-size: 12px;
  padding: 15px 0;
  text-align: center;
}
@media only screen and (min-width: 600px)  {
  .footer-copyright {
    text-align: left;
    padding: 15px 0 15px 22px;
  }
}
.footer-vertical-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin: 35px 0;
}
.footer-vertical-links .footer-vertical-links__item {
  font-family: 'Niche';
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
  padding: 10px 40px 0 0;
}
.footer-vertical-links .footer-vertical-links__item:last-child {
  padding-right: 0;
}
.footer-vertical-links a {
  color: #53a63a;
}
@media (max-width: 700px) {
  .footer-vertical-links .footer-vertical-links__item {
    font-size: 11px;
    padding: 10px 0 0;
  }
}
@media only screen and (min-width: 900px) {
  .footer-vertical-links .footer-vertical-links__item {
    font-size: 13px;
    padding-right: 50px;
  }
}
@media only screen and (min-width: 1000px) {
  .footer-vertical-links .footer-vertical-links__item {
    font-size: 15px;
  }
}
@media (max-width: 700px) {
  .footer-vertical-links {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 10px;
  }
}
.global-nav-container {
  z-index: 102;
  position: relative;
}
.global-nav--show-mobile {
  width: 100vw;
  height: 100vh;
}
.global-nav__minimal {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  position: relative;
  width: 100%;
  z-index: 200;
}
.global-nav__minimal-inner {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 auto;
  max-width: 1200px;
  padding: 5px;
  /*
        Account Login/Sign up
    */
}
@media only screen and (min-width: 768px)  {
  .global-nav__minimal-inner {
    padding: 10px;
  }
}
@media only screen and (min-width: 900px)  {
  .global-nav__minimal-inner {
    padding: 10px 15px;
  }
}
@media only screen and (min-width: 1024px)  {
  .global-nav__minimal-inner {
    padding: 10px 20px;
  }
}
.global-nav__minimal-inner .global-nav__logo {
  margin-left: 0;
}
.global-nav__minimal-inner .global-nav__logo .niche-logo-horizontal path {
  fill: #464646;
  stroke: #464646;
}
.global-nav__minimal-inner .global-nav__logo .niche-logo-horizontal circle {
  stroke: #464646;
}
@media only screen and (min-width: 1024px)  {
  .global-nav__minimal-inner .global-nav__logo .niche-logo-horizontal {
    height: 40px;
    width: 170px;
  }
}
.global-nav__minimal-inner .niche-icon--account {
  color: rgba(0, 0, 0, 0.5);
}
.global-nav__minimal-inner .global-nav__account-login {
  color: rgba(0, 0, 0, 0.5);
}
.global-nav__minimal-inner .global-nav__account-login:hover {
  color: rgba(0, 0, 0, 0.5);
}
.global-nav__minimal-inner .global-nav__account__logged-in {
  color: rgba(0, 0, 0, 0.5);
}
.global-nav__minimal-inner .global-nav__account__logged-in:hover {
  color: rgba(0, 0, 0, 0.7);
}
.global-nav__minimal-inner .global-nav__account__logged-in:hover .global-nav__account-icon,
.global-nav__minimal-inner .global-nav__account__logged-in:hover .niche-icon--account {
  color: rgba(0, 0, 0, 0.7);
}
.global-nav__minimal-inner .global-nav__account-icon {
  color: rgba(0, 0, 0, 0.5);
  margin: 0;
}
.global-nav__minimal-inner button.global-nav__account-signup {
  color: white;
}
.global-nav__primary {
  background-color: #59a44d;
  height: 88px;
  position: relative;
  width: 100%;
  z-index: 200;
}
@media only screen and (min-width: 500px)  {
  .global-nav__primary {
    height: 95px;
  }
}
@media only screen and (min-width: 768px)  {
  .global-nav__primary {
    height: 62px;
  }
}
@media only screen and (min-width: 900px)  {
  .global-nav__primary {
    height: 70px;
  }
}
@media only screen and (min-width: 768px)  {
  .global-nav--sticky .global-nav__primary {
    position: fixed;
    margin-bottom: 0;
    top: 0;
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    -webkit-transform: translateY(0, 0);
            transform: translateY(0, 0);
    z-index: 1000;
  }
}
.global-nav--sticky-shadow .global-nav__primary {
  -webkit-box-shadow: 0 5px 10px -4px rgba(0, 0, 0, 0.12), 0 5px 10px -6px rgba(0, 0, 0, 0.24);
          box-shadow: 0 5px 10px -4px rgba(0, 0, 0, 0.12), 0 5px 10px -6px rgba(0, 0, 0, 0.24);
}
.global-nav__primary-inner {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media only screen and (min-width: 768px)  {
  .global-nav__primary-inner {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    max-width: 1200px;
    margin: 0 auto;
    padding: 10px 20px;
  }
}
@media only screen and (min-width: 900px)  {
  .global-nav__primary-inner {
    padding: 12px 20px;
  }
}
/*
    <CollapsedMode> Styles

    .global-nav__primary-collapsed wraps
    GlobalLinks and the .global-nav__search-icon
*/
.global-nav__primary--collapsed {
  height: auto;
}
.global-nav__primary--collapsed-inner {
  display: none;
}
@media only screen and (min-width: 768px)  {
  .global-nav__primary--collapsed-inner {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.global-nav__close-search-icon {
  display: none;
  padding: 5px 5px 5px 15px;
}
@media only screen and (min-width: 768px)  {
  .global-nav__close-search-icon {
    color: white;
    cursor: pointer;
    display: block;
    font-size: 24px;
  }
  .global-nav__close-search-icon:hover {
    color: white;
  }
}
.global-nav__search-icon {
  display: none;
}
@media only screen and (min-width: 768px)  {
  .global-nav__search-icon {
    border-right: 2px solid #499337;
    color: white;
    cursor: pointer;
    display: block;
    font-size: 24px;
    padding-right: 15px;
  }
  .global-nav__search-icon:hover {
    color: white;
  }
}
/*
	Acccount
*/
.global-nav__account {
  margin-left: auto;
  margin-right: 9px;
}
@media only screen and (min-width: 768px)  {
  .global-nav__account {
    margin-left: 15px;
    margin-right: 0;
  }
}
@media only screen and (min-width: 900px)  {
  .global-nav__account {
    margin-left: 15px;
  }
}
@media only screen and (min-width: 1024px)  {
  .global-nav__account {
    margin-left: 20px;
  }
}
.platform .global-nav__account .popover__trigger:hover,
.platform .global-nav__account .popover__trigger:focus {
  outline: none;
  /* stylelint-disable-next-line selector-max-specificity */
}
.platform .global-nav__account .popover__trigger:hover .global-nav__account__logged-in,
.platform .global-nav__account .popover__trigger:focus .global-nav__account__logged-in,
.platform .global-nav__account .popover__trigger:hover .global-nav__account-icon,
.platform .global-nav__account .popover__trigger:focus .global-nav__account-icon {
  color: white;
}
.global-nav__account-icon {
  color: white;
  cursor: pointer;
  font-size: 26px;
  line-height: 1;
  padding: 0;
  -webkit-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
}
.global-nav--show-mobile .global-nav__account-icon {
  opacity: 0.5;
}
.global-nav__account__logged-out,
.global-nav__account__logged-in {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
@media only screen and (min-width: 1024px)  {
  .global-nav__account__logged-out {
    min-width: 130px;
  }
}
@media only screen and (min-width: 900px)  {
  .global-nav__account__logged-in {
    margin-left: 5px;
  }
}
.global-nav__account-login {
  display: none;
}
@media only screen and (min-width: 900px)  {
  .global-nav__account-login {
    color: #c5e4b8;
    display: block;
    font-size: 14px;
    font-weight: 600;
    margin-right: 10px;
  }
  .global-nav__account-login:hover {
    color: white;
    text-decoration: none;
  }
}
@media only screen and (min-width: 1024px)  {
  .global-nav__account-login {
    font-size: 15px;
    margin-right: 15px;
  }
}
button.global-nav__account-signup {
  display: none;
}
@media only screen and (min-width: 900px)  {
  button.global-nav__account-signup {
    display: block;
    padding: 0.625em 0.75em 0.6em;
    color: #c5e4b8;
  }
  button.global-nav__account-signup.button-small {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1024px)  {
  button.global-nav__account-signup.button-small {
    font-size: 15px;
  }
}
.global-nav__account button.global-nav__account-signup {
  background: rgba(0, 0, 0, 0.25);
}
.global-nav__account button.global-nav__account-signup:hover {
  background-color: rgba(0, 0, 0, 0.15);
}
@media only screen and (min-width: 900px)  {
  .global-nav__account__logged-out .popover {
    display: none;
  }
}
.global-nav__account__logged-in {
  color: #daf2d0;
  cursor: pointer;
}
.global-nav__account__logged-in:hover {
  color: white;
  text-decoration: none;
}
.global-nav__account__logged-in:hover .global-nav__account-icon {
  color: white;
}
.global-nav__account__logged-in .global-nav__account-username {
  display: none;
}
@media only screen and (min-width: 900px)  {
  .global-nav__account__logged-in .global-nav__account-icon {
    color: #daf2d0;
    display: block;
    font-size: 22px;
    padding-right: 3px;
    padding-left: 0;
  }
  .global-nav__account__logged-in .global-nav__account-username {
    display: inline-block;
  }
}
@media only screen and (min-width: 1024px)  {
  .global-nav__account__logged-in .global-nav__account-icon {
    font-size: 24px;
  }
}
.global-nav__account-username {
  font-size: 14px;
  line-height: 16px;
  font-weight: 600;
  display: none;
}
.global-nav__account-username .niche-icon--arrow-down {
  margin-left: 3px;
}
@media only screen and (min-width: 768px)  {
  .global-nav__account-username {
    display: block;
  }
}
@media only screen and (min-width: 1024px)  {
  .global-nav__account-username {
    font-size: 15px;
  }
}
/*
    Global Links
    aka secondary nav
*/
@media only screen and (min-width: 768px)  {
  .global-links-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 12px;
    line-height: 1.6;
    overflow: hidden;
    max-width: 550px;
    max-width: 620px;
  }
}
@media only screen and (min-width: 900px)  {
  .global-links-wrap {
    font-size: 13px;
    max-width: 720px;
  }
}
@media only screen and (min-width: 1024px)  {
  .global-links-wrap {
    font-size: 14px;
  }
}
.global-links {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 100%;
}
.global-links__list {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  overflow: hidden;
  position: relative;
  white-space: nowrap;
}
.global-links__list::after {
  background: -webkit-gradient(linear, right top, left top, from(#499337), to(rgba(73, 147, 55, 0)));
  background: linear-gradient(to left, #499337, rgba(73, 147, 55, 0));
  bottom: 0;
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  width: 50px;
  pointer-events: none;
}
.global-links__item {
  display: inline-block;
  margin-right: 1.5em;
}
.global-links__item a {
  color: #c5e4b8;
  display: block;
  font-size: 1em;
  font-weight: 600;
  padding: 6px 0 5px;
}
.global-links__item a:hover {
  color: white;
  text-decoration: none;
}
@media only screen and (min-width: 900px)  {
  .global-links__item a {
    padding: 7px 0 5px;
  }
}
.global-links__meatball-icon {
  color: #c5e4b8;
  cursor: pointer;
  font-size: 1.2em;
  line-height: 1;
  padding: 0 10px;
}
.global-links__meatball-icon:hover {
  color: white;
  text-decoration: none;
}
.global-links__meatball-icon:focus {
  color: white;
  text-decoration: none;
  outline: none;
}
/*
    Styles for GlobalLinks when in the primary
    part of the CollapsedMode.
*/
@media only screen and (min-width: 768px)  {
  .global-links-wrap.global-links--primary {
    max-width: 480px;
  }
}
@media only screen and (min-width: 1024px)  {
  .global-links-wrap.global-links--primary {
    max-width: 600px;
  }
}
.global-links-wrap.global-links--primary .global-links__list::after {
  background: -webkit-gradient(linear, right top, left top, from(#59a44d), to(rgba(89, 164, 77, 0)));
  background: linear-gradient(to left, #59a44d, rgba(89, 164, 77, 0));
  pointer-events: none;
}
/*********************************

    PARENT WRAPPER OF ALL
    GLOBAL NAV INPUTS

*********************************/
.global-nav__inputs {
  display: block;
  left: 0;
  position: absolute;
  top: 43px;
  width: 100%;
}
@media only screen and (max-width: 767px)  {
  .global-nav__inputs {
    -webkit-transition: opacity 0.1s linear, -webkit-transform 0.1s ease;
    transition: opacity 0.1s linear, -webkit-transform 0.1s ease;
    transition: opacity 0.1s linear, transform 0.1s ease;
    transition: opacity 0.1s linear, transform 0.1s ease, -webkit-transform 0.1s ease;
  }
}
@media only screen and (min-width: 768px)  {
  .global-nav__inputs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 2;
        -ms-flex: 2 0 0px;
            flex: 2 0 0;
    height: auto;
    position: relative;
    top: 0;
  }
}
@media only screen and (min-width: 768px)  {
  .global-nav__primary--collapsed .global-nav__inputs {
    visibility: hidden;
    display: none;
  }
}
.global-nav__inputs .loading-indicator {
  z-index: 600;
}
.global-nav__inputs-wrap {
  overflow: hidden;
  height: 0;
}
.global-nav__inputs--show-mobile .global-nav__inputs-wrap {
  height: 100%;
}
.global-nav__inputs--map-area .global-nav__inputs-wrap .sherlock__wrapper--in input::-webkit-input-placeholder {
  color: #007ac8 !important;
}
.global-nav__inputs--map-area .global-nav__inputs-wrap .sherlock__wrapper--in input::-moz-placeholder {
  color: #007ac8 !important;
}
.global-nav__inputs--map-area .global-nav__inputs-wrap .sherlock__wrapper--in input:-ms-input-placeholder {
  color: #007ac8 !important;
}
.global-nav__inputs--map-area .global-nav__inputs-wrap .sherlock__wrapper--in input::-ms-input-placeholder {
  color: #007ac8 !important;
}
.global-nav__inputs--map-area .global-nav__inputs-wrap .sherlock__wrapper--in input::placeholder {
  color: #007ac8 !important;
}
@media only screen and (min-width: 768px)  {
  .global-nav__inputs-wrap {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    overflow: visible;
  }
}
.global-nav__inputs-wrap .global-nav__input--with-hint {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
/*********************************

    SLIDING GREEN BACKDROP WHEN
    MOBILE GLOBAL NAV INPUTS APPEAR

*********************************/
.global-nav__inputs__sliding-backdrop {
  background: #59a44d;
  height: 105px;
  left: 0;
  position: absolute;
  top: -60px;
  -webkit-transform: translateY(-100px);
          transform: translateY(-100px);
  -webkit-transition: -webkit-transform 0.2s ease;
  transition: -webkit-transform 0.2s ease;
  transition: transform 0.2s ease;
  transition: transform 0.2s ease, -webkit-transform 0.2s ease;
  width: 100%;
}
.global-nav__inputs--show-mobile .global-nav__inputs__sliding-backdrop {
  -webkit-transform: translateY(46px);
          transform: translateY(46px);
}
@media only screen and (min-width: 500px)  {
  .global-nav__inputs--show-mobile .global-nav__inputs__sliding-backdrop {
    -webkit-transform: translateY(58px);
            transform: translateY(58px);
  }
}
/*********************************

    WRAPPER FOR EACH GLOBAL NAV INPUT
    (Location and Entity)

*********************************/
.global-nav__input-wrap {
  background: #59a44d;
  display: block;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  opacity: 0;
  position: relative;
  padding: 0 10px;
  -webkit-transition: opacity 0.1s linear, -webkit-transform 0.1s ease;
  transition: opacity 0.1s linear, -webkit-transform 0.1s ease;
  transition: opacity 0.1s linear, transform 0.1s ease;
  transition: opacity 0.1s linear, transform 0.1s ease, -webkit-transform 0.1s ease;
  visibility: hidden;
  /*********************************

        SHERLOCK INPUT STYLES

    *********************************/
  /*****************
        SPECIFIC TO INPUTS THAT HAVE A PROMPT
        PRECEDING THE PLACEHOLDER TEXT
    *****************/
  /*****************
        MOBILE ENTITY INPUT TEXT
        APPEARING ANIMATION
    *****************/
  /*****************
        SHERLOCK WITH FIND PROMPT
    *****************/
  /*****************
        MOBILE LOCATION INPUT TEXT
        APPEARING ANIMATION
    *****************/
  /*****************
        SHERLOCK WITH IN PROMPT
    *****************/
}
@media only screen and (min-width: 768px)  {
  .global-nav__input-wrap {
    padding: 0;
    opacity: 1;
    -webkit-transition: none;
    transition: none;
    visibility: visible;
  }
}
.global-nav__inputs--show-mobile .global-nav__input-wrap {
  opacity: 1;
  visibility: visible;
}
.global-nav__input-wrap.global-nav__input-wrap--entity {
  margin-bottom: 3px;
  z-index: 500;
}
@media only screen and (min-width: 768px)  {
  .global-nav__input-wrap.global-nav__input-wrap--entity {
    margin: 0;
  }
  .global-nav__input-wrap.global-nav__input-wrap--entity .sherlock,
  .global-nav__input-wrap.global-nav__input-wrap--entity .sherlock--success,
  .global-nav__input-wrap.global-nav__input-wrap--entity .sherlock--error,
  .global-nav__input-wrap.global-nav__input-wrap--entity .sherlock--search-filter,
  .global-nav__input-wrap.global-nav__input-wrap--entity .sherlock--sherlock-list {
    border-radius: 2px 0 0 2px;
  }
}
.global-nav__input-wrap.global-nav__input-wrap--location .global-nav__input-wrap__icon {
  border-radius: 0 2px 2px 0;
}
@media only screen and (min-width: 768px)  {
  .global-nav__input-wrap.global-nav__input-wrap--location {
    margin: 0 0 0 2px;
  }
  .global-nav__input-wrap.global-nav__input-wrap--location .sherlock,
  .global-nav__input-wrap.global-nav__input-wrap--location .sherlock--success,
  .global-nav__input-wrap.global-nav__input-wrap--location .sherlock--error,
  .global-nav__input-wrap.global-nav__input-wrap--location .sherlock--search-filter,
  .global-nav__input-wrap.global-nav__input-wrap--location .sherlock--sherlock-list {
    border-radius: 0 2px 2px 0;
  }
}
.global-nav__input-wrap .sherlock,
.global-nav__input-wrap .sherlock--success,
.global-nav__input-wrap .sherlock--error,
.global-nav__input-wrap .sherlock--search-filter,
.global-nav__input-wrap .sherlock--sherlock-list {
  border: none;
  border-radius: 2px;
}
.global-nav__input-wrap .sherlock__results {
  border-top: 1px solid #b8def7;
  max-height: 75vh;
  left: 0;
  overflow: scroll;
  padding-top: 0;
  top: 41px;
}
@media only screen and (min-width: 768px)  {
  .global-nav__input-wrap .sherlock__results {
    border-radius: 0 0 2px 2px;
    border: none;
    border-top: 1px solid #b8def7;
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 6px rgba(0, 0, 0, 0.24);
            box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 6px rgba(0, 0, 0, 0.24);
    height: auto;
    overflow: auto;
  }
}
@media only screen and (min-width: 900px)  {
  .global-nav__input-wrap .sherlock__results {
    top: 44px;
  }
}
.global-nav__input-wrap .sherlock__results:before {
  background-color: transparent;
}
.global-nav__input-wrap .sherlock__wrapper,
.global-nav__input-wrap .sherlock__wrapper--results-visible,
.global-nav__input-wrap .sherlock__wrapper--find,
.global-nav__input-wrap .sherlock__wrapper--find--results-visible,
.global-nav__input-wrap .sherlock__wrapper--in,
.global-nav__input-wrap .sherlock__wrapper--in--results-visible,
.global-nav__input-wrap .sherlock__wrapper--sherlock-list,
.global-nav__input-wrap .sherlock__wrapper--sherlock-list--results-visible {
  margin-right: 0;
  padding-left: 0;
}
.global-nav__input-wrap .sherlock__wrapper input,
.global-nav__input-wrap .sherlock__wrapper--results-visible input,
.global-nav__input-wrap .sherlock__wrapper--find input,
.global-nav__input-wrap .sherlock__wrapper--find--results-visible input,
.global-nav__input-wrap .sherlock__wrapper--in input,
.global-nav__input-wrap .sherlock__wrapper--in--results-visible input,
.global-nav__input-wrap .sherlock__wrapper--sherlock-list input,
.global-nav__input-wrap .sherlock__wrapper--sherlock-list--results-visible input {
  color: #007ac8;
  font-size: 16px;
  height: 40px;
}
.global-nav__input-wrap .sherlock__wrapper input::-webkit-input-placeholder,
.global-nav__input-wrap .sherlock__wrapper--results-visible input::-webkit-input-placeholder,
.global-nav__input-wrap .sherlock__wrapper--find input::-webkit-input-placeholder,
.global-nav__input-wrap .sherlock__wrapper--find--results-visible input::-webkit-input-placeholder,
.global-nav__input-wrap .sherlock__wrapper--in input::-webkit-input-placeholder,
.global-nav__input-wrap .sherlock__wrapper--in--results-visible input::-webkit-input-placeholder,
.global-nav__input-wrap .sherlock__wrapper--sherlock-list input::-webkit-input-placeholder,
.global-nav__input-wrap .sherlock__wrapper--sherlock-list--results-visible input::-webkit-input-placeholder {
  color: #787878;
}
.global-nav__input-wrap .sherlock__wrapper input::-moz-placeholder,
.global-nav__input-wrap .sherlock__wrapper--results-visible input::-moz-placeholder,
.global-nav__input-wrap .sherlock__wrapper--find input::-moz-placeholder,
.global-nav__input-wrap .sherlock__wrapper--find--results-visible input::-moz-placeholder,
.global-nav__input-wrap .sherlock__wrapper--in input::-moz-placeholder,
.global-nav__input-wrap .sherlock__wrapper--in--results-visible input::-moz-placeholder,
.global-nav__input-wrap .sherlock__wrapper--sherlock-list input::-moz-placeholder,
.global-nav__input-wrap .sherlock__wrapper--sherlock-list--results-visible input::-moz-placeholder {
  color: #787878;
}
.global-nav__input-wrap .sherlock__wrapper input:-ms-input-placeholder,
.global-nav__input-wrap .sherlock__wrapper--results-visible input:-ms-input-placeholder,
.global-nav__input-wrap .sherlock__wrapper--find input:-ms-input-placeholder,
.global-nav__input-wrap .sherlock__wrapper--find--results-visible input:-ms-input-placeholder,
.global-nav__input-wrap .sherlock__wrapper--in input:-ms-input-placeholder,
.global-nav__input-wrap .sherlock__wrapper--in--results-visible input:-ms-input-placeholder,
.global-nav__input-wrap .sherlock__wrapper--sherlock-list input:-ms-input-placeholder,
.global-nav__input-wrap .sherlock__wrapper--sherlock-list--results-visible input:-ms-input-placeholder {
  color: #787878;
}
.global-nav__input-wrap .sherlock__wrapper input::-ms-input-placeholder,
.global-nav__input-wrap .sherlock__wrapper--results-visible input::-ms-input-placeholder,
.global-nav__input-wrap .sherlock__wrapper--find input::-ms-input-placeholder,
.global-nav__input-wrap .sherlock__wrapper--find--results-visible input::-ms-input-placeholder,
.global-nav__input-wrap .sherlock__wrapper--in input::-ms-input-placeholder,
.global-nav__input-wrap .sherlock__wrapper--in--results-visible input::-ms-input-placeholder,
.global-nav__input-wrap .sherlock__wrapper--sherlock-list input::-ms-input-placeholder,
.global-nav__input-wrap .sherlock__wrapper--sherlock-list--results-visible input::-ms-input-placeholder {
  color: #787878;
}
.global-nav__input-wrap .sherlock__wrapper input::placeholder,
.global-nav__input-wrap .sherlock__wrapper--results-visible input::placeholder,
.global-nav__input-wrap .sherlock__wrapper--find input::placeholder,
.global-nav__input-wrap .sherlock__wrapper--find--results-visible input::placeholder,
.global-nav__input-wrap .sherlock__wrapper--in input::placeholder,
.global-nav__input-wrap .sherlock__wrapper--in--results-visible input::placeholder,
.global-nav__input-wrap .sherlock__wrapper--sherlock-list input::placeholder,
.global-nav__input-wrap .sherlock__wrapper--sherlock-list--results-visible input::placeholder {
  color: #787878;
}
@media only screen and (min-width: 500px)  {
  .global-nav__input-wrap .sherlock__wrapper input,
  .global-nav__input-wrap .sherlock__wrapper--results-visible input,
  .global-nav__input-wrap .sherlock__wrapper--find input,
  .global-nav__input-wrap .sherlock__wrapper--find--results-visible input,
  .global-nav__input-wrap .sherlock__wrapper--in input,
  .global-nav__input-wrap .sherlock__wrapper--in--results-visible input,
  .global-nav__input-wrap .sherlock__wrapper--sherlock-list input,
  .global-nav__input-wrap .sherlock__wrapper--sherlock-list--results-visible input {
    font-size: 18px;
    height: 46px;
  }
}
@media only screen and (min-width: 768px)  {
  .global-nav__input-wrap .sherlock__wrapper input,
  .global-nav__input-wrap .sherlock__wrapper--results-visible input,
  .global-nav__input-wrap .sherlock__wrapper--find input,
  .global-nav__input-wrap .sherlock__wrapper--find--results-visible input,
  .global-nav__input-wrap .sherlock__wrapper--in input,
  .global-nav__input-wrap .sherlock__wrapper--in--results-visible input,
  .global-nav__input-wrap .sherlock__wrapper--sherlock-list input,
  .global-nav__input-wrap .sherlock__wrapper--sherlock-list--results-visible input {
    font-size: 16px;
    height: 42px;
  }
}
@media only screen and (min-width: 900px)  {
  .global-nav__input-wrap .sherlock__wrapper input,
  .global-nav__input-wrap .sherlock__wrapper--results-visible input,
  .global-nav__input-wrap .sherlock__wrapper--find input,
  .global-nav__input-wrap .sherlock__wrapper--find--results-visible input,
  .global-nav__input-wrap .sherlock__wrapper--in input,
  .global-nav__input-wrap .sherlock__wrapper--in--results-visible input,
  .global-nav__input-wrap .sherlock__wrapper--sherlock-list input,
  .global-nav__input-wrap .sherlock__wrapper--sherlock-list--results-visible input {
    font-size: 18px;
    height: 45px;
  }
}
.global-nav__input-wrap .sherlock__wrapper--find,
.global-nav__input-wrap .sherlock__wrapper--find--results-visible,
.global-nav__input-wrap .sherlock__wrapper--in,
.global-nav__input-wrap .sherlock__wrapper--in--results-visible {
  position: relative;
}
.global-nav__input-wrap .sherlock__wrapper--find input,
.global-nav__input-wrap .sherlock__wrapper--find--results-visible input,
.global-nav__input-wrap .sherlock__wrapper--in input,
.global-nav__input-wrap .sherlock__wrapper--in--results-visible input {
  padding-left: 50px;
}
@media only screen and (min-width: 900px)  {
  .global-nav__input-wrap .sherlock__wrapper--find input,
  .global-nav__input-wrap .sherlock__wrapper--find--results-visible input,
  .global-nav__input-wrap .sherlock__wrapper--in input,
  .global-nav__input-wrap .sherlock__wrapper--in--results-visible input {
    padding-left: 53px;
  }
}
.global-nav__input-wrap .sherlock__wrapper--find::after,
.global-nav__input-wrap .sherlock__wrapper--find--results-visible::after,
.global-nav__input-wrap .sherlock__wrapper--in::after,
.global-nav__input-wrap .sherlock__wrapper--in--results-visible::after {
  font-size: 16px;
  font-weight: 600;
  left: 0;
  line-height: normal;
  padding: 10px 0 11px 12px;
  position: absolute;
  top: 0;
}
@media only screen and (min-width: 500px)  {
  .global-nav__input-wrap .sherlock__wrapper--find::after,
  .global-nav__input-wrap .sherlock__wrapper--find--results-visible::after,
  .global-nav__input-wrap .sherlock__wrapper--in::after,
  .global-nav__input-wrap .sherlock__wrapper--in--results-visible::after {
    font-size: 18px;
    padding: 12px 0 11px 12px;
  }
}
@media only screen and (min-width: 768px)  {
  .global-nav__input-wrap .sherlock__wrapper--find::after,
  .global-nav__input-wrap .sherlock__wrapper--find--results-visible::after,
  .global-nav__input-wrap .sherlock__wrapper--in::after,
  .global-nav__input-wrap .sherlock__wrapper--in--results-visible::after {
    font-size: 16px;
    height: auto;
    padding: 11px 0 11px 12px;
  }
}
@media only screen and (min-width: 900px)  {
  .global-nav__input-wrap .sherlock__wrapper--find::after,
  .global-nav__input-wrap .sherlock__wrapper--find--results-visible::after,
  .global-nav__input-wrap .sherlock__wrapper--in::after,
  .global-nav__input-wrap .sherlock__wrapper--in--results-visible::after {
    font-size: 18px;
  }
}
.global-nav__input-wrap .sherlock-text-appear-animation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  opacity: 0;
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
  -webkit-transition: opacity 0.2s linear, -webkit-transform 0.15s ease;
  transition: opacity 0.2s linear, -webkit-transform 0.15s ease;
  transition: opacity 0.2s linear, transform 0.15s ease;
  transition: opacity 0.2s linear, transform 0.15s ease, -webkit-transform 0.15s ease;
  will-change: transform, opacity;
}
.global-nav__inputs--show-mobile .global-nav__input-wrap .sherlock-text-appear-animation {
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}
@media only screen and (min-width: 768px)  {
  .global-nav__input-wrap .sherlock-text-appear-animation {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
.global-nav__input-wrap .sherlock__wrapper--find input::-webkit-input-placeholder,
.global-nav__input-wrap .sherlock__wrapper--find--results-visible input::-webkit-input-placeholder {
  display: -webkit-box;
  display: flex;
  opacity: 0;
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
  -webkit-transition: opacity 0.2s linear, -webkit-transform 0.15s ease;
  transition: opacity 0.2s linear, -webkit-transform 0.15s ease;
  transition: opacity 0.2s linear, transform 0.15s ease;
  transition: opacity 0.2s linear, transform 0.15s ease, -webkit-transform 0.15s ease;
  will-change: transform, opacity;
  color: #ababab;
}
.global-nav__input-wrap .sherlock__wrapper--find input::-moz-placeholder,
.global-nav__input-wrap .sherlock__wrapper--find--results-visible input::-moz-placeholder {
  display: flex;
  opacity: 0;
  transition-delay: 0.1s;
  -webkit-transition: opacity 0.2s linear, -webkit-transform 0.15s ease;
  transition: opacity 0.2s linear, -webkit-transform 0.15s ease;
  transition: opacity 0.2s linear, transform 0.15s ease;
  transition: opacity 0.2s linear, transform 0.15s ease, -webkit-transform 0.15s ease;
  will-change: transform, opacity;
  color: #ababab;
}
.global-nav__input-wrap .sherlock__wrapper--find input:-ms-input-placeholder,
.global-nav__input-wrap .sherlock__wrapper--find--results-visible input:-ms-input-placeholder {
  display: -ms-flexbox;
  display: flex;
  opacity: 0;
  transition-delay: 0.1s;
  -webkit-transition: opacity 0.2s linear, -webkit-transform 0.15s ease;
  transition: opacity 0.2s linear, -webkit-transform 0.15s ease;
  transition: opacity 0.2s linear, transform 0.15s ease;
  transition: opacity 0.2s linear, transform 0.15s ease, -webkit-transform 0.15s ease;
  will-change: transform, opacity;
  color: #ababab;
}
.global-nav__input-wrap .sherlock__wrapper--find input::-ms-input-placeholder,
.global-nav__input-wrap .sherlock__wrapper--find--results-visible input::-ms-input-placeholder {
  display: -ms-flexbox;
  display: flex;
  opacity: 0;
  transition-delay: 0.1s;
  -webkit-transition: opacity 0.2s linear, -webkit-transform 0.15s ease;
  transition: opacity 0.2s linear, -webkit-transform 0.15s ease;
  transition: opacity 0.2s linear, transform 0.15s ease;
  transition: opacity 0.2s linear, transform 0.15s ease, -webkit-transform 0.15s ease;
  will-change: transform, opacity;
  color: #ababab;
}
.global-nav__input-wrap .sherlock__wrapper--find input::placeholder,
.global-nav__input-wrap .sherlock__wrapper--find--results-visible input::placeholder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  opacity: 0;
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
  -webkit-transition: opacity 0.2s linear, -webkit-transform 0.15s ease;
  transition: opacity 0.2s linear, -webkit-transform 0.15s ease;
  transition: opacity 0.2s linear, transform 0.15s ease;
  transition: opacity 0.2s linear, transform 0.15s ease, -webkit-transform 0.15s ease;
  will-change: transform, opacity;
  color: #ababab;
}
.global-nav__inputs--show-mobile .global-nav__input-wrap .sherlock__wrapper--find input::-webkit-input-placeholder,
.global-nav__inputs--show-mobile .global-nav__input-wrap .sherlock__wrapper--find--results-visible input::-webkit-input-placeholder {
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}
.global-nav__inputs--show-mobile .global-nav__input-wrap .sherlock__wrapper--find input::-moz-placeholder,
.global-nav__inputs--show-mobile .global-nav__input-wrap .sherlock__wrapper--find--results-visible input::-moz-placeholder {
  opacity: 1;
  transform: translate(0, 0);
}
.global-nav__inputs--show-mobile .global-nav__input-wrap .sherlock__wrapper--find input:-ms-input-placeholder,
.global-nav__inputs--show-mobile .global-nav__input-wrap .sherlock__wrapper--find--results-visible input:-ms-input-placeholder {
  opacity: 1;
  transform: translate(0, 0);
}
.global-nav__inputs--show-mobile .global-nav__input-wrap .sherlock__wrapper--find input::-ms-input-placeholder,
.global-nav__inputs--show-mobile .global-nav__input-wrap .sherlock__wrapper--find--results-visible input::-ms-input-placeholder {
  opacity: 1;
  transform: translate(0, 0);
}
.global-nav__inputs--show-mobile .global-nav__input-wrap .sherlock__wrapper--find input::placeholder,
.global-nav__inputs--show-mobile .global-nav__input-wrap .sherlock__wrapper--find--results-visible input::placeholder {
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}
@media only screen and (min-width: 768px)  {
  .global-nav__input-wrap .sherlock__wrapper--find input::-webkit-input-placeholder,
  .global-nav__input-wrap .sherlock__wrapper--find--results-visible input::-webkit-input-placeholder {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  .global-nav__input-wrap .sherlock__wrapper--find input::-moz-placeholder,
  .global-nav__input-wrap .sherlock__wrapper--find--results-visible input::-moz-placeholder {
    opacity: 1;
    transform: translate(0, 0);
  }
  .global-nav__input-wrap .sherlock__wrapper--find input:-ms-input-placeholder,
  .global-nav__input-wrap .sherlock__wrapper--find--results-visible input:-ms-input-placeholder {
    opacity: 1;
    transform: translate(0, 0);
  }
  .global-nav__input-wrap .sherlock__wrapper--find input::-ms-input-placeholder,
  .global-nav__input-wrap .sherlock__wrapper--find--results-visible input::-ms-input-placeholder {
    opacity: 1;
    transform: translate(0, 0);
  }
  .global-nav__input-wrap .sherlock__wrapper--find input::placeholder,
  .global-nav__input-wrap .sherlock__wrapper--find--results-visible input::placeholder {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@media only screen and (min-width: 768px)  {
  .global-nav__input-wrap .sherlock__wrapper--find input::-webkit-input-placeholder,
  .global-nav__input-wrap .sherlock__wrapper--find--results-visible input::-webkit-input-placeholder {
    color: #787878;
  }
  .global-nav__input-wrap .sherlock__wrapper--find input::-moz-placeholder,
  .global-nav__input-wrap .sherlock__wrapper--find--results-visible input::-moz-placeholder {
    color: #787878;
  }
  .global-nav__input-wrap .sherlock__wrapper--find input:-ms-input-placeholder,
  .global-nav__input-wrap .sherlock__wrapper--find--results-visible input:-ms-input-placeholder {
    color: #787878;
  }
  .global-nav__input-wrap .sherlock__wrapper--find input::-ms-input-placeholder,
  .global-nav__input-wrap .sherlock__wrapper--find--results-visible input::-ms-input-placeholder {
    color: #787878;
  }
  .global-nav__input-wrap .sherlock__wrapper--find input::placeholder,
  .global-nav__input-wrap .sherlock__wrapper--find--results-visible input::placeholder {
    color: #787878;
  }
}
.global-nav__input-wrap .sherlock__wrapper--find::after,
.global-nav__input-wrap .sherlock__wrapper--find--results-visible::after {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  opacity: 0;
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
  -webkit-transition: opacity 0.2s linear, -webkit-transform 0.15s ease;
  transition: opacity 0.2s linear, -webkit-transform 0.15s ease;
  transition: opacity 0.2s linear, transform 0.15s ease;
  transition: opacity 0.2s linear, transform 0.15s ease, -webkit-transform 0.15s ease;
  will-change: transform, opacity;
  content: 'Find';
}
.global-nav__inputs--show-mobile .global-nav__input-wrap .sherlock__wrapper--find::after,
.global-nav__inputs--show-mobile .global-nav__input-wrap .sherlock__wrapper--find--results-visible::after {
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}
@media only screen and (min-width: 768px)  {
  .global-nav__input-wrap .sherlock__wrapper--find::after,
  .global-nav__input-wrap .sherlock__wrapper--find--results-visible::after {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
.global-nav__input-wrap .sherlock-location-text-appear-animation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  opacity: 0;
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
  -webkit-transition: opacity 0.2s linear, -webkit-transform 0.15s ease;
  transition: opacity 0.2s linear, -webkit-transform 0.15s ease;
  transition: opacity 0.2s linear, transform 0.15s ease;
  transition: opacity 0.2s linear, transform 0.15s ease, -webkit-transform 0.15s ease;
  will-change: transform, opacity;
  -webkit-transform: translateY(-20px);
          transform: translateY(-20px);
}
.global-nav__inputs--show-mobile .global-nav__input-wrap .sherlock-location-text-appear-animation {
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}
@media only screen and (min-width: 768px)  {
  .global-nav__input-wrap .sherlock-location-text-appear-animation {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
.global-nav__input-wrap .sherlock__wrapper--in input,
.global-nav__input-wrap .sherlock__wrapper--in--results-visible input {
  padding-left: 40px;
}
.global-nav__input-wrap .sherlock__wrapper--in input::-webkit-input-placeholder,
.global-nav__input-wrap .sherlock__wrapper--in--results-visible input::-webkit-input-placeholder {
  display: -webkit-box;
  display: flex;
  opacity: 0;
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
  -webkit-transition: opacity 0.2s linear, -webkit-transform 0.15s ease;
  transition: opacity 0.2s linear, -webkit-transform 0.15s ease;
  transition: opacity 0.2s linear, transform 0.15s ease;
  transition: opacity 0.2s linear, transform 0.15s ease, -webkit-transform 0.15s ease;
  will-change: transform, opacity;
  -webkit-transform: translateY(-20px);
          transform: translateY(-20px);
  color: #464646;
}
.global-nav__input-wrap .sherlock__wrapper--in input::-moz-placeholder,
.global-nav__input-wrap .sherlock__wrapper--in--results-visible input::-moz-placeholder {
  display: flex;
  opacity: 0;
  transition-delay: 0.1s;
  -webkit-transition: opacity 0.2s linear, -webkit-transform 0.15s ease;
  transition: opacity 0.2s linear, -webkit-transform 0.15s ease;
  transition: opacity 0.2s linear, transform 0.15s ease;
  transition: opacity 0.2s linear, transform 0.15s ease, -webkit-transform 0.15s ease;
  will-change: transform, opacity;
  transform: translateY(-20px);
  color: #464646;
}
.global-nav__input-wrap .sherlock__wrapper--in input:-ms-input-placeholder,
.global-nav__input-wrap .sherlock__wrapper--in--results-visible input:-ms-input-placeholder {
  display: -ms-flexbox;
  display: flex;
  opacity: 0;
  transition-delay: 0.1s;
  -webkit-transition: opacity 0.2s linear, -webkit-transform 0.15s ease;
  transition: opacity 0.2s linear, -webkit-transform 0.15s ease;
  transition: opacity 0.2s linear, transform 0.15s ease;
  transition: opacity 0.2s linear, transform 0.15s ease, -webkit-transform 0.15s ease;
  will-change: transform, opacity;
  transform: translateY(-20px);
  color: #464646;
}
.global-nav__input-wrap .sherlock__wrapper--in input::-ms-input-placeholder,
.global-nav__input-wrap .sherlock__wrapper--in--results-visible input::-ms-input-placeholder {
  display: -ms-flexbox;
  display: flex;
  opacity: 0;
  transition-delay: 0.1s;
  -webkit-transition: opacity 0.2s linear, -webkit-transform 0.15s ease;
  transition: opacity 0.2s linear, -webkit-transform 0.15s ease;
  transition: opacity 0.2s linear, transform 0.15s ease;
  transition: opacity 0.2s linear, transform 0.15s ease, -webkit-transform 0.15s ease;
  will-change: transform, opacity;
  transform: translateY(-20px);
  color: #464646;
}
.global-nav__input-wrap .sherlock__wrapper--in input::placeholder,
.global-nav__input-wrap .sherlock__wrapper--in--results-visible input::placeholder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  opacity: 0;
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
  -webkit-transition: opacity 0.2s linear, -webkit-transform 0.15s ease;
  transition: opacity 0.2s linear, -webkit-transform 0.15s ease;
  transition: opacity 0.2s linear, transform 0.15s ease;
  transition: opacity 0.2s linear, transform 0.15s ease, -webkit-transform 0.15s ease;
  will-change: transform, opacity;
  -webkit-transform: translateY(-20px);
          transform: translateY(-20px);
  color: #464646;
}
.global-nav__inputs--show-mobile .global-nav__input-wrap .sherlock__wrapper--in input::-webkit-input-placeholder,
.global-nav__inputs--show-mobile .global-nav__input-wrap .sherlock__wrapper--in--results-visible input::-webkit-input-placeholder {
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}
.global-nav__inputs--show-mobile .global-nav__input-wrap .sherlock__wrapper--in input::-moz-placeholder,
.global-nav__inputs--show-mobile .global-nav__input-wrap .sherlock__wrapper--in--results-visible input::-moz-placeholder {
  opacity: 1;
  transform: translate(0, 0);
}
.global-nav__inputs--show-mobile .global-nav__input-wrap .sherlock__wrapper--in input:-ms-input-placeholder,
.global-nav__inputs--show-mobile .global-nav__input-wrap .sherlock__wrapper--in--results-visible input:-ms-input-placeholder {
  opacity: 1;
  transform: translate(0, 0);
}
.global-nav__inputs--show-mobile .global-nav__input-wrap .sherlock__wrapper--in input::-ms-input-placeholder,
.global-nav__inputs--show-mobile .global-nav__input-wrap .sherlock__wrapper--in--results-visible input::-ms-input-placeholder {
  opacity: 1;
  transform: translate(0, 0);
}
.global-nav__inputs--show-mobile .global-nav__input-wrap .sherlock__wrapper--in input::placeholder,
.global-nav__inputs--show-mobile .global-nav__input-wrap .sherlock__wrapper--in--results-visible input::placeholder {
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}
@media only screen and (min-width: 768px)  {
  .global-nav__input-wrap .sherlock__wrapper--in input::-webkit-input-placeholder,
  .global-nav__input-wrap .sherlock__wrapper--in--results-visible input::-webkit-input-placeholder {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  .global-nav__input-wrap .sherlock__wrapper--in input::-moz-placeholder,
  .global-nav__input-wrap .sherlock__wrapper--in--results-visible input::-moz-placeholder {
    opacity: 1;
    transform: translate(0, 0);
  }
  .global-nav__input-wrap .sherlock__wrapper--in input:-ms-input-placeholder,
  .global-nav__input-wrap .sherlock__wrapper--in--results-visible input:-ms-input-placeholder {
    opacity: 1;
    transform: translate(0, 0);
  }
  .global-nav__input-wrap .sherlock__wrapper--in input::-ms-input-placeholder,
  .global-nav__input-wrap .sherlock__wrapper--in--results-visible input::-ms-input-placeholder {
    opacity: 1;
    transform: translate(0, 0);
  }
  .global-nav__input-wrap .sherlock__wrapper--in input::placeholder,
  .global-nav__input-wrap .sherlock__wrapper--in--results-visible input::placeholder {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
.global-nav__input-wrap .sherlock__wrapper--in::after,
.global-nav__input-wrap .sherlock__wrapper--in--results-visible::after {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  opacity: 0;
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
  -webkit-transition: opacity 0.2s linear, -webkit-transform 0.15s ease;
  transition: opacity 0.2s linear, -webkit-transform 0.15s ease;
  transition: opacity 0.2s linear, transform 0.15s ease;
  transition: opacity 0.2s linear, transform 0.15s ease, -webkit-transform 0.15s ease;
  will-change: transform, opacity;
  -webkit-transform: translateY(-20px);
          transform: translateY(-20px);
  content: 'In';
}
.global-nav__inputs--show-mobile .global-nav__input-wrap .sherlock__wrapper--in::after,
.global-nav__inputs--show-mobile .global-nav__input-wrap .sherlock__wrapper--in--results-visible::after {
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}
@media only screen and (min-width: 768px)  {
  .global-nav__input-wrap .sherlock__wrapper--in::after,
  .global-nav__input-wrap .sherlock__wrapper--in--results-visible::after {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
/*********************************

    GLOBAL NAV INPUT ICON
    (SEARCH OR LOCATION ICON)

*********************************/
.global-nav__input-wrap__icon {
  color: #787878;
  cursor: pointer;
  font-size: 16px;
  position: absolute;
  right: 18px;
  text-align: center;
  top: 10px;
  z-index: 400;
}
@media only screen and (min-width: 500px)  {
  .global-nav__input-wrap__icon {
    top: 12px;
    font-size: 18px;
  }
}
@media only screen and (min-width: 768px)  {
  .global-nav__input-wrap__icon {
    background: -webkit-gradient(linear, right top, left top, color-stop(70%, white), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(to left, white 70%, rgba(255, 255, 255, 0));
    color: #464646;
    font-size: 16px;
    padding: 9px 0;
    right: 0;
    top: 0;
    width: 2em;
  }
}
@media only screen and (min-width: 900px)  {
  .global-nav__input-wrap__icon {
    font-size: 20px;
    padding: 8px 0;
  }
}
/*********************************

    GLOBAL SHERLOCK SUGGESTIONS

*********************************/
.global-nav__input-suggestions-wrap {
  margin: 10px;
  display: block;
  position: relative;
}
@media only screen and (min-width: 768px)  {
  .global-nav__input-suggestions-wrap {
    margin: -1px 0 0;
    position: absolute;
    width: 100%;
  }
}
.global-nav__input-suggestions {
  background-color: #f6f6f6;
  border-radius: 2px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  z-index: 200;
}
@media only screen and (min-width: 768px)  {
  .global-nav__input-suggestions {
    background-color: #e6e6e6;
    border-radius: 0 0 2px 2px;
    background: white;
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 6px rgba(0, 0, 0, 0.24);
            box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 6px rgba(0, 0, 0, 0.24);
  }
}
@media only screen and (min-width: 768px)  {
  .global-nav__input-suggestions:first-of-type {
    border-top: 1px solid #b8def7;
  }
}
.global-nav__input-suggestions-recent {
  border-bottom: 1px solid #ccc;
}
@media only screen and (min-width: 768px)  {
  .global-nav__input-suggestions-recent {
    padding-bottom: 8px;
  }
}
@media only screen and (min-width: 768px)  {
  .global-nav__input-suggestions:last-of-type {
    padding-top: 8px;
    padding-bottom: 8px;
  }
}
.global-nav__input-suggestion {
  padding: 0.4em 15px 0.4em 48px;
}
.global-nav__input-suggestion a {
  color: #5f5f5f;
  display: inline-block;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.global-nav__input-suggestion a:hover {
  color: #007ac8;
  cursor: pointer;
  text-decoration: none;
}
@media only screen and (min-width: 768px)  {
  .global-nav__input-suggestion a {
    color: #464646;
  }
}
@media only screen and (min-width: 900px)  {
  .global-nav__input-suggestion {
    padding-left: 54px;
  }
}
.global-nav__input-suggestion.global-nav__input-suggestion-recent:before {
  -webkit-font-smoothing: antialiased;
  content: 'Recent';
  font: 600 9px/1 'Niche';
  color: #53a63a;
  position: absolute;
  top: 10px;
}
.global-nav__input-suggestion.global-nav__input-suggestion-recent:first-of-type {
  padding-top: 22px;
}
@media only screen and (min-width: 768px)  {
  .global-nav__input-suggestion.global-nav__input-suggestion-recent:first-of-type {
    padding-top: 28px;
  }
}
/*********************************

    FOCUS STYLES
    (FOR SHERLOCK MOBILE FOCUS STATE)

*********************************/
@-webkit-keyframes globalNavfocusEnter {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes globalNavfocusEnter {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.global-nav__focus-close {
  color: #bbb;
  cursor: pointer;
  display: none;
  font-size: 20px;
  padding: 6px 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: 2em;
}
@media only screen and (min-width: 500px)  {
  .global-nav__focus-close {
    padding: 9px 0;
  }
}
.global-nav-input-wrap__focus {
  padding: 0;
}
.global-nav-input-wrap__focus input {
  background-color: #eef9ff;
}
.global-nav-input-wrap__focus .icon-search-thin--sherlock,
.global-nav-input-wrap__focus .icon-search-thin--sherlock--search-filter {
  color: #007ac8;
}
.global-nav-input-wrap__focus .global-nav__input-wrap__icon {
  background-image: none;
  background: -webkit-gradient(linear, right top, left top, color-stop(70%, #eef9ff), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(to left, #eef9ff 70%, rgba(255, 255, 255, 0));
  color: #007ac8;
}
.global-nav-input-wrap__focus .sherlock__wrapper--in input::-webkit-input-placeholder,
.global-nav-input-wrap__focus .sherlock__wrapper--in--results-visible input::-webkit-input-placeholder,
.global-nav-input-wrap__focus .sherlock__wrapper--find input::-webkit-input-placeholder,
.global-nav-input-wrap__focus .sherlock__wrapper--find--results-visible input::-webkit-input-placeholder {
  color: #8ec8ef;
}
.global-nav-input-wrap__focus .sherlock__wrapper--in input::-moz-placeholder,
.global-nav-input-wrap__focus .sherlock__wrapper--in--results-visible input::-moz-placeholder,
.global-nav-input-wrap__focus .sherlock__wrapper--find input::-moz-placeholder,
.global-nav-input-wrap__focus .sherlock__wrapper--find--results-visible input::-moz-placeholder {
  color: #8ec8ef;
}
.global-nav-input-wrap__focus .sherlock__wrapper--in input:-ms-input-placeholder,
.global-nav-input-wrap__focus .sherlock__wrapper--in--results-visible input:-ms-input-placeholder,
.global-nav-input-wrap__focus .sherlock__wrapper--find input:-ms-input-placeholder,
.global-nav-input-wrap__focus .sherlock__wrapper--find--results-visible input:-ms-input-placeholder {
  color: #8ec8ef;
}
.global-nav-input-wrap__focus .sherlock__wrapper--in input::-ms-input-placeholder,
.global-nav-input-wrap__focus .sherlock__wrapper--in--results-visible input::-ms-input-placeholder,
.global-nav-input-wrap__focus .sherlock__wrapper--find input::-ms-input-placeholder,
.global-nav-input-wrap__focus .sherlock__wrapper--find--results-visible input::-ms-input-placeholder {
  color: #8ec8ef;
}
.global-nav-input-wrap__focus .sherlock__wrapper--in input::placeholder,
.global-nav-input-wrap__focus .sherlock__wrapper--in--results-visible input::placeholder,
.global-nav-input-wrap__focus .sherlock__wrapper--find input::placeholder,
.global-nav-input-wrap__focus .sherlock__wrapper--find--results-visible input::placeholder {
  color: #8ec8ef;
}
@media only screen and (max-width: 767px)  {
  .global-nav-input-wrap__focus {
    -webkit-animation: globalNavfocusEnter 0.1s linear;
            animation: globalNavfocusEnter 0.1s linear;
    background: #e6e6e6;
    height: 100vh;
    margin: 0;
    position: absolute;
    top: 0;
    -webkit-transform: translateY(-40px);
            transform: translateY(-40px);
    width: 100%;
    z-index: 500;
  }
  .global-nav-input-wrap__focus .icon-search-thin--sherlock,
  .global-nav-input-wrap__focus .icon-search-thin--sherlock--search-filter {
    display: none;
  }
  .global-nav-input-wrap__focus.global-nav__input-wrap--location,
  .global-nav-input-wrap__focus.global-nav__input-wrap--find {
    margin: 0;
  }
  .global-nav-input-wrap__focus .global-nav__input-suggestions {
    padding: 0.4em 15px;
    z-index: 300;
  }
  .global-nav-input-wrap__focus .global-nav__input-suggestion {
    color: #5f5f5f;
    padding: 0.4em 0;
  }
  .global-nav-input-wrap__focus .global-nav__input-wrap__icon {
    display: none;
  }
  .global-nav-input-wrap__focus .global-nav__focus-close {
    display: block;
  }
  .global-nav-input-wrap__focus .loading-indicator {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding-top: 14px;
  }
  .global-nav-input-wrap__focus .sherlock__results {
    top: 40px;
  }
  .global-nav-input-wrap__focus .sherlock__wrapper input::-webkit-input-placeholder,
  .global-nav-input-wrap__focus .sherlock__wrapper--results-visible input::-webkit-input-placeholder,
  .global-nav-input-wrap__focus .sherlock__wrapper--sherlock-list input::-webkit-input-placeholder,
  .global-nav-input-wrap__focus .sherlock__wrapper--sherlock-list--results-visible input::-webkit-input-placeholder {
    color: #8ec8ef;
  }
  .global-nav-input-wrap__focus .sherlock__wrapper input::-moz-placeholder,
  .global-nav-input-wrap__focus .sherlock__wrapper--results-visible input::-moz-placeholder,
  .global-nav-input-wrap__focus .sherlock__wrapper--sherlock-list input::-moz-placeholder,
  .global-nav-input-wrap__focus .sherlock__wrapper--sherlock-list--results-visible input::-moz-placeholder {
    color: #8ec8ef;
  }
  .global-nav-input-wrap__focus .sherlock__wrapper input:-ms-input-placeholder,
  .global-nav-input-wrap__focus .sherlock__wrapper--results-visible input:-ms-input-placeholder,
  .global-nav-input-wrap__focus .sherlock__wrapper--sherlock-list input:-ms-input-placeholder,
  .global-nav-input-wrap__focus .sherlock__wrapper--sherlock-list--results-visible input:-ms-input-placeholder {
    color: #8ec8ef;
  }
  .global-nav-input-wrap__focus .sherlock__wrapper input::-ms-input-placeholder,
  .global-nav-input-wrap__focus .sherlock__wrapper--results-visible input::-ms-input-placeholder,
  .global-nav-input-wrap__focus .sherlock__wrapper--sherlock-list input::-ms-input-placeholder,
  .global-nav-input-wrap__focus .sherlock__wrapper--sherlock-list--results-visible input::-ms-input-placeholder {
    color: #8ec8ef;
  }
  .global-nav-input-wrap__focus .sherlock__wrapper input::placeholder,
  .global-nav-input-wrap__focus .sherlock__wrapper--results-visible input::placeholder,
  .global-nav-input-wrap__focus .sherlock__wrapper--sherlock-list input::placeholder,
  .global-nav-input-wrap__focus .sherlock__wrapper--sherlock-list--results-visible input::placeholder {
    color: #8ec8ef;
  }
}
.global-nav__focus-loading {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: none;
  z-index: 400;
}
.global-nav__focus-loading .loading-inner {
  margin-top: 5em;
}
/*********************************

    Transparent div to trigger focus state

*********************************/
.global-nav__input-wrap__sherlock-overlay {
  height: 100%;
  position: absolute;
  width: 100%;
  z-index: 400;
}
@media only screen and (min-width: 768px)  {
  .global-nav__input-wrap__sherlock-overlay {
    display: block;
  }
}
.global-nav-input-wrap__focus .global-nav__input-wrap__sherlock-overlay {
  display: none;
}
.global-nav__input-wrap:focus,
.global-nav__input-wrap__sherlock-overlay:focus {
  outline: none;
}
/*********************************

    For the sherlock dropdown that appears in CollapsedMode
    upon clicking the Search Icon

*********************************/
.global-nav__inputs--collapsed-dropdown {
  background: #59a44d;
  display: none;
  opacity: 0;
  padding: 7px 15px 3px;
  position: absolute;
  -webkit-transform: translateY(-50px);
          transform: translateY(-50px);
  -webkit-transition: opacity 0.15s linear, -webkit-transform 0.15s ease;
  transition: opacity 0.15s linear, -webkit-transform 0.15s ease;
  transition: transform 0.15s ease, opacity 0.15s linear;
  transition: transform 0.15s ease, opacity 0.15s linear, -webkit-transform 0.15s ease;
  visibility: hidden;
  width: 100%;
  z-index: 300;
}
@media only screen and (min-width: 768px)  {
  .global-nav__inputs--collapsed-dropdown {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.global-nav__inputs--collapsed-dropdown__inner {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  max-width: 1200px;
  margin: 0 auto;
}
@media only screen and (min-width: 900px)  {
  .global-nav__inputs--collapsed-dropdown__inner {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 0 100px;
  }
}
@media only screen and (min-width: 1024px)  {
  .global-nav__inputs--collapsed-dropdown__inner {
    padding: 0 200px;
  }
}
.global-nav__inputs--collapsed-dropdown-visible {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.mega-menu__category-label__arrow .svg-icon-wrap svg path {
  fill: currentColor;
}
/*
	Niche Logo
*/
.global-nav__logo {
  background-position: center;
  background-size: cover;
  display: inline-block;
  font-size: 1.65em;
  height: 24px;
  margin-left: auto;
  margin-right: auto;
  min-width: 118px;
  position: relative;
  -webkit-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
  z-index: 100;
}
.global-nav__logo .niche-logo-horizontal {
  display: block;
  height: 25px;
  min-width: 118px;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.global-nav__logo .niche-logo-horizontal path {
  fill: white;
}
.global-nav__logo a {
  display: block;
  height: 100%;
  width: 100%;
}
.global-nav--show-mobile .global-nav__logo {
  opacity: 0.5;
}
@media only screen and (min-width: 768px)  {
  .global-nav__logo {
    height: 28px;
    margin-right: 20px;
    min-width: 133px;
    width: 133px;
  }
  .global-nav__logo .niche-logo-horizontal {
    height: 28px;
    width: 133px;
  }
}
@media only screen and (min-width: 900px)  {
  .global-nav__logo {
    height: 30px;
    min-width: 142px;
    width: 142px;
    margin-right: 30px;
  }
  .global-nav__logo .niche-logo-horizontal {
    height: 30px;
    width: 142px;
  }
}
@media only screen and (min-width: 1024px)  {
  .global-nav__logo {
    height: 34px;
    margin-right: 60px;
    min-width: 145px;
    width: 145px;
  }
  .global-nav__logo .niche-logo-horizontal {
    height: 34px;
    width: 145px;
  }
}
/*
    Hamburger Toggle Icon
*/
.global-nav__hamburger {
  cursor: pointer;
  height: 44px;
  margin-right: auto;
  position: relative;
  width: 42px;
  z-index: 100;
}
.global-nav__hamburger:focus {
  outline: none;
}
@media only screen and (min-width: 768px)  {
  .global-nav__hamburger {
    display: none;
  }
}
.global-nav__hamburger:before,
.global-nav__hamburger:after {
  content: '';
  background-color: white;
  border-radius: 2px;
  height: 2px;
  left: 14px;
  opacity: 1;
  position: absolute;
  -webkit-transform: translate(0, 27px);
          transform: translate(0, 27px);
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
  width: 18px;
}
.global-nav__hamburger:after {
  -webkit-transform: translate(0, 15px);
          transform: translate(0, 15px);
}
.global-nav__hamburger-line {
  background-color: white;
  border-radius: 2px;
  height: 2px;
  left: 14px;
  position: absolute;
  top: 21px;
  -webkit-transition: opacity 0s linear;
  transition: opacity 0s linear;
  width: 18px;
}
.global-nav--show-mobile .global-nav__hamburger .global-nav__hamburger-line {
  opacity: 0;
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
  /* stylelint-disable-line time-min-milliseconds */
  -webkit-transition-duration: 0;
          transition-duration: 0;
}
.global-nav--show-mobile .global-nav__hamburger:after {
  -webkit-animation: hamburger-x-after 0.3s ease;
          animation: hamburger-x-after 0.3s ease;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.global-nav--show-mobile .global-nav__hamburger:before {
  -webkit-animation: hamburger-x-before 0.3s ease;
          animation: hamburger-x-before 0.3s ease;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
@-webkit-keyframes hamburger-x-after {
  0% {
    -webkit-transform: translate(0, 15px);
            transform: translate(0, 15px);
  }
  40% {
    -webkit-transform: translate(0, 21px);
            transform: translate(0, 21px);
  }
  100% {
    -webkit-transform: translate(0, 21px) rotate(-45deg);
            transform: translate(0, 21px) rotate(-45deg);
  }
}
@keyframes hamburger-x-after {
  0% {
    -webkit-transform: translate(0, 15px);
            transform: translate(0, 15px);
  }
  40% {
    -webkit-transform: translate(0, 21px);
            transform: translate(0, 21px);
  }
  100% {
    -webkit-transform: translate(0, 21px) rotate(-45deg);
            transform: translate(0, 21px) rotate(-45deg);
  }
}
@-webkit-keyframes hamburger-x-before {
  0% {
    -webkit-transform: translate(0, 27px);
            transform: translate(0, 27px);
  }
  40% {
    -webkit-transform: translate(0, 21px);
            transform: translate(0, 21px);
  }
  100% {
    -webkit-transform: translate(0, 21px) rotate(45deg);
            transform: translate(0, 21px) rotate(45deg);
  }
}
@keyframes hamburger-x-before {
  0% {
    -webkit-transform: translate(0, 27px);
            transform: translate(0, 27px);
  }
  40% {
    -webkit-transform: translate(0, 21px);
            transform: translate(0, 21px);
  }
  100% {
    -webkit-transform: translate(0, 21px) rotate(45deg);
            transform: translate(0, 21px) rotate(45deg);
  }
}
.mega-menu-wrapper {
  background-color: #eee;
  bottom: 0;
  -webkit-box-shadow: inset 0 8px 4px -7px rgba(0, 0, 0, 0.2), inset 0 10px 10px -7px rgba(0, 0, 0, 0.2);
          box-shadow: inset 0 8px 4px -7px rgba(0, 0, 0, 0.2), inset 0 10px 10px -7px rgba(0, 0, 0, 0.2);
  height: 100%;
  left: 0;
  overflow: hidden;
  padding-top: 134px;
  position: absolute;
  top: 0;
  width: 100%;
}
@media only screen and (min-width: 500px)  {
  .mega-menu-wrapper {
    padding-top: 144px;
  }
}
@media only screen and (min-width: 768px)  {
  .mega-menu-wrapper {
    background: white;
    border-radius: 0 0 2px 2px;
    bottom: auto;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 1px 6px rgba(0, 0, 0, 0.24);
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 1px 6px rgba(0, 0, 0, 0.24);
    padding: 0;
    height: auto;
    left: 50%;
    margin-left: -45vw;
    top: auto;
    width: 90vw;
  }
}
@media only screen and (min-width: 1024px)  {
  .mega-menu-wrapper {
    margin-left: -425px;
    width: 850px;
  }
}
.mega-menu {
  -webkit-overflow-scrolling: touch;
  height: 100%;
  overflow-y: scroll;
  padding: 15px 30px 100px;
  -ms-touch-action: pan-y;
      touch-action: pan-y;
  width: 100%;
  z-index: 100;
}
@media only screen and (min-width: 768px)  {
  .mega-menu {
    background: white;
    bottom: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    height: auto;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    overflow: auto;
    padding: 20px 30px;
    width: 100%;
    line-height: 1.2em;
  }
}
.mega-menu__list {
  margin: 0 0 10px;
}
@media only screen and (min-width: 768px)  {
  .mega-menu__list {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 40%;
            flex: 1 0 40%;
    margin-bottom: 2em;
  }
  .mega-menu__list:nth-child(odd) {
    margin-right: 1em;
  }
}
@media only screen and (min-width: 1024px)  {
  .mega-menu__list {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0px;
            flex: 1 0 0;
    margin-right: 1em;
  }
  .mega-menu__list:nth-child(4) {
    margin-right: 0;
  }
}
.mega-menu__category-label {
  border-bottom: 1px solid #ddd;
  cursor: pointer;
  font: 600 11px/1em 'Niche', 'Source Sans Pro', sans-serif;
  margin-bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  opacity: 0;
  -webkit-animation: megalistenter 0.5s ease;
          animation: megalistenter 0.5s ease;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
@media only screen and (min-width: 768px)  {
  .mega-menu__category-label {
    -webkit-animation: none;
            animation: none;
    opacity: 1;
  }
}
.mega-menu__category-label .mega-menu-category-label__link {
  color: #464646;
  display: inline-block;
  padding-bottom: 15px;
  padding-top: 10px;
  width: 100%;
}
@media only screen and (min-width: 768px)  {
  .mega-menu__category-label:hover {
    border-bottom: 1px solid #53a63a;
  }
  .mega-menu__category-label:hover a {
    color: #409126;
  }
}
.mega-menu__category-label:hover a {
  text-decoration: none;
}
.mega-menu__list--expanded .mega-menu__item {
  -webkit-animation: megalistenter 0.5s linear;
          animation: megalistenter 0.5s linear;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  opacity: 0;
  display: block;
  text-indent: 1em;
}
@media only screen and (min-width: 768px)  {
  .mega-menu__list--expanded .mega-menu__item {
    opacity: 1;
    -webkit-animation: none;
            animation: none;
    text-indent: 0;
  }
}
.mega-menu__list--expanded .mega-menu__item:last-of-type {
  border-bottom: 1px solid #ddd;
  padding-bottom: 25px;
}
@media only screen and (min-width: 768px)  {
  .mega-menu__list--expanded .mega-menu__item:last-of-type {
    border-bottom: none;
    padding-bottom: 10px;
  }
}
.mega-menu__list--expanded .mega-menu__category-label {
  border-bottom: 0;
  margin-bottom: 10px;
  padding-bottom: 0;
}
@media only screen and (min-width: 768px)  {
  .mega-menu__list--expanded .mega-menu__category-label {
    border-bottom: 1px solid #ddd;
    padding-bottom: 15px;
  }
}
@media only screen and (min-width: 768px)  {
  .mega-menu__list--expanded .mega-menu__category-label:hover {
    border-bottom: 1px solid #53a63a;
    padding-bottom: 15px;
  }
}
.mega-menu__list--expanded .mega-menu__category-label .mega-menu-category-label__link {
  padding-bottom: 0;
}
.mega-menu__category-label__arrow {
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease;
  font-size: 16px;
  margin-top: 5px;
  color: #464646;
}
.mega-menu__category-label__arrow svg {
  width: 16px;
}
@media only screen and (min-width: 768px)  {
  .mega-menu__category-label__arrow {
    display: none;
  }
}
.mega-menu__item {
  display: none;
  padding: 10px 0;
}
@media only screen and (min-width: 768px)  {
  .mega-menu__item {
    display: list-item;
  }
}
.mega-menu__item a {
  color: #464646;
}
.mega-menu__item a:hover {
  color: #409126;
}
.mega-menu__niche-link {
  cursor: pointer;
  padding: 7px 0;
}
.mega-menu__niche-link a,
.mega-menu__niche-link span {
  color: #53a63a;
}
.mega-menu__niche-link a:hover,
.mega-menu__niche-link span:hover {
  text-decoration: underline;
}
@media only screen and (min-width: 768px)  {
  .mega-menu__niche-link {
    padding: 5px 0 0;
  }
}
.mega-menu__niche-link.mega-menu__niche-link--wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.mega-menu__niche-links-wrap {
  display: block;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-top: 15px;
}
@media only screen and (min-width: 768px)  {
  .mega-menu__niche-links-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding-top: 10px;
    border-top: 1px solid #ddd;
  }
}
.mega-menu-hidden {
  display: none;
}
.niche-app-icon--footer {
  background-image: url(../../static/Icon-60%403x.png);
  height: 23px;
  width: 23px;
  background-size: cover;
  background-position: center;
  border-radius: 15px;
  top: 10px;
  margin-right: 5px;
}
.mega-menu__category-label:nth-child(2) {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}
.mega-menu__category-label:nth-child(3) {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}
.mega-menu__category-label:nth-child(4) {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}
.mega-menu__list--expanded .mega-menu__category-label__arrow {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.mega-menu__list--expanded .mega-menu__item:nth-child(0) {
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}
.mega-menu__list--expanded .mega-menu__item:nth-child(1) {
  -webkit-animation-delay: 0.06s;
          animation-delay: 0.06s;
}
.mega-menu__list--expanded .mega-menu__item:nth-child(2) {
  -webkit-animation-delay: 0.12s;
          animation-delay: 0.12s;
}
.mega-menu__list--expanded .mega-menu__item:nth-child(3) {
  -webkit-animation-delay: 0.18s;
          animation-delay: 0.18s;
}
.mega-menu__list--expanded .mega-menu__item:nth-child(4) {
  -webkit-animation-delay: 0.24s;
          animation-delay: 0.24s;
}
.mega-menu__list--expanded .mega-menu__item:nth-child(5) {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}
.mega-menu__list--expanded .mega-menu__item:nth-child(6) {
  -webkit-animation-delay: 0.36s;
          animation-delay: 0.36s;
}
.mega-menu__list--expanded .mega-menu__item:nth-child(7) {
  -webkit-animation-delay: 0.42s;
          animation-delay: 0.42s;
}
.mega-menu__list--expanded .mega-menu__item:nth-child(8) {
  -webkit-animation-delay: 0.48s;
          animation-delay: 0.48s;
}
.mega-menu__list--expanded .mega-menu__item:nth-child(9) {
  -webkit-animation-delay: 0.54s;
          animation-delay: 0.54s;
}
@-webkit-keyframes megalistenter {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
            transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes megalistenter {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
            transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
/*
    For the ReactCSSTransitionGroup Animations
*/
.mega-menu-transition-appear {
  opacity: 1;
}
.mega-menu-transition-appear .mega-menu__list,
.mega-menu-transition-appear .mega-menu__niche-links-wrap {
  opacity: 0;
}
@media only screen and (min-width: 768px)  {
  .mega-menu-transition-appear {
    opacity: 0;
    -webkit-transform: scale(0.97);
            transform: scale(0.97);
  }
}
.mega-menu-transition-appear.mega-menu-transition-appear-active {
  opacity: 1;
  -webkit-transition: opacity 0.2s linear 0.15s;
  transition: opacity 0.2s linear 0.15s;
  /* stylelint-disable-line time-min-milliseconds */
}
.mega-menu-transition-appear.mega-menu-transition-appear-active .mega-menu__list {
  -webkit-animation: megalistenter 0.5s ease 0.15s;
          animation: megalistenter 0.5s ease 0.15s;
  /* stylelint-disable-line time-min-milliseconds */
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.mega-menu-transition-appear.mega-menu-transition-appear-active .mega-menu__list:nth-child(1) {
  -webkit-animation-delay: 0.15s;
          animation-delay: 0.15s;
  /* stylelint-disable-line time-min-milliseconds */
}
.mega-menu-transition-appear.mega-menu-transition-appear-active .mega-menu__list:nth-child(2) {
  -webkit-animation-delay: 0.35s;
          animation-delay: 0.35s;
}
.mega-menu-transition-appear.mega-menu-transition-appear-active .mega-menu__list:nth-child(3) {
  -webkit-animation-delay: 0.55s;
          animation-delay: 0.55s;
}
.mega-menu-transition-appear.mega-menu-transition-appear-active .mega-menu__list:nth-child(4) {
  -webkit-animation-delay: 0.75s;
          animation-delay: 0.75s;
}
.mega-menu-transition-appear.mega-menu-transition-appear-active .mega-menu__niche-links-wrap {
  -webkit-animation: megalistenter 0.5s ease 0.15s;
          animation: megalistenter 0.5s ease 0.15s;
  /* stylelint-disable-line time-min-milliseconds */
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-delay: 0.95s;
          animation-delay: 0.95s;
}
@media only screen and (min-width: 768px)  {
  .mega-menu-transition-appear.mega-menu-transition-appear-active {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
  }
  .mega-menu-transition-appear.mega-menu-transition-appear-active .mega-menu__list {
    opacity: 1;
    -webkit-animation: none;
            animation: none;
  }
  .mega-menu-transition-appear.mega-menu-transition-appear-active .mega-menu__niche-links-wrap {
    opacity: 1;
    -webkit-animation: none;
            animation: none;
  }
}
.global-nav__secondary {
  background: #eee;
  display: none;
  height: 100vh;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  width: 100%;
  z-index: 199;
}
@media only screen and (min-width: 768px)  {
  .global-nav__secondary {
    background-color: #499337;
    display: block;
    height: auto;
    opacity: 1;
    position: static;
    width: 100%;
  }
}
@media only screen and (min-width: 768px)  {
  .global-nav--sticky .global-nav__secondary {
    margin-top: 62px;
  }
}
@media only screen and (min-width: 900px)  {
  .global-nav--sticky .global-nav__secondary {
    margin-top: 70px;
  }
}
@media only screen and (min-width: 768px)  {
  .global-nav__secondary--collapsed {
    height: 0;
  }
  .global-nav__secondary--collapsed .global-nav__secondary-inner {
    height: 0;
  }
}
@media only screen and (min-width: 768px)  {
  .global-nav__secondary-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
  }
}
@media only screen and (min-width: 1024px)  {
  .global-nav__secondary-inner {
    padding: 0 20px;
  }
}
.global-nav--enter .global-nav__secondary {
  display: block;
}
.global-nav--show .global-nav__secondary {
  display: block;
  opacity: 1;
}
/************************************************
	Write a Review
************************************************/
.global-review-entity-wrap {
  display: block;
  -webkit-box-flex: 120px;
      -ms-flex: 120px 0 0px;
          flex: 120px 0 0;
  line-height: 1.6;
  margin-left: 30px;
  text-align: right;
}
.platform .global-review-entity-wrap .popover__trigger:hover,
.platform .global-review-entity-wrap .popover__trigger:focus {
  outline: none;
}
.platform .global-review-entity-wrap .popover__trigger:hover .global-review-entity,
.platform .global-review-entity-wrap .popover__trigger:focus .global-review-entity {
  color: white;
}
.global-review-entity {
  color: #c5e4b8;
  font-size: 12px;
  font-weight: 600;
  padding: 6px 0 5px;
}
.global-review-entity .niche-icon-wrap {
  margin-right: 5px;
}
.global-review-entity:hover {
  color: white;
  cursor: pointer;
  text-decoration: none;
}
@media only screen and (min-width: 900px)  {
  .global-review-entity {
    font-size: 13px;
    padding: 7px 0 5px;
  }
}
@media only screen and (min-width: 1024px)  {
  .global-review-entity {
    font-size: 14px;
  }
}
.global-nav__faux-input-wrapper {
  background-color: #59a44d;
  left: 0;
  padding: 0 0 5px;
  position: absolute;
  top: 0;
  width: 100%;
}
.global-nav__faux-input-wrapper:focus {
  outline: 0;
}
@media only screen and (min-width: 768px)  {
  .global-nav__faux-input-wrapper {
    display: none;
  }
}
.global-nav__search-controls .global-nav__faux-input-wrapper {
  position: relative;
}
.global-nav__faux-input-wrapper--flex {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 180px;
}
.global-nav__faux-input-wrapper--margin .global-nav__faux-input {
  margin: 0 5px;
}
.global-nav__faux-input {
  background-color: white;
  border-radius: 2px;
  color: #5f5f5f;
  cursor: pointer;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font: 400 14px/1.2 'Source Sans Pro';
  height: 40px;
  margin: 0;
  overflow: hidden;
  padding: 12px 25px 0 11px;
  position: relative;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media only screen and (min-width: 500px)  {
  .global-nav__faux-input {
    font-size: 18px;
    height: 45px;
    padding-top: 13px;
  }
}
.global-nav__faux-input--strong {
  font-style: normal;
  font-weight: 600;
  color: #464646;
}
.global-nav__faux-input__icon {
  color: #787878;
  font-size: 16px;
  position: absolute;
  right: 8px;
  top: 12px;
}
@media only screen and (min-width: 500px)  {
  .global-nav__faux-input__icon {
    font-size: 18px;
    top: 13px;
  }
}
.global-nav__filter-button {
  font-size: 14px;
  margin: 0 0 5px 4px;
  z-index: 100;
}
.global-nav__filter-button .button {
  font-size: 14px;
  line-height: inherit;
  height: 100%;
}
.search-active-controls-count {
  background: #e25333;
  border-radius: 50%;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
  color: white;
  font-size: 12px;
  font-weight: 700;
  height: 1.5em;
  line-height: 1.5;
  position: absolute;
  right: 3px;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  top: 0;
  width: 1.5em;
}
.global-nav__search-controls--sticky .search-active-controls-count {
  top: 0;
}
.global-nav__search-controls {
  background-color: #59a44d;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  left: 0;
  padding: 0 5px;
  position: absolute;
  top: 0;
  width: 100%;
}
@media only screen and (min-width: 768px)  {
  .global-nav__search-controls {
    display: none;
  }
}
.global-nav__search-controls--sticky {
  -webkit-box-shadow: 0 5px 10px -4px rgba(0, 0, 0, 0.12), 0 5px 10px -6px rgba(0, 0, 0, 0.24);
          box-shadow: 0 5px 10px -4px rgba(0, 0, 0, 0.12), 0 5px 10px -6px rgba(0, 0, 0, 0.24);
  padding-top: 5px;
  position: fixed;
  -webkit-transform: none;
          transform: none;
  width: 100%;
  z-index: 100;
}
.global-search-controls-sentinel {
  margin-bottom: 10px;
  position: absolute;
}
.skip-to-main-content__link {
  background: black;
  border-bottom-right-radius: 2px;
  color: white;
  left: 0;
  opacity: 0;
  padding: 6px;
  position: absolute;
  text-decoration: underline;
  top: -40px;
  z-index: 103;
}
.skip-to-main-content__link:focus {
  left: 0;
  opacity: 1;
  outline: 0;
  position: absolute;
  top: 0;
}
/* ---- Partner Scholarships ---- */
.partner-scholarship-thank-you__wrapper {
  width: 100%;
  margin: 0 auto;
}
.partner-scholarship-thank-you__image {
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100px;
  position: relative;
  margin: 0 -15px 20px;
}
@media only screen and (min-width: 500px)  {
  .partner-scholarship-thank-you__image {
    height: 160px;
    margin: 0 -15px 30px;
  }
}
.partner-scholarship-thank-you__content {
  padding: 20px 15px 40px;
  line-height: 1em;
  max-width: 700px;
  margin: 0 auto;
  text-align: center;
}
@media only screen and (min-width: 500px)  {
  .partner-scholarship-thank-you__content {
    padding: 30px 15px 50px;
  }
}
.partner-scholarship-thank-you__content p {
  margin: 1em 0 0.5em;
  line-height: 20px;
  text-align: center;
}
.partner-scholarship-thank-you__content .powered-by__wrap {
  margin: 20px auto;
}
.partner-scholarship-thank-you__content .powered-by__text {
  margin-top: 0;
}
.partner-scholarship-thank-you__header {
  font-size: 28px;
  line-height: 28px;
}
@media only screen and (min-width: 500px)  {
  .partner-scholarship-thank-you__header {
    display: block;
    font-size: 36px;
    line-height: 36px;
    padding-top: 12px;
    text-align: center;
  }
}
.partner-scholarship-thank-you--start-your-career-scholarship .partner-scholarship-thank-you__image {
  background-size: contain;
}
@media only screen and (min-width: 500px)  {
  .partner-scholarship-thank-you--start-your-career-scholarship .partner-scholarship-thank-you__image {
    height: 200px;
  }
}
.partner-scholarship-thank-you--sofi-get-your-money-right-scholarship .partner-scholarship-thank-you__image {
  background-position: top;
}
.partner-scholarship-thank-you--twitch-future-of-gaming-scholarship .partner-scholarship-thank-you__image {
  background-position: top;
}
@media only screen and (min-width: 500px)  {
  .partner-scholarship-thank-you--twitch-future-of-gaming-scholarship .partner-scholarship-thank-you__image {
    height: 200px;
  }
}
.partner-scholarship-thank-you--twitch-future-of-gaming-scholarship .powered-by__logo {
  width: auto;
}
.partner-scholarship-thank-you--make-school-computer-science-scholarship .partner-scholarship-thank-you__image {
  background-position: top;
}
@media only screen and (min-width: 500px)  {
  .partner-scholarship-thank-you--make-school-computer-science-scholarship .partner-scholarship-thank-you__image {
    height: 200px;
  }
}
/* ---- Profiles ---- */
/* Base styles for all profile blocks. Each block builds off of these styles
   by extending them and adding additional styling, as needed */
.profile-blocks {
  -webkit-box-flex: 1;
      -ms-flex: 1 0;
          flex: 1 0;
}
@media only screen and (min-width: 500px)  {
  .profile-body > .profile-blocks {
    margin: -65px 0 0;
  }
}
.block,
.block--location,
.block--one,
.block--one-two,
.block--two,
.block--two-one,
.block--two-two,
.block--two-two-two,
.block--one-two-one,
.block--premium-editorial,
.block--rankings,
.block--reviews,
.block--tabbed,
.block--two-one,
.block--horiz-poll,
.block--two-poll,
.block--two-poll--no-poll {
  background-color: white;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  margin: 15px 0;
  max-width: 800px;
  padding: 0;
  position: relative;
}
@media only screen and (min-width: 500px)  {
  .block,
  .block--location,
  .block--one,
  .block--one-two,
  .block--two,
  .block--two-one,
  .block--two-two,
  .block--two-two-two,
  .block--one-two-one,
  .block--premium-editorial,
  .block--rankings,
  .block--reviews,
  .block--tabbed,
  .block--two-one,
  .block--horiz-poll,
  .block--two-poll,
  .block--two-poll--no-poll {
    border-radius: 2px;
    margin: 30px 20px;
  }
}
@media only screen and (min-width: 840px)  {
  .block,
  .block--location,
  .block--one,
  .block--one-two,
  .block--two,
  .block--two-one,
  .block--two-two,
  .block--two-two-two,
  .block--one-two-one,
  .block--premium-editorial,
  .block--rankings,
  .block--reviews,
  .block--tabbed,
  .block--two-one,
  .block--horiz-poll,
  .block--two-poll,
  .block--two-poll--no-poll {
    margin: 30px auto;
  }
}
@media only screen and (min-width: 1000px)  {
  .profile-body--with-nav .block,
  .profile-body--with-nav .block--location,
  .profile-body--with-nav .block--one,
  .profile-body--with-nav .block--one-two,
  .profile-body--with-nav .block--two,
  .profile-body--with-nav .block--two-one,
  .profile-body--with-nav .block--two-two,
  .profile-body--with-nav .block--two-two-two,
  .profile-body--with-nav .block--one-two-one,
  .profile-body--with-nav .block--premium-editorial,
  .profile-body--with-nav .block--rankings,
  .profile-body--with-nav .block--reviews,
  .profile-body--with-nav .block--tabbed,
  .profile-body--with-nav .block--two-one,
  .profile-body--with-nav .block--horiz-poll,
  .profile-body--with-nav .block--two-poll,
  .profile-body--with-nav .block--two-poll--no-poll {
    margin: 30px 0 30px auto;
  }
}
.block__description {
  color: #787878;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}
.block__expansion {
  margin: 0 auto;
  max-width: 900px;
  padding: 15px 0;
  position: relative;
}
@media only screen and (min-width: 500px)  {
  .block__expansion {
    padding: 15px;
  }
}
.block__heading,
.block--premium-editorial__title {
  font-size: 26px;
  line-height: 30px;
  font-weight: 400;
  margin: 0;
  padding: 0;
  color: #53a63a;
}
@media only screen and (min-width: 500px)  {
  .block__heading,
  .block--premium-editorial__title {
    font-size: 30px;
    padding: 0 0 30px;
  }
}
.block__preheader {
  background-color: #e5edde;
  font-size: 10px;
  text-transform: uppercase;
  line-height: 10px;
  margin-bottom: 3px;
  font-weight: 600;
  letter-spacing: -0.5px;
  color: #7cbc67;
}
.block__title {
  padding: 15px;
  word-wrap: break-word;
}
@media only screen and (min-width: 500px)  {
  .block__title {
    padding: 30px 30px 0;
    font-size: 30px;
  }
}
.profile__buckets {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
}
.profile__bucket--1,
.profile__bucket--2,
.profile__bucket--3,
.profile__bucket--4,
.profile__bucket--5,
.profile__bucket--6 {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  padding: 0 15px 30px;
  width: 100%;
}
.profile__data__unavailable {
  color: #ababab;
  font-size: 14px;
  line-height: 18px;
}
/* Contents within the buckets that need
   spacing between them when they're adjacent */
.breakdown + .breakdown,
.breakdown--bar_chart + .breakdown--bar_chart,
.parent__entity + .profile__website,
.parent__entity + .text-cta,
.poll__single + .poll__single,
.poll__single--piechart + .poll__single--piechart,
.profile-grade + .poll__single--piechart,
.profile-grade + .profile-grade,
.profile-grade + .scalar,
.profile-grade + .scalar--two,
.profile-grade + .scalar--three,
.profile-grade--section + .scalar--three,
.profile__overall__grade + .profile__overall__grade,
.profile__website + .scalar--two,
.overall-grade + .overall-grade,
.scalar + .breakdown,
.scalar + .breakdown--bar_chart,
.scalar + .breakdown--bar_chart--colorful,
.scalar--three + .breakdown,
.scalar--three + .breakdown--bar_chart,
.scalar--three + .breakdown--bar_chart--colorful,
.scalar + .poll__single,
.scalar + .poll__single--piechart,
.scalar + .poll__table--bar_chart--colorful,
.scalar + .profile__website,
.scalar + .scalar,
.scalar + .scalar--three,
.scalar--two + .profile__website,
.scalar + .search-tags {
  margin-top: 20px;
}
@media only screen and (min-width: 500px)  {
  .profile__bucket--1,
  .profile__bucket--2,
  .profile__bucket--3,
  .profile__bucket--4,
  .profile__bucket--5,
  .profile__bucket--6 {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    padding: 0 15px 40px;
    width: 50%;
  }
  .profile__bucket--1 {
    padding-left: 30px;
  }
  .profile__bucket--2 {
    padding-right: 30px;
  }
}
/* TODO: Style matching design specs */
.profile__not__found {
  margin: 50px auto;
  max-width: 500px;
}
.profile__not__found__headline {
  font-size: 40px;
  font-weight: 300;
  line-height: 48px;
  margin: 15px 0 30px;
}
.profile__not__found__return {
  border-top: 1px solid #e6e6e6;
  color: #53a63a;
  display: block;
  margin: 0 -30px -15px;
  padding: 20px 30px;
  text-decoration: none;
  -webkit-transition: background 0.25s;
  transition: background 0.25s;
}
.profile__not__found__return:hover {
  background: #e9f7e2;
}
@media only screen and (min-width: 600px)  {
  .profile__not__found__headline {
    font-size: 30px;
    line-height: 34px;
  }
}
.profile {
  background: #e6e6e6;
  color: #464646;
  position: relative;
  z-index: 0;
  /* Prevents invisible tooltips from overflowing page */
  overflow-x: hidden;
}
.profile__plus__sign {
  color: #e25333;
  display: inline-block;
  margin: 0 5px 0 0;
}
.profile__minus__sign {
  color: #e25333;
  display: inline-block;
  margin: 0 5px 0 0;
  color: #53a63a;
}
.profile--rankings {
  /* Needed for Sherlock */
  overflow-x: visible;
}
.block--blank {
  margin: 15px 0;
  max-width: 800px;
  padding: 0;
}
@media only screen and (min-width: 500px)  {
  .block--blank {
    margin: 30px 20px;
  }
}
@media only screen and (min-width: 840px)  {
  .block--blank {
    margin: 30px auto;
  }
}
@media only screen and (min-width: 1000px)  {
  .profile-body--with-nav .block--blank {
    margin: 30px 0 30px auto;
  }
}
.block--blank [class^='profile__bucket'] {
  padding: 0;
}
.block--breadcrumbs {
  margin: 0 5px;
}
@media only screen and (min-width: 500px)  {
  .block--breadcrumbs {
    margin: 0 20px;
  }
}
@media only screen and (min-width: 840px)  {
  .block--breadcrumbs {
    margin: 0 auto;
  }
}
.block--breadcrumbs .profile-breadcrumbs {
  border: 0;
  padding: 0;
}
.block--breadcrumbs .profile__bucket--1 {
  padding: 0;
}
.block--events {
  /*
        We'll wrap the event titles in an h3 on profiles, but we don't
        want typical h3 styles applied.
    */
  /*
        Profile bucket 2 has default padding that we want to avoid in
        order to get the premium expansion link footer styles.
    */
}
.block--events h3 {
  font-size: initial;
  line-height: initial;
}
.block--events .profile__bucket--2 {
  padding: 0;
}
.block--expansion-back {
  background: #f6f6f6;
  border-radius: 2px;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1), 0 0 2px rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1), 0 0 2px rgba(0, 0, 0, 0.1);
  margin: 15px 5px;
  max-width: 984px;
  padding: 15px 10px;
  position: relative;
}
@media only screen and (min-width: 500px)  {
  .block--expansion-back {
    margin: 35px 20px;
  }
}
@media only screen and (min-width: 1024px)  {
  .block--expansion-back {
    margin: 35px 0;
  }
}
.block--expansion-back ~ .block--expansion-back {
  background: none;
  border-radius: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 0 10px 30px;
  margin: 20px 5px;
  max-width: 820px;
  position: static;
}
@media only screen and (min-width: 500px)  {
  .block--expansion-back ~ .block--expansion-back {
    margin: 20px 5px;
  }
}
@media only screen and (min-width: 1024px)  {
  .block--expansion-back ~ .block--expansion-back {
    margin: 20px auto;
  }
}
.block--majors-expansion + .block--expansion-back ~ .block--expansion-back,
.block--ranking-expansion + .block--expansion-back ~ .block--expansion-back,
.block--reviews-expansion + .block--expansion-back ~ .block--expansion-back {
  max-width: 984px;
}
.icon-arrowleft-thin--expansion {
  position: relative;
  top: 2px;
}
.block--location .block__title {
  padding: 0;
}
.block--location .block__preheader {
  font-family: 'Niche';
}
.block--location .block__preheader .niche-icon--quadracircle {
  width: 8px;
  height: 8px;
  margin-right: 5px;
}
.block--location .overall-grade--two .overall-grade__label {
  text-align: left;
}
.block--location .profile-grade--two {
  padding: 8px;
}
.block--location .profile-grade--two .profile-grade__label {
  padding: 0;
}
.block--location__header {
  width: 100%;
  padding: 15px;
  font-size: 30px;
  background-color: #e5edde;
  margin-bottom: 25px;
  color: #53a63a;
  line-height: 30px;
}
@media only screen and (min-width: 500px)  {
  .block--location__header {
    padding: 30px 30px 15px;
  }
}
.block--location__header .rankings-statement__link {
  color: #7cbc67;
  font-size: 14px;
  line-height: 32px;
  padding-top: 5px;
}
.block--location__header .profile-entity-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 30px;
}
.block--location__header .profile-entity-name__link {
  font-size: 30px;
  line-height: 30px;
  cursor: pointer;
  text-decoration: none;
  color: #53a63a;
}
.block--location__header .profile-entity-name__link:hover {
  color: #409126;
}
.block--location__midsection {
  width: 100%;
}
.block--location__midsection section {
  width: 100%;
}
@media only screen and (min-width: 500px)  {
  .block--location__midsection {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .block--location__midsection section {
    width: 50%;
  }
}
.block--location .profile__bucket--2 {
  line-height: 17px;
}
.block--location .profile__bucket--3 {
  width: 100%;
  padding: 0 15px;
}
.block--location .profile__bucket--4 {
  width: 100%;
}
.block--location .profile__bucket--4 .ordered__list__bucket {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.block--location .profile__bucket--4 .ordered__list__bucket__item {
  margin-left: 7px;
  margin-top: 8px;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 40%;
          flex: 1 0 40%;
}
.block--location .profile__bucket--1,
.block--location .profile__bucket--5 {
  width: 100%;
}
.block--location .profile__bucket--1,
.block--location .profile__bucket--2 {
  padding: 0;
}
.block--location .profile__bucket--6 {
  padding: 0;
}
.block--majors-expansion {
  position: relative;
  /* All buckets should be full-width */
}
.block--majors-expansion [class^='profile__bucket'] {
  padding: 0;
  width: 100%;
}
.majors-expansion {
  margin: 0 auto;
  max-width: 900px;
  padding: 15px;
}
.majors-expansion .block__title {
  padding: 0.5em 0;
}
@media only screen and (min-width: 500px)  {
  .majors-expansion .block__heading,
  .majors-expansion .block--premium-editorial__title {
    padding: 0;
  }
}
@media only screen and (min-width: 500px)  {
  .majors-expansion {
    padding: 30px 30px 35px;
  }
}
@media only screen and (min-width: 768px)  {
  .majors-expansion {
    padding: 50px 30px 35px;
  }
}
.majors-expansion__buttons {
  padding: 15px 0 0;
}
.majors-expansion__buttons .button {
  margin: 0 5px 5px 0;
}
.majors-expansion__buttons svg {
  height: 1em;
  width: 1em;
}
.majors-expansion__description {
  color: #787878;
  font-size: 14px;
  line-height: 18px;
}
/* stylelint-disable-next-line selector-max-specificity */
.platform--touch .majors-expansion__buttons button.button--outline.button--green:hover {
  color: white;
}
.block--majors-overview {
  position: relative;
  /* All buckets should be full-width */
}
.block--majors-overview [class^='profile__bucket'] {
  padding-left: 0;
  padding-right: 0;
}
.majors-overview {
  margin: 0 auto;
  max-width: 900px;
  padding: 15px;
}
.majors-overview .block__title {
  padding: 0.5em 0;
}
@media only screen and (min-width: 500px)  {
  .majors-overview .block__heading,
  .majors-overview .block--premium-editorial__title {
    padding: 0;
  }
}
@media only screen and (min-width: 500px)  {
  .majors-overview {
    padding: 30px 30px 35px;
  }
}
@media only screen and (min-width: 768px)  {
  .majors-overview {
    padding: 50px 30px 35px;
  }
}
.majors-overview__description {
  padding: 0 0 40px;
}
.block--one .profile__bucket--2,
.block--two .profile__bucket--3,
.block--one-two .profile__bucket--4,
.block--two-one .profile__bucket--4,
.block--two-two .profile__bucket--5,
.block--two-two-two .profile__bucket--7,
.block--one-two-one .profile__bucket--5 {
  padding: 0;
  width: 100%;
}
.block--one-two-one .profile__bucket--1,
.block--one-two-one .profile__bucket--4 {
  width: 100%;
}
@media only screen and (min-width: 500px)  {
  .block--one .profile__bucket--1,
  .block--one-two .profile__bucket--1,
  .block--one-two .profile__bucket--3,
  .block--two-one .profile__bucket--2,
  .block--two-one .profile__bucket--3,
  .block--two-two .profile__bucket--4,
  .block--two-two-two .profile__bucket--4,
  .block--two-two-two .profile__bucket--6,
  .block--one-two-one .profile__bucket--3,
  .block--one-two-one .profile__bucket--4 {
    padding-right: 30px;
  }
  .block--one-two .profile__bucket--1,
  .block--two-one .profile__bucket--3 {
    width: 100%;
  }
  .block--one-two .profile__bucket--2,
  .block--two-one .profile__bucket--1 {
    padding-right: 15px;
  }
  .block--one-two .profile__bucket--1,
  .block--one-two .profile__bucket--2,
  .block--two-one .profile__bucket--1,
  .block--two-one .profile__bucket--3,
  .block--two-two .profile__bucket--3,
  .block--two-two-two .profile__bucket--3,
  .block--two-two-two .profile__bucket--5,
  .block--one-two-one .profile__bucket--2,
  .block--one-two-one .profile__bucket--4 {
    padding-left: 30px;
  }
}
.postcard-wrap {
  width: 100%;
  margin-bottom: 10px;
}
@media only screen and (min-width: 600px) {
  .postcard-wrap {
    max-width: 900px;
    margin: 30px auto 20px;
  }
}
.postcard-wrap .postcard-header {
  margin: 20px 0 15px;
}
.postcard-wrap .postcards {
  display: block;
}
@media only screen and (min-width: 600px) {
  .postcard-wrap .postcards {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.postcards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.postcard {
  border-radius: 2px;
  background-color: white;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.postcard.hide {
  display: none;
}
.postcard.tcpa {
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}
.postcard.tcpa.show {
  -webkit-transform: scale(1);
          transform: scale(1);
  opacity: 1;
}
.postcards .postcard {
  margin-bottom: 15px;
}
@media only screen and (min-width: 600px) {
  .postcards .postcard {
    margin-right: 10px;
  }
  .postcards .postcard:last-of-type {
    margin-right: 0;
  }
}
.postcard--stroked {
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 1px solid #ddd;
}
.postcard--primary-action {
  display: block;
  cursor: pointer;
}
.postcard--primary-action:hover {
  text-decoration: none;
}
.postcard--primary-action:hover .postcard__title,
.postcard--primary-action:hover .postcard__parent,
.postcard--primary-action:hover .postcard__badge,
.postcard--primary-action:hover .postcard__attention,
.postcard--primary-action:hover .postcard__description,
.postcard--primary-action:hover .postcard__genus,
.postcard--primary-action:hover .postcard__sponsored,
.postcard--primary-action:hover .postcard__attr {
  color: #0063a5;
}
.claimed-entity-icon {
  background: url(https://d33a4decm84gsn.cloudfront.net/static/claim-school/claimed-entity-icon.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 10px;
  -webkit-box-shadow: none;
          box-shadow: none;
  cursor: pointer;
  display: inline-block;
  height: 12px;
  left: 4px;
  position: relative;
  top: 0;
  width: 12px;
}
.postcard__image-container {
  position: relative;
  overflow: hidden;
  border-radius: 2px 2px 0 0;
}
.postcard__figure {
  height: 117px;
  max-height: 117px;
  position: relative;
  margin: 0;
}
.postcard__reason {
  background: #e9f7e2;
  color: #53a63a;
  font: 600 10px/1 'Niche';
  padding: 8px 15px 5px;
}
.postcard__figure__image {
  background: #eee;
  background-size: cover;
  background-position: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: -50px;
  z-index: 1;
}
.postcard__figure__image--gray {
  background: #eee;
}
.postcard__figure__cite {
  position: absolute;
  z-index: 2;
  font-size: 10px;
  top: 0;
  right: 0;
  font-style: normal;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
  padding: 2px 4px;
  font-weight: 600;
  color: #eee;
}
.postcard__figure__cite a {
  color: #eee;
}
.postcard__figure__cite a:hover {
  text-decoration: none;
  color: white;
}
.postcard__image__sponsored {
  position: absolute;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
  color: #f2d454;
  top: 0;
  left: 0;
  right: 0;
  padding: 8px 15px 20px;
  z-index: 6;
  font: 600 9px/1 'Niche', sans-serif;
}
.postcard__image__sponsored--green {
  color: #c5e4b8;
}
.postcard__atl {
  position: absolute;
  right: 7px;
  top: -40px;
  background: white;
  font-size: 14px;
  color: #53a63a;
  padding: 0.7em 0.75em 0.6em 1em;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1), 0 0 20px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1), 0 0 20px rgba(0, 0, 0, 0.3);
  z-index: 5;
}
.postcard__atl .svg-icon-wrap {
  margin-right: 2px;
}
.postcard__atl:hover {
  background-color: #53a63a;
  color: white;
}
.postcard__action-menu {
  position: absolute;
  top: 5px;
  right: 5px;
  padding: 5px 6px;
  font-size: 18px;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #ababab;
  background-color: white;
}
.postcard__action-menu .popover__trigger {
  color: #ababab;
  padding: 0 5px;
}
.platform .postcard__action-menu .popover__trigger:hover {
  color: #0063a5;
  background: transparent;
  outline: none;
}
.platform .postcard__action-menu .popover__trigger:focus {
  color: #007ac8;
  background: #eef9ff;
  outline: none;
}
.postcard__action-menu .popover--visible .popover__trigger {
  color: #007ac8;
}
.postcard__action-menu .popover__wrap {
  padding: 5px 0;
}
.postcard__action-menu .svg-icon-wrap {
  margin-right: 0;
}
.postcard__action-menu.popover-active,
.postcard__action-menu:hover {
  background-color: white;
  color: #53a63a;
}
.postcard__action-menu-items {
  padding: 5px 0;
  margin: 0;
}
.postcard__action-menu-item {
  cursor: pointer;
  padding: 5px 15px;
}
.postcard__action-menu-item:hover {
  background: #f6f6f6;
}
.postcard__action-menu-item:hover a {
  text-decoration: none;
}
.postcard__action-menu-item a {
  color: #464646;
}
.postcard__action-menu-item--remove {
  color: #e25333;
}
.postcard__genus--wrap {
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.postcard__genus {
  background: #eee;
  border-radius: 2px 2px 0 0;
  bottom: 0;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 -1px 9px rgba(0, 0, 0, 0.19);
          box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 -1px 9px rgba(0, 0, 0, 0.19);
  color: #787878;
  cursor: pointer;
  font: 600 9px/1 'Niche', sans-serif;
  left: 7px;
  margin-left: 5px;
  padding: 7px 13px;
  position: relative;
  z-index: 5;
}
.postcard__genus:first-child {
  margin-left: 0;
}
.postcard__genus:hover {
  color: #787878;
  cursor: pointer;
  text-decoration: none;
}
.postcard__genus--current {
  background: white;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 -1px 9px rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 -1px 9px rgba(0, 0, 0, 0.25);
  color: #464646;
  z-index: 6;
}
.postcard__genus--current:hover {
  color: #464646;
  cursor: auto;
  text-decoration: none;
}
.postcard__content--primary {
  position: relative;
  padding: 8px 15px 10px;
  background: white;
}
.postcard__content--secondary {
  margin: auto;
}
.postcard__parent {
  font-size: 14px;
  line-height: 1.2;
  color: #5f5f5f;
  margin-bottom: 3px;
}
.postcard__title {
  font-size: 18px;
  line-height: 1.2;
  font-weight: 600;
  color: #464646;
  margin-bottom: 3px;
}
.postcard__title a {
  color: #464646;
}
.postcard__title a:focus {
  text-decoration: underline;
  outline: none;
}
.postcard__title .claimed-entity-container {
  width: 1px;
  padding: 0 0 0 2px;
}
.postcard__description {
  font-size: 14px;
  color: #464646;
  line-height: 1.2;
  margin-bottom: 3px;
}
.postcard__sponsored {
  color: #caad26;
  font-size: 14px;
  line-height: 1.2;
  margin-bottom: 5px;
  display: none;
}
.postcard__badge {
  color: #53a63a;
  font-size: 14px;
  margin-bottom: 5px;
  line-height: 1.2;
}
.postcard__badge a {
  color: #53a63a;
}
.postcard__badge a:hover {
  text-decoration: underline;
}
.postcard__attention {
  color: #007ac8;
  font-size: 14px;
  margin-bottom: 5px;
  line-height: 1.2;
}
.postcard__attention a {
  color: #007ac8;
}
.postcard__attention a:hover {
  text-decoration: underline;
}
/*****************************
	Attributes
******************************/
.postcard__attrs {
  font-size: 14px;
  line-height: 1.2;
}
.postcard__attr {
  margin-bottom: 3px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  white-space: nowrap;
  color: #5f5f5f;
}
.postcard__attr + .postcard__attr::before {
  content: '\2022';
  padding: 0 4px;
  display: inline-block;
  color: #919191;
}
.postcard__attr--stacked {
  display: block;
}
.postcard__attr--stacked + .postcard__attr::before {
  display: none;
}
.postcard__attr--fact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.postcard__attr--fact + .postcard__attr::before {
  display: none;
}
.postcard__attr__label {
  font-weight: 600;
}
.postcard__attr__value {
  text-align: right;
}
.postcard__attr--has-grade .niche__grade {
  margin: -1px 4px -4px -2px;
  float: left;
  font-size: 0.55em;
}
/*****************************
	Responsive
******************************/
.postcard--responsive {
  width: auto;
  max-width: 1080px;
  margin: 0 auto;
  border-radius: 0;
}
@media only screen and (min-width: 500px)  {
  .postcard--responsive {
    margin: 0 auto 95px;
  }
}
@media only screen and (min-width: 1000px)  {
  .postcard--responsive {
    margin: 0 auto 65px;
  }
}
.postcard--responsive .postcard__image-container {
  border-radius: 0;
}
.postcard--responsive .postcard__figure {
  height: 34vw;
  max-height: 350px;
}
.postcard--responsive .postcard__title {
  font-size: 22px;
  /* EntityName in the ProfileHeader is a special case for Tooltip Positioning.
    Swapping out the question mark icon (default) for the claimed check icon in
    the tooltip-trigger causes the tooltip-message to overlap with the tooltip-trigger.
    When the cursor is in the overlap there is a flicker. So I am using this CSS exception
    to translate that tooltip-message up and avoid the overlap. */
}
.postcard--responsive .postcard__title .claimed-entity-icon__container {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.postcard--responsive .postcard__title .tooltip-message {
  margin-bottom: 7px;
}
@media only screen and (min-width: 900px)  {
  .postcard--responsive .postcard__title .tooltip-message {
    margin-bottom: 15px;
  }
}
.postcard--responsive .postcard__title .tooltip-trigger__claimed-check {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.postcard--responsive .postcard__title--is-link {
  color: #464646;
}
.postcard--responsive .postcard__attr--has-reviews a {
  cursor: pointer;
  color: #5f5f5f;
}
.postcard--responsive .postcard__attr--has-reviews a:hover {
  text-decoration: none;
}
@media only screen and (min-width: 600px) {
  .postcard--responsive .button--postcard-atl {
    right: 30px;
    bottom: 15px;
    font-size: 16px;
    padding: 12px 14px 12px 13px;
  }
  .postcard--responsive .button--postcard-atl .svg-icon-wrap {
    margin-right: 4px;
  }
  .postcard--responsive .postcard__genus {
    font-size: 12px;
    left: 18px;
    padding: 10px 15px 6px 12px;
  }
  .postcard--responsive .postcard__title {
    font-size: 28px;
  }
  .postcard .postcard__title .claimed-entity-icon__container {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
  .postcard--responsive .claimed-entity-icon {
    width: 18px;
    height: 18px;
    top: 1px;
  }
  .postcard--responsive .postcard__parent,
  .postcard--responsive .postcard__badge,
  .postcard--responsive .postcard__attention,
  .postcard--responsive .postcard__description,
  .postcard--responsive .postcard__sponsored,
  .postcard--responsive .postcard__attrs {
    font-size: 16px;
  }
  .postcard--responsive .postcard__badge em {
    font-weight: 600;
  }
  .postcard--responsive .postcard__content-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .postcard--responsive .postcard__content--primary {
    -webkit-box-flex: 2;
        -ms-flex: 2 0 0px;
            flex: 2 0 0;
    padding: 12px 30px 15px;
  }
  .postcard--responsive .postcard__attr--has-grade .niche-grade {
    margin: -2px 4px -4px -2px;
  }
  .postcard--responsive .postcard__attr + .postcard__attr::before {
    padding: 0 7px;
  }
  .postcard--responsive .postcard__cta {
    font-size: 16px;
  }
  .postcard--responsive .postcard__attr .profile-review-stars .review__stars {
    font-size: 16px;
  }
  .postcard--responsive .postcard__cta--background {
    padding: 0 25px;
  }
}
@media only screen and (min-width: 768px) {
  .postcard--responsive .postcard__title {
    font-size: 32px;
  }
  .postcard--responsive .claimed-entity-icon {
    width: 21px;
    height: 21px;
  }
  .postcard--responsive .postcard__cta--background {
    padding: 0 10px;
  }
}
@media only screen and (min-width: 1000px) {
  .postcard--responsive .postcard__content--primary {
    padding: 12px 45px 15px;
  }
  .postcard--responsive .postcard__genus {
    left: 35px;
  }
}
@media only screen and (min-width: 1100px) {
  .postcard--responsive {
    border-radius: 0 0 2px 2px;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* IE10+ CSS styles go here */
  .postcard--responsive .postcard__cta--background {
    margin-bottom: -4px;
  }
}
/*****************************
	Chip
******************************/
.postcard--chip .postcard__content-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.postcard--chip .postcard__content-wrap {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
}
@media only screen and (min-width: 600px) {
  .postcard--chip .postcard__content {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
.postcard--chip .postcard__image-container {
  width: 50px;
  min-width: 50px;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  border-radius: 0;
  margin: 10px 0 10px 10px;
}
@media only screen and (min-width: 600px) {
  .postcard--chip .postcard__image-container {
    margin-top: 18px;
    margin-left: 15px;
  }
}
.postcard--chip [class*='postcard__figure__image--fallback'] {
  display: none;
}
.postcard--chip .postcard__sponsored {
  display: block;
}
.postcard--chip .postcard__image__sponsored {
  display: none;
}
.postcard--chip .postcard__figure {
  height: 50px;
  overflow: hidden;
  border-radius: 2px;
}
.postcard--chip .postcard__atl {
  bottom: auto;
  top: 5px;
  right: 5px;
  padding: 5px 6px;
  font-size: 18px;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #bbb;
}
.postcard--chip .postcard__atl .svg-icon-wrap {
  margin-right: 0;
}
.postcard--chip .postcard__atl:hover {
  background-color: white;
  color: #53a63a;
}
.postcard--chip .postcard__figure__cite,
.postcard--chip .postcard__atl__text,
.postcard--chip .postcard__genus {
  display: none;
}
.postcard--chip .postcard__attrs--fact {
  padding-top: 5px;
  max-width: 300px;
}
@media only screen and (min-width: 600px) {
  .postcard--chip .postcard__attrs--fact {
    padding-top: 10px;
  }
}
.postcard--chip .postcard__attr__label {
  margin-right: 10px;
}
.postcard--chip .postcard__attr__value {
  white-space: normal;
}
.postcard--chip .postcard__parent,
.postcard--chip .postcard__badge,
.postcard--chip .postcard__attention,
.postcard--chip .postcard__description,
.postcard--chip .postcard__sponsored,
.postcard--chip .postcard__attrs {
  font-size: 12px;
}
@media only screen and (min-width: 600px) {
  .postcard--chip .postcard__parent,
  .postcard--chip .postcard__badge,
  .postcard--chip .postcard__attention,
  .postcard--chip .postcard__description,
  .postcard--chip .postcard__sponsored,
  .postcard--chip .postcard__attrs {
    font-size: 15px;
  }
}
.postcard--chip .postcard__parent {
  padding-right: 30px;
}
.postcard--chip .postcard__title {
  font-size: 18px;
  padding-right: 30px;
  color: #464646;
}
.postcard--chip .postcard__title a {
  color: #464646;
}
@media only screen and (min-width: 600px) {
  .postcard--chip .postcard__title {
    font-size: 20px;
  }
}
.postcard--chip .postcard__attr--has-grade .niche-grade {
  margin-left: -1px;
}
.postcard--chip .postcard__attr--no-reviews {
  display: none;
}
.postcard--chip .postcard__attr .profile-review-stars .review__stars {
  font-size: inherit;
}
.postcard--chip .postcard__cta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  padding: 5px 5px 5px 0;
  font-size: 14px;
}
@media only screen and (min-width: 600px) {
  .postcard--chip .postcard__cta > .button + .button {
    margin-top: 0;
  }
}
.postcard--chip + .postcard--chip {
  margin-top: 10px;
}
@media only screen and (min-width: 600px) {
  .postcard--big-chip .postcard__content {
    padding: 8px 30px 10px;
  }
  .postcard--big-chip .postcard__title {
    font-size: 20px;
  }
  .postcard--big-chip .postcard__parent,
  .postcard--big-chip .postcard__badge,
  .postcard--big-chip .postcard__attention,
  .postcard--big-chip .postcard__description,
  .postcard--big-chip .postcard__sponsored,
  .postcard--big-chip .postcard__attrs {
    font-size: 14px;
  }
  .postcard--big-chip .postcard__image-container {
    width: 100px;
    min-width: 100px;
  }
  .postcard--big-chip .postcard__figure {
    height: 100px;
  }
}
/***********************************
	Premium CTAs / Next Step Links
************************************/
.postcard__cta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  font-weight: 600;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 5px 5px 0;
}
.postcard__cta > .button {
  margin-left: 5px;
}
@media only screen and (min-width: 600px)  {
  .postcard__cta {
    padding: 10px 25px 10px 0;
    width: 180px;
    display: block;
    margin: auto;
  }
  .postcard--responsive .postcard__cta {
    font-size: 16px;
  }
  .postcard__cta > .button + .button {
    margin-top: 5px;
  }
}
.postcard__cta--background {
  background: #eef9ff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 5px;
  width: auto;
}
.postcard__cta--background a {
  padding: 0.75em 0;
}
.postcard__cta--background a.postcard__cta--left {
  text-align: left;
}
.postcard__cta--background a.postcard__cta--right {
  text-align: right;
}
.postcard__cta--full-width a {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
}
.postcard__cta--button {
  padding: 0 5px 5px 0;
}
.postcard__cta--button a {
  background: #eef9ff;
  padding: 0.5em 0.65em;
  border-radius: 2px;
  text-align: center;
  margin-left: 5px;
}
@media only screen and (min-width: 600px) {
  .postcard__cta--button a {
    padding: 0.5em 1em;
  }
  .postcard__cta--extra-wide {
    width: 240px;
  }
}
.postcard__cta--button a.postcard__cta--left {
  text-align: left;
}
.postcard__cta--button a.postcard__cta--right {
  text-align: right;
}
.postcard__cta--left {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.postcard__cta--right {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.postcard__cta--left .niche-icon,
.postcard__cta--right .niche-icon {
  width: 1em;
  height: 1em;
}
.button--postcard-atl {
  position: absolute;
  right: 7px;
  bottom: 7px;
  background: white;
  font-size: 14px;
  color: #53a63a;
  padding: 7px 9px 7px 8px;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1), 0 0 20px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1), 0 0 20px rgba(0, 0, 0, 0.3);
  z-index: 6;
}
.button--postcard-atl .svg-icon-wrap {
  margin-right: 2px;
}
.button--postcard-atl:hover {
  background-color: #53a63a;
  color: white;
}
.block--premium-editorial {
  padding: 0;
  margin-bottom: 30px;
  /* Remove padding from all buckets -
       we can control padding at the content level */
}
.block--premium-editorial [class^='profile__bucket'] {
  padding: 0;
}
.block--premium-editorial__title {
  padding: 20px 15px 30px;
}
@media only screen and (min-width: 500px)  {
  .block--premium-editorial__title {
    padding: 20px 30px 40px;
  }
}
.block--premium-instagram {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style-type: none;
  max-width: 800px;
  padding: 0;
  position: relative;
}
.block--premium-instagram .loading-indicator {
  background: #e6e6e6;
}
@media only screen and (min-width: 600px)  {
  .block--premium-instagram {
    margin: 30px 20px;
  }
}
@media only screen and (min-width: 860px)  {
  .block--premium-instagram {
    margin: 30px auto;
  }
}
@media only screen and (min-width: 1000px)  {
  .profile-body--with-nav .block--premium-instagram {
    margin: 30px 0 30px auto;
  }
}
.block--premium-instagram--loading {
  min-height: 340px;
  overflow: hidden;
}
.block--premium-instagram__post {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  margin: 15px;
  padding: 0;
}
.block--premium-instagram__post + .block--premium-instagram__post,
.block--premium-instagram__post + .block--premium-instagram__post + .block--premium-instagram__post {
  display: none;
}
@media only screen and (min-width: 600px)  {
  .block--premium-instagram__post {
    margin: 0 15px 0 0;
  }
  .block--premium-instagram__post + .block--premium-instagram__post {
    display: inline-block;
    margin-right: 0;
  }
  .block--premium-instagram__post + .block--premium-instagram__post + .block--premium-instagram__post {
    display: none;
  }
}
@media only screen and (min-width: 768px)  {
  .block--premium-instagram__post + .block--premium-instagram__post {
    margin-right: 15px;
  }
  .block--premium-instagram__post + .block--premium-instagram__post + .block--premium-instagram__post {
    display: inline-block;
    margin-right: 0;
  }
}
.block--premium-youtube {
  height: 280px;
  margin: 15px 0;
  max-width: 800px;
}
@media only screen and (min-width: 500px)  {
  .block--premium-youtube {
    height: 360px;
    margin: 30px 20px;
  }
}
@media only screen and (min-width: 840px)  {
  .block--premium-youtube {
    margin: 30px auto;
  }
}
@media only screen and (min-width: 1000px)  {
  .profile-body--with-nav .block--premium-youtube {
    margin: 30px 0 30px auto;
  }
}
.ensure-claimed-tooltip-above-header-fact {
  z-index: 3;
}
/* -- Begin Styles -- */
.profile-header {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  background: black;
  color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  height: 260px;
  margin: 0 auto -45px;
  max-width: 1400px;
  padding: 0 15px 50px;
  position: relative;
  z-index: 0;
}
.profile-header + [class^='block'] {
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 500px)  {
  .profile-header {
    height: 300px;
    margin: 0 auto;
    padding: 0 20px 65px;
  }
}
@media only screen and (min-width: 900px)  {
  .profile-header {
    height: 400px;
  }
}
@media only screen and (min-width: 1400px)  {
  .profile-header {
    border-radius: 0 0 4px 4px;
    overflow: hidden;
  }
}
.profile-header__blocks {
  position: relative;
  z-index: 2;
}
.profile-header__container {
  max-width: 985px;
  margin: 0 auto;
  width: 100%;
}
/* -- Entity Name -- */
.profile-header .profile__bucket--1 {
  padding: 0 55px 0 0;
  position: relative;
  z-index: 2;
  z-index: 3;
  margin: 0 0 10px;
  width: 100%;
  /* EntityName in the ProfileHeader is a special case for Tooltip Positioning.
	Swapping out the question mark icon (default) for the claimed check icon in
	the tooltip-trigger causes the tooltip-message to overlap with the tooltip-trigger.
	When the cursor is in the overlap there is a flicker. So, I am using this CSS exception
	to translate that tooltip-message up and avoid the overlap. */
}
@media only screen and (min-width: 500px)  {
  .profile-header .profile__bucket--1 {
    padding: 0 155px 0 0;
  }
}
.profile-header .profile__bucket--1 .profile-entity-name {
  color: white;
  font-size: 24px;
  line-height: 26px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6);
}
@media only screen and (min-width: 500px)  {
  .profile-header .profile__bucket--1 .profile-entity-name {
    font-size: 28px;
    line-height: 30px;
  }
}
@media only screen and (min-width: 900px)  {
  .profile-header .profile__bucket--1 .profile-entity-name {
    font-size: 40px;
    line-height: 46px;
  }
}
.profile-header .profile__bucket--1 .profile-entity-name__link {
  color: white;
}
.profile-header .profile__bucket--1 .profile-entity-name__claimed-entity-container {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.profile-header .profile__bucket--1 .tooltip-message {
  margin-bottom: 7px;
}
@media only screen and (min-width: 900px)  {
  .profile-header .profile__bucket--1 .tooltip-message {
    margin-bottom: 15px;
  }
}
/* -- Reviews -- */
.profile-header .profile__bucket--2 {
  padding: 0 55px 0 0;
  width: 100%;
  position: relative;
  z-index: 2;
}
@media only screen and (min-width: 500px)  {
  .profile-header .profile__bucket--2 {
    padding: 0 155px 0 0;
  }
}
@media only screen and (min-width: 500px)  {
  .profile-header .profile__bucket--2 .review__stars--white {
    font-size: 16px;
  }
}
@media only screen and (min-width: 900px)  {
  .profile-header .profile__bucket--2 .review__stars--white {
    font-size: 18px;
  }
}
.profile-header .profile__bucket--2 [class^='review__stars__icon'] {
  margin-right: 5px;
  top: 0;
}
/* -- Tagline -- */
.profile-header .profile__bucket--3 {
  padding: 0 55px 0 0;
  width: 100%;
  position: relative;
  z-index: 2;
}
@media only screen and (min-width: 500px)  {
  .profile-header .profile__bucket--3 {
    padding: 0 155px 0 0;
  }
}
.profile-header .profile__bucket--3 .ordered__list__bucket__item {
  display: inline;
  font-size: 14px;
}
.profile-header .profile__bucket--3 .ordered__list__bucket__item:not(:last-child)::after {
  content: '\B7';
  display: inline-block;
  text-align: center;
  width: 0.8em;
}
@media only screen and (min-width: 500px)  {
  .profile-header .profile__bucket--3 .ordered__list__bucket__item {
    font-size: 16px;
  }
}
@media only screen and (min-width: 900px)  {
  .profile-header .profile__bucket--3 .ordered__list__bucket__item {
    font-size: 18px;
  }
}
/* -- Header Photo -- */
.profile-header .profile__bucket--4 {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
}
/* -- Add to List -- */
.profile-header .profile__bucket--5 {
  bottom: 50px;
  padding: 0;
  position: absolute;
  right: 15px;
  width: auto;
  z-index: 3;
}
.profile-header .profile__bucket--5 .profile-add-to-list {
  margin: 0;
}
@media only screen and (min-width: 500px)  {
  .profile-header .profile__bucket--5 {
    bottom: 65px;
    right: 20px;
  }
}
@media only screen and (min-width: 1024px)  {
  .profile-header .profile__bucket--5 {
    right: calc((100vw - 985px) / 2);
  }
}
@media only screen and (min-width: 1400px)  {
  .profile-header .profile__bucket--5 {
    right: 208px;
  }
}
.block--ranking-expansion .card {
  border-top: 24px solid #53a63a;
  overflow: visible;
}
.block--ranking-expansion .profile__bucket--1 {
  padding: 0;
}
.ranking-expansion {
  display: block;
  margin: 0 auto;
  max-width: 900px;
  padding: 0 15px;
  width: 100%;
}
.ranking-expansion .ordered__list__bucket {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.ranking-expansion .ordered__list__bucket__item {
  -webkit-box-flex: 0;
      -ms-flex: 0 auto;
          flex: 0 auto;
  margin: 0 0 20px;
  width: 100%;
}
.ranking-expansion .tabbed-content__body,
.ranking-expansion .tabbed-content__body--active {
  padding: 0;
}
.ranking-expansion .tabbed-content__tabs {
  font-size: 14px;
  margin: 0 0 1.5em;
}
.ranking-expansion .tabbed-content-tab,
.ranking-expansion .tabbed-content-tab--active {
  background: white;
  border-left: 0;
  border-bottom: 4px solid white;
  -webkit-box-flex: 0;
      -ms-flex: 0 auto;
          flex: 0 auto;
  margin-right: 1em;
  padding: 0.5em 0;
}
.ranking-expansion .tabbed-content-tab--active {
  font-weight: 400;
  border-bottom: 4px solid #007ac8;
}
.ranking-expansion__body {
  padding: 15px 0 0;
}
@media only screen and (min-width: 768px)  {
  .ranking-expansion__body {
    padding: 15px 0 30px;
  }
}
.ranking-expansion-callout {
  background-color: #53a63a;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  padding: 15px;
}
.ranking-expansion-header {
  padding: 0;
  position: relative;
}
.ranking-expansion-header .block__title {
  padding: 0.5em 80px 0.5em 0;
}
.ranking-expansion-header .block__heading,
.ranking-expansion-header .block--premium-editorial__title {
  padding: 0;
}
.ranking-expansion-header [class^='rankings-badge'] {
  font-size: 1.3em;
  right: 0;
  position: absolute;
  top: -12px;
}
.ranking-expansion-header .social-share {
  padding: 0;
}
.ranking-expansion-header__description {
  color: #919191;
  line-height: 1.2;
  padding: 0 80px 0 0;
}
@media only screen and (min-width: 500px)  {
  .ranking-expansion {
    padding: 0 30px;
  }
  .ranking-expansion .ordered__list__bucket__item {
    width: 50%;
  }
  .ranking-expansion .ordered__list__bucket__item:nth-of-type(even) {
    padding: 0 0 0 10px;
  }
  .ranking-expansion .ordered__list__bucket__item:nth-of-type(odd) {
    padding: 0 10px 0 0;
  }
  .ranking-expansion .tabbed-content__tabs {
    font-size: 16px;
  }
}
@media only screen and (min-width: 700px)  {
  .ranking-expansion-header {
    padding: 0 0 0 120px;
  }
  .ranking-expansion-header [class^='rankings-badge'] {
    font-size: 2em;
    left: -5px;
    right: auto;
  }
  .ranking-expansion-header .block__title,
  .ranking-expansion-header__description {
    padding-right: 0;
  }
  .ranking-expansion .ordered__list__bucket__item {
    width: 33.333333%;
  }
  .ranking-expansion .ordered__list__bucket__item:nth-child(3n) {
    padding: 0 0 0 14px;
  }
  .ranking-expansion .ordered__list__bucket__item:nth-child(3n-1) {
    padding: 0 7px;
  }
  .ranking-expansion .ordered__list__bucket__item:nth-child(3n-2) {
    padding: 0 14px 0 0;
  }
}
.block--rankings {
  border-top: 25px solid #53a63a;
}
.block--rankings .ordered__list__bucket__item {
  padding: 0 0 20px;
}
.block--rankings .block__title {
  margin-right: 90px;
  min-height: 90px;
  padding-bottom: 5px;
  padding-top: 5px;
}
.block--rankings .block__heading,
.block--rankings .block--premium-editorial__title {
  padding: 5px 0;
}
.block--rankings .profile__bucket--1,
.block--rankings .profile__bucket--2 {
  width: 100%;
}
.block--rankings .profile__bucket--2 {
  padding: 0;
}
.block--rankings [class^='rankings-badge'] {
  position: absolute;
  right: 5px;
  top: -14px;
  z-index: 2;
}
.block--rankings__teaser {
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 auto;
          flex: 1 auto;
}
.block--rankings__teaser__link {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 auto;
          flex: 1 auto;
  font-size: 20px;
  line-height: 22px;
  padding: 18px 15px 18px 0;
}
.block--rankings__teaser__link:hover {
  color: white;
}
@media only screen and (min-width: 500px)  {
  .block--rankings .ordered__list__bucket {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    margin: 0 0 0 -15px;
    min-height: 72px;
  }
  .block--rankings .ordered__list__bucket__item {
    padding: 0 15px 20px;
    width: 33.33333333%;
  }
}
@media only screen and (min-width: 600px)  {
  .block--rankings .ordered__list__bucket {
    padding-left: 100px;
  }
  .block--rankings .block__title {
    margin-left: 100px;
    margin-right: 0;
    min-height: 30px;
  }
  .block--rankings [class^='rankings-badge'] {
    left: 20px;
    position: absolute;
    top: -14px;
    z-index: 2;
  }
}
.block--rankings-teaser {
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #53a63a;
  border-radius: 2px;
  color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin: 15px 5px;
  max-width: 800px;
  padding: 0;
}
@media only screen and (min-width: 500px)  {
  .block--rankings-teaser {
    margin: 30px 20px;
  }
}
@media only screen and (min-width: 768px)  {
  .block--rankings-teaser {
    margin: 30px auto;
  }
}
@media only screen and (min-width: 1000px)  {
  .profile-body--with-nav .block--rankings-teaser {
    margin: 30px 0 30px auto;
  }
}
.block--rankings-teaser .profile__buckets {
  -webkit-box-flex: 1;
      -ms-flex: 1 auto;
          flex: 1 auto;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.block--rankings-teaser .profile__bucket--1 {
  color: #e9f7e2;
  font-size: 18px;
  line-height: 18px;
  padding: 10px 15px 10px 0;
  text-align: left;
}
@media only screen and (min-width: 500px)  {
  .block--rankings-teaser .profile__bucket--1 {
    font-size: 20px;
    line-height: 22px;
  }
}
.block--rankings-teaser [class^='rankings-badge'] {
  -webkit-box-flex: 0;
      -ms-flex: 0 auto;
          flex: 0 auto;
  font-size: 16px;
  margin: -8px 10px -8px 8px;
}
@media only screen and (min-width: 500px)  {
  .block--rankings-teaser [class^='rankings-badge'] {
    font-size: 20px;
    margin: -8px 15px;
  }
}
.block--rankings-teaser strong {
  font-weight: 600;
}
.block--rankings-highlight {
  max-width: none;
}
@media only screen and (min-width: 840px)  {
  .block--rankings-highlight {
    margin: 30px 20px;
  }
}
@media only screen and (min-width: 1000px)  {
  .block--rankings-highlight {
    margin: 30px auto;
  }
}
.report-card {
  padding: 15px;
}
@media only screen and (min-width: 500px)  {
  .report-card {
    padding: 20px 30px 10px;
  }
}
.report-card .ordered__list__bucket {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.report-card .ordered__list__bucket__item {
  display: none;
  -webkit-box-flex: 1;
      -ms-flex: 1 auto;
          flex: 1 auto;
  width: 50%;
}
.report-card .ordered__list__bucket__item:nth-child(even) {
  padding: 0 5px 16px 0;
}
.report-card .ordered__list__bucket__item:nth-child(odd) {
  padding: 0 0 16px 5px;
}
.report-card .ordered__list__bucket__item:nth-child(-n+6) {
  display: block;
}
@media only screen and (min-width: 600px)  {
  .report-card .profile__buckets {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}
.report-card .profile__bucket--1 {
  -webkit-box-flex: 1;
      -ms-flex: 1 auto;
          flex: 1 auto;
  padding: 0 0 10px;
  width: 100%;
}
@media only screen and (min-width: 600px)  {
  .report-card .profile__bucket--1 {
    width: 35%;
  }
}
.report-card .profile__bucket--2 {
  -webkit-box-flex: 2;
      -ms-flex: 2 auto;
          flex: 2 auto;
  padding: 0;
  width: 100%;
}
@media only screen and (min-width: 600px)  {
  .report-card .profile__bucket--2 {
    padding: 10px 0 0 30px;
    width: 65%;
  }
}
.report-card--expanded .ordered__list__bucket__item {
  display: block;
}
.report-card__toggle {
  color: #919191;
  cursor: pointer;
}
.report-card__toggle:hover {
  color: #5f5f5f;
  text-decoration: none;
}
.report-card__toggle .icon {
  position: relative;
  top: 2px;
}
.no-reviews {
  padding: 10px 30px 30px;
  text-align: center;
}
.no-reviews .block__title {
  padding-left: 0;
  padding-right: 0;
  text-align: left;
}
.no-reviews__button {
  display: block;
  margin: 20px auto;
}
@media only screen and (min-width: 630px)  {
  .no-reviews__button {
    max-width: 300px;
  }
}
.no-reviews__heading {
  font-size: 22px;
  font-weight: 400;
  line-height: 1.4;
  padding: 0;
  margin: 0;
}
.no-reviews__text {
  color: #919191;
  font-size: 16px;
  line-height: 18px;
  margin: 0 10px;
}
.block--reviews .profile__bucket--1 {
  padding-top: 15px;
  width: 100%;
}
.block--reviews .profile__bucket--1 .block__title {
  line-height: 1em;
  padding-left: 0;
}
.block--reviews .profile__bucket--1 .review__stars {
  font-size: 16px;
}
.block--reviews .profile__bucket--2,
.block--reviews .profile__bucket--3,
.block--reviews .profile__bucket--4 {
  width: 100%;
}
.block--reviews .profile__bucket--4 {
  padding: 0;
}
@media only screen and (min-width: 500px)  {
  .block--reviews .profile__bucket--1 {
    padding-top: 30px;
  }
  .block--reviews .profile__bucket--1 .review__stars {
    font-size: 18px;
  }
  .block--reviews .profile__bucket--1 .review__stars__icon {
    top: 0;
  }
  .block--reviews .profile__bucket--2,
  .block--reviews .profile__bucket--3 {
    width: 100%;
  }
  .block--reviews .profile__bucket--2 {
    padding-left: 30px;
  }
  .block--reviews .profile__bucket--3 {
    padding: 0 30px 20px;
  }
}
@media only screen and (min-width: 630px)  {
  .block--reviews .profile__bucket--2 {
    padding-left: 30px;
    width: 310px;
  }
  .block--reviews .profile__bucket--3 {
    max-width: 490px;
    padding-left: 0;
    width: 100%;
    width: calc(100% - 310px);
  }
}
.block--reviews-expansion {
  position: relative;
}
.block--reviews-expansion .no-results {
  margin: 30px auto;
  text-align: center;
}
.block--reviews-expansion .no-results .no-results__title {
  color: #464646;
  font-size: 20px;
  font-weight: 400;
  margin: 0 0 5px;
}
.block--reviews-expansion .no-results .no-results__message {
  color: #919191;
  font-size: 15px;
}
.block--reviews-expansion .reviews-expansion-bucket {
  position: relative;
}
.block--reviews-expansion .profile__bucket--1 {
  padding-top: 15px;
  width: 100%;
}
.block--reviews-expansion .profile__bucket--1 .block__title {
  padding-bottom: 0;
  padding-left: 0;
  padding-top: 0;
}
.block--reviews-expansion .profile__bucket--1 .review__stars {
  font-size: 16px;
}
.block--reviews-expansion .profile__bucket--1 .review__stars__number__reviews {
  white-space: nowrap;
}
.block--reviews-expansion .profile__bucket--1 [class^='review__stars__icon'] {
  top: 0;
}
.block--reviews-expansion .profile__bucket--2 {
  padding-bottom: 0;
}
@media only screen and (min-width: 500px)  {
  .block--reviews-expansion .block__title {
    padding: 0;
  }
  .block--reviews-expansion .profile__bucket--1 {
    padding-top: 30px;
    padding-left: 15px;
    padding-bottom: 15px;
  }
  .block--reviews-expansion .profile__bucket--1 .review__stars {
    font-size: 18px;
  }
  .block--reviews-expansion .profile__bucket--1 .review__stars .block__title {
    display: inline;
    line-height: 1em;
    padding-right: 15px;
    padding-bottom: 15px;
    padding-top: 15px;
  }
  .block--reviews-expansion .profile__bucket--1 .review__stars .block__title .block__heading,
  .block--reviews-expansion .profile__bucket--1 .review__stars .block__title .block--premium-editorial__title {
    display: inline;
  }
  .block--reviews-expansion .profile__bucket--1 .review__stars__icon {
    height: 0.9em;
    top: 2px;
  }
  .block--reviews-expansion .profile__bucket--2,
  .block--reviews-expansion .profile__bucket--3 {
    padding: 0 15px 20px;
    width: 100%;
  }
  .block--reviews-expansion .profile__bucket--3 {
    padding-bottom: 0;
  }
}
@media only screen and (min-width: 700px)  {
  .block--reviews-expansion .profile__bucket--2 {
    width: 280px;
  }
  .block--reviews-expansion .profile__bucket--3 {
    width: calc(100% - 280px);
  }
}
.block--sponsored-listings {
  display: grid;
  grid-gap: 10px;
  grid-template-columns: repeat(3, 1fr);
}
.block--sponsored-listings > * {
  min-width: 0;
  width: 100%;
}
.block--sponsored-listings .carte {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 100%;
  margin-bottom: 0;
  width: 100%;
}
.block--sponsored-listings .carte .postcard__genus {
  bottom: -5px;
  font-size: 9px;
  font-weight: 600;
  left: 5px;
  margin-bottom: -5px;
  padding: 5px 10px;
}
.block--sponsored-listings .carte .entity-name {
  font-size: 16px;
}
.block--sponsored-listings .carte .postcard__attr {
  margin-bottom: 0;
}
.block--sponsored-listings .carte .postcard__attr,
.block--sponsored-listings .carte .postcard__attr .review__stars {
  color: #5f5f5f;
  font-size: 13px;
}
@media only screen and (max-width: 760px) {
  .block--sponsored-listings {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    margin-left: 0;
    margin-right: 0;
    padding-left: 20px;
    grid-template-columns: repeat(3, 1fr) 10px;
  }
  .block--sponsored-listings::after {
    content: '';
  }
  .block--sponsored-listings .carte {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 60vw;
    max-width: 320px;
    min-width: 240px;
  }
  .block--sponsored-listings > * {
    min-width: initial;
  }
}
@media only screen and (max-width: 499px) {
  .block--sponsored-listings {
    grid-template-columns: repeat(3, 1fr) 0.1px;
    padding-left: 10px;
  }
}
.sponsored-listings-card {
  position: relative;
}
.sponsored-listings-card__atl-container {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  top: 7px;
  right: 7px;
  z-index: 2;
}
.sponsored-listings-card__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}
.sponsored-listings-card__link:hover {
  -webkit-text-decoration-color: #5f5f5f;
          text-decoration-color: #5f5f5f;
}
.sponsored-listings-card .sponsored-tag {
  background: #5f5f5f;
  color: white;
  font-size: 12px;
  font-weight: 600;
  left: 7px;
  padding: 4px 7px;
  position: absolute;
  top: 7px;
  z-index: 2;
}
.sponsored-listings-card__title {
  color: #464646;
  font-size: 18px;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 0;
  font-size: 16px;
}
.sponsored-listings-card__attributes {
  font-size: 13px;
  margin-top: 6px;
}
.sponsored-listings-fallback-cta {
  display: block;
  height: 100%;
}
.sponsored-listings-fallback-cta__card {
  height: 100%;
  width: 100%;
}
.sponsored-listings-fallback-cta__title {
  color: #464646;
  font-size: 18px;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 0;
  font-size: 16px;
}
.sponsored-listings-fallback-cta__description {
  margin-bottom: 3px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  white-space: nowrap;
  color: #5f5f5f;
  font-size: 13px;
  margin-top: 6px;
  margin-bottom: 0;
  white-space: initial;
}
.sponsored-listings-card__link:hover,
.sponsored-listings-fallback-cta:hover {
  text-decoration: none;
}
.sponsored-listings-card__link:hover *[class*='__title'],
.sponsored-listings-fallback-cta:hover *[class*='__title'] {
  -webkit-text-decoration: underline solid #5f5f5f;
          text-decoration: underline solid #5f5f5f;
}
.\--sponsored-listings-card-title {
  color: #464646;
  font-size: 18px;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 0;
}
.block--two-one-null .profile__bucket--3,
.block--two-one .profile__bucket--4 {
  padding: 0;
  width: 100%;
}
.block--horiz-poll__empty {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #eee;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 68px;
  padding: 0 20px 20px;
  position: relative;
  width: 100%;
}
.block--horiz-poll__empty__link:hover {
  text-decoration: none;
}
.platform .block--horiz-poll__empty__link:hover .block--horiz-poll__empty__label {
  text-decoration: underline;
}
.block--horiz-poll__empty__text {
  color: #919191;
  font-size: 16px;
  line-height: 18px;
  margin: 0;
  padding: 24px 0 4px 45px;
}
.block--horiz-poll .profile__bucket--3 {
  background: #e6f9fc;
  min-height: 58px;
  padding: 15px 20px 20px 60px;
  position: relative;
}
.block--horiz-poll .profile__bucket--4 {
  padding: 0;
  width: 100%;
}
.block--horiz-poll .profile__bucket--3::after,
.block--horiz-poll-null .block--horiz-poll__empty::after {
  color: #6bbef2;
  content: 'POLL';
  font-weight: 600;
  left: 13px;
  position: absolute;
  top: 37px;
}
.block--horiz-poll .profile__bucket--3::before,
.block--horiz-poll-null .block--horiz-poll__empty::before {
  background-color: #c5e4b8;
  -webkit-box-shadow: 9px 10px 0 #f78f6a, -18px 10px 0 #9eddf8, 0 0 0 transparent, -9px 5px 0 #6bbef2;
          box-shadow: 9px 10px 0 #f78f6a, -18px 10px 0 #9eddf8, 0 0 0 transparent, -9px 5px 0 #6bbef2;
  /*clip-path: inset(0px 16px 24px -18px);); Commented out due to browser support issues */
  clip: rect(0, 16px, 24px, -18px);
  /* Older browsers, now deprecated */
  content: '';
  height: 24px;
  left: 31px;
  position: absolute;
  top: 15px;
  width: 7px;
  z-index: 0;
}
/* Add block--horiz-poll to overide default display: inline-block on font icons */
.block--horiz-poll .icon-arrowright-thin--horiz-poll {
  display: inline;
  position: relative;
  top: 2px;
}
.block--horiz-poll--expansion {
  padding-bottom: 52px;
}
.block--horiz-poll-null .profile__bucket--3 {
  background: white;
  bottom: 0;
  left: 0;
  padding: 0;
  position: absolute;
  width: 100%;
}
.block--horiz-poll-null .profile__bucket--3::before,
.block--horiz-poll-null .profile__bucket--3:after {
  display: none;
}
@media only screen and (min-width: 500px)  {
  .block--horiz-poll .profile__bucket--3 {
    min-height: 68px;
    padding: 15px 20px 20px 80px;
  }
  .block--horiz-poll .profile__bucket--3::after,
  .block--horiz-poll-null .block--horiz-poll__empty::after {
    left: 31px;
  }
  .block--horiz-poll .profile__bucket--3::before,
  .block--horiz-poll-null .block--horiz-poll__empty::before {
    left: 49px;
  }
  .block--horiz-poll-null .profile__bucket--3 {
    min-height: 0;
    padding: 0;
  }
  .block--horiz-poll__empty::before {
    left: 24px;
  }
  .block--horiz-poll__empty__text {
    padding-left: 60px;
  }
}
@media only screen and (min-width: 600px)  {
  .block--horiz-poll .poll__single__value {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.block--two-poll,
.block--two-poll--no-poll {
  padding: 0;
}
.block--two-poll__empty {
  background-color: #eee;
  padding: 0 20px 20px;
  position: relative;
  width: 100%;
}
.block--two-poll__empty__text {
  color: #919191;
  font-size: 16px;
  line-height: 18px;
  padding: 0 0 0 45px;
}
.block--two-poll .poll__single__value {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.block--two-poll .profile__bucket--2 {
  background-color: #e6f9fc;
  margin: 20px 0 0;
  padding: 57px 20px 20px;
  position: relative;
  z-index: 0;
}
.block--two-poll .profile__bucket--2::before,
.block--two-poll--no-poll .block--two-poll__empty::before {
  border-bottom: 1px solid #c4e7f6;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #6bbef2;
  content: 'POLLS';
  font-size: 22px;
  font-weight: 600;
  height: 40px;
  left: 0;
  line-height: 22px;
  padding: 12px 20px 5px 55px;
  position: absolute;
  text-align: left;
  top: 0;
  width: 100%;
  z-index: 2;
}
.block--two-poll .profile__bucket--2::after,
.block--two-poll--no-poll .block--two-poll__empty::after {
  background-color: #c5e4b8;
  -webkit-box-shadow: 9px 10px 0 #f78f6a, -18px 10px 0 #9eddf8, 0 0 0 transparent, -9px 5px 0 #6bbef2;
          box-shadow: 9px 10px 0 #f78f6a, -18px 10px 0 #9eddf8, 0 0 0 transparent, -9px 5px 0 #6bbef2;
  /*clip-path: inset(0px 16px 24px -18px); Commented out due to browser support issues */
  clip: rect(0, 16px, 24px, -18px);
  /* Older browsers, now deprecated */
  content: '';
  height: 24px;
  left: 30px;
  position: absolute;
  top: 15px;
  width: 7px;
}
/* Expansion Link */
.block--two-poll .profile__bucket--3,
.block--two-poll--no-poll .profile__bucket--3 {
  padding: 0;
  width: 100%;
}
/* Account for expansion link */
.block--two-poll--expansion {
  padding-bottom: 52px;
}
/* On null state, the expansion link should
   be positioned absolute to span full-width */
.block--two-poll--no-poll .profile__bucket--3 {
  background: white;
  bottom: 0;
  left: 0;
  padding: 0;
  position: absolute;
  width: 100%;
}
.block--two-poll--no-poll .profile__bucket--3::before {
  display: none;
}
.block--two-poll--no-poll .block--two-poll__empty {
  display: inline-block;
  padding: 59px 20px 20px;
  text-align: center;
}
.block--two-poll--no-poll .block--two-poll__empty__text {
  padding: 0 20px;
  margin-top: 4px;
}
.block--two-poll--no-poll .profile__bucket--2 {
  display: none;
}
.block--two-poll__empty__button {
  margin: 20px 0;
}
@media only screen and (min-width: 500px)  {
  .block--two-poll .profile__bucket--2 {
    margin: 0;
  }
  .block--two-poll--no-poll {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .block--two-poll--no-poll .block__title {
    -webkit-box-flex: 1;
        -ms-flex: 1 auto;
            flex: 1 auto;
    width: 100%;
  }
  .block--two-poll--no-poll .profile__buckets,
  .block--two-poll--no-poll .block--two-poll__empty {
    -webkit-box-flex: 1;
        -ms-flex: 1 auto;
            flex: 1 auto;
    width: 50%;
  }
  .block--two-poll--no-poll .profile__bucket--1 {
    width: 100%;
  }
}
.ordered__list__bucket {
  list-style: none;
}
.scalar__bucket .profile__data__unavailable {
  margin-bottom: 25px;
}
.scalar__bucket__description {
  border-top: 1px solid #eee;
  color: #919191;
  font-size: 16px;
  line-height: 18px;
  margin: 10px 0 0;
  padding: 10px 0 0;
}
.profile__table__description {
  color: #919191;
  font-size: 16px;
  line-height: 18px;
  padding: 10px 0 0;
}
.profile__table__header,
.breakdown__header {
  font-size: 18px;
  font-weight: 700;
  line-height: 20px;
  margin: 0 0 10px;
  position: relative;
}
.profile__table__national {
  bottom: 0;
  color: #919191;
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  position: absolute;
  right: 0;
}
.profile__table__rows,
.profile__table__rows--national,
.breakdown-facts--national {
  border-bottom: 1px solid #ddd;
}
.profile__table__rows--national .fact__table__row,
.breakdown-facts--national .fact__table__row {
  max-width: calc(100% - 50px);
  padding-right: 10px;
  width: 85%;
}
.profile__table__subheader,
.breakdown__subheader {
  color: #919191;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  list-style: none;
  margin: -10px 0 0;
  max-width: calc(100% - 50px);
  width: 85%;
}
.profile__table__subheader li {
  margin: 2px 0 0;
}
.profile__table__subtitle {
  -webkit-box-flex: 1;
      -ms-flex: 1 auto;
          flex: 1 auto;
}
.profile__table__title {
  margin: 0 0 10px;
  max-width: calc(100% - 50px);
  width: 85%;
}
/* bar_chart Modifier */
.profile__table--bar_chart .fact__table__row,
.profile__table--bar_chart .toggle__content__link--profiles,
.profile__table--bar_chart--long_value .fact__table__row,
.profile__table--bar_chart--long_value .toggle__content__link--profiles,
.profile__table--colorful .fact__table__row,
.profile__table--colorful .toggle__content__link--profiles,
.profile__table--colorful--long_value .fact__table__row,
.profile__table--colorful--long_value .toggle__content__link--profiles,
.profile__table--bar_chart--colorful .fact__table__row,
.profile__table--bar_chart--colorful .toggle__content__link--profiles,
.profile__table--bar_chart--colorful--long_value .fact__table__row,
.profile__table--bar_chart--colorful--long_value .toggle__content__link--profiles,
.breakdown--bar_chart .fact__table__row,
.breakdown--bar_chart .toggle__content__link--profiles,
.breakdown--bar_chart--colorful .fact__table__row,
.breakdown--bar_chart--colorful .toggle__content__link--profiles,
.breakdown--bar_chart--colorful--long_value .fact__table__row,
.breakdown--bar_chart--colorful--long_value .toggle__content__link--profiles,
.breakdown--bar_chart--long_value .fact__table__row,
.breakdown--bar_chart--long_value .toggle__content__link--profiles,
.breakdown--colorful .fact__table__row,
.breakdown--colorful .toggle__content__link--profiles,
.breakdown--colorful--long_value .fact__table__row,
.breakdown--colorful--long_value .toggle__content__link--profiles {
  background-color: #f6f6f6;
  border: 0;
  margin-bottom: 3px;
  padding: 0 10px;
}
.profile__table--bar_chart .fact__table__row__fill,
.profile__table--bar_chart--long_value .fact__table__row__fill,
.profile__table--colorful .fact__table__row__fill,
.profile__table--colorful--long_value .fact__table__row__fill,
.profile__table--bar_chart--colorful .fact__table__row__fill,
.profile__table--bar_chart--colorful--long_value .fact__table__row__fill,
.breakdown--bar_chart .fact__table__row__fill,
.breakdown--bar_chart--colorful .fact__table__row__fill,
.breakdown--bar_chart--colorful--long_value .fact__table__row__fill,
.breakdown--bar_chart--long_value .fact__table__row__fill,
.breakdown--colorful .fact__table__row__fill,
.breakdown--colorful--long_value .fact__table__row__fill {
  background-color: #c5e4b8;
  -webkit-box-shadow: 1px 0 0 white;
          box-shadow: 1px 0 0 white;
}
.profile__table--bar_chart .profile__table__header,
.profile__table--bar_chart--long_value .profile__table__header,
.profile__table--colorful .profile__table__header,
.profile__table--colorful--long_value .profile__table__header,
.profile__table--bar_chart--colorful .profile__table__header,
.profile__table--bar_chart--colorful--long_value .profile__table__header,
.profile__table--bar_chart .breakdown__header,
.breakdown--bar_chart .profile__table__header,
.breakdown--bar_chart--colorful .profile__table__header,
.breakdown--bar_chart--colorful--long_value .profile__table__header,
.breakdown--bar_chart--long_value .profile__table__header,
.breakdown--colorful .profile__table__header,
.breakdown--colorful--long_value .profile__table__header {
  font-weight: 400;
}
.profile__table--bar_chart .profile__table__rows,
.profile__table--bar_chart .profile__table__rows--national,
.profile__table--bar_chart--long_value .profile__table__rows,
.profile__table--bar_chart--long_value .profile__table__rows--national,
.profile__table--colorful .profile__table__rows,
.profile__table--colorful .profile__table__rows--national,
.profile__table--colorful--long_value .profile__table__rows,
.profile__table--colorful--long_value .profile__table__rows--national,
.profile__table--bar_chart--colorful .profile__table__rows,
.profile__table--bar_chart--colorful .profile__table__rows--national,
.profile__table--bar_chart--colorful--long_value .profile__table__rows,
.profile__table--bar_chart--colorful--long_value .profile__table__rows--national,
.profile__table--bar_chart .breakdown-facts--national,
.breakdown--bar_chart .profile__table__rows,
.breakdown--bar_chart .profile__table__rows--national,
.breakdown--bar_chart--colorful .profile__table__rows,
.breakdown--bar_chart--colorful .profile__table__rows--national,
.breakdown--bar_chart--colorful--long_value .profile__table__rows,
.breakdown--bar_chart--colorful--long_value .profile__table__rows--national,
.breakdown--bar_chart--long_value .profile__table__rows,
.breakdown--bar_chart--long_value .profile__table__rows--national,
.breakdown--colorful .profile__table__rows,
.breakdown--colorful .profile__table__rows--national,
.breakdown--colorful--long_value .profile__table__rows,
.breakdown--colorful--long_value .profile__table__rows--national {
  border-bottom: 0;
}
.profile__table--bar_chart .fact__table__row__national,
.profile__table--bar_chart--long_value .fact__table__row__national,
.profile__table--colorful .fact__table__row__national,
.profile__table--colorful--long_value .fact__table__row__national,
.profile__table--bar_chart--colorful .fact__table__row__national,
.profile__table--bar_chart--colorful--long_value .fact__table__row__national,
.breakdown--bar_chart .fact__table__row__national,
.breakdown--bar_chart--colorful .fact__table__row__national,
.breakdown--bar_chart--colorful--long_value .fact__table__row__national,
.breakdown--bar_chart--long_value .fact__table__row__national,
.breakdown--colorful .fact__table__row__national,
.breakdown--colorful--long_value .fact__table__row__national {
  background-color: #f6f6f6;
  border-top: 0;
  height: 100%;
  margin: 0;
  padding: 10px;
  top: 0;
}
.profile__table--bar_chart .toggle__content__link--profiles::after,
.profile__table--bar_chart--long_value .toggle__content__link--profiles::after,
.profile__table--colorful .toggle__content__link--profiles::after,
.profile__table--colorful--long_value .toggle__content__link--profiles::after,
.profile__table--bar_chart--colorful .toggle__content__link--profiles::after,
.profile__table--bar_chart--colorful--long_value .toggle__content__link--profiles::after,
.breakdown--bar_chart .toggle__content__link--profiles::after,
.breakdown--bar_chart--colorful .toggle__content__link--profiles::after,
.breakdown--bar_chart--colorful--long_value .toggle__content__link--profiles::after,
.breakdown--bar_chart--long_value .toggle__content__link--profiles::after,
.breakdown--colorful .toggle__content__link--profiles::after,
.breakdown--colorful--long_value .toggle__content__link--profiles::after {
  left: 45px;
}
.profile__table--bar_chart .toggle__content__link--profiles::before,
.profile__table--bar_chart--long_value .toggle__content__link--profiles::before,
.profile__table--colorful .toggle__content__link--profiles::before,
.profile__table--colorful--long_value .toggle__content__link--profiles::before,
.profile__table--bar_chart--colorful .toggle__content__link--profiles::before,
.profile__table--bar_chart--colorful--long_value .toggle__content__link--profiles::before,
.breakdown--bar_chart .toggle__content__link--profiles::before,
.breakdown--bar_chart--colorful .toggle__content__link--profiles::before,
.breakdown--bar_chart--colorful--long_value .toggle__content__link--profiles::before,
.breakdown--bar_chart--long_value .toggle__content__link--profiles::before,
.breakdown--colorful .toggle__content__link--profiles::before,
.breakdown--colorful--long_value .toggle__content__link--profiles::before {
  left: 10px;
}
/* colorful Modifier */
.profile__table--colorful .fact__table__row:nth-child(1) .fact__table__row__fill,
.profile__table--colorful--long_value .fact__table__row:nth-child(1) .fact__table__row__fill,
.profile__table--bar_chart--colorful .fact__table__row:nth-child(1) .fact__table__row__fill,
.profile__table--bar_chart--colorful--long_value .fact__table__row:nth-child(1) .fact__table__row__fill,
.breakdown--bar_chart--colorful .fact__table__row:nth-child(1) .fact__table__row__fill,
.breakdown--bar_chart--colorful--long_value .fact__table__row:nth-child(1) .fact__table__row__fill,
.breakdown--colorful .fact__table__row:nth-child(1) .fact__table__row__fill,
.breakdown--colorful--long_value .fact__table__row:nth-child(1) .fact__table__row__fill {
  background-color: #abc3f7;
}
.profile__table--colorful .fact__table__row:nth-child(1) .fact__table__row__value,
.profile__table--colorful--long_value .fact__table__row:nth-child(1) .fact__table__row__value,
.profile__table--bar_chart--colorful .fact__table__row:nth-child(1) .fact__table__row__value,
.profile__table--bar_chart--colorful--long_value .fact__table__row:nth-child(1) .fact__table__row__value,
.breakdown--bar_chart--colorful .fact__table__row:nth-child(1) .fact__table__row__value,
.breakdown--bar_chart--colorful--long_value .fact__table__row:nth-child(1) .fact__table__row__value,
.breakdown--colorful .fact__table__row:nth-child(1) .fact__table__row__value,
.breakdown--colorful--long_value .fact__table__row:nth-child(1) .fact__table__row__value {
  color: #4a7ae6;
}
.profile__table--colorful .fact__table__row:nth-child(2) .fact__table__row__fill,
.profile__table--colorful--long_value .fact__table__row:nth-child(2) .fact__table__row__fill,
.profile__table--bar_chart--colorful .fact__table__row:nth-child(2) .fact__table__row__fill,
.profile__table--bar_chart--colorful--long_value .fact__table__row:nth-child(2) .fact__table__row__fill,
.breakdown--bar_chart--colorful .fact__table__row:nth-child(2) .fact__table__row__fill,
.breakdown--bar_chart--colorful--long_value .fact__table__row:nth-child(2) .fact__table__row__fill,
.breakdown--colorful .fact__table__row:nth-child(2) .fact__table__row__fill,
.breakdown--colorful--long_value .fact__table__row:nth-child(2) .fact__table__row__fill {
  background-color: #9cdaab;
}
.profile__table--colorful .fact__table__row:nth-child(2) .fact__table__row__value,
.profile__table--colorful--long_value .fact__table__row:nth-child(2) .fact__table__row__value,
.profile__table--bar_chart--colorful .fact__table__row:nth-child(2) .fact__table__row__value,
.profile__table--bar_chart--colorful--long_value .fact__table__row:nth-child(2) .fact__table__row__value,
.breakdown--bar_chart--colorful .fact__table__row:nth-child(2) .fact__table__row__value,
.breakdown--bar_chart--colorful--long_value .fact__table__row:nth-child(2) .fact__table__row__value,
.breakdown--colorful .fact__table__row:nth-child(2) .fact__table__row__value,
.breakdown--colorful--long_value .fact__table__row:nth-child(2) .fact__table__row__value {
  color: #59b46f;
}
.profile__table--colorful .fact__table__row:nth-child(3) .fact__table__row__fill,
.profile__table--colorful--long_value .fact__table__row:nth-child(3) .fact__table__row__fill,
.profile__table--bar_chart--colorful .fact__table__row:nth-child(3) .fact__table__row__fill,
.profile__table--bar_chart--colorful--long_value .fact__table__row:nth-child(3) .fact__table__row__fill,
.breakdown--bar_chart--colorful .fact__table__row:nth-child(3) .fact__table__row__fill,
.breakdown--bar_chart--colorful--long_value .fact__table__row:nth-child(3) .fact__table__row__fill,
.breakdown--colorful .fact__table__row:nth-child(3) .fact__table__row__fill,
.breakdown--colorful--long_value .fact__table__row:nth-child(3) .fact__table__row__fill {
  background-color: #faaf99;
}
.profile__table--colorful .fact__table__row:nth-child(3) .fact__table__row__value,
.profile__table--colorful--long_value .fact__table__row:nth-child(3) .fact__table__row__value,
.profile__table--bar_chart--colorful .fact__table__row:nth-child(3) .fact__table__row__value,
.profile__table--bar_chart--colorful--long_value .fact__table__row:nth-child(3) .fact__table__row__value,
.breakdown--bar_chart--colorful .fact__table__row:nth-child(3) .fact__table__row__value,
.breakdown--bar_chart--colorful--long_value .fact__table__row:nth-child(3) .fact__table__row__value,
.breakdown--colorful .fact__table__row:nth-child(3) .fact__table__row__value,
.breakdown--colorful--long_value .fact__table__row:nth-child(3) .fact__table__row__value {
  color: #f78f6a;
}
.profile__table--colorful .fact__table__row:nth-child(4) .fact__table__row__fill,
.profile__table--colorful--long_value .fact__table__row:nth-child(4) .fact__table__row__fill,
.profile__table--bar_chart--colorful .fact__table__row:nth-child(4) .fact__table__row__fill,
.profile__table--bar_chart--colorful--long_value .fact__table__row:nth-child(4) .fact__table__row__fill,
.breakdown--bar_chart--colorful .fact__table__row:nth-child(4) .fact__table__row__fill,
.breakdown--bar_chart--colorful--long_value .fact__table__row:nth-child(4) .fact__table__row__fill,
.breakdown--colorful .fact__table__row:nth-child(4) .fact__table__row__fill,
.breakdown--colorful--long_value .fact__table__row:nth-child(4) .fact__table__row__fill {
  background-color: #f5df7b;
}
.profile__table--colorful .fact__table__row:nth-child(4) .fact__table__row__value,
.profile__table--colorful--long_value .fact__table__row:nth-child(4) .fact__table__row__value,
.profile__table--bar_chart--colorful .fact__table__row:nth-child(4) .fact__table__row__value,
.profile__table--bar_chart--colorful--long_value .fact__table__row:nth-child(4) .fact__table__row__value,
.breakdown--bar_chart--colorful .fact__table__row:nth-child(4) .fact__table__row__value,
.breakdown--bar_chart--colorful--long_value .fact__table__row:nth-child(4) .fact__table__row__value,
.breakdown--colorful .fact__table__row:nth-child(4) .fact__table__row__value,
.breakdown--colorful--long_value .fact__table__row:nth-child(4) .fact__table__row__value {
  color: #e0c43f;
}
.profile__table--colorful .fact__table__row:nth-child(5) .fact__table__row__fill,
.profile__table--colorful--long_value .fact__table__row:nth-child(5) .fact__table__row__fill,
.profile__table--bar_chart--colorful .fact__table__row:nth-child(5) .fact__table__row__fill,
.profile__table--bar_chart--colorful--long_value .fact__table__row:nth-child(5) .fact__table__row__fill,
.breakdown--bar_chart--colorful .fact__table__row:nth-child(5) .fact__table__row__fill,
.breakdown--bar_chart--colorful--long_value .fact__table__row:nth-child(5) .fact__table__row__fill,
.breakdown--colorful .fact__table__row:nth-child(5) .fact__table__row__fill,
.breakdown--colorful--long_value .fact__table__row:nth-child(5) .fact__table__row__fill {
  background-color: #cae692;
}
.profile__table--colorful .fact__table__row:nth-child(5) .fact__table__row__value,
.profile__table--colorful--long_value .fact__table__row:nth-child(5) .fact__table__row__value,
.profile__table--bar_chart--colorful .fact__table__row:nth-child(5) .fact__table__row__value,
.profile__table--bar_chart--colorful--long_value .fact__table__row:nth-child(5) .fact__table__row__value,
.breakdown--bar_chart--colorful .fact__table__row:nth-child(5) .fact__table__row__value,
.breakdown--bar_chart--colorful--long_value .fact__table__row:nth-child(5) .fact__table__row__value,
.breakdown--colorful .fact__table__row:nth-child(5) .fact__table__row__value,
.breakdown--colorful--long_value .fact__table__row:nth-child(5) .fact__table__row__value {
  color: #84ba1c;
}
.profile__table--colorful .fact__table__row:nth-child(6) .fact__table__row__fill,
.profile__table--colorful--long_value .fact__table__row:nth-child(6) .fact__table__row__fill,
.profile__table--bar_chart--colorful .fact__table__row:nth-child(6) .fact__table__row__fill,
.profile__table--bar_chart--colorful--long_value .fact__table__row:nth-child(6) .fact__table__row__fill,
.breakdown--bar_chart--colorful .fact__table__row:nth-child(6) .fact__table__row__fill,
.breakdown--bar_chart--colorful--long_value .fact__table__row:nth-child(6) .fact__table__row__fill,
.breakdown--colorful .fact__table__row:nth-child(6) .fact__table__row__fill,
.breakdown--colorful--long_value .fact__table__row:nth-child(6) .fact__table__row__fill {
  background-color: #a2dedc;
}
.profile__table--colorful .fact__table__row:nth-child(6) .fact__table__row__value,
.profile__table--colorful--long_value .fact__table__row:nth-child(6) .fact__table__row__value,
.profile__table--bar_chart--colorful .fact__table__row:nth-child(6) .fact__table__row__value,
.profile__table--bar_chart--colorful--long_value .fact__table__row:nth-child(6) .fact__table__row__value,
.breakdown--bar_chart--colorful .fact__table__row:nth-child(6) .fact__table__row__value,
.breakdown--bar_chart--colorful--long_value .fact__table__row:nth-child(6) .fact__table__row__value,
.breakdown--colorful .fact__table__row:nth-child(6) .fact__table__row__value,
.breakdown--colorful--long_value .fact__table__row:nth-child(6) .fact__table__row__value {
  color: #5ebfbf;
}
.profile__table--colorful .fact__table__row:nth-child(7) .fact__table__row__fill,
.profile__table--colorful--long_value .fact__table__row:nth-child(7) .fact__table__row__fill,
.profile__table--bar_chart--colorful .fact__table__row:nth-child(7) .fact__table__row__fill,
.profile__table--bar_chart--colorful--long_value .fact__table__row:nth-child(7) .fact__table__row__fill,
.breakdown--bar_chart--colorful .fact__table__row:nth-child(7) .fact__table__row__fill,
.breakdown--bar_chart--colorful--long_value .fact__table__row:nth-child(7) .fact__table__row__fill,
.breakdown--colorful .fact__table__row:nth-child(7) .fact__table__row__fill,
.breakdown--colorful--long_value .fact__table__row:nth-child(7) .fact__table__row__fill {
  background-color: #9eddf8;
}
.profile__table--colorful .fact__table__row:nth-child(7) .fact__table__row__value,
.profile__table--colorful--long_value .fact__table__row:nth-child(7) .fact__table__row__value,
.profile__table--bar_chart--colorful .fact__table__row:nth-child(7) .fact__table__row__value,
.profile__table--bar_chart--colorful--long_value .fact__table__row:nth-child(7) .fact__table__row__value,
.breakdown--bar_chart--colorful .fact__table__row:nth-child(7) .fact__table__row__value,
.breakdown--bar_chart--colorful--long_value .fact__table__row:nth-child(7) .fact__table__row__value,
.breakdown--colorful .fact__table__row:nth-child(7) .fact__table__row__value,
.breakdown--colorful--long_value .fact__table__row:nth-child(7) .fact__table__row__value {
  color: #51c8fc;
}
/* long_value Modifier */
.profile__table--long_value .fact__table__row,
.profile__table--bar_chart--long_value .fact__table__row,
.profile__table--bar_chart--colorful--long_value .fact__table__row,
.profile__table--colorful--long_value .fact__table__row,
.breakdown--bar_chart--colorful--long_value .fact__table__row,
.breakdown--bar_chart--long_value .fact__table__row,
.breakdown--colorful--long_value .fact__table__row,
.breakdown--long_value .fact__table__row {
  width: 77%;
}
.profile__table--long_value .fact__table__row__national,
.profile__table--bar_chart--long_value .fact__table__row__national,
.profile__table--bar_chart--colorful--long_value .fact__table__row__national,
.profile__table--colorful--long_value .fact__table__row__national,
.breakdown--bar_chart--colorful--long_value .fact__table__row__national,
.breakdown--bar_chart--long_value .fact__table__row__national,
.breakdown--colorful--long_value .fact__table__row__national,
.breakdown--long_value .fact__table__row__national {
  right: -30%;
  width: 30%;
}
.instagram-post {
  background-color: white;
  border-radius: 2px;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1), 0 0 2px rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1), 0 0 2px rgba(0, 0, 0, 0.1);
}
.instagram-post__link,
.instagram-post__link:hover {
  text-decoration: none;
}
.instagram-post__link div:last-child {
  padding-bottom: 15px;
}
.instagram-post__header {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 10px;
}
.instagram-post__metadata {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* The <RelativeTime /> component */
}
.instagram-post__metadata time {
  color: #919191;
  display: block;
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
}
.instagram-post__profile-pic {
  border-radius: 50%;
  height: 30px;
  margin-right: 5px;
  max-width: 30px;
  width: 30px;
}
.instagram-post__username {
  color: #464646;
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  line-height: 16px;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media only screen and (min-width: 350px)  {
  .instagram-post__username {
    max-width: 230px;
  }
}
@media only screen and (min-width: 600px)  {
  .instagram-post__username {
    max-width: 185px;
  }
}
@media only screen and (min-width: 650px)  {
  .instagram-post__username {
    max-width: 200px;
  }
}
@media only screen and (min-width: 768px)  {
  .instagram-post__username {
    max-width: 145px;
  }
}
@media only screen and (min-width: 800px)  {
  .instagram-post__username {
    max-width: 160px;
  }
}
.instagram-post__logo {
  height: 24px;
  width: 24px;
}
.instagram-post__image {
  width: 100%;
}
.instagram-post__feedback {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  padding: 5px 10px;
}
.instagram-post__love-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.instagram-post__save-wrap {
  text-align: right;
}
.instagram-post__heart,
.instagram-post__comment,
.instagram-post__save {
  background-image: url(../../static/instagram/sprites.png);
  display: block;
}
.instagram-post__heart {
  background-repeat: no-repeat;
  background-position: -225px -53px;
  height: 24px;
  width: 24px;
  margin-right: 10px;
}
.instagram-post__heart:hover {
  background-position: -251px -53px;
}
.instagram-post__comment {
  background-repeat: no-repeat;
  background-position: -189px -103px;
  height: 24px;
  width: 24px;
}
.instagram-post__comment:hover {
  opacity: 0.5;
}
.instagram-post__save {
  background-repeat: no-repeat;
  background-position: -137px -103px;
  height: 24px;
  width: 24px;
}
.instagram-post__save:hover {
  opacity: 0.5;
}
.instagram-post__likes,
.instagram-post__caption {
  font-size: 15px;
  line-height: 16px;
  color: #262626;
  font-weight: 600;
  padding: 5px 12px 0;
}
.instagram-post__caption span {
  font-weight: 400;
}
.instagram-post__fallback-background {
  background-color: #c5e4b8;
  height: 250px;
  width: 100%;
}
.profile__map__title {
  color: #53a63a;
  display: inline-block;
  font-size: 26px;
  font-weight: 400;
  line-height: 30px;
  margin: 0;
  padding: 15px;
}
@media only screen and (min-width: 500px)  {
  .profile__map__title {
    font-size: 30px;
    line-height: 30px;
    padding: 30px 30px 20px;
  }
}
@media only screen and (min-width: 1000px)  {
  .profile-body-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.profile-body {
  max-width: 984px;
  position: relative;
  width: 100%;
}
@media only screen and (min-width: 1000px)  {
  .profile-body {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media only screen and (min-width: 1000px)  {
  .profile-body--with-nav {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.profile-nav-container-wrap {
  background: white;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 1px 6px rgba(0, 0, 0, 0.24);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 1px 6px rgba(0, 0, 0, 0.24);
  height: 50px;
  position: fixed;
  top: 0;
  -webkit-transform: translateY(-60px);
          transform: translateY(-60px);
  -webkit-transition: -webkit-transform 0.2s ease;
  transition: -webkit-transform 0.2s ease;
  transition: transform 0.2s ease;
  transition: transform 0.2s ease, -webkit-transform 0.2s ease;
  width: 100%;
  will-change: transform;
  z-index: 101;
}
@media only screen and (min-width: 1000px)  {
  .profile-nav-container-wrap {
    background: none;
    -webkit-box-shadow: none;
            box-shadow: none;
    height: 100%;
    padding: 0 0 25px;
    position: absolute;
    top: -29px;
    -webkit-transform: none;
            transform: none;
    -webkit-transition: none;
    transition: none;
    width: 150px;
    will-change: unset;
    z-index: 1;
  }
}
@media only screen and (min-width: 1000px)  {
  .profile-nav-container-wrap--on-neighborhood {
    padding-top: 0;
  }
}
.profile-nav-container {
  font-size: 15px;
  height: 100%;
  position: relative;
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
}
@media only screen and (min-width: 1000px)  {
  .profile-nav-container {
    height: auto;
    overflow: visible;
    margin-left: 15px;
  }
  .profile-nav-container-wrap--fixed > .profile-nav-container {
    bottom: unset;
    max-width: 150px;
    position: fixed;
    top: 50px;
  }
  .profile-nav-container-wrap--bottom > .profile-nav-container {
    bottom: 0;
    padding: inherit;
    position: absolute;
    top: unset;
  }
}
@media only screen and (min-width: 1024px)  {
  .profile-nav-container {
    margin-left: 0;
  }
}
.profile-nav {
  height: 100%;
  position: relative;
  overflow-y: hidden;
  overflow-x: auto;
  width: 100%;
}
.profile-nav::-webkit-scrollbar {
  -webkit-appearance: none;
  height: 0;
}
@media only screen and (min-width: 1000px)  {
  .profile-nav {
    overflow: visible;
  }
}
.profile-nav__sections {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  /*
        TODO: Figure out why pseudo-element only respects 'width'
        when 'display' is set to 'table' or 'inline-table'.
        TODO: Do this without magic numbers (50px, 57px)
    */
}
.profile-nav__sections:after {
  content: '';
  display: inline-table;
  height: 50px;
  width: 57px;
}
@media only screen and (min-width: 600px)  {
  .profile-nav__sections:after {
    width: 171px;
  }
}
@media only screen and (min-width: 1000px)  {
  .profile-nav__sections:after {
    content: none;
  }
}
@media only screen and (min-width: 1000px)  {
  .profile-nav__sections {
    display: block;
  }
}
/*
    Less mixin to loop and set gradually increasing
    animation delays on :nth-children
*/
.profile-nav__section {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  max-width: 50vw;
  overflow: hidden;
  padding: 14px 10px;
  text-align: center;
  text-overflow: ellipsis;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  white-space: nowrap;
  /*
        Iterate from 2 to 15, creating a linear growth of
        animation delays on the corresponding :nth-child.
    */
}
.profile-nav__section > a {
  color: #464646;
}
.profile-nav__section > a:hover {
  text-decoration: none;
}
.profile-nav__section:nth-child(2) {
  -webkit-animation-delay: 0.12s;
          animation-delay: 0.12s;
}
.profile-nav__section:nth-child(3) {
  -webkit-animation-delay: 0.18s;
          animation-delay: 0.18s;
}
.profile-nav__section:nth-child(4) {
  -webkit-animation-delay: 0.24s;
          animation-delay: 0.24s;
}
.profile-nav__section:nth-child(5) {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}
.profile-nav__section:nth-child(6) {
  -webkit-animation-delay: 0.36s;
          animation-delay: 0.36s;
}
.profile-nav__section:nth-child(7) {
  -webkit-animation-delay: 0.42s;
          animation-delay: 0.42s;
}
.profile-nav__section:nth-child(8) {
  -webkit-animation-delay: 0.48s;
          animation-delay: 0.48s;
}
.profile-nav__section:nth-child(9) {
  -webkit-animation-delay: 0.54s;
          animation-delay: 0.54s;
}
.profile-nav__section:nth-child(10) {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}
.profile-nav__section:nth-child(11) {
  -webkit-animation-delay: 0.66s;
          animation-delay: 0.66s;
}
.profile-nav__section:nth-child(12) {
  -webkit-animation-delay: 0.72s;
          animation-delay: 0.72s;
}
.profile-nav__section:nth-child(13) {
  -webkit-animation-delay: 0.78s;
          animation-delay: 0.78s;
}
.profile-nav__section:nth-child(14) {
  -webkit-animation-delay: 0.84s;
          animation-delay: 0.84s;
}
.profile-nav__section:nth-child(15) {
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
}
@media only screen and (min-width: 768px)  {
  .profile-nav__section {
    font-size: 16px;
    padding: 14px 16px;
  }
}
@media only screen and (min-width: 1000px)  {
  .profile-nav__section {
    font-size: 15px;
    margin-bottom: 10px;
    opacity: 0;
    padding: 0;
    text-align: left;
  }
  .profile-nav__section > a {
    color: #787878;
  }
  .profile-nav__section > a:hover {
    color: #464646;
  }
}
.profile-nav__section--active > a {
  color: #409126;
}
@media only screen and (min-width: 1000px)  {
  .profile-nav__section--active > a {
    font-weight: 600;
  }
}
.profile-nav__section--active > a:hover {
  color: #409126;
}
.profile-nav__active-indicator {
  position: absolute;
  height: 4px;
  background: #4ea361;
  width: 100px;
  bottom: 0;
  left: 0;
  -webkit-transition: -webkit-transform 0.2s ease;
  transition: -webkit-transform 0.2s ease;
  transition: transform 0.2s ease;
  transition: transform 0.2s ease, -webkit-transform 0.2s ease;
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  will-change: transform;
}
@media only screen and (min-width: 1000px)  {
  .profile-nav__active-indicator {
    -webkit-animation-delay: 0.8s;
            animation-delay: 0.8s;
    background: #7cbc67;
    border-radius: 50%;
    height: 8px;
    left: -15px;
    margin-top: 7px;
    opacity: 0;
    position: absolute;
    top: 0;
    -webkit-transform: scale(0);
            transform: scale(0);
    -webkit-transition: -webkit-transform 0.15s ease;
    transition: -webkit-transform 0.15s ease;
    transition: transform 0.15s ease;
    transition: transform 0.15s ease, -webkit-transform 0.15s ease;
    width: 8px;
    will-change: transform;
  }
}
.profile-nav__atl-wrap {
  display: none;
  opacity: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  white-space: nowrap;
}
@media only screen and (min-width: 600px)  {
  .profile-nav__atl-wrap {
    background: -webkit-gradient(linear, right top, left top, color-stop(80%, white), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(to left, white 80%, rgba(255, 255, 255, 0));
    display: block;
    opacity: 1;
    padding: 7px 20px 5px 40px;
    position: absolute;
    right: 0;
    top: 0;
  }
}
@media only screen and (min-width: 1000px)  {
  .profile-nav__atl-wrap {
    -webkit-animation-delay: 0.8s;
            animation-delay: 0.8s;
    background: none;
    opacity: 0;
    position: static;
    padding: 15px 0 20px;
  }
}
.profile-nav__panel-trigger {
  -webkit-font-smoothing: none;
  background: -webkit-gradient(linear, right top, left top, color-stop(70%, white), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(to left, white 70%, rgba(255, 255, 255, 0));
  border-radius: 0;
  color: #464646;
  cursor: pointer;
  display: block;
  font-size: 18px;
  height: 50px;
  padding: 6px 13px 5px 20px;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: unset;
  transition: unset;
  will-change: unset;
  z-index: 3;
}
.platform .profile-nav__panel-trigger:hover,
.platform .profile-nav__panel-trigger:active {
  background: -webkit-gradient(linear, right top, left top, color-stop(70%, white), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(to left, white 70%, rgba(255, 255, 255, 0));
  border: 0;
  color: inherit;
}
@media only screen and (min-width: 600px)  {
  .profile-nav__panel-trigger {
    display: none;
  }
}
.profile-nav-container-wrap.profile-nav-container-wrap--show {
  -webkit-transform: none;
          transform: none;
}
@media only screen and (min-width: 1000px)  {
  .profile-nav-container-wrap--show .profile-nav__section,
  .profile-nav-container-wrap--show .profile-nav__atl-wrap,
  .profile-nav-container-wrap--show .profile-nav__active-indicator {
    -webkit-animation-duration: 0.6s;
            animation-duration: 0.6s;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
  }
  .profile-nav-container-wrap--show .profile-nav__section,
  .profile-nav-container-wrap--show .profile-nav__atl-wrap {
    -webkit-animation-name: fade-in;
            animation-name: fade-in;
  }
  .profile-nav-container-wrap--show .profile-nav__active-indicator {
    -webkit-animation-name: indicator-fade-in;
            animation-name: indicator-fade-in;
  }
}
.panel__header-wrap--profile-nav .panel__header,
.panel__header-wrap--profile-nav .panel__header--shadow {
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  background: #4ea361;
}
.panel__header-wrap--profile-nav .panel__header__contents {
  color: white;
  font-size: 20px;
  line-height: 22px;
  padding-right: 22px;
}
.panel__header-wrap--profile-nav .icon-exit-thin--panel-header {
  color: currentColor;
}
.profile-nav__panel-header-title {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.profile-nav__panel-sections {
  padding: 5px 5px 0;
}
.profile-nav__panel-section {
  text-align: left;
  margin: 0 0 20px;
  font-size: 18px;
}
.profile-nav__panel-section > a {
  color: #464646;
}
.profile-nav__panel-section > a:active {
  text-decoration: none;
}
.profile-nav__panel-section--active > a {
  color: #4ea361;
}
@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
            transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
            transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@-webkit-keyframes indicator-fade-in {
  0% {
    opacity: 0;
    margin-left: -20px;
  }
  100% {
    opacity: 1;
    margin-left: 0;
  }
}
@keyframes indicator-fade-in {
  0% {
    opacity: 0;
    margin-left: -20px;
  }
  100% {
    opacity: 1;
    margin-left: 0;
  }
}
.review-stars-cta {
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  display: block;
  margin: 12px 0 25px;
  padding: 16px 0;
}
.review-stars-cta__label {
  display: block;
  font-size: 18px;
  line-height: 20px;
}
.review-stars-cta__entity {
  font-weight: 600;
}
.review-stars-cta__link:hover {
  text-decoration: none;
}
.review-stars-cta__link .star-rating--large {
  padding-top: 8px;
}
.review-stars-cta__link .star-rating__stars > label:hover,
.review-stars-cta__link .star-rating__stars > label:hover ~ label {
  opacity: 1;
}
.review-filters {
  border-bottom: 1px solid #ddd;
  margin: 0 0 15px;
  padding: 10px 15px 10px 0;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.review-filters__title {
  color: #919191;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
}
.review-filter {
  margin-right: 3px;
  margin-bottom: 5px;
}
.profile__address {
  font-size: 18px;
  font-weight: 600;
  line-height: 20px;
  margin: 0 0 20px;
  word-wrap: break-word;
}
.profile__address .profile__data__unavailable {
  font-size: 18px;
  font-weight: 400;
  line-height: 20px;
}
.profile__address__label {
  font-weight: 400;
}
.profile-breadcrumbs {
  border-top: 1px solid #ddd;
  color: #ababab;
  overflow: hidden;
  padding: 15px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.block--two .profile-breadcrumbs {
  margin: -16px 0 0;
}
@media only screen and (min-width: 500px)  {
  .profile-breadcrumbs {
    padding: 15px 30px;
  }
}
.profile-breadcrumbs__item {
  display: inline;
  font-size: 14px;
}
.profile-breadcrumbs__item:not(:last-of-type)::after {
  content: '/';
  color: #ababab;
  display: inline-block;
  padding: 0 6px;
}
.breakdown-content-unavailable {
  background-color: #fafafa;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  color: #919191;
  font-size: 16px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 18px;
  padding: 1.5em 10px;
}
.breakdown__subheader {
  display: block;
  margin: 2px 0 0;
}
.breakdown .breakdown-facts,
.breakdown .breakdown-facts--national,
.breakdown--long_value .breakdown-facts,
.breakdown--long_value .breakdown-facts--national {
  border-bottom: 1px solid #ddd;
}
.breakdown--bar_chart .breakdown__header,
.breakdown--bar_chart--colorful .breakdown__header,
.breakdown--bar_chart--colorful--long_value .breakdown__header,
.breakdown--bar_chart--long_value .breakdown__header,
.breakdown--colorful .breakdown__header,
.breakdown--colorful--long_value .breakdown__header {
  font-weight: 400;
}
.breakdown--bar_chart .breakdown-facts--national,
.breakdown--bar_chart--colorful .breakdown-facts--national,
.breakdown--bar_chart--colorful--long_value .breakdown-facts--national,
.breakdown--bar_chart--long_value .breakdown-facts--national,
.breakdown--colorful .breakdown-facts--national,
.breakdown--colorful--long_value .breakdown-facts--national {
  border-bottom: 0;
}
/* For all modifiers, just extend the Table version, as all 
   the complex styling is handled there */
.claim-cta__container {
  margin-top: 20px;
}
.claim-cta__icon {
  color: white;
  display: inline-block;
  font-size: 20px;
  height: 20px;
  width: 20px;
}
.claim-cta__icon circle {
  color: #5dc5f1;
}
.claim-cta__text {
  display: inline-block;
  font-size: 18px;
  font-weight: 600;
  line-height: 20px;
  padding-left: 6px;
}
.claim-cta-large__body {
  -webkit-box-flex: 3;
      -ms-flex: 3 0;
          flex: 3 0;
  font-weight: 400;
  -webkit-box-ordinal-group: 31;
      -ms-flex-order: 30;
          order: 30;
  padding: 10px 0 0 20px;
}
@media only screen and (min-width: 500px)  {
  .claim-cta-large__body {
    margin-bottom: 8px;
    -webkit-box-ordinal-group: 31;
        -ms-flex-order: 30;
            order: 30;
    padding: 10px 30px 0 100px;
  }
}
.claim-cta-large__container {
  background: #f6f6f6;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1), 0 0 2px rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1), 0 0 2px rgba(0, 0, 0, 0.1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 20px 15px;
  vertical-align: top;
}
@media only screen and (min-width: 500px)  {
  .claim-cta-large__container {
    padding: 30px 30px 25px;
  }
}
.claim-cta-large__image {
  height: 82px;
  margin-top: 10px;
  -webkit-box-ordinal-group: 11;
      -ms-flex-order: 10;
          order: 10;
  width: 65px;
}
@media only screen and (min-width: 500px)  {
  .claim-cta-large__image {
    height: 94px;
    margin-top: -16px;
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
    position: absolute;
    width: 75px;
  }
}
.claim-cta-large__image--college {
  background: url(https://d33a4decm84gsn.cloudfront.net/static/claim-school/claimed-icon-graphic-college.svg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.claim-cta-large__image--school {
  background: url(https://d33a4decm84gsn.cloudfront.net/static/claim-school/claimed-icon-graphic-school.svg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.claim-cta-large__image--workplace {
  background: url(https://d33a4decm84gsn.cloudfront.net/static/claim-school/claimed-icon-graphic-place.svg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.claim-cta-large__title {
  display: inline-block;
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
  -webkit-box-ordinal-group: 6;
      -ms-flex-order: 5;
          order: 5;
  width: 100%;
}
@media only screen and (min-width: 500px)  {
  .claim-cta-large__title {
    -webkit-box-ordinal-group: 21;
        -ms-flex-order: 20;
            order: 20;
    padding-left: 100px;
  }
}
/* Margin is applied by the wrapping block
   and therefore any extra margin causes the
   CTA to be out of alignment with other content */
.profile-cta > .card {
  margin: 0;
}
.profile-disclaimer {
  color: #787878;
  font-size: 12px;
  line-height: 16px;
  padding: 0 15px;
}
@media only screen and (min-width: 500px)  {
  .profile-disclaimer {
    margin: 0 0 15px;
    padding: 0;
  }
}
.profile-entity-name {
  font-size: 16px;
}
.profile-entity-name--profile-link {
  border-top: 1px solid #e6e6e6;
  font-size: 14px;
  padding: 10px 15px;
  text-align: right;
}
.profile-entity-name--profile-link:after {
  color: #007ac8;
  content: '\E60E';
  font-family: 'Niche-Interface-Symbols';
  font-size: 16px;
  position: relative;
  top: 2px;
  left: 2px;
  z-index: 1;
  -webkit-font-smoothing: antialiased;
}
@media only screen and (min-width: 500px)  {
  .profile-entity-name--profile-link {
    font-size: 16px;
    padding: 15px 10px;
  }
}
.profile-entity-name__claimed-entity-container {
  display: none;
}
.expansion-link {
  border-top: 1px solid #e6e6e6;
  padding: 15px 10px;
  text-align: right;
}
.icon-arrowright-thin--expansion {
  position: relative;
  top: 2px;
}
@media only screen and (min-width: 500px)  {
  .expansion-link {
    padding: 15px 25px;
  }
}
.expansion-title {
  color: #53a63a;
  font-size: 30px;
  line-height: 32px;
  max-width: 800px;
  margin: 0.25em auto 0.5em;
  padding: 0 15px;
}
@media only screen and (min-width: 500px)  {
  .expansion-title {
    margin: 0.25em auto 0;
    padding: 0;
  }
}
.fact__table__row {
  border-top: 1px solid #ddd;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  position: relative;
}
.fact__table__row__fill {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  z-index: 0;
}
.fact__table__row__label {
  -webkit-box-flex: 1;
      -ms-flex: 1 auto;
          flex: 1 auto;
  font-size: 16px;
  line-height: 18px;
  padding: 10px 0;
  position: relative;
}
.fact__table__row__no__data {
  color: #919191;
  white-space: nowrap;
}
.fact__table__row__value {
  -webkit-box-flex: 0;
      -ms-flex: 0 auto;
          flex: 0 auto;
  font-size: 16px;
  font-weight: 600;
  line-height: 18px;
  margin: 0 0 0 20px;
  min-width: -webkit-min-content;
  min-width: -moz-min-content;
  min-width: min-content;
  padding: 10px 0;
  position: relative;
  text-align: right;
  z-index: 1;
}
.fact__table__row__national {
  -webkit-box-flex: 0;
      -ms-flex: 0 auto;
          flex: 0 auto;
  font-size: 16px;
  font-weight: 600;
  line-height: 18px;
  margin: 0 0 0 20px;
  min-width: -webkit-min-content;
  min-width: -moz-min-content;
  min-width: min-content;
  padding: 10px 0;
  position: relative;
  text-align: right;
  z-index: 1;
  border-left: 1px solid #ddd;
  border-top: 1px solid #ddd;
  color: #ababab;
  font-weight: 400;
  height: calc(100% + 2px);
  left: 100%;
  margin: -1px 0;
  min-width: 50px;
  position: absolute;
  top: 0;
  width: 17.75%;
}
.fact__table__row__suffix {
  display: inline-block;
  font-size: 12px;
  line-height: 12px;
  margin: 0 0 0 2px;
}
.profile-grade,
.profile-grade--section {
  min-height: 32px;
  position: relative;
}
.profile-grade .niche__grade,
.profile-grade--section .niche__grade {
  float: left;
  font-size: 1.2em;
  height: 2.5em;
  margin: 0 10px 0 0;
  width: 2.5em;
}
.profile-grade--factor {
  cursor: pointer;
}
.platform .profile-grade--factor:hover {
  text-decoration: underline;
}
.profile-grade__description {
  color: #919191;
  display: table-cell;
  font-size: 14px;
  height: 50px;
  line-height: 16px;
  vertical-align: middle;
}
@media only screen and (min-width: 500px)  {
  .profile-grade__description {
    font-size: 16px;
    line-height: 18px;
  }
}
.profile-grade__label {
  font-size: 18px;
  line-height: 20px;
  margin: 0 0 5px;
}
.profile-grade--two,
.profile-grade--section--two {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  min-height: 32px;
  position: relative;
  min-height: auto;
}
.profile-grade--two .niche__grade,
.profile-grade--section--two .niche__grade {
  float: left;
  font-size: 1.2em;
  height: 2.5em;
  margin: 0 10px 0 0;
  width: 2.5em;
}
.profile-grade--two .profile-grade__description,
.profile-grade--section--two .profile-grade__description {
  display: block;
  padding: 0;
}
.profile-grade--two .profile-grade__label,
.profile-grade--section--two .profile-grade__label {
  -webkit-box-flex: 1;
      -ms-flex: 1 auto;
          flex: 1 auto;
  font-size: 16px;
  line-height: 18px;
  margin: 0;
  padding: 9px 0 9px 8px;
  width: calc(100% - 32px);
  word-break: break-word;
}
.profile-grade--two .niche__grade,
.profile-grade--section--two .niche__grade {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 32px;
          flex: 0 0 32px;
  font-size: 0.8em;
  height: 32px;
  width: 32px;
}
.homes-listings {
  position: relative;
}
.homes-listings > .card {
  margin: 0;
}
.homes-listings--empty > .card {
  margin-bottom: 0;
  margin-top: 0;
}
.homes-listings__loading {
  height: 438px;
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 600px)  {
  .homes-listings__loading {
    height: 209px;
  }
}
@media only screen and (min-width: 768px)  {
  .homes-listings__loading {
    height: 219px;
  }
}
.homes-listings__partner {
  background-image: url(../../static/cta/realtor_logo.png);
  background-size: cover;
  background-position: bottom;
  background-repeat: no-repeat;
  color: transparent;
  cursor: pointer;
  display: block;
  height: 20px;
  position: absolute;
  right: 15px;
  top: 20px;
  width: 110px;
}
.platform .homes-listings__partner:hover,
.homes-listings__partner:hover {
  color: transparent;
}
@media only screen and (min-width: 500px)  {
  .homes-listings__partner {
    right: 30px;
    top: 33px;
  }
}
@media only screen and (min-width: 600px)  {
  .homes-listings__partner {
    height: 22px;
    top: 31px;
    width: 120px;
  }
}
.homes-listings__title {
  color: #53a63a;
  font-size: 26px;
  line-height: 30px;
  margin: 5px 0 15px;
}
@media only screen and (min-width: 500px)  {
  .homes-listings__title {
    font-size: 30px;
    margin: 5px 0 30px;
  }
}
.homes-listings-list__item {
  display: block;
  margin: 0 0 20px;
}
.homes-listings-list__item:last-of-type {
  margin-bottom: 10px;
}
@media only screen and (min-width: 600px)  {
  .homes-listings-list__item {
    display: inline-block;
    padding: 0 10px 0 0;
    width: 50%;
  }
  .homes-listings-list__item:nth-of-type(3),
  .homes-listings-list__item:nth-of-type(4) {
    margin-bottom: 0;
  }
}
.homes-listings-list__link {
  display: block;
}
.homes-listings-list__link:hover {
  text-decoration: none;
}
.profile--connect .form,
.profile--connect .form--loading {
  margin: 0;
  padding: 0;
  max-width: none;
}
.profile--connect .form__wrapper--desktop {
  background-color: inherit;
  padding: 0;
}
.profile--connect .block__title {
  padding: 20px 15px 15px;
}
@media only screen and (min-width: 500px)  {
  .profile--connect .block__title {
    padding: 30px 30px 0;
  }
}
@media only screen and (min-width: 768px)  {
  .profile--connect .block__title {
    padding: 50px 50px 0;
  }
}
@media only screen and (min-width: 500px)  {
  .profile--connect .block__heading,
  .profile--connect .block--premium-editorial__title {
    padding-bottom: 5px;
  }
}
.profile--connect .profile__bucket--1 {
  padding-bottom: 10px;
}
@media only screen and (min-width: 768px)  {
  .profile--connect .profile__bucket--1 {
    padding: 0 50px 30px;
  }
}
.profile--connect .profile-add-to-list {
  margin: 20px auto;
  padding-top: 20px;
}
.profile--connect .form__header__cta {
  margin-top: 0;
}
.profile--connect .form__header ~ .field-group__wrapper:first-of-type {
  margin-top: 20px;
}
.profile-form-description {
  margin: 0;
  padding-bottom: 15px;
}
.profile__list__item [class^='review__stars__icon'] {
  top: 0;
}
.profile__list__item .review__stars--gray {
  display: inline;
  font-size: 12px;
  white-space: nowrap;
}
.profile__list__items {
  list-style: none;
}
.profile__list__item__link {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 5px 0 5px 40px;
  position: relative;
  min-height: 45px;
}
.profile__list__item__link:hover {
  text-decoration: none;
}
.platform .profile__list__item__link:hover .profile__list__item__name {
  color: #0063a5;
  text-decoration: underline;
}
.profile__list__item__link--empty {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 5px 0 5px 40px;
  position: relative;
  min-height: 45px;
  cursor: default;
  pointer-events: none;
}
.profile__list__item__link--empty:hover .profile__list__item__name {
  text-decoration: none;
}
.profile__list__item .niche__grade {
  position: absolute;
  font-size: 13px;
  height: 33px;
  left: 0;
  margin: 2px 10px 0 0;
  top: 3px;
  width: 33px;
}
.profile__list__item__name {
  color: #007ac8;
  font-size: 16px;
  font-weight: 400;
  line-height: 17px;
}
.profile__list__item__tagline {
  color: #919191;
  font-size: 12px;
  list-style: none;
}
.profile__list__item__tagline li {
  display: inline;
}
.profile__list__item__tagline li::after {
  display: inline-block;
  width: 11px;
  text-align: center;
  content: '\B7';
}
.profile__list__item__tagline li:last-child::after {
  display: none;
}
.profile__list__title {
  color: #53a63a;
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
  margin: -15px 0 0;
  padding: 0 0 15px;
}
@media only screen and (min-width: 500px)  {
  .profile__list__title {
    font-size: 24px;
    line-height: 30px;
  }
}
@media only screen and (min-width: 600px)  {
  .profile__list__item__name {
    font-size: 18px;
    line-height: 20px;
  }
  .profile__list__item__tagline,
  .profile__list__item .review__stars--gray {
    font-size: 14px;
  }
}
.list-CTA__bullets {
  list-style: disc;
  font-size: 14px;
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  width: 100%;
  left: 1em;
  padding-right: 1em;
}
@media only screen and (min-width: 730px)  {
  .list-CTA__bullets {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    line-height: 150%;
    width: 400px;
    padding-right: 0;
  }
}
.list-CTA__bullet {
  margin-left: 2em;
}
.list-CTA__button {
  margin-bottom: 8px;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  max-height: 36px;
}
@media only screen and (min-width: 730px)  {
  .list-CTA__button {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
}
.list-CTA__label {
  color: #464646;
  font-size: 18px;
  line-height: 20px;
}
.list-CTA__image {
  background-position: left center;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  width: 100px;
}
@media only screen and (min-width: 730px)  {
  .list-CTA__image {
    background-position: center;
    margin-bottom: 0;
    width: 120px;
  }
}
.list-CTA__item {
  border-bottom: 0.25px solid #ddd;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 15px 0;
}
.list-CTA__item:last-of-type {
  border-bottom: none;
}
.list-CTA__footnote {
  color: #919191;
  display: block;
  font-size: 14px;
  line-height: 16px;
  padding-bottom: 0;
}
.major-ranking__image {
  background-size: cover;
  background-position: center;
  border-right: 1px solid rgba(0, 0, 0, 0.12);
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  min-height: 80px;
  max-width: 100px;
}
.major-ranking__ordinal {
  font-size: 22px;
  color: #464646;
  line-height: 24px;
}
.major-ranking__ordinal em {
  font-weight: 600;
}
.major-ranking__ordinal:before {
  content: '#';
  font-size: 18px;
}
.major-ranking__title {
  color: #2e9adf;
  font-size: 16px;
  line-height: 20px;
}
.major-ranking-wrap {
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 2px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.major-ranking-wrap:hover {
  text-decoration: none;
}
.major-ranking-wrap:hover .major-ranking__title {
  text-decoration: underline;
}
.major-table-expand {
  background: #fff;
  color: #2e9adf;
  cursor: pointer;
  display: block;
  line-height: 18px;
  margin-top: 0;
  padding: 10px 0;
}
.major-text-wrap {
  -ms-flex-item-align: center;
      align-self: center;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  margin: 5px 10px;
}
.top-ranked-majors-list-label {
  font-size: 18px;
  font-weight: 600;
  line-height: 20px;
  margin-bottom: 10px;
}
.top-ranked-majors-list .toggle__content__link--profiles {
  border-bottom: none;
}
.top-ranked-majors-list li {
  margin-top: 12px;
}
@media (min-width: 500px) {
  .top-ranked-majors-wrap {
    padding-right: 30px;
  }
  .major-ranking__title {
    font-size: 18px;
    line-height: 20px;
  }
}
.majors-list {
  font-size: 18px;
  line-height: 22px;
  margin: 15px -15px;
}
@media only screen and (min-width: 500px)  {
  .majors-list {
    margin: 15px 0;
  }
}
.majors-list__header {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  border-bottom: 1px solid #ddd;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 15px 15px 8px;
}
@media only screen and (min-width: 500px)  {
  .majors-list__header {
    padding: 15px 0 8px;
  }
}
.majors-list__header__key {
  color: #919191;
  -webkit-box-flex: 0;
      -ms-flex: 0 auto;
          flex: 0 auto;
  font-size: 14px;
  line-height: 18px;
}
.majors-list__header__title {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-flex: 1;
      -ms-flex: 1 auto;
          flex: 1 auto;
  color: #53a63a;
  font-size: 20px;
  line-height: 24px;
}
@media only screen and (min-width: 500px)  {
  .majors-list__header__title {
    font-size: 24px;
  }
}
.majors-list__header__tooltip {
  -webkit-box-flex: 0;
      -ms-flex: 0 auto;
          flex: 0 auto;
  position: relative;
  margin: 0 -10px 0 0;
  width: 20px;
}
@media only screen and (min-width: 500px)  {
  .majors-list__header__tooltip {
    -webkit-box-flex: 0;
        -ms-flex: 0 auto;
            flex: 0 auto;
    position: relative;
    margin: 0 -20px 0 0;
  }
}
@media only screen and (min-width: 768px)  {
  .majors-list__header__tooltip {
    margin: 0;
  }
}
.majors-list__list__item {
  border-bottom: 1px solid #ddd;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 15px;
}
.majors-list__list__item__count {
  -webkit-box-flex: 0;
      -ms-flex: 0 auto;
          flex: 0 auto;
  font-weight: 600;
  padding: 0 0 0 10px;
}
.majors-list__list__item__major {
  -webkit-box-flex: 1;
      -ms-flex: 1 auto;
          flex: 1 auto;
}
.overall-grade {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  max-width: 240px;
  min-height: 60px;
  position: relative;
}
.overall-grade .niche__grade {
  font-size: 1.5em;
  height: 60px;
  width: 60px;
}
@media only screen and (min-width: 500px)  {
  .overall-grade {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0 auto;
  }
}
.overall-grade__label {
  -webkit-box-flex: 1;
      -ms-flex: 1 auto;
          flex: 1 auto;
  font-size: 20px;
  line-height: 20px;
}
@media only screen and (min-width: 500px)  {
  .overall-grade__label {
    -webkit-box-flex: 2;
        -ms-flex: 2 0 100%;
            flex: 2 0 100%;
    padding: 15px 0 0;
    text-align: center;
  }
}
.overall-grade__methodology-link {
  color: #919191;
  font-size: 13px;
  line-height: 14px;
  position: absolute;
  right: calc((100vw * -1) + 270px);;
  top: 0;
}
.overall-grade__methodology-link:hover {
  color: #919191;
}
@media only screen and (min-width: 500px)  {
  .overall-grade__methodology-link {
    margin: 5px auto 0;
    position: static;
  }
}
.overall-grade__niche-grade {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 70px;
          flex: 1 0 70px;
}
@media only screen and (min-width: 500px)  {
  .overall-grade__niche-grade {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
            flex: 1 0 100%;
    text-align: center;
  }
}
.overall-grade--two {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  width: 100%;
}
.overall-grade--two .niche__grade {
  font-size: 1.3em;
  width: 2.5em;
  height: 2.5em;
}
.overall-grade--two .overall-grade__label {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  padding: 0;
  text-align: center;
}
@media only screen and (min-width: 500px)  {
  .overall-grade--two .overall-grade__label {
    -webkit-box-flex: 2;
        -ms-flex: 2 0 100%;
            flex: 2 0 100%;
    text-align: inherit;
  }
}
.overall-grade--two .overall-grade__niche-grade {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 50px;
          flex: 1 0 50px;
  text-align: inherit;
  margin-bottom: 5px;
  margin-right: 10px;
}
.overall-grade--two .overall-grade__methodology-link {
  display: none;
}
.outbound-button,
.outbound-button:hover {
  width: 300px;
  height: 50px;
  font-size: 19px;
  color: white;
  text-decoration: none;
}
.outbound-button--wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.parent__entity__label {
  font-size: 18px;
  line-height: 20px;
}
.parent__entity__link {
  color: #007ac8;
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
  text-decoration: none;
}
.parent__entity__link:hover {
  text-decoration: underline;
}
.parent__entity__name {
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
}
.profile-photo {
  background-color: #114da5;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
}
.profile-photo__overlay {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0)), color-stop(30%, rgba(0, 0, 0, 0.1)), color-stop(80%, rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.6)));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.1) 30%, rgba(0, 0, 0, 0.5) 80%, rgba(0, 0, 0, 0.6) 100%);
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.profile-photo-attribution {
  color: #ababab;
  font-size: 9px;
  padding: 0;
  position: absolute;
  right: 15px;
  text-align: right;
  top: 10px;
  z-index: 2;
}
.profile-photo-attribution__link {
  color: #ababab;
}
.profile-photo-attribution__link:hover {
  color: #ababab;
}
.poll__single__icon {
  color: #6bbef2;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.05em;
  line-height: 16px;
  margin: 0 0 2px;
  padding: 0 0 0 20px;
  position: relative;
  text-transform: uppercase;
}
.poll__single__icon::before {
  background-color: #c5e4b8;
  -webkit-box-shadow: 4px 4px 0 #f78f6a, -8px 4px 0 #9eddf8, 0 0 0 transparent, -4px 2px 0 #6bbef2;
          box-shadow: 4px 4px 0 #f78f6a, -8px 4px 0 #9eddf8, 0 0 0 transparent, -4px 2px 0 #6bbef2;
  /*clip-path: inset(0px 8px 10px -10px); Commented out due to browser support issues */
  clip: rect(0, 8px, 10px, -10px);
  /* Older browsers, now deprecated */
  content: '';
  height: 10px;
  left: 8px;
  position: absolute;
  top: 2px;
  width: 3px;
}
.poll__single__body {
  -webkit-box-flex: 1;
      -ms-flex: 1 auto;
          flex: 1 auto;
  font-size: 16px;
  line-height: 18px;
  padding: 0 0 0 6px;
}
.poll__single__percent {
  -webkit-box-flex: 0;
      -ms-flex: 0 auto;
          flex: 0 auto;
  font-size: 36px;
  line-height: 36px;
  min-width: -webkit-min-content;
  min-width: -moz-min-content;
  min-width: min-content;
  white-space: nowrap;
}
.poll__single__percent__label {
  min-width: 70px;
}
.poll__single__pie {
  background-color: #eee;
  background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, transparent), color-stop(0, #77d3fa));
  background-image: linear-gradient(to right, transparent 50%, #77d3fa 0);
  border-radius: 50%;
  float: left;
  height: 2em;
  margin: 0 6px 0 0;
  position: relative;
  width: 2em;
}
.poll__single__pie__angle {
  border-top-left-radius: 0 50%;
  border-top-right-radius: 100% 50%;
  border-bottom-right-radius: 100% 50%;
  border-bottom-left-radius: 0 50%;
  background-color: #eee;
  content: '';
  display: block;
  height: 100%;
  margin-left: 50%;
  left: 0;
  position: absolute;
  top: 0;
  -webkit-transform-origin: left;
          transform-origin: left;
  -webkit-transform: rotate(0.35turn);
          transform: rotate(0.35turn);
  width: 50%;
}
.poll__single__pie__angle--inverted {
  border-top-left-radius: 0 50%;
  border-top-right-radius: 100% 50%;
  border-bottom-right-radius: 100% 50%;
  border-bottom-left-radius: 0 50%;
  background-color: #eee;
  content: '';
  display: block;
  height: 100%;
  margin-left: 50%;
  left: 0;
  position: absolute;
  top: 0;
  -webkit-transform-origin: left;
          transform-origin: left;
  -webkit-transform: rotate(0.35turn);
          transform: rotate(0.35turn);
  width: 50%;
  background-color: #77d3fa;
}
.poll__single__responses {
  color: #919191;
  display: inline-block;
  font-size: 12px;
  line-height: 14px;
  margin: 0 0 0 2px;
  padding: 0 0 0 2px;
  white-space: nowrap;
}
.poll__single__survey {
  color: #007ac8;
  display: inline-block;
  margin: 0 0 0 2px;
  text-decoration: none;
}
.poll__single__survey:hover {
  color: #0063a5;
  text-decoration: none;
}
.poll__single__survey .icon-arrowright-thin--poll {
  display: inline;
  position: relative;
  top: 2px;
}
/* Underline label on hover on non-touch */
.platform .poll__single__survey:hover .poll__single__survey__label {
  text-decoration: underline;
}
.poll__single__value {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
/* --piechart modifier */
.poll__single--piechart .poll__single__body {
  display: block;
  padding: 0;
}
.poll__single--piechart .poll__single__percent {
  padding: 2px 6px;
}
.poll__single--piechart .poll__single__value {
  display: block;
  position: relative;
  top: -4px;
}
.poll__table--bar_chart_color + .poll__single--piechart,
.scalar--three + .poll__single--piechart {
  margin-top: 20px;
}
.icon-arrowdown-thin--polltable {
  left: -1px;
  position: relative;
  top: 3px;
}
.poll__table__count {
  color: #919191;
  font-size: 12px;
  line-height: 14px;
  margin: 2px 0 0;
}
.poll__table__body {
  font-size: 18px;
  font-weight: 700;
  line-height: 20px;
}
.poll__table__flagging {
  color: #919191;
  cursor: pointer;
  font-size: 12px;
  line-height: 14px;
}
.platform .poll__table__flagging:hover {
  color: #f78f6a;
}
.poll__table__icon {
  color: #6bbef2;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.05em;
  line-height: 16px;
  margin: 0 0 2px;
  padding: 0 0 0 20px;
  position: relative;
  text-transform: uppercase;
}
.poll__table__icon::before {
  background-color: #c5e4b8;
  -webkit-box-shadow: 4px 4px 0 #f78f6a, -8px 4px 0 #9eddf8, 0 0 0 transparent, -4px 2px 0 #6bbef2;
          box-shadow: 4px 4px 0 #f78f6a, -8px 4px 0 #9eddf8, 0 0 0 transparent, -4px 2px 0 #6bbef2;
  /*clip-path: inset(0px 8px 10px -10px); Commented out due to browser support issues */
  clip: rect(0, 8px, 10px, -10px);
  /* Older browsers, now deprecated */
  content: '';
  height: 10px;
  left: 8px;
  position: absolute;
  top: 2px;
  width: 3px;
}
.poll__table__no__result {
  background-color: #f6f6f6;
  color: #919191;
  -webkit-box-flex: 1;
      -ms-flex: 1 auto;
          flex: 1 auto;
  line-height: 18px;
  padding: 24px 10px;
  text-align: center;
}
.poll__table__results {
  border-bottom: 1px solid #ddd;
  list-style: none;
  margin: 10px 0 0;
  padding: 0;
}
.poll__table__result__fill {
  height: 100%;
  top: 0;
  position: absolute;
  left: 0;
  z-index: 0;
}
.poll__table__result__item {
  border-top: 1px solid #ddd;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  line-height: 18px;
  position: relative;
}
.poll__table__result__label {
  -webkit-box-flex: 1;
      -ms-flex: 1 auto;
          flex: 1 auto;
  padding: 10px 0;
  font-size: 16px;
  line-height: 18px;
  position: relative;
  word-break: break-word;
  z-index: 1;
}
.poll__table__result__percent {
  -webkit-box-flex: 0;
      -ms-flex: 0 auto;
          flex: 0 auto;
  font-weight: 600;
  margin: 0 0 0 20px;
  min-width: -webkit-min-content;
  min-width: -moz-min-content;
  min-width: min-content;
  padding: 10px 0;
  text-align: right;
  font-size: 16px;
  line-height: 18px;
  position: relative;
  z-index: 1;
}
.poll__table__tagline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.poll__table__survey {
  color: #007ac8;
  display: inline-block;
  margin: 0 3px;
  text-decoration: none;
}
.poll__table__survey:hover {
  color: #0063a5;
  text-decoration: underline;
}
/* BAR_CHART modifier */
.poll__table--bar_chart .poll__table__body,
.poll__table--bar_chart_color .poll__table__body,
.poll__table--bar_chart--bar_chart_color .poll__table__body {
  font-weight: 400;
}
.poll__table--bar_chart .poll__table__results,
.poll__table--bar_chart_color .poll__table__results,
.poll__table--bar_chart--bar_chart_color .poll__table__results {
  border: 0;
}
.poll__table--bar_chart .poll__table__result__fill,
.poll__table--bar_chart_color .poll__table__result__fill,
.poll__table--bar_chart--bar_chart_color .poll__table__result__fill {
  background-color: #c5e4b8;
}
.poll__table--bar_chart .poll__table__result__item,
.poll__table--bar_chart_color .poll__table__result__item,
.poll__table--bar_chart--bar_chart_color .poll__table__result__item {
  background-color: #f6f6f6;
  border: 0;
  margin: 0 0 3px;
}
.poll__table--bar_chart .poll__table__result__label,
.poll__table--bar_chart .poll__table__result__percent,
.poll__table--bar_chart .toggle__content__link--profiles,
.poll__table--bar_chart_color .poll__table__result__label,
.poll__table--bar_chart_color .poll__table__result__percent,
.poll__table--bar_chart_color .toggle__content__link--profiles,
.poll__table--bar_chart--bar_chart_color .poll__table__result__label,
.poll__table--bar_chart--bar_chart_color .poll__table__result__percent,
.poll__table--bar_chart--bar_chart_color .toggle__content__link--profiles {
  padding: 10px;
}
.poll__table--bar_chart .toggle__content__link--profiles,
.poll__table--bar_chart_color .toggle__content__link--profiles,
.poll__table--bar_chart--bar_chart_color .toggle__content__link--profiles {
  background-color: #f6f6f6;
  border: 0;
}
.poll__table--bar_chart .toggle__content__link--profiles::after,
.poll__table--bar_chart_color .toggle__content__link--profiles::after,
.poll__table--bar_chart--bar_chart_color .toggle__content__link--profiles::after {
  left: 45px;
}
.poll__table--bar_chart .toggle__content__link--profiles::before,
.poll__table--bar_chart_color .toggle__content__link--profiles::before,
.poll__table--bar_chart--bar_chart_color .toggle__content__link--profiles::before {
  left: 10px;
}
/* COLORFUL modifier */
.poll__single--piechart + .poll__table--bar_chart_color {
  margin-top: 20px;
}
.poll__table--bar_chart_color .poll__table__result__item:nth-child(1) .poll__table__result__fill,
.poll__table--bar_chart--bar_chart_color .poll__table__result__item:nth-child(1) .poll__table__result__fill {
  background-color: #8ec8ef;
}
.poll__table--bar_chart_color .poll__table__result__item:nth-child(1) .poll__table__result__percent,
.poll__table--bar_chart--bar_chart_color .poll__table__result__item:nth-child(1) .poll__table__result__percent {
  color: #007ac8;
}
.poll__table--bar_chart_color .poll__table__result__item:nth-child(2) .poll__table__result__fill,
.poll__table--bar_chart--bar_chart_color .poll__table__result__item:nth-child(2) .poll__table__result__fill {
  background-color: #9cdaab;
}
.poll__table--bar_chart_color .poll__table__result__item:nth-child(2) .poll__table__result__percent,
.poll__table--bar_chart--bar_chart_color .poll__table__result__item:nth-child(2) .poll__table__result__percent {
  color: #4ea361;
}
.poll__table--bar_chart_color .poll__table__result__item:nth-child(3) .poll__table__result__fill,
.poll__table--bar_chart--bar_chart_color .poll__table__result__item:nth-child(3) .poll__table__result__fill {
  background-color: #80cece;
}
.poll__table--bar_chart_color .poll__table__result__item:nth-child(3) .poll__table__result__percent,
.poll__table--bar_chart--bar_chart_color .poll__table__result__item:nth-child(3) .poll__table__result__percent {
  color: #34b7b3;
}
.poll__table--bar_chart_color .poll__table__result__item:nth-child(4) .poll__table__result__fill,
.poll__table--bar_chart--bar_chart_color .poll__table__result__item:nth-child(4) .poll__table__result__fill {
  background-color: #99d4bf;
}
.poll__table--bar_chart_color .poll__table__result__item:nth-child(4) .poll__table__result__percent,
.poll__table--bar_chart--bar_chart_color .poll__table__result__item:nth-child(4) .poll__table__result__percent {
  color: #50ad87;
}
.poll__table--bar_chart_color .poll__table__result__item:nth-child(5) .poll__table__result__fill,
.poll__table--bar_chart--bar_chart_color .poll__table__result__item:nth-child(5) .poll__table__result__fill {
  background-color: #9eddf8;
}
.poll__table--bar_chart_color .poll__table__result__item:nth-child(5) .poll__table__result__percent,
.poll__table--bar_chart--bar_chart_color .poll__table__result__item:nth-child(5) .poll__table__result__percent {
  color: #17aadd;
}
.poll__table--bar_chart_color .poll__table__result__item:nth-child(6) .poll__table__result__fill,
.poll__table--bar_chart--bar_chart_color .poll__table__result__item:nth-child(6) .poll__table__result__fill {
  background-color: #a4d394;
}
.poll__table--bar_chart_color .poll__table__result__item:nth-child(6) .poll__table__result__percent,
.poll__table--bar_chart--bar_chart_color .poll__table__result__item:nth-child(6) .poll__table__result__percent {
  color: #409126;
}
.poll__table--bar_chart_color .poll__table__result__item:nth-child(7) .poll__table__result__fill,
.poll__table--bar_chart--bar_chart_color .poll__table__result__item:nth-child(7) .poll__table__result__fill {
  background-color: #b2d96c;
}
.poll__table--bar_chart_color .poll__table__result__item:nth-child(7) .poll__table__result__percent,
.poll__table--bar_chart--bar_chart_color .poll__table__result__item:nth-child(7) .poll__table__result__percent {
  color: #84ba1c;
}
.poll__table--bar_chart_color .poll__table__result__item:nth-child(8) .poll__table__result__fill,
.poll__table--bar_chart--bar_chart_color .poll__table__result__item:nth-child(8) .poll__table__result__fill {
  background-color: #f5df7b;
}
.poll__table--bar_chart_color .poll__table__result__item:nth-child(8) .poll__table__result__percent,
.poll__table--bar_chart--bar_chart_color .poll__table__result__item:nth-child(8) .poll__table__result__percent {
  color: #e0c43f;
}
.poll__table--bar_chart_color .poll__table__result__item:nth-child(9) .poll__table__result__fill,
.poll__table--bar_chart--bar_chart_color .poll__table__result__item:nth-child(9) .poll__table__result__fill {
  background-color: #abc3f7;
}
.poll__table--bar_chart_color .poll__table__result__item:nth-child(9) .poll__table__result__percent,
.poll__table--bar_chart--bar_chart_color .poll__table__result__item:nth-child(9) .poll__table__result__percent {
  color: #114da5;
}
.popular-entities {
  padding-top: 10px;
}
.popular-entities:first-child {
  padding-top: 0;
}
.popular-entities__description {
  color: #787878;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  margin: 0;
}
.popular-entities__no-data {
  background-color: #f6f6f6;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  color: #919191;
  font-size: 16px;
  line-height: 18px;
  padding: 1.5em 10px;
  text-align: center;
}
.popular-entities__title {
  font-size: 18px;
  font-weight: 600;
  line-height: 20px;
  padding: 0 0 10px;
}
.popular-entities-list {
  border-bottom: 1px solid #ddd;
  list-style: none;
  margin: 0;
  padding: 0;
}
.popular-entities-list-item {
  border-top: 1px solid #ddd;
  display: block;
}
.popular-entities-list-item:nth-child(n + 3) {
  opacity: 0;
  -webkit-animation: fadeInLeft ease-in 1;
          animation: fadeInLeft ease-in 1;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
}
.popular-entity {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 auto;
          flex: 1 auto;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
}
.popular-entity__grade {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 35px;
          flex: 0 0 35px;
}
.popular-entity__grade [class^='niche__grade'] {
  font-size: 0.65em;
  height: 26px;
  width: 26px;
  margin-top: 6px;
  margin-bottom: 4px;
}
.popular-entity__name {
  -webkit-box-flex: 1;
      -ms-flex: 1 auto;
          flex: 1 auto;
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
  padding: 10px 0;
}
.popular-entity-descriptor {
  font-size: 16px;
  font-weight: 600;
  -webkit-box-flex: 0;
      -ms-flex: 0 auto;
          flex: 0 auto;
  line-height: 18px;
  min-width: -webkit-min-content;
  min-width: -moz-min-content;
  min-width: min-content;
  padding: 10px 0 10px 20px;
  text-align: right;
  white-space: nowrap;
}
.popular-entity-descriptor__suffix {
  display: inline;
  font-size: 12px;
}
.block--premium-back-link {
  background: #f6f6f6;
  border-radius: 2px;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1), 0 0 2px rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1), 0 0 2px rgba(0, 0, 0, 0.1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 15px 5px;
  max-width: 984px;
  padding: 15px 10px;
  position: relative;
}
@media only screen and (min-width: 500px)  {
  .block--premium-back-link {
    margin: 35px 20px;
  }
}
@media only screen and (min-width: 1024px)  {
  .block--premium-back-link {
    margin: 35px 0;
  }
}
.block--premium-back-link ~ .block--premium-back-link {
  background: none;
  border-radius: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  font-size: 14px;
  max-width: 800px;
  padding: 0 0 20px;
  position: static;
}
@media only screen and (min-width: 350px)  {
  .block--premium-back-link ~ .block--premium-back-link {
    font-size: 16px;
  }
}
@media only screen and (min-width: 500px)  {
  .block--premium-back-link ~ .block--premium-back-link {
    margin: 30px 20px;
  }
}
@media only screen and (min-width: 840px)  {
  .block--premium-back-link ~ .block--premium-back-link {
    margin: 30px auto;
    padding: 0 20px 20px;
  }
}
.block--majors-expansion + .block--premium-back-link ~ .block--premium-back-link,
.block--ranking-expansion + .block--premium-back-link ~ .block--premium-back-link,
.block--reviews-expansion + .block--premium-back-link ~ .block--premium-back-link {
  max-width: 984px;
}
.block--premium-back-link__profile-home {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.block--premium-back-link__client-website {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: right;
}
.premium-buttons {
  padding: 0 0 30px;
}
.premium-buttons li {
  margin: 0 0 15px;
}
.premium-buttons li:last-child {
  margin: 0;
}
.block--premium-editorial .premium-buttons {
  padding: 0 15px 30px;
}
@media only screen and (min-width: 500px)  {
  .premium-buttons {
    padding: 0 0 15px;
  }
  .block--premium-editorial .premium-buttons {
    padding: 0 30px 40px 15px;
  }
}
@media only screen and (min-width: 700px)  {
  .premium-buttons {
    padding: 0 0 20px;
  }
  .block--premium-editorial .premium-buttons {
    padding: 0 30px 40px 20px;
  }
}
.icon--arrowright--premium-link {
  position: relative;
  top: 2px;
}
.premium-expansion {
  border-top: 1px solid #e6e6e6;
  padding: 15px 10px;
  text-align: right;
}
@media only screen and (min-width: 500px)  {
  .premium-expansion {
    padding: 15px 25px;
  }
}
.premium-paragraph {
  padding: 0 15px 30px;
}
@media only screen and (min-width: 500px)  {
  .premium-paragraph {
    padding: 0 15px 40px 30px;
  }
}
@media only screen and (min-width: 700px)  {
  .premium-paragraph {
    padding: 0 20px 40px 30px;
  }
}
.premium-photo {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 2px 2px 0 0;
  height: 120px;
  margin: 0 0 10px;
}
@media only screen and (min-width: 500px)  {
  .premium-photo {
    background-size: 800px;
    height: 160px;
    margin: 0 0 20px;
  }
}
.premium-statement {
  color: white;
}
.premium-statement:focus,
.premium-statement:hover {
  color: white;
}
.profile-add-to-list {
  margin: 15px auto;
  max-width: 300px;
}
/* These are styles defined that work on top of the ToggleContent
   component and are used to show the "More" / "Hide" buttons on
   lists used in profiles that should restrict to just three
   list items shown */
.toggle__content--profiles-visible--hidden,
.toggle__content--profiles-visible {
  display: block;
}
.toggle__content--profiles-visible--hidden li,
.toggle__content--profiles-visible li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.toggle__content--profiles-visible--hidden .toggle__content__link--profiles-visible,
.toggle__content--profiles-visible .toggle__content__link--profiles-visible {
  display: block;
}
.toggle__content--profiles--hidden li {
  display: none;
}
.toggle__content--profiles--hidden li:nth-child(-n+3) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.toggle__content--profiles--hidden .toggle__content__link--profiles::before {
  content: 'More';
}
.toggle__content--profiles--hidden .toggle__content__link--profiles::after {
  content: '\E60C';
  top: 10px;
}
/* Link */
.toggle__content__link--profiles {
  border-bottom: 1px solid #ddd;
  display: block;
  font-size: 16px;
  height: 40px;
  position: relative;
  text-decoration: none;
  width: 100%;
}
.toggle__content__link--profiles::before {
  color: #007ac8;
  content: 'Hide';
  font-size: 16px;
  left: 0;
  position: absolute;
  top: 9px;
}
.toggle__content__link--profiles::after {
  color: #007ac8;
  content: '\E60F';
  font-family: 'Niche-Interface-Symbols';
  font-size: 1em;
  left: 35px;
  position: absolute;
  top: 9px;
}
.toggle__content__link--profiles:hover {
  text-decoration: none;
}
.toggle__content__link--profiles:hover::after,
.toggle__content__link--profiles:hover::before {
  color: #0063a5;
}
.profile-review-stars .block__title {
  display: inline;
  padding: 0 15px 0 0;
}
.profile-review-stars .block__title .block__heading,
.profile-review-stars .block__title .block--premium-editorial__title {
  display: inline;
  padding: 0;
}
.profile-review-stars .review__stars__number__reviews {
  color: #5f5f5f;
}
.profile-review-stars .review__stars {
  display: inline-block;
  white-space: nowrap;
}
.profile-review-stars--home {
  cursor: default;
  display: inline-block;
  pointer-events: none;
}
.profile-review-stars--home:hover {
  text-decoration: none;
}
.profile-header .profile-review-stars--home,
.postcard .profile-review-stars--home {
  color: white;
  cursor: pointer;
  pointer-events: auto;
}
.profile-header .profile-review-stars--home .review__stars__number__reviews,
.postcard .profile-review-stars--home .review__stars__number__reviews {
  color: #5f5f5f;
}
.profile-header .profile-review-stars--home:hover .review__stars__number__reviews,
.postcard .profile-review-stars--home:hover .review__stars__number__reviews {
  text-decoration: underline;
}
.programs-list {
  font-size: 18px;
  line-height: 22px;
}
@media only screen and (min-width: 500px)  {
  .programs-list {
    margin: 15px 0;
  }
}
.programs-list__header {
  line-height: 110%;
  padding-bottom: 12px;
  padding-top: 30px;
}
.programs-list__title {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  color: #53a63a;
  -webkit-box-flex: 1;
      -ms-flex: 1 auto;
          flex: 1 auto;
  font-size: 20px;
  line-height: 24px;
}
@media only screen and (min-width: 500px)  {
  .programs-list__title {
    font-size: 24px;
  }
}
.programs-list-item-program {
  border-bottom: solid #ddd 1px;
  font-size: 16px;
  font-weight: 600;
  line-height: 100%;
  margin-bottom: 3px;
  padding-bottom: 5px;
}
.programs-list-item-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 0;
}
.programs-list-item-row:last-child {
  padding-bottom: 20px;
}
.programs-list-item--bold {
  font-weight: 600;
}
.programs-list-item--fade {
  color: #ababab;
}
.programs-list-item-column--right {
  text-align: right;
}
.programs-list-item-column {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  font-size: 13px;
}
.programs-list-item-column span {
  padding-left: 2px;
}
@media only screen and (min-width: 768px)  {
  .programs-list-item-column {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    font-size: 15px;
  }
  .programs-list-item-column:first-child {
    width: 50%;
  }
  .programs-list-item-column:nth-child(2),
  .programs-list-item-column:nth-child(3) {
    width: 25%;
  }
  .programs-list-item-program {
    font-size: 18px;
  }
}
.rankings-card {
  border: 1px solid #e6e6e6;
  border-radius: 2px;
  overflow: hidden;
}
.platform .rankings-card__button:hover {
  color: #787878;
}
.rankings-card__link {
  display: block;
}
.rankings-card__link:hover {
  text-decoration: none;
}
.platform .rankings-card__link:hover .rankings-card__link__title {
  text-decoration: underline;
}
.rankings-card__link__image {
  background-position: center;
  background-size: cover;
  height: 100px;
  width: 100%;
}
.rankings-card__link__rank {
  color: #464646;
  font-size: 24px;
  padding: 0 15px 10px;
}
.rankings-card__link__rank__number {
  font-weight: 600;
}
.rankings-card__link__rank__number:before {
  content: '#';
  font-size: 18px;
  font-weight: initial;
}
.rankings-card__link__title {
  font-size: 18px;
  line-height: 20px;
  margin: 10px 15px 0;
}
.rankings__collection {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
}
.rankings__collection__item {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  margin: 0;
  padding: 0 0 20px;
  width: 100%;
}
.rankings__collection__link,
.rankings__collection__link:active,
.rankings__collection__link:visited,
.rankings__collection__link:hover {
  text-decoration: none;
}
.rankings__collection__link .rankings__collection__name,
.rankings__collection__link:active .rankings__collection__name,
.rankings__collection__link:visited .rankings__collection__name,
.rankings__collection__link:hover .rankings__collection__name {
  color: #007ac8;
  font-size: 18px;
  line-height: 20px;
  margin: 10px 0 0;
}
.rankings__collection__link .rankings__collection__ranking,
.rankings__collection__link:active .rankings__collection__ranking,
.rankings__collection__link:visited .rankings__collection__ranking,
.rankings__collection__link:hover .rankings__collection__ranking {
  color: #464646;
  font-size: 24px;
  line-height: 1.4;
}
.rankings__collection__link .rankings__collection__ordinal,
.rankings__collection__link:active .rankings__collection__ordinal,
.rankings__collection__link:visited .rankings__collection__ordinal,
.rankings__collection__link:hover .rankings__collection__ordinal {
  font-weight: 600;
}
.rankings__collection__link .rankings__collection__ordinal:before,
.rankings__collection__link:active .rankings__collection__ordinal:before,
.rankings__collection__link:visited .rankings__collection__ordinal:before,
.rankings__collection__link:hover .rankings__collection__ordinal:before {
  content: '#';
  font-size: 16px;
  font-weight: initial;
}
.rankings__collection__link:hover .rankings__collection__name {
  color: #0063a5;
  text-decoration: underline;
}
@media only screen and (min-width: 500px)  {
  .rankings__collection {
    margin: 0 0 0 -15px;
  }
  .rankings__collection__item {
    padding: 0 15px 20px;
    width: 33.333333%;
  }
}
@media only screen and (min-width: 600px)  {
  .rankings__collection {
    margin: 0 0 0 85px;
  }
}
.rankings-expansion__badge-group {
  margin: 0 0 3em;
}
.rankings-expansion__badge-groups__with-ads .rankings-expansion__badge-group {
  margin: 0 0 1.5em;
}
.rankings-expansion__badge-groups__with-ads .ad-spot {
  margin-bottom: 1.5em;
  min-height: 0;
}
@media only screen and (min-width: 840px)  {
  .rankings-expansion__badge-groups__with-ads .ad-spot {
    min-height: 90px;
  }
}
.rankings-expansion__badge-groups__with-ads .ad-spot--mobile {
  min-height: 50px;
}
@media only screen and (min-width: 840px)  {
  .rankings-expansion__badge-groups__with-ads .ad-spot--mobile {
    min-height: 0;
  }
}
@media only screen and (min-width: 400px)  {
  .rankings-expansion__badges {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.rankings-expansion__badge {
  margin: 1em 0 0;
}
@media only screen and (min-width: 400px)  {
  .rankings-expansion__badge {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 calc(50% - 1em);
            flex: 1 0 calc(50% - 1em);
    max-width: calc(50% - 1em);
    margin-left: 1em;
  }
  .rankings-expansion__badge:nth-child(2n + 1) {
    margin-left: 0;
  }
}
@media only screen and (min-width: 768px)  {
  .rankings-expansion__badge {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 calc(33% - 1em);
            flex: 1 0 calc(33% - 1em);
    max-width: calc(33% - 1em);
  }
  .rankings-expansion__badge:nth-child(2n + 1) {
    margin-left: 1em;
  }
  .rankings-expansion__badge:nth-child(3n + 1) {
    margin-left: 0;
  }
}
.review {
  margin: 0 0 25px;
}
@media only screen and (min-width: 630px)  {
  .platform .review .flagging-button {
    opacity: 0;
    -webkit-transition: color 0.2s linear, opacity 0.2s linear;
    transition: color 0.2s linear, opacity 0.2s linear;
    will-change: color, opacity;
  }
}
@media only screen and (min-width: 630px)  {
  .platform .review:hover .flagging-button {
    opacity: 1;
  }
}
.review .review__stars {
  font-size: 18px;
}
.review__footer {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 3px 0 0;
}
.review__footer .flagging-button {
  margin: 0 0 0 10px;
}
@media only screen and (min-width: 500px)  {
  .review__footer .flagging-button {
    margin-top: 3px;
  }
}
.review__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.review-tagline {
  color: #919191;
  font-size: 12px;
  list-style: none;
}
@media only screen and (min-width: 500px)  {
  .review-tagline {
    font-size: 14px;
  }
}
.review-tagline__item {
  display: inline-block;
}
.review-tagline__item:not(:last-child)::after {
  display: inline-block;
  width: 21px;
  text-align: center;
  content: '\B7';
}
.review__text {
  display: block;
  font-size: 16px;
}
.review__text .overflow-text {
  max-height: 110px;
}
.review__text .overflow-text--expanded {
  max-height: 4000px;
}
.review__text .overflow-text--desktop-overflow:not(.overflow-text--expanded),
.review__text .overflow-text--mobile-overflow:not(.overflow-text--expanded) {
  cursor: pointer;
}
.review__text .overflow-text--desktop-overflow:not(.overflow-text--expanded)::after,
.review__text .overflow-text--mobile-overflow:not(.overflow-text--expanded)::after {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(70%, white));
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), white 70%);
  bottom: 0;
  color: #007ac8;
  content: 'More';
  cursor: pointer;
  display: table-cell;
  font-weight: 400;
  height: 25px;
  left: 0;
  padding: 55px 0 0;
  position: absolute;
  right: auto;
  text-align: left;
  width: 100%;
  vertical-align: bottom;
}
.review__text .overflow-text--desktop-overflow:not(.overflow-text--expanded):hover::after,
.review__text .overflow-text--mobile-overflow:not(.overflow-text--expanded):hover::after {
  text-decoration: underline;
}
.review-categories-wrap {
  border: 1px solid #bbb;
  font-size: 16px;
  margin: 30px 0;
}
.review-categories-wrap .review-categories__placeholder {
  color: #919191;
}
.review-categories-wrap::after {
  color: #919191;
}
.review__chart {
  list-style: none;
  margin: 0;
  padding: 0;
}
.review__chart__item {
  background-color: #f6f6f6;
  display: block;
  margin: 0 0 3px;
  position: relative;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.review__chart__item.review__chart__item--no-click {
  pointer-events: none;
}
.review__chart__item.review__chart__item--active,
.review__chart__item:hover {
  background: #e9f7e2;
}
.review__chart__item.review__chart__item--active a,
.review__chart__item:hover a {
  text-decoration: none;
}
.review__chart__item.review__chart__item--active {
  pointer-events: none;
}
.review__chart__item__fill {
  background-color: #c5e4b8;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  z-index: 0;
}
.review__chart__item--active .review__chart__item__fill,
.review__chart__item:hover .review__chart__item__fill {
  background: #a4d394;
}
.review__chart__item--inactive .review__chart__item__fill {
  background: #e6e6e6;
}
.review__chart__item__label {
  color: #464646;
  font-size: 16px;
  line-height: 18px;
  padding: 10px;
  position: relative;
  z-index: 1;
}
.review__chart__item__label .review__stars {
  display: inline-block;
  font-size: 16px;
  padding-right: 5px;
}
.review__chart__item__total {
  color: #464646;
  font-size: 16px;
  font-weight: 600;
  line-height: 18px;
  padding: 10px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.scalar,
.scalar--two {
  position: relative;
  padding-right: 50px;
}
.scalar .profile__data__unavailable {
  color: #919191;
  font-size: 42px;
  line-height: 44px;
}
.scalar--two .profile__data__unavailable--dash,
.scalar--three .profile__data__unavailable--dash {
  color: #919191;
  font-size: 14px;
  line-height: 18px;
}
.scalar__label {
  font-size: 18px;
  line-height: 20px;
}
.scalar__national__label {
  display: block;
  font-size: 13px;
  font-weight: 400;
  line-height: 12px;
}
.scalar__national__value {
  bottom: 3px;
  color: #919191;
  font-size: 18px;
  font-weight: 400;
  line-height: 20px;
  position: absolute;
  right: 0;
  text-align: right;
}
.scalar__value {
  font-size: 42px;
  line-height: 44px;
}
.scalar__value__suffix {
  display: inline-block;
  font-size: 16px;
  line-height: 18px;
  margin-left: 2px;
}
.scalar-response-count {
  color: #919191;
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
}
/* TWO modifier */
.scalar--two .scalar__value {
  font-size: 18px;
  line-height: 20px;
  font-weight: 600;
  word-wrap: break-word;
}
.scalar--two .profile__data__unavailable {
  font-size: 18px;
  font-weight: 400;
  line-height: 20px;
}
/* THREE modifier */
.profile__bucket .scalar--three:first-child {
  margin-top: 0;
}
.scalar--three {
  border-top: 1px solid #ddd;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  position: relative;
  border-bottom: 1px solid #ddd;
}
.scalar--three .profile__data__unavailable {
  -webkit-box-flex: 1;
      -ms-flex: 1 auto;
          flex: 1 auto;
  font-size: 16px;
  line-height: 18px;
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 auto;
          flex: 0 auto;
  font-size: 18px;
  font-weight: 400;
  line-height: 20px;
  margin: 0 0 0 10px;
  min-width: 143px;
  /* Align all data not available messages */
  padding: 10px 0;
  text-align: right;
  z-index: 0;
}
.scalar--three .scalar__label {
  -webkit-box-flex: 1;
      -ms-flex: 1 auto;
          flex: 1 auto;
  font-size: 16px;
  line-height: 18px;
  padding: 10px 0;
  position: relative;
  font-size: 18px;
  line-height: 20px;
}
.scalar--three .scalar__national__label {
  display: none;
}
.scalar--three .scalar__national__value {
  display: block;
  font-size: 13px;
  font-weight: 400;
  line-height: 14px;
  margin: 3px 0 0;
  position: static;
  text-align: right;
  white-space: nowrap;
}
.scalar--three .scalar__national__value::before {
  content: 'Natl. ';
  display: inline-block;
  font-size: 12px;
  margin: 0 2px 0 0;
}
.scalar--three .scalar__value {
  -webkit-box-flex: 0;
      -ms-flex: 0 auto;
          flex: 0 auto;
  font-size: 16px;
  font-weight: 600;
  line-height: 18px;
  margin: 0 0 0 20px;
  min-width: -webkit-min-content;
  min-width: -moz-min-content;
  min-width: min-content;
  padding: 10px 0;
  position: relative;
  text-align: right;
  z-index: 1;
  font-size: 18px;
  line-height: 20px;
  z-index: 0;
  /* Prevent tooltip from overlapping */
}
.scalar--three .scalar__value__suffix {
  font-size: 12px;
  line-height: 12px;
  margin-left: 2px;
}
.scalar--three + .scalar--three {
  border-top: 0;
  margin-top: 0;
}
.scalar--one + .scalar--two,
.scalar--one + .scalar--three,
.scalar--two + .scalar--two,
.scalar--two + .scalar--three,
.scalar--three + .scalar--two {
  margin-top: 20px;
}
@media only screen and (min-width: 500px)  {
  .scalar,
  .scalar--two {
    padding-right: 0;
  }
  .scalar__national__label {
    display: inline-block;
    font-size: 14px;
    margin: 0 3px 0 0;
  }
  .scalar__national__value {
    font-size: 14px;
    margin-top: 0;
    position: static;
    text-align: left;
  }
}
.profile__search-results__search-link {
  margin-top: 15px;
  text-decoration: none;
}
.profile__search-results__search-link :hover {
  text-decoration: none;
}
.platform .profile__search-results__search-link:hover .profile__search-results__search-link__text {
  text-decoration: underline;
}
.icon-arrowright-thin--search-results {
  display: inline;
  position: relative;
  top: 2px;
}
.search-tags__label {
  font-size: 18px;
}
.search-tags__wrap {
  margin-bottom: 22px;
  max-width: 800px;
}
.search-tags__wrap__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.search-tags__wrap__list__tag {
  background: white;
  padding: 2px 8px;
  margin-right: 10px;
  border: 1px solid #ddd;
  border-radius: 2px;
  margin-top: 7px;
}
.search-tags__wrap__list__tag__a {
  font-weight: 600;
  text-decoration: none;
}
.search-tags__wrap__list__tag__a:hover {
  text-decoration: none;
}
.sherlock-navigation {
  background-color: #fafafa;
  padding: 15px;
}
.sherlock-navigation__label {
  font-size: 18px;
  line-height: 20px;
}
.sherlock-navigation [class*='sherlock__wrapper'] {
  margin: 5px 0 0;
  padding: 0;
}
.sherlock-navigation .sherlock,
.sherlock-navigation .sherlock--success,
.sherlock-navigation .sherlock--error,
.sherlock-navigation .sherlock--search-filter,
.sherlock-navigation .sherlock--sherlock-list {
  -webkit-box-shadow: none;
          box-shadow: none;
  font-size: 18px;
  height: 47px;
  line-height: 20px;
  padding: 0 10px;
}
.sherlock-navigation .sherlock__results {
  left: 0;
  top: 46px;
}
.sherlock-navigation .icon-search-thin--sherlock,
.sherlock-navigation .icon-search-thin--sherlock--search-filter {
  color: #53a63a;
  font-size: 24px;
  right: 10px;
  top: 2px;
}
.similar-entities__title {
  font-size: 20px;
  line-height: 1em;
}
.similar-entities {
  padding: 10px 0 5px;
}
@media only screen and (min-width: 600px)  {
  .similar-entities {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 15px 0 0;
  }
}
.similar-entities .similar-entity {
  padding-bottom: 10px;
}
.similar-entities .similar-entity:nth-child(n + 5) {
  opacity: 0;
  -webkit-animation: fadeInDown ease-in 1;
          animation: fadeInDown ease-in 1;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
}
@media only screen and (min-width: 600px)  {
  .similar-entities .similar-entity {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    padding: 0 10px 15px 0;
    width: 40%;
  }
}
@media only screen and (min-width: 768px)  {
  .similar-entities .similar-entity {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    padding-right: 5px;
    width: 50%;
  }
}
.similar-entities-wrap {
  margin-bottom: -15px;
}
.similar-entities-wrap .show-more {
  font-size: 14px;
  color: #007ac8;
}
.similar-entities-wrap .show-more .more-text {
  margin-left: 0.5ch;
}
.similar-entities-wrap .show-more .niche-icon-wrap {
  position: relative;
}
.similar-entities-wrap .show-more svg {
  height: 1em;
  width: 1em;
  bottom: -0.125em;
  position: absolute;
}
.similar-entities-wrap .show-more path {
  fill: currentColor;
}
.rankings-statement__link {
  color: white;
}
.rankings-statement__link:hover {
  color: white;
}
.text-cta {
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  padding: 10px 0;
}
.text-cta__link {
  font-size: 18px;
  font-weight: 600;
}
.scalar--three + .text-cta,
.text-cta + .text-cta {
  border-top: 0;
}
.breakdown--bar_chart + .text-cta,
.scalar + .text-cta {
  margin-top: 20px;
}
.profile-thin-page p:last-of-type {
  margin: 0;
}
.profile__website {
  border-top: 1px solid #ddd;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  position: relative;
  border-bottom: 1px solid #ddd;
}
.profile__website .profile__data__unavailable {
  -webkit-box-flex: 1;
      -ms-flex: 1 auto;
          flex: 1 auto;
  font-size: 16px;
  line-height: 18px;
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 auto;
          flex: 0 auto;
  font-size: 18px;
  font-weight: 400;
  line-height: 20px;
  margin: 0 0 0 10px;
  min-width: 138px;
  /* Align all data not available messages */
  padding: 10px 0;
  text-align: right;
  z-index: 0;
}
.profile__website__label {
  -webkit-box-flex: 1;
      -ms-flex: 1 auto;
          flex: 1 auto;
  font-size: 16px;
  line-height: 18px;
  padding: 10px 0;
  position: relative;
  font-size: 18px;
  min-width: -webkit-min-content;
  /* Safari 8 Fix */
}
.profile__website__url {
  -webkit-box-flex: 0;
      -ms-flex: 0 auto;
          flex: 0 auto;
  font-size: 16px;
  font-weight: 600;
  line-height: 18px;
  margin: 0 0 0 20px;
  min-width: -webkit-min-content;
  min-width: -moz-min-content;
  min-width: min-content;
  padding: 10px 0;
  position: relative;
  text-align: right;
  z-index: 1;
  color: #007ac8;
  font-size: 18px;
  min-width: 0;
  overflow: hidden;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.profile__website__link,
.profile__website__link:visited,
.profile__website__link:active {
  color: #007ac8;
  text-decoration: none;
}
.profile__website__link:hover,
.profile__website__link:visited:hover,
.profile__website__link:active:hover {
  text-decoration: underline;
}
.profile__website__url .profile__data__unavailable {
  font-size: 16px;
}
/* If next to a scalar with modifier three, don't show
   the top border */
.scalar--three + .profile__website {
  border-top: 0;
}
/* ---- Rankings ---- */
.silo {
  width: 100%;
}
.silo-body {
  background: #eee;
  padding: 5px 5px 25px;
}
@media only screen and (min-width: 500px)  {
  .silo-body {
    padding: 20px 15px 30px;
  }
}
.icon-arrowright-thin--silo {
  display: inline-block;
  margin: 0 0 0 3px;
  position: relative;
  top: 2px;
}
.silo-callouts,
.silo-callouts--ranking-expansion {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 20px auto 0;
  max-width: 800px;
}
@media only screen and (min-width: 500px)  {
  .silo-callouts,
  .silo-callouts--ranking-expansion {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    margin: 30px auto 0;
  }
}
.silo-callouts__vertical {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #53a63a;
  border-radius: 2px;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 auto;
          flex: 1 auto;
  padding: 15px;
  width: 100%;
}
@media only screen and (min-width: 500px)  {
  .silo-callouts__vertical {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    width: auto;
  }
}
.silo-callouts__vertical + .silo-callouts__vertical {
  margin: 20px 0 0;
}
@media only screen and (min-width: 500px)  {
  .silo-callouts__vertical + .silo-callouts__vertical {
    margin: 0 0 0 20px;
  }
}
.silo-callouts__vertical .icon-arrowright-thin--silo {
  color: white;
  display: inline;
  float: none;
  font-size: 16px;
  position: relative;
  top: 2px;
}
.silo-callouts__vertical [class^='rankings-badge'] {
  font-size: 20px;
  margin: 0 10px 0 0;
}
.silo-callouts__vertical__link,
.silo-callouts__vertical__link:hover {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 18px;
  line-height: 20px;
  text-decoration: none;
}
.silo-callouts__vertical__link__label {
  display: inline;
}
.platform .silo-callouts__vertical__link:hover .silo-callouts__vertical__link__label {
  text-decoration: underline;
}
.silo-callouts--ranking-expansion {
  background-color: #53a63a;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  max-width: 840px;
  margin: 20px -15px 0;
  padding: 30px 15px;
}
@media only screen and (min-width: 500px)  {
  .silo-callouts--ranking-expansion {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 20px -30px 0;
    padding: 15px;
  }
}
@media only screen and (min-width: 768px)  {
  .silo-callouts--ranking-expansion {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    margin: 20px auto 0;
    padding: 15px 0;
  }
}
.silo-callouts--ranking-expansion .silo-callouts__vertical {
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 0;
}
@media only screen and (min-width: 500px)  {
  .silo-callouts--ranking-expansion .silo-callouts__vertical {
    -webkit-box-flex: 1;
        -ms-flex: 1 auto;
            flex: 1 auto;
    margin: 0 0 15px;
    width: 100%;
  }
  .silo-callouts--ranking-expansion .silo-callouts__vertical:last-of-type {
    margin: 0;
  }
}
@media only screen and (min-width: 768px)  {
  .silo-callouts--ranking-expansion .silo-callouts__vertical {
    margin: 0;
    padding: 0 15px;
    width: 33.3333333%;
  }
}
.silo-header {
  position: relative;
}
.silo-header::before {
  background: #7cbc67 url(../../static/niche-bg-pattern-lighter.png) repeat;
  background-size: 96px 48px;
  content: '';
  height: 100px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
}
@media only screen and (min-width: 768px)  {
  .silo-header::before {
    height: 130px;
  }
}
.silo-header__description {
  font-size: 15px;
  line-height: 18px;
  padding: 15px;
}
@media only screen and (min-width: 500px)  {
  .silo-header__description {
    padding: 15px 15px 15px 120px;
  }
}
@media only screen and (min-width: 768px)  {
  .silo-header__description {
    font-size: 16px;
    margin: 0 auto;
    max-width: 860px;
    padding: 20px 15px 30px 170px;
  }
}
.silo-header-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100px;
  margin: 0 auto;
  max-width: 860px;
  padding: 0 15px 0 100px;
  position: relative;
  width: 100%;
  z-index: 1;
}
@media only screen and (min-width: 500px)  {
  .silo-header-title {
    padding: 0 15px 0 120px;
  }
}
@media only screen and (min-width: 768px)  {
  .silo-header-title {
    height: 130px;
    padding: 0 30px 0 170px;
  }
}
.silo-header-title [class^='rankings-badge'] {
  font-size: 1.5em;
  left: 10px;
  position: absolute;
  top: 17px;
}
@media only screen and (min-width: 500px)  {
  .silo-header-title [class^='rankings-badge'] {
    font-size: 1.7em;
    left: 24px;
    top: 28px;
  }
}
@media only screen and (min-width: 768px)  {
  .silo-header-title [class^='rankings-badge'] {
    font-size: 2.3em;
    left: 23px;
    top: 33px;
  }
}
.silo-header-title__heading {
  -ms-flex-item-align: end;
      align-self: flex-end;
  color: #fff;
  font-size: 26px;
  line-height: 28px;
  padding: 0 0 15px;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}
@media only screen and (min-width: 500px)  {
  .silo-header-title__heading {
    font-size: 32px;
    line-height: 32px;
    padding: 30px 0 15px;
  }
}
@media only screen and (min-width: 768px)  {
  .silo-header-title__heading {
    font-size: 40px;
    line-height: 43px;
    padding: 40px 0 15px;
  }
}
.silo-ranking {
  margin: 10px auto 20px;
}
.silo-ranking > .card {
  margin-bottom: 0;
  margin-top: 0;
}
.silo-ranking__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  line-height: 1;
  padding: 0 15px 30px;
}
@media only screen and (min-width: 500px)  {
  .silo-ranking__content {
    padding: 0 30px 30px;
  }
}
.silo-ranking-header {
  padding: 0 15px;
}
@media only screen and (min-width: 500px)  {
  .silo-ranking-header {
    padding: 0 30px;
  }
}
@media only screen and (min-width: 600px)  {
  .silo-ranking-header {
    min-height: 160px;
    padding: 60px 0 0 30px;
  }
}
.silo-ranking--highlighted .silo-ranking-header {
  background: linear-gradient(to bottom, #9eddf8 108px, white 38%);
}
@media only screen and (min-width: 600px)  {
  .silo-ranking--highlighted .silo-ranking-header {
    background: linear-gradient(to bottom, #9eddf8 108px, white 45%);
  }
}
.silo-ranking-header__description {
  color: #5f5f5f;
  font-size: 14px;
  line-height: 18px;
  margin: 0 0 5px;
}
@media only screen and (min-width: 500px)  {
  .silo-ranking-header__description {
    font-size: 16px;
    line-height: 20px;
  }
}
@media only screen and (min-width: 600px)  {
  .silo-ranking-header__description {
    padding: 0 320px 0 0;
  }
}
.silo-ranking-header__illustration {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 160px;
  margin: 0 auto;
  width: auto;
}
@media only screen and (min-width: 600px)  {
  .silo-ranking-header__illustration {
    position: absolute;
    right: 0;
    top: 5px;
    width: 320px;
    z-index: 0;
  }
}
.silo-ranking-header__title {
  font-size: 30px;
  line-height: 1;
  padding: 15px 0 10px;
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 500px)  {
  .silo-ranking-header__title {
    font-size: 32px;
    padding: 20px 0 15px;
  }
}
@media only screen and (min-width: 600px)  {
  .silo-ranking-header__title {
    padding: 0 0 15px;
  }
}
@media only screen and (min-width: 600px)  {
  .silo-ranking--highlighted .silo-ranking-header__title {
    padding: 0 0 30px;
  }
}
.silo-ranking-section {
  -ms-flex-line-pack: start;
      align-content: flex-start;
  -webkit-box-flex: 1;
      -ms-flex: 1 auto;
          flex: 1 auto;
  width: 100%;
}
@media only screen and (min-width: 500px)  {
  .silo-ranking-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 0 15px 0 0;
    width: auto;
  }
}
@media only screen and (min-width: 500px)  {
  .silo-ranking-section--full-width {
    -webkit-box-flex: 1;
        -ms-flex: 1 auto;
            flex: 1 auto;
    width: 100%;
  }
}
.silo-ranking-section__content {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 100%;
          flex: 1 0 100%;
  padding: 15px 0 0;
}
@media only screen and (min-width: 500px)  {
  .silo-ranking-section--dual-column .silo-ranking-section__content {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 50%;
            flex: 1 0 50%;
  }
}
.silo-ranking-section--dual-column .silo-ranking-section__content.silo-ranking-section__content--full-width {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 100%;
          flex: 1 0 100%;
}
.silo-ranking-toggle-button {
  margin: 15px 0 0;
}
@media only screen and (min-width: 500px)  {
  .silo-ranking-toggle-button {
    margin: 30px 0 0;
  }
}
.silo-ranking-section__toggle-button-wrapper {
  width: 100%;
}
.silo-scroll-buttons {
  margin: 0 auto;
  max-width: 860px;
  padding: 0 15px 15px;
}
@media only screen and (min-width: 500px)  {
  .silo-scroll-buttons {
    padding: 0 30px 15px;
  }
}
.silo-scroll-buttons__button {
  margin: 0 8px 5px 0;
}
.platform--touch .silo-scroll-buttons__button.button.button--outline.button--green:hover {
  color: white;
}
.platform--touch .silo-ranking-toggle-button.button.button--outline:hover {
  color: white;
}
.silo-ranking-link {
  font-size: 18px;
  line-height: 20px;
}
@media only screen and (min-width: 500px)  {
  .silo-ranking-link {
    font-size: 20px;
  }
}
.silo-ranking-section--shrink-text .silo-ranking-link,
.silo-ranking-section__content--shrink-text .silo-ranking-link {
  font-size: 16px;
  line-height: 18px;
}
.silo-ranking-emphasized-link {
  font-size: 18px;
  line-height: 20px;
  font-weight: 600;
}
.silo-ranking-emphasized-link:hover {
  text-decoration: none;
}
.silo-ranking-emphasized-link:hover > .silo-ranking-emphasized-link__text {
  text-decoration: underline;
}
@media only screen and (min-width: 500px)  {
  .silo-ranking-emphasized-link {
    font-size: 20px;
  }
}
.silo-ranking-section--shrink-text .silo-ranking-emphasized-link,
.silo-ranking-section__content--shrink-text .silo-ranking-emphasized-link {
  font-size: 16px;
  line-height: 18px;
}
.icon-arrowright-thin--silo-emphasized-link {
  position: relative;
  top: 2px;
}
.silo-ranking-subtitle {
  font-size: 16px;
  font-weight: 600;
  line-height: 16px;
  text-transform: uppercase;
}
.silo-ranking-text {
  color: #919191;
  font-size: 18px;
  line-height: 20px;
}
@media only screen and (min-width: 500px)  {
  .silo-ranking-text {
    font-size: 20px;
  }
}
.silo-ranking-section--shrink-text .silo-ranking-text,
.silo-ranking-section__content--shrink-text .silo-ranking-text {
  font-size: 16px;
  line-height: 18px;
}
.ranking-chip {
  background: white;
  margin-bottom: 10px;
  border-radius: 2px;
  overflow: hidden;
}
@media only screen and (min-width: 650px)  {
  .ranking-chip {
    margin-right: 10px;
  }
}
.ranking-chip__link {
  color: #464646;
}
.ranking-chip__link:hover,
.ranking-chip__link:focus {
  color: #464646;
}
.ranking-chip__image {
  width: 100%;
}
.ranking-chip__title {
  color: #464646;
  font-size: 18px;
  line-height: 20px;
  padding: 5px 15px 10px;
}
/* ---- Scatterplots ---- */
/* dev */
/* general */
.scatterplot {
  background: white;
  border-radius: 2px;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1), 0 0 2px rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1), 0 0 2px rgba(0, 0, 0, 0.1);
  display: block;
  max-width: 800px;
  position: relative;
}
.scatterplot__subtitle {
  color: #464646;
  display: block;
  font-size: 20px;
  line-height: 1.2em;
  margin: 0 15px 5px;
}
.scatterplot__body {
  display: block;
  min-height: 360px;
  position: relative;
}
@media only screen and (min-width: 768px)  {
  .scatterplot__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 15px 40px;
  }
}
.scatterplot-filters {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  padding: 0 15px;
}
@media only screen and (min-width: 500px)  {
  .scatterplot-filters {
    padding: 0 30px;
  }
}
@media only screen and (min-width: 768px)  {
  .scatterplot-filters {
    max-width: 215px;
    min-width: 215px;
    padding: 0 10px 0 15px;
  }
}
.scatterplot-filters__filter-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0.25em 0;
}
@media only screen and (max-width: 767px)  {
  .scatterplot-filters__filter-group {
    margin: 0.25em 0 0.75em;
  }
}
@media only screen and (min-width: 768px)  {
  .scatterplot-filters__filter-group {
    display: block;
  }
}
/*
    Any filter preceded by another filter should have
    a margin to provide space between them
*/
.scatterplot-filters__filter-group > * + * {
  margin-left: 1em;
  /*
        Any filter preceded by another filter should not have
        a margin on desktop since they are left aligned
    */
}
@media only screen and (min-width: 768px)  {
  .scatterplot-filters__filter-group > * + * {
    margin-left: 0;
  }
}
.scatterplot-filters__checkbox-wrapper {
  display: inline-block;
  font-size: 13px;
  margin-top: 5px;
  overflow: hidden;
}
@media only screen and (min-width: 768px)  {
  .scatterplot-filters__checkbox-wrapper {
    display: block;
  }
}
.scatterplot-filters__select-wrapper {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  font-size: 14px;
  overflow: hidden;
}
@media only screen and (min-width: 768px)  {
  .scatterplot-filters__select-wrapper {
    margin: 10px 0;
  }
}
.scatterplot-filters__checkbox-wrapper.input-is-focused,
.scatterplot-filters__select-wrapper.input-is-focused {
  outline: 2px dotted #f2d454;
  outline-offset: 2px;
}
.scatterplot-chart {
  -webkit-box-flex: 3;
      -ms-flex: 3 0 0px;
          flex: 3 0 0;
  padding-top: 10px;
  position: relative;
  overflow: auto;
}
.scatterplot-chart__canvas {
  height: 250px;
  padding: 0 15px;
  width: 335px;
  max-width: 100%;
  min-width: 100%;
}
.scatterplot__disclaimer {
  font-size: 12px;
  color: #787878;
  text-align: right;
  padding: 0 15px;
  margin-bottom: 0.5em;
}
.scatterplot__disclaimer .tooltip {
  display: inline;
}
.scatterplot__disclaimer .icon-question-thin--tooltip {
  font-size: 12px;
}
.scatterplot__disclaimer .tooltip-message {
  bottom: 21px;
  display: inline;
  left: auto;
  right: 0;
  top: auto;
}
@media only screen and (min-width: 500px)  {
  .scatterplot-chart__canvas {
    padding: 0 30px;
  }
  .scatterplot__disclaimer {
    padding: 0 30px;
  }
}
@media only screen and (min-width: 768px)  {
  .scatterplot-chart__canvas {
    padding: 0 15px 0 10px;
    height: 350px;
    width: 540px;
  }
  .scatterplot__disclaimer {
    margin-bottom: 0;
    padding: 0 15px 0 10px;
  }
}
/* containers */
.scatterplot-calculator-wrapper {
  background: #ccf1e4;
  padding: 16px 0 62px;
  /* margin: 0 -30px; /* TODO: get rid of .content { padding-left: 30px; padding-right: 30px; } */
}
@media only screen and (min-width: 768px)  {
  .scatterplot-calculator {
    max-width: 800px;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 1024px)  {
  .scatterplot-calculator {
    padding-left: 0;
    padding-right: 0;
  }
}
.scatterplot-calculator__header {
  padding: 2em 15px 0;
  text-align: center;
}
.scatterplot-calculator__title {
  font-size: 32px;
  line-height: 1.1;
}
@media only screen and (min-width: 768px)  {
  .scatterplot-calculator__title {
    font-size: 38px;
  }
}
.scatterplot-calculator__description {
  margin: 5px 0 10px;
  opacity: 0.8;
}
@media only screen and (min-width: 768px)  {
  .scatterplot-calculator__description {
    max-width: 650px;
    margin: 1em auto;
    font-size: 18px;
  }
}
@media only screen and (min-width: 768px)  {
  .scatterplot-calculator__link {
    font-size: 18px;
  }
}
.scatterplot-calculator__illustration {
  background: url(https://d33a4decm84gsn.cloudfront.net/static/scatterplots/admissions-calculator.svg) no-repeat bottom center;
  background-size: 610px;
  height: 80px;
  margin: 0 -15px;
  position: relative;
}
@media only screen and (min-width: 768px)  {
  .scatterplot-calculator__illustration {
    background-size: 700px;
  }
}
.scatterplot-calculator__illustration span {
  -webkit-animation: appear 0.6s;
          animation: appear 0.6s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  /* has to come after 'animation' */
  background-image: url(https://d33a4decm84gsn.cloudfront.net/static/scatterplots/admissions-calculator-check.svg);
  background-size: cover;
  /* has to come after 'background-image' */
  border-radius: 50%;
  bottom: 40px;
  height: 20px;
  left: 50%;
  position: absolute;
  -webkit-transform: scale(0);
          transform: scale(0);
  width: 20px;
}
.scatterplot-calculator__illustration span:nth-child(1) {
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
  margin-left: -99px;
}
@media only screen and (min-width: 768px)  {
  .scatterplot-calculator__illustration span:nth-child(1) {
    margin-left: -110px;
  }
}
.scatterplot-calculator__illustration span:nth-child(2) {
  margin-left: -42px;
  -webkit-animation-delay: 1.8s;
          animation-delay: 1.8s;
}
@media only screen and (min-width: 768px)  {
  .scatterplot-calculator__illustration span:nth-child(2) {
    margin-left: -46px;
  }
}
.scatterplot-calculator__illustration span:nth-child(3) {
  margin-left: 20px;
  -webkit-animation-delay: 2.4s;
          animation-delay: 2.4s;
}
@media only screen and (min-width: 768px)  {
  .scatterplot-calculator__illustration span:nth-child(3) {
    margin-left: 24px;
  }
}
.scatterplot-calculator__illustration span:nth-child(4) {
  margin-left: 78px;
  -webkit-animation-delay: 3s;
          animation-delay: 3s;
}
@media only screen and (min-width: 768px)  {
  .scatterplot-calculator__illustration span:nth-child(4) {
    margin-left: 90px;
  }
}
.scatterplot-calculator__footer {
  font-size: 12px;
  line-height: 14px;
  opacity: 0.7;
  padding: 16px 15px 32px;
}
@media only screen and (min-width: 1024px)  {
  .scatterplot-calculator__footer {
    padding: 16px 0 24px;
  }
}
@-webkit-keyframes appear {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  40% {
    -webkit-transform: scale(0.2);
            transform: scale(0.2);
  }
  60% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
  }
  85% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes appear {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  40% {
    -webkit-transform: scale(0.2);
            transform: scale(0.2);
  }
  60% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
  }
  85% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.scatterplot__entity-info {
  background: #7ac78d;
  border-radius: 2px 2px 0 0;
  padding: 1em 15px;
}
@media only screen and (min-width: 500px)  {
  .scatterplot__entity-info {
    padding: 1em 30px;
  }
}
@media only screen and (min-width: 768px)  {
  .scatterplot__entity-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.scatterplot__header--calculator {
  padding: 0;
  overflow: auto;
}
.scatterplot__header--calculator .scatterplot__title {
  font-size: 21.6px;
  /* 1.35em */
  font-weight: 400;
  color: white;
  text-shadow: 0 1px 3px #4ea361;
}
@media only screen and (min-width: 768px)  {
  .scatterplot__header--calculator .scatterplot__title {
    font-size: 24px;
    /* 1.5em */
    line-height: 1.1;
    padding-top: 4px;
  }
}
.scatterplot__header--calculator .scatterplot__subtitle {
  margin-top: 24px;
}
@media only screen and (min-width: 768px)  {
  .scatterplot__header--calculator .scatterplot__subtitle {
    margin: 24px 30px 5px;
  }
}
.scatterplot__entity-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0.25em 0 0;
  /*
    .platform & .button.button--atl-added:hover,
    .platform--touch & .button.button--atl-added:hover {
        background-color: transparent;
        box-shadow: inset 0 0 0 1px @rgba-light-25;
    }
    */
}
.scatterplot__entity-actions > li {
  margin-left: 0.25em;
}
.scatterplot__entity-actions > li:first-of-type {
  margin-left: 0;
}
.scatterplot__entity-actions button {
  height: 100%;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
@media only screen and (min-width: 768px)  {
  .scatterplot__entity-actions {
    margin: 0;
  }
}
.scatterplot__entity-actions .button--padding-tweaked {
  padding: 0.58em 1em 0.77em;
}
.scatterplot__select-an-entity {
  background-color: white;
  border-radius: 2px;
  border: 1px solid #ddd;
  color: #007ac8;
  cursor: text;
  display: inline-block;
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
  padding: 2px 6px;
  -webkit-transition: unset;
  transition: unset;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  white-space: nowrap;
  /* .platform .scatterplot__select-an-entity:hover */
  /* .scatterplot__select-an-entity .icon-search-thin */
}
.platform .scatterplot__select-an-entity:hover,
.platform--touch .scatterplot__select-an-entity:hover {
  background-color: white;
  border: 1px solid #ddd;
  color: #0063a5;
}
.scatterplot__select-an-entity .icon-search-thin,
.scatterplot__select-an-entity .icon-search-thin--sherlock,
.scatterplot__select-an-entity .icon-search-thin--sherlock--panel,
.scatterplot__select-an-entity .icon-search-thin--entity-list,
.scatterplot__select-an-entity .icon-search-thin--sherlock--search-filter {
  font-size: 16px;
  color: #8ec8ef;
  margin-left: 3px;
}
.scatterplot__overlay {
  background: rgba(127, 189, 172, 0.85);
  bottom: 0;
  left: 0;
  padding: 16px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  z-index: 101;
}
.scatterplot__overlay .sherlock__wrapper,
.scatterplot__overlay .sherlock__wrapper--results-visible,
.scatterplot__overlay .sherlock__wrapper--sherlock-list,
.scatterplot__overlay .sherlock__wrapper--sherlock-list--results-visible {
  margin: 0;
  padding-left: 0;
}
.scatterplot__overlay .sherlock__results {
  left: 0;
  text-align: left;
}
.scatterplot__overlay .sherlock,
.scatterplot__overlay .sherlock--success,
.scatterplot__overlay .sherlock--error,
.scatterplot__overlay .sherlock--search-filter,
.scatterplot__overlay .sherlock--sherlock-list {
  border: 0;
  height: 45px;
  font: 400 18px 'Source Sans Pro';
}
.scatterplot__overlay .icon-search-thin--sherlock,
.scatterplot__overlay .icon-search-thin--sherlock--search-filter {
  right: 10px;
  color: #53a63a;
}
.scatterplot__overlay-close-button {
  background: rgba(255, 255, 255, 0.25);
  font-size: 14px;
  margin: 1em auto 0;
}
.platform .scatterplot__overlay-close-button:hover,
.platform--touch .scatterplot__overlay-close-button:hover {
  background: rgba(255, 255, 255, 0.5);
}
@media only screen and (min-width: 500px)  {
  .scatterplot__overlay-close-button {
    font-size: 16px;
  }
}
.scatterplot__overlay--empty-list-box {
  border: 1px solid rgba(255, 255, 255, 0.3);
  margin: 1em 0 0;
  border-radius: 2px;
  padding: 2em;
  text-align: center;
  color: white;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  font-size: 18px;
}
.scatterplot__overlay--empty-list-box em {
  font-weight: 600;
}
.scatterplot__overlay--text::before {
  content: '\E619';
  font-family: 'Niche-Interface-Symbols';
  position: relative;
  top: 2px;
}
/*
::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}
::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0,0,0,.5);
    box-shadow: 0 0 1px rgba(255,255,255,.5);
}
*/
.scatterplot-calculator__backpack {
  background-color: white;
  border-radius: 2px;
  margin: 1em 0;
  text-align: left;
}
.scatterplot-calculator__backpack-header-wrapper {
  border-bottom: 1px solid #e6e6e6;
  color: #787878;
  font-size: 14px;
  padding: 10px 15px 5px;
}
.scatterplot-calculator__backpack-header-wrapper > p {
  margin: 0;
}
.scatterplot-calculator__backpack-header-your-list {
  color: #53a63a;
  font-weight: 600;
}
.scatterplot-calculator__backpack-header-your-list:before {
  content: '\E619';
  font-family: 'Niche-Interface-Symbols';
  position: relative;
  top: 2px;
}
.scatterplot-calculator__backpack-items {
  max-height: 13.5em;
  overflow-y: scroll;
  padding: 5px 0 10px;
}
@media only screen and (min-width: 768px)  {
  .scatterplot-calculator__backpack-items {
    max-height: 15.5em;
  }
}
.scatterplot-calculator__backpack-item-button {
  background-color: white;
  color: #464646;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  padding: 5px 15px;
  -webkit-transition: none;
  transition: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.platform .scatterplot-calculator__backpack-item-button:focus,
.platform--touch .scatterplot-calculator__backpack-item-button:focus,
.platform .scatterplot-calculator__backpack-item-button:hover,
.platform--touch .scatterplot-calculator__backpack-item-button:hover {
  background-color: #007ac8;
  border-radius: 0;
  color: white;
  outline: none;
}
.calculator-footer {
  margin: 0 auto;
  padding: 1em 15px;
}
@media only screen and (min-width: 768px)  {
  .calculator-footer {
    max-width: 800px;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 1024px)  {
  .calculator-footer {
    padding-left: 0;
    padding-right: 0;
  }
}
.calculator-footer__chances {
  font-size: 32px;
  line-height: 33px;
  margin-top: 32px;
  margin-bottom: 32px;
}
.calculator__paragraph {
  font-size: 18px;
  line-height: 28px;
  margin-top: 18px;
  margin-bottom: 18px;
}
.calculator-footer__question {
  font-size: 24px;
  line-height: 28px;
  margin-top: 24px;
  margin-bottom: 24px;
}
.most-popular {
  font-size: 32px;
  line-height: 33px;
  margin-top: 32px;
  margin-bottom: 32px;
}
.popular-charts {
  font-size: 14px;
  line-height: 15px;
  margin-top: 15px;
}
.popular-charts > .popular-charts-group--minified,
.popular-charts > .popular-charts-group--expanded {
  width: 100%;
}
.popular-charts > .popular-charts-group--minified {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.popular-charts > .popular-charts-group--minified > ul:last-of-type {
  display: none;
}
@media only screen and (min-width: 768px)  {
  .popular-charts > .popular-charts-group--minified > ul:last-of-type {
    display: block;
  }
}
@media only screen and (min-width: 1024px)  {
  .popular-charts > .popular-charts-group--minified {
    display: none;
  }
}
.popular-charts > .popular-charts-group--expanded {
  display: none;
}
@media only screen and (min-width: 1024px)  {
  .popular-charts > .popular-charts-group--expanded {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.popular-charts.show-more > .popular-charts-group--minified {
  display: none;
}
.popular-charts.show-more > .popular-charts-group--expanded {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (min-width: 1024px)  {
  .popular-charts {
    white-space: nowrap;
  }
}
.popular-charts-column {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 50%;
          flex: 1 0 50%;
}
.popular-charts-group--expanded > .popular-charts-column.full-width {
  display: none;
}
@media only screen and (min-width: 768px)  {
  .popular-charts-column {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 33%;
            flex: 1 0 33%;
  }
  .popular-charts-group--expanded > .popular-charts-column {
    display: none;
  }
  .popular-charts-group--expanded > .popular-charts-column.full-width {
    display: block;
  }
}
/* stylelint-disable */
/* 
.popular-charts-column {
    flex: 1 0 50%;

    &.full-width {
        display: none;
    }

    @media @desktop {
        display: none;
        flex: 1 0 50%;

        &.full-width {
            display: block;
        }
    }
}
*/
/*
.popular-charts-column.popular-charts-group--minified {
    flex: 1 0 50%;

    & + .popular-charts-column.popular-charts-group--minified + .popular-charts-column.popular-charts-group--minified {
        display: none;
    }

    .popular-charts.show-more > & {
        display: none;
    }

    @media @breakpoint1024 {
        flex: 1 0 50%;

        & + .popular-charts-column.popular-charts-group--minified + .popular-charts-column.popular-charts-group--minified {
            display: block;
        }
    }
}

.popular-charts-column {
    flex: 1 0 50%;
    display: none;

    .popular-charts.show-more > & {
        display: block;

        @media @breakpoint1024 {
            display: none;
        }
    }
}

.popular-charts-column.full-width {
    flex: 1 0 33%;
    display: none;

    .popular-charts.show-more > & {
        @media @breakpoint1024 {
            display: block;
        }
    }
}
*/
/* stylelint-enable */
.popular-chart {
  margin: 0 0 8px;
  padding-right: 1em;
  /*
    &:nth-child(n+9) {
        display: none;
    }

    @media @desktop {
        &:nth-child(n+9) {
            display: list-item;
        }

        &:nth-child(n+13) {
            display: none;
        }
    }

    @media @breakpoint1024 {
        &:nth-child(n+13) {
            display: list-item;
        }
    }
    */
}
.most-popular-charts-expand-button {
  background: transparent;
  color: currentColor;
  font-size: 14px;
  padding: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.platform .most-popular-charts-expand-button:hover,
.platform--touch .most-popular-charts-expand-button:hover {
  background: inherit;
  border-color: inherit;
  color: inherit;
}
.popular-charts.show-more .most-popular-charts-expand-button {
  display: none;
}
@media only screen and (min-width: 1024px)  {
  .most-popular-charts-expand-button {
    display: none;
  }
}
.scatterplot__header--profile .scatterplot__title {
  color: #53a63a;
  font-size: 26px;
  font-weight: 400;
  padding: 15px;
}
.scatterplot__header--profile .scatterplot__subtitle {
  display: inline-block;
  margin: 0 15px;
}
.scatterplot__header--profile .scatterplot__subtitle--cta-link {
  font-size: 14px;
  white-space: nowrap;
}
@media only screen and (min-width: 500px)  {
  .scatterplot__header--profile .scatterplot__subtitle {
    margin: 19px 30px 0;
  }
  .scatterplot__header--profile .scatterplot__title {
    font-size: 30px;
    line-height: 1em;
    padding: 30px 30px 0;
  }
}
/* filters */
.scatterplot-checkbox {
  cursor: pointer;
  display: block;
  padding-left: 1.3333333em;
  position: relative;
  margin: 0.5em 0;
  font-size: 1em;
  line-height: 1.2em;
}
.scatterplot-checkbox__input {
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  z-index: -1;
}
.scatterplot-checkbox__indicator {
  position: absolute;
  left: 0;
  top: 0;
  border: 1px solid #ccc;
  width: 1.3em;
  height: 1.3em;
  border-radius: 2px;
  background: white;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 1;
}
.scatterplot-checkbox__indicator::before {
  content: '\E610';
  font-family: 'Niche-Interface-Symbols';
  font-style: normal;
  color: white;
  position: absolute;
  left: -0.085em;
  top: 0.01em;
  font-size: 1.4em;
  z-index: 2;
  -webkit-font-smoothing: antialiased;
}
.scatterplot-checkbox__label {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  padding: 0.5em 0 0.5em 0.5em;
  color: #464646;
}
@media only screen and (min-width: 768px)  {
  .scatterplot-checkbox {
    font-size: 14px;
  }
}
.scatterplot-select {
  background: white;
  border-radius: 2px;
  border: 1px solid #ccc;
  cursor: pointer;
  display: block;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  font-size: 14px;
  padding-right: 30px;
  position: relative;
  width: 100%;
  overflow: hidden;
}
.scatterplot-select::after {
  content: '\E60C';
  color: #464646;
  font-family: 'Niche-Interface-Symbols';
  font-size: 1.2em;
  position: absolute;
  right: 0.4em;
  top: 0.45em;
  z-index: 1;
  -webkit-font-smoothing: antialiased;
  pointer-events: none;
}
.scatterplot-select__value {
  color: #464646;
  display: block;
  height: 2.5em;
  line-height: 2.5em;
  overflow: hidden;
  padding: 0 0 0 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.scatterplot-select__input {
  -webkit-appearance: none;
  cursor: pointer;
  height: 3em;
  left: 0;
  line-height: 3em;
  opacity: 0.01;
  padding: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}
.scatterplot-select__input.scatterplot-select__input--disabled {
  z-index: -1;
}
/* messages */
.scatterplot__add-scores-message {
  background: #eef9ff;
  padding: 15px 15px 10px;
  margin: 0 15px 15px;
}
.scatterplot__add-scores-message button {
  margin-bottom: 5px;
  margin-right: 10px;
  min-width: 122px;
  font-size: 14px;
}
.scatterplot__add-scores-text {
  font-size: 20px;
  line-height: 22px;
}
@media only screen and (min-width: 500px)  {
  .scatterplot__add-scores-text {
    font-size: 18px;
    line-height: 20px;
  }
}
.scatterplot-filters > .scatterplot__add-scores-message {
  display: none;
}
.scatterplot-chart > .scatterplot__add-scores-message {
  display: block;
}
@media only screen and (min-width: 768px)  {
  .scatterplot-filters > .scatterplot__add-scores-message {
    display: block;
    margin: 0;
  }
  .scatterplot-chart > .scatterplot__add-scores-message {
    display: none;
  }
}
.scatterplot__logged-out-messages {
  margin: 0 23px 30px;
}
@media only screen and (min-width: 768px)  {
  .scatterplot__logged-out-messages {
    margin: 0;
  }
}
.scatterplot__what-are-your-chances-message {
  padding-left: 85px;
  position: relative;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.scatterplot__what-are-your-chances-message .button.button--small {
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
}
@media only screen and (min-width: 768px)  {
  .scatterplot__what-are-your-chances-message .button.button--small {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px)  {
  .scatterplot__what-are-your-chances-message {
    background: white;
    border-radius: 2px;
    bottom: 55px;
    -webkit-box-shadow: 0 2px 16px rgba(0, 0, 0, 0.1), 0 1px 4px rgba(0, 0, 0, 0.1);
            box-shadow: 0 2px 16px rgba(0, 0, 0, 0.1), 0 1px 4px rgba(0, 0, 0, 0.1);
    padding: 0.5em 1.25em 1.25em 110px;
    position: absolute;
    right: 45px;
    width: 440px;
    z-index: 1;
  }
}
.scatterplot__what-are-your-chances-img {
  background: url(https://d33a4decm84gsn.cloudfront.net/static/scatterplots/school.svg);
  width: 100px;
  height: 120px;
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  top: 0;
  background-size: 70px;
}
@media only screen and (min-width: 768px)  {
  .scatterplot__what-are-your-chances-img {
    left: 1em;
    top: 0.85em;
  }
}
.scatterplot__what-are-your-chances-text {
  margin: 0.25em 0 1em;
  font-size: 15px;
}
@media only screen and (min-width: 768px)  {
  .scatterplot__what-are-your-chances-text {
    font-size: 15px;
    margin: 0.25em 0 1em;
  }
}
.scatterplot__what-are-your-chances-header {
  font-weight: 700;
}
@media only screen and (min-width: 768px)  {
  .scatterplot__what-are-your-chances-header {
    display: inline;
    font-size: 15px;
    font-weight: 600;
  }
}
.scatterplot__what-are-your-chances-description {
  margin: 1em 0;
}
@media only screen and (min-width: 768px)  {
  .scatterplot__what-are-your-chances-description {
    display: inline;
    margin: 0;
  }
}
.niche-icon.arrow-right {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: 'Niche-Interface-Symbols';
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  speak: none;
  text-transform: none;
}
.niche-icon.arrow-right:before {
  content: '\E60E';
}
.scatterplot__filter-unlock-message {
  position: absolute;
  background: white;
  border-radius: 2px;
  -webkit-box-shadow: 0 2px 16px rgba(0, 0, 0, 0.1), 0 1px 4px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 16px rgba(0, 0, 0, 0.1), 0 1px 4px rgba(0, 0, 0, 0.1);
  bottom: 215px;
  left: 50%;
  margin-left: -130px;
  width: 260px;
  font-size: 15px;
  padding: 1em;
  opacity: 0;
  -webkit-transform: translateY(50px);
          transform: translateY(50px);
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
@media only screen and (min-width: 768px)  {
  .scatterplot__filter-unlock-message {
    bottom: 100px;
    left: auto;
    right: 40px;
    top: auto;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    width: 440px;
    z-index: 0;
  }
}
@media only screen and (min-width: 768px)  {
  .scatterplot__logged-out-messages.has-interacted > .scatterplot__what-are-your-chances-message {
    opacity: 0;
    -webkit-transform: translateY(50px);
            transform: translateY(50px);
    z-index: 0;
  }
}
.scatterplot__logged-out-messages.has-interacted > .scatterplot__filter-unlock-message {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
@media only screen and (min-width: 768px)  {
  .scatterplot__logged-out-messages.has-interacted > .scatterplot__filter-unlock-message {
    z-index: 1;
  }
}
.scatterplot__not-enough-data-message {
  background: white;
  border-radius: 2px;
  -webkit-box-shadow: 0 2px 16px rgba(0, 0, 0, 0.1), 0 1px 4px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 16px rgba(0, 0, 0, 0.1), 0 1px 4px rgba(0, 0, 0, 0.1);
  left: 50%;
  margin-left: -120px;
  padding: 1em 1em 0.5em;
  position: absolute;
  top: 50px;
  width: 260px;
}
@media only screen and (min-width: 768px)  {
  .scatterplot__not-enough-data-message {
    top: 90px;
  }
}
.scatterplot__not-enough-data-header {
  color: #53a63a;
  display: block;
  font-size: 18px;
  font-weight: normal;
  line-height: 1em;
  margin: 0;
}
.scatterplot__not-enough-data-explanation {
  color: #919191;
  font-size: 12px;
  margin: 10px 0 0.5em;
}
.scatterplot__please-select-your-list {
  color: #53a63a;
  font-weight: 600;
}
.scatterplot__please-select-your-list:before {
  content: '\E619';
  font-family: 'Niche-Interface-Symbols';
  position: relative;
  top: 2px;
}
.scatterplot__percentile-message {
  background: #eef9ff;
  padding: 15px;
  text-align: center;
}
@media only screen and (min-width: 768px)  {
  .scatterplot__percentile-message {
    padding: 15px 15px 30px;
  }
}
.scatterplot__percentile-message--no-scores {
  padding: 15px;
}
.scatterplot__percentile-text {
  font-size: 20px;
  line-height: 22px;
}
.scatterplot__percentile-text--no-scores {
  margin-bottom: 4px;
}
.scatterplot__percentile-text > em {
  color: #007ac8;
  font-weight: 600;
}
.scatterplot-filters > .scatterplot__percentile-message {
  display: none;
}
@media only screen and (min-width: 768px)  {
  .scatterplot-filters > .scatterplot__percentile-message {
    display: block;
  }
}
.scatterplot-chart > .scatterplot__percentile-message {
  display: block;
  margin: 10px 25px;
}
@media only screen and (min-width: 768px)  {
  .scatterplot-chart > .scatterplot__percentile-message {
    display: none;
    margin: 0;
  }
}
.scatterplot__percentile-message-scores {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media only screen and (min-width: 768px)  {
  .scatterplot__percentile-message-scores {
    display: block;
  }
}
.scatterplot__percentile-message-score {
  margin-right: 1em;
}
@media only screen and (min-width: 768px)  {
  .scatterplot__percentile-message-score {
    display: block;
    margin-right: 0;
  }
}
/* ---- Scholarship ---- */
.scholarship-deadline,
.scholarship-deadline--inline {
  font-weight: 700;
}
.scholarship-deadline--inline {
  display: inline;
}
.scholarship-deadline__notified {
  font-weight: 400;
}
.scholarship-footer,
.scholarship-section {
  margin: 0 auto;
  max-width: 730px;
  padding: 20px 15px 40px;
}
.scholarship-footer .powered-by__wrap,
.scholarship-section .powered-by__wrap {
  margin: 25px 0;
}
.scholarship-footer__info,
.scholarship-section__info {
  margin: 0 0 1.5em;
}
.scholarship-footer__info p,
.scholarship-section__info p {
  margin: 0.5em 0 1.75em;
  line-height: 22px;
}
.scholarship-footer__info__text,
.scholarship-section__info__text {
  margin: 0;
  padding: 0;
}
.scholarship-footer__info__title,
.scholarship-section__info__title {
  line-height: 1em;
}
@media only screen and (min-width: 500px)  {
  .scholarship-footer,
  .scholarship-section {
    padding: 30px 15px 50px;
  }
}
.powered-by__wrap {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 270px;
}
.powered-by__wrap:hover {
  text-decoration: none;
}
.powered-by__text {
  color: #919191;
  font-weight: 600;
  font-family: 'Niche';
  font-size: 11px;
  margin-top: 2px;
}
.powered-by__logo {
  height: 25px;
  margin-left: 5px;
}
.scholarship-header {
  padding: 0 0 80px;
  position: relative;
  text-align: center;
}
.scholarship-header::after {
  background: url(../../static/niche-bg-pattern.png) repeat #53a63a;
  background-size: 96px 48px;
  bottom: 0;
  content: '';
  height: 40px;
  left: 0;
  position: absolute;
  width: 100%;
}
.scholarship-header .powered-by__wrap {
  margin: 20px auto;
}
.role-scholarship--pay-it-fwd .scholarship-header {
  padding-bottom: 40px;
}
.role-scholarship--pay-it-fwd .scholarship-header::after {
  display: none;
}
@media only screen and (min-width: 500px)  {
  .scholarship-header {
    padding: 0 0 90px;
  }
}
.scholarship-header-bg {
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100px;
  position: relative;
  margin: 0 -15px 20px;
}
@media only screen and (min-width: 500px)  {
  .scholarship-header-bg {
    height: 160px;
    margin: 0 -15px 30px;
  }
}
@media only screen and (min-width: 768px)  {
  .scholarship-header-bg {
    height: 200px;
  }
}
.scholarship-header__content {
  padding: 0 15px;
}
.scholarship-header__deadline {
  font-size: 15px;
  font-weight: 700;
  margin: 0;
}
.scholarship-header__description {
  line-height: 20px;
  margin: 0 auto 0.5em;
  max-width: 700px;
  padding: 15px 0;
}
@media only screen and (min-width: 500px)  {
  .scholarship-header__description {
    padding: 15px;
  }
}
.scholarship-header--one-month-rent-scholarship .scholarship-header-bg {
  margin: 0 auto;
  max-width: 1100px;
}
.scholarship-header--one-month-rent-scholarship .scholarship-header__deadline {
  margin-bottom: 0.5em;
}
.scholarship-header--one-month-rent-scholarship .scholarship-header__description {
  padding: 0;
  margin-bottom: 0.9em;
}
.scholarship-header--one-month-rent-scholarship .scholarship-header__description p {
  margin-top: 1em;
}
@media only screen and (min-width: 500px)  {
  .scholarship-header--one-month-rent-scholarship .scholarship-header__description {
    padding: 0 15px;
  }
}
.scholarship-header--one-month-rent-scholarship .scholarship-header__title {
  margin-top: 20px;
}
@media only screen and (min-width: 500px)  {
  .scholarship-header--one-month-rent-scholarship .scholarship-header__title {
    margin-top: 30px;
  }
}
.scholarship-header--start-your-career-scholarship .scholarship-header-bg {
  background-size: contain;
}
@media only screen and (min-width: 500px)  {
  .scholarship-header--start-your-career-scholarship .scholarship-header-bg {
    height: 200px;
  }
}
.scholarship-header--hp-emerging-leaders-in-tech-scholarship .scholarship-header-bg {
  background-position: center;
}
.scholarship-header--sofi-get-your-money-right-scholarship .scholarship-header-bg {
  background-position: top;
}
.scholarship-header--twitch-future-of-gaming-scholarship .powered-by__logo {
  width: auto;
}
.scholarship-header--twitch-future-of-gaming-scholarship .scholarship-header-bg {
  background-position: top;
  height: 200px;
}
.scholarship-header--make-school-computer-science-scholarship .scholarship-header-bg {
  background-position: top;
}
.scholarship-header__title {
  font-size: 28px;
  line-height: 1em;
  margin: 0 auto;
  max-width: 700px;
}
@media only screen and (min-width: 500px)  {
  .scholarship-header__title {
    font-size: 36px;
    padding: 12px 15px 0;
  }
}
.scholarship-section-wrap {
  background: none;
}
.scholarship-section-wrap .scholarship-section {
  max-width: 585px;
  padding-top: 40px;
}
@media only screen and (min-width: 768px)  {
  .scholarship-section-wrap .scholarship-section {
    text-align: center;
  }
}
@media only screen and (min-width: 500px)  {
  .scholarship-section-wrap .scholarship-section {
    padding: 30px 15px;
  }
}
.scholarship-section-wrap .scholarship-section .scholarship-section__info__title {
  font-size: 24px;
}
.scholarship-section-wrap.scholarship-section-wrap--login .scholarship-section__info__title,
.scholarship-section-wrap.scholarship-section-wrap--already-applied .scholarship-section__info__title,
.scholarship-section-wrap.scholarship-section-wrap--ineligible .scholarship-section__info__title {
  margin-bottom: 16px;
}
.scholarship-section-wrap.scholarship-section-wrap--login button,
.scholarship-section-wrap.scholarship-section-wrap--already-applied button,
.scholarship-section-wrap.scholarship-section-wrap--ineligible button {
  margin-top: 16px;
}
.scholarship-section-wrap--already-applied {
  margin: 0 15px 15px;
  text-align: center;
}
.scholarship-section-wrap--already-applied .scholarship-section--survey {
  background-color: rgba(255, 255, 255, 0.5);
  max-width: 700px;
  padding: 30px 15px;
}
@media only screen and (min-width: 500px)  {
  .scholarship-section-wrap--already-applied .scholarship-section--survey {
    padding: 30px;
  }
}
.scholarship-section-wrap--already-applied .scholarship-section--survey .scholarship-section__info__text {
  color: rgba(0, 0, 0, 0.5);
  font-size: 16px;
  line-height: 18px;
  margin: 0 0 8px;
}
@media only screen and (min-width: 768px)  {
  .scholarship-section-wrap--already-applied .scholarship-section--survey .scholarship-section__info__text {
    font-size: 18px;
    line-height: 20px;
    margin: 0 10px 8px;
  }
}
.scholarship-section-wrap--already-applied .scholarship-section--survey .scholarship-section__info__title {
  margin-bottom: 10px;
}
@media only screen and (min-width: 500px)  {
  .scholarship-section-wrap--already-applied {
    padding: 30px 15px;
  }
}
@media only screen and (min-width: 768px)  {
  .scholarship-section-wrap--already-applied {
    margin: 0;
  }
}
.role-scholarship--pay-it-fwd .form__heading {
  line-height: 1.1;
}
.role-scholarship--pay-it-fwd .role-scholarship-body {
  background: #bdecc9;
  padding: 0 15px;
}
@media only screen and (min-width: 768px)  {
  .role-scholarship--pay-it-fwd .role-scholarship-body {
    padding: 25px 0;
  }
}
.role-scholarship--pay-it-fwd .repeater-row .input-list-container {
  border: thin solid #ccc;
  border-radius: 2px;
}
.role-scholarship--pay-it-fwd .form__separator {
  border-color: rgba(0, 0, 0, 0.2);
}
.role-scholarship--pay-it-fwd .form__separator__title {
  font-size: 28px;
}
.role-scholarship--pay-it-fwd .form__small {
  color: #464646;
  display: block;
  font-size: 14px;
  line-height: 1.3;
}
.role-scholarship--pay-it-fwd .form__submit {
  margin-top: 35px;
}
.role-scholarship--pay-it-fwd .form__submit,
.role-scholarship--pay-it-fwd .form__terms {
  color: rgba(0, 0, 0, 0.5);
  font-size: 14px;
  text-align: left;
}
.role-scholarship--pay-it-fwd .form__submit a,
.role-scholarship--pay-it-fwd .form__terms a {
  color: #464646;
}
.role-scholarship--pay-it-fwd .form__separator__title,
.role-scholarship--pay-it-fwd .scholarship-footer__info__title {
  line-height: 1.1;
}
.role-scholarship--reg-flow .role-scholarship-body {
  background: #e6e6e6;
  padding: 0;
}
.role-scholarship--hp-emerging-leaders-in-tech-scholarship .powered-by__wrap,
.partner-scholarship-thank-you--hp-emerging-leaders-in-tech-scholarship .powered-by__wrap {
  max-width: 220px;
}
.role-scholarship--hp-emerging-leaders-in-tech-scholarship .powered-by__logo,
.partner-scholarship-thank-you--hp-emerging-leaders-in-tech-scholarship .powered-by__logo {
  width: 35px;
  height: 35px;
  margin-left: 10px;
}
.role-scholarship--make-school-computer-science-scholarship .powered-by__logo,
.partner-scholarship-thank-you--make-school-computer-science-scholarship .powered-by__logo {
  width: auto;
}
.paragraph-make-school-computer-science-scholarship {
  line-height: 22px;
  margin: 0.5em 0 1.75em;
}
/* ---- Renaissance ---- */
.search {
  background: #e6e6e6;
}
.search__container {
  margin: 0 auto 2em;
  max-width: 1080px;
}
@media only screen and (min-width: 768px)  {
  .search__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.search-content {
  margin: 8px 0 0;
  position: relative;
  min-width: 0;
}
@media only screen and (min-width: 500px)  {
  .search-content {
    margin: 15px 0 0;
  }
}
@media only screen and (min-width: 768px)  {
  .search-content {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 20px 20px 0;
  }
}
.search-content .loading-indicator {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  background: rgba(230, 230, 230, 0.7);
  margin: 0 -4px;
  padding: 5vh 0 0;
}
.search-content .loading-indicator-dots {
  left: 50%;
  margin-left: -8em;
  position: fixed;
}
@media only screen and (min-width: 768px)  {
  .search-content .loading-indicator-dots {
    margin-left: calc(-8em + 100px);
  }
}
@media only screen and (min-width: 1024px)  {
  .search-content .loading-indicator-dots {
    margin-left: calc(-8em + 122px);
  }
}
.search-description {
  color: #787878;
  font-size: 16px;
  line-height: 20px;
}
.search-description p {
  margin: 0;
}
.search-pagination {
  padding: 10px 15px;
}
@media only screen and (min-width: 500px)  {
  .search-pagination {
    padding: 10px 30px;
  }
}
.search-controls {
  -webkit-overflow-scrolling: touch;
  background: white;
  height: 100%;
  left: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 15px 30px 100px;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 998;
}
@media only screen and (min-width: 768px)  {
  .search-controls {
    -ms-flex-item-align: start;
        align-self: flex-start;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1), 0 0 2px rgba(0, 0, 0, 0.1);
            box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1), 0 0 2px rgba(0, 0, 0, 0.1);
    -webkit-box-flex: 1;
        -ms-flex: 1 0 200px;
            flex: 1 0 200px;
    height: auto;
    margin: 20px 0 0;
    max-width: 245px;
    overflow: visible;
    padding: 15px;
    position: static;
    width: 244px;
    z-index: 1;
  }
}
.search-controls-wrapper {
  display: none;
  overflow: visible;
  position: relative;
}
@media only screen and (min-width: 768px)  {
  .search-controls-wrapper {
    display: block;
  }
}
.search-controls-wrapper--visible {
  display: block;
}
.search-control {
  margin-bottom: 18px;
}
.search-control--grouped {
  margin-bottom: 4px;
}
.search-control--last-of-group {
  margin-bottom: 18px;
}
.search-control--clearable {
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.search-control__clear {
  position: absolute;
  top: -24px;
  right: 0;
  font-size: 13px;
  color: #919191;
  cursor: pointer;
}
.search-control__clear .niche-icon-wrap {
  font-size: 10px;
}
.search-control__clear:hover,
.search-control__clear:focus {
  text-decoration: none;
}
.search-control-label__sub-label-wrap > .search-control__clear {
  position: static;
}
.search-control-label {
  color: #919191;
  font-size: 14px;
  font-weight: 600;
  margin: 0 0 5px;
  text-transform: uppercase;
}
.search-control + .search-control-label {
  border-top: 1px solid #e6e6e6;
  padding: 1em 0 0;
  margin-top: 1em;
}
.search-control-label .tooltip {
  color: #919191;
  left: 0;
  top: 0;
}
.search-control-label .tooltip-trigger {
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
}
.search-control-label .tooltip-message {
  text-transform: none;
  margin-left: 0;
}
@media only screen and (min-width: 768px)  {
  .search-control-label .tooltip-message {
    margin-left: -142px;
  }
}
.search-control-label.tooltip__k12-search-tuition-slider .tooltip--clicked .tooltip-message,
.search-control-label.tooltip__k12-search-tuition-slider .tooltip--focused .tooltip-message,
.search-control-label.tooltip__k12-search-tuition-slider .tooltip--hovered .tooltip-message {
  z-index: 5;
}
.search-control-label__sub-label-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-bottom: 5px;
}
.search-control-label__sub-label {
  font-size: 15px;
  line-height: 18px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.search-control-link {
  font-size: 14px;
  margin: 10px 0 5px;
}
.search-control-link .svg-icon-wrap {
  top: 1px;
}
.search-controls-actions {
  background: white;
  bottom: 0;
  -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 12px rgba(0, 0, 0, 0.2);
  left: 0;
  padding: 0.5em 0 30px;
  position: fixed;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  width: 100%;
  z-index: 999;
}
@media only screen and (min-width: 768px)  {
  .search-controls-actions {
    display: none;
  }
}
.search-controls-actions .button-group {
  margin: 0 auto;
  width: 175px;
}
@media only screen and (min-width: 500px)  {
  .search-controls-actions .button-group {
    width: 190px;
  }
}
.search-sherlock .sherlock,
.search-sherlock .sherlock--success,
.search-sherlock .sherlock--error,
.search-sherlock .sherlock--search-filter,
.search-sherlock .sherlock--sherlock-list {
  font-size: 18px;
  height: auto;
  padding: 9px 12px 10px;
}
.search-sherlock [class^='sherlock__wrapper'] {
  margin: 0;
  padding: 0;
}
.search-sherlock .sherlock__results {
  left: 0;
  top: 42px;
}
.search-sherlock .icon-search-thin--sherlock,
.search-sherlock .icon-search-thin--sherlock--search-filter {
  color: #53a63a;
}
.search-program-wrapper .field-group .field:first-child {
  margin-top: 10px;
  margin-left: 24px;
}
.search-slider--act .range-control-label::before {
  content: 'ACT: ';
  display: inline;
}
.search-slider--netPrice .range-control-value[data-is-max-value='true']::after,
.search-slider--tuition .range-control-value[data-is-max-value='true']::after {
  content: '+';
  display: inline;
}
.search-slider--sat .range-control-label::before {
  content: 'SAT: ';
  display: inline;
}
.search-nested-checkbox-parent + .search-nested-checkbox-parent {
  margin: 0.6em 0 0;
}
.search-nested-checkbox-parent:nth-child(2) .field:nth-child(1) {
  /* stylelint-disable-line selector-max-specificity */
  margin-top: 10px;
}
.search-footer {
  padding: 1em 15px 3em;
}
@media only screen and (min-width: 500px)  {
  .search-footer {
    padding: 1em 30px 3em;
  }
}
@media only screen and (min-width: 768px)  {
  .search-footer {
    padding: 1em 0 3em;
  }
}
.search-footer__title {
  color: #919191;
  font-size: 14px;
  font-weight: 600;
  margin: 0 0 5px;
  text-transform: uppercase;
}
.search-footer-about {
  border-bottom: 1px solid #ccc;
  line-height: 20px;
  margin: 0 0 1em;
  padding: 0 0 1em;
}
.search-footer-about .search-description {
  color: #464646;
  margin: 0 0 0.5em;
}
@media only screen and (min-width: 768px)  {
  .search-footer-about .search-description {
    display: none;
  }
}
@media only screen and (min-width: 500px)  {
  .search-footer-more {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.search-footer-more-list {
  font-size: 14px;
}
@media only screen and (min-width: 500px)  {
  .search-footer-more-list {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .search-footer-more-list + .search-footer-more-list {
    padding: 0;
    padding-left: 10px;
  }
}
@media only screen and (min-width: 768px)  {
  .search-footer-more-list {
    font-size: 16px;
  }
}
.search-footer-more-list__link {
  margin-bottom: 8px;
}
.search-header {
  position: relative;
}
@media only screen and (min-width: 768px)  {
  .search-header {
    background: white;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1), 0 0 2px rgba(0, 0, 0, 0.1);
            box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1), 0 0 2px rgba(0, 0, 0, 0.1);
  }
}
.search-header .search-controls-toggle {
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 768px)  {
  .search-header .search-controls-toggle {
    display: none;
  }
}
.search-header__container {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 120px;
  margin: 0 auto;
  max-width: 1080px;
  padding: 0 15px 10px 10px;
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 768px)  {
  .search-header__container {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    height: auto;
    padding: 20px 20px 25px 15px;
  }
}
@media only screen and (min-width: 1100px)  {
  .search-header__container {
    padding: 20px 20px 25px 0;
  }
}
.search-header__container .rankings-badge {
  -webkit-box-flex: 0;
      -ms-flex: 0;
          flex: 0;
  font-size: 1.3em;
}
@media only screen and (min-width: 500px)  {
  .search-header__container .rankings-badge {
    font-size: 1.5em;
  }
}
@media only screen and (min-width: 768px)  {
  .search-header__container .rankings-badge {
    font-size: 2.15em;
    margin: -50px 0 0;
  }
}
@media only screen and (min-width: 1100px)  {
  .search-header__container .rankings-badge {
    font-size: 2.5em;
    margin: -71px 0 0 -5px;
  }
}
.search-header__container .social-share {
  display: none;
}
@media only screen and (min-width: 768px)  {
  .search-header__container .social-share {
    -ms-flex-item-align: end;
        align-self: flex-end;
    display: inline-block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    margin: 0;
  }
}
.search-header__container .social-share .social-share__button:not(:last-child) {
  margin: 0 3px 0 0;
}
.search-header__content {
  padding-left: 10px;
  width: 100%;
}
@media only screen and (min-width: 768px)  {
  .search-header__content {
    padding-left: 30px;
  }
}
.search-header-meta {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.search-header-meta .search-description {
  display: none;
  padding: 0;
}
@media only screen and (min-width: 768px)  {
  .search-header-meta .search-description {
    display: block;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    padding-right: 40px;
  }
}
.search-header-title {
  color: white;
  font-size: 22px;
  line-height: 22px;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
}
@media only screen and (min-width: 500px)  {
  .search-header-title {
    font-size: 28px;
    line-height: 30px;
  }
}
@media only screen and (min-width: 768px)  {
  .search-header-title {
    color: #464646;
    font-size: 32px;
    line-height: 34px;
    padding: 0 0 10px;
    text-shadow: none;
  }
}
.search-header-subheader {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media only screen and (min-width: 768px)  {
  .search-header-subheader {
    display: inline;
  }
}
.search-header-meta__about {
  color: #6bbef2;
  cursor: pointer;
  display: inline-block;
  font-size: 12px;
}
@media only screen and (min-width: 768px)  {
  .search-header-meta__about {
    display: none;
  }
}
.search-header-title__location {
  display: inline-block;
  font-size: 16px;
  line-height: 18px;
  padding-right: 12px;
}
@media only screen and (min-width: 500px)  {
  .search-header-title__location {
    font-size: 18px;
    line-height: 20px;
    padding-right: 0;
  }
}
@media only screen and (min-width: 768px)  {
  .search-header-title__location {
    display: inline;
    font-size: 32px;
    line-height: 34px;
  }
}
.search-header-illustration {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
}
@media only screen and (min-width: 768px)  {
  .search-header-illustration {
    height: 120px;
    position: static;
  }
}
.search-header-illustration::before {
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(40%, rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0.7)));
  background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.7));
  bottom: 0;
  content: '';
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
@media only screen and (min-width: 768px)  {
  .search-header-illustration::before {
    display: none;
  }
}
.search-related-lists {
  padding: 21px 1em;
}
@media only screen and (min-width: 500px)  {
  .search-related-lists {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 26px;
    padding-bottom: 26px;
  }
}
@media only screen and (min-width: 500px)  {
  .search-related-lists__item {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
.search-related-lists__item + .search-related-lists__item {
  margin: 0.5em 0 0;
}
@media only screen and (min-width: 500px)  {
  .search-related-lists__item + .search-related-lists__item {
    margin: 0 0 0 0.5em;
  }
}
.search-result {
  border-radius: 0;
}
.search-result > .card {
  border-radius: inherit;
  margin: 5px 0;
}
@media only screen and (min-width: 500px)  {
  .search-result > .card {
    margin: 10px 0;
  }
  .search-result .card__inner {
    padding: 15px;
  }
}
@media only screen and (min-width: 768px)  {
  .search-result {
    border-radius: 2px;
  }
  .search-result .card__inner {
    padding: 20px 20px 15px;
  }
}
.search-result--featured {
  border-bottom: 1px solid #e0c43f;
  border-radius: 0;
  margin: 5px 0;
}
@media only screen and (min-width: 500px)  {
  .search-result--featured {
    margin: 10px 0;
  }
}
@media only screen and (min-width: 600px)  {
  .search-result--featured {
    border: 1px solid #e0c43f;
    border-radius: 2px;
  }
}
.search-result--featured > .card {
  border-radius: inherit;
  margin: 0;
  padding-top: 0;
}
@media only screen and (min-width: 600px)  {
  .search-result--featured > .card {
    padding-top: 20px;
  }
}
.search-result--featured .card__inner {
  padding: 31px 20px 15px;
}
@media only screen and (min-width: 500px)  {
  .search-result--featured .card__inner {
    padding: 31px 15px 15px;
  }
}
@media only screen and (min-width: 600px)  {
  .search-result--featured .card__inner {
    padding: 15px 20px;
  }
}
.search-result__link {
  display: block;
  position: relative;
}
.platform .search-result__link:hover {
  background: #f5fbf2;
  text-decoration: none;
}
.platform--touch .search-result__link:hover {
  background: inherit;
  text-decoration: inherit;
}
.search-result__link > .card__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-flex: 1;
      -ms-flex: 1 0;
          flex: 1 0;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
@media only screen and (min-width: 600px)  {
  .search-result__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: stretch;
        -ms-flex-pack: stretch;
            justify-content: stretch;
  }
}
.search-result__sponsored-bar {
  background-color: #e0c43f;
  /* stylelint-disable-next-line color-no-hex */
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.025em;
  line-height: 1.2em;
  padding: 5px 15px;
  position: absolute;
  width: 100%;
  z-index: 1;
}
@media only screen and (min-width: 500px)  {
  .search-result__sponsored-bar {
    font-size: 14px;
    margin-bottom: -5px;
  }
}
@media only screen and (min-width: 600px)  {
  .search-result__sponsored-bar {
    top: -20px;
  }
}
@media only screen and (min-width: 768px)  {
  .search-result__sponsored-bar {
    margin-bottom: -10px;
    padding: 5px 20px;
  }
}
.search-result-badge {
  color: #53a63a;
  font-size: 14px;
  line-height: 1.2;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
@media only screen and (min-width: 600px)  {
  .search-result-badge {
    font-size: 16px;
  }
}
.search-result-counter {
  color: #787878;
  font-size: 14px;
  padding-left: 20px;
  padding-right: 10px;
  margin-left: auto;
}
@media only screen and (min-width: 360px)  {
  .search-result-counter {
    padding-left: 40px;
  }
}
@media only screen and (min-width: 500px)  {
  .search-result-counter {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px)  {
  .search-result-counter {
    padding-right: 0;
  }
}
.search-result-cta {
  -ms-flex-item-align: center;
      align-self: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 14px;
  margin: 0 0 0 15px;
}
@media only screen and (min-width: 500px)  {
  .search-result-cta {
    font-size: 15px;
  }
}
@media only screen and (min-width: 768px)  {
  .search-result-cta {
    margin-left: 20px;
  }
}
.search-result-fact-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #787878;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 14px;
  line-height: 16px;
  margin: 0.4em 0 0;
  -webkit-box-ordinal-group: 6;
      -ms-flex-order: 5;
          order: 5;
  width: 100%;
}
@media only screen and (min-width: 600px)  {
  .search-result-fact-list {
    display: block;
    width: 100%;
  }
}
@media only screen and (min-width: 768px)  {
  .search-result-fact-list {
    padding: 5px 0 0;
  }
}
.search-result-fact-list__item {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 45%;
          flex: 1 0 45%;
  max-width: 120vw;
  padding: 3px 0;
  white-space: nowrap;
  vertical-align: middle;
}
.search-result-fact-list__item:nth-child(2n+1) {
  margin-right: 1em;
}
.search-result-fact-list__item:last-child {
  padding-right: 0;
}
@media only screen and (min-width: 500px)  {
  .search-result-fact-list__item {
    max-width: unset;
  }
}
@media only screen and (min-width: 600px)  {
  .search-result-fact-list__item {
    display: inline-block;
    max-width: 60vw;
    padding: 4px 18px 4px 0;
    position: relative;
  }
  .search-result-fact-list__item:nth-child(2n+1) {
    margin-right: 0;
  }
  .search-result-fact-list__item:not(:last-child)::after {
    bottom: 5px;
    content: '\2022';
    color: #bbb;
    position: absolute;
    right: 7px;
  }
}
.search-result-fact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media only screen and (min-width: 600px)  {
  .search-result-fact {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}
.search-result-fact__value {
  color: #464646;
  display: inline-block;
  font-weight: 600;
  max-width: 60%;
  padding: 0 1px 0 0;
  overflow: hidden;
  position: relative;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media only screen and (min-width: 600px)  {
  .search-result-fact__value {
    padding: 0 0 0 1px;
    max-width: 100%;
  }
}
.search-result-fact__label {
  margin-left: 0.2em;
}
@media only screen and (min-width: 600px)  {
  .search-result-fact__label {
    margin-left: 0;
  }
}
.search-result-feature {
  color: #464646;
  font-size: 14px;
  line-height: 18px;
  margin: 0;
  max-height: 2.95em;
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4;
  overflow: hidden;
  padding: 5px 0 0;
  position: relative;
  width: 100%;
}
@media only screen and (min-width: 768px)  {
  .search-result-feature {
    margin: 0 10px 0 0;
    width: calc(100% - 10px);
  }
}
.search-result-feature__author {
  font-weight: 600;
}
.search-result-feature__teaser {
  background: -webkit-gradient(linear, right top, left top, color-stop(50%, white), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(to left, white 50%, rgba(255, 255, 255, 0));
  bottom: 0;
  color: #007ac8;
  font-size: 14px;
  font-weight: 600;
  position: absolute;
  right: 0;
  text-align: right;
  width: 230px;
}
.platform .search-result__link:hover .search-result-feature__teaser {
  background: -webkit-gradient(linear, right top, left top, color-stop(50%, #f5fbf2), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(to left, #f5fbf2 50%, rgba(255, 255, 255, 0));
}
.platform--touch .search-result__link:hover .search-result-feature__teaser {
  background: -webkit-gradient(linear, right top, left top, color-stop(50%, white), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(to left, white 50%, rgba(255, 255, 255, 0));
}
.search-result-grade {
  padding: 0 0 0 24px;
  position: relative;
}
@media only screen and (min-width: 600px)  {
  .search-result-grade {
    display: block;
    padding: 0 0 0 30px;
  }
}
.search-result-grade .niche__grade {
  font-size: 0.6em;
  height: 21px;
  left: -1px;
  position: absolute;
  top: -2px;
  width: 21px;
}
@media only screen and (min-width: 600px)  {
  .search-result-grade .niche__grade {
    font-size: 0.75em;
    height: 26px;
    top: -5px;
    width: 26px;
  }
}
.search-result-photo-wrap {
  height: 100px;
  width: 100%;
  position: relative;
}
@media only screen and (min-width: 600px)  {
  .search-result-photo-wrap {
    /* height: 100%; */
    height: auto;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    width: 154px;
  }
}
.search-result-photo {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 0;
  bottom: 0;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.platform .search-result__link:hover .search-result-photo::before {
  background: #333;
  bottom: 0;
  content: '';
  left: 0;
  opacity: 0.25;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
@media only screen and (min-width: 600px)  {
  .search-result__no-photo-margin {
    height: auto;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    width: 90px;
  }
}
.search-result-tagline {
  color: #787878;
  font-size: 14px;
  line-height: 16px;
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  padding: 3px 0;
}
.search-result-tagline__item {
  display: inline-block;
}
.search-result-tagline__item:not(:last-child)::after {
  color: #ababab;
  content: '\2022';
  display: inline-block;
  padding: 0 6px;
}
.search-result-tagline__item .review__stars__icon {
  margin-right: 3px;
  top: 1px;
}
.search-result-tagline__item .review__stars__number__reviews {
  font-size: 13px;
  line-height: 14px;
}
.search-result__title {
  color: #007ac8;
  font-size: 20px;
  line-height: 22px;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  padding: 5px 0 0;
  width: 100%;
}
.platform .search-result__link:hover .search-result__title {
  color: #0063a5;
}
@media only screen and (min-width: 500px)  {
  .search-result__title {
    font-size: 22px;
    line-height: 24px;
  }
}
@media only screen and (min-width: 768px)  {
  .search-result__title {
    font-size: 24px;
    line-height: 26px;
  }
}
.search-result__claimed-indicator {
  background: url(https://d33a4decm84gsn.cloudfront.net/static/claim-school/claimed-entity-icon.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 10px;
  -webkit-box-shadow: none;
          box-shadow: none;
  cursor: pointer;
  display: inline-block;
  height: 14px;
  left: 4px;
  position: relative;
  top: 1px;
  width: 14px;
}
@media only screen and (min-width: 500px)  {
  .search-result__claimed-indicator {
    height: 16px;
    width: 16px;
  }
}
.search-results.search-results--no-results {
  text-align: center;
  padding: 2em 15px 0;
}
@media only screen and (min-width: 768px)  {
  .search-results.search-results--no-results {
    padding-top: 3em;
    font-size: 1.125em;
  }
}
.no-results__title {
  font-size: 1.75em;
}
.no-results__subheader {
  margin-bottom: 1em;
}
.no-results__subheader > p {
  margin-bottom: 0;
}
.no-results__expand-your-search {
  white-space: nowrap;
}
.search-results__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.search-results__list .search-results__list__item:nth-child(1) .card {
  margin-top: 10px;
}
@media only screen and (min-width: 500px)  {
  .search-results__list .search-results__list__item:nth-child(1) .card {
    margin-top: 20px;
  }
}
.search-results__list .search-result--featured--top {
  margin: 10px 0 0;
}
@media only screen and (min-width: 500px)  {
  .search-results__list .search-result--featured--top {
    margin: 20px 0 0;
  }
}
.search-results__list .ad-spot--mobile {
  margin-top: 5px;
}
@media only screen and (min-width: 500px)  {
  .search-results__list .ad-spot--mobile {
    margin-top: 10px;
  }
}
.search-results__list .ad-spot {
  margin-bottom: 5px;
}
@media only screen and (min-width: 500px)  {
  .search-results__list .ad-spot {
    margin-bottom: 10px;
  }
}
@media only screen and (min-width: 730px)  {
  .search-results .ad-spot {
    min-height: 0;
  }
}
@media only screen and (min-width: 1024px)  {
  .search-results .ad-spot {
    min-height: 90px;
  }
}
@media only screen and (min-width: 730px)  {
  .search-results .ad-spot--mobile {
    min-height: 50px;
  }
}
@media only screen and (min-width: 1024px)  {
  .search-results .ad-spot--mobile {
    min-height: 0;
  }
}
.search-topics-explorer {
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 5px 15px 0;
}
@media only screen and (min-width: 768px)  {
  .search-topics-explorer {
    padding: 0;
  }
}
.search-topics-explorer--without-search-topics {
  padding: 5px 6px 0;
  margin-bottom: -2px;
}
@media only screen and (min-width: 500px)  {
  .search-topics-explorer--without-search-topics {
    margin-bottom: -10px;
  }
}
@media only screen and (min-width: 768px)  {
  .search-topics-explorer--without-search-topics {
    padding: 0;
  }
}
.search-topics-explorer-wrap {
  display: none;
}
.search-topics-explorer--expanded .search-topics-explorer-wrap {
  display: block;
  padding-bottom: 1em;
  width: 100%;
}
.search-topics-explorer__columns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 1em 0 0;
}
.search-topics-explorer-column {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 40%;
          flex: 1 0 40%;
  margin: 0 0.5em 1.5em 0;
}
@media only screen and (min-width: 768px)  {
  .search-topics-explorer-column {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 22%;
            flex: 1 0 22%;
    margin: 0 0 1.5em 0.5em;
  }
  .search-topics-explorer-column:first-child {
    margin-left: 0;
  }
}
._search-topics-explorer-list-item {
  font-size: 0.8em;
}
@media only screen and (min-width: 360px)  {
  ._search-topics-explorer-list-item {
    font-size: 0.9em;
  }
}
.search-topics-explorer-list-wrapper + .search-topics-explorer-list-wrapper {
  margin: 1.5em 0 0;
}
.search-topics-explorer-list-title {
  font-size: 0.8em;
  font-weight: 600;
  margin: 0 0 0.5em;
  padding: 0;
}
@media only screen and (min-width: 360px)  {
  .search-topics-explorer-list-title {
    font-size: 0.9em;
  }
}
.search-topics-explorer-list__button {
  font-size: 0.8em;
  background: transparent;
  color: #787878;
  cursor: pointer;
  font-weight: 600;
  padding: 0;
  text-align: left;
  width: 100%;
}
@media only screen and (min-width: 360px)  {
  .search-topics-explorer-list__button {
    font-size: 0.9em;
  }
}
.search-topics-explorer-list__button:hover {
  color: #787878;
}
.platform .search-topics-explorer-list__button:hover {
  background: transparent;
  color: #464646;
  text-decoration: none;
}
.search-topics-explorer-list__button::after {
  display: none;
}
.search-topics-explorer-list__button .icon {
  position: relative;
  top: 1px;
}
.search-topics-explorer__columns .search-topics-explorer-list__item {
  font-size: 0.8em;
  margin: 0 0 0.5em;
}
@media only screen and (min-width: 360px)  {
  .search-topics-explorer__columns .search-topics-explorer-list__item {
    font-size: 0.9em;
  }
}
.search-topics-explorer__suggested-topics .search-topics-explorer-list__item {
  padding: 0 10px;
}
.search-topics-explorer__suggested-topics .search-topics-explorer-list__item a {
  color: #464646;
  display: block;
  padding: 7px 0;
}
.search-topics-explorer__suggested-topics .search-topics-explorer-list__item a:hover,
.search-topics-explorer__suggested-topics .search-topics-explorer-list__item a:focus {
  color: #53a63a;
  text-decoration: none;
}
@media only screen and (min-width : 768px) and (max-width : 805px) {
  .search-topics-explorer-list__item[data-char-total-digits='2'][data-char-total^='1'] {
    display: none;
  }
  .search-topics-explorer-list__item[data-char-total-digits='2'][data-char-total^='1'] ~ .search-topics-explorer-list__item {
    display: none;
  }
}
@media only screen and (min-width : 768px) and (max-width : 815px) {
  .search-topics-explorer-list__item[data-char-total-digits='2'][data-char-total='17'],
  .search-topics-explorer-list__item[data-char-total-digits='2'][data-char-total='18'],
  .search-topics-explorer-list__item[data-char-total-digits='2'][data-char-total='19'],
  .search-topics-explorer-list__item[data-char-total-digits='2'][data-char-total='20'],
  .search-topics-explorer-list__item[data-char-total-digits='2'][data-char-total='21'],
  .search-topics-explorer-list__item[data-char-total-digits='2'][data-char-total='22'] {
    display: none;
  }
  .search-topics-explorer-list__item[data-char-total-digits='2'][data-char-total='17'] ~ .search-topics-explorer-list__item,
  .search-topics-explorer-list__item[data-char-total-digits='2'][data-char-total='18'] ~ .search-topics-explorer-list__item,
  .search-topics-explorer-list__item[data-char-total-digits='2'][data-char-total='19'] ~ .search-topics-explorer-list__item,
  .search-topics-explorer-list__item[data-char-total-digits='2'][data-char-total='20'] ~ .search-topics-explorer-list__item,
  .search-topics-explorer-list__item[data-char-total-digits='2'][data-char-total='21'] ~ .search-topics-explorer-list__item,
  .search-topics-explorer-list__item[data-char-total-digits='2'][data-char-total='22'] ~ .search-topics-explorer-list__item {
    display: none;
  }
}
.search-topics-explorer-list__item[data-char-total-digits='2'][data-char-total^='2'] {
  /* stylelint-disable */
}
@media only screen and (min-width : 600px) and (max-width : 655px) {
  .search-topics-explorer-list__item[data-char-total-digits='2'][data-char-total^='2'] {
    display: none;
  }
  .search-topics-explorer-list__item[data-char-total-digits='2'][data-char-total^='2'] ~ .search-topics-explorer-list__item {
    display: none;
  }
}
@media only screen and (min-width : 768px) and (max-width : 930px) {
  .search-topics-explorer-list__item[data-char-total-digits='2'][data-char-total^='2'] {
    display: none;
  }
  .search-topics-explorer-list__item[data-char-total-digits='2'][data-char-total^='2'] ~ .search-topics-explorer-list__item {
    display: none;
  }
}
@media only screen and (min-width : 600px) and (max-width : 682px) {
  .search-topics-explorer-list__item[data-char-total-digits='2'][data-char-total^='2'] {
    display: none;
  }
  .search-topics-explorer-list__item[data-char-total-digits='2'][data-char-total^='2'] ~ .search-topics-explorer-list__item {
    display: none;
  }
}
@media only screen and (min-width : 600px) and (max-width : 682px) {
  .search-topics-explorer-list__item[data-char-total-digits='2'][data-char-total^='3'] {
    display: none;
  }
  .search-topics-explorer-list__item[data-char-total-digits='2'][data-char-total^='3'] ~ .search-topics-explorer-list__item {
    display: none;
  }
}
@media only screen and (min-width : 768px) and (max-width : 1030px) {
  .search-topics-explorer-list__item[data-char-total-digits='2'][data-char-total^='3'] {
    display: none;
  }
  .search-topics-explorer-list__item[data-char-total-digits='2'][data-char-total^='3'] ~ .search-topics-explorer-list__item {
    display: none;
  }
}
@media only screen and (min-width : 900px) and (max-width : 1070px) {
  .search-topics-explorer-list__item[data-char-total-digits='2'][data-char-total^='3'] {
    display: none;
  }
  .search-topics-explorer-list__item[data-char-total-digits='2'][data-char-total^='3'] ~ .search-topics-explorer-list__item {
    display: none;
  }
}
@media only screen and (min-width : 650px) and (max-width : 768px) {
  .search-topics-explorer-list__item[data-char-total-digits='2'][data-char-total^='3'] {
    display: none;
  }
  .search-topics-explorer-list__item[data-char-total-digits='2'][data-char-total^='3'] ~ .search-topics-explorer-list__item {
    display: none;
  }
}
.search-topics-explorer-list__item[data-char-total-digits='2'][data-char-total^='4'] {
  /* stylelint-enable */
}
@media only screen and (min-width : 768px) and (max-width : 930px) {
  .search-topics-explorer-list__item[data-char-total-digits='2'][data-char-total^='4'] {
    display: none;
  }
  .search-topics-explorer-list__item[data-char-total-digits='2'][data-char-total^='4'] ~ .search-topics-explorer-list__item {
    display: none;
  }
}
@media only screen and (min-width : 870px) and (max-width : 1082px) {
  .search-topics-explorer-list__item[data-char-total-digits='2'][data-char-total^='4'] {
    display: none;
  }
  .search-topics-explorer-list__item[data-char-total-digits='2'][data-char-total^='4'] ~ .search-topics-explorer-list__item {
    display: none;
  }
}
@media only screen and (min-width : 600px) and (max-width : 768px) {
  .search-topics-explorer-list__item[data-char-total-digits='2'][data-char-total^='4'] {
    display: none;
  }
  .search-topics-explorer-list__item[data-char-total-digits='2'][data-char-total^='4'] ~ .search-topics-explorer-list__item {
    display: none;
  }
}
@media only screen and (min-width : 900px) {
  .search-topics-explorer-list__item[data-char-total-digits='2'][data-char-total^='5'],
  .search-topics-explorer-list__item[data-char-total-digits='2'][data-char-total^='6'] {
    display: none;
  }
  .search-topics-explorer-list__item[data-char-total-digits='2'][data-char-total^='5'] ~ .search-topics-explorer-list__item,
  .search-topics-explorer-list__item[data-char-total-digits='2'][data-char-total^='6'] ~ .search-topics-explorer-list__item {
    display: none;
  }
}
/**
 * SUGGESTED TOPICS
 */
button.button--bare.search-topics-explorer__more {
  color: #787878;
  display: none;
  font-size: 16px;
  padding: 7px 5px;
  margin-left: 5px;
}
button.button--bare.search-topics-explorer__more:hover,
button.button--bare.search-topics-explorer__more:focus {
  color: #53a63a;
}
@media only screen and (min-width: 600px)  {
  button.button--bare.search-topics-explorer__more {
    display: block;
  }
}
.search-topics-explorer__more--with-hint {
  position: relative;
}
.search-topics-explorer__suggested-topics-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.search-topics-explorer__suggested-topics {
  display: none;
}
@media only screen and (min-width: 600px)  {
  .search-topics-explorer__suggested-topics {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.search-topics-explorer__dropdown {
  -webkit-box-shadow: rgba(0, 0, 0, 0.098) 0 1px 4px, rgba(0, 0, 0, 0.098) 0 0 2px;
          box-shadow: rgba(0, 0, 0, 0.098) 0 1px 4px, rgba(0, 0, 0, 0.098) 0 0 2px;
}
@media only screen and (min-width: 600px)  {
  .search-topics-explorer__dropdown {
    display: none;
  }
}
.search-topics-explorer--expanded .search-topics-explorer__dropdown::before {
  bottom: 0;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.search-topics-explorer__dropdown-text {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media only screen and (min-width: 360px)  {
  .search-topics-explorer__dropdown-text {
    max-width: 180px;
  }
}
@media only screen and (min-width: 600px)  {
  .search-topics-explorer__dropdown-text {
    display: none;
    max-width: 100%;
  }
}
.search-topics-explorer__current-topic {
  display: none;
}
@media only screen and (min-width: 600px)  {
  .search-topics-explorer__current-topic {
    border-bottom: 4px solid #53a63a;
    color: #53a63a;
    display: block;
    padding: 7px 0;
    margin-right: 10px;
  }
}
/*
 * BIG OLE HACK
 * ~roughly~ ensures each Suggested Topic displayed only if it comfortably fits
 */
/* stylelint-disable */
/* stylelint-enable */
/* ---- School Locator ---- */
@media only screen and (min-width: 768px)  {
  .school-locator__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: calc(100vh - 231px);
  }
}
.school-locator-map {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: 0%;
      flex-basis: 0%;
}
.school-locator-map .map {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: 0%;
      flex-basis: 0%;
  padding: 0 0 30px;
}
@media only screen and (min-width: 768px)  {
  .school-locator-map .map {
    padding: 0;
  }
}
.school-locator-map .map > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: 0%;
      flex-basis: 0%;
}
.school-locator-map .map .mapboxgl-missing-css {
  display: none;
}
/* I opted for z-index and opacity to hide the
   map so that Mapbox will always know the available
   screen space when resizing the window. Otherwise,
   it can't calculate the available space if it's
   set to display: none - T */
.school-locator-map-wrap {
  background: white;
  height: 100%;
  bottom: 0;
  left: 0;
  opacity: 0;
  position: fixed;
  pointer-events: none;
  right: 0;
  top: 0;
  z-index: -1;
}
.school-locator-map-wrap.school-locator-map-wrap--visible {
  opacity: 1;
  pointer-events: auto;
  z-index: 996;
}
@media only screen and (min-width: 768px)  {
  .school-locator-map-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 2;
        -ms-flex-positive: 2;
            flex-grow: 2;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    pointer-events: auto;
    position: static;
    opacity: 1;
    z-index: inherit;
  }
}
.school-locator-mobile-controls {
  background: white;
  border-top: 2px solid #007ac8;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1), 0 0 2px rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1), 0 0 2px rgba(0, 0, 0, 0.1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 18px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  left: 0;
  /* pointer-events is important here so you can click through
       to the search input box that is below the element */
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 995;
}
@media only screen and (min-width: 768px)  {
  .school-locator-mobile-controls {
    display: none;
  }
}
.school-locator-mobile-controls__list-schools {
  border-left: 1px solid #e6e6e6;
  cursor: pointer;
  padding: 10px;
  /* pointer-events need to be reset here because the
       parent element has them disabled for pass through */
  pointer-events: auto;
  color: #007ac8;
  font-weight: 600;
}
.school-locator-mobile-controls__close {
  border-left: 1px solid #e6e6e6;
  cursor: pointer;
  padding: 10px;
  /* pointer-events need to be reset here because the
       parent element has them disabled for pass through */
  pointer-events: auto;
}
.school-locator-mobile-controls__close .niche-icon {
  height: 1em;
  position: relative;
  top: 3px;
}
.school-locator-mobile-controls__close .niche-icon path {
  fill: #ddd;
}
.school-locator-realtor-attribution {
  background: rgba(255, 255, 255, 0.9);
  background-image: url('../../static/realtor/homes-from-realtor.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: 102px 30px;
  border-radius: 2px;
  top: 57px;
  color: transparent;
  display: none;
  height: 40px;
  left: 10px;
  padding: 5px 6px 0;
  position: absolute;
  text-indent: -1000px;
  width: 114px;
}
@media only screen and (min-width: 768px)  {
  .school-locator-realtor-attribution {
    bottom: auto;
    left: auto;
    right: 12px;
    top: 10px;
  }
}
.school-locator-districts {
  border-bottom: 1px solid #ddd;
  padding: 0 0 1em;
  margin: 0 0 1em;
}
.school-locator-districts__title {
  color: #919191;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.03em;
  margin-bottom: 5px;
  text-transform: uppercase;
}
.school-locator-entity {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 0 1em;
}
.school-locator-entity .chip {
  padding-right: 10px;
}
.school-locator-entity-list-empty {
  border: 1px dotted #bbb;
  border-radius: 2px;
  color: #919191;
  font-size: 18px;
  margin: 1em 0;
  padding: 2em;
  text-align: center;
}
.school-locator-header {
  background: -webkit-gradient(linear, left top, left bottom, from(#c4e7f6), color-stop(50%, white));
  background: linear-gradient(to bottom, #c4e7f6, white 50%);
  text-align: center;
  margin: 0 auto;
  max-width: 1140px;
  padding: 20px 0 0;
  position: relative;
}
@media only screen and (min-width: 768px)  {
  .school-locator-header {
    background: white;
    padding: 2em 350px 2em 30px;
    text-align: left;
  }
  .school-locator-header::after {
    background: url(https://d33a4decm84gsn.cloudfront.net/static/entity-search/schools-graphic.svg);
    background-position: bottom center;
    background-repeat: no-repeat;
    bottom: 0;
    content: '';
    height: 140px;
    position: absolute;
    right: -200px;
    width: 550px;
    z-index: 1;
  }
}
.school-locator-header__title {
  font-size: 24px;
}
@media only screen and (min-width: 768px)  {
  .school-locator-header__title {
    font-size: 32px;
  }
}
.school-locator-header__trigger {
  background: url(https://d33a4decm84gsn.cloudfront.net/static/entity-search/schools-graphic.svg);
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: 600px;
  margin: 15px 0;
  opacity: 0.8;
  padding: 30px 0 120px;
}
@media only screen and (min-width: 768px)  {
  .school-locator-header__trigger {
    display: none;
  }
}
.school-locator-header-description {
  font-size: 16px;
  line-height: 1.2;
  margin: 0 0 0.5em;
  opacity: 0.8;
  padding: 0 15px;
  position: relative;
}
@media only screen and (min-width: 768px)  {
  .school-locator-header-description {
    padding: 0;
  }
}
.school-locator-header-description .school-locator-header-disclaimer {
  display: none;
}
@media only screen and (min-width: 768px)  {
  .school-locator-header-description .school-locator-header-disclaimer {
    display: inline;
    font-size: 16px;
    opacity: 1;
    padding: 0;
  }
  .school-locator-header-description .school-locator-header-disclaimer::before {
    content: ' ';
  }
}
@media only screen and (min-width: 768px)  {
  .school-locator-header-description__toggle,
  .school-locator-header-description__toggle--hidden {
    position: relative;
  }
  .school-locator-header-description__toggle .school-locator-header-description__toggle__link,
  .school-locator-header-description__toggle--hidden .school-locator-header-description__toggle__link {
    cursor: pointer;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
  }
  .school-locator-header-description__toggle .school-locator-header-description__toggle__link::after,
  .school-locator-header-description__toggle--hidden .school-locator-header-description__toggle__link::after {
    background: -webkit-gradient(linear, right top, left top, color-stop(60%, white), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(to left, white 60%, rgba(255, 255, 255, 0) 100%);
    bottom: 0;
    content: 'Less';
    font-weight: 600;
    position: absolute;
    right: 0;
    text-align: right;
    width: 60px;
    z-index: 1;
  }
}
@media only screen and (min-width: 768px)  {
  .school-locator-header-description__toggle--hidden {
    height: 1.2em;
    overflow: hidden;
  }
  .school-locator-header-description__toggle--hidden .school-locator-header-description__toggle__link::after {
    content: 'More';
  }
}
.school-locator-header-disclaimer {
  font-size: 14px;
  line-height: 1.2;
  opacity: 0.8;
  padding: 0 15px;
  text-align: left;
}
@media only screen and (min-width: 768px)  {
  .school-locator-header-disclaimer {
    display: none;
  }
}
.school-locator-header-wrapper {
  overflow: hidden;
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 768px)  {
  .school-locator-header-wrapper {
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1), 0 0 2px rgba(0, 0, 0, 0.1);
            box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1), 0 0 2px rgba(0, 0, 0, 0.1);
  }
}
.school-locator .mapboxgl-ctrl-top-left {
  z-index: auto;
}
@media only screen and (min-width: 768px)  {
  .school-locator .mapboxgl-ctrl-top-left {
    z-index: 99;
  }
}
.school-locator .mapboxgl-ctrl-top-left .mapboxgl-ctrl {
  margin: 0;
}
@media only screen and (min-width: 768px)  {
  .school-locator .mapboxgl-ctrl-top-left .mapboxgl-ctrl {
    margin: 10px 0 0 10px;
  }
}
.school-locator .mapboxgl-ctrl-geocoder {
  font-family: 'Source Sans Pro', sans-serif;
  -webkit-box-shadow: none;
          box-shadow: none;
  z-index: 996;
}
@media only screen and (min-width: 768px)  {
  .school-locator .mapboxgl-ctrl-geocoder {
    min-width: 300px;
    width: 300px;
  }
}
@media only screen and (min-width: 1024px)  {
  .school-locator .mapboxgl-ctrl-geocoder {
    width: 400px;
  }
}
.school-locator .mapboxgl-ctrl-geocoder .geocoder-icon,
.school-locator .mapboxgl-ctrl-geocoder .geocoder-pin-right {
  display: none;
}
.school-locator .mapboxgl-ctrl-geocoder input[type='text'] {
  -webkit-appearance: none;
  background: white;
  border-radius: 0;
  color: rgba(0, 0, 0, 0.5);
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 18px;
  height: 45px;
  left: 0;
  padding: 10px;
  position: absolute;
  top: 2px;
  width: calc(100vw - 39px);
  z-index: 996;
}
.school-locator .mapboxgl-ctrl-geocoder input[type='text']:focus {
  background: #eef9ff;
  color: #007ac8;
}
.school-locator .mapboxgl-ctrl-geocoder input[type='text'] + .suggestions {
  width: calc(100vw - 39px);
}
@media only screen and (min-width: 768px)  {
  .school-locator .mapboxgl-ctrl-geocoder input[type='text'] + .suggestions {
    width: 100%;
  }
}
@media only screen and (min-width: 1024px)  {
  .school-locator .mapboxgl-ctrl-geocoder input[type='text'] + .suggestions {
    width: 400px;
  }
}
@media only screen and (min-width: 768px)  {
  .school-locator .mapboxgl-ctrl-geocoder input[type='text'] {
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1), 0 0 2px rgba(0, 0, 0, 0.1);
            box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1), 0 0 2px rgba(0, 0, 0, 0.1);
    position: static;
    width: 100%;
  }
}
@media only screen and (min-width: 1024px)  {
  .school-locator .mapboxgl-ctrl-geocoder input[type='text'] {
    width: 400px;
  }
}
.school-locator .mapboxgl-ctrl-geocoder .suggestions {
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1), 0 0 2px rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1), 0 0 2px rgba(0, 0, 0, 0.1);
  font: 400 16px/1.4 'Source Sans Pro', sans-serif;
  position: absolute;
  top: 47px;
  left: 0;
}
.school-locator .mapboxgl-ctrl-geocoder .suggestions li a {
  border: 0;
}
.school-locator .mapboxgl-ctrl-geocoder .suggestions li.active a {
  background: #007ac8;
  color: white;
}
@media only screen and (min-width: 768px)  {
  .school-locator .mapboxgl-ctrl-geocoder .suggestions {
    position: static;
  }
}
@media only screen and (min-width: 1024px)  {
  .school-locator .mapboxgl-ctrl-geocoder .suggestions {
    width: 400px;
  }
}
.school-locator[data-has-schools='true'] .mapboxgl-ctrl-geocoder input[type='text']:not(:focus) {
  width: calc(100vw - 152px);
}
@media only screen and (min-width: 768px)  {
  .school-locator[data-has-schools='true'] .mapboxgl-ctrl-geocoder input[type='text']:not(:focus) {
    width: 100%;
  }
}
@media only screen and (min-width: 1024px)  {
  .school-locator[data-has-schools='true'] .mapboxgl-ctrl-geocoder input[type='text']:not(:focus) {
    width: 400px;
  }
}
@media only screen and (min-width: 768px)  {
  .school-locator[data-has-schools='true'] .mapboxgl-ctrl-geocoder input[type='text']:not(:focus) + .suggestions {
    width: 100%;
  }
}
@media only screen and (min-width: 1024px)  {
  .school-locator[data-has-schools='true'] .mapboxgl-ctrl-geocoder input[type='text']:not(:focus) + .suggestions {
    width: 400px;
  }
}
.school-locator-pane {
  padding: 1em 15px 2em;
}
@media only screen and (min-width: 500px)  {
  .school-locator-pane {
    padding: 1em 30px 2em;
  }
}
@media only screen and (min-width: 768px)  {
  .school-locator-pane {
    -webkit-overflow-scrolling: touch;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    overflow-y: auto;
  }
}
.school-locator-pane--empty {
  display: none;
}
@media only screen and (min-width: 768px)  {
  .school-locator-pane--empty {
    display: block;
  }
  .school-locator-pane--empty::before {
    border: 1px dotted #bbb;
    border-radius: 2px;
    content: 'Enter an address to see the schools zoned for it';
    color: #919191;
    display: block;
    font-size: 18px;
    margin: 1em 0;
    padding: 2em;
    text-align: center;
  }
  .school-locator-pane--empty .school-locator-districts,
  .school-locator-pane--empty .school-locator-tabs {
    display: none;
  }
}
.school-locator-pane__current-address {
  border: 1px solid #ddd;
  border-radius: 2px;
  display: block;
  font-size: 18px;
  margin: 0 0 1em;
  overflow: hidden;
  padding: 10px 70px 10px 15px;
  position: relative;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.school-locator-pane__current-address::after {
  border-left: 1px solid #e6e6e6;
  content: 'Map';
  color: #007ac8;
  font-weight: 600;
  padding: 10px 15px;
  position: absolute;
  right: 0;
  top: 0;
}
@media only screen and (min-width: 768px)  {
  .school-locator-pane__current-address {
    display: none;
  }
}
.school-locator-pane__disclaimer {
  color: #919191;
  font-size: 14px;
  margin: 0 0 1em;
}
.school-locator-tab {
  padding: 1em 0 0;
}
.school-locator-tab__disclaimer {
  font-size: 14px;
  color: #919191;
  margin: 0 0 1em;
}
.school-locator-tabs .tabbed-content__body,
.school-locator-tabs .tabbed-content__body--active {
  padding: 0;
}
.school-locator-tabs .tabbed-content-tab {
  font-size: 13px;
}
@media only screen and (min-width: 360px)  {
  .school-locator-tabs .tabbed-content-tab {
    font-size: 1em;
  }
}
/* ---- Real Estate Partner ---- */
.real-estate-header {
  position: relative;
}
.real-estate-header__partner {
  background-image: url(../../static/cta/realtor_logo.png);
  background-size: cover;
  background-position: bottom;
  background-repeat: no-repeat;
  color: transparent;
  cursor: pointer;
  display: block;
  height: 20px;
  position: absolute;
  right: 0;
  top: 5px;
  width: 110px;
}
.platform .real-estate-header__partner:hover,
.real-estate-header__partner:hover {
  color: transparent;
}
@media only screen and (min-width: 500px)  {
  .real-estate-header__partner {
    right: 0;
    top: 8px;
  }
}
@media only screen and (min-width: 600px)  {
  .real-estate-header__partner {
    height: 22px;
    top: 6px;
    width: 120px;
  }
}
.real-estate-header__title {
  color: #53a63a;
  font-size: 26px;
  line-height: 30px;
  margin: 5px 0 15px;
}
@media only screen and (min-width: 500px)  {
  .real-estate-header__title {
    font-size: 30px;
    margin: 5px 0 30px;
  }
}
.real-estate-header__title--no-bottom-margin {
  margin-bottom: 0;
}
.real-estate-home {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.real-estate-home__address {
  color: #919191;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.025em;
  line-height: 13px;
  text-transform: uppercase;
}
.platform .real-estate-listing__link:hover .real-estate-home__address {
  color: #007ac8;
}
.real-estate-home__details {
  line-height: 16px;
}
.real-estate-home__detail {
  color: #464646;
  font-size: 14px;
  display: inline-block;
  white-space: nowrap;
}
.real-estate-home__detail:not(:first-of-type):before {
  content: '\B7';
  display: inline-block;
  text-align: center;
  width: 10px;
}
.platform .real-estate-listing__link:hover .real-estate-home__detail {
  color: #007ac8;
}
.real-estate-home__image {
  background-position: center;
  background-size: cover;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 140px;
          flex: 0 0 140px;
  margin: 0 10px 0 0;
  width: 140px;
}
@media only screen and (min-width: 768px)  {
  .real-estate-home__image {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 170px;
            flex: 0 0 170px;
    width: 170px;
  }
}
.real-estate-home__price {
  font-size: 18px;
  margin: 0 0 5px;
}
.platform .real-estate-listing__link:hover .real-estate-home__price {
  color: #007ac8;
}
@media only screen and (min-width: 768px)  {
  .real-estate-home__price {
    font-size: 22px;
  }
}
.real-estate-home__type {
  color: #464646;
  font-size: 13px;
  margin: 0;
  padding: 0;
}
.platform .real-estate-listing__link:hover .real-estate-home__type {
  color: #007ac8;
}
@media only screen and (min-width: 768px)  {
  .real-estate-home__type {
    font-size: 14px;
  }
}
.real-estate-listing {
  display: block;
  margin: 0 0 20px;
}
.real-estate-listing:last-of-type {
  margin-bottom: 10px;
}
@media only screen and (min-width: 600px)  {
  .real-estate-listing {
    display: inline-block;
    padding: 0 10px 0 0;
    width: 50%;
  }
  .real-estate-listing:nth-last-child(2),
  .real-estate-listing:nth-last-child(1) {
    margin-bottom: 0;
  }
}
.real-estate-listing__link {
  cursor: pointer;
  display: block;
}
.real-estate-listing__link:hover {
  text-decoration: none;
}
.real-estate-listing__link figcaption {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}
.real-estate-listings__list .real-estate-listing {
  vertical-align: top;
}
.real-estate-listings__list .real-estate-listing figcaption {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
}
.real-estate-listings {
  position: relative;
}
.real-estate-listings--loading {
  min-height: 438px;
}
@media only screen and (min-width: 600px)  {
  .real-estate-listings--loading {
    min-height: 209px;
  }
}
@media only screen and (min-width: 768px)  {
  .real-estate-listings--loading {
    min-height: 219px;
  }
}
/* ---- Role Scholarships ---- */
.role-scholarship-body {
  background-color: #e6e6e6;
}
.role-scholarship-form {
  margin: 0 auto;
  max-width: 510px;
  padding: 30px 15px 15px;
  text-align: center;
}
@media only screen and (min-width: 500px)  {
  .role-scholarship-form {
    padding: 45px 30px 30px;
  }
}
.role-scholarship-form__description {
  padding-top: 15px;
}
.role-scholarship-form__apply {
  margin: 30px 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  width: 100%;
}
.role-scholarship-form__apply:focus {
  outline: none;
}
@media only screen and (min-width: 500px)  {
  .role-scholarship-form__apply {
    width: 250px;
  }
}
/* Customize the label (the container) */
.partner-scholarship-opt-in {
  display: inline-block;
  position: relative;
  padding: 0.2em 0 0.2em 2em;
  cursor: pointer;
  font-size: 16px;
  line-height: 1.2;
}
.partner-scholarship-opt-in__input:focus + .partner-scholarship-opt-in-label {
  border-bottom: 1px dotted #787878;
}
/* Hide the browser's default checkbox */
.partner-scholarship-opt-in input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
/* Create a custom checkbox */
.partner-scholarship-opt-in__indicator {
  background: white;
  border-radius: 2px;
  border: 1px solid white;
  font-size: 18px;
  height: 1em;
  left: 0.75em;
  position: absolute;
  top: 0.15em;
  width: 1em;
}
/* On mouse-over, add a grey background color */
.partner-scholarship-opt-in:hover input ~ .partner-scholarship-opt-in__indicator {
  background: #eef9ff;
  border-color: #007ac8;
}
/* When the checkbox is checked, add a blue background */
.partner-scholarship-opt-in input:checked ~ .partner-scholarship-opt-in__indicator {
  background-color: #007ac8;
  border-color: #007ac8;
  border-radius: 2px;
  font-size: 18px;
  height: 1em;
  left: 0.75em;
  position: absolute;
  top: 0.15em;
  width: 1em;
}
/* Create the checkmark/indicator (hidden when not checked) */
.partner-scholarship-opt-in__indicator:after {
  content: '';
  position: absolute;
}
/* Show the checkmark when checked */
.partner-scholarship-opt-in input:checked ~ .partner-scholarship-opt-in__indicator:after {
  -webkit-transform: rotate(45deg) scale(1);
          transform: rotate(45deg) scale(1);
}
/* Style the checkmark/indicator */
.partner-scholarship-opt-in .partner-scholarship-opt-in__indicator:after {
  left: 0.3em;
  top: 0;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg) scale(0);
          transform: rotate(45deg) scale(0);
  /* stylelint-disable time-min-milliseconds */
  -webkit-transition: -webkit-transform 0.15s ease;
  transition: -webkit-transform 0.15s ease;
  transition: transform 0.15s ease;
  transition: transform 0.15s ease, -webkit-transform 0.15s ease;
  /* stylelint-enable time-min-milliseconds */
  will-change: transform;
}
.role-scholarship-reg {
  background-color: #e6e6e6;
  padding-top: 23px;
}
.role-scholarship-reg .form__wrapper--desktop {
  margin: -20px 0 0;
  padding-bottom: 0;
}
/* Hide the form terms within the form wrapper */
.role-scholarship-reg [class^='form'] .form__terms {
  display: none;
}
.role-scholarship-reg .form__terms {
  padding-bottom: 30px;
}
.role-scholarship-reg__callout {
  background-color: #919191;
  color: white;
  line-height: 18px;
  padding: 15px 30px;
  text-align: center;
}
.role-scholarship-reg__callout__link {
  color: white;
  font-weight: 600;
}
.role-scholarship-reg__callout__link:hover {
  color: white;
  text-decoration: none;
}
.role-scholarship .form__header {
  max-width: 220px;
}
.role-scholarship .form__terms {
  max-width: 280px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
@media only screen and (min-width: 350px)  {
  .role-scholarship .form__header {
    max-width: 100%;
  }
}
@media only screen and (min-width: 500px)  {
  .role-scholarship .form__terms {
    max-width: 450px;
  }
}
/* ---- Google Custom Site Search --- */
.custom-site-search {
  max-width: 700px;
  padding: 40px 0 20px;
}
@media only screen and (min-width: 700px)  {
  .custom-site-search {
    margin: 0 auto;
  }
}
.custom-site-search__heading {
  line-height: 1em;
  padding: 0 16px;
  word-wrap: break-word;
}
.custom-site-search__results {
  margin: 5px 0 0;
  min-height: 300px;
  position: relative;
}
.custom-site-search__results--loaded > .loading-indicator {
  display: none;
}
/* ---- Survey Scholarship ---- */
.survey-scholarship {
  background: #eee;
  margin: 0 auto;
  width: 100%;
}
.survey-scholarship .textbox,
.survey-scholarship .textbox--textarea,
.survey-scholarship .survey-open-poll__input,
.survey-scholarship .survey-text-input__input {
  border: none;
}
.survey-scholarship .form__terms {
  color: rgba(0, 0, 0, 0.4);
  margin: 30px 0 7px;
}
.survey-scholarship .form__terms a {
  color: rgba(0, 0, 0, 0.6);
}
.survey-scholarship .form__wrapper--sherlock-override .form__submit {
  display: block;
  text-align: center;
}
.survey-scholarship .form__wrapper--sherlock-override .form__submit .form__submit__error__message {
  text-align: center;
  margin: 0 0 1em;
}
.survey-scholarship .scholarship-deadline {
  line-height: 20px;
  margin: 0 0 0.5em;
  padding: 15px 0;
}
.survey-scholarship .scholarship-footer {
  background-color: #eee;
  margin: 0 auto;
  max-width: 700px;
  padding: 30px 15px;
}
.survey-scholarship .scholarship-footer p {
  line-height: 20px;
  margin: 0 0 0.5em;
  padding: 15px 0;
}
.survey-scholarship .scholarship-footer__info {
  margin: 0;
}
.survey-scholarship .scholarship-header::after {
  display: none;
}
.survey-scholarship .scholarship-header-bg {
  display: none;
}
.survey-scholarship .scholarship-header__deadline {
  color: rgba(0, 0, 0, 0.6);
  font-size: 14px;
}
.survey-scholarship .scholarship-header__description {
  color: rgba(0, 0, 0, 0.5);
  font-size: 16px;
  line-height: 18px;
  margin: 0 auto;
  max-width: 700px;
  padding: 0 0 10px;
}
.survey-scholarship .scholarship-header__title {
  color: rgba(0, 0, 0, 0.6);
  font-size: 30px;
  margin-top: 0;
  padding: 0 0 10px;
}
.survey-scholarship .survey-scholarship__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 10px 15px 15px;
  position: relative;
}
.survey-scholarship .survey-scholarship__header {
  padding-bottom: 20px;
  padding-top: 30px;
}
.survey-scholarship .survey-scholarship__image {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 120px;
  margin: 0 auto;
  max-width: 1400px;
  width: 100%;
}
.survey-scholarship .survey-scholarship__image--colleges {
  background-image: url(../../static/survey/bg-colleges.png);
}
.survey-scholarship .survey-scholarship__image--graduate-schools {
  background-image: url(https://d33a4decm84gsn.cloudfront.net/static/survey/bg-grad.svg);
}
.survey-scholarship .survey-scholarship__image--k12 {
  background-image: url(../../static/survey/bg-k12.png);
}
.survey-scholarship .survey-scholarship__image--places-to-live {
  background-image: url(../../static/survey/bg-places.png);
}
.survey-scholarship .survey-scholarship__image--places-to-work {
  background-image: url(../../static/survey/bg-workplaces.png);
}
.survey-scholarship .survey-scholarship__upper {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(40%, #9eddf8), to(#fffedf));
  background: linear-gradient(to bottom, #9eddf8 40%, #fffedf 100%);
  position: relative;
}
.survey-scholarship .survey-scholarship__wrap {
  display: block;
  height: 100%;
}
.survey-scholarship .survey-scholarship_sherlock-override_cta__link {
  padding-top: 15px;
  text-shadow: rgba(255, 255, 255, 0.4) 1px 1px;
}
.survey-scholarship .survey-scholarship_new-value_label {
  font-size: 18px;
  line-height: 20px;
  margin-bottom: 5px;
  display: block;
}
.survey-scholarship .survey-scholarship_new-value-label__hint {
  font-size: 0.75em;
  color: rgba(0, 0, 0, 0.5);
  margin: 0 0 0 5px;
}
@media only screen and (min-width: 500px)  {
  .survey-scholarship .scholarship-footer {
    padding: 60px 30px 100px;
  }
  .survey-scholarship .survey-scholarship__body {
    padding: 15px 45px;
  }
  .survey-scholarship .survey-scholarship__header {
    padding-bottom: 20px;
    padding-top: 45px;
  }
  .survey-scholarship .survey-scholarship__image {
    height: 160px;
  }
  .survey-scholarship .scholarship-header__title {
    font-size: 32px;
  }
  .survey-scholarship .survey-scholarship__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    min-height: 450px;
  }
}
@media only screen and (min-width: 768px)  {
  .survey-scholarship .scholarship-header__deadline {
    color: rgba(0, 0, 0, 0.6);
    font-size: 16px;
  }
  .survey-scholarship .scholarship-header__description {
    font-size: 18px;
    line-height: 20px;
  }
  .survey-scholarship .scholarship-header__title {
    font-size: 38px;
    padding: 0 0 15px;
  }
  .survey-scholarship .survey-scholarship__body {
    padding: 30px 0;
  }
  .survey-scholarship .survey-scholarship__header {
    padding-bottom: 20px;
    padding-top: 65px;
  }
}
/* Fade out, then fade in transition */
.fade-wait-leave,
.fade-wait-delay-leave {
  opacity: 1;
}
.fade-wait-leave.fade-wait-leave-active,
.fade-wait-delay-leave.fade-wait-delay-leave-active {
  opacity: 0;
  -webkit-transition: opacity 0.4s ease-in;
  transition: opacity 0.4s ease-in;
}
.fade-wait-enter,
.fade-wait-delay-enter {
  opacity: 0;
}
.fade-wait-enter.fade-wait-enter-active,
.fade-wait-delay-enter.fade-wait-delay-enter-active {
  opacity: 1;
  /* Delay the enter animation until the leave completes */
  -webkit-transition: opacity 0.4s ease-in 0.4s;
  transition: opacity 0.4s ease-in 0.4s;
}
.fade-wait-height {
  -webkit-transition: height 0.8s ease-in-out;
  transition: height 0.8s ease-in-out;
}
.fade-wait-delay-height {
  /* Delay the height animation until the leave completes */
  -webkit-transition: height 0.4s ease-in-out 0.4s;
  transition: height 0.4s ease-in-out 0.4s;
}
/* ---- Scholarship Search ---- */
.scholarship-search-header {
  background-color: white;
  border-bottom: 1px solid #ddd;
  display: block;
  width: 100%;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}
.scholarship-search-header__content {
  line-height: 1em;
  margin: 0;
  max-width: 900px;
  padding: 30px 15px 15px;
}
@media only screen and (min-width: 500px)  {
  .scholarship-search-header__content {
    padding: 30px 20px 15px;
  }
}
.scholarship-search-header__icon-and-title {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.scholarship-search-header__icon {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  height: 60px;
  margin: 0 15px 0 0;
  width: 60px;
}
.scholarship-search-header__icon:before {
  background: url(https://d33a4decm84gsn.cloudfront.net/static/scholarship-search/scholarship-search-icon.svg) no-repeat;
  content: '';
  height: 60px;
  position: absolute;
  width: 60px;
}
.scholarship-search-header__title {
  font-size: 32px;
  font-weight: 400;
  line-height: 1em;
  word-break: break-word;
}
.scholarship-search-header__description {
  font-size: 16px;
  line-height: 20px;
  padding: 15px 0;
}
.scholarship-search-header__button {
  line-height: 18px;
  min-height: 43px;
  padding: 0.5em 1em;
  width: 100%;
}
.scholarship-search-header__buttons {
  max-width: 350px;
}
@media only screen and (min-width: 500px)  {
  .scholarship-search-header__button {
    width: auto;
  }
}
@media only screen and (min-width: 768px)  {
  .scholarship-search-header__content {
    padding-left: 120px;
  }
  .scholarship-search-header__icon-and-title {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: block;
    height: inherit;
  }
  .scholarship-search-header__icon {
    float: left;
    margin: 0 0 0 -100px;
    width: 80px;
    height: 80px;
  }
  .scholarship-search-header__icon:before {
    height: 80px;
    width: 80px;
  }
  .scholarship-search-header__title {
    line-height: 1em;
    padding-left: 0;
  }
  .scholarship-search-header__buttons {
    display: none;
  }
  .scholarship-search-header__button {
    display: none;
  }
}
/* stylelint-disable */
.link-button-wrapper {
  /* Autoprefixer doesn't add this and is needed */
  min-width: -webkit-min-content;
  min-width: -moz-min-content;
  min-width: min-content;
}
/* stylelint-enable */
.link-button__link:focus {
  border-color: #007ac8;
  outline: 2px dotted #f2d454;
  outline-offset: 2px;
}
/* top three scholarship results have a Niche
   green title and Apply buttons */
.scholarship-search-result--featured .scholarship-search-result__title {
  color: #53a63a;
}
.scholarship-search-result--featured .scholarship-search-result__apply-button--header {
  background-color: #53a63a;
}
.scholarship-search-result--featured .scholarship-search-result__apply-button--header:hover {
  background-color: #7cbc67;
}
.scholarship-search-result--featured .scholarship-search-result__apply-button--details {
  background-color: #53a63a;
}
.scholarship-search-result--featured .scholarship-search-result__apply-button--details:hover {
  background-color: #7cbc67;
}
.scholarship-search-result__sponsored {
  color: #53a63a;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 600;
  display: block;
  line-height: 20px;
}
.scholarship-search-result__header-wrapper {
  border-bottom: 1px solid #e6e6e6;
  overflow-x: inherit;
  overflow-y: auto;
}
.scholarship-search-result__header {
  margin: 15px;
}
.scholarship-search-result__title {
  font-size: 20px;
  color: #007ac8;
  display: inline-block;
  line-height: 22px;
  word-break: break-word;
}
.scholarship-search-result__header-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 0 0;
}
.scholarship-search-result__header-facts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.scholarship-search-result__header-fact {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  /* Not in official design spec, but looks better for edge case */
  padding-right: 16px;
}
.scholarship-search-result__header-fact-label {
  text-transform: uppercase;
  color: #ababab;
  font-size: 12px;
  font-weight: 600;
}
.scholarship-search-result__header-fact-value {
  font-size: 14px;
  line-height: 15px;
  margin-top: 2px;
  word-break: break-word;
}
.scholarship-search-result__apply-button--header {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.scholarship-search-result__apply-button--details {
  -webkit-box-flex: 4;
      -ms-flex: 4 0 0px;
          flex: 4 0 0;
}
.scholarship-search-result__details-toggle {
  color: #919191;
  font-size: 16px;
  line-height: 1.4em;
  padding: 10px 0;
  text-align: center;
  cursor: pointer;
}
.scholarship-search-result__details-toggle:hover {
  color: #787878;
}
.scholarship-search-result__details {
  background-color: #fafafa;
  border-bottom: 1px solid #e6e6e6;
  display: none;
  padding: 15px;
  /* .scholarship-search-result-toggle > .scholarship-search-result__details */
  /* Shows the content when the toggle is visible */
}
.scholarship-search-result-toggle > .scholarship-search-result__details {
  display: block;
}
.scholarship-search-result__details-fact {
  padding-bottom: 10px;
}
.scholarship-search-result__details-fact-label {
  color: #919191;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
}
.scholarship-search-result__details-fact-value {
  font-size: 14px;
  line-height: 16px;
  word-break: break-word;
}
.scholarship-search-result__requirements {
  list-style: disc outside none;
  margin-left: 18px;
}
.scholarship-search-result__requirement {
  padding-bottom: 10px;
}
.scholarship-search-result__requirement-value {
  font-weight: 600;
}
.scholarship-search-result-toggle__link {
  color: #919191;
  display: block;
  height: 42px;
  margin: 0 -15px;
  padding: 10px 0;
  text-align: center;
  /* .scholarship-search-result-toggle > .scholarship-search-result-toggle__link */
  /* Shows different text and the up arrow when the toggle is visible */
}
.scholarship-search-result-toggle__link:hover {
  color: #787878;
  text-decoration: none;
}
.scholarship-search-result-toggle__link:before {
  content: 'Scholarship Details';
}
.scholarship-search-result-toggle__link:after {
  content: '\E60C';
  font-family: 'Niche-Interface-Symbols';
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  top: 2px;
  position: relative;
  left: 5px;
}
.scholarship-search-result-toggle > .scholarship-search-result-toggle__link:before {
  content: 'Hide Details';
}
.scholarship-search-result-toggle > .scholarship-search-result-toggle__link:after {
  content: '\E60F';
}
@media only screen and (min-width: 500px)  {
  .scholarship-search-result__title {
    font-size: 22px;
    line-height: 24px;
  }
  .scholarship-search-result__header-fact {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 220px;
            flex: 0 0 220px;
  }
  .scholarship-search-result__header-fact-label {
    font-size: 13px;
    line-height: 15px;
  }
  .scholarship-search-result__header-fact-value {
    font-size: 16px;
    line-height: 20px;
    margin-top: 0;
  }
  .scholarship-search-result__details-fact {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .scholarship-search-result__details-fact-label {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    font-size: 13px;
    line-height: 21px;
  }
  .scholarship-search-result__details-fact-value {
    -webkit-box-flex: 4;
        -ms-flex: 4;
            flex: 4;
    font-size: 16px;
    line-height: 20px;
  }
  .scholarship-search-result__requirement {
    display: list-item;
  }
}
.search-results-container {
  /* Add min-height so there's enough
	room for the loading indicator */
  min-height: 300px;
  padding: 0 0 20px;
  position: relative;
  width: 100%;
  height: 1500px;
}
.search-results-header__count {
  color: #919191;
  float: right;
  font-size: 15px;
  margin: 5px 0 0;
}
.scholarship-search-content-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: auto 10px;
  overflow: auto;
  position: relative;
}
.scholarship-search-content-header__count {
  bottom: 0;
  color: #919191;
  display: none;
  font-size: 15px;
  margin: 5px 0 0 auto;
  position: absolute;
  right: 0;
}
.search-category-changer {
  background: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.change-category-button {
  margin: 0 10px 0 0;
}
.active-category-container {
  padding: 3px 0 0;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
}
.active-category__label {
  font-size: 12px;
  color: #919191;
}
.active-category__value {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 14px;
}
@media only screen and (min-width: 500px)  {
  .scholarship-search-content-header {
    margin: auto 0;
  }
  .scholarship-search-content-header__count {
    display: block;
  }
}
@media only screen and (min-width: 768px)  {
  .scholarship-search-content-header {
    padding-bottom: 0;
    pointer-events: none;
  }
  .search-category-changer {
    display: none;
  }
  .scholarship-search-content-header__count {
    position: relative;
    margin: 0 0 0 auto;
    bottom: 0;
  }
}
/* VARIABLES */
/* RULE-SETS */
.sidebar-options {
  padding: 15px 20px;
}
.sidebar-option {
  border-bottom: 1px solid #ddd;
  color: #464646;
  font-size: 20px;
  line-height: 1em;
  list-style-type: none;
  padding: 18px 0 18px 36px;
  position: relative;
  /* .sidebar-option:before */
  /* ACTIVE => A filter in this FilterGroup is active
       OPEN => The sidebar expansion for this sidebar-option is open 8?
       HOVER => The mouse is hovering over the sidebar-option */
  /* .sidebar-option:hover
       .sidebar-option.active */
  /* .sidebar-option.active */
  /* .panel .sidebar-option */
}
.sidebar-option:before {
  background: url(https://d33a4decm84gsn.cloudfront.net/static/scholarship-search/scholarship-icons.svg) no-repeat;
  background-size: 6em 21em;
  content: '';
  height: 35px;
  position: absolute;
  font-size: 33px;
  left: -5px;
  top: 10px;
  width: 35px;
}
.sidebar-option:hover,
.sidebar-option.open {
  color: #007ac8;
  cursor: pointer;
  /* .sidebar-option:hover .sidebar-option__arrow
           .sidebar-option.active .sidebar-option__arrow */
}
.sidebar-option:hover .sidebar-option__arrow,
.sidebar-option.open .sidebar-option__arrow {
  color: #007ac8;
}
.sidebar-option.active {
  /* sidebar-option.active:before */
}
.sidebar-option.active:before {
  /* TODO: figure out how to assign background-position x here */
  color: blue;
}
.panel .sidebar-option {
  margin: 0 20px;
}
.sidebar-option__arrow {
  color: #bbb;
  font-family: 'Niche-Interface-Symbols';
  font-size: 26px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  margin: -13px 0 0 0;
  position: absolute;
  right: -6px;
  speak: none;
  text-transform: none;
  top: 50%;
  -webkit-font-smoothing: antialiased;
}
.sidebar-option__arrow:before {
  content: '\E60E';
}
/* Different sidebar option modifiers */
/* TODO: Figure out how to just define background-position y for
   each option only once */
.sidebar-option--niche-scholarships {
  border-bottom: 1px solid #ddd;
  color: #464646;
  font-size: 20px;
  line-height: 1em;
  list-style-type: none;
  padding: 18px 0 18px 36px;
  position: relative;
  /* .sidebar-option:before */
  /* ACTIVE => A filter in this FilterGroup is active
       OPEN => The sidebar expansion for this sidebar-option is open 8?
       HOVER => The mouse is hovering over the sidebar-option */
  /* .sidebar-option:hover
       .sidebar-option.active */
  /* .sidebar-option.active */
  /* .panel .sidebar-option */
}
.sidebar-option--niche-scholarships:before {
  background: url(https://d33a4decm84gsn.cloudfront.net/static/scholarship-search/scholarship-icons.svg) no-repeat;
  background-size: 6em 21em;
  content: '';
  height: 35px;
  position: absolute;
  font-size: 33px;
  left: -5px;
  top: 10px;
  width: 35px;
}
.sidebar-option--niche-scholarships:hover,
.sidebar-option--niche-scholarships.open {
  color: #007ac8;
  cursor: pointer;
  /* .sidebar-option:hover .sidebar-option__arrow
           .sidebar-option.active .sidebar-option__arrow */
}
.sidebar-option--niche-scholarships:hover .sidebar-option__arrow,
.sidebar-option--niche-scholarships.open .sidebar-option__arrow {
  color: #007ac8;
}
.sidebar-option--niche-scholarships.active {
  /* sidebar-option.active:before */
}
.sidebar-option--niche-scholarships.active:before {
  /* TODO: figure out how to assign background-position x here */
  color: blue;
}
.panel .sidebar-option--niche-scholarships {
  margin: 0 20px;
}
.sidebar-option--niche-scholarships:before {
  background-position: -1.455em -22.455em;
}
.sidebar-option--states {
  border-bottom: 1px solid #ddd;
  color: #464646;
  font-size: 20px;
  line-height: 1em;
  list-style-type: none;
  padding: 18px 0 18px 36px;
  position: relative;
  /* .sidebar-option:before */
  /* ACTIVE => A filter in this FilterGroup is active
       OPEN => The sidebar expansion for this sidebar-option is open 8?
       HOVER => The mouse is hovering over the sidebar-option */
  /* .sidebar-option:hover
       .sidebar-option.active */
  /* .sidebar-option.active */
  /* .panel .sidebar-option */
}
.sidebar-option--states:before {
  background: url(https://d33a4decm84gsn.cloudfront.net/static/scholarship-search/scholarship-icons.svg) no-repeat;
  background-size: 6em 21em;
  content: '';
  height: 35px;
  position: absolute;
  font-size: 33px;
  left: -5px;
  top: 10px;
  width: 35px;
}
.sidebar-option--states:hover,
.sidebar-option--states.open {
  color: #007ac8;
  cursor: pointer;
  /* .sidebar-option:hover .sidebar-option__arrow
           .sidebar-option.active .sidebar-option__arrow */
}
.sidebar-option--states:hover .sidebar-option__arrow,
.sidebar-option--states.open .sidebar-option__arrow {
  color: #007ac8;
}
.sidebar-option--states.active {
  /* sidebar-option.active:before */
}
.sidebar-option--states.active:before {
  /* TODO: figure out how to assign background-position x here */
  color: blue;
}
.panel .sidebar-option--states {
  margin: 0 20px;
}
.sidebar-option--states:before {
  background-position: -1.455em 0.045em;
}
.sidebar-option--majors {
  border-bottom: 1px solid #ddd;
  color: #464646;
  font-size: 20px;
  line-height: 1em;
  list-style-type: none;
  padding: 18px 0 18px 36px;
  position: relative;
  /* .sidebar-option:before */
  /* ACTIVE => A filter in this FilterGroup is active
       OPEN => The sidebar expansion for this sidebar-option is open 8?
       HOVER => The mouse is hovering over the sidebar-option */
  /* .sidebar-option:hover
       .sidebar-option.active */
  /* .sidebar-option.active */
  /* .panel .sidebar-option */
}
.sidebar-option--majors:before {
  background: url(https://d33a4decm84gsn.cloudfront.net/static/scholarship-search/scholarship-icons.svg) no-repeat;
  background-size: 6em 21em;
  content: '';
  height: 35px;
  position: absolute;
  font-size: 33px;
  left: -5px;
  top: 10px;
  width: 35px;
}
.sidebar-option--majors:hover,
.sidebar-option--majors.open {
  color: #007ac8;
  cursor: pointer;
  /* .sidebar-option:hover .sidebar-option__arrow
           .sidebar-option.active .sidebar-option__arrow */
}
.sidebar-option--majors:hover .sidebar-option__arrow,
.sidebar-option--majors.open .sidebar-option__arrow {
  color: #007ac8;
}
.sidebar-option--majors.active {
  /* sidebar-option.active:before */
}
.sidebar-option--majors.active:before {
  /* TODO: figure out how to assign background-position x here */
  color: blue;
}
.panel .sidebar-option--majors {
  margin: 0 20px;
}
.sidebar-option--majors:before {
  background-position: -1.455em -5.955em;
}
.sidebar-option--easy-to-apply {
  border-bottom: 1px solid #ddd;
  color: #464646;
  font-size: 20px;
  line-height: 1em;
  list-style-type: none;
  padding: 18px 0 18px 36px;
  position: relative;
  /* .sidebar-option:before */
  /* ACTIVE => A filter in this FilterGroup is active
       OPEN => The sidebar expansion for this sidebar-option is open 8?
       HOVER => The mouse is hovering over the sidebar-option */
  /* .sidebar-option:hover
       .sidebar-option.active */
  /* .sidebar-option.active */
  /* .panel .sidebar-option */
}
.sidebar-option--easy-to-apply:before {
  background: url(https://d33a4decm84gsn.cloudfront.net/static/scholarship-search/scholarship-icons.svg) no-repeat;
  background-size: 6em 21em;
  content: '';
  height: 35px;
  position: absolute;
  font-size: 33px;
  left: -5px;
  top: 10px;
  width: 35px;
}
.sidebar-option--easy-to-apply:hover,
.sidebar-option--easy-to-apply.open {
  color: #007ac8;
  cursor: pointer;
  /* .sidebar-option:hover .sidebar-option__arrow
           .sidebar-option.active .sidebar-option__arrow */
}
.sidebar-option--easy-to-apply:hover .sidebar-option__arrow,
.sidebar-option--easy-to-apply.open .sidebar-option__arrow {
  color: #007ac8;
}
.sidebar-option--easy-to-apply.active {
  /* sidebar-option.active:before */
}
.sidebar-option--easy-to-apply.active:before {
  /* TODO: figure out how to assign background-position x here */
  color: blue;
}
.panel .sidebar-option--easy-to-apply {
  margin: 0 20px;
}
.sidebar-option--easy-to-apply:before {
  background-position: -1.455em -19.455em;
}
.sidebar-option--minorities {
  border-bottom: 1px solid #ddd;
  color: #464646;
  font-size: 20px;
  line-height: 1em;
  list-style-type: none;
  padding: 18px 0 18px 36px;
  position: relative;
  /* .sidebar-option:before */
  /* ACTIVE => A filter in this FilterGroup is active
       OPEN => The sidebar expansion for this sidebar-option is open 8?
       HOVER => The mouse is hovering over the sidebar-option */
  /* .sidebar-option:hover
       .sidebar-option.active */
  /* .sidebar-option.active */
  /* .panel .sidebar-option */
}
.sidebar-option--minorities:before {
  background: url(https://d33a4decm84gsn.cloudfront.net/static/scholarship-search/scholarship-icons.svg) no-repeat;
  background-size: 6em 21em;
  content: '';
  height: 35px;
  position: absolute;
  font-size: 33px;
  left: -5px;
  top: 10px;
  width: 35px;
}
.sidebar-option--minorities:hover,
.sidebar-option--minorities.open {
  color: #007ac8;
  cursor: pointer;
  /* .sidebar-option:hover .sidebar-option__arrow
           .sidebar-option.active .sidebar-option__arrow */
}
.sidebar-option--minorities:hover .sidebar-option__arrow,
.sidebar-option--minorities.open .sidebar-option__arrow {
  color: #007ac8;
}
.sidebar-option--minorities.active {
  /* sidebar-option.active:before */
}
.sidebar-option--minorities.active:before {
  /* TODO: figure out how to assign background-position x here */
  color: blue;
}
.panel .sidebar-option--minorities {
  margin: 0 20px;
}
.sidebar-option--minorities:before {
  background-position: -1.455em -17.955em;
}
.sidebar-option--more-scholarships {
  border-bottom: 1px solid #ddd;
  color: #464646;
  font-size: 20px;
  line-height: 1em;
  list-style-type: none;
  padding: 18px 0 18px 36px;
  position: relative;
  /* .sidebar-option:before */
  /* ACTIVE => A filter in this FilterGroup is active
       OPEN => The sidebar expansion for this sidebar-option is open 8?
       HOVER => The mouse is hovering over the sidebar-option */
  /* .sidebar-option:hover
       .sidebar-option.active */
  /* .sidebar-option.active */
  /* .panel .sidebar-option */
}
.sidebar-option--more-scholarships:before {
  background: url(https://d33a4decm84gsn.cloudfront.net/static/scholarship-search/scholarship-icons.svg) no-repeat;
  background-size: 6em 21em;
  content: '';
  height: 35px;
  position: absolute;
  font-size: 33px;
  left: -5px;
  top: 10px;
  width: 35px;
}
.sidebar-option--more-scholarships:hover,
.sidebar-option--more-scholarships.open {
  color: #007ac8;
  cursor: pointer;
  /* .sidebar-option:hover .sidebar-option__arrow
           .sidebar-option.active .sidebar-option__arrow */
}
.sidebar-option--more-scholarships:hover .sidebar-option__arrow,
.sidebar-option--more-scholarships.open .sidebar-option__arrow {
  color: #007ac8;
}
.sidebar-option--more-scholarships.active {
  /* sidebar-option.active:before */
}
.sidebar-option--more-scholarships.active:before {
  /* TODO: figure out how to assign background-position x here */
  color: blue;
}
.panel .sidebar-option--more-scholarships {
  margin: 0 20px;
}
.sidebar-option--more-scholarships:before {
  background-position: -1.455em -20.955em;
}
/* Active filter state */
.sidebar-option--niche-scholarships.active {
  border-bottom: 1px solid #ddd;
  color: #464646;
  font-size: 20px;
  line-height: 1em;
  list-style-type: none;
  padding: 18px 0 18px 36px;
  position: relative;
  /* .sidebar-option:before */
  /* ACTIVE => A filter in this FilterGroup is active
       OPEN => The sidebar expansion for this sidebar-option is open 8?
       HOVER => The mouse is hovering over the sidebar-option */
  /* .sidebar-option:hover
       .sidebar-option.active */
  /* .sidebar-option.active */
  /* .panel .sidebar-option */
}
.sidebar-option--niche-scholarships.active:before {
  background: url(https://d33a4decm84gsn.cloudfront.net/static/scholarship-search/scholarship-icons.svg) no-repeat;
  background-size: 6em 21em;
  content: '';
  height: 35px;
  position: absolute;
  font-size: 33px;
  left: -5px;
  top: 10px;
  width: 35px;
}
.sidebar-option--niche-scholarships.active:hover,
.sidebar-option--niche-scholarships.active.open {
  color: #007ac8;
  cursor: pointer;
  /* .sidebar-option:hover .sidebar-option__arrow
           .sidebar-option.active .sidebar-option__arrow */
}
.sidebar-option--niche-scholarships.active:hover .sidebar-option__arrow,
.sidebar-option--niche-scholarships.active.open .sidebar-option__arrow {
  color: #007ac8;
}
.sidebar-option--niche-scholarships.active.active {
  /* sidebar-option.active:before */
}
.sidebar-option--niche-scholarships.active.active:before {
  /* TODO: figure out how to assign background-position x here */
  color: blue;
}
.panel .sidebar-option--niche-scholarships.active {
  margin: 0 20px;
}
.sidebar-option--niche-scholarships.active:before {
  background-position: 0.045em -22.455em;
}
.sidebar-option--states.active {
  border-bottom: 1px solid #ddd;
  color: #464646;
  font-size: 20px;
  line-height: 1em;
  list-style-type: none;
  padding: 18px 0 18px 36px;
  position: relative;
  /* .sidebar-option:before */
  /* ACTIVE => A filter in this FilterGroup is active
       OPEN => The sidebar expansion for this sidebar-option is open 8?
       HOVER => The mouse is hovering over the sidebar-option */
  /* .sidebar-option:hover
       .sidebar-option.active */
  /* .sidebar-option.active */
  /* .panel .sidebar-option */
}
.sidebar-option--states.active:before {
  background: url(https://d33a4decm84gsn.cloudfront.net/static/scholarship-search/scholarship-icons.svg) no-repeat;
  background-size: 6em 21em;
  content: '';
  height: 35px;
  position: absolute;
  font-size: 33px;
  left: -5px;
  top: 10px;
  width: 35px;
}
.sidebar-option--states.active:hover,
.sidebar-option--states.active.open {
  color: #007ac8;
  cursor: pointer;
  /* .sidebar-option:hover .sidebar-option__arrow
           .sidebar-option.active .sidebar-option__arrow */
}
.sidebar-option--states.active:hover .sidebar-option__arrow,
.sidebar-option--states.active.open .sidebar-option__arrow {
  color: #007ac8;
}
.sidebar-option--states.active.active {
  /* sidebar-option.active:before */
}
.sidebar-option--states.active.active:before {
  /* TODO: figure out how to assign background-position x here */
  color: blue;
}
.panel .sidebar-option--states.active {
  margin: 0 20px;
}
.sidebar-option--states.active:before {
  background-position: 0.045em 0.045em;
}
.sidebar-option--majors.active {
  border-bottom: 1px solid #ddd;
  color: #464646;
  font-size: 20px;
  line-height: 1em;
  list-style-type: none;
  padding: 18px 0 18px 36px;
  position: relative;
  /* .sidebar-option:before */
  /* ACTIVE => A filter in this FilterGroup is active
       OPEN => The sidebar expansion for this sidebar-option is open 8?
       HOVER => The mouse is hovering over the sidebar-option */
  /* .sidebar-option:hover
       .sidebar-option.active */
  /* .sidebar-option.active */
  /* .panel .sidebar-option */
}
.sidebar-option--majors.active:before {
  background: url(https://d33a4decm84gsn.cloudfront.net/static/scholarship-search/scholarship-icons.svg) no-repeat;
  background-size: 6em 21em;
  content: '';
  height: 35px;
  position: absolute;
  font-size: 33px;
  left: -5px;
  top: 10px;
  width: 35px;
}
.sidebar-option--majors.active:hover,
.sidebar-option--majors.active.open {
  color: #007ac8;
  cursor: pointer;
  /* .sidebar-option:hover .sidebar-option__arrow
           .sidebar-option.active .sidebar-option__arrow */
}
.sidebar-option--majors.active:hover .sidebar-option__arrow,
.sidebar-option--majors.active.open .sidebar-option__arrow {
  color: #007ac8;
}
.sidebar-option--majors.active.active {
  /* sidebar-option.active:before */
}
.sidebar-option--majors.active.active:before {
  /* TODO: figure out how to assign background-position x here */
  color: blue;
}
.panel .sidebar-option--majors.active {
  margin: 0 20px;
}
.sidebar-option--majors.active:before {
  background-position: 0.045em -5.955em;
}
.sidebar-option--easy-to-apply.active {
  border-bottom: 1px solid #ddd;
  color: #464646;
  font-size: 20px;
  line-height: 1em;
  list-style-type: none;
  padding: 18px 0 18px 36px;
  position: relative;
  /* .sidebar-option:before */
  /* ACTIVE => A filter in this FilterGroup is active
       OPEN => The sidebar expansion for this sidebar-option is open 8?
       HOVER => The mouse is hovering over the sidebar-option */
  /* .sidebar-option:hover
       .sidebar-option.active */
  /* .sidebar-option.active */
  /* .panel .sidebar-option */
}
.sidebar-option--easy-to-apply.active:before {
  background: url(https://d33a4decm84gsn.cloudfront.net/static/scholarship-search/scholarship-icons.svg) no-repeat;
  background-size: 6em 21em;
  content: '';
  height: 35px;
  position: absolute;
  font-size: 33px;
  left: -5px;
  top: 10px;
  width: 35px;
}
.sidebar-option--easy-to-apply.active:hover,
.sidebar-option--easy-to-apply.active.open {
  color: #007ac8;
  cursor: pointer;
  /* .sidebar-option:hover .sidebar-option__arrow
           .sidebar-option.active .sidebar-option__arrow */
}
.sidebar-option--easy-to-apply.active:hover .sidebar-option__arrow,
.sidebar-option--easy-to-apply.active.open .sidebar-option__arrow {
  color: #007ac8;
}
.sidebar-option--easy-to-apply.active.active {
  /* sidebar-option.active:before */
}
.sidebar-option--easy-to-apply.active.active:before {
  /* TODO: figure out how to assign background-position x here */
  color: blue;
}
.panel .sidebar-option--easy-to-apply.active {
  margin: 0 20px;
}
.sidebar-option--easy-to-apply.active:before {
  background-position: 0.045em -19.455em;
}
.sidebar-option--minorities.active {
  border-bottom: 1px solid #ddd;
  color: #464646;
  font-size: 20px;
  line-height: 1em;
  list-style-type: none;
  padding: 18px 0 18px 36px;
  position: relative;
  /* .sidebar-option:before */
  /* ACTIVE => A filter in this FilterGroup is active
       OPEN => The sidebar expansion for this sidebar-option is open 8?
       HOVER => The mouse is hovering over the sidebar-option */
  /* .sidebar-option:hover
       .sidebar-option.active */
  /* .sidebar-option.active */
  /* .panel .sidebar-option */
}
.sidebar-option--minorities.active:before {
  background: url(https://d33a4decm84gsn.cloudfront.net/static/scholarship-search/scholarship-icons.svg) no-repeat;
  background-size: 6em 21em;
  content: '';
  height: 35px;
  position: absolute;
  font-size: 33px;
  left: -5px;
  top: 10px;
  width: 35px;
}
.sidebar-option--minorities.active:hover,
.sidebar-option--minorities.active.open {
  color: #007ac8;
  cursor: pointer;
  /* .sidebar-option:hover .sidebar-option__arrow
           .sidebar-option.active .sidebar-option__arrow */
}
.sidebar-option--minorities.active:hover .sidebar-option__arrow,
.sidebar-option--minorities.active.open .sidebar-option__arrow {
  color: #007ac8;
}
.sidebar-option--minorities.active.active {
  /* sidebar-option.active:before */
}
.sidebar-option--minorities.active.active:before {
  /* TODO: figure out how to assign background-position x here */
  color: blue;
}
.panel .sidebar-option--minorities.active {
  margin: 0 20px;
}
.sidebar-option--minorities.active:before {
  background-position: 0.045em -17.955em;
}
.sidebar-option--more-scholarships.active {
  border-bottom: 1px solid #ddd;
  color: #464646;
  font-size: 20px;
  line-height: 1em;
  list-style-type: none;
  padding: 18px 0 18px 36px;
  position: relative;
  /* .sidebar-option:before */
  /* ACTIVE => A filter in this FilterGroup is active
       OPEN => The sidebar expansion for this sidebar-option is open 8?
       HOVER => The mouse is hovering over the sidebar-option */
  /* .sidebar-option:hover
       .sidebar-option.active */
  /* .sidebar-option.active */
  /* .panel .sidebar-option */
}
.sidebar-option--more-scholarships.active:before {
  background: url(https://d33a4decm84gsn.cloudfront.net/static/scholarship-search/scholarship-icons.svg) no-repeat;
  background-size: 6em 21em;
  content: '';
  height: 35px;
  position: absolute;
  font-size: 33px;
  left: -5px;
  top: 10px;
  width: 35px;
}
.sidebar-option--more-scholarships.active:hover,
.sidebar-option--more-scholarships.active.open {
  color: #007ac8;
  cursor: pointer;
  /* .sidebar-option:hover .sidebar-option__arrow
           .sidebar-option.active .sidebar-option__arrow */
}
.sidebar-option--more-scholarships.active:hover .sidebar-option__arrow,
.sidebar-option--more-scholarships.active.open .sidebar-option__arrow {
  color: #007ac8;
}
.sidebar-option--more-scholarships.active.active {
  /* sidebar-option.active:before */
}
.sidebar-option--more-scholarships.active.active:before {
  /* TODO: figure out how to assign background-position x here */
  color: blue;
}
.panel .sidebar-option--more-scholarships.active {
  margin: 0 20px;
}
.sidebar-option--more-scholarships.active:before {
  background-position: 0.045em -20.955em;
}
/* Overrides for showing in mobile panel */
/* TODO - clean this all up ! */
.panel .sidebar-option {
  margin: 0 20px;
}
.panel .sidebar__expansion {
  -webkit-box-shadow: none;
          box-shadow: none;
  height: auto;
  min-height: 100px;
  position: static;
  -webkit-transform: translateX(0);
          transform: translateX(0);
  width: auto;
}
.panel .expansion__body {
  padding-left: 0;
  padding-right: 0;
}
.panel .expansion__header {
  display: none;
}
.sidebar-container {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  display: none;
  min-width: 300px;
  position: relative;
  width: 300px;
}
.sidebar {
  background-color: white;
  height: 100vh;
  min-width: inherit;
  position: relative;
  width: inherit;
  z-index: 1;
}
.sidebar--fixed {
  background-color: white;
  height: 100vh;
  left: auto;
  min-width: inherit;
  position: fixed;
  top: 0;
  width: inherit;
  z-index: 1;
}
.sidebar--stick-to-bottom {
  background-color: white;
  bottom: 0;
  height: 100vh;
  min-width: inherit;
  position: absolute;
  top: auto;
  width: inherit;
  z-index: 1;
}
.sidebar__main {
  background-color: white;
  -webkit-box-shadow: 5px 0 6px -5px rgba(0, 0, 0, 0.2), 4px 0 4px -5px rgba(0, 0, 0, 0.2);
          box-shadow: 5px 0 6px -5px rgba(0, 0, 0, 0.2), 4px 0 4px -5px rgba(0, 0, 0, 0.2);
  height: 100vh;
  position: relative;
  z-index: 1;
}
.sidebar__header {
  font-size: 28px;
  font-weight: 400;
  padding: 20px 20px 0;
  margin: 0;
}
@media only screen and (min-width: 768px)  {
  .sidebar-container {
    display: block;
  }
}
/* ---- Common Search ---- */
/* SEARCH FILTER OPTION ICONS */
/* Spritesheet */
/* Active/Inactive Icon X Coordinates */
/* Scholarship Icon Y Coordinates */
/* Entity Icon Y Coordinates */
/* Local */
/* K-12 */
/* Colleges */
.common-search-ad-wrapper {
  background-color: white;
  padding: 30px 0 15px;
}
.common-search-container {
  background-color: #f6f6f6;
}
.common-search-body {
  background-color: #f6f6f6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  min-height: 100vh;
}
.common-search-body .loading__container {
  position: absolute;
  top: 180px;
}
.common-search-content {
  min-height: 300px;
  margin: 20px 5px;
  position: relative;
  width: 100%;
}
.common-search-content-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: auto 15px;
  overflow: auto;
}
.common-search-content-header__count {
  color: #919191;
  font-size: 15px;
  margin: 5px 0 0 auto;
}
.common-search-content-body {
  -webkit-box-flex: 1;
      -ms-flex: 1 auto;
          flex: 1 auto;
  margin: 20px 0;
  position: relative;
}
.common-search-content-footer {
  width: 100%;
  clear: both;
}
@media only screen and (min-width: 500px)  {
  .common-search-content {
    margin: 20px;
    padding: 0;
  }
  .common-search-content-header {
    margin: auto;
  }
}
@media only screen and (min-width: 768px)  {
  .common-search-content-body {
    margin: 20px 0 0;
  }
  .common-search-content .loading__container {
    position: fixed;
    top: 40vh;
  }
}
.common-search-filter-header {
  overflow: visible;
  padding: 15px 0 15px 40px;
  position: relative;
}
.common-search-filter-header:before {
  background: url(https://d33a4decm84gsn.cloudfront.net/static/common-search/search-icons.svg) no-repeat top left / 5em 30em;
  content: '';
  height: 35px;
  position: absolute;
  font-size: 33px;
  left: -5px;
  top: 10px;
  width: 35px;
}
.common-search-filter-header__label {
  font-size: 20px;
  line-height: 1em;
}
.common-search-filter-header__description {
  margin: 2px 0 0;
  font-size: 13px;
  line-height: 16px;
  display: block;
}
.common-search-filter-header--your-matches,
.common-search-filter-header--niche-scholarships,
.common-search-filter-header--states,
.common-search-filter-header--majors,
.common-search-filter-header--easy-to-apply,
.common-search-filter-header--minorities,
.common-search-filter-header--more-scholarships {
  overflow: visible;
  padding: 15px 0 15px 40px;
  position: relative;
}
.common-search-filter-header--your-matches:before,
.common-search-filter-header--niche-scholarships:before,
.common-search-filter-header--states:before,
.common-search-filter-header--majors:before,
.common-search-filter-header--easy-to-apply:before,
.common-search-filter-header--minorities:before,
.common-search-filter-header--more-scholarships:before {
  background: url(https://d33a4decm84gsn.cloudfront.net/static/common-search/search-icons.svg) no-repeat top left / 5em 30em;
  content: '';
  height: 35px;
  position: absolute;
  font-size: 33px;
  left: -5px;
  top: 10px;
  width: 35px;
}
.common-search-filter-header--your-matches:before {
  background-position: 0.045em -1.455em;
}
.common-search-filter-header--niche-scholarships:before {
  background-position: 0.045em -22.455em;
}
.common-search-filter-header--states:before {
  background-position: 0.045em 0.045em;
}
.common-search-filter-header--majors:before {
  background-position: 0.045em -5.955em;
}
.common-search-filter-header--easy-to-apply:before {
  background-position: 0.045em -19.455em;
}
.common-search-filter-header--minorities:before {
  background-position: 0.045em -17.955em;
}
.common-search-filter-header--more-scholarships:before {
  background-position: 0.045em -20.955em;
}
@media only screen and (min-width: 768px)  {
  .common-search-filter-header {
    padding-left: 0;
  }
  .common-search-filter-header:before {
    display: none;
  }
  .common-search-filter-header--your-matches,
  .common-search-filter-header--niche-scholarships,
  .common-search-filter-header--states,
  .common-search-filter-header--majors,
  .common-search-filter-header--easy-to-apply,
  .common-search-filter-header--minorities,
  .common-search-filter-header--more-scholarships {
    padding-left: 0;
  }
  .common-search-filter-header--your-matches:before,
  .common-search-filter-header--niche-scholarships:before,
  .common-search-filter-header--states:before,
  .common-search-filter-header--majors:before,
  .common-search-filter-header--easy-to-apply:before,
  .common-search-filter-header--minorities:before,
  .common-search-filter-header--more-scholarships:before {
    display: none;
  }
  .common-search-filter-header__label {
    display: none;
  }
}
.icon-exit-thick--input-list {
  color: #ccc;
  cursor: pointer;
  font-size: 18px;
  margin: -9px 0 0;
  position: absolute;
  right: 0;
  top: 50%;
}
.icon-exit-thick--input-list:hover {
  color: #e25333;
}
.common-search-filter-input--radio {
  cursor: pointer;
  display: block;
  font-size: 18px;
  margin: 0 0 5px;
  padding: 5px 0 5px 35px;
  position: relative;
}
.common-search-filter-input--radio__label {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.common-search-filter-input--radio__label::before {
  background: white;
  border: 1px solid #bbb;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  content: '';
  display: block;
  height: 26px;
  left: 0;
  position: absolute;
  top: 5px;
  width: 26px;
}
.common-search-filter-input--radio--disabled {
  cursor: pointer;
  display: block;
  font-size: 18px;
  margin: 0 0 5px;
  padding: 5px 0 5px 35px;
  position: relative;
  color: #ddd;
  cursor: default;
}
.common-search-filter-input--radio--disabled .common-search-filter-input--radio__label {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.common-search-filter-input--radio--disabled .common-search-filter-input--radio__label::before {
  background: white;
  border: 1px solid #bbb;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  content: '';
  display: block;
  height: 26px;
  left: 0;
  position: absolute;
  top: 5px;
  width: 26px;
}
.common-search-filter-input--radio--disabled .common-search-filter-input--radio__label::before {
  border-color: #ddd;
}
.common-search-filter-input--radio__input {
  opacity: 0.01;
  position: absolute;
  left: 0;
  top: 0;
}
/* stylelint-disable */
.common-search-filter-input--radio__input:checked + .common-search-filter-input--radio__label::before {
  /* stylelint-enable */
  border: 8px solid #007ac8;
}
.common-search-filter-input--input-list {
  border: 1px solid #ccc;
  border-radius: 3px;
  bottom: -1px;
  font-size: 16px;
  list-style: none;
  position: relative;
}
.common-search-filter-input--input-list__item {
  border-top: 1px solid #ddd;
  margin: 0 10px;
  padding: 10px 20px 10px 0;
  position: relative;
}
.common-search-filter-input--input-list__item:first-child {
  border-top: 0;
}
.common-search-filter-input--input-list-select {
  background-color: white;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-radius: 2px;
  border: 1px solid #ccc;
  color: #464646;
  display: block;
  font-family: 'Source Sans Pro';
  font-size: 18px;
  height: 46px;
  line-height: 46px;
  margin-bottom: 26px;
  margin-top: 5px;
  padding-right: 26px;
  padding: 0 15px;
  position: relative;
  width: 100%;
}
.common-search-filter-input--input-list-select:after {
  content: '\E60C';
  color: #464646;
  font-family: 'Niche-Interface-Symbols';
  font-size: 24px;
  position: absolute;
  right: 10px;
  z-index: 1;
  -webkit-font-smoothing: antialiased;
}
.common-search-filter-input--input-list-select__input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: white;
  border-radius: 0;
  font-size: 16px;
  height: 3em;
  left: 0;
  line-height: 3em;
  margin: 0;
  opacity: 0.01;
  padding: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}
.common-search-filter-option {
  border-bottom: 1px solid #ddd;
  color: #464646;
  font-size: 20px;
  line-height: 1em;
  list-style-type: none;
  padding: 18px 0 18px 36px;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  /* .common-search-filter-option:before */
  /* ACTIVE => A filter in this FilterGroup is active
       OPEN => The sidebar expansion for this search-filter-option is open
       HOVER => The mouse is hovering over the search-filter-option */
  /* .common-search-filter-option:hover
       .common-search-filter-option.open-filter */
  /* .common-search-filter-option.active-icon */
  /* .panel .common-search-filter-option */
}
.common-search-filter-option:before {
  background: url(https://d33a4decm84gsn.cloudfront.net/static/common-search/search-icons.svg) no-repeat top left / 5em 30em;
  content: '';
  height: 35px;
  position: absolute;
  font-size: 33px;
  left: -5px;
  top: 10px;
  width: 35px;
}
.common-search-filter-option:hover,
.common-search-filter-option.open-filter {
  color: #007ac8;
  cursor: pointer;
  /* .common-search-filter-option:hover .common-search-filter-option__arrow
           .common-search-filter-option.open-filter .common-search-filter-option__arrow */
}
.common-search-filter-option:hover .common-search-filter-option__arrow,
.common-search-filter-option.open-filter .common-search-filter-option__arrow {
  color: #007ac8;
}
.common-search-filter-option.active-icon {
  /* search-filter-option.active-icon:before */
}
.common-search-filter-option.active-icon:before {
  /* TODO: figure out how to assign background-position x here */
  color: blue;
}
.panel .common-search-filter-option {
  margin: 0 20px;
}
.common-search-filter-option__arrow {
  color: #bbb;
  font-family: 'Niche-Interface-Symbols';
  font-size: 26px;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 1;
  margin: -13px 0 0 0;
  position: absolute;
  right: -6px;
  speak: none;
  text-transform: none;
  top: 50%;
  -webkit-font-smoothing: antialiased;
}
.common-search-filter-option__arrow:before {
  content: '\E60E';
}
.common-search-filter-option__summary {
  color: #007ac8;
  font-size: 13px;
  display: block;
  line-height: 1.5em;
  margin: 4px 25px -8px 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
/* Different sidebar option modifiers */
/* TODO: Figure out how to just define background-position y for
   each option only once */
/* SCHOLARSHIPS */
.common-search-filter-option--your-matches {
  border-bottom: 1px solid #ddd;
  color: #464646;
  font-size: 20px;
  line-height: 1em;
  list-style-type: none;
  padding: 18px 0 18px 36px;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  /* .common-search-filter-option:before */
  /* ACTIVE => A filter in this FilterGroup is active
       OPEN => The sidebar expansion for this search-filter-option is open
       HOVER => The mouse is hovering over the search-filter-option */
  /* .common-search-filter-option:hover
       .common-search-filter-option.open-filter */
  /* .common-search-filter-option.active-icon */
  /* .panel .common-search-filter-option */
  /* Active filter state */
}
.common-search-filter-option--your-matches:before {
  background: url(https://d33a4decm84gsn.cloudfront.net/static/common-search/search-icons.svg) no-repeat top left / 5em 30em;
  content: '';
  height: 35px;
  position: absolute;
  font-size: 33px;
  left: -5px;
  top: 10px;
  width: 35px;
}
.common-search-filter-option--your-matches:hover,
.common-search-filter-option--your-matches.open-filter {
  color: #007ac8;
  cursor: pointer;
  /* .common-search-filter-option:hover .common-search-filter-option__arrow
           .common-search-filter-option.open-filter .common-search-filter-option__arrow */
}
.common-search-filter-option--your-matches:hover .common-search-filter-option__arrow,
.common-search-filter-option--your-matches.open-filter .common-search-filter-option__arrow {
  color: #007ac8;
}
.common-search-filter-option--your-matches.active-icon {
  /* search-filter-option.active-icon:before */
}
.common-search-filter-option--your-matches.active-icon:before {
  /* TODO: figure out how to assign background-position x here */
  color: blue;
}
.panel .common-search-filter-option--your-matches {
  margin: 0 20px;
}
.common-search-filter-option--your-matches:before {
  background-position: -1.455em -1.455em;
}
.common-search-filter-option--your-matches.active-icon:before {
  background-position: 0.045em -1.455em;
}
.common-search-filter-option--niche-scholarships {
  border-bottom: 1px solid #ddd;
  color: #464646;
  font-size: 20px;
  line-height: 1em;
  list-style-type: none;
  padding: 18px 0 18px 36px;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  /* .common-search-filter-option:before */
  /* ACTIVE => A filter in this FilterGroup is active
       OPEN => The sidebar expansion for this search-filter-option is open
       HOVER => The mouse is hovering over the search-filter-option */
  /* .common-search-filter-option:hover
       .common-search-filter-option.open-filter */
  /* .common-search-filter-option.active-icon */
  /* .panel .common-search-filter-option */
  /* Active filter state */
}
.common-search-filter-option--niche-scholarships:before {
  background: url(https://d33a4decm84gsn.cloudfront.net/static/common-search/search-icons.svg) no-repeat top left / 5em 30em;
  content: '';
  height: 35px;
  position: absolute;
  font-size: 33px;
  left: -5px;
  top: 10px;
  width: 35px;
}
.common-search-filter-option--niche-scholarships:hover,
.common-search-filter-option--niche-scholarships.open-filter {
  color: #007ac8;
  cursor: pointer;
  /* .common-search-filter-option:hover .common-search-filter-option__arrow
           .common-search-filter-option.open-filter .common-search-filter-option__arrow */
}
.common-search-filter-option--niche-scholarships:hover .common-search-filter-option__arrow,
.common-search-filter-option--niche-scholarships.open-filter .common-search-filter-option__arrow {
  color: #007ac8;
}
.common-search-filter-option--niche-scholarships.active-icon {
  /* search-filter-option.active-icon:before */
}
.common-search-filter-option--niche-scholarships.active-icon:before {
  /* TODO: figure out how to assign background-position x here */
  color: blue;
}
.panel .common-search-filter-option--niche-scholarships {
  margin: 0 20px;
}
.common-search-filter-option--niche-scholarships:before {
  background-position: -1.455em -22.455em;
}
.common-search-filter-option--niche-scholarships.active-icon:before {
  background-position: 0.045em -22.455em;
}
.common-search-filter-option--states {
  border-bottom: 1px solid #ddd;
  color: #464646;
  font-size: 20px;
  line-height: 1em;
  list-style-type: none;
  padding: 18px 0 18px 36px;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  /* .common-search-filter-option:before */
  /* ACTIVE => A filter in this FilterGroup is active
       OPEN => The sidebar expansion for this search-filter-option is open
       HOVER => The mouse is hovering over the search-filter-option */
  /* .common-search-filter-option:hover
       .common-search-filter-option.open-filter */
  /* .common-search-filter-option.active-icon */
  /* .panel .common-search-filter-option */
  /* Active filter state */
}
.common-search-filter-option--states:before {
  background: url(https://d33a4decm84gsn.cloudfront.net/static/common-search/search-icons.svg) no-repeat top left / 5em 30em;
  content: '';
  height: 35px;
  position: absolute;
  font-size: 33px;
  left: -5px;
  top: 10px;
  width: 35px;
}
.common-search-filter-option--states:hover,
.common-search-filter-option--states.open-filter {
  color: #007ac8;
  cursor: pointer;
  /* .common-search-filter-option:hover .common-search-filter-option__arrow
           .common-search-filter-option.open-filter .common-search-filter-option__arrow */
}
.common-search-filter-option--states:hover .common-search-filter-option__arrow,
.common-search-filter-option--states.open-filter .common-search-filter-option__arrow {
  color: #007ac8;
}
.common-search-filter-option--states.active-icon {
  /* search-filter-option.active-icon:before */
}
.common-search-filter-option--states.active-icon:before {
  /* TODO: figure out how to assign background-position x here */
  color: blue;
}
.panel .common-search-filter-option--states {
  margin: 0 20px;
}
.common-search-filter-option--states:before {
  background-position: -1.455em 0.045em;
}
.common-search-filter-option--states.active-icon:before {
  background-position: 0.045em 0.045em;
}
.common-search-filter-option--majors {
  border-bottom: 1px solid #ddd;
  color: #464646;
  font-size: 20px;
  line-height: 1em;
  list-style-type: none;
  padding: 18px 0 18px 36px;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  /* .common-search-filter-option:before */
  /* ACTIVE => A filter in this FilterGroup is active
       OPEN => The sidebar expansion for this search-filter-option is open
       HOVER => The mouse is hovering over the search-filter-option */
  /* .common-search-filter-option:hover
       .common-search-filter-option.open-filter */
  /* .common-search-filter-option.active-icon */
  /* .panel .common-search-filter-option */
  /* Active filter state */
}
.common-search-filter-option--majors:before {
  background: url(https://d33a4decm84gsn.cloudfront.net/static/common-search/search-icons.svg) no-repeat top left / 5em 30em;
  content: '';
  height: 35px;
  position: absolute;
  font-size: 33px;
  left: -5px;
  top: 10px;
  width: 35px;
}
.common-search-filter-option--majors:hover,
.common-search-filter-option--majors.open-filter {
  color: #007ac8;
  cursor: pointer;
  /* .common-search-filter-option:hover .common-search-filter-option__arrow
           .common-search-filter-option.open-filter .common-search-filter-option__arrow */
}
.common-search-filter-option--majors:hover .common-search-filter-option__arrow,
.common-search-filter-option--majors.open-filter .common-search-filter-option__arrow {
  color: #007ac8;
}
.common-search-filter-option--majors.active-icon {
  /* search-filter-option.active-icon:before */
}
.common-search-filter-option--majors.active-icon:before {
  /* TODO: figure out how to assign background-position x here */
  color: blue;
}
.panel .common-search-filter-option--majors {
  margin: 0 20px;
}
.common-search-filter-option--majors:before {
  background-position: -1.455em -5.955em;
}
.common-search-filter-option--majors.active-icon:before {
  background-position: 0.045em -5.955em;
}
.common-search-filter-option--easy-to-apply {
  border-bottom: 1px solid #ddd;
  color: #464646;
  font-size: 20px;
  line-height: 1em;
  list-style-type: none;
  padding: 18px 0 18px 36px;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  /* .common-search-filter-option:before */
  /* ACTIVE => A filter in this FilterGroup is active
       OPEN => The sidebar expansion for this search-filter-option is open
       HOVER => The mouse is hovering over the search-filter-option */
  /* .common-search-filter-option:hover
       .common-search-filter-option.open-filter */
  /* .common-search-filter-option.active-icon */
  /* .panel .common-search-filter-option */
  /* Active filter state */
}
.common-search-filter-option--easy-to-apply:before {
  background: url(https://d33a4decm84gsn.cloudfront.net/static/common-search/search-icons.svg) no-repeat top left / 5em 30em;
  content: '';
  height: 35px;
  position: absolute;
  font-size: 33px;
  left: -5px;
  top: 10px;
  width: 35px;
}
.common-search-filter-option--easy-to-apply:hover,
.common-search-filter-option--easy-to-apply.open-filter {
  color: #007ac8;
  cursor: pointer;
  /* .common-search-filter-option:hover .common-search-filter-option__arrow
           .common-search-filter-option.open-filter .common-search-filter-option__arrow */
}
.common-search-filter-option--easy-to-apply:hover .common-search-filter-option__arrow,
.common-search-filter-option--easy-to-apply.open-filter .common-search-filter-option__arrow {
  color: #007ac8;
}
.common-search-filter-option--easy-to-apply.active-icon {
  /* search-filter-option.active-icon:before */
}
.common-search-filter-option--easy-to-apply.active-icon:before {
  /* TODO: figure out how to assign background-position x here */
  color: blue;
}
.panel .common-search-filter-option--easy-to-apply {
  margin: 0 20px;
}
.common-search-filter-option--easy-to-apply:before {
  background-position: -1.455em -19.455em;
}
.common-search-filter-option--easy-to-apply.active-icon:before {
  background-position: 0.045em -19.455em;
}
.common-search-filter-option--minorities {
  border-bottom: 1px solid #ddd;
  color: #464646;
  font-size: 20px;
  line-height: 1em;
  list-style-type: none;
  padding: 18px 0 18px 36px;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  /* .common-search-filter-option:before */
  /* ACTIVE => A filter in this FilterGroup is active
       OPEN => The sidebar expansion for this search-filter-option is open
       HOVER => The mouse is hovering over the search-filter-option */
  /* .common-search-filter-option:hover
       .common-search-filter-option.open-filter */
  /* .common-search-filter-option.active-icon */
  /* .panel .common-search-filter-option */
  /* Active filter state */
}
.common-search-filter-option--minorities:before {
  background: url(https://d33a4decm84gsn.cloudfront.net/static/common-search/search-icons.svg) no-repeat top left / 5em 30em;
  content: '';
  height: 35px;
  position: absolute;
  font-size: 33px;
  left: -5px;
  top: 10px;
  width: 35px;
}
.common-search-filter-option--minorities:hover,
.common-search-filter-option--minorities.open-filter {
  color: #007ac8;
  cursor: pointer;
  /* .common-search-filter-option:hover .common-search-filter-option__arrow
           .common-search-filter-option.open-filter .common-search-filter-option__arrow */
}
.common-search-filter-option--minorities:hover .common-search-filter-option__arrow,
.common-search-filter-option--minorities.open-filter .common-search-filter-option__arrow {
  color: #007ac8;
}
.common-search-filter-option--minorities.active-icon {
  /* search-filter-option.active-icon:before */
}
.common-search-filter-option--minorities.active-icon:before {
  /* TODO: figure out how to assign background-position x here */
  color: blue;
}
.panel .common-search-filter-option--minorities {
  margin: 0 20px;
}
.common-search-filter-option--minorities:before {
  background-position: -1.455em -17.955em;
}
.common-search-filter-option--minorities.active-icon:before {
  background-position: 0.045em -17.955em;
}
.common-search-filter-option--more-scholarships {
  border-bottom: 1px solid #ddd;
  color: #464646;
  font-size: 20px;
  line-height: 1em;
  list-style-type: none;
  padding: 18px 0 18px 36px;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  /* .common-search-filter-option:before */
  /* ACTIVE => A filter in this FilterGroup is active
       OPEN => The sidebar expansion for this search-filter-option is open
       HOVER => The mouse is hovering over the search-filter-option */
  /* .common-search-filter-option:hover
       .common-search-filter-option.open-filter */
  /* .common-search-filter-option.active-icon */
  /* .panel .common-search-filter-option */
  /* Active filter state */
}
.common-search-filter-option--more-scholarships:before {
  background: url(https://d33a4decm84gsn.cloudfront.net/static/common-search/search-icons.svg) no-repeat top left / 5em 30em;
  content: '';
  height: 35px;
  position: absolute;
  font-size: 33px;
  left: -5px;
  top: 10px;
  width: 35px;
}
.common-search-filter-option--more-scholarships:hover,
.common-search-filter-option--more-scholarships.open-filter {
  color: #007ac8;
  cursor: pointer;
  /* .common-search-filter-option:hover .common-search-filter-option__arrow
           .common-search-filter-option.open-filter .common-search-filter-option__arrow */
}
.common-search-filter-option--more-scholarships:hover .common-search-filter-option__arrow,
.common-search-filter-option--more-scholarships.open-filter .common-search-filter-option__arrow {
  color: #007ac8;
}
.common-search-filter-option--more-scholarships.active-icon {
  /* search-filter-option.active-icon:before */
}
.common-search-filter-option--more-scholarships.active-icon:before {
  /* TODO: figure out how to assign background-position x here */
  color: blue;
}
.panel .common-search-filter-option--more-scholarships {
  margin: 0 20px;
}
.common-search-filter-option--more-scholarships:before {
  background-position: -1.455em -20.955em;
}
.common-search-filter-option--more-scholarships.active-icon:before {
  background-position: 0.045em -20.955em;
}
/* K-12 */
.common-search-filter-option--location {
  border-bottom: 1px solid #ddd;
  color: #464646;
  font-size: 20px;
  line-height: 1em;
  list-style-type: none;
  padding: 18px 0 18px 36px;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  /* .common-search-filter-option:before */
  /* ACTIVE => A filter in this FilterGroup is active
       OPEN => The sidebar expansion for this search-filter-option is open
       HOVER => The mouse is hovering over the search-filter-option */
  /* .common-search-filter-option:hover
       .common-search-filter-option.open-filter */
  /* .common-search-filter-option.active-icon */
  /* .panel .common-search-filter-option */
}
.common-search-filter-option--location:before {
  background: url(https://d33a4decm84gsn.cloudfront.net/static/common-search/search-icons.svg) no-repeat top left / 5em 30em;
  content: '';
  height: 35px;
  position: absolute;
  font-size: 33px;
  left: -5px;
  top: 10px;
  width: 35px;
}
.common-search-filter-option--location:hover,
.common-search-filter-option--location.open-filter {
  color: #007ac8;
  cursor: pointer;
  /* .common-search-filter-option:hover .common-search-filter-option__arrow
           .common-search-filter-option.open-filter .common-search-filter-option__arrow */
}
.common-search-filter-option--location:hover .common-search-filter-option__arrow,
.common-search-filter-option--location.open-filter .common-search-filter-option__arrow {
  color: #007ac8;
}
.common-search-filter-option--location.active-icon {
  /* search-filter-option.active-icon:before */
}
.common-search-filter-option--location.active-icon:before {
  /* TODO: figure out how to assign background-position x here */
  color: blue;
}
.panel .common-search-filter-option--location {
  margin: 0 20px;
}
.common-search-filter-option--location:before {
  background-position: -1.455em 0.045em;
}
.common-search-filter-option--location.active-icon:before {
  background-position: 0.045em 0.045em;
}
.common-search-filter-option--district {
  border-bottom: 1px solid #ddd;
  color: #464646;
  font-size: 20px;
  line-height: 1em;
  list-style-type: none;
  padding: 18px 0 18px 36px;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  /* .common-search-filter-option:before */
  /* ACTIVE => A filter in this FilterGroup is active
       OPEN => The sidebar expansion for this search-filter-option is open
       HOVER => The mouse is hovering over the search-filter-option */
  /* .common-search-filter-option:hover
       .common-search-filter-option.open-filter */
  /* .common-search-filter-option.active-icon */
  /* .panel .common-search-filter-option */
}
.common-search-filter-option--district:before {
  background: url(https://d33a4decm84gsn.cloudfront.net/static/common-search/search-icons.svg) no-repeat top left / 5em 30em;
  content: '';
  height: 35px;
  position: absolute;
  font-size: 33px;
  left: -5px;
  top: 10px;
  width: 35px;
}
.common-search-filter-option--district:hover,
.common-search-filter-option--district.open-filter {
  color: #007ac8;
  cursor: pointer;
  /* .common-search-filter-option:hover .common-search-filter-option__arrow
           .common-search-filter-option.open-filter .common-search-filter-option__arrow */
}
.common-search-filter-option--district:hover .common-search-filter-option__arrow,
.common-search-filter-option--district.open-filter .common-search-filter-option__arrow {
  color: #007ac8;
}
.common-search-filter-option--district.active-icon {
  /* search-filter-option.active-icon:before */
}
.common-search-filter-option--district.active-icon:before {
  /* TODO: figure out how to assign background-position x here */
  color: blue;
}
.panel .common-search-filter-option--district {
  margin: 0 20px;
}
.common-search-filter-option--district:before {
  background-position: -1.455em -2.955em;
}
.common-search-filter-option--district.active-icon:before {
  background-position: 0.045em -2.955em;
}
.common-search-filter-option--grades-offered {
  border-bottom: 1px solid #ddd;
  color: #464646;
  font-size: 20px;
  line-height: 1em;
  list-style-type: none;
  padding: 18px 0 18px 36px;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  /* .common-search-filter-option:before */
  /* ACTIVE => A filter in this FilterGroup is active
       OPEN => The sidebar expansion for this search-filter-option is open
       HOVER => The mouse is hovering over the search-filter-option */
  /* .common-search-filter-option:hover
       .common-search-filter-option.open-filter */
  /* .common-search-filter-option.active-icon */
  /* .panel .common-search-filter-option */
}
.common-search-filter-option--grades-offered:before {
  background: url(https://d33a4decm84gsn.cloudfront.net/static/common-search/search-icons.svg) no-repeat top left / 5em 30em;
  content: '';
  height: 35px;
  position: absolute;
  font-size: 33px;
  left: -5px;
  top: 10px;
  width: 35px;
}
.common-search-filter-option--grades-offered:hover,
.common-search-filter-option--grades-offered.open-filter {
  color: #007ac8;
  cursor: pointer;
  /* .common-search-filter-option:hover .common-search-filter-option__arrow
           .common-search-filter-option.open-filter .common-search-filter-option__arrow */
}
.common-search-filter-option--grades-offered:hover .common-search-filter-option__arrow,
.common-search-filter-option--grades-offered.open-filter .common-search-filter-option__arrow {
  color: #007ac8;
}
.common-search-filter-option--grades-offered.active-icon {
  /* search-filter-option.active-icon:before */
}
.common-search-filter-option--grades-offered.active-icon:before {
  /* TODO: figure out how to assign background-position x here */
  color: blue;
}
.panel .common-search-filter-option--grades-offered {
  margin: 0 20px;
}
.common-search-filter-option--grades-offered:before {
  background-position: -1.455em -10.455em;
}
.common-search-filter-option--grades-offered.active-icon:before {
  background-position: 0.045em -10.455em;
}
.common-search-filter-option--school-type {
  border-bottom: 1px solid #ddd;
  color: #464646;
  font-size: 20px;
  line-height: 1em;
  list-style-type: none;
  padding: 18px 0 18px 36px;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  /* .common-search-filter-option:before */
  /* ACTIVE => A filter in this FilterGroup is active
       OPEN => The sidebar expansion for this search-filter-option is open
       HOVER => The mouse is hovering over the search-filter-option */
  /* .common-search-filter-option:hover
       .common-search-filter-option.open-filter */
  /* .common-search-filter-option.active-icon */
  /* .panel .common-search-filter-option */
}
.common-search-filter-option--school-type:before {
  background: url(https://d33a4decm84gsn.cloudfront.net/static/common-search/search-icons.svg) no-repeat top left / 5em 30em;
  content: '';
  height: 35px;
  position: absolute;
  font-size: 33px;
  left: -5px;
  top: 10px;
  width: 35px;
}
.common-search-filter-option--school-type:hover,
.common-search-filter-option--school-type.open-filter {
  color: #007ac8;
  cursor: pointer;
  /* .common-search-filter-option:hover .common-search-filter-option__arrow
           .common-search-filter-option.open-filter .common-search-filter-option__arrow */
}
.common-search-filter-option--school-type:hover .common-search-filter-option__arrow,
.common-search-filter-option--school-type.open-filter .common-search-filter-option__arrow {
  color: #007ac8;
}
.common-search-filter-option--school-type.active-icon {
  /* search-filter-option.active-icon:before */
}
.common-search-filter-option--school-type.active-icon:before {
  /* TODO: figure out how to assign background-position x here */
  color: blue;
}
.panel .common-search-filter-option--school-type {
  margin: 0 20px;
}
.common-search-filter-option--school-type:before {
  background-position: -1.455em -11.955em;
}
.common-search-filter-option--school-type.active-icon:before {
  background-position: 0.045em -11.955em;
}
.common-search-filter-clear {
  color: #007ac8;
  cursor: pointer;
  display: inline-block;
  font-size: 16px;
  margin-top: 15px;
  text-decoration: underline;
}
.common-search-filter-clear:hover {
  color: #0063a5;
}
/* Overrides to the default panel styles,
   just for search results panels on mobile */
.panel-stack--right--search-filters .panel {
  border-top: 50% solid #007ac8;
  /* Override default panel, we want the body to scroll */
  overflow-x: hidden;
  overflow-y: visible;
  -webkit-overflow-scrolling: auto;
}
.panel__header__wrapper--search-filters {
  background: #007ac8;
  height: 60px;
  overflow: hidden;
  width: 311px;
}
.panel__header__wrapper--search-filters .panel__header,
.panel__header__wrapper--search-filters .panel__header--shadow {
  background: #007ac8;
}
.panel__header__wrapper--search-filters .icon-exit-thin--panel-header {
  color: #b8def7;
  top: -10px;
}
.panel__header__wrapper--search-filters .icon-exit-thin--panel-header:hover {
  color: white;
}
.panel__header__wrapper--search-filters .common-search__mobile__panel__header {
  color: white;
  font-size: 20px;
  line-height: 1em;
  padding: 5px 0 0;
}
.panel__body--search-filters {
  background-color: white;
  height: 100%;
}
.panel__body--search-filters .panel__options {
  padding: 15px 0;
  width: 295px;
}
.panel__body--search-filters .panel__option {
  margin: 0 15px;
}
.panel__body--search-filters .panel__option:hover,
.panel__body--search-filters .panel__option:hover .icon-arrowright-thin--panel__option {
  color: #007ac8;
}
.panel__body--search-filters .panel__option__text {
  font-size: 20px;
  font-weight: 400;
  line-height: 1em;
}
.panel__body--search-filters .search__filter__option::before {
  top: 12px;
}
.panel__body--search-filters .sidebar__expansion {
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  height: auto;
  min-height: 400px;
  position: absolute;
  top: 0;
  -webkit-transform: translateX(0);
          transform: translateX(0);
  width: 300px;
}
.panel__body--search-filter-panel {
  background-color: white;
  height: calc(100% - 60px);
  overflow: auto;
  padding: 20px 15px;
  -webkit-overflow-scrolling: touch;
  width: 295px;
}
.panel__body--search-filter-panel .search__filter__option {
  border: 0;
  margin: 0 0 5px;
}
.search-filter-panel .expansion__description {
  display: none;
}
.search-filter-panel .expansion__body {
  padding: 0;
}
.search-filter-panel__button {
  display: block;
  margin-top: 40px;
}
.search-filter-panel__description {
  font-size: 13px;
  line-height: 16px;
  margin: 2px 0 0;
}
.search-filter-panel__title {
  border-bottom: 0;
  pointer-events: none;
}
.search-filter-panel__title:hover,
.search-filter-panel__title:focus {
  color: #464646;
}
.panel .search-filter-panel__title {
  margin: 0;
}
.no-search-results {
  color: #919191;
  font-size: 15px;
  margin: 40px auto;
  max-width: 250px;
  text-align: center;
}
.no-search-results__title {
  color: #464646;
  font-size: 20px;
  font-weight: 400;
  margin: 0 0 10px;
}
.common-search-sidebar-expansion-enter {
  -webkit-animation: search-sidebar-expansion--entering 200ms ease-in;
          animation: search-sidebar-expansion--entering 200ms ease-in;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.common-search-sidebar-expansion-leave {
  -webkit-animation: search-sidebar-expansion--exiting 200ms ease-in;
          animation: search-sidebar-expansion--exiting 200ms ease-in;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.common-search-sidebar-expansion-header {
  height: 40px;
  padding: 0;
}
.common-search-sidebar-expansion-body {
  padding: 0 20px 15px;
}
@-webkit-keyframes search-sidebar-expansion--entering {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(300px);
            transform: translateX(300px);
  }
}
@keyframes search-sidebar-expansion--entering {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(300px);
            transform: translateX(300px);
  }
}
@-webkit-keyframes search-sidebar-expansion--exiting {
  0% {
    -webkit-transform: translateX(300px);
            transform: translateX(300px);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 0;
  }
}
@keyframes search-sidebar-expansion--exiting {
  0% {
    -webkit-transform: translateX(300px);
            transform: translateX(300px);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 0;
  }
}
.common-search-sidebar-container {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  background-color: white;
  display: none;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 300px;
          flex: 0 0 300px;
  position: relative;
  top: 0;
}
.common-search-sidebar-content {
  position: relative;
  z-index: 2;
  /* .common-search-sidebar-content.fix-bottom */
  /* .common-search-sidebar-contet.fix-middle */
}
.common-search-sidebar-content.fix-bottom {
  bottom: 0;
  position: absolute;
  top: auto;
}
.common-search-sidebar-content.fix-middle {
  position: fixed;
  top: 0;
}
.common-search-sidebar {
  background-color: white;
  -webkit-box-shadow: 5px 0 6px -5px rgba(0, 0, 0, 0.2), 4px 0 4px -5px rgba(0, 0, 0, 0.2);
          box-shadow: 5px 0 6px -5px rgba(0, 0, 0, 0.2), 4px 0 4px -5px rgba(0, 0, 0, 0.2);
  min-height: 100vh;
  position: relative;
  width: 300px;
  z-index: 2;
  top: 0;
}
.common-search-sidebar-body {
  padding: 15px 20px;
}
.common-search-sidebar-expansion {
  background-color: white;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-box-shadow: 5px 0 6px -5px rgba(0, 0, 0, 0.2), 4px 0 4px -5px rgba(0, 0, 0, 0.2);
          box-shadow: 5px 0 6px -5px rgba(0, 0, 0, 0.2), 4px 0 4px -5px rgba(0, 0, 0, 0.2);
  min-height: 100vh;
  width: 300px;
  position: absolute;
  top: 0;
  -webkit-transform: translateX(300px);
          transform: translateX(300px);
  z-index: 1;
}
.common-search-sidebar-expansion__close {
  color: #ddd;
  cursor: pointer;
  font-family: 'Niche-Interface-Symbols';
  font-size: 26px;
  height: 50px;
  line-height: 46px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 7px;
  width: 53px;
}
.common-search-sidebar-expansion__close:before {
  content: '\E611';
}
.common-search-sidebar-expansion__close:hover {
  color: #bbb;
}
@media only screen and (min-width: 768px)  {
  .common-search-sidebar-container {
    display: inline-block;
  }
}
/* ---- Utils ---- */
/**
 * Common utilities for Less.
 * Use for global mixins, rulesets, etc
 *
 * `_`-prefixed functions are "private"
 * and should only be called by other mixins
 *
 * NOTE: Break out this file if it bloats
 */
/*** GUARDS ***/
/*** MIXINS ***/
/* ---- Survey ---- */
/* ** VARS ** */
/* ** STYLES ** */
.survey__label,
.survey-review__label,
.survey-text-input__label,
.star-rating__label {
  color: #464646;
  display: block;
  font-size: 18px;
  line-height: 20px;
  margin-bottom: 5px;
  word-wrap: break-word;
}
.survey__label .entity-name,
.star-rating__label .entity-name {
  font-weight: 600;
}
.survey__label--large {
  display: block;
  font-size: 24px;
  line-height: 28px;
  margin: 0 0 15px;
}
/* * BLOCKS * */
.survey-block,
.survey-block--one,
.survey-block--address,
.survey-block--login-registration {
  padding: 2em 0;
}
@media only screen and (min-width: 550px)  {
  .survey-block,
  .survey-block--one,
  .survey-block--address,
  .survey-block--login-registration {
    max-width: 630px;
  }
}
.survey-block__heading,
.survey-block--one__heading,
.survey-block--address__heading,
.survey-single-choice__heading,
.survey-block--one__heading,
.survey-bucket--blank__heading,
.survey-bucket--list__heading,
.survey-block--login-registration__title .survey-block--login-registration__heading {
  font-size: 22px;
  line-height: 24px;
  word-wrap: break-word;
}
.survey-block__heading .entity-name,
.survey-block--one__heading .entity-name,
.survey-block--address__heading .entity-name,
.survey-single-choice__heading .entity-name,
.survey-block--one__heading .entity-name,
.survey-bucket--blank__heading .entity-name,
.survey-bucket--list__heading .entity-name,
.survey-block--login-registration__title .survey-block--login-registration__heading .entity-name {
  font-weight: 600;
}
.survey-block--address__buckets {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
}
.survey-block--1,
.survey-block--2,
.survey-block--3,
.survey-block--4,
.survey-block--5,
.survey-block--6 {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  padding: 0 15px 30px;
  width: 100%;
}
/* * ERROR MESSAGES * */
.survey-bucket__error-message,
.survey-dropdown__error-message,
.survey-review__error-message,
.survey-text-input__error-message,
._survey-option-list__error-message,
.star-rating__error-message,
.survey-single-choice__error-message,
.survey-single-choice-hz__error-message,
.survey-mult-choice__error-message {
  color: #f4724a;
  display: block;
  font-size: 14px;
  padding-top: 5px;
}
.survey {
  padding-bottom: 70px;
}
.survey__image {
  background: url(../../static/survey/bg-workplaces.png) no-repeat bottom center / cover;
  display: block;
  height: 160px;
  max-width: 1400px;
  margin: 0 auto;
  width: 100%;
}
.survey__wrapper {
  margin-top: 0;
  padding: 0;
}
.survey__section {
  background: rgba(255, 255, 255, 0.6);
  margin: 0 auto;
  max-width: 830px;
  padding: 0 15px 30px;
}
.survey__section .form--disabled {
  max-width: 830px;
}
.survey-header .survey__section {
  background: transparent;
  padding: 0;
}
@media only screen and (min-width: 500px)  {
  .survey__section {
    padding: 30px;
  }
}
@media only screen and (min-width: 768px)  {
  .survey__section {
    padding-left: 100px;
    padding-right: 100px;
  }
}
section[class^='survey-block--'] + section[class^='survey-block--'] {
  border-top: 2px solid white;
}
section[class^='survey-block--']:last-of-type {
  padding-bottom: 0;
}
.survey__submit {
  padding: 20px 0;
  text-align: center;
}
.survey__submit .form__submit__btn {
  display: block;
  margin-top: 20px;
  width: 100%;
}
@media only screen and (min-width: 500px)  {
  .survey__submit .form__submit__btn {
    display: inline-block;
    font-size: 20px;
    width: 135px;
  }
}
.survey__form-error {
  color: #f4724a;
}
.survey-block--address .survey-bucket--blank__content:nth-child(2) {
  padding-top: 1em;
}
.survey-block--address .survey-block--address__buckets .survey-bucket--blank {
  width: 100%;
}
.survey-block--address .survey-block--address__buckets .survey-bucket--blank .survey-bucket--blank__content {
  width: 100%;
}
@media only screen and (min-width: 600px)  {
  .survey-block--address-csz__buckets {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .survey-block--address-csz__buckets .survey-bucket--blank:nth-child(2),
  .survey-block--address-csz__buckets .survey-bucket--blank:nth-child(3) {
    margin-left: 1em;
  }
}
.survey-block--login-registration .survey-bucket--blank {
  -webkit-box-flex: 2;
      -ms-flex: 2 auto;
          flex: 2 auto;
}
.survey-block--login-registration .survey-bucket--blank .survey-text-input__label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-height: 20px;
}
.survey-block--login-registration .survey-bucket--blank .field-group__meta__cta--forgot-pwd {
  position: static;
  text-align: right;
  margin-top: 0;
  width: 100%;
}
@media only screen and (min-width: 768px)  {
  .survey-block--login-registration .recaptcha-fine-print {
    max-width: 250px;
  }
}
.survey-block--login-registration__buckets {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media only screen and (min-width: 600px)  {
  .survey-block--login-registration__buckets .survey-bucket--blank:nth-child(1),
  .survey-block--login-registration__buckets .survey-bucket--blank:nth-child(2) {
    margin-right: 16px;
  }
}
.survey-block-login-registration__mode-toggle {
  margin-top: 4px;
  margin-bottom: 10px;
  display: block;
  font-size: 16px;
}
.survey-block-login-registration__mode-toggle > input[type='radio'] {
  opacity: 0.00001;
  position: absolute;
  z-index: -500000;
}
.survey-block-login-registration__mode-toggle input:checked + label::before,
.survey-block-login-registration__mode-toggle > input:not(:checked) + label:focus::before {
  border: 6px solid #007ac8;
}
.platform .survey-block-login-registration__mode-toggle > input:not(:checked) + label:hover::before {
  border-color: #007ac8;
  background: #eef9ff;
}
.survey-block-login-registration__mode-toggle .survey-single-choice__list_item__label {
  padding-right: 25px;
}
.survey-block-login-registration__mode-toggle .survey-single-choice__list_item__label::before {
  border-color: #ababab;
  height: 1.2em;
  width: 1.2em;
}
/**
 * survey / buckets / base.less
 *
 * Each bucket builds off of these styles by extending 
 * them and adding additional styling, as needed.
 */
.survey-bucket-content,
.survey-bucket--blank__content,
.survey-bucket--list__list .survey-bucket--list__list-item {
  padding-bottom: 0;
}
.survey-bucket--blank__content {
  margin-bottom: 1em;
}
.survey-block--one .survey-bucket--blank__content + .survey-bucket--blank__content {
  margin-top: 2.5em;
}
.survey-bucket--list__list {
  display: block;
}
.survey-bucket--list__list .survey-bucket--list__list-item {
  position: relative;
}
@media only screen and (min-width: 550px)  {
  .survey-bucket--list__list:not(.survey-bucket--list__list--col1) .survey-bucket--list__list-item {
    -webkit-box-flex: 1;
        -ms-flex: 1 auto;
            flex: 1 auto;
  }
}
@media only screen and (min-width: 550px)  {
  .survey-bucket--list__list:not(.survey-bucket--list__list--col1) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media only screen and (min-width: 550px)  {
  .survey-bucket--list__list.survey-bucket--list__list--col1 {
    margin-top: 40px;
  }
}
@media only screen and (min-width: 550px)  {
  .survey-bucket--list__list.survey-bucket--list__list--col1 .survey-bucket--list__list-item {
    padding: 0 0 20px;
  }
  .survey-bucket--list__list.survey-bucket--list__list--col1 .survey-bucket--list__list-item:last-child {
    padding-bottom: 0;
  }
}
.survey-landing {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(40%, #9eddf8), to(#fffedf));
  background: linear-gradient(to bottom, #9eddf8 40%, #fffedf 100%);
  border-radius: inherit;
  position: relative;
}
.survey-landing .survey-header {
  padding: 35px 0 0;
  position: relative;
}
.survey-landing .survey-header__heading {
  color: rgba(0, 0, 0, 0.6);
  font-size: 30px;
  line-height: 1em;
  padding: 0;
  text-align: center;
  width: 100%;
}
.survey-landing .survey-header__tagline {
  color: rgba(0, 0, 0, 0.5);
  font-size: 16px;
  line-height: 18px;
  margin: 0;
  padding-top: 10px;
}
.survey-landing .survey__section {
  padding: 0;
}
.survey-landing .form__wrapper--sherlock-override .form__header ~ .field-group__wrapper:first-of-type {
  margin-top: 0;
}
.survey-landing .form__wrapper--sherlock-override .textbox,
.survey-landing .form__wrapper--sherlock-override .textbox--textarea,
.survey-landing .form__wrapper--sherlock-override .survey-open-poll__input,
.survey-landing .form__wrapper--sherlock-override .survey-text-input__input {
  border: none;
}
.survey-landing .form__wrapper--sherlock-override .form__submit {
  display: block;
  text-align: center;
}
.survey-landing .form__wrapper--sherlock-override .form__submit .form__submit__error__message {
  text-align: center;
  margin: 0 0 1em;
}
.survey-landing__body {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: none;
  border-radius: inherit;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 30px 0 0;
  position: relative;
}
.survey-landing__body > span {
  width: 100%;
}
.survey-landing__image {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 120px;
  margin: 0 auto;
  max-width: 1400px;
  width: 100%;
}
.survey-landing__image--in-app {
  position: absolute;
  bottom: 40px;
  height: 135px;
}
.survey-landing__image--colleges {
  background-image: url(../../static/survey/bg-colleges.png);
}
.survey-landing__image--graduate-schools {
  background-image: url(https://d33a4decm84gsn.cloudfront.net/static/survey/bg-grad.svg);
}
.survey-landing__image--k12 {
  background-image: url(../../static/survey/bg-k12.png);
}
.survey-landing__image--places-to-live {
  background-image: url(../../static/survey/bg-places.png);
}
.survey-landing__image--places-to-work {
  background-image: url(../../static/survey/bg-workplaces.png);
}
.survey-landing__wrap {
  padding: 30px 10px;
}
.survey-landing__input-enter {
  -webkit-animation: survey-landing__input--entering 500ms ease;
          animation: survey-landing__input--entering 500ms ease;
  opacity: 0;
}
.survey-landing__input-leave {
  opacity: 1;
}
.survey-landing__input-leave-active {
  opacity: 0;
  -webkit-transition: opacity 0.4s ease-in 0.6;
  transition: opacity 0.4s ease-in 0.6;
}
.survey-landing__input-enter-active {
  opacity: 1;
  -webkit-transition: opacity 0.4s ease-in 0.6;
  transition: opacity 0.4s ease-in 0.6;
}
.survey-landing_sherlock-override_cta__link {
  padding-top: 15px;
  text-shadow: rgba(255, 255, 255, 0.4) 1px 1px;
}
@media only screen and (min-width: 500px)  {
  .survey-landing .survey-header {
    padding: 45px 0 0;
  }
  .survey-landing .survey-header__heading {
    font-size: 32px;
    padding: 0;
  }
  .survey-landing .survey-header__tagline {
    font-size: 16px;
    line-height: 18px;
    padding-top: 10px;
  }
  .survey-landing .survey-landing__body {
    padding: 35px 0 0;
  }
  .survey-landing .survey-landing__image {
    height: 160px;
  }
  .survey-landing .survey-landing__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    min-height: 50vh;
    padding: 0 45px 30px;
  }
}
@media only screen and (min-width: 768px)  {
  .survey-landing .survey-header {
    padding: 65px 0 0;
  }
  .survey-landing .survey-header__heading {
    font-size: 38px;
    padding: 0;
  }
  .survey-landing .survey-header__tagline {
    font-size: 18px;
    line-height: 20px;
    padding-top: 15px;
  }
}
.survey-landing--in-app {
  min-height: 100vh;
}
/* Fade out, then fade in transition */
.fade-wait-leave {
  opacity: 1;
}
.fade-wait-leave.fade-wait-leave-active {
  opacity: 0;
  -webkit-transition: opacity 0.4s ease-in;
  transition: opacity 0.4s ease-in;
}
.fade-wait-enter {
  opacity: 0;
}
.fade-wait-enter.fade-wait-enter-active {
  opacity: 1;
  /* Delay the enter animation until the leave completes */
  -webkit-transition: opacity 0.4s ease-in 0.6s;
  transition: opacity 0.4s ease-in 0.6s;
}
.fade-wait-height {
  -webkit-transition: height 0.6s ease-in-out;
  transition: height 0.6s ease-in-out;
}
.survey-sherlock {
  margin: 0;
  margin-bottom: 11px;
  width: 100%;
}
.survey-sherlock [class^='sherlock__wrapper'] {
  margin: 0;
  padding: 0 0 20px;
}
.survey-sherlock .sherlock,
.survey-sherlock .sherlock--success,
.survey-sherlock .sherlock--error,
.survey-sherlock .sherlock--search-filter,
.survey-sherlock .sherlock--sherlock-list {
  border: none;
  font-size: 18px;
  height: 45px;
  line-height: normal;
  margin-left: 0;
  padding: 0 0.75rem;
}
.survey-sherlock .sherlock__results {
  border: none;
  left: 0;
  top: 44px;
}
.survey-sherlock .sherlock--state-filter {
  border-radius: 2px 0 0 2px;
  border: none;
  font-size: 18px;
  height: 100%;
  padding: 2px 12px 0;
}
.survey-sherlock .sherlock--state-filter__wrapper {
  -webkit-box-flex: 1.585;
      -ms-flex: 1.585 0 0px;
          flex: 1.585 0 0;
  height: 45px;
  margin-right: 2px;
}
@media only screen and (min-width: 500px)  {
  .survey-sherlock .sherlock--state-filter__wrapper {
    -webkit-box-flex: 1.305;
        -ms-flex: 1.305 0 0px;
            flex: 1.305 0 0;
  }
}
.survey-sherlock .sherlock--state-filter__wrapper::after {
  font-size: 19px;
  margin-top: -10px;
  padding-left: 15px;
  right: 9px;
}
.survey-sherlock .sherlock--state-filter__wrapper--highlight {
  background-color: #eef9ff;
  color: #007ac8;
  outline: none;
}
.survey-sherlock .sherlock--state-filter__wrapper--highlight .sherlock--state-filter {
  background: transparent;
  outline: none;
}
.survey-sherlock select:focus::-ms-value {
  background-color: #eef9ff;
}
.survey-sherlock .sherlock--state-filter__wrapper--highlight::after {
  background: -webkit-gradient(linear, right top, left top, color-stop(25%, #eef9ff), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(to left, #eef9ff 25%, rgba(255, 255, 255, 0));
  color: #007ac8;
}
@media only screen and (min-width: 500px)  {
  .survey-sherlock {
    max-width: 640px;
  }
}
@media only screen and (min-width: 768px)  {
  .survey-sherlock {
    max-width: 700px;
  }
}
.survey-sherlock__label {
  display: block;
  font-size: 18px;
  line-height: 20px;
  margin: 0 0 5px;
}
.survey-cta {
  color: #787878;
  font-size: 14px;
  text-align: center;
}
.survey-review__description,
.star-rating__description,
.survey-single-choice__description,
.survey-bucket--blank__description,
.survey-bucket--list__description {
  color: #787878;
  display: block;
  font-size: 14px;
  line-height: 1;
}
.survey-dropdown .survey-bucket--blank__title {
  margin: 0 0 5px;
}
.survey-block--address .survey-bucket--blank__heading {
  font-size: 18px;
}
.survey-block--address .survey-dropdown__wrapper {
  top: -4px;
}
.survey-dropdown--error .survey-dropdown__select {
  background: #ffe4e1;
  color: #e25333;
}
.survey-dropdown--error .survey-dropdown__select::-ms-value {
  background: #ffe4e1;
  color: #e25333;
}
.survey-header {
  padding: 15px 0;
  margin-bottom: 0;
}
@media only screen and (min-width: 500px)  {
  .survey-header {
    padding: 40px 0;
  }
}
.survey-header__heading {
  color: rgba(0, 0, 0, 0.6);
  font-size: 30px;
  line-height: 1;
  padding: 10px 5px;
  text-align: center;
  word-wrap: break-word;
}
.survey-header__heading .entity-name {
  font-weight: 600;
}
@media only screen and (min-width: 768px)  {
  .survey-header__heading {
    font-size: 38px;
  }
}
.survey-header__tagline {
  color: rgba(0, 0, 0, 0.5);
  display: block;
  font-size: 14px;
  margin-top: 5px;
}
@media only screen and (min-width: 768px)  {
  .survey-header__tagline {
    font-size: 16px;
  }
}
.survey-header__tagline__spacer {
  padding: 0 0.4em;
}
.survey-review__content {
  border: thin solid #ccc;
  border-radius: 2px;
  color: #464646;
  font-family: inherit;
  font-size: 18px;
  height: 150px;
  margin: 0;
  max-width: 630px;
  overflow: auto;
  padding: 10px;
  resize: vertical;
  -webkit-transition: background 200ms ease-out;
  transition: background 200ms ease-out;
  vertical-align: top;
  width: 100%;
}
.survey-review__content::-webkit-input-placeholder,
.survey-review__content::-webkit-input-placeholder {
  color: #ccc;
}
.survey-review__content::-webkit-input-placeholder,
.survey-review__content::placeholder {
  color: #ccc;
}
.survey-review__content:focus {
  background: #eef9ff;
  color: #464646;
  outline: none;
}
.survey-review__content:focus::-webkit-input-placeholder,
.survey-review__content:focus::-webkit-input-placeholder {
  color: #8ec8ef;
}
.survey-review__content:focus::-webkit-input-placeholder,
.survey-review__content:focus::placeholder {
  color: #8ec8ef;
}
@media only screen and (min-width: 500px)  {
  .survey-review__content {
    font-size: 18px;
    line-height: 20px;
  }
}
.survey-review__label .char-count {
  margin-left: 0.25em;
}
.survey-review--error .survey-review__content {
  background: #ffe4e1;
}
.survey-review--error .survey-review__content::-webkit-input-placeholder,
.survey-review--error .survey-review__content::-webkit-input-placeholder {
  color: #e25333;
}
.survey-review--error .survey-review__content::-webkit-input-placeholder,
.survey-review--error .survey-review__content::placeholder {
  color: #e25333;
}
.survey-review--error .survey-review__content:active,
.survey-review--error .survey-review__content:focus {
  background: white;
}
.survey-review--error .survey-review__content:active::-webkit-input-placeholder,
.survey-review--error .survey-review__content:focus::-webkit-input-placeholder,
.survey-review--error .survey-review__content:active::-webkit-input-placeholder,
.survey-review--error .survey-review__content:focus::-webkit-input-placeholder {
  color: #ccc;
}
.survey-review--error .survey-review__content:active::-webkit-input-placeholder,
.survey-review--error .survey-review__content:focus::-webkit-input-placeholder,
.survey-review--error .survey-review__content:active::placeholder,
.survey-review--error .survey-review__content:focus::placeholder {
  color: #ccc;
}
/*** CHARACTER COUNT ***/
.char-count {
  color: #919191;
  font-size: 14px;
  line-height: 18px;
  -webkit-transition: color ease 300ms;
  transition: color ease 300ms;
  padding: 0;
}
.char-count.char-count--error {
  color: #e25333;
}
.survey-mult-choice .survey-open-poll__label {
  color: #464646;
  cursor: pointer;
  display: inline-block;
  padding: 0;
  padding-left: 2em;
  position: relative;
  word-break: break-word;
}
.survey-mult-choice .survey-open-poll__label::before {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  content: '';
  display: inline-block;
  height: 24px;
  left: 0;
  top: 2px;
  position: absolute;
  width: 24px;
  background: white;
}
.survey-mult-choice .survey-open-poll__label::before {
  background: transparent;
  content: '\E610';
  font-family: 'Niche-Interface-Symbols';
  font-size: 1.5em;
  font-style: normal;
  left: -0.04em;
  color: transparent;
  position: absolute;
  top: -0.15em;
  -webkit-transition: color 200ms ease-in;
  transition: color 200ms ease-in;
  z-index: 2;
  -webkit-font-smoothing: antialiased;
}
.survey-mult-choice .survey-open-poll__label::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  content: '';
  display: inline-block;
  height: 24px;
  left: 0;
  top: 2px;
  position: absolute;
  width: 24px;
  border: thin solid #007ac8;
  border-radius: 2px;
  background: white;
  border-color: #bbb;
  -webkit-transition: background 200ms ease-out, border-color 200ms ease-out;
  transition: background 200ms ease-out, border-color 200ms ease-out;
  z-index: 1;
}
.survey-single-choice .survey-open-poll__label {
  color: #464646;
  cursor: pointer;
  display: inline-block;
  padding: 0;
  padding-left: 2em;
  position: relative;
  word-break: break-word;
}
.survey-single-choice .survey-open-poll__label::before {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  content: '';
  display: inline-block;
  height: 24px;
  left: 0;
  top: 2px;
  position: absolute;
  width: 24px;
  background: white;
}
.survey-single-choice .survey-open-poll__label::before {
  border: thin solid #bbb;
  border-radius: 50%;
  -webkit-transition: background 200ms ease-out, border-width 200ms ease-out;
  transition: background 200ms ease-out, border-width 200ms ease-out;
}
.survey-mult-choice .survey-open-poll__label,
.survey-single-choice .survey-open-poll__label {
  display: inline;
  padding-right: 0;
}
.survey-open-poll__input {
  display: inline-block;
  width: calc(100% - 36px);
}
.survey-open-poll__input:focus {
  color: #bbb;
}
.survey-open-poll--error .survey-open-poll__input {
  background: #ffe4e1;
  color: #e25333;
}
.survey-na__button {
  background: rgba(255, 255, 255, 0.8);
  color: #787878;
  font-size: 11px;
  height: 22px;
  margin-left: 10px;
  margin-top: 6px;
  padding: 0.4em 0.4em 0.3em;
}
.platform .survey-na__button:hover {
  background: #ccc;
  color: #919191;
  text-decoration: none;
}
.survey-na__button.survey-na__button--selected,
.survey-na__button.survey-na__button--selected:hover {
  background: #53a63a;
  color: white;
}
.survey-bucket--list__list .survey-na__button {
  margin-top: 0;
}
.survey-bucket--list__list-item .survey-na__button,
.survey-single-choice-hz--na .survey-na__button,
.survey-single-choice--na .survey-na__button,
.survey-mult-choice--na .survey-na__button {
  position: absolute;
  right: 0;
  top: 0;
}
.survey-star-rating-review .survey-na__button {
  top: 3px;
  right: 3px;
  bottom: 0;
}
@media only screen and (min-width: 768px)  {
  .survey-single-choice-hz--inline .survey-na__button {
    position: static;
    min-width: -webkit-min-content;
    margin-left: auto;
  }
}
.survey-bucket--blank__title .survey-na__button {
  bottom: 0;
  top: auto;
}
.survey-text-input__input {
  display: inline-block;
}
.survey-text-input__input:focus {
  outline: none;
  color: #007ac8;
  background: #eef9ff;
  color: #8ec8ef;
}
.survey-text-input__input:focus + .label--inner {
  color: #007ac8;
}
.survey-text-input__input:focus + .field__icon {
  background: -webkit-gradient(linear, right top, left top, color-stop(50%, #eef9ff), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(to left, #eef9ff 50%, rgba(255, 255, 255, 0));
}
.survey-text-input__error .survey-text-input__input {
  background: #ffe4e1;
  color: #e25333;
}
._make-label-pseudo {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  content: '';
  display: inline-block;
  height: 24px;
  left: 0;
  top: 2px;
  position: absolute;
  width: 24px;
}
.survey-single-choice__list_item,
.survey-single-choice .survey-open-poll {
  display: block;
  font-size: 18px;
  margin-bottom: 0.5em;
  padding-bottom: 0.5em;
}
.survey-single-choice__list_item > input[type=radio],
.survey-single-choice__list_item > input[type=checkbox],
.survey-single-choice .survey-open-poll > input[type=radio],
.survey-single-choice .survey-open-poll > input[type=checkbox] {
  opacity: 0.00001;
  position: absolute;
  z-index: -500000;
}
.survey-single-choice__list_item:last-of-type,
.survey-single-choice .survey-open-poll:last-of-type {
  margin-bottom: 0;
  padding-bottom: 0;
}
.survey-single-choice__list_item input:checked + label::before,
.survey-single-choice__list_item > input:not(:checked) + label:focus::before,
.survey-single-choice .survey-open-poll input:checked + label::before,
.survey-single-choice .survey-open-poll > input:not(:checked) + label:focus::before {
  border: 5px solid #007ac8;
}
@media only screen and (min-width: 500px)  {
  .survey-single-choice__list_item input:checked + label::before,
  .survey-single-choice__list_item > input:not(:checked) + label:focus::before,
  .survey-single-choice .survey-open-poll input:checked + label::before,
  .survey-single-choice .survey-open-poll > input:not(:checked) + label:focus::before {
    border: 8px solid #007ac8;
  }
}
.platform .survey-single-choice__list_item > input:not(:checked) + label:hover::before,
.platform .survey-single-choice .survey-open-poll > input:not(:checked) + label:hover::before {
  border-color: #007ac8;
  background: #eef9ff;
}
.survey-single-choice__list_item__label {
  color: #464646;
  cursor: pointer;
  display: inline-block;
  padding: 0;
  padding-left: 2em;
  position: relative;
  word-break: break-word;
}
.survey-single-choice__list_item__label::before {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  content: '';
  display: inline-block;
  height: 24px;
  left: 0;
  top: 2px;
  position: absolute;
  width: 24px;
  background: white;
}
.survey-single-choice__list_item__label::before {
  border: thin solid #bbb;
  border-radius: 50%;
  -webkit-transition: background 200ms ease-out, border-width 200ms ease-out;
  transition: background 200ms ease-out, border-width 200ms ease-out;
}
.survey-bucket--list__list-item:not(:last-of-type) .survey-single-choice-hz--inline {
  margin-bottom: 35px;
}
@media only screen and (min-width: 768px)  {
  .survey-bucket--list__list-item:not(:last-of-type) .survey-single-choice-hz--inline {
    margin-bottom: 0;
  }
}
.survey-single-choice-hz {
  position: relative;
}
.survey-single-choice-hz.survey-single-choice-hz--inline {
  margin-top: 15px;
}
@media only screen and (min-width: 550px)  {
  .survey-single-choice-hz.survey-single-choice-hz--inline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.survey-single-choice-hz--na .survey-bucket--list__title {
  padding-right: 31px;
}
.survey-single-choice-hz__list_item {
  display: block;
  font-size: 18px;
  margin-bottom: 0.5em;
  padding-bottom: 0.5em;
}
.survey-single-choice-hz__list_item > input[type=radio],
.survey-single-choice-hz__list_item > input[type=checkbox] {
  opacity: 0.00001;
  position: absolute;
  z-index: -500000;
}
.survey-single-choice-hz__list_item:last-of-type {
  margin-bottom: 0;
  padding-bottom: 0;
}
.survey-single-choice-hz__list_item input:checked + label::before,
.survey-single-choice-hz__list_item > input:not(:checked) + label:focus::before {
  border: 5px solid #007ac8;
}
@media only screen and (min-width: 500px)  {
  .survey-single-choice-hz__list_item input:checked + label::before,
  .survey-single-choice-hz__list_item > input:not(:checked) + label:focus::before {
    border: 8px solid #007ac8;
  }
}
.platform .survey-single-choice-hz__list_item > input:not(:checked) + label:hover::before {
  border-color: #007ac8;
  background: #eef9ff;
}
.survey-single-choice-hz__list_item__label {
  color: #464646;
  cursor: pointer;
  display: inline-block;
  padding: 0;
  padding-left: 2em;
  position: relative;
}
.survey-single-choice-hz__list_item__label::before {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  content: '';
  display: inline-block;
  height: 24px;
  left: 0;
  top: 2px;
  position: absolute;
  width: 24px;
  background: white;
}
.survey-single-choice-hz__list_item__label::before {
  border: thin solid #bbb;
  border-radius: 50%;
  -webkit-transition: background 200ms ease-out, border-width 200ms ease-out;
  transition: background 200ms ease-out, border-width 200ms ease-out;
}
.survey-single-choice-hz--inline .survey-bucket--list__title .survey-single-choice-hz__error-message {
  display: none;
}
.survey-single-choice-hz--inline .survey-single-choice-hz__list ~ .survey-single-choice-hz__error-message {
  display: block;
}
@media only screen and (min-width: 768px)  {
  .survey-single-choice-hz--inline .survey-bucket--list__title .survey-single-choice-hz__error-message {
    display: block;
  }
  .survey-single-choice-hz--inline .survey-single-choice-hz__list ~ .survey-single-choice-hz__error-message {
    display: none;
  }
}
.survey-single-choice-hz__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}
.survey-single-choice-hz--inline .survey-single-choice-hz__list {
  margin-top: 10px;
}
@media only screen and (min-width: 550px)  {
  .survey-single-choice-hz--inline .survey-single-choice-hz__list {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 26px;
  }
}
.survey-single-choice-hz__list_item {
  margin-bottom: 0;
  padding-bottom: 0;
  text-align: center;
  max-width: 44px;
}
@media only screen and (min-width: 768px)  {
  .survey-single-choice-hz__list_item {
    max-width: inherit;
  }
}
.survey-single-choice-hz__list_item__label {
  color: #5f5f5f;
  font-size: 12px;
  line-height: 1;
  padding: 0;
  word-wrap: break-word;
  max-width: 77px;
}
@media only screen and (min-width: 768px)  {
  .survey-single-choice-hz__list_item__label {
    width: 77px;
  }
}
@media only screen and (min-width: 500px)  {
  .survey-single-choice-hz__list_item__label {
    font-size: 14px;
  }
}
.survey-single-choice-hz__list_item__label::before {
  display: block;
  margin: 0 auto 3px;
  position: static;
  height: 14px;
  width: 14px;
}
.survey-single-choice-hz--inline .survey-single-choice-hz__list_item__label::before {
  height: 14px;
  width: 14px;
}
@media only screen and (min-width: 500px)  {
  .survey-single-choice-hz__list_item__label::before {
    height: 24px;
    width: 24px;
  }
  .survey-single-choice-hz--inline .survey-single-choice-hz__list_item__label::before {
    height: 24px;
    width: 24px;
  }
}
.survey-mult-choice__list_item,
.survey-mult-choice .survey-open-poll {
  display: block;
  font-size: 18px;
  margin-bottom: 0.5em;
  padding-bottom: 0.5em;
}
.survey-mult-choice__list_item > input[type=radio],
.survey-mult-choice__list_item > input[type=checkbox],
.survey-mult-choice .survey-open-poll > input[type=radio],
.survey-mult-choice .survey-open-poll > input[type=checkbox] {
  opacity: 0.00001;
  position: absolute;
  z-index: -500000;
}
.survey-mult-choice__list_item:last-of-type,
.survey-mult-choice .survey-open-poll:last-of-type {
  margin-bottom: 0;
  padding-bottom: 0;
}
.survey-mult-choice__list_item input:checked + label::before,
.survey-mult-choice__list_item > input:not(:checked) + label:focus::before,
.survey-mult-choice .survey-open-poll input:checked + label::before,
.survey-mult-choice .survey-open-poll > input:not(:checked) + label:focus::before {
  color: white;
}
.survey-mult-choice__list_item input:checked + label::after,
.survey-mult-choice__list_item > input:not(:checked) + label:focus::after,
.survey-mult-choice .survey-open-poll input:checked + label::after,
.survey-mult-choice .survey-open-poll > input:not(:checked) + label:focus::after {
  background: #007ac8;
  border-color: #007ac8;
}
.platform .survey-mult-choice__list_item > input:not(:checked) + label:hover::after,
.platform .survey-mult-choice .survey-open-poll > input:not(:checked) + label:hover::after {
  background: #eef9ff;
  border-color: #007ac8;
}
.survey-mult-choice__list_item__label {
  color: #464646;
  cursor: pointer;
  display: inline-block;
  padding: 0;
  padding-left: 2em;
  position: relative;
  word-break: break-word;
}
.survey-mult-choice__list_item__label::before {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  content: '';
  display: inline-block;
  height: 24px;
  left: 0;
  top: 2px;
  position: absolute;
  width: 24px;
  background: white;
}
.survey-mult-choice__list_item__label::before {
  background: transparent;
  content: '\E610';
  font-family: 'Niche-Interface-Symbols';
  font-size: 1.5em;
  font-style: normal;
  left: -0.04em;
  color: transparent;
  position: absolute;
  top: -0.15em;
  -webkit-transition: color 200ms ease-in;
  transition: color 200ms ease-in;
  z-index: 2;
  -webkit-font-smoothing: antialiased;
}
.survey-mult-choice__list_item__label::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  content: '';
  display: inline-block;
  height: 24px;
  left: 0;
  top: 2px;
  position: absolute;
  width: 24px;
  border: thin solid #007ac8;
  border-radius: 2px;
  background: white;
  border-color: #bbb;
  -webkit-transition: background 200ms ease-out, border-color 200ms ease-out;
  transition: background 200ms ease-out, border-color 200ms ease-out;
  z-index: 1;
}
/*** VARS ***/
._make-large-stars-wrap {
  height: 32.006px;
  line-height: 32.006px;
  margin: 0 0 4px;
  width: 160.03px;
}
._make-small-stars-wrap {
  height: 26px;
  line-height: 26px;
  margin: 4px 0;
  width: 130px;
}
._make-large-width {
  width: 32.006px;
}
._make-small-width {
  width: 26px;
}
/**
 * GENERAL
 */
.star-rating,
.star-rating--large {
  display: block;
  overflow: hidden;
  width: 100%;
  padding-bottom: 20px;
}
@media only screen and (min-width: 550px)  {
  .star-rating,
  .star-rating--large {
    width: 260px;
  }
}
.survey-bucket--list__list-item:nth-last-child(1) .star-rating,
.survey-bucket--list__list-item:nth-last-child(1) .star-rating--large {
  padding-bottom: 0;
}
@media only screen and (min-width: 768px)  {
  .survey-bucket--list__list-item:nth-last-child(2):nth-child(odd) .star-rating,
  .survey-bucket--list__list-item:nth-last-child(2):nth-child(odd) .star-rating--large {
    padding-bottom: 0;
  }
}
.star-rating__label {
  position: relative;
}
.survey-star-rating-review--overall .star-rating__label {
  font-size: 24px;
  line-height: 28px;
}
.star-rating--large {
  padding-bottom: 0;
  width: 100%;
}
.star-rating + .survey-review,
.star-rating--large + .survey-review {
  margin-top: 20px;
}
/**
 * STARS
 */
.star-rating__stars {
  height: 32.006px;
  line-height: 32.006px;
  margin: 0 0 4px;
  width: 160.03px;
  font-size: 2em;
  color: #53a63a;
  display: inline-block;
  vertical-align: middle;
}
.star-rating__stars > input {
  opacity: 0.00001;
  position: absolute;
  z-index: -5000;
}
.star-rating--large .star-rating__stars {
  height: 32.006px;
  line-height: 32.006px;
  margin: 0 0 4px;
  width: 160.03px;
}
.star-rating__stars > input:checked ~ label {
  width: 32.006px;
  font-size: 39.392px;
}
.star-rating__stars > input:checked ~ label::before {
  content: '';
  background: url(https://d33a4decm84gsn.cloudfront.net/static/platform-sprite-03092018.svg);
  background-size: 50em 50em;
  overflow: hidden;
  text-indent: -1000%;
  display: inline-block;
  height: 1em;
  margin-right: 0.5em;
  position: relative;
  width: 4.1em;
  background-position: -14.02em -3.1em;
}
@media only screen and (min-width: 500px)  {
  .star-rating__stars > input:checked ~ label {
    width: 26px;
    font-size: 32px;
  }
  .star-rating__stars > input:checked ~ label::before {
    content: '';
    background: url(https://d33a4decm84gsn.cloudfront.net/static/platform-sprite-03092018.svg);
    background-size: 50em 50em;
    overflow: hidden;
    text-indent: -1000%;
    display: inline-block;
    height: 1em;
    margin-right: 0.5em;
    position: relative;
    width: 4.1em;
    background-position: -14.02em -3.1em;
  }
  .star-rating--large .star-rating__stars > input:checked ~ label {
    width: 32.006px;
    font-size: 39.392px;
  }
  .star-rating--large .star-rating__stars > input:checked ~ label::before {
    content: '';
    background: url(https://d33a4decm84gsn.cloudfront.net/static/platform-sprite-03092018.svg);
    background-size: 50em 50em;
    overflow: hidden;
    text-indent: -1000%;
    display: inline-block;
    height: 1em;
    margin-right: 0.5em;
    position: relative;
    width: 4.1em;
    background-position: -14.02em -3.1em;
  }
}
.star-rating__stars > label {
  width: 32.006px;
  font-size: 39.392px;
  cursor: pointer;
  float: right;
  overflow: hidden;
  white-space: nowrap;
}
.star-rating__stars > label::before {
  content: '';
  background: url(https://d33a4decm84gsn.cloudfront.net/static/platform-sprite-03092018.svg);
  background-size: 50em 50em;
  overflow: hidden;
  text-indent: -1000%;
  display: inline-block;
  height: 1em;
  margin-right: 0.5em;
  position: relative;
  width: 4.1em;
  background-position: -18.085em -3.1em;
}
@media only screen and (min-width: 500px)  {
  .star-rating__stars > label {
    width: 26px;
    font-size: 32px;
  }
  .star-rating__stars > label::before {
    content: '';
    background: url(https://d33a4decm84gsn.cloudfront.net/static/platform-sprite-03092018.svg);
    background-size: 50em 50em;
    overflow: hidden;
    text-indent: -1000%;
    display: inline-block;
    height: 1em;
    margin-right: 0.5em;
    position: relative;
    width: 4.1em;
    background-position: -18.085em -3.1em;
  }
  .star-rating--large .star-rating__stars > label {
    width: 32.006px;
    font-size: 39.392px;
  }
  .star-rating--large .star-rating__stars > label::before {
    content: '';
    background: url(https://d33a4decm84gsn.cloudfront.net/static/platform-sprite-03092018.svg);
    background-size: 50em 50em;
    overflow: hidden;
    text-indent: -1000%;
    display: inline-block;
    height: 1em;
    margin-right: 0.5em;
    position: relative;
    width: 4.1em;
    background-position: -18.085em -3.1em;
  }
}
.star-rating__stars > label::before {
  display: block;
  top: 0;
}
.star-rating__stars > label:hover,
.star-rating__stars > label:hover ~ label {
  width: 32.006px;
  font-size: 39.392px;
  opacity: 0.6;
}
.star-rating__stars > label:hover::before,
.star-rating__stars > label:hover ~ label::before {
  content: '';
  background: url(https://d33a4decm84gsn.cloudfront.net/static/platform-sprite-03092018.svg);
  background-size: 50em 50em;
  overflow: hidden;
  text-indent: -1000%;
  display: inline-block;
  height: 1em;
  margin-right: 0.5em;
  position: relative;
  width: 4.1em;
  background-position: -14.02em -3.1em;
}
@media only screen and (min-width: 500px)  {
  .star-rating__stars > label:hover,
  .star-rating__stars > label:hover ~ label {
    width: 26px;
    font-size: 32px;
  }
  .star-rating__stars > label:hover::before,
  .star-rating__stars > label:hover ~ label::before {
    content: '';
    background: url(https://d33a4decm84gsn.cloudfront.net/static/platform-sprite-03092018.svg);
    background-size: 50em 50em;
    overflow: hidden;
    text-indent: -1000%;
    display: inline-block;
    height: 1em;
    margin-right: 0.5em;
    position: relative;
    width: 4.1em;
    background-position: -14.02em -3.1em;
  }
  .star-rating--large .star-rating__stars > label:hover,
  .star-rating--large .star-rating__stars > label:hover ~ label {
    width: 32.006px;
    font-size: 39.392px;
  }
  .star-rating--large .star-rating__stars > label:hover::before,
  .star-rating--large .star-rating__stars > label:hover ~ label::before {
    content: '';
    background: url(https://d33a4decm84gsn.cloudfront.net/static/platform-sprite-03092018.svg);
    background-size: 50em 50em;
    overflow: hidden;
    text-indent: -1000%;
    display: inline-block;
    height: 1em;
    margin-right: 0.5em;
    position: relative;
    width: 4.1em;
    background-position: -14.02em -3.1em;
  }
}
.star-rating__stars > input:checked ~ label:hover {
  width: 32.006px;
  font-size: 39.392px;
  opacity: 0.6;
}
.star-rating__stars > input:checked ~ label:hover::before {
  content: '';
  background: url(https://d33a4decm84gsn.cloudfront.net/static/platform-sprite-03092018.svg);
  background-size: 50em 50em;
  overflow: hidden;
  text-indent: -1000%;
  display: inline-block;
  height: 1em;
  margin-right: 0.5em;
  position: relative;
  width: 4.1em;
  background-position: -14.02em -3.1em;
}
@media only screen and (min-width: 500px)  {
  .star-rating__stars > input:checked ~ label:hover {
    width: 26px;
    font-size: 32px;
  }
  .star-rating__stars > input:checked ~ label:hover::before {
    content: '';
    background: url(https://d33a4decm84gsn.cloudfront.net/static/platform-sprite-03092018.svg);
    background-size: 50em 50em;
    overflow: hidden;
    text-indent: -1000%;
    display: inline-block;
    height: 1em;
    margin-right: 0.5em;
    position: relative;
    width: 4.1em;
    background-position: -14.02em -3.1em;
  }
  .star-rating--large .star-rating__stars > input:checked ~ label:hover {
    width: 32.006px;
    font-size: 39.392px;
  }
  .star-rating--large .star-rating__stars > input:checked ~ label:hover::before {
    content: '';
    background: url(https://d33a4decm84gsn.cloudfront.net/static/platform-sprite-03092018.svg);
    background-size: 50em 50em;
    overflow: hidden;
    text-indent: -1000%;
    display: inline-block;
    height: 1em;
    margin-right: 0.5em;
    position: relative;
    width: 4.1em;
    background-position: -14.02em -3.1em;
  }
}
.platform--touch .star-rating__stars > label:hover,
.platform--touch .star-rating__stars > label:hover ~ label,
.platform--touch .star-rating__stars > input:checked ~ label:hover {
  opacity: 1;
}
@media only screen and (min-width: 500px)  {
  .star-rating__stars {
    height: 26px;
    line-height: 26px;
    margin: 4px 0;
    width: 130px;
  }
}
/**
 * OVERALL
 */
.survey-star-rating-review-hint {
  display: block;
  font-sie: 0.75em;
  color: rgba(0, 0, 0, 0.5);
  margin-top: 20px;
  margin-left: 5px;
}
.survey-star-rating-review--overall .survey-star-rating-review-inner {
  background: white;
  border: thin solid #bbb;
  margin-top: 5px;
}
.survey-star-rating-review--overall .survey-review__content {
  border: none;
  border-top: thin solid #ddd;
  border-radius: 0;
  padding: 10px 15px 0;
}
.survey-star-rating-review--overall .star-rating--large + .survey-review {
  margin-top: 0;
}
.survey-star-rating-review--overall .star-rating--large {
  padding: 15px 10px 12px;
}
.survey-single-choice__title,
.survey-block--one__title,
.survey-bucket--blank__title,
.survey-bucket--list__title {
  margin: 0 0 25px;
}
.survey-single-choice-hz--inline .survey-single-choice__title,
.survey-single-choice-hz--inline .survey-block--one__title,
.survey-single-choice-hz--inline .survey-bucket--blank__title,
.survey-single-choice-hz--inline .survey-bucket--list__title {
  display: inline-block;
  margin-bottom: 0;
}
@media only screen and (min-width: 768px)  {
  div[class$='--na-wrap'].survey-single-choice__title,
  div[class$='--na-wrap'].survey-block--one__title,
  div[class$='--na-wrap'].survey-bucket--blank__title,
  div[class$='--na-wrap'].survey-bucket--list__title {
    padding-right: 26px;
  }
  div[class$='--na-wrap'].survey-single-choice__title .survey-na__button,
  div[class$='--na-wrap'].survey-block--one__title .survey-na__button,
  div[class$='--na-wrap'].survey-bucket--blank__title .survey-na__button,
  div[class$='--na-wrap'].survey-bucket--list__title .survey-na__button {
    right: -26px;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
  }
}
div[class^='survey-'][class$='--na'] .survey-single-choice__heading,
div[class^='survey-'][class$='--na'] .survey-block--one__heading,
div[class^='survey-'][class$='--na'] .survey-bucket--blank__heading,
div[class^='survey-'][class$='--na'] .survey-bucket--list__heading {
  position: relative;
}
.survey-single-choice-hz--inline .survey-single-choice__heading,
.survey-single-choice-hz--inline .survey-block--one__heading,
.survey-single-choice-hz--inline .survey-bucket--blank__heading,
.survey-single-choice-hz--inline .survey-bucket--list__heading {
  display: inline-block;
  font-size: 18px;
  line-height: 1;
  margin-bottom: 0;
}
@media only screen and (min-width: 550px)  {
  .survey-single-choice-hz--inline .survey-single-choice__heading,
  .survey-single-choice-hz--inline .survey-block--one__heading,
  .survey-single-choice-hz--inline .survey-bucket--blank__heading,
  .survey-single-choice-hz--inline .survey-bucket--list__heading {
    width: 185px;
  }
}
._rate-it-base,
.rate-it {
  border-radius: 2px;
  background: #919191;
  -webkit-transition: all 250ms ease;
  transition: all 250ms ease;
  will-change: background;
}
.rate-it {
  color: white;
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  margin-left: 15px;
  padding: 5px 7px;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.survey-star-rating-review--overall .rate-it {
  font-size: 14px;
}
@media only screen and (min-width: 500px)  {
  .rate-it {
    font-size: 12px;
  }
  .survey-star-rating-review--overall .rate-it {
    font-size: 14px;
  }
}
.rate-it::before {
  border-bottom: 9px solid transparent;
  border-right: 9px solid #919191;
  border-top: 9px solid transparent;
  border-radius: 2px;
  content: '';
  height: 0;
  left: -7px;
  position: absolute;
  top: calc(50% - 9px);
  -webkit-transition: all 250ms ease;
  transition: all 250ms ease;
  width: 0;
  will-change: border-right;
}
.rate-it.rate-it--active {
  background: #007ac8;
}
.rate-it.rate-it--active::before {
  border-right: 9px solid #007ac8;
}
._parallax,
.parallax-survey,
.parallax-home {
  -webkit-perspective: 1px;
          perspective: 1px;
  height: 100vh;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.parallax__group {
  position: relative;
  /* stylelint-disable */
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  /* stylelint-enable */
}
.parallax__layer {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.parallax__layer--base {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.parallax__layer--back,
.parallax-home .parallax__layer--voyager {
  -webkit-transform: translateZ(-1px) scale(2);
          transform: translateZ(-1px) scale(2);
  z-index: -1;
}
.parallax__layer--deep {
  -webkit-transform: translateZ(-2px) scale(3);
          transform: translateZ(-2px) scale(3);
  z-index: -2;
}
.artifacts-wrap {
  position: relative;
}
.artifact {
  opacity: 0;
  -webkit-animation: fadeIn ease-in 1;
          animation: fadeIn ease-in 1;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
}
.artifact.artifact-fade-in--one {
  -webkit-animation-delay: 0.7s;
          animation-delay: 0.7s;
}
.artifact.artifact-fade-in--two {
  -webkit-animation-delay: 1.2s;
          animation-delay: 1.2s;
}
.artifact.artifact-fade-in--three {
  -webkit-animation-delay: 1.6s;
          animation-delay: 1.6s;
}
.parallax-survey {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #9eddf8), to(#fffedf));
  background: linear-gradient(to bottom, #9eddf8 0, #fffedf 100%);
}
.parallax-survey .artifact {
  display: none;
}
@media only screen and (min-width: 768px)  {
  .parallax-survey .artifact {
    background: url(../../static/survey/cloud.png) no-repeat center / contain;
    display: block;
    height: 200px;
    left: 150px;
    position: absolute;
    width: 200px;
  }
}
.parallax-survey--colleges .survey__image {
  background-image: url(../../static/survey/bg-colleges.png);
}
.parallax-survey--colleges .artifact {
  background-image: url(../../static/survey/cloud-white.png);
}
.parallax-survey--k12 .survey__image {
  background-image: url(../../static/survey/bg-k12.png);
}
.parallax-survey--places-to-live .survey__image {
  background-image: url(../../static/survey/bg-places.png);
}
.parallax-survey--places-to-live .artifact {
  background-image: url(../../static/survey/cloud-white.png);
}
.parallax-home {
  background: #ccf1e4;
  z-index: 101;
}
.parallax-home .artifact {
  display: none;
}
@media only screen and (min-width: 768px)  {
  .parallax-home .artifact {
    background: url(../../static/survey/cloud-white.png) no-repeat center / contain;
    display: block;
    height: 200px;
    left: 150px;
    position: absolute;
    width: 200px;
  }
}
.parallax-home .artifact--voyager {
  background: url(../../static/home/niche-voyager.png) no-repeat center / contain;
  height: 33px;
  left: 211px;
  right: auto;
  top: 150px;
  width: 20px;
}
.app-dashboard {
  background: #eee;
  overflow: hidden;
}
.intro {
  background: #59b46f;
  padding: 30px 15px;
  text-align: center;
  width: 100%;
}
.intro svg {
  height: 25px;
}
@media only screen and (min-width: 768px)  {
  .intro svg {
    height: 35px;
  }
}
.intro .home__search__box__wrapper {
  height: 60px;
}
.intro .sherlock__results {
  border-top: thin solid #ccc;
  top: 41px;
  padding: 0;
}
.intro .home__search__verticals .home__search__vertical:first-of-type,
.intro .home__search__verticals .home__search__vertical:last-of-type {
  border-radius: 0;
}
.intro .home__search__vertical {
  background: #4ea361;
  color: #bdecc9;
  font-size: 13px;
  padding: 8px;
  /* stylelint-disable */
  /* stylelint-enable */
}
.intro .home__search__vertical + .home__search__vertical {
  border-left: 1px solid #59b46f;
}
@media only screen and (min-width: 375px)  {
  .intro .home__search__vertical {
    font-size: 16px;
  }
}
.intro .home__search__vertical:hover,
.intro .home__search__vertical:focus {
  background: #6ec583;
  color: #bdecc9;
}
.intro .home__tab__search--places-to-live .home__search__vertical:first-child,
.intro .home__tab__search--k12 .home__search__vertical:nth-child(2),
.intro .home__tab__search--colleges .home__search__vertical:nth-child(3),
.intro .home__tab__search--places-to-work .home__search__vertical:last-child {
  background: #51c8fc;
  color: white;
  padding: 8px;
  text-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}
.intro .sherlock,
.intro .sherlock--success,
.intro .sherlock--error,
.intro .sherlock--search-filter,
.intro .sherlock--sherlock-list {
  border-radius: 0;
  height: 41px;
  line-height: 41px;
}
.intro .sherlock:focus,
.intro .sherlock--success:focus,
.intro .sherlock--error:focus,
.intro .sherlock--search-filter:focus,
.intro .sherlock--sherlock-list:focus {
  background: #eef9ff;
  border-color: #eef9ff;
}
.intro .icon-search-thin--sherlock,
.intro .icon-search-thin--sherlock--search-filter {
  line-height: 38px;
  font-size: 22px;
}
.intro__title,
.intro__subtitle {
  max-width: 600px;
  margin: 0 auto;
}
.intro__title {
  color: white;
  font-size: 36px;
  opacity: 0.9;
}
@media only screen and (min-width: 768px)  {
  .intro__title {
    font-size: 54px;
  }
}
.intro__subtitle {
  color: white;
  font-size: 16px;
  opacity: 0.7;
  line-height: 20px;
  padding: 0 0 15px;
}
@media only screen and (min-width: 400px)  {
  .intro__subtitle {
    font-size: 18px;
  }
}
@media only screen and (min-width: 500px)  {
  .intro__subtitle {
    font-size: 20px;
    padding: 0 15px 15px;
  }
}
@media only screen and (min-width: 768px)  {
  .intro__subtitle {
    font-size: 24px;
    line-height: 28px;
    padding-bottom: 25px;
  }
}
.user-actions {
  margin: 0 auto;
  max-width: 500px;
  padding: 0 15px;
}
@media only screen and (min-width: 650px)  {
  .user-actions {
    padding: 0 30px;
  }
}
.user-actions .logout-link {
  display: block;
  padding: 10px 0 5px;
  text-align: center;
}
.user-actions--logged-out {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.user-actions--logged-out .button {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: 5px;
}
@media only screen and (min-width: 500px)  {
  .user-actions--logged-out .button + .button {
    margin-left: 10px;
  }
}
.search-type-container {
  max-width: 700px;
  margin: 0 auto;
  padding: 15px;
}
@media only screen and (min-width: 500px)  {
  .search-type-container {
    padding: 30px;
  }
}
.search-type-container .subtitle {
  font: 600 12px/1.25em 'Niche' 'Source Sans Pro', sans-serif;
  color: #59b46f;
  padding-bottom: 10px;
}
.search-type-container .search-types {
  background: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  padding: 15px 0 20px;
}
.search-type-container .search-type {
  margin: 10px 15px;
  min-width: 100px;
  text-align: center;
}
@media only screen and (min-width: 650px)  {
  .search-type-container .search-type {
    min-width: 150px;
  }
}
@media only screen and (min-width: 650px)  {
  .search-type-container .search-ranks {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.search-type__link {
  color: #464646;
}
.search-type__link:hover,
.search-type__link:focus {
  color: #464646;
}
.search-type__title {
  padding-top: 10px;
}
.search-type__icon {
  background-position: center;
  background-size: cover;
  height: 50px;
  margin: 0 auto;
  width: 50px;
}
@media only screen and (min-width: 500px)  {
  .search-type__icon {
    width: 60px;
    height: 60px;
  }
}
.search-type__icon--college {
  background-image: url(https://d33a4decm84gsn.cloudfront.net/static/mobile-app/search-type-graphics-01.svg);
}
.search-type__icon--k12 {
  background-image: url(https://d33a4decm84gsn.cloudfront.net/static/mobile-app/search-type-graphics-02.svg);
}
.search-type__icon--scholarship {
  background-image: url(https://d33a4decm84gsn.cloudfront.net/static/mobile-app/search-type-graphics-04.svg);
}
.search-type__icon--district {
  background-image: url(https://d33a4decm84gsn.cloudfront.net/static/mobile-app/search-type-graphics-06.svg);
}
.search-type__icon--place {
  background-image: url(https://d33a4decm84gsn.cloudfront.net/static/mobile-app/search-type-graphics-05.svg);
}
.search-type__icon--workplace {
  background-image: url(https://d33a4decm84gsn.cloudfront.net/static/mobile-app/search-type-graphics-03.svg);
}
.app__copyright {
  color: #919191;
  font-size: 14px;
  padding: 15px;
}
/* ---- Modal Prompts ---- */
.modal-graphic-wrap {
  padding: 30px 30px 10px;
}
.modal-graphic-wrap .modal__close {
  color: #919191;
  font-size: 16px;
}
.modal-graphic-wrap .modal__close:hover {
  color: #5f5f5f;
}
.modal-content-wrap {
  text-align: center;
}
.modal-content-wrap .modal-title {
  padding-bottom: 10px;
}
.build-your-list-graphic {
  background-image: url(https://d33a4decm84gsn.cloudfront.net/static/search-modals/build-your-list_cta.svg);
  height: 160px;
  width: 250px;
  background-size: cover;
  background-position: center;
  margin: 0 auto;
}
.will-you-get-in-graphic {
  background-image: url(https://d33a4decm84gsn.cloudfront.net/static/search-modals/will-you-get-in_cta.svg);
  height: 160px;
  width: 250px;
  background-size: cover;
  background-position: center;
  margin: 0 auto;
}
@cdn-prefix : https://d33a4decm84gsn.cloudfront.net;