/* In projectaussie.com we use _settings.scss to set these global settings before compiling Foundation; here without the compile step, we just manually override */
h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  font-family: 'Maison Neue', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
}

body {
  font-family: 'Maison Neue', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
}

/* Blog post listings show large blocks of text in anchor tags, want this to be black not blue: */
.post-entry a {
  color: black;
}
.top-stories a {
  color: black;
}

.hidden {
    display: none;
    opacity: 0; }

  .hidden-offscreen {
    -webkit-transform: translateX(-10000px);
        -ms-transform: translateX(-10000px);
            transform: translateX(-10000px);
    opacity: 0 !important; }

  .bg-white {
    background-color: white; }

  @media print, screen and (min-width: 40em) {
    .medium-height-14rem {
      height: 14rem; } }

  .text-xsmall {
    font-size: 12px; }

  .text-small {
    font-size: 14px; }

  .text-black {
    color: #0a0a0a; }

  .text-light-blue {
    color: #57C1EA; }

  .text-blue {
    color: #57C1E9; }

  .text-red {
    color: #F15B5C; }

  .text-green {
    color: #95D600; }

  .text-purple {
    color: #A776A6; }

  .text-orange {
    color: #F99F1E; }

  .text-yellow {
    color: #FFCE34; }

  .text-white {
    color: #FFFFFF; }

  .text-twitter-blue {
    color: #57C1E9; }

  .text-instagram-green {
    color: #95D600; }

  .text-facebook-blue {
    color: #3D5A99; }

  .text-dark-gray {
    color: #666A70; }

  .text-medium-gray {
    color: #7F7F7F; }

  .text-green {
    color: #95D600; }

  .bg-green {
    background-color: #95D600; }

  .bg-blue {
    background-color: #57C1E9; }

  .bg-red {
    background-color: #F15B5C; }

  .bg-deep-red {
    background-color: #E54041; }

  .bg-tan {
    background-color: #D7CA9E; }

  .bg-light-tan {
    background-color: #F5F1E5; }

  .bg-yellow {
    background-color: #FFCE34; }

  .bg-app-gray {
    background-color: #F7F7F7; }

  .bg-medium-gray {
    background-color: #7F7F7F; }

  .bg-light-gray {
    background-color: #F0F0F0; }

  .news-block a {
    color: #F99F1E;
    text-decoration: underline; }

  .social-author {
    margin-top: 1rem;
    margin-bottom: 1rem;
    min-height: 48px; }
    .social-author img {
      margin-right: 1rem;
      float: left;
      width: 48px; }
    .social-author .instagram {
      color: #95D600; }
    .social-author .twitter a {
      color: #57C1E9; }

  .small-caps, .small-gray-text, .small-white-text, .small-green-text, .small-red-text, .small-orange-text {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1px; }

  .small-gray-text {
    color: #7F7F7F;
    color: rgba(0, 0, 0, 0.5); }

  .small-white-text {
    color: #FFFFFF;
    color: rgba(255, 255, 255, 0.5);
    letter-spacing: 1px; }

  .small-green-text {
    color: #95D600; }

  .small-red-text {
    color: #F15B5C; }

  .small-orange-text {
    color: #F99F1E; }

  .social-block .icon-overlay {
    position: absolute;
    top: 1rem;
    left: -0.5rem;
    padding: 0px 10px 0px 24px;
    font-size: 1.5rem; }

  .social-block .icon-overlay.twitter {
    background-color: #57C1E9; }

  .social-block .icon-overlay.instagram {
    background-color: #95D600; }

  .social-block .icon-overlay.facebook {
    background-color: #3D5A99;
    color: white; }

  #results-preview {
    background: #F0F0F0 url("/img/home/crazydog-solid-bg.jpg") no-repeat bottom;
    background-size: 100%;
    margin: 15px; }
    @media print, screen and (min-width: 40em) {
      #results-preview {
        background-size: 70%; } }
    @media print, screen and (min-width: 64em) {
      #results-preview {
        background-size: 60%; } }
    @media screen and (min-width: 75em) {
      #results-preview {
        background-size: 50%; } }
    @media screen and (min-width: 90em) {
      #results-preview {
        background-size: 40%; } }
    @media screen and (min-width: 135em) {
      #results-preview {
        background-size: 27%; } }
    #results-preview .results-large {
      font-size: 30px;
      font-weight: bold; }
      @media print, screen and (min-width: 40em) {
        #results-preview .results-large {
          font-size: 40px; } }
    @media screen and (max-width: 39.9375em) {
      #results-preview .results-description {
        font-size: 12px; } }
    @media screen and (max-width: 39.9375em) {
      #results-preview .small-12 {
        padding-left: 32px;
        padding-right: 32px; }
      #results-preview h3, #results-preview p, #results-preview .small-padding {
        padding-left: 20px;
        padding-right: 20px; } }

  .home-one #results-preview {
    background-size: 70%; }
    @media print, screen and (min-width: 40em) {
      .home-one #results-preview {
        background-size: 55%; } }
    @media print, screen and (min-width: 64em) {
      .home-one #results-preview {
        background-size: 45%; } }
    @media screen and (min-width: 75em) {
      .home-one #results-preview {
        background-size: 35%; } }
    @media screen and (min-width: 90em) {
      .home-one #results-preview {
        background-size: 30%; } }
    @media screen and (min-width: 135em) {
      .home-one #results-preview {
        background-size: 17%; } }

  section.module {
    padding: 2rem 1.4rem; }
    @media print, screen and (min-width: 40em) {
      section.module {
        padding-top: 5rem; } }

  @media screen and (min-width: 40em) {
    #testkit .backdrop {
      background: url("/img/home/pale-logo-dog.png") no-repeat center;
      background-size: contain; } }

  #worldleader .backdrop {
    background: url("/img/home/pale-line-dog.png") no-repeat center;
    background-size: 50%; }

  .text-right-on-medium {
    text-align: center; }
    @media print, screen and (min-width: 40em) {
      .text-right-on-medium {
        text-align: right; } }

  .text-left-on-medium {
    text-align: center; }
    @media print, screen and (min-width: 40em) {
      .text-left-on-medium {
        text-align: left; } }

  .testkit-boxart {
    text-align: center; }
    @media print, screen and (min-width: 40em) {
      .testkit-boxart {
        text-align: right; } }
    @media screen and (max-width: 39.9375em) {
      .testkit-boxart img {
        width: 50%; } }

  @media screen and (max-width: 39.9375em) {
    .testkit-description {
      text-align: center; } }

  .top-bar {
    z-index: 10;
    width: 100%;
    top: 0;
    background-color: white;
    opacity: 0.95; }

  /* need to get rid of default padding, so that we can mimic the top bar nav */
  #small-modal-nav {
    display: none;
    z-index: 1006;
    background-color: white;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 0; }
    #small-modal-nav .menu {
      padding-top: 1rem; }
    #small-modal-nav .small-modal-nav-footer {
      position: absolute;
      bottom: 3rem;
      width: 100%;
      padding-left: 10%;
      padding-right: 10%; }
      #small-modal-nav .small-modal-nav-footer a {
        color: black;
        font-weight: 600;
        font-size: 1.2rem;
        margin-right: 1rem;
        line-height: 2.5rem; }

  .menu.blocky a {
    text-transform: uppercase;
    color: black;
    font-weight: bold;
    font-size: 1.5rem; }

  .menu.blocky a:hover {
    text-decoration: underline; }

  .hero {
    position: relative; }

  @media screen and (max-width: 39.9375em) {
    .hero.scale-up-on-small {
      overflow: hidden;
      padding-top: 40px;
      padding-bottom: 40px; } }

  @media screen and (max-width: 39.9375em) {
    .hero.scale-up-on-small img {
      -webkit-transform: scale(1.5, 1.5);
          -ms-transform: scale(1.5, 1.5);
              transform: scale(1.5, 1.5); } }

  .absolute-centered {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    -o-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%); }

  #testkit h1 {
    text-align: center; }

  svg.logotype {
    width: 112px; }

  .header {
    margin: 15px; }

  section h1, h2 {
    text-transform: uppercase;
    font-weight: bold; }

  .nav-menu ul li a {
    color: black;
    font-size: 15px; }

  .nav-menu ul li a:hover {
    text-decoration: underline;
    color: #666A70; }

  .nav-menu ul li a.selected {
    color: #F99F1E; }

  .top-bar-left {
    height: 2rem; }

  a.text-link {
    color: #0a0a0a;
    text-decoration: underline; }

  .bold-spacey {
    font-weight: bold;
    letter-spacing: 2px; }

  h4.three-up {
    font-weight: bold;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 1rem; }

  .order-now-module {
    background-color: #FFBE23;
    border-bottom: 2px solid white; }

  .order-now-module:hover {
    background-color: white;
    border: 1px solid #F99F1E; }

  .order-now-module a {
    margin: 80px;
    text-align: center; }

  .order-now-headline {
    color: white;
    font-weight: bold; }

  .order-now-module:hover .order-now-headline {
    color: black; }

  .order-now-cta {
    color: white;
    font-weight: bold; }

  .order-now-module:hover .order-now-cta {
    color: #FFCE34; }

  .order-now-price {
    color: black;
    font-weight: bold; }

  #footer {
    padding-top: 1rem; }
    #footer a {
      color: #0a0a0a;
      display: inline-block; }
      #footer a:hover {
        color: #5d5d5d; }
    #footer .social-wrapper {
      font-size: 2rem;
      min-width: 217px;
      margin-top: 30px; }
      @media screen and (max-width: 39.9375em) {
        #footer .social-wrapper {
          margin-top: 8px; } }
      #footer .social-wrapper .social-name {
        font-size: 12px;
        margin: 0px; }
      #footer .social-wrapper .each-icon-wrapper {
        margin: 0px;
        padding: 0px;
        width: 51px;
        text-align: center; }
        #footer .social-wrapper .each-icon-wrapper .social-icon {
          margin: 0px;
          padding: 0px;
          line-height: 26px; }
    #footer .groups {
      font-size: 0.9rem;
      margin: 0px 7px 10px 0px; }
      @media screen and (max-width: 39.9375em) {
        #footer .groups {
          width: inherit; } }
      #footer .groups:last-child:not(:first-child) {
        float: left; }
      #footer .groups ul {
        margin: 0px; }
        #footer .groups ul li {
          font-size: 13px;
          list-style: none;
          font-weight: 100;
          line-height: 20px;
          margin-bottom: 7px; }
    #footer .top-footer {
      width: 100%; }
    #footer .signup {
      margin-top: 25px; }
      @media screen and (min-width: 40em) and (max-width: 63.9375em) {
        #footer .signup {
          font-size: 0.74rem;
          max-width: 175px; } }
      @media screen and (max-width: 39.9375em) {
        #footer .signup {
          margin: 0px; } }
    #footer .google-translate {
      max-width: 200px;
      margin: 1rem auto; }
    #footer .boring-links {
      text-align: center;
      font-size: 12px;
      color: #5d5d5d;
      margin: 5px 12px; }
      #footer .boring-links a {
        color: #F7F7F7; }
      #footer .boring-links .bright-links {
        color: #0a0a0a; }
    #footer .footer-subheader {
      text-transform: uppercase;
      margin-bottom: 7px;
      margin-top: 20px; }

  .menu > li > a.active {
    font-weight: bold; }

  .hero .scroll-direction {
    display: inline-block;
    position: absolute;
    bottom: 50px !important;
    width: 100px;
    margin: 0 auto;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: 1;
    -webkit-transition: all .5s ease;
    transition: all .5s ease; }

  .hero .scroll-direction.hide {
    opacity: 0; }

  .hero .scroll-direction p {
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #fff;
    padding: 0;
    margin: 0;
    text-align: center;
    text-shadow: 1px 1px #AAA; }

  .hero .scroll-direction span {
    display: block;
    position: absolute;
    bottom: -30px;
    left: 50%;
    width: 17px;
    height: 10px;
    text-indent: -999em;
    margin: 0 auto 0 -9px;
    background: url(//front.embarkvet.com/img/icons/icn-scroll.png) no-repeat center center;
    animation: animationFrames ease-in-out 2s;
    animation-iteration-count: infinite;
    transform-origin: 50% 50%;
    -webkit-animation: animationFrames ease-in-out 2s;
    -webkit-animation-iteration-count: infinite;
    -webkit-transform-origin: 50% 50%;
    -moz-animation: animationFrames ease-in-out 2s;
    -moz-animation-iteration-count: infinite;
    -moz-transform-origin: 50% 50%;
    -o-animation: animationFrames ease-in-out 2s;
    -o-animation-iteration-count: infinite;
    -o-transform-origin: 50% 50%;
    -ms-animation: animationFrames ease-in-out 2s;
    -ms-animation-iteration-count: infinite;
    -ms-transform-origin: 50% 50%; }

  @keyframes animationFrames {
    0% {
      -webkit-transform: translate(0, 0);
              transform: translate(0, 0); }
    50% {
      -webkit-transform: translate(0, -20px);
              transform: translate(0, -20px); }
    100% {
      -webkit-transform: translate(0, 0);
              transform: translate(0, 0); } }

  @-webkit-keyframes animationFrames {
    0% {
      -webkit-transform: translate(0, 0); }
    50% {
      -webkit-transform: translate(0, -20px); }
    100% {
      -webkit-transform: translate(0, 0); } }

  /* Default behavior is to stack on small screens, we don't want this since we're using a hamburger icon which fits onscreen */
  @media screen and (max-width: 39.9375em) {
    .top-bar-left {
      width: auto !important; } }

  @media screen and (max-width: 39.9375em) {
    .top-bar-right {
      width: auto !important; } }

  .top-bar-right .hamburger {
    font-size: 2rem;
    margin-top: 0.5rem; }
    .top-bar-right .hamburger a {
      color: black; }

  ul.no-right-margin-on-last-item li:last-child a {
    padding-right: 0; }

  .top-bar-spacer {
    height: 4rem; }

  #team-testimonials {
    background: #3DB6E5 url("/img/careers/team-quotes-bg-dog.png") center no-repeat;
    padding-top: 5rem;
    padding-bottom: 5rem;
    text-align: center; }

  @media screen and (max-width: 39.9375em) {
    .small-tab {
      display: none; } }

  .all-sizes-tab {
    display: none; }

  #team-testimonials blockquote {
    color: white;
    font-size: 150%;
    border: none; }
    @media print, screen and (min-width: 40em) {
      #team-testimonials blockquote {
        font-size: 200%; } }
    @media print, screen and (min-width: 64em) {
      #team-testimonials blockquote {
        font-size: 300%; } }

  #team-testimonials .orbit-slide div {
    max-width: 80%;
    margin: 0 auto; }

  .orbit-container:focus {
    outline: none; }

  .orbit-container {
    height: auto; }

  .vacancies li {
    border-top: 1px solid gray;
    border-bottom: 1px solid gray;
    list-style: none;
    padding: 1rem 0; }

  ul.faq-list li {
    margin-bottom: 20px; }

  .faq-question {
    font-weight: bold;
    color: #F99F1E; }

  .faq-response {
    color: #666A70; }

  .news-block img {
    margin-bottom: 3rem; }

  .news-block {
    margin-bottom: 3rem; }

  .social-block {
    position: relative;
    padding: 0.5rem;
    border: 1px solid #EAEAEA;
    -webkit-box-shadow: -2px 2px #F3F3F3;
            box-shadow: -2px 2px #F3F3F3;
    margin-bottom: 2rem; }

  @media screen and (max-width: 39.9375em) {
    .stats-block.collapsed {
      max-height: 70px; } }

  .stats-block {
    overflow: hidden;
    background-color: white;
    -webkit-transition: max-height 0.8s ease-in-out;
    transition: max-height 0.8s ease-in-out;
    max-height: 5000px;
    padding-bottom: 30px;
    padding-left: 18px;
    padding-right: 18px;
    padding-top: 28px;
    border-bottom: 1px solid #EAEAEA; }
    .stats-block .stats-block-icon {
      width: 20px;
      margin-right: 19px;
      display: inline;
      float: left; }
    .stats-block .health-block-icon {
      width: 30px;
      margin-right: 19px;
      display: inline;
      float: left; }
    .stats-block h4 {
      display: inline;
      font-size: 13px;
      font-weight: bold;
      color: #7F7F7F;
      text-transform: uppercase;
      line-height: 1; }
    .stats-block .stats-block-header {
      min-height: 75px;
      padding-top: 28px;
      padding-bottom: 24px;
      color: black; }
      @media print, screen and (min-width: 40em) {
        .stats-block .stats-block-header {
          text-align: center;
          padding-bottom: 30px; } }
      .stats-block .stats-block-header h3 {
        font-size: 21px;
        font-weight: normal; }
    .stats-block .stats-descriptive {
      margin-left: 40px;
      width: 80%; }
    .stats-block .geneticstats-label {
      text-align: right;
      font-weight: 300; }
    .stats-block .right-link-indicator {
      float: right;
      font-weight: bold;
      font-size: 26px; }

  .inline {
    display: inline; }

  #chromosomes {
    -webkit-transition: max-height 0.8s ease-in-out;
    transition: max-height 0.8s ease-in-out;
    max-height: 3000px; }

  #chromosomes.collapsed {
    max-height: 150px;
    overflow: hidden; }
    @media print, screen and (min-width: 40em) {
      #chromosomes.collapsed {
        max-height: 3000px; } }

  .breedmix {
    margin-bottom: 20px; }

  .breedmix-name {
    font-size: 15px;
    letter-spacing: 1px;
    text-align: center;
    font-weight: bold; }

  .breed-color-text-1 {
    color: #ffc201; }
    @media print {
      .breed-color-text-1 {
        color: #ffc201 !important; } }

  .breed-color-bg-1 {
    background-color: #FFCE34; }
    @media print {
      .breed-color-bg-1 {
        background-color: #FFCE34 !important; } }

  .breed-color-fill-1 {
    fill: #FFCE34; }

  .breed-color-stroke-1 {
    stroke: #FFCE34; }

  .breed-color-text-2 {
    color: #2ab0e3; }
    @media print {
      .breed-color-text-2 {
        color: #2ab0e3 !important; } }

  .breed-color-bg-2 {
    background-color: #57C1E9; }
    @media print {
      .breed-color-bg-2 {
        background-color: #57C1E9 !important; } }

  .breed-color-fill-2 {
    fill: #57C1E9; }

  .breed-color-stroke-2 {
    stroke: #57C1E9; }

  .breed-color-text-3 {
    color: #ed2c2d; }
    @media print {
      .breed-color-text-3 {
        color: #ed2c2d !important; } }

  .breed-color-bg-3 {
    background-color: #F15B5C; }
    @media print {
      .breed-color-bg-3 {
        background-color: #F15B5C !important; } }

  .breed-color-fill-3 {
    fill: #F15B5C; }

  .breed-color-stroke-3 {
    stroke: #F15B5C; }

  .breed-color-text-4 {
    color: #8e5c8d; }
    @media print {
      .breed-color-text-4 {
        color: #8e5c8d !important; } }

  .breed-color-bg-4 {
    background-color: #A776A6; }
    @media print {
      .breed-color-bg-4 {
        background-color: #A776A6 !important; } }

  .breed-color-fill-4 {
    fill: #A776A6; }

  .breed-color-stroke-4 {
    stroke: #A776A6; }

  .breed-color-text-5 {
    color: #de8506; }
    @media print {
      .breed-color-text-5 {
        color: #de8506 !important; } }

  .breed-color-bg-5 {
    background-color: #F99F1E; }
    @media print {
      .breed-color-bg-5 {
        background-color: #F99F1E !important; } }

  .breed-color-fill-5 {
    fill: #F99F1E; }

  .breed-color-stroke-5 {
    stroke: #F99F1E; }

  .breed-color-text-6 {
    color: #71a300; }
    @media print {
      .breed-color-text-6 {
        color: #71a300 !important; } }

  .breed-color-bg-6 {
    background-color: #95D600; }
    @media print {
      .breed-color-bg-6 {
        background-color: #95D600 !important; } }

  .breed-color-fill-6 {
    fill: #95D600; }

  .breed-color-stroke-6 {
    stroke: #95D600; }

  .breed-color-text-7 {
    color: #606468; }
    @media print {
      .breed-color-text-7 {
        color: #606468 !important; } }

  .breed-color-bg-7 {
    background-color: #797D82; }
    @media print {
      .breed-color-bg-7 {
        background-color: #797D82 !important; } }

  .breed-color-fill-7 {
    fill: #797D82; }

  .breed-color-stroke-7 {
    stroke: #797D82; }

  .breed-color-text-8 {
    color: #c8b67a; }
    @media print {
      .breed-color-text-8 {
        color: #c8b67a !important; } }

  .breed-color-bg-8 {
    background-color: #D7CA9E; }
    @media print {
      .breed-color-bg-8 {
        background-color: #D7CA9E !important; } }

  .breed-color-fill-8 {
    fill: #D7CA9E; }

  .breed-color-stroke-8 {
    stroke: #D7CA9E; }

  .breed-color-text-9 {
    color: #d7d7d7; }
    @media print {
      .breed-color-text-9 {
        color: #d7d7d7 !important; } }

  .breed-color-bg-9 {
    background-color: #F0F0F0; }
    @media print {
      .breed-color-bg-9 {
        background-color: #F0F0F0 !important; } }

  .breed-color-fill-9 {
    fill: #F0F0F0; }

  .breed-color-stroke-9 {
    stroke: #F0F0F0; }

  .breed-color-text-1 {
    color: #d7a300; }
    @media print {
      .breed-color-text-1 {
        color: #d7a300 !important; } }

  .breed-color-fill-unknown {
    fill: #EEE; }

  .expanded .expanded-breed-color-contrast-text-1 {
    color: #0a0a0a; }
    .expanded .expanded-breed-color-contrast-text-1 a {
      color: #0a0a0a; }

  .breed-color-contrast-text-1 {
    color: #0a0a0a; }
    .breed-color-contrast-text-1 a {
      color: #0a0a0a; }

  .expanded .expanded-breed-color-contrast-text-2 {
    color: #FFFFFF; }
    .expanded .expanded-breed-color-contrast-text-2 a {
      color: #FFFFFF; }

  .breed-color-contrast-text-2 {
    color: #FFFFFF; }
    .breed-color-contrast-text-2 a {
      color: #FFFFFF; }

  .expanded .expanded-breed-color-contrast-text-3 {
    color: #FFFFFF; }
    .expanded .expanded-breed-color-contrast-text-3 a {
      color: #FFFFFF; }

  .breed-color-contrast-text-3 {
    color: #FFFFFF; }
    .breed-color-contrast-text-3 a {
      color: #FFFFFF; }

  .expanded .expanded-breed-color-contrast-text-4 {
    color: #FFFFFF; }
    .expanded .expanded-breed-color-contrast-text-4 a {
      color: #FFFFFF; }

  .breed-color-contrast-text-4 {
    color: #FFFFFF; }
    .breed-color-contrast-text-4 a {
      color: #FFFFFF; }

  .expanded .expanded-breed-color-contrast-text-5 {
    color: #0a0a0a; }
    .expanded .expanded-breed-color-contrast-text-5 a {
      color: #0a0a0a; }

  .breed-color-contrast-text-5 {
    color: #0a0a0a; }
    .breed-color-contrast-text-5 a {
      color: #0a0a0a; }

  .expanded .expanded-breed-color-contrast-text-6 {
    color: #0a0a0a; }
    .expanded .expanded-breed-color-contrast-text-6 a {
      color: #0a0a0a; }

  .breed-color-contrast-text-6 {
    color: #0a0a0a; }
    .breed-color-contrast-text-6 a {
      color: #0a0a0a; }

  .expanded .expanded-breed-color-contrast-text-7 {
    color: #0a0a0a; }
    .expanded .expanded-breed-color-contrast-text-7 a {
      color: #0a0a0a; }

  .breed-color-contrast-text-7 {
    color: #0a0a0a; }
    .breed-color-contrast-text-7 a {
      color: #0a0a0a; }

  .expanded .expanded-breed-color-contrast-text-8 {
    color: #0a0a0a; }
    .expanded .expanded-breed-color-contrast-text-8 a {
      color: #0a0a0a; }

  .breed-color-contrast-text-8 {
    color: #0a0a0a; }
    .breed-color-contrast-text-8 a {
      color: #0a0a0a; }

  .breed-family.collapsed:hover {
    -webkit-transition: background-color 0s, max-height 0.8s;
    transition: background-color 0s, max-height 0.8s;
    background-color: rgba(215, 202, 158, 0.2) !important; }

  .results-menu-breed-ancestry i {
    color: #97D529; }

  @media print, screen and (min-width: 40em) {
    .results-menu-breed-ancestry a {
      color: #97D529 !important; } }

  .results-menu-appearance i {
    color: #58C5EB; }

  @media print, screen and (min-width: 40em) {
    .results-menu-appearance a {
      color: #58C5EB !important; } }

  .results-menu-health i {
    color: #EF5C61; }

  @media print, screen and (min-width: 40em) {
    .results-menu-health a {
      color: #EF5C61 !important; } }

  .results-menu-behavior i {
    color: #F89F34; }

  @media print, screen and (min-width: 40em) {
    .results-menu-behavior a {
      color: #F89F34 !important; } }

  .app-borders {
    border-left: 1px solid #D4D4D4;
    border-right: 1px solid #D4D4D4; }

  .app-width {
    max-width: 768px; }

  .header-illustration-area {
    background-color: #F7F7F7;
    height: 291px;
    width: 100%;
    text-align: center;
    display: table; }

  .header-illustration-area.yellow {
    background-color: #FFCE34; }

  .header-illustration-inner {
    display: table-cell;
    vertical-align: middle;
    padding-bottom: 41px;
    padding-left: 20px;
    padding-right: 20px; }

  .header-illustration-area-descriptive {
    max-width: 600px;
    width: 90%;
    font-size: 13px; }
    @media print, screen and (min-width: 40em) {
      .header-illustration-area-descriptive {
        font-size: 15px; } }

  .edit-page-descriptive {
    max-width: 600px;
    width: 90%;
    font-size: 12px; }

  .app-background {
    background-color: #F7F7F7; }

  .embark-yellow-background {
    background-color: #FFCE34; }

  .top-bar-right.nav-menu > ul > li > a {
    padding-top: 7px;
    padding-bottom: 7px; }

  .top-bar.members {
    background-color: #F9F9F9;
    padding-top: 12px;
    padding-bottom: 15px;
    height: 49px;
    border-bottom: 1px solid #C9C9C9; }

  .top-bar.members > .top-bar-right > .menu > li > a {
    padding-top: 0;
    padding-bottom: 0; }

  .top-bar-spacer.members {
    height: 49px; }

  .tab-menu ul li a {
    color: black;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-bottom: 4px solid white; }

  .tab-menu ul li a.selected {
    color: #F3C23F;
    border-bottom: 4px solid #F3C23F;
    text-decoration: none; }

  .tab-menu ul {
    border-bottom: 1px solid #CCC; }

  .pointer {
    cursor: pointer; }

  img.dog-pic-md-round {
    width: 125px;
    border-radius: 62px;
    border: 1px solid #EEE; }

  img.dog-pic-seventy-round {
    width: 70px;
    border-radius: 35px;
    border: 1px solid #EEE; }

  svg circle.avatar-background-color-1 {
    fill: #FFCE34; }

  svg circle.avatar-background-color-2 {
    fill: #95D600; }

  svg circle.avatar-background-color-3 {
    fill: #57C1E9; }

  svg circle.avatar-background-color-4 {
    fill: #797D82; }

  svg circle.avatar-background-color-5 {
    fill: #F15B5C; }

  svg circle.avatar-background-color-6 {
    fill: #A776A6; }

  svg circle.avatar-background-color-7 {
    fill: #F99F1E; }

  svg circle.avatar-background-color-8 {
    fill: #D7CA9E; }

  @media screen and (max-width: 63.9375em) {
    .nav-menu > .menu > li > a {
      padding-left: 0.3rem;
      padding-right: 0.3rem; } }

  .top-bar-right.nav-menu > ul > li > a.nav-menu-button {
    background-color: #FECC35;
    border-radius: 2px;
    padding: 7px 1rem 7px 1rem;
    /* back to the foundation defaults! */
    margin-left: 16px;
    /* other buttons use padding as spacing, we use padding for color, so need to use margin for spacing */ }
    @media screen and (max-width: 63.9375em) {
      .top-bar-right.nav-menu > ul > li > a.nav-menu-button {
        margin-left: 0.3rem;
        padding: 7px 0.7rem 7px 0.7rem; } }

  .crazy-modal-shadow {
    -webkit-box-shadow: 4px 6px 64px 9px #444444;
    box-shadow: 4px 6px 64px 9px #444444; }

  .lite-modal-shadow {
    -webkit-box-shadow: 4px 2px 48px 6px rgba(0, 0, 0, 0.3);
    box-shadow: 4px 2px 48px 6px rgba(0, 0, 0, 0.3); }

  .video-shadow-wrapper video {
    -webkit-box-shadow: 2px 2px 22px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 2px 2px 22px 2px rgba(0, 0, 0, 0.1); }

  @media print, screen and (min-width: 40em) {
    .some-padding-on-medium {
      padding: 20px; } }

  .more-results-soon {
    text-align: center;
    font-size: 15px;
    padding-bottom: 33px;
    padding-top: 25px; }
    .more-results-soon .header {
      font-weight: bold;
      text-transform: uppercase; }

  .nav-table {
    display: table;
    width: 100%; }

  .nav-table-entry {
    display: table-row; }

  .nav-table-entry-icon, .nav-table-entry-label {
    display: table-cell;
    height: 44px;
    vertical-align: middle;
    text-align: right;
    padding-right: 32px; }

  .nav-table-entry-icon {
    text-align: center;
    width: 60px; }

  .nav-table-entry-label {
    border-bottom: 1px solid #E9E9E9; }

  .nav-table-entry-icon a, .nav-table-entry-label a {
    color: black;
    display: block;
    padding-top: 10px;
    padding-bottom: 10px; }

  .app-top-bar-hamburger {
    height: 24px;
    width: 24px;
    background-image: url("/img/icons/hamburger3-48.png");
    /*gives us a nice big tap target*/
    background-size: 24px;
    margin-top: 7px; }

  .app-top-bar-hamburger-close {
    height: 32px;
    width: 33px;
    background-image: url("/img/icons/hamburger-close@2x.png");
    /*gives us a nice big tap target*/
    background-size: 33px; }

  h3.tab-header {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 0;
    padding-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    max-width: 200px; }

  .app-tabs-green a.selected {
    color: #95D600; }

  .app-tabs-green a.selected h3 {
    border-bottom: 4.5px solid #95D600; }

  .app-tabs-orange a.selected {
    color: #F99F1E; }

  .app-tabs-orange a.selected h3 {
    border-bottom: 4.5px solid #F99F1E; }

  .app-tabs-black a.selected {
    color: #0a0a0a; }

  .app-tabs-black a.selected h3 {
    border-bottom: 4.5px solid #0a0a0a; }

  .responsive-icon {
    width: 20px; }
    @media print, screen and (min-width: 40em) {
      .responsive-icon {
        width: 30px; } }

  .space-left-large-responsive {
    margin-left: 30px; }
    @media print, screen and (min-width: 40em) {
      .space-left-large-responsive {
        margin-left: 60px; } }

  .space-below-responsive {
    margin-bottom: 20px; }
    @media print, screen and (min-width: 40em) {
      .space-below-responsive {
        margin-bottom: 35px; } }

  .space-below-lg-responsive {
    margin-bottom: 20px; }
    @media print, screen and (min-width: 64em) {
      .space-below-lg-responsive {
        margin-bottom: 70px; } }

  .space-below-xl-responsive {
    margin-bottom: 20px; }
    @media print, screen and (min-width: 64em) {
      .space-below-xl-responsive {
        margin-bottom: 130px; } }

  #tab-guide .notifications {
    padding: 40px 20px; }
    @media print, screen and (min-width: 40em) {
      #tab-guide .notifications {
        padding: 40px 40px; } }
    #tab-guide .notifications .message-header {
      margin-bottom: 10px; }
    #tab-guide .notifications .message-body {
      margin-bottom: 10px; }
    #tab-guide .notifications h4 {
      font-size: 20px;
      margin-bottom: 20px; }
      @media print, screen and (min-width: 40em) {
        #tab-guide .notifications h4 {
          font-size: 26px; } }

  .app-module {
    padding-top: 35px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 35px;
    background-color: white; }

  .dog-name-md {
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 21px;
    color: black; }

  img.breedinfo-header {
    max-width: 200px;
    max-height: 150px; }
    @media print, screen and (min-width: 40em) {
      img.breedinfo-header {
        max-width: 250px; } }

  .breedinfo .header-illustration-area h2 {
    font-size: 21px; }
    @media print, screen and (min-width: 40em) {
      .breedinfo .header-illustration-area h2 {
        font-size: 30px; } }

  .health-condition-header {
    font-weight: 600;
    font-size: 21px;
    margin-bottom: 2px;
    margin-top: 32px;
    text-transform: capitalize; }

  .health-condition-header.applicable {
    text-decoration: underline;
    font-weight: bold; }

  .health-condition-page-icon {
    float: right;
    margin-top: 30px;
    width: 30px; }

  .health-chromosome-header {
    max-width: 60%; }

  .animate-width-in {
    -webkit-transform: scale(0, 1);
        -ms-transform: scale(0, 1);
            transform: scale(0, 1); }

  .animate-width-height-in {
    -webkit-transform: scale(0, 0);
        -ms-transform: scale(0, 0);
            transform: scale(0, 0); }

  .document-ready .animate-width-height-in {
    -webkit-animation: transform-width-height 1.5s ease-in-out forwards;
            animation: transform-width-height 1.5s ease-in-out forwards; }

  .document-ready .animate-width-in {
    -webkit-animation: transform-width 1.5s ease-in-out forwards;
            animation: transform-width 1.5s ease-in-out forwards; }

  @-webkit-keyframes transform-width {
    from {
      -webkit-transform: scale(0, 1);
              transform: scale(0, 1); }
    to {
      -webkit-transform: scale(1, 1);
              transform: scale(1, 1); } }

  @keyframes transform-width {
    from {
      -webkit-transform: scale(0, 1);
              transform: scale(0, 1); }
    to {
      -webkit-transform: scale(1, 1);
              transform: scale(1, 1); } }

  @-webkit-keyframes transform-width-height {
    from {
      -webkit-transform: scale(0, 0);
              transform: scale(0, 0); }
    to {
      -webkit-transform: scale(1, 1);
              transform: scale(1, 1); } }

  @keyframes transform-width-height {
    from {
      -webkit-transform: scale(0, 0);
              transform: scale(0, 0); }
    to {
      -webkit-transform: scale(1, 1);
              transform: scale(1, 1); } }

  .health-detail-page h3 {
    font-weight: 600;
    font-size: 21px;
    margin-bottom: 10px;
    margin-top: 32px;
    text-transform: uppercase; }

  .modal-descriptive {
    padding: 55px 39px 55px 39px; }

  .modal-descriptive h2 {
    font-size: 21px;
    letter-spacing: 1px; }

  .modal-descriptive h3 {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1px;
    margin-top: 50px; }

  .modal-descriptive p {
    font-size: 15px; }

  .breed-family {
    -webkit-animation-duration: 2s;
            animation-duration: 2s;
    max-height: 1000px;
    -webkit-transition: background-color 0.8s, max-height 0.8s;
    transition: background-color 0.8s, max-height 0.8s; }

  .breed-family.collapsed {
    max-height: 170px;
    -webkit-transition: background-color 0.8s, max-height 0.8s;
    transition: background-color 0.8s, max-height 0.8s;
    background-color: white !important; }

  .breed-family__main-image {
    top: 30px;
    position: absolute;
    right: 20px;
    max-width: 100px; }

  .breed-family .dropdown-icon {
    position: absolute;
    right: 10px;
    top: 75px; }
    @media print, screen and (min-width: 40em) {
      .breed-family .dropdown-icon {
        right: 20px; } }

  .breed-family .dropdown-icon-expanded {
    -webkit-transition: 0.2s opacity;
    transition: 0.2s opacity;
    width: 30px;
    position: absolute;
    right: 5px;
    top: 70px; }
    @media print, screen and (min-width: 40em) {
      .breed-family .dropdown-icon-expanded {
        right: 12px; } }

  .breed-family.collapsed .dropdown-icon-expanded {
    opacity: 0; }

  .geneticstats-stat img {
    padding: 5px; }
    @media print, screen and (min-width: 40em) {
      .geneticstats-stat img {
        padding: 5px 20px 5px 20px; } }

  .profile-input-text {
    border: 0;
    border-bottom: 1px solid #DDD;
    -webkit-box-shadow: none;
            box-shadow: none;
    height: 25px;
    padding: 0;
    margin-top: 0;
    margin-bottom: 23px; }

  .profile-input-label {
    margin-bottom: 12px; }

  .profile-input-text:disabled {
    border-bottom: none;
    background-color: white;
    /* fallback */
    background-color: white; }

  .profile-input-text:active {
    border: 0;
    border-bottom: 1px solid #DDD;
    -webkit-box-shadow: none;
            box-shadow: none; }

  @media print, screen and (min-width: 40em) {
    .text-right-on-medium {
      text-align: right; } }

  .medium-nav-selected {
    color: #E0B300; }

  a.medium-sub-nav-results-item.selected {
    color: #95D600; }

  a.medium-sub-nav-results-item.disabled {
    color: #CCCCCC; }

  h3.health-block-header {
    font-weight: 600;
    margin-bottom: 26px; }

  .health-descriptive {
    margin-left: 50px; }

  a.full-disease-yellow-panel {
    margin-bottom: 40px;
    display: block; }

  a.full-disease-yellow-panel img {
    width: 100%; }

  .health-condition-item {
    position: relative;
    border-top: 1px solid #EDEDED;
    padding: 26px 40px 26px 0px;
    margin-left: 49px;
    display: block; }

  .health-condition-item-icon {
    position: absolute;
    left: -40px;
    top: 29px;
    width: 16px; }

  .health-condition-item-disclosure {
    position: absolute;
    right: 0px;
    top: 26px;
    font-weight: bold;
    color: black; }
    @media print, screen and (min-width: 40em) {
      .health-condition-item-disclosure {
        font-size: 40px;
        right: 5px; } }

  .health-atrisk .health-condition-item-disclosure {
    color: #F15B5C; }

  .health-carrier .health-condition-item-disclosure {
    color: #57C1E9; }

  .health-common .health-condition-item-disclosure {
    color: #95D600; }

  h6.health-condition-list {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
    margin-left: 49px;
    margin-top: 40px;
    letter-spacing: 1px; }

  a.health-condition-item .health-condition-item-title {
    font-weight: bold;
    font-size: 15px;
    color: black; }

  a.health-condition-item .health-condition-item-title:hover {
    color: blue; }

  .health-condition-item-title {
    font-weight: bold;
    font-size: 15px;
    color: black; }

  h5.health-descriptive-what-means {
    font-size: 19px;
    font-weight: bold;
    text-transform: none;
    display: block;
    margin-top: 40px; }

  .health-condition-item.no-top-border {
    border-top: none; }

  .validation-wrapper {
    color: gray; }

  .validation-wrapper.correct {
    color: green;
    font-weight: bold; }

  .healthlist-category {
    margin-bottom: 40px; }
    @media print, screen and (min-width: 40em) {
      .healthlist-category {
        margin-bottom: 150px; } }
    @media screen and (max-width: 39.9375em) {
      .healthlist-category h3 {
        text-align: center; } }

  .margin-center, .button-wide, .header-illustration-area-descriptive, .edit-page-descriptive, .consultation-disclaimer {
    margin-left: auto;
    margin-right: auto; }

  .healthlist-category-image-container {
    margin-bottom: 40px; }
    @media screen and (max-width: 39.9375em) {
      .healthlist-category-image-container {
        text-align: center; } }
    .healthlist-category-image-container img {
      width: 100px; }

  .promo-banner {
    background-color: #F8F8F8; }

  .comparison-callout {
    font-size: 19px;
    font-weight: bold;
    padding: 5px 18px 2px 18px;
    border: 4px solid #7F7F7F;
    border-radius: 5px;
    width: auto;
    min-width: 150px;
    display: inline-block;
    text-align: center;
    color: #7F7F7F; }
    @media print, screen and (min-width: 40em) {
      .comparison-callout {
        font-size: 25px; } }
    @media print, screen and (min-width: 64em) {
      .comparison-callout {
        margin-top: 35px; } }

  .comparison-callout-yellow {
    border-color: #FFCE34;
    color: black; }

  .comparison-callout-red {
    border-color: #F15B5C;
    color: #F15B5C; }

  .comparison-callout-blue {
    border-color: #57C1E9;
    color: #57C1E9; }

  .comparison-callout-green {
    border-color: #95D600;
    color: #95D600; }

  .comparison-pictures-image {
    display: block;
    margin: 0 auto;
    padding: 10px; }
    @media print, screen and (min-width: 40em) {
      .comparison-pictures-image {
        padding: 27px; } }

  .comparison-pictures-caption {
    font-weight: bold;
    font-size: 21px;
    color: gray;
    height: 54px;
    margin-top: 20px;
    text-align: center; }
    @media print, screen and (min-width: 40em) {
      .comparison-pictures-caption {
        margin-top: 40px;
        font-size: 30px; } }

  .comparison-page-header {
    margin-top: 60px;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase; }
    @media print, screen and (min-width: 40em) {
      .comparison-page-header {
        font-size: 66px;
        margin-top: 95px; } }

  .comparison-page-subheader {
    font-weight: 300;
    font-size: 18px;
    text-align: center;
    width: 80%;
    margin: 0 auto; }
    @media print, screen and (min-width: 40em) {
      .comparison-page-subheader {
        font-size: 26px; } }

  .comparison-footer {
    font-size: 18px;
    margin-bottom: 30px; }
    @media print, screen and (min-width: 40em) {
      .comparison-footer {
        margin-bottom: 70px; } }

  @media print, screen and (min-width: 40em) {
    .harley-background {
      background: url("/img/home/harley-bar-home-header.jpg") 95% center no-repeat;
      background-size: 50%; } }

  section#dogwellness {
    padding-top: 2rem;
    padding-bottom: 2rem; }
    @media screen and (min-width: 1030px) {
      section#dogwellness {
        padding-top: 5rem;
        padding-bottom: 5rem; } }

  h3.white-header {
    color: white;
    font-weight: bold;
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 25px; }

  h3.footer-header {
    color: white;
    font-weight: bold;
    font-size: 21px;
    text-transform: uppercase;
    letter-spacing: 1px; }

  h4.small-black-header {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 15px; }

  .border-bottom-gray, .input-edit {
    border-bottom: 1px solid #F0F0F0; }

  .input-edit {
    font-size: 19px;
    padding-bottom: 4px;
    border: 0;
    border-bottom: 1px solid #DDD;
    -webkit-box-shadow: none;
            box-shadow: none;
    margin-bottom: 0;
    height: 25px;
    padding-top: 0; }

  .input-edit:focus {
    border: 0;
    border-bottom: 1px solid #DDD;
    -webkit-box-shadow: none;
            box-shadow: none; }

  .input-edit:disabled {
    background: transparent;
    opacity: 0.5; }

  .howtoswab-column {
    max-width: 300px;
    margin: 0 auto;
    margin-top: 30px; }

  .howtoswab-column p {
    font-size: 15px; }

  h1.julystyle {
    font-weight: normal;
    text-transform: none;
    font-size: 26px; }
    @media print, screen and (min-width: 40em) {
      h1.julystyle {
        font-size: 42px; } }

  h2.julystyle {
    font-weight: normal;
    text-transform: none;
    padding-top: 30px;
    font-size: 21px; }
    @media print, screen and (min-width: 40em) {
      h2.julystyle {
        font-size: 42px; } }

  h3.julystyle {
    font-size: 21px;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 37px; }

  .activate-header-illustration {
    margin-top: 58px; }
    @media print, screen and (min-width: 40em) {
      .activate-header-illustration {
        margin-top: 120px; } }

  .space-above-lg-responsive {
    margin-top: 30px; }
    @media print, screen and (min-width: 40em) {
      .space-above-lg-responsive {
        margin-top: 80px; } }

  .space-above-md-responsive {
    margin-top: 20px; }
    @media print, screen and (min-width: 40em) {
      .space-above-md-responsive {
        margin-top: 40px; } }

  .space-above-sm-responsive {
    margin-top: 10px; }
    @media print, screen and (min-width: 40em) {
      .space-above-sm-responsive {
        margin-top: 30px; } }

  .padding-md-responsive {
    padding: 6px; }
    @media print, screen and (min-width: 40em) {
      .padding-md-responsive {
        padding: 20px; } }

  .md-caps-responsive {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1px; }
    @media print, screen and (min-width: 40em) {
      .md-caps-responsive {
        font-size: 20px; } }

  @media print, screen and (min-width: 40em) {
    .margin-left-100-on-medium {
      margin-left: 100px; } }

  @media print, screen and (min-width: 40em) {
    .margin-right-73-on-medium {
      margin-right: 73px; } }

  .foundation-table-selected-row {
    background-color: #D7CA9E !important; }

  .small-space-above {
    margin-top: 15px; }

  .space-above {
    margin-top: 30px; }

  .large-space-above {
    margin-top: 25px; }

  .small-space-below {
    margin-bottom: 10px; }

  .space-below {
    margin-bottom: 20px; }

  .large-space-below {
    margin-bottom: 30px; }

  .scrollable-window {
    overflow-y: hidden;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    position: relative;
    margin-bottom: 20px; }

  .slider-frame-wrapper {
    overflow: hidden;
    overflow-x: auto; }

  .slider-frame {
    overflow: visible;
    margin-bottom: 0;
    white-space: nowrap; }

  .dog-scroll-cell {
    min-width: 105px;
    max-width: 106px; }

  .dog-scroll-labels {
    font-size: 14px; }

  .dog-scroll-img {
    max-width: 115px;
    min-width: 115px; }

  .consultation-disclaimer {
    max-width: 600px;
    width: 90%;
    font-size: 12px;
    color: #666A70; }

  .xlarge-header {
    font-size: 32px;
    margin-top: 16px; }
    @media print, screen and (min-width: 40em) {
      .xlarge-header {
        font-size: 50px;
        margin-top: 40px; } }

  .large-header {
    font-size: 22px; }
    @media print, screen and (min-width: 40em) {
      .large-header {
        font-size: 28px; } }

  @media screen and (max-width: 39.9375em) {
    .responsive-height-150 {
      max-height: 150px; } }

  @media screen and (min-width: 40em) and (max-width: 63.9375em) {
    .responsive-height-150 {
      max-height: 250px; } }

  h2.home-two {
    font-size: 38px;
    font-weight: 400;
    text-transform: none;
    margin-top: 30px; }
    @media print, screen and (min-width: 40em) {
      h2.home-two {
        margin-top: 100px; } }

  .home-devices-module {
    background-color: #F8F8F8;
    padding-top: 50px;
    padding-bottom: 50px; }
    @media print, screen and (min-width: 40em) {
      .home-devices-module {
        padding-top: 100px;
        padding-bottom: 100px; } }

  .hero-jack {
    background-image: url(/img/home-two/happy-lab-black-green-md.jpg);
    background-size: cover; }
    @media print, screen and (min-width: 64em) {
      .hero-jack {
        background-image: url(/img/home-two/happy-lab-black-green.jpg); } }

  .medium-sub-nav-results-item:hover {
    color: #51C0EB; }

  .medium-main-nav-anchor:hover {
    color: #51C0EB; }

  .orbit-bullets button.orbit-bullets-pretty {
    margin-left: 15px;
    margin-right: 15px;
    opacity: 0.5;
    width: 0.8rem;
    height: 0.8rem; }

  .orbit-bullets button.orbit-bullets-pretty:hover {
    opacity: 1; }

  .orbit-bullets button.orbit-bullets-pretty.is-active {
    opacity: 1;
    width: 1.2rem;
    height: 1.2rem; }

  .orbit-bullets button.orbit-bullets-green {
    background-color: #95D600; }

  .orbit-bullets button.orbit-bullets-purple {
    background-color: #A776A6; }

  .orbit-next-pet-carousel {
    color: #797D82;
    right: -10px; }

  .orbit-previous-pet-carousel {
    color: #797D82;
    left: -10px; }

  .family-tree-disclaimer {
    max-width: 80%;
    text-align: center;
    font-size: 12px; }

  /* Override default VueMultiselect styles to make the select box blend in better */
  .multiselect__input, .multiselect__single {
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    border: none !important; }

  .multiselect__tags {
    border: 1px solid #cacaca; }

  html.is-reveal-open,
  html.is-reveal-open body {
    position: inherit !important; }


    /* traits-module comes from the _results.scss file, which we haven't brought over completely because it is mostly for formatting results reports,
    but this section is used by the traits-list page */
    .traits-module {
      background-color: white;
      padding-bottom: 30px;
      padding-left: 18px;
      padding-right: 18px;
      padding-top: 28px;
      border-bottom: 1px solid #EAEAEA; }

    .traits-module-item-header h3 {
      font-size: 21px;
      font-weight: normal;
      margin-top: 10px; }

    .traits-module-item {
      border-bottom: 1px solid #EDEDED;
      margin-left: 49px;
      margin-right: 40px;
      display: block;
      color: #666A70; }

    .traits-module-full .traits-module-item {
      padding: 26px 0 6px 0; }

    .traits-module-full .traits-module-item-title {
      font-size: 21px;
      color: black; }

    .traits-module-full .traits-module-compact-only {
      display: none; }

    .traits-module-compact .traits-module-item {
      padding: 8px 0 8px 0; }

    .traits-module-compact .traits-module-item-title {
      font-weight: bold;
      font-size: 16px;
      color: black; }

    .traits-module-compact .stats-block-header {
      padding-bottom: 10px !important; }

    .traits-module-compact .traits-module-full-only {
      display: none; }