/*!
 * Project:   SALESFORCE (print)
 * Date:      2014/01/14
/* ---------------------------------------- */

* { margin: 0; padding: 0; }

html { font-size: 100.01%; }
body { background: #fff; font-size: 62.5%; }

body, textarea, input, select, option, button { color: black; font-family: Calibri,Lucida Grande,Helvetica Neue,Helvetica,Arial,sans-serif; line-height: 1.5; }
li, dt, dd, p, figure, th, td, caption, pre { font-size: 1.5em; } /*---*/ li *, li p, li li, dt *, dd *, p *, figure *, th *, td * { font-size: 1em; }
div, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, ul, ol, dl, p, table, pre, h1, h2, h3, h4, h5, h6 { display: block; margin: 0 0 15px; } :last-child { margin-bottom: 0 !important; } .last-child { margin-bottom: 0 !important; }

/*! layout -------- */

.root-a {  }
 .root-a > header { margin: 0 0 15px; padding: 0 0 15px; border-bottom: 1px solid #ccc; }
  .root-a > header .logo { font: bold 2.4em Cambria,Georgia,serif;  }
   .root-a > header .logo a { color: #000; text-decoration: none; }
    .root-a > header .logo a img { display: block; }
  .root-a > header .skips, .root-a > header .skips ul { display: none; }
  .root-a > header .nav { display: none; }
 .root-a > section { }
  .root-a > section a:after { content: " (" attr(href) ")"; color: #555; font-size: 0.8em; font-style: italic; }
  .root-a > section a[href^="#"]:after { content: ""; } 
 .root-a > footer { margin: 15px 0 0; padding: 15px 0 0; border-top: 1px solid #ccc; }
  .root-a > footer nav, .root-a > footer ul, .root-a > footer p.contact, .root-a > footer p.terms { display: none; }
  .root-a > footer p { margin: 0 0 5px; font-size: 12px; }

/*! containers ---- */

aside, nav,
.nav-toggler,
.button-a,
.connect-c,
.cta-a, .cta-b,
.facebook-a,
.flickr-a,
p.more,
a.more-a,
.phone-a,
.share-a, .share-b, .share-c,
.showcase-a,
.sidenav,
.testimonials-a, .testimonials-b,
.twitter-a,
.utils-a,
.video-a { display: none; }

 .entry-a .content { }
 .entry-a .content:after { display: block; overflow: hidden; clear: both; content: ""; width: 100%; height: 0; }
  .entry-a .content figure { float: left; max-width: 300px; margin: 0 25px 10px 0; }
   .entry-a .content figure img { display: block; width: 100%; height: auto; max-width: 300px; margin: 0; }
  .entry-a .content h2, .entry-a .content h3, .entry-a .content h4 { margin: 30px 0 20px; clear: both; }
  .entry-a .content h2:first-child, .entry-a .content h3:first-child, .entry-a .content h4:first-child { margin-top: 0; }

.events-a { margin: 0 -2% 30px; font-size: 0; }
 .events-a .item { display: inline-block; width: 46%; margin: 15px 0 0; padding: 0 2%; font-size: 14px; vertical-align: top; }
 .events-a .item.featured { width: 96%; }
  .events-a .item img { display: block; width: 100%; height: auto; margin: 0; }

.featured-a, .featured-b {  }
.featured-a .items, .featured-b .items { list-style: none; display: table; table-layout: fixed; min-width: 100%; margin: 0 -10px; padding: 0; }
 .featured-a .items .item, .featured-b .items .item { display: table-cell; padding: 5px; }
 .featured-a .items li, .featured-b .items li { display: table-cell; padding: 0 10px; font-size: 12px; vertical-align: top; }
  .featured-a .items li img, .featured-b .items li img { display: block; width: 100%; height: auto; margin: 0; }

.mission-a { }
   .mission-a .numbers ul li > span:first-child { display: none; }
 .mission-a > figure { display: none; }

ul.partners-a, .partners-a ul, ul.sponsors-a, .sponsors-a ul { list-style: none; margin: -10px -10px 15px; padding: 0; font-size: 0; }
 .partners-a li, .sponsors-a li { display: inline-block; margin: 10px; vertical-align: middle; }
  .partners-a li img, .sponsors-a li img { display: block; margin: 0; }

.stories-a { margin: 0 -1% 30px; font-size: 0; }
 .stories-a .item { display: inline-block; width: 23%; margin: 15px 0 0; padding: 0 1%; font-size: 10px; vertical-align: top; }
  .stories-a .item img { display: block; width: 100%; height: auto; margin: 0; }

.teaser-a { }
.teaser-a:after { display: block; overflow: hidden; clear: both; content: ""; width: 100%; height: 0; }
 .teaser-a figure { float: left; width: 40%; margin: 0; }
  .teaser-a figure img { width: 100%; height: auto; margin: 0; }
 .teaser-a figure ~ * { margin-left: 43% !important; }

.teaser-b { }
.teaser-b:after { display: block; overflow: hidden; clear: both; content: ""; width: 100%; height: 0; }
 .teaser-b figure { float: left; width: 37%; margin: 0; padding-right: 20px; }
 .teaser-b figure ~ * { margin-left: 37% !important; }

.teaser-c { }
.teaser-c:after { display: block; overflow: hidden; clear: both; content: ""; width: 100%; height: 0; }
 .teaser-c figure { float: left; width: 37%; margin: 0; padding-right: 20px; }
 .teaser-c figure ~ * { margin-left: 37% !important; }

.teaser-d { }
 .teaser-d figure { }
  .teaser-d figure img { width: 100%; height: auto; margin: 0; border: 5px solid #fff; }

/*! helpers ------- */

.offset { display: none; }

/*! defaults ------ */

form { display: none; }
 button { overflow: visible; padding: 0 10px; }

table { display: table; border-collapse: collapse; border-spacing: 0; }
 table th, table td { padding: 5px 10px; border: 1px solid #ccc; }

h1, h2, h3, h4, h5, h6 { margin: 20px 0 5px; color: #000; font-family: Cambria,Georgia,serif; line-height: 1.1; }
h1 { margin-top: 0; font-size: 2.4em; }
h2 { font-size: 2.0em; }
h3 { font-size: 1.8em; }
h4 { font-size: 1.6em; }
h5 { font-size: 1.5em; text-transform: uppercase; }
h6 { font-size: 1.4em; text-transform: uppercase; }

ul, ol, dd, blockquote { padding-left: 30px; }
 ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; }

a { color: #09f; text-decoration: underline; }

img { max-width: 100% !important; height: auto !important; border-width: 0; image-rendering: optimizeQuality; -ms-interpolation-mode: bicubic; }

pre { font-family: Consolas,Monaco,Courier New,monospace; white-space: pre-wrap; }

hr, div.hr { overflow: hidden; width: 100%; height: 1px; margin: 15px 0; border: none; border-top: 1px solid #eee; background: none; font-size: 0; } div.hr * { display: none; }