/*

	Theme Name: Strawberry Plum

	Description: This is a custom theme created for the Genesis Framework.

	Author: Heather Jones | Viva la Violette

	Author URI: http://www.vivalaviolette.com/

	Version: 1.0

 

	Tags: mobile responsive, simple, clean, black, 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



	- Imports

	- 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

		- Headings

	- Widgets

		- Featured Content

	- Plugins

		- Genesis eNews Extended

		- Genesis Latest Tweets

		- Jetpack

		- Gravity Forms

	- Site Header

		- Title Area

		- Widget Area

	- Site Navigation

		- Header Navigation

		- Primary Navigation

		- Secondary Navigation

	- Content Area

		- Entries

		- Navigation

		- Comments

	- Sidebars

	- Footer Widgets

	- Site Footer

	- Media Queries

		- max-width: 1139px

		- max-width: 1023px

		- max-width: 767px

	-Mobile Menu

	-Single Post Navigation

	-Color Options



*/





/*

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

--------------------------------------------- */



.archive-navigation:before,

.clearfix:before,

.entry:before,

.entry-navigation:before,

.footer-widgets:before,

.nav-primary:before,

.nav-secondary:before,

.site-container:before,

.site-footer:before,

.site-header:before,

.site-inner:before,

.wrap:before {

	content: " ";

	display: table;

}



.archive-navigation:after,

.clearfix:after,

.entry:after,

.entry-navigation:after,

.footer-widgets:after,

.nav-primary:after,

.nav-secondary:after,

.site-container:after,

.site-footer:after,

.site-header:after,

.site-inner:after,

.wrap:after {

	clear: both;

	content: " ";

	display: table;

}





/*

Defaults

---------------------------------------------------------------------------------------------------- */



/* Typographical Elements

--------------------------------------------- */



html {

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

}



body {

	background-color: #fff;

	color: #666;

	font-family: 'Palatino Linotype', Arial, sans-serif;

	font-size: 16px;

	font-size: 1.4rem;

	font-weight: 300;

	line-height: 1.625;

}



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: #343434;

	color: #fff;

}



::selection {

	background-color: #343434;

	color: #fff;

}



a {

	color: #666;

	text-decoration: none;

}



a img {

	margin-bottom: -4px;

	margin-bottom: -0.4rem;

}



a:hover {

	color: #343434;

}



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: #999;

}



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: #343434;

	color: #ddd;

}



cite {

	font-style: normal;

}



/* Headings

--------------------------------------------- */



h1, h2, h3, h4, h5, h6 {

  color: #343434;

  font-family: Open Sans,sans-serif;

  font-weight: 300;

  letter-spacing: 3pt;

  line-height: 1.2;


}



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;

	width: auto; /* IE8 */

}



/* Forms

--------------------------------------------- */



input, select, textarea {

  background-color: #FFFFFF;

  border: 1px solid #e2e2e2;

  color: #999999;

  font-size: 1.1rem;

  padding: 1.6rem;

  width: 100%;

  letter-spacing: 1pt;

}



.menu-primary input, .menu-primary select, .menu-primary textarea {
  margin-right: 20px;
  padding: 5px;
  width: 320px;
}





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,

.entry-content .button {

	background-color: #343434;

	border: none;

	box-shadow: none;

	color: #fff;

	cursor: pointer;

	padding: 16px 24px;

	padding: 1.6rem 2.4rem;

	text-transform: uppercase;

	width: auto;

}



button:hover,

input:hover[type="button"],

input:hover[type="reset"],

input:hover[type="submit"],

.button:hover,

.entry-content .button:hover {

	background-color: #888888;

}



.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: bold;

	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 {

	clear: both;

}



/* Column Widths and Positions

--------------------------------------------- */



/* Wrapping div for .content and .sidebar-primary */



.content-sidebar-sidebar .content-sidebar-wrap,

.sidebar-content-sidebar .content-sidebar-wrap,

.sidebar-sidebar-content .content-sidebar-wrap {

	width: 920px;

}



.content-sidebar-sidebar .content-sidebar-wrap {

	float: left;

}



