<!--
/* What it does: Remove spaces around the email design added by some
email clients. */
/* Beware: It can remove the padding / margin and add a background
color to the compose a reply window. */
html,
body {
Margin: 0 !important;
padding: 0 !important;
height: 100% !important;
width: 100% !important;
}
/* What it does: Stops email clients resizing small text. */
* {
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
/* What is does: Centers email on Android 4.4 */
div[style*="margin: 16px 0"] {
margin:0 !important;
}
/* What it does: Stops Outlook from adding extra spacing to tables.
*/
table,
td {
mso-table-lspace: 0pt !important;
mso-table-rspace: 0pt !important;
}
/* What it does: Fixes webkit padding issue. Fix for Yahoo mail table
alignment bug. Applies table-layout to the first 2 tables then removes
for anything nested deeper. */
table {
border-spacing: 0 !important;
border-collapse: collapse !important;
table-layout: fixed !important;
Margin: 0 auto !important;
}
table table table {
table-layout: auto;
}
/* What it does: Uses a better rendering method when resizing images
in IE. */
img {
-ms-interpolation-mode:bicubic;
}
/* What it does: Overrides styles added when Yahoo's auto-senses a
link. */
.yshortcuts a {
border-bottom: none !important;
}
/* What it does: A work-around for iOS meddling in triggered links.
*/
.mobile-link footer a,
a[x-apple-data-detectors] {
color:inherit !important;
text-decoration: underline !important;
}
-->
<!--
/* What it does: Hover styles for buttons */
.button-td,
.button-a {
transition: all 100ms ease-in;
}
.button-td:hover,
.button-a:hover {
background: #555555 !important;
border-color: #555555 !important;
}
/* Media Queries */
@media screen and (max-width: 600px) {
.email-container {
width: 100% !important;
}
/* What it does: Forces elements to resize to the full width of
their container. Useful for resizing images beyond their max-width.
*/
.fluid,
.fluid-centered {
max-width: 100% !important;
height: auto !important;
Margin-left: auto !important;
Margin-right: auto !important;
}
/* And center justify these ones. */
.fluid-centered {
Margin-left: auto !important;
Margin-right: auto !important;
}
/* What it does: Forces table cells into full-width rows. */
.stack-column,
.stack-column-center {
display: block !important;
width: 100% !important;
max-width: 100% !important;
direction: ltr !important;
}
/* And center justify these ones. */
.stack-column-center {
text-align: center !important;
}
/* What it does: Generic utility class for centering. Useful for
images, buttons, and nested tables. */
.center-on-narrow {
text-align: center !important;
display: block !important;
Margin-left: auto !important;
Margin-right: auto !important;
float: none !important;
}
table.center-on-narrow {
display: inline-block !important;
}
}
body {
background-color: #fff;
width: 100%;
margin: 0px 0px 0px 0px;
}
-->
<!--
div { width: 100%; background-color: #ffffff; }
div p, div span, div font, div td, div { line-height: 100%; }
html { width: 100%; }
body { -webkit-text-size-adjust: none; -moz-text-size-adjust: none;
-ms-text-size-adjust: none; text-size-adjust: none; }
table { border-spacing: 0; }
img { display: block !important; max-width: 100%; height: auto; }
img[data-runat] { display: inline-block !important; }
table td { border-collapse: collapse; }
@media only screen and (max-device-width: 670px) {
table[class="container1"] { padding: 0; width: 100% !important; }
table[class="container2"] { width: 100% !important; }
table[class="container3"] { width: 100% !important; }
table[class="header1"] img { width: 100% !important; height: auto
!important; }
td[class="fullWidthImage"] img { width: 100% !important; height:
auto !important; }
}
@media only screen and (min-device-width: 480px) and
(max-device-width: 670px) {
table[class="container3"] { width: 50% !important; }
}
@media only screen and (max-device-width: 480px) {
table[class="container1"] { width: 100% !important; }
table[class="columns"] { width: 100% !important; }
table[class="columns"] td { width: 100% !important; padding: 0
!important; }
table[class="header1"] { width: 100% !important; max-width: none
!important; float: none !important; clear: both !important; }
table[class="container2"] { width: 100% !important; max-width: none
!important; float: none !important; clear: both !important; }
table[class="container3"] { width: 100% !important; max-width: none
!important; float: none !important; clear: both !important; }
table[class="container3"] td { padding: 30px !important; }
table[class="container4"] { width: 100% !important; max-width: none
!important; float: none !important; clear: both !important; }
table[class="container4"] td { padding: 30px !important; }
}
-->
Can't view email?
[link removed]
Intro_Through_COVID
Introduction: Working Through COVID-19:
Read More »
[link removed]
Equipping neighbors with job training
Read More »
[link removed]
Job placement assistance in Nashville, Tennessee.
Read More »
[link removed]
Read the full issue HERE
[link removed]
Logo-News-Footer
Visit Our Website | Unsubscribe
[link removed]
[link removed]
Catholic Charities USA
2050 Ballenger Ave Suite 400 Alexandria, VA 22314
