@import url('http://fonts.googleapis.com/css?family=Alegreya+Sans:300,500,300italic,500italic'); /* ///////// CLIENT-SPECIFIC STYLES ///////// */ #outlook a{padding:0;} /* Force Outlook to provide a "view in browser" message */ .ReadMsgBody{width:100%;} .ExternalClass{width:100%;} /* Force Hotmail to display emails at full width */ .ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div {line-height: 100%;} /* Force Hotmail to display normal line spacing */ body, table, td, p, a, li, blockquote{-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;} /* Prevent WebKit and Windows mobile changing default text sizes */ table, td{mso-table-lspace:0pt; mso-table-rspace:0pt;} /* Remove spacing between tables in Outlook 2007 and up */ img{-ms-interpolation-mode:bicubic;} /* Allow smoother rendering of resized image in Internet Explorer */ /* ///////// RESET STYLES ///////// */ body{margin:0; padding:0;} img{border:0; height:auto; line-height:100%; outline:none; text-decoration:none;} table{border-collapse:collapse !important;} td {padding: 0;} body, #bodyTable, #bodyCell{height:100% !important; margin:0; padding:0; width:100% !important;} /* ///////// TEMPLATE STYLES ///////// */ /* ========== Page Styles ========== */ body { font-family:'Alegreya Sans', Arial, 'sans serif'; font-weight:normal; font-weight:300; } #bodyCell{padding:40px;} #templateContainer{width:800px;} body, #bodyTable{ background-color:#EEEEEE; } #bodyCell{ /*@editable*/ /* border-top:4px solid #BBBBBB; */ } #templateContainer{ /*@editable*/ /* border:1px solid #BBBBBB; */ } h1{ /*@editable*/ color:#7fb741 !important; display:block; /*@editable*/ font-size:32px; /*@editable*/ font-style:normal; /*@editable*/ font-weight:500; /*@editable*/ line-height:100%; /*@editable*/ letter-spacing:normal; margin-top:0; margin-right:0; margin-bottom:10px; margin-left:0; /*@editable*/ text-align:left; } h2{ /*@editable*/ color:#333333 !important; display:block; /*@editable*/ font-size:32px; /*@editable*/ font-style:normal; /*@editable*/ font-weight:500; /*@editable*/ line-height:100%; /*@editable*/ letter-spacing:normal; margin-top:0; margin-right:0; margin-bottom:10px; margin-left:0; /*@editable*/ text-align:left; } h3{ /*@editable*/ color:#7fb741 !important; display:block; /*@editable*/ font-size:24px; /*@editable*/ font-style:normal; /*@editable*/ font-weight:500; /*@editable*/ line-height:100%; /*@editable*/ letter-spacing:normal; /*@editable*/ color: #7fb741; margin-top:0; margin-right:0; margin-bottom:10px; margin-left:0; /*@editable*/ text-align:left; } h4{ /*@editable*/ color:#333333 !important; display:block; /*@editable*/ font-size:24px; /*@editable*/ font-style:normal; /*@editable*/ font-weight:500; /*@editable*/ line-height:100%; /*@editable*/ letter-spacing:normal; margin-top:0; margin-right:0; margin-bottom:10px; margin-left:0; /*@editable*/ text-align:left; } h5{ /*@editable*/ color:#7fb741 !important; display:block; /*@editable*/ font-size:16px; /*@editable*/ font-style:normal; /*@editable*/ font-weight:500; /*@editable*/ line-height:100%; /*@editable*/ letter-spacing:normal; /*@editable*/ color: #7fb741; margin-top:0; margin-right:0; margin-bottom:10px; margin-left:0; /*@editable*/ text-align:left; } h6{ /*@editable*/ color:#333333 !important; display:block; /*@editable*/ font-size:16px; /*@editable*/ font-style:normal; /*@editable*/ font-weight:500; /*@editable*/ line-height:100%; /*@editable*/ letter-spacing:normal; margin-top:0; margin-right:0; margin-bottom:10px; margin-left:0; /*@editable*/ text-align:left; } /* ========== Header Styles ========== */ #templateHeader{ /*@editable*/ /* background-color:#F4F4F4; */ /*@editable*/ /* border-top:1px solid #FFFFFF; */ /*@editable*/ /* border-bottom:1px solid #CCCCCC; */ } .headerContent{ font-family:'Alegreya Sans', Arial, 'sans serif'; /*@editable*/ color:#333333; /*@editable*/ font-size:16px; /*@editable*/ line-height:100%; /*@editable*/ padding-top:0; /*@editable*/ padding-right:0; /*@editable*/ padding-bottom:0; /*@editable*/ padding-left:0; /*@editable*/ text-align:left; /*@editable*/ vertical-align:middle; } .headerContent a:link, .headerContent a:visited, /* Yahoo! Mail Override */ .headerContent a .yshortcuts /* Yahoo! Mail Override */{ /*@editable*/ color:#7fb741; /*@editable*/ font-weight:normal; /*@editable*/ text-decoration:underline; } #headerImage{ height:auto; max-width:800px; } /* ========== Body Styles ========== */ #templateBody{ /*@editable*/ background-color:#FFFFFF; } .bodyContent{ font-family:'Alegreya Sans', Arial, 'sans serif'; /*@editable*/ color:#333333; /*@editable*/ font-size:16px; /*@editable*/ line-height:150%; padding-top:0; padding-right:20px; padding-bottom:30px; padding-left:20px; /*@editable*/ text-align:left; } .bodyContent a:link, .bodyContent a:visited, /* Yahoo! Mail Override */ .bodyContent a .yshortcuts /* Yahoo! Mail Override */{ /*@editable*/ color:#7fb741; /*@editable*/ font-weight:normal; /*@editable*/ text-decoration:underline; } .bodyContent img{ display:block; height:auto; max-width:760px; margin-bottom:10px; } /* ========== Footer Styles ========== */ #templateFooter{ /*@editable*/ /* background-color:#F4F4F4; */ /*@editable*/ /* border-top:1px solid #FFFFFF; */ } .footerContent{ /* font-family:'Alegreya Sans', Arial, 'sans serif'; */ /*@editable*/ color:#666666; /*@editable*/ font-size:16px; /*@editable*/ line-height:150%; padding-top:20px; padding-right:0px; padding-bottom:20px; padding-left:0px; /*@editable*/ text-align:center; } .footerContent a:link, .footerContent a:visited, /* Yahoo! Mail Override */ .footerContent a .yshortcuts, .footerContent a span /* Yahoo! Mail Override */{ /*@editable*/ color:#333333; /*@editable*/ font-weight:normal; /*@editable*/ text-decoration:underline; } /* ///////// MOBILE STYLES ///////// */ @media only screen and (max-width: 880px){ /* @media only screen and (max-width: 480px) {*/ /* /////// CLIENT-SPECIFIC MOBILE STYLES /////// */ body, table, td, p, a, li, blockquote{-webkit-text-size-adjust:none !important;} /* Prevent Webkit platforms from changing default text sizes */ body{width:100% !important; min-width:100% !important;} /* Prevent iOS Mail from adding padding to the body */ /* /////// MOBILE RESET STYLES /////// */ #bodyCell{padding:0 !important;} /* /////// MOBILE TEMPLATE STYLES /////// */ /* ======== Page Styles ======== */ #templateContainer{ max-width:800px !important; /*@editable*/ width:100% !important; } /* ======== Header Styles ======== */ #templatePreheader{display:none !important;} /* Hide the template preheader to save space */ #headerImage{ height:auto !important; /*@editable*/ max-width:800px !important; /*@editable*/ width:100% !important; } .headerContent{} /* ======== Body Styles ======== */ .bodyContent{ /*@editable*/ /* font-size:18px !important; */ /*@editable*/ /* line-height:125% !important; */ } /* ======== Footer Styles ======== */ .footerContent{} .footerContent a{display:block !important;} /* Place footer social and utility links on their own lines, for easier access */ }
|