|
|
<style type="text/css">
@media screen and (max-width: 480px) {
/* Table 1: Text Info - Stacking Rows */
.sig-info-name, .sig-info-contact {
display: block !important;
width: 100% !important;
box-sizing: border-box !important;
padding: 10px !important;
text-align: center !important;
background-color: #E6F3FF !important; /* Light blue background */
color: #003366 !important; /* Dark blue text */
white-space: normal !important;
border-left: 1px solid #003366 !important; /* Dark blue borders */
border-right: 1px solid #003366 !important;
}
.sig-info-name {
border-top: 1px solid #003366 !important;
border-bottom: 1px solid #003366 !important;
}
.sig-info-contact {
border-top: none !important;
border-bottom: 1px solid #003366 !important;
}
.sig-info-contact .inner-contact-table td {
display: block !important;
width: 100% !important;
text-align: center !important;
padding-top: 3px !important;
padding-bottom: 3px !important;
white-space: normal !important;
}
.sig-info-contact .inner-contact-table a {
color: #003366 !important; /* Dark blue links on mobile */
}
/* Table 2: Logos - Stacking Columns */
.sig-logo-main, .sig-logo-accent {
display: block !important;
width: 100% !important;
box-sizing: border-box !important;
padding: 10px !important;
background-color: #FFFFFF !important; /* White background for logo cells on mobile */
text-align: center !important;
border-left: 1px solid #E6F3FF !important; /* Light blue vertical borders for logo cells on mobile */
border-right: 1px solid #E6F3FF !important; /* Light blue vertical borders for logo cells on mobile */
}
.sig-logo-main img, .sig-logo-accent img {
margin: 0 auto !important;
display: block !important;
}
.sig-logo-main {
border-top: 1px solid #003366 !important; /* Top border remains dark blue */
border-bottom: 1px solid #003366 !important; /* Bottom border remains dark blue */
}
.sig-logo-accent {
border-top: none !important;
border-bottom: 1px solid #003366 !important; /* Bottom border remains dark blue */
}
.sig-logos-table {
border-top: none !important;
}
/* Table 3: Bottom Bar - Stacking cells */
.sig-bottom-website, .sig-bottom-social {
display: block !important;
width: 100% !important;
box-sizing: border-box !important;
text-align: center !important;
padding: 10px 15px !important;
background-color: #E6F3FF !important; /* Light blue background */
color: #003366 !important; /* Dark blue text */
border-left: none !important;
border-right: none !important;
border-top: none !important;
}
.sig-bottom-website {
border-bottom: 1px solid #003366; /* Dark blue separator */
}
.sig-bottom-social {
border-bottom: none !important;
}
.sig-bottom-website a, .sig-bottom-social a {
color: #003366 !important; /* Dark blue links */
font-weight: bold !important;
}
.sig-bottom-website .website-link-group,
.sig-bottom-social .social-icons-group {
display: inline-block !important;
margin-bottom: 5px !important;
margin-right: 0 !important;
}
.sig-bottom-social .social-icons-group img {
margin: 0 5px !important;
}
}
.link-dark-blue:hover {
color: #005999 !important; /* Brighter blue for dark blue links on hover */
}
.link-white-on-blue:hover { /* This class is still used for the social icons' img tags if they were links, but text links in bottom bar now use link-dark-blue */
/* color: #DDDDDD !important; No longer needed for text links in bottom bar */
/* text-decoration: none !important; */
}
</style>
<table role="presentation" cellspacing="0" cellpadding="0" border="0" style="font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size: 12px; color: #003366; border-collapse: collapse; margin-bottom: 0px; background-color: #E6F3FF; width: 100%; max-width: 480px;">
<tr>
<td class="sig-info-name" style="padding: 15px 10px 5px 10px; vertical-align: bottom; text-align: left; white-space: nowrap; color: #003366;">
<span style="font-weight: 300; font-size: 28px;">Liz Wicker</span><span style="font-size: 20px;">, VP</span>
</td>
</tr>
<tr>
<td class="sig-info-contact" style="padding: 5px 10px 5px 10px; vertical-align: bottom; color: #003366; border-top: 1px solid #FFFFFF;">
<table role="presentation" cellspacing="0" cellpadding="0" border="0" class="inner-contact-table" style="width: 100%; font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size: 12px; color: #003366;">
<tr>
<td style="text-align: left; white-space: nowrap; vertical-align: middle; padding-right: 10px;">
<a href="tel:3109683101" class="link-dark-blue" style="color: #003366; text-decoration: none; font-size: 14px; font-weight: bold;">310-968-3101</a> |
<a href="mailto:liz@churchinteriors.com" class="link-dark-blue" style="color: #003366; text-decoration: none; font-size: 14px;">liz@churchinteriors.com</a>
</td>
<td style="text-align: right; white-space: nowrap; vertical-align: middle; padding-right:5px;">
<a href="https://www.churchinteriors.com/#flipbook-df_6878/1/" target="_blank" class="link-dark-blue" style="color: #003366; text-decoration: none; font-size: 14px; font-weight:200;">OUR CATALOG</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
<table role="presentation" cellspacing="0" cellpadding="0" border="0" class="sig-logos-table" style="width: 100%; max-width: 480px; font-family: Roboto, Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; border-collapse: collapse; margin-bottom: 0px; background-color: #003366; border-top: 1px solid #FFFFFF;">
<tr>
<td class="sig-logo-main" style="width: 60%; padding: 5px 10px 0px 0px; text-align: left; vertical-align: middle; background-color: #FFFFFF; border-left: 1px solid #E6F3FF;">
<img src="https://regency-development.com/wp-content/uploads/2025/05/image002.png" alt="Church Interiors Inc. Logo" style="width: 100%; max-width: 100%; height: auto; display: block; margin: 0; border: 0;">
</td>
<td class="sig-logo-accent" style="width: 40%; padding: 5px 0 0px 10px; text-align: right; vertical-align: middle; background-color: #FFFFFF; border-right: 1px solid #E6F3FF;">
<img src="https://regency-development.com/wp-content/uploads/2025/05/image003.png" alt="Brand Accent Image" width="130" style="width: 130px; max-width: 100%; height: auto; display: block; margin: 0 0 5px auto; border: 0;">
</td>
</tr>
</table>
<table role="presentation" cellspacing="0" cellpadding="0" border="0" style="width: 100%; max-width: 480px; font-family: Roboto, Arial, Helvetica, sans-serif; font-size: 12px; border-collapse: collapse;">
<tr>
<td class="sig-bottom-website" style="width: 35%; background-color: #E6F3FF; color: #003366; padding: 10px 15px; text-align: left; line-height: 1.3; font-size: 12px; border: none; vertical-align: middle;">
<a href="https://www.churchinteriors.com/" target="_blank" class="link-dark-blue website-link-group" style="color: #003366; text-decoration: none; font-weight: bold; letter-spacing: 1px; display:inline-block; vertical-align: middle;">www.churchinteriors.com</a>
</td>
<td class="sig-bottom-social" style="width: 30%; background-color: #E6F3FF; color: #003366; padding: 10px 25px 10px 15px; text-align:right; font-size: 12px; border: none; line-height: 1.3; vertical-align: middle;">
<span class="social-icons-group" style="display: inline-block; white-space: nowrap; vertical-align: middle;">
<a href="https://www.facebook.com/ChurchInteriors/" target="_blank" class="link-dark-blue" style="color: #003366; text-decoration: none; font-weight: bold; vertical-align: middle; margin-right: 10px;">
<img src="https://regency-development.com/wp-content/uploads/2025/05/fb1.png" alt="Facebook" style="width: 18px; height: 18px; vertical-align: middle; border:0;"></a>
<a href="https://www.pinterest.com/churchinteriors/" target="_blank" class="link-dark-blue" style="color: #003366; text-decoration: none; font-weight: bold; vertical-align: middle; margin-right: 10px;">
<img src="https://regency-development.com/wp-content/uploads/2025/05/pin1.png" alt="Pinterest" style="width: 18px; height: 18px; vertical-align: middle; border:0;"></a>
<a href="https://www.instagram.com/churchinteriorsinc/" target="_blank" class="link-dark-blue" style="color: #003366; text-decoration: none; font-weight: bold; vertical-align: middle;">
<img src="https://regency-development.com/wp-content/uploads/2025/05/inst1.png" alt="Instagram" style="width: 18px; height: 18px; vertical-align: middle; border:0;"></a>
</span>
</td>
</tr>
</table>
<style type="text/css">
@media screen and (max-width: 480px) {
.sig-col-one, .sig-col-two, .sig-col-three,
.sig-bottom-left, .sig-bottom-middle, .sig-bottom-right {
display: block !important;
width: 100% !important;
box-sizing: border-box !important;
padding: 15px !important;
}
.sig-col-one, .sig-col-two, .sig-col-three {
background-color: #FFFFFF !important;
color: #003366 !important;
}
.sig-col-two table {
width: 100% !important;
}
.sig-col-two,
.sig-bottom-left, .sig-bottom-middle, .sig-bottom-right {
text-align: center !important;
}
.sig-col-one img, .sig-col-three img {
margin: 0 auto !important;
}
.sig-bottom-left, .sig-bottom-middle, .sig-bottom-right {
background-color: #003366 !important;
color: #FFFFFF !important;
}
.sig-bottom-left a, .sig-bottom-middle a, .sig-bottom-right a {
color: #FFFFFF !important;
font-weight: bold !important;
}
.sig-bottom-middle img, .sig-bottom-right img {
display: inline-block !important;
}
.sig-bottom-right .catalog-text-span {
display: inline-block !important;
}
}
.link-dark-blue:hover {
color: #005999 !important;
}
.link-white-on-blue:hover {
color: #DDDDDD !important;
text-decoration: none !important;
}
</style>
<table role="presentation" cellspacing="0" cellpadding="0" border="0" style="width: 100%; max-width: 580px; font-family: Roboto, Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; border-collapse: collapse;">
<tr>
<td class="sig-col-one" style="width: 40%; padding: 10px 20px 10px 10px; vertical-align: bottom; text-align: center; background-color: #FFFFFF; ">
<img src="https://regency-development.com/wp-content/uploads/2025/05/image002.png" alt="Church Interiors Inc. Logo" style="width: 100%; max-width: 100%; height: auto; display: block; margin: 0 auto; border: 0;">
</td>
<td class="sig-col-two" style="width: 35%; padding: 10px 10px 10px 30px; vertical-align: bottom; background-color: #FFFFFF; ">
<table role="presentation" cellspacing="0" cellpadding="0" border="0" style="font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size: 12px; color: #003366; width: 100%;">
<tr>
<td style="padding-bottom: 10px;">
<span style="font-weight: bold; font-size: 20px;">Liz Wicker</span><br><span style="font-size: 12px;">VICE PRESIDENT</span>
</td>
</tr>
<tr>
<td style="padding-bottom: 2px;">
<a href="tel:3109683101" class="link-dark-blue" style="color: #003366; text-decoration: none; font-size: 14px; font-weight: bold;">310-968-3101</a>
</td>
</tr>
<tr>
<td style="padding-bottom: 0px;">
<a href="mailto:liz@churchinteriors.com" class="link-dark-blue" style="color: #003366; text-decoration: none; font-size: 14px;">liz@churchinteriors.com</a>
</td>
</tr>
</table>
</td>
<td class="sig-col-three" style="width: 25%; padding: 10px; vertical-align: bottom; text-align: center; background-color: #FFFFFF; ">
<img src="https://regency-development.com/wp-content/uploads/2025/05/image003.png" alt="Brand Accent Image" width="100" style="width: 100px; max-width: 100%; height: auto; display: block; margin: 0 auto; border: 0;">
</td>
</tr>
<tr>
<td class="sig-bottom-left" style="width: 35%; background-color: #003366; color: #FFFFFF; padding: 10px 5px 10px 15px; text-align: left; line-height: 1.3; font-size: 12px; border: none;">
<a href="https://www.churchinteriors.com/" target="_blank" class="link-white-on-blue" style="color: #FFFFFF; text-decoration: none; font-weight: bold; letter-spacing: 1px;">www.churchinteriors.com</a>
</td>
<td class="sig-bottom-middle" style="width: 30%; background-color: #003366; color: #FFFFFF; padding: 10px 5px 10px 30px; text-align: left; font-size: 12px; border: none; line-height: 1.3;">
<a href="https://www.facebook.com/ChurchInteriors/" target="_blank" class="link-white-on-blue" style="color: #FFFFFF; text-decoration: none; font-weight: bold; vertical-align: middle; margin-right: 10px;">
<img src="https://regency-development.com/wp-content/uploads/2025/05/fb1.png" alt="Facebook" style="width: 16px; height: 16px; vertical-align: middle; border:0;"></a>
<a href="https://www.pinterest.com/churchinteriors/" target="_blank" class="link-white-on-blue" style="color: #FFFFFF; text-decoration: none; font-weight: bold; vertical-align: middle; margin-right: 10px;">
<img src="https://regency-development.com/wp-content/uploads/2025/05/pin1.png" alt="Pinterest" style="width: 16px; height: 16px; vertical-align: middle; border:0;"></a>
<a href="https://www.instagram.com/churchinteriorsinc/" target="_blank" class="link-white-on-blue" style="color: #FFFFFF; text-decoration: none; font-weight: bold; vertical-align: middle;">
<img src="https://regency-development.com/wp-content/uploads/2025/05/inst1.png" alt="Instagram" style="width: 16px; height: 16px; vertical-align: middle; border:0;"></a>
</td>
<td class="sig-bottom-right" style="width: 35%; background-color: #003366; color: #FFFFFF; padding: 10px 15px 10px 5px; text-align: center; font-size: 12px; border: none; line-height: 1.3;">
<a href="https://www.churchinteriors.com/#flipbook-df_6878/1/" target="_blank" class="link-white-on-blue" style="color: #FFFFFF; text-decoration: none; font-weight: bold; display: inline-block; vertical-align: middle;">
<span class="catalog-text-span" style="display: inline-block; margin-top: 1px;">OUR CATALOG</span>
</a>
</td>
</tr>
</table>
