/*
* HTML5 Boilerplate
*
* What follows is the result of much research on cross-browser styling.
* Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
* Kroc Camen, and the H5BP dev community and team.
*/
/* ==========================================================================
Base styles: opinionated defaults
========================================================================== */
/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/2a880f");
@import url(https://fonts.googleapis.com/css?family=Glegoo);
@font-face {font-family: 'KomuA';src: url('../webfonts/2A880F_0_0.eot');src: url('../webfonts/2A880F_0_0.eot?#iefix') format('embedded-opentype'),url('../webfonts/2A880F_0_0.woff') format('woff'),url('../webfonts/2A880F_0_0.ttf') format('truetype');}
html,
button,
input,
select,
textarea {
color: #222;
}
body {
font-size: 1em;
line-height: 1.4;
margin: 0px;
padding: 0px;
}
/*
* Remove text-shadow in selection highlight: h5bp.com/i
* These selection rule sets have to be separate.
* Customize the background color to match your design.
*/
::-moz-selection {
background: #b3d4fc;
text-shadow: none;
}
::selection {
background: #b3d4fc;
text-shadow: none;
}
/*
* A better looking default horizontal rule
*/
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
}
/*
* Remove the gap between images and the bottom of their containers: h5bp.com/i/440
*/
img {
vertical-align: middle;
}
/*
* Remove default fieldset styles.
*/
fieldset {
border: 0;
margin: 0;
padding: 0;
}
/*
* Allow only vertical resizing of textareas.
*/
textarea {
resize: vertical;
}
/* ==========================================================================
Chrome Frame prompt
========================================================================== */
.chromeframe {
margin: 0.2em 0;
background: #ccc;
color: #000;
padding: 0.2em 0;
}
/* ==========================================================================
Parallax Scroll
========================================================================== */
body, html {
height: 100%;
min-height: 100%;
background-color: #000000;
font-family: Helvetica Neue, Arial, Helvetica, Sans-serif;
}
body {
}
.no-js {
padding-top: 106px;
}
h2 {
margin-top: 0;
font-family: Helvetica Neue, Arial, Helvetica, Sans-serif;
}
.loading {
background: url('../img/ico_loading.gif') no-repeat center center;
}
section {
min-width: 200px;
opacity: 0;
}
.loaded section,
.no-js section {
opacity: 1;
-webkit-transition: opacity 300ms ease-out;
-moz-transition: opacity 300ms ease-out;
transition: opacity 300ms ease-out;
}
main {
overflow-x: hidden;
}
.bcg, .bcg1,.bcg2, .bcg3 {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
height: 100%;
width: 100%;
}
.bcg3 {
background: none; position: absolute; z-index: 600;
}
.james .bcg, .melissa .bcg, .dleisha .bcg {
background-color: rgb(230, 230, 230);
}
/* Slide 1 */
#intro { position: relative; z-index: 10; cursor: pointer;}
#intro .bcg {background-image:url('https://www.propublica.org/images/social/tusc-images/intro/intro-1-protest-signs-480.jpg'); position: absolute;}
#intro .bcg1 {background-image:url('https://www.propublica.org/images/segregation/images/segregation-now-knockout-iphone-portrait-03.png'); position: absolute;}
#intro .bcg2 {
background: #ffffff; opacity: .2; position: absolute;
}
#intro h2 {
opacity: 1;
padding-right: 0px;
}
#intro p {
opacity: 1;
}
/* Slide 2 */
#slide-2 {position: relative; z-index: 1;}
#slide-2 .bcg {background: #000000; opacity: 1; position: absolute;}
#slide-2 h2.hed {font-size: 30px; color: white; position:absolute; top: 100px; margin-left: 20px;
right: 50px;}
#slide-2 p.hedQuote {position:absolute; top:130px; width: 35%; margin-right: -50px; font-size: 18px; line-height: 18px;}
#slide-2 .photo {position:absolute; top: 100px; width: 50%; max-width: 200px; display: none;
}
#slide-2 .photo img {width: 100%; max-width: 200px;}
@media only screen and (max-width: 300px) {
#slide-2 h2.hed {font-size: 30px; color: white; position:absolute; top:400px; width: 100%;
margin-left: 10px;right: 50px;}
#slide-2 p.hedQuote {position:absolute; bottom:0px; width: 80%; margin-right: -60px; font-size: 18px; line-height: 18px;}
#slide-2 .photo {position:absolute; top: 100px; width: 70%; max-width: 200px;}
#slide-2 .photo img {width: 100%; max-width: 200px; margin-right: 150px;}
}
@media all and (orientation:portrait) {
#slide-2 h2.hed {font-size: 30px; color: white; position:absolute; bottom: 150px; margin-left: 10px;
right: 50px;}
#slide-2 p.hedQuote {position:absolute; bottom:50px; width: 80%; margin-left: 10px; font-size: 18px; line-height: 18px;}
#slide-2 .photo {position:absolute; top: 100px; width: 70%; max-width: 200px;}
#slide-2 .photo img {width: 100%; max-width: 200px; margin-right: 150px;}
}
@media all and (orientation:landscape) {
}
/* Slide 3 */
#slide-3 {position: relative; z-index: 1;}
#slide-3 .bcg {background-color: #000000; position: absolute}
#slide-3 h2.hed {
position:absolute; top: 100px; font-size: 70px; line-height: 60px; width: 80%;
}
#slide-3 p.hedQuote {
position:absolute; color: #bcbcbc; top:150px; width:80%; line-height:30px; font-size: 25px;
}
/* Slide 4 */
#slide-4 {position: relative; z-index: 1;}
#slide-4 .bcg {background-image:url('https://www.propublica.org/images/social/tusc-images/intro/intro-3-thurgood-marshall-480.jpg'); position: absolute;}
#slide-4 p.hedQuote {
position:absolute; bottom: 150px; font-size: 32px; padding-left: 20px; padding-right:10px; width:410px; background: #000000; color: #fff; height: 90px; }
#slide-4 p.hedQuote2 {
position:absolute; bottom: 100px; font-size: 18px; width:220px; margin-right: 50px; padding-right: 20px; padding-left: 5px; padding-bottom: 0px; text-align: right;
background: #000000; color: #fff; height: 40px;
}
@media all and (orientation:portrait) {
#slide-4 p.hedQuote {position:absolute; bottom: 150px; font-size: 28px; padding-left: 20px; padding-right:10px; width:80%; background: #000000; color: #fff;}
#slide-4 p.hedQuote2 {position:absolute; bottom: 100px; font-size: 18px; width:220px; margin-right: 50px; padding-right: 20px; padding-left: 5px; padding-bottom: 0px; text-align: right; background: #000000; color: #fff; height: 40px;}
}
@media all and (orientation:landscape) {
}
/* Slide 5 */
#slide-5 {position: relative; z-index: 1;}
#slide-5 .bcg {background-image:url('https://www.propublica.org/images/social/tusc-images/intro/intro-4-little-rock-protest-480.jpg'); position: absolute;}
#slide-5 h2.hed { position:absolute; top:170px; margin-left: 150px; padding-left: 20px; padding-right: 10px; color: #fff; font-size: 70px; background-color: transparent;
}
#slide-5 p.hedQuote {
position:absolute; width: auto; top: 100px; right: 50px; padding-left: 10px; height: 20px; line-height: 22px; font-size: 18px; padding-right: 10px; color: #fff; background: #000;
}
#slide-5 p.hedQuote span {
background-color: #000;
}
#slide-5 h2.hed span {
background-color: #000;
}
@media all and (orientation:portrait) {
#slide-5 h2.hed {
margin-left: 50px;
}
#slide-5 p.hedQuote {
font-size: 18px;
width: 80%;
margin-right: -130px;
}
}
@media all and (orientation:landscape) {
}
/* Slide 6 */
#slide-6 {position: relative; z-index: 1;}
#slide-6 .bcg {background-image:url('https://www.propublica.org/images/social/tusc-images/intro/intro-5-ruby-bridges-480.jpg'); position: absolute;}
#slide-6 h2.hed{
position:absolute; color: #fff; bottom: 75px; line-height: 40px; text-align: right; right: 50px; width: 100%; font-size: 60px;
}
#slide-6 h2.hed span {
background: #000;
}
@media all and (orientation:portrait) {
#slide-6 h2.hed{position:absolute; color: #fff; bottom: 20px; line-height: 40px; text-align: right; right: 10px; width: 100%; font-size: 50px;}
#slide-6 h2.hed span {background: #000;}
}
@media all and (orientation:landscape) {
}
/* Slide 7*/
#slide-7 {position: relative; z-index: 1;}
#slide-7 .bcg {background-image:url('https://www.propublica.org/images/social/tusc-images/intro/intro-6-military-intervention-480.jpg'); position: absolute;}
#slide-7 h2.hed {
position:absolute; color: #fff; bottom: 20px; width: 100%; font-size: 60px; line-height: 60px;
}
#slide-7 h2.hed span {
background: #000;
}
@media all and (orientation:portrait) {
#slide-7 h2.hed {font-size: 60px;}
}
@media all and (orientation:landscape) {
}
/* Slide 8*/
#slide-8 {position: relative; z-index: 1;}
#slide-8 .bcg {background-image:url('https://www.propublica.org/images/social/tusc-images/intro/intro-7-george-wallace-480.jpg'); position: absolute;}
#slide-8 p.hedQuote1 {
position:absolute;; color: #fff; bottom: 220px; text-align: left; width: 100%;
}
#slide-8 p.hedQuote2 {
position:absolute;; color: #fff; bottom: 100px; text-align: left; width: 100%;
}
#slide-8 h2.hed {
position:absolute;; color: #fff; bottom: 95px; font-size: 60px; text-align: left; left: 100px; width: 100%;
}
#slide-8 h2.hed span {
background: #000;
}
@media all and (orientation:portrait) {
#slide-8 p.hedQuote1, #slide-8 p.hedQuote2, #slide-8 h2.hed {margin-left: -80px;}
#slide-8 p.hedQuote1 {
}
#slide-8 p.hedQuote2{
margin-right: 100px;
}
#slide-8 h2.hed {
bottom: 65px;
}
}
@media all and (orientation:landscape) {
}
/* Slide 9*/
#slide-9 {position: relative; z-index: 1;}
#slide-9 .bcg {background-image:url('https://www.propublica.org/images/social/tusc-images/intro/intro-8-water-canon-480.jpg'); position: absolute;}
#slide-9 h2.hed {
position:absolute; bottom: 0px; font-size: 55px; right: 50px; line-height: 55px; width: 400px; text-align:center; color: #000000;
}
@media all and (orientation:portrait) {
#slide-9 h2.hed {right: 20px; font-size: 45; line-height: 40px; width: 80%;}
}
@media all and (orientation:landscape) {
}
/* Slide 10 */
#slide-10 {position: relative; z-index: 1;}
#slide-10 .bcg {background-color: #000000; position: absolute;}
#slide-10 h2.hed {
position:absolute;; top: 90px; font-size: 70px;line-height: 90px; width: 80%;
}
#slide-10 p.hedQuote {
position:absolute; color: #bcbcbc; top:150px; width:80%; line-height:50px; font-size: 25px; line-height: 30px;
}
/* Slide 11 */
#slide-11 {position: relative; z-index: 1;}
#slide-11 .bcg {background-image:url('https://www.propublica.org/images/social/tusc-images/inline-color/inline-1-dleisha-480.jpg'); background-color: rgb(230,230,230); position: absolute;}
#slide-11 .bcg1 {background-image:url('https://www.propublica.org/images/social/tusc-images/inline-bw/inline-1-dleisha-480-bw.jpg'); position: absolute;}
/* Slide 12 */
#slide-12 {position: relative; z-index: 50;}
#slide-12 .bcg { height: auto; padding-top: 50px; padding-bottom:50px;}
/* Slide 13 */
#james {position: relative; cursor: pointer; z-index: 10;}
#james .bcg {background-image:url('https://www.propublica.org/images/social/tusc-images/inline-color/chapter-james-480.jpg'); position: absolute;}
#james .bcg1 {background-image:url('../img/james-cover.png'); position: absolute;}
#james h2 { opacity: 1; padding-right: 0px;}
#james .bcg2 {
background: #ffffff; opacity: .2; position: absolute;
}
@media all and (orientation:portrait) {
#james .bcg1 {background-image:url('../img/james-cover-phone-03.png'); position: absolute;}
/* Styles for Portrait screen */
}
@media all and (orientation:landscape) {
/* Styles for Landscape screen */
}
/* Slide 14 */
#slide-14 {position: relative; z-index: 50;}
#slide-14 .bcg { height: auto; padding-top: 50px; padding-bottom:50px;}
/* Slide 15 */
#slide-15 {position: relative; z-index: 1;}
#slide-15 .bcg {background-image:url('https://www.propublica.org/images/social/tusc-images/inline-bw/inline-12-AP-klanrally-480.jpg'); background-color: rgb(30,30,30); position: absolute}
#slide-15 h2.hed {position:absolute; top: 100px; margin-left: -50px; font-size: 40px; line-height: 40px; width: 70%;}
#slide-15 p.hedQuote {position:absolute; color: #bcbcbc; top:250px; width:80%; line-height:50px; font-size: 40px;}
@media all and (orientation:portrait) {
#slide-15 h2.hed {position:absolute; top: 100px; margin-left: 0px; font-size: 35px; line-height: 35; width: 80%;}
/* Styles for Portrait screen */
}
@media all and (orientation:landscape) {
/* Styles for Landscape screen */
}
/* Slide 16 */
#slide-16 {position: relative; z-index: 50;}
#slide-16 .bcg { height: auto; padding-top: 50px; padding-bottom:50px; background-color: #000000;}
/* Slide 17 */
#slide-17 {position: relative; z-index: 1;}
#slide-17 .bcg {background-image:url('https://www.propublica.org/images/social/tusc-images/inline-color/inline-2-smokestacks-480.jpg'); position: absolute}
#slide-17 .bcg1 {background-image:url('https://www.propublica.org/images/social/tusc-images/inline-bw/inline-2-smokestacks-480-bw.jpg'); position: absolute;}
#slide-17 h2.hed {position: absolute; top: 100px; font-size: 28px; line-height: 28px; margin-left: -100px;
color: #fff;}
#slide-17 h2.hed span {
background: #000;
}
#slide-17 h2.hed1 {
top: 100px; margin-left: -100px;
}
#slide-17 h2.hed2 {
top: 140px; margin-left: -100px;
}
#slide-17 h2.hed3 {
top: 180px; margin-left: -100px;
}
@media all and (orientation:portrait) {
#slide-17 h2.hed1 {top: 100px; margin-left: -100px;}
#slide-17 h2.hed2 {top: 165px; margin-left: -100px;}
#slide-17 h2.hed3 {top: 230px; margin-left: -100px;}
/* Styles for Portrait screen */
}
@media all and (orientation:landscape) {
}
/* Slide 18 */
#slide-18 {position: relative; z-index: 50;}
#slide-18 .bcg { height: auto; padding-top: 50px; padding-bottom:50px;}
/* Slide 19*/
#melissa {position: relative; cursor: pointer; z-index: 10;}
#melissa .bcg {background-image:url('https://www.propublica.org/images/social/tusc-images/inline-color/chapter-melissa-480.jpg'); position: absolute;}
#melissa .bcg1 {background-image:url('https://www.propublica.org/images/segregation/images/melissa-cover-phone-03.png'); position: absolute;}
#melissa h2 { opacity: 1; padding-right: 0px;}
#melissa .bcg2 {
background: #ffffff; opacity: .2; position: absolute;
}
@media all and (orientation:portrait) {
#melissa .bcg1 {background-image:url('https://www.propublica.org/images/segregation/images/melissa-cover-phone-03.png'); position: absolute;}
/* Styles for Portrait screen */
}
@media all and (orientation:landscape) {
/* Styles for Landscape screen */
#melissa .bcg1 {background-image:url('https://www.propublica.org/images/segregation/images/melissa-cover.png'); position: absolute;}
}
/* Slide 12 */
#slide-20 {position: relative; z-index: 50;}
#slide-20 .bcg { height: auto; padding-top: 50px; padding-bottom:50px;}
#slide-21 {position: relative; z-index: 1;}
#slide-21 .bcg {background-image:url('https://www.propublica.org/images/social/tusc-images/inline-bw/inline-3-mcfadden-480-bw.jpg'); background-color: rgb(30,30,30); position: absolute;}
#slide-21 .bcg1 {background-image:url('https://www.propublica.org/images/social/tusc-images/inline-color/inline-3-mcfadden-480.jpg'); position: absolute;}
#slide-21 h2.hed {position:absolute; margin-left: -100px;top: 100px; font-size: 30px; line-height: 30px; color: #000; width: 90%}
#slide-21 p.hedQuote {position:absolute; bottom:100px; margin-left: -100px;
color: #fff; width:80%; line-height:40px; font-size: 18px;}
#slide-21 p.hedQuote span {
background: #000;
}
/* Slide 14 */
#slide-22 {position: relative; z-index: 50;}
#slide-22 .bcg { height: auto; padding-top: 50px; padding-bottom:50px; }
#slide-22 .caption{
color: #d2d2d2;
background: url('(https://www.propublica.org/images/segregation/images/assets/slideShow-light.png') 0 10px no-repeat;
}
/* Slide 15 */
#slide-23 {position: relative; z-index: 1;}
#slide-23 .bcg {background-image:url('https://www.propublica.org/images/social/tusc-images/inline-color/inline-4-banduni-480.jpg'); position: absolute}
#slide-23 .bcg1 {background-image:url('https://www.propublica.org/images/social/tusc-images/inline-bw/inline-4-banduni-480-bw.jpg'); position: absolute;}
#slide-23 h2.hed {position:absolute; margin-left: -100px; top: 100px; font-size: 38px; line-height: 32px; width: 70%;}
#slide-23 h2.hed2 {position:absolute; top:170px; margin-left: 0px; font-size: 38px; line-height: 32px; width: 80%;}
@media all and (orientation:portrait) {
#slide-23 h2.hed {position:absolute; margin-left: -100px; top: 100px; font-size: 30px; line-height: 32px; width: 80%;}
#slide-23 h2.hed2 {position:absolute; top:150px; margin-left: -150px; font-size: 30px; line-height: 32px; width: 80%;} /* Styles for Portrait screen */
}
@media all and (orientation:landscape) {
/* Styles for Landscape screen */
}
/* Slide 14 */
#slide-24 {position: relative; z-index: 50;}
#slide-24 .bcg { height: auto; padding-top: 50px; padding-bottom:50px;}
/* Slide 15 */
#slide-25 {position: relative; z-index: 1;}
#slide-25 .bcg {background-image:url('https://www.propublica.org/images/social/tusc-images/inline-bw/inline-5-girlsinarow-480-bw.jpg'); background-color: rgb(30,30,30); position: absolute}
#slide-25 .bcg1 {background-image:url('https://www.propublica.org/images/social/tusc-images/inline-color/inline-5-girlsinarow-480.jpg'); position: absolute;}
#slide-25 h2.hed {position:absolute; bottom: 200px; right: 0px; margin-right: -50px;
font-size: 30px; background: #000000;
padding: 0px 5px 0px 5px;}
#slide-25 h2.hed2 {bottom: 150px; width:auto; margin-right: -50px;
}
#slide-25 h2.hed3 {bottom: 100px; width: auto; margin-right: -50px;
}
@media all and (orientation:portrait) {
#slide-25 h2.hed{font-size: 24px;}
#slide-25 h2.hed2 { margin-right: -150px;}
/* Styles for Portrait screen */
}
@media all and (orientation:landscape) {
/* Styles for Landscape screen */
}
/* Slide 14 */
#slide-26 {position: relative; z-index: 50;}
#slide-26 .bcg { height: auto; padding-top: 50px; padding-bottom:50px;}
#slide-27 {position: relative; z-index: 1;}
#slide-27 .bcg {background-image:url('https://www.propublica.org/images/social/tusc-images/inline-color/inline-6-dentfamily-480.jpg'); position: absolute}
#slide-27 .bcg1 {background-image:url('https://www.propublica.org/images/social/tusc-images/inline-bw/inline-6-dentfamily-480-bw.jpg'); position: absolute;}
#slide-27 h2.hed {position:absolute;; bottom: 220px; right: 0px; color: #000; padding: 0px 0px 0px 10px; margin: 0px;
font-size: 30px; line-height: 30px; background: #000; width: 300px; margin-left: -50px;
}
#slide-27 h2.hed2 {position:absolute; bottom: 180px; width: 300px; margin-left: -90px;
}
#slide-27 h2.hed3 {position:absolute; bottom: 140px; width:300px; margin-left: -50px;
}
#slide-27 h2.hed4 {position:absolute; bottom: 100px; width: 500px; margin-left: -50px;
}
/* Slide 14 */
#slide-28 {position: relative; z-index: 50;}
#slide-28 .bcg { height: auto; padding-top: 50px; padding-bottom:50px;}
/* Slide 13 */
#melissaPromo {position: relative; z-index: 1;}
#melissaPromo .bcg {background: #000000; position: absolute;}
/* Slide 13 */
#dleishaPromo {position: relative; z-index: 1;}
#dleishaPromo .bcg {background: #000000; position: absolute;}
/* Slide 13 */
#dleisha {position: relative; cursor: pointer; z-index: 100;}
#dleisha .bcg {background-image:url('https://www.propublica.org/images/social/tusc-images/inline-color/chapter-dleisha-480.jpg'); position: absolute;}
#dleisha .bcg1 {background-image:url('https://www.propublica.org/images/segregation/images/dleisha-cover.png'); position: absolute;}
#dleisha .bcg2 {
background: #ffffff; opacity: .2; position: absolute;
}
@media all and (orientation:portrait) {
#dleisha .bcg1 {background-image:url('https://www.propublica.org/images/segregation/images/dleisha-cover-phone-03.png'); position: absolute;}
/* Styles for Portrait screen */
}
@media all and (orientation:landscape) {
/* Styles for Landscape screen */
#dleisha .bcg1 {background-image:url('https://www.propublica.org/images/segregation/images/dleisha-cover.png'); position: absolute;}
}
#dleisha h2 { opacity: 1; padding-right: 0px;}
/* Slide 14 */
#slide-30 {position: relative; z-index: 50;}
#slide-30 .bcg { height: auto; padding-top: 50px; padding-bottom:50px;}
#slide-30 p {
color: #000000;
}
/* Slide 15 */
#slide-31 {position: relative; z-index: 1;}
#slide-31 .bcg {background-image:url('https://www.propublica.org/images/social/tusc-images/inline-bw/inline-7-shirleyjones-480-bw.jpg'); background-color: rgb(30,30,30);
position: absolute}
#slide-31 .bcg1 {background-image:url('https://www.propublica.org/images/social/tusc-images/inline-color/inline-7-shirleyjones-480.jpg'); position: absolute;}
#slide-31 h2.hed {position:absolute; top: 100px; font-size: 40px; margin-left: -50px; line-height: 40px; width: 80%;}
#slide-31 p.hedQuote {position:absolute; top:200px; color: #fff; font-size: 18px;}
#slide-31 p.hedQuote span {background: #000;}
@media all and (orientation:portrait) {
#slide-31 h2.hed {bottom: 10px;}
#slide-31 p.hedQuote {bottom:0px; margin-left: -200px;
}
/* Styles for Portrait screen */
}
@media all and (orientation:landscape) {
/* Styles for Landscape screen */
}
/* Slide 14 */
#slide-32 {position: relative; z-index: 50;}
#slide-32 .bcg { height: auto; padding-top: 50px; padding-bottom:50px;}
/* Slide 15 */
#slide-33 {position: relative; z-index: 1;}
#slide-33 .bcg {background-image:url('https://www.propublica.org/images/social/tusc-images/inline-color/inline-8-judgeengland-480.jpg'); position: absolute}
#slide-33 .bcg1 {background-image:url('https://www.propublica.org/images/social/tusc-images/inline-bw/inline-8-judgeengland-480-bw.jpg'); position: absolute;}
#slide-33 h2.hed {position:absolute; bottom: 150px; margin-left: -50px;
font-size: 50px; line-height: 45px; width: 70%;}
#slide-33 p.hedQuote {position:absolute; bottom:120px; color: #fff; font-size: 18px;}
@media all and (orientation:portrait) {
#slide-33 h2.hed {font-size: 40px; line-height: 40px; bottom: 110px;}
#slide-33 p.hedQuote { bottom:80px; margin-left:-200px;}
/* Styles for Portrait screen */
}
@media all and (orientation:landscape) {
/* Styles for Landscape screen */
}
/* Slide 14 */
#slide-34 {position: relative; z-index: 50;}
#slide-34 .bcg { height: auto; padding-top: 50px; padding-bottom:50px;}
#slide-34 p {
color: #000000;
}
/* Slide 15 */
#slide-35 {position: relative; z-index: 1;}
#slide-35 .bcg {background-image:url('https://www.propublica.org/images/social/tusc-images/inline-color/inline-11-central-classroom-480.jpg'); position: absolute;}
#slide-35 .bcg1 {background-image:url('https://www.propublica.org/images/social/tusc-images/inline-bw/inline-11-central-classroom-480-bw.jpg'); position: absolute;}
#slide-35 h2.hed {position:absolute;; top: 150px; font-size: 100px; line-height: 90px; width: 80%;}
#slide-35 p.hedQuote {position:absolute; color: #bcbcbc; top:250px; width:80%; line-height:50px; font-size: 40px;}
/* Slide 14 */
#slide-36 {position: relative; z-index: 50;}
#slide-36 .bcg { height: auto; padding-top: 50px; padding-bottom:50px;}
#slide-36 p {color: #000000;
}
#slide-37 {position: relative; z-index: 1;}
#slide-37 .bcg {background-image:url('https://www.propublica.org/images/social/tusc-images/inline-bw/inline-9-banquet-480-bw.jpg'); position: absolute;}
#slide-37 .bcg1 {background-image:url('https://www.propublica.org/images/social/tusc-images/inline-color/inline-9-banquet-480.jpg'); position: absolute;}
#slide-37 h2.hed {position:absolute;; bottom: 130px; color: #ffffff; background-color: #000000;
text-align: right; font-size: 25px; line-height: 25px;
margin-bottom: 0px;padding-bottom: 5px; padding-top: 5px; padding-right: 10px; padding-left: 10px;
}
#slide-37 h2.hed2 {bottom: 90px;}
#slide-37 h2.hed3 {bottom: 50px;}
@media all and (orientation:portrait) {
#slide-37 h2.hed {font-size: 20px;margin-right: 50px;
}
#slide-37 h2.hed2{
margin-right: -150px;
}
#slide-37 h2.hed3 {
margin-right: -100px;
}
/* Styles for Portrait screen */
}
@media all and (orientation:landscape) {
}
#slide-38 {position: relative; z-index: 50;}
#slide-38 .bcg { height: auto; padding-top: 50px; padding-bottom:50px;}
#slide-38 p {
color: #000000;
}
#slide-39 {position: relative; z-index: 1;}
#slide-39 .bcg {background-image:url('https://www.propublica.org/images/social/tusc-images/inline-color/inline-10-dleisha-laptop-480.jpg '); position: absolute;}
#slide-39 .bcg1 {background-image:url('https://www.propublica.org/images/social/tusc-images/inline-bw/inline-10-dleisha-laptop-480-bw.jpg '); position: absolute;}
#slide-39 h2.hed {position:absolute;; top: 100px; font-size: 40px; margin-left: -50px;
line-height: 40px; width:50%}
#slide-39 p.hedQuote {position:absolute; color: #fff; top:350px; line-height:25px; font-size: 18px;}
@media all and (orientation:portrait) {
#slide-39 h2.hed {bottom: 50px; font-size: 30px; margin-left: -50px;
line-height: 30px; width:80%}
#slide-39 p.hedQuote {bottom:0px; }
/* Styles for Portrait screen */
}
@media all and (orientation:landscape) {
/* Styles for Landscape screen */
}
#slide-40 {position: relative; z-index: 50;}
#slide-40 .bcg { height: auto; padding-top: 50px; padding-bottom:50px;}
#slide-40 p {
color: #000000;
}
#saving-central {position: relative; z-index: 1; cursor: pointer;
}
#saving-central .bcg {background-image:url('https://www.propublica.org/images/social/tusc-images/inline-color/video-saving-central-480.jpg'); position: absolute; cursor: pointer;
}
#saving-central .bcg1 {background-image:url('https://www.propublica.org/images/social/tusc-images/inline-bw/video-saving-central-480-bw.jpg'); position: absolute; cursor: pointer;
}
#saving-central .backgroundPlay {
background-image: url("https://www.propublica.org/images/segregation/images/assets/video-play-02-02.png");
}
#saving-central h2.hed { position: absolute; bottom: 350px; font-size: 90px;
line-height: 75px; padding-top: 20px; width: 410px; padding-bottom: 20px; text-align: right; height: 70px; padding-right: 10px; margin-bottom: 0px;
}
#saving-central p.hedQuote {position:absolute; color: #fff; bottom:240px; line-height:28px; background: #000; width: 300px;
line-height: 29px; padding-left: 20px; font-size: 25px;}
#slide-42 {position: relative; z-index: 50;}
#slide-1 .downArrow, #james .downArrow, #melissa .downArrow, #dleisha .downArrow {
background: url(https://www.propublica.org/images/segregation/images/assets/nav-arrow-down.png) 15px 48px no-repeat #171717;
width: 75px;
height: 92px;
left: 50%;
margin-left: -32px;
position: absolute;
bottom: 0px;
cursor: pointer;
z-index: 10;
display: none;
}
#james .comingTomorrow, #melissa .comingTomorrow, #dleisha .comingTomorrow {
position: fixed;
bottom: 300px;
left: 50%;
color: #d2d2d2;
font-size: 40px;
margin-left: -300px;
width: 600px;
padding-top: 20px;
height: 0px;
display: none;
}
#intro .downArrow h2.hed, #james .downArrow h2.hed, #melissa .downArrow h2.hed, #dleisha .downArrow h2.hed {
font-size: 30px;
color: #D2D2D2;
text-align: center;
display: none;
}
#slide-1 .downArrow:hover, #james .downArrow:hover, #melissa .downArrow:hover, #dleisha .downArrow:hover {
transition: background-color 0.5s ease;
background: url(https://www.propublica.org/images/segregation/images/assets/nav-arrow-down.png) 15px -38px no-repeat #9ab2ca;
}
#slide-1 .downArrow:hover h2.hed, #james .downArrow:hover h2.hed, #melissa .downArrow:hover h2.hed, #dleisha .downArrow:hover h2.hed {
color: #000000;
}
#slide-16 .introGraph p, #slide-16 .mainContent p, #slide-16 .timeline p, #slide-16 .timeline h2, #slide-22 .introGraph p, #slide-22 .mainContent p, #slide-22 .timeline p, #slide-22 .timeline h2, #slide-26 .introGraph p, #slide-26 .mainContent p, #slide-26 .timeline p, #slide-26 .timeline h2, #slide-32 .introGraph p, #slide-32 .mainContent p, #slide-32 .timeline p, #slide-32 .timeline h2 {
color: #D2D2D2;
}
.hsContent font.highlight {
background-color: #c96565;
}
.storyFooter {
width:100%; border-bottom: 1px solid #333333; margin-top: 20px; color: #000000; padding-top: 40px;
}
.storyFooter .credits {
margin-top: 20px;
width: 100%;
float: left;
text-align: left;
line-height: 16px;
margin-bottom: -20px;
}
.storyFooter .credits p {
font-size: 14px;
line-height: 18px;
}
.storyFooter .promo {
width: 300px; margin-right: 20px; float: left; text-align: left;
cursor: pointer;
}
.storyFooter .promo2 {
margin-right: 0px
}
.storyFooter .promo .dataHed {
margin-top: -10px;
padding-top: 0px;
}
.storyFooter .promo .callout {
cursor: pointer;
font-size: 40px;
text-decoration: none;
color:#000;
font-family: KomuA;
margin-left: 0px;
margin-top: 0px;
padding-left: 0px;
float: left;
text-align: left;
}
.storyFooter .donateBox .callout {
cursor: pointer;
font-size: 40px;
text-decoration: none;
color:#ad0808;
font-family: KomuA;
margin-left: 0px;
margin-top: 0px;
padding-left: 0px;
float: left;
text-align: left;
font-size: 40px; text-decoration: none;
margin-left: 0px; margin-top: 0px; padding-left: 0px; float: left; text-align: left;
}
.storyFooter .promo .callout:hover {
color: #9ab2ca;
}
.storyFooter .promo1 {
width: 100%; float:left;
}
.storyFooter .promo p {
line-height:20px; margin-top: 0px;
font-size: 20px;
}
.hsContent .siteFooter {
height:50px;
width: 100%;
float: left;
}
.hsContent .siteLinks {
float: left;
}
.hsContent .socialLinks {
float: right;
}
.hsContent .socialLinks a {
}
.hsContent .socialLinks .socialHolder {
float: right;
padding-right: 5px;
}
.hsContent .siteFooter a {
border-right: 1px solid #333;
padding-right: 5px;
color: #333;
}
.hsContent .siteFooter a.last {
border: none;
}
.hsContent .siteFooter .social {
float: right;
}
.cardBack {
color: #e1e1e1;
width:300px;
float: left;
}
.cardBack {
margin-bottom: 10px;
background-color: rgb(200, 200, 200);
}
.hsContent p.nationalRaceCardStyle {
font-size: 18px;
line-height: 22px;
width: 320px
color: #171717;
font-family: Glegoo;
text-align:left;
font-style: normal;
padding: 20px 0px 20px 20px;
}
.hsContent h2.nationalRaceCardStyle {
line-height: 34px;
font-family: KomuA;
font-size: 30px;
width: 100%;
padding-right: 20px;
color: #000000;
padding-left: 20px;
padding-top: 20px;
}
.hsContent p.name, .hsContent p.location {
font-family: Helvetica Neue, Arial, Helvetica, Sans-serif;
font-size: 14px;
margin-bottom: 0px;
padding-top: 0px;
}
.hsContent p.name{
margin-bottom: -10px;
padding-bottom: 10px;
}
.melissa, .james, .dleisha {
display: none;
}
.introJames {
display: block;
}
#slide-2 h2.introGraph {
text-align: left;
font-size: 40px;
}
#slide-2 h2, #slide-6 h2 {
color: #000000;
}
.social-links {
margin-top: 0px;
margin-right: 20px;
float:right;
width: 100%;
margin-bottom: 60px;
}
nav #mobile-header .social-links{
width: 60px;
margin-right: 5px;
margin-bottom: 0px;
float:right;
margin-top: 5px;
}
.rightRail .social-links {
margin-right: 0px;
margin-bottom: 0px;
display: none;
visibility: hidden;
}
.timeline a {
text-decoration: none;
cursor: pointer;
}
.timeline a:hover {
}
.social-links .twitter {
width: 25px;
height: 20px;
float: right;
cursor:pointer;
background: url('https://www.propublica.org/images/segregation/images/assets/social-icons.png') -20px -23px no-repeat;
}
.social-links .facebook {
width: 20px;
height: 20px;
float: right;
margin-left: 8px;
cursor: pointer;
background: url('https://www.propublica.org/images/segregation/images/assets/social-icons.png') left -23px no-repeat;
}
.social-links .darkTwitter{
width: 25px;
height: 20px;
float: right;
background: url('https://www.propublica.org/images/segregation/images/assets/social-icons.png') -20px -43px no-repeat;
}
.social-links .darkFacebook {
width: 20px;
height: 20px;
float: right;
margin-left: 8px;
background: url('https://www.propublica.org/images/segregation/images/assets/social-icons.png') left -43px no-repeat;
}
.social-links .facebook:hover, .social-links .darkFacebook:hover {
background: url('https://www.propublica.org/images/segregation/images/assets/social-icons.png') no-repeat left top;
}
.social-links .twitter:hover, .social-links .darkTwitter:hover {
background: url('https://www.propublica.org/images/segregation/images/assets/social-icons.png') -20px top no-repeat;
}
.hsConent h2.hed span.subHead {
font-family: Glegoo;
font-size: 30px;
line-height: 40px;
}
.hsContainer {
display: table;
table-layout: fixed;
width: 100%;
height: 100%;
overflow: hidden;
position: relative;
}
.hsContent {
max-width: 1200px;
margin: -150px auto 0 auto;
display: table-cell;
vertical-align: middle;
color: #000000;
padding: 0 8%;
text-align: center
}
.hsContent .leadLine {
font-family: Glegoo;
text-transform: uppercase;
}
.hsContent .leadLine span.dropCap {
font-size: 113px;
float: left;
font-family: KomuA;
padding-top: 30px;
padding-right: 10px;
padding-bottom: 10px;
}
.hsContent h2.hed {
font-weight: normal;
color: #fff;
font-size: 100px;
margin-top: 0px;
clear: both;
text-align: left;
font-family: KomuA;
padding-bottom: 90px;
}
.hsContent h2.dataHed {
font-size: 40px;
padding-bottom: 0px;
padding-top: 40px;
color: #000;
}
.hsContent .inlineAsset {
width:100%;
float: left;
padding-bottom: 60px;
display: none;
}
.hsConent .inlineAssetMobileSocial {
display:none;
}
body{
padding: 0px 0;
font-size: 13px;
font-family: Helvetica Neue, Arial, Helvetica, Sans-serif;
font-style: normal;
font-weight: 400;
}
.hsContent .bylineBlock {
position: absolute; left: 50px; bottom: 200px; width: 50px; height: 10px; background-color: #bcbcbc;
}
.hsContent .bylinePrimary {
position: absolute; left: 50px; bottom: 150px; padding-top: 0px; padding-bottom: 0px; margin-top: 10px; padding-bottom:0px; width: auto; color: #bcbcbc; font-size: 24px; text-align:left; font-family: Helvetica Neue, Arial, Helvetica, sans-serif;font-style: normal;
}
.hsContent .bylineSecondary {
position: absolute; left: 50px; bottom: 100px; font-size: 18px; padding-top: 0px; color: #bcbcbc; text-align: left; font-family: Helvetica Neue, Arial, Helvetica, sans-serif;font-style: normal;
}
@media all and (orientation:portrait) {
.hsContent .bylineBlock, .hsContent .bylinePrimary, .hsContent .bylineSecondary {
left: 15edipx;
}
/* Styles for Portrait screen */
}
@media all and (orientation:landscape) {
/* Styles for Landscape screen */
}
.hsContent h2.photoQuote {
text-shadow: 2px 2px #000;
font-size: 65px;
position: fixed;
font-style: italic;
top: 200px;
left: 100px;
font-family: Glegoo;
line-height: 120px;
color:#e1e1e1;
}
.hsContent .mainContent p.pullquote {
font-size: 39px;
line-height: 39px;
font-family: KomuA;
margin-top: 20px;
margin-bottom: 0px;
font-style: normal;
color: #000000;
}
.hsContent h2, .copy h2 {
font-size: 45px;
line-height: 48px;
margin-bottom: 12px;
}
.hsContent p {
padding-right: 0px;
margin: 0 auto;
float: left;
color: #000000;
font-size: 18px;
text-align: left;
line-height: 28px;
text-align: left;
padding-bottom: 20px;
}
.hsContent p.caption {
font-family: Helvetica Neue, Arial, Helvetica, Sans-serif;
font-size: 14px;
background: url('(https://www.propublica.org/images/segregation/images/assets/slideShow.png') 0 10px no-repeat;
padding-left: 25px;
}
.hsContent p.hedQuote {
width: 400px;
font-family: Glegoo;
padding-top:20px;
color: #e2e2e2;
font-size: 24px;
font-weight: normal;
}
.hsContent .introGraph {
width: 100%;
max-width: 480px;
margin-bottom: 40px;
padding-top:40px;
font-family: Glegoo;
/* font-family: "Amasis ET W01 Regular"; */
}
.hsContent .introGraph p.byline {
font-family: Helvetica Neue, Arial, Helvetica, Sans-serif;
}
.hsContent .introGraph p {
font-size: 24px;
line-height: 32px;
margin-bottom: 40px;
}
.hsContent .mainContent{
color: rgb(50,50,50);
width: 100%;
float: left;
font-family: Helevtica Neue, Arial, Helevetica, sans-serif;
}
.hsContent .darkSlide p {
color: #d2d2d2;
}
.hsContent .mainContent {
font-family: Glegoo;
}
.hsContent .rightRail {
display: none;
width: 30%;
float: right;
padding-right: 0px;
margin-top: 0px;
padding-top: 0;;
text-align: left;
font-family: Helevtica Neue, Arial, Helevetica, sans-serif;
}
.hsContent img.resizePhoto {
max-width: 100%;
height: auto;
}
.hsContent .rightRail .timeline .socail-links {
display: none;
}
@media all and (orientation:portrait) {
.hsContent .rightRail .timeline .timelineElement p, .promo p, .hsContent .storyFooter p.footerPromo {
font-family: Arial;
font-size:13px;
width: 200px;
margin-left: 0px;
padding-left: 0px;
margin-bottom: 20px;
padding-bottom: 10px;
} /* Styles for Portrait screen */
.hsContent p.description {
font-size: 13px;
width: 200px;
padding: 0px;
padding-bottom: 10px;
margin: 0px;
line-height: 18px;
}
}
@media all and (orientation:landscape) {
/* Styles for Landscape screen */
.hsContent .rightRail .timeline .timelineElement p, .promo p, .hsContent .storyFooter p.footerPromo {
font-family: Arial;
font-size:13px;
width: 250px;
margin-left: 0px;
padding-left: 0px;
margin-bottom: 20px;
padding-bottom: 10px;
}
.hsContent p.description {
font-size: 13px;
width: 250px;
padding: 0px;
padding-bottom: 10px;
margin: 0px;
line-height: 18px;
}
}
.storyFooter {
background-color: rgb(230,230,230);
margin-top:0px;
}
.storyFooter .sixWordFlipper {
background: url('https://www.propublica.org/images/segregation/images/test-bubble-mobile-02.png') no-repeat;
padding-top: 20px; text-align: left; color: #fff; height: 175px;
font-family: KomuA; font-size: 45px; padding-left: 20px;
}
.storyFooter h2.sixWordFlipper {
font-family: KomuA; font-size: 30px; color: #fff; line-height: 28px;
}
.storyFooter h2#sixWordsQuote {
color: #fff;
margin-top: -30px;
}
.storyFooter p#sixWordsLocation {
font-family: Glegoo;
margin-left: 20px;
color:#ffffff;
font-size: 14px;
margin-top: -15px;
}
.footerPromo a {
font-weight: bold;
text-decoration: none;
color: #000;
}
.footerPromo a:hover {
color: #9ab2ca;
}
.hsContent .rightRail .timeline .timelineElement h2.date, .promo h2, .hsContent .footerHed {
font-size:19px;
font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
margin-left: 0px;
padding-left: 0px;
}
.hsContent .rightRail .timeline .timelineElement h2.date span.date, .promo h2, .hsContent .footerHed {
font-weight: bold;
float: left;
}
.hsContent .footerHed {
float: left;
width: 100%;
text-align: left;
margin-top: -20px;
}
.hsContent .storyFooter p.footerPromo {
width: 100%;
line-height: 18px;
clear: both;
margin-top: 0px;
line-height: 24px;
font-size: 18px;
width: 100%;
}
.hsContent .timeline {
float: right;
font-size: 19px;
font-weight: 500;
}
.hsContent .timeline h2 {
font-size: 19px;
color: #000000;
}
.hsContent .timelineDark h2{
color: #ffffff;
}
.hsContent p.year {
font-size: 30px;
color: #bcbc19;
}
.hsContent .timelineElement p.description {
color: #333;
}
.hsContent .timelineMarker {
position: relative; clear: both; width:100%; height: 1px; background-color: #969696;
}
.hsContent .melissaMarker, .hsContent .jamesMarker {
width: 10px; height: 1px; position: absolute; background-color: #969696;
}
.hsContent .timelineElement:hover .jamesMarker{
background-color: #6abf96;
}
.hsContent .timelineElement:hover .melissaMarker {
background-color: #9ab2ca;
}
.hsContent .timelineElement:hover .timelineMarker {
background-color: #c96565;
}
.hsContent .dateMarker {
width: 8px; height: 8px; position: absolute; margin-top: -4px; margin-left: -4px; background-color: #7eafcf;
}
.hsContent .rollover {
font-weight:normal;
float: left;
}
.hsContent .timelineElement .rollover {
display: none;
}
.hsContent .timelineElement:hover .rollover {
display: block;
}
.hsContent a {
text-decoration: none;
}
.hsContent a:hover {
color: #9ab2ca;
}
.hsContent p.additionalLinks {
font-style: italic;
cursor: pointer;
}
.hsContent p.byChapter {
font-style: normal;
}
.hsContent .donateColumn {
float:left; width: 100%;
}
.hsContent .donateColumn a {
color: #000000; text-decoration: none; margin-top: 20px; float: left; vertical-align: left; width: 100%; margin-left: 20px; padding-left: 0px; text-align: left; font-weight: bold; font-size: 14px; cursor: pointer;
}
.hsContent .donateColumn:hover .callout{
color: #9ab2ca;
}
.hsContent .donateBox {
padding: 20px;
float: left;
cursor: pointer;
border-top: 1px solid #171717;
width: 100%;
margin: 0px;
padding-right: 20px;
}
.hsContent .donateBox p {
line-height: 24px;
color:#000;
font-size: 18px;
}
.bgBlack {
background-color: rgba(0,0,0,0.75);
padding: 3px 10px;
}
header.entry-header {
width: 100%;
box-shadow: 0 0 5px #000000;
background-color: #171717;
z-index: 8000;
height: 30px;
clear: both;
padding-bottom: 15px; padding-top: 3px; width:100%; position: fixed; top: 0; left: 0;
}
header.inner {
}
nav {
margin-left: 50px;
margin-right: 50px;
}
nav ul {
width: 100px;
position: relative;
background-color: #171717;
top: -10px;
float: left;
left: -8px;
z-index: 7000;
list-style-type: none;
padding: 40px 10px 5px;
margin: 0px;
box-shadow: 0 0 5px #000000;
}
nav ul#additionalMenu {
display: none;
}
nav li {
display: inline;
list-style-type: none;
}
nav li a {
padding-bottom: 10px;
width: 100%;
float: left;
}
nav a {
font-family: Arial;
color: #D2D2D2;
float: left;
font-size: 16px;
margin-top: -6px;
margin-right: 10px;
cursor: pointer;
font-style: normal;
}
nav a:hover, nav a.donate:hover, nav a.additional:hover {
color: #637fa9;
}
nav .activeNav {
color: #637fa9;
}
nav a.propublica {
font-family: Times New Roman;
font-size: 20px;
margin-top: -7px;
background: url(https://www.propublica.org/images/segregation/images/assets/navpbar-web.png) 0 0px;
width: 125px;
height: 18px;
}
nav a.series {
margin-right: 50px;
border-left: 1px solid #666;
padding-left: 10px;
font-weight: bold;
}
nav a.additional {
color: #989898;
}
nav a#dleishaNav {
border-right: 1px solid #666;
padding-right: 10px;
}
nav a.social, nav a.donate {
float: right;
color: #989898;
}
nav a.donate {
border-right: 1px solid #666;
padding-right: 10px;
font-weight: bold;
}
nav a.social {
width: 20px;
height: 20px;
background-image: url(https://www.propublica.org/images/segregation/images/assets/navpbar-web.png);
}
nav a.propublica:hover {
background-position: 0 20px;
}
nav a.twitter {
background-position: 129px 0;
width: 25px;
}
nav a.mail {
background-position: 50px 0;
width: 25px;
}
nav a.google {
background-position: 20px 0;
}
nav a.comment {
background-position: 75px 0;
}
nav a.facebook {
background-position: 105px 0;
}
nav a.twitter:hover {
background-position: 129px 20px;
}
nav a.mail:hover {
background-position: 50px 20px;
}
nav a.google:hover {
background-position: 20px 20px;
}
nav a.comment:hover {
background-position: 75px 20px;
}
nav a.facebook:hover {
background-position: 105px 20px;
}
header.entry-header {
width: 100%;
box-shadow: 0 0 5px #000000;
background-color: #171717;
z-index: 8000;
height: 30px;
clear: both;
padding-bottom: 0px; padding-top: 0px; width:100%; position: fixed; top: 0; left: 0;
}
nav {
margin-left: 0px;
margin-right: 0px;
}
nav #normal-header {
display: none;
visibility: hidden;
}
nav #mobile-header {
visibility: visible;
display: block;
margin-left: 0px !important;
width: 100%;
}
nav #mobile-menu {
background: url("https://www.propublica.org/images/segregation/images/assets/icon-mobile.png") no-repeat scroll 0 0 transparent;
cursor: pointer;
display: inline-block;
float: left;
height: 30px;
width: 45px;
margin: 0px;
visibility: visible;
}
nav a.social {
margin-top: 5px;
}
nav a.propublica {
text-align: center;
vertical-align: middle;
margin-top: 5px;
margin-left: 10px;
}
nav #mobile-header {
height: 30px;
}
nav #mobile-header #nav_menu-2 {
display: none;
position: absolute;
box-shadow: 0 0 5px #000000;
z-index: 5000;
top: 33px;
background-color: #171717;
width: 100%;
}
nav #mobile-header ul {
padding-top: 20px;
padding-left: 20px;
width: 40%;
min-width: 80px;
position: relative;
box-shadow: 0 0 0;
float: left;
list-style-type: none;
margin: 0px;
}
nav ul a {
font-weight: bold;
}
nav ul a.indent {
font-weight: normal;
}
nav a.donate {
padding-right: 0px;
font-weight: normal;
}
nav a#dleishaNav {
border-right: 0px solid #666;
}
nav #mobile-header h2.mobile-nav-title {
margin-left: 10px;
margin-top: 10px;
font-family: KomuA;
color: #fff;
}
/* ==========================================================================
Helper classes
========================================================================== */
/*
* Image replacement
*/
.ir {
background-color: transparent;
border: 0;
overflow: hidden;
/* IE 6/7 fallback */
*text-indent: -9999px;
}
.ir:before {
content: "";
display: block;
width: 0;
height: 150%;
}
/*
* Hide from both screenreaders and browsers: h5bp.com/u
*/
.hidden {
display: none !important;
visibility: hidden;
}
/*
* Hide only visually, but have it available for screenreaders: h5bp.com/v
*/
.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
/*
* Extends the .visuallyhidden class to allow the element to be focusable
* when navigated to via the keyboard: h5bp.com/p
*/
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
}
/*
* Hide visually and from screenreaders, but maintain layout
*/
.invisible {
visibility: hidden;
}
/*
* Clearfix: contain floats
*
* For modern browsers
* 1. The space content is one way to avoid an Opera bug when the
* `contenteditable` attribute is included anywhere else in the document.
* Otherwise it causes space to appear at the top and bottom of elements
* that receive the `clearfix` class.
* 2. The use of `table` rather than `block` is only necessary if using
* `:before` to contain the top-margins of child elements.
*/
.clearfix:before,
.clearfix:after {
content: " "; /* 1 */
display: table; /* 2 */
}
.clearfix:after {
clear: both;
}
/*
* For IE 6/7 only
* Include this rule to trigger hasLayout and contain floats.
*/
.clearfix {
*zoom: 1;
}
/* ==========================================================================
EXAMPLE Media Queries for Responsive Design.
These examples override the primary ('mobile first') styles.
Modify as content requires.
========================================================================== */
@media only screen and (min-width: 35em) {
/* Style adjustments for viewports that meet the condition */
}
@media print,
(-o-min-device-pixel-ratio: 5/4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi) {
/* Style adjustments for high resolution devices */
}
/* ==========================================================================
Print styles.
Inlined to avoid required HTTP connection: h5bp.com/r
========================================================================== */
@media print {
* {
background: transparent !important;
color: #000 !important; /* Black prints faster: h5bp.com/s */
box-shadow: none !important;
text-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
/*
* Don't show links for images, or javascript/internal links
*/
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content: "";
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group; /* h5bp.com/t */
}
tr,
img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
@page {
margin: 0.5cm;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
}