/*
	Theme Name: Vanilla
	Theme URL: http://demo.zigzagpress.com/
	Description: Vanilla is a 2 or 3-column Widget-ready child theme created for the Genesis Framework.
	Author: zigzagpress
	Author URI: http://www.zigzagpress.com/
	Version: 1.3

	Tags: one-column, two-columns, left-sidebar, right-sidebar, fixed-layout, fluid-layout, custom-menu, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready

	Template: genesis
	Template Version: 2.0+
	License: GNU General Public License v2.0 (or later)
	License URI: http://www.opensource.org/licenses/gpl-license.php
	The CSS, XHTML and design is released under GPL:

	http://www.opensource.org/licenses/gpl-license.php



/* Import Google Fonts
------------------------------------------------------------ */

@import url(//fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700);


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

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

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

.archive-pagination:before,
.clearfix:before,
.entry:before,
.entry-pagination: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-pagination:after,
.clearfix:after,
.entry:after,
.entry-pagination: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: #fff;
	color: #444;
	font-family: "Roboto Condensed", sans-serif;
	font-size: 16px;
	font-size: 1.6rem;
	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.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;
}

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

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

a {
	color: #333;
	border-bottom: 1px dotted #CCCCCC;
	text-decoration: none;
}

a:hover {
	background-color: #F7F7F7;
	color: #000;
}
a:active, a:hover {
    outline: 0 none;
}

a img {
	border-bottom: none;
	margin-bottom: -4px;
	margin-bottom: -0.4rem;
}
a img:hover {
	background-color: transparent;
}

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

strong {
	font-weight: 700;
}

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


blockquote::before {
	color: #333;
}

blockquote {
	font-style: italic;
	margin: 40px 40px 24px;
	margin: 4rem 4rem 2.4rem;
}

blockquote::before {
	color: #DDDDDD;
	content: "\201C";
    display: block;
    font-size: 100px;
    height: 0;
    left: -50px;
    line-height: 1;
    position: relative;
    top: -10px;
}

cite {
    display: block;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.5px;
    margin: 15px 0;
    text-align: left;
    text-transform: uppercase;
}

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

cite {
	font-style: normal;
}

#mobile_menu {
    display: none;
}

