/**
* PayPal-Open Fonts
*/
/* Body text – font-weight:400 */
@font-face {
font-family: PayPal-Open;
font-style: normal;
font-weight: 400;
src: url(‘https://www.paypalobjects.com/digitalassets/c/system-triggered-email/n/layout/fonts/PayPalOpen/PayPalOpen-Regular.otf’) format(“opentype”);
/* IE9 Compat Modes */
src: url(‘https://www.paypalobjects.com/digitalassets/c/system-triggered-email/n/layout/fonts/PayPalOpen/PayPalOpen-Regular.woff2’) format(‘woff2’),
/*Moderner Browsers*/
url(‘https://www.paypalobjects.com/digitalassets/c/system-triggered-email/n/layout/fonts/PayPalOpen/PayPalOpen-Regular.woff’) format(‘woff’);
/* Modern Browsers */
/* Fallback font for – MS Outlook older versions (2007,13, 16)*/
mso-font-alt: ‘Calibri’;
}
/* Headline/Subheadline/Button text font-weight:500 */
@font-face {
font-family: PayPal-Open;
font-style: normal;
font-weight: 500;
src: url(‘https://www.paypalobjects.com/digitalassets/c/system-triggered-email/n/layout/fonts/PayPalOpen/PayPalOpen-Medium.otf’) format(“opentype”);
/* IE9 Compat Modes */
src: url(‘https://www.paypalobjects.com/digitalassets/c/system-triggered-email/n/layout/fonts/PayPalOpen/PayPalOpen-Medium.woff2’) format(‘woff2’),
/*Moderner Browsers*/
url(‘https://www.paypalobjects.com/digitalassets/c/system-triggered-email/n/layout/fonts/PayPalOpen/PayPalOpen-Medium.woff’) format(‘woff’);
/* Modern Browsers */
/* Fallback font for – MS Outlook older versions (2007,13, 16)*/
mso-font-alt: ‘Calibri’;
}
/* Bold text – , Bold equals to font-weight:700 */
@font-face {
font-family: PayPal-Open;
font-style: normal;
font-weight: 700;
src: url(‘https://www.paypalobjects.com/digitalassets/c/system-triggered-email/n/layout/fonts/PayPalOpen/PayPalOpen-Bold.otf’) format(“opentype”);
/* IE9 Compat Modes */
src: url(‘https://www.paypalobjects.com/digitalassets/c/system-triggered-email/n/layout/fonts/PayPalOpen/PayPalOpen-Bold.woff2’) format(‘woff2’),
/*Moderner Browsers*/
url(‘https://www.paypalobjects.com/digitalassets/c/system-triggered-email/n/layout/fonts/PayPalOpen/PayPalOpen-Bold.woff’) format(‘woff’);
/* Modern Browsers */
/* Fallback font for – MS Outlook older versions (2007,13, 16)*/
mso-font-alt: ‘Calibri’;
}
/* End – PayPal-Open Fonts */
/**
* VX-LIB Styles
* Import only the styles required for Email templates.
*/
@charset “UTF-8″;
html {
box-sizing: border-box;
}
*,
*:before,
*:after {
box-sizing: inherit;
}
/* Setting these elements to height of 100% ensures that
* .vx_foreground-container fully covers the whole viewport
*/
html,
body {
height: 100%;
}
body {
font-size: 14px !important;
font-family: PayPal-Open, ‘Helvetica Neue’, Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-smoothing: antialiased;
}
a,
a:visited {
color: #0070E0;
text-decoration: none;
font-weight: 500;
font-family: PayPal-Open, ‘Helvetica Neue’, Helvetica, Arial, sans-serif;
}
a:active,
a:focus,
a:hover {
color: #003087;
text-decoration: underline;
}
p,
li,
dd,
dt,
label,
input,
textarea,
pre,
code,
table {
font-size: 14px;
line-height: 1.6;
font-weight: 400;
text-transform: none;
font-family: PayPal-Open, ‘Helvetica Neue’, Helvetica, Arial, sans-serif;
color: #001435;
}
.vx_legal-text {
font-size: 0.8125rem;
line-height: 1.38461538;
font-weight: 400;
text-transform: none;
font-family: PayPal-Open, ‘Helvetica Neue’, Helvetica, Arial, sans-serif;
color: #6c7378;
}
/* End – VX-LIB Styles */
/**
* Styles from Neptune
*/
/* prevent iOS font upsizing */
* {
-webkit-text-size-adjust: none;
}
/* force Outlook.com to honor line-height */
.ExternalClass * {
line-height: 100%;
}
td {
mso-line-height-rule: exactly;
}
/* prevent iOS auto-linking */
/* Android margin fix */
body {
margin: 0;
padding: 0;
}
div[style*=”margin: 16px 0”] {
margin: 0 !important;
}
/** Prevent Outlook Purple Links **/
.greyLink a:link {
color: #949595;
}
/* prevent iOS auto-linking */
.applefix a {
/* use on a span around the text */
color: inherit;
text-decoration: none;
}
.ppsans {
font-family: PayPal-Open, ‘Helvetica Neue’, Helvetica, Arial, sans-serif !important;
}
/* use to make image scale to 100 percent */
.mpidiv img {
width: 100%;
height: auto;
min-width: 100%;
max-width: 100%;
}
.stackTbl {
width: 100%;
display: table;
}
/* Responsive CSS */
@media screen and (max-width: 640px) {
/*** Image Width Styles ***/
.imgWidth {
width: 20px !important;
}
}
@media screen and (max-width: 480px) {
/*** Image Width Styles ***/
.imgWidth {
width: 10px !important;
}
}
/* End – Responsive CSS */
/* Fix for Neptune partner logo */
.partner_image {
max-width: 250px;
max-height: 90px;
display: block;
}
/* End – Styles from Neptune */
/**
* Styles – overrides for PayPal rebranding
*/
html,
body {
background: #FAF8F5;
color: #001435;
font-size: 14px;
line-height: 1.6;
}
.footerDivider {
margin: 0px 35px;
}
/* Button */
td.paypal-button-primary:hover {
/*Setting border to td would increase the buttton size on hover */
background-color: #0070E0 !important;
}
a.paypal-button-primary:hover {
background-color: #0070E0 !important;
border: 2px solid #0070E0 !important;
}
a.paypal-button-secondary:hover {
border: 2px solid #0070E0 !important;
color: #0070E0 !important;
}
a.paypal-button-branded:hover {
background-color: #FFE888 !important;
border: 2px solid #FFE888 !important;
}
/**
* Styles for Dark mode
*/
@media (prefers-color-scheme: dark) {
/* Wrap entire logo with border */
.footerDivider {
margin-left: 0px
}
}
|
|||||||||||||||||||||||||||||||||||||||||||||||||||||||