.sidebar-content-sidebar .content-sidebar-wrap,

.sidebar-sidebar-content .content-sidebar-wrap {

	float: right;

}



/* Content */



.content {
  float: right;
  padding-top: 5px;
  width: 740px;
}



.content-sidebar .content,

.content-sidebar-sidebar .content,

.sidebar-content-sidebar .content {

	float: left;

}



.content-sidebar-sidebar .content,

.sidebar-content-sidebar .content,

.sidebar-sidebar-content .content {

	width: 520px;

}



.full-width-content .content {

	width: 100%;

}



/* Primary Sidebar */



.sidebar-primary {

	float: right;

	width: 360px;

}



.sidebar-content .sidebar-primary,

.sidebar-sidebar-content .sidebar-primary {

	float: left;

}



/* Secondary Sidebar */



.sidebar-secondary {

	float: left;

	width: 180px;

}



.content-sidebar-sidebar .sidebar-secondary {

	float: right;

}



/* 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 input[type="submit"] {

	border: 0;

	clip: rect(0, 0, 0, 0);

	height: 1px;

	margin: -1px;

	padding: 0;

	position: absolute;

	width: 1px;

}



.sticky {

}



img.centered,

.aligncenter {

	display: block;

	margin: 0 auto 24px;

	margin: 0 auto 2.4rem

}



img.alignnone {

	margin-bottom: 12px;

	margin-bottom: 1.2rem;

}



.alignleft {

	float: left;

	text-align: left;

}



.alignright {

	float: right;

	text-align: right;

}



img.alignleft,

.wp-caption.alignleft {

	margin: 0 24px 24px 0;

	margin: 0 2.4rem 2.4rem 0;

}



img.alignright,

.wp-caption.alignright {

	margin: 0 0 24px 24px;

	margin: 0 0 2.4rem 2.4rem;

}



.wp-caption-text {

  color: #999999;

  font-family: 'Open Sans';

  font-size: 1rem;

  font-weight: 300;

  text-align: center;

  text-transform: uppercase;

}



.gallery-caption {

}



.widget_calendar table {

	width: 100%;

}



.widget_calendar td,

.widget_calendar th {

	text-align: center;

}



/* Genesis

--------------------------------------------- */



.breadcrumb {

	margin-bottom: 20px;

	margin-bottom: 2rem;

}



.archive-description,

.author-box {

	background-color: #fff;

	margin-bottom: 40px;

	margin-bottom: 4rem;

}



.archive-description {

	padding: 40px 40px 24px;

	padding: 4rem 4rem 2.4rem;

}



.author-box {

  background: none repeat scroll 0 0 #EEEEEE;

  padding: 2.5rem 2rem 4rem;

  margin: 2rem;

}



.author-box-title {

	color: #343434;

	font-family: ''Palatino Linotype' Neue', 'Palatino Linotype', Arial, sans-serif;

	font-size: 16px;

	font-size: 1.6rem;

	margin-bottom: 4px;

	margin-bottom: 0.4rem;

}



.author-box a {

	border-bottom: 1px solid #ddd;

}



.author-box p {

	margin-bottom: 0;

	font-family: Georgia;

	font-style: italic;

	text-transform: lowercase;

}



.author-box .avatar {

	margin-right: 24px;

	margin-right: 2.4rem;

}



/* Headings

--------------------------------------------- */



.entry-title {
  border-bottom: 1px solid #000000;
  font-size: 2.4rem;
  line-height: 1;
}



.content .post .entry-title {

  padding-left: 0rem;

}



.entry-title, .sidebar .widget-title a {

  color: #343434;

  font-family: 'Lora';

  letter-spacing: 1pt;

}



.sidebar .entry-title a {

	font-size: 2rem;

}



.sidebar .featured-content .entry-title, .sidebar .entry-content p {

  text-align: center;

}


.entry-title a {
  color: #343434;
  font-size: 2.4rem;
}



.entry-title a:hover {

	color: #833c37;

}



