/*
Theme Name: 	KnowHow
Theme URI: 		http://herothemes.com/
Author: 		Chris Mooney (Hero Themes)
Author URI: 	http://herothemes.com/
Description: 	<strong>For updates:</strong> <a href="http://twitter.com/herothemes">Follow me on twitter</a> &ndash; <a href="http://www.facebook.com/herothemes">Join the Facebook Group</a>
Version: 		1.1.9
License: 		GNU General Public License
License URI: 	License .txt
*/

/* =Notes
--------------------------------------------------------------

Please don't edit this file directly. Consider using a Child Theme (http://codex.wordpress.org/Child_Themes) or overiding CSS by using the Custom CSS box in the theme options panel.


/* apply a natural box layout model to all elements */
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

/* = Normalize and Reset
-------------------------------------------------------------- */

article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
audio:not([controls]){display:none;height:0}
[hidden]{display:none}
html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
html,button,input,select,textarea{font-family:sans-serif}
body{margin:0}
a:focus{outline:thin dotted}
a:hover,a:active{outline:0; text-decoration:underline}
h1{font-size:2em;margin:.67em 0}
h2{font-size:1.5em;margin:.83em 0}
h3{font-size:1.17em;margin:1em 0}
h4{font-size:1em;margin:1.33em 0}
h5{font-size:.83em;margin:1.67em 0}
h6{font-size:.75em;margin:2.33em 0}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:bold}
blockquote{margin:1em 40px}
dfn{font-style:italic}
mark{background:#ff0;color:#000}
p,pre{margin:0 0 1em}
pre,code,kbd,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}
pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}
q{quotes:none}
q:before,q:after{content:'';content:none}
small{font-size:75%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}
dl,menu,ol,ul{margin:1em 0}
dd{margin:0 0 0 40px}
menu,ol,ul{padding:0 0 0 40px}
nav ul,nav ol{list-style:none;list-style-image:none}
img{border:0;-ms-interpolation-mode:bicubic}
svg:not(:root){overflow:hidden}
figure{margin:0}
form{margin:0}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}
legend{border:0;padding:0;white-space:normal;*margin-left:-7px}
button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}
button,input{line-height:normal}
button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button;*overflow:visible}
button[disabled],input[disabled]{cursor:default}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
textarea{overflow:auto;vertical-align:top}
table{border-collapse:collapse;border-spacing:0}
.knowhow hr { background: #e6e6e6; }


/* =Responsive Grid
-------------------------------------------------------------- */

.row, .row-fixed, .row-adaptive, .row-delaybreak { width: 100%; max-width: 980px; margin: 0 auto;zoom: 1; }
.row:before, .row:after, .row-fixed:before, .row-fixed:after, .row-adaptive:before, .row-adaptive:after, .row-delaybreak:before, .row-delaybreak:after { content:""; display:table; }
.row:after, .row-fixed:after, .row-adaptive:after, .row-delaybreak:after { clear: both; }
.column { margin-left: 4.4%; float: left; min-height: 1px; position: relative; margin-bottom:1.5em;}
.column:first-child { margin-left: 0;}
.row .col-half, .row-fixed .col-half, .row-adaptive .col-half {width: 47.78%;}
.row.half-gutter .col-half:nth-child(3n+4), .row-fixed.half-gutter .col-half:nth-child(3n+4), .row-adaptive.half-gutter .col-half:nth-child(3n+4), .row-delaybreak.half-gutter .col-half:nth-child(3n+4) {margin-left:0;clear: left;}
.row .col-third, .row-fixed .col-third, .row-adaptive .col-third {width: 30.4%;}
.row.half-gutter .col-third:nth-child(3n+4), .row-fixed.half-gutter .col-third:nth-child(3n+4), .row-adaptive.half-gutter .col-third:nth-child(3n+4), .row-delaybreak.half-gutter .col-third:nth-child(3n+4) {margin-left:0;clear: left;}
.row .col-fourth, .row-fixed .col-fourth, .row-adaptive .col-fourth {width: 21.7%;}
.row.half-gutter .col-fourth:nth-child(4n+5), .row-fixed.half-gutter .col-fourth:nth-child(4n+5), .row-adaptive.half-gutter .col-fourth:nth-child(4n+5), .row-delaybreak.half-gutter .col-fourth:nth-child(4n+5) {margin-left:0;clear: left;}
.row .col-fifth, .row-fixed .col-fifth, .row-adaptive .col-fifth {width: 16.48%;}
.row .col-sixth, .row-fixed .col-sixth, .row-adaptive .col-sixth {width: 12.98%;}
.row.half-gutter .column, .row-fixed.half-gutter .column, .row-adaptive.half-gutter .column, .row-delaybreak.half-gutter .column {margin-left:2.2%;}
.row.half-gutter .column:first-child, .row-fixed.half-gutter .column:first-child, .row-adaptive.half-gutter .column:first-child, .row-delaybreak.half-gutter .column:first-child {margin-left:0;}
.row.half-gutter .col-half, .row-fixed.half-gutter .col-half, .row-adaptive.half-gutter .col-half, .row-delaybreak .col-half {width: 48.9%;}
.row.half-gutter .col-third, .row-fixed.half-gutter .col-third, .row-adaptive.half-gutter .col-third, .row-delaybreak .col-third {width: 31.86%;}
.row.half-gutter .col-fourth, .row-fixed.half-gutter .col-fourth, .row-adaptive.half-gutter .col-fourth, .row-delaybreak .col-fourth {width: 23.35%;}
.row.half-gutter .col-fifth, .row-fixed.half-gutter .col-fifth, .row-adaptive.half-gutter .col-fifth, .row-delaybreak .col-fifth {width: 18.24%;}
.row.half-gutter .col-sixth, .row-fixed.half-gutter .col-sixth, .row-adaptive.half-gutter .col-sixth, .row-delaybreak .col-sixth {width: 14.83%;}
.row.no-gutter .column, .row-fixed.no-gutter .column, .row-adaptive.no-gutter .column {margin-left:0;}
.row.no-gutter .col-half, .row-fixed.no-gutter .col-half, .row-adaptive.no-gutter .col-half {width: 50%;}
.row.no-gutter .col-third, .row-fixed.no-gutter .col-third, .row-adaptive.no-gutter .col-third {width: 33.333%;}
.row.no-gutter .col-fourth, .row-fixed.no-gutter .col-fourth, .row-adaptive.no-gutter .col-fourth {width: 24.99%;}
.row.no-gutter .col-fifth, .row-fixed.no-gutter .col-fifth, .row-adaptive.no-gutter .col-fifth {width: 20%;}
.row.no-gutter .col-sixth, .row-fixed.no-gutter .col-sixth, .row-adaptive.no-gutter .col-sixth {width: 16.66%;}

@media only screen and (max-width: 720px) {
.row { width: 100%; min-width: 0; margin-left: 0; margin-right: 0; }
.row .row .column { padding: 0; }
.row .column { width: auto !important; float: none; margin-left: 0; margin-right: 0; }
.row .column:last-child { margin-right: 0; float: none;}
.row .column:before, .column:after { content:""; display:table; }
.row .column:after { clear: both; }
.row-adaptive .col-fourth {width: 47.8%;}
.row-adaptive .col-fourth:nth-child(3) {margin-left: 0;}
.row-adaptive.half-gutter .col-fourth {width: 48.9%;}
.row-adaptive .col-sixth {width: 30.4%;}
.row-adaptive .col-sixth:nth-child(4n+4) {margin-left: 0;}
.row.half-gutter .col-sixth, .row-fixed.half-gutter .col-sixth, .row-adaptive.half-gutter .col-sixth {width: 31.86%;}
.row.no-gutter .column, .row-fixed.no-gutter .column, .row-adaptive.no-gutter .column {margin-left:0;}
.row.half-gutter .column {margin-left:0;}
.row-adaptive.hff .col-half, .row-adaptive.ffh .col-half {width:auto !important; float: none; margin-left: 0; margin-right: 0;clear:both;}
.row-adaptive.hff .col-fourth:nth-child(2) {margin-left:0;clear:left;}
.row-adaptive.hff .col-fourth:nth-child(3) {margin-left:4.4%;}
.row-adaptive.hff .col-fourth:nth-child(3) {clear:inherit;}
}

@media only screen and (max-width: 480px) {
.row-delaybreak { width: 100%; min-width: 0; margin-left: 0; margin-right: 0; }
.row-delaybreak .row .column { padding: 0; }
.row-delaybreak .column { width: auto !important; float: none; margin-left: 0; margin-right: 0; }
.row-delaybreak .column:last-child { margin-right: 0; float: none; }
.row-delaybreak .column:before, .column:after { content:""; display:table; }
.row-delaybreak .column:after { clear: both; }
.row-adaptive .col-sixth, .row-adaptive .col-fourth {width: 47.78%;}
.row-adaptive .col-sixth:nth-child(4n+4) {margin-left:4.4%;}
.row-adaptive .col-sixth:nth-child(2n+3)  {margin-left: 0;}
.row-adaptive .col-fourth:nth-child(3) {margin-left: 0;clear:left;}
.row-adaptive .col-fourth, .row-adaptive.half-gutter .col-fourth {width:100%;margin-left:0;}
.row-adaptive.hff .col-fourth:nth-child(3) {margin-left:0;}
.row.half-gutter .col-sixth, .row-fixed.half-gutter .col-sixth, .row-adaptive.half-gutter .col-sixth {width: 48.9%;}
.row-adaptive.half-gutter .col-sixth:nth-child(4n+4) {margin-left: 2.2%;}
}


/* = Core Classes
-------------------------------------------------------------- */

/*	Clearfix */
.clearfix{*zoom:1;}.clearfix:before,.clearfix:after{display:table;content:"";}.clearfix:after{clear:both;}

/* Responsive images */
.knowhow .entry-content img,
.knowhow .comment-content img,
.knowhow .widget img {
	max-width: 100%; /* Fluid images for posts, comments, and widgets */
}
.knowhow img[class*="align"],
.knowhow img[class*="wp-image-"],
.knowhow img[class*="attachment-"] {
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
.knowhow img.size-full,
.knowhow img.size-large,
.knowhow img.header-image,
.knowhow img.wp-post-image {
	max-width: 100%;
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}

/* Make sure videos and embeds fit their containers */
.knowhow embed,
.knowhow iframe,
.knowhow object,
.knowhow video {
	max-width: 100%;
}
.knowhow .entry-content .twitter-tweet-rendered {
	max-width: 100% !important; /* Override the Twitter embed fixed width */
}

/*	Responsive Video Container  */
.knowhow .video-container {position: relative;padding-bottom: 56.25%;padding-top: 30px;height: 0;overflow: hidden;}
.knowhow .video-container iframe, .knowhow .video-container object, .knowhow .video-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}


/* = Entry Content Styling
-------------------------------------------------------------- */

/* For consistent vertical rhythm */
.knowhow .entry-content p {
	margin:0 0 20px;
}

.knowhow .entry-content ul, 
.knowhow .entry-content ol,
.knowhow .entry-content dl,
.knowhow .entry-content blockquote,
.knowhow .entry-content h1, 
.knowhow .entry-content h2, 
.knowhow .entry-content h3, 
.knowhow .entry-content h4, 
.knowhow .entry-content h5, 
.knowhow .entry-content h6,
.knowhow .entry-content code,
.knowhow .entry-content pre,
.knowhow .entry-content table {
	margin:0 0 10px;
}
.knowhow .entry-content blockquote {
	padding: 0;
	font-size: 18px;
	line-height: 24px;
}
.knowhow .entry-content blockquote p {
	padding:6px 0;
}
.knowhow .entry-content embed,
.knowhow .entry-content iframe,
.knowhow .entry-content object,
.knowhow .entry-content video {
	margin-bottom: 24px;
}
.knowhow .entry-content a {
	text-decoration: underline;
}

.knowhow .entry-content #sidebar_index a {
	text-decoration: none;
}

