/*
Theme Name: JH Custom
Version: 1.0
Description: Custom WordPress theme for the Just Harvest Website. Based on a child them for Canvas theme from WooThemes.
Author: Craig Grella
Author URI: http://www.orgspring.com
Template: canvas
*/

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



/******************************************************************************
****
****  JUST HARVEST CUSTOM COLORS - DO NOT CHANGE THESE
****
*******************************************************************************

.jhorange {color: #cc8800;}
.jhorange {color: #006699;}

Here are the four dark blues we've been using indiscriminately: 
#025291 
#006599 (what's on twitter) 
#31459C (what's in the one color version of our logo) 
#3F5A9C 
#084C9E

*******************************************************************************

/******************************************************************************
****
****  ADMIN ITEMS
****
*******************************************************************************/



/******************************************************************************
****
****  PAGES and CONTENT
****
*******************************************************************************/

body {
	background: url(images/bg-texture.png) !important;
}

.entry img {
	box-sizing: border-box;
}

.woo-image{
	box-sizing: border-box;
}

.entry a, a:link, a:visited {
	color: #04663c;
	text-decoration: underline;
}

a[href*="//"]:not([href*="justharvest.org"]) {
	color: #084c9e;
	text-decoration: underline;
}

#sidebar .widget {
	padding: 0 24px;
}

#sidebar {
	padding: 24px 0;
}

/******************************************************************************
****
****  PAGES and CONTENT
****
*******************************************************************************/

.tp-button {
	color:#fff;
	background-color: #21759b;
	font-size:18px;
}


/******************************************************************************
****
****  Display Posts Shortcode Styling
****
*******************************************************************************/

/* Header Link */
ul.display-posts-listing a.title {
	font-size: 20px;
	margin-top: 30px;
	display: block;
}

/* Fix for Posts Shortcode with No Items*/
.display-posts-listing .listing-item {
	clear: both;
}

/* Fix for Posts Shortcode with No Items*/
.display-posts-listing img {
	float: left;
	margin: 0 10px 10px 0;
}	
	

/* For Take Action to Change public Policy Page*/
.display-action-posts {
	background: #fff;
	padding:15px;
	box-sizing:border-box;
	margin-top:40px;
}

.display-action-posts a.title{
	font-size:16px;
	display: block;
}

.display-action-posts .display-posts-listing .listing-item {
	clear: both;
	display: block;
	overflow: hidden;
	margin-bottom: 20px;
}


/******************************************************************************
****
****  Header Adjustments When Adding Header Right Widget
****
*******************************************************************************/
#header {
	float: left;
	width: 66%;
	padding-bottom: 25px !important;
}

#header-right {
	float: right;
	width: 34%;
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 40px;
	padding-bottom: 0px;
	border: 0px solid;
	list-style-type: none;
}

#header-right #woo_search-3 {margin-bottom: 10px !important;}
#header-right #woo_search-3 h2.widgettitle {display: none;}

#header-right #simple-social-icons-3 {
	margin:0;
	float: left;
	width: 60%;
}

.simple-social-icons li.social-facebook a:hover {
	background: #1302d8 !important;
}

.simple-social-icons li.social-twitter a:hover {
	background: #02c5ff !important;
}

.simple-social-icons li.social-youtube a:hover {
	background: #ff0000 !important;
}

#header-right #text-5 {
	width:39%;
	float: right;
}

#header-right #text-5 h2.widgettitle {
	display: none;
}

#header-right .jh-button {
	float: right;
	padding: 5px 10px;
	margin: 0px;
	width:100% !important;
}

#main-nav ul.sub-menu {
	border-top: none !important;
}



/******************************************************************************
****
****  Custom Styling for Home Page Slider
****
*******************************************************************************/

#nav-container {
	margin-bottom: 0px !important;
}

#featurebox-container {
	width: 100%;
	display: block;
	padding-bottom: 0.5em;
	overflow: hidden;
	background: url('http://www.justharvest.org/wp-content/uploads/2013/10/Line-Breakers-960.png') bottom center no-repeat;
    min-height:400px;
}

