/* (c) Copyright 2014 The LIVESTRONG Foundation. ###################################### # # # # # Development Team # # # # # # # ###################################### User Interface Deigner: Wes Jones User Experience Designer: John Powell Front-End Web Developer: Kyle A. Carter Back-End Web Developer: Christina Cece Graphic Designer: Andrew Lopez Lead Designer: Meghan Webber Creative Director: Travis Rimel Web-Development Intern: Kenny Lim __ _____ _____ _____ _____ _____ _____ _____ _____ _____ ___ ___ ___ ___ | | | | | | __| __|_ _| __ | | | | __| |_ | |_ | | | | | |__|- -| | | __|__ | | | | -| | | | | | | | | _| | |_| |_|_ | |_____|_____|\___/|_____|_____| |_| |__|__|_____|_|___|_____| |___|___|_____| |_| */ /* Fonts ================================================== */ @font-face { font-family: 'Libel Suit'; src: url('fonts/typodermic_-_libelsuit-regular-webfont.eot'); src: url('fonts/typodermic_-_libelsuit-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/typodermic_-_libelsuit-regular-webfont.woff') format('woff'), url('fonts/typodermic_-_libelsuit-regular-webfont.ttf') format('truetype'), url('fonts/typodermic_-_libelsuit-regular-webfont.svg#libel_suitregular') format('svg'); font-weight: normal; font-style: normal; } @font-face{ font-family: 'FontAwesome'; src: url('fonts/fontawesome-webfont.eot'); src: url('fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/fontawesome-webfont.woff') format('woff'), url('fonts/fontawesome-webfont.ttf') format('truetype'), url('fonts/fontawesome-webfont.svg#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'CgGothicNo2Medium'; src: url('http://assets.livestrong.org/oblsk/stylesheets/fonts/cggothicno2-webfont.eot'); src: url('http://assets.livestrong.org/oblsk/stylesheets/fonts/cggothicno2-webfont.eot?#iefix') format('embedded-opentype'), url('http://assets.livestrong.org/oblsk/stylesheets/fonts/cggothicno2-webfont.woff') format('woff'), url('http://assets.livestrong.org/oblsk/stylesheets/fonts/cggothicno2-webfont.ttf') format('truetype'), url('http://assets.livestrong.org/oblsk/stylesheets/fonts/cggothicno2-webfont.svg#CgGothicNo2Medium') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'CgGothicNo3Medium'; src: url('http://assets.livestrong.org/oblsk/stylesheets/fonts/cggothicno3-webfont.eot'); src: url('http://assets.livestrong.org/oblsk/stylesheets/fonts/cggothicno3-webfont.eot?#iefix') format('embedded-opentype'), url('http://assets.livestrong.org/oblsk/stylesheets/fonts/cggothicno3-webfont.woff') format('woff'), url('http://assets.livestrong.org/oblsk/stylesheets/fonts/cggothicno3-webfont.ttf') format('truetype'), url('http://assets.livestrong.org/oblsk/stylesheets/fonts/cggothicno3-webfont.svg#CgGothicNo3Medium') format('svg'); font-weight: normal; font-style: normal; } /* Reset ================================================== */ /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, main, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /* General ================================================== */ body { margin: 0; padding: 0; width: auto; height: auto; color: #000; background: #000; counter-reset: section; font-family: helvetica, tahoma, 'trebuchet ms', arial, sans-serif; } h1, h2, h3, h4, li, p {color: #000;} #financials h2 {text-align: center;} #financials h3 {font-family: "CgGothicNo3Medium", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;} h3 {font-family: helvetica, tahoma, 'trebuchet ms', arial, sans-serif;} h4 {font-family: helvetica, tahoma, 'trebuchet ms', arial, sans-serif;} h2 + p.chapter__section--container__firstp {font: 400 normal 16px/24px 'Sentinel', 'Sentinel A', 'Sentinel B', times, georgia, serif;} h3 + p {margin-top: 10px;} .chapter__section--title {font-family: "Libel Suit", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; letter-spacing: 6px;} .chapter__section--title--inline {font-family: "CgGothicNo2Medium", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; letter-spacing: 6px;} .chapter__section--title--inline strong, #stillstrong .chapter__section--container__firstp--leadin {font-family: "CgGothicNo3Medium", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; letter-spacing: 6px;} p, li {font: 400 normal 16px/20px 'Sentinel', 'Sentinel A', 'Sentinel B', times, georgia, serif; text-align: left;} .note, .caption {position: absolute; bottom: 50px; font-style: italic; font-size: 12px; line-height: 18px;} a {text-decoration: none;} a, a:link, a:hover, a:active, a:visited {color: #000;} strong {font-weight: 700;} em {font-style: italic;} .orginzation strong {font-weight: 600; font-family: normal; font-family: 'Sentinel-SemiBold', 'Sentinel A', 'Sentinel B', times, georgia, serif;} .center {text-align: center; margin-left: auto; margin-right: auto;} .spacer {clear: both; height: 40px;} .br {display: block;} .comma-spacing {margin-left: -3px;} .cg {font-weight: 700; font-family: 'Gothic W00 No1', 'Century Gothic', 'Apple Gothic', AppleGothic, 'Futura', sans-serif; font-size: 0.5em;} .sup {display: inline-block; zoom: 1; vertical-align: 0.75em; font-size: 0.5em;} .sub {display: inline-block; zoom: 1; font-size: 0.5em;} .live {font-weight: 400;} .underline {text-decoration: underline;} .row, .columns {padding: 0;} .hide-for-medium-up, .show-for-stacked {display: none;} .learnmore {font-family: "CgGothicNo3Medium", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; font-size: 0.75em;} .not-stacked {display: block;} .stacked {display: none;} #canvas { background-color: transparent; min-width: 800px; width: 100%; max-width: 100%; margin: 0 auto; padding: 0; z-index: 50; overflow-x: hidden; } #logo { position: absolute; display: block; margin-top: 40px; height: 1px; width: 215px; z-index: 70; } #logo img {max-height: 60px;} #folio { position: fixed; display: block; height: 1px; z-index: 70; top: 125px; right: 65px; text-transform: uppercase; font-size: 12px; line-height: 12px; font-family: 'CgGothicNo2Medium', "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; letter-spacing: 6px; -webkit-transform: translate(281px, 281px) rotate(90deg); -moz-transform: translate(281px, 281px) rotate(90deg); -ms-transform: translate(281px, 281px) rotate(90deg); -o-transform: translate(281px, 281px) rotate(90deg); transform: translate(281px, 281px) rotate(90deg); } #folio strong {font-family: "CgGothicNo3Medium", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;} #sig {max-width: 200px; padding-top: 12px; padding-bottom: 6px;} #mobile-bg { display: none; position: fixed; top: 0; left: 0; } .bgwidth {width: 100%;} .bgheight {height: 100%;} #canvas table { background-color: transparent; min-width: 90%; width: 100%; max-width: 100%; } #preloader {width: 0; height: 0; position: relative; top: 0; left: 0; z-index: -1;} #preloader img {width: 0; height: 0;} .svg #listicle-png {display: none;} .no-svg #listicle-svg {display: none;} table tbody tr td { color: #000; padding: 5px 0; vertical-align: baseline; } table tbody tr:nth-child(even), table {background: transparent; width: 100%;} /* Listicles ================================================== */ .listicle-bg { display: none; padding: 0; margin: 0; width: 100%; max-width: 100%; background-image: url(../imgs/backgrounds/desktop-background-wristband.jpg); background-color: transparent; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; background-position: center center; } #listicle12 {display: block;} .listicle-bg#listicle12 { background-image: url(../imgs/backgrounds/desktop-background-signoff.jpg); background-color: transparent; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; background-position: center center; } #listicle1 .listicle {background-image: url(../imgs/listicles/listicle-28.png); background-image: url(../imgs/listicles/listicle-28.svg);} #listicle2 .listicle {background-image: url(../imgs/listicles/listicle-28.png); background-image: url(../imgs/listicles/listicle-28.svg);} #listicle2 .listicle__animation {background-image: url(../imgs/listicles/listicle-22_1-01.png);} #listicle2 .listicle__animation--nested {background-image: url(../imgs/listicles/listicle-28_2.png); background-image: url(../imgs/listicles/listicle-28_2.svg);} #listicle3 .listicle {background-image: url(../imgs/listicles/listicle-28.png); background-image: url(../imgs/listicles/listicle-28.svg);} #listicle3 .listicle__animation {background-image: url(../imgs/listicles/listicle-22_3-01.png);} #listicle4 .listicle {background-image: url(../imgs/listicles/listicle-28.png); background-image: url(../imgs/listicles/listicle-28.svg);} #listicle4 .listicle__animation {background-image: url(../imgs/listicles/listicle-22_4-01.png);} #listicle5 .listicle {background-image: url(../imgs/listicles/listicle-28.png); background-image: url(../imgs/listicles/listicle-28.svg);} #listicle5 .listicle__animation {background-image: url(../imgs/listicles/listicle-22_5-01.png);} #listicle5 .listicle__animation--nested {background-image: url(../imgs/listicles/listicle-28_6.png); background-image: url(../imgs/listicles/listicle-28_6.svg);} #listicle6 .listicle {background-image: url(../imgs/listicles/listicle-28.png); background-image: url(../imgs/listicles/listicle-28.svg);} #listicle6 .listicle__animation {background-image: url(../imgs/listicles/listicle-22_7-01.png);} #listicle7 .listicle {background-image: url(../imgs/listicles/listicle-28.png); background-image: url(../imgs/listicles/listicle-28.svg);} #listicle7 .listicle__animation {background-image: url(../imgs/listicles/listicle-22_8-01.png);} #listicle7 .listicle__animation--nested {background-image: url(../imgs/listicles/listicle-22_9-01.png);} #listicle8 .listicle {background-image: url(../imgs/listicles/listicle-28.png); background-image: url(../imgs/listicles/listicle-28.svg);} #listicle8 .listicle__animation {background-image: url(../imgs/listicles/listicle-28_10.png); background-image: url(../imgs/listicles/listicle-28_10.svg);} #listicle8 .listicle__animation--nested.first {background-image: url(../imgs/listicles/listicle-22_11-01.png);} #listicle8 .listicle__animation--nested.second {background-image: url(../imgs/listicles/listicle-22_12-01.png);} #listicle9 .listicle {background-image: url(../imgs/listicles/listicle-28.png); background-image: url(../imgs/listicles/listicle-28.svg);} #listicle9 .listicle__animation {background-image: url(../imgs/listicles/listicle-28_13.png); background-image: url(../imgs/listicles/listicle-28_13.svg);} #listicle10 .listicle {background-image: url(../imgs/listicles/listicle-28.png); background-image: url(../imgs/listicles/listicle-28.svg);} #listicle10 .listicle__animation {background-image: url(../imgs/listicles/listicle-28_14.png); background-image: url(../imgs/listicles/listicle-28_14.svg);} #listicle10 .listicle__animation--nested {background-image: url(../imgs/listicles/listicle-22_15-01.png);} #listicle11 .listicle {background-image: url(../imgs/listicles/listicle-28.png); background-image: url(../imgs/listicles/listicle-28.svg);} #listicle11 .listicle__animation {background-image: url(../imgs/listicles/listicle-22_16-01.png);} #listicle11 .listicle__animation--nested {background-image: url(../imgs/listicles/listicle-22_17-01.png);} #listicle12 .listicle {background-image: url(../imgs/listicles/listicle-28.png); background-image: url(../imgs/listicles/listicle-28.svg);} #listicle12 .listicle__animation {background-image: url(../imgs/listicles/listicle-22_18-01.png);} #listicle12 .listicle__animation--nested {background-image: url(../imgs/listicles/listicle-22_19-01.png);} .listicle { background-size: 100%; padding: 0; margin: 0 auto; position: relative; z-index: 25; background-size: 100%; background-repeat: no-repeat; background-attachment: fixed; } .listicle__animation, .listicle__animation--nested { margin: 0 auto; padding: 0; position: relative; z-index: 30; background-size: 100%; background-repeat: no-repeat; background-attachment: fixed; } /* Load positions */ #listicle1 .listicle {background-position: 10% 200px;} #listicle2 .listicle, #listicle2 .listicle__animation, #listicle2 .listicle__animation--nested {background-position: 10% -600px;} #listicle3 .listicle, #listicle3 .listicle__animation {background-position: 10% -1800px;} #listicle4 .listicle, #listicle4 .listicle__animation {background-position: 10% -3000px;} #listicle5 .listicle, #listicle5 .listicle__animation, #listicle5 .listicle__animation--nested {background-position: 10% -4500px;} #listicle6 .listicle, #listicle6 .listicle__animation {background-position: 10% -6000px;} #listicle7 .listicle, #listicle7 .listicle__animation, #listicle7 .listicle__animation--nested {background-position: 10% -6900px;} #listicle8 .listicle, #listicle8 .listicle__animation, #listicle8 .listicle__animation--nested {background-position: 10% -8100px;} #listicle9 .listicle, #listicle9 .listicle__animation {background-position: 10% -9000px;} #listicle10 .listicle, #listicle10 .listicle__animation, #listicle10 .listicle__animation--nested {background-position: 10% -9900px;} #listicle11 .listicle, #listicle11 .listicle__animation, #listicle11 .listicle__animation--nested {background-position: 10% -11600px;} #listicle12 .listicle, #listicle12 .listicle__animation {background-position: 10% -14200px;} /* Listicle Heights */ #listicle1 .listicle {min-height: 900px; height: 900px;} #listicle2 .listicle, #listicle2 .listicle__animation, #listicle2 .listicle__animation--nested {min-height: 2400px; height: 2400px;} #listicle3 .listicle, #listicle3 .listicle__animation {min-height: 800px; height: 800px;} #listicle4 .listicle, #listicle4 .listicle__animation {min-height: 900px; height: 900px;} #listicle5 .listicle, #listicle5 .listicle__animation, #listicle5 .listicle__animation--nested {min-height: 1200px; height: 1200px;} #listicle6 .listicle, #listicle6 .listicle__animation {min-height: 1400px; height: 1400px;} #listicle7 .listicle, #listicle7 .listicle__animation, #listicle7 .listicle__animation--nested {min-height: 1500px; height: 1500px;} #listicle8 .listicle, #listicle8 .listicle__animation, #listicle8 .listicle__animation--nested {min-height: 1500px; height: 1500px;} #listicle9 .listicle, #listicle9 .listicle__animation {min-height: 900px; height: 900px;} #listicle10 .listicle, #listicle10 .listicle__animation, #listicle10 .listicle__animation--nested {min-height: 1500px; height: 1500px;} #listicle11 .listicle, #listicle11 .listicle__animation, #listicle11 .listicle__animation--nested {min-height: 1800px; height: 1800px;} #listicle12 .listicle, #listicle12 .listicle__animation, #listicle12 .listicle__animation--nested {min-height: 5300px; height: 5300px;} /* Mobile Listicles ================================================== */ .desktop-listicle, .mobile-listicle { display: none; padding: 0; margin: 0; width: 100%; max-width: 100%; border: 0; position: relative; z-index: 35; } .desktop-listicle img, .mobile-listicle img { padding: 0; margin: 0; outline: none; border: 0; width: 100%; max-width: 100%; display: block; vertical-align: bottom; } .listicle-bg .listicle, .listicle-bg .listicle__animation, .listicle-bg .listicle__animation--nested, .listicle-bg .mobile-listicle {margin: 0; padding: 0; width: 100%; height: 100%;} .tblt .listicle-bg, .ipad .listicle-bg, .mobl .listicle-bg { background-image: none; background-attachment: scroll; } .tblt .mobile-listicle, .ipad .mobile-listicle, .mobl .mobile-listicle {display: block;} .mobl #listicle1 .listicle, .tblt #listicle1 .listicle, .ipad #listicle1 .listicle {background-image: none;} .mobl #listicle2 .listicle, .tblt #listicle2 .listicle, .ipad #listicle2 .listicle {background-image: none;} .mobl #listicle2 .listicle__animation, .tblt #listicle2 .listicle__animation, .ipad #listicle2 .listicle__animation {background-image: none;} .mobl #listicle2 .listicle__animation--nested, .tblt #listicle2 .listicle__animation--nested, .ipad #listicle2 .listicle__animation--nested {background-image: none;} .mobl #listicle3 .listicle, .tblt #listicle3 .listicle, .ipad #listicle3 .listicle {background-image: none;} .mobl #listicle3 .listicle__animation, .tblt #listicle3 .listicle__animation, .ipad #listicle3 .listicle__animation {background-image: none;} .mobl #listicle4 .listicle, .tblt #listicle4 .listicle, .ipad #listicle4 .listicle {background-image: none;} .mobl #listicle4 .listicle__animation, .tblt #listicle4 .listicle__animation, .ipad #listicle4 .listicle__animation {background-image: none;} .mobl #listicle5 .listicle, .tblt #listicle5 .listicle, .ipad #listicle5 .listicle {background-image: none;} .mobl #listicle5 .listicle__animation, .tblt #listicle5 .listicle__animation, .ipad #listicle5 .listicle__animation {background-image: none;} .mobl #listicle5 .listicle__animation--nested, .tblt #listicle5 .listicle__animation--nested, .ipad #listicle5 .listicle__animation--nested {background-image: none;} .mobl #listicle6 .listicle, .tblt #listicle6 .listicle, .ipad #listicle6 .listicle {background-image: none;} .mobl #listicle6 .listicle__animation, .tblt #listicle6 .listicle__animation, .ipad #listicle6 .listicle__animation {background-image: none;} .mobl #listicle7 .listicle, .tblt #listicle7 .listicle, .ipad #listicle7 .listicle {background-image: none;} .mobl #listicle7 .listicle__animation, .tblt #listicle7 .listicle__animation, .ipad #listicle7 .listicle__animation {background-image: none;} .mobl #listicle7 .listicle__animation--nested, .tblt #listicle7 .listicle__animation--nested, .ipad #listicle7 .listicle__animation--nested {background-image: none;} .mobl #listicle8 .listicle, .tblt #listicle8 .listicle, .ipad #listicle8 .listicle {background-image: none;} .mobl #listicle8 .listicle__animation, .tblt #listicle8 .listicle__animation, .ipad #listicle8 .listicle__animation {background-image: none;} .mobl #listicle8 .listicle__animation--nested.first, .tblt #listicle8 .listicle__animation--nested, .ipad #listicle8 .listicle__animation--nested.first {background-image: none;} .mobl #listicle8 .listicle__animation--nested.second, .tblt #listicle8 .listicle__animation--nested, .ipad #listicle8 .listicle__animation--nested.second {background-image: none;} .mobl #listicle9 .listicle, .tblt #listicle9 .listicle, .ipad #listicle9 .listicle {background-image: none;} .mobl #listicle9 .listicle__animation, .tblt #listicle9 .listicle__animation, .ipad #listicle9 .listicle__animation {background-image: none;} .mobl #listicle10 .listicle, .tblt #listicle10 .listicle, .ipad #listicle10 .listicle {background-image: none;} .mobl #listicle10 .listicle__animation, .tblt #listicle10 .listicle__animation, .ipad #listicle10 .listicle__animation {background-image: none;} .mobl #listicle10 .listicle__animation--nested, .tblt #listicle10 .listicle__animation--nested, .ipad #listicle10 .listicle__animation--nested {background-image: none;} .mobl #listicle11 .listicle, .tblt #listicle11 .listicle, .ipad #listicle11 .listicle {background-image: none;} .mobl #listicle11 .listicle__animation, .tblt #listicle11 .listicle__animation, .ipad #listicle11 .listicle__animation {background-image: none;} .mobl #listicle11 .listicle__animation--nested, .tblt #listicle11 .listicle__animation--nested, .ipad #listicle11 .listicle__animation--nested {background-image: none;} .mobl #listicle12 .listicle, .tblt #listicle12 .listicle, .ipad #listicle12 .listicle {background-image: none;} .mobl #listicle12 .listicle__animation, .tblt #listicle12 .listicle__animation, .ipad #listicle12 .listicle__animation {background-image: none;} /* Load positions */ .mobl #listicle1 .listicle, .tblt #listicle1 .listicle, .ipad #listicle1 .listicle {background-position: left top;} .mobl #listicle2 .listicle, .tblt #listicle2 .listicle, .ipad #listicle2 .listicle, .mobl #listicle2 .listicle__animation, .tblt #listicle2 .listicle__animation, .ipad #listicle2 .listicle__animation, .mobl #listicle2 .listicle__animation--nested, .tblt #listicle2 .listicle__animation--nested, .ipad #listicle2 .listicle__animation--nested {background-position: left top;} .mobl #listicle3 .listicle, .tblt #listicle3 .listicle, .ipad #listicle3 .listicle, .mobl #listicle3 .listicle__animation, .tblt #listicle3 .listicle__animation, .ipad #listicle3 .listicle__animation {background-position: left top;} .mobl #listicle4 .listicle, .tblt #listicle4 .listicle, .ipad #listicle4 .listicle, .mobl #listicle4 .listicle__animation, .tblt #listicle4 .listicle__animation, .ipad #listicle4 .listicle__animation {background-position: left top;} .mobl #listicle5 .listicle, .tblt #listicle5 .listicle, .ipad #listicle5 .listicle, .mobl #listicle5 .listicle__animation, .tblt #listicle5 .listicle__animation, .ipad #listicle5 .listicle__animation, .mobl #listicle5 .listicle__animation--nested, .tblt #listicle5 .listicle__animation--nested, .ipad #listicle5 .listicle__animation--nested {background-position: left top;} .mobl #listicle6 .listicle, .tblt #listicle6 .listicle, .ipad #listicle6 .listicle, .mobl #listicle6 .listicle__animation, .tblt #listicle6 .listicle__animation, .ipad #listicle6 .listicle__animation {background-position: left top;} .mobl #listicle7 .listicle, .tblt #listicle7 .listicle, .ipad #listicle7 .listicle, .mobl #listicle7 .listicle__animation, .tblt #listicle7 .listicle__animation, .ipad #listicle7 .listicle__animation, .mobl #listicle7 .listicle__animation--nested, .tblt #listicle7 .listicle__animation--nested, .ipad #listicle7 .listicle__animation--nested {background-position: left top;} .mobl #listicle8 .listicle, .tblt #listicle8 .listicle, .ipad #listicle8 .listicle, .mobl #listicle8 .listicle__animation, .tblt #listicle8 .listicle__animation, .ipad #listicle8 .listicle__animation, .mobl #listicle8 .listicle__animation--nested, .tblt #listicle8 .listicle__animation--nested, .ipad #listicle8 .listicle__animation--nested {background-position: left top;} .mobl #listicle9 .listicle, .tblt #listicle9 .listicle, .ipad #listicle9 .listicle, .mobl #listicle9 .listicle__animation, .tblt #listicle9 .listicle__animation, .ipad #listicle9 .listicle__animation {background-position: left top;} .mobl #listicle10 .listicle, .tblt #listicle10 .listicle, .ipad #listicle10 .listicle, .mobl #listicle10 .listicle__animation, .tblt #listicle10 .listicle__animation, .ipad #listicle10 .listicle__animation, .mobl #listicle10 .listicle__animation--nested, .tblt #listicle10 .listicle__animation--nested, .ipad #listicle10 .listicle__animation--nested {background-position: left top;} .mobl #listicle11 .listicle, .tblt #listicle11 .listicle, .ipad #listicle11 .listicle, .mobl #listicle11 .listicle__animation, .tblt #listicle11 .listicle__animation, .ipad #listicle11 .listicle__animation, .mobl #listicle11 .listicle__animation--nested, .tblt #listicle11 .listicle__animation--nested, .ipad #listicle11 .listicle__animation--nested {background-position: left top;} .mobl #listicle12 .listicle, .tblt #listicle12 .listicle, .ipad #listicle12 .listicle, .mobl #listicle12 .listicle__animation, .tblt #listicle12 .listicle__animation, .ipad #listicle12 .listicle__animation {background-position: left top;} /* Listicle Heights */ .mobl #listicle1 .listicle, .tblt #listicle1 .listicle, .ipad #listicle1 .listicle {min-height: 1px; height: auto;} .mobl #listicle2 .listicle, .tblt #listicle2 .listicle, .ipad #listicle2 .listicle, .mobl #listicle2 .listicle__animation, .tblt #listicle2 .listicle__animation, .ipad #listicle2 .listicle__animation, .mobl #listicle2 .listicle__animation--nested, .tblt #listicle2 .listicle__animation--nested, .ipad #listicle2 .listicle__animation--nested {min-height: 1px; height: auto;} .mobl #listicle3 .listicle, .tblt #listicle3 .listicle, .ipad #listicle3 .listicle, .mobl #listicle3 .listicle__animation, .tblt #listicle3 .listicle__animation, .ipad #listicle3 .listicle__animation {min-height: 1px; height: auto;} .mobl #listicle4 .listicle, .tblt #listicle4 .listicle, .ipad #listicle4 .listicle, .mobl #listicle4 .listicle__animation, .tblt #listicle4 .listicle__animation, .ipad #listicle4 .listicle__animation {min-height: 1px; height: auto;} .mobl #listicle5 .listicle, .tblt #listicle5 .listicle, .ipad #listicle5 .listicle, .mobl #listicle5 .listicle__animation, .tblt #listicle5 .listicle__animation, .ipad #listicle5 .listicle__animation, .mobl #listicle5 .listicle__animation--nested, .tblt #listicle5 .listicle__animation--nested, .ipad #listicle5 .listicle__animation--nested {min-height: 1px; height: auto;} .mobl #listicle6 .listicle, .tblt #listicle6 .listicle, .ipad #listicle6 .listicle, .mobl #listicle6 .listicle__animation, .tblt #listicle6 .listicle__animation, .ipad #listicle6 .listicle__animation {min-height: 1px; height: auto;} .mobl #listicle7 .listicle, .tblt #listicle7 .listicle, .ipad #listicle7 .listicle, .mobl #listicle7 .listicle__animation, .tblt #listicle7 .listicle__animation, .ipad #listicle7 .listicle__animation, .mobl #listicle7 .listicle__animation--nested, .tblt #listicle7 .listicle__animation--nested, .ipad #listicle7 .listicle__animation--nested {min-height: 1px; height: auto;} .mobl #listicle8 .listicle, .tblt #listicle8 .listicle, .ipad #listicle8 .listicle, .mobl #listicle8 .listicle__animation, .tblt #listicle8 .listicle__animation, .ipad #listicle8 .listicle__animation, .mobl #listicle8 .listicle__animation--nested, .tblt #listicle8 .listicle__animation--nested, .ipad #listicle8 .listicle__animation--nested {min-height: 1px; height: auto;} .mobl #listicle9 .listicle, .tblt #listicle9 .listicle, .ipad #listicle9 .listicle, .mobl #listicle9 .listicle__animation, .tblt #listicle9 .listicle__animation, .ipad #listicle9 .listicle__animation {min-height: 1px; height: auto;} .mobl #listicle10 .listicle, .tblt #listicle10 .listicle, .ipad #listicle10 .listicle, .mobl #listicle10 .listicle__animation, .tblt #listicle10 .listicle__animation, .ipad #listicle10 .listicle__animation, .mobl #listicle10 .listicle__animation--nested, .tblt #listicle10 .listicle__animation--nested, .ipad #listicle10 .listicle__animation--nested {min-height: 1px; height: auto;} .mobl #listicle11 .listicle, .tblt #listicle11 .listicle, .ipad #listicle11 .listicle, .mobl #listicle11 .listicle__animation, .tblt #listicle11 .listicle__animation, .ipad #listicle11 .listicle__animation, .mobl #listicle11 .listicle__animation--nested, .tblt #listicle11 .listicle__animation--nested, .ipad #listicle11 .listicle__animation--nested {min-height: 1px; height: auto;} .mobl #listicle12 .listicle, .tblt #listicle12 .listicle, .ipad #listicle12 .listicle, .mobl #listicle12 .listicle__animation, .tblt #listicle12 .listicle__animation, .ipad #listicle12 .listicle__animation, .mobl #listicle12 .listicle__animation--nested, .tblt #listicle12 .listicle__animation--nested, .ipad #listicle12 .listicle__animation--nested {min-height: 1px; height: auto;} /* nav ================================================== */ #navigation { position: fixed; top: 0; right: 0; padding: 0; margin: 0 auto; background: transparent; z-index: 75; } .dsktp #navigation, .ipad #navigation, .tblt #navigation {width: 45%;} .nav__tools--bg { position: absolute; right: 0; height: 60px; background: transparent; padding-top: 40px; z-index: 80; } .dsktp .nav__tools--bg, .ipad .nav__tools--bg, .tblt .nav__tools--bg {max-width: 100%;} .nav__show { position: relative; color: #fff; font: normal 20px/60px 'Libel Suit'; letter-spacing: 6px; display: block; text-align: center; padding: 0 10px 0 20px; float: right; background: #151515; text-transform: uppercase; } .nav__show span {color: #fff;} .nav__show:hover, .nav__show:hover span {color: #fecb00;} .nav__show span.hamburger {font-family: 'FontAwesome'; display: none;} .nav__links--bg { position: fixed; top: 40px; right: 0; display: none; background: transparent url(../imgs/backgrounds/desktop-background-menu.jpg) no-repeat fixed center bottom; background-size: cover; padding: 63px 5% 0 63px; } .nav__links--bg .col {float: none;} .nav__list {counter-reset: nav;} .nav__list, .nav__item { list-style: none; margin: 0 auto; padding: 0; } .nav__item { text-indent: -1.14em; margin-left: 1em; } #ar-links .nav__item a:before { counter-increment: nav; content: counter(nav) '. '; } #ar-links .odd.nav__item a:before {margin-right: 4px;} #navigation #ar-links .nav__item { font: normal 25px/46px 'Libel Suit'; margin-bottom: 6px; letter-spacing: 3px; text-transform: uppercase; text-align: left; } #navigation #ar-links {margin-bottom: 40px;} #navigation #org-links .nav__item { font: normal 14px/28px "CgGothicNo3Medium", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; margin-bottom: 6px; text-transform: uppercase; text-align: left; } .nav__item a {color: #bbbbbc;} .nav__item a[data-target] {color: #fff;} .nav__links--bg .spacer {padding-bottom: 13px;} .nav__item a:hover, .nav__item a:hover:before {color:#fecb00;} .mobile-title { position: relative; background-color: #000; color: #fff !important; text-decoration: none; text-transform: uppercase; font-size: 21px; letter-spacing: 2px; font-family: 'Libel Suit'; width: 100%; } .mobile-title {display: none;} .tblt .nav__show {margin-top: 40px;} /* Chapters ================================================== */ .part { padding: 0; margin: 0; width: 100%; max-width: 100%; clear: both; position: relative; z-index: 40; background-color: transparent; } .chapter { padding: 0; margin: 0 auto; position: relative; background-color: transparent; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; z-index: 50; clear: both; width: 100%; max-width: 100%; } .ipad .chapter {background-attachment: scroll;} .chapter__header--container { padding: 40px 0 200px 0; margin: 0; left: 0; z-index: 60; position: absolute; } .chapter__section--container { padding: 100px 0; margin: 0 auto; background: transparent; } #need .chapter__section--container {padding-bottom: 0;} .chapter__header--title { font: normal 25px/60px 'Libel Suit'; letter-spacing: 6px; text-transform: uppercase; text-align: left; height: 60px; } .chapter__header--title span.chapter__header--num:before { position: absolute; top: 2px; left: 20px; z-index: 79; opacity: 1; line-height: 60px; color: #fff; font-size: 81px; counter-increment: section; content: counter(section); } .chapter__header--title span.chapter__header--num { position: relative; left: 0; padding: 15px; color: #000; background: #fecb00; padding-left: 69px; } .chapter__header--title span.chapter__header--num span { position: relative; z-index: 80; } .chapter__figure--container, .chapter__text--container { margin: 0; padding: 0; position: relative; } .chapter__text--container[id*="intro"] { padding: 100px 0 81px 0; margin-left: 75px; } #stillstrong .chapter__section--container { padding: 100px 0 81px 0; margin-left: 75px; } .chapter__text--container[id*="intro"] {width: 36%;} #stillstrong .chapter__section--container {width: 65%;} .chapter__text--container#teamkate-intro {padding-bottom: 52px; width: 54%;} .chapter__text--container[id*="intro"] .chapter__section--container__firstp {font-size: 25px; line-height: 29px;} #stillstrong .chapter__section--container .chapter__section--container__firstp, #stillstrong .chapter__section--container .chapter__section--container__firstp + p {font-size: 21px; line-height: 25px;} #stillstrong .chapter__section--container .chapter__section--container__firstp {padding-top: 0; margin-top: 0; margin-bottom: 20px;} .row + .row #infographic1 {margin-top: -96px;} .chapter__figure--container img { margin: 0; padding: 0; border: none; max-width: 100%; } .chapter__section__title { font-weight: 500; font-size: 76px; font-family: 'Libel Suit'; text-transform: uppercase; border-top: 5px solid #000; padding-top: 10px; text-align: left; color: #000; } #letter {padding: 40px 0;} #founder, #society7 {padding-top: 85px;} #endowments {padding-top: 6px;} #board {padding-top: 90px;} #netassets, #liabilities {padding-top: 100px;} #letter {background-image: url(../imgs/backgrounds/desktop-background-letter.jpg);} #need {background-image: url(../imgs/backgrounds/desktop-background-theneed.jpg);} #menwomen {background-image: url(../imgs/backgrounds/desktop-background-menwomen.jpg);} #impact {background-image: url(../imgs/backgrounds/desktop-background-impact.jpg);} #impact2 {background-image: url(../imgs/backgrounds/desktop-background-impact2.jpg);} #community {background-image: url(../imgs/backgrounds/desktop-background-cip.jpg);} #teamkate {background-image: url(../imgs/backgrounds/desktop-background-teamkate.jpg);} #financials {background-image: url(../imgs/backgrounds/desktop-background-scratchyyellow.jpg);} #donors, #leaders {background-image: url(../imgs/backgrounds/desktop-background-tributewallmono.jpg);} #financialcharts {background-image: url(../imgs/backgrounds/desktop-background-financialcharts.jpg);} #stillstrong .chapter__section--container { background-image: url(../imgs/infographics/desktop-StillStrong.png); background-position: 9% bottom; background-color: transparent; background-size: 540px 400px; background-repeat: no-repeat; } #footer .columns {padding: 0;} .mobl #part-letter {background-color: #fff;} .mobl #letter {background-image: none; padding-top: 40px;} .mobl #need {background-image: none; background-color: #a7a284; height: auto;} .mobl #impact {background-image: none; background-color: #BCBFC6; height: auto;} .mobl #impact2 {background-image: none; background-color: #D0CCAF;} .mobl #financialcharts {background-image: none; background-color: #2E2D27; height: auto;} .mobl #financials {background-image: none; background-color: #B2B2B2; height: auto;} .mobl #donors {background-image: none; background-color: #D1CDB0; height: auto;} .mobl #leaders {background-image: none; background-color: #D1CDB0; height: auto;} .mobl #menwomen {background-image: none; background-color: #b3ae99; height: auto;} .mobl #teamkate {background-image: none; background-color: #D1CDB0; height: auto;} .mobl #community {background-image: none; background-color: #bca482; height: auto;} .mobl #stillstrong, .tblt #stillstrong, .ipad #stillstrong {background-image: none; background-color: #b26d29;} /* .data tables ================================================== */ #financials h2.chapter__section__title {margin-top: 0; padding-top: 33px; margin-bottom: 100px;} #financials .columns {padding: 0;} #endowments .columns {padding-right: 15px;} #endowments .columns + .columns {padding-left: 15px; padding-right: 0;} .data {margin-top: 10px;} #president .data, #founder .data, #society7 .data {margin-top: 33px;} p + .data {margin-top: 20px;} .data + p, .data + h3, #netassets {clear: both;} .data__table, .data__tr, .data__tr--tfoot, .data__lists, .data__li, .info__list, .info__figure, .info__served, .info__amount { list-style: none; margin: 0 auto; padding: 0; } .data__tr, .data__tr--tfoot {clear: both; position: relative;} .data__li:before, .data__li:after, .data__tr:after, .data__tr--tfoot:after, .data__tr:before, .data__tr--tfoot:before {clear: both;} .data__tr.last td {padding-bottom: 14px;} .data__tr.first td {padding-top: 12px;} .data__td, .data__li__txt, .data__td--served {font: 400 normal 16px/20px 'Sentinel', 'Sentinel A', 'Sentinel B', times, georgia, serif;} .data__td--amount, .data__li__txt--amount, .data__td--figure, .data__td--figure--amount {font-family: 'Libel Suit', "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;} .data__td--label, .data__li__txt--label, .data__td--amount, .data__li__txt--amount { font-family: "CgGothicNo3Medium", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; letter-spacing: 3px; font-size: 14px; } .data__td--amount, .data__li__txt--amount {font-weight: bold;} .financials__fleft {width: 60%;} .financials__fright {text-align: right; vertical-align: bottom;} .spending__fleft {float: left; width: 5%; padding-right: 20px;} .spending__fright {float: left; vertical-align: bottom;} #directors, #members {margin-top: 20px;} .data__td--figure, .data__td--figure--amount { float: left; text-align: right; } .data__td--figure--amount { font-size: 233px; text-transform: uppercase; width: 45%; } .data__td--served { float: left; text-align: left; } #endowments h3, #president h3, #founder h3, #society7 h3, #financials h2, #financialcharts h4 {text-align: left; font: 700 normal 16px/28px 'Sentinel', 'Sentinel A', 'Sentinel B', times, georgia, serif; text-transform: uppercase; letter-spacing: 10px; padding-bottom: 20px; } #financialcharts h4 {color: #fff;} #financials h2 + h3 {margin-top: 72px;} #financials h3 {font-family: "CgGothicNo3Medium", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; letter-spacing: 3px; font-size: 14px;} #financials h4 {font-family: "CgGothicNo3Medium", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; letter-spacing: 3px; font-size: 14px;} .board-title {font-family: "CgGothicNo3Medium", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; letter-spacing: 1px; font-size: 10px; padding-bottom: 5px; padding-top: 0px;} #directors .data__li {margin-bottom: 10px !important;} #directors .data__li__txt--label, #directors .data__li__txt {display: block;} /* Doug's Letter ================================================== */ #letter .columns {padding: 0;} #letter-bx { color: #000; min-height: 950px; width: 69%; margin: 25px auto; padding: 60px 50px; background-image: url(../imgs/backgrounds/desktop-background-paper.jpg); background-position: left top; background-repeat: no-repeat; background-size: cover; max-width: 850px; } #letter-bx p {font: 16px/22px 'Sentinel', 'Sentinel A', 'Sentinel B', times, georgia, serif; margin-bottom: 12px;} #letter-bx a {text-decoration: none; color: #000;} #letter-bx p.from {border-top: 3px solid #000; padding-top: 10px; font: 16px/22px helvetica, tahoma, 'trebuchet ms', arial, sans-serif;} .subject .letter__label {float: left; margin: 0 auto; width: 30%; display: block;} #letter-bx .subject {font: 16px/22px helvetica, tahoma, 'trebuchet ms', arial, sans-serif;} .greeting, .salutation {margin-top: 34px;} /* #need ================================================== */ #need h3 + p {margin-top: 0; padding-top: 0;} #need .chapter__figure--container {margin-bottom: 0; min-height: 1px; height: auto; max-height: 800px; overflow: hidden;} .need__graphic--title {font: normal 181px/163px 'Libel Suit'; text-transform: uppercase;} .need__graphic--description {width: 72%; font-size: 14px; margin-left: 12px;} #need .note {padding-right: 36px;} .need__graphic--container--first, .need__graphic--container--second {position: relative; padding: 26px 35px 15px 32px;} .need__graphic--container--first { margin-left: 21%; min-height: 800px; height: 800px; background-color: rgb(179,148,2); background-color: rgba(179,148,2,0.8); } .need__graphic--container--second { margin-right: 24%; top: -500px; height: 500px; min-height: 500px; background-color: #fecb00; } #need-data1 {margin-top: 300px;} #need-data1 .chapter__section--title {margin-left: 7%; font-size: 27px; letter-spacing: 2px; margin-top: 0; margin-bottom: 33px;} #need .data__tr .data__td--figure, #need .data__td--served {padding-bottom: 42px;} #need .data__td--figure {font-size: 60px; width: 20%; text-align: right;} #need .data__td--served {width: 64%; margin-left: 12px; margin-top: -9px; padding-top: 0;} #menwomen {padding-left: 80px;} #menwomen .data__td--figure, #menwomen .data__td--served {font: 500 198px/124px 'Libel Suit'; text-transform: uppercase;} #menwomen .data__td--figure {color: #fff; opacity: 0.6; position: relative; left: 2%; z-index: 10; padding-bottom: 15px;} #menwomen .data__td--served {color: #fecb00; opacity: 0.8; padding-top: 0.21em; font-weight: 600; position: relative; z-index: 5; padding-bottom: 15px;} .menwomen__stat {position: relative; float: left; display: block; font: 400 normal 16px/20px 'Sentinel', 'Sentinel A', 'Sentinel B', times, georgia, serif;} .menwomen__stat.first-para {float: left; width: 16%; padding-left: 1.25%; padding-top: 2%;} .menwomen__stat.second-para {float: left; width: 18%; padding-left: 1%; padding-top: 2%;} #menwomen .note {margin-top: 50px; margin-left: 24px; clear: both;} /* impact ================================================== */ #impact h3 + p {margin-top: 0; padding-top: 0;} #impact a:after { content: '\00A0\f054'; vertical-align: -2px; display: inline; font-family: 'FontAwesome'; color: #333; font-size: 14px; white-space: nowrap; width: 1px; } #impact .first-child, #impact .last-child {margin-top: 0; padding-top: 0;} #impact .first-child {top: -15px;} #impact .data__tr, #impact .data__tr--tfoot {margin-bottom: 9px;} #impact .last-child .data__table {counter-reset: impact;} #impact .data__tr .data__td--served {margin-left: 39px;} #impact .data__tr:before, #impact .data__tr--tfoot:before { font-size: 66px; font-family: 'Libel Suit', "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;; text-align: left; counter-increment: impact; content: counter(impact) '.'; position: absolute; top: 21px; left: -6px; padding-right: 0.25em; } #impact .sup {font-family: "CgGothicNo3Medium", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 0.7em; vertical-align: 0.25em;} #impact .chapter__section--title .sup {font-size: 0.4em; vertical-align: 1.5em;} #impact .note_num, #impact .caption {font-style: normal; font-family: "CgGothicNo3Medium", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;} #impact .caption {letter-spacing: 3px; text-transform: uppercase;} #impact .caption .br {display: inline; zoom: 1;} #impact .odd.data__tr:before {margin-left: 8px;} #impact .data__td--served {float: none; width: 90%; display: inline-block;} #impact .last-child .chapter__section--title {font-size: 27px; letter-spacing: 2px; margin-bottom: 27px;} #impact .data__tr {padding-bottom: 6px;} .dsktp .last-child .data__table, .ipad .last-child .data__table, .tblt .last-child .data__table {margin-bottom: 50px;} .impact__served--total { font-family: 'Libel Suit'; font-size: 200px; text-transform: uppercase; letter-spacing: 3px; margin-bottom: 15px; } .impact__served--description { text-align: left; font-size: 17px; line-height: 21px; } #impact .last-child .caption {bottom: -1%;} #impact .last-child .note {bottom: -6%;} #impact .last-child .note + .note {bottom: -11%;} #impact2 .data__tr {line-height: 110px;} #impact2 .data__tr--tfoot {line-height: 190px; padding-top: 10px; border-top: 30px solid #fecb00;} #impact2 .data__td--served {margin-left: 20px; padding-top: 10px; width: 45%;} .winSafari #impact2 .data__td--served {float: right; width: 50%; margin-left: 0;} #impact2 .data__td--figure { font-size: 100px; width: 45%; } .winSafari #impact2 .data__td--figure { width: auto; padding-left: 24%; text-align: right; float: none; } #equation-end {margin-bottom: 30px;} #impact2 .data__tr--tfoot .data__td--served {padding-top: 0; margin-top: -2px;} #impact2 .data__tr .data__td--served[id]:after { content: '\00A0\f054'; color: #000; font-family: 'FontAwesome'; cursor: pointer; display: inline-block; vertical-align: -2px; width: 1px; } #impact2 .note {bottom: -6%; margin-left: 48%;} /* #community ================================================== */ #community {color: #000;} #community-map { display: none; max-width: 100%; text-align: center; margin-left: auto; margin-right: auto; } #community-map img {max-width: 100%} #community .row {width: 100%; margin-left: 75px;} #community .info__container { position: relative; min-height: 500px; } #community .data {background: transparent url(../imgs/infographics/cip-map.png) no-repeat center center; min-width: 1030px; min-height: 678px;} #community .data__table {padding-top: 12px;} #community .data__tr span {padding-bottom: 12px;} #community .data__tr.first span {padding-bottom: 0;} #community .data__td--figure {font-size: 100px; line-height: 104px; text-align: right; width: 45%;} #community .data__td--served {width: 18%; margin-left: 21px; padding-top: 9px;} #community .info__total {font-size: 94.5px; text-align: left; margin-top: 0;} #community .info__note {font: 400 normal 14px/18px 'Sentinel-Book', 'Sentinel A', 'Sentinel B', times, georgia, serif; text-align: left;} #community .data__td--served.odd {padding-top: 22px;} #community .note {bottom: 0; top: 100%; margin-left: 58%;} .winSafari #community .data__td--figure {float: left; padding-top: 0; margin-right: 21px;} .winSafari #community .data__td--served {float: none; width: auto; margin-right: 39%; display: block;} /* #teamkate ================================================== */ #teamkate .row.full-width {width: 100%; overflow: hidden;} #teamkate .chapter__section--container {padding-bottom: 0;} #teamkate-intro-img {position: relative; top: 30px; left: -14px;} #teamkate-about {padding-left: 60px;} #teamkate-about .row#teamkate-about-first {padding-top: 100px;} #teamkate-about .row#teamkate-stats {padding-top: 40px;} #teamkate-bib { position: absolute; left: 400px; top: 406px; width: 100%; max-width: 600px; margin: 0; padding: 0; -ms-transform: rotate(-3deg); -webkit-transform: rotate(-3deg); transform: rotate(-3deg); } #teamkate-stats .chapter__text--container {margin-bottom: 40px;} #teamkate .info__total {font-size: 100px; line-height: 75px; text-align: left; margin-bottom: 3px;} #teamkate .info__note {font: 400 normal 14px/18px 'Sentinel-Book', 'Sentinel A', 'Sentinel B', times, georgia, serif; text-align: left; margin-top: 3px;} #teamkate .info__note.odd {margin-top: 21px;} #teamkate .info__total.pull {position: relative; left: -21px;} #teamkate-about .chapter__section--container__firstp {width: 90%;} #teamkate-about .info__note {width: 30%; margin-left: 0;} /* #financialcharts ================================================== */ #members .data__li, #president .data__li, #founder .data__li, #society7 .data__li, #directors .data__li__txt + .data__li__txt {padding-top: 3px;} .data__table .data__tr td { border-top: 1px solid rgb(0,0,0); border-top: 1px solid rgba(0,0,0,0.3); padding: 12px 0 12px 0; height: auto; } .data__table {border-collapse: collapse;} .data__table .data__tr.last td { border-bottom: 1px solid rgb(0,0,0); border-bottom: 1px solid rgba(0,0,0,0.3); } .data__tr.first td {padding-top: 6px;} .data__tr.last td {padding-bottom: 6px;} #leaders .data__list.columns, #endowments .data .columns {padding-right: 24px;} #leaders .data__list.columns:last-child, #endowments .columns:last-child {padding-right: 0;} #leaders .chapter__section--container__firstp {margin-bottom: 20px;} #leaders p {line-height: 21px;} #leaders li {line-height: 24px;} #nettotals {margin-top: 10px;} #board-footnote .note {bottom: -75px;} #financialcharts .info__container { min-height: 530px; min-width: 530px; height: 530px; max-height: 530px; overflow: hidden; } #financialcharts .row h4 {margin-top: 75px; margin-bottom: 25px;} #financialcharts h3, #financialcharts p, #financialcharts a {color: #fff;} #financialcharts-outro {width: 21%; left: 85%; top: 0px; height: 1px;} #financials .data__tr--tfoot, #financials .data__tr.first { border-top: 2px solid #000; padding-top: 16px; margin-top: 16px; } #financialcharts .sup {padding-left: 3px;} #financials .data__tr {padding-top: 10px;} #infographic1 .info__container {background: transparent url(../imgs/infographics/financial_charts-1.png) no-repeat 41% center;} #infographic2 .info__container {background: transparent url(../imgs/infographics/financial_charts-3.png) no-repeat 21% center;} #infographic3 .info__container {background: transparent url(../imgs/infographics/financial_charts-4.png) no-repeat 21% center;} #infographic4 .info__container {background: transparent url(../imgs/infographics/financial_charts-2.png) no-repeat 21% center;} #infographic1 .info__container--content { width: 24%; margin: 0 auto; position: relative; top: 35%; left: -4%; } #infographic2 .info__container--content, #infographic3 .info__container--content, #infographic4 .info__container--content { width: 42%; margin: 0 auto; position: relative; top: 41%; } #infographic2 .info__container--content {left: -4%;} #infographic3 .info__container--content {left: -2%;} #infographic4 .info__container--content {left: -4%;} #financialcharts .chapter__text--container {position: relative;} .info__block--first, .info__block--second, .info__block--third {position: absolute;} .info__amount, .info__served, .info__figure {color: #fff;} .info__amount {font: 12px/18px 'Sentinel-Book', 'Sentinel A', 'Sentinel B', times, georgia, serif;} .info__figure {font: 33px/26px 'Libel Suit';} .info__served {font: 700 16px/20px 'Sentinel', 'Sentinel A', 'Sentinel B', times, georgia, serif;} .info__total {text-align: center; font: 72px/60px 'Libel Suit'; margin: 0 auto; padding: 0; text-transform: uppercase;} .info__note {text-align: center; font: 700 16px/20px 'Sentinel', 'Sentinel A', 'Sentinel B', times, georgia, serif; margin: 0 auto; margin-top: 12px; padding: 0;} .info__note .highlight {background-color: transparent; color: #fecb00; padding: 0;} #financialcharts .info__total, #financialcharts .info__note {color: #fff;} #infographic2 .first .info__block--first {top: -500px;} #infographic2 .first .info__block--second {top: -355px;} #infographic2 .first .info__block--third {top: -193px;} #infographic2 .last .info__block--first { top: -500px; left: 41%; } #infographic2 .last .info__block--second { top: -340px; left: 41%; } #infographic2 .last .info__block--third { top: -195px; left: 41%; } #infographic3 .first .info__block--first {top: -505px;} #infographic3 .first .info__block--second {top: -375px;} #infographic3 .last .info__block--first { top: -505px; left: 45%; } #infographic4 .first .info__block--first {top: -500px;} #infographic4 .first .info__block--second { top: -318px;} #infographic4 .last .info__block--first { top: -505px; left: 41%; } /* .end__menu--social ================================================== */ .end__menu--social {margin-top: 12px;} .end__menu--social a {color: #000;} .end__menu--social a span { font-family: 'FontAwesome'; cursor: pointer; font-size: 24px; } .end__menu--social .fb {padding-left: 12px; padding-right: 12px;} .end__menu--social button { background: transparent; text-align: left; border: none; padding: 0; } /* .footer ================================================== */ .footer { width: 100%; max-width: 100%; background: #000; color: #fff; padding: 40px 0; margin: 0; z-index: 10; position: relative; } .footer .row {width: 100%; margin-left: 75px;} .footer #copyright div {margin-top: 30px;} .footer__section--container {margin: 0; padding: 0;} .footer .menu__label, .footer li {color: #fff; font: normal 16px/28px helvetica, tahoma, 'trebuchet ms', arial, sans-serif;} .footer a {color: #fff;} #footer-social {margin-top: 30px;} .footer .fb, .footer .tw { font-size: 14px; line-height: 27px; color: #fff; text-transform: uppercase; } .footer .fb span, .footer .tw span {font-family: 'FontAwesome'; padding-right: 3px; font-size: 16px;} .footer .fb button, .footer .tw button { background: transparent; border: none; } .footer .fb {padding-right: 10px;} .org__li { float: left; margin-right: 20px; } .footer__copyright {color: #a3a3a3; clear: both; font: 12px/16px helvetica, tahoma, 'trebuchet ms', arial, sans-serif;} .footer__copyright + address {margin-top: 20px;} .footer__copyright a, .footer__copyright a:link, .footer__copyright a:visited {color: #a3a3a3;} .footer__copyright a:hover {color: #666;} #stillstrong .chapter__section--title--inline {font: 20px/17px "CgGothicNo2Medium", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #000; letter-spacing: 6px} /* modal ================================================== */ #lean_overlay { position: fixed; z-index: 200; top: 0px; left: 0px; height: 100%; width: 100%; max-width: 100%; background: #000; display: none; } .modal__aside--container { font: 24px/50px 'Sentinel', 'Sentinel A', 'Sentinel B', times, georgia, serif; position: relative; min-width: 700px; max-width: 740px; display: none; margin: 0 auto; padding: 0; } .modal__aside--close { top: -20px; left: 100%; color: #fff; display: block; cursor: pointer; position: absolute; font: normal 48px/58px helvetica, tahoma, 'trebuchet ms', arial, sans-serif; } .modal__aside--meta { clear: both; height: 50px; padding: 0 20px; max-width: 640px; background-color: #00babd; } .modal__aside--meta__title {line-height: 50px; float: left; width: 70%; color: #fff;} .modal__aside--meta__social {float: right;} .modal__aside--meta__social a {font-family: 'FontAwesome'; line-height: 50px; color: #fff;} .modal__aside--meta__tw {margin-left: 10px;} /* Desktop to mobile media queries ================================================== */ /* Media queries / Desktops to Tablets ================================================== */ @media only screen and (max-width: 1500px) { .tblt .chapter__header--title span.chapter__header--num:before { line-height: 42px; font-size: 78px; } /* #teamkate ================================================== */ #teamkate .pull-three {right: 18%;} #teamkate-about .info__note {width: 36%; margin-left: 0;} } @media only screen and (max-width: 1281px) { .chapter__text--container[id*="intro"] {width: 31%;} #canvas {min-width: 1024px;} .tblt #logo, .ipad #logo {top: 10px;} .tblt #logo img, .ipad #logo img {width: auto; height: 60px;} .mobl .nav__show span.hamburger {display: block; color: #fff;} .mobl .nav__show span.hamburger a:hover {color: #fff;} .mobl .nav__show span.menu {display: none;} .mobl .nav__tools--bg {padding-top: 0; position: relative;} .ipad .nav__links--bg, .tblt .nav__links--bg {top: 10px; min-width: 75%;} .dsktp .nav__tools--bg, .ipad .nav__tools--bg, .tblt .nav__tools--bg {width: 35%; max-width: 100%;} .ipad .nav__tools--bg, .tblt .nav__tools--bg {padding-top: 10px;} .dsktp #navigation, .ipad #navigation, .tblt #navigation {width: 45%; max-width: 100%;} #letter-bx {width: 70%;} #financialcharts-outro {left: 78%;} #need .data__td--served {width: 75%;} .chapter__section--title {margin-top: 40px;} .first-group .people__block--second {margin-top: 145%; left: 15%;} .second-group .people__block--second {margin-top: 187%; left: 9%;} .tblt #part-letter {background-color: #D1CDB0; position: relative; z-index: 50;} .need__graphic--container--first, .need__graphic--container--second {position: relative; padding: 35px 35px 15px 32px;} #impact .first-child {top: auto; margin-top: 21px;} /* #teamkate ================================================== */ #teamkate .pull-three {right: 12%;} #teamkate .chapter__text--container[id*="intro"] {width: 70%;} #teamkate-intro-img {top: 51px;} #teamkate-about {padding-left: 21px;} #teamkate-about .info__note {width: 36%; margin-left: 0;} #teamkate-bib { top: 399px; max-width: 575px; } #infographic2 .info__container--content {left: -5%;} #infographic3 .info__container--content {left: -3%;} #infographic4 .info__container--content {left: -5%;} #stillstrong .chapter__section--container {width: 65%;} #impact .pull-two {right: 10%;} } @media only screen and (max-width: 1160px) { .chapter__text--container[id*="intro"] {width: 45%;} /* #community ================================================== */ #community .data { background-size: 100%; background-position: top center; min-width: 1px; min-height: 650px; } #community .row {margin-left: auto;} #community .row .row {margin: 0 auto;} #community .data__table {padding-top: 0;} #community .data__td--figure { width: 40%; text-align: right; } #community .data__td--served { width: 22%; } #impact .pull-two {right: 8%;} } @media only screen and (max-width: 1100px) { /* #teamkate ================================================== */ #teamkate .pull-three {right: 6%;} #teamkate .chapter__text--container[id*="intro"] {width: 85%;} #teamkate-intro-img {top: 102px;} #teamkate-about {padding-left: 21px;} #teamkate-about .info__note {width: 36%; margin-left: 0;} #stillstrong .chapter__section--container {width: 65%;} } @media only screen and (max-width: 1080px) { .data {max-width: 97%;} .need__graphic--description {width: 90%;} #impact .pull-two {right: 4%;} #impact .last-child {padding-left: 5%;} .dsktp #navigation, .ipad #navigation, .tblt #navigation {width: 50%; max-width: 100%;} } /* Media queries / Tablets ================================================== */ @media only screen and (max-width: 1024px) { #canvas {min-width: 300px;} .data {width: 97%;} .row {min-width: 300px; width: 100%; max-width: 100%;} #folio {display: none;} .footer, .chapter__section--container {padding-left: 30px; padding-right: 30px; margin: 0 auto;} #letter-bx {width: 90%;} .chapter__text--container[id*="intro"] {width: 50%; margin-left: 0;} #stillstrong .chapter__section--container {width: 100%; margin-left: 0; padding-left: 15px;} #community .data__td--figure {width: 55%;} /* impact ================================================== */ #impact {padding-bottom: 20px;} #impact .last-child {padding-left: 0;} #impact .second-child {margin-left: 60px;} .impact__served--total {margin-left: -75px;} #impact .columns {float: none; margin-left: auto; margin-right: auto;} #impact .six, #impact .five, #impact .seven {width: 100%;} #impact .pull-two {right: auto;} #impact .last-child .data__table {margin-left: 0;} .impact__served--description {width: 60%;} #impact .last-child .caption {position: static; top: auto; bottom: auto; margin-top: 70px; margin-bottom: 5px;} #impact .note {position: static; top: auto; bottom: auto; margin-top: 0; margin-bottom: 5px;} #impact .impact__served--description .br {display: inline; zoom: 1;} #impact2 .data {width: 100%;} #impact2 .data__td--served {width: 55%;} #impact2 .data__td--figure { font-size: 100px; width: 35%; } #impact2 .data__td--figure--amount { font-size: 200px; width: 35%; } #impact2 .note {margin-left: 37%;} /* #community ================================================== */ #community .data__td--served {width: 30%;} #community .note {bottom: 0; top: 100%; margin-left: 42%;} /* #teamkate ================================================== */ #teamkate-about {padding-left: 60px;} #teamkate-bib { top: 365px; } #teamkate-intro {padding-left: 15px;} #teamkate .chapter__section--container { padding-left: 0; padding-right: 0; } #teamkate .pull-three {right: 2%;} #teamkate-about {padding-left: 27px;} #teamkate-about .info__note {width: 36%; margin-left: 0;} #donors, #leaders {padding: 0 0 80px 0;} #donors {margin-bottom: 0;} .footer {padding-top: 40px; padding-bottom: 40px;} .footer .row {margin: auto;} } @media only screen and (max-width: 1000px) { .dsktp .nav__tools--bg, .ipad .nav__tools--bg, .tblt .nav__tools--bg {width: auto; max-width: 100%;} .dsktp #navigation, .ipad #navigation, .tblt #navigation {width: 25%; max-width: 100%;} #teamkate-bib {top: 350px;} #teamkate-stats .chapter__text--container {margin-bottom: 20px;} .winSafari #community .data__td--served {float: none; width: auto; margin-right: 0; display: block;} } @media only screen and (max-width: 986px) { #infographic2 .info__container, #infographic3 .info__container, #infographic4 .info__container { background-size: 80%; position: relative; } #infographic2 .last .info__block--first {left: 44%;} #infographic2 .last .info__block--second {left: 44%;} #infographic2 .last .info__block--third {left: 44%;} #infographic3 .last .info__block--first {left: 44%;} #infographic4 .last .info__block--first {left: 44%;} } @media only screen and (max-width: 950px) { #teamkate-bib { top: 370px; left: 375px; max-width: 400px; } #teamkate-stats .chapter__text--container {margin-bottom: 20px;} #teamkate-bib { top: 350px; } #infographic2 .info__container, #infographic3 .info__container, #infographic4 .info__container { top: -12px; } #infographic2 .first .info__block--third {top: -212px;} #infographic2 .last .info__block--third {top: -215px;} #infographic4 .first .info__block--second {top: -325px;} } @media only screen and (max-width: 900px) { .need__graphic--container--second {margin-right: 18%;} #infographic2 .info__container, #infographic3 .info__container, #infographic4 .info__container { top: -21px; } } @media only screen and (max-width: 875px) { .need__graphic--container--second {margin-right: 12%;} } @media only screen and (max-width: 850px) { #teamkate-bib { top: 330px; } #infographic2 .info__container, #infographic3 .info__container, #infographic4 .info__container { top: -33px; } #infographic2 .first .info__block--second {top: -375px;} #infographic2 .first .info__block--third {top: -242px;} #infographic2 .last .info__block--second {top: -365px;} #infographic2 .last .info__block--third {top: -242px;} #infographic4 .first .info__block--second {top: -340px;} #infographic3 .first .info__block--second {top: -390px;} } /* Media queries / Tablets to Phones ================================================== */ @media only screen and (max-width: 801px) { #canvas {min-width: 600px;} .mobl #canvas {margin-top: 40px;} .row {min-width: 300px; max-width: 100%;} .mobl #logo {display: none;} .mobl #navigation {width: 100%; max-width: 100%;} .mobl .nav__tools--bg {background-color: #000;} .mobl .nav__show {background-color: #000;} .mobl .nav__show, .mobl .mobile-title { position: absolute; top: 0; line-height: 27px; height: 50px; padding: 0 5px 0 10px; display: inline; zoom: 1; } .mobl .nav__show {right: 0; font-size: 27px; line-height: 50px} .mobl .mobile-title {left: 0;} .mobl .nav__links--bg {top: 0;} .mobl .nav__links--bg { top: 0; background: #151515 none; padding: 40px 5px 0 5px; } .mobl #navigation #ar-links .nav__item { font-size: 18px; line-height: 22px; } .mobl .mobile-title { display: block; padding-top: 2px; } .mobl #navigation #org-links .nav__item {margin-bottom: 0;} .mobl #navigation #ar-links {margin-bottom: 20px;} .mobl .nav__links--bg .col {padding-top: 60px} #endowments h3, #president h3, #founder h3, #society7 h3, #financials h2 {padding-bottom: 5px;} .footer, .chapter__section--container {padding: 80px 15px; margin: 0 auto;} .dsktp .chapter__header--container + .chapter .chapter__section--container, .tblt .chapter__header--container + .chapter .chapter__section--container {padding-top: 80px;} .tblt #letter .chapter__header--container + .chapter .chapter__section--container {padding-top: 0; margin-top: 0;} #letter .chapter__section--container {padding-left: 0; padding-right: 0;} #letter .subject {width: auto;} #letter-bx {padding-top: 100px; margin-top: 100px; width: 90%; padding: 50px 30px;} .chapter__section--container .row {margin-left: auto; margin-right: auto;} .chapter__text--container[id*="intro"] {width: 80%;} #stillstrong .chapter__section--container { padding-right: 0; background-image: url(../imgs/infographics/mobile-StillStrong.png); background-position: left bottom; background-color: transparent; background-size: 320px 249px; background-repeat: no-repeat; } #stillstrong .chapter__section--container p {padding-right: 15px;} .dsktp #stillstrong .chapter__section--container {background-image: url(../imgs/infographics/mobile-StillStrong.png); background-size: 540px 431px;} /* #need ================================================== */ #need .columns {float: none;} #need .push-six, #need .pull-six {left: auto; right: auto;} .ipad #need .data__td--figure {width: 5%; float: left; display: block; margin-right: 21px;} .ipad #need .data__td--served {width: 39%; float: none; display: block;} #need .six {width: 100%;} #need .pull-six {width: 100%; padding-left: 15px; padding-right: 15px;} .dsktp .need__graphic--container--first, .dsktp .need__graphic--container--second {position: relative; padding: 35px 35px 15px 35px;} .tblt .need__graphic--container--first, .tblt .need__graphic--container--second {position: relative; padding: 33px 35px 15px 35px;} .need__graphic--container--second {margin-right: 24%;} .need__graphic--container--first { margin-left: 21%; margin-right: 24%; } .need__graphic--container--second { margin-right: 42%; } #need-data1 {margin-top: 0;} #need-data1 .chapter__section--title {margin-left: 0; width: 60%;} #need .data__td--figure { font-size: 60px; width: 9%; } #need .data__td--served {width: 36%;} .need__graphic--description {width: 60%;} #need .note {padding-right: 90px;} #menwomen {padding: 30px 0;} #menwomen .footer, .chapter__section--container {padding-top: 30px; padding-bottom: 30px;} #menwomen .data__tr {margin-bottom: 9px;} #menwomen .data__tr:after {content: ''; display: block; clear: both;} #menwomen .data__td--served {padding-top: 0.21em;} .menwomen__stat.first-para {width: 23%; padding-left: 2%; padding-top: 1.1em; margin: 0 auto;} .menwomen__stat.second-para {width: 23%; padding-left: 2%; padding-top: 1.1em; margin: 0 auto;} #menwomen .note, .ipad #menwomen .note {position: static; padding-top: 50px; margin-top: 0;} .ipad #menwomen .note {padding-left: 51px;} /* #impact ================================================== */ #impact .chapter__section--container {padding: 70px 15px;} #equation-end {margin-bottom: 0;} #impact2 .data__tr .data__td--figure, #impact2 .data__tr .data__td--served {padding-bottom: 12px;} #impact2 .data__td--figure {font-size: 80px; line-height: 84px; width: 24%; text-align: right;} #impact2 .data__td--figure--amount {font-size: 150px; line-height: 154px; width: 24%;} .ipad #impact2 .data__td--figure--amount {padding-right: 21px;} #impact2 .data__td--figure--amount + .data__td--served {padding-left: 25px; padding-top: 15px;} #impact2 .data__td--served {width: 70%; padding-top: 3px; padding-left: 12px;} .ipad #impact2 .data__td--figure {width: 24%; padding-right: 21px; display: block; float: left;} .ipad #impact2 .data__td--served {width: 75%; padding-top: 3px; padding-left: 0; float: none; display: block;} #impact2 .note {margin-left: 0;} .dsktp #impact2 .note, .dsktp #community .note, .tblt #impact2 .note, .tblt #community .note, .ipad #impact2 .note, .ipad #community .note {position: static; padding-top: 50px;} /* #community ================================================== */ #community .data__tr {padding-bottom: 21px;} #community .data__td--figure {font-size: 80px; line-height: 84px; width: 40%; text-align: right; padding-bottom: 21px;} #community .data__td--served, #community .data__td--served.odd {width: 36%; padding-bottom: 21px;} #community .note {top: 106%;} #teamkate .chapter__text--container[id*="intro"], #teamkate-about .chapter__section--container__firstp {width: 80%;} .winSafari #community .data__td--figure {float: none; width: auto; display: block; text-align: left;} .winSafari #community .data__td--served {float: none; width: auto; display: block;} /* #community ================================================== */ #teamkate .columns, #teamkate .six, #teamkate .five {width: 100%; float: none;} #teamkate .row.full-width {padding-left: 6%;} #teamkate .chapter__section--container {padding-bottom: 80px;} #teamkate .chapter__text--container[id*="intro"] {width: auto; margin-left: 0;} #teamkate-intro-img {position: relative; top: auto; left: auto; max-width: 50%;} #teamkate-about {left: auto;} #teamkate-about .chapter__section--container__firstp {width: 75%;} #teamkate .pull-three {right: auto;} #teamkate-bib { left: 175px; top: 275px; max-width: 100%; } /* #financialcharts ================================================== */ #financialcharts .hide-for-mobile-phones {display: none;} #financialcharts .hide-for-medium-up {display: block;} #financialcharts .chapter__text--container.columns.four {width: 60%; float: none; padding-bottom: 50px;} .row[id*='infographic'] .hide-for-medium-up {padding-left: 0; margin-top: 0;} .row[id*='infographic'] .hide-for-medium-up li {margin-bottom: 12px;} #financialcharts .info__container { min-height: 330px; height: 330px; max-height: 330px; overflow: hidden; background-size: auto; } .ipad #financialcharts .info__container {background-size: auto;} #financialcharts .row h4 { margin-top: 100px; margin-bottom: 25px; text-align: center; } #financialcharts .note {position: static; left: auto; top: auto; width: 60%; margin-left: 75px;} #financialcharts-outro {width: auto; left: auto; top: auto; margin-top: 80px; clear: both; height: auto; margin-left: auto; margin-right: auto; padding-top: 50px;} .info__list--stacked {margin: 0 auto; clear: both; width: 100%; position: relative; text-align: center; left: 30%;} .info__list--stacked .info__list {float: left; width: 18%; margin-left: auto; margin-right: 81px; padding-top: 25px; text-align: left;} .row + .row #infographic1 {margin-top: 0; left: auto;} #infographic2, #infographic3, #infographic4 {position: relative; left: auto;} #infographic1 .info__container {background: transparent url(../imgs/infographics/financial_charts-1-m.png) no-repeat center top;} #infographic2 .info__container {background: transparent url(../imgs/infographics/financial_charts-3-m.png) no-repeat center top;} #infographic3 .info__container {background: transparent url(../imgs/infographics/financial_charts-4-m.png) no-repeat center top;} #infographic4 .info__container {background: transparent url(../imgs/infographics/financial_charts-2-m.png) no-repeat center top;} #infographic1 .info__container--content { width: 30%; top: 25%; left: auto; } #infographic2 .info__container--content, #infographic3 .info__container--content, #infographic4 .info__container--content { width: 51%; top: 127px; left: -3px; } #infographic2 .info__total, #infographic3 .info__total, #infographic4 .info__total {font-size: 64px;} .info__amount, .info__figure, .info__served {display: block;} #infographic2 .cthree, #infographic3 .cthree, #infographic4 .cthree {color: #7A6300;} #infographic2 .ctwo, #infographic3 .ctwo, #infographic4 .ctwo {color: #AC8C02;} #infographic2 .cone, #infographic3 .cone, #infographic4 .cone {color: #FFDA00;} #financials {padding-bottom: 80px;} #financials .data__td--label.financials__fleft {width: 45%;} #financials .data__td--label.financials__fright {width: 55%;} /* #fiancialcharts ================================================== */ #assets {padding-top: 30px;} #board, #netassets, #liabilities {padding-top: 60px;} #financials {padding-left: 15px; padding-right: 15px;} #financials .data__td--label.financials__fleft {width: 50%;} #financials h2 {padding-bottom: 5px;} #financials .financials__fleft {width: 57%;} #endowments {padding-top: 10px; margin-top: 0;} #donors .columns {padding-right: 15px;} #donors .columns + .columns {padding-left: 15px;} #president, #founder, #society7 {padding-top: 30px;} .org__li {float: none;} /* modals ================================================== */ .modal__aside--container {padding-left: 25px;} .modal__aside--close { top: -20px; left: 93%; } .tblt .modal__aside--container {padding-left: 15px; padding-right: 5px;} .tblt .modal__aside--close { top: -20px; left: 103%; } /* I don't want to have to control small desktop screens. ================================================== */ .dsktp .desktop-listicle {display: block;} .dsktp .listicle-bg { background-image: none; background-attachment: scroll; } .dsktp #listicle1 .listicle {background-image: none;} .dsktp #listicle2 .listicle {background-image: none;} .dsktp #listicle2 .listicle__animation {background-image: none;} .dsktp #listicle2 .listicle__animation--nested {background-image: none;} .dsktp #listicle3 .listicle {background-image: none;} .dsktp #listicle3 .listicle__animation {background-image: none;} .dsktp #listicle4 .listicle {background-image: none;} .dsktp #listicle4 .listicle__animation {background-image: none;} .dsktp #listicle5 .listicle {background-image: none;} .dsktp #listicle5 .listicle__animation {background-image: none;} .dsktp #listicle5 .listicle__animation--nested {background-image: none;} .dsktp #listicle6 .listicle {background-image: none;} .dsktp #listicle6 .listicle__animation {background-image: none;} .dsktp #listicle7 .listicle {background-image: none;} .dsktp #listicle7 .listicle__animation {background-image: none;} .dsktp #listicle7 .listicle__animation--nested {background-image: none;} .dsktp #listicle8 .listicle {background-image: none;} .dsktp #listicle8 .listicle__animation {background-image: none;} .dsktp #listicle8 .listicle__animation--nested.first {background-image: none;} .dsktp #listicle8 .listicle__animation--nested.second {background-image: none;} .dsktp #listicle9 .listicle {background-image: none;} .dsktp #listicle9 .listicle__animation {background-image: none;} .dsktp #listicle10 .listicle {background-image: none;} .dsktp #listicle10 .listicle__animation {background-image: none;} .dsktp #listicle10 .listicle__animation--nested {background-image: none;} .dsktp #listicle11 .listicle {background-image: none;} .dsktp #listicle11 .listicle__animation {background-image: none;} .dsktp #listicle11 .listicle__animation--nested {background-image: none;} .dsktp #listicle12 .listicle {background-image: none;} .dsktp #listicle12 .listicle__animation {background-image: none;} /* Listicle Heights */ .dsktp #listicle1 .listicle {min-height: 1px; height: auto;} .dsktp #listicle2 .listicle {min-height: 1px; height: auto;} .dsktp #listicle3 .listicle {min-height: 1px; height: auto;} .dsktp #listicle4 .listicle {min-height: 1px; height: auto;} .dsktp #listicle5 .listicle {min-height: 1px; height: auto;} .dsktp #listicle6 .listicle {min-height: 1px; height: auto;} .dsktp #listicle7 .listicle {min-height: 1px; height: auto;} .dsktp #listicle8 .listicle {min-height: 1px; height: auto;} .dsktp #listicle9 .listicle {min-height: 1px; height: auto;} .dsktp #listicle10 .listicle {min-height: 1px; height: auto;} .dsktp #listicle11 .listicle {min-height: 1px; height: auto;} .dsktp #listicle12 .listicle {min-height: 1px; height: auto;} .dsktp #listicle1 .listicle__animation, .dsktp #listicle1 .listicle__animation--nested {display: none;} .dsktp #listicle2 .listicle__animation, .dsktp #listicle2 .listicle__animation--nested {display: none;} .dsktp #listicle3 .listicle__animation, .dsktp #listicle3 .listicle__animation--nested {display: none;} .dsktp #listicle4 .listicle__animation, .dsktp #listicle4 .listicle__animation--nested {display: none;} .dsktp #listicle5 .listicle__animation, .dsktp #listicle5 .listicle__animation--nested {display: none;} .dsktp #listicle6 .listicle__animation, .dsktp #listicle6 .listicle__animation--nested {display: none;} .dsktp #listicle7 .listicle__animation, .dsktp #listicle7 .listicle__animation--nested {display: none;} .dsktp #listicle8 .listicle__animation, .dsktp #listicle8 .listicle__animation--nested {display: none;} .dsktp #listicle9 .listicle__animation, .dsktp #listicle9 .listicle__animation--nested {display: none;} .dsktp #listicle10 .listicle__animation, .dsktp #listicle10 .listicle__animation--nested {display: none;} .dsktp #listicle11 .listicle__animation, .dsktp #listicle11 .listicle__animation--nested {display: none;} .dsktp #listicle12 .listicle__animation, .dsktp #listicle12 .listicle__animation--nested {display: none;} } @media only screen and (max-width: 768px) { #leaders .data__list.columns, #endowments .data .columns {padding-right: 0;} #endowments .data .columns {padding-right: 0;} #endowments .data .columns + .columns {padding-left: 0;} .chapter__text--container[id*="intro"] { padding: 80px 0 80px 0; width: auto; margin-left: auto; } .mobl .chapter__text--container[id*="intro"] { padding: 30px 0 30px 0; width: auto; margin-left: auto; } .tblt .chapter__header--container + .chapter .chapter__text--container[id*="intro"], .ipad .chapter__header--container + .chapter .chapter__text--container[id*="intro"] {padding-top: 100px;} #community .chapter__text--container {margin-left: auto; margin-right: auto;} #community .note { top: 103%; margin-left: 45%; } .info__list--stacked {left: 33%;} .info__list--stacked .info__list {width: 24%; margin-left: auto; margin-right: auto;} .mobl .chapter__header--container { padding: 0 0 0 15px; height: 40px; width: 100%; background: #fecb00; } .mobl .chapter__header--title { color: #000; height: auto; margin: 0; padding: 0; font-size: 23px; letter-spacing: 2px; height: 40px; line-height: 40px; } .mobl .chapter__header--title span.chapter__header--num:before { position: static; color: #000; line-height: 40px; font-size: 23px; margin: 0; padding: 0; padding-right: 6px; content: counter(section) '.'; } .mobl .chapter__header--title span.chapter__header--num { color: #000; padding: 0; margin: 0; line-height: 40px; } #need .chapter__section--container { padding-left: 0; padding-right: 0; } #need .chapter__figure--container.six, #need .chapter__text--container[id*="intro"] { padding-left: 15px; padding-right: 15px; } .need__graphic--title {font: normal 100px/104px 'Libel Suit'; text-transform: uppercase;} .need__graphic--description {width: auto; margin-left: 9px; margin-right: 9px;} #need .six {padding-left: 15px; padding-right: 15px;} .need__graphic--container--first {margin-left: 15%; margin-right: 18%;} .need__graphic--container--second {margin-right: 36%;} #need-data1 .chapter__section--title {margin-left: 6px; width: 90%;} #need-data1 {margin-top: 20px;} #need .data__td--figure {min-width: 15%; width: auto;} #need .data__td--served {width: 60%;} #need .chapter__section--container {padding-bottom: 0;} .need__graphic--container--first, .need__graphic--container--second {position: relative; padding: 15px 25px;} #need-data1 .chapter__section--title {margin-left: 11%;} #need-data1 .chapter__section--title {margin-left: 6px;} #need .data__td--figure {min-width: 9%; width: auto;} #menwomen .data__td--figure, #menwomen .data__td--served {font-size: 188px; line-height: 100px;} #menwomen .data__td--figure {left: auto; float: left; width: 36%;} #menwomen .data__td--served {float: left; right: 5%; width: 24%;} .menwomen__stat.first-para, .menwomen__stat.second-para {width: 36%; position: relative; z-index: 11; padding-left: 12%;} .ipad .menwomen__stat.first-para {padding-left: 8%;} .ipad .menwomen__stat.second-para {padding-left: 14%;} /* #impact ================================================== */ #impact .caption {display: none;} #impact .second-child {margin-left: auto;} .impact__served--total {margin-left: auto;} #impact2 .data__td--figure {font-size: 60px; line-height: 64px; width: 24%; text-align: right;} #impact2 .data__td--figure--amount {font-size: 110px; line-height: 114px; width: 24%;} #impact2 .data__td--figure--amount + .data__td--served {padding-left: 15px; padding-top: 15px;} #impact2 .data__td--served {width: 70%; padding-top: 3px; padding-left: 12px;} #impact2 .note {margin-left: 0;} #impact2 .note, #community .note { position: static; padding-top: 30px; bottom: auto; margin-left: 0; } /* #community ================================================== */ #community .data { min-width: 1px; min-height: 350px; } .ipad #community .data { min-width: 1px; min-height: 450px; } #community {padding-top: 30px; padding-bottom: 60px;} #community .data__td--figure {font-size: 60px; line-height: 64px;} #community .data__td--served, #community .data__td--served.odd {padding-top: 10px; width: 48%;} #community .note {margin-left: 9%;} /* #community ================================================== */ #teamkate .row.full-width {padding-left: 0;} .ipad #teamkate p {width: 70%;} .ipad #teamkate-about {margin-top: -75px;} #teamkate .chapter__text--container {padding-left: 15px; padding-right: 15px;} #teamkate-intro-img { top: auto; left: auto; padding-left: 15px; padding-right: 15px; } #teamkate-bib {top: 200px;} #teamkate-intro-img img, #teamkate-bib img {max-width: 100%;} #teamkate-about-first {margin-top: 60px;} #teamkate-about .chapter__section--container__firstp, #teamkate .chapter__text--container[id*="intro"] {width: auto;} /* #financialcharts ================================================== */ #financialcharts {padding-top: 40px; padding-bottom: 40px;} #financialcharts .note {position: static; left: auto; top: auto; width: auto; margin-left: 0;} #financialcharts-outro {width: auto; left: auto; top: auto; margin-top: 80px; clear: both; height: auto; margin-left: auto; margin-right: auto; padding-top: 50px;} .info__list--stacked {margin: 0 auto; clear: both; width: 100%; position: relative; text-align: center; left: 30%;} .info__list--stacked .info__list {float: left; width: 18%; margin-left: auto; margin-right: 81px; padding-top: 50px; text-align: left;} #board-footnote .note {padding-top: 50px;} /* modals ================================================== */ .modal__aside--container { min-width: 1px; max-width: 90%; padding-left: 15px; } .modal__aside--close { top: -20px; left: 105%; } } @media only screen and (max-width: 600px) { #canvas {min-width: 100px;} .row {min-width: 100px; max-width: 100%;} .row {width: 100% !important;} .dsktp .chapter__header--container + .chapter .chapter__text--container[id*="intro"] {padding-top: 80px;} .row + .row #infographic1 {margin-top: 0;} #letter {padding: 40px 0;} .mobl #letter .chapter__section--container { padding-top: 0; padding-bottom: 0; } #letter-bx {padding: 40px 15px 40px 15px; margin: 0 auto; width: 100%;} .mobl #letter-bx {background-image: none; background-color: #fff;} .mobl #need .data__tr .data__td--figure, #need .data__td--served {padding-bottom: 0;} /* #community ================================================== */ #community .row {margin-left: auto;} #community .row .row {margin: 0 auto;} #community .data__table {padding-top: 0;} #community .data__td--figure { font-size: 50px; line-height: 54px; width: 40%; text-align: right; } #community .data__td--served.odd {padding-top: 12px;} #community .data__td--served { width: 40%; margin-left: 21px; padding-top: 0; } /* #impact ================================================== */ #impact .chapter__section--container {padding: 40px 15px; padding-bottom: 0;} #impact .last-child .chapter__section--title, #impact .last-child .note {margin-left: auto;} #impact .data__td--figure {width: 21%;} #impact2 .data__td--served {width: 60%;} #impact2 .data__td--figure--amount + .data__td--served {padding-left: 42px;} /* #teamkate ================================================== */ #teamkate .chapter__text--container[id*="intro"] {width: auto;} #teamkate-about .row {padding-top: 40px;} #teamkate .row .row {margin: 0 auto;} #teamkate-stats .chapter__text--container { float: none; margin-right: auto; width: auto; } #teamkate-about .row#teamkate-about-first {padding-top: 40px;} #teamkate-stats .chapter__text--container.last {left: auto;} #stillstrong .chapter__section--container {padding-left: 15px; padding-right: 0; position: relative; top: auto; bottom: auto;} } @media only screen and (max-width: 480px) { .not-stacked {display: none;} .stacked {display: block;} #canvas {min-width: 100px;} .dsktp #canvas {min-width: 400px;} .row {min-width: 100px; max-width: 100%;} .subject .letter__label {float: none; margin: 0 auto; width: auto; display: inline; zoom: 1; padding-right: 6px;} .footer, .chapter__section--container {padding-top: 20px;} .dsktp .chapter__text--container[id*="intro"] {padding: 60px 0;} .chapter__text--container[id*="intro"] {padding: 20px 0 20px 0;} .mobl .chapter__header--container + .chapter .chapter__text--container[id*="intro"] {padding-top: 40px;} #letter .chapter__section--container { padding: 0; margin: 0 auto; } #letter-bx {padding-top: 30px; padding-bottom: 30px;} .dsktp #letter-bx {margin-top: 80px;} .chapter__text--container[id*="intro"] .chapter__section--container__firstp { font-size: 21px; line-height: 25px; } .chapter__text--container#need-intro {padding-bottom: 10px; padding-left: 15px; padding-right: 15px;} .mobl .chapter__header--title span.chapter__header--num:before {font-size: 25px;} #stillstrong .chapter__section--container .chapter__section--container__firstp, #stillstrong .chapter__section--container .chapter__section--container__firstp + p {font-size: 15px; line-height: 22px;} .dsktp #navigation, .ipad #navigation, .tblt #navigation {width: 35%;} /* #need ================================================== */ .need__graphic--title {font: normal 100px/104px 'Libel Suit'; text-transform: uppercase;} .need__graphic--description {width: auto; margin-left: 9px; margin-right: 9px;} #need .six {padding-left: 15px; padding-right: 15px;} #need .chapter__figure--container {padding-bottom: 0; margin-bottom: 0; max-height: 600px;} .need__graphic--container--first { padding: 15px 0 15px 15px; margin-right: 0; min-height: 600px; height: 600px; } .need__graphic--container--second { padding: 15px 0 15px 15px; margin-right: 18%; top: -350px; height: 350px; min-height: 350px; } #need-data1 {margin-bottom: 30px;} #need-data1 .chapter__section--title {margin-left: 6px; width: auto;} #need .data__tr span {padding-bottom: 0;} #need .data__td--figure {width: 33%;text-align: left; font-size: 90px; line-height: 94px;} #need .data__td--served {width: 63%; margin-left: 12px; margin-top: 1.2em;} #menwomen .data__td--figure, #menwomen .data__td--served {font-size: 96px; line-height: 54px; padding-left: 0; position: relative;} #menwomen .data__td--figure {left: auto; width: 40%; text-align: left;} #menwomen .data__td--served {right: 17%; width: 18%;} .menwomen__stat .br {padding-right: 3px; display: inline-block;} .menwomen__stat.first-para, .menwomen__stat.second-para {width: auto; position: relative; z-index: 11; padding-left: 6px; clear: both; padding-top: 9px;} .menwomen__stat.first-para {top: 85px;} #women {top: -63px;} .mobl #women {top: -81px;} #menwomen .note {margin-left: 0; margin-right: 12px;} /* impact ================================================== */ #impact2 .data__tr .data__td--figure, #impact2 .data__tr .data__td--served {padding-bottom: 0;} .impact__served--description {width: auto;} #impact .last-child .data__table {margin-left: 0;} #impact .first-child .br {display: inline; zoom: 1;} .impact__served--total {font-size: 133px;} .impact__action, .impact__served--description {text-align: left;} .impact__served--description .br {display: inline;} #impact .second-child {margin-left: auto;} .impact__served--total {margin-left: auto;} #impact .caption .br {display: block;} #impact2 {padding-bottom: 40px;} #impact2 .data__tr, #impact2 .data__tr--tfoot {height: auto; margin-bottom: 21px;} #impact2 .data__tr--tfoot {border-top: 15px solid #ffc40d;} #impact2 .data__td--served, #impact2 .data__td--figure, #impact2 .data__td--figure--amount {width: auto; float: none; margin: 5px auto; padding: 0; display: block;} #impact2 .data__td--figure {font-size: 80px; line-height: 84px; text-align: left;} #impact2 .data__td--figure--amount {font-size: 212px; text-align: left; margin: 30px auto 50px auto;} #impact2 .data__td--figure--amount + .data__td--served {padding: 0; margin: 0 auto;} #impact2 .note, #community .note {text-align: left; bottom: -42px;} #equation-end {margin-bottom: 30px;} /* #community ================================================== */ #community .data {background-image: none; background-size: auto;} #community-map {display: block;} #community .data { min-width: 1px; min-height: 1px; } #community .row {margin-left: auto;} #community .row .row {margin: 0 auto;} #community .data__table {padding-top: 0;} #community .data__td--figure { font-size: 80px; line-height: 84px; text-align: left; width: auto; float: none; padding-bottom: 0; display: block; } #community .data__td--served, #community .data__td--served.odd {float: none; width: auto; padding-bottom: 21px; display: block; margin-left: 0;} #community .data__td--served.odd {padding-bottom: 27px;} #community .note {bottom: -6%; top: auto; margin-left: auto;} /* #teamkate ================================================== */ #teamkate .info__container { position: relative; min-height: 1px; } #teamkate-about .info__note { width: 78%; margin-left: 0; } #teamkate .info__total { font-size: 80px; line-height: 84px; } #teamkate-bib { left: 100px; top: 100px; } /* #financialcharts ================================================== */ #financialcharts .info__container { min-height: 350px; height: 350px; min-width: 100%; overflow: hidden; } #infographic1 .info__container, #infographic2 .info__container, #infographic3 .info__container, #infographic4 .info__container {background-size: 80%;} #infographic1 .info__container--content { width: 51%; top: 24%; } .dsktp #infographic1 .info__container--content {top: 15%;} #infographic2 .info__container--content, #infographic3 .info__container--content, #infographic4 .info__container--content { width: auto; top: 33%; left: auto; } #infographic2 .info__container--content {top: 36%;} #infographic3 .info__container--content {top: 36%;} #infographic4 .info__container--content {top: 33%;} #infographic2 .info__total, #infographic3 .info__total, #infographic4 .info__total {font-size: 51px;} .info__list--stacked {left: 12%; top: -75px; margin-bottom: 0; padding-bottom: 0;} .info__list--stacked .info__list { width: 42%; margin-right: 12px; margin-left: auto; } .info__list--stacked .info__list:last-child {margin-right: 0;} #board-footnote .note {bottom: auto; top: auto; margin-top: 50px;} #infographic1 .info__note {width: 85%;} .info__note.mobile {margin-top: -10px; width: 85%;} /* modal ================================================== */ .modal__aside--close {display: none;} } @media only screen and (max-width: 400px) { .chapter__text--container[id*="intro"] .chapter__section--container__firstp {font-size: 21px; line-height: 25px;} #menwomen .data__td--served {right: 12%;} #community .data__td--figure { font-size: 72px; line-height: 76px; } #teamkate-intro-img {max-width: 75%;} #teamkate-bib {left: 90px; top: 150px;} #teamkate-about {padding-left: 0;} #teamkate .info__total.pull {left: 0;} /* #financialcharts ================================================== */ #financialcharts .info__container { min-height: 275px; height: 275px; min-width: 100%; overflow: hidden; } #financialcharts .row h4 { margin-top: 50px; margin-bottom: 25px; text-align: center; } #infographic1 .info__container, #infographic2 .info__container, #infographic3 .info__container, #infographic4 .info__container {background-size: 80%;} .mobl #infographic1 .info__container, .mobl #infographic2 .info__container {background-size: 83%;} .mobl #infographic3 .info__container, .mobl #infographic4 .info__container {background-size: 90%;} #infographic1 .info__container--content, #infographic2 .info__container--content, #infographic3 .info__container--content, #infographic4 .info__container--content { width: auto; left: auto; } #infographic1 .info__container--content {top: 32%;} #infographic2 .info__container--content {top: 32%; left: -2px;} #infographic3 .info__container--content, #infographic4 .info__container--content {top: 32%;} #infographic1 .info__total {font-size: 81px;} #infographic2 .info__total, #infographic3 .info__total, #infographic4 .info__total {font-size: 43px;} #infographic1 .info__note {position: relative; width: 70%;} .info__list--stacked {top: -25px;} #board-footnote .note {padding-top: 0;} #stillstrong .chapter__section--title--inline {font-size: 18px; letter-spacing: 3px;} .chapter__section--title--inline strong, #stillstrong .chapter__section--container__firstp--leadin {letter-spacing: 3px;} } @media only screen and (max-width: 300px) { .dsktp #navigation, .ipad #navigation, .tblt #navigation {width: 100%;} } @media only screen and (max-height: 500px) { .mobl .nav__links--bg { width: 100%; max-width: 100%; padding: 40px 12px 0 12px; } .mobl .col {float: left; width: 68%} .mobl .col.last {float: right; width: 32%} .mobl .nav__links--bg .col.last {padding-top: 60px; padding-left: 0; padding-right: 10px;} } @media only screen and (orientation: landscape) { /* nav ================================================== */ .mobl #navigation { width: 100%; max-width: 100%; background: transparent; } .mobl .nav__links--bg {min-width: 100%; padding-top: 15px;} .tblt .nav__links--bg .col, .ipad .nav__links--bg .col, .mobl .nav__links--bg .col {float: left;} .tblt .nav__links--bg .col:first-child, .ipad .nav__links--bg .col:first-child, .mobl .nav__links--bg .col:first-child {width: 60%; margin-right: 1%;} .ipad .nav__links--bg .col:first-child {margin-right: 6%;} .mobl #canvas {margin-top: 30px;} .mobl .mobile-title {line-height: 30px;} .mobl .mobile-title .br {display: inline; zoom: 1;} .mobl #navigation, .mobl .nav__show, .mobl .mobile-title {height: 30px;} .mobl .mobile-title {line-height: 30px; padding-top: 0; font-size: 15px;} .mobl .nav__show {line-height: 30px} .mobl .nav__tools--bg {height: auto;} .mobl .nav__links--bg .col {padding-top: 27px; padding-left: 10px;} .mobl .nav__links--bg .col.last {padding-top: 27px; padding-left: 0; padding-right: 10px;} .mobl #navigation #ar-links .nav__item, .mbol #navigation #org-links .nav__item {font: normal 21px/27px 'Libel Suit';} .iphone.mobl .mobile-title {font-size: 12px;} .iphone.mobl .hamburger {font-size: 18px;} .iphone.mobl #navigation #ar-links .nav__item {font: normal 8px/12px 'Libel Suit';} .iphone.mobl #navigation #org-links .nav__item {font: normal 8px/12px "CgGothicNo3Medium", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;} .iphone.mobl .nav__item { text-indent: -1.5em; margin-left: 1em; } .iphone.mobl .nav__links--bg .col {padding-left: 3px;} .iphone.mobl .nav__links--bg .col.last {padding-right: 3px;} .android.mobl #need .data__tr .data__td--figure, .android #need .data__td--served {padding-bottom: 27px;} .android.mobl .menwomen__stat.first-para, .android.mobl .menwomen__stat.second-para { width: 39%; padding-left: 10%; } } @media only screen and (orientation: portrait) { .mobl .nav__links--bg .col {float: left;} .mobl .nav__links--bg {min-width: 100%;} .mobl .nav__links--bg .col:first-child {width: 55%; margin-right: 5%;} .mobl .nav__links--bg .col {padding-left: 10px;} .mobl .nav__links--bg .col.last {width: 40%; padding-top: 60px; padding-left: 0; padding-right: 10px;} } /* ie8 enough said ================================================== */ .lt-ie9 #canvas {min-width: 1024px;} .lt-ie9 #folio { background: transparent url(../imgs/folio.png) no-repeat left top; padding-left: 2000%; right: 0; left: 96%; top: 155px; height: 500px; } .lt-ie9 .pull-three { right: 3%; } .lt-ie9 .pull-two { right: 0; width: 45%; padding-right: 21px; } .lt-ie9 #impact .seven { width: 50%; } .lt-ie9 .impact__served--total { font-size: 125px; } .lt-ie9 #impact .data__td--served { width: 87%; } .lt-ie9 #infographic2 .last .info__block--first, .lt-ie9 #infographic2 .last .info__block--second, .lt-ie9 #infographic2 .last .info__block--third, .lt-ie9 #infographic3 .last .info__block--first, .lt-ie9 #infographic4 .last .info__block--first {left: 572px;} .lt-ie9 .pull-four {right: 0;} .lt-ie9 .chapter {background-position: center center;} .no-backgroundsize #letter-bx { background-image: none; background-color: #fff; } .no-backgroundsize .nav__links--bg { background-image: none; background-color: #151515; } .no-backgroundsize .listicle-bg { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../imgs/backgrounds/desktop-background-wristband.jpg', sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='(../imgs/backgrounds/desktop-background-wristband.jpg', sizingMethod='scale')"; } .no-backgroundsize .listicle-bg#listicle12 { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../imgs/backgrounds/desktop-background-signoff.jpg', sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='(../imgs/backgrounds/desktop-background-signoff.jpg', sizingMethod='scale')"; } .no-backgroundsize #letter { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../imgs/backgrounds/desktop-background-letter.jpg', sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='(../imgs/backgrounds/desktop-background-letter.jpg', sizingMethod='scale')"; } .no-backgroundsize #need { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../imgs/backgrounds/desktop-background-theneed.jpg', sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='(../imgs/backgrounds/desktop-background-theneed.jpg', sizingMethod='scale')"; } .no-backgroundsize #menwomen { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../imgs/backgrounds/desktop-background-menwomen.jpg', sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='(../imgs/backgrounds/desktop-background-menwomen.jpg', sizingMethod='scale')"; } .no-backgroundsize #impact { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../imgs/backgrounds/desktop-background-impact.jpg', sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='(../imgs/backgrounds/desktop-background-impact.jpg', sizingMethod='scale')"; } .no-backgroundsize #impact2 { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../imgs/backgrounds/desktop-background-impact2.jpg', sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='(../imgs/backgrounds/desktop-background-impact2.jpg', sizingMethod='scale')"; } .no-backgroundsize #community { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../imgs/backgrounds/desktop-background-cip.jpg', sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='(../imgs/backgrounds/desktop-background-cip.jpg', sizingMethod='scale')"; } .no-backgroundsize #teamkate { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../imgs/backgrounds/desktop-background-teamkate.jpg', sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='(../imgs/backgrounds/desktop-background-teamkate.jpg', sizingMethod='scale')"; } .no-backgroundsize #financials { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../imgs/backgrounds/desktop-background-scratchyyellow.jpg', sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='(../imgs/backgrounds/desktop-background-scratchyyellow.jpg', sizingMethod='scale')"; } .no-backgroundsize #donors, #leaders { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../imgs/backgrounds/desktop-background-tributewallmono.jpg', sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='(../imgs/backgrounds/desktop-background-tributewallmono.jpg', sizingMethod='scale')"; } .no-backgroundsize #financialcharts { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../imgs/backgrounds/desktop-background-financialcharts.jpg', sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='(../imgs/backgrounds/desktop-background-financialcharts.jpg', sizingMethod='scale')"; } .lt-ie9 #listicle1 .listicle {background-image: url(../imgs/listicles/listicle-28.png);} .lt-ie9 #listicle2 .listicle {background-image: url(../imgs/listicles/listicle-28.png);} .lt-ie9 #listicle2 .listicle__animation--nested {background-image: url(../imgs/listicles/listicle-28_2.png);} .lt-ie9 #listicle3 .listicle {background-image: url(../imgs/listicles/listicle-28.png);} .lt-ie9 #listicle5 .listicle {background-image: url(../imgs/listicles/listicle-28.png);} .lt-ie9 #listicle5 .listicle__animation--nested {background-image: url(../imgs/listicles/listicle-28_6.png);} .lt-ie9 #listicle6 .listicle {background-image: url(../imgs/listicles/listicle-28.png);} .lt-ie9 #listicle7 .listicle {background-image: url(../imgs/listicles/listicle-28.png);} .lt-ie9 #listicle8 .listicle {background-image: url(../imgs/listicles/listicle-28.png);} .lt-ie9 #listicle8 .listicle__animation {background-image: url(../imgs/listicles/listicle-28_10.png);} .lt-ie9 #listicle9 .listicle {background-image: url(../imgs/listicles/listicle-28.png);} .lt-ie9 #listicle9 .listicle__animation {background-image: url(../imgs/listicles/listicle-28_13.png);} .lt-ie9 #listicle10 .listicle {background-image: url(../imgs/listicles/listicle-28.png);} .lt-ie9 #listicle10 .listicle__animation {background-image: url(../imgs/listicles/listicle-28_14.png);} .lt-ie9 #listicle11 .listicle {background-image: url(../imgs/listicles/listicle-28.png);} .lt-ie9 #listicle11 .listicle__animation--nested {background-image: url(../imgs/listicles/listicle-22_17-01.png);} .lt-ie9 #listicle12 .listicle {background-image: url(../imgs/listicles/listicle-28.png);}