/*
Theme Name: NewsPlus
Theme URI: http://labs.saurabh-sharma.net/themes/newsplus/wp/
Author: Saurabh Sharma
Author URI: http://themeforest.net/author/SaurabhSharma
Description: NewsPlus is an all purpose WordPress theme designed for online magazine, technology blog, news and editorial ventures. The theme is fully responsive, retina ready, and supports proportional layout scaling. Key features include language localization, optimization for SEO and Micro-Formats, RTL support, visual short-codes, custom templates, post formats, theme options, custom widgets, and much more. Built with latest coding standards and clean design, the theme is envisioned to provide you a long-term and powerful solution for your online projects.
Version: 2.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, gray, white, one-column, two-columns, right-sidebar, left-sidebar, custom-background, custom-menu, editor-style, featured-images, full-width-template, microformats, post-formats, theme-options, translation-ready
Text Domain: newsplus
*/

/* ADDITIONAL NOTES
-----------------------------------------------------------------
In this stylesheet, we are using 'em' unit values.
Calculation is based on base font-size of 12px.
Browser default = 16px
html font size on this theme = 75%
Therefore 75% of 16px = 12px (Base Font size)

For example, heading font-size and line-height is calucalted as:

font-size: 2.5em; {Required} 30px / {Base size} 12px = 2.5em
line-height: 1.2; {Required} 36px / {Parent size} 30px = 1.2
margin-bottom: 0.6em; {Required} 18px / {Parent size} 30px = 0.6em

*/

/* TABLE OF CONTENTS
-----------------------------------------------------------------

	1. RESET
	2. TYPOGRAPHY
	3. STRUCTURE
	4. HEADER
	5. WIDGET AREA and WIDGETS
	6. BLOG PAGES
	7. FOOTER
	8. FORMS
	9. MISCELLANEOUS


/* ---------------------------------------------------------------
 * 1. RESET
 * Reset browser defaults
 * ------------------------------------------------------------ */

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font-weight: inherit;
	vertical-align: baseline;
}

html {
	overflow-y: scroll;
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

blockquote,
q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption,
th,
td {
	font-weight: normal;
	text-align: left;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
	display: block;
}

audio,
canvas,
video {
	display: inline-block;
}
audio:not([controls]) {
	display: none;
}

/* Clearing floats */
.clear:after {
	clear: both;
}

.clear:before,
.clear:after {
	display: table;
	content: "";
}

.clear {
	height: auto;
	line-height: auto;
	font-size: inherit;
}

/* Responsive images. Fluid images for posts, comments, and widgets */

img {
	width: auto;
	max-width: 100%;
}

/**
 * Make sure images with WordPress-added height and width attributes are
 * scaled correctly.
 */

.comment-content img[height],
.entry-content img,
.entry-summary img,
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"],
#site-header img {
	height: auto;
}

img.size-full,
img.size-large,
img.header-image,
.wp-post-image,
.post-thumbnail img {
	height: auto;
	max-width: 100%;
	display: block;
}

/* Fit videos into parent containers */
embed,
iframe,
object,
video {
	max-width: 100%;
	margin-bottom: 1.5em;
}

.entry-content .twitter-tweet-rendered {
	max-width: 100% !important;  /* Override the Twitter embed fixed width */
}


/* Form fields */
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
	border: 0;
}

select,
button,
input,
textarea {
	font-size: 1em;
	line-height: 1.5;
	font-weight: normal;
	font-family: inherit;
	margin: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

textarea {
	overflow: auto;
	vertical-align: top;
}

/* Reset non-text input types */
input[type="checkbox"],
input[type="radio"],
input[type="file"],
input[type="hidden"],
input[type="image"],
input[type="color"] {
	border: 0;
	border-radius: 0;
	padding: 0;
}

button[disabled],
input[disabled] {
	cursor: default;
}

/* Assistive text */

.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute;
}

.screen-reader-text:focus {
	background-color: #f5f5f5;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto;
	color: #222;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	line-height: normal;
	padding: 1em 1.5em;
	position: absolute;
	left: 5px;
	top: 5px;
	text-decoration: none;
	text-transform: none;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}

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

.text-center {
	text-align: center;
}	

/* Images */
.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	max-width: 100%;
	padding: 0.3333em;
}

.wp-caption .wp-caption-text,
.entry-caption {
	font-style: italic;
	font-size: 1em;
	line-height: 1.5;
	color: #777;
}

img.wp-smiley,
.rsswidget img {
	border: 0;
	margin: 0;
	padding: 0;
	display: inline;
}

/* Gallery */

.gallery {
	margin: 0 -10px 1.5em !important; /* Override margin: 0 added in browser source code */
}

.gallery-item {
	display: inline-block;
	padding: 0 10px;
	text-align: center;
	vertical-align: top;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.gallery-item a,
.gallery-item a img {
	display: block;
}

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

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

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

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

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

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

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

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

.gallery-icon img {
	margin: 0 auto;
	border: 0 !important; /* Override 2px border added in browser */
}

.gallery-caption {
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
	display: block;
	padding: 0.375em 0 0;
	margin: 0;
}

.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
	display: none;
}


/* ---------------------------------------------------------------
 * 2. TYPOGRAPHY
 * Body, headings, links and basic styles
 * ------------------------------------------------------------ */

html {
	font-size: 75%; /* Browser default = 16px, Hence, 16*75/100 = 12px (base font size) */
}

body {
	font-size: 1em;
	line-height: 1.5;
	font-family: Helvetica, Arial, sans-serif;
	color: #444;
	background: #f5f5f5;
}

body.custom-font-enabled {
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
}

body.is-stretched {
	background: #333;
}

body.is-stretched.custom-background {
	background-color:#fff !important;
}

body.is-stretched .top-widget-area {
	margin-bottom: 1.5em;
}

/* Headings */
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: inherit;
	color: #333;
}

h1 {
	font-size: 2.5em;
	line-height: 1.2;
	margin-bottom: 0.6em;
}

h2,
.entry-list h3,
.flex-caption h1,
.flex-caption h2 {
	font-size: 2em;
	line-height: 1.375;
	margin: 0 0 0.5em;
}

h3,
.section-title {
	font-size: 1.5em;
	line-height: 1.5;
	margin-bottom: 0.5em;
}

.section-title {
	margin-bottom: 1em;
	color: #999;
}

.section-title span {
/*	font-weight: bold;
	font-style: italic;*/
}

.section-title span a,
.section-title span a:hover,
.section-title span a:visited,
.section-title span a:active {
	color: inherit;
}

h4 {
	font-size: 1.166em;
	line-height: 1.5;
	margin-bottom: 1.071em;
}

h5,
h6 {
	font-size: 1em;
	line-height: 1.5;
	margin-bottom: 0;
}

h6 {
	font-weight: bold;
	margin-bottom: 0;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
	color: #333;
	text-decoration: none;
}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover {
	color: #000;
}

/* Links */
a {
	outline: none;
	color: #336699;
	text-decoration: none;
}

a:hover {
	color: #e00000;
	text-decoration: none;
}

