*{
  font-family: roboto, 'Open Sans', sans-serif;
}



header{
  border: 1px solid black;
  -webkit-box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.75);
box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.75);
  max-width: 70em;
  margin: auto;
  position: fixed;
  left: 2em;
  top: 2em;
  -webkit-user-drag: element;
}

.col-md-3{
  top: 10em !important;
  position: fixed;
  width: 20em !important;
  overflow-y: auto !important;
  overflow: hidden;
  height: 35em !important;
  border: 1px solid black;
  margin-left: 1em;
  -webkit-box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.75);
box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.75);
}

#publisher_textarea_wrapper{
  border: 1px dashed black !important;
  border-right: 1px solid black !important;
  border-bottom: 1px solid black !important;
  -webkit-box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.75);
box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.75);
  position: fixed !important;
  background-color: rgba(255,255,255,0.97);
  z-index: 1000 !important;
  top: 47em;
  left: 11em;
  width: 20em !important;
  height: 15em;
  margin-left: -10em;
  resize: both;
  overflow: auto;
  overflow-x: hidden !important;
  -webkit-transition: width 2s; /* Safari */
    transition: width 2s;
}

#publisher_textarea_wrapper:hover, #publisher_textarea_wrapper.active{
  width: 50em !important;
  -webkit-transition: width 2s; /* Safari */
    transition: width 2s;
}

#publisher_textarea_wrapper #button_container{
  position: absolute;
  bottom: 0em;
}

.options_and_submit{
  border: 1px solid black;
  background-color: white;
  position: fixed;
  width: 24em !important;
   z-index: 1000;
  -webkit-box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.75);
box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.75);
  bottom: 3em;
  left: 1em;
}

.options_and_submit .btn-primary{
  margin-right: 0.5em;
  background-color: rgba(100, 160, 100, 1);
  border-color: rgba(100, 160, 100, 1);
}

.logo{
  position: fixed;
  left: unset !important;
  right: 2em;
  top: 2em;
  background-color: white !important;
  font-weight: 600;
  font-size: 1.5em !important;
  width: 12em !important;
  height: 3em !important;
  bottom: 20em !important;
  border: 1px solid black;
  margin-left: 1em;
  -webkit-box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.75);
box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.75);
}

.col-md-9{
  margin-top: 1em;
  box-sizing: border-box !important;
  padding-right: 5em !important;
  overflow-y: hidden !important;
}

.sidebar{
  overflow: hidden;
}

.stream-element{
  margin-bottom: 10em !important;
  padding-bottom: -3em !important;
  overflow: visible;
  padding-bottom: 3em !important;
  background-color: white;
}

.stream-element, .reshare .media{
  border: 1px solid black;
  padding: 1em;
  padding-right: 4em;
  padding-top: 0 !important;
  -webkit-box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.75);
box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.75);
}

.stream-element p{
  font-size: 1.5em !important;
  max-width: 30em;
  line-height: 1.5em !important;
  margin-bottom: 1.5em;
}

blockquote{
  border: 1px solid black;
  padding: 1em;
  font-style: italic;
  margin-right: 10em;
  -webkit-box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.75);
box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.75);
  margin-bottom: 3em;
}

.stream-element .img{
  box-sizing: border-box;
  border: 1px solid black;
  border-top: 0;
  overflow: hidden;
}


.author-name{
  box-sizing: border-box;
  padding: 0.3em 1em;
  margin: 0 !important;
  margin-left: -0.7em !important;

  background-color: rgba(0,0,0,1) !important;
  color: white;
  font-size: 1.4em;
  letter-spacing: 0.2em;
}

.stream-element .details{
  float: right;
}

.stream-element .details time{
  font-size: 1.3em;
  padding: 1em;
}

.post-content{
  margin-top: 3em;
  margin-bottom: 3em;
}

.feedback{
  margin-left: -4em;
  margin-top: 1em;
  margin-bottom: 2em;
}
.feedback a{
  padding: 0.5em 1.4em;;
  border: 1px solid black;
  font-size: 1.2em;
  color: black;
  text-transform: uppercase;
  font-weight: 400;
}

.feedback a:hover{
  -webkit-box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.75);
box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.75);
}

.stream-element .comment_stream .comments{
  margin-left: -6em;
/*   margin-top: 7em; */
  box-sizing: border-box !important;
  width: 100%;
/*   border-top: 1px dashed black !important; */
  padding: 2em;
  padding-top: 0em;
  max-width: 70em !important;
}

.comments .comment:first-of-type{
  margin-top: 7em;
}


.comments .comment{
  max-width: 50em !important;
  border: 1px dashed grey !important;
  border-right: 1px solid grey !important;
  border-bottom: 1px solid grey !important;
  margin-bottom: -1em;
  -webkit-box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.4);
-moz-box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.75);
box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.4);
  background-color: white;
}