::-moz-placeholder {
    color: #666;
    opacity: 1;
}
::-webkit-input-placeholder { color: #666 }

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

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

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

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

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

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

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

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

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

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

img{
	width: auto;
	height: auto;
}

/* Forms
--------------------------------------------- */
input,
select,
textarea {
    background-color: #fff;
    border: 1px solid #DDDDDD;
    color: #444444;
    padding: 14px;
    width: 100%;
}
input[type="checkbox"],
input[type="radio"] {
    width: auto;
}
textarea {
    height: 140px;
    min-height: 140;
    resize: vertical;
}
input:focus,
textarea:focus {
    border-color: #333;
    outline: none;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button,
.entry-content .button {
    background-color: #444;
    border: none;
    box-shadow: none;
    color: #fff;
    cursor: pointer;
    font-weight: 700;
    letter-spacing: 2px;
    padding: 15px 24px;
    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: #eee; color: #333  }

.entry-content .button:hover { color: #333 }
.button {
    display: inline-block;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button { display: none }

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

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

.site-inner {
	clear: both;
	padding: 40px 0;
	padding: 4rem 0;
}

.site-container {
    width: 100%;
}

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

.site-header .wrap,
.nav-primary .wrap,
.nav-secondary .wrap,
.footer-widgets .wrap,
.site-footer  .wrap {
	margin: 0 auto;
	width: 1140px;
	padding: 30px 0;
	padding: 3rem 0;
}

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


.content {
    float: right;
    width: 65.79%;
}
.content .post { margin-bottom: 30px }
.content-sidebar .content,
.sidebar-content .sidebar-primary { float: left }
.full-width-content .content { width: 100% }

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


/* Primary Sidebar */

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


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


/* Post Navigation
---------------------------------------------------------------------------------------------------- */
.pagination {
    overflow: hidden;
    padding: 0;
    width: 100%;
    clear: both;
    position: relative;
    margin-bottom: 24px;
}

.archive-pagination.pagination > ul {
    display: inline-block;
    list-style: none outside none;
    margin: 0;
}
.archive-pagination.pagination li {
    float: left;
    margin-right: 4px;
}

.pagination li {
    display: inline;
    float: left;
}
.pagination li a,
.pagination li.disabled,
.pagination li a:hover,
.pagination li.active a {
    background: #fff;
    border: 1px solid #eee;
    border-right-width: 0;
    padding: 14px 20px;
    display: block;
    margin: 0;
}
.pagination li:last-child a,
.pagination li.disabled:last-child,
.pagination li:last-child a:hover,
.pagination li.active:last-child a { border-right-width: 1px }
.pagination li a:hover,
.pagination li.active a {
    background-color: #444;
    border-color: #444;
    color: #fff;
    text-decoration: none;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
}
/*
Common Classes
---------------------------------------------------------------------------------------------------- */

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

.avatar {
	float: left;
}

.alignleft .avatar {
	margin-right: 4px;
	margin-right: 0.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;
}

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

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

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 {
	font-size: 14px;
	font-size: 1.4rem;
	text-align: center;
}


.widget_tag_cloud a {
    background-color: #444;
    color: #fff;
    display: inline-block;
    *display: inline;
    font-size: 11px;
    line-height: 1em;
    padding: 8px;
    margin: 3px 0;
    zoom: 1;
    z-index: 0;
    position: relative;
}
.widget_tag_cloud a:hover {
    background-color: #F5F5F5;
    color: #222;
    text-decoration: none;
}

.widget_calendar table {
	width: 100%;
}

#wp-calendar {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}
#wp-calendar caption {
    background: #fff;
    border: 1px solid #F5F5F5;
    font-weight: 500;
    padding: 14px 0;
    text-align: center;
}
#wp-calendar th {
    background-color: #fff;
    font-weight: 500;
    text-align: center;
    border: 1px solid #F5F5F5;
    border-top: none;
    padding: 6px;
}
#wp-calendar tbody td {
    border: 1px solid #F5F5F5;
    padding: 6px ;
    text-align: center;
}
#wp-calendar tbody td {
    border: 1px solid #F5F5F5;
    padding: 6px;
    text-align: center;
}
#wp-calendar th,
#wp-calendar tbody td,
#wp-calendar caption { border-color: #F5F5F5 }
#wp-calendar tfoot td{ padding: 10px}
#wp-calendar #next { text-align: right }


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

.breadcrumb {
	margin-bottom: 20px;
	margin-bottom: 2rem;
}
.breadcrumb, .breadcrumb > a {
    color: #999999;
    font-size: 12px;
    letter-spacing: 1px;
    padding-left: 0;
    text-transform: uppercase;
    width: auto;
}
.archive-description,
.author-box {
	background-color: #fff;
	border: 1px solid #F5F5F5;
	margin-bottom: 40px;
	margin-bottom: 4rem;
}

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

.author-box {
	padding: 40px;
	padding: 4rem;
}

.author-box-title {
	color: #333;
	font-size: 20px;
	font-size: 2rem;
	margin-bottom: 40px;
	margin-bottom: 4rem;
	position: relative;
	text-transform: uppercase;
}

.author-box a {
	border-bottom: 1px solid #F5F5F5;
}

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

.author-box-title:after {
    background-color: #333;
    bottom: -10px;
    content: "";
    height: 1px;
    left: 93px;
    margin: 0;
    position: absolute;
    right: 0;
    width: 60px;
}

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

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

.entry-title {
	font-size: 30px;
	font-size: 3rem;
	line-height: 1;
}

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

.entry-title a:hover {
    background-color: #F7F7F7;
    color: #000000;
}

.widget-title {
	margin-bottom: 40px;
	margin-bottom: 4rem;
	position: relative;
}

.widgettitle:after {
    background-color: #333;
    bottom: -10px;
    content: "";
    height: 1px;
    left: 0;
    margin: 0;
    position: absolute;
    right: 0;
    width: 60px;
}


.sidebar .widget-title a {
	border: none;
}

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


.recentcomments li {list-style: none; padding: 8px 0 0 0;}
.recentcomments li:before {float: left; font-family: 'FontAwesome'; content: "\f105"; padding-right: 10px;}
.widget_recent_entries ul li, .sidebar.widget-area ul li, .home-sidebar ul li {list-style: none; padding: 0;}
.widget_recent_entries ul li:before, .sidebar.widget-area ul li:before, .home-sidebar ul li:before { float: left; font-family: 'FontAwesome'; content: "\f105"; padding-right: 10px;}
/*
Widgets
---------------------------------------------------------------------------------------------------- */

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


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

.featured-content .entry-title {
	line-height: 1.2;
}

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

.featured-content a.alignnone {
    display: inline-block;
    margin-bottom: 20px;
    max-width: 100%;
}

.feature-top .featured-content .entry,
.feature-bottom .featured-content .entry {
	border: none;
	float: left;
	max-width: 100%;
}

.feature-top .featuredpost.featured-content .entry,
.feature-bottom .featuredpost.featured-content .entry {
	width: 31.58%;
	margin-right: 2.63%;
}
.feature-top .featured-content .entry a,
.feature-bottom .featured-content .entry a{
	border: 0;
}

.feature-top .featured-content .entry:nth-of-type(3n),
.feature-bottom .featured-content .entry:nth-of-type(3n) {
	margin-right: 0;
}

.feature-top.featuredpage, .feature-bottom.featuredpost {
    display: inline-block;
    margin-right: 30px;
    width: 360px;
}


/*home Feature Widgets Areas --------------------------------------------- */


.feature-top .featured-content .entry.page {
	margin: 0;
}

.feature-top .featured-content.featuredpage,
.feature-bottom .featured-content.featuredpage {
	float: left;
	width: 31.58%;
	margin-right: 2.63%;
}

.feature-top .featured-content.featuredpage:nth-of-type(3n),
.feature-bottom .featured-content.featuredpage:nth-of-type(3n) {
	margin-right: 0;
}


.feature-bottom, .feature-top, .feature-top, .widget-wrapper {
	float: left;
}

.feature-bottom {
    width: 100%;
}

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

/* Genesis eNews Extended
--------------------------------------------- */
.widget.enews-widget {
    border: 1px solid #F5F5F5;
    padding: 30px;
}

.enews-widget input {
	margin-bottom: 16px;
	margin-bottom: 1.6rem;
	padding: 14px 20px;
	padding: 1.4rem 2rem;
	width: 100%;
}

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

.latest-tweets ul li {
	margin-bottom: 16px;
	margin-bottom: 1.6rem;
}
.latest-tweets li:before {
    color: inherit;
    content: "\f099"!important;
    font-family: 'FontAwesome';
    margin: 0 8px 0 0;
    position: relative;
}
.latest-tweets li.last:before {
	content: ""!important;
	margin: 0;
}
/* Gravity Forms
--------------------------------------------- */

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

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

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

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

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

img#wpstats {
	display: none;
}