/* Text elements */
p {
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 2em;
}

ul {
	list-style: square;
}

ul ul {
	list-style: disc;
}

ol {
	list-style-type: decimal;
}

ol ol {
	list-style: upper-alpha;
}

ol ol ol {
	list-style: lower-roman;
}

ol ol ol ol {
	list-style: lower-alpha;
}

ul ul,
ol ol,
ul ol,
ol ul {
	margin-bottom: 0;
}

dl {
	margin: 0 0 1.5em 0;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 0 0.75em 1.5em;
}

strong,
b {
	font-weight: bold;
	color: inherit;
}

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

pre {
	margin: 0 0 1.5em;
	padding: 0.7272em 1.09em;
	overflow: auto;
	font-family: "Consolas", Courier New, Courier, monospace;
	color: #333;
	background: #f9f9f9;
	border: 1px solid #e5e5e5;
	white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	word-break: break-all;
	word-wrap: break-word;
}

code,
kbd,
samp,
var {
	font-size: 0.9166em;
	font-family: "Consolas", Courier New, Courier, monospace;
}

abbr,
acronym,
dfn {
	border-bottom: 1px dotted #666;
	cursor: help;
}

address {
	display: block;
	margin: 0 0 1.5em;
}

ins {
	background: #ffffdd;
	text-decoration: none;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

small,
.small {
	font-size: 0.9166em;
	color: #777;
}

.big,
big {
	font-size: 1.1666em;
}

blockquote,
.quote,
.quote-left,
.quote-right {
	display: block;
	font-size: 1.166em;
	line-height: 1.2857;
	font-family: Georgia, "Bitstream Charter", serif;
	font-weight: normal;
	padding: 0 0 0 1em;
	margin: 0 0 1.5em;
	color: #333;
	border-left: 2px solid #e00000;
}

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

blockquote cite {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

hr {
	background-color: #e5e5e5;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
	border-collapse: collapse;
}

td,
th {
	text-align: left;
	padding: 0.6666em 1em;
	border: 1px solid #e5e5e5;
}

#secondary td,
#secondary th {
	border: 1px solid #555;
}

th {
	background-color: #f9f9f9;
	font-weight :bold;
	color: #333;
}

#secondary th {
	background: #666;
	color: #ccc;
}

tfoot th {
	border-top: none;
}


/* ---------------------------------------------------------------
 * 3. STRUCTURE
 * Site layout and grids.
 * ------------------------------------------------------------ */

#page,
#header,
#main,
#primary,
#content,
#sidebar,
#secondary,
#footer,
.wrap {
	position: relative;
}

#page {
	margin: 2% auto;
	width: 86.6666em;
	text-align: left;
	background: #fff;
}

.is-stretched #page {
	width: 100%;
	max-width: 100%;
	margin: 0;
}

.wrap {
	width: 83.3333em;
	margin: 0 auto;
	text-align: left;
}

#header {
	padding: 2.25em 0 .75em;
	background: #fff;
}

#widget-area-before-content .wrap {
	padding-top: 1.5em;
	text-align: center;
}

#widget-area-after-content .wrap {
	padding-bottom: 1.5em;
	text-align: center;
}


#main {
	background: #fff;
	text-align: center;
}

#main .wrap {
	padding: 1.5em 0 0.75em;
}

#primary,
#container {
	float: left;
	width: 66%;
	margin-right: 2%;
}

#primary.full-width {
	float: none;
	width: 100%;
	margin: 0;
}

body.sidebar-left #primary,
body.sidebar-left #container {
	float: right;
	margin-right: 0;
}

#sidebar {
	float: right;
	width: 32%;
	color: #777;
}

body.sidebar-left #sidebar {
	float: left;
}

#secondary {
	background: #444;
	color: #ccc;
	text-align: center;
}

#secondary .wrap {
	padding: 1.5em 0 0.25em;
}

#footer {
	text-align: center;
	background: #333;
	color: #ccc;
}

#footer .wrap {
	padding: 1.5em 0;
}

/* Column Grids */
.full,
.three-fourth,
.two-third,
.half,
.one-third,
.three-eighth,
.one-fourth {
	position: relative;
}

.column {
	float: left;
	margin-right: 3.030303%;
}

.row {
	position: relative;
	margin-bottom: 0.75em;
}

.row:after {
	clear: both;
}

.row:before,
.row:after {
	display: table;
	content: "";
}

.full {
	float: none;
	clear: both;
	width: 100%;
	margin-right: 0;
}

.three-fourth {
	width: 74.2425%;
}

.half {
	width: 48.484848%;
}

.two-third {
	width: 65.6562%;
}

.one-third {
	width: 31.3131%;
}

.three-eighth {
	width: 35.60625%;
}

.one-fourth {
	width: 22.7275%;
}

.full-width .column {
	margin-right: 2%;
}

.full-width .column.last {
	margin-right: 0;
}

.full-width .three-fourth {
	width: 74.5%;
}

.full-width .half {
	width: 49%;
}

.full-width .two-third {
	width: 66%;
}

.full-width .one-third {
	width: 32%;
}

.full-width .three-eighth {
	width: 36.25%;
}

.full-width .one-fourth,
#secondary .one-fourth {
	width: 23.5%;
}

#secondary .one-fourth {
	margin-right: 2%;
}

#secondary .one-fourth.last {
	margin-right: 0;
}


/* ---------------------------------------------------------------
 * 4. HEADER
 * Top menu, callout text, site logo, primary navigation, etc.
 * ------------------------------------------------------------ */
 
.top-widget-area {
	position: relative;
	margin: 1.5em auto 0;
	text-align: center;
}

/* Top utility bar */

#utility-top {
	position: relative;
	width: 96.153846%;
	margin: 2% auto 0;
	padding: 0;
	z-index: 25;
	background: #f5f5f5;
	-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.03);
	-moz-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.03);
	box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.03);
}

#utility-top .wrap {
	width: 100%;
}

.is-stretched #utility-top {
	width: 100%;
	max-width: 100%;
	margin-top: 0;
}

.is-stretched #utility-top .wrap {
	width: 96.153846%;
}

#callout-bar,
#search-bar {
	position: relative;
	float: right;
	width: 100%;
	max-width: 50%;
	padding: 0.9166em 0;
	color: #555;
	text-align: right;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.callout-inner {
	padding: 0 1em;
}

.is-stretched .callout-inner {
	padding: 0;
}

#callout-bar.callout-left {
	float: left;
	text-align: left;
}

#search-bar {
	padding: 0;
	max-width: 32.4%;
}

#search-bar {
	padding: 0.16666em;
}

.is-stretched #search-bar {
	padding: 0.16666em 0;
}


/* Top secondary navigation menu */

.secondary-nav {
	position: relative;
	float: left;
	width: auto;
	max-width: 50%;
	margin: 0;
	z-index: 25;
}

.is-stretched .secondary-nav > ul > li:first-child > a {
	border-left: 1px solid #e0e0e0;
}

.secondary-nav ul.sec-menu,
.secondary-nav div.sec-menu > ul {
	position: relative;
	margin: 0;
	padding: 0;
	list-style: none;
	z-index: 10;
}

