/*
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 ------- */

#login .ht-pageheader {
	display: none;
}

body {
	font-family: 'montserratregular';
	font-size: 14px;
}

#login .ht-sitecontainer{
	background-color: #f1f1f1;
}

#login .ht-pageheader {
	display: none;
}

#login .site-header .site-header__banner {
	height: 400px;
}

#login .hkb-article .hkb-article__title {
	font-weight: normal;
	font-family: 'montserratbold';
	width:300px;
	margin: 0 auto;
	margin-bottom: 15px;
}

.hkb-article .hkb-article__title {
	font-weight: normal;
	font-family: 'montserratbold';
}

#login .hkb-article__content {
	width:300px;
	margin: 0 auto;
	padding:20px;
	box-sizing:border-box;
	background-color: #FFFFFF;
}

#login #theme-my-login .message,
#login .tml-rememberme-wrap,
#login .tml-action-links {
	display: none;
}

#login input[type="submit"], #register, .wpcf7-form-control.wpcf7-submit {
	background-color: #a49c95;
	border-radius: 0;
	padding:15px 20px;
}

textarea, select, input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"] {
	border-radius: 0;
}

.wppb-form-field label, #wppb-login-wrap .login-username label, #wppb-login-wrap .login-password label {
	height: 40px;
	line-height: 40px;
	font-weight: normal;
	font-family: 'montserratregular';
}

.wpcf7 label {
	font-size: 14px;
	font-weight: normal;
	font-family: 'montserratregular';
}

.wppb-user-forms input:not([type="button"]):not([type="reset"]):not([type="submit"]), .wppb-user-forms select{
	height: 40px;
	line-height: 40px;
	font-weight: normal;
	font-family: 'montserratregular';
}

b, strong {
	font-weight: normal;
	font-family: 'montserratbold';
}

.hkb-articlemini .hkb-article__excerpt {
	font-size: 14px;
	font-weight: normal;
	font-family: 'montserratregular';
}

.hkb_widget_exit .hkb_widget_exit__btn {
	font-weight: normal;
	border-radius: 0;
}

.ht-page {
	padding-top: 0;
}

.ht-page > .ht-container {
	background-color: #FFFFFF;
	padding: 60px 25px;
	position: relative;
}

.ht_kb-template-default .ht-page > .ht-container {
	padding: 25px;
}

.ht-sitecontainer {
	background-color: #e2dfdd;
}

.ht_kb-template-default .hkb-article__content p > a {
	position: relative;
	z-index: 1;
	cursor: auto;
}

.ht_kb-template-default .hkb-article__content p > a.active, .ht_kb-template-default .hkb-article__content p > a:hover {
	border-bottom: 5px #d2cdc9 solid;
} 

.ht_kb-template-default .hkb-article__content p > a.nocont-link {
	cursor: pointer;
	border-bottom: 5px #d2cdc9 solid;
}

/* .ht_kb-template-default .hkb-article__content p > a:hover:after,
.ht_kb-template-default .hkb-article__content p > a.active:after,
.ht_kb-template-default .hkb-article__content p > a.nocont-link:after {
	width:100%;
	height: 5px;
	background-color:#d2cdc9;
	content: "";
	position: absolute;
	bottom: 1px;
	left:0;
	z-index: -1;
} */

.ht_kb-template-default .ht-page > .ht-container {
	overflow: auto;
	display: table;
}

.external-link {
	width:200px;
	position: absolute;
	right: -225px;
	z-index: 1;
	padding: 15px 20px;
	box-sizing:border-box;
	cursor: pointer;
}

.external-link > a {
	text-decoration: none;
	color: #636363;
}

.external-link .icon {
	position: relative;
	background-image: url('files.png');
	background-repeat: no-repeat;
	width:28px;
	height: 30px;
	background-size: 20px;
    display: block;
    float: left;
}

.external-link .icon:before {
	position: absolute;
	width:17px;
	height: 17px;
	border-radius: 50%;
	background-color: #e2dfdd;
	content: "";
	left:-29px;
	top: 5px;
	z-index: 1;
}

