@font-face {
	src: url('/fonts/AdobeBlank.otf.woff');
	font-family: 'Adobe Blank';
}
@font-face {
	src: /* url('/fonts/Duplicate/DuplicateSans-Regular-Web.woff2') format("woff2"), */
		url('/fonts/Duplicate/DuplicateSans-Regular-Web.woff') format("woff");
	font-family: 'Duplicate Sans';
	font-weight: 400;
	font-style: normal;
}
@font-face {
	src:	url('/fonts/Duplicate/DuplicateSans-RegularItalic-Web.woff') format("woff");
	font-family: 'Duplicate Sans';
	font-weight: 400;
	font-style: italic;
}
@font-face {
	src: /* url('/fonts/Duplicate/DuplicateSans-Medium-Web.woff2') format("woff2"), */
		url('/fonts/Duplicate/DuplicateSans-Medium-Web.woff') format("woff");
	font-family: 'Duplicate Sans';
	font-weight: 500;
	font-style: normal;
}
@font-face {
	src: /* url('/fonts/Duplicate/DuplicateSans-MediumItalic-Web.woff2') format("woff2"), */
		url('/fonts/Duplicate/DuplicateSans-MediumItalic-Web.woff') format("woff");
	font-family: 'Duplicate Sans';
	font-weight: 500;
	font-style: italic;
}
@font-face {
	src: /* url('/fonts/Duplicate/DuplicateSans-Bold-Web.woff2') format("woff2"), */
		url('/fonts/Duplicate/DuplicateSans-Bold-Web.woff') format("woff");
	font-family: 'Duplicate Sans';
	font-weight: 700;
	font-style: normal;
}
@font-face {
	src: /* url('/fonts/Duplicate/DuplicateSans-BoldItalic-Web.woff2') format("woff2"), */
		url('/fonts/Duplicate/DuplicateSans-BoldItalic-Web.woff') format("woff");
	font-family: 'Duplicate Sans';
	font-weight: 700;
	font-style: italic;
}
@font-face {
	src: /* url('/fonts/Duplicate/DuplicateSans-Black-Web.woff2') format("woff2"), */
		url('/fonts/Duplicate/DuplicateSans-Black-Web.woff') format("woff");
	font-family: 'Duplicate Sans';
	font-weight: 800;
	font-style: normal;
}
@font-face {
	src: /* url('/fonts/Duplicate/DuplicateSans-BlackItalic-Web.woff2') format("woff2"), */
		url('/fonts/Duplicate/DuplicateSans-BlackItalic-Web.woff') format("woff");
	font-family: 'Duplicate Sans';
	font-weight: 800;
	font-style: italic;
}
@font-face {
	src: /* url('/fonts/Duplicate/DuplicateIonic-Thin-Web.woff2') format("woff2"), */
		url('/fonts/Duplicate/DuplicateIonic-Thin-Web.woff') format("woff");
	font-family: 'Duplicate Ionic';
	font-weight: 200;
	font-style: normal;
}
@font-face {
	src: /* url('/fonts/Duplicate/DuplicateIonic-Light-Web.woff2') format("woff2"), */
		url('/fonts/Duplicate/DuplicateIonic-Light-Web.woff') format("woff");
	font-family: 'Duplicate Ionic';
	font-weight: 300;
	font-style: normal;
}
@font-face {
	src: /* url('/fonts/Duplicate/DuplicateIonic-LightItalic-Web.woff2') format("woff2"), */
		url('/fonts/Duplicate/DuplicateIonic-LightItalic-Web.woff') format("woff");
	font-family: 'Duplicate Ionic';
	font-weight: 300;
	font-style: italic;
}
@font-face {
	src: /* url('/fonts/Duplicate/DuplicateIonic-Regular-Web.woff2') format("woff2"), */
		url('/fonts/Duplicate/DuplicateIonic-Regular-Web.woff') format("woff");
	font-family: 'Duplicate Ionic';
	font-weight: 400;
	font-style: normal;
}
@font-face {
	src: /* url('/fonts/Duplicate/DuplicateIonic-RegularItalic-Web.woff2') format("woff2"), */
		url('/fonts/Duplicate/DuplicateIonic-RegularItalic-Web.woff') format("woff");
	font-family: 'Duplicate Ionic';
	font-weight: 400;
	font-style: italic;
}
@font-face {
	src: /* url('/fonts/Duplicate/DuplicateIonic-Bold-Web.woff2') format("woff2"), */
		url('/fonts/Duplicate/DuplicateIonic-Bold-Web.woff') format("woff");
	font-family: 'Duplicate Ionic';
	font-weight: 700;
	font-style: normal;
}
@font-face {
	src: /* url('/fonts/Duplicate/DuplicateIonic-BoldItalic-Web.woff2') format("woff2"), */
		url('/fonts/Duplicate/DuplicateIonic-BoldItalic-Web.woff') format("woff");
	font-family: 'Duplicate Ionic';
	font-weight: 700;
	font-style: italic;
}

