/*
Theme Name: htwww
Theme URI: http://www.htww.space
Author: Sacha
Author URI: http://sacha.works
Description: 
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: htwww
*/

/*MAINNAV*/
html {
	min-height:100%;
	height: 100%;
}
.nav-container {
	display: table;
    width: 100%;
    height: 100%;
}
.nav-container header {
	display: table-row;
    text-align: center;
    vertical-align: top;
	height: 100%;
}
.nav-container .nav {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
.nav-container .nav .copyright {
	color: #888;
	font-size: 12px;
	line-height:86px;
}
#main-nav-htww {
	position: fixed;
    top: 0;
    left: calc(100% - 44px);
    width: 400px;
    max-width: 100%;
    z-index: 10000;
    height: 100%;
    border: none;
    background-color: #fff;
    box-shadow: 0 0 14px -5px #aaa;
	}
#main-nav-htww.open {
	right: 0;
    left: initial;
}
#action-menu {
	border: none;
    background-color: #fff;
    width: 44px;
    height: 100%;
    background-image: url(images/logo-htww-shadow.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top;
    position: absolute;
    left: 0;
}
#main-nav-htww.open #action-menu {
	width: 100%;
    height: 100%;
    position: relative;
    background-position: center;
}
#main-nav-htww.open #action-menu {
	background-position: center;
	background-size:66.6666% !important;
}
#action-menu:focus {
	outline:0;
}
#main-nav-htww .nav>li>a {
	line-height: 44px;
    font-weight: bold;
    color: #000;
}
#main-nav-htww .nav>li {
	border-top: 1px solid #eaeaea;
}
#main-nav-htww .nav>li:last-child {
	border-bottom: 1px solid #eaeaea;
}

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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
}
body {
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 13px;
    line-height: 1.3em;
    color: #242729;
    background: #FFF;
}
body>.container {
	padding-top: 34px;
}
img {
	max-width:100%;
	height:auto;
}
a {
    color: #07C;
    text-decoration: none;
    cursor: pointer;
}
p {
	margin-bottom: 10px;	
}
.no-padding-left {
	padding-left:0;
}
.no-padding-right {
	padding-right:0;
}
#main-logo-htww img {
	position: fixed;
	top: 0px;
    left: 20px;
	width: 120px;
	height: auto;
	z-index:100000;
}
/*MODAL*/
.modal-title {
	font-size: 21px;
}
.modal-body {
	font-size: 18px;
	line-height:24px;
}
/*FORM*/
input[type="text"], textarea:not(.wmd-input), input[type="url"], input[type="datetime"], input[type="datetime-local"], input[type="date"], .tag-editor {
    box-shadow: 0 1px 2px rgba(12, 13, 14, 0.1) inset;
}
input[type="text"], input[type="password"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="datetime"], input[type="datetime-local"], input[type="date"], textarea {
    padding: 8px 10px;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 14px;
    color: #3b4045;
    background: #FFF;
    border: 1px solid #c8ccd0;
}
/*TOPBAR*/
.topbar {
    width: 100%;
    background: rgba(12, 13, 14, 0.86);
    height: 34px;
    line-height: 1;
	font-size: 13px;
	position: fixed;
    z-index: 2;
}
.topbar .topbar-wrapper {
    margin: 0 auto;
    height: 34px;
    text-align: left;
    position: relative;
}
.topbar .topbar-links {
    vertical-align: top;
    position: absolute;
    top: 0;
    font-size: 13px;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
}
.topbar .topbar-links.topbar-left {
	left: 0;
}
.topbar .topbar-links.topbar-right {
	right: 0;
} 
.topbar .topbar-links .links-container {
    display: inline-block;
    vertical-align: top;
    padding-top: 10px;
}
.topbar .topbar-links .search-container {
    display: inline-block;
    vertical-align: top;
    margin-top: 1px;
}
.topbar .topbar-wrapper .topbar-links .topbar-menu-links {
	margin-top: -10px;
    display: inline-block;
    vertical-align: top;
    font-size: 0;
}
.topbar .topbar-links .topbar-menu-links a {
    color: #e4e6e8;
    text-decoration: none;
    display: inline-block;
    height: 24px;
    padding: 10px 7px 0 0;
    vertical-align: top;
    font-size: 13px;
    box-sizing: content-box;
}
.topbar .topbar-links .topbar-menu-links a:hover {
	color:#07C;
}
.topbar .topbar-links .search-container form {
    margin: 0;
    padding: 0;
}
.topbar .topbar-links .search-container input[type=text] {
    margin: 3px 0 0 20px;
    width: 194px;
    height: 21px;
    padding-left: inherit;
    padding-top: 2px !important;
    padding-bottom: 2px !important;
    padding-right: 5px;
    font-size: 13px;
    line-height: 1.5;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
    color: #6a737c;
    background-color: #FFF;
    padding-left: 24px !important;
    border: 1px solid #0C0D0E;
    background-color: #eff0f1;
    box-shadow: inset 0 1px 2px #eff0f1, 0 0 0 #FFF;
    transition: all .15s ease-in-out;
    box-sizing: content-box;
}
.topbar input[type="text"] {
    transition: none;
    border: 1px solid #cbcbcb;
    font-size: 100%;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
    border-radius: 0;
    padding: 3px;
    margin: 5px 0 5px 0;
}
/*HEADER*/
#header {
    height: 116px;
    box-sizing: content-box;
    position: relative;
}
#hlogo {
    float: left;
	margin-top: 15px;
}
#hlogo a {
   	top: 5px;
    background-image: url(img/sprites.html);
    background-repeat: no-repeat;
    position: relative;
    display: block;
    width: 44px;
    height: 80px;
    text-indent: -999999em;
    text-decoration: none;
    background-size: 491px;
    background-position: -14px -14px;
}
#hmenus {
    position: absolute;
    right: 15px;
    top: 38px;
}
#hmenus .mainnavs, #hmenus .askquestion {
    display: inline-block;
}
.nav ul {
    margin: 0;
}
ul {
    list-style-type: none;
}
#hmenus .nav ul li {
    display: inline-block;
    margin: 0;
    padding: 0;
}
#hmenus .nav ul li a {
    padding: 4px 10px 5px;
    font-size: 14px;
    line-height: 1.3;
	color:#fff;
    text-decoration: none;
    display: block;
    background: #9fa6ad;
    transition: background .15s ease;
}
#hmenus .nav ul li.youarehere a, #hmenus .nav ul li a:hover {
    color: #FFF;
    background: #f69c55;
}
/*CONTENT*/
#content {
    min-height: 450px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
