/*
* User profile styles that are included for user and tipster profile pages.
*/

#user {
margin: 0.6em auto 5.2em auto;
color: #30336b;
}

.user-profile {
position: relative;
height: 100px;
}

.user-profile h1 {
margin-top: 0;
margin-right: 110px;
text-align: center;
font-weight: normal;
font-size: 1.5em;
line-height: 1.4em;
padding: 0 0.12em;
}

.user-profile h1 span {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: inline-block;
max-width: 100%;
vertical-align: bottom;
}

.user-profile-avatar {
position: absolute;
top: 0;
right: 10px;
}


.profile-links {
margin-top: 2.2em;
}

.profile-links-2 {
margin-top: 0.64em;
}

.profile-links a {
color: #0057a0;
text-decoration: none;
}

.profile-links a:visited {
color: #0057a0;
}

.profile-links a:hover {
text-decoration: underline;
}

.profile-view-tips {
display: inline-block;
}

.profile-send-message {
display: inline-block;
float: right;
text-align: right;
padding-right: 10px;
}

.user-info {
width: max-content;
margin: 2.2em auto 0 auto;
}

table.user-info-prop {
border-collapse: collapse;
}

table.user-info-prop td {
line-height: 1.52em;
white-space: nowrap;
}

table.user-info-prop td.tipl {
text-align: right;
padding-right: 0.32em;
}

table.user-info-prop td.tipd {
font-weight: bold;
}

p.user-info {
margin: 1.2em 0 1.2em 0;
padding: 0;
line-height: 1.6em;
text-indent: 1.6em;
color: #b33939;
}


@media screen and (max-width: 760px) {
.profile-links a {
display: block;
width: max-content;
max-width: calc(100% - 1.2em);
margin: 0.16em auto;
padding: 0.24em 0.52em;
text-align: center;
}
.profile-view-tips {
display: unset;
}
.profile-send-message {
display: initial;
float: unset;
text-align: initial;
padding-right: 0;
}
.profile-links-2 {
margin-top: 0;
}
.profile-send-message .profile-links-2 {
margin-top: 0.64em;
}
}

@media screen and (max-width: 480px) {
.user-profile {
height: unset;
}
.user-profile-avatar {
position: unset;
margin: 1.32em auto 0 auto;
text-align: center;
}
.user-profile h1 {
margin-right: 0;
font-size: 1.32em;
}
}