Document: Letter from Baltimore Archbishop William E. Lori

https://sadmin.brightcove.com/js/BrightcoveExperiences.js
https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js

var init_twitter = function(){if (typeof window.twttr === “undefined”) {window.twttr = (function(d, s, id) {var js, fjs = d.getElementsByTagName(s)[0],t = window.twttr || {};if (d.getElementById(id)) return;js = d.createElement(s);js.id = id;js.src = “http://platform.twitter.com/widgets.js”;fjs.parentNode.insertBefore(js, fjs);t._e = [];t.ready = function(f) {t._e.push(f);}; return t;}(document, “script”, “twitter-wjs”));}};init_twitter();

//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.5

.clearfix {
clear: both; }

#preview p, #story p {
z-index: 0;
font-size: 18px;
line-height: 27px;
margin: 18px 0;
font-family: Georgia,Serif;
color: #333; }

#preview figcaption, #story figcaption {
font-family: Arial,serif;
font-size: 12px;
line-height: 17px;
color: #999;
padding: 5px 5px 20px 5px; }
#preview figcaption span.credits:before, #story figcaption span.credits:before {
content: ‘(‘; }
#preview figcaption span.credits:after, #story figcaption span.credits:after {
content: ‘)’; }

/* Preventing any of these styles from impacting Arc preview */
body#snap #preview:not(.arc_preview), body:not(#snap) #story {
word-break: break-word; }
body#snap #preview:not(.arc_preview) #titleline, body#snap #preview:not(.arc_preview) .trb_bylines_nm_pb, body:not(#snap) #story #titleline, body:not(#snap) #story .trb_bylines_nm_pb {
display: block;
margin-top: 3px;
font: 12px Arial,sans-serif;
color: #999;
text-decoration: none; }
body#snap #preview:not(.arc_preview) .responsive-embed, body:not(#snap) #story .responsive-embed {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden; }
body#snap #preview:not(.arc_preview) .responsive-embed iframe, body#snap #preview:not(.arc_preview) .responsive-embed object, body#snap #preview:not(.arc_preview) .responsive-embed span, body#snap #preview:not(.arc_preview) .responsive-embed embed, body:not(#snap) #story .responsive-embed iframe, body:not(#snap) #story .responsive-embed object, body:not(#snap) #story .responsive-embed span, body:not(#snap) #story .responsive-embed embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
body#snap #preview:not(.arc_preview) .responsive-embed div.image-container, body:not(#snap) #story .responsive-embed div.image-container {
overflow: hidden; }
body#snap #preview:not(.arc_preview) #content-elements, body:not(#snap) #story #content-elements {
word-break: break-word;
/* The element list */
/* Dropcap styles */
/* Links */ }
body#snap #preview:not(.arc_preview) #content-elements p, body#snap #preview:not(.arc_preview) #content-elements h3, body#snap #preview:not(.arc_preview) #content-elements ol, body#snap #preview:not(.arc_preview) #content-elements ul, body:not(#snap) #story #content-elements p, body:not(#snap) #story #content-elements h3, body:not(#snap) #story #content-elements ol, body:not(#snap) #story #content-elements ul {
width: auto;
z-index: 0; }
body#snap #preview:not(.arc_preview) #content-elements p, body:not(#snap) #story #content-elements p {
min-height: 27px; }
body#snap #preview:not(.arc_preview) #content-elements h3, body:not(#snap) #story #content-elements h3 {
font-family: Georgia,’Droid Serif’,Serif;
font-weight: normal;
font-size: 27px;
line-height: 31px;
margin-top: 33px;
clear: left; }
body#snap #preview:not(.arc_preview) #content-elements h3 + figure, body:not(#snap) #story #content-elements h3 + figure {
margin-top: 0; }
body#snap #preview:not(.arc_preview) #content-elements h3 + p, body:not(#snap) #story #content-elements h3 + p {
margin-top: 8px; }
body#snap #preview:not(.arc_preview) #content-elements blockquote .quote, body:not(#snap) #story #content-elements blockquote .quote {
font-family: Georgia, “Droid Serif”, serif;
padding: 19px 0 7px;
margin-bottom: 5px;
color: #000;
font-size: 28px;
line-height: 35px;
display: block;
word-wrap: break-word;
text-align: center;
clear: both; }
body#snap #preview:not(.arc_preview) #content-elements blockquote .quote:before, body:not(#snap) #story #content-elements blockquote .quote:before {
margin-bottom: 10px;
font-size: 52px;
display: block;
line-height: 4px;
content: ‘\\201C’; }
body#snap #preview:not(.arc_preview) #content-elements blockquote .cite, body:not(#snap) #story #content-elements blockquote .cite {
font-family: ‘Arial’, sans-serif;
font-style: normal;
font-size: 14px;
margin: 0px auto;
color: #666;
text-align: center;
clear: both; }
body#snap #preview:not(.arc_preview) #content-elements blockquote .cite:before, body:not(#snap) #story #content-elements blockquote .cite:before {
content: ‘\\2014\\00A0’; }
body#snap #preview:not(.arc_preview) #content-elements blockquote.full, body:not(#snap) #story #content-elements blockquote.full {
width: 100%;
float: none;
clear: both; }
body#snap #preview:not(.arc_preview) #content-elements blockquote.medium, body:not(#snap) #story #content-elements blockquote.medium {
width: 48%; }
body#snap #preview:not(.arc_preview) #content-elements blockquote.center, body:not(#snap) #story #content-elements blockquote.center {
margin-left: auto;
margin-right: auto; }
body#snap #preview:not(.arc_preview) #content-elements blockquote.right .cite, body:not(#snap) #story #content-elements blockquote.right .cite {
text-align: right; }
body#snap #preview:not(.arc_preview) #content-elements figure, body:not(#snap) #story #content-elements figure {
position: relative;
z-index: 1; }
body#snap #preview:not(.arc_preview) #content-elements figure.full, body:not(#snap) #story #content-elements figure.full {
width: 100%;
float: none;
clear: both; }
body#snap #preview:not(.arc_preview) #content-elements figure.medium, body:not(#snap) #story #content-elements figure.medium {
width: 48%; }
body#snap #preview:not(.arc_preview) #content-elements figure.small, body:not(#snap) #story #content-elements figure.small {
width: 30%; }
body#snap #preview:not(.arc_preview) #content-elements figure img, body:not(#snap) #story #content-elements figure img {
width: 100%;
margin: 0; }
body#snap #preview:not(.arc_preview) #content-elements hr, body:not(#snap) #story #content-elements hr {
border-style: solid;
clear: both;
margin: 30px 0; }
body#snap #preview:not(.arc_preview) #content-elements hr.none, body:not(#snap) #story #content-elements hr.none {
border: 0; }
body#snap #preview:not(.arc_preview) #content-elements hr.thin, body:not(#snap) #story #content-elements hr.thin {
border-top: 1px solid #333;
border-bottom: none; }
body#snap #preview:not(.arc_preview) #content-elements hr.thick, body:not(#snap) #story #content-elements hr.thick {
border-top: 3px solid #333;
border-bottom: none; }
body#snap #preview:not(.arc_preview) #content-elements hr.space, body:not(#snap) #story #content-elements hr.space {
padding-top: 20px;
border-style: none; }
body#snap #preview:not(.arc_preview) #content-elements hr.fancy, body:not(#snap) #story #content-elements hr.fancy {
background: url(“http://d1qqc1e9kvmdh8.cloudfront.net/img/ngux-tophat/flourished-section-breaks/pretty.png”) no-repeat scroll center center transparent;
color: transparent;
height: 25px;
margin: 30px auto;
width: auto;
clear: both;
border: 0 none;
display: block;
padding: 0px; }
body#snap #preview:not(.arc_preview) #content-elements hr.diamondy, body:not(#snap) #story #content-elements hr.diamondy {
background: url(“http://d1qqc1e9kvmdh8.cloudfront.net/img/ngux-tophat/flourished-section-breaks/diamondy.png”) no-repeat scroll center center transparent;
color: transparent;
height: 25px;
margin: 30px auto;
width: auto;
clear: both;
border: 0 none;
display: block;
padding: 0px; }
body#snap #preview:not(.arc_preview) #content-elements .interstitial_link a, body:not(#snap) #story #content-elements .interstitial_link a {
color: #4591B8;
font-size: 18px;
font-weight: bold;
line-height: 27px; }
body#snap #preview:not(.arc_preview) #content-elements div:first-child p:first-child, body:not(#snap) #story #content-elements div:first-child p:first-child {
clear: both; }
body#snap #preview:not(.arc_preview) #content-elements div:first-child p:first-child:first-letter, body:not(#snap) #story #content-elements div:first-child p:first-child:first-letter {
float: left;
font-size: 100px;
line-height: 0.95em;
font-family: “Belizio”, Georgia, serif;
margin-right: 0.115em;
color: #000;
text-transform: uppercase;
font-style: normal; }
body#snap #preview:not(.arc_preview) #content-elements p:not(.byline) a, body:not(#snap) #story #content-elements p:not(.byline) a {
color: #4591B8; }
body#snap #preview:not(.arc_preview) #content-elements p:not(.byline) a:hover, body:not(#snap) #story #content-elements p:not(.byline) a:hover {
color: #77B3CC; }
body#snap #preview:not(.arc_preview) #content-elements a, body:not(#snap) #story #content-elements a {
text-decoration: none; }
body#snap #preview:not(.arc_preview) #content-elements header .trb_embed_related_credit_and_caption, body:not(#snap) #story #content-elements header .trb_embed_related_credit_and_caption {
margin-top: 5px; }
body#snap #preview:not(.arc_preview) #content-elements ul, body#snap #preview:not(.arc_preview) #content-elements ol, body:not(#snap) #story #content-elements ul, body:not(#snap) #story #content-elements ol {
overflow: hidden;
padding-left: 20px; }
body#snap #preview:not(.arc_preview) #content-elements ul li, body#snap #preview:not(.arc_preview) #content-elements ol li, body:not(#snap) #story #content-elements ul li, body:not(#snap) #story #content-elements ol li {
font-family: Georgia, serif;
margin-left: 5px;
font-size: 16px;
line-height: 26px; }
body#snap #preview:not(.arc_preview) #content-elements ul li, body:not(#snap) #story #content-elements ul li {
list-style-type: disc; }
body#snap #preview:not(.arc_preview) #content-elements ul li:before, body:not(#snap) #story #content-elements ul li:before {
content: ”; }
body#snap #preview:not(.arc_preview) #content-elements ol li, body:not(#snap) #story #content-elements ol li {
list-style-type: decimal; }
body#snap #preview:not(.arc_preview) #content-elements ul.related-links, body:not(#snap) #story #content-elements ul.related-links {
margin-top: 0; }
body#snap #preview:not(.arc_preview) #content-elements .left, body:not(#snap) #story #content-elements .left {
float: left;
margin: 12px 2% 12px 0px; }
body#snap #preview:not(.arc_preview) #content-elements .right, body:not(#snap) #story #content-elements .right {
float: right;
margin: 12px 0px 12px 2%; }
body#snap #preview:not(.arc_preview) #content-elements .twitter, body:not(#snap) #story #content-elements .twitter {
width: auto; }
body#snap #preview:not(.arc_preview) #content-elements .EmbeddedTweet, body#snap #preview:not(.arc_preview) #content-elements twitter-tweet, body#snap #preview:not(.arc_preview) #content-elements .media-forward, body:not(#snap) #story #content-elements .EmbeddedTweet, body:not(#snap) #story #content-elements twitter-tweet, body:not(#snap) #story #content-elements .media-forward {
max-width: 500px !important;
width: 100% !important;
margin: auto !important; }
body#snap #preview:not(.arc_preview) #content-elements .instagram, body:not(#snap) #story #content-elements .instagram {
width: 100%; }
body#snap #preview:not(.arc_preview) #content-elements .instagram-media, body:not(#snap) #story #content-elements .instagram-media {
margin: auto !important;
min-width: auto !important; }
body#snap #preview:not(.arc_preview) #content-elements .storify, body:not(#snap) #story #content-elements .storify {
width: 100%; }
body#snap #preview:not(.arc_preview) #content-elements .soundcloud, body:not(#snap) #story #content-elements .soundcloud {
width: 100%; }
body#snap #preview:not(.arc_preview) #content-elements .vidme, body:not(#snap) #story #content-elements .vidme {
width: 100%; }
body#snap #preview:not(.arc_preview) #content-elements .scribble, body:not(#snap) #story #content-elements .scribble {
width: 100%; }
body#snap #preview:not(.arc_preview) #content-elements .facebook, body:not(#snap) #story #content-elements .facebook {
width: 320px;
float: left;
margin: 12px 15px 12px 0px; }
body#snap #preview:not(.arc_preview) #content-elements .fb-post.fb_iframe_widget, body:not(#snap) #story #content-elements .fb-post.fb_iframe_widget {
display: block !important;
padding: 0px; }
body#snap #preview:not(.arc_preview) #content-elements .fb-post.fb_iframe_widget > span, body:not(#snap) #story #content-elements .fb-post.fb_iframe_widget > span {
display: block !important;
margin: 0 auto; }
body#snap #preview:not(.arc_preview) #content-elements .trb_allContentWrapper[data-content-type=htmlstory] .trb_mainContent_copyright, body:not(#snap) #story #content-elements .trb_allContentWrapper[data-content-type=htmlstory] .trb_mainContent_copyright {
display: block;
font-family: Arial,Sans-serif !important;
color: #999;
font-size: 12px !important;
clear: left;
margin-bottom: 30px; }