/*CONTENT->MAINBAR*/
.subheader {
    clear: both;
    border-bottom: 1px solid #e4e6e8;
    box-sizing: content-box;
}
.single .subheader {
	margin-bottom: 10px;
}
.subheader h1 {
    color: #242729;
    font-size: 18px;
    line-height: 2.22;
}
.subheader h1, .subheader h2 {
    float: left;
    margin-bottom: 0;
    font-weight: normal;
}
#tabs, .tabs, .newnav .tabs-list-container .tabs-list .intellitab {
    float: right;
}
#tabs a, .tabs a, .newnav .tabs-list-container .tabs-list .intellitab a {
    position: relative;
    padding: 13px 10px;
    background-color: #FFF;
    border: 1px solid transparent;
    font-size: 12px;
	float: left;
    margin-right: 8px;
    padding: 12px 8px 13px;
    color: #848d95;
    line-height: 1;
    text-decoration: none;
    border-bottom: 2px solid transparent;
    transition: all .15s ease-in-out;
}
#tabs a.youarehere, .tabs a.youarehere, .newnav .tabs-list-container .tabs-list .intellitab a.youarehere {
    padding-bottom: 14px;
    font-weight: 400;
    border-color: #e4e6e8;
    border-bottom-color: transparent;
}
#tabs a.youarehere:before, .tabs a.youarehere:before, .newnav .tabs-list-container .tabs-list .intellitab a.youarehere:before {
    background-color: #f69c55;
}
#tabs a:before, .tabs a:before, .newnav .tabs-list-container .tabs-list .intellitab a:before {
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    height: 2px;
    background-color: transparent;
}
#tabs a:last-child, .tabs a:last-child, .newnav .tabs-list-container .tabs-list .intellitab a:last-child {
    margin-right: 0;
}
/*MAIN*/
#mainbar h2, .mainbar h2, #mainbar h3, .mainbar h3, #mainbar h4, .mainbar h4 {
    font-weight: 400;
}
.subheader h2 {
    color: #3b4045;
    font-size: 18px;
}
.subheader {
    clear: both;
	min-height: 40px;
    border-bottom: 1px solid #e4e6e8;
}
.space {
    padding-top: 20px;
}
h2 {
    font-size: 18px;
}
h1, h2, h3 {
    line-height: 1.3;
    margin-bottom: 1em;
}
.narrow .mini-counts {
    font-size: 17px;
    font-weight: 300;
    color: #6a737c;
    margin-bottom: 2px;
	}
