/*
Theme Name: Hustle-Child
Version: 1.0
Description: Hustle Child Theme for IDW Publishing.
Author: WooThemes and George Teichmann
Author URI: http://www.woothemes.com
Template: hustle
*/

@import url("../hustle/style.css");

/* =Theme customization starts here
-------------------------------------------------------------- */


.page-id-127 #content #main img{
	margin: 0 0 1rem 0 !important;
}

.postid-1551 ul.products li.product{
	margin-right: 1.8% !important;
}


/* GLOBAL STYLES
----------------
Add styles beneath this line that you want to be applied across your entire site */


.2textcolumns p{
-moz-column-count: 2 !important;
-moz-column-gap: 16px !important;
-webkit-column-count: 2 !important;
-webkit-column-gap: 16px !important;
column-count: 2 !important;
column-gap: 16px !important;

}


small{
font-size:.9rem !important;
font-style: italic !important;
line-height:1rem !important;
text-align: center;
 display: block;
}

#top ul.nav > li.current_page_item a{
	color: #feb202 !important;
}


.entry ul{
list-style-type: none !important;
}

li:p:first-child{
	margin-bottom: 2rem;
}




.woocommerce-cart .paypal-express-checkout-button{
display: none !important;

}


body{
	padding: 0px !important;
}



/* Responsive Video */
.videoWrapper {
	width:96%;
	margin:2rem 2%;
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	max-width: 100%;
}
/* ::::::::::::: Styles Homepage ::::::::::::: */

h1, h2, h3, h4, h5, h6{
font-family:"Droid Sans", sans-serif !important;
font-style: bold;
}

/* ::: Header ::: */
/* Search bar */

#header-widget{
width: 200px !important;
position: absolute;
top:105px;
right: 20px;

}

#header-widget .widget{
	margin-bottom: 0px !important;
}

#header-widget .widget #searchform{
	margin-bottom: 0px !important;
}

#header-widget .widget #searchform input[type=text]{
padding: .75rem .5rem !important;
font-size: 1.4rem !important;
background-color: #FFF;
}


/* navigation */
/*
.home #header{
	margin-bottom:1rem;
	background-image: url(http://idwgames.com/wp-content/uploads/2014/10/mountain-tops-4.png);
	background-repeat: no-repeat;
	background-position: bottom center;
}
*/

.home-section{ 
	margin-bottom:1rem;
}

#header #logo{
border-top: 5px solid #feb202 !important;
}

#navigation ul.nav > li.current_page_item a{
border-top: 5px solid #feb202 !important;	
}

#header .nav-toggle{
	background:#feb202;
}

#top{
margin: 0px !important;
padding: 0px !important;
width: 100%;
}

#top #top-nav{
	float: right;
}

#navigation ul.nav > li{
	margin-left: 0px !important;
}



#top ul.nav > li a:hover{
	color: #feb202 !important;
}

.flex-control-nav{
	bottom: -4px !important;
}

.flex-control-paging li a{
width:2rem !important;
height:2rem !important;

}

.flex-control-paging li a.flex-active{
background-color:#feb202;
}

/* slider */

#featured-slider header h1{
	display:none;
}



/* homepage news section */

#blog-posts .blog-post h3 a{
	color: #ffb303 !important;
	text-shadow: 0 1px 1px rgba(86,86,0,.2);
	font:300 3.2rem/3.2rem 'Roboto Slab', arial, sans-serif !important;
	text-decoration: none;
	display: inline-block;
	margin-bottom: 1.4rem;
}

#blog-posts .blog-post h3 a:hover{
color: #2293e2 !important;
}

/* homepage featured products */

#home-shop .product .product-details{
  list-style: none;
}

#home-shop .product .details{
	display: none;
}

#home-shop .product .amount{
	margin-left: 100% !important;
	font-size: 120%;
}


/* ::: footer ::: */ 
#credit{
	display:none;
}

/* footer twitter widget */


.widget_reallysimpletwitterwidget h3 a img{
	margin-bottom: 8px;
}

#footer-widgets .really_simple_twitter_widget li{
	display: block;
	display: inline-block;
	margin-left: 4%;
	width: 20%;
	height: auto;
	vertical-align: top;
}

.really_simple_twitter_widget li a{
color: #2293e2 !important;
}

.rstw_comma{
display:none;
}

.twitter-link:last-of-type{
display:block;
text-align:right;

}

.twitter-timestamp{
font-size: 70%;
display:block;
text-align: right;	

}



/* ::::::::::::: Styles About::::::::::::: */

/* styles creative talent team members */

#main .widget_woothemes_our_team {
	padding-top: 4rem;
}

#main .widget_woothemes_our_team .team-member{
width:30%;
margin-left: 3%;
float: left;
border-right: 1px dotted #868686;
}

#main .widget_woothemes_our_team .team-member p{
	padding: 0 1.5rem;
}

#main .widget_woothemes_our_team .team-member:last-child{
border-right: none;
}