.widget-title {

  border-bottom: 2px solid #e2e2e2;

  font-size: 1.6rem;

  margin-bottom: 2rem;

  padding-bottom: .4rem;

  text-align: center;

  text-transform: uppercase;

}



.sidebar .widget-title a {

	border: none;

}



.archive-title {

	font-size: 20px;

	font-size: 2rem;

	margin-bottom: 24px;

	margin-bottom: 2.4rem;

}





/*

Widgets

---------------------------------------------------------------------------------------------------- */



/* Featured Content

--------------------------------------------- */



.featured-content .entry {

	border-bottom: 2px solid #e2e2e2;

	margin-bottom: 20px;

	margin-bottom: 2rem;

	padding: 0 0 24px;

	padding: 0 0 2.4rem;

}



.featured-content .entry-title {

	border: none;

	font-size: 24px;

	font-size: 2.4rem;

	line-height: 1.2;

}



.featured-content .entry-title a {

	border: none;

}





/*

Plugins

---------------------------------------------------------------------------------------------------- */



/* Genesis eNews Extended

--------------------------------------------- */



.enews-widget {

	color: #ddd;

}



.enews-widget .widget-title {

	color: #111;

}



.enews-widget input {
  margin-bottom: 1.6rem;
  width: 75%;
  padding: 1rem;
  float: left;
}



.enews-widget input:focus {

	border: 1px solid #ddd;

}



.enews-widget input[type="submit"] {
  background-color: #833c37;
  color: #FFFFFF;
  margin: 0;
  width: 20%;
  margin-left: 5%;
  float: left;
}



.enews-widget input:hover[type="submit"] {

	background-color: #000;

	color: #fff;

}



/* Genesis Latest Tweets

--------------------------------------------- */



.latest-tweets ul li {

	margin-bottom: 16px;

	margin-bottom: 1.6rem;

}



/* Jetpack

--------------------------------------------- */



img#wpstats {

	display: none;

}



/* 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;

}





/*

Site Header

---------------------------------------------------------------------------------------------------- */



.site-header {
  background-color: #FFFFFF;
  height: 100px;
}



.site-header .wrap {

  padding: 0rem 0 0rem;

}



/* Title Area

--------------------------------------------- */



.title-area {

  font-family: Open Sans,sans-serif;

  font-weight: 700;

  padding: 0rem 0;

  text-align: center;

}



.header-image .title-area {

	padding: 0;

}



.site-title {

	font-size: 28px;

	font-size: 2.8rem;

	line-height: 1;

	margin: 0 0 8px;

	margin: 0 0 0.8rem;

	text-transform: uppercase;

}



.site-title a, .site-title a:hover {

  color: #343434;

  font-family: 'open sans';

  font-size: 5rem;

  font-weight: 300;

  letter-spacing: 3pt;

  text-transform: uppercase;

}



.site-description {

  color: #999999;

  font-family: georgia;

  font-size: 1.25rem;

  font-style: italic;

  font-weight: 300;

  line-height: 1;

  margin-bottom: 0;

  text-transform: lowercase;

  letter-spacing: 1pt;

}



/* 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 {
  background: url("images/logo.png") no-repeat scroll top center transparent;
  padding: 0rem 0;
}



.header-image .site-title a {

	float: left;

	min-height: 122px;

	width: 100%;

}



/* Widget Area

--------------------------------------------- */



.site-header .widget-area {

	float: right;

	text-align: right;

	width: 800px;

}



.header-image .site-header .widget-area {

	padding: 40px 0;

	padding: 4rem 0;

}



.site-header .search-form {

	float: right;

	margin-top: 24px;

	margin-top: 2.4rem;

}





/*

Site Navigation

---------------------------------------------------------------------------------------------------- */



.genesis-nav-menu {

	clear: both;

	color: #999;

	font-family: Open Sans, sans-serif;

	line-height: 1.5;

	width: 100%;

}



.genesis-nav-menu .menu-item {

	display: inline-block;

	text-align: left;

}