.narrow .votes, .narrow .status, .narrow .views {
    padding: 8px 5px;
    line-height: 1;
}
.narrow .votes {
    display: inline-block;
    height: 38px;
    min-width: 38px;
    margin: 0 3px 0 0;
    font-size: 11px;
    color: #848d95;
    padding: 5px 5px 6px 5px;
}
.votes {
    text-align: center;
}
.narrow .cp {
    vertical-align: top;
    float: left;
    margin-right: 10px;
}
.cp {
    cursor: pointer;
}
.question-summary {
	overflow: hidden;
    float: left;
    padding: 12px 0 10px 0;
    border-bottom: 1px solid #e4e6e8;
	width: 100%;
}
.narrow .status {
    color: #848d95;
}
.narrow .status {
    display: inline-block;
    margin: 0 3px 0 0;
    min-width: 44px;
    height: auto;
    font-size: 11px;
    padding: 6px;
	text-align: center;
}
.narrow .views {
    line-height: 1;
    display: inline-block;
    height: 38px;
    min-width: 40px;
    margin: 0 7px 0 0;
    font-size: 11px;
	text-align: center;
    color: #848d95;
    padding: 5px 5px 6px 5px;
}
.narrow .summary {
    padding: 0;
    float: left;
	width: calc(100% - 118px);
}
#mainbar h2, .mainbar h2, #mainbar h3, .mainbar h3, #mainbar h4, .mainbar h4 {
    font-weight: 400;
}
.narrow .summary h3 {
	font-size: 15px;
    margin-bottom: .35em;
    line-height: 1.3;
}
.question-hyperlink:visited, .answer-hyperlink:visited, #hot-network-questions ul a:visited {
    color: #005999;
}
.question-hyperlink, .answer-hyperlink {
    color: #07C;
    line-height: 1.3;
    margin-bottom: 1.2em;
}
.question-hyperlink {
    font-size: 16px;
    font-weight: 400;
}
.tags {
    line-height: 18px;
    float: left;
}
.post-tag, .geo-tag, .container .chosen-choices .search-choice, .container .chosen-container-multi .chosen-choices li.search-choice {
    font-size: 12px;
}
.post-tag, .geo-tag, .container .chosen-choices .search-choice, .container .chosen-container-multi .chosen-choices li.search-choice {
    color: #39739d;
    background-color: #E1ECF4;
    border-color: transparent;
}
.post-tag, .moderator-tag, .required-tag, .disliked-tag, .favorite-tag, .company-tag, .geo-tag, .geo-tag, .container .chosen-choices .search-choice, .container .chosen-container-multi .chosen-choices li.search-choice {
    position: relative;
    display: inline-block;
    padding: .4em .5em;
    margin: 2px 2px 2px 0;
    font-size: 11px;
    line-height: 1;
    white-space: nowrap;
    text-decoration: none;
    text-align: center;
    border-width: 1px;
    border-style: solid;
    border-radius: 0;
    transition: all .15s ease-in-out;
}
.started a:not(.started-link), .started .mod-flair {
    font-size: 12px;
    color: #07C;
}
.narrow .started {
    width: auto;
    line-height: inherit;
    padding-top: 4px;
    white-space: nowrap;
	float:right;
}
/*ANSWER*/
.question-page #answers .answer {
    border-bottom: 1px solid #e4e6e8;
}
/*SIDEBAR*/
#sidebar h4 {
    color: #242729;
    font-size: 18px;
    font-weight: 400;
	margin-bottom: 1em;
}
#sidebar .module {
	margin-bottom: 1em;
}
#sidebar .module .started {
	display: inline;
}
/*ACF FORM*/
.acf-icon.small {
	width: 24px !important;
	height: 24px !important;
	line-height: 22px !important;
	font-size: 20px !important;
	}