.secondary-nav li {
	position: relative;
	float: left;
	margin: 0;
}

.secondary-nav li a {
	display: block;
	margin: 0;
	padding: 0 1em;
	margin: 0.9166em 0;
	line-height: 1.5;
	color: #555;
	border-right: 1px solid #e0e0e0;
	text-decoration: none;
	white-space: nowrap;
}

.secondary-nav li:hover > a {
	color: #333;
}

.secondary-nav li ul {
	position: absolute;
	display: none;
	width: 17em;
	margin: 0;
	padding: 0;
	list-style: none;
	top: 100%;
	background: #fff;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

.secondary-nav li ul ul {
	top: 0;
	left: 100%;
}

.secondary-nav li li {
	width: 100%;
}

.secondary-nav ul li:hover > ul {
	display: block;
}

ul.sec-menu > li.current-menu-item > a,
ul.sec-menu > li.current-menu-ancestor > a,
ul.sec-menu > li.current_page_item > a,
ul.sec-menu > li.current_page_ancestor > a {
	color: #333;
}

.secondary-nav li ul li a {
	float: none;
	display: block;
	margin: 0;
	padding: 0.666em 1em;
	color: #666;
	font-size: 1em;
	white-space: normal;
	text-transform: none;
	font-weight: normal;
	border: none;
}

.secondary-nav li ul li:hover > a {
	color: #333;
	background: #f0f0f0;
}

.secondary-nav li.menu-item-has-children > a {
	padding-right: 0.666em;
}

.secondary-nav ul ul li.menu-item-has-children > a {
	padding-right: 1em;
}

.secondary-nav li.menu-item-has-children > a:after {
	font-family: FontAwesome;
	content: "\f0d7"; /* f078 for chevron arrow */
	font-size: 0.75em;
	font-weight: normal;
	line-height: inherit;
	font-weight: normal;
	display: inline;
	padding-left: 0.666em;
	color: inherit;
}

.secondary-nav ul ul li.menu-item-has-children > a:after {
	float: right;
	padding: 0;
	color: inherit;
	content: "\f0da"; /* f054 for chevron arrow */
	font-size: 0.875em;
	font-weight: normal;
	line-height: 2;
}

.secondary-nav ul ul li.menu-item-has-children:hover > a:after {
	color: inherit;
}

/* WooCommerce cart navigation */

.cart-nav {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: right;
}

.cart-nav li {
	display: inline-block;
}

.cart-nav li.welcome,
.cart-nav li a {
	display: inline-block;
	margin: 0;
	padding: 0 0.75em;
	margin: 0.9166em 0;
	line-height: 1.5;
	color: #777;
	border-right: 1px solid #e0e0e0;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	text-decoration: none;
	white-space: nowrap;
}

.cart-nav li a:hover {
	color: #333;
}

.cart-nav li a.log-in,
.cart-nav li a.log-out {
	border: none;
}

.cart-nav li.cart-status a {
	margin: 0;
	padding: 0.9166em;
	background: #444;
	color: #fff;
	text-shadow: none;
	border: none;
	font-weight: bold;
}

.cart-nav li.cart-status a:hover {
	background: #ff3333;
}

.cart-nav li.cart-status span.amount {
	display: inline-block;
}
 
.cart-contents:before { 
	font-family: 'FontAwesome';
	margin-right: .5em;	
	display: inline-block;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: '\f07a';
}

/* Site header and Logo */

.brand {
	position: relative;
	float: left;
	width: auto;
	max-width: 25%;
	margin: 0 0 2.25em;
	padding: 0;
}

.brand.full,
#header .column.brand.full {
	max-width: 100%;
	float: none;
	margin: 0 0 20px;
}

.brand.full.text-center img {
	margin: 0 auto 20px;
}

#header .column.brand.full.text-right {
	float: right;
}

.brand h1,
.brand h2,
.brand h3,
.brand h4,
.site-title {
	color: #000;
	font-size: 3em;
	line-height: 1;
	font-weight: normal;
	margin-bottom: 0;
}

.site-description {
	display: block;
	font-size: 1.5em;
	line-height: 1.5;
	margin-bottom: 1em;
	letter-spacing: normal;
	font-weight: normal;
	color: #999;
}

.brand img {
	display: block;
}

.brand a span,
.site-title span {
	color: #e00000;
	font-weight: bold;
}


/* Header Widget Area */

#header .column {
	margin-bottom: 0;
}

#header .column.right {
	float: right;
	text-align: right;
}

.header-widget-area {
	position: relative;
	width: auto;
	max-width: 74.5%;
}

.header-widget-area.right {
	float: right;
	text-align: right;
}

.hwa-wrap {
	position: relative;
	display: block;
}

.header-widget-area.left {
	float: left;
	text-align: left;
}

.header-widget-area img {
	display: block;
}


/* Primary Navigation Menu */

.primary-nav {
	position: relative;
	width: 96.153846%;
	margin: 0 auto;
	background-color: #444;
	text-align: center;
	z-index: 20;
}

.primary-nav .wrap {
	width: 100%;
}

.is-stretched .primary-nav {
	width: 100%;
	max-width: 100%;
}

.is-stretched .primary-nav .wrap {
	width: 96.153846%;
}

.primary-nav ul.nav-menu,
.primary-nav div.nav-menu > ul {
	position: relative;
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
	width: 100%;
	text-align: left;
	z-index: 9;
}

.primary-nav ul {
	margin: 0;
	text-indent: 0;
}

.primary-nav li {
	position: relative;
	float: left;
	margin: 0;
}

ul.nav-menu > li {
	border-right: 1px solid #5a5a5a;
	border-right-color: rgba(255, 255, 255, 0.07);
}

ul.nav-menu > li:hover {
	border-right-color: rgba(255, 255, 255, 0);
}

.primary-nav li a {
	display: block;
	font-size: 1.1666em;
	font-weight: normal;
	line-height: 1.5;
	padding: 0.85714em;
	color: #fff;
	text-decoration: none;
	white-space: nowrap;
	-webkit-transition: 0.15s ease-in-out;
	-moz-transition: 0.15s ease-in-out;
	-o-transition: 0.15s ease-in-out;
	transition: 0.15s ease-in-out;
}

ul.nav-menu > li > a {
	border-right: 1px solid #2a2a2a;
	border-right-color: rgba(0, 0, 0, 0.1);
}

ul.nav-menu li a span {
	display: block;
	font-size: 0.75em;
}

ul.nav-menu > li > a:hover {
	border-right-color: rgba(0, 0, 0, 0.15);
}

.primary-nav li:hover > a {
	color: #fff;
	background-color: #555;
	background-color: rgba(255, 255, 255, 0.1);
}

.primary-nav li ul {
	position: absolute;
	display: none;
	width: 17em;
	margin: 0;
	padding: 0;
	list-style: none;
	top: 100%;
	left: -1px;
	background: #fff;
	z-index: 10;
	-webkit-box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.1);
}