.genesis-nav-menu a {
  border: medium none;
  color: #333333;
  display: block;
  font-family: 'open sans';
  font-size: 1.5rem;
  letter-spacing: 1pt;
  padding: 0rem 3rem 1rem;
  position: relative;
  text-align: center;
  width: 180px;
}



.genesis-nav-menu a:hover,

.genesis-nav-menu .current-menu-item > a,

.genesis-nav-menu .sub-menu .current-menu-item > a:hover {

	color: #833c37;

}



.genesis-nav-menu .sub-menu .current-menu-item > a {

	color: #999;

}



.genesis-nav-menu > .menu-item > a {

	text-transform: uppercase;

}



.genesis-nav-menu .sub-menu {

	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: url(images/nav-bg.png);

	border: 0px solid #e2e2e2;

	border-top: none;

	font-size: 12px;

	font-size: 1.4rem;

	padding: 8px 16px;

	padding: .5rem 1rem;

	position: relative;

	text-transform: lowercase;

	width: 200px;

}



.genesis-nav-menu .sub-menu .sub-menu {

	margin: -54px 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 {

  display: inline-block;

  float: right;

  list-style-type: none;

  padding: 1.25rem 0;

  text-transform: uppercase;

}



.genesis-nav-menu > .right > a {

	display: inline;

	padding: 0;

}



.genesis-nav-menu > .rss > a {

	margin-left: 48px;

	margin-left: 4.8rem;

}



.genesis-nav-menu > .search {
  padding: 0;
}



/* Site Header Navigation

--------------------------------------------- */



.site-header .sub-menu {

	border-top: 1px solid #e2e2e2;

}



.site-header .sub-menu .sub-menu {

	margin-top: -55px;

}



/* Primary Navigation

--------------------------------------------- */



.nav-primary {
  background: #fff;
  text-align: left;
  width: 100%;
  z-index: 999;
}

.nav-primary .wrap {
	  border-bottom:  1px solid #000;
	  }



.nav-primary a:hover,

.nav-primary .current-menu-item > a {

	color: #833c37;
	font-weight: bold;


}

.nav-primary .sub-menu a {
  background: none repeat scroll 0 0 #b4ada7;
  color: #000000;
  padding: 10px;
  width: 220px;

}

.nav-primary .sub-menu a:hover {


	color: #fff;

}



/* Secondary Navigation

--------------------------------------------- */



.nav-secondary {

  border-bottom: 2px solid #e2e2e2;

  border-top: 2px solid #e2e2e2;

  margin-top: 3rem;

  text-align: center;

}





/*

Content Area

---------------------------------------------------------------------------------------------------- */



/* Entries

--------------------------------------------- */



.entry {

  background-color: #FFFFFF;
  
  border-bottom: 1px solid #eee;

  margin-bottom: 4rem;

  padding: 2rem 2rem 2.4rem;

}



.entry-content a {
  color: #833C37;
}



.entry-content a:hover {

	color: #343434;

}



.entry-content .attachment a,

.entry-content .gallery a {

	border: none;

}



.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 {

	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%;

}



.entry-meta {
  clear: both;
  color: #999999;
  text-align: left;
  width: 100%;
}



.entry-meta a {

	border-bottom: 1px solid #ddd;

}



.entry-time {

  color: #666666;

  font-size: 12px;

}



.entry-header .entry-meta {

	margin-bottom: 24px;

	margin-bottom: 2.4rem;

}



.entry-footer .entry-meta {

  background: none repeat scroll 0 0 transparent;

  color: #343434;

  font-size: 1.75rem;

  letter-spacing: 1pt;

  margin: 0 0rem;

  padding: 0 0 10px;

  text-align: left;

  text-transform: lowercase;

  width: 100%;

}



.entry-footer .entry-meta a {

  border-bottom: 0px;

  color: #343434;

  padding: 0 8px;

  text-decoration: none;

}



.entry-categories,

.entry-tags {

	display: block;

}



/* Navigation

--------------------------------------------- */



.archive-navigation, .entry-navigation {

  font-family: georgia;

  font-size: 1.4rem;

  font-style: italic;

  margin: 2rem 2rem;

  text-transform: lowercase;

}



.archive-navigation li {

	display: inline;

}



.archive-navigation li a {

	background-color: #343434;

	color: #fff;

	cursor: pointer;

	display: inline-block;

	padding: 8px 12px;

	padding: 0.8rem 1.2rem;

}



.archive-navigation li a:hover,

.archive-navigation li.active a {

	background-color: #888888;

}



.entry-navigation a {

	border-bottom: 1px solid #ddd;

}



/* Comments

--------------------------------------------- */



.comment-respond,

.entry-comments,

.entry-pings {

	background-color: #fff;

	margin-bottom: 40px;

	margin-bottom: 4rem;

}



.entry-comments {

	padding: 40px;

	padding: 4rem;

}



.comment-respond,

.entry-pings {

	padding: 40px 40px 16px;

	padding: 4rem 4rem 1.6rem;

}



.comment-respond a,

.entry-comments a {

	border-bottom: 1px solid #ddd;

}



.comment-content {

	clear: both;

}



.entry-comments .comment-author {

	margin-bottom: 0;

}



.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 {

	list-style-type: none;

}



.comment-list li {

	margin-top: 24px;

	margin-top: 2.4rem;

	padding: 32px;

	padding: 3.2rem;

}



.comment-list li li {

	margin-right: -32px;

	margin-right: -3.2rem;

}



li.comment {

	background-color: #f5f5f5;

	border: 2px solid #fff;

	border-right: none;

}



.comment .avatar {

	margin: 0 16px 24px 0;

	margin: 0 1.6rem 2.4rem 0;

}



.entry-pings .reply {

	display: none;

}



.bypostauthor {

}



.form-allowed-tags {

	background-color: #f5f5f5;

	font-size: 14px;

	font-size: 1.4rem;

	padding: 24px;

	padding: 2.4rem;

}





/*

Sidebars

---------------------------------------------------------------------------------------------------- */



.sidebar {

  color: #999999;

  padding-top: 2rem;

}



.sidebar a {

	border-bottom: 0px solid #ddd;

}



.sidebar h4 {

  font-size: 1.5rem;

}



.sidebar img {

	padding: 5px;

}



.sidebar p {

	font-size: 1.2rem;

}



.sidebar p:last-child {

	margin-bottom: 0;

}



.sidebar li {

	list-style-type: none;

	margin-bottom: 6px;

	margin-bottom: 0.6rem;

	word-wrap: break-word;

}



.sidebar ul > li:last-child {

	margin-bottom: 0;

}



.sidebar .widget {

  margin-bottom: 0rem;

  padding: 2rem;

}



.sidebar .enews-widget {
  background-color: #b4ada7;
  height: 150px;
}





/*

Footer Widgets

---------------------------------------------------------------------------------------------------- */



.footer-widgets {

  clear: both;

  color: #999999;

  padding: 2rem 0 1.6rem;

}



.footer-widgets-2,

.footer-widgets-4 {

	width: 350px;

}



.footer-widgets-3 {

	width: 360px;

}



.footer-widgets-2 {

	margin-right: 3rem;

}



.footer-widgets-2,

.footer-widgets-3 {

	float: left;

}



.footer-widgets-4 {

	float: right;

}



.footer-widgets-1 {

  background: url("images/instagram.png") no-repeat scroll center top transparent;

  padding-top: 60px;

}



.footer-widgets a {

	border-bottom: 1px solid #666;

	color: #999;

}



.footer-widgets a:hover {

	color: #ddd;

}



.footer-widgets .widget {

	margin-bottom: 24px;

	margin-bottom: 2.4rem;

}



.footer-widgets .widget-title {

	

}



.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 #ddd;

}