@font-face {
	src: /* url('/fonts/Rustic-Regular.woff2') format("woff2"), */
		url('/fonts/Rustic-Regular.woff') format("woff");
	font-family: 'Rustic';
	font-weight: 500;
	font-style: normal;
}





html.debug * {outline: 1px dashed rgba(0,255,0, 0.5);}
* {
	font-family: inherit;
	font-weight: inherit;
	font-style: inherit;
	font-size: inherit;
	line-height: inherit;
	text-align: inherit;
	text-decoration: inherit;
	color: inherit;
	text-decoration: inherit;
	list-style: none;
	margin: 0;
	padding: 0;
	border: 0;
	box-sizing: border-box;
}
html:before { /* BREAKPOINT INDICATOR */
	content: 'XXS';
	font-family: Verdana, Arial, sans-serif;
	font-size: 9px;
	color: #CCC;
	position: fixed;
	top: 0px;
	left: 0px;
	display: none;
	z-index: 1;
}
html.debug:before {display: block;}


* + * {
	margin-top: 1em;
}
html {
	font-size: 100%;
	background-color: #ED1B2E;
	background-color: #FF1919;
	position: relative;
	-webkit-text-size-adjust: none;
}
body {
	font-family: 'Duplicate Sans', Kohinoor, Kohinoor Devanagari, Kohinoor Telugu, Kohinoor Bangla, Arial, Verdana, sans-serif;
	line-height: 1.2;
	color: #333;
	letter-spacing: 0.02em;
	margin: 0;
	background-color: #FFF;
}

a:link,
a:hover h2,
a:hover h4 {
	text-decoration: underline;
}
a:hover,
a:active,
a.more {
	color: #FF1919;
}

nav a:link,
h2 a:link,
h4 a:link,
#events a:link,
#news a:link {
	text-decoration: none;
}

footer a:link {
	color: #FFF;
	text-decoration: underline;
}
nav a:hover,
h2 a:hover,
h4 a:hover,
a.more:hover,
footer a:hover {
	color: #333;
}
a:hover img {
	-webkit-filter: grayscale(100%) url('#riso');
	filter: grayscale(100%) url('#riso');
}
/* p a[href^="mailto"] {font-style: italic;} */


