Streamline Pro Add Newsletter Section After Header

This topic is: not resolved

Tagged: Newsletter, pro, streamline

This topic has 4 replies, 2 voices, and was last updated 12 years, 4 months ago by derekalvarez.

Viewing 5 posts - 1 through 5 (of 5 total)

Author

Posts

February 5, 2014 at 12:12 pm #88798

derekalvarez

Member

I've been able to add the newsletter section after the header like on the older theme, but I'm running into formatting issues.

Here's what I put into the functions.php file...


genesis_register_sidebar( array(
	'id'				=> 'newsletter',
	'name'			=> __( 'Newsletter', 'streamline' ),
	'description'	=> __( 'This is the newsletter section below the navigation.', 'streamline' ),
) );

//* Add newsletter section after header
add_action( 'genesis_before_content_sidebar_wrap', 'streamline_newsletter' );
function streamline_newsletter() {
   if ( ! is_front_page() )
       return;

   genesis_widget_area( 'newsletter', array(
       'before' => '<div class="newsletter widget-area">',
   ) );
}

Here's what I put into the css file...

/* Newsletter
------------------------------------------------------------ */

.newsletter {
	background: url(images/newsletter.png);
	border: 1px solid #53504e;
	border-bottom: 0;
	box-sizing: border-box;
	height: 100px;
	margin: 0 auto;
	width: 1140px;
}

.newsletter .enews {
	padding: 10px;
	
}

.newsletter h4 {
	color: #fff;
	font-size: 22px;
	padding-left: 10px;
}

.newsletter p {
	color: #aaa49f;
	float: left;
	font-size: 16px;
	text-shadow: 1px 1px #000;
	width: 540px;
	margin-top: -20px;
	padding-left: 10px;
}

.newsletter subbox {
	width: 560px;
}

.newsletter .aweber .name {
	width: 150px;
	float: left;
}

.newsletter .aweber .email {
	float: center;
	width: 250px;
}

.newsletter .aweber .submit {
	float: right;
}

.newsletter #subscribe {
	float: right;
	margin: -35px 10px 0 0;
}

You'll see I made some other customizations, too. Here's what I put into the home page template...

<?php
/**
 * This file adds the Home Page to the Streamline Pro Theme.
 *
 * @author StudioPress
 * @package Streamline Pro
 * @subpackage Customizations
 */

add_action( 'genesis_meta', 'streamline_home_genesis_meta' );
/**
 * Add widget support for homepage. If no widgets active, display the default loop.
 *
 */
function streamline_home_genesis_meta() {

	if ( is_active_sidebar( 'home-featured-1' ) || is_active_sidebar( 'home-featured-2' ) || is_active_sidebar( 'home-featured-3' ) ) {
	
		//* Force full-width-content layout setting
		add_filter( 'genesis_pre_get_option_site_layout', '__genesis_return_full_width_content' );
	
		// Add streamline-pro-home body class
		add_filter( 'body_class', 'streamline_body_class' );
	
		// Add homepage widgets
		add_action( 'genesis_before_content_sidebar_wrap', 'streamline_homepage_widgets' );

	}
}

function streamline_body_class( $classes ) {

	$classes[] = 'streamline-pro-home';
	return $classes;
	
}

function streamline_homepage_widgets() {

	if ( is_active_sidebar( 'home-featured-1' ) || is_active_sidebar( 'home-featured-2' ) || is_active_sidebar( 'home-featured-3' ) ) {

		echo '<div class="home-featured">';
	
		genesis_widget_area( 'home-featured-1', array(
			'before' => '<div class="home-featured-1 widget-area">',
			'after'  => '</div>',
		) );
		
		genesis_widget_area( 'home-featured-2', array(
			'before' => '<div class="home-featured-2 widget-area">',
			'after'  => '</div>',
		) );
		
		genesis_widget_area( 'home-featured-3', array(
			'before' => '<div class="home-featured-3 widget-area">',
			'after'  => '</div>',
		) );

		echo '</div><!-- end #home-featured -->';	

	}

}

remove_action( 'genesis_loop', 'genesis_do_loop' );
add_action( 'genesis_loop', 'custom_widget' );
function custom_widget() {

if ( is_active_sidebar( 'home-bottom-1' ) || is_active_sidebar( 'home-bottom-2' ) || is_active_sidebar( 'home-bottom-3' ) || is_active_sidebar( 'home-bottom-4' ) ) {
	
		echo '<div class="home-bottom">';

			echo '<div class="home-bottom-1">';
			dynamic_sidebar( 'home-bottom-1' );
			echo '</div><!-- end .home-bottom-1 -->';

			echo '<div class="home-bottom-2">';
			dynamic_sidebar( 'home-bottom-2' );
			echo '</div><!-- end .home-bottom-2 -->';
			
			echo '<div class="home-bottom-3">';
			dynamic_sidebar( 'home-bottom-3' );
			echo '</div><!-- end .home-bottom-3 -->';
			
			echo '<div class="home-bottom-4">';
			dynamic_sidebar( 'home-bottom-4' );
			echo '</div><!-- end .home-bottom-4 -->';
		
		echo '</div><!-- end #home-bottom -->';	
		
	}
	
}

genesis();

Any ideas of why my formatting is screwed up after the newsletter widget?

http://logfurniturehowto.com/mockup/

February 6, 2014 at 5:31 pm #89037

derekalvarez

Member

Man, I'm 0 for my last 3 on getting a reply!

Anyway, I actually had to edit a bunch of css to get it to work. If anyone's interested in what I did, leave a reply and I'll tell you.

March 13, 2014 at 5:11 pm #94778

pushingsocial

Member

Would love to see what you did 😉

March 14, 2014 at 5:26 pm #94940

derekalvarez

Member

Here's my code (functions.php)...

<?php
//* Start the engine
include_once( get_template_directory() . '/lib/init.php' );

//* Set Localization (do not remove)
load_child_theme_textdomain( 'streamline', apply_filters( 'child_theme_textdomain', get_stylesheet_directory() . '/languages', 'streamline' ) );

//* Child theme (do not remove)
define( 'CHILD_THEME_NAME', __( 'Streamline Pro Theme', 'streamline' ) );
define( 'CHILD_THEME_URL', 'http://my.studiopress.com/streamline/' );
define( 'CHILD_THEME_VERSION', '2.0.0' );

// Modify credits section
add_filter('genesis_footer_creds_text', 'custom_footer_creds_text');
function custom_footer_creds_text($creds) {
$creds = '<div class="footer-banner"><a title="Click to Visit King Metals" href="http://logfurniturehowto.com/go/king-metals" target="_blank" rel="nofollow"><img alt="king metals" src="http://logfurniturehowto.com/images/banners/king-metals-banner.jpg" width="" /></a></div>' . '[footer_copyright] ' . get_bloginfo('name') . ' | Website Created by <a title="OnTop Internet Marketing Services" href="http://ontopinternetmarketing.com" target="_blank">OnTop Internet Marketing Services</a>';
    return $creds;
}

// Remove the edit link
add_filter ( 'genesis_edit_post_link' , '__return_false' );

//* Add HTML5 markup structure
add_theme_support( 'html5' );

//* Add custom Viewport meta tag for mobile browsers
add_action( 'genesis_meta', 'sp_viewport_meta_tag' );
function sp_viewport_meta_tag() {
	echo '<meta name="viewport" content="width=1300, maximum-scale=1.0"/>';
}

//* Enqueue PT Sans Google font
add_action( 'wp_enqueue_scripts', 'streamline_google_fonts' );
function streamline_google_fonts() {

	wp_enqueue_style( 'google-fonts', '//fonts.googleapis.com/css?family=PT+Sans', array(), CHILD_THEME_VERSION );
	
}

//* Add support for additional color style options
add_theme_support( 'genesis-style-selector', array( 
	'streamline-pro-blue'  => __( 'Streamline Pro Blue', 'streamline' ), 
	'streamline-pro-green' => __( 'Streamline Pro Green', 'streamline' ),
) );

//* Add new image sizes
add_image_size( 'post-image', 760, 360, TRUE );
add_image_size( 'widget-image', 295, 100, TRUE );