body .trb_mainContent ul li:before {
content: ”; }

body .trb_mainContent ol li:before {
font-family: “Belizio”,Georgia,serif;
font-size: 14px;
margin: 0 5px 0 0;
left: 0; }

@media (max-width: 767px) {
.heroic figcaption {
display: none; }
#story #content-elements .right, #story #content-elements .left {
float: none;
margin: 0 auto;
width: 100%; }
#story #content-elements figure.small, #story #content-elements figure.medium {
width: 100%; }
#story #content-elements hr {
margin: 20px 0; } }

#story a {
color: #DAA517 !important; }
#story a:hover {
color: #F8CB59 !important; }

/* Render tweets */
var render_tweets = function () {
window.twttr.ready(function(twttr) {
$(‘*[data-tweet-id]’).each(function() {
var formID = $(this).closest(‘figure’)[0];
var _tweet = $(this);
var options = {
conversation: ‘none’,
cards: ‘hidden’
};
if( $(this).hasClass(‘conversation’) ) {
options[‘conversation’] = ‘all’;
}
if( $(this).hasClass(‘card’) ) {
options[‘cards’] = ‘visible’;
}
var tweet_id = $(this).data(‘tweet-id’);
$(this).text(“”);
if (tweet_id){
twttr.widgets.createTweet( tweet_id, formID, {
conversation: options[‘conversation’],
cards: options[‘cards’],
align: ‘center’
}).then(function(el) {
$(‘iframe’).height($(‘iframe’).contents(‘body’).outerHeight());
});
};
});
});
};
render_tweets();