article,
section {
	position: relative;
}
a.edit_link {
	font-family: Verdana, sans-serif;
	font-size: 9px;
	letter-spacing: 0.1em;
	position: absolute;
	top:0;
	right: 0;
	color: #FFF;
	background-color: #FF1919;
	margin-top: 0;
	padding: .5em;
	text-decoration: none;
	visibility: hidden;
}
a.edit_link:hover {background-color: #000;}
#page:hover a.edit_link {visibility: visible;}

/* VIRTUOUS GIVING CSS - START */

a.v_gao {
	font-weight: 700 !important;
	font-size: 1.25em !important;
	font-family: 'Duplicate Sans', Kohinoor, Kohinoor Devanagari, Kohinoor Telugu, Kohinoor Bangla, Arial, Verdana, sans-serif !important;
	text-decoration: none  !important;
	color: #FFF  !important;
	background-color: #FF1919 !important;
	border-radius: .5em !important;
	padding: .5em .75em .6em .75em !important;
	margin-right: .25em !important;
	box-sizing: content-box !important;
	display: inline-block !important;
	-webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale  !important;
}

@media (max-width: 450px) {
a.v_gao {
	font-size: 1em !important;
}}

@media (max-width: 360px) {
a.v_gao {
	padding: .5em .5em .6em .5em !important;
}}

@media (max-width: 767px) {
form[id*="vcrm"] .v_fw .v_fr .v_fc__2
}

div.v_fc.v_fc__1 img {
	display: none !important;
}

div.v_iw button {
	font-weight: 700 !important;
	font-size: 1.25em !important;
	font-family: 'Duplicate Sans', Kohinoor, Kohinoor Devanagari, Kohinoor Telugu, Kohinoor Bangla, Arial, Verdana, sans-serif !important;
	text-decoration: none  !important;
	color: #FFF  !important;
	background-color: #FF1919 !important;
	border-radius: .5em !important;
	padding: .5em .75em .6em .75em !important;
	margin-right: .25em !important;
	box-sizing: content-box !important;
	display: inline-block !important;
	-webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale  !important;
}

div.v_iw button:hover, div.v_iw button.active {
	text-decoration: none !important;
	background-color: #333 !important;
	cursor: pointer;
}

div.v_iw button.disabled {
	text-decoration: none !important;
	background-color: #bcbcbc !important;
}

div.v_fw div.Select-input {
	height: 23px;
}

p.v_mt_2 {
	font-size: 1.25em;
	font-weight: 700;
}

div.v_gaw {margin: 0 0 1em 0;
}

form[id*="vcrm"] .v_fw {
margin: 0;
}

form[id*="vcrm"] * + * {
margin: .5em 0 0 0;
}

a.v_gao:hover, a.v_gao.active {
	text-decoration: none !important;
	background-color: #333 !important;
}

form[id*=vcrm] input, form .Select-control {
	border-color: black !important;
} 


/* VIRTUOUS GIVING CSS - END */


nav {
	color: #FF1919;
	padding-top: .75em;
	line-height: 1.4;
}
.logo {
	float: right;
	width: 2.75em;
	height: 2.75em;
	margin-right: -.35em;
	margin-bottom: -.5em;
	background-image: url('/images/asterisk-M.svg');
	background-size: cover;
}
.nav-wrap {
	margin-top: 0;
	max-width: 17em;
}
nav ul {
	margin-top: 0;
}

nav li,
.social li {
	display: inline-block;
}
nav li {
	margin-right: .15em;
}
nav li + li {
	margin-top: 0;
}
nav li:last-child {
	margin-right: 0;
}
nav:after {
  content: "";
  display: table;
  clear: both;
 }


/*
.is-sticky ul:before {
	content: '';
	width: 2em;
	height: 2em;
	background-image: url('/images/asterisk-micro-white.svg');
	background-size: cover;
	display: inline-block;
	vertical-align: middle;
	margin-right: .5em;
}
*/


h1, h2, h3, h4, h5, h6 {}
h1, h2, h3, h4, h5 {	color: #FF1919;}
h2, h3, h4 { line-height: 1;}
h2, h3 {
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: normal;
}
h1 {
	font-weight: 700;
	color: #FF1919 !important;
}
h2 {
	font-weight: 800;
	font-size: 1.75em;
}
h3 {
	font-weight: 700;
	font-size: 1.5em;
}
article h3 {
	color: inherit;
}
* + h3,
.column h3:first-child {margin-top: 1.5em;}

h4 {
	font-size: 1.25em;
	font-weight: 700;
	max-width: 36rem;
}
* + h4 {margin-top: 1.5em;}
h4 + p {margin-top: .5em;}

.front-page h4,
.events-page h4 {margin-top: 0;}

h5 {
	font-size: 1.25em;
	font-weight: 700;
}
h5 + ul,
h5 + p {
	margin-top: .25em;
}
h6 {
	font-weight: 700;
}

.dek {
	font-size: 1.5em;
	font-weight: 300;
	line-height: 1.2;
	margin-top: 1em;
	max-width: none;
	margin-bottom: 1em;
}
.dek a:link {
	text-decoration: none;
	border-bottom: 1px dotted #000;
}
.dek a:hover {
	border-bottom-style: solid;
}

body.front-page .dek {
	margin-top: 0.5em;
}

h2 + .dek {
    margin: 0.5rem 0;
}

.pullquote {
	font-size: 2em;
	line-height: 1.2;
	margin-top: 1em;
	max-width: none;
	margin-bottom: 1em;
	color: #666;
}


p,
li,
article h3 {
	font-variant-numeric: oldstyle-nums;
	font-variant-ligatures: no-common-ligatures;
	-moz-font-feature-settings: "onum", "ss08", "ss11", "liga" 0, "clig" 0;
	-webkit-font-feature-settings: "onum", "ss08", "ss11", "liga" 0, "clig" 0;
	font-feature-settings: "onum", "ss08", "ss11", "liga" 0, "clig" 0;
}
p,
ul.bulleted, ol {
	font-family: 'Duplicate Ionic', Georgia, Times, serif;
}
p,
h5,
h6,
ul.bulleted, ol {
	line-height: 1.3;
	max-width: 36rem;
	-webkit-hyphens: none;
	-moz-hyphens: none;
}

ul.resources {
  margin-top: 0.75em;
}

ul.resources li {
  line-height: 1.3;
  max-width: 36rem;
  list-style-type: none;
  list-style-position: outside;
  margin: 0 0 9px 0;
  line-height: 22px;
}

ul li.book {
    background-image: url(/images/icons/book3.svg);
    background-repeat: no-repeat;
    content: '';
	padding-left: 1.5em;
    background-size: 1.1em;
}

ul li.web {
    background-image: url(/images/icons/website.svg);
    background-repeat: no-repeat;
    content: '';
	padding-left: 1.5em;
    background-size: 1.1em;
}

ul li.article {
    background-image: url(/images/icons/article.svg);
    background-repeat: no-repeat;
    content: '';
	padding-left: 1.5em;
    background-size: 1.1em;
}

ul li.video {
    background-image: url(/images/icons/video.svg);
    background-repeat: no-repeat;
    content: '';
	padding-left: 1.5em;
    background-size: 1.1em;
}

ul li.talk {
    background-image: url(/images/icons/talk.svg);
    background-repeat: no-repeat;
    content: '';
	padding-left: 1.5em;
    background-size: 1.1em;
}

ul li.online-archive {
    background-image: url(/images/icons/oa.svg);
    background-repeat: no-repeat;
    content: '';
	padding-left: 1.5em;
    background-size: 1.1em;
}

ul li.pdf {
    background-image: url(/images/icons/pdf.svg);
    background-repeat: no-repeat;
    content: '';
	padding-left: 1.5em;
    background-size: 1.1em;
}

ul li.onsite {
    background-image: url(/images/icons/archive.svg);
    background-repeat: no-repeat;
    content: '';
	padding-left: 1.5em;
    background-size: 1.1em;
}

ul li.lettarc {
    background-image: url(/images/icons/lettarc.svg);
    background-repeat: no-repeat;
    content: '';
	padding-left: 1.5em;
    background-size: 1.1em;
}

ul li.instagram {
    background-image: url(/images/icons/ig.svg);
    background-repeat: no-repeat;
    content: '';
	padding-left: 1.5em;
    background-size: 1.1em;
}

ul li.twitter {
    background-image: url(/images/icons/tw.svg);
    background-repeat: no-repeat;
    content: '';
	padding-left: 1.5em;
    background-size: 1.1em;
}

.smcp {
/* 	letter-spacing: 0.07em; */
	text-transform: uppercase;
/*
	font-variant-caps: all-small-caps;
	-moz-font-feature-settings: "c2sc", "smcp";
	-webkit-font-feature-settings: "c2sc", "smcp";
	font-feature-settings: "c2sc", "smcp";
*/
}

strike {
	text-decoration: line-through;
}

li {
	margin: 0;
}
li + li {
	margin-top: .25em;
}
ul.bulleted li {
	list-style: disc;
	list-style-position: outside;
	margin-left: 1em;
}
ul.checked li:before {
    background-image: url(https://letterformarchive.org/uploads/checked.svg);
    background-size: contain;
    background-repeat: no-repeat;
    content: '';
    display: inline-block;
    height: 1.25em;
    width: 1.25em;
    margin: .25em .5em 0 0;
    vertical-align: bottom;
    background-size: 1.25em;
}

ul.unchecked li:before {
    background-image: url(https://letterformarchive.org/uploads/unchecked.svg);
    background-size: contain;
    background-repeat: no-repeat;
    content: '';
    display: inline-block;
    height: 1.25em;
    width: 1.25em;
    margin: .25em .5em 0 0;
    vertical-align: bottom;
    background-size: 1.25em;
}

ol li {
	list-style-type: decimal;
	list-style-position: outside;
	margin-left: 1.5em;
}


blockquote {
	color: #777;
	padding-left: 1em;
	border-left: 1px solid #CCC;
}
blockquote p {
	color: inherit;
}
figure {
	margin: 2em 0;
}
.column figure:first-child {
	margin-top: 0;
}

figcaption,
aside {
	font-size: .875em;
	letter-spacing: 0.02em;
	max-width: 36rem;
	line-height: 1.4;
}


figcaption {
	color: #777;
	margin-top: 0;
	padding: .5rem 0;
}
figcaption p,
aside p,
strong,
footer * {
	font-family: 'Duplicate Sans', Arial, Verdana, sans-serif;
}
figcaption p {
	max-width: none;
	-webkit-hyphens: none;
	-moz-hyphens: none;
}

.footnote {
	margin-top: 2em;
	color: #777;	
}

.name {
	font-size: .85em;
	white-space: nowrap;
	}

sup {
    font-size: 75%;
    vertical-align: 0.3em;
    color: #777;
	font-family: 'Duplicate Sans';
	font-weight: 500;
}

img {
	max-width: 100%;
}
article figure img {width: 100%;}

.XS {
	margin: calc(1em + 1ex) 0 0 1em;
	float: right;
	width: 33%;
	max-width: 8rem;
}

.S {
	float: right;
	width: 48%;
	max-width: 24rem;
}
.SL {
	margin: 1em;
	float: left;
	width: 48%;
	max-width: 24rem;
}
		.S {
	margin-top: calc(1em + 1ex);
	margin-left: 4%;
	margin-bottom: 2.5ex;
	float: right;
	width: 48%;
	max-width: 24rem;
}
.M {
	max-width: 36rem;
}
.L {
	max-width: 100%;
}

.BGR {
	display: block;
    width: calc(50% - 2em);
	max-width: 400px;
    float: right;
    z-index: 1000;
    margin: 0 -10% 0 10px;
}

figure.thumb {
    width: 20%;
}

@media (max-width: 1000px) {
.BGR {
	display: none;
}}

.gallery-l {
	margin-top: 2.5ex;
	margin-right: 4%;
	margin-bottom: 2.5ex;
	float: left;
	width: 48%;
	max-width: calc(96% - 46.5rem);
}

.news-intro .S:first-child, {
margin-top: 0;
}

.news-body .S:first-child {
margin-top: 0.25ex;
}

.bio figure.S {
	margin-top: 2.5ex;
}

.bio figure.S img {
	max-width: 185px;
}

.embed-container {
	position: relative; 
	padding-bottom: 56.25%; 
	height: 0; 
	overflow: hidden; 
	max-width: 100%;
}

.embed-container iframe, .embed-container object, .embed-container embed { 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%; 
}

iframe#instagram-embed-0 {
	margin-top: 1em;
	font-family: 'Duplicate Sans';
}

strong, b {
	font-weight: 700;
}
cite, em, i {
	font-style: italic;
}

del {
	text-decoration: line-through;
}
nav,
#page,
.footer-wrap {
	padding-left: 1em;
	padding-right: 1em;
	padding-bottom: 1em;
	margin: 0;
	max-width: 80rem;
	max-width: 64rem;
	margin-left: auto;
	margin-right: auto;
}
section {
	margin-top: 0;
}
section,
article,
.subsection + .subsection {
	padding-top: calc(2% + 1em);
}
.subsection section:first-child {
	padding-top: 0;
}
section:not(#intro),
article,
.subsection {
	padding-bottom: calc(2% + 1em);
}
section + section,
article + article,
.events-list li {
	margin-top: calc(2% + 1em);
}
section + section,
article,
.subsection + .subsection {
	border-top: 2px solid #FF1919;
}
header {
	border-bottom: 3px solid #FF1919;
	background-color: #FFF;
}
footer {
	margin-top: 4%;
	padding-top: 1em;
	padding-bottom: 1.5em;
	background-color: #FF1919;
}
.footer-wrap {
	padding-top: 1em;
	position: relative;
}
footer * {
	color: #FFF;
}
#page {
	position: relative;
}
.draft {
	background-color: #f9f9f9;
	background-image: url("data:image/svg+xml,%3Csvg width='35' height='35' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ff1919' fill-opacity='0.13'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}


section#billboard {
	margin: 0 -1em;
	padding-top: 0;
	padding-bottom: 0;
	width: 100vw;
	margin-left: calc((100vw - 100%) / -2);
}

.slider {
/*
	height: 60vw;
	max-height: 80vh !important;
*/
}

#billboard .billboard-img-wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	max-height: calc(80vh - 2em);
	overflow: hidden;
}
#billboard .billboard-img-wrap img {
	width: 100%;
	min-width: 30em;
}
#billboard figcaption {
	font-size: .625rem;
	letter-spacing: .05em;
	text-align: right;
	padding-left: 1rem;
	padding-bottom: 0;
	padding-right: 1rem;
	color: #999;
}
#billboard figcaption p {
	color: #999;
}
#billboard #intro {
	padding: 0 1em 1em;
	margin: 0 0 0 0;
}
#billboard .dek {margin-bottom: 0;}
#billboard .dek + p {margin-top: .5em;}
#billboard .slider {
	margin-top: 0;
}