#special-announcement {
	width:30%;
	float: left;
	list-style-type: none;
	margin-top: 0px;
	display: block;
	box-sizing: border-box;
	padding: 10px;
	background: #fff;
}

.sa-inner .widgettitle {margin-bottom: 10px;}
.sa-inner .jh-button {margin-top: 10px !important;}

#homeslider-container {
	width: 66%;
	float:right;
	background: rgb(242, 240, 240); /* #005596; */
	border-bottom: 2px solid #54B948;
	display: block;
}

#content {
	margin-top: 3em;
}
/* Fix for events manager custom template to add some margin above search functionality on calendar page and event listings on single events pages */
#tribe-events-pg-template {
	margin-top: 3em;
}

.tribe-events-content ul, .tribe-events-content ol { 
	overflow: auto; 
	padding-left: 30px; 
}

.tribe-events-event-image {
display: none;
}

.my-events-table-wrapper { /* fix events community list display */
	width: 100%;
	overflow: scroll;
}

a.tribe-events-ical {
	color: #ffffff;
}


.post, .jh_news_item, .jh_publication {
margin: 0 0 40px;
}

.jh_news_item .title a, .jh_publication .title a {
	color: #222222 !important;
	font: bold 28px/1.1em "Helvetica Neue", Helvetica, sans-serif !important;
}

/* Clear Tribe Meta from Image Floats in Single Event View*/
.single-tribe_events .tribe-events-event-meta {
	clear: both;
}

/******************************************************************************
****
****  FORMS STYLING
****
*******************************************************************************/
.sa-inner li {
    margin-bottom: 0px;
}

/* email input field On Home Page */
.home #gform_wrapper_5 #input_5_7 {
    width: 95%;
}

/* remove margin and padding around submit button on Home Page */
.home #gform_wrapper_5 .gform_footer {
    margin: 0px !important;
    padding: 0px !important;
}

/* Styling for All Sidebar Email Signup widgets
** Uses sidebar-email-form class inside widget area in admin panel
*/

.sidebar-email-form input[type=email] {
	width:95% !important;
}

.gform_footer {
	padding-top: 0px !important;
	margin-top: 0px !important;
}

/******************************************************************************
****
****  EVENTS SPECIFIC STYLING 
****
*******************************************************************************/

/* CUSTOM CATEGORY FILTER ON EVENTS CALENDAR PAGE ONLY */
/* ALSO SEE MEDIA QUERY BELOW */

.events_category_menu {
	background: #e0e0e0;
	margin-bottom: 25px;
	padding: 15px;
	display: block;
	font-family: 'Helvetica Neue', Helvetica, sans-serif;
	font-size:13px;
	text-transform: uppercase;
	clear: both;
}

.events_category_menu li a {
	color: #666;
	padding: 10px 15px;
	display: block;
	text-decoration: none;
}

.events_category_menu li a:hover {
	font-weight: 200;
	color:#000;
}

.events_category_menu .current-menu-item a {
	background: #666;
	color: #fff;
	font-weight: 200;
}

.events_category_menu .current-menu-item a:hover {
	background: #666;
	color: #fff;
	font-weight: 200;
}


.events_category_menu li {
	display: inline-block;
}

.events_category_menu li:first-child
{
	padding: 10px 5px 10px 0px;
}




/******************************************************************************
****
****  FRESH ACCESS PAGE NEWS LIST AT BOTTOM OF PAGE 
****
*******************************************************************************/


#fresh-access-recent-news-list {
	margin:40px 0px 20px;
}

.news-list-inner h3 {
	color: #cc8800;
	margin-bottom: 15px;
}

.news-list-inner ul {
	list-style-type: disc;
	margin-left: 40px;
}

.newstable {
	width: 100%;
	text-align: left;
}

.newstable td {
	padding: 10px 0px;
	}

th.newstable-title, td.newstable-title {
	padding-left:10px;
	padding-right:10px;
}

.newstable-date {
	width: 15%;
}

.newstable-title {
	width: 60%;
}
.newstable-outlet {
	width: 25%;
}