/*

Site Footer

---------------------------------------------------------------------------------------------------- */



.site-footer {

  background-color: #FFFFFF;

  color: #999999;

  font-size: 1.4rem;

  padding: 4rem 0;

  text-align: center;

  font-style: italic;

  font-family: georgia;

  text-transform: lowercase;

}



.site-footer a {

	border-bottom: 1px solid #ddd;

}



.site-footer p {

	margin-bottom: 0;

}





/*

Media Queries

---------------------------------------------------------------------------------------------------- */



@media only screen and (-webkit-min-device-pixel-ratio: 1.5),

	only screen and (-moz-min-device-pixel-ratio: 1.5),

	only screen and (-o-min-device-pixel-ratio: 3/2),

	only screen and (min-device-pixel-ratio: 1.5) {



	.header-image .site-header .wrap {

		background: url("http://www.strawberryplum.com/wp-content/uploads/2013/09/logo@2x.png") no-repeat center;

		background-size: 1140px 100px;

	}



}



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



	.site-inner,

	.wrap {

		max-width: 960px;

	}



	.content-sidebar-sidebar .content-sidebar-wrap,

	.sidebar-content-sidebar .content-sidebar-wrap,

	.sidebar-sidebar-content .content-sidebar-wrap {

		width: 740px;

	}



	.content,

	.site-header .widget-area {

		width: 620px;

	}



	.sidebar-content-sidebar .content,

	.sidebar-sidebar-content .content,

	.content-sidebar-sidebar .content {

		width: 400px;

	}



	.footer-widgets-2,

	.footer-widgets-3,

	.footer-widgets-4,

	.sidebar-primary,

	.title-area {

		width: 300px;

	}

	

	.footer-widgets-1 {

		width: 96%;

	}



}



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



	body {

		background-color: #fff;

	}

	

	.genesis-nav-menu a, .genesis-nav-menu > .first > a, .genesis-nav-menu > .last > a {

		padding: 2rem 1.6rem .25rem 1.6rem;

	}



	.content,

	.content-sidebar-sidebar .content,

	.content-sidebar-sidebar .content-sidebar-wrap,

	.footer-widgets-1,

	.footer-widgets-2,

	.footer-widgets-3,

	.sidebar-content-sidebar .content,

	.sidebar-content-sidebar .content-sidebar-wrap,

	.sidebar-primary,

	.sidebar-secondary,

	.sidebar-sidebar-content .content,

	.sidebar-sidebar-content .content-sidebar-wrap,

	.site-header .widget-area,

	.site-inner,

	.title-area,

	.wrap {

		width: 100%;

	}



	.site-header .wrap {

		padding: 20px 0;

		padding: 2rem 0;

	}



	.header-image .site-header .wrap {

		background-position: center top;

	}



	.site-inner {

		padding-left: 5%;

		padding-right: 5%;

	}



	.archive-description,

	.author-box,

	.comment-respond,

	.entry,

	.entry-comments,

	.entry-footer .entry-meta,

	.header-image .site-header .widget-area,

	.sidebar .widget,

	.site-header {

		padding: 0;

	}



	.genesis-nav-menu li,

	.site-header ul.genesis-nav-menu,

	.site-header .search-form {

		float: none;

	}



	.genesis-nav-menu,

	.site-description,

	.site-header .title-area,

	.site-header .search-form,

	.site-title {

		text-align: center;

	}



	.genesis-nav-menu a,

	.genesis-nav-menu > .first > a,

	.genesis-nav-menu > .last > a {

		padding: 20px 16px;

		padding: 2rem 1.6rem;

	}



	.site-header .search-form {

		margin: 16px auto ;

		margin: 1.6rem auto;

	}



	.genesis-nav-menu li.right {

		display: none;

	}



	.entry-footer .entry-meta {

		margin: 0;

		padding-top: 12px;

		padding-top: 1.2rem;

	}



	.sidebar .widget.enews-widget {

		padding: 40px;

		padding: 4rem;

	}



	.site-footer {

		padding: 24px 0;

		padding: 2.4rem 0;

	}



	.footer-widgets {

		padding: 40px 5% 16px;

	}



	.footer-widgets-1, .footer-widgets-4 {

		width: 100%;

	}

	

	.title-area {

		padding: 6rem 0 1.6rem 0;

	}



}



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



	.five-sixths,

	.four-sixths,

	.one-fourth,

	.one-half,

	.one-sixth,

	.one-third,

	.three-fourths,

	.three-sixths,

	.two-fourths,

	.two-sixths,

	.two-thirds {

		margin: 0;

		width: 100%;

	}

	

	.genesis-nav-menu a, .genesis-nav-menu > .first > a, .genesis-nav-menu > .last > a {

		padding: 2rem 1.6rem .25rem 1.6rem;

	}

	

	.title-area {

		padding: 6rem 0 1.6rem 0;

	}

	

		.footer-widgets-1, .footer-widgets-2, .footer-widgets-3, .footer-widgets-4  {

		width: 100%!important;

	}



}



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



	.site-title a, .site-title a:hover {

		color: #343434;

		font-family: 'open sans';

		font-size: 3rem;

		font-weight: 300;

		letter-spacing: 3pt;

		text-transform: uppercase;

	}


	

	.genesis-nav-menu a, .genesis-nav-menu > .first > a, .genesis-nav-menu > .last > a {

		padding: 2rem 1.6rem .25rem 1.6rem;

	}

	

	.footer-widgets-1, .footer-widgets-2, .footer-widgets-3, .footer-widgets-4  {

		width: 100%!important;

	}



}