/*
#news img,
#news figcaption {
	display: inline-block;
	vertical-align: top;
}
#news img {
	width: 25%;
}
#news figcaption {
	width: 75%;
	padding-left: .5em;
}
*/

.front-page figure {
	margin: 0;
}
#news .news-meta {
	margin-top: .25em;
}


#news li + li,
#events li +li,
.events-list li + li {
	margin-top: calc(3% + 2em);
}

/*
#events h3,
.events-list-page h3,
#news h3 {
	margin-top: 0.25em;
}
*/
.event-meta {
	margin-top: .1em;
}
#news figure,
#events figure,
.events-list figure {
	margin-bottom: .25em;
}

#news .big-button,
#events .big-button {
	margin-top: 2em;
}


.gallery {
	font-family: 'Adobe Blank';
	width: 100vw;
	padding: calc(.5em + 1%);
	margin-left: calc((100vw - 100%) / -2);
	text-align: center;
}

.gallery-left {
	font-family: 'Adobe Blank';
	width: 100vw;
	padding: calc(.5em + 1%);
	margin-left: calc((100vw - 100%) / -2);
}
.grid {
	margin-left: calc(-.25em - .5%);
	margin-right: calc(-.25em - .5%);
}
.grid > li,
.gallery > li {
	display: inline-block;
	padding: calc(.25em + .5%);
	margin-top: 0;
}
.gallery > li {
	max-width: 50%;
	vertical-align: bottom;
	text-align: center;
}
.grid > li {
	width: 50%;
	vertical-align: top;
	margin-bottom: 1%;
}
.gallery figure {margin: 0;}
.gallery img {max-height: 40vw;}

