/*
Theme Name:     Bretheon Child
Description:    Child theme for the Bretheon theme 
Author:         Dani Torrens Bassols
Template:       bretheon
Version:	2.3
*/


/*<link rel="stylesheet" type="text/css" href="http://www.everythingusb.com/wp-content/bretheon/style.css">*/

@import url("../bretheon/style.css");
/*@import url("css/font-awesome-4.css");*/
/* @import url("css/responsive.css"); */

/* Very small devices */



/* @media only screen and (max-width: 767px) */




/* small devices */
@media only screen and (max-width: 767px)
{

	body,
	#Wrapper
	{
		max-width:100%;		
		overflow-x: hidden;
		overflow-y: inherit;
	}

	body {	
		padding-top:0px; 	
	}
	
	.post-banner
	{
		display: block;
		position: relative;
		margin-top: 1em;
		margin-bottom: 1em;
		margin-left: 50%;
		left: -150px;		
	}
	
	#Header .sixteen 
	{		
		width:100% !important;
	}
	
	div.desc div.tag-cat div.category
	{
		width: auto;	
	}
	
	.popular-posts span.everythingusb_comments
	{
		top:119px;	
	}
	
	.widget.popular-posts{
		display:none;
	}
	
	.container
	{
		width:94%!important;
	}
	
	/* Menu hacks */
	/*#Header #menu
	{
		width:100%;	
		text-align:center;
		margin-top: 0;			
	}
	
	
	#Header #menu > ul
	{
		width:220px;
		margin:auto;
		float:none;
		text-align:center;
		overflow:visible;
	}
	
	#Header #menu > ul > li
	{
		float:none;
		width:100%;		
		position:relative;
		overflow: visible;
	}
	
	#Header #menu > ul > li > a
	{
		text-align: left;
	}
	
	#Header #menu > ul > li > a > span
	{
		display:none!important;
	}
	
	#Header #menu > ul > li > .menu-down-arrow
	{
		border-radius:3px;
		background:#fff;
		text-align:center;
		vertical-align: middle;
		position:absolute;
		right:3px;
		top:3px;
		width: 33px;
		height: 33px;
		overflow: visible;		
		cursor:pointer;
		
	}
	
	#Header #menu > ul > li.current-menu-item > .menu-down-arrow
	{
		color:#629ac2;
	}
	
	
	#Header #menu > ul > li > .menu-down-arrow:hover
	{
		background-color: #213442;
		color:#fff;
	}
	
	#Header #menu > ul > li.current-menu-item > .menu-down-arrow:hover
	{
		background-color: #629ac2;
		color:#fff;
	}*/
	
	/* Submenu */
	/*#Header #menu ul.sub-menu
	{
		position: relative;
		top: auto;
		left: auto;
		box-shadow: none!important;		
	}
	
	#Header #menu ul.sub-menu li
	{
		width:auto;
	}
	
	#Header #menu .fake-hover
	{
		color:#fff;
		background-color: #53a3e0;
		
	}
	
	#Header #menu .fake-hover > ul
	{
		border-top: 1px solid #87bfe9;
		border-bottom: 1px solid #87bfe9;
	}
	
	#Header #menu .fake-hover > a
	{
		color:#fff;		
	}
	
	#Header #menu  li.current-menu-item.fake-hover > a
	{
		color: #fff!important;
	}
	
	#Header #menu .fake-hover .menu-down-arrow
	{
		background:#fff;
		color: #53a3e0;
	}*/
	
	/* Increase <h1> title bar to 100% width */
	#Subheader .container .sixteen.columns
	{
		width:100%!important;
	}


/* #Subheader .container .sixteen.columns ul.breadcrumbs { display: none!important; } */

/* Hide breadcrumbs on smartphones */
#Subheader .sixteen { 
	padding-bottom: 10px; }
#Subheader ul.breadcrumbs {
	display: none; } 

/* Change font size for H1 on smartphones 30 / 33 */
#Subheader .container .sixteen.columns h1 {
	font-size:26px !important;
	line-height:28px; 
}