/* Flickr
--------------------------------------------- */

.flickr_badge_image {
    float: left;
    margin: 0 5px 5px;
    padding: 5px;
}

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

.title-area {
	float: left;
	font-weight: 700;
	padding: 0;
	width: 300px;
}

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

.site-title {
	font-size: 30px;
	font-size: 3rem;
	font-weight: 500;
	line-height: 1;
	margin: 0 0 8px;
	margin: 0 0 0.8rem;
	text-transform: uppercase;
}

.site-title a, .site-title a:hover {
    background-color: rgba(0, 0, 0, 0);
    border-bottom: medium none;
    color: #222222;
    font-weight: 400;
}

.site-description {
	display: none;
    color: #BEBEBE;
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    margin-bottom: 0;
    text-transform: uppercase;
}


/* Logo, hide text */


.header-image .title-area,
.header-image .site-title ,
.header-image .site-title  a {
    display: block;
    float: left;
    height: 100%;
    overflow: hidden;
    min-height: 50px;
    padding: 0;
    text-indent: -9999px;
    width: 300px;
}
.header-image .site-header .title-area:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
    -khtml-opacity: 0.7;
    position: relative;
}

.header-image #description {
	display: block;
	overflow: hidden;
}



/* Site Header Widget Area
--------------------------------------------- */
.site-header {
    border-bottom: 1px solid #F5F5F5;
}

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


