/*
Theme Name: LIIF 2014 Annual Report
Version: 1.0
Author: Sizeable Interactive
Author URI: http://sizeableinteractive.com
Description: Custom WordPress theme created by Sizeable Interactive in Baltimore, MD.
*/

@import url(http://fonts.googleapis.com/css?family=Lato:700,700italic|Roboto:300|Roboto+Condensed:300italic,400italic,700italic,400,700,300);
@import url(css/icons.css);
@import url(js/vendor/magnific/magnific-popup.css);

html, body, button, input, select, textarea { color: #333; font: 300 18px/1.5 'Roboto Condensed', 'Roboto', 'Helvetica Neue', sans-serif; line-height: 1.4; }
::-moz-selection { background: #FF8; text-shadow: none; }
::selection { background: #FF8; text-shadow: none; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
img { vertical-align: middle; border: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
textarea { resize: vertical; }

html { box-sizing: border-box; }
*, *:before, *:after { box-sizing: inherit; }

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


/* ==========================================================================
   Author's custom styles
   ========================================================================== */
html, body { width: 100%; height: 100%; overflow: hidden; margin: 0; padding: 0; background-color: #ecf1c9; }

/* =General
------------------------------------------------------------------- */
h1 { margin: 0 0 20px; }
h2 { margin: 0 0 10px; text-transform: uppercase; color: #0072bc; font-size: 52px; line-height: 1.1;}
h3 { margin: 0 0 4px; line-height: 1.1; }
h4 { margin: 0 0 4px; line-height: 1.2; }
p { margin: 0 0 20px; }

a { color: #008ace; text-decoration: none; -webkit-transition: color .2s, background-color .2s, opacity .2s; transition: color .2s, background-color .2s, opacity .2s; -moz-transition: color .2s, background-color .2s, opacity .2s; }
a:hover { color: #1eb5ff; -webkit-transition: color .2s, background-color .2s, opacity .2s; transition: color .2s, background-color .2s, opacity .2s; -moz-transition: color .2s, background-color .2s, opacity .2s; }

nav ul { margin: 0; padding: 0; }
nav ul li { margin: 0; padding: 0; list-style: none; }

input[type=text], input[type=email], input[type=url], textarea, select,
.gform_wrapper input[type=text], .gform_wrapper textarea, .gform_wrapper select { border: 1px solid #ccc; padding: 6px 8px; }
input[type=submit]:hover, .gform_wrapper input[type=submit]:hover, input[type=button]:hover, a.button:hover { cursor: pointer; }

blockquote { padding: 18px 20px 4px; margin: 0 0 20px; background-color: #0069a2; color: #fff; font-size: 1.2em; font-style: italic; }
blockquote p { line-height: 1.4; }

.video-container {  box-sizing: content-box; }
.video-container .video { position: relative; padding-bottom: 54.1%; padding-top: 10px; margin-bottom: 16px; margin-top: -10px; height: 0; overflow: hidden; box-sizing: content-box; }
.video-container .video iframe, .video-container object, .video-container .video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%;  box-sizing: content-box; }


/* =Slider
------------------------------------------------------------------- */
#main { visibility: hidden; position: absolute; left: 0; top: 0; right: 0; bottom: 0; height: auto; width: auto; margin: 80px 0 60px; /*header/footer*/ }
#main.rsHor { visibility: visible; }
#main .rsArrow { display: block; width: 58px; height: 60px; background-color: #767676; position: absolute; top: 50%; margin-top: -30px; text-align: center; transition: background-color, .2s; -webkit-transition: background-color, .2s; -moz-transition: background-color, .2s; z-index: 900; }
	.rgba #main .rsArrow { background-color: rgba(0,0,0,0.3); }
#main .rsArrow.rsArrowDisabled { opacity: 0; }
#main .rsArrow:hover { background-color: #111; transition: background-color, .2s; -webkit-transition: background-color, .2s; -moz-transition: background-color, .2s; }
#main .rsArrow .rsArrowIcn { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1.5;  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #fff; font-size: 38px; }
#main .rsArrow.rsArrowLeft { left: 20px; }
#main .rsArrow.rsArrowLeft .rsArrowIcn:before { content: "\e602"; }
#main .rsArrow.rsArrowRight { right: 20px; }
#main .rsArrow.rsArrowRight .rsArrowIcn:before { content: "\e605"; }

#main .rsNav { position: absolute; top: -53px; left: 340px; z-index: 1000; background: url(images/pagination-bg.png) repeat-x center center; height: 20px; margin: 0; padding: 0; }
#main .rsNav .rsNavItem.rsNavSelected { background-color: #0072bc; }
#main .rsNav .rsNavItem { position: relative; display: inline-block; width: 20px; height: 20px; border-radius: 50%; background-color: #d4d4d4; margin-right: 8px; cursor: pointer; transition: background-color, .2s; -webkit-transition: background-color, .2s; -moz-transition: background-color, .2s; }
#main .rsNav .rsNavItem:last-child { margin-right: 0; }
#main .rsNav .rsNavItem:hover { background-color: #666; transition: background-color, .2s; -webkit-transition: background-color, .2s; -moz-transition: background-color, .2s; }

#main .rsNav .tooltip { position: absolute; top: 24px; left: 50%; padding: 0; text-align: center; font-size: 13px; color: #aaa; width: 220px; margin-left: -110px; cursor: default; }

.wrap { width: 100%; padding: 50px 120px; z-index: 200; position: absolute; top: 0; left: 0; overflow: auto; height: 100%; overflow-y: scroll; -webkit-overflow-scrolling: touch; }
.lt-ie10 .wrap { width: 101.4%; }
.wrap header { text-align: center; }
.rsOverflow { z-index: 100; }

/* =Slide: Introduction
------------------------------------------------------------------- */
#introduction p.equation { text-transform: uppercase; font-size: 28px; font-weight: 700; }
#introduction p.equation .operator { color: #d05932; }
#introduction p.equation .answer { display: block; font: bold italic 56px/1.0 'Lato', 'Helvetica Neue', sans-serif; text-transform: none; color: #d05932; padding-left: 15px; }

#introduction article { width: 70%; }
#introduction article .overlay { width: 70%; background-color: #fff; padding: 20px 25px 5px; font-size: 18px; }
	.rgba #introduction article .overlay { background-color: rgba(255,255,255,0.6); }

#introduction .title { float: right; text-align: right; margin: -30px -80px 0 0; text-shadow: 0 1px rgba(255,255,255,0.5); }
#introduction .title h2 { font-weight: 300; font-size: 24px; margin-bottom: 10px; color: #333; text-transform: none; }
#introduction .title h3 { font-weight: 700; font-size: 18px; text-transform: uppercase; }
#introduction .title h3 em { font-style: normal; color: #d05932; }


/* =Slide: Letter
------------------------------------------------------------------- */
#letter .col-main { margin-right: 340px; float: left; }
#letter .col-main img.alignright { width: 180px; }
#letter .col-main h2 { font-size: 26px; }
#letter .col-main .letter { background-color: #fff; padding: 25px 30px 1px; font-size: 17px; margin-bottom: 20px; }
#letter .col-main .letter .salutation { color: #df9536; font-weight: 700; text-transform: uppercase; margin-bottom: 10px; }
#letter .col-main .letter blockquote { margin-left: -30px; padding-left: 30px; padding-right: 30px; }
#letter .col-main .letter .signature { font-size: 14px; margin-right: 40px; float: left; }
#letter .col-main .letter .signature .name { text-transform: uppercase; }

#letter .col-side { width: 330px; position: absolute; top: 50px; right: 80px; }
#letter .col-side img { margin-bottom: 20px; }
#letter .col-side p { margin-bottom: 0; font-size: 17px; }
#letter .col-side .logo img { max-width: 250px; }


/* =Slide: Impact
------------------------------------------------------------------- */
#impact header p { text-align: left; }
#impact { text-align: center; font-size: 16px; }
#impact .equation { background-color: #4d4d4d; color: #eee; padding: 20px 0 5px; }
#impact .equation ul { margin: 0; padding: 0; }
#impact .equation ul li { width: 20%; margin: 0; padding: 0 10px; float: left; position: relative; list-style: none; text-transform: uppercase; line-height: 1.4; }
#impact .equation ul li:after { content: '+'; font-size: 26px; font-weight: bold; color: #df7536; position: absolute; top: 70px; right: -8px; }
#impact .equation ul li:last-child:after { content: ''; }
#impact .equation ul li h3 { color: #b8d04a; text-transform: uppercase; font-size: 22px; }
#impact .equation a { color: #fff; text-decoration: underline; }
#impact .equation a:hover { color: #aaa; }
#impact .equals { width: 80%; height: 4px; margin: 30px auto 20px; background: url(images/border-dotted-line-red.png) repeat-x center; text-indent: -9999px; }
#impact .total { color: #fff; margin-bottom: 20px; }
#impact .total em { color: #b8d04a; font-style: normal; }


/* =Slide: Stories
------------------------------------------------------------------- */
#stories .wrap { padding-top: 20px; }
#stories { width: 100%; height: 100%; background-color: #f0f0f0; }

.lightbox { display: none; position: relative;  background: #FFF; padding: 30px 20px; width: auto; max-width: 940px; margin: 15px auto; }
.mfp-container .lightbox { display: block; }

/* lightbox */
.lightbox .gallery { width: 36.666666666%; float: left; }
.lightbox .gallery .main { background: url(images/loader.gif) no-repeat center center; min-height: 100px; }
.lightbox .gallery .thumbs { padding: 5px 0; }
.lightbox .gallery .thumbs li { width: 25%; float: left; }
.lightbox .gallery .thumbs li a.active { opacity: 0.6; }
.lightbox .gallery .thumbs li .image-description { display: none; }
.lightbox .gallery blockquote { opacity: 0; visibility: hidden; clear: both; font-size: 16px; transition: opacity, .3s ease; -webkit-transition: opacity, .3s ease; -moz-transition: opacity, .3s ease; font-style: normal; }
.lightbox .gallery blockquote.active { opacity: 1.0; visibility: visible; transition: opacity, .3s ease; -webkit-transition: opacity, .3s ease; -moz-transition: opacity, .3s ease; }

.lightbox .content { width: 60%; float: right; }
.lightbox .content h3 { color: #df9536; font-size: 30px; font-weight: normal; }
.lightbox .content .stats { margin: 10px 0 20px; }
.lightbox .content .stats .stat { width: 180px; margin-right: 15px; display: inline-block; vertical-align: top; color: #555; font-size: 18px; line-height: 1.1; font-weight: bold; }
.lightbox .content .stats .stat strong { color: #b8d04a; font-size: 52px; }
.lightbox .content .description { margin: 20px 0 0; }

/* grid */
.grid .item { width: 48%; display: inline-block; vertical-align: top; padding: 0 10px 20px; }
.grid .thumb { display: block; margin: 0 auto; max-width: 460px; position: relative; }
.grid .thumb.has-video:hover:after { content: "\e600"; font-size: 72px; display: block; width: 80px; height: 80px; color: #fff; opacity: 0.75; position: absolute; top: 50%; left: 50%; margin: -70px 0 0 -40px;
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
}
.grid .thumb .overlay { padding: 18px 20px; position: absolute; bottom: -1px; left: 0; width: 100%; background-color: #b8d04a; color: #444; font-size: 18px; text-transform: uppercase; text-align: left; line-height: 1.0; transition: background-color, .2s; -webkit-transition: background-color, .2s; -moz-transition: background-color, .2s; }
.rgba .grid .thumb .overlay { background-color: rgba(184, 208, 74, 0.75); }
.rgba .grid .thumb:hover .overlay { background-color: rgba(184, 208, 74, 1); transition: background-color, .2s; -webkit-transition: background-color, .2s; -moz-transition: background-color, .2s; }
.grid .thumb .overlay h3 { font-size: 22px; color: #222; margin: 0 0 2px; }
.grid .thumb .overlay p { margin: 0; }


/* =Slide: Financials
------------------------------------------------------------------- */
.accordions { background-color: #fff; padding: 20px 50px; width: 100%; margin: 0 auto; }
.accordions .accordion h2 { font-size: 36px; border-bottom: 2px solid #df9536; padding: 15px 0; line-height: 1.0; }
.accordions .accordion h2 span { font-size: 24px; width: 40px; display: inline-block; position: relative; top: -2px; }
.accordions .accordion h2.toggled span:before { content: "\e603"; }
.accordions .accordion .body { display: none; box-shadow: 0 0 5px #ccc; padding: 20px 30px; margin-bottom: 15px; }
table.financials { width: 100%; font-size: 14px }
table.financials tr.years th, table.financials tr.years td { border-bottom: 1px solid #0069a2; }
table.financials tr.years th { text-align: right; font-weight: normal; width: inherit; }
table.financials tr.years th.as-of { text-align: left; font-weight: 300; font-size: 12px; padding-left: 0; }
table.financials tr th { text-align: left; font-weight: 300; width: 35%; }
table.financials tr td { text-align: right; width: 20%; }
table.financials tr th, table.financials tr td { padding: 2px; }
table.financials tr.section th, table.financials tr.sub-section th { font-weight: bold; }
table.financials tr.section th, table.financials tr.section td { padding-top: 10px; }

table.financials tr.sub-section th, table.financials tr.sub-section td { padding-top: 5px; }
table.financials tr:hover { background-color: #e5f0f6; cursor: default; }
table.financials tr.years:hover { background-color: transparent; cursor: default; }

table.financials tr.totals th, table.financials tr.totals td { font-weight: bold; border-top: 1px solid #0069a2; border-bottom: 2px solid #0069a2; }
table.financials tr.totals th { padding-left: 15px; }
table.financials tr.totals.last th, table.financials tr.totals.last td { border-bottom: none; padding-bottom: 10px; }
table.financials tr.totals.final th, table.financials tr.totals.final td { padding-left: 0; }


/* =Slide: Supporters
------------------------------------------------------------------- */
#supporters .tabs .col li { font-weight: 500; }

.block.tabbed .wrap { padding-left: 0; padding-right: 0; }
.tabs .tabs-container { padding: 40px 90px; background-color: #fff; border-top: 2px solid #df9536; border-bottom: 2px solid #df9536; }

.tabs { z-index: 100; }
.tabs nav { padding: 0 65px; }
.tabs nav ul li { display: block; float: left; }
.tabs nav ul li a { display: block; padding: 15px 18px; margin-right: 5px; float: left; font-size: 26px; font-weight: bold; color: #0072bc; text-transform: uppercase; position: relative; bottom: -2px; }
.tabs nav ul li.toggled a { background-color: #fff; border-top: 2px solid #df9536; border-right: 2px solid #df9536; border-left: 2px solid #df9536; }

.tabs .tab { display: none; }
.tabs .col { display: inline-block; width: 48%; vertical-align: top; padding: 0 15px 0 0; margin: 0; }
.tabs .col li { list-style: none; padding-left: 0; font-weight: 300; margin-bottom: 4px; }


/* =Slide: Staff
------------------------------------------------------------------- */
.tabs .tab.names-titles-company p { display: inline-block; vertical-align: top; width: 48%; padding-right: 15px; font-size: 16px; }
.tabs .tab.names-titles-company h3 { text-transform: uppercase; color: #df9536; margin: 20px 0 10px; padding: 20px 0 0; font-size: 16px; border-top: 2px solid #df9536; }
.tabs .tab.names-titles-company h3:first-child { margin-top: 0; border-top: 0; padding-top: 0; }


/* =Slide: Connect
------------------------------------------------------------------- */
#connect header h2 { font-weight: 300; }
#connect .social { text-align: center; padding: 15px 0 46px; }
#connect .social span { display: inline-block; vertical-align: top; font-size: 48px; text-align: center; color: #fff; width: 90px; height: 90px; margin: 0 5px; border-radius: 50%; line-height: 1.9; transition: opacity, .2s; -webkit-transition: opacity, .2s; -moz-transition: opacity, .2s; }
#connect .social span:hover { opacity: 0.7; transition: opacity, .2s; -webkit-transition: opacity, .2s; -moz-transition: opacity, .2s; }
#connect .social span.icon-twitter { background-color: #2ca9e1; line-height: 2.0; }
#connect .social span.icon-facebook { background-color: #3d5a98; }
#connect .social span.icon-youtube { background-color: #e22a22; }
#connect .social span.icon-linkedin { background-color: #0073a5; }

#connect .overlay { width: 90%; background-color: #fff; padding: 20px 25px 5px; margin: 0 auto; font-size: 18px; }
	.rgba #connect .overlay { background-color: rgba(255,255,255,0.85); }

#connect .rsImg { margin-top: 0 !important; }


/* =Header
------------------------------------------------------------------- */
header.main { width: 100%; height: 80px; position: relative; padding: 0 50px; background-color: #fff; border-bottom: 6px solid #bed62f; position: absolute; top: 0; left: 0; z-index: 800; }
header.main .logo { float: left; padding-top: 10px; }
header.main .logo img { float: left; }
header.main .logo h1 { float: left; font-weight: bold; font-size: 18px; text-transform: uppercase; margin: 0; padding: 15px 0 0 24px; }
header.main .logo h1 a { color: #222; }
header.main .share { float: right; font-size: 14px; color: #777; text-transform: uppercase; padding-top: 22px; }
header.main .share .label { display: inline-block; margin-right: 5px; line-height: 1.0; }
header.main .share nav { display: inline-block; }
header.main .share nav ul { display: inline-block; }
header.main .share nav ul li { display: inline-block; }
header.main .share nav ul li a { display: inline-block; margin-left: 5px; width: 28px; height: 28px; background: #000; border-radius: 50%; font-size: 18px; text-align: center; color: #fff; padding-top: 3px;}
header.main .share nav ul li a:hover { background-color: #0072bc; }

#slide-title { position: absolute; top: 25px; left: 580px; font-size: 16px; }

/* =Footer
------------------------------------------------------------------- */
footer.main { width: 100%; height: 60px; padding: 15px 50px 0; background-color: #4d4d4d; color: #fff; position: absolute; bottom: 0; left: 0; z-index: 800; font-size: 14px; }
footer.main .copyright { float: left; padding-top: 5px; }
footer.main .newsletter { width: 395px; float: right; }
footer.main .newsletter h3 { float: left; font-weight: normal; font-size: 16px; padding-right: 6px; line-height: 1.5; }
footer.main .newsletter .field-wrap { float: right; background: #626262 none; position: relative; }
footer.main .newsletter input[type=text] { background: #626262 none; border: 0; width: 200px; height: 28px; font: 13px 'Helvetica Neue', sans-serif; color: #fff; padding-right: 30px; }
footer.main .newsletter input[type=submit] { position: absolute; top: 0; right: 0; height: 28px; width: 28px; background-color: #313131; color: #b7d432; border: 0; -webkit-appearance: none; font-family: icomoon; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1.0;  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transition: background-color, .2s; -webkit-transition: background-color, .2s; -moz-transition: background-color, .2s; }
footer.main .newsletter input[type=submit]:hover { background-color: #000; transition: background-color, .2s; -webkit-transition: background-color, .2s; -moz-transition: background-color, .2s; }



/* ==WordPress
------------------------------------------------------------------- */
/*=Images*/
.alignleft,img.alignleft { float: left; margin: 2px 15px 4px 0; }
.alignright,img.alignright { float: right; margin: 2px 0 4px 15px; }
.aligncenter,img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; }
img.alignleft,img.alignright,img.aligncenter { margin-bottom: 12px; }
#content .wp-caption { background: #eee; line-height: 18px; margin-bottom: 20px; padding: 4px; text-align: center; }
#content .wp-caption img { margin: 5px 5px 0; }
#content .wp-caption p.wp-caption-text { color: #555; font-size: 12px; margin: 5px; }
#content .wp-smiley { margin: 0; }
#content .gallery { margin: 0 auto 18px; }
#content .gallery .gallery-item { float: left; margin-top: 0; text-align: center; width: 33%; }
#content .gallery img { border: 2px solid #cfcfcf; }
#content .gallery .gallery-caption { color: #888; font-size: 12px; margin: 0 0 12px; }
#content .gallery dl { margin: 0; }
#content .gallery img { border: 10px solid #f1f1f1; }
#content .gallery br+br { display: none; }
#content .attachment img { display: block; margin: 0 auto; }


/* ==========================================================================
   Responsive
   ========================================================================== */

img { max-width: 100%; height: auto; -ms-interpolation-mode: bicubic; }

/* TABLET */
@media only screen and (max-width: 959px) {

	/* =Slider
	------------------------------------------------------------------- */
	#main .rsArrow { width: 40px; height: 60px; margin-top: -30px; }
	#main .rsArrow .rsArrowIcn { font-size: 32px; line-height: 1.9; }
	#main .rsArrow.rsArrowLeft { left: 15px; }
	#main .rsArrow.rsArrowRight { right: 15px; }

	#main .rsNav { left: 160px; height: 23px; }
	#main .rsNav .rsNavItem { width: 15px; height: 15px; }
	#main .rsNav .tooltip { display: none; }
	
	.wrap { padding: 50px 60px; }
	


	/* =Slide: Introduction
	------------------------------------------------------------------- */
	#introduction p.equation { font-size: 24px; }
	#introduction p.equation .answer { font-size: 36px; }

	#introduction article { width: 100%; }

	#introduction .title { margin: -15px -20px 0 0; text-shadow: 0 1px rgba(255,255,255,0.8); }
	#introduction .title h2 { font-size: 20px; }
	#introduction .title h3 { font-size: 16px; }


	/* =Slide: Letter
	------------------------------------------------------------------- */
	#letter .col-main { margin-right: 240px; }
	#letter .col-main h2 { font-size: 18px; }

	#letter .col-side { width: 200px; }
	#letter .col-side img { margin-bottom: 20px; }
	#letter .col-side p { margin-bottom: 0; font-size: 16px; }

	/* =Slide: Stories
	------------------------------------------------------------------- */
	/* grid */
	.grid .item { padding: 0 5px 10px; }
	.grid .thumb .overlay { padding: 12px 15px; font-size: 16px; }
	.grid .thumb .overlay h3 { font-size: 18px; }


	/* =Slide: Financials
	------------------------------------------------------------------- */
	.accordions { padding: 20px; }


	/* =Slide: Supporters
	------------------------------------------------------------------- */
	.tabs nav ul li a { font-size: 18px; }
.tabs .tabs-container { padding-left: 80px; padding-right: 80px; }


	/* =Header
	------------------------------------------------------------------- */
	header.main { padding-left: 30px; padding-right: 30px; }
	header.main .logo h1 { padding-left: 16px; }
	header.main .logo h1 .title { display: none; }
	#slide-title { left: 350px; top: 30px; font-size: 14px; }


	/* =Footer
	------------------------------------------------------------------- */
	footer.main { padding-left: 30px; padding-right: 30px; }
	footer.main .newsletter { width: 366px; float: right; }
	footer.main .newsletter h3 { font-weight: 300; font-size: 14px; padding-top: 3px; }

}

/* TABLET (small) */
@media only screen and (max-width: 767px) {
	#slide-title { display: none; }

	/* =Slide: Supporters
	------------------------------------------------------------------- */
	.tabs nav ul li a { padding: 15px 10px; }
}

/* MOBILE */
@media only screen and (max-width: 600px) {

	h2 { font-size: 32px; }
	
	.rsImg { opacity: 0.35; }

	/* =Slider
	------------------------------------------------------------------- */
	#main { margin: 55px 0 0; /*header/footer*/ }
	#main .rsNav { left: 90px; top: -40px;  height: 23px; }
	.wrap { padding: 30px 40px; }

	#main .rsArrow { width: 26px; height: 60px; margin-top: -30px; }
	.rgba #main .rsArrow { background-color: transparent; text-shadow: 0 1px 0 rgba(0,0,0,0.2); }
	.rgba #main .rsArrow:hover {  }
	#main .rsArrow .rsArrowIcn { font-size: 28px; line-height: 2.2; }
	#main .rsArrow.rsArrowLeft { left: 6px; }
	#main .rsArrow.rsArrowRight { right: 6px; }


	/* =Slide: Introduction
	------------------------------------------------------------------- */
	#introduction p.equation { font-size: 22px; padding-top: 15px; }
	#introduction p.equation .answer { font-size: 24px; padding-left: 0; }

	#introduction article .overlay { width: 100%; padding-left: 15px; padding-right: 15px; }

	#introduction .title { float: none; text-align: left; text-shadow: none;  }
	#introduction .title h2 { font-size: 20px; margin: 0; text-shadow: none; }
	#introduction .title h3 br { display: none; }


	/* =Slide: Letter
	------------------------------------------------------------------- */
	#letter .col-main { margin-right: 0; float: none; }
	#letter .col-side { width: 100%; position: static; top: auto; right: auto; }
	#letter .col-main .letter { padding-left: 15px; padding-right: 15px; }
	#letter .col-main .letter blockquote { margin-right: -15px; margin-left: -15px; }


	/* =Slide: Impact
	------------------------------------------------------------------- */
	#impact { font-size: 18px; }
	#impact .equation { padding-right: 10px; }
	#impact .equation ul li { display: inline-block; vertical-align: top; width: 48%; margin: 0; padding: 0 10px 20px; float: none; position: relative; list-style: none; text-transform: uppercase; line-height: 1.4; }


	/* =Slide: Stories
	------------------------------------------------------------------- */
	/* grid */
	.grid .item { width: 100%; margin-bottom: 20px; }
	.grid .thumb .overlay { position: static; padding: 12px 15px; font-size: 16px; }
	.grid .thumb .overlay h3 { font-size: 18px; }

	/* lightbox */
	.lightbox .gallery { width: 100%; float: none; border-top: 1px solid #e0e0e0; padding-top: 20px; margin-top: 20px; }

	.lightbox .content { width: 100%; float: none; }
	.lightbox .content h3 { font-size: 28px; }
	.lightbox .content .stats .stat { width: 46%; margin-right: 2%; }
	.lightbox .content .stats .stat strong { font-size: 36px; }


	/* =Slide: Financials
	------------------------------------------------------------------- */
	.accordions .accordion h2 { font-size: 26px; }
	.accordions .accordion .body { padding: 0; box-shadow: none; }
	table.financials tr.years th.as-of { font-size: inherit; }


	/* =Slide: Supporters
	------------------------------------------------------------------- */
	.tabs .tabs-container { padding: 40px 40px; }
	.tabs nav { padding: 0 25px; }
	.tabs nav ul li { float: none; }
	.tabs nav ul li a { padding: 10px 12px; margin-right: 0; float: none; font-size: 18px; bottom: 0; width: 100%; margin-bottom: 6px; border: 2px solid #df9536 }
	.tabs .col { display: block; width: 100%; padding: 0; margin: 0; }


	/* =Slide: Staff
	------------------------------------------------------------------- */
	.tabs .tab.names-titles-company p { display: block; width: 100%; padding-right: 0; }

	/* =Slide: Connect
	------------------------------------------------------------------- */
	#connect .social { text-align: center; padding: 15px 0 15px; }
	#connect .social span, #connect .social span.icon-twitter { font-size: 22px; width: 40px; height: 40px; line-height: 1.9; }

	/* =Header
	------------------------------------------------------------------- */
	header.main { height: 55px; border-width: 3px;}
	header.main .logo img { width: 30px; }
	header.main h1 { display: none; }
	header.main .share { display: none; }
	#slide-title { display: none; }


	/* =Footer
	------------------------------------------------------------------- */
	footer.main { display: none; background-color: transparent; height: 20px; padding: 0; text-align: center; font-size: 12px; }
	footer.main .copyright { float: none; }
	footer.main .newsletter { display: none; }

}

/* Foundation v2.1.4 http://foundation.zurb.com */
/* Artfully masterminded by ZURB -- RESPONSIVE TABLES  */
/* Mobile */
@media only screen and (max-width: 767px) {
	
	.pinned { position: absolute; left: 0; top: 0; background: #fff; width: 35%; overflow: hidden; overflow-x: scroll; border-right: 1px solid #ccc; border-left: 1px solid #ccc; }
	.pinned table { border-right: none; border-left: none; width: 100%; }
	.pinned table th, .pinned table td { white-space: nowrap; }
	.pinned td:last-child { border-bottom: 0; }
	
	div.table-wrapper { position: relative; margin-bottom: 20px; overflow: hidden; border-right: 1px solid #ccc; }
	div.table-wrapper div.scrollable { margin-left: 35%; }
	div.table-wrapper div.scrollable { overflow: scroll; overflow-y: hidden; }	
	
	table.responsive td, table.responsive th { position: relative; white-space: nowrap; overflow: hidden; }
	table.responsive th:first-child, table.responsive td:first-child, table.responsive td:first-child, table.responsive.pinned td { display: none; }
	
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {background-color: transparent;border: 0;overflow: hidden;
	/* IE 6/7 fallback */
	*text-indent: -9999px;
}
.ir:before {content: "";display: block;width: 0;height: 150%;}

.hidden { display: none !important; visibility: hidden; }

.visuallyhidden {border: 0;clip: rect(0 0 0 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {clip: auto;height: auto;margin: 0;overflow: visible;position: static;width: auto;}

.invisible {visibility: hidden;}

.clearfix:before,
.clearfix:after {content: " "; /* 1 */display: table; /* 2 */}
.clearfix:after {clear: both;}
.clearfix { *zoom: 1; }

.clear { clear: both; }