//* Unregister layout settings
genesis_unregister_layout( 'content-sidebar-sidebar' );
genesis_unregister_layout( 'sidebar-content-sidebar' );
genesis_unregister_layout( 'sidebar-sidebar-content' );

//* Unregister secondary sidebar
unregister_sidebar( 'sidebar-alt' );

//* Add support for custom background
add_theme_support( 'custom-background' );

//* Add support for custom header
add_theme_support( 'custom-header', array(
	'header_image'    => '',
	'header-selector' => '.site-title a',
	'header-text'     => false,
	'height'          => 100,
	'width'           => 125,
) );

//* Add support for 3-column footer widgets
add_theme_support( 'genesis-footer-widgets', 3 );

//* Reposition the breadcrumbs
remove_action( 'genesis_before_loop', 'genesis_do_breadcrumbs' );
add_action( 'genesis_before_content_sidebar_wrap', 'genesis_do_breadcrumbs' );

//* Customize breadcrumbs display
add_filter( 'genesis_breadcrumb_args', 'streamline_breadcrumb_args' );
function streamline_breadcrumb_args( $args ) {
	$args['home'] = __( 'Home', 'streamline' );
	$args['sep'] = ' ';
	$args['list_sep'] = ', '; // Genesis 1.5 and later
	$args['prefix'] = '<div class="breadcrumb">';
	$args['suffix'] = '</div>';
	$args['labels']['prefix'] = '<span class="icon-home">';
	$args['labels']['suffix'] = '</div>';
	return $args;
}

//* Remove default post image
remove_action( 'genesis_entry_content', 'genesis_do_post_image', 8 );

//* Add post image above post title
add_action( 'genesis_entry_header', 'streamline_post_image', 1 );
function streamline_post_image() {

	if ( is_page() || ! genesis_get_option( 'content_archive_thumbnail' ) )
		return;
	
	if ( $image = genesis_get_image( array( 'format' => 'url', 'size' => genesis_get_option( 'image_size' ) ) ) ) {
		printf( '<a href="%s" rel="bookmark"><img class="post-photo" src="%s" alt="%s" /></a>', get_permalink(), $image, the_title_attribute( 'echo=0' ) );
	}
	
}

//* Reposition the post info function
remove_action( 'genesis_entry_header', 'genesis_post_info', 12 );
add_action( 'genesis_entry_header', 'genesis_post_info', 2 );

//* Customize the post info function
add_filter( 'genesis_post_info', 'post_info_filter' );
function post_info_filter( $post_info ) {

	if ( !is_page() ) {
    	$post_info = '[post_author_posts_link] [post_date] [post_comments] [post_edit]';
    	return $post_info;
	}
	
}

//* Add the after entry section
add_action( 'genesis_entry_footer', 'streamline_after_entry', 10 );
function streamline_after_entry() {
	
	if ( ! is_singular( 'post' ) ) return;
	
	genesis_widget_area( 'after-entry', array(
		'before' => '<div class="after-entry widget-area">',
		'after'  => '</div>',
   ) );
   
}

//* Modify the size of the Gravatar in the author box
add_filter( 'genesis_author_box_gravatar_size', 'streamline_author_box_gravatar_size' );
function streamline_author_box_gravatar_size( $size ) {

    return '80';
    
}

//* Remove comment form allowed tags
add_filter( 'comment_form_defaults', 'streamline_remove_comment_form_allowed_tags' );
function streamline_remove_comment_form_allowed_tags( $defaults ) {

	$defaults['comment_notes_after'] = '';
	return $defaults;
	
}

//* Add newsletter section after header
add_action( 'genesis_before_content_sidebar_wrap', 'streamline_newsletter' );
function streamline_newsletter() {
   if ( ! is_front_page() )
       return;

   genesis_widget_area( 'newsletter', array(
       'before' => '<div class="newsletter widget-area">',
   ) );
}

// Register widget areas
genesis_register_sidebar( array(
	'id'				=> 'newsletter',
	'name'			=> __( 'Newsletter', 'streamline' ),
	'description'	=> __( 'This is the newsletter section below the navigation.', 'streamline' ),
) );
genesis_register_sidebar( array(
	'id'          => 'home-featured-1',
	'name'        => __( 'Home - Featured 1', 'streamline' ),
	'description' => __( 'This is the first featured column on the homepage.', 'streamline' ),
) );
genesis_register_sidebar( array(
	'id'          => 'home-featured-2',
	'name'        => __( 'Home - Featured 2', 'streamline' ),
	'description' => __( 'This is the second featured column on the homepage.', 'streamline' ),
) );
genesis_register_sidebar( array(
	'id'          => 'home-featured-3',
	'name'        => __( 'Home - Featured 3', 'streamline' ),
	'description' => __( 'This is the third featured column on the homepage.', 'streamline' ),
) );
genesis_register_sidebar( array(
	'id'			=> 'home-bottom-1',
	'name'			=> __( 'First Home Bottom', 'streamline' ),
	'description'	=> __( 'This is the first home bottom section.', 'streamline' ),
) );
genesis_register_sidebar( array(
	'id'			=> 'home-bottom-2',
	'name'			=> __( 'Second Home Bottom', 'streamline' ),
	'description'	=> __( 'This is the second home bottom section.', 'streamline' ),
) );
genesis_register_sidebar( array(
	'id'			=> 'home-bottom-3',
	'name'			=> __( 'Third Home Bottom', 'streamline' ),
	'description'	=> __( 'This is the third home bottom section.', 'streamline' ),
) );
genesis_register_sidebar( array(
	'id'			=> 'home-bottom-4',
	'name'			=> __( 'Fourth Home Bottom', 'streamline' ),
	'description'	=> __( 'This is the fourth home bottom section.', 'streamline' ),
) );
genesis_register_sidebar( array(
	'id'          => 'after-entry',
	'name'        => __( 'After Entry', 'streamline' ),
	'description' => __( 'This is the after entry section.', 'streamline' ),
) );

style.css...

/*
	Theme Name: Streamline Pro Theme
	Theme URI: http://my.studiopress.com/themes/streamline/
	Description: A mobile responsive and HTML5 theme built for the Genesis Framework.
	Author: StudioPress
	Author URI: http://www.studiopress.com/
	Version: 2.0.0

	Tags: black, orange, white, one-column, two-columns, three-columns, fixed-width, custom-menu, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready

	Template: genesis
	Template Version: 2.0.0

	License: GPL-2.0+
	License URI: http://www.opensource.org/licenses/gpl-license.php
*/

/* Table of Contents

	- HTML5 Reset
		- Baseline Normalize
		- Box Sizing
		- Float Clearing
	- Defaults
		- Typographical Elements
		- Headings
		- Objects
		- Forms
		- Tables
	- Structure and Layout
		- Site Containers
		- Column Widths and Positions
		- Column Classes
	- Common Classes
		- WordPress
		- Genesis
		- Titles
	- Widgets
		- Featured Content
	- Plugins
		- Genesis eNews Extended
		- Genesis Latest Tweets
		- Gravity Forms
		- Jetpack
	- Site Header
		- Title Area
		- Widget Area
	- Site Navigation
		- Header Navigation
		- Primary Navigation
		- Secondary Navigation
		- Responsive Menu
	- Content Area
		- Entries
		- After Entry
		- Pagination
		- Comments
	- Sidebars
	- Footer Widgets
	- Site Footer
	- Theme Colors
		- Streamline Pro Blue
		- Streamline Pro Green
	- Media Queries
		- Retina Display
		- max-width: 1159px
		- max-width: 1023px
		- max-width: 767px

*/

/*
HTML5 Reset
---------------------------------------------------------------------------------------------------- */

/* Baseline Normalize
	normalize.css v2.1.2 | MIT License | git.io/normalize
--------------------------------------------- */

article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}

/* Box Sizing
--------------------------------------------- */

*,
input[type="search"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
}

/* Float Clearing
--------------------------------------------- */