.primary-nav li ul ul {
	top: 0;
	left: 100%;
	-webkit-box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.1), 0 -1px 0 0 rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.1), 0 -1px 0 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.1), 0 -1px 0 0 rgba(0, 0, 0, 0.1);
}

.primary-nav ul li:hover > ul {
	display: block;
}

ul.nav-menu > li.current-menu-item > a,
ul.nav-menu > li.current-menu-ancestor > a,
ul.nav-menu > li.current_page_item > a,
ul.nav-menu > li.current_page_ancestor > a {
	background: #fff;
	color: #000;
	text-shadow: none;
	border: none;
	border-top: 2px solid #e00000;
	margin-top: -2px;
}

.primary-nav li li {
	width: 100%;
	border: none;
}

.primary-nav li ul li a {
	float: none;
	display: block;
	margin: 0;
	padding: 0.75em 1em;
	color: #555;
	font-size: 1em;
	white-space: normal;
	text-transform: none;
	font-weight: normal;
	text-shadow: none;
	border: none;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
}

.primary-nav li ul li:last-child a {
	border-bottom: none;
}

.primary-nav li ul li:hover > a {
	color: #333;
	background: #f0f0f0;
}

.primary-nav ul ul a,
.primary-nav ul ul ul a,
.primary-nav ul ul ul ul a {
	padding-left: 1.166em;
}

.primary-nav li.menu-item-has-children > a {
	padding-right: 0.666em;
}

.primary-nav ul ul li.menu-item-has-children > a {
	padding-right: 1em;
}

.primary-nav li.menu-item-has-children > a:after {
	font-family: FontAwesome;
	content: "\f0d7"; /* f078 for chevron arrow */
	font-size: 0.75em;
	font-weight: normal;
	line-height: inherit;
	font-weight: normal;
	display: inline;
	padding-left: 0.666em;
	color: inherit;
}

.primary-nav ul ul li.menu-item-has-children > a:after {
	float: right;
	padding: 0;
	color: inherit;
	content: "\f0da"; /* f054 for chevron arrow */
	font-size: 0.875em;
	font-weight: normal;
	line-height: 2;
}

.primary-nav ul ul li.menu-item-has-children:hover > a:after {
	color: inherit;
}


/* Responsive Menu */

#responsive-menu {
	display: none;
	width: 96%;
	margin: 0 auto;
	text-align: left;
}

.menu-button {
	margin: 0;
	padding: 0.5em 0 0.5em 0.75em;
	color: #333;
	background: #f5f5f5;
	cursor: pointer;
}

.toggle-icon {
	float: right;
	display: block;
	width: 24px;
	height: 27px;
	margin: .5em 0.75em 0 0;
}

.toggle-icon span {
	display: block;
	width: 24px;
	height: 2px;
	margin-bottom: 4px;
	background: #333;
	-webkit-transition: all .1s ease-out;
	transition: all .1s ease-out;
}

.menu-button.activetoggle {
	color: #999;
}

.menu-button.activetoggle .toggle-icon span {
	background: #999;
}

.menu-drop {
	display: none;
	width: 100%;
	background: #fff;
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 0 3px rgba(0,0,0,0.2);
	box-shadow: 0 0 3px rgba(0,0,0,0.2);
	border-bottom: 1px solid #e5e5e5;
}

#responsive-menu-2 .menu-drop {
	height: auto;
	max-height: 93%;
	overflow-y: scroll;
}	

.menu-drop ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.menu-drop ul li {
	border-bottom: 1px solid #e5e5e5;
}

.menu-drop ul li:last-child {
	border-bottom: none;
}

.menu-drop ul ul li:first-child {
	border-top: 1px solid #e5e5e5;
}

.optional-menu {
	border-top: 1px solid #e5e5e5;
}

.menu-drop a {
	display: block;
	padding: 0.75em 1em;
	color: #666;
}

.menu-drop a:hover {
	color: #333;
}

.menu-drop ul ul {
	display: block !important;
}

.menu-drop ul ul li {
	padding-left: 1.5em;
}

.menu-drop ul ul li a {
	padding: 0.75em 0;
}

/* Sticky Menus */

#utility-top-2 {
	background: #fff;
}

@media only screen and (min-width: 768px) {
	#responsive-menu-2 {
		display: none !important;
	}
}

.sec-sticky,
.main-sticky,
.resp-sticky {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 100%;
	z-index: 99999999;
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	display: none;
}

.sec-sticky,
.main-sticky,
.resp-sticky .menu-button {
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}

.main-sticky {
	z-index: 9999999;
	width: 100%;
	max-width: 100%;
}

.main-sticky .wrap {
	width: 96%;
}

/* Breadcrumbs */

.breadcrumbs,
#breadcrumb {
	position: relative;
	margin: 0 0 1.5em 0;
	color: #666;
}

.breadcrumbs a,
#breadcrumb a {
	color: #222;
}

.breadcrumbs a:hover,
#breadcrumb a:hover {
	color: #e00000;
}


/* ---------------------------------------------------------------
 * 5. WIDGET AREA and WIDGETS
 * Basic styles for sidebar, secondary widget area and widgets
 * ------------------------------------------------------------ */

/* General styles */

.widget {
	position: relative;
	display: block;
	margin-bottom: 0.75em;
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}

.widget:after {
	clear: both;
	content: "";
	display: table;
}

h3.sb-title {
	font-size: 1.5em;
	line-height: 1.5;
	margin-bottom: 1em;
	color: #999;
}

.widget ul {
	position: relative;
	margin: -0.666em 0 1.5em;
	padding: 0;
	list-style: none;
}

.widget ul.ss_social {
	margin-top: 0;
}

.widget ul li {
	position: relative;
	display: block;
	padding: 0.666em 0;
	border-bottom: 1px solid #e9e9e9;
}

.widget ul ul {
	margin: 0.666em 0 0;
}

.widget ul ul li {
	padding-left: 1.5em;
}

.widget ul ul li:first-child {
	border-top: 1px solid #e9e9e9;
}

.widget ul ul li:before {
	position: absolute;
	left: 0.5em;
	content: "\002d";
	color: #999;
}

.widget ul ul li:last-child {
	padding-bottom: 0;
	border-bottom: none;
}

.widget ul a {
	color: #555;
	text-decoration: none
}

.widget ul a:hover {
	color: #222;
	text-decoration: none;
}

.widget ins {
	color: #555;
}

.widget span.count {
	float: right;
	margin-left: 0.3em;
}

.tagcloud {
	position: relative;
	overflow: hidden;
	margin-bottom: 1.5em;
}

.tagcloud a {
	float: left;
	display: block;
	margin: 0 0.25em 0.25em 0;
	font-size: 1em !important;
	line-height: 1.5;
	padding: 0.25em 0.5em;
	background: #f5f5f5;
	color: #777;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

.tagcloud a:hover {
	background: #333;
	color: #fff;
	text-shadow: none;
}

#secondary .tagcloud a {
	background: #333;
	color: #ccc;
	text-shadpw: none;
}

#secondary .tagcloud a:hover {
	background: #555;
	color: #fff;
}