/* Reduce logo paddings on homepage for smartphones */
#Header #logo img { 
	/* padding-top:8px; padding-bottom:12px; */
}

/* Reduce logo paddings on homepage for smartphones */
#logo img { 
	width:180px;
	height:auto;
}

/* Reduce font size for review sub-headers on smartphones */
.content h2 {
	font-size:20px;
}

/* Reduce logo paddings on articles for smartphones */
#Header .container .sixteen.columns #logo { 
	padding-top:8px; padding-bottom:12px;
}

/* Remove author line from articles on smartphones */
.tag-cat {
	display: none;
}

/* 300x250 Adsense on smartphones */
#ad_rectangle_left {
	width:300px;
	margin-left: auto;
	margin-right: auto;
}

/* 300x250 Adsense on smartphones */
#ad_rectangle_right {
	width:300px;
	margin-left: auto;
	margin-right: auto;
}


/* #skyscraper_banner */ 

/* Center related news at the end of the page on smartphones */
#Content .container .four.columns {
	width:100% !important;
}

/* Center footer */
#Footer .container .one.column {
	width:100% !important;
}

}



/* medium devices */
@media only screen and (min-width: 768px) and (max-width: 959px) 
{
	
	body,
	#Wrapper
	{
		max-width:100%;
		overflow-x: hidden;
	}
	
	.post-banner
	{
		display: block;
		position: relative;
		margin-top: 1em;
		margin-bottom: 1em;
		margin-left: 50%;
		left: -150px;		
	}
	
	div.desc div.tag-cat div.category
	{
		width: auto;	
	}
	
	#Subheader .container .sixteen.columns, 
	#Subheader .container .one.column 
	{		
		width: 565px !important;
	}
	
	.popular-posts span.everythingusb_comments
	{
		top:66px;	
	}
	
	.with_aside #Content .container .two-third.column
	{
		width:546px!important;
	}

	/* Forcem que el menú es vegi sempre */
	#Header #menu
	{
		display:block!important;
	}
	
	/* hide responsive menu for ever */
	#menu_responsive
	{
		display: none!important;
	}



/* Don't hide email on header on iPad & tablets */
#Header .addons p.mail {
	margin-top:-3px;
	display: block!important;
	font-size: 14px;
	font-weight: bold;
}

/* 300x250 Adsense on iPad & tablets */
#ad_rectangle_left {
	width:300px;
	margin-left: auto;
	margin-right: auto;
}

#ad_rectangle_right {
	width:300px;
	margin-left: auto;
	margin-right: auto;
}


}

/* large devices */
@media only screen and (min-width: 959px) 
{
	.post-banner
	{
		float: left;
		margin: 0 1em 1em 0;
	}
	
	.body_sidebar_fix #Subheader h1
	{
		margin-right:220px;
	}
	
	.popular-posts span.everythingusb_comments
	{
		top:98px;	
	}
	
	.with_aside #Content .container .two-third.column
	{
		width:720px;
	}


/* Change right column background color on regular screens */
.four.columns .widget-area
{
	background-color: #F8F7F7;
}

/* Don't hide email on header on regular screens */
#Header .addons p.mail {
	margin-top:-3px;
	display: block!important;
	font-size: 14px;
	font-weight: bold;
}	

/* 300x250 Adsense on regular screens */
#ad_rectangle_left {
	width:300px;
	float: left; 
	margin-right: 10px; 
	margin-top: 5px; 
	margin-bottom: 0px;
}

/* 300x250 Adsense on regular screens */
#ad_rectangle_right {
	width:300px;
	float: right; 
	margin-left: 10px; 
	margin-top: 5px; 
	margin-bottom: 0px;
}
	
}

div.desc div.tag-cat div.category
{
	white-space: nowrap;	
}

.body_sidebar_fix .widget-area
{
	top:-110px;
}

.body_sidebar_fix #Subheader h1
{
	/* margin-bottom:0.5em; */
}

