/* Custom styles for articles */

.principles {
	margin-right: 5vw;
	padding: 1em;
	color: #222;
  	background-color: #f5f5f5;
  	border: 10px solid #f8dd4f;
  	font-family: "Founders-Grotesk", system, -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif;
	font-weight: 400;
  	font-size: 1.125rem;
  	line-height: 1.3;
  	}
  	
.principles ul, .principles ol {
	display: list-item;
  	list-style-type: decimal;
  	margin-left: 2em;
	}
	
.principles li {
	margin-bottom: .5em;
	padding-left: .5em;
	}	
	
.note-callout {
	margin-bottom: 1.5em;
	padding: 1.5em 4vw .1em 2vw;
	color: #222;
  	background-color: #f5f5f5;
  	font-family: "Founders-Grotesk", system, -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif;
	font-weight: 400;
  	font-size: 1.1875rem;
  	line-height: 1.3;
  	}
  	
.note-callout ul, .note-callout ol {
	display: list-item;
  	list-style-type: decimal;
  	margin-left: 2em;
	}
	
.note-callout li {
	margin-bottom: .5em;
	padding-left: .5em;
	}
	
.note-callout p { 
  	margin-left: 1em;
  	margin-bottom: 1.5em;
	padding-left: .5em;
	}	
	
.note h3 {
	padding-bottom: .2em;
	font-size: 1.25em;
	/* regular */
	font-family: "Tiempos-Fine", Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", Georgia, serif;
    font-weight: 400;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: .1em;
	border-bottom: 7px solid #f8dd4f;
	}
	
/* ### FIGURE ### */
	
.figinline {
  padding: .75rem 0 .5rem;
}

.figinline figcaption {
  color: #777;
  text-align: center;
  font-size: .875rem;
  margin-bottom: 1rem;
}

figure a {border-bottom: 0 !important;}

/* .text figcaption a {
  border-bottom: 0;
  font-weight: 400;
  text-decoration: underline;
} */