#wp-calendar td,
#wp-calendar th {
	padding: 2%;
	text-align: center;
}

#wp-calendar td#today {
	background: #333;
	color: #fff;
}


/* Secondary widget area */

h3.sc-title {
	font-size: 1.3333em;
	line-height: 1.6875;
	margin-bottom: 1.125em;
	color: #fff;
}

#secondary .widget ul li {
	border-bottom-color: #666;
}

#secondary .widget ul ul {
	border-top-color: #666;
}

#secondary a,
#secondary ul a {
	color: #ccc;
	text-decoration: none;
}

#secondary a:hover,
#secondary ul a:hover {
	color: #fff;
	text-decoration:none;
}

#secondary .widget ul.post-list {
	margin-top: 0;
}


/* Search Widget */
.widget .search-field, #search-bar .search-field {
	width: 100%;
	padding-right: 5em;
}

.widget .search-submit, #search-bar .search-submit {
	position: absolute;
	top: 0;
	right: 0;
}


/* ---------------------------------------------------------------
 * 6. BLOG PAGES
 * Styles blog posts, archives, single, and post short codes
 * ------------------------------------------------------------ */

/* Blog Classic Style */

.hentry, .sticky {
	margin-bottom: 1.5em
}

.entry-classic, .search .hentry {
	border-bottom: 1px solid #e5e5e5;
}

.entry-thumb {
	position: relative;
	overflow: hidden;
	margin-bottom: 1.5em;
}

.entry-list-left .entry-thumb {
	margin-bottom: 0;
}


/* Blog List Style */

.entry-list {
	position: relative;
	margin-bottom: 1.5em;
	border-bottom: 1px solid #e5e5e5;
}

.entry-list-left {
	position: relative;
	float: left;
	width: 31.3131%;
	margin: 0 0 1.5em 0;
}

.entry-list-right {
	margin-left: 34.3434%;
}

.entry-list-right.no-image {
	margin-left: 0;
}


/* Blog Grid Styles */

.entry-grid {
	position: relative;
	float: left;
	width: 48.484848%;
	margin: 0 3.030303% 1.5em 0;
	border-bottom: 1px solid #e5e5e5;
}

.col3 {
	width: 32%;
	margin: 0 2% 2% 0;
}

.col4 {
	width: 23.5%;
	margin: 0 2% 2% 0;
}

.entry-grid h2.entry-title {
	font-size: 1.5em;
	line-height: 1.5;
	margin-bottom: 0.5em;
}

.entry-content {
	position: relative;
	overflow: hidden;
}

.entry-content.no-meta, .flex-caption.no-meta {
	padding-bottom: 0.5em;
}

.first-grid {
	clear: both;
}

.last-grid {
	margin-right: 0;
}

.last-grid:after {
	clear: both;
	display: table;
	content: "";
}

.entry-meta {
	position: relative;
	overflow: hidden;
	display: block;
	margin: 0 0 1.5em;
	color: #999;
}

.sep {
	color: #ccc;
}

#secondary .sep {
	color: #999;
}

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

.entry-meta a:hover,
.widget .entry-meta a:hover {
	color: #333;
}

#secondary ul .entry-meta a,
#secondary ul .widget .entry-meta a {
	color: #999;
}

#secondary ul .entry-meta a:hover,
#secondary ul .widget .entry-meta a:hover {
	color: #ccc;
}

.single .entry-meta,
.entry-classic .entry-meta {
	margin-top: -0.375em;
}

.post-list .entry-meta {
	margin-top: 0;
}


/* Post Short codes */

/* One Columnar List */
.one-col {
	position: relative;
	overflow: hidden;
	float: none;
	width: 100%;
	margin: 0 0 1.5em;
	border-bottom: 1px solid #e5e5e5;
}

.post-thumb {
	margin-bottom: 1.25em;
}

.post-thumb img {
	display: block;
}

/* Two Columnar List */
.two-col {
	position: relative;
	margin: 0;
	padding: 0;
	list-style: none;
}

.two-col li {
	position: relative;
	overflow: hidden;
	float: left;
	width: 48.484848%;
	margin: 0 3.030303% 1.5em 0;
	border-bottom: 1px solid #e5e5e5;
}

.full-width .two-col li {
	width: 49%;
	margin: 0 2% 2% 0;
}

.two-col li.first-grid {
	clear: both;
}

.two-col li.last-grid {
	margin-right: 0;
}


/* Three Columnar List */
.three-col {
	margin: 0;
	padding: 0;
	list-style: none
}

.three-col li {
	position: relative;
	overflow: hidden;
	float: left;
	width: 31.3131%;
	margin: 0 3.030303% 1.5em 0;
	border-bottom: 1px solid #e5e5e5;
}

.full-width .three-col li {
	width: 32%;
	margin: 0 2% 2% 0;
}

.three-col li.first-grid {
	clear: both;
}

.three-col li.last-grid {
	margin-right:0;
}

/* Post List with left aligned small thumbnail */
.post-list {
	margin: 0 0 1.5em;
	padding: 0;
	list-style: none;
}

.post-list li,
#sidebar .post-list li {
	position: relative;
	overflow: hidden;
	padding: 0.75em 0;
	border-bottom: 1px solid #e9e9e9;
}

.post-list li:first-child {
	padding-top: 0;
}

.post-list .post-thumb {
	float: left;
	width: 6.1666em;
	margin: 0;
}

.post-content {
	margin-left: 7em;
}

.post-content.no-image {
	margin-left: 0;
}


/* Single Posts */

.entry-header img.wp-post-image {
	margin-bottom: 1.5em;
}

.entry-header .feat-caption {
	margin: -.75em auto 1.5em;
	text-align: center;
	color: #777;
	font-style: italic;
}

.single article {
	position: relative;
	border-bottom: 1px solid #e5e5e5;
}

/* Post Navigation */
#nav-below {
	clear: both;
	position: relative;
	overflow: hidden;
	margin: 0 0 1.5em;
}

#nav-below a,
#nav-below a:visited,
.more-link,
.more-link:visited {
	color: #999;
}

#nav-below a:hover,
.more-link:hover {
	color: #333;
}

.nav-previous,
.previous-image {
	float: left;
	width: 50%;
}

.nav-next,
.next-image {
	float: right;
	text-align: right;
	width: 50%;
}

.nav-single + .comments-area,
#comment-nav-above {
	margin: 0 0 1.5em;
}

.page-links {
	position: relative;
	margin-bottom: 1.5em;
}

.woocommerce .navigation:after {
	content: "";
	display: table;
	clear: both;
}


/* Previous Next Post links */

.post-navigation {
	position: relative;
	overflow: hidden;
	margin: 0 0 20px;
	padding: 0 0 20px;
	border-bottom: 1px solid #e5e5e5;
}

.nav-links a {
	position: relative;
	color: #777;
}

.nav-links .post-title {
	font-size: 14px;
}

.nav-links .meta-nav {
	font-size: 1rem;
	line-height: 1.5;
	color: #777;
	display: block;
}

.nav-links .nav-previous a {
	padding: 0 0 0 20px;
	display: inline-block;
}

