=0A =20 =20 .txt-color:hover { color: #000000 !important; } .fade-slow{ transition: 0.3s !important; }=20 .fade-slow:hover{ transition: 0.3s !important; opacity: 0.5 !important;} .bg-rollover:hover { background-color: #324b81 !important; } .bg-rollover2:hover { background-color: #2EBAA7 !important; } body { margin: 0; padding: 0; width: 100% !important; -webkit-text-size-a= djust: 100%; -ms-text-size-adjust: 100%; }=20 img { max-width: 100%; outline: none; text-decoration: none; -ms-interpol= ation-mode: bicubic; display: block !important; border: none; } [class=3Dimg] { max-width: 100%; outline: none; text-decoration: none; -m= s-interpolation-mode: bicubic; display: block !important; border: none; } .imginline { display: inline !important; } #backgroundTable { margin: 0; padding: 0 0 20px; width: 100% !important; = line-height: 100%; } @media screen and (max-width: 600px), screen and (max-device-width: 600px= ) { [class=3Dflex] { width: 96% !important; } [class=3Dheading] { font-size: 23px !important; } [class=3Dempty] { height: 0px !important; } } =20 @media screen and (max-width: 600px), screen and (max-device-width: 480px= ) { [class=3Ddblock] { display: block !important; width: 100% !important; m= ax-width: 100%; max-height: none !important; } [class=3Ddinline] { display: inline !important; } [class=3Dflexsmall] { width: 94% !important; } } /*////// RESET STYLES //////*/ body, #bodyTable, #bodyCell{height:100% !important; margin:0; p= adding:0; width:100% !important;} table{border-collapse:collapse;} img, a img{border:0; outline:none; text-decoration:none;} =09p{margin: 1em 0;} =09=09=09/*////// CLIENT-SPECIFIC STYLES //////*/ =09=09=09.ReadMsgBody{width:100%;} .ExternalClass{width:100%;} /* Force Hot= mail/Outlook.com to display emails at full width. */ =09=09=09.ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalCl= ass font, .ExternalClass td, .ExternalClass div{line-height:100%;} /* Force= Hotmail/Outlook.com to display line heights normally. */ =09=09=09table, td{mso-table-lspace:0pt; mso-table-rspace:0pt;} /* Remove s= pacing between tables in Outlook 2007 and up. */ =09=09=09#outlook a{padding:0;} /* Force Outlook 2007 and up to provide a “= view in browser” message. */ =09=09=09img{-ms-interpolation-mode: bicubic;} /* Force IE to smoothly rend= er resized images. */ =09=09=09body, table, td, p, a, li, blockquote{-ms-text-size-adjust:100%; -= webkit-text-size-adjust:100%;} /* Prevent Windows- and Webkit-based mobile = platforms from changing declared text sizes. */ =09=09=09/*////// FRAMEWORK STYLES //////*/ =09=09=09.flexibleContainerCell{padding-top:20px; padding-Right:20px; paddi= ng-Left:20px;} =09=09=09.flexibleImage{height:auto;} =09=09=09.bottomShim{padding-bottom:20px;} =09=09=09.imageContent, .imageContentLast{padding-bottom:20px;} =09=09=09.nestedContainerCell{padding-top:20px; padding-Right:20px; padding= -Left:20px;} =09=09=09/*////// GENERAL STYLES //////*/ =09=09=09body, #bodyTable{background-color:#F5F5F5;} =09=09=09#bodyCell{padding-top:40px; padding-bottom:40px;} =09=09=09#emailBody{background-color:#FFFFFF; border:0px solid #DDDDDD; bor= der-collapse:separate; border-radius:0px;} =09=09=09 =09=09=09 =09=09=09/*////// MOBILE STYLES //////*/ =09=09=09@media only screen and (max-width: 600px){=09=09=09 =09=09=09=09/*////// CLIENT-SPECIFIC STYLES //////*/ =09=09=09=09body{width:100% !important; min-width:100% !important;} /* Forc= e iOS Mail to render the email at full width. */ =09=09=09=09/*////// FRAMEWORK STYLES //////*/ =09=09=09=09/* =09=09=09=09=09CSS selectors are written in attribute =09=09=09=09=09selector format to prevent Yahoo Mail =09=09=09=09=09from rendering media query styles on =09=09=09=09=09desktop. =09=09=09=09*/ =09=09=09=09table[id=3D”emailBody”], table[class=3D”flexibleContainer”]{wid= th:100% !important;} =09=09=09=09/* =09=09=09=09=09The following style rule makes any =09=09=09=09=09image classed with ‘flexibleImage’ =09=09=09=09=09fluid when the query activates. =09=09=09=09=09Make sure you add an inline max-width =09=09=09=09=09to those images to prevent them =09=09=09=09=09from blowing out.=20 =09=09=09=09*/ =09=09=09=09img[class=3D”flexibleImage”]{height:auto !important; width:100%= !important;} =09=09=09=09/* =09=09=09=09=09Make buttons in the email span the =09=09=09=09=09full width of their container, allowing =09=09=09=09=09for left- or right-handed ease of use. =09=09=09=09*/ =09=09=09=09table[class=3D”emailButton”]{width:100% !important;} =09=09=09=09td[class=3D”buttonContent”]{padding:0 !important;} =09=09=09=09td[class=3D”buttonContent”] a{padding:15px !important;} =09=09=09=09td[class=3D”textContentLast”], td[class=3D”imageContentLast”]{p= adding-top:20px !important;} =09=09=09=09/*////// GENERAL STYLES //////*/ =09=09=09=09td[id=3D”bodyCell”]{padding-top:10px !important; padding-Right:= 10px !important; padding-Left:10px !important;} =09=09=09} /* /\/\/\/\/\/\/\/\/ CLIENT-SPECIFIC STYLES /\/\/\/\/\/\/\/\/ */ =09=09=09#outlook a{padding:0;} /* Force Outlook to provide a “view in brow= ser” message */ =09=09=09.ReadMsgBody{width:100%;} .ExternalClass{width:100%;} /* Force Hot= mail to display emails at full width */ =09=09=09.ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalCl= ass font, .ExternalClass td, .ExternalClass div {line-height: 100%;} /* For= ce Hotmail to display normal line spacing */ =09=09=09body, table, td, p, a, li, blockquote{-webkit-text-size-adjust:100= %; -ms-text-size-adjust:100%;}=20 =09=09=09table, td{mso-table-lspace:0pt; mso-table-rspace:0pt;}=20 =09=09=09img{-ms-interpolation-mode:bicubic;}=20 =09=09=09body{margin:0; padding:0;} =09=09=09img{border:0; height:auto; line-height:100%; outline:none; text-de= coration:none;} =09=09=09table{border-collapse:collapse !important;} =09=09=09body, #bodyTable, #bodyCell{height:100% !important; margin:0; padd= ing:0; width:100% !important;} =09=09=09#bodyCell{padding:20px;} =09=09=09#templateContainer{width:600px;} =09=09=09 =09=09=09#templateContainer{ =09=09=09=09/*@editable*/ border:1px solid #BBBBBB; =09=09=09} =09=09=09 =09=09=09 =09=09=09/* =3D=3D=3D=3D=3D=3D=3D=3D=3D=3D Column Styles =3D=3D=3D=3D=3D=3D= =3D=3D=3D=3D */ =09=09=09.templateColumnContainer{width:200px;} =09=09=09/** =09=09=09* @tab Columns =09=09=09* @section column style =09=09=09* @tip Set the background color and borders for your email’s colum= n area. =09=09=09*/ =09=09=09#templateColumns{ =09=09=09=09/*@editable*/ background-color:#FFFFFF; =09=09=09=09/*@editable*/ border-top:1px solid #FFFFFF; =09=09=09=09/*@editable*/ border-bottom:1px solid #CCCCCC; =09=09=09} =09=09=09/** =09=09=09* @tab Columns =09=09=09* @section left column text =09=09=09* @tip Set the styling for your email’s left column content text. = Choose a size and color that is easy to read. =09=09=09*/ =09=09=09.leftColumnContent{ =09=09=09=09/*@editable*/ font-size:14px; =09=09=09=09/*@editable*/ line-height:150%; =09=09=09=09padding-top:0; =09=09=09=09padding-right:20px; =09=09=09=09padding-bottom:10px; =09=09=09=09padding-left:20px; =09=09=09=09/*@editable*/ text-align:center; =09=09=09} =09=09=09/** =09=09=09* @tab Columns =09=09=09* @section left column link =09=09=09* @tip Set the styling for your email’s left column content links.= Choose a color that helps them stand out from your text. =09=09=09*/ =09=09=09 =09=09=09/** =09=09=09* @tab Columns =09=09=09* @section center column text =09=09=09* @tip Set the styling for your email’s center column content text= . Choose a size and color that is easy to read. =09=09=09*/ =09=09=09.centerColumnContent{ =09=09=09=09/*@editable*/ color:#505050; =09=09=09=09/*@editable*/ font-family:Helvetica; =09=09=09=09/*@editable*/ font-size:14px; =09=09=09=09/*@editable*/ line-height:150%; =09=09=09=09padding-top:0; =09=09=09=09padding-right:20px; =09=09=09=09padding-bottom:20px; =09=09=09=09padding-left:20px; =09=09=09=09/*@editable*/ text-align:left; =09=09=09} =09=09=09/** =09=09=09* @tab Columns =09=09=09* @section center column link =09=09=09* @tip Set the styling for your email’s center column content link= s. Choose a color that helps them stand out from your text. =09=09=09*/ =09=09=09 =09=09=09/** =09=09=09* @tab Columns =09=09=09* @section right column text =09=09=09* @tip Set the styling for your email’s right column content text.= Choose a size and color that is easy to read. =09=09=09*/ =09=09=09.rightColumnContent{ =09=09=09=09/*@editable*/ color:#505050; =09=09=09=09/*@editable*/ font-family:Helvetica; =09=09=09=09/*@editable*/ font-size:14px; =09=09=09=09/*@editable*/ line-height:150%; =09=09=09=09padding-top:0; =09=09=09=09padding-right:20px; =09=09=09=09padding-bottom:20px; =09=09=09=09padding-left:20px; =09=09=09=09/*@editable*/ text-align:left; =09=09=09} =09=09=09/** =09=09=09* @tab Columns =09=09=09* @section right column link =09=09=09* @tip Set the styling for your email’s right column content links= . Choose a color that helps them stand out from your text. =09=09=09*/ =09=09=09 =09=09=09.leftColumnContent img, .rightColumnContent img{ =09=09=09=09display:inline; =09=09=09=09height:auto; =09=09=09=09max-width:260px; =09=09=09} =09=09=09 @media only screen and (max-width: 600px){ =09=09=09=09/* /\/\/\/\/\/\/ CLIENT-SPECIFIC MOBILE STYLES /\/\/\/\/\/\/ */ =09=09=09=09body, table, td{-webkit-text-size-adjust:none !important;} /* P= revent Webkit platforms from changing default text sizes */ body{width:100% !important; min-width:100% !important;} /* = Prevent iOS Mail from adding padding to the body */ =09=09=09=09/* /\/\/\/\/\/\/ MOBILE RESET STYLES /\/\/\/\/\/\/ */ =09=09=09=09#bodyCell{padding:10px !important;} =09=09=09=09/* /\/\/\/\/\/\/ MOBILE TEMPLATE STYLES /\/\/\/\/\/\/ */ =09=09=09=09/* =3D=3D=3D=3D=3D=3D=3D=3D Page Styles =3D=3D=3D=3D=3D=3D=3D= =3D */ =09=09=09=09/** =09=09=09=09* @tab Mobile Styles =09=09=09=09* @section template width =09=09=09=09* @tip Make the template fluid for portrait or landscape view a= daptability. If a fluid layout doesn’t work for you, set the width to 300px= instead. =09=09=09=09*/ =09=09=09=09#templateContainer{ =09=09=09=09=09max-width:600px !important; =09=09=09=09=09/*@editable*/ width:100% !important; =09=09=09=09} =09=09=09=09/** =09=09=09=09* @tab Mobile Styles =09=09=09=09* @section heading 1 =09=09=09=09* @tip Make the first-level headings…