.acf-soh .acf-soh-target {
	opacity: 1 !important;
	visibility: visible !important;
}
.acf-soh .acf-soh-target:hover {
	text-decoration:none;
}
ul.acf-checkbox-list li {
	display: inline-block;
	margin-right: 5px !important;
}
ul.acf-checkbox-list li:after {
	content: ', ';
}
/*TINY MCE*/
#mceu_59 { /*blockquote*/
	display:none;
}
#mceu_63, #mceu_64, #mceu_65 { /*text-align*/
	display:none;
}
#mceu_70 { /*Full Screen*/
	display:none;
}
/*SINGLE*/
.vote {
    vertical-align: top;
    width: 54px;
}
.post-text {
	font-size: 116%;
    line-height: 120%;
}
#question-h1 {
	font-size: 23px;
    line-height: 26px;
	padding-bottom: 18px;
	float: none;
}
.vote img, .post-text img {
	max-width:100%;
}
.question-content .tags {
	float:none;
	margin-bottom: 10px;
}
.question-content .bordered {
	border-bottom: 1px solid #eaeaea;
	margin-bottom: 10px;
}
.post-menu {
	padding: 0 !important;
}
.post-menu-tools>* {
    display: inline-block;
}
.post-menu-tools>a {
    padding: 3px 3px 2px 0px;
    color: #848d95;
}
/* Custom acf */
.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
	border-top:none;
	width: 33.333333%;
}
.acf-fields > .acf-field {
	border:0 !important;
}
#acf-field_5874d4846b6ed {
	border: none;
    box-shadow: none;
}
#acf-field_5874d4846b6ed::-webkit-input-placeholder, #acf-field_5874d4846b6ed::-moz-placeholder, #acf-field_5874d4846b6ed:-ms-input-placeholder, #acf-field_5874d4846b6ed:-moz-placeholder {
	color:#000 !important;
	opacity: 1;
}
.acf-fields > .acf-field {
	padding: 15px 0 !important;
}
.answer .acf-field-5874d4846b6ed, .answer .acf-field-5874d9a6c69a6, .answer .acf-field-5878b47c46b0e {
	height: 1px !important;
    width: 1px !important;
    visibility: hidden !important;
    opacity: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
    position: fixed !important;
    z-index: -1;
    top: 0;
    left: 0;
}
.answer label[for="acf-field-5878b47c46b0e"] {
	display:none !important;
}
.acf-button.button-primary {
	margin-top: 5px;
    margin-bottom: 5px;
	padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
	color: #333;
    background-color: #fff;
    border-color: #ccc;
}
.acf-field-5886a7cc253ce.acf-field {
	padding: 15px !important;
    border: 1px solid #eaeaea !important;
    border-radius: 4px;
}
.acf-field-5886a7cc253ce .acf-label {
    padding-bottom: 7px !important;
    border-bottom: 1px solid #eaeaea !important;
	}
.acf-field-5886a7cc253ce li{
	display:block !important;
} 
/*SIGNATURE*/
.user-info {
    box-sizing: border-box;
    width: 200px;
    color: #6a737c;
}
.user-info:before, .user-info:after {
    content: "";
    display: table;
}
.owner {
    background-color: #E0EAF1;
	padding: 5px 6px 7px 7px;
	max-width:200px;
}
.owner.answered {
    background-color: #fff;
	border:1px solid #eaeaea;
}
.user-info .user-action-time {
    margin-top: 1px;
    margin-bottom: 4px;
    font-size: 12px;
    white-space: nowrap;
}
.user-info .user-avatar {
    float: left;
    width: 32px;
    height: 32px;
    border-radius: 1px;
}
.user-info .user-details {
    margin-left: 8px;
	width: calc(100% - 40px);
	float: left;
}
.user-info .user-avatar a, .user-info .avatar-wrapper {
	display:block;
	width:100%;
	height:100%;
}
.user-info .avatar_image_signature {
	background-size: cover;
	background-position:center;
	width: 100%;
	height: 100%;
}
/*COMMENT*/
.comment-list {
	list-style:none;
	max-height: 172px;
	overflow-y: scroll;
}
.edit-link {
	display:none;
}
.comment-metadata a {
	color: #9199a1;
}
.comment-author, .comment-metadata {
	display:inline;
}
footer.comment-meta {
	margin-top: 0;
    min-height: 0;
	border-top: none;
}
.add-comment {
	margin-bottom:10px;
}
.comment-body {
	padding: 5px 5px 5px 20px;
	font-size:12px;
	border-top: 1px solid #eaeaea;
}
.reply {
	display:none;
}
.form-group label {
	display:block;
}
.form-group{
	padding-left:20px;
}
.comment-respond {
	height: 0;
    overflow: hidden;
}
.comment-respond.open {
	height: auto;
}
.comment-content p {
	margin-bottom:0px;
}
/*footer*/
footer.main {
	margin-top:30px;
	min-height:40px;
	border-top:1px solid #eaeaea;
	background-color:rgba(12, 13, 14, 0.86);
	text-align: center;
}
footer.main .copyright {
	color:#888;
	font-size:12px;
	line-height:44px;
}
/*FACEBOOK*/
body.archive.author {
	background-color: #e9ebee;
	font-family: San Francisco, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
    letter-spacing: -0.02em;
	font-size: 12px;
    line-height: 16px;
	height:100%;
}
.archive.author #content {  
	min-height: calc(100% - 75px);
}
.archive.author #topbar_blue {
	background-color: #3b5998;
    border-bottom: 1px solid #29487d;
    color: #fff;
	position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;
}
.archive.author #topbar_blue a {
    background-color: transparent;
    color: inherit;
    display: inline-block;
    font-size: 12px;
    -webkit-font-smoothing: antialiased;
    font-weight: bold;
    height: 42px;
	padding: 8px;
    line-height: 27px;
    text-decoration: none;
    vertical-align: top;
    white-space: nowrap;
}
.archive.author .coverPhotoImg {
	width:100%;
	height: 300px;
	background-size: cover;
	background-position: center;
}
.archive.author #fixed-asside {
	position: absolute;
    right: 40px;
    padding: 0;
    font-size: 12px;
    top: 53px;
    width: 160px;
}
.archive.author .cover {
	position:relative;
	padding-right: 0;
    background-color: #fff;
    padding: 0;
    padding-top: 42px;
    padding-bottom: 40px;
}

