/*

* Trumps (no relation). These are styles that override other styles, and should be used very sparingly. Color overrides, forced floats, and text alignment classes can go here. This is the only place in your CSS that the `!important` tag is acceptable.
* See https://medium.com/@jordankoschei/how-i-shrank-my-css-by-84kb-by-refactoring-with-itcss-2e8dafee123a#.tbp9yocm3 for details.
*/

@media all and (min-width:640px) {

html {
  background: $material50;
}

body {
  border: 2px solid $material500;
}

.flat_nav_menu {
  ul {
    li {
      display: inline-block !important;
      margin-right: .5rem !important;
      line-height: $lineHeight !important;
      a {
        display: block !important;
      }
    }
  }
}

}

img.emoji {

border: none !important;

}

@media print {

body {
  font-family: $systemSerif !important;
  font-size: $printFontSize !important;
  line-height: $printLineHeight !important;
  max-width: 100%;
  margin: auto;
  padding: auto;
  color: $materialBlack;
  background-color: $materialWhite;
}

#top_link { 
  display: none; 
}

}