/* images */
/* fonts */
/* Noto Sans */
/* Montserrat */
/* DIN */
/************** BEGIN Font Declarations ************************/
@font-face {
  font-family: "Montserrat";
  src: url("/profiles/custom/cgov_site/themes/custom/cgov/static/fonts/Montserrat-regular.eot?#iefix");
  src: url("/profiles/custom/cgov_site/themes/custom/cgov/static/fonts/Montserrat-regular.eot?#iefix") format("eot"), url("/profiles/custom/cgov_site/themes/custom/cgov/static/fonts/Montserrat-regular.woff") format("woff"), url("/profiles/custom/cgov_site/themes/custom/cgov/static/fonts/Montserrat-regular.ttf?v=15658035") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "Montserrat";
  src: url("/profiles/custom/cgov_site/themes/custom/cgov/static/fonts/Montserrat-700.eot?#iefix");
  src: url("/profiles/custom/cgov_site/themes/custom/cgov/static/fonts/Montserrat-700.eot?#iefix") format("eot"), url("/profiles/custom/cgov_site/themes/custom/cgov/static/fonts/Montserrat-700.woff") format("woff"), url("/profiles/custom/cgov_site/themes/custom/cgov/static/fonts/Montserrat-700.ttf?v=15658035") format("truetype");
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: "DIN Condensed";
  src: url("https://static.cancer.gov/fonts/FS-WebFonts/1381346/ba8374b0-f3d8-4cc2-b782-8bf578b1950f.eot?#iefix");
  src: url("https://static.cancer.gov/fonts/FS-WebFonts/1381346/ba8374b0-f3d8-4cc2-b782-8bf578b1950f.eot?#iefix") format("eot"), url("https://static.cancer.gov/fonts/FS-WebFonts/1381346/54113791-74a1-4d34-a045-592d484e51b9.woff2") format("woff2"), url("https://static.cancer.gov/fonts/FS-WebFonts/1381346/07e17e93-babd-4bce-bbde-cc2a88b4564a.woff") format("woff"), url("https://static.cancer.gov/fonts/FS-WebFonts/1381346/5dc47294-657d-4a9d-b4f9-e26ea02bfb27.ttf?v=15658035") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "DIN Condensed";
  src: url("https://static.cancer.gov/fonts/FS-WebFonts/5425816/4b974770-fdd2-4cb6-ab28-02f5000b83ff.eot?#iefix");
  src: url("https://static.cancer.gov/fonts/FS-WebFonts/5425816/4b974770-fdd2-4cb6-ab28-02f5000b83ff.eot?#iefix") format("eot"), url("https://static.cancer.gov/fonts/FS-WebFonts/5425816/84ab08ad-4ce4-454b-a247-bc639f5eacd7.woff2") format("woff2"), url("https://static.cancer.gov/fonts/FS-WebFonts/5425816/c76f8a54-5ec1-4f2f-88e7-7a935ccbf62b.woff") format("woff"), url("https://static.cancer.gov/fonts/FS-WebFonts/5425816/56633575-7acf-4dbd-94c9-5b013067b285.ttf?v=15658035") format("truetype");
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: "DIN Regular";
  src: url("https://static.cancer.gov/fonts/FS-WebFonts/5426089/a397c752-ee83-47cf-b8a8-b476511dd2c9.eot?#iefix");
  src: url("https://static.cancer.gov/fonts/FS-WebFonts/5426089/a397c752-ee83-47cf-b8a8-b476511dd2c9.eot?#iefix") format("eot"), url("https://static.cancer.gov/fonts/FS-WebFonts/5426089/53fb9c60-2054-4c31-9283-5562244b4935.woff2") format("woff2"), url("https://static.cancer.gov/fonts/FS-WebFonts/5426089/45831ca8-93bd-4808-aa5f-3c915944f727.woff") format("woff"), url("https://static.cancer.gov/fonts/FS-WebFonts/5426089/429a3e29-88da-4603-94ff-c1450c089c88.ttf?v=15658035") format("truetype");
  font-weight: normal;
  font-style: normal; }

/********************* END Font Declarations ******************************************/
.card-thumbnail h3 a:hover, .infographic-enlarge a:hover, .card-thumbnail h3 a:focus, .infographic-enlarge a:focus {
  color: #BB0E3D;
  text-decoration: none; }

/**
 * The following variable and function originate from the sass-mq library.
 * If you have already included it, you can eliminate the below
 * https://github.com/sass-mq/sass-mq/blob/master/_mq.scss
 */
.infographic-enlarge a::before {
  display: inline-block;
  background-image: url(../images/sprites/svg-sprite.svg);
  background-size: 12em 265.9375em; }

/* BEGIN THUMBNAIL CARDS ROW */
.card-thumbnail .card-thumbnail {
  margin-left: 0;
  margin-right: 0; }