.clearfix:before,
.entry-content:before,
.entry:before,
.footer-widgets:before,
.nav-primary:before,
.nav-secondary:before,
.pagination:before,
.site-container:before,
.site-footer:before,
.site-header:before,
.site-inner:before,
.widget:before,
.wrap:before  {
	content: " ";
	display: table;
}

.clearfix:after,
.entry-content:after,
.entry:after,
.footer-widgets:after,
.nav-primary:after,
.nav-secondary:after,
.pagination:after,
.site-container:after,
.site-footer:after,
.site-header:after,
.site-inner:after,
.widget:after,
.wrap:after {
	clear: both;
	content: " ";
	display: table;
}

/*
Defaults
---------------------------------------------------------------------------------------------------- */

/* Typographical Elements
--------------------------------------------- */

html {
	font-size: 62.5%; /* 10px browser default */
}

body {
	background-color: #333;
	color: #444;
	font-family: 'PT Sans', sans-serif;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 1.625;
}

body > div {
	font-size: 16px;
	font-size: 1.6rem;
}

a,
button,
input:focus,
input[type="button"],
input[type="reset"],
input[type="submit"],
textarea:focus,
.button {
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition:    all 0.1s ease-in-out;
	-ms-transition:     all 0.1s ease-in-out;
	-o-transition:      all 0.1s ease-in-out;
	transition:         all 0.1s ease-in-out;
}

::-moz-selection {
	background-color: #333;
	color: #fff;
}

::selection {
	background-color: #333;
	color: #fff;
}

a {
	color: #ff6600;
	text-decoration: none;
}

a img {
	margin-bottom: -8px;
	margin-bottom: -0.8rem;
}

a:hover {
	text-decoration: underline;
}

p {
	margin: 0 0 24px;
	margin: 0 0 2.4rem;
	padding: 0;
}

strong {
	font-weight: 700;
}

ol,
ul {
	margin: 0;
	padding: 0;
}

blockquote,
blockquote::before {
	color: #555;
}

blockquote {
	margin: 40px 40px 24px;
	margin: 4rem 4rem 2.4rem;
}

blockquote::before {
	content: "\201C";
	display: block;
	font-size: 30px;
	font-size: 3rem;
	height: 0;
	left: -20px;
	position: relative;
	top: -10px;
}

.entry-content code {
	background-color: #333;
	color: #ddd;
}

cite {
	font-style: normal;
}

/* Headings
--------------------------------------------- */

h1,
h2,
h3,
h4,
h5,
h6 {
	color: #000;
	font-weight: 700;
	line-height: 1.2;
	margin: 0 0 16px;
	margin: 0 0 1.6rem;
}

h1 {
	font-size: 36px;
	font-size: 3.6rem;
}

h2 {
	font-size: 30px;
	font-size: 3rem;
}

h3 {
	font-size: 24px;
	font-size: 2.4rem;
}

h4 {
	font-size: 20px;
	font-size: 2rem;
}

h5 {
	font-size: 18px;
	font-size: 1.8rem;
}

h6 {
	font-size: 16px;
	font-size: 1.6rem;
}

/* Objects
--------------------------------------------- */

embed,
iframe,
img,
object,
video,
.wp-caption {
	max-width: 100%;
}

img {
	height: auto;
}

.featured-content img,
.gallery img {
	width: auto; /* IE8 */
}

/* Forms
--------------------------------------------- */

input,
select,
textarea {
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 3px;
	box-shadow: 1px 1px 3px #eee inset;
	color: #999;
	font-size: 14px;
	font-size: 1.4rem;
	padding: 16px;
	padding: 1.6rem;
	width: 100%;
}

input[type="checkbox"], 
input[type="radio"], 
input[type="image"] {
	width: auto;
}

input:focus,
textarea:focus {
	border: 1px solid #999;
	outline: none;
}

::-moz-placeholder {
	color: #999;
	opacity: 1;
}