/* Links + Bolg */
.knowhow .entry-content > a,
.knowhow .entry-content  > strong {
	font-weight:600;
}
/* Lists */
.knowhow .entry-content ul, 
.knowhow .entry-content ol {
	padding: 0;
	margin: 14px 0 24px 50px;
}
.knowhow .entry-content ul {
	list-style: disc;
	list-style-position: outside;
	margin-left: 50px;
}
.knowhow .entry-content ol {
	list-style-position: outside;
}

.knowhow .entry-content ul.nav  , .knowhow .entry-content ol.nav  {
	list-style:none;
}
.knowhow .st-btn{color:#333;}

.knowhow .st-btn-blue,
.knowhow .st-btn-blue:hover,
.knowhow .st-btn-green, .st-btn-green:hover,
.knowhow .st-btn-red, .st-btn-red:hover,
.knowhow .st-btn-purple, .st-btn-purple:hover,
.knowhow .st-btn-teal, .st-btn-teal:hover,
.knowhow .st-btn-black, .st-btn-black:hover{color:#fff;}



.knowhow .entry-content ul li, 
.knowhow .entry-content ol li {
	margin: 4px 0;
}
.knowhow #sidebar_index ul li, 
.knowhow #sidebar_index ol li {
	margin-top:0 !important;
}


.knowhow strong.step { color: #3c48d5;}
.knowhow .list-style-none { list-style:none !important; margin-left: 0 !important;}
.knowhow b, .knowhow strong{font-weight:600;}


.knowhow .entry-content dt,
.knowhow .comment-content dt {
	font-weight: 600;
}
.knowhow .entry-content dd,
.knowhow .comment-content dd {
	margin-bottom: 10px;
}
/* Blockquotes */
.knowhow .entry-content blockquote {
	background: #f7f7f7;
	border-left:4px solid #e5e5e5;
	padding: 30px 35px 30px 100px;
	color:#404040;
    position: relative;
    border-bottom: none;
}
.knowhow .entry-content blockquote:before {
	display:block;
	padding: 10px;
	font-family: FontAwesome;
	content: "\f10d";
	position:absolute;
	left:25px;
	top:30px;
	font-style:normal;
	font-size:26px;
	color:#ccc;
	border:2px solid #ccc;
	border-radius:99%;
	-moz-border-radius:99%;
	-webkit-border-radius:99%;
}
.knowhow .entry-content blockquote p {
	margin:0 0 20px;
}
.knowhow .entry-content blockquote p:last-of-type {
	margin:0;
}
/* Headings */
.knowhow .entry-content h1, 
.knowhow .entry-content h2, 
.knowhow .entry-content h3, 
.knowhow .entry-content h4, 
.knowhow .entry-content h5, 
.knowhow .entry-content h6 {
	font-weight: normal;
	margin-top:60px;
}
.knowhow .entry-content h1 {
	font-size: 34px;
}
.knowhow .entry-content h2 {
	font-size: 30px;
}
.knowhow .entry-content h3 {
	font-size: 28px;
}
.knowhow .entry-content h4 {
	font-size: 24px;
}
.knowhow .entry-content h5 {
	font-size: 20px;
}
.knowhow .entry-content h6 {
	font-size: 16px;
}
/* Code/Pre */
.knowhow code,.knowhow  pre, .knowhow table pre, .knowhow .entry-content pre, .knowhow .entry-content table pre {
	display: block;
	font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
	font-size: 15px;
	line-height: 22px;
	word-break: break-all;
    word-wrap: break-word;
    overflow: auto;
}
.knowhow pre {
	background:#F7F7F7;
	border: 1px solid #E5E5E5;
	padding: 20px;
}
/* Tables */
.knowhow .entry-content table {
	background:#fafafa;
	border: 1px solid #E5E5E5;
	line-height: 2;
	width: 100%;
}
.knowhow .entry-content table thead,
.knowhow .entry-content table tfoot  {
	background:#f2f2f2;
}
.knowhow .entry-content table td,
.knowhow .entry-content table th {
	border-top: 1px solid #E5E5E5;
	border-left: 1px solid #E5E5E5;
	padding: 8px;
	vertical-align: top;
	line-height:1.42;
	text-align: left;
}
.knowhow .entry-content table td:first-child,
.knowhow .entry-content table th:first-child {
	border-left: none;
}
.knowhow .entry-content table tbody tr:nth-child(even) {
	background:#fff;
}

/* Intro Style */
.knowhow .entry-content > .intro {
	font-size:20px;
}

/* Images */
.knowhow .alignleft {
	float: left;
	width: 100%;
}
.knowhow .alignright {
	float: right;
	width: 100%;
}
.knowhow .aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.knowhow .wp-caption {
	max-width: 100%; /* Keep wide captions from overflowing their container. */
    border: 6px solid #FFFFFF;
    -webkit-border-radius: 10px;
	border-radius: 10px;
    padding: 6px;
    -webkit-box-shadow:inset 0 0 1px 0 #999999;
	box-shadow:inset 0 0 1px 0 #999999;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.knowhow .wp-caption > a {
	display: block;
}
.knowhow .wp-caption img {
	width: 100%;
	vertical-align: top;
	margin: 0;
}
.knowhow .wp-caption .wp-caption-text,
.knowhow .entry-caption {
	font-size: 15px;
	color: #595959;
	text-align:center;
	background:#F5F5F5;
	display:block;
	margin:0;
	padding: 5px 20px;
}
.knowhow img.wp-smiley,
.knowhow .rsswidget img {
	border: 0;
	border-radius: 0;
	box-shadow: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
.knowhow .entry-content dl.gallery-item {
	margin: 0;
}
.knowhow .alignleft {
	margin-right: 24px;
}
.knowhow .alignright {
	margin-left: 24px;
}

/* WordPress Gallery */
.knowhow .gallery-item a,
.knowhow .gallery-caption {
	width: 90%;
}
.knowhow .gallery-item a {
	display: block;
}
.knowhow .gallery-caption a {
	display: inline;
}
.knowhow .gallery-columns-1 .gallery-item a {
	max-width: 100%;
	width: auto;
}
.knowhow .gallery .gallery-icon img {
	height: auto;;
}
.knowhow .gallery-columns-1 .gallery-icon img {
	padding: 3%;
}
.knowhow .gallery dd {
	margin:0;	
}
.knowhow .gallery p {
	padding:0 0 10px;	
}
.knowhow .gallery .gallery-caption {
	font-size:15px;
}
.knowhow .gallery .gallery-item {
	float:left;	
}
.knowhow .gallery.gallery-columns-1  .gallery-item {
	width:100%;
}
.knowhow .gallery.gallery-columns-2  .gallery-item {
	width:50%;
}
.knowhow .gallery.gallery-columns-3  .gallery-item {
	width:33%;
}
.knowhow .gallery.gallery-columns-4  .gallery-item {
	width:25%;
}
.knowhow .gallery.gallery-columns-5  .gallery-item {
	width:20%;
}
.knowhow .gallery.gallery-columns-6  .gallery-item {
	width:16.5%;
}
.knowhow .gallery.gallery-columns-7  .gallery-item {
	width:14%;
}
.knowhow .gallery.gallery-columns-8  .gallery-item {
	width:12.5%;
}
.knowhow .gallery.gallery-columns-9  .gallery-item {
	width:11%;
}
.knowhow .gallery.gallery-columns-6  .gallery-caption,
.knowhow .gallery.gallery-columns-7  .gallery-caption,
.knowhow .gallery.gallery-columns-8  .gallery-caption,
.knowhow .gallery.gallery-columns-9  .gallery-caption {
	display:none; /* Hide gallery captions when they will disturb the layout */
}

/* =Forms
-------------------------------------------------------------- */

/* Inputs */
.knowhow textarea,
.knowhow select,
.knowhow input[type="date"],
.knowhow input[type="datetime"],
.knowhow input[type="datetime-local"],
.knowhow input[type="email"],
.knowhow input[type="month"],
.knowhow input[type="number"],
.knowhow input[type="password"],
.knowhow input[type="search"],
.knowhow input[type="tel"],
.knowhow input[type="text"],
.knowhow input[type="time"],
.knowhow input[type="url"],
.knowhow input[type="week"] {
	background:#fff;
	border: 1px solid #E5E5E5;
	color:#383838;
	padding: 1em;
	outline: 0;
	margin: 0;
	text-align: left;
	vertical-align: top;
	*padding-top: 2px;
	*padding-bottom: 1px;
	*height: auto;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
.knowhow textarea:focus,
.knowhow select:focus,
.knowhow input:focus {
	background:#fcfcfc;
}
.knowhow textarea[disabled],
.knowhow select[disabled],
.knowhow input[type="date"][disabled],
.knowhow input[type="datetime"][disabled],
.knowhow input[type="datetime-local"][disabled],
.knowhow input[type="email"][disabled],
.knowhow input[type="month"][disabled],
.knowhow input[type="number"][disabled],
.knowhow input[type="password"][disabled],
.knowhow input[type="search"][disabled],
.knowhow input[type="tel"][disabled],
.knowhow input[type="text"][disabled],
.knowhow input[type="time"][disabled],
.knowhow input[type="url"][disabled],
.knowhow input[type="week"][disabled] {
  background-color: #eeeeee;
}
.knowhow input[disabled],
.knowhow select[disabled],
.knowhow select[disabled] option,
.knowhow select[disabled] optgroup,
.knowhow textarea[disabled],
.knowhow a.button_disabled {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -moz-user-select: -moz-none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  user-select: none;
  color: #888888;
  cursor: default;
}
.knowhow input::-webkit-input-placeholder,
.knowhow textarea::-webkit-input-placeholder {
  color: #888888;
}
.knowhow input:-moz-placeholder,
.knowhow textarea:-moz-placeholder {
  color: #888888;
}
.knowhow textarea {
	min-height: 40px;
	overflow: auto;
	resize: vertical;
	width: 100%;
}

/* Buttons */
.knowhow input[type="reset"],
.knowhow input[type="submit"],
.knowhow input[type="button"] {
	color:#fff;
	border:none;
	-webkit-appearance: none;
	cursor: pointer;
	display: inline-block;
	outline: 0;
	overflow: visible;
	margin: 0;
	padding: 0.5em 1em;
	text-decoration: none;
	vertical-align: top;
	width: auto;
	-webkit-transition-property:background;
	-webkit-transition-duration:.12s;
	-webkit-transition-timing-function:ease-out;
	-moz-transition-property:background;
	-moz-transition-duration:.12s;
	-moz-transition-timing-function:ease-out;
	-o-transition-property:background;
	-o-transition-duration:.12s;
	-o-transition-timing-function:ease-out;
	transition-property:background;
	transition-duration:.12s;
	transition-timing-function:ease-out;
}
.knowhow input[type="reset"]:hover,
.knowhow input[type="submit"]:hover,
.knowhow input[type="button"]:hover {
  text-decoration: none;
}
.knowhow input[type="reset"]:active,
.knowhow input[type="submit"]:active,
.knowhow input[type="button"]:active {
  -webkit-box-shadow: inset rgba(0, 0, 0, 0.25) 0 1px 2px 0;
  -moz-box-shadow: inset rgba(0, 0, 0, 0.25) 0 1px 2px 0;
  box-shadow: inset rgba(0, 0, 0, 0.25) 0 1px 2px 0;
}
.knowhow input[type="reset"]::-moz-focus-inner,
.knowhow input[type="submit"]::-moz-focus-inner,
.knowhow input[type="button"]::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.knowhow textarea,.knowhow select[size], .knowhow select[multiple] {
    height: auto;
}
.knowhow input[type="search"]::-webkit-search-decoration {
  display: none;
}
.knowhow #report_div p {
    margin-bottom: 12px;
}

/* = Document Setup
-------------------------------------------------------------- */

html {
	background: #fff;
}
body.knowhow  {
	font-size: 18px;
	line-height: 29px;
	font-family: "proxima-nova",Helvetica,Arial,sans-serif;	
	color: #555;
	padding-top: 54px;
}
#content {
	font-size: 16px;
	line-height: 24px;
}
.knowhow code {
	background:none;
}
.knowhow p{
	padding: 0;
}
.knowhow a {
	text-decoration:none;
	outline:0;
	color: #3c48d5;
	-webkit-transition-property:background color;
	-webkit-transition-duration:.12s;
	-webkit-transition-timing-function:ease-out;
	-moz-transition-property:background color;
	-moz-transition-duration:.12s;
	-moz-transition-timing-function:ease-out;
	-o-transition-property:background color;
	-o-transition-duration:.12s;
	-o-transition-timing-function:ease-out;
	transition-property:background color;
	transition-duration:.12s;
	transition-timing-function:ease-out;
}
.knowhow a:hover {
	cursor:pointer;
}
.knowhow a:focus {
	outline: none;
}

.knowhow #sidebar ul li a { color: #3c48d5; }

/*	Headings */
.knowhow h1, 
.knowhow h2, 
.knowhow h3, 
.knowhow h4, 
.knowhow h5, 
.knowhow h6,
.knowhow h1.page-title, .knowhow h1.loop-title, .knowhow h1.post-title {
	font-weight:600; 
	margin: 0 0 10px;
	/*color:#1a1a1a;*/
}
.knowhow .entry-content h2 {
	color:#1a1a1a;
}

.knowhow h1 {
	line-height: 24px;
}

/* = Page Structure
-------------------------------------------------------------- */

body.site-boxed {
	background:#ccc;
}
body.site-boxed #site-container {
	background:#fff;
}
.knowhow .container {
	padding:0 30px;
	max-width: 1200px;
}
body.site-boxed #site-container,
.container {
	margin: 0 auto;
	max-width: 1040px; 
}
#primary {}
.knowhow #content {
	float:left;
	width: 72%;
}

