/* 
 * Event Page (Post) css 
 */




/* ******** vuexy theme modify ******** */

.btn-sm {
    min-width: 60px;
    min-height: 36px;
}

.CompInfo {
    font-size: 1rem;
    padding-bottom: 1.25rem;
    /* color:#949bbd; */
}

.ClimberLink {
    font-size: 1.05rem;
}

.TeamLink {
    color: var(--bs-body-color);
}

.url {
    font-size: 1rem;
}


/* ******** essential theme modify ******** */

/* team score close button hide */
.far.fa-window-close {
    visibility: hidden;
}

/* usac result page style change*/
.hidden
{
    visibility: hidden;
    display: block;
    opacity: 0;
}

.hide
{
    display: none;
}

.video-spacer.hide, .fa-video.hide, 
.fas.fa-sort, .far.fa-image, .fas.fa-sort-down,
.fas.fa-ellipsis-v, .fas.fa-question {
    display: none;
}

/* ******** original usac result css ******** */

/* 2021 youth national*/
.nobox.fas.fa-video.hide {
    visibility: hidden;
    display: none;
}

.routerank
{
    text-align: right;
}

.routehold
{
    text-align: right;
    margin: 0px 8px;
    min-width: 35px;
}



/* .scoreScroller {
    max-width: 100vw;
    max-height: calc(100vh - 10px);
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    margin: 8px;
} */


.scoreScroller.preview {
    max-height: auto;
    overflow: visible
}

.scoreTable21 {
    white-space: nowrap;
    /*border-collapse: collapse;*/
    border-collapse: separate;
    border-spacing: 0px;
}

.scoreTable21 th,
.scoreTable21 td {    
    padding: 8px 4px;
}

/* 
.scoreTable21 tr:nth-child(1) th
{
  position: -webkit-sticky;
  position: sticky; 
  top: -1px;
  background-color: var(--th-background);
  color: var(--foreground);
  z-index: 5;
}
*/

.scoreTable21 tbody:nth-child(1) > tr
{
  position: -webkit-sticky;
  position: sticky;
  top: -1px;
  background-color: var(--th-background);
  color: var(--foreground);
  z-index: 5;
}

.scoreTable21 tr:nth-child(2) th
{
  /* position: -webkit-sticky;
  position: sticky; */
  top: 25px;
  background-color: var(--th-background);
  text-align: right;
  color: var(--foreground);
  z-index: 5;
}

.scoreTable21 th:nth-child(1),
.scoreTable21 td:nth-child(1)
{
    /* position: -webkit-sticky;
    position: sticky; */
    left: 0px;
    text-align: center;
    padding: 8px;
}

.scoreTable21 th:nth-child(2),
.scoreTable21 td:nth-child(2)
{
    text-align: left;
}

.scoreTable21 th:first-child, 
.scoreTable21 td:first-child {
    padding-left: 8px;  
}

.scoreTable21 th:last-child, 
.scoreTable21 td:last-child {
    padding-right: 16px;  
}
    
.scoreTable21 tr.break td
{
    color: var(--foreground);
    background-color: var(--background) !important;
    text-align: center;
    font-size: .9rem;
    font-weight: bold;
    padding: 2px;    
}

.scoreTable21 td:nth-child(2) div:nth-child(2),
.scoreTable21 td:nth-child(2) div:nth-child(3)                     
{
    font-size: .99rem;
    padding-left: 5px;
}

.scoreTable21 tr:nth-child(odd) td
{
    background-color: var(--tr-odd); 
}

.scoreTable21 tr:nth-child(even) td
{
    background-color: var(--tr-even);
}

.scoreTable21 tbody tr:last-child td
{
    border-bottom: 5px solid #aaa;
}

tr.scratch td
{
    background-color: var(--bg) !important;
}

tr.scratch
{
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAGklEQVQYV2NkwAIYsQr+////P7oEdpXYtAMA8rIEAsyHsIsAAAAASUVORK5CYII=');
    background-repeat: repeat-x;
    background-position: 50% 50%;
    opacity: .7;
    z-index: 4;
}

.red
{
    color: red;
}

.fill
{
    background-color: green !important;
}

.tiny
{
    font-size: .8rem;
}

.boulderGlyph
{
    min-width: 2.4rem;
    font-size: .8rem;
    color: #ddd;
    padding: 4px !important;
}

.boulderGlyph div
{
    background-color: #888;
    border: 1px solid #AAA;
    border-radius: 1px;
    text-align: center;
}

.scoreTable21 tr:nth-child(1) th:nth-child(2) /*climber*/
{
    text-align: left;
}

.scoreBoulder tr:nth-child(1) th
{
    padding: 4px 4px 1px 4px;
}

.scoreBoulder tr:nth-child(2) th
{
    padding: 2px;
}

/* pts */
.scoreLeadTR tr th:nth-child(3),
.scoreLeadTR tr td:nth-child(3)
{
    padding-right: 20px;
}

.tdscore
{
    text-align: right;
    padding: 0px !important;
    width: 25px;
}

.tdvlabel
{
    font-size: .8rem;
    text-align: right;
}