/*
Theme Name:     KnowAll Child Theme
Theme URI: 		http://herothemes.com/
Description:    Child theme for KnowAll 
Author: 		HeroThemes
Author URI: 	http://herothemes.com
Template:       knowall
Version:        1.0.0
*/

/* ------- Insert custom styles below this line ------- */

/* tracking image fix */
body > img[title="newegg tracking"] {
	float: left;
}
body {
    min-width: 320px !important;
}
/* home search bar height */
.site-header .site-header__search{ padding: 30px 0; }

/* top five links */
.btn {
    display: inline-block;
    position: relative;
    margin: 0;
    padding: 8px 1em;
    outline: 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 3px;
    border: 1px solid #d9d9d9;
    background: #fff;
    color: #4d4d4d;
    font-weight: 700;
    font-size: 14px;
    line-height: 1;
    font-stretch: condensed;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    vertical-align: middle;
    cursor: pointer
}

.btn-mini {
    padding: 6px .85em;
    outline: 0;
    border: 1px solid #d9d9d9;
    font-size: 12px
}

.btn-large {
    padding-top: 10px;
    padding-bottom: 9px
}

.btn-mini:active,.btn-mini:hover,.btn:active,.btn:hover {
    color: #222;
}

.btn-wide {
    width: 100%
}

.btn-wide.has-icon-left {
    text-align: left
}

.btn-wide.has-icon-right {
    text-align: right
}

.btn:disabled,.btn:disabled:hover {
    background: #E4E4E4;
    border-color: #DDD;
    color: #B8B8B8;
    cursor: not-allowed;
    pointer-events: none
}

span.btn-mini:active,span.btn-mini:hover,span.btn:active,span.btn:hover {
    color: #222;
    cursor: default
}

.btn-group {
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
    font-size: 0;
    zoom:1}

.btn-group-cell {
    display: inline-block;
    vertical-align: top
}

.btn-group .btn {
    border-left-width: 0;
    border-radius: 0
}