.knowhow #sidebar .submit-ticket {
	padding-left: 15px;
	position: relative;
	line-height: 1;
	background-color: #3c48d5;
	border-radius: 5px;
    color: #FFFFFF;
    padding: 15px 30px 12px 50px;
    font-size: 25px;
	white-space: nowrap;
}
.knowhow #sidebar .submit-ticket:hover {
	background-color: #4776e6;
	color: #fff;
}
.knowhow #sidebar .submit-ticket:before {
	content: "";
    display: inline-block;
    font-family: FontAwesome;
    font-weight: normal;
    left: 23px;
    position: absolute;
    top: 21px;
    font-size: 20px;
}
.knowhow #primary.sidebar-off #content {
	width:100%;
	float:none;
	padding: 40px 0 0 0;
}
.knowhow #primary.sidebar-left #content {
	float:right;
	padding: 40px 0 0 40px;
	border-left:1px solid #e6e6e6;
}
.knowhow #primary.sidebar-right #content {
	float:left;
	padding: 40px 40px 0 0;
	border-right:1px solid #e6e6e6;
}
.knowhow #sidebar {
	float:left;
	width: 28%;
	padding:40px 0 0;
	padding-bottom: 30px;
	position:relative;
}
.knowhow #sidebar #loginform > p {
	margin-bottom: 12px;
}
.knowhow #am4login-2 br {
	display: none;
}
.knowhow #sidebar #loginform > p input[type="text"],
.knowhow #sidebar #loginform > p input[type="password"] {
	padding: 0.5em;
}
.knowhow #sidebar #loginform > p input[type="submit"] {
	padding: 0.5em 1em;
}
.knowhow #sidebar a:hover {
	 color: #4776e6;
}
.knowhow #primary.sidebar-left #sidebar {
	padding-right: 30px;
	border-right:1px solid #e6e6e6;
	right: -1px;
}
.knowhow #primary.sidebar-right #sidebar {
	padding-left: 30px;
	border-left:1px solid #e6e6e6;
	left: -1px;
}

