/*****************
Global Styles
*****************/
body{
    font-family: Arial, Helvetica, sans-serif;
    color: #555;
    font-size:18px;
    background-color: #fff;
    font-family: 'Raleway', sans-serif;
    font-weight:300;
    position:relative;
}

.pure-g-r [class *="pure-u"] {
    font-family: 'Raleway', sans-serif;
}

.centered{
  text-align:center;
}

a i{
  color: #29e;
  font-size: 36px;
}
.title a i{
  padding: 3px;
  line-height: 3em;
}
.title .icons{
  text-align:center;
}
.button{
  border-radius:1em;
  padding:1em;
  border: 1px solid #29e;
  max-width:250px;
  margin:1em auto;
  text-align:center;
  cursor:pointer;
}

h1,h2,h3,h4,h5,h6{
  font-weight:200;
}
h1{
  font-size: 80px;
  margin: .5em;
  letter-spacing: -1px;
  text-align:center;
}
.heading-text{
  font-size: 80px;
  font-weight:200;
  font-family: 'Raleway', sans-serif;
  letter-spacing: -1px;
  color: #555;
}
input.hashtag, input.share{
  text-align:left;
  box-shadow:none;
  border:none;
  border-bottom:1px dotted #555;
  max-width:90%;

}
/*****************
Title Banner
*****************/
.title{
  z-index: 0;
  overflow: hidden;
  width:100%;
}

.main-feed{
  z-index:1;
  position:relative;
  background-color: #fff;
}
/*****************
 Loader
*****************/
.insta-target .loader{
  text-align:center;
  color: #999;
  line-height:1em;

}
/*****************
Instagram Feed
*****************/
.insta-image{
    margin:.75em;
    position: relative;
    cursor: pointer;
}
.pure-g-r .insta-image img{
    display:block;
    margin:auto;
}

/*****************
Lightbox
*****************/
.lightbox-outer{
  position:fixed;
  left:0;
  right:0;
  top:0;
  bottom:0;
  z-index:-10;
  padding:5px;
  transition: background-color .5s ease-in;
  -webkit-transition: background-color.5s ease-in;
}
.lightbox-outer.active{
  background-color: rgba(0,0,0,.7);
  z-index:10;
}

.lightbox-border{
  background-color: #fff;
  margin: 0 auto;
  max-width: 650px;
  padding:5px;
  height: 100%;
  box-sizing:border-box;
  position:relative;
  transition: right .3s ease-in;
  -webkit-transition: right .3s ease-in;
  right:-1000px
}
.lightbox-outer.active .lightbox-border{
  right:0;
}
.lightbox-border .icon-cancel-circled{
  text-shadow: 1px 1px 2px #333;
  position: absolute;
  right:0;
  color: #eee;
  top:0;
  font-size:1.5em;
  cursor: pointer;
}
.lightbox-scrollable{
  width: 100%;
  height: 100%;
  overflow:auto
}
.lightbox-scrollable .comment{
  padding:1em;
}
.lightbox-scrollable img{
  width:640px;
  max-width:100%;
  margin:auto;
}
.lightbox-scrollable img.profile-picture{
  width: 75px;
  display: block;
  float: left;
  padding: 3px;
}
.lightbox-scrollable h4{
  margin:0;
}
.lightbox-scrollable span.poster-user {
  padding: 0;
  margin: .5em;
}
.lightbox-scrollable p.like-comment{
  display: inline-block;
  position: relative;
  color: #3E8BE0;
}
.block-list {
  padding: 1.6em;
}
.lightbox-scrollable p.link a{
  color: #eee;
  text-decoration: none;
}
.lightbox-scrollable span.comment-user{
  color: #BB91C5;
}
.lightbox-scrollable .big-close{
  padding: 0.7em;
  font-size: 1.3em;
  position: absolute;
  right: 0;
  background-color: #fff;
  cursor:pointer;
}
.lightbox-scrollable embed, .lightbox-scrollable video{
  width:640px;
  height:640px;
  max-width:100%;
}

.lightbox-scrollable .instagram-link{
  color: #555;
}
.lightbox-scrollable .instagram-link i{
  font-size: 1.7em;
}
/*****************
Media Queries
*****************/

@media (max-width: 767px) {
  .title .heading-text{
    font-size:36px;
  }
  .title a i{
    line-height:1.2em;
  }
  h3,h4{
    margin: .2em;
  }
}