/******************************************************************************
****
****  HB INNER FEATURE BOX AREA 
****
*******************************************************************************/

#home-button-bar-container {
	box-sizing: border-box;
	width: 100%;
	height: 200px;
	display: block;
	background: url('http://www.justharvest.org/wp-content/uploads/2013/10/Line-Breakers-960.png') bottom center no-repeat;
}

#hbb-inner {
	background: #006699;
	padding:20px;
	width: 100%;
	box-sizing: border-box;
	display: block;
	}
	
#hbb-inner .feature{
	box-sizing: border-box;
	width: 25%;
	padding:0px 10px;
	display: block;
	float: left;
	margin:0px;
	}
	
#hbb-inner .feature a img{
	box-sizing: border-box;
	width:100%;
	height:100px;
	border: double #fff;
	margin: 0px 0px 5px 0px;
	}

#hbb-inner .feature h3.feature-title {
	display: none;
}	


#hbb-inner .feature .feature-content{
	display: none;
}	
	
	
.widget_woothemes_features {
	margin: 0px;
	padding: 0px;
}








/******************************************************************************
****
****  Single Post Next and Previous Nav 
****
*******************************************************************************/

.nav-prev, .nav-next {
	display: none !important;
}

.nocomments {
	display: none;
}


/******************************************************************************
****
****  Post Widgets 
****
*******************************************************************************/

#dpe_fp_widget-2 h3 {
	margin: 0px;
	padding-left: 10px;
	font: 300 14px "Helvetica Neue", Helvetica, sans-serif;
}

.dpe-flexible-posts {
	background: #fff;
}

.dpe-flexible-posts li {
	list-style-type: none;
	border-bottom: 1px solid #d9d9d9;
	margin: 0px;
	padding: 10px 0px;
	border-left: 1px solid #d9d9d9;
	border-right: 1px solid #d9d9d9;
}

.dpe-flexible-posts h4.title {
    font: "Helvetica Neue", Helvetica, sans-serif;
	color: #555555;
	font-weight: bold;
	font-size: 12px;
	margin-left: 10px;
}

.rpwe-title a {
    font: "Helvetica Neue", Helvetica, sans-serif;
    color: #555555;
    font-weight: bold;
    font-size: 12px;
    border:none !important;
}

.widget_facebook_likebox a {
	color:#555555 !important;
}

.widget_facebook_likebox a:hover {
	text-decoration: none;
	cursor: default;
}

/* Empty Bowls Page Sidebar*/
#dpe_fp_widget-5 li {
	display: block;
	padding: 15px 5px;
}

/* Empty Bowls Page Sidebar*/
#dpe_fp_widget-5 img {	
	width: 32px;
	height: auto;
	margin-right: 10px;	
	float: left;
}

/* Home Page - Just Harvest in the News Widget */
#dpe_fp_widget-2 li {
	padding: 10px;
	box-sizing: border-box;
}


/******************************************************************************
****
****  RELATED POSTS DISPLAY
****
*******************************************************************************/

/* resets the border to match the title height */
.yarpp-thumbnails-horizontal .yarpp-thumbnail {
	height: auto;  
}

/* resets the title height to show entire title */
.yarpp-thumbnails-horizontal .yarpp-thumbnail-title {
	overflow: visible;
}


/******************************************************************************
****
****  SIDEBAR
****
*******************************************************************************/

#sidebar {
    box-sizing: border-box;
    background: #fff !important;
    color: #444444;
}

#sidebar a,
.dpe-flexible-posts h4.title   /* This is for News Post listing links */
{
    color:#084c9e !important;
}

#sidebar h3 {
    color: #a85900;
    font-size: 16px;
}

#sidebar-alt {
    border-right: 1px solid #ccc;
    box-sizing: border-box;
    padding-right: 10px;
}

/* Recent Posts Widget for Sidebars */

.rpwe-block {
    box-sizing: border-box;
    padding: 10px 10px;
    background: #fff;
}

/* Remove borders on posts*/
.rpwe-block h3 {
    border: none !important;
    padding-bottom: 0px;
}

.rpwe-time {
    color:#333 !important;
}



