/*
	Theme Name: Donut
	Theme URI: https://github.com/amiyasahu/Donut/
	Theme Version: 1.6.3
	Theme Date: 2015-10-25
	Theme Author: Amiya Sahu
	Theme Author URI: http://www.amiyasahu.com/
	Theme License: GPLv2
	Theme Update Check URI: https://github.com/amiyasahu/Donut/blob/master/qa-theme/Donut-theme/qa-styles.css
*/
/**General**/
header#top-header .top-html-block { margin-top: 10px; }
span.header-text { margin-top: 9px; display: inline-block; float: left; }
.header-login-bar { display: inline-block; }
.header-login-bar .register_recover,
.header-login-bar span.fa,
.header-login-bar a#logout,
.header-login-bar form { display: inline-block; float: left; }
.header-login-bar > span.fa-sign-in { margin-right: 10px; font-size: 2em; margin-top: 6px; cursor: pointer; }
.left-part .header-text { margin-right: 10px }
.header-login-bar form input,
.header-login-bar form button,
.header-login-bar form label { display: block; float: left; }
.header-login-bar form input[type="text"],
.header-login-bar form input[type="password"] { width: 150px; margin-right: 5px; }
.header-login-bar form button { width: auto; margin-right: 5px; background-color: #3898ea; border-color: #75b9f5; }
.header-login-bar a#logout { background-color: #3898ea; border-color: #75b9f5; }
.header-login-bar a#logout.header_right_text { margin-right: 10px; }
.header-login-bar a#logout span.fa-sign-out { margin: 3px 2px 0 0; }
.header-login-bar form label.checkbox { margin: 9px 5px auto 25px; }
.header-login-bar form label.checkbox input { margin-top: 2px; }
.header-login-bar .register_recover { margin-top: 9px; }
.header-login-bar .register_recover a { color: #FFF; }
#login-dropdown-menu form.login_form > ul { padding: 0; list-style: none; }
#login-dropdown-menu form.login_form > ul > li:first-child { margin-top: 0px; padding-top: 0; }
#login-dropdown-menu form.login_form > ul > li { padding-left: 0; padding-right: 0; }
#login-dropdown-menu li.forgot-password { margin: 10px 0 8px 0; }
.navbar .qa-logo-link img { width: 100%; max-width: 240px; }
.donut-site-stats-bottom .count-data { float: left; }
.site-header .site-header-cover h1.top-heading { font-size: 60px !important; }
.site-header .jumbo-box .wrap .hint { font-size: 23px !important; }
/**Responsive**/
@media only screen and ( max-width: 767px ) {
	.navbar .logo-wrapper { padding: 0 15px !important; }
	.navbar .qa-logo-link img { margin: 0 auto; float: none !important; }
    .site-header .site-header-cover h1.top-heading { font-size: 40px !important; }
}
@media only screen and (max-width: 668px) {
	.header-login-bar { display: inline-block; width: 100%; text-align: center; }
	.header-login-bar form { float: none; }
	.header-login-bar .register_recover { display: block; text-align: center; width: 100%; }
	.header-login-bar form input[type="password"] { width: 154px; margin: 0 5px; }
}
@media only screen and (max-width: 557px) {
    .site-header .site-header-cover h1.top-heading { font-size: 22px !important; }
}
@media only screen and (max-width: 516px) {
	.header-login-bar form input[type="text"],
	.header-login-bar form input[type="password"] { width: 48%; margin-bottom: 10px; }
	.header-login-bar form input[type="password"] { margin-right: 0 !important; }
	.header-login-bar form label.checkbox { margin: 9px 0 0 10px; }
	.header-login-bar form label.checkbox span { display: inline; }
	.header-login-bar form label.checkbox input { margin: 2px -14px; display: inline; }
	.header-login-bar form label.checkbox,
	.header-login-bar form button[type="submit"] { width: 48%; }
	.header-login-bar form button[type="submit"] { margin-right: 0; }
	.header-login-bar form label.checkbox { font-size: 12px; }
}
@media only screen and ( max-width: 443px ) {
	.navbar .qa-logo { padding: 0 !important; }
}
@media only screen and ( max-width: 425px ) {
	div.qa-part-form-profile form table tr { display: block; width: 100%; padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #ccc; }
	div.qa-part-form-profile form table tr th,
	div.qa-part-form-profile form table tr td { width: 100%; display: block; border: none !important; -webkit-box-shadow: none; box-shadow: none; padding: 0 5px !important; }
	div.qa-part-form-profile form table tr > td:first-child { font-weight: bold; }
	div.qa-part-form-profile form table tr td.qa-form-wide-data,
	div.qa-part-form-profile form table tr td.qa-form-wide-label { border-bottom: none; -webkit-box-shadow: none; box-shadow: none; }
}
@media only screen and ( max-width: 414px ) {
	body.qa-template-user-activity div.qa-q-item-stats { padding: 0 !important; }
	body.qa-template-user-activity div.qa-q-item-main {     padding-left: 10px; padding-right: 10px; }
}
@media only screen and (min-width: 300px) {
	.site-header .search-bar .form-inline .form-group { width: 70% !important; }
}