/* Use .hide for completely hidding an element from visual and screen readers */
.hide,
.has-js .hide-if-js {
display:none!important;
}

/*
Use .hidden to visual hide an element but still making it accessible to screen readers.
#top is the ID of the Skip link.
 */
#top,
.hidden {
left:-999em;
position:absolute;
top:auto;
.top:-999em;
}

/* If the skip link is focused using the keyboard then show it. */
#top:focus {
position:static;
font-size:1.5em;
background-color:#FFFFD5;
display:block;
font-weight:700;
color:#000;
padding:2px 15px 5px;
}

/* Should only be used as a last resort if clearing floats with overflow:hidden|auto doesn't work. */
.clearfix {
zoom: 1;
}
.clearfix:before,
.clearfix:after {
content: ".";    
display: block;    
height: 0;    
overflow: hidden;	
zoom: 1;
}
.clearfix:after {clear: both;}

/* 
Android browser doesn't display the arrow characters properly with a web font. Settings the font-family to a generic font-family fixes the issue.
Example markup: <span class="arrow" aria-hidden="true">&rarr;</span>
Setting aria-hidden="true" prevents screen readers from reading the arrow out loud since it is merely decorative. 
*/
.arrow {
font-family:Verdana, Geneva, sans-serif;
}

/*
Provides email protection by simply reversing the text. Ex: john.doe@email.com needs to be typed out moc.liame@eod.nhoj with this class added to it.
via http://23rdworld.com/2009/04/08/email-protection-using-css/
*/
.obfuscate {
unicode-bidi: bidi-override;
direction: rtl;
}

/* Make list items go horizontal with these classes */
ul.horizontal,
ul.horizontal-right,
ol.horizontal,
ol.horizontal-right {
padding-left:0;
}
.horizontal li {
float:left;
list-style:none;
}
.horizontal-right li {
float:right;
list-style:none;
}

/* Project colors used across the sites. */
body .hispanic { color:#A55A26; }
body .religion { color:#4FA9CE; }
body .media-news,
body .journalism { color:#833143; }
body .internet-tech { color:#016699; }
body .global { color:#949D48; }
body .social-trends { color:#397668; }
body .u-s-politics { color:#D1A730; }