/*

Single Post Navigation

---------------------------------------------------------------------------------------------------- */

#gspn-prevpost a, #gspn-nextpost a, #gspn-prevpost-reverse a, #gspn-nextpost-reverse a {

  border: 0px!important;

  color: #e2e2e2!important;

}



/*

Color Options

---------------------------------------------------------------------------------------------------- */



/*

Gray

---------------------------------------------------------------------------------------------------- */



body.simplicity-gray {

  background: #888;

  color: #fff;

}



.simplicity-gray h1, .simplicity-gray h2, .simplicity-gray h3, .simplicity-gray h4, .simplicity-gray h5, .simplicity-gray h6 {

  color: #FFFFFF;

  font-family: Open Sans,sans-serif;

  font-weight: 300;

  letter-spacing: 3pt;

  line-height: 1.2;

  text-transform: uppercase;

}



.simplicity-gray a {

  color: #EEEEEE;

}



.simplicity-gray .site-header {

  background-color: #888;

}



.simplicity-gray .site-title a, .simplicity-gray .site-title a:hover {

  color: #ffffff;

}



.simplicity-gray .site-description {

  color: #eee;

  font-family: georgia;

  font-size: 1.25rem;

  font-style: italic;

  font-weight: 300;

  letter-spacing: 1pt;

  line-height: 1;

  margin-bottom: 0;

  text-transform: lowercase;

}