/******************************************************************************
****
****  FOOTER
****
*******************************************************************************/

#footer-widgets {
	background: #d8d8d8;
	box-sizing: border-box;
	padding: 20px;
}

#facebook-likebox-2 iframe{
	background: transparent !important;	
}


/******************************************************************************
****
****  Embed Responsively Container Styling
****
*******************************************************************************/
.embed-container { 
	position: relative; 
	padding-bottom: 56.25%; 
	padding-top: 30px; 
	height: 0; 
	overflow: hidden; 
	max-width: 100%; 
	height: auto;
} 
	
.embed-container iframe, 
.embed-container object, 
.embed-container embed { 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%; 
}

/******************************************************************************
****
**** WOOCOMMERCE STYLING
****
*******************************************************************************/

/* Hide Variable Product Price Range */
.product.product-type-variable p.price,
.product.product-type-variable-subscription p.price{
	display: none;
}


.product.product-type-variable .summary form,
.product.product-type-variable-subscription .summary form {
	border:none;
}


/* Hide SKU Information */
.woocommerce .product_meta {
	display: none;
}

/* Hide Credit Card Logos on Checkout */
.payment_method_paypal label img,
.payment_method_stripe label img {
	display: none;
}

ul.payment_methods.methods li {
	padding: 20px;
}


/******************************************************************************
****
**** Thermometer Styling for DC Bus SNAP Tour
****
*******************************************************************************/

.snap-bus-thermometer img {
	margin-top: 40px;
	margin: 0 auto;
	display: block;
}




/******************************************************************************
****
****  MEDIA QUERIES 
****
*******************************************************************************/

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

	#header {
		width: 100%;
		float:none;
		padding-bottom: 10px !important;
		clear: both;
	}
	
	#logo {
		width: 100% !important;
	}
	
	#logo a img {
		display: none;
	}
	
		
	#logo a img {
		/*background-image: url('http://www.justharvest.org/wp-content/uploads/2013/10/just-harvest-logo-dark-mobile.png') no-repeat !important;*/
		background-image: url('http://www.justharvest.org/wp-content/uploads/2015/01/Just-Harvest-Primary-with-Tag.png') no-repeat !important;
		display: block !important;
		width: 448px !important;
		margin:0 auto !important;
	}


	
	#header-right {
		width: 100% !important;
		padding-top: 10px;
		clear: both;
        float:none;
        overflow: hidden;
	}
	
	#header-right .hr-inner {
		width: 300px;
		margin:0 auto;
	}
	
	#featurebox-container {
		width:100%;
		margin:20px auto !important;
	}
	#special-announcement {width:100%;}
	#homeslider-container {display: none;}
	
	#hbb-inner .feature{
		width: 50%;
	}
		
	#home-button-bar-container {
		height: 315px;
	}		
	
	.home .post a img {
		width:200px;
		float: left !important;
		margin-right: 20px;
	}
		
} /* end @media all and (max-width:767px) */


@media all and (max-width:500px){
	
	#featurebox-container {
		display: none;
		}

	#home-button-bar-container {
		background: transparent;
		height: auto;
		margin-top: 150px;
	}		
	
	#hbb-inner {
		background: transparent;
	}
	
	#hbb-inner .feature{
		width: 100%;
	}

	#hbb-inner .feature a {
		display: block;
		width: 330px;
		height:157px;
		margin: 0 auto;
		
	}
	#hbb-inner .feature a img{
		width:330px;
		height:157px;
		margin: 10px 0px;
	}
	
	#content {
		margin-top: 3em;
		box-sizing: border-box;
		padding: 0px 30px;
	}

	.home .post a img {
		width: 100px;
		float: left !important;
		margin-right: 20px;
	}
	
	/* Events Filter Bar in Month Calendar View -  SEE EVENTS SECTION ABOVE */
	.events_category_menu li {
	width: 100%;
	}
	
	#footer-widgets {
		background: #d8d8d8;
		box-sizing: border-box;
		padding: 0px 30px;
		width: 85%;
		margin:0 auto;	
	}

} /* end @media all and (max-width:500px) */