.ul-table-wrap {
overflow-x: auto;
margin: 25px 0;
}
.ul-table {
width: 100%;
border-collapse: collapse;
font-size: 14px;
}
.ul-table th {
background: #111;
color: #fff;
padding: 10px;
text-align: left;
}
.ul-table td {
padding: 10px;
border-bottom: 1px solid #ddd;
}
.ul-table tr:hover {
background: #f7f7f7;
} .ul-table tr.elite {
background: #fff7e6;
}
.ul-table tr.gold {
background: #f0f7ff;
} .rate {
font-weight: bold;
}
.rate.max { color: #0a8f3c; }
.rate.high { color: #2e9f4d; }
.rate.mid { color: #e6a700; }
.rate.low { color: #d64545; } .tag {
display: inline-block;
font-size: 11px;
background: #222;
color: #fff;
padding: 2px 6px;
border-radius: 4px;
margin-top: 3px;
} .table-note {
font-size: 13px;
color: #666;
margin-top: 10px;
}
.ul-table {
border-radius: 10px;
overflow: hidden;
box-shadow: 0 5px 20px rgba(0,0,0,0.05);
}
.ul-table tr:hover {
background: #f3f6f9;
transition: 0.2s;
}
.ul-table th {
position: sticky;
top: 0;
z-index: 2;
}
.ul-table tbody tr:nth-child(even) {
background: #fafafa;
}
.ul-specs td:nth-child(3) {
white-space: nowrap;
} .warn {
color: #d64545;
font-weight: bold;
} .ul-specs td {
font-size: 13.5px;
}
.ul-quickpick {
margin: 25px 0;
}
.ul-pick-table {
width: 100%;
border-collapse: collapse;
font-size: 14px;
border-radius: 10px;
overflow: hidden;
box-shadow: 0 6px 20px rgba(0,0,0,0.05);
}
.ul-pick-table th {
background: #111;
color: #fff;
padding: 10px;
text-align: left;
}
.ul-pick-table td {
padding: 10px;
border-bottom: 1px solid #eee;
} .ul-pick-table tr.top {
background: #fff7e6;
}
.ul-pick-table tr.feel {
background: #f0f7ff;
}
.ul-pick-table tr.wind {
background: #f6fff5;
}
.ul-pick-table tr.soft {
background: #faf5ff;
} .ul-pick-table tr:hover {
background: #f3f6f9;
} .badge {
margin-left: 6px;
font-size: 11px;
background: #222;
color: #fff;
padding: 2px 6px;
border-radius: 4px;
} .ul-pick-note {
font-size: 13px;
color: #666;
margin-top: 10px;
}
.ul-compare {
margin: 25px 0;
}
.ul-vs-table {
width: 100%;
border-collapse: collapse;
font-size: 14px;
border-radius: 10px;
overflow: hidden;
box-shadow: 0 6px 20px rgba(0,0,0,0.05);
}
.ul-vs-table th {
padding: 10px;
background: #111;
color: #fff;
text-align: left;
} .ul-vs-table td {
padding: 10px;
border-bottom: 1px solid #eee;
vertical-align: top;
} .ul-vs-table td.left,
.ul-vs-table th.left {
background: #f5f9ff;
} .ul-vs-table td.right,
.ul-vs-table th.right {
background: #fff7f5;
} .ul-vs-table td:first-child {
font-weight: 600;
background: #fafafa;
} .hint {
font-size: 12px;
color: #777;
} .ul-vs-table tr:hover td {
background: #f3f6f9 !important;
} .ul-vs-note {
font-size: 13px;
color: #666;
margin-top: 10px;
}
.ul-fix {
margin: 25px 0;
}
.ul-fix-table {
width: 100%;
border-collapse: collapse;
font-size: 14px;
border-radius: 10px;
overflow: hidden;
box-shadow: 0 6px 20px rgba(0,0,0,0.05);
}
.ul-fix-table th {
background: #111;
color: #fff;
padding: 10px;
text-align: left;
}
.ul-fix-table td {
padding: 10px;
border-bottom: 1px solid #eee;
} .ul-fix-table tr.bad {
background: #fff5f5;
}
.ul-fix-table tr.mid {
background: #fffaf0;
}
.ul-fix-table tr.good {
background: #f5fff7;
} .ul-fix-table tr:hover td {
background: #f3f6f9;
} .ul-fix-note {
font-size: 13px;
color: #666;
margin-top: 10px;
}.rpwwt-widget ul { list-style: outside none none; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; }
.rpwwt-widget ul li { overflow: hidden; margin: 0 0 1.5em; }
.rpwwt-widget ul li:last-child { margin: 0; }
.rpwwt-widget .screen-reader-text {border: 0; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; word-break: normal; }
.rpwwt-widget .screen-reader-text:focus {background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; -webkit-clip-path: none; clip-path: none; color: #21759b; display: block; font-size: 0.875rem; font-weight: 700; height: auto; right: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; }
.rpwwt-widget ul li img { display: inline; float: left; margin: .3em .75em .75em 0; }
#rpwwt-recent-posts-widget-with-thumbnails-2 img { max-width: 75px; width: 100%; height: auto; }