/*
* Tips styles that are included for tips pages.
*/

#tips {
margin: 0.6em auto 5.2em auto;
color: #30336b;
display: flex;
}

#data-col {
flex-grow: 1;
max-width: 720px;
}

#widgets {
flex: 0 0 250px;
margin-left: 20px;
}


h1 {
text-align: center;
font-weight: normal;
font-size: 1.5em;
line-height: 1.4em;
}

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

h2 {
margin: 1.72em 0 1em 0;
font-size: 1.32em;
font-weight: normal;
text-align: center;
white-space: unset;
overflow: unset;
text-overflow: unset;
}

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

#tips p {
line-height: 1.6em;
text-indent: 1.6em;
}

#tips p.odds-info {
padding: 0 0.42em;
font-size: 0.92em;
margin: 1.2em auto;
color: #b33939;
}

#tips #game p.odds-info {
padding: 0;
}

#tips p.tips-info {
padding: 0 0.42em;
font-size: 0.92em;
line-height: 1.6em;
text-indent: 1.6em;
color: #b33939;
}

.tip-win {
color: #218c74;
}

.tip-loss {
color: #b33939;
}

.tip-nobet {
color: #ffda79;
}

.tip-postponed {
color: #95a5a6;
}


.tipster-game-intro {
padding: 2.2em 0 1.8em 0;
background: #f8f8ff;
text-align: center;
}

.tipster-game-intro a {
padding: 0.5em 0.72em;
background: #b33939;
color: #ffffff;
text-decoration: none;
border-radius: 5px 5px;
font-size: 1.2em;
}

.tipster-game-intro a:visited {
color: #ffffff;
}

.tipster-game-intro div {
text-align: center;
color: #218c74;
margin-top: 1.32em;
line-height: 1.32em;
}

.tipster-game-intro div span {
white-space: nowrap;
}


.module {
padding: 1.8em 0 1.2em 0;
background: #f8f8ff;
border-top: 1px solid #d1d8e0;
}

.module-title {
text-align: center;
color: #218c74;
font-size: 1.2em;
line-height: 1.32em;
margin-bottom: 0.52em;
}

.module-title span {
white-space: nowrap;
}

.module-data {
margin: 0 1em;
}

.module-links {
margin-left: 1em;
line-height: 1.92em;
}

.module-content a {
text-decoration: none;
color: #0057a0;
}

.module-content a:hover {
text-decoration: underline;
}

.module-content a:visited {
color: #0057a0;
}

.module-all {
margin-top: 1.32em;
text-align: center;
font-size: 1.2em;
line-height: 1.32em;
}

.module-all a {
text-decoration: none;
color: #0057a0;
}

.module-all a:hover {
text-decoration: underline;
}

.module-all a:visited {
color: #0057a0;
}

table.tipster-standing-widget {
margin: 0 auto;
width: 100%;
border-collapse: collapse;
}

table.tipster-standing-widget td {
line-height: 1.52em;
white-space: nowrap;
}

table.tipster-standing-widget td.name {
vertical-align: top;
}

table.tipster-standing-widget td.balance {
text-align: right;
width: 4.2em;
}


.module-ad-wrapper-2 {
margin: 0 auto 0 auto;
width: 250px;
background: #f8f8ff;
}

.module-ad-2 {
margin: 0 auto 0 auto;
width: 234px;
height: 60px;
}


@media screen and (max-width: 760px) {
#tips {
display: unset;
}
#data-col {
flex-grow: unset;
max-width: unset;
margin-top: 0.6em;
}
#widgets {
flex: unset;
margin-left: unset;
}
.module-ad-wrapper-2 {
background: unset;
}
.module-ad-2 {
margin-top: 3.2em;
margin-bottom: 1.8em;
}
.tipster-game-intro {
background: unset;
}
.tipster-game-intro a {
font-size: 1.2em;
}
.module {
background: unset;
border-top: unset;
margin-bottom: 3.2em;
}
.module-data {
margin-left: auto;
margin-right: auto;
}
.module-links {
margin-left: auto;
margin-right: auto;
width: max-content;
}
table.tipster-standing-widget {
max-width: 300px;
width: calc(100% - 2em);
}
table.tipster-standing-widget td {
line-height: 1.82em;
border-bottom: 1px solid #f1f2f6;
}
table.tipster-standing-widget td.name {
padding-left: 0.22em;
}
table.tipster-standing-widget td.balance {
padding-right: 0.22em;
}
}


@media screen and (max-width: 480px) {
.tips-title {
font-size: 1.32em;
}		
h2 {
font-size: 1.22em;
}
}






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

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

.tipster-profile-avatar {
position: absolute;
top: 0;
right: 0;
}


@media screen and (max-width: 760px) {
.tipster-profile h1 {
margin-right: 110px;
}
.tipster-profile-avatar {
right: 10px;
}
}

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



.tipsters-table-link {
margin-top: 0.72em;
margin-bottom: -0.92em;
text-align: right;
font-size: 1.2em;
}

.tipsters-table-link a {
text-decoration: none;
color: #0057a0;
}

.tipsters-table-link a:hover {
text-decoration: underline;
}

.tipsters-table-link a:visited {
color: #0057a0;
}

@media screen and (max-width: 760px) {
.tipsters-table-link {
margin-right: 1em;
}
}

@media screen and (max-width: 660px) {
.tipsters-table-link {
margin-top: 0.92em;
}
}

@media screen and (max-width: 580px) {
.tipsters-table-link {
margin-top: 1.12em;
text-align: center;
margin-right: 0;
margin-left: 0;
}
}

@media screen and (max-width: 360px) {
.tipsters-table-link {
font-size: 1em;
font-weight: bold;
}
}



.adscb {
margin-top: 2.2em;
margin-bottom: 3.2em;
height: 250px;
}