body .red-primary-bg {clear:both;}

main > * {margin-top: 30px;}
main header {margin-top: 0px;}

/* .whitepaper */
main.whitepaper > nav {margin-top: 0px;}

/* global */
.red {color: #cc0000;}
span.highlight {color: #cc0000; text-transform: uppercase; font-family: 'prelo-bold';}
.top h1, .top h2, .top h3 {margin-top: 0px;}
.call_out {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 10px; border: 1px solid #999999; color: #cc0000; margin: 30px 0px;}
.emphasize {text-transform: uppercase; color: #cc0000; font-family: 'prelo-bold';}
.float_right {float: right;}
main li {margin-bottom: 10px;}

main > header h1, main article.primary header h1 {font-size: 50px; font-family: 'Prelo-Medium';}
    main article.primary aside header h1 {font-size: 35px;}
    .whitepaper article.primary aside h1 {text-transform: uppercase;}
main > header h2 {font-size: 20px; font-family: 'Prelo-Medium'; text-transform: uppercase;}
header h2 {margin-top: 0;}
header .col-md-4 img {max-width: 60%; margin: 0 auto;}
.datasheet .breadcrumb {padding-left: 0px;}

article h1 {background-color: #cc0000; color:#fff; font-size: 20px; font-family: 'Prelo-Bold'; text-transform: uppercase; padding: 5px 20px 3px 10px; display: inline-block;}
.whitepaper article.primary h1 {margin-top: -5px; background-color: inherit; color: inherit; padding: inherit; padding-left: 0px; text-transform: inherit;}
    /* h1 for articles where that article is the only article on the page */
article h2 {font-family: 'prelo-bold'; font-size: 20px; color: #cc0000; text-transform: uppercase;}
article h2.special {color:inherit; font-family: 'prelo-light'; font-size: 45px;}
article h3 {font-family: 'prelo-bold'; font-size: 16px; color: #cc0000; text-transform: uppercase;}
aside h1, #challenges p.header {/*border-bottom: inherit; */ background-color:inherit; color: inherit; font-family: 'prelo-light'; font-size: 34px; padding: 0px; box-shadow: none;}
article ol {counter-reset:li; /* Initiate a counter */ margin-left:0; /* Remove the default left margin */ padding-left:0; /* Remove the default left padding */}
article ol > li {position:relative; /* Create a positioning context */ margin:0 0 6px 2em; /* Give each list item a left margin to make room for the numbers */ padding:4px 8px; /* Add some spacing around the content */ list-style:none; /* Disable the normal item numbering */}
article ol > li:before {
    content:counter(li);
    /* Use the counter as content */
    counter-increment:li;
    /* Increment the counter by 1 */
    /* Position and style the number */
    position:absolute;
    left:-2em;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    width:1.5em;
    /* Some space between the number and the content in browsers that support
       generated content but not positioning it (Camino 2 is one example) */
    margin-right:8px;
    padding:2px;
    color:#fff;
    background:#cc0000;
    font-weight:bold;
    font-family:"Helvetica Neue", Arial, sans-serif;
    text-align:center;
    border-radius: 260px;
    font-size: 12px;
    line-height: 1;
}
article li ol, article li ul {margin-top:6px;}
article ol ol li:last-child {margin-bottom:0;}

/* section specific */
article span.number {color:#cc0000; font-size: 40px; font-family: 'prelo-bold'; line-height: 1;}
.highlight span + span {font-family: 'prelo-light'; font-size: 20px;}
/*#situation aside span.color {cite:#cc0000; font-size: 40px; font-family: 'prelo-bold';}*/ /* unused I believe */
#challenges p.header {line-height: 1;}
#solution div.col-md-4 aside:first-child h1 {margin-top: 0px;}
#solution div.col-md-6 img {margin: 0 auto;}
#partners img {display: block;}
#benefits dt {display: inline;}
#benefits dd {display: inline-block;}

/* footer, inside main */
div.red-primary-bg {margin-top:30px;}
div.red-primary-bg h4 {text-transform: uppercase;}
form main footer p.cta {color: #cc0000; font-size: 30px; line-height: 1.3;}
main footer cite, main footer cite + p {font-size: 12px;}
main footer cite {display: block; margin-bottom: 5px;}
main footer cite sup {font-weight: bold;}

/* footer, global */
body > footer {margin-top: 70px;}

/* print css */
@media print {
    body {font-family: Georgia, serif; /*color: black;*/}
    div.header, ol.breadcrumb, footer, div.red-primary-bg, body > div.container, #backToTop, div.modal {display: none;}
    .hidden-print {display: none !important;}
    h1, h2, h3, h4 {font-family: 'prelo-medium';}
/*    h1, h2, h3 {margin-bottom: 0px;}
    main > header h1 {font-family: 'prelo-semibold'; margin: 0px;}
    main > header h2 {text-transform: none; font-size: 18px;}
    main > header + article {margin-top: 0px;}
    .entry a:after {content: " [" attr(href) "] ";} */
        /* prints the link on the page */
    /*article h1 {padding-left:0px; font-family: 'prelo-medium'}
    main article h2, main article h2.special {font-size: 22px;}
    main article h3 {font-size: 18px;}
    aside h1 {font-size: 24px;}*/
}