.comments .show_comments{
  background-color: white;
  padding: 1em;
  z-index: 1000 !important;
  margin-top: 2em !important;
  width: 20em;
  margin-left: -8em !important;
  position: absolute !important;
  border: 1px solid black !important;
  -webkit-box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.75);
box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.75);
}


.comments .comment:nth-child(1){ margin-left: 0.0em;}
.comments .comment:nth-child(2){ margin-left: 1.5em;}
.comments .comment:nth-child(3){ margin-left: 3.0em;}
.comments .comment:nth-child(4){ margin-left: 4.5em;}
.comments .comment:nth-child(5){ margin-left: 6.0em;}
.comments .comment:nth-child(6){ margin-left: 7.5em;}
.comments .comment:nth-child(7){ margin-left: 9.0em;}
.comments .comment:nth-child(8){ margin-left: 10.5em;}
.comments .comment:nth-child(9){ margin-left: 12.0em;}
.comments .comment:nth-child(10){ margin-left: 13.5em;}
.comments .comment:nth-child(11){ margin-left: 0.0em;}
.comments .comment:nth-child(12){ margin-left: 1.5em;}
.comments .comment:nth-child(13){ margin-left: 3.0em;}
.comments .comment:nth-child(14){ margin-left: 4.5em;}
.comments .comment:nth-child(15){ margin-left: 6.0em;}
.comments .comment:nth-child(16){ margin-left: 7.5em;}
.comments .comment:nth-child(17){ margin-left: 9.0em;}
.comments .comment:nth-child(18){ margin-left: 10.5em;}
.comments .comment:nth-child(19){ margin-left: 12.0em;}
.comments .comment:nth-child(20){ margin-left: 13.5em;}
.comments .comment:nth-child(21){ margin-left: 0.0em;}
.comments .comment:nth-child(22){ margin-left: 1.5em;}
.comments .comment:nth-child(23){ margin-left: 3.0em;}
.comments .comment:nth-child(24){ margin-left: 4.5em;}
.comments .comment:nth-child(25){ margin-left: 6.0em;}
.comments .comment:nth-child(26){ margin-left: 7.5em;}
.comments .comment:nth-child(27){ margin-left: 9.0em;}
.comments .comment:nth-child(28){ margin-left: 10.5em;}
.comments .comment:nth-child(29){ margin-left: 12.0em;}
.comments .comment:nth-child(30){ margin-left: 13.5em;}
.comments .comment:nth-child(31){ margin-left: 0.0em;}
.comments .comment:nth-child(32){ margin-left: 1.5em;}
.comments .comment:nth-child(33){ margin-left: 3.0em;}
.comments .comment:nth-child(34){ margin-left: 4.5em;}
.comments .comment:nth-child(35){ margin-left: 6.0em;}
.comments .comment:nth-child(36){ margin-left: 7.5em;}
.comments .comment:nth-child(37){ margin-left: 9.0em;}
.comments .comment:nth-child(38){ margin-left: 10.5em;}
.comments .comment:nth-child(39){ margin-left: 12.0em;}
.comments .comment:nth-child(40){ margin-left: 13.5em;}
.comments .comment:nth-child(41){ margin-left: 0.0em;}
.comments .comment:nth-child(42){ margin-left: 1.5em;}
.comments .comment:nth-child(43){ margin-left: 3.0em;}
.comments .comment:nth-child(44){ margin-left: 4.5em;}
.comments .comment:nth-child(45){ margin-left: 6.0em;}
.comments .comment:nth-child(46){ margin-left: 7.5em;}
.comments .comment:nth-child(47){ margin-left: 9.0em;}
.comments .comment:nth-child(48){ margin-left: 10.5em;}
.comments .comment:nth-child(49){ margin-left: 12.0em;}
.comments .comment:nth-child(50){ margin-left: 13.5em;}
.comments .comment:nth-child(51){ margin-left: 0.0em;}
.comments .comment:nth-child(52){ margin-left: 1.5em;}
.comments .comment:nth-child(53){ margin-left: 3.0em;}
.comments .comment:nth-child(54){ margin-left: 4.5em;}
.comments .comment:nth-child(55){ margin-left: 6.0em;}
.comments .comment:nth-child(56){ margin-left: 7.5em;}
.comments .comment:nth-child(57){ margin-left: 9.0em;}
.comments .comment:nth-child(58){ margin-left: 10.5em;}
.comments .comment:nth-child(59){ margin-left: 12.0em;}
.comments .comment:nth-child(60){ margin-left: 13.5em;}
.comments .comment:nth-child(61){ margin-left: 0.0em;}
.comments .comment:nth-child(62){ margin-left: 1.5em;}
.comments .comment:nth-child(63){ margin-left: 3.0em;}
.comments .comment:nth-child(64){ margin-left: 4.5em;}
.comments .comment:nth-child(65){ margin-left: 6.0em;}
.comments .comment:nth-child(66){ margin-left: 7.5em;}
.comments .comment:nth-child(67){ margin-left: 9.0em;}
.comments .comment:nth-child(68){ margin-left: 10.5em;}
.comments .comment:nth-child(69){ margin-left: 12.0em;}
.comments .comment:nth-child(70){ margin-left: 13.5em;}
.comments .comment:nth-child(71){ margin-left: 0.0em;}
.comments .comment:nth-child(72){ margin-left: 1.5em;}
.comments .comment:nth-child(73){ margin-left: 3.0em;}
.comments .comment:nth-child(74){ margin-left: 4.5em;}
.comments .comment:nth-child(75){ margin-left: 6.0em;}
.comments .comment:nth-child(76){ margin-left: 7.5em;}
.comments .comment:nth-child(77){ margin-left: 9.0em;}
.comments .comment:nth-child(78){ margin-left: 10.5em;}
.comments .comment:nth-child(79){ margin-left: 12.0em;}
.comments .comment:nth-child(80){ margin-left: 13.5em;}
.comments .comment:nth-child(81){ margin-left: 0.0em;}
.comments .comment:nth-child(82){ margin-left: 1.5em;}
.comments .comment:nth-child(83){ margin-left: 3.0em;}
.comments .comment:nth-child(84){ margin-left: 4.5em;}
.comments .comment:nth-child(85){ margin-left: 6.0em;}
.comments .comment:nth-child(86){ margin-left: 7.5em;}
.comments .comment:nth-child(87){ margin-left: 9.0em;}
.comments .comment:nth-child(88){ margin-left: 10.5em;}
.comments .comment:nth-child(89){ margin-left: 12.0em;}
.comments .comment:nth-child(90){ margin-left: 13.5em;}
.comments .comment:nth-child(91){ margin-left: 0.0em;}
.comments .comment:nth-child(92){ margin-left: 1.5em;}
.comments .comment:nth-child(93){ margin-left: 3.0em;}
.comments .comment:nth-child(94){ margin-left: 4.5em;}
.comments .comment:nth-child(95){ margin-left: 6.0em;}
.comments .comment:nth-child(96){ margin-left: 7.5em;}
.comments .comment:nth-child(97){ margin-left: 9.0em;}
.comments .comment:nth-child(98){ margin-left: 10.5em;}
.comments .comment:nth-child(99){ margin-left: 12.0em;}

