@mixin blockquote-mark {
  color: $color-gray-dim-light;
}

blockquote {
	padding: 0 0 0 4rem;
	border: none;
	p {
	  font-style: italic;
	  &:before {
	    content: '\201C';	    
	    font-size: $font-size-blockquote-mark;
	    margin-left: -3rem;
	    float: left;
	    line-height: 1em;
	    @include blockquote-mark;
	  }
	  &:after {
	    content: '\201D';	    
	    margin-left: 0.4em;
	    @include blockquote-mark;
	  }
	}
	footer {
	  font-size: $font-size-small;
	  color: $color-gray-dim-light;
	  &:before {
	  	content: '\2014 \00A0';
	  }
	}
}

.pullquote {
	border: none;
	color: $color-gray-light;
	text-align: center;
	
	p {
		font-size: $font-size-big;
	}
	
	&:before {
		content: '”';
	}
}