.site-header .search-form {
	float: right;
	margin-top: 24px;
	margin-top: 2.4rem;
}

/*
Site Navigation
---------------------------------------------------------------------------------------------------- */
.genesis-nav-menu {
    color: #333333;
    float: left;
    line-height: 1.5;
    width: 100%;
}
.genesis-nav-menu .menu-item {
    display: inline-block;
    text-align: left;
}
.ie8 .genesis-nav-menu .menu-item { float: left }
.genesis-nav-menu a {
    display: block;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 20px;
    position: relative;
    text-transform: uppercase;
}
.genesis-nav-menu a:hover,
.genesis-nav-menu .menu-item:hover > a,
.genesis-nav-menu .current-menu-item > a {
    color: #BEBEBE;
}
.genesis-nav-menu > .menu-item > a, .genesis-nav-menu .sub-menu a {
    background-color: rgba(0, 0, 0, 0);
    border-bottom: medium none;
    font-weight: 400;
}

.genesis-nav-menu .sub-menu a {
	text-transform: capitalize;
}
.genesis-nav-menu .sub-menu {
    background-color: #fff;
    border: 1px solid #f5f5f5;
    height: auto;
    left: -9999px;
    margin: 0;
    position: absolute;
    padding: 10px 0;
    width: 260px;
    opacity: 0;
    z-index: 9999;
    -webkit-transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    -ms-transition: opacity .5s ease-in-out;
    -o-transition: opacity .5s ease-in-out;
    transition: opacity .5s ease-in-out;
}
.genesis-nav-menu > li > ul:before,
.genesis-nav-menu > li > ul:after {
    content: "";
    border-style: solid;
    border-width: 0 9px 9px 9px;
    border-color: transparent transparent #fff transparent;
    height: 0px;
    position: absolute;
    left: 15px;
    top: -9px;
    width: 0px;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
}
.genesis-nav-menu > li > ul:after {
    border-color: transparent transparent #F5F5F5 transparent;
    top: -10px;
    z-index: -1
}
.genesis-nav-menu .sub-menu a {
    border-bottom: 1px solid #F5F5F5;
    font-size: 14px;
    font-size: 1.4rem;
    height: auto;
    left: 10px;
    line-height: 24px;
    margin: 0 10px;
    padding: 12px 0;
    position: relative;
    width: 210px;
}

.genesis-nav-menu .sub-menu li:last-child a {
	border-bottom: none;
}

