/* Table of Contents 
** 1 Globals
** 2 Common
**   2.0 Fonts
**   2.1 Colors
** 3 Masthead and Body BG
**   3.0 Slug
** 4 Main Blocks
**   4.1 Nav
**   4.2 Theme Selector
**   4.3 Footer
** 5 Splash Page
** 6 Responsive Overrides (for larger screens)
**   7.1 Close-Up Styles
** 7 Non-Gallery Pages
*/

/* 1 Globals */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

a {
  text-decoration: none;
}

a:hover,
.hot:hover,
.userSlug a:hover {
  color: #fff;
  cursor: pointer;
}

a:link,
a:visited {
  color: inherit;
}

html,
body {
  overflow-x: hidden;
}

html {
  height: 100%;
}

body {
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  font-size: 62.5%;
  font-family: 'Arimo', sans-serif;
  /*font-family: 'Istok Web', sans-serif;*/
}

#root {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.app-main {
  display: flex;
  flex-grow: 1;
  overflow-y: hidden;
}

button {
  cursor: pointer;
}

button:focus,
button:active {
  outline: none;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  margin-top: 0;
  font-weight: normal;
  color: #333;
}

i {
  font-style: italic;
}

div:focus {
  outline: none;
}

img {
  border: none;
}

input,
textarea {
  outline: none;
}

ul,
li {
  list-style: none;
  display: inline;
  margin: 0;
  padding: 0;
}