.btn-group-cell:first-child .btn {
    border-left-width: 1px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.btn-group-cell:last-child .btn {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.btn-group-cell:only-child .btn {
    border-radius: 3px
}

.btn-alt,.btn-primary,.btn-secondary {
    text-transform: uppercase
}

.btn-primary {
    border-color: #B35A00;
    background-color: #f78c1b;
    background: linear-gradient(to bottom,#FEB13A,#f78c1b);
    color: #552F00
}

.btn-primary:active,.btn-primary:hover {
    border-color: #B35A00;
    background-color: #F9A21B;
    background: linear-gradient(to bottom,#f78c1b,#FEB13A);
    color: #552F00
}

.btn-secondary {
    border-color: #849dc2;
    background-color: #b3d5ff;
    background: linear-gradient(to bottom,#b3d5ff,#96BAE6);
    color: #0e1b2e
}

.btn-secondary:active,.btn-secondary:hover {
    border-color: #849dc2;
    background-color: #96BAE6;
    background: linear-gradient(to bottom,#96BAE6,#b3d5ff);
    color: #0e1b2e
}

.btn-tertiary {
    border-color: #ADADAD;
    background-color: #E6E6E6;
    background: linear-gradient(to bottom,#E6E6E6,#C9C9C9);
    color: #4d4d4d
}

.btn-tertiary:active,.btn-tertiary:hover {
    border-color: #ADADAD;
    background-color: #C9C9C9;
    background: linear-gradient(to bottom,#C9C9C9,#E6E6E6);
    color: #4d4d4d
}

.btn-tool {
    border-color: #055fff;
    background-color: #69B1FA;
    background: linear-gradient(to bottom,#69B1FA,#0D80FF);
    color: #fff
}

.btn-tool:active,.btn-tool:hover {
    border-color: #055fff;
    background-color: #0D80FF;
    background: linear-gradient(to bottom,#0D80FF,#69B1FA);
    color: #fff
}

.btn-alt {
    border-color: #384966;
    background-color: #6077A2;
    background: linear-gradient(to bottom,#6077A2,#4D6386);
    color: #FFF
}

.btn-alt:active,.btn-alt:hover {
    border-color: #384966;
    background-color: #4D6386;
    background: linear-gradient(to bottom,#4D6386,#6077A2);
    color: #FFF
}

.btn-message:disabled,.btn-message:disabled:hover,span.btn-message,span.btn-message:hover {
    padding-left: 0;
    padding-right: 0;
    border-color: transparent;
    background: 0 0;
    color: #C62608;
    cursor: default
}

.has-icon-left {
    padding-left: 1.3em
}

.has-icon-right {
    padding-right: 1.5em
}

.has-icon-left:before,.has-icon-right:before {
    display: inline-block;
    position: absolute;
    top: 50%;
    margin-top: -.5em;
    width: 1em;
    font-family: FontAwesome;
    font-weight: 400;
    vertical-align: middle;
    font-size: 1em;
    line-height: 1;
    text-align: center;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.has-icon-left:before {
    left: 0
}

.has-icon-right:before {
    right: 0
}

.btn.has-icon-left {
    padding-left: 2.5em
}

.btn.has-icon-right {
    padding-right: 2.5em
}

.btn.has-icon-left:before {
    left: 1em
}

.btn.has-icon-right:before {
    right: 1em
}

.btn .flag {
    margin-top: -4px;
    height: 14px
}

.btn.is-current {
    border-color: #707070;
    background: #707070;
    color: #fff;
    cursor: default
}

.ht-pageheader .btn-group {
	display: block;
	margin-left: 1px;
	white-space: normal;
	padding: 0;
}
.ht-pageheader .btn-group-cell {
	position: relative;
	margin-left: -1px;
	margin-top: -1px;
	min-width: 19.4%;
}
.ht-pageheader .btn-group-cell:hover { z-index: 1; }
.ht-pageheader .btn-group .btn {
	padding-top: 16px;
	padding-bottom: 15px;
	border-width: 1px;
	background: #cc4e00;
	color: #ffffff;
	border: 1px solid #e6e6e6;	
    -webkit-transition: background .3s ease-in-out;
    -moz-transition: background .3s ease-in-out;
    -o-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;	
}
.ht-pageheader .btn-group .btn:active,
.ht-pageheader .btn-group .btn:hover{ 
	background: #17406c;
	color: #ffffff;
}
@media (max-width: 1000px) {
	.ht-pageheader .btn-group-cell { min-width: 33.3%; }
}

@media (max-width: 677px) {
	.ht-pageheader { height: 135px; }
	.ht-pageheader .btn-group-cell { 
		min-width: 20%;
		text-align: center;
	}
	.ht-pageheader .btn-group-cell .btn {
		padding: 0;
		border-radius: 50%;
    	height: 60px;
    	width: 60px;
	}
	.ht-pageheader .btn-group-cell .btn:hover span{
		color: #17406c;
		text-decoration: underline;
	}	
	.ht-pageheader .btn-group-cell .btn span{
		position: absolute;
    	top: 65px;
    	left: 0;
    	display: block;
		color: #222222;
    	text-align: center;
    	font-size: 13px;
    	text-transform: capitalize;
    	font-weight: normal;
	}
	
	.ht-pageheader .btn-group-cell .fa{ 
		font-size: 1.6em;
		line-height: 60px;
	}
}

@media (max-width: 320px) {
	.ht-pageheader { height: 125px; }
	.ht-pageheader .btn-group-cell .btn {
    	height: 50px;
    	width: 50px;
	}
	.ht-pageheader .btn-group-cell .btn span{ 
		top: 55px;
		font-size: 12px;
	}
	.ht-pageheader .btn-group-cell .fa{ line-height: 50px; }
}

/* search bar */
#hkb.hkb-searchresults > li:hover, 
#hkb.hkb-searchresults > li.hkb-searchresults__current {
    background: #fffbd8;
}

/* feedback modify */
.ht-voting .ht-voting-links .ht-voting-downvote,
.ht-voting .ht-voting-links .ht-voting-upvote {
	background: #ffffff!important;
	color: #222222;
	border:1px solid #e6e6e6;
	}
.ht-voting .ht-voting-links .ht-voting-downvote:hover,
.ht-voting .ht-voting-links .ht-voting-upvote:hover{
	background:#666666!important;
	color: #ffffff;
	border:1px solid #666666;
	}	
.ht-voting .ht-voting-links .ht-voting-downvote span, 
.ht-voting .ht-voting-links .ht-voting-upvote span {
    display: block!important;
    font-size: 14px;
    line-height: 14px;
    text-indent: 0;
    font-weight: 600;
	}	
.hkb-feedback .ht-voting-upvote, 
.hkb-feedback .ht-voting-downvote {
	margin: 0 3px;
	padding: 8px 20px;
	}
.hkb-feedback .hkb-feedback__title {
	font-size: 16px;
	}

/* hide hamburger icon */
.nav-header{ display:none; }

/* widget button */
.hkb_widget_exit__btn:hover{ background: #17406c; }

/* home page category */
.hkb-archive__title,
.hkb-category.hkb-category--witharticles{ border-bottom: 0;}
.hkb-category .hkb-category__headerlink{ width: 100%; }
.hkb-category__title{ 
	position: relative;
	padding-bottom: 5px;
    border-bottom: 1px solid #e6e6e6;
}
.hkb-category__title:after{
	content: "View All";
	font-size: 11px;
	font-weight: normal;
	text-transform: uppercase;
	color: #707070;
	position: absolute;
	right: 0;
	bottom: 7px;
}
.hkb-category .hkb-category__headerlink:hover .hkb-category__title:after{
	color: #cc4e00;
}
@media screen and (min-width: 768px){
	.hkb-archive__title {
    	margin: 0 0 10px;
	}
}
.hkb-category .hkb-category__articlelist {
	font-size: 14px;
  	line-height: 18px;
}

/* article link style */
.hkb-article__content a {
    text-decoration: underline;
}

/* 404 page link style */
.ht-404msg__link{color: #fff;}
.ht-404msg__link > a:hover{
	color: #fff;
	text-decoration: underline;
}

/* homepage header quick links */
.kb-quick-links {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-flex-flow: wrap row;
	flex-flow: wrap row;
	margin: 0 auto;
	padding: 0 15px;
	max-width: 1000px;
}
.kb-quick-link {
	position: relative;
	display: block;
	margin: 0 15px 30px 15px;
	padding: 20px 20px 20px 70px;
	box-sizing: border-box;
	border-radius: 5px;
	background: #f4f5f7;
	width: calc((100% - 90px) / 3);
	color: #000;
	text-decoration: none;
}
.kb-quick-link-icon.fa {
	position: absolute;
	top: 25px;
	left: 20px;
	width: 36px;
	height: 36px;
	color: #cc4e00;
	font-size: 36px;
	text-align: center;
}
.kb-quick-link-title {
	font-weight: bold;
	font-size: 18px;
}
.kb-quick-link-info {
	margin-top: 5px;
	font-size: 13px;
}
.kb-quick-link:hover {
	padding: 18px 18px 18px 68px;
	border: 2px solid #cc4e00;
	color: #000;
}
.kb-quick-link:hover .kb-quick-link-icon.fa {
	top: 23px;
	left: 18px;
}

@media (max-width: 899px) {
	.kb-quick-link {
		width: calc((100% - 60px) / 2);
	}
}
@media (max-width: 599px) {
	.kb-quick-link {
		margin: 0 0 15px 0;
		padding: 15px 15px 15px 55px;
		width: 100%;
	}
	.kb-quick-link-icon.fa {
		top: 18px;
		left: 15px;
		width: 24px;
		height: 24px;
		font-size: 24px;
	}
}
/* chat */
#chatContainer {
	margin: 0 0 40px 0;
    border-radius: 5px !important;
	box-shadow: 0 2px 14px 0 rgba(0,0,0,0.08) !important;
	overflow: hidden;
}
#contact-comment-CallBackTab {
	margin-bottom: 22px;
    border: 1px solid rgb(239, 239, 239);
    padding: 30px;
    border-radius: 5px;
}

/* theme */
.hkb-category .hkb-category__title {
  width: 100%;
  font-size: 18px;
  line-height: 1.25;
  color: #333;
  padding-right: 60px;
  box-sizing: border-box;
}