.genesis-nav-menu .menu-item:hover > .sub-menu a { color: #212121 }
.genesis-nav-menu .menu-item:hover > .sub-menu a:hover {
    color: #B9B9B9;
}
.genesis-nav-menu .sub-menu .sub-menu { margin: -59px 0 0 228px }
.genesis-nav-menu .menu-item:hover { position: static }
.genesis-nav-menu .menu-item:hover > .sub-menu {
    left: auto;
    opacity: 1;
}
.genesis-nav-menu > .right {
    display: inline-block;
    float: right;
    font-size: 13px;
    font-size: 1.3rem;
    list-style-type: none;
    line-height: 61px;
}
.genesis-nav-menu > .right > a {
    font-size: 13px;
    font-size: 1.3rem;
    display: inline;
    padding: 0;
}
.genesis-nav-menu > .rss > a { margin-left: 18px }
.genesis-nav-menu > .rss > a:before,
.genesis-nav-menu > .twitter > a:before {
    display: inline-block;
    font-family: 'FontAwesome';
    font-size: 14px;
    margin: 0 8px 0 0;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
}
.genesis-nav-menu > .rss > a:before {
    color: #333;
    content: "\f143";
}
.genesis-nav-menu > .twitter > a:before {
    color: #333;
    content: "\f099";
}
.genesis-nav-menu input[type="search"] {
    border: none;
    border-left: 1px dotted #F5F5F5;
    padding: 22px 15px;
    font-size: 13px;
    width: 160px;
    height: 63px;
}
.genesis-nav-menu input[type="search"]:focus { width: 240px }

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

.nav-header {
    position: absolute;
    top: 50%;
    margin-top: -30px;
    right: 0;
}
.nav-primary,
.nav-secondary {
    border-bottom: 1px solid #F5F5F5;
    position: relative;
}
.nav-primary > .wrap,
.nav-secondary > .wrap {
    margin: 0 auto;
    max-width: 100%;
    padding: 0
}
.nav-header .genesis-nav-menu > .menu-item > a,
.nav-secondary .genesis-nav-menu > .menu-item > a,
.nav-footer .genesis-nav-menu > .menu-item > a {
    padding-left: 10px;
    padding-right: 10px;
    text-transform: inherit;
}

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

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

.entry {
	margin-bottom: 20px;
	margin-bottom: 2rem;
}

.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: 100%;
}

.entry-meta {
	font-size: 12px;
	font-size: 1.2rem;
    letter-spacing: 1px;
    letter-spacing: .1rem;
}
.entry-meta a{
	border: 0;
}

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

.entry-footer .entry-meta {
	padding: 32px 0;
	padding: 3.2rem 0;
}

.entry-time:before, .entry-comments-link:before, .entry-tags:before, .entry-author:before, .entry-categories:before, .blog_comment:before, .blog_meta:before {
    font-family: FontAwesome;
    margin: 0 5px;
}
.entry-comments-link:before, .blog_comment:before {content: "\f075";}
.entry-tags:before {content: "\f02c";}
.entry-author:before {content: "\f007";}
.entry-categories:before {content: "\f187";}

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

.archive-pagination,
.entry-pagination {
	font-size: 14px;
	font-size: 1.4rem;
	margin: 40px 0;
	margin: 4rem 0;
}

.archive-pagination li {
	display: inline;
}

.archive-pagination li a {
	background-color: #eee;
	border: 0;
	color: #333;
	cursor: pointer;
	display: inline-block;
	padding: 8px 12px;
	padding: 0.8rem 1.2rem;
}

.archive-pagination li a:hover,
.archive-pagination li.active a {
        color: #fff!important;
	background-color: #333;
}

.archive-pagination a{
	border-bottom: 0;
}

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

.comment-respond,
.entry-comments,
.entry-pings {
	background: #fff;
	margin-bottom: 40px;
	margin-bottom: 4rem;
}

.entry-comments {
	padding: 20px;
	padding: 2rem;
}

.comment-respond,
.entry-pings {
	padding: 40px 0 16px;
	padding: 4rem 0 1.6rem;
}

.comment-respond a,
.entry-comments a {
	margin-top: -10px;
}

.comment-content {

}

.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  {
        background: #fff;
        border-top: 1px solid #F5F5F5;
}

.comment-list li li .even {
        background: #fff;
        border: 1px solid #F5F5F5;
}

li.comment {
	background: #ffff;
	border-radius: 3px;
}

.comment .avatar {
        background: #fff;
        padding: 5px;
        padding: .5rem;
	margin: 0 16px 0px 0;
	margin: 0 1.6rem 0rem 0;
}

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

.comment-meta {
	font-size: 12px;
    font-size: 1.2rem;
    letter-spacing: 1px;
    letter-spacing: .1rem;
}
.comment-meta a{
	border: 0;
}

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

.comment-list cite,
.comment-list cite a,
.ping-list cite,
.ping-list cite a,
.comment-author span {
        font-size: 20px;
        font-size: 2rem;
        color: #333;
		font-weight: normal !important;
}