.external-link .icon:after {
	position: absolute;
	width:7px;
	height: 7px;
	border-radius: 50%;
	background-color: #FFFFFF;
	content: "";
	left:-24px;
	top: 10px;
	z-index: 2;
}

.external-link.hover {
	background-color: #636363;
	color: #ffffff;
}

.external-link.hover a {
	color: #ffffff;
}

.ht_kb-template-default .hkb-article__content p > a.nocont-link.hover {
	border-bottom: 5px #d2cdc9 solid;
}

.external-link.hover .icon {
	background-image: url('files_white.png');
}

.external-link.hover .icon:before {
	background-color: #636363;
}
.external-link span.link {
	text-decoration: underline;
	word-break: break-word;
}

.hkb-article__content p > span.readmore , .hkb-article__content ol li span.readmore {
	position: relative;
	z-index: 1;
	margin-right: 22px;
	cursor: pointer;
}



/*.hkb-article__content p > span.readmore:before {
	width:100%;
	height: 5px;
	background-color:#d2cdc9;
	content: "";
	position: absolute;
	bottom: 1px;
	left:0;
	z-index: -1;
}*/

.hkb-article__content p > span.readmore:after, .hkb-article__content ol li span.readmore:after {
	width:15px;
	height: 15px;
	background-image: url('drop.png');
	background-size: 100%;
	content: "";
	position: absolute;
	right: -18px;
	bottom: 0;
	z-index: 1;
}

.hkb-article__content p > span.readmore.open:after, .hkb-article__content ol li span.readmore.open:after {
	transform: rotate(180deg);
}

/*.hkb-article__content p > span.readmore:hover, .hkb-article__content p > span.readmore.open {
	background-color:#d2cdc9
}*/

.hkb-article__content p > span.showmore, .hkb-article__content ol li > span.showmore {
	display: none;
	padding:15px;
	background-color: #e4e1df;
	box-sizing:border-box;
	margin: 15px 0 8px;
}

.hkb-article__content ul li a {
    position: relative;
	z-index: 1;
	cursor: pointer;
    border-bottom: 5px #d2cdc9 solid;
}

.pageslider-outer {
	position: relative;
	width:1050px;
	box-sizing:border-box;
	height: 24px;
	padding: 0px 0 24px;
	background-color: #FFFFFF;
	position: fixed;
	bottom: 0;
	z-index: 9999;
}

.pageslider-inner {
	width:100%;
	height: 24px;
	background-color: #f4f5f5;
	display: block;
	position: relative;
}

.pageslider-inner .blank {
	width:100%;
	height: 8px;
	box-sizing:border-box;
	padding: 0 15px;
	position: absolute;
	top:9px;
	left:0;
	z-index: 999;
}

.pageslider-inner .blank .fill {
	width:0;
	height: 8px;
	background-color: #5f5f5f;
}


body .sidebar .sidebar__innercontainer.affix {
	top:65px;
}

body.admin-bar.makefixed .pageslider-outer {
	position: fixed;
	bottom:0;
	left:0;
	right: 0;
	margin:0 auto;
	padding: 0px 0 24px;
}

body.makefixed .pageslider-outer {
	position: fixed;
	left:0;
	right: 0;
	margin:auto;
	padding:17px 0 48px;
}

body.makefixed .ht-page .ht-container {
	max-width:1050px;
	padding: 25px 25px;
	display: table;
	box-sizing:border-box;
	overflow: visible;
}

/* body.admin-bar.makefixed .hkb-article .hkb-article__title {
	margin-top: 65px;
}

body.makefixed .hkb-article .hkb-article__title {
	margin-top: 33px;
} */

button, input[type="reset"], input[type="submit"], input[type="button"], .hkb-article__content ol li:before, .hkb-article__content ul li:before, .hkb_widget_exit__btn {
	background: #FFFFFF!important;
	border: 2px solid #a59c94!important;
	text-transform: uppercase;
}

.hkb_widget_exit .hkb_widget_exit__btn {
	border-radius: 0;
	height: 38px;
	line-height: 38px;
	color: #a59c94;
	font-family: 'montserratbold';
	padding: 0 27px 0 17px;
	position: relative;
}

