/* 'css3prefix mixin' @see https://github.com/matthieua/sass-css3-mixins/blob/master/css3-mixins.scss */
/* 'keyframes' mixin @see http://zerosixthree.se/8-sass-mixins-you-must-have-in-your-toolbox/*/
/* 'animation' mixin from https://developer.mozilla.org/en-US/docs/Web/CSS/animation */
/* legacy-direction function @see http://www.sitepoint.com/building-linear-gradient-mixin-sass/ */
/* 'transition' mixin @see http://codepen.io/sawmac/pen/cayhK */
/* 'gradientanimation' mixin @see https://medium.com/@dave_lunny/animating-css-gradients-using-only-css-d2fd7671e759#.jlbdgs4jl */
/* 'animation' mixin @see http://zerosixthree.se/8-sass-mixins-you-must-have-in-your-toolbox/ */
.arrow {
  transition: transform 0.3s ease;
  font-size: 0.8em;
}

/* Rotate the arrow 90 degrees when the section is open */
.arrow.open {
  transform: rotate(90deg);
}

.blurb.section {
  border: none;
  margin: 0.25em;
}
.blurb.section .header {
  cursor: pointer;
  user-select: none;
}
.blurb.section .body {
  cursor: pointer;
  /* This border-top comes from blurb.scss but is visible only when open */
}