.simplicity-gray .entry {

  background-color: #888;

}



.simplicity-gray .entry-title a {

  color: #FFFFFF;

}



.simplicity-gray .sidebar {

  color: #eeeeee;

}



.simplicity-gray .entry-time {

  color: #EEEEEE;

  font-size: 9px;

}



.simplicity-gray  .entry-content a {

  color: #EEEEEE;

}



.simplicity-gray .wp-caption-text {

  color: #EEEEEE;

}



.simplicity-gray  .entry-title, .simplicity-gray  .sidebar .widget-title a {

  color: #fff;

  font-family: georgia;

  font-style: italic;

  letter-spacing: 1pt;

  text-transform: lowercase;

}



.simplicity-gray .genesis-nav-menu .sub-menu a {

	background: url(images/nav-bg-gray.png);

	border: 2px solid #e2e2e2;

	border-top: none;

	font-size: 12px;

	font-size: 1.4rem;

	padding: 16px 16px;

	padding: 1rem 1rem;

	position: relative;

	text-transform: lowercase;

	width: 200px;

}



.simplicity-gray  .site-footer {

  background-color: #888888;

  color: #fff;

}



.simplicity-gray .nav-primary {

  background: url("images/nav-bg-gray.png") repeat scroll 0 0 transparent;

}



.simplicity-gray .menu-item  a {

  color: #FFFFFF;

}



.simplicity-gray  .nav-primary a:hover, .simplicity-gray .nav-primary .current-menu-item  a, .simplicity-gray  .nav-secondary a:hover, .simplicity-gray .nav-secondary .current-menu-item  a {

  color: #000000;

}



