/* Welcome to Compass. Use this file to define print styles.
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/print.css" media="print" rel="stylesheet" type="text/css" /> */
/* default color for everything */
/* breakpoints */
/* max width of site column */
/* $subnav-mobile:265px; */
/* No files to import found in components/**\/* */
@media print {
  body {
    width: 100%;
  }

  h1, h2, h3 {
    page-break-after: avoid;
  }

  .intro-text {
    page-break-after: always;
  }

  h1, h2, h3, h4, p, li, div {
    color: #444 !important;
  }

  ul, img, .matrix > div, .slide {
    page-break-inside: avoid;
  }

  img {
    max-width: 100% !important;
    height: auto !important;
  }

  header:before {
    display: block;
    content: "51¿´Æ¬ - www.wcu.edu";
  }

  header .toggle-wrapper,
  header .utility-head,
  header .main-nav-container,
  footer .sitemap,
  footer .social,
  footer .utility-footer ul,
  .subnav,
  #breadcrumb,
  .module > img,
  .discover,
  .program-search,
  .factoids {
    display: none !important;
  }

  .owl-wrapper-outer {
    background: none !important;
  }

  h1 {
    font-size: 24pt !important;
  }

  h2 {
    font-size: 14pt !important;
    margin-top: 25px;
  }

  .l-page img {
    max-width: 500px !important;
    height: auto !important;
    margin: auto !important;
    float: none !important;
  }

  header .site-logo {
    float: left !important;
    width: auto !important;
    color: #000;
  }
  header .site-logo img {
    background: #444;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    display: block !important;
    /* 			filter: url(/_resources/css/inverse.svg);
    			-webkit-filter: invert(100%);
    			filter: invert(100%); */
  }

  .factoid .container span {
    color: #444;
  }

  .owl-carousel .owl-wrapper {
    max-width: 100%;
  }
  .owl-carousel .owl-wrapper .owl-item {
    max-width: 100%;
  }
  .owl-carousel .owl-wrapper .owl-item .slide {
    border-top: 1px dotted #333;
    margin: 20px 0 0 0 !important;
    padding: 20px 0 0 0 !important;
    page-break-inside: avoid;
  }
  .owl-carousel .owl-controls, .owl-carousel.featured, .owl-carousel.featured-inner {
    display: none !important;
  }

  .ui-tabs-nav li {
    display: none;
  }
  .ui-tabs-nav li.ui-tabs-active {
    display: block;
  }

  a[href^='http']:after,
  a[href^='www']:after,
  a[href^='/']:after,
  a[href^='mailto:']:after,
  a:not([href^='#']) {
    content: " [ " attr(href) " ] " !important;
    position: relative !important;
  }

  .drop-container ul {
    display: block !important;
    position: relative !important;
    float: left;
    width: 100%;
    border: 1px solid #eee;
  }

  .text-image-intro.generic {
    box-shadow: none;
  }
  .text-image-intro.button img {
    display: none !important;
  }
  .text-image-intro.button a .container {
    position: relative;
  }
  .text-image-intro.button a .container p, .text-image-intro.button a .container h2 {
    color: #444 !important;
  }

  body.m-college_of_fine_and_performing_arts .l-page #our-schools .list-cta > div .text-image-intro.textlink a h2 {
    position: relative !important;
  }
  body.m-college_of_fine_and_performing_arts .l-page #our-schools .list-cta > div .text-image-intro.textlink a p {
    position: relative !important;
    margin: 0 !important;
  }
  body.m-college_of_fine_and_performing_arts .l-page #our-schools .list-cta > div .text-image-intro.textlink a:before {
    background: none !important;
  }
  body.m-college_of_fine_and_performing_arts #experience-arts h2,
  body.m-college_of_fine_and_performing_arts #student-work h2 {
    top: 0;
  }
  body.m-college_of_fine_and_performing_arts #experience-arts .skew img,
  body.m-college_of_fine_and_performing_arts #student-work .skew img {
    left: 0;
    top: 0;
  }

  #tab-1 {
    display: none !important;
  }

  .matrix.events > div {
    display: block !important;
  }
  .matrix.events > div .promo-event {
    margin: 0 !important;
  }
  .matrix.events > div .promo-event a {
    width: 100% !important;
  }
  .matrix.events > div .promo-event a > div {
    display: block;
    float: left;
    width: 50%;
  }
}