.lb-caption {
	line-height: 1.3 !important;
}

#testimonials p {
	margin-bottom: 0;
}
#testimonials .quote-source {
	margin-left: 12%;
	text-indent: -1.2em;
	margin-top: .25em;
}

article .quote-source {
	text-indent: 1.2em;
	margin-top: .25em;
}

a.big-button, button {
	font-weight: 700;
	font-size: 1.25em;
	font-family: 'Duplicate Sans', Arial, Verdana, sans-serif;
	text-decoration: none;
	color: #FFF;
	background-color: #FF1919;
	border-radius: .5em;
	padding: .5em .75em .6em .75em;
	margin-right: .25em;
	box-sizing: content-box;
	display: inline-block;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
a.big-button:hover, button:hover {
	text-decoration: none;
	background-color: #333;
}

a.big-button-grayedout {
	font-weight: 700;
	font-size: 1.25em;
	font-family: 'Duplicate Sans', Arial, Verdana, sans-serif;
	text-decoration: none;
	color: #FFF;
	background-color: #b5b5b5;
	border-radius: .5em;
	padding: .5em .75em .6em .75em;
	margin-right: .25em;
	box-sizing: content-box;
	display: inline-block;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

a.big-button-grayedout:hover {
	text-decoration: none;
	background-color: #b5b5b5;
    cursor: pointer;	
    }
    
a.big-button-grayedout p {
	font-family: 'Duplicate Sans', Arial, Verdana, sans-serif;
    font-weight: 700;
	font-size: 1.25em;
	text-decoration: none;
}

.news-meta,
.event-meta {
	margin-bottom: 1em;
}
.news-meta + * {
	margin-top: 1rem;
}

#our_people p:after {
	content: "";
	display: table;
	clear: both;
}
#our_people strong {
	-webkit-hyphens: none;
	-moz-hyphens: none;
}
.portrait {
	float: right;
	width: 44%;
	margin-top: -.5em;
	max-width: 12em;
}
.portrait,
.colorized /* {filter: grayscale(100%) url(#riso);} */

