/*primary colour*/

a, .entry-content a, h4, .b-block_title, .pullquote, .entry-content .more-link, .pagelink, .sidebar .widget-title, .genesis-nav-menu a:hover, .genesis-nav-menu .current-menu-item>a, .genesis-nav-menu .sub-menu .current-menu-item>a:hover, .entry-title a:hover,
.sidebar .widget-title a:hover,
.entry-title a:focus,
.sidebar .widget-title a:focus,
.entry-title a:active,
.sidebar .widget-title a:active, .featured-content .entry-title a:hover,
.featured-content .entry-title a:focus,
.featured-content .entry-title a:active, .nr_link:hover,
.nr_link:focus,
.nr_link:active {
    color: #34a102;
}

a:hover, .b-featured-callout_title a:hover {
  color: #41BB09;
}

.entry-content a:hover {
  border-bottom: 1px dotted #34a102;
}

.entry-content a.button-blue, .button-blue, .banner-image, .archive-pagination li a:hover, .archive-pagination li.active a {
background-color: #34a102;
}

.pullquote {
	border-right: 6px solid #34a102;
}

.pullquote__right {
	border-left: 6px solid #34a102;
}


/* Dark primary text & background hover colour */

a:hover, .entry-content a:hover, .entry-content .more-link:hover, .entry-content .more-link:focus, .entry-content .more-link:active, .pagelink:hover, .pagelink:focus, .pagelink:active, .entry-content a.button-blue:hover, .button-blue:hover, .entry-title a:hover, .sidebar .widget-title a:hover, .entry-title a:focus, .sidebar .widget-title a:focus, .entry-title a:active, .sidebar .widget-title a:active, .featured-content .entry-title a:hover,
.featured-content .entry-title a:focus, .featured-content .entry-title a:activ, .nr_link:hover, .nr_link:focus, .nr_link:active { 
 color: #2c8802 ;
}

.entry-content a.button-blue:hover, .button-blue:hover, .entry-content a.button-blue:focus, .button-blue:focus, .entry-content a.button-blue:active, .button-blue:active, button:hover, input:hover[type="button"], input:hover[type="reset"], input:hover[type="submit"], .button:hover, .entry-content .button:hover, .simple-social .simple-social-icons ul li a:hover, .simple-social .simple-social-icons ul li a:focus, .simple-social .simple-social-icons ul li a:active {
	background-color: #2c8802;
}

/* Alternate block background */

.b-block__featured {
background-color: #E8E7DE;
}

/* testimonial background */

.testimonial {
	background-color: #F3F3F3;
	border: #E7E7E7 2px solid;
}

/* Alternate background color */

.footer-optin-bg, .banner-image.has-image, .sidebar .widget_expert_widget, .sidebar #om-sidebar-action-theme-optin {
background-color: #596455 !important;
}

/* Custom Header */

.banner-image, .archive .banner-image,  {
  background-image: url(http://productivityist.com/wp-content/uploads/banner-image-default.png);
  background-repeat: repeat;
  position: relative;
  background-color: #fff;
}

/* Productivityist special customizations **********/
.author-box .avatar {
border: 4px solid #EDEDED;
}

.b-block_title {
  color: #000;
}

.b-featured-callout {
  text-align: center;
}

.side-banner {
  margin-bottom: 10px;
}

/* Hide header image or optin on all pages except home */
.page-template-default .banner-image, .archive .banner-image, .single-post .banner-image {
    display: none;
}

/*hide Category widget title */
.widget_categories h4 {
  display: none;
}


/* Temp mods until new theme version ***********/

a:focus {
   outline: 0;
}

.hero-content {
  width: 580px;
  margin-right: 20px;
}

.single-post .post-image {
  display: none;
}

input[type="submit"] {
  border-radius: 5px !important;
  text-shadow: 1px 1px 1px #696969;
  font-size: 18px !important;
}

.footer-optin-container .footer-optin {
text-align: center;
}

.footer-optin-container .banner-cta {
margin-top: 0;
}

.content h4.author-box-title {
  margin: 0 0 20px;
}

div#currentuserid {
  display: none;
}

@media only screen and (max-width: 1299px) {
	.hero-wrap {
		width: 1140px;
	}
  
	.hero-content {
		max-width: 580px;
	}
}

@media only screen and (max-width: 1024px) {
	.banner-image.banner--hero {
  	  background-position-x: -300px;
 	 }
    .b-featured-callout_image {
		height: auto;
	}

}

@media only screen and (max-width: 1023px) {
  
  .header-image .site-header .widget-area {
	padding: 30px 0 0;
	padding: 3rem 0 0;
}
	.hero-wrap {
		width: 90%;
    	max-width:90%
     
	}
  .hero-content {
    max-width: 100%;
    margin: 0;
  }
}

@media only screen and (max-width: 767px) {
   .hero-content .banner-title {
    font-size: 36px;
  }
}

@media only screen and (max-width: 320px) {
  .banner-image {
    background-color: #596455;
  }
  
}