.comment-reply-link {
    background-color: #EEEEEE;
    border: medium none;
    box-shadow: none;
    color: #333333;
    cursor: pointer;
    font-size: 10px;
    font-weight: 400;
    letter-spacing: 1px;
    padding: 10px;
    text-transform: uppercase;
    width: auto;
}

.comment-reply-link:hover  { background-color: #444; color: #fff  }


.logged-in .comment-form-comment label,
.comment-notes {
        display: none;
}

.commentnumber {
	float: right;
	color: #333;
    font-weight: 400;
	font-size: 60px;
	font-size: 6rem;
	margin: -30px 30px 0 -10px;
	margin: -3rem 3rem 0 -1rem;
}



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

.archive-pagination,
.entry-pagination {
	font-size: 14px;
	font-size: 1.4rem;
	margin: 40px 0;
	margin: 4rem 0;
}

.archive-pagination li {
	display: inline;
}

.archive-pagination li a {
	background-color: #eee;
	color: #333;
	cursor: pointer;
	display: inline-block;
	padding: 14px 20px;
}

.archive-pagination li a:hover,
.archive-pagination li.active a {
    color: #fff!important;
	background-color: #333;
}

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

.sidebar {
	color: inherit;
}


.sidebar a.alignleft {
	border-bottom: none;
}
.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: 40px;
	margin-bottom: 4rem;
}



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

.footer-widgets {
	clear: both;
	border-top: 1px solid #F5F5F5;
	border-bottom: 1px solid #F5F5F5;
}

/*warp adjustemnts--------------------------------------------- */

.footer-widgets .wrap {
    margin: 0 auto;
}

.footer-widgets-1,
.footer-widgets-2,
.footer-widgets-3 {
	width: 31.58%;
}

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

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

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


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

.footer-widgets 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 {
	text-align: center;
}

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

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

/*warp adjustemnts--------------------------------------------- */

#home-wrap {
	float: left;
    margin-top: 40px;
    margin-top: 4rem;
    width: 100%;
}

/*home Silder--------------------------------------------- */

#home_gallery {
	clear: both;
	overflow: hidden;
	display: block;
	width: 100%;
	float: left;
}


/*
Portofolio
---------------------------------------------------------------------------------------------------- */

.isotope,.isotope .isotope-item {
-webkit-transition-duration:.8s;
-moz-transition-duration:.8s;
-o-transition-duration:.8s;
transition-duration:.8s;
}

.isotope {
-webkit-transition-property:height, width;
-moz-transition-property:height, width;
-o-transition-property:height, width;
transition-property:height, width;
}

.isotope .isotope-item {
-webkit-transition-property:0 opacity;
-moz-transition-property:0 opacity;
-o-transition-property:top, left, opacity;
transition-property:transform, opacity;
}

.isotope.no-transition,.isotope.no-transition .isotope-item,.isotope .isotope-item.no-transition {
-webkit-transition-duration:0;
-moz-transition-duration:0;
-o-transition-duration:0;
transition-duration:0;
}

.isotope.infinite-scrolling {
-webkit-transition:none;
-moz-transition:none;
-o-transition:none;
transition:none;
}



.portfolio_image img{
	height: auto;
 }
.portfolio_image a {
	width: 100%;
	height: 100%;
	display: block;
}


.portfolio_image {
	height: inherit;
	left: 0 !important;
	position: relative;
	top: 0 !important;
}
.portfolio_shadow {
	width: 100%
}
.item_label {
	background: none repeat scroll 0 0 transparent;
	overflow: hidden;
	position: absolute;
	text-align: center;
	width: 100%;
}
.item_label h4 {
	color: #FFFFFF;
	font-weight: 300;
	margin: 25% 0;
}
.item_label p {
	padding: 0;
	line-height: 19px;
}
.item-wrapper {
	float: left;
	width: 1000px;
}
.item-desc .item_link, .item-desc .item_gallery, .item-desc .item_preview {
	background-color: #444;
	border: 0 none;
	bottom: 0;
	color: #FFFFFF;
	display: block;
	font-size: 12px;
	height: 40px;
	line-height: 38px;
	position: absolute;
	right: 0;
	text-align: center;
	vertical-align: middle;
	width: 40px;
}
.item-desc .item_preview {
	right: 41px !important;
}