.nav-links .nav-next a {
	padding: 0 20px 0 0;
	display: inline-block;
}

.nav-links .nav-previous a:before,
.nav-links .nav-next a:after {
	font-family: FontAwesome;
	display: inline-block;
	position: absolute;
	vertical-align: middle;
	font-weight:400;
	font-style: normal;
	speak:none;
	text-decoration:inherit;
	text-transform:none;
	text-rendering:optimizeLegibility;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	text-align: center;
	font-size: inherit;
	line-height: inherit;
	color: inherit;
	top: 21px;
}

.nav-links .nav-previous a:before,
.rtl .nav-links .nav-next a:after {
	content: "\f053";
	left: 0;
}

.nav-links .nav-next a:after,
.rtl .nav-links .nav-previous a:before {
	content: "\f054";
	right: 0;	
}

.nav-links a:hover .post-title,
.nav-links a:hover:before,
.nav-links a:hover:after {
	color: #333;
}

/* Page Links */
.page-links {
	position: relative;
	clear: both;
	margin-bottom: 18px;
	color: #777;
}

.page-links a,
.page-links span {
	display: inline-block;
	padding: 4px 12px;
	margin: 0 2px;
	text-align: center;
}

.page-links a {
	color: #777;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.page-links a:hover {
	color: #333;
	background: rgba(0,0,0,.07);
}

.page-links span.page-links-title,
.page-links span.screen-reader-text,
.page-links a span {
	margin: 0;
	padding: 0;
}

/* Tag List */
.tag-label {
	display: block;
	float: left;
	margin: 0;
	padding: 0.25em 0.5em 0.25em 0;
	color: #777;
}

.tag-list {
	position: relative;
	overflow: hidden;
	margin: 0 0 1.5em;
	padding: 0;
	list-style: none;
}

.tag-list li {
	float: left;
	margin: 0 0.25em 0.25em 0;
}

.tag-list li a {
	display: block;
	font-size: 1em;
	line-height: 1.5;
	padding: 0.25em 0.5em;
	background: #f5f5f5;
	color: #777;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

.tag-list li a:hover {
	background: #333;
	color: #fff;
	text-shadow: none;
}


/* Author Profile */

h1.author {
	font-size: 1.5em;
	line-height: 1.5;
	margin: 0 0 0.5em;
}

.author-info {
	position: relative;
	margin-bottom: 1.5em;
	border-bottom: 1px solid #e5e5e5;
}

.author-avatar {
	float: left;
	margin: 0;
	width: 5.333em;
	height: 5.333em;
}

.author-avatar img,
img.avatar {
	display: block;
	-webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.3);
	box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.3);
}

.author-description {
	margin-left: 7em;
}

.author-link {
	position: relative;
	margin-bottom: 1.5em;
}


/* Comments */

.commentlist {
	margin: 0 0 1.5em;
	padding: 1.5em 0 0;
	list-style: none;
}

.commentlist li {
	margin-bottom: 1.5em;
	border-bottom: 1px solid #e5e5e5;
}

.commentlist li li {
	padding: 1.5em 0 0 5.5em;
	margin-bottom: 0;
	border-bottom: none;
	border-top: 1px solid #e5e5e5;
}

.commentlist ul,
.commentlist ul ul {
	margin: 0;
	list-style: none;
}

.comments-area article {
	border: none;
}

.comments-area article header {
	margin-bottom: 0.75em;
	color: #777;
}

.comments-area article header img {
	float: left;
	width: 4em;
	height: 4em;
	margin: 0 1.5em 1.5em 0;
	padding: 0;
	display: block;
}

.comment-content {
	position: relative;
	margin-left: 5.5em
}

.comments-area article header cite {
	font-size: 1.166em;
	line-height: 1.5;
}

.comments-area article header a {
	color: #666;
	text-decoration: none;
}

.comments-area article header a:hover {
	color: #333;
}

.comments-area article header cite a {
	color: #333;
}

.comments-area article header cite a:hover {
	color: #e00000;
	text-decoration: underline;
}

.comments-area li.bypostauthor cite {
	font-style: normal;
	color: #333;
}

.comments-area li.bypostauthor cite span {
	position: absolute;
	right: 0;
	bottom: 0;
	padding: 0 0.454em;
	font-size: 0.7857em;
	line-height: 1.636;
	color: #fff;
	background: #222;
	z-index: 2;
}

.reply {
	position: relative;
	margin: -0.75em 0 1.5em 6em;
	font-size: 0.9166em;
	line-height: 1.636;
}

.reply a {
	color: #999;
}

.reply a:hover {
	color: #333;
}

p.logged-in-as {
	color: #999;
}


/* Related Posts */

.related-posts {
	position: relative;
	margin-bottom: 1.5em;
	border-bottom: 1px solid #e5e5e5;
}

ul.thumb-style {
	position: relative;
	overflow: hidden;
	margin: 0;
	padding-top: 0.75em;
	list-style: none;
}

ul.thumb-style li {
	position: relative;
	float: left;
	width: 22.7275%;
	margin: 0 3.030303% 1.5em 0;
	padding: 0;
}

ul.thumb-style li a.rp-thumb {
	display: block;
	margin-bottom: 0.75em;
}

ul.thumb-style li img {
	display: block
}

ul.thumb-style li h4 {
	margin: 0;
}

ul.thumb-style li:nth-child(4n+4) {
	margin-right: 0;
}
ul.thumb-style li:nth-child(4n+5) {
	clear: both;
}

ul.plain-style {
	list-style: square;
}

ul.plain-style a {
	color: #666;
}

ul.plain-style a:hover {
	color: #333;
}


/* Advertisement area */

.ad-area {
	position: relative;
	margin-bottom: 1.5em;
}


/* Social sharing buttons on single post */

.ss-sharing-container {
	position: relative;
	margin: 0 0 1.5em;
	padding: 0 0 0.75em;
	border-bottom: 1px solid #e5e5e5;
}

.fb-share-button,
.ss-sharing-btn {
	position: relative;
	display: inline-block;
	margin: 0 1em 0.75em 0;
	padding: 0;
	vertical-align: top;
}

.ss-sharing-container div.ss-sharing-btn:last-child {
	margin-right: 0;
}

.ss-sharing-btn iframe,
.ss-sharing-btn table {
	margin-bottom: 0;
	max-width: inherit;
}

.ss-sharing-btn td,
.ss-sharing-btn th {
	padding: 0;
	border: 0;
}

.fb_iframe_widget iframe {
	max-width: inherit;
}

.single iframe[class^="PIN_"] {
	display: none;
}


/* ---------------------------------------------------------------
 * 7. FOOTER
 * Footer area styles
 * ------------------------------------------------------------ */

#footer a {
	color: #fff;
}

#footer a:hover {
	color: #fff;
}

.notes-left,
.notes-right {
	position: relative;
	overflow: hidden;
	width: 50%;
	font-size: 0.9166em;
	line-height: 1.636;
}

.notes-left {
	float: left;
}

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