#main .widget_woothemes_our_team .team-member h3{
height: 12rem;
text-align: center;
}


/* ::::::::::::: Styles News ::::::::::::: */

.post-list .listed-post a{
color: #ffb303 !important;
text-shadow: 0 1px 1px rgba(86,86,0,.3);
font:300 3.6rem/3.8rem 'Roboto Slab', arial, sans-serif !important;
text-decoration: none;
display: inline-block;
margin-bottom: 1.4rem;
}

.listed-post a:hover{
color: #2293e2 !important;
}

/* ::: individual news posts ::: */

article h1{
	font:300 4.4rem/4.4rem 'Roboto Slab', arial, sans-serif !important;	
}

.nav-next{
	margin-top: 2rem;
}


/* sidecolumn Twitter Widget */

.widget_recent_entries ul li{
	margin-bottom: 1rem;
}

.widget_recent_entries ul li a{
	text-shadow: 0 1px 1px rgba(86,86,0,.2);
	font:300 2.2rem/2.2rem 'Roboto Slab', arial, sans-serif !important;
	color: #ffb303 !important;

}

.widget_recent_entries ul li a:hover{
	color: #2293e2 !important;	
	text-decoration: none;
}

#sidebar .widget_reallysimpletwitterwidget ul li{
	padding: 1rem;
	border-bottom: 1px dotted #868686 ;
	margin-bottom:2rem;
}

#sidebar .widget_reallysimpletwitterwidget ul li:last-child{
	border-bottom: none;
}

/* ::::::::::::: Styles Games ::::::::::::: */

.page-id-127 .threecol-one img{

margin-bottom: .25rem !important;
}




/* ::::::::::::: Styles Shop ::::::::::::: */





/* :::::::::::::::::::::::::::::::::::::::::::: Media Queries :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::


:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */



/* Gets rid of header background on screens smaller thatn 1360px */
@media screen and (max-width: 1360px){

#header{
	background-size: cover;  
}

}


@media screen and (max-width: 1080px){
#content{
padding: 0rem 2rem !important;
}


}

@media screen and (max-width: 1000px){
	 
	.widget_woothemes_our_team .team-member{
		width:90% !important;
		margin: 0rem 5% 4rem 5%;
		border-right: none !important;
		border-bottom: 1px dotted #868686;
		padding-bottom:4rem;
	}


} /* End max-width 1000px */ 


@media screen and (max-width: 960px) and (min-width: 768px){

	.post-list.with-excerpt {
	   -moz-column-count: 1 !important;
	-moz-column-gap: 0px !important;
	-webkit-column-count: 1 !important;
	-webkit-column-gap: 0px !important;
	column-count: 1 !important;
	column-gap: 0px !important;
	  }

	.listed-post{
	padding: 2rem 1rem !important;
	}

} /* End (max-width 900px) (min-width 768px) */ 


@media screen and (max-width: 620px){

	.post-list.with-excerpt {
	   -moz-column-count: 1 !important;
	-moz-column-gap: 0px !important;
	-webkit-column-count: 1 !important;
	-webkit-column-gap: 0px !important;
	column-count: 1 !important;
	column-gap: 0px !important;
	  }

	.listed-post{
	padding: 2rem 1rem !important;
	}

} /* End (max-width 900px) (min-width 768px) */ 


/* Set Up Fixed Mobile navigation */
@media screen and (max-width: 782px){
	#top{
		display: none;
	}

}/* End 782px */


/* Smaller Screen Styles <940px */
@media screen and (max-width:940px){


	#footer-widgets .really_simple_twitter_widget li{
		width: 40%;
		margin-left:6%;
		margin-bottom: 2rem;
	}

.really_simple_twitter_widget li + li{
	
}


}/* End 940px -Smaller Screen Styles */





@media screen and (max-width: 767px){

	ul.nav li.current-menu-item a{
	border: 5px solid #feb202 !important;
	-webkit-border-radius: 2px 2px 2px 2px;
	border-radius: 2px 2px 2px 2px;
	}

	.nav-toggle{
	position:fixed !important;
	top: 5px;
	right: 18px;
	z-index: 444;

	}



	#navigation{
		position:fixed;
		top: 4px;
	}

	#header .nav-toggle{
		background: transparent;
	}



	#header .nav-toggle:after{
	margin-left: 0 !important;
	font-size: 3rem !important;
	padding:  .25rem .1rem;
	color: rgba(254,178,2, .8);
	}

	.nav-toggle a span{
	display: none;
	}

	#header-widget{
	width: 180px !important;
	position: relative;
	right: 5% !important;
	top: 148px !important;

	}


	#navigation{
		background-color: rgba(255,255,255,.8) !important;
		width: 90%;
		border-bottom: 5px solid #feb202 !important;
		padding-top: 54px !important;
		top: -42px;
		z-index: 443;
		background-repeat: repeat;
	}







} /* End Mobile Nav Media Query */