/*
Theme Name:     UC Berkeley Center for Labor Research and Education (Labor Center)
Theme URI:      http://laborcenter.berkeley.edu
Description:    Custom theme for Labor Center. Design by Elizabeth del Rocio Camacho. Child theme of ExtraNews. 
Author: 		Andre Gagnon
Author URI: 	http://www.themewich.com
Template:       extranews
Created:		January 2014
Version:        1.0.0
*/
 
@import url("../extranews/style.css");
 
/* Customizations
------------------------------------------------------- */
p, ul { font-size:1.1em; }
h1 { font-size:32px; line-height:34px; }
h2 { font-size:24px; line-height:26px; }
h3 { font-size:20px; line-height:24px; }
h4 { font-size:18px; line-height:20px; font-weight:100; }
h5 { font-size:14px; line-height:16px; }

ul ul, ul ol,  ol ol, ol ul { margin: 4px 0 3px 30px; font-size: 100%; }
ol li { list-style-type: decimal;}

/*  *Top Navigation
================================================== */
.topbar { background-color:#E14900; }
.topbar p { color:#fff; font-size:13px; }
.topbar .sf-menu a { font-size:13px; }

.topbar .sf-menu li li a, 
.topbar .sf-menu li li a:visited, 
.topbar .sf-menu li.sfHover li a,
.topbar .sf-menu li a:hover, 
.topbar .sf-menu li.sfHover a  {
	background-color:#f9f9f9;
	color:#777 !important;
	font-size: 13px;
}

/*  *Dropdown Navigation
================================================== */
.sf-menu li.sfHover ul {
	left:			0;
	top:			4em; /* match top ul list item height */
	z-index:		-1;
	padding-top:	0;
}


/*  *Main Content Customizations
================================================== */ 
p.alignleft.mobile-about { display:none;}
.maincontent { width:670px; margin-right:14px; }
.maincontent.page { padding-top:25px; }
.mainbody a { font-weight:bold; }
.blogpost { margin-right:14px; }
.blog-banner { margin:0; padding:10px 0 0 0; }
.name a { color:#3457AA; }
.name a:hover { color:#333; }
h1.pagetitle { padding: 25px 0; }
h1.blogtitle { font-size:32px; line-height: 34px; }
#ag_contact_widget-3, #ag_contact_widget-2 { margin-top: -15px; margin-bottom: 12px; }
.widget h3 { margin-bottom: 8px; }
.featuredimage { margin-bottom: 15px; }
.featuredimagecredit {font-size:10px; line-height:11px; text-align:right; margin-top: -4px; }
.highlight { font-size:18px; line-height:20px; font-family:"Bitter", arial, sans-serif;font-weight:normal;text-transform:none; color:#111; }
.highlight a { color:#3457AA; }
.highlight a:hover { color:#111; }
.details img { display:none; }
span.resources { font-size:13px; line-height:14px; font-family:"Bitter", arial, sans-serif; }
blockquote { padding-top:10px; background-color:#EDF1FA; border-top:1px solid #D7DFF2; border-bottom:1px solid #D7DFF2; }
blockquote p.source { font-size:12px; line-height:13px; }
.divider { margin:20px 0 35px 0; }
.divider span { font-size:12px; }
.category-events .blogcontent > .leftblogcontent { display:none; }
.post_neighbors_container_wrapper { display:none; }
.category-labor-education .articleinner span.date { display:none; }

.fullarticle { padding-top:15px; }
.articleinner { padding:0 0 7px; }
.articleinner h3 a:hover { color:#111 !important; } 
.articleinner h3, .widget .articleinner h3, .articleinner h3 a, .widget artileinner h3 a {
	font-size: 16px !important;
	line-height:18px !important;
	font-weight:bold !important;
	margin-bottom:10px !important;
	color:#3457AA !important;
}
span.date { font-size:11px; line-height:13px; }

.button.huge { width:94%; font-family:"Bitter", Arial, sans-serif; font-weight:normal; text-transform:none; font-size:24px; padding:20px 0px 21px 40px; cursor:default; transition:none;  text-indent: -25px; }
.button.huge:hover { background-color:#3457AA !important; }

.commentsform { display:none; }


/*  *Custom Blog Post  ***TEMPORARY***
================================================== */ 
.postid-11818 div.a2a_kit.addtoany_list.a2a_target { display: none; }
.postid-11848 .featuredimage { display: none; }

/*  *Remove Add To Any 
================================================== */ 
.postid-12068 div.a2a_kit.addtoany_list { display: none; }


/*  *Custom Blog Post 
================================================== */ 
.blogpost .detailsview { margin-bottom:18px; padding: 15px; background: #F2F2F2; }
.blogpost .detailsview p { font-weight:bold; }
.detailsview img { float:left; margin-right:15px; border-radius:100px; -moz-border-radius:100px; }
.blogpost .detailsview .name { font-size:15px; margin-bottom:3px; padding-bottom:3px; border-bottom:1px solid #dcdcdc; }
.authorboxfull .detailsview img { float:none; }
.authorboxfull .detailsview { float:left; }

/*  *List Categories Plugin
================================================== */ 
.lcp_title { font-weight:bold; font-size:14px; margin-bottom:0; padding-bottom:0;}
.lcp_date { margin-top:0; padding-top:0;}
ul.lcp_catlist { list-style-type:none; }
ul.lcp_catlist li { list-style-type:none; }


/*  *Custom PDF Links
================================================== */
.rightblogcontent { float:left; margin:0 0 15px 0; width:300px; }
.pdf_links { margin-bottom:20px; }
.pdf_links a { font-size:13px; font-weight:bold; }
.people { font-family:"Bitter", arial, sans-serif; font-size:20px; color:#111; }


/*  *Widget Styling
================================================== */ 
.widget { margin-bottom:30px; }
.news-widget-item { margin-bottom:20px; }
.widget .widget-title-staff { margin:30px 0 12px 0; padding-bottom: 10px; border-bottom: 1px solid #dcdcdc; }


/* #Social Counter Widget
================================================== */ 
.social-button-style
{
    position: relative;
    font-size: 11px;
    line-height: 14px;
    list-style-type: none;
    display: block;
    padding: 0px;
    margin: 0px;
    text-decoration: none;
	float:left;
	width:25%;
}
.social-button-style .nameology {
	text-align: center;
	display: none;
	font-size: 10px;
	line-height: 10px;
	color:#777;
}

.social-button-style .button, 
.social-button-style .button:visited,
#footer .social-button-style .button, 
#footer .social-button-style .button:visited {
	padding: 0;
	display: none;
	margin: auto;
	color: #555;
	background: none !important;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	line-height: 20px;
	-moz-transition: all 0.7s ease 0s;
	-webkit-transition: all 0.7s ease 0s;
	-o-transition: all 0.7s ease 0s;
	transition: all 0.7s ease 0s;
	-moz-transition: all 0.7s ease 0s;
	font-size: 14px;	
	font-weight: bold;
}

#footer .social-button-style .button, 
#footer .social-button-style .button:visited {
	color:#e3e3e3 !important;
}

.social-button-style .button:hover,
#footer .social-button-style .button:hover {
    color: #333 !important;
    text-decoration: none;
    background: none !important;
    background-position: 0 -15px;
}
#footer .social-button-style .button:hover {
	color:#fff !important;
}

.social-button-style .button:first-child{
	margin: auto;
	display: block;
	float: none;
	width: 50px;
	height: 50px;
	border-radius: 50px;
	-webkit-border-radius:50px;
	-moz-border-radius:50px;
	-o-border-radius:50px;

}

.social-button-style .button.img,
.social-button-style .button.img:visited,
#footer .social-button-style .button.img,
#footer .social-button-style .button.img:visited {
    line-height: 23px;
    vertical-align: middle;
    border: none;
    padding: 0;
    margin: 0;
    margin:auto;
}
.social-button-style img
{
    padding-top: 10px;
    vertical-align: middle;
}
.social-button-style .facebook-blue, 
.social-button-style .twitter-blue,
.social-button-style .youtube-red,
.social-button-style .join-orange,
.social-button-style .rss-orange {
	background:#999 !important;
}
#footer .social-button-style .facebook-blue, 
#footer .social-button-style .twitter-blue,
#footer .social-button-style .rss-orange {
	background:#555 !important;
}
.social-button-style:hover .button.facebook-blue,
#footer .social-button-style:hover .button.facebook-blue
{
    background: #5074BF !important;
    border:none;
    color: #fff;
}
.social-button-style:hover .button.twitter-blue,
#footer .social-button-style:hover .button.twitter-blue
{
    background-color: #44B8F2 !important;
    border:none;
    color: #fff;
    text-shadow: 0 1px 1px rgba(60, 60, 60, 0.75);
}
.social-button-style:hover .button.youtube-red,
#footer .social-button-style:hover .button.youtube-red {
	background-color: #C60000 !important;
	border: none;
	color: #fff;
	text-shadow: 0 1px 1px rgba(60, 60, 60, 0.75);
}
.social-button-style:hover .button.join-orange,
#footer .social-button-style:hover .button.join-orange {
    background-color: #F78634 !important;
    border:none;
    color: #fff;
    text-shadow: 0 1px 1px rgba(60, 60, 60, 0.75);
}
.social-button-style:hover .button.rss-orange,
#footer .social-button-style:hover .button.rss-orange {
    background-color: #F78634 !important;
    border:none;
    color: #fff;
    text-shadow: 0 1px 1px rgba(60, 60, 60, 0.75);
}

.social-button-style .large
{
    font-size: 14px;
    padding: 3px 10px;
    line-height: 27px;
}
.social-button-style .large img{
    height: 24px;
    line-height: 27px;
    vertical-align: middle;
    border: none;
    max-width: 25px;
    max-height: 25px;
}
.social-button-style .large.img
{
    padding: 3px;
    vertical-align: middle;
    max-height: 29px;
    min-height: 25px;
}

/*  *Publications Search Results
================================================== */
#uwpqsf_id { padding:10px; }


/*  *Blockquotes 
================================================== */
blockquote.citation {
	padding-left: 3em;
	text-indent: -3em;
	border-left:none;
	font-style:normal;
	margin:0px 0 20px 10px;
	font-size: 14px;
	line-height: 15px;
	color:#000000 !important;
}
blockquote.citation p {
	font-size: 14px;
	line-height: 15px;
}

/*  *CWR post customizations 
================================================== */
.postid-450 .pdf_links { margin-bottom: 0px; }
.postid-450 h3 { margin: 0px; }
.postid-450 a img.alignnone { margin-bottom: 0px; }
.postid-450 .rightblogcontent { margin-bottom: 0px; }



/* #Media Queries
================================================== */

/*  Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.maincontent { width:496px; }
	h1.blogtitle { font-size:30px; line-height:32px; }
	.rightblogcontent { margin-left: 10px; width:200px; }
	
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
	.maincontent { width:420px; }
	h1.blogtitle { font-size:28px; line-height:30px; }	
	.headerwidget { display:none; }
	p.alignleft.centername { display:none;}
	p.alignleft.mobile-about { display:block; padding-left:10px;}
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	.maincontent { width: 299px; margin-right:0; }
	h1.blogtitle { font-size:24px; line-height:26px; }
}