.scroll-to-top {
	position: fixed;
	right: 0.75em;
	bottom: 0.75em;
	text-align: center;
	z-index: 999;
}

.scroll-to-top a {
	display: block;
	width: 2.666em;
	height: 2.666em;
	background: #333;
	color: #fff;
	-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.07);
	-moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.07);
	box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.07);
}

.scroll-to-top a:before {
	font-size: 1.1666em;
	line-height: 2.285;
	display: inline-block;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\f0d8";
}

.scroll-to-top a:hover {
	background-color: #e00000;
}

/* ---------------------------------------------------------------
 * 8. FORMS
 * Comment form, contact form, and other form styles.
 * ------------------------------------------------------------ */

form {
	position: relative;
	margin: 0 0 1.5em;
}

#search-bar .search-form {
	margin: 0;
}

select,
textarea,
input[type="text"],
input[type="email"],
input[type="search"],
input[type="password"] {
	width: auto;
	max-width: 100%;
	color: inherit;
}

textarea,
input[type="text"],
input[type="email"],
input[type="search"],
input[type="password"] {
	margin: 0;
	padding: 0.75em 0.5em;
	border: 1px solid #e0e0e0;
	height: 3em;
	vertical-align: middle;
}

textarea {
	min-height: 50px;
	height: auto;
}

textarea:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="search"]:focus,
input[type="password"]:focus {
	outline: 0;
	border-color: #ccc;
}

select {
	width: auto;
	max-width: 100%;
	padding: 0.3em;
	background-color: #fff;
	border: 1px solid #ccc;
}

optgroup {
	font-family: inherit;
	font-style: normal;
	font-weight: bold;
	color: #000;
}

optgroup option {
	padding-left: 0.5em;
}

input[type="checkbox"] {
	display: inline;
	margin-right: 0.333em;
	vertical-align: middle;
}

/* Buttons */
button,
.menu-toggle,
input[type="submit"],
input[type="button"],
input[type="reset"],
article.post-password-required input[type=submit] {
	padding:0.75em 0.5em;
	font-size: 1em;
	line-height: 1.5;
	height: 3em;
	font-weight: normal;
	color: #444;
	border: 1px solid #ccc;
	cursor: pointer;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	vertical-align: middle;
	background-color: #fafafa;
	background-repeat: repeat-x;
	background-image: -webkit-linear-gradient(top, #fafafa, #eaeaea);
	background-image: -moz-linear-gradient(top, #fafafa, #eaeaea);
	background-image: -ms-linear-gradient(top, #fafafa, #eaeaea);
	background-image: -o-linear-gradient(top, #fafafa, #eaeaea);
	background-image: linear-gradient(top, #fafafa, #eaeaea);
}

button:hover,
.menu-toggle:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
article.post-password-required input[type=submit]:hover {
	color: #333;
	background-color: #fafafa;
	border-color: #bbb;
	background-repeat: repeat-x;
	background-image: -webkit-linear-gradient(top, #fafafa, #e5e5e5);
	background-image: -moz-linear-gradient(top, #fafafa, #e5e5e5);
	background-image: -ms-linear-gradient(top, #fafafa, #e5e5e5);
	background-image: -o-linear-gradient(top, #fafafa, #e5e5e5);
	background-image: linear-gradient(top, #fafafa, #e5e5e5);
}

button:active,
.menu-toggle:active,
input[type="submit"]:active,
input[type="button"]:active,
input[type="reset"]:active {
	color: #666;
	background-color: #e5e5e5;
	border-color: #bbb #ccc #ccc #ccc;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #e0e0e0, #e5e5e5);
	background-image: -ms-linear-gradient(top, #e0e0e0, #e5e5e5);
	background-image: -webkit-linear-gradient(top, #e0e0e0, #e5e5e5);
	background-image: -o-linear-gradient(top, #e0e0e0, #e5e5e5);
	background-image: linear-gradient(top, #e0e0e0, #e5e5e5);
}

.menu-toggle {
	height: auto;
}

/* Comment form */

h3#reply-title small {
	font-size: 1em;
}

a#cancel-comment-reply-link {
	font-size: 0.6111em;
	color: #999;
}

a#cancel-comment-reply-link:hover {
	color: #333;
}

#respond form label,
#contactform label {
	display: block;
	line-height: 1.5;
}

#respond form input[type="text"],
#contactform input[type="text"],
#respond form textarea,
#contactform textarea {
	width: 100%;
	max-width: 66.66%;
}

.column #contactform input[type="text"],
.column #contactform textarea {
	max-width: 100%;
}

#respond form textarea {
	width: 100%;
	max-width: 100%;
}

.required {
	color: red;
}

input.error,
textarea.error {
	border: 1px solid #ff6666 !important;
}

#mail_success,
#mail-success-no-js {
	margin: 1.5em 0 0;
}

#mail_success {
	display: none;
}


/* ---------------------------------------------------------------
 * 9. MISCELLANEOUS
 * Slider, style elements and general helper rules.
 * ------------------------------------------------------------ */

.widget .ss_social li {
	padding: 0;
	border: none;
}

/* Clearing Margins */
.last {
	margin-right: 0;
}

.last:after {
	clear: both;
}

.last:before,
.last:after {
	display: table;
	content: "";
}

/* WP Page Navi Pagination */
.wp-pagenavi {
	position: relative;
	overflow: hidden;
	margin: 0 0 1.5em;
}

.wp-pagenavi a,
.wp-pagenavi span.current {
	font-size: 1em;
	padding: 0.375em 0.85em;
	margin-right: 0.375em;
	color: #777;
	background: #fff;
	border: 1px solid #e5e5e5;
	display: inline-block;
}

.wp-pagenavi a:hover {
	background: #f0f0f0;
	color: #777;
	border-color: #ccc;
}

.wp-pagenavi span.pages {
	float: right;
	padding: 0.375em 0;
	color: #999;
}

.wp-pagenavi span.current {
	color: #fff;
	background: #333;
	border-color: #222;
	text-decoration:none;
}

.wp-pagenavi a:active {
	color: #999;
}

/* Inline Labels */
.ss-label {
	display: inline-block;
	padding: 0 0.25em;
	font-size: inherit;
	line-height: inherit;
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.05);
	background-color: #333;
}

.ss-label.red {
	background-color: #e00000;
}

.ss-label.orange {
	background-color: #ff7600;
}

.ss-label.green {
	background-color: #339966;
}

.ss-label.blue {
	background-color: #0099ff;
}

.ss-label.dark-blue {
	background-color: #003399;
}

.ss-label.aqua {
	background-color: #33cc99;
}

.ss-label.brown {
	background-color: #996600;
}

.ss-label.grey {
	background-color: #666;
}

/* PullQuotes and DropCap */
.quote-left {
	float: left;
	display: inline-block;
	width: 40%;
	margin: 0.75em 1.5em 0 0;
}

.quote-right {
	float: right;
	display: inline-block;
	width: 40%;
	margin: 0.75em 0 0 1.5em;
}

.dropcap {
	display: inline-block;
	float: left;
	font-size: 3em;
	line-height: 1;
	margin-right: 0.166em;
	color: #333;
}

.inverted {
	background: #333;
	color: #fff;
	padding: 0 0.05em;
}


/* Other miscellaneous classes */
.my-ad {
	position: relative;
	overflow: hidden;
	padding: 1.5em;
	background: #fafafa;
	border: 1px dashed #ccc;
	color: #666;
	text-align: center;
}

.secondary-nav .menu-notifier {
	padding: 0.9166em 1em;
	display: block;
}

.primary-nav .menu-notifier {
	display: block;
	font-size: 1.166em;
	padding: 0.8571em 1em;
	color: #ccc;
}

/* Images */
img.alignleft {
	margin: 0 1.5em 1.5em 0;
}
img.alignright {
	margin: 0 0 1.5em 1.5em;
}
img.aligncenter {
	margin-bottom: 1.5em;
}

/* Make iFrame and Embeds reponsive */
.embed-wrap {
	position: relative;
	overflow: hidden;
	margin-bottom: 1.5em;
	padding-bottom: 56.25%;
	padding-top: 2em;
	height: 0;
}

.embed-wrap iframe,
.embed-wrap object,
.embed-wrap embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin-bottom: 0;
}

.entry-list .embed-wrap {
	margin-bottom: 0;
}

.entry-grid .embed-wrap {
	margin-bottom: 1.25em;
}


/* BuddyPress Plugin compatibility styles */

.buddypress .entry-content {
	overflow: visible;
}

#buddypress div#item-header,
#buddypress div#topic-meta {
	margin: 0 0 1.5em;
	padding: 0;
}

#buddypress div.pagination .pag-count {
	margin: 0;
}

#buddypress div#item-header div#item-meta {
	margin: 1.5em 0 0;
	padding: 0;
}

