.dwqa-container {
box-shadow: border-box;
box-sizing: border-box;
}
.dwqa-staff {
background: #1ba1e2;
border-radius: 3px;
color: #fff;
margin: 0 5px;
padding: 1px 5px;
}
.dwqa-pagination a,
.dwqa-pagination span {
border: 1px solid #ddd;
display: inline-block;
margin-right: 5px;
padding: 5px 10px;
}
.dwqa-answers-list .dwqa-pagination {
margin-top: 20px;
margin-bottom: 20px;
}
.dwqa-captcha img {
display: block;
margin: 0 0 10px;
}
.dwqa-captcha input {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 20px;
width: 100%;
}
.dwqa-alert {
border-radius: 2px;
border: 1px solid transparent;
margin-bottom: 20px;
padding: 10px 15px;
}
.dwqa-alert-error {
background-color: #f2dede;
border-color: #ebccd1;
color: #a94442;
}
.dwqa-alert-success {
background-color: #d4edda;
border-color: #c3e6cb;
color: #155724;
}
.dwqa-alert-info {
background-color: #d9edf7;
border-color: #bce8f1;
color: #31708f;
}
.dwqa-comment-gcaptchav2{
display: inline-block;
} .dwqa-question-item {
margin-bottom: 0;
padding: 0 0 0 80px;
position: relative;
}
.dwqa-question-item.dwqa-sticky {
background: #fcf8e3;
}
.dwqa-question-title a {
font-size: 16px;
font-weight: 600;
}
.dwqa-question-item .avatar {
border-radius: 48px;
left: 15px;
position: absolute;
top: 0;
}
.dwqa-question-item .dwqa-question-meta {
font-size: small;
margin-bottom: 20px;
}
.dwqa-question-item .dwqa-status {
border-radius: 3px;
color: #fff;
margin-right: 5px;
padding: 1px 5px;
}
.dwqa-question-vote {
left: 6px;
min-height: 60px;
position: absolute;
top: 70px;
}
.dwqa-question-vote .dwqa-vote {
display: block;
height: 0;
border: 10px solid transparent !important;
border-bottom-color: #ddd !important;
box-shadow: none !important;
position: absolute;
text-decoration: none !important;
left: 7px;
text-indent: -9999px;
top: -20px;
width: 0;
}
.dwqa-question-vote .dwqa-vote-count {
display: block;
height: 32px;
line-height: 32px;
position: absolute;
text-align: center;
top: 14px;
width: 32px;
}
.dwqa-question-vote .dwqa-vote:hover,
.dwqa-question-vote .dwqa-vote:active {
border-bottom-color: #999 !important;
}
.dwqa-question-vote .dwqa-vote-down {
border: 10px solid transparent !important;
border-bottom-color: transparent !important;
border-top-color: #ddd !important;
top: auto;
bottom: -20px;
}
.dwqa-question-vote .dwqa-vote-down:hover,
.dwqa-question-vote .dwqa-vote-down:active {
border-bottom-color: transparent !important;
border-top-color: #999 !important;
}
.dwqa-question-item .dwqa-question-actions {
float: right;
}
.dwqa-question-item .dwqa-question-actions label {
display: inline-block;
}
.dwqa-question-item .dwqa-question-actions a {
margin-left: 10px;
}
.dwqa-question-item .dwqa-question-actions input[type=checkbox] {
margin-right: 5px;
}
.dwqa-pick-best-answer {
height: 32px;
position: absolute;
text-indent: -9999px;
top: 170px;
width: 32px;
}
.dwqa-pick-best-answer:after {
border-width: 0 5px 5px 0 !important;
border: solid #ddd;
box-sizing: border-box;
-webkit-box-sizing: border-box;
content: '';
display: block;
height: 25px;
left: 10px;
position: absolute;
top: 0;
transform: rotate(45deg);
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
width: 15px;
}
.dwqa-pick-best-answer:hover:after {
border-color: #999;
}
.dwqa-best-answer .dwqa-pick-best-answer:after {
border-color: #578824;
}
.dwqa-question-content img {
max-width: 100%;
height: auto;
}
.dwqa-question-tag + .dwqa-question-status {
float: right;
}
.dwqa-question-item .dwqa-question-meta .dwqa-question-status select {
background: transparent;
display: inline-block;
height: 32px;
padding: 5px;
width: 110px;
} .dwqa-answers-title {
margin: 20px 0 10px;
}
.dwqa-answer-item {
border-top: 1px solid #ddd;
min-height: 220px;
padding: 20px 0 20px 70px;
position: relative;
}
.dwqa-answer-item .avatar {
border-radius: 48px;
left: 0;
position: absolute;
top: 20px;
}
.dwqa-answer-item .dwqa-answer-meta {
font-size: small;
margin-bottom: 20px;
}
.dwqa-answer-vote {
left: 6px;
min-height: 60px;
position: absolute;
top: 90px;
}
.dwqa-answer-vote .dwqa-vote {
display: block;
width: 0;
height: 0;
border: 10px solid transparent !important;
border-bottom-color: #ddd !important;
text-indent: -9999px;
position: absolute;
top: -20px;
left: 7px;
text-decoration: none !important;
box-shadow: none !important;
}
.dwqa-answer-vote .dwqa-vote-count {
display: block;
height: 32px;
line-height: 32px;
position: absolute;
text-align: center;
top: 14px;
width: 32px;
}
.dwqa-answer-vote .dwqa-vote:hover,
.dwqa-answer-vote .dwqa-vote:active {
border-bottom-color: #999 !important;
}
.dwqa-answer-vote .dwqa-vote-down {
border: 10px solid transparent !important;
border-bottom-color: transparent !important;
border-top-color: #ddd !important;
top: auto;
bottom: -20px;
}
.dwqa-answer-vote .dwqa-vote-down:hover,
.dwqa-answer-vote .dwqa-vote-down:active {
border-bottom-color: transparent !important;
border-top-color: #999 !important;
}
.dwqa-answer-item .dwqa-answer-actions {
float: right;
}
.dwqa-answer-item .dwqa-answer-actions a {
margin-left: 10px;
}
.dwqa-answer-content img {
max-width: 100%;
height: auto;
}
.dwqa-answer-form-title {
border-top: 1px solid #ddd;
padding: 10px 0;
}
.dwqa-answer-form form {
text-align: right;
}
.dwqa-answer-form .dwqa-alert {
text-align: left;
}
.dwqa-answer-form .dwqa-select {
float: left;
width: auto;
}
.dwqa-answer-form textarea {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 20px;
width: 100% !important;
}
.dwqa-answers-login .dwqa-answers-login-title {
border-top: 1px solid #ddd;
margin-top: 20px;
padding: 15px 0;
}
.dwqa-answers-login .user_login{
display: block;
}
.dwqa-answers-login .user_pass{
display: block;
}
.dwqa-answers-login .login-username label{
display: block;
padding-right: 10px;
}
.dwqa-answers-login .login-password label{
padding-right: 13px;
display: block;
}
.dwqa-comment-form .wp-social-login-provider-list,
.dwqa-answers-login .wp-social-login-provider-list{
padding-left: 0px;
}
.dwqa-comment-form .wp-social-login-provider-list a,
.dwqa-answers-login .wp-social-login-provider-list a{
border-bottom: 0;
box-shadow: none;
display: inline-block;
text-decoration: none;
} .dwqa-attachments-item-wrap:before {
content: "\f019";
font-family: FontAwesome;
left: 8px;
position: absolute;
}
.dwqa-attachments-item-wrap {
background: #f6f6f6;
border: 1px solid #ddd;
margin-bottom: 20px;
padding: 10px 0;
position: relative;
}
.dwqa-attachments-item-wrap a {
padding-left: 30px;
} .dwqa-answer-form .editor-toolbar,
.dwqa-answer-form .CodeMirror {
text-align: left;
} .dwqa-comments-list {
background: #f9f9f9;
padding: 0 10px;
}
.dwqa-comments-list .dwqa-comment {
border-bottom: 1px solid #ddd;
padding: 10px 0;
position: relative;
}
.dwqa-comments-list .dwqa-comment p:last-child {
margin-bottom: 0;
}
.dwqa-comments-list .dwqa-comment:last-child {
border-bottom: none;
}
.dwqa-comments-list .dwqa-comment-meta {
font-size: small;
}
.dwqa-comments-list .dwqa-comment-meta .avatar {
display: inline-block;
height: 12px;
margin-right: 5px;
position: inherit;
width: 12px;
}
.dwqa-comment-form {
background: #f9f9f9;
padding: 10px;
}
.dwqa-comment-form .comment-form {
margin: 0 !important;
padding: 0 !important;
}
.dwqa-comment-show .dwqa-comment-hide {
display: block;
opacity: 1;
}
.dwqa-comment-hide {
display: none;
opacity: 0;
transition: all .9s ease-in-out;
-moz-transition: all .9s ease-in-out;
-webkit-transition: all .9s ease-in-out;
}
.dwqa-comment-form .dwqa-comment-show-button .dwqa-comment-hide {
display: block;
margin-top: 10px;
}
.dwqa-comment-show .dwqa-anonymous-fields {
display: block !important;
}
.dwqa-comment-form .comment-form textarea {
background: #fff;
border: 1px solid #ddd;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
display: block;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
height: 45px;
min-height: 50px;
padding: 10px 15px;
width: 100% !important;
}
.dwqa-comment-form textarea {
width: 100%;
transition: none !important;
}
.dwqa-comment-meta {
margin-bottom: 10px;
}
.dwqa-comment-actions {
float: right;
}
.dwqa-comment-actions a {
margin-left: 10px;
}
.dwqa-comment-actions br {
display: none;
}  .dwqa-breadcrumbs {
margin-bottom: 20px;
} .dwqa-search {
margin-bottom: 20px;
position: relative;
}
.dwqa-search input {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
background: url(//www.serinofil.com/wp-content/plugins/dw-question-answer-pro/templates/assets/img/icon-search.png) no-repeat right 10px center #fff !important;
border-radius: 2px;
border: 1px solid #ddd;
box-shadow: none;
box-sizing: border-box;
margin-bottom: 0 !important;
outline: none;
padding-right: 40px;
padding: 10px 15px;
width: 100%;
}
.dwqa-search input.ui-autocomplete-loading {
background-image: url(//www.serinofil.com/wp-content/plugins/dw-question-answer-pro/templates/assets/img/icon-loading.gif) !important;
}
.submit-dwqa-question .dwqa-search input {
background: none no-repeat right 10px center #fff !important;
}
.submit-dwqa-question .dwqa-search input.ui-autocomplete-loading {
background-image: url(//www.serinofil.com/wp-content/plugins/dw-question-answer-pro/templates/assets/img/icon-loading.gif) !important;
}
.dwqa-search .dwqa-autocomplete {
left: 0 !important;
margin: 0;
position: absolute !important;
right: 0 !important;
top: auto !important;
}
.dwqa-autocomplete {
background: #f9f9f9;
box-shadow: 0 6px 12px rgba(0,0,0,.175);
list-style: none;
max-width: 735px;
padding: 0px 10px 10px;
z-index: 9999;
}
.dwqa-autocomplete li {
border-bottom: 1px solid #ddd;
cursor: pointer;
margin: 0;
padding: 10px;
}
.dwqa-autocomplete .dwqa-text-highlight {
color: #000;
font-weight: bold;
}
.dwqa-autocomplete li.ui-state-focus,
.dwqa-autocomplete li:hover {
background: #f0f0f0;
}
.dwqa-autocomplete li:last-child {
border-bottom: 0;
} .dwqa-question-filter {
margin-bottom: 20px;
}
.dwqa-question-filter span,
.dwqa-question-filter a {
margin-right: 10px;
}
.dwqa-question-filter a {
border: none;
text-decoration: none;
font-size: 14px;
line-height: 1.5;
}
.dwqa-question-filter a.open {
color: #f7733c;
}
.dwqa-question-filter a.resolved {
color: #2bc69e;
}
.dwqa-question-filter a.closed {
color: #666;
}
.dwqa-question-filter a.unanswered {
color: #cb2027;
}
.dwqa-question-filter a.my-questions {
color: #3b5998;
}
.dwqa-question-filter a.my-subscribes {
color: #0f52ba;
}
.dwqa-question-filter a.active {
border-bottom: 1px solid #ddd;
}
.dwqa-question-filter .dwqa-sort-by {
float: right;
height: 32px;
width: 110px;
padding: 5px;
} .dwqa-questions-list {
border-top: 1px solid #ddd;
}
.dwqa-questions-list .dwqa-alert {
margin: 20px 0 0;
}
.dwqa-questions-list .dwqa-question-item {
border-bottom: 1px solid #ddd;
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
padding: 15px 180px 15px 70px;
}
.dwqa-questions-list .dwqa-question-item .avatar {
margin-top: 0px;
top: 50%;
display: inline-block;
height: 12px;
margin-right: 5px;
position: static;
width: 12px;
}
.dwqa-question-item .dwqa-status {
border-radius: 36px;
box-shadow: 0 0 0 1px #e67e22 inset;
height: 36px;
left: 15px;
margin-top: -18px;
padding: 0;
position: absolute;
text-indent: -9999px;
top: 50%;
width: 36px;
}
.dwqa-question-item .dwqa-status:after {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
color: #e67e22;
content: "\f128";
display: block;
font-size: 18px;
font-size: inherit;
font: normal normal normal 14px/1 FontAwesome;
height: 36px;
line-height: 36px;
position: absolute;
text-align: center;
text-indent: 0;
text-rendering: auto;
top: 0;
width: 36px;
}
.dwqa-question-item .dwqa-status-closed {
box-shadow: 0 0 0 1px #666 inset;
}
.dwqa-question-item .dwqa-status-closed:after {
color: #666;
content: "\f023";
}
.dwqa-question-item .dwqa-status-resolved {
box-shadow: 0 0 0 1px #578824 inset;
}
.dwqa-question-item .dwqa-status-resolved:after {
color: #578824;
content: "\f00c";
}
.dwqa-question-item .dwqa-status-answered {
box-shadow: 0 0 0 1px #1ba1e2;
}
.dwqa-question-item .dwqa-status-answered:after {
color: #1ba1e2;
content: "\f112";
font-size: 14px;
}
.dwqa-questions-list .dwqa-question-item .dwqa-question-meta {
margin-bottom: 0;
}
.dwqa-questions-list .dwqa-question-item .dwqa-question-stats {
margin-top: -24px;
position: absolute;
right: 10px;
top: 50%;
}
.dwqa-questions-list .dwqa-question-item .dwqa-question-stats span {
border: 1px solid #ddd;
display: block;
float: left;
font-size: 14px;
height: 48px;
margin-left: 5px;
min-width: 48px;
text-align: center;
}
.dwqa-questions-list .dwqa-question-item .dwqa-question-stats strong {
display: block;
font-size: 13px;
font-weight: normal;
line-height: 26px;
}
.dwqa-questions-footer {
margin-top: 20px;
}
.dwqa-questions-footer .dwqa-pagination,
.dwqa-questions-footer .dwqa-ask-question {
display: inline-block;
}
.dwqa-questions-footer .dwqa-pagination + .dwqa-ask-question {
float: right;
}
.dwqa-questions-footer .dwqa-ask-question a {
border: 1px solid #ddd;
display: inline-block;
padding: 5px 10px;
} .single-dwqa-question .dwqa-question-item {
min-height: 140px;
padding-left: 70px;
}
.single-dwqa-question .dwqa-question-item .avatar {
left: 0;
} .dwqa-answer-form .wp-editor-container,
.dwqa-content-edit-form .wp-editor-container,
.dwqa-content-ask-form .wp-editor-container {
border: 1px solid #e5e5e5;
margin-bottom: 20px;
}
.dwqa-content-ask-form input[type=text],
.dwqa-content-ask-form input[type=email],
.dwqa-content-ask-form select,
.dwqa-content-edit-form input[type=text],
.dwqa-content-edit-form input[type=email],
.dwqa-content-edit-form select {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
width: 100%;
} @media ( max-width: 768px ) {
.dwqa-questions-list .dwqa-question-item {
padding-right: 50px;
padding-bottom: 50px;
border-top: 1px solid #ddd;
margin-bottom: 10px;
}
.dwqa-questions-list .dwqa-question-item .dwqa-question-stats {
top: auto;
bottom: 10px;
left: 10px;
right: auto;
}
.dwqa-questions-list .dwqa-question-item .dwqa-question-stats span {
border: 0;
background: #ddd;
padding: 0px 5px;
height: auto;
color: #999;
}
.dwqa-questions-list .dwqa-question-item .dwqa-question-stats strong {
display: inline-block;
}
}
@media ( min-width: 480px ) {
.dwqa-pick-best-answer {
left: 6px;
}
.dwqa-questions-list.hidden-status .dwqa-question-item .avatar {
left: 10px;
position: absolute;
top: 10px;
width: 48px;
}
}
@media ( max-width: 480px ) {
.dwqa-questions-list {
margin-top: 50px;
}
.dwqa-question-filter .dwqa-sort-by {
margin-top: 10px;
}
.dwqa-questions-list .dwqa-question-item {
padding-left: 15px;
overflow: hidden;
}
.dwqa-questions-list .dwqa-question-item .avatar {
height: 14px;
margin-right: 5px;
position: static;
width: 14px;
}
.single-dwqa-question .dwqa-question-item,
.single-dwqa-question .dwqa-answer-item {
padding-left: 0;
min-height: 0;
padding-top: 40px;
}
.single-dwqa-question .dwqa-question-item .dwqa-question-meta,
.single-dwqa-question .dwqa-answer-item .dwqa-answer-meta {
background: #f5f5f5;
padding: 12px;
}
.single-dwqa-question .dwqa-question-footer .dwqa-question-meta {
background: transparent;
padding: 12px;
}
.dwqa-answer-item .dwqa-answer-actions,
.dwqa-question-item .dwqa-question-actions {
position: absolute;
left: 0;
top: 16px;
}
.single-dwqa-question .dwqa-question-item .dwqa-question-vote,
.single-dwqa-question .dwqa-answer-item .dwqa-answer-vote {
min-height: 0;
top: 15px;
right: 0;
left: 0;
}
.dwqa-question-vote .dwqa-vote-up,
.dwqa-answer-vote .dwqa-vote-up {
left: auto;
right: 25%;
top: 0;
}
.dwqa-question-vote .dwqa-vote-count,
.dwqa-answer-vote .dwqa-vote-count {
top: 0;
right: 15%;
left: auto;
}
.dwqa-answer-vote .dwqa-vote-down,
.dwqa-question-vote .dwqa-vote-down {
left: auto;
top: 10px;
right: 10%;
}
.dwqa-question-tag + .dwqa-question-status {
float: none;
display: block;
}
.dwqa-pick-best-answer {
top: 10px;
right: 0;
} .single-dwqa-question .dwqa-question-item .avatar,
.single-dwqa-question .dwqa-answer-item .avatar {
height: 14px;
margin-right: 5px;
position: static;
width: 14px;
}
.dwqa-question-item .dwqa-status {
border-radius: 0;
box-shadow: none;
height: 70px;
left: auto;
margin-top: 0;
position: absolute;
right: -50px;
top: -35px;
width: 70px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg);
}
.dwqa-question-item .dwqa-status-open {
background-color: #f7733c;
}
.dwqa-question-item .dwqa-status-answered {
background-color: #3fb0ff;
}
.dwqa-question-item .dwqa-status-resolved {
background-color: #2bc69e;
}
.dwqa-question-item .dwqa-status-closed {
background: #666;
}
.dwqa-questions-list .dwqa-question-item .dwqa-status:after {
left: 12px;
color: #fff;
top: 40px;
transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
}
.dwqa-status-spam {
background-color: #ddd;
opacity: 0.5;
}
.admin-bar .editor-toolbar.fullscreen {
z-index: 100000;
} .rte-autocomplete,
.dwqa-mention-ui {
background-color: #fff;
border-color: #e5e6e9 #dfe0e4 #d0d1d5;
border-radius: 4px;
border: 1px solid #e5e6e9;
box-shadow: 0 3px 3px rgba(0,0,0,.08);
font-size: 14px;
list-style-type: none;
margin-top: 5px;
margin: 2px 0 0;
max-width: 220px;
min-width: 220px;
padding: 12px 0;
position: absolute;
text-align: left;
z-index: 1000;
}
.rte-autocomplete:before,
.dwqa-mention-ui:before {
border-color: transparent transparent #fff #fff;
border: 0.5em solid #fff;
box-shadow: -1px 1px 0px 0 #e8e8e8;
content: "";
left: 6px;
position: absolute;
top: -6px;
transform: rotate(135deg);
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
}
.rte-autocomplete li,
.dwqa-mention-ui li {
clear: both;
color: #444;
display: block;
font-weight: 400;
line-height: 1.71428571;
padding: 3px 20px;
white-space: nowrap;
}
.rte-autocomplete li a,
.dwqa-mention-ui li {
clear: both;
color: #444;
display: block;
font-weight: 400;
line-height: 1.71428571;
padding: 3px 20px;
white-space: nowrap;
}
.rte-autocomplete li:first-child,
.dwqa-mention-ui li:first-child {
background: #f5f5f5;
} .dwqa-user-profile-head { position: relative;
}
#dwqa-upload-user-cover-image, #dwqa-upload-user-avatar{
display: none;
}
.dwqa-user-cover-image-wrap{
position: relative;
max-height: 350px;
max-width: 100%;
overflow: hidden;
}
.dwqa-user-cover-image-wrap .cover-thumb-overlay {
background: rgba(0, 0, 0, 0) linear-gradient(rgba(232, 232, 232, 0) 50%, rgba(10, 10, 10, 0.52)) repeat scroll 0 0;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.dwqa-user-cover-image-wrap label{
background: rgba(255, 255, 255, .2);
box-sizing: border-box;
border-radius: 4px;
color: #E4E6EB;
right: 30px;
opacity: 1;
font-size: 14px;
margin: 0;
position: absolute;
padding: 6px 18px 6px 40px;
bottom: 30px;
}
.dwqa-user-cover-image-wrap label::before {
content: "";
position: absolute;
background: url(//www.serinofil.com/wp-content/plugins/dw-question-answer-pro/templates/assets/img/camera-icon.png) no-repeat;
background-size: cover;
width: 24px;
height: 24px;
left: 8px;
top: 4px;
}
.dwqa-user-cover-image-wrap:hover label {
background: rgba(255, 255, 255, .3);
cursor: pointer;
}
#dwqa-user-cover-image img{
height: 350px;
width: 100%;
object-fit: cover;
}
.dwqa-user-avatar-group{
position: absolute;
bottom: -30px;
left: 30px;
z-index: 4;
}
.dwqa-user-avatar-wrap{
background-color: #fff;
border: 2px solid #fff;
overflow: hidden;
position: relative; }
.dwqa-user-avatar-wrap img{
height: 100%;
width: 150px;
} .dwqa-user-avatar-wrap label {
position: absolute;
background: rgba(0, 0, 0, .5);
z-index: 1;
left: -40px;
bottom: -30px;
width: 38px;
color: transparent;
height: 30px;
transition: .5s;
}
.dwqa-user-avatar-wrap:hover label {
left: 0;
bottom: 0;
}
.dwqa-user-avatar-wrap label:before {
position: absolute;
content: "";
background: url(//www.serinofil.com/wp-content/plugins/dw-question-answer-pro/templates/assets/img/camera-icon.png) no-repeat;
width: 18px;
background-size: cover;
height: 18px;
left: 0;
right: 0;
top: 7px;
margin: 0 auto;
} .dwqa-user-info {
bottom: 12px;
position: absolute;
left: 200px;
}
.dwqa-user-info h1.username {  font-size: 30px;
font-weight: bold;
text-transform: capitalize;
text-shadow: 0 1px 10px #000; }
.dwqa-user-info h1.username,
.dwqa-user-info h1.username a {
color: #fff;
}
.dwqa-profile-tabs {
background: #ddd3;
border: 1px solid #ddd;
height: 50px;
line-height: 50px;
padding-left: 200px;    }
.dwqa-profile-tabs a {
color: #666;
font-size: 14px;
position: relative;
padding: 13px 20px;
}
.dwqa-profile-tabs a:before {
position: absolute;
content: "";
background: #ddd;
width: 1px;
height: 100%;
left: 0;
top: 0;
}
.dwqa-profile-tabs a:hover,
.dwqa-profile-tabs a.active {
background: #f5f5f5;
color: #03c0e8;
}
.dwqa-poup{
display: none;
}
#popup-crop{
float: left;
}
#popup-crop{
float: left;
}
#button-crop{
float: right;
}
#avatar-crop{
width: 150px;
height: 150px;
margin: 20px 0 0;
overflow: hidden;
float: left;
display: none;
}
#avatar-crop img{
max-width: none;
}
.dwqa-poup {
background: #fff;
position: fixed;
border: 1px solid #ddd;
box-shadow: 0 4px 4px -4px rgba(0,0,0,.1);
left: 50%;
padding: 20px;
width: 600px;
top: 10%;
z-index: 200;
transform: translate(-50%, 0);
-webkit-transform: translate(-50%, 0);
}
.dwqa-poup button[type="button"] {
padding: 10px 32px;
font-size: 16px;
margin-top: 20px;
font-weight: bold;
border: none;
color: #fff;
background: #0085ba;
float: right;
text-transform: uppercase;
}
.dwqa-poup input[type="radio"] {
display: none !important;
}
.profile-avatar {
position: relative;
}
.cover-profile {
position: relative;
display: inline-block;
}
.dwqa-image-profile {
width: 170px;
height: 170px;
}
.profile-avatar {
position: absolute;
bottom: -40px;
left: 20px;
}
.dwqa-user-profile-text {
position: absolute;
bottom: 0px;
color: #fff;
left: 210px;
}
.dwqa-user-profile-text h1.username {
font-size: 28px;
font-weight: normal;
}
.dwqa-user-profile img.dwqa-image-lg {
z-index: 0;
width: 100%;
margin-bottom: 10px;
}
.dwqa-image-profile{
margin: -90px 10px 0px 50px;
z-index: 9;
width: 20%;
}
.dwqa-user-qa {
padding-top: 20px;
}
.dwqa-user-qa .dwqa-post {
border-bottom: 1px solid #eee;
padding: 20px 0;
}
.dwqa- .dwqa-thumb img,
.dwqa-list .dwqa-thumb img {
width: auto;
}
.dwqa-thumb img {
height: 130px;
object-fit: cover;
width: 100%;
}
.dwqa-inner h2.dwqa-post-title {
margin-top: 20px;
margin-bottom: 10px;
line-height: 20px;
padding: 0;
}
.dwqa-post-title a {
font-size: 18px;
color: #333;
vertical-align: top;
text-decoration: none;
line-height: 1.5;
}
.dwqa-post-meta span {
color: #888;
font-size: 13px;
font-style: italic;
margin-right: 15px;
}
.dwqa-post-meta span a,
.dwqa-cmt-meta a {
color: #3ba1ba;
font-weight: bold;
border-bottom: 1px solid #E0E0E0;
}
.author-comments .dwqa-cmt-item {
border-bottom: 1px solid #eee;
font-size: 16px;
padding: 20px 0;
}
.dwqa-cmt-link a {
color: #333;
margin-left: 10px;
text-decoration: none;
}
.dwqa-cmt-link i {
color: #666;
}
.dwqa-cmt-meta {
font-style: italic;
}
.profile-blog {
padding-bottom: 100px;
display: grid;
}
.profile-blog.dwqa-list,
.dwqa-list .dwqa-post-title a {
display: block;
}
.dwqa-list .dwqa-post-title a {
overflow: visible;
}
.dwqa-post-title a {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
@media (min-width: 768px) {
.dwqa-col-2 {
grid-template-columns: 48% 48%;
grid-gap: 4%;
}
.dwqa-col-3 {
grid-template-columns: auto auto auto;
grid-gap: 3%;
}
.dwqa-col-4 {
grid-template-columns: auto auto auto auto;
grid-gap: 3%;
}
}
@media (min-width: 481px) and (max-width: 767px) {
.dwqa-col-4,
.dwqa-col-3,
.dwqa-col-2 {
grid-template-columns: auto auto;
grid-gap: 3%;
}
} .ui-helper-hidden-accessible{
display: none !important;
}
@media (max-width:768px) {
.dwqa-user-profile-text>h1{
font-weight: 700;
font-size:16px;
}
.dwqa-image-profile {
margin: -45px 10px 0px 25px;
z-index: 9;
width: 20%;
}
}
@media (max-width:1024px) {
.dwqa-user-cover-image-wrap {
height: auto;
}
}
@media (max-width:480px) {
.dwqa-user-cover-image-wrap label {
top: 10px;
bottom: auto;
right: 15px;
}
.dwqa-user-avatar-wrap img {
width: 120px;
}
.dwqa-user-cover-image-wrap,
#dwqa-user-cover-image img  {
height: 250px;
}
#dwqa-user-cover-image img {
object-fit: cover;
}
.dwqa-user-avatar-group {
bottom: 15px;
left: 15px;
}
.dwqa-user-info {
left: 150px;
bottom: 30px;
}
.dwqa-profile-tabs {
padding-left: 0;
}
.count-dwqa {
bottom: 64px;
left: 197px;
}
.count-dwqa .grid--cell {
padding: 0;
background: 0;
margin-right: 0;
display: block;
}
.count-dwqa span {
color: #f6f6f6;
font-size: 13px;
}
}