box-sh/*
	Theme Name: StudioPress
	Theme URI: http://www.studiopress.com/
	Description: This is the custom theme created for StudioPress.
	Author: Lauren Mancke
	Author URI: http://www.studiopress.com/
	version: 5.0.0;

	Template: genesis
	Template Version: 2.2.0-beta1
*/

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

/* ## Baseline Normalize
--------------------------------------------- */
/* normalize.css v3.0.1 | MIT License | git.io/normalize */

html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:0 0}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#222}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}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}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}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}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}

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

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

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

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

.author-box:after,
.clearfix:after,
.entry:after,
.entry-content:after,
.footer-widgets:after,
.nav-primary:after,
.nav-secondary:after,
.pagination: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 */
}

/* Chrome fix */
body > div {
    font-size: 2rem;
}

body {
	background-color: #fff;
	color: #222;
	font-family: "proxima-nova", 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 20px;
	font-size: 2rem;
	-webkit-font-smoothing: antialiased;
	font-weight: 300;
	line-height: 1.625;
	margin: 0;
}

a,
button,
input:focus,
input[type="button"],
input[type="reset"],
input[type="submit"],
textarea:focus,
.button,
.grid-box:focus,
.grid-box:hover,
.gallery img {
	-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;
}

a {
	color: #0066cc;
	text-decoration: none;
}

a:focus,
a:hover {
	color: #222;
}

a.secondary-link {
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: 800;
	letter-spacing: .16em;
	text-transform: uppercase;
}

a.secondary-link:focus,
a.secondary-link:hover,
.entry-content a:focus,
.entry-content a:hover {
	border-bottom: 1px dotted #222;
}

a.secondary-link.white:focus,
a.secondary-link.white:hover {
	border-color: #fff;
}

a.anchor {
	padding-top: 40px;
	margin-top: -40px;
}

.featured-image a {
	border: none;
}

p {
	margin: 0 0 28px;
	padding: 0;
}

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

li {
	list-style-type: none;
}

b,
strong {
	font-weight: 600;
}

blockquote,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 40px;
}

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

.break,
.clear,
.double-break {
	clear: both;
}

.break {
	margin-bottom: 28px;
}

.double-break {
	margin-bottom: 50px;
}

.center {
	text-align: center;
}

.section p:last-child {
	margin-bottom: 0;
}

.anchor-section {
	margin-top: -140px;
	border-top: 140px solid transparent;
}


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

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "proxima-nova", 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: 600;
	line-height: 1.1;
	margin: 0 0 10px;
}

h1 {
	font-size: 48px;
	font-size: 4.8rem;
}

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

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

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

h5 {
	font-size: 22px;
	font-size: 2.2rem;
}

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

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

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

img {
	height: auto;
}

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

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

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