.archive.author .avatar {
	height: 160px;
    width: 160px;
	background-color: #fff;
    border: 4px solid #fff;
    border-radius: 2px;
	left: 15px;
    margin-top: 0;
    bottom: 17px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
    display: block;
    padding: 1px;
    position: absolute;
	z-index: 2;
	background-size: cover;
	background-position:center;
}
.archive.author h1 {
	bottom: 42px;
    left: 201px;
    position: absolute;
	font-size: 24px;
    font-weight: 500;
    line-height: 30px;
	color: #fff;
    text-rendering: optimizelegibility;
    text-shadow: 0 0 3px rgba(0,0,0,.8);
}
.archive.author .content-author {
	margin-top:20px;
}
.archive.author .intro {
	background-color:#fff;
	padding: 12px;
}
.archive.author .friends {
	margin-top: 10px;
}
.archive.author .intro h4 {
	font-size: 16px;
    line-height: 20px;
    font-weight: normal;
    color: #4b4f56;
    padding-bottom: 4px;
	margin-bottom: 10px;
	float:left;
	margin-left:4px;
}
.archive.author .icon {
	width: 24px;
    height: 24px;
	background-image: url('images/earth_icon.png');
	background-size:cover;
	background-position: center;
	float: left;
	margin-right:5px;
}
.archive.author a {
	color: #337ab7;
	text-decoration: none;
}
.archive.author a:hover {
	color: #23527c;
    text-decoration: underline;
}
.archive.author .info_author p {
	margin-bottom: 0;
}
.nice-border {
	border: 1px solid;
    border-color: #e5e6e9 #dfe0e4 #d0d1d5;
	border-radius: 3px;
}
.post_archive_author {
	padding: 12px;
	background-color: #fff;
	margin-bottom: 10px;
}
.post_aa_header {
    margin-bottom: 11px;
}
.post_aa_header .small_avatar {
	width:40px;
	height:40px;
	background-position:center;
	background-size: cover;
	float:left;
	margin-right: 8px;
}
.post_aa_header .header_infos {
	float:left;
	padding-bottom: 6px;
}
.post_aa_header .header_infos a {
	font-weight: bold;
    color: #365899;
    cursor: pointer;
    text-decoration: none;
	font-size:14px;
	line-height: 1.38;
	margin-bottom:2px;
}
.post_aa_header .date  {
	color: #90949c; 
	font-size:12px;
	line-height: 1.34;
	margin-top: 2px;
}
.post_aa_content, .post_aa_content a {
	color: #1d2129 !important;
	text-decoration: none !important;
	font-size: 14px !important;
	}
.post_aa_content a:hover {  
	color: #07C !important;
}
.post_aa_footer{}
.post_aa_footer ul {
	padding-top: 8px;
    border-top: 1px solid #eaeaea;
}
.post_aa_footer ul li {
	display:inline-block;
	margin-right: 20px;
}
.post_aa_footer ul li a {
	color: #7f7f7f !important;
	font-size: 12px;
    font-weight: bold;
    line-height: 14px;
	padding: 4px 4px 4px 0;
}
.friends_links li {
	display:block;
	float: left;
	width:33.3333%;
	padding: 3px;
	position: relative;
}
.friends_links li .avatar_friend:before {
	content: "";
	display: block;
	padding-top: 100%; 	/* initial ratio of 1:1*/
}
.friends_links li .avatar_friend {
	background-size: cover;
	background-position: center;
}
.friends_links .name_author {
	background: linear-gradient(transparent, rgba(0, 0, 0, .7));
	padding: 5px;
	position: absolute;
	bottom: 3px;
	left: 3px;
	width: calc(100% - 6px);
}
.friends_links .name_author .name {
	font-size: 12px;
	color: #fff !important;
    line-height: 16px;
}
.friends_links .new_post_count {
	font-size: 11px;
}