/* ****************************
	Stylesheet for collasping and expand a paragraph from a more link
**************************** */

/* Collaspe is toggled on and off via Javascript on the page. Anything that starts with collaspe
will be collasped. If collaspse is toggled off, it will become visible. The "expand" class is the 
trigger. */
.collapse {
  display:none;
}
/* More is the link that triggers expanding/collasping on each .expand element. This includes the 
text of the link itself. "Less" starts collasped. */
.more {
  border: 2px solid #DDD;
  border-top:none;
  text-decoration:none;
  margin:0;
  padding:2px 3px;
  padding-top:0;
  font-size: .7em;
/* Push out toward right side 400/13 (font-size) */
  margin-left: 30em;
}
/* To allow the link to abut the bottom of the paragraph */
p.mind-description {
 margin-bottom:0; 
}
/* Overrides the no bottom border for anchors for the .more link only */
.content-left a.more {
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: #DDD;
}

/* Center the audience buttons 80/13 (font size) */
.mindspacer-controls {
 margin-left:6em; 
}

@media all and (max-width:500px){
  .mindspacer-controls {
   margin-left:0em; 
  }
}