.ReadMsgBody { width: 100%; } .ExternalClass { width: 100%; } .ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div { line-height: 100%; } body { -webkit-text-size-adjust: none; -ms-text-size-adjust: none; margin: 0 auto !important; padding: 0; min-width: 100% !important; } td { mso-line-height-rule: exactly; mso-table-lspace: 0pt; mso-table-rspace: 0pt; } img { margin: 0 !important; } /* Forces Outlook to honor line-height */ div, p, a, li, td, span { -webkit-text-size-adjust: none; } /* Hides preheader on Outlook */ .set_outlook_hidden { display: none !important; } /* Overrides blue links */ a[href^=tel], #MessageViewBody a, a[x-apple-data-detectors], #body a, .link { color: inherit; text-decoration: none; font-size: inherit; font-family: inherit; font-weight: inherit; line-height: inherit; } /* Wraps bullet proof button */ a.button { border-left: 0px !important; border-right: 0px !important; display: block !important; width: 100% !important; } [data-outlook-cycle] [x-apple-data-detectors-type="calendar-event"] { color: inherit !important; -webkit-text-decoration-color: inherit !important; text-decoration: none !important; } /*Stops Outlook iOS blue dates*/ #body [x-apple-data-detectors=true], a[x-apple-data-detectors=true] { color: inherit !important; -webkit-text-decoration-color: inherit !important; text-decoration: inherit !important; } /* Default superscript code */ sup { -webkit-text-size-adjust: none; vertical-align: text-top .6em; line-height: .6em; font-size: 60%; } /* Default subscript code */ sub { -webkit-text-size-adjust: none; vertical-align: text-bottom .9em; line-height: .9em; font-size: 60%; } .yshortcuts a { border-bottom: none !important; } /* Renders TH on yahoo */ .undoreset th { padding: 1px !important; } /* Extra classes */ .nowrap { white-space: nowrap !important; } strong { font-weight: bold; } em { font-style: italic; } /* STYLES FOR ROUNDED BORDER BUTTONS */ @media screen and (max-device-width: 600px), screen and (max-width: 600px) { .wrapto100pc { width: 100% !important; height: auto !important; } .nomob_rounded { display: none !important; width: 0px !important; height: 0px !important; } } u + #body a { color: inherit; text-decoration: none; font-size: inherit; font-family: inherit; font-weight: inherit; line-height: inherit; } u + #body .nomob_rounded { display: none!important; width: 0px!important; height: 0px!important; } u + #body .gmailbutton { width: 100% !important; } /* STYLES FOR RESPONSIVE */ @media only screen and (max-width: 480px) { /* SHOW ON RESPONSIVE */ .mobile_show { display: block !important; width: auto !important; overflow: visible !important; float: none !important; max-height: none !important; line-height: normal !important; height: auto !important; } /* HIDE ON RESPONSIVE */ .nomob, .hide { display: none !important; } /* RESPONSIVE BACKGROUND IMAGE */ .bgAdjust { background-position: top center; } .hide_bgimage { background-image: none !important; height: auto !important; width: 100% !important; } /* ALIGNS OBJECTS ON RESPONSIVE */ .center { text-align: center !important; } .left { text-align: left !important; } .right { text-align: right !important; } /* ALIGN BLOCK ELEMENTS ON RESPONSIVE */ .margin0 { margin: 0 auto !important; } .margin-left { margin-right: auto; margin-left: 0; } .margin-right { margin-right: 0; margin-left: auto; } /* WRAP & RESIZE ON RESPONSIVE */ .wrap { width: 100% !important; height: auto !important; min-width: 100% !important; } .wrap-existing-content { height: auto !important; display: block; } .resize280 { width: 280px !important; height: auto !important; } /* SPLIT COLUMNS ON RESPONSIVE */ .colsplit { width: 100% !important; float: inherit !important; display: block !important; background-position: top center !important; } /* STACK IMAGE TOP OR BOTTOM ON RESPONSIVE */ th.topstack { display: table-header-group !important; } th.botstack { display: table-footer-group !important; } /* Inlines objects on responsive */ .inline { display: inline-block !important; } /* RESPONSIVE PADDING STYLES - 0 or 20 */ .pad0 { padding: 0px !important; } .pad0t { padding-top: 0px !important; } .pad0r { padding-right: 0px !important; } .pad0b { padding-bottom: 0px !important; } .pad0l { padding-left: 0px !important; } .pad0rl { padding-right: 0px !important; padding-left: 0px !important; } .pad0tb { padding-top: 0px !important; padding-bottom: 0px !important; } .pad20 { padding: 20px !important; } .pad20t { padding-top: 20px !important; } .pad20r { padding-right: 20px !important; } .pad20b { padding-bottom: 20px !important; } .pad20l { padding-left: 20px !important; } .pad20rl { padding-right: 20px !important; padding-left: 20px !important; } .pad20tb { padding-top: 20px !important; padding-bottom: 20px !important; } } /* REMOVES RIGHT GUTTER IN GMAIL IOS APP */ @media only screen and (min-device-width: 320px) and (max-device-width: 374px) { /* iPhone 5 and 5S */ .email-container { min-width: 320px !important; } } @media only screen and (min-device-width: 375px) and (max-device-width: 413px) { /* iPhone 6 and 6+ */ .email-container { min-width: 375px !important; } } /* STYLES FOR RESPONSIVE FONT SIZES */ /* MCK-013: Script Mark + Share */ @media only screen and (max-width: 480px) { .pad12b { padding-bottom: 12px !important; } .inn_share { transition: all 1.0s ease-in-out 0s; -webkit-transition: all 1.0s ease-in-out 0s; -o-transition: all 1.0s ease-in-out 0s; margin-top: -220px; padding: 0px 0px !important; overflow: hidden !important; } #em_drop_share:checked + .inn_share { margin-top: 0%; } .hamburmenu_share { position: relative !important; width: 100% !important; padding: 0px !important; right: 0px !important; top: 0px !important; overflow: hidden !important; transition: all 1.0s ease-in-out 0s; -webkit-transition: all 1.0s ease-in-out 0s; -o-transition: all 1.0s ease-in-out 0s; height: auto !important; } #mobile-label_share { background-color: #ffffff; cursor: pointer; display: block !important; float: inherit; padding: 12px 0px; -webkit-tap-highlight-color: transparent; width: auto; margin: 0 auto !important; } } /* MCK-008: Footer | Logo + Social Icons */ @media only screen and (max-width: 480px) { .pad15l { padding-left: 15px !important; } .pad16b { padding-bottom: 16px !important; } } @media only screen and (max-width: 480px) { td .mobile_h1, td .mobile_h1 span { font-size: 36px !important; line-height: 120% !important; } td .mobile_h2, td .mobile_h2 span { font-size: 24px !important; line-height: 120% !important; } td .mobile_h3, td .mobile_h3 span { font-size: 24px !important; line-height: 120% !important; } td .mobile_h4, td .mobile_h4 span { font-size: 20px !important; line-height: 120% !important; } td .mobile_p1, td .mobile_p1 span { font-size: 16px !important; line-height: 150% !important; } td .mobile_p2, td .mobile_p2 span { font-size: 14px !important; line-height: 150% !important; } td .mobile_p3, td .mobile_p3 span { font-size: 12px !important; line-height: 150% !important; } td .mobile_cta, td .mobile_cta span { font-size: 16px !important; line-height: 150% !important; } } @media only screen and (max-width:480px) { [data-personalization_mapping] { position: relative; } [data-personalization_mapping] .personalization-placeholder-value, [data-personalization_mapping] .personalization-placeholder-value * { color: inherit; font-weight: inherit; background-color: rgba(56, 240, 115, 0.14902); } [data-personalization_mapping] .personalization-script-value, [data-personalization_mapping] .personalization-styling-el { display: none; } [data-personalization_mapping] .personalization-tooltip-el { display: none; width: max-content; position: absolute; left: 10%; top: 100%; z-index: 10000; padding: 8px; background: #fff; border-radius: 2px; box-shadow: 0 1px 8px 0 rgba(122, 133, 148, 0.3); } [data-personalization_mapping] .personalization-tooltip-el .personalization-tooltip-el-row { font-size: 12px; display: block; padding-bottom: 8px; clear: both; line-height: 18px; } [data-personalization_mapping] .personalization-tooltip-el .personalization-tooltip-el-row .personalization-tooltip-label { color: #7a8594; display: inline; float: left; font-size: 12px !important; line-height: 18px !important; } [data-personalization_mapping] .personalization-tooltip-el .personalization-tooltip-el-row .personalization-tooltip-friendly-name, [data-personalization_mapping] .personalization-tooltip-el .personalization-tooltip-el-row .personalization-tooltip-default-value { font-weight: 600; color: #333; display: inline; float: left; font-size: 12px !important; line-height: 18px !important; } [data-personalization_mapping]:hover .personalization-tooltip-el { display: inherit; } }
Four new insights ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌   ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌   ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌   ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌   ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌   ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌   ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌   ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌   ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