.item-desc .item_link:hover,  .item-desc .item_preview:hover {
	background-color: #f5f5f5;
	color: #333;
}

.item-desc {
	position: absolute;
	background: rgba(68, 68, 68, 0.2);
	width: 100%;
	height: inherit;
}
#options {
	width: 100%;
}
#options ul {
    display: block;
    float: left;
    font-weight: 400;
    list-style: none outside none;
	margin: 0;
    padding: 0;
    width: 100%;
}
#options ul ul {
	margin-left: 1.5em;
}
#options li {
	background: none repeat scroll 0 0 transparent;
	float: left;
	margin: 0 5px 0 0;
	padding: 0;
	list-style: none;
}
#options li a {
    border: medium none;
    display: block;
    padding: 5px 10px;
}
#options li a.selected,  #options li a:hover {
    background-color: rgba(0, 0, 0, 0);
    color: #BEBEBE;
}

#options li a:after {
	color: #BEBEBE;
    content: "/";
    left: 10px;
    position: relative;
}

#options li:last-child a:after {
    content: "";
}

#container {
	float: left;
	margin: 19px 0 0;
	overflow: hidden;
	padding: 0;
}
.element {
	float: left;
	overflow: hidden;
	position: relative;
}
.element img {
	width: 100%;
	max-width: none;
}
.element * {
	margin: 0;
}
.element-2col {
	height: 300px;
	margin: 0 10px 20px;
	padding: 0;
	width: 48.11%;
}
.element-3col {
	height: 200px;
	margin: 0 10px 20px;
	padding: 0;
	width: 31.44%;
}
.element-4col {
	height: 165px;
	margin: 0 10px 20px;
	padding: 0;
	width: 23.16%;
}
.gallery-2col {
	height: 300px;
	margin: 0 10px 20px;
	width: 48.11%;
}
.gallery-3col {
	height: 200px;
	margin: 0 10px 20px;
	width: 31.44%;
}
.gallery-4col {
	height: 165px;
	margin: 0 10px 20px;
	width: 23.16%;
}

.home_portfolio{
   float: left;
    margin-bottom: 20px;
    padding: 0 0 24px;
    width: 100%;
}

.single_portfolio_container {
	display: block;
}

.single_portfolio_featured_image,
.portfolio_single_slider,
.single_portfolio_sidebar {
	float: left;
}

.single_portfolio_featured_image {
    margin-bottom: 40px;
    width: 65.79%;
}

.single_portfolio_sidebar {
    float: right;
    width: 29.82%;
}

.single_portfolio_description ul {
    font-size: 12px;
    letter-spacing: 1px;
    list-style: none outside none;
    margin: 40px 0 0;
    text-transform: uppercase;
}
.single_portfolio_description ul li {
    border-bottom: 1px solid #F5F5F5;
    padding: 6px 0 !important;
}
.single_portfolio_featured_image a {
	border: none;
	width: 100%;
	height: 100%;
	display: block;
	position: relative;
}
.single_portfolio_content {
	display: block;
	overflow: hidden;
	float: left;
	padding: 40px 0;
}
.related_portfolio {
    float: left;
    width: 100%;
}

 #top-link {
	background-attachment: scroll;
	background-color: #F5F5F5;
	background-position: 0 0;
	background-repeat: no-repeat;
	border-bottom: 0;
	color: #333;
	bottom: 58px;
	cursor: pointer;
	height: auto;
	position: fixed;
	right: 50px;
	text-decoration: none;
	transition: all 0.2s linear 0s;
	width: auto;
	z-index: 1;
	text-align: center;
	padding: 10px 15px;
}

.pp_social .facebook{
	width: 90px;
}

.zp_social_icons ul li a, .zp_social_icons ul li a:hover {
    border: none !important;
}
.zp_flickr_widget a,
.tagcloud a{
	border: 0;
}