@font-face {
  font-family: 'Menlo';
  src: url('Menlo-Regular.woff2') format('woff2'),
       url('Menlo-Regular.woff') format('woff'),
       url('Menlo-Regular.ttf') format('truetype');
}

html {
  height: 100%;
  -webkit-text-size-adjust: none;
}

body {
  margin-top: 0;
  margin-bottom: 0;
  min-height: 100%;
  position: absolute;
}

body, input[type="text"] {
  font-family: 'Menlo';
  font-size: 12px;
}


body.not-loaded {
  visibility: hidden;
}

a {
  text-decoration: none;
  color: black;
}

a:hover, [onclick]:hover, [data-onclick-text].unclicked:hover, .donation:hover a {
  color: green;
  cursor: pointer;
}


/*type-me styles*/
/*.type-me hides text before typing*/
.type-me, .type-me-hidden, .just-show-me {
  display: none;
}
.type-me.typing, .just-show-me.show {
  display: block;
}

.non-clickable:hover {
  text-decoration: none;
  color: black;
  cursor: auto;
}

/*don't re-type sections when headers clicked again*/
.non-clickable {
  pointer-events: none;
}

.photo-container {
  display: inline-block;
}

.photo-container img {
  max-width: 100%;
}

.photo-credit {
  width: 100%;
  text-align: right;
}

.not-yet-shown {
  display: none;
}

.margin-top {
  margin-top: 20px;
}

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

.margin-bottom-double {
  margin-bottom: 40px;
}

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

.blinking-cursor {
  visibility: hidden;
}
.blinking-cursor.visible {
  visibility: visible;
}
/*.leave-blinking-cursor{
  cursor: pointer;
}*/
.leave-blinking-cursor * {
  cursor: pointer;
}

.title {
  margin-top: 8px;
  text-transform: uppercase;
}

.projects-list-title {
  text-transform: uppercase;
}

/*EMAIL SIGNUP*/
.signupframe {
  border: 0 !important;
  font-family: 'Menlo' !important;
  font-size: 12px !important;
}
.mail-form form {
  margin-bottom: 20px;
}

/*TRENDING*/
.trending {
  position:absolute;
	bottom:0;
	left:0;
  padding-bottom: 8px;
}
.black-link:hover .marquee {
  color: black;
}

.trending-text-container {
  white-space: nowrap;
  position: relative;
  max-height: 100px;
  transition: max-height 2s ease;
  overflow: hidden;
}
.reddit-hidden {
  height: 0;
  overflow: hidden;
}

.accordion-up {
  display: none;
  max-height: 0px;
  overflow: hidden;
  transition: max-height 2s ease 0.1s;
}
.accordion-down {
  display: block;
  max-height: 600px;
  transition: max-height 2s ease 0.1s;
  overflow: hidden;
}

/*MOBILE*/
@media only screen and (max-device-width: 480px) {

  /*full-width video embed*/
  .video-ratio-container {
    width: 100%;
    max-height: 0px;
    padding-bottom: 55.5%;
    position: relative;
    margin-left: 0 !important;
  }
  .video-el iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
  }

}