.comments .comment .bd .author-name{
  background-color: unset !important;
  width: 10em;
  color: black;
  margin-top: -3em !important;
  margin-left: 1em !important;
  margin-bottom: 1em !important;
}

.comments .comment .img .author-name{
  background-color: unset !important;
}

.comments .comment .img{
  border: 1px dashed grey;
  border-left: none;
  border-top: none;
  margin-top: -2em;
}

.comments .comment .comment-content{
  margin-left: 2.4em !important;
  font-size: 0.9em !important;
  color: #444;
}

.comments .comment .info{
  margin-bottom: 1em;
}

.new_comment{
  padding-bottom: -2em;
}

.new_comment textarea{
  border: 1px grey dashed;
  box-sizing: border-box;
  width: 95%;
}

.single-post-content, .single-post-interactions{
  margin-top: 3em !important;
}

.single-post-content{

  overflow-y: auto !important;
}

.stream-photo, .slides{
  width: 100% !important;
  height: auto !important;
}

.stream-photo, .thumb{
  border: 1px solid black;
}

.stream-element pre{
  border: 1px solid black;
  background-color: white;
  padding: 1em;
  display: inline-block;
}

.stream-element .comments pre{
  border-color: grey;
}

.stream-element code{
  font-family: Consolas, Courier, monospace !important;
  font-size: 1.4em;
  line-height: 0.7em;
  letter-spacing: -0.03em;
}

.stream-element .comments code{
  font-size: 1.2em;
  line-height: 0.6em;
  letter-spacing: -0.04em;
  color: #444;
}

.thumb{
  margin-bottom: 3em;
}

#notification-dropdown ul{
  border: 1px solid black;
  -webkit-box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.75);
box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.75);
}

.notifications .stream-element{
  width: 90% !important;
  box-sizing: border-box;
  margin: 1em !important;
  margin-bottom: 1em !important;
  margin-top: 0em !important;
  
}

.likes .comment, .reshares .comment{
  border: 1px solid black;
  padding: 0em 1em;
  width: 10em;
  height: 2em;
  margin-bottom: 2em !important;
  margin-left: -8em;
  position: absolute;;
  background-color: white;
  -webkit-box-shadow: 4px 4px 0px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 4px 4px 0px 0px rgba(0,0,0,0.75);
box-shadow: 4px 4px 0px 0px rgba(0,0,0,0.75);
}

.reshares .comment{
  margin-top: -.5em;
  margin-left: 2.7em;
  margin-bottom: 2em;
}