.hkb_widget_exit .hkb_widget_exit__btn:hover, input[type="submit"]:hover {
	background: #a59c94!important;
	color: #FFFFFF!important;
}

.hkb_widget_exit .hkb_widget_exit__btn:before {
	border-bottom: 3px solid transparent;
    border-left: 3px solid #a59c94;
    border-top: 3px solid transparent;
    content: "";
    height: 0;
    right: 18px;
    position: absolute;
    top: 15px;
    width: 0;
    z-index: 9;
}

.hkb_widget_exit .hkb_widget_exit__btn:hover:before {
	border-left: 3px solid #FFFFFF;
}

.hkb_widget_exit .hkb_widget_exit__btn:hover:after {
	border-left: 3px solid #a59c94;
}

.hkb_widget_exit .hkb_widget_exit__btn:after {
	border-bottom: 3px solid transparent;
    border-left: 3px solid #FFFFFF;
    border-top: 3px solid transparent;
    content: "";
    height: 0;
    right: 20px;
    position: absolute;
    top: 15px;
    width: 0;
    z-index: 10;
}

button, input[type='reset'], input[type='submit'], input[type='button'] {
	color: #a49c95;
	border-radius: 0;
}

.customadmin-bar {
	direction: ltr;
    color: #ccc;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    height: 32px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-width: 600px;
    z-index: 99999;
    background: rgba(143,143,143,0.8);
    padding: 0 20px;
    text-align: right;
    line-height: 32px;
    color: #FFFFFF;
}

.tml.tml-user-panel {
	float: right;
}

.tml.tml-user-panel  ul {
	list-style: none;
	margin:0;
}

.tml.tml-user-panel  ul li {
	float: left;;
	display: inline;
	margin: 0 5px;
	height: 32px;
	line-height: 32px;
}

.tml.tml-user-panel  ul li a {
	color: #FFFFFF;
	text-decoration: none;
}

#login .ht-page > .ht-container {
	background: #f1f1f1;
}

.cleararea {
	width:1050px;
	height: 0;
	float: left;
	display: block;
	clear: both;
}

button, input[type='reset'], input[type='submit'], input[type='button'] {
     border-radius: 0!important;
}

.ht-page.ht-page--sidebarleft .sidebar {
	/*margin-top: 72px;*/
}

.print-button {
	float: right;
	border:0!important;
	padding: 0!important;
}

.print-button .icon {
     width: 24px;
     height: 22px;
     background-image: url(printer.png);
     background-size: cover;
     float: right;
     display: block;
     margin-left: 8px;
     margin-top: -3px;
}

/*a.anchor {
    display: block;
    position: relative;
    top: -100px;
    visibility: hidden;
}*/

#ht-navtoggle {
	background: none!important;
	border:0!important;
}

.hkb-article-related a {
	font-size: 14px;
}

@media screen and (max-width: 1370px) {
	.external-link {
		width:100%;
		height: auto;
		float: left;
		position: static;
		display: none;
		clear: both;
		background-color:#e4e1df;
		padding:10px 15px;
		margin:10px 0;
	}
	.external-link .icon {
		display: none;
	}
	.hkb-article__content p > a {
		position: relative;
	}
	/* .hkb-article__content p > a:before {
		position: absolute;
		background-image: url('icon-up.png');
		content: "";
		width:15px;
		height: 15px;
		background-size: 100%;
		right: -18px;
		bottom: 0;
	} */

	.hkb-article__content p > a.open:before {
		background-image: url('icon-down.png');
	}
}

@media screen and (max-width:1350px) {
	.ht_kb-template-default .hkb-article__content p > a,
	.hkb-article__content a {
		border-bottom: 5px #d2cdc9 solid!important;
	}
}

@media screen and (max-width: 1200px) {
	.pageslider-outer {
		width:100%;
		left:0;
	}
	.ht-container {
		max-width: 100%;
	}
}

@media screen and (max-width: 1100px) {
		.cleararea {
				width:100%;
		}
}

@media print {
  header.site-header__banner {
     display: none;
  }
  .pageslider-outer {
     display: none;
  }
}