/* popular posts */

	.popular-posts
	{
		overflow: auto;
		padding-bottom:1em;
	}
	
	.popular-posts ul
	{
		list-style: none outside;		
	}
	
	.popular-posts ul li
	{
		margin-right: 0.6em;
		margin-bottom: 1.8em;
		display:block; 
		width:100%;
		height:auto;
		float:left;
		position: relative;
	}
	
	.popular-posts ul li a
	{
		width:100%; 
		height: auto;
		/* margin-top:5px; */ 
		display:table;
		position:relative;	 
	}
	
	/* .popular-posts ul li a.title_a
	{
		margin-top:10px;
	} */
	
	.popular-posts ul li a:hover
	{
		text-decoration:none;
	}
	
	.popular-posts ul li a img
	{
		display:block;	
		width:100% !important;
		height:auto !important;
	}
	
	.popular-posts span.everythingusb_comments
	{
		background: url("/wp-content/themes/bretheon/css/skins/blue/images/comments.png") repeat-x left top;
		color: #fff;
		text-shadow: 1px 1px 0 #3881c3;
		position: relative;
		left: 5px;
		top: -7px;
		padding: 0 6px;
		font-size: 11px;
		height: 18px;
		line-height: 18px;
		text-align: center;
		display: table;



	}


	
	.popular-posts ul li a span.everythingusb_title
	{
		margin-top:-5px;
		color:#000;
		font-family: 'Patua One', Arial, Tahoma, sans-serif;
		font-size:13px;
		display:block;
		font-weight:normal;
		line-height:18px;	


	
	}
	
	.popular-posts ul li a:hover span.everythingusb_title
	{
		text-decoration:underline;
	}
	
	.popular-posts ul li a span.everythingusb_date
	{
		font-size: 80%;
		line-height: 130%;	
		color: #a3a3a3;
		vertical-align: baseline;
		font-weight: normal;
		text-decoration:none!important;
		white-space: nowrap;
	}






/* related posts fix */
.four.columns .widget-area .yarpp-related-widget .related_posts_wrapper li,
.four.columns .widget-area .yarpp-related-widget .related_posts_wrapper li a
{
	width:100%;
	height:auto;
} 




/* Ajax infinite scroll */
.ajax-added{
	display:none;
}

h4.no-more-posts
{
	color:#326e9b;
	text-align:center;
	font-size:larger;
}

/* Forcem que el menú es vegi sempre */
/*#Header #menu
{
	display:block!important;
}*/

/* hide responsive menu for ever */
/*#menu_responsive
{
	display: none!important;
}*/


/* Center featured image and make background white */
.post .image {
	background: #fff;	
	text-align: center;
}





/* Attempt to fix pixelated font problem */
body { 
	-webkit-text-stroke: 1px rgba(0, 0, 0, 0.1);
}


/* Change width of the sub-menu */
#Header #menu > ul > li ul li {
	width: 200px;
}

/* Change main menu font size */
#Header #menu > ul > li > a {
	font-size: 18px;
}

/* Change menu font size */
#Header #menu > ul > li ul li a {
	font-size: 16px;
	font-weight: bold;
	letter-spacing: -0.5px;
}

/* Change verdict font size and line height */
blockquote div.text p {
	font-size: 19px;
	line-height: 25px;
}

/* Put some distance between review verdict (blockquote) and content */
.content .inner-padding {
	margin-top:20px;
	padding-bottom:20px;
}

/* Add some line height between lines in articles */
#Content {
	line-height:26px;
}

/* CSS style for "Load more stories */
.bt_more_content
{
	width:280px;
	letter-spacing:0.1em;
	text-transform:uppercase;
}

/* Make hyperlinks bold */
#Content a
{
   font-weight:bold;
}

/* Add top margin by 40 pixels */
#Content h2 {
	margin-top:40px;
}


/* Right column menu category font size */
.widget ul.menu 
{
	font-size:14px;
}