[class^="icon-"]:before,
[class*=" icon-"]:before {
	font-family: 'studicons';
	font-size: 24px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: 1;
	speak: none;
	text-transform: none;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

[class^="icon-sm-"]:before,
[class*=" icon-sm-"]:before,
.icon-categories:before {
	font-size: 12px;
}

.icon-alert:before {
	content: "\e900";
}
.icon-bolt:before {
	content: "\e901";
}
.icon-book:before {
	content: "\e902";
}
.icon-bookmark:before {
	content: "\e903";
}
.icon-brush:before {
	content: "\e904";
}
.icon-code:before {
	content: "\e905";
}
.icon-comment:before {
	content: "\e906";
}
.icon-download:before {
	content: "\e907";
}
.icon-funnel:before {
	content: "\e908";
}
.icon-images:before {
	content: "\e909";
}
.icon-infinity:before {
	content: "\e90a";
}
.icon-layout-cs:before {
	content: "\e90b";
}
.icon-layout-css:before {
	content: "\e90c";
}
.icon-layout-fwc:before {
	content: "\e90d";
}
.icon-layout-sc:before {
	content: "\e90e";
}
.icon-layout-scs:before {
	content: "\e90f";
}
.icon-layout-ssc:before {
	content: "\e910";
}
.icon-life-preserver:before {
	content: "\e911";
}
.icon-link:before {
	content: "\e912";
}
.icon-lock:before {
	content: "\e913";
}
.icon-logo-genesis:before {
	content: "\e914";
}
.icon-logo-rm:before {
	content: "\e915";
}
.icon-logo-sp-outline:before {
	content: "\e916";
}
.icon-logo-sp:before {
	content: "\e917";
}
.icon-logo-wp:before {
	content: "\e918";
}
.icon-magnifier:before {
	content: "\e919";
}
.icon-menu:before {
	content: "\e91a";
}
.icon-monitor:before {
	content: "\e91b";
}
.icon-people:before {
	content: "\e91c";
}
.icon-person:before {
	content: "\e91d";
}
.icon-mobile:before,
.icon-phone:before {
	content: "\e91e";
}
.icon-plugin:before {
	content: "\e91f";
}
.icon-question:before {
	content: "\e920";
}
.icon-scissors:before {
	content: "\e921";
}
.icon-settings:before {
	content: "\e922";
}
.icon-sm-arrow-down:before {
	content: "\e923";
}
.icon-sm-arrow-up:before {
	content: "\e924";
}
.icon-sm-check:before {
	content: "\e925";
}
.icon-sm-magnifier:before {
	content: "\e92f";
}
.icon-sm-settings:before {
	content: "\e926";
}
.icon-categories:before,
.icon-sm-tag:before {
	content: "\e927";
}
.icon-sm-x:before {
	content: "\e928";
}
.icon-speed:before {
	content: "\e929";
}
.icon-star:before {
	content: "\e92a";
}
.icon-tablet:before {
	content: "\e92b";
}
.icon-tool-box:before {
	content: "\e92c";
}
.icon-video:before {
	content: "\e92d";
}
.icon-widgets:before {
	content: "\e92e";
}
.icon-car-body:before {
    content: "\e95a";
}
.icon-car-paint:before {
    content: "\e95b";
}
.icon-engine:before {
    content: "\e95c";
}

.grid [class^="icon-"],
.grid [class*=" icon-"] {
	display: block;
	margin-bottom: 20px;
}

span[class^="icon-"],
span[class*=" icon-"] {
	vertical-align: text-top;
}

span[class^="icon-"]:before,
span[class*=" icon-"]:before {
	margin-right: 10px;
}

[class^="icon-"].large:before,
[class*=" icon-"].large:before {
	font-size: 172px;
}


/* ## Gallery
--------------------------------------------- */

.gallery {
	overflow: hidden;
}

.gallery-item {
	float: left;
	margin: 0 0 28px;
	text-align: center;
}

.gallery-columns-2 .gallery-item {
	width: 50%;
}

.gallery-columns-3 .gallery-item {
	width: 33%;
}

.gallery-columns-4 .gallery-item {
	width: 25%;
}

.gallery-columns-5 .gallery-item {
	width: 20%;
}

.gallery-columns-6 .gallery-item {
	width: 16.6666%;
}

.gallery-columns-7 .gallery-item {
	width: 14.2857%;
}

.gallery-columns-8 .gallery-item {
	width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	width: 11.1111%;
}

.gallery img {
	border: 1px solid #ddd;
	height: auto;
	padding: 4px;
}

.gallery img:hover,
.gallery img:focus {
	border: 1px solid #999;
}

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

input,
select,
textarea,
.entry-content div.gform_wrapper input,
.entry-content div.gform_wrapper select,
.entry-content div.gform_wrapper textarea {
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 3px;
	color: #222;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: 300;
	padding: 16px;
	width: 100%;
}

input:focus,
textarea:focus,
.entry-content div.gform_wrapper input:focus,
.entry-content div.gform_wrapper textarea:focus {
	border: 1px solid #999;
	outline: none;
}

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

::-moz-placeholder {
	color: #222;
	font-weight: 300;
	opacity: 1;
}

::-webkit-input-placeholder {
	color: #222;
	font-weight: 300;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button,
.entry-content div.gform_wrapper .button,
.button,
.button.secondary:hover,
.button.secondary:focus {
	background-color: #0066cc;
	border: 0;
	-moz-border-radius:    3px;
	-webkit-border-radius: 3px;
	border-radius:         3px;
	color: #fff;
	cursor: pointer;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: 800;
	padding: 19px 40px;
	text-align: center;
	text-decoration: none;
	width: auto;
}

.button.secondary {
	background-color: #222;
	color: #fff;
}

.button.white-hover:focus,
.button.white-hover:hover,
.entry-content .button.white-hover:focus,
.entry-content .button.white-hover:hover {
	background-color: #fff;
	color: #222;
}

button:focus,
button:hover,
input:focus[type="button"],
input:focus[type="reset"],
input:focus[type="submit"],
input:hover[type="button"],
input:hover[type="reset"],
input:hover[type="submit"],
.button:focus,
.button:hover,
.entry-content div.gform_wrapper .button:focus,
.entry-content div.gform_wrapper .button:hover {
	background-color: #222;
	color: #fff;
}

.entry-content .button,
.entry-content .button:hover,
.entry-content .button:focus {
	border: none;
	color: #fff;
}

.button {
	border-bottom: none !important;
	display: inline-block;
}

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

.entry-content div.gform_wrapper li,
.entry-content div.gform_wrapper .top_label li.gfield.gf_left_half,
.entry-content div.gform_wrapper .top_label li.gfield.gf_right_half {
	margin: 0;
	padding-top: 20px;
}

.entry-content div.gform_wrapper .ginput_complex .ginput_left input[type=text],
.entry-content div.gform_wrapper .ginput_complex .ginput_right input[type=text],
.entry-content div.gform_wrapper .top_label li.gfield.gf_left_half input.large,
.entry-content div.gform_wrapper .top_label li.gfield.gf_right_half input.large {
	width: 98% !important;
}

.entry-content div.gform_wrapper .ginput_complex label {
	color: #a9acb3;
	font-weight: 600;
	letter-spacing: .16em;
	margin: 6px 0 0;
	text-transform: uppercase;
}

.entry-content div.gform_wrapper .gform_footer {
	margin: 0 0 40px;
	padding: 40px 0 0;
}

.info-box {
	margin-bottom: 40px;
	padding: 40px 40px 12px;
}

.blue {
	background-color: #0066cc;
	color: #fff;
}

.author-box a,
.black a,
.blue a,
.error404 .site-inner a {
	color: #fff;
	border-bottom: 1px dotted #fff;
}

.author-box a:focus,
.author-box a:hover,
.black a:focus,
.black a:hover,
.blue a:focus,
.blue a:hover,
.error404 .site-inner a:focus,
.error404 .site-inner a:hover {
	color: rgba(255,255,255,0.7);
	border-color: rgba(255,255,255,0.7);
}

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

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

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

td,
th {
	text-align: left;
}

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

th {
	font-weight: 400;
}

/* ## Screen reader text
--------------------------------------------- */

.screen-reader-text,
.screen-reader-text span,
.screen-reader-shortcut {
	background: #fff;
	border: 0;
	clip: rect(0, 0, 0, 0);
	color: #222;
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
}

.screen-reader-text:focus,
.screen-reader-shortcut:focus,
.genesis-nav-menu .search input[type="submit"]:focus,
.widget_search input[type="submit"]:focus  {
	box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
	clip: auto !important;
	display: block;
	font-size: 1em;
	font-weight: bold;
	height: auto;
	padding: 15px 23px 14px;
	text-decoration: none;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

.more-link {
    position: relative;
}


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

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

.wrap {
	margin: 0 auto;
	padding-left: 5%;
	padding-right: 5%;
}

.site-header + div > .wrap {
	clear: both;
	margin-top: 60px;
	padding-top: 10%;
}

.page-description + .site-inner > .wrap {
	padding-top: 5%;
}

.page-description {
	background-color: #fff;
	border-bottom: 1px solid rgba(34, 34, 34, 0.1);
	clear: both;
	overflow: hidden;
}

.page-description {
	margin-bottom: 0;
}

.page-description p {
	max-width: 800px;
}

.page-description,
.section {
	margin: 0 auto;
	padding-left: 5%;
	padding-right: 5%;
}

.section .wrap {
	padding: 10% 0;
}

.page-description .wrap,
.section .wrap {
	max-width: 1600px;
}

.page-description .wrap {
	padding: 10% 0 5%;
}

.features .site-inner > .wrap,
.front-page .site-inner,
.front-page .site-inner > .wrap,
.get-started .site-inner > .wrap {
	padding: 0;
}

.content-sidebar .site-inner,
.sidebar-content .site-inner {
	margin: 0;
	padding-left: 5%;
	padding-right: 5%;
}

.content-sidebar .site-inner > .wrap,
.sidebar-content .site-inner > .wrap {
	max-width: 1600px;
	padding-left: 0;
	padding-right: 0;
}

.content-sidebar .site-inner,
.content-sidebar .site-inner .wrap {
	background: #fff;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjcwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjcwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZWVlZWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left,  #fff 0%, #fff 70%, #eee 70%, #eee 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#fff), color-stop(70%,#fff), color-stop(70%,#eee), color-stop(100%,#eee));
	background: -webkit-linear-gradient(left,  #fff 0%,#fff 70%,#eee 70%,#eee 100%);
	background: -o-linear-gradient(left,  #fff 0%,#fff 70%,#eee 70%,#eee 100%);
	background: -ms-linear-gradient(left,  #fff 0%,#fff 70%,#eee 70%,#eee 100%);
	background: linear-gradient(to right,  #fff 0%,#fff 70%,#eee 70%,#eee 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#eee',GradientType=1 );
}

.sidebar-content .site-inner,
.sidebar-content .site-inner .wrap {
	background: #fff;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left,  #eee 0%, #eee 30%, #fff 30%, #fff 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#eee), color-stop(30%,#eee), color-stop(30%,#fff), color-stop(100%,#fff));
	background: -webkit-linear-gradient(left,  #eee 0%,#eee 30%,#fff 30%,#fff 100%);
	background: -o-linear-gradient(left,  #eee 0%,#eee 30%,#fff 30%,#fff 100%);
	background: -ms-linear-gradient(left,  #eee 0%,#eee 30%,#fff 30%,#fff 100%);
	background: linear-gradient(to right,  #eee 0%,#eee 30%,#fff 30%,#fff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eee', endColorstr='#fff',GradientType=1 );

}

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

/* ### Content */

.content {
	width: 65%;
}

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

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

.full-width-content .content {
	margin: 0 auto;
	width: 100%;
}

.full-width-content.thin .content {
	max-width: 800px;
}

.full-width-content.thick .content {
	max-width: 1600px;
}

.front-page .content {
	max-width: 100%;
}

/* ### Primary Sidebar */

.sidebar-primary {
	float: right;
	width: 25%;
}

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

/* ## Column Classes
--------------------------------------------- */

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

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

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

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

.one-fourth {
	width: 21.25%;
}

.three-fourths {
	width: 73.75%;
}

.one-fifth {
	width: 16%;
}

.two-fifths {
	width: 37%
}

.three-fifths {
	width: 58%;
}

.four-fifths {
	width: 79%;
}

.one-sixth {
	width: 12.5%;
}

.five-sixths {
	width: 82.5%;
}

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

.left-third-dark {
	background: #222;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIyMjIyMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM1JSIgc3RvcC1jb2xvcj0iIzAwMDIyMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM1JSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZWVlZWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left,  #222 0%, #222 35%, #eee 35%, #eee 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#222), color-stop(35%,#222), color-stop(35%,#eee), color-stop(100%,#eee));
	background: -webkit-linear-gradient(left,  #222 0%,#222 35%,#eee 35%,#eee 100%);
	background: -o-linear-gradient(left,  #222 0%,#222 35%,#eee 35%,#eee 100%);
	background: -ms-linear-gradient(left,  #222 0%,#222 35%,#eee 35%,#eee 100%);
	background: linear-gradient(to right,  #222 0%,#222 35%,#eee 35%,#eee 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222', endColorstr='#fff',GradientType=1 );
}

.left-third-dark > .one-third.first {
	color: #fff;
}

.left-third-dark .two-thirds {
	margin-left: 10%;
	width: 60%;
}


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

/* ## Avatar
--------------------------------------------- */

.avatar {
	border-radius: 50%;
	float: left;
}

.alignleft .avatar,
.author-box .avatar {
	margin-right: 24px;
}

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

.comment .avatar {
	margin: 0 16px 24px 0;
}

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

.breadcrumb {
	margin-bottom: 20px;
}

.archive-description,
.developer-box {
	background-color: #fff;
	border: 1px solid rgba(34, 34, 34, 0.1);
	-webkit-box-shadow: 0 1px 1px rgba(34, 34, 34, 0.05);
	-moz-box-shadow:    0 1px 1px rgba(34, 34, 34, 0.05);
	box-shadow:         0 1px 1px rgba(34, 34, 34, 0.05);
	clear: both;
	overflow: hidden;
	margin-bottom: 5%;
	padding: 5%;
}

.developer-box {
	background-color: #222;
	color: #fff;
}

.author-box {
	background-color: #222;
	color: #fff;
	margin-bottom: 80px;
	padding: 5%;
}

.author-box-title {
	margin-bottom: 4px;
}

.archive-description p:last-child,
.author-box p:last-child {
	margin-bottom: 0;
}

.archive-description .alignright {
	margin-left: 24px;
}

/* ## Search Form
--------------------------------------------- */

.error404 .content {
	text-align: center;
	max-width: 480px;
}

.search-form {
	overflow: hidden;
	position: relative;
}

.entry-content .search-form input[type="submit"] {
	font-size: 14px;
	font-size: 1.4rem;
	padding: 15px 24px 16px;
	position: absolute;
	right: 4px;
	top: 4px;
	width: auto;
}

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

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

.archive-title,
.page-title {
	font-weight: 100;
	letter-spacing: -.03em;
}

.entry-title {
	font-weight: 100;
	letter-spacing: -.03em;
	margin-bottom: 40px;
}

.entry-title a,
.sidebar .widget-title a {
	border-bottom: none;
	color: #222;
}

.entry-title a:hover,
.entry-title a:focus  {
	color: #0066cc;
}

.footer-widgets .widget-title,
.sidebar .widget-title  {
	color: #a9acb3;
	font-size: 14px;
	font-size: 1.4rem;
}

.cta-title,
.extra-large-title,
.large-title,
.medium-title {
	font-weight: 100;
	letter-spacing: -.03em;
	margin-bottom: 20px;
}

.extra-large-title,
.page-title {
	font-size: 60px;
	font-size: 6rem;
}

.entry-title,
.large-title {
	font-size: 48px;
	font-size: 4.8rem;
}

.content .archive-title,
.medium-title {
	font-size: 36px;
	font-size: 3.6rem;
}

.archive-pagination li a,
.author-box-title,
.entry-meta .entry-author,
.entry-meta .entry-time,
.pagination-next,
.pagination-previous,
.filter-navigation .label,
.small-title,
.widget-title {
	font-size: 14px;
	font-size: 1.4rem;
	font-style: normal;
	font-weight: 700;
	letter-spacing: .16em;
	margin-bottom: 20px;
	text-transform: uppercase;
}

.front-page span.small-title {
	display: block;
}

.title-cap {
	max-width: 800px;
}

.title-cap.center {
	margin: 0 auto 60px;
}

.no-js .cta-title,
.no-js .extra-large-title,
.no-js .large-title,
.no-js .medium-title {
	letter-spacing: 0;
}

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

a.aligncenter img {
	display: block;
	margin: 0 auto;
}

a.alignnone {
	display: inline-block;
}

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

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

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

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

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

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

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

.wp-caption-text {
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: 700;
	text-align: center;
}

.entry-content p.wp-caption-text {
	margin-bottom: 0;
}


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

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

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

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

.widget_calendar table {
	width: 100%;
}

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

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

.featured-content .entry {
	border-bottom: 2px solid #eee;
	margin-bottom: 20px;
	padding: 0 0 24px;
}

.footer-widgets .entry {
	border-bottom: 1px dotted #666;
}

.featured-content .entry-title {
	font-size: 20px;
	font-size: 2rem;
}


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

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

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

.sidebar .widget.enews-widget {
	background-color: #222;
}

.sidebar .enews-widget input,
.sidebar .enews-widget input:focus {
	border: 1px solid #222;
}

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

.enews-widget input[type="submit"] {
	background-color: #222;
	color: #fff;
	margin: 0;
	width: 100%;
}

.enews-widget input:hover[type="submit"],
.enews-widget input:focus[type="submit"]  {
	background-color: #0066cc;
	color: #fff;
}

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

.footer-widgets .enews-widget form {
	position: relative;
}

.footer-widgets .enews-widget input[type="email"] {
	color: #a9acb3;
	font-size: 14px;
	padding: 17px 124px 18px 20px;
}

.footer-widgets .enews-widget input:focus[type="email"] {
	color: #222;
}

.footer-widgets .enews-widget input[type="submit"] {
	font-size: 13px;
	position: absolute;
	right: 4px;
	top: 4px;
	width: auto;
	padding: 15px 24px;
}

/* ## Genesis Simple Share Buttons
--------------------------------------------- */

.share-before {
	margin-bottom: 30px;
}

/* # Skip Links
---------------------------------------------------------------------------------------------------- */

.genesis-skip-link {
	margin: 0;
}

.genesis-skip-link li {
	height: 0;
	width: 0;
	list-style: none;
}

/* Display outline on focus */
:focus {
	color: #222;
	outline: #ccc solid 1px;
}

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

.site-header {
	background-color: #fff;
	-webkit-box-shadow: 0 1px rgba(34, 34, 34, 0.1);
	-moz-box-shadow:    0 1px rgba(34, 34, 34, 0.1);
	box-shadow:         0 1px rgba(34, 34, 34, 0.1);
  	left: 0;
  	position: fixed;
  	top: 0;
  	width: 100%;
  	z-index: 999;
}


.ie8.js .site-container .site-header {
	background-color: #fff;
	padding: 0;
}

.tax-developer .site-header,
.tax-theme .site-header,
.has-page-description .site-header {
	box-shadow: none;
}

.site-header .wrap {
  	min-height: 60px;
	position: relative;
}

.admin-bar .site-header {
	top: 32px;
}

.js .site-header {
	padding: 2.5% 0;
}

.ie-8 .site-header {
	padding: 0;
}

.js .site-container .site-header.shrink {
	background-color: #fff;
	-webkit-box-shadow: 0 1px rgba(34, 34, 34, 0.1);
	-moz-box-shadow:    0 1px rgba(34, 34, 34, 0.1);
	box-shadow:         0 1px rgba(34, 34, 34, 0.1);
	padding: 0;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition:    all 0.3s ease-in-out;
	-ms-transition:     all 0.3s ease-in-out;
	-o-transition:      all 0.3s ease-in-out;
	transition:         all 0.3s ease-in-out;
}

.js .site-container .site-header.shrink .st0 {
	fill: #222;
}

.js .site-container .site-header.shrink .st1 {
	fill:#0066cc;
}

.js .site-container .site-header.shrink .st2 { 
	fill: #D5D5D5;
}

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

.title-area {
	left: 5%;
	padding: 22px 0;
	position: absolute;
	top: 0;
	width: 165px;
}

.site-title {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1;
}

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

.logo {
	background: url(images/logo.png) no-repeat;
	display: block;
	height: 16px;
}

.site-description,
.site-title {
	margin-bottom: 0;
}

.header-image .site-title {
	display: block;
}

.header-image .site-description {
	display: none;
}


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

.site-header nav.nav-primary {
	padding-left: 205px;
	width: 100%;
}

.genesis-nav-menu {
	clear: both;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: 600;
	line-height: 1.6rem;
	width: 100%;
}

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

.genesis-nav-menu a {
	color: #222;
	display: block;
	padding: 22px 20px;
	text-decoration: none;
}

.js.add-color.ie8 .site-header .genesis-nav-menu a,
.js .site-container .site-header.shrink .genesis-nav-menu a,
.js .site-container .site-header.shrink .menu-toggle {
	color: #222;
}


.genesis-nav-menu .current-menu-item > a,
.genesis-nav-menu .sub-menu .current-menu-item > a:focus,
.genesis-nav-menu .sub-menu .current-menu-item > a:hover,
.genesis-nav-menu a:focus,
.genesis-nav-menu a:hover,
.js .site-container .site-header.shrink .genesis-nav-menu .current-menu-item > a,
.js .site-container .site-header.shrink .genesis-nav-menu a:focus,
.js .site-container .site-header.shrink .genesis-nav-menu a:hover,
.js.add-color.ie8 .site-header .genesis-nav-menu .current-menu-item > a,
.js.add-color.ie8 .site-header .genesis-nav-menu a:focus,
.js.add-color.ie8 .site-header .genesis-nav-menu a:hover {
	color: #0066cc;
}

.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-color: #fff;
	border: 1px solid #eee;
	border-top: 0;
	font-size: 14px;
	font-size: 1.4rem;
	padding: 20px;
	position: relative;
	width: 200px;
	word-wrap: break-word;
}

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

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

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

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

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

.genesis-nav-menu > .right {
	color: #fff;
	list-style-type: none;
	padding: 22px 20px;
}

.js .genesis-nav-menu > .right {
	float: right;
}

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

.genesis-nav-menu > .rss > a {
	margin-left: 48px;
}

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

/* ## Accessible Menu
--------------------------------------------- */

.menu .menu-item:focus {
	position: static;
}

.menu .menu-item > a:focus + ul.sub-menu,
.menu .menu-item.sfHover > ul.sub-menu {
	left: auto;
	opacity: 1;
}

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

.sub-menu-toggle,
.menu-toggle {
	display: none;
	visibility: hidden;
}

/* Features Navigation
--------------------------------------------- */

.section {
	border-top: 60px solid transparent;
	margin-top: -60px;
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
}

.nav-features {
	line-height: 1.1;
	position: absolute;
	padding: 10% 5% 0;
	top: 60px;
}

.features .nav-features ul {
	margin: 0;
}

.features .nav-features ul li {
	list-style-type: none;
	margin: -2px 0 10px;
}

.features .nav-features ul li a {
	color: #222;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: 600;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition:    all 0.4s ease-in-out;
	-ms-transition:     all 0.4s ease-in-out;
	-o-transition:      all 0.4s ease-in-out;
	transition:         all 0.4s ease-in-out;
}

.features .nav-features.color-black ul li a,
.features .nav-features.color-blue ul li a {
	color: #fff;
}

.features .nav-features ul li a.active,
.features .nav-features ul li a:focus,
.features .nav-features ul li a:hover {
	color: #0066cc;
}

.features .nav-features.color-blue ul li a.active,
.features .nav-features.color-blue ul li a:focus,
.features .nav-features.color-blue ul li a:hover {
	color: #222;
}

.stickem-container {
  position: relative;
}

.stick {
	position: fixed;
}

.stickit-end {
    bottom: 40px;
    position: absolute;
}

.features .entry {
	margin-bottom: 0;
}

.js .features-container .section .wrap {
	margin-left: 180px;
	padding: 0 0 0 5%;
}

.no-js .features-container .seo .wrap {
	margin-left: 180px;
	padding-left: 5%;
}

.get-started-intro {
	background: url(images/start-building.jpg) no-repeat top;
	background-size: cover;
}

.themes.section .one-half.first,
.front-page-genesis .one-half.first,
.front-page-intro .one-half.first,
.get-started-intro .one-half.first {
	max-width: 550px;
}

.themes.section {
	background-image: url(images/start-themes.jpg);
	background-size: cover;
}

.features-unlimited {
	background-image: url(images/features-unlimited.jpg);
	background-size: cover;
}

.features .section.updates .wrap img {
	margin-bottom: -8px;
}

.features .section {
	position: relative;
	padding: 10% 5%;
}

.features .security .one-third.right {
	background: url(images/genesis-code.png) 60px 0px no-repeat;
	background-size: cover;
	bottom: 0;
	min-height: 100%;
	position: absolute;
	right: 0;
}

.features .designs .one-third.right {
	background: url(images/features-themes.jpg) 60px 0px no-repeat;
	background-size: cover;
	bottom: 0;
	min-height: 100%;
	position: absolute;
	right: 0;
}

.features .updates .one-third.right {
	background: url(images/features-updates@2x.png) 60px 60px no-repeat;
	background-size: cover;
	bottom: 0;
	min-height: 100%;
	position: absolute;
	right: 0;
}

.features .alignbottom {
	position: absolute;
	bottom: 0;
}

.features .seo .wrap {
	position: relative;
}

.counter span {
	background-color: #222;
	color: #fff;
	display: inline-block;
	padding: 5px 0;
	margin-left: 0.66666666%;
	text-align: center;
	width: 16%;
}

.counter span:first-of-type {
	margin-left: 0;
}

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

.front-page-intro {
	background: #eee url(images/intro-bg.jpg) no-repeat left center;
	background-size: cover;
	display: table;
	font-size: 20px;
	font-size: 2rem;
	max-height: 1000px;
	width: 100%;
}

.front-page-intro .featured {
	display: table-cell;
	vertical-align: middle;
}

.front-page-intro .wrap {
	padding-top: 15%;
}

.front-page-genesis {
	background-color: #222;
	color: #fff;
	position: relative;
}

.front-page-genesis .right {
	background: url(images/genesis-framework.jpg) no-repeat 0px 80px;
	background-size: cover;
	bottom: 0;
	min-height: 100%;
	position: absolute;
	right: 0;
	width: 48%;
}

.front-page-member {
	overflow: hidden;
	position: relative;
}

.front-page-member:before {
	background: #eee url(images/theme-pattern.jpg) 0 0 repeat;
	background-size: 1400px 1440px;
	content: "";
	height: 200%;
	left: -50%;
	position: absolute;
	top: -50%;
	width: 200%;
	z-index: -1;
	-webkit-transform: rotate(-30deg);
	-moz-transform: rotate(-30deg);
	-ms-transform: rotate(-30deg);
	-o-transform: rotate(-30deg);
	transform: rotate(-30deg);
}

.front-page-member-background,
.front-page-member-background .wrap {
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIyMjIyMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM1JSIgc3RvcC1jb2xvcj0iIzIyMjIyMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM2JSIgc3RvcC1jb2xvcj0iIzIyMjIyMiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyMjIyMjIiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left,  rgba(34,34,34,1) 0%, rgba(34,34,34,1) 35%, rgba(34,34,34,0) 35%);
	background: -webkit-linear-gradient(left,  rgba(34,34,34,1) 0%, rgba(34,34,34,1) 35%, rgba(34,34,34,0) 35%);
	background: linear-gradient(to right,  rgba(34,34,34,1) 0%, rgba(34,34,34,1) 35%, rgba(34,34,34,0) 35%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222', endColorstr='#222',GradientType=1 );
}

.front-page-genesis a,
.front-page-member a {
	color: #fff
}

.front-page .reasons {
	background-color: #eee;
	font-size: 18px;
	font-size: 1.8rem;
}

/* ## Grid
--------------------------------------------- */

.grid {
	overflow: hidden;
	width: 100%;
}

.grid-box {
	background-color: #fff;
	border: 1px solid #eee;
	border-width: 0 1px 1px 0;
	color: #222;
	float: left;
	margin: 0;
	vertical-align: top;
	width: 33.333333333333%;
}

.grid-box:nth-of-type(3n+1) {
	clear: both;
}

.grid-box-content {
	display: block;
	min-height: 260px;
	overflow: hidden;
	padding: 50px;
	width: 100%;
}

.black .grid .grid-box {
	border-color: #222;
}

.flexbox .get-genesis .grid-box-content,
.get-genesis .grid-box-content {
	padding-bottom: 110px;
	position: relative;
}

.get-genesis .grid-box .small-title {
	margin-bottom: 10px;
}

.get-genesis .grid-box .button-container {
	left: 0;
	bottom: 0;
	padding: 0 50px 50px;
	position: absolute;
	width: 100%;
}

.get-genesis .grid-box .button {
	width: 100%;
}

.customizable .grid-box {
	clear: none;
	width: 50%;
}

.customizable .grid-box:nth-of-type(odd) {
	clear: both;
}

.customizable .two-thirds .button,
.widgets-layouts .two-thirds .button {
	display: none;
}

.what-we-do .grid-box {
	width: 20%;
	clear: none;
}

.what-we-do .grid-box .grid-box-content {
	min-height: 180px;
	padding: 30px 10%;
}

.option .small-title {
	margin-bottom: 10px;
}

.get-started .grid h6 {
	margin-bottom: 0;
}

.get-started .grid-box-content br {
	display: none;
}

.get-started .grid {
	margin-bottom: 60px;
}

.grid-box a {
	color: #0066cc;
	border-bottom: 1px dotted #0066cc;
	text-decoration: none;
}

.grid-box a:focus,
.grid-box a:hover {
	color: #222;
	border-bottom-color: #222;
}

.grid-box a.features-link {
	color: #222;
	border: none;
}

.grid-box a.features-link:focus,
.grid-box a.features-link:hover {
	background-color: #222;
	color: #fff;
}

.black .grid-box a.features-link:focus,
.black .grid-box a.features-link:hover,
.front-page .reasons .grid-box.title {
	background-color: #0066cc;
}

.front-page .reasons .grid-box.title,
.front-page .reasons .grid-box.title a {
	color: #fff;
}

.reasons h3 {
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: 600;
}

/* Grid - Flexbox Supported
--------------------------------------------- */

.flexbox .grid {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: stretch;
	-webkit-align-items: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	overflow: visible;
}

.flexbox .grid .grid-box {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: stretch;
	-webkit-align-items: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	height: auto;
}

.flexbox .grid-box:nth-of-type(3n+1) {
	clear: none;
}

.flexbox .grid-box-content {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack:justify;
	-webkit-justify-content:flex-start;
	-ms-flex-pack:justify;
	justify-content:flex-start;
	min-height: 0 !important;
	padding: 50px; /* Add pixel value for FF bug on rendering percentage as 0 */
}

.flexbox .grid-box-item.bottom p:last-of-type {
	margin-bottom: 0;
}

/* Front Page Testimonials
--------------------------------------------- */

.front-page-testimonials {
	background-color: #0066cc;
	color: #fff;
	text-align: center;
}

.front-page-testimonials a {
	color: #fff;
	text-decoration: none;
}

.front-page-testimonials a:focus,
.front-page-testimonials a:hover {
	border-bottom: 1px dotted #fff;
}

.front-page-testimonials blockquote {
	font-size: 36px;
	font-size: 3.6rem;
	font-style: normal;
	font-weight: 100;
	line-height: 1.1;
	letter-spacing: -.03em;
}

.front-page-testimonials blockquote::after,
.front-page-testimonials blockquote::before {
	color: #5aa6d4;
	content: "\201C";
	display: inline-block;
	font-size: 72px;
	font-weight: 900;
	height: 0;
	line-height: 10px;
	left: -10px;
	position: relative;
	top: 10px;
}

.front-page-testimonials blockquote::after {
    content: "\201D";
    left: auto;
    right: -10px;
}

.front-page-testimonials cite {
	display: block;
	font-size: 14px;
	font-size: 1.4rem;
	font-style: normal;
	font-weight: 700;
	letter-spacing: .16em;
	line-height: 1;
	margin-bottom: 0;
	text-transform: uppercase;
}

/* ## Archives
--------------------------------------------- */

.archive.showcase,
.developers {
	background-color: #eee;
}

.archive.showcase .content {
	overflow: hidden;
	padding-bottom: 3%;
}

.developers .page-description p,
.showcase .page-description p {
	float: left;
	width: 60%;
}

.filter-navigation {
	float: right;
	margin-left: 5%;
	max-width: 280px;
}

.filter-navigation .label {
	color: #a9acb3;
}

.filter-navigation .widget_taxonomy_dropdown_widget {
	margin-bottom: 0;
}

.archive.showcase .entry {
	background-color: #fff;
	border: 1px solid rgba(34, 34, 34, 0.1);
	-webkit-box-shadow: 0 1px 1px rgba(34, 34, 34, 0.05);
	-moz-box-shadow:    0 1px 1px rgba(34, 34, 34, 0.05);
	box-shadow:         0 1px 1px rgba(34, 34, 34, 0.05);
	float: left;
	margin-bottom: 2%;
	margin-left: 2%;
	position: relative;
	width: 23.5%;
}

.showcase .entry:nth-of-type(4n+1) {
	clear: both;
	margin-left: 0;
}

.developer-box .entry img,
.showcase .entry img {
	margin-bottom: -8px;
	width: 100%;
}

.single.showcase .entry img {
	border: 1px solid #eee;
}

.archive.showcase .showcase-entry-content {
	background-color: #fff;
	border-top: 1px solid #eee;
    clear: both;
	font-size: 14px;
	font-size: 1.4rem;
	padding: 20px 40px;
	width: 100%;
}

.showcase .showcase-entry-content a {
	color: #222;
	text-decoration: none;
}

.showcase .showcase-entry-content a:focus,
.showcase .showcase-entry-content a:hover {
	color: #0066cc;
	border-bottom: 1px dotted #0066cc;
}

.archive.showcase .content .entry-title {
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: 600;
	margin-bottom: 0;
}

.page .developer-box {
	background: #fff;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIyMjIyMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMzJSIgc3RvcC1jb2xvcj0iIzIyMjIyMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMzJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(left,  #222 0%, #222 33.333333334%, #fff 33.333333334%, #fff 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#222), color-stop(33.333333334%,#222), color-stop(33.333333334%,#fff), color-stop(100%,#fff));
	background: -webkit-linear-gradient(left,  #222 0%,#222 33.333333334%,#fff 33.333333334%,#fff 100%);
	background: -o-linear-gradient(left,  #222 0%,#222 33.333333334%,#fff 33.333333334%,#fff 100%);
	background: -ms-linear-gradient(left,  #222 0%,#222 33.333333334%,#fff 33.333333334%,#fff 100%);
	background: linear-gradient(to right,  #222 0%,#222 33.333333334%,#fff 33.333333334%,#fff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222', endColorstr='#fff',GradientType=1 );
	padding: 0;
}

.developer-box .right {
	float: right;
	padding: 5%;
	width: 66.666666667%
}

.developer-box .left {
	color: #fff;
	float: left;
	padding: 5%;
	width: 33.333333334%;
}

.developer-box .entry-header {
	display: table;
	margin-bottom: 40px;
	overflow: hidden;
}

.developer-link {
	display: block;
	height: 78px;
	width: 78px;
}

.developer-box .entry-title {
	display: table-cell;
	margin: 0;
	padding-left: 24px;
	vertical-align: middle;
}

.developer-box .entry-title a {
	color: #fff;
}

.developer-box .avatar {
	width: 78px;
}

.developer-box .archive-title {
	float: left;
	padding: 20px 0 20px 24px;
}

.developer-box .developer-description {
	clear: both;
}

.developer-description a,
.developer-box .entry-title a:focus,
.developer-box .entry-title a:hover {
	color: #00ccff;
}

.developer-box a.secondary-link,
.developer-box a:focus,
.developer-box a:hover {
	color: #fff;
	border-color: #fff;
}

.developer-box .entry {
	border: 1px solid rgba(34, 34, 34, 0.1);
	-webkit-box-shadow: 0 1px 1px rgba(34, 34, 34, 0.05);
	-moz-box-shadow:    0 1px 1px rgba(34, 34, 34, 0.05);
	box-shadow:         0 1px 1px rgba(34, 34, 34, 0.05);
	margin-left: 2%;
	margin-bottom: 2%;
	float: left;
	width: 49%;
}

.developer-box .entry:nth-of-type(odd) {
	margin-left: 0;
	clear: both;
}

.developer-box .entry:nth-of-type(n+3) {
	margin-bottom: 0;
}

/* Get Started */

.black,
.error404 .site-inner {
	background-color: #222;
	color: #fff;
}

.gray {
	background-color: #eee;
}

.faq .answer {
	margin-top: 30px;
}

.js .faq .answer {
	display: none;
}

.faq a.question {
	border-bottom: none;
	color: #222;
	font-size: 20px;
	font-weight: 600;
	letter-spacing: -.01em;
	line-height: 1;
}

.faq a.question:focus,
.faq a.question:hover {
	color: #0066cc;
}

.entry-content .faq ul {
	margin: 0;
}

.entry-content .faq ul li {
	list-style-type: none;
}

.faq ul li {
	background-color: #fff;
	-webkit-box-shadow: 0 1px 1px rgba(34, 34, 34, 0.05);
	-moz-box-shadow:    0 1px 1px rgba(34, 34, 34, 0.05);
	box-shadow:         0 1px 1px rgba(34, 34, 34, 0.05);
	padding: 5%;
	margin-bottom: 5%;
}

.faq li a + p {
	margin-bottom: 0
}

.js.add-color .site-header .st0,
.js.add-color .site-header .st1 {
	fill: #fff;
}

.js.add-color .site-header .st2 {
	fill: rgba(255,255,255,0.7);
}

.js.add-color .site-header {
	background: none;
	box-shadow: none;
}

.get-started .entry-content ul > li {
	list-style-type: none;
}

.get-started .entry-content ul {
	margin: 0;
}

.get-started .content .entry {
	margin-bottom: 0;
}

.get-started .car-explanation {
	clear: both;
	margin-bottom: 50px;
	overflow: hidden;
}

.get-started .car-explanation .large {
	color: #0066cc;
}

.js.add-color .site-header .genesis-nav-menu a,
.js.add-color .site-header .menu-toggle {
	color: #fff;
}

.js.add-color .site-header .genesis-nav-menu a:focus,
.js.add-color .site-header .genesis-nav-menu a:hover,
.js.add-color .site-header .genesis-nav-menu .current-menu-item > a {
	color: rgba(255,255,255,0.7);
}

.add-color .page-description {
	background: #222;
	color: #fff;
}

.add-color .page-description a {
	color: #fff;
	border-bottom: 1px dotted #fff;
}

.add-color .page-description a:focus,
.add-color .page-description a:hover {
	color: rgba(255,255,255,0.7);
	border-color: rgba(255,255,255,0.7);
}

.get-started .features,
.get-started .themes {
	position: relative;
}

.get-started .features .one-half.right {
	background: url(images/features.png) 0px 60px no-repeat;
	background-size: cover;
	bottom: 0;
    min-height: 100%;
    position: absolute;
    right: 0;
}

.devices {
	margin: 0 auto 50px;
	max-width: 1000px;
	position: relative;
}

.devices .device-laptop {
	overflow: hidden;
	position: relative;
}

.devices .device-laptop .img {
	border: 1px solid #fff;
	padding: 22%;
	overflow: hidden;
}

.devices .device-laptop .laptop-screen {
	background-color: #222;
	border: 1px solid #fff;
	border-bottom: none;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	margin: 0 10%;
	padding: 20px;
}

.devices .device-laptop .laptop-base-top {
	background-color: #222;
	border: 1px solid #fff;
	height: 20px;
}

.devices .device-laptop .laptop-base-open {
	border: 1px solid #fff;
	border-top: none;
	border-bottom-left-radius: 60px;
	border-bottom-right-radius: 60px;
	margin: 0 auto;
	height: 9px;
	width: 10%;
}

.devices .device-laptop .laptop-base-bottom {
	background-color: #222;
	border: 1px solid #fff;
	border-top: none;
	border-bottom-left-radius: 30px 10px;
	border-bottom-right-radius: 30px 10px;
	height: 10px;
}

.devices .device-tablet {
	position: absolute;
	right: 0;
	bottom: 0;
	margin-right: 5%;
	width: 22%;
	z-index: 5;
}

.devices .device-tablet .tablet-screen {
	background-color: #222;
	border: 1px solid #fff;
	border-radius: 10px;
	padding: 6px;
}

.devices .device-tablet .tablet-screen-top {
	margin: 8px auto 14px;
}

.devices .device-tablet .tablet-camera {
	border: 1px solid #fff;
	border-radius: 50%;
	height: 9px;
	margin: 0 auto;
	width: 9px;
}

.devices .device-tablet .img {
	border: 1px solid #fff;
	clear: both;
	padding: 65% 0;
	overflow: hidden;
}

.devices .device-tablet .tablet-home-button {
	border: 1px solid #fff;
	border-radius: 50%;
	margin: 10px auto 4px;
	height: 16px;
	width: 16px;
}

.devices .device-mobile {
	position: absolute;
	right: 0;
	bottom: 0;
	margin-right: 22%;
	width: 10%;
	z-index: 10;
}

.devices .device-mobile .mobile-screen {
	background-color: #222;
	border: 1px solid #fff;
	border-radius: 10px;
	padding: 6px;
}

.devices .device-mobile .mobile-screen-top {
	margin: 8px auto 14px;
	width: 40%;
}

.devices .device-mobile .mobile-camera {
	border: 1px solid #fff;
	border-radius: 50%;
	float: left;
	height: 6px;
	width: 6px;
}

.devices .device-mobile .mobile-speaker {
	border: 1px solid #fff;
	border-radius: 6px;
	margin-left: 12px;
	height: 6px;
}

.devices .device-mobile .img {
	border: 1px solid #fff;
	clear: both;
	overflow: hidden;
	padding: 85% 0;
}

.devices .device-mobile .mobile-home-button {
	border: 1px solid #fff;
	border-radius: 50%;
	margin: 10px auto 4px;
	height: 16px;
	width: 16px;
}

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

.entry {
	margin-bottom: 80px;
}

.entry-content ol,
.entry-content ul {
	margin-bottom: 28px;
	margin-left: 40px;
}

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

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

.entry-content ul.list {
	margin-left: 0;
}

.entry-content ul.list > li {
	list-style-type: none;
	margin-bottom: 10px;
}

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

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

.more-link {
	font-weight: 600;
	text-decoration: none;
}

/* ## Entry Meta
--------------------------------------------- */

p.entry-meta {
	clear: both;
	font-size: 14px;
	font-size: 1.4rem;
	font-style: italic;
	margin-bottom: 0;
}

p.entry-meta,
p.entry-meta a {
	color: #a9acb3;
	text-decoration: none;
}

p.entry-meta a:focus,
p.entry-meta a:hover {
	color: #0066cc;
	border-bottom: 1px dotted #0066cc;
}

.entry-header .entry-meta {
	margin-bottom: 20px;
}

.entry-meta .entry-author,
.entry-meta .entry-time {
	font-size: 14px;
	font-size: 1.4rem;
}

.entry-meta .entry-author {
	margin-left: 5px;
}

.entry-meta .entry-time {
	margin-right: 5px;
}

.entry-excerpt {
	color: #a9acb3;
	display: inline-block;
	font-size: 1.4rem;
	font-size: 14px;
	font-weight: 600;
	margin: 5px 5% 0 0;
	vertical-align: top;
	width: 25%;
}

.entry-excerpt li {
	border-bottom: 1px solid #eee;
	padding-bottom: 20px;
	margin-bottom: 16px;
}

.entry-excerpt li a {
	color: #a9acb3;
	text-decoration: none;
}

.entry-excerpt li a:focus,
.entry-excerpt li a:hover {
	color: #0066cc;
}

.entry-excerpt .icon-categories:before {
	margin-right: 10px;
}

.entry-excerpt + .entry-content {
	display: inline-block;
    width: 70%;
    vertical-align: top;
}

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

.pagination {
	clear: both;
	margin: 40px 0;
}

.adjacent-entry-pagination {
	margin-bottom: 0;
}

.archive-pagination li {
	display: inline;
}

.archive-pagination li a {
	cursor: pointer;
	display: inline-block;
	padding: 8px 12px;
}

.archive-pagination li a,
.pagination-next a,
.pagination-previous a {
	color: #a9acb3;
	text-decoration: none;
}

.pagination-next a:focus,
.pagination-next a:hover,
.pagination-previous a:focus,
.pagination-previous a:hover {
	color: #0066cc;
	border-bottom: 1px dotted #0066cc;
}


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

.sidebar {
	font-size: 18px;
	font-size: 1.8rem;
}

.sidebar li {
	border-bottom: 1px dotted #fff;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

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

.sidebar .widget {
	margin-bottom: 60px;
}

.sidebar a {
	font-weight: 700;
}

.sidebar li a {
	color: #222;
	line-height: 1;
}

.sidebar li a:focus,
.sidebar li a:hover {
	color: #0066cc;
}

/* CTA
---------------------------------------------------------------------------------------------------- */

.cta {
	background-color: #fff;
	border-top: 1px solid #eee;
	padding: 5% 0;
}

.cta-title {
	font-size: 30px;
	font-size: 3rem;
	line-height: 60px;
}

.cta-buttons {
	float: right;
}

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

.footer-widgets {
	background-color: #fff;
	border-top: 1px solid #eee;
	clear: both;
	font-size: 14px;
	font-size: 1.4rem;
	padding-top: 5%;
	position: relative;
}

.footer-widgets li {
	margin-bottom: 6px;
	padding-bottom: 6px;
}

.footer-widgets li a {
	color: #222;
	font-weight: 600;
	text-decoration: none;
}

.footer-widgets li a:focus,
.footer-widgets li a:hover {
	color: #0066cc;
}

.footer-widgets p:last-child {
	margin-bottom: 0;
}

.footer-widgets-1,
.footer-widgets-2 {
	margin-right: 5%;
}

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

.footer-widgets-4 {
	float: right;
	width: 400px
}


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

.site-footer {
	background-color: #fff;
	color: #a9acb3;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1;
	padding: 5% 0;
	position: relative;
}

.footer-widgets + .site-footer {
	border: none;
	padding-top: 2.5%;
}

.site-footer a {
	color: #a9acb3;
}

.site-footer a:focus,
.site-footer a:hover {
	color: #0066cc;
	text-decoration: underline;
}

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


/* # Media Queries
---------------------------------------------------------------------------------------------------- */

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) { 

	.front-page-genesis .right {
		background-image: url(images/genesis-framework@2x.jpg);
	}

	.front-page-member:before {
		background-image: url(images/theme-pattern@2x.jpg);
	}

	.get-started .themes .theme-left {
		background-image: url(images/themes-left@2x.png);
	}

	.get-started .themes .theme-right {
		background-image: url(images/themes-right@2x.png);
	}

	.features .designs .one-third.right {
		background-image: url(images/features-themes@2x.jpg);
	}
}

@media only screen and (min-width: 1800px) {

	.developer-box .entry:nth-of-type(n+3) {
		display: none;
	}

}

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

	.archive.showcase .entry {
		width: 32%;
	}

	.archive.showcase .entry:nth-of-type(4n+1) {
		margin-left: 2%;
		clear: none;
	}

	.archive.showcase .entry:nth-of-type(3n+1) {
		margin-left: 0;
		clear: both;
	}

	.customizable .one-third,
	.customizable .two-thirds,
	.widgets-layouts .one-third,
	.widgets-layouts .two-thirds {
		margin: 0;
		width: 100%;
	}

	.customizable .one-third .button,
	.widgets-layouts .one-third .button {
		display: none;
	}

	.customizable .two-thirds .button {
		display: block;
	}

	.widgets-layouts .two-thirds .button {
		display: inline-block;
	}

}

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

	.page .developer-box {
		background: #fff;
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIyMjIyMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzIyMjIyMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(left,  #222 0%, #222 50%, #fff 50%, #fff 100%);
		background: -webkit-gradient(linear, left top, right top, color-stop(0%,#222), color-stop(50%,#222), color-stop(50%,#fff), color-stop(100%,#fff));
		background: -webkit-linear-gradient(left,  #222 0%,#222 50%,#fff 50%,#fff 100%);
		background: -o-linear-gradient(left,  #222 0%,#222 50%,#fff 50%,#fff 100%);
		background: -ms-linear-gradient(left,  #222 0%,#222 50%,#fff 50%,#fff 100%);
		background: linear-gradient(to right,  #222 0%,#222 50%,#fff 50%,#fff 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222', endColorstr='#fff',GradientType=1 );
		padding: 0;
	}

	.developer-box .left,
	.developer-box .right {
		width: 48%;
	}

	.developer-box .entry {
		margin-left: 0;
		width: 100%;
	}

	.developer-box .entry:nth-of-type(n+3) {
		display: none;
	}

}

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

	.cta-title {
		display: block;
		line-height: 1;
	}

	.cta {
		text-align: center;
	}

	.cta-buttons {
		float: none;
	}

}

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

	.stickem {
		display: none;
	}

	.js .features-container .section .wrap {
		margin-left: 0;
		padding-left: 0;
	}

}

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

	.five-sixths,
	.four-fifths,
	.four-sixths,
	.one-fifth,
	.one-fourth,
	.one-half,
	.one-sixth,
	.one-third,
	.three-fifths,
	.three-fourths,
	.three-sixths,
	.two-fifths,
	.two-fourths,
	.two-sixths,
	.two-thirds {
		margin: 0;
		width: 100%;
	}

	.content,
	.footer-widgets-4,
	.sidebar-primary {
		width: 100%;
	}

	.genesis-nav-menu a,
	.genesis-nav-menu .right {
		padding: 22px 10px;
	}

	.front-page .grid .grid-box {
		width: 50%;
	}

	.front-page .grid .grid-box:nth-of-type(3n+1) {
		clear: none;
	}

	.front-page .grid .grid-box:nth-of-type(even) {
		clear: both;
	}

	.features .grid .grid-box,
	.front-page .reasons .grid-box.title {
		width: 100%;
	}

	.grid-box.title .grid-box-content {
		min-height: 0;
	}

	.archive.showcase .entry {
		margin: 0 0 4% 4%;
		width: 48%;
	}

	.archive.showcase .entry:nth-of-type(3n+1) {
		margin-left: 4%;
		clear: none;
	}

	.archive.showcase .entry:nth-of-type(2n+1) {
		margin-left: 0;
		clear: both;
	}

	.page .developer-box {
		background: #fff;
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIyMjIyMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMzJSIgc3RvcC1jb2xvcj0iIzIyMjIyMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMzJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(left,  #222 0%, #222 66.666666667%, #fff 66.666666667%, #fff 100%);
		background: -webkit-gradient(linear, left top, right top, color-stop(0%,#222), color-stop(66.666666667%,#222), color-stop(66.666666667%,#fff), color-stop(100%,#fff));
		background: -webkit-linear-gradient(left,  #222 0%,#222 66.666666667%,#fff 66.666666667%,#fff 100%);
		background: -o-linear-gradient(left,  #222 0%,#222 66.666666667%,#fff 66.666666667%,#fff 100%);
		background: -ms-linear-gradient(left,  #222 0%,#222 66.666666667%,#fff 66.666666667%,#fff 100%);
		background: linear-gradient(to right,  #222 0%,#222 66.666666667%,#fff 66.666666667%,#fff 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222', endColorstr='#fff',GradientType=1 );
	}

	.developer-box .left {
		width: 66.666666667%;
	}

	.developer-box .right {
		width: 33.333333334%;
	}

	.developer-box .entry:nth-of-type(3) {
		display: block;
	}

	.developer-box .entry {
		width: 100%;
	}

	.footer-widgets-1,
	.footer-widgets-2,
	.footer-widgets-3 {
		margin-bottom: 5%;
		width: 30%;
	}

	.title-area {
		left: auto;
		position: relative;
		float: left;
		top: auto;
	}

	.site-header nav.nav-primary {
		padding: 0 0 10px;
	}

	.site-header nav.nav-primary .genesis-nav-menu {
		padding-top: 18px;
	}

	.genesis-nav-menu li,
	.site-header ul.genesis-nav-menu,
	.site-header .search-form,
	.js .genesis-nav-menu > .right {
		float: none;
	}

	.logged-in .site-header + div > .wrap,
	.logged-in .site-header + h2 + div > .wrap {
		margin-top: 100px;
	}

	.js .nav-primary .genesis-nav-menu li.span {
		display: none;
	}

	.features .updates .one-third.right,
	.js nav {
		display: none;
		position: relative;
	}

	.js nav .wrap {
		padding: 0;
	}

	.js nav.pagination {
		display: block;
	}

	.menu-toggle {
		background: none;
		border: none;
		color: #222;
		display: block;
		margin: 0 auto;
		overflow: hidden;
		text-align: center;
		visibility: visible;
		position: relative;
		z-index: 1000;
		float: right;
		padding: 18px 0;
	}

	.menu-toggle:after,
	.menu-toggle.activated:after {
		content: '\e91a';
		font-family: 'studicons';
		margin-left: 10px;
		speak: none;
		font-size: 24px;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		line-height: 1;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		display: inline-block;
		vertical-align: middle;
	}

	.menu-toggle:focus,
	.menu-toggle:hover {
		background: none;
		color: #0066cc;
	}

	.js .genesis-nav-menu .menu-item {
		display: block;
		float: none;
		position: relative;
		text-align: left;
	}

	.js .genesis-nav-menu .menu-item:focus,
	.js .genesis-nav-menu .menu-item:hover {
		position: relative;
	}

	.js .genesis-nav-menu .menu-item a,
	.js .genesis-nav-menu .right {
		padding: 10px 0;
		width: 100%;
	}

	.content-sidebar .site-inner,
	.content-sidebar .site-inner > .wrap,
	.sidebar-content .site-inner,
	.sidebar-content .site-inner > .wrap {
		background: #fff;
	}

	.sidebar {
		background-color: #eee;
		padding: 30px 30px 0;
	}

	.sidebar .widget,
	.widgets-layouts .two-thirds .one-half.first {
		margin-bottom: 30px;
	}

	div.left-third-dark {
		background: #222;
	}

	.features .site-inner .one-third.right,
	.front-page-genesis .right {
		background-position: 20px 0;
		height: 200px;
		margin: 50px -5% -10%;
		position: relative;
		width: 110%;
	}

	.faq.left-third-dark .two-thirds {
		background-color: #eee;
		margin: 0 auto;
		padding: 40px;
		width: 100%;
	}

	.get-started .grid-box-content {
		padding: 40px 20px;
	}

	.get-started-intro {
		background-position: 0 0;
		background-size: auto 632px;
	}

	.get-started .themes.section {
		background-position: 0 0;
		background-size: auto 700px;
	}

	.get-started .grid h6 {
		font-size: 16px;
		font-size: 1.6rem;
	}

	.front-page-member-background,
	.front-page-member-background .wrap {
		background: none;
	}

	.front-page-member .black {
		padding: 40px;
	}

}

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

	body,
	body > div {
		font-size: 18px;
		font-size: 1.8rem;
	}

	.archive-pagination li a {
		margin-bottom: 4px;
	}

	.site-header nav.nav-primary {
		padding-left: 0;
	}

	.entry-content div.gform_wrapper .ginput_complex .ginput_left,
	.entry-content div.gform_wrapper .ginput_complex .ginput_right,
	.entry-content div.gform_wrapper .top_label li.gfield.gf_left_half,
	.entry-content div.gform_wrapper .top_label li.gfield.gf_right_half {
		width: 100%;
	}

	.entry-content div.gform_wrapper .ginput_complex > span:first-of-type label {
		margin-bottom: 20px;
	}

	.page .developer-box {
		background: #fff;
	}

	.developer-box .left,
	.developer-box .right {
		width: 100%;
	}

	.page .developer-box .left {
		background-color: #222;
	}

	.page .developer-box .entry {
		clear: none;
		margin-left: 2%;
		width: 32%;
	}

	.developer-box .entry:first-of-type {
		clear: both;
		margin-left: 0;
	}

	.features .one-third.right {
		position: relative !important;
	}

	.extra-large-title,
	.page-title {
		font-size: 48px;
		font-size: 4.8rem;
	}

	.entry-title,
	.large-title {
		font-size: 36px;
		font-size: 3.6rem;
	}

	.content .archive-title,
	.medium-title {
		font-size: 30px;
		font-size: 3rem;
	}

	.devices .device-mobile .mobile-camera {
		display: none;
	}

	.devices .device-mobile .mobile-speaker {
		margin-left: 0;
	}

}

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

	.admin-bar .site-header {
		top: 46px;
	}

	.developers .page-description p,
	.showcase .page-description p {
		width: 100%;
	}

	.filter-navigation {
		float: none;
		margin: 0 auto 20px;
		max-width: 100%;
	}

}

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

	.archive.showcase .entry {
		clear: both;
		margin: 0 auto 5%;
		width: 100%;
	}

	.admin-bar .site-header.shrink {
		top: 0;
	}

	.js .site-header,
	.js .site-container .site-header.shrink {
		padding: 18px 0;
	}

	.site-header .wrap {
		min-height: 24px;
	}

	.title-area {
		overflow: hidden;
		padding: 4px 0;
	}

	.menu-toggle {
		padding: 0;
	}

	.front-page .grid .grid-box,
	.grid .grid-box {
		border-width: 0 0 1px;
		width: 100%;
	}

	.footer-widgets-1,
	.footer-widgets-2,
	.footer-widgets-3 {
		margin-right: 0;
		width: 100%;
	}

	.footer-widgets li {
		margin-right: 20px;
		display: inline-block;
	}

	.cta-buttons .button {
		display: block;
		margin-bottom: 10px;
	}

	.author-box,
	.entry {
		margin-bottom: 50px;
	}

}

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

	.front-page-intro .button {
		display: block;
		margin-bottom: 10px;
	}

}