.entry-content #loginform > br{
	display: none;
}


/* = Header
-------------------------------------------------------------- */

.knowhow #site-header {
	padding:35px 0;
	position: relative;
	z-index: 8000;
}
.knowhow #site-header #logo {
	float:left;
}
.knowhow #site-header #logo h1 {
	margin:0;
	font-size: 32px;
}
.knowhow #site-header #logo, 
.knowhow #site-header #logo a {
	font-size: 32px;
	color:#1a1a1a;
	text-decoration:none;
	font-weight: bold;
	letter-spacing: -1px;
}
.knowhow #site-header #logo img {
	display:block;
	max-width:100%;
}


/* = Footer
-------------------------------------------------------------- */

#footer {
	border-top:1px solid #E8E8E8;
	padding:30px 0;
	margin:0;
}
#footer-widgets {
	background: #F5F5F5;
    border-top: 1px solid #E8E8E8;
    padding: 40px 0;
	font-size:13px;
}
#footer-widgets .widget {
	margin-bottom:0;
}
#footer-widgets .widget-title {
	font-size: 16px;
    margin: 0 0 30px;
}
#footer-widgets .widget-title span {
	background: #F5F5F5;
}
#footer-widgets .widget.st_articles_widget li, 
#footer-widgets .widget.st_popular_articles_widget li {
    margin: 0 0 10px;
}
#site-footer {
	border-top:1px solid #e6e6e6;
	padding:25px 0;
	margin:0;
	line-height: 10px;
	color:#444;
	font-size:13px;
	clear:both;
}
#site-footer #footer-nav {
	float:left;
}
#footer-nav ul {
	margin:2px 0 0;
	padding:0;
	list-style:none;
}
#footer-nav li {
	display:inline-block;
	margin:0 15px 0 0;
	line-height: 25px;
}
#footer-nav li:after {
	content:"/";
	color:#ccc;
	margin: 0 0 0 15px;
}
#footer-nav li:last-child:after {
	content:"";
}
#footer-nav a,
#footer-nav a:visited {
	border-bottom:none;
	color:#444;
}
#site-footer #copyright {
	float:right;
	font-size:13px;
	margin:10px 0 0;
}




/* = Navigation
-------------------------------------------------------------- */

.knowhow #primary-nav {
	float:right;
	position:relative;
}
.knowhow #primary-nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.knowhow #primary-nav ul a {
    position: relative;
	color: #444;
	position: relative;
	line-height: 18px;
	font-size:15px;
	text-decoration:none;
}
.knowhow #primary-nav ul li:last-child {
	background:none;
	padding:0;
	margin:0;
}
.knowhow #primary-nav ul li {
	float: left;
	z-index: 40;
	height:30px;
	margin: 0 15px 0 0;
	position: relative;
}
.knowhow #primary-nav > ul > li:after {
	content:"/";
	color:#ccc;
	margin: 0 0 0 15px;
}
.knowhow #primary-nav > ul > li:last-child:after {
	content:"";
}
.knowhow #primary-nav ul li:hover {
	visibility: inherit;
}
.knowhow #primary-nav ul li:hover ul, 
.knowhow #primary-nav ul li.sfHover ul {left: 0;top: 30px;z-index: 99;}
.knowhow #primary-nav ul li:hover li ul, 
.knowhow #primary-nav ul li.sfHover li ul, 
.knowhow #primary-nav ul li li:hover li ul, 
.knowhow #primary-nav ul li li.sfHover li ul, 
.knowhow #primary-nav ul li li li:hover li ul, 
.knowhow #primary-nav ul li li li.sfHover li ul {
	top: -9999em;
}
.knowhow #primary-nav ul li li:hover ul, 
.knowhow #primary-nav ul li li.sfHover ul,
.knowhow #primary-nav ul li li li:hover ul, 
.knowhow #primary-nav ul li li li.sfHover ul, 
.knowhow #primary-nav ul li li li li:hover ul, 
.knowhow #primary-nav ul li li li li.sfHover ul {
	 left: 220px;
	 top: -12px;
	}
.knowhow #primary-nav ul li a:hover, 
.knowhow #primary-nav ul li:hover, 
.knowhow #primary-nav ul li.sfHover a, 
.knowhow #primary-nav ul li.current-cat a, 
.knowhow #primary-nav ul li.current_page_item a, 
.knowhow #primary-nav ul li.current-menu-item a {
	text-decoration: none;
}
.knowhow #primary-nav ul ul {
    background: #fff;
    border: 1px solid #ccc;
    box-shadow:1px 1px 2px rgba(0,0,0,0.1);
    margin: 10px 0 0;
    padding: 10px 0;
	position: absolute;
	top: -9999em;
	width: 220px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
.knowhow #primary-nav ul ul:before {
	border-color: transparent transparent #ccc;
    border-style: solid;
    border-width: 12px;
    content: "";
    height: 0;
    left: 25px;
    position: absolute;
    top: -24px;
    width: 0;
	z-index: 999;}
