|
Put Your Logo To Work
.ReadMsgBody{
width:100%;
background-color:#ffffff;
}
.ExternalClass{
width:100%;
background-color:#ffffff;
}
body{
width:100%;
background-color:#eeeeee;
margin:0;
padding:0;
-webkit-font-smoothing:antialiased;
font-family:Helvetica Light, Helvetica, Arial, sans-serif;
-webkit-text-size-adjust: none !important;
}
table{
border-collapse:separate;
}
.listStyle{
color: #1fd0b6;
text-align: left;
margin-top: 5px;
margin-bottom: 0px;
}
.listStyle p{
color: rgb(85, 85, 85);
margin-top: 5px;
margin-bottom: 0px;
}
/* MOBILE STYLES */
@media screen and (max-width: 525px) {
/* ALLOWS FOR FLUID TABLES */
.wrapper {
width: 100% !important;
max-width: 100% !important;
}
/* ADJUSTS LAYOUT OF LOGO IMAGE */
.logo img {
margin: 0 auto !important;
}
/* USE THESE CLASSES TO HIDE CONTENT ON MOBILE */
.mobile-hide {
display: none !important;
}
.img-max {
max-width: 100% !important;
width: 100% !important;
height: auto !important;
}
/* FULL-WIDTH TABLES */
.responsive-table {
width: 100% !important;
}
/* UTILITY CLASSES FOR ADJUSTING PADDING ON MOBILE */
.padding {
padding: 0px 5% 0px 5% !important;
}
.padding-meta {
padding: 30px 5% 0px 5% !important;
text-align: center;
}
.no-padding {
padding: 0 !important;
}
.section-padding {
padding: 0px 15px 0px 15px !important;
}
/* ADJUST BUTTONS ON MOBILE */
.mobile-button-container {
margin: 0 auto;
width: 100% !important;
}
.mobile-button {
padding: 15px !important;
border: 0 !important;
font-size: 16px !important;
display: block !important;
}
}
/* ANDROID CENTER FIX */
div[style*=”margin: 16px 0;”] { margin: 0 !important; }