#buddypress div#item-header {
	border-bottom: 1px solid #e5e5e5;
}

div#topic-meta {
	padding: 0;
}

div.item-list-tabs,
div#subnav.item-list-tabs,
.padder div.pagination {
	margin: 1.5em 0;
}

.padder div.pagination {
	padding: 0.75em 1.5em;
}

#buddypress div#item-header img.avatar {
	width: 8em;
	height: 8em;
	margin: 0 1.5em 1.5em 0;
}

#buddypress div#item-header div#item-header-content {
	width: auto;
	float: none;
	margin-left: 9.5em;
}

div#subnav.item-list-tabs {
	padding-bottom: 1.5em;
}

div#item-header ul,
.item-list {
	margin: 0 0 1.5em;
	list-style: none;
}

#buddypress div#item-header div.generic-button,
#buddypress div#item-header a.button {
	margin: 0 0 1.5em;
}

.widget .item-options,
.widget .item-list {
	margin: 0 0 0.75em;
}

.widget .item-list .item:after,
ul.activity-list li:after,
form#whats-new-form #whats-new-submit:after,
#buddypress ul.item-list li:after {
	content: "";
	display: table;
	clear: both;
}

#buddypress ul#topic-post-list li {
	padding: 1.5em 1.5em 0;
}

ul#topic-post-list {
	margin: 0 0 1.5em;
	list-style: none;
}

div.item-list-tabs ul {
	margin: 0 0.5em 1.5em;
	list-style: none;
}

ul#topic-post-list li {
	padding: 1.5em;
}

ul#topic-post-list li div.post-content {
	margin-left: 50px;
}

div.item-list-tabs ul li:first-child {
	margin-left: 0;
}

ul.activity-list li,
#buddypress #admins-list li,
#buddypress #mods-list li,
#buddypress #members-list li {
	overflow: visible !important;
}

table.forum {
	margin: 0;
}

table.forum td img.avatar,
.activity-list .activity-content .activity-header img.avatar {
	float: none;
	display: inline;
	margin: 0 0.25em;
	vertical-align: middle;
}

#buddypress .activity-list li.mini,
#buddypress a.bp-secondary-action,
#buddypress span.highlight,
#buddypress span.activity,
#buddypress div#item-header div#item-meta {
	font-size: 100%;
	color: inherit;
}

form#whats-new-form #whats-new-content,
form#whats-new-form h5,
#buddypress .activity-list .activity-content {
	margin-left: 54px;
	padding-left: 1.5em;
}

#buddypress form#whats-new-form textarea,
form#whats-new-form textarea {
	width: 100%;
	font-size: 100%;
}

#buddypress table.forum td.td-freshness span.time-since,
#buddypress table.forum p.topic-meta,
#buddypress div.topic-tags {
	font-size: 90%;
}

#buddypress button,
#buddypress a.button,
#buddypress input[type="submit"],
#buddypress input[type="button"],
#buddypress input[type="reset"],
#buddypress ul.button-nav li a,
#buddypress div.generic-button a,
#buddypress .comment-reply-link,
a.bp-title-button {
	height: auto;
	font-size: 1em;
}

#whats-new-options {
	position: relative;
	padding-top: 1em;
}

form#whats-new-form #whats-new-submit,
form#whats-new-form #whats-new-options select {
	margin-top: 0;
}

.activity-list li.new_forum_post .activity-content .activity-inner,
.activity-list li.new_forum_topic .activity-content .activity-inner {
	margin-left: 0;
}

#item-body form#whats-new-form {
	margin: 1.5em 0;
	padding-bottom: 1.5em;
}

#item-nav {
	border-bottom: 1px dashed #ccc;
}


/* bbPress Plugin compatibility styles */

.bbpress .breadcrumbs {
	display: none;
}

#subscription-toggle {
	float: right;
}

#bbpress-forums p.bbp-topic-meta img.avatar,
#bbpress-forums ul.bbp-reply-revision-log img.avatar,
#bbpress-forums ul.bbp-topic-revision-log img.avatar,
#bbpress-forums div.bbp-template-notice img.avatar,
#bbpress-forums .widget_display_topics img.avatar,
#bbpress-forums .widget_display_replies img.avatar,
#bbpress-forums p.bbp-topic-meta img.avatar {
	display: inline;
}

#buddypress table.forum td img.avatar {
	margin: 0 5px;
}

#buddypress div.dir-search {
	float: none;
	margin: 0;
	position: absolute;
	right: 0;
	z-index: 2;
}

#buddypress div#topic-meta div.admin-links {
	top: -54px;
}

#bbpress-forums div.reply,
#buddypress div.admin-links {
	font-size: 1em;
	font-size: 100%;
	line-height: 1.5;
	margin: 0;
}

/* WPML Plugin compatibility Styles */

#lang_sel {
	width: auto;
	display: inline-block;
	text-align: left;
}

#lang_sel ul li {
	border: none;
}

img.iclflag {
	display: inline;
}


/* Fixed widget areas on left and right */

.fixed-widget-bar {
	position: fixed;
	top: 1.6em;
	width: auto;
	max-width: 300px;
	z-index: 99999;
}

.fixed-left {
	left: 10px;
}

.fixed-right {
	right: 10px;
}

@media only screen and (max-width: 1140px) {
	.fixed-widget-bar {
		display: none;
	}
}