.knowhow #primary-nav ul ul:after {
	border-color: transparent transparent #fff;
    border-style: solid;
    border-width: 12px;
    content: "";
    height: 0;
    left: 25px;
    position: absolute;
    top: -23px;
    width: 0;
	z-index: 999;
}
.knowhow #primary-nav ul ul ul:before, 
.knowhow #primary-nav ul ul ul:after  {
	display:none
}
.knowhow #primary-nav ul ul li {
	float: none;
	width: 100%;
	margin:0;
	padding:0;
	border:none;
	height:auto;
	text-align:left;
}
.knowhow #primary-nav ul ul li a {
	display:block;
    font-size: 13px;
	font-weight: normal;
	color:#444;
	padding: 5px 10px;
    display: block;
	margin: 0 10px 2px;
	border-left:0;
}
.knowhow #primary-nav ul ul li a:hover {
	text-decoration:none;
	background:#F5F5F5;	
	-moz-border-radius:99px;
	-webkit-border-radius:99px;
	border-radius:99px;
}
.knowhow #primary-nav ul ul li a:hover {
	color:#4d4d4d;
}
.knowhow #primary-nav .sf-sub-indicator:after {
	display: inline-block;
    font-family: FontAwesome;
    font-weight: normal;
	content: "\f107";
	color: #999;
	margin:0 -2px 0 5px;
}
.knowhow #primary-nav ul ul .sf-sub-indicator:after {
	content: "\f105";
	float:right;
}
.knowhow #primary-nav ul ul a.sf-with-ul {
	margin: 0 10px;
	padding-right: 25px;
}
.knowhow #primary-nav ul li.sfHover ul a {
	color: #444 !important;
}
.knowhow #primary-nav ul li.sfHover ul a:hover {
	color: #444 !important;
}
.knowhow #primary-nav ul li.current-cat a, 
.knowhow #primary-nav ul li.current_page_item a, 
.knowhow #primary-nav ul li.current-menu-item a {
	font-weight:600;
}

/* Responsive Menu */
.knowhow #primary-nav-mobile {
	display:none;
	margin: 0 0 15px;	
}
.knowhow #primary-nav-mobile .menu-toggle {
	background: #242526;
	position:relative;
	padding: 20px 30px;
	display:block;
	outline:none;
}
.knowhow #primary-nav-mobile .menu-toggle i {
	color:#fff;
	font-size:22px;
	float:right;
}	
.knowhow #primary-nav-mobile ul {
	background: #242526;
	list-style:none;
	margin: 0;
    padding:0 20px 10px;
	display:none;
}
.knowhow #primary-nav-mobile ul a {
	display: block; 
	padding: 12px 0;
	outline:none;
	color: #cccccc;
	font-weight:600;
}
.knowhow #primary-nav-mobile ul li {
	border-top:1px solid #313335;
}
.knowhow #primary-nav-mobile ul li:first-child {
	border-top:none;
}
.knowhow #primary-nav-mobile ul .sub-menu {
	border-top:1px solid #313335;
}




/* = Page Header
-------------------------------------------------------------- */

.knowhow #page-header {
	border-bottom:1px solid #e6e6e6;
	margin:0 0 30px;
	padding:0 0 10px;
	position:relative;
}

.knowhow .error404 #page-header {
	margin:60px 0 100px;
	border:none;
	text-align:center;
}
.knowhow #page-header .page-title {
	font-size:36px;
	margin: 10px 0 6px;
	line-height:1.3em
		
}
.knowhow #page-header p {
	color: #808080;
    font-size: 18px;
    margin: 0 0 6px;
}
/* Breadcrumbs */
.knowhow #breadcrumbs {
	font-size: 16px;
}
.knowhow #breadcrumbs li {
	display:inline;
}
.knowhow #breadcrumbs span {
	margin:0 5px;color:#ccc;
}
.knowhow #breadcrumbs a,
.knowhow #breadcrumbs a:visited {
	color: #999;
}


/* = Category Page
-------------------------------------------------------------- */

.knowhow .category .sub-categories {
	list-style:none;
	padding:0;
	margin:0 0 30px 50px;
}
.knowhow .category .sub-categories li {
	padding:0 0 0 30px;	
	margin: 0 0 10px;
	position:relative;
	float:left;
	width:50%;
}
.knowhow .category .sub-categories h4, .knowhow .category .sub-categories a {
	color:#666;
}
.knowhow .category .sub-categories li:before {
	display: inline-block;
    font-family: FontAwesome;
    font-size: 18px;
    font-weight: normal;
    left: 0;
    position: absolute;
    top: 0;
	content: "\f07b";
}



/* =Post Content Styles
-------------------------------------------------------------- */

.knowhow .type-page {
	margin: 0 0 50px;
}
.knowhow .post {
	border-bottom: 1px solid #E6E6E6;
    margin: 0 0 15px;
    padding: 0;
	position:relative;
}


.knowhow.single .post {
	padding:0;
	margin:0 0 40px;
	border:none;
}

.sticky {}
.knowhow .entry-title {
	margin:0 0 15px;
	font-weight: normal;
	padding-bottom: 0;
}
.knowhow .entry-title, 
.knowhow .entry-title a:visited {
	font-size: 18px;
	color:#45454C;
	text-decoration:none;
	line-height: 1;
	letter-spacing: -0.5px;
}
.knowhow .entry-title a:visited { color: #3c48d5; }

.knowhow .entry-title a:hover {
	border-bottom:1px solid #999;
}

.knowhow .entry-thumb {
	margin:8px 0 0 20px;
	float:right;
}
.knowhow .entry-thumb a {
	display:block;
	line-height:0;
}
.knowhow .entry-thumb img {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
.knowhow .entry-video {
	margin:0 0 25px;
}
.knowhow .entry-meta {
	list-style:none;
	color:#6b6773;
	font-size:12px;
	margin: -20px 0 30px;
	padding:0 0 10px;	
	border-bottom: 1px solid #E6E6E6;
}
.knowhow .entry-meta a,
.knowhow .entry-meta a:visited, 
.knowhow .entry-meta a:hover {
	color:#666;
	text-decoration:none;
}
.knowhow .entry-meta a:hover {
	border-bottom:1px dotted #666;
}
.knowhow .entry-meta strong {
	color:#4c4c4c;
}
.knowhow .entry-meta ul {
	list-style:none;
	margin:0 0 24px;
	padding:0;
}
.knowhow .entry-meta li {
	display:inline;
	margin:0 15px 0 0;
}
.knowhow .entry-meta i {
	margin:0 3px 0 0;	
}
.knowhow .tags a,
.knowhow .tags a:visited {
	display:inline-block;
	padding: 5px 10px 6px;
	position: relative;
	color:#fff;
	font-size: 11px;
	line-height: 10px;
	margin: 0 0 5px 20px;
	text-decoration:none;
}
.knowhow .tags a:hover {
	background:#4a4a4a;
	color:#fff;
	text-decoration:none;
}
.knowhow .tags a:before {
	border-image: none;
	border-style: solid;
	border-width: 10px 8px;
	content: "";
	height: 1px;
	left: -17px;
	position: absolute;
	top: 0;
	width: 1px;
}
.knowhow .tags a:hover:before {
	border-color: transparent #4a4a4a transparent transparent;
}
.knowhow .tags a:after {
	background: #fff;
	content: "";
	height: 4px;
	left: -2px;
	position: absolute;
	top: 8px;
	width: 4px;
	z-index: 999;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.knowhow .readmore {
	display: block;
	font-style: italic;
	text-decoration:none;
}


/* =Page Navigation & Pagination
-------------------------------------------------------------- */

.knowhow .page-navigation {
	color:#666;
	text-align: center;
	margin:-5px 0 30px;
}
.knowhow .page-navigation a,
.knowhow .page-navigation a:visited {
	color:#666;
	font-size:13px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
.knowhow .page-navigation .nav-next {
	float:right;
	margin:0 0 0 15px;
}
.knowhow .page-navigation .nav-next a {
}
.knowhow .page-navigation .nav-previous {
	float:left;
	margin:0 15px 0 0;
}
.knowhow .page-navigation .nav-previous a {
}
.knowhow .page-navigation .nav-next a:hover, 
.knowhow .page-navigation .nav-previous a:hover {
	text-decoration:none;
}
.knowhow .pagination {
	display: inline-block;
}
.knowhow .pagination .current, 
.knowhow .pagination a {
    border-radius: 99%;
    font-size: 18px;
    margin: 0 5px 0 0;
    padding: 10px 16px;
	-moz-border-radius:99%;
	-webkit-border-radius:99%;
}
.knowhow .pagination .current {
	color:#fff;
}
.knowhow .pagination a {
	background:#F5F5F5;
	border:1px solid #E6E6E6;
}
.knowhow .page-links {
	margin:0 0 15px;	
}
.knowhow .page-links strong {
	margin:0 15px 0 0;	
}
.knowhow .page-links a, .knowhow .page-links span {
    font-size: 12px;
    margin: 0 2px 0 0;
    padding: 4px 10px;
	border-radius: 99%;
	-moz-border-radius: 99%;
	-webkit-border-radius: 99%;
}
.knowhow .page-links a {
	background: #F5F5F5;
    border: 1px solid #E6E6E6;
	color:#666;
}
.knowhow .page-links span {
	color:#fff;
}


/* = Headings & Content Blocks
-------------------------------------------------------------- */

.knowhow #entry-author,
.knowhow #related-posts,
.knowhow #comments {
	margin:0 0 50px;
}
.knowhow #entry-author-title,
.knowhow #related-posts-title,
.knowhow #comments-title {
	border-bottom: 1px solid #E6E6E6;
    margin: 0 0 25px;
    padding: 0 0 10px;
	font-size: 26px;
    line-height: 28px;
	color:#444;
	letter-spacing: -0.5px;
}


/* =  Related Styling
-------------------------------------------------------------- */

.knowhow #related-posts ul {
	font-size: 13px;
    list-style: none;
    margin: 0;
    padding: 0;
}
.knowhow #related-posts li {
	float:left;
	margin: 0 0 12px;
	width: 50%;	
}
.knowhow #related-posts li.standard a:before,
.knowhow #related-posts li.video a:before {
	display: inline-block;
	position: absolute;
	top: 0;
	left: 2px;
    font-family: FontAwesome;
    font-weight: 300;
	font-size: 18px;
	margin:0 10px 0 0;
}
.knowhow #related-posts li.standard a:before {
	content:"\f0f6";	
}
.knowhow #related-posts li.video a:before {
	content:"\f008";
	font-size: 12px;
}
.knowhow #related-posts a {
	position: relative;
	display: inline-block;
	font-size: 16px !important;
    color: #444;
	line-height: 22px;
	padding: 0 30px;
}
.knowhow #related-posts a:hover {
    text-decoration: none;
}
.knowhow #related-posts .entry-title, 
.knowhow #related-posts .entry-title a {
	font-size:18px;	
	font-weight:300;
	margin:0;
	letter-spacing:0;
}