::-webkit-input-placeholder {
	color: #999;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button,
.home-featured .more-link {
	background-color: #ff6600;
	background: -moz-linear-gradient(top,  #ff6600 0%, #e66920 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff6600), color-stop(100%,#e66920));
	background: -webkit-linear-gradient(top,  #ff6600 0%,#e66920 100%);
	background: -o-linear-gradient(top,  #ff6600 0%,#e66920 100%);
	background: -ms-linear-gradient(top,  #ff6600 0%,#e66920 100%);
	background: linear-gradient(to bottom,  #ff6600 0%,#e66920 100%);
	border: none;
	border-radius: 3px;
	box-shadow: 0 1px #b15219;
	color: #fff;
	cursor: pointer;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6600', endColorstr='#e66920',GradientType=0 );
	font-size: 14px;
	font-size: 1.4rem;
	padding: 16px 24px;
	padding: 1.6rem 2.4rem;
	text-shadow: -1px -1px #d55f19;
	text-transform: uppercase;
	width: auto;
	height: 100%;
}

button:hover,
input:hover[type="button"],
input:hover[type="reset"],
input:hover[type="submit"],
.button:hover,
.home-featured .more-link:hover {
	background-color: #e66920;
	background: -moz-linear-gradient(top,  #e66920 0%, #ff6600 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e66920), color-stop(100%,#ff6600));
	background: -webkit-linear-gradient(top,  #e66920 0%,#ff6600 100%);
	background: -o-linear-gradient(top,  #e66920 0%,#ff6600 100%);
	background: -ms-linear-gradient(top,  #e66920 0%,#ff6600 100%);
	background: linear-gradient(to bottom,  #e66920 0%,#ff6600 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e66920', endColorstr='#ff6600',GradientType=0 );
	text-decoration: none;
}

.entry-content .button:hover {
	color: #fff;
}

.button {
	display: inline-block;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button {
	display: none;
}

/* Tables
--------------------------------------------- */

table {
	border-collapse: collapse;
	border-spacing: 0;
	line-height: 2;
	margin-bottom: 40px;
	margin-bottom: 4rem;
	width: 100%;
}

tbody {
	border-bottom: 1px solid #ddd;
}

th,
td {
	text-align: left;
}

th {
	font-weight: 700;
	text-transform: uppercase;
}

td {
	border-top: 1px solid #ddd;
	padding: 6px 0;
	padding: 0.6rem 0;
}

/*
Structure and Layout
---------------------------------------------------------------------------------------------------- */

/* Site Containers
--------------------------------------------- */

.site-inner,
.wrap {
	margin: 0 auto;
	max-width: 1140px;
}

.site-inner {
	background-color: #f1f1f1;
	box-shadow: 0 0 10px #222;
	clear: both;
	margin-bottom: 0;
	margin-bottom: 0;
}

.streamline-pro-landing .site-inner {
	margin: 40px auto;
	margin: 4rem auto;
	max-width: 960px;
}

/* Column Widths and Positions
--------------------------------------------- */

/* Content */

.content {
	float: right;
	width: 760px;
}

.content-sidebar .content {
	float: left;
}

.full-width-content .content {
	width: 100%;
}

/* Primary Sidebar */

.sidebar-primary {
	float: right;
	width: 380px;
}

.sidebar-content .sidebar-primary {
	float: left;
}

/* Column Classes
	Link: http://twitter.github.io/bootstrap/assets/css/bootstrap-responsive.css
--------------------------------------------- */

.five-sixths,
.four-sixths,
.one-fourth,
.one-half,
.one-sixth,
.one-third,
.three-fourths,
.three-sixths,
.two-fourths,
.two-sixths,
.two-thirds {
	float: left;
	margin-left: 2.564102564102564%;
}

.one-half,
.three-sixths,
.two-fourths {
	width: 48.717948717948715%;
}

.one-third,
.two-sixths {
	width: 31.623931623931625%;
}

.four-sixths,
.two-thirds {
	width: 65.81196581196582%;
}

.one-fourth {
	width: 23.076923076923077%;
}

.three-fourths {
	width: 74.35897435897436%;
}

.one-sixth {
	width: 14.52991452991453%;
}

.five-sixths {
	width: 82.90598290598291%;
}

.first {
	clear: both;
	margin-left: 0;
}

/*
Common Classes
---------------------------------------------------------------------------------------------------- */

/* WordPress
--------------------------------------------- */

.avatar {
	float: left;
}

.alignleft .avatar {
	margin-right: 24px;
	margin-right: 2.4rem;
}

.alignright .avatar {
	margin-left: 24px;
	margin-left: 2.4rem;
}

.search-form {
	overflow: hidden;
}

.search-form input[type="submit"] {
	border: 0;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	margin: -1px;
	padding: 0;
	position: absolute;
	width: 1px;
}

img.centered,
.aligncenter {
	display: block;
	margin: 0 auto 24px;
	margin: 0 auto 2.4rem;
}

a.alignnone img,
img.alignnone {
	margin-bottom: 12px;
	margin-bottom: 1.2rem;
}

.alignleft {
	float: left;
	text-align: left;
}

.alignright {
	float: right;
	text-align: right;
}

a.alignleft,
a.alignright {
    max-width: 100%;
}

a.alignleft,
img.alignleft,
.wp-caption.alignleft {
	margin: 0 24px 10px 0;
	margin: 0 2.4rem 1rem 0;
}

a.alignright,
img.alignright,
.wp-caption.alignright {
	margin: 0 0 10px 24px;
	margin: 0 0 1rem 2.4rem;
}

.entry-content .wp-caption-text {
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: 700;
	margin: 5px 0 0;
	margin: 0.5rem 0 0;
	text-align: center;
}

.widget_calendar table {
	width: 100%;
}

.widget_calendar td,
.widget_calendar th {
	text-align: center;
}

/* Genesis
--------------------------------------------- */

.breadcrumb {
	background: #444 url(images/lines-diagonal.png);
	background-size: 6px 6px;
	border-bottom: 5px solid #333;
	color: #999;
	font-size: 14px;
	font-size: 1.4rem;
	padding: 16px 24px;
	padding: 1.6rem 2.4rem;
	margin: 0;
	text-shadow: -1px -1px #333;
}

.breadcrumb a:hover {
	color: #fff;
	text-decoration: none;
}

.breadcrumb a::after {
	color: #999;
	content: '\203a';
	font-weight: 700;
	margin: 0 10px;
	margin: 0 1rem;
}

.archive-description,
.author-box {
	background-color: #fff;
}

.archive-description {
	padding: 40px 40px 24px;
	padding: 4rem 4rem 2.4rem;
}

.author-box {
	margin: 2px 0;
	margin: 0.2rem 0;
	padding: 40px;
	padding: 4rem;
}

.author-box-title {
	color: #333;
	font-family: 'PT Sans', sans-serif;
	font-size: 16px;
	font-size: 1.6rem;
	margin-bottom: 5px;
	margin-bottom: 0.5rem;
}

.author-box p {
	margin-bottom: 0;
}

.author-box .avatar {
	margin-right: 24px;
	margin-right: 2.4rem;
}

/* Titles
--------------------------------------------- */

.entry-title {
	font-size: 36px;
	font-size: 3.6rem;
	line-height: 1;
}

.entry-title a {
	color: #333;
}

.entry-title a:hover,
.footer-widgets .entry-title a {
	color: #ff6600;
	text-decoration: none;
}

.footer-widgets .entry-title a:hover {
	color: #fff;
}

.widget-title {
	font-size: 16px;
	font-size: 1.6rem;
	margin-bottom: 24px;
	margin-bottom: 2.4rem;
	text-transform: uppercase;
}

.after-entry .widget-title,
.sidebar .widget-title,
.sidebar .widget-title a {
	color: #aaa;
}

.archive-title {
	font-size: 20px;
	font-size: 2rem;
	margin-bottom: 24px;
	margin-bottom: 2.4rem;
}

/* Widgets
---------------------------------------------------------------------------------------------------- */

.widget {
	word-wrap: break-word;
}

.widget li {
	list-style-type: none;
	text-align: left;
}

.widget ol > li {
	list-style-position: inside;
	list-style-type: decimal;
	padding-left: 2rem;
	text-indent: -2rem;
}

.widget li li {
	border: none;
	margin: 0 0 0 30px;
	margin: 0 0 0 3rem;
	padding: 0;
}

.widget ol > li:last-child,
.widget p:last-child,
.widget ul > li:last-child {
	margin-bottom: 0;
}

/* Featured Content
--------------------------------------------- */

.featured-content .entry {
	margin-bottom: 20px;
	margin-bottom: 2rem;
	padding: 0 0 24px;
	padding: 0 0 2.4rem;
}

.featured-content .entry-title {
	font-size: 24px;
	font-size: 2.4rem;
	line-height: 1.2;
}

.featured-content .entry-header,
.featured-content .entry-content {
	padding: 0;
}

.featured-content .entry:last-child {
	margin: 0;
	padding: 0;
}

.featured-content .entry-meta {
	padding-bottom: 12px;
	padding-bottom: 1.2rem;
}

.featured-content .entry-author,
.featured-content .entry-time,
.featured-content .entry-comments-link {
	display: block;
}

/*
Plugins
---------------------------------------------------------------------------------------------------- */

/* Genesis eNews Extended
--------------------------------------------- */

.sidebar .enews-widget {
	color: #fff;
	text-shadow: -1px -1px #d55f19;
}

.sidebar .enews-widget .widget-title,
.sidebar .enews-widget .widget-title:before {
	color: #fff;
}

.enews-widget input {
	margin-bottom: 16px;
	margin-bottom: 1.6rem;
}

.enews-widget input:focus {
	border: 1px solid #ccc;
}

.sidebar .enews-widget input[type="submit"] {
	background-color: #f6f6f6;
	background: -moz-linear-gradient(top,  #f6f6f6 0%, #eaeaea 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(100%,#eaeaea));
	background: -webkit-linear-gradient(top,  #f6f6f6 0%,#eaeaea 100%);
	background: -o-linear-gradient(top,  #f6f6f6 0%,#eaeaea 100%);
	background: -ms-linear-gradient(top,  #f6f6f6 0%,#eaeaea 100%);
	background: linear-gradient(to bottom,  #f6f6f6 0%,#eaeaea 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#eaeaea',GradientType=0 );
	color: #333;
	margin: 0;
	text-shadow: 1px 1px #fff;
	font-weight: 700;
	width: 100%;
}

.sidebar .enews-widget input:hover[type="submit"] {
	background-color: #eaeaea;
	background: -moz-linear-gradient(top,  #eaeaea 0%, #f6f6f6 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eaeaea), color-stop(100%,#f6f6f6));
	background: -webkit-linear-gradient(top,  #eaeaea 0%,#f6f6f6 100%);
	background: -o-linear-gradient(top,  #eaeaea 0%,#f6f6f6 100%);
	background: -ms-linear-gradient(top,  #eaeaea 0%,#f6f6f6 100%);
	background: linear-gradient(to bottom,  #eaeaea 0%,#f6f6f6 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#f6f6f6',GradientType=0 );
}

.enews form + p {
	margin-top: 24px;
	margin-top: 2.4rem;
}

/* Newsletter
------------------------------------------------------------ */

.newsletter {
	background: url(images/newsletter.png);
	maximum-height: 100px;
	width: 1140px;
	margin: 0 auto;
}

.newsletter .enews {
	padding: 15px;
	
}

.newsletter h4 {
	color: #fff;
	font-size: 22px;
	line-height: 24px;
	padding-left: 10px;
}

.newsletter p {
	color: #aaa49f;
	float: left;
	font-size: 18px;
	line-height: 18px;
	text-shadow: 1px 1px #000;
	width: 540px;
	margin-top: -23px;
	padding-left: 10px;
}

.newsletter subbox {
	width: 500px;
}

.newsletter .aweber .name {
	width: 150px;
	float: left;
}

.newsletter .aweber .email {
	width: 250px;
	float: left;
}

.newsletter .aweber .submit {
	float: right;
}

.newsletter #subscribe {
	float: right;
	margin: -35px 0 0 0;
}

/* Genesis Latest Tweets
--------------------------------------------- */

.latest-tweets ul li {
	margin-bottom: 16px;
	margin-bottom: 1.6rem;
}

/* Gravity Forms
--------------------------------------------- */

div.gform_wrapper input[type="email"],
div.gform_wrapper input[type="text"],
div.gform_wrapper textarea,
div.gform_wrapper .ginput_complex label {
	font-size: 16px;
	font-size: 1.6rem;
	padding: 16px;
	padding: 1.6rem;
}

div.gform_wrapper .ginput_complex label {
	padding: 0;
}

div.gform_wrapper li,
div.gform_wrapper form li {
	margin: 16px 0 0;
	margin: 1.6rem 0 0;
}

div.gform_wrapper .gform_footer input[type="submit"] {
	font-size: 14px;
	font-size: 1.4rem;
}

/* Jetpack
--------------------------------------------- */

img#wpstats {
	display: none;
}

/*
Site Header
---------------------------------------------------------------------------------------------------- */

.site-header {
	background: url(images/white-bg-header.jpg);
	box-shadow: 0 0 10px #222;
	margin: 0 auto;
	max-width: 1140px;
	height: 120px;
	padding: 1rem;
}

/* Title Area
--------------------------------------------- */

.title-area {
	float: left;
	padding: 0;
	width: 150px;
}

.header-image .title-area {
	padding: 0;
}

.site-title {
	font-size: 36px;
	font-size: 3.6rem;
	font-weight: 700;
	line-height: 1;
	margin-bottom: 0;
	text-transform: uppercase;
}

.site-title a,
.site-title a:hover {
	color: #333;
	text-decoration: none;
}

.site-description {
	color: #999;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 1;
	margin-bottom: 0;
}

/* Full width header, no widgets */

.header-full-width .title-area,
.header-full-width .site-title {
	width: 100%;
}

.header-image .site-description,
.header-image .site-title a {
	display: block;
	text-indent: -9999px;
}

/* Logo, hide text */

.header-image .site-header .wrap {
	padding-left: 10px;
}

.header-image .site-title a {
	float: left;
	min-height: 100px;
	width: 100%;
}

/* Widget Area
--------------------------------------------- */

.site-header .widget-area {
	float: right;
	text-align: right;
	width: 950px;
}

.site-header .genesis-nav-menu li li {
	margin-left: 0;
}

.site-header .search-form {
	float: right;
	width: 50%;
}

/*
Site Navigation
---------------------------------------------------------------------------------------------------- */

.genesis-nav-menu {
	clear: both;
	color: #999;
	line-height: 1;
	width: 100%;
}

.genesis-nav-menu .menu-item {
	display: inline-block;
	text-align: left;
}

.genesis-nav-menu a {
	color: #999;
	display: block;
	padding: 0 18px 28px;
	padding: 0 1.8rem 2.8rem;
	position: relative;
	text-shadow: -1px -1px #222;
}

.genesis-nav-menu a:hover,
.genesis-nav-menu .current-menu-item > a,
.genesis-nav-menu .sub-menu .current-menu-item > a:hover {
	color: #fff;
	text-decoration: none;
}

.genesis-nav-menu .sub-menu .current-menu-item > a {
	color: #fff;
}

.genesis-nav-menu > .menu-item > a {
	text-transform: uppercase;
}

.genesis-nav-menu .sub-menu {
	border-top: 1px solid #444;
	left: -9999px;
	opacity: 0;
	position: absolute;
	-webkit-transition: opacity .4s ease-in-out;
	-moz-transition:    opacity .4s ease-in-out;
	-ms-transition:     opacity .4s ease-in-out;
	-o-transition:      opacity .4s ease-in-out;
	transition:         opacity .4s ease-in-out;
	width: 200px;
	z-index: 99;
}

.genesis-nav-menu .sub-menu a {
	background-color: #333;
	border: 1px solid #444;
	border-top: none;
	font-size: 14px;
	font-size: 1.4rem;
	padding: 14px 24px;
	padding: 1.4rem 2.4rem;
	position: relative;
	width: 200px;
}

.genesis-nav-menu .sub-menu .sub-menu {
	margin: -44px 0 0 199px;
}

.genesis-nav-menu .menu-item:hover {
	position: static;
}

.genesis-nav-menu .menu-item:hover > .sub-menu {
	left: auto;
	opacity: 1;
}

.genesis-nav-menu > .first > a {
	padding-left: 0;
}

.genesis-nav-menu > .last > a {
	padding-right: 0;
}

.genesis-nav-menu > .right {
	float: right;
	list-style-type: none;
	padding: 0;
	text-transform: uppercase;
}

.genesis-nav-menu > .right > a {
	display: inline-block;
	padding: 0 24px 28px;
	padding: 0 2.4rem 2.8rem;
}

.genesis-nav-menu > .date {
	display: inline-block;
	padding: 28px;
	padding: 2.8rem;
}

.genesis-nav-menu > .search {
	padding: 10px 10px 0 0;
	padding: 1rem 1rem 0 0;
}

/* Site Header Navigation
--------------------------------------------- */

.simple-social-icons {
	padding-right: 10px;
	float: right;
	margin-top: -95px;
}

.textwidget .AuthorizeNetSeal {
	float: left;
}

.site-header .genesis-nav-menu {
	float: right;
	font-size: 20px;
	font-size: 2.0rem;
	margin-top: -35px;
	margin-left: 150px;
	width: 100%;
}

.site-header .genesis-nav-menu a {
	color: #ff6600;
	text-shadow: .1px .1px #333;
	font-weight: bold;
}

.site-header .genesis-nav-menu .current-menu-item > a,
.site-header .genesis-nav-menu a:hover {
	color: #333;
}

.site-header .genesis-nav-menu .sub-menu .current-menu-item > a,
.site-header .genesis-nav-menu .sub-menu a:hover {
	color: #fff;
}

.site-header .sub-menu {
	border-top: 1px solid #eee;
}

.site-header .genesis-nav-menu .sub-menu a {
	text-shadow: -1px -1px #222;
}

/* Primary Navigation
--------------------------------------------- */

.nav-primary .wrap {
	background-color: #333;
}

.nav-primary .genesis-nav-menu a:before {
	content: "";
	display: block;
	font-size: 30px;
	font-size: 3rem;
	height: 40px;
	margin-top: -12px;
	margin-top: -1.2rem;
	text-align: center;
	text-shadow: none;
}

.nav-primary .genesis-nav-menu a:hover:before,
.nav-primary .genesis-nav-menu .current-menu-item > a:before {
	color: #eeeae9;
	content: "\25BE";
}

.nav-primary .genesis-nav-menu .sub-menu a:before,
.nav-primary .genesis-nav-menu .current-menu-item > .sub-menu a:before {
	display: none;
}

/* Secondary Navigation
--------------------------------------------- */

.nav-secondary .wrap {
	background-color: #333;
}

.nav-secondary .genesis-nav-menu > li > a {
	padding: 14px 24px 28px;
	padding: 1.4rem 2.4rem 2.8rem;
}	

/* Responsive Menu
--------------------------------------------- */

#responsive-menu-icon {
	cursor: pointer;
	display: none;
	padding: 17px 0 18px;
	padding: 1.7rem 0 1.8rem;
	text-align: center;
}

#responsive-menu-icon::before {
	content: "\e600";
	color: #999;
	margin: 0 auto;
	speak: none;
	text-shadow: -1px -1px #222;
	text-transform: none;
}

/*
Content Area
---------------------------------------------------------------------------------------------------- */

/* Home Featured
--------------------------------------------- */

.home-featured {
	background: url(images/white-bg.jpg);
	border-bottom: 5px solid #f1f1f1;
	margin: 0 auto;
	overflow: hidden;
	text-align: center;
}

.home-featured .widget:first-child {
	padding: 40px;
	padding: 4rem;
}

.home-featured .widget {
	padding: 0 40px 40px;
	padding: 0 4rem 4rem;
}

.home-featured .entry {
	background: none;
}

.home-featured .entry-title {
	text-transform: uppercase;
}

.home-featured .page {
	border: none;
	margin: 0;
	padding: 0;
}

.home-featured p {
	color: #999;
}

.home-featured .more-link {
	display: block;
	margin: 20px auto 0;
	margin: 2rem auto 0;
	max-width: 170px;
	text-transform: none;
}

.home-featured-1,
.home-featured-2,
.home-featured-3 {
	width: 380px;
}

.home-featured-1,
.home-featured-2 {
	border-right: none;
}

.home-featured-1,
.home-featured-2 {
	float: left;
}

.home-featured-3 {
	float: right;
}

/* Home Bottom
--------------------------------------------- */

.home-bottom {
	background-color: #1e1e1e;
	margin: 0 auto;
	overflow: hidden;
	text-align: center;
}

.home-bottom .widget:first-child {
	padding: 40px;
	padding: 4rem;
}

.home-bottom .widget {
	padding: 0 40px 40px;
	padding: 0 4rem 4rem;
}

.home-bottom .entry {
	background: none;
}

.home-bottom .entry-title {
	text-transform: uppercase;
}

.home-bottom .page {
	border: none;
	margin: 0;
	padding: 0;
}

.home-bottom h4,
.home-bottom p {
	color: #aaa;
}

.home-bottom .more-link {
	display: block;
	margin: 20px auto 0;
	margin: 2rem auto 0;
	max-width: 170px;
	text-transform: none;
}

.home-bottom-1,
.home-bottom-2,
.home-bottom-3,
.home-bottom-4 {
	width: 285px;
}

.home-bottom-1,
.home-bottom-2,
.home-bottom-3 {
	float: left;
}

.home-bottom-4 {
	float: right;
}

/* Entries
--------------------------------------------- */

.content .entry {
	background: url(images/white-bg.jpg);
	border-bottom: 5px solid #333;
	box-shadow: inset 0px -5px 0px #eaeaea;
}

.page .page,
.single .entry {
	border: none;
	box-shadow: none;
}

.entry-header {
	padding: 40px 40px 0;
	padding: 4rem 4rem 0;
}

.entry-content {
	padding: 0 40px 40px;
	padding: 0 4rem 4rem;
}

.entry-content ol,
.entry-content p,
.entry-content ul,
.quote-caption {
	margin-bottom: 26px;
	margin-bottom: 2.6rem;
}

.entry-content ol,
.entry-content ul {
	margin-left: 40px;
	margin-left: 4rem;
}

.entry-content ol > li,
.widget ol > li {
	list-style-type: decimal;
}

.entry-content ul > li {
	list-style-type: disc;
}

.entry-content ol ol,
.entry-content ul ul {
	margin-bottom: 0;
}

.entry-content .search-form {
	width: 50%;
}

.content .entry-meta {
	background: #444 url(images/lines-diagonal.png);
	background-size: 6px 6px;
	clear: both;
	color: #999;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: 700;
	margin: 0;
	padding: 16px;
	padding: 1.6rem;
	text-transform: uppercase;
	text-shadow: -1px -1px #333;
}

.entry-meta a {
	color: #999;
}

.entry-meta a:hover {
	color: #ff6600;
	text-decoration: none;
}

.entry-footer {
	margin-top: -40px;
	margin-top: -4rem;
	padding: 0 40px 40px;
	padding: 0 4rem 4rem;
}

.entry-footer .entry-meta {
	background: none;
	padding: 0;
	text-shadow: none;
}

.entry-footer .entry-meta a {
	color: #ff6600;
}

.entry-author,
.entry-time,
.entry-comments-link {
	margin-right: 24px;
	margin-right: 2.4rem;
}

.entry-categories,
.entry-tags {
	display: block;
}

/* Icons
--------------------------------------------- */

@font-face {
	font-family: 'streamline-icons';
	src:url('fonts/streamline-icons.eot');
	src:url('fonts/streamline-icons.eot?#iefix') format('embedded-opentype'),
		url('fonts/streamline-icons.ttf') format('truetype'),
		url('fonts/streamline-icons.woff') format('woff'),
		url('fonts/streamline-icons.svg#streamline-icons') format('svg');
	font-weight: normal;
	font-style: normal;
}

.entry-author:before,
.entry-categories:before,
.entry-comments-link:before,
.entry-tags:before,
.entry-time:before,
.icon-home:before,
#responsive-menu-icon::before {
	-webkit-font-smoothing: antialiased;
	font-family: 'streamline-icons';
	font-size: 1.6rem;
	font-size: 16px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	margin-right: 10px;
	margin-right: 1rem;
	speak: none;
	text-transform: none;
}

.entry-author:before {
	content: "\e608";
}
.entry-tags:before {
	content: "\e605";
}
.entry-comments-link:before {
	content: "\e606";
}
.entry-time:before {
	content: "\e604";
}
.entry-categories:before {
	content: "\e607";
}
.icon-home:before {
	content: "\e603";
}

.entry-categories::before,
.entry-tags::before {
	color: #ccc;
}

/* After Entry
------------------------------------------------------------ */
	
.after-entry {
	background-color: #edebeb;
	clear: both;
	margin: 20px 0 0;
	margin: 2rem 0 0;
	overflow: hidden;
	padding: 24px;
	padding: 2.4rem;
	text-shadow: 1px 1px #fff;
}

.after-entry .widget {
	margin-bottom: 24px;
	margin-bottom: 2.4rem;
}

.after-entry .widget:last-child {
	margin: 0;
}

.after-entry .entry {
	padding: 24px;
	padding: 2.4rem;
}

/* Pagination
--------------------------------------------- */

.archive-pagination {
	background: #fff url(images/white-bg.jpg);
	clear: both;
	font-size: 14px;
	font-size: 1.4rem;
	padding: 40px;
	padding: 4rem;
}

.archive-pagination li {
	display: inline;
}

.archive-pagination li a {
	background-color: #ccc;
	border-radius: 3px;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	margin: 0 4px 4px 0;
	margin: 0 0.4rem 0.4rem 0;
	padding: 8px 12px;
	padding: 0.8rem 1.2rem;
}

.archive-pagination li a:hover,
.archive-pagination li.active a {
	background-color: #ff6600;
	text-decoration: none;
}

/* Comments
--------------------------------------------- */

.comment-respond,
.entry-comments,
.entry-pings {
	background: url(images/white-bg.jpg);
	padding: 40px;
	padding: 4rem;
}

.entry-pings {
	padding: 0 40px 0 0;
	padding: 0 4rem 0 0;
}

.entry-comments {
	padding-left: 0;
}

.entry-comments h3,
.entry-pings h3 {
	padding-left: 40px;
	padding-left: 4rem;
}

.comment-content {
	clear: both;
}

.comment-respond input[type="email"],
.comment-respond input[type="text"],
.comment-respond input[type="url"] {
	width: 50%
}

.comment-respond label {
	display: block;
	margin-right: 12px;
	margin-right: 1.2rem;
}

.comment-list li,
.ping-list li {
	background-color: #edebeb;
	border: 2px solid #fff;
	border-left: none;
	list-style-type: none;
	margin-top: 24px;
	margin-top: 2.4rem;
	padding: 40px;
	padding: 4rem;
	text-shadow: 1px 1px #fff;
}

.ping-list li {
	padding-bottom: 16px;
	padding-bottom: 1.6rem;
}

.comment-list li li {
	margin-left: -40px;
	margin-left: -4rem;
}

.comment .avatar {
	float: right;
	margin: 0;
}

.comment-header .comment-author {
	margin: 0;
}

li.depth-2,
li.depth-4,
li.depth-6 {
	background-color: #fff;
}

.comment-metadata {
	padding-bottom: 24px;
	padding-bottom: 2.4rem;
}

.entry-pings .reply {
	display: none;
}

.form-allowed-tags {
	background-color: #edebeb;
	font-size: 14px;
	font-size: 1.4rem;
	padding: 24px;
	padding: 2.4rem;
}

/*
Sidebars
---------------------------------------------------------------------------------------------------- */

.sidebar {
	text-shadow: 1px 1px #fff;
}

.sidebar li {
	list-style-type: none;
	margin-bottom: 6px;
	margin-bottom: 0.6rem;
	word-wrap: break-word;
}

.sidebar ul > li::before {
	content: '\203a';
	color: #aaa;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: 700;
	margin-right: 10px;
	margin-right: 1rem;
}

.sidebar ul > li:last-child {
	margin-bottom: 0;
}

.sidebar .widget {
	background-color: #eaeaea;
	border-bottom: 2px solid #fff;
	padding: 40px;
	padding: 4rem;
}

.sidebar .enews-widget {
	background-color: #e66920;
	background: -moz-linear-gradient(top,  #e66920 0%, #ff6600 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e66920), color-stop(100%,#ff6600));
	background: -webkit-linear-gradient(top,  #e66920 0%,#ff6600 100%);
	background: -o-linear-gradient(top,  #e66920 0%,#ff6600 100%);
	background: -ms-linear-gradient(top,  #e66920 0%,#ff6600 100%);
	background: linear-gradient(to bottom,  #e66920 0%,#ff6600 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e66920', endColorstr='#ff6600',GradientType=0 );
}

.sidebar .widget_search {
	background: #666 url(images/lines-diagonal.png);
	background-size: 6px 6px;
}

.sidebar .widget_search .widget-title {
	text-shadow: -1px -1px #555;
}

/*
Footer Widgets
---------------------------------------------------------------------------------------------------- */

.footer-widgets {
	background-color: #1e1e1e;
	color: #aaa;
	clear: both;
	padding: 40px 60px 16px 60px;
	padding: 4rem 6rem 1.6rem 6rem;
	text-shadow: -1px -1px #000;
	width: 1140px;
	margin: 0 auto;
}

.footer-widgets-1,
.footer-widgets-3 {
	width: 330px;
}

.footer-widgets-2 {
	width: 330px;
}

.footer-widgets-1 {
	margin-right: 0;
	margin-right: 0;
}

.footer-widgets-1,
.footer-widgets-2 {
	float: left;
}

.footer-widgets-3 {
	float: right;
}

.footer-widgets .widget {
	margin-bottom: 24px;
	margin-bottom: 2.4rem;
}

.footer-widgets .widget-title {
	color: #aaa;
}

.footer-widgets li {
	list-style-type: none;
	margin-bottom: 6px;
	margin-bottom: 0.6rem;
	word-wrap: break-word;
}

.footer-widgets .search-form input:focus {
	border: 1px solid #ccc;
}

/*
Site Footer
---------------------------------------------------------------------------------------------------- */

.site-footer {
	background-color: #1a1a1a;
	color: #aaa;
	font-size: 14px;
	font-size: 1.4rem;
	padding: 40px 0;
	padding: 4rem 0;
	text-align: center;
	width: 1140px;
	margin: 0 auto;
}

.site-footer p {
	margin-bottom: 0;
}

/*
Theme Colors
---------------------------------------------------------------------------------------------------- */

/* Streamline Pro Blue
--------------------------------------------- */

.streamline-pro-blue a,
.streamline-pro-blue .entry-title a:hover,
.streamline-pro-blue .entry-meta a:hover,
.streamline-pro-blue .entry-footer .entry-meta a,
.streamline-pro-blue .footer-widgets .entry-title a  {
	color: #2989d8;
}

.streamline-pro-blue .entry-title a,
.streamline-pro-blue .site-title a,
.streamline-pro-blue .site-title a:hover,
.streamline-pro-blue .site-header .genesis-nav-menu .current-menu-item > a,
.streamline-pro-blue .site-header .genesis-nav-menu a:hover {
	color: #333;
}

.streamline-pro-blue .genesis-nav-menu a,
.streamline-pro-blue .entry-meta a {
	color: #999;
}

.streamline-pro-blue .footer-widgets .entry-title a:hover,
.streamline-pro-blue .genesis-nav-menu .current-menu-item > a,
.streamline-pro-blue .genesis-nav-menu .sub-menu .current-menu-item > a:hover,
.streamline-pro-blue .genesis-nav-menu a:hover,
.streamline-pro-blue .site-header .genesis-nav-menu .sub-menu .current-menu-item > a,
.streamline-pro-blue .site-header .genesis-nav-menu .sub-menu a:hover {
	color: #fff;
}

.streamline-pro-blue .archive-pagination li a:hover,
.streamline-pro-blue .archive-pagination li.active a {
	background-color: #2989d8;
}

.streamline-pro-blue .button,
.streamline-pro-blue .home-featured .more-link,
.streamline-pro-blue button,
.streamline-pro-blue input[type="button"],
.streamline-pro-blue input[type="reset"],
.streamline-pro-blue input[type="submit"] {
	background-color: #2989d8;
	background: -moz-linear-gradient(top,  #2989d8 0%, #2161a5 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2989d8), color-stop(100%,#2161a5));
	background: -webkit-linear-gradient(top,  #2989d8 0%,#2161a5 100%);
	background: -o-linear-gradient(top,  #2989d8 0%,#2161a5 100%);
	background: -ms-linear-gradient(top,  #2989d8 0%,#2161a5 100%);
	background: linear-gradient(to bottom,  #2989d8 0%,#2161a5 100%);
	box-shadow: 0 1px #1a4b8b;
	color: #fff;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2989d8', endColorstr='#2161a5',GradientType=0 );
	text-shadow: -1px -1px #1c4e91;
}

.streamline-pro-blue .button:hover,
.streamline-pro-blue .home-featured .more-link:hover,
.streamline-pro-blue .sidebar .enews-widget,
.streamline-pro-blue button:hover,
.streamline-pro-blue input:hover[type="button"],
.streamline-pro-blue input:hover[type="reset"],
.streamline-pro-blue input:hover[type="submit"] {
	background-color: #2161a5;
	background: -moz-linear-gradient(top,  #2161a5 0%, #2989d8 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2161a5), color-stop(100%,#2989d8));
	background: -webkit-linear-gradient(top,  #2161a5 0%,#2989d8 100%);
	background: -o-linear-gradient(top,  #2161a5 0%,#2989d8 100%);
	background: -ms-linear-gradient(top,  #2161a5 0%,#2989d8 100%);
	background: linear-gradient(to bottom,  #2161a5 0%,#2989d8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2161a5', endColorstr='#2989d8',GradientType=0 );
}

.streamline-pro-blue .enews-widget {
	text-shadow: -1px -1px #1c4e91;
}

/* Streamline Pro Blue
--------------------------------------------- */

.streamline-pro-green a,
.streamline-pro-green .entry-title a:hover,
.streamline-pro-green .entry-meta a:hover,
.streamline-pro-green .entry-footer .entry-meta a,
.streamline-pro-green .footer-widgets .entry-title a  {
	color: #5d8c3d;
}

.streamline-pro-green .entry-title a,
.streamline-pro-green .site-header .genesis-nav-menu .current-menu-item > a,
.streamline-pro-green .site-header .genesis-nav-menu a:hover,
.streamline-pro-green .site-title a,
.streamline-pro-green .site-title a:hover {
	color: #333;
}

.streamline-pro-green .genesis-nav-menu a,
.streamline-pro-green .entry-meta a {
	color: #999;
}

.streamline-pro-green .footer-widgets .entry-title a:hover,
.streamline-pro-green .genesis-nav-menu .current-menu-item > a,
.streamline-pro-green .genesis-nav-menu .sub-menu .current-menu-item > a:hover,
.streamline-pro-green .genesis-nav-menu a:hover,
.streamline-pro-green .site-header .genesis-nav-menu .sub-menu .current-menu-item > a,
.streamline-pro-green .site-header .genesis-nav-menu .sub-menu a:hover {
	color: #fff;
}

.streamline-pro-green .archive-pagination li a:hover,
.streamline-pro-green .archive-pagination li.active a {
	background-color: #5d8c3d;
}

.streamline-pro-green .button,
.streamline-pro-green .home-featured .more-link,
.streamline-pro-green button,
.streamline-pro-green input[type="button"],
.streamline-pro-green input[type="reset"],
.streamline-pro-green input[type="submit"] {
	background-color: #5d8c3d;
	background: -moz-linear-gradient(top,  #5d8c3d 0%, #406728 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5d8c3d), color-stop(100%,#406728));
	background: -webkit-linear-gradient(top,  #5d8c3d 0%,#406728 100%);
	background: -o-linear-gradient(top,  #5d8c3d 0%,#406728 100%);
	background: -ms-linear-gradient(top,  #5d8c3d 0%,#406728 100%);
	background: linear-gradient(to bottom,  #5d8c3d 0%,#406728 100%);
	box-shadow: 0 1px #375822;
	color: #fff;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5d8c3d', endColorstr='#406728',GradientType=0 );
	text-shadow: -1px -1px #3a5f25;
}

.streamline-pro-green .button:hover,
.streamline-pro-green .home-featured .more-link:hover,
.streamline-pro-green .sidebar .enews-widget,
.streamline-pro-green button:hover,
.streamline-pro-green input:hover[type="button"],
.streamline-pro-green input:hover[type="reset"],
.streamline-pro-green input:hover[type="submit"] {
	background-color: #406728;
	background: -moz-linear-gradient(top,  #406728 0%, #5d8c3d 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#406728), color-stop(100%,#5d8c3d));
	background: -webkit-linear-gradient(top,  #406728 0%,#5d8c3d 100%);
	background: -o-linear-gradient(top,  #406728 0%,#5d8c3d 100%);
	background: -ms-linear-gradient(top,  #406728 0%,#5d8c3d 100%);
	background: linear-gradient(to bottom,  #406728 0%,#5d8c3d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#406728', endColorstr='#5d8c3d',GradientType=0 );
}

.streamline-pro-green .enews-widget {
	text-shadow: -1px -1px #3a5f25;
}

/* Content Boxes
------------------------------------------------------------ */
 
.content-box-blue,
.content-box-gray,
.content-box-green,
.content-box-purple,
.content-box-red,
.content-box-yellow {
    margin: 0 0 25px;
    overflow: hidden;
    padding: 20px;
}
 
.content-box-blue {
    background-color: #d8ecf7;
    border: 1px solid #afcde3;
}
 
.content-box-gray {
    background-color: #e2e2e2;
    border: 1px solid #bdbdbd;
}
 
.content-box-green {
    background-color: #d9edc2;
    border: 1px solid #b2ce96;
}
 
.content-box-purple {
    background-color: #e2e2f9;
    border: 1px solid #bebde9;
}
 
.content-box-red {
    background-color: #f9dbdb;
    border: 1px solid #e9b3b3;
}
 
.content-box-yellow {
    background-color: #fef5c4;
    border: 1px solid #fadf98;
}

/* Color Buttons
------------------------------------------------------------ */
 
.button-blue,
.button-gray,
.button-green,
.button-purple,
.button-red,
.button-yellow,
.button-orange {
    color: #fff;
    padding: 5px 10px;
}
 
.button-blue:hover,
.button-gray:hover,
.button-green:hover,
.button-purple:hover,
.button-red:hover,
.button-yellow:hover,
.button-orange:hover {
    text-decoration: none;
}
 
.button-blue {
    background-color: #afcde3;
    border: 1px solid #afcde3;
}
 
.button-blue:hover {
    background-color: #83a2be;
    border: 1px solid #83a2be;
}
 
.button-gray {
    background-color: #bdbdbd;
    border: 1px solid #bdbdbd;
}
 
.button-gray:hover {
    background-color: #919191;
    border: 1px solid #919191;
}
 
.button-green {
    background-color: #669933;
    border: 1px solid #669933;
}
 
.button-green:hover {
    background-color: #7aae46;
    border: 1px solid #7aae46;
}
 
.button-purple {
    background-color: #bebde9;
    border: 1px solid #bebde9;
}
 
.button-purple:hover {
    background-color: #9291c7;
    border: 1px solid #9291c7;
}
 
.button-red {
    background-color: #e9b3b3;
    border: 1px solid #e9b3b3;
}
 
.button-red:hover {
    background-color: #c78787;
    border: 1px solid #c78787;
}
 
.button-yellow {
    background-color: #fadf98;
    border: 1px solid #fadf98;
}
 
.button-yellow:hover {
    background-color: #ecb870;
    border: 1px solid #ecb870;
}

.button-orange {
    background-color: #ff6600;
    border: 1px solid #ff6600;
}
 
.button-orange:hover {
    background-color: #ff7315;
    border: 1px solid #ff7315;
}

/* Cart 66
------------------------------------------------------------ */

#cartButtonForm_1.Cart66CartButton {
	width: 480px;
}

.purAddToCartImage.ajax-button {
	background: none;
	float: right;
	border: none;
}

#Cart66CheckoutButton.confirm-order.Cart66CompleteOrderButton {
	background: none;
	float: right;
	border: none;
}

#Cart66CartForm .itemQuantity {
	width: 100px;
}

#shipping_zip {
	width: 150px;
}

March 14, 2014 at 5:29 pm #94941

derekalvarez

Member

Home page template...

<?php
/**
 * This file adds the Home Page to the Streamline Pro Theme.
 *
 * @author StudioPress
 * @package Streamline Pro
 * @subpackage Customizations
 */

add_action( 'genesis_meta', 'streamline_home_genesis_meta' );
/**
 * Add widget support for homepage. If no widgets active, display the default loop.
 *
 */
function streamline_home_genesis_meta() {

	if ( is_active_sidebar( 'home-featured-1' ) || is_active_sidebar( 'home-featured-2' ) || is_active_sidebar( 'home-featured-3' ) ) {
	
		//* Force full-width-content layout setting
		add_filter( 'genesis_pre_get_option_site_layout', '__genesis_return_full_width_content' );
	
		// Add streamline-pro-home body class
		add_filter( 'body_class', 'streamline_body_class' );
	
		// Add homepage widgets
		add_action( 'genesis_before_content_sidebar_wrap', 'streamline_homepage_widgets' );

	}
}

function streamline_body_class( $classes ) {

	$classes[] = 'streamline-pro-home';
	return $classes;
	
}

function streamline_homepage_widgets() {

	if ( is_active_sidebar( 'home-featured-1' ) || is_active_sidebar( 'home-featured-2' ) || is_active_sidebar( 'home-featured-3' ) ) {

		echo '<div class="home-featured">';
	
		genesis_widget_area( 'home-featured-1', array(
			'before' => '<div class="home-featured-1 widget-area">',
			'after'  => '</div>',
		) );
		
		genesis_widget_area( 'home-featured-2', array(
			'before' => '<div class="home-featured-2 widget-area">',
			'after'  => '</div>',
		) );
		
		genesis_widget_area( 'home-featured-3', array(
			'before' => '<div class="home-featured-3 widget-area">',
			'after'  => '</div>',
		) );

		echo '</div><!-- end #home-featured -->';	

	}

}

remove_action( 'genesis_loop', 'genesis_do_loop' );
add_action( 'genesis_loop', 'custom_widget' );
function custom_widget() {

if ( is_active_sidebar( 'home-bottom-1' ) || is_active_sidebar( 'home-bottom-2' ) || is_active_sidebar( 'home-bottom-3' ) || is_active_sidebar( 'home-bottom-4' ) ) {
	
		echo '<div class="home-bottom">';

			echo '<div class="home-bottom-1">';
			dynamic_sidebar( 'home-bottom-1' );
			echo '</div><!-- end .home-bottom-1 -->';

			echo '<div class="home-bottom-2">';
			dynamic_sidebar( 'home-bottom-2' );
			echo '</div><!-- end .home-bottom-2 -->';
			
			echo '<div class="home-bottom-3">';
			dynamic_sidebar( 'home-bottom-3' );
			echo '</div><!-- end .home-bottom-3 -->';
			
			echo '<div class="home-bottom-4">';
			dynamic_sidebar( 'home-bottom-4' );
			echo '</div><!-- end .home-bottom-4 -->';
		
		echo '</div><!-- end #home-bottom -->';	
		
	}
	
}

genesis();

Author

Posts

Viewing 5 posts - 1 through 5 (of 5 total)

The forum ‘Design Tips and Tricks’ is closed to new topics and replies.

Streamline Pro Add Newsletter Section After Header

Products

Company

Community

Resources

Connect

Forum navigation

Are You Using The WordPress Block Editor?

Welcome!

Footer

Products

Company

Community

Resources

Connect