#instructors .portrait {
	max-width: 11.5em;
	margin-top: 0px;
}

.group:after {
  content: "";
  display: table;
  clear: both;
}

.embed {
	display: block;
	width: 100%;
	clear: both;
}

.social ul {
	margin-top: .5em;
}
.social li + li {
	margin-left: 1em;
}
.social-icon {
	height: 1.5em;
	width: 1.5em;
}
.social-icon path {
	fill: #FFF;
}
.social-icon:hover path {
	fill: #333;
}

.map_iframe {
	margin-top: 1.5em;
	width: 100%;
	height: 20em;
}
.highlight {
	background-color: yellow;
}


.red body,
.red p,
.red li,
.red article h3,
.red figcaption {
	color: #AF0000; /* dark red */
	color: #D90000; /* med red */
	color: #FF1919; /* bright red */
}
.red header,
.red footer,
.red footer p
/* .red header a:link */ {
/* 	background-color: #FF1919; */
	color: #FFF;
}

.red img {
	-webkit-filter: grayscale(100%) url('#riso');
	filter: grayscale(100%) url('#riso');
}
.red img.color:hover {
	-webkit-filter: none;
	filter: none;
}


.black h1 a:link,
.black h1 a:visited,
.black footer p {
	color: #FFF !important;
}
.black {
	color: #333;
	background-color: #333;
}
.black header,
.black footer {
	border-bottom-color: #333;
	background-color: #333;
	color: #FFF;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.black header {
	border-bottom-color: #333;
}
/*
.black section + section,
.black #events li + li,
.black #news li + li {
	border-top-color: #333;
}
.black p:not(.dek) {
	color: #333;
}
*/

/*
.black img {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}
*/


.filters-svg {
	position: absolute;
	height: 0;
	width: 0;
	overflow: none;
	left: -100%;
}

.balance-text {
    text-wrap: balanced;
}