/* = Article Author
-------------------------------------------------------------- */
.knowhow #entry-author .gravatar {
	float: left;
	margin: 0 25px 0 0px;
}
.knowhow #entry-author .avatar {
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.knowhow #entry-author h4, 
.knowhow #entry-author .entry-author-desc {
	margin: 0 0 0 95px;
}
.knowhow #entry-author h4 a {
	color: #3A3A40;
    display: block;
    font-size: 18px;
    margin: 0 0 10px;
	line-height:100%;	
	
}


/* =Comment Styling
-------------------------------------------------------------- */

.knowhow #comments ol {
	margin: 0;
	padding:0;
	list-style:none;
}
.knowhow #comments ol.children {
	padding: 0 0 0 60px;
	position:relative;
}
.knowhow #comments ol.children:before {
	content:"\f062";
	display: inline-block;
    font-family: FontAwesome;
    font-size: 20px;
	color: #808080;
    font-weight: normal;
	position: absolute;
    left: 15px;
    position: absolute;
    top: 10px;
}
.knowhow #comments ol.children li:last-child .comment-content {
	border-bottom: 1px solid #DEE0E0;
}
.knowhow #comments .comment-content {
	border-bottom: 1px solid #DEE0E0;
	margin: 0 0 30px 80px;
	padding: 0 0 20px;
}
.knowhow #comments ol li:last-child .comment-content {
	border:none;
}

/* Comment Meta  */	
.knowhow #comments .comment-meta {
	margin:0 0 10px;
}
.knowhow #comments .comment .avatar {
	float:left;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}
.knowhow #comments .comment .comment-meta time, 
.knowhow #comments .comment .comment-content {
	display: block;
	margin-left: 80px;
}
.knowhow #comments .comment-meta cite {
	font-style:normal;
	font-weight:bold;
	font-size:16px;
	color: #444;
	margin-left: 35px;
}
.knowhow #comments .comment-meta cite a {
	color: #444;
}
.knowhow #comments .comment-meta .author-badge {
	margin:0 0 0 10px;
	padding:3px 10px;
	color:#fff;
	font-size: 11px;
	font-weight:normal;
}
.knowhow .comments-area .comment-meta time {
	font-size:13px;
	color: #808080;
}

/* Comment Actions  */
.knowhow #comments .comment-action {
	float:right;
	font-size:13px;
}
.knowhow #comments .comment-action a, 
.knowhow #comments .comment-action a:hover {
	color:#666;
}
.knowhow #comments .comment-edit-link {
	margin:0 10px 0 0;	
}
.knowhow #comments .comment-edit-link:before {
	content: "\f044";
	display: inline-block;
    font-family: FontAwesome;
    font-weight: normal;
	margin:0 5px 0 0;
}

.knowhow #comments .comment-reply-link:before {
	content: "\f112";
	display: inline-block;
    font-family: FontAwesome;
    font-weight: normal;
	margin:0 5px 0 0;
}
.knowhow .bypostauthor {}

/* =Respond Styling
-------------------------------------------------------------- */

.knowhow #respond {
	margin:0 0 30px;
}
.knowhow #reply-title {
	font-size: 24px;
	line-height: 28px;
	border-bottom: 1px solid #E6E6E6;
	margin: 0 0 20px;
	padding: 0 0 10px;
	color:#444;
	letter-spacing: -0.5px;
}
.knowhow #respond p {
	margin:0 0 15px;
	overflow: hidden;
}
.knowhow #respond #author, .knowhow #respond #email, .knowhow #respond #url {
	float:left;
	margin:0 10px 0 0;
}
.knowhow .comment-form-author label, .knowhow .comment-form-email label, .knowhow .comment-form-url label {
	font-size: 13px;
    line-height: 46px;
}
.knowhow #respond .required {
	font-size:12px;
	color:#A03717;
	position:relative;
	top:-5px;
}
.knowhow #respond .comment-form-comment label {
	display:none;
}
.knowhow #respond .form-allowed-tags {
	background:#f7f7f7;
	padding: 15px 20px;
	font-size:13px;
}
.knowhow #respond .form-allowed-tags code {
	margin:10px 0 0;
	font-size:12px;
	line-height:1.4em;
}
.knowhow #commentform #submit {
	color: #fff;
	font-size: 13px;
	font-weight: 600;
	padding: 14px 25px;
	border:none;
	text-shadow:none;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
.knowhow #commentform #submit:hover {
	background:#4A4A4A;
}
.knowhow #respond #commentform #comment {
	width:100%;
}


/* =Widgets
-------------------------------------------------------------- */

.widget {
	margin-bottom:40px;
}
.widget .widget-title {
	border-bottom: 4px double #E5E5E5;
    color: #444;
    margin: 0 0 25px;
    position: relative;
}
.widget .widget-title span {
	background:#fff;
	display: table;
    margin: -6px 0 -9px;
    padding: 0 10px 0 0;
}
.widget ul {
	padding:0;
	margin:0;
	list-style:none;
}

.widget a:visited {
	color:#3c48d5;
	text-decoration:none;
}

.widget li {
	margin:0 0 10px;
}
.widget li:last-child {
	border-bottom:none;
}
.widget ul ul {
	margin:10px 0 0 10px;
}

/*	Custom Category Widget */
.widget_categories ul span {
	color:#fff;
	font-size:11px;
	display:block;
	float:left;
	margin:0 10px 0 0;
	padding:5px 7px;
	line-height:100%;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}
.widget_categories ul ul {
    margin: 10px 0 0 20px;
}
.widget_categories ul li {
    clear: both;
    line-height: 18px;
    margin: 0 0 12px;
}

/*	List Widget Styling */
.widget_recent_entries li, 
.widget_recent_comments li, 
.widget_meta li, 
.widget_nav_menu li, 
.widget_pages li,
.widget_archive li,
.widget_recent_comments li {
	/*padding:0 0 0 20px;*/
	position:relative;
}
.widget_recent_entries li:before,
.widget_meta li:before, 
.widget_nav_menu li:before, 
.widget_pages li:before,
.widget_archive li:before,
.widget_recent_comments li:before {
	/*font-family: FontAwesome;
	content: "\f105";
	position:absolute;
	top:0;
	left:0;*/
}

