/*
DOCUMENTATION BRANDING - BRANDING TEMPLATE
----------------------------------------------------------------------
This stylesheet allows you to customize the style and images displayed in the gateway documentation.
To brand your logo, colors and fonts, modify the style parameters listed below.
Then upload the new branding bundle using Merchant Manager.

NOTE:
- IF YOU CHANGE THE STYLE YOU MUST REVIEW THE EFFECT OF YOUR STYLE CHANGES AT EACH PRODUCT RELEASE.
- AN INCOMPATIBLE STYLE MAY PREVENT YOU AND YOUR CUSTOMERS USING THE PRODUCT.
*/

/* General colors */
body {
    color: #333;
    background-color: #999999;
}

/* Link (and highlight) color */
a {
    text-decoration: none;
    color: #cf4500;
}

/* Content background color */
#ContainerMain {
    background-color: #ffffff;
}

/* Header logo */
#Header2 {
    display: block;
    /* Put your header logo filename here and add the file to the branding bundle */
    background: url("logo.png") no-repeat left center;
    /* Set to the pixel height of your logo */
    height: 80px;
}

/* API Reference Landing Page Banner color */
#api-ref-img .brand-color {
    /* Set your brand color for the banner */
    fill: #FF5500;
}

/* Secondary font for API Reference */
.font-family-secondary {
    /* default: MarkForMCNrw, set your brand font */
    font-family: MarkForMCNrw, -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif;
}

/* Footer logo */
#Footer2 {
    display: block;
    /* Put your footer logo filename here and add the file to the branding bundle */
    background: url("footer.png") no-repeat right center;
    /* Set to the pixel height of your logo */
    height: 50px;
}

/* Footer text */
#Footer2 p {
    color: #333333;
    line-height: 1rem;
    margin: 0 0 1rem;
}


/* START CUSTOM BRAND CSS */

/*
DOCUMENTATION BRANDING - BRANDING TEMPLATE
----------------------------------------------------------------------
This stylesheet allows you to customize the style and images displayed in the gateway documentation.
To brand your logo, colors and fonts, modify the style parameters listed below.
Then upload the new branding bundle using Merchant Manager.

NOTE:
- IF YOU CHANGE THE STYLE YOU MUST REVIEW THE EFFECT OF YOUR STYLE CHANGES AT EACH PRODUCT RELEASE.
- AN INCOMPATIBLE STYLE MAY PREVENT YOU AND YOUR CUSTOMERS USING THE PRODUCT.
*/

/* General colors */
body {
    color: #333;
    background-color: #999999;
}

/* Link (and highlight) color */
a {
    text-decoration: none;
    color: #cf4500;
}

/* Content background color */
#ContainerMain {
    background-color: #ffffff;
}

/* Header logo */
#Header2 {
    display: block;
    /* Put your header logo filename here and add the file to the branding bundle */
    background: url("logo.png") no-repeat left center;
    /* Set to the pixel height of your logo */
    height: 80px;
}

/* API Reference Landing Page Banner color */
#api-ref-img .brand-color {
    /* Set your brand color for the banner */
    fill: #FF5500;
}

/* Secondary font for API Reference */
.font-family-secondary {
    /* default: MarkForMCNrw, set your brand font */
    font-family: MarkForMCNrw, -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif;
}

/* Footer logo */
#Footer2 {
    display: block;
    /* Put your footer logo filename here and add the file to the branding bundle */
    background: url("footer.png") no-repeat right center;
    /* Set to the pixel height of your logo */
    height: 50px;
}

/* Footer text */
#Footer2 p {
    color: #333333;
    line-height: 1rem;
    margin: 0 0 1rem;
}