96
p{
margin:10px 0;
padding:0;
}
table{
border-collapse:collapse;
}
h1,h2,h3,h4,h5,h6{
display:block;
margin:0;
padding:0;
}
img,a img{
border:0;
height:auto;
outline:none;
text-decoration:none;
}
body,#bodyTable,#bodyCell{
height:100%;
margin:0;
padding:0;
width:100%;
}
#outlook a{
padding:0;
}
img{
-ms-interpolation-mode:bicubic;
}
table{
mso-table-lspace:0pt;
mso-table-rspace:0pt;
}
.ReadMsgBody{
width:100%;
}
.ExternalClass{
width:100%;
}
p,a,li,td,blockquote{
mso-line-height-rule:exactly;
}
a[href^=tel],a[href^=sms]{
color:inherit;
cursor:default;
text-decoration:none;
}
p,a,li,td,body,table,blockquote{
-ms-text-size-adjust:100%;
-webkit-text-size-adjust:100%;
}
.ExternalClass,.ExternalClass p,.ExternalClass td,.ExternalClass div,.ExternalClass span,.ExternalClass font{
line-height:100%;
}
a[x-apple-data-detectors]{
color:inherit !important;
text-decoration:none !important;
font-size:inherit !important;
font-family:inherit !important;
font-weight:inherit !important;
line-height:inherit !important;
}
a.mcnButton{
display:block;
}
.mcnImage{
vertical-align:bottom;
}
.mcnTextContent{
word-break:break-word;
}
.mcnTextContent img{
height:auto !important;
}
.mcnDividerBlock{
table-layout:fixed !important;
}
body,.backgroundColor{
background-color:#E5E5E5;
background-image:url(‘http://gallery.mailchimp.com/27aac8a65e64c994c4416d6b8/images/bg_roughpaper.png’);
background-position:top left;
background-repeat:repeat;
}
#bodyCell{
border-top:0;
}
h1{
color:#0E6624 !important;
font-family:Helvetica;
font-size:24px;
font-style:normal;
font-weight:bold;
line-height:125%;
letter-spacing:-1px;
text-align:left;
}
h2{
color:#0E6624 !important;
font-family:Helvetica;
font-size:20px;
font-style:normal;
font-weight:bold;
line-height:125%;
letter-spacing:-.75px;
text-align:left;
}
h3{
color:#0E6624 !important;
font-family:Helvetica;
font-size:18px;
font-style:normal;
font-weight:bold;
line-height:125%;
letter-spacing:-.5px;
text-align:left;
}
h4{
color:#0E6624 !important;
font-family:Helvetica;
font-size:16px;
font-style:normal;
font-weight:bold;
line-height:125%;
letter-spacing:normal;
text-align:left;
}
#templatePreheader{
background-color:#003366;
border-top:0;
border-bottom:0;
}
.preheaderContainer .mcnTextContent,.preheaderContainer .mcnTextContent p{
color:#DDDDDD;
font-family:Helvetica;
font-size:10px;
line-height:125%;
text-align:left;
}
.preheaderContainer .mcnTextContent a{
color:#DDDDDD;
font-weight:normal;
text-decoration:underline;
}
#templateHeader,.leftInnerBannerContainer,.fullBannerContainer,.byebyeBannerContainer,.rightInnerBannerContainer{
background-color:#FFFFFF;
}
.headerContainer .mcnTextContent,.headerContainer .mcnTextContent p{
color:#303030;
font-family:Georgia;
font-size:18px;
line-height:150%;
text-align:center;
}
.headerContainer .mcnTextContent a{
color:#37647B;
font-weight:normal;
text-decoration:underline;
}
#templateBody{
background-color:#FFFFFF;
border-top:0;
border-bottom:0;
}
.bodyContainer .mcnTextContent,.bodyContainer .mcnTextContent p{
color:#303030;
font-family:Georgia;
font-size:18px;
line-height:150%;
text-align:left;
}
.bodyContainer .mcnTextContent a{
color:#37647B;
font-weight:normal;
text-decoration:underline;
}
.footerContainer .mcnTextContent,.footerContainer .mcnTextContent p{
color:#404040;
font-family:Helvetica;
font-size:10px;
line-height:125%;
text-align:center;
}
.footerContainer .mcnTextContent a{
color:#404040;
font-weight:normal;
text-decoration:underline;
}
@media only screen and (max-width: 480px){
body,table,td,p,a,li,blockquote{
-webkit-text-size-adjust:none !important;
}
} @media only screen and (max-width: 480px){
body{
width:100% !important;
min-width:100% !important;
}
} @media only screen and (max-width: 480px){
#templateContainer,#templatePreheader,#templateHeader,#templateBody,#templateFooter,.flexibleContainer{
max-width:600px !important;
width:100% !important;
}
} @media only screen and (max-width: 480px){
.mobileHide{
display:none !important;
visibility:hidden !important;
}
} @media only screen and (max-width: 480px){
#templateBanners{
width:100% !important;
}
} @media only screen and (max-width: 480px){
.byebyeBannerContainer{
display:none !important;
}
} @media only screen and (max-width: 480px){
.fullBannerContainer{
width:150px !important;
}
} @media only screen and (max-width: 480px){
.bannerImage{
height:auto !important;
width:100% !important;
}
} @media only screen and (max-width: 480px){
.mcnImage{
width:100% !important;
}
} @media only screen and (max-width: 480px){
.mcnCartContainer,.mcnCaptionTopContent,.mcnRecContentContainer,.mcnCaptionBottomContent,.mcnTextContentContainer,.mcnBoxedTextContentContainer,.mcnImageGroupContentContainer,.mcnCaptionLeftTextContentContainer,.mcnCaptionRightTextContentContainer,.mcnCaptionLeftImageContentContainer,.mcnCaptionRightImageContentContainer,.mcnImageCardLeftTextContentContainer,.mcnImageCardRightTextContentContainer{
max-width:100% !important;
width:100% !important;
}
} @media only screen and (max-width: 480px){
.mcnBoxedTextContentContainer{
min-width:100% !important;
}
} @media only screen and (max-width: 480px){
.mcnImageGroupContent{
padding:9px !important;
}
} @media only screen and (max-width: 480px){
.mcnCaptionLeftContentOuter .mcnTextContent,.mcnCaptionRightContentOuter .mcnTextContent{
padding-top:9px !important;
}
} @media only screen and (max-width: 480px){
.mcnImageCardTopImageContent,.mcnCaptionBlockInner .mcnCaptionTopContent:last-child .mcnTextContent{
padding-top:18px !important;
}
} @media only screen and (max-width: 480px){
.mcnImageCardBottomImageContent{
padding-bottom:9px !important;
}
} @media only screen and (max-width: 480px){
.mcnImageGroupBlockInner{
padding-top:0 !important;
padding-bottom:0 !important;
}
} @media only screen and (max-width: 480px){
.mcnImageGroupBlockOuter{
padding-top:9px !important;
padding-bottom:9px !important;
}
} @media only screen and (max-width: 480px){
.mcnTextContent,.mcnBoxedTextContentColumn{
padding-right:18px !important;
padding-left:18px !important;
}
} @media only screen and (max-width: 480px){
.mcnImageCardLeftImageContent,.mcnImageCardRightImageContent{
padding-right:18px !important;
padding-bottom:0 !important;
padding-left:18px !important;
}
} @media only screen and (max-width: 480px){
.mcpreview-image-uploader{
display:none !important;
width:100% !important;
}
} @media only screen and (max-width: 480px){
h1{
font-size:24px !important;
line-height:125% !important;
}
} @media only screen and (max-width: 480px){
h2{
font-size:20px !important;
line-height:125% !important;
}
} @media only screen and (max-width: 480px){
h3{
font-size:18px !important;
line-height:125% !important;
}
} @media only screen and (max-width: 480px){
h4{
font-size:16px !important;
line-height:125% !important;
}
} @media only screen and (max-width: 480px){
.mcnBoxedTextContentContainer .mcnTextContent,.mcnBoxedTextContentContainer .mcnTextContent p{
font-size:18px !important;
line-height:125% !important;
}
} @media only screen and (max-width: 480px){
#templatePreheader{
display:block !important;
}
} @media only screen and (max-width: 480px){
.preheaderContainer .mcnTextContent,.preheaderContainer .mcnTextContent p{
font-size:14px !important;
line-height:115% !important;
}
} @media only screen and (max-width: 480px){
.headerTopBorder{
background-color:#FFFFFF !important;
}
} @media only screen and (max-width: 480px){
.headerContainer .mcnTextContent,.headerContainer .mcnTextContent p{
font-size:18px !important;
line-height:125% !important;
}
} @media only screen and (max-width: 480px){
.bodyContainer .mcnTextContent,.bodyContainer .mcnTextContent p{
font-size:18px !important;
line-height:125% !important;
}
} @media only screen and (max-width: 480px){
.footerContainer .mcnTextContent,.footerContainer .mcnTextContent p{
font-size:14px !important;
line-height:115% !important;
}
}
|
Comments are closed.