/*	Article Widget */
.widget.st_articles_widget li, 
.widget.st_popular_articles_widget li {
	margin: 0 0 15px;
	padding: 0 0 0 30px;
	border:none;
	min-height:22px;
	position:relative;
}
.widget.st_articles_widget li:last-child, 
.widget.st_popular_articles_widget li:last-child {
	margin: 0;
}
.knowhow .st_articles_widget li.format-standard:before, 
.knowhow .st_popular_articles_widget li.format-standard:before,
.knowhow .st_articles_widget li.format-video:before, 
.knowhow .st_popular_articles_widget li.format-video:before {
    display: inline;
    font-family: FontAwesome;
    font-weight: normal;
	font-size: 22px;
	position:absolute;
	top:2px;
	left:0;
}
.knowhow .st_articles_widget li.format-standard:before, 
.knowhow .st_popular_articles_widget li.format-standard:before {
	content: "\f0f6";
}
.knowhow .st_articles_widget li.format-video:before, 
.knowhow .st_popular_articles_widget li.format-video:before {
	content: "\f008";
	font-size: 16px;
}

/*	Search Widget */
.widget_search #s {
	width:100%;
	padding:8px;
}

/* Calendar Widget */
.widget_calendar {
	float: left;
}
.knowhow #wp-calendar {
	width: 100%;
}
.knowhow #wp-calendar caption {
	color: #525A61;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 10px;
	margin-top: 10px;
	text-align: center;
	text-transform: uppercase;
}
.knowhow #wp-calendar thead {
	font-size: 10px;
}
.knowhow #wp-calendar thead th {
	padding-bottom: 10px;
}

.knowhow #live-search #searchsubmit {
    background-color: #3c48d5;
    border: medium none;
    border-radius: 99px;
    color: #fff;
    font-size: 1em;
    font-weight: normal;
    margin: 9px 12px 0 0;
    padding: 10px 18px;
    position: absolute;
    right: 0;
    text-shadow: none;
    top: 0;
}
.knowhow #live-search #searchsubmit:hover {
    background-color: #47b0e2;
}
.knowhow #wp-calendar tbody {
	color: #aaa;
	background:#fafafa;
}
.knowhow #wp-calendar tbody td {
	background: #f5f5f5;
	border: 1px solid #fff;
	text-align: center;
	padding:8px;
}
.knowhow #wp-calendar tbody td:hover {
	background: #fff;
}
.knowhow #wp-calendar tbody .pad {
	background: none;
}
.knowhow #wp-calendar tfoot #next {
	font-size: 10px;
	text-transform: uppercase;
	text-align: right;
}
.knowhow #wp-calendar tfoot #prev {
	font-size: 10px;
	text-transform: uppercase;
	padding-top: 10px;
}

/* Sidebar Widget Styles */
.knowhow #sidebar .widget_search #s {
	background:#fff;
}


/* = Homepage
-------------------------------------------------------------- */

.knowhow.home .page-title {
	font-size:26px !important;	
}
.knowhow #homepage-categories {
	margin:0 0 24px;
}
.knowhow #homepage-categories .row {
	border-bottom: 1px solid #E6E6E6;
    margin: 0 0 24px;
	padding:0;
}
.knowhow #homepage-categories .row:last-child {
	border:none;
	margin: 0;
	padding:0;
}
.knowhow #homepage-categories .column {
	padding-left: 50px;
}
.knowhow #homepage-categories .column:before {
    content:  "\f07b";
    display: inline-block;
    font-family: FontAwesome;
    font-size: 26px;
    font-weight: normal;
	color: #4D4D4D;
	position: absolute;
    left: 0;
    top: 0;
}
.knowhow #homepage-categories a,
.knowhow #homepage-categories a:visited {
	color:#4d4d4d;
}
.knowhow #homepage-categories h3 {
	font-size:21px;
	margin:0 0 15px;
}
.knowhow #homepage-categories h3 a {
	color:#555;
}
.knowhow #homepage-categories h3 a:hover, .knowhow #homepage-categories a:hover{color:#3c48d5;}
.knowhow #homepage-categories .cat-count,
.knowhow .category .sub-categories .cat-count {
	color: #999999;
	font-size: 12px;
	margin: 0 0 0 5px;
}
.knowhow #homepage-categories ul {
	list-style:none;
	padding:0;
	margin:0;
	line-height: 20px;
}
.knowhow #homepage-categories ul li {
	padding:0 0 0 30px;
	margin: 0 0 15px;
	position:relative;
}
.knowhow #homepage-categories ul li:before {
    display: inline-block;
    font-family: FontAwesome;
    font-weight: normal;
	font-size: 22px;
    position: absolute;
    top: 0;
	left: 0;
}
.knowhow #homepage-categories ul li.format-standard:before {
	content: "\f0f6";
}
.knowhow #homepage-categories ul li.format-video:before {
	content: "\f008";
	font-size: 16px;
}
.knowhow #homepage-categories .sub-categories {
	list-style:none;
	padding:0;
	margin:0;
}
.knowhow #homepage-categories .sub-categories li {
	padding:0 0 0 30px;
	margin: 0 0 15px;
	position:relative;
}
.knowhow #homepage-categories .sub-categories li:before {
    content:  "\f07b";
    display: inline;
    font-family: FontAwesome;
    font-weight: normal;
	font-size: 18px;
	color: #4D4D4D;
	position: absolute;
	left: 0;
    top: 0;
}


/* = Live Search
-------------------------------------------------------------- */

.knowhow #live-search {
	background:#f5f5f5;
	padding:25px 0;
	border-top:1px solid #e8e8e8;
	border-bottom:1px solid #e8e8e8;
}
.knowhow #live-search #searchform {
	width:100%;
	background:#fff;
	border:1px solid #d1d1d1;
	position:relative;
	-moz-border-radius:99px;
	-webkit-border-radius:99px;
	border-radius:99px;
}
.knowhow #live-search #s {
	float: left;
    width: 80%;
	background:none;
	color:#595959;
	font-size:18px;
	padding:20px 25px;
	border:none;
	box-shadow:none;
	position:relative;
}
.knowhow #live-search i.live-search-loading {
	font-size: 24px;
	position:absolute;
    right: 160px;
    top: 18px;
	display:none;
}
.knowhow #live-search #s.live-search-loading + i.live-search-loading {
	display:inline-block;
}
.knowhow #live-search #searchsubmit {
	position:absolute;
	right:0;
	top:0;
	color:#fff;
	margin:12px 16px 0 0;
	padding: 10px 18px;
	text-transform:uppercase;
	border:none;
	-moz-border-radius:99px;
	-webkit-border-radius:99px;
	border-radius:99px;
	font-weight: normal;
	font-size: 15px;
	text-shadow:none;
}
.knowhow #live-search #searchsubmit:hover {
	background-color:#4776e6;
}
.knowhow #live-search #searchsubmit i {
	margin:0 5px 0 0;
}
.knowhow #search-wrap {
	position:relative;
}
.knowhow #search-result {
	position:absolute;
	background:#fff;
	list-style:none;
	font-size:13px;
	top:20px;
	left: 5px;
	margin: 0;
    padding: 10px 15px;
	border:1px solid #d1d1d1;
	box-shadow:1px 1px 2px rgba(0,0,0,0.1);
	z-index:9999;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;	
}
.knowhow #search-result:before {
	border-color: transparent transparent #ccc;
    border-style: solid;
    border-width: 12px;
    content: "";
    height: 0;
    left: 40px;
    position: absolute;
    top: -25px;
    width: 0;	
}
.knowhow #search-result:after {
	border-color: transparent transparent #fff;
    border-style: solid;
    border-width: 12px;
    content: "";
    height: 0;
    left: 40px;
    position: absolute;
    top: -24px;
    width: 0;
	z-index: 999;
}
.knowhow #search-result li {
	margin:0;
	font:18px/34px Arial;
}
.knowhow #search-result li.standard a:before,
.knowhow #search-result li.video a:before,
.knowhow #search-result li.faq a:before {
	display: inline-block;
    font-family: FontAwesome;
    font-weight: normal;
	font-size: 16px;
	margin:0 10px 0 0;
}
.knowhow #search-result li.standard a:before {
	content:"\f0f6";	
}
.knowhow #search-result li.video a:before {
	content:"\f008";
	font-size: 12px;
}
.knowhow #search-result li.faq a:before {
	content:"\f059";
}
.knowhow #search-result a {
	display:block;
	color:#444;
	padding: 5px 10px;
	white-space:nowrap;
}
.knowhow #search-result a:hover {
	text-decoration:none;
	-moz-border-radius:99px;
	-webkit-border-radius:99px;
	border-radius:99px;
}
.knowhow #search-result img {
	vertical-align:middle;
	margin:0 10px 0 0;
}
.knowhow #search-result .nothing-here {
	padding:0 5px;	
}
.knowhow #jquery-live-search {
	overflow:visible  !important;	
}