@media (min-width: 20em) {
	html:before {content: 'XS';}
	.S, .SL {
		width: 100%;
		float: none;
		margin-right: 0;
	}
}
@media (min-width: 23.4375em) {
	html:before {content: 'XS/S';}
	.logo {
		float: none;
		display: inline-block;
		vertical-align: middle;
		width: 4em;
		height: 4em;
		margin-right: .5em;
		margin-left: -.35em;
		margin-bottom: -.1em;
		background-image: url('/images/asterisk-XL.svg');
	}
	.nav-wrap {
		display: inline-block;
	    vertical-align: middle;		
	    line-height: 1.3;	
	    margin: 0.15em 0 0 0;		
	}
	.grid > li,
	.gallery > li {
		max-width: 33.333%;
	}
	
	.gallery img {max-height: 25vw;}
}
@media (min-width: 30em) {
	html:before {content: 'S';}
	h2 {font-size: 2em;}
	h3 {font-size: 1.75em;}

	p,
	ul.bulleted li, ol li {
		line-height: 1.4;
	}
	
/*
	.gallery {
		text-align: justify;
	}
*/
	
	p {
		-webkit-hyphens: none;
		-moz-hyphens: none;
	}
	
	#join p {
		-webkit-hyphens: none;
		-moz-hyphens: none;
	}	
	
	.social {
		position: absolute;
		top: 0;
		right: 1em;
		text-align: right;
	}
}

@media (min-width: 34em) {
	html:before {content: 'S/S/M';}
	figure + .S, .dek + .S {
		margin-top: 1ex;
	}	
		.XS {
	margin-top: calc(1em + 1ex);
	margin-left: 1em;
	margin-right: 29%;
	margin-bottom: 2.5ex;
	float: right;
	width: 20%;
	max-width: 8rem;
}	
		.S {
	margin-top: calc(1em + 1ex);
	margin-left: 4%;
	margin-bottom: 2.5ex;
	float: right;
	width: 48%;
	max-width: 24rem;
}
		.SL {
	margin-top: 1ex;
	margin-right: 4%;
	margin-bottom: 2.5ex;
	float: left;
	width: 48%;
	max-width: 24rem;
}

	.logo {
		width: 2.75em;
		height: 2.75em;
		margin-bottom: -.05em;
		background-image: url('/images/asterisk-XL.svg');
	}
	nav br {
		display: none;
	}
	nav li {
		margin-right: .15em;
	}

}






@media (min-width: 38em) {
	html:before {content: 'S/M';}

	h2 {font-size: 2.5em;}
	h3 {font-size: 2em;}
	h4 {font-size: 1.5em;}
	.dek {
		font-size: 1.75em;
		font-weight: 300;
/*
		-webkit-font-smoothing: antialiased;
	    -moz-osx-font-smoothing: grayscale;
*/
	}
	
	nav li {margin-right: .5em;}
	
	section#events,
	section#news {
		display: inline-block;
		width: 46%;
		border-top: none;
		padding-top: 0;
		padding-bottom: 0;
		vertical-align: top;
	}
	#news {
		box-sizing: content-box;
		padding-right: calc(4% - 2px);
		border-right: 2px solid #FF1919;
		margin-right: 4%;
	}
	.grid > li,
	.gallery > li {
		max-width: 25%;
	}	
	.gallery img {max-height: 20vw;}
	}	
	figure + .S, .dek + .S, {
		margin-top: 1ex;
	}	
@media (min-width: 48em) {
	html:before {content: 'M';}
	
	.logo {	margin-bottom: .3em;}
	h1, nav ul {display: inline-block;}
	.nav-wrap {margin-top: -.25em; max-width: 42em;}
	h1 {margin-right: .75em;}
	h2 {font-size: 2.75em;}
	h4 {font-size: 1.5em;}
	.dek {font-size: 2em;}
	
	#billboard {max-height: 80vh;}	
	#billboard #intro {
		padding: .25em 1em 1em;
		background-color: rgba(255,255,255,0.9);
		max-width: 90ex;
		position: absolute;
		bottom: 0;
		right: 1em;
		z-index: 2;
		margin: 0 -1em 0 0;		
	}
	#billboard figcaption {
		font-size: .875em;
		letter-spacing: .03em;
	}
	.grid > li,
	.gallery > li {
		max-width: 20%;
	}
	.gallery img {max-height: 17vw;}

/*
	.about-page section h2,
	.visit-page h2,
	.give-page #intro {
		margin-bottom: 1rem;
	}

	.about-page section .dek,
	.give-page #intro {
		max-width: none;
		line-height: 1.1;
		display: block;
	}
	.give-page #intro {
		padding-top: 4%;
		padding-bottom: 0;
	}
	.give-page #intro p {
		max-width: 100%;
	}

	.edu-page section p,
	.about-page section p {
		margin-bottom: 1em;
	}
*/

/*
	.M {
		margin-top: 1em;
		margin-left: 4%;
		margin-bottom: .5em;
		float: right;
		width: 64%;
	}
*/
}
	figure + .S, .dek + .S, {
		margin-top: 1ex;
	}