/* Render instagram */
$( ‘.raw-insta’ ).each(function( index ){
var rawInsta = $( this ).text();
var $thisFigure = $( this );
$.ajax({
dataType: “json”,
url: “https://api.instagram.com/oembed/?url=http://instagr.am/p/” + rawInsta
}).done(function(data){
$thisFigure.html( data.html );
}).success(function(data){
try {
window.instgrm.Embeds.process();
} catch(e) {/* Do nothing*/}
});
$( this ).removeClass( ‘raw-insta’ ).text(“”);
});

/* Render brightcove */
$( ‘.raw-brightcove’ ).each(function( index ){
var rawBright = $( this ).text().trim();
var $thisFigure = $( this );
$( this ).removeClass( ‘raw-brightcove’ ).text(“”);
$thisFigure.html(““);
});
brightcove.createExperiences();

/* Render Facebook */
$(‘div.fb-post’).each(function() {
$(this).html(”);
$(this).removeAttr(‘fb-xfbml-state’);
$(this).removeAttr(‘fb-iframe-plugin-query’);
$(this).attr(‘data-width’, $(this).parent().width()-10);
});

/* Make Facebook Responsive */
$( window ).resize(function() {
if($(‘div.fb-post’).length != 0) {
$(‘div.fb-post’).each(function() {
$(this).html(”);
$(this).removeAttr(‘fb-xfbml-state’);
$(this).removeAttr(‘fb-iframe-plugin-query’);
$(this).attr(‘data-width’, $(this).parent().width()-10);
});
if (typeof FB !== ‘undefined’){
FB.XFBML.parse();
}
}
});

/* Remove all elements */

.pb-f-article-body #story .heroic {
display: none;
}

.pb-f-article-body #story div p, .pb-f-article-body #story div h2, .pb-f-article-body #story div h3, .pb-f-article-body #story div ul, .pb-f-article-body #story div ol {
max-width: 792px;
margin: 18px auto;
}

.pb-f-article-body #story div h2, .pb-f-article-body #story div h3 {
margin: 40px auto 25px auto;
}

.pb-f-article-body #story .benton-title, .pb-f-article-body #story h2.question, .pb-f-article-body #story h3.question {
font-family: ‘Benton Gothic Bold’;
line-height: inherit;
}

.pb-f-article-body #story .date-title {
font-family: ‘Benton Gothic Regular’;
margin: 60px auto -20px auto;
text-transform: uppercase;
font-size: 17px;
}