/* = FAQ Styling
-------------------------------------------------------------- */

.knowhow .st_faq {
	border-bottom: 1px solid #E6E6E6;
	margin: 0 0 20px;
	padding: 0 0 10px 45px;
}
.knowhow .st_faq .entry-title {
	font-size: 22px;
	line-height: 28px;
	padding: 0 40px 0 0;
	position: relative;
}
.knowhow .st_faq .entry-title:hover {
	cursor:pointer;
}
.knowhow #content .st_faq:last-child {
	border:none;
}
.knowhow .post-type-archive-st_faq .st_faq .entry-content {
	display:none;
}
.knowhow .st_faq .entry-content p {
	margin: 0 0 10px;
}
.knowhow .st_faq .action {
	background:#4d4d4d;
	color:#fff;
	font-size: 12px;
	line-height: 24px;
	font-weight: bold;
	text-align: center;
	position: absolute;
	left: -45px;
	top:4px;
	width: 25px;
	height: 25px;
	border-radius:99%;
	-moz-border-radius:99%;
	-webkit-border-radius:99%;
}
.knowhow .st_faq h2 .plus, .knowhow .st_faq h2 .minus {
	display:none;
}
.knowhow .st_faq h2 .plus {
	display:block;
}
.knowhow .st_faq h2.active .minus {
	display:block;
}
.knowhow .st_faq h2.active .plus {
	display:none;
}

/*------------------------------------------------------------------------------
Author Page
------------------------------------------------------------------------------*/

.knowhow .author #entry-author {
	border-bottom: 1px solid #E6E6E6;
    margin: 0 0 30px;
    padding: 0 0 30px;
}


/* LIVE SEARCH */
.knowhow #search-result { position: relative; background: #fef6d2; list-style: none; font-size: 13px; top: 20px; left: 5px; margin: 0 0 20px; padding: 10px 15px; border: 1px solid #d1d1d1; box-shadow: 1px 1px 2px rgba(0,0,0,0.1); z-index: 9999; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.knowhow #search-result:before { border-color: transparent transparent #ccc; border-style: solid; border-width: 12px; content: ""; height: 0; left: 40px; position: absolute; top: -25px; width: 0; }
.knowhow #search-result:after { border-color: transparent transparent #FEF6D2; border-style: solid; border-width: 12px; content: ""; height: 0; left: 40px; position: absolute; top: -24px; width: 0; z-index: 999; }
.knowhow #search-result { list-style: outside disc; }
.knowhow #search-result li { margin: 0 0 0 15px; font-size: 18px; line-height: normal; }
.knowhow #search-result li.load_more_container { list-style: none; margin-left: 0; }
.knowhow #search-result li.standard a:before, #search-result li.video a:before, #search-result li.faq a:before { display: inline-block; font-family: FontAwesome; font-weight: normal; font-size: 16px; margin: 0 10px 0 0; }
.knowhow #search-result li.video a:before { content: "\f008"; font-size: 12px; }
.knowhow #search-result li.faq a:before { content: "\f059"; }
.knowhow #search-result a { position: relative; display: block; font-size: 14px; color: #444; line-height: normal; padding: 6px 0; }
.knowhow #search-result li a.highlight_search { font-weight: bold; }
.knowhow #search-result a:hover { color: #3c48d5; text-decoration: none; }
.knowhow #search-result img { vertical-align: middle; margin: 0 10px 0 0; }
.knowhow #search-result .nothing-here { padding: 0 5px; }
.knowhow #jquery-live-search { overflow: visible !important; }
.knowhow #hide_result { display: none; }
.knowhow #live-search i.fa-spinner { font-size: 24px; position: absolute; right: 100px; top: 14px; display: none; }
.knowhow #live-search #s.live-search-loading + i.fa-spinner { display: inline-block; }
.knowhow #more_spinner { bottom: auto; color: #fff; display: none; left: 206px; top: 8px !important; }
.knowhow .load_more_container { position: relative; }
.knowhow .load_more_container .btn { color: #fff !important; font-weight: bold; padding: 10px !important; margin-top: 14px; }
.knowhow #live-search .wp-search .searchform input[type="text"] { padding: 0 98px 0 15px; }
.knowhow #live-search .wp-search .searchform input[type="submit"] { width: 84px; background: #3c48d5; text-indent: 0; }
.knowhow #live-search .wp-search .searchform input[type="submit"]:hover { background: #4776e6; }
.knowhow #input_29_17 { margin-top: 10px !important; }
.knowhow #input_29_17 li { margin-bottom: 5px !important; }
.knowhow #search-result li.standard a::before { display: none; }
.knowhow .load_more_container .btn { background: #3c48d5; border: none; border-radius: 4px !important; color: #fff !important; text-shadow: none; font-weight: bold; margin-top: 14px; padding: 10px !important; }
.knowhow .load_more_container .btn:hover { background: #4776e6; border-radius: 4px !important; }



/*------------------------------------------------------------------------------
Responsive CSS
------------------------------------------------------------------------------*/

@media screen and (max-width: 720px) {


/* Site Structure */
.knowhow #primary.sidebar-off #content,
.knowhow #primary.sidebar-right #content,
.knowhow #primary.sidebar-left #content,
.knowhow #primary.sidebar-off #sidebar,
.knowhow #primary.sidebar-right #sidebar,
.knowhow #primary.sidebar-left #sidebar {
	width:100%;
	float:none;
	clear: both;
	padding:40px 0 0;
	margin: 0 0 20px;
	border:none;
	left:auto;
	right:auto;	
}

/* Site Header */

.knowhow #site-header {
	text-align:center;
}
.knowhow #site-header #logo {
	float:none;
	margin:0 auto 24px;
}
.knowhow #site-header #logo h1 {
	margin: 0 auto;
}
.knowhow #site-header #logo img {
	margin: 0 auto;
}

/* Site Footer */

.knowhow #site-footer 
.knowhow #footer-nav, 
.knowhow #site-footer #copyright {
	float: none;
	text-align:center;
}
.knowhow #site-footer #footer-nav {
	display:block;
	margin:0 0 20px;
}
.knowhow #footer-widgets .widget {
    margin-bottom: 36px;
}

/* Nav Primary */

.knowhow #primary-nav  {
	display: none;
}
.knowhow #primary-nav-mobile {
	display:block;	
}

/* Live Search */

.knowhow #live-search #searchsubmit span {
	display:none;
}
.knowhow #live-search #searchsubmit i {
    margin: 0;
}

} /* END Media Query */


@media screen and (max-width: 980px) {
	.knowhow #primary.sidebar-left #content {
		width: 100%;
		padding-left: 0;
		border-left: none;
	}
	.knowhow #primary.sidebar-right #content {
		width: 100%;
		padding-right: 0;
		border-right: none;
	}
}


@media screen and (max-width: 480px) {

.knowhow #live-search #s {
	width:75%;
}
.knowhow .category .sub-categories li {
	margin: 0 0 10px;
	float:none;
	width:auto;
}


} /* END Media Query */


/*------------------------------------------------------------------------------
VEDRAN CSS
------------------------------------------------------------------------------*/

/* Reduce space between entries inside the Latest Articles widget */
.widget.st_articles_widget li {
    margin: 0 0 5px;
}

/* Add more padding between the search box and the Templatic header */
.knowhow .container {
    padding-top: 75px;
}

.highlight-notes {
    border-left: 3px solid #2776f7;
    box-shadow: 0 0 10px rgba(0,0,0,.08);
	padding: 20px 25px 20px 30px !important;
}
.highlight-notes strong {
	display: block;
    font-size: 18px;
    margin-bottom: 10px;
}