@media (min-width: 48em) and (min-height: 38em) {
	html:before {content: 'M/col';}
	.subsection,
	.column {
		display: inline-block;
		vertical-align: top;
		width: calc(50% - 1em);
	}
	.subsection + .subsection,
	.column + .column {
		margin-left: 1.75em;
		border-top: none;
	}
	.subsection + .subsection {
		padding-top: 0;
		margin-top: 0;
	}
	.column h3:first-child,
	.map_iframe {
		margin-top: 0;
	}
	.column p,
	.column ul.bulleted,
	.subsection p,
	.section ul.bulleted {
		line-height: 1.3;
	}
	.events-list .column.banner,
	.events-list .column.info {
		margin-top: 0;
	}
	.events-list .column *:first-child {
		margin-top: 0;
	}
		figure + .S, .dek + .S, {
		margin-top: 1ex;
	}
}
figcaption + p + figure.S, .dek.S{
		margin-top: 1ex
	}
@media (min-width: 56em) {
	html:before {content: 'M/L';}
	
	nav {font-size: 1.2em;}
	.grid > li,
	.gallery > li {
		max-width: 16.666%;
	}
	.gallery img {max-height: 14vw;}	
	.S, .SL {
		margin-top: calc(1em + 1ex);
		max-width: calc(96% - 36rem);
	}
	figure + .S, .dek + .S, {
		margin-top: 1ex !important;
	}
	
	* + * {
	margin-top: 1em;
}
		.SB {
	margin: calc(1em + 1ex) 0 0 -400px;
	width: 60%;
	float: right;
}


@media (min-width: 64em) {
	html:before {content: 'L';}
	h1, .logo {
		font-size: 1.25em;
	}
	.logo {
		background-image: url('/images/asterisk-XL.svg');
/* 		margin-bottom: 0; */
	}
	.nav-wrap {
	margin-top: -.25em; 
	max-width: none;
	}	
	figure.XL img {
		width: 94em;
		max-width: calc(100vw - 2em);
		margin: 0 calc(-50vw + 32em);
	}
	.events-list .column.banner {
		width: 36rem;
	}
	.events-list .column.info {
		width: calc(100% - 38rem);
	}
		figure + .S, .dek + .S, {
		margin-top: 1ex;
	}
}
@media (min-width: 80em) {
	html:before {content: 'XL';}
/* 	.logo {margin-left: -3em;} */
}
@media (min-width: 96em) {
	html:before {content: 'XXL';}
	.grid.gallery > li,
	.gallery > li {
		max-width: 14.2857%;
	}
	.gallery img {max-height: 12.5vw;}
	figure.XL img {
		margin: 0 -16em;
	}
}

@media (min-width: 120em) {
	html:before {content: 'XXXL';}
	.grid.gallery > li,
	.gallery > li {
	max-width: 12.5%;
		}
	.gallery img {
		max-height: 10.715625vw;
	}	
}

#give-lively-widget {
	font-family: 'Duplicate Sans', Arial, Verdana, sans-serif !important;
	box-shadow: none !important;
	text-align: left;
}

#give-lively-widget .footer {
	background-color: #ffffff !important;
}

/*  New CSS for Join */

.responsive-plans-container{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
	width: calc(100vw - 9em);
	    transform: translateX(calc((71rem - 100vw)/2));
}

.responsive-join-subsection{
margin-left: 0 !important;
}

figcaption.responsive-join-caption{
	height: 45px;
}

@media (min-width: 1450px) { 
	.responsive-join-subsection{
	    width: 14.8% !important;
	}
}
@media (min-width: 1000px) and (max-width:1130px) { 
	.responsive-plans-container{
		width: 100%;
		transform: translateX(0);
	}
}
@media (max-width: 1000px) { 
	.responsive-plans-container{
	    flex-wrap: wrap;
		width: 100%;
    transform: translateX(0);
	}
	.responsive-join-subsection{
	    width: 50%
	} 
}


@media (min-width: 1000px) and (max-width:1650px) { 
	.responsive-join-subsection{
	    width: 30%;
	}
}

@media (max-width: 1000px){ 
	.responsive-join-subsection{
	    width: 46%;
	}
	
	.no-border{
		border: 0 !important;
	    padding-top: 0 !important;
	    margin-top: 0 !important;
	}
}
@media (max-width: 750px){ 
	figcaption.responsive-join-caption{
		height: 67px;
	}
}
.responsive-join-link{
	display:block;
}

p.dropcap-cabin::first-letter {
margin: -22px 2px -40px 2px;
padding: 0 0 0 0; 
float: left;
font-family: Rustic, 'Duplicate Ionic', Helvetica, Arial;
font-size: 5em;
}

.M img{
	margin-top:-9px
}

/* New CSS End */