.simplicity-gray  .comment-respond, .simplicity-gray  .entry-comments, .simplicity-gray  .entry-pings {

  background-color: #888;

}



.simplicity-gray li.comment {

  background-color: #888888;

}



.simplicity-gray .author-box {

  background: #bab9b9;

  margin: 2rem;

  padding: 2.5rem 2rem 4rem;

}



.simplicity-gray .footer-widgets-1 {

  background: url("images/instagram-black.png") no-repeat scroll center top transparent;

}



.simplicity-gray blockquote, .simplicity-gray blockquote:before {

  color: #eee;

}



.simplicity-gray .form-allowed-tags {

  background-color: #888888;

  font-size: 1.4rem;

  padding: 2.4rem;

}



/*

Black

---------------------------------------------------------------------------------------------------- */



body.simplicity-black {

  background: #000;

  color: #fff;

}



.simplicity-black h1, .simplicity-black h2, .simplicity-black h3, .simplicity-black h4, .simplicity-black h5, .simplicity-black h6 {

  color: #FFFFFF;

  font-family: Open Sans,sans-serif;

  font-weight: 300;

  letter-spacing: 3pt;

  line-height: 1.2;

  text-transform: uppercase;

}



.simplicity-black a {

  color: #EEEEEE;

}



.simplicity-black .site-header {

  background-color: #000;

}



.simplicity-black .site-title a, .simplicity-black .site-title a:hover {

  color: #ffffff;

}



.simplicity-black .site-description {

  color: #eee;

  font-family: georgia;

  font-size: 1.25rem;

  font-style: italic;

  font-weight: 300;

  letter-spacing: 1pt;

  line-height: 1;

  margin-bottom: 0;

  text-transform: lowercase;

}



.simplicity-black .entry {

  background-color: #000;

}



.simplicity-black .entry-title a {

  color: #FFFFFF;

}



.simplicity-black .sidebar {

  color: #eeeeee;

}



.simplicity-black .entry-time {

  color: #EEEEEE;

  font-size: 9px;

}



.simplicity-black  .entry-content a {

  color: #EEEEEE;

}



.simplicity-black .wp-caption-text {

  color: #EEEEEE;

}



.simplicity-black  .entry-title, .simplicity-black  .sidebar .widget-title a {

  color: #fff;

  font-family: georgia;

  font-style: italic;

  letter-spacing: 1pt;

  text-transform: lowercase;

}



.simplicity-black .genesis-nav-menu .sub-menu a {

	background: url(images/nav-bg-black.png);

	border: 2px solid #e2e2e2;

	border-top: none;

	font-size: 12px;

	font-size: 1.4rem;

	padding: 16px 16px;

	padding: 1rem 1rem;

	position: relative;

	text-transform: lowercase;

	width: 200px;

}



.simplicity-black  .site-footer {

  background-color: #000000;

  color: #fff;

}



.simplicity-black .nav-primary {

  background: url("images/nav-bg-black.png") repeat scroll 0 0 transparent;

}



.simplicity-black .menu-item  a {

  color: #FFFFFF;

}



.simplicity-black  .nav-primary a:hover, .simplicity-black .nav-primary .current-menu-item  a, .simplicity-black .genesis-nav-menu .sub-menu a:hover {

  color: #ccc;

}



.simplicity-black  .comment-respond, .simplicity-black  .entry-comments, .simplicity-black  .entry-pings {

  background-color: #000;

}



.simplicity-black li.comment {

  background-color: #000;

}



.simplicity-black .author-box {

  background: #201f1f;

  margin: 2rem;

  padding: 2.5rem 2rem 4rem;

}



.simplicity-black .footer-widgets-1 {

  background: url("images/instagram-black.png") no-repeat scroll center top transparent;

}



 .simplicity-black li.comment {

  background-color: #000000;

}



 .simplicity-black .form-allowed-tags {

  background-color: #000;

}



 .simplicity-black  .entry-footer .entry-meta a {

  color: #eee;

}