.card-thumbnail {
  background: #FFFFFF;
  padding-top: 1em;
  padding-bottom: 1em; }
  .card-thumbnail .card-thumbnail:hover a.image-hover {
    background-color: #000000; }
  .card-thumbnail .card-thumbnail:hover img {
    opacity: .8; }
  .card-thumbnail .card-thumbnail:hover a {
    color: #BB0E3D; }
  .card-thumbnail h3 {
    margin-top: 0.5em; }
  .card-thumbnail .small-2 {
    margin-top: 1em; }
  .card-thumbnail .image-hover {
    display: block; }
    .card-thumbnail .image-hover img {
      width: 100%; }
    .card-thumbnail .image-hover:hover, .card-thumbnail .image-hover:focus {
      background-color: #000000; }
      .card-thumbnail .image-hover:hover > img, .card-thumbnail .image-hover:focus > img {
        opacity: 0.8; }
  .card-thumbnail h3 {
    font-weight: normal; }

@media only screen and (max-width: 640px) {
  .card-thumbnail h3 {
    margin-top: 0;
    font-size: 1.125em;
    line-height: 1.111em; }
  .card-thumbnail .small-2, .card-thumbnail .small-3 {
    display: none; }
  .card-thumbnail .small-10, .card-thumbnail .small-9 {
    width: 100%; }
  /* no gutter on left and right in mobile */
  .card, .card-thumbnail div {
    padding-right: 0;
    padding-left: 0; } }

/* END THUMBNAIL CARDS ROW */
.feature-primary .card {
  padding: 0; }

.feature-card div {
  margin-bottom: 1em; }

.feature-card a:hover {
  text-decoration: none; }

.feature-card p:last-child {
  margin-bottom: 0; }

.feature-card .image-hover {
  position: relative; }
  .feature-card .image-hover img {
    width: 100%; }

.infographic {
  position: relative;
  /* allows for appearance of equal height cards on home page */
  background: #FFFFFF; }
  .infographic figcaption {
    padding: 0.5em 1em; }

.infographic-enlarge {
  position: absolute;
  top: 0;
  right: 0;
  color: #FFFFFF; }
  .infographic-enlarge a {
    position: relative;
    color: #FFFFFF;
    padding: 1em 2em 1em 1em;
    display: block;
    /* TODO: add this image to the sprite */
    background-color: #403f3f; }
    .infographic-enlarge a::before {
      width: 1.25em;
      height: 0.78125em;
      background-position: 5.84795% 21.92621%;
      content: "";
      position: absolute;
      top: 50%;
      right: .6em;
      -webkit-transform: translateY(-50%) rotate(90deg);
              transform: translateY(-50%) rotate(90deg); }

@media only screen and (max-width: 640px) {
  .feature-primary {
    flex-direction: column; }
    .feature-primary .card {
      margin: 1.25em 0;
      background: #FFFFFF; }
  .feature-card a {
    padding-top: 15px;
    padding-bottom: 15px; }
  .feature-card .image-hover {
    float: left;
    width: 30%; }
  .feature-card h3, .feature-card p {
    float: right;
    width: 68%; }
  .card-thumbnail img {
    display: none; } }

@media only screen and (min-width: 641px) {
  .card-thumbnail .small-2 {
    width: 25%; }
  .card-thumbnail .small-10 {
    width: 75%; }
  .card-thumbnail-image {
    padding-left: 0; }
  .card-thumbnail .small-10.card-thumbnail-text > h3 {
    margin-top: .5em; } }

@media only screen and (min-width: 1025px) {
  /* equal height cards for desktop, visually push a div to the bottom of it's container */
  .equalheight {
    overflow: hidden; }
  .equalheight .push-to-bottom-desktop {
    height: 100%; }
  .row .gutter.large-4 {
    width: 32%;
    margin-left: 2%; }
  .row .gutter.large-6 {
    width: 48.5%;
    margin-left: 3%; }
  .row .gutter:first-child {
    margin-left: 0; } }

.contentzone .PDQ-list {
  padding-left: 0; }
  .contentzone .PDQ-list li {
    background-image: none;
    margin-left: 0;
    padding-left: 0; }
    .contentzone .PDQ-list li::before {
      content: none; }
  .contentzone .PDQ-list ul {
    margin-left: 0;
    margin-top: 3px;
    padding-left: 20px; }
    .contentzone .PDQ-list ul > li {
      display: inline; }
      .contentzone .PDQ-list ul > li::before {
        content: "|";
        float: none;
        padding-left: 20px;
        padding-right: 5px;
        top: 0; }
      .contentzone .PDQ-list ul > li:first-child::before {
        content: none;
        display: none; }

.nci-organization .large-5 figure {
  margin: 1.25em auto; }

.nci-organization .nci-organization__pattern {
  display: flex;
  height: 230px; }
  .nci-organization .nci-organization__pattern:hover, .nci-organization .nci-organization__pattern:active, .nci-organization .nci-organization__pattern:focus {
    text-decoration: none; }
  .nci-organization .nci-organization__pattern span {
    margin: 20px;
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 1.3em;
    color: #fff;
    font-family: Montserrat,Avant Garde,Arial,sans-serif; }
  @media only screen and (max-width: 640px) {
    .nci-organization .nci-organization__pattern span {
      font-size: 2.1em; } }
  @media only screen and (max-width: 390px) {
    .nci-organization .nci-organization__pattern span {
      font-size: 8vw; } }